From 091a0dce5d4bf51708583dc70394e3d1e0786ce1 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Tue, 1 Nov 2022 08:33:02 +0200 Subject: [PATCH 01/58] transform --- src/mixins/itext.svg_export.ts | 587 ++-- src/mixins/itext_behavior.mixin.ts | 2501 ++++++++-------- src/mixins/itext_click_behavior.mixin.ts | 578 ++-- src/mixins/itext_key_behavior.mixin.ts | 1539 +++++----- src/mixins/text_style.mixin.ts | 618 ++-- src/shapes/itext.class.ts | 1238 ++++---- src/shapes/text.class.ts | 3475 +++++++++++----------- src/shapes/textbox.class.ts | 962 +++--- 8 files changed, 5709 insertions(+), 5789 deletions(-) diff --git a/src/mixins/itext.svg_export.ts b/src/mixins/itext.svg_export.ts index ac8234b303f..8f87a788e92 100644 --- a/src/mixins/itext.svg_export.ts +++ b/src/mixins/itext.svg_export.ts @@ -5,332 +5,315 @@ import { config } from '../config'; import { FabricObject } from '../shapes/fabricObject.class'; /* _TO_SVG_START_ */ -(function (global) { - var fabric = global.fabric, - toFixed = fabric.util.toFixed, - multipleSpacesRegex = / +/g; +var fabric = global.fabric, + toFixed = toFixed, + multipleSpacesRegex = / +/g; - fabric.util.object.extend( - fabric.Text.prototype, - /** @lends fabric.Text.prototype */ { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG: function () { - var offsets = this._getSVGLeftTopOffsets(), - textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - }, +export function TextIMixinGenerator(Klass) { + return class TextIMixin extends Klass { + /** + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG() { + var offsets = this._getSVGLeftTopOffsets(), + textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + } - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function (reviver) { - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - noStyle: true, - withShadow: true, - }); - }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG(reviver) { + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + noStyle: true, + withShadow: true, + }); + } - /** - * @private - */ - _getSVGLeftTopOffsets: function () { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0), - }; - }, + /** + * @private + */ + _getSVGLeftTopOffsets() { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0), + }; + } - /** - * @private - */ - _wrapSVGTextAndBg: function (textAndBg) { - var noShadow = true, - textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n', - ]; - }, + /** + * @private + */ + _wrapSVGTextAndBg(textAndBg) { + var noShadow = true, + textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n', + ]; + } - /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { - var textSpans = [], - textBgRects = [], - height = textTopOffset, - lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); + /** + * @private + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg(textTopOffset, textLeftOffset) { + var textSpans = [], + textBgRects = [], + height = textTopOffset, + lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.direction === 'rtl') { - lineOffset += this.width; - } - if ( - this.textBackgroundColor || - this.styleHas('textBackgroundColor', i) - ) { - this._setSVGTextLineBg( - textBgRects, - i, - textLeftOffset + lineOffset, - height - ); - } - this._setSVGTextLineText( - textSpans, + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.direction === 'rtl') { + lineOffset += this.width; + } + if ( + this.textBackgroundColor || + this.styleHas('textBackgroundColor', i) + ) { + this._setSVGTextLineBg( + textBgRects, i, textLeftOffset + lineOffset, height ); - height += this.getHeightOfLine(i); } + this._setSVGTextLineText( + textSpans, + i, + textLeftOffset + lineOffset, + height + ); + height += this.getHeightOfLine(i); + } - return { - textSpans: textSpans, - textBgRects: textBgRects, - }; - }, + return { + textSpans: textSpans, + textBgRects: textBgRects, + }; + } - /** - * @private - */ - _createTextCharSpan: function (_char, styleDecl, left, top) { - var shouldUseWhitespace = - _char !== _char.trim() || _char.match(multipleSpacesRegex), - styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), - fillStyles = styleProps ? 'style="' + styleProps + '"' : '', - dy = styleDecl.deltaY, - dySpan = '', - NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - fabric.util.string.escapeXml(_char), - '', - ].join(''); - }, + /** + * @private + */ + _createTextCharSpan(_char, styleDecl, left, top) { + var shouldUseWhitespace = + _char !== _char.trim() || _char.match(multipleSpacesRegex), + styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), + fillStyles = styleProps ? 'style="' + styleProps + '"' : '', + dy = styleDecl.deltaY, + dySpan = '', + NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + string.escapeXml(_char), + '', + ].join(''); + } - _setSVGTextLineText: function ( - textSpans, - lineIndex, - textLeftOffset, - textTopOffset - ) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, - style, - boxWidth = 0, - line = this._textLines[lineIndex], - timeToRender; + _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) { + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, + style, + boxWidth = 0, + line = this._textLines[lineIndex], + timeToRender; - textTopOffset += - (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; - } else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = fabric.util.hasStyleChanged( - actualStyle, - nextStyle, - true - ); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || {}; - textSpans.push( - this._createTextCharSpan( - charsToRender, - style, - textLeftOffset, - textTopOffset - ) - ); - charsToRender = ''; - actualStyle = nextStyle; - if (this.direction === 'rtl') { - textLeftOffset -= boxWidth; - } else { - textLeftOffset += boxWidth; - } - boxWidth = 0; + textTopOffset += + (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; } } - }, - - _pushTextBgRect: function (textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n' - ); - }, - - _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], - heightOfLine = this.getHeightOfLine(i) / this.lineHeight, - boxWidth = 0, - boxStart = 0, - charBox, - currentColor, - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && - this._pushTextBgRect( - textBgRects, - lastColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine - ); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = hasStyleChanged(actualStyle, nextStyle, true); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || {}; + textSpans.push( + this._createTextCharSpan( + charsToRender, + style, + textLeftOffset, + textTopOffset + ) + ); + charsToRender = ''; + actualStyle = nextStyle; + if (this.direction === 'rtl') { + textLeftOffset -= boxWidth; } else { - boxWidth += charBox.kernedWidth; + textLeftOffset += boxWidth; } + boxWidth = 0; } - currentColor && - this._pushTextBgRect( - textBgRects, - currentColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine - ); - }, + } + } - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes: function (value) { - var fillColor = - value && typeof value === 'string' ? new Color(value) : ''; - if ( - !fillColor || - !fillColor.getSource() || - fillColor.getAlpha() === 1 - ) { - return 'fill="' + value + '"'; + _pushTextBgRect(textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n' + ); + } + + _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], + heightOfLine = this.getHeightOfLine(i) / this.lineHeight, + boxWidth = 0, + boxStart = 0, + charBox, + currentColor, + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && + this._pushTextBgRect( + textBgRects, + lastColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine + ); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } else { + boxWidth += charBox.kernedWidth; } - return ( - 'opacity="' + - fillColor.getAlpha() + - '" fill="' + - fillColor.setAlpha(1).toRgb() + - '"' + } + currentColor && + this._pushTextBgRect( + textBgRects, + currentColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine ); - }, + } - /** - * @private - */ - _getSVGLineTopOffset: function (lineIndex) { - var lineTopOffset = 0, - lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: - ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / - (this.lineHeight * this._fontSizeMult), - }; - }, + /** + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} + */ + _getFillAttributes(value) { + var fillColor = + value && typeof value === 'string' ? new Color(value) : ''; + if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { + return 'fill="' + value + '"'; + } + return ( + 'opacity="' + + fillColor.getAlpha() + + '" fill="' + + fillColor.setAlpha(1).toRgb() + + '"' + ); + } - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function (skipShadow) { - var svgStyle = FabricObject.prototype.getSvgStyles.call( - this, - skipShadow - ); - return svgStyle + ' white-space: pre;'; - }, + /** + * @private + */ + _getSVGLineTopOffset(lineIndex) { + var lineTopOffset = 0, + lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: + ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / + (this.lineHeight * this._fontSizeMult), + }; + } + + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles(skipShadow) { + var svgStyle = FabricObject.prototype.getSvgStyles.call(this, skipShadow); + return svgStyle + ' white-space: pre;'; } - ); -})(typeof exports !== 'undefined' ? exports : window); + }; +} + +Text = TextIMixinGenerator(Text); + /* _TO_SVG_END_ */ diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index db654811daf..c0c86ab14b4 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -5,1300 +5,1255 @@ import { removeFromArray } from '../util/internals'; // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend( - fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { - /** - * Initializes all the interactive behavior of IText - */ - initBehavior: function () { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - this.dragEnterHandler = this.dragEnterHandler.bind(this); - this.dragOverHandler = this.dragOverHandler.bind(this); - this.dragLeaveHandler = this.dragLeaveHandler.bind(this); - this.dragEndHandler = this.dragEndHandler.bind(this); - this.dropHandler = this.dropHandler.bind(this); - this.on('dragenter', this.dragEnterHandler); - this.on('dragover', this.dragOverHandler); - this.on('dragleave', this.dragLeaveHandler); - this.on('dragend', this.dragEndHandler); - this.on('drop', this.dropHandler); - }, - - onDeselect: function () { - this.isEditing && this.exitEditing(); - this.selected = false; - }, - - /** - * Initializes "added" event handler - */ - initAddedHandler: function () { - var _this = this; - this.on('added', function (opt) { - // make sure we listen to the canvas added event - var canvas = opt.target; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - _this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(_this); +var fabric = global.fabric; + +export function ITextBehaviorMixinGenerator(Klass) { + return class ITextBehaviorMixin extends Klass { + /** + * Initializes all the interactive behavior of IText + */ + initBehavior() { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + this.dragEnterHandler = this.dragEnterHandler.bind(this); + this.dragOverHandler = this.dragOverHandler.bind(this); + this.dragLeaveHandler = this.dragLeaveHandler.bind(this); + this.dragEndHandler = this.dragEndHandler.bind(this); + this.dropHandler = this.dropHandler.bind(this); + this.on('dragenter', this.dragEnterHandler); + this.on('dragover', this.dragOverHandler); + this.on('dragleave', this.dragLeaveHandler); + this.on('dragend', this.dragEndHandler); + this.on('drop', this.dropHandler); + } + + onDeselect() { + this.isEditing && this.exitEditing(); + this.selected = false; + } + + /** + * Initializes "added" event handler + */ + initAddedHandler() { + var _this = this; + this.on('added', function (opt) { + // make sure we listen to the canvas added event + var canvas = opt.target; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + _this._initCanvasHandlers(canvas); } - }); - }, - - initRemovedHandler: function () { - var _this = this; - this.on('removed', function (opt) { - // make sure we listen to the canvas removed event - var canvas = opt.target; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - removeFromArray(canvas._iTextInstances, _this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - _this._removeCanvasHandlers(canvas); - } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(_this); + } + }); + } + + initRemovedHandler() { + var _this = this; + this.on('removed', function (opt) { + // make sure we listen to the canvas removed event + var canvas = opt.target; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + removeFromArray(canvas._iTextInstances, _this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + _this._removeCanvasHandlers(canvas); } - }); - }, - - /** - * register canvas event to manage exiting on other instances - * @private - */ - _initCanvasHandlers: function (canvas) { - canvas._mouseUpITextHandler = function () { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.__isMousedown = false; - }); + } + }); + } + + /** + * register canvas event to manage exiting on other instances + * @private + */ + _initCanvasHandlers(canvas) { + canvas._mouseUpITextHandler = function () { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.__isMousedown = false; + }); + } + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + } + + /** + * remove canvas event to manage exiting on other instances + * @private + */ + _removeCanvasHandlers(canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + } + + /** + * @private + */ + _tick() { + this._currentTickState = this._animateCursor( + this, + 1, + this.cursorDuration, + '_onTickComplete' + ); + } + + /** + * @private + */ + _animateCursor(obj, targetOpacity, duration, completeMethod) { + var tickState = { + isAborted: false, + abort: function () { + this.isAborted = true; + }, + }; + + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function () { + if (!tickState.isAborted) { + obj[completeMethod](); + } + }, + onChange: function () { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - }, - - /** - * remove canvas event to manage exiting on other instances - * @private - */ - _removeCanvasHandlers: function (canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); - }, - - /** - * @private - */ - _tick: function () { - this._currentTickState = this._animateCursor( - this, - 1, - this.cursorDuration, - '_onTickComplete' + }, + abort: function () { + return tickState.isAborted; + }, + }); + return tickState; + } + + /** + * @private + */ + _onTickComplete() { + var _this = this; + + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); + } + this._cursorTimeout1 = setTimeout(function () { + _this._currentTickCompleteState = _this._animateCursor( + _this, + 0, + this.cursorDuration / 2, + '_tick' ); - }, - - /** - * @private - */ - _animateCursor: function (obj, targetOpacity, duration, completeMethod) { - var tickState = { - isAborted: false, - abort: function () { - this.isAborted = true; - }, - }; - - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function () { - if (!tickState.isAborted) { - obj[completeMethod](); - } - }, - onChange: function () { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); - } - }, - abort: function () { - return tickState.isAborted; - }, - }); - return tickState; - }, + }, 100); + } - /** - * @private - */ - _onTickComplete: function () { - var _this = this; + /** + * Initializes delayed cursor + */ + initDelayedCursor(restart) { + var _this = this, + delay = restart ? 0 : this.cursorDelay; + + this.abortCursorAnimation(); + if (delay) { + this._cursorTimeout2 = setTimeout(function () { + _this._tick(); + }, delay); + } else { + this._tick(); + } + } - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); - } - this._cursorTimeout1 = setTimeout(function () { - _this._currentTickCompleteState = _this._animateCursor( - _this, - 0, - this.cursorDuration / 2, - '_tick' - ); - }, 100); - }, - - /** - * Initializes delayed cursor - */ - initDelayedCursor: function (restart) { - var _this = this, - delay = restart ? 0 : this.cursorDelay; - - this.abortCursorAnimation(); - if (delay) { - this._cursorTimeout2 = setTimeout(function () { - _this._tick(); - }, delay); - } else { - this._tick(); - } - }, - - /** - * Aborts cursor animation, clears all timeouts and clear textarea context if necessary - */ - abortCursorAnimation: function () { - var shouldClear = - this._currentTickState || this._currentTickCompleteState; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && - this._currentTickCompleteState.abort(); + /** + * Aborts cursor animation, clears all timeouts and clear textarea context if necessary + */ + abortCursorAnimation() { + var shouldClear = + this._currentTickState || this._currentTickCompleteState; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && this._currentTickCompleteState.abort(); - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); - this._currentCursorOpacity = 1; + this._currentCursorOpacity = 1; - // make sure we clear context even if instance is not editing - if (shouldClear) { - this.clearContextTop(); - } - }, - - /** - * Selects entire text - * @return {fabric.IText} thisArg - * @chainable - */ - selectAll: function () { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - - /** - * Returns selected text - * @return {String} - */ - getSelectedText: function () { - return this._text - .slice(this.selectionStart, this.selectionEnd) - .join(''); - }, - - /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryLeft: function (startFrom) { - var offset = 0, - index = startFrom - 1; - - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index--; - } - } - while (/\S/.test(this._text[index]) && index > -1) { + // make sure we clear context even if instance is not editing + if (shouldClear) { + this.clearContextTop(); + } + } + + /** + * Selects entire text + * @return {IText} thisArg + * @chainable + */ + selectAll() { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } + + /** + * Returns selected text + * @return {String} + */ + getSelectedText() { + return this._text.slice(this.selectionStart, this.selectionEnd).join(''); + } + + /** + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryLeft(startFrom) { + var offset = 0, + index = startFrom - 1; + + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { offset++; index--; } + } + while (/\S/.test(this._text[index]) && index > -1) { + offset++; + index--; + } - return startFrom - offset; - }, - - /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryRight: function (startFrom) { - var offset = 0, - index = startFrom; - - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index++; - } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { + return startFrom - offset; + } + + /** + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryRight(startFrom) { + var offset = 0, + index = startFrom; + + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { offset++; index++; } + } + while (/\S/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } - return startFrom + offset; - }, + return startFrom + offset; + } - /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryLeft: function (startFrom) { - var offset = 0, - index = startFrom - 1; + /** + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryLeft(startFrom) { + var offset = 0, + index = startFrom - 1; + + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + + return startFrom - offset; + } - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } + /** + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryRight(startFrom) { + var offset = 0, + index = startFrom; + + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + + return startFrom + offset; + } - return startFrom - offset; - }, + /** + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word + */ + searchWordBoundary(selectionStart, direction) { + var text = this._text, + index = this._reSpace.test(text[selectionStart]) + ? selectionStart - 1 + : selectionStart, + _char = text[index]; + + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + } - /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryRight: function (startFrom) { - var offset = 0, - index = startFrom; + /** + * Selects a word based on the index + * @param {Number} selectionStart Index of a character + */ + selectWord(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.searchWordBoundary( + selectionStart, + -1 + ) /* search backwards */, + newSelectionEnd = this.searchWordBoundary( + selectionStart, + 1 + ); /* search forward */ + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } + /** + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + * @return {IText} thisArg + * @chainable + */ + selectLine(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.findLineBoundaryLeft(selectionStart), + newSelectionEnd = this.findLineBoundaryRight(selectionStart); + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } - return startFrom + offset; - }, - - /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word - */ - searchWordBoundary: function (selectionStart, direction) { - var text = this._text, - index = this._reSpace.test(text[selectionStart]) - ? selectionStart - 1 - : selectionStart, - _char = text[index]; - - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - }, - - /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character - */ - selectWord: function (selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.searchWordBoundary( - selectionStart, - -1 - ) /* search backwards */, - newSelectionEnd = this.searchWordBoundary( - selectionStart, - 1 - ); /* search forward */ + /** + * Enters editing state + * @return {IText} thisArg + * @chainable + */ + enterEditing(e) { + if (this.isEditing || !this.editable) { + return; + } + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); + } + + this.isEditing = true; + + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; + + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { + return this; + } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; + } + + exitEditingOnOthers(canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); + } + }); + } + } + + /** + * Initializes "mousemove" event handler + */ + initMouseMoveHandler() { + this.canvas.on('mouse:move', this.mouseMoveHandler); + } + + /** + * @private + */ + mouseMoveHandler(options) { + if (!this.__isMousedown || !this.isEditing) { + return; + } + // regain focus + fabric.document.activeElement !== this.hiddenTextarea && + this.hiddenTextarea.focus(); + + var newSelectionStart = this.getSelectionStartFromPointer(options.e), + currentStart = this.selectionStart, + currentEnd = this.selectionEnd; + if ( + (newSelectionStart !== this.__selectionStartOnMouseDown || + currentStart === currentEnd) && + (currentStart === newSelectionStart || currentEnd === newSelectionStart) + ) { + return; + } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } else { this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; + this.selectionEnd = this.__selectionStartOnMouseDown; + } + if ( + this.selectionStart !== currentStart || + this.selectionEnd !== currentEnd + ) { + this.restartCursorIfNeeded(); this._fireSelectionChanged(); this._updateTextarea(); this.renderCursorOrSelection(); - }, - - /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character - * @return {fabric.IText} thisArg - * @chainable - */ - selectLine: function (selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.findLineBoundaryLeft(selectionStart), - newSelectionEnd = this.findLineBoundaryRight(selectionStart); + } + } - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - - /** - * Enters editing state - * @return {fabric.IText} thisArg - * @chainable - */ - enterEditing: function (e) { - if (this.isEditing || !this.editable) { - return; - } - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); + /** + * Override to customize the drag image + * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage + * @param {DragEvent} e + * @param {object} data + * @param {number} data.selectionStart + * @param {number} data.selectionEnd + * @param {string} data.text + * @param {string} data.value selected text + */ + setDragImage(e, data) { + var t = this.calcTransformMatrix(); + var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + var boundaries = this._getCursorBoundaries(data.selectionStart); + var selectionPosition = new Point( + boundaries.left + boundaries.leftOffset, + boundaries.top + boundaries.topOffset + ).multiply(flipFactor); + var pos = transformPoint(selectionPosition, t); + var pointer = this.canvas.getPointer(e); + var diff = pointer.subtract(pos); + var enableRetinaScaling = this.canvas._isRetinaScaling(); + var retinaScaling = this.canvas.getRetinaScaling(); + var bbox = this.getBoundingRect(true); + var correction = pos.subtract(new Point(bbox.left, bbox.top)); + var offset = correction.add(diff).scalarMultiply(retinaScaling); + // prepare instance for drag image snapshot by making all non selected text invisible + var bgc = this.backgroundColor; + var styles = object.clone(this.styles, true); + delete this.backgroundColor; + var styleOverride = { + fill: 'transparent', + textBackgroundColor: 'transparent', + }; + this.setSelectionStyles(styleOverride, 0, data.selectionStart); + this.setSelectionStyles( + styleOverride, + data.selectionEnd, + data.text.length + ); + var dragImage = this.toCanvasElement({ + enableRetinaScaling: enableRetinaScaling, + }); + this.backgroundColor = bgc; + this.styles = styles; + // handle retina scaling + if (enableRetinaScaling && retinaScaling > 1) { + var c = createCanvasElement(); + c.width = dragImage.width / retinaScaling; + c.height = dragImage.height / retinaScaling; + var ctx = c.getContext('2d'); + ctx.scale(1 / retinaScaling, 1 / retinaScaling); + ctx.drawImage(dragImage, 0, 0); + dragImage = c; + } + this.__dragImageDisposer && this.__dragImageDisposer(); + this.__dragImageDisposer = function () { + dragImage.remove(); + }; + // position drag image offsecreen + setStyle(dragImage, { + position: 'absolute', + left: -dragImage.width + 'px', + border: 'none', + }); + fabric.document.body.appendChild(dragImage); + e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); + } + + /** + * support native like text dragging + * @private + * @param {DragEvent} e + * @returns {boolean} should handle event + */ + onDragStart(e) { + this.__dragStartFired = true; + if (this.__isDragging) { + var selection = (this.__dragStartSelection = { + selectionStart: this.selectionStart, + selectionEnd: this.selectionEnd, + }); + var value = this._text + .slice(selection.selectionStart, selection.selectionEnd) + .join(''); + var data = Object.assign({ text: this.text, value: value }, selection); + e.dataTransfer.setData('text/plain', value); + e.dataTransfer.setData( + 'application/fabric', + JSON.stringify({ + value: value, + styles: this.getSelectionStyles( + selection.selectionStart, + selection.selectionEnd, + true + ), + }) + ); + e.dataTransfer.effectAllowed = 'copyMove'; + this.setDragImage(e, data); + } + this.abortCursorAnimation(); + return this.__isDragging; + } + + /** + * Override to customize drag and drop behavior + * @public + * @param {DragEvent} e + * @returns {boolean} + */ + canDrop(e) { + if (this.editable && !this.__corner) { + if (this.__isDragging && this.__dragStartSelection) { + // drag source trying to drop over itself + // allow dropping only outside of drag start selection + var index = this.getSelectionStartFromPointer(e); + var dragStartSelection = this.__dragStartSelection; + return ( + index < dragStartSelection.selectionStart || + index > dragStartSelection.selectionEnd + ); } + return true; + } + return false; + } - this.isEditing = true; + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEnterHandler(options) { + var e = options.e; + var canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } + } - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragOverHandler(options) { + var e = options.e; + var canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } else if (this.__isDraggingOver && !canDrop) { + // drop state has changed + this.__isDraggingOver = false; + } + if (this.__isDraggingOver) { + // can be dropped, inform browser + e.preventDefault(); + // inform event subscribers + options.canDrop = true; + options.dropTarget = this; + // find cursor under the drag part. + } + } - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); - return this; - }, + /** + * support native like text dragging + * @private + */ + dragLeaveHandler() { + if (this.__isDraggingOver || this.__isDragging) { + this.__isDraggingOver = false; + } + } - exitEditingOnOthers: function (canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); + /** + * support native like text dragging + * fired only on the drag source + * handle changes to the drag source in case of a drop on another object or a cancellation + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEndHandler(options) { + var e = options.e; + if (this.__isDragging && this.__dragStartFired) { + // once the drop event finishes we check if we need to change the drag source + // if the drag source received the drop we bail out + if (this.__dragStartSelection) { + var selectionStart = this.__dragStartSelection.selectionStart; + var selectionEnd = this.__dragStartSelection.selectionEnd; + var dropEffect = e.dataTransfer.dropEffect; + if (dropEffect === 'none') { + this.selectionStart = selectionStart; + this.selectionEnd = selectionEnd; + this._updateTextarea(); + } else { + this.clearContextTop(); + if (dropEffect === 'move') { + this.insertChars('', null, selectionStart, selectionEnd); + this.selectionStart = this.selectionEnd = selectionStart; + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: selectionStart, + action: 'dragend', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); } - }); - } - }, - - /** - * Initializes "mousemove" event handler - */ - initMouseMoveHandler: function () { - this.canvas.on('mouse:move', this.mouseMoveHandler); - }, - - /** - * @private - */ - mouseMoveHandler: function (options) { - if (!this.__isMousedown || !this.isEditing) { - return; + this.exitEditing(); + // disable mouse up logic + this.__lastSelected = false; + } } + } - // regain focus - fabric.document.activeElement !== this.hiddenTextarea && - this.hiddenTextarea.focus(); + this.__dragImageDisposer && this.__dragImageDisposer(); + delete this.__dragImageDisposer; + delete this.__dragStartSelection; + this.__isDraggingOver = false; + } - var newSelectionStart = this.getSelectionStartFromPointer(options.e), - currentStart = this.selectionStart, - currentEnd = this.selectionEnd; - if ( - (newSelectionStart !== this.__selectionStartOnMouseDown || - currentStart === currentEnd) && - (currentStart === newSelectionStart || - currentEnd === newSelectionStart) - ) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } else { - this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; + /** + * support native like text dragging + * + * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} + * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dropHandler(options) { + var e = options.e, + didDrop = e.defaultPrevented; + this.__isDraggingOver = false; + // inform browser that the drop has been accepted + e.preventDefault(); + var insert = e.dataTransfer.getData('text/plain'); + if (insert && !didDrop) { + var insertAt = this.getSelectionStartFromPointer(e); + var data = e.dataTransfer.types.includes('application/fabric') + ? JSON.parse(e.dataTransfer.getData('application/fabric')) + : {}; + var styles = data.styles; + var trailing = insert[Math.max(0, insert.length - 1)]; + var selectionStartOffset = 0; + // drag and drop in same instance + if (this.__dragStartSelection) { + var selectionStart = this.__dragStartSelection.selectionStart; + var selectionEnd = this.__dragStartSelection.selectionEnd; + if (insertAt > selectionStart && insertAt <= selectionEnd) { + insertAt = selectionStart; + } else if (insertAt > selectionEnd) { + insertAt -= selectionEnd - selectionStart; + } + this.insertChars('', null, selectionStart, selectionEnd); + // prevent `dragend` from handling event + delete this.__dragStartSelection; } + // remove redundant line break if ( - this.selectionStart !== currentStart || - this.selectionEnd !== currentEnd + this._reNewline.test(trailing) && + (this._reNewline.test(this._text[insertAt]) || + insertAt === this._text.length) ) { - this.restartCursorIfNeeded(); - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } - }, - - /** - * Override to customize the drag image - * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage - * @param {DragEvent} e - * @param {object} data - * @param {number} data.selectionStart - * @param {number} data.selectionEnd - * @param {string} data.text - * @param {string} data.value selected text - */ - setDragImage: function (e, data) { - var t = this.calcTransformMatrix(); - var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - var boundaries = this._getCursorBoundaries(data.selectionStart); - var selectionPosition = new Point( - boundaries.left + boundaries.leftOffset, - boundaries.top + boundaries.topOffset - ).multiply(flipFactor); - var pos = fabric.util.transformPoint(selectionPosition, t); - var pointer = this.canvas.getPointer(e); - var diff = pointer.subtract(pos); - var enableRetinaScaling = this.canvas._isRetinaScaling(); - var retinaScaling = this.canvas.getRetinaScaling(); - var bbox = this.getBoundingRect(true); - var correction = pos.subtract(new Point(bbox.left, bbox.top)); - var offset = correction.add(diff).scalarMultiply(retinaScaling); - // prepare instance for drag image snapshot by making all non selected text invisible - var bgc = this.backgroundColor; - var styles = fabric.util.object.clone(this.styles, true); - delete this.backgroundColor; - var styleOverride = { - fill: 'transparent', - textBackgroundColor: 'transparent', - }; - this.setSelectionStyles(styleOverride, 0, data.selectionStart); - this.setSelectionStyles( - styleOverride, - data.selectionEnd, - data.text.length + insert = insert.trimEnd(); + } + // inform subscribers + options.didDrop = true; + options.dropTarget = this; + // finalize + this.insertChars(insert, styles, insertAt); + // can this part be moved in an outside event? andrea to check. + this.canvas.setActiveObject(this); + this.enterEditing(); + this.selectionStart = Math.min( + insertAt + selectionStartOffset, + this._text.length ); - var dragImage = this.toCanvasElement({ - enableRetinaScaling: enableRetinaScaling, - }); - this.backgroundColor = bgc; - this.styles = styles; - // handle retina scaling - if (enableRetinaScaling && retinaScaling > 1) { - var c = fabric.util.createCanvasElement(); - c.width = dragImage.width / retinaScaling; - c.height = dragImage.height / retinaScaling; - var ctx = c.getContext('2d'); - ctx.scale(1 / retinaScaling, 1 / retinaScaling); - ctx.drawImage(dragImage, 0, 0); - dragImage = c; - } - this.__dragImageDisposer && this.__dragImageDisposer(); - this.__dragImageDisposer = function () { - dragImage.remove(); - }; - // position drag image offsecreen - fabric.util.setStyle(dragImage, { - position: 'absolute', - left: -dragImage.width + 'px', - border: 'none', + this.selectionEnd = Math.min( + this.selectionStart + insert.length, + this._text.length + ); + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: insertAt + selectionStartOffset, + action: 'drop', }); - fabric.document.body.appendChild(dragImage); - e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); - }, - - /** - * support native like text dragging - * @private - * @param {DragEvent} e - * @returns {boolean} should handle event - */ - onDragStart: function (e) { - this.__dragStartFired = true; - if (this.__isDragging) { - var selection = (this.__dragStartSelection = { - selectionStart: this.selectionStart, - selectionEnd: this.selectionEnd, - }); - var value = this._text - .slice(selection.selectionStart, selection.selectionEnd) - .join(''); - var data = Object.assign( - { text: this.text, value: value }, - selection - ); - e.dataTransfer.setData('text/plain', value); - e.dataTransfer.setData( - 'application/fabric', - JSON.stringify({ - value: value, - styles: this.getSelectionStyles( - selection.selectionStart, - selection.selectionEnd, - true - ), - }) - ); - e.dataTransfer.effectAllowed = 'copyMove'; - this.setDragImage(e, data); - } - this.abortCursorAnimation(); - return this.__isDragging; - }, - - /** - * Override to customize drag and drop behavior - * @public - * @param {DragEvent} e - * @returns {boolean} - */ - canDrop: function (e) { - if (this.editable && !this.__corner) { - if (this.__isDragging && this.__dragStartSelection) { - // drag source trying to drop over itself - // allow dropping only outside of drag start selection - var index = this.getSelectionStartFromPointer(e); - var dragStartSelection = this.__dragStartSelection; - return ( - index < dragStartSelection.selectionStart || - index > dragStartSelection.selectionEnd - ); - } - return true; - } - return false; - }, - - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEnterHandler: function (options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } - }, - - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragOverHandler: function (options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } else if (this.__isDraggingOver && !canDrop) { - // drop state has changed - this.__isDraggingOver = false; - } - if (this.__isDraggingOver) { - // can be dropped, inform browser - e.preventDefault(); - // inform event subscribers - options.canDrop = true; - options.dropTarget = this; - // find cursor under the drag part. - } - }, - - /** - * support native like text dragging - * @private - */ - dragLeaveHandler: function () { - if (this.__isDraggingOver || this.__isDragging) { - this.__isDraggingOver = false; - } - }, - - /** - * support native like text dragging - * fired only on the drag source - * handle changes to the drag source in case of a drop on another object or a cancellation - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEndHandler: function (options) { - var e = options.e; - if (this.__isDragging && this.__dragStartFired) { - // once the drop event finishes we check if we need to change the drag source - // if the drag source received the drop we bail out - if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; - var dropEffect = e.dataTransfer.dropEffect; - if (dropEffect === 'none') { - this.selectionStart = selectionStart; - this.selectionEnd = selectionEnd; - this._updateTextarea(); - } else { - this.clearContextTop(); - if (dropEffect === 'move') { - this.insertChars('', null, selectionStart, selectionEnd); - this.selectionStart = this.selectionEnd = selectionStart; - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: selectionStart, - action: 'dragend', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - this.exitEditing(); - // disable mouse up logic - this.__lastSelected = false; - } - } - } + this.canvas.fire('text:changed', { target: this }); + this.canvas.contextTopDirty = true; + this.canvas.requestRenderAll(); + } + } - this.__dragImageDisposer && this.__dragImageDisposer(); - delete this.__dragImageDisposer; - delete this.__dragStartSelection; - this.__isDraggingOver = false; - }, - - /** - * support native like text dragging - * - * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} - * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dropHandler: function (options) { - var e = options.e, - didDrop = e.defaultPrevented; - this.__isDraggingOver = false; - // inform browser that the drop has been accepted - e.preventDefault(); - var insert = e.dataTransfer.getData('text/plain'); - if (insert && !didDrop) { - var insertAt = this.getSelectionStartFromPointer(e); - var data = e.dataTransfer.types.includes('application/fabric') - ? JSON.parse(e.dataTransfer.getData('application/fabric')) - : {}; - var styles = data.styles; - var trailing = insert[Math.max(0, insert.length - 1)]; - var selectionStartOffset = 0; - // drag and drop in same instance - if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; - if (insertAt > selectionStart && insertAt <= selectionEnd) { - insertAt = selectionStart; - } else if (insertAt > selectionEnd) { - insertAt -= selectionEnd - selectionStart; - } - this.insertChars('', null, selectionStart, selectionEnd); - // prevent `dragend` from handling event - delete this.__dragStartSelection; - } - // remove redundant line break - if ( - this._reNewline.test(trailing) && - (this._reNewline.test(this._text[insertAt]) || - insertAt === this._text.length) - ) { - insert = insert.trimEnd(); - } - // inform subscribers - options.didDrop = true; - options.dropTarget = this; - // finalize - this.insertChars(insert, styles, insertAt); - // can this part be moved in an outside event? andrea to check. - this.canvas.setActiveObject(this); - this.enterEditing(); - this.selectionStart = Math.min( - insertAt + selectionStartOffset, - this._text.length - ); - this.selectionEnd = Math.min( - this.selectionStart + insert.length, - this._text.length - ); - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: insertAt + selectionStartOffset, - action: 'drop', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.contextTopDirty = true; - this.canvas.requestRenderAll(); - } - }, + /** + * @private + */ + _setEditingProps() { + this.hoverCursor = 'text'; - /** - * @private - */ - _setEditingProps: function () { - this.hoverCursor = 'text'; + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; + } - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + } - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; - }, - - /** - * convert from textarea to grapheme indexes - */ - fromStringToGraphemeSelection: function (start, end, text) { - var smallerTextStart = text.slice(0, start), - graphemeStart = this.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = text.slice(start, end), - graphemeEnd = this.graphemeSplit(smallerTextEnd).length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - }, - - /** - * convert from fabric to textarea values - */ - fromGraphemeToStringSelection: function (start, end, _text) { - var smallerTextStart = _text.slice(0, start), - graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = _text.slice(start, end), - graphemeEnd = smallerTextEnd.join('').length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - }, - - /** - * @private - */ - _updateTextarea: function () { - this.cursorOffsetCache = {}; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - var newSelection = this.fromGraphemeToStringSelection( - this.selectionStart, - this.selectionEnd, - this._text - ); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); - }, - - /** - * @private - */ - updateFromTextArea: function () { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = {}; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - var newSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value + /** + * convert from textarea to grapheme indexes + */ + fromStringToGraphemeSelection(start, end, text) { + var smallerTextStart = text.slice(0, start), + graphemeStart = this.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = text.slice(start, end), + graphemeEnd = this.graphemeSplit(smallerTextEnd).length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } + + /** + * convert from fabric to textarea values + */ + fromGraphemeToStringSelection(start, end, _text) { + var smallerTextStart = _text.slice(0, start), + graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = _text.slice(start, end), + graphemeEnd = smallerTextEnd.join('').length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } + + /** + * @private + */ + _updateTextarea() { + this.cursorOffsetCache = {}; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + var newSelection = this.fromGraphemeToStringSelection( + this.selectionStart, + this.selectionEnd, + this._text ); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); - }, - - /** - * @private - */ - updateTextareaPosition: function () { - if (this.selectionStart === this.selectionEnd) { - var style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } - }, - - /** - * @private - * @return {Object} style contains style for hiddenTextarea - */ - _calcTextareaPosition: function () { - if (!this.canvas) { - return { x: 1, y: 1 }; - } - var desiredPosition = this.inCompositionMode - ? this.compositionStart - : this.selectionStart, - boundaries = this._getCursorBoundaries(desiredPosition), - cursorLocation = this.get2DCursorLocation(desiredPosition), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex, - charHeight = - this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * - this.lineHeight, - leftOffset = boundaries.leftOffset, - m = this.calcTransformMatrix(), - p = { - x: boundaries.left + leftOffset, - y: boundaries.top + boundaries.topOffset + charHeight, - }, - retinaScaling = this.canvas.getRetinaScaling(), - upperCanvas = this.canvas.upperCanvasEl, - upperCanvasWidth = upperCanvas.width / retinaScaling, - upperCanvasHeight = upperCanvas.height / retinaScaling, - maxWidth = upperCanvasWidth - charHeight, - maxHeight = upperCanvasHeight - charHeight, - scaleX = upperCanvas.clientWidth / upperCanvasWidth, - scaleY = upperCanvas.clientHeight / upperCanvasHeight; - - p = fabric.util.transformPoint(p, m); - p = fabric.util.transformPoint(p, this.canvas.viewportTransform); - p.x *= scaleX; - p.y *= scaleY; - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; + } + this.updateTextareaPosition(); + } - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - - return { - left: p.x + 'px', - top: p.y + 'px', - fontSize: charHeight + 'px', - charHeight: charHeight, - }; - }, - - /** - * @private - */ - _saveEditingProps: function () { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor, - }; - }, - - /** - * @private - */ - _restoreEditingProps: function () { - if (!this._savedProps) { - return; - } + /** + * @private + */ + updateFromTextArea() { + if (!this.hiddenTextarea) { + return; + } + this.cursorOffsetCache = {}; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + var newSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + } - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; + /** + * @private + */ + updateTextareaPosition() { + if (this.selectionStart === this.selectionEnd) { + var style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + } - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } + /** + * @private + * @return {Object} style contains style for hiddenTextarea + */ + _calcTextareaPosition() { + if (!this.canvas) { + return { x: 1, y: 1 }; + } + var desiredPosition = this.inCompositionMode + ? this.compositionStart + : this.selectionStart, + boundaries = this._getCursorBoundaries(desiredPosition), + cursorLocation = this.get2DCursorLocation(desiredPosition), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex, + charHeight = + this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * + this.lineHeight, + leftOffset = boundaries.leftOffset, + m = this.calcTransformMatrix(), + p = { + x: boundaries.left + leftOffset, + y: boundaries.top + boundaries.topOffset + charHeight, + }, + retinaScaling = this.canvas.getRetinaScaling(), + upperCanvas = this.canvas.upperCanvasEl, + upperCanvasWidth = upperCanvas.width / retinaScaling, + upperCanvasHeight = upperCanvas.height / retinaScaling, + maxWidth = upperCanvasWidth - charHeight, + maxHeight = upperCanvasHeight - charHeight, + scaleX = upperCanvas.clientWidth / upperCanvasWidth, + scaleY = upperCanvas.clientHeight / upperCanvasHeight; + + p = transformPoint(p, m); + p = transformPoint(p, this.canvas.viewportTransform); + p.x *= scaleX; + p.y *= scaleY; + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } + + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + + return { + left: p.x + 'px', + top: p.y + 'px', + fontSize: charHeight + 'px', + charHeight: charHeight, + }; + } - delete this._savedProps; - }, - - /** - * Exits from editing state - * @return {fabric.IText} thisArg - * @chainable - */ - exitEditing: function () { - var isTextChanged = this._textBeforeEdit !== this.text; - var hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; - - this.selectionEnd = this.selectionStart; - - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && - hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && - this.canvas.fire('object:modified', { target: this }); + /** + * @private + */ + _saveEditingProps() { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor, + }; + } + + /** + * @private + */ + _restoreEditingProps() { + if (!this._savedProps) { + return; + } + + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; + + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; + } + + delete this._savedProps; + } + + /** + * Exits from editing state + * @return {IText} thisArg + * @chainable + */ + exitEditing() { + var isTextChanged = this._textBeforeEdit !== this.text; + var hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; + + this.selectionEnd = this.selectionStart; + + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && + hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && this.canvas.fire('object:modified', { target: this }); + } + return this; + } + + /** + * @private + */ + _removeExtraneousStyles() { + for (var prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; } - return this; - }, - - /** - * @private - */ - _removeExtraneousStyles: function () { - for (var prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; + } + } + + /** + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) + */ + removeStyleFromTo(start, end) { + var cursorStart = this.get2DCursorLocation(start, true), + cursorEnd = this.get2DCursorLocation(end, true), + lineStart = cursorStart.lineIndex, + charStart = cursorStart.charIndex, + lineEnd = cursorEnd.lineIndex, + charEnd = cursorEnd.charIndex, + i, + styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for ( + i = charStart; + i < this._unwrappedTextLines[lineStart].length; + i++ + ) { + delete this.styles[lineStart][i]; } } - }, - - /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) - */ - removeStyleFromTo: function (start, end) { - var cursorStart = this.get2DCursorLocation(start, true), - cursorEnd = this.get2DCursorLocation(end, true), - lineStart = cursorStart.lineIndex, - charStart = cursorStart.charIndex, - lineEnd = cursorEnd.lineIndex, - charEnd = cursorEnd.charIndex, - i, - styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for ( - i = charStart; - i < this._unwrappedTextLines[lineStart].length; - i++ - ) { - delete this.styles[lineStart][i]; + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = {}); + this.styles[lineStart][charStart + i - charEnd] = styleObj; } } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for ( - i = charEnd; - i < this._unwrappedTextLines[lineEnd].length; - i++ - ) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = {}); - this.styles[lineStart][charStart + i - charEnd] = styleObj; - } - } - } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; + } + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + var diff = charEnd - charStart, + numericChar, + _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - var diff = charEnd - charStart, - numericChar, - _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; - } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; - } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; } } } - }, - - /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? - */ - shiftLineStyles: function (lineIndex, offset) { - // shift all line styles by offset upward or downward - // do not clone deep. we need new array, not new style objects - var clonedStyles = Object.assign({}, this.styles); - for (var line in this.styles) { - var numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; - } + } + } + + /** + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? + */ + shiftLineStyles(lineIndex, offset) { + var clonedStyles = Object.assign({}, this.styles); + for (var line in this.styles) { + var numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; } } - }, + } + } - restartCursorIfNeeded: function () { - if ( - !this._currentTickState || - this._currentTickState.isAborted || - !this._currentTickCompleteState || - this._currentTickCompleteState.isAborted - ) { - this.initDelayedCursor(); - } - }, - - /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles - */ - insertNewlineStyleObject: function ( - lineIndex, - charIndex, - qty, - copiedStyle + restartCursorIfNeeded() { + if ( + !this._currentTickState || + this._currentTickState.isAborted || + !this._currentTickCompleteState || + this._currentTickCompleteState.isAborted ) { - var currentCharStyle, - newLineStyles = {}, - somethingAdded = false, - isEndOfLine = - this._unwrappedTextLines[lineIndex].length === charIndex; - - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = - this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (var index in this.styles[lineIndex]) { - var numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; - } + this.initDelayedCursor(); + } + } + + /** + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles + */ + insertNewlineStyleObject(lineIndex, charIndex, qty, copiedStyl) { + var currentCharStyle, + newLineStyles = {}, + somethingAdded = false, + isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = + this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (var index in this.styles[lineIndex]) { + var numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; } } - var styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; + } + var styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; + } + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, copiedStyle[qty - 1]), + }; + } else if (currentCharStyle) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, currentCharStyle), + }; + } else { + delete this.styles[lineIndex + qty]; } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, copiedStyle[qty - 1]), - }; - } else if (currentCharStyle) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, currentCharStyle), - }; - } else { - delete this.styles[lineIndex + qty]; + qty--; + } + this._forceClearCache = true; + } + + /** + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects + */ + insertCharStyleObject(lineIndex, charIndex, quantity, copiedStyl) { + if (!this.styles) { + this.styles = {}; + } + var currentLineStyles = this.styles[lineIndex], + currentLineStylesCloned = currentLineStyles + ? Object.assign({}, currentLineStyles) + : {}; + + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (var index in currentLineStylesCloned) { + var numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = + currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; } - qty--; - } - this._forceClearCache = true; - }, - - /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects - */ - insertCharStyleObject: function ( - lineIndex, - charIndex, - quantity, - copiedStyle - ) { - if (!this.styles) { - this.styles = {}; } - var currentLineStyles = this.styles[lineIndex], - currentLineStylesCloned = currentLineStyles - ? Object.assign({}, currentLineStyles) - : {}; - - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (var index in currentLineStylesCloned) { - var numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = - currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; - } + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; - } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; - } - this.styles[lineIndex][charIndex + quantity] = Object.assign( - {}, - copiedStyle[quantity] - ); + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; } - return; - } - if (!currentLineStyles) { - return; - } - var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { this.styles[lineIndex][charIndex + quantity] = Object.assign( {}, - newStyle + copiedStyle[quantity] ); } - }, - - /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. - */ - insertNewStyleBlock: function (insertedText, start, copiedStyle) { - var cursorLoc = this.get2DCursorLocation(start, true), - addedLines = [0], - linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex, - addedLines[0], - copiedStyle - ); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && - this.insertNewlineStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex + addedLines[0], - linesLength - ); - for (var i = 1; i < linesLength; i++) { - if (addedLines[i] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex + i, - 0, - addedLines[i], - copiedStyle - ); - } else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } - } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); - } - // we use i outside the loop to get it like linesLength + return; + } + if (!currentLineStyles) { + return; + } + var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { + this.styles[lineIndex][charIndex + quantity] = Object.assign( + {}, + newStyle + ); + } + } + + /** + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. + */ + insertNewStyleBlock(insertedText, start, copiedStyle) { + var cursorLoc = this.get2DCursorLocation(start, true), + addedLines = [0], + linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; + } else { + addedLines[linesLength]++; + } + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex, + addedLines[0], + copiedStyle + ); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && + this.insertNewlineStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex + addedLines[0], + linesLength + ); + for (var i = 1; i < linesLength; i++) { if (addedLines[i] > 0) { this.insertCharStyleObject( cursorLoc.lineIndex + i, @@ -1306,53 +1261,73 @@ const reNonWord = /[ \n\.,;!\?\-]/; addedLines[i], copiedStyle ); - } - }, - - /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. - */ - setSelectionStartEndWithShift: function (start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; + } else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; } - this.selectionStart = newSelection; - } else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } else { - this.selectionStart = newSelection; - } - } else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; - } else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; - } - this.selectionEnd = newSelection; } - }, - - setSelectionInBoundaries: function () { - var length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } else if (this.selectionStart < 0) { - this.selectionStart = 0; + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + } + // we use i outside the loop to get it like linesLength + if (addedLines[i] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex + i, + 0, + addedLines[i], + copiedStyle + ); + } + } + + /** + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. + */ + setSelectionStartEndWithShift(start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; + } else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; + } + this.selectionStart = newSelection; + } else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { + this.selectionEnd = newSelection; + } else { + this.selectionStart = newSelection; } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } else if (this.selectionEnd < 0) { - this.selectionEnd = 0; + } else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; } - }, + this.selectionEnd = newSelection; + } } - ); -})(typeof exports !== 'undefined' ? exports : window); + + setSelectionInBoundaries() { + var length = this.text.length; + if (this.selectionStart > length) { + this.selectionStart = length; + } else if (this.selectionStart < 0) { + this.selectionStart = 0; + } + if (this.selectionEnd > length) { + this.selectionEnd = length; + } else if (this.selectionEnd < 0) { + this.selectionEnd = 0; + } + } + }; +} + +IText = ITextBehaviorMixinGenerator(IText); diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index 33ebfe5f172..8c4aa86c468 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,334 +1,326 @@ //@ts-nocheck import { invertTransform, transformPoint } from '../util/misc/matrix'; import { Point } from '../point.class'; +import { TPointerEvent } from '../typedefs'; -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend( - fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { - /** - * Initializes "dbclick" event handler - */ - initDoubleClickSimulation: function () { - // for double click - this.__lastClickTime = +new Date(); +var fabric = global.fabric; - // for triple click - this.__lastLastClickTime = +new Date(); +export function ITextClickBehaviorMixinGenerator(Klass) { + return class ITextClickBehaviorMixin extends Klass { + /** + * Initializes "dbclick" event handler + */ + initDoubleClickSimulation() { + this.__lastClickTime = +new Date(); - this.__lastPointer = {}; + // for triple click + this.__lastLastClickTime = +new Date(); - this.on('mousedown', this.onMouseDown); - }, + this.__lastPointer = {}; - /** - * Default event handler to simulate triple click - * @private - */ - onMouseDown: function (options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - var newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - this._stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; - this.__lastSelected = this.selected; - }, + this.on('mousedown', this.onMouseDown); + } - isTripleClick: function (newPointer) { - return ( - this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y - ); - }, + /** + * Default event handler to simulate triple click + * @private + */ + onMouseDown(options) { + if (!this.canvas) { + return; + } + this.__newClickTime = +new Date(); + var newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + this._stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastIsEditing = this.isEditing; + this.__lastSelected = this.selected; + } - /** - * @private - */ - _stopEvent: function (e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); - }, + isTripleClick(newPointer) { + return ( + this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y + ); + } - /** - * Initializes event handlers related to cursor or selection - */ - initCursorSelectionHandlers: function () { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); - }, + /** + * @private + */ + _stopEvent(e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + } - /** - * Default handler for double click, select a word - */ - doubleClickHandler: function (options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); - }, + /** + * Initializes event handlers related to cursor or selection + */ + initCursorSelectionHandlers() { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); + } - /** - * Default handler for triple click, select a line - */ - tripleClickHandler: function (options) { - if (!this.isEditing) { - return; - } - this.selectLine(this.getSelectionStartFromPointer(options.e)); - }, + /** + * Default handler for double click, select a word + */ + doubleClickHandler(options) { + if (!this.isEditing) { + return; + } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + } - /** - * Initializes double and triple click event handlers - */ - initClicks: function () { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); - }, + /** + * Default handler for triple click, select a line + */ + tripleClickHandler(options) { + if (!this.isEditing) { + return; + } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + } - /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. - */ - _mouseDownHandler: function (options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * Initializes double and triple click event handlers + */ + initClicks() { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + } - this.__isMousedown = true; + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler(options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; + } - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } + this.__isMousedown = true; - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); - } - this.renderCursorOrSelection(); - } - }, + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); + } - /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down - */ - _mouseDownHandlerBefore: function (options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { - return; + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - // text dragging logic - var newSelection = this.getSelectionStartFromPointer(options.e); - this.__isDragging = - this.isEditing && - newSelection >= this.selectionStart && - newSelection <= this.selectionEnd && - this.selectionStart < this.selectionEnd; - }, + this.renderCursorOrSelection(); + } + } - /** - * Initializes "mousedown" event handler - */ - initMousedownHandler: function () { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); - }, + /** + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down + */ + _mouseDownHandlerBefore(options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; + } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + // text dragging logic + var newSelection = this.getSelectionStartFromPointer(options.e); + this.__isDragging = + this.isEditing && + newSelection >= this.selectionStart && + newSelection <= this.selectionEnd && + this.selectionStart < this.selectionEnd; + } - /** - * Initializes "mouseup" event handler - */ - initMouseupHandler: function () { - this.on('mouseup', this.mouseUpHandler); - }, + /** + * Initializes "mousedown" event handler + */ + initMousedownHandler() { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + } - /** - * standard handler for mouse up, overridable - * @private - */ - mouseUpHandler: function (options) { - this.__isMousedown = false; - if ( - !this.editable || - (this.group && !this.group.interactive) || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * Initializes "mouseup" event handler + */ + initMouseupHandler() { + this.on('mouseup', this.mouseUpHandler); + } - if (this.canvas) { - var currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit - return; - } - } + /** + * standard handler for mouse up, overridable + * @private + */ + mouseUpHandler(options) { + this.__isMousedown = false; + if ( + !this.editable || + (this.group && !this.group.interactive) || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1) + ) { + return; + } - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); - } else { - this.renderCursorOrSelection(); - } - } else { - this.selected = true; + if (this.canvas) { + var currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit + return; } - }, + } - /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {Event} e Event object - */ - setCursorByClick: function (e) { - var newSelection = this.getSelectionStartFromPointer(e), - start = this.selectionStart, - end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); } else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); + this.renderCursorOrSelection(); } - }, + } else { + this.selected = true; + } + } + + /** + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {Event} e Event object + */ + setCursorByClick(e) { + var newSelection = this.getSelectionStartFromPointer(e), + start = this.selectionStart, + end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); + } + } - /** - * Returns coordinates of a pointer relative to object's top left corner in object's plane - * @param {Event} e Event to operate upon - * @param {Object} [pointer] Pointer to operate upon (instead of event) - * @return {Point} Coordinates of a pointer (x, y) - */ - getLocalPointer: function (e: Event, pointer?: IPoint): Point { - const thePointer = pointer || this.canvas.getPointer(e); - return transformPoint( - thePointer, - invertTransform(this.calcTransformMatrix()) - ).add(new Point(this.width / 2, this.height / 2)); - }, + /** + * Returns coordinates of a pointer relative to object's top left corner in object's plane + * @param {TPointerEvent} e Event to operate upon + * @param {IPoint} [pointer] Pointer to operate upon (instead of event) + * @return {Point} Coordinates of a pointer (x, y) + */ + getLocalPointer(e, pointer) { + const thePointer = pointer || this.canvas.getPointer(e); + return transformPoint( + thePointer, + invertTransform(this.calcTransformMatrix()) + ).add(new Point(this.width / 2, this.height / 2)); + } - /** - * Returns index of a character corresponding to where an object was clicked - * @param {Event} e Event object - * @return {Number} Index of a character - */ - getSelectionStartFromPointer: function (e) { - var mouseOffset = this.getLocalPointer(e), - prevWidth = 0, - width = 0, - height = 0, - charIndex = 0, - lineIndex = 0, - lineLeftOffset, - line; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += - this._textLines[i - 1].length + - this.missingNewlineOffset(i - 1); - } - } else { - break; + /** + * Returns index of a character corresponding to where an object was clicked + * @param {Event} e Event object + * @return {Number} Index of a character + */ + getSelectionStartFromPointer(e) { + var mouseOffset = this.getLocalPointer(e), + prevWidth = 0, + width = 0, + height = 0, + charIndex = 0, + lineIndex = 0, + lineLeftOffset, + line; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += + this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); } + } else { + break; } - lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. - if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x; - } - for (var j = 0, jlen = line.length; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } else { - break; - } + } + lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); + width = lineLeftOffset * this.scaleX; + line = this._textLines[lineIndex]; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x; + } + for (var j = 0, jlen = line.length; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; + } else { + break; } - return this._getNewSelectionStartFromOffset( - mouseOffset, - prevWidth, - width, - charIndex, - jlen - ); - }, - - /** - * @private - */ - _getNewSelectionStartFromOffset: function ( + } + return this._getNewSelectionStartFromOffset( mouseOffset, prevWidth, width, - index, + charIndex, jlen - ) { - // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, - distanceBtwNextCharAndCursor = width - mouseOffset.x, - offset = - distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 - ? 0 - : 1, - newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } + ); + } - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } + /** + * @private + */ + _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { + var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, + distanceBtwNextCharAndCursor = width - mouseOffset.x, + offset = + distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 + ? 0 + : 1, + newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; + } + + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; + } - return newSelectionStart; - }, + return newSelectionStart; } - ); -})(typeof exports !== 'undefined' ? exports : window); + }; +} + +IText = ITextClickBehaviorMixinGenerator(IText); diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index 4abad594c23..49094106b84 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -2,817 +2,792 @@ import { config } from '../config'; -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend( - fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea: function () { - this.hiddenTextarea = fabric.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); - this.hiddenTextarea.setAttribute('wrap', 'off'); - var style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = - 'position: absolute; top: ' + - style.top + - '; left: ' + - style.left + - '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + - ' padding-top: ' + - style.fontSize + - ';'; - - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } else { - fabric.document.body.appendChild(this.hiddenTextarea); - } - - fabric.util.addListener( - this.hiddenTextarea, - 'blur', - this.blur.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'keydown', - this.onKeyDown.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'keyup', - this.onKeyUp.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'input', - this.onInput.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'copy', - this.copy.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'cut', - this.copy.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'paste', - this.paste.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'compositionstart', - this.onCompositionStart.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'compositionupdate', - this.onCompositionUpdate.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'compositionend', - this.onCompositionEnd.bind(this) +var fabric = global.fabric; + +export function ITextKeyBehaviorMixinGenerator(Klass) { + return class ITextKeyBehaviorMixin extends Klass { + /** + * For functionalities on keyDown + * Map a special key to a function of the instance/prototype + * If you need different behaviour for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the fabric.Itext or + * your prototype. + * the map change will affect all Instances unless you need for only some text Instances + * in that case you have to clone this object and assign your Instance. + * this.keysMap = Object.assign({}, this.keysMap); + * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + */ + keysMap; + + keysMapRtl; + + /** + * For functionalities on keyUp + ctrl || cmd + */ + ctrlKeysMapUp; + + /** + * For functionalities on keyDown + ctrl || cmd + */ + ctrlKeysMapDown; + + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea() { + this.hiddenTextarea = fabric.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); + this.hiddenTextarea.setAttribute('wrap', 'off'); + var style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = + 'position: absolute; top: ' + + style.top + + '; left: ' + + style.left + + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + + ' padding-top: ' + + style.fontSize + + ';'; + + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } else { + fabric.document.body.appendChild(this.hiddenTextarea); + } + + addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); + addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); + addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); + addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); + addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); + addListener( + this.hiddenTextarea, + 'compositionstart', + this.onCompositionStart.bind(this) + ); + addListener( + this.hiddenTextarea, + 'compositionupdate', + this.onCompositionUpdate.bind(this) + ); + addListener( + this.hiddenTextarea, + 'compositionend', + this.onCompositionEnd.bind(this) + ); + + if (!this._clickHandlerInitialized && this.canvas) { + addListener( + this.canvas.upperCanvasEl, + 'click', + this.onClick.bind(this) ); + this._clickHandlerInitialized = true; + } + } - if (!this._clickHandlerInitialized && this.canvas) { - fabric.util.addListener( - this.canvas.upperCanvasEl, - 'click', - this.onClick.bind(this) - ); - this._clickHandlerInitialized = true; - } - }, - - /** - * For functionalities on keyDown - * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or - * your prototype. - * the map change will affect all Instances unless you need for only some text Instances - * in that case you have to clone this object and assign your Instance. - * this.keysMap = Object.assign({}, this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] - */ - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - - /** - * For functionalities on keyUp + ctrl || cmd - */ - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut', - }, - - /** - * For functionalities on keyDown + ctrl || cmd - */ - ctrlKeysMapDown: { - 65: 'selectAll', - }, - - onClick: function () { - // No need to trigger click event here, focus is enough to have the keyboard appear on Android - this.hiddenTextarea && this.hiddenTextarea.focus(); - }, - - /** - * Override this method to customize cursor behavior on textbox blur - */ - blur: function () { - this.abortCursorAnimation(); - }, - - /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {Event} e Event object - */ - onKeyDown: function (e) { - if (!this.isEditing) { - return; - } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } else if ( - e.keyCode in this.ctrlKeysMapDown && - (e.ctrlKey || e.metaKey) - ) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } else { - this.canvas && this.canvas.requestRenderAll(); - } - }, - - /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {Event} e Event object - */ - onKeyUp: function (e) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); + onClick() { + this.hiddenTextarea && this.hiddenTextarea.focus(); + } + + /** + * Override this method to customize cursor behavior on textbox blur + */ + blur() { + this.abortCursorAnimation(); + } + + /** + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {Event} e Event object + */ + onKeyDown(e) { + if (!this.isEditing) { + return; + } + var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } else if ( + e.keyCode in this.ctrlKeysMapDown && + (e.ctrlKey || e.metaKey) + ) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } else { this.canvas && this.canvas.requestRenderAll(); - }, - - /** - * Handles onInput event - * @param {Event} e Event object - */ - onInput: function (e) { - var fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - var nextText = this._splitTextIntoLines( - this.hiddenTextarea.value - ).graphemeText, - charCount = this._text.length, - nextCharCount = nextText.length, - removedText, - insertedText, - charDiff = nextCharCount - charCount, - selectionStart = this.selectionStart, - selectionEnd = this.selectionEnd, - selection = selectionStart !== selectionEnd, - copiedStyle, - removeFrom, - removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = {}; - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - return; - } + } + } - var textareaSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value - ); - var backDelete = selectionStart > textareaSelection.selectionStart; + /** + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {Event} e Event object + */ + onKeyUp(e) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + this.canvas && this.canvas.requestRenderAll(); + } - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice( - selectionEnd + charDiff, - selectionEnd - ); - } else { - removedText = this._text.slice( - selectionStart, - selectionStart - charDiff - ); - } - } - insertedText = nextText.slice( - textareaSelection.selectionEnd - charDiff, - textareaSelection.selectionEnd - ); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles( - selectionStart, - selectionStart + 1, - false - ); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function () { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; - }); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; - } else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; - } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { - if ( - fromPaste && - insertedText.join('') === fabric.copiedText && - !config.disableStyleCopyPaste - ) { - copiedStyle = fabric.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } + /** + * Handles onInput event + * @param {Event} e Event object + */ + onInput(e) { + var fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + var nextText = this._splitTextIntoLines( + this.hiddenTextarea.value + ).graphemeText, + charCount = this._text.length, + nextCharCount = nextText.length, + removedText, + insertedText, + charDiff = nextCharCount - charCount, + selectionStart = this.selectionStart, + selectionEnd = this.selectionEnd, + selection = selectionStart !== selectionEnd, + copiedStyle, + removeFrom, + removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = {}; this.updateFromTextArea(); this.fire('changed'); if (this.canvas) { this.canvas.fire('text:changed', { target: this }); this.canvas.requestRenderAll(); } - }, - /** - * Composition start - */ - onCompositionStart: function () { - this.inCompositionMode = true; - }, - - /** - * Composition end - */ - onCompositionEnd: function () { - this.inCompositionMode = false; - }, - - // /** - // * Composition update - // */ - onCompositionUpdate: function (e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - }, - - /** - * Copies selected text - * @param {Event} e Event object - */ - copy: function () { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } - - fabric.copiedText = this.getSelectedText(); - if (!config.disableStyleCopyPaste) { - fabric.copiedTextStyle = this.getSelectionStyles( - this.selectionStart, - this.selectionEnd, - true - ); + return; + } + + var textareaSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + var backDelete = selectionStart > textareaSelection.selectionStart; + + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); } else { - fabric.copiedTextStyle = null; + removedText = this._text.slice( + selectionStart, + selectionStart - charDiff + ); } - this._copyDone = true; - }, - - /** - * Pastes text - * @param {Event} e Event object - */ - paste: function () { - this.fromPaste = true; - }, - - /** - * @private - * @param {Event} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData: function (e) { - return (e && e.clipboardData) || fabric.window.clipboardData; - }, - - /** - * Finds the width in pixels before the cursor on the same line - * @private - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor - */ - _getWidthBeforeCursor: function (lineIndex, charIndex) { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), - bound; - - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; + } + insertedText = nextText.slice( + textareaSelection.selectionEnd - charDiff, + textareaSelection.selectionEnd + ); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles( + selectionStart, + selectionStart + 1, + false + ); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(function () { + // this return an array of references, but that is fine since we are + // copying the style later. + return copiedStyle[0]; + }); } - return widthBeforeCursor; - }, - - /** - * Gets start offset of a selection - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getDownCursorOffset: function (e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if ( - lineIndex === this._textLines.length - 1 || - e.metaKey || - e.keyCode === 34 - ) { - // move to the end of a text - return this._text.length - selectionProp; + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex + 1, - widthBeforeCursor - ), - textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return ( - textAfterCursor.length + - indexOnOtherLine + - 1 + - this.missingNewlineOffset(lineIndex) - ); - }, - - /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - _getSelectionForOffset: function (e, isRight) { + this.removeStyleFromTo(removeFrom, removeTo); + } + if (insertedText.length) { if ( - e.shiftKey && - this.selectionStart !== this.selectionEnd && - isRight + fromPaste && + insertedText.join('') === fabric.copiedText && + !config.disableStyleCopyPaste ) { - return this.selectionEnd; - } else { - return this.selectionStart; - } - }, - - /** - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getUpCursorOffset: function (e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex - 1, - widthBeforeCursor - ), - textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), - missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return ( - -this._textLines[lineIndex - 1].length + - indexOnOtherLine - - textBeforeCursor.length + - (1 - missingNewlineOffset) - ); - }, - - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine: function (lineIndex, width) { - var line = this._textLines[lineIndex], - lineLeftOffset = this._getLineLeftOffset(lineIndex), - widthOfCharsOnLine = lineLeftOffset, - indexOnLine = 0, - charWidth, - foundMatch; - - for (var j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, - rightEdge = widthOfCharsOnLine, - offsetFromLeftEdge = Math.abs(leftEdge - width), - offsetFromRightEdge = Math.abs(rightEdge - width); - - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; - break; - } - } + copiedStyle = fabric.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + } - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; - } + /** + * Composition start + */ + onCompositionStart() { + this.inCompositionMode = true; + } - return indexOnLine; - }, + /** + * Composition end + */ + onCompositionEnd() { + this.inCompositionMode = false; + } - /** - * Moves cursor down - * @param {Event} e Event object - */ - moveCursorDown: function (e) { - if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length - ) { - return; - } - this._moveCursorUpOrDown('Down', e); - }, - - /** - * Moves cursor up - * @param {Event} e Event object - */ - moveCursorUp: function (e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - }, - - /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {Event} e Event object - */ - _moveCursorUpOrDown: function (direction, e) { - // getUpCursorOffset - // getDownCursorOffset - var action = 'get' + direction + 'CursorOffset', - offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); - } else { - this.moveCursorWithoutShift(offset); - } - if (offset !== 0) { - this.setSelectionInBoundaries(); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, - - /** - * Moves cursor with shift - * @param {Number} offset - */ - moveCursorWithShift: function (offset) { - var newSelection = - this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift( + // */ + onCompositionUpdate(e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + } + + /** + * Copies selected text + * @param {Event} e Event object + */ + copy() { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; + } + + fabric.copiedText = this.getSelectedText(); + if (!config.disableStyleCopyPaste) { + fabric.copiedTextStyle = this.getSelectionStyles( this.selectionStart, this.selectionEnd, - newSelection + true ); - return offset !== 0; - }, - - /** - * Moves cursor up without shift - * @param {Number} offset - */ - moveCursorWithoutShift: function (offset) { - if (offset < 0) { - this.selectionStart += offset; - this.selectionEnd = this.selectionStart; - } else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; - } - return offset !== 0; - }, - - /** - * Moves cursor left - * @param {Event} e Event object - */ - moveCursorLeft: function (e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - }, - - /** - * @private - * @return {Boolean} true if a change happened - */ - _move: function (e, prop, direction) { - var newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { - newValue = this['findLineBoundary' + direction](this[prop]); - } else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; - } - if (typeof newValue !== 'undefined' && this[prop] !== newValue) { - this[prop] = newValue; - return true; - } - }, - - /** - * @private - */ - _moveLeft: function (e, prop) { - return this._move(e, prop, 'Left'); - }, - - /** - * @private - */ - _moveRight: function (e, prop) { - return this._move(e, prop, 'Right'); - }, - - /** - * Moves cursor left without keeping selection - * @param {Event} e - */ - moveCursorLeftWithoutShift: function (e) { - var change = true; - this._selectionDirection = 'left'; + } else { + fabric.copiedTextStyle = null; + } + this._copyDone = true; + } - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if ( - this.selectionEnd === this.selectionStart && - this.selectionStart !== 0 - ) { - change = this._moveLeft(e, 'selectionStart'); - } - this.selectionEnd = this.selectionStart; - return change; - }, - - /** - * Moves cursor left while keeping selection - * @param {Event} e - */ - moveCursorLeftWithShift: function (e) { - if ( - this._selectionDirection === 'right' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveLeft(e, 'selectionEnd'); - } else if (this.selectionStart !== 0) { - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } - }, + /** + * Pastes text + * @param {Event} e Event object + */ + paste() { + this.fromPaste = true; + } - /** - * Moves cursor right - * @param {Event} e Event object - */ - moveCursorRight: function (e) { - if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length - ) { - return; - } - this._moveCursorLeftOrRight('Right', e); - }, - - /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {Event} e Event object - */ - _moveCursorLeftOrRight: function (direction, e) { - var actionName = 'moveCursor' + direction + 'With'; + /** + * @private + * @param {Event} e Event object + * @return {Object} Clipboard data object + */ + _getClipboardData(e) { + return (e && e.clipboardData) || fabric.window.clipboardData; + } + + /** + * Finds the width in pixels before the cursor on the same line + * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor + */ + _getWidthBeforeCursor(lineIndex, charIndex) { + var widthBeforeCursor = this._getLineLeftOffset(lineIndex), + bound; + + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; + } + return widthBeforeCursor; + } + + /** + * Gets start offset of a selection + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getDownCursorOffset(e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line + if ( + lineIndex === this._textLines.length - 1 || + e.metaKey || + e.keyCode === 34 + ) { + // move to the end of a text + return this._text.length - selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine( + lineIndex + 1, + widthBeforeCursor + ), + textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return ( + textAfterCursor.length + + indexOnOtherLine + + 1 + + this.missingNewlineOffset(lineIndex) + ); + } + + /** + * private + * Helps finding if the offset should be counted from Start or End + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + _getSelectionForOffset(e, isRight) { + if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { + return this.selectionEnd; + } else { + return this.selectionStart; + } + } + + /** + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getUpCursorOffset(e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine( + lineIndex - 1, + widthBeforeCursor + ), + textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), + missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return ( + -this._textLines[lineIndex - 1].length + + indexOnOtherLine - + textBeforeCursor.length + + (1 - missingNewlineOffset) + ); + } + + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine(lineIndex, width) { + var line = this._textLines[lineIndex], + lineLeftOffset = this._getLineLeftOffset(lineIndex), + widthOfCharsOnLine = lineLeftOffset, + indexOnLine = 0, + charWidth, + foundMatch; + + for (var j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + var leftEdge = widthOfCharsOnLine - charWidth, + rightEdge = widthOfCharsOnLine, + offsetFromLeftEdge = Math.abs(leftEdge - width), + offsetFromRightEdge = Math.abs(rightEdge - width); + + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; + break; + } + } + + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; + } + + return indexOnLine; + } + + /** + * Moves cursor down + * @param {Event} e Event object + */ + moveCursorDown(e) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorUpOrDown('Down', e); + } + + /** + * Moves cursor up + * @param {Event} e Event object + */ + moveCursorUp(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + } + + /** + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {Event} e Event object + */ + _moveCursorUpOrDown(direction, e) { + var action = 'get' + direction + 'CursorOffset', + offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); + } else { + this.moveCursorWithoutShift(offset); + } + if (offset !== 0) { + this.setSelectionInBoundaries(); + this.abortCursorAnimation(); this._currentCursorOpacity = 1; + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } - if (e.shiftKey) { - actionName += 'Shift'; - } else { - actionName += 'outShift'; - } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, + /** + * Moves cursor with shift + * @param {Number} offset + */ + moveCursorWithShift(offset) { + var newSelection = + this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift( + this.selectionStart, + this.selectionEnd, + newSelection + ); + return offset !== 0; + } - /** - * Moves cursor right while keeping selection - * @param {Event} e - */ - moveCursorRightWithShift: function (e) { - if ( - this._selectionDirection === 'left' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveRight(e, 'selectionStart'); - } else if (this.selectionEnd !== this._text.length) { - this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } - }, - - /** - * Moves cursor right without keeping selection - * @param {Event} e Event object - */ - moveCursorRightWithoutShift: function (e) { - var changed = true; + /** + * Moves cursor up without shift + * @param {Number} offset + */ + moveCursorWithoutShift(offset) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; + } else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; + } + return offset !== 0; + } + + /** + * Moves cursor left + * @param {Event} e Event object + */ + moveCursorLeft(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + } + + /** + * @private + * @return {Boolean} true if a change happened + */ + _move(e, prop, direction) { + var newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { + newValue = this['findLineBoundary' + direction](this[prop]); + } else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; + } + if (typeof newValue !== 'undefined' && this[prop] !== newValue) { + this[prop] = newValue; + return true; + } + } + + /** + * @private + */ + _moveLeft(e, prop) { + return this._move(e, prop, 'Left'); + } + + /** + * @private + */ + _moveRight(e, prop) { + return this._move(e, prop, 'Right'); + } + + /** + * Moves cursor left without keeping selection + * @param {Event} e + */ + moveCursorLeftWithoutShift(e) { + var change = true; + this._selectionDirection = 'left'; + + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if ( + this.selectionEnd === this.selectionStart && + this.selectionStart !== 0 + ) { + change = this._moveLeft(e, 'selectionStart'); + } + this.selectionEnd = this.selectionStart; + return change; + } + + /** + * Moves cursor left while keeping selection + * @param {Event} e + */ + moveCursorLeftWithShift(e) { + if ( + this._selectionDirection === 'right' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveLeft(e, 'selectionEnd'); + } else if (this.selectionStart !== 0) { + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + } + + /** + * Moves cursor right + * @param {Event} e Event object + */ + moveCursorRight(e) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorLeftOrRight('Right', e); + } + + /** + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {Event} e Event object + */ + _moveCursorLeftOrRight(direction, e) { + var actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; + + if (e.shiftKey) { + actionName += 'Shift'; + } else { + actionName += 'outShift'; + } + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } + + /** + * Moves cursor right while keeping selection + * @param {Event} e + */ + moveCursorRightWithShift(e) { + if ( + this._selectionDirection === 'left' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveRight(e, 'selectionStart'); + } else if (this.selectionEnd !== this._text.length) { this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); + } + } - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; - } else { - this.selectionStart = this.selectionEnd; - } - return changed; - }, - - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars: function (start, end) { - if (typeof end === 'undefined') { - end = start + 1; - } + /** + * Moves cursor right without keeping selection + * @param {Event} e Event object + */ + moveCursorRightWithoutShift(e) { + var changed = true; + this._selectionDirection = 'right'; + + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; + } else { + this.selectionStart = this.selectionEnd; + } + return changed; + } + + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars(start, end) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } + + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars(text, style, start, end) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, - - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars: function (text, style, start, end) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - var graphemes = this.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat( - this._text.slice(0, start), - graphemes, - this._text.slice(end) - ); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, + } + var graphemes = this.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat( + this._text.slice(0, start), + graphemes, + this._text.slice(end) + ); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); } - ); -})(typeof exports !== 'undefined' ? exports : window); + }; +} + +IText = ITextKeyBehaviorMixinGenerator(IText); + +export const iTextKeyBehaviorMixinDefaultValues: Partial< + TClassProperties +> = { + keysMap: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorRight', + 36: 'moveCursorLeft', + 37: 'moveCursorLeft', + 38: 'moveCursorUp', + 39: 'moveCursorRight', + 40: 'moveCursorDown', + }, + keysMapRtl: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorLeft', + 36: 'moveCursorRight', + 37: 'moveCursorRight', + 38: 'moveCursorUp', + 39: 'moveCursorLeft', + 40: 'moveCursorDown', + }, + ctrlKeysMapUp: { + 67: 'copy', + 88: 'cut', + }, + ctrlKeysMapDown: { + 65: 'selectAll', + }, +}; + +Object.assign( + ITextKeyBehaviorMixin.prototype, + iTextKeyBehaviorMixinDefaultValues +); diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index 7c2162acfdf..592572163b8 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -1,349 +1,349 @@ //@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend( - fabric.Text.prototype, - /** @lends fabric.Text.prototype */ { - /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} - */ - isEmptyStyles: function (lineIndex) { - if (!this.styles) { - return true; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return true; - } - var obj = - typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } +var fabric = global.fabric; + +export function TextStyleMixinGenerator(Klass) { + return class TextStyleMixin extends Klass { + /** + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} + */ + isEmptyStyles(lineIndex) { + if (!this.styles) { + return true; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return true; + } + var obj = + typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; } } - return true; - }, + } + return true; + } - /** - * Returns true if object has a style property or has it ina specified line - * This function is used to detect if a text will use a particular property or not. - * @param {String} property to check for - * @param {Number} lineIndex to check the style on - * @return {Boolean} - */ - styleHas: function (property, lineIndex) { - if (!this.styles || !property || property === '') { - return false; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return false; - } - var obj = - typeof lineIndex === 'undefined' - ? this.styles - : { 0: this.styles[lineIndex] }; + /** + * Returns true if object has a style property or has it ina specified line + * This function is used to detect if a text will use a particular property or not. + * @param {String} property to check for + * @param {Number} lineIndex to check the style on + * @return {Boolean} + */ + styleHas(property, lineIndex) { + if (!this.styles || !property || property === '') { + return false; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return false; + } + var obj = + typeof lineIndex === 'undefined' + ? this.styles + : { 0: this.styles[lineIndex] }; + // eslint-disable-next-line + for (var p1 in obj) { // eslint-disable-next-line - for (var p1 in obj) { - // eslint-disable-next-line - for (var p2 in obj[p1]) { - if (typeof obj[p1][p2][property] !== 'undefined') { - return true; - } + for (var p2 in obj[p1]) { + if (typeof obj[p1][p2][property] !== 'undefined') { + return true; } } - return false; - }, + } + return false; + } - /** - * Check if characters in a text have a value for a property - * whose value matches the textbox's value for that property. If so, - * the character-level property is deleted. If the character - * has no other properties, then it is also deleted. Finally, - * if the line containing that character has no other characters - * then it also is deleted. - * - * @param {string} property The property to compare between characters and text. - */ - cleanStyle: function (property) { - if (!this.styles || !property || property === '') { - return false; - } - var obj = this.styles, - stylesCount = 0, - letterCount, - stylePropertyValue, - allStyleObjectPropertiesMatch = true, - graphemeCount = 0, - styleObject; + /** + * Check if characters in a text have a value for a property + * whose value matches the textbox's value for that property. If so, + * the character-level property is deleted. If the character + * has no other properties, then it is also deleted. Finally, + * if the line containing that character has no other characters + * then it also is deleted. + * + * @param {string} property The property to compare between characters and text. + */ + cleanStyle(property) { + if (!this.styles || !property || property === '') { + return false; + } + var obj = this.styles, + stylesCount = 0, + letterCount, + stylePropertyValue, + allStyleObjectPropertiesMatch = true, + graphemeCount = 0, + styleObject; + // eslint-disable-next-line + for (var p1 in obj) { + letterCount = 0; // eslint-disable-next-line - for (var p1 in obj) { - letterCount = 0; - // eslint-disable-next-line - for (var p2 in obj[p1]) { - var styleObject = obj[p1][p2], - stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); - - stylesCount++; + for (var p2 in obj[p1]) { + var styleObject = obj[p1][p2], + stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); - if (stylePropertyHasBeenSet) { - if (!stylePropertyValue) { - stylePropertyValue = styleObject[property]; - } else if (styleObject[property] !== stylePropertyValue) { - allStyleObjectPropertiesMatch = false; - } + stylesCount++; - if (styleObject[property] === this[property]) { - delete styleObject[property]; - } - } else { + if (stylePropertyHasBeenSet) { + if (!stylePropertyValue) { + stylePropertyValue = styleObject[property]; + } else if (styleObject[property] !== stylePropertyValue) { allStyleObjectPropertiesMatch = false; } - if (Object.keys(styleObject).length !== 0) { - letterCount++; - } else { - delete obj[p1][p2]; + if (styleObject[property] === this[property]) { + delete styleObject[property]; } + } else { + allStyleObjectPropertiesMatch = false; } - if (letterCount === 0) { - delete obj[p1]; + if (Object.keys(styleObject).length !== 0) { + letterCount++; + } else { + delete obj[p1][p2]; } } - // if every grapheme has the same style set then - // delete those styles and set it on the parent - for (var i = 0; i < this._textLines.length; i++) { - graphemeCount += this._textLines[i].length; - } - if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; - this.removeStyle(property); - } - }, - /** - * Remove a style property or properties from all individual character styles - * in a text object. Deletes the character style object if it contains no other style - * props. Deletes a line style object if it contains no other character styles. - * - * @param {String} props The property to remove from character styles. - */ - removeStyle: function (property) { - if (!this.styles || !property || property === '') { - return; + if (letterCount === 0) { + delete obj[p1]; } - var obj = this.styles, - line, - lineNum, - charNum; - for (lineNum in obj) { - line = obj[lineNum]; - for (charNum in line) { - delete line[charNum][property]; - if (Object.keys(line[charNum]).length === 0) { - delete line[charNum]; - } - } - if (Object.keys(line).length === 0) { - delete obj[lineNum]; + } + // if every grapheme has the same style set then + // delete those styles and set it on the parent + for (var i = 0; i < this._textLines.length; i++) { + graphemeCount += this._textLines[i].length; + } + if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { + this[property] = stylePropertyValue; + this.removeStyle(property); + } + } + + /** + * Remove a style property or properties from all individual character styles + * in a text object. Deletes the character style object if it contains no other style + * props. Deletes a line style object if it contains no other character styles. + * + * @param {String} props The property to remove from character styles. + */ + removeStyle(property) { + if (!this.styles || !property || property === '') { + return; + } + var obj = this.styles, + line, + lineNum, + charNum; + for (lineNum in obj) { + line = obj[lineNum]; + for (charNum in line) { + delete line[charNum][property]; + if (Object.keys(line[charNum]).length === 0) { + delete line[charNum]; } } - }, + if (Object.keys(line).length === 0) { + delete obj[lineNum]; + } + } + } - /** - * @private - */ - _extendStyles: function (index, styles) { - var loc = this.get2DCursorLocation(index); + /** + * @private + */ + _extendStyles(index, styles) { + var loc = this.get2DCursorLocation(index); - if (!this._getLineStyle(loc.lineIndex)) { - this._setLineStyle(loc.lineIndex); - } + if (!this._getLineStyle(loc.lineIndex)) { + this._setLineStyle(loc.lineIndex); + } - if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { - this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); - } + if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { + this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); + } - fabric.util.object.extend( - this._getStyleDeclaration(loc.lineIndex, loc.charIndex), - styles - ); - }, + object.extend( + this._getStyleDeclaration(loc.lineIndex, loc.charIndex), + styles + ); + } - /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. - */ - get2DCursorLocation: function (selectionStart, skipWrapping) { - if (typeof selectionStart === 'undefined') { - selectionStart = this.selectionStart; + /** + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation(selectionStart, skipWrapping) { + if (typeof selectionStart === 'undefined') { + selectionStart = this.selectionStart; + } + var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, + len = lines.length; + for (var i = 0; i < len; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart, + }; } - var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, - len = lines.length; - for (var i = 0; i < len; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart, - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: - lines[i - 1].length < selectionStart - ? lines[i - 1].length - : selectionStart, - }; - }, + selectionStart -= lines[i].length + this.missingNewlineOffset(i); + } + return { + lineIndex: i - 1, + charIndex: + lines[i - 1].length < selectionStart + ? lines[i - 1].length + : selectionStart, + }; + } - /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects - */ - getSelectionStyles: function (startIndex, endIndex, complete) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - var styles = []; - for (var i = startIndex; i < endIndex; i++) { - styles.push(this.getStyleAtPosition(i, complete)); - } - return styles; - }, + /** + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles(startIndex, endIndex, complete) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + var styles = []; + for (var i = startIndex; i < endIndex; i++) { + styles.push(this.getStyleAtPosition(i, complete)); + } + return styles; + } - /** - * Gets style of a current selection/cursor position - * @param {Number} position to get styles at - * @param {Boolean} [complete] full style if true - * @return {Object} style Style object at a specified index - * @private - */ - getStyleAtPosition: function (position, complete) { - var loc = this.get2DCursorLocation(position), - style = complete - ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) - : this._getStyleDeclaration(loc.lineIndex, loc.charIndex); - return style || {}; - }, + /** + * Gets style of a current selection/cursor position + * @param {Number} position to get styles at + * @param {Boolean} [complete] full style if true + * @return {Object} style Style object at a specified index + * @private + */ + getStyleAtPosition(position, complete) { + var loc = this.get2DCursorLocation(position), + style = complete + ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) + : this._getStyleDeclaration(loc.lineIndex, loc.charIndex); + return style || {}; + } - /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @return {fabric.IText} thisArg - * @chainable - */ - setSelectionStyles: function (styles, startIndex, endIndex) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - for (var i = startIndex; i < endIndex; i++) { - this._extendStyles(i, styles); - } - /* not included in _extendStyles to avoid clearing cache more than once */ - this._forceClearCache = true; - return this; - }, + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @return {fabric.IText} thisArg + * @chainable + */ + setSelectionStyles(styles, startIndex, endIndex) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + for (var i = startIndex; i < endIndex; i++) { + this._extendStyles(i, styles); + } + /* not included in _extendStyles to avoid clearing cache more than once */ + this._forceClearCache = true; + return this; + } - /** - * get the reference, not a clone, of the style object for a given character - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Object} style object - */ - _getStyleDeclaration: function (lineIndex, charIndex) { - var lineStyle = this.styles && this.styles[lineIndex]; - if (!lineStyle) { - return null; - } - return lineStyle[charIndex]; - }, + /** + * get the reference, not a clone, of the style object for a given character + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Object} style object + */ + _getStyleDeclaration(lineIndex, charIndex) { + var lineStyle = this.styles && this.styles[lineIndex]; + if (!lineStyle) { + return null; + } + return lineStyle[charIndex]; + } - /** - * return a new object that contains all the style property for a character - * the object returned is newly created - * @param {Number} lineIndex of the line where the character is - * @param {Number} charIndex position of the character on the line - * @return {Object} style object - */ - getCompleteStyleDeclaration: function (lineIndex, charIndex) { - var style = this._getStyleDeclaration(lineIndex, charIndex) || {}, - styleObject = {}, - prop; - for (var i = 0; i < this._styleProperties.length; i++) { - prop = this._styleProperties[i]; - styleObject[prop] = - typeof style[prop] === 'undefined' ? this[prop] : style[prop]; - } - return styleObject; - }, + /** + * return a new object that contains all the style property for a character + * the object returned is newly created + * @param {Number} lineIndex of the line where the character is + * @param {Number} charIndex position of the character on the line + * @return {Object} style object + */ + getCompleteStyleDeclaration(lineIndex, charIndex) { + var style = this._getStyleDeclaration(lineIndex, charIndex) || {}, + styleObject = {}, + prop; + for (var i = 0; i < this._styleProperties.length; i++) { + prop = this._styleProperties[i]; + styleObject[prop] = + typeof style[prop] === 'undefined' ? this[prop] : style[prop]; + } + return styleObject; + } - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private - */ - _setStyleDeclaration: function (lineIndex, charIndex, style) { - this.styles[lineIndex][charIndex] = style; - }, + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration(lineIndex, charIndex, style) { + this.styles[lineIndex][charIndex] = style; + } - /** - * - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _deleteStyleDeclaration: function (lineIndex, charIndex) { - delete this.styles[lineIndex][charIndex]; - }, + /** + * + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration(lineIndex, charIndex) { + delete this.styles[lineIndex][charIndex]; + } - /** - * @param {Number} lineIndex - * @return {Boolean} if the line exists or not - * @private - */ - _getLineStyle: function (lineIndex) { - return !!this.styles[lineIndex]; - }, + /** + * @param {Number} lineIndex + * @return {Boolean} if the line exists or not + * @private + */ + _getLineStyle(lineIndex) { + return !!this.styles[lineIndex]; + } - /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @private - */ - _setLineStyle: function (lineIndex) { - this.styles[lineIndex] = {}; - }, + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @private + */ + _setLineStyle(lineIndex) { + this.styles[lineIndex] = {}; + } - /** - * @param {Number} lineIndex - * @private - */ - _deleteLineStyle: function (lineIndex) { - delete this.styles[lineIndex]; - }, + /** + * @param {Number} lineIndex + * @private + */ + _deleteLineStyle(lineIndex) { + delete this.styles[lineIndex]; } - ); -})(typeof exports !== 'undefined' ? exports : window); + }; +} + +Text = TextStyleMixinGenerator(Text); diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index b871a2132e3..58ac91c7f3b 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,635 +1,641 @@ //@ts-nocheck import { FabricObject } from './fabricObject.class'; -(function (global) { - var fabric = global.fabric; - /** - * IText class (introduced in v1.4) Events are also fired with "text:" - * prefix when observing canvas. - * @class fabric.IText - * @extends fabric.Text - * - * @fires changed - * @fires selection:changed - * @fires editing:entered - * @fires editing:exited - * @fires dragstart - * @fires drag drag event firing on the drag source - * @fires dragend - * @fires copy - * @fires cut - * @fires paste - * - * @return {fabric.IText} thisArg - * @see {@link fabric.IText#initialize} for constructor definition - * - *

Supported key combinations:

- * 
-   *   Move cursor:                    left, right, up, down
-   *   Select character:               shift + left, shift + right
-   *   Select text vertically:         shift + up, shift + down
-   *   Move cursor by word:            alt + left, alt + right
-   *   Select words:                   shift + alt + left, shift + alt + right
-   *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
-   *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
-   *   Jump to start/end of text:      cmd + up, cmd + down
-   *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
-   *   Delete character:               backspace
-   *   Delete word:                    alt + backspace
-   *   Delete line:                    cmd + backspace
-   *   Forward delete:                 delete
-   *   Copy text:                      ctrl/cmd + c
-   *   Paste text:                     ctrl/cmd + v
-   *   Cut text:                       ctrl/cmd + x
-   *   Select entire text:             ctrl/cmd + a
-   *   Quit editing                    tab or esc
-   *
- * - *

Supported mouse/touch combination

- * 
-   *   Position cursor:                click/touch
-   *   Create selection:               click/touch & drag
-   *   Create selection:               click & shift + click
-   *   Select word:                    double click
-   *   Select line:                    triple click
-   *
- */ - fabric.IText = fabric.util.createClass( - fabric.Text, - /** @lends fabric.IText.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'i-text', - - /** - * Index where text selection starts (or where cursor is when there is no selection) - * @type Number - * @default - */ - selectionStart: 0, - - /** - * Index where text selection ends - * @type Number - * @default - */ - selectionEnd: 0, - - /** - * Color of text selection - * @type String - * @default - */ - selectionColor: 'rgba(17,119,255,0.3)', - - /** - * Indicates whether text is in editing mode - * @type Boolean - * @default - */ - isEditing: false, - - /** - * Indicates whether a text can be edited - * @type Boolean - * @default - */ - editable: true, - - /** - * Border color of text object while it's in editing mode - * @type String - * @default - */ - editingBorderColor: 'rgba(102,153,255,0.25)', - - /** - * Width of cursor (in px) - * @type Number - * @default - */ - cursorWidth: 2, - - /** - * Color of text cursor color in editing mode. - * if not set (default) will take color from the text. - * if set to a color value that fabric can understand, it will - * be used instead of the color of the text at the current position. - * @type String - * @default - */ - cursorColor: '', - - /** - * Delay between cursor blink (in ms) - * @type Number - * @default - */ - cursorDelay: 1000, - - /** - * Duration of cursor fadein (in ms) - * @type Number - * @default - */ - cursorDuration: 600, - - /** - * Indicates whether internal text char widths can be cached - * @type Boolean - * @default - */ - caching: true, - - /** - * DOM container to append the hiddenTextarea. - * An alternative to attaching to the document.body. - * Useful to reduce laggish redraw of the full document.body tree and - * also with modals event capturing that won't let the textarea take focus. - * @type HTMLElement - * @default - */ - hiddenTextareaContainer: null, - - /** - * @private - */ - _reSpace: /\s|\n/, - - /** - * @private - */ - _currentCursorOpacity: 1, - - /** - * @private - */ - _selectionDirection: null, - - /** - * Helps determining when the text is in composition, so that the cursor - * rendering is altered. - */ - inCompositionMode: false, - - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.IText} thisArg - */ - initialize: function (text, options) { - this.callSuper('initialize', text, options); - this.initBehavior(); - }, - - /** - * While editing handle differently - * @private - * @param {string} key - * @param {*} value - */ - _set: function (key, value) { - if (this.isEditing && this._savedProps && key in this._savedProps) { - this._savedProps[key] = value; - } else { - this.callSuper('_set', key, value); - } - }, - - /** - * Sets selection start (left boundary of a selection) - * @param {Number} index Index to set selection start to - */ - setSelectionStart: function (index) { - index = Math.max(index, 0); - this._updateAndFire('selectionStart', index); - }, - - /** - * Sets selection end (right boundary of a selection) - * @param {Number} index Index to set selection end to - */ - setSelectionEnd: function (index) { - index = Math.min(index, this.text.length); - this._updateAndFire('selectionEnd', index); - }, - - /** - * @private - * @param {String} property 'selectionStart' or 'selectionEnd' - * @param {Number} index new position of property - */ - _updateAndFire: function (property, index) { - if (this[property] !== index) { - this._fireSelectionChanged(); - this[property] = index; - } - this._updateTextarea(); - }, - - /** - * Fires the even of selection changed - * @private - */ - _fireSelectionChanged: function () { - this.fire('selection:changed'); - this.canvas && - this.canvas.fire('text:selection:changed', { target: this }); - }, - - /** - * Initialize text dimensions. Render all text on given context - * or on a offscreen canvas to get the text width with measureText. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. - * @private - */ - initDimensions: function () { - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this.callSuper('initDimensions'); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function (ctx) { - this.clearContextTop(); - this.callSuper('render', ctx); - // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor - // the correct position but not at every cursor animation. - this.cursorOffsetCache = {}; - this.renderCursorOrSelection(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - this.callSuper('_render', ctx); - }, - - /** - * Renders cursor or selection (depending on what exists) - * it does on the contextTop. If contextTop is not available, do nothing. - */ - renderCursorOrSelection: function () { - if (!this.isEditing) { - return; - } - var ctx = this.clearContextTop(true); - if (!ctx) { - return; - } - var boundaries = this._getCursorBoundaries(); - if (this.selectionStart === this.selectionEnd) { - this.renderCursor(ctx, boundaries); +var fabric = global.fabric; +/** + * IText class (introduced in v1.4) Events are also fired with "text:" + * prefix when observing canvas. + * @class IText + * @extends fabric.Text + * + * @fires changed + * @fires selection:changed + * @fires editing:entered + * @fires editing:exited + * @fires dragstart + * @fires drag drag event firing on the drag source + * @fires dragend + * @fires copy + * @fires cut + * @fires paste + * + * @return {IText} thisArg + * @see {@link IText#initialize} for constructor definition + * + *

Supported key combinations:

+ * 
+ *   Move cursor:                    left, right, up, down
+ *   Select character:               shift + left, shift + right
+ *   Select text vertically:         shift + up, shift + down
+ *   Move cursor by word:            alt + left, alt + right
+ *   Select words:                   shift + alt + left, shift + alt + right
+ *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
+ *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
+ *   Jump to start/end of text:      cmd + up, cmd + down
+ *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
+ *   Delete character:               backspace
+ *   Delete word:                    alt + backspace
+ *   Delete line:                    cmd + backspace
+ *   Forward delete:                 delete
+ *   Copy text:                      ctrl/cmd + c
+ *   Paste text:                     ctrl/cmd + v
+ *   Cut text:                       ctrl/cmd + x
+ *   Select entire text:             ctrl/cmd + a
+ *   Quit editing                    tab or esc
+ *
+ * + *

Supported mouse/touch combination

+ * 
+ *   Position cursor:                click/touch
+ *   Create selection:               click/touch & drag
+ *   Create selection:               click & shift + click
+ *   Select word:                    double click
+ *   Select line:                    triple click
+ *
+ */ +export class IText extends fabric.Text { + /** + * Type of an object + * @type String + * @default + */ + type: string; + + /** + * Index where text selection starts (or where cursor is when there is no selection) + * @type Number + * @default + */ + selectionStart: number; + + /** + * Index where text selection ends + * @type Number + * @default + */ + selectionEnd: number; + + /** + * Color of text selection + * @type String + * @default + */ + selectionColor: string; + + /** + * Indicates whether text is in editing mode + * @type Boolean + * @default + */ + isEditing: boolean; + + /** + * Indicates whether a text can be edited + * @type Boolean + * @default + */ + editable: boolean; + + /** + * Border color of text object while it's in editing mode + * @type String + * @default + */ + editingBorderColor: string; + + /** + * Width of cursor (in px) + * @type Number + * @default + */ + cursorWidth: number; + + /** + * Color of text cursor color in editing mode. + * if not set (default) will take color from the text. + * if set to a color value that fabric can understand, it will + * be used instead of the color of the text at the current position. + * @type String + * @default + */ + cursorColor: string; + + /** + * Delay between cursor blink (in ms) + * @type Number + * @default + */ + cursorDelay: number; + + /** + * Duration of cursor fadein (in ms) + * @type Number + * @default + */ + cursorDuration: number; + + /** + * Indicates whether internal text char widths can be cached + * @type Boolean + * @default + */ + caching: boolean; + + /** + * DOM container to append the hiddenTextarea. + * An alternative to attaching to the document.body. + * Useful to reduce laggish redraw of the full document.body tree and + * also with modals event capturing that won't let the textarea take focus. + * @type HTMLElement + * @default + */ + hiddenTextareaContainer; + + /** + * @private + */ + _reSpace; + + /** + * @private + */ + _currentCursorOpacity: number; + + /** + * @private + */ + _selectionDirection; + + /** + * Helps determining when the text is in composition, so that the cursor + * rendering is altered. + */ + inCompositionMode: boolean; + + /** + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {IText} thisArg + */ + constructor(text, options) { + super(text, options); + this.initBehavior(); + } + + /** + * While editing handle differently + * @private + * @param {string} key + * @param {*} value + */ + _set(key, value) { + if (this.isEditing && this._savedProps && key in this._savedProps) { + this._savedProps[key] = value; + } else { + super._set(key, value); + } + } + + /** + * Sets selection start (left boundary of a selection) + * @param {Number} index Index to set selection start to + */ + setSelectionStart(index) { + index = Math.max(index, 0); + this._updateAndFire('selectionStart', index); + } + + /** + * Sets selection end (right boundary of a selection) + * @param {Number} index Index to set selection end to + */ + setSelectionEnd(index) { + index = Math.min(index, this.text.length); + this._updateAndFire('selectionEnd', index); + } + + /** + * @private + * @param {String} property 'selectionStart' or 'selectionEnd' + * @param {Number} index new position of property + */ + _updateAndFire(property, index) { + if (this[property] !== index) { + this._fireSelectionChanged(); + this[property] = index; + } + this._updateTextarea(); + } + + /** + * Fires the even of selection changed + * @private + */ + _fireSelectionChanged() { + this.fire('selection:changed'); + this.canvas && this.canvas.fire('text:selection:changed', { target: this }); + } + + /** + * Initialize text dimensions. Render all text on given context + * or on a offscreen canvas to get the text width with measureText. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + * @private + */ + initDimensions() { + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + super.initDimensions(); + } + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render(ctx) { + this.clearContextTop(); + super.render(ctx); + // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor + // the correct position but not at every cursor animation. + this.cursorOffsetCache = {}; + this.renderCursorOrSelection(); + } + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render(ctx) { + super._render(ctx); + } + + /** + * Renders cursor or selection (depending on what exists) + * it does on the contextTop. If contextTop is not available, do nothing. + */ + renderCursorOrSelection() { + if (!this.isEditing) { + return; + } + var ctx = this.clearContextTop(true); + if (!ctx) { + return; + } + var boundaries = this._getCursorBoundaries(); + if (this.selectionStart === this.selectionEnd) { + this.renderCursor(ctx, boundaries); + } else { + this.renderSelection(ctx, boundaries); + } + ctx.restore(); + } + + /** + * Renders cursor on context Top, outside the animation cycle, on request + * Used for the drag/drop effect. + * If contextTop is not available, do nothing. + */ + renderCursorAt(selectionStart) { + var boundaries = this._getCursorBoundaries(selectionStart, true); + this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); + } + + /** + * Returns cursor boundaries (left, top, leftOffset, topOffset) + * left/top are left/top of entire text box + * leftOffset/topOffset are offset from that left/top point of a text box + * @private + * @param {number} [index] index from start + * @param {boolean} [skipCaching] + */ + _getCursorBoundaries(index, skipCaching) { + if (typeof index === 'undefined') { + index = this.selectionStart; + } + var left = this._getLeftOffset(), + top = this._getTopOffset(), + offsets = this._getCursorBoundariesOffsets(index, skipCaching); + return { + left: left, + top: top, + leftOffset: offsets.left, + topOffset: offsets.top, + }; + } + + /** + * Caches and returns cursor left/top offset relative to instance's center point + * @private + * @param {number} index index from start + * @param {boolean} [skipCaching] + */ + _getCursorBoundariesOffsets(index, skipCaching) { + if (skipCaching) { + return this.__getCursorBoundariesOffsets(index); + } + if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { + return this.cursorOffsetCache; + } + return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index)); + } + + /** + * Calcualtes cursor left/top offset relative to instance's center point + * @private + * @param {number} index index from start + */ + __getCursorBoundariesOffsets(index) { + var lineLeftOffset, + lineIndex, + charIndex, + topOffset = 0, + leftOffset = 0, + boundaries, + cursorPosition = this.get2DCursorLocation(index); + charIndex = cursorPosition.charIndex; + lineIndex = cursorPosition.lineIndex; + for (var i = 0; i < lineIndex; i++) { + topOffset += this.getHeightOfLine(i); + } + lineLeftOffset = this._getLineLeftOffset(lineIndex); + var bound = this.__charBounds[lineIndex][charIndex]; + bound && (leftOffset = bound.left); + if ( + this.charSpacing !== 0 && + charIndex === this._textLines[lineIndex].length + ) { + leftOffset -= this._getWidthOfCharSpacing(); + } + boundaries = { + top: topOffset, + left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), + }; + if (this.direction === 'rtl') { + if ( + this.textAlign === 'right' || + this.textAlign === 'justify' || + this.textAlign === 'justify-right' + ) { + boundaries.left *= -1; + } else if ( + this.textAlign === 'left' || + this.textAlign === 'justify-left' + ) { + boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } else if ( + this.textAlign === 'center' || + this.textAlign === 'justify-center' + ) { + boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } + } + return boundaries; + } + + /** + * Renders cursor + * @param {Object} boundaries + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderCursor(ctx, boundaries) { + this._renderCursor(ctx, boundaries, this.selectionStart); + } + + _renderCursor(ctx, boundaries, selectionStart) { + var cursorLocation = this.get2DCursorLocation(selectionStart), + lineIndex = cursorLocation.lineIndex, + charIndex = + cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, + charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), + multiplier = this.scaleX * this.canvas.getZoom(), + cursorWidth = this.cursorWidth / multiplier, + topOffset = boundaries.topOffset, + dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); + topOffset += + ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / + this.lineHeight - + charHeight * (1 - this._fontSizeFraction); + + if (this.inCompositionMode) { + // TODO: investigate why there isn't a return inside the if, + // and why can't happe top of the function + this.renderSelection(ctx, boundaries); + } + ctx.fillStyle = + this.cursorColor || + this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); + ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; + ctx.fillRect( + boundaries.left + boundaries.leftOffset - cursorWidth / 2, + topOffset + boundaries.top + dy, + cursorWidth, + charHeight + ); + } + + /** + * Renders text selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderSelection(ctx, boundaries) { + var selection = { + selectionStart: this.inCompositionMode + ? this.hiddenTextarea.selectionStart + : this.selectionStart, + selectionEnd: this.inCompositionMode + ? this.hiddenTextarea.selectionEnd + : this.selectionEnd, + }; + this._renderSelection(ctx, selection, boundaries); + } + + /** + * Renders drag start text selection + */ + renderDragSourceEffect() { + if ( + this.__isDragging && + this.__dragStartSelection && + this.__dragStartSelection + ) { + this._renderSelection( + this.canvas.contextTop, + this.__dragStartSelection, + this._getCursorBoundaries( + this.__dragStartSelection.selectionStart, + true + ) + ); + } + } + + renderDropTargetEffect(e) { + var dragSelection = this.getSelectionStartFromPointer(e); + this.renderCursorAt(dragSelection); + } + + /** + * Renders text selection + * @private + * @param {{ selectionStart: number, selectionEnd: number }} selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + _renderSelection(ctx, selection, boundaries) { + var selectionStart = selection.selectionStart, + selectionEnd = selection.selectionEnd, + isJustify = this.textAlign.indexOf('justify') !== -1, + start = this.get2DCursorLocation(selectionStart), + end = this.get2DCursorLocation(selectionEnd), + startLine = start.lineIndex, + endLine = end.lineIndex, + startChar = start.charIndex < 0 ? 0 : start.charIndex, + endChar = end.charIndex < 0 ? 0 : end.charIndex; + + for (var i = startLine; i <= endLine; i++) { + var lineOffset = this._getLineLeftOffset(i) || 0, + lineHeight = this.getHeightOfLine(i), + realLineHeight = 0, + boxStart = 0, + boxEnd = 0; + + if (i === startLine) { + boxStart = this.__charBounds[startLine][startChar].left; + } + if (i >= startLine && i < endLine) { + boxEnd = + isJustify && !this.isEndOfWrapping(i) + ? this.width + : this.getLineWidth(i) || 5; // WTF is this 5? + } else if (i === endLine) { + if (endChar === 0) { + boxEnd = this.__charBounds[endLine][endChar].left; } else { - this.renderSelection(ctx, boundaries); - } - ctx.restore(); - }, - - /** - * Renders cursor on context Top, outside the animation cycle, on request - * Used for the drag/drop effect. - * If contextTop is not available, do nothing. - */ - renderCursorAt: function (selectionStart) { - var boundaries = this._getCursorBoundaries(selectionStart, true); - this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); - }, - - /** - * Returns cursor boundaries (left, top, leftOffset, topOffset) - * left/top are left/top of entire text box - * leftOffset/topOffset are offset from that left/top point of a text box - * @private - * @param {number} [index] index from start - * @param {boolean} [skipCaching] - */ - _getCursorBoundaries: function (index, skipCaching) { - if (typeof index === 'undefined') { - index = this.selectionStart; - } - var left = this._getLeftOffset(), - top = this._getTopOffset(), - offsets = this._getCursorBoundariesOffsets(index, skipCaching); - return { - left: left, - top: top, - leftOffset: offsets.left, - topOffset: offsets.top, - }; - }, - - /** - * Caches and returns cursor left/top offset relative to instance's center point - * @private - * @param {number} index index from start - * @param {boolean} [skipCaching] - */ - _getCursorBoundariesOffsets: function (index, skipCaching) { - if (skipCaching) { - return this.__getCursorBoundariesOffsets(index); + var charSpacing = this._getWidthOfCharSpacing(); + boxEnd = + this.__charBounds[endLine][endChar - 1].left + + this.__charBounds[endLine][endChar - 1].width - + charSpacing; } - if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { - return this.cursorOffsetCache; - } - return (this.cursorOffsetCache = - this.__getCursorBoundariesOffsets(index)); - }, - - /** - * Calcualtes cursor left/top offset relative to instance's center point - * @private - * @param {number} index index from start - */ - __getCursorBoundariesOffsets: function (index) { - var lineLeftOffset, - lineIndex, - charIndex, - topOffset = 0, - leftOffset = 0, - boundaries, - cursorPosition = this.get2DCursorLocation(index); - charIndex = cursorPosition.charIndex; - lineIndex = cursorPosition.lineIndex; - for (var i = 0; i < lineIndex; i++) { - topOffset += this.getHeightOfLine(i); - } - lineLeftOffset = this._getLineLeftOffset(lineIndex); - var bound = this.__charBounds[lineIndex][charIndex]; - bound && (leftOffset = bound.left); + } + realLineHeight = lineHeight; + if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { + lineHeight /= this.lineHeight; + } + var drawStart = boundaries.left + lineOffset + boxStart, + drawWidth = boxEnd - boxStart, + drawHeight = lineHeight, + extraTop = 0; + if (this.inCompositionMode) { + ctx.fillStyle = this.compositionColor || 'black'; + drawHeight = 1; + extraTop = lineHeight; + } else { + ctx.fillStyle = this.selectionColor; + } + if (this.direction === 'rtl') { if ( - this.charSpacing !== 0 && - charIndex === this._textLines[lineIndex].length + this.textAlign === 'right' || + this.textAlign === 'justify' || + this.textAlign === 'justify-right' ) { - leftOffset -= this._getWidthOfCharSpacing(); - } - boundaries = { - top: topOffset, - left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), - }; - if (this.direction === 'rtl') { - if ( - this.textAlign === 'right' || - this.textAlign === 'justify' || - this.textAlign === 'justify-right' - ) { - boundaries.left *= -1; - } else if ( - this.textAlign === 'left' || - this.textAlign === 'justify-left' - ) { - boundaries.left = - lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); - } else if ( - this.textAlign === 'center' || - this.textAlign === 'justify-center' - ) { - boundaries.left = - lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); - } - } - return boundaries; - }, - - /** - * Renders cursor - * @param {Object} boundaries - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - renderCursor: function (ctx, boundaries) { - this._renderCursor(ctx, boundaries, this.selectionStart); - }, - - _renderCursor: function (ctx, boundaries, selectionStart) { - var cursorLocation = this.get2DCursorLocation(selectionStart), - lineIndex = cursorLocation.lineIndex, - charIndex = - cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, - charHeight = this.getValueOfPropertyAt( - lineIndex, - charIndex, - 'fontSize' - ), - multiplier = this.scaleX * this.canvas.getZoom(), - cursorWidth = this.cursorWidth / multiplier, - topOffset = boundaries.topOffset, - dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); - topOffset += - ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / - this.lineHeight - - charHeight * (1 - this._fontSizeFraction); - - if (this.inCompositionMode) { - // TODO: investigate why there isn't a return inside the if, - // and why can't happe top of the function - this.renderSelection(ctx, boundaries); - } - ctx.fillStyle = - this.cursorColor || - this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); - ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; - ctx.fillRect( - boundaries.left + boundaries.leftOffset - cursorWidth / 2, - topOffset + boundaries.top + dy, - cursorWidth, - charHeight - ); - }, - - /** - * Renders text selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - renderSelection: function (ctx, boundaries) { - var selection = { - selectionStart: this.inCompositionMode - ? this.hiddenTextarea.selectionStart - : this.selectionStart, - selectionEnd: this.inCompositionMode - ? this.hiddenTextarea.selectionEnd - : this.selectionEnd, - }; - this._renderSelection(ctx, selection, boundaries); - }, - - /** - * Renders drag start text selection - */ - renderDragSourceEffect: function () { - if ( - this.__isDragging && - this.__dragStartSelection && - this.__dragStartSelection + drawStart = this.width - drawStart - drawWidth; + } else if ( + this.textAlign === 'left' || + this.textAlign === 'justify-left' ) { - this._renderSelection( - this.canvas.contextTop, - this.__dragStartSelection, - this._getCursorBoundaries( - this.__dragStartSelection.selectionStart, - true - ) - ); - } - }, - - renderDropTargetEffect: function (e) { - var dragSelection = this.getSelectionStartFromPointer(e); - this.renderCursorAt(dragSelection); - }, - - /** - * Renders text selection - * @private - * @param {{ selectionStart: number, selectionEnd: number }} selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - _renderSelection: function (ctx, selection, boundaries) { - var selectionStart = selection.selectionStart, - selectionEnd = selection.selectionEnd, - isJustify = this.textAlign.indexOf('justify') !== -1, - start = this.get2DCursorLocation(selectionStart), - end = this.get2DCursorLocation(selectionEnd), - startLine = start.lineIndex, - endLine = end.lineIndex, - startChar = start.charIndex < 0 ? 0 : start.charIndex, - endChar = end.charIndex < 0 ? 0 : end.charIndex; - - for (var i = startLine; i <= endLine; i++) { - var lineOffset = this._getLineLeftOffset(i) || 0, - lineHeight = this.getHeightOfLine(i), - realLineHeight = 0, - boxStart = 0, - boxEnd = 0; - - if (i === startLine) { - boxStart = this.__charBounds[startLine][startChar].left; - } - if (i >= startLine && i < endLine) { - boxEnd = - isJustify && !this.isEndOfWrapping(i) - ? this.width - : this.getLineWidth(i) || 5; // WTF is this 5? - } else if (i === endLine) { - if (endChar === 0) { - boxEnd = this.__charBounds[endLine][endChar].left; - } else { - var charSpacing = this._getWidthOfCharSpacing(); - boxEnd = - this.__charBounds[endLine][endChar - 1].left + - this.__charBounds[endLine][endChar - 1].width - - charSpacing; - } - } - realLineHeight = lineHeight; - if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { - lineHeight /= this.lineHeight; - } - var drawStart = boundaries.left + lineOffset + boxStart, - drawWidth = boxEnd - boxStart, - drawHeight = lineHeight, - extraTop = 0; - if (this.inCompositionMode) { - ctx.fillStyle = this.compositionColor || 'black'; - drawHeight = 1; - extraTop = lineHeight; - } else { - ctx.fillStyle = this.selectionColor; - } - if (this.direction === 'rtl') { - if ( - this.textAlign === 'right' || - this.textAlign === 'justify' || - this.textAlign === 'justify-right' - ) { - drawStart = this.width - drawStart - drawWidth; - } else if ( - this.textAlign === 'left' || - this.textAlign === 'justify-left' - ) { - drawStart = boundaries.left + lineOffset - boxEnd; - } else if ( - this.textAlign === 'center' || - this.textAlign === 'justify-center' - ) { - drawStart = boundaries.left + lineOffset - boxEnd; - } - } - ctx.fillRect( - drawStart, - boundaries.top + boundaries.topOffset + extraTop, - drawWidth, - drawHeight - ); - boundaries.topOffset += realLineHeight; + drawStart = boundaries.left + lineOffset - boxEnd; + } else if ( + this.textAlign === 'center' || + this.textAlign === 'justify-center' + ) { + drawStart = boundaries.left + lineOffset - boxEnd; } - }, - - /** - * High level function to know the height of the cursor. - * the currentChar is the one that precedes the cursor - * Returns fontSize of char at the current cursor - * Unused from the library, is for the end user - * @return {Number} Character font size - */ - getCurrentCharFontSize: function () { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); - }, - - /** - * High level function to know the color of the cursor. - * the currentChar is the one that precedes the cursor - * Returns color (fill) of char at the current cursor - * if the text object has a pattern or gradient for filler, it will return that. - * Unused by the library, is for the end user - * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) - */ - getCurrentCharColor: function () { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); - }, - - /** - * Returns the cursor position for the getCurrent.. functions - * @private - */ - _getCurrentCharIndex: function () { - var cursorPosition = this.get2DCursorLocation( - this.selectionStart, - true - ), - charIndex = - cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; - return { l: cursorPosition.lineIndex, c: charIndex }; - }, + } + ctx.fillRect( + drawStart, + boundaries.top + boundaries.topOffset + extraTop, + drawWidth, + drawHeight + ); + boundaries.topOffset += realLineHeight; } - ); + } + + /** + * High level function to know the height of the cursor. + * the currentChar is the one that precedes the cursor + * Returns fontSize of char at the current cursor + * Unused from the library, is for the end user + * @return {Number} Character font size + */ + getCurrentCharFontSize() { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); + } + + /** + * High level function to know the color of the cursor. + * the currentChar is the one that precedes the cursor + * Returns color (fill) of char at the current cursor + * if the text object has a pattern or gradient for filler, it will return that. + * Unused by the library, is for the end user + * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) + */ + getCurrentCharColor() { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); + } + + /** + * Returns the cursor position for the getCurrent.. functions + * @private + */ + _getCurrentCharIndex() { + var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), + charIndex = + cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; + return { l: cursorPosition.lineIndex, c: charIndex }; + } /** - * Returns fabric.IText instance from an object representation + * Returns IText instance from an object representation * @static - * @memberOf fabric.IText + * @memberOf IText * @param {Object} object Object to create an instance from - * @returns {Promise} + * @returns {Promise} */ - fabric.IText.fromObject = function (object) { - var styles = fabric.util.stylesFromArray(object.styles, object.text); + static fromObject(object) { + var styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation var objCopy = Object.assign({}, object, { styles: styles }); - return FabricObject._fromObject(fabric.IText, objCopy, { + return FabricObject._fromObject(IText, objCopy, { extraParam: 'text', }); - }; -})(typeof exports !== 'undefined' ? exports : window); + } +} + +export const iTextDefaultValues: Partial> = { + type: 'i-text', + selectionStart: 0, + selectionEnd: 0, + selectionColor: 'rgba(17,119,255,0.3)', + isEditing: false, + editable: true, + editingBorderColor: 'rgba(102,153,255,0.25)', + cursorWidth: 2, + cursorColor: '', + cursorDelay: 1000, + cursorDuration: 600, + caching: true, + hiddenTextareaContainer: null, + _reSpace: /\s|\n/, + _currentCursorOpacity: 1, + _selectionDirection: null, + inCompositionMode: false, +}; + +Object.assign(IText.prototype, iTextDefaultValues); diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 3621abc7504..570e26fd46c 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -3,1811 +3,1713 @@ import { cache } from '../cache'; import { DEFAULT_SVG_FONT_SIZE } from '../constants'; -(function (global) { - var fabric = global.fabric || (global.fabric = {}); - - var additionalProps = ( - 'fontFamily fontWeight fontSize text underline overline linethrough' + - ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + - ' direction path pathStartOffset pathSide pathAlign' - ).split(' '); - - /** - * Text class - * @class fabric.Text - * @extends fabric.Object - * @return {fabric.Text} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} - * @see {@link fabric.Text#initialize} for constructor definition - */ - fabric.Text = fabric.util.createClass( - fabric.Object, - /** @lends fabric.Text.prototype */ { - /** - * Properties which when set cause object to change dimensions - * @type Array - * @private - */ - _dimensionAffectingProps: [ - 'fontSize', - 'fontWeight', - 'fontFamily', - 'fontStyle', - 'lineHeight', - 'text', - 'charSpacing', - 'textAlign', - 'styles', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign', - ], - - /** - * @private - */ - _reNewline: /\r?\n/, - - /** - * Use this regular expression to filter for whitespaces that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reSpacesAndTabs: /[ \t\r]/g, - - /** - * Use this regular expression to filter for whitespace that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reSpaceAndTab: /[ \t\r]/, - - /** - * Use this regular expression to filter consecutive groups of non spaces. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reWords: /\S+/g, - - /** - * Type of an object - * @type String - * @default - */ - type: 'text', - - /** - * Font size (in pixels) - * @type Number - * @default - */ - fontSize: 40, - - /** - * Font weight (e.g. bold, normal, 400, 600, 800) - * @type {(Number|String)} - * @default - */ - fontWeight: 'normal', - - /** - * Font family - * @type String - * @default - */ - fontFamily: 'Times New Roman', - - /** - * Text decoration underline. - * @type Boolean - * @default - */ - underline: false, - - /** - * Text decoration overline. - * @type Boolean - * @default - */ - overline: false, - - /** - * Text decoration linethrough. - * @type Boolean - * @default - */ - linethrough: false, - - /** - * Text alignment. Possible values: "left", "center", "right", "justify", - * "justify-left", "justify-center" or "justify-right". - * @type String - * @default - */ - textAlign: 'left', - - /** - * Font style . Possible values: "", "normal", "italic" or "oblique". - * @type String - * @default - */ - fontStyle: 'normal', - - /** - * Line height - * @type Number - * @default - */ - lineHeight: 1.16, - - /** - * Superscript schema object (minimum overlap) - * @type {Object} - * @default - */ - superscript: { - size: 0.6, // fontSize factor - baseline: -0.35, // baseline-shift factor (upwards) - }, - - /** - * Subscript schema object (minimum overlap) - * @type {Object} - * @default - */ - subscript: { - size: 0.6, // fontSize factor - baseline: 0.11, // baseline-shift factor (downwards) - }, - - /** - * Background color of text lines - * @type String - * @default - */ - textBackgroundColor: '', - - /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: - fabric.Object.prototype.stateProperties.concat(additionalProps), - - /** - * List of properties to consider when checking if cache needs refresh - * @type Array - */ - cacheProperties: - fabric.Object.prototype.cacheProperties.concat(additionalProps), - - /** - * When defined, an object is rendered via stroke and this property specifies its color. - * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 - * @type String - * @default - */ - stroke: null, - - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 - * @type fabric.Shadow - * @default - */ - shadow: null, - - /** - * fabric.Path that the text should follow. - * since 4.6.0 the path will be drawn automatically. - * if you want to make the path visible, give it a stroke and strokeWidth or fill value - * if you want it to be hidden, assign visible = false to the path. - * This feature is in BETA, and SVG import/export is not yet supported. - * @type fabric.Path - * @example - * var textPath = new fabric.Text('Text on a path', { - * top: 150, - * left: 150, - * textAlign: 'center', - * charSpacing: -50, - * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { - * strokeWidth: 1, - * visible: false - * }), - * pathSide: 'left', - * pathStartOffset: 0 - * }); - * @default - */ - path: null, - - /** - * Offset amount for text path starting position - * Only used when text has a path - * @type Number - * @default - */ - pathStartOffset: 0, - - /** - * Which side of the path the text should be drawn on. - * Only used when text has a path - * @type {String} 'left|right' - * @default - */ - pathSide: 'left', - - /** - * How text is aligned to the path. This property determines - * the perpendicular position of each character relative to the path. - * (one of "baseline", "center", "ascender", "descender") - * This feature is in BETA, and its behavior may change - * @type String - * @default - */ - pathAlign: 'baseline', - - /** - * @private - */ - _fontSizeFraction: 0.222, - - /** - * @private - */ - offsets: { - underline: 0.1, - linethrough: -0.315, - overline: -0.88, - }, - - /** - * Text Line proportion to font Size (in pixels) - * @type Number - * @default - */ - _fontSizeMult: 1.13, - - /** - * additional space between characters - * expressed in thousands of em unit - * @type Number - * @default - */ - charSpacing: 0, - - /** - * Object containing character styles - top-level properties -> line numbers, - * 2nd-level properties - character numbers - * @type Object - * @default - */ - styles: null, - - /** - * Reference to a context to measure text char or couple of chars - * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas - * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every - * text object created. - * @type {CanvasRenderingContext2D} - * @default - */ - _measuringContext: null, - - /** - * Baseline shift, styles only, keep at 0 for the main text object - * @type {Number} - * @default - */ - deltaY: 0, - - /** - * WARNING: EXPERIMENTAL. NOT SUPPORTED YET - * determine the direction of the text. - * This has to be set manually together with textAlign and originX for proper - * experience. - * some interesting link for the future - * https://www.w3.org/International/questions/qa-bidi-unicode-controls - * @since 4.5.0 - * @type {String} 'ltr|rtl' - * @default - */ - direction: 'ltr', - - /** - * Array of properties that define a style unit (of 'styles'). - * @type {Array} - * @default - */ - _styleProperties: [ - 'stroke', - 'strokeWidth', - 'fill', - 'fontFamily', - 'fontSize', - 'fontWeight', - 'fontStyle', - 'underline', - 'overline', - 'linethrough', - 'deltaY', - 'textBackgroundColor', - ], - - /** - * contains characters bounding boxes - */ - __charBounds: [], - - /** - * use this size when measuring text. To avoid IE11 rounding errors - * @type {Number} - * @default - * @readonly - * @private - */ - CACHE_FONT_SIZE: 400, - - /** - * contains the min text width to avoid getting 0 - * @type {Number} - * @default - */ - MIN_TEXT_WIDTH: 2, - - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - initialize: function (text, options) { - this.styles = options ? options.styles || {} : {}; - this.text = text; - this.__skipDimension = true; - this.callSuper('initialize', options); - if (this.path) { - this.setPathInfo(); - } - this.__skipDimension = false; - this.initDimensions(); - this.setCoords(); - this.setupState({ propertySet: '_dimensionAffectingProps' }); - }, - - /** - * If text has a path, it will add the extra information needed - * for path and text calculations - * @return {fabric.Text} thisArg - */ - setPathInfo: function () { - var path = this.path; - if (path) { - path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path); - } - }, - - /** - * Return a context for measurement of text string. - * if created it gets stored for reuse - * this is for internal use, please do not use it - * @private - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - getMeasuringContext: function () { - // if we did not return we have to measure something. - if (!fabric._measuringContext) { - fabric._measuringContext = - (this.canvas && this.canvas.contextCache) || - fabric.util.createCanvasElement().getContext('2d'); - } - return fabric._measuringContext; - }, - - /** - * @private - * Divides text into lines of text and lines of graphemes. - */ - _splitText: function () { - var newLines = this._splitTextIntoLines(this.text); - this.textLines = newLines.lines; - this._textLines = newLines.graphemeLines; - this._unwrappedTextLines = newLines._unwrappedLines; - this._text = newLines.graphemeText; - return newLines; - }, - - /** - * Initialize or update text dimensions. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. - */ - initDimensions: function () { - if (this.__skipDimension) { - return; - } - this._splitText(); - this._clearCache(); - if (this.path) { - this.width = this.path.width; - this.height = this.path.height; - } else { - this.width = - this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; - this.height = this.calcTextHeight(); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, - - /** - * Enlarge space boxes and shift the others - */ - enlargeSpaces: function () { - var diffSpace, - currentLineWidth, - numberOfSpaces, - accumulatedSpace, - line, - charBound, - spaces; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if ( - this.textAlign !== 'justify' && - (i === len - 1 || this.isEndOfWrapping(i)) - ) { - continue; - } - accumulatedSpace = 0; - line = this._textLines[i]; - currentLineWidth = this.getLineWidth(i); - if ( - currentLineWidth < this.width && - (spaces = this.textLines[i].match(this._reSpacesAndTabs)) - ) { - numberOfSpaces = spaces.length; - diffSpace = (this.width - currentLineWidth) / numberOfSpaces; - for (var j = 0, jlen = line.length; j <= jlen; j++) { - charBound = this.__charBounds[i][j]; - if (this._reSpaceAndTab.test(line[j])) { - charBound.width += diffSpace; - charBound.kernedWidth += diffSpace; - charBound.left += accumulatedSpace; - accumulatedSpace += diffSpace; - } else { - charBound.left += accumulatedSpace; - } - } - } - } - }, - - /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @return {Boolean} - */ - isEndOfWrapping: function (lineIndex) { - return lineIndex === this._textLines.length - 1; - }, - - /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * It return always for text and Itext. - * @return Number - */ - missingNewlineOffset: function () { - return 1; - }, - - /** - * Returns string representation of an instance - * @return {String} String representation of text object - */ - toString: function () { - return ( - '#' - ); - }, - - /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @param {Object} dim.x width of object to be cached - * @param {Object} dim.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _getCacheCanvasDimensions: function () { - var dims = this.callSuper('_getCacheCanvasDimensions'); - var fontSize = this.fontSize; - dims.width += fontSize * dims.zoomX; - dims.height += fontSize * dims.zoomY; - return dims; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - var path = this.path; - path && !path.isNotVisible() && path._render(ctx); - this._setTextStyles(ctx); - this._renderTextLinesBackground(ctx); - this._renderTextDecoration(ctx, 'underline'); - this._renderText(ctx); - this._renderTextDecoration(ctx, 'overline'); - this._renderTextDecoration(ctx, 'linethrough'); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderText: function (ctx) { - if (this.paintFirst === 'stroke') { - this._renderTextStroke(ctx); - this._renderTextFill(ctx); - } else { - this._renderTextFill(ctx); - this._renderTextStroke(ctx); - } - }, - - /** - * Set the font parameter of the context with the object properties or with charStyle - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [charStyle] object with font style properties - * @param {String} [charStyle.fontFamily] Font Family - * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) - * @param {String} [charStyle.fontWeight] Font weight - * @param {String} [charStyle.fontStyle] Font style (italic|normal) - */ - _setTextStyles: function (ctx, charStyle, forMeasuring) { - ctx.textBaseline = 'alphabetical'; - if (this.path) { - switch (this.pathAlign) { - case 'center': - ctx.textBaseline = 'middle'; - break; - case 'ascender': - ctx.textBaseline = 'top'; - break; - case 'descender': - ctx.textBaseline = 'bottom'; - break; - } - } - ctx.font = this._getFontDeclaration(charStyle, forMeasuring); - }, - - /** - * calculate and return the text Width measuring each line. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {Number} Maximum width of fabric.Text object - */ - calcTextWidth: function () { - var maxWidth = this.getLineWidth(0); - - for (var i = 1, len = this._textLines.length; i < len; i++) { - var currentLineWidth = this.getLineWidth(i); - if (currentLineWidth > maxWidth) { - maxWidth = currentLineWidth; +var fabric = global.fabric || (global.fabric = {}); + +var additionalProps = ( + 'fontFamily fontWeight fontSize text underline overline linethrough' + + ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + + ' direction path pathStartOffset pathSide pathAlign' +).split(' '); + +/** + * Text class + * @class Text + * @extends FabricObject + * @return {Text} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} + * @see {@link Text#initialize} for constructor definition + */ +export class Text extends FabricObject { + /** + * Properties which when set cause object to change dimensions + * @type Array + * @private + */ + _dimensionAffectingProps; + + /** + * @private + */ + _reNewline; + + /** + * Use this regular expression to filter for whitespaces that is not a new line. + * Mostly used when text is 'justify' aligned. + * @private + */ + _reSpacesAndTabs; + + /** + * Use this regular expression to filter for whitespace that is not a new line. + * Mostly used when text is 'justify' aligned. + * @private + */ + _reSpaceAndTab; + + /** + * Use this regular expression to filter consecutive groups of non spaces. + * Mostly used when text is 'justify' aligned. + * @private + */ + _reWords; + + /** + * Type of an object + * @type String + * @default + */ + type: string; + + /** + * Font size (in pixels) + * @type Number + * @default + */ + fontSize: number; + + /** + * Font weight (e.g. bold, normal, 400, 600, 800) + * @type {(Number|String)} + * @default + */ + fontWeight: string; + + /** + * Font family + * @type String + * @default + */ + fontFamily: string; + + /** + * Text decoration underline. + * @type Boolean + * @default + */ + underline: boolean; + + /** + * Text decoration overline. + * @type Boolean + * @default + */ + overline: boolean; + + /** + * Text decoration linethrough. + * @type Boolean + * @default + */ + linethrough: boolean; + + /** + * Text alignment. Possible values: "left", "center", "right", "justify", + * "justify-left", "justify-center" or "justify-right". + * @type String + * @default + */ + textAlign: string; + + /** + * Font style . Possible values: "", "normal", "italic" or "oblique". + * @type String + * @default + */ + fontStyle: string; + + /** + * Line height + * @type Number + * @default + */ + lineHeight: number; + + /** + * Superscript schema object (minimum overlap) + * @type {Object} + * @default + */ + superscript; + + /** + * Subscript schema object (minimum overlap) + * @type {Object} + * @default + */ + subscript; + + /** + * Background color of text lines + * @type String + * @default + */ + textBackgroundColor: string; + + /** + * List of properties to consider when checking if + * state of an object is changed ({@link FabricObject#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties; + + /** + * List of properties to consider when checking if cache needs refresh + * @type Array + */ + cacheProperties; + + /** + * When defined, an object is rendered via stroke and this property specifies its color. + * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 + * @type String + * @default + */ + stroke; + + /** + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 + * @type fabric.Shadow + * @default + */ + shadow; + + /** + * fabric.Path that the text should follow. + * since 4.6.0 the path will be drawn automatically. + * if you want to make the path visible, give it a stroke and strokeWidth or fill value + * if you want it to be hidden, assign visible = false to the path. + * This feature is in BETA, and SVG import/export is not yet supported. + * @type fabric.Path + * @example + * var textPath = new Text('Text on a path', { + * top: 150, + * left: 150, + * textAlign: 'center', + * charSpacing: -50, + * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { + * strokeWidth: 1, + * visible: false + * }), + * pathSide: 'left', + * pathStartOffset: 0 + * }); + * @default + */ + path; + + /** + * Offset amount for text path starting position + * Only used when text has a path + * @type Number + * @default + */ + pathStartOffset: number; + + /** + * Which side of the path the text should be drawn on. + * Only used when text has a path + * @type {String} 'left|right' + * @default + */ + pathSide: string; + + /** + * How text is aligned to the path. This property determines + * the perpendicular position of each character relative to the path. + * (one of "baseline", "center", "ascender", "descender") + * This feature is in BETA, and its behavior may change + * @type String + * @default + */ + pathAlign: string; + + /** + * @private + */ + _fontSizeFraction: number; + + /** + * @private + */ + offsets; + + /** + * Text Line proportion to font Size (in pixels) + * @type Number + * @default + */ + _fontSizeMult: number; + + /** + * additional space between characters + * expressed in thousands of em unit + * @type Number + * @default + */ + charSpacing: number; + + /** + * Object containing character styles - top-level properties -> line numbers, + * 2nd-level properties - character numbers + * @type Object + * @default + */ + styles; + + /** + * Reference to a context to measure text char or couple of chars + * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas + * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every + * text object created. + * @type {CanvasRenderingContext2D} + * @default + */ + _measuringContext; + + /** + * Baseline shift, styles only, keep at 0 for the main text object + * @type {Number} + * @default + */ + deltaY: number; + + /** + * WARNING: EXPERIMENTAL. NOT SUPPORTED YET + * determine the direction of the text. + * This has to be set manually together with textAlign and originX for proper + * experience. + * some interesting link for the future + * https://www.w3.org/International/questions/qa-bidi-unicode-controls + * @since 4.5.0 + * @type {String} 'ltr|rtl' + * @default + */ + direction: string; + + /** + * Array of properties that define a style unit (of 'styles'). + * @type {Array} + * @default + */ + _styleProperties; + + /** + * contains characters bounding boxes + */ + __charBounds; + + /** + * use this size when measuring text. To avoid IE11 rounding errors + * @type {Number} + * @default + * @readonly + * @private + */ + CACHE_FONT_SIZE: number; + + /** + * contains the min text width to avoid getting 0 + * @type {Number} + * @default + */ + MIN_TEXT_WIDTH: number; + + /** + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {Text} thisArg + */ + constructor(text, options) { + this.styles = options ? options.styles || {} : {}; + this.text = text; + this.__skipDimension = true; + super(options); + if (this.path) { + this.setPathInfo(); + } + this.__skipDimension = false; + this.initDimensions(); + this.setCoords(); + this.setupState({ propertySet: '_dimensionAffectingProps' }); + } + + /** + * If text has a path, it will add the extra information needed + * for path and text calculations + * @return {Text} thisArg + */ + setPathInfo() { + var path = this.path; + if (path) { + path.segmentsInfo = getPathSegmentsInfo(path.path); + } + } + + /** + * Return a context for measurement of text string. + * if created it gets stored for reuse + * this is for internal use, please do not use it + * @private + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {Text} thisArg + */ + getMeasuringContext() { + if (!fabric._measuringContext) { + fabric._measuringContext = + (this.canvas && this.canvas.contextCache) || + createCanvasElement().getContext('2d'); + } + return fabric._measuringContext; + } + + /** + * @private + * Divides text into lines of text and lines of graphemes. + */ + _splitText() { + var newLines = this._splitTextIntoLines(this.text); + this.textLines = newLines.lines; + this._textLines = newLines.graphemeLines; + this._unwrappedTextLines = newLines._unwrappedLines; + this._text = newLines.graphemeText; + return newLines; + } + + /** + * Initialize or update text dimensions. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + */ + initDimensions() { + if (this.__skipDimension) { + return; + } + this._splitText(); + this._clearCache(); + if (this.path) { + this.width = this.path.width; + this.height = this.path.height; + } else { + this.width = + this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; + this.height = this.calcTextHeight(); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + this.saveState({ propertySet: '_dimensionAffectingProps' }); + } + + /** + * Enlarge space boxes and shift the others + */ + enlargeSpaces() { + var diffSpace, + currentLineWidth, + numberOfSpaces, + accumulatedSpace, + line, + charBound, + spaces; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if ( + this.textAlign !== 'justify' && + (i === len - 1 || this.isEndOfWrapping(i)) + ) { + continue; + } + accumulatedSpace = 0; + line = this._textLines[i]; + currentLineWidth = this.getLineWidth(i); + if ( + currentLineWidth < this.width && + (spaces = this.textLines[i].match(this._reSpacesAndTabs)) + ) { + numberOfSpaces = spaces.length; + diffSpace = (this.width - currentLineWidth) / numberOfSpaces; + for (var j = 0, jlen = line.length; j <= jlen; j++) { + charBound = this.__charBounds[i][j]; + if (this._reSpaceAndTab.test(line[j])) { + charBound.width += diffSpace; + charBound.kernedWidth += diffSpace; + charBound.left += accumulatedSpace; + accumulatedSpace += diffSpace; + } else { + charBound.left += accumulatedSpace; } } - return maxWidth; - }, - - /** - * @private - * @param {String} method Method name ("fillText" or "strokeText") - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} line Text to render - * @param {Number} left Left position of text - * @param {Number} top Top position of text - * @param {Number} lineIndex Index of a line in a text - */ - _renderTextLine: function (method, ctx, line, left, top, lineIndex) { - this._renderChars(method, ctx, line, left, top, lineIndex); - }, - - /** - * Renders the text background for lines, taking care of style - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextLinesBackground: function (ctx) { - if ( - !this.textBackgroundColor && - !this.styleHas('textBackgroundColor') - ) { - return; - } - var heightOfLine, - lineLeftOffset, - originalFill = ctx.fillStyle, - line, - lastColor, - leftOffset = this._getLeftOffset(), - lineTopOffset = this._getTopOffset(), - boxStart = 0, - boxWidth = 0, - charBox, - currentColor, - path = this.path, - drawStart; - - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if ( - !this.textBackgroundColor && - !this.styleHas('textBackgroundColor', i) - ) { - lineTopOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - lineLeftOffset = this._getLineLeftOffset(i); - boxWidth = 0; - boxStart = 0; - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt( - i, - j, - 'textBackgroundColor' + } + } + } + + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @return {Boolean} + */ + isEndOfWrapping(lineIndex) { + return lineIndex === this._textLines.length - 1; + } + + /** + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * It return always for text and Itext. + * @return Number + */ + missingNewlineOffset() { + return 1; + } + + /** + * Returns string representation of an instance + * @return {String} String representation of text object + */ + toString() { + return ( + '#' + ); + } + + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. + * @private + * @param {Object} dim.x width of object to be cached + * @param {Object} dim.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _getCacheCanvasDimensions() { + var dims = super._getCacheCanvasDimensions(); + var fontSize = this.fontSize; + dims.width += fontSize * dims.zoomX; + dims.height += fontSize * dims.zoomY; + return dims; + } + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render(ctx) { + var path = this.path; + path && !path.isNotVisible() && path._render(ctx); + this._setTextStyles(ctx); + this._renderTextLinesBackground(ctx); + this._renderTextDecoration(ctx, 'underline'); + this._renderText(ctx); + this._renderTextDecoration(ctx, 'overline'); + this._renderTextDecoration(ctx, 'linethrough'); + } + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderText(ctx) { + if (this.paintFirst === 'stroke') { + this._renderTextStroke(ctx); + this._renderTextFill(ctx); + } else { + this._renderTextFill(ctx); + this._renderTextStroke(ctx); + } + } + + /** + * Set the font parameter of the context with the object properties or with charStyle + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [charStyle] object with font style properties + * @param {String} [charStyle.fontFamily] Font Family + * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) + * @param {String} [charStyle.fontWeight] Font weight + * @param {String} [charStyle.fontStyle] Font style (italic|normal) + */ + _setTextStyles(ctx, charStyle, forMeasuring) { + ctx.textBaseline = 'alphabetical'; + if (this.path) { + switch (this.pathAlign) { + case 'center': + ctx.textBaseline = 'middle'; + break; + case 'ascender': + ctx.textBaseline = 'top'; + break; + case 'descender': + ctx.textBaseline = 'bottom'; + break; + } + } + ctx.font = this._getFontDeclaration(charStyle, forMeasuring); + } + + /** + * calculate and return the text Width measuring each line. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {Number} Maximum width of Text object + */ + calcTextWidth() { + var maxWidth = this.getLineWidth(0); + + for (var i = 1, len = this._textLines.length; i < len; i++) { + var currentLineWidth = this.getLineWidth(i); + if (currentLineWidth > maxWidth) { + maxWidth = currentLineWidth; + } + } + return maxWidth; + } + + /** + * @private + * @param {String} method Method name ("fillText" or "strokeText") + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} line Text to render + * @param {Number} left Left position of text + * @param {Number} top Top position of text + * @param {Number} lineIndex Index of a line in a text + */ + _renderTextLine(method, ctx, line, left, top, lineIndex) { + this._renderChars(method, ctx, line, left, top, lineIndex); + } + + /** + * Renders the text background for lines, taking care of style + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextLinesBackground(ctx) { + if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { + return; + } + var heightOfLine, + lineLeftOffset, + originalFill = ctx.fillStyle, + line, + lastColor, + leftOffset = this._getLeftOffset(), + lineTopOffset = this._getTopOffset(), + boxStart = 0, + boxWidth = 0, + charBox, + currentColor, + path = this.path, + drawStart; + + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if ( + !this.textBackgroundColor && + !this.styleHas('textBackgroundColor', i) + ) { + lineTopOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + lineLeftOffset = this._getLineLeftOffset(i); + boxWidth = 0; + boxStart = 0; + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillStyle = currentColor; + currentColor && + ctx.fillRect( + -charBox.width / 2, + (-heightOfLine / this.lineHeight) * (1 - this._fontSizeFraction), + charBox.width, + heightOfLine / this.lineHeight ); - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillStyle = currentColor; - currentColor && - ctx.fillRect( - -charBox.width / 2, - (-heightOfLine / this.lineHeight) * - (1 - this._fontSizeFraction), - charBox.width, - heightOfLine / this.lineHeight - ); - ctx.restore(); - } else if (currentColor !== lastColor) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = lastColor; - lastColor && - ctx.fillRect( - drawStart, - lineTopOffset, - boxWidth, - heightOfLine / this.lineHeight - ); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } else { - boxWidth += charBox.kernedWidth; - } + ctx.restore(); + } else if (currentColor !== lastColor) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; } - if (currentColor && !path) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentColor; + ctx.fillStyle = lastColor; + lastColor && ctx.fillRect( drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight ); - } - lineTopOffset += heightOfLine; - } - ctx.fillStyle = originalFill; - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - - /** - * measure and return the width of a single character. - * possibly overridden to accommodate different measure logic or - * to hook some external lib for character measurement - * @private - * @param {String} _char, char to be measured - * @param {Object} charStyle style of char to be measured - * @param {String} [previousChar] previous char - * @param {Object} [prevCharStyle] style of previous char - */ - _measureChar: function (_char, charStyle, previousChar, prevCharStyle) { - // first i try to return from cache - var fontCache = cache.getFontCache(charStyle), - fontDeclaration = this._getFontDeclaration(charStyle), - previousFontDeclaration = this._getFontDeclaration(prevCharStyle), - couple = previousChar + _char, - stylesAreEqual = fontDeclaration === previousFontDeclaration, - width, - coupleWidth, - previousWidth, - fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, - kernedWidth; - - if (previousChar && fontCache[previousChar] !== undefined) { - previousWidth = fontCache[previousChar]; - } - if (fontCache[_char] !== undefined) { - kernedWidth = width = fontCache[_char]; - } - if (stylesAreEqual && fontCache[couple] !== undefined) { - coupleWidth = fontCache[couple]; - kernedWidth = coupleWidth - previousWidth; - } - if ( - width === undefined || - previousWidth === undefined || - coupleWidth === undefined - ) { - var ctx = this.getMeasuringContext(); - // send a TRUE to specify measuring font size CACHE_FONT_SIZE - this._setTextStyles(ctx, charStyle, true); - } - if (width === undefined) { - kernedWidth = width = ctx.measureText(_char).width; - fontCache[_char] = width; - } - if (previousWidth === undefined && stylesAreEqual && previousChar) { - previousWidth = ctx.measureText(previousChar).width; - fontCache[previousChar] = previousWidth; - } - if (stylesAreEqual && coupleWidth === undefined) { - // we can measure the kerning couple and subtract the width of the previous character - coupleWidth = ctx.measureText(couple).width; - fontCache[couple] = coupleWidth; - kernedWidth = coupleWidth - previousWidth; - } - return { - width: width * fontMultiplier, - kernedWidth: kernedWidth * fontMultiplier, - }; - }, - - /** - * Computes height of character at given position - * @param {Number} line the line index number - * @param {Number} _char the character index number - * @return {Number} fontSize of the character - */ - getHeightOfChar: function (line, _char) { - return this.getValueOfPropertyAt(line, _char, 'fontSize'); - }, - - /** - * measure a text line measuring all characters. - * @param {Number} lineIndex line number - * @return {Number} Line width - */ - measureLine: function (lineIndex) { - var lineInfo = this._measureLine(lineIndex); - if (this.charSpacing !== 0) { - lineInfo.width -= this._getWidthOfCharSpacing(); - } - if (lineInfo.width < 0) { - lineInfo.width = 0; - } - return lineInfo; - }, - - /** - * measure every grapheme of a line, populating __charBounds - * @param {Number} lineIndex - * @return {Object} object.width total width of characters - * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs - */ - _measureLine: function (lineIndex) { - var width = 0, - i, - grapheme, - line = this._textLines[lineIndex], - prevGrapheme, - graphemeInfo, - numOfSpaces = 0, - lineBounds = new Array(line.length), - positionInPath = 0, - startingPoint, - totalPathLength, - path = this.path, - reverse = this.pathSide === 'right'; - - this.__charBounds[lineIndex] = lineBounds; - for (i = 0; i < line.length; i++) { - grapheme = line[i]; - graphemeInfo = this._getGraphemeBox( - grapheme, - lineIndex, - i, - prevGrapheme - ); - lineBounds[i] = graphemeInfo; - width += graphemeInfo.kernedWidth; - prevGrapheme = grapheme; + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } else { + boxWidth += charBox.kernedWidth; } - // this latest bound box represent the last character of the line - // to simplify cursor handling in interactive mode. - lineBounds[i] = { - left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, - width: 0, - kernedWidth: 0, - height: this.fontSize, - }; - if (path) { - totalPathLength = - path.segmentsInfo[path.segmentsInfo.length - 1].length; - startingPoint = fabric.util.getPointOnPath( - path.path, - 0, - path.segmentsInfo - ); - startingPoint.x += path.pathOffset.x; - startingPoint.y += path.pathOffset.y; - switch (this.textAlign) { - case 'left': - positionInPath = reverse ? totalPathLength - width : 0; - break; - case 'center': - positionInPath = (totalPathLength - width) / 2; - break; - case 'right': - positionInPath = reverse ? 0 : totalPathLength - width; - break; - //todo - add support for justify - } - positionInPath += this.pathStartOffset * (reverse ? -1 : 1); - for ( - i = reverse ? line.length - 1 : 0; - reverse ? i >= 0 : i < line.length; - reverse ? i-- : i++ - ) { - graphemeInfo = lineBounds[i]; - if (positionInPath > totalPathLength) { - positionInPath %= totalPathLength; - } else if (positionInPath < 0) { - positionInPath += totalPathLength; - } - // it would probably much faster to send all the grapheme position for a line - // and calculate path position/angle at once. - this._setGraphemeOnPath( - positionInPath, - graphemeInfo, - startingPoint - ); - positionInPath += graphemeInfo.kernedWidth; - } + } + if (currentColor && !path) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; } - return { width: width, numOfSpaces: numOfSpaces }; - }, - - /** - * Calculate the angle and the left,top position of the char that follow a path. - * It appends it to graphemeInfo to be reused later at rendering - * @private - * @param {Number} positionInPath to be measured - * @param {Object} graphemeInfo current grapheme box information - * @param {Object} startingPoint position of the point - */ - _setGraphemeOnPath: function ( - positionInPath, - graphemeInfo, - startingPoint - ) { - var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, - path = this.path; - - // we are at currentPositionOnPath. we want to know what point on the path is. - var info = fabric.util.getPointOnPath( - path.path, - centerPosition, - path.segmentsInfo + ctx.fillStyle = currentColor; + ctx.fillRect( + drawStart, + lineTopOffset, + boxWidth, + heightOfLine / this.lineHeight ); - graphemeInfo.renderLeft = info.x - startingPoint.x; - graphemeInfo.renderTop = info.y - startingPoint.y; - graphemeInfo.angle = - info.angle + (this.pathSide === 'right' ? Math.PI : 0); - }, - - /** - * Measure and return the info of a single grapheme. - * needs the the info of previous graphemes already filled - * Override to customize measuring - * - * @typedef {object} GraphemeBBox - * @property {number} width - * @property {number} height - * @property {number} kernedWidth - * @property {number} left - * @property {number} deltaY - * - * @param {String} grapheme to be measured - * @param {Number} lineIndex index of the line where the char is - * @param {Number} charIndex position in the line - * @param {String} [prevGrapheme] character preceding the one to be measured - * @returns {GraphemeBBox} grapheme bbox - */ - _getGraphemeBox: function ( - grapheme, - lineIndex, - charIndex, - prevGrapheme, - skipLeft + } + lineTopOffset += heightOfLine; + } + ctx.fillStyle = originalFill; + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + } + + /** + * measure and return the width of a single character. + * possibly overridden to accommodate different measure logic or + * to hook some external lib for character measurement + * @private + * @param {String} _char, char to be measured + * @param {Object} charStyle style of char to be measured + * @param {String} [previousChar] previous char + * @param {Object} [prevCharStyle] style of previous char + */ + _measureChar(_char, charStyle, previousChar, prevCharStyle) { + var fontCache = cache.getFontCache(charStyle), + fontDeclaration = this._getFontDeclaration(charStyle), + previousFontDeclaration = this._getFontDeclaration(prevCharStyle), + couple = previousChar + _char, + stylesAreEqual = fontDeclaration === previousFontDeclaration, + width, + coupleWidth, + previousWidth, + fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, + kernedWidth; + + if (previousChar && fontCache[previousChar] !== undefined) { + previousWidth = fontCache[previousChar]; + } + if (fontCache[_char] !== undefined) { + kernedWidth = width = fontCache[_char]; + } + if (stylesAreEqual && fontCache[couple] !== undefined) { + coupleWidth = fontCache[couple]; + kernedWidth = coupleWidth - previousWidth; + } + if ( + width === undefined || + previousWidth === undefined || + coupleWidth === undefined + ) { + var ctx = this.getMeasuringContext(); + // send a TRUE to specify measuring font size CACHE_FONT_SIZE + this._setTextStyles(ctx, charStyle, true); + } + if (width === undefined) { + kernedWidth = width = ctx.measureText(_char).width; + fontCache[_char] = width; + } + if (previousWidth === undefined && stylesAreEqual && previousChar) { + previousWidth = ctx.measureText(previousChar).width; + fontCache[previousChar] = previousWidth; + } + if (stylesAreEqual && coupleWidth === undefined) { + // we can measure the kerning couple and subtract the width of the previous character + coupleWidth = ctx.measureText(couple).width; + fontCache[couple] = coupleWidth; + kernedWidth = coupleWidth - previousWidth; + } + return { + width: width * fontMultiplier, + kernedWidth: kernedWidth * fontMultiplier, + }; + } + + /** + * Computes height of character at given position + * @param {Number} line the line index number + * @param {Number} _char the character index number + * @return {Number} fontSize of the character + */ + getHeightOfChar(line, _char) { + return this.getValueOfPropertyAt(line, _char, 'fontSize'); + } + + /** + * measure a text line measuring all characters. + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + measureLine(lineIndex) { + var lineInfo = this._measureLine(lineIndex); + if (this.charSpacing !== 0) { + lineInfo.width -= this._getWidthOfCharSpacing(); + } + if (lineInfo.width < 0) { + lineInfo.width = 0; + } + return lineInfo; + } + + /** + * measure every grapheme of a line, populating __charBounds + * @param {Number} lineIndex + * @return {Object} object.width total width of characters + * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs + */ + _measureLine(lineIndex) { + var width = 0, + i, + grapheme, + line = this._textLines[lineIndex], + prevGrapheme, + graphemeInfo, + numOfSpaces = 0, + lineBounds = new Array(line.length), + positionInPath = 0, + startingPoint, + totalPathLength, + path = this.path, + reverse = this.pathSide === 'right'; + + this.__charBounds[lineIndex] = lineBounds; + for (i = 0; i < line.length; i++) { + grapheme = line[i]; + graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); + lineBounds[i] = graphemeInfo; + width += graphemeInfo.kernedWidth; + prevGrapheme = grapheme; + } + // this latest bound box represent the last character of the line + // to simplify cursor handling in interactive mode. + lineBounds[i] = { + left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, + width: 0, + kernedWidth: 0, + height: this.fontSize, + }; + if (path) { + totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; + startingPoint = getPointOnPath(path.path, 0, path.segmentsInfo); + startingPoint.x += path.pathOffset.x; + startingPoint.y += path.pathOffset.y; + switch (this.textAlign) { + case 'left': + positionInPath = reverse ? totalPathLength - width : 0; + break; + case 'center': + positionInPath = (totalPathLength - width) / 2; + break; + case 'right': + positionInPath = reverse ? 0 : totalPathLength - width; + break; + //todo - add support for justify + } + positionInPath += this.pathStartOffset * (reverse ? -1 : 1); + for ( + i = reverse ? line.length - 1 : 0; + reverse ? i >= 0 : i < line.length; + reverse ? i-- : i++ ) { - var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), - prevStyle = prevGrapheme - ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) - : {}, - info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), - kernedWidth = info.kernedWidth, - width = info.width, - charSpacing; - - if (this.charSpacing !== 0) { - charSpacing = this._getWidthOfCharSpacing(); - width += charSpacing; - kernedWidth += charSpacing; + graphemeInfo = lineBounds[i]; + if (positionInPath > totalPathLength) { + positionInPath %= totalPathLength; + } else if (positionInPath < 0) { + positionInPath += totalPathLength; } + // it would probably much faster to send all the grapheme position for a line + // and calculate path position/angle at once. + this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); + positionInPath += graphemeInfo.kernedWidth; + } + } + return { width: width, numOfSpaces: numOfSpaces }; + } - var box = { - width: width, - left: 0, - height: style.fontSize, - kernedWidth: kernedWidth, - deltaY: style.deltaY, - }; - if (charIndex > 0 && !skipLeft) { - var previousBox = this.__charBounds[lineIndex][charIndex - 1]; - box.left = - previousBox.left + - previousBox.width + - info.kernedWidth - - info.width; - } - return box; - }, - - /** - * Calculate height of line at 'lineIndex' - * @param {Number} lineIndex index of line to calculate - * @return {Number} - */ - getHeightOfLine: function (lineIndex) { - if (this.__lineHeights[lineIndex]) { - return this.__lineHeights[lineIndex]; - } + /** + * Calculate the angle and the left,top position of the char that follow a path. + * It appends it to graphemeInfo to be reused later at rendering + * @private + * @param {Number} positionInPath to be measured + * @param {Object} graphemeInfo current grapheme box information + * @param {Object} startingPoint position of the point + */ + _setGraphemeOnPath(positionInPath, graphemeInfo, startingPoin) { + var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, + path = this.path; - var line = this._textLines[lineIndex], - // char 0 is measured before the line cycle because it nneds to char - // emptylines - maxHeight = this.getHeightOfChar(lineIndex, 0); - for (var i = 1, len = line.length; i < len; i++) { - maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); - } + // we are at currentPositionOnPath. we want to know what point on the path is. + var info = getPointOnPath(path.path, centerPosition, path.segmentsInfo); + graphemeInfo.renderLeft = info.x - startingPoint.x; + graphemeInfo.renderTop = info.y - startingPoint.y; + graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); + } - return (this.__lineHeights[lineIndex] = - maxHeight * this.lineHeight * this._fontSizeMult); - }, - - /** - * Calculate text box height - */ - calcTextHeight: function () { - var lineHeight, - height = 0; - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineHeight = this.getHeightOfLine(i); - height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; - } - return height; - }, - - /** - * @private - * @return {Number} Left offset - */ - _getLeftOffset: function () { - return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; - }, - - /** - * @private - * @return {Number} Top offset - */ - _getTopOffset: function () { - return -this.height / 2; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} method Method name ("fillText" or "strokeText") - */ - _renderTextCommon: function (ctx, method) { - ctx.save(); - var lineHeights = 0, - left = this._getLeftOffset(), - top = this._getTopOffset(); - for (var i = 0, len = this._textLines.length; i < len; i++) { - var heightOfLine = this.getHeightOfLine(i), - maxHeight = heightOfLine / this.lineHeight, - leftOffset = this._getLineLeftOffset(i); - this._renderTextLine( - method, - ctx, - this._textLines[i], - left + leftOffset, - top + lineHeights + maxHeight, - i - ); - lineHeights += heightOfLine; - } - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextFill: function (ctx) { - if (!this.fill && !this.styleHas('fill')) { - return; - } + /** + * Measure and return the info of a single grapheme. + * needs the the info of previous graphemes already filled + * Override to customize measuring + * + * @typedef {object} GraphemeBBox + * @property {number} width + * @property {number} height + * @property {number} kernedWidth + * @property {number} left + * @property {number} deltaY + * + * @param {String} grapheme to be measured + * @param {Number} lineIndex index of the line where the char is + * @param {Number} charIndex position in the line + * @param {String} [prevGrapheme] character preceding the one to be measured + * @returns {GraphemeBBox} grapheme bbox + */ + _getGraphemeBox(grapheme, lineIndex, charIndex, prevGrapheme, skipLef) { + var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), + prevStyle = prevGrapheme + ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) + : {}, + info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), + kernedWidth = info.kernedWidth, + width = info.width, + charSpacing; + + if (this.charSpacing !== 0) { + charSpacing = this._getWidthOfCharSpacing(); + width += charSpacing; + kernedWidth += charSpacing; + } - this._renderTextCommon(ctx, 'fillText'); - }, + var box = { + width: width, + left: 0, + height: style.fontSize, + kernedWidth: kernedWidth, + deltaY: style.deltaY, + }; + if (charIndex > 0 && !skipLeft) { + var previousBox = this.__charBounds[lineIndex][charIndex - 1]; + box.left = + previousBox.left + previousBox.width + info.kernedWidth - info.width; + } + return box; + } - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextStroke: function (ctx) { - if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { - return; - } + /** + * Calculate height of line at 'lineIndex' + * @param {Number} lineIndex index of line to calculate + * @return {Number} + */ + getHeightOfLine(lineIndex) { + if (this.__lineHeights[lineIndex]) { + return this.__lineHeights[lineIndex]; + } - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } + var line = this._textLines[lineIndex], + // char 0 is measured before the line cycle because it nneds to char + // emptylines + maxHeight = this.getHeightOfChar(lineIndex, 0); + for (var i = 1, len = line.length; i < len; i++) { + maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); + } + + return (this.__lineHeights[lineIndex] = + maxHeight * this.lineHeight * this._fontSizeMult); + } + + /** + * Calculate text box height + */ + calcTextHeight() { + var lineHeight, + height = 0; + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineHeight = this.getHeightOfLine(i); + height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; + } + return height; + } + + /** + * @private + * @return {Number} Left offset + */ + _getLeftOffset() { + return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; + } + + /** + * @private + * @return {Number} Top offset + */ + _getTopOffset() { + return -this.height / 2; + } + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} method Method name ("fillText" or "strokeText") + */ + _renderTextCommon(ctx, method) { + ctx.save(); + var lineHeights = 0, + left = this._getLeftOffset(), + top = this._getTopOffset(); + for (var i = 0, len = this._textLines.length; i < len; i++) { + var heightOfLine = this.getHeightOfLine(i), + maxHeight = heightOfLine / this.lineHeight, + leftOffset = this._getLineLeftOffset(i); + this._renderTextLine( + method, + ctx, + this._textLines[i], + left + leftOffset, + top + lineHeights + maxHeight, + i + ); + lineHeights += heightOfLine; + } + ctx.restore(); + } + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextFill(ctx) { + if (!this.fill && !this.styleHas('fill')) { + return; + } + + this._renderTextCommon(ctx, 'fillText'); + } - ctx.save(); - this._setLineDash(ctx, this.strokeDashArray); - ctx.beginPath(); - this._renderTextCommon(ctx, 'strokeText'); - ctx.closePath(); - ctx.restore(); - }, - - /** - * @private - * @param {String} method fillText or strokeText. - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} line Content of the line, splitted in an array by grapheme - * @param {Number} left - * @param {Number} top - * @param {Number} lineIndex - */ - _renderChars: function (method, ctx, line, left, top, lineIndex) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, - boxWidth = 0, - timeToRender, - path = this.path, - shortCut = - !isJustify && - this.charSpacing === 0 && - this.isEmptyStyles(lineIndex) && - !path, - isLtr = this.direction === 'ltr', - sign = this.direction === 'ltr' ? 1 : -1, - // this was changed in the PR #7674 - // currentDirection = ctx.canvas.getAttribute('dir'); - drawingLeft, - currentDirection = ctx.direction; - ctx.save(); - if (currentDirection !== this.direction) { - ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); - ctx.direction = isLtr ? 'ltr' : 'rtl'; - ctx.textAlign = isLtr ? 'left' : 'right'; + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextStroke(ctx) { + if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { + return; + } + + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + + ctx.save(); + this._setLineDash(ctx, this.strokeDashArray); + ctx.beginPath(); + this._renderTextCommon(ctx, 'strokeText'); + ctx.closePath(); + ctx.restore(); + } + + /** + * @private + * @param {String} method fillText or strokeText. + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} line Content of the line, splitted in an array by grapheme + * @param {Number} left + * @param {Number} top + * @param {Number} lineIndex + */ + _renderChars(method, ctx, line, left, top, lineIndex) { + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, + boxWidth = 0, + timeToRender, + path = this.path, + shortCut = + !isJustify && + this.charSpacing === 0 && + this.isEmptyStyles(lineIndex) && + !path, + isLtr = this.direction === 'ltr', + sign = this.direction === 'ltr' ? 1 : -1, + // this was changed in the PR #7674 + // currentDirection = ctx.canvas.getAttribute('dir'); + drawingLeft, + currentDirection = ctx.direction; + ctx.save(); + if (currentDirection !== this.direction) { + ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); + ctx.direction = isLtr ? 'ltr' : 'rtl'; + ctx.textAlign = isLtr ? 'left' : 'right'; + } + top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; + if (shortCut) { + // render all the line in one pass without checking + // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); + this._renderChar( + method, + ctx, + lineIndex, + 0, + line.join(''), + left, + top, + lineHeight + ); + ctx.restore(); + return; + } + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing || path; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + left += sign * (charBox.kernedWidth - charBox.width); + boxWidth += charBox.width; + } else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; } - top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; - if (shortCut) { - // render all the line in one pass without checking - // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = hasStyleChanged(actualStyle, nextStyle, false); + } + if (timeToRender) { + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); this._renderChar( method, ctx, lineIndex, + i, + charsToRender, + -boxWidth / 2, 0, - line.join(''), - left, - top, lineHeight ); ctx.restore(); - return; - } - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing || path; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - left += sign * (charBox.kernedWidth - charBox.width); - boxWidth += charBox.width; - } else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = fabric.util.hasStyleChanged( - actualStyle, - nextStyle, - false - ); - } - if (timeToRender) { - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - this._renderChar( - method, - ctx, - lineIndex, - i, - charsToRender, - -boxWidth / 2, - 0, - lineHeight - ); - ctx.restore(); - } else { - drawingLeft = left; - this._renderChar( - method, - ctx, - lineIndex, - i, - charsToRender, - drawingLeft, - top, - lineHeight - ); - } - charsToRender = ''; - actualStyle = nextStyle; - left += sign * boxWidth; - boxWidth = 0; - } - } - ctx.restore(); - }, - - /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {fabric.Gradient} filler a fabric gradient instance - * @return {CanvasPattern} a pattern to use as fill/stroke style - */ - _applyPatternGradientTransformText: function (filler) { - var pCanvas = fabric.util.createCanvasElement(), - pCtx, - // TODO: verify compatibility with strokeUniform - width = this.width + this.strokeWidth, - height = this.height + this.strokeWidth; - pCanvas.width = width; - pCanvas.height = height; - pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); - pCtx.moveTo(0, 0); - pCtx.lineTo(width, 0); - pCtx.lineTo(width, height); - pCtx.lineTo(0, height); - pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.fillStyle = filler.toLive(pCtx); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fill(); - return pCtx.createPattern(pCanvas, 'no-repeat'); - }, - - handleFiller: function (ctx, property, filler) { - var offsetX, offsetY; - if (filler.toLive) { - if ( - filler.gradientUnits === 'percentage' || - filler.gradientTransform || - filler.patternTransform - ) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - offsetX = -this.width / 2; - offsetY = -this.height / 2; - ctx.translate(offsetX, offsetY); - ctx[property] = this._applyPatternGradientTransformText(filler); - return { offsetX: offsetX, offsetY: offsetY }; - } else { - // is a simple gradient or pattern - ctx[property] = filler.toLive(ctx, this); - return this._applyPatternGradientTransform(ctx, filler); - } } else { - // is a color - ctx[property] = filler; + drawingLeft = left; + this._renderChar( + method, + ctx, + lineIndex, + i, + charsToRender, + drawingLeft, + top, + lineHeight + ); } - return { offsetX: 0, offsetY: 0 }; - }, - - _setStrokeStyles: function (ctx, decl) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = this.strokeLineCap; - ctx.lineDashOffset = this.strokeDashOffset; - ctx.lineJoin = this.strokeLineJoin; - ctx.miterLimit = this.strokeMiterLimit; - return this.handleFiller(ctx, 'strokeStyle', decl.stroke); - }, - - _setFillStyles: function (ctx, decl) { - return this.handleFiller(ctx, 'fillStyle', decl.fill); - }, - - /** - * @private - * @param {String} method - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {String} _char - * @param {Number} left Left coordinate - * @param {Number} top Top coordinate - * @param {Number} lineHeight Height of the line - */ - _renderChar: function ( - method, - ctx, - lineIndex, - charIndex, + charsToRender = ''; + actualStyle = nextStyle; + left += sign * boxWidth; + boxWidth = 0; + } + } + ctx.restore(); + } + + /** + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {fabric.Gradient} filler a fabric gradient instance + * @return {CanvasPattern} a pattern to use as fill/stroke style + */ + _applyPatternGradientTransformText(filler) { + var pCanvas = createCanvasElement(), + pCtx, + // TODO: verify compatibility with strokeUniform + width = this.width + this.strokeWidth, + height = this.height + this.strokeWidth; + pCanvas.width = width; + pCanvas.height = height; + pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); + pCtx.moveTo(0, 0); + pCtx.lineTo(width, 0); + pCtx.lineTo(width, height); + pCtx.lineTo(0, height); + pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.fillStyle = filler.toLive(pCtx); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fill(); + return pCtx.createPattern(pCanvas, 'no-repeat'); + } + + handleFiller(ctx, property, filler) { + var offsetX, offsetY; + if (filler.toLive) { + if ( + filler.gradientUnits === 'percentage' || + filler.gradientTransform || + filler.patternTransform + ) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + offsetX = -this.width / 2; + offsetY = -this.height / 2; + ctx.translate(offsetX, offsetY); + ctx[property] = this._applyPatternGradientTransformText(filler); + return { offsetX: offsetX, offsetY: offsetY }; + } else { + // is a simple gradient or pattern + ctx[property] = filler.toLive(ctx, this); + return this._applyPatternGradientTransform(ctx, filler); + } + } else { + // is a color + ctx[property] = filler; + } + return { offsetX: 0, offsetY: 0 }; + } + + _setStrokeStyles(ctx, decl) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = this.strokeLineCap; + ctx.lineDashOffset = this.strokeDashOffset; + ctx.lineJoin = this.strokeLineJoin; + ctx.miterLimit = this.strokeMiterLimit; + return this.handleFiller(ctx, 'strokeStyle', decl.stroke); + } + + _setFillStyles(ctx, decl) { + return this.handleFiller(ctx, 'fillStyle', decl.fill); + } + + /** + * @private + * @param {String} method + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {String} _char + * @param {Number} left Left coordinate + * @param {Number} top Top coordinate + * @param {Number} lineHeight Height of the line + */ + _renderChar(method, ctx, lineIndex, charIndex, _char, left, to) { + var decl = this._getStyleDeclaration(lineIndex, charIndex), + fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), + shouldFill = method === 'fillText' && fullDecl.fill, + shouldStroke = + method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, + fillOffsets, + strokeOffsets; + + if (!shouldStroke && !shouldFill) { + return; + } + ctx.save(); + + shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); + shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); + + ctx.font = this._getFontDeclaration(fullDecl); + + if (decl && decl.textBackgroundColor) { + this._removeShadow(ctx); + } + if (decl && decl.deltaY) { + top += decl.deltaY; + } + shouldFill && + ctx.fillText( _char, - left, - top + left - fillOffsets.offsetX, + top - fillOffsets.offsetY + ); + shouldStroke && + ctx.strokeText( + _char, + left - strokeOffsets.offsetX, + top - strokeOffsets.offsetY + ); + ctx.restore(); + } + + /** + * Turns the character into a 'superior figure' (i.e. 'superscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {Text} thisArg + * @chainable + */ + setSuperscript(start, end) { + return this._setScript(start, end, this.superscript); + } + + /** + * Turns the character into an 'inferior figure' (i.e. 'subscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {Text} thisArg + * @chainable + */ + setSubscript(start, end) { + return this._setScript(start, end, this.subscript); + } + + /** + * Applies 'schema' at given position + * @private + * @param {Number} start selection start + * @param {Number} end selection end + * @param {Number} schema + * @returns {Text} thisArg + * @chainable + */ + _setScript(start, end, schema) { + var loc = this.get2DCursorLocation(start, true), + fontSize = this.getValueOfPropertyAt( + loc.lineIndex, + loc.charIndex, + 'fontSize' + ), + dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), + style = { + fontSize: fontSize * schema.size, + deltaY: dy + fontSize * schema.baseline, + }; + this.setSelectionStyles(style, start, end); + return this; + } + + /** + * @private + * @param {Number} lineIndex index text line + * @return {Number} Line left offset + */ + _getLineLeftOffset(lineIndex) { + var lineWidth = this.getLineWidth(lineIndex), + lineDiff = this.width - lineWidth, + textAlign = this.textAlign, + direction = this.direction, + isEndOfWrapping, + leftOffset = 0, + isEndOfWrapping = this.isEndOfWrapping(lineIndex); + if ( + textAlign === 'justify' || + (textAlign === 'justify-center' && !isEndOfWrapping) || + (textAlign === 'justify-right' && !isEndOfWrapping) || + (textAlign === 'justify-left' && !isEndOfWrapping) + ) { + return 0; + } + if (textAlign === 'center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'right') { + leftOffset = lineDiff; + } + if (textAlign === 'justify-center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'justify-right') { + leftOffset = lineDiff; + } + if (direction === 'rtl') { + if ( + textAlign === 'right' || + textAlign === 'justify' || + textAlign === 'justify-right' ) { - var decl = this._getStyleDeclaration(lineIndex, charIndex), - fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), - shouldFill = method === 'fillText' && fullDecl.fill, - shouldStroke = - method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, - fillOffsets, - strokeOffsets; - - if (!shouldStroke && !shouldFill) { - return; - } - ctx.save(); + leftOffset = 0; + } else if (textAlign === 'left' || textAlign === 'justify-left') { + leftOffset = -lineDiff; + } else if (textAlign === 'center' || textAlign === 'justify-center') { + leftOffset = -lineDiff / 2; + } + } + return leftOffset; + } - shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); - shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); + /** + * @private + */ + _clearCache() { + this.__lineWidths = []; + this.__lineHeights = []; + this.__charBounds = []; + } - ctx.font = this._getFontDeclaration(fullDecl); + /** + * @private + */ + _shouldClearDimensionCache() { + var shouldClear = this._forceClearCache; + shouldClear || + (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); + if (shouldClear) { + this.dirty = true; + this._forceClearCache = false; + } + return shouldClear; + } - if (decl && decl.textBackgroundColor) { - this._removeShadow(ctx); - } - if (decl && decl.deltaY) { - top += decl.deltaY; - } - shouldFill && - ctx.fillText( - _char, - left - fillOffsets.offsetX, - top - fillOffsets.offsetY - ); - shouldStroke && - ctx.strokeText( - _char, - left - strokeOffsets.offsetX, - top - strokeOffsets.offsetY - ); - ctx.restore(); - }, - - /** - * Turns the character into a 'superior figure' (i.e. 'superscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable - */ - setSuperscript: function (start, end) { - return this._setScript(start, end, this.superscript); - }, - - /** - * Turns the character into an 'inferior figure' (i.e. 'subscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable - */ - setSubscript: function (start, end) { - return this._setScript(start, end, this.subscript); - }, - - /** - * Applies 'schema' at given position - * @private - * @param {Number} start selection start - * @param {Number} end selection end - * @param {Number} schema - * @returns {fabric.Text} thisArg - * @chainable - */ - _setScript: function (start, end, schema) { - var loc = this.get2DCursorLocation(start, true), - fontSize = this.getValueOfPropertyAt( - loc.lineIndex, - loc.charIndex, - 'fontSize' - ), - dy = this.getValueOfPropertyAt( - loc.lineIndex, - loc.charIndex, - 'deltaY' - ), - style = { - fontSize: fontSize * schema.size, - deltaY: dy + fontSize * schema.baseline, - }; - this.setSelectionStyles(style, start, end); - return this; - }, - - /** - * @private - * @param {Number} lineIndex index text line - * @return {Number} Line left offset - */ - _getLineLeftOffset: function (lineIndex) { - var lineWidth = this.getLineWidth(lineIndex), - lineDiff = this.width - lineWidth, - textAlign = this.textAlign, - direction = this.direction, - isEndOfWrapping, - leftOffset = 0, - isEndOfWrapping = this.isEndOfWrapping(lineIndex); - if ( - textAlign === 'justify' || - (textAlign === 'justify-center' && !isEndOfWrapping) || - (textAlign === 'justify-right' && !isEndOfWrapping) || - (textAlign === 'justify-left' && !isEndOfWrapping) - ) { - return 0; - } - if (textAlign === 'center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'right') { - leftOffset = lineDiff; - } - if (textAlign === 'justify-center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'justify-right') { - leftOffset = lineDiff; - } - if (direction === 'rtl') { - if ( - textAlign === 'right' || - textAlign === 'justify' || - textAlign === 'justify-right' - ) { - leftOffset = 0; - } else if (textAlign === 'left' || textAlign === 'justify-left') { - leftOffset = -lineDiff; - } else if (textAlign === 'center' || textAlign === 'justify-center') { - leftOffset = -lineDiff / 2; - } - } - return leftOffset; - }, - - /** - * @private - */ - _clearCache: function () { - this.__lineWidths = []; - this.__lineHeights = []; - this.__charBounds = []; - }, - - /** - * @private - */ - _shouldClearDimensionCache: function () { - var shouldClear = this._forceClearCache; - shouldClear || - (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); - if (shouldClear) { - this.dirty = true; - this._forceClearCache = false; - } - return shouldClear; - }, - - /** - * Measure a single line given its index. Used to calculate the initial - * text bounding box. The values are calculated and stored in __lineWidths cache. - * @private - * @param {Number} lineIndex line number - * @return {Number} Line width - */ - getLineWidth: function (lineIndex) { - if (this.__lineWidths[lineIndex] !== undefined) { - return this.__lineWidths[lineIndex]; - } + /** + * Measure a single line given its index. Used to calculate the initial + * text bounding box. The values are calculated and stored in __lineWidths cache. + * @private + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + getLineWidth(lineIndex) { + if (this.__lineWidths[lineIndex] !== undefined) { + return this.__lineWidths[lineIndex]; + } - var lineInfo = this.measureLine(lineIndex); - var width = lineInfo.width; - this.__lineWidths[lineIndex] = width; - return width; - }, + var lineInfo = this.measureLine(lineIndex); + var width = lineInfo.width; + this.__lineWidths[lineIndex] = width; + return width; + } - _getWidthOfCharSpacing: function () { - if (this.charSpacing !== 0) { - return (this.fontSize * this.charSpacing) / 1000; - } - return 0; - }, - - /** - * Retrieves the value of property at given character position - * @param {Number} lineIndex the line number - * @param {Number} charIndex the character number - * @param {String} property the property name - * @returns the value of 'property' - */ - getValueOfPropertyAt: function (lineIndex, charIndex, property) { - var charStyle = this._getStyleDeclaration(lineIndex, charIndex); - if (charStyle && typeof charStyle[property] !== 'undefined') { - return charStyle[property]; - } - return this[property]; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextDecoration: function (ctx, type) { - if (!this[type] && !this.styleHas(type)) { - return; - } - var heightOfLine, - size, - _size, - lineLeftOffset, - dy, - _dy, - line, - lastDecoration, - leftOffset = this._getLeftOffset(), - topOffset = this._getTopOffset(), - top, - boxStart, - boxWidth, - charBox, - currentDecoration, - maxHeight, - currentFill, - lastFill, - path = this.path, - charSpacing = this._getWidthOfCharSpacing(), - offsetY = this.offsets[type]; - - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this[type] && !this.styleHas(type, i)) { - topOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - maxHeight = heightOfLine / this.lineHeight; - lineLeftOffset = this._getLineLeftOffset(i); - boxStart = 0; - boxWidth = 0; - lastDecoration = this.getValueOfPropertyAt(i, 0, type); - lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); - top = topOffset + maxHeight * (1 - this._fontSizeFraction); - size = this.getHeightOfChar(i, 0); - dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentDecoration = this.getValueOfPropertyAt(i, j, type); - currentFill = this.getValueOfPropertyAt(i, j, 'fill'); - _size = this.getHeightOfChar(i, j); - _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); - if (path && currentDecoration && currentFill) { - ctx.save(); - ctx.fillStyle = lastFill; - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillRect( - -charBox.kernedWidth / 2, - offsetY * _size + _dy, - charBox.kernedWidth, - this.fontSize / 15 - ); - ctx.restore(); - } else if ( - (currentDecoration !== lastDecoration || - currentFill !== lastFill || - _size !== size || - _dy !== dy) && - boxWidth > 0 - ) { - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - if (lastDecoration && lastFill) { - ctx.fillStyle = lastFill; - ctx.fillRect( - drawStart, - top + offsetY * size + dy, - boxWidth, - this.fontSize / 15 - ); - } - boxStart = charBox.left; - boxWidth = charBox.width; - lastDecoration = currentDecoration; - lastFill = currentFill; - size = _size; - dy = _dy; - } else { - boxWidth += charBox.kernedWidth; - } - } + _getWidthOfCharSpacing() { + if (this.charSpacing !== 0) { + return (this.fontSize * this.charSpacing) / 1000; + } + return 0; + } + + /** + * Retrieves the value of property at given character position + * @param {Number} lineIndex the line number + * @param {Number} charIndex the character number + * @param {String} property the property name + * @returns the value of 'property' + */ + getValueOfPropertyAt(lineIndex, charIndex, property) { + var charStyle = this._getStyleDeclaration(lineIndex, charIndex); + if (charStyle && typeof charStyle[property] !== 'undefined') { + return charStyle[property]; + } + return this[property]; + } + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextDecoration(ctx, type) { + if (!this[type] && !this.styleHas(type)) { + return; + } + var heightOfLine, + size, + _size, + lineLeftOffset, + dy, + _dy, + line, + lastDecoration, + leftOffset = this._getLeftOffset(), + topOffset = this._getTopOffset(), + top, + boxStart, + boxWidth, + charBox, + currentDecoration, + maxHeight, + currentFill, + lastFill, + path = this.path, + charSpacing = this._getWidthOfCharSpacing(), + offsetY = this.offsets[type]; + + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this[type] && !this.styleHas(type, i)) { + topOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + maxHeight = heightOfLine / this.lineHeight; + lineLeftOffset = this._getLineLeftOffset(i); + boxStart = 0; + boxWidth = 0; + lastDecoration = this.getValueOfPropertyAt(i, 0, type); + lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); + top = topOffset + maxHeight * (1 - this._fontSizeFraction); + size = this.getHeightOfChar(i, 0); + dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentDecoration = this.getValueOfPropertyAt(i, j, type); + currentFill = this.getValueOfPropertyAt(i, j, 'fill'); + _size = this.getHeightOfChar(i, j); + _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); + if (path && currentDecoration && currentFill) { + ctx.save(); + ctx.fillStyle = lastFill; + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillRect( + -charBox.kernedWidth / 2, + offsetY * _size + _dy, + charBox.kernedWidth, + this.fontSize / 15 + ); + ctx.restore(); + } else if ( + (currentDecoration !== lastDecoration || + currentFill !== lastFill || + _size !== size || + _dy !== dy) && + boxWidth > 0 + ) { var drawStart = leftOffset + lineLeftOffset + boxStart; if (this.direction === 'rtl') { drawStart = this.width - drawStart - boxWidth; } - ctx.fillStyle = currentFill; - currentDecoration && - currentFill && + if (lastDecoration && lastFill) { + ctx.fillStyle = lastFill; ctx.fillRect( drawStart, top + offsetY * size + dy, - boxWidth - charSpacing, + boxWidth, this.fontSize / 15 ); - topOffset += heightOfLine; - } - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - - /** - * return font declaration string for canvas context - * @param {Object} [styleObject] object - * @returns {String} font declaration formatted for canvas context. - */ - _getFontDeclaration: function (styleObject, forMeasuring) { - var style = styleObject || this, - family = this.fontFamily, - fontIsGeneric = - fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1; - var fontFamily = - family === undefined || - family.indexOf("'") > -1 || - family.indexOf(',') > -1 || - family.indexOf('"') > -1 || - fontIsGeneric - ? style.fontFamily - : '"' + style.fontFamily + '"'; - return [ - // node-canvas needs "weight style", while browsers need "style weight" - // verify if this can be fixed in JSDOM - fabric.isLikelyNode ? style.fontWeight : style.fontStyle, - fabric.isLikelyNode ? style.fontStyle : style.fontWeight, - forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', - fontFamily, - ].join(' '); - }, - - /** - * Renders text instance on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function (ctx) { - // do not render if object is not visible - if (!this.visible) { - return; - } - if ( - this.canvas && - this.canvas.skipOffscreen && - !this.group && - !this.isOnScreen() - ) { - return; - } - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - } - this.callSuper('render', ctx); - }, - - /** - * Override this method to customize grapheme splitting - * @param {string} value - * @returns {string[]} array of graphemes - */ - graphemeSplit: function (value) { - return fabric.util.string.graphemeSplit(value); - }, - - /** - * Returns the text as an array of lines. - * @param {String} text text to split - * @returns {Array} Lines in the text - */ - _splitTextIntoLines: function (text) { - var lines = text.split(this._reNewline), - newLines = new Array(lines.length), - newLine = ['\n'], - newText = []; - for (var i = 0; i < lines.length; i++) { - newLines[i] = this.graphemeSplit(lines[i]); - newText = newText.concat(newLines[i], newLine); - } - newText.pop(); - return { - _unwrappedLines: newLines, - lines: lines, - graphemeText: newText, - graphemeLines: newLines, - }; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function (propertiesToInclude) { - var allProperties = additionalProps.concat(propertiesToInclude); - var obj = this.callSuper('toObject', allProperties); - obj.styles = fabric.util.stylesToArray(this.styles, this.text); - if (obj.path) { - obj.path = this.path.toObject(); - } - return obj; - }, - - /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg - * @chainable - */ - set: function (key, value) { - this.callSuper('set', key, value); - var needsDims = false; - var isAddingPath = false; - if (typeof key === 'object') { - for (var _key in key) { - if (_key === 'path') { - this.setPathInfo(); - } - needsDims = - needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; - isAddingPath = isAddingPath || _key === 'path'; } + boxStart = charBox.left; + boxWidth = charBox.width; + lastDecoration = currentDecoration; + lastFill = currentFill; + size = _size; + dy = _dy; } else { - needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; - isAddingPath = key === 'path'; + boxWidth += charBox.kernedWidth; } - if (isAddingPath) { + } + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentFill; + currentDecoration && + currentFill && + ctx.fillRect( + drawStart, + top + offsetY * size + dy, + boxWidth - charSpacing, + this.fontSize / 15 + ); + topOffset += heightOfLine; + } + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + } + + /** + * return font declaration string for canvas context + * @param {Object} [styleObject] object + * @returns {String} font declaration formatted for canvas context. + */ + _getFontDeclaration(styleObject, forMeasuring) { + var style = styleObject || this, + family = this.fontFamily, + fontIsGeneric = Text.genericFonts.indexOf(family.toLowerCase()) > -1; + var fontFamily = + family === undefined || + family.indexOf("'") > -1 || + family.indexOf(',') > -1 || + family.indexOf('"') > -1 || + fontIsGeneric + ? style.fontFamily + : '"' + style.fontFamily + '"'; + return [ + // node-canvas needs "weight style", while browsers need "style weight" + // verify if this can be fixed in JSDOM + fabric.isLikelyNode ? style.fontWeight : style.fontStyle, + fabric.isLikelyNode ? style.fontStyle : style.fontWeight, + forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', + fontFamily, + ].join(' '); + } + + /** + * Renders text instance on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render(ctx) { + if (!this.visible) { + return; + } + if ( + this.canvas && + this.canvas.skipOffscreen && + !this.group && + !this.isOnScreen() + ) { + return; + } + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + } + super.render(ctx); + } + + /** + * Override this method to customize grapheme splitting + * @param {string} value + * @returns {string[]} array of graphemes + */ + graphemeSplit(value) { + return string.graphemeSplit(value); + } + + /** + * Returns the text as an array of lines. + * @param {String} text text to split + * @returns {Array} Lines in the text + */ + _splitTextIntoLines(text) { + var lines = text.split(this._reNewline), + newLines = new Array(lines.length), + newLine = ['\n'], + newText = []; + for (var i = 0; i < lines.length; i++) { + newLines[i] = this.graphemeSplit(lines[i]); + newText = newText.concat(newLines[i], newLine); + } + newText.pop(); + return { + _unwrappedLines: newLines, + lines: lines, + graphemeText: newText, + graphemeLines: newLines, + }; + } + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject(propertiesToInclude) { + var allProperties = additionalProps.concat(propertiesToInclude); + var obj = super.toObject(allProperties); + obj.styles = stylesToArray(this.styles, this.text); + if (obj.path) { + obj.path = this.path.toObject(); + } + return obj; + } + + /** + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {FabricObject} thisArg + * @chainable + */ + set(key, value) { + super.set(key, value); + var needsDims = false; + var isAddingPath = false; + if (typeof key === 'object') { + for (var _key in key) { + if (_key === 'path') { this.setPathInfo(); } - if (needsDims) { - this.initDimensions(); - this.setCoords(); - } - return this; - }, - - /** - * Returns complexity of an instance - * @return {Number} complexity - */ - complexity: function () { - return 1; - }, + needsDims = + needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; + isAddingPath = isAddingPath || _key === 'path'; + } + } else { + needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; + isAddingPath = key === 'path'; } - ); + if (isAddingPath) { + this.setPathInfo(); + } + if (needsDims) { + this.initDimensions(); + this.setCoords(); + } + return this; + } + + /** + * Returns complexity of an instance + * @return {Number} complexity + */ + complexity() { + return 1; + } - /* _FROM_SVG_START_ */ /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement}) + * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement}) * @static - * @memberOf fabric.Text + * @memberOf Text * @see: http://www.w3.org/TR/SVG/text.html#TextElement */ - fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat( + static ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat( 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split( ' ' ) ); + static genericFonts = [ + 'sans-serif', + 'serif', + 'cursive', + 'fantasy', + 'monospace', + ]; + /** - * Returns fabric.Text instance from an SVG element (not yet implemented) + * Returns Text instance from an SVG element (not yet implemented) * @static - * @memberOf fabric.Text + * @memberOf Text * @param {SVGElement} element Element to parse * @param {Function} callback callback function invoked after parsing * @param {Object} [options] Options object */ - fabric.Text.fromElement = function (element, callback, options) { + static fromElement(element, callback, options) { if (!element) { return callback(null); } var parsedAttributes = fabric.parseAttributes( element, - fabric.Text.ATTRIBUTE_NAMES + Text.ATTRIBUTE_NAMES ), parsedAnchor = parsedAttributes.textAnchor || 'left'; options = Object.assign({}, options, parsedAttributes); @@ -1858,7 +1760,7 @@ import { DEFAULT_SVG_FONT_SIZE } from '../constants'; var originalStrokeWidth = options.strokeWidth; options.strokeWidth = 0; - var text = new fabric.Text(textContent, options), + var text = new Text(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, @@ -1886,30 +1788,109 @@ import { DEFAULT_SVG_FONT_SIZE } from '../constants'; typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, }); callback(text); - }; - /* _FROM_SVG_END_ */ + } /** - * Returns fabric.Text instance from an object representation + * Returns Text instance from an object representation * @static - * @memberOf fabric.Text + * @memberOf Text * @param {Object} object plain js Object to create an instance from - * @returns {Promise} + * @returns {Promise} */ - fabric.Text.fromObject = function (object) { - var styles = fabric.util.stylesFromArray(object.styles, object.text); + static fromObject(object) { + var styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation var objCopy = Object.assign({}, object, { styles: styles }); - return fabric.Object._fromObject(fabric.Text, objCopy, { + return FabricObject._fromObject(Text, objCopy, { extraParam: 'text', }); - }; - - fabric.Text.genericFonts = [ - 'sans-serif', - 'serif', - 'cursive', - 'fantasy', - 'monospace', - ]; -})(typeof exports !== 'undefined' ? exports : window); + } +} + +export const textDefaultValues: Partial> = { + _dimensionAffectingProps: [ + 'fontSize', + 'fontWeight', + 'fontFamily', + 'fontStyle', + 'lineHeight', + 'text', + 'charSpacing', + 'textAlign', + 'styles', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign', + ], + _reNewline: /\r?\n/, + _reSpacesAndTabs: /[ \t\r]/g, + _reSpaceAndTab: /[ \t\r]/, + _reWords: /\S+/g, + type: 'text', + fontSize: 40, + fontWeight: 'normal', + fontFamily: 'Times New Roman', + underline: false, + overline: false, + linethrough: false, + textAlign: 'left', + fontStyle: 'normal', + lineHeight: 1.16, + superscript: { + size: 0.6, // fontSize factor + baseline: -0.35, // baseline-shift factor (upwards) + }, + subscript: { + size: 0.6, // fontSize factor + baseline: 0.11, // baseline-shift factor (downwards) + }, + textBackgroundColor: '', + stateProperties: + FabricObject.prototype.stateProperties.concat(additionalProps), + cacheProperties: + FabricObject.prototype.cacheProperties.concat(additionalProps), + stroke: null, + shadow: null, + path: null, + pathStartOffset: 0, + pathSide: 'left', + pathAlign: 'baseline', + _fontSizeFraction: 0.222, + offsets: { + underline: 0.1, + linethrough: -0.315, + overline: -0.88, + }, + _fontSizeMult: 1.13, + charSpacing: 0, + styles: null, + _measuringContext: null, + deltaY: 0, + direction: 'ltr', + _styleProperties: [ + 'stroke', + 'strokeWidth', + 'fill', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'fontStyle', + 'underline', + 'overline', + 'linethrough', + 'deltaY', + 'textBackgroundColor', + ], + __charBounds: [], + CACHE_FONT_SIZE: 400, + MIN_TEXT_WIDTH: 2, +}; + +Object.assign(Text.prototype, textDefaultValues); + +/* _FROM_SVG_START_ */ + +/* _FROM_SVG_END_ */ + +Text.genericFonts = ['sans-serif', 'serif', 'cursive', 'fantasy', 'monospace']; diff --git a/src/shapes/textbox.class.ts b/src/shapes/textbox.class.ts index d529b363242..44bb1ec85c6 100644 --- a/src/shapes/textbox.class.ts +++ b/src/shapes/textbox.class.ts @@ -1,514 +1,522 @@ //@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}); +var fabric = global.fabric || (global.fabric = {}); + +/** + * Textbox class, based on IText, allows the user to resize the text rectangle + * and wraps lines automatically. Textboxes have their Y scaling locked, the + * user can only change width. Height is adjusted automatically based on the + * wrapping of lines. + * @class Textbox + * @extends fabric.IText + * @return {Textbox} thisArg + * @see {@link Textbox#initialize} for constructor definition + */ +export class Textbox extends fabric.IText { + /** + * Type of an object + * @type String + * @default + */ + type: string; /** - * Textbox class, based on IText, allows the user to resize the text rectangle - * and wraps lines automatically. Textboxes have their Y scaling locked, the - * user can only change width. Height is adjusted automatically based on the - * wrapping of lines. - * @class fabric.Textbox - * @extends fabric.IText - * @return {fabric.Textbox} thisArg - * @see {@link fabric.Textbox#initialize} for constructor definition + * Minimum width of textbox, in pixels. + * @type Number + * @default */ - fabric.Textbox = fabric.util.createClass(fabric.IText, { - /** - * Type of an object - * @type String - * @default - */ - type: 'textbox', - - /** - * Minimum width of textbox, in pixels. - * @type Number - * @default - */ - minWidth: 20, - - /** - * Minimum calculated width of a textbox, in pixels. - * fixed to 2 so that an empty textbox cannot go to 0 - * and is still selectable without text. - * @type Number - * @default - */ - dynamicMinWidth: 2, - - /** - * Cached array of text wrapping. - * @type Array - */ - __cachedLines: null, - - /** - * Override standard Object class values - */ - lockScalingFlip: true, - - /** - * Override standard Object class values - * Textbox needs this on false - */ - noScaleCache: false, - - /** - * Properties which when set cause object to change dimensions - * @type Object - * @private - */ - _dimensionAffectingProps: - fabric.Text.prototype._dimensionAffectingProps.concat('width'), - - /** - * Use this regular expression to split strings in breakable lines - * @private - */ - _wordJoiners: /[ \t\r]/, - - /** - * Use this boolean property in order to split strings that have no white space concept. - * this is a cheap way to help with chinese/japanese - * @type Boolean - * @since 2.6.0 - */ - splitByGrapheme: false, - - /** - * Unlike superclass's version of this function, Textbox does not update - * its width. - * @private - * @override - */ - initDimensions: function () { - if (this.__skipDimension) { - return; - } - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this._clearCache(); - // clear dynamicMinWidth as it will be different after we re-wrap line - this.dynamicMinWidth = 0; - // wrap lines - this._styleMap = this._generateStyleMap(this._splitText()); - // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap - if (this.dynamicMinWidth > this.width) { - this._set('width', this.dynamicMinWidth); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - // clear cache and re-calculate height - this.height = this.calcTextHeight(); - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, - - /** - * Generate an object that translates the style object so that it is - * broken up by visual lines (new lines and automatic wrapping). - * The original text styles object is broken up by actual lines (new lines only), - * which is only sufficient for Text / IText - * @private - */ - _generateStyleMap: function (textInfo) { - var realLineCount = 0, - realLineCharCount = 0, - charCount = 0, - map = {}; - - for (var i = 0; i < textInfo.graphemeLines.length; i++) { - if (textInfo.graphemeText[charCount] === '\n' && i > 0) { - realLineCharCount = 0; - charCount++; - realLineCount++; - } else if ( - !this.splitByGrapheme && - this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && - i > 0 - ) { - // this case deals with space's that are removed from end of lines when wrapping - realLineCharCount++; - charCount++; - } + minWidth: number; - map[i] = { line: realLineCount, offset: realLineCharCount }; + /** + * Minimum calculated width of a textbox, in pixels. + * fixed to 2 so that an empty textbox cannot go to 0 + * and is still selectable without text. + * @type Number + * @default + */ + dynamicMinWidth: number; - charCount += textInfo.graphemeLines[i].length; - realLineCharCount += textInfo.graphemeLines[i].length; - } + /** + * Cached array of text wrapping. + * @type Array + */ + __cachedLines; - return map; - }, - - /** - * Returns true if object has a style property or has it on a specified line - * @param {Number} lineIndex - * @return {Boolean} - */ - styleHas: function (property, lineIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (map) { - lineIndex = map.line; - } - } - return fabric.Text.prototype.styleHas.call(this, property, lineIndex); - }, - - /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} - */ - isEmptyStyles: function (lineIndex) { - if (!this.styles) { - return true; + /** + * Override standard Object class values + */ + lockScalingFlip: boolean; + + /** + * Override standard Object class values + * Textbox needs this on false + */ + noScaleCache: boolean; + + /** + * Properties which when set cause object to change dimensions + * @type Object + * @private + */ + _dimensionAffectingProps; + + /** + * Use this regular expression to split strings in breakable lines + * @private + */ + _wordJoiners; + + /** + * Use this boolean property in order to split strings that have no white space concept. + * this is a cheap way to help with chinese/japanese + * @type Boolean + * @since 2.6.0 + */ + splitByGrapheme: boolean; + + /** + * Unlike superclass's version of this function, Textbox does not update + * its width. + * @private + * @override + */ + initDimensions() { + if (this.__skipDimension) { + return; + } + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this._clearCache(); + // clear dynamicMinWidth as it will be different after we re-wrap line + this.dynamicMinWidth = 0; + // wrap lines + this._styleMap = this._generateStyleMap(this._splitText()); + // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap + if (this.dynamicMinWidth > this.width) { + this._set('width', this.dynamicMinWidth); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + // clear cache and re-calculate height + this.height = this.calcTextHeight(); + this.saveState({ propertySet: '_dimensionAffectingProps' }); + } + + /** + * Generate an object that translates the style object so that it is + * broken up by visual lines (new lines and automatic wrapping). + * The original text styles object is broken up by actual lines (new lines only), + * which is only sufficient for Text / IText + * @private + */ + _generateStyleMap(textInfo) { + var realLineCount = 0, + realLineCharCount = 0, + charCount = 0, + map = {}; + + for (var i = 0; i < textInfo.graphemeLines.length; i++) { + if (textInfo.graphemeText[charCount] === '\n' && i > 0) { + realLineCharCount = 0; + charCount++; + realLineCount++; + } else if ( + !this.splitByGrapheme && + this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && + i > 0 + ) { + // this case deals with space's that are removed from end of lines when wrapping + realLineCharCount++; + charCount++; } - var offset = 0, - nextLineIndex = lineIndex + 1, - nextOffset, - obj, - shouldLimit = false, - map = this._styleMap[lineIndex], - mapNextLine = this._styleMap[lineIndex + 1]; + + map[i] = { line: realLineCount, offset: realLineCharCount }; + + charCount += textInfo.graphemeLines[i].length; + realLineCharCount += textInfo.graphemeLines[i].length; + } + + return map; + } + + /** + * Returns true if object has a style property or has it on a specified line + * @param {Number} lineIndex + * @return {Boolean} + */ + styleHas(property, lineIndex) { + if (this._styleMap && !this.isWrapping) { + var map = this._styleMap[lineIndex]; if (map) { lineIndex = map.line; - offset = map.offset; - } - if (mapNextLine) { - nextLineIndex = mapNextLine.line; - shouldLimit = nextLineIndex === lineIndex; - nextOffset = mapNextLine.offset; - } - obj = - typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } - } - } } + } + return fabric.Text.prototype.styleHas.call(this, property, lineIndex); + } + + /** + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} + */ + isEmptyStyles(lineIndex) { + if (!this.styles) { return true; - }, - - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _getStyleDeclaration: function (lineIndex, charIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (!map) { - return null; + } + var offset = 0, + nextLineIndex = lineIndex + 1, + nextOffset, + obj, + shouldLimit = false, + map = this._styleMap[lineIndex], + mapNextLine = this._styleMap[lineIndex + 1]; + if (map) { + lineIndex = map.line; + offset = map.offset; + } + if (mapNextLine) { + nextLineIndex = mapNextLine.line; + shouldLimit = nextLineIndex === lineIndex; + nextOffset = mapNextLine.offset; + } + obj = + typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; + } } - lineIndex = map.line; - charIndex = map.offset + charIndex; } - return this.callSuper('_getStyleDeclaration', lineIndex, charIndex); - }, - - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private - */ - _setStyleDeclaration: function (lineIndex, charIndex, style) { + } + return true; + } + + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _getStyleDeclaration(lineIndex, charIndex) { + if (this._styleMap && !this.isWrapping) { var map = this._styleMap[lineIndex]; + if (!map) { + return null; + } lineIndex = map.line; charIndex = map.offset + charIndex; + } + return super._getStyleDeclaration(lineIndex, charIndex); + } - this.styles[lineIndex][charIndex] = style; - }, + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration(lineIndex, charIndex, style) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _deleteStyleDeclaration: function (lineIndex, charIndex) { - var map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - delete this.styles[lineIndex][charIndex]; - }, - - /** - * probably broken need a fix - * Returns the real style line that correspond to the wrapped lineIndex line - * Used just to verify if the line does exist or not. - * @param {Number} lineIndex - * @returns {Boolean} if the line exists or not - * @private - */ - _getLineStyle: function (lineIndex) { - var map = this._styleMap[lineIndex]; - return !!this.styles[map.line]; - }, - - /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @param {Object} style - * @private - */ - _setLineStyle: function (lineIndex) { - var map = this._styleMap[lineIndex]; - this.styles[map.line] = {}; - }, - - /** - * Wraps text using the 'width' property of Textbox. First this function - * splits text on newlines, so we preserve newlines entered by the user. - * Then it wraps each line using the width of the Textbox by calling - * _wrapLine(). - * @param {Array} lines The string array of text that is split into lines - * @param {Number} desiredWidth width you want to wrap to - * @returns {Array} Array of lines - */ - _wrapText: function (lines, desiredWidth) { - var wrapped = [], - i; - this.isWrapping = true; - for (i = 0; i < lines.length; i++) { - wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth)); - } - this.isWrapping = false; - return wrapped; - }, - - /** - * Helper function to measure a string of text, given its lineIndex and charIndex offset - * It gets called when charBounds are not available yet. - * Override if necessary - * Use with {@link fabric.Textbox#wordSplit} - * - * @param {CanvasRenderingContext2D} ctx - * @param {String} text - * @param {number} lineIndex - * @param {number} charOffset - * @returns {number} - */ - _measureWord: function (word, lineIndex, charOffset) { - var width = 0, + this.styles[lineIndex][charIndex] = style; + } + + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration(lineIndex, charIndex) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + delete this.styles[lineIndex][charIndex]; + } + + /** + * probably broken need a fix + * Returns the real style line that correspond to the wrapped lineIndex line + * Used just to verify if the line does exist or not. + * @param {Number} lineIndex + * @returns {Boolean} if the line exists or not + * @private + */ + _getLineStyle(lineIndex) { + var map = this._styleMap[lineIndex]; + return !!this.styles[map.line]; + } + + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @param {Object} style + * @private + */ + _setLineStyle(lineIndex) { + var map = this._styleMap[lineIndex]; + this.styles[map.line] = {}; + } + + /** + * Wraps text using the 'width' property of Textbox. First this function + * splits text on newlines, so we preserve newlines entered by the user. + * Then it wraps each line using the width of the Textbox by calling + * _wrapLine(). + * @param {Array} lines The string array of text that is split into lines + * @param {Number} desiredWidth width you want to wrap to + * @returns {Array} Array of lines + */ + _wrapText(lines, desiredWidth) { + var wrapped = [], + i; + this.isWrapping = true; + for (i = 0; i < lines.length; i++) { + wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth)); + } + this.isWrapping = false; + return wrapped; + } + + /** + * Helper function to measure a string of text, given its lineIndex and charIndex offset + * It gets called when charBounds are not available yet. + * Override if necessary + * Use with {@link Textbox#wordSplit} + * + * @param {CanvasRenderingContext2D} ctx + * @param {String} text + * @param {number} lineIndex + * @param {number} charOffset + * @returns {number} + */ + _measureWord(word, lineIndex, charOffset) { + var width = 0, + prevGrapheme, + skipLeft = true; + charOffset = charOffset || 0; + for (var i = 0, len = word.length; i < len; i++) { + var box = this._getGraphemeBox( + word[i], + lineIndex, + i + charOffset, prevGrapheme, - skipLeft = true; - charOffset = charOffset || 0; - for (var i = 0, len = word.length; i < len; i++) { - var box = this._getGraphemeBox( - word[i], - lineIndex, - i + charOffset, - prevGrapheme, - skipLeft - ); - width += box.kernedWidth; - prevGrapheme = word[i]; - } - return width; - }, - - /** - * Override this method to customize word splitting - * Use with {@link fabric.Textbox#_measureWord} - * @param {string} value - * @returns {string[]} array of words - */ - wordSplit: function (value) { - return value.split(this._wordJoiners); - }, - - /** - * Wraps a line of text using the width of the Textbox and a context. - * @param {Array} line The grapheme array that represent the line - * @param {Number} lineIndex - * @param {Number} desiredWidth width you want to wrap the line to - * @param {Number} reservedSpace space to remove from wrapping for custom functionalities - * @returns {Array} Array of line(s) into which the given text is wrapped - * to. - */ - _wrapLine: function (_line, lineIndex, desiredWidth, reservedSpace) { - var lineWidth = 0, - splitByGrapheme = this.splitByGrapheme, - graphemeLines = [], - line = [], - // spaces in different languages? - words = splitByGrapheme - ? this.graphemeSplit(_line) - : this.wordSplit(_line), - word = '', - offset = 0, - infix = splitByGrapheme ? '' : ' ', - wordWidth = 0, - infixWidth = 0, - largestWordWidth = 0, - lineJustStarted = true, - additionalSpace = this._getWidthOfCharSpacing(), - reservedSpace = reservedSpace || 0; - // fix a difference between split and graphemeSplit - if (words.length === 0) { - words.push([]); - } - desiredWidth -= reservedSpace; - // measure words - var data = words.map( - function (word) { - // if using splitByGrapheme words are already in graphemes. - word = splitByGrapheme ? word : this.graphemeSplit(word); - var width = this._measureWord(word, lineIndex, offset); - largestWordWidth = Math.max(width, largestWordWidth); - offset += word.length + 1; - return { word: word, width: width }; - }.bind(this) + skipLeft ); - var maxWidth = Math.max( - desiredWidth, - largestWordWidth, - this.dynamicMinWidth - ); - // layout words - offset = 0; - for (var i = 0; i < words.length; i++) { - word = data[i].word; - wordWidth = data[i].width; - offset += word.length; - - lineWidth += infixWidth + wordWidth - additionalSpace; - if (lineWidth > maxWidth && !lineJustStarted) { - graphemeLines.push(line); - line = []; - lineWidth = wordWidth; - lineJustStarted = true; - } else { - lineWidth += additionalSpace; - } + width += box.kernedWidth; + prevGrapheme = word[i]; + } + return width; + } - if (!lineJustStarted && !splitByGrapheme) { - line.push(infix); - } - line = line.concat(word); + /** + * Override this method to customize word splitting + * Use with {@link Textbox#_measureWord} + * @param {string} value + * @returns {string[]} array of words + */ + wordSplit(value) { + return value.split(this._wordJoiners); + } - infixWidth = splitByGrapheme - ? 0 - : this._measureWord([infix], lineIndex, offset); - offset++; - lineJustStarted = false; + /** + * Wraps a line of text using the width of the Textbox and a context. + * @param {Array} line The grapheme array that represent the line + * @param {Number} lineIndex + * @param {Number} desiredWidth width you want to wrap the line to + * @param {Number} reservedSpace space to remove from wrapping for custom functionalities + * @returns {Array} Array of line(s) into which the given text is wrapped + * to. + */ + _wrapLine(_line, lineIndex, desiredWidth, reservedSpace) { + var lineWidth = 0, + splitByGrapheme = this.splitByGrapheme, + graphemeLines = [], + line = [], + // spaces in different languages? + words = splitByGrapheme + ? this.graphemeSplit(_line) + : this.wordSplit(_line), + word = '', + offset = 0, + infix = splitByGrapheme ? '' : ' ', + wordWidth = 0, + infixWidth = 0, + largestWordWidth = 0, + lineJustStarted = true, + additionalSpace = this._getWidthOfCharSpacing(), + reservedSpace = reservedSpace || 0; + // fix a difference between split and graphemeSplit + if (words.length === 0) { + words.push([]); + } + desiredWidth -= reservedSpace; + // measure words + var data = words.map( + function (word) { + // if using splitByGrapheme words are already in graphemes. + word = splitByGrapheme ? word : this.graphemeSplit(word); + var width = this._measureWord(word, lineIndex, offset); + largestWordWidth = Math.max(width, largestWordWidth); + offset += word.length + 1; + return { word: word, width: width }; + }.bind(this) + ); + var maxWidth = Math.max( + desiredWidth, + largestWordWidth, + this.dynamicMinWidth + ); + // layout words + offset = 0; + for (var i = 0; i < words.length; i++) { + word = data[i].word; + wordWidth = data[i].width; + offset += word.length; + + lineWidth += infixWidth + wordWidth - additionalSpace; + if (lineWidth > maxWidth && !lineJustStarted) { + graphemeLines.push(line); + line = []; + lineWidth = wordWidth; + lineJustStarted = true; + } else { + lineWidth += additionalSpace; } - i && graphemeLines.push(line); - - if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { - this.dynamicMinWidth = - largestWordWidth - additionalSpace + reservedSpace; - } - return graphemeLines; - }, - - /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @param {Number} lineIndex text to split - * @return {Boolean} - */ - isEndOfWrapping: function (lineIndex) { - if (!this._styleMap[lineIndex + 1]) { - // is last line, return true; - return true; - } - if ( - this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line - ) { - // this is last line before a line break, return true; - return true; - } - return false; - }, - - /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * @return Number - */ - missingNewlineOffset: function (lineIndex) { - if (this.splitByGrapheme) { - return this.isEndOfWrapping(lineIndex) ? 1 : 0; + if (!lineJustStarted && !splitByGrapheme) { + line.push(infix); } - return 1; - }, - - /** - * Gets lines of text to render in the Textbox. This function calculates - * text wrapping on the fly every time it is called. - * @param {String} text text to split - * @returns {Array} Array of lines in the Textbox. - * @override - */ - _splitTextIntoLines: function (text) { - var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), - graphemeLines = this._wrapText(newText.lines, this.width), - lines = new Array(graphemeLines.length); - for (var i = 0; i < graphemeLines.length; i++) { - lines[i] = graphemeLines[i].join(''); - } - newText.lines = lines; - newText.graphemeLines = graphemeLines; - return newText; - }, - - getMinWidth: function () { - return Math.max(this.minWidth, this.dynamicMinWidth); - }, - - _removeExtraneousStyles: function () { - var linesToKeep = {}; - for (var prop in this._styleMap) { - if (this._textLines[prop]) { - linesToKeep[this._styleMap[prop].line] = 1; - } + line = line.concat(word); + + infixWidth = splitByGrapheme + ? 0 + : this._measureWord([infix], lineIndex, offset); + offset++; + lineJustStarted = false; + } + + i && graphemeLines.push(line); + + if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { + this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; + } + return graphemeLines; + } + + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @param {Number} lineIndex text to split + * @return {Boolean} + */ + isEndOfWrapping(lineIndex) { + if (!this._styleMap[lineIndex + 1]) { + // is last line, return true; + return true; + } + if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { + // this is last line before a line break, return true; + return true; + } + return false; + } + + /** + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * @return Number + */ + missingNewlineOffset(lineIndex) { + if (this.splitByGrapheme) { + return this.isEndOfWrapping(lineIndex) ? 1 : 0; + } + return 1; + } + + /** + * Gets lines of text to render in the Textbox. This function calculates + * text wrapping on the fly every time it is called. + * @param {String} text text to split + * @returns {Array} Array of lines in the Textbox. + * @override + */ + _splitTextIntoLines(text) { + var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), + graphemeLines = this._wrapText(newText.lines, this.width), + lines = new Array(graphemeLines.length); + for (var i = 0; i < graphemeLines.length; i++) { + lines[i] = graphemeLines[i].join(''); + } + newText.lines = lines; + newText.graphemeLines = graphemeLines; + return newText; + } + + getMinWidth() { + return Math.max(this.minWidth, this.dynamicMinWidth); + } + + _removeExtraneousStyles() { + var linesToKeep = {}; + for (var prop in this._styleMap) { + if (this._textLines[prop]) { + linesToKeep[this._styleMap[prop].line] = 1; } - for (var prop in this.styles) { - if (!linesToKeep[prop]) { - delete this.styles[prop]; - } + } + for (var prop in this.styles) { + if (!linesToKeep[prop]) { + delete this.styles[prop]; } - }, - - /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - return this.callSuper( - 'toObject', - ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude) - ); - }, - }); + } + } + + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject(propertiesToInclude) { + return super.toObject( + ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude) + ); + } /** - * Returns fabric.Textbox instance from an object representation + * Returns Textbox instance from an object representation * @static - * @memberOf fabric.Textbox + * @memberOf Textbox * @param {Object} object Object to create an instance from - * @returns {Promise} + * @returns {Promise} */ - fabric.Textbox.fromObject = function (object) { - var styles = fabric.util.stylesFromArray(object.styles, object.text); + static fromObject(object) { + var styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation var objCopy = Object.assign({}, object, { styles: styles }); - return fabric.Object._fromObject(fabric.Textbox, objCopy, { + return FabricObject._fromObject(Textbox, objCopy, { extraParam: 'text', }); - }; -})(typeof exports !== 'undefined' ? exports : window); + } +} + +export const textboxDefaultValues: Partial> = { + type: 'textbox', + minWidth: 20, + dynamicMinWidth: 2, + __cachedLines: null, + lockScalingFlip: true, + noScaleCache: false, + _dimensionAffectingProps: + fabric.Text.prototype._dimensionAffectingProps.concat('width'), + _wordJoiners: /[ \t\r]/, + splitByGrapheme: false, +}; + +Object.assign(Textbox.prototype, textboxDefaultValues); From f13a32b9f8a8072acdb1abec4ab3b876f740b37d Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Tue, 1 Nov 2022 08:33:08 +0200 Subject: [PATCH 02/58] Update CHANGELOG.md --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9ec5e05feb9..1410b28d934 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,7 @@ ## [next] +- chore(TS): migrate text classes/mixins [#8408](https://github.com/fabricjs/fabric.js/pull/8408) - chore(TS): migrate Ellipse [#8408](https://github.com/fabricjs/fabric.js/pull/8408) - chore(TS): migrate Triangle to TS [#8410](https://github.com/fabricjs/fabric.js/pull/8410) - chore(TS): migrate Circle to TS [#8406](https://github.com/fabricjs/fabric.js/pull/8406) From 02ef9d72ff92abb44c262c7e5d7ac5342d1c8779 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Tue, 1 Nov 2022 08:42:56 +0200 Subject: [PATCH 03/58] annotate mixins --- src/mixins/itext.svg_export.ts | 10 +- src/mixins/itext_behavior.mixin.ts | 238 +++++++++++++---------- src/mixins/itext_click_behavior.mixin.ts | 12 +- src/mixins/itext_key_behavior.mixin.ts | 82 ++++---- src/mixins/text_style.mixin.ts | 36 ++-- 5 files changed, 202 insertions(+), 176 deletions(-) diff --git a/src/mixins/itext.svg_export.ts b/src/mixins/itext.svg_export.ts index 8f87a788e92..fd8a81a79ec 100644 --- a/src/mixins/itext.svg_export.ts +++ b/src/mixins/itext.svg_export.ts @@ -16,7 +16,7 @@ export function TextIMixinGenerator(Klass) { * @param {Function} [reviver] Method for further parsing of svg representation. * @return {String} svg representation of an instance */ - _toSVG() { + _toSVG(): string { var offsets = this._getSVGLeftTopOffsets(), textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); return this._wrapSVGTextAndBg(textAndBg); @@ -27,7 +27,7 @@ export function TextIMixinGenerator(Klass) { * @param {Function} [reviver] Method for further parsing of svg representation. * @return {String} svg representation of an instance */ - toSVG(reviver) { + toSVG(reviver: Function): string { return this._createBaseSVGMarkup(this._toSVG(), { reviver: reviver, noStyle: true, @@ -79,7 +79,7 @@ export function TextIMixinGenerator(Klass) { * @param {Number} textLeftOffset Text left offset * @return {Object} */ - _getSVGTextAndBg(textTopOffset, textLeftOffset) { + _getSVGTextAndBg(textTopOffset: number, textLeftOffset: number): object { var textSpans = [], textBgRects = [], height = textTopOffset, @@ -269,7 +269,7 @@ export function TextIMixinGenerator(Klass) { * @param {*} value * @return {String} */ - _getFillAttributes(value) { + _getFillAttributes(value: any): string { var fillColor = value && typeof value === 'string' ? new Color(value) : ''; if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { @@ -307,7 +307,7 @@ export function TextIMixinGenerator(Klass) { * @param {Boolean} skipShadow a boolean to skip shadow filter output * @return {String} */ - getSvgStyles(skipShadow) { + getSvgStyles(skipShadow: boolean): string { var svgStyle = FabricObject.prototype.getSvgStyles.call(this, skipShadow); return svgStyle + ' white-space: pre;'; } diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index c0c86ab14b4..fb1cdd71110 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1,11 +1,12 @@ //@ts-nocheck import { Point } from '../point.class'; +import { TEvent } from '../typedefs'; import { removeFromArray } from '../util/internals'; // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; -var fabric = global.fabric; +const fabric = global.fabric; export function ITextBehaviorMixinGenerator(Klass) { return class ITextBehaviorMixin extends Klass { @@ -39,10 +40,10 @@ export function ITextBehaviorMixinGenerator(Klass) { * Initializes "added" event handler */ initAddedHandler() { - var _this = this; + const _this = this; this.on('added', function (opt) { // make sure we listen to the canvas added event - var canvas = opt.target; + const canvas = opt.target; if (canvas) { if (!canvas._hasITextHandlers) { canvas._hasITextHandlers = true; @@ -55,10 +56,10 @@ export function ITextBehaviorMixinGenerator(Klass) { } initRemovedHandler() { - var _this = this; + const _this = this; this.on('removed', function (opt) { // make sure we listen to the canvas removed event - var canvas = opt.target; + const canvas = opt.target; if (canvas) { canvas._iTextInstances = canvas._iTextInstances || []; removeFromArray(canvas._iTextInstances, _this); @@ -109,7 +110,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * @private */ _animateCursor(obj, targetOpacity, duration, completeMethod) { - var tickState = { + const tickState = { isAborted: false, abort: function () { this.isAborted = true; @@ -140,7 +141,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * @private */ _onTickComplete() { - var _this = this; + const _this = this; if (this._cursorTimeout1) { clearTimeout(this._cursorTimeout1); @@ -159,7 +160,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * Initializes delayed cursor */ initDelayedCursor(restart) { - var _this = this, + const _this = this, delay = restart ? 0 : this.cursorDelay; this.abortCursorAnimation(); @@ -176,7 +177,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * Aborts cursor animation, clears all timeouts and clear textarea context if necessary */ abortCursorAnimation() { - var shouldClear = + const shouldClear = this._currentTickState || this._currentTickCompleteState; this._currentTickState && this._currentTickState.abort(); this._currentTickCompleteState && this._currentTickCompleteState.abort(); @@ -197,7 +198,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * @return {IText} thisArg * @chainable */ - selectAll() { + selectAll(): IText { this.selectionStart = 0; this.selectionEnd = this._text.length; this._fireSelectionChanged(); @@ -209,7 +210,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * Returns selected text * @return {String} */ - getSelectedText() { + getSelectedText(): string { return this._text.slice(this.selectionStart, this.selectionEnd).join(''); } @@ -218,8 +219,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findWordBoundaryLeft(startFrom) { - var offset = 0, + findWordBoundaryLeft(startFrom: number): number { + let offset = 0, index = startFrom - 1; // remove space before cursor first @@ -242,8 +243,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findWordBoundaryRight(startFrom) { - var offset = 0, + findWordBoundaryRight(startFrom: number): number { + let offset = 0, index = startFrom; // remove space after cursor first @@ -266,8 +267,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findLineBoundaryLeft(startFrom) { - var offset = 0, + findLineBoundaryLeft(startFrom: number): number { + let offset = 0, index = startFrom - 1; while (!/\n/.test(this._text[index]) && index > -1) { @@ -283,8 +284,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findLineBoundaryRight(startFrom) { - var offset = 0, + findLineBoundaryRight(startFrom: number): number { + let offset = 0, index = startFrom; while (!/\n/.test(this._text[index]) && index < this._text.length) { @@ -301,8 +302,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} direction 1 or -1 * @return {Number} Index of the beginning or end of a word */ - searchWordBoundary(selectionStart, direction) { - var text = this._text, + searchWordBoundary(selectionStart: number, direction: number): number { + let text = this._text, index = this._reSpace.test(text[selectionStart]) ? selectionStart - 1 : selectionStart, @@ -322,9 +323,9 @@ export function ITextBehaviorMixinGenerator(Klass) { * Selects a word based on the index * @param {Number} selectionStart Index of a character */ - selectWord(selectionStart) { + selectWord(selectionStart: number) { selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.searchWordBoundary( + const newSelectionStart = this.searchWordBoundary( selectionStart, -1 ) /* search backwards */, @@ -346,9 +347,9 @@ export function ITextBehaviorMixinGenerator(Klass) { * @return {IText} thisArg * @chainable */ - selectLine(selectionStart) { + selectLine(selectionStart: number): IText { selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.findLineBoundaryLeft(selectionStart), + const newSelectionStart = this.findLineBoundaryLeft(selectionStart), newSelectionEnd = this.findLineBoundaryRight(selectionStart); this.selectionStart = newSelectionStart; @@ -363,7 +364,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * @return {IText} thisArg * @chainable */ - enterEditing(e) { + enterEditing(e): IText { if (this.isEditing || !this.editable) { return; } @@ -424,7 +425,7 @@ export function ITextBehaviorMixinGenerator(Klass) { fabric.document.activeElement !== this.hiddenTextarea && this.hiddenTextarea.focus(); - var newSelectionStart = this.getSelectionStartFromPointer(options.e), + const newSelectionStart = this.getSelectionStartFromPointer(options.e), currentStart = this.selectionStart, currentEnd = this.selectionEnd; if ( @@ -462,27 +463,35 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {string} data.text * @param {string} data.value selected text */ - setDragImage(e, data) { - var t = this.calcTransformMatrix(); - var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - var boundaries = this._getCursorBoundaries(data.selectionStart); - var selectionPosition = new Point( + setDragImage( + e: DragEvent, + data: { + selectionStart: number; + selectionEnd: number; + text: string; + value: string; + } + ) { + const t = this.calcTransformMatrix(); + const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + const boundaries = this._getCursorBoundaries(data.selectionStart); + const selectionPosition = new Point( boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset ).multiply(flipFactor); - var pos = transformPoint(selectionPosition, t); - var pointer = this.canvas.getPointer(e); - var diff = pointer.subtract(pos); - var enableRetinaScaling = this.canvas._isRetinaScaling(); - var retinaScaling = this.canvas.getRetinaScaling(); - var bbox = this.getBoundingRect(true); - var correction = pos.subtract(new Point(bbox.left, bbox.top)); - var offset = correction.add(diff).scalarMultiply(retinaScaling); + const pos = transformPoint(selectionPosition, t); + const pointer = this.canvas.getPointer(e); + const diff = pointer.subtract(pos); + const enableRetinaScaling = this.canvas._isRetinaScaling(); + const retinaScaling = this.canvas.getRetinaScaling(); + const bbox = this.getBoundingRect(true); + const correction = pos.subtract(new Point(bbox.left, bbox.top)); + const offset = correction.add(diff).scalarMultiply(retinaScaling); // prepare instance for drag image snapshot by making all non selected text invisible - var bgc = this.backgroundColor; - var styles = object.clone(this.styles, true); + const bgc = this.backgroundColor; + const styles = object.clone(this.styles, true); delete this.backgroundColor; - var styleOverride = { + const styleOverride = { fill: 'transparent', textBackgroundColor: 'transparent', }; @@ -492,17 +501,17 @@ export function ITextBehaviorMixinGenerator(Klass) { data.selectionEnd, data.text.length ); - var dragImage = this.toCanvasElement({ + let dragImage = this.toCanvasElement({ enableRetinaScaling: enableRetinaScaling, }); this.backgroundColor = bgc; this.styles = styles; // handle retina scaling if (enableRetinaScaling && retinaScaling > 1) { - var c = createCanvasElement(); + const c = createCanvasElement(); c.width = dragImage.width / retinaScaling; c.height = dragImage.height / retinaScaling; - var ctx = c.getContext('2d'); + const ctx = c.getContext('2d'); ctx.scale(1 / retinaScaling, 1 / retinaScaling); ctx.drawImage(dragImage, 0, 0); dragImage = c; @@ -527,17 +536,20 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {DragEvent} e * @returns {boolean} should handle event */ - onDragStart(e) { + onDragStart(e: DragEvent): boolean { this.__dragStartFired = true; if (this.__isDragging) { - var selection = (this.__dragStartSelection = { + const selection = (this.__dragStartSelection = { selectionStart: this.selectionStart, selectionEnd: this.selectionEnd, }); - var value = this._text + const value = this._text .slice(selection.selectionStart, selection.selectionEnd) .join(''); - var data = Object.assign({ text: this.text, value: value }, selection); + const data = Object.assign( + { text: this.text, value: value }, + selection + ); e.dataTransfer.setData('text/plain', value); e.dataTransfer.setData( 'application/fabric', @@ -563,13 +575,13 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {DragEvent} e * @returns {boolean} */ - canDrop(e) { + canDrop(e: DragEvent): boolean { if (this.editable && !this.__corner) { if (this.__isDragging && this.__dragStartSelection) { // drag source trying to drop over itself // allow dropping only outside of drag start selection - var index = this.getSelectionStartFromPointer(e); - var dragStartSelection = this.__dragStartSelection; + const index = this.getSelectionStartFromPointer(e); + const dragStartSelection = this.__dragStartSelection; return ( index < dragStartSelection.selectionStart || index > dragStartSelection.selectionEnd @@ -586,9 +598,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {object} options * @param {DragEvent} options.e */ - dragEnterHandler(options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); + dragEnterHandler({ e }: TEvent) { + const canDrop = !e.defaultPrevented && this.canDrop(e); if (!this.__isDraggingOver && canDrop) { this.__isDraggingOver = true; } @@ -600,9 +611,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {object} options * @param {DragEvent} options.e */ - dragOverHandler(options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); + dragOverHandler({ e }: TEvent) { + const canDrop = !e.defaultPrevented && this.canDrop(e); if (!this.__isDraggingOver && canDrop) { this.__isDraggingOver = true; } else if (this.__isDraggingOver && !canDrop) { @@ -638,15 +648,14 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {object} options * @param {DragEvent} options.e */ - dragEndHandler(options) { - var e = options.e; + dragEndHandler({ e }: TEvent) { if (this.__isDragging && this.__dragStartFired) { // once the drop event finishes we check if we need to change the drag source // if the drag source received the drop we bail out if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; - var dropEffect = e.dataTransfer.dropEffect; + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + const dropEffect = e.dataTransfer.dropEffect; if (dropEffect === 'none') { this.selectionStart = selectionStart; this.selectionEnd = selectionEnd; @@ -688,25 +697,24 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {object} options * @param {DragEvent} options.e */ - dropHandler(options) { - var e = options.e, - didDrop = e.defaultPrevented; + dropHandler({ e }: TEvent) { + const didDrop = e.defaultPrevented; this.__isDraggingOver = false; // inform browser that the drop has been accepted e.preventDefault(); - var insert = e.dataTransfer.getData('text/plain'); + let insert = e.dataTransfer.getData('text/plain'); if (insert && !didDrop) { - var insertAt = this.getSelectionStartFromPointer(e); - var data = e.dataTransfer.types.includes('application/fabric') + let insertAt = this.getSelectionStartFromPointer(e); + const data = e.dataTransfer.types.includes('application/fabric') ? JSON.parse(e.dataTransfer.getData('application/fabric')) : {}; - var styles = data.styles; - var trailing = insert[Math.max(0, insert.length - 1)]; - var selectionStartOffset = 0; + const styles = data.styles; + const trailing = insert[Math.max(0, insert.length - 1)]; + const selectionStartOffset = 0; // drag and drop in same instance if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; if (insertAt > selectionStart && insertAt <= selectionEnd) { insertAt = selectionStart; } else if (insertAt > selectionEnd) { @@ -771,12 +779,12 @@ export function ITextBehaviorMixinGenerator(Klass) { * convert from textarea to grapheme indexes */ fromStringToGraphemeSelection(start, end, text) { - var smallerTextStart = text.slice(0, start), + const smallerTextStart = text.slice(0, start), graphemeStart = this.graphemeSplit(smallerTextStart).length; if (start === end) { return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; } - var smallerTextEnd = text.slice(start, end), + const smallerTextEnd = text.slice(start, end), graphemeEnd = this.graphemeSplit(smallerTextEnd).length; return { selectionStart: graphemeStart, @@ -788,12 +796,12 @@ export function ITextBehaviorMixinGenerator(Klass) { * convert from fabric to textarea values */ fromGraphemeToStringSelection(start, end, _text) { - var smallerTextStart = _text.slice(0, start), + const smallerTextStart = _text.slice(0, start), graphemeStart = smallerTextStart.join('').length; if (start === end) { return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; } - var smallerTextEnd = _text.slice(start, end), + const smallerTextEnd = _text.slice(start, end), graphemeEnd = smallerTextEnd.join('').length; return { selectionStart: graphemeStart, @@ -810,7 +818,7 @@ export function ITextBehaviorMixinGenerator(Klass) { return; } if (!this.inCompositionMode) { - var newSelection = this.fromGraphemeToStringSelection( + const newSelection = this.fromGraphemeToStringSelection( this.selectionStart, this.selectionEnd, this._text @@ -834,7 +842,7 @@ export function ITextBehaviorMixinGenerator(Klass) { this.initDimensions(); this.setCoords(); } - var newSelection = this.fromStringToGraphemeSelection( + const newSelection = this.fromStringToGraphemeSelection( this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value @@ -851,7 +859,7 @@ export function ITextBehaviorMixinGenerator(Klass) { */ updateTextareaPosition() { if (this.selectionStart === this.selectionEnd) { - var style = this._calcTextareaPosition(); + const style = this._calcTextareaPosition(); this.hiddenTextarea.style.left = style.left; this.hiddenTextarea.style.top = style.top; } @@ -861,11 +869,11 @@ export function ITextBehaviorMixinGenerator(Klass) { * @private * @return {Object} style contains style for hiddenTextarea */ - _calcTextareaPosition() { + _calcTextareaPosition(): object { if (!this.canvas) { return { x: 1, y: 1 }; } - var desiredPosition = this.inCompositionMode + let desiredPosition = this.inCompositionMode ? this.compositionStart : this.selectionStart, boundaries = this._getCursorBoundaries(desiredPosition), @@ -963,9 +971,9 @@ export function ITextBehaviorMixinGenerator(Klass) { * @return {IText} thisArg * @chainable */ - exitEditing() { - var isTextChanged = this._textBeforeEdit !== this.text; - var hiddenTextarea = this.hiddenTextarea; + exitEditing(): IText { + const isTextChanged = this._textBeforeEdit !== this.text; + const hiddenTextarea = this.hiddenTextarea; this.selected = false; this.isEditing = false; @@ -997,7 +1005,7 @@ export function ITextBehaviorMixinGenerator(Klass) { * @private */ _removeExtraneousStyles() { - for (var prop in this.styles) { + for (const prop in this.styles) { if (!this._textLines[prop]) { delete this.styles[prop]; } @@ -1009,8 +1017,8 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} start linear start position for removal (included in removal) * @param {Number} end linear end position for removal ( excluded from removal ) */ - removeStyleFromTo(start, end) { - var cursorStart = this.get2DCursorLocation(start, true), + removeStyleFromTo(start: number, end: number) { + let cursorStart = this.get2DCursorLocation(start, true), cursorEnd = this.get2DCursorLocation(end, true), lineStart = cursorStart.lineIndex, charStart = cursorStart.charIndex, @@ -1049,7 +1057,7 @@ export function ITextBehaviorMixinGenerator(Klass) { // remove and shift left on the same line if (this.styles[lineStart]) { styleObj = this.styles[lineStart]; - var diff = charEnd - charStart, + let diff = charEnd - charStart, numericChar, _char; for (i = charStart; i < charEnd; i++) { @@ -1071,10 +1079,10 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} lineIndex Index of a line * @param {Number} offset Can any number? */ - shiftLineStyles(lineIndex, offset) { - var clonedStyles = Object.assign({}, this.styles); - for (var line in this.styles) { - var numericLine = parseInt(line, 10); + shiftLineStyles(lineIndex: number, offset: number) { + const clonedStyles = Object.assign({}, this.styles); + for (const line in this.styles) { + const numericLine = parseInt(line, 10); if (numericLine > lineIndex) { this.styles[numericLine + offset] = clonedStyles[numericLine]; if (!clonedStyles[numericLine - offset]) { @@ -1105,8 +1113,13 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} qty number of lines to add * @param {Array} copiedStyle Array of objects styles */ - insertNewlineStyleObject(lineIndex, charIndex, qty, copiedStyl) { - var currentCharStyle, + insertNewlineStyleObject( + lineIndex: number, + charIndex: number, + qty: number, + copiedStyl + ) { + let currentCharStyle, newLineStyles = {}, somethingAdded = false, isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; @@ -1119,8 +1132,8 @@ export function ITextBehaviorMixinGenerator(Klass) { } // we clone styles of all chars // after cursor onto the current line - for (var index in this.styles[lineIndex]) { - var numIndex = parseInt(index, 10); + for (const index in this.styles[lineIndex]) { + const numIndex = parseInt(index, 10); if (numIndex >= charIndex) { somethingAdded = true; newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; @@ -1130,7 +1143,7 @@ export function ITextBehaviorMixinGenerator(Klass) { } } } - var styleCarriedOver = false; + let styleCarriedOver = false; if (somethingAdded && !isEndOfLine) { // if is end of line, the extra style we copied // is probably not something we want @@ -1167,11 +1180,16 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} quantity number Style object to insert, if given * @param {Array} copiedStyle array of style objects */ - insertCharStyleObject(lineIndex, charIndex, quantity, copiedStyl) { + insertCharStyleObject( + lineIndex: number, + charIndex: number, + quantity: number, + copiedStyl + ) { if (!this.styles) { this.styles = {}; } - var currentLineStyles = this.styles[lineIndex], + const currentLineStyles = this.styles[lineIndex], currentLineStylesCloned = currentLineStyles ? Object.assign({}, currentLineStyles) : {}; @@ -1179,8 +1197,8 @@ export function ITextBehaviorMixinGenerator(Klass) { quantity || (quantity = 1); // shift all char styles by quantity forward // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (var index in currentLineStylesCloned) { - var numericIndex = parseInt(index, 10); + for (const index in currentLineStylesCloned) { + const numericIndex = parseInt(index, 10); if (numericIndex >= charIndex) { currentLineStyles[numericIndex + quantity] = currentLineStylesCloned[numericIndex]; @@ -1209,7 +1227,7 @@ export function ITextBehaviorMixinGenerator(Klass) { if (!currentLineStyles) { return; } - var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; while (newStyle && quantity--) { this.styles[lineIndex][charIndex + quantity] = Object.assign( {}, @@ -1224,8 +1242,12 @@ export function ITextBehaviorMixinGenerator(Klass) { * @param {Number} start cursor index for inserting style * @param {Array} [copiedStyle] array of style objects to insert. */ - insertNewStyleBlock(insertedText, start, copiedStyle) { - var cursorLoc = this.get2DCursorLocation(start, true), + insertNewStyleBlock( + insertedText: string[], + start: number, + copiedStyle: Array + ) { + let cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], linesLength = 0; // get an array of how many char per lines are being added. @@ -1315,7 +1337,7 @@ export function ITextBehaviorMixinGenerator(Klass) { } setSelectionInBoundaries() { - var length = this.text.length; + const length = this.text.length; if (this.selectionStart > length) { this.selectionStart = length; } else if (this.selectionStart < 0) { diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index 8c4aa86c468..456c0d11eee 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -3,8 +3,6 @@ import { invertTransform, transformPoint } from '../util/misc/matrix'; import { Point } from '../point.class'; import { TPointerEvent } from '../typedefs'; -var fabric = global.fabric; - export function ITextClickBehaviorMixinGenerator(Klass) { return class ITextClickBehaviorMixin extends Klass { /** @@ -210,9 +208,9 @@ export function ITextClickBehaviorMixinGenerator(Klass) { /** * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - setCursorByClick(e) { + setCursorByClick(e: TPointerEvent) { var newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd; @@ -234,7 +232,7 @@ export function ITextClickBehaviorMixinGenerator(Klass) { * @param {IPoint} [pointer] Pointer to operate upon (instead of event) * @return {Point} Coordinates of a pointer (x, y) */ - getLocalPointer(e, pointer) { + getLocalPointer(e: TPointerEvent, pointer: IPoint): Point { const thePointer = pointer || this.canvas.getPointer(e); return transformPoint( thePointer, @@ -244,10 +242,10 @@ export function ITextClickBehaviorMixinGenerator(Klass) { /** * Returns index of a character corresponding to where an object was clicked - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @return {Number} Index of a character */ - getSelectionStartFromPointer(e) { + getSelectionStartFromPointer(e: TPointerEvent): number { var mouseOffset = this.getLocalPointer(e), prevWidth = 0, width = 0, diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index 49094106b84..c53e9a99cbd 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -108,9 +108,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Handles keydown event * only used for arrows and combination of modifier keys. - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - onKeyDown(e) { + onKeyDown(e: TPointerEvent) { if (!this.isEditing) { return; } @@ -141,9 +141,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { * Handles keyup event * We handle KeyUp because ie11 and edge have difficulties copy/pasting * if a copy/cut event fired, keyup is dismissed - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - onKeyUp(e) { + onKeyUp(e: TPointerEvent) { if (!this.isEditing || this._copyDone || this.inCompositionMode) { this._copyDone = false; return; @@ -160,9 +160,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Handles onInput event - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - onInput(e) { + onInput(e: TPointerEvent) { var fromPaste = this.fromPaste; this.fromPaste = false; e && e.stopPropagation(); @@ -290,7 +290,6 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Copies selected text - * @param {Event} e Event object */ copy() { if (this.selectionStart === this.selectionEnd) { @@ -313,7 +312,6 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Pastes text - * @param {Event} e Event object */ paste() { this.fromPaste = true; @@ -321,10 +319,10 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * @private - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @return {Object} Clipboard data object */ - _getClipboardData(e) { + _getClipboardData(e: TPointerEvent): object { return (e && e.clipboardData) || fabric.window.clipboardData; } @@ -335,7 +333,7 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { * @param {Number} charIndex * @return {Number} widthBeforeCursor width before cursor */ - _getWidthBeforeCursor(lineIndex, charIndex) { + _getWidthBeforeCursor(lineIndex: number, charIndex: number): number { var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; @@ -348,11 +346,11 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Gets start offset of a selection - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - getDownCursorOffset(e, isRight) { + getDownCursorOffset(e: TPointerEvent, isRight: boolean): number { var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; @@ -383,11 +381,11 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * private * Helps finding if the offset should be counted from Start or End - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - _getSelectionForOffset(e, isRight) { + _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number { if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { return this.selectionEnd; } else { @@ -396,11 +394,11 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { } /** - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - getUpCursorOffset(e, isRight) { + getUpCursorOffset(e: TPointerEvent, isRight: boolean): number { var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; @@ -462,9 +460,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor down - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorDown(e) { + moveCursorDown(e: TPointerEvent) { if ( this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length @@ -476,9 +474,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor up - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorUp(e) { + moveCursorUp(e: TPointerEvent) { if (this.selectionStart === 0 && this.selectionEnd === 0) { return; } @@ -488,9 +486,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor up or down, fires the events * @param {String} direction 'Up' or 'Down' - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - _moveCursorUpOrDown(direction, e) { + _moveCursorUpOrDown(direction: string, e: TPointerEvent) { var action = 'get' + direction + 'CursorOffset', offset = this[action](e, this._selectionDirection === 'right'); if (e.shiftKey) { @@ -512,7 +510,7 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { * Moves cursor with shift * @param {Number} offset */ - moveCursorWithShift(offset) { + moveCursorWithShift(offset: number) { var newSelection = this._selectionDirection === 'left' ? this.selectionStart + offset @@ -529,7 +527,7 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { * Moves cursor up without shift * @param {Number} offset */ - moveCursorWithoutShift(offset) { + moveCursorWithoutShift(offset: number) { if (offset < 0) { this.selectionStart += offset; this.selectionEnd = this.selectionStart; @@ -542,9 +540,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor left - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorLeft(e) { + moveCursorLeft(e: TPointerEvent) { if (this.selectionStart === 0 && this.selectionEnd === 0) { return; } @@ -555,7 +553,7 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { * @private * @return {Boolean} true if a change happened */ - _move(e, prop, direction) { + _move(e, prop, direction): boolean { var newValue; if (e.altKey) { newValue = this['findWordBoundary' + direction](this[prop]); @@ -587,9 +585,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor left without keeping selection - * @param {Event} e + * @param {TPointerEvent} e */ - moveCursorLeftWithoutShift(e) { + moveCursorLeftWithoutShift(e: TPointerEvent) { var change = true; this._selectionDirection = 'left'; @@ -607,9 +605,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor left while keeping selection - * @param {Event} e + * @param {TPointerEvent} e */ - moveCursorLeftWithShift(e) { + moveCursorLeftWithShift(e: TPointerEvent) { if ( this._selectionDirection === 'right' && this.selectionStart !== this.selectionEnd @@ -623,9 +621,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor right - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorRight(e) { + moveCursorRight(e: TPointerEvent) { if ( this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length @@ -638,9 +636,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor right or Left, fires event * @param {String} direction 'Left', 'Right' - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - _moveCursorLeftOrRight(direction, e) { + _moveCursorLeftOrRight(direction: string, e: TPointerEvent) { var actionName = 'moveCursor' + direction + 'With'; this._currentCursorOpacity = 1; @@ -659,9 +657,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor right while keeping selection - * @param {Event} e + * @param {TPointerEvent} e */ - moveCursorRightWithShift(e) { + moveCursorRightWithShift(e: TPointerEvent) { if ( this._selectionDirection === 'left' && this.selectionStart !== this.selectionEnd @@ -675,9 +673,9 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { /** * Moves cursor right without keeping selection - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorRightWithoutShift(e) { + moveCursorRightWithoutShift(e: TPointerEvent) { var changed = true; this._selectionDirection = 'right'; @@ -697,7 +695,7 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { * @param {Number} start * @param {Number} end default to start + 1 */ - removeChars(start, end) { + removeChars(start: number, end: number) { if (typeof end === 'undefined') { end = start + 1; } @@ -724,7 +722,7 @@ export function ITextKeyBehaviorMixinGenerator(Klass) { * @param {Number} start * @param {Number} end default to start + 1 */ - insertChars(text, style, start, end) { + insertChars(text: string, style: Array, start: number, end: number) { if (typeof end === 'undefined') { end = start; } diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index 592572163b8..276abd4e11e 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -8,7 +8,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} lineIndex , lineIndex is on wrapped lines. * @return {Boolean} */ - isEmptyStyles(lineIndex) { + isEmptyStyles(lineIndex: number): boolean { if (!this.styles) { return true; } @@ -37,7 +37,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} lineIndex to check the style on * @return {Boolean} */ - styleHas(property, lineIndex) { + styleHas(property: string, lineIndex: number): boolean { if (!this.styles || !property || property === '') { return false; } @@ -70,7 +70,7 @@ export function TextStyleMixinGenerator(Klass) { * * @param {string} property The property to compare between characters and text. */ - cleanStyle(property) { + cleanStyle(property: string) { if (!this.styles || !property || property === '') { return false; } @@ -181,7 +181,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. */ - get2DCursorLocation(selectionStart, skipWrapping) { + get2DCursorLocation(selectionStart: number, skipWrapping: boolean) { if (typeof selectionStart === 'undefined') { selectionStart = this.selectionStart; } @@ -213,7 +213,11 @@ export function TextStyleMixinGenerator(Klass) { * @param {Boolean} [complete] get full style or not * @return {Array} styles an array with one, zero or more Style objects */ - getSelectionStyles(startIndex, endIndex, complete) { + getSelectionStyles( + startIndex: number, + endIndex: number, + complete: boolean + ): Array { if (typeof startIndex === 'undefined') { startIndex = this.selectionStart || 0; } @@ -234,7 +238,7 @@ export function TextStyleMixinGenerator(Klass) { * @return {Object} style Style object at a specified index * @private */ - getStyleAtPosition(position, complete) { + getStyleAtPosition(position: number, complete: boolean): object { var loc = this.get2DCursorLocation(position), style = complete ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) @@ -250,7 +254,11 @@ export function TextStyleMixinGenerator(Klass) { * @return {fabric.IText} thisArg * @chainable */ - setSelectionStyles(styles, startIndex, endIndex) { + setSelectionStyles( + styles: object, + startIndex: number, + endIndex: number + ): fabric.IText { if (typeof startIndex === 'undefined') { startIndex = this.selectionStart || 0; } @@ -271,7 +279,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} charIndex * @return {Object} style object */ - _getStyleDeclaration(lineIndex, charIndex) { + _getStyleDeclaration(lineIndex: number, charIndex: number): object { var lineStyle = this.styles && this.styles[lineIndex]; if (!lineStyle) { return null; @@ -286,7 +294,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} charIndex position of the character on the line * @return {Object} style object */ - getCompleteStyleDeclaration(lineIndex, charIndex) { + getCompleteStyleDeclaration(lineIndex: number, charIndex: number): object { var style = this._getStyleDeclaration(lineIndex, charIndex) || {}, styleObject = {}, prop; @@ -304,7 +312,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Object} style * @private */ - _setStyleDeclaration(lineIndex, charIndex, style) { + _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) { this.styles[lineIndex][charIndex] = style; } @@ -314,7 +322,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} charIndex * @private */ - _deleteStyleDeclaration(lineIndex, charIndex) { + _deleteStyleDeclaration(lineIndex: number, charIndex: number) { delete this.styles[lineIndex][charIndex]; } @@ -323,7 +331,7 @@ export function TextStyleMixinGenerator(Klass) { * @return {Boolean} if the line exists or not * @private */ - _getLineStyle(lineIndex) { + _getLineStyle(lineIndex: number): boolean { return !!this.styles[lineIndex]; } @@ -332,7 +340,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} lineIndex * @private */ - _setLineStyle(lineIndex) { + _setLineStyle(lineIndex: number) { this.styles[lineIndex] = {}; } @@ -340,7 +348,7 @@ export function TextStyleMixinGenerator(Klass) { * @param {Number} lineIndex * @private */ - _deleteLineStyle(lineIndex) { + _deleteLineStyle(lineIndex: number) { delete this.styles[lineIndex]; } }; From 7a7279ba0c36ac3c8e0500578e169b8c91a41891 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Tue, 1 Nov 2022 09:16:58 +0200 Subject: [PATCH 04/58] annotate --- src/mixins/text_style.mixin.ts | 616 ++++++++++++++++----------------- src/shapes/itext.class.ts | 38 +- src/shapes/text.class.ts | 308 ++++++++++------- src/shapes/textbox.class.ts | 39 ++- 4 files changed, 536 insertions(+), 465 deletions(-) diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index 276abd4e11e..ac5d67da290 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -1,357 +1,357 @@ -//@ts-nocheck -var fabric = global.fabric; +// @ts-nocheck -export function TextStyleMixinGenerator(Klass) { - return class TextStyleMixin extends Klass { - /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} - */ - isEmptyStyles(lineIndex: number): boolean { - if (!this.styles) { - return true; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return true; - } - var obj = - typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } +import { Text } from '../shapes/text.class'; + +export class TextStyleMixin extends Text { + selectionStart?: number; + selectionEnd?: number; + + /** + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} + */ + isEmptyStyles(lineIndex: number): boolean { + if (!this.styles) { + return true; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return true; + } + const obj = + typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (const p1 in obj) { + for (const p2 in obj[p1]) { + // eslint-disable-next-line no-unused-vars + for (const p3 in obj[p1][p2]) { + return false; } } - return true; } + return true; + } - /** - * Returns true if object has a style property or has it ina specified line - * This function is used to detect if a text will use a particular property or not. - * @param {String} property to check for - * @param {Number} lineIndex to check the style on - * @return {Boolean} - */ - styleHas(property: string, lineIndex: number): boolean { - if (!this.styles || !property || property === '') { - return false; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return false; - } - var obj = - typeof lineIndex === 'undefined' - ? this.styles - : { 0: this.styles[lineIndex] }; + /** + * Returns true if object has a style property or has it ina specified line + * This function is used to detect if a text will use a particular property or not. + * @param {String} property to check for + * @param {Number} lineIndex to check the style on + * @return {Boolean} + */ + styleHas(property: string, lineIndex: number): boolean { + if (!this.styles || !property || property === '') { + return false; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return false; + } + const obj = + typeof lineIndex === 'undefined' + ? this.styles + : { 0: this.styles[lineIndex] }; + // eslint-disable-next-line + for (var p1 in obj) { // eslint-disable-next-line - for (var p1 in obj) { - // eslint-disable-next-line - for (var p2 in obj[p1]) { - if (typeof obj[p1][p2][property] !== 'undefined') { - return true; - } + for (var p2 in obj[p1]) { + if (typeof obj[p1][p2][property] !== 'undefined') { + return true; } } - return false; } + return false; + } - /** - * Check if characters in a text have a value for a property - * whose value matches the textbox's value for that property. If so, - * the character-level property is deleted. If the character - * has no other properties, then it is also deleted. Finally, - * if the line containing that character has no other characters - * then it also is deleted. - * - * @param {string} property The property to compare between characters and text. - */ - cleanStyle(property: string) { - if (!this.styles || !property || property === '') { - return false; - } - var obj = this.styles, - stylesCount = 0, - letterCount, - stylePropertyValue, - allStyleObjectPropertiesMatch = true, - graphemeCount = 0, - styleObject; + /** + * Check if characters in a text have a value for a property + * whose value matches the textbox's value for that property. If so, + * the character-level property is deleted. If the character + * has no other properties, then it is also deleted. Finally, + * if the line containing that character has no other characters + * then it also is deleted. + * + * @param {string} property The property to compare between characters and text. + */ + cleanStyle(property: string) { + if (!this.styles || !property || property === '') { + return false; + } + var obj = this.styles, + stylesCount = 0, + letterCount, + stylePropertyValue, + allStyleObjectPropertiesMatch = true, + graphemeCount = 0, + styleObject; + // eslint-disable-next-line + for (var p1 in obj) { + letterCount = 0; // eslint-disable-next-line - for (var p1 in obj) { - letterCount = 0; - // eslint-disable-next-line - for (var p2 in obj[p1]) { - var styleObject = obj[p1][p2], - stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); - - stylesCount++; + for (var p2 in obj[p1]) { + var styleObject = obj[p1][p2], + stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); - if (stylePropertyHasBeenSet) { - if (!stylePropertyValue) { - stylePropertyValue = styleObject[property]; - } else if (styleObject[property] !== stylePropertyValue) { - allStyleObjectPropertiesMatch = false; - } + stylesCount++; - if (styleObject[property] === this[property]) { - delete styleObject[property]; - } - } else { + if (stylePropertyHasBeenSet) { + if (!stylePropertyValue) { + stylePropertyValue = styleObject[property]; + } else if (styleObject[property] !== stylePropertyValue) { allStyleObjectPropertiesMatch = false; } - if (Object.keys(styleObject).length !== 0) { - letterCount++; - } else { - delete obj[p1][p2]; + if (styleObject[property] === this[property]) { + delete styleObject[property]; } + } else { + allStyleObjectPropertiesMatch = false; } - if (letterCount === 0) { - delete obj[p1]; + if (Object.keys(styleObject).length !== 0) { + letterCount++; + } else { + delete obj[p1][p2]; } } - // if every grapheme has the same style set then - // delete those styles and set it on the parent - for (var i = 0; i < this._textLines.length; i++) { - graphemeCount += this._textLines[i].length; - } - if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; - this.removeStyle(property); + + if (letterCount === 0) { + delete obj[p1]; } } + // if every grapheme has the same style set then + // delete those styles and set it on the parent + for (let i = 0; i < this._textLines.length; i++) { + graphemeCount += this._textLines[i].length; + } + if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { + this[property] = stylePropertyValue; + this.removeStyle(property); + } + } - /** - * Remove a style property or properties from all individual character styles - * in a text object. Deletes the character style object if it contains no other style - * props. Deletes a line style object if it contains no other character styles. - * - * @param {String} props The property to remove from character styles. - */ - removeStyle(property) { - if (!this.styles || !property || property === '') { - return; - } - var obj = this.styles, - line, - lineNum, - charNum; - for (lineNum in obj) { - line = obj[lineNum]; - for (charNum in line) { - delete line[charNum][property]; - if (Object.keys(line[charNum]).length === 0) { - delete line[charNum]; - } - } - if (Object.keys(line).length === 0) { - delete obj[lineNum]; + /** + * Remove a style property or properties from all individual character styles + * in a text object. Deletes the character style object if it contains no other style + * props. Deletes a line style object if it contains no other character styles. + * + * @param {String} props The property to remove from character styles. + */ + removeStyle(property) { + if (!this.styles || !property || property === '') { + return; + } + let obj = this.styles, + line, + lineNum, + charNum; + for (lineNum in obj) { + line = obj[lineNum]; + for (charNum in line) { + delete line[charNum][property]; + if (Object.keys(line[charNum]).length === 0) { + delete line[charNum]; } } - } - - /** - * @private - */ - _extendStyles(index, styles) { - var loc = this.get2DCursorLocation(index); - - if (!this._getLineStyle(loc.lineIndex)) { - this._setLineStyle(loc.lineIndex); + if (Object.keys(line).length === 0) { + delete obj[lineNum]; } + } + } - if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { - this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); - } + /** + * @private + */ + _extendStyles(index, styles) { + const loc = this.get2DCursorLocation(index); - object.extend( - this._getStyleDeclaration(loc.lineIndex, loc.charIndex), - styles - ); + if (!this._getLineStyle(loc.lineIndex)) { + this._setLineStyle(loc.lineIndex); } - /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. - */ - get2DCursorLocation(selectionStart: number, skipWrapping: boolean) { - if (typeof selectionStart === 'undefined') { - selectionStart = this.selectionStart; - } - var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, - len = lines.length; - for (var i = 0; i < len; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart, - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: - lines[i - 1].length < selectionStart - ? lines[i - 1].length - : selectionStart, - }; + if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { + this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); } - /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects - */ - getSelectionStyles( - startIndex: number, - endIndex: number, - complete: boolean - ): Array { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - var styles = []; - for (var i = startIndex; i < endIndex; i++) { - styles.push(this.getStyleAtPosition(i, complete)); - } - return styles; - } + return Object.assign( + this._getStyleDeclaration(loc.lineIndex, loc.charIndex), + styles + ); + } - /** - * Gets style of a current selection/cursor position - * @param {Number} position to get styles at - * @param {Boolean} [complete] full style if true - * @return {Object} style Style object at a specified index - * @private - */ - getStyleAtPosition(position: number, complete: boolean): object { - var loc = this.get2DCursorLocation(position), - style = complete - ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) - : this._getStyleDeclaration(loc.lineIndex, loc.charIndex); - return style || {}; + /** + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation(selectionStart: number, skipWrapping?: boolean) { + if (typeof selectionStart === 'undefined') { + selectionStart = this.selectionStart; } - - /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @return {fabric.IText} thisArg - * @chainable - */ - setSelectionStyles( - styles: object, - startIndex: number, - endIndex: number - ): fabric.IText { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; + const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; + let i: number; + for (i = 0; i < lines.length; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart, + }; } - for (var i = startIndex; i < endIndex; i++) { - this._extendStyles(i, styles); - } - /* not included in _extendStyles to avoid clearing cache more than once */ - this._forceClearCache = true; - return this; + selectionStart -= lines[i].length + this.missingNewlineOffset(i); } + return { + lineIndex: i - 1, + charIndex: + lines[i - 1].length < selectionStart + ? lines[i - 1].length + : selectionStart, + }; + } - /** - * get the reference, not a clone, of the style object for a given character - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Object} style object - */ - _getStyleDeclaration(lineIndex: number, charIndex: number): object { - var lineStyle = this.styles && this.styles[lineIndex]; - if (!lineStyle) { - return null; - } - return lineStyle[charIndex]; + /** + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles( + startIndex: number, + endIndex: number, + complete: boolean + ): Array { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; } - - /** - * return a new object that contains all the style property for a character - * the object returned is newly created - * @param {Number} lineIndex of the line where the character is - * @param {Number} charIndex position of the character on the line - * @return {Object} style object - */ - getCompleteStyleDeclaration(lineIndex: number, charIndex: number): object { - var style = this._getStyleDeclaration(lineIndex, charIndex) || {}, - styleObject = {}, - prop; - for (var i = 0; i < this._styleProperties.length; i++) { - prop = this._styleProperties[i]; - styleObject[prop] = - typeof style[prop] === 'undefined' ? this[prop] : style[prop]; - } - return styleObject; + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; } - - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private - */ - _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) { - this.styles[lineIndex][charIndex] = style; + const styles = []; + for (let i = startIndex; i < endIndex; i++) { + styles.push(this.getStyleAtPosition(i, complete)); } + return styles; + } - /** - * - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _deleteStyleDeclaration(lineIndex: number, charIndex: number) { - delete this.styles[lineIndex][charIndex]; - } + /** + * Gets style of a current selection/cursor position + * @param {Number} position to get styles at + * @param {Boolean} [complete] full style if true + * @return {Object} style Style object at a specified index + * @private + */ + getStyleAtPosition(position: number, complete: boolean): object { + const loc = this.get2DCursorLocation(position), + style = complete + ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) + : this._getStyleDeclaration(loc.lineIndex, loc.charIndex); + return style || {}; + } - /** - * @param {Number} lineIndex - * @return {Boolean} if the line exists or not - * @private - */ - _getLineStyle(lineIndex: number): boolean { - return !!this.styles[lineIndex]; + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @return {fabric.IText} thisArg + * @chainable + */ + setSelectionStyles( + styles: object, + startIndex: number, + endIndex: number + ): fabric.IText { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; } + for (let i = startIndex; i < endIndex; i++) { + this._extendStyles(i, styles); + } + /* not included in _extendStyles to avoid clearing cache more than once */ + this._forceClearCache = true; + return this; + } - /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @private - */ - _setLineStyle(lineIndex: number) { - this.styles[lineIndex] = {}; + /** + * get the reference, not a clone, of the style object for a given character + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Object} style object + */ + _getStyleDeclaration(lineIndex: number, charIndex: number): object { + const lineStyle = this.styles && this.styles[lineIndex]; + if (!lineStyle) { + return null; } + return lineStyle[charIndex]; + } - /** - * @param {Number} lineIndex - * @private - */ - _deleteLineStyle(lineIndex: number) { - delete this.styles[lineIndex]; + /** + * return a new object that contains all the style property for a character + * the object returned is newly created + * @param {Number} lineIndex of the line where the character is + * @param {Number} charIndex position of the character on the line + * @return {Object} style object + */ + getCompleteStyleDeclaration(lineIndex: number, charIndex: number): object { + let style = this._getStyleDeclaration(lineIndex, charIndex) || {}, + styleObject = {}, + prop; + for (let i = 0; i < this._styleProperties.length; i++) { + prop = this._styleProperties[i]; + styleObject[prop] = + typeof style[prop] === 'undefined' ? this[prop] : style[prop]; } - }; -} + return styleObject; + } + + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) { + this.styles[lineIndex][charIndex] = style; + } + + /** + * + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration(lineIndex: number, charIndex: number) { + delete this.styles[lineIndex][charIndex]; + } -Text = TextStyleMixinGenerator(Text); + /** + * @param {Number} lineIndex + * @return {Boolean} if the line exists or not + * @private + */ + _getLineStyle(lineIndex: number): boolean { + return !!this.styles[lineIndex]; + } + + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @private + */ + _setLineStyle(lineIndex: number) { + this.styles[lineIndex] = {}; + } + + /** + * @param {Number} lineIndex + * @private + */ + _deleteLineStyle(lineIndex: number) { + delete this.styles[lineIndex]; + } +} diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 58ac91c7f3b..e28533230a6 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -149,7 +149,7 @@ export class IText extends fabric.Text { * @type HTMLElement * @default */ - hiddenTextareaContainer; + hiddenTextareaContainer: HTMLElement; /** * @private @@ -178,7 +178,7 @@ export class IText extends fabric.Text { * @param {Object} [options] Options object * @return {IText} thisArg */ - constructor(text, options) { + constructor(text: string, options: object): IText { super(text, options); this.initBehavior(); } @@ -189,7 +189,7 @@ export class IText extends fabric.Text { * @param {string} key * @param {*} value */ - _set(key, value) { + _set(key: string, value: any) { if (this.isEditing && this._savedProps && key in this._savedProps) { this._savedProps[key] = value; } else { @@ -201,7 +201,7 @@ export class IText extends fabric.Text { * Sets selection start (left boundary of a selection) * @param {Number} index Index to set selection start to */ - setSelectionStart(index) { + setSelectionStart(index: number) { index = Math.max(index, 0); this._updateAndFire('selectionStart', index); } @@ -210,7 +210,7 @@ export class IText extends fabric.Text { * Sets selection end (right boundary of a selection) * @param {Number} index Index to set selection end to */ - setSelectionEnd(index) { + setSelectionEnd(index: number) { index = Math.min(index, this.text.length); this._updateAndFire('selectionEnd', index); } @@ -220,7 +220,7 @@ export class IText extends fabric.Text { * @param {String} property 'selectionStart' or 'selectionEnd' * @param {Number} index new position of property */ - _updateAndFire(property, index) { + _updateAndFire(property: string, index: number) { if (this[property] !== index) { this._fireSelectionChanged(); this[property] = index; @@ -254,7 +254,7 @@ export class IText extends fabric.Text { * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - render(ctx) { + render(ctx: CanvasRenderingContext2D) { this.clearContextTop(); super.render(ctx); // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor @@ -267,7 +267,7 @@ export class IText extends fabric.Text { * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _render(ctx) { + _render(ctx: CanvasRenderingContext2D) { super._render(ctx); } @@ -310,7 +310,7 @@ export class IText extends fabric.Text { * @param {number} [index] index from start * @param {boolean} [skipCaching] */ - _getCursorBoundaries(index, skipCaching) { + _getCursorBoundaries(index: number, skipCaching: boolean) { if (typeof index === 'undefined') { index = this.selectionStart; } @@ -331,7 +331,7 @@ export class IText extends fabric.Text { * @param {number} index index from start * @param {boolean} [skipCaching] */ - _getCursorBoundariesOffsets(index, skipCaching) { + _getCursorBoundariesOffsets(index: number, skipCaching: boolean) { if (skipCaching) { return this.__getCursorBoundariesOffsets(index); } @@ -346,7 +346,7 @@ export class IText extends fabric.Text { * @private * @param {number} index index from start */ - __getCursorBoundariesOffsets(index) { + __getCursorBoundariesOffsets(index: number) { var lineLeftOffset, lineIndex, charIndex, @@ -399,7 +399,7 @@ export class IText extends fabric.Text { * @param {Object} boundaries * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - renderCursor(ctx, boundaries) { + renderCursor(ctx: CanvasRenderingContext2D, boundaries: object) { this._renderCursor(ctx, boundaries, this.selectionStart); } @@ -440,7 +440,7 @@ export class IText extends fabric.Text { * @param {Object} boundaries Object with left/top/leftOffset/topOffset * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - renderSelection(ctx, boundaries) { + renderSelection(ctx: CanvasRenderingContext2D, boundaries: object) { var selection = { selectionStart: this.inCompositionMode ? this.hiddenTextarea.selectionStart @@ -484,7 +484,11 @@ export class IText extends fabric.Text { * @param {Object} boundaries Object with left/top/leftOffset/topOffset * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - _renderSelection(ctx, selection, boundaries) { + _renderSelection( + ctx: CanvasRenderingContext2D, + selection: { selectionStart: number; selectionEnd: number }, + boundaries: object + ) { var selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, @@ -572,7 +576,7 @@ export class IText extends fabric.Text { * Unused from the library, is for the end user * @return {Number} Character font size */ - getCurrentCharFontSize() { + getCurrentCharFontSize(): number { var cp = this._getCurrentCharIndex(); return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); } @@ -585,7 +589,7 @@ export class IText extends fabric.Text { * Unused by the library, is for the end user * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) */ - getCurrentCharColor() { + getCurrentCharColor(): string | fabric.Gradient | fabric.Pattern { var cp = this._getCurrentCharIndex(); return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); } @@ -608,7 +612,7 @@ export class IText extends fabric.Text { * @param {Object} object Object to create an instance from * @returns {Promise} */ - static fromObject(object) { + static fromObject(object: object): Promise { var styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation var objCopy = Object.assign({}, object, { styles: styles }); diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 570e26fd46c..b7e444e157a 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -1,15 +1,38 @@ -//@ts-nocheck +// @ts-nocheck +import { fabric } from '../../HEADER'; import { cache } from '../cache'; import { DEFAULT_SVG_FONT_SIZE } from '../constants'; - -var fabric = global.fabric || (global.fabric = {}); - -var additionalProps = ( - 'fontFamily fontWeight fontSize text underline overline linethrough' + - ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + - ' direction path pathStartOffset pathSide pathAlign' -).split(' '); +import { TClassProperties } from '../typedefs'; +import { createCanvasElement } from '../util/misc/dom'; +import { + hasStyleChanged, + stylesToArray, + stylesFromArray, +} from '../util/misc/textStyles'; +import { getPathSegmentsInfo, getPointOnPath } from '../util/path'; +import { FabricObject } from './fabricObject.class'; + +const additionalProps = [ + 'fontFamily', + 'fontWeight', + 'fontSize', + 'text', + 'underline', + 'overline', + 'linethrough', + 'textAlign', + 'fontStyle', + 'lineHeight', + 'textBackgroundColor', + 'charSpacing', + 'styles', + 'direction', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign', +]; /** * Text class @@ -25,7 +48,7 @@ export class Text extends FabricObject { * @type Array * @private */ - _dimensionAffectingProps; + _dimensionAffectingProps: Array; /** * @private @@ -129,14 +152,14 @@ export class Text extends FabricObject { * @type {Object} * @default */ - superscript; + superscript: object; /** * Subscript schema object (minimum overlap) * @type {Object} * @default */ - subscript; + subscript: object; /** * Background color of text lines @@ -151,13 +174,13 @@ export class Text extends FabricObject { * as well as for history (undo/redo) purposes * @type Array */ - stateProperties; + stateProperties: Array; /** * List of properties to consider when checking if cache needs refresh * @type Array */ - cacheProperties; + cacheProperties: Array; /** * When defined, an object is rendered via stroke and this property specifies its color. @@ -165,7 +188,7 @@ export class Text extends FabricObject { * @type String * @default */ - stroke; + stroke: string; /** * Shadow object representing shadow of this shape. @@ -173,7 +196,7 @@ export class Text extends FabricObject { * @type fabric.Shadow * @default */ - shadow; + shadow: fabric.Shadow; /** * fabric.Path that the text should follow. @@ -197,7 +220,7 @@ export class Text extends FabricObject { * }); * @default */ - path; + path: fabric.Path; /** * Offset amount for text path starting position @@ -256,7 +279,7 @@ export class Text extends FabricObject { * @type Object * @default */ - styles; + styles: object; /** * Reference to a context to measure text char or couple of chars @@ -266,7 +289,7 @@ export class Text extends FabricObject { * @type {CanvasRenderingContext2D} * @default */ - _measuringContext; + _measuringContext: CanvasRenderingContext2D; /** * Baseline shift, styles only, keep at 0 for the main text object @@ -293,7 +316,7 @@ export class Text extends FabricObject { * @type {Array} * @default */ - _styleProperties; + _styleProperties: Array; /** * contains characters bounding boxes @@ -322,7 +345,7 @@ export class Text extends FabricObject { * @param {Object} [options] Options object * @return {Text} thisArg */ - constructor(text, options) { + constructor(text: string, options: object): Text { this.styles = options ? options.styles || {} : {}; this.text = text; this.__skipDimension = true; @@ -341,8 +364,8 @@ export class Text extends FabricObject { * for path and text calculations * @return {Text} thisArg */ - setPathInfo() { - var path = this.path; + setPathInfo(): Text { + const path = this.path; if (path) { path.segmentsInfo = getPathSegmentsInfo(path.path); } @@ -357,7 +380,7 @@ export class Text extends FabricObject { * @param {Object} [options] Options object * @return {Text} thisArg */ - getMeasuringContext() { + getMeasuringContext(): Text { if (!fabric._measuringContext) { fabric._measuringContext = (this.canvas && this.canvas.contextCache) || @@ -371,7 +394,7 @@ export class Text extends FabricObject { * Divides text into lines of text and lines of graphemes. */ _splitText() { - var newLines = this._splitTextIntoLines(this.text); + const newLines = this._splitTextIntoLines(this.text); this.textLines = newLines.lines; this._textLines = newLines.graphemeLines; this._unwrappedTextLines = newLines._unwrappedLines; @@ -409,14 +432,14 @@ export class Text extends FabricObject { * Enlarge space boxes and shift the others */ enlargeSpaces() { - var diffSpace, + let diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; - for (var i = 0, len = this._textLines.length; i < len; i++) { + for (let i = 0, len = this._textLines.length; i < len; i++) { if ( this.textAlign !== 'justify' && (i === len - 1 || this.isEndOfWrapping(i)) @@ -432,7 +455,7 @@ export class Text extends FabricObject { ) { numberOfSpaces = spaces.length; diffSpace = (this.width - currentLineWidth) / numberOfSpaces; - for (var j = 0, jlen = line.length; j <= jlen; j++) { + for (let j = 0, jlen = line.length; j <= jlen; j++) { charBound = this.__charBounds[i][j]; if (this._reSpaceAndTab.test(line[j])) { charBound.width += diffSpace; @@ -452,7 +475,7 @@ export class Text extends FabricObject { * text and itext do not have wrapping, return false * @return {Boolean} */ - isEndOfWrapping(lineIndex) { + isEndOfWrapping(lineIndex): boolean { return lineIndex === this._textLines.length - 1; } @@ -470,7 +493,7 @@ export class Text extends FabricObject { * Returns string representation of an instance * @return {String} String representation of text object */ - toString() { + toString(): string { return ( '# maxWidth) { maxWidth = currentLineWidth; } @@ -585,7 +612,14 @@ export class Text extends FabricObject { * @param {Number} top Top position of text * @param {Number} lineIndex Index of a line in a text */ - _renderTextLine(method, ctx, line, left, top, lineIndex) { + _renderTextLine( + method: string, + ctx: CanvasRenderingContext2D, + line: string, + left: number, + top: number, + lineIndex: number + ) { this._renderChars(method, ctx, line, left, top, lineIndex); } @@ -594,11 +628,11 @@ export class Text extends FabricObject { * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextLinesBackground(ctx) { + _renderTextLinesBackground(ctx: CanvasRenderingContext2D) { if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { return; } - var heightOfLine, + let heightOfLine, lineLeftOffset, originalFill = ctx.fillStyle, line, @@ -612,7 +646,7 @@ export class Text extends FabricObject { path = this.path, drawStart; - for (var i = 0, len = this._textLines.length; i < len; i++) { + for (let i = 0, len = this._textLines.length; i < len; i++) { heightOfLine = this.getHeightOfLine(i); if ( !this.textBackgroundColor && @@ -626,7 +660,7 @@ export class Text extends FabricObject { boxWidth = 0; boxStart = 0; lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { + for (let j = 0, jlen = line.length; j < jlen; j++) { charBox = this.__charBounds[i][j]; currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); if (path) { @@ -693,8 +727,13 @@ export class Text extends FabricObject { * @param {String} [previousChar] previous char * @param {Object} [prevCharStyle] style of previous char */ - _measureChar(_char, charStyle, previousChar, prevCharStyle) { - var fontCache = cache.getFontCache(charStyle), + _measureChar( + _char: string, + charStyle: object, + previousChar: string, + prevCharStyle: object + ) { + let fontCache = cache.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, @@ -750,7 +789,7 @@ export class Text extends FabricObject { * @param {Number} _char the character index number * @return {Number} fontSize of the character */ - getHeightOfChar(line, _char) { + getHeightOfChar(line: number, _char: number): number { return this.getValueOfPropertyAt(line, _char, 'fontSize'); } @@ -759,8 +798,8 @@ export class Text extends FabricObject { * @param {Number} lineIndex line number * @return {Number} Line width */ - measureLine(lineIndex) { - var lineInfo = this._measureLine(lineIndex); + measureLine(lineIndex: number): number { + const lineInfo = this._measureLine(lineIndex); if (this.charSpacing !== 0) { lineInfo.width -= this._getWidthOfCharSpacing(); } @@ -776,8 +815,8 @@ export class Text extends FabricObject { * @return {Object} object.width total width of characters * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs */ - _measureLine(lineIndex) { - var width = 0, + _measureLine(lineIndex: number): object { + let width = 0, i, grapheme, line = this._textLines[lineIndex], @@ -853,12 +892,16 @@ export class Text extends FabricObject { * @param {Object} graphemeInfo current grapheme box information * @param {Object} startingPoint position of the point */ - _setGraphemeOnPath(positionInPath, graphemeInfo, startingPoin) { - var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, + _setGraphemeOnPath( + positionInPath: number, + graphemeInfo: object, + startingPoin + ) { + const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; // we are at currentPositionOnPath. we want to know what point on the path is. - var info = getPointOnPath(path.path, centerPosition, path.segmentsInfo); + const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo); graphemeInfo.renderLeft = info.x - startingPoint.x; graphemeInfo.renderTop = info.y - startingPoint.y; graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); @@ -882,8 +925,14 @@ export class Text extends FabricObject { * @param {String} [prevGrapheme] character preceding the one to be measured * @returns {GraphemeBBox} grapheme bbox */ - _getGraphemeBox(grapheme, lineIndex, charIndex, prevGrapheme, skipLef) { - var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), + _getGraphemeBox( + grapheme: string, + lineIndex: number, + charIndex: number, + prevGrapheme: string, + skipLef + ): GraphemeBBox { + let style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) : {}, @@ -898,7 +947,7 @@ export class Text extends FabricObject { kernedWidth += charSpacing; } - var box = { + const box = { width: width, left: 0, height: style.fontSize, @@ -906,7 +955,7 @@ export class Text extends FabricObject { deltaY: style.deltaY, }; if (charIndex > 0 && !skipLeft) { - var previousBox = this.__charBounds[lineIndex][charIndex - 1]; + const previousBox = this.__charBounds[lineIndex][charIndex - 1]; box.left = previousBox.left + previousBox.width + info.kernedWidth - info.width; } @@ -918,16 +967,16 @@ export class Text extends FabricObject { * @param {Number} lineIndex index of line to calculate * @return {Number} */ - getHeightOfLine(lineIndex) { + getHeightOfLine(lineIndex: number): number { if (this.__lineHeights[lineIndex]) { return this.__lineHeights[lineIndex]; } - var line = this._textLines[lineIndex], + let line = this._textLines[lineIndex], // char 0 is measured before the line cycle because it nneds to char // emptylines maxHeight = this.getHeightOfChar(lineIndex, 0); - for (var i = 1, len = line.length; i < len; i++) { + for (let i = 1, len = line.length; i < len; i++) { maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); } @@ -939,9 +988,9 @@ export class Text extends FabricObject { * Calculate text box height */ calcTextHeight() { - var lineHeight, + let lineHeight, height = 0; - for (var i = 0, len = this._textLines.length; i < len; i++) { + for (let i = 0, len = this._textLines.length; i < len; i++) { lineHeight = this.getHeightOfLine(i); height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; } @@ -952,7 +1001,7 @@ export class Text extends FabricObject { * @private * @return {Number} Left offset */ - _getLeftOffset() { + _getLeftOffset(): number { return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; } @@ -960,7 +1009,7 @@ export class Text extends FabricObject { * @private * @return {Number} Top offset */ - _getTopOffset() { + _getTopOffset(): number { return -this.height / 2; } @@ -969,13 +1018,13 @@ export class Text extends FabricObject { * @param {CanvasRenderingContext2D} ctx Context to render on * @param {String} method Method name ("fillText" or "strokeText") */ - _renderTextCommon(ctx, method) { + _renderTextCommon(ctx: CanvasRenderingContext2D, method: string) { ctx.save(); - var lineHeights = 0, + let lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); - for (var i = 0, len = this._textLines.length; i < len; i++) { - var heightOfLine = this.getHeightOfLine(i), + for (let i = 0, len = this._textLines.length; i < len; i++) { + const heightOfLine = this.getHeightOfLine(i), maxHeight = heightOfLine / this.lineHeight, leftOffset = this._getLineLeftOffset(i); this._renderTextLine( @@ -995,7 +1044,7 @@ export class Text extends FabricObject { * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextFill(ctx) { + _renderTextFill(ctx: CanvasRenderingContext2D) { if (!this.fill && !this.styleHas('fill')) { return; } @@ -1007,7 +1056,7 @@ export class Text extends FabricObject { * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextStroke(ctx) { + _renderTextStroke(ctx: CanvasRenderingContext2D) { if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { return; } @@ -1033,8 +1082,15 @@ export class Text extends FabricObject { * @param {Number} top * @param {Number} lineIndex */ - _renderChars(method, ctx, line, left, top, lineIndex) { - var lineHeight = this.getHeightOfLine(lineIndex), + _renderChars( + method: string, + ctx: CanvasRenderingContext2D, + line: Array, + left: number, + top: number, + lineIndex: number + ) { + let lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, @@ -1077,7 +1133,7 @@ export class Text extends FabricObject { ctx.restore(); return; } - for (var i = 0, len = line.length - 1; i <= len; i++) { + for (let i = 0, len = line.length - 1; i <= len; i++) { timeToRender = i === len || this.charSpacing || path; charsToRender += line[i]; charBox = this.__charBounds[lineIndex][i]; @@ -1148,8 +1204,8 @@ export class Text extends FabricObject { * @param {fabric.Gradient} filler a fabric gradient instance * @return {CanvasPattern} a pattern to use as fill/stroke style */ - _applyPatternGradientTransformText(filler) { - var pCanvas = createCanvasElement(), + _applyPatternGradientTransformText(filler: fabric.Gradient): CanvasPattern { + let pCanvas = createCanvasElement(), pCtx, // TODO: verify compatibility with strokeUniform width = this.width + this.strokeWidth, @@ -1171,7 +1227,7 @@ export class Text extends FabricObject { } handleFiller(ctx, property, filler) { - var offsetX, offsetY; + let offsetX, offsetY; if (filler.toLive) { if ( filler.gradientUnits === 'percentage' || @@ -1223,8 +1279,16 @@ export class Text extends FabricObject { * @param {Number} top Top coordinate * @param {Number} lineHeight Height of the line */ - _renderChar(method, ctx, lineIndex, charIndex, _char, left, to) { - var decl = this._getStyleDeclaration(lineIndex, charIndex), + _renderChar( + method: string, + ctx: CanvasRenderingContext2D, + lineIndex: number, + charIndex: number, + _char: string, + left: number, + to + ) { + let decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = @@ -1270,7 +1334,7 @@ export class Text extends FabricObject { * @returns {Text} thisArg * @chainable */ - setSuperscript(start, end) { + setSuperscript(start: number, end: number): Text { return this._setScript(start, end, this.superscript); } @@ -1281,7 +1345,7 @@ export class Text extends FabricObject { * @returns {Text} thisArg * @chainable */ - setSubscript(start, end) { + setSubscript(start: number, end: number): Text { return this._setScript(start, end, this.subscript); } @@ -1294,8 +1358,8 @@ export class Text extends FabricObject { * @returns {Text} thisArg * @chainable */ - _setScript(start, end, schema) { - var loc = this.get2DCursorLocation(start, true), + _setScript(start: number, end: number, schema: number): Text { + const loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt( loc.lineIndex, loc.charIndex, @@ -1315,7 +1379,7 @@ export class Text extends FabricObject { * @param {Number} lineIndex index text line * @return {Number} Line left offset */ - _getLineLeftOffset(lineIndex) { + _getLineLeftOffset(lineIndex: number): number { var lineWidth = this.getLineWidth(lineIndex), lineDiff = this.width - lineWidth, textAlign = this.textAlign, @@ -1372,7 +1436,7 @@ export class Text extends FabricObject { * @private */ _shouldClearDimensionCache() { - var shouldClear = this._forceClearCache; + let shouldClear = this._forceClearCache; shouldClear || (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); if (shouldClear) { @@ -1389,13 +1453,13 @@ export class Text extends FabricObject { * @param {Number} lineIndex line number * @return {Number} Line width */ - getLineWidth(lineIndex) { + getLineWidth(lineIndex: number): number { if (this.__lineWidths[lineIndex] !== undefined) { return this.__lineWidths[lineIndex]; } - var lineInfo = this.measureLine(lineIndex); - var width = lineInfo.width; + const lineInfo = this.measureLine(lineIndex); + const width = lineInfo.width; this.__lineWidths[lineIndex] = width; return width; } @@ -1414,8 +1478,8 @@ export class Text extends FabricObject { * @param {String} property the property name * @returns the value of 'property' */ - getValueOfPropertyAt(lineIndex, charIndex, property) { - var charStyle = this._getStyleDeclaration(lineIndex, charIndex); + getValueOfPropertyAt(lineIndex: number, charIndex: number, property: string) { + const charStyle = this._getStyleDeclaration(lineIndex, charIndex); if (charStyle && typeof charStyle[property] !== 'undefined') { return charStyle[property]; } @@ -1426,11 +1490,11 @@ export class Text extends FabricObject { * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextDecoration(ctx, type) { + _renderTextDecoration(ctx: CanvasRenderingContext2D, type) { if (!this[type] && !this.styleHas(type)) { return; } - var heightOfLine, + let heightOfLine, size, _size, lineLeftOffset, @@ -1452,7 +1516,7 @@ export class Text extends FabricObject { charSpacing = this._getWidthOfCharSpacing(), offsetY = this.offsets[type]; - for (var i = 0, len = this._textLines.length; i < len; i++) { + for (let i = 0, len = this._textLines.length; i < len; i++) { heightOfLine = this.getHeightOfLine(i); if (!this[type] && !this.styleHas(type, i)) { topOffset += heightOfLine; @@ -1468,7 +1532,7 @@ export class Text extends FabricObject { top = topOffset + maxHeight * (1 - this._fontSizeFraction); size = this.getHeightOfChar(i, 0); dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); - for (var j = 0, jlen = line.length; j < jlen; j++) { + for (let j = 0, jlen = line.length; j < jlen; j++) { charBox = this.__charBounds[i][j]; currentDecoration = this.getValueOfPropertyAt(i, j, type); currentFill = this.getValueOfPropertyAt(i, j, 'fill'); @@ -1541,11 +1605,11 @@ export class Text extends FabricObject { * @param {Object} [styleObject] object * @returns {String} font declaration formatted for canvas context. */ - _getFontDeclaration(styleObject, forMeasuring) { - var style = styleObject || this, + _getFontDeclaration(styleObject: object, forMeasuring): string { + const style = styleObject || this, family = this.fontFamily, fontIsGeneric = Text.genericFonts.indexOf(family.toLowerCase()) > -1; - var fontFamily = + const fontFamily = family === undefined || family.indexOf("'") > -1 || family.indexOf(',') > -1 || @@ -1567,7 +1631,7 @@ export class Text extends FabricObject { * Renders text instance on a specified context * @param {CanvasRenderingContext2D} ctx Context to render on */ - render(ctx) { + render(ctx: CanvasRenderingContext2D) { if (!this.visible) { return; } @@ -1590,7 +1654,7 @@ export class Text extends FabricObject { * @param {string} value * @returns {string[]} array of graphemes */ - graphemeSplit(value) { + graphemeSplit(value: string): string[] { return string.graphemeSplit(value); } @@ -1599,12 +1663,12 @@ export class Text extends FabricObject { * @param {String} text text to split * @returns {Array} Lines in the text */ - _splitTextIntoLines(text) { - var lines = text.split(this._reNewline), + _splitTextIntoLines(text: string): Array { + let lines = text.split(this._reNewline), newLines = new Array(lines.length), newLine = ['\n'], newText = []; - for (var i = 0; i < lines.length; i++) { + for (let i = 0; i < lines.length; i++) { newLines[i] = this.graphemeSplit(lines[i]); newText = newText.concat(newLines[i], newLine); } @@ -1622,9 +1686,9 @@ export class Text extends FabricObject { * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output * @return {Object} Object representation of an instance */ - toObject(propertiesToInclude) { - var allProperties = additionalProps.concat(propertiesToInclude); - var obj = super.toObject(allProperties); + toObject(propertiesToInclude: Array): object { + const allProperties = additionalProps.concat(propertiesToInclude); + const obj = super.toObject(allProperties); obj.styles = stylesToArray(this.styles, this.text); if (obj.path) { obj.path = this.path.toObject(); @@ -1639,12 +1703,12 @@ export class Text extends FabricObject { * @return {FabricObject} thisArg * @chainable */ - set(key, value) { + set(key: string | object, value: object | Function): FabricObject { super.set(key, value); - var needsDims = false; - var isAddingPath = false; + let needsDims = false; + let isAddingPath = false; if (typeof key === 'object') { - for (var _key in key) { + for (const _key in key) { if (_key === 'path') { this.setPathInfo(); } @@ -1670,7 +1734,7 @@ export class Text extends FabricObject { * Returns complexity of an instance * @return {Number} complexity */ - complexity() { + complexity(): number { return 1; } @@ -1702,12 +1766,12 @@ export class Text extends FabricObject { * @param {Function} callback callback function invoked after parsing * @param {Object} [options] Options object */ - static fromElement(element, callback, options) { + static fromElement(element: SVGElement, callback: Function, options: object) { if (!element) { return callback(null); } - var parsedAttributes = fabric.parseAttributes( + const parsedAttributes = fabric.parseAttributes( element, Text.ATTRIBUTE_NAMES ), @@ -1717,7 +1781,7 @@ export class Text extends FabricObject { options.top = options.top || 0; options.left = options.left || 0; if (parsedAttributes.textDecoration) { - var textDecoration = parsedAttributes.textDecoration; + const textDecoration = parsedAttributes.textDecoration; if (textDecoration.indexOf('underline') !== -1) { options.underline = true; } @@ -1739,7 +1803,7 @@ export class Text extends FabricObject { options.fontSize = DEFAULT_SVG_FONT_SIZE; } - var textContent = ''; + let textContent = ''; // The XML is not properly parsed in IE9 so a workaround to get // textContent is through firstChild.data. Another workaround would be @@ -1757,10 +1821,10 @@ export class Text extends FabricObject { textContent = textContent .replace(/^\s+|\s+$|\n+/g, '') .replace(/\s+/g, ' '); - var originalStrokeWidth = options.strokeWidth; + const originalStrokeWidth = options.strokeWidth; options.strokeWidth = 0; - var text = new Text(textContent, options), + let text = new Text(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, @@ -1797,10 +1861,10 @@ export class Text extends FabricObject { * @param {Object} object plain js Object to create an instance from * @returns {Promise} */ - static fromObject(object) { - var styles = stylesFromArray(object.styles, object.text); + static fromObject(object: object): Promise { + const styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation - var objCopy = Object.assign({}, object, { styles: styles }); + const objCopy = Object.assign({}, object, { styles: styles }); return FabricObject._fromObject(Text, objCopy, { extraParam: 'text', }); @@ -1892,5 +1956,3 @@ Object.assign(Text.prototype, textDefaultValues); /* _FROM_SVG_START_ */ /* _FROM_SVG_END_ */ - -Text.genericFonts = ['sans-serif', 'serif', 'cursive', 'fantasy', 'monospace']; diff --git a/src/shapes/textbox.class.ts b/src/shapes/textbox.class.ts index 44bb1ec85c6..7aaa325221d 100644 --- a/src/shapes/textbox.class.ts +++ b/src/shapes/textbox.class.ts @@ -39,7 +39,7 @@ export class Textbox extends fabric.IText { * Cached array of text wrapping. * @type Array */ - __cachedLines; + __cachedLines: Array; /** * Override standard Object class values @@ -57,7 +57,7 @@ export class Textbox extends fabric.IText { * @type Object * @private */ - _dimensionAffectingProps; + _dimensionAffectingProps: object; /** * Use this regular expression to split strings in breakable lines @@ -145,7 +145,7 @@ export class Textbox extends fabric.IText { * @param {Number} lineIndex * @return {Boolean} */ - styleHas(property, lineIndex) { + styleHas(property, lineIndex: number): boolean { if (this._styleMap && !this.isWrapping) { var map = this._styleMap[lineIndex]; if (map) { @@ -160,7 +160,7 @@ export class Textbox extends fabric.IText { * @param {Number} lineIndex , lineIndex is on wrapped lines. * @return {Boolean} */ - isEmptyStyles(lineIndex) { + isEmptyStyles(lineIndex: number): boolean { if (!this.styles) { return true; } @@ -202,7 +202,7 @@ export class Textbox extends fabric.IText { * @param {Number} charIndex * @private */ - _getStyleDeclaration(lineIndex, charIndex) { + _getStyleDeclaration(lineIndex: number, charIndex: number) { if (this._styleMap && !this.isWrapping) { var map = this._styleMap[lineIndex]; if (!map) { @@ -220,7 +220,7 @@ export class Textbox extends fabric.IText { * @param {Object} style * @private */ - _setStyleDeclaration(lineIndex, charIndex, style) { + _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) { var map = this._styleMap[lineIndex]; lineIndex = map.line; charIndex = map.offset + charIndex; @@ -233,7 +233,7 @@ export class Textbox extends fabric.IText { * @param {Number} charIndex * @private */ - _deleteStyleDeclaration(lineIndex, charIndex) { + _deleteStyleDeclaration(lineIndex: number, charIndex: number) { var map = this._styleMap[lineIndex]; lineIndex = map.line; charIndex = map.offset + charIndex; @@ -248,7 +248,7 @@ export class Textbox extends fabric.IText { * @returns {Boolean} if the line exists or not * @private */ - _getLineStyle(lineIndex) { + _getLineStyle(lineIndex: number): boolean { var map = this._styleMap[lineIndex]; return !!this.styles[map.line]; } @@ -259,7 +259,7 @@ export class Textbox extends fabric.IText { * @param {Object} style * @private */ - _setLineStyle(lineIndex) { + _setLineStyle(lineIndex: number) { var map = this._styleMap[lineIndex]; this.styles[map.line] = {}; } @@ -273,7 +273,7 @@ export class Textbox extends fabric.IText { * @param {Number} desiredWidth width you want to wrap to * @returns {Array} Array of lines */ - _wrapText(lines, desiredWidth) { + _wrapText(lines: Array, desiredWidth: number): Array { var wrapped = [], i; this.isWrapping = true; @@ -296,7 +296,7 @@ export class Textbox extends fabric.IText { * @param {number} charOffset * @returns {number} */ - _measureWord(word, lineIndex, charOffset) { + _measureWord(word, lineIndex: number, charOffset: number): number { var width = 0, prevGrapheme, skipLeft = true; @@ -321,7 +321,7 @@ export class Textbox extends fabric.IText { * @param {string} value * @returns {string[]} array of words */ - wordSplit(value) { + wordSplit(value: string): string[] { return value.split(this._wordJoiners); } @@ -334,7 +334,12 @@ export class Textbox extends fabric.IText { * @returns {Array} Array of line(s) into which the given text is wrapped * to. */ - _wrapLine(_line, lineIndex, desiredWidth, reservedSpace) { + _wrapLine( + _line, + lineIndex: number, + desiredWidth: number, + reservedSpace: number + ): Array { var lineWidth = 0, splitByGrapheme = this.splitByGrapheme, graphemeLines = [], @@ -416,7 +421,7 @@ export class Textbox extends fabric.IText { * @param {Number} lineIndex text to split * @return {Boolean} */ - isEndOfWrapping(lineIndex) { + isEndOfWrapping(lineIndex: number): boolean { if (!this._styleMap[lineIndex + 1]) { // is last line, return true; return true; @@ -447,7 +452,7 @@ export class Textbox extends fabric.IText { * @returns {Array} Array of lines in the Textbox. * @override */ - _splitTextIntoLines(text) { + _splitTextIntoLines(text: string): Array { var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); @@ -483,7 +488,7 @@ export class Textbox extends fabric.IText { * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output * @return {Object} object representation of an instance */ - toObject(propertiesToInclude) { + toObject(propertiesToInclude: Array): object { return super.toObject( ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude) ); @@ -496,7 +501,7 @@ export class Textbox extends fabric.IText { * @param {Object} object Object to create an instance from * @returns {Promise} */ - static fromObject(object) { + static fromObject(object: object): Promise { var styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation var objCopy = Object.assign({}, object, { styles: styles }); From bf6ed0635e0fa0fdc5164207de7d85f7a31c5234 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Tue, 1 Nov 2022 09:17:27 +0200 Subject: [PATCH 05/58] auto fixes --- src/shapes/itext.class.ts | 42 +++++++++++++++---------------- src/shapes/textbox.class.ts | 50 ++++++++++++++++++------------------- 2 files changed, 46 insertions(+), 46 deletions(-) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index e28533230a6..19a4b0f8f2a 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,7 +1,7 @@ //@ts-nocheck import { FabricObject } from './fabricObject.class'; -var fabric = global.fabric; +const fabric = global.fabric; /** * IText class (introduced in v1.4) Events are also fired with "text:" * prefix when observing canvas. @@ -279,11 +279,11 @@ export class IText extends fabric.Text { if (!this.isEditing) { return; } - var ctx = this.clearContextTop(true); + const ctx = this.clearContextTop(true); if (!ctx) { return; } - var boundaries = this._getCursorBoundaries(); + const boundaries = this._getCursorBoundaries(); if (this.selectionStart === this.selectionEnd) { this.renderCursor(ctx, boundaries); } else { @@ -298,7 +298,7 @@ export class IText extends fabric.Text { * If contextTop is not available, do nothing. */ renderCursorAt(selectionStart) { - var boundaries = this._getCursorBoundaries(selectionStart, true); + const boundaries = this._getCursorBoundaries(selectionStart, true); this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); } @@ -314,7 +314,7 @@ export class IText extends fabric.Text { if (typeof index === 'undefined') { index = this.selectionStart; } - var left = this._getLeftOffset(), + const left = this._getLeftOffset(), top = this._getTopOffset(), offsets = this._getCursorBoundariesOffsets(index, skipCaching); return { @@ -347,7 +347,7 @@ export class IText extends fabric.Text { * @param {number} index index from start */ __getCursorBoundariesOffsets(index: number) { - var lineLeftOffset, + let lineLeftOffset, lineIndex, charIndex, topOffset = 0, @@ -356,11 +356,11 @@ export class IText extends fabric.Text { cursorPosition = this.get2DCursorLocation(index); charIndex = cursorPosition.charIndex; lineIndex = cursorPosition.lineIndex; - for (var i = 0; i < lineIndex; i++) { + for (let i = 0; i < lineIndex; i++) { topOffset += this.getHeightOfLine(i); } lineLeftOffset = this._getLineLeftOffset(lineIndex); - var bound = this.__charBounds[lineIndex][charIndex]; + const bound = this.__charBounds[lineIndex][charIndex]; bound && (leftOffset = bound.left); if ( this.charSpacing !== 0 && @@ -404,7 +404,7 @@ export class IText extends fabric.Text { } _renderCursor(ctx, boundaries, selectionStart) { - var cursorLocation = this.get2DCursorLocation(selectionStart), + let cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, @@ -441,7 +441,7 @@ export class IText extends fabric.Text { * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ renderSelection(ctx: CanvasRenderingContext2D, boundaries: object) { - var selection = { + const selection = { selectionStart: this.inCompositionMode ? this.hiddenTextarea.selectionStart : this.selectionStart, @@ -473,7 +473,7 @@ export class IText extends fabric.Text { } renderDropTargetEffect(e) { - var dragSelection = this.getSelectionStartFromPointer(e); + const dragSelection = this.getSelectionStartFromPointer(e); this.renderCursorAt(dragSelection); } @@ -489,7 +489,7 @@ export class IText extends fabric.Text { selection: { selectionStart: number; selectionEnd: number }, boundaries: object ) { - var selectionStart = selection.selectionStart, + const selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, start = this.get2DCursorLocation(selectionStart), @@ -499,8 +499,8 @@ export class IText extends fabric.Text { startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex; - for (var i = startLine; i <= endLine; i++) { - var lineOffset = this._getLineLeftOffset(i) || 0, + for (let i = startLine; i <= endLine; i++) { + let lineOffset = this._getLineLeftOffset(i) || 0, lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, @@ -518,7 +518,7 @@ export class IText extends fabric.Text { if (endChar === 0) { boxEnd = this.__charBounds[endLine][endChar].left; } else { - var charSpacing = this._getWidthOfCharSpacing(); + const charSpacing = this._getWidthOfCharSpacing(); boxEnd = this.__charBounds[endLine][endChar - 1].left + this.__charBounds[endLine][endChar - 1].width - @@ -529,7 +529,7 @@ export class IText extends fabric.Text { if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { lineHeight /= this.lineHeight; } - var drawStart = boundaries.left + lineOffset + boxStart, + let drawStart = boundaries.left + lineOffset + boxStart, drawWidth = boxEnd - boxStart, drawHeight = lineHeight, extraTop = 0; @@ -577,7 +577,7 @@ export class IText extends fabric.Text { * @return {Number} Character font size */ getCurrentCharFontSize(): number { - var cp = this._getCurrentCharIndex(); + const cp = this._getCurrentCharIndex(); return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); } @@ -590,7 +590,7 @@ export class IText extends fabric.Text { * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) */ getCurrentCharColor(): string | fabric.Gradient | fabric.Pattern { - var cp = this._getCurrentCharIndex(); + const cp = this._getCurrentCharIndex(); return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); } @@ -599,7 +599,7 @@ export class IText extends fabric.Text { * @private */ _getCurrentCharIndex() { - var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), + const cursorPosition = this.get2DCursorLocation(this.selectionStart, true), charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; return { l: cursorPosition.lineIndex, c: charIndex }; @@ -613,9 +613,9 @@ export class IText extends fabric.Text { * @returns {Promise} */ static fromObject(object: object): Promise { - var styles = stylesFromArray(object.styles, object.text); + const styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation - var objCopy = Object.assign({}, object, { styles: styles }); + const objCopy = Object.assign({}, object, { styles: styles }); return FabricObject._fromObject(IText, objCopy, { extraParam: 'text', }); diff --git a/src/shapes/textbox.class.ts b/src/shapes/textbox.class.ts index 7aaa325221d..ec858c46ae9 100644 --- a/src/shapes/textbox.class.ts +++ b/src/shapes/textbox.class.ts @@ -1,5 +1,5 @@ //@ts-nocheck -var fabric = global.fabric || (global.fabric = {}); +const fabric = global.fabric || (global.fabric = {}); /** * Textbox class, based on IText, allows the user to resize the text rectangle @@ -111,12 +111,12 @@ export class Textbox extends fabric.IText { * @private */ _generateStyleMap(textInfo) { - var realLineCount = 0, + let realLineCount = 0, realLineCharCount = 0, charCount = 0, map = {}; - for (var i = 0; i < textInfo.graphemeLines.length; i++) { + for (let i = 0; i < textInfo.graphemeLines.length; i++) { if (textInfo.graphemeText[charCount] === '\n' && i > 0) { realLineCharCount = 0; charCount++; @@ -147,7 +147,7 @@ export class Textbox extends fabric.IText { */ styleHas(property, lineIndex: number): boolean { if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; + const map = this._styleMap[lineIndex]; if (map) { lineIndex = map.line; } @@ -164,7 +164,7 @@ export class Textbox extends fabric.IText { if (!this.styles) { return true; } - var offset = 0, + let offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, @@ -184,11 +184,11 @@ export class Textbox extends fabric.IText { typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { + for (const p1 in obj) { + for (const p2 in obj[p1]) { if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { + for (const p3 in obj[p1][p2]) { return false; } } @@ -204,7 +204,7 @@ export class Textbox extends fabric.IText { */ _getStyleDeclaration(lineIndex: number, charIndex: number) { if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; + const map = this._styleMap[lineIndex]; if (!map) { return null; } @@ -221,7 +221,7 @@ export class Textbox extends fabric.IText { * @private */ _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) { - var map = this._styleMap[lineIndex]; + const map = this._styleMap[lineIndex]; lineIndex = map.line; charIndex = map.offset + charIndex; @@ -234,7 +234,7 @@ export class Textbox extends fabric.IText { * @private */ _deleteStyleDeclaration(lineIndex: number, charIndex: number) { - var map = this._styleMap[lineIndex]; + const map = this._styleMap[lineIndex]; lineIndex = map.line; charIndex = map.offset + charIndex; delete this.styles[lineIndex][charIndex]; @@ -249,7 +249,7 @@ export class Textbox extends fabric.IText { * @private */ _getLineStyle(lineIndex: number): boolean { - var map = this._styleMap[lineIndex]; + const map = this._styleMap[lineIndex]; return !!this.styles[map.line]; } @@ -260,7 +260,7 @@ export class Textbox extends fabric.IText { * @private */ _setLineStyle(lineIndex: number) { - var map = this._styleMap[lineIndex]; + const map = this._styleMap[lineIndex]; this.styles[map.line] = {}; } @@ -274,7 +274,7 @@ export class Textbox extends fabric.IText { * @returns {Array} Array of lines */ _wrapText(lines: Array, desiredWidth: number): Array { - var wrapped = [], + let wrapped = [], i; this.isWrapping = true; for (i = 0; i < lines.length; i++) { @@ -297,12 +297,12 @@ export class Textbox extends fabric.IText { * @returns {number} */ _measureWord(word, lineIndex: number, charOffset: number): number { - var width = 0, + let width = 0, prevGrapheme, skipLeft = true; charOffset = charOffset || 0; - for (var i = 0, len = word.length; i < len; i++) { - var box = this._getGraphemeBox( + for (let i = 0, len = word.length; i < len; i++) { + const box = this._getGraphemeBox( word[i], lineIndex, i + charOffset, @@ -363,17 +363,17 @@ export class Textbox extends fabric.IText { } desiredWidth -= reservedSpace; // measure words - var data = words.map( + const data = words.map( function (word) { // if using splitByGrapheme words are already in graphemes. word = splitByGrapheme ? word : this.graphemeSplit(word); - var width = this._measureWord(word, lineIndex, offset); + const width = this._measureWord(word, lineIndex, offset); largestWordWidth = Math.max(width, largestWordWidth); offset += word.length + 1; return { word: word, width: width }; }.bind(this) ); - var maxWidth = Math.max( + const maxWidth = Math.max( desiredWidth, largestWordWidth, this.dynamicMinWidth @@ -453,10 +453,10 @@ export class Textbox extends fabric.IText { * @override */ _splitTextIntoLines(text: string): Array { - var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), + const newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); - for (var i = 0; i < graphemeLines.length; i++) { + for (let i = 0; i < graphemeLines.length; i++) { lines[i] = graphemeLines[i].join(''); } newText.lines = lines; @@ -469,7 +469,7 @@ export class Textbox extends fabric.IText { } _removeExtraneousStyles() { - var linesToKeep = {}; + const linesToKeep = {}; for (var prop in this._styleMap) { if (this._textLines[prop]) { linesToKeep[this._styleMap[prop].line] = 1; @@ -502,9 +502,9 @@ export class Textbox extends fabric.IText { * @returns {Promise} */ static fromObject(object: object): Promise { - var styles = stylesFromArray(object.styles, object.text); + const styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation - var objCopy = Object.assign({}, object, { styles: styles }); + const objCopy = Object.assign({}, object, { styles: styles }); return FabricObject._fromObject(Textbox, objCopy, { extraParam: 'text', }); From f61c5711b3e4f95065d67002b1ec1ba801fb64a4 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Tue, 1 Nov 2022 16:11:04 +0200 Subject: [PATCH 06/58] c --- src/mixins/text_style.mixin.ts | 136 ++++++++++++++++++++------------- src/shapes/itext.class.ts | 33 ++++---- src/shapes/text.class.ts | 22 +++--- src/shapes/textbox.class.ts | 58 ++++---------- 4 files changed, 126 insertions(+), 123 deletions(-) diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index ac5d67da290..c07668d1f2c 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -1,10 +1,15 @@ -// @ts-nocheck +//// @ts-nocheck +import { FabricObject } from '../shapes/fabricObject.class'; import { Text } from '../shapes/text.class'; -export class TextStyleMixin extends Text { - selectionStart?: number; - selectionEnd?: number; +export abstract class StyledText extends Text { + // styles: any; + // protected _textLines: any; + // protected _unwrappedTextLines: any; + // protected _forceClearCache: boolean; + // protected _styleProperties: any; + // abstract missingNewlineOffset(i: number): number; /** * Returns true if object has no styling or no styling in a line @@ -137,7 +142,7 @@ export class TextStyleMixin extends Text { * * @param {String} props The property to remove from character styles. */ - removeStyle(property) { + removeStyle(property: string) { if (!this.styles || !property || property === '') { return; } @@ -162,7 +167,7 @@ export class TextStyleMixin extends Text { /** * @private */ - _extendStyles(index, styles) { + _extendStyles(index: number, styles) { const loc = this.get2DCursorLocation(index); if (!this._getLineStyle(loc.lineIndex)) { @@ -180,14 +185,11 @@ export class TextStyleMixin extends Text { } /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * Returns 2d representation (lineIndex and charIndex) of cursor + * @param {Number} selectionStart * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. */ get2DCursorLocation(selectionStart: number, skipWrapping?: boolean) { - if (typeof selectionStart === 'undefined') { - selectionStart = this.selectionStart; - } const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; let i: number; for (i = 0; i < lines.length; i++) { @@ -210,25 +212,18 @@ export class TextStyleMixin extends Text { /** * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Number} startIndex Start index to get styles at + * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1 * @param {Boolean} [complete] get full style or not * @return {Array} styles an array with one, zero or more Style objects */ getSelectionStyles( startIndex: number, - endIndex: number, - complete: boolean + endIndex?: number, + complete?: boolean ): Array { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } const styles = []; - for (let i = startIndex; i < endIndex; i++) { + for (let i = startIndex; i < (endIndex || startIndex); i++) { styles.push(this.getStyleAtPosition(i, complete)); } return styles; @@ -241,7 +236,7 @@ export class TextStyleMixin extends Text { * @return {Object} style Style object at a specified index * @private */ - getStyleAtPosition(position: number, complete: boolean): object { + getStyleAtPosition(position: number, complete?: boolean): object { const loc = this.get2DCursorLocation(position), style = complete ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) @@ -251,29 +246,16 @@ export class TextStyleMixin extends Text { /** * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @return {fabric.IText} thisArg - * @chainable + * @param {Object} styles Styles object + * @param {Number} startIndex Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1 */ - setSelectionStyles( - styles: object, - startIndex: number, - endIndex: number - ): fabric.IText { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - for (let i = startIndex; i < endIndex; i++) { + setSelectionStyles(styles: object, startIndex: number, endIndex?: number) { + for (let i = startIndex; i < (endIndex || startIndex); i++) { this._extendStyles(i, styles); } /* not included in _extendStyles to avoid clearing cache more than once */ this._forceClearCache = true; - return this; } /** @@ -282,7 +264,7 @@ export class TextStyleMixin extends Text { * @param {Number} charIndex * @return {Object} style object */ - _getStyleDeclaration(lineIndex: number, charIndex: number): object { + _getStyleDeclaration(lineIndex: number, charIndex: number) { const lineStyle = this.styles && this.styles[lineIndex]; if (!lineStyle) { return null; @@ -298,10 +280,9 @@ export class TextStyleMixin extends Text { * @return {Object} style object */ getCompleteStyleDeclaration(lineIndex: number, charIndex: number): object { - let style = this._getStyleDeclaration(lineIndex, charIndex) || {}, - styleObject = {}, - prop; - for (let i = 0; i < this._styleProperties.length; i++) { + const style = this._getStyleDeclaration(lineIndex, charIndex) || {}, + styleObject: Record = {}; + for (let i = 0, prop: keyof this; i < this._styleProperties.length; i++) { prop = this._styleProperties[i]; styleObject[prop] = typeof style[prop] === 'undefined' ? this[prop] : style[prop]; @@ -315,7 +296,11 @@ export class TextStyleMixin extends Text { * @param {Object} style * @private */ - _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) { + protected _setStyleDeclaration( + lineIndex: number, + charIndex: number, + style: object + ) { this.styles[lineIndex][charIndex] = style; } @@ -325,7 +310,7 @@ export class TextStyleMixin extends Text { * @param {Number} charIndex * @private */ - _deleteStyleDeclaration(lineIndex: number, charIndex: number) { + protected _deleteStyleDeclaration(lineIndex: number, charIndex: number) { delete this.styles[lineIndex][charIndex]; } @@ -334,7 +319,7 @@ export class TextStyleMixin extends Text { * @return {Boolean} if the line exists or not * @private */ - _getLineStyle(lineIndex: number): boolean { + protected _getLineStyle(lineIndex: number): boolean { return !!this.styles[lineIndex]; } @@ -343,7 +328,7 @@ export class TextStyleMixin extends Text { * @param {Number} lineIndex * @private */ - _setLineStyle(lineIndex: number) { + protected _setLineStyle(lineIndex: number) { this.styles[lineIndex] = {}; } @@ -351,7 +336,54 @@ export class TextStyleMixin extends Text { * @param {Number} lineIndex * @private */ - _deleteLineStyle(lineIndex: number) { + protected _deleteLineStyle(lineIndex: number) { delete this.styles[lineIndex]; } } + +export abstract class ITextBase extends StyledText { + abstract selectionStart: number; + abstract selectionEnd: number; + + /** + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation( + selectionStart: number = this.selectionStart, + skipWrapping?: boolean + ) { + return super.get2DCursorLocation(selectionStart, skipWrapping); + } + + /** + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} startIndex Start index to get styles at + * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles( + startIndex: number = this.selectionStart || 0, + endIndex: number = this.selectionEnd, + complete?: boolean + ) { + return super.getSelectionStyles(startIndex, endIndex, complete); + } + + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + */ + setSelectionStyles( + styles: object, + startIndex: number = this.selectionStart || 0, + endIndex: number = this.selectionEnd + ) { + return super.setSelectionStyles(styles, startIndex, endIndex); + } +} diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 19a4b0f8f2a..7b459bc12c3 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,12 +1,14 @@ -//@ts-nocheck +////@ts-nocheck +import { fabric } from '../../HEADER'; +import { StyledText } from '../mixins/text_style.mixin'; +import { TClassProperties } from '../typedefs'; +import { stylesFromArray } from '../util/misc/textStyles'; import { FabricObject } from './fabricObject.class'; -const fabric = global.fabric; /** * IText class (introduced in v1.4) Events are also fired with "text:" * prefix when observing canvas. * @class IText - * @extends fabric.Text * * @fires changed * @fires selection:changed @@ -53,27 +55,20 @@ const fabric = global.fabric; * Select line: triple click * */ -export class IText extends fabric.Text { - /** - * Type of an object - * @type String - * @default - */ - type: string; - +export class IText extends StyledText { /** * Index where text selection starts (or where cursor is when there is no selection) * @type Number * @default */ - selectionStart: number; + selectionStart = 0; /** * Index where text selection ends * @type Number * @default */ - selectionEnd: number; + selectionEnd = 0; /** * Color of text selection @@ -128,7 +123,7 @@ export class IText extends fabric.Text { cursorDelay: number; /** - * Duration of cursor fadein (in ms) + * Duration of cursor fade in (in ms) * @type Number * @default */ @@ -149,12 +144,12 @@ export class IText extends fabric.Text { * @type HTMLElement * @default */ - hiddenTextareaContainer: HTMLElement; + hiddenTextareaContainer?: HTMLElement | null; /** * @private */ - _reSpace; + _reSpace: RegExp; /** * @private @@ -164,7 +159,7 @@ export class IText extends fabric.Text { /** * @private */ - _selectionDirection; + _selectionDirection: CanvasDirection; /** * Helps determining when the text is in composition, so that the cursor @@ -178,7 +173,7 @@ export class IText extends fabric.Text { * @param {Object} [options] Options object * @return {IText} thisArg */ - constructor(text: string, options: object): IText { + constructor(text: string, options: object) { super(text, options); this.initBehavior(); } @@ -643,3 +638,5 @@ export const iTextDefaultValues: Partial> = { }; Object.assign(IText.prototype, iTextDefaultValues); + +fabric.IText = IText; diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index b7e444e157a..13d2565538d 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -1,8 +1,9 @@ -// @ts-nocheck +//// @ts-nocheck import { fabric } from '../../HEADER'; import { cache } from '../cache'; import { DEFAULT_SVG_FONT_SIZE } from '../constants'; +import { StyledText } from '../mixins/text_style.mixin'; import { TClassProperties } from '../typedefs'; import { createCanvasElement } from '../util/misc/dom'; import { @@ -289,7 +290,7 @@ export class Text extends FabricObject { * @type {CanvasRenderingContext2D} * @default */ - _measuringContext: CanvasRenderingContext2D; + _measuringContext: CanvasRenderingContext2D | null = null; /** * Baseline shift, styles only, keep at 0 for the main text object @@ -316,7 +317,7 @@ export class Text extends FabricObject { * @type {Array} * @default */ - _styleProperties: Array; + _styleProperties: (keyof this)[]; /** * contains characters bounding boxes @@ -1661,13 +1662,13 @@ export class Text extends FabricObject { /** * Returns the text as an array of lines. * @param {String} text text to split - * @returns {Array} Lines in the text + * @returns Lines in the text */ - _splitTextIntoLines(text: string): Array { - let lines = text.split(this._reNewline), - newLines = new Array(lines.length), - newLine = ['\n'], - newText = []; + _splitTextIntoLines(text: string) { + const lines = text.split(this._reNewline), + newLines = new Array(lines.length), + newLine = ['\n']; + let newText = []; for (let i = 0; i < lines.length; i++) { newLines[i] = this.graphemeSplit(lines[i]); newText = newText.concat(newLines[i], newLine); @@ -1929,7 +1930,6 @@ export const textDefaultValues: Partial> = { _fontSizeMult: 1.13, charSpacing: 0, styles: null, - _measuringContext: null, deltaY: 0, direction: 'ltr', _styleProperties: [ @@ -1956,3 +1956,5 @@ Object.assign(Text.prototype, textDefaultValues); /* _FROM_SVG_START_ */ /* _FROM_SVG_END_ */ + +fabric.Text = StyledText; diff --git a/src/shapes/textbox.class.ts b/src/shapes/textbox.class.ts index ec858c46ae9..d48dba325ea 100644 --- a/src/shapes/textbox.class.ts +++ b/src/shapes/textbox.class.ts @@ -1,24 +1,19 @@ -//@ts-nocheck -const fabric = global.fabric || (global.fabric = {}); +// @ts-nocheck + +import { fabric } from '../../HEADER'; +import { TClassProperties } from '../typedefs'; +import { stylesFromArray } from '../util/misc/textStyles'; +import { IText } from './itext.class'; +import { FabricObject } from './object.class'; +import { textDefaultValues } from './text.class'; /** * Textbox class, based on IText, allows the user to resize the text rectangle * and wraps lines automatically. Textboxes have their Y scaling locked, the * user can only change width. Height is adjusted automatically based on the * wrapping of lines. - * @class Textbox - * @extends fabric.IText - * @return {Textbox} thisArg - * @see {@link Textbox#initialize} for constructor definition */ -export class Textbox extends fabric.IText { - /** - * Type of an object - * @type String - * @default - */ - type: string; - +export class Textbox extends IText { /** * Minimum width of textbox, in pixels. * @type Number @@ -39,31 +34,7 @@ export class Textbox extends fabric.IText { * Cached array of text wrapping. * @type Array */ - __cachedLines: Array; - - /** - * Override standard Object class values - */ - lockScalingFlip: boolean; - - /** - * Override standard Object class values - * Textbox needs this on false - */ - noScaleCache: boolean; - - /** - * Properties which when set cause object to change dimensions - * @type Object - * @private - */ - _dimensionAffectingProps: object; - - /** - * Use this regular expression to split strings in breakable lines - * @private - */ - _wordJoiners; + __cachedLines: Array | null = null; /** * Use this boolean property in order to split strings that have no white space concept. @@ -152,7 +123,7 @@ export class Textbox extends fabric.IText { lineIndex = map.line; } } - return fabric.Text.prototype.styleHas.call(this, property, lineIndex); + return this.styleHas(property, lineIndex); } /** @@ -453,7 +424,7 @@ export class Textbox extends fabric.IText { * @override */ _splitTextIntoLines(text: string): Array { - const newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), + const newText = this._splitTextIntoLines(text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); for (let i = 0; i < graphemeLines.length; i++) { @@ -515,13 +486,14 @@ export const textboxDefaultValues: Partial> = { type: 'textbox', minWidth: 20, dynamicMinWidth: 2, - __cachedLines: null, lockScalingFlip: true, noScaleCache: false, _dimensionAffectingProps: - fabric.Text.prototype._dimensionAffectingProps.concat('width'), + textDefaultValues._dimensionAffectingProps!.concat('width'), _wordJoiners: /[ \t\r]/, splitByGrapheme: false, }; Object.assign(Textbox.prototype, textboxDefaultValues); + +fabric.Textbox = Textbox; From 365eceb63bc9b09440762c9b3b8bbf6a04585c91 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 13:13:54 +0200 Subject: [PATCH 07/58] mmm --- dist/fabric.d.ts | 2 + dist/fabric.d.ts.map | 1 + dist/fabric.js | 57485 +++++++++++++++---------------- dist/fabric.js.map | 1 + rollup.config.js | 16 - src/mixins/text_style.mixin.ts | 63 +- src/shapes/text.class.ts | 134 +- 7 files changed, 27448 insertions(+), 30254 deletions(-) create mode 100644 dist/fabric.d.ts create mode 100644 dist/fabric.d.ts.map create mode 100644 dist/fabric.js.map diff --git a/dist/fabric.d.ts b/dist/fabric.d.ts new file mode 100644 index 00000000000..e4d4eb02702 --- /dev/null +++ b/dist/fabric.d.ts @@ -0,0 +1,2 @@ +export {}; +//# sourceMappingURL=fabric.d.ts.map \ No newline at end of file diff --git a/dist/fabric.d.ts.map b/dist/fabric.d.ts.map new file mode 100644 index 00000000000..d5f35df51c9 --- /dev/null +++ b/dist/fabric.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"fabric.d.ts","sourceRoot":"","sources":["../index.js","../src/config.ts","../src/cache.ts","../src/util/misc/cos.ts","../src/util/misc/sin.ts","../src/point.class.ts","../src/util/misc/capValue.ts","../src/util/misc/pick.ts","../src/util/animation_registry.ts","../src/mixins/observable.mixin.ts","../src/__types__.ts","../src/util/lang_string.ts","../src/util/misc/dom.ts","../src/util/misc/objectEnlive.ts","../src/util/lang_object.ts","../src/util/misc/toFixed.ts","../src/util/misc/radiansDegreesConversion.ts","../src/intersection.class.ts","../src/util/misc/boundingBoxFromPoints.ts","../src/util/misc/matrix.ts","../src/mixins/shared_methods.mixin.ts","../src/util/misc/objectTransforms.ts","../src/mixins/object_interactivity.mixin.ts","../src/shapes/fabricObject.class.js","../src/shapes/group.class.ts","../src/mixins/object_origin.mixin.ts","../src/mixins/object_geometry.mixin.ts","../src/shapes/object.class.ts","../src/controls/controls.render.ts","../src/controls/control.class.ts","../src/color/color_map.ts","../src/color/constants.ts","../src/color/util.ts","../src/color/color.class.ts","../src/color/index.ts","../src/parser/getSvgRegex.ts","../src/parser/constants.ts","../src/parser/rotateMatrix.ts","../src/parser/scaleMatrix.ts","../src/parser/skewMatrix.ts","../src/parser/translateMatrix.ts","../src/parser/parseTransformAttribute.ts","../src/util/misc/svgParsing.ts","../src/gradient/constants.ts","../src/gradient/typedefs.ts","../src/gradient/parser/misc.ts","../src/util/internals/getRandomInt.ts","../src/util/internals/ifNaN.ts","../src/util/internals/removeFromArray.ts","../src/util/internals/index.ts","../src/parser/percent.ts","../src/gradient/parser/parseColorStops.ts","../src/gradient/parser/parseCoords.ts","../src/gradient/parser/index.ts","../src/gradient/gradient.class.ts","../src/pattern.class.ts","../src/typedefs.ts","../src/constants.ts","../HEADER.js","../src/mixins/collection.mixin.ts","../src/util/misc/vectors.ts","../src/util/misc/rotatePoint.ts","../src/util/misc/projectStroke/types.ts","../src/util/misc/projectStroke/StrokeProjectionsBase.ts","../src/util/misc/projectStroke/StrokeLineJoinProjections.ts","../src/util/misc/projectStroke/StrokeLineCapProjections.ts","../src/util/misc/projectStroke/index.ts","../src/util/misc/textStyles.ts","../src/util/misc/findScaleTo.ts","../src/util/misc/planeChange.ts","../src/util/path.ts","../src/util/dom_style.ts","../src/util/dom_request.ts","../src/util/dom_event.ts","../src/util/dom_misc.ts","../src/util/misc/isTransparent.ts","../src/util/misc/mergeClipPaths.ts","../src/util/anim_ease.ts","../src/util/animate.ts","../src/util/animate_color.ts","../src/util/lang_class.ts","../src/util/misc/misc.ts","../src/parser/attributes.ts","../src/parser/elements_parser.ts","../src/parser/getCSSRules.ts","../src/parser/getMultipleNodes.ts","../src/parser/elementById.ts","../src/parser/recursivelyParseGradientsXlink.ts","../src/parser/getGradientDefs.ts","../src/parser/applyViewboxTransform.ts","../src/parser/hasAncestorWithNodeName.ts","../src/parser/parseElements.ts","../src/parser/parseUseDirectives.ts","../src/parser/parseSVGDocument.ts","../src/parser/loadSVGFromString.ts","../src/parser/loadSVGFromURL.ts","../src/parser/selectorMatches.ts","../src/parser/doesSomeParentMatch.ts","../src/parser/elementMatchesRule.ts","../src/parser/getGlobalStylesForElement.ts","../src/parser/normalizeAttr.ts","../src/parser/normalizeValue.ts","../src/parser/parseFontDeclaration.ts","../src/parser/parseStyleObject.ts","../src/parser/parseStyleString.ts","../src/parser/parseStyleAttribute.ts","../src/parser/setStrokeFillOpacity.ts","../src/parser/parseAttributes.ts","../src/parser/parsePointsAttribute.ts","../src/parser/index.ts","../src/gradient/index.ts","../src/shadow.class.ts","../src/static_canvas.class.ts","../src/controls/util.ts","../src/util/fireEvent.ts","../src/controls/wrapWithFireEvent.ts","../src/controls/wrapWithFixedAnchor.ts","../src/controls/changeWidth.ts","../src/controls/drag.ts","../src/controls/rotate.ts","../src/controls/scale.ts","../src/controls/skew.ts","../src/controls/scaleSkew.ts","../src/controls/actions.ts","../src/canvas.class.ts","../src/mixins/canvas_events.mixin.ts","../src/mixins/canvas_grouping.mixin.ts","../src/mixins/canvas_dataurl_exporter.mixin.ts","../src/mixins/canvas_serialization.mixin.ts","../src/mixins/canvas_gestures.mixin.ts","../src/mixins/object_ancestry.mixin.ts","../src/mixins/object_stacking.mixin.ts","../src/mixins/object.svg_export.ts","../src/mixins/stateful.mixin.ts","../src/mixins/animation.mixin.ts","../src/shapes/line.class.ts","../src/shapes/circle.class.ts","../src/shapes/triangle.class.ts","../src/shapes/ellipse.class.ts","../src/shapes/rect.class.ts","../src/shapes/polyline.class.ts","../src/shapes/polygon.class.ts","../src/shapes/path.class.ts","../src/shapes/active_selection.class.ts","../src/shapes/image.class.ts","../src/mixins/object_straightening.mixin.ts","../src/filters/WebGLProbe.ts","../src/filters/webgl_backend.class.ts","../src/filters/2d_backend.class.ts","../src/filters/base_filter.class.ts","../src/filters/colormatrix_filter.class.ts","../src/filters/brightness_filter.class.ts","../src/filters/convolute_filter.class.ts","../src/filters/grayscale_filter.class.ts","../src/filters/invert_filter.class.ts","../src/filters/noise_filter.class.ts","../src/filters/pixelate_filter.class.ts","../src/filters/removecolor_filter.class.ts","../src/filters/filter_generator.ts","../src/filters/blendcolor_filter.class.ts","../src/filters/blendimage_filter.class.ts","../src/filters/resize_filter.class.ts","../src/filters/contrast_filter.class.ts","../src/filters/saturate_filter.class.ts","../src/filters/vibrance_filter.class.ts","../src/filters/blur_filter.class.ts","../src/filters/gamma_filter.class.ts","../src/filters/composed_filter.class.ts","../src/filters/hue_rotation.class.ts","../src/shapes/text.class.ts","../src/mixins/text_style.mixin.ts","../src/shapes/itext.class.ts","../src/mixins/itext_behavior.mixin.ts","../src/mixins/itext_click_behavior.mixin.ts","../src/mixins/itext_key_behavior.mixin.ts","../src/mixins/itext.svg_export.ts","../src/shapes/textbox.class.ts","../src/controls/default_controls.ts","../src/controls/index.ts","../src/brushes/base_brush.class.ts","../src/brushes/circle_brush.class.ts","../src/brushes/pencil_brush.class.ts","../src/brushes/pattern_brush.class.ts","../src/brushes/spray_brush.class.ts","../src/brushes/index.ts","../node_modules/tslib/tslib.es6.js"],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/fabric.js b/dist/fabric.js index 9b7bf655d2a..b7321e68469 100644 --- a/dist/fabric.js +++ b/dist/fabric.js @@ -1,31077 +1,28266 @@ -/* build: `node build.js modules=ALL exclude=gestures,accessors,erasing requirejs minifier=uglifyjs` */ -/*! Fabric.js Copyright 2008-2015, Printio (Juriy Zaytsev, Maxim Chernyak) */ - -var fabric = fabric || { version: '5.1.0' }; +'use strict'; + +class BaseConfiguration { + constructor() { + /** + * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, + * which is unitless and not rendered equally across browsers. + * + * Values that work quite well (as of October 2017) are: + * - Chrome: 1.5 + * - Edge: 1.75 + * - Firefox: 0.9 + * - Safari: 0.95 + * + * @since 2.0.0 + * @type Number + * @default 1 + */ + this.browserShadowBlurConstant = 1; + /** + * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. + */ + this.DPI = 96; + /** + * Device Pixel Ratio + * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html + */ + this.devicePixelRatio = 1; + /** + * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. + * @since 1.7.14 + * @type Number + * @default + */ + this.perfLimitSizeTotal = 2097152; + /** + * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 + * @since 1.7.14 + * @type Number + * @default + */ + this.maxCacheSideLimit = 4096; + /** + * Lowest pixel limit for cache canvases, set at 256PX + * @since 1.7.14 + * @type Number + * @default + */ + this.minCacheSideLimit = 256; + /** + * When 'true', style information is not retained when copy/pasting text, making + * pasted text use destination style. + * Defaults to 'false'. + * @type Boolean + * @default + * @deprecated + */ + this.disableStyleCopyPaste = false; + /** + * Enable webgl for filtering picture is available + * A filtering backend will be initialized, this will both take memory and + * time since a default 2048x2048 canvas will be created for the gl context + * @since 2.0.0 + * @type Boolean + * @default + */ + this.enableGLFiltering = true; + /** + * if webgl is enabled and available, textureSize will determine the size + * of the canvas backend + * + * In order to support old hardware set to `2048` to avoid OOM + * + * @since 2.0.0 + * @type Number + * @default + */ + this.textureSize = 4096; + /** + * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on + * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true + * this has to be set before instantiating the filtering backend ( before filtering the first image ) + * @type Boolean + * @default false + */ + this.forceGLPutImageData = false; + /** + * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better + * @default true + */ + this.cachesBoundsOfCurve = true; + /** + * Map of font files + * Map of font files + */ + this.fontPaths = {}; + /** + * Defines the number of fraction digits to use when serializing object values. + * Used in exporting methods (`toObject`, `toJSON`, `toSVG`) + * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. + */ + this.NUM_FRACTION_DIGITS = 4; + } +} +class Configuration extends BaseConfiguration { + constructor(config) { + super(); + this.configure(config); + } + configure(config = {}) { + Object.assign(this, config); + } + /** + * Map of font files + */ + addFonts(paths = {}) { + this.fontPaths = Object.assign(Object.assign({}, this.fontPaths), paths); + } + removeFonts(fontFamilys = []) { + fontFamilys.forEach((fontFamily) => { + delete this.fontPaths[fontFamily]; + }); + } + clearFonts() { + this.fontPaths = {}; + } + restoreDefaults(keys) { + const defaults = new BaseConfiguration(); + const config = (keys === null || keys === void 0 ? void 0 : keys.reduce((acc, key) => { + acc[key] = defaults[key]; + return acc; + }, {})) || defaults; + this.configure(config); + } +} +const config = new Configuration(); + +class Cache { + constructor() { + /** + * Cache of widths of chars in text rendering. + */ + this.charWidthsCache = {}; + /** + * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. + * It was an internal variable, is accessible since version 2.3.4 + */ + this.arcToSegmentsCache = {}; + /** + * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. + * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing + * you do not get any speed benefit and you get a big object in memory. + * The object was a private variable before, while now is appended to the lib so that you have access to it and you + * can eventually clear it. + * It was an internal variable, is accessible since version 2.3.4 + */ + this.boundsOfCurveCache = {}; + } + /** + * @return {Object} reference to cache + */ + getFontCache({ fontFamily, fontStyle, fontWeight, }) { + fontFamily = fontFamily.toLowerCase(); + if (!this.charWidthsCache[fontFamily]) { + this.charWidthsCache[fontFamily] = {}; + } + const fontCache = this.charWidthsCache[fontFamily]; + const cacheKey = `${fontStyle.toLowerCase()}_${(fontWeight + '').toLowerCase()}`; + if (!fontCache[cacheKey]) { + fontCache[cacheKey] = {}; + } + return fontCache[cacheKey]; + } + /** + * Clear char widths cache for the given font family or all the cache if no + * fontFamily is specified. + * Use it if you know you are loading fonts in a lazy way and you are not waiting + * for custom fonts to load properly when adding text objects to the canvas. + * If a text object is added when its own font is not loaded yet, you will get wrong + * measurement and so wrong bounding boxes. + * After the font cache is cleared, either change the textObject text content or call + * initDimensions() to trigger a recalculation + * @memberOf fabric.util + * @param {String} [fontFamily] font family to clear + */ + clearFontCache(fontFamily) { + fontFamily = (fontFamily || '').toLowerCase(); + if (!fontFamily) { + this.charWidthsCache = {}; + } + else if (this.charWidthsCache[fontFamily]) { + delete this.charWidthsCache[fontFamily]; + } + } + /** + * Given current aspect ratio, determines the max width and height that can + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {number} ar aspect ratio + * @return {number[]} Limited dimensions X and Y + */ + limitDimsByArea(ar) { + const { perfLimitSizeTotal } = config; + const roughWidth = Math.sqrt(perfLimitSizeTotal * ar); + // we are not returning a point on purpose, to avoid circular dependencies + // this is an internal utility + return [ + Math.floor(roughWidth), + Math.floor(perfLimitSizeTotal / roughWidth), + ]; + } +} +const cache = new Cache(); + +var version = "5.1.0"; + +// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass +function noop() { } +const halfPI = Math.PI / 2; +const twoMathPi = Math.PI * 2; +const PiBy180 = Math.PI / 180; +const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]); +const DEFAULT_SVG_FONT_SIZE = 16; +/* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ +const kRect = 1 - 0.5522847498; + +var fabric$1 = fabric$1 || { + version: version, + config, + cache, + iMatrix, +}; if (typeof exports !== 'undefined') { - exports.fabric = fabric; + exports.fabric = fabric$1; } -/* _AMD_START_ */ else if (typeof define === 'function' && define.amd) { - define([], function() { return fabric; }); + /* _AMD_START_ */ + define([], function () { + return fabric$1; + }); } /* _AMD_END_ */ if (typeof document !== 'undefined' && typeof window !== 'undefined') { - if (document instanceof (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { - fabric.document = document; - } - else { - fabric.document = document.implementation.createHTMLDocument(''); - } - fabric.window = window; + if (document instanceof + (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { + fabric$1.document = document; + } + else { + fabric$1.document = document.implementation.createHTMLDocument(''); + } + fabric$1.window = window; + window.fabric = fabric$1; } else { - // assume we're running under node.js when document/window are not present - var jsdom = require('jsdom'); - var virtualWindow = new jsdom.JSDOM( - decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), - { - features: { - FetchExternalResources: ['img'] - }, - resources: 'usable' + // assume we're running under node.js when document/window are not present + var jsdom = require('jsdom'); + var virtualWindow = new jsdom.JSDOM(decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), { + features: { + FetchExternalResources: ['img'], + }, + resources: 'usable', }).window; - fabric.document = virtualWindow.document; - fabric.jsdomImplForWrapper = require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; - fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; - fabric.window = virtualWindow; - DOMParser = fabric.window.DOMParser; + fabric$1.document = virtualWindow.document; + fabric$1.jsdomImplForWrapper = + require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; + fabric$1.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; + fabric$1.window = virtualWindow; + global.DOMParser = fabric$1.window.DOMParser; } - /** * True when in environment that supports touch events * @type boolean */ -fabric.isTouchSupported = 'ontouchstart' in fabric.window || 'ontouchstart' in fabric.document || - (fabric.window && fabric.window.navigator && fabric.window.navigator.maxTouchPoints > 0); - +fabric$1.isTouchSupported = + 'ontouchstart' in fabric$1.window || + 'ontouchstart' in fabric$1.document || + (fabric$1.window && + fabric$1.window.navigator && + fabric$1.window.navigator.maxTouchPoints > 0); /** * True when in environment that's probably Node.js * @type boolean */ -fabric.isLikelyNode = typeof Buffer !== 'undefined' && - typeof window === 'undefined'; - -/* _FROM_SVG_START_ */ -/** - * Attributes parsed from all SVG elements - * @type array - */ -fabric.SHARED_ATTRIBUTES = [ - 'display', - 'transform', - 'fill', 'fill-opacity', 'fill-rule', - 'opacity', - 'stroke', 'stroke-dasharray', 'stroke-linecap', 'stroke-dashoffset', - 'stroke-linejoin', 'stroke-miterlimit', - 'stroke-opacity', 'stroke-width', - 'id', 'paint-order', 'vector-effect', - 'instantiated_by_use', 'clip-path', -]; -/* _FROM_SVG_END_ */ - -/** - * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. - */ -fabric.DPI = 96; -fabric.reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; -fabric.commaWsp = '(?:\\s+,?\\s*|,\\s*)'; -fabric.rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/ig; -fabric.reNonWord = /[ \n\.,;!\?\-]/; -fabric.fontPaths = { }; -fabric.iMatrix = [1, 0, 0, 1, 0, 0]; -fabric.svgNS = 'http://www.w3.org/2000/svg'; - -/** - * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. - * @since 1.7.14 - * @type Number - * @default - */ -fabric.perfLimitSizeTotal = 2097152; - -/** - * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 - * @since 1.7.14 - * @type Number - * @default - */ -fabric.maxCacheSideLimit = 4096; - -/** - * Lowest pixel limit for cache canvases, set at 256PX - * @since 1.7.14 - * @type Number - * @default - */ -fabric.minCacheSideLimit = 256; - -/** - * Cache Object for widths of chars in text rendering. - */ -fabric.charWidthsCache = { }; - -/** - * if webgl is enabled and available, textureSize will determine the size - * of the canvas backend - * @since 2.0.0 - * @type Number - * @default - */ -fabric.textureSize = 2048; - -/** - * When 'true', style information is not retained when copy/pasting text, making - * pasted text use destination style. - * Defaults to 'false'. - * @type Boolean - * @default - */ -fabric.disableStyleCopyPaste = false; - -/** - * Enable webgl for filtering picture is available - * A filtering backend will be initialized, this will both take memory and - * time since a default 2048x2048 canvas will be created for the gl context - * @since 2.0.0 - * @type Boolean - * @default - */ -fabric.enableGLFiltering = true; - -/** - * Device Pixel Ratio - * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html - */ -fabric.devicePixelRatio = fabric.window.devicePixelRatio || - fabric.window.webkitDevicePixelRatio || - fabric.window.mozDevicePixelRatio || - 1; -/** - * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, - * which is unitless and not rendered equally across browsers. - * - * Values that work quite well (as of October 2017) are: - * - Chrome: 1.5 - * - Edge: 1.75 - * - Firefox: 0.9 - * - Safari: 0.95 - * - * @since 2.0.0 - * @type Number - * @default 1 - */ -fabric.browserShadowBlurConstant = 1; - -/** - * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. - * It was an internal variable, is accessible since version 2.3.4 - */ -fabric.arcToSegmentsCache = { }; - +fabric$1.isLikelyNode = + typeof Buffer !== 'undefined' && typeof window === 'undefined'; /** - * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. - * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing - * you do not get any speed benefit and you get a big object in memory. - * The object was a private variable before, while now is appended to the lib so that you have access to it and you - * can eventually clear it. - * It was an internal variable, is accessible since version 2.3.4 + * @todo move to config when window is exported */ -fabric.boundsOfCurveCache = { }; +config.configure({ + devicePixelRatio: fabric$1.window.devicePixelRatio || + fabric$1.window.webkitDevicePixelRatio || + fabric$1.window.mozDevicePixelRatio || + 1, +}); -/** - * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better - * @default true - */ -fabric.cachesBoundsOfCurve = true; +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + /** + * @namespace fabric.Collection + */ + fabric.Collection = { + /** + * @type {fabric.Object[]} + */ + _objects: [], + /** + * Adds objects to collection, Canvas or Group, then renders canvas + * (if `renderOnAddRemove` is not `false`). + * Objects should be instances of (or inherit from) fabric.Object + * @private + * @param {fabric.Object[]} objects to add + * @param {(object:fabric.Object) => any} [callback] + * @returns {number} new array length + */ + add: function (objects, callback) { + var size = this._objects.push.apply(this._objects, objects); + if (callback) { + for (var i = 0; i < objects.length; i++) { + callback.call(this, objects[i]); + } + } + return size; + }, + /** + * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) + * An object should be an instance of (or inherit from) fabric.Object + * @private + * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert + * @param {Number} index Index to insert object at + * @param {(object:fabric.Object) => any} [callback] + * @returns {number} new array length + */ + insertAt: function (objects, index, callback) { + var args = [index, 0].concat(objects); + this._objects.splice.apply(this._objects, args); + if (callback) { + for (var i = 2; i < args.length; i++) { + callback.call(this, args[i]); + } + } + return this._objects.length; + }, + /** + * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) + * @private + * @param {fabric.Object[]} objectsToRemove objects to remove + * @param {(object:fabric.Object) => any} [callback] function to call for each object removed + * @returns {fabric.Object[]} removed objects + */ + remove: function (objectsToRemove, callback) { + var objects = this._objects, removed = []; + for (var i = 0, object, index; i < objectsToRemove.length; i++) { + object = objectsToRemove[i]; + index = objects.indexOf(object); + // only call onObjectRemoved if an object was actually removed + if (index !== -1) { + objects.splice(index, 1); + removed.push(object); + callback && callback.call(this, object); + } + } + return removed; + }, + /** + * Executes given function for each object in this group + * @param {Function} callback + * Callback invoked with current object as first argument, + * index - as second and an array of all objects - as third. + * Callback is invoked in a context of Global Object (e.g. `window`) + * when no `context` argument is given + * + * @param {Object} context Context (aka thisObject) + * @return {Self} thisArg + * @chainable + */ + forEachObject: function (callback, context) { + var objects = this.getObjects(); + for (var i = 0; i < objects.length; i++) { + callback.call(context, objects[i], i, objects); + } + return this; + }, + /** + * Returns an array of children objects of this instance + * @param {...String} [types] When specified, only objects of these types are returned + * @return {Array} + */ + getObjects: function () { + if (arguments.length === 0) { + return this._objects.concat(); + } + var types = Array.from(arguments); + return this._objects.filter(function (o) { + return types.indexOf(o.type) > -1; + }); + }, + /** + * Returns object at specified index + * @param {Number} index + * @return {Object} object at index + */ + item: function (index) { + return this._objects[index]; + }, + /** + * Returns true if collection contains no objects + * @return {Boolean} true if collection is empty + */ + isEmpty: function () { + return this._objects.length === 0; + }, + /** + * Returns a size of a collection (i.e: length of an array containing its objects) + * @return {Number} Collection size + */ + size: function () { + return this._objects.length; + }, + /** + * Returns true if collection contains an object.\ + * **Prefer using {@link `fabric.Object#isDescendantOf`} for performance reasons** + * instead of a.contains(b) use b.isDescendantOf(a) + * @param {Object} object Object to check against + * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` + * @return {Boolean} `true` if collection contains an object + */ + contains: function (object, deep) { + if (this._objects.indexOf(object) > -1) { + return true; + } + else if (deep) { + return this._objects.some(function (obj) { + return (typeof obj.contains === 'function' && obj.contains(object, true)); + }); + } + return false; + }, + /** + * Returns number representation of a collection complexity + * @return {Number} complexity + */ + complexity: function () { + return this._objects.reduce(function (memo, current) { + memo += current.complexity ? current.complexity() : 0; + return memo; + }, 0); + }, + }; +})(typeof exports !== 'undefined' ? exports : window); /** - * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on - * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true - * this has to be set before instantiating the filtering backend ( before filtering the first image ) - * @type Boolean - * @default false + * Calculate the cos of an angle, avoiding returning floats for known results + * This function is here just to avoid getting 0.999999999999999 when dealing + * with numbers that are really 1 or 0. + * @static + * @memberOf fabric.util + * @param {TRadian} angle the angle + * @return {Number} the cosin value for angle. */ -fabric.forceGLPutImageData = false; - -fabric.initFilterBackend = function() { - if (fabric.enableGLFiltering && fabric.isWebglSupported && fabric.isWebglSupported(fabric.textureSize)) { - console.log('max texture size: ' + fabric.maxTextureSize); - return (new fabric.WebglFilterBackend({ tileSize: fabric.textureSize })); - } - else if (fabric.Canvas2dFilterBackend) { - return (new fabric.Canvas2dFilterBackend()); - } +const cos = (angle) => { + if (angle === 0) { + return 1; + } + const angleSlice = Math.abs(angle) / halfPI; + switch (angleSlice) { + case 1: + case 3: + return 0; + case 2: + return -1; + } + return Math.cos(angle); }; - -if (typeof document !== 'undefined' && typeof window !== 'undefined') { - // ensure globality even if entire library were function wrapped (as in Meteor.js packaging system) - window.fabric = fabric; -} - - -(function() { - - /** - * @private - * @param {String} eventName - * @param {Function} handler - */ - function _removeEventListener(eventName, handler) { - if (!this.__eventListeners[eventName]) { - return; - } - var eventListener = this.__eventListeners[eventName]; - if (handler) { - eventListener[eventListener.indexOf(handler)] = false; - } - else { - fabric.util.array.fill(eventListener, false); - } - } - - /** - * Observes specified event - * @memberOf fabric.Observable - * @alias on - * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) - * @param {Function} handler Function that receives a notification when an event of the specified type occurs - * @return {Self} thisArg - * @chainable - */ - function on(eventName, handler) { - if (!this.__eventListeners) { - this.__eventListeners = { }; - } - // one object with key/value pairs was passed - if (arguments.length === 1) { - for (var prop in eventName) { - this.on(prop, eventName[prop]); - } - } - else { - if (!this.__eventListeners[eventName]) { - this.__eventListeners[eventName] = []; - } - this.__eventListeners[eventName].push(handler); - } - return this; - } - - function _once(eventName, handler) { - var _handler = function () { - handler.apply(this, arguments); - this.off(eventName, _handler); - }.bind(this); - this.on(eventName, _handler); - } - - function once(eventName, handler) { - // one object with key/value pairs was passed - if (arguments.length === 1) { - for (var prop in eventName) { - _once.call(this, prop, eventName[prop]); - } - } - else { - _once.call(this, eventName, handler); - } - return this; - } - - /** - * Stops event observing for a particular event handler. Calling this method - * without arguments removes all handlers for all events - * @memberOf fabric.Observable - * @alias off - * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) - * @param {Function} handler Function to be deleted from EventListeners - * @return {Self} thisArg - * @chainable - */ - function off(eventName, handler) { - if (!this.__eventListeners) { - return this; - } - - // remove all key/value pairs (event name -> event handler) - if (arguments.length === 0) { - for (eventName in this.__eventListeners) { - _removeEventListener.call(this, eventName); - } - } - // one object with key/value pairs was passed - else if (arguments.length === 1 && typeof arguments[0] === 'object') { - for (var prop in eventName) { - _removeEventListener.call(this, prop, eventName[prop]); - } - } - else { - _removeEventListener.call(this, eventName, handler); - } - return this; - } - - /** - * Fires event with an optional options object - * @memberOf fabric.Observable - * @param {String} eventName Event name to fire - * @param {Object} [options] Options object - * @return {Self} thisArg - * @chainable - */ - function fire(eventName, options) { - if (!this.__eventListeners) { - return this; - } - - var listenersForEvent = this.__eventListeners[eventName]; - if (!listenersForEvent) { - return this; - } - - for (var i = 0, len = listenersForEvent.length; i < len; i++) { - listenersForEvent[i] && listenersForEvent[i].call(this, options || { }); - } - this.__eventListeners[eventName] = listenersForEvent.filter(function(value) { - return value !== false; - }); - return this; - } - - /** - * @namespace fabric.Observable - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} - * @see {@link http://fabricjs.com/events|Events demo} - */ - fabric.Observable = { - fire: fire, - on: on, - once: once, - off: off, - }; -})(); - - /** - * @namespace fabric.Collection + * Calculate the cos of an angle, avoiding returning floats for known results + * This function is here just to avoid getting 0.999999999999999 when dealing + * with numbers that are really 1 or 0. + * @static + * @memberOf fabric.util + * @param {TRadian} angle the angle + * @return {Number} the sin value for angle. */ -fabric.Collection = { - - _objects: [], - - /** - * Adds objects to collection, Canvas or Group, then renders canvas - * (if `renderOnAddRemove` is not `false`). - * in case of Group no changes to bounding box are made. - * Objects should be instances of (or inherit from) fabric.Object - * Use of this function is highly discouraged for groups. - * you can add a bunch of objects with the add method but then you NEED - * to run a addWithUpdate call for the Group class or position/bbox will be wrong. - * @param {...fabric.Object} object Zero or more fabric instances - * @return {Self} thisArg - * @chainable - */ - add: function () { - this._objects.push.apply(this._objects, arguments); - if (this._onObjectAdded) { - for (var i = 0, length = arguments.length; i < length; i++) { - this._onObjectAdded(arguments[i]); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) - * An object should be an instance of (or inherit from) fabric.Object - * Use of this function is highly discouraged for groups. - * you can add a bunch of objects with the insertAt method but then you NEED - * to run a addWithUpdate call for the Group class or position/bbox will be wrong. - * @param {Object} object Object to insert - * @param {Number} index Index to insert object at - * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs - * @return {Self} thisArg - * @chainable - */ - insertAt: function (object, index, nonSplicing) { - var objects = this._objects; - if (nonSplicing) { - objects[index] = object; - } - else { - objects.splice(index, 0, object); - } - this._onObjectAdded && this._onObjectAdded(object); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) - * @param {...fabric.Object} object Zero or more fabric instances - * @return {Self} thisArg - * @chainable - */ - remove: function() { - var objects = this._objects, - index, somethingRemoved = false; - - for (var i = 0, length = arguments.length; i < length; i++) { - index = objects.indexOf(arguments[i]); - - // only call onObjectRemoved if an object was actually removed - if (index !== -1) { - somethingRemoved = true; - objects.splice(index, 1); - this._onObjectRemoved && this._onObjectRemoved(arguments[i]); - } - } - - this.renderOnAddRemove && somethingRemoved && this.requestRenderAll(); - return this; - }, - - /** - * Executes given function for each object in this group - * @param {Function} callback - * Callback invoked with current object as first argument, - * index - as second and an array of all objects - as third. - * Callback is invoked in a context of Global Object (e.g. `window`) - * when no `context` argument is given - * - * @param {Object} context Context (aka thisObject) - * @return {Self} thisArg - * @chainable - */ - forEachObject: function(callback, context) { - var objects = this.getObjects(); - for (var i = 0, len = objects.length; i < len; i++) { - callback.call(context, objects[i], i, objects); - } - return this; - }, - - /** - * Returns an array of children objects of this instance - * Type parameter introduced in 1.3.10 - * since 2.3.5 this method return always a COPY of the array; - * @param {String} [type] When specified, only objects of this type are returned - * @return {Array} - */ - getObjects: function(type) { - if (typeof type === 'undefined') { - return this._objects.concat(); - } - return this._objects.filter(function(o) { - return o.type === type; - }); - }, - - /** - * Returns object at specified index - * @param {Number} index - * @return {Self} thisArg - */ - item: function (index) { - return this._objects[index]; - }, - - /** - * Returns true if collection contains no objects - * @return {Boolean} true if collection is empty - */ - isEmpty: function () { - return this._objects.length === 0; - }, - - /** - * Returns a size of a collection (i.e: length of an array containing its objects) - * @return {Number} Collection size - */ - size: function() { - return this._objects.length; - }, - - /** - * Returns true if collection contains an object - * @param {Object} object Object to check against - * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` - * @return {Boolean} `true` if collection contains an object - */ - contains: function (object, deep) { - if (this._objects.indexOf(object) > -1) { - return true; - } - else if (deep) { - return this._objects.some(function (obj) { - return typeof obj.contains === 'function' && obj.contains(object, true); - }); +const sin = (angle) => { + if (angle === 0) { + return 0; } - return false; - }, - - /** - * Returns number representation of a collection complexity - * @return {Number} complexity - */ - complexity: function () { - return this._objects.reduce(function (memo, current) { - memo += current.complexity ? current.complexity() : 0; - return memo; - }, 0); - } + const angleSlice = angle / halfPI; + const value = Math.sign(angle); + switch (angleSlice) { + case 1: + return value; + case 2: + return 0; + case 3: + return -value; + } + return Math.sin(angle); }; - /** - * @namespace fabric.CommonMethods + * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com) */ -fabric.CommonMethods = { - - /** - * Sets object's properties from options - * @param {Object} [options] Options object - */ - _setOptions: function(options) { - for (var prop in options) { - this.set(prop, options[prop]); - } - }, - - /** - * @private - * @param {Object} [filler] Options object - * @param {String} [property] property to set the Gradient to - */ - _initGradient: function(filler, property) { - if (filler && filler.colorStops && !(filler instanceof fabric.Gradient)) { - this.set(property, new fabric.Gradient(filler)); - } - }, - - /** - * @private - * @param {Object} [filler] Options object - * @param {String} [property] property to set the Pattern to - * @param {Function} [callback] callback to invoke after pattern load - */ - _initPattern: function(filler, property, callback) { - if (filler && filler.source && !(filler instanceof fabric.Pattern)) { - this.set(property, new fabric.Pattern(filler, callback)); - } - else { - callback && callback(); - } - }, - - /** - * @private - */ - _setObject: function(obj) { - for (var prop in obj) { - this._set(prop, obj[prop]); - } - }, - - /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg - * @chainable - */ - set: function(key, value) { - if (typeof key === 'object') { - this._setObject(key); +class Point { + constructor(arg0 = 0, y = 0) { + this.type = 'point'; + if (typeof arg0 === 'object') { + this.x = arg0.x; + this.y = arg0.y; + } + else { + this.x = arg0; + this.y = y; + } } - else { - this._set(key, value); + /** + * Adds another point to this one and returns another one + * @param {Point} that + * @return {Point} new Point instance with added values + */ + add(that) { + return new Point(this.x + that.x, this.y + that.y); } - return this; - }, - - _set: function(key, value) { - this[key] = value; - }, - - /** - * Toggles specified property from `true` to `false` or from `false` to `true` - * @param {String} property Property to toggle - * @return {fabric.Object} thisArg - * @chainable - */ - toggle: function(property) { - var value = this.get(property); - if (typeof value === 'boolean') { - this.set(property, !value); - } - return this; - }, - - /** - * Basic getter - * @param {String} property Property name - * @return {*} value of a property - */ - get: function(property) { - return this[property]; - } -}; - - -(function(global) { - - var sqrt = Math.sqrt, - atan2 = Math.atan2, - pow = Math.pow, - PiBy180 = Math.PI / 180, - PiBy2 = Math.PI / 2; - - /** - * @namespace fabric.util - */ - fabric.util = { - /** - * Calculate the cos of an angle, avoiding returning floats for known results - * @static - * @memberOf fabric.util - * @param {Number} angle the angle in radians or in degree - * @return {Number} + * Adds another point to this one + * @param {Point} that + * @return {Point} thisArg + * @chainable + * @deprecated */ - cos: function(angle) { - if (angle === 0) { return 1; } - if (angle < 0) { - // cos(a) = cos(-a) - angle = -angle; - } - var angleSlice = angle / PiBy2; - switch (angleSlice) { - case 1: case 3: return 0; - case 2: return -1; - } - return Math.cos(angle); - }, - + addEquals(that) { + this.x += that.x; + this.y += that.y; + return this; + } /** - * Calculate the sin of an angle, avoiding returning floats for known results - * @static - * @memberOf fabric.util - * @param {Number} angle the angle in radians or in degree - * @return {Number} + * Adds value to this point and returns a new one + * @param {Number} scalar + * @return {Point} new Point with added value */ - sin: function(angle) { - if (angle === 0) { return 0; } - var angleSlice = angle / PiBy2, sign = 1; - if (angle < 0) { - // sin(-a) = -sin(a) - sign = -1; - } - switch (angleSlice) { - case 1: return sign; - case 2: return 0; - case 3: return -sign; - } - return Math.sin(angle); - }, - + scalarAdd(scalar) { + return new Point(this.x + scalar, this.y + scalar); + } /** - * Removes value from an array. - * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` - * @static - * @memberOf fabric.util - * @param {Array} array - * @param {*} value - * @return {Array} original array + * Adds value to this point + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated */ - removeFromArray: function(array, value) { - var idx = array.indexOf(value); - if (idx !== -1) { - array.splice(idx, 1); - } - return array; - }, - + scalarAddEquals(scalar) { + this.x += scalar; + this.y += scalar; + return this; + } /** - * Returns random number between 2 specified ones. - * @static - * @memberOf fabric.util - * @param {Number} min lower limit - * @param {Number} max upper limit - * @return {Number} random value (between min and max) + * Subtracts another point from this point and returns a new one + * @param {Point} that + * @return {Point} new Point object with subtracted values */ - getRandomInt: function(min, max) { - return Math.floor(Math.random() * (max - min + 1)) + min; - }, - + subtract(that) { + return new Point(this.x - that.x, this.y - that.y); + } /** - * Transforms degrees to radians. - * @static - * @memberOf fabric.util - * @param {Number} degrees value in degrees - * @return {Number} value in radians + * Subtracts another point from this point + * @param {Point} that + * @return {Point} thisArg + * @chainable + * @deprecated */ - degreesToRadians: function(degrees) { - return degrees * PiBy180; - }, - + subtractEquals(that) { + this.x -= that.x; + this.y -= that.y; + return this; + } /** - * Transforms radians to degrees. - * @static - * @memberOf fabric.util - * @param {Number} radians value in radians - * @return {Number} value in degrees + * Subtracts value from this point and returns a new one + * @param {Number} scalar + * @return {Point} */ - radiansToDegrees: function(radians) { - return radians / PiBy180; - }, - + scalarSubtract(scalar) { + return new Point(this.x - scalar, this.y - scalar); + } /** - * Rotates `point` around `origin` with `radians` - * @static - * @memberOf fabric.util - * @param {fabric.Point} point The point to rotate - * @param {fabric.Point} origin The origin of the rotation - * @param {Number} radians The radians of the angle for the rotation - * @return {fabric.Point} The new rotated point - */ - rotatePoint: function(point, origin, radians) { - var newPoint = new fabric.Point(point.x - origin.x, point.y - origin.y), - v = fabric.util.rotateVector(newPoint, radians); - return new fabric.Point(v.x, v.y).addEquals(origin); - }, - - /** - * Rotates `vector` with `radians` - * @static - * @memberOf fabric.util - * @param {Object} vector The vector to rotate (x and y) - * @param {Number} radians The radians of the angle for the rotation - * @return {Object} The new rotated point - */ - rotateVector: function(vector, radians) { - var sin = fabric.util.sin(radians), - cos = fabric.util.cos(radians), - rx = vector.x * cos - vector.y * sin, - ry = vector.x * sin + vector.y * cos; - return { - x: rx, - y: ry - }; - }, - - /** - * Creates a vetor from points represented as a point - * @static - * @memberOf fabric.util - * - * @typedef {Object} Point - * @property {number} x - * @property {number} y - * - * @param {Point} from - * @param {Point} to - * @returns {Point} vector + * Subtracts value from this point + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated */ - createVector: function (from, to) { - return new fabric.Point(to.x - from.x, to.y - from.y); - }, - + scalarSubtractEquals(scalar) { + this.x -= scalar; + this.y -= scalar; + return this; + } /** - * Calculates angle between 2 vectors using dot product - * @static - * @memberOf fabric.util - * @param {Point} a - * @param {Point} b - * @returns the angle in radian between the vectors + * Multiplies this point by another value and returns a new one + * @param {Point} that + * @return {Point} */ - calcAngleBetweenVectors: function (a, b) { - return Math.acos((a.x * b.x + a.y * b.y) / (Math.hypot(a.x, a.y) * Math.hypot(b.x, b.y))); - }, - + multiply(that) { + return new Point(this.x * that.x, this.y * that.y); + } /** - * @static - * @memberOf fabric.util - * @param {Point} v - * @returns {Point} vector representing the unit vector of pointing to the direction of `v` + * Multiplies this point by a value and returns a new one + * @param {Number} scalar + * @return {Point} */ - getHatVector: function (v) { - return new fabric.Point(v.x, v.y).multiply(1 / Math.hypot(v.x, v.y)); - }, - + scalarMultiply(scalar) { + return new Point(this.x * scalar, this.y * scalar); + } /** - * @static - * @memberOf fabric.util - * @param {Point} A - * @param {Point} B - * @param {Point} C - * @returns {{ vector: Point, angle: number }} vector representing the bisector of A and A's angle - */ - getBisector: function (A, B, C) { - var AB = fabric.util.createVector(A, B), AC = fabric.util.createVector(A, C); - var alpha = fabric.util.calcAngleBetweenVectors(AB, AC); - // check if alpha is relative to AB->BC - var ro = fabric.util.calcAngleBetweenVectors(fabric.util.rotateVector(AB, alpha), AC); - var phi = alpha * (ro === 0 ? 1 : -1) / 2; - return { - vector: fabric.util.getHatVector(fabric.util.rotateVector(AB, phi)), - angle: alpha - }; - }, - + * Multiplies this point by a value + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated + */ + scalarMultiplyEquals(scalar) { + this.x *= scalar; + this.y *= scalar; + return this; + } /** - * Project stroke width on points returning 2 projections for each point as follows: - * - `miter`: 2 points corresponding to the outer boundary and the inner boundary of stroke. - * - `bevel`: 2 points corresponding to the bevel boundaries, tangent to the bisector. - * - `round`: same as `bevel` - * Used to calculate object's bounding box - * @static - * @memberOf fabric.util - * @param {Point[]} points - * @param {Object} options - * @param {number} options.strokeWidth - * @param {'miter'|'bevel'|'round'} options.strokeLineJoin - * @param {number} options.strokeMiterLimit https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit - * @param {boolean} options.strokeUniform - * @param {number} options.scaleX - * @param {number} options.scaleY - * @param {boolean} [openPath] whether the shape is open or not, affects the calculations of the first and last points - * @returns {fabric.Point[]} array of size 2n/4n of all suspected points - */ - projectStrokeOnPoints: function (points, options, openPath) { - var coords = [], s = options.strokeWidth / 2, - strokeUniformScalar = options.strokeUniform ? - new fabric.Point(1 / options.scaleX, 1 / options.scaleY) : new fabric.Point(1, 1), - getStrokeHatVector = function (v) { - var scalar = s / (Math.hypot(v.x, v.y)); - return new fabric.Point(v.x * scalar * strokeUniformScalar.x, v.y * scalar * strokeUniformScalar.y); - }; - if (points.length <= 1) {return coords;} - points.forEach(function (p, index) { - var A = new fabric.Point(p.x, p.y), B, C; - if (index === 0) { - C = points[index + 1]; - B = openPath ? getStrokeHatVector(fabric.util.createVector(C, A)).addEquals(A) : points[points.length - 1]; - } - else if (index === points.length - 1) { - B = points[index - 1]; - C = openPath ? getStrokeHatVector(fabric.util.createVector(B, A)).addEquals(A) : points[0]; - } - else { - B = points[index - 1]; - C = points[index + 1]; - } - var bisector = fabric.util.getBisector(A, B, C), - bisectorVector = bisector.vector, - alpha = bisector.angle, - scalar, - miterVector; - if (options.strokeLineJoin === 'miter') { - scalar = -s / Math.sin(alpha / 2); - miterVector = new fabric.Point( - bisectorVector.x * scalar * strokeUniformScalar.x, - bisectorVector.y * scalar * strokeUniformScalar.y - ); - if (Math.hypot(miterVector.x, miterVector.y) / s <= options.strokeMiterLimit) { - coords.push(A.add(miterVector)); - coords.push(A.subtract(miterVector)); - return; - } - } - scalar = -s * Math.SQRT2; - miterVector = new fabric.Point( - bisectorVector.x * scalar * strokeUniformScalar.x, - bisectorVector.y * scalar * strokeUniformScalar.y - ); - coords.push(A.add(miterVector)); - coords.push(A.subtract(miterVector)); - }); - return coords; - }, - + * Divides this point by another and returns a new one + * @param {Point} that + * @return {Point} + */ + divide(that) { + return new Point(this.x / that.x, this.y / that.y); + } /** - * Apply transform t to point p - * @static - * @memberOf fabric.util - * @param {fabric.Point} p The point to transform - * @param {Array} t The transform - * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied - * @return {fabric.Point} The transformed point - */ - transformPoint: function(p, t, ignoreOffset) { - if (ignoreOffset) { - return new fabric.Point( - t[0] * p.x + t[2] * p.y, - t[1] * p.x + t[3] * p.y - ); - } - return new fabric.Point( - t[0] * p.x + t[2] * p.y + t[4], - t[1] * p.x + t[3] * p.y + t[5] - ); - }, - + * Divides this point by a value and returns a new one + * @param {Number} scalar + * @return {Point} + */ + scalarDivide(scalar) { + return new Point(this.x / scalar, this.y / scalar); + } /** - * Returns coordinates of points's bounding rectangle (left, top, width, height) - * @param {Array} points 4 points array - * @param {Array} [transform] an array of 6 numbers representing a 2x3 transform matrix - * @return {Object} Object with left, top, width, height properties + * Divides this point by a value + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated */ - makeBoundingBoxFromPoints: function(points, transform) { - if (transform) { - for (var i = 0; i < points.length; i++) { - points[i] = fabric.util.transformPoint(points[i], transform); - } - } - var xPoints = [points[0].x, points[1].x, points[2].x, points[3].x], - minX = fabric.util.array.min(xPoints), - maxX = fabric.util.array.max(xPoints), - width = maxX - minX, - yPoints = [points[0].y, points[1].y, points[2].y, points[3].y], - minY = fabric.util.array.min(yPoints), - maxY = fabric.util.array.max(yPoints), - height = maxY - minY; - - return { - left: minX, - top: minY, - width: width, - height: height - }; - }, - + scalarDivideEquals(scalar) { + this.x /= scalar; + this.y /= scalar; + return this; + } /** - * Invert transformation t - * @static - * @memberOf fabric.util - * @param {Array} t The transform - * @return {Array} The inverted transform - */ - invertTransform: function(t) { - var a = 1 / (t[0] * t[3] - t[1] * t[2]), - r = [a * t[3], -a * t[1], -a * t[2], a * t[0]], - o = fabric.util.transformPoint({ x: t[4], y: t[5] }, r, true); - r[4] = -o.x; - r[5] = -o.y; - return r; - }, - + * Returns true if this point is equal to another one + * @param {Point} that + * @return {Boolean} + */ + eq(that) { + return this.x === that.x && this.y === that.y; + } /** - * A wrapper around Number#toFixed, which contrary to native method returns number, not string. - * @static - * @memberOf fabric.util - * @param {Number|String} number number to operate on - * @param {Number} fractionDigits number of fraction digits to "leave" - * @return {Number} + * Returns true if this point is less than another one + * @param {Point} that + * @return {Boolean} */ - toFixed: function(number, fractionDigits) { - return parseFloat(Number(number).toFixed(fractionDigits)); - }, - + lt(that) { + return this.x < that.x && this.y < that.y; + } /** - * Converts from attribute value to pixel value if applicable. - * Returns converted pixels or original value not converted. - * @param {Number|String} value number to operate on - * @param {Number} fontSize - * @return {Number|String} - */ - parseUnit: function(value, fontSize) { - var unit = /\D{0,2}$/.exec(value), - number = parseFloat(value); - if (!fontSize) { - fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; - } - switch (unit[0]) { - case 'mm': - return number * fabric.DPI / 25.4; - - case 'cm': - return number * fabric.DPI / 2.54; - - case 'in': - return number * fabric.DPI; - - case 'pt': - return number * fabric.DPI / 72; // or * 4 / 3 - - case 'pc': - return number * fabric.DPI / 72 * 12; // or * 16 - - case 'em': - return number * fontSize; - - default: - return number; - } - }, - + * Returns true if this point is less than or equal to another one + * @param {Point} that + * @return {Boolean} + */ + lte(that) { + return this.x <= that.x && this.y <= that.y; + } /** - * Function which always returns `false`. - * @static - * @memberOf fabric.util + + * Returns true if this point is greater another one + * @param {Point} that * @return {Boolean} */ - falseFunction: function() { - return false; - }, - + gt(that) { + return this.x > that.x && this.y > that.y; + } /** - * Returns klass "Class" object of given namespace - * @memberOf fabric.util - * @param {String} type Type of object (eg. 'circle') - * @param {String} namespace Namespace to get klass "Class" object from - * @return {Object} klass "Class" - */ - getKlass: function(type, namespace) { - // capitalize first letter only - type = fabric.util.string.camelize(type.charAt(0).toUpperCase() + type.slice(1)); - return fabric.util.resolveNamespace(namespace)[type]; - }, - + * Returns true if this point is greater than or equal to another one + * @param {Point} that + * @return {Boolean} + */ + gte(that) { + return this.x >= that.x && this.y >= that.y; + } /** - * Returns array of attributes for given svg that fabric parses - * @memberOf fabric.util - * @param {String} type Type of svg element (eg. 'circle') - * @return {Array} string names of supported attributes - */ - getSvgAttributes: function(type) { - var attributes = [ - 'instantiated_by_use', - 'style', - 'id', - 'class' - ]; - switch (type) { - case 'linearGradient': - attributes = attributes.concat(['x1', 'y1', 'x2', 'y2', 'gradientUnits', 'gradientTransform']); - break; - case 'radialGradient': - attributes = attributes.concat(['gradientUnits', 'gradientTransform', 'cx', 'cy', 'r', 'fx', 'fy', 'fr']); - break; - case 'stop': - attributes = attributes.concat(['offset', 'stop-color', 'stop-opacity']); - break; - } - return attributes; - }, - + * Returns new point which is the result of linear interpolation with this one and another one + * @param {Point} that + * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 + * @return {Point} + */ + lerp(that, t = 0.5) { + t = Math.max(Math.min(1, t), 0); + return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); + } /** - * Returns object of given namespace - * @memberOf fabric.util - * @param {String} namespace Namespace string e.g. 'fabric.Image.filter' or 'fabric' - * @return {Object} Object for given namespace (default fabric) + * Returns distance from this point and another one + * @param {Point} that + * @return {Number} */ - resolveNamespace: function(namespace) { - if (!namespace) { - return fabric; - } - - var parts = namespace.split('.'), - len = parts.length, i, - obj = global || fabric.window; - - for (i = 0; i < len; ++i) { - obj = obj[parts[i]]; - } - - return obj; - }, - + distanceFrom(that) { + const dx = this.x - that.x, dy = this.y - that.y; + return Math.sqrt(dx * dx + dy * dy); + } /** - * Loads image element from given url and passes it to a callback - * @memberOf fabric.util - * @param {String} url URL representing an image - * @param {Function} callback Callback; invoked with loaded image - * @param {*} [context] Context to invoke callback in - * @param {Object} [crossOrigin] crossOrigin value to set image element to - */ - loadImage: function(url, callback, context, crossOrigin) { - if (!url) { - callback && callback.call(context, url); - return; - } - - var img = fabric.util.createImage(); - - /** @ignore */ - var onLoadCallback = function () { - callback && callback.call(context, img, false); - img = img.onload = img.onerror = null; - }; - - img.onload = onLoadCallback; - /** @ignore */ - img.onerror = function() { - fabric.log('Error loading ' + img.src); - callback && callback.call(context, null, true); - img = img.onload = img.onerror = null; - }; - - // data-urls appear to be buggy with crossOrigin - // https://github.com/kangax/fabric.js/commit/d0abb90f1cd5c5ef9d2a94d3fb21a22330da3e0a#commitcomment-4513767 - // see https://code.google.com/p/chromium/issues/detail?id=315152 - // https://bugzilla.mozilla.org/show_bug.cgi?id=935069 - // crossOrigin null is the same as not set. - if (url.indexOf('data') !== 0 && - crossOrigin !== undefined && - crossOrigin !== null) { - img.crossOrigin = crossOrigin; - } - - // IE10 / IE11-Fix: SVG contents from data: URI - // will only be available if the IMG is present - // in the DOM (and visible) - if (url.substring(0,14) === 'data:image/svg') { - img.onload = null; - fabric.util.loadImageInDom(img, onLoadCallback); - } - - img.src = url; - }, - + * Returns the point between this point and another one + * @param {Point} that + * @return {Point} + */ + midPointFrom(that) { + return this.lerp(that); + } /** - * Attaches SVG image with data: URL to the dom - * @memberOf fabric.util - * @param {Object} img Image object with data:image/svg src - * @param {Function} callback Callback; invoked with loaded image - * @return {Object} DOM element (div containing the SVG image) - */ - loadImageInDom: function(img, onLoadCallback) { - var div = fabric.document.createElement('div'); - div.style.width = div.style.height = '1px'; - div.style.left = div.style.top = '-100%'; - div.style.position = 'absolute'; - div.appendChild(img); - fabric.document.querySelector('body').appendChild(div); - /** - * Wrap in function to: - * 1. Call existing callback - * 2. Cleanup DOM - */ - img.onload = function () { - onLoadCallback(); - div.parentNode.removeChild(div); - div = null; - }; - }, - + * Returns a new point which is the min of this and another one + * @param {Point} that + * @return {Point} + */ + min(that) { + return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); + } /** - * Creates corresponding fabric instances from their object representations - * @static - * @memberOf fabric.util - * @param {Array} objects Objects to enliven - * @param {Function} callback Callback to invoke when all objects are created - * @param {String} namespace Namespace to get klass "Class" object from - * @param {Function} reviver Method for further parsing of object elements, - * called after each fabric object created. - */ - enlivenObjects: function(objects, callback, namespace, reviver) { - objects = objects || []; - - var enlivenedObjects = [], - numLoadedObjects = 0, - numTotalObjects = objects.length; - - function onLoaded() { - if (++numLoadedObjects === numTotalObjects) { - callback && callback(enlivenedObjects.filter(function(obj) { - // filter out undefined objects (objects that gave error) - return obj; - })); - } - } - - if (!numTotalObjects) { - callback && callback(enlivenedObjects); - return; - } - - objects.forEach(function (o, index) { - // if sparse array - if (!o || !o.type) { - onLoaded(); - return; - } - var klass = fabric.util.getKlass(o.type, namespace); - klass.fromObject(o, function (obj, error) { - error || (enlivenedObjects[index] = obj); - reviver && reviver(o, obj, error); - onLoaded(); - }); - }); - }, - + * Returns a new point which is the max of this and another one + * @param {Point} that + * @return {Point} + */ + max(that) { + return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); + } /** - * Creates corresponding fabric instances residing in an object, e.g. `clipPath` - * @see {@link fabric.Object.ENLIVEN_PROPS} - * @param {Object} object - * @param {Object} [context] assign enlived props to this object (pass null to skip this) - * @param {(objects:fabric.Object[]) => void} callback - */ - enlivenObjectEnlivables: function (object, context, callback) { - var enlivenProps = fabric.Object.ENLIVEN_PROPS.filter(function (key) { return !!object[key]; }); - fabric.util.enlivenObjects(enlivenProps.map(function (key) { return object[key]; }), function (enlivedProps) { - var objects = {}; - enlivenProps.forEach(function (key, index) { - objects[key] = enlivedProps[index]; - context && (context[key] = enlivedProps[index]); - }); - callback && callback(objects); - }); - }, - + * Returns string representation of this point + * @return {String} + */ + toString() { + return this.x + ',' + this.y; + } /** - * Create and wait for loading of patterns - * @static - * @memberOf fabric.util - * @param {Array} patterns Objects to enliven - * @param {Function} callback Callback to invoke when all objects are created - * called after each fabric object created. + * Sets x/y of this point + * @param {Number} x + * @param {Number} y + * @chainable */ - enlivenPatterns: function(patterns, callback) { - patterns = patterns || []; - - function onLoaded() { - if (++numLoadedPatterns === numPatterns) { - callback && callback(enlivenedPatterns); - } - } - - var enlivenedPatterns = [], - numLoadedPatterns = 0, - numPatterns = patterns.length; - - if (!numPatterns) { - callback && callback(enlivenedPatterns); - return; - } - - patterns.forEach(function (p, index) { - if (p && p.source) { - new fabric.Pattern(p, function(pattern) { - enlivenedPatterns[index] = pattern; - onLoaded(); - }); - } - else { - enlivenedPatterns[index] = p; - onLoaded(); - } - }); - }, - + setXY(x, y) { + this.x = x; + this.y = y; + return this; + } /** - * Groups SVG elements (usually those retrieved from SVG document) - * @static - * @memberOf fabric.util - * @param {Array} elements SVG elements to group - * @param {Object} [options] Options object - * @param {String} path Value to set sourcePath to - * @return {fabric.Object|fabric.Group} + * Sets x of this point + * @param {Number} x + * @chainable */ - groupSVGElements: function(elements, options, path) { - var object; - if (elements && elements.length === 1) { - return elements[0]; - } - if (options) { - if (options.width && options.height) { - options.centerPoint = { - x: options.width / 2, - y: options.height / 2 - }; - } - else { - delete options.width; - delete options.height; - } - } - object = new fabric.Group(elements, options); - if (typeof path !== 'undefined') { - object.sourcePath = path; - } - return object; - }, - + setX(x) { + this.x = x; + return this; + } /** - * Populates an object with properties of another object - * @static - * @memberOf fabric.util - * @param {Object} source Source object - * @param {Object} destination Destination object - * @return {Array} properties Properties names to include - */ - populateWithProperties: function(source, destination, properties) { - if (properties && Object.prototype.toString.call(properties) === '[object Array]') { - for (var i = 0, len = properties.length; i < len; i++) { - if (properties[i] in source) { - destination[properties[i]] = source[properties[i]]; - } - } - } - }, - + * Sets y of this point + * @param {Number} y + * @chainable + */ + setY(y) { + this.y = y; + return this; + } /** - * Creates canvas element - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element + * Sets x/y of this point from another point + * @param {Point} that + * @chainable */ - createCanvasElement: function() { - return fabric.document.createElement('canvas'); - }, - + setFromPoint(that) { + this.x = that.x; + this.y = that.y; + return this; + } /** - * Creates a canvas element that is a copy of another and is also painted - * @param {CanvasElement} canvas to copy size and content of - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element - */ - copyCanvasElement: function(canvas) { - var newCanvas = fabric.util.createCanvasElement(); - newCanvas.width = canvas.width; - newCanvas.height = canvas.height; - newCanvas.getContext('2d').drawImage(canvas, 0, 0); - return newCanvas; - }, - + * Swaps x/y of this point and another point + * @param {Point} that + */ + swap(that) { + const x = this.x, y = this.y; + this.x = that.x; + this.y = that.y; + that.x = x; + that.y = y; + } /** - * since 2.6.0 moved from canvas instance to utility. - * @param {CanvasElement} canvasEl to copy size and content of - * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too - * @param {Number} quality <= 1 and > 0 - * @static - * @memberOf fabric.util - * @return {String} data url + * return a cloned instance of the point + * @return {Point} */ - toDataURL: function(canvasEl, format, quality) { - return canvasEl.toDataURL('image/' + format, quality); - }, - + clone() { + return new Point(this.x, this.y); + } /** - * Creates image element (works on client and node) + * Rotates `point` around `origin` with `radians` * @static * @memberOf fabric.util - * @return {HTMLImageElement} HTML image element + * @param {Point} origin The origin of the rotation + * @param {TRadian} radians The radians of the angle for the rotation + * @return {Point} The new rotated point */ - createImage: function() { - return fabric.document.createElement('img'); - }, - + rotate(radians, origin = originZero) { + // TODO benchmark and verify the add and subtract how much cost + // and then in case early return if no origin is passed + const sinus = sin(radians), cosinus = cos(radians); + const p = this.subtract(origin); + const rotated = new Point(p.x * cosinus - p.y * sinus, p.x * sinus + p.y * cosinus); + return rotated.add(origin); + } /** - * Multiply matrix A by matrix B to nest transformations + * Apply transform t to point p * @static * @memberOf fabric.util - * @param {Array} a First transformMatrix - * @param {Array} b Second transformMatrix - * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices - * @return {Array} The product of the two transform matrices - */ - multiplyTransformMatrices: function(a, b, is2x2) { - // Matrix multiply a * b - return [ - a[0] * b[0] + a[2] * b[1], - a[1] * b[0] + a[3] * b[1], - a[0] * b[2] + a[2] * b[3], - a[1] * b[2] + a[3] * b[3], - is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], - is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5] - ]; - }, + * @param {TMat2D} t The transform + * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied + * @return {Point} The transformed point + */ + transform(t, ignoreOffset = false) { + return new Point(t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]), t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])); + } +} +const originZero = new Point(0, 0); +fabric$1.Point = Point; - /** - * Decomposes standard 2x3 matrix into transform components - * @static - * @memberOf fabric.util - * @param {Array} a transformMatrix - * @return {Object} Components of transform - */ - qrDecompose: function(a) { - var angle = atan2(a[1], a[0]), - denom = pow(a[0], 2) + pow(a[1], 2), - scaleX = sqrt(denom), - scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, - skewX = atan2(a[0] * a[2] + a[1] * a [3], denom); - return { - angle: angle / PiBy180, - scaleX: scaleX, - scaleY: scaleY, - skewX: skewX / PiBy180, - skewY: 0, - translateX: a[4], - translateY: a[5] - }; - }, +const unitVectorX = new Point(1, 0); +/** + * Rotates `vector` with `radians` + * @static + * @memberOf fabric.util + * @param {Point} vector The vector to rotate (x and y) + * @param {Number} radians The radians of the angle for the rotation + * @return {Point} The new rotated point + */ +const rotateVector = (vector, radians) => vector.rotate(radians); +/** + * Creates a vector from points represented as a point + * @static + * @memberOf fabric.util + * + * @param {Point} from + * @param {Point} to + * @returns {Point} vector + */ +const createVector = (from, to) => new Point(to).subtract(from); +/** + * return the magnitude of a vector + * @return {number} + */ +const magnitude = (point) => point.distanceFrom(new Point()); +/** + * Calculates the angle between 2 vectors + * @param {Point} a + * @param {Point} b + * @returns the angle in radians from `a` to `b` + */ +const calcAngleBetweenVectors = (a, b) => { + const dot = a.x * b.x + a.y * b.y, det = a.x * b.y - a.y * b.x; + return Math.atan2(det, dot); +}; +/** + * Calculates the angle between the x axis and the vector + * @param {Point} v + * @returns the angle in radians of `v` + */ +const calcVectorRotation = (v) => calcAngleBetweenVectors(unitVectorX, v); +/** + * @param {Point} v + * @returns {Point} vector representing the unit vector pointing to the direction of `v` + */ +const getUnitVector = (v) => v.scalarDivide(magnitude(v)); +/** + * @param {Point} A + * @param {Point} B + * @param {Point} C + * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle + */ +const getBisector = (A, B, C) => { + const AB = createVector(A, B), AC = createVector(A, C), alpha = calcAngleBetweenVectors(AB, AC); + return { + vector: getUnitVector(rotateVector(AB, alpha / 2)), + angle: alpha, + }; +}; +/** + * @param {Point} v + * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true` + * @returns {Point} the unit orthogonal vector + */ +const getOrthonormalVector = (v, counterClockwise = true) => getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1)); - /** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] angle in degrees - * @return {Number[]} transform matrix - */ - calcRotateMatrix: function(options) { - if (!options.angle) { - return fabric.iMatrix.concat(); - } - var theta = fabric.util.degreesToRadians(options.angle), - cos = fabric.util.cos(theta), - sin = fabric.util.sin(theta); - return [cos, sin, -sin, cos, 0, 0]; - }, +/** + * Transforms degrees to radians. + * @static + * @memberOf fabric.util + * @param {TDegree} degrees value in degrees + * @return {TRadian} value in radians + */ +const degreesToRadians = (degrees) => (degrees * PiBy180); +/** + * Transforms radians to degrees. + * @static + * @memberOf fabric.util + * @param {TRadian} radians value in radians + * @return {TDegree} value in degrees + */ +const radiansToDegrees = (radians) => (radians / PiBy180); - /** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet. - * is called DimensionsTransformMatrix because those properties are the one that influence - * the size of the resulting box of the object. - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @return {Number[]} transform matrix - */ - calcDimensionsMatrix: function(options) { - var scaleX = typeof options.scaleX === 'undefined' ? 1 : options.scaleX, - scaleY = typeof options.scaleY === 'undefined' ? 1 : options.scaleY, - scaleMatrix = [ - options.flipX ? -scaleX : scaleX, - 0, - 0, - options.flipY ? -scaleY : scaleY, - 0, - 0], - multiply = fabric.util.multiplyTransformMatrices, - degreesToRadians = fabric.util.degreesToRadians; - if (options.skewX) { - scaleMatrix = multiply( - scaleMatrix, - [1, 0, Math.tan(degreesToRadians(options.skewX)), 1], - true); - } - if (options.skewY) { - scaleMatrix = multiply( - scaleMatrix, - [1, Math.tan(degreesToRadians(options.skewY)), 0, 1], - true); - } - return scaleMatrix; - }, +/** + * Rotates `point` around `origin` with `radians` + * @static + * @deprecated use the Point.rotate + * @memberOf fabric.util + * @param {Point} origin The origin of the rotation + * @param {Point} origin The origin of the rotation + * @param {TRadian} radians The radians of the angle for the rotation + * @return {Point} The new rotated point + */ +const rotatePoint = (point, origin, radians) => point.rotate(radians, origin); - /** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewX] - * @param {Number} [options.translateX] - * @param {Number} [options.translateY] - * @return {Number[]} transform matrix - */ - composeMatrix: function(options) { - var matrix = [1, 0, 0, 1, options.translateX || 0, options.translateY || 0], - multiply = fabric.util.multiplyTransformMatrices; - if (options.angle) { - matrix = multiply(matrix, fabric.util.calcRotateMatrix(options)); - } - if (options.scaleX !== 1 || options.scaleY !== 1 || - options.skewX || options.skewY || options.flipX || options.flipY) { - matrix = multiply(matrix, fabric.util.calcDimensionsMatrix(options)); - } - return matrix; - }, +/** + * Returns random number between 2 specified ones. + * @static + * @memberOf fabric.util + * @param {Number} min lower limit + * @param {Number} max upper limit + * @return {Number} random value (between min and max) + */ +const getRandomInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; - /** - * reset an object transform state to neutral. Top and left are not accounted for - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to transform - */ - resetObjectTransform: function (target) { - target.scaleX = 1; - target.scaleY = 1; - target.skewX = 0; - target.skewY = 0; - target.flipX = false; - target.flipY = false; - target.rotate(0); - }, +/** + * + * @param value value to check if NaN + * @param [valueIfNaN] + * @returns `fallback` is `value is NaN + */ +const ifNaN = (value, valueIfNaN) => { + return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value; +}; - /** - * Extract Object transform values - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to read from - * @return {Object} Components of transform - */ - saveObjectTransform: function (target) { - return { - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - angle: target.angle, - left: target.left, - flipX: target.flipX, - flipY: target.flipY, - top: target.top - }; - }, +/** + * Removes value from an array. + * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` + * @static + * @memberOf fabric.util + * @param {Array} array + * @param {*} value + * @return {Array} original array + */ +const removeFromArray = (array, value) => { + const idx = array.indexOf(value); + if (idx !== -1) { + array.splice(idx, 1); + } + return array; +}; +/** + * @see https://github.com/fabricjs/fabric.js/pull/8344 + */ +class StrokeProjectionsBase { + constructor(options) { + this.options = options; + this.strokeProjectionMagnitude = this.options.strokeWidth / 2; + this.scale = new Point(this.options.scaleX, this.options.scaleY); + this.strokeUniformScalar = this.options.strokeUniform + ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY) + : new Point(1, 1); + } + static getAcuteAngleFactor(vector1, vector2) { + const angle = vector2 + ? calcAngleBetweenVectors(vector1, vector2) + : calcVectorRotation(vector1); + return Math.abs(angle) < halfPI ? -1 : 1; + } /** - * Returns true if context has transparent pixel - * at specified location (taking tolerance into account) - * @param {CanvasRenderingContext2D} ctx context - * @param {Number} x x coordinate - * @param {Number} y y coordinate - * @param {Number} tolerance Tolerance + * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account. */ - isTransparent: function(ctx, x, y, tolerance) { + createSideVector(from, to) { + const v = createVector(from, to); + return this.options.strokeUniform ? v.multiply(this.scale) : v; + } + projectOrthogonally(from, to, magnitude) { + return this.applySkew(from.add(this.calcOrthogonalProjection(from, to, magnitude))); + } + isSkewed() { + return this.options.skewX !== 0 || this.options.skewY !== 0; + } + applySkew(point) { + const p = new Point(point); + // skewY must be applied before skewX as this distortion affects skewX calculation + p.y += p.x * Math.tan(degreesToRadians(this.options.skewY)); + p.x += p.y * Math.tan(degreesToRadians(this.options.skewX)); + return p; + } + scaleUnitVector(unitVector, scalar) { + return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar); + } +} - // If tolerance is > 0 adjust start coords to take into account. - // If moves off Canvas fix to 0 - if (tolerance > 0) { - if (x > tolerance) { - x -= tolerance; +/** + * class in charge of finding projections for each type of line join + * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)} + * + * - MDN: + * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin + * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin + * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty + * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html + * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js + * + */ +class StrokeLineJoinProjections extends StrokeProjectionsBase { + constructor(A, B, C, options) { + super(options); + this.A = new Point(A); + this.B = new Point(B); + this.C = new Point(C); + // First we calculate the bisector between the points. Used in `round` and `miter` cases + // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account + this.bisector = this.options.strokeUniform + ? getBisector(this.A.multiply(this.scale), this.B.multiply(this.scale), this.C.multiply(this.scale)) + : getBisector(this.A, this.B, this.C); + } + get bisectorVector() { + return this.bisector.vector; + } + get bisectorAngle() { + return this.bisector.angle; + } + calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { + const vector = this.createSideVector(from, to); + const orthogonalProjection = getOrthonormalVector(vector); + const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(orthogonalProjection, this.bisectorVector); + return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide); + } + /** + * BEVEL + * Calculation: the projection points are formed by the vector orthogonal to the vertex. + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel + */ + projectBevel() { + return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to)); + } + /** + * MITER + * Calculation: the corner is formed by extending the outer edges of the stroke + * at the tangents of the path segments until they intersect. + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter + */ + projectMiter() { + const alpha = Math.abs(this.bisectorAngle), hypotUnitScalar = 1 / Math.sin(alpha / 2), miterVector = this.scaleUnitVector(this.bisectorVector, -this.strokeProjectionMagnitude * hypotUnitScalar); + // When two line segments meet at a sharp angle, it is possible for the join to extend, + // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes + // a limit on the extent of the line join. + // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit + // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit + const strokeMiterLimit = this.options.strokeUniform + ? hypotUnitScalar + : this.options.strokeMiterLimit; + if (magnitude(miterVector) / this.strokeProjectionMagnitude <= + strokeMiterLimit) { + return [this.applySkew(this.A.add(miterVector))]; } else { - x = 0; + // when the miter-limit is reached, the stroke line join becomes of type bevel + return this.projectBevel(); } - if (y > tolerance) { - y -= tolerance; + } + /** + * ROUND (without skew) + * Calculation: the projections are the two vectors parallel to X and Y axes + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew + */ + projectRoundNoSkew() { + // correctSide is used to only consider projecting for the outer side + const correctSide = new Point(StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector), StrokeProjectionsBase.getAcuteAngleFactor(new Point(this.bisectorVector.y, this.bisectorVector.x))), radiusOnAxisX = new Point(1, 0) + .scalarMultiply(this.strokeProjectionMagnitude) + .multiply(this.strokeUniformScalar) + .multiply(correctSide), radiusOnAxisY = new Point(0, 1) + .scalarMultiply(this.strokeProjectionMagnitude) + .multiply(this.strokeUniformScalar) + .multiply(correctSide); + return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)]; + } + /** + * ROUND (with skew) + * Calculation: the projections are the points furthest from the vertex in + * the direction of the X and Y axes after distortion. + * + * @todo TODO: + * - Consider only projections that are inside the beginning and end of the circle segment + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew + */ + projectRoundWithSkew() { + const projections = []; + // The start and end points of the circle segment + [this.B, this.C].forEach((to) => projections.push(this.projectOrthogonally(this.A, to))); + const { skewX, skewY } = this.options; + // The points furthest from the vertex in the direction of the X and Y axes after distortion + const circleRadius = new Point() + .scalarAdd(this.strokeProjectionMagnitude) + .multiply(this.strokeUniformScalar), newY = circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2), furthestY = new Point(Math.sqrt(circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2), newY), newX = circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2), furthestX = new Point(newX, Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)); + [furthestX, furthestY].forEach((vector) => { + projections.push(this.applySkew(this.A.add(vector)), this.applySkew(this.A.subtract(vector))); + }); + return projections; + } + projectRound() { + if (!this.isSkewed()) { + return this.projectRoundNoSkew(); } else { - y = 0; + return this.projectRoundWithSkew(); } - } - - var _isTransparent = true, i, temp, - imageData = ctx.getImageData(x, y, (tolerance * 2) || 1, (tolerance * 2) || 1), - l = imageData.data.length; - - // Split image data - for tolerance > 1, pixelDataSize = 4; - for (i = 3; i < l; i += 4) { - temp = imageData.data[i]; - _isTransparent = temp <= 0; - if (_isTransparent === false) { - break; // Stop if colour found - } - } - - imageData = null; - - return _isTransparent; - }, - - /** - * Parse preserveAspectRatio attribute from element - * @param {string} attribute to be parsed - * @return {Object} an object containing align and meetOrSlice attribute - */ - parsePreserveAspectRatioAttribute: function(attribute) { - var meetOrSlice = 'meet', alignX = 'Mid', alignY = 'Mid', - aspectRatioAttrs = attribute.split(' '), align; - - if (aspectRatioAttrs && aspectRatioAttrs.length) { - meetOrSlice = aspectRatioAttrs.pop(); - if (meetOrSlice !== 'meet' && meetOrSlice !== 'slice') { - align = meetOrSlice; - meetOrSlice = 'meet'; - } - else if (aspectRatioAttrs.length) { - align = aspectRatioAttrs.pop(); - } - } - //divide align in alignX and alignY - alignX = align !== 'none' ? align.slice(1, 4) : 'none'; - alignY = align !== 'none' ? align.slice(5, 8) : 'none'; - return { - meetOrSlice: meetOrSlice, - alignX: alignX, - alignY: alignY - }; - }, - + } /** - * Clear char widths cache for the given font family or all the cache if no - * fontFamily is specified. - * Use it if you know you are loading fonts in a lazy way and you are not waiting - * for custom fonts to load properly when adding text objects to the canvas. - * If a text object is added when its own font is not loaded yet, you will get wrong - * measurement and so wrong bounding boxes. - * After the font cache is cleared, either change the textObject text content or call - * initDimensions() to trigger a recalculation - * @memberOf fabric.util - * @param {String} [fontFamily] font family to clear + * Project stroke width on points returning projections for each point as follows: + * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel) + * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke. + * - `round`: same as `bevel` when it has no skew, with skew are 4 points. */ - clearFabricFontCache: function(fontFamily) { - fontFamily = (fontFamily || '').toLowerCase(); - if (!fontFamily) { - fabric.charWidthsCache = { }; - } - else if (fabric.charWidthsCache[fontFamily]) { - delete fabric.charWidthsCache[fontFamily]; - } - }, - - /** - * Given current aspect ratio, determines the max width and height that can - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Number} ar aspect ratio - * @param {Number} maximumArea Maximum area you want to achieve - * @return {Object.x} Limited dimensions by X - * @return {Object.y} Limited dimensions by Y - */ - limitDimsByArea: function(ar, maximumArea) { - var roughWidth = Math.sqrt(maximumArea * ar), - perfLimitSizeY = Math.floor(maximumArea / roughWidth); - return { x: Math.floor(roughWidth), y: perfLimitSizeY }; - }, - - capValue: function(min, value, max) { - return Math.max(min, Math.min(value, max)); - }, - - /** - * Finds the scale for the object source to fit inside the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to fit into destination - */ - findScaleToFit: function(source, destination) { - return Math.min(destination.width / source.width, destination.height / source.height); - }, - - /** - * Finds the scale for the object source to cover entirely the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to cover destination - */ - findScaleToCover: function(source, destination) { - return Math.max(destination.width / source.width, destination.height / source.height); - }, - - /** - * given an array of 6 number returns something like `"matrix(...numbers)"` - * @memberOf fabric.util - * @param {Array} transform an array with 6 numbers - * @return {String} transform matrix for svg - * @return {Object.y} Limited dimensions by Y - */ - matrixToSVG: function(transform) { - return 'matrix(' + transform.map(function(value) { - return fabric.util.toFixed(value, fabric.Object.NUM_FRACTION_DIGITS); - }).join(' ') + ')'; - }, + projectPoints() { + switch (this.options.strokeLineJoin) { + case 'miter': + return this.projectMiter(); + case 'round': + return this.projectRound(); + default: + return this.projectBevel(); + } + } + project() { + return this.projectPoints().map((point) => ({ + originPoint: this.A, + projectedPoint: point, + bisector: this.bisector, + })); + } +} +/** + * class in charge of finding projections for each type of line cap for start/end of an open path + * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)} + * + * Reference: + * - MDN: + * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap + * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap + * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev + * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html + * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js + */ +class StrokeLineCapProjections extends StrokeProjectionsBase { + constructor(A, T, options) { + super(options); + this.A = new Point(A); + this.T = new Point(T); + } + calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { + const vector = this.createSideVector(from, to); + return this.scaleUnitVector(getOrthonormalVector(vector), magnitude); + } /** - * given an object and a transform, apply the inverse transform to the object, - * this is equivalent to remove from that object that transformation, so that - * added in a space with the removed transform, the object will be the same as before. - * Removing from an object a transform that scale by 2 is like scaling it by 1/2. - * Removing from an object a transfrom that rotate by 30deg is like rotating by 30deg - * in the opposite direction. - * This util is used to add objects inside transformed groups or nested groups. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform + * OPEN PATH START/END - Line cap: Butt + * Calculation: to find the projections, just find the points orthogonal to the stroke + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt */ - removeTransformFromObject: function(object, transform) { - var inverted = fabric.util.invertTransform(transform), - finalTransform = fabric.util.multiplyTransformMatrices(inverted, object.calcOwnMatrix()); - fabric.util.applyTransformToObject(object, finalTransform); - }, - - /** - * given an object and a transform, apply the transform to the object. - * this is equivalent to change the space where the object is drawn. - * Adding to an object a transform that scale by 2 is like scaling it by 2. - * This is used when removing an object from an active selection for example. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ - addTransformToObject: function(object, transform) { - fabric.util.applyTransformToObject( - object, - fabric.util.multiplyTransformMatrices(transform, object.calcOwnMatrix()) - ); - }, - - /** - * discard an object transform state and apply the one from the matrix. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ - applyTransformToObject: function(object, transform) { - var options = fabric.util.qrDecompose(transform), - center = new fabric.Point(options.translateX, options.translateY); - object.flipX = false; - object.flipY = false; - object.set('scaleX', options.scaleX); - object.set('scaleY', options.scaleY); - object.skewX = options.skewX; - object.skewY = options.skewY; - object.angle = options.angle; - object.setPositionByOrigin(center, 'center', 'center'); - }, - - /** - * given a width and height, return the size of the bounding box - * that can contains the box with width/height with applied transform - * described in options. - * Use to calculate the boxes around objects for controls. - * @memberOf fabric.util - * @param {Number} width - * @param {Number} height - * @param {Object} options - * @param {Number} options.scaleX - * @param {Number} options.scaleY - * @param {Number} options.skewX - * @param {Number} options.skewY - * @return {Object.x} width of containing - * @return {Object.y} height of containing - */ - sizeAfterTransform: function(width, height, options) { - var dimX = width / 2, dimY = height / 2, - points = [ - { - x: -dimX, - y: -dimY - }, - { - x: dimX, - y: -dimY - }, - { - x: -dimX, - y: dimY - }, - { - x: dimX, - y: dimY - }], - transformMatrix = fabric.util.calcDimensionsMatrix(options), - bbox = fabric.util.makeBoundingBoxFromPoints(points, transformMatrix); - return { - x: bbox.width, - y: bbox.height, - }; - }, - + projectButt() { + return [ + this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude), + this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude), + ]; + } /** - * Merges 2 clip paths into one visually equal clip path - * - * **IMPORTANT**:\ - * Does **NOT** clone the arguments, clone them proir if necessary. - * - * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. - * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. + * OPEN PATH START/END - Line cap: Round + * Calculation: same as stroke line join `round` * - * In order to handle the `inverted` property we follow logic described in the following cases:\ - * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ - * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ - * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. - * - * @memberOf fabric.util - * @param {fabric.Object} c1 - * @param {fabric.Object} c2 - * @returns {fabric.Object} merged clip path + * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round */ - mergeClipPaths: function (c1, c2) { - var a = c1, b = c2; - if (a.inverted && !b.inverted) { - // case (2) - a = c2; - b = c1; - } - // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane - fabric.util.applyTransformToObject( - b, - fabric.util.multiplyTransformMatrices( - fabric.util.invertTransform(a.calcTransformMatrix()), - b.calcTransformMatrix() - ) - ); - // assign the `inverted` prop to the wrapping group - var inverted = a.inverted && b.inverted; - if (inverted) { - // case (1) - a.inverted = b.inverted = false; - } - return new fabric.Group([a], { clipPath: b, inverted: inverted }); - }, - }; -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - var _join = Array.prototype.join, - commandLengths = { - m: 2, - l: 2, - h: 1, - v: 1, - c: 6, - s: 4, - q: 4, - t: 2, - a: 7 - }, - repeatedCommands = { - m: 'l', - M: 'L' - }; - function segmentToBezier(th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) { - var costh2 = fabric.util.cos(th2), - sinth2 = fabric.util.sin(th2), - costh3 = fabric.util.cos(th3), - sinth3 = fabric.util.sin(th3), - toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, - toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, - cp1X = fromX + mT * ( -cosTh * rx * sinth2 - sinTh * ry * costh2), - cp1Y = fromY + mT * ( -sinTh * rx * sinth2 + cosTh * ry * costh2), - cp2X = toX + mT * ( cosTh * rx * sinth3 + sinTh * ry * costh3), - cp2Y = toY + mT * ( sinTh * rx * sinth3 - cosTh * ry * costh3); - - return ['C', - cp1X, cp1Y, - cp2X, cp2Y, - toX, toY - ]; - } - - /* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp - * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here - * http://mozilla.org/MPL/2.0/ - */ - function arcToSegments(toX, toY, rx, ry, large, sweep, rotateX) { - var PI = Math.PI, th = rotateX * PI / 180, - sinTh = fabric.util.sin(th), - cosTh = fabric.util.cos(th), - fromX = 0, fromY = 0; - - rx = Math.abs(rx); - ry = Math.abs(ry); - - var px = -cosTh * toX * 0.5 - sinTh * toY * 0.5, - py = -cosTh * toY * 0.5 + sinTh * toX * 0.5, - rx2 = rx * rx, ry2 = ry * ry, py2 = py * py, px2 = px * px, - pl = rx2 * ry2 - rx2 * py2 - ry2 * px2, - root = 0; - - if (pl < 0) { - var s = Math.sqrt(1 - pl / (rx2 * ry2)); - rx *= s; - ry *= s; + projectRound() { + return new StrokeLineJoinProjections(this.A, this.T, this.T, this.options).projectRound(); } - else { - root = (large === sweep ? -1.0 : 1.0) * - Math.sqrt( pl / (rx2 * py2 + ry2 * px2)); + /** + * OPEN PATH START/END - Line cap: Square + * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT` + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square + */ + projectSquare() { + const orthogonalProjection = this.calcOrthogonalProjection(this.A, this.T, this.strokeProjectionMagnitude); + const strokePointingOut = this.scaleUnitVector(getUnitVector(createVector(this.A, this.T)), -this.strokeProjectionMagnitude); + const projectedA = this.A.add(strokePointingOut); + return [ + projectedA.add(orthogonalProjection), + projectedA.subtract(orthogonalProjection), + ].map((p) => this.applySkew(p)); + } + projectPoints() { + switch (this.options.strokeLineCap) { + case 'round': + return this.projectRound(); + case 'square': + return this.projectSquare(); + default: + return this.projectButt(); + } + } + project() { + return this.projectPoints().map((point) => ({ + originPoint: this.A, + projectedPoint: point, + })); } +} - var cx = root * rx * py / ry, - cy = -root * ry * px / rx, - cx1 = cosTh * cx - sinTh * cy + toX * 0.5, - cy1 = sinTh * cx + cosTh * cy + toY * 0.5, - mTheta = calcVectorAngle(1, 0, (px - cx) / rx, (py - cy) / ry), - dtheta = calcVectorAngle((px - cx) / rx, (py - cy) / ry, (-px - cx) / rx, (-py - cy) / ry); - - if (sweep === 0 && dtheta > 0) { - dtheta -= 2 * PI; - } - else if (sweep === 1 && dtheta < 0) { - dtheta += 2 * PI; +/** + * + * Used to calculate object's bounding box + * + * @see https://github.com/fabricjs/fabric.js/pull/8344 + * + */ +const projectStrokeOnPoints = (points, options, openPath = false) => { + const projections = []; + if (points.length <= 1) { + return projections; } + points.forEach((A, index) => { + let B, C; + if (index === 0) { + C = points[1]; + B = openPath ? A : points[points.length - 1]; + } + else if (index === points.length - 1) { + B = points[index - 1]; + C = openPath ? A : points[0]; + } + else { + B = points[index - 1]; + C = points[index + 1]; + } + if (openPath && (index === 0 || index === points.length - 1)) { + projections.push(...new StrokeLineCapProjections(A, index === 0 ? C : B, options).project()); + } + else { + projections.push(...new StrokeLineJoinProjections(A, B, C, options).project()); + } + }); + return projections; +}; - // Convert into cubic bezier segments <= 90deg - var segments = Math.ceil(Math.abs(dtheta / PI * 2)), - result = [], mDelta = dtheta / segments, - mT = 8 / 3 * Math.sin(mDelta / 4) * Math.sin(mDelta / 4) / Math.sin(mDelta / 2), - th3 = mTheta + mDelta; +/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */ +function __rest(s, e) { + var t = {}; + for (var p in s) + if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) + t[p] = s[p]; + if (s != null && typeof Object.getOwnPropertySymbols === "function") + for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { + if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) + t[p[i]] = s[p[i]]; + } + return t; +} - for (var i = 0; i < segments; i++) { - result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY); - fromX = result[i][5]; - fromY = result[i][6]; - mTheta = th3; - th3 += mDelta; +/** + * Apply transform t to point p + * @static + * @memberOf fabric.util + * @param {Point | IPoint} p The point to transform + * @param {Array} t The transform + * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied + * @return {Point} The transformed point + */ +const transformPoint = (p, t, ignoreOffset) => new Point(p).transform(t, ignoreOffset); +/** + * Invert transformation t + * @static + * @memberOf fabric.util + * @param {Array} t The transform + * @return {Array} The inverted transform + */ +const invertTransform = (t) => { + const a = 1 / (t[0] * t[3] - t[1] * t[2]), r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0], { x, y } = transformPoint(new Point(t[4], t[5]), r, true); + r[4] = -x; + r[5] = -y; + return r; +}; +/** + * Multiply matrix A by matrix B to nest transformations + * @static + * @memberOf fabric.util + * @param {TMat2D} a First transformMatrix + * @param {TMat2D} b Second transformMatrix + * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices + * @return {TMat2D} The product of the two transform matrices + */ +const multiplyTransformMatrices = (a, b, is2x2) => [ + a[0] * b[0] + a[2] * b[1], + a[1] * b[0] + a[3] * b[1], + a[0] * b[2] + a[2] * b[3], + a[1] * b[2] + a[3] * b[3], + is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], + is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5], +]; +/** + * Decomposes standard 2x3 matrix into transform components + * @static + * @memberOf fabric.util + * @param {TMat2D} a transformMatrix + * @return {Object} Components of transform + */ +const qrDecompose = (a) => { + const angle = Math.atan2(a[1], a[0]), denom = Math.pow(a[0], 2) + Math.pow(a[1], 2), scaleX = Math.sqrt(denom), scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom); + return { + angle: radiansToDegrees(angle), + scaleX, + scaleY, + skewX: radiansToDegrees(skewX), + skewY: 0, + translateX: a[4] || 0, + translateY: a[5] || 0, + }; +}; +/** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] angle in degrees + * @return {TMat2D} transform matrix + */ +const calcRotateMatrix = ({ angle }) => { + if (!angle) { + return iMatrix; } - return result; - } - - /* - * Private - */ - function calcVectorAngle(ux, uy, vx, vy) { - var ta = Math.atan2(uy, ux), - tb = Math.atan2(vy, vx); - if (tb >= ta) { - return tb - ta; + const theta = degreesToRadians(angle), cosin = cos(theta), sinus = sin(theta); + return [cosin, sinus, -sinus, cosin, 0, 0]; +}; +/** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet. + * is called DimensionsTransformMatrix because those properties are the one that influence + * the size of the resulting box of the object. + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @return {Number[]} transform matrix + */ +const calcDimensionsMatrix = ({ scaleX = 1, scaleY = 1, flipX = false, flipY = false, skewX = 0, skewY = 0, }) => { + let scaleMatrix = iMatrix; + if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) { + scaleMatrix = [ + flipX ? -scaleX : scaleX, + 0, + 0, + flipY ? -scaleY : scaleY, + 0, + 0, + ]; } - else { - return 2 * Math.PI - (ta - tb); + if (skewX) { + scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, 0, Math.tan(degreesToRadians(skewX)), 1], true); } - } - - /** - * Calculate bounding box of a beziercurve - * @param {Number} x0 starting point - * @param {Number} y0 - * @param {Number} x1 first control point - * @param {Number} y1 - * @param {Number} x2 secondo control point - * @param {Number} y2 - * @param {Number} x3 end of bezier - * @param {Number} y3 - */ - // taken from http://jsbin.com/ivomiq/56/edit no credits available for that. - // TODO: can we normalize this with the starting points set at 0 and then translated the bbox? - function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { - var argsString; - if (fabric.cachesBoundsOfCurve) { - argsString = _join.call(arguments); - if (fabric.boundsOfCurveCache[argsString]) { - return fabric.boundsOfCurveCache[argsString]; - } + if (skewY) { + scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, Math.tan(degreesToRadians(skewY)), 0, 1], true); } - - var sqrt = Math.sqrt, - min = Math.min, max = Math.max, - abs = Math.abs, tvalues = [], - bounds = [[], []], - a, b, c, t, t1, t2, b2ac, sqrtb2ac; - - b = 6 * x0 - 12 * x1 + 6 * x2; - a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; - c = 3 * x1 - 3 * x0; - - for (var i = 0; i < 2; ++i) { - if (i > 0) { - b = 6 * y0 - 12 * y1 + 6 * y2; - a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; - c = 3 * y1 - 3 * y0; - } - - if (abs(a) < 1e-12) { - if (abs(b) < 1e-12) { - continue; - } - t = -c / b; - if (0 < t && t < 1) { - tvalues.push(t); - } - continue; - } - b2ac = b * b - 4 * c * a; - if (b2ac < 0) { - continue; - } - sqrtb2ac = sqrt(b2ac); - t1 = (-b + sqrtb2ac) / (2 * a); - if (0 < t1 && t1 < 1) { - tvalues.push(t1); - } - t2 = (-b - sqrtb2ac) / (2 * a); - if (0 < t2 && t2 < 1) { - tvalues.push(t2); - } + return scaleMatrix; +}; +/** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @param {Number} [options.translateX] + * @param {Number} [options.translateY] + * @return {Number[]} transform matrix + */ +const composeMatrix = (_a) => { + var { translateX = 0, translateY = 0, angle = 0 } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "angle"]); + let matrix = [1, 0, 0, 1, translateX, translateY]; + if (angle) { + matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle })); } - - var x, y, j = tvalues.length, jlen = j, mt; - while (j--) { - t = tvalues[j]; - mt = 1 - t; - x = (mt * mt * mt * x0) + (3 * mt * mt * t * x1) + (3 * mt * t * t * x2) + (t * t * t * x3); - bounds[0][j] = x; - - y = (mt * mt * mt * y0) + (3 * mt * mt * t * y1) + (3 * mt * t * t * y2) + (t * t * t * y3); - bounds[1][j] = y; + const scaleMatrix = calcDimensionsMatrix(otherOptions); + if (scaleMatrix !== iMatrix) { + matrix = multiplyTransformMatrices(matrix, scaleMatrix); } + return matrix; +}; - bounds[0][jlen] = x0; - bounds[1][jlen] = y0; - bounds[0][jlen + 1] = x3; - bounds[1][jlen + 1] = y3; - var result = [ - { - x: min.apply(null, bounds[0]), - y: min.apply(null, bounds[1]) - }, - { - x: max.apply(null, bounds[0]), - y: max.apply(null, bounds[1]) - } - ]; - if (fabric.cachesBoundsOfCurve) { - fabric.boundsOfCurveCache[argsString] = result; - } - return result; - } - - /** - * Converts arc to a bunch of bezier curves - * @param {Number} fx starting point x - * @param {Number} fy starting point y - * @param {Array} coords Arc command - */ - function fromArcToBeziers(fx, fy, coords) { - var rx = coords[1], - ry = coords[2], - rot = coords[3], - large = coords[4], - sweep = coords[5], - tx = coords[6], - ty = coords[7], - segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); - - for (var i = 0, len = segsNorm.length; i < len; i++) { - segsNorm[i][1] += fx; - segsNorm[i][2] += fy; - segsNorm[i][3] += fx; - segsNorm[i][4] += fy; - segsNorm[i][5] += fx; - segsNorm[i][6] += fy; - } - return segsNorm; - }; - - /** - * This function take a parsed SVG path and make it simpler for fabricJS logic. - * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) - * S converted in C, T converted in Q, A converted in C. - * @param {Array} path the array of commands of a parsed svg path for fabric.Path - * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path - */ - function makePathSimpler(path) { - // x and y represent the last point of the path. the previous command point. - // we add them to each relative command to make it an absolute comment. - // we also swap the v V h H with L, because are easier to transform. - var x = 0, y = 0, len = path.length, - // x1 and y1 represent the last point of the subpath. the subpath is started with - // m or M command. When a z or Z command is drawn, x and y need to be resetted to - // the last x1 and y1. - x1 = 0, y1 = 0, current, i, converted, - // previous will host the letter of the previous command, to handle S and T. - // controlX and controlY will host the previous reflected control point - destinationPath = [], previous, controlX, controlY; - for (i = 0; i < len; ++i) { - converted = false; - current = path[i].slice(0); - switch (current[0]) { // first letter - case 'l': // lineto, relative - current[0] = 'L'; - current[1] += x; - current[2] += y; - // falls through - case 'L': - x = current[1]; - y = current[2]; - break; - case 'h': // horizontal lineto, relative - current[1] += x; - // falls through - case 'H': - current[0] = 'L'; - current[2] = y; - x = current[1]; - break; - case 'v': // vertical lineto, relative - current[1] += y; - // falls through - case 'V': - current[0] = 'L'; - y = current[1]; - current[1] = x; - current[2] = y; - break; - case 'm': // moveTo, relative - current[0] = 'M'; - current[1] += x; - current[2] += y; - // falls through - case 'M': - x = current[1]; - y = current[2]; - x1 = current[1]; - y1 = current[2]; - break; - case 'c': // bezierCurveTo, relative - current[0] = 'C'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - current[5] += x; - current[6] += y; - // falls through - case 'C': - controlX = current[3]; - controlY = current[4]; - x = current[5]; - y = current[6]; - break; - case 's': // shorthand cubic bezierCurveTo, relative - current[0] = 'S'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'S': - // would be sScC but since we are swapping sSc for C, we check just that. - if (previous === 'C') { - // calculate reflection of previous control points - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a C, c, S, or s, - // the control point is coincident with the current point - controlX = x; - controlY = y; - } - x = current[3]; - y = current[4]; - current[0] = 'C'; - current[5] = current[3]; - current[6] = current[4]; - current[3] = current[1]; - current[4] = current[2]; - current[1] = controlX; - current[2] = controlY; - // current[3] and current[4] are NOW the second control point. - // we keep it for the next reflection. - controlX = current[3]; - controlY = current[4]; - break; - case 'q': // quadraticCurveTo, relative - current[0] = 'Q'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'Q': - controlX = current[1]; - controlY = current[2]; - x = current[3]; - y = current[4]; - break; - case 't': // shorthand quadraticCurveTo, relative - current[0] = 'T'; - current[1] += x; - current[2] += y; - // falls through - case 'T': - if (previous === 'Q') { - // calculate reflection of previous control point - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a Q, q, T or t, - // assume the control point is coincident with the current point - controlX = x; - controlY = y; - } - current[0] = 'Q'; - x = current[1]; - y = current[2]; - current[1] = controlX; - current[2] = controlY; - current[3] = x; - current[4] = y; - break; - case 'a': - current[0] = 'A'; - current[6] += x; - current[7] += y; - // falls through - case 'A': - converted = true; - destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); - x = current[6]; - y = current[7]; - break; - case 'z': - case 'Z': - x = x1; - y = y1; - break; - default: - } - if (!converted) { - destinationPath.push(current); - } - previous = current[0]; - } - return destinationPath; - }; - - /** - * Calc length from point x1,y1 to x2,y2 - * @param {Number} x1 starting point x - * @param {Number} y1 starting point y - * @param {Number} x2 starting point x - * @param {Number} y2 starting point y - * @return {Number} length of segment - */ - function calcLineLength(x1, y1, x2, y2) { - return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)); - } - - // functions for the Cubic beizer - // taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 - function CB1(t) { - return t * t * t; - } - function CB2(t) { - return 3 * t * t * (1 - t); - } - function CB3(t) { - return 3 * t * (1 - t) * (1 - t); - } - function CB4(t) { - return (1 - t) * (1 - t) * (1 - t); - } - - function getPointOnCubicBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { - return function(pct) { - var c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); - return { - x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4, - y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4 - }; - }; - } - - function getTangentCubicIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { - return function (pct) { - var invT = 1 - pct, - tangentX = (3 * invT * invT * (p2x - p1x)) + (6 * invT * pct * (p3x - p2x)) + - (3 * pct * pct * (p4x - p3x)), - tangentY = (3 * invT * invT * (p2y - p1y)) + (6 * invT * pct * (p3y - p2y)) + - (3 * pct * pct * (p4y - p3y)); - return Math.atan2(tangentY, tangentX); - }; - } - - function QB1(t) { - return t * t; - } - - function QB2(t) { - return 2 * t * (1 - t); - } - - function QB3(t) { - return (1 - t) * (1 - t); - } - - function getPointOnQuadraticBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y) { - return function(pct) { - var c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); - return { - x: p3x * c1 + p2x * c2 + p1x * c3, - y: p3y * c1 + p2y * c2 + p1y * c3 - }; - }; - } - - function getTangentQuadraticIterator(p1x, p1y, p2x, p2y, p3x, p3y) { - return function (pct) { - var invT = 1 - pct, - tangentX = (2 * invT * (p2x - p1x)) + (2 * pct * (p3x - p2x)), - tangentY = (2 * invT * (p2y - p1y)) + (2 * pct * (p3y - p2y)); - return Math.atan2(tangentY, tangentX); - }; - } - - - // this will run over a path segment ( a cubic or quadratic segment) and approximate it - // with 100 segemnts. This will good enough to calculate the length of the curve - function pathIterator(iterator, x1, y1) { - var tempP = { x: x1, y: y1 }, p, tmpLen = 0, perc; - for (perc = 1; perc <= 100; perc += 1) { - p = iterator(perc / 100); - tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); - tempP = p; - } - return tmpLen; - } - - /** - * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 - * that correspond to that pixels run over the path. - * The percentage will be then used to find the correct point on the canvas for the path. - * @param {Array} segInfo fabricJS collection of information on a parsed path - * @param {Number} distance from starting point, in pixels. - * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; - */ - function findPercentageForDistance(segInfo, distance) { - var perc = 0, tmpLen = 0, iterator = segInfo.iterator, tempP = { x: segInfo.x, y: segInfo.y }, - p, nextLen, nextStep = 0.01, angleFinder = segInfo.angleFinder, lastPerc; - // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100 - // the path - while (tmpLen < distance && nextStep > 0.0001) { - p = iterator(perc); - lastPerc = perc; - nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); - // compare tmpLen each cycle with distance, decide next perc to test. - if ((nextLen + tmpLen) > distance) { - // we discard this step and we make smaller steps. - perc -= nextStep; - nextStep /= 2; - } - else { - tempP = p; - perc += nextStep; - tmpLen += nextLen; - } - } - p.angle = angleFinder(lastPerc); - return p; - } - - /** - * Run over a parsed and simplifed path and extrac some informations. - * informations are length of each command and starting point - * @param {Array} path fabricJS parsed path commands - * @return {Array} path commands informations - */ - function getPathSegmentsInfo(path) { - var totalLength = 0, len = path.length, current, - //x2 and y2 are the coords of segment start - //x1 and y1 are the coords of the current point - x1 = 0, y1 = 0, x2 = 0, y2 = 0, info = [], iterator, tempInfo, angleFinder; - for (var i = 0; i < len; i++) { - current = path[i]; - tempInfo = { - x: x1, - y: y1, - command: current[0], - }; - switch (current[0]) { //first letter - case 'M': - tempInfo.length = 0; - x2 = x1 = current[1]; - y2 = y1 = current[2]; - break; - case 'L': - tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); - x1 = current[1]; - y1 = current[2]; - break; - case 'C': - iterator = getPointOnCubicBezierIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4], - current[5], - current[6] - ); - angleFinder = getTangentCubicIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4], - current[5], - current[6] - ); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[5]; - y1 = current[6]; - break; - case 'Q': - iterator = getPointOnQuadraticBezierIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4] - ); - angleFinder = getTangentQuadraticIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4] - ); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[3]; - y1 = current[4]; - break; - case 'Z': - case 'z': - // we add those in order to ease calculations later - tempInfo.destX = x2; - tempInfo.destY = y2; - tempInfo.length = calcLineLength(x1, y1, x2, y2); - x1 = x2; - y1 = y2; - break; - } - totalLength += tempInfo.length; - info.push(tempInfo); - } - info.push({ length: totalLength, x: x1, y: y1 }); - return info; - } - - function getPointOnPath(path, distance, infos) { - if (!infos) { - infos = getPathSegmentsInfo(path); - } - var i = 0; - while ((distance - infos[i].length > 0) && i < (infos.length - 2)) { - distance -= infos[i].length; - i++; +//@ts-nocheck +/** + * Copies all enumerable properties of one js object to another + * this does not and cannot compete with generic utils. + * Does not clone or extend fabric.Object subclasses. + * This is mostly for internal use and has extra handling for fabricJS objects + * it skips the canvas and group properties in deep cloning. + * @memberOf fabric.util.object + * @param {Object} destination Where to copy to + * @param {Object} source Where to copy from + * @param {Boolean} [deep] Whether to extend nested objects + * @return {Object} + */ +const extend = (destination, source, deep) => { + // the deep clone is for internal use, is not meant to avoid + // javascript traps or cloning html element or self referenced objects. + if (deep) { + if (!fabric$1.isLikelyNode && source instanceof Element) { + // avoid cloning deep images, canvases, + destination = source; + } + else if (Array.isArray(source)) { + destination = []; + for (let i = 0, len = source.length; i < len; i++) { + destination[i] = extend({}, source[i], deep); + } + } + else if (source && typeof source === 'object') { + for (const property in source) { + if (property === 'canvas' || property === 'group') { + // we do not want to clone this props at all. + // we want to keep the keys in the copy + destination[property] = null; + } + else if (Object.prototype.hasOwnProperty.call(source, property)) { + destination[property] = extend({}, source[property], deep); + } + } + } + else { + // this sounds odd for an extend but is ok for recursive use + destination = source; + } } - // var distance = infos[infos.length - 1] * perc; - var segInfo = infos[i], segPercent = distance / segInfo.length, - command = segInfo.command, segment = path[i], info; - - switch (command) { - case 'M': - return { x: segInfo.x, y: segInfo.y, angle: 0 }; - case 'Z': - case 'z': - info = new fabric.Point(segInfo.x, segInfo.y).lerp( - new fabric.Point(segInfo.destX, segInfo.destY), - segPercent - ); - info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); - return info; - case 'L': - info = new fabric.Point(segInfo.x, segInfo.y).lerp( - new fabric.Point(segment[1], segment[2]), - segPercent - ); - info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); - return info; - case 'C': - return findPercentageForDistance(segInfo, distance); - case 'Q': - return findPercentageForDistance(segInfo, distance); - } - } - - /** - * - * @param {string} pathString - * @return {(string|number)[][]} An array of SVG path commands - * @example Usage - * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ - * ['M', 3, 4], - * ['Q', 3, 5, 2, 1, 4, 0], - * ['Q', 9, 12, 2, 1, 4, 0], - * ]; - * - */ - function parsePath(pathString) { - var result = [], - coords = [], - currentPath, - parsed, - re = fabric.rePathCommand, - rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', - rNumberCommaWsp = '(' + rNumber + ')' + fabric.commaWsp, - rFlagCommaWsp = '([01])' + fabric.commaWsp + '?', - rArcSeq = rNumberCommaWsp + '?' + rNumberCommaWsp + '?' + rNumberCommaWsp + rFlagCommaWsp + rFlagCommaWsp + - rNumberCommaWsp + '?(' + rNumber + ')', - regArcArgumentSequence = new RegExp(rArcSeq, 'g'), - match, - coordsStr, - // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) - path; - if (!pathString || !pathString.match) { - return result; + else { + for (const property in source) { + destination[property] = source[property]; + } } - path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); - - for (var i = 0, coordsParsed, len = path.length; i < len; i++) { - currentPath = path[i]; - - coordsStr = currentPath.slice(1).trim(); - coords.length = 0; - - var command = currentPath.charAt(0); - coordsParsed = [command]; - - if (command.toLowerCase() === 'a') { - // arcs have special flags that apparently don't require spaces so handle special - for (var args; (args = regArcArgumentSequence.exec(coordsStr));) { - for (var j = 1; j < args.length; j++) { - coords.push(args[j]); - } - } - } - else { - while ((match = re.exec(coordsStr))) { - coords.push(match[0]); - } - } + return destination; +}; +/** + * Creates an empty object and copies all enumerable properties of another object to it + * This method is mostly for internal use, and not intended for duplicating shapes in canvas. + * @memberOf fabric.util.object + * @param {Object} object Object to clone + * @param {Boolean} [deep] Whether to clone nested objects + * @return {Object} + */ +//TODO: this function return an empty object if you try to clone null +const clone = (object, deep) => deep ? extend({}, object, deep) : Object.assign({}, object); - for (var j = 0, jlen = coords.length; j < jlen; j++) { - parsed = parseFloat(coords[j]); - if (!isNaN(parsed)) { - coordsParsed.push(parsed); +/** + * @memberOf fabric.util + * @param {Object} prevStyle first style to compare + * @param {Object} thisStyle second style to compare + * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties + * @return {boolean} true if the style changed + */ +const hasStyleChanged = (prevStyle, thisStyle, forTextSpans = false) => prevStyle.fill !== thisStyle.fill || + prevStyle.stroke !== thisStyle.stroke || + prevStyle.strokeWidth !== thisStyle.strokeWidth || + prevStyle.fontSize !== thisStyle.fontSize || + prevStyle.fontFamily !== thisStyle.fontFamily || + prevStyle.fontWeight !== thisStyle.fontWeight || + prevStyle.fontStyle !== thisStyle.fontStyle || + prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor || + prevStyle.deltaY !== thisStyle.deltaY || + (forTextSpans && + (prevStyle.overline !== thisStyle.overline || + prevStyle.underline !== thisStyle.underline || + prevStyle.linethrough !== thisStyle.linethrough)); +/** + * Returns the array form of a text object's inline styles property with styles grouped in ranges + * rather than per character. This format is less verbose, and is better suited for storage + * so it is used in serialization (not during runtime). + * @memberOf fabric.util + * @param {object} styles per character styles for a text object + * @param {String} text the text string that the styles are applied to + * @return {{start: number, end: number, style: object}[]} + */ +const stylesToArray = (styles, text) => { + const textLines = text.split('\n'), stylesArray = []; + let charIndex = -1, prevStyle = {}; + // clone style structure to prevent mutation + styles = clone(styles, true); + //loop through each textLine + for (let i = 0; i < textLines.length; i++) { + if (!styles[i]) { + //no styles exist for this line, so add the line's length to the charIndex total + charIndex += textLines[i].length; + continue; } - } - - var commandLength = commandLengths[command.toLowerCase()], - repeatedCommand = repeatedCommands[command] || command; - - if (coordsParsed.length - 1 > commandLength) { - for (var k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { - result.push([command].concat(coordsParsed.slice(k, k + commandLength))); - command = repeatedCommand; + //loop through each character of the current line + for (let c = 0; c < textLines[i].length; c++) { + charIndex++; + const thisStyle = styles[i][c]; + //check if style exists for this character + if (thisStyle && Object.keys(thisStyle).length > 0) { + if (hasStyleChanged(prevStyle, thisStyle, true)) { + stylesArray.push({ + start: charIndex, + end: charIndex + 1, + style: thisStyle, + }); + } + else { + //if style is the same as previous character, increase end index + stylesArray[stylesArray.length - 1].end++; + } + } + prevStyle = thisStyle || {}; } - } - else { - result.push(coordsParsed); - } - } - - return result; - }; - - /** - * - * Converts points to a smooth SVG path - * @param {{ x: number,y: number }[]} points Array of points - * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. - * @return {(string|number)[][]} An array of SVG path commands - */ - function getSmoothPathFromPoints(points, correction) { - var path = [], i, - p1 = new fabric.Point(points[0].x, points[0].y), - p2 = new fabric.Point(points[1].x, points[1].y), - len = points.length, multSignX = 1, multSignY = 0, manyPoints = len > 2; - correction = correction || 0; - - if (manyPoints) { - multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; - multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; - } - path.push(['M', p1.x - multSignX * correction, p1.y - multSignY * correction]); - for (i = 1; i < len; i++) { - if (!p1.eq(p2)) { - var midPoint = p1.midPointFrom(p2); - // p1 is our bezier control point - // midpoint is our endpoint - // start point is p(i-1) value. - path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); - } - p1 = points[i]; - if ((i + 1) < points.length) { - p2 = points[i + 1]; - } } - if (manyPoints) { - multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; - multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; + return stylesArray; +}; +/** + * Returns the object form of the styles property with styles that are assigned per + * character rather than grouped by range. This format is more verbose, and is + * only used during runtime (not for serialization/storage) + * @memberOf fabric.util + * @param {Array} styles the serialized form of a text object's styles + * @param {String} text the text string that the styles are applied to + * @return {Object} + */ +const stylesFromArray = (styles, text) => { + if (!Array.isArray(styles)) { + return styles; + } + const textLines = text.split('\n'), stylesObject = {}; + let charIndex = -1, styleIndex = 0; + //loop through each textLine + for (let i = 0; i < textLines.length; i++) { + //loop through each character of the current line + for (let c = 0; c < textLines[i].length; c++) { + charIndex++; + //check if there's a style collection that includes the current character + if (styles[styleIndex] && + styles[styleIndex].start <= charIndex && + charIndex < styles[styleIndex].end) { + //create object for line index if it doesn't exist + stylesObject[i] = stylesObject[i] || {}; + //assign a style at this character's index + stylesObject[i][c] = Object.assign({}, styles[styleIndex].style); + //if character is at the end of the current style collection, move to the next + if (charIndex === styles[styleIndex].end - 1) { + styleIndex++; + } + } + } } - path.push(['L', p1.x + multSignX * correction, p1.y + multSignY * correction]); - return path; - } - /** - * Transform a path by transforming each segment. - * it has to be a simplified path or it won't work. - * WARNING: this depends from pathOffset for correct operation - * @param {Array} path fabricJS parsed and simplified path commands - * @param {Array} transform matrix that represent the transformation - * @param {Object} [pathOffset] the fabric.Path pathOffset - * @param {Number} pathOffset.x - * @param {Number} pathOffset.y - * @returns {Array} the transformed path - */ - function transformPath(path, transform, pathOffset) { - if (pathOffset) { - transform = fabric.util.multiplyTransformMatrices( - transform, - [1, 0, 0, 1, -pathOffset.x, -pathOffset.y] - ); - } - return path.map(function(pathSegment) { - var newSegment = pathSegment.slice(0), point = {}; - for (var i = 1; i < pathSegment.length - 1; i += 2) { - point.x = pathSegment[i]; - point.y = pathSegment[i + 1]; - point = fabric.util.transformPoint(point, transform); - newSegment[i] = point.x; - newSegment[i + 1] = point.y; - } - return newSegment; - }); - } - - /** - * Join path commands to go back to svg format - * @param {Array} pathData fabricJS parsed path commands - * @return {String} joined path 'M 0 0 L 20 30' - */ - fabric.util.joinPath = function(pathData) { - return pathData.map(function (segment) { return segment.join(' '); }).join(' '); - }; - fabric.util.parsePath = parsePath; - fabric.util.makePathSimpler = makePathSimpler; - fabric.util.getSmoothPathFromPoints = getSmoothPathFromPoints; - fabric.util.getPathSegmentsInfo = getPathSegmentsInfo; - fabric.util.getBoundsOfCurve = getBoundsOfCurve; - fabric.util.getPointOnPath = getPointOnPath; - fabric.util.transformPath = transformPath; -})(); - + return stylesObject; +}; -(function() { +/** + * Creates canvas element + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ +const createCanvasElement = () => fabric$1.document.createElement('canvas'); +/** + * Creates image element (works on client and node) + * @static + * @memberOf fabric.util + * @return {HTMLImageElement} HTML image element + */ +const createImage = () => fabric$1.document.createElement('img'); +/** + * Creates a canvas element that is a copy of another and is also painted + * @param {CanvasElement} canvas to copy size and content of + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ +const copyCanvasElement = (canvas) => { + var _a; + const newCanvas = createCanvasElement(); + newCanvas.width = canvas.width; + newCanvas.height = canvas.height; + (_a = newCanvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(canvas, 0, 0); + return newCanvas; +}; +/** + * since 2.6.0 moved from canvas instance to utility. + * possibly useless + * @param {CanvasElement} canvasEl to copy size and content of + * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too + * @param {Number} quality <= 1 and > 0 + * @static + * @memberOf fabric.util + * @return {String} data url + */ +const toDataURL = (canvasEl, format, quality) => canvasEl.toDataURL(`image/${format}`, quality); - var slice = Array.prototype.slice; +/** + * A wrapper around Number#toFixed, which contrary to native method returns number, not string. + * @static + * @memberOf fabric.util + * @param {number|string} number number to operate on + * @param {number} fractionDigits number of fraction digits to "leave" + * @return {number} + */ +const toFixed = (number, fractionDigits) => parseFloat(Number(number).toFixed(fractionDigits)); - /** - * Invokes method on all items in a given array - * @memberOf fabric.util.array - * @param {Array} array Array to iterate over - * @param {String} method Name of a method to invoke - * @return {Array} - */ - function invoke(array, method) { - var args = slice.call(arguments, 2), result = []; - for (var i = 0, len = array.length; i < len; i++) { - result[i] = args.length ? array[i][method].apply(array[i], args) : array[i][method].call(array[i]); +/** + * Returns array of attributes for given svg that fabric parses + * @memberOf fabric.util + * @param {SVGElementName} type Type of svg element (eg. 'circle') + * @return {Array} string names of supported attributes + */ +const getSvgAttributes = (type) => { + const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class']; + switch (type) { + case "linearGradient" /* SVGElementName.linearGradient */: + return commonAttributes.concat([ + 'x1', + 'y1', + 'x2', + 'y2', + 'gradientUnits', + 'gradientTransform', + ]); + case 'radialGradient': + return commonAttributes.concat([ + 'gradientUnits', + 'gradientTransform', + 'cx', + 'cy', + 'r', + 'fx', + 'fy', + 'fr', + ]); + case 'stop': + return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']); } - return result; - } - - /** - * Finds maximum value in array (not necessarily "first" one) - * @memberOf fabric.util.array - * @param {Array} array Array to iterate over - * @param {String} byProperty - * @return {*} - */ - function max(array, byProperty) { - return find(array, byProperty, function(value1, value2) { - return value1 >= value2; - }); - } - - /** - * Finds minimum value in array (not necessarily "first" one) - * @memberOf fabric.util.array - * @param {Array} array Array to iterate over - * @param {String} byProperty - * @return {*} - */ - function min(array, byProperty) { - return find(array, byProperty, function(value1, value2) { - return value1 < value2; - }); - } - - /** - * @private - */ - function fill(array, value) { - var k = array.length; - while (k--) { - array[k] = value; + return commonAttributes; +}; +/** + * Converts from attribute value to pixel value if applicable. + * Returns converted pixels or original value not converted. + * @param {string} value number to operate on + * @param {number} fontSize + * @return {number} + */ +const parseUnit = (value, fontSize) => { + const unit = /\D{0,2}$/.exec(value), number = parseFloat(value); + if (!fontSize) { + fontSize = DEFAULT_SVG_FONT_SIZE; + } + const dpi = config.DPI; + switch (unit === null || unit === void 0 ? void 0 : unit[0]) { + case "mm" /* SupportedSVGUnit.mm */: + return (number * dpi) / 25.4; + case "cm" /* SupportedSVGUnit.cm */: + return (number * dpi) / 2.54; + case "in" /* SupportedSVGUnit.in */: + return number * dpi; + case "pt" /* SupportedSVGUnit.pt */: + return (number * dpi) / 72; // or * 4 / 3 + case "pc" /* SupportedSVGUnit.pc */: + return ((number * dpi) / 72) * 12; // or * 16 + case "em" /* SupportedSVGUnit.em */: + return number * fontSize; + default: + return number; } - return array; - } - - /** - * @private - */ - function find(array, byProperty, condition) { - if (!array || array.length === 0) { - return; +}; +/** + * Groups SVG elements (usually those retrieved from SVG document) + * @static + * @memberOf fabric.util + * @param {Array} elements fabric.Object(s) parsed from svg, to group + * @return {fabric.Object|fabric.Group} + */ +const groupSVGElements = (elements) => { + if (elements && elements.length === 1) { + return elements[0]; } - - var i = array.length - 1, - result = byProperty ? array[i][byProperty] : array[i]; - if (byProperty) { - while (i--) { - if (condition(array[i][byProperty], result)) { - result = array[i][byProperty]; - } - } + return new fabric$1.Group(elements); +}; +// align can be either none or undefined or a combination of mid/max +const parseAlign = (align) => { + //divide align in alignX and alignY + if (align && align !== "none" /* MinMidMax.none */) { + return [align.slice(1, 4), align.slice(5, 8)]; } - else { - while (i--) { - if (condition(array[i], result)) { - result = array[i]; - } - } + else if (align === "none" /* MinMidMax.none */) { + return [align, align]; } - return result; - } + return ["Mid" /* MinMidMax.mid */, "Mid" /* MinMidMax.mid */]; +}; +/** + * Parse preserveAspectRatio attribute from element + * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio + * @param {string} attribute to be parsed + * @return {Object} an object containing align and meetOrSlice attribute + */ +const parsePreserveAspectRatioAttribute = (attribute) => { + const [firstPart, secondPart] = attribute.trim().split(' '); + const [alignX, alignY] = parseAlign(firstPart); + return { + meetOrSlice: secondPart || "meet" /* MeetOrSlice.meet */, + alignX, + alignY, + }; +}; +/** + * given an array of 6 number returns something like `"matrix(...numbers)"` + * @memberOf fabric.util + * @param {TMat2D} transform an array with 6 numbers + * @return {String} transform matrix for svg + */ +const matrixToSVG = (transform) => 'matrix(' + + transform + .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS)) + .join(' ') + + ')'; - /** - * @namespace fabric.util.array - */ - fabric.util.array = { - fill: fill, - invoke: invoke, - min: min, - max: max - }; +/** + * Finds the scale for the object source to fit inside the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to fit into destination + */ +const findScaleToFit = (source, destination) => Math.min(destination.width / source.width, destination.height / source.height); +/** + * Finds the scale for the object source to cover entirely the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to cover destination + */ +const findScaleToCover = (source, destination) => Math.max(destination.width / source.width, destination.height / source.height); -})(); +const capValue = (min, value, max) => Math.max(min, Math.min(value, max)); +/** + * Calculates bounding box (left, top, width, height) from given `points` + * @static + * @memberOf fabric.util + * @param {IPoint[]} points + * @return {Object} Object with left, top, width, height properties + */ +const makeBoundingBoxFromPoints = (points) => { + if (points.length === 0) { + return { + left: 0, + top: 0, + width: 0, + height: 0, + }; + } + const { min, max } = points.reduce(({ min, max }, curr) => { + return { + min: min.min(curr), + max: max.max(curr), + }; + }, { min: new Point(points[0]), max: new Point(points[0]) }); + const size = max.subtract(min); + return { + left: min.x, + top: min.y, + width: size.x, + height: size.y, + }; +}; -(function() { - /** - * Copies all enumerable properties of one js object to another - * this does not and cannot compete with generic utils. - * Does not clone or extend fabric.Object subclasses. - * This is mostly for internal use and has extra handling for fabricJS objects - * it skips the canvas and group properties in deep cloning. - * @memberOf fabric.util.object - * @param {Object} destination Where to copy to - * @param {Object} source Where to copy from - * @param {Boolean} [deep] Whether to extend nested objects - * @return {Object} - */ +/** + * given an object and a transform, apply the inverse transform to the object, + * this is equivalent to remove from that object that transformation, so that + * added in a space with the removed transform, the object will be the same as before. + * Removing from an object a transform that scale by 2 is like scaling it by 1/2. + * Removing from an object a transform that rotate by 30deg is like rotating by 30deg + * in the opposite direction. + * This util is used to add objects inside transformed groups or nested groups. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ +const removeTransformFromObject = (object, transform) => { + const inverted = invertTransform(transform), finalTransform = multiplyTransformMatrices(inverted, object.calcOwnMatrix()); + applyTransformToObject(object, finalTransform); +}; +/** + * given an object and a transform, apply the transform to the object. + * this is equivalent to change the space where the object is drawn. + * Adding to an object a transform that scale by 2 is like scaling it by 2. + * This is used when removing an object from an active selection for example. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ +const addTransformToObject = (object, transform) => applyTransformToObject(object, multiplyTransformMatrices(transform, object.calcOwnMatrix())); +/** + * discard an object transform state and apply the one from the matrix. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ +const applyTransformToObject = (object, transform) => { + const _a = qrDecompose(transform), { translateX, translateY, scaleX, scaleY } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "scaleX", "scaleY"]), center = new Point(translateX, translateY); + object.flipX = false; + object.flipY = false; + Object.assign(object, otherOptions); + object.set({ scaleX, scaleY }); + object.setPositionByOrigin(center, 'center', 'center'); +}; +/** + * reset an object transform state to neutral. Top and left are not accounted for + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to transform + */ +const resetObjectTransform = (target) => { + target.scaleX = 1; + target.scaleY = 1; + target.skewX = 0; + target.skewY = 0; + target.flipX = false; + target.flipY = false; + target.rotate(0); +}; +/** + * Extract Object transform values + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to read from + * @return {Object} Components of transform + */ +const saveObjectTransform = (target) => ({ + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + angle: target.angle, + left: target.left, + flipX: target.flipX, + flipY: target.flipY, + top: target.top, +}); +/** + * given a width and height, return the size of the bounding box + * that can contains the box with width/height with applied transform + * described in options. + * Use to calculate the boxes around objects for controls. + * @memberOf fabric.util + * @param {Number} width + * @param {Number} height + * @param {Object} options + * @param {Number} options.scaleX + * @param {Number} options.scaleY + * @param {Number} options.skewX + * @param {Number} options.skewY + * @returns {Point} size + */ +const sizeAfterTransform = (width, height, options) => { + const dimX = width / 2, dimY = height / 2, transformMatrix = calcDimensionsMatrix(options), points = [ + new Point(-dimX, -dimY), + new Point(dimX, -dimY), + new Point(-dimX, dimY), + new Point(dimX, dimY), + ].map((p) => p.transform(transformMatrix)), bbox = makeBoundingBoxFromPoints(points); + return new Point(bbox.width, bbox.height); +}; - function extend(destination, source, deep) { - // JScript DontEnum bug is not taken care of - // the deep clone is for internal use, is not meant to avoid - // javascript traps or cloning html element or self referenced objects. - if (deep) { - if (!fabric.isLikelyNode && source instanceof Element) { - // avoid cloning deep images, canvases, - destination = source; - } - else if (source instanceof Array) { - destination = []; - for (var i = 0, len = source.length; i < len; i++) { - destination[i] = extend({ }, source[i], deep); - } - } - else if (source && typeof source === 'object') { - for (var property in source) { - if (property === 'canvas' || property === 'group') { - // we do not want to clone this props at all. - // we want to keep the keys in the copy - destination[property] = null; - } - else if (source.hasOwnProperty(property)) { - destination[property] = extend({ }, source[property], deep); - } - } - } - else { - // this sounds odd for an extend but is ok for recursive use - destination = source; - } +/** + * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\ + * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`) + * @param [from] + * @param [to] + * @returns + */ +const calcPlaneChangeMatrix = (from = iMatrix, to = iMatrix) => multiplyTransformMatrices(invertTransform(to), from); +/** + * Sends a point from the source coordinate plane to the destination coordinate plane.\ + * From the canvas/viewer's perspective the point remains unchanged. + * + * @example Send point from canvas plane to group plane + * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 }); + * var group = new fabric.Group([obj], { strokeWidth: 0 }); + * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix()); + * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix()); + * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group + * + * @static + * @memberOf fabric.util + * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas + * @param {Point} point + * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane. + * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane. + * @returns {Point} transformed point + */ +const sendPointToPlane = (point, from = iMatrix, to = iMatrix) => +// we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping) +// the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from) +point.transform(calcPlaneChangeMatrix(from, to)); +/** + * Transform point relative to canvas. + * From the viewport/viewer's perspective the point remains unchanged. + * + * `child` relation means `point` exists in the coordinate plane created by `canvas`. + * In other words point is measured acoording to canvas' top left corner + * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner. + * + * `sibling` relation means `point` exists in the same coordinate plane as canvas. + * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas. + * + * @static + * @memberOf fabric.util + * @param {Point} point + * @param {fabric.StaticCanvas} canvas + * @param {'sibling'|'child'} relationBefore current relation of point to canvas + * @param {'sibling'|'child'} relationAfter desired relation of point to canvas + * @returns {Point} transformed point + */ +const transformPointRelativeToCanvas = (point, canvas, relationBefore, relationAfter) => { + // is this still needed with TS? + if (relationBefore !== "child" /* ObjectRelation.child */ && + relationBefore !== "sibling" /* ObjectRelation.sibling */) { + throw new Error('fabric.js: received bad argument ' + relationBefore); } - else { - for (var property in source) { - destination[property] = source[property]; - } + if (relationAfter !== "child" /* ObjectRelation.child */ && + relationAfter !== "sibling" /* ObjectRelation.sibling */) { + throw new Error('fabric.js: received bad argument ' + relationAfter); } - return destination; - } - - /** - * Creates an empty object and copies all enumerable properties of another object to it - * This method is mostly for internal use, and not intended for duplicating shapes in canvas. - * @memberOf fabric.util.object - * @param {Object} object Object to clone - * @param {Boolean} [deep] Whether to clone nested objects - * @return {Object} - */ - - //TODO: this function return an empty object if you try to clone null - function clone(object, deep) { - return extend({ }, object, deep); - } - - /** @namespace fabric.util.object */ - fabric.util.object = { - extend: extend, - clone: clone - }; - fabric.util.object.extend(fabric.util, fabric.Observable); -})(); - - -(function() { - - /** - * Camelizes a string - * @memberOf fabric.util.string - * @param {String} string String to camelize - * @return {String} Camelized version of a string - */ - function camelize(string) { - return string.replace(/-+(.)?/g, function(match, character) { - return character ? character.toUpperCase() : ''; - }); - } - - /** - * Capitalizes a string - * @memberOf fabric.util.string - * @param {String} string String to capitalize - * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized - * and other letters stay untouched, if false first letter is capitalized - * and other letters are converted to lowercase. - * @return {String} Capitalized version of a string - */ - function capitalize(string, firstLetterOnly) { - return string.charAt(0).toUpperCase() + - (firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()); - } - - /** - * Escapes XML in a string - * @memberOf fabric.util.string - * @param {String} string String to escape - * @return {String} Escaped version of a string - */ - function escapeXml(string) { - return string.replace(/&/g, '&') - .replace(/"/g, '"') - .replace(/'/g, ''') - .replace(//g, '>'); - } + if (relationBefore === relationAfter) { + return point; + } + const t = canvas.viewportTransform; + return point.transform(relationAfter === 'child' ? invertTransform(t) : t); +}; +/** + * + * A util that abstracts applying transform to objects.\ + * Sends `object` to the destination coordinate plane by applying the relevant transformations.\ + * Changes the space/plane where `object` is drawn.\ + * From the canvas/viewer's perspective `object` remains unchanged. + * + * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer + * let obj, obj2; + * let clipPath = new fabric.Circle({ radius: 50 }); + * obj.clipPath = clipPath; + * // render + * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix()); + * obj.clipPath = undefined; + * obj2.clipPath = clipPath; + * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer + * + * @example Clip an object's clip path with an existing object + * let obj, existingObj; + * let clipPath = new fabric.Circle({ radius: 50 }); + * obj.clipPath = clipPath; + * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix()); + * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo); + * clipPath.clipPath = existingObj; + * + * @static + * @memberof fabric.util + * @param {fabric.Object} object + * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas. + * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane. + * @returns {Matrix} the transform matrix that was applied to `object` + */ +const sendObjectToPlane = (object, from, to) => { + const t = calcPlaneChangeMatrix(from, to); + applyTransformToObject(object, multiplyTransformMatrices(t, object.calcOwnMatrix())); + return t; +}; - /** - * Divide a string in the user perceived single units - * @memberOf fabric.util.string - * @param {String} textstring String to escape - * @return {Array} array containing the graphemes - */ - function graphemeSplit(textstring) { - var i = 0, chr, graphemes = []; - for (i = 0, chr; i < textstring.length; i++) { - if ((chr = getWholeChar(textstring, i)) === false) { - continue; - } - graphemes.push(chr); +/** + * Camelizes a string + * @memberOf fabric.util.string + * @param {String} string String to camelize + * @return {String} Camelized version of a string + */ +const camelize = (string) => string.replace(/-+(.)?/g, function (match, character) { + return character ? character.toUpperCase() : ''; +}); +/** + * Capitalizes a string + * @memberOf fabric.util.string + * @param {String} string String to capitalize + * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized + * and other letters stay untouched, if false first letter is capitalized + * and other letters are converted to lowercase. + * @return {String} Capitalized version of a string + */ +const capitalize = (string, firstLetterOnly = false) => `${string.charAt(0).toUpperCase()}${firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()}`; +/** + * Escapes XML in a string + * @memberOf fabric.util.string + * @param {String} string String to escape + * @return {String} Escaped version of a string + */ +const escapeXml = (string) => string + .replace(/&/g, '&') + .replace(/"/g, '"') + .replace(/'/g, ''') + .replace(//g, '>'); +/** + * Divide a string in the user perceived single units + * @memberOf fabric.util.string + * @param {String} textstring String to escape + * @return {Array} array containing the graphemes + */ +const graphemeSplit = (textstring) => { + const graphemes = []; + for (let i = 0, chr; i < textstring.length; i++) { + if ((chr = getWholeChar(textstring, i)) === false) { + continue; + } + graphemes.push(chr); } return graphemes; - } - - // taken from mdn in the charAt doc page. - function getWholeChar(str, i) { - var code = str.charCodeAt(i); - +}; +// taken from mdn in the charAt doc page. +const getWholeChar = (str, i) => { + const code = str.charCodeAt(i); if (isNaN(code)) { - return ''; // Position not found + return ''; // Position not found } - if (code < 0xD800 || code > 0xDFFF) { - return str.charAt(i); + if (code < 0xd800 || code > 0xdfff) { + return str.charAt(i); } - // High surrogate (could change last hex to 0xDB7F to treat high private // surrogates as single characters) - if (0xD800 <= code && code <= 0xDBFF) { - if (str.length <= (i + 1)) { - throw 'High surrogate without following low surrogate'; - } - var next = str.charCodeAt(i + 1); - if (0xDC00 > next || next > 0xDFFF) { - throw 'High surrogate without following low surrogate'; - } - return str.charAt(i) + str.charAt(i + 1); + if (0xd800 <= code && code <= 0xdbff) { + if (str.length <= i + 1) { + throw 'High surrogate without following low surrogate'; + } + const next = str.charCodeAt(i + 1); + if (0xdc00 > next || next > 0xdfff) { + throw 'High surrogate without following low surrogate'; + } + return str.charAt(i) + str.charAt(i + 1); } // Low surrogate (0xDC00 <= code && code <= 0xDFFF) if (i === 0) { - throw 'Low surrogate without preceding high surrogate'; + throw 'Low surrogate without preceding high surrogate'; } - var prev = str.charCodeAt(i - 1); - + const prev = str.charCodeAt(i - 1); // (could change last hex to 0xDB7F to treat high private // surrogates as single characters) - if (0xD800 > prev || prev > 0xDBFF) { - throw 'Low surrogate without preceding high surrogate'; + if (0xd800 > prev || prev > 0xdbff) { + throw 'Low surrogate without preceding high surrogate'; } // We can pass over low surrogates now as the second component // in a pair which we have already processed return false; - } - - - /** - * String utilities - * @namespace fabric.util.string - */ - fabric.util.string = { - camelize: camelize, - capitalize: capitalize, - escapeXml: escapeXml, - graphemeSplit: graphemeSplit - }; -})(); - - -(function() { - - var slice = Array.prototype.slice, emptyFunction = function() { }, +}; - IS_DONTENUM_BUGGY = (function() { - for (var p in { toString: 1 }) { - if (p === 'toString') { - return false; - } - } - return true; - })(), - - /** @ignore */ - addMethods = function(klass, source, parent) { - for (var property in source) { - - if (property in klass.prototype && - typeof klass.prototype[property] === 'function' && - (source[property] + '').indexOf('callSuper') > -1) { - - klass.prototype[property] = (function(property) { - return function() { - - var superclass = this.constructor.superclass; - this.constructor.superclass = parent; - var returnValue = source[property].apply(this, arguments); - this.constructor.superclass = superclass; - - if (property !== 'initialize') { - return returnValue; - } - }; - })(property); - } - else { - klass.prototype[property] = source[property]; - } - - if (IS_DONTENUM_BUGGY) { - if (source.toString !== Object.prototype.toString) { - klass.prototype.toString = source.toString; - } - if (source.valueOf !== Object.prototype.valueOf) { - klass.prototype.valueOf = source.valueOf; - } - } - } - }; - - function Subclass() { } - - function callSuper(methodName) { - var parentMethod = null, - _this = this; - - // climb prototype chain to find method not equal to callee's method - while (_this.constructor.superclass) { - var superClassMethod = _this.constructor.superclass.prototype[methodName]; - if (_this[methodName] !== superClassMethod) { - parentMethod = superClassMethod; - break; - } - // eslint-disable-next-line - _this = _this.constructor.superclass.prototype; +/** + * Returns klass "Class" object of given namespace + * @memberOf fabric.util + * @param {String} type Type of object (eg. 'circle') + * @param {object} namespace Namespace to get klass "Class" object from + * @return {Object} klass "Class" + */ +const getKlass = (type, namespace = fabric$1) => namespace[capitalize(camelize(type), true)]; +/** + * Loads image element from given url and resolve it, or catch. + * @memberOf fabric.util + * @param {String} url URL representing an image + * @param {Object} [options] image loading options + * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {Promise} img the loaded image. + */ +const loadImage = (url, { signal, crossOrigin = null } = {}) => new Promise(function (resolve, reject) { + if (signal && signal.aborted) { + return reject(new Error('`options.signal` is in `aborted` state')); + } + const img = createImage(); + let abort; + if (signal) { + abort = function (err) { + img.src = ''; + reject(err); + }; + signal.addEventListener('abort', abort, { once: true }); } - - if (!parentMethod) { - return console.log('tried to callSuper ' + methodName + ', method not found in prototype chain', this); + const done = function () { + img.onload = img.onerror = null; + abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); + resolve(img); + }; + if (!url) { + done(); + return; } + img.onload = done; + img.onerror = function () { + abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); + reject(new Error('Error loading ' + img.src)); + }; + crossOrigin && (img.crossOrigin = crossOrigin); + img.src = url; +}); +/** + * Creates corresponding fabric instances from their object representations + * @static + * @memberOf fabric.util + * @param {Object[]} objects Objects to enliven + * @param {object} [options] + * @param {object} [options.namespace] Namespace to get klass "Class" object from + * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements, + * called after each fabric object created. + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ +const enlivenObjects = (objects, { signal, reviver = noop, namespace = fabric$1 } = {}) => new Promise((resolve, reject) => { + const instances = []; + signal && signal.addEventListener('abort', reject, { once: true }); + Promise.all(objects.map((obj) => getKlass(obj.type, namespace) + .fromObject(obj, { + signal, + reviver, + namespace, + }) + .then((fabricInstance) => { + reviver(obj, fabricInstance); + instances.push(fabricInstance); + return fabricInstance; + }))) + .then(resolve) + .catch((error) => { + // cleanup + instances.forEach(function (instance) { + instance.dispose && instance.dispose(); + }); + reject(error); + }) + .finally(() => { + signal && signal.removeEventListener('abort', reject); + }); +}); +/** + * Creates corresponding fabric instances residing in an object, e.g. `clipPath` + * @static + * @memberOf fabric.util + * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path ) + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values + */ +const enlivenObjectEnlivables = (serializedObject, { signal } = {}) => new Promise((resolve, reject) => { + const instances = []; + signal && signal.addEventListener('abort', reject, { once: true }); + // enlive every possible property + const promises = Object.values(serializedObject).map((value) => { + if (!value) { + return value; + } + // gradient + if (value.colorStops) { + return new fabric$1.Gradient(value); + } + // clipPath + if (value.type) { + return enlivenObjects([value], { signal }).then(([enlived]) => { + instances.push(enlived); + return enlived; + }); + } + // pattern + if (value.source) { + return fabric$1.Pattern.fromObject(value, { signal }).then((pattern) => { + instances.push(pattern); + return pattern; + }); + } + return value; + }); + const keys = Object.keys(serializedObject); + Promise.all(promises) + .then((enlived) => { + return enlived.reduce(function (acc, instance, index) { + acc[keys[index]] = instance; + return acc; + }, {}); + }) + .then(resolve) + .catch(function (error) { + // cleanup + instances.forEach((instance) => { + instance.dispose && instance.dispose(); + }); + reject(error); + }) + .finally(function () { + signal && signal.removeEventListener('abort', reject); + }); +}); - return (arguments.length > 1) - ? parentMethod.apply(this, slice.call(arguments, 1)) - : parentMethod.call(this); - } +/** + * Populates an object with properties of another object + * @param {Object} source Source object + * @param {string[]} properties Properties names to include + * @returns object populated with the picked keys + */ +const pick = (source, keys = []) => { + return keys.reduce((o, key) => { + if (key in source) { + o[key] = source[key]; + } + return o; + }, {}); +}; - /** - * Helper for creation of "classes". - * @memberOf fabric.util - * @param {Function} [parent] optional "Class" to inherit from - * @param {Object} [properties] Properties shared by all instances of this class - * (be careful modifying objects defined here as this would affect all instances) - */ - function createClass() { - var parent = null, - properties = slice.call(arguments, 0); +//@ts-nocheck +function getSvgRegex(arr) { + return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); +} - if (typeof properties[0] === 'function') { - parent = properties.shift(); +//@ts-nocheck +const cssRules = {}; +const gradientDefs = {}; +const clipPaths = {}; +const reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; +const svgNS = 'http://www.w3.org/2000/svg'; +const commaWsp = '(?:\\s+,?\\s*|,\\s*)'; +const rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/gi; +const reFontDeclaration = new RegExp('(normal|italic)?\\s*(normal|small-caps)?\\s*' + + '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + + reNum + + '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + + reNum + + '))?\\s+(.*)'); +const svgValidTagNames = [ + 'path', + 'circle', + 'polygon', + 'polyline', + 'ellipse', + 'rect', + 'line', + 'image', + 'text', +], svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], svgInvalidAncestors = [ + 'pattern', + 'defs', + 'symbol', + 'metadata', + 'clipPath', + 'mask', + 'desc', +], svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], attributesMap = { + cx: 'left', + x: 'left', + r: 'radius', + cy: 'top', + y: 'top', + display: 'visible', + visibility: 'visible', + transform: 'transformMatrix', + 'fill-opacity': 'fillOpacity', + 'fill-rule': 'fillRule', + 'font-family': 'fontFamily', + 'font-size': 'fontSize', + 'font-style': 'fontStyle', + 'font-weight': 'fontWeight', + 'letter-spacing': 'charSpacing', + 'paint-order': 'paintFirst', + 'stroke-dasharray': 'strokeDashArray', + 'stroke-dashoffset': 'strokeDashOffset', + 'stroke-linecap': 'strokeLineCap', + 'stroke-linejoin': 'strokeLineJoin', + 'stroke-miterlimit': 'strokeMiterLimit', + 'stroke-opacity': 'strokeOpacity', + 'stroke-width': 'strokeWidth', + 'text-decoration': 'textDecoration', + 'text-anchor': 'textAnchor', + opacity: 'opacity', + 'clip-path': 'clipPath', + 'clip-rule': 'clipRule', + 'vector-effect': 'strokeUniform', + 'image-rendering': 'imageSmoothing', +}, colorAttributes = { + stroke: 'strokeOpacity', + fill: 'fillOpacity', +}, fSize = 'font-size', cPath = 'clip-path'; +const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); +const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); +const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); +const svgValidParentsRegEx = getSvgRegex(svgValidParents); +// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute +// matches, e.g.: +14.56e-12, etc. +const reViewBoxAttrValue = new RegExp('^' + + '\\s*(' + + reNum + + '+)\\s*,?' + + '\\s*(' + + reNum + + '+)\\s*,?' + + '\\s*(' + + reNum + + '+)\\s*,?' + + '\\s*(' + + reNum + + '+)\\s*' + + '$'); + +//@ts-nocheck +const commandLengths = { + m: 2, + l: 2, + h: 1, + v: 1, + c: 6, + s: 4, + q: 4, + t: 2, + a: 7, +}; +const repeatedCommands = { + m: 'l', + M: 'L', +}; +const segmentToBezier = (th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) => { + const costh2 = cos(th2), sinth2 = sin(th2), costh3 = cos(th3), sinth3 = sin(th3), toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2), cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2), cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3), cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3); + return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY]; +}; +/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp + * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here + * http://mozilla.org/MPL/2.0/ + */ +const arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => { + let fromX = 0, fromY = 0, root = 0; + const PI = Math.PI, th = rotateX * PiBy180, sinTh = sin(th), cosTh = cos(th), px = 0.5 * (-cosTh * toX - sinTh * toY), py = 0.5 * (-cosTh * toY + sinTh * toX), rx2 = rx ** 2, ry2 = ry ** 2, py2 = py ** 2, px2 = px ** 2, pl = rx2 * ry2 - rx2 * py2 - ry2 * px2; + let _rx = Math.abs(rx); + let _ry = Math.abs(ry); + if (pl < 0) { + const s = Math.sqrt(1 - pl / (rx2 * ry2)); + _rx *= s; + _ry *= s; } - function klass() { - this.initialize.apply(this, arguments); + else { + root = + (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2)); } - - klass.superclass = parent; - klass.subclasses = []; - - if (parent) { - Subclass.prototype = parent.prototype; - klass.prototype = new Subclass(); - parent.subclasses.push(klass); + const cx = (root * _rx * py) / _ry, cy = (-root * _ry * px) / _rx, cx1 = cosTh * cx - sinTh * cy + toX * 0.5, cy1 = sinTh * cx + cosTh * cy + toY * 0.5; + let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry); + let dtheta = calcVectorAngle((px - cx) / _rx, (py - cy) / _ry, (-px - cx) / _rx, (-py - cy) / _ry); + if (sweep === 0 && dtheta > 0) { + dtheta -= 2 * PI; } - for (var i = 0, length = properties.length; i < length; i++) { - addMethods(klass, properties[i], parent); + else if (sweep === 1 && dtheta < 0) { + dtheta += 2 * PI; } - if (!klass.prototype.initialize) { - klass.prototype.initialize = emptyFunction; + // Convert into cubic bezier segments <= 90deg + const segments = Math.ceil(Math.abs((dtheta / PI) * 2)), result = new Array(segments), mDelta = dtheta / segments, mT = ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) / + Math.sin(mDelta / 2); + let th3 = mTheta + mDelta; + for (let i = 0; i < segments; i++) { + result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, _rx, _ry, cx1, cy1, mT, fromX, fromY); + fromX = result[i][5]; + fromY = result[i][6]; + mTheta = th3; + th3 += mDelta; } - klass.prototype.constructor = klass; - klass.prototype.callSuper = callSuper; - return klass; - } - - fabric.util.createClass = createClass; -})(); - - -(function () { - // since ie11 can use addEventListener but they do not support options, i need to check - var couldUseAttachEvent = !!fabric.document.createElement('div').attachEvent, - touchEvents = ['touchstart', 'touchmove', 'touchend']; - /** - * Adds an event listener to an element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ - fabric.util.addListener = function(element, eventName, handler, options) { - element && element.addEventListener(eventName, handler, couldUseAttachEvent ? false : options); - }; - - /** - * Removes an event listener from an element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ - fabric.util.removeListener = function(element, eventName, handler, options) { - element && element.removeEventListener(eventName, handler, couldUseAttachEvent ? false : options); - }; - - function getTouchInfo(event) { - var touchProp = event.changedTouches; - if (touchProp && touchProp[0]) { - return touchProp[0]; + return result; +}; +/* + * Private + */ +const calcVectorAngle = (ux, uy, vx, vy) => { + const ta = Math.atan2(uy, ux), tb = Math.atan2(vy, vx); + if (tb >= ta) { + return tb - ta; } - return event; - } - - fabric.util.getPointer = function(event) { - var element = event.target, - scroll = fabric.util.getScrollLeftTop(element), - _evt = getTouchInfo(event); - return { - x: _evt.clientX + scroll.left, - y: _evt.clientY + scroll.top - }; - }; - - fabric.util.isTouchEvent = function(event) { - return touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; - }; -})(); - - -(function () { - - /** - * Cross-browser wrapper for setting element's style - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {Object} styles - * @return {HTMLElement} Element that was passed as a first argument - */ - function setStyle(element, styles) { - var elementStyle = element.style; - if (!elementStyle) { - return element; - } - if (typeof styles === 'string') { - element.style.cssText += ';' + styles; - return styles.indexOf('opacity') > -1 - ? setOpacity(element, styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) - : element; - } - for (var property in styles) { - if (property === 'opacity') { - setOpacity(element, styles[property]); - } - else { - var normalizedProperty = (property === 'float' || property === 'cssFloat') - ? (typeof elementStyle.styleFloat === 'undefined' ? 'cssFloat' : 'styleFloat') - : property; - elementStyle[normalizedProperty] = styles[property]; - } + else { + return 2 * Math.PI - (ta - tb); } - return element; - } - - var parseEl = fabric.document.createElement('div'), - supportsOpacity = typeof parseEl.style.opacity === 'string', - supportsFilters = typeof parseEl.style.filter === 'string', - reOpacity = /alpha\s*\(\s*opacity\s*=\s*([^\)]+)\)/, - - /** @ignore */ - setOpacity = function (element) { return element; }; - - if (supportsOpacity) { - /** @ignore */ - setOpacity = function(element, value) { - element.style.opacity = value; - return element; - }; - } - else if (supportsFilters) { - /** @ignore */ - setOpacity = function(element, value) { - var es = element.style; - if (element.currentStyle && !element.currentStyle.hasLayout) { - es.zoom = 1; - } - if (reOpacity.test(es.filter)) { - value = value >= 0.9999 ? '' : ('alpha(opacity=' + (value * 100) + ')'); - es.filter = es.filter.replace(reOpacity, value); - } - else { - es.filter += ' alpha(opacity=' + (value * 100) + ')'; - } - return element; - }; - } - - fabric.util.setStyle = setStyle; - -})(); - - -(function() { - - var _slice = Array.prototype.slice; - - /** - * Takes id and returns an element with that id (if one exists in a document) - * @memberOf fabric.util - * @param {String|HTMLElement} id - * @return {HTMLElement|null} - */ - function getById(id) { - return typeof id === 'string' ? fabric.document.getElementById(id) : id; - } - - var sliceCanConvertNodelists, - /** - * Converts an array-like object (e.g. arguments or NodeList) to an array - * @memberOf fabric.util - * @param {Object} arrayLike - * @return {Array} - */ - toArray = function(arrayLike) { - return _slice.call(arrayLike, 0); - }; - - try { - sliceCanConvertNodelists = toArray(fabric.document.childNodes) instanceof Array; - } - catch (err) { } - - if (!sliceCanConvertNodelists) { - toArray = function(arrayLike) { - var arr = new Array(arrayLike.length), i = arrayLike.length; - while (i--) { - arr[i] = arrayLike[i]; - } - return arr; - }; - } - - /** - * Creates specified element with specified attributes - * @memberOf fabric.util - * @param {String} tagName Type of an element to create - * @param {Object} [attributes] Attributes to set on an element - * @return {HTMLElement} Newly created element - */ - function makeElement(tagName, attributes) { - var el = fabric.document.createElement(tagName); - for (var prop in attributes) { - if (prop === 'class') { - el.className = attributes[prop]; - } - else if (prop === 'for') { - el.htmlFor = attributes[prop]; - } - else { - el.setAttribute(prop, attributes[prop]); - } - } - return el; - } - - /** - * Adds class to an element - * @memberOf fabric.util - * @param {HTMLElement} element Element to add class to - * @param {String} className Class to add to an element - */ - function addClass(element, className) { - if (element && (' ' + element.className + ' ').indexOf(' ' + className + ' ') === -1) { - element.className += (element.className ? ' ' : '') + className; - } - } - - /** - * Wraps element with another element - * @memberOf fabric.util - * @param {HTMLElement} element Element to wrap - * @param {HTMLElement|String} wrapper Element to wrap with - * @param {Object} [attributes] Attributes to set on a wrapper - * @return {HTMLElement} wrapper - */ - function wrapElement(element, wrapper, attributes) { - if (typeof wrapper === 'string') { - wrapper = makeElement(wrapper, attributes); +}; +// functions for the Cubic beizer +// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 +const CB1 = (t) => t ** 3; +const CB2 = (t) => 3 * t ** 2 * (1 - t); +const CB3 = (t) => 3 * t * (1 - t) ** 2; +const CB4 = (t) => (1 - t) ** 3; +/** + * Calculate bounding box of a beziercurve + * @param {Number} x0 starting point + * @param {Number} y0 + * @param {Number} x1 first control point + * @param {Number} y1 + * @param {Number} x2 secondo control point + * @param {Number} y2 + * @param {Number} x3 end of bezier + * @param {Number} y3 + */ +// taken from http://jsbin.com/ivomiq/56/edit no credits available for that. +// TODO: can we normalize this with the starting points set at 0 and then translated the bbox? +function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { + let argsString; + if (config.cachesBoundsOfCurve) { + // eslint-disable-next-line + argsString = [...arguments].join(); + if (cache.boundsOfCurveCache[argsString]) { + return cache.boundsOfCurveCache[argsString]; + } } - if (element.parentNode) { - element.parentNode.replaceChild(wrapper, element); + const sqrt = Math.sqrt, abs = Math.abs, tvalues = [], bounds = [[], []]; + let b = 6 * x0 - 12 * x1 + 6 * x2; + let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; + let c = 3 * x1 - 3 * x0; + for (let i = 0; i < 2; ++i) { + if (i > 0) { + b = 6 * y0 - 12 * y1 + 6 * y2; + a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; + c = 3 * y1 - 3 * y0; + } + if (abs(a) < 1e-12) { + if (abs(b) < 1e-12) { + continue; + } + const t = -c / b; + if (0 < t && t < 1) { + tvalues.push(t); + } + continue; + } + const b2ac = b * b - 4 * c * a; + if (b2ac < 0) { + continue; + } + const sqrtb2ac = sqrt(b2ac); + const t1 = (-b + sqrtb2ac) / (2 * a); + if (0 < t1 && t1 < 1) { + tvalues.push(t1); + } + const t2 = (-b - sqrtb2ac) / (2 * a); + if (0 < t2 && t2 < 1) { + tvalues.push(t2); + } } - wrapper.appendChild(element); - return wrapper; - } - - /** - * Returns element scroll offsets - * @memberOf fabric.util - * @param {HTMLElement} element Element to operate on - * @return {Object} Object with left/top values - */ - function getScrollLeftTop(element) { - - var left = 0, - top = 0, - docElement = fabric.document.documentElement, - body = fabric.document.body || { - scrollLeft: 0, scrollTop: 0 - }; - - // While loop checks (and then sets element to) .parentNode OR .host - // to account for ShadowDOM. We still want to traverse up out of ShadowDOM, - // but the .parentNode of a root ShadowDOM node will always be null, instead - // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938 - while (element && (element.parentNode || element.host)) { - - // Set element to element parent, or 'host' in case of ShadowDOM - element = element.parentNode || element.host; - - if (element === fabric.document) { - left = body.scrollLeft || docElement.scrollLeft || 0; - top = body.scrollTop || docElement.scrollTop || 0; - } - else { - left += element.scrollLeft || 0; - top += element.scrollTop || 0; - } - - if (element.nodeType === 1 && element.style.position === 'fixed') { - break; - } + let j = tvalues.length; + const jlen = j; + const iterator = getPointOnCubicBezierIterator(x0, y0, x1, y1, x2, y2, x3, y3); + while (j--) { + const { x, y } = iterator(tvalues[j]); + bounds[0][j] = x; + bounds[1][j] = y; } - - return { left: left, top: top }; - } - - /** - * Returns offset for a given element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element Element to get offset for - * @return {Object} Object with "left" and "top" properties - */ - function getElementOffset(element) { - var docElem, - doc = element && element.ownerDocument, - box = { left: 0, top: 0 }, - offset = { left: 0, top: 0 }, - scrollLeftTop, - offsetAttributes = { - borderLeftWidth: 'left', - borderTopWidth: 'top', - paddingLeft: 'left', - paddingTop: 'top' - }; - - if (!doc) { - return offset; + bounds[0][jlen] = x0; + bounds[1][jlen] = y0; + bounds[0][jlen + 1] = x3; + bounds[1][jlen + 1] = y3; + const result = [ + new Point(Math.min(...bounds[0]), Math.min(...bounds[1])), + new Point(Math.max(...bounds[0]), Math.max(...bounds[1])), + ]; + if (config.cachesBoundsOfCurve) { + cache.boundsOfCurveCache[argsString] = result; } - - for (var attr in offsetAttributes) { - offset[offsetAttributes[attr]] += parseInt(getElementStyle(element, attr), 10) || 0; + return result; +} +/** + * Converts arc to a bunch of bezier curves + * @param {Number} fx starting point x + * @param {Number} fy starting point y + * @param {Array} coords Arc command + */ +const fromArcToBeziers = (fx, fy, [_, rx, ry, rot, large, sweep, tx, ty] = []) => { + const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); + for (let i = 0, len = segsNorm.length; i < len; i++) { + segsNorm[i][1] += fx; + segsNorm[i][2] += fy; + segsNorm[i][3] += fx; + segsNorm[i][4] += fy; + segsNorm[i][5] += fx; + segsNorm[i][6] += fy; } - - docElem = doc.documentElement; - if ( typeof element.getBoundingClientRect !== 'undefined' ) { - box = element.getBoundingClientRect(); + return segsNorm; +}; +/** + * This function take a parsed SVG path and make it simpler for fabricJS logic. + * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) + * S converted in C, T converted in Q, A converted in C. + * @param {Array} path the array of commands of a parsed svg path for fabric.Path + * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path + */ +const makePathSimpler = (path) => { + // x and y represent the last point of the path. the previous command point. + // we add them to each relative command to make it an absolute comment. + // we also swap the v V h H with L, because are easier to transform. + let x = 0, y = 0; + const len = path.length; + // x1 and y1 represent the last point of the subpath. the subpath is started with + // m or M command. When a z or Z command is drawn, x and y need to be resetted to + // the last x1 and y1. + let x1 = 0, y1 = 0; + // previous will host the letter of the previous command, to handle S and T. + // controlX and controlY will host the previous reflected control point + let destinationPath = [], previous, controlX, controlY; + for (let i = 0; i < len; ++i) { + let converted = false; + const current = path[i].slice(0); + switch (current[0] // first letter + ) { + case 'l': // lineto, relative + current[0] = 'L'; + current[1] += x; + current[2] += y; + // falls through + case 'L': + x = current[1]; + y = current[2]; + break; + case 'h': // horizontal lineto, relative + current[1] += x; + // falls through + case 'H': + current[0] = 'L'; + current[2] = y; + x = current[1]; + break; + case 'v': // vertical lineto, relative + current[1] += y; + // falls through + case 'V': + current[0] = 'L'; + y = current[1]; + current[1] = x; + current[2] = y; + break; + case 'm': // moveTo, relative + current[0] = 'M'; + current[1] += x; + current[2] += y; + // falls through + case 'M': + x = current[1]; + y = current[2]; + x1 = current[1]; + y1 = current[2]; + break; + case 'c': // bezierCurveTo, relative + current[0] = 'C'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + current[5] += x; + current[6] += y; + // falls through + case 'C': + controlX = current[3]; + controlY = current[4]; + x = current[5]; + y = current[6]; + break; + case 's': // shorthand cubic bezierCurveTo, relative + current[0] = 'S'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'S': + // would be sScC but since we are swapping sSc for C, we check just that. + if (previous === 'C') { + // calculate reflection of previous control points + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a C, c, S, or s, + // the control point is coincident with the current point + controlX = x; + controlY = y; + } + x = current[3]; + y = current[4]; + current[0] = 'C'; + current[5] = current[3]; + current[6] = current[4]; + current[3] = current[1]; + current[4] = current[2]; + current[1] = controlX; + current[2] = controlY; + // current[3] and current[4] are NOW the second control point. + // we keep it for the next reflection. + controlX = current[3]; + controlY = current[4]; + break; + case 'q': // quadraticCurveTo, relative + current[0] = 'Q'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'Q': + controlX = current[1]; + controlY = current[2]; + x = current[3]; + y = current[4]; + break; + case 't': // shorthand quadraticCurveTo, relative + current[0] = 'T'; + current[1] += x; + current[2] += y; + // falls through + case 'T': + if (previous === 'Q') { + // calculate reflection of previous control point + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a Q, q, T or t, + // assume the control point is coincident with the current point + controlX = x; + controlY = y; + } + current[0] = 'Q'; + x = current[1]; + y = current[2]; + current[1] = controlX; + current[2] = controlY; + current[3] = x; + current[4] = y; + break; + case 'a': + current[0] = 'A'; + current[6] += x; + current[7] += y; + // falls through + case 'A': + converted = true; + destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); + x = current[6]; + y = current[7]; + break; + case 'z': + case 'Z': + x = x1; + y = y1; + break; + } + if (!converted) { + destinationPath.push(current); + } + previous = current[0]; } - - scrollLeftTop = getScrollLeftTop(element); - + return destinationPath; +}; +// todo verify if we can just use the point class here +/** + * Calc length from point x1,y1 to x2,y2 + * @param {Number} x1 starting point x + * @param {Number} y1 starting point y + * @param {Number} x2 starting point x + * @param {Number} y2 starting point y + * @return {Number} length of segment + */ +const calcLineLength = (x1, y1, x2, y2) => Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2); +const getPointOnCubicBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { + const c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); return { - left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, - top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top - }; - } - - /** - * Returns style attribute value of a given element - * @memberOf fabric.util - * @param {HTMLElement} element Element to get style attribute for - * @param {String} attr Style attribute to get for element - * @return {String} Style attribute value of the given element. - */ - var getElementStyle; - if (fabric.document.defaultView && fabric.document.defaultView.getComputedStyle) { - getElementStyle = function(element, attr) { - var style = fabric.document.defaultView.getComputedStyle(element, null); - return style ? style[attr] : undefined; + x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4, + y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4, }; - } - else { - getElementStyle = function(element, attr) { - var value = element.style[attr]; - if (!value && element.currentStyle) { - value = element.currentStyle[attr]; - } - return value; +}; +const QB1 = (t) => t ** 2; +const QB2 = (t) => 2 * t * (1 - t); +const QB3 = (t) => (1 - t) ** 2; +const getTangentCubicIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { + const qb1 = QB1(pct), qb2 = QB2(pct), qb3 = QB3(pct), tangentX = 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)), tangentY = 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y)); + return Math.atan2(tangentY, tangentX); +}; +const getPointOnQuadraticBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { + const c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); + return { + x: p3x * c1 + p2x * c2 + p1x * c3, + y: p3y * c1 + p2y * c2 + p1y * c3, }; - } - - (function () { - var style = fabric.document.documentElement.style, - selectProp = 'userSelect' in style - ? 'userSelect' - : 'MozUserSelect' in style - ? 'MozUserSelect' - : 'WebkitUserSelect' in style - ? 'WebkitUserSelect' - : 'KhtmlUserSelect' in style - ? 'KhtmlUserSelect' - : ''; - - /** - * Makes element unselectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make unselectable - * @return {HTMLElement} Element that was passed in - */ - function makeElementUnselectable(element) { - if (typeof element.onselectstart !== 'undefined') { - element.onselectstart = fabric.util.falseFunction; - } - if (selectProp) { - element.style[selectProp] = 'none'; - } - else if (typeof element.unselectable === 'string') { - element.unselectable = 'on'; - } - return element; +}; +const getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { + const invT = 1 - pct, tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)), tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y)); + return Math.atan2(tangentY, tangentX); +}; +// this will run over a path segment ( a cubic or quadratic segment) and approximate it +// with 100 segemnts. This will good enough to calculate the length of the curve +const pathIterator = (iterator, x1, y1) => { + let tempP = { x: x1, y: y1 }, tmpLen = 0; + for (let perc = 1; perc <= 100; perc += 1) { + const p = iterator(perc / 100); + tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); + tempP = p; } - - /** - * Makes element selectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make selectable - * @return {HTMLElement} Element that was passed in - */ - function makeElementSelectable(element) { - if (typeof element.onselectstart !== 'undefined') { - element.onselectstart = null; - } - if (selectProp) { - element.style[selectProp] = ''; - } - else if (typeof element.unselectable === 'string') { - element.unselectable = ''; - } - return element; + return tmpLen; +}; +/** + * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 + * that correspond to that pixels run over the path. + * The percentage will be then used to find the correct point on the canvas for the path. + * @param {Array} segInfo fabricJS collection of information on a parsed path + * @param {Number} distance from starting point, in pixels. + * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; + */ +const findPercentageForDistance = (segInfo, distance) => { + let perc = 0, tmpLen = 0, tempP = { x: segInfo.x, y: segInfo.y }, p, nextLen, nextStep = 0.01, lastPerc; + // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100 + // the path + const iterator = segInfo.iterator, angleFinder = segInfo.angleFinder; + while (tmpLen < distance && nextStep > 0.0001) { + p = iterator(perc); + lastPerc = perc; + nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); + // compare tmpLen each cycle with distance, decide next perc to test. + if (nextLen + tmpLen > distance) { + // we discard this step and we make smaller steps. + perc -= nextStep; + nextStep /= 2; + } + else { + tempP = p; + perc += nextStep; + tmpLen += nextLen; + } } - - fabric.util.makeElementUnselectable = makeElementUnselectable; - fabric.util.makeElementSelectable = makeElementSelectable; - })(); - - function getNodeCanvas(element) { - var impl = fabric.jsdomImplForWrapper(element); - return impl._canvas || impl._image; - }; - - function cleanUpJsdomNode(element) { - if (!fabric.isLikelyNode) { - return; + p.angle = angleFinder(lastPerc); + return p; +}; +/** + * Run over a parsed and simplifed path and extract some informations. + * informations are length of each command and starting point + * @param {Array} path fabricJS parsed path commands + * @return {Array} path commands informations + */ +const getPathSegmentsInfo = (path) => { + let totalLength = 0, current, + //x2 and y2 are the coords of segment start + //x1 and y1 are the coords of the current point + x1 = 0, y1 = 0, x2 = 0, y2 = 0, iterator, tempInfo, angleFinder; + const len = path.length, info = []; + for (let i = 0; i < len; i++) { + current = path[i]; + tempInfo = { + x: x1, + y: y1, + command: current[0], + }; + switch (current[0] //first letter + ) { + case 'M': + tempInfo.length = 0; + x2 = x1 = current[1]; + y2 = y1 = current[2]; + break; + case 'L': + tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); + x1 = current[1]; + y1 = current[2]; + break; + case 'C': + iterator = getPointOnCubicBezierIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); + angleFinder = getTangentCubicIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[5]; + y1 = current[6]; + break; + case 'Q': + iterator = getPointOnQuadraticBezierIterator(x1, y1, current[1], current[2], current[3], current[4]); + angleFinder = getTangentQuadraticIterator(x1, y1, current[1], current[2], current[3], current[4]); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[3]; + y1 = current[4]; + break; + case 'Z': + case 'z': + // we add those in order to ease calculations later + tempInfo.destX = x2; + tempInfo.destY = y2; + tempInfo.length = calcLineLength(x1, y1, x2, y2); + x1 = x2; + y1 = y2; + break; + } + totalLength += tempInfo.length; + info.push(tempInfo); } - var impl = fabric.jsdomImplForWrapper(element); - if (impl) { - impl._image = null; - impl._canvas = null; - // unsure if necessary - impl._currentSrc = null; - impl._attributes = null; - impl._classList = null; - } - } - - function setImageSmoothing(ctx, value) { - ctx.imageSmoothingEnabled = ctx.imageSmoothingEnabled || ctx.webkitImageSmoothingEnabled - || ctx.mozImageSmoothingEnabled || ctx.msImageSmoothingEnabled || ctx.oImageSmoothingEnabled; - ctx.imageSmoothingEnabled = value; - } - - /** - * setImageSmoothing sets the context imageSmoothingEnabled property. - * Used by canvas and by ImageObject. - * @memberOf fabric.util - * @since 4.0.0 - * @param {HTMLRenderingContext2D} ctx to set on - * @param {Boolean} value true or false - */ - fabric.util.setImageSmoothing = setImageSmoothing; - fabric.util.getById = getById; - fabric.util.toArray = toArray; - fabric.util.addClass = addClass; - fabric.util.makeElement = makeElement; - fabric.util.wrapElement = wrapElement; - fabric.util.getScrollLeftTop = getScrollLeftTop; - fabric.util.getElementOffset = getElementOffset; - fabric.util.getNodeCanvas = getNodeCanvas; - fabric.util.cleanUpJsdomNode = cleanUpJsdomNode; - -})(); - - -(function() { - - function addParamToUrl(url, param) { - return url + (/\?/.test(url) ? '&' : '?') + param; - } - - function emptyFn() { } - - /** - * Cross-browser abstraction for sending XMLHttpRequest - * @memberOf fabric.util - * @param {String} url URL to send XMLHttpRequest to - * @param {Object} [options] Options object - * @param {String} [options.method="GET"] - * @param {String} [options.parameters] parameters to append to url in GET or in body - * @param {String} [options.body] body to send with POST or PUT request - * @param {Function} options.onComplete Callback to invoke when request is completed - * @return {XMLHttpRequest} request - */ - function request(url, options) { - options || (options = { }); - - var method = options.method ? options.method.toUpperCase() : 'GET', - onComplete = options.onComplete || function() { }, - xhr = new fabric.window.XMLHttpRequest(), - body = options.body || options.parameters; - - /** @ignore */ - xhr.onreadystatechange = function() { - if (xhr.readyState === 4) { - onComplete(xhr); - xhr.onreadystatechange = emptyFn; - } - }; - - if (method === 'GET') { - body = null; - if (typeof options.parameters === 'string') { - url = addParamToUrl(url, options.parameters); - } + info.push({ length: totalLength, x: x1, y: y1 }); + return info; +}; +const getPointOnPath = (path, distance, infos) => { + if (!infos) { + infos = getPathSegmentsInfo(path); } - - xhr.open(method, url, true); - - if (method === 'POST' || method === 'PUT') { - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + let i = 0; + while (distance - infos[i].length > 0 && i < infos.length - 2) { + distance -= infos[i].length; + i++; } - - xhr.send(body); - return xhr; - } - - fabric.util.request = request; -})(); - - -/** - * Wrapper around `console.log` (when available) - * @param {*} [values] Values to log - */ -fabric.log = console.log; - + // var distance = infos[infos.length - 1] * perc; + const segInfo = infos[i], segPercent = distance / segInfo.length, command = segInfo.command, segment = path[i]; + let info; + switch (command) { + case 'M': + return { x: segInfo.x, y: segInfo.y, angle: 0 }; + case 'Z': + case 'z': + info = new Point(segInfo.x, segInfo.y).lerp(new Point(segInfo.destX, segInfo.destY), segPercent); + info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); + return info; + case 'L': + info = new Point(segInfo.x, segInfo.y).lerp(new Point(segment[1], segment[2]), segPercent); + info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); + return info; + case 'C': + return findPercentageForDistance(segInfo, distance); + case 'Q': + return findPercentageForDistance(segInfo, distance); + } +}; /** - * Wrapper around `console.warn` (when available) - * @param {*} [values] Values to log as a warning + * + * @param {string} pathString + * @return {(string|number)[][]} An array of SVG path commands + * @example Usage + * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ + * ['M', 3, 4], + * ['Q', 3, 5, 2, 1, 4, 0], + * ['Q', 9, 12, 2, 1, 4, 0], + * ]; + * */ -fabric.warn = console.warn; - - -(function () { - - var extend = fabric.util.object.extend, - clone = fabric.util.object.clone; - - /** - * @typedef {Object} AnimationOptions - * Animation of a value or list of values. - * When using lists, think of something like this: - * fabric.util.animate({ - * startValue: [1, 2, 3], - * endValue: [2, 4, 6], - * onChange: function([a, b, c]) { - * canvas.zoomToPoint({x: b, y: c}, a) - * canvas.renderAll() - * } - * }); - * @example - * @property {Function} [onChange] Callback; invoked on every value change - * @property {Function} [onComplete] Callback; invoked when value change is completed - * @example - * // Note: startValue, endValue, and byValue must match the type - * var animationOptions = { startValue: 0, endValue: 1, byValue: 0.25 } - * var animationOptions = { startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] } - * @property {number | number[]} [startValue=0] Starting value - * @property {number | number[]} [endValue=100] Ending value - * @property {number | number[]} [byValue=100] Value to modify the property by - * @property {Function} [easing] Easing function - * @property {Number} [duration=500] Duration of change (in ms) - * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. - * - * @typedef {() => void} CancelFunction - * - * @typedef {Object} AnimationCurrentState - * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] - * @property {number} completionRate value in range [0, 1] - * @property {number} durationRate value in range [0, 1] - * - * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext - */ - - /** - * Array holding all running animations - * @memberof fabric - * @type {AnimationContext[]} - */ - var RUNNING_ANIMATIONS = []; - fabric.util.object.extend(RUNNING_ANIMATIONS, { - - /** - * cancel all running animations at the next requestAnimFrame - * @returns {AnimationContext[]} - */ - cancelAll: function () { - var animations = this.splice(0); - animations.forEach(function (animation) { - animation.cancel(); - }); - return animations; - }, - - /** - * cancel all running animations attached to canvas at the next requestAnimFrame - * @param {fabric.Canvas} canvas - * @returns {AnimationContext[]} - */ - cancelByCanvas: function (canvas) { - if (!canvas) { - return []; - } - var cancelled = this.filter(function (animation) { - return typeof animation.target === 'object' && animation.target.canvas === canvas; - }); - cancelled.forEach(function (animation) { - animation.cancel(); - }); - return cancelled; - }, - - /** - * cancel all running animations for target at the next requestAnimFrame - * @param {*} target - * @returns {AnimationContext[]} - */ - cancelByTarget: function (target) { - var cancelled = this.findAnimationsByTarget(target); - cancelled.forEach(function (animation) { - animation.cancel(); - }); - return cancelled; - }, - - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {number} - */ - findAnimationIndex: function (cancelFunc) { - return this.indexOf(this.findAnimation(cancelFunc)); - }, - - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {AnimationContext | undefined} animation's options object - */ - findAnimation: function (cancelFunc) { - return this.find(function (animation) { - return animation.cancel === cancelFunc; - }); - }, - - /** - * - * @param {*} target the object that is assigned to the target property of the animation context - * @returns {AnimationContext[]} array of animation options object associated with target - */ - findAnimationsByTarget: function (target) { - if (!target) { - return []; - } - return this.filter(function (animation) { - return animation.target === target; - }); - } - }); - - function noop() { - return false; - } - - function defaultEasing(t, b, c, d) { - return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; - } - - /** - * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {AnimationOptions} [options] Animation options - * @example - * // Note: startValue, endValue, and byValue must match the type - * fabric.util.animate({ startValue: 0, endValue: 1, byValue: 0.25 }) - * fabric.util.animate({ startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] }) - * @returns {CancelFunction} cancel function - */ - function animate(options) { - options || (options = {}); - var cancel = false, - context, - removeFromRegistry = function () { - var index = fabric.runningAnimations.indexOf(context); - return index > -1 && fabric.runningAnimations.splice(index, 1)[0]; - }; - - context = extend(clone(options), { - cancel: function () { - cancel = true; - return removeFromRegistry(); - }, - currentValue: 'startValue' in options ? options.startValue : 0, - completionRate: 0, - durationRate: 0 - }); - fabric.runningAnimations.push(context); - - requestAnimFrame(function(timestamp) { - var start = timestamp || +new Date(), - duration = options.duration || 500, - finish = start + duration, time, - onChange = options.onChange || noop, - abort = options.abort || noop, - onComplete = options.onComplete || noop, - easing = options.easing || defaultEasing, - isMany = 'startValue' in options ? options.startValue.length > 0 : false, - startValue = 'startValue' in options ? options.startValue : 0, - endValue = 'endValue' in options ? options.endValue : 100, - byValue = options.byValue || (isMany ? startValue.map(function(value, i) { - return endValue[i] - startValue[i]; - }) : endValue - startValue); - - options.onStart && options.onStart(); - - (function tick(ticktime) { - time = ticktime || +new Date(); - var currentTime = time > finish ? duration : (time - start), - timePerc = currentTime / duration, - current = isMany ? startValue.map(function(_value, i) { - return easing(currentTime, startValue[i], byValue[i], duration); - }) : easing(currentTime, startValue, byValue, duration), - valuePerc = isMany ? Math.abs((current[0] - startValue[0]) / byValue[0]) - : Math.abs((current - startValue) / byValue); - // update context - context.currentValue = isMany ? current.slice() : current; - context.completionRate = valuePerc; - context.durationRate = timePerc; - if (cancel) { - return; - } - if (abort(current, valuePerc, timePerc)) { - removeFromRegistry(); - return; - } - if (time > finish) { - // update context - context.currentValue = isMany ? endValue.slice() : endValue; - context.completionRate = 1; - context.durationRate = 1; - // execute callbacks - onChange(isMany ? endValue.slice() : endValue, 1, 1); - onComplete(endValue, 1, 1); - removeFromRegistry(); - return; +const parsePath = (pathString) => { + // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) + const re = rePathCommand, rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', rNumberCommaWsp = `(${rNumber})${commaWsp}`, rFlagCommaWsp = `([01])${commaWsp}?`, rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`, regArcArgumentSequence = new RegExp(rArcSeq, 'g'), result = []; + if (!pathString || !pathString.match) { + return result; + } + const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); + for (let i = 0, len = path.length; i < len; i++) { + const currentPath = path[i]; + const coordsStr = currentPath.slice(1).trim(); + const coords = []; + let command = currentPath.charAt(0); + const coordsParsed = [command]; + if (command.toLowerCase() === 'a') { + // arcs have special flags that apparently don't require spaces so handle special + for (let args; (args = regArcArgumentSequence.exec(coordsStr));) { + for (let j = 1; j < args.length; j++) { + coords.push(args[j]); + } + } + } + else { + let match; + while ((match = re.exec(coordsStr))) { + coords.push(match[0]); + } + } + for (let j = 0, jlen = coords.length; j < jlen; j++) { + const parsed = parseFloat(coords[j]); + if (!isNaN(parsed)) { + coordsParsed.push(parsed); + } + } + const commandLength = commandLengths[command.toLowerCase()], repeatedCommand = repeatedCommands[command] || command; + if (coordsParsed.length - 1 > commandLength) { + for (let k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { + result.push([command].concat(coordsParsed.slice(k, k + commandLength))); + command = repeatedCommand; + } } else { - onChange(current, valuePerc, timePerc); - requestAnimFrame(tick); + result.push(coordsParsed); + } + } + return result; +}; +/** + * + * Converts points to a smooth SVG path + * @param {{ x: number,y: number }[]} points Array of points + * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. + * @return {(string|number)[][]} An array of SVG path commands + */ +const getSmoothPathFromPoints = (points, correction = 0) => { + let p1 = new Point(points[0]), p2 = new Point(points[1]), multSignX = 1, multSignY = 0; + const path = [], len = points.length, manyPoints = len > 2; + if (manyPoints) { + multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; + multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; + } + path.push([ + 'M', + p1.x - multSignX * correction, + p1.y - multSignY * correction, + ]); + let i; + for (i = 1; i < len; i++) { + if (!p1.eq(p2)) { + const midPoint = p1.midPointFrom(p2); + // p1 is our bezier control point + // midpoint is our endpoint + // start point is p(i-1) value. + path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); } - })(start); + p1 = points[i]; + if (i + 1 < points.length) { + p2 = points[i + 1]; + } + } + if (manyPoints) { + multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; + multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; + } + path.push([ + 'L', + p1.x + multSignX * correction, + p1.y + multSignY * correction, + ]); + return path; +}; +/** + * Transform a path by transforming each segment. + * it has to be a simplified path or it won't work. + * WARNING: this depends from pathOffset for correct operation + * @param {Array} path fabricJS parsed and simplified path commands + * @param {Array} transform matrix that represent the transformation + * @param {Object} [pathOffset] the fabric.Path pathOffset + * @param {Number} pathOffset.x + * @param {Number} pathOffset.y + * @returns {Array} the transformed path + */ +const transformPath = (path, transform, pathOffset) => { + if (pathOffset) { + transform = multiplyTransformMatrices(transform, [ + 1, + 0, + 0, + 1, + -pathOffset.x, + -pathOffset.y, + ]); + } + return path.map((pathSegment) => { + const newSegment = pathSegment.slice(0); + for (let i = 1; i < pathSegment.length - 1; i += 2) { + const { x, y } = transformPoint({ + x: pathSegment[i], + y: pathSegment[i + 1], + }, transform); + newSegment[i] = x; + newSegment[i + 1] = y; + } + return newSegment; }); +}; +/** + * Returns an array of path commands to create a regular polygon + * @param {number} radius + * @param {number} numVertexes + * @returns {(string|number)[][]} An array of SVG path commands + */ +const getRegularPolygonPath = (numVertexes, radius) => { + const interiorAngle = (Math.PI * 2) / numVertexes; + // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom + // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn + let rotationAdjustment = -halfPI; + if (numVertexes % 2 === 0) { + rotationAdjustment += interiorAngle / 2; + } + const d = new Array(numVertexes + 1); + for (let i = 0; i < numVertexes; i++) { + const rad = i * interiorAngle + rotationAdjustment; + const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius); + d[i] = [i === 0 ? 'M' : 'L', x, y]; + } + d[numVertexes] = ['Z']; + return d; +}; +/** + * Join path commands to go back to svg format + * @param {Array} pathData fabricJS parsed path commands + * @return {String} joined path 'M 0 0 L 20 30' + */ +const joinPath = (pathData) => pathData.map((segment) => segment.join(' ')).join(' '); - return context.cancel; - } - - var _requestAnimFrame = fabric.window.requestAnimationFrame || - fabric.window.webkitRequestAnimationFrame || - fabric.window.mozRequestAnimationFrame || - fabric.window.oRequestAnimationFrame || - fabric.window.msRequestAnimationFrame || - function(callback) { - return fabric.window.setTimeout(callback, 1000 / 60); - }; - - var _cancelAnimFrame = fabric.window.cancelAnimationFrame || fabric.window.clearTimeout; - - /** - * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ - * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method - * @memberOf fabric.util - * @param {Function} callback Callback to invoke - * @param {DOMElement} element optional Element to associate with animation - */ - function requestAnimFrame() { - return _requestAnimFrame.apply(fabric.window, arguments); - } - - function cancelAnimFrame() { - return _cancelAnimFrame.apply(fabric.window, arguments); - } - - fabric.util.animate = animate; - fabric.util.requestAnimFrame = requestAnimFrame; - fabric.util.cancelAnimFrame = cancelAnimFrame; - fabric.runningAnimations = RUNNING_ANIMATIONS; -})(); - - -(function() { - // Calculate an in-between color. Returns a "rgba()" string. - // Credit: Edwin Martin - // http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js - function calculateColor(begin, end, pos) { - var color = 'rgba(' - + parseInt((begin[0] + pos * (end[0] - begin[0])), 10) + ',' - + parseInt((begin[1] + pos * (end[1] - begin[1])), 10) + ',' - + parseInt((begin[2] + pos * (end[2] - begin[2])), 10); - - color += ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); - color += ')'; - return color; - } - - /** - * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {String} fromColor The starting color in hex or rgb(a) format. - * @param {String} toColor The starting color in hex or rgb(a) format. - * @param {Number} [duration] Duration of change (in ms). - * @param {Object} [options] Animation options - * @param {Function} [options.onChange] Callback; invoked on every value change - * @param {Function} [options.onComplete] Callback; invoked when value change is completed - * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. - * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. - * @returns {Function} abort function - */ - function animateColor(fromColor, toColor, duration, options) { - var startColor = new fabric.Color(fromColor).getSource(), - endColor = new fabric.Color(toColor).getSource(), - originalOnComplete = options.onComplete, - originalOnChange = options.onChange; - options = options || {}; - - return fabric.util.animate(fabric.util.object.extend(options, { - duration: duration || 500, - startValue: startColor, - endValue: endColor, - byValue: endColor, - easing: function (currentTime, startValue, byValue, duration) { - var posValue = options.colorEasing - ? options.colorEasing(currentTime, duration) - : 1 - Math.cos(currentTime / duration * (Math.PI / 2)); - return calculateColor(startValue, byValue, posValue); - }, - // has to take in account for color restoring; - onComplete: function(current, valuePerc, timePerc) { - if (originalOnComplete) { - return originalOnComplete( - calculateColor(endColor, endColor, 0), - valuePerc, - timePerc - ); - } - }, - onChange: function(current, valuePerc, timePerc) { - if (originalOnChange) { - if (Array.isArray(current)) { - return originalOnChange( - calculateColor(current, current, 0), - valuePerc, - timePerc - ); - } - originalOnChange(current, valuePerc, timePerc); - } - } - })); - } - - fabric.util.animateColor = animateColor; - -})(); - - -(function() { - - function normalize(a, c, p, s) { - if (a < Math.abs(c)) { - a = c; - s = p / 4; +//@ts-nocheck +// TODO this file needs to go away, cross browser style support is not fabricjs domain. +/** + * wrapper for setting element's style + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {Object | string} styles + */ +function setStyle(element, styles) { + const elementStyle = element.style; + if (!elementStyle) { + return; } - else { - //handle the 0/0 case: - if (c === 0 && a === 0) { - s = p / (2 * Math.PI) * Math.asin(1); - } - else { - s = p / (2 * Math.PI) * Math.asin(c / a); - } - } - return { a: a, c: c, p: p, s: s }; - } - - function elastic(opts, t, d) { - return opts.a * - Math.pow(2, 10 * (t -= 1)) * - Math.sin( (t * d - opts.s) * (2 * Math.PI) / opts.p ); - } - - /** - * Cubic easing out - * @memberOf fabric.util.ease - */ - function easeOutCubic(t, b, c, d) { - return c * ((t = t / d - 1) * t * t + 1) + b; - } - - /** - * Cubic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutCubic(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return c / 2 * t * t * t + b; + else if (typeof styles === 'string') { + element.style.cssText += ';' + styles; } - return c / 2 * ((t -= 2) * t * t + 2) + b; - } - - /** - * Quartic easing in - * @memberOf fabric.util.ease - */ - function easeInQuart(t, b, c, d) { - return c * (t /= d) * t * t * t + b; - } - - /** - * Quartic easing out - * @memberOf fabric.util.ease - */ - function easeOutQuart(t, b, c, d) { - return -c * ((t = t / d - 1) * t * t * t - 1) + b; - } - - /** - * Quartic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutQuart(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return c / 2 * t * t * t * t + b; + else { + Object.entries(styles).forEach(([property, value]) => elementStyle.setProperty(property, value)); } - return -c / 2 * ((t -= 2) * t * t * t - 2) + b; - } - - /** - * Quintic easing in - * @memberOf fabric.util.ease - */ - function easeInQuint(t, b, c, d) { - return c * (t /= d) * t * t * t * t + b; - } - - /** - * Quintic easing out - * @memberOf fabric.util.ease - */ - function easeOutQuint(t, b, c, d) { - return c * ((t = t / d - 1) * t * t * t * t + 1) + b; - } +} - /** - * Quintic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutQuint(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return c / 2 * t * t * t * t * t + b; +//@ts-nocheck +/** + * Cross-browser abstraction for sending XMLHttpRequest + * @memberOf fabric.util + * @deprecated this has to go away, we can use a modern browser method to do the same. + * @param {String} url URL to send XMLHttpRequest to + * @param {Object} [options] Options object + * @param {String} [options.method="GET"] + * @param {Record} [options.parameters] parameters to append to url in GET or in body + * @param {String} [options.body] body to send with POST or PUT request + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {Function} options.onComplete Callback to invoke when request is completed + * @return {XMLHttpRequest} request + */ +function request(url, options = {}) { + const method = options.method ? options.method.toUpperCase() : 'GET', onComplete = options.onComplete || noop, xhr = new fabric.window.XMLHttpRequest(), body = options.body || options.parameters, signal = options.signal, abort = function () { + xhr.abort(); + }, removeListener = function () { + signal && signal.removeEventListener('abort', abort); + xhr.onerror = xhr.ontimeout = noop; + }; + if (signal && signal.aborted) { + throw new Error('`options.signal` is in `aborted` state'); } - return c / 2 * ((t -= 2) * t * t * t * t + 2) + b; - } - - /** - * Sinusoidal easing in - * @memberOf fabric.util.ease - */ - function easeInSine(t, b, c, d) { - return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; - } - - /** - * Sinusoidal easing out - * @memberOf fabric.util.ease - */ - function easeOutSine(t, b, c, d) { - return c * Math.sin(t / d * (Math.PI / 2)) + b; - } - - /** - * Sinusoidal easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutSine(t, b, c, d) { - return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b; - } - - /** - * Exponential easing in - * @memberOf fabric.util.ease - */ - function easeInExpo(t, b, c, d) { - return (t === 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b; - } - - /** - * Exponential easing out - * @memberOf fabric.util.ease - */ - function easeOutExpo(t, b, c, d) { - return (t === d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b; - } - - /** - * Exponential easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutExpo(t, b, c, d) { - if (t === 0) { - return b; + else if (signal) { + signal.addEventListener('abort', abort, { once: true }); } - if (t === d) { - return b + c; + /** @ignore */ + xhr.onreadystatechange = function () { + if (xhr.readyState === 4) { + removeListener(); + onComplete(xhr); + xhr.onreadystatechange = noop; + } + }; + xhr.onerror = xhr.ontimeout = removeListener; + if (method === 'GET' && options.parameters) { + const { origin, pathname, searchParams } = new URL(url); + url = `${origin}${pathname}?${new URLSearchParams([ + ...Array.from(searchParams.entries()), + ...Object.entries(options.parameters), + ])}`; } - t /= d / 2; - if (t < 1) { - return c / 2 * Math.pow(2, 10 * (t - 1)) + b; + xhr.open(method, url, true); + if (method === 'POST' || method === 'PUT') { + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); } - return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b; - } - - /** - * Circular easing in - * @memberOf fabric.util.ease - */ - function easeInCirc(t, b, c, d) { - return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; - } - - /** - * Circular easing out - * @memberOf fabric.util.ease - */ - function easeOutCirc(t, b, c, d) { - return c * Math.sqrt(1 - (t = t / d - 1) * t) + b; - } + xhr.send(method === 'GET' ? null : body); + return xhr; +} - /** - * Circular easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutCirc(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b; +//@ts-nocheck +const touchEvents = ['touchstart', 'touchmove', 'touchend']; +/** + * Adds an event listener to an element + * @function + * @deprecated + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ +const addListener = (element, eventName, handler, options) => element && element.addEventListener(eventName, handler, options); +/** + * Removes an event listener from an element + * @function + * @deprecated + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ +const removeListener = (element, eventName, handler, options) => element && element.removeEventListener(eventName, handler, options); +function getTouchInfo(event) { + const touchProp = event.changedTouches; + if (touchProp && touchProp[0]) { + return touchProp[0]; } - return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; - } + return event; +} +const getPointer = (event) => { + const element = event.target, scroll = fabric.util.getScrollLeftTop(element), _evt = getTouchInfo(event); + return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top); +}; +const isTouchEvent = (event) => touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; - /** - * Elastic easing in - * @memberOf fabric.util.ease - */ - function easeInElastic(t, b, c, d) { - var s = 1.70158, p = 0, a = c; - if (t === 0) { - return b; - } - t /= d; - if (t === 1) { - return b + c; +//@ts-nocheck +/** + * Wraps element with another element + * @memberOf fabric.util + * @param {HTMLElement} element Element to wrap + * @param {HTMLElement|String} wrapper Element to wrap with + * @param {Object} [attributes] Attributes to set on a wrapper + * @return {HTMLElement} wrapper + */ +function wrapElement(element, wrapper) { + if (element.parentNode) { + element.parentNode.replaceChild(wrapper, element); } - if (!p) { - p = d * 0.3; + wrapper.appendChild(element); + return wrapper; +} +/** + * Returns element scroll offsets + * @memberOf fabric.util + * @param {HTMLElement} element Element to operate on + * @return {Object} Object with left/top values + */ +function getScrollLeftTop(element) { + let left = 0, top = 0; + const docElement = fabric$1.document.documentElement, body = fabric$1.document.body || { + scrollLeft: 0, + scrollTop: 0, + }; + // While loop checks (and then sets element to) .parentNode OR .host + // to account for ShadowDOM. We still want to traverse up out of ShadowDOM, + // but the .parentNode of a root ShadowDOM node will always be null, instead + // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938 + while (element && (element.parentNode || element.host)) { + // Set element to element parent, or 'host' in case of ShadowDOM + element = element.parentNode || element.host; + if (element === fabric$1.document) { + left = body.scrollLeft || docElement.scrollLeft || 0; + top = body.scrollTop || docElement.scrollTop || 0; + } + else { + left += element.scrollLeft || 0; + top += element.scrollTop || 0; + } + if (element.nodeType === 1 && element.style.position === 'fixed') { + break; + } } - var opts = normalize(a, c, p, s); - return -elastic(opts, t, d) + b; - } - - /** - * Elastic easing out - * @memberOf fabric.util.ease - */ - function easeOutElastic(t, b, c, d) { - var s = 1.70158, p = 0, a = c; - if (t === 0) { - return b; + return { left, top }; +} +/** + * Returns offset for a given element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element Element to get offset for + * @return {Object} Object with "left" and "top" properties + */ +function getElementOffset(element) { + let box = { left: 0, top: 0 }; + const doc = element && element.ownerDocument, offset = { left: 0, top: 0 }, offsetAttributes = { + borderLeftWidth: 'left', + borderTopWidth: 'top', + paddingLeft: 'left', + paddingTop: 'top', + }; + if (!doc) { + return offset; } - t /= d; - if (t === 1) { - return b + c; + const elemStyle = fabric$1.document.defaultView.getComputedStyle(element, null); + for (const attr in offsetAttributes) { + offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0; } - if (!p) { - p = d * 0.3; + const docElem = doc.documentElement; + if (typeof element.getBoundingClientRect !== 'undefined') { + box = element.getBoundingClientRect(); } - var opts = normalize(a, c, p, s); - return opts.a * Math.pow(2, -10 * t) * Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) + opts.c + b; - } - - /** - * Elastic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutElastic(t, b, c, d) { - var s = 1.70158, p = 0, a = c; - if (t === 0) { - return b; + const scrollLeftTop = getScrollLeftTop(element); + return { + left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, + top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top, + }; +} +/** + * Makes element unselectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make unselectable + * @return {HTMLElement} Element that was passed in + */ +function makeElementUnselectable(element) { + if (typeof element.onselectstart !== 'undefined') { + element.onselectstart = () => false; } - t /= d / 2; - if (t === 2) { - return b + c; + element.style.userSelect = 'none'; + return element; +} +/** + * Makes element selectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make selectable + * @return {HTMLElement} Element that was passed in + */ +function makeElementSelectable(element) { + if (typeof element.onselectstart !== 'undefined') { + element.onselectstart = null; } - if (!p) { - p = d * (0.3 * 1.5); + element.style.userSelect = ''; + return element; +} +function getNodeCanvas(element) { + const impl = fabric$1.jsdomImplForWrapper(element); + return impl._canvas || impl._image; +} +function cleanUpJsdomNode(element) { + if (!fabric$1.isLikelyNode) { + return; } - var opts = normalize(a, c, p, s); - if (t < 1) { - return -0.5 * elastic(opts, t, d) + b; + const impl = fabric$1.jsdomImplForWrapper(element); + if (impl) { + impl._image = null; + impl._canvas = null; + // unsure if necessary + impl._currentSrc = null; + impl._attributes = null; + impl._classList = null; } - return opts.a * Math.pow(2, -10 * (t -= 1)) * - Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) * 0.5 + opts.c + b; - } - - /** - * Backwards easing in - * @memberOf fabric.util.ease - */ - function easeInBack(t, b, c, d, s) { - if (s === undefined) { - s = 1.70158; - } - return c * (t /= d) * t * ((s + 1) * t - s) + b; - } - - /** - * Backwards easing out - * @memberOf fabric.util.ease - */ - function easeOutBack(t, b, c, d, s) { - if (s === undefined) { - s = 1.70158; - } - return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; - } +} - /** - * Backwards easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutBack(t, b, c, d, s) { - if (s === undefined) { - s = 1.70158; - } - t /= d / 2; - if (t < 1) { - return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b; +/** + * Returns true if context has transparent pixel + * at specified location (taking tolerance into account) + * @param {CanvasRenderingContext2D} ctx context + * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space + * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space + * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance + * @return {boolean} true if transparent + */ +const isTransparent = (ctx, x, y, tolerance) => { + // If tolerance is > 0 adjust start coords to take into account. + // If moves off Canvas fix to 0 + if (tolerance > 0) { + if (x > tolerance) { + x -= tolerance; + } + else { + x = 0; + } + if (y > tolerance) { + y -= tolerance; + } + else { + y = 0; + } + } + let _isTransparent = true; + const { data } = ctx.getImageData(x, y, tolerance * 2 || 1, tolerance * 2 || 1); + const l = data.length; + // Split image data - for tolerance > 1, pixelDataSize = 4; + for (let i = 3; i < l; i += 4) { + const alphaChannel = data[i]; + if (alphaChannel > 0) { + // Stop if colour found + _isTransparent = false; + break; + } } - return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b; - } - - /** - * Bouncing easing in - * @memberOf fabric.util.ease - */ - function easeInBounce(t, b, c, d) { - return c - easeOutBounce (d - t, 0, c, d) + b; - } + return _isTransparent; +}; - /** - * Bouncing easing out - * @memberOf fabric.util.ease - */ - function easeOutBounce(t, b, c, d) { - if ((t /= d) < (1 / 2.75)) { - return c * (7.5625 * t * t) + b; +/** + * Merges 2 clip paths into one visually equal clip path + * + * **IMPORTANT**:\ + * Does **NOT** clone the arguments, clone them proir if necessary. + * + * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. + * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. + * + * In order to handle the `inverted` property we follow logic described in the following cases:\ + * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ + * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ + * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. + * + * @memberOf fabric.util + * @param {fabric.Object} c1 + * @param {fabric.Object} c2 + * @returns {fabric.Object} merged clip path + */ +const mergeClipPaths = (c1, c2) => { + var _a; + let a = c1, b = c2; + if (a.inverted && !b.inverted) { + // case (2) + a = c2; + b = c1; } - else if (t < (2 / 2.75)) { - return c * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75) + b; + // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane + sendObjectToPlane(b, (_a = b.group) === null || _a === void 0 ? void 0 : _a.calcTransformMatrix(), a.calcTransformMatrix()); + // assign the `inverted` prop to the wrapping group + const inverted = a.inverted && b.inverted; + if (inverted) { + // case (1) + a.inverted = b.inverted = false; } - else if (t < (2.5 / 2.75)) { - return c * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375) + b; + return new fabric$1.Group([a], { clipPath: b, inverted }); +}; + +/** + * Easing functions + * See Easing Equations by Robert Penner + * @namespace fabric.util.ease + */ +const normalize = (a, c, p, s) => { + if (a < Math.abs(c)) { + a = c; + s = p / 4; } else { - return c * (7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375) + b; - } - } - - /** - * Bouncing easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutBounce(t, b, c, d) { - if (t < d / 2) { - return easeInBounce (t * 2, 0, c, d) * 0.5 + b; - } - return easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; - } - - /** - * Easing functions - * See Easing Equations by Robert Penner - * @namespace fabric.util.ease - */ - fabric.util.ease = { - - /** - * Quadratic easing in - * @memberOf fabric.util.ease - */ - easeInQuad: function(t, b, c, d) { - return c * (t /= d) * t + b; - }, - - /** - * Quadratic easing out - * @memberOf fabric.util.ease - */ - easeOutQuad: function(t, b, c, d) { - return -c * (t /= d) * (t - 2) + b; - }, - - /** - * Quadratic easing in and out - * @memberOf fabric.util.ease - */ - easeInOutQuad: function(t, b, c, d) { - t /= (d / 2); - if (t < 1) { - return c / 2 * t * t + b; - } - return -c / 2 * ((--t) * (t - 2) - 1) + b; - }, - - /** - * Cubic easing in - * @memberOf fabric.util.ease - */ - easeInCubic: function(t, b, c, d) { - return c * (t /= d) * t * t + b; - }, - - easeOutCubic: easeOutCubic, - easeInOutCubic: easeInOutCubic, - easeInQuart: easeInQuart, - easeOutQuart: easeOutQuart, - easeInOutQuart: easeInOutQuart, - easeInQuint: easeInQuint, - easeOutQuint: easeOutQuint, - easeInOutQuint: easeInOutQuint, - easeInSine: easeInSine, - easeOutSine: easeOutSine, - easeInOutSine: easeInOutSine, - easeInExpo: easeInExpo, - easeOutExpo: easeOutExpo, - easeInOutExpo: easeInOutExpo, - easeInCirc: easeInCirc, - easeOutCirc: easeOutCirc, - easeInOutCirc: easeInOutCirc, - easeInElastic: easeInElastic, - easeOutElastic: easeOutElastic, - easeInOutElastic: easeInOutElastic, - easeInBack: easeInBack, - easeOutBack: easeOutBack, - easeInOutBack: easeInOutBack, - easeInBounce: easeInBounce, - easeOutBounce: easeOutBounce, - easeInOutBounce: easeInOutBounce - }; - -})(); - - -(function(global) { - - 'use strict'; - - /** - * @name fabric - * @namespace - */ - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - toFixed = fabric.util.toFixed, - parseUnit = fabric.util.parseUnit, - multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, - - svgValidTagNames = ['path', 'circle', 'polygon', 'polyline', 'ellipse', 'rect', 'line', - 'image', 'text'], - svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], - svgInvalidAncestors = ['pattern', 'defs', 'symbol', 'metadata', 'clipPath', 'mask', 'desc'], - svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], - - attributesMap = { - cx: 'left', - x: 'left', - r: 'radius', - cy: 'top', - y: 'top', - display: 'visible', - visibility: 'visible', - transform: 'transformMatrix', - 'fill-opacity': 'fillOpacity', - 'fill-rule': 'fillRule', - 'font-family': 'fontFamily', - 'font-size': 'fontSize', - 'font-style': 'fontStyle', - 'font-weight': 'fontWeight', - 'letter-spacing': 'charSpacing', - 'paint-order': 'paintFirst', - 'stroke-dasharray': 'strokeDashArray', - 'stroke-dashoffset': 'strokeDashOffset', - 'stroke-linecap': 'strokeLineCap', - 'stroke-linejoin': 'strokeLineJoin', - 'stroke-miterlimit': 'strokeMiterLimit', - 'stroke-opacity': 'strokeOpacity', - 'stroke-width': 'strokeWidth', - 'text-decoration': 'textDecoration', - 'text-anchor': 'textAnchor', - opacity: 'opacity', - 'clip-path': 'clipPath', - 'clip-rule': 'clipRule', - 'vector-effect': 'strokeUniform', - 'image-rendering': 'imageSmoothing', - }, - - colorAttributes = { - stroke: 'strokeOpacity', - fill: 'fillOpacity' - }, - - fSize = 'font-size', cPath = 'clip-path'; - - fabric.svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); - fabric.svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); - fabric.svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); - fabric.svgValidParentsRegEx = getSvgRegex(svgValidParents); - - fabric.cssRules = { }; - fabric.gradientDefs = { }; - fabric.clipPaths = { }; - - function normalizeAttr(attr) { - // transform attribute names - if (attr in attributesMap) { - return attributesMap[attr]; + //handle the 0/0 case: + if (c === 0 && a === 0) { + s = (p / twoMathPi) * Math.asin(1); + } + else { + s = (p / twoMathPi) * Math.asin(c / a); + } } - return attr; - } - - function normalizeValue(attr, value, parentAttributes, fontSize) { - var isArray = Object.prototype.toString.call(value) === '[object Array]', - parsed; - - if ((attr === 'fill' || attr === 'stroke') && value === 'none') { - value = ''; + return { a, c, p, s }; +}; +const elastic = (a, s, p, t, d) => a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p); +/** + * Cubic easing out + * @memberOf fabric.util.ease + */ +const easeOutCubic = (t, b, c, d) => c * ((t /= d - 1) * t ** 2 + 1) + b; +/** + * Cubic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutCubic = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 3 + b; } - else if (attr === 'strokeUniform') { - return (value === 'non-scaling-stroke'); + return (c / 2) * ((t -= 2) * t ** 2 + 2) + b; +}; +/** + * Quartic easing in + * @memberOf fabric.util.ease + */ +const easeInQuart = (t, b, c, d) => c * (t /= d) * t ** 3 + b; +/** + * Quartic easing out + * @memberOf fabric.util.ease + */ +const easeOutQuart = (t, b, c, d) => -c * ((t = t / d - 1) * t ** 3 - 1) + b; +/** + * Quartic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutQuart = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 4 + b; } - else if (attr === 'strokeDashArray') { - if (value === 'none') { - value = null; - } - else { - value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); - } + return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b; +}; +/** + * Quintic easing in + * @memberOf fabric.util.ease + */ +const easeInQuint = (t, b, c, d) => c * (t /= d) * t ** 4 + b; +/** + * Quintic easing out + * @memberOf fabric.util.ease + */ +const easeOutQuint = (t, b, c, d) => c * ((t /= d - 1) * t ** 4 + 1) + b; +/** + * Quintic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutQuint = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 5 + b; } - else if (attr === 'transformMatrix') { - if (parentAttributes && parentAttributes.transformMatrix) { - value = multiplyTransformMatrices( - parentAttributes.transformMatrix, fabric.parseTransformAttribute(value)); - } - else { - value = fabric.parseTransformAttribute(value); - } + return (c / 2) * ((t -= 2) * t ** 4 + 2) + b; +}; +/** + * Sinusoidal easing in + * @memberOf fabric.util.ease + */ +const easeInSine = (t, b, c, d) => -c * Math.cos((t / d) * halfPI) + c + b; +/** + * Sinusoidal easing out + * @memberOf fabric.util.ease + */ +const easeOutSine = (t, b, c, d) => c * Math.sin((t / d) * halfPI) + b; +/** + * Sinusoidal easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutSine = (t, b, c, d) => (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b; +/** + * Exponential easing in + * @memberOf fabric.util.ease + */ +const easeInExpo = (t, b, c, d) => t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b; +/** + * Exponential easing out + * @memberOf fabric.util.ease + */ +const easeOutExpo = (t, b, c, d) => t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b; +/** + * Exponential easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutExpo = (t, b, c, d) => { + if (t === 0) { + return b; } - else if (attr === 'visible') { - value = value !== 'none' && value !== 'hidden'; - // display=none on parent element always takes precedence over child element - if (parentAttributes && parentAttributes.visible === false) { - value = false; - } + if (t === d) { + return b + c; } - else if (attr === 'opacity') { - value = parseFloat(value); - if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { - value *= parentAttributes.opacity; - } + t /= d / 2; + if (t < 1) { + return (c / 2) * 2 ** (10 * (t - 1)) + b; } - else if (attr === 'textAnchor' /* text-anchor */) { - value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; + return (c / 2) * -(2 ** (-10 * --t) + 2) + b; +}; +/** + * Circular easing in + * @memberOf fabric.util.ease + */ +const easeInCirc = (t, b, c, d) => -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; +/** + * Circular easing out + * @memberOf fabric.util.ease + */ +const easeOutCirc = (t, b, c, d) => c * Math.sqrt(1 - (t = t / d - 1) * t) + b; +/** + * Circular easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutCirc = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b; } - else if (attr === 'charSpacing') { - // parseUnit returns px and we convert it to em - parsed = parseUnit(value, fontSize) / fontSize * 1000; + return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; +}; +/** + * Elastic easing in + * @memberOf fabric.util.ease + */ +const easeInElastic = (t, b, c, d) => { + const s = 1.70158, a = c; + let p = 0; + if (t === 0) { + return b; } - else if (attr === 'paintFirst') { - var fillIndex = value.indexOf('fill'); - var strokeIndex = value.indexOf('stroke'); - var value = 'fill'; - if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { - value = 'stroke'; - } - else if (fillIndex === -1 && strokeIndex > -1) { - value = 'stroke'; - } + t /= d; + if (t === 1) { + return b + c; } - else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { - return value; + if (!p) { + p = d * 0.3; } - else if (attr === 'imageSmoothing') { - return (value === 'optimizeQuality'); + const { a: normA, s: normS, p: normP } = normalize(a, c, p, s); + return -elastic(normA, normS, normP, t, d) + b; +}; +/** + * Elastic easing out + * @memberOf fabric.util.ease + */ +const easeOutElastic = (t, b, c, d) => { + const s = 1.70158, a = c; + let p = 0; + if (t === 0) { + return b; } - else { - parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); + t /= d; + if (t === 1) { + return b + c; } - - return (!isArray && isNaN(parsed) ? value : parsed); - } - - /** - * @private - */ - function getSvgRegex(arr) { - return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); - } - - /** - * @private - * @param {Object} attributes Array of attributes to parse - */ - function _setStrokeFillOpacity(attributes) { - for (var attr in colorAttributes) { - - if (typeof attributes[colorAttributes[attr]] === 'undefined' || attributes[attr] === '') { - continue; - } - - if (typeof attributes[attr] === 'undefined') { - if (!fabric.Object.prototype[attr]) { - continue; - } - attributes[attr] = fabric.Object.prototype[attr]; - } - - if (attributes[attr].indexOf('url(') === 0) { - continue; - } - - var color = new fabric.Color(attributes[attr]); - attributes[attr] = color.setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)).toRgba(); + if (!p) { + p = d * 0.3; } - return attributes; - } - - /** - * @private - */ - function _getMultipleNodes(doc, nodeNames) { - var nodeName, nodeArray = [], nodeList, i, len; - for (i = 0, len = nodeNames.length; i < len; i++) { - nodeName = nodeNames[i]; - nodeList = doc.getElementsByTagName(nodeName); - nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); + const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); + return (normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) + + normC + + b); +}; +/** + * Elastic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutElastic = (t, b, c, d) => { + const s = 1.70158, a = c; + let p = 0; + if (t === 0) { + return b; } - return nodeArray; - } - - /** - * Parses "transform" attribute, returning an array of values - * @static - * @function - * @memberOf fabric - * @param {String} attributeValue String containing attribute value - * @return {Array} Array of 6 elements representing transformation matrix - */ - fabric.parseTransformAttribute = (function() { - function rotateMatrix(matrix, args) { - var cos = fabric.util.cos(args[0]), sin = fabric.util.sin(args[0]), - x = 0, y = 0; - if (args.length === 3) { - x = args[1]; - y = args[2]; - } - - matrix[0] = cos; - matrix[1] = sin; - matrix[2] = -sin; - matrix[3] = cos; - matrix[4] = x - (cos * x - sin * y); - matrix[5] = y - (sin * x + cos * y); + t /= d / 2; + if (t === 2) { + return b + c; } - - function scaleMatrix(matrix, args) { - var multiplierX = args[0], - multiplierY = (args.length === 2) ? args[1] : args[0]; - - matrix[0] = multiplierX; - matrix[3] = multiplierY; + if (!p) { + p = d * (0.3 * 1.5); } - - function skewMatrix(matrix, args, pos) { - matrix[pos] = Math.tan(fabric.util.degreesToRadians(args[0])); + const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); + if (t < 1) { + return -0.5 * elastic(normA, normS, normP, t, d) + b; + } + return (normA * + Math.pow(2, -10 * (t -= 1)) * + Math.sin(((t * d - normS) * twoMathPi) / normP) * + 0.5 + + normC + + b); +}; +/** + * Backwards easing in + * @memberOf fabric.util.ease + */ +const easeInBack = (t, b, c, d, s = 1.70158) => c * (t /= d) * t * ((s + 1) * t - s) + b; +/** + * Backwards easing out + * @memberOf fabric.util.ease + */ +const easeOutBack = (t, b, c, d, s = 1.70158) => c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; +/** + * Backwards easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutBack = (t, b, c, d, s = 1.70158) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b; } - - function translateMatrix(matrix, args) { - matrix[4] = args[0]; - if (args.length === 2) { - matrix[5] = args[1]; - } + return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b; +}; +/** + * Bouncing easing out + * @memberOf fabric.util.ease + */ +const easeOutBounce = (t, b, c, d) => { + if ((t /= d) < 1 / 2.75) { + return c * (7.5625 * t * t) + b; } + else if (t < 2 / 2.75) { + return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b; + } + else if (t < 2.5 / 2.75) { + return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b; + } + else { + return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b; + } +}; +/** + * Bouncing easing in + * @memberOf fabric.util.ease + */ +const easeInBounce = (t, b, c, d) => c - easeOutBounce(d - t, 0, c, d) + b; +/** + * Bouncing easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutBounce = (t, b, c, d) => t < d / 2 + ? easeInBounce(t * 2, 0, c, d) * 0.5 + b + : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; +/** + * Quadratic easing in + * @memberOf fabric.util.ease + */ +const easeInQuad = (t, b, c, d) => c * (t /= d) * t + b; +/** + * Quadratic easing out + * @memberOf fabric.util.ease + */ +const easeOutQuad = (t, b, c, d) => -c * (t /= d) * (t - 2) + b; +/** + * Quadratic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutQuad = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 2 + b; + } + return (-c / 2) * (--t * (t - 2) - 1) + b; +}; +/** + * Cubic easing in + * @memberOf fabric.util.ease + */ +const easeInCubic = (t, b, c, d) => c * (t /= d) * t * t + b; + +var ease = /*#__PURE__*/Object.freeze({ + __proto__: null, + easeOutCubic: easeOutCubic, + easeInOutCubic: easeInOutCubic, + easeInQuart: easeInQuart, + easeOutQuart: easeOutQuart, + easeInOutQuart: easeInOutQuart, + easeInQuint: easeInQuint, + easeOutQuint: easeOutQuint, + easeInOutQuint: easeInOutQuint, + easeInSine: easeInSine, + easeOutSine: easeOutSine, + easeInOutSine: easeInOutSine, + easeInExpo: easeInExpo, + easeOutExpo: easeOutExpo, + easeInOutExpo: easeInOutExpo, + easeInCirc: easeInCirc, + easeOutCirc: easeOutCirc, + easeInOutCirc: easeInOutCirc, + easeInElastic: easeInElastic, + easeOutElastic: easeOutElastic, + easeInOutElastic: easeInOutElastic, + easeInBack: easeInBack, + easeOutBack: easeOutBack, + easeInOutBack: easeInOutBack, + easeOutBounce: easeOutBounce, + easeInBounce: easeInBounce, + easeInOutBounce: easeInOutBounce, + easeInQuad: easeInQuad, + easeOutQuad: easeOutQuad, + easeInOutQuad: easeInOutQuad, + easeInCubic: easeInCubic +}); - // identity matrix - var iMatrix = fabric.iMatrix, - - // == begin transform regexp - number = fabric.reNum, - - commaWsp = fabric.commaWsp, - - skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', - - skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', - - rotate = '(?:(rotate)\\s*\\(\\s*(' + number + ')(?:' + - commaWsp + '(' + number + ')' + - commaWsp + '(' + number + '))?\\s*\\))', - - scale = '(?:(scale)\\s*\\(\\s*(' + number + ')(?:' + - commaWsp + '(' + number + '))?\\s*\\))', - - translate = '(?:(translate)\\s*\\(\\s*(' + number + ')(?:' + - commaWsp + '(' + number + '))?\\s*\\))', - - matrix = '(?:(matrix)\\s*\\(\\s*' + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + - '\\s*\\))', - - transform = '(?:' + - matrix + '|' + - translate + '|' + - scale + '|' + - rotate + '|' + - skewX + '|' + - skewY + - ')', - - transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', - - transformList = '^\\s*(?:' + transforms + '?)\\s*$', - - // http://www.w3.org/TR/SVG/coords.html#TransformAttribute - reTransformList = new RegExp(transformList), - // == end transform regexp - - reTransform = new RegExp(transform, 'g'); - - return function(attributeValue) { - - // start with identity matrix - var matrix = iMatrix.concat(), - matrices = []; - - // return if no argument was given or - // an argument does not match transform attribute regexp - if (!attributeValue || (attributeValue && !reTransformList.test(attributeValue))) { - return matrix; - } - - attributeValue.replace(reTransform, function(match) { - - var m = new RegExp(transform).exec(match).filter(function (match) { - // match !== '' && match != null - return (!!match); - }), - operation = m[1], - args = m.slice(2).map(parseFloat); - - switch (operation) { - case 'translate': - translateMatrix(matrix, args); - break; - case 'rotate': - args[0] = fabric.util.degreesToRadians(args[0]); - rotateMatrix(matrix, args); - break; - case 'scale': - scaleMatrix(matrix, args); - break; - case 'skewX': - skewMatrix(matrix, args, 2); - break; - case 'skewY': - skewMatrix(matrix, args, 1); - break; - case 'matrix': - matrix = args; - break; - } - - // snapshot current matrix into matrices array - matrices.push(matrix.concat()); - // reset - matrix = iMatrix.concat(); - }); - - var combinedMatrix = matrices[0]; - while (matrices.length > 1) { - matrices.shift(); - combinedMatrix = fabric.util.multiplyTransformMatrices(combinedMatrix, matrices[0]); - } - return combinedMatrix; - }; - })(); - - /** - * @private - */ - function parseStyleString(style, oStyle) { - var attr, value; - style.replace(/;\s*$/, '').split(';').forEach(function (chunk) { - var pair = chunk.split(':'); - - attr = pair[0].trim().toLowerCase(); - value = pair[1].trim(); - - oStyle[attr] = value; - }); - } - - /** - * @private - */ - function parseStyleObject(style, oStyle) { - var attr, value; - for (var prop in style) { - if (typeof style[prop] === 'undefined') { - continue; - } +/** + * Map of the 148 color names with HEX code + * @see: https://www.w3.org/TR/css3-color/#svg-color + */ +const ColorNameMap = { + aliceblue: '#F0F8FF', + antiquewhite: '#FAEBD7', + aqua: '#00FFFF', + aquamarine: '#7FFFD4', + azure: '#F0FFFF', + beige: '#F5F5DC', + bisque: '#FFE4C4', + black: '#000000', + blanchedalmond: '#FFEBCD', + blue: '#0000FF', + blueviolet: '#8A2BE2', + brown: '#A52A2A', + burlywood: '#DEB887', + cadetblue: '#5F9EA0', + chartreuse: '#7FFF00', + chocolate: '#D2691E', + coral: '#FF7F50', + cornflowerblue: '#6495ED', + cornsilk: '#FFF8DC', + crimson: '#DC143C', + cyan: '#00FFFF', + darkblue: '#00008B', + darkcyan: '#008B8B', + darkgoldenrod: '#B8860B', + darkgray: '#A9A9A9', + darkgrey: '#A9A9A9', + darkgreen: '#006400', + darkkhaki: '#BDB76B', + darkmagenta: '#8B008B', + darkolivegreen: '#556B2F', + darkorange: '#FF8C00', + darkorchid: '#9932CC', + darkred: '#8B0000', + darksalmon: '#E9967A', + darkseagreen: '#8FBC8F', + darkslateblue: '#483D8B', + darkslategray: '#2F4F4F', + darkslategrey: '#2F4F4F', + darkturquoise: '#00CED1', + darkviolet: '#9400D3', + deeppink: '#FF1493', + deepskyblue: '#00BFFF', + dimgray: '#696969', + dimgrey: '#696969', + dodgerblue: '#1E90FF', + firebrick: '#B22222', + floralwhite: '#FFFAF0', + forestgreen: '#228B22', + fuchsia: '#FF00FF', + gainsboro: '#DCDCDC', + ghostwhite: '#F8F8FF', + gold: '#FFD700', + goldenrod: '#DAA520', + gray: '#808080', + grey: '#808080', + green: '#008000', + greenyellow: '#ADFF2F', + honeydew: '#F0FFF0', + hotpink: '#FF69B4', + indianred: '#CD5C5C', + indigo: '#4B0082', + ivory: '#FFFFF0', + khaki: '#F0E68C', + lavender: '#E6E6FA', + lavenderblush: '#FFF0F5', + lawngreen: '#7CFC00', + lemonchiffon: '#FFFACD', + lightblue: '#ADD8E6', + lightcoral: '#F08080', + lightcyan: '#E0FFFF', + lightgoldenrodyellow: '#FAFAD2', + lightgray: '#D3D3D3', + lightgrey: '#D3D3D3', + lightgreen: '#90EE90', + lightpink: '#FFB6C1', + lightsalmon: '#FFA07A', + lightseagreen: '#20B2AA', + lightskyblue: '#87CEFA', + lightslategray: '#778899', + lightslategrey: '#778899', + lightsteelblue: '#B0C4DE', + lightyellow: '#FFFFE0', + lime: '#00FF00', + limegreen: '#32CD32', + linen: '#FAF0E6', + magenta: '#FF00FF', + maroon: '#800000', + mediumaquamarine: '#66CDAA', + mediumblue: '#0000CD', + mediumorchid: '#BA55D3', + mediumpurple: '#9370DB', + mediumseagreen: '#3CB371', + mediumslateblue: '#7B68EE', + mediumspringgreen: '#00FA9A', + mediumturquoise: '#48D1CC', + mediumvioletred: '#C71585', + midnightblue: '#191970', + mintcream: '#F5FFFA', + mistyrose: '#FFE4E1', + moccasin: '#FFE4B5', + navajowhite: '#FFDEAD', + navy: '#000080', + oldlace: '#FDF5E6', + olive: '#808000', + olivedrab: '#6B8E23', + orange: '#FFA500', + orangered: '#FF4500', + orchid: '#DA70D6', + palegoldenrod: '#EEE8AA', + palegreen: '#98FB98', + paleturquoise: '#AFEEEE', + palevioletred: '#DB7093', + papayawhip: '#FFEFD5', + peachpuff: '#FFDAB9', + peru: '#CD853F', + pink: '#FFC0CB', + plum: '#DDA0DD', + powderblue: '#B0E0E6', + purple: '#800080', + rebeccapurple: '#663399', + red: '#FF0000', + rosybrown: '#BC8F8F', + royalblue: '#4169E1', + saddlebrown: '#8B4513', + salmon: '#FA8072', + sandybrown: '#F4A460', + seagreen: '#2E8B57', + seashell: '#FFF5EE', + sienna: '#A0522D', + silver: '#C0C0C0', + skyblue: '#87CEEB', + slateblue: '#6A5ACD', + slategray: '#708090', + slategrey: '#708090', + snow: '#FFFAFA', + springgreen: '#00FF7F', + steelblue: '#4682B4', + tan: '#D2B48C', + teal: '#008080', + thistle: '#D8BFD8', + tomato: '#FF6347', + turquoise: '#40E0D0', + violet: '#EE82EE', + wheat: '#F5DEB3', + white: '#FFFFFF', + whitesmoke: '#F5F5F5', + yellow: '#FFFF00', + yellowgreen: '#9ACD32', +}; - attr = prop.toLowerCase(); - value = style[prop]; +/** + * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) + * @static + * @field + * @memberOf Color + */ +// eslint-disable-next-line max-len +const reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; +/** + * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) + * @static + * @field + * @memberOf Color + */ +const reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}%)\s*,\s*(\d{1,3}%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; +/** + * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) + * @static + * @field + * @memberOf Color + */ +const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; - oStyle[attr] = value; +/** + * @private + * @param {Number} p + * @param {Number} q + * @param {Number} t + * @return {Number} + */ +function hue2rgb(p, q, t) { + if (t < 0) { + t += 1; } - } - - /** - * @private - */ - function getGlobalStylesForElement(element, svgUid) { - var styles = { }; - for (var rule in fabric.cssRules[svgUid]) { - if (elementMatchesRule(element, rule.split(' '))) { - for (var property in fabric.cssRules[svgUid][rule]) { - styles[property] = fabric.cssRules[svgUid][rule][property]; - } - } + if (t > 1) { + t -= 1; } - return styles; - } - - /** - * @private - */ - function elementMatchesRule(element, selectors) { - var firstMatching, parentMatching = true; - //start from rightmost selector. - firstMatching = selectorMatches(element, selectors.pop()); - if (firstMatching && selectors.length) { - parentMatching = doesSomeParentMatch(element, selectors); + if (t < 1 / 6) { + return p + (q - p) * 6 * t; } - return firstMatching && parentMatching && (selectors.length === 0); - } - - function doesSomeParentMatch(element, selectors) { - var selector, parentMatching = true; - while (element.parentNode && element.parentNode.nodeType === 1 && selectors.length) { - if (parentMatching) { - selector = selectors.pop(); - } - element = element.parentNode; - parentMatching = selectorMatches(element, selector); + if (t < 1 / 2) { + return q; } - return selectors.length === 0; - } - - /** - * @private - */ - function selectorMatches(element, selector) { - var nodeName = element.nodeName, - classNames = element.getAttribute('class'), - id = element.getAttribute('id'), matcher, i; - // i check if a selector matches slicing away part from it. - // if i get empty string i should match - matcher = new RegExp('^' + nodeName, 'i'); - selector = selector.replace(matcher, ''); - if (id && selector.length) { - matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); + if (t < 2 / 3) { + return p + (q - p) * (2 / 3 - t) * 6; } - if (classNames && selector.length) { - classNames = classNames.split(' '); - for (i = classNames.length; i--;) { - matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); - } - } - return selector.length === 0; - } + return p; +} +/** + * Convert a [0, 255] value to hex + * @param value + * @returns + */ +function hexify(value) { + const hexValue = value.toString(16).toUpperCase(); + return hexValue.length === 1 ? `0${hexValue}` : hexValue; +} - /** - * @private - * to support IE8 missing getElementById on SVGdocument and on node xmlDOM - */ - function elementById(doc, id) { - var el; - doc.getElementById && (el = doc.getElementById(id)); - if (el) { - return el; - } - var node, i, len, nodelist = doc.getElementsByTagName('*'); - for (i = 0, len = nodelist.length; i < len; i++) { - node = nodelist[i]; - if (id === node.getAttribute('id')) { - return node; - } +//@ts-nocheck +/** + * @class Color common color operations + * @tutorial {@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) { + if (!color) { + this.setSource([0, 0, 0, 1]); + } + else { + this._tryParsingColor(color); + } } - } - - /** - * @private - */ - function parseUseDirectives(doc) { - var nodelist = _getMultipleNodes(doc, ['use', 'svg:use']), i = 0; - while (nodelist.length && i < nodelist.length) { - var el = nodelist[i], - xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); - - if (xlinkAttribute === null) { - return; - } - - var xlink = xlinkAttribute.substr(1), - x = el.getAttribute('x') || 0, - y = el.getAttribute('y') || 0, - el2 = elementById(doc, xlink).cloneNode(true), - currentTrans = (el2.getAttribute('transform') || '') + ' translate(' + x + ', ' + y + ')', - parentNode, - oldLength = nodelist.length, attr, - j, - attrs, - len, - namespace = fabric.svgNS; - - applyViewboxTransform(el2); - if (/^svg$/i.test(el2.nodeName)) { - var el3 = el2.ownerDocument.createElementNS(namespace, 'g'); - for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); - } - // el2.firstChild != null - while (el2.firstChild) { - el3.appendChild(el2.firstChild); - } - el2 = el3; - } - - for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - if (attr.nodeName === 'x' || attr.nodeName === 'y' || - attr.nodeName === 'xlink:href' || attr.nodeName === 'href') { - continue; + /** + * @private + * @param {string} [color] Color value to parse + */ + _tryParsingColor(color) { + if (color in ColorNameMap) { + color = ColorNameMap[color]; } - - if (attr.nodeName === 'transform') { - currentTrans = attr.nodeValue + ' ' + currentTrans; + const source = color === 'transparent' + ? [255, 255, 255, 0] + : Color.sourceFromHex(color) || + Color.sourceFromRgb(color) || + Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does + if (source) { + this.setSource(source); + } + } + /** + * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson} + * @private + * @param {Number} r Red color value + * @param {Number} g Green color value + * @param {Number} b Blue color value + * @return {TColorSource} Hsl color + */ + _rgbToHsl(r, g, b) { + r /= 255; + g /= 255; + b /= 255; + const maxValue = Math.max(r, g, b), minValue = Math.min(r, g, b); + let h, s; + const l = (maxValue + minValue) / 2; + if (maxValue === minValue) { + h = s = 0; // achromatic } else { - el2.setAttribute(attr.nodeName, attr.nodeValue); + const d = maxValue - minValue; + s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue); + switch (maxValue) { + case r: + h = (g - b) / d + (g < b ? 6 : 0); + break; + case g: + h = (b - r) / d + 2; + break; + case b: + h = (r - g) / d + 4; + break; + } + h /= 6; } - } - - el2.setAttribute('transform', currentTrans); - el2.setAttribute('instantiated_by_use', '1'); - el2.removeAttribute('id'); - parentNode = el.parentNode; - parentNode.replaceChild(el2, el); - // some browsers do not shorten nodelist after replaceChild (IE8) - if (nodelist.length === oldLength) { - i++; - } - } - } - - // http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute - // matches, e.g.: +14.56e-12, etc. - var reViewBoxAttrValue = new RegExp( - '^' + - '\\s*(' + fabric.reNum + '+)\\s*,?' + - '\\s*(' + fabric.reNum + '+)\\s*,?' + - '\\s*(' + fabric.reNum + '+)\\s*,?' + - '\\s*(' + fabric.reNum + '+)\\s*' + - '$' - ); - - /** - * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements - */ - function applyViewboxTransform(element) { - if (!fabric.svgViewBoxElementsRegEx.test(element.nodeName)) { - return {}; - } - var viewBoxAttr = element.getAttribute('viewBox'), - scaleX = 1, - scaleY = 1, - minX = 0, - minY = 0, - viewBoxWidth, viewBoxHeight, matrix, el, - widthAttr = element.getAttribute('width'), - heightAttr = element.getAttribute('height'), - x = element.getAttribute('x') || 0, - y = element.getAttribute('y') || 0, - preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', - missingViewBox = (!viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue))), - missingDimAttr = (!widthAttr || !heightAttr || widthAttr === '100%' || heightAttr === '100%'), - toBeParsed = missingViewBox && missingDimAttr, - parsedDim = { }, translateMatrix = '', widthDiff = 0, heightDiff = 0; - - parsedDim.width = 0; - parsedDim.height = 0; - parsedDim.toBeParsed = toBeParsed; - - if (missingViewBox) { - if (((x || y) && element.parentNode && element.parentNode.nodeName !== '#document')) { - translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; - matrix = (element.getAttribute('transform') || '') + translateMatrix; - element.setAttribute('transform', matrix); - element.removeAttribute('x'); - element.removeAttribute('y'); - } + return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)]; } - - if (toBeParsed) { - return parsedDim; + /** + * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @return {TColorAlphaSource} + */ + getSource() { + return this._source; } - - if (missingViewBox) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - // set a transform for elements that have x y and are inner(only) SVGs - return parsedDim; + /** + * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @param {TColorAlphaSource} source + */ + setSource(source) { + this._source = source; } - minX = -parseFloat(viewBoxAttr[1]); - minY = -parseFloat(viewBoxAttr[2]); - viewBoxWidth = parseFloat(viewBoxAttr[3]); - viewBoxHeight = parseFloat(viewBoxAttr[4]); - parsedDim.minX = minX; - parsedDim.minY = minY; - parsedDim.viewBoxWidth = viewBoxWidth; - parsedDim.viewBoxHeight = viewBoxHeight; - if (!missingDimAttr) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - scaleX = parsedDim.width / viewBoxWidth; - scaleY = parsedDim.height / viewBoxHeight; + /** + * Returns color representation in RGB format + * @return {String} ex: rgb(0-255,0-255,0-255) + */ + toRgb() { + const source = this.getSource(); + return `rgb(${source[0]},${source[1]},${source[2]})`; } - else { - parsedDim.width = viewBoxWidth; - parsedDim.height = viewBoxHeight; + /** + * Returns color representation in RGBA format + * @return {String} ex: rgba(0-255,0-255,0-255,0-1) + */ + toRgba() { + const source = this.getSource(); + return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`; } - - // default is to preserve aspect ratio - preserveAspectRatio = fabric.util.parsePreserveAspectRatioAttribute(preserveAspectRatio); - if (preserveAspectRatio.alignX !== 'none') { - //translate all container for the effect of Mid, Min, Max - if (preserveAspectRatio.meetOrSlice === 'meet') { - scaleY = scaleX = (scaleX > scaleY ? scaleY : scaleX); - // calculate additional translation to move the viewbox - } - if (preserveAspectRatio.meetOrSlice === 'slice') { - scaleY = scaleX = (scaleX > scaleY ? scaleX : scaleY); - // calculate additional translation to move the viewbox - } - widthDiff = parsedDim.width - viewBoxWidth * scaleX; - heightDiff = parsedDim.height - viewBoxHeight * scaleX; - if (preserveAspectRatio.alignX === 'Mid') { - widthDiff /= 2; - } - if (preserveAspectRatio.alignY === 'Mid') { - heightDiff /= 2; - } - if (preserveAspectRatio.alignX === 'Min') { - widthDiff = 0; - } - if (preserveAspectRatio.alignY === 'Min') { - heightDiff = 0; - } + /** + * Returns color representation in HSL format + * @return {String} ex: hsl(0-360,0%-100%,0%-100%) + */ + toHsl() { + const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); + return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`; } - - if (scaleX === 1 && scaleY === 1 && minX === 0 && minY === 0 && x === 0 && y === 0) { - return parsedDim; + /** + * Returns color representation in HSLA format + * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) + */ + toHsla() { + const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); + return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`; } - if ((x || y) && element.parentNode.nodeName !== '#document') { - translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + /** + * Returns color representation in HEX format + * @return {String} ex: FF5555 + */ + toHex() { + const [r, g, b] = this.getSource(); + return `${hexify(r)}${hexify(g)}${hexify(b)}`; } - - matrix = translateMatrix + ' matrix(' + scaleX + - ' 0' + - ' 0 ' + - scaleY + ' ' + - (minX * scaleX + widthDiff) + ' ' + - (minY * scaleY + heightDiff) + ') '; - // seems unused. - // parsedDim.viewboxTransform = fabric.parseTransformAttribute(matrix); - if (element.nodeName === 'svg') { - el = element.ownerDocument.createElementNS(fabric.svgNS, 'g'); - // element.firstChild != null - while (element.firstChild) { - el.appendChild(element.firstChild); - } - element.appendChild(el); + /** + * Returns color representation in HEXA format + * @return {String} ex: FF5555CC + */ + toHexa() { + const source = this.getSource(); + return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`; } - else { - el = element; - el.removeAttribute('x'); - el.removeAttribute('y'); - matrix = el.getAttribute('transform') + matrix; + /** + * Gets value of alpha channel for this color + * @return {Number} 0-1 + */ + getAlpha() { + return this.getSource()[3]; } - el.setAttribute('transform', matrix); - return parsedDim; - } - - function hasAncestorWithNodeName(element, nodeName) { - while (element && (element = element.parentNode)) { - if (element.nodeName && nodeName.test(element.nodeName.replace('svg:', '')) - && !element.getAttribute('instantiated_by_use')) { - return true; - } + /** + * Sets value of alpha channel for this color + * @param {Number} alpha Alpha value 0-1 + * @return {Color} thisArg + */ + setAlpha(alpha) { + const source = this.getSource(); + source[3] = alpha; + this.setSource(source); + return this; } - return false; - } - - /** - * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback - * @static - * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @param {Function} callback Callback to call when parsing is finished; - * It's being passed an array of elements (parsed from a document). - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [parsingOptions] options for parsing document - * @param {String} [parsingOptions.crossOrigin] crossOrigin settings - */ - fabric.parseSVGDocument = function(doc, callback, reviver, parsingOptions) { - if (!doc) { - return; + /** + * Transforms color to its grayscale representation + * @return {Color} thisArg + */ + toGrayscale() { + const source = this.getSource(), average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), currentAlpha = source[3]; + this.setSource([average, average, average, currentAlpha]); + return this; } - - parseUseDirectives(doc); - - var svgUid = fabric.Object.__uid++, i, len, - options = applyViewboxTransform(doc), - descendants = fabric.util.toArray(doc.getElementsByTagName('*')); - options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; - options.svgUid = svgUid; - - if (descendants.length === 0 && fabric.isLikelyNode) { - // we're likely in node, where "o3-xml" library fails to gEBTN("*") - // https://github.com/ajaxorg/node-o3-xml/issues/21 - descendants = doc.selectNodes('//*[name(.)!="svg"]'); - var arr = []; - for (i = 0, len = descendants.length; i < len; i++) { - arr[i] = descendants[i]; - } - descendants = arr; + /** + * Transforms color to its black and white representation + * @param {Number} threshold + * @return {Color} thisArg + */ + toBlackWhite(threshold) { + const source = this.getSource(), currentAlpha = source[3]; + let average = Math.round(source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11); + average = average < (threshold || 127) ? 0 : 255; + this.setSource([average, average, average, currentAlpha]); + return this; } - - var elements = descendants.filter(function(el) { - applyViewboxTransform(el); - return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && - !hasAncestorWithNodeName(el, fabric.svgInvalidAncestorsRegEx); // http://www.w3.org/TR/SVG/struct.html#DefsElement - }); - if (!elements || (elements && !elements.length)) { - callback && callback([], {}); - return; - } - var clipPaths = { }; - descendants.filter(function(el) { - return el.nodeName.replace('svg:', '') === 'clipPath'; - }).forEach(function(el) { - var id = el.getAttribute('id'); - clipPaths[id] = fabric.util.toArray(el.getElementsByTagName('*')).filter(function(el) { - return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); - }); - }); - fabric.gradientDefs[svgUid] = fabric.getGradientDefs(doc); - fabric.cssRules[svgUid] = fabric.getCSSRules(doc); - fabric.clipPaths[svgUid] = clipPaths; - // Precedence of rules: style > class > attribute - fabric.parseElements(elements, function(instances, elements) { - if (callback) { - callback(instances, options, elements, descendants); - delete fabric.gradientDefs[svgUid]; - delete fabric.cssRules[svgUid]; - delete fabric.clipPaths[svgUid]; - } - }, clone(options), reviver, parsingOptions); - }; - - function recursivelyParseGradientsXlink(doc, gradient) { - var gradientsAttrs = ['gradientTransform', 'x1', 'x2', 'y1', 'y2', 'gradientUnits', 'cx', 'cy', 'r', 'fx', 'fy'], - xlinkAttr = 'xlink:href', - xLink = gradient.getAttribute(xlinkAttr).substr(1), - referencedGradient = elementById(doc, xLink); - if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { - recursivelyParseGradientsXlink(doc, referencedGradient); + /** + * Overlays color with another color + * @param {String|Color} otherColor + * @return {Color} thisArg + */ + overlayWith(otherColor) { + if (!(otherColor instanceof Color)) { + otherColor = new Color(otherColor); + } + const result = [], alpha = this.getAlpha(), otherAlpha = 0.5, source = this.getSource(), otherSource = otherColor.getSource(); + for (let i = 0; i < 3; i++) { + result.push(Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)); + } + result[3] = alpha; + this.setSource(result); + return this; } - gradientsAttrs.forEach(function(attr) { - if (referencedGradient && !gradient.hasAttribute(attr) && referencedGradient.hasAttribute(attr)) { - gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); - } - }); - if (!gradient.children.length) { - var referenceClone = referencedGradient.cloneNode(true); - while (referenceClone.firstChild) { - gradient.appendChild(referenceClone.firstChild); - } + /** + * Returns new color object, when given a color in RGB format + * @memberOf Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255) + * @return {Color} + */ + static fromRgb(color) { + return Color.fromRgba(color); } - gradient.removeAttribute(xlinkAttr); - } - - var reFontDeclaration = new RegExp( - '(normal|italic)?\\s*(normal|small-caps)?\\s*' + - '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + - fabric.reNum + - '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + fabric.reNum + '))?\\s+(.*)'); - - extend(fabric, { /** - * Parses a short font declaration, building adding its properties to a style object + * Returns new color object, when given a color in RGBA format * @static * @function - * @memberOf fabric - * @param {String} value font declaration - * @param {Object} oStyle definition + * @memberOf Color + * @param {String} color + * @return {Color} */ - parseFontDeclaration: function(value, oStyle) { - var match = value.match(reFontDeclaration); - - if (!match) { - return; - } - var fontStyle = match[1], - // font variant is not used - // fontVariant = match[2], - fontWeight = match[3], - fontSize = match[4], - lineHeight = match[5], - fontFamily = match[6]; - - if (fontStyle) { - oStyle.fontStyle = fontStyle; - } - if (fontWeight) { - oStyle.fontWeight = isNaN(parseFloat(fontWeight)) ? fontWeight : parseFloat(fontWeight); - } - if (fontSize) { - oStyle.fontSize = parseUnit(fontSize); - } - if (fontFamily) { - oStyle.fontFamily = fontFamily; - } - if (lineHeight) { - oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; - } - }, - + static fromRgba(color) { + return Color.fromSource(Color.sourceFromRgb(color)); + } /** - * Parses an SVG document, returning all of the gradient declarations found in it - * @static - * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element - */ - getGradientDefs: function(doc) { - var tagArray = [ - 'linearGradient', - 'radialGradient', - 'svg:linearGradient', - 'svg:radialGradient'], - elList = _getMultipleNodes(doc, tagArray), - el, j = 0, gradientDefs = { }; - j = elList.length; - while (j--) { - el = elList[j]; - if (el.getAttribute('xlink:href')) { - recursivelyParseGradientsXlink(doc, el); + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format + * @memberOf Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) + * @return {TColorAlphaSource | undefined} source + */ + static sourceFromRgb(color) { + const match = color.match(reRGBa); + if (match) { + const r = (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) * + (/%$/.test(match[1]) ? 255 : 1), g = (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) * + (/%$/.test(match[2]) ? 255 : 1), b = (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) * + (/%$/.test(match[3]) ? 255 : 1); + return [ + parseInt(r, 10), + parseInt(g, 10), + parseInt(b, 10), + match[4] ? parseFloat(match[4]) : 1, + ]; } - gradientDefs[el.getAttribute('id')] = el; - } - return gradientDefs; - }, - + } /** - * Returns an object of attributes' name/value, given element and an array of attribute names; - * Parses parent "g" nodes recursively upwards. + * Returns new color object, when given a color in HSL format + * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) + * @memberOf Color + * @return {Color} + */ + static fromHsl(color) { + return Color.fromHsla(color); + } + /** + * Returns new color object, when given a color in HSLA format * @static - * @memberOf fabric - * @param {DOMElement} element Element to parse - * @param {Array} attributes Array of attributes to parse - * @return {Object} object containing parsed attributes' names/values + * @function + * @memberOf Color + * @param {String} color + * @return {Color} */ - parseAttributes: function(element, attributes, svgUid) { - - if (!element) { - return; - } - - var value, - parentAttributes = { }, - fontSize, parentFontSize; - - if (typeof svgUid === 'undefined') { - svgUid = element.getAttribute('svgUid'); - } - // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards - if (element.parentNode && fabric.svgValidParentsRegEx.test(element.parentNode.nodeName)) { - parentAttributes = fabric.parseAttributes(element.parentNode, attributes, svgUid); - } - - var ownAttributes = attributes.reduce(function(memo, attr) { - value = element.getAttribute(attr); - if (value) { // eslint-disable-line - memo[attr] = value; + static fromHsla(color) { + return Color.fromSource(Color.sourceFromHsl(color)); + } + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. + * Adapted from https://github.com/mjijackson + * @memberOf Color + * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) + * @return {TColorAlphaSource | undefined} source + * @see http://http://www.w3.org/TR/css3-color/#hsl-color + */ + static sourceFromHsl(color) { + const match = color.match(reHSLa); + if (!match) { + return; } - return memo; - }, { }); - // add values parsed from style, which take precedence over attributes - // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) - var cssAttrs = extend( - getGlobalStylesForElement(element, svgUid), - fabric.parseStyleAttribute(element) - ); - ownAttributes = extend( - ownAttributes, - cssAttrs - ); - if (cssAttrs[cPath]) { - element.setAttribute(cPath, cssAttrs[cPath]); - } - fontSize = parentFontSize = parentAttributes.fontSize || fabric.Text.DEFAULT_SVG_FONT_SIZE; - if (ownAttributes[fSize]) { - // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. - ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); - } - - var normalizedAttr, normalizedValue, normalizedStyle = {}; - for (var attr in ownAttributes) { - normalizedAttr = normalizeAttr(attr); - normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); - normalizedStyle[normalizedAttr] = normalizedValue; - } - if (normalizedStyle && normalizedStyle.font) { - fabric.parseFontDeclaration(normalizedStyle.font, normalizedStyle); - } - var mergedAttrs = extend(parentAttributes, normalizedStyle); - return fabric.svgValidParentsRegEx.test(element.nodeName) ? mergedAttrs : _setStrokeFillOpacity(mergedAttrs); - }, - + const h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1); + 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), + match[4] ? parseFloat(match[4]) : 1, + ]; + } /** - * Transforms an array of svg elements to corresponding fabric.* instances + * Returns new color object, when given a color in HEX format * @static - * @memberOf fabric - * @param {Array} elements Array of elements to parse - * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) - * @param {Object} [options] Options object - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @memberOf Color + * @param {String} color Color value ex: FF5555 + * @return {Color} */ - parseElements: function(elements, callback, options, reviver, parsingOptions) { - new fabric.ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); - }, - + static fromHex(color) { + return Color.fromSource(Color.sourceFromHex(color)); + } /** - * Parses "style" attribute, retuning an object with values + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format * @static - * @memberOf fabric - * @param {SVGElement} element Element to parse - * @return {Object} Objects with values parsed from style attribute of an element + * @memberOf Color + * @param {String} color ex: FF5555 or FF5544CC (RGBa) + * @return {TColorAlphaSource | undefined} source + */ + static sourceFromHex(color) { + if (color.match(reHex)) { + const value = color.slice(color.indexOf('#') + 1), isShortNotation = value.length === 3 || value.length === 4, isRGBa = value.length === 8 || value.length === 4, r = isShortNotation + ? value.charAt(0) + value.charAt(0) + : value.substring(0, 2), g = isShortNotation + ? value.charAt(1) + value.charAt(1) + : value.substring(2, 4), b = isShortNotation + ? value.charAt(2) + value.charAt(2) + : value.substring(4, 6), a = isRGBa + ? isShortNotation + ? value.charAt(3) + value.charAt(3) + : value.substring(6, 8) + : 'FF'; + return [ + parseInt(r, 16), + parseInt(g, 16), + parseInt(b, 16), + parseFloat((parseInt(a, 16) / 255).toFixed(2)), + ]; + } + } + /** + * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) + * @static + * @memberOf Color + * @param {TColorSource | TColorAlphaSource} source + * @return {Color} */ - parseStyleAttribute: function(element) { - var oStyle = { }, - style = element.getAttribute('style'); - - if (!style) { - return oStyle; - } - - if (typeof style === 'string') { - parseStyleString(style, oStyle); - } - else { - parseStyleObject(style, oStyle); - } + static fromSource(source) { + const oColor = new Color(); + oColor.setSource(source); + return oColor; + } +} - return oStyle; - }, +fabric$1.Color = Color; +//@ts-nocheck +/** + * Array holding all running animations + * @memberof fabric + * @type {AnimationContext[]} + */ +class RunningAnimations extends Array { /** - * Parses "points" attribute, returning an array of values - * @static - * @memberOf fabric - * @param {String} points points attribute string - * @return {Array} array of points + * cancel all running animations at the next requestAnimFrame + * @returns {AnimationContext[]} */ - parsePointsAttribute: function(points) { - - // points attribute is required and must not be empty - if (!points) { - return null; - } - - // replace commas with whitespace and remove bookending whitespace - points = points.replace(/,/g, ' ').trim(); - - points = points.split(/\s+/); - var parsedPoints = [], i, len; - - for (i = 0, len = points.length; i < len; i += 2) { - parsedPoints.push({ - x: parseFloat(points[i]), - y: parseFloat(points[i + 1]) - }); - } - - // odd number of points is an error - // if (parsedPoints.length % 2 !== 0) { - // return null; - // } - - return parsedPoints; - }, - + cancelAll() { + const animations = this.splice(0); + animations.forEach((animation) => animation.cancel()); + return animations; + } /** - * Returns CSS rules for a given SVG document - * @static - * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @return {Object} CSS rules of this document + * cancel all running animations attached to canvas at the next requestAnimFrame + * @param {fabric.Canvas} canvas + * @returns {AnimationContext[]} */ - getCSSRules: function(doc) { - var styles = doc.getElementsByTagName('style'), i, len, - allRules = { }, rules; - - // very crude parsing of style contents - for (i = 0, len = styles.length; i < len; i++) { - var styleContents = styles[i].textContent; - - // remove comments - styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); - if (styleContents.trim() === '') { - continue; + cancelByCanvas(canvas) { + if (!canvas) { + return []; } - // recovers all the rule in this form `body { style code... }` - // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); - rules = styleContents.split('}'); - // remove empty rules. - rules = rules.filter(function(rule) { return rule.trim(); }); - // at this point we have hopefully an array of rules `body { style code... ` - // eslint-disable-next-line no-loop-func - rules.forEach(function(rule) { - - var match = rule.split('{'), - ruleObj = { }, declaration = match[1].trim(), - propertyValuePairs = declaration.split(';').filter(function(pair) { return pair.trim(); }); - - for (i = 0, len = propertyValuePairs.length; i < len; i++) { - var pair = propertyValuePairs[i].split(':'), - property = pair[0].trim(), - value = pair[1].trim(); - ruleObj[property] = value; - } - rule = match[0].trim(); - rule.split(',').forEach(function(_rule) { - _rule = _rule.replace(/^svg/i, '').trim(); - if (_rule === '') { - return; - } - if (allRules[_rule]) { - fabric.util.object.extend(allRules[_rule], ruleObj); - } - else { - allRules[_rule] = fabric.util.object.clone(ruleObj); - } - }); - }); - } - return allRules; - }, - + const cancelled = this.filter((animation) => typeof animation.target === 'object' && + animation.target.canvas === canvas); + cancelled.forEach((animation) => animation.cancel()); + return cancelled; + } + /** + * cancel all running animations for target at the next requestAnimFrame + * @param {*} target + * @returns {AnimationContext[]} + */ + cancelByTarget(target) { + const cancelled = this.findAnimationsByTarget(target); + cancelled.forEach((animation) => animation.cancel()); + return cancelled; + } + /** + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {number} + */ + findAnimationIndex(cancelFunc) { + return this.indexOf(this.findAnimation(cancelFunc)); + } + /** + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {AnimationContext | undefined} animation's options object + */ + findAnimation(cancelFunc) { + return this.find((animation) => animation.cancel === cancelFunc); + } /** - * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. - * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) - * @memberOf fabric - * @param {String} url - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + * + * @param {*} target the object that is assigned to the target property of the animation context + * @returns {AnimationContext[]} array of animation options object associated with target */ - loadSVGFromURL: function(url, callback, reviver, options) { + findAnimationsByTarget(target) { + if (!target) { + return []; + } + return this.filter((animation) => animation.target === target); + } +} +const runningAnimations = new RunningAnimations(); +fabric$1.runningAnimations = runningAnimations; - url = url.replace(/^\n\s*/, '').trim(); - new fabric.util.request(url, { - method: 'get', - onComplete: onComplete - }); +//@ts-nocheck +/** + * + * @typedef {Object} AnimationOptions + * Animation of a value or list of values. + * @property {Function} [onChange] Callback; invoked on every value change + * @property {Function} [onComplete] Callback; invoked when value change is completed + * @property {number | number[]} [startValue=0] Starting value + * @property {number | number[]} [endValue=100] Ending value + * @property {number | number[]} [byValue=100] Value to modify the property by + * @property {Function} [easing] Easing function + * @property {number} [duration=500] Duration of change (in ms) + * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. + * @property {number} [delay] Delay of animation start (in ms) + * + * @typedef {() => void} CancelFunction + * + * @typedef {Object} AnimationCurrentState + * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] + * @property {number} completionRate value in range [0, 1] + * @property {number} durationRate value in range [0, 1] + * + * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext + */ +const defaultEasing = (t, b, c, d) => -c * Math.cos((t / d) * (Math.PI / 2)) + c + b; +/** + * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {AnimationOptions} [options] Animation options + * When using lists, think of something like this: + * @example + * fabric.util.animate({ + * startValue: [1, 2, 3], + * endValue: [2, 4, 6], + * onChange: function([x, y, zoom]) { + * canvas.zoomToPoint(new Point(x, y), zoom); + * canvas.requestRenderAll(); + * } + * }); + * + * @example + * fabric.util.animate({ + * startValue: 1, + * endValue: 0, + * onChange: function(v) { + * obj.set('opacity', v); + * canvas.requestRenderAll(); + * } + * }); + * + * @returns {CancelFunction} cancel function + */ +function animate(options = {}) { + let cancel = false; + const { startValue = 0, duration = 500, easing = defaultEasing, onChange = noop, abort = noop, onComplete = noop, endValue = 100, delay = 0, } = options; + const context = Object.assign(Object.assign({}, options), { currentValue: startValue, completionRate: 0, durationRate: 0 }); + const removeFromRegistry = () => { + const index = runningAnimations.indexOf(context); + return index > -1 && runningAnimations.splice(index, 1)[0]; + }; + context.cancel = function () { + cancel = true; + return removeFromRegistry(); + }; + runningAnimations.push(context); + const runner = function (timestamp) { + const start = timestamp || +new Date(), finish = start + duration, isMany = Array.isArray(startValue), byValue = options.byValue || + (isMany + ? startValue.map((value, i) => endValue[i] - value) + : endValue - startValue); + options.onStart && options.onStart(); + (function tick(ticktime) { + const time = ticktime || +new Date(); + const currentTime = time > finish ? duration : time - start, timePerc = currentTime / duration, current = isMany + ? startValue.map((_value, i) => easing(currentTime, _value, byValue[i], duration)) + : easing(currentTime, startValue, byValue, duration), valuePerc = isMany + ? Math.abs((current[0] - startValue[0]) / byValue[0]) + : Math.abs((current - startValue) / byValue); + // update context + context.currentValue = isMany ? current.slice() : current; + context.completionRate = valuePerc; + context.durationRate = timePerc; + if (cancel) { + return; + } + if (abort(current, valuePerc, timePerc)) { + removeFromRegistry(); + return; + } + if (time > finish) { + // update context + context.currentValue = isMany ? endValue.slice() : endValue; + context.completionRate = 1; + context.durationRate = 1; + // execute callbacks + onChange(isMany ? endValue.slice() : endValue, 1, 1); + onComplete(endValue, 1, 1); + removeFromRegistry(); + return; + } + else { + onChange(current, valuePerc, timePerc); + requestAnimFrame(tick); + } + })(start); + }; + if (delay > 0) { + setTimeout(() => requestAnimFrame(runner), delay); + } + else { + requestAnimFrame(runner); + } + return context.cancel; +} +const _requestAnimFrame = fabric$1.window.requestAnimationFrame || + function (callback) { + return fabric$1.window.setTimeout(callback, 1000 / 60); + }; +const _cancelAnimFrame = fabric$1.window.cancelAnimationFrame || fabric$1.window.clearTimeout; +/** + * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ + * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method + * @memberOf fabric.util + * @param {Function} callback Callback to invoke + * @param {DOMElement} element optional Element to associate with animation + */ +function requestAnimFrame(...args) { + return _requestAnimFrame.apply(fabric$1.window, args); +} +function cancelAnimFrame(...args) { + return _cancelAnimFrame.apply(fabric$1.window, args); +} - function onComplete(r) { +// Calculate an in-between color. Returns a "rgba()" string. +// Credit: Edwin Martin +// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js +// const calculateColor = (begin: number[], end: number[], pos) => { +// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg)); +// const a = begin && end ? parseFloat(_a) : 1; +// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`; +// } +// color animation is broken. This function pass the tests for some reasons +// but begin and end aren't array anymore since we improved animate function +// to handler arrays internally. +function calculateColor(begin, end, pos) { + let color = 'rgba(' + + parseInt(begin[0] + pos * (end[0] - begin[0]), 10) + + ',' + + parseInt(begin[1] + pos * (end[1] - begin[1]), 10) + + ',' + + parseInt(begin[2] + pos * (end[2] - begin[2]), 10); + color += + ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); + color += ')'; + return color; +} +const defaultColorEasing = (currentTime, duration) => 1 - Math.cos((currentTime / duration) * (Math.PI / 2)); +/** + * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {String} fromColor The starting color in hex or rgb(a) format. + * @param {String} toColor The starting color in hex or rgb(a) format. + * @param {Number} [duration] Duration of change (in ms). + * @param {Object} [options] Animation options + * @param {Function} [options.onChange] Callback; invoked on every value change + * @param {Function} [options.onComplete] Callback; invoked when value change is completed + * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. + * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. + * @returns {Function} abort function + */ +function animateColor(fromColor, toColor, duration = 500, _a = {}) { + var { colorEasing = defaultColorEasing, onComplete, onChange } = _a, restOfOptions = __rest(_a, ["colorEasing", "onComplete", "onChange"]); + const startColor = new Color(fromColor).getSource(), endColor = new Color(toColor).getSource(); + return animate(Object.assign(Object.assign({}, restOfOptions), { duration, startValue: startColor, endValue: endColor, byValue: endColor, easing: (currentTime, startValue, byValue, duration) => calculateColor(startValue, byValue, colorEasing(currentTime, duration)), + // has to take in account for color restoring; + onComplete: (current, valuePerc, timePerc) => onComplete === null || onComplete === void 0 ? void 0 : onComplete(calculateColor(endColor, endColor, 0), valuePerc, timePerc), onChange: (current, valuePerc, timePerc) => { + if (onChange) { + if (Array.isArray(current)) { + return onChange(calculateColor(current, current, 0), valuePerc, timePerc); + } + onChange(current, valuePerc, timePerc); + } + } })); +} - var xml = r.responseXML; - if (!xml || !xml.documentElement) { - callback && callback(null); - return false; +//@ts-nocheck +function addMethods(klass, source, parent) { + for (var property in source) { + if (property in klass.prototype && + typeof klass.prototype[property] === 'function' && + (source[property] + '').indexOf('callSuper') > -1) { + klass.prototype[property] = (function (property) { + return function (...args) { + var superclass = this.constructor.superclass; + this.constructor.superclass = parent; + var returnValue = source[property].call(this, ...args); + this.constructor.superclass = superclass; + if (property !== 'initialize') { + return returnValue; + } + }; + })(property); } - - fabric.parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { - callback && callback(results, _options, elements, allElements); - }, reviver, options); - } - }, - - /** - * Takes string corresponding to an SVG document, and parses it into a set of fabric objects - * @memberOf fabric - * @param {String} string - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources - */ - loadSVGFromString: function(string, callback, reviver, options) { - var parser = new fabric.window.DOMParser(), - doc = parser.parseFromString(string.trim(), 'text/xml'); - fabric.parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { - callback(results, _options, elements, allElements); - }, reviver, options); + else { + klass.prototype[property] = source[property]; + } + } +} +function Subclass() { } +function callSuper(methodName, ...args) { + var parentMethod = null, _this = this; + // climb prototype chain to find method not equal to callee's method + while (_this.constructor.superclass) { + var superClassMethod = _this.constructor.superclass.prototype[methodName]; + if (_this[methodName] !== superClassMethod) { + parentMethod = superClassMethod; + break; + } + // eslint-disable-next-line + _this = _this.constructor.superclass.prototype; + } + if (!parentMethod) { + return console.log('tried to callSuper ' + + methodName + + ', method not found in prototype chain', this); + } + return parentMethod.call(this, ...args); +} +/** + * Helper for creation of "classes". + * @memberOf fabric.util + * @param {Function} [parent] optional "Class" to inherit from + * @param {Object} [properties] Properties shared by all instances of this class + * (be careful modifying objects defined here as this would affect all instances) + */ +function createClass(...args) { + var parent = null, properties = [...args]; + if (typeof args[0] === 'function') { + parent = properties.shift(); + } + function klass(...klassArgs) { + this.initialize.call(this, ...klassArgs); + } + klass.superclass = parent; + if (parent) { + Subclass.prototype = parent.prototype; + klass.prototype = new Subclass(); } - }); + for (var i = 0, length = properties.length; i < length; i++) { + addMethods(klass, properties[i], parent); + } + if (!klass.prototype.initialize) { + klass.prototype.initialize = noop; + } + klass.prototype.constructor = klass; + klass.prototype.callSuper = callSuper; + return klass; +} -})(typeof exports !== 'undefined' ? exports : this); +/** + * @namespace fabric.util + */ +fabric$1.util = { + cos, + sin, + rotateVector, + createVector, + calcAngleBetweenVectors, + getUnitVector, + getBisector, + degreesToRadians, + radiansToDegrees, + rotatePoint, + // probably we should stop exposing this from the interface + getRandomInt, + removeFromArray, + projectStrokeOnPoints, + // matrix.ts file + transformPoint, + invertTransform, + composeMatrix, + qrDecompose, + calcDimensionsMatrix, + calcRotateMatrix, + multiplyTransformMatrices, + // textStyles.ts file + stylesFromArray, + stylesToArray, + hasStyleChanged, + object: { + clone, + extend, + }, + createCanvasElement, + createImage, + copyCanvasElement, + toDataURL, + toFixed, + matrixToSVG, + parsePreserveAspectRatioAttribute, + groupSVGElements, + parseUnit, + getSvgAttributes, + findScaleToFit, + findScaleToCover, + capValue, + saveObjectTransform, + resetObjectTransform, + addTransformToObject, + applyTransformToObject, + removeTransformFromObject, + makeBoundingBoxFromPoints, + calcPlaneChangeMatrix, + sendPointToPlane, + transformPointRelativeToCanvas, + sendObjectToPlane, + string: { + camelize, + capitalize, + escapeXml, + graphemeSplit, + }, + getKlass, + loadImage, + enlivenObjects, + enlivenObjectEnlivables, + pick, + joinPath, + parsePath, + makePathSimpler, + getSmoothPathFromPoints, + getPathSegmentsInfo, + getBoundsOfCurve, + getPointOnPath, + transformPath, + getRegularPolygonPath, + request, + setStyle, + isTouchEvent, + getPointer, + removeListener, + addListener, + wrapElement, + getScrollLeftTop, + getElementOffset, + getNodeCanvas, + cleanUpJsdomNode, + makeElementUnselectable, + makeElementSelectable, + isTransparent, + sizeAfterTransform, + mergeClipPaths, + ease, + animateColor, + animate, + requestAnimFrame, + cancelAnimFrame, + createClass, +}; +/** + * Attributes parsed from all SVG elements + * @type array + */ +const SHARED_ATTRIBUTES = [ + 'display', + 'transform', + 'fill', + 'fill-opacity', + 'fill-rule', + 'opacity', + 'stroke', + 'stroke-dasharray', + 'stroke-linecap', + 'stroke-dashoffset', + 'stroke-linejoin', + 'stroke-miterlimit', + 'stroke-opacity', + 'stroke-width', + 'id', + 'paint-order', + 'vector-effect', + 'instantiated_by_use', + 'clip-path', +]; -fabric.ElementsParser = function(elements, callback, options, reviver, parsingOptions, doc) { - this.elements = elements; - this.callback = callback; - this.options = options; - this.reviver = reviver; - this.svgUid = (options && options.svgUid) || 0; - this.parsingOptions = parsingOptions; - this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; - this.doc = doc; +//@ts-nocheck +const ElementsParser = function (elements, callback, options, reviver, parsingOptions, doc) { + this.elements = elements; + this.callback = callback; + this.options = options; + this.reviver = reviver; + this.svgUid = (options && options.svgUid) || 0; + this.parsingOptions = parsingOptions; + this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; + this.doc = doc; }; +(function (proto) { + proto.parse = function () { + this.instances = new Array(this.elements.length); + this.numElements = this.elements.length; + this.createObjects(); + }; + proto.createObjects = function () { + this.elements.forEach((element, i) => { + element.setAttribute('svgUid', this.svgUid); + this.createObject(element, i); + }); + }; + proto.findTag = function (el) { + return fabric$1[capitalize(el.tagName.replace('svg:', ''))]; + }; + proto.createObject = function (el, index) { + const klass = this.findTag(el); + if (klass && klass.fromElement) { + try { + klass.fromElement(el, this.createCallback(index, el), this.options); + } + catch (err) { + console.log(err); + } + } + else { + this.checkIfDone(); + } + }; + proto.createCallback = function (index, el) { + const _this = this; + return function (obj) { + let _options; + _this.resolveGradient(obj, el, 'fill'); + _this.resolveGradient(obj, el, 'stroke'); + if (obj instanceof fabric$1.Image && obj._originalElement) { + _options = obj.parsePreserveAspectRatioAttribute(el); + } + obj._removeTransformMatrix(_options); + _this.resolveClipPath(obj, el); + _this.reviver && _this.reviver(el, obj); + _this.instances[index] = obj; + _this.checkIfDone(); + }; + }; + proto.extractPropertyDefinition = function (obj, property, storage) { + const value = obj[property], regex = this.regexUrl; + if (!regex.test(value)) { + return; + } + regex.lastIndex = 0; + const id = regex.exec(value)[1]; + regex.lastIndex = 0; + return fabric$1[storage][this.svgUid][id]; + }; + proto.resolveGradient = function (obj, el, property) { + const gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); + if (gradientDef) { + const opacityAttr = el.getAttribute(property + '-opacity'); + const gradient = fabric$1.Gradient.fromElement(gradientDef, obj, Object.assign(Object.assign({}, this.options), { opacity: opacityAttr })); + obj.set(property, gradient); + } + }; + proto.createClipPathCallback = function (obj, container) { + return function (_newObj) { + _newObj._removeTransformMatrix(); + _newObj.fillRule = _newObj.clipRule; + container.push(_newObj); + }; + }; + proto.resolveClipPath = function (obj, usingElement) { + var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), element, klass, objTransformInv, container, gTransform; + if (clipPath) { + container = []; + objTransformInv = invertTransform(obj.calcTransformMatrix()); + // move the clipPath tag as sibling to the real element that is using it + const clipPathTag = clipPath[0].parentNode; + let clipPathOwner = usingElement; + while (clipPathOwner.parentNode && + clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { + clipPathOwner = clipPathOwner.parentNode; + } + clipPathOwner.parentNode.appendChild(clipPathTag); + for (let i = 0; i < clipPath.length; i++) { + element = clipPath[i]; + klass = this.findTag(element); + klass.fromElement(element, this.createClipPathCallback(obj, container), this.options); + } + if (container.length === 1) { + clipPath = container[0]; + } + else { + clipPath = new fabric$1.Group(container); + } + gTransform = multiplyTransformMatrices(objTransformInv, clipPath.calcTransformMatrix()); + if (clipPath.clipPath) { + this.resolveClipPath(clipPath, clipPathOwner); + } + const options = qrDecompose(gTransform); + clipPath.flipX = false; + clipPath.flipY = false; + clipPath.set('scaleX', options.scaleX); + clipPath.set('scaleY', options.scaleY); + clipPath.angle = options.angle; + clipPath.skewX = options.skewX; + clipPath.skewY = 0; + clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); + obj.clipPath = clipPath; + } + else { + // if clip-path does not resolve to any element, delete the property. + delete obj.clipPath; + } + }; + proto.checkIfDone = function () { + if (--this.numElements === 0) { + this.instances = this.instances.filter(function (el) { + // eslint-disable-next-line no-eq-null, eqeqeq + return el != null; + }); + this.callback(this.instances, this.elements); + } + }; +})(ElementsParser.prototype); -(function(proto) { - proto.parse = function() { - this.instances = new Array(this.elements.length); - this.numElements = this.elements.length; - this.createObjects(); - }; - - proto.createObjects = function() { - var _this = this; - this.elements.forEach(function(element, i) { - element.setAttribute('svgUid', _this.svgUid); - _this.createObject(element, i); - }); - }; +//@ts-nocheck +/** + * Returns CSS rules for a given SVG document + * @param {SVGDocument} doc SVG document to parse + * @return {Object} CSS rules of this document + */ +function getCSSRules(doc) { + let styles = doc.getElementsByTagName('style'), i, len, allRules = {}, rules; + // very crude parsing of style contents + for (i = 0, len = styles.length; i < len; i++) { + let styleContents = styles[i].textContent; + // remove comments + styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); + if (styleContents.trim() === '') { + continue; + } + // recovers all the rule in this form `body { style code... }` + // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); + rules = styleContents.split('}'); + // remove empty rules. + rules = rules.filter(function (rule) { + return rule.trim(); + }); + // at this point we have hopefully an array of rules `body { style code... ` + // eslint-disable-next-line no-loop-func + rules.forEach(function (rule) { + const match = rule.split('{'), ruleObj = {}, declaration = match[1].trim(), propertyValuePairs = declaration.split(';').filter(function (pair) { + return pair.trim(); + }); + for (i = 0, len = propertyValuePairs.length; i < len; i++) { + const pair = propertyValuePairs[i].split(':'), property = pair[0].trim(), value = pair[1].trim(); + ruleObj[property] = value; + } + rule = match[0].trim(); + rule.split(',').forEach(function (_rule) { + _rule = _rule.replace(/^svg/i, '').trim(); + if (_rule === '') { + return; + } + if (allRules[_rule]) { + Object.assign(allRules[_rule], ruleObj); + } + else { + allRules[_rule] = Object.assign({}, ruleObj); + } + }); + }); + } + return allRules; +} - proto.findTag = function(el) { - return fabric[fabric.util.string.capitalize(el.tagName.replace('svg:', ''))]; - }; +//@ts-nocheck +function getMultipleNodes(doc, nodeNames) { + let nodeName, nodeArray = [], nodeList, i, len; + for (i = 0, len = nodeNames.length; i < len; i++) { + nodeName = nodeNames[i]; + nodeList = doc.getElementsByTagName(nodeName); + nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); + } + return nodeArray; +} - proto.createObject = function(el, index) { - var klass = this.findTag(el); - if (klass && klass.fromElement) { - try { - klass.fromElement(el, this.createCallback(index, el), this.options); - } - catch (err) { - fabric.log(err); - } +//@ts-nocheck +/** + * @private + * to support IE8 missing getElementById on SVGdocument and on node xmlDOM + */ +function elementById(doc, id) { + let el; + doc.getElementById && (el = doc.getElementById(id)); + if (el) { + return el; } - else { - this.checkIfDone(); + let node, i, len, nodelist = doc.getElementsByTagName('*'); + for (i = 0, len = nodelist.length; i < len; i++) { + node = nodelist[i]; + if (id === node.getAttribute('id')) { + return node; + } } - }; - - proto.createCallback = function(index, el) { - var _this = this; - return function(obj) { - var _options; - _this.resolveGradient(obj, el, 'fill'); - _this.resolveGradient(obj, el, 'stroke'); - if (obj instanceof fabric.Image && obj._originalElement) { - _options = obj.parsePreserveAspectRatioAttribute(el); - } - obj._removeTransformMatrix(_options); - _this.resolveClipPath(obj, el); - _this.reviver && _this.reviver(el, obj); - _this.instances[index] = obj; - _this.checkIfDone(); - }; - }; - - proto.extractPropertyDefinition = function(obj, property, storage) { - var value = obj[property], regex = this.regexUrl; - if (!regex.test(value)) { - return; - } - regex.lastIndex = 0; - var id = regex.exec(value)[1]; - regex.lastIndex = 0; - return fabric[storage][this.svgUid][id]; - }; +} - proto.resolveGradient = function(obj, el, property) { - var gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); - if (gradientDef) { - var opacityAttr = el.getAttribute(property + '-opacity'); - var gradient = fabric.Gradient.fromElement(gradientDef, obj, opacityAttr, this.options); - obj.set(property, gradient); - } - }; +//@ts-nocheck +const gradientsAttrs = [ + 'gradientTransform', + 'x1', + 'x2', + 'y1', + 'y2', + 'gradientUnits', + 'cx', + 'cy', + 'r', + 'fx', + 'fy', +]; +const xlinkAttr = 'xlink:href'; +function recursivelyParseGradientsXlink(doc, gradient) { + const xLink = gradient.getAttribute(xlinkAttr).slice(1), referencedGradient = elementById(doc, xLink); + if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { + recursivelyParseGradientsXlink(doc, referencedGradient); + } + gradientsAttrs.forEach(function (attr) { + if (referencedGradient && + !gradient.hasAttribute(attr) && + referencedGradient.hasAttribute(attr)) { + gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); + } + }); + if (!gradient.children.length) { + const referenceClone = referencedGradient.cloneNode(true); + while (referenceClone.firstChild) { + gradient.appendChild(referenceClone.firstChild); + } + } + gradient.removeAttribute(xlinkAttr); +} - proto.createClipPathCallback = function(obj, container) { - return function(_newObj) { - _newObj._removeTransformMatrix(); - _newObj.fillRule = _newObj.clipRule; - container.push(_newObj); - }; - }; +//@ts-nocheck +const tagArray = [ + 'linearGradient', + 'radialGradient', + 'svg:linearGradient', + 'svg:radialGradient', +]; +/** + * Parses an SVG document, returning all of the gradient declarations found in it + * @param {SVGDocument} doc SVG document to parse + * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element + */ +function getGradientDefs(doc) { + let elList = getMultipleNodes(doc, tagArray), el, j = 0, gradientDefs = {}; + j = elList.length; + while (j--) { + el = elList[j]; + if (el.getAttribute('xlink:href')) { + recursivelyParseGradientsXlink(doc, el); + } + gradientDefs[el.getAttribute('id')] = el; + } + return gradientDefs; +} - proto.resolveClipPath = function(obj, usingElement) { - var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), - element, klass, objTransformInv, container, gTransform, options; - if (clipPath) { - container = []; - objTransformInv = fabric.util.invertTransform(obj.calcTransformMatrix()); - // move the clipPath tag as sibling to the real element that is using it - var clipPathTag = clipPath[0].parentNode; - var clipPathOwner = usingElement; - while (clipPathOwner.parentNode && clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { - clipPathOwner = clipPathOwner.parentNode; - } - clipPathOwner.parentNode.appendChild(clipPathTag); - for (var i = 0; i < clipPath.length; i++) { - element = clipPath[i]; - klass = this.findTag(element); - klass.fromElement( - element, - this.createClipPathCallback(obj, container), - this.options - ); - } - if (container.length === 1) { - clipPath = container[0]; - } - else { - clipPath = new fabric.Group(container); - } - gTransform = fabric.util.multiplyTransformMatrices( - objTransformInv, - clipPath.calcTransformMatrix() - ); - if (clipPath.clipPath) { - this.resolveClipPath(clipPath, clipPathOwner); - } - var options = fabric.util.qrDecompose(gTransform); - clipPath.flipX = false; - clipPath.flipY = false; - clipPath.set('scaleX', options.scaleX); - clipPath.set('scaleY', options.scaleY); - clipPath.angle = options.angle; - clipPath.skewX = options.skewX; - clipPath.skewY = 0; - clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); - obj.clipPath = clipPath; +//@ts-nocheck +/** + * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements + */ +function applyViewboxTransform(element) { + if (!svgViewBoxElementsRegEx.test(element.nodeName)) { + return {}; + } + let viewBoxAttr = element.getAttribute('viewBox'), scaleX = 1, scaleY = 1, minX = 0, minY = 0, viewBoxWidth, viewBoxHeight, matrix, el, widthAttr = element.getAttribute('width'), heightAttr = element.getAttribute('height'), x = element.getAttribute('x') || 0, y = element.getAttribute('y') || 0, preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', missingViewBox = !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)), missingDimAttr = !widthAttr || + !heightAttr || + widthAttr === '100%' || + heightAttr === '100%', toBeParsed = missingViewBox && missingDimAttr, parsedDim = {}, translateMatrix = '', widthDiff = 0, heightDiff = 0; + parsedDim.width = 0; + parsedDim.height = 0; + parsedDim.toBeParsed = toBeParsed; + if (missingViewBox) { + if ((x || y) && + element.parentNode && + element.parentNode.nodeName !== '#document') { + translateMatrix = + ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + matrix = (element.getAttribute('transform') || '') + translateMatrix; + element.setAttribute('transform', matrix); + element.removeAttribute('x'); + element.removeAttribute('y'); + } + } + if (toBeParsed) { + return parsedDim; + } + if (missingViewBox) { + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + // set a transform for elements that have x y and are inner(only) SVGs + return parsedDim; + } + minX = -parseFloat(viewBoxAttr[1]); + minY = -parseFloat(viewBoxAttr[2]); + viewBoxWidth = parseFloat(viewBoxAttr[3]); + viewBoxHeight = parseFloat(viewBoxAttr[4]); + parsedDim.minX = minX; + parsedDim.minY = minY; + parsedDim.viewBoxWidth = viewBoxWidth; + parsedDim.viewBoxHeight = viewBoxHeight; + if (!missingDimAttr) { + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + scaleX = parsedDim.width / viewBoxWidth; + scaleY = parsedDim.height / viewBoxHeight; + } + else { + parsedDim.width = viewBoxWidth; + parsedDim.height = viewBoxHeight; + } + // default is to preserve aspect ratio + preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio); + if (preserveAspectRatio.alignX !== 'none') { + //translate all container for the effect of Mid, Min, Max + if (preserveAspectRatio.meetOrSlice === 'meet') { + scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX; + // calculate additional translation to move the viewbox + } + if (preserveAspectRatio.meetOrSlice === 'slice') { + scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY; + // calculate additional translation to move the viewbox + } + widthDiff = parsedDim.width - viewBoxWidth * scaleX; + heightDiff = parsedDim.height - viewBoxHeight * scaleX; + if (preserveAspectRatio.alignX === 'Mid') { + widthDiff /= 2; + } + if (preserveAspectRatio.alignY === 'Mid') { + heightDiff /= 2; + } + if (preserveAspectRatio.alignX === 'Min') { + widthDiff = 0; + } + if (preserveAspectRatio.alignY === 'Min') { + heightDiff = 0; + } + } + if (scaleX === 1 && + scaleY === 1 && + minX === 0 && + minY === 0 && + x === 0 && + y === 0) { + return parsedDim; + } + if ((x || y) && element.parentNode.nodeName !== '#document') { + translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + } + matrix = + translateMatrix + + ' matrix(' + + scaleX + + ' 0' + + ' 0 ' + + scaleY + + ' ' + + (minX * scaleX + widthDiff) + + ' ' + + (minY * scaleY + heightDiff) + + ') '; + // seems unused. + // parsedDim.viewboxTransform = parseTransformAttribute(matrix); + if (element.nodeName === 'svg') { + el = element.ownerDocument.createElementNS(svgNS, 'g'); + // element.firstChild != null + while (element.firstChild) { + el.appendChild(element.firstChild); + } + element.appendChild(el); } else { - // if clip-path does not resolve to any element, delete the property. - delete obj.clipPath; + el = element; + el.removeAttribute('x'); + el.removeAttribute('y'); + matrix = el.getAttribute('transform') + matrix; } - }; + el.setAttribute('transform', matrix); + return parsedDim; +} - proto.checkIfDone = function() { - if (--this.numElements === 0) { - this.instances = this.instances.filter(function(el) { - // eslint-disable-next-line no-eq-null, eqeqeq - return el != null; - }); - this.callback(this.instances, this.elements); - } - }; -})(fabric.ElementsParser.prototype); +//@ts-nocheck +function hasAncestorWithNodeName(element, nodeName) { + while (element && (element = element.parentNode)) { + if (element.nodeName && + nodeName.test(element.nodeName.replace('svg:', '')) && + !element.getAttribute('instantiated_by_use')) { + return true; + } + } + return false; +} +//@ts-nocheck +/** + * Transforms an array of svg elements to corresponding fabric.* instances + * @static + * @memberOf fabric + * @param {Array} elements Array of elements to parse + * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) + * @param {Object} [options] Options object + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + */ +function parseElements(elements, callback, options, reviver, parsingOptions) { + new ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); +} -(function(global) { - - 'use strict'; - - /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ - - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.Point) { - fabric.warn('fabric.Point is already defined'); - return; - } - - fabric.Point = Point; - - /** - * Point class - * @class fabric.Point - * @memberOf fabric - * @constructor - * @param {Number} x - * @param {Number} y - * @return {fabric.Point} thisArg - */ - function Point(x, y) { - this.x = x; - this.y = y; - } - - Point.prototype = /** @lends fabric.Point.prototype */ { - - type: 'point', - - constructor: Point, +//@ts-nocheck +function parseUseDirectives(doc) { + let nodelist = getMultipleNodes(doc, ['use', 'svg:use']), i = 0; + while (nodelist.length && i < nodelist.length) { + const el = nodelist[i], xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); + if (xlinkAttribute === null) { + return; + } + var xlink = xlinkAttribute.slice(1), x = el.getAttribute('x') || 0, y = el.getAttribute('y') || 0, el2 = elementById(doc, xlink).cloneNode(true), currentTrans = (el2.getAttribute('transform') || '') + + ' translate(' + + x + + ', ' + + y + + ')', parentNode, oldLength = nodelist.length, attr, j, attrs, len, namespace = svgNS; + applyViewboxTransform(el2); + if (/^svg$/i.test(el2.nodeName)) { + const el3 = el2.ownerDocument.createElementNS(namespace, 'g'); + for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); + } + // el2.firstChild != null + while (el2.firstChild) { + el3.appendChild(el2.firstChild); + } + el2 = el3; + } + for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + if (attr.nodeName === 'x' || + attr.nodeName === 'y' || + attr.nodeName === 'xlink:href' || + attr.nodeName === 'href') { + continue; + } + if (attr.nodeName === 'transform') { + currentTrans = attr.nodeValue + ' ' + currentTrans; + } + else { + el2.setAttribute(attr.nodeName, attr.nodeValue); + } + } + el2.setAttribute('transform', currentTrans); + el2.setAttribute('instantiated_by_use', '1'); + el2.removeAttribute('id'); + parentNode = el.parentNode; + parentNode.replaceChild(el2, el); + // some browsers do not shorten nodelist after replaceChild (IE8) + if (nodelist.length === oldLength) { + i++; + } + } +} +//@ts-nocheck +/** + * **Assuming `T`, `A`, `B` are points on the same line**, + * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B` + * @param T + * @param A + * @param B + * @returns true if `T` is contained + */ +const isContainedInInterval = (T, A, B) => { + const TA = new Point(T).subtract(A); + const TB = new Point(T).subtract(B); + return (Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)); +}; +class Intersection { + constructor(status) { + this.status = status; + this.points = []; + } /** - * Adds another point to this one and returns another one - * @param {fabric.Point} that - * @return {fabric.Point} new Point instance with added values + * + * @param {Point} point + * @returns */ - add: function (that) { - return new Point(this.x + that.x, this.y + that.y); - }, - + contains(point) { + return this.points.some((p) => p.eq(point)); + } /** - * Adds another point to this one - * @param {fabric.Point} that - * @return {fabric.Point} thisArg + * Appends points of intersection + * @param {...Point[]} points + * @return {Intersection} thisArg * @chainable */ - addEquals: function (that) { - this.x += that.x; - this.y += that.y; - return this; - }, - + append(...points) { + this.points = this.points.concat(points.filter((point) => { + return !this.contains(point); + })); + return this; + } /** - * Adds value to this point and returns a new one - * @param {Number} scalar - * @return {fabric.Point} new Point with added value + * Checks if a line intersects another + * @static + * @param {Point} a1 + * @param {Point} a2 + * @param {Point} b1 + * @param {Point} b2 + * @param {boolean} [aInfinite=true] check segment intersection by passing `false` + * @param {boolean} [bInfinite=true] check segment intersection by passing `false` + * @return {Intersection} + */ + static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) { + let result; + const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); + if (uB !== 0) { + const ua = uaT / uB, ub = ubT / uB; + if ((aInfinite || (0 <= ua && ua <= 1)) && + (bInfinite || (0 <= ub && ub <= 1))) { + result = new Intersection('Intersection'); + result.append(new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); + } + else { + result = new Intersection(); + } + } + else { + if (uaT === 0 || ubT === 0) { + const segmentsCoincide = aInfinite || + bInfinite || + isContainedInInterval(a1, b1, b2) || + isContainedInInterval(a2, b1, b2) || + isContainedInInterval(b1, a1, a2) || + isContainedInInterval(b2, a1, a2); + result = new Intersection(segmentsCoincide ? 'Coincident' : undefined); + } + else { + result = new Intersection('Parallel'); + } + } + return result; + } + /** + * Checks if a segment intersects a line + * @see {@link intersectLineLine} for line intersection + * @static + * @param {Point} s1 boundary point of segment + * @param {Point} s2 other boundary point of segment + * @param {Point} l1 point on line + * @param {Point} l2 other point on line + * @return {Intersection} */ - scalarAdd: function (scalar) { - return new Point(this.x + scalar, this.y + scalar); - }, - + static intersectSegmentLine(s1, s2, l1, l2) { + return Intersection.intersectLineLine(s1, s2, l1, l2, false, true); + } /** - * Adds value to this point - * @param {Number} scalar - * @return {fabric.Point} thisArg - * @chainable + * Checks if a segment intersects another + * @see {@link intersectLineLine} for line intersection + * @static + * @param {Point} a1 boundary point of segment + * @param {Point} a2 other boundary point of segment + * @param {Point} b1 boundary point of segment + * @param {Point} b2 other boundary point of segment + * @return {Intersection} */ - scalarAddEquals: function (scalar) { - this.x += scalar; - this.y += scalar; - return this; - }, - + static intersectSegmentSegment(a1, a2, b1, b2) { + return Intersection.intersectLineLine(a1, a2, b1, b2, false, false); + } /** - * Subtracts another point from this point and returns a new one - * @param {fabric.Point} that - * @return {fabric.Point} new Point object with subtracted values + * Checks if line intersects polygon + * + * @todo account for stroke + * + * @static + * @see {@link intersectSegmentPolygon} for segment intersection + * @param {Point} a1 point on line + * @param {Point} a2 other point on line + * @param {Point[]} points polygon points + * @param {boolean} [infinite=true] check segment intersection by passing `false` + * @return {Intersection} + */ + static intersectLinePolygon(a1, a2, points, infinite = true) { + const result = new Intersection(); + const length = points.length; + for (let i = 0, b1, b2, inter; i < length; i++) { + b1 = points[i]; + b2 = points[(i + 1) % length]; + inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false); + if (inter.status === 'Coincident') { + return inter; + } + result.append(...inter.points); + } + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + } + /** + * Checks if segment intersects polygon + * @static + * @see {@link intersectLinePolygon} for line intersection + * @param {Point} a1 boundary point of segment + * @param {Point} a2 other boundary point of segment + * @param {Point[]} points polygon points + * @return {Intersection} */ - subtract: function (that) { - return new Point(this.x - that.x, this.y - that.y); - }, + static intersectSegmentPolygon(a1, a2, points) { + return Intersection.intersectLinePolygon(a1, a2, points, false); + } + /** + * Checks if polygon intersects another polygon + * + * @todo account for stroke + * + * @static + * @param {Point[]} points1 + * @param {Point[]} points2 + * @return {Intersection} + */ + static intersectPolygonPolygon(points1, points2) { + const result = new Intersection(), length = points1.length; + const coincidences = []; + for (let i = 0; i < length; i++) { + const a1 = points1[i], a2 = points1[(i + 1) % length], inter = Intersection.intersectSegmentPolygon(a1, a2, points2); + if (inter.status === 'Coincident') { + coincidences.push(inter); + result.append(a1, a2); + } + else { + result.append(...inter.points); + } + } + if (coincidences.length > 0 && coincidences.length === points1.length) { + return new Intersection('Coincident'); + } + else if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + } + /** + * Checks if polygon intersects rectangle + * @static + * @see {@link intersectPolygonPolygon} for polygon intersection + * @param {Point[]} points polygon points + * @param {Point} r1 top left point of rect + * @param {Point} r2 bottom right point of rect + * @return {Intersection} + */ + static intersectPolygonRectangle(points, r1, r2) { + const min = r1.min(r2), max = r1.max(r2), topRight = new Point(max.x, min.y), bottomLeft = new Point(min.x, max.y); + return Intersection.intersectPolygonPolygon(points, [ + min, + topRight, + max, + bottomLeft, + ]); + } +} +fabric$1.Intersection = Intersection; +//@ts-nocheck +/** + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} + * @see {@link http://fabricjs.com/events|Events demo} + */ +class Observable { + constructor() { + this.__eventListeners = {}; + } + on(arg0, handler) { + if (!this.__eventListeners) { + this.__eventListeners = {}; + } + if (typeof arg0 === 'object') { + // one object with key/value pairs was passed + for (const eventName in arg0) { + this.on(eventName, arg0[eventName]); + } + return () => this.off(arg0); + } + else if (handler) { + const eventName = arg0; + if (!this.__eventListeners[eventName]) { + this.__eventListeners[eventName] = []; + } + this.__eventListeners[eventName].push(handler); + return () => this.off(eventName, handler); + } + else { + // noop + return () => false; + } + } + once(arg0, handler) { + if (typeof arg0 === 'object') { + // one object with key/value pairs was passed + const disposers = []; + for (const eventName in arg0) { + disposers.push(this.once(eventName, arg0[eventName])); + } + return () => disposers.forEach((d) => d()); + } + else if (handler) { + const disposer = this.on(arg0, (...args) => { + handler(...args); + disposer(); + }); + return disposer; + } + else { + // noop + return () => false; + } + } /** - * Subtracts another point from this point - * @param {fabric.Point} that - * @return {fabric.Point} thisArg - * @chainable + * @private + * @param {string} eventName + * @param {Function} [handler] */ - subtractEquals: function (that) { - this.x -= that.x; - this.y -= that.y; - return this; - }, - + _removeEventListener(eventName, handler) { + if (!this.__eventListeners[eventName]) { + return; + } + if (handler) { + const eventListener = this.__eventListeners[eventName]; + const index = eventListener.indexOf(handler); + index > -1 && eventListener.splice(index, 1); + } + else { + this.__eventListeners[eventName] = []; + } + } + off(arg0, handler) { + if (!this.__eventListeners) { + return; + } + // remove all key/value pairs (event name -> event handler) + if (typeof arg0 === 'undefined') { + for (const eventName in this.__eventListeners) { + this._removeEventListener(eventName); + } + } + // one object with key/value pairs was passed + else if (typeof arg0 === 'object') { + for (const eventName in arg0) { + this._removeEventListener(eventName, arg0[eventName]); + } + } + else { + this._removeEventListener(arg0, handler); + } + } /** - * Subtracts value from this point and returns a new one - * @param {Number} scalar - * @return {fabric.Point} + * Fires event with an optional options object + * @param {String} eventName Event name to fire + * @param {Object} [options] Options object */ - scalarSubtract: function (scalar) { - return new Point(this.x - scalar, this.y - scalar); - }, + fire(eventName, options) { + var _a; + if (!this.__eventListeners) { + return; + } + const listenersForEvent = (_a = this.__eventListeners[eventName]) === null || _a === void 0 ? void 0 : _a.concat(); + if (listenersForEvent) { + for (let i = 0; i < listenersForEvent.length; i++) { + listenersForEvent[i].call(this, options || {}); + } + } + } +} +fabric$1.Observable = Observable; +//@ts-nocheck +class CommonMethods extends Observable { /** - * Subtracts value from this point - * @param {Number} scalar - * @return {fabric.Point} thisArg - * @chainable + * Sets object's properties from options + * @param {Object} [options] Options object */ - scalarSubtractEquals: function (scalar) { - this.x -= scalar; - this.y -= scalar; - return this; - }, - + _setOptions(options) { + for (const prop in options) { + this.set(prop, options[prop]); + } + } /** - * Multiplies this point by a value and returns a new one - * TODO: rename in scalarMultiply in 2.0 - * @param {Number} scalar - * @return {fabric.Point} + * @private */ - multiply: function (scalar) { - return new Point(this.x * scalar, this.y * scalar); - }, - + _setObject(obj) { + for (const prop in obj) { + this._set(prop, obj[prop]); + } + } /** - * Multiplies this point by a value - * TODO: rename in scalarMultiplyEquals in 2.0 - * @param {Number} scalar - * @return {fabric.Point} thisArg + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {fabric.Object} thisArg * @chainable */ - multiplyEquals: function (scalar) { - this.x *= scalar; - this.y *= scalar; - return this; - }, - + set(key, value) { + if (typeof key === 'object') { + this._setObject(key); + } + else { + this._set(key, value); + } + return this; + } + _set(key, value) { + this[key] = value; + } /** - * Divides this point by a value and returns a new one - * TODO: rename in scalarDivide in 2.0 - * @param {Number} scalar - * @return {fabric.Point} + * Toggles specified property from `true` to `false` or from `false` to `true` + * @param {String} property Property to toggle + * @return {fabric.Object} thisArg + * @chainable */ - divide: function (scalar) { - return new Point(this.x / scalar, this.y / scalar); - }, - + toggle(property) { + const value = this.get(property); + if (typeof value === 'boolean') { + this.set(property, !value); + } + return this; + } /** - * Divides this point by a value - * TODO: rename in scalarDivideEquals in 2.0 - * @param {Number} scalar - * @return {fabric.Point} thisArg - * @chainable + * Basic getter + * @param {String} property Property name + * @return {*} value of a property */ - divideEquals: function (scalar) { - this.x /= scalar; - this.y /= scalar; - return this; - }, + get(property) { + return this[property]; + } +} +const originOffset = { + left: -0.5, + top: -0.5, + center: 0, + bottom: 0.5, + right: 0.5, +}; +/** + * Resolves origin value relative to center + * @private + * @param {TOriginX | TOriginY} originValue originX / originY + * @returns number + */ +const resolveOrigin = (originValue) => typeof originValue === 'string' + ? originOffset[originValue] + : originValue - 0.5; +class ObjectOrigin extends CommonMethods { /** - * Returns true if this point is equal to another one - * @param {fabric.Point} that - * @return {Boolean} + * Calculate object bounding box dimensions from its properties scale, skew. + * @param {Object} [options] + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @private + * @returns {Point} dimensions + */ + _getTransformedDimensions(options = {}) { + const dimOptions = Object.assign({ scaleX: this.scaleX, scaleY: this.scaleY, skewX: this.skewX, skewY: this.skewY, width: this.width, height: this.height, strokeWidth: this.strokeWidth }, options); + // stroke is applied before/after transformations are applied according to `strokeUniform` + const strokeWidth = dimOptions.strokeWidth; + let preScalingStrokeValue = strokeWidth, postScalingStrokeValue = 0; + if (this.strokeUniform) { + preScalingStrokeValue = 0; + postScalingStrokeValue = strokeWidth; + } + const dimX = dimOptions.width + preScalingStrokeValue, dimY = dimOptions.height + preScalingStrokeValue, noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0; + let finalDimensions; + if (noSkew) { + finalDimensions = new Point(dimX * dimOptions.scaleX, dimY * dimOptions.scaleY); + } + else { + finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions); + } + return finalDimensions.scalarAdd(postScalingStrokeValue); + } + /** + * Translates the coordinates from a set of origin to another (based on the object's dimensions) + * @param {Point} point The point which corresponds to the originX and originY params + * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom' + * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} */ - eq: function (that) { - return (this.x === that.x && this.y === that.y); - }, - + translateToGivenOrigin(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { + let x = point.x, y = point.y; + const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX), offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY); + if (offsetX || offsetY) { + const dim = this._getTransformedDimensions(); + x += offsetX * dim.x; + y += offsetY * dim.y; + } + return new Point(x, y); + } /** - * Returns true if this point is less than another one - * @param {fabric.Point} that - * @return {Boolean} + * Translates the coordinates from origin to center coordinates (based on the object's dimensions) + * @param {Point} point The point which corresponds to the originX and originY params + * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} */ - lt: function (that) { - return (this.x < that.x && this.y < that.y); - }, - + translateToCenterPoint(point, originX, originY) { + const p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); + if (this.angle) { + return p.rotate(degreesToRadians(this.angle), point); + } + return p; + } /** - * Returns true if this point is less than or equal to another one - * @param {fabric.Point} that - * @return {Boolean} + * Translates the coordinates from center to origin coordinates (based on the object's dimensions) + * @param {Point} center The point which corresponds to center of the object + * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} */ - lte: function (that) { - return (this.x <= that.x && this.y <= that.y); - }, - + translateToOriginPoint(center, originX, originY) { + const p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); + if (this.angle) { + return p.rotate(degreesToRadians(this.angle), center); + } + return p; + } /** - - * Returns true if this point is greater another one - * @param {fabric.Point} that - * @return {Boolean} + * Returns the center coordinates of the object relative to canvas + * @return {Point} */ - gt: function (that) { - return (this.x > that.x && this.y > that.y); - }, - + getCenterPoint() { + const relCenter = this.getRelativeCenterPoint(); + return this.group + ? transformPoint(relCenter, this.group.calcTransformMatrix()) + : relCenter; + } /** - * Returns true if this point is greater than or equal to another one - * @param {fabric.Point} that - * @return {Boolean} + * Returns the center coordinates of the object relative to it's parent + * @return {Point} */ - gte: function (that) { - return (this.x >= that.x && this.y >= that.y); - }, - + getRelativeCenterPoint() { + return this.translateToCenterPoint(new Point(this.left, this.top), this.originX, this.originY); + } /** - * Returns new point which is the result of linear interpolation with this one and another one - * @param {fabric.Point} that - * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 - * @return {fabric.Point} - */ - lerp: function (that, t) { - if (typeof t === 'undefined') { - t = 0.5; - } - t = Math.max(Math.min(1, t), 0); - return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); - }, - + * Returns the coordinates of the object as if it has a different origin + * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} + */ + getPointByOrigin(originX, originY) { + return this.translateToOriginPoint(this.getRelativeCenterPoint(), originX, originY); + } /** - * Returns distance from this point and another one - * @param {fabric.Point} that - * @return {Number} + * Sets the position of the object taking into consideration the object's origin + * @param {Point} pos The new position of the object + * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {void} */ - distanceFrom: function (that) { - var dx = this.x - that.x, - dy = this.y - that.y; - return Math.sqrt(dx * dx + dy * dy); - }, - + setPositionByOrigin(pos, originX, originY) { + const center = this.translateToCenterPoint(pos, originX, originY), position = this.translateToOriginPoint(center, this.originX, this.originY); + this.set({ left: position.x, top: position.y }); + } /** - * Returns the point between this point and another one - * @param {fabric.Point} that - * @return {fabric.Point} + * Sets the origin/position of the object to it's center point + * @private + * @return {void} */ - midPointFrom: function (that) { - return this.lerp(that); - }, - + _setOriginToCenter() { + this._originalOriginX = this.originX; + this._originalOriginY = this.originY; + const center = this.getRelativeCenterPoint(); + this.originX = 'center'; + this.originY = 'center'; + this.left = center.x; + this.top = center.y; + } /** - * Returns a new point which is the min of this and another one - * @param {fabric.Point} that - * @return {fabric.Point} + * Resets the origin/position of the object to it's original origin + * @private + * @return {void} */ - min: function (that) { - return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); - }, - + _resetOrigin() { + if (this._originalOriginX !== undefined && + this._originalOriginY !== undefined) { + const originPoint = this.translateToOriginPoint(this.getRelativeCenterPoint(), this._originalOriginX, this._originalOriginY); + this.left = originPoint.x; + this.top = originPoint.y; + this.originX = this._originalOriginX; + this.originY = this._originalOriginY; + this._originalOriginX = undefined; + this._originalOriginY = undefined; + } + } /** - * Returns a new point which is the max of this and another one - * @param {fabric.Point} that - * @return {fabric.Point} + * @private */ - max: function (that) { - return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); - }, + _getLeftTopCoords() { + return this.translateToOriginPoint(this.getRelativeCenterPoint(), 'left', 'top'); + } +} +class ObjectGeometry extends ObjectOrigin { /** - * Returns string representation of this point - * @return {String} + * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane */ - toString: function () { - return this.x + ',' + this.y; - }, - + getX() { + return this.getXY().x; + } /** - * Sets x/y of this point - * @param {Number} x - * @param {Number} y - * @chainable + * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane */ - setXY: function (x, y) { - this.x = x; - this.y = y; - return this; - }, - + setX(value) { + this.setXY(this.getXY().setX(value)); + } /** - * Sets x of this point - * @param {Number} x - * @chainable + * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane */ - setX: function (x) { - this.x = x; - return this; - }, - + getY() { + return this.getXY().y; + } /** - * Sets y of this point - * @param {Number} y - * @chainable + * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane */ - setY: function (y) { - this.y = y; - return this; - }, - + setY(value) { + this.setXY(this.getXY().setY(value)); + } /** - * Sets x/y of this point from another point - * @param {fabric.Point} that - * @chainable + * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ + * if parent is canvas then this property is identical to {@link fabric.Object#getX} */ - setFromPoint: function (that) { - this.x = that.x; - this.y = that.y; - return this; - }, - - /** - * Swaps x/y of this point and another point - * @param {fabric.Point} that - */ - swap: function (that) { - var x = this.x, - y = this.y; - this.x = that.x; - this.y = that.y; - that.x = x; - that.y = y; - }, - + getRelativeX() { + return this.left; + } /** - * return a cloned instance of the point - * @return {fabric.Point} + * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ + * if parent is canvas then this method is identical to {@link fabric.Object#setX} */ - clone: function () { - return new Point(this.x, this.y); + setRelativeX(value) { + this.left = value; } - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.Intersection) { - fabric.warn('fabric.Intersection is already defined'); - return; - } - - /** - * Intersection class - * @class fabric.Intersection - * @memberOf fabric - * @constructor - */ - function Intersection(status) { - this.status = status; - this.points = []; - } - - fabric.Intersection = Intersection; - - fabric.Intersection.prototype = /** @lends fabric.Intersection.prototype */ { - - constructor: Intersection, - /** - * Appends a point to intersection - * @param {fabric.Point} point - * @return {fabric.Intersection} thisArg - * @chainable + * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ + * if parent is canvas then this property is identical to {@link fabric.Object#getY} */ - appendPoint: function (point) { - this.points.push(point); - return this; - }, - + getRelativeY() { + return this.top; + } /** - * Appends points to intersection - * @param {Array} points - * @return {fabric.Intersection} thisArg - * @chainable + * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ + * if parent is canvas then this property is identical to {@link fabric.Object#setY} */ - appendPoints: function (points) { - this.points = this.points.concat(points); - return this; - } - }; - - /** - * Checks if one line intersects another - * TODO: rename in intersectSegmentSegment - * @static - * @param {fabric.Point} a1 - * @param {fabric.Point} a2 - * @param {fabric.Point} b1 - * @param {fabric.Point} b2 - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectLineLine = function (a1, a2, b1, b2) { - var result, - uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), - ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), - uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); - if (uB !== 0) { - var ua = uaT / uB, - ub = ubT / uB; - if (0 <= ua && ua <= 1 && 0 <= ub && ub <= 1) { - result = new Intersection('Intersection'); - result.appendPoint(new fabric.Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); - } - else { - result = new Intersection(); - } - } - else { - if (uaT === 0 || ubT === 0) { - result = new Intersection('Coincident'); - } - else { - result = new Intersection('Parallel'); - } - } - return result; - }; - - /** - * Checks if line intersects polygon - * TODO: rename in intersectSegmentPolygon - * fix detection of coincident - * @static - * @param {fabric.Point} a1 - * @param {fabric.Point} a2 - * @param {Array} points - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectLinePolygon = function(a1, a2, points) { - var result = new Intersection(), - length = points.length, - b1, b2, inter, i; - - for (i = 0; i < length; i++) { - b1 = points[i]; - b2 = points[(i + 1) % length]; - inter = Intersection.intersectLineLine(a1, a2, b1, b2); - - result.appendPoints(inter.points); - } - if (result.points.length > 0) { - result.status = 'Intersection'; - } - return result; - }; - - /** - * Checks if polygon intersects another polygon - * @static - * @param {Array} points1 - * @param {Array} points2 - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectPolygonPolygon = function (points1, points2) { - var result = new Intersection(), - length = points1.length, i; - - for (i = 0; i < length; i++) { - var a1 = points1[i], - a2 = points1[(i + 1) % length], - inter = Intersection.intersectLinePolygon(a1, a2, points2); - - result.appendPoints(inter.points); - } - if (result.points.length > 0) { - result.status = 'Intersection'; + setRelativeY(value) { + this.top = value; } - return result; - }; - - /** - * Checks if polygon intersects rectangle - * @static - * @param {Array} points - * @param {fabric.Point} r1 - * @param {fabric.Point} r2 - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectPolygonRectangle = function (points, r1, r2) { - var min = r1.min(r2), - max = r1.max(r2), - topRight = new fabric.Point(max.x, min.y), - bottomLeft = new fabric.Point(min.x, max.y), - inter1 = Intersection.intersectLinePolygon(min, topRight, points), - inter2 = Intersection.intersectLinePolygon(topRight, max, points), - inter3 = Intersection.intersectLinePolygon(max, bottomLeft, points), - inter4 = Intersection.intersectLinePolygon(bottomLeft, min, points), - result = new Intersection(); - - result.appendPoints(inter1.points); - result.appendPoints(inter2.points); - result.appendPoints(inter3.points); - result.appendPoints(inter4.points); - - if (result.points.length > 0) { - result.status = 'Intersection'; - } - return result; - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.Color) { - fabric.warn('fabric.Color is already defined.'); - return; - } - - /** - * Color class - * The purpose of {@link fabric.Color} is to abstract and encapsulate common color operations; - * {@link fabric.Color} is a constructor and creates instances of {@link fabric.Color} objects. - * - * @class fabric.Color - * @param {String} color optional in hex or rgb(a) or hsl format or from known color list - * @return {fabric.Color} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors} - */ - function Color(color) { - if (!color) { - this.setSource([0, 0, 0, 1]); - } - else { - this._tryParsingColor(color); - } - } - - fabric.Color = Color; - - fabric.Color.prototype = /** @lends fabric.Color.prototype */ { - /** - * @private - * @param {String|Array} color Color value to parse + * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane */ - _tryParsingColor: function(color) { - var source; - - if (color in Color.colorNameMap) { - color = Color.colorNameMap[color]; - } - - if (color === 'transparent') { - source = [255, 255, 255, 0]; - } - - if (!source) { - source = Color.sourceFromHex(color); - } - if (!source) { - source = Color.sourceFromRgb(color); - } - if (!source) { - source = Color.sourceFromHsl(color); - } - if (!source) { - //if color is not recognize let's make black as canvas does - source = [0, 0, 0, 1]; - } - if (source) { - this.setSource(source); - } - }, - + getXY() { + const relativePosition = this.getRelativeXY(); + return this.group + ? transformPoint(relativePosition, this.group.calcTransformMatrix()) + : relativePosition; + } /** - * Adapted from https://github.com/mjijackson - * @private - * @param {Number} r Red color value - * @param {Number} g Green color value - * @param {Number} b Blue color value - * @return {Array} Hsl color + * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate. + * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values, + * that otherwise are the object's current values. + * @example Set object's bottom left corner to point (5,5) on canvas + * object.setXY(new Point(5, 5), 'left', 'bottom'). + * @param {Point} point position in canvas coordinate plane + * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' */ - _rgbToHsl: function(r, g, b) { - r /= 255; g /= 255; b /= 255; - - var h, s, l, - max = fabric.util.array.max([r, g, b]), - min = fabric.util.array.min([r, g, b]); - - l = (max + min) / 2; - - if (max === min) { - h = s = 0; // achromatic - } - else { - var d = max - min; - s = l > 0.5 ? d / (2 - max - min) : d / (max + min); - switch (max) { - case r: - h = (g - b) / d + (g < b ? 6 : 0); - break; - case g: - h = (b - r) / d + 2; - break; - case b: - h = (r - g) / d + 4; - break; + setXY(point, originX, originY) { + if (this.group) { + point = transformPoint(point, invertTransform(this.group.calcTransformMatrix())); } - h /= 6; - } - - return [ - Math.round(h * 360), - Math.round(s * 100), - Math.round(l * 100) - ]; - }, - + this.setRelativeXY(point, originX, originY); + } /** - * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @return {Array} + * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane */ - getSource: function() { - return this._source; - }, - + getRelativeXY() { + return new Point(this.left, this.top); + } /** - * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @param {Array} source + * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas) + * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane + * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' */ - setSource: function(source) { - this._source = source; - }, - + setRelativeXY(point, originX, originY) { + this.setPositionByOrigin(point, originX || this.originX, originY || this.originY); + } /** - * Returns color representation in RGB format - * @return {String} ex: rgb(0-255,0-255,0-255) + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * @param {boolean} absolute will return aCoords if true or lineCoords + * @param {boolean} calculate will calculate the coords or use the one + * that are attached to the object instance + * @return {Object} {tl, tr, br, bl} points */ - toRgb: function() { - var source = this.getSource(); - return 'rgb(' + source[0] + ',' + source[1] + ',' + source[2] + ')'; - }, - + _getCoords(absolute = false, calculate = false) { + if (calculate) { + return absolute ? this.calcACoords() : this.calcLineCoords(); + } + // swapped this double if in place of setCoords(); + if (!this.aCoords) { + this.aCoords = this.calcACoords(); + } + if (!this.lineCoords) { + this.lineCoords = this.calcLineCoords(); + } + return absolute ? this.aCoords : this.lineCoords; + } /** - * Returns color representation in RGBA format - * @return {String} ex: rgba(0-255,0-255,0-255,0-1) + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * The coords are returned in an array. + * @param {boolean} absolute will return aCoords if true or lineCoords + * @param {boolean} calculate will return aCoords if true or lineCoords + * @return {Array} [tl, tr, br, bl] of points */ - toRgba: function() { - var source = this.getSource(); - return 'rgba(' + source[0] + ',' + source[1] + ',' + source[2] + ',' + source[3] + ')'; - }, - + getCoords(absolute = false, calculate = false) { + const { tl, tr, br, bl } = this._getCoords(absolute, calculate); + const coords = [tl, tr, br, bl]; + if (this.group) { + const t = this.group.calcTransformMatrix(); + return coords.map((p) => transformPoint(p, t)); + } + return coords; + } /** - * Returns color representation in HSL format - * @return {String} ex: hsl(0-360,0%-100%,0%-100%) + * Checks if object intersects with an area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored one + * @return {Boolean} true if object intersects with an area formed by 2 points */ - toHsl: function() { - var source = this.getSource(), - hsl = this._rgbToHsl(source[0], source[1], source[2]); - - return 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%)'; - }, - + intersectsWithRect(pointTL, pointBR, absolute, calculate) { + const coords = this.getCoords(absolute, calculate), intersection = Intersection.intersectPolygonRectangle(coords, pointTL, pointBR); + return intersection.status === 'Intersection'; + } /** - * Returns color representation in HSLA format - * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) + * Checks if object intersects with another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of calculating them + * @return {Boolean} true if object intersects with another object */ - toHsla: function() { - var source = this.getSource(), - hsl = this._rgbToHsl(source[0], source[1], source[2]); - - return 'hsla(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%,' + source[3] + ')'; - }, - + intersectsWithObject(other, absolute, calculate) { + const intersection = Intersection.intersectPolygonPolygon(this.getCoords(absolute, calculate), other.getCoords(absolute, calculate)); + return (intersection.status === 'Intersection' || + intersection.status === 'Coincident' || + other.isContainedWithinObject(this, absolute, calculate) || + this.isContainedWithinObject(other, absolute, calculate)); + } /** - * Returns color representation in HEX format - * @return {String} ex: FF5555 + * Checks if object is fully contained within area of another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of store ones + * @return {Boolean} true if object is fully contained within area of another object */ - toHex: function() { - var source = this.getSource(), r, g, b; - - r = source[0].toString(16); - r = (r.length === 1) ? ('0' + r) : r; - - g = source[1].toString(16); - g = (g.length === 1) ? ('0' + g) : g; - - b = source[2].toString(16); - b = (b.length === 1) ? ('0' + b) : b; - - return r.toUpperCase() + g.toUpperCase() + b.toUpperCase(); - }, - + isContainedWithinObject(other, absolute, calculate) { + const points = this.getCoords(absolute, calculate), otherCoords = absolute ? other.aCoords : other.lineCoords, lines = other._getImageLines(otherCoords); + for (let i = 0; i < 4; i++) { + if (!other.containsPoint(points[i], lines)) { + return false; + } + } + return true; + } /** - * Returns color representation in HEXA format - * @return {String} ex: FF5555CC + * Checks if object is fully contained within area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored one + * @return {Boolean} true if object is fully contained within area formed by 2 points */ - toHexa: function() { - var source = this.getSource(), a; - - a = Math.round(source[3] * 255); - a = a.toString(16); - a = (a.length === 1) ? ('0' + a) : a; - - return this.toHex() + a.toUpperCase(); - }, - + isContainedWithinRect(pointTL, pointBR, absolute, calculate) { + const boundingRect = this.getBoundingRect(absolute, calculate); + return (boundingRect.left >= pointTL.x && + boundingRect.left + boundingRect.width <= pointBR.x && + boundingRect.top >= pointTL.y && + boundingRect.top + boundingRect.height <= pointBR.y); + } /** - * Gets value of alpha channel for this color - * @return {Number} 0-1 + * Checks if point is inside the object + * @param {Point} point Point to check against + * @param {Object} [lines] object returned from @method _getImageLines + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored ones + * @return {Boolean} true if point is inside the object */ - getAlpha: function() { - return this.getSource()[3]; - }, - + containsPoint(point, lines, absolute = false, calculate = false) { + const coords = this._getCoords(absolute, calculate), imageLines = lines || this._getImageLines(coords), xPoints = this._findCrossPoints(point, imageLines); + // if xPoints is odd then point is inside the object + return xPoints !== 0 && xPoints % 2 === 1; + } /** - * Sets value of alpha channel for this color - * @param {Number} alpha Alpha value 0-1 - * @return {fabric.Color} thisArg + * Checks if object is contained within the canvas with current viewportTransform + * the check is done stopping at first point that appears on screen + * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords + * @return {Boolean} true if object is fully or partially contained within canvas */ - setAlpha: function(alpha) { - var source = this.getSource(); - source[3] = alpha; - this.setSource(source); - return this; - }, - - /** - * Transforms color to its grayscale representation - * @return {fabric.Color} thisArg - */ - toGrayscale: function() { - var source = this.getSource(), - average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), - currentAlpha = source[3]; - this.setSource([average, average, average, currentAlpha]); - return this; - }, - + isOnScreen(calculate = false) { + if (!this.canvas) { + return false; + } + const { tl, br } = this.canvas.vptCoords; + const points = this.getCoords(true, calculate); + // if some point is on screen, the object is on screen. + if (points.some((point) => point.x <= br.x && + point.x >= tl.x && + point.y <= br.y && + point.y >= tl.y)) { + return true; + } + // no points on screen, check intersection with absolute coordinates + if (this.intersectsWithRect(tl, br, true, calculate)) { + return true; + } + return this._containsCenterOfCanvas(tl, br, calculate); + } /** - * Transforms color to its black and white representation - * @param {Number} threshold - * @return {fabric.Color} thisArg + * Checks if the object contains the midpoint between canvas extremities + * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen + * @private + * @param {Point} pointTL Top Left point + * @param {Point} pointBR Top Right point + * @param {Boolean} calculate use coordinates of current position instead of stored ones + * @return {Boolean} true if the object contains the point */ - toBlackWhite: function(threshold) { - var source = this.getSource(), - average = (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), - currentAlpha = source[3]; - - threshold = threshold || 127; - - average = (Number(average) < Number(threshold)) ? 0 : 255; - this.setSource([average, average, average, currentAlpha]); - return this; - }, - + _containsCenterOfCanvas(pointTL, pointBR, calculate) { + // worst case scenario the object is so big that contains the screen + const centerPoint = pointTL.midPointFrom(pointBR); + return this.containsPoint(centerPoint, undefined, true, calculate); + } /** - * Overlays color with another color - * @param {String|fabric.Color} otherColor - * @return {fabric.Color} thisArg + * Checks if object is partially contained within the canvas with current viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored ones + * @return {Boolean} true if object is partially contained within canvas */ - overlayWith: function(otherColor) { - if (!(otherColor instanceof Color)) { - otherColor = new Color(otherColor); - } - - var result = [], - alpha = this.getAlpha(), - otherAlpha = 0.5, - source = this.getSource(), - otherSource = otherColor.getSource(), i; - - for (i = 0; i < 3; i++) { - result.push(Math.round((source[i] * (1 - otherAlpha)) + (otherSource[i] * otherAlpha))); - } - - result[3] = alpha; - this.setSource(result); - return this; - } - }; - - /** - * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) - * @static - * @field - * @memberOf fabric.Color - */ - // eslint-disable-next-line max-len - fabric.Color.reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; - - /** - * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) - * @static - * @field - * @memberOf fabric.Color - */ - fabric.Color.reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}\%)\s*,\s*(\d{1,3}\%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; - - /** - * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) - * @static - * @field - * @memberOf fabric.Color - */ - fabric.Color.reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; - - /** - * Map of the 148 color names with HEX code - * @static - * @field - * @memberOf fabric.Color - * @see: https://www.w3.org/TR/css3-color/#svg-color - */ - fabric.Color.colorNameMap = { - aliceblue: '#F0F8FF', - antiquewhite: '#FAEBD7', - aqua: '#00FFFF', - aquamarine: '#7FFFD4', - azure: '#F0FFFF', - beige: '#F5F5DC', - bisque: '#FFE4C4', - black: '#000000', - blanchedalmond: '#FFEBCD', - blue: '#0000FF', - blueviolet: '#8A2BE2', - brown: '#A52A2A', - burlywood: '#DEB887', - cadetblue: '#5F9EA0', - chartreuse: '#7FFF00', - chocolate: '#D2691E', - coral: '#FF7F50', - cornflowerblue: '#6495ED', - cornsilk: '#FFF8DC', - crimson: '#DC143C', - cyan: '#00FFFF', - darkblue: '#00008B', - darkcyan: '#008B8B', - darkgoldenrod: '#B8860B', - darkgray: '#A9A9A9', - darkgrey: '#A9A9A9', - darkgreen: '#006400', - darkkhaki: '#BDB76B', - darkmagenta: '#8B008B', - darkolivegreen: '#556B2F', - darkorange: '#FF8C00', - darkorchid: '#9932CC', - darkred: '#8B0000', - darksalmon: '#E9967A', - darkseagreen: '#8FBC8F', - darkslateblue: '#483D8B', - darkslategray: '#2F4F4F', - darkslategrey: '#2F4F4F', - darkturquoise: '#00CED1', - darkviolet: '#9400D3', - deeppink: '#FF1493', - deepskyblue: '#00BFFF', - dimgray: '#696969', - dimgrey: '#696969', - dodgerblue: '#1E90FF', - firebrick: '#B22222', - floralwhite: '#FFFAF0', - forestgreen: '#228B22', - fuchsia: '#FF00FF', - gainsboro: '#DCDCDC', - ghostwhite: '#F8F8FF', - gold: '#FFD700', - goldenrod: '#DAA520', - gray: '#808080', - grey: '#808080', - green: '#008000', - greenyellow: '#ADFF2F', - honeydew: '#F0FFF0', - hotpink: '#FF69B4', - indianred: '#CD5C5C', - indigo: '#4B0082', - ivory: '#FFFFF0', - khaki: '#F0E68C', - lavender: '#E6E6FA', - lavenderblush: '#FFF0F5', - lawngreen: '#7CFC00', - lemonchiffon: '#FFFACD', - lightblue: '#ADD8E6', - lightcoral: '#F08080', - lightcyan: '#E0FFFF', - lightgoldenrodyellow: '#FAFAD2', - lightgray: '#D3D3D3', - lightgrey: '#D3D3D3', - lightgreen: '#90EE90', - lightpink: '#FFB6C1', - lightsalmon: '#FFA07A', - lightseagreen: '#20B2AA', - lightskyblue: '#87CEFA', - lightslategray: '#778899', - lightslategrey: '#778899', - lightsteelblue: '#B0C4DE', - lightyellow: '#FFFFE0', - lime: '#00FF00', - limegreen: '#32CD32', - linen: '#FAF0E6', - magenta: '#FF00FF', - maroon: '#800000', - mediumaquamarine: '#66CDAA', - mediumblue: '#0000CD', - mediumorchid: '#BA55D3', - mediumpurple: '#9370DB', - mediumseagreen: '#3CB371', - mediumslateblue: '#7B68EE', - mediumspringgreen: '#00FA9A', - mediumturquoise: '#48D1CC', - mediumvioletred: '#C71585', - midnightblue: '#191970', - mintcream: '#F5FFFA', - mistyrose: '#FFE4E1', - moccasin: '#FFE4B5', - navajowhite: '#FFDEAD', - navy: '#000080', - oldlace: '#FDF5E6', - olive: '#808000', - olivedrab: '#6B8E23', - orange: '#FFA500', - orangered: '#FF4500', - orchid: '#DA70D6', - palegoldenrod: '#EEE8AA', - palegreen: '#98FB98', - paleturquoise: '#AFEEEE', - palevioletred: '#DB7093', - papayawhip: '#FFEFD5', - peachpuff: '#FFDAB9', - peru: '#CD853F', - pink: '#FFC0CB', - plum: '#DDA0DD', - powderblue: '#B0E0E6', - purple: '#800080', - rebeccapurple: '#663399', - red: '#FF0000', - rosybrown: '#BC8F8F', - royalblue: '#4169E1', - saddlebrown: '#8B4513', - salmon: '#FA8072', - sandybrown: '#F4A460', - seagreen: '#2E8B57', - seashell: '#FFF5EE', - sienna: '#A0522D', - silver: '#C0C0C0', - skyblue: '#87CEEB', - slateblue: '#6A5ACD', - slategray: '#708090', - slategrey: '#708090', - snow: '#FFFAFA', - springgreen: '#00FF7F', - steelblue: '#4682B4', - tan: '#D2B48C', - teal: '#008080', - thistle: '#D8BFD8', - tomato: '#FF6347', - turquoise: '#40E0D0', - violet: '#EE82EE', - wheat: '#F5DEB3', - white: '#FFFFFF', - whitesmoke: '#F5F5F5', - yellow: '#FFFF00', - yellowgreen: '#9ACD32' - }; - - /** - * @private - * @param {Number} p - * @param {Number} q - * @param {Number} t - * @return {Number} - */ - function hue2rgb(p, q, t) { - if (t < 0) { - t += 1; + isPartiallyOnScreen(calculate) { + if (!this.canvas) { + return false; + } + const { tl, br } = this.canvas.vptCoords; + if (this.intersectsWithRect(tl, br, true, calculate)) { + return true; + } + const allPointsAreOutside = this.getCoords(true, calculate).every((point) => (point.x >= br.x || point.x <= tl.x) && + (point.y >= br.y || point.y <= tl.y)); + return (allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)); } - if (t > 1) { - t -= 1; + /** + * Method that returns an object with the object edges in it, given the coordinates of the corners + * @private + * @param {Object} lineCoords or aCoords Coordinates of the object corners + */ + _getImageLines({ tl, tr, bl, br }) { + const lines = { + topline: { + o: tl, + d: tr, + }, + rightline: { + o: tr, + d: br, + }, + bottomline: { + o: br, + d: bl, + }, + leftline: { + o: bl, + d: tl, + }, + }; + // // debugging + // if (this.canvas.contextTop) { + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + // } + return lines; } - if (t < 1 / 6) { - return p + (q - p) * 6 * t; + /** + * Helper method to determine how many cross points are between the 4 object edges + * and the horizontal line determined by a point on canvas + * @private + * @param {Point} point Point to check + * @param {Object} lines Coordinates of the object being evaluated + * @return {number} number of crossPoint + */ + _findCrossPoints(point, lines) { + let xcount = 0; + for (const lineKey in lines) { + let xi; + const iLine = lines[lineKey]; + // optimization 1: line below point. no cross + if (iLine.o.y < point.y && iLine.d.y < point.y) { + continue; + } + // optimization 2: line above point. no cross + if (iLine.o.y >= point.y && iLine.d.y >= point.y) { + continue; + } + // optimization 3: vertical line case + if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) { + xi = iLine.o.x; + } + // calculate the intersection point + else { + const b1 = 0; + const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); + const a1 = point.y - b1 * point.x; + const a2 = iLine.o.y - b2 * iLine.o.x; + xi = -(a1 - a2) / (b1 - b2); + } + // don't count xi < point.x cases + if (xi >= point.x) { + xcount += 1; + } + // optimization 4: specific for square images + if (xcount === 2) { + break; + } + } + return xcount; } - if (t < 1 / 2) { - return q; + /** + * Returns coordinates of object's bounding rectangle (left, top, width, height) + * the box is intended as aligned to axis of canvas. + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords + * @return {Object} Object with left, top, width, height properties + */ + getBoundingRect(absolute, calculate) { + return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate)); } - if (t < 2 / 3) { - return p + (q - p) * (2 / 3 - t) * 6; + /** + * Returns width of an object's bounding box counting transformations + * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? + * @return {Number} width value + */ + getScaledWidth() { + return this._getTransformedDimensions().x; } - return p; - } - - /** - * Returns new color object, when given a color in RGB format - * @memberOf fabric.Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255) - * @return {fabric.Color} - */ - fabric.Color.fromRgb = function(color) { - return Color.fromSource(Color.sourceFromRgb(color)); - }; - - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format - * @memberOf fabric.Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) - * @return {Array} source - */ - fabric.Color.sourceFromRgb = function(color) { - var match = color.match(Color.reRGBa); - if (match) { - var r = parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1) * (/%$/.test(match[1]) ? 255 : 1), - g = parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1) * (/%$/.test(match[2]) ? 255 : 1), - b = parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1) * (/%$/.test(match[3]) ? 255 : 1); - - return [ - parseInt(r, 10), - parseInt(g, 10), - parseInt(b, 10), - match[4] ? parseFloat(match[4]) : 1 - ]; - } - }; - - /** - * Returns new color object, when given a color in RGBA format - * @static - * @function - * @memberOf fabric.Color - * @param {String} color - * @return {fabric.Color} - */ - fabric.Color.fromRgba = Color.fromRgb; - - /** - * Returns new color object, when given a color in HSL format - * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) - * @memberOf fabric.Color - * @return {fabric.Color} - */ - fabric.Color.fromHsl = function(color) { - return Color.fromSource(Color.sourceFromHsl(color)); - }; - - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. - * Adapted from https://github.com/mjijackson - * @memberOf fabric.Color - * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) - * @return {Array} source - * @see http://http://www.w3.org/TR/css3-color/#hsl-color - */ - fabric.Color.sourceFromHsl = function(color) { - var match = color.match(Color.reHSLa); - if (!match) { - return; + /** + * Returns height of an object bounding box counting transformations + * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? + * @return {Number} height value + */ + getScaledHeight() { + return this._getTransformedDimensions().y; } - - var h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, - s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), - l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1), - r, g, b; - - if (s === 0) { - r = g = b = l; + /** + * Scales an object (equally by x and y) + * @param {Number} value Scale factor + * @return {void} + */ + scale(value) { + this._set('scaleX', value); + this._set('scaleY', value); + this.setCoords(); } - else { - var 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); + /** + * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New width value + * @param {Boolean} absolute ignore viewport + * @return {void} + */ + scaleToWidth(value, absolute) { + // adjust to bounding rect factor so that rotated shapes would fit as well + const boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); + return this.scale(value / this.width / boundingRectFactor); } - - return [ - Math.round(r * 255), - Math.round(g * 255), - Math.round(b * 255), - match[4] ? parseFloat(match[4]) : 1 - ]; - }; - - /** - * Returns new color object, when given a color in HSLA format - * @static - * @function - * @memberOf fabric.Color - * @param {String} color - * @return {fabric.Color} - */ - fabric.Color.fromHsla = Color.fromHsl; - - /** - * Returns new color object, when given a color in HEX format - * @static - * @memberOf fabric.Color - * @param {String} color Color value ex: FF5555 - * @return {fabric.Color} - */ - fabric.Color.fromHex = function(color) { - return Color.fromSource(Color.sourceFromHex(color)); - }; - - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format - * @static - * @memberOf fabric.Color - * @param {String} color ex: FF5555 or FF5544CC (RGBa) - * @return {Array} source - */ - fabric.Color.sourceFromHex = function(color) { - if (color.match(Color.reHex)) { - var value = color.slice(color.indexOf('#') + 1), - isShortNotation = (value.length === 3 || value.length === 4), - isRGBa = (value.length === 8 || value.length === 4), - r = isShortNotation ? (value.charAt(0) + value.charAt(0)) : value.substring(0, 2), - g = isShortNotation ? (value.charAt(1) + value.charAt(1)) : value.substring(2, 4), - b = isShortNotation ? (value.charAt(2) + value.charAt(2)) : value.substring(4, 6), - a = isRGBa ? (isShortNotation ? (value.charAt(3) + value.charAt(3)) : value.substring(6, 8)) : 'FF'; - - return [ - parseInt(r, 16), - parseInt(g, 16), - parseInt(b, 16), - parseFloat((parseInt(a, 16) / 255).toFixed(2)) - ]; - } - }; - - /** - * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) - * @static - * @memberOf fabric.Color - * @param {Array} source - * @return {fabric.Color} - */ - fabric.Color.fromSource = function(source) { - var oColor = new Color(); - oColor.setSource(source); - return oColor; - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'], - skewMap = ['ns', 'nesw', 'ew', 'nwse'], - controls = {}, - LEFT = 'left', TOP = 'top', RIGHT = 'right', BOTTOM = 'bottom', CENTER = 'center', - opposite = { - top: BOTTOM, - bottom: TOP, - left: RIGHT, - right: LEFT, - center: CENTER, - }, radiansToDegrees = fabric.util.radiansToDegrees, - sign = (Math.sign || function(x) { return ((x > 0) - (x < 0)) || +x; }); - - /** - * Combine control position and object angle to find the control direction compared - * to the object center. - * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls - * @param {fabric.Control} control the control class - * @return {Number} 0 - 7 a quadrant number - */ - function findCornerQuadrant(fabricObject, control) { - var cornerAngle = fabricObject.angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; - return Math.round((cornerAngle % 360) / 45); - } - - function fireEvent(eventName, options) { - var target = options.transform.target, - canvas = target.canvas, - canvasOptions = fabric.util.object.clone(options); - canvasOptions.target = target; - canvas && canvas.fire('object:' + eventName, canvasOptions); - target.fire(eventName, options); - } - - /** - * Inspect event and fabricObject properties to understand if the scaling action - * @param {Event} eventData from the user action - * @param {fabric.Object} fabricObject the fabric object about to scale - * @return {Boolean} true if scale is proportional - */ - function scaleIsProportional(eventData, fabricObject) { - var canvas = fabricObject.canvas, uniScaleKey = canvas.uniScaleKey, - uniformIsToggled = eventData[uniScaleKey]; - return (canvas.uniformScaling && !uniformIsToggled) || - (!canvas.uniformScaling && uniformIsToggled); - } - - /** - * Checks if transform is centered - * @param {Object} transform transform data - * @return {Boolean} true if transform is centered - */ - function isTransformCentered(transform) { - return transform.originX === CENTER && transform.originY === CENTER; - } - - /** - * Inspect fabricObject to understand if the current scaling action is allowed - * @param {fabric.Object} fabricObject the fabric object about to scale - * @param {String} by 'x' or 'y' or '' - * @param {Boolean} scaleProportionally true if we are trying to scale proportionally - * @return {Boolean} true if scaling is not allowed at current conditions - */ - function scalingIsForbidden(fabricObject, by, scaleProportionally) { - var lockX = fabricObject.lockScalingX, lockY = fabricObject.lockScalingY; - if (lockX && lockY) { - return true; + /** + * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New height value + * @param {Boolean} absolute ignore viewport + * @return {void} + */ + scaleToHeight(value, absolute = false) { + // adjust to bounding rect factor so that rotated shapes would fit as well + const boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); + return this.scale(value / this.height / boundingRectFactor); } - if (!by && (lockX || lockY) && scaleProportionally) { - return true; + /** + * Returns the object angle relative to canvas counting also the group property + * @returns {TDegree} + */ + getTotalAngle() { + return this.group + ? qrDecompose(this.calcTransformMatrix()).angle + : this.angle; } - if (lockX && by === 'x') { - return true; + /** + * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates + * used for bounding box interactivity with the mouse + * @returns {TCornerPoint} + */ + calcLineCoords() { + const vpt = this.getViewportTransform(), padding = this.padding, angle = degreesToRadians(this.getTotalAngle()), cosP = cos(angle) * padding, sinP = sin(angle) * padding, cosPSinP = cosP + sinP, cosPMinusSinP = cosP - sinP, { tl, tr, bl, br } = this.calcACoords(); + const lineCoords = { + tl: transformPoint(tl, vpt), + tr: transformPoint(tr, vpt), + bl: transformPoint(bl, vpt), + br: transformPoint(br, vpt), + }; + if (padding) { + lineCoords.tl.x -= cosPMinusSinP; + lineCoords.tl.y -= cosPSinP; + lineCoords.tr.x += cosPSinP; + lineCoords.tr.y -= cosPMinusSinP; + lineCoords.bl.x -= cosPSinP; + lineCoords.bl.y += cosPMinusSinP; + lineCoords.br.x += cosPMinusSinP; + lineCoords.br.y += cosPSinP; + } + return lineCoords; } - if (lockY && by === 'y') { - return true; + /** + * Retrieves viewportTransform from Object's canvas if possible + * @method getViewportTransform + * @memberOf FabricObject.prototype + * @return {TMat2D} + */ + getViewportTransform() { + var _a; + return ((_a = this.canvas) === null || _a === void 0 ? void 0 : _a.viewportTransform) || iMatrix.concat(); } - return false; - } - - /** - * return the correct cursor style for the scale action - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function scaleCursorStyleHandler(eventData, control, fabricObject) { - var notAllowed = 'not-allowed', - scaleProportionally = scaleIsProportional(eventData, fabricObject), - by = ''; - if (control.x !== 0 && control.y === 0) { - by = 'x'; - } - else if (control.x === 0 && control.y !== 0) { - by = 'y'; + /** + * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates. + * those never change with zoom or viewport changes. + * @return {TCornerPoint} + */ + calcACoords() { + const rotateMatrix = calcRotateMatrix({ angle: this.angle }), center = this.getRelativeCenterPoint(), translateMatrix = [1, 0, 0, 1, center.x, center.y], finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix), dim = this._getTransformedDimensions(), w = dim.x / 2, h = dim.y / 2; + return { + // corners + tl: transformPoint({ x: -w, y: -h }, finalMatrix), + tr: transformPoint({ x: w, y: -h }, finalMatrix), + bl: transformPoint({ x: -w, y: h }, finalMatrix), + br: transformPoint({ x: w, y: h }, finalMatrix), + }; } - if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { - return notAllowed; + /** + * Sets corner and controls position coordinates based on current angle, width and height, left and top. + * aCoords are used to quickly find an object on the canvas + * lineCoords are used to quickly find object during pointer events. + * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} + * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords. + * @return {void} + */ + setCoords() { + this.aCoords = this.calcACoords(); + // in case we are in a group, for how the inner group target check works, + // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. + this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); + } + transformMatrixKey(skipGroup = false) { + const sep = '_'; + let prefix = ''; + if (!skipGroup && this.group) { + prefix = this.group.transformMatrixKey(skipGroup) + sep; + } + return (prefix + + this.top + + sep + + this.left + + sep + + this.scaleX + + sep + + this.scaleY + + sep + + this.skewX + + sep + + this.skewY + + sep + + this.angle + + sep + + this.originX + + sep + + this.originY + + sep + + this.width + + sep + + this.height + + sep + + this.strokeWidth + + this.flipX + + this.flipY); } - var n = findCornerQuadrant(fabricObject, control); - return scaleMap[n] + '-resize'; - } - - /** - * return the correct cursor style for the skew action - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function skewCursorStyleHandler(eventData, control, fabricObject) { - var notAllowed = 'not-allowed'; - if (control.x !== 0 && fabricObject.lockSkewingY) { - return notAllowed; - } - if (control.y !== 0 && fabricObject.lockSkewingX) { - return notAllowed; - } - var n = findCornerQuadrant(fabricObject, control) % 4; - return skewMap[n] + '-resize'; - } - - /** - * Combine skew and scale style handlers to cover fabric standard use case - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function scaleSkewCursorStyleHandler(eventData, control, fabricObject) { - if (eventData[fabricObject.canvas.altActionKey]) { - return controls.skewCursorStyleHandler(eventData, control, fabricObject); - } - return controls.scaleCursorStyleHandler(eventData, control, fabricObject); - } - - /** - * Inspect event, control and fabricObject to return the correct action name - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} an action name - */ - function scaleOrSkewActionName(eventData, control, fabricObject) { - var isAlternative = eventData[fabricObject.canvas.altActionKey]; - if (control.x === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewX' : 'scaleY'; + /** + * calculate transform matrix that represents the current transformations from the + * object's properties. + * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations + * There are some situation in which this is useful to avoid the fake rotation. + * @return {TMat2D} transform matrix for the object + */ + calcTransformMatrix(skipGroup = false) { + let matrix = this.calcOwnMatrix(); + if (skipGroup || !this.group) { + return matrix; + } + const key = this.transformMatrixKey(skipGroup), cache = this.matrixCache; + if (cache && cache.key === key) { + return cache.value; + } + if (this.group) { + matrix = multiplyTransformMatrices(this.group.calcTransformMatrix(false), matrix); + } + this.matrixCache = { + key, + value: matrix, + }; + return matrix; } - if (control.y === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewY' : 'scaleX'; + /** + * calculate transform matrix that represents the current transformations from the + * object's properties, this matrix does not include the group transformation + * @return {TMat2D} transform matrix for the object + */ + calcOwnMatrix() { + const key = this.transformMatrixKey(true), cache = this.ownMatrixCache; + if (cache && cache.key === key) { + return cache.value; + } + const center = this.getRelativeCenterPoint(), options = { + angle: this.angle, + translateX: center.x, + translateY: center.y, + scaleX: this.scaleX, + scaleY: this.scaleY, + skewX: this.skewX, + skewY: this.skewY, + flipX: this.flipX, + flipY: this.flipY, + }, value = composeMatrix(options); + this.ownMatrixCache = { + key, + value, + }; + return value; } - } - - /** - * Find the correct style for the control that is used for rotation. - * this function is very simple and it just take care of not-allowed or standard cursor - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function rotationStyleHandler(eventData, control, fabricObject) { - if (fabricObject.lockRotation) { - return 'not-allowed'; + /** + * Calculate object dimensions from its properties + * @private + * @returns {Point} dimensions + */ + _getNonTransformedDimensions() { + return new Point(this.width, this.height).scalarAdd(this.strokeWidth); } - return control.cursorStyle; - } - - function commonEventInfo(eventData, transform, x, y) { - return { - e: eventData, - transform: transform, - pointer: { - x: x, - y: y, - } - }; - } - - /** - * Wrap an action handler with saving/restoring object position on the transform. - * this is the code that permits to objects to keep their position while transforming. - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ - function wrapWithFixedAnchor(actionHandler) { - return function(eventData, transform, x, y) { - var target = transform.target, centerPoint = target.getCenterPoint(), - constraint = target.translateToOriginPoint(centerPoint, transform.originX, transform.originY), - actionPerformed = actionHandler(eventData, transform, x, y); - target.setPositionByOrigin(constraint, transform.originX, transform.originY); - return actionPerformed; - }; - } - - /** - * Wrap an action handler with firing an event if the action is performed - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ - function wrapWithFireEvent(eventName, actionHandler) { - return function(eventData, transform, x, y) { - var actionPerformed = actionHandler(eventData, transform, x, y); - if (actionPerformed) { - fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); - } - return actionPerformed; - }; - } + /** + * Calculate object dimensions for controls box, including padding and canvas zoom. + * and active selection + * @private + * @param {object} [options] transform options + * @returns {Point} dimensions + */ + _calculateCurrentDimensions(options) { + return this._getTransformedDimensions(options) + .transform(this.getViewportTransform(), true) + .scalarAdd(2 * this.padding); + } +} - /** - * Transforms a point described by x and y in a distance from the top left corner of the object - * bounding box. - * @param {Object} transform - * @param {String} originX - * @param {String} originY - * @param {number} x - * @param {number} y - * @return {Fabric.Point} the normalized point - */ - function getLocalPoint(transform, originX, originY, x, y) { - var target = transform.target, - control = target.controls[transform.corner], - zoom = target.canvas.getZoom(), - padding = target.padding / zoom, - localPoint = target.toLocalPoint(new fabric.Point(x, y), originX, originY); - if (localPoint.x >= padding) { - localPoint.x -= padding; +const ALIASING_LIMIT = 2; +/** + * Root object class from which all 2d shape classes inherit from + * @class fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} + * @see {@link fabric.Object#initialize} for constructor definition + * + * @fires added + * @fires removed + * + * @fires selected + * @fires deselected + * @fires modified + * @fires modified + * @fires moved + * @fires scaled + * @fires rotated + * @fires skewed + * + * @fires rotating + * @fires scaling + * @fires moving + * @fires skewing + * + * @fires mousedown + * @fires mouseup + * @fires mouseover + * @fires mouseout + * @fires mousewheel + * @fires mousedblclick + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drop + */ +class FabricObject extends ObjectGeometry { + /** + * Constructor + * @param {Object} [options] Options object + */ + constructor(options) { + super(); + /** + * Quick access for the _cacheCanvas rendering context + * This is part of the objectCaching feature + * since 1.7.0 + * @type boolean + * @default undefined + * @private + */ + this._cacheContext = null; + if (options) { + this.setOptions(options); + } } - if (localPoint.x <= -padding) { - localPoint.x += padding; + /** + * Temporary compatibility issue with old classes + * @param {Object} [options] Options object + */ + initialize(options) { + if (options) { + this.setOptions(options); + } } - if (localPoint.y >= padding) { - localPoint.y -= padding; + /** + * Create a the canvas used to keep the cached copy of the object + * @private + */ + _createCacheCanvas() { + this._cacheCanvas = createCanvasElement(); + this._cacheContext = this._cacheCanvas.getContext('2d'); + this._updateCacheCanvas(); + // if canvas gets created, is empty, so dirty. + this.dirty = true; } - if (localPoint.y <= padding) { - localPoint.y += padding; + /** + * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal + * and each side do not cross fabric.cacheSideLimit + * those numbers are configurable so that you can get as much detail as you want + * making bargain with performances. + * @param {Object} dims + * @param {Object} dims.width width of canvas + * @param {Object} dims.height height of canvas + * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _limitCacheSize(dims) { + const width = dims.width, height = dims.height, max = config.maxCacheSideLimit, min = config.minCacheSideLimit; + if (width <= max && + height <= max && + width * height <= config.perfLimitSizeTotal) { + if (width < min) { + dims.width = min; + } + if (height < min) { + dims.height = min; + } + return dims; + } + const ar = width / height, [limX, limY] = cache.limitDimsByArea(ar), x = capValue(min, limX, max), y = capValue(min, limY, max); + if (width > x) { + dims.zoomX /= width / x; + dims.width = x; + dims.capped = true; + } + if (height > y) { + dims.zoomY /= height / y; + dims.height = y; + dims.capped = true; + } + return dims; } - localPoint.x -= control.offsetX; - localPoint.y -= control.offsetY; - return localPoint; - } - - /** - * Detect if the fabric object is flipped on one side. - * @param {fabric.Object} target - * @return {Boolean} true if one flip, but not two. - */ - function targetHasOneFlip(target) { - return target.flipX !== target.flipY; - } - - /** - * Utility function to compensate the scale factor when skew is applied on both axes - * @private - */ - function compensateScaleForSkew(target, oppositeSkew, scaleToCompensate, axis, reference) { - if (target[oppositeSkew] !== 0) { - var newDim = target._getTransformedDimensions()[axis]; - var newValue = reference / newDim * target[scaleToCompensate]; - target.set(scaleToCompensate, newValue); - } - } - - /** - * Action handler for skewing on the X axis - * @private - */ - function skewObjectX(eventData, transform, x, y) { - var target = transform.target, - // find how big the object would be, if there was no skewX. takes in account scaling - dimNoSkew = target._getTransformedDimensions(0, target.skewY), - localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), - // the mouse is in the center of the object, and we want it to stay there. - // so the object will grow twice as much as the mouse. - // this makes the skew growth to localPoint * 2 - dimNoSkew. - totalSkewSize = Math.abs(localPoint.x * 2) - dimNoSkew.x, - currentSkew = target.skewX, newSkew; - if (totalSkewSize < 2) { - // let's make it easy to go back to position 0. - newSkew = 0; + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. + * @private + * @return {Object}.x width of object to be cached + * @return {Object}.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _getCacheCanvasDimensions() { + const objectScale = this.getTotalObjectScaling(), + // calculate dimensions without skewing + dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }), neededX = (dim.x * objectScale.x) / this.scaleX, neededY = (dim.y * objectScale.y) / this.scaleY; + return { + // for sure this ALIASING_LIMIT is slightly creating problem + // in situation in which the cache canvas gets an upper limit + // also objectScale contains already scaleX and scaleY + width: neededX + ALIASING_LIMIT, + height: neededY + ALIASING_LIMIT, + zoomX: objectScale.x, + zoomY: objectScale.y, + x: neededX, + y: neededY, + }; } - else { - newSkew = radiansToDegrees( - Math.atan2((totalSkewSize / target.scaleX), (dimNoSkew.y / target.scaleY)) - ); - // now we have to find the sign of the skew. - // it mostly depend on the origin of transformation. - if (transform.originX === LEFT && transform.originY === BOTTOM) { - newSkew = -newSkew; - } - if (transform.originX === RIGHT && transform.originY === TOP) { - newSkew = -newSkew; - } - if (targetHasOneFlip(target)) { - newSkew = -newSkew; - } - } - var hasSkewed = currentSkew !== newSkew; - if (hasSkewed) { - var dimBeforeSkewing = target._getTransformedDimensions().y; - target.set('skewX', newSkew); - compensateScaleForSkew(target, 'skewY', 'scaleY', 'y', dimBeforeSkewing); - } - return hasSkewed; - } - - /** - * Action handler for skewing on the Y axis - * @private - */ - function skewObjectY(eventData, transform, x, y) { - var target = transform.target, - // find how big the object would be, if there was no skewX. takes in account scaling - dimNoSkew = target._getTransformedDimensions(target.skewX, 0), - localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), - // the mouse is in the center of the object, and we want it to stay there. - // so the object will grow twice as much as the mouse. - // this makes the skew growth to localPoint * 2 - dimNoSkew. - totalSkewSize = Math.abs(localPoint.y * 2) - dimNoSkew.y, - currentSkew = target.skewY, newSkew; - if (totalSkewSize < 2) { - // let's make it easy to go back to position 0. - newSkew = 0; + /** + * Update width and height of the canvas for cache + * returns true or false if canvas needed resize. + * @private + * @return {Boolean} true if the canvas has been resized + */ + _updateCacheCanvas() { + const targetCanvas = this.canvas; + if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { + const target = targetCanvas._currentTransform.target, action = targetCanvas._currentTransform.action; + if (this === target && action.slice && action.slice(0, 5) === 'scale') { + return false; + } + } + const canvas = this._cacheCanvas, context = this._cacheContext, dims = this._limitCacheSize(this._getCacheCanvasDimensions()), minCacheSize = config.minCacheSideLimit, width = dims.width, height = dims.height, zoomX = dims.zoomX, zoomY = dims.zoomY, dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY; + if (!canvas || !context) { + return false; + } + let drawingWidth, drawingHeight, shouldRedraw = dimensionsChanged || zoomChanged, additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; + if (dimensionsChanged) { + const canvasWidth = this._cacheCanvas.width, canvasHeight = this._cacheCanvas.height, sizeGrowing = width > canvasWidth || height > canvasHeight, sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && + canvasWidth > minCacheSize && + canvasHeight > minCacheSize; + shouldResizeCanvas = sizeGrowing || sizeShrinking; + if (sizeGrowing && + !dims.capped && + (width > minCacheSize || height > minCacheSize)) { + additionalWidth = width * 0.1; + additionalHeight = height * 0.1; + } + } + if (this instanceof fabric$1.Text && this.path) { + shouldRedraw = true; + shouldResizeCanvas = true; + // IMHO in those lines we are using zoomX and zoomY not the this version. + additionalWidth += this.getHeightOfLine(0) * this.zoomX; + additionalHeight += this.getHeightOfLine(0) * this.zoomY; + } + if (shouldRedraw) { + if (shouldResizeCanvas) { + canvas.width = Math.ceil(width + additionalWidth); + canvas.height = Math.ceil(height + additionalHeight); + } + else { + context.setTransform(1, 0, 0, 1, 0, 0); + context.clearRect(0, 0, canvas.width, canvas.height); + } + drawingWidth = dims.x / 2; + drawingHeight = dims.y / 2; + this.cacheTranslationX = + Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; + this.cacheTranslationY = + Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; + this.cacheWidth = width; + this.cacheHeight = height; + context.translate(this.cacheTranslationX, this.cacheTranslationY); + context.scale(zoomX, zoomY); + this.zoomX = zoomX; + this.zoomY = zoomY; + return true; + } + return false; } - else { - newSkew = radiansToDegrees( - Math.atan2((totalSkewSize / target.scaleY), (dimNoSkew.x / target.scaleX)) - ); - // now we have to find the sign of the skew. - // it mostly depend on the origin of transformation. - if (transform.originX === LEFT && transform.originY === BOTTOM) { - newSkew = -newSkew; - } - if (transform.originX === RIGHT && transform.originY === TOP) { - newSkew = -newSkew; - } - if (targetHasOneFlip(target)) { - newSkew = -newSkew; - } - } - var hasSkewed = currentSkew !== newSkew; - if (hasSkewed) { - var dimBeforeSkewing = target._getTransformedDimensions().x; - target.set('skewY', newSkew); - compensateScaleForSkew(target, 'skewX', 'scaleX', 'x', dimBeforeSkewing); - } - return hasSkewed; - } - - /** - * Wrapped Action handler for skewing on the Y axis, takes care of the - * skew direction and determine the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function skewHandlerX(eventData, transform, x, y) { - // step1 figure out and change transform origin. - // if skewX > 0 and originY bottom we anchor on right - // if skewX > 0 and originY top we anchor on left - // if skewX < 0 and originY bottom we anchor on left - // if skewX < 0 and originY top we anchor on right - // if skewX is 0, we look for mouse position to understand where are we going. - var target = transform.target, currentSkew = target.skewX, originX, originY = transform.originY; - if (target.lockSkewingX) { - return false; - } - if (currentSkew === 0) { - var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); - if (localPointFromCenter.x > 0) { - // we are pulling right, anchor left; - originX = LEFT; - } - else { - // we are pulling right, anchor right - originX = RIGHT; - } + /** + * Sets object's properties from options + * @param {Object} [options] Options object + */ + setOptions(options = {}) { + this._setOptions(options); } - else { - if (currentSkew > 0) { - originX = originY === TOP ? LEFT : RIGHT; - } - if (currentSkew < 0) { - originX = originY === TOP ? RIGHT : LEFT; - } - // is the object flipped on one side only? swap the origin. - if (targetHasOneFlip(target)) { - originX = originX === LEFT ? RIGHT : LEFT; - } + /** + * Transforms context when rendering an object + * @param {CanvasRenderingContext2D} ctx Context + */ + transform(ctx) { + const needFullTransform = (this.group && !this.group._transformDone) || + (this.group && this.canvas && ctx === this.canvas.contextTop); + const m = this.calcTransformMatrix(!needFullTransform); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); } - - // once we have the origin, we find the anchor point - transform.originX = originX; - var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectX)); - return finalHandler(eventData, transform, x, y); - } - - /** - * Wrapped Action handler for skewing on the Y axis, takes care of the - * skew direction and determine the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function skewHandlerY(eventData, transform, x, y) { - // step1 figure out and change transform origin. - // if skewY > 0 and originX left we anchor on top - // if skewY > 0 and originX right we anchor on bottom - // if skewY < 0 and originX left we anchor on bottom - // if skewY < 0 and originX right we anchor on top - // if skewY is 0, we look for mouse position to understand where are we going. - var target = transform.target, currentSkew = target.skewY, originY, originX = transform.originX; - if (target.lockSkewingY) { - return false; - } - if (currentSkew === 0) { - var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); - if (localPointFromCenter.y > 0) { - // we are pulling down, anchor up; - originY = TOP; - } - else { - // we are pulling up, anchor down - originY = BOTTOM; - } - } - else { - if (currentSkew > 0) { - originY = originX === LEFT ? TOP : BOTTOM; - } - if (currentSkew < 0) { - originY = originX === LEFT ? BOTTOM : TOP; - } - // is the object flipped on one side only? swap the origin. - if (targetHasOneFlip(target)) { - originY = originY === TOP ? BOTTOM : TOP; - } - } - - // once we have the origin, we find the anchor point - transform.originY = originY; - var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectY)); - return finalHandler(eventData, transform, x, y); - } - - /** - * Action handler for rotation and snapping, without anchor point. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - * @private - */ - function rotationWithSnapping(eventData, transform, x, y) { - var t = transform, - target = t.target, - pivotPoint = target.translateToOriginPoint(target.getCenterPoint(), t.originX, t.originY); - - if (target.lockRotation) { - return false; - } - - var lastAngle = Math.atan2(t.ey - pivotPoint.y, t.ex - pivotPoint.x), - curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x), - angle = radiansToDegrees(curAngle - lastAngle + t.theta), - hasRotated = true; - - if (target.snapAngle > 0) { - var snapAngle = target.snapAngle, - snapThreshold = target.snapThreshold || snapAngle, - rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, - leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; - - if (Math.abs(angle - leftAngleLocked) < snapThreshold) { - angle = leftAngleLocked; - } - else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { - angle = rightAngleLocked; - } - } - - // normalize angle to positive value - if (angle < 0) { - angle = 360 + angle; - } - angle %= 360; - - hasRotated = target.angle !== angle; - target.angle = angle; - return hasRotated; - } - - /** - * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @param {Object} options additional information for scaling - * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling - * @return {Boolean} true if some change happened - * @private - */ - function scaleObject(eventData, transform, x, y, options) { - options = options || {}; - var target = transform.target, - lockScalingX = target.lockScalingX, lockScalingY = target.lockScalingY, - by = options.by, newPoint, scaleX, scaleY, dim, - scaleProportionally = scaleIsProportional(eventData, target), - forbidScaling = scalingIsForbidden(target, by, scaleProportionally), - signX, signY, gestureScale = transform.gestureScale; - - if (forbidScaling) { - return false; - } - if (gestureScale) { - scaleX = transform.scaleX * gestureScale; - scaleY = transform.scaleY * gestureScale; - } - else { - newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); - // use of sign: We use sign to detect change of direction of an action. sign usually change when - // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling - // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily - // cross many time the origin point and flip the object. so we need a way to filter out the noise. - // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. - signX = by !== 'y' ? sign(newPoint.x) : 1; - signY = by !== 'x' ? sign(newPoint.y) : 1; - if (!transform.signX) { - transform.signX = signX; - } - if (!transform.signY) { - transform.signY = signY; - } - - if (target.lockScalingFlip && - (transform.signX !== signX || transform.signY !== signY) - ) { - return false; - } - - dim = target._getTransformedDimensions(); - // missing detection of flip and logic to switch the origin - if (scaleProportionally && !by) { - // uniform scaling - var distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), - original = transform.original, - originalDistance = Math.abs(dim.x * original.scaleX / target.scaleX) + - Math.abs(dim.y * original.scaleY / target.scaleY), - scale = distance / originalDistance; - scaleX = original.scaleX * scale; - scaleY = original.scaleY * scale; - } - else { - scaleX = Math.abs(newPoint.x * target.scaleX / dim.x); - scaleY = Math.abs(newPoint.y * target.scaleY / dim.y); - } - // if we are scaling by center, we need to double the scale - if (isTransformCentered(transform)) { - scaleX *= 2; - scaleY *= 2; - } - if (transform.signX !== signX && by !== 'y') { - transform.originX = opposite[transform.originX]; - scaleX *= -1; - transform.signX = signX; - } - if (transform.signY !== signY && by !== 'x') { - transform.originY = opposite[transform.originY]; - scaleY *= -1; - transform.signY = signY; - } - } - // minScale is taken are in the setter. - var oldScaleX = target.scaleX, oldScaleY = target.scaleY; - if (!by) { - !lockScalingX && target.set('scaleX', scaleX); - !lockScalingY && target.set('scaleY', scaleY); - } - else { - // forbidden cases already handled on top here. - by === 'x' && target.set('scaleX', scaleX); - by === 'y' && target.set('scaleY', scaleY); - } - return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; - } - - /** - * Generic scaling logic, to scale from corners either equally or freely. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scaleObjectFromCorner(eventData, transform, x, y) { - return scaleObject(eventData, transform, x, y); - } - - /** - * Scaling logic for the X axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scaleObjectX(eventData, transform, x, y) { - return scaleObject(eventData, transform, x, y , { by: 'x' }); - } - - /** - * Scaling logic for the Y axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scaleObjectY(eventData, transform, x, y) { - return scaleObject(eventData, transform, x, y , { by: 'y' }); - } - - /** - * Composed action handler to either scale Y or skew X - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scalingYOrSkewingX(eventData, transform, x, y) { - // ok some safety needed here. - if (eventData[transform.target.canvas.altActionKey]) { - return controls.skewHandlerX(eventData, transform, x, y); - } - return controls.scalingY(eventData, transform, x, y); - } - - /** - * Composed action handler to either scale X or skew Y - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scalingXOrSkewingY(eventData, transform, x, y) { - // ok some safety needed here. - if (eventData[transform.target.canvas.altActionKey]) { - return controls.skewHandlerY(eventData, transform, x, y); - } - return controls.scalingX(eventData, transform, x, y); - } - - /** - * Action handler to change textbox width - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function changeWidth(eventData, transform, x, y) { - var target = transform.target, localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), - strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), - multiplier = isTransformCentered(transform) ? 2 : 1, - oldWidth = target.width, - newWidth = Math.abs(localPoint.x * multiplier / target.scaleX) - strokePadding; - target.set('width', Math.max(newWidth, 0)); - return oldWidth !== newWidth; - } - - /** - * Action handler - * @private - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if the translation occurred - */ - function dragHandler(eventData, transform, x, y) { - var target = transform.target, - newLeft = x - transform.offsetX, - newTop = y - transform.offsetY, - moveX = !target.get('lockMovementX') && target.left !== newLeft, - moveY = !target.get('lockMovementY') && target.top !== newTop; - moveX && target.set('left', newLeft); - moveY && target.set('top', newTop); - if (moveX || moveY) { - fireEvent('moving', commonEventInfo(eventData, transform, x, y)); - } - return moveX || moveY; - } - - controls.scaleCursorStyleHandler = scaleCursorStyleHandler; - controls.skewCursorStyleHandler = skewCursorStyleHandler; - controls.scaleSkewCursorStyleHandler = scaleSkewCursorStyleHandler; - controls.rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotationWithSnapping)); - controls.scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor( scaleObjectFromCorner)); - controls.scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); - controls.scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); - controls.scalingYOrSkewingX = scalingYOrSkewingX; - controls.scalingXOrSkewingY = scalingXOrSkewingY; - controls.changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeWidth)); - controls.skewHandlerX = skewHandlerX; - controls.skewHandlerY = skewHandlerY; - controls.dragHandler = dragHandler; - controls.scaleOrSkewActionName = scaleOrSkewActionName; - controls.rotationStyleHandler = rotationStyleHandler; - controls.fireEvent = fireEvent; - controls.wrapWithFixedAnchor = wrapWithFixedAnchor; - controls.wrapWithFireEvent = wrapWithFireEvent; - controls.getLocalPoint = getLocalPoint; - fabric.controlsUtils = controls; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - degreesToRadians = fabric.util.degreesToRadians, - controls = fabric.controlsUtils; - - /** - * Render a round control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for fabric.Object controls style - * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls - */ - function renderCircleControl (ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, - ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, - transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? - styleOverride.transparentCorners : fabricObject.transparentCorners, - methodName = transparentCorners ? 'stroke' : 'fill', - stroke = !transparentCorners && (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), - myLeft = left, - myTop = top, size; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; - ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; - // as soon as fabric react v5, remove ie11, use proper ellipse code. - if (xSize > ySize) { - size = xSize; - ctx.scale(1.0, ySize / xSize); - myTop = top * xSize / ySize; - } - else if (ySize > xSize) { - size = ySize; - ctx.scale(xSize / ySize, 1.0); - myLeft = left * ySize / xSize; - } - else { - size = xSize; - } - // this is still wrong - ctx.lineWidth = 1; - ctx.beginPath(); - ctx.arc(myLeft, myTop, size / 2, 0, 2 * Math.PI, false); - ctx[methodName](); - if (stroke) { - ctx.stroke(); - } - ctx.restore(); - } - - /** - * Render a square control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for fabric.Object controls style - * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls - */ - function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, - ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, - transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? - styleOverride.transparentCorners : fabricObject.transparentCorners, - methodName = transparentCorners ? 'stroke' : 'fill', - stroke = !transparentCorners && ( - styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor - ), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; - ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; - // this is still wrong - ctx.lineWidth = 1; - ctx.translate(left, top); - ctx.rotate(degreesToRadians(fabricObject.angle)); - // this does not work, and fixed with ( && ) does not make sense. - // to have real transparent corners we need the controls on upperCanvas - // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - ctx[methodName + 'Rect'](-xSizeBy2, -ySizeBy2, xSize, ySize); - if (stroke) { - ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - } - ctx.restore(); - } - - controls.renderCircleControl = renderCircleControl; - controls.renderSquareControl = renderSquareControl; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - function Control(options) { - for (var i in options) { - this[i] = options[i]; - } - } - - fabric.Control = Control; - - fabric.Control.prototype = /** @lends fabric.Control.prototype */ { - /** - * keep track of control visibility. - * mainly for backward compatibility. - * if you do not want to see a control, you can remove it - * from the controlset. - * @type {Boolean} - * @default true + * Returns an object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance */ - visible: true, - - /** - * Name of the action that the control will likely execute. - * This is optional. FabricJS uses to identify what the user is doing for some - * extra optimizations. If you are writing a custom control and you want to know - * somewhere else in the code what is going on, you can use this string here. - * you can also provide a custom getActionName if your control run multiple actions - * depending on some external state. - * default to scale since is the most common, used on 4 corners by default - * @type {String} - * @default 'scale' - */ - actionName: 'scale', - + toObject(propertiesToInclude) { + const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, clipPathData = this.clipPath && !this.clipPath.excludeFromExport + ? Object.assign(Object.assign({}, this.clipPath.toObject(propertiesToInclude)), { inverted: this.clipPath.inverted, absolutePositioned: this.clipPath.absolutePositioned }) : null, object = Object.assign(Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, version: version, originX: this.originX, originY: this.originY, left: toFixed(this.left, NUM_FRACTION_DIGITS), top: toFixed(this.top, NUM_FRACTION_DIGITS), width: toFixed(this.width, NUM_FRACTION_DIGITS), height: toFixed(this.height, NUM_FRACTION_DIGITS), fill: this.fill && this.fill.toObject ? this.fill.toObject() : this.fill, stroke: this.stroke && this.stroke.toObject + ? this.stroke.toObject() + : this.stroke, strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), strokeDashArray: this.strokeDashArray + ? this.strokeDashArray.concat() + : this.strokeDashArray, strokeLineCap: this.strokeLineCap, strokeDashOffset: this.strokeDashOffset, strokeLineJoin: this.strokeLineJoin, strokeUniform: this.strokeUniform, strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), angle: toFixed(this.angle, NUM_FRACTION_DIGITS), flipX: this.flipX, flipY: this.flipY, opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), shadow: this.shadow && this.shadow.toObject + ? this.shadow.toObject() + : this.shadow, visible: this.visible, backgroundColor: this.backgroundColor, fillRule: this.fillRule, paintFirst: this.paintFirst, globalCompositeOperation: this.globalCompositeOperation, skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS) }), (clipPathData ? { clipPath: clipPathData } : null)); + return !this.includeDefaultValues + ? this._removeDefaultValues(object) + : object; + } /** - * Drawing angle of the control. - * NOT used for now, but name marked as needed for internal logic - * example: to reuse the same drawing function for different rotated controls - * @type {Number} - * @default 0 + * Returns (dataless) object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance */ - angle: 0, - + toDatalessObject(propertiesToInclude) { + // will be overwritten by subclasses + return this.toObject(propertiesToInclude); + } /** - * Relative position of the control. X - * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 + * @private + * @param {Object} object */ - x: 0, - + _removeDefaultValues(object) { + const prototype = fabric$1.util.getKlass(object.type).prototype; + Object.keys(object).forEach(function (prop) { + if (prop === 'left' || prop === 'top' || prop === 'type') { + return; + } + if (object[prop] === prototype[prop]) { + delete object[prop]; + } + // basically a check for [] === [] + if (Array.isArray(object[prop]) && + Array.isArray(prototype[prop]) && + object[prop].length === 0 && + prototype[prop].length === 0) { + delete object[prop]; + } + }); + return object; + } /** - * Relative position of the control. Y - * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 + * Returns a string representation of an instance + * @return {String} */ - y: 0, - - /** - * Horizontal offset of the control from the defined position. In pixels - * Positive offset moves the control to the right, negative to the left. - * It used when you want to have position of control that does not scale with - * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on - * the boundindbox, with an offset of 30 pixels vertically. Those 30 pixels will - * stay 30 pixels no matter how the object is big. Another example is having 2 - * controls in the corner, that stay in the same position when the object scale. - * of the bounding box. - * @type {Number} - * @default 0 - */ - offsetX: 0, - + toString() { + return '#'; + } /** - * Vertical offset of the control from the defined position. In pixels - * Positive offset moves the control to the bottom, negative to the top. - * @type {Number} - * @default 0 + * Return the object scale factor counting also the group scaling + * @return {Point} */ - offsetY: 0, - + getObjectScaling() { + // if the object is a top level one, on the canvas, we go for simple aritmetic + // otherwise the complex method with angles will return approximations and decimals + // and will likely kill the cache when not needed + // https://github.com/fabricjs/fabric.js/issues/7157 + if (!this.group) { + return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY)); + } + // if we are inside a group total zoom calculation is complex, we defer to generic matrices + const options = qrDecompose(this.calcTransformMatrix()); + return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY)); + } /** - * Sets the length of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null + * Return the object scale factor counting also the group scaling, zoom and retina + * @return {Object} object with scaleX and scaleY properties */ - sizeX: null, - + getTotalObjectScaling() { + const scale = this.getObjectScaling(); + if (this.canvas) { + const zoom = this.canvas.getZoom(); + const retina = this.canvas.getRetinaScaling(); + return scale.scalarMultiply(zoom * retina); + } + return scale; + } /** - * Sets the height of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null + * Return the object opacity counting also the group property + * @return {Number} */ - sizeY: null, - + getObjectOpacity() { + let opacity = this.opacity; + if (this.group) { + opacity *= this.group.getObjectOpacity(); + } + return opacity; + } /** - * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null + * Makes sure the scale is valid and modifies it if necessary + * @todo: this is a control action issue, not a geometry one + * @private + * @param {Number} value, unconstrained + * @return {Number} constrained value; */ - touchSizeX: null, - + _constrainScale(value) { + if (Math.abs(value) < this.minScaleLimit) { + if (value < 0) { + return -this.minScaleLimit; + } + else { + return this.minScaleLimit; + } + } + else if (value === 0) { + return 0.0001; + } + return value; + } /** - * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Object} thisArg */ - touchSizeY: null, - - /** - * Css cursor style to display when the control is hovered. - * if the method `cursorStyleHandler` is provided, this property is ignored. - * @type {String} - * @default 'crosshair' + _set(key, value) { + const shouldConstrainValue = key === 'scaleX' || key === 'scaleY', isChanged = this[key] !== value; + if (shouldConstrainValue) { + value = this._constrainScale(value); + } + if (key === 'scaleX' && value < 0) { + this.flipX = !this.flipX; + value *= -1; + } + else if (key === 'scaleY' && value < 0) { + this.flipY = !this.flipY; + value *= -1; + } + else if (key === 'shadow' && value && !(value instanceof fabric$1.Shadow)) { + value = new fabric$1.Shadow(value); + } + else if (key === 'dirty' && this.group) { + this.group.set('dirty', value); + } + this[key] = value; + if (isChanged) { + const groupNeedsUpdate = this.group && this.group.isOnACache(); + if (this.cacheProperties.indexOf(key) > -1) { + this.dirty = true; + groupNeedsUpdate && this.group.set('dirty', true); + } + else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { + this.group.set('dirty', true); + } + } + return this; + } + /* + * @private + * return if the object would be visible in rendering + * @memberOf FabricObject.prototype + * @return {Boolean} */ - cursorStyle: 'crosshair', - + isNotVisible() { + return (this.opacity === 0 || + (!this.width && !this.height && this.strokeWidth === 0) || + !this.visible); + } /** - * If controls has an offsetY or offsetX, draw a line that connects - * the control to the bounding box - * @type {Boolean} - * @default false + * Renders an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on */ - withConnection: false, - + render(ctx) { + // do not render if width/height are zeros or object is not visible + if (this.isNotVisible()) { + return; + } + if (this.canvas && + this.canvas.skipOffscreen && + !this.group && + !this.isOnScreen()) { + return; + } + ctx.save(); + this._setupCompositeOperation(ctx); + this.drawSelectionBackground(ctx); + this.transform(ctx); + this._setOpacity(ctx); + this._setShadow(ctx); + if (this.shouldCache()) { + this.renderCache(); + this.drawCacheOnCanvas(ctx); + } + else { + this._removeCacheCanvas(); + this.dirty = false; + this.drawObject(ctx); + if (this.objectCaching && this.statefullCache) { + this.saveState({ propertySet: 'cacheProperties' }); + } + } + ctx.restore(); + } + renderCache(options) { + options = options || {}; + if (!this._cacheCanvas || !this._cacheContext) { + this._createCacheCanvas(); + } + if (this.isCacheDirty() && this._cacheContext) { + this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); + this.drawObject(this._cacheContext, options.forClipping); + this.dirty = false; + } + } /** - * The control actionHandler, provide one to handle action ( control being moved ) - * @param {Event} eventData the native mouse event - * @param {Object} transformData properties of the current transform - * @param {Number} x x position of the cursor - * @param {Number} y y position of the cursor - * @return {Boolean} true if the action/event modified the object + * Remove cacheCanvas and its dimensions from the objects */ - actionHandler: function(/* eventData, transformData, x, y */) { }, - + _removeCacheCanvas() { + this._cacheCanvas = undefined; + this._cacheContext = null; + this.cacheWidth = 0; + this.cacheHeight = 0; + } /** - * The control handler for mouse down, provide one to handle mouse down on control - * @param {Event} eventData the native mouse event - * @param {Object} transformData properties of the current transform - * @param {Number} x x position of the cursor - * @param {Number} y y position of the cursor - * @return {Boolean} true if the action/event modified the object + * return true if the object will draw a stroke + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when stroke happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the stroke is invisible. + * @since 3.0.0 + * @returns Boolean */ - mouseDownHandler: function(/* eventData, transformData, x, y */) { }, - + hasStroke() { + return (this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0); + } /** - * The control mouseUpHandler, provide one to handle an effect on mouse up. - * @param {Event} eventData the native mouse event - * @param {Object} transformData properties of the current transform - * @param {Number} x x position of the cursor - * @param {Number} y y position of the cursor - * @return {Boolean} true if the action/event modified the object + * return true if the object will draw a fill + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when fill happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the fill is invisible. + * @since 3.0.0 + * @returns Boolean */ - mouseUpHandler: function(/* eventData, transformData, x, y */) { }, - + hasFill() { + return this.fill && this.fill !== 'transparent'; + } /** - * Returns control actionHandler - * @param {Event} eventData the native mouse event - * @param {fabric.Object} fabricObject on which the control is displayed - * @param {fabric.Control} control control for which the action handler is being asked - * @return {Function} the action handler + * When set to `true`, force the object to have its own cache, even if it is inside a group + * it may be needed when your object behave in a particular way on the cache and always needs + * its own isolated canvas to render correctly. + * Created to be overridden + * since 1.7.12 + * @returns Boolean */ - getActionHandler: function(/* eventData, fabricObject, control */) { - return this.actionHandler; - }, - + needsItsOwnCache() { + if (this.paintFirst === 'stroke' && + this.hasFill() && + this.hasStroke() && + typeof this.shadow === 'object') { + return true; + } + if (this.clipPath) { + return true; + } + return false; + } /** - * Returns control mouseDown handler - * @param {Event} eventData the native mouse event - * @param {fabric.Object} fabricObject on which the control is displayed - * @param {fabric.Control} control control for which the action handler is being asked - * @return {Function} the action handler + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * Read as: cache if is needed, or if the feature is enabled but we are not already caching. + * @return {Boolean} */ - getMouseDownHandler: function(/* eventData, fabricObject, control */) { - return this.mouseDownHandler; - }, - + shouldCache() { + this.ownCaching = + this.needsItsOwnCache() || + (this.objectCaching && (!this.group || !this.group.isOnACache())); + return this.ownCaching; + } /** - * Returns control mouseUp handler - * @param {Event} eventData the native mouse event - * @param {fabric.Object} fabricObject on which the control is displayed - * @param {fabric.Control} control control for which the action handler is being asked - * @return {Function} the action handler + * Check if this object or a child object will cast a shadow + * used by Group.shouldCache to know if child has a shadow recursively + * @return {Boolean} + * @deprecated */ - getMouseUpHandler: function(/* eventData, fabricObject, control */) { - return this.mouseUpHandler; - }, - + willDrawShadow() { + return (!!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)); + } /** - * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate - * function you can pass one in the constructor - * the cursorStyle property - * @param {Event} eventData the native mouse event - * @param {fabric.Control} control the current control ( likely this) - * @param {fabric.Object} object on which the control is displayed - * @return {String} - */ - cursorStyleHandler: function(eventData, control /* fabricObject */) { - return control.cursorStyle; - }, - - /** - * Returns the action name. The basic implementation just return the actionName property. - * @param {Event} eventData the native mouse event - * @param {fabric.Control} control the current control ( likely this) - * @param {fabric.Object} object on which the control is displayed - * @return {String} + * Execute the drawing operation for an object clipPath + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Object} clipPath + * todo while converting things, we need a type that is a union of classes that + * represent the fabricObjects. Rect, Circle... */ - getActionName: function(eventData, control /* fabricObject */) { - return control.actionName; - }, - + drawClipPathOnCache(ctx, clipPath) { + ctx.save(); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4 + if (clipPath.inverted) { + ctx.globalCompositeOperation = 'destination-out'; + } + else { + ctx.globalCompositeOperation = 'destination-in'; + } + //ctx.scale(1 / 2, 1 / 2); + if (clipPath.absolutePositioned) { + const m = fabric$1.util.invertTransform(this.calcTransformMatrix()); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + } + clipPath.transform(ctx); + ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); + ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); + ctx.restore(); + } /** - * Returns controls visibility - * @param {fabric.Object} object on which the control is displayed - * @param {String} controlKey key where the control is memorized on the - * @return {Boolean} + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {boolean} forClipping apply clipping styles */ - getVisibility: function(fabricObject, controlKey) { - var objectVisibility = fabricObject._controlsVisibility; - if (objectVisibility && typeof objectVisibility[controlKey] !== 'undefined') { - return objectVisibility[controlKey]; - } - return this.visible; - }, - + drawObject(ctx, forClipping) { + const originalFill = this.fill, originalStroke = this.stroke; + if (forClipping) { + this.fill = 'black'; + this.stroke = ''; + this._setClippingProperties(ctx); + } + else { + this._renderBackground(ctx); + } + this._render(ctx); + this._drawClipPath(ctx, this.clipPath); + this.fill = originalFill; + this.stroke = originalStroke; + } /** - * Sets controls visibility - * @param {Boolean} visibility for the object - * @return {Void} + * Prepare clipPath state and cache and draw it on instance's cache + * @param {CanvasRenderingContext2D} ctx + * @param {fabric.Object} clipPath */ - setVisibility: function(visibility /* name, fabricObject */) { - this.visible = visibility; - }, - - - positionHandler: function(dim, finalMatrix /*, fabricObject, currentControl */) { - var point = fabric.util.transformPoint({ - x: this.x * dim.x + this.offsetX, - y: this.y * dim.y + this.offsetY }, finalMatrix); - return point; - }, - + _drawClipPath(ctx, clipPath) { + if (!clipPath) { + return; + } + // needed to setup a couple of variables + // path canvas gets overridden with this one. + // TODO find a better solution? + clipPath._set('canvas', this.canvas); + clipPath.shouldCache(); + clipPath._transformDone = true; + clipPath.renderCache({ forClipping: true }); + this.drawClipPathOnCache(ctx, clipPath); + } /** - * Returns the coords for this control based on object values. - * @param {Number} objectAngle angle from the fabric object holding the control - * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if - * isTouch is true) - * @param {Number} centerX x coordinate where the control center should be - * @param {Number} centerY y coordinate where the control center should be - * @param {boolean} isTouch true if touch corner, false if normal corner + * Paint the cached copy of the object on the target context. + * @param {CanvasRenderingContext2D} ctx Context to render on */ - calcCornerCoords: function(objectAngle, objectCornerSize, centerX, centerY, isTouch) { - var cosHalfOffset, - sinHalfOffset, - cosHalfOffsetComp, - sinHalfOffsetComp, - xSize = (isTouch) ? this.touchSizeX : this.sizeX, - ySize = (isTouch) ? this.touchSizeY : this.sizeY; - if (xSize && ySize && xSize !== ySize) { - // handle rectangular corners - var controlTriangleAngle = Math.atan2(ySize, xSize); - var cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; - var newTheta = controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); - var newThetaComp = Math.PI / 2 - controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); - cosHalfOffset = cornerHypotenuse * fabric.util.cos(newTheta); - sinHalfOffset = cornerHypotenuse * fabric.util.sin(newTheta); - // use complementary angle for two corners - cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newThetaComp); - sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newThetaComp); - } - else { - // handle square corners - // use default object corner size unless size is defined - var cornerSize = (xSize && ySize) ? xSize : objectCornerSize; - /* 0.7071067812 stands for sqrt(2)/2 */ - cornerHypotenuse = cornerSize * 0.7071067812; - // complementary angles are equal since they're both 45 degrees - var newTheta = fabric.util.degreesToRadians(45 - objectAngle); - cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newTheta); - sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newTheta); - } - - return { - tl: { - x: centerX - sinHalfOffsetComp, - y: centerY - cosHalfOffsetComp, - }, - tr: { - x: centerX + cosHalfOffset, - y: centerY - sinHalfOffset, - }, - bl: { - x: centerX - cosHalfOffset, - y: centerY + sinHalfOffset, - }, - br: { - x: centerX + sinHalfOffsetComp, - y: centerY + cosHalfOffsetComp, - }, - }; - }, - + drawCacheOnCanvas(ctx) { + ctx.scale(1 / this.zoomX, 1 / this.zoomY); + ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); + } /** - * Render function for the control. - * When this function runs the context is unscaled. unrotate. Just retina scaled. - * all the functions will have to translate to the point left,top before starting Drawing - * if they want to draw a control where the position is detected. - * left and top are the result of the positionHandler function - * @param {RenderingContext2D} ctx the context where the control will be drawn - * @param {Number} left position of the canvas where we are about to render the control. - * @param {Number} top position of the canvas where we are about to render the control. - * @param {Object} styleOverride - * @param {fabric.Object} fabricObject the object where the control is about to be rendered - */ - render: function(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { - case 'circle': - fabric.controlsUtils.renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); - break; - default: - fabric.controlsUtils.renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); - } - }, - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - - /* _FROM_SVG_START_ */ - function getColorStop(el, multiplier) { - var style = el.getAttribute('style'), - offset = el.getAttribute('offset') || 0, - color, colorAlpha, opacity, i; - - // convert percents to absolute values - offset = parseFloat(offset) / (/%$/.test(offset) ? 100 : 1); - offset = offset < 0 ? 0 : offset > 1 ? 1 : offset; - if (style) { - var keyValuePairs = style.split(/\s*;\s*/); - - if (keyValuePairs[keyValuePairs.length - 1] === '') { - keyValuePairs.pop(); - } - - for (i = keyValuePairs.length; i--; ) { - - var split = keyValuePairs[i].split(/\s*:\s*/), - key = split[0].trim(), - value = split[1].trim(); - - if (key === 'stop-color') { - color = value; + * Check if cache is dirty + * @param {Boolean} skipCanvas skip canvas checks because this object is painted + * on parent canvas. + */ + isCacheDirty(skipCanvas = false) { + if (this.isNotVisible()) { + return false; } - else if (key === 'stop-opacity') { - opacity = value; + if (this._cacheCanvas && + this._cacheContext && + !skipCanvas && + this._updateCacheCanvas()) { + // in this case the context is already cleared. + return true; } - } - } - - if (!color) { - color = el.getAttribute('stop-color') || 'rgb(0,0,0)'; - } - if (!opacity) { - opacity = el.getAttribute('stop-opacity'); + else { + if (this.dirty || + (this.clipPath && this.clipPath.absolutePositioned) || + (this.statefullCache && this.hasStateChanged('cacheProperties'))) { + if (this._cacheCanvas && this._cacheContext && !skipCanvas) { + const width = this.cacheWidth / this.zoomX; + const height = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-width / 2, -height / 2, width, height); + } + return true; + } + } + return false; } - - color = new fabric.Color(color); - colorAlpha = color.getAlpha(); - opacity = isNaN(parseFloat(opacity)) ? 1 : parseFloat(opacity); - opacity *= colorAlpha * multiplier; - - return { - offset: offset, - color: color.toRgb(), - opacity: opacity - }; - } - - function getLinearCoords(el) { - return { - x1: el.getAttribute('x1') || 0, - y1: el.getAttribute('y1') || 0, - x2: el.getAttribute('x2') || '100%', - y2: el.getAttribute('y2') || 0 - }; - } - - function getRadialCoords(el) { - return { - x1: el.getAttribute('fx') || el.getAttribute('cx') || '50%', - y1: el.getAttribute('fy') || el.getAttribute('cy') || '50%', - r1: 0, - x2: el.getAttribute('cx') || '50%', - y2: el.getAttribute('cy') || '50%', - r2: el.getAttribute('r') || '50%' - }; - } - /* _FROM_SVG_END_ */ - - var clone = fabric.util.object.clone; - - /** - * Gradient class - * @class fabric.Gradient - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} - * @see {@link fabric.Gradient#initialize} for constructor definition - */ - fabric.Gradient = fabric.util.createClass(/** @lends fabric.Gradient.prototype */ { - /** - * Horizontal offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 + * Draws a background for the object big as its untransformed dimensions + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - offsetX: 0, - + _renderBackground(ctx) { + if (!this.backgroundColor) { + return; + } + const dim = this._getNonTransformedDimensions(); + ctx.fillStyle = this.backgroundColor; + ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y); + // if there is background color no other shadows + // should be casted + this._removeShadow(ctx); + } /** - * Vertical offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - offsetY: 0, - + _setOpacity(ctx) { + if (this.group && !this.group._transformDone) { + ctx.globalAlpha = this.getObjectOpacity(); + } + else { + ctx.globalAlpha *= this.opacity; + } + } + _setStrokeStyles(ctx, decl) { + const stroke = decl.stroke; + if (stroke) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = decl.strokeLineCap; + ctx.lineDashOffset = decl.strokeDashOffset; + ctx.lineJoin = decl.strokeLineJoin; + ctx.miterLimit = decl.strokeMiterLimit; + if (stroke.toLive) { + if (stroke.gradientUnits === 'percentage' || + stroke.gradientTransform || + stroke.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + this._applyPatternForTransformedGradient(ctx, stroke); + } + else { + // is a simple gradient or pattern + ctx.strokeStyle = stroke.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, stroke); + } + } + else { + // is a color + ctx.strokeStyle = decl.stroke; + } + } + } + _setFillStyles(ctx, decl) { + const fill = decl.fill; + if (fill) { + if (fill.toLive) { + ctx.fillStyle = fill.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, decl.fill); + } + else { + ctx.fillStyle = fill; + } + } + } + _setClippingProperties(ctx) { + ctx.globalAlpha = 1; + ctx.strokeStyle = 'transparent'; + ctx.fillStyle = '#000000'; + } /** - * 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 + * @private + * Sets line dash + * @param {CanvasRenderingContext2D} ctx Context to set the dash line on + * @param {Array} dashArray array representing dashes */ - gradientTransform: null, - + _setLineDash(ctx, dashArray) { + if (!dashArray || dashArray.length === 0) { + return; + } + // Spec requires the concatenation of two copies the dash list when the number of elements is odd + if (1 & dashArray.length) { + dashArray.push.apply(dashArray, dashArray); + } + ctx.setLineDash(dashArray); + } /** - * 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 String - * @default 'pixels' + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - gradientUnits: 'pixels', - + _setShadow(ctx) { + if (!this.shadow) { + return; + } + let shadow = this.shadow, canvas = this.canvas, multX = (canvas && canvas.viewportTransform[0]) || 1, multY = (canvas && canvas.viewportTransform[3]) || 1, scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling(); + if (canvas && canvas._isRetinaScaling()) { + multX *= config.devicePixelRatio; + multY *= config.devicePixelRatio; + } + ctx.shadowColor = shadow.color; + ctx.shadowBlur = + (shadow.blur * + config.browserShadowBlurConstant * + (multX + multY) * + (scaling.x + scaling.y)) / + 4; + ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x; + ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y; + } /** - * Gradient type linear or radial - * @type String - * @default 'pixels' + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - type: 'linear', - - /** - * Constructor - * @param {Object} options Options object with type, coords, gradientUnits and colorStops - * @param {Object} [options.type] gradient type linear or radial - * @param {Object} [options.gradientUnits] gradient units - * @param {Object} [options.offsetX] SVG import compatibility - * @param {Object} [options.offsetY] SVG import compatibility - * @param {Object[]} options.colorStops contains the colorstops. - * @param {Object} options.coords contains the coords of the gradient - * @param {Number} [options.coords.x1] X coordiante of the first point for linear or of the focal point for radial - * @param {Number} [options.coords.y1] Y coordiante of the first point for linear or of the focal point for radial - * @param {Number} [options.coords.x2] X coordiante of the second point for linear or of the center point for radial - * @param {Number} [options.coords.y2] Y coordiante of the second point for linear or of the center point for radial - * @param {Number} [options.coords.r1] only for radial gradient, radius of the inner circle - * @param {Number} [options.coords.r2] only for radial gradient, radius of the external circle - * @return {fabric.Gradient} thisArg - */ - initialize: function(options) { - options || (options = { }); - options.coords || (options.coords = { }); - - var coords, _this = this; - - // sets everything, then coords and colorstops get sets again - Object.keys(options).forEach(function(option) { - _this[option] = options[option]; - }); - - if (this.id) { - this.id += '_' + fabric.Object.__uid++; - } - else { - this.id = fabric.Object.__uid++; - } - - coords = { - x1: options.coords.x1 || 0, - y1: options.coords.y1 || 0, - x2: options.coords.x2 || 0, - y2: options.coords.y2 || 0 - }; - - if (this.type === 'radial') { - coords.r1 = options.coords.r1 || 0; - coords.r2 = options.coords.r2 || 0; - } - - this.coords = coords; - this.colorStops = options.colorStops.slice(); - }, - - /** - * Adds another colorStop - * @param {Object} colorStop Object with offset and color - * @return {fabric.Gradient} thisArg - */ - addColorStop: function(colorStops) { - for (var position in colorStops) { - var color = new fabric.Color(colorStops[position]); - this.colorStops.push({ - offset: parseFloat(position), - color: color.toRgb(), - opacity: color.getAlpha() - }); - } - return this; - }, - - /** - * Returns object representation of a gradient - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} - */ - toObject: function(propertiesToInclude) { - var object = { - type: this.type, - coords: this.coords, - colorStops: this.colorStops, - offsetX: this.offsetX, - offsetY: this.offsetY, - gradientUnits: this.gradientUnits, - gradientTransform: this.gradientTransform ? this.gradientTransform.concat() : this.gradientTransform - }; - fabric.util.populateWithProperties(this, object, propertiesToInclude); - - return object; - }, - - /* _TO_SVG_START_ */ + _removeShadow(ctx) { + if (!this.shadow) { + return; + } + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + } /** - * Returns SVG representation of an gradient - * @param {Object} object Object to create a gradient for - * @return {String} SVG representation of an gradient (linear/radial) + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} filler fabric.Pattern or fabric.Gradient + * @return {Object} offset.offsetX offset for text rendering + * @return {Object} offset.offsetY offset for text rendering */ - toSVG: function(object, options) { - var coords = clone(this.coords, true), i, len, options = options || {}, - markup, commonAttributes, colorStops = clone(this.colorStops, true), - needsSwap = coords.r1 > coords.r2, - transform = this.gradientTransform ? this.gradientTransform.concat() : fabric.iMatrix.concat(), - offsetX = -this.offsetX, offsetY = -this.offsetY, - withViewport = !!options.additionalTransform, - gradientUnits = this.gradientUnits === 'pixels' ? 'userSpaceOnUse' : 'objectBoundingBox'; - // colorStops must be sorted ascending - colorStops.sort(function(a, b) { - return a.offset - b.offset; - }); - - if (gradientUnits === 'objectBoundingBox') { - offsetX /= object.width; - offsetY /= object.height; - } - else { - offsetX += object.width / 2; - offsetY += object.height / 2; - } - if (object.type === 'path' && this.gradientUnits !== 'percentage') { - offsetX -= object.pathOffset.x; - offsetY -= object.pathOffset.y; - } - - - transform[4] -= offsetX; - transform[5] -= offsetY; - - commonAttributes = 'id="SVGID_' + this.id + - '" gradientUnits="' + gradientUnits + '"'; - commonAttributes += ' gradientTransform="' + (withViewport ? - options.additionalTransform + ' ' : '') + fabric.util.matrixToSVG(transform) + '" '; - - if (this.type === 'linear') { - markup = [ - '\n' - ]; - } - else if (this.type === 'radial') { - // svg radial gradient has just 1 radius. the biggest. - markup = [ - '\n' - ]; - } - - if (this.type === 'radial') { - if (needsSwap) { - // svg goes from internal to external radius. if radius are inverted, swap color stops. - colorStops = colorStops.concat(); - colorStops.reverse(); - for (i = 0, len = colorStops.length; i < len; i++) { - colorStops[i].offset = 1 - colorStops[i].offset; - } - } - var minRadius = Math.min(coords.r1, coords.r2); - if (minRadius > 0) { - // i have to shift all colorStops and add new one in 0. - var maxRadius = Math.max(coords.r1, coords.r2), - percentageShift = minRadius / maxRadius; - for (i = 0, len = colorStops.length; i < len; i++) { - colorStops[i].offset += percentageShift * (1 - colorStops[i].offset); - } - } - } - - for (i = 0, len = colorStops.length; i < len; i++) { - var colorStop = colorStops[i]; - markup.push( - '\n' - ); - } - - markup.push((this.type === 'linear' ? '\n' : '\n')); - - return markup.join(''); - }, - /* _TO_SVG_END_ */ - + _applyPatternGradientTransform(ctx, filler) { + if (!filler || !filler.toLive) { + return { offsetX: 0, offsetY: 0 }; + } + const t = filler.gradientTransform || filler.patternTransform; + const offsetX = -this.width / 2 + filler.offsetX || 0, offsetY = -this.height / 2 + filler.offsetY || 0; + if (filler.gradientUnits === 'percentage') { + ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); + } + else { + ctx.transform(1, 0, 0, 1, offsetX, offsetY); + } + if (t) { + ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); + } + return { offsetX: offsetX, offsetY: offsetY }; + } /** - * Returns an instance of CanvasGradient + * @private * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {CanvasGradient} */ - toLive: function(ctx) { - var gradient, coords = fabric.util.object.clone(this.coords), i, len; - - if (!this.type) { - return; - } - - if (this.type === 'linear') { - gradient = ctx.createLinearGradient( - coords.x1, coords.y1, coords.x2, coords.y2); - } - else if (this.type === 'radial') { - gradient = ctx.createRadialGradient( - coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); - } - - for (i = 0, len = this.colorStops.length; i < len; i++) { - var color = this.colorStops[i].color, - opacity = this.colorStops[i].opacity, - offset = this.colorStops[i].offset; - - if (typeof opacity !== 'undefined') { - color = new fabric.Color(color).setAlpha(opacity).toRgba(); + _renderPaintInOrder(ctx) { + if (this.paintFirst === 'stroke') { + this._renderStroke(ctx); + this._renderFill(ctx); + } + else { + this._renderFill(ctx); + this._renderStroke(ctx); } - gradient.addColorStop(offset, color); - } - - return gradient; } - }); - - fabric.util.object.extend(fabric.Gradient, { - - /* _FROM_SVG_START_ */ /** - * Returns {@link fabric.Gradient} instance from an SVG element - * @static - * @memberOf fabric.Gradient - * @param {SVGGradientElement} el SVG gradient element - * @param {fabric.Object} instance - * @param {String} opacityAttr A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity. - * @param {Object} svgOptions an object containing the size of the SVG in order to parse correctly gradients - * that uses gradientUnits as 'userSpaceOnUse' and percentages. - * @param {Object.number} viewBoxWidth width part of the viewBox attribute on svg - * @param {Object.number} viewBoxHeight height part of the viewBox attribute on svg - * @param {Object.number} width width part of the svg tag if viewBox is not specified - * @param {Object.number} height height part of the svg tag if viewBox is not specified - * @return {fabric.Gradient} Gradient instance - * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement - * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement + * @private + * function that actually render something on the context. + * empty here to allow Obects to work on tests to benchmark fabric functionalites + * not related to rendering + * @param {CanvasRenderingContext2D} ctx Context to render on */ - fromElement: function(el, instance, opacityAttr, svgOptions) { - /** - * @example: - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * - */ - - var multiplier = parseFloat(opacityAttr) / (/%$/.test(opacityAttr) ? 100 : 1); - multiplier = multiplier < 0 ? 0 : multiplier > 1 ? 1 : multiplier; - if (isNaN(multiplier)) { - multiplier = 1; - } - - var colorStopEls = el.getElementsByTagName('stop'), - type, - gradientUnits = el.getAttribute('gradientUnits') === 'userSpaceOnUse' ? - 'pixels' : 'percentage', - gradientTransform = el.getAttribute('gradientTransform') || '', - colorStops = [], - coords, i, offsetX = 0, offsetY = 0, - transformMatrix; - if (el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT') { - type = 'linear'; - coords = getLinearCoords(el); - } - else { - type = 'radial'; - coords = getRadialCoords(el); - } - - for (i = colorStopEls.length; i--; ) { - colorStops.push(getColorStop(colorStopEls[i], multiplier)); - } - - transformMatrix = fabric.parseTransformAttribute(gradientTransform); - - __convertPercentUnitsToValues(instance, coords, svgOptions, gradientUnits); - - if (gradientUnits === 'pixels') { - offsetX = -instance.left; - offsetY = -instance.top; - } - - var gradient = new fabric.Gradient({ - id: el.getAttribute('id'), - type: type, - coords: coords, - colorStops: colorStops, - gradientUnits: gradientUnits, - gradientTransform: transformMatrix, - offsetX: offsetX, - offsetY: offsetY, - }); - - return gradient; + _render(ctx) { + // placeholder to be overridden } - /* _FROM_SVG_END_ */ - }); - - /** - * @private - */ - function __convertPercentUnitsToValues(instance, options, svgOptions, gradientUnits) { - var propValue, finalValue; - Object.keys(options).forEach(function(prop) { - propValue = options[prop]; - if (propValue === 'Infinity') { - finalValue = 1; - } - else if (propValue === '-Infinity') { - finalValue = 0; - } - else { - finalValue = parseFloat(options[prop], 10); - if (typeof propValue === 'string' && /^(\d+\.\d+)%|(\d+)%$/.test(propValue)) { - finalValue *= 0.01; - if (gradientUnits === 'pixels') { - // then we need to fix those percentages here in svg parsing - if (prop === 'x1' || prop === 'x2' || prop === 'r2') { - finalValue *= svgOptions.viewBoxWidth || svgOptions.width; - } - if (prop === 'y1' || prop === 'y2') { - finalValue *= svgOptions.viewBoxHeight || svgOptions.height; - } - } - } - } - options[prop] = finalValue; - }); - } -})(); - - -(function() { - - 'use strict'; - - var toFixed = fabric.util.toFixed; - - /** - * Pattern class - * @class fabric.Pattern - * @see {@link http://fabricjs.com/patterns|Pattern demo} - * @see {@link http://fabricjs.com/dynamic-patterns|DynamicPattern demo} - * @see {@link fabric.Pattern#initialize} for constructor definition - */ - - - fabric.Pattern = fabric.util.createClass(/** @lends fabric.Pattern.prototype */ { - /** - * Repeat property of a pattern (one of repeat, repeat-x, repeat-y or no-repeat) - * @type String - * @default + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - repeat: 'repeat', - + _renderFill(ctx) { + if (!this.fill) { + return; + } + ctx.save(); + this._setFillStyles(ctx, this); + if (this.fillRule === 'evenodd') { + ctx.fill('evenodd'); + } + else { + ctx.fill(); + } + ctx.restore(); + } /** - * Pattern horizontal offset from object's left/top corner - * @type Number - * @default + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - offsetX: 0, - + _renderStroke(ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + ctx.save(); + if (this.strokeUniform) { + const scaling = this.getObjectScaling(); + ctx.scale(1 / scaling.x, 1 / scaling.y); + } + this._setLineDash(ctx, this.strokeDashArray); + this._setStrokeStyles(ctx, this); + ctx.stroke(); + ctx.restore(); + } /** - * Pattern vertical offset from object's left/top corner - * @type Number - * @default + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Gradient} filler a fabric gradient instance */ - offsetY: 0, - + _applyPatternForTransformedGradient(ctx, filler) { + const dims = this._limitCacheSize(this._getCacheCanvasDimensions()), pCanvas = fabric$1.util.createCanvasElement(), retinaScaling = this.canvas.getRetinaScaling(), width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; + pCanvas.width = width; + pCanvas.height = height; + const pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); + pCtx.moveTo(0, 0); + pCtx.lineTo(width, 0); + pCtx.lineTo(width, height); + pCtx.lineTo(0, height); + pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.scale(dims.zoomX / this.scaleX / retinaScaling, dims.zoomY / this.scaleY / retinaScaling); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fillStyle = filler.toLive(ctx); + pCtx.fill(); + ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); + ctx.scale((retinaScaling * this.scaleX) / dims.zoomX, (retinaScaling * this.scaleY) / dims.zoomY); + ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); + } /** - * crossOrigin value (one of "", "anonymous", "use-credentials") - * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes - * @type String - * @default + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates */ - crossOrigin: '', - + _findCenterFromElement() { + return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; + } /** - * transform matrix to change the pattern, imported from svgs. - * @type Array - * @default + * This function is an helper for svg import. it decompose the transformMatrix + * and assign properties to object. + * untransformed coordinates + * @todo move away in the svg import stuff. + * @private */ - patternTransform: null, - + _assignTransformMatrixProps() { + if (this.transformMatrix) { + const options = qrDecompose(this.transformMatrix); + this.flipX = false; + this.flipY = false; + this.set('scaleX', options.scaleX); + this.set('scaleY', options.scaleY); + this.angle = options.angle; + this.skewX = options.skewX; + this.skewY = 0; + } + } /** - * Constructor - * @param {Object} [options] Options object - * @param {Function} [callback] function to invoke after callback init. - * @return {fabric.Pattern} thisArg + * This function is an helper for svg import. it removes the transform matrix + * and set to object properties that fabricjs can handle + * @todo move away in the svg import stuff. + * @private + * @param {Object} preserveAspectRatioOptions */ - initialize: function(options, callback) { - options || (options = { }); - - this.id = fabric.Object.__uid++; - this.setOptions(options); - if (!options.source || (options.source && typeof options.source !== 'string')) { - callback && callback(this); - return; - } - else { - // img src string - var _this = this; - this.source = fabric.util.createImage(); - fabric.util.loadImage(options.source, function(img, isError) { - _this.source = img; - callback && callback(_this, isError); - }, null, this.crossOrigin); - } - }, - + _removeTransformMatrix(preserveAspectRatioOptions) { + let center = this._findCenterFromElement(); + if (this.transformMatrix) { + this._assignTransformMatrixProps(); + center = transformPoint(center, this.transformMatrix); + } + this.transformMatrix = null; + if (preserveAspectRatioOptions) { + this.scaleX *= preserveAspectRatioOptions.scaleX; + this.scaleY *= preserveAspectRatioOptions.scaleY; + this.cropX = preserveAspectRatioOptions.cropX; + this.cropY = preserveAspectRatioOptions.cropY; + center.x += preserveAspectRatioOptions.offsetLeft; + center.y += preserveAspectRatioOptions.offsetTop; + this.width = preserveAspectRatioOptions.width; + this.height = preserveAspectRatioOptions.height; + } + this.setPositionByOrigin(center, 'center', 'center'); + } /** - * Returns object representation of a pattern + * Clones an instance. * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of a pattern instance + * @returns {Promise} */ - toObject: function(propertiesToInclude) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, - source, object; - - // element - if (typeof this.source.src === 'string') { - source = this.source.src; - } - // element - else if (typeof this.source === 'object' && this.source.toDataURL) { - source = this.source.toDataURL(); - } - - object = { - type: 'pattern', - source: source, - repeat: this.repeat, - crossOrigin: this.crossOrigin, - offsetX: toFixed(this.offsetX, NUM_FRACTION_DIGITS), - offsetY: toFixed(this.offsetY, NUM_FRACTION_DIGITS), - patternTransform: this.patternTransform ? this.patternTransform.concat() : null - }; - fabric.util.populateWithProperties(this, object, propertiesToInclude); - - return object; - }, - - /* _TO_SVG_START_ */ + clone(propertiesToInclude) { + const objectForm = this.toObject(propertiesToInclude); + // todo ok understand this. is static or it isn't? + return this.constructor.fromObject(objectForm); + } /** - * Returns SVG representation of a pattern - * @param {fabric.Object} object - * @return {String} SVG representation of a pattern - */ - toSVG: function(object) { - var patternSource = typeof this.source === 'function' ? this.source() : this.source, - patternWidth = patternSource.width / object.width, - patternHeight = patternSource.height / object.height, - patternOffsetX = this.offsetX / object.width, - patternOffsetY = this.offsetY / object.height, - patternImgSrc = ''; - if (this.repeat === 'repeat-x' || this.repeat === 'no-repeat') { - patternHeight = 1; - if (patternOffsetY) { - patternHeight += Math.abs(patternOffsetY); - } - } - if (this.repeat === 'repeat-y' || this.repeat === 'no-repeat') { - patternWidth = 1; - if (patternOffsetX) { - patternWidth += Math.abs(patternOffsetX); - } - - } - if (patternSource.src) { - patternImgSrc = patternSource.src; - } - else if (patternSource.toDataURL) { - patternImgSrc = patternSource.toDataURL(); - } - - return '\n' + - '\n' + - '\n'; - }, - /* _TO_SVG_END_ */ - - setOptions: function(options) { - for (var prop in options) { - this[prop] = options[prop]; - } - }, - + * Creates an instance of fabric.Image out of an object + * makes use of toCanvasElement. + * Once this method was based on toDataUrl and loadImage, so it also had a quality + * and format option. toCanvasElement is faster and produce no loss of quality. + * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. + * toCanvasElement and then toBlob from the obtained canvas is also a good option. + * @param {Object} [options] for clone as image, passed to toDataURL + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {fabric.Image} Object cloned as image. + */ + cloneAsImage(options) { + const canvasEl = this.toCanvasElement(options); + return new fabric$1.Image(canvasEl); + } /** - * Returns an instance of CanvasPattern - * @param {CanvasRenderingContext2D} ctx Context to create pattern - * @return {CanvasPattern} + * Converts an object into a HTMLCanvas element + * @param {Object} options Options object + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object */ - toLive: function(ctx) { - var source = this.source; - // if the image failed to load, return, and allow rest to continue loading - if (!source) { - return ''; - } - - // if an image - if (typeof source.src !== 'undefined') { - if (!source.complete) { - return ''; + toCanvasElement(options) { + options || (options = {}); + const utils = fabric$1.util, origParams = utils.saveObjectTransform(this), originalGroup = this.group, originalShadow = this.shadow, abs = Math.abs, retinaScaling = options.enableRetinaScaling + ? Math.max(config.devicePixelRatio, 1) + : 1, multiplier = (options.multiplier || 1) * retinaScaling; + delete this.group; + if (options.withoutTransform) { + utils.resetObjectTransform(this); + } + if (options.withoutShadow) { + this.shadow = null; + } + let el = fabric$1.util.createCanvasElement(), + // skip canvas zoom and calculate with setCoords now. + boundingRect = this.getBoundingRect(true, true), shadow = this.shadow, shadowOffset = { x: 0, y: 0 }, width, height; + if (shadow) { + const shadowBlur = shadow.blur; + const scaling = shadow.nonScaling + ? new Point(1, 1) + : this.getObjectScaling(); + // consider non scaling shadow. + shadowOffset.x = + 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x); + shadowOffset.y = + 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y); + } + width = boundingRect.width + shadowOffset.x; + height = boundingRect.height + shadowOffset.y; + // if the current width/height is not an integer + // we need to make it so. + el.width = Math.ceil(width); + el.height = Math.ceil(height); + let canvas = new fabric$1.StaticCanvas(el, { + enableRetinaScaling: false, + renderOnAddRemove: false, + skipOffscreen: false, + }); + if (options.format === 'jpeg') { + canvas.backgroundColor = '#fff'; } - if (source.naturalWidth === 0 || source.naturalHeight === 0) { - return ''; + this.setPositionByOrigin(new Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); + const originalCanvas = this.canvas; + canvas._objects = [this]; + this.set('canvas', canvas); + this.setCoords(); + const canvasEl = canvas.toCanvasElement(multiplier || 1, options); + this.set('canvas', originalCanvas); + this.shadow = originalShadow; + if (originalGroup) { + this.group = originalGroup; } - } - return ctx.createPattern(source, this.repeat); + this.set(origParams); + this.setCoords(); + // canvas.dispose will call image.dispose that will nullify the elements + // since this canvas is a simple element for the process, we remove references + // to objects in this way in order to avoid object trashing. + canvas._objects = []; + // since render has settled it is safe to destroy canvas + canvas.destroy(); + canvas = null; + return canvasEl; } - }); -})(); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - toFixed = fabric.util.toFixed; - - if (fabric.Shadow) { - fabric.warn('fabric.Shadow is already defined.'); - return; - } - - /** - * Shadow class - * @class fabric.Shadow - * @see {@link http://fabricjs.com/shadows|Shadow demo} - * @see {@link fabric.Shadow#initialize} for constructor definition - */ - fabric.Shadow = fabric.util.createClass(/** @lends fabric.Shadow.prototype */ { - /** - * Shadow color - * @type String - * @default + * Converts an object into a data-url-like string + * @param {Object} options Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format */ - color: 'rgb(0,0,0)', - + toDataURL(options = {}) { + return fabric$1.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); + } /** - * Shadow blur - * @type Number + * Returns true if specified type is identical to the type of an instance + * @param {String} type Type to check against + * @return {Boolean} */ - blur: 0, - + isType(...types) { + return types.includes(this.type); + } /** - * Shadow horizontal offset - * @type Number - * @default + * Returns complexity of an instance + * @return {Number} complexity of this instance (is 1 unless subclassed) */ - offsetX: 0, - + complexity() { + return 1; + } /** - * Shadow vertical offset - * @type Number - * @default + * Returns a JSON representation of an instance + * @return {Object} JSON */ - offsetY: 0, - + toJSON() { + // delegate, not alias + return this.toObject(); + } /** - * Whether the shadow should affect stroke operations - * @type Boolean - * @default + * Sets "angle" of an instance with centered rotation + * @param {Number} angle Angle value (in degrees) + * @return {fabric.Object} thisArg + * @chainable */ - affectStroke: false, - + rotate(angle) { + const shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && + this.centeredRotation; + if (shouldCenterOrigin) { + this._setOriginToCenter(); + } + this.set('angle', angle); + if (shouldCenterOrigin) { + this._resetOrigin(); + } + return this; + } /** - * Indicates whether toObject should include default values - * @type Boolean - * @default + * Centers object horizontally on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - includeDefaultValues: true, - + centerH() { + this.canvas && this.canvas.centerObjectH(this); + return this; + } /** - * When `false`, the shadow will scale with the object. - * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. - * default to false - * @type Boolean - * @default + * Centers object horizontally on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - nonScaling: false, - + viewportCenterH() { + this.canvas && this.canvas.viewportCenterObjectH(this); + return this; + } /** - * Constructor - * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") - * @return {fabric.Shadow} thisArg + * Centers object vertically on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - initialize: function(options) { - - if (typeof options === 'string') { - options = this._parseShadow(options); - } - - for (var prop in options) { - this[prop] = options[prop]; - } - - this.id = fabric.Object.__uid++; - }, - + centerV() { + this.canvas && this.canvas.centerObjectV(this); + return this; + } /** - * @private - * @param {String} shadow Shadow value to parse - * @return {Object} Shadow object with color, offsetX, offsetY and blur + * Centers object vertically on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - _parseShadow: function(shadow) { - var shadowStr = shadow.trim(), - offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], - color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || 'rgb(0,0,0)'; - - return { - color: color.trim(), - offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, - offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, - blur: parseFloat(offsetsAndBlur[3], 10) || 0 - }; - }, - + viewportCenterV() { + this.canvas && this.canvas.viewportCenterObjectV(this); + return this; + } /** - * Returns a string representation of an instance - * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow - * @return {String} Returns CSS3 text-shadow declaration + * Centers object vertically and horizontally on canvas to which is was added last + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - toString: function() { - return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); - }, - - /* _TO_SVG_START_ */ + center() { + this.canvas && this.canvas.centerObject(this); + return this; + } /** - * Returns SVG representation of a shadow - * @param {fabric.Object} object - * @return {String} SVG representation of a shadow + * Centers object on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - toSVG: function(object) { - var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, - offset = fabric.util.rotateVector( - { x: this.offsetX, y: this.offsetY }, - fabric.util.degreesToRadians(-object.angle)), - BLUR_BOX = 20, color = new fabric.Color(this.color); - - if (object.width && object.height) { - //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion - // we add some extra space to filter box to contain the blur ( 20 ) - fBoxX = toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; - fBoxY = toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; - } - if (object.flipX) { - offset.x *= -1; - } - if (object.flipY) { - offset.y *= -1; - } - - return ( - '\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\t\n' + - '\t\t\n' + - '\t\n' + - '\n'); - }, - /* _TO_SVG_END_ */ - + viewportCenter() { + this.canvas && this.canvas.viewportCenterObject(this); + return this; + } /** - * Returns object representation of a shadow - * @return {Object} Object representation of a shadow instance + * This callback function is called by the parent group of an object every + * time a non-delegated property changes on the group. It is passed the key + * and value as parameters. Not adding in this function's signature to avoid + * Travis build error about unused variables. */ - toObject: function() { - if (this.includeDefaultValues) { - return { - color: this.color, - blur: this.blur, - offsetX: this.offsetX, - offsetY: this.offsetY, - affectStroke: this.affectStroke, - nonScaling: this.nonScaling - }; - } - var obj = { }, proto = fabric.Shadow.prototype; - - ['color', 'blur', 'offsetX', 'offsetY', 'affectStroke', 'nonScaling'].forEach(function(prop) { - if (this[prop] !== proto[prop]) { - obj[prop] = this[prop]; - } - }, this); - - return obj; + setOnGroup() { + // implemented by sub-classes, as needed. } - }); - - /** - * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") - * @static - * @field - * @memberOf fabric.Shadow - */ - // eslint-disable-next-line max-len - fabric.Shadow.reOffsetsAndBlur = /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function () { - - 'use strict'; - - if (fabric.StaticCanvas) { - fabric.warn('fabric.StaticCanvas is already defined.'); - return; - } - - // aliases for faster resolution - var extend = fabric.util.object.extend, - getElementOffset = fabric.util.getElementOffset, - removeFromArray = fabric.util.removeFromArray, - toFixed = fabric.util.toFixed, - transformPoint = fabric.util.transformPoint, - invertTransform = fabric.util.invertTransform, - getNodeCanvas = fabric.util.getNodeCanvas, - createCanvasElement = fabric.util.createCanvasElement, - - CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); - - /** - * Static canvas class - * @class fabric.StaticCanvas - * @mixes fabric.Collection - * @mixes fabric.Observable - * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} - * @see {@link fabric.StaticCanvas#initialize} for constructor definition - * @fires before:render - * @fires after:render - * @fires canvas:cleared - * @fires object:added - * @fires object:removed - */ - fabric.StaticCanvas = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.StaticCanvas.prototype */ { - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg + * Sets canvas globalCompositeOperation for specific object + * custom composition operation for the particular object can be specified using globalCompositeOperation property + * @param {CanvasRenderingContext2D} ctx Rendering canvas context */ - initialize: function(el, options) { - options || (options = { }); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - }, - + _setupCompositeOperation(ctx) { + if (this.globalCompositeOperation) { + ctx.globalCompositeOperation = this.globalCompositeOperation; + } + } /** - * Background color of canvas instance. - * Should be set via {@link fabric.StaticCanvas#setBackgroundColor}. - * @type {(String|fabric.Pattern)} - * @default + * cancel instance's running animations + * override if necessary to dispose artifacts such as `clipPath` */ - backgroundColor: '', - + dispose() { + // todo verify this. + // runningAnimations is always truthy + if (runningAnimations) { + runningAnimations.cancelByTarget(this); + } + } /** - * Background image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as background, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default - */ - backgroundImage: null, - + * + * @param {Function} klass + * @param {object} object + * @param {object} [options] + * @param {string} [options.extraParam] property to pass as first argument to the constructor + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + static _fromObject(klass, object, _a = {}) { + var { extraParam } = _a, options = __rest(_a, ["extraParam"]); + return enlivenObjectEnlivables(clone(object, true), options).then((enlivedMap) => { + // from the resulting enlived options, extract options.extraParam to arg0 + // to avoid accidental overrides later + const _a = Object.assign(Object.assign({}, options), enlivedMap), _b = extraParam, arg0 = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]); + return extraParam ? new klass(arg0, rest) : new klass(rest); + }); + } /** - * Overlay color of canvas instance. - * Should be set via {@link fabric.StaticCanvas#setOverlayColor} - * @since 1.3.9 - * @type {(String|fabric.Pattern)} - * @default + * + * @static + * @memberOf fabric.Object + * @param {object} object + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} */ - overlayColor: '', + static fromObject(object, options) { + return FabricObject._fromObject(FabricObject, object, options); + } +} +/** + * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness + * @static + * @memberOf fabric.Object + * @type Number + */ +FabricObject.__uid = 0; +const fabricObjectDefaultValues = { + type: 'object', + originX: 'left', + originY: 'top', + top: 0, + left: 0, + width: 0, + height: 0, + scaleX: 1, + scaleY: 1, + flipX: false, + flipY: false, + opacity: 1, + angle: 0, + skewX: 0, + skewY: 0, + cornerSize: 13, + touchCornerSize: 24, + transparentCorners: true, + hoverCursor: null, + moveCursor: null, + padding: 0, + borderColor: 'rgb(178,204,255)', + borderDashArray: null, + cornerColor: 'rgb(178,204,255)', + cornerStrokeColor: '', + cornerStyle: 'rect', + cornerDashArray: null, + centeredScaling: false, + centeredRotation: true, + fill: 'rgb(0,0,0)', + fillRule: 'nonzero', + globalCompositeOperation: 'source-over', + backgroundColor: '', + selectionBackgroundColor: '', + stroke: null, + strokeWidth: 1, + strokeDashArray: null, + strokeDashOffset: 0, + strokeLineCap: 'butt', + strokeLineJoin: 'miter', + strokeMiterLimit: 4, + shadow: null, + borderOpacityWhenMoving: 0.4, + borderScaleFactor: 1, + minScaleLimit: 0, + selectable: true, + evented: true, + visible: true, + hasControls: true, + hasBorders: true, + perPixelTargetFind: false, + includeDefaultValues: true, + lockMovementX: false, + lockMovementY: false, + lockRotation: false, + lockScalingX: false, + lockScalingY: false, + lockSkewingX: false, + lockSkewingY: false, + lockScalingFlip: false, + excludeFromExport: false, + objectCaching: !fabric$1.isLikelyNode, + statefullCache: false, + noScaleCache: true, + strokeUniform: false, + dirty: true, + __corner: 0, + paintFirst: 'fill', + activeOn: 'down', + stateProperties: ('top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + + 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + + 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + + 'skewX skewY fillRule paintFirst clipPath strokeUniform').split(' '), + cacheProperties: ('fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + + ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath').split(' '), + colorProperties: 'fill stroke backgroundColor'.split(' '), + clipPath: undefined, + inverted: false, + absolutePositioned: false, + controls: {}, +}; +Object.assign(FabricObject.prototype, fabricObjectDefaultValues); +class InteractiveFabricObject extends FabricObject { /** - * Overlay image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as overlay, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default + * Constructor + * @param {Object} [options] Options object */ - overlayImage: null, - - /** - * Indicates whether toObject/toDatalessObject should include default values - * if set to false, takes precedence over the object value. - * @type Boolean - * @default + constructor(options) { + super(options); + /** + * Describe object's corner position in canvas element coordinates. + * properties are depending on control keys and padding the main controls. + * each property is an object with x, y and corner. + * The `corner` property contains in a similar manner the 4 points of the + * interactive area of the corner. + * The coordinates depends from the controls positionHandler and are used + * to draw and locate controls + * @memberOf fabric.Object.prototype + */ + this.oCoords = {}; + } + /** + * Temporary compatibility issue with old classes + * @param {Object} [options] Options object */ - includeDefaultValues: true, - + initialize(options) { + if (options) { + this.setOptions(options); + } + } /** - * Indicates whether objects' state should be saved - * @type Boolean - * @default + * Determines which corner has been clicked + * @private + * @param {Object} pointer The pointer indicating the mouse position + * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action + * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found */ - stateful: false, - + _findTargetCorner(pointer, forTouch) { + if (!this.hasControls || + !this.canvas || + this.canvas._activeObject !== this) { + return false; + } + this.__corner = 0; + // had to keep the reverse loop because was breaking tests + const cornerEntries = Object.entries(this.oCoords); + for (let i = cornerEntries.length - 1; i >= 0; i--) { + const [cornerKey, corner] = cornerEntries[i]; + if (!this.isControlVisible(cornerKey)) { + continue; + } + const lines = this._getImageLines(forTouch ? corner.touchCorner : corner.corner); + const xPoints = this._findCrossPoints(pointer, lines); + if (xPoints !== 0 && xPoints % 2 === 1) { + this.__corner = cornerKey; + return cornerKey; + } + // // debugging + // + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + } + return false; + } /** - * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove}, - * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. - * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once - * since the renders are quequed and executed one per frame. - * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) - * Left default to true to do not break documentation and old app, fiddles. - * @type Boolean - * @default + * Calculates the coordinates of the center of each control plus the corners of the control itself + * This basically just delegates to each control positionHandler + * WARNING: changing what is passed to positionHandler is a breaking change, since position handler + * is a public api and should be done just if extremely necessary + * @return {Record} */ - renderOnAddRemove: true, - + calcOCoords() { + const vpt = this.getViewportTransform(), center = this.getCenterPoint(), tMatrix = [1, 0, 0, 1, center.x, center.y], rMatrix = calcRotateMatrix({ + angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0), + }), positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix), startMatrix = multiplyTransformMatrices(vpt, positionMatrix), finalMatrix = multiplyTransformMatrices(startMatrix, [ + 1 / vpt[0], + 0, + 0, + 1 / vpt[3], + 0, + 0, + ]), transformOptions = this.group + ? qrDecompose(this.calcTransformMatrix()) + : undefined, dim = this._calculateCurrentDimensions(transformOptions), coords = {}; + this.forEachControl((control, key, fabricObject) => { + coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); + }); + // debug code + /* + const canvas = this.canvas; + setTimeout(function () { + if (!canvas) return; + canvas.contextTop.clearRect(0, 0, 700, 700); + canvas.contextTop.fillStyle = 'green'; + Object.keys(coords).forEach(function(key) { + const control = coords[key]; + canvas.contextTop.fillRect(control.x, control.y, 3, 3); + }); + } 50); + */ + return coords; + } /** - * Indicates whether object controls (borders/controls) are rendered above overlay image - * @type Boolean - * @default + * Sets corner and controls position coordinates based on current angle, width and height, left and top. + * oCoords are used to find the corners + * aCoords are used to quickly find an object on the canvas + * lineCoords are used to quickly find object during pointer events. + * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} + * @return {void} */ - controlsAboveOverlay: false, - + setCoords() { + if (this.callSuper) { + ObjectGeometry.prototype.setCoords.call(this); + } + else { + super.setCoords(); + } + // set coordinates of the draggable boxes in the corners used to scale/rotate the image + this.oCoords = this.calcOCoords(); + this._setCornerCoords(); + } /** - * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas - * @type Boolean - * @default + * Calls a function for each control. The function gets called, + * with the control, the control's key and the object that is calling the iterator + * @param {Function} fn function to iterate over the controls over */ - allowTouchScrolling: false, - + forEachControl(fn) { + for (const i in this.controls) { + fn(this.controls[i], i, this); + } + } /** - * Indicates whether this canvas will use image smoothing, this is on by default in browsers - * @type Boolean - * @default + * Sets the coordinates that determine the interaction area of each control + * note: if we would switch to ROUND corner area, all of this would disappear. + * everything would resolve to a single point and a pythagorean theorem for the distance + * @todo evaluate simplification of code switching to circle interaction area at runtime + * @private */ - imageSmoothingEnabled: true, - + _setCornerCoords() { + Object.entries(this.oCoords).forEach(([controlKey, control]) => { + const controlObject = this.controls[controlKey]; + control.corner = controlObject.calcCornerCoords(this.angle, this.cornerSize, control.x, control.y, false); + control.touchCorner = controlObject.calcCornerCoords(this.angle, this.touchCornerSize, control.x, control.y, true); + }); + } /** - * The transformation (a Canvas 2D API transform matrix) which focuses the viewport - * @type Array - * @example Default transform - * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; - * @example Scale by 70% and translate toward bottom-right by 50, without skewing - * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; - * @default + * Draws a colored layer behind the object, inside its selection borders. + * Requires public options: padding, selectionBackgroundColor + * this function is called when the context is transformed + * has checks to be skipped when the object is on a staticCanvas + * @todo evaluate if make this disappear in favor of a pre-render hook for objects + * this was added by Andrea Bogazzi to make possible some feature for work reasons + * it seemed a good option, now is an edge case + * @param {CanvasRenderingContext2D} ctx Context to draw on */ - viewportTransform: fabric.iMatrix.concat(), - + drawSelectionBackground(ctx) { + if (!this.selectionBackgroundColor || + (this.canvas && !this.canvas.interactive) || + (this.canvas && this.canvas._activeObject !== this)) { + return; + } + ctx.save(); + const center = this.getRelativeCenterPoint(), wh = this._calculateCurrentDimensions(), vpt = this.getViewportTransform(); + ctx.translate(center.x, center.y); + ctx.scale(1 / vpt[0], 1 / vpt[3]); + ctx.rotate(degreesToRadians(this.angle)); + ctx.fillStyle = this.selectionBackgroundColor; + ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); + ctx.restore(); + } /** - * if set to false background image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default + * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style. + * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center + * @param {Point} size the control box size used */ - backgroundVpt: true, - + strokeBorders(ctx, size) { + ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y); + } /** - * if set to false overlya image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default + * @private + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Point} size + * @param {Object} styleOverride object to override the object style */ - overlayVpt: true, - + _drawBorders(ctx, size, styleOverride = {}) { + const options = Object.assign({ hasControls: this.hasControls, borderColor: this.borderColor, borderDashArray: this.borderDashArray }, styleOverride); + ctx.save(); + ctx.strokeStyle = options.borderColor; + this._setLineDash(ctx, options.borderDashArray); + this.strokeBorders(ctx, size); + options.hasControls && this.drawControlsConnectingLines(ctx, size); + ctx.restore(); + } /** - * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens - * @type Boolean - * @default + * Renders controls and borders for the object + * the context here is not transformed + * @todo move to interactivity + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style */ - enableRetinaScaling: true, - + _renderControls(ctx, styleOverride = {}) { + const { hasBorders, hasControls } = this; + const styleOptions = Object.assign({ hasBorders, + hasControls }, styleOverride); + const vpt = this.getViewportTransform(), shouldDrawBorders = styleOptions.hasBorders, shouldDrawControls = styleOptions.hasControls; + const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix()); + const options = qrDecompose(matrix); + ctx.save(); + ctx.translate(options.translateX, options.translateY); + ctx.lineWidth = 1 * this.borderScaleFactor; + if (!this.group) { + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + } + if (this.flipX) { + options.angle -= 180; + } + ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); + shouldDrawBorders && this.drawBorders(ctx, options, styleOverride); + shouldDrawControls && this.drawControls(ctx, styleOverride); + ctx.restore(); + } /** - * Describe canvas element extension over design - * properties are tl,tr,bl,br. - * if canvas is not zoomed/panned those points are the four corner of canvas - * if canvas is viewportTransformed you those points indicate the extension - * of canvas element in plain untrasformed coordinates - * The coordinates get updated with @method calcViewportBoundaries. - * @memberOf fabric.StaticCanvas.prototype - */ - vptCoords: { }, - + * Draws borders of an object's bounding box. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {object} options object representing current object parameters + * @param {Object} [styleOverride] object to override the object style + */ + drawBorders(ctx, options, styleOverride) { + let size; + if ((styleOverride && styleOverride.forActiveSelection) || this.group) { + const bbox = sizeAfterTransform(this.width, this.height, options), stroke = (this.strokeUniform + ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1) + : // this is extremely confusing. options comes from the upper function + // and is the qrDecompose of a matrix that takes in account zoom too + new Point(options.scaleX, options.scaleY)).scalarMultiply(this.strokeWidth); + size = bbox.add(stroke).scalarAdd(this.borderScaleFactor); + } + else { + size = this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor); + } + this._drawBorders(ctx, size, styleOverride); + } /** - * Based on vptCoords and object.aCoords, skip rendering of objects that - * are not included in current viewport. - * May greatly help in applications with crowded canvas and use of zoom/pan - * If One of the corner of the bounding box of the object is on the canvas - * the objects get rendered. - * @memberOf fabric.StaticCanvas.prototype - * @type Boolean - * @default + * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Point} size object size x = width, y = height */ - skipOffscreen: true, - + drawControlsConnectingLines(ctx, size) { + let shouldStroke = false; + ctx.beginPath(); + this.forEachControl(function (control, key, fabricObject) { + // in this moment, the ctx is centered on the object. + // width and height of the above function are the size of the bbox. + if (control.withConnection && control.getVisibility(fabricObject, key)) { + // reset movement for each control + shouldStroke = true; + ctx.moveTo(control.x * size.x, control.y * size.y); + ctx.lineTo(control.x * size.x + control.offsetX, control.y * size.y + control.offsetY); + } + }); + shouldStroke && ctx.stroke(); + } /** - * a fabricObject that, without stroke define a clipping area with their shape. filled in black - * the clipPath object gets used when the canvas has rendered, and the context is placed in the - * top left corner of the canvas. - * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true - * @type fabric.Object + * Draws corners of an object's bounding box. + * Requires public properties: width, height + * Requires public options: cornerSize, padding + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Object} styleOverride object to override the object style */ - clipPath: undefined, - + drawControls(ctx, styleOverride = {}) { + ctx.save(); + const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1; + const { cornerStrokeColor, cornerDashArray, cornerColor } = this; + const options = Object.assign({ cornerStrokeColor, + cornerDashArray, + cornerColor }, styleOverride); + ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); + ctx.strokeStyle = ctx.fillStyle = options.cornerColor; + if (!this.transparentCorners) { + ctx.strokeStyle = options.cornerStrokeColor; + } + this._setLineDash(ctx, options.cornerDashArray); + this.setCoords(); + this.forEachControl(function (control, key, fabricObject) { + if (control.getVisibility(fabricObject, key)) { + const p = fabricObject.oCoords[key]; + control.render(ctx, p.x, p.y, options, fabricObject); + } + }); + ctx.restore(); + } /** - * @private - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object + * Returns true if the specified control is visible, false otherwise. + * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr', + * but since the control api allow for any control name, can be any string. + * @returns {boolean} true if the specified control is visible, false otherwise */ - _initStatic: function(el, options) { - var cb = this.requestRenderAllBound; - this._objects = []; - this._createLowerCanvas(el); - this._initOptions(options); - // only initialize retina scaling once - if (!this.interactive) { - this._initRetinaScaling(); - } - - if (options.overlayImage) { - this.setOverlayImage(options.overlayImage, cb); - } - if (options.backgroundImage) { - this.setBackgroundImage(options.backgroundImage, cb); - } - if (options.backgroundColor) { - this.setBackgroundColor(options.backgroundColor, cb); - } - if (options.overlayColor) { - this.setOverlayColor(options.overlayColor, cb); - } - this.calcOffset(); - }, - + isControlVisible(controlKey) { + return (this.controls[controlKey] && + this.controls[controlKey].getVisibility(this, controlKey)); + } /** - * @private + * Sets the visibility of the specified control. + * please do not use. + * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. + * but since the control api allow for any control name, can be any string. + * @param {Boolean} visible true to set the specified control visible, false otherwise + * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details */ - _isRetinaScaling: function() { - return (fabric.devicePixelRatio > 1 && this.enableRetinaScaling); - }, - + setControlVisible(controlKey, visible) { + if (!this._controlsVisibility) { + this._controlsVisibility = {}; + } + this._controlsVisibility[controlKey] = visible; + } /** - * @private - * @return {Number} retinaScaling if applied, otherwise 1; + * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible; + * @param {Record} [options] with an optional key per control + * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it */ - getRetinaScaling: function() { - return this._isRetinaScaling() ? Math.max(1, fabric.devicePixelRatio) : 1; - }, - + setControlsVisibility(options = {}) { + Object.entries(options).forEach(([controlKey, visibility]) => this.setControlVisible(controlKey, visibility)); + } /** - * @private + * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box + * that is in the canvas.contextContainer. + * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object. + * Example: blinking cursror text selection, drag effects. + * @todo discuss swapping restoreManually with a renderCallback, but think of async issues + * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else. + * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed + * with the object transformMatrix, or restored to neutral transform */ - _initRetinaScaling: function() { - if (!this._isRetinaScaling()) { - return; - } - var scaleRatio = fabric.devicePixelRatio; - this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); - if (this.upperCanvasEl) { - this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); - } - }, - - __initRetinaScaling: function(scaleRatio, canvas, context) { - canvas.setAttribute('width', this.width * scaleRatio); - canvas.setAttribute('height', this.height * scaleRatio); - context.scale(scaleRatio, scaleRatio); - }, - - + clearContextTop(restoreManually) { + if (!this.canvas) { + return; + } + const ctx = this.canvas.contextTop; + if (!ctx) { + return; + } + const v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this.transform(ctx); + // we add 4 pixel, to be sure to do not leave any pixel out + const width = this.width + 4, height = this.height + 4; + ctx.clearRect(-width / 2, -height / 2, width, height); + restoreManually || ctx.restore(); + return ctx; + } /** - * Calculates canvas element offset relative to the document - * This method is also attached as "resize" event handler of window - * @return {fabric.Canvas} instance - * @chainable + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to deselect this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event */ - calcOffset: function () { - this._offset = getElementOffset(this.lowerCanvasEl); - return this; - }, - + onDeselect(options) { + // implemented by sub-classes, as needed. + } /** - * Sets {@link fabric.StaticCanvas#overlayImage|overlay image} for this canvas - * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set overlay to - * @param {Function} callback callback to invoke when image is loaded and set as an overlay - * @param {Object} [options] Optional options to set for the {@link fabric.Image|overlay image}. - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/fabricjs/MnzHT/|jsFiddle demo} - * @example Normal overlayImage with left/top = 0 - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * // Needed to position overlayImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example overlayImage with different properties - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top' - * }); - * @example Stretched overlayImage #1 - width/height correspond to canvas width/height - * fabric.Image.fromURL('http://fabricjs.com/assets/jail_cell_bars.png', function(img, isError) { - * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); - * canvas.setOverlayImage(img, canvas.renderAll.bind(canvas)); - * }); - * @example Stretched overlayImage #2 - width/height correspond to canvas width/height - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * width: canvas.width, - * height: canvas.height, - * // Needed to position overlayImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example overlayImage loaded from cross-origin - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top', - * crossOrigin: 'anonymous' - * }); + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to select this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event */ - setOverlayImage: function (image, callback, options) { - return this.__setBgOverlayImage('overlayImage', image, callback, options); - }, - + onSelect(options) { + // implemented by sub-classes, as needed. + } /** - * Sets {@link fabric.StaticCanvas#backgroundImage|background image} for this canvas - * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set background to - * @param {Function} callback Callback to invoke when image is loaded and set as background - * @param {Object} [options] Optional options to set for the {@link fabric.Image|background image}. - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/djnr8o7a/28/|jsFiddle demo} - * @example Normal backgroundImage with left/top = 0 - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * // Needed to position backgroundImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example backgroundImage with different properties - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top' - * }); - * @example Stretched backgroundImage #1 - width/height correspond to canvas width/height - * fabric.Image.fromURL('http://fabricjs.com/assets/honey_im_subtle.png', function(img, isError) { - * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); - * canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas)); - * }); - * @example Stretched backgroundImage #2 - width/height correspond to canvas width/height - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * width: canvas.width, - * height: canvas.height, - * // Needed to position backgroundImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example backgroundImage loaded from cross-origin - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top', - * crossOrigin: 'anonymous' - * }); + * Override to customize drag and drop behavior + * return true if the object currently dragged can be dropped on the target + * @public + * @param {DragEvent} e + * @returns {boolean} */ - // TODO: fix stretched examples - setBackgroundImage: function (image, callback, options) { - return this.__setBgOverlayImage('backgroundImage', image, callback, options); - }, - - /** - * Sets {@link fabric.StaticCanvas#overlayColor|foreground color} for this canvas - * @param {(String|fabric.Pattern)} overlayColor Color or pattern to set foreground color to - * @param {Function} callback Callback to invoke when foreground color is set - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/fabricjs/pB55h/|jsFiddle demo} - * @example Normal overlayColor - color value - * canvas.setOverlayColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as overlayColor - * canvas.setOverlayColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png' - * }, canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as overlayColor with repeat and offset - * canvas.setOverlayColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png', - * repeat: 'repeat', - * offsetX: 200, - * offsetY: 100 - * }, canvas.renderAll.bind(canvas)); - */ - setOverlayColor: function(overlayColor, callback) { - return this.__setBgOverlayColor('overlayColor', overlayColor, callback); - }, - - /** - * Sets {@link fabric.StaticCanvas#backgroundColor|background color} for this canvas - * @param {(String|fabric.Pattern)} backgroundColor Color or pattern to set background color to - * @param {Function} callback Callback to invoke when background color is set - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/fabricjs/hXzvk/|jsFiddle demo} - * @example Normal backgroundColor - color value - * canvas.setBackgroundColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as backgroundColor - * canvas.setBackgroundColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png' - * }, canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as backgroundColor with repeat and offset - * canvas.setBackgroundColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png', - * repeat: 'repeat', - * offsetX: 200, - * offsetY: 100 - * }, canvas.renderAll.bind(canvas)); - */ - setBackgroundColor: function(backgroundColor, callback) { - return this.__setBgOverlayColor('backgroundColor', backgroundColor, callback); - }, - - /** - * @private - * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundImage|backgroundImage} - * or {@link fabric.StaticCanvas#overlayImage|overlayImage}) - * @param {(fabric.Image|String|null)} image fabric.Image instance, URL of an image or null to set background or overlay to - * @param {Function} callback Callback to invoke when image is loaded and set as background or overlay. The first argument is the created image, the second argument is a flag indicating whether an error occurred or not. - * @param {Object} [options] Optional options to set for the {@link fabric.Image|image}. - */ - __setBgOverlayImage: function(property, image, callback, options) { - if (typeof image === 'string') { - fabric.util.loadImage(image, function(img, isError) { - if (img) { - var instance = new fabric.Image(img, options); - this[property] = instance; - instance.canvas = this; - } - callback && callback(img, isError); - }, this, options && options.crossOrigin); - } - else { - options && image.setOptions(options); - this[property] = image; - image && (image.canvas = this); - callback && callback(image, false); - } - - return this; - }, - - /** - * @private - * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundColor|backgroundColor} - * or {@link fabric.StaticCanvas#overlayColor|overlayColor}) - * @param {(Object|String|null)} color Object with pattern information, color value or null - * @param {Function} [callback] Callback is invoked when color is set - */ - __setBgOverlayColor: function(property, color, callback) { - this[property] = color; - this._initGradient(color, property); - this._initPattern(color, property, callback); - return this; - }, - + canDrop(e) { + return false; + } /** - * @private + * Override to customize drag and drop behavior + * render a specific effect when an object is the source of a drag event + * example: render the selection status for the part of text that is being dragged from a text object + * @public + * @param {DragEvent} e + * @returns {boolean} */ - _createCanvasElement: function() { - var element = createCanvasElement(); - if (!element) { - throw CANVAS_INIT_ERROR; - } - if (!element.style) { - element.style = { }; - } - if (typeof element.getContext === 'undefined') { - throw CANVAS_INIT_ERROR; - } - return element; - }, - + renderDragSourceEffect() { + // for subclasses + } /** - * @private - * @param {Object} [options] Options object + * Override to customize drag and drop behavior + * render a specific effect when an object is the target of a drag event + * used to show that the underly object can receive a drop, or to show how the + * object will change when dropping. example: show the cursor where the text is about to be dropped + * @public + * @param {DragEvent} e + * @returns {boolean} */ - _initOptions: function (options) { - var lowerCanvasEl = this.lowerCanvasEl; - this._setOptions(options); + renderDropTargetEffect(e) { + // for subclasses + } +} - this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; - this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; +(function (global) { + const fabric = global.fabric; + fabric.Object = InteractiveFabricObject; +})(typeof exports !== 'undefined' ? exports : window); - if (!this.lowerCanvasEl.style) { +//@ts-nocheck +/** + * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback + * @static + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @param {Function} callback Callback to call when parsing is finished; + * It's being passed an array of elements (parsed from a document). + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [parsingOptions] options for parsing document + * @param {String} [parsingOptions.crossOrigin] crossOrigin settings + * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + */ +function parseSVGDocument(doc, callback, reviver, parsingOptions) { + if (!doc) { + return; + } + if (parsingOptions && + parsingOptions.signal && + parsingOptions.signal.aborted) { + throw new Error('`options.signal` is in `aborted` state'); + } + parseUseDirectives(doc); + let svgUid = InteractiveFabricObject.__uid++, i, len, options = applyViewboxTransform(doc), descendants = Array.from(doc.getElementsByTagName('*')); + options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; + options.svgUid = svgUid; + options.signal = parsingOptions && parsingOptions.signal; + if (descendants.length === 0 && isLikelyNode) { + // we're likely in node, where "o3-xml" library fails to gEBTN("*") + // https://github.com/ajaxorg/node-o3-xml/issues/21 + descendants = doc.selectNodes('//*[name(.)!="svg"]'); + const arr = []; + for (i = 0, len = descendants.length; i < len; i++) { + arr[i] = descendants[i]; + } + descendants = arr; + } + const elements = descendants.filter(function (el) { + applyViewboxTransform(el); + return (svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && + !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)); // http://www.w3.org/TR/SVG/struct.html#DefsElement + }); + if (!elements || (elements && !elements.length)) { + callback && callback([], {}); return; - } + } + const localClipPaths = {}; + descendants + .filter(function (el) { + return el.nodeName.replace('svg:', '') === 'clipPath'; + }) + .forEach(function (el) { + const id = el.getAttribute('id'); + localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(function (el) { + return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); + }); + }); + gradientDefs[svgUid] = getGradientDefs(doc); + cssRules[svgUid] = getCSSRules(doc); + clipPaths[svgUid] = localClipPaths; + // Precedence of rules: style > class > attribute + parseElements(elements, function (instances, elements) { + if (callback) { + callback(instances, options, elements, descendants); + delete gradientDefs[svgUid]; + delete cssRules[svgUid]; + delete clipPaths[svgUid]; + } + }, Object.assign({}, options), reviver, parsingOptions); +} - lowerCanvasEl.width = this.width; - lowerCanvasEl.height = this.height; +//@ts-nocheck +/** + * Takes string corresponding to an SVG document, and parses it into a set of fabric objects + * @memberOf fabric + * @param {String} string + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + */ +function loadSVGFromString(string, callback, reviver, options) { + const parser = new fabric$1.window.DOMParser(), doc = parser.parseFromString(string.trim(), 'text/xml'); + parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { + callback(results, _options, elements, allElements); + }, reviver, options); +} - lowerCanvasEl.style.width = this.width + 'px'; - lowerCanvasEl.style.height = this.height + 'px'; - - this.viewportTransform = this.viewportTransform.slice(); - }, +//@ts-nocheck +/** + * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. + * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) + * @memberOf fabric + * @param {String} url + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + */ +function loadSVGFromURL(url, callback, reviver, options) { + new request(url.replace(/^\n\s*/, '').trim(), { + method: 'get', + onComplete: onComplete, + signal: options && options.signal, + }); + function onComplete(r) { + const xml = r.responseXML; + if (!xml || !xml.documentElement) { + callback && callback(null); + return false; + } + parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { + callback && callback(results, _options, elements, allElements); + }, reviver, options); + } +} - /** - * Creates a bottom canvas - * @private - * @param {HTMLElement} [canvasEl] - */ - _createLowerCanvas: function (canvasEl) { - // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node - if (canvasEl && canvasEl.getContext) { - this.lowerCanvasEl = canvasEl; - } - else { - this.lowerCanvasEl = fabric.util.getById(canvasEl) || this._createCanvasElement(); - } +//@ts-nocheck +function selectorMatches(element, selector) { + let nodeName = element.nodeName, classNames = element.getAttribute('class'), id = element.getAttribute('id'), matcher, i; + // i check if a selector matches slicing away part from it. + // if i get empty string i should match + matcher = new RegExp('^' + nodeName, 'i'); + selector = selector.replace(matcher, ''); + if (id && selector.length) { + matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); + } + if (classNames && selector.length) { + classNames = classNames.split(' '); + for (i = classNames.length; i--;) { + matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); + } + } + return selector.length === 0; +} - fabric.util.addClass(this.lowerCanvasEl, 'lower-canvas'); - this._originalCanvasStyle = this.lowerCanvasEl.style; - if (this.interactive) { - this._applyCanvasStyle(this.lowerCanvasEl); - } +//@ts-nocheck +function doesSomeParentMatch(element, selectors) { + let selector, parentMatching = true; + while (element.parentNode && + element.parentNode.nodeType === 1 && + selectors.length) { + if (parentMatching) { + selector = selectors.pop(); + } + element = element.parentNode; + parentMatching = selectorMatches(element, selector); + } + return selectors.length === 0; +} - this.contextContainer = this.lowerCanvasEl.getContext('2d'); - }, +//@ts-nocheck +/** + * @private + */ +function elementMatchesRule(element, selectors) { + let firstMatching, parentMatching = true; + //start from rightmost selector. + firstMatching = selectorMatches(element, selectors.pop()); + if (firstMatching && selectors.length) { + parentMatching = doesSomeParentMatch(element, selectors); + } + return firstMatching && parentMatching && selectors.length === 0; +} - /** - * Returns canvas width (in px) - * @return {Number} - */ - getWidth: function () { - return this.width; - }, +//@ts-nocheck +/** + * @private + */ +function getGlobalStylesForElement(element, svgUid) { + const styles = {}; + for (const rule in cssRules[svgUid]) { + if (elementMatchesRule(element, rule.split(' '))) { + for (const property in cssRules[svgUid][rule]) { + styles[property] = cssRules[svgUid][rule][property]; + } + } + } + return styles; +} - /** - * Returns canvas height (in px) - * @return {Number} - */ - getHeight: function () { - return this.height; - }, +//@ts-nocheck +function normalizeAttr(attr) { + // transform attribute names + if (attr in attributesMap) { + return attributesMap[attr]; + } + return attr; +} - /** - * Sets width of this canvas instance - * @param {Number|String} value Value to set width to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setWidth: function (value, options) { - return this.setDimensions({ width: value }, options); - }, +//@ts-nocheck +function rotateMatrix(matrix, args) { + const cosValue = cos(args[0]), sinValue = sin(args[0]); + let x = 0, y = 0; + if (args.length === 3) { + x = args[1]; + y = args[2]; + } + matrix[0] = cosValue; + matrix[1] = sinValue; + matrix[2] = -sinValue; + matrix[3] = cosValue; + matrix[4] = x - (cosValue * x - sinValue * y); + matrix[5] = y - (sinValue * x + cosValue * y); +} - /** - * Sets height of this canvas instance - * @param {Number|String} value Value to set height to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setHeight: function (value, options) { - return this.setDimensions({ height: value }, options); - }, +//@ts-nocheck +function scaleMatrix(matrix, args) { + const multiplierX = args[0], multiplierY = args.length === 2 ? args[1] : args[0]; + matrix[0] = multiplierX; + matrix[3] = multiplierY; +} - /** - * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) - * @param {Object} dimensions Object with width/height properties - * @param {Number|String} [dimensions.width] Width of canvas element - * @param {Number|String} [dimensions.height] Height of canvas element - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} thisArg - * @chainable - */ - setDimensions: function (dimensions, options) { - var cssValue; +//@ts-nocheck +function skewMatrix(matrix, args, pos) { + matrix[pos] = Math.tan(degreesToRadians(args[0])); +} - options = options || {}; +//@ts-nocheck +function translateMatrix(matrix, args) { + matrix[4] = args[0]; + if (args.length === 2) { + matrix[5] = args[1]; + } +} - for (var prop in dimensions) { - cssValue = dimensions[prop]; +//@ts-nocheck +// == begin transform regexp +const number = reNum, skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', rotate = '(?:(rotate)\\s*\\(\\s*(' + + number + + ')(?:' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + '))?\\s*\\))', scale = '(?:(scale)\\s*\\(\\s*(' + + number + + ')(?:' + + commaWsp + + '(' + + number + + '))?\\s*\\))', translate = '(?:(translate)\\s*\\(\\s*(' + + number + + ')(?:' + + commaWsp + + '(' + + number + + '))?\\s*\\))', matrix = '(?:(matrix)\\s*\\(\\s*' + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + '\\s*\\))', transform = '(?:' + + matrix + + '|' + + translate + + '|' + + scale + + '|' + + rotate + + '|' + + skewX + + '|' + + skewY + + ')', transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', transformList = '^\\s*(?:' + transforms + '?)\\s*$', +// http://www.w3.org/TR/SVG/coords.html#TransformAttribute +reTransformList = new RegExp(transformList), +// == end transform regexp +reTransform = new RegExp(transform, 'g'); +/** + * Parses "transform" attribute, returning an array of values + * @static + * @function + * @memberOf fabric + * @param {String} attributeValue String containing attribute value + * @return {Array} Array of 6 elements representing transformation matrix + */ +function parseTransformAttribute(attributeValue) { + // start with identity matrix + let matrix = iMatrix.concat(), matrices = []; + // return if no argument was given or + // an argument does not match transform attribute regexp + if (!attributeValue || + (attributeValue && !reTransformList.test(attributeValue))) { + return matrix; + } + attributeValue.replace(reTransform, function (match) { + const m = new RegExp(transform).exec(match).filter(function (match) { + // match !== '' && match != null + return !!match; + }), operation = m[1], args = m.slice(2).map(parseFloat); + switch (operation) { + case 'translate': + translateMatrix(matrix, args); + break; + case 'rotate': + args[0] = degreesToRadians(args[0]); + rotateMatrix(matrix, args); + break; + case 'scale': + scaleMatrix(matrix, args); + break; + case 'skewX': + skewMatrix(matrix, args, 2); + break; + case 'skewY': + skewMatrix(matrix, args, 1); + break; + case 'matrix': + matrix = args; + break; + } + // snapshot current matrix into matrices array + matrices.push(matrix.concat()); + // reset + matrix = iMatrix.concat(); + }); + let combinedMatrix = matrices[0]; + while (matrices.length > 1) { + matrices.shift(); + combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]); + } + return combinedMatrix; +} - if (!options.cssOnly) { - this._setBackstoreDimension(prop, dimensions[prop]); - cssValue += 'px'; - this.hasLostContext = true; +//@ts-nocheck +function normalizeValue(attr, value, parentAttributes, fontSize) { + let isArray = Array.isArray(value), parsed; + if ((attr === 'fill' || attr === 'stroke') && value === 'none') { + value = ''; + } + else if (attr === 'strokeUniform') { + return value === 'non-scaling-stroke'; + } + else if (attr === 'strokeDashArray') { + if (value === 'none') { + value = null; + } + else { + value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); + } + } + else if (attr === 'transformMatrix') { + if (parentAttributes && parentAttributes.transformMatrix) { + value = multiplyTransformMatrices(parentAttributes.transformMatrix, parseTransformAttribute(value)); + } + else { + value = parseTransformAttribute(value); + } + } + else if (attr === 'visible') { + value = value !== 'none' && value !== 'hidden'; + // display=none on parent element always takes precedence over child element + if (parentAttributes && parentAttributes.visible === false) { + value = false; + } + } + else if (attr === 'opacity') { + value = parseFloat(value); + if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { + value *= parentAttributes.opacity; + } + } + else if (attr === 'textAnchor' /* text-anchor */) { + value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; + } + else if (attr === 'charSpacing') { + // parseUnit returns px and we convert it to em + parsed = (parseUnit(value, fontSize) / fontSize) * 1000; + } + else if (attr === 'paintFirst') { + const fillIndex = value.indexOf('fill'); + const strokeIndex = value.indexOf('stroke'); + var value = 'fill'; + if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { + value = 'stroke'; + } + else if (fillIndex === -1 && strokeIndex > -1) { + value = 'stroke'; } + } + else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { + return value; + } + else if (attr === 'imageSmoothing') { + return value === 'optimizeQuality'; + } + else { + parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); + } + return !isArray && isNaN(parsed) ? value : parsed; +} - if (!options.backstoreOnly) { - this._setCssDimension(prop, cssValue); - } - } - if (this._isCurrentlyDrawing) { - this.freeDrawingBrush && this.freeDrawingBrush._setBrushStyles(this.contextTop); - } - this._initRetinaScaling(); - this.calcOffset(); +//@ts-nocheck +/** + * Parses a short font declaration, building adding its properties to a style object + * @static + * @function + * @memberOf fabric + * @param {String} value font declaration + * @param {Object} oStyle definition + */ +function parseFontDeclaration(value, oStyle) { + const match = value.match(reFontDeclaration); + if (!match) { + return; + } + const fontStyle = match[1], + // font variant is not used + // fontVariant = match[2], + fontWeight = match[3], fontSize = match[4], lineHeight = match[5], fontFamily = match[6]; + if (fontStyle) { + oStyle.fontStyle = fontStyle; + } + if (fontWeight) { + oStyle.fontWeight = isNaN(parseFloat(fontWeight)) + ? fontWeight + : parseFloat(fontWeight); + } + if (fontSize) { + oStyle.fontSize = parseUnit(fontSize); + } + if (fontFamily) { + oStyle.fontFamily = fontFamily; + } + if (lineHeight) { + oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; + } +} - if (!options.cssOnly) { - this.requestRenderAll(); - } +//@ts-nocheck +function parseStyleObject(style, oStyle) { + let attr, value; + for (const prop in style) { + if (typeof style[prop] === 'undefined') { + continue; + } + attr = prop.toLowerCase(); + value = style[prop]; + oStyle[attr] = value; + } +} - return this; - }, +//@ts-nocheck +function parseStyleString(style, oStyle) { + let attr, value; + style + .replace(/;\s*$/, '') + .split(';') + .forEach(function (chunk) { + const pair = chunk.split(':'); + attr = pair[0].trim().toLowerCase(); + value = pair[1].trim(); + oStyle[attr] = value; + }); +} - /** - * Helper for setting width/height - * @private - * @param {String} prop property (width|height) - * @param {Number} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setBackstoreDimension: function (prop, value) { - this.lowerCanvasEl[prop] = value; +//@ts-nocheck +/** + * Parses "style" attribute, retuning an object with values + * @static + * @memberOf fabric + * @param {SVGElement} element Element to parse + * @return {Object} Objects with values parsed from style attribute of an element + */ +function parseStyleAttribute(element) { + const oStyle = {}, style = element.getAttribute('style'); + if (!style) { + return oStyle; + } + if (typeof style === 'string') { + parseStyleString(style, oStyle); + } + else { + parseStyleObject(style, oStyle); + } + return oStyle; +} - if (this.upperCanvasEl) { - this.upperCanvasEl[prop] = value; - } +//@ts-nocheck +/** + * @private + * @param {Object} attributes Array of attributes to parse + */ +function setStrokeFillOpacity(attributes) { + for (const attr in colorAttributes) { + if (typeof attributes[colorAttributes[attr]] === 'undefined' || + attributes[attr] === '') { + continue; + } + if (typeof attributes[attr] === 'undefined') { + if (!InteractiveFabricObject.prototype[attr]) { + continue; + } + attributes[attr] = InteractiveFabricObject.prototype[attr]; + } + if (attributes[attr].indexOf('url(') === 0) { + continue; + } + const color = new Color(attributes[attr]); + attributes[attr] = color + .setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)) + .toRgba(); + } + return attributes; +} - if (this.cacheCanvasEl) { - this.cacheCanvasEl[prop] = value; - } +//@ts-nocheck +/** + * Returns an object of attributes' name/value, given element and an array of attribute names; + * Parses parent "g" nodes recursively upwards. + * @param {DOMElement} element Element to parse + * @param {Array} attributes Array of attributes to parse + * @return {Object} object containing parsed attributes' names/values + */ +function parseAttributes(element, attributes, svgUid) { + if (!element) { + return; + } + let value, parentAttributes = {}, fontSize, parentFontSize; + if (typeof svgUid === 'undefined') { + svgUid = element.getAttribute('svgUid'); + } + // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards + if (element.parentNode && + svgValidParentsRegEx.test(element.parentNode.nodeName)) { + parentAttributes = parseAttributes(element.parentNode, attributes, svgUid); + } + let ownAttributes = attributes.reduce(function (memo, attr) { + value = element.getAttribute(attr); + if (value) { + // eslint-disable-line + memo[attr] = value; + } + return memo; + }, {}); + // add values parsed from style, which take precedence over attributes + // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) + const cssAttrs = Object.assign(getGlobalStylesForElement(element, svgUid), parseStyleAttribute(element)); + ownAttributes = Object.assign(ownAttributes, cssAttrs); + if (cssAttrs[cPath]) { + element.setAttribute(cPath, cssAttrs[cPath]); + } + fontSize = parentFontSize = + parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE; + if (ownAttributes[fSize]) { + // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. + ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); + } + let normalizedAttr, normalizedValue, normalizedStyle = {}; + for (const attr in ownAttributes) { + normalizedAttr = normalizeAttr(attr); + normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); + normalizedStyle[normalizedAttr] = normalizedValue; + } + if (normalizedStyle && normalizedStyle.font) { + parseFontDeclaration(normalizedStyle.font, normalizedStyle); + } + const mergedAttrs = Object.assign(parentAttributes, normalizedStyle); + return svgValidParentsRegEx.test(element.nodeName) + ? mergedAttrs + : setStrokeFillOpacity(mergedAttrs); +} - this[prop] = value; +//@ts-nocheck +/** + * Parses "points" attribute, returning an array of values + * @static + * @memberOf fabric + * @param {String} points points attribute string + * @return {Array} array of points + */ +function parsePointsAttribute(points) { + // points attribute is required and must not be empty + if (!points) { + return null; + } + // replace commas with whitespace and remove bookending whitespace + points = points.replace(/,/g, ' ').trim(); + points = points.split(/\s+/); + let parsedPoints = [], i, len; + for (i = 0, len = points.length; i < len; i += 2) { + parsedPoints.push({ + x: parseFloat(points[i]), + y: parseFloat(points[i + 1]), + }); + } + // odd number of points is an error + // if (parsedPoints.length % 2 !== 0) { + // return null; + // } + return parsedPoints; +} - return this; - }, +Object.assign(fabric$1, { + SHARED_ATTRIBUTES, + cssRules, + gradientDefs, + clipPaths, + parseTransformAttribute, + parseSVGDocument, + parseFontDeclaration, + getGradientDefs, + parseAttributes, + parseElements, + parseStyleAttribute, + parsePointsAttribute, + getCSSRules, + loadSVGFromURL, + loadSVGFromString, + ElementsParser, +}); - /** - * Helper for setting css width/height - * @private - * @param {String} prop property (width|height) - * @param {String} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setCssDimension: function (prop, value) { - this.lowerCanvasEl.style[prop] = value; +const linearDefaultCoords = { + x1: 0, + y1: 0, + x2: 0, + y2: 0, +}; +const radialDefaultCoords = Object.assign(Object.assign({}, linearDefaultCoords), { r1: 0, r2: 0 }); - if (this.upperCanvasEl) { - this.upperCanvasEl.style[prop] = value; - } +function parseType(el) { + return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT' + ? 'linear' + : 'radial'; +} +function parseGradientUnits(el) { + return el.getAttribute('gradientUnits') === 'userSpaceOnUse' + ? 'pixels' + : 'percentage'; +} - if (this.wrapperEl) { - this.wrapperEl.style[prop] = value; - } +const RE_PERCENT = /^(\d+\.\d+)%|(\d+)%$/; +function isPercent(value) { + return value && RE_PERCENT.test(value); +} +/** + * + * @param value + * @param valueIfNaN + * @returns ∈ [0, 1] + */ +function parsePercent(value, valueIfNaN) { + const parsed = typeof value === 'number' + ? value + : typeof value === 'string' + ? parseFloat(value) / (isPercent(value) ? 100 : 1) + : NaN; + return capValue(0, ifNaN(parsed, valueIfNaN), 1); +} - return this; - }, +const RE_KEY_VALUE_PAIRS = /\s*;\s*/; +const RE_KEY_VALUE = /\s*:\s*/; +function parseColorStop(el, multiplier) { + let colorValue, opacity; + const style = el.getAttribute('style'); + if (style) { + const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS); + if (keyValuePairs[keyValuePairs.length - 1] === '') { + keyValuePairs.pop(); + } + for (let i = keyValuePairs.length; i--;) { + const [key, value] = keyValuePairs[i] + .split(RE_KEY_VALUE) + .map((s) => s.trim()); + if (key === 'stop-color') { + colorValue = value; + } + else if (key === 'stop-opacity') { + opacity = value; + } + } + } + const color = new Color(colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'); + return { + offset: parsePercent(el.getAttribute('offset'), 0), + color: color.toRgb(), + opacity: ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) * + color.getAlpha() * + multiplier, + }; +} +function parseColorStops(el, opacityAttr) { + const colorStops = [], colorStopEls = el.getElementsByTagName('stop'), multiplier = parsePercent(opacityAttr, 1); + for (let i = colorStopEls.length; i--;) { + colorStops.push(parseColorStop(colorStopEls[i], multiplier)); + } + return colorStops; +} - /** - * Returns canvas zoom level - * @return {Number} - */ - getZoom: function () { - return this.viewportTransform[0]; - }, +function convertPercentUnitsToValues(valuesToConvert, { width, height, gradientUnits }) { + let finalValue; + return Object.keys(valuesToConvert).reduce((acc, prop) => { + const propValue = valuesToConvert[prop]; + if (propValue === 'Infinity') { + finalValue = 1; + } + else if (propValue === '-Infinity') { + finalValue = 0; + } + else { + finalValue = + typeof propValue === 'string' ? parseFloat(propValue) : propValue; + if (typeof propValue === 'string' && isPercent(propValue)) { + finalValue *= 0.01; + if (gradientUnits === 'pixels') { + // then we need to fix those percentages here in svg parsing + if (prop === 'x1' || prop === 'x2' || prop === 'r2') { + finalValue *= width; + } + if (prop === 'y1' || prop === 'y2') { + finalValue *= height; + } + } + } + } + acc[prop] = finalValue; + return acc; + }, {}); +} +function getValue(el, key) { + return el.getAttribute(key); +} +function parseLinearCoords(el) { + return { + x1: getValue(el, 'x1') || 0, + y1: getValue(el, 'y1') || 0, + x2: getValue(el, 'x2') || '100%', + y2: getValue(el, 'y2') || 0, + }; +} +function parseRadialCoords(el) { + return { + x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%', + y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%', + r1: 0, + x2: getValue(el, 'cx') || '50%', + y2: getValue(el, 'cy') || '50%', + r2: getValue(el, 'r') || '50%', + }; +} +function parseCoords(el, size) { + return convertPercentUnitsToValues(parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el), Object.assign(Object.assign({}, size), { gradientUnits: parseGradientUnits(el) })); +} +//@ts-nocheck +/** + * Gradient class + * @class Gradient + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} + */ +class Gradient { + constructor({ type = 'linear', gradientUnits = 'pixels', coords, colorStops = [], offsetX = 0, offsetY = 0, gradientTransform, id, }) { + /** + * Horizontal offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 + */ + this.offsetX = 0; + /** + * Vertical offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 + */ + this.offsetY = 0; + /** + * 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 + */ + this.gradientTransform = null; + const uid = InteractiveFabricObject.__uid++; + this.id = id ? `${id}_${uid}` : uid; + this.type = type; + this.gradientUnits = gradientUnits; + this.gradientTransform = gradientTransform || null; + this.offsetX = offsetX; + this.offsetY = offsetY; + this.coords = Object.assign(Object.assign({}, (this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords)), coords); + this.colorStops = colorStops.slice(); + } + // isType(type: S): this is Gradient { + // return (this.type as GradientType) === type; + // } /** - * Sets viewport transformation of this canvas instance - * @param {Array} vpt a Canvas 2D API transform matrix - * @return {fabric.Canvas} instance - * @chainable true - */ - setViewportTransform: function (vpt) { - var activeObject = this._activeObject, - backgroundObject = this.backgroundImage, - overlayObject = this.overlayImage, - object, i, len; - this.viewportTransform = vpt; - for (i = 0, len = this._objects.length; i < len; i++) { - object = this._objects[i]; - object.group || object.setCoords(true); - } - if (activeObject) { - activeObject.setCoords(); - } - if (backgroundObject) { - backgroundObject.setCoords(true); - } - if (overlayObject) { - overlayObject.setCoords(true); - } - this.calcViewportBoundaries(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - + * Adds another colorStop + * @param {Record} colorStop Object with offset and color + * @return {Gradient} thisArg + */ + addColorStop(colorStops) { + for (const position in colorStops) { + const color = new Color(colorStops[position]); + this.colorStops.push({ + offset: parseFloat(position), + color: color.toRgb(), + opacity: color.getAlpha(), + }); + } + return this; + } /** - * Sets zoom level of this canvas instance, the zoom centered around point - * meaning that following zoom to point with the same point will have the visual - * effect of the zoom originating from that point. The point won't move. - * It has nothing to do with canvas center or visual center of the viewport. - * @param {fabric.Point} point to zoom with respect to - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - zoomToPoint: function (point, value) { - // TODO: just change the scale, preserve other transformations - var before = point, vpt = this.viewportTransform.slice(0); - point = transformPoint(point, invertTransform(this.viewportTransform)); - vpt[0] = value; - vpt[3] = value; - var after = transformPoint(point, vpt); - vpt[4] += before.x - after.x; - vpt[5] += before.y - after.y; - return this.setViewportTransform(vpt); - }, - - /** - * Sets zoom level of this canvas instance - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - setZoom: function (value) { - this.zoomToPoint(new fabric.Point(0, 0), value); - return this; - }, - - /** - * Pan viewport so as to place point at top left corner of canvas - * @param {fabric.Point} point to move to - * @return {fabric.Canvas} instance - * @chainable true - */ - absolutePan: function (point) { - var vpt = this.viewportTransform.slice(0); - vpt[4] = -point.x; - vpt[5] = -point.y; - return this.setViewportTransform(vpt); - }, - - /** - * Pans viewpoint relatively - * @param {fabric.Point} point (position vector) to move by - * @return {fabric.Canvas} instance - * @chainable true - */ - relativePan: function (point) { - return this.absolutePan(new fabric.Point( - -point.x - this.viewportTransform[4], - -point.y - this.viewportTransform[5] - )); - }, - - /** - * Returns <canvas> element corresponding to this instance - * @return {HTMLCanvasElement} - */ - getElement: function () { - return this.lowerCanvasEl; - }, - - /** - * @private - * @param {fabric.Object} obj Object that was added - */ - _onObjectAdded: function(obj) { - this.stateful && obj.setupState(); - obj._set('canvas', this); - obj.setCoords(); - this.fire('object:added', { target: obj }); - obj.fire('added'); - }, - - /** - * @private - * @param {fabric.Object} obj Object that was removed - */ - _onObjectRemoved: function(obj) { - this.fire('object:removed', { target: obj }); - obj.fire('removed'); - delete obj.canvas; - }, - - /** - * Clears specified context of canvas element - * @param {CanvasRenderingContext2D} ctx Context to clear - * @return {fabric.Canvas} thisArg - * @chainable - */ - clearContext: function(ctx) { - ctx.clearRect(0, 0, this.width, this.height); - return this; - }, - - /** - * Returns context of canvas where objects are drawn - * @return {CanvasRenderingContext2D} - */ - getContext: function () { - return this.contextContainer; - }, - - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - this.remove.apply(this, this.getObjects()); - this.backgroundImage = null; - this.overlayImage = null; - this.backgroundColor = ''; - this.overlayColor = ''; - if (this._hasITextHandlers) { - this.off('mouse:up', this._mouseUpITextHandler); - this._iTextInstances = null; - this._hasITextHandlers = false; - } - this.clearContext(this.contextContainer); - this.fire('canvas:cleared'); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Renders the canvas - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - var canvasToDrawOn = this.contextContainer; - this.renderCanvas(canvasToDrawOn, this._objects); - return this; - }, - - /** - * Function created to be instance bound at initialization - * used in requestAnimationFrame rendering - * Let the fabricJS call it. If you call it manually you could have more - * animationFrame stacking on to of each other - * for an imperative rendering, use canvas.renderAll - * @private - * @return {fabric.Canvas} instance - * @chainable - */ - renderAndReset: function() { - this.isRendering = 0; - this.renderAll(); - }, - - /** - * Append a renderAll request to next animation frame. - * unless one is already in progress, in that case nothing is done - * a boolean flag will avoid appending more. - * @return {fabric.Canvas} instance - * @chainable - */ - requestRenderAll: function () { - if (!this.isRendering) { - this.isRendering = fabric.util.requestAnimFrame(this.renderAndResetBound); - } - return this; - }, - - /** - * Calculate the position of the 4 corner of canvas with current viewportTransform. - * helps to determinate when an object is in the current rendering viewport using - * object absolute coordinates ( aCoords ) - * @return {Object} points.tl - * @chainable - */ - calcViewportBoundaries: function() { - var points = { }, width = this.width, height = this.height, - iVpt = invertTransform(this.viewportTransform); - points.tl = transformPoint({ x: 0, y: 0 }, iVpt); - points.br = transformPoint({ x: width, y: height }, iVpt); - points.tr = new fabric.Point(points.br.x, points.tl.y); - points.bl = new fabric.Point(points.tl.x, points.br.y); - this.vptCoords = points; - return points; - }, - - cancelRequestedRender: function() { - if (this.isRendering) { - fabric.util.cancelAnimFrame(this.isRendering); - this.isRendering = 0; - } - }, - - /** - * Renders background, objects, overlay and controls. - * @param {CanvasRenderingContext2D} ctx - * @param {Array} objects to render - * @return {fabric.Canvas} instance - * @chainable - */ - renderCanvas: function(ctx, objects) { - var v = this.viewportTransform, path = this.clipPath; - this.cancelRequestedRender(); - this.calcViewportBoundaries(); - this.clearContext(ctx); - fabric.util.setImageSmoothing(ctx, this.imageSmoothingEnabled); - this.fire('before:render', { ctx: ctx, }); - this._renderBackground(ctx); - - ctx.save(); - //apply viewport transform once for all rendering process - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this._renderObjects(ctx, objects); - ctx.restore(); - if (!this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - if (path) { - path.canvas = this; - // needed to setup a couple of variables - path.shouldCache(); - path._transformDone = true; - path.renderCache({ forClipping: true }); - this.drawClipPathOnCanvas(ctx); - } - this._renderOverlay(ctx); - if (this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - this.fire('after:render', { ctx: ctx, }); - }, - - /** - * Paint the cached clipPath on the lowerCanvasEl - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawClipPathOnCanvas: function(ctx) { - var v = this.viewportTransform, path = this.clipPath; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4; - ctx.globalCompositeOperation = 'destination-in'; - path.transform(ctx); - ctx.scale(1 / path.zoomX, 1 / path.zoomY); - ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} objects to render + * Returns object representation of a gradient + * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {object} */ - _renderObjects: function(ctx, objects) { - var i, len; - for (i = 0, len = objects.length; i < len; ++i) { - objects[i] && objects[i].render(ctx); - } - }, - + toObject(propertiesToInclude) { + return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, coords: this.coords, colorStops: this.colorStops, offsetX: this.offsetX, offsetY: this.offsetY, gradientUnits: this.gradientUnits, gradientTransform: this.gradientTransform + ? this.gradientTransform.concat() + : this.gradientTransform }); + } + /* _TO_SVG_START_ */ /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {string} property 'background' or 'overlay' + * Returns SVG representation of an gradient + * @param {fabric.Object} object Object to create a gradient for + * @return {String} SVG representation of an gradient (linear/radial) */ - _renderBackgroundOrOverlay: function(ctx, property) { - var fill = this[property + 'Color'], object = this[property + 'Image'], - v = this.viewportTransform, needsVpt = this[property + 'Vpt']; - if (!fill && !object) { - return; - } - if (fill) { - ctx.save(); - ctx.beginPath(); - ctx.moveTo(0, 0); - ctx.lineTo(this.width, 0); - ctx.lineTo(this.width, this.height); - ctx.lineTo(0, this.height); - ctx.closePath(); - ctx.fillStyle = fill.toLive - ? fill.toLive(ctx, this) - : fill; - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } - ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); - var m = fill.gradientTransform || fill.patternTransform; - m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - ctx.fill(); - ctx.restore(); - } - if (object) { - ctx.save(); - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + toSVG(object, { additionalTransform: preTransform } = {}) { + const markup = [], transform = (this.gradientTransform + ? this.gradientTransform.concat() + : iMatrix.concat()), gradientUnits = this.gradientUnits === 'pixels' + ? 'userSpaceOnUse' + : 'objectBoundingBox'; + // colorStops must be sorted ascending, and guarded against deep mutations + const colorStops = this.colorStops + .map((colorStop) => (Object.assign({}, colorStop))) + .sort((a, b) => { + return a.offset - b.offset; + }); + let offsetX = -this.offsetX, offsetY = -this.offsetY; + if (gradientUnits === 'objectBoundingBox') { + offsetX /= object.width; + offsetY /= object.height; } - object.render(ctx); - ctx.restore(); - } - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderBackground: function(ctx) { - this._renderBackgroundOrOverlay(ctx, 'background'); - }, - + else { + offsetX += object.width / 2; + offsetY += object.height / 2; + } + if (object.type === 'path' && this.gradientUnits !== 'percentage') { + offsetX -= object.pathOffset.x; + offsetY -= object.pathOffset.y; + } + transform[4] -= offsetX; + transform[5] -= offsetY; + const commonAttributes = [ + `id="SVGID_${this.id}"`, + `gradientUnits="${gradientUnits}"`, + `gradientTransform="${preTransform ? preTransform + ' ' : ''}${matrixToSVG(transform)}"`, + '', + ].join(' '); + if (this.type === 'linear') { + const { x1, y1, x2, y2 } = this.coords; + markup.push('\n'); + } + else if (this.type === 'radial') { + const { x1, y1, x2, y2, r1, r2 } = this + .coords; + const needsSwap = r1 > r2; + // svg radial gradient has just 1 radius. the biggest. + markup.push('\n'); + if (needsSwap) { + // svg goes from internal to external radius. if radius are inverted, swap color stops. + colorStops.reverse(); // mutates array + colorStops.forEach((colorStop) => { + colorStop.offset = 1 - colorStop.offset; + }); + } + const minRadius = Math.min(r1, r2); + if (minRadius > 0) { + // i have to shift all colorStops and add new one in 0. + const maxRadius = Math.max(r1, r2), percentageShift = minRadius / maxRadius; + colorStops.forEach((colorStop) => { + colorStop.offset += percentageShift * (1 - colorStop.offset); + }); + } + } + colorStops.forEach(({ color, offset, opacity }) => { + markup.push('\n'); + }); + markup.push(this.type === 'linear' ? '' : '', '\n'); + return markup.join(''); + } + /* _TO_SVG_END_ */ /** - * @private + * Returns an instance of CanvasGradient * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {CanvasGradient} */ - _renderOverlay: function(ctx) { - this._renderBackgroundOrOverlay(ctx, 'overlay'); - }, - - /** - * Returns coordinates of a center of canvas. - * Returned value is an object with top and left properties - * @return {Object} object with "top" and "left" number values - */ - getCenter: function () { - return { - top: this.height / 2, - left: this.width / 2 - }; - }, - - /** - * Centers object horizontally in the canvas - * @param {fabric.Object} object Object to center horizontally - * @return {fabric.Canvas} thisArg - */ - centerObjectH: function (object) { - return this._centerObject(object, new fabric.Point(this.getCenter().left, object.getCenterPoint().y)); - }, - - /** - * Centers object vertically in the canvas - * @param {fabric.Object} object Object to center vertically - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObjectV: function (object) { - return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, this.getCenter().top)); - }, - - /** - * Centers object vertically and horizontally in the canvas - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObject: function(object) { - var center = this.getCenter(); - - return this._centerObject(object, new fabric.Point(center.left, center.top)); - }, - - /** - * Centers object vertically and horizontally in the viewport - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObject: function(object) { - var vpCenter = this.getVpCenter(); - - return this._centerObject(object, vpCenter); - }, - - /** - * Centers object horizontally in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObjectH: function(object) { - var vpCenter = this.getVpCenter(); - this._centerObject(object, new fabric.Point(vpCenter.x, object.getCenterPoint().y)); - return this; - }, - + toLive(ctx) { + if (!this.type) { + return; + } + const coords = this.coords; + const gradient = this.type === 'linear' + ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2) + : ctx.createRadialGradient(coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); + this.colorStops.forEach(({ color, opacity, offset }) => { + gradient.addColorStop(offset, typeof opacity !== 'undefined' + ? new Color(color).setAlpha(opacity).toRgba() + : color); + }); + return gradient; + } + /* _FROM_SVG_START_ */ /** - * Centers object Vertically in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable + * Returns {@link Gradient} instance from an SVG element + * @static + * @memberOf Gradient + * @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 + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * */ - viewportCenterObjectV: function(object) { - var vpCenter = this.getVpCenter(); - - return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, vpCenter.y)); - }, + static fromElement(el, instance, svgOptions) { + const gradientUnits = parseGradientUnits(el); + return new Gradient(Object.assign({ id: el.getAttribute('id') || undefined, type: parseType(el), coords: parseCoords(el, { + width: svgOptions.viewBoxWidth || svgOptions.width, + height: svgOptions.viewBoxHeight || svgOptions.height, + }), colorStops: parseColorStops(el, svgOptions.opacity), gradientUnits, gradientTransform: parseTransformAttribute(el.getAttribute('gradientTransform') || '') }, (gradientUnits === 'pixels' + ? { + offsetX: -instance.left, + offsetY: -instance.top, + } + : { + offsetX: 0, + offsetY: 0, + }))); + } +} +fabric$1.Gradient = Gradient; +//@ts-nocheck +/** + * @see {@link http://fabricjs.com/patterns demo} + * @see {@link http://fabricjs.com/dynamic-patterns demo} + */ +class Pattern$1 { /** - * Calculate the point in canvas that correspond to the center of actual viewport. - * @return {fabric.Point} vpCenter, viewport center - * @chainable + * Constructor + * @param {Object} [options] Options object + * @param {option.source} [source] the pattern source, eventually empty or a drawable + * @return {fabric.Pattern} thisArg */ - getVpCenter: function() { - var center = this.getCenter(), - iVpt = invertTransform(this.viewportTransform); - return transformPoint({ x: center.left, y: center.top }, iVpt); - }, - + constructor(options = {}) { + this.type = 'pattern'; + /** + * @type TPatternRepeat + * @defaults + */ + this.repeat = 'repeat'; + /** + * Pattern horizontal offset from object's left/top corner + * @type Number + * @default + */ + this.offsetX = 0; + /** + * Pattern vertical offset from object's left/top corner + * @type Number + * @default + */ + this.offsetY = 0; + /** + * @type TCrossOrigin + * @default + */ + this.crossOrigin = ''; + /** + * transform matrix to change the pattern, imported from svgs. + * @type Array + * @default + */ + this.patternTransform = null; + this.id = InteractiveFabricObject.__uid++; + this.setOptions(options); + } + setOptions(options) { + for (const prop in options) { + this[prop] = options[prop]; + } + } /** - * @private - * @param {fabric.Object} object Object to center - * @param {fabric.Point} center Center point - * @return {fabric.Canvas} thisArg - * @chainable + * @returns true if {@link source} is an element */ - _centerObject: function(object, center) { - object.setPositionByOrigin(center, 'center', 'center'); - object.setCoords(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - + isImageSource() { + return typeof this.source.src === 'string'; + } /** - * Returns dataless JSON representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {String} json string + * @returns true if {@link source} is a element */ - toDatalessJSON: function (propertiesToInclude) { - return this.toDatalessObject(propertiesToInclude); - }, - + isCanvasSource() { + return typeof this.source === 'object' && this.source.toDataURL; + } + sourceToString() { + return this.isImageSource() + ? this.source.src + : this.isCanvasSource() + ? this.source.toDataURL() + : ''; + } /** - * Returns object representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * Returns an instance of CanvasPattern + * @param {CanvasRenderingContext2D} ctx Context to create pattern + * @return {CanvasPattern} */ - toObject: function (propertiesToInclude) { - return this._toObjectMethod('toObject', propertiesToInclude); - }, - + toLive(ctx) { + if ( + // if the image failed to load, return, and allow rest to continue loading + !this.source || + // if an image + (this.isImageSource() && + (!this.source.complete || + this.source.naturalWidth === 0 || + this.source.naturalHeight === 0))) { + return ''; + } + return ctx.createPattern(this.source, this.repeat); + } /** - * Returns dataless object representation of canvas + * Returns object representation of a pattern * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function (propertiesToInclude) { - return this._toObjectMethod('toDatalessObject', propertiesToInclude); - }, - - /** - * @private - */ - _toObjectMethod: function (methodName, propertiesToInclude) { - - var clipPath = this.clipPath, data = { - version: fabric.version, - objects: this._toObjects(methodName, propertiesToInclude), - }; - if (clipPath && !clipPath.excludeFromExport) { - data.clipPath = this._toObject(this.clipPath, methodName, propertiesToInclude); - } - extend(data, this.__serializeBgOverlay(methodName, propertiesToInclude)); - - fabric.util.populateWithProperties(this, data, propertiesToInclude); - - return data; - }, - - /** - * @private - */ - _toObjects: function(methodName, propertiesToInclude) { - return this._objects.filter(function(object) { - return !object.excludeFromExport; - }).map(function(instance) { - return this._toObject(instance, methodName, propertiesToInclude); - }, this); - }, - - /** - * @private - */ - _toObject: function(instance, methodName, propertiesToInclude) { - var originalValue; - - if (!this.includeDefaultValues) { - originalValue = instance.includeDefaultValues; - instance.includeDefaultValues = false; - } - - var object = instance[methodName](propertiesToInclude); - if (!this.includeDefaultValues) { - instance.includeDefaultValues = originalValue; - } - return object; - }, - - /** - * @private + * @return {object} Object representation of a pattern instance */ - __serializeBgOverlay: function(methodName, propertiesToInclude) { - var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, - bgColor = this.backgroundColor, overlayColor = this.overlayColor; - - if (bgColor && bgColor.toObject) { - if (!bgColor.excludeFromExport) { - data.background = bgColor.toObject(propertiesToInclude); - } - } - else if (bgColor) { - data.background = bgColor; - } - - if (overlayColor && overlayColor.toObject) { - if (!overlayColor.excludeFromExport) { - data.overlay = overlayColor.toObject(propertiesToInclude); - } - } - else if (overlayColor) { - data.overlay = overlayColor; - } - - if (bgImage && !bgImage.excludeFromExport) { - data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); - } - if (overlayImage && !overlayImage.excludeFromExport) { - data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); - } - - return data; - }, - + toObject(propertiesToInclude) { + return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: 'pattern', source: this.sourceToString(), repeat: this.repeat, crossOrigin: this.crossOrigin, offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS), offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS), patternTransform: this.patternTransform + ? this.patternTransform.concat() + : null }); + } /* _TO_SVG_START_ */ /** - * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, - * a zoomed canvas will then produce zoomed SVG output. - * @type Boolean - * @default - */ - svgViewportTransformation: true, - - /** - * Returns SVG representation of canvas - * @function - * @param {Object} [options] Options object for SVG output - * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included - * @param {Object} [options.viewBox] SVG viewbox object - * @param {Number} [options.viewBox.x] x-coordinate of viewbox - * @param {Number} [options.viewBox.y] y-coordinate of viewbox - * @param {Number} [options.viewBox.width] Width of viewbox - * @param {Number} [options.viewBox.height] Height of viewbox - * @param {String} [options.encoding=UTF-8] Encoding of SVG output - * @param {String} [options.width] desired width of svg with or without units - * @param {String} [options.height] desired height of svg with or without units - * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. - * @return {String} SVG string - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} - * @example Normal SVG output - * var svg = canvas.toSVG(); - * @example SVG output without preamble (without <?xml ../>) - * var svg = canvas.toSVG({suppressPreamble: true}); - * @example SVG output with viewBox attribute - * var svg = canvas.toSVG({ - * viewBox: { - * x: 100, - * y: 100, - * width: 200, - * height: 300 - * } - * }); - * @example SVG output with different encoding (default: UTF-8) - * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); - * @example Modify SVG output with reviver function - * var svg = canvas.toSVG(null, function(svg) { - * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); - * }); - */ - toSVG: function(options, reviver) { - options || (options = { }); - options.reviver = reviver; - var markup = []; - - this._setSVGPreamble(markup, options); - this._setSVGHeader(markup, options); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'background'); - this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); - this._setSVGObjects(markup, reviver); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'overlay'); - this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); - - markup.push(''); - - return markup.join(''); - }, - - /** - * @private + * Returns SVG representation of a pattern */ - _setSVGPreamble: function(markup, options) { - if (options.suppressPreamble) { - return; - } - markup.push( - '\n', - '\n' - ); - }, - - /** - * @private - */ - _setSVGHeader: function(markup, options) { - var width = options.width || this.width, - height = options.height || this.height, - vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', - NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - - if (options.viewBox) { - viewBox = 'viewBox="' + - options.viewBox.x + ' ' + - options.viewBox.y + ' ' + - options.viewBox.width + ' ' + - options.viewBox.height + '" '; - } - else { - if (this.svgViewportTransformation) { - vpt = this.viewportTransform; - viewBox = 'viewBox="' + - toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + ' ' + - toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + ' ' + - toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + ' ' + - toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + '" '; - } - } - - markup.push( - '\n', - 'Created with Fabric.js ', fabric.version, '\n', - '\n', - this.createSVGFontFacesMarkup(), - this.createSVGRefElementsMarkup(), - this.createSVGClipPathMarkup(options), - '\n' - ); - }, - - createSVGClipPathMarkup: function(options) { - var clipPath = this.clipPath; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; - return '\n' + - this.clipPath.toClipPathSVG(options.reviver) + - '\n'; - } - return ''; - }, - - /** - * Creates markup containing SVG referenced elements like patterns, gradients etc. - * @return {String} - */ - createSVGRefElementsMarkup: function() { - var _this = this, - markup = ['background', 'overlay'].map(function(prop) { - var fill = _this[prop + 'Color']; - if (fill && fill.toLive) { - var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, - object = { - width: _this.width / (shouldTransform ? vpt[0] : 1), - height: _this.height / (shouldTransform ? vpt[3] : 1) - }; - return fill.toSVG( - object, - { additionalTransform: shouldTransform ? fabric.util.matrixToSVG(vpt) : '' } - ); - } - }); - return markup.join(''); - }, - - /** - * Creates markup containing SVG font faces, - * font URLs for font faces must be collected by developers - * and are not extracted from the DOM by fabricjs - * @param {Array} objects Array of fabric objects - * @return {String} - */ - createSVGFontFacesMarkup: function() { - var markup = '', fontList = { }, obj, fontFamily, - style, row, rowIndex, _char, charIndex, i, len, - fontPaths = fabric.fontPaths, objects = []; - - this._objects.forEach(function add(object) { - objects.push(object); - if (object._objects) { - object._objects.forEach(add); - } - }); - - for (i = 0, len = objects.length; i < len; i++) { - obj = objects[i]; - fontFamily = obj.fontFamily; - if (obj.type.indexOf('text') === -1 || fontList[fontFamily] || !fontPaths[fontFamily]) { - continue; - } - fontList[fontFamily] = true; - if (!obj.styles) { - continue; - } - style = obj.styles; - for (rowIndex in style) { - row = style[rowIndex]; - for (charIndex in row) { - _char = row[charIndex]; - fontFamily = _char.fontFamily; - if (!fontList[fontFamily] && fontPaths[fontFamily]) { - fontList[fontFamily] = true; - } - } - } - } - - for (var j in fontList) { - markup += [ - '\t\t@font-face {\n', - '\t\t\tfont-family: \'', j, '\';\n', - '\t\t\tsrc: url(\'', fontPaths[j], '\');\n', - '\t\t}\n' - ].join(''); - } - - if (markup) { - markup = [ - '\t\n' - ].join(''); - } - - return markup; - }, - - /** - * @private - */ - _setSVGObjects: function(markup, reviver) { - var instance, i, len, objects = this._objects; - for (i = 0, len = objects.length; i < len; i++) { - instance = objects[i]; - if (instance.excludeFromExport) { - continue; - } - this._setSVGObject(markup, instance, reviver); - } - }, - - /** - * @private - */ - _setSVGObject: function(markup, instance, reviver) { - markup.push(instance.toSVG(reviver)); - }, - - /** - * @private - */ - _setSVGBgOverlayImage: function(markup, property, reviver) { - if (this[property] && !this[property].excludeFromExport && this[property].toSVG) { - markup.push(this[property].toSVG(reviver)); - } - }, - - /** - * @private - */ - _setSVGBgOverlayColor: function(markup, property) { - var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, - finalHeight = this.height; - if (!filler) { - return; - } - if (filler.toLive) { - var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], - additionalTransform = shouldInvert ? fabric.util.matrixToSVG(iVpt) : ''; - markup.push( - '\n' - ); - } - else { - markup.push( - '\n' - ); - } - }, + toSVG({ width, height }) { + const patternSource = this.source, patternOffsetX = ifNaN(this.offsetX / width, 0), patternOffsetY = ifNaN(this.offsetY / height, 0), patternWidth = this.repeat === 'repeat-y' || this.repeat === 'no-repeat' + ? 1 + Math.abs(patternOffsetX || 0) + : ifNaN(patternSource.width / width, 0), patternHeight = this.repeat === 'repeat-x' || this.repeat === 'no-repeat' + ? 1 + Math.abs(patternOffsetY || 0) + : ifNaN(patternSource.height / height, 0); + return [ + ``, + ``, + ``, + '', + ].join('\n'); + } /* _TO_SVG_END_ */ - - /** - * Moves an object or the objects of a multiple selection - * to the bottom of the stack of drawn objects - * @param {fabric.Object} object Object to send to back - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendToBack: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.unshift(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.unshift(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Moves an object or the objects of a multiple selection - * to the top of the stack of drawn objects - * @param {fabric.Object} object Object to send - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringToFront: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.push(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.push(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Moves an object or a selection down in stack of drawn objects - * An optional parameter, intersecting allows to move the object in behind - * the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendBackwards: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, idx, newIdx, objs, objsMoved = 0; - - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx > 0 + objsMoved) { - newIdx = idx - 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== 0) { - // if object is not on the bottom of stack - newIdx = this._findNewLowerIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * @private - */ - _findNewLowerIndex: function(object, idx, intersecting) { - var newIdx, i; - - if (intersecting) { - newIdx = idx; - - // traverse down the stack looking for the nearest intersecting object - for (i = idx - 1; i >= 0; --i) { - - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx - 1; - } - - return newIdx; - }, - - /** - * Moves an object or a selection up in stack of drawn objects - * An optional parameter, intersecting allows to move the object in front - * of the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringForward: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, idx, newIdx, objs, objsMoved = 0; - - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx < this._objects.length - 1 - objsMoved) { - newIdx = idx + 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== this._objects.length - 1) { - // if object is not on top of stack (last item in an array) - newIdx = this._findNewUpperIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * @private - */ - _findNewUpperIndex: function(object, idx, intersecting) { - var newIdx, i, len; - - if (intersecting) { - newIdx = idx; - - // traverse up the stack looking for the nearest intersecting object - for (i = idx + 1, len = this._objects.length; i < len; ++i) { - - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx + 1; - } - - return newIdx; - }, - - /** - * Moves an object to specified level in stack of drawn objects - * @param {fabric.Object} object Object to send - * @param {Number} index Position to move to - * @return {fabric.Canvas} thisArg - * @chainable - */ - moveTo: function (object, index) { - removeFromArray(this._objects, object); - this._objects.splice(index, 0, object); - return this.renderOnAddRemove && this.requestRenderAll(); - }, - - /** - * Clears a canvas element and dispose objects - * @return {fabric.Canvas} thisArg - * @chainable - */ - dispose: function () { - // cancel eventually ongoing renders - if (this.isRendering) { - fabric.util.cancelAnimFrame(this.isRendering); - this.isRendering = 0; - } - this.forEachObject(function(object) { - object.dispose && object.dispose(); - }); - this._objects = []; - if (this.backgroundImage && this.backgroundImage.dispose) { - this.backgroundImage.dispose(); - } - this.backgroundImage = null; - if (this.overlayImage && this.overlayImage.dispose) { - this.overlayImage.dispose(); - } - this.overlayImage = null; - this._iTextInstances = null; - this.contextContainer = null; - // restore canvas style - this.lowerCanvasEl.classList.remove('lower-canvas'); - fabric.util.setStyle(this.lowerCanvasEl, this._originalCanvasStyle); - delete this._originalCanvasStyle; - // restore canvas size to original size in case retina scaling was applied - this.lowerCanvasEl.setAttribute('width', this.width); - this.lowerCanvasEl.setAttribute('height', this.height); - fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); - this.lowerCanvasEl = undefined; - return this; - }, - - /** - * Returns a string representation of an instance - * @return {String} string representation of an instance - */ - toString: function () { - return '#'; + static async fromObject(_a, options) { + var { source } = _a, serialized = __rest(_a, ["source"]); + const img = await loadImage(source, Object.assign(Object.assign({}, options), { crossOrigin: serialized.crossOrigin })); + return new Pattern$1(Object.assign(Object.assign({}, serialized), { source: img })); } - }); - - extend(fabric.StaticCanvas.prototype, fabric.Observable); - extend(fabric.StaticCanvas.prototype, fabric.Collection); - extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); - - extend(fabric.StaticCanvas, /** @lends fabric.StaticCanvas */ { - +} +fabric$1.Pattern = Pattern$1; + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), toFixed = fabric.util.toFixed; + /** + * Shadow class + * @class fabric.Shadow + * @see {@link http://fabricjs.com/shadows|Shadow demo} + * @see {@link fabric.Shadow#initialize} for constructor definition + */ + fabric.Shadow = fabric.util.createClass( + /** @lends fabric.Shadow.prototype */ { + /** + * Shadow color + * @type String + * @default + */ + color: 'rgb(0,0,0)', + /** + * Shadow blur + * @type Number + */ + blur: 0, + /** + * Shadow horizontal offset + * @type Number + * @default + */ + offsetX: 0, + /** + * Shadow vertical offset + * @type Number + * @default + */ + offsetY: 0, + /** + * Whether the shadow should affect stroke operations + * @type Boolean + * @default + */ + affectStroke: false, + /** + * Indicates whether toObject should include default values + * @type Boolean + * @default + */ + includeDefaultValues: true, + /** + * When `false`, the shadow will scale with the object. + * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. + * default to false + * @type Boolean + * @default + */ + nonScaling: false, + /** + * Constructor + * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") + * @return {fabric.Shadow} thisArg + */ + initialize: function (options) { + if (typeof options === 'string') { + options = this._parseShadow(options); + } + for (var prop in options) { + this[prop] = options[prop]; + } + this.id = InteractiveFabricObject.__uid++; + }, + /** + * @private + * @param {String} shadow Shadow value to parse + * @return {Object} Shadow object with color, offsetX, offsetY and blur + */ + _parseShadow: function (shadow) { + var shadowStr = shadow.trim(), offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || + 'rgb(0,0,0)'; + return { + color: color.trim(), + offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, + offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, + blur: parseFloat(offsetsAndBlur[3], 10) || 0, + }; + }, + /** + * Returns a string representation of an instance + * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow + * @return {String} Returns CSS3 text-shadow declaration + */ + toString: function () { + return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); + }, + /* _TO_SVG_START_ */ + /** + * Returns SVG representation of a shadow + * @param {fabric.Object} object + * @return {String} SVG representation of a shadow + */ + toSVG: function (object) { + var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, offset = fabric.util.rotateVector(new Point(this.offsetX, this.offsetY), fabric.util.degreesToRadians(-object.angle)), BLUR_BOX = 20, color = new Color(this.color); + if (object.width && object.height) { + //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion + // we add some extra space to filter box to contain the blur ( 20 ) + fBoxX = + toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * + 100 + + BLUR_BOX; + fBoxY = + toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * + 100 + + BLUR_BOX; + } + if (object.flipX) { + offset.x *= -1; + } + if (object.flipY) { + offset.y *= -1; + } + return ('\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\t\n' + + '\t\t\n' + + '\t\n' + + '\n'); + }, + /* _TO_SVG_END_ */ + /** + * Returns object representation of a shadow + * @return {Object} Object representation of a shadow instance + */ + toObject: function () { + if (this.includeDefaultValues) { + return { + color: this.color, + blur: this.blur, + offsetX: this.offsetX, + offsetY: this.offsetY, + affectStroke: this.affectStroke, + nonScaling: this.nonScaling, + }; + } + var obj = {}, proto = fabric.Shadow.prototype; + [ + 'color', + 'blur', + 'offsetX', + 'offsetY', + 'affectStroke', + 'nonScaling', + ].forEach(function (prop) { + if (this[prop] !== proto[prop]) { + obj[prop] = this[prop]; + } + }, this); + return obj; + }, + }); /** + * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") * @static - * @type String - * @default - */ - EMPTY_JSON: '{"objects": [], "background": "white"}', - - /** - * Provides a way to check support of some of the canvas methods - * (either those of HTMLCanvasElement itself, or rendering context) - * - * @param {String} methodName Method to check support for; - * Could be one of "setLineDash" - * @return {Boolean | null} `true` if method is supported (or at least exists), - * `null` if canvas element or context can not be initialized - */ - supports: function (methodName) { - var el = createCanvasElement(); - - if (!el || !el.getContext) { - return null; - } - - var ctx = el.getContext('2d'); - if (!ctx) { - return null; - } - - switch (methodName) { - - case 'setLineDash': - return typeof ctx.setLineDash !== 'undefined'; - - default: - return null; - } - } - }); - - /** - * Returns Object representation of canvas - * this alias is provided because if you call JSON.stringify on an instance, - * the toJSON object will be invoked if it exists. - * Having a toJSON method means you can do JSON.stringify(myCanvas) - * @function - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} JSON compatible object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} - * @example JSON without additional properties - * var json = canvas.toJSON(); - * @example JSON with additional properties included - * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); - * @example JSON without default values - * canvas.includeDefaultValues = false; - * var json = canvas.toJSON(); - */ - fabric.StaticCanvas.prototype.toJSON = fabric.StaticCanvas.prototype.toObject; - - if (fabric.isLikelyNode) { - fabric.StaticCanvas.prototype.createPNGStream = function() { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createPNGStream(); - }; - fabric.StaticCanvas.prototype.createJPEGStream = function(opts) { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createJPEGStream(opts); - }; - } -})(); - - -/** - * BaseBrush class - * @class fabric.BaseBrush - * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} - */ -fabric.BaseBrush = fabric.util.createClass(/** @lends fabric.BaseBrush.prototype */ { - - /** - * Color of a brush - * @type String - * @default - */ - color: 'rgb(0, 0, 0)', - - /** - * Width of a brush, has to be a Number, no string literals - * @type Number - * @default - */ - width: 1, - - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), - * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 - * @type fabric.Shadow - * @default - */ - shadow: null, - - /** - * Line endings style of a brush (one of "butt", "round", "square") - * @type String - * @default - */ - strokeLineCap: 'round', - - /** - * Corner style of a brush (one of "bevel", "round", "miter") - * @type String - * @default - */ - strokeLineJoin: 'round', - - /** - * Maximum miter length (used for strokeLineJoin = "miter") of a brush's - * @type Number - * @default - */ - strokeMiterLimit: 10, - - /** - * Stroke Dash Array. - * @type Array - * @default - */ - strokeDashArray: null, - - /** - * When `true`, the free drawing is limited to the whiteboard size. Default to false. - * @type Boolean - * @default false - */ - - limitedToCanvasSize: false, - - - /** - * Sets brush styles - * @private - * @param {CanvasRenderingContext2D} ctx - */ - _setBrushStyles: function (ctx) { - ctx.strokeStyle = this.color; - ctx.lineWidth = this.width; - ctx.lineCap = this.strokeLineCap; - ctx.miterLimit = this.strokeMiterLimit; - ctx.lineJoin = this.strokeLineJoin; - ctx.setLineDash(this.strokeDashArray || []); - }, - - /** - * Sets the transformation on given context - * @param {RenderingContext2d} ctx context to render on - * @private - */ - _saveAndTransform: function(ctx) { - var v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - }, - - /** - * Sets brush shadow styles - * @private - */ - _setShadow: function() { - if (!this.shadow) { - return; - } - - var canvas = this.canvas, - shadow = this.shadow, - ctx = canvas.contextTop, - zoom = canvas.getZoom(); - if (canvas && canvas._isRetinaScaling()) { - zoom *= fabric.devicePixelRatio; - } - - ctx.shadowColor = shadow.color; - ctx.shadowBlur = shadow.blur * zoom; - ctx.shadowOffsetX = shadow.offsetX * zoom; - ctx.shadowOffsetY = shadow.offsetY * zoom; - }, - - needsFullRender: function() { - var color = new fabric.Color(this.color); - return color.getAlpha() < 1 || !!this.shadow; - }, - - /** - * Removes brush shadow styles - * @private - */ - _resetShadow: function() { - var ctx = this.canvas.contextTop; - - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - }, - - /** - * Check is pointer is outside canvas boundaries - * @param {Object} pointer - * @private - */ - _isOutSideCanvas: function(pointer) { - return pointer.x < 0 || pointer.x > this.canvas.getWidth() || pointer.y < 0 || pointer.y > this.canvas.getHeight(); - } -}); - - -(function() { - /** - * PencilBrush class - * @class fabric.PencilBrush - * @extends fabric.BaseBrush - */ - fabric.PencilBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.PencilBrush.prototype */ { - - /** - * Discard points that are less than `decimate` pixel distant from each other - * @type Number - * @default 0.4 - */ - decimate: 0.4, - - /** - * Draws a straight line between last recorded point to current pointer - * Used for `shift` functionality - * - * @type boolean - * @default false - */ - drawStraightLine: false, - - /** - * The event modifier key that makes the brush draw a straight line. - * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. - * @type {'altKey' | 'shiftKey' | 'ctrlKey' | 'none' | undefined | null} - */ - straightLineKey: 'shiftKey', - - /** - * Constructor - * @param {fabric.Canvas} canvas - * @return {fabric.PencilBrush} Instance of a pencil brush - */ - initialize: function(canvas) { - this.canvas = canvas; - this._points = []; - }, - - needsFullRender: function () { - return this.callSuper('needsFullRender') || this._hasStraightLine; - }, - - /** - * Invoked inside on mouse down and mouse move - * @param {Object} pointer - */ - _drawSegment: function (ctx, p1, p2) { - var midPoint = p1.midPointFrom(p2); - ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); - return midPoint; - }, - - /** - * Invoked on mouse down - * @param {Object} pointer - */ - onMouseDown: function(pointer, options) { - if (!this.canvas._isMainEvent(options.e)) { - return; - } - this.drawStraightLine = options.e[this.straightLineKey]; - this._prepareForDrawing(pointer); - // capture coordinates immediately - // this allows to draw dots (when movement never occurs) - this._captureDrawingPath(pointer); - this._render(); - }, - - /** - * Invoked on mouse move - * @param {Object} pointer - */ - onMouseMove: function(pointer, options) { - if (!this.canvas._isMainEvent(options.e)) { - return; - } - this.drawStraightLine = options.e[this.straightLineKey]; - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this._captureDrawingPath(pointer) && this._points.length > 1) { - if (this.needsFullRender()) { - // redraw curve - // clear top canvas - this.canvas.clearContext(this.canvas.contextTop); - this._render(); - } - else { - var points = this._points, length = points.length, ctx = this.canvas.contextTop; - // draw the curve update - this._saveAndTransform(ctx); - if (this.oldEnd) { - ctx.beginPath(); - ctx.moveTo(this.oldEnd.x, this.oldEnd.y); - } - this.oldEnd = this._drawSegment(ctx, points[length - 2], points[length - 1], true); - ctx.stroke(); - ctx.restore(); - } - } - }, - - /** - * Invoked on mouse up - */ - onMouseUp: function(options) { - if (!this.canvas._isMainEvent(options.e)) { - return true; - } - this.drawStraightLine = false; - this.oldEnd = undefined; - this._finalizeAndAddPath(); - return false; - }, - - /** - * @private - * @param {Object} pointer Actual mouse position related to the canvas. - */ - _prepareForDrawing: function(pointer) { - - var p = new fabric.Point(pointer.x, pointer.y); - - this._reset(); - this._addPoint(p); - this.canvas.contextTop.moveTo(p.x, p.y); - }, - - /** - * @private - * @param {fabric.Point} point Point to be added to points array - */ - _addPoint: function(point) { - if (this._points.length > 1 && point.eq(this._points[this._points.length - 1])) { - return false; - } - if (this.drawStraightLine && this._points.length > 1) { - this._hasStraightLine = true; - this._points.pop(); - } - this._points.push(point); - return true; - }, - - /** - * Clear points array and set contextTop canvas style. - * @private - */ - _reset: function() { - this._points = []; - this._setBrushStyles(this.canvas.contextTop); - this._setShadow(); - this._hasStraightLine = false; - }, - - /** - * @private - * @param {Object} pointer Actual mouse position related to the canvas. - */ - _captureDrawingPath: function(pointer) { - var pointerPoint = new fabric.Point(pointer.x, pointer.y); - return this._addPoint(pointerPoint); - }, - - /** - * Draw a smooth path on the topCanvas using quadraticCurveTo - * @private - * @param {CanvasRenderingContext2D} [ctx] - */ - _render: function(ctx) { - var i, len, - p1 = this._points[0], - p2 = this._points[1]; - ctx = ctx || this.canvas.contextTop; - this._saveAndTransform(ctx); - ctx.beginPath(); - //if we only have 2 points in the path and they are the same - //it means that the user only clicked the canvas without moving the mouse - //then we should be drawing a dot. A path isn't drawn between two identical dots - //that's why we set them apart a bit - if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { - var width = this.width / 1000; - p1 = new fabric.Point(p1.x, p1.y); - p2 = new fabric.Point(p2.x, p2.y); - p1.x -= width; - p2.x += width; - } - ctx.moveTo(p1.x, p1.y); - - for (i = 1, len = this._points.length; i < len; i++) { - // we pick the point between pi + 1 & pi + 2 as the - // end point and p1 as our control point. - this._drawSegment(ctx, p1, p2); - p1 = this._points[i]; - p2 = this._points[i + 1]; - } - // Draw last line as a straight line while - // we wait for the next point to be able to calculate - // the bezier control point - ctx.lineTo(p1.x, p1.y); - ctx.stroke(); - ctx.restore(); - }, - - /** - * Converts points to SVG path - * @param {Array} points Array of points - * @return {(string|number)[][]} SVG path commands - */ - convertPointsToSVGPath: function (points) { - var correction = this.width / 1000; - return fabric.util.getSmoothPathFromPoints(points, correction); - }, - - /** - * @private - * @param {(string|number)[][]} pathData SVG path commands - * @returns {boolean} - */ - _isEmptySVGPath: function (pathData) { - var pathString = fabric.util.joinPath(pathData); - return pathString === 'M 0 0 Q 0 0 0 0 L 0 0'; - }, - - /** - * Creates fabric.Path object to add on canvas - * @param {(string|number)[][]} pathData Path data - * @return {fabric.Path} Path to add on canvas - */ - createPath: function(pathData) { - var path = new fabric.Path(pathData, { - fill: null, - stroke: this.color, - strokeWidth: this.width, - strokeLineCap: this.strokeLineCap, - strokeMiterLimit: this.strokeMiterLimit, - strokeLineJoin: this.strokeLineJoin, - strokeDashArray: this.strokeDashArray, - }); - if (this.shadow) { - this.shadow.affectStroke = true; - path.shadow = new fabric.Shadow(this.shadow); - } - - return path; - }, - - /** - * Decimate points array with the decimate value - */ - decimatePoints: function(points, distance) { - if (points.length <= 2) { - return points; - } - var zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), - i, l = points.length - 1, lastPoint = points[0], newPoints = [lastPoint], - cDistance; - for (i = 1; i < l - 1; i++) { - cDistance = Math.pow(lastPoint.x - points[i].x, 2) + Math.pow(lastPoint.y - points[i].y, 2); - if (cDistance >= adjustedDistance) { - lastPoint = points[i]; - newPoints.push(lastPoint); - } - } - /** - * Add the last point from the original line to the end of the array. - * This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. - */ - newPoints.push(points[l]); - return newPoints; - }, - - /** - * On mouseup after drawing the path on contextTop canvas - * we use the points captured to create an new fabric path object - * and add it to the fabric canvas. - */ - _finalizeAndAddPath: function() { - var ctx = this.canvas.contextTop; - ctx.closePath(); - if (this.decimate) { - this._points = this.decimatePoints(this._points, this.decimate); - } - var pathData = this.convertPointsToSVGPath(this._points); - if (this._isEmptySVGPath(pathData)) { - // do not create 0 width/height paths, as they are - // rendered inconsistently across browsers - // Firefox 4, for example, renders a dot, - // whereas Chrome 10 renders nothing - this.canvas.requestRenderAll(); - return; - } - - var path = this.createPath(pathData); - this.canvas.clearContext(this.canvas.contextTop); - this.canvas.fire('before:path:created', { path: path }); - this.canvas.add(path); - this.canvas.requestRenderAll(); - path.setCoords(); - this._resetShadow(); - - - // fire event 'path' created - this.canvas.fire('path:created', { path: path }); + * @field + * @memberOf fabric.Shadow + */ + // eslint-disable-next-line max-len + fabric.Shadow.reOffsetsAndBlur = + /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + // aliases for faster resolution + var fabric = global.fabric, extend = fabric.util.object.extend, getElementOffset = fabric.util.getElementOffset, toFixed = fabric.util.toFixed, transformPoint = fabric.util.transformPoint, invertTransform = fabric.util.invertTransform, getNodeCanvas = fabric.util.getNodeCanvas, createCanvasElement = fabric.util.createCanvasElement, CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); + /** + * Static canvas class + * @class fabric.StaticCanvas + * @mixes fabric.Collection + * @mixes fabric.Observable + * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} + * @see {@link fabric.StaticCanvas#initialize} for constructor definition + * @fires before:render + * @fires after:render + * @fires canvas:cleared + * @fires object:added + * @fires object:removed + */ + // eslint-disable-next-line max-len + fabric.StaticCanvas = fabric.util.createClass(fabric.Collection, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function (el, options) { + options || (options = {}); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + }, + /** + * Background color of canvas instance. + * @type {(String|fabric.Pattern)} + * @default + */ + backgroundColor: '', + /** + * Background image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as background, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default + */ + backgroundImage: null, + /** + * Overlay color of canvas instance. + * @since 1.3.9 + * @type {(String|fabric.Pattern)} + * @default + */ + overlayColor: '', + /** + * Overlay image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as overlay, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default + */ + overlayImage: null, + /** + * Indicates whether toObject/toDatalessObject should include default values + * if set to false, takes precedence over the object value. + * @type Boolean + * @default + */ + includeDefaultValues: true, + /** + * Indicates whether objects' state should be saved + * @type Boolean + * @default + */ + stateful: false, + /** + * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove}, + * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. + * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once + * since the renders are quequed and executed one per frame. + * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) + * Left default to true to do not break documentation and old app, fiddles. + * @type Boolean + * @default + */ + renderOnAddRemove: true, + /** + * Indicates whether object controls (borders/controls) are rendered above overlay image + * @type Boolean + * @default + */ + controlsAboveOverlay: false, + /** + * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas + * @type Boolean + * @default + */ + allowTouchScrolling: false, + /** + * Indicates whether this canvas will use image smoothing, this is on by default in browsers + * @type Boolean + * @default + */ + imageSmoothingEnabled: true, + /** + * The transformation (a Canvas 2D API transform matrix) which focuses the viewport + * @type Array + * @example Default transform + * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; + * @example Scale by 70% and translate toward bottom-right by 50, without skewing + * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; + * @default + */ + viewportTransform: fabric.iMatrix.concat(), + /** + * if set to false background image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default + */ + backgroundVpt: true, + /** + * if set to false overlya image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default + */ + overlayVpt: true, + /** + * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens + * @type Boolean + * @default + */ + enableRetinaScaling: true, + /** + * Describe canvas element extension over design + * properties are tl,tr,bl,br. + * if canvas is not zoomed/panned those points are the four corner of canvas + * if canvas is viewportTransformed you those points indicate the extension + * of canvas element in plain untrasformed coordinates + * The coordinates get updated with @method calcViewportBoundaries. + * @memberOf fabric.StaticCanvas.prototype + */ + vptCoords: {}, + /** + * Based on vptCoords and object.aCoords, skip rendering of objects that + * are not included in current viewport. + * May greatly help in applications with crowded canvas and use of zoom/pan + * If One of the corner of the bounding box of the object is on the canvas + * the objects get rendered. + * @memberOf fabric.StaticCanvas.prototype + * @type Boolean + * @default + */ + skipOffscreen: true, + /** + * a fabricObject that, without stroke define a clipping area with their shape. filled in black + * the clipPath object gets used when the canvas has rendered, and the context is placed in the + * top left corner of the canvas. + * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true + * @type fabric.Object + */ + clipPath: undefined, + /** + * @private + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + */ + _initStatic: function (el, options) { + this._objects = []; + this._createLowerCanvas(el); + this._initOptions(options); + // only initialize retina scaling once + if (!this.interactive) { + this._initRetinaScaling(); + } + this.calcOffset(); + }, + /** + * @private + */ + _isRetinaScaling: function () { + return config.devicePixelRatio > 1 && this.enableRetinaScaling; + }, + /** + * @private + * @return {Number} retinaScaling if applied, otherwise 1; + */ + getRetinaScaling: function () { + return this._isRetinaScaling() + ? Math.max(1, config.devicePixelRatio) + : 1; + }, + /** + * @private + */ + _initRetinaScaling: function () { + if (!this._isRetinaScaling()) { + return; + } + var scaleRatio = config.devicePixelRatio; + this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); + if (this.upperCanvasEl) { + this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); + } + }, + __initRetinaScaling: function (scaleRatio, canvas, context) { + canvas.setAttribute('width', this.width * scaleRatio); + canvas.setAttribute('height', this.height * scaleRatio); + context.scale(scaleRatio, scaleRatio); + }, + /** + * Calculates canvas element offset relative to the document + * This method is also attached as "resize" event handler of window + * @return {fabric.Canvas} instance + * @chainable + */ + calcOffset: function () { + this._offset = getElementOffset(this.lowerCanvasEl); + return this; + }, + /** + * @private + */ + _createCanvasElement: function () { + var element = createCanvasElement(); + if (!element) { + throw CANVAS_INIT_ERROR; + } + if (!element.style) { + element.style = {}; + } + if (typeof element.getContext === 'undefined') { + throw CANVAS_INIT_ERROR; + } + return element; + }, + /** + * @private + * @param {Object} [options] Options object + */ + _initOptions: function (options) { + var lowerCanvasEl = this.lowerCanvasEl; + this.set(options); + this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; + this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; + if (!this.lowerCanvasEl.style) { + return; + } + lowerCanvasEl.width = this.width; + lowerCanvasEl.height = this.height; + lowerCanvasEl.style.width = this.width + 'px'; + lowerCanvasEl.style.height = this.height + 'px'; + this.viewportTransform = this.viewportTransform.slice(); + }, + /** + * Creates a bottom canvas + * @private + * @param {HTMLElement} [canvasEl] + */ + _createLowerCanvas: function (canvasEl) { + // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node + if (canvasEl && canvasEl.getContext) { + this.lowerCanvasEl = canvasEl; + } + else { + this.lowerCanvasEl = + fabric.document.getElementById(canvasEl) || + canvasEl || + this._createCanvasElement(); + } + if (this.lowerCanvasEl.hasAttribute('data-fabric')) { + /* _DEV_MODE_START_ */ + throw new Error('fabric.js: trying to initialize a canvas that has already been initialized'); + /* _DEV_MODE_END_ */ + } + this.lowerCanvasEl.classList.add('lower-canvas'); + this.lowerCanvasEl.setAttribute('data-fabric', 'main'); + if (this.interactive) { + this._originalCanvasStyle = this.lowerCanvasEl.style.cssText; + this._applyCanvasStyle(this.lowerCanvasEl); + } + this.contextContainer = this.lowerCanvasEl.getContext('2d'); + }, + /** + * Returns canvas width (in px) + * @return {Number} + */ + getWidth: function () { + return this.width; + }, + /** + * Returns canvas height (in px) + * @return {Number} + */ + getHeight: function () { + return this.height; + }, + /** + * Sets width of this canvas instance + * @param {Number|String} value Value to set width to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setWidth: function (value, options) { + return this.setDimensions({ width: value }, options); + }, + /** + * Sets height of this canvas instance + * @param {Number|String} value Value to set height to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setHeight: function (value, options) { + return this.setDimensions({ height: value }, options); + }, + /** + * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) + * @param {Object} dimensions Object with width/height properties + * @param {Number|String} [dimensions.width] Width of canvas element + * @param {Number|String} [dimensions.height] Height of canvas element + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} thisArg + * @chainable + */ + setDimensions: function (dimensions, options) { + var cssValue; + options = options || {}; + for (var prop in dimensions) { + cssValue = dimensions[prop]; + if (!options.cssOnly) { + this._setBackstoreDimension(prop, dimensions[prop]); + cssValue += 'px'; + this.hasLostContext = true; + } + if (!options.backstoreOnly) { + this._setCssDimension(prop, cssValue); + } + } + if (this._isCurrentlyDrawing) { + this.freeDrawingBrush && + this.freeDrawingBrush._setBrushStyles(this.contextTop); + } + this._initRetinaScaling(); + this.calcOffset(); + if (!options.cssOnly) { + this.requestRenderAll(); + } + return this; + }, + /** + * Helper for setting width/height + * @private + * @param {String} prop property (width|height) + * @param {Number} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true + */ + _setBackstoreDimension: function (prop, value) { + this.lowerCanvasEl[prop] = value; + if (this.upperCanvasEl) { + this.upperCanvasEl[prop] = value; + } + if (this.cacheCanvasEl) { + this.cacheCanvasEl[prop] = value; + } + this[prop] = value; + return this; + }, + /** + * Helper for setting css width/height + * @private + * @param {String} prop property (width|height) + * @param {String} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true + */ + _setCssDimension: function (prop, value) { + this.lowerCanvasEl.style[prop] = value; + if (this.upperCanvasEl) { + this.upperCanvasEl.style[prop] = value; + } + if (this.wrapperEl) { + this.wrapperEl.style[prop] = value; + } + return this; + }, + /** + * Returns canvas zoom level + * @return {Number} + */ + getZoom: function () { + return this.viewportTransform[0]; + }, + /** + * Sets viewport transformation of this canvas instance + * @param {Array} vpt a Canvas 2D API transform matrix + * @return {fabric.Canvas} instance + * @chainable true + */ + setViewportTransform: function (vpt) { + var activeObject = this._activeObject, backgroundObject = this.backgroundImage, overlayObject = this.overlayImage, object, i, len; + this.viewportTransform = vpt; + for (i = 0, len = this._objects.length; i < len; i++) { + object = this._objects[i]; + object.group || object.setCoords(); + } + if (activeObject) { + activeObject.setCoords(); + } + if (backgroundObject) { + backgroundObject.setCoords(); + } + if (overlayObject) { + overlayObject.setCoords(); + } + this.calcViewportBoundaries(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Sets zoom level of this canvas instance, the zoom centered around point + * meaning that following zoom to point with the same point will have the visual + * effect of the zoom originating from that point. The point won't move. + * It has nothing to do with canvas center or visual center of the viewport. + * @param {Point} point to zoom with respect to + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true + */ + zoomToPoint: function (point, value) { + // TODO: just change the scale, preserve other transformations + var before = point, vpt = this.viewportTransform.slice(0); + point = transformPoint(point, invertTransform(this.viewportTransform)); + vpt[0] = value; + vpt[3] = value; + var after = transformPoint(point, vpt); + vpt[4] += before.x - after.x; + vpt[5] += before.y - after.y; + return this.setViewportTransform(vpt); + }, + /** + * Sets zoom level of this canvas instance + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true + */ + setZoom: function (value) { + this.zoomToPoint(new Point(0, 0), value); + return this; + }, + /** + * Pan viewport so as to place point at top left corner of canvas + * @param {Point} point to move to + * @return {fabric.Canvas} instance + * @chainable true + */ + absolutePan: function (point) { + var vpt = this.viewportTransform.slice(0); + vpt[4] = -point.x; + vpt[5] = -point.y; + return this.setViewportTransform(vpt); + }, + /** + * Pans viewpoint relatively + * @param {Point} point (position vector) to move by + * @return {fabric.Canvas} instance + * @chainable true + */ + relativePan: function (point) { + return this.absolutePan(new Point(-point.x - this.viewportTransform[4], -point.y - this.viewportTransform[5])); + }, + /** + * Returns <canvas> element corresponding to this instance + * @return {HTMLCanvasElement} + */ + getElement: function () { + return this.lowerCanvasEl; + }, + /** + * @param {...fabric.Object} objects to add + * @return {Self} thisArg + * @chainable + */ + add: function () { + fabric.Collection.add.call(this, arguments, this._onObjectAdded); + arguments.length > 0 && + this.renderOnAddRemove && + this.requestRenderAll(); + return this; + }, + /** + * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) + * An object should be an instance of (or inherit from) fabric.Object + * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert + * @param {Number} index Index to insert object at + * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs + * @return {Self} thisArg + * @chainable + */ + insertAt: function (objects, index) { + fabric.Collection.insertAt.call(this, objects, index, this._onObjectAdded); + (Array.isArray(objects) ? objects.length > 0 : !!objects) && + this.renderOnAddRemove && + this.requestRenderAll(); + return this; + }, + /** + * @param {...fabric.Object} objects to remove + * @return {Self} thisArg + * @chainable + */ + remove: function () { + var removed = fabric.Collection.remove.call(this, arguments, this._onObjectRemoved); + removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * @private + * @param {fabric.Object} obj Object that was added + */ + _onObjectAdded: function (obj) { + this.stateful && obj.setupState(); + if (obj.canvas && obj.canvas !== this) { + /* _DEV_MODE_START_ */ + console.warn('fabric.Canvas: trying to add an object that belongs to a different canvas.\n' + + 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'); + /* _DEV_MODE_END_ */ + obj.canvas.remove(obj); + } + obj._set('canvas', this); + obj.setCoords(); + this.fire('object:added', { target: obj }); + obj.fire('added', { target: this }); + }, + /** + * @private + * @param {fabric.Object} obj Object that was removed + */ + _onObjectRemoved: function (obj) { + obj._set('canvas', undefined); + this.fire('object:removed', { target: obj }); + obj.fire('removed', { target: this }); + }, + /** + * Clears specified context of canvas element + * @param {CanvasRenderingContext2D} ctx Context to clear + * @return {fabric.Canvas} thisArg + * @chainable + */ + clearContext: function (ctx) { + ctx.clearRect(0, 0, this.width, this.height); + return this; + }, + /** + * Returns context of canvas where objects are drawn + * @return {CanvasRenderingContext2D} + */ + getContext: function () { + return this.contextContainer; + }, + /** + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable + */ + clear: function () { + this.remove.apply(this, this.getObjects()); + this.backgroundImage = null; + this.overlayImage = null; + this.backgroundColor = ''; + this.overlayColor = ''; + if (this._hasITextHandlers) { + this.off('mouse:up', this._mouseUpITextHandler); + this._iTextInstances = null; + this._hasITextHandlers = false; + } + this.clearContext(this.contextContainer); + this.fire('canvas:cleared'); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Renders the canvas + * @return {fabric.Canvas} instance + * @chainable + */ + renderAll: function () { + this.cancelRequestedRender(); + if (this.destroyed) { + return; + } + this.renderCanvas(this.contextContainer, this._objects); + return this; + }, + /** + * Function created to be instance bound at initialization + * used in requestAnimationFrame rendering + * Let the fabricJS call it. If you call it manually you could have more + * animationFrame stacking on to of each other + * for an imperative rendering, use canvas.renderAll + * @private + * @return {fabric.Canvas} instance + * @chainable + */ + renderAndReset: function () { + this.nextRenderHandle = 0; + this.renderAll(); + }, + /** + * Append a renderAll request to next animation frame. + * unless one is already in progress, in that case nothing is done + * a boolean flag will avoid appending more. + * @return {fabric.Canvas} instance + * @chainable + */ + requestRenderAll: function () { + if (!this.nextRenderHandle && !this.disposed && !this.destroyed) { + this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound); + } + return this; + }, + /** + * Calculate the position of the 4 corner of canvas with current viewportTransform. + * helps to determinate when an object is in the current rendering viewport using + * object absolute coordinates ( aCoords ) + * @return {Object} points.tl + * @chainable + */ + calcViewportBoundaries: function () { + var width = this.width, height = this.height, iVpt = invertTransform(this.viewportTransform), a = transformPoint({ x: 0, y: 0 }, iVpt), b = transformPoint({ x: width, y: height }, iVpt), + // we don't support vpt flipping + // but the code is robust enough to mostly work with flipping + min = a.min(b), max = a.max(b); + return (this.vptCoords = { + tl: min, + tr: new Point(max.x, min.y), + bl: new Point(min.x, max.y), + br: max, + }); + }, + cancelRequestedRender: function () { + if (this.nextRenderHandle) { + fabric.util.cancelAnimFrame(this.nextRenderHandle); + this.nextRenderHandle = 0; + } + }, + /** + * Renders background, objects, overlay and controls. + * @param {CanvasRenderingContext2D} ctx + * @param {Array} objects to render + * @return {fabric.Canvas} instance + * @chainable + */ + renderCanvas: function (ctx, objects) { + if (this.destroyed) { + return; + } + var v = this.viewportTransform, path = this.clipPath; + this.calcViewportBoundaries(); + this.clearContext(ctx); + ctx.imageSmoothingEnabled = this.imageSmoothingEnabled; + // node-canvas + ctx.patternQuality = 'best'; + this.fire('before:render', { ctx: ctx }); + this._renderBackground(ctx); + ctx.save(); + //apply viewport transform once for all rendering process + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this._renderObjects(ctx, objects); + ctx.restore(); + if (!this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + if (path) { + path._set('canvas', this); + // needed to setup a couple of variables + path.shouldCache(); + path._transformDone = true; + path.renderCache({ forClipping: true }); + this.drawClipPathOnCanvas(ctx); + } + this._renderOverlay(ctx); + if (this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + this.fire('after:render', { ctx: ctx }); + if (this.__cleanupTask) { + this.__cleanupTask(); + this.__cleanupTask = undefined; + } + }, + /** + * Paint the cached clipPath on the lowerCanvasEl + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawClipPathOnCanvas: function (ctx) { + var v = this.viewportTransform, path = this.clipPath; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4; + ctx.globalCompositeOperation = 'destination-in'; + path.transform(ctx); + ctx.scale(1 / path.zoomX, 1 / path.zoomY); + ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); + ctx.restore(); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} objects to render + */ + _renderObjects: function (ctx, objects) { + var i, len; + for (i = 0, len = objects.length; i < len; ++i) { + objects[i] && objects[i].render(ctx); + } + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {string} property 'background' or 'overlay' + */ + _renderBackgroundOrOverlay: function (ctx, property) { + var fill = this[property + 'Color'], object = this[property + 'Image'], v = this.viewportTransform, needsVpt = this[property + 'Vpt']; + if (!fill && !object) { + return; + } + if (fill) { + ctx.save(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(this.width, 0); + ctx.lineTo(this.width, this.height); + ctx.lineTo(0, this.height); + ctx.closePath(); + ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill; + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } + ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); + var m = fill.gradientTransform || fill.patternTransform; + m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + ctx.fill(); + ctx.restore(); + } + if (object) { + ctx.save(); + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } + object.render(ctx); + ctx.restore(); + } + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderBackground: function (ctx) { + this._renderBackgroundOrOverlay(ctx, 'background'); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderOverlay: function (ctx) { + this._renderBackgroundOrOverlay(ctx, 'overlay'); + }, + /** + * Returns coordinates of a center of canvas. + * Returned value is an object with top and left properties + * @return {Object} object with "top" and "left" number values + * @deprecated migrate to `getCenterPoint` + */ + getCenter: function () { + return { + top: this.height / 2, + left: this.width / 2, + }; + }, + /** + * Returns coordinates of a center of canvas. + * @return {Point} + */ + getCenterPoint: function () { + return new Point(this.width / 2, this.height / 2); + }, + /** + * Centers object horizontally in the canvas + * @param {fabric.Object} object Object to center horizontally + * @return {fabric.Canvas} thisArg + */ + centerObjectH: function (object) { + return this._centerObject(object, new Point(this.getCenterPoint().x, object.getCenterPoint().y)); + }, + /** + * Centers object vertically in the canvas + * @param {fabric.Object} object Object to center vertically + * @return {fabric.Canvas} thisArg + * @chainable + */ + centerObjectV: function (object) { + return this._centerObject(object, new Point(object.getCenterPoint().x, this.getCenterPoint().y)); + }, + /** + * Centers object vertically and horizontally in the canvas + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + centerObject: function (object) { + var center = this.getCenterPoint(); + return this._centerObject(object, center); + }, + /** + * Centers object vertically and horizontally in the viewport + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObject: function (object) { + var vpCenter = this.getVpCenter(); + return this._centerObject(object, vpCenter); + }, + /** + * Centers object horizontally in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectH: function (object) { + var vpCenter = this.getVpCenter(); + this._centerObject(object, new Point(vpCenter.x, object.getCenterPoint().y)); + return this; + }, + /** + * Centers object Vertically in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectV: function (object) { + var vpCenter = this.getVpCenter(); + return this._centerObject(object, new Point(object.getCenterPoint().x, vpCenter.y)); + }, + /** + * Calculate the point in canvas that correspond to the center of actual viewport. + * @return {Point} vpCenter, viewport center + * @chainable + */ + getVpCenter: function () { + var center = this.getCenterPoint(), iVpt = invertTransform(this.viewportTransform); + return transformPoint(center, iVpt); + }, + /** + * @private + * @param {fabric.Object} object Object to center + * @param {Point} center Center point + * @return {fabric.Canvas} thisArg + * @chainable + */ + _centerObject: function (object, center) { + object.setXY(center, 'center', 'center'); + object.setCoords(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Returns dataless JSON representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {String} json string + */ + toDatalessJSON: function (propertiesToInclude) { + return this.toDatalessObject(propertiesToInclude); + }, + /** + * Returns object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + return this._toObjectMethod('toObject', propertiesToInclude); + }, + /** + * Returns Object representation of canvas + * this alias is provided because if you call JSON.stringify on an instance, + * the toJSON object will be invoked if it exists. + * Having a toJSON method means you can do JSON.stringify(myCanvas) + * @return {Object} JSON compatible object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} + * @example JSON without additional properties + * var json = canvas.toJSON(); + * @example JSON with additional properties included + * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); + * @example JSON without default values + * var json = canvas.toJSON(); + */ + toJSON: function () { + return this.toObject(); + }, + /** + * Returns dataless object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function (propertiesToInclude) { + return this._toObjectMethod('toDatalessObject', propertiesToInclude); + }, + /** + * @private + */ + _toObjectMethod: function (methodName, propertiesToInclude) { + const clipPath = this.clipPath; + const clipPathData = clipPath && !clipPath.excludeFromExport + ? this._toObject(clipPath, methodName, propertiesToInclude) + : null; + return Object.assign(Object.assign(Object.assign(Object.assign({ version: version }, pick(this, propertiesToInclude)), { objects: this._objects + .filter((object) => !object.excludeFromExport) + .map((instance) => this._toObject(instance, methodName, propertiesToInclude)) }), this.__serializeBgOverlay(methodName, propertiesToInclude)), (clipPathData ? { clipPath: clipPathData } : null)); + }, + /** + * @private + */ + _toObject: function (instance, methodName, propertiesToInclude) { + var originalValue; + if (!this.includeDefaultValues) { + originalValue = instance.includeDefaultValues; + instance.includeDefaultValues = false; + } + var object = instance[methodName](propertiesToInclude); + if (!this.includeDefaultValues) { + instance.includeDefaultValues = originalValue; + } + return object; + }, + /** + * @private + */ + __serializeBgOverlay: function (methodName, propertiesToInclude) { + var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, bgColor = this.backgroundColor, overlayColor = this.overlayColor; + if (bgColor && bgColor.toObject) { + if (!bgColor.excludeFromExport) { + data.background = bgColor.toObject(propertiesToInclude); + } + } + else if (bgColor) { + data.background = bgColor; + } + if (overlayColor && overlayColor.toObject) { + if (!overlayColor.excludeFromExport) { + data.overlay = overlayColor.toObject(propertiesToInclude); + } + } + else if (overlayColor) { + data.overlay = overlayColor; + } + if (bgImage && !bgImage.excludeFromExport) { + data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); + } + if (overlayImage && !overlayImage.excludeFromExport) { + data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); + } + return data; + }, + /* _TO_SVG_START_ */ + /** + * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, + * a zoomed canvas will then produce zoomed SVG output. + * @type Boolean + * @default + */ + svgViewportTransformation: true, + /** + * Returns SVG representation of canvas + * @function + * @param {Object} [options] Options object for SVG output + * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included + * @param {Object} [options.viewBox] SVG viewbox object + * @param {Number} [options.viewBox.x] x-coordinate of viewbox + * @param {Number} [options.viewBox.y] y-coordinate of viewbox + * @param {Number} [options.viewBox.width] Width of viewbox + * @param {Number} [options.viewBox.height] Height of viewbox + * @param {String} [options.encoding=UTF-8] Encoding of SVG output + * @param {String} [options.width] desired width of svg with or without units + * @param {String} [options.height] desired height of svg with or without units + * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. + * @return {String} SVG string + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} + * @example Normal SVG output + * var svg = canvas.toSVG(); + * @example SVG output without preamble (without <?xml ../>) + * var svg = canvas.toSVG({suppressPreamble: true}); + * @example SVG output with viewBox attribute + * var svg = canvas.toSVG({ + * viewBox: { + * x: 100, + * y: 100, + * width: 200, + * height: 300 + * } + * }); + * @example SVG output with different encoding (default: UTF-8) + * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); + * @example Modify SVG output with reviver function + * var svg = canvas.toSVG(null, function(svg) { + * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); + * }); + */ + toSVG: function (options, reviver) { + options || (options = {}); + options.reviver = reviver; + var markup = []; + this._setSVGPreamble(markup, options); + this._setSVGHeader(markup, options); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'background'); + this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); + this._setSVGObjects(markup, reviver); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'overlay'); + this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); + markup.push(''); + return markup.join(''); + }, + /** + * @private + */ + _setSVGPreamble: function (markup, options) { + if (options.suppressPreamble) { + return; + } + markup.push('\n', '\n'); + }, + /** + * @private + */ + _setSVGHeader: function (markup, options) { + var width = options.width || this.width, height = options.height || this.height, vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (options.viewBox) { + viewBox = + 'viewBox="' + + options.viewBox.x + + ' ' + + options.viewBox.y + + ' ' + + options.viewBox.width + + ' ' + + options.viewBox.height + + '" '; + } + else { + if (this.svgViewportTransformation) { + vpt = this.viewportTransform; + viewBox = + 'viewBox="' + + toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + + ' ' + + toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + + ' ' + + toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + + ' ' + + toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + + '" '; + } + } + markup.push('\n', 'Created with Fabric.js ', version, '\n', '\n', this.createSVGFontFacesMarkup(), this.createSVGRefElementsMarkup(), this.createSVGClipPathMarkup(options), '\n'); + }, + createSVGClipPathMarkup: function (options) { + var clipPath = this.clipPath; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; + return ('\n' + + this.clipPath.toClipPathSVG(options.reviver) + + '\n'); + } + return ''; + }, + /** + * Creates markup containing SVG referenced elements like patterns, gradients etc. + * @return {String} + */ + createSVGRefElementsMarkup: function () { + var _this = this, markup = ['background', 'overlay'].map(function (prop) { + var fill = _this[prop + 'Color']; + if (fill && fill.toLive) { + var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, object = { + width: _this.width / (shouldTransform ? vpt[0] : 1), + height: _this.height / (shouldTransform ? vpt[3] : 1), + }; + return fill.toSVG(object, { + additionalTransform: shouldTransform + ? fabric.util.matrixToSVG(vpt) + : '', + }); + } + }); + return markup.join(''); + }, + /** + * Creates markup containing SVG font faces, + * font URLs for font faces must be collected by developers + * and are not extracted from the DOM by fabricjs + * @param {Array} objects Array of fabric objects + * @return {String} + */ + createSVGFontFacesMarkup: function () { + var markup = '', fontList = {}, obj, fontFamily, style, row, rowIndex, _char, charIndex, i, len, fontPaths = config.fontPaths, objects = []; + this._objects.forEach(function add(object) { + objects.push(object); + if (object._objects) { + object._objects.forEach(add); + } + }); + for (i = 0, len = objects.length; i < len; i++) { + obj = objects[i]; + fontFamily = obj.fontFamily; + if (obj.type.indexOf('text') === -1 || + fontList[fontFamily] || + !fontPaths[fontFamily]) { + continue; + } + fontList[fontFamily] = true; + if (!obj.styles) { + continue; + } + style = obj.styles; + for (rowIndex in style) { + row = style[rowIndex]; + for (charIndex in row) { + _char = row[charIndex]; + fontFamily = _char.fontFamily; + if (!fontList[fontFamily] && fontPaths[fontFamily]) { + fontList[fontFamily] = true; + } + } + } + } + for (var j in fontList) { + markup += [ + '\t\t@font-face {\n', + "\t\t\tfont-family: '", + j, + "';\n", + "\t\t\tsrc: url('", + fontPaths[j], + "');\n", + '\t\t}\n', + ].join(''); + } + if (markup) { + markup = [ + '\t\n', + ].join(''); + } + return markup; + }, + /** + * @private + */ + _setSVGObjects: function (markup, reviver) { + var instance, i, len, objects = this._objects; + for (i = 0, len = objects.length; i < len; i++) { + instance = objects[i]; + if (instance.excludeFromExport) { + continue; + } + this._setSVGObject(markup, instance, reviver); + } + }, + /** + * @private + */ + _setSVGObject: function (markup, instance, reviver) { + markup.push(instance.toSVG(reviver)); + }, + /** + * @private + */ + _setSVGBgOverlayImage: function (markup, property, reviver) { + if (this[property] && + !this[property].excludeFromExport && + this[property].toSVG) { + markup.push(this[property].toSVG(reviver)); + } + }, + /** + * @private + */ + _setSVGBgOverlayColor: function (markup, property) { + var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, finalHeight = this.height; + if (!filler) { + return; + } + if (filler.toLive) { + var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], additionalTransform = shouldInvert + ? fabric.util.matrixToSVG(iVpt) + : ''; + markup.push('\n'); + } + else { + markup.push('\n'); + } + }, + /* _TO_SVG_END_ */ + /** + * Moves an object or the objects of a multiple selection + * to the bottom of the stack of drawn objects + * @param {fabric.Object} object Object to send to back + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendToBack: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.unshift(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.unshift(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Moves an object or the objects of a multiple selection + * to the top of the stack of drawn objects + * @param {fabric.Object} object Object to send + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringToFront: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.push(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.push(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Moves an object or a selection down in stack of drawn objects + * An optional parameter, intersecting allows to move the object in behind + * the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendBackwards: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx > 0 + objsMoved) { + newIdx = idx - 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== 0) { + // if object is not on the bottom of stack + newIdx = this._findNewLowerIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * @private + */ + _findNewLowerIndex: function (object, idx, intersecting) { + var newIdx, i; + if (intersecting) { + newIdx = idx; + // traverse down the stack looking for the nearest intersecting object + for (i = idx - 1; i >= 0; --i) { + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx - 1; + } + return newIdx; + }, + /** + * Moves an object or a selection up in stack of drawn objects + * An optional parameter, intersecting allows to move the object in front + * of the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringForward: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx < this._objects.length - 1 - objsMoved) { + newIdx = idx + 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== this._objects.length - 1) { + // if object is not on top of stack (last item in an array) + newIdx = this._findNewUpperIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * @private + */ + _findNewUpperIndex: function (object, idx, intersecting) { + var newIdx, i, len; + if (intersecting) { + newIdx = idx; + // traverse up the stack looking for the nearest intersecting object + for (i = idx + 1, len = this._objects.length; i < len; ++i) { + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx + 1; + } + return newIdx; + }, + /** + * Moves an object to specified level in stack of drawn objects + * @param {fabric.Object} object Object to send + * @param {Number} index Position to move to + * @return {fabric.Canvas} thisArg + * @chainable + */ + moveTo: function (object, index) { + removeFromArray(this._objects, object); + this._objects.splice(index, 0, object); + return this.renderOnAddRemove && this.requestRenderAll(); + }, + /** + * Waits until rendering has settled to destroy the canvas + * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed + * @throws if aborted by a consequent call + */ + dispose: function () { + this.disposed = true; + return new Promise((resolve, reject) => { + const task = () => { + this.destroy(); + resolve(true); + }; + task.kill = reject; + if (this.__cleanupTask) { + this.__cleanupTask.kill('aborted'); + } + if (this.destroyed) { + resolve(false); + } + else if (this.nextRenderHandle) { + this.__cleanupTask = task; + } + else { + task(); + } + }); + }, + /** + * Clears the canvas element, disposes objects and frees resources + * + * **CAUTION**: + * + * This method is **UNSAFE**. + * You may encounter a race condition using it if there's a requested render. + * Call this method only if you are sure rendering has settled. + * Consider using {@link dispose} as it is **SAFE** + * + * @private + */ + destroy: function () { + this.destroyed = true; + this.cancelRequestedRender(); + this.forEachObject(function (object) { + object.dispose && object.dispose(); + }); + this._objects = []; + if (this.backgroundImage && this.backgroundImage.dispose) { + this.backgroundImage.dispose(); + } + this.backgroundImage = null; + if (this.overlayImage && this.overlayImage.dispose) { + this.overlayImage.dispose(); + } + this.overlayImage = null; + this._iTextInstances = null; + this.contextContainer = null; + // restore canvas style and attributes + this.lowerCanvasEl.classList.remove('lower-canvas'); + this.lowerCanvasEl.removeAttribute('data-fabric'); + if (this.interactive) { + this.lowerCanvasEl.style.cssText = this._originalCanvasStyle; + delete this._originalCanvasStyle; + } + // restore canvas size to original size in case retina scaling was applied + this.lowerCanvasEl.setAttribute('width', this.width); + this.lowerCanvasEl.setAttribute('height', this.height); + fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); + this.lowerCanvasEl = undefined; + }, + /** + * Returns a string representation of an instance + * @return {String} string representation of an instance + */ + toString: function () { + return ('#'); + }, + }); + // hack - class methods are not enumrable + // TODO remove when migrating to es6 + Object.getOwnPropertyNames(Observable.prototype).forEach((key) => { + if (key === 'constructor') + return; + Object.defineProperty(fabric.StaticCanvas.prototype, key, { + value: Observable.prototype[key], + }); + }); + Object.getOwnPropertyNames(CommonMethods.prototype).forEach((key) => { + if (key === 'constructor') + return; + Object.defineProperty(fabric.StaticCanvas.prototype, key, { + value: CommonMethods.prototype[key], + }); + }); + extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); + extend(fabric.StaticCanvas, + /** @lends fabric.StaticCanvas */ { + /** + * @static + * @type String + * @default + */ + EMPTY_JSON: '{"objects": [], "background": "white"}', + /** + * Provides a way to check support of some of the canvas methods + * (either those of HTMLCanvasElement itself, or rendering context) + * + * @param {String} methodName Method to check support for; + * Could be one of "setLineDash" + * @return {Boolean | null} `true` if method is supported (or at least exists), + * `null` if canvas element or context can not be initialized + */ + supports: function (methodName) { + var el = createCanvasElement(); + if (!el || !el.getContext) { + return null; + } + var ctx = el.getContext('2d'); + if (!ctx) { + return null; + } + switch (methodName) { + case 'setLineDash': + return typeof ctx.setLineDash !== 'undefined'; + default: + return null; + } + }, + }); + if (fabric.isLikelyNode) { + fabric.StaticCanvas.prototype.createPNGStream = function () { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createPNGStream(); + }; + fabric.StaticCanvas.prototype.createJPEGStream = function (opts) { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createJPEGStream(opts); + }; } - }); -})(); - +})(typeof exports !== 'undefined' ? exports : window); +const NOT_ALLOWED_CURSOR = 'not-allowed'; /** - * CircleBrush class - * @class fabric.CircleBrush + * @param {Boolean} alreadySelected true if target is already selected + * @param {String} corner a string representing the corner ml, mr, tl ... + * @param {Event} e Event object + * @param {FabricObject} [target] inserted back to help overriding. Unused */ -fabric.CircleBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.CircleBrush.prototype */ { - - /** - * Width of a brush - * @type Number - * @default - */ - width: 10, - - /** - * Constructor - * @param {fabric.Canvas} canvas - * @return {fabric.CircleBrush} Instance of a circle brush - */ - initialize: function(canvas) { - this.canvas = canvas; - this.points = []; - }, - - /** - * Invoked inside on mouse down and mouse move - * @param {Object} pointer - */ - drawDot: function(pointer) { - var point = this.addPoint(pointer), - ctx = this.canvas.contextTop; - this._saveAndTransform(ctx); - this.dot(ctx, point); - ctx.restore(); - }, - - dot: function(ctx, point) { - ctx.fillStyle = point.fill; - ctx.beginPath(); - ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); - ctx.closePath(); - ctx.fill(); - }, - - /** - * Invoked on mouse down - */ - onMouseDown: function(pointer) { - this.points.length = 0; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - this.drawDot(pointer); - }, - - /** - * Render the full state of the brush - * @private - */ - _render: function() { - var ctx = this.canvas.contextTop, i, len, - points = this.points; - this._saveAndTransform(ctx); - for (i = 0, len = points.length; i < len; i++) { - this.dot(ctx, points[i]); +const getActionFromCorner = (alreadySelected, corner, e, target) => { + if (!corner || !alreadySelected) { + return 'drag'; } - ctx.restore(); - }, - - /** - * Invoked on mouse move - * @param {Object} pointer - */ - onMouseMove: function(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this.needsFullRender()) { - this.canvas.clearContext(this.canvas.contextTop); - this.addPoint(pointer); - this._render(); + const control = target.controls[corner]; + return control.getActionName(e, control, target); +}; +/** + * Checks if transform is centered + * @param {Object} transform transform data + * @return {Boolean} true if transform is centered + */ +function isTransformCentered(transform) { + return transform.originX === 'center' && transform.originY === 'center'; +} +function invertOrigin(origin) { + return -resolveOrigin(origin) + 0.5; +} +const isLocked = (target, lockingKey) => target[lockingKey]; +const commonEventInfo = (eventData, transform, x, y) => { + return { + e: eventData, + transform, + pointer: new Point(x, y), + }; +}; +/** + * Combine control position and object angle to find the control direction compared + * to the object center. + * @param {FabricObject} fabricObject the fabric object for which we are rendering controls + * @param {Control} control the control class + * @return {Number} 0 - 7 a quadrant number + */ +function findCornerQuadrant(fabricObject, control) { + // angle is relative to canvas plane + const angle = fabricObject.getTotalAngle(), cornerAngle = angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; + return Math.round((cornerAngle % 360) / 45); +} +/** + * @returns the normalized point (rotated relative to center) in local coordinates + */ +function normalizePoint(target, point, originX, originY) { + const center = target.getRelativeCenterPoint(), p = typeof originX !== 'undefined' && typeof originY !== 'undefined' + ? target.translateToGivenOrigin(center, 'center', 'center', originX, originY) + : new Point(target.left, target.top), p2 = target.angle + ? point.rotate(-degreesToRadians(target.angle), center) + : point; + return p2.subtract(p); +} +/** + * Transforms a point to the offset from the given origin + * @param {Object} transform + * @param {String} originX + * @param {String} originY + * @param {number} x + * @param {number} y + * @return {Fabric.Point} the normalized point + */ +function getLocalPoint({ target, corner }, originX, originY, x, y) { + var _a; + const control = target.controls[corner], zoom = ((_a = target.canvas) === null || _a === void 0 ? void 0 : _a.getZoom()) || 1, padding = target.padding / zoom, localPoint = normalizePoint(target, new Point(x, y), originX, originY); + if (localPoint.x >= padding) { + localPoint.x -= padding; } - else { - this.drawDot(pointer); + if (localPoint.x <= -padding) { + localPoint.x += padding; } - }, - - /** - * Invoked on mouse up - */ - onMouseUp: function() { - var originalRenderOnAddRemove = this.canvas.renderOnAddRemove, i, len; - this.canvas.renderOnAddRemove = false; - - var circles = []; - - for (i = 0, len = this.points.length; i < len; i++) { - var point = this.points[i], - circle = new fabric.Circle({ - radius: point.radius, - left: point.x, - top: point.y, - originX: 'center', - originY: 'center', - fill: point.fill - }); - - this.shadow && (circle.shadow = new fabric.Shadow(this.shadow)); - - circles.push(circle); + if (localPoint.y >= padding) { + localPoint.y -= padding; } - var group = new fabric.Group(circles); - group.canvas = this.canvas; - - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - }, - - /** - * @param {Object} pointer - * @return {fabric.Point} Just added pointer point - */ - addPoint: function(pointer) { - var pointerPoint = new fabric.Point(pointer.x, pointer.y), - - circleRadius = fabric.util.getRandomInt( - Math.max(0, this.width - 20), this.width + 20) / 2, - - circleColor = new fabric.Color(this.color) - .setAlpha(fabric.util.getRandomInt(0, 100) / 100) - .toRgba(); - - pointerPoint.radius = circleRadius; - pointerPoint.fill = circleColor; - - this.points.push(pointerPoint); - - return pointerPoint; - } -}); + if (localPoint.y <= padding) { + localPoint.y += padding; + } + localPoint.x -= control.offsetX; + localPoint.y -= control.offsetY; + return localPoint; +} +const fireEvent = (eventName, options) => { + var _a; + const { transform: { target }, } = options; + (_a = target.canvas) === null || _a === void 0 ? void 0 : _a.fire(`object:${eventName}`, Object.assign(Object.assign({}, options), { target })); + target.fire(eventName, options); +}; /** - * SprayBrush class - * @class fabric.SprayBrush + * Wrap an action handler with firing an event if the action is performed + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature */ -fabric.SprayBrush = fabric.util.createClass( fabric.BaseBrush, /** @lends fabric.SprayBrush.prototype */ { - - /** - * Width of a spray - * @type Number - * @default - */ - width: 10, - - /** - * Density of a spray (number of dots per chunk) - * @type Number - * @default - */ - density: 20, - - /** - * Width of spray dots - * @type Number - * @default - */ - dotWidth: 1, - - /** - * Width variance of spray dots - * @type Number - * @default - */ - dotWidthVariance: 1, - - /** - * Whether opacity of a dot should be random - * @type Boolean - * @default - */ - randomOpacity: false, - - /** - * Whether overlapping dots (rectangles) should be removed (for performance reasons) - * @type Boolean - * @default - */ - optimizeOverlapping: true, - - /** - * Constructor - * @param {fabric.Canvas} canvas - * @return {fabric.SprayBrush} Instance of a spray brush - */ - initialize: function(canvas) { - this.canvas = canvas; - this.sprayChunks = []; - }, - - /** - * Invoked on mouse down - * @param {Object} pointer - */ - onMouseDown: function(pointer) { - this.sprayChunks.length = 0; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - - this.addSprayChunk(pointer); - this.render(this.sprayChunkPoints); - }, - - /** - * Invoked on mouse move - * @param {Object} pointer - */ - onMouseMove: function(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - this.addSprayChunk(pointer); - this.render(this.sprayChunkPoints); - }, - - /** - * Invoked on mouse up - */ - onMouseUp: function() { - var originalRenderOnAddRemove = this.canvas.renderOnAddRemove; - this.canvas.renderOnAddRemove = false; - - var rects = []; - - for (var i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { - var sprayChunk = this.sprayChunks[i]; +const wrapWithFireEvent = (eventName, actionHandler) => { + return ((eventData, transform, x, y) => { + const actionPerformed = actionHandler(eventData, transform, x, y); + if (actionPerformed) { + fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); + } + return actionPerformed; + }); +}; - for (var j = 0, jlen = sprayChunk.length; j < jlen; j++) { +/** + * Wrap an action handler with saving/restoring object position on the transform. + * this is the code that permits to objects to keep their position while transforming. + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature + */ +function wrapWithFixedAnchor(actionHandler) { + return ((eventData, transform, x, y) => { + const { target, originX, originY } = transform, centerPoint = target.getRelativeCenterPoint(), constraint = target.translateToOriginPoint(centerPoint, originX, originY), actionPerformed = actionHandler(eventData, transform, x, y); + target.setPositionByOrigin(constraint, originX, originY); + return actionPerformed; + }); +} - var rect = new fabric.Rect({ - width: sprayChunk[j].width, - height: sprayChunk[j].width, - left: sprayChunk[j].x + 1, - top: sprayChunk[j].y + 1, - originX: 'center', - originY: 'center', - fill: this.color - }); - rects.push(rect); - } +/** + * Action handler to change object's width + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const changeObjectWidth = (eventData, transform, x, y) => { + const localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); + // make sure the control changes width ONLY from it's side of target + if (transform.originX === 'center' || + (transform.originX === 'right' && localPoint.x < 0) || + (transform.originX === 'left' && localPoint.x > 0)) { + const { target } = transform, strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), multiplier = isTransformCentered(transform) ? 2 : 1, oldWidth = target.width, newWidth = Math.ceil(Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding); + target.set('width', Math.max(newWidth, 0)); + // check against actual target width in case `newWidth` was rejected + return oldWidth !== target.width; } + return false; +}; +const changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeObjectWidth)); - if (this.optimizeOverlapping) { - rects = this._getOptimizedRects(rects); +/** + * Render a round control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for FabricObject controls style + * @param {FabricObject} fabricObject the fabric object for which we are rendering controls + */ +function renderCircleControl(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' + ? styleOverride.transparentCorners + : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && + (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor); + let myLeft = left, myTop = top, size; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; + ctx.strokeStyle = + styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; + // TODO: use proper ellipse code. + if (xSize > ySize) { + size = xSize; + ctx.scale(1.0, ySize / xSize); + myTop = (top * xSize) / ySize; } - - var group = new fabric.Group(rects); - this.shadow && group.set('shadow', new fabric.Shadow(this.shadow)); - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - }, - - /** - * @private - * @param {Array} rects - */ - _getOptimizedRects: function(rects) { - - // avoid creating duplicate rects at the same coordinates - var uniqueRects = { }, key, i, len; - - for (i = 0, len = rects.length; i < len; i++) { - key = rects[i].left + '' + rects[i].top; - if (!uniqueRects[key]) { - uniqueRects[key] = rects[i]; - } + else if (ySize > xSize) { + size = ySize; + ctx.scale(xSize / ySize, 1.0); + myLeft = (left * ySize) / xSize; } - var uniqueRectsArray = []; - for (key in uniqueRects) { - uniqueRectsArray.push(uniqueRects[key]); + else { + size = xSize; } - - return uniqueRectsArray; - }, - - /** - * Render new chunk of spray brush - */ - render: function(sprayChunk) { - var ctx = this.canvas.contextTop, i, len; - ctx.fillStyle = this.color; - - this._saveAndTransform(ctx); - - for (i = 0, len = sprayChunk.length; i < len; i++) { - var point = sprayChunk[i]; - if (typeof point.opacity !== 'undefined') { - ctx.globalAlpha = point.opacity; - } - ctx.fillRect(point.x, point.y, point.width, point.width); + // this is still wrong + ctx.lineWidth = 1; + ctx.beginPath(); + ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false); + ctx[methodName](); + if (stroke) { + ctx.stroke(); } ctx.restore(); - }, - - /** - * Render all spray chunks - */ - _render: function() { - var ctx = this.canvas.contextTop, i, ilen; - ctx.fillStyle = this.color; - - this._saveAndTransform(ctx); - - for (i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { - this.render(this.sprayChunks[i]); +} +/** + * Render a square control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for FabricObject controls style + * @param {FabricObject} fabricObject the fabric object for which we are rendering controls + */ +function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' + ? styleOverride.transparentCorners + : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && + (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; + ctx.strokeStyle = + styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; + // this is still wrong + ctx.lineWidth = 1; + ctx.translate(left, top); + // angle is relative to canvas plane + const angle = fabricObject.getTotalAngle(); + ctx.rotate(degreesToRadians(angle)); + // this does not work, and fixed with ( && ) does not make sense. + // to have real transparent corners we need the controls on upperCanvas + // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); + ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize); + if (stroke) { + ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); } ctx.restore(); - }, - - /** - * @param {Object} pointer - */ - addSprayChunk: function(pointer) { - this.sprayChunkPoints = []; - - var x, y, width, radius = this.width / 2, i; - - for (i = 0; i < this.density; i++) { - - x = fabric.util.getRandomInt(pointer.x - radius, pointer.x + radius); - y = fabric.util.getRandomInt(pointer.y - radius, pointer.y + radius); - - if (this.dotWidthVariance) { - width = fabric.util.getRandomInt( - // bottom clamp width to 1 - Math.max(1, this.dotWidth - this.dotWidthVariance), - this.dotWidth + this.dotWidthVariance); - } - else { - width = this.dotWidth; - } - - var point = new fabric.Point(x, y); - point.width = width; - - if (this.randomOpacity) { - point.opacity = fabric.util.getRandomInt(0, 100) / 100; - } +} - this.sprayChunkPoints.push(point); +/** + * Action handler + * @private + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if the translation occurred + */ +const dragHandler = (eventData, transform, x, y) => { + const { target, offsetX, offsetY } = transform, newLeft = x - offsetX, newTop = y - offsetY, moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft, moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop; + moveX && target.set('left', newLeft); + moveY && target.set('top', newTop); + if (moveX || moveY) { + fireEvent('moving', commonEventInfo(eventData, transform, x, y)); } + return moveX || moveY; +}; - this.sprayChunks.push(this.sprayChunkPoints); - } -}); - - +// @ts-nocheck /** - * PatternBrush class - * @class fabric.PatternBrush - * @extends fabric.BaseBrush + * Find the correct style for the control that is used for rotation. + * this function is very simple and it just take care of not-allowed or standard cursor + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor */ -fabric.PatternBrush = fabric.util.createClass(fabric.PencilBrush, /** @lends fabric.PatternBrush.prototype */ { - - getPatternSrc: function() { - - var dotWidth = 20, - dotDistance = 5, - patternCanvas = fabric.util.createCanvasElement(), - patternCtx = patternCanvas.getContext('2d'); - - patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; - - patternCtx.fillStyle = this.color; - patternCtx.beginPath(); - patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); - patternCtx.closePath(); - patternCtx.fill(); - - return patternCanvas; - }, +const rotationStyleHandler = (eventData, control, fabricObject) => { + if (fabricObject.lockRotation) { + return NOT_ALLOWED_CURSOR; + } + return control.cursorStyle; +}; +/** + * Action handler for rotation and snapping, without anchor point. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + * @private + */ +const rotateObjectWithSnapping = (eventData, { target, ex, ey, theta, originX, originY }, x, y) => { + const pivotPoint = target.translateToOriginPoint(target.getRelativeCenterPoint(), originX, originY); + if (isLocked(target, 'lockRotation')) { + return false; + } + const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x), curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x); + let angle = radiansToDegrees(curAngle - lastAngle + theta); + if (target.snapAngle && target.snapAngle > 0) { + const snapAngle = target.snapAngle, snapThreshold = target.snapThreshold || snapAngle, rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; + if (Math.abs(angle - leftAngleLocked) < snapThreshold) { + angle = leftAngleLocked; + } + else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { + angle = rightAngleLocked; + } + } + // normalize angle to positive value + if (angle < 0) { + angle = 360 + angle; + } + angle %= 360; + const hasRotated = target.angle !== angle; + // TODO: why aren't we using set? + target.angle = angle; + return hasRotated; +}; +const rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotateObjectWithSnapping)); - getPatternSrcFunction: function() { - return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); - }, +/** + * Inspect event and fabricObject properties to understand if the scaling action + * @param {Event} eventData from the user action + * @param {FabricObject} fabricObject the fabric object about to scale + * @return {Boolean} true if scale is proportional + */ +function scaleIsProportional(eventData, fabricObject) { + const canvas = fabricObject.canvas, uniformIsToggled = eventData[canvas.uniScaleKey]; + return ((canvas.uniformScaling && !uniformIsToggled) || + (!canvas.uniformScaling && uniformIsToggled)); +} +/** + * Inspect fabricObject to understand if the current scaling action is allowed + * @param {FabricObject} fabricObject the fabric object about to scale + * @param {String} by 'x' or 'y' or '' + * @param {Boolean} scaleProportionally true if we are trying to scale proportionally + * @return {Boolean} true if scaling is not allowed at current conditions + */ +function scalingIsForbidden(fabricObject, by, scaleProportionally) { + const lockX = isLocked(fabricObject, 'lockScalingX'), lockY = isLocked(fabricObject, 'lockScalingY'); + if (lockX && lockY) { + return true; + } + if (!by && (lockX || lockY) && scaleProportionally) { + return true; + } + if (lockX && by === 'x') { + return true; + } + if (lockY && by === 'y') { + return true; + } + return false; +} +const scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e']; +/** + * return the correct cursor style for the scale action + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ +const scaleCursorStyleHandler = (eventData, control, fabricObject) => { + const scaleProportionally = scaleIsProportional(eventData, fabricObject), by = control.x !== 0 && control.y === 0 + ? 'x' + : control.x === 0 && control.y !== 0 + ? 'y' + : ''; + if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { + return NOT_ALLOWED_CURSOR; + } + const n = findCornerQuadrant(fabricObject, control); + return `${scaleMap[n]}-resize`; +}; +/** + * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @param {Object} options additional information for scaling + * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling + * @return {Boolean} true if some change happened + * @private + */ +function scaleObject(eventData, transform, x, y, options = {}) { + const target = transform.target, by = options.by, scaleProportionally = scaleIsProportional(eventData, target), forbidScaling = scalingIsForbidden(target, by, scaleProportionally); + let newPoint, scaleX, scaleY, dim, signX, signY; + if (forbidScaling) { + return false; + } + if (transform.gestureScale) { + scaleX = transform.scaleX * transform.gestureScale; + scaleY = transform.scaleY * transform.gestureScale; + } + else { + newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); + // use of sign: We use sign to detect change of direction of an action. sign usually change when + // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling + // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily + // cross many time the origin point and flip the object. so we need a way to filter out the noise. + // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. + signX = by !== 'y' ? Math.sign(newPoint.x) : 1; + signY = by !== 'x' ? Math.sign(newPoint.y) : 1; + if (!transform.signX) { + transform.signX = signX; + } + if (!transform.signY) { + transform.signY = signY; + } + if (isLocked(target, 'lockScalingFlip') && + (transform.signX !== signX || transform.signY !== signY)) { + return false; + } + dim = target._getTransformedDimensions(); + // missing detection of flip and logic to switch the origin + if (scaleProportionally && !by) { + // uniform scaling + const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), { original } = transform, originalDistance = Math.abs((dim.x * original.scaleX) / target.scaleX) + + Math.abs((dim.y * original.scaleY) / target.scaleY), scale = distance / originalDistance; + scaleX = original.scaleX * scale; + scaleY = original.scaleY * scale; + } + else { + scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x); + scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y); + } + // if we are scaling by center, we need to double the scale + if (isTransformCentered(transform)) { + scaleX *= 2; + scaleY *= 2; + } + if (transform.signX !== signX && by !== 'y') { + transform.originX = invertOrigin(transform.originX); + scaleX *= -1; + transform.signX = signX; + } + if (transform.signY !== signY && by !== 'x') { + transform.originY = invertOrigin(transform.originY); + scaleY *= -1; + transform.signY = signY; + } + } + // minScale is taken are in the setter. + const oldScaleX = target.scaleX, oldScaleY = target.scaleY; + if (!by) { + !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX); + !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY); + } + else { + // forbidden cases already handled on top here. + by === 'x' && target.set('scaleX', scaleX); + by === 'y' && target.set('scaleY', scaleY); + } + return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; +} +/** + * Generic scaling logic, to scale from corners either equally or freely. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scaleObjectFromCorner = (eventData, transform, x, y) => { + return scaleObject(eventData, transform, x, y); +}; +/** + * Scaling logic for the X axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scaleObjectX = (eventData, transform, x, y) => { + return scaleObject(eventData, transform, x, y, { by: 'x' }); +}; +/** + * Scaling logic for the Y axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scaleObjectY = (eventData, transform, x, y) => { + return scaleObject(eventData, transform, x, y, { by: 'y' }); +}; +const scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectFromCorner)); +const scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); +const scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); + +const AXIS_KEYS = { + x: { + counterAxis: 'y', + scale: 'scaleX', + skew: 'skewX', + lockSkewing: 'lockSkewingX', + origin: 'originX', + flip: 'flipX', + }, + y: { + counterAxis: 'x', + scale: 'scaleY', + skew: 'skewY', + lockSkewing: 'lockSkewingY', + origin: 'originY', + flip: 'flipY', + }, +}; +const skewMap = ['ns', 'nesw', 'ew', 'nwse']; +/** + * return the correct cursor style for the skew action + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ +const skewCursorStyleHandler = (eventData, control, fabricObject) => { + if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) { + return NOT_ALLOWED_CURSOR; + } + if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) { + return NOT_ALLOWED_CURSOR; + } + const n = findCornerQuadrant(fabricObject, control) % 4; + return `${skewMap[n]}-resize`; +}; +/** + * Since skewing is applied before scaling, calculations are done in a scaleless plane + * @see https://github.com/fabricjs/fabric.js/pull/8380 + */ +function skewObject(axis, _a, pointer) { + var { target, ex, ey, skewingSide } = _a, transform = __rest(_a, ["target", "ex", "ey", "skewingSide"]); + const { skew: skewKey } = AXIS_KEYS[axis], offset = pointer + .subtract(new Point(ex, ey)) + .divide(new Point(target.scaleX, target.scaleY))[axis], skewingBefore = target[skewKey], skewingStart = transform[skewKey], shearingStart = Math.tan(degreesToRadians(skewingStart)), + // let a, b be the size of target + // let a' be the value of a after applying skewing + // then: + // a' = a + b * skewA => skewA = (a' - a) / b + // the value b is tricky since skewY is applied before skewX + b = axis === 'y' + ? target._getTransformedDimensions({ + scaleX: 1, + scaleY: 1, + // since skewY is applied before skewX, b (=width) is not affected by skewX + skewX: 0, + }).x + : target._getTransformedDimensions({ + scaleX: 1, + scaleY: 1, + }).y; + const shearing = (2 * offset * skewingSide) / + // we max out fractions to safeguard from asymptotic behavior + Math.max(b, 1) + + // add starting state + shearingStart; + const skewing = radiansToDegrees(Math.atan(shearing)); + target.set(skewKey, skewing); + const changed = skewingBefore !== target[skewKey]; + if (changed && axis === 'y') { + // we don't want skewing to affect scaleX + // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer + const { skewX, scaleX } = target, dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }), dimAfter = target._getTransformedDimensions(), compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1; + compensationFactor !== 1 && + target.set('scaleX', compensationFactor * scaleX); + } + return changed; +} +/** + * Wrapped Action handler for skewing on a given axis, takes care of the + * skew direction and determines the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +function skewHandler(axis, eventData, transform, x, y) { + const { target } = transform, { counterAxis, origin: originKey, lockSkewing: lockSkewingKey, skew: skewKey, flip: flipKey, } = AXIS_KEYS[axis]; + if (isLocked(target, lockSkewingKey)) { + return false; + } + const { origin: counterOriginKey, flip: counterFlipKey } = AXIS_KEYS[counterAxis], counterOriginFactor = resolveOrigin(transform[counterOriginKey]) * + (target[counterFlipKey] ? -1 : 1), + // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively. + // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively. + // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer, + // so we factor skewing direction by this value. + skewingSide = (-Math.sign(counterOriginFactor) * + (target[flipKey] ? -1 : 1)), skewingDirection = ((target[skewKey] === 0 && + // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing + getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) || + // in case target has skewing we use that as the direction + target[skewKey] > 0 + ? 1 + : -1) * skewingSide, + // anchor to the opposite side of the skewing direction + // normalize value from [-1, 1] to origin value [0, 1] + origin = -skewingDirection * 0.5 + 0.5; + const finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor((eventData, transform, x, y) => skewObject(axis, transform, new Point(x, y)))); + return finalHandler(eventData, Object.assign(Object.assign({}, transform), { [originKey]: origin, skewingSide }), x, y); +} +/** + * Wrapped Action handler for skewing on the X axis, takes care of the + * skew direction and determines the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const skewHandlerX = (eventData, transform, x, y) => { + return skewHandler('x', eventData, transform, x, y); +}; +/** + * Wrapped Action handler for skewing on the Y axis, takes care of the + * skew direction and determines the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const skewHandlerY = (eventData, transform, x, y) => { + return skewHandler('y', eventData, transform, x, y); +}; - /** - * Creates "pattern" instance property - * @param {CanvasRenderingContext2D} ctx - */ - getPattern: function(ctx) { - return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); - }, +function isAltAction(eventData, target) { + var _a; + return eventData[(_a = target.canvas) === null || _a === void 0 ? void 0 : _a.altActionKey]; +} +/** + * Inspect event, control and fabricObject to return the correct action name + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} an action name + */ +const scaleOrSkewActionName = (eventData, control, fabricObject) => { + const isAlternative = isAltAction(eventData, fabricObject); + if (control.x === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewX' : 'scaleY'; + } + if (control.y === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewY' : 'scaleX'; + } +}; +/** + * Combine skew and scale style handlers to cover fabric standard use case + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ +const scaleSkewCursorStyleHandler = (eventData, control, fabricObject) => { + return isAltAction(eventData, fabricObject) + ? skewCursorStyleHandler(eventData, control, fabricObject) + : scaleCursorStyleHandler(eventData, control, fabricObject); +}; +/** + * Composed action handler to either scale X or skew Y + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scalingXOrSkewingY = (eventData, transform, x, y) => { + return isAltAction(eventData, transform.target) + ? skewHandlerY(eventData, transform, x, y) + : scalingX(eventData, transform, x, y); +}; +/** + * Composed action handler to either scale Y or skew X + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scalingYOrSkewingX = (eventData, transform, x, y) => { + return isAltAction(eventData, transform.target) + ? skewHandlerX(eventData, transform, x, y) + : scalingY(eventData, transform, x, y); +}; - /** - * Sets brush styles - * @param {CanvasRenderingContext2D} ctx - */ - _setBrushStyles: function(ctx) { - this.callSuper('_setBrushStyles', ctx); - ctx.strokeStyle = this.getPattern(ctx); - }, - - /** - * Creates path - */ - createPath: function(pathData) { - var path = this.callSuper('createPath', pathData), - topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); - - path.stroke = new fabric.Pattern({ - source: this.source || this.getPatternSrcFunction(), - offsetX: -topLeft.x, - offsetY: -topLeft.y - }); - return path; - } -}); - - -(function() { - - var getPointer = fabric.util.getPointer, - degreesToRadians = fabric.util.degreesToRadians, - isTouchEvent = fabric.util.isTouchEvent; - - /** - * Canvas class - * @class fabric.Canvas - * @extends fabric.StaticCanvas - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} - * @see {@link fabric.Canvas#initialize} for constructor definition - * - * @fires object:modified at the end of a transform or any change when statefull is true - * @fires object:rotating while an object is being rotated from the control - * @fires object:scaling while an object is being scaled by controls - * @fires object:moving while an object is being dragged - * @fires object:skewing while an object is being skewed from the controls - * - * @fires before:transform before a transform is is started - * @fires before:selection:cleared - * @fires selection:cleared - * @fires selection:updated - * @fires selection:created - * - * @fires path:created after a drawing operation ends and the path is added - * @fires mouse:down - * @fires mouse:move - * @fires mouse:up - * @fires mouse:down:before on mouse down, before the inner fabric logic runs - * @fires mouse:move:before on mouse move, before the inner fabric logic runs - * @fires mouse:up:before on mouse up, before the inner fabric logic runs - * @fires mouse:over - * @fires mouse:out - * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drop:before before drop event. same native event. This is added to handle edge cases - * @fires drop - * @fires after:render at the end of the render process, receives the context in the callback - * @fires before:render at start the render process, receives the context in the callback - * - */ - fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, /** @lends fabric.Canvas.prototype */ { - - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function(el, options) { - options || (options = { }); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - this._initInteractive(); - this._createCacheCanvas(); - }, - - /** - * When true, objects can be transformed by one side (unproportionally) - * when dragged on the corners that normally would not do that. - * @type Boolean - * @default - * @since fabric 4.0 // changed name and default value - */ - uniformScaling: true, - - /** - * Indicates which key switches uniform scaling. - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * totally wrong named. this sounds like `uniform scaling` - * if Canvas.uniformScaling is true, pressing this will set it to false - * and viceversa. - * @since 1.6.2 - * @type String - * @default - */ - uniScaleKey: 'shiftKey', - - /** - * When true, objects use center point as the origin of scale transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredScaling: false, - - /** - * When true, objects use center point as the origin of rotate transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredRotation: false, - - /** - * Indicates which key enable centered Transform - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type String - * @default - */ - centeredKey: 'altKey', - - /** - * Indicates which key enable alternate action on corner - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type String - * @default - */ - altActionKey: 'shiftKey', - - /** - * Indicates that canvas is interactive. This property should not be changed. - * @type Boolean - * @default - */ - interactive: true, - - /** - * Indicates whether group selection should be enabled - * @type Boolean - * @default - */ - selection: true, - - /** - * Indicates which key or keys enable multiple click selection - * Pass value as a string or array of strings - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or empty or containing any other string that is not a modifier key - * feature is disabled. - * @since 1.6.2 - * @type String|Array - * @default - */ - selectionKey: 'shiftKey', - - /** - * Indicates which key enable alternative selection - * in case of target overlapping with active object - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * For a series of reason that come from the general expectations on how - * things should work, this feature works only for preserveObjectStacking true. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * @since 1.6.5 - * @type null|String - * @default - */ - altSelectionKey: null, - - /** - * Color of selection - * @type String - * @default - */ - selectionColor: 'rgba(100, 100, 255, 0.3)', // blue - - /** - * Default dash array pattern - * If not empty the selection border is dashed - * @type Array - */ - selectionDashArray: [], - - /** - * Color of the border of selection (usually slightly darker than color of selection itself) - * @type String - * @default - */ - selectionBorderColor: 'rgba(255, 255, 255, 0.3)', - - /** - * Width of a line used in object/group selection - * @type Number - * @default - */ - selectionLineWidth: 1, - - /** - * Select only shapes that are fully contained in the dragged selection rectangle. - * @type Boolean - * @default - */ - selectionFullyContained: false, - - /** - * Default cursor value used when hovering over an object on canvas - * @type String - * @default - */ - hoverCursor: 'move', - - /** - * Default cursor value used when moving an object on canvas - * @type String - * @default - */ - moveCursor: 'move', - - /** - * Default cursor value used for the entire canvas - * @type String - * @default - */ - defaultCursor: 'default', - - /** - * Cursor value used during free drawing - * @type String - * @default - */ - freeDrawingCursor: 'crosshair', - - /** - * Cursor value used for disabled elements ( corners with disabled action ) - * @type String - * @since 2.0.0 - * @default - */ - notAllowedCursor: 'not-allowed', - - /** - * Default element class that's given to wrapper (div) element of canvas - * @type String - * @default - */ - containerClass: 'canvas-container', - - /** - * When true, object detection happens on per-pixel basis rather than on per-bounding-box - * @type Boolean - * @default - */ - perPixelTargetFind: false, - - /** - * Number of pixels around target pixel to tolerate (consider active) during object detection - * @type Number - * @default - */ - targetFindTolerance: 0, - - /** - * When true, target detection is skipped. Target detection will return always undefined. - * click selection won't work anymore, events will fire with no targets. - * if something is selected before setting it to true, it will be deselected at the first click. - * area selection will still work. check the `selection` property too. - * if you deactivate both, you should look into staticCanvas. - * @type Boolean - * @default - */ - skipTargetFind: false, - - /** - * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. - * After mousedown, mousemove creates a shape, - * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. - * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} - * @type Boolean - * @default - */ - isDrawingMode: false, - - /** - * Indicates whether objects should remain in current stack position when selected. - * When false objects are brought to top and rendered as part of the selection group - * @type Boolean - * @default - */ - preserveObjectStacking: false, - - /** - * Indicates the angle that an object will lock to while rotating. - * @type Number - * @since 1.6.7 - * @default - */ - snapAngle: 0, - - /** - * Indicates the distance from the snapAngle the rotation will lock to the snapAngle. - * When `null`, the snapThreshold will default to the snapAngle. - * @type null|Number - * @since 1.6.7 - * @default - */ - snapThreshold: null, - - /** - * Indicates if the right click on canvas can output the context menu or not - * @type Boolean - * @since 1.6.5 - * @default - */ - stopContextMenu: false, - - /** - * Indicates if the canvas can fire right click events - * @type Boolean - * @since 1.6.5 - * @default - */ - fireRightClick: false, - - /** - * Indicates if the canvas can fire middle click events - * @type Boolean - * @since 1.7.8 - * @default - */ - fireMiddleClick: false, - - /** - * Keep track of the subTargets for Mouse Events - * @type fabric.Object[] - */ - targets: [], - - /** - * When the option is enabled, PointerEvent is used instead of MouseEvent. - * @type Boolean - * @default - */ - enablePointerEvents: false, - - /** - * Keep track of the hovered target - * @type fabric.Object - * @private - */ - _hoveredTarget: null, - - /** - * hold the list of nested targets hovered - * @type fabric.Object[] - * @private - */ - _hoveredTargets: [], - - /** - * @private - */ - _initInteractive: function() { - this._currentTransform = null; - this._groupSelector = null; - this._initWrapperElement(); - this._createUpperCanvas(); - this._initEventListeners(); - - this._initRetinaScaling(); - - this.freeDrawingBrush = fabric.PencilBrush && new fabric.PencilBrush(this); - - this.calcOffset(); - }, - - /** - * Divides objects in two groups, one to render immediately - * and one to render as activeGroup. - * @return {Array} objects to render immediately and pushes the other in the activeGroup. - */ - _chooseObjectsToRender: function() { - var activeObjects = this.getActiveObjects(), - object, objsToRender, activeGroupObjects; - - if (activeObjects.length > 0 && !this.preserveObjectStacking) { - objsToRender = []; - activeGroupObjects = []; - for (var i = 0, length = this._objects.length; i < length; i++) { - object = this._objects[i]; - if (activeObjects.indexOf(object) === -1 ) { - objsToRender.push(object); - } - else { - activeGroupObjects.push(object); - } - } - if (activeObjects.length > 1) { - this._activeObject._objects = activeGroupObjects; - } - objsToRender.push.apply(objsToRender, activeGroupObjects); - } - else { - objsToRender = this._objects; - } - return objsToRender; - }, - - /** - * Renders both the top canvas and the secondary container canvas. - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - if (this.contextTopDirty && !this._groupSelector && !this.isDrawingMode) { - this.clearContext(this.contextTop); - this.contextTopDirty = false; - } - if (this.hasLostContext) { - this.renderTopLayer(this.contextTop); - this.hasLostContext = false; - } - var canvasToDrawOn = this.contextContainer; - this.renderCanvas(canvasToDrawOn, this._chooseObjectsToRender()); - return this; - }, - - renderTopLayer: function(ctx) { - ctx.save(); - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this.freeDrawingBrush && this.freeDrawingBrush._render(); - this.contextTopDirty = true; - } - // we render the top context - last object - if (this.selection && this._groupSelector) { - this._drawSelection(ctx); - this.contextTopDirty = true; - } - ctx.restore(); - }, - - /** - * Method to render only the top canvas. - * Also used to render the group selection box. - * @return {fabric.Canvas} thisArg - * @chainable - */ - renderTop: function () { - var ctx = this.contextTop; - this.clearContext(ctx); - this.renderTopLayer(ctx); - this.fire('after:render'); - return this; - }, - - /** - * @private - */ - _normalizePointer: function (object, pointer) { - var m = object.calcTransformMatrix(), - invertedM = fabric.util.invertTransform(m), - vptPointer = this.restorePointerVpt(pointer); - return fabric.util.transformPoint(vptPointer, invertedM); - }, - - /** - * Returns true if object is transparent at a certain location - * @param {fabric.Object} target Object to check - * @param {Number} x Left coordinate - * @param {Number} y Top coordinate - * @return {Boolean} - */ - isTargetTransparent: function (target, x, y) { - // in case the target is the activeObject, we cannot execute this optimization - // because we need to draw controls too. - if (target.shouldCache() && target._cacheCanvas && target !== this._activeObject) { - var normalizedPointer = this._normalizePointer(target, {x: x, y: y}), - targetRelativeX = Math.max(target.cacheTranslationX + (normalizedPointer.x * target.zoomX), 0), - targetRelativeY = Math.max(target.cacheTranslationY + (normalizedPointer.y * target.zoomY), 0); - - var isTransparent = fabric.util.isTransparent( - target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); - - return isTransparent; - } - - var ctx = this.contextCache, - originalColor = target.selectionBackgroundColor, v = this.viewportTransform; - - target.selectionBackgroundColor = ''; - - this.clearContext(ctx); - - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - target.render(ctx); - ctx.restore(); - - target.selectionBackgroundColor = originalColor; - - var isTransparent = fabric.util.isTransparent( - ctx, x, y, this.targetFindTolerance); - - return isTransparent; - }, - - /** - * takes an event and determines if selection key has been pressed - * @private - * @param {Event} e Event object - */ - _isSelectionKeyPressed: function(e) { - var selectionKeyPressed = false; - - if (Object.prototype.toString.call(this.selectionKey) === '[object Array]') { - selectionKeyPressed = !!this.selectionKey.find(function(key) { return e[key] === true; }); - } - else { - selectionKeyPressed = e[this.selectionKey]; - } - - return selectionKeyPressed; - }, - - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _shouldClearSelection: function (e, target) { - var activeObjects = this.getActiveObjects(), - activeObject = this._activeObject; - - return ( - !target - || - (target && - activeObject && - activeObjects.length > 1 && - activeObjects.indexOf(target) === -1 && - activeObject !== target && - !this._isSelectionKeyPressed(e)) - || - (target && !target.evented) - || - (target && - !target.selectable && - activeObject && - activeObject !== target) - ); - }, - - /** - * centeredScaling from object can't override centeredScaling from canvas. - * this should be fixed, since object setting should take precedence over canvas. - * also this should be something that will be migrated in the control properties. - * as ability to define the origin of the transformation that the control provide. - * @private - * @param {fabric.Object} target - * @param {String} action - * @param {Boolean} altKey - */ - _shouldCenterTransform: function (target, action, altKey) { - if (!target) { - return; - } - - var centerTransform; - - if (action === 'scale' || action === 'scaleX' || action === 'scaleY' || action === 'resizing') { - centerTransform = this.centeredScaling || target.centeredScaling; - } - else if (action === 'rotate') { - centerTransform = this.centeredRotation || target.centeredRotation; - } - - return centerTransform ? !altKey : altKey; - }, - - /** - * should disappear before release 4.0 - * @private - */ - _getOriginFromCorner: function(target, corner) { - var origin = { - x: target.originX, - y: target.originY - }; - - if (corner === 'ml' || corner === 'tl' || corner === 'bl') { - origin.x = 'right'; - } - else if (corner === 'mr' || corner === 'tr' || corner === 'br') { - origin.x = 'left'; - } - - if (corner === 'tl' || corner === 'mt' || corner === 'tr') { - origin.y = 'bottom'; - } - else if (corner === 'bl' || corner === 'mb' || corner === 'br') { - origin.y = 'top'; - } - return origin; - }, +/** + * @todo remove as unused + */ +fabric$1.controlsUtils = { + scaleCursorStyleHandler, + skewCursorStyleHandler, + scaleSkewCursorStyleHandler, + rotationWithSnapping, + scalingEqually, + scalingX, + scalingY, + scalingYOrSkewingX, + scalingXOrSkewingY, + changeWidth, + skewHandlerX, + skewHandlerY, + dragHandler, + scaleOrSkewActionName, + rotationStyleHandler, + wrapWithFixedAnchor, + wrapWithFireEvent, + getLocalPoint, + renderCircleControl, + renderSquareControl, +}; +//@ts-nocheck +(function (global) { + var fabric = global.fabric, getPointer = fabric.util.getPointer, degreesToRadians = fabric.util.degreesToRadians, isTouchEvent = fabric.util.isTouchEvent; /** - * @private - * @param {Boolean} alreadySelected true if target is already selected - * @param {String} corner a string representing the corner ml, mr, tl ... - * @param {Event} e Event object - * @param {fabric.Object} [target] inserted back to help overriding. Unused + * Canvas class + * @class fabric.Canvas + * @extends fabric.StaticCanvas + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} + * @see {@link fabric.Canvas#initialize} for constructor definition + * + * @fires object:modified at the end of a transform or any change when statefull is true + * @fires object:rotating while an object is being rotated from the control + * @fires object:scaling while an object is being scaled by controls + * @fires object:moving while an object is being dragged + * @fires object:skewing while an object is being skewed from the controls + * + * @fires before:transform before a transform is is started + * @fires before:selection:cleared + * @fires selection:cleared + * @fires selection:updated + * @fires selection:created + * + * @fires path:created after a drawing operation ends and the path is added + * @fires mouse:down + * @fires mouse:move + * @fires mouse:up + * @fires mouse:down:before on mouse down, before the inner fabric logic runs + * @fires mouse:move:before on mouse move, before the inner fabric logic runs + * @fires mouse:up:before on mouse up, before the inner fabric logic runs + * @fires mouse:over + * @fires mouse:out + * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drag:enter object drag enter + * @fires drag:leave object drag leave + * @fires drop:before before drop event. Prepare for the drop event (same native event). + * @fires drop + * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event). + * @example + * let a: fabric.Object, b: fabric.Object; + * let flag = false; + * canvas.add(a, b); + * a.on('drop:before', opt => { + * // we want a to accept the drop even though it's below b in the stack + * flag = this.canDrop(opt.e); + * }); + * b.canDrop = function(e) { + * !flag && this.callSuper('canDrop', e); + * } + * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black')); + * a.on('drop', opt => { + * opt.e.defaultPrevented // drop occured + * opt.didDrop // drop occured on canvas + * opt.target // drop target + * opt.target !== a && a.set('text', 'I lost'); + * }); + * canvas.on('drop:after', opt => { + * // inform user who won + * if(!opt.e.defaultPrevented) { + * // no winners + * } + * else if(!opt.didDrop) { + * // my objects didn't win, some other lucky object + * } + * else { + * // we have a winner it's opt.target!! + * } + * }) + * + * @fires after:render at the end of the render process, receives the context in the callback + * @fires before:render at start the render process, receives the context in the callback + * + * @fires contextmenu:before + * @fires contextmenu + * @example + * let handler; + * targets.forEach(target => { + * target.on('contextmenu:before', opt => { + * // decide which target should handle the event before canvas hijacks it + * if (someCaseHappens && opt.targets.includes(target)) { + * handler = target; + * } + * }); + * target.on('contextmenu', opt => { + * // do something fantastic + * }); + * }); + * canvas.on('contextmenu', opt => { + * if (!handler) { + * // no one takes responsibility, it's always left to me + * // let's show them how it's done! + * } + * }); + * */ - _getActionFromCorner: function(alreadySelected, corner, e, target) { - if (!corner || !alreadySelected) { - return 'drag'; - } - var control = target.controls[corner]; - return control.getActionName(e, control, target); - }, - - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _setupCurrentTransform: function (e, target, alreadySelected) { - if (!target) { - return; - } - - var pointer = this.getPointer(e), corner = target.__corner, - control = target.controls[corner], - actionHandler = (alreadySelected && corner) ? - control.getActionHandler(e, target, control) : fabric.controlsUtils.dragHandler, - action = this._getActionFromCorner(alreadySelected, corner, e, target), - origin = this._getOriginFromCorner(target, corner), - altKey = e[this.centeredKey], - transform = { - target: target, - action: action, - actionHandler: actionHandler, - corner: corner, - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - // used by transation - offsetX: pointer.x - target.left, - offsetY: pointer.y - target.top, - originX: origin.x, - originY: origin.y, - ex: pointer.x, - ey: pointer.y, - lastX: pointer.x, - lastY: pointer.y, - // unsure they are useful anymore. - // left: target.left, - // top: target.top, - theta: degreesToRadians(target.angle), - // end of unsure - width: target.width * target.scaleX, - shiftKey: e.shiftKey, - altKey: altKey, - original: fabric.util.saveObjectTransform(target), - }; - - if (this._shouldCenterTransform(target, action, altKey)) { - transform.originX = 'center'; - transform.originY = 'center'; - } - transform.original.originX = origin.x; - transform.original.originY = origin.y; - this._currentTransform = transform; - this._beforeTransform(e); - }, - - /** - * Set the cursor type of the canvas element - * @param {String} value Cursor type of the canvas element. - * @see http://www.w3.org/TR/css3-ui/#cursor - */ - setCursor: function (value) { - this.upperCanvasEl.style.cursor = value; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx to draw the selection on - */ - _drawSelection: function (ctx) { - var selector = this._groupSelector, - viewportStart = new fabric.Point(selector.ex, selector.ey), - start = fabric.util.transformPoint(viewportStart, this.viewportTransform), - viewportExtent = new fabric.Point(selector.ex + selector.left, selector.ey + selector.top), - extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), - minX = Math.min(start.x, extent.x), - minY = Math.min(start.y, extent.y), - maxX = Math.max(start.x, extent.x), - maxY = Math.max(start.y, extent.y), - strokeOffset = this.selectionLineWidth / 2; - - if (this.selectionColor) { - ctx.fillStyle = this.selectionColor; - ctx.fillRect(minX, minY, maxX - minX, maxY - minY); - } - - if (!this.selectionLineWidth || !this.selectionBorderColor) { - return; - } - ctx.lineWidth = this.selectionLineWidth; - ctx.strokeStyle = this.selectionBorderColor; - - minX += strokeOffset; - minY += strokeOffset; - maxX -= strokeOffset; - maxY -= strokeOffset; - // selection border - fabric.Object.prototype._setLineDash.call(this, ctx, this.selectionDashArray); - ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); - }, - - /** - * Method that determines what object we are clicking on - * the skipGroup parameter is for internal use, is needed for shift+click action - * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target - * or the outside part of the corner. - * @param {Event} e mouse event - * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through - * @return {fabric.Object} the target found - */ - findTarget: function (e, skipGroup) { - if (this.skipTargetFind) { - return; - } - - var ignoreZoom = true, - pointer = this.getPointer(e, ignoreZoom), - activeObject = this._activeObject, - aObjects = this.getActiveObjects(), - activeTarget, activeTargetSubs, - isTouch = isTouchEvent(e), - shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; - - // first check current group (if one exists) - // active group does not check sub targets like normal groups. - // if active group just exits. - this.targets = []; - - // if we hit the corner of an activeObject, let's return that. - if (shouldLookForActive && activeObject._findTargetCorner(pointer, isTouch)) { - return activeObject; - } - if (aObjects.length > 1 && !skipGroup && activeObject === this._searchPossibleTargets([activeObject], pointer)) { - return activeObject; - } - if (aObjects.length === 1 && - activeObject === this._searchPossibleTargets([activeObject], pointer)) { - if (!this.preserveObjectStacking) { - return activeObject; - } - else { - activeTarget = activeObject; - activeTargetSubs = this.targets; - this.targets = []; - } - } - var target = this._searchPossibleTargets(this._objects, pointer); - if (e[this.altSelectionKey] && target && activeTarget && target !== activeTarget) { - target = activeTarget; - this.targets = activeTargetSubs; - } - return target; - }, - - /** - * Checks point is inside the object. - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @param {fabric.Object} obj Object to test against - * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. - * @return {Boolean} true if point is contained within an area of given object - * @private - */ - _checkTarget: function(pointer, obj, globalPointer) { - if (obj && - obj.visible && - obj.evented && - // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html - // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html - obj.containsPoint(pointer) - ) { - if ((this.perPixelTargetFind || obj.perPixelTargetFind) && !obj.isEditing) { - var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); - if (!isTransparent) { + fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, + /** @lends fabric.Canvas.prototype */ { + /** + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function (el, options) { + options || (options = {}); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + this._initInteractive(); + this._createCacheCanvas(); + }, + /** + * When true, objects can be transformed by one side (unproportionally) + * when dragged on the corners that normally would not do that. + * @type Boolean + * @default + * @since fabric 4.0 // changed name and default value + */ + uniformScaling: true, + /** + * Indicates which key switches uniform scaling. + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * totally wrong named. this sounds like `uniform scaling` + * if Canvas.uniformScaling is true, pressing this will set it to false + * and viceversa. + * @since 1.6.2 + * @type ModifierKey + * @default + */ + uniScaleKey: 'shiftKey', + /** + * When true, objects use center point as the origin of scale transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredScaling: false, + /** + * When true, objects use center point as the origin of rotate transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredRotation: false, + /** + * Indicates which key enable centered Transform + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type ModifierKey + * @default + */ + centeredKey: 'altKey', + /** + * Indicates which key enable alternate action on corner + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type ModifierKey + * @default + */ + altActionKey: 'shiftKey', + /** + * Indicates that canvas is interactive. This property should not be changed. + * @type Boolean + * @default + */ + interactive: true, + /** + * Indicates whether group selection should be enabled + * @type Boolean + * @default + */ + selection: true, + /** + * Indicates which key or keys enable multiple click selection + * Pass value as a string or array of strings + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or empty or containing any other string that is not a modifier key + * feature is disabled. + * @since 1.6.2 + * @type ModifierKey|ModifierKey[] + * @default + */ + selectionKey: 'shiftKey', + /** + * Indicates which key enable alternative selection + * in case of target overlapping with active object + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * For a series of reason that come from the general expectations on how + * things should work, this feature works only for preserveObjectStacking true. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * @since 1.6.5 + * @type null|ModifierKey + * @default + */ + altSelectionKey: null, + /** + * Color of selection + * @type String + * @default + */ + selectionColor: 'rgba(100, 100, 255, 0.3)', + /** + * Default dash array pattern + * If not empty the selection border is dashed + * @type Array + */ + selectionDashArray: [], + /** + * Color of the border of selection (usually slightly darker than color of selection itself) + * @type String + * @default + */ + selectionBorderColor: 'rgba(255, 255, 255, 0.3)', + /** + * Width of a line used in object/group selection + * @type Number + * @default + */ + selectionLineWidth: 1, + /** + * Select only shapes that are fully contained in the dragged selection rectangle. + * @type Boolean + * @default + */ + selectionFullyContained: false, + /** + * Default cursor value used when hovering over an object on canvas + * @type String + * @default + */ + hoverCursor: 'move', + /** + * Default cursor value used when moving an object on canvas + * @type String + * @default + */ + moveCursor: 'move', + /** + * Default cursor value used for the entire canvas + * @type String + * @default + */ + defaultCursor: 'default', + /** + * Cursor value used during free drawing + * @type String + * @default + */ + freeDrawingCursor: 'crosshair', + /** + * Cursor value used for disabled elements ( corners with disabled action ) + * @type String + * @since 2.0.0 + * @default + */ + notAllowedCursor: 'not-allowed', + /** + * Default element class that's given to wrapper (div) element of canvas + * @type String + * @default + */ + containerClass: 'canvas-container', + /** + * When true, object detection happens on per-pixel basis rather than on per-bounding-box + * @type Boolean + * @default + */ + perPixelTargetFind: false, + /** + * Number of pixels around target pixel to tolerate (consider active) during object detection + * @type Number + * @default + */ + targetFindTolerance: 0, + /** + * When true, target detection is skipped. Target detection will return always undefined. + * click selection won't work anymore, events will fire with no targets. + * if something is selected before setting it to true, it will be deselected at the first click. + * area selection will still work. check the `selection` property too. + * if you deactivate both, you should look into staticCanvas. + * @type Boolean + * @default + */ + skipTargetFind: false, + /** + * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. + * After mousedown, mousemove creates a shape, + * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. + * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} + * @type Boolean + * @default + */ + isDrawingMode: false, + /** + * Indicates whether objects should remain in current stack position when selected. + * When false objects are brought to top and rendered as part of the selection group + * @type Boolean + * @default + */ + preserveObjectStacking: false, + /** + * Indicates if the right click on canvas can output the context menu or not + * @type Boolean + * @since 1.6.5 + * @default + */ + stopContextMenu: false, + /** + * Indicates if the canvas can fire right click events + * @type Boolean + * @since 1.6.5 + * @default + */ + fireRightClick: false, + /** + * Indicates if the canvas can fire middle click events + * @type Boolean + * @since 1.7.8 + * @default + */ + fireMiddleClick: false, + /** + * Keep track of the subTargets for Mouse Events + * @type fabric.Object[] + */ + targets: [], + /** + * When the option is enabled, PointerEvent is used instead of MouseEvent. + * @type Boolean + * @default + */ + enablePointerEvents: false, + /** + * Keep track of the hovered target + * @type fabric.Object + * @private + */ + _hoveredTarget: null, + /** + * hold the list of nested targets hovered + * @type fabric.Object[] + * @private + */ + _hoveredTargets: [], + /** + * hold the list of objects to render + * @type fabric.Object[] + * @private + */ + _objectsToRender: undefined, + /** + * @private + */ + _initInteractive: function () { + this._currentTransform = null; + this._groupSelector = null; + this._initWrapperElement(); + this._createUpperCanvas(); + this._initEventListeners(); + this._initRetinaScaling(); + this.freeDrawingBrush = + fabric.PencilBrush && new fabric.PencilBrush(this); + this.calcOffset(); + }, + /** + * @private + * @param {fabric.Object} obj Object that was added + */ + _onObjectAdded: function (obj) { + this._objectsToRender = undefined; + this.callSuper('_onObjectAdded', obj); + }, + /** + * @private + * @param {fabric.Object} obj Object that was removed + */ + _onObjectRemoved: function (obj) { + this._objectsToRender = undefined; + // removing active object should fire "selection:cleared" events + if (obj === this._activeObject) { + this.fire('before:selection:cleared', { target: obj }); + this._discardActiveObject(); + this.fire('selection:cleared', { target: obj }); + obj.fire('deselected'); + } + if (obj === this._hoveredTarget) { + this._hoveredTarget = null; + this._hoveredTargets = []; + } + this.callSuper('_onObjectRemoved', obj); + }, + /** + * Divides objects in two groups, one to render immediately + * and one to render as activeGroup. + * @return {Array} objects to render immediately and pushes the other in the activeGroup. + */ + _chooseObjectsToRender: function () { + var activeObjects = this.getActiveObjects(), object, objsToRender, activeGroupObjects; + if (!this.preserveObjectStacking && activeObjects.length > 1) { + objsToRender = []; + activeGroupObjects = []; + for (var i = 0, length = this._objects.length; i < length; i++) { + object = this._objects[i]; + if (activeObjects.indexOf(object) === -1) { + objsToRender.push(object); + } + else { + activeGroupObjects.push(object); + } + } + if (activeObjects.length > 1) { + this._activeObject._objects = activeGroupObjects; + } + objsToRender.push.apply(objsToRender, activeGroupObjects); + } + // in case a single object is selected render it's entire parent above the other objects + else if (!this.preserveObjectStacking && activeObjects.length === 1) { + var target = activeObjects[0], ancestors = target.getAncestors(true); + var topAncestor = ancestors.length === 0 ? target : ancestors.pop(); + objsToRender = this._objects.slice(); + var index = objsToRender.indexOf(topAncestor); + index > -1 && + objsToRender.splice(objsToRender.indexOf(topAncestor), 1); + objsToRender.push(topAncestor); + } + else { + objsToRender = this._objects; + } + return objsToRender; + }, + /** + * Renders both the top canvas and the secondary container canvas. + * @return {fabric.Canvas} instance + * @chainable + */ + renderAll: function () { + this.cancelRequestedRender(); + if (this.destroyed) { + return; + } + if (this.contextTopDirty && + !this._groupSelector && + !this.isDrawingMode) { + this.clearContext(this.contextTop); + this.contextTopDirty = false; + } + if (this.hasLostContext) { + this.renderTopLayer(this.contextTop); + this.hasLostContext = false; + } + !this._objectsToRender && + (this._objectsToRender = this._chooseObjectsToRender()); + this.renderCanvas(this.contextContainer, this._objectsToRender); + return this; + }, + renderTopLayer: function (ctx) { + ctx.save(); + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this.freeDrawingBrush && this.freeDrawingBrush._render(); + this.contextTopDirty = true; + } + // we render the top context - last object + if (this.selection && this._groupSelector) { + this._drawSelection(ctx); + this.contextTopDirty = true; + } + ctx.restore(); + }, + /** + * Method to render only the top canvas. + * Also used to render the group selection box. + * @return {fabric.Canvas} thisArg + * @chainable + */ + renderTop: function () { + var ctx = this.contextTop; + this.clearContext(ctx); + this.renderTopLayer(ctx); + this.fire('after:render'); + return this; + }, + /** + * @private + */ + _normalizePointer: function (object, pointer) { + var m = object.calcTransformMatrix(), invertedM = fabric.util.invertTransform(m), vptPointer = this.restorePointerVpt(pointer); + return fabric.util.transformPoint(vptPointer, invertedM); + }, + /** + * Returns true if object is transparent at a certain location + * @param {fabric.Object} target Object to check + * @param {Number} x Left coordinate + * @param {Number} y Top coordinate + * @return {Boolean} + */ + isTargetTransparent: function (target, x, y) { + // in case the target is the activeObject, we cannot execute this optimization + // because we need to draw controls too. + if (target.shouldCache() && + target._cacheCanvas && + target !== this._activeObject) { + var normalizedPointer = this._normalizePointer(target, { + x: x, + y: y, + }), targetRelativeX = Math.max(target.cacheTranslationX + normalizedPointer.x * target.zoomX, 0), targetRelativeY = Math.max(target.cacheTranslationY + normalizedPointer.y * target.zoomY, 0); + var isTransparent = fabric.util.isTransparent(target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); + return isTransparent; + } + var ctx = this.contextCache, originalColor = target.selectionBackgroundColor, v = this.viewportTransform; + target.selectionBackgroundColor = ''; + this.clearContext(ctx); + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + target.render(ctx); + ctx.restore(); + target.selectionBackgroundColor = originalColor; + var isTransparent = fabric.util.isTransparent(ctx, x, y, this.targetFindTolerance); + return isTransparent; + }, + /** + * takes an event and determines if selection key has been pressed + * @private + * @param {Event} e Event object + */ + _isSelectionKeyPressed: function (e) { + var selectionKeyPressed = false; + if (Array.isArray(this.selectionKey)) { + selectionKeyPressed = !!this.selectionKey.find(function (key) { + return e[key] === true; + }); + } + else { + selectionKeyPressed = e[this.selectionKey]; + } + return selectionKeyPressed; + }, + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _shouldClearSelection: function (e, target) { + var activeObjects = this.getActiveObjects(), activeObject = this._activeObject; + return (!target || + (target && + activeObject && + activeObjects.length > 1 && + activeObjects.indexOf(target) === -1 && + activeObject !== target && + !this._isSelectionKeyPressed(e)) || + (target && !target.evented) || + (target && + !target.selectable && + activeObject && + activeObject !== target)); + }, + /** + * centeredScaling from object can't override centeredScaling from canvas. + * this should be fixed, since object setting should take precedence over canvas. + * also this should be something that will be migrated in the control properties. + * as ability to define the origin of the transformation that the control provide. + * @private + * @param {fabric.Object} target + * @param {String} action + * @param {Boolean} altKey + */ + _shouldCenterTransform: function (target, action, altKey) { + if (!target) { + return; + } + var centerTransform; + if (action === 'scale' || + action === 'scaleX' || + action === 'scaleY' || + action === 'resizing') { + centerTransform = this.centeredScaling || target.centeredScaling; + } + else if (action === 'rotate') { + centerTransform = this.centeredRotation || target.centeredRotation; + } + return centerTransform ? !altKey : altKey; + }, + /** + * should disappear before release 4.0 + * @private + */ + _getOriginFromCorner: function (target, corner) { + var origin = { + x: target.originX, + y: target.originY, + }; + if (corner === 'ml' || corner === 'tl' || corner === 'bl') { + origin.x = 'right'; + } + else if (corner === 'mr' || corner === 'tr' || corner === 'br') { + origin.x = 'left'; + } + if (corner === 'tl' || corner === 'mt' || corner === 'tr') { + origin.y = 'bottom'; + } + else if (corner === 'bl' || corner === 'mb' || corner === 'br') { + origin.y = 'top'; + } + return origin; + }, + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _setupCurrentTransform: function (e, target, alreadySelected) { + if (!target) { + return; + } + var pointer = this.getPointer(e); + if (target.group) { + // transform pointer to target's containing coordinate plane + pointer = fabric.util.transformPoint(pointer, fabric.util.invertTransform(target.group.calcTransformMatrix())); + } + var corner = target.__corner, control = target.controls[corner], actionHandler = alreadySelected && corner + ? control.getActionHandler(e, target, control) + : dragHandler, action = getActionFromCorner(alreadySelected, corner, e, target), origin = this._getOriginFromCorner(target, corner), altKey = e[this.centeredKey], + /** + * relative to target's containing coordinate plane + * both agree on every point + **/ + transform = { + target: target, + action: action, + actionHandler: actionHandler, + corner: corner, + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + offsetX: pointer.x - target.left, + offsetY: pointer.y - target.top, + originX: origin.x, + originY: origin.y, + ex: pointer.x, + ey: pointer.y, + lastX: pointer.x, + lastY: pointer.y, + theta: degreesToRadians(target.angle), + width: target.width, + height: target.height, + shiftKey: e.shiftKey, + altKey: altKey, + original: saveObjectTransform(target), + }; + if (this._shouldCenterTransform(target, action, altKey)) { + transform.originX = 'center'; + transform.originY = 'center'; + } + transform.original.originX = origin.x; + transform.original.originY = origin.y; + this._currentTransform = transform; + this._beforeTransform(e); + }, + /** + * Set the cursor type of the canvas element + * @param {String} value Cursor type of the canvas element. + * @see http://www.w3.org/TR/css3-ui/#cursor + */ + setCursor: function (value) { + this.upperCanvasEl.style.cursor = value; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx to draw the selection on + */ + _drawSelection: function (ctx) { + var selector = this._groupSelector, viewportStart = new Point(selector.ex, selector.ey), start = fabric.util.transformPoint(viewportStart, this.viewportTransform), viewportExtent = new Point(selector.ex + selector.left, selector.ey + selector.top), extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), minX = Math.min(start.x, extent.x), minY = Math.min(start.y, extent.y), maxX = Math.max(start.x, extent.x), maxY = Math.max(start.y, extent.y), strokeOffset = this.selectionLineWidth / 2; + if (this.selectionColor) { + ctx.fillStyle = this.selectionColor; + ctx.fillRect(minX, minY, maxX - minX, maxY - minY); + } + if (!this.selectionLineWidth || !this.selectionBorderColor) { + return; + } + ctx.lineWidth = this.selectionLineWidth; + ctx.strokeStyle = this.selectionBorderColor; + minX += strokeOffset; + minY += strokeOffset; + maxX -= strokeOffset; + maxY -= strokeOffset; + // selection border + InteractiveFabricObject.prototype._setLineDash.call(this, ctx, this.selectionDashArray); + ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); + }, + /** + * Method that determines what object we are clicking on + * the skipGroup parameter is for internal use, is needed for shift+click action + * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target + * or the outside part of the corner. + * @param {Event} e mouse event + * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through + * @return {fabric.Object} the target found + */ + findTarget: function (e, skipGroup) { + if (this.skipTargetFind) { + return; + } + var ignoreZoom = true, pointer = this.getPointer(e, ignoreZoom), activeObject = this._activeObject, aObjects = this.getActiveObjects(), activeTarget, activeTargetSubs, isTouch = isTouchEvent(e), shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; + // first check current group (if one exists) + // active group does not check sub targets like normal groups. + // if active group just exits. + this.targets = []; + // if we hit the corner of an activeObject, let's return that. + if (shouldLookForActive && + activeObject._findTargetCorner(pointer, isTouch)) { + return activeObject; + } + if (aObjects.length > 1 && + activeObject.type === 'activeSelection' && + !skipGroup && + this.searchPossibleTargets([activeObject], pointer)) { + return activeObject; + } + if (aObjects.length === 1 && + activeObject === this.searchPossibleTargets([activeObject], pointer)) { + if (!this.preserveObjectStacking) { + return activeObject; + } + else { + activeTarget = activeObject; + activeTargetSubs = this.targets; + this.targets = []; + } + } + var target = this.searchPossibleTargets(this._objects, pointer); + if (e[this.altSelectionKey] && + target && + activeTarget && + target !== activeTarget) { + target = activeTarget; + this.targets = activeTargetSubs; + } + return target; + }, + /** + * Checks point is inside the object. + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @param {fabric.Object} obj Object to test against + * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. + * @return {Boolean} true if point is contained within an area of given object + * @private + */ + _checkTarget: function (pointer, obj, globalPointer) { + if (obj && + obj.visible && + obj.evented && + // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html + // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html + obj.containsPoint(pointer)) { + if ((this.perPixelTargetFind || obj.perPixelTargetFind) && + !obj.isEditing) { + var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); + if (!isTransparent) { + return true; + } + } + else { + return true; + } + } + }, + /** + * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted + * @param {Array} [objects] objects array to look into + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @return {fabric.Object} **top most object from given `objects`** that contains pointer + * @private + */ + _searchPossibleTargets: function (objects, pointer) { + // Cache all targets where their bounding box contains point. + var target, i = objects.length, subTarget; + // Do not check for currently grouped objects, since we check the parent group itself. + // until we call this function specifically to search inside the activeGroup + while (i--) { + var objToCheck = objects[i]; + var pointerToUse = objToCheck.group + ? this._normalizePointer(objToCheck.group, pointer) + : pointer; + if (this._checkTarget(pointerToUse, objToCheck, pointer)) { + target = objects[i]; + if (target.subTargetCheck && Array.isArray(target._objects)) { + subTarget = this._searchPossibleTargets(target._objects, pointer); + subTarget && this.targets.push(subTarget); + } + break; + } + } + return target; + }, + /** + * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted + * @see {@link fabric.Canvas#_searchPossibleTargets} + * @param {Array} [objects] objects array to look into + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @return {fabric.Object} **top most object on screen** that contains pointer + */ + searchPossibleTargets: function (objects, pointer) { + var target = this._searchPossibleTargets(objects, pointer); + return target && target.interactive && this.targets[0] + ? this.targets[0] + : target; + }, + /** + * Returns pointer coordinates without the effect of the viewport + * @param {Object} pointer with "x" and "y" number values + * @return {Object} object with "x" and "y" number values + */ + restorePointerVpt: function (pointer) { + return fabric.util.transformPoint(pointer, fabric.util.invertTransform(this.viewportTransform)); + }, + /** + * Returns pointer coordinates relative to canvas. + * Can return coordinates with or without viewportTransform. + * ignoreVpt false gives back coordinates that represent + * the point clicked on canvas element. + * ignoreVpt true gives back coordinates after being processed + * by the viewportTransform ( sort of coordinates of what is displayed + * on the canvas where you are clicking. + * ignoreVpt true = HTMLElement coordinates relative to top,left + * ignoreVpt false, default = fabric space coordinates, the same used for shape position + * To interact with your shapes top and left you want to use ignoreVpt true + * most of the time, while ignoreVpt false will give you coordinates + * compatible with the object.oCoords system. + * of the time. + * @param {Event} e + * @param {Boolean} ignoreVpt + * @return {Point} + */ + getPointer: function (e, ignoreVpt) { + // return cached values if we are in the event processing chain + if (this._absolutePointer && !ignoreVpt) { + return this._absolutePointer; + } + if (this._pointer && ignoreVpt) { + return this._pointer; + } + var pointer = getPointer(e), upperCanvasEl = this.upperCanvasEl, bounds = upperCanvasEl.getBoundingClientRect(), boundsWidth = bounds.width || 0, boundsHeight = bounds.height || 0, cssScale; + if (!boundsWidth || !boundsHeight) { + if ('top' in bounds && 'bottom' in bounds) { + boundsHeight = Math.abs(bounds.top - bounds.bottom); + } + if ('right' in bounds && 'left' in bounds) { + boundsWidth = Math.abs(bounds.right - bounds.left); + } + } + this.calcOffset(); + pointer.x = pointer.x - this._offset.left; + pointer.y = pointer.y - this._offset.top; + if (!ignoreVpt) { + pointer = this.restorePointerVpt(pointer); + } + var retinaScaling = this.getRetinaScaling(); + if (retinaScaling !== 1) { + pointer.x /= retinaScaling; + pointer.y /= retinaScaling; + } + // If bounds are not available (i.e. not visible), do not apply scale. + cssScale = + boundsWidth === 0 || boundsHeight === 0 + ? new Point(1, 1) + : new Point(upperCanvasEl.width / boundsWidth, upperCanvasEl.height / boundsHeight); + return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y); + }, + /** + * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) + * @param {Object} dimensions Object with width/height properties + * @param {Number|String} [dimensions.width] Width of canvas element + * @param {Number|String} [dimensions.height] Height of canvas element + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} thisArg + * @chainable + */ + setDimensions: function (dimensions, options) { + this._resetTransformEventData(); + return this.callSuper('setDimensions', dimensions, options); + }, + /** + * @private + * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized + */ + _createUpperCanvas: function () { + var lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; + // if there is no upperCanvas (most common case) we create one. + if (!upperCanvasEl) { + upperCanvasEl = this._createCanvasElement(); + this.upperCanvasEl = upperCanvasEl; + } + // we assign the same classname of the lowerCanvas + upperCanvasEl.className = lowerCanvasEl.className; + // but then we remove the lower-canvas specific className + upperCanvasEl.classList.remove('lower-canvas'); + // we add the specific upper-canvas class + upperCanvasEl.classList.add('upper-canvas'); + upperCanvasEl.setAttribute('data-fabric', 'top'); + this.wrapperEl.appendChild(upperCanvasEl); + this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); + this._applyCanvasStyle(upperCanvasEl); + upperCanvasEl.setAttribute('draggable', 'true'); + this.contextTop = upperCanvasEl.getContext('2d'); + }, + /** + * @private + */ + _createCacheCanvas: function () { + this.cacheCanvasEl = this._createCanvasElement(); + this.cacheCanvasEl.setAttribute('width', this.width); + this.cacheCanvasEl.setAttribute('height', this.height); + this.contextCache = this.cacheCanvasEl.getContext('2d'); + }, + /** + * @private + */ + _initWrapperElement: function () { + if (this.wrapperEl) { + return; + } + const container = fabric.document.createElement('div'); + container.classList.add(this.containerClass); + this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container); + this.wrapperEl.setAttribute('data-fabric', 'wrapper'); + fabric.util.setStyle(this.wrapperEl, { + width: this.width + 'px', + height: this.height + 'px', + position: 'relative', + }); + fabric.util.makeElementUnselectable(this.wrapperEl); + }, + /** + * @private + * @param {HTMLElement} element canvas element to apply styles on + */ + _applyCanvasStyle: function (element) { + var width = this.width || element.width, height = this.height || element.height; + fabric.util.setStyle(element, { + position: 'absolute', + width: width + 'px', + height: height + 'px', + left: 0, + top: 0, + 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', + '-ms-touch-action': this.allowTouchScrolling + ? 'manipulation' + : 'none', + }); + element.width = width; + element.height = height; + fabric.util.makeElementUnselectable(element); + }, + /** + * Copy the entire inline style from one element (fromEl) to another (toEl) + * @private + * @param {Element} fromEl Element style is copied from + * @param {Element} toEl Element copied style is applied to + */ + _copyCanvasStyle: function (fromEl, toEl) { + toEl.style.cssText = fromEl.style.cssText; + }, + /** + * Returns context of top canvas where interactions are drawn + * @returns {CanvasRenderingContext2D} + */ + getTopContext: function () { + return this.contextTop; + }, + /** + * Returns context of canvas where object selection is drawn + * @alias + * @return {CanvasRenderingContext2D} + */ + getSelectionContext: function () { + return this.contextTop; + }, + /** + * Returns <canvas> element on which object selection is drawn + * @return {HTMLCanvasElement} + */ + getSelectionElement: function () { + return this.upperCanvasEl; + }, + /** + * Returns currently active object + * @return {fabric.Object} active object + */ + getActiveObject: function () { + return this._activeObject; + }, + /** + * Returns an array with the current selected objects + * @return {fabric.Object} active object + */ + getActiveObjects: function () { + var active = this._activeObject; + if (active) { + if (active.type === 'activeSelection' && active._objects) { + return active._objects.slice(0); + } + else { + return [active]; + } + } + return []; + }, + /** + * @private + * Compares the old activeObject with the current one and fires correct events + * @param {fabric.Object} obj old activeObject + */ + _fireSelectionEvents: function (oldObjects, e) { + var somethingChanged = false, objects = this.getActiveObjects(), added = [], removed = [], invalidate = false; + oldObjects.forEach(function (oldObject) { + if (objects.indexOf(oldObject) === -1) { + somethingChanged = true; + oldObject.fire('deselected', { + e: e, + target: oldObject, + }); + removed.push(oldObject); + } + }); + objects.forEach(function (object) { + if (oldObjects.indexOf(object) === -1) { + somethingChanged = true; + object.fire('selected', { + e: e, + target: object, + }); + added.push(object); + } + }); + if (oldObjects.length > 0 && objects.length > 0) { + invalidate = true; + somethingChanged && + this.fire('selection:updated', { + e: e, + selected: added, + deselected: removed, + }); + } + else if (objects.length > 0) { + invalidate = true; + this.fire('selection:created', { + e: e, + selected: added, + }); + } + else if (oldObjects.length > 0) { + invalidate = true; + this.fire('selection:cleared', { + e: e, + deselected: removed, + }); + } + invalidate && (this._objectsToRender = undefined); + }, + /** + * Sets given object as the only active object on canvas + * @param {fabric.Object} object Object to set as an active one + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {fabric.Canvas} thisArg + * @chainable + */ + setActiveObject: function (object, e) { + var currentActives = this.getActiveObjects(); + this._setActiveObject(object, e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + /** + * This is a private method for now. + * This is supposed to be equivalent to setActiveObject but without firing + * any event. There is commitment to have this stay this way. + * This is the functional part of setActiveObject. + * @private + * @param {Object} object to set as active + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {Boolean} true if the selection happened + */ + _setActiveObject: function (object, e) { + if (this._activeObject === object) { + return false; + } + if (!this._discardActiveObject(e, object)) { + return false; + } + if (object.onSelect({ e: e })) { + return false; + } + this._activeObject = object; return true; - } - } - else { - return true; - } - } - }, - - /** - * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted - * @param {Array} [objects] objects array to look into - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @return {fabric.Object} object that contains pointer - * @private - */ - _searchPossibleTargets: function(objects, pointer) { - // Cache all targets where their bounding box contains point. - var target, i = objects.length, subTarget; - // Do not check for currently grouped objects, since we check the parent group itself. - // until we call this function specifically to search inside the activeGroup - while (i--) { - var objToCheck = objects[i]; - var pointerToUse = objToCheck.group ? - this._normalizePointer(objToCheck.group, pointer) : pointer; - if (this._checkTarget(pointerToUse, objToCheck, pointer)) { - target = objects[i]; - if (target.subTargetCheck && target instanceof fabric.Group) { - subTarget = this._searchPossibleTargets(target._objects, pointer); - subTarget && this.targets.push(subTarget); - } - break; - } - } - return target; - }, - - /** - * Returns pointer coordinates without the effect of the viewport - * @param {Object} pointer with "x" and "y" number values - * @return {Object} object with "x" and "y" number values - */ - restorePointerVpt: function(pointer) { - return fabric.util.transformPoint( - pointer, - fabric.util.invertTransform(this.viewportTransform) - ); - }, - - /** - * Returns pointer coordinates relative to canvas. - * Can return coordinates with or without viewportTransform. - * ignoreZoom false gives back coordinates that represent - * the point clicked on canvas element. - * ignoreZoom true gives back coordinates after being processed - * by the viewportTransform ( sort of coordinates of what is displayed - * on the canvas where you are clicking. - * ignoreZoom true = HTMLElement coordinates relative to top,left - * ignoreZoom false, default = fabric space coordinates, the same used for shape position - * To interact with your shapes top and left you want to use ignoreZoom true - * most of the time, while ignoreZoom false will give you coordinates - * compatible with the object.oCoords system. - * of the time. - * @param {Event} e - * @param {Boolean} ignoreZoom - * @return {Object} object with "x" and "y" number values - */ - getPointer: function (e, ignoreZoom) { - // return cached values if we are in the event processing chain - if (this._absolutePointer && !ignoreZoom) { - return this._absolutePointer; - } - if (this._pointer && ignoreZoom) { - return this._pointer; - } - - var pointer = getPointer(e), - upperCanvasEl = this.upperCanvasEl, - bounds = upperCanvasEl.getBoundingClientRect(), - boundsWidth = bounds.width || 0, - boundsHeight = bounds.height || 0, - cssScale; - - if (!boundsWidth || !boundsHeight ) { - if ('top' in bounds && 'bottom' in bounds) { - boundsHeight = Math.abs( bounds.top - bounds.bottom ); - } - if ('right' in bounds && 'left' in bounds) { - boundsWidth = Math.abs( bounds.right - bounds.left ); - } - } - - this.calcOffset(); - pointer.x = pointer.x - this._offset.left; - pointer.y = pointer.y - this._offset.top; - if (!ignoreZoom) { - pointer = this.restorePointerVpt(pointer); - } - - var retinaScaling = this.getRetinaScaling(); - if (retinaScaling !== 1) { - pointer.x /= retinaScaling; - pointer.y /= retinaScaling; - } - - if (boundsWidth === 0 || boundsHeight === 0) { - // If bounds are not available (i.e. not visible), do not apply scale. - cssScale = { width: 1, height: 1 }; - } - else { - cssScale = { - width: upperCanvasEl.width / boundsWidth, - height: upperCanvasEl.height / boundsHeight - }; - } - - return { - x: pointer.x * cssScale.width, - y: pointer.y * cssScale.height - }; - }, - - /** - * @private - * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized - */ - _createUpperCanvas: function () { - var lowerCanvasClass = this.lowerCanvasEl.className.replace(/\s*lower-canvas\s*/, ''), - lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; - - // there is no need to create a new upperCanvas element if we have already one. - if (upperCanvasEl) { - upperCanvasEl.className = ''; - } - else { - upperCanvasEl = this._createCanvasElement(); - this.upperCanvasEl = upperCanvasEl; - } - fabric.util.addClass(upperCanvasEl, 'upper-canvas ' + lowerCanvasClass); - - this.wrapperEl.appendChild(upperCanvasEl); - - this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); - this._applyCanvasStyle(upperCanvasEl); - this.contextTop = upperCanvasEl.getContext('2d'); - }, - - /** - * @private - */ - _createCacheCanvas: function () { - this.cacheCanvasEl = this._createCanvasElement(); - this.cacheCanvasEl.setAttribute('width', this.width); - this.cacheCanvasEl.setAttribute('height', this.height); - this.contextCache = this.cacheCanvasEl.getContext('2d'); - }, - - /** - * @private - */ - _initWrapperElement: function () { - this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, 'div', { - 'class': this.containerClass - }); - fabric.util.setStyle(this.wrapperEl, { - width: this.width + 'px', - height: this.height + 'px', - position: 'relative' - }); - fabric.util.makeElementUnselectable(this.wrapperEl); - }, - - /** - * @private - * @param {HTMLElement} element canvas element to apply styles on - */ - _applyCanvasStyle: function (element) { - var width = this.width || element.width, - height = this.height || element.height; - - fabric.util.setStyle(element, { - position: 'absolute', - width: width + 'px', - height: height + 'px', - left: 0, - top: 0, - 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', - '-ms-touch-action': this.allowTouchScrolling ? 'manipulation' : 'none' - }); - element.width = width; - element.height = height; - fabric.util.makeElementUnselectable(element); - }, - - /** - * Copy the entire inline style from one element (fromEl) to another (toEl) - * @private - * @param {Element} fromEl Element style is copied from - * @param {Element} toEl Element copied style is applied to - */ - _copyCanvasStyle: function (fromEl, toEl) { - toEl.style.cssText = fromEl.style.cssText; - }, - - /** - * Returns context of canvas where object selection is drawn - * @return {CanvasRenderingContext2D} - */ - getSelectionContext: function() { - return this.contextTop; - }, - - /** - * Returns <canvas> element on which object selection is drawn - * @return {HTMLCanvasElement} - */ - getSelectionElement: function () { - return this.upperCanvasEl; - }, - - /** - * Returns currently active object - * @return {fabric.Object} active object - */ - getActiveObject: function () { - return this._activeObject; - }, - - /** - * Returns an array with the current selected objects - * @return {fabric.Object} active object - */ - getActiveObjects: function () { - var active = this._activeObject; - if (active) { - if (active.type === 'activeSelection' && active._objects) { - return active._objects.slice(0); - } - else { - return [active]; - } - } - return []; - }, - - /** - * @private - * @param {fabric.Object} obj Object that was removed - */ - _onObjectRemoved: function(obj) { - // removing active object should fire "selection:cleared" events - if (obj === this._activeObject) { - this.fire('before:selection:cleared', { target: obj }); - this._discardActiveObject(); - this.fire('selection:cleared', { target: obj }); - obj.fire('deselected'); - } - if (obj === this._hoveredTarget){ - this._hoveredTarget = null; - this._hoveredTargets = []; - } - this.callSuper('_onObjectRemoved', obj); - }, - - /** - * @private - * Compares the old activeObject with the current one and fires correct events - * @param {fabric.Object} obj old activeObject - */ - _fireSelectionEvents: function(oldObjects, e) { - var somethingChanged = false, objects = this.getActiveObjects(), - added = [], removed = []; - oldObjects.forEach(function(oldObject) { - if (objects.indexOf(oldObject) === -1) { - somethingChanged = true; - oldObject.fire('deselected', { - e: e, - target: oldObject - }); - removed.push(oldObject); - } - }); - objects.forEach(function(object) { - if (oldObjects.indexOf(object) === -1) { - somethingChanged = true; - object.fire('selected', { - e: e, - target: object - }); - added.push(object); - } - }); - if (oldObjects.length > 0 && objects.length > 0) { - somethingChanged && this.fire('selection:updated', { - e: e, - selected: added, - deselected: removed, - }); - } - else if (objects.length > 0) { - this.fire('selection:created', { - e: e, - selected: added, - }); - } - else if (oldObjects.length > 0) { - this.fire('selection:cleared', { - e: e, - deselected: removed, - }); - } - }, - - /** - * Sets given object as the only active object on canvas - * @param {fabric.Object} object Object to set as an active one - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {fabric.Canvas} thisArg - * @chainable - */ - setActiveObject: function (object, e) { - var currentActives = this.getActiveObjects(); - this._setActiveObject(object, e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - - /** - * This is a private method for now. - * This is supposed to be equivalent to setActiveObject but without firing - * any event. There is commitment to have this stay this way. - * This is the functional part of setActiveObject. - * @private - * @param {Object} object to set as active - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {Boolean} true if the selection happened - */ - _setActiveObject: function(object, e) { - if (this._activeObject === object) { - return false; - } - if (!this._discardActiveObject(e, object)) { - return false; - } - if (object.onSelect({ e: e })) { - return false; - } - this._activeObject = object; - return true; - }, - - /** - * This is a private method for now. - * This is supposed to be equivalent to discardActiveObject but without firing - * any events. There is commitment to have this stay this way. - * This is the functional part of discardActiveObject. - * @param {Event} [e] Event (passed along when firing "object:deselected") - * @param {Object} object to set as active - * @return {Boolean} true if the selection happened - * @private - */ - _discardActiveObject: function(e, object) { - var obj = this._activeObject; - if (obj) { - // onDeselect return TRUE to cancel selection; - if (obj.onDeselect({ e: e, object: object })) { - return false; - } - this._activeObject = null; - } - return true; - }, - - /** - * Discards currently active object and fire events. If the function is called by fabric - * as a consequence of a mouse event, the event is passed as a parameter and - * sent to the fire function for the custom events. When used as a method the - * e param does not have any application. - * @param {event} e - * @return {fabric.Canvas} thisArg - * @chainable - */ - discardActiveObject: function (e) { - var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); - if (currentActives.length) { - this.fire('before:selection:cleared', { target: activeObject, e: e }); - } - this._discardActiveObject(e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - - /** - * Clears a canvas element and removes all event listeners - * @return {fabric.Canvas} thisArg - * @chainable - */ - dispose: function () { - var wrapper = this.wrapperEl; - this.removeListeners(); - wrapper.removeChild(this.upperCanvasEl); - wrapper.removeChild(this.lowerCanvasEl); - this.contextCache = null; - this.contextTop = null; - ['upperCanvasEl', 'cacheCanvasEl'].forEach((function(element) { - fabric.util.cleanUpJsdomNode(this[element]); - this[element] = undefined; - }).bind(this)); - if (wrapper.parentNode) { - wrapper.parentNode.replaceChild(this.lowerCanvasEl, this.wrapperEl); - } - delete this.wrapperEl; - fabric.StaticCanvas.prototype.dispose.call(this); - return this; - }, - - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - // this.discardActiveGroup(); - this.discardActiveObject(); - this.clearContext(this.contextTop); - return this.callSuper('clear'); - }, - - /** - * Draws objects' controls (borders/controls) - * @param {CanvasRenderingContext2D} ctx Context to render controls on - */ - drawControls: function(ctx) { - var activeObject = this._activeObject; - - if (activeObject) { - activeObject._renderControls(ctx); - } - }, - - /** - * @private - */ - _toObject: function(instance, methodName, propertiesToInclude) { - //If the object is part of the current selection group, it should - //be transformed appropriately - //i.e. it should be serialised as it would appear if the selection group - //were to be destroyed. - var originalProperties = this._realizeGroupTransformOnObject(instance), - object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); - //Undo the damage we did by changing all of its properties - this._unwindGroupTransformOnObject(instance, originalProperties); - return object; - }, + }, + /** + * This is a private method for now. + * This is supposed to be equivalent to discardActiveObject but without firing + * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way. + * This is the functional part of discardActiveObject. + * @param {Event} [e] Event (passed along when firing "object:deselected") + * @param {Object} object to set as active + * @return {Boolean} true if the selection happened + * @private + */ + _discardActiveObject: function (e, object) { + var obj = this._activeObject; + if (obj) { + // onDeselect return TRUE to cancel selection; + if (obj.onDeselect({ e: e, object: object })) { + return false; + } + if (this._currentTransform && this._currentTransform.target === obj) { + this.endCurrentTransform(e); + } + this._activeObject = null; + } + return true; + }, + /** + * Discards currently active object and fire events. If the function is called by fabric + * as a consequence of a mouse event, the event is passed as a parameter and + * sent to the fire function for the custom events. When used as a method the + * e param does not have any application. + * @param {event} e + * @return {fabric.Canvas} thisArg + * @chainable + */ + discardActiveObject: function (e) { + var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); + if (currentActives.length) { + this.fire('before:selection:cleared', { target: activeObject, e: e }); + } + this._discardActiveObject(e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + /** + * Clears the canvas element, disposes objects, removes all event listeners and frees resources + * + * **CAUTION**: + * + * This method is **UNSAFE**. + * You may encounter a race condition using it if there's a requested render. + * Call this method only if you are sure rendering has settled. + * Consider using {@link dispose} as it is **SAFE** + * + * @private + */ + destroy: function () { + var wrapperEl = this.wrapperEl, lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl, cacheCanvasEl = this.cacheCanvasEl; + this.removeListeners(); + this.callSuper('destroy'); + wrapperEl.removeChild(upperCanvasEl); + wrapperEl.removeChild(lowerCanvasEl); + this.contextCache = null; + this.contextTop = null; + fabric.util.cleanUpJsdomNode(upperCanvasEl); + this.upperCanvasEl = undefined; + fabric.util.cleanUpJsdomNode(cacheCanvasEl); + this.cacheCanvasEl = undefined; + if (wrapperEl.parentNode) { + wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl); + } + delete this.wrapperEl; + return this; + }, + /** + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable + */ + clear: function () { + // this.discardActiveGroup(); + this.discardActiveObject(); + this.clearContext(this.contextTop); + return this.callSuper('clear'); + }, + /** + * Draws objects' controls (borders/controls) + * @param {CanvasRenderingContext2D} ctx Context to render controls on + */ + drawControls: function (ctx) { + var activeObject = this._activeObject; + if (activeObject) { + activeObject._renderControls(ctx); + } + }, + /** + * @private + */ + _toObject: function (instance, methodName, propertiesToInclude) { + //If the object is part of the current selection group, it should + //be transformed appropriately + //i.e. it should be serialised as it would appear if the selection group + //were to be destroyed. + var originalProperties = this._realizeGroupTransformOnObject(instance), object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); + //Undo the damage we did by changing all of its properties + originalProperties && instance.set(originalProperties); + return object; + }, + /** + * Realises an object's group transformation on it + * @private + * @param {fabric.Object} [instance] the object to transform (gets mutated) + * @returns the original values of instance which were changed + */ + _realizeGroupTransformOnObject: function (instance) { + if (instance.group && + instance.group.type === 'activeSelection' && + this._activeObject === instance.group) { + var layoutProps = [ + 'angle', + 'flipX', + 'flipY', + 'left', + 'scaleX', + 'scaleY', + 'skewX', + 'skewY', + 'top', + ]; + //Copy all the positionally relevant properties across now + var originalValues = {}; + layoutProps.forEach(function (prop) { + originalValues[prop] = instance[prop]; + }); + fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); + return originalValues; + } + else { + return null; + } + }, + /** + * @private + */ + _setSVGObject: function (markup, instance, reviver) { + //If the object is in a selection group, simulate what would happen to that + //object when the group is deselected + var originalProperties = this._realizeGroupTransformOnObject(instance); + this.callSuper('_setSVGObject', markup, instance, reviver); + originalProperties && instance.set(originalProperties); + }, + setViewportTransform: function (vpt) { + if (this.renderOnAddRemove && + this._activeObject && + this._activeObject.isEditing) { + this._activeObject.clearContextTop(); + } + fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); + }, + }); + // copying static properties manually to work around Opera's bug, + // where "prototype" property is enumerable and overrides existing prototype + for (var prop in fabric.StaticCanvas) { + if (prop !== 'prototype') { + fabric.Canvas[prop] = fabric.StaticCanvas[prop]; + } + } +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, addListener = fabric.util.addListener, removeListener = fabric.util.removeListener, RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, addEventOptions = { passive: false }; + function checkClick(e, value) { + return e.button && e.button === value - 1; + } + fabric.util.object.extend(fabric.Canvas.prototype, + /** @lends fabric.Canvas.prototype */ { + /** + * Contains the id of the touch event that owns the fabric transform + * @type Number + * @private + */ + mainTouchId: null, + /** + * Adds mouse listeners to canvas + * @private + */ + _initEventListeners: function () { + // in case we initialized the class twice. This should not happen normally + // but in some kind of applications where the canvas element may be changed + // this is a workaround to having double listeners. + this.removeListeners(); + this._bindEvents(); + this.addOrRemove(addListener, 'add'); + }, + /** + * return an event prefix pointer or mouse. + * @private + */ + _getEventPrefix: function () { + return this.enablePointerEvents ? 'pointer' : 'mouse'; + }, + addOrRemove: function (functor, eventjsFunctor) { + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + functor(fabric.window, 'resize', this._onResize); + functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); + functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); + functor(canvasElement, 'wheel', this._onMouseWheel); + functor(canvasElement, 'contextmenu', this._onContextMenu); + functor(canvasElement, 'dblclick', this._onDoubleClick); + functor(canvasElement, 'dragstart', this._onDragStart); + functor(canvasElement, 'dragend', this._onDragEnd); + functor(canvasElement, 'dragover', this._onDragOver); + functor(canvasElement, 'dragenter', this._onDragEnter); + functor(canvasElement, 'dragleave', this._onDragLeave); + functor(canvasElement, 'drop', this._onDrop); + if (!this.enablePointerEvents) { + functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); + } + if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { + eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); + eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); + eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); + eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); + eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); + } + }, + /** + * Removes all event listeners + */ + removeListeners: function () { + this.addOrRemove(removeListener, 'remove'); + // if you dispose on a mouseDown, before mouse up, you need to clean document to... + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + }, + /** + * @private + */ + _bindEvents: function () { + if (this.eventsBound) { + // for any reason we pass here twice we do not want to bind events twice. + return; + } + this._onMouseDown = this._onMouseDown.bind(this); + this._onTouchStart = this._onTouchStart.bind(this); + this._onMouseMove = this._onMouseMove.bind(this); + this._onMouseUp = this._onMouseUp.bind(this); + this._onTouchEnd = this._onTouchEnd.bind(this); + this._onResize = this._onResize.bind(this); + this._onGesture = this._onGesture.bind(this); + this._onDrag = this._onDrag.bind(this); + this._onShake = this._onShake.bind(this); + this._onLongPress = this._onLongPress.bind(this); + this._onOrientationChange = this._onOrientationChange.bind(this); + this._onMouseWheel = this._onMouseWheel.bind(this); + this._onMouseOut = this._onMouseOut.bind(this); + this._onMouseEnter = this._onMouseEnter.bind(this); + this._onContextMenu = this._onContextMenu.bind(this); + this._onDoubleClick = this._onDoubleClick.bind(this); + this._onDragStart = this._onDragStart.bind(this); + this._onDragEnd = this._onDragEnd.bind(this); + this._onDragProgress = this._onDragProgress.bind(this); + this._onDragOver = this._onDragOver.bind(this); + this._onDragEnter = this._onDragEnter.bind(this); + this._onDragLeave = this._onDragLeave.bind(this); + this._onDrop = this._onDrop.bind(this); + this.eventsBound = true; + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js gesture + * @param {Event} [self] Inner Event object + */ + _onGesture: function (e, self) { + this.__onTransformGesture && this.__onTransformGesture(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js drag + * @param {Event} [self] Inner Event object + */ + _onDrag: function (e, self) { + this.__onDrag && this.__onDrag(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on wheel event + */ + _onMouseWheel: function (e) { + this.__onMouseWheel(e); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseOut: function (e) { + var target = this._hoveredTarget; + this.fire('mouse:out', { target: target, e: e }); + this._hoveredTarget = null; + target && target.fire('mouseout', { e: e }); + this._hoveredTargets.forEach(function (nestedTarget) { + this.fire('mouse:out', { target: nestedTarget, e: e }); + nestedTarget && nestedTarget.fire('mouseout', { e: e }); + }, this); + this._hoveredTargets = []; + }, + /** + * @private + * @param {Event} e Event object fired on mouseenter + */ + _onMouseEnter: function (e) { + // This find target and consequent 'mouse:over' is used to + // clear old instances on hovered target. + // calling findTarget has the side effect of killing target.__corner. + // as a short term fix we are not firing this if we are currently transforming. + // as a long term fix we need to separate the action of finding a target with the + // side effects we added to it. + if (!this._currentTransform && !this.findTarget(e)) { + this.fire('mouse:over', { target: null, e: e }); + this._hoveredTarget = null; + this._hoveredTargets = []; + } + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js orientation change + * @param {Event} [self] Inner Event object + */ + _onOrientationChange: function (e, self) { + this.__onOrientationChange && this.__onOrientationChange(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onShake: function (e, self) { + this.__onShake && this.__onShake(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onLongPress: function (e, self) { + this.__onLongPress && this.__onLongPress(e, self); + }, + /** + * supports native like text dragging + * @private + * @param {DragEvent} e + */ + _onDragStart: function (e) { + var activeObject = this.getActiveObject(); + if (activeObject && + typeof activeObject.onDragStart === 'function' && + activeObject.onDragStart(e)) { + this._dragSource = activeObject; + var options = { e: e, target: activeObject }; + this.fire('dragstart', options); + activeObject.fire('dragstart', options); + addListener(this.upperCanvasEl, 'drag', this._onDragProgress); + return; + } + e.preventDefault(); + e.stopPropagation(); + }, + /** + * @private + */ + _renderDragEffects: function (e, source, target) { + var ctx = this.contextTop; + if (source) { + source.clearContextTop(true); + source.renderDragSourceEffect(e); + } + if (target) { + if (target !== source) { + ctx.restore(); + ctx.save(); + target.clearContextTop(true); + } + target.renderDropTargetEffect(e); + } + ctx.restore(); + }, + /** + * supports native like text dragging + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {DragEvent} e + */ + _onDragEnd: function (e) { + var didDrop = e.dataTransfer.dropEffect !== 'none', dropTarget = didDrop ? this._activeObject : undefined, options = { + e: e, + target: this._dragSource, + subTargets: this.targets, + dragSource: this._dragSource, + didDrop: didDrop, + dropTarget: dropTarget, + }; + removeListener(this.upperCanvasEl, 'drag', this._onDragProgress); + this.fire('dragend', options); + this._dragSource && this._dragSource.fire('dragend', options); + delete this._dragSource; + // we need to call mouse up synthetically because the browser won't + this._onMouseUp(e); + }, + /** + * fire `drag` event on canvas and drag source + * @private + * @param {DragEvent} e + */ + _onDragProgress: function (e) { + var options = { + e: e, + dragSource: this._dragSource, + dropTarget: this._draggedoverTarget, + }; + this.fire('drag', options); + this._dragSource && this._dragSource.fire('drag', options); + }, + /** + * prevent default to allow drop event to be fired + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragOver: function (e) { + var eventType = 'dragover', target = this.findTarget(e), targets = this.targets, options = { + e: e, + target: target, + subTargets: targets, + dragSource: this._dragSource, + canDrop: false, + dropTarget: undefined, + }, dropTarget; + // fire on canvas + this.fire(eventType, options); + // make sure we fire dragenter events before dragover + // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it + this._fireEnterLeaveEvents(target, options); + if (target) { + // render drag selection before rendering target cursor for correct visuals + if (target.canDrop(e)) { + dropTarget = target; + } + target.fire(eventType, options); + } + // propagate the event to subtargets + for (var i = 0; i < targets.length; i++) { + target = targets[i]; + // accept event only if previous targets didn't + if (!e.defaultPrevented && target.canDrop(e)) { + dropTarget = target; + } + target.fire(eventType, options); + } + // render drag effects now that relations between source and target is clear + this._renderDragEffects(e, this._dragSource, dropTarget); + }, + /** + * fire `dragleave` on `dragover` targets + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragEnter: function (e) { + var target = this.findTarget(e); + var options = { + e: e, + target: target, + subTargets: this.targets, + dragSource: this._dragSource, + }; + this.fire('dragenter', options); + // fire dragenter on targets + this._fireEnterLeaveEvents(target, options); + }, + /** + * fire `dragleave` on `dragover` targets + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragLeave: function (e) { + var options = { + e: e, + target: this._draggedoverTarget, + subTargets: this.targets, + dragSource: this._dragSource, + }; + this.fire('dragleave', options); + // fire dragleave on targets + this._fireEnterLeaveEvents(null, options); + // clear targets + this.targets = []; + this._hoveredTargets = []; + }, + /** + * `drop:before` is a an event that allows you to schedule logic + * before the `drop` event. Prefer `drop` event always, but if you need + * to run some drop-disabling logic on an event, since there is no way + * to handle event handlers ordering, use `drop:before` + * @private + * @param {Event} e + */ + _onDrop: function (e) { + var options = this._simpleEventHandler('drop:before', e, { + dragSource: this._dragSource, + pointer: this.getPointer(e), + }); + // will be set by the drop target + options.didDrop = false; + // will be set by the drop target, used in case options.target refuses the drop + options.dropTarget = undefined; + // fire `drop` + this._basicEventHandler('drop', options); + // inform canvas of the drop + // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it + // use for side effects + this.fire('drop:after', options); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onContextMenu: function (e) { + var options = this._simpleEventHandler('contextmenu:before', e); + if (this.stopContextMenu) { + e.stopPropagation(); + e.preventDefault(); + } + this._basicEventHandler('contextmenu', options); + return false; + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onDoubleClick: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'dblclick'); + this._resetTransformEventData(); + }, + /** + * Return a the id of an event. + * returns either the pointerId or the identifier or 0 for the mouse event + * @private + * @param {Event} evt Event object + */ + getPointerId: function (evt) { + var changedTouches = evt.changedTouches; + if (changedTouches) { + return changedTouches[0] && changedTouches[0].identifier; + } + if (this.enablePointerEvents) { + return evt.pointerId; + } + return -1; + }, + /** + * Determines if an event has the id of the event that is considered main + * @private + * @param {evt} event Event object + */ + _isMainEvent: function (evt) { + if (evt.isPrimary === true) { + return true; + } + if (evt.isPrimary === false) { + return false; + } + if (evt.type === 'touchend' && evt.touches.length === 0) { + return true; + } + if (evt.changedTouches) { + return evt.changedTouches[0].identifier === this.mainTouchId; + } + return true; + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchStart: function (e) { + e.preventDefault(); + if (this.mainTouchId === null) { + this.mainTouchId = this.getPointerId(e); + } + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + // Unbind mousedown to prevent double triggers from touch devices + removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDown: function (e) { + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchEnd: function (e) { + if (e.touches.length > 0) { + // if there are still touches stop here + return; + } + this.__onMouseUp(e); + this._resetTransformEventData(); + this.mainTouchId = null; + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + var _this = this; + if (this._willAddMouseDown) { + clearTimeout(this._willAddMouseDown); + } + this._willAddMouseDown = setTimeout(function () { + // Wait 400ms before rebinding mousedown to prevent double triggers + // from touch devices + addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); + _this._willAddMouseDown = 0; + }, 400); + }, + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUp: function (e) { + this.__onMouseUp(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + if (this._isMainEvent(e)) { + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + } + }, + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMove: function (e) { + var activeObject = this.getActiveObject(); + !this.allowTouchScrolling && + (!activeObject || !activeObject.__isDragging) && + e.preventDefault && + e.preventDefault(); + this.__onMouseMove(e); + }, + /** + * @private + */ + _onResize: function () { + this.calcOffset(); + this._resetTransformEventData(); + }, + /** + * Decides whether the canvas should be redrawn in mouseup and mousedown events. + * @private + * @param {Object} target + */ + _shouldRender: function (target) { + var activeObject = this._activeObject; + if (!!activeObject !== !!target || + (activeObject && target && activeObject !== target)) { + // this covers: switch of target, from target to no target, selection of target + // multiSelection with key and mouse + return true; + } + else if (activeObject && activeObject.isEditing) { + // if we mouse up/down over a editing textbox a cursor change, + // there is no need to re render + return false; + } + return false; + }, + /** + * Method that defines the actions when mouse is released on canvas. + * The method resets the currentTransform parameters, store the image corner + * position in the image object and render the canvas on top. + * @private + * @param {Event} e Event object fired on mouseup + */ + __onMouseUp: function (e) { + var target, transform = this._currentTransform, groupSelector = this._groupSelector, shouldRender = false, isClick = !groupSelector || + (groupSelector.left === 0 && groupSelector.top === 0); + this._cacheTransformEventData(e); + target = this._target; + this._handleEvent(e, 'up:before'); + // if right/middle click just fire events and return + // target undefined will make the _handleEvent search the target + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'up', RIGHT_CLICK, isClick); + } + return; + } + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); + } + this._resetTransformEventData(); + return; + } + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this._onMouseUpInDrawingMode(e); + return; + } + if (!this._isMainEvent(e)) { + return; + } + if (transform) { + this._finalizeCurrentTransform(e); + shouldRender = transform.actionPerformed; + } + if (!isClick) { + var targetWasActive = target === this._activeObject; + this._maybeGroupObjects(e); + if (!shouldRender) { + shouldRender = + this._shouldRender(target) || + (!targetWasActive && target === this._activeObject); + } + } + var corner, pointer; + if (target) { + corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); + if (target.selectable && + target !== this._activeObject && + target.activeOn === 'up') { + this.setActiveObject(target, e); + shouldRender = true; + } + else { + var control = target.controls[corner], mouseUpHandler = control && control.getMouseUpHandler(e, target, control); + if (mouseUpHandler) { + pointer = this.getPointer(e); + mouseUpHandler(e, transform, pointer.x, pointer.y); + } + } + target.isMoving = false; + } + // if we are ending up a transform on a different control or a new object + // fire the original mouse up from the corner that started the transform + if (transform && + (transform.target !== target || transform.corner !== corner)) { + var originalControl = transform.target && transform.target.controls[transform.corner], originalMouseUpHandler = originalControl && + originalControl.getMouseUpHandler(e, target, control); + pointer = pointer || this.getPointer(e); + originalMouseUpHandler && + originalMouseUpHandler(e, transform, pointer.x, pointer.y); + } + this._setCursorFromEvent(e, target); + this._handleEvent(e, 'up', LEFT_CLICK, isClick); + this._groupSelector = null; + this._currentTransform = null; + // reset the target information about which corner is selected + target && (target.__corner = 0); + if (shouldRender) { + this.requestRenderAll(); + } + else if (!isClick) { + this.renderTop(); + } + }, + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @param {object} [data] event data overrides + * @return {object} options + */ + _simpleEventHandler: function (eventType, e, data) { + var target = this.findTarget(e), subTargets = this.targets || []; + return this._basicEventHandler(eventType, Object.assign({}, { + e: e, + target: target, + subTargets: subTargets, + }, data)); + }, + _basicEventHandler: function (eventType, options) { + var target = options.target, subTargets = options.subTargets; + this.fire(eventType, options); + target && target.fire(eventType, options); + for (var i = 0; i < subTargets.length; i++) { + subTargets[i].fire(eventType, options); + } + return options; + }, + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @param {fabric.Object} targetObj receiving event + * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right + * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. + */ + _handleEvent: function (e, eventType, button, isClick) { + var target = this._target, targets = this.targets || [], options = { + e: e, + target: target, + subTargets: targets, + button: button || LEFT_CLICK, + isClick: isClick || false, + pointer: this._pointer, + absolutePointer: this._absolutePointer, + transform: this._currentTransform, + }; + if (eventType === 'up') { + options.currentTarget = this.findTarget(e); + options.currentSubTargets = this.targets; + } + this.fire('mouse:' + eventType, options); + target && target.fire('mouse' + eventType, options); + for (var i = 0; i < targets.length; i++) { + targets[i].fire('mouse' + eventType, options); + } + }, + /** + * End the current transfrom. + * You don't usually need to call this method unless you are interupting a user initiated transform + * because of some other event ( a press of key combination, or something that block the user UX ) + * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event + */ + endCurrentTransform: function (e) { + var transform = this._currentTransform; + this._finalizeCurrentTransform(e); + if (transform && transform.target) { + // this could probably go inside _finalizeCurrentTransform + transform.target.isMoving = false; + } + this._currentTransform = null; + }, + /** + * @private + * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event + */ + _finalizeCurrentTransform: function (e) { + var transform = this._currentTransform, target = transform.target, options = { + e: e, + target: target, + transform: transform, + action: transform.action, + }; + if (target._scaling) { + target._scaling = false; + } + target.setCoords(); + if (transform.actionPerformed || + (this.stateful && target.hasStateChanged())) { + this._fire('modified', options); + } + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDownInDrawingMode: function (e) { + this._isCurrentlyDrawing = true; + if (this.getActiveObject()) { + this.discardActiveObject(e).requestRenderAll(); + } + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); + this._handleEvent(e, 'down'); + }, + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMoveInDrawingMode: function (e) { + if (this._isCurrentlyDrawing) { + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseMove(pointer, { + e: e, + pointer: pointer, + }); + } + this.setCursor(this.freeDrawingCursor); + this._handleEvent(e, 'move'); + }, + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUpInDrawingMode: function (e) { + var pointer = this.getPointer(e); + this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ + e: e, + pointer: pointer, + }); + this._handleEvent(e, 'up'); + }, + /** + * Method that defines the actions when mouse is clicked on canvas. + * The method inits the currentTransform parameters and renders all the + * canvas so the current image can be placed on the top canvas and the rest + * in on the container one. + * @private + * @param {Event} e Event object fired on mousedown + */ + __onMouseDown: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'down:before'); + var target = this._target; + // if right click just fire events + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'down', RIGHT_CLICK); + } + return; + } + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'down', MIDDLE_CLICK); + } + return; + } + if (this.isDrawingMode) { + this._onMouseDownInDrawingMode(e); + return; + } + if (!this._isMainEvent(e)) { + return; + } + // ignore if some object is being transformed at this moment + if (this._currentTransform) { + return; + } + var pointer = this._pointer; + // save pointer for check in __onMouseUp event + this._previousPointer = pointer; + var shouldRender = this._shouldRender(target), shouldGroup = this._shouldGroup(e, target); + if (this._shouldClearSelection(e, target)) { + this.discardActiveObject(e); + } + else if (shouldGroup) { + this._handleGrouping(e, target); + target = this._activeObject; + } + if (this.selection && + (!target || + (!target.selectable && + !target.isEditing && + target !== this._activeObject))) { + this._groupSelector = { + ex: this._absolutePointer.x, + ey: this._absolutePointer.y, + top: 0, + left: 0, + }; + } + if (target) { + var alreadySelected = target === this._activeObject; + if (target.selectable && target.activeOn === 'down') { + this.setActiveObject(target, e); + } + var corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); + target.__corner = corner; + if (target === this._activeObject && (corner || !shouldGroup)) { + this._setupCurrentTransform(e, target, alreadySelected); + var control = target.controls[corner], pointer = this.getPointer(e), mouseDownHandler = control && control.getMouseDownHandler(e, target, control); + if (mouseDownHandler) { + mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); + } + } + } + var invalidate = shouldRender || shouldGroup; + // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering + // run before firing the `down` event to give the dev a chance to populate it themselves + invalidate && (this._objectsToRender = undefined); + this._handleEvent(e, 'down'); + // we must renderAll so that we update the visuals + invalidate && this.requestRenderAll(); + }, + /** + * reset cache form common information needed during event processing + * @private + */ + _resetTransformEventData: function () { + this._target = null; + this._pointer = null; + this._absolutePointer = null; + }, + /** + * Cache common information needed during event processing + * @private + * @param {Event} e Event object fired on event + */ + _cacheTransformEventData: function (e) { + // reset in order to avoid stale caching + this._resetTransformEventData(); + this._pointer = this.getPointer(e, true); + this._absolutePointer = this.restorePointerVpt(this._pointer); + this._target = this._currentTransform + ? this._currentTransform.target + : this.findTarget(e) || null; + }, + /** + * @private + */ + _beforeTransform: function (e) { + var t = this._currentTransform; + this.stateful && t.target.saveState(); + this.fire('before:transform', { + e: e, + transform: t, + }); + }, + /** + * Method that defines the actions when mouse is hovering the canvas. + * The currentTransform parameter will define whether the user is rotating/scaling/translating + * an image or neither of them (only hovering). A group selection is also possible and would cancel + * all any other type of action. + * In case of an image transformation only the top canvas will be rendered. + * @private + * @param {Event} e Event object fired on mousemove + */ + __onMouseMove: function (e) { + this._handleEvent(e, 'move:before'); + this._cacheTransformEventData(e); + var target, pointer; + if (this.isDrawingMode) { + this._onMouseMoveInDrawingMode(e); + return; + } + if (!this._isMainEvent(e)) { + return; + } + var groupSelector = this._groupSelector; + // We initially clicked in an empty area, so we draw a box for multiple selection + if (groupSelector) { + pointer = this._absolutePointer; + groupSelector.left = pointer.x - groupSelector.ex; + groupSelector.top = pointer.y - groupSelector.ey; + this.renderTop(); + } + else if (!this._currentTransform) { + target = this.findTarget(e) || null; + this._setCursorFromEvent(e, target); + this._fireOverOutEvents(target, e); + } + else { + this._transformObject(e); + } + this._handleEvent(e, 'move'); + this._resetTransformEventData(); + }, + /** + * Manage the mouseout, mouseover events for the fabric object on the canvas + * @param {Fabric.Object} target the target where the target from the mousemove event + * @param {Event} e Event object fired on mousemove + * @private + */ + _fireOverOutEvents: function (target, e) { + var _hoveredTarget = this._hoveredTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); + this.fireSyntheticInOutEvents(target, { e: e }, { + oldTarget: _hoveredTarget, + evtOut: 'mouseout', + canvasEvtOut: 'mouse:out', + evtIn: 'mouseover', + canvasEvtIn: 'mouse:over', + }); + for (var i = 0; i < length; i++) { + this.fireSyntheticInOutEvents(targets[i], { e: e }, { + oldTarget: _hoveredTargets[i], + evtOut: 'mouseout', + evtIn: 'mouseover', + }); + } + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + }, + /** + * Manage the dragEnter, dragLeave events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the onDrag event + * @param {Object} data Event object fired on dragover + * @private + */ + _fireEnterLeaveEvents: function (target, data) { + var _draggedoverTarget = this._draggedoverTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); + this.fireSyntheticInOutEvents(target, data, { + oldTarget: _draggedoverTarget, + evtOut: 'dragleave', + evtIn: 'dragenter', + canvasEvtIn: 'drag:enter', + canvasEvtOut: 'drag:leave', + }); + for (var i = 0; i < length; i++) { + this.fireSyntheticInOutEvents(targets[i], data, { + oldTarget: _hoveredTargets[i], + evtOut: 'dragleave', + evtIn: 'dragenter', + }); + } + this._draggedoverTarget = target; + }, + /** + * Manage the synthetic in/out events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the supported events + * @param {Object} data Event object fired + * @param {Object} config configuration for the function to work + * @param {String} config.targetName property on the canvas where the old target is stored + * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out + * @param {String} config.evtOut name of the event to fire for out + * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in + * @param {String} config.evtIn name of the event to fire for in + * @private + */ + fireSyntheticInOutEvents: function (target, data, config) { + var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; + if (targetChanged) { + inOpt = Object.assign({}, data, { + target: target, + previousTarget: oldTarget, + }); + outOpt = Object.assign({}, data, { + target: oldTarget, + nextTarget: target, + }); + } + inFires = target && targetChanged; + outFires = oldTarget && targetChanged; + if (outFires) { + canvasEvtOut && this.fire(canvasEvtOut, outOpt); + oldTarget.fire(config.evtOut, outOpt); + } + if (inFires) { + canvasEvtIn && this.fire(canvasEvtIn, inOpt); + target.fire(config.evtIn, inOpt); + } + }, + /** + * Method that defines actions when an Event Mouse Wheel + * @param {Event} e Event object fired on mouseup + */ + __onMouseWheel: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'wheel'); + this._resetTransformEventData(); + }, + /** + * @private + * @param {Event} e Event fired on mousemove + */ + _transformObject: function (e) { + var pointer = this.getPointer(e), transform = this._currentTransform, target = transform.target, + // transform pointer to target's containing coordinate plane + // both pointer and object should agree on every point + localPointer = target.group + ? fabric.util.sendPointToPlane(pointer, undefined, target.group.calcTransformMatrix()) + : pointer; + transform.reset = false; + transform.shiftKey = e.shiftKey; + transform.altKey = e[this.centeredKey]; + this._performTransformAction(e, transform, localPointer); + transform.actionPerformed && this.requestRenderAll(); + }, + /** + * @private + */ + _performTransformAction: function (e, transform, pointer) { + var x = pointer.x, y = pointer.y, action = transform.action, actionPerformed = false, actionHandler = transform.actionHandler; + // this object could be created from the function in the control handlers + if (actionHandler) { + actionPerformed = actionHandler(e, transform, x, y); + } + if (action === 'drag' && actionPerformed) { + transform.target.isMoving = true; + this.setCursor(transform.target.moveCursor || this.moveCursor); + } + transform.actionPerformed = + transform.actionPerformed || actionPerformed; + }, + /** + * @private + */ + _fire: function (eventName, options) { + return fireEvent(eventName, options); + }, + /** + * Sets the cursor depending on where the canvas is being hovered. + * Note: very buggy in Opera + * @param {Event} e Event object + * @param {Object} target Object that the mouse is hovering, if so. + */ + _setCursorFromEvent: function (e, target) { + if (!target) { + this.setCursor(this.defaultCursor); + return false; + } + var hoverCursor = target.hoverCursor || this.hoverCursor, activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' + ? this._activeObject + : null, + // only show proper corner when group selection is not active + corner = (!activeSelection || !activeSelection.contains(target)) && + // here we call findTargetCorner always with undefined for the touch parameter. + // we assume that if you are using a cursor you do not need to interact with + // the bigger touch area. + target._findTargetCorner(this.getPointer(e, true)); + if (!corner) { + if (target.subTargetCheck) { + // hoverCursor should come from top-most subTarget, + // so we walk the array backwards + this.targets + .concat() + .reverse() + .map(function (_target) { + hoverCursor = _target.hoverCursor || hoverCursor; + }); + } + this.setCursor(hoverCursor); + } + else { + this.setCursor(this.getCornerCursor(corner, target, e)); + } + }, + /** + * @private + */ + getCornerCursor: function (corner, target, e) { + var control = target.controls[corner]; + return control.cursorStyleHandler(e, control, target); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, min = Math.min, max = Math.max; + fabric.util.object.extend(fabric.Canvas.prototype, + /** @lends fabric.Canvas.prototype */ { + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + * @return {Boolean} + */ + _shouldGroup: function (e, target) { + var activeObject = this._activeObject; + // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection. + return (!!activeObject && + this._isSelectionKeyPressed(e) && + this.selection && + // on top of that the user also has to hit a target that is selectable. + !!target && + target.selectable && + // if all pre-requisite pass, the target is either something different from the current + // activeObject or if an activeSelection already exists + // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear. + // is a very old condition uncertain if still valid. + (activeObject !== target || + activeObject.type === 'activeSelection') && + // make sure `activeObject` and `target` aren't ancestors of each other + !target.isDescendantOf(activeObject) && + !activeObject.isDescendantOf(target) && + // target accepts selection + !target.onSelect({ e: e })); + }, + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _handleGrouping: function (e, target) { + var activeObject = this._activeObject; + // avoid multi select when shift click on a corner + if (activeObject.__corner) { + return; + } + if (target === activeObject) { + // if it's a group, find target again, using activeGroup objects + target = this.findTarget(e, true); + // if even object is not found or we are on activeObjectCorner, bail out + if (!target || !target.selectable) { + return; + } + } + if (activeObject && activeObject.type === 'activeSelection') { + this._updateActiveSelection(target, e); + } + else { + this._createActiveSelection(target, e); + } + }, + /** + * @private + */ + _updateActiveSelection: function (target, e) { + var activeSelection = this._activeObject, currentActiveObjects = activeSelection._objects.slice(0); + if (target.group === activeSelection) { + activeSelection.remove(target); + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + if (activeSelection.size() === 1) { + // activate last remaining object + this._setActiveObject(activeSelection.item(0), e); + } + } + else { + activeSelection.add(target); + this._hoveredTarget = activeSelection; + this._hoveredTargets = this.targets.concat(); + } + this._fireSelectionEvents(currentActiveObjects, e); + }, + /** + * @private + */ + _createActiveSelection: function (target, e) { + var currentActives = this.getActiveObjects(), group = this._createGroup(target); + this._hoveredTarget = group; + // ISSUE 4115: should we consider subTargets here? + // this._hoveredTargets = []; + // this._hoveredTargets = this.targets.concat(); + this._setActiveObject(group, e); + this._fireSelectionEvents(currentActives, e); + }, + /** + * @private + * @param {Object} target + * @returns {fabric.ActiveSelection} + */ + _createGroup: function (target) { + var activeObject = this._activeObject; + var groupObjects = target.isInFrontOf(activeObject) + ? [activeObject, target] + : [target, activeObject]; + activeObject.isEditing && activeObject.exitEditing(); + // handle case: target is nested + return new fabric.ActiveSelection(groupObjects, { + canvas: this, + }); + }, + /** + * @private + * @param {Event} e mouse event + */ + _groupSelectedObjects: function (e) { + var group = this._collectObjects(e), aGroup; + // do not create group for 1 element only + if (group.length === 1) { + this.setActiveObject(group[0], e); + } + else if (group.length > 1) { + aGroup = new fabric.ActiveSelection(group.reverse(), { + canvas: this, + }); + this.setActiveObject(aGroup, e); + } + }, + /** + * @private + */ + _collectObjects: function (e) { + var group = [], currentObject, x1 = this._groupSelector.ex, y1 = this._groupSelector.ey, x2 = x1 + this._groupSelector.left, y2 = y1 + this._groupSelector.top, selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)), selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)), allowIntersect = !this.selectionFullyContained, isClick = x1 === x2 && y1 === y2; + // we iterate reverse order to collect top first in case of click. + for (var i = this._objects.length; i--;) { + currentObject = this._objects[i]; + if (!currentObject || + !currentObject.selectable || + !currentObject.visible) { + continue; + } + if ((allowIntersect && + currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || + currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || + (allowIntersect && + currentObject.containsPoint(selectionX1Y1, null, true)) || + (allowIntersect && + currentObject.containsPoint(selectionX2Y2, null, true))) { + group.push(currentObject); + // only add one object if it's a click + if (isClick) { + break; + } + } + } + if (group.length > 1) { + group = group.filter(function (object) { + return !object.onSelect({ e: e }); + }); + } + return group; + }, + /** + * @private + */ + _maybeGroupObjects: function (e) { + if (this.selection && this._groupSelector) { + this._groupSelectedObjects(e); + } + this.setCursor(this.defaultCursor); + // clear selection and current transformation + this._groupSelector = null; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately + * @param {Object} [options] Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 + * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + * @see {@link https://jsfiddle.net/xsjua1rd/ demo} + * @example Generate jpeg dataURL with lower quality + * var dataURL = canvas.toDataURL({ + * format: 'jpeg', + * quality: 0.8 + * }); + * @example Generate cropped png dataURL (clipping of canvas) + * var dataURL = canvas.toDataURL({ + * format: 'png', + * left: 100, + * top: 100, + * width: 200, + * height: 200 + * }); + * @example Generate double scaled png dataURL + * var dataURL = canvas.toDataURL({ + * format: 'png', + * multiplier: 2 + * }); + * @example Generate dataURL with objects that overlap a specified object + * var myObject; + * var dataURL = canvas.toDataURL({ + * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject) + * }); + */ + toDataURL: function (options) { + options || (options = {}); + var format = options.format || 'png', quality = options.quality || 1, multiplier = (options.multiplier || 1) * + (options.enableRetinaScaling ? this.getRetinaScaling() : 1), canvasEl = this.toCanvasElement(multiplier, options); + return fabric.util.toDataURL(canvasEl, format, quality); + }, + /** + * Create a new HTMLCanvas element painted with the current canvas content. + * No need to resize the actual one or repaint it. + * Will transfer object ownership to a new canvas, paint it, and set everything back. + * This is an intermediary step used to get to a dataUrl but also it is useful to + * create quick image copies of a canvas without passing for the dataUrl string + * @param {Number} [multiplier] a zoom factor. + * @param {Object} [options] Cropping informations + * @param {Number} [options.left] Cropping left offset. + * @param {Number} [options.top] Cropping top offset. + * @param {Number} [options.width] Cropping width. + * @param {Number} [options.height] Cropping height. + * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. + */ + toCanvasElement: function (multiplier, options) { + multiplier = multiplier || 1; + options = options || {}; + var scaledWidth = (options.width || this.width) * multiplier, scaledHeight = (options.height || this.height) * multiplier, zoom = this.getZoom(), originalWidth = this.width, originalHeight = this.height, newZoom = zoom * multiplier, vp = this.viewportTransform, translateX = (vp[4] - (options.left || 0)) * multiplier, translateY = (vp[5] - (options.top || 0)) * multiplier, originalInteractive = this.interactive, newVp = [newZoom, 0, 0, newZoom, translateX, translateY], originalRetina = this.enableRetinaScaling, canvasEl = fabric.util.createCanvasElement(), originalContextTop = this.contextTop, objectsToRender = options.filter + ? this._objects.filter(options.filter) + : this._objects; + canvasEl.width = scaledWidth; + canvasEl.height = scaledHeight; + this.contextTop = null; + this.enableRetinaScaling = false; + this.interactive = false; + this.viewportTransform = newVp; + this.width = scaledWidth; + this.height = scaledHeight; + this.calcViewportBoundaries(); + this.renderCanvas(canvasEl.getContext('2d'), objectsToRender); + this.viewportTransform = vp; + this.width = originalWidth; + this.height = originalHeight; + this.calcViewportBoundaries(); + this.interactive = originalInteractive; + this.enableRetinaScaling = originalRetina; + this.contextTop = originalContextTop; + return canvasEl; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Populates canvas with data from the specified JSON. + * JSON format must conform to the one of {@link fabric.Canvas#toJSON} + * + * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking + * + * @param {String|Object} json JSON string or object + * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. + * @param {Object} [options] options + * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @return {Promise} instance + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} + * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} + * @example loadFromJSON + * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll()); + * @example loadFromJSON with reviver + * canvas.loadFromJSON(json, function(o, object) { + * // `o` = json object + * // `object` = fabric.Object instance + * // ... do some stuff ... + * }).then((canvas) => { + * ... canvas is restored, add your code. + * }); + * + */ + loadFromJSON: function (json, reviver, options) { + if (!json) { + return Promise.reject(new Error('fabric.js: `json` is undefined')); + } + // serialize if it wasn't already + var serialized = typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json); + var _this = this, renderOnAddRemove = this.renderOnAddRemove; + this.renderOnAddRemove = false; + return Promise.all([ + fabric.util.enlivenObjects(serialized.objects || [], { + reviver: reviver, + signal: options && options.signal, + }), + fabric.util.enlivenObjectEnlivables({ + backgroundImage: serialized.backgroundImage, + backgroundColor: serialized.background, + overlayImage: serialized.overlayImage, + overlayColor: serialized.overlay, + clipPath: serialized.clipPath, + }, { signal: options && options.signal }), + ]).then(function (res) { + var enlived = res[0], enlivedMap = res[1]; + _this.clear(); + _this.__setupCanvas(serialized, enlived); + _this.renderOnAddRemove = renderOnAddRemove; + _this.set(enlivedMap); + return _this; + }); + }, + /** + * @private + * @param {Object} serialized Object with background and overlay information + * @param {Array} enlivenedObjects canvas objects + */ + __setupCanvas: function (serialized, enlivenedObjects) { + var _this = this; + enlivenedObjects.forEach(function (obj, index) { + // we splice the array just in case some custom classes restored from JSON + // will add more object to canvas at canvas init. + _this.insertAt(obj, index); + }); + // remove parts i cannot set as options + delete serialized.objects; + delete serialized.backgroundImage; + delete serialized.overlayImage; + delete serialized.background; + delete serialized.overlay; + // this._initOptions does too many things to just + // call it. Normally loading an Object from JSON + // create the Object instance. Here the Canvas is + // already an instance and we are just loading things over it + this._setOptions(serialized); + }, + /** + * Clones canvas instance + * @param {Array} [properties] Array of properties to include in the cloned canvas and children + * @returns {Promise} + */ + clone: function (properties) { + var data = JSON.stringify(this.toJSON(properties)); + return this.cloneWithoutData().then(function (clone) { + return clone.loadFromJSON(data); + }); + }, + /** + * Clones canvas instance without cloning existing data. + * This essentially copies canvas dimensions, clipping properties, etc. + * but leaves data empty (so that you can populate it with your own) + * @returns {Promise} + */ + cloneWithoutData: function () { + var el = fabric.util.createCanvasElement(); + el.width = this.width; + el.height = this.height; + // this seems wrong. either Canvas or StaticCanvas + var clone = new fabric.Canvas(el); + var data = {}; + if (this.backgroundImage) { + data.backgroundImage = this.backgroundImage.toObject(); + } + if (this.backgroundColor) { + data.background = this.backgroundColor.toObject + ? this.backgroundColor.toObject() + : this.backgroundColor; + } + return clone.loadFromJSON(data); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, degreesToRadians = fabric.util.degreesToRadians, radiansToDegrees = fabric.util.radiansToDegrees; + /** + * Adds support for multi-touch gestures using the Event.js library. + * Fires the following custom events: + * - touch:gesture + * - touch:drag + * - touch:orientation + * - touch:shake + * - touch:longpress + */ + fabric.util.object.extend(fabric.Canvas.prototype, + /** @lends fabric.Canvas.prototype */ { + /** + * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports + * 2 finger gestures. + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onTransformGesture: function (e, self) { + if (this.isDrawingMode || + !e.touches || + e.touches.length !== 2 || + 'gesture' !== self.gesture) { + return; + } + var target = this.findTarget(e); + if ('undefined' !== typeof target) { + this.__gesturesParams = { + e: e, + self: self, + target: target, + }; + this.__gesturesRenderer(); + } + this.fire('touch:gesture', { + target: target, + e: e, + self: self, + }); + }, + __gesturesParams: null, + __gesturesRenderer: function () { + if (this.__gesturesParams === null || this._currentTransform === null) { + return; + } + var self = this.__gesturesParams.self, t = this._currentTransform, e = this.__gesturesParams.e; + t.action = 'scale'; + t.originX = t.originY = 'center'; + this._scaleObjectBy(self.scale, e); + if (self.rotation !== 0) { + t.action = 'rotate'; + this._rotateObjectByAngle(self.rotation, e); + } + this.requestRenderAll(); + t.action = 'drag'; + }, + /** + * Method that defines actions when an Event.js drag is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onDrag: function (e, self) { + this.fire('touch:drag', { + e: e, + self: self, + }); + }, + /** + * Method that defines actions when an Event.js orientation event is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onOrientationChange: function (e, self) { + this.fire('touch:orientation', { + e: e, + self: self, + }); + }, + /** + * Method that defines actions when an Event.js shake event is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onShake: function (e, self) { + this.fire('touch:shake', { + e: e, + self: self, + }); + }, + /** + * Method that defines actions when an Event.js longpress event is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onLongPress: function (e, self) { + this.fire('touch:longpress', { + e: e, + self: self, + }); + }, + /** + * Scales an object by a factor + * @param {Number} s The scale factor to apply to the current scale level + * @param {Event} e Event object by Event.js + */ + _scaleObjectBy: function (s, e) { + var t = this._currentTransform, target = t.target; + t.gestureScale = s; + target._scaling = true; + return scalingEqually(e, t, 0, 0); + }, + /** + * Rotates object by an angle + * @param {Number} curAngle The angle of rotation in degrees + * @param {Event} e Event object by Event.js + */ + _rotateObjectByAngle: function (curAngle, e) { + var t = this._currentTransform; + if (t.target.get('lockRotation')) { + return; + } + t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta)); + this._fire('rotating', { + target: t.target, + e: e, + transform: t, + }); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Checks if object is decendant of target + * Should be used instead of @link {fabric.Collection.contains} for performance reasons + * @param {fabric.Object|fabric.StaticCanvas} target + * @returns {boolean} + */ + isDescendantOf: function (target) { + var parent = this.group || this.canvas; + while (parent) { + if (target === parent) { + return true; + } + else if (parent instanceof fabric.StaticCanvas) { + // happens after all parents were traversed through without a match + return false; + } + parent = parent.group || parent.canvas; + } + return false; + }, + /** + * + * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors + * + * @param {boolean} [strict] returns only ancestors that are objects (without canvas) + * @returns {Ancestors} ancestors from bottom to top + */ + getAncestors: function (strict) { + var ancestors = []; + var parent = this.group || (strict ? undefined : this.canvas); + while (parent) { + ancestors.push(parent); + parent = parent.group || (strict ? undefined : parent.canvas); + } + return ancestors; + }, + /** + * Returns an object that represent the ancestry situation. + * + * @typedef {object} AncestryComparison + * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`) + * @property {Ancestors} fork ancestors that are of `this` only + * @property {Ancestors} otherFork ancestors that are of `other` only + * + * @param {fabric.Object} other + * @param {boolean} [strict] finds only ancestors that are objects (without canvas) + * @returns {AncestryComparison | undefined} + * + */ + findCommonAncestors: function (other, strict) { + if (this === other) { + return { + fork: [], + otherFork: [], + common: [this].concat(this.getAncestors(strict)), + }; + } + else if (!other) { + // meh, warn and inform, and not my issue. + // the argument is NOT optional, we can't end up here. + return undefined; + } + var ancestors = this.getAncestors(strict); + var otherAncestors = other.getAncestors(strict); + // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case + if (ancestors.length === 0 && + otherAncestors.length > 0 && + this === otherAncestors[otherAncestors.length - 1]) { + return { + fork: [], + otherFork: [other].concat(otherAncestors.slice(0, otherAncestors.length - 1)), + common: [this], + }; + } + // compare ancestors + for (var i = 0, ancestor; i < ancestors.length; i++) { + ancestor = ancestors[i]; + if (ancestor === other) { + return { + fork: [this].concat(ancestors.slice(0, i)), + otherFork: [], + common: ancestors.slice(i), + }; + } + for (var j = 0; j < otherAncestors.length; j++) { + if (this === otherAncestors[j]) { + return { + fork: [], + otherFork: [other].concat(otherAncestors.slice(0, j)), + common: [this].concat(ancestors), + }; + } + if (ancestor === otherAncestors[j]) { + return { + fork: [this].concat(ancestors.slice(0, i)), + otherFork: [other].concat(otherAncestors.slice(0, j)), + common: ancestors.slice(i), + }; + } + } + } + // nothing shared + return { + fork: [this].concat(ancestors), + otherFork: [other].concat(otherAncestors), + common: [], + }; + }, + /** + * + * @param {fabric.Object} other + * @param {boolean} [strict] checks only ancestors that are objects (without canvas) + * @returns {boolean} + */ + hasCommonAncestors: function (other, strict) { + var commonAncestors = this.findCommonAncestors(other, strict); + return commonAncestors && !!commonAncestors.ancestors.length; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Moves an object to the bottom of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + sendToBack: function () { + if (this.group) { + fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); + } + else if (this.canvas) { + this.canvas.sendToBack(this); + } + return this; + }, + /** + * Moves an object to the top of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + bringToFront: function () { + if (this.group) { + fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); + } + else if (this.canvas) { + this.canvas.bringToFront(this); + } + return this; + }, + /** + * Moves an object down in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + sendBackwards: function (intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.sendBackwards(this, intersecting); + } + return this; + }, + /** + * Moves an object up in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + bringForward: function (intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.bringForward(this, intersecting); + } + return this; + }, + /** + * Moves an object to specified level in stack of drawn objects + * @param {Number} index New position of object + * @return {fabric.Object} thisArg + * @chainable + */ + moveTo: function (index) { + if (this.group && this.group.type !== 'activeSelection') { + fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); + } + else if (this.canvas) { + this.canvas.moveTo(this, index); + } + return this; + }, + /** + * + * @param {fabric.Object} other object to compare against + * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined` + */ + isInFrontOf: function (other) { + if (this === other) { + return undefined; + } + var ancestorData = this.findCommonAncestors(other); + if (!ancestorData) { + return undefined; + } + if (ancestorData.fork.includes(other)) { + return true; + } + if (ancestorData.otherFork.includes(this)) { + return false; + } + var firstCommonAncestor = ancestorData.common[0]; + if (!firstCommonAncestor) { + return undefined; + } + var headOfFork = ancestorData.fork.pop(), headOfOtherFork = ancestorData.otherFork.pop(), thisIndex = firstCommonAncestor._objects.indexOf(headOfFork), otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork); + return thisIndex > -1 && thisIndex > otherIndex; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); - /** - * Realises an object's group transformation on it - * @private - * @param {fabric.Object} [instance] the object to transform (gets mutated) - * @returns the original values of instance which were changed - */ - _realizeGroupTransformOnObject: function(instance) { - if (instance.group && instance.group.type === 'activeSelection' && this._activeObject === instance.group) { - var layoutProps = ['angle', 'flipX', 'flipY', 'left', 'scaleX', 'scaleY', 'skewX', 'skewY', 'top']; - //Copy all the positionally relevant properties across now - var originalValues = {}; - layoutProps.forEach(function(prop) { - originalValues[prop] = instance[prop]; - }); - fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); - return originalValues; - } - else { - return null; - } - }, +//@ts-nocheck +/* _TO_SVG_START_ */ +(function (global) { + var fabric = global.fabric; + function getSvgColorString(prop, value) { + if (!value) { + return prop + ': none; '; + } + else if (value.toLive) { + return prop + ': url(#SVGID_' + value.id + '); '; + } + else { + var color = new Color(value), str = prop + ': ' + color.toRgb() + '; ', opacity = color.getAlpha(); + if (opacity !== 1) { + //change the color in rgb + opacity + str += prop + '-opacity: ' + opacity.toString() + '; '; + } + return str; + } + } + var toFixed = (fabric = global.fabric), toFixed = fabric.util.toFixed; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function (skipShadow) { + var fillRule = this.fillRule ? this.fillRule : 'nonzero', strokeWidth = this.strokeWidth ? this.strokeWidth : '0', strokeDashArray = this.strokeDashArray + ? this.strokeDashArray.join(' ') + : 'none', strokeDashOffset = this.strokeDashOffset + ? this.strokeDashOffset + : '0', strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', strokeMiterLimit = this.strokeMiterLimit + ? this.strokeMiterLimit + : '4', opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', visibility = this.visible ? '' : ' visibility: hidden;', filter = skipShadow ? '' : this.getSvgFilter(), fill = getSvgColorString('fill', this.fill), stroke = getSvgColorString('stroke', this.stroke); + return [ + stroke, + 'stroke-width: ', + strokeWidth, + '; ', + 'stroke-dasharray: ', + strokeDashArray, + '; ', + 'stroke-linecap: ', + strokeLineCap, + '; ', + 'stroke-dashoffset: ', + strokeDashOffset, + '; ', + 'stroke-linejoin: ', + strokeLineJoin, + '; ', + 'stroke-miterlimit: ', + strokeMiterLimit, + '; ', + fill, + 'fill-rule: ', + fillRule, + '; ', + 'opacity: ', + opacity, + ';', + filter, + visibility, + ].join(''); + }, + /** + * Returns styles-string for svg-export + * @param {Object} style the object from which to retrieve style properties + * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. + * @return {String} + */ + getSvgSpanStyles: function (style, useWhiteSpace) { + var term = '; '; + var fontFamily = style.fontFamily + ? 'font-family: ' + + (style.fontFamily.indexOf("'") === -1 && + style.fontFamily.indexOf('"') === -1 + ? "'" + style.fontFamily + "'" + : style.fontFamily) + + term + : ''; + var strokeWidth = style.strokeWidth + ? 'stroke-width: ' + style.strokeWidth + term + : '', fontFamily = fontFamily, fontSize = style.fontSize + ? 'font-size: ' + style.fontSize + 'px' + term + : '', fontStyle = style.fontStyle + ? 'font-style: ' + style.fontStyle + term + : '', fontWeight = style.fontWeight + ? 'font-weight: ' + style.fontWeight + term + : '', fill = style.fill ? getSvgColorString('fill', style.fill) : '', stroke = style.stroke + ? getSvgColorString('stroke', style.stroke) + : '', textDecoration = this.getSvgTextDecoration(style), deltaY = style.deltaY + ? 'baseline-shift: ' + -style.deltaY + '; ' + : ''; + if (textDecoration) { + textDecoration = 'text-decoration: ' + textDecoration + term; + } + return [ + stroke, + strokeWidth, + fontFamily, + fontSize, + fontStyle, + fontWeight, + textDecoration, + fill, + deltaY, + useWhiteSpace ? 'white-space: pre; ' : '', + ].join(''); + }, + /** + * Returns text-decoration property for svg-export + * @param {Object} style the object from which to retrieve style properties + * @return {String} + */ + getSvgTextDecoration: function (style) { + return ['overline', 'underline', 'line-through'] + .filter(function (decoration) { + return style[decoration.replace('-', '')]; + }) + .join(' '); + }, + /** + * Returns filter for svg shadow + * @return {String} + */ + getSvgFilter: function () { + return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; + }, + /** + * Returns id attribute for svg output + * @return {String} + */ + getSvgCommons: function () { + return [ + this.id ? 'id="' + this.id + '" ' : '', + this.clipPath + ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' + : '', + ].join(''); + }, + /** + * Returns transform-string for svg-export + * @param {Boolean} use the full transform or the single object one. + * @return {String} + */ + getSvgTransform: function (full, additionalTransform) { + var transform = full + ? this.calcTransformMatrix() + : this.calcOwnMatrix(), svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); + return svgTransform + (additionalTransform || '') + '" '; + }, + _setSVGBg: function (textBgRects) { + if (this.backgroundColor) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push('\t\t\n'); + } + }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function (reviver) { + return this._createBaseSVGMarkup(this._toSVG(reviver), { + reviver: reviver, + }); + }, + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function (reviver) { + return ('\t' + + this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { + reviver: reviver, + })); + }, + /** + * @private + */ + _createBaseClipPathSVGMarkup: function (objectMarkup, options) { + options = options || {}; + var reviver = options.reviver, additionalTransform = options.additionalTransform || '', commonPieces = [ + this.getSvgTransform(true, additionalTransform), + this.getSvgCommons(), + ].join(''), + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'); + objectMarkup[index] = commonPieces; + return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); + }, + /** + * @private + */ + _createBaseSVGMarkup: function (objectMarkup, options) { + options = options || {}; + var noStyle = options.noStyle, reviver = options.reviver, styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', shadowInfo = options.withShadow + ? 'style="' + this.getSvgFilter() + '" ' + : '', clipPath = this.clipPath, vectorEffect = this.strokeUniform + ? 'vector-effect="non-scaling-stroke" ' + : '', absoluteClipPath = clipPath && clipPath.absolutePositioned, stroke = this.stroke, fill = this.fill, shadow = this.shadow, commonPieces, markup = [], clipPathMarkup, + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'), additionalTransform = options.additionalTransform; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; + clipPathMarkup = + '\n' + + clipPath.toClipPathSVG(reviver) + + '\n'; + } + if (absoluteClipPath) { + markup.push('\n'); + } + markup.push('\n'); + commonPieces = [ + styleInfo, + vectorEffect, + noStyle ? '' : this.addPaintOrder(), + ' ', + additionalTransform ? 'transform="' + additionalTransform + '" ' : '', + ].join(''); + objectMarkup[index] = commonPieces; + if (fill && fill.toLive) { + markup.push(fill.toSVG(this)); + } + if (stroke && stroke.toLive) { + markup.push(stroke.toSVG(this)); + } + if (shadow) { + markup.push(shadow.toSVG(this)); + } + if (clipPath) { + markup.push(clipPathMarkup); + } + markup.push(objectMarkup.join('')); + markup.push('\n'); + absoluteClipPath && markup.push('\n'); + return reviver ? reviver(markup.join('')) : markup.join(''); + }, + addPaintOrder: function () { + return this.paintFirst !== 'fill' + ? ' paint-order="' + this.paintFirst + '" ' + : ''; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); +/* _TO_SVG_END_ */ +//@ts-nocheck +(function (global) { + var fabric = global.fabric, extend = fabric.util.object.extend, originalSet = 'stateProperties'; + /* + Depends on `stateProperties` + */ + function saveProps(origin, destination, props) { + var tmpObj = {}, deep = true; + props.forEach(function (prop) { + tmpObj[prop] = origin[prop]; + }); + extend(origin[destination], tmpObj, deep); + } + function _isEqual(origValue, currentValue, firstPass) { + if (origValue === currentValue) { + // if the objects are identical, return + return true; + } + else if (Array.isArray(origValue)) { + if (!Array.isArray(currentValue) || + origValue.length !== currentValue.length) { + return false; + } + for (var i = 0, len = origValue.length; i < len; i++) { + if (!_isEqual(origValue[i], currentValue[i])) { + return false; + } + } + return true; + } + else if (origValue && typeof origValue === 'object') { + var keys = Object.keys(origValue), key; + if (!currentValue || + typeof currentValue !== 'object' || + (!firstPass && keys.length !== Object.keys(currentValue).length)) { + return false; + } + for (var i = 0, len = keys.length; i < len; i++) { + key = keys[i]; + // since clipPath is in the statefull cache list and the clipPath objects + // would be iterated as an object, this would lead to possible infinite recursion + // we do not want to compare those. + if (key === 'canvas' || key === 'group') { + continue; + } + if (!_isEqual(origValue[key], currentValue[key])) { + return false; + } + } + return true; + } + } + fabric.util.object.extend(fabric.Object.prototype, + /** @lends fabric.Object.prototype */ { + /** + * Returns true if object state (one of its state properties) was changed + * @param {String} [propertySet] optional name for the set of property we want to save + * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called + */ + hasStateChanged: function (propertySet) { + propertySet = propertySet || originalSet; + var dashedPropertySet = '_' + propertySet; + if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { + return true; + } + return !_isEqual(this[dashedPropertySet], this, true); + }, + /** + * Saves state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + saveState: function (options) { + var propertySet = (options && options.propertySet) || originalSet, destination = '_' + propertySet; + if (!this[destination]) { + return this.setupState(options); + } + saveProps(this, destination, this[propertySet]); + if (options && options.stateProperties) { + saveProps(this, destination, options.stateProperties); + } + return this; + }, + /** + * Setups state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + setupState: function (options) { + options = options || {}; + var propertySet = options.propertySet || originalSet; + options.propertySet = propertySet; + this['_' + propertySet] = {}; + this.saveState(options); + return this; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Animation duration (in ms) for fx* methods + * @type Number + * @default + */ + FX_DURATION: 500, + /** + * Centers object horizontally with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectH: function (object, callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: object.getX(), + endValue: this.getCenterPoint().x, + duration: this.FX_DURATION, + onChange: function (value) { + object.setX(value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + object.setCoords(); + onComplete(); + }, + }); + }, + /** + * Centers object vertically with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectV: function (object, callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: object.getY(), + endValue: this.getCenterPoint().y, + duration: this.FX_DURATION, + onChange: function (value) { + object.setY(value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + object.setCoords(); + onComplete(); + }, + }); + }, + /** + * Same as `fabric.Canvas#remove` but animated + * @param {fabric.Object} object Object to remove + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxRemove: function (object, callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: object.opacity, + endValue: 0, + duration: this.FX_DURATION, + onChange: function (value) { + object.set('opacity', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + _this.remove(object); + onComplete(); + }, + }); + }, + }); + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Animates object's properties + * @param {String|Object} property Property to animate (if string) or properties to animate (if object) + * @param {Number|Object} value Value to animate property to (if string was given first) or options object + * @return {fabric.Object} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} + * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) + * + * As object — multiple properties + * + * object.animate({ left: ..., top: ... }); + * object.animate({ left: ..., top: ... }, { duration: ... }); + * + * As string — one property + * + * object.animate('left', ...); + * object.animate('left', { duration: ... }); + * + */ + animate: function () { + if (arguments[0] && typeof arguments[0] === 'object') { + var propsToAnimate = [], prop, skipCallbacks, out = []; + for (prop in arguments[0]) { + propsToAnimate.push(prop); + } + for (var i = 0, len = propsToAnimate.length; i < len; i++) { + prop = propsToAnimate[i]; + skipCallbacks = i !== len - 1; + out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); + } + return out; + } + else { + return this._animate.apply(this, arguments); + } + }, + /** + * @private + * @param {String} property Property to animate + * @param {String} to Value to animate to + * @param {Object} [options] Options object + * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked + */ + _animate: function (property, to, options, skipCallbacks) { + var _this = this, propPair; + to = to.toString(); + options = Object.assign({}, options); + if (~property.indexOf('.')) { + propPair = property.split('.'); + } + var propIsColor = _this.colorProperties.indexOf(property) > -1 || + (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); + var currentValue = propPair + ? this.get(propPair[0])[propPair[1]] + : this.get(property); + if (!('from' in options)) { + options.from = currentValue; + } + if (!propIsColor) { + if (~to.indexOf('=')) { + to = currentValue + parseFloat(to.replace('=', '')); + } + else { + to = parseFloat(to); + } + } + var _options = { + target: this, + startValue: options.from, + endValue: to, + byValue: options.by, + easing: options.easing, + duration: options.duration, + abort: options.abort && + function (value, valueProgress, timeProgress) { + return options.abort.call(_this, value, valueProgress, timeProgress); + }, + onChange: function (value, valueProgress, timeProgress) { + if (propPair) { + _this[propPair[0]][propPair[1]] = value; + } + else { + _this.set(property, value); + } + if (skipCallbacks) { + return; + } + options.onChange && + options.onChange(value, valueProgress, timeProgress); + }, + onComplete: function (value, valueProgress, timeProgress) { + if (skipCallbacks) { + return; + } + _this.setCoords(); + options.onComplete && + options.onComplete(value, valueProgress, timeProgress); + }, + }; + if (propIsColor) { + return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); + } + else { + return fabric.util.animate(_options); + } + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, clone = fabric.util.object.clone, coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; + /** + * Line class + * @class fabric.Line + * @extends fabric.Object + * @see {@link fabric.Line#initialize} for constructor definition + */ + fabric.Line = fabric.util.createClass(fabric.Object, + /** @lends fabric.Line.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'line', + /** + * x value or first line edge + * @type Number + * @default + */ + x1: 0, + /** + * y value or first line edge + * @type Number + * @default + */ + y1: 0, + /** + * x value or second line edge + * @type Number + * @default + */ + x2: 0, + /** + * y value or second line edge + * @type Number + * @default + */ + y2: 0, + cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), + /** + * Constructor + * @param {Array} [points] Array of points + * @param {Object} [options] Options object + * @return {fabric.Line} thisArg + */ + initialize: function (points, options) { + if (!points) { + points = [0, 0, 0, 0]; + } + this.callSuper('initialize', options); + this.set('x1', points[0]); + this.set('y1', points[1]); + this.set('x2', points[2]); + this.set('y2', points[3]); + this._setWidthHeight(options); + }, + /** + * @private + * @param {Object} [options] Options + */ + _setWidthHeight: function (options) { + options || (options = {}); + this.width = Math.abs(this.x2 - this.x1); + this.height = Math.abs(this.y2 - this.y1); + this.left = 'left' in options ? options.left : this._getLeftToOriginX(); + this.top = 'top' in options ? options.top : this._getTopToOriginY(); + }, + /** + * @private + * @param {String} key + * @param {*} value + */ + _set: function (key, value) { + this.callSuper('_set', key, value); + if (typeof coordProps[key] !== 'undefined') { + this._setWidthHeight(); + } + return this; + }, + /** + * @private + * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. + */ + _getLeftToOriginX: makeEdgeToOriginGetter({ + // property names + origin: 'originX', + axis1: 'x1', + axis2: 'x2', + dimension: 'width', + }, { + // possible values of origin + nearest: 'left', + center: 'center', + farthest: 'right', + }), + /** + * @private + * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line. + */ + _getTopToOriginY: makeEdgeToOriginGetter({ + // property names + origin: 'originY', + axis1: 'y1', + axis2: 'y2', + dimension: 'height', + }, { + // possible values of origin + nearest: 'top', + center: 'center', + farthest: 'bottom', + }), + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function (ctx) { + ctx.beginPath(); + var p = this.calcLinePoints(); + ctx.moveTo(p.x1, p.y1); + ctx.lineTo(p.x2, p.y2); + ctx.lineWidth = this.strokeWidth; + // TODO: test this + // make sure setting "fill" changes color of a line + // (by copying fillStyle to strokeStyle, since line is stroked, not filled) + var origStrokeStyle = ctx.strokeStyle; + ctx.strokeStyle = this.stroke || ctx.fillStyle; + this.stroke && this._renderStroke(ctx); + ctx.strokeStyle = origStrokeStyle; + }, + /** + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates + */ + _findCenterFromElement: function () { + return { + x: (this.x1 + this.x2) / 2, + y: (this.y1 + this.y2) / 2, + }; + }, + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), this.calcLinePoints()); + }, + /* + * Calculate object dimensions from its properties + * @private + */ + _getNonTransformedDimensions: function () { + var dim = this.callSuper('_getNonTransformedDimensions'); + if (this.strokeLineCap === 'butt') { + if (this.width === 0) { + dim.y -= this.strokeWidth; + } + if (this.height === 0) { + dim.x -= this.strokeWidth; + } + } + return dim; + }, + /** + * Recalculates line points given width and height + * @private + */ + calcLinePoints: function () { + var xMult = this.x1 <= this.x2 ? -1 : 1, yMult = this.y1 <= this.y2 ? -1 : 1, x1 = xMult * this.width * 0.5, y1 = yMult * this.height * 0.5, x2 = xMult * this.width * -0.5, y2 = yMult * this.height * -0.5; + return { + x1: x1, + x2: x2, + y1: y1, + y2: y2, + }; + }, + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function () { + var p = this.calcLinePoints(); + return [ + '\n', + ]; + }, + /* _TO_SVG_END_ */ + }); + /* _FROM_SVG_START_ */ /** - * Restores the changed properties of instance - * @private - * @param {fabric.Object} [instance] the object to un-transform (gets mutated) - * @param {Object} [originalValues] the original values of instance, as returned by _realizeGroupTransformOnObject + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement}) + * @static + * @memberOf fabric.Line + * @see http://www.w3.org/TR/SVG/shapes.html#LineElement */ - _unwindGroupTransformOnObject: function(instance, originalValues) { - if (originalValues) { - instance.set(originalValues); - } - }, + fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); + /** + * Returns fabric.Line instance from an SVG element + * @static + * @memberOf fabric.Line + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {Function} [callback] callback function invoked after parsing + */ + fabric.Line.fromElement = function (element, callback, options) { + options = options || {}; + var parsedAttributes = fabric.parseAttributes(element, fabric.Line.ATTRIBUTE_NAMES), points = [ + parsedAttributes.x1 || 0, + parsedAttributes.y1 || 0, + parsedAttributes.x2 || 0, + parsedAttributes.y2 || 0, + ]; + callback(new fabric.Line(points, extend(parsedAttributes, options))); + }; + /* _FROM_SVG_END_ */ + /** + * Returns fabric.Line instance from an object representation + * @static + * @memberOf fabric.Line + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Line.fromObject = function (object) { + var options = clone(object, true); + options.points = [object.x1, object.y1, object.x2, object.y2]; + return InteractiveFabricObject._fromObject(fabric.Line, options, { + extraParam: 'points', + }).then(function (fabricLine) { + delete fabricLine.points; + return fabricLine; + }); + }; + /** + * Produces a function that calculates distance from canvas edge to Line origin. + */ + function makeEdgeToOriginGetter(propertyNames, originValues) { + var origin = propertyNames.origin, axis1 = propertyNames.axis1, axis2 = propertyNames.axis2, dimension = propertyNames.dimension, nearest = originValues.nearest, center = originValues.center, farthest = originValues.farthest; + return function () { + switch (this.get(origin)) { + case nearest: + return Math.min(this.get(axis1), this.get(axis2)); + case center: + return (Math.min(this.get(axis1), this.get(axis2)) + + 0.5 * this.get(dimension)); + case farthest: + return Math.max(this.get(axis1), this.get(axis2)); + } + }; + } +})(typeof exports !== 'undefined' ? exports : window); +class Circle$1 extends InteractiveFabricObject { /** * @private + * @param {String} key + * @param {*} value */ - _setSVGObject: function(markup, instance, reviver) { - //If the object is in a selection group, simulate what would happen to that - //object when the group is deselected - var originalProperties = this._realizeGroupTransformOnObject(instance); - this.callSuper('_setSVGObject', markup, instance, reviver); - this._unwindGroupTransformOnObject(instance, originalProperties); - }, - - setViewportTransform: function (vpt) { - if (this.renderOnAddRemove && this._activeObject && this._activeObject.isEditing) { - this._activeObject.clearContextTop(); - } - fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); + _set(key, value) { + super._set(key, value); + if (key === 'radius') { + this.setRadius(value); + } + return this; } - }); - - // copying static properties manually to work around Opera's bug, - // where "prototype" property is enumerable and overrides existing prototype - for (var prop in fabric.StaticCanvas) { - if (prop !== 'prototype') { - fabric.Canvas[prop] = fabric.StaticCanvas[prop]; - } - } -})(); - - -(function() { - - var addListener = fabric.util.addListener, - removeListener = fabric.util.removeListener, - RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, - addEventOptions = { passive: false }; - - function checkClick(e, value) { - return e.button && (e.button === value - 1); - } - - fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { - /** - * Contains the id of the touch event that owns the fabric transform - * @type Number * @private + * @param {CanvasRenderingContext2D} ctx context to render on */ - mainTouchId: null, - + _render(ctx) { + ctx.beginPath(); + ctx.arc(0, 0, this.radius, degreesToRadians(this.startAngle), degreesToRadians(this.endAngle), false); + this._renderPaintInOrder(ctx); + } /** - * Adds mouse listeners to canvas - * @private + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} */ - _initEventListeners: function () { - // in case we initialized the class twice. This should not happen normally - // but in some kind of applications where the canvas element may be changed - // this is a workaround to having double listeners. - this.removeListeners(); - this._bindEvents(); - this.addOrRemove(addListener, 'add'); - }, - + getRadiusX() { + return this.get('radius') * this.get('scaleX'); + } /** - * return an event prefix pointer or mouse. - * @private + * Returns vertical radius of an object (according to how an object is scaled) + * @return {Number} */ - _getEventPrefix: function () { - return this.enablePointerEvents ? 'pointer' : 'mouse'; - }, - - addOrRemove: function(functor, eventjsFunctor) { - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - functor(fabric.window, 'resize', this._onResize); - functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); - functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); - functor(canvasElement, 'wheel', this._onMouseWheel); - functor(canvasElement, 'contextmenu', this._onContextMenu); - functor(canvasElement, 'dblclick', this._onDoubleClick); - functor(canvasElement, 'dragover', this._onDragOver); - functor(canvasElement, 'dragenter', this._onDragEnter); - functor(canvasElement, 'dragleave', this._onDragLeave); - functor(canvasElement, 'drop', this._onDrop); - if (!this.enablePointerEvents) { - functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); - } - if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { - eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); - eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); - eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); - eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); - eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); - } - }, - + getRadiusY() { + return this.get('radius') * this.get('scaleY'); + } /** - * Removes all event listeners + * Sets radius of an object (and updates width accordingly) */ - removeListeners: function() { - this.addOrRemove(removeListener, 'remove'); - // if you dispose on a mouseDown, before mouse up, you need to clean document to... - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - }, - + setRadius(value) { + this.radius = value; + this.set({ width: value * 2, height: value * 2 }); + } /** - * @private + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - _bindEvents: function() { - if (this.eventsBound) { - // for any reason we pass here twice we do not want to bind events twice. - return; - } - this._onMouseDown = this._onMouseDown.bind(this); - this._onTouchStart = this._onTouchStart.bind(this); - this._onMouseMove = this._onMouseMove.bind(this); - this._onMouseUp = this._onMouseUp.bind(this); - this._onTouchEnd = this._onTouchEnd.bind(this); - this._onResize = this._onResize.bind(this); - this._onGesture = this._onGesture.bind(this); - this._onDrag = this._onDrag.bind(this); - this._onShake = this._onShake.bind(this); - this._onLongPress = this._onLongPress.bind(this); - this._onOrientationChange = this._onOrientationChange.bind(this); - this._onMouseWheel = this._onMouseWheel.bind(this); - this._onMouseOut = this._onMouseOut.bind(this); - this._onMouseEnter = this._onMouseEnter.bind(this); - this._onContextMenu = this._onContextMenu.bind(this); - this._onDoubleClick = this._onDoubleClick.bind(this); - this._onDragOver = this._onDragOver.bind(this); - this._onDragEnter = this._simpleEventHandler.bind(this, 'dragenter'); - this._onDragLeave = this._simpleEventHandler.bind(this, 'dragleave'); - this._onDrop = this._onDrop.bind(this); - this.eventsBound = true; - }, - + toObject(propertiesToInclude = []) { + return super.toObject([ + 'radius', + 'startAngle', + 'endAngle', + ...propertiesToInclude, + ]); + } + /* _TO_SVG_START_ */ /** - * @private - * @param {Event} [e] Event object fired on Event.js gesture - * @param {Event} [self] Inner Event object + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance */ - _onGesture: function(e, self) { - this.__onTransformGesture && this.__onTransformGesture(e, self); - }, - + _toSVG() { + const angle = (this.endAngle - this.startAngle) % 360; + if (angle === 0) { + return [ + '\n', + ]; + } + else { + const { radius } = this; + const start = degreesToRadians(this.startAngle), end = degreesToRadians(this.endAngle), startX = cos(start) * radius, startY = sin(start) * radius, endX = cos(end) * radius, endY = sin(end) * radius, largeFlag = angle > 180 ? '1' : '0'; + return [ + `\n', + ]; + } + } + /** + * Returns {@link Circle} instance from an SVG element + * @static + * @memberOf Circle + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @param {Object} [options] Partial Circle object to default missing properties on the element. + * @throws {Error} If value of `r` attribute is missing or invalid + */ + static fromElement(element, callback) { + const _a = parseAttributes(element, Circle$1.ATTRIBUTE_NAMES), { left = 0, top = 0, radius } = _a, otherParsedAttributes = __rest(_a, ["left", "top", "radius"]); + if (!radius || radius < 0) { + throw new Error('value of `r` attribute is required and can not be negative'); + } + // this probably requires to be fixed for default origins not being top/left. + callback(new Circle$1(Object.assign(Object.assign({}, otherParsedAttributes), { radius, left: left - radius, top: top - radius }))); + } + /* _FROM_SVG_END_ */ /** - * @private - * @param {Event} [e] Event object fired on Event.js drag - * @param {Event} [self] Inner Event object + * Returns {@link Circle} instance from an object representation + * @static + * @memberOf Circle + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - _onDrag: function(e, self) { - this.__onDrag && this.__onDrag(e, self); - }, + static fromObject(object) { + return InteractiveFabricObject._fromObject(Circle$1, object); + } +} +/* _TO_SVG_END_ */ +/* _FROM_SVG_START_ */ +/** + * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement}) + * @static + * @memberOf Circle + * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement + */ +Circle$1.ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES]; +const circleDefaultValues = { + type: 'circle', + radius: 0, + startAngle: 0, + endAngle: 360, + stateProperties: fabricObjectDefaultValues.stateProperties.concat('radius', 'startAngle', 'endAngle'), + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('radius', 'startAngle', 'endAngle'), +}; +Object.assign(Circle$1.prototype, circleDefaultValues); +fabric$1.Circle = Circle$1; +class Triangle extends InteractiveFabricObject { /** * @private - * @param {Event} [e] Event object fired on wheel event + * @param {CanvasRenderingContext2D} ctx Context to render on */ - _onMouseWheel: function(e) { - this.__onMouseWheel(e); - }, - + _render(ctx) { + const widthBy2 = this.width / 2, heightBy2 = this.height / 2; + ctx.beginPath(); + ctx.moveTo(-widthBy2, heightBy2); + ctx.lineTo(0, -heightBy2); + ctx.lineTo(widthBy2, heightBy2); + ctx.closePath(); + this._renderPaintInOrder(ctx); + } /** - * @private - * @param {Event} e Event object fired on mousedown + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance */ - _onMouseOut: function(e) { - var target = this._hoveredTarget; - this.fire('mouse:out', { target: target, e: e }); - this._hoveredTarget = null; - target && target.fire('mouseout', { e: e }); - - var _this = this; - this._hoveredTargets.forEach(function(_target){ - _this.fire('mouse:out', { target: target, e: e }); - _target && target.fire('mouseout', { e: e }); - }); - this._hoveredTargets = []; - - if (this._iTextInstances) { - this._iTextInstances.forEach(function(obj) { - if (obj.isEditing) { - obj.hiddenTextarea.focus(); - } - }); - } - }, - + _toSVG() { + const widthBy2 = this.width / 2, heightBy2 = this.height / 2, points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`; + return ['']; + } /** - * @private - * @param {Event} e Event object fired on mouseenter - */ - _onMouseEnter: function(e) { - // This find target and consequent 'mouse:over' is used to - // clear old instances on hovered target. - // calling findTarget has the side effect of killing target.__corner. - // as a short term fix we are not firing this if we are currently transforming. - // as a long term fix we need to separate the action of finding a target with the - // side effects we added to it. - if (!this._currentTransform && !this.findTarget(e)) { - this.fire('mouse:over', { target: null, e: e }); - this._hoveredTarget = null; - this._hoveredTargets = []; - } - }, + * Returns {@link Triangle} instance from an object representation + * @static + * @memberOf Triangle + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + return InteractiveFabricObject._fromObject(Triangle, object); + } +} +const triangleDefaultValues = { + type: 'triangle', + width: 100, + height: 100, +}; +Object.assign(Triangle.prototype, triangleDefaultValues); +fabric$1.Triangle = Triangle; +class Ellipse extends InteractiveFabricObject { /** - * @private - * @param {Event} [e] Event object fired on Event.js orientation change - * @param {Event} [self] Inner Event object + * Constructor + * @param {Object} [options] Options object + * @return {Ellipse} thisArg */ - _onOrientationChange: function(e, self) { - this.__onOrientationChange && this.__onOrientationChange(e, self); - }, - + constructor(options) { + super(options); + this.set('rx', (options && options.rx) || 0); + this.set('ry', (options && options.ry) || 0); + } /** * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object + * @param {String} key + * @param {*} value + * @return {Ellipse} thisArg + */ + _set(key, value) { + super._set(key, value); + switch (key) { + case 'rx': + this.rx = value; + this.set('width', value * 2); + break; + case 'ry': + this.ry = value; + this.set('height', value * 2); + break; + } + return this; + } + /** + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} */ - _onShake: function(e, self) { - this.__onShake && this.__onShake(e, self); - }, - + getRx() { + return this.get('rx') * this.get('scaleX'); + } /** - * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object + * Returns Vertical radius of an object (according to how an object is scaled) + * @return {Number} */ - _onLongPress: function(e, self) { - this.__onLongPress && this.__onLongPress(e, self); - }, - + getRy() { + return this.get('ry') * this.get('scaleY'); + } /** - * prevent default to allow drop event to be fired - * @private - * @param {Event} [e] Event object fired on Event.js shake + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - _onDragOver: function(e) { - e.preventDefault(); - var target = this._simpleEventHandler('dragover', e); - this._fireEnterLeaveEvents(target, e); - }, - + toObject(propertiesToInclude = []) { + return super.toObject(['rx', 'ry', ...propertiesToInclude]); + } /** - * `drop:before` is a an event that allow you to schedule logic - * before the `drop` event. Prefer `drop` event always, but if you need - * to run some drop-disabling logic on an event, since there is no way - * to handle event handlers ordering, use `drop:before` - * @param {Event} e + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance */ - _onDrop: function (e) { - this._simpleEventHandler('drop:before', e); - return this._simpleEventHandler('drop', e); - }, - + _toSVG() { + return [ + '\n', + ]; + } /** * @private - * @param {Event} e Event object fired on mousedown - */ - _onContextMenu: function (e) { - if (this.stopContextMenu) { - e.stopPropagation(); - e.preventDefault(); - } - return false; - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onDoubleClick: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'dblclick'); - this._resetTransformEventData(e); - }, - - /** - * Return a the id of an event. - * returns either the pointerId or the identifier or 0 for the mouse event - * @private - * @param {Event} evt Event object - */ - getPointerId: function(evt) { - var changedTouches = evt.changedTouches; - - if (changedTouches) { - return changedTouches[0] && changedTouches[0].identifier; - } - - if (this.enablePointerEvents) { - return evt.pointerId; - } - - return -1; - }, - - /** - * Determines if an event has the id of the event that is considered main - * @private - * @param {evt} event Event object + * @param {CanvasRenderingContext2D} ctx context to render on */ - _isMainEvent: function(evt) { - if (evt.isPrimary === true) { - return true; - } - if (evt.isPrimary === false) { - return false; - } - if (evt.type === 'touchend' && evt.touches.length === 0) { - return true; - } - if (evt.changedTouches) { - return evt.changedTouches[0].identifier === this.mainTouchId; - } - return true; - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onTouchStart: function(e) { - e.preventDefault(); - if (this.mainTouchId === null) { - this.mainTouchId = this.getPointerId(e); - } - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - // Unbind mousedown to prevent double triggers from touch devices - removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDown: function (e) { - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - }, - + _render(ctx) { + ctx.beginPath(); + ctx.save(); + ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); + ctx.arc(0, 0, this.rx, 0, twoMathPi, false); + ctx.restore(); + this._renderPaintInOrder(ctx); + } /** - * @private - * @param {Event} e Event object fired on mousedown + * Returns {@link Ellipse} instance from an SVG element + * @static + * @memberOf Ellipse + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @return {Ellipse} */ - _onTouchEnd: function(e) { - if (e.touches.length > 0) { - // if there are still touches stop here - return; - } - this.__onMouseUp(e); - this._resetTransformEventData(); - this.mainTouchId = null; - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - var _this = this; - if (this._willAddMouseDown) { - clearTimeout(this._willAddMouseDown); - } - this._willAddMouseDown = setTimeout(function() { - // Wait 400ms before rebinding mousedown to prevent double triggers - // from touch devices - addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); - _this._willAddMouseDown = 0; - }, 400); - }, - - /** - * @private - * @param {Event} e Event object fired on mouseup - */ - _onMouseUp: function (e) { - this.__onMouseUp(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - if (this._isMainEvent(e)) { - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - } - }, - + static fromElement(element, callback) { + const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES); + parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; + parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; + callback(new Ellipse(parsedAttributes)); + } + /* _FROM_SVG_END_ */ /** - * @private - * @param {Event} e Event object fired on mousemove + * Returns {@link Ellipse} instance from an object representation + * @static + * @memberOf Ellipse + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - _onMouseMove: function (e) { - !this.allowTouchScrolling && e.preventDefault && e.preventDefault(); - this.__onMouseMove(e); - }, + static fromObject(object) { + return InteractiveFabricObject._fromObject(Ellipse, object); + } +} +/* _FROM_SVG_START_ */ +/** + * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement}) + * @static + * @memberOf Ellipse + * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement + */ +Ellipse.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry']; +const ellipseDefaultValues = { + type: 'ellipse', + rx: 0, + ry: 0, + cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'], +}; +Object.assign(Ellipse.prototype, ellipseDefaultValues); +fabric$1.Ellipse = Ellipse; +class Rect$1 extends InteractiveFabricObject { /** - * @private + * Constructor + * @param {Object} [options] Options object + * @return {Object} thisArg */ - _onResize: function () { - this.calcOffset(); - }, - + constructor(options) { + super(options); + this._initRxRy(); + } /** - * Decides whether the canvas should be redrawn in mouseup and mousedown events. + * Initializes rx/ry attributes * @private - * @param {Object} target */ - _shouldRender: function(target) { - var activeObject = this._activeObject; - - if ( - !!activeObject !== !!target || - (activeObject && target && (activeObject !== target)) - ) { - // this covers: switch of target, from target to no target, selection of target - // multiSelection with key and mouse - return true; - } - else if (activeObject && activeObject.isEditing) { - // if we mouse up/down over a editing textbox a cursor change, - // there is no need to re render - return false; - } - return false; - }, - - /** - * Method that defines the actions when mouse is released on canvas. - * The method resets the currentTransform parameters, store the image corner - * position in the image object and render the canvas on top. - * @private - * @param {Event} e Event object fired on mouseup - */ - __onMouseUp: function (e) { - var target, transform = this._currentTransform, - groupSelector = this._groupSelector, shouldRender = false, - isClick = (!groupSelector || (groupSelector.left === 0 && groupSelector.top === 0)); - this._cacheTransformEventData(e); - target = this._target; - this._handleEvent(e, 'up:before'); - // if right/middle click just fire events and return - // target undefined will make the _handleEvent search the target - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'up', RIGHT_CLICK, isClick); - } - return; - } - - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); + _initRxRy() { + const { rx, ry } = this; + if (rx && !ry) { + this.ry = rx; } - this._resetTransformEventData(); - return; - } - - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this._onMouseUpInDrawingMode(e); - return; - } - - if (!this._isMainEvent(e)) { - return; - } - if (transform) { - this._finalizeCurrentTransform(e); - shouldRender = transform.actionPerformed; - } - if (!isClick) { - var targetWasActive = target === this._activeObject; - this._maybeGroupObjects(e); - if (!shouldRender) { - shouldRender = ( - this._shouldRender(target) || - (!targetWasActive && target === this._activeObject) - ); - } - } - var corner, pointer; - if (target) { - corner = target._findTargetCorner( - this.getPointer(e, true), - fabric.util.isTouchEvent(e) - ); - if (target.selectable && target !== this._activeObject && target.activeOn === 'up') { - this.setActiveObject(target, e); - shouldRender = true; + else if (ry && !rx) { + this.rx = ry; } - else { - var control = target.controls[corner], - mouseUpHandler = control && control.getMouseUpHandler(e, target, control); - if (mouseUpHandler) { - pointer = this.getPointer(e); - mouseUpHandler(e, transform, pointer.x, pointer.y); - } - } - target.isMoving = false; - } - // if we are ending up a transform on a different control or a new object - // fire the original mouse up from the corner that started the transform - if (transform && (transform.target !== target || transform.corner !== corner)) { - var originalControl = transform.target && transform.target.controls[transform.corner], - originalMouseUpHandler = originalControl && originalControl.getMouseUpHandler(e, target, control); - pointer = pointer || this.getPointer(e); - originalMouseUpHandler && originalMouseUpHandler(e, transform, pointer.x, pointer.y); - } - this._setCursorFromEvent(e, target); - this._handleEvent(e, 'up', LEFT_CLICK, isClick); - this._groupSelector = null; - this._currentTransform = null; - // reset the target information about which corner is selected - target && (target.__corner = 0); - if (shouldRender) { - this.requestRenderAll(); - } - else if (!isClick) { - this.renderTop(); - } - }, - + } /** * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @return {Fabric.Object} target return the the target found, for internal reasons. - */ - _simpleEventHandler: function(eventType, e) { - var target = this.findTarget(e), - targets = this.targets, - options = { - e: e, - target: target, - subTargets: targets, - }; - this.fire(eventType, options); - target && target.fire(eventType, options); - if (!targets) { - return target; - } - for (var i = 0; i < targets.length; i++) { - targets[i].fire(eventType, options); - } - return target; - }, - + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render(ctx) { + const { width: w, height: h } = this; + const x = -w / 2; + const y = -h / 2; + const rx = this.rx ? Math.min(this.rx, w / 2) : 0; + const ry = this.ry ? Math.min(this.ry, h / 2) : 0; + const isRounded = rx !== 0 || ry !== 0; + ctx.beginPath(); + ctx.moveTo(x + rx, y); + ctx.lineTo(x + w - rx, y); + isRounded && + ctx.bezierCurveTo(x + w - kRect * rx, y, x + w, y + kRect * ry, x + w, y + ry); + ctx.lineTo(x + w, y + h - ry); + isRounded && + ctx.bezierCurveTo(x + w, y + h - kRect * ry, x + w - kRect * rx, y + h, x + w - rx, y + h); + ctx.lineTo(x + rx, y + h); + isRounded && + ctx.bezierCurveTo(x + kRect * rx, y + h, x, y + h - kRect * ry, x, y + h - ry); + ctx.lineTo(x, y + ry); + isRounded && + ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y); + ctx.closePath(); + this._renderPaintInOrder(ctx); + } /** - * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @param {fabric.Object} targetObj receiving event - * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right - * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. - */ - _handleEvent: function(e, eventType, button, isClick) { - var target = this._target, - targets = this.targets || [], - options = { - e: e, - target: target, - subTargets: targets, - button: button || LEFT_CLICK, - isClick: isClick || false, - pointer: this._pointer, - absolutePointer: this._absolutePointer, - transform: this._currentTransform - }; - if (eventType === 'up') { - options.currentTarget = this.findTarget(e); - options.currentSubTargets = this.targets; - } - this.fire('mouse:' + eventType, options); - target && target.fire('mouse' + eventType, options); - for (var i = 0; i < targets.length; i++) { - targets[i].fire('mouse' + eventType, options); - } - }, - + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject(propertiesToInclude = []) { + return super.toObject(['rx', 'ry', ...propertiesToInclude]); + } /** - * @private - * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance */ - _finalizeCurrentTransform: function(e) { - - var transform = this._currentTransform, - target = transform.target, - options = { - e: e, - target: target, - transform: transform, - action: transform.action, - }; - - if (target._scaling) { - target._scaling = false; - } - - target.setCoords(); - - if (transform.actionPerformed || (this.stateful && target.hasStateChanged())) { - this._fire('modified', options); - } - }, - + _toSVG() { + const { width, height, rx, ry } = this; + return [ + '\n`, + ]; + } /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDownInDrawingMode: function(e) { - this._isCurrentlyDrawing = true; - if (this.getActiveObject()) { - this.discardActiveObject(e).requestRenderAll(); - } - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); - this._handleEvent(e, 'down'); - }, - + * Returns {@link Rect} instance from an object representation + * @static + * @memberOf Rect + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + return InteractiveFabricObject._fromObject(Rect$1, object); + } + /* _FROM_SVG_START_ */ /** - * @private - * @param {Event} e Event object fired on mousemove - */ - _onMouseMoveInDrawingMode: function(e) { - if (this._isCurrentlyDrawing) { - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseMove(pointer, { e: e, pointer: pointer }); - } - this.setCursor(this.freeDrawingCursor); - this._handleEvent(e, 'move'); - }, - + * Returns {@link Rect} instance from an SVG element + * @static + * @memberOf Rect + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + static fromElement(element, callback, options = {}) { + if (!element) { + return callback(null); + } + const _a = parseAttributes(element, Rect$1.ATTRIBUTE_NAMES), { left = 0, top = 0, width = 0, height = 0, visible = true } = _a, restOfparsedAttributes = __rest(_a, ["left", "top", "width", "height", "visible"]); + const rect = new Rect$1(Object.assign(Object.assign(Object.assign({}, options), restOfparsedAttributes), { left, + top, + width, + height, visible: Boolean(visible && width && height) })); + callback(rect); + } +} +/** + * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`) + * @static + * @memberOf Rect + * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement + */ +Rect$1.ATTRIBUTE_NAMES = [ + ...SHARED_ATTRIBUTES, + 'x', + 'y', + 'rx', + 'ry', + 'width', + 'height', +]; +const rectDefaultValues = { + stateProperties: fabricObjectDefaultValues.stateProperties.concat('rx', 'ry'), + type: 'rect', + rx: 0, + ry: 0, + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('rx', 'ry'), +}; +Object.assign(Rect$1.prototype, rectDefaultValues); +fabric$1.Rect = Rect$1; + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, toFixed = fabric.util.toFixed; + /** + * Polyline class + * @class fabric.Polyline + * @extends fabric.Object + * @see {@link fabric.Polyline#initialize} for constructor definition + */ + fabric.Polyline = fabric.util.createClass(fabric.Object, + /** @lends fabric.Polyline.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'polyline', + /** + * Points array + * @type Array + * @default + */ + points: null, + /** + * WARNING: Feature in progress + * Calculate the exact bounding box taking in account strokeWidth on acute angles + * this will be turned to true by default on fabric 6.0 + * maybe will be left in as an optimization since calculations may be slow + * @deprecated + * @type Boolean + * @default false + * @todo set default to true and remove flag and related logic + */ + exactBoundingBox: false, + initialized: false, + cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'), + /** + * A list of properties that if changed trigger a recalculation of dimensions + * @todo check if you really need to recalculate for all cases + */ + strokeBBoxAffectingProperties: [ + 'skewX', + 'skewY', + 'strokeLineCap', + 'strokeLineJoin', + 'strokeMiterLimit', + 'strokeWidth', + 'strokeUniform', + 'points', + ], + /** + * Constructor + * @param {Array} points Array of points (where each point is an object with x and y) + * @param {Object} [options] Options object + * @return {fabric.Polyline} thisArg + * @example + * var poly = new fabric.Polyline([ + * { x: 10, y: 10 }, + * { x: 50, y: 30 }, + * { x: 40, y: 70 }, + * { x: 60, y: 50 }, + * { x: 100, y: 150 }, + * { x: 40, y: 100 } + * ], { + * stroke: 'red', + * left: 100, + * top: 100 + * }); + */ + initialize: function (points, options = {}) { + var _a, _b; + this.points = points || []; + this.callSuper('initialize', options); + this.initialized = true; + const bboxTL = this.setDimensions(); + const origin = this.translateToGivenOrigin(new Point((_a = options.left) !== null && _a !== void 0 ? _a : bboxTL.x, (_b = options.top) !== null && _b !== void 0 ? _b : bboxTL.y), typeof options.left === 'number' ? this.originX : 'left', typeof options.top === 'number' ? this.originY : 'top', this.originX, this.originY); + this.setPositionByOrigin(origin, this.originX, this.originY); + }, + /** + * @private + */ + _projectStrokeOnPoints: function () { + return projectStrokeOnPoints(this.points, this, true); + }, + /** + * Calculate the polygon bounding box + * @private + */ + _calcDimensions: function () { + const points = this.exactBoundingBox + ? this._projectStrokeOnPoints().map((projection) => projection.projectedPoint) + : this.points; + if (points.length === 0) { + return { + left: 0, + top: 0, + width: 0, + height: 0, + pathOffset: new Point(), + }; + } + const bbox = makeBoundingBoxFromPoints(points); + const bboxNoStroke = makeBoundingBoxFromPoints(this.points); + const offsetX = bbox.left + bbox.width / 2, offsetY = bbox.top + bbox.height / 2; + const pathOffsetX = offsetX - offsetY * Math.tan(degreesToRadians(this.skewX)); + const pathOffsetY = offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY)); + // TODO: remove next line + const legacyCorrection = !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0; + return Object.assign(Object.assign({}, bbox), { left: bbox.left - legacyCorrection, top: bbox.top - legacyCorrection, pathOffset: new Point(pathOffsetX, pathOffsetY), strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(bbox.left, bbox.top) }); + }, + /** + * @returns {Point} top left position of the bounding box, useful for complementary positioning + */ + setDimensions: function () { + const { left, top, width, height, pathOffset, strokeOffset } = this._calcDimensions(); + this.set({ width, height, pathOffset, strokeOffset }); + return new Point(left, top); + }, + /** + * @override stroke is taken in account in size + */ + _getNonTransformedDimensions: function () { + return this.exactBoundingBox + ? new Point(this.width, this.height) + : this.callSuper('_getNonTransformedDimensions'); + }, + /** + * @override stroke and skewing are taken into account when projecting stroke on points, + * therefore we don't want the default calculation to account for skewing as well + * + * @private + */ + _getTransformedDimensions: function (options) { + return this.exactBoundingBox + ? this.callSuper('_getTransformedDimensions', Object.assign(Object.assign({}, (options || {})), { + // disable stroke bbox calculations + strokeWidth: 0, + // disable skewing bbox calculations + skewX: 0, skewY: 0 })) + : this.callSuper('_getTransformedDimensions', options); + }, + /** + * Recalculates dimensions when changing skew and scale + * @private + */ + _set: function (key, value) { + const changed = this.initialized && this[key] !== value; + const output = this.callSuper('_set', key, value); + if (changed && + (((key === 'scaleX' || key === 'scaleY') && + this.strokeUniform && + this.strokeBBoxAffectingProperties.includes('strokeUniform') && + this.strokeLineJoin !== 'round') || + this.strokeBBoxAffectingProperties.includes(key))) { + this.setDimensions(); + } + return output; + }, + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function (propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), { + points: this.points.concat(), + }); + }, + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function () { + var points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + for (var i = 0, len = this.points.length; i < len; i++) { + points.push(toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' '); + } + return [ + '<' + this.type + ' ', + 'COMMON_PARTS', + 'points="', + points.join(''), + '" />\n', + ]; + }, + /* _TO_SVG_END_ */ + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + commonRender: function (ctx) { + var point, len = this.points.length, x = this.pathOffset.x, y = this.pathOffset.y; + if (!len || isNaN(this.points[len - 1].y)) { + // do not draw if no points or odd points + // NaN comes from parseFloat of a empty string in parser + return false; + } + ctx.beginPath(); + ctx.moveTo(this.points[0].x - x, this.points[0].y - y); + for (var i = 0; i < len; i++) { + point = this.points[i]; + ctx.lineTo(point.x - x, point.y - y); + } + return true; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function (ctx) { + if (!this.commonRender(ctx)) { + return; + } + this._renderPaintInOrder(ctx); + }, + /** + * Returns complexity of an instance + * @return {Number} complexity of this instance + */ + complexity: function () { + return this.get('points').length; + }, + }); + /* _FROM_SVG_START_ */ /** - * @private - * @param {Event} e Event object fired on mouseup + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement}) + * @static + * @memberOf fabric.Polyline + * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement */ - _onMouseUpInDrawingMode: function(e) { - var pointer = this.getPointer(e); - this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ e: e, pointer: pointer }); - this._handleEvent(e, 'up'); - }, - + fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); /** - * Method that defines the actions when mouse is clicked on canvas. - * The method inits the currentTransform parameters and renders all the - * canvas so the current image can be placed on the top canvas and the rest - * in on the container one. - * @private - * @param {Event} e Event object fired on mousedown + * Returns fabric.Polyline instance from an SVG element + * @static + * @memberOf fabric.Polyline + * @param {SVGElement} element Element to parser + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object */ - __onMouseDown: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'down:before'); - var target = this._target; - // if right click just fire events - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'down', RIGHT_CLICK); - } - return; - } - - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'down', MIDDLE_CLICK); - } - return; - } - - if (this.isDrawingMode) { - this._onMouseDownInDrawingMode(e); - return; - } - - if (!this._isMainEvent(e)) { - return; - } - - // ignore if some object is being transformed at this moment - if (this._currentTransform) { - return; - } - - var pointer = this._pointer; - // save pointer for check in __onMouseUp event - this._previousPointer = pointer; - var shouldRender = this._shouldRender(target), - shouldGroup = this._shouldGroup(e, target); - if (this._shouldClearSelection(e, target)) { - this.discardActiveObject(e); - } - else if (shouldGroup) { - this._handleGrouping(e, target); - target = this._activeObject; - } - - if (this.selection && (!target || - (!target.selectable && !target.isEditing && target !== this._activeObject))) { - this._groupSelector = { - ex: this._absolutePointer.x, - ey: this._absolutePointer.y, - top: 0, - left: 0 + fabric.Polyline.fromElementGenerator = function (_class) { + return function (element, callback, options = {}) { + if (!element) { + return callback(null); + } + const points = parsePointsAttribute(element.getAttribute('points')), + // we omit left and top to instruct the constructor to position the object using the bbox + // eslint-disable-next-line @typescript-eslint/no-unused-vars + _a = parseAttributes(element, fabric[_class].ATTRIBUTE_NAMES), + parsedAttributes = __rest(_a, + // we omit left and top to instruct the constructor to position the object using the bbox + // eslint-disable-next-line @typescript-eslint/no-unused-vars + ["left", "top"]); + callback(new fabric[_class](points, Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { fromSVG: true }))); }; - } - - if (target) { - var alreadySelected = target === this._activeObject; - if (target.selectable && target.activeOn === 'down') { - this.setActiveObject(target, e); - } - var corner = target._findTargetCorner( - this.getPointer(e, true), - fabric.util.isTouchEvent(e) - ); - target.__corner = corner; - if (target === this._activeObject && (corner || !shouldGroup)) { - this._setupCurrentTransform(e, target, alreadySelected); - var control = target.controls[corner], - pointer = this.getPointer(e), - mouseDownHandler = control && control.getMouseDownHandler(e, target, control); - if (mouseDownHandler) { - mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); - } - } - } - this._handleEvent(e, 'down'); - // we must renderAll so that we update the visuals - (shouldRender || shouldGroup) && this.requestRenderAll(); - }, - + }; + fabric.Polyline.fromElement = + fabric.Polyline.fromElementGenerator('Polyline'); + /* _FROM_SVG_END_ */ /** - * reset cache form common information needed during event processing - * @private + * Returns fabric.Polyline instance from an object representation + * @static + * @memberOf fabric.Polyline + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - _resetTransformEventData: function() { - this._target = null; - this._pointer = null; - this._absolutePointer = null; - }, - - /** - * Cache common information needed during event processing - * @private - * @param {Event} e Event object fired on event - */ - _cacheTransformEventData: function(e) { - // reset in order to avoid stale caching - this._resetTransformEventData(); - this._pointer = this.getPointer(e, true); - this._absolutePointer = this.restorePointerVpt(this._pointer); - this._target = this._currentTransform ? this._currentTransform.target : this.findTarget(e) || null; - }, - + fabric.Polyline.fromObject = function (object) { + return fabric.Object._fromObject(fabric.Polyline, object, { + extraParam: 'points', + }); + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}); + /** + * Polygon class + * @class fabric.Polygon + * @extends fabric.Polyline + * @see {@link fabric.Polygon#initialize} for constructor definition + */ + fabric.Polygon = fabric.util.createClass(fabric.Polyline, + /** @lends fabric.Polygon.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'polygon', + /** + * @private + */ + _projectStrokeOnPoints: function () { + return projectStrokeOnPoints(this.points, this); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function (ctx) { + if (!this.commonRender(ctx)) { + return; + } + ctx.closePath(); + this._renderPaintInOrder(ctx); + }, + }); + /* _FROM_SVG_START_ */ /** - * @private + * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`) + * @static + * @memberOf fabric.Polygon + * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement */ - _beforeTransform: function(e) { - var t = this._currentTransform; - this.stateful && t.target.saveState(); - this.fire('before:transform', { - e: e, - transform: t, - }); - }, - + fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); /** - * Method that defines the actions when mouse is hovering the canvas. - * The currentTransform parameter will define whether the user is rotating/scaling/translating - * an image or neither of them (only hovering). A group selection is also possible and would cancel - * all any other type of action. - * In case of an image transformation only the top canvas will be rendered. - * @private - * @param {Event} e Event object fired on mousemove + * Returns {@link fabric.Polygon} instance from an SVG element + * @static + * @memberOf fabric.Polygon + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object */ - __onMouseMove: function (e) { - this._handleEvent(e, 'move:before'); - this._cacheTransformEventData(e); - var target, pointer; - - if (this.isDrawingMode) { - this._onMouseMoveInDrawingMode(e); - return; - } - - if (!this._isMainEvent(e)) { - return; - } - - var groupSelector = this._groupSelector; - - // We initially clicked in an empty area, so we draw a box for multiple selection - if (groupSelector) { - pointer = this._absolutePointer; - - groupSelector.left = pointer.x - groupSelector.ex; - groupSelector.top = pointer.y - groupSelector.ey; - - this.renderTop(); - } - else if (!this._currentTransform) { - target = this.findTarget(e) || null; - this._setCursorFromEvent(e, target); - this._fireOverOutEvents(target, e); - } - else { - this._transformObject(e); - } - this._handleEvent(e, 'move'); - this._resetTransformEventData(); - }, - + fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon'); + /* _FROM_SVG_END_ */ /** - * Manage the mouseout, mouseover events for the fabric object on the canvas - * @param {Fabric.Object} target the target where the target from the mousemove event - * @param {Event} e Event object fired on mousemove - * @private + * Returns fabric.Polygon instance from an object representation + * @static + * @memberOf fabric.Polygon + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - _fireOverOutEvents: function(target, e) { - var _hoveredTarget = this._hoveredTarget, - _hoveredTargets = this._hoveredTargets, targets = this.targets, - length = Math.max(_hoveredTargets.length, targets.length); - - this.fireSyntheticInOutEvents(target, e, { - oldTarget: _hoveredTarget, - evtOut: 'mouseout', - canvasEvtOut: 'mouse:out', - evtIn: 'mouseover', - canvasEvtIn: 'mouse:over', - }); - for (var i = 0; i < length; i++){ - this.fireSyntheticInOutEvents(targets[i], e, { - oldTarget: _hoveredTargets[i], - evtOut: 'mouseout', - evtIn: 'mouseover', + fabric.Polygon.fromObject = function (object) { + return fabric.Object._fromObject(fabric.Polygon, object, { + extraParam: 'points', }); - } - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - }, - + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, clone = fabric.util.object.clone, toFixed = fabric.util.toFixed; + /** + * Path class + * @class fabric.Path + * @extends fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup} + * @see {@link fabric.Path#initialize} for constructor definition + */ + fabric.Path = fabric.util.createClass(fabric.Object, + /** @lends fabric.Path.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'path', + /** + * Array of path points + * @type Array + * @default + */ + path: null, + cacheProperties: fabric.Object.prototype.cacheProperties.concat('path', 'fillRule'), + stateProperties: fabric.Object.prototype.stateProperties.concat('path'), + /** + * Constructor + * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) + * @param {Object} [options] Options object + * @return {fabric.Path} thisArg + */ + initialize: function (path, options) { + var _a, _b; + options = clone(options || {}); + delete options.path; + this.callSuper('initialize', options); + const pathTL = this._setPath(path || []); + const origin = this.translateToGivenOrigin(new Point((_a = options.left) !== null && _a !== void 0 ? _a : pathTL.x, (_b = options.top) !== null && _b !== void 0 ? _b : pathTL.y), typeof options.left === 'number' ? this.originX : 'left', typeof options.top === 'number' ? this.originY : 'top', this.originX, this.originY); + this.setPositionByOrigin(origin, this.originX, this.originY); + }, + /** + * @private + * @param {PathData | string} path Path data (sequence of coordinates and corresponding "command" tokens) + * @returns {Point} top left position of the bounding box, useful for complementary positioning + */ + _setPath: function (path) { + this.path = makePathSimpler(Array.isArray(path) ? path : parsePath(path)); + return this.setDimensions(); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on + */ + _renderPathCommands: function (ctx) { + var current, // current instruction + subpathStartX = 0, subpathStartY = 0, x = 0, // current x + y = 0, // current y + controlX = 0, // current control point x + controlY = 0, // current control point y + l = -this.pathOffset.x, t = -this.pathOffset.y; + ctx.beginPath(); + for (var i = 0, len = this.path.length; i < len; ++i) { + current = this.path[i]; + switch (current[0] // first letter + ) { + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + ctx.lineTo(x + l, y + t); + break; + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + ctx.moveTo(x + l, y + t); + break; + case 'C': // bezierCurveTo, absolute + x = current[5]; + y = current[6]; + controlX = current[3]; + controlY = current[4]; + ctx.bezierCurveTo(current[1] + l, current[2] + t, controlX + l, controlY + t, x + l, y + t); + break; + case 'Q': // quadraticCurveTo, absolute + ctx.quadraticCurveTo(current[1] + l, current[2] + t, current[3] + l, current[4] + t); + x = current[3]; + y = current[4]; + controlX = current[1]; + controlY = current[2]; + break; + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + ctx.closePath(); + break; + } + } + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on + */ + _render: function (ctx) { + this._renderPathCommands(ctx); + this._renderPaintInOrder(ctx); + }, + /** + * Returns string representation of an instance + * @return {String} string representation of an instance + */ + toString: function () { + return ('#'); + }, + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), { + path: this.path.map(function (item) { + return item.slice(); + }), + }); + }, + /** + * Returns dataless object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function (propertiesToInclude) { + var o = this.toObject(['sourcePath'].concat(propertiesToInclude)); + if (o.sourcePath) { + delete o.path; + } + return o; + }, + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function () { + var path = fabric.util.joinPath(this.path); + return [ + '\n', + ]; + }, + _getOffsetTransform: function () { + var digits = config.NUM_FRACTION_DIGITS; + return (' translate(' + + toFixed(-this.pathOffset.x, digits) + + ', ' + + toFixed(-this.pathOffset.y, digits) + + ')'); + }, + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function (reviver) { + var additionalTransform = this._getOffsetTransform(); + return ('\t' + + this._createBaseClipPathSVGMarkup(this._toSVG(), { + reviver: reviver, + additionalTransform: additionalTransform, + })); + }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function (reviver) { + var additionalTransform = this._getOffsetTransform(); + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + additionalTransform: additionalTransform, + }); + }, + /* _TO_SVG_END_ */ + /** + * Returns number representation of an instance complexity + * @return {Number} complexity of this instance + */ + complexity: function () { + return this.path.length; + }, + /** + * @returns {Point} top left position of the bounding box, useful for complementary positioning + */ + setDimensions: function () { + const { left, top, width, height, pathOffset } = this._calcDimensions(); + this.set({ width, height, pathOffset }); + return new Point(left, top); + }, + /** + * @private + */ + _calcDimensions: function () { + const bounds = []; + let subpathStartX = 0, subpathStartY = 0, x = 0, // current x + y = 0; // current y + for (let i = 0; i < this.path.length; ++i) { + const current = this.path[i]; // current instruction + switch (current[0] // first letter + ) { + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + bounds.push(new Point(subpathStartX, subpathStartY), new Point(x, y)); + break; + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + break; + case 'C': // bezierCurveTo, absolute + bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[3], current[4], current[5], current[6])); + x = current[5]; + y = current[6]; + break; + case 'Q': // quadraticCurveTo, absolute + bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[1], current[2], current[3], current[4])); + x = current[3]; + y = current[4]; + break; + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + break; + } + } + const bbox = makeBoundingBoxFromPoints(bounds); + const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2; + return Object.assign(Object.assign({}, bbox), { left: bbox.left - strokeCorrection, top: bbox.top - strokeCorrection, pathOffset: new Point(bbox.left + bbox.width / 2, bbox.top + bbox.height / 2) }); + }, + }); /** - * Manage the dragEnter, dragLeave events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the onDrag event - * @param {Event} e Event object fired on ondrag - * @private + * Creates an instance of fabric.Path from an object + * @static + * @memberOf fabric.Path + * @param {Object} object + * @returns {Promise} */ - _fireEnterLeaveEvents: function(target, e) { - var _draggedoverTarget = this._draggedoverTarget, - _hoveredTargets = this._hoveredTargets, targets = this.targets, - length = Math.max(_hoveredTargets.length, targets.length); - - this.fireSyntheticInOutEvents(target, e, { - oldTarget: _draggedoverTarget, - evtOut: 'dragleave', - evtIn: 'dragenter', - }); - for (var i = 0; i < length; i++) { - this.fireSyntheticInOutEvents(targets[i], e, { - oldTarget: _hoveredTargets[i], - evtOut: 'dragleave', - evtIn: 'dragenter', + fabric.Path.fromObject = function (object) { + return fabric.Object._fromObject(fabric.Path, object, { + extraParam: 'path', }); - } - this._draggedoverTarget = target; - }, - + }; + /* _FROM_SVG_START_ */ /** - * Manage the synthetic in/out events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the supported events - * @param {Event} e Event object fired - * @param {Object} config configuration for the function to work - * @param {String} config.targetName property on the canvas where the old target is stored - * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out - * @param {String} config.evtOut name of the event to fire for out - * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in - * @param {String} config.evtIn name of the event to fire for in - * @private + * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`) + * @static + * @memberOf fabric.Path + * @see http://www.w3.org/TR/SVG/paths.html#PathElement */ - fireSyntheticInOutEvents: function(target, e, config) { - var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, - targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; - if (targetChanged) { - inOpt = { e: e, target: target, previousTarget: oldTarget }; - outOpt = { e: e, target: oldTarget, nextTarget: target }; - } - inFires = target && targetChanged; - outFires = oldTarget && targetChanged; - if (outFires) { - canvasEvtOut && this.fire(canvasEvtOut, outOpt); - oldTarget.fire(config.evtOut, outOpt); - } - if (inFires) { - canvasEvtIn && this.fire(canvasEvtIn, inOpt); - target.fire(config.evtIn, inOpt); - } - }, - + fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']); /** - * Method that defines actions when an Event Mouse Wheel - * @param {Event} e Event object fired on mouseup + * Creates an instance of fabric.Path from an SVG element + * @static + * @memberOf fabric.Path + * @param {SVGElement} element to parse + * @param {Function} callback Callback to invoke when an fabric.Path instance is created + * @param {Object} [options] Options object + * @param {Function} [callback] Options callback invoked after parsing is finished */ - __onMouseWheel: function(e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'wheel'); - this._resetTransformEventData(); - }, - + fabric.Path.fromElement = function (element, callback, options) { + const parsedAttributes = parseAttributes(element, fabric.Path.ATTRIBUTE_NAMES); + callback(new fabric.Path(parsedAttributes.d, Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { + // we pass undefined to instruct the constructor to position the object using the bbox + left: undefined, top: undefined, fromSVG: true }))); + }; + /* _FROM_SVG_END_ */ +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, invertTransform = fabric.util.invertTransform, transformPoint = fabric.util.transformPoint, applyTransformToObject = fabric.util.applyTransformToObject, degreesToRadians = fabric.util.degreesToRadians, clone = fabric.util.object.clone; + /** + * Group class + * @class fabric.Group + * @extends fabric.Object + * @mixes fabric.Collection + * @fires layout once layout completes + * @see {@link fabric.Group#initialize} for constructor definition + */ + fabric.Group = fabric.util.createClass(InteractiveFabricObject, fabric.Collection, + /** @lends fabric.Group.prototype */ { + /** + * Type of an object + * @type string + * @default + */ + type: 'group', + /** + * Specifies the **layout strategy** for instance + * Used by `getLayoutStrategyResult` to calculate layout + * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box + * @type string + * @default + */ + layout: 'fit-content', + /** + * Width of stroke + * @type Number + */ + strokeWidth: 0, + /** + * List of properties to consider when checking if state + * of an object is changed (fabric.Object#hasStateChanged) + * as well as for history (undo/redo) purposes + * @type string[] + */ + stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('layout'), + /** + * Used to optimize performance + * set to `false` if you don't need contained objects to be targets of events + * @default + * @type boolean + */ + subTargetCheck: false, + /** + * Used to allow targeting of object inside groups. + * set to true if you want to select an object inside a group.\ + * **REQUIRES** `subTargetCheck` set to true + * @default + * @type boolean + */ + interactive: false, + /** + * Used internally to optimize performance + * Once an object is selected, instance is rendered without the selected object. + * This way instance is cached only once for the entire interaction with the selected object. + * @private + */ + _activeObjects: undefined, + /** + * Constructor + * + * @param {fabric.Object[]} [objects] instance objects + * @param {Object} [options] Options object + * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane + * @return {fabric.Group} thisArg + */ + initialize: function (objects, options, objectsRelativeToGroup) { + this._objects = objects || []; + this._activeObjects = []; + this.__objectMonitor = this.__objectMonitor.bind(this); + this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(this, true); + this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(this, false); + this._firstLayoutDone = false; + // setting angle, skewX, skewY must occur after initial layout + this.callSuper('initialize', Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })); + this.forEachObject(function (object) { + this.enterGroup(object, false); + }, this); + this._applyLayoutStrategy({ + type: 'initialization', + options: options, + objectsRelativeToGroup: objectsRelativeToGroup, + }); + }, + /** + * @private + * @param {string} key + * @param {*} value + */ + _set: function (key, value) { + var prev = this[key]; + this.callSuper('_set', key, value); + if (key === 'canvas' && prev !== value) { + this.forEachObject(function (object) { + object._set(key, value); + }); + } + if (key === 'layout' && prev !== value) { + this._applyLayoutStrategy({ + type: 'layout_change', + layout: value, + prevLayout: prev, + }); + } + if (key === 'interactive') { + this.forEachObject(this._watchObject.bind(this, value)); + } + return this; + }, + /** + * @private + */ + _shouldSetNestedCoords: function () { + return this.subTargetCheck; + }, + /** + * Override this method to enhance performance (for groups with a lot of objects). + * If Overriding, be sure not pass illegal objects to group - it will break your app. + * @private + */ + _filterObjectsBeforeEnteringGroup: function (objects) { + return objects.filter(function (object, index, array) { + // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates) + return this.canEnterGroup(object) && array.indexOf(object) === index; + }, this); + }, + /** + * Add objects + * @param {...fabric.Object} objects + */ + add: function () { + var allowedObjects = this._filterObjectsBeforeEnteringGroup(Array.from(arguments)); + fabric.Collection.add.call(this, allowedObjects, this._onObjectAdded); + this._onAfterObjectsChange('added', allowedObjects); + }, + /** + * Inserts an object into collection at specified index + * @param {fabric.Object | fabric.Object[]} objects Object to insert + * @param {Number} index Index to insert object at + */ + insertAt: function (objects, index) { + var allowedObjects = this._filterObjectsBeforeEnteringGroup(Array.isArray(objects) ? objects : [objects]); + fabric.Collection.insertAt.call(this, allowedObjects, index, this._onObjectAdded); + this._onAfterObjectsChange('added', allowedObjects); + }, + /** + * Remove objects + * @param {...fabric.Object} objects + * @returns {fabric.Object[]} removed objects + */ + remove: function () { + var removed = fabric.Collection.remove.call(this, arguments, this._onObjectRemoved); + this._onAfterObjectsChange('removed', removed); + return removed; + }, + /** + * Remove all objects + * @returns {fabric.Object[]} removed objects + */ + removeAll: function () { + this._activeObjects = []; + return this.remove.apply(this, this._objects.slice()); + }, + /** + * invalidates layout on object modified + * @private + */ + __objectMonitor: function (opt) { + this._applyLayoutStrategy(Object.assign({}, opt, { + type: 'object_modified', + })); + this._set('dirty', true); + }, + /** + * keeps track of the selected objects + * @private + */ + __objectSelectionMonitor: function (selected, opt) { + var object = opt.target; + if (selected) { + this._activeObjects.push(object); + this._set('dirty', true); + } + else if (this._activeObjects.length > 0) { + var index = this._activeObjects.indexOf(object); + if (index > -1) { + this._activeObjects.splice(index, 1); + this._set('dirty', true); + } + } + }, + /** + * @private + * @param {boolean} watch + * @param {fabric.Object} object + */ + _watchObject: function (watch, object) { + var directive = watch ? 'on' : 'off'; + // make sure we listen only once + watch && this._watchObject(false, object); + object[directive]('changed', this.__objectMonitor); + object[directive]('modified', this.__objectMonitor); + object[directive]('selected', this.__objectSelectionTracker); + object[directive]('deselected', this.__objectSelectionDisposer); + }, + /** + * Checks if object can enter group and logs relevant warnings + * @private + * @param {fabric.Object} object + * @returns + */ + canEnterGroup: function (object) { + if (object === this || this.isDescendantOf(object)) { + // prevent circular object tree + /* _DEV_MODE_START_ */ + console.error('fabric.Group: circular object trees are not supported, this call has no effect'); + /* _DEV_MODE_END_ */ + return false; + } + else if (this._objects.indexOf(object) !== -1) { + // is already in the objects array + /* _DEV_MODE_START_ */ + console.error('fabric.Group: duplicate objects are not supported inside group, this call has no effect'); + /* _DEV_MODE_END_ */ + return false; + } + return true; + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane + * @returns {boolean} true if object entered group + */ + enterGroup: function (object, removeParentTransform) { + if (object.group) { + object.group.remove(object); + } + this._enterGroup(object, removeParentTransform); + return true; + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane + */ + _enterGroup: function (object, removeParentTransform) { + if (removeParentTransform) { + // can this be converted to utils (sendObjectToPlane)? + applyTransformToObject(object, multiplyTransformMatrices(invertTransform(this.calcTransformMatrix()), object.calcTransformMatrix())); + } + this._shouldSetNestedCoords() && object.setCoords(); + object._set('group', this); + object._set('canvas', this.canvas); + this.interactive && this._watchObject(true, object); + var activeObject = this.canvas && + this.canvas.getActiveObject && + this.canvas.getActiveObject(); + // if we are adding the activeObject in a group + if (activeObject && + (activeObject === object || object.isDescendantOf(activeObject))) { + this._activeObjects.push(object); + } + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + exitGroup: function (object, removeParentTransform) { + this._exitGroup(object, removeParentTransform); + object._set('canvas', undefined); + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + _exitGroup: function (object, removeParentTransform) { + object._set('group', undefined); + if (!removeParentTransform) { + applyTransformToObject(object, multiplyTransformMatrices(this.calcTransformMatrix(), object.calcTransformMatrix())); + object.setCoords(); + } + this._watchObject(false, object); + var index = this._activeObjects.length > 0 + ? this._activeObjects.indexOf(object) + : -1; + if (index > -1) { + this._activeObjects.splice(index, 1); + } + }, + /** + * @private + * @param {'added'|'removed'} type + * @param {fabric.Object[]} targets + */ + _onAfterObjectsChange: function (type, targets) { + this._applyLayoutStrategy({ + type: type, + targets: targets, + }); + this._set('dirty', true); + }, + /** + * @private + * @param {fabric.Object} object + */ + _onObjectAdded: function (object) { + this.enterGroup(object, true); + object.fire('added', { target: this }); + }, + /** + * @private + * @param {fabric.Object} object + */ + _onRelativeObjectAdded: function (object) { + this.enterGroup(object, false); + object.fire('added', { target: this }); + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + _onObjectRemoved: function (object, removeParentTransform) { + this.exitGroup(object, removeParentTransform); + object.fire('removed', { target: this }); + }, + /** + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group is already cached. + * @return {Boolean} + */ + shouldCache: function () { + var ownCache = InteractiveFabricObject.prototype.shouldCache.call(this); + if (ownCache) { + for (var i = 0; i < this._objects.length; i++) { + if (this._objects[i].willDrawShadow()) { + this.ownCaching = false; + return false; + } + } + } + return ownCache; + }, + /** + * Check if this object or a child object will cast a shadow + * @return {Boolean} + */ + willDrawShadow: function () { + if (InteractiveFabricObject.prototype.willDrawShadow.call(this)) { + return true; + } + for (var i = 0; i < this._objects.length; i++) { + if (this._objects[i].willDrawShadow()) { + return true; + } + } + return false; + }, + /** + * Check if instance or its group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function () { + return this.ownCaching || (!!this.group && this.group.isOnACache()); + }, + /** + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawObject: function (ctx) { + this._renderBackground(ctx); + for (var i = 0; i < this._objects.length; i++) { + this._objects[i].render(ctx); + } + this._drawClipPath(ctx, this.clipPath); + }, + /** + * Check if cache is dirty + */ + isCacheDirty: function (skipCanvas) { + if (this.callSuper('isCacheDirty', skipCanvas)) { + return true; + } + if (!this.statefullCache) { + return false; + } + for (var i = 0; i < this._objects.length; i++) { + if (this._objects[i].isCacheDirty(true)) { + if (this._cacheCanvas) { + // if this group has not a cache canvas there is nothing to clean + var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-x / 2, -y / 2, x, y); + } + return true; + } + } + return false; + }, + /** + * @override + * @return {Boolean} + */ + setCoords: function () { + this.callSuper('setCoords'); + this._shouldSetNestedCoords() && + this.forEachObject(function (object) { + object.setCoords(); + }); + }, + /** + * Renders instance on a given context + * @param {CanvasRenderingContext2D} ctx context to render instance on + */ + render: function (ctx) { + // used to inform objects not to double opacity + this._transformDone = true; + this.callSuper('render', ctx); + this._transformDone = false; + }, + /** + * @public + * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations + */ + triggerLayout: function (context) { + if (context && context.layout) { + context.prevLayout = this.layout; + this.layout = context.layout; + } + this._applyLayoutStrategy({ type: 'imperative', context: context }); + }, + /** + * @private + * @param {fabric.Object} object + * @param {Point} diff + */ + _adjustObjectPosition: function (object, diff) { + object.set({ + left: object.left + diff.x, + top: object.top + diff.y, + }); + }, + /** + * initial layout logic: + * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height) + * so it is placed in the center of the bbox received from the constructor + * + * @private + * @param {LayoutContext} context + */ + _applyLayoutStrategy: function (context) { + var isFirstLayout = context.type === 'initialization'; + if (!isFirstLayout && !this._firstLayoutDone) { + // reject layout requests before initialization layout + return; + } + var options = isFirstLayout && context.options; + var initialTransform = options && { + angle: options.angle || 0, + skewX: options.skewX || 0, + skewY: options.skewY || 0, + }; + var center = this.getRelativeCenterPoint(); + var result = this.getLayoutStrategyResult(this.layout, this._objects.concat(), context); + if (result) { + // handle positioning + var newCenter = new Point(result.centerX, result.centerY); + var vector = center + .subtract(newCenter) + .add(new Point(result.correctionX || 0, result.correctionY || 0)); + var diff = transformPoint(vector, invertTransform(this.calcOwnMatrix()), true); + // set dimensions + this.set({ width: result.width, height: result.height }); + // adjust objects to account for new center + !context.objectsRelativeToGroup && + this.forEachObject(function (object) { + this._adjustObjectPosition(object, diff); + }, this); + // clip path as well + !isFirstLayout && + this.layout !== 'clip-path' && + this.clipPath && + !this.clipPath.absolutePositioned && + this._adjustObjectPosition(this.clipPath, diff); + if (!newCenter.eq(center) || initialTransform) { + // set position + this.setPositionByOrigin(newCenter, 'center', 'center'); + initialTransform && this.set(initialTransform); + this.setCoords(); + } + } + else if (isFirstLayout) { + // fill `result` with initial values for the layout hook + result = { + centerX: center.x, + centerY: center.y, + width: this.width, + height: this.height, + }; + initialTransform && this.set(initialTransform); + } + else { + // no `result` so we return + return; + } + // flag for next layouts + this._firstLayoutDone = true; + // fire layout hook and event (event will fire only for layouts after initialization layout) + this.onLayout(context, result); + this.fire('layout', { + context: context, + result: result, + diff: diff, + }); + // recursive up + if (this.group && this.group._applyLayoutStrategy) { + // append the path recursion to context + if (!context.path) { + context.path = []; + } + context.path.push(this); + // all parents should invalidate their layout + this.group._applyLayoutStrategy(context); + } + }, + /** + * Override this method to customize layout. + * If you need to run logic once layout completes use `onLayout` + * @public + * + * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType + * + * @typedef LayoutContext context object with data regarding what triggered the call + * @property {LayoutContextType} type + * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one + * + * @typedef LayoutResult positioning and layout data **relative** to instance's parent + * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`) + * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`) + * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX` + * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY` + * @property {number} width + * @property {number} height + * + * @param {string} layoutDirective + * @param {fabric.Object[]} objects + * @param {LayoutContext} context + * @returns {LayoutResult | undefined} + */ + getLayoutStrategyResult: function (layoutDirective, objects, context) { + // eslint-disable-line no-unused-vars + // `fit-content-lazy` performance enhancement + // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects + if (layoutDirective === 'fit-content-lazy' && + context.type === 'added' && + objects.length > context.targets.length) { + // calculate added objects' bbox with existing bbox + var addedObjects = context.targets.concat(this); + return this.prepareBoundingBox(layoutDirective, addedObjects, context); + } + else if (layoutDirective === 'fit-content' || + layoutDirective === 'fit-content-lazy' || + (layoutDirective === 'fixed' && + (context.type === 'initialization' || + context.type === 'imperative'))) { + return this.prepareBoundingBox(layoutDirective, objects, context); + } + else if (layoutDirective === 'clip-path' && this.clipPath) { + var clipPath = this.clipPath; + var clipPathSizeAfter = clipPath._getTransformedDimensions(); + if (clipPath.absolutePositioned && + (context.type === 'initialization' || + context.type === 'layout_change')) { + // we want the center point to exist in group's containing plane + var clipPathCenter = clipPath.getCenterPoint(); + if (this.group) { + // send point from canvas plane to group's containing plane + var inv = invertTransform(this.group.calcTransformMatrix()); + clipPathCenter = transformPoint(clipPathCenter, inv); + } + return { + centerX: clipPathCenter.x, + centerY: clipPathCenter.y, + width: clipPathSizeAfter.x, + height: clipPathSizeAfter.y, + }; + } + else if (!clipPath.absolutePositioned) { + var center; + var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(), + // we want the center point to exist in group's containing plane, so we send it upwards + clipPathCenter = transformPoint(clipPathRelativeCenter, this.calcOwnMatrix(), true); + if (context.type === 'initialization' || + context.type === 'layout_change') { + var bbox = this.prepareBoundingBox(layoutDirective, objects, context) || + {}; + center = new Point(bbox.centerX || 0, bbox.centerY || 0); + return { + centerX: center.x + clipPathCenter.x, + centerY: center.y + clipPathCenter.y, + correctionX: bbox.correctionX - clipPathCenter.x, + correctionY: bbox.correctionY - clipPathCenter.y, + width: clipPath.width, + height: clipPath.height, + }; + } + else { + center = this.getRelativeCenterPoint(); + return { + centerX: center.x + clipPathCenter.x, + centerY: center.y + clipPathCenter.y, + width: clipPathSizeAfter.x, + height: clipPathSizeAfter.y, + }; + } + } + } + else if (layoutDirective === 'svg' && + context.type === 'initialization') { + var bbox = this.getObjectsBoundingBox(objects, true) || {}; + return Object.assign(bbox, { + correctionX: -bbox.offsetX || 0, + correctionY: -bbox.offsetY || 0, + }); + } + }, + /** + * Override this method to customize layout. + * A wrapper around {@link fabric.Group#getObjectsBoundingBox} + * @public + * @param {string} layoutDirective + * @param {fabric.Object[]} objects + * @param {LayoutContext} context + * @returns {LayoutResult | undefined} + */ + prepareBoundingBox: function (layoutDirective, objects, context) { + if (context.type === 'initialization') { + return this.prepareInitialBoundingBox(layoutDirective, objects, context); + } + else if (context.type === 'imperative' && context.context) { + return Object.assign(this.getObjectsBoundingBox(objects) || {}, context.context); + } + else { + return this.getObjectsBoundingBox(objects); + } + }, + /** + * Calculates center taking into account originX, originY while not being sure that width/height are initialized + * @public + * @param {string} layoutDirective + * @param {fabric.Object[]} objects + * @param {LayoutContext} context + * @returns {LayoutResult | undefined} + */ + prepareInitialBoundingBox: function (layoutDirective, objects, context) { + var options = context.options || {}, hasX = typeof options.left === 'number', hasY = typeof options.top === 'number', hasWidth = typeof options.width === 'number', hasHeight = typeof options.height === 'number'; + // performance enhancement + // skip layout calculation if bbox is defined + if ((hasX && + hasY && + hasWidth && + hasHeight && + context.objectsRelativeToGroup) || + objects.length === 0) { + // return nothing to skip layout + return; + } + var bbox = this.getObjectsBoundingBox(objects) || {}; + var width = hasWidth ? this.width : bbox.width || 0, height = hasHeight ? this.height : bbox.height || 0, calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0), origin = new Point(resolveOrigin(this.originX), resolveOrigin(this.originY)), size = new Point(width, height), strokeWidthVector = this._getTransformedDimensions({ + width: 0, + height: 0, + }), sizeAfter = this._getTransformedDimensions({ + width: width, + height: height, + strokeWidth: 0, + }), bboxSizeAfter = this._getTransformedDimensions({ + width: bbox.width, + height: bbox.height, + strokeWidth: 0, + }), rotationCorrection = new Point(0, 0); + // calculate center and correction + var originT = origin.scalarAdd(0.5); + var originCorrection = sizeAfter.multiply(originT); + var centerCorrection = new Point(hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x, hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y); + var center = new Point(hasX + ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x + : calculatedCenter.x - centerCorrection.x, hasY + ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y + : calculatedCenter.y - centerCorrection.y); + var offsetCorrection = new Point(hasX + ? center.x - + calculatedCenter.x + + bboxSizeAfter.x * (hasWidth ? 0.5 : 0) + : -(hasWidth + ? (sizeAfter.x - strokeWidthVector.x) * 0.5 + : sizeAfter.x * originT.x), hasY + ? center.y - + calculatedCenter.y + + bboxSizeAfter.y * (hasHeight ? 0.5 : 0) + : -(hasHeight + ? (sizeAfter.y - strokeWidthVector.y) * 0.5 + : sizeAfter.y * originT.y)).add(rotationCorrection); + var correction = new Point(hasWidth ? -sizeAfter.x / 2 : 0, hasHeight ? -sizeAfter.y / 2 : 0).add(offsetCorrection); + return { + centerX: center.x, + centerY: center.y, + correctionX: correction.x, + correctionY: correction.y, + width: size.x, + height: size.y, + }; + }, + /** + * Calculate the bbox of objects relative to instance's containing plane + * @public + * @param {fabric.Object[]} objects + * @returns {LayoutResult | null} bounding box + */ + getObjectsBoundingBox: function (objects, ignoreOffset) { + if (objects.length === 0) { + return null; + } + var objCenter, sizeVector, min, max, a, b; + objects.forEach(function (object, i) { + objCenter = object.getRelativeCenterPoint(); + sizeVector = object._getTransformedDimensions().scalarDivide(2); + if (object.angle) { + var rad = degreesToRadians(object.angle), sin = Math.abs(fabric.util.sin(rad)), cos = Math.abs(fabric.util.cos(rad)), rx = sizeVector.x * cos + sizeVector.y * sin, ry = sizeVector.x * sin + sizeVector.y * cos; + sizeVector = new Point(rx, ry); + } + a = objCenter.subtract(sizeVector); + b = objCenter.add(sizeVector); + if (i === 0) { + min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y)); + max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y)); + } + else { + min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y)); + max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y)); + } + }); + var size = max.subtract(min), relativeCenter = ignoreOffset + ? size.scalarDivide(2) + : min.midPointFrom(max), + // we send `relativeCenter` up to group's containing plane + offset = transformPoint(min, this.calcOwnMatrix()), center = transformPoint(relativeCenter, this.calcOwnMatrix()); + return { + offsetX: offset.x, + offsetY: offset.y, + centerX: center.x, + centerY: center.y, + width: size.x, + height: size.y, + }; + }, + /** + * Hook that is called once layout has completed. + * Provided for layout customization, override if necessary. + * Complements `getLayoutStrategyResult`, which is called at the beginning of layout. + * @public + * @param {LayoutContext} context layout context + * @param {LayoutResult} result layout result + */ + onLayout: function ( /* context, result */) { + // override by subclass + }, + /** + * + * @private + * @param {'toObject'|'toDatalessObject'} [method] + * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @returns {fabric.Object[]} serialized objects + */ + __serializeObjects: function (method, propertiesToInclude) { + var _includeDefaultValues = this.includeDefaultValues; + return this._objects + .filter(function (obj) { + return !obj.excludeFromExport; + }) + .map(function (obj) { + var originalDefaults = obj.includeDefaultValues; + obj.includeDefaultValues = _includeDefaultValues; + var data = obj[method || 'toObject'](propertiesToInclude); + obj.includeDefaultValues = originalDefaults; + //delete data.version; + return data; + }); + }, + /** + * Returns object representation of an instance + * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + var obj = this.callSuper('toObject', ['layout', 'subTargetCheck', 'interactive'].concat(propertiesToInclude)); + obj.objects = this.__serializeObjects('toObject', propertiesToInclude); + return obj; + }, + toString: function () { + return '#'; + }, + dispose: function () { + this._activeObjects = []; + this.forEachObject(function (object) { + this._watchObject(false, object); + object.dispose && object.dispose(); + }, this); + this.callSuper('dispose'); + }, + /* _TO_SVG_START_ */ + /** + * @private + */ + _createSVGBgRect: function (reviver) { + if (!this.backgroundColor) { + return ''; + } + var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver); + var commons = fillStroke.indexOf('COMMON_PARTS'); + fillStroke[commons] = 'for="group" '; + return fillStroke.join(''); + }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function (reviver) { + var svgString = ['\n']; + var bg = this._createSVGBgRect(reviver); + bg && svgString.push('\t\t', bg); + for (var i = 0; i < this._objects.length; i++) { + svgString.push('\t\t', this._objects[i].toSVG(reviver)); + } + svgString.push('\n'); + return svgString; + }, + /** + * Returns styles-string for svg-export, specific version for group + * @return {String} + */ + getSvgStyles: function () { + var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 + ? 'opacity: ' + this.opacity + ';' + : '', visibility = this.visible ? '' : ' visibility: hidden;'; + return [opacity, this.getSvgFilter(), visibility].join(''); + }, + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function (reviver) { + var svgString = []; + var bg = this._createSVGBgRect(reviver); + bg && svgString.push('\t', bg); + for (var i = 0; i < this._objects.length; i++) { + svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); + } + return this._createBaseClipPathSVGMarkup(svgString, { + reviver: reviver, + }); + }, + /* _TO_SVG_END_ */ + }); /** + * @todo support loading from svg * @private - * @param {Event} e Event fired on mousemove + * @static + * @memberOf fabric.Group + * @param {Object} object Object to create a group from + * @returns {Promise} + */ + fabric.Group.fromObject = function (object) { + var objects = object.objects || [], options = clone(object, true); + delete options.objects; + return Promise.all([ + fabric.util.enlivenObjects(objects), + fabric.util.enlivenObjectEnlivables(options), + ]).then(function (enlivened) { + return new fabric.Group(enlivened[0], Object.assign(options, enlivened[1]), true); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}); + /** + * Group class + * @class fabric.ActiveSelection + * @extends fabric.Group + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} + * @see {@link fabric.ActiveSelection#initialize} for constructor definition + */ + fabric.ActiveSelection = fabric.util.createClass(fabric.Group, + /** @lends fabric.ActiveSelection.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'activeSelection', + /** + * @override + */ + layout: 'fit-content', + /** + * @override + */ + subTargetCheck: false, + /** + * @override + */ + interactive: false, + /** + * Constructor + * + * @param {fabric.Object[]} [objects] instance objects + * @param {Object} [options] Options object + * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane + * @return {fabric.ActiveSelection} thisArg + */ + initialize: function (objects, options, objectsRelativeToGroup) { + this.callSuper('initialize', objects, options, objectsRelativeToGroup); + this.setCoords(); + }, + /** + * @private + */ + _shouldSetNestedCoords: function () { + return true; + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane + * @returns {boolean} true if object entered group + */ + enterGroup: function (object, removeParentTransform) { + if (object.group) { + // save ref to group for later in order to return to it + var parent = object.group; + parent._exitGroup(object); + object.__owningGroup = parent; + } + this._enterGroup(object, removeParentTransform); + return true; + }, + /** + * we want objects to retain their canvas ref when exiting instance + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + exitGroup: function (object, removeParentTransform) { + this._exitGroup(object, removeParentTransform); + var parent = object.__owningGroup; + if (parent) { + // return to owning group + parent.enterGroup(object); + delete object.__owningGroup; + } + }, + /** + * @private + * @param {'added'|'removed'} type + * @param {fabric.Object[]} targets + */ + _onAfterObjectsChange: function (type, targets) { + var groups = []; + targets.forEach(function (object) { + object.group && + !groups.includes(object.group) && + groups.push(object.group); + }); + if (type === 'removed') { + // invalidate groups' layout and mark as dirty + groups.forEach(function (group) { + group._onAfterObjectsChange('added', targets); + }); + } + else { + // mark groups as dirty + groups.forEach(function (group) { + group._set('dirty', true); + }); + } + }, + /** + * If returns true, deselection is cancelled. + * @since 2.0.0 + * @return {Boolean} [cancel] + */ + onDeselect: function () { + this.removeAll(); + return false; + }, + /** + * Returns string representation of a group + * @return {String} + */ + toString: function () { + return '#'; + }, + /** + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * @return {Boolean} + */ + shouldCache: function () { + return false; + }, + /** + * Check if this group or its parent group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function () { + return false; + }, + /** + * Renders controls and borders for the object + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style + * @param {Object} [childrenOverride] properties to override the children overrides + */ + _renderControls: function (ctx, styleOverride, childrenOverride) { + ctx.save(); + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + this.callSuper('_renderControls', ctx, styleOverride); + var options = Object.assign({ hasControls: false }, childrenOverride, { + forActiveSelection: true, + }); + for (var i = 0; i < this._objects.length; i++) { + this._objects[i]._renderControls(ctx, options); + } + ctx.restore(); + }, + }); + /** + * Returns {@link fabric.ActiveSelection} instance from an object representation + * @static + * @memberOf fabric.ActiveSelection + * @param {Object} object Object to create a group from + * @returns {Promise} + */ + fabric.ActiveSelection.fromObject = function (object) { + var objects = object.objects, options = fabric.util.object.clone(object, true); + delete options.objects; + return fabric.util + .enlivenObjects(objects) + .then(function (enlivenedObjects) { + return new fabric.ActiveSelection(enlivenedObjects, options, true); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, extend = fabric.util.object.extend; + /** + * Image class + * @class fabric.Image + * @extends fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} + * @see {@link fabric.Image#initialize} for constructor definition + */ + fabric.Image = fabric.util.createClass(InteractiveFabricObject, + /** @lends fabric.Image.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'image', + /** + * Width of a stroke. + * For image quality a stroke multiple of 2 gives better results. + * @type Number + * @default + */ + strokeWidth: 0, + /** + * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. + * This allows for relative urls as image src. + * @since 2.7.0 + * @type Boolean + * @default + */ + srcFromAttribute: false, + /** + * private + * contains last value of scaleX to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleX: 1, + /** + * private + * contains last value of scaleY to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleY: 1, + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingX: 1, + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingY: 1, + /** + * minimum scale factor under which any resizeFilter is triggered to resize the image + * 0 will disable the automatic resize. 1 will trigger automatically always. + * number bigger than 1 are not implemented yet. + * @type Number + */ + minimumScaleTrigger: 0.5, + /** + * List of properties to consider when checking if + * state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('cropX', 'cropY'), + /** + * List of properties to consider when checking if cache needs refresh + * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single + * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty + * and refreshed at the next render + * @type Array + */ + cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat('cropX', 'cropY'), + /** + * key used to retrieve the texture representing this image + * @since 2.0.0 + * @type String + * @default + */ + cacheKey: '', + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropX: 0, + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropY: 0, + /** + * Indicates whether this canvas will use image smoothing when painting this image. + * Also influence if the cacheCanvas for this image uses imageSmoothing + * @since 4.0.0-beta.11 + * @type Boolean + * @default + */ + imageSmoothing: true, + /** + * Constructor + * Image can be initialized with any canvas drawable or a string. + * The string should be a url and will be loaded as an image. + * Canvas and Image element work out of the box, while videos require extra code to work. + * Please check video element events for seeking. + * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element + * @param {Object} [options] Options object + * @return {fabric.Image} thisArg + */ + initialize: function (element, options) { + options || (options = {}); + this.filters = []; + this.cacheKey = 'texture' + InteractiveFabricObject.__uid++; + this.callSuper('initialize', options); + this._initElement(element, options); + }, + /** + * Returns image element which this instance if based on + * @return {HTMLImageElement} Image element + */ + getElement: function () { + return this._element || {}; + }, + /** + * Sets image element for this instance to a specified one. + * If filters defined they are applied to new image. + * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. + * @param {HTMLImageElement} element + * @param {Object} [options] Options object + * @return {fabric.Image} thisArg + * @chainable + */ + setElement: function (element, options) { + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._element = element; + this._originalElement = element; + this._initConfig(options); + element.classList.add(fabric.Image.CSS_CANVAS); + if (this.filters.length !== 0) { + this.applyFilters(); + } + // resizeFilters work on the already filtered copy. + // we need to apply resizeFilters AFTER normal filters. + // applyResizeFilters is run more often than normal filters + // and is triggered by user interactions rather than dev code + if (this.resizeFilter) { + this.applyResizeFilters(); + } + return this; + }, + /** + * Delete a single texture if in webgl mode + */ + removeTexture: function (key) { + var backend = fabric.filterBackend; + if (backend && backend.evictCachesForKey) { + backend.evictCachesForKey(key); + } + }, + /** + * Delete textures, reference to elements and eventually JSDOM cleanup + */ + dispose: function () { + this.callSuper('dispose'); + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._cacheContext = undefined; + ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(function (element) { + fabric.util.cleanUpJsdomNode(this[element]); + this[element] = undefined; + }.bind(this)); + }, + /** + * Get the crossOrigin value (of the corresponding image element) + */ + getCrossOrigin: function () { + return (this._originalElement && (this._originalElement.crossOrigin || null)); + }, + /** + * Returns original size of an image + * @return {Object} Object with "width" and "height" properties + */ + getOriginalSize: function () { + var element = this.getElement(); + return { + width: element.naturalWidth || element.width, + height: element.naturalHeight || element.height, + }; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _stroke: function (ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + var w = this.width / 2, h = this.height / 2; + ctx.beginPath(); + ctx.moveTo(-w, -h); + ctx.lineTo(w, -h); + ctx.lineTo(w, h); + ctx.lineTo(-w, h); + ctx.lineTo(-w, -h); + ctx.closePath(); + }, + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function (propertiesToInclude) { + var filters = []; + this.filters.forEach(function (filterObj) { + if (filterObj) { + filters.push(filterObj.toObject()); + } + }); + var object = extend(this.callSuper('toObject', ['cropX', 'cropY'].concat(propertiesToInclude)), { + src: this.getSrc(), + crossOrigin: this.getCrossOrigin(), + filters: filters, + }); + if (this.resizeFilter) { + object.resizeFilter = this.resizeFilter.toObject(); + } + return object; + }, + /** + * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. + * @return {Boolean} + */ + hasCrop: function () { + return (this.cropX || + this.cropY || + this.width < this._element.width || + this.height < this._element.height); + }, + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function () { + var svgString = [], imageMarkup = [], strokeSvg, element = this._element, x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; + if (!element) { + return []; + } + if (this.hasCrop()) { + var clipPathId = InteractiveFabricObject.__uid++; + svgString.push('\n', '\t\n', '\n'); + clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; + } + if (!this.imageSmoothing) { + imageRendering = '" image-rendering="optimizeSpeed'; + } + imageMarkup.push('\t\n'); + if (this.stroke || this.strokeDashArray) { + var origFill = this.fill; + this.fill = null; + strokeSvg = [ + '\t\n', + ]; + this.fill = origFill; + } + if (this.paintFirst !== 'fill') { + svgString = svgString.concat(strokeSvg, imageMarkup); + } + else { + svgString = svgString.concat(imageMarkup, strokeSvg); + } + return svgString; + }, + /* _TO_SVG_END_ */ + /** + * Returns source of an image + * @param {Boolean} filtered indicates if the src is needed for svg + * @return {String} Source of an image + */ + getSrc: function (filtered) { + var element = filtered ? this._element : this._originalElement; + if (element) { + if (element.toDataURL) { + return element.toDataURL(); + } + if (this.srcFromAttribute) { + return element.getAttribute('src'); + } + else { + return element.src; + } + } + else { + return this.src || ''; + } + }, + /** + * Loads and sets source of an image\ + * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking + * @param {String} src Source string (URL) + * @param {Object} [options] Options object + * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") + * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes + * @return {Promise} thisArg + */ + setSrc: function (src, options) { + var _this = this; + return fabric.util.loadImage(src, options).then(function (img) { + _this.setElement(img, options); + _this._setWidthHeight(); + return _this; + }); + }, + /** + * Returns string representation of an instance + * @return {String} String representation of an instance + */ + toString: function () { + return '#'; + }, + applyResizeFilters: function () { + var filter = this.resizeFilter, minimumScale = this.minimumScaleTrigger, objectScale = this.getTotalObjectScaling(), scaleX = objectScale.x, scaleY = objectScale.y, elementToFilter = this._filteredEl || this._originalElement; + if (this.group) { + this.set('dirty', true); + } + if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { + this._element = elementToFilter; + this._filterScalingX = 1; + this._filterScalingY = 1; + this._lastScaleX = scaleX; + this._lastScaleY = scaleY; + return; + } + if (!fabric.filterBackend) { + fabric.filterBackend = fabric.initFilterBackend(); + } + var canvasEl = fabric.util.createCanvasElement(), cacheKey = this._filteredEl + ? this.cacheKey + '_filtered' + : this.cacheKey, sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._lastScaleX = filter.scaleX = scaleX; + this._lastScaleY = filter.scaleY = scaleY; + fabric.filterBackend.applyFilters([filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); + this._filterScalingX = canvasEl.width / this._originalElement.width; + this._filterScalingY = canvasEl.height / this._originalElement.height; + }, + /** + * Applies filters assigned to this image (from "filters" array) or from filter param + * @method applyFilters + * @param {Array} filters to be applied + * @param {Boolean} forResizing specify if the filter operation is a resize operation + * @return {thisArg} return the fabric.Image object + * @chainable + */ + applyFilters: function (filters) { + filters = filters || this.filters || []; + filters = filters.filter(function (filter) { + return filter && !filter.isNeutralState(); + }); + this.set('dirty', true); + // needs to clear out or WEBGL will not resize correctly + this.removeTexture(this.cacheKey + '_filtered'); + if (filters.length === 0) { + this._element = this._originalElement; + this._filteredEl = null; + this._filterScalingX = 1; + this._filterScalingY = 1; + return this; + } + var imgElement = this._originalElement, sourceWidth = imgElement.naturalWidth || imgElement.width, sourceHeight = imgElement.naturalHeight || imgElement.height; + if (this._element === this._originalElement) { + // if the element is the same we need to create a new element + var canvasEl = fabric.util.createCanvasElement(); + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._filteredEl = canvasEl; + } + else { + // clear the existing element to get new filter data + // also dereference the eventual resized _element + this._element = this._filteredEl; + this._filteredEl + .getContext('2d') + .clearRect(0, 0, sourceWidth, sourceHeight); + // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y + this._lastScaleX = 1; + this._lastScaleY = 1; + } + if (!fabric.filterBackend) { + fabric.filterBackend = fabric.initFilterBackend(); + } + fabric.filterBackend.applyFilters(filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); + if (this._originalElement.width !== this._element.width || + this._originalElement.height !== this._element.height) { + this._filterScalingX = + this._element.width / this._originalElement.width; + this._filterScalingY = + this._element.height / this._originalElement.height; + } + return this; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function (ctx) { + ctx.imageSmoothingEnabled = this.imageSmoothing; + if (this.isMoving !== true && + this.resizeFilter && + this._needsResize()) { + this.applyResizeFilters(); + } + this._stroke(ctx); + this._renderPaintInOrder(ctx); + }, + /** + * Paint the cached copy of the object on the target context. + * it will set the imageSmoothing for the draw operation + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawCacheOnCanvas: function (ctx) { + ctx.imageSmoothingEnabled = this.imageSmoothing; + InteractiveFabricObject.prototype.drawCacheOnCanvas.call(this, ctx); + }, + /** + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * This is the special image version where we would like to avoid caching where possible. + * Essentially images do not benefit from caching. They may require caching, and in that + * case we do it. Also caching an image usually ends in a loss of details. + * A full performance audit should be done. + * @return {Boolean} + */ + shouldCache: function () { + return this.needsItsOwnCache(); + }, + _renderFill: function (ctx) { + var elementToDraw = this._element; + if (!elementToDraw) { + return; + } + var scaleX = this._filterScalingX, scaleY = this._filterScalingY, w = this.width, h = this.height, min = Math.min, max = Math.max, + // crop values cannot be lesser than 0. + cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), elWidth = elementToDraw.naturalWidth || elementToDraw.width, elHeight = elementToDraw.naturalHeight || elementToDraw.height, sX = cropX * scaleX, sY = cropY * scaleY, + // the width height cannot exceed element width/height, starting from the crop offset. + sW = min(w * scaleX, elWidth - sX), sH = min(h * scaleY, elHeight - sY), x = -w / 2, y = -h / 2, maxDestW = min(w, elWidth / scaleX - cropX), maxDestH = min(h, elHeight / scaleY - cropY); + elementToDraw && + ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); + }, + /** + * needed to check if image needs resize + * @private + */ + _needsResize: function () { + var scale = this.getTotalObjectScaling(); + return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY; + }, + /** + * @private + */ + _resetWidthHeight: function () { + this.set(this.getOriginalSize()); + }, + /** + * The Image class's initialization method. This method is automatically + * called by the constructor. + * @private + * @param {HTMLImageElement|String} element The element representing the image + * @param {Object} [options] Options object + */ + _initElement: function (element, options) { + this.setElement(fabric.document.getElementById(element) || element, options); + }, + /** + * @private + * @param {Object} [options] Options object + */ + _initConfig: function (options) { + options || (options = {}); + this.setOptions(options); + this._setWidthHeight(options); + }, + /** + * @private + * Set the width and the height of the image object, using the element or the + * options. + * @param {Object} [options] Object with width/height properties + */ + _setWidthHeight: function (options) { + options || (options = {}); + var el = this.getElement(); + this.width = options.width || el.naturalWidth || el.width || 0; + this.height = options.height || el.naturalHeight || el.height || 0; + }, + /** + * Calculate offset for center and scale factor for the image in order to respect + * the preserveAspectRatio attribute + * @private + * @return {Object} + */ + parsePreserveAspectRatioAttribute: function () { + var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), rWidth = this._element.width, rHeight = this._element.height, scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; + if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { + if (pAR.meetOrSlice === 'meet') { + scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); + offset = (pWidth - rWidth * scaleX) / 2; + if (pAR.alignX === 'Min') { + offsetLeft = -offset; + } + if (pAR.alignX === 'Max') { + offsetLeft = offset; + } + offset = (pHeight - rHeight * scaleY) / 2; + if (pAR.alignY === 'Min') { + offsetTop = -offset; + } + if (pAR.alignY === 'Max') { + offsetTop = offset; + } + } + if (pAR.meetOrSlice === 'slice') { + scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); + offset = rWidth - pWidth / scaleX; + if (pAR.alignX === 'Mid') { + cropX = offset / 2; + } + if (pAR.alignX === 'Max') { + cropX = offset; + } + offset = rHeight - pHeight / scaleY; + if (pAR.alignY === 'Mid') { + cropY = offset / 2; + } + if (pAR.alignY === 'Max') { + cropY = offset; + } + rWidth = pWidth / scaleX; + rHeight = pHeight / scaleY; + } + } + else { + scaleX = pWidth / rWidth; + scaleY = pHeight / rHeight; + } + return { + width: rWidth, + height: rHeight, + scaleX: scaleX, + scaleY: scaleY, + offsetLeft: offsetLeft, + offsetTop: offsetTop, + cropX: cropX, + cropY: cropY, + }; + }, + }); + /** + * Default CSS class name for canvas + * @static + * @type String + * @default */ - _transformObject: function(e) { - var pointer = this.getPointer(e), - transform = this._currentTransform; - - transform.reset = false; - transform.shiftKey = e.shiftKey; - transform.altKey = e[this.centeredKey]; - - this._performTransformAction(e, transform, pointer); - transform.actionPerformed && this.requestRenderAll(); - }, - + fabric.Image.CSS_CANVAS = 'canvas-img'; /** - * @private + * Alias for getSrc + * @static */ - _performTransformAction: function(e, transform, pointer) { - var x = pointer.x, - y = pointer.y, - action = transform.action, - actionPerformed = false, - actionHandler = transform.actionHandler; - // this object could be created from the function in the control handlers - - - if (actionHandler) { - actionPerformed = actionHandler(e, transform, x, y); - } - if (action === 'drag' && actionPerformed) { - transform.target.isMoving = true; - this.setCursor(transform.target.moveCursor || this.moveCursor); - } - transform.actionPerformed = transform.actionPerformed || actionPerformed; - }, - + fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; /** - * @private + * Creates an instance of fabric.Image from its object representation + * @static + * @param {Object} object Object to create an instance from + * @param {object} [options] Options object + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.fromObject = function (object, options) { + var _object = Object.assign({}, object), filters = _object.filters, resizeFilter = _object.resizeFilter; + // the generic enliving will fail on filters for now + delete _object.resizeFilter; + delete _object.filters; + var imageOptions = Object.assign({}, options, { + crossOrigin: _object.crossOrigin, + }), filterOptions = Object.assign({}, options, { + namespace: fabric.Image.filters, + }); + return Promise.all([ + fabric.util.loadImage(_object.src, imageOptions), + filters && fabric.util.enlivenObjects(filters, filterOptions), + resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions), + fabric.util.enlivenObjectEnlivables(_object, options), + ]).then(function (imgAndFilters) { + _object.filters = imgAndFilters[1] || []; + _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0]; + return new fabric.Image(imgAndFilters[0], Object.assign(_object, imgAndFilters[3])); + }); + }; + /** + * Creates an instance of fabric.Image from an URL string + * @static + * @param {String} url URL to create an image from + * @param {object} [options] Options object + * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.fromURL = function (url, options) { + return fabric.util.loadImage(url, options || {}).then(function (img) { + return new fabric.Image(img, options); + }); + }; + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) + * @static + * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} */ - _fire: fabric.controlsUtils.fireEvent, + fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ')); + /** + * Returns {@link fabric.Image} instance from an SVG element + * @static + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {Function} callback Callback to execute when fabric.Image object is created + * @return {fabric.Image} Instance of fabric.Image + */ + fabric.Image.fromElement = function (element, callback, options) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); + fabric.Image.fromURL(parsedAttributes['xlink:href'], Object.assign({}, options || {}, parsedAttributes)).then(function (fabricImage) { + callback(fabricImage); + }); + }; + /* _FROM_SVG_END_ */ +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * @private + * @return {Number} angle value + */ + _getAngleValueForStraighten: function () { + var angle = this.angle % 360; + if (angle > 0) { + return Math.round((angle - 1) / 90) * 90; + } + return Math.round(angle / 90) * 90; + }, + /** + * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) + * @return {fabric.Object} thisArg + * @chainable + */ + straighten: function () { + return this.rotate(this._getAngleValueForStraighten()); + }, + /** + * Same as {@link FabricObject.prototype.straighten} but with animation + * @param {Object} callbacks Object with callback functions + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.Object} thisArg + */ + fxStraighten: function (callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: this.get('angle'), + endValue: this._getAngleValueForStraighten(), + duration: this.FX_DURATION, + onChange: function (value) { + _this.rotate(value); + onChange(); + }, + onComplete: function () { + _this.setCoords(); + onComplete(); + }, + }); + }, + }); + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Straightens object, then rerenders canvas + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + * @chainable + */ + straightenObject: function (object) { + object.straighten(); + this.requestRenderAll(); + return this; + }, + /** + * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + */ + fxStraightenObject: function (object) { + return object.fxStraighten({ + onChange: this.requestRenderAllBound, + }); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +/** + * @todo remove once rollup supports transforming enums... + * https://github.com/rollup/plugins/issues/463 + */ +const WebGLPrecision = [ + "lowp" /* TWebGLPrecision.low */, + "mediump" /* TWebGLPrecision.medium */, + "highp" /* TWebGLPrecision.high */, +]; +/** + * Lazy initialize WebGL contants + */ +class WebGLProbe { + constructor() { + this.initialized = false; + } + get maxTextureSize() { + this.queryWebGL(); + return this._maxTextureSize; + } + get webGLPrecision() { + this.queryWebGL(); + return this._webGLPrecision; + } /** - * Sets the cursor depending on where the canvas is being hovered. - * Note: very buggy in Opera - * @param {Event} e Event object - * @param {Object} target Object that the mouse is hovering, if so. + * Tests if webgl supports certain precision + * @param {WebGL} Canvas WebGL context to test on + * @param {TWebGLPrecision} Precision to test can be any of following + * @returns {Boolean} Whether the user's browser WebGL supports given precision. */ - _setCursorFromEvent: function (e, target) { - if (!target) { - this.setCursor(this.defaultCursor); - return false; - } - var hoverCursor = target.hoverCursor || this.hoverCursor, - activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' ? - this._activeObject : null, - // only show proper corner when group selection is not active - corner = (!activeSelection || !activeSelection.contains(target)) - // here we call findTargetCorner always with undefined for the touch parameter. - // we assume that if you are using a cursor you do not need to interact with - // the bigger touch area. - && target._findTargetCorner(this.getPointer(e, true)); - - if (!corner) { - if (target.subTargetCheck){ - // hoverCursor should come from top-most subTarget, - // so we walk the array backwards - this.targets.concat().reverse().map(function(_target){ - hoverCursor = _target.hoverCursor || hoverCursor; - }); - } - this.setCursor(hoverCursor); - } - else { - this.setCursor(this.getCornerCursor(corner, target, e)); - } - }, - + testPrecision(gl, precision) { + const fragmentSource = `precision ${precision} float;\nvoid main(){}`; + const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS); + } /** - * @private + * query browser for WebGL + * @returns config object if true */ - getCornerCursor: function(corner, target, e) { - var control = target.controls[corner]; - return control.cursorStyleHandler(e, control, target); + queryWebGL() { + if (this.initialized || fabric$1.isLikelyNode) { + return; + } + const canvas = createCanvasElement(); + const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); + if (gl) { + this._maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); + this._webGLPrecision = WebGLPrecision.find((key) => this.testPrecision(gl, key)); + console.log(`fabric: max texture size ${this._maxTextureSize}`); + } + this.initialized = true; } - }); -})(); + isSupported(textureSize) { + return this.maxTextureSize && this.maxTextureSize >= textureSize; + } +} +const webGLProbe = new WebGLProbe(); +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.initFilterBackend = function () { + if (config.enableGLFiltering && + webGLProbe.isSupported(config.textureSize)) { + return new fabric.WebglFilterBackend({ tileSize: config.textureSize }); + } + else if (fabric.Canvas2dFilterBackend) { + return new fabric.Canvas2dFilterBackend(); + } + }; + fabric.WebglFilterBackend = WebglFilterBackend; + /** + * WebGL filter backend. + */ + function WebglFilterBackend(options) { + if (options && options.tileSize) { + this.tileSize = options.tileSize; + } + this.setupGLContext(this.tileSize, this.tileSize); + this.captureGPUInfo(); + } + WebglFilterBackend.prototype = + /** @lends fabric.WebglFilterBackend.prototype */ { + tileSize: config.textureSize, + /** + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + resources: {}, + /** + * Setup a WebGL context suitable for filtering, and bind any needed event handlers. + */ + setupGLContext: function (width, height) { + this.dispose(); + this.createWebGLCanvas(width, height); + // eslint-disable-next-line + this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); + this.chooseFastestCopyGLTo2DMethod(width, height); + }, + /** + * Pick a method to copy data from GL context to 2d canvas. In some browsers using + * putImageData is faster than drawImage for that specific operation. + */ + chooseFastestCopyGLTo2DMethod: function (width, height) { + var canMeasurePerf = typeof window.performance !== 'undefined', canUseImageData; + try { + new ImageData(1, 1); + canUseImageData = true; + } + catch (e) { + canUseImageData = false; + } + // eslint-disable-next-line no-undef + var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined'; + // eslint-disable-next-line no-undef + var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined'; + if (!(canMeasurePerf && + canUseImageData && + canUseArrayBuffer && + canUseUint8Clamped)) { + return; + } + var targetCanvas = fabric.util.createCanvasElement(); + // eslint-disable-next-line no-undef + var imageBuffer = new ArrayBuffer(width * height * 4); + if (config.forceGLPutImageData) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + return; + } + var testContext = { + imageBuffer: imageBuffer, + destinationWidth: width, + destinationHeight: height, + targetCanvas: targetCanvas, + }; + var startTime, drawImageTime, putImageDataTime; + targetCanvas.width = width; + targetCanvas.height = height; + startTime = window.performance.now(); + copyGLTo2DDrawImage.call(testContext, this.gl, testContext); + drawImageTime = window.performance.now() - startTime; + startTime = window.performance.now(); + copyGLTo2DPutImageData.call(testContext, this.gl, testContext); + putImageDataTime = window.performance.now() - startTime; + if (drawImageTime > putImageDataTime) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + } + else { + this.copyGLTo2D = copyGLTo2DDrawImage; + } + }, + /** + * Create a canvas element and associated WebGL context and attaches them as + * class properties to the GLFilterBackend class. + */ + createWebGLCanvas: function (width, height) { + var canvas = fabric.util.createCanvasElement(); + canvas.width = width; + canvas.height = height; + var glOptions = { + alpha: true, + premultipliedAlpha: false, + depth: false, + stencil: false, + antialias: false, + }, gl = canvas.getContext('webgl', glOptions); + if (!gl) { + gl = canvas.getContext('experimental-webgl', glOptions); + } + if (!gl) { + return; + } + gl.clearColor(0, 0, 0, 0); + // this canvas can fire webglcontextlost and webglcontextrestored + this.canvas = canvas; + this.gl = gl; + }, + /** + * Attempts to apply the requested filters to the source provided, drawing the filtered output + * to the provided target canvas. + * + * @param {Array} filters The filters to apply. + * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered. + * @param {Number} width The width of the source input. + * @param {Number} height The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. + * @param {String|undefined} cacheKey A key used to cache resources related to the source. If + * omitted, caching will be skipped. + */ + applyFilters: function (filters, source, width, height, targetCanvas, cacheKey) { + var gl = this.gl; + var cachedTexture; + if (cacheKey) { + cachedTexture = this.getCachedTexture(cacheKey, source); + } + var pipelineState = { + originalWidth: source.width || source.originalWidth, + originalHeight: source.height || source.originalHeight, + sourceWidth: width, + sourceHeight: height, + destinationWidth: width, + destinationHeight: height, + context: gl, + sourceTexture: this.createTexture(gl, width, height, !cachedTexture && source), + targetTexture: this.createTexture(gl, width, height), + originalTexture: cachedTexture || + this.createTexture(gl, width, height, !cachedTexture && source), + passes: filters.length, + webgl: true, + aPosition: this.aPosition, + programCache: this.programCache, + pass: 0, + filterBackend: this, + targetCanvas: targetCanvas, + }; + var tempFbo = gl.createFramebuffer(); + gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); + filters.forEach(function (filter) { + filter && filter.applyTo(pipelineState); + }); + resizeCanvasIfNeeded(pipelineState); + this.copyGLTo2D(gl, pipelineState); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.deleteTexture(pipelineState.sourceTexture); + gl.deleteTexture(pipelineState.targetTexture); + gl.deleteFramebuffer(tempFbo); + targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0); + return pipelineState; + }, + /** + * Detach event listeners, remove references, and clean up caches. + */ + dispose: function () { + if (this.canvas) { + this.canvas = null; + this.gl = null; + } + this.clearWebGLCaches(); + }, + /** + * Wipe out WebGL-related caches. + */ + clearWebGLCaches: function () { + this.programCache = {}; + this.textureCache = {}; + }, + /** + * Create a WebGL texture object. + * + * Accepts specific dimensions to initialize the texture to or a source image. + * + * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. + * @param {Number} width The width to initialize the texture at. + * @param {Number} height The height to initialize the texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. + * @returns {WebGLTexture} + */ + createTexture: function (gl, width, height, textureImageSource) { + var texture = gl.createTexture(); + gl.bindTexture(gl.TEXTURE_2D, texture); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); + if (textureImageSource) { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); + } + else { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); + } + return texture; + }, + /** + * Can be optionally used to get a texture from the cache array + * + * If an existing texture is not found, a new texture is created and cached. + * + * @param {String} uniqueId A cache key to use to find an existing texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the + * texture cache entry if one does not already exist. + */ + getCachedTexture: function (uniqueId, textureImageSource) { + if (this.textureCache[uniqueId]) { + return this.textureCache[uniqueId]; + } + else { + var texture = this.createTexture(this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); + this.textureCache[uniqueId] = texture; + return texture; + } + }, + /** + * Clear out cached resources related to a source image that has been + * filtered previously. + * + * @param {String} cacheKey The cache key provided when the source image was filtered. + */ + evictCachesForKey: function (cacheKey) { + if (this.textureCache[cacheKey]) { + this.gl.deleteTexture(this.textureCache[cacheKey]); + delete this.textureCache[cacheKey]; + } + }, + copyGLTo2D: copyGLTo2DDrawImage, + /** + * Attempt to extract GPU information strings from a WebGL context. + * + * Useful information when debugging or blacklisting specific GPUs. + * + * @returns {Object} A GPU info object with renderer and vendor strings. + */ + captureGPUInfo: function () { + if (this.gpuInfo) { + return this.gpuInfo; + } + var gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; + if (!gl) { + return gpuInfo; + } + var ext = gl.getExtension('WEBGL_debug_renderer_info'); + if (ext) { + var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); + var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); + if (renderer) { + gpuInfo.renderer = renderer.toLowerCase(); + } + if (vendor) { + gpuInfo.vendor = vendor.toLowerCase(); + } + } + this.gpuInfo = gpuInfo; + return gpuInfo; + }, + }; +})(typeof exports !== 'undefined' ? exports : window); +function resizeCanvasIfNeeded(pipelineState) { + var targetCanvas = pipelineState.targetCanvas, width = targetCanvas.width, height = targetCanvas.height, dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight; + if (width !== dWidth || height !== dHeight) { + targetCanvas.width = dWidth; + targetCanvas.height = dHeight; + } +} +/** + * Copy an input WebGL canvas on to an output 2D canvas. + * + * The WebGL canvas is assumed to be upside down, with the top-left pixel of the + * desired output image appearing in the bottom-left corner of the WebGL canvas. + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. + * @param {Object} pipelineState The 2D target canvas to copy on to. + */ +function copyGLTo2DDrawImage(gl, pipelineState) { + var glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'); + ctx.translate(0, targetCanvas.height); // move it down again + ctx.scale(1, -1); // vertical flip + // where is my image on the big glcanvas? + var sourceY = glCanvas.height - targetCanvas.height; + ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, targetCanvas.width, targetCanvas.height); +} +/** + * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData + * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. + * @param {Object} pipelineState The 2D target canvas to copy on to. + */ +function copyGLTo2DPutImageData(gl, pipelineState) { + var targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight, numBytes = dWidth * dHeight * 4; + // eslint-disable-next-line no-undef + var u8 = new Uint8Array(this.imageBuffer, 0, numBytes); + // eslint-disable-next-line no-undef + var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); + gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); + var imgData = new ImageData(u8Clamped, dWidth, dHeight); + ctx.putImageData(imgData, 0, 0); +} -(function() { - - var min = Math.min, - max = Math.max; - - fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { - +//@ts-nocheck +(function (global) { + var fabric = global.fabric, noop = function () { }; + fabric.Canvas2dFilterBackend = Canvas2dFilterBackend; + /** + * Canvas 2D filter backend. + */ + function Canvas2dFilterBackend() { } + Canvas2dFilterBackend.prototype = + /** @lends fabric.Canvas2dFilterBackend.prototype */ { + evictCachesForKey: noop, + dispose: noop, + clearWebGLCaches: noop, + /** + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + resources: {}, + /** + * Apply a set of filters against a source image and draw the filtered output + * to the provided destination canvas. + * + * @param {EnhancedFilter} filters The filter to apply. + * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. + * @param {Number} sourceWidth The width of the source input. + * @param {Number} sourceHeight The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. + */ + applyFilters: function (filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { + var ctx = targetCanvas.getContext('2d'); + ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); + var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + var originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + var pipelineState = { + sourceWidth: sourceWidth, + sourceHeight: sourceHeight, + imageData: imageData, + originalEl: sourceElement, + originalImageData: originalImageData, + canvasEl: targetCanvas, + ctx: ctx, + filterBackend: this, + }; + filters.forEach(function (filter) { + filter.applyTo(pipelineState); + }); + if (pipelineState.imageData.width !== sourceWidth || + pipelineState.imageData.height !== sourceHeight) { + targetCanvas.width = pipelineState.imageData.width; + targetCanvas.height = pipelineState.imageData.height; + } + ctx.putImageData(pipelineState.imageData, 0, 0); + return pipelineState; + }, + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + /** + * @namespace fabric.Image.filters + * @memberOf fabric.Image + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + */ + fabric.Image.filters = fabric.Image.filters || {}; + /** + * Root filter class from which all filter classes inherit from + * @class fabric.Image.filters.BaseFilter + * @memberOf fabric.Image.filters + */ + fabric.Image.filters.BaseFilter = fabric.util.createClass( + /** @lends fabric.Image.filters.BaseFilter.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'BaseFilter', + /** + * Array of attributes to send with buffers. do not modify + * @private + */ + vertexSource: 'attribute vec2 aPosition;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vTexCoord = aPosition;\n' + + 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + + '}', + fragmentSource: 'precision highp float;\n' + + 'varying vec2 vTexCoord;\n' + + 'uniform sampler2D uTexture;\n' + + 'void main() {\n' + + 'gl_FragColor = texture2D(uTexture, vTexCoord);\n' + + '}', + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function (options) { + if (options) { + this.setOptions(options); + } + }, + /** + * Sets filter's properties from options + * @param {Object} [options] Options object + */ + setOptions: function (options) { + for (var prop in options) { + this[prop] = options[prop]; + } + }, + /** + * Compile this filter's shader program. + * + * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. + * @param {String} fragmentSource fragmentShader source for compilation + * @param {String} vertexSource vertexShader source for compilation + */ + createProgram: function (gl, fragmentSource, vertexSource) { + fragmentSource = fragmentSource || this.fragmentSource; + vertexSource = vertexSource || this.vertexSource; + if (webGLProbe.webGLPrecision !== "highp" /* TWebGLPrecision.high */) { + fragmentSource = fragmentSource.replace(new RegExp(`precision ${"highp" /* TWebGLPrecision.high */} float`, 'g'), `precision ${webGLProbe.webGLPrecision} float`); + } + var vertexShader = gl.createShader(gl.VERTEX_SHADER); + gl.shaderSource(vertexShader, vertexSource); + gl.compileShader(vertexShader); + if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Vertex shader compile error for ' + + this.type + + ': ' + + gl.getShaderInfoLog(vertexShader)); + } + var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Fragment shader compile error for ' + + this.type + + ': ' + + gl.getShaderInfoLog(fragmentShader)); + } + var program = gl.createProgram(); + gl.attachShader(program, vertexShader); + gl.attachShader(program, fragmentShader); + gl.linkProgram(program); + if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Shader link error for "${this.type}" ' + + gl.getProgramInfoLog(program)); + } + var attributeLocations = this.getAttributeLocations(gl, program); + var uniformLocations = this.getUniformLocations(gl, program) || {}; + uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); + uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); + return { + program: program, + attributeLocations: attributeLocations, + uniformLocations: uniformLocations, + }; + }, + /** + * Return a map of attribute names to WebGLAttributeLocation objects. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. + * @returns {Object} A map of attribute names to attribute locations. + */ + getAttributeLocations: function (gl, program) { + return { + aPosition: gl.getAttribLocation(program, 'aPosition'), + }; + }, + /** + * Return a map of uniform names to WebGLUniformLocation objects. + * + * Intended to be overridden by subclasses. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {WebGLShaderProgram} program The shader program from which to take uniform locations. + * @returns {Object} A map of uniform names to uniform locations. + */ + getUniformLocations: function ( /* gl, program */) { + // in case i do not need any special uniform i need to return an empty object + return {}; + }, + /** + * Send attribute data from this filter to its shader program on the GPU. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {Object} attributeLocations A map of shader attribute names to their locations. + */ + sendAttributeData: function (gl, attributeLocations, aPositionData) { + var attributeLocation = attributeLocations.aPosition; + var buffer = gl.createBuffer(); + gl.bindBuffer(gl.ARRAY_BUFFER, buffer); + gl.enableVertexAttribArray(attributeLocation); + gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); + gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); + }, + _setupFrameBuffer: function (options) { + var gl = options.context, width, height; + if (options.passes > 1) { + width = options.destinationWidth; + height = options.destinationHeight; + if (options.sourceWidth !== width || + options.sourceHeight !== height) { + gl.deleteTexture(options.targetTexture); + options.targetTexture = options.filterBackend.createTexture(gl, width, height); + } + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, options.targetTexture, 0); + } + else { + // draw last filter on canvas and not to framebuffer. + gl.bindFramebuffer(gl.FRAMEBUFFER, null); + gl.finish(); + } + }, + _swapTextures: function (options) { + options.passes--; + options.pass++; + var temp = options.targetTexture; + options.targetTexture = options.sourceTexture; + options.sourceTexture = temp; + }, + /** + * Generic isNeutral implementation for one parameter based filters. + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) + * @param {Object} options + **/ + isNeutralState: function ( /* options */) { + var main = this.mainParameter, _class = fabric.Image.filters[this.type].prototype; + if (main) { + if (Array.isArray(_class[main])) { + for (var i = _class[main].length; i--;) { + if (this[main][i] !== _class[main][i]) { + return false; + } + } + return true; + } + else { + return _class[main] === this[main]; + } + } + else { + return false; + } + }, + /** + * Apply this filter to the input image data provided. + * + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function (options) { + if (options.webgl) { + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + } + else { + this.applyTo2d(options); + } + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + if (!options.programCache.hasOwnProperty(this.type)) { + options.programCache[this.type] = this.createProgram(options.context); + } + return options.programCache[this.type]; + }, + /** + * Apply this filter using webgl. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.originalTexture The texture of the original input image. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyToWebGL: function (options) { + var gl = options.context; + var shader = this.retrieveShader(options); + if (options.pass === 0 && options.originalTexture) { + gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); + } + else { + gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); + } + gl.useProgram(shader.program); + this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); + gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); + gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); + this.sendUniformData(gl, shader.uniformLocations); + gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); + gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); + }, + bindAdditionalTexture: function (gl, texture, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, texture); + // reset active texture to 0 as usual + gl.activeTexture(gl.TEXTURE0); + }, + unbindAdditionalTexture: function (gl, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.activeTexture(gl.TEXTURE0); + }, + getMainParameter: function () { + return this[this.mainParameter]; + }, + setMainParameter: function (value) { + this[this.mainParameter] = value; + }, + /** + * Send uniform data from this filter to its shader program on the GPU. + * + * Intended to be overridden by subclasses. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {Object} uniformLocations A map of shader uniform names to their locations. + */ + sendUniformData: function ( /* gl, uniformLocations */) { + // Intentionally left blank. Override me in subclasses. + }, + /** + * If needed by a 2d filter, this functions can create an helper canvas to be used + * remember that options.targetCanvas is available for use till end of chain. + */ + createHelpLayer: function (options) { + if (!options.helpLayer) { + var helpLayer = document.createElement('canvas'); + helpLayer.width = options.sourceWidth; + helpLayer.height = options.sourceHeight; + options.helpLayer = helpLayer; + } + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + var object = { type: this.type }, mainP = this.mainParameter; + if (mainP) { + object[mainP] = this[mainP]; + } + return object; + }, + /** + * Returns a JSON representation of an instance + * @return {Object} JSON + */ + toJSON: function () { + // delegate, not alias + return this.toObject(); + }, + }); /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - * @return {Boolean} + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - _shouldGroup: function(e, target) { - var activeObject = this._activeObject; - return activeObject && this._isSelectionKeyPressed(e) && target && target.selectable && this.selection && - (activeObject !== target || activeObject.type === 'activeSelection') && !target.onSelect({ e: e }); - }, - + fabric.Image.filters.BaseFilter.fromObject = function (object) { + return Promise.resolve(new fabric.Image.filters[object.type](object)); + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Color Matrix filter class + * @class fabric.Image.filters.ColorMatrix + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} + * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} + * @example Kodachrome filter + * var filter = new fabric.Image.filters.ColorMatrix({ + * matrix: [ + 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, + -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, + -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, + 0, 0, 0, 1, 0 + ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.ColorMatrix = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.ColorMatrix.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'ColorMatrix', + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'uniform mat4 uColorMatrix;\n' + + 'uniform vec4 uConstants;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color *= uColorMatrix;\n' + + 'color += uConstants;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * Colormatrix for pixels. + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Array} matrix array of 20 numbers. + * @default + */ + matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], + mainParameter: 'matrix', + /** + * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario + * to save some calculation + * @type Boolean + * @default true + */ + colorsOnly: true, + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function (options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.matrix = this.matrix.slice(0); + }, + /** + * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, iLen = data.length, m = this.matrix, r, g, b, a, i, colorsOnly = this.colorsOnly; + for (i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + if (colorsOnly) { + data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; + data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; + data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; + } + else { + a = data[i + 3]; + data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; + data[i + 1] = + r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; + data[i + 2] = + r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; + data[i + 3] = + r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), + uConstants: gl.getUniformLocation(program, 'uConstants'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var m = this.matrix, matrix = [ + m[0], + m[1], + m[2], + m[3], + m[5], + m[6], + m[7], + m[8], + m[10], + m[11], + m[12], + m[13], + m[15], + m[16], + m[17], + m[18], + ], constants = [m[4], m[9], m[14], m[19]]; + gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); + gl.uniform4fv(uniformLocations.uConstants, constants); + }, + }); /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _handleGrouping: function (e, target) { - var activeObject = this._activeObject; - // avoid multi select when shift click on a corner - if (activeObject.__corner) { - return; - } - if (target === activeObject) { - // if it's a group, find target again, using activeGroup objects - target = this.findTarget(e, true); - // if even object is not found or we are on activeObjectCorner, bail out - if (!target || !target.selectable) { - return; - } - } - if (activeObject && activeObject.type === 'activeSelection') { - this._updateActiveSelection(target, e); - } - else { - this._createActiveSelection(target, e); - } - }, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.ColorMatrix.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Brightness filter class + * @class fabric.Image.filters.Brightness + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Brightness({ + * brightness: 0.05 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Brightness = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Brightness.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Brightness', + /** + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uBrightness;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += uBrightness;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * Brightness value, from -1 to 1. + * translated to -255 to 255 for 2d + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Number} brightness + * @default + */ + brightness: 0, + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'brightness', + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.brightness === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, i, len = data.length, brightness = Math.round(this.brightness * 255); + for (i = 0; i < len; i += 4) { + data[i] = data[i] + brightness; + data[i + 1] = data[i + 1] + brightness; + data[i + 2] = data[i + 2] + brightness; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uBrightness: gl.getUniformLocation(program, 'uBrightness'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBrightness, this.brightness); + }, + }); /** - * @private - */ - _updateActiveSelection: function(target, e) { - var activeSelection = this._activeObject, - currentActiveObjects = activeSelection._objects.slice(0); - if (activeSelection.contains(target)) { - activeSelection.removeWithUpdate(target); - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - if (activeSelection.size() === 1) { - // activate last remaining object - this._setActiveObject(activeSelection.item(0), e); - } - } - else { - activeSelection.addWithUpdate(target); - this._hoveredTarget = activeSelection; - this._hoveredTargets = this.targets.concat(); - } - this._fireSelectionEvents(currentActiveObjects, e); - }, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Brightness.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Adapted from html5rocks article + * @class fabric.Image.filters.Convolute + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example Sharpen filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 0, -1, 0, + * -1, 5, -1, + * 0, -1, 0 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Blur filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter with opaqueness + * var filter = new fabric.Image.filters.Convolute({ + * opaque: true, + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Convolute = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Convolute.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Convolute', + /* + * Opaque value (true/false) + */ + opaque: false, + /* + * matrix for the filter, max 9x9 + */ + matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], + /** + * Fragment source for the brightness program + */ + fragmentSource: { + Convolute_3_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_3_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_5_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_5_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_7_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_7_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_9_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_9_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + }, + /** + * Constructor + * @memberOf fabric.Image.filters.Convolute.prototype + * @param {Object} [options] Options object + * @param {Boolean} [options.opaque=false] Opaque value (true/false) + * @param {Array} [options.matrix] Filter matrix + */ + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var size = Math.sqrt(this.matrix.length); + var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); + var shaderSource = this.fragmentSource[cacheKey]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, weights = this.matrix, side = Math.round(Math.sqrt(weights.length)), halfSide = Math.floor(side / 2), sw = imageData.width, sh = imageData.height, output = options.ctx.createImageData(sw, sh), dst = output.data, + // go through the destination image pixels + alphaFac = this.opaque ? 1 : 0, r, g, b, a, dstOff, scx, scy, srcOff, wt, x, y, cx, cy; + for (y = 0; y < sh; y++) { + for (x = 0; x < sw; x++) { + dstOff = (y * sw + x) * 4; + // calculate the weighed sum of the source image pixels that + // fall under the convolution matrix + r = 0; + g = 0; + b = 0; + a = 0; + for (cy = 0; cy < side; cy++) { + for (cx = 0; cx < side; cx++) { + scy = y + cy - halfSide; + scx = x + cx - halfSide; + // eslint-disable-next-line max-depth + if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { + continue; + } + srcOff = (scy * sw + scx) * 4; + wt = weights[cy * side + cx]; + r += data[srcOff] * wt; + g += data[srcOff + 1] * wt; + b += data[srcOff + 2] * wt; + // eslint-disable-next-line max-depth + if (!alphaFac) { + a += data[srcOff + 3] * wt; + } + } + } + dst[dstOff] = r; + dst[dstOff + 1] = g; + dst[dstOff + 2] = b; + if (!alphaFac) { + dst[dstOff + 3] = a; + } + else { + dst[dstOff + 3] = data[dstOff + 3]; + } + } + } + options.imageData = output; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uMatrix: gl.getUniformLocation(program, 'uMatrix'), + uOpaque: gl.getUniformLocation(program, 'uOpaque'), + uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), + uSize: gl.getUniformLocation(program, 'uSize'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1fv(uniformLocations.uMatrix, this.matrix); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return extend(this.callSuper('toObject'), { + opaque: this.opaque, + matrix: this.matrix, + }); + }, + }); /** - * @private - */ - _createActiveSelection: function(target, e) { - var currentActives = this.getActiveObjects(), group = this._createGroup(target); - this._hoveredTarget = group; - // ISSUE 4115: should we consider subTargets here? - // this._hoveredTargets = []; - // this._hoveredTargets = this.targets.concat(); - this._setActiveObject(group, e); - this._fireSelectionEvents(currentActives, e); - }, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Convolute.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Grayscale image filter class + * @class fabric.Image.filters.Grayscale + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Grayscale(); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Grayscale = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Grayscale.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Grayscale', + fragmentSource: { + average: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float average = (color.r + color.b + color.g) / 3.0;\n' + + 'gl_FragColor = vec4(average, average, average, color.a);\n' + + '}', + lightness: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + luminosity: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + }, + /** + * Grayscale mode, between 'average', 'lightness', 'luminosity' + * @param {String} type + * @default + */ + mode: 'average', + mainParameter: 'mode', + /** + * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, i, len = data.length, value, mode = this.mode; + for (i = 0; i < len; i += 4) { + if (mode === 'average') { + value = (data[i] + data[i + 1] + data[i + 2]) / 3; + } + else if (mode === 'lightness') { + value = + (Math.min(data[i], data[i + 1], data[i + 2]) + + Math.max(data[i], data[i + 1], data[i + 2])) / + 2; + } + else if (mode === 'luminosity') { + value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; + } + data[i] = value; + data[i + 1] = value; + data[i + 2] = value; + } + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var cacheKey = this.type + '_' + this.mode; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var shaderSource = this.fragmentSource[this.mode]; + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uMode: gl.getUniformLocation(program, 'uMode'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + // default average mode. + var mode = 1; + gl.uniform1i(uniformLocations.uMode, mode); + }, + /** + * Grayscale filter isNeutralState implementation + * The filter is never neutral + * on the image + **/ + isNeutralState: function () { + return false; + }, + }); /** - * @private - * @param {Object} target - */ - _createGroup: function(target) { - var objects = this._objects, - isActiveLower = objects.indexOf(this._activeObject) < objects.indexOf(target), - groupObjects = isActiveLower - ? [this._activeObject, target] - : [target, this._activeObject]; - this._activeObject.isEditing && this._activeObject.exitEditing(); - return new fabric.ActiveSelection(groupObjects, { - canvas: this - }); - }, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Grayscale.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Invert filter class + * @class fabric.Image.filters.Invert + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Invert(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Invert = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Invert.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Invert', + /** + * Invert also alpha. + * @param {Boolean} alpha + * @default + **/ + alpha: false, + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uInvert;\n' + + 'uniform int uAlpha;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'if (uInvert == 1) {\n' + + 'if (uAlpha == 1) {\n' + + 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\n' + + '} else {\n' + + 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + + '}\n' + + '} else {\n' + + 'gl_FragColor = color;\n' + + '}\n' + + '}', + /** + * Filter invert. if false, does nothing + * @param {Boolean} invert + * @default + */ + invert: true, + mainParameter: 'invert', + /** + * Apply the Invert operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, i, len = data.length; + for (i = 0; i < len; i += 4) { + data[i] = 255 - data[i]; + data[i + 1] = 255 - data[i + 1]; + data[i + 2] = 255 - data[i + 2]; + if (this.alpha) { + data[i + 3] = 255 - data[i + 3]; + } + } + }, + /** + * Invert filter isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function () { + return !this.invert; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uInvert: gl.getUniformLocation(program, 'uInvert'), + uAlpha: gl.getUniformLocation(program, 'uAlpha'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1i(uniformLocations.uInvert, this.invert); + gl.uniform1i(uniformLocations.uAlpha, this.alpha); + }, + }); /** - * @private - * @param {Event} e mouse event - */ - _groupSelectedObjects: function (e) { - - var group = this._collectObjects(e), - aGroup; - - // do not create group for 1 element only - if (group.length === 1) { - this.setActiveObject(group[0], e); - } - else if (group.length > 1) { - aGroup = new fabric.ActiveSelection(group.reverse(), { - canvas: this - }); - this.setActiveObject(aGroup, e); - } - }, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Invert.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Noise filter class + * @class fabric.Image.filters.Noise + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Noise({ + * noise: 700 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Noise = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Noise.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Noise', + /** + * Fragment source for the noise program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uStepH;\n' + + 'uniform float uNoise;\n' + + 'uniform float uSeed;\n' + + 'varying vec2 vTexCoord;\n' + + 'float rand(vec2 co, float seed, float vScale) {\n' + + 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'noise', + /** + * Noise value, from + * @param {Number} noise + * @default + */ + noise: 0, + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.noise === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, i, len = data.length, noise = this.noise, rand; + for (i = 0, len = data.length; i < len; i += 4) { + rand = (0.5 - Math.random()) * noise; + data[i] += rand; + data[i + 1] += rand; + data[i + 2] += rand; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uNoise: gl.getUniformLocation(program, 'uNoise'), + uSeed: gl.getUniformLocation(program, 'uSeed'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uNoise, this.noise / 255); + gl.uniform1f(uniformLocations.uSeed, Math.random()); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return extend(this.callSuper('toObject'), { + noise: this.noise, + }); + }, + }); /** - * @private - */ - _collectObjects: function(e) { - var group = [], - currentObject, - x1 = this._groupSelector.ex, - y1 = this._groupSelector.ey, - x2 = x1 + this._groupSelector.left, - y2 = y1 + this._groupSelector.top, - selectionX1Y1 = new fabric.Point(min(x1, x2), min(y1, y2)), - selectionX2Y2 = new fabric.Point(max(x1, x2), max(y1, y2)), - allowIntersect = !this.selectionFullyContained, - isClick = x1 === x2 && y1 === y2; - // we iterate reverse order to collect top first in case of click. - for (var i = this._objects.length; i--; ) { - currentObject = this._objects[i]; - - if (!currentObject || !currentObject.selectable || !currentObject.visible) { - continue; - } - - if ((allowIntersect && currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || - currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || - (allowIntersect && currentObject.containsPoint(selectionX1Y1, null, true)) || - (allowIntersect && currentObject.containsPoint(selectionX2Y2, null, true)) - ) { - group.push(currentObject); - // only add one object if it's a click - if (isClick) { - break; - } - } - } - - if (group.length > 1) { - group = group.filter(function(object) { - return !object.onSelect({ e: e }); - }); - } - - return group; - }, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Noise.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Pixelate filter class + * @class fabric.Image.filters.Pixelate + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Pixelate({ + * blocksize: 8 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Pixelate = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Pixelate.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Pixelate', + blocksize: 4, + mainParameter: 'blocksize', + /** + * Fragment source for the Pixelate program + */ + fragmentSource: '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 * uStepW;\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' + + '}', + /** + * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, iLen = imageData.height, jLen = imageData.width, index, i, j, r, g, b, a, _i, _j, _iLen, _jLen; + for (i = 0; i < iLen; i += this.blocksize) { + for (j = 0; j < jLen; j += this.blocksize) { + index = i * 4 * jLen + j * 4; + r = data[index]; + g = data[index + 1]; + b = data[index + 2]; + a = data[index + 3]; + _iLen = Math.min(i + this.blocksize, iLen); + _jLen = Math.min(j + this.blocksize, jLen); + for (_i = i; _i < _iLen; _i++) { + for (_j = j; _j < _jLen; _j++) { + index = _i * 4 * jLen + _j * 4; + data[index] = r; + data[index + 1] = g; + data[index + 2] = b; + data[index + 3] = a; + } + } + } + } + }, + /** + * Indicate when the filter is not gonna apply changes to the image + **/ + isNeutralState: function () { + return this.blocksize === 1; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), + uStepW: gl.getUniformLocation(program, 'uStepW'), + uStepH: gl.getUniformLocation(program, 'uStepH'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); + }, + }); /** - * @private - */ - _maybeGroupObjects: function(e) { - if (this.selection && this._groupSelector) { - this._groupSelectedObjects(e); - } - this.setCursor(this.defaultCursor); - // clear selection and current transformation - this._groupSelector = null; + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Pixelate.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Remove white filter class + * @class fabric.Image.filters.RemoveColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.RemoveColor({ + * threshold: 0.2, + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.RemoveColor = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.RemoveColor.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'RemoveColor', + /** + * Color to remove, in any format understood by fabric.Color. + * @param {String} type + * @default + */ + color: '#FFFFFF', + /** + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uLow;\n' + + 'uniform vec4 uHigh;\n' + + 'varying vec2 vTexCoord;\n' + + 'void 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' + + '}', + /** + * distance to actual color, as value up or down from each r,g,b + * between 0 and 1 + **/ + distance: 0.02, + /** + * For color to remove inside distance, use alpha channel for a smoother deletion + * NOT IMPLEMENTED YET + **/ + useAlpha: false, + /** + * Constructor + * @memberOf fabric.Image.filters.RemoveWhite.prototype + * @param {Object} [options] Options object + * @param {Number} [options.color=#RRGGBB] Threshold value + * @param {Number} [options.distance=10] Distance value + */ + /** + * Applies filter to canvas element + * @param {Object} canvasEl Canvas element to apply filter to + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, i, distance = this.distance * 255, r, g, b, source = new Color(this.color).getSource(), lowC = [ + source[0] - distance, + source[1] - distance, + source[2] - distance, + ], highC = [ + source[0] + distance, + source[1] + distance, + source[2] + distance, + ]; + for (i = 0; i < data.length; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + if (r > lowC[0] && + g > lowC[1] && + b > lowC[2] && + r < highC[0] && + g < highC[1] && + b < highC[2]) { + data[i + 3] = 0; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uLow: gl.getUniformLocation(program, 'uLow'), + uHigh: gl.getUniformLocation(program, 'uHigh'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var source = new Color(this.color).getSource(), distance = parseFloat(this.distance), lowC = [ + 0 + source[0] / 255 - distance, + 0 + source[1] / 255 - distance, + 0 + source[2] / 255 - distance, + 1, + ], highC = [ + source[0] / 255 + distance, + source[1] / 255 + distance, + source[2] / 255 + distance, + 1, + ]; + gl.uniform4fv(uniformLocations.uLow, lowC); + gl.uniform4fv(uniformLocations.uHigh, highC); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return extend(this.callSuper('toObject'), { + color: this.color, + distance: this.distance, + }); + }, + }); + /** + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.RemoveColor.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + var matrices = { + Brownie: [ + 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, + -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0, + ], + Vintage: [ + 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0, + 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0, + ], + Kodachrome: [ + 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0, + 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0, + ], + Technicolor: [ + 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0, + -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0, + ], + Polaroid: [ + 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016, + 1.483, 0, 0, 0, 0, 0, 1, 0, + ], + Sepia: [ + 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, + 0, 0, 0, 0, 0, 1, 0, + ], + BlackWhite: [ + 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0, + 1, 0, + ], + }; + for (var key in matrices) { + filters[key] = createClass(filters.ColorMatrix, + /** @lends fabric.Image.filters.Sepia.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: key, + /** + * Colormatrix for the effect + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * @param {Array} matrix array of 20 numbers. + * @default + */ + matrix: matrices[key], + /** + * Lock the matrix export for this kind of static, parameter less filters. + */ + mainParameter: false, + /** + * Lock the colormatrix on the color part, skipping alpha + */ + colorsOnly: true, + }); + fabric.Image.filters[key].fromObject = + fabric.Image.filters.BaseFilter.fromObject; } - }); - -})(); - - -(function () { - fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +(function (global) { + var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately - * @param {Object} [options] Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format - * @see {@link http://jsfiddle.net/fabricjs/NfZVb/|jsFiddle demo} - * @example Generate jpeg dataURL with lower quality - * var dataURL = canvas.toDataURL({ - * format: 'jpeg', - * quality: 0.8 - * }); - * @example Generate cropped png dataURL (clipping of canvas) - * var dataURL = canvas.toDataURL({ - * format: 'png', - * left: 100, - * top: 100, - * width: 200, - * height: 200 + * Color Blend filter class + * @class fabric.Image.filter.BlendColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' * }); - * @example Generate double scaled png dataURL - * var dataURL = canvas.toDataURL({ - * format: 'png', - * multiplier: 2 + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 * }); - */ - toDataURL: function (options) { - options || (options = { }); - - var format = options.format || 'png', - quality = options.quality || 1, - multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? this.getRetinaScaling() : 1), - canvasEl = this.toCanvasElement(multiplier, options); - return fabric.util.toDataURL(canvasEl, format, quality); - }, - - /** - * Create a new HTMLCanvas element painted with the current canvas content. - * No need to resize the actual one or repaint it. - * Will transfer object ownership to a new canvas, paint it, and set everything back. - * This is an intermediary step used to get to a dataUrl but also it is useful to - * create quick image copies of a canvas without passing for the dataUrl string - * @param {Number} [multiplier] a zoom factor. - * @param {Object} [cropping] Cropping informations - * @param {Number} [cropping.left] Cropping left offset. - * @param {Number} [cropping.top] Cropping top offset. - * @param {Number} [cropping.width] Cropping width. - * @param {Number} [cropping.height] Cropping height. - */ - toCanvasElement: function(multiplier, cropping) { - multiplier = multiplier || 1; - cropping = cropping || { }; - var scaledWidth = (cropping.width || this.width) * multiplier, - scaledHeight = (cropping.height || this.height) * multiplier, - zoom = this.getZoom(), - originalWidth = this.width, - originalHeight = this.height, - newZoom = zoom * multiplier, - vp = this.viewportTransform, - translateX = (vp[4] - (cropping.left || 0)) * multiplier, - translateY = (vp[5] - (cropping.top || 0)) * multiplier, - originalInteractive = this.interactive, - newVp = [newZoom, 0, 0, newZoom, translateX, translateY], - originalRetina = this.enableRetinaScaling, - canvasEl = fabric.util.createCanvasElement(), - originalContextTop = this.contextTop; - canvasEl.width = scaledWidth; - canvasEl.height = scaledHeight; - this.contextTop = null; - this.enableRetinaScaling = false; - this.interactive = false; - this.viewportTransform = newVp; - this.width = scaledWidth; - this.height = scaledHeight; - this.calcViewportBoundaries(); - this.renderCanvas(canvasEl.getContext('2d'), this._objects); - this.viewportTransform = vp; - this.width = originalWidth; - this.height = originalHeight; - this.calcViewportBoundaries(); - this.interactive = originalInteractive; - this.enableRetinaScaling = originalRetina; - this.contextTop = originalContextTop; - return canvasEl; - }, - }); - -})(); - - -fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { - /** - * Populates canvas with data from the specified JSON. - * JSON format must conform to the one of {@link fabric.Canvas#toJSON} - * @param {String|Object} json JSON string or object - * @param {Function} callback Callback, invoked when json is parsed - * and corresponding objects (e.g: {@link fabric.Image}) - * are initialized - * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. - * @return {fabric.Canvas} instance - * @chainable - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} - * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} - * @example loadFromJSON - * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas)); - * @example loadFromJSON with reviver - * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas), function(o, object) { - * // `o` = json object - * // `object` = fabric.Object instance - * // ... do some stuff ... - * }); - */ - loadFromJSON: function (json, callback, reviver) { - if (!json) { - return; - } - - // serialize if it wasn't already - var serialized = (typeof json === 'string') - ? JSON.parse(json) - : fabric.util.object.clone(json); - - var _this = this, - clipPath = serialized.clipPath, - renderOnAddRemove = this.renderOnAddRemove; - - this.renderOnAddRemove = false; - - delete serialized.clipPath; - - this._enlivenObjects(serialized.objects, function (enlivenedObjects) { - _this.clear(); - _this._setBgOverlay(serialized, function () { - if (clipPath) { - _this._enlivenObjects([clipPath], function (enlivenedCanvasClip) { - _this.clipPath = enlivenedCanvasClip[0]; - _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); - }); - } - else { - _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); - } - }); - }, reviver); - return this; - }, - - /** - * @private - * @param {Object} serialized Object with background and overlay information - * @param {Array} restored canvas objects - * @param {Function} cached renderOnAddRemove callback - * @param {Function} callback Invoked after all background and overlay images/patterns loaded - */ - __setupCanvas: function(serialized, enlivenedObjects, renderOnAddRemove, callback) { - var _this = this; - enlivenedObjects.forEach(function(obj, index) { - // we splice the array just in case some custom classes restored from JSON - // will add more object to canvas at canvas init. - _this.insertAt(obj, index); - }); - this.renderOnAddRemove = renderOnAddRemove; - // remove parts i cannot set as options - delete serialized.objects; - delete serialized.backgroundImage; - delete serialized.overlayImage; - delete serialized.background; - delete serialized.overlay; - // this._initOptions does too many things to just - // call it. Normally loading an Object from JSON - // create the Object instance. Here the Canvas is - // already an instance and we are just loading things over it - this._setOptions(serialized); - this.renderAll(); - callback && callback(); - }, - - /** - * @private - * @param {Object} serialized Object with background and overlay information - * @param {Function} callback Invoked after all background and overlay images/patterns loaded - */ - _setBgOverlay: function(serialized, callback) { - var loaded = { - backgroundColor: false, - overlayColor: false, - backgroundImage: false, - overlayImage: false - }; - - if (!serialized.backgroundImage && !serialized.overlayImage && !serialized.background && !serialized.overlay) { - callback && callback(); - return; - } - - var cbIfLoaded = function () { - if (loaded.backgroundImage && loaded.overlayImage && loaded.backgroundColor && loaded.overlayColor) { - callback && callback(); - } - }; - - this.__setBgOverlay('backgroundImage', serialized.backgroundImage, loaded, cbIfLoaded); - this.__setBgOverlay('overlayImage', serialized.overlayImage, loaded, cbIfLoaded); - this.__setBgOverlay('backgroundColor', serialized.background, loaded, cbIfLoaded); - this.__setBgOverlay('overlayColor', serialized.overlay, loaded, cbIfLoaded); - }, - - /** - * @private - * @param {String} property Property to set (backgroundImage, overlayImage, backgroundColor, overlayColor) - * @param {(Object|String)} value Value to set - * @param {Object} loaded Set loaded property to true if property is set - * @param {Object} callback Callback function to invoke after property is set - */ - __setBgOverlay: function(property, value, loaded, callback) { - var _this = this; - - if (!value) { - loaded[property] = true; - callback && callback(); - return; - } - - if (property === 'backgroundImage' || property === 'overlayImage') { - fabric.util.enlivenObjects([value], function(enlivedObject){ - _this[property] = enlivedObject[0]; - loaded[property] = true; - callback && callback(); - }); - } - else { - this['set' + fabric.util.string.capitalize(property, true)](value, function() { - loaded[property] = true; - callback && callback(); - }); - } - }, - - /** - * @private - * @param {Array} objects - * @param {Function} callback - * @param {Function} [reviver] - */ - _enlivenObjects: function (objects, callback, reviver) { - if (!objects || objects.length === 0) { - callback && callback([]); - return; - } - - fabric.util.enlivenObjects(objects, function(enlivenedObjects) { - callback && callback(enlivenedObjects); - }, null, reviver); - }, - - /** - * @private - * @param {String} format - * @param {Function} callback - */ - _toDataURL: function (format, callback) { - this.clone(function (clone) { - callback(clone.toDataURL(format)); - }); - }, - - /** - * @private - * @param {String} format - * @param {Number} multiplier - * @param {Function} callback - */ - _toDataURLWithMultiplier: function (format, multiplier, callback) { - this.clone(function (clone) { - callback(clone.toDataURLWithMultiplier(format, multiplier)); - }); - }, - - /** - * Clones canvas instance - * @param {Object} [callback] Receives cloned instance as a first argument - * @param {Array} [properties] Array of properties to include in the cloned canvas and children - */ - clone: function (callback, properties) { - var data = JSON.stringify(this.toJSON(properties)); - this.cloneWithoutData(function(clone) { - clone.loadFromJSON(data, function() { - callback && callback(clone); - }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.BlendColor = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Blend.prototype */ { + type: 'BlendColor', + /** + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + * @type String + * @default + **/ + color: '#F95C63', + /** + * Blend mode for the filter: one of multiply, add, diff, screen, subtract, + * darken, lighten, overlay, exclusion, tint. + * @type String + * @default + **/ + mode: 'multiply', + /** + * alpha value. represent the strength of the blend color operation. + * @type Number + * @default + **/ + alpha: 1, + /** + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', + screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', + add: 'gl_FragColor.rgb += uColor.rgb;\n', + diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', + subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', + lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', + darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', + exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', + overlay: 'if (uColor.r < 0.5) {\n' + + 'gl_FragColor.r *= 2.0 * uColor.r;\n' + + '} else {\n' + + 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + + '}\n' + + 'if (uColor.g < 0.5) {\n' + + 'gl_FragColor.g *= 2.0 * uColor.g;\n' + + '} else {\n' + + 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + + '}\n' + + 'if (uColor.b < 0.5) {\n' + + 'gl_FragColor.b *= 2.0 * uColor.b;\n' + + '} else {\n' + + 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + + '}\n', + tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + + 'gl_FragColor.rgb += uColor.rgb;\n', + }, + /** + * build the fragment source for the filters, joining the common part with + * the specific one. + * @param {String} mode the mode of the filter, a key of this.fragmentSource + * @return {String} the source to be compiled + * @private + */ + buildSource: function (mode) { + return ('precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'gl_FragColor = color;\n' + + 'if (color.a > 0.0) {\n' + + this.fragmentSource[mode] + + '}\n' + + '}'); + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var cacheKey = this.type + '_' + this.mode, shaderSource; + if (!options.programCache.hasOwnProperty(cacheKey)) { + shaderSource = this.buildSource(this.mode); + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, iLen = data.length, tr, tg, tb, r, g, b, source, alpha1 = 1 - this.alpha; + source = new Color(this.color).getSource(); + tr = source[0] * this.alpha; + tg = source[1] * this.alpha; + tb = source[2] * this.alpha; + for (var i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + switch (this.mode) { + case 'multiply': + data[i] = (r * tr) / 255; + data[i + 1] = (g * tg) / 255; + data[i + 2] = (b * tb) / 255; + break; + case 'screen': + data[i] = 255 - ((255 - r) * (255 - tr)) / 255; + data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255; + data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255; + break; + case 'add': + data[i] = r + tr; + data[i + 1] = g + tg; + data[i + 2] = b + tb; + break; + case 'diff': + case 'difference': + data[i] = Math.abs(r - tr); + data[i + 1] = Math.abs(g - tg); + data[i + 2] = Math.abs(b - tb); + break; + case 'subtract': + data[i] = r - tr; + data[i + 1] = g - tg; + data[i + 2] = b - tb; + break; + case 'darken': + data[i] = Math.min(r, tr); + data[i + 1] = Math.min(g, tg); + data[i + 2] = Math.min(b, tb); + break; + case 'lighten': + data[i] = Math.max(r, tr); + data[i + 1] = Math.max(g, tg); + data[i + 2] = Math.max(b, tb); + break; + case 'overlay': + data[i] = + tr < 128 + ? (2 * r * tr) / 255 + : 255 - (2 * (255 - r) * (255 - tr)) / 255; + data[i + 1] = + tg < 128 + ? (2 * g * tg) / 255 + : 255 - (2 * (255 - g) * (255 - tg)) / 255; + data[i + 2] = + tb < 128 + ? (2 * b * tb) / 255 + : 255 - (2 * (255 - b) * (255 - tb)) / 255; + break; + case 'exclusion': + data[i] = tr + r - (2 * tr * r) / 255; + data[i + 1] = tg + g - (2 * tg * g) / 255; + data[i + 2] = tb + b - (2 * tb * b) / 255; + break; + case 'tint': + data[i] = tr + r * alpha1; + data[i + 1] = tg + g * alpha1; + data[i + 2] = tb + b * alpha1; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uColor: gl.getUniformLocation(program, 'uColor'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var source = new Color(this.color).getSource(); + source[0] = (this.alpha * source[0]) / 255; + source[1] = (this.alpha * source[1]) / 255; + source[2] = (this.alpha * source[2]) / 255; + source[3] = this.alpha; + gl.uniform4fv(uniformLocations.uColor, source); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return { + type: this.type, + color: this.color, + mode: this.mode, + alpha: this.alpha, + }; + }, }); - }, - - /** - * Clones canvas instance without cloning existing data. - * This essentially copies canvas dimensions, clipping properties, etc. - * but leaves data empty (so that you can populate it with your own) - * @param {Object} [callback] Receives cloned instance as a first argument - */ - cloneWithoutData: function(callback) { - var el = fabric.util.createCanvasElement(); - - el.width = this.width; - el.height = this.height; - - var clone = new fabric.Canvas(el); - if (this.backgroundImage) { - clone.setBackgroundImage(this.backgroundImage.src, function() { - clone.renderAll(); - callback && callback(clone); - }); - clone.backgroundImageOpacity = this.backgroundImageOpacity; - clone.backgroundImageStretch = this.backgroundImageStretch; - } - else { - callback && callback(clone); - } - } -}); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - toFixed = fabric.util.toFixed, - capitalize = fabric.util.string.capitalize, - degreesToRadians = fabric.util.degreesToRadians, - objectCaching = !fabric.isLikelyNode, - ALIASING_LIMIT = 2; - - if (fabric.Object) { - return; - } - - /** - * Root object class from which all 2d shape classes inherit from - * @class fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} - * @see {@link fabric.Object#initialize} for constructor definition - * - * @fires added - * @fires removed - * - * @fires selected - * @fires deselected - * @fires modified - * @fires modified - * @fires moved - * @fires scaled - * @fires rotated - * @fires skewed - * - * @fires rotating - * @fires scaling - * @fires moving - * @fires skewing - * - * @fires mousedown - * @fires mouseup - * @fires mouseover - * @fires mouseout - * @fires mousewheel - * @fires mousedblclick - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drop - */ - fabric.Object = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.Object.prototype */ { - /** - * Type of an object (rect, circle, path, etc.). - * Note that this property is meant to be read-only and not meant to be modified. - * If you modify, certain parts of Fabric (such as JSON loading) won't work correctly. - * @type String - * @default + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - type: 'object', + fabric.Image.filters.BlendColor.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +(function (global) { + var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Horizontal origin of transformation of an object (one of "left", "right", "center") - * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups - * @type String - * @default - */ - originX: 'left', - + * Image Blend filter class + * @class fabric.Image.filter.BlendImage + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' + * }); + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.BlendImage = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.BlendImage.prototype */ { + type: 'BlendImage', + /** + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + **/ + image: null, + /** + * Blend mode for the filter (one of "multiply", "mask") + * @type String + * @default + **/ + mode: 'multiply', + /** + * alpha value. represent the strength of the blend image operation. + * not implemented. + **/ + alpha: 1, + vertexSource: 'attribute vec2 aPosition;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'uniform mat3 uTransformMatrix;\n' + + 'void main() {\n' + + 'vTexCoord = aPosition;\n' + + 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + + 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + + '}', + /** + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.rgba *= color2.rgba;\n' + + 'gl_FragColor = color;\n' + + '}', + mask: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.a = color2.a;\n' + + 'gl_FragColor = color;\n' + + '}', + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var cacheKey = this.type + '_' + this.mode; + var shaderSource = this.fragmentSource[this.mode]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + applyToWebGL: function (options) { + // load texture to blend. + var gl = options.context, texture = this.createTexture(options.filterBackend, this.image); + this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); + this.callSuper('applyToWebGL', options); + this.unbindAdditionalTexture(gl, gl.TEXTURE1); + }, + createTexture: function (backend, image) { + return backend.getCachedTexture(image.cacheKey, image._element); + }, + /** + * Calculate a transformMatrix to adapt the image to blend over + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + calculateMatrix: function () { + var image = this.image, width = image._element.width, height = image._element.height; + return [ + 1 / image.scaleX, + 0, + 0, + 0, + 1 / image.scaleY, + 0, + -image.left / width, + -image.top / height, + 1, + ]; + }, + /** + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, resources = options.filterBackend.resources, data = imageData.data, iLen = data.length, width = imageData.width, height = imageData.height, tr, tg, tb, ta, r, g, b, a, canvas1, context, image = this.image, blendData; + if (!resources.blendImage) { + resources.blendImage = fabric.util.createCanvasElement(); + } + canvas1 = resources.blendImage; + context = canvas1.getContext('2d'); + if (canvas1.width !== width || canvas1.height !== height) { + canvas1.width = width; + canvas1.height = height; + } + else { + context.clearRect(0, 0, width, height); + } + context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); + context.drawImage(image._element, 0, 0, width, height); + blendData = context.getImageData(0, 0, width, height).data; + for (var i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + a = data[i + 3]; + tr = blendData[i]; + tg = blendData[i + 1]; + tb = blendData[i + 2]; + ta = blendData[i + 3]; + switch (this.mode) { + case 'multiply': + data[i] = (r * tr) / 255; + data[i + 1] = (g * tg) / 255; + data[i + 2] = (b * tb) / 255; + data[i + 3] = (a * ta) / 255; + break; + case 'mask': + data[i + 3] = ta; + break; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), + uImage: gl.getUniformLocation(program, 'uImage'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var matrix = this.calculateMatrix(); + gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. + gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return { + type: this.type, + image: this.image && this.image.toObject(), + mode: this.mode, + alpha: this.alpha, + }; + }, + }); /** - * Vertical origin of transformation of an object (one of "top", "bottom", "center") - * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups - * @type String - * @default - */ - originY: 'top', + * Create filter instance from an object representation + * @static + * @param {object} object Object to create an instance from + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.filters.BlendImage.fromObject = function (object, options) { + return fabric.Image.fromObject(object.image, options).then(function (image) { + return new fabric.Image.filters.BlendImage(Object.assign({}, object, { image: image })); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), pow = Math.pow, floor = Math.floor, sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, ceil = Math.ceil, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom} - * @type Number - * @default - */ - top: 0, - + * Resize image filter class + * @class fabric.Image.filters.Resize + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Resize(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Resize = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Resize.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Resize', + /** + * Resize type + * for webgl resizeType is just lanczos, for canvas2d can be: + * bilinear, hermite, sliceHack, lanczos. + * @param {String} resizeType + * @default + */ + resizeType: 'hermite', + /** + * Scale factor for resizing, x axis + * @param {Number} scaleX + * @default + */ + scaleX: 1, + /** + * Scale factor for resizing, y axis + * @param {Number} scaleY + * @default + */ + scaleY: 1, + /** + * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos + * @param {Number} lanczosLobes + * @default + */ + lanczosLobes: 3, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uDelta: gl.getUniformLocation(program, 'uDelta'), + uTaps: gl.getUniformLocation(program, 'uTaps'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); + gl.uniform1fv(uniformLocations.uTaps, this.taps); + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var fragmentShader = this.generateShader(filterWindow); + options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); + } + return options.programCache[cacheKey]; + }, + getFilterWindow: function () { + var scale = this.tempScale; + return Math.ceil(this.lanczosLobes / scale); + }, + getTaps: function () { + var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); + for (var i = 1; i <= filterWindow; i++) { + taps[i - 1] = lobeFunction(i * scale); + } + return taps; + }, + /** + * Generate vertex and shader sources from the necessary steps numbers + * @param {Number} filterWindow + */ + generateShader: function (filterWindow) { + var offsets = new Array(filterWindow), fragmentShader = this.fragmentSourceTOP, filterWindow; + for (var i = 1; i <= filterWindow; i++) { + offsets[i - 1] = i + '.0 * uDelta'; + } + fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; + fragmentShader += 'void main() {\n'; + fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; + fragmentShader += ' float sum = 1.0;\n'; + offsets.forEach(function (offset, i) { + fragmentShader += + ' color += texture2D(uTexture, vTexCoord + ' + + offset + + ') * uTaps[' + + i + + '];\n'; + fragmentShader += + ' color += texture2D(uTexture, vTexCoord - ' + + offset + + ') * uTaps[' + + i + + '];\n'; + fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; + }); + fragmentShader += ' gl_FragColor = color / sum;\n'; + fragmentShader += '}'; + return fragmentShader; + }, + fragmentSourceTOP: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n', + /** + * Apply the resize filter to the image + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function (options) { + if (options.webgl) { + options.passes++; + this.width = options.sourceWidth; + this.horizontal = true; + this.dW = Math.round(this.width * this.scaleX); + this.dH = options.sourceHeight; + this.tempScale = this.dW / this.width; + this.taps = this.getTaps(); + options.destinationWidth = this.dW; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceWidth = options.destinationWidth; + this.height = options.sourceHeight; + this.horizontal = false; + this.dH = Math.round(this.height * this.scaleY); + this.tempScale = this.dH / this.height; + this.taps = this.getTaps(); + options.destinationHeight = this.dH; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceHeight = options.destinationHeight; + } + else { + this.applyTo2d(options); + } + }, + isNeutralState: function () { + return this.scaleX === 1 && this.scaleY === 1; + }, + lanczosCreate: function (lobes) { + return function (x) { + if (x >= lobes || x <= -lobes) { + return 0.0; + } + if (x < 1.1920929e-7 && x > -1.1920929e-7) { + return 1.0; + } + x *= Math.PI; + var xx = x / lobes; + return ((sin(x) / x) * sin(xx)) / xx; + }; + }, + /** + * Applies filter to canvas element + * @memberOf fabric.Image.filters.Resize.prototype + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} scaleX + * @param {Number} scaleY + */ + applyTo2d: function (options) { + var imageData = options.imageData, scaleX = this.scaleX, scaleY = this.scaleY; + this.rcpScaleX = 1 / scaleX; + this.rcpScaleY = 1 / scaleY; + var oW = imageData.width, oH = imageData.height, dW = round(oW * scaleX), dH = round(oH * scaleY), newData; + if (this.resizeType === 'sliceHack') { + newData = this.sliceByTwo(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'hermite') { + newData = this.hermiteFastResize(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'bilinear') { + newData = this.bilinearFiltering(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'lanczos') { + newData = this.lanczosResize(options, oW, oH, dW, dH); + } + options.imageData = newData; + }, + /** + * Filter sliceByTwo + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + sliceByTwo: function (options, oW, oH, dW, dH) { + var imageData = options.imageData, mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, stepH = oH * mult, resources = fabric.filterBackend.resources, tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; + if (!resources.sliceByTwo) { + resources.sliceByTwo = document.createElement('canvas'); + } + tmpCanvas = resources.sliceByTwo; + if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { + tmpCanvas.width = oW * 1.5; + tmpCanvas.height = oH; + } + ctx = tmpCanvas.getContext('2d'); + ctx.clearRect(0, 0, oW * 1.5, oH); + ctx.putImageData(imageData, 0, 0); + dW = floor(dW); + dH = floor(dH); + while (!doneW || !doneH) { + oW = stepW; + oH = stepH; + if (dW < floor(stepW * mult)) { + stepW = floor(stepW * mult); + } + else { + stepW = dW; + doneW = true; + } + if (dH < floor(stepH * mult)) { + stepH = floor(stepH * mult); + } + else { + stepH = dH; + doneH = true; + } + ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); + sX = dX; + sY = dY; + dY += stepH; + } + return ctx.getImageData(sX, sY, dW, dH); + }, + /** + * Filter lanczosResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + lanczosResize: function (options, oW, oH, dW, dH) { + function process(u) { + var v, i, weight, idx, a, red, green, blue, alpha, fX, fY; + center.x = (u + 0.5) * ratioX; + icenter.x = floor(center.x); + for (v = 0; v < dH; v++) { + center.y = (v + 0.5) * ratioY; + icenter.y = floor(center.y); + a = 0; + red = 0; + green = 0; + blue = 0; + alpha = 0; + for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { + if (i < 0 || i >= oW) { + continue; + } + fX = floor(1000 * abs(i - center.x)); + if (!cacheLanc[fX]) { + cacheLanc[fX] = {}; + } + for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { + if (j < 0 || j >= oH) { + continue; + } + fY = floor(1000 * abs(j - center.y)); + if (!cacheLanc[fX][fY]) { + cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); + } + weight = cacheLanc[fX][fY]; + if (weight > 0) { + idx = (j * oW + i) * 4; + a += weight; + red += weight * srcData[idx]; + green += weight * srcData[idx + 1]; + blue += weight * srcData[idx + 2]; + alpha += weight * srcData[idx + 3]; + } + } + } + idx = (v * dW + u) * 4; + destData[idx] = red / a; + destData[idx + 1] = green / a; + destData[idx + 2] = blue / a; + destData[idx + 3] = alpha / a; + } + if (++u < dW) { + return process(u); + } + else { + return destImg; + } + } + var srcData = options.imageData.data, destImg = options.ctx.createImageData(dW, dH), destData = destImg.data, lanczos = this.lanczosCreate(this.lanczosLobes), ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, range2X = ceil((ratioX * this.lanczosLobes) / 2), range2Y = ceil((ratioY * this.lanczosLobes) / 2), cacheLanc = {}, center = {}, icenter = {}; + return process(0); + }, + /** + * bilinearFiltering + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + bilinearFiltering: function (options, oW, oH, dW, dH) { + var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, color, offset = 0, origPix, ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, w4 = 4 * (oW - 1), img = options.imageData, pixels = img.data, destImage = options.ctx.createImageData(dW, dH), destPixels = destImage.data; + for (i = 0; i < dH; i++) { + for (j = 0; j < dW; j++) { + x = floor(ratioX * j); + y = floor(ratioY * i); + xDiff = ratioX * j - x; + yDiff = ratioY * i - y; + origPix = 4 * (y * oW + x); + for (chnl = 0; chnl < 4; chnl++) { + a = pixels[origPix + chnl]; + b = pixels[origPix + 4 + chnl]; + c = pixels[origPix + w4 + chnl]; + d = pixels[origPix + w4 + 4 + chnl]; + color = + a * (1 - xDiff) * (1 - yDiff) + + b * xDiff * (1 - yDiff) + + c * yDiff * (1 - xDiff) + + d * xDiff * yDiff; + destPixels[offset++] = color; + } + } + } + return destImage; + }, + /** + * hermiteFastResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + hermiteFastResize: function (options, oW, oH, dW, dH) { + var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, ratioWHalf = ceil(ratioW / 2), ratioHHalf = ceil(ratioH / 2), img = options.imageData, data = img.data, img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; + for (var j = 0; j < dH; j++) { + for (var i = 0; i < dW; i++) { + var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; + for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { + var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, centerX = (i + 0.5) * ratioW, w0 = dy * dy; + for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { + var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, w = sqrt(w0 + dx * dx); + /* eslint-disable max-depth */ + if (w > 1 && w < -1) { + continue; + } + //hermite filter + weight = 2 * w * w * w - 3 * w * w + 1; + if (weight > 0) { + dx = 4 * (xx + yy * oW); + //alpha + gxA += weight * data[dx + 3]; + weightsAlpha += weight; + //colors + if (data[dx + 3] < 255) { + weight = (weight * data[dx + 3]) / 250; + } + gxR += weight * data[dx]; + gxG += weight * data[dx + 1]; + gxB += weight * data[dx + 2]; + weights += weight; + } + /* eslint-enable max-depth */ + } + } + data2[x2] = gxR / weights; + data2[x2 + 1] = gxG / weights; + data2[x2 + 2] = gxB / weights; + data2[x2 + 3] = gxA / weightsAlpha; + } + } + return img2; + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return { + type: this.type, + scaleX: this.scaleX, + scaleY: this.scaleY, + resizeType: this.resizeType, + lanczosLobes: this.lanczosLobes, + }; + }, + }); /** - * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right} - * @type Number - * @default - */ - left: 0, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Resize.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Contrast filter class + * @class fabric.Image.filters.Contrast + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Contrast({ + * contrast: 0.25 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Contrast = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Contrast.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Contrast', + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uContrast;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + + 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * contrast value, range from -1 to 1. + * @param {Number} contrast + * @default 0 + */ + contrast: 0, + mainParameter: 'contrast', + /** + * Constructor + * @memberOf fabric.Image.filters.Contrast.prototype + * @param {Object} [options] Options object + * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) + */ + /** + * Apply the Contrast operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + if (this.contrast === 0) { + return; + } + var imageData = options.imageData, i, len, data = imageData.data, len = data.length, contrast = Math.floor(this.contrast * 255), contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast)); + for (i = 0; i < len; i += 4) { + data[i] = contrastF * (data[i] - 128) + 128; + data[i + 1] = contrastF * (data[i + 1] - 128) + 128; + data[i + 2] = contrastF * (data[i + 2] - 128) + 128; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uContrast: gl.getUniformLocation(program, 'uContrast'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uContrast, this.contrast); + }, + }); /** - * Object width - * @type Number - * @default - */ - width: 0, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Contrast.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Saturate filter class + * @class fabric.Image.filters.Saturation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Saturation({ + * saturation: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Saturation = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Saturation.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Saturation', + fragmentSource: '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' + + '}', + /** + * Saturation value, from -1 to 1. + * Increases/decreases the color saturation. + * A value of 0 has no effect. + * + * @param {Number} saturation + * @default + */ + saturation: 0, + mainParameter: 'saturation', + /** + * Constructor + * @memberOf fabric.Image.filters.Saturate.prototype + * @param {Object} [options] Options object + * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) + */ + /** + * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.saturation === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.saturation, i, max; + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uSaturation: gl.getUniformLocation(program, 'uSaturation'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uSaturation, -this.saturation); + }, + }); /** - * Object height - * @type Number - * @default - */ - height: 0, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Saturation.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Vibrance filter class + * @class fabric.Image.filters.Vibrance + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Vibrance({ + * vibrance: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Vibrance = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Vibrance.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Vibrance', + fragmentSource: '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' + + '}', + /** + * Vibrance value, from -1 to 1. + * Increases/decreases the saturation of more muted colors with less effect on saturated colors. + * A value of 0 has no effect. + * + * @param {Number} vibrance + * @default + */ + vibrance: 0, + mainParameter: 'vibrance', + /** + * Constructor + * @memberOf fabric.Image.filters.Vibrance.prototype + * @param {Object} [options] Options object + * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) + */ + /** + * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.vibrance === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.vibrance, i, max, avg, amt; + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + avg = (data[i] + data[i + 1] + data[i + 2]) / 3; + amt = ((Math.abs(max - avg) * 2) / 255) * adjust; + data[i] += max !== data[i] ? (max - data[i]) * amt : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uVibrance: gl.getUniformLocation(program, 'uVibrance'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); + }, + }); /** - * Object scale factor (horizontal) - * @type Number - * @default - */ - scaleX: 1, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Vibrance.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Blur filter class + * @class fabric.Image.filters.Blur + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Blur({ + * blur: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Blur = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Blur.prototype */ { + type: 'Blur', + /* + 'gl_FragColor = vec4(0.0);', + 'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', + 'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', + 'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', + 'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', + 'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', + 'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', + 'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', + 'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', + 'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', + 'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', + 'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', + 'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', + 'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', + 'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', + 'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', + */ + /* eslint-disable max-len */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n' + + 'const float nSamples = 15.0;\n' + + 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + + 'float random(vec3 scale) {\n' + + /* use the fragment position for a different seed per-pixel */ + 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = vec4(0.0);\n' + + 'float total = 0.0;\n' + + 'float offset = random(v3offset);\n' + + 'for (float t = -nSamples; t <= nSamples; t++) {\n' + + 'float percent = (t + offset - 0.5) / nSamples;\n' + + 'float weight = 1.0 - abs(percent);\n' + + 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + + 'total += weight;\n' + + '}\n' + + 'gl_FragColor = color / total;\n' + + '}', + /* eslint-enable max-len */ + /** + * blur value, in percentage of image dimensions. + * specific to keep the image blur constant at different resolutions + * range between 0 and 1. + * @type Number + * @default + */ + blur: 0, + mainParameter: 'blur', + applyTo: function (options) { + if (options.webgl) { + // this aspectRatio is used to give the same blur to vertical and horizontal + this.aspectRatio = options.sourceWidth / options.sourceHeight; + options.passes++; + this._setupFrameBuffer(options); + this.horizontal = true; + this.applyToWebGL(options); + this._swapTextures(options); + this._setupFrameBuffer(options); + this.horizontal = false; + this.applyToWebGL(options); + this._swapTextures(options); + } + else { + this.applyTo2d(options); + } + }, + applyTo2d: function (options) { + // paint canvasEl with current image data. + //options.ctx.putImageData(options.imageData, 0, 0); + options.imageData = this.simpleBlur(options); + }, + simpleBlur: function (options) { + var resources = options.filterBackend.resources, canvas1, canvas2, width = options.imageData.width, height = options.imageData.height; + if (!resources.blurLayer1) { + resources.blurLayer1 = fabric.util.createCanvasElement(); + resources.blurLayer2 = fabric.util.createCanvasElement(); + } + canvas1 = resources.blurLayer1; + canvas2 = resources.blurLayer2; + if (canvas1.width !== width || canvas1.height !== height) { + canvas2.width = canvas1.width = width; + canvas2.height = canvas1.height = height; + } + var ctx1 = canvas1.getContext('2d'), ctx2 = canvas2.getContext('2d'), nSamples = 15, random, percent, j, i, blur = this.blur * 0.06 * 0.5; + // load first canvas + ctx1.putImageData(options.imageData, 0, 0); + ctx2.clearRect(0, 0, width, height); + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * width + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, j, random); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * height + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, random, j); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + options.ctx.drawImage(canvas1, 0, 0); + var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); + ctx1.globalAlpha = 1; + ctx1.clearRect(0, 0, canvas1.width, canvas1.height); + return newImageData; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + delta: gl.getUniformLocation(program, 'uDelta'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var delta = this.chooseRightDelta(); + gl.uniform2fv(uniformLocations.delta, delta); + }, + /** + * choose right value of image percentage to blur with + * @returns {Array} a numeric array with delta values + */ + chooseRightDelta: function () { + var blurScale = 1, delta = [0, 0], blur; + if (this.horizontal) { + if (this.aspectRatio > 1) { + // image is wide, i want to shrink radius horizontal + blurScale = 1 / this.aspectRatio; + } + } + else { + if (this.aspectRatio < 1) { + // image is tall, i want to shrink radius vertical + blurScale = this.aspectRatio; + } + } + blur = blurScale * this.blur * 0.12; + if (this.horizontal) { + delta[0] = blur; + } + else { + delta[1] = blur; + } + return delta; + }, + }); /** - * Object scale factor (vertical) - * @type Number - * @default - */ - scaleY: 1, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Gamma filter class + * @class fabric.Image.filters.Gamma + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Gamma({ + * gamma: [1, 0.5, 2.1] + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Gamma = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Gamma.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Gamma', + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec3 uGamma;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec3 correction = (1.0 / uGamma);\n' + + 'color.r = pow(color.r, correction.r);\n' + + 'color.g = pow(color.g, correction.g);\n' + + 'color.b = pow(color.b, correction.b);\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.rgb *= color.a;\n' + + '}', + /** + * Gamma array value, from 0.01 to 2.2. + * @param {Array} gamma + * @default + */ + gamma: [1, 1, 1], + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'gamma', + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function (options) { + this.gamma = [1, 1, 1]; + filters.BaseFilter.prototype.initialize.call(this, options); + }, + /** + * Apply the Gamma operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, gamma = this.gamma, len = data.length, rInv = 1 / gamma[0], gInv = 1 / gamma[1], bInv = 1 / gamma[2], i; + if (!this.rVals) { + // eslint-disable-next-line + this.rVals = new Uint8Array(256); + // eslint-disable-next-line + this.gVals = new Uint8Array(256); + // eslint-disable-next-line + this.bVals = new Uint8Array(256); + } + // This is an optimization - pre-compute a look-up table for each color channel + // instead of performing these pow calls for each pixel in the image. + for (i = 0, len = 256; i < len; i++) { + this.rVals[i] = Math.pow(i / 255, rInv) * 255; + this.gVals[i] = Math.pow(i / 255, gInv) * 255; + this.bVals[i] = Math.pow(i / 255, bInv) * 255; + } + for (i = 0, len = data.length; i < len; i += 4) { + data[i] = this.rVals[data[i]]; + data[i + 1] = this.gVals[data[i + 1]]; + data[i + 2] = this.bVals[data[i + 2]]; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uGamma: gl.getUniformLocation(program, 'uGamma'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform3fv(uniformLocations.uGamma, this.gamma); + }, + }); /** - * When true, an object is rendered as flipped horizontally - * @type Boolean - * @default - */ - flipX: false, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Gamma.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * A container class that knows how to apply a sequence of filters to an input image. + */ + filters.Composed = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Composed.prototype */ { + type: 'Composed', + /** + * A non sparse array of filters to apply + */ + subFilters: [], + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function (options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.subFilters = this.subFilters.slice(0); + }, + /** + * Apply this container's filters to the input image provided. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be applied. + */ + applyTo: function (options) { + options.passes += this.subFilters.length - 1; + this.subFilters.forEach(function (filter) { + filter.applyTo(options); + }); + }, + /** + * Serialize this filter into JSON. + * + * @returns {Object} A JSON representation of this filter. + */ + toObject: function () { + return fabric.util.object.extend(this.callSuper('toObject'), { + subFilters: this.subFilters.map(function (filter) { + return filter.toObject(); + }), + }); + }, + isNeutralState: function () { + return !this.subFilters.some(function (filter) { + return !filter.isNeutralState(); + }); + }, + }); /** - * When true, an object is rendered as flipped vertically - * @type Boolean - * @default - */ - flipY: false, - + * Deserialize a JSON definition of a ComposedFilter into a concrete instance. + * @static + * @param {oject} object Object to create an instance from + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.filters.Composed.fromObject = function (object, options) { + var filters = object.subFilters || []; + return Promise.all(filters.map(function (filter) { + return fabric.Image.filters[filter.type].fromObject(filter, options); + })).then(function (enlivedFilters) { + return new fabric.Image.filters.Composed({ subFilters: enlivedFilters }); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * HueRotation filter class + * @class fabric.Image.filters.HueRotation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.HueRotation({ + * rotation: -0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.HueRotation = createClass(filters.ColorMatrix, + /** @lends fabric.Image.filters.HueRotation.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'HueRotation', + /** + * HueRotation value, from -1 to 1. + * the unit is radians + * @param {Number} myParameter + * @default + */ + rotation: 0, + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'rotation', + calculateMatrix: function () { + var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; + this.matrix = [ + 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, + ]; + this.matrix[0] = cos + OneMinusCos / 3; + this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[6] = cos + aThird * OneMinusCos; + this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[12] = cos + aThird * OneMinusCos; + }, + /** + * HueRotation isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function (options) { + this.calculateMatrix(); + return filters.BaseFilter.prototype.isNeutralState.call(this, options); + }, + /** + * Apply this filter to the input image data provided. + * + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function (options) { + this.calculateMatrix(); + filters.BaseFilter.prototype.applyTo.call(this, options); + }, + }); /** - * Opacity of an object - * @type Number - * @default - */ - opacity: 1, - - /** - * Angle of rotation of an object (in degrees) - * @type Number - * @default - */ - angle: 0, - - /** - * Angle of skew on x axes of an object (in degrees) - * @type Number - * @default - */ - skewX: 0, - - /** - * Angle of skew on y axes of an object (in degrees) - * @type Number - * @default - */ - skewY: 0, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.HueRotation.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}); + var additionalProps = ('fontFamily fontWeight fontSize text underline overline linethrough' + + ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + + ' direction path pathStartOffset pathSide pathAlign').split(' '); + /** + * Text class + * @class fabric.Text + * @extends fabric.Object + * @return {fabric.Text} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} + * @see {@link fabric.Text#initialize} for constructor definition + */ + fabric.Text = fabric.util.createClass(fabric.Object, + /** @lends fabric.Text.prototype */ { + /** + * Properties which when set cause object to change dimensions + * @type Array + * @private + */ + _dimensionAffectingProps: [ + 'fontSize', + 'fontWeight', + 'fontFamily', + 'fontStyle', + 'lineHeight', + 'text', + 'charSpacing', + 'textAlign', + 'styles', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign', + ], + /** + * @private + */ + _reNewline: /\r?\n/, + /** + * Use this regular expression to filter for whitespaces that is not a new line. + * Mostly used when text is 'justify' aligned. + * @private + */ + _reSpacesAndTabs: /[ \t\r]/g, + /** + * Use this regular expression to filter for whitespace that is not a new line. + * Mostly used when text is 'justify' aligned. + * @private + */ + _reSpaceAndTab: /[ \t\r]/, + /** + * Use this regular expression to filter consecutive groups of non spaces. + * Mostly used when text is 'justify' aligned. + * @private + */ + _reWords: /\S+/g, + /** + * Type of an object + * @type String + * @default + */ + type: 'text', + /** + * Font size (in pixels) + * @type Number + * @default + */ + fontSize: 40, + /** + * Font weight (e.g. bold, normal, 400, 600, 800) + * @type {(Number|String)} + * @default + */ + fontWeight: 'normal', + /** + * Font family + * @type String + * @default + */ + fontFamily: 'Times New Roman', + /** + * Text decoration underline. + * @type Boolean + * @default + */ + underline: false, + /** + * Text decoration overline. + * @type Boolean + * @default + */ + overline: false, + /** + * Text decoration linethrough. + * @type Boolean + * @default + */ + linethrough: false, + /** + * Text alignment. Possible values: "left", "center", "right", "justify", + * "justify-left", "justify-center" or "justify-right". + * @type String + * @default + */ + textAlign: 'left', + /** + * Font style . Possible values: "", "normal", "italic" or "oblique". + * @type String + * @default + */ + fontStyle: 'normal', + /** + * Line height + * @type Number + * @default + */ + lineHeight: 1.16, + /** + * Superscript schema object (minimum overlap) + * @type {Object} + * @default + */ + superscript: { + size: 0.6, + baseline: -0.35, // baseline-shift factor (upwards) + }, + /** + * Subscript schema object (minimum overlap) + * @type {Object} + * @default + */ + subscript: { + size: 0.6, + baseline: 0.11, // baseline-shift factor (downwards) + }, + /** + * Background color of text lines + * @type String + * @default + */ + textBackgroundColor: '', + /** + * List of properties to consider when checking if + * state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: fabric.Object.prototype.stateProperties.concat(additionalProps), + /** + * List of properties to consider when checking if cache needs refresh + * @type Array + */ + cacheProperties: fabric.Object.prototype.cacheProperties.concat(additionalProps), + /** + * When defined, an object is rendered via stroke and this property specifies its color. + * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 + * @type String + * @default + */ + stroke: null, + /** + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 + * @type fabric.Shadow + * @default + */ + shadow: null, + /** + * fabric.Path that the text should follow. + * since 4.6.0 the path will be drawn automatically. + * if you want to make the path visible, give it a stroke and strokeWidth or fill value + * if you want it to be hidden, assign visible = false to the path. + * This feature is in BETA, and SVG import/export is not yet supported. + * @type fabric.Path + * @example + * var textPath = new fabric.Text('Text on a path', { + * top: 150, + * left: 150, + * textAlign: 'center', + * charSpacing: -50, + * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { + * strokeWidth: 1, + * visible: false + * }), + * pathSide: 'left', + * pathStartOffset: 0 + * }); + * @default + */ + path: null, + /** + * Offset amount for text path starting position + * Only used when text has a path + * @type Number + * @default + */ + pathStartOffset: 0, + /** + * Which side of the path the text should be drawn on. + * Only used when text has a path + * @type {String} 'left|right' + * @default + */ + pathSide: 'left', + /** + * How text is aligned to the path. This property determines + * the perpendicular position of each character relative to the path. + * (one of "baseline", "center", "ascender", "descender") + * This feature is in BETA, and its behavior may change + * @type String + * @default + */ + pathAlign: 'baseline', + /** + * @private + */ + _fontSizeFraction: 0.222, + /** + * @private + */ + offsets: { + underline: 0.1, + linethrough: -0.315, + overline: -0.88, + }, + /** + * Text Line proportion to font Size (in pixels) + * @type Number + * @default + */ + _fontSizeMult: 1.13, + /** + * additional space between characters + * expressed in thousands of em unit + * @type Number + * @default + */ + charSpacing: 0, + /** + * Object containing character styles - top-level properties -> line numbers, + * 2nd-level properties - character numbers + * @type Object + * @default + */ + styles: null, + /** + * Reference to a context to measure text char or couple of chars + * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas + * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every + * text object created. + * @type {CanvasRenderingContext2D} + * @default + */ + _measuringContext: null, + /** + * Baseline shift, styles only, keep at 0 for the main text object + * @type {Number} + * @default + */ + deltaY: 0, + /** + * WARNING: EXPERIMENTAL. NOT SUPPORTED YET + * determine the direction of the text. + * This has to be set manually together with textAlign and originX for proper + * experience. + * some interesting link for the future + * https://www.w3.org/International/questions/qa-bidi-unicode-controls + * @since 4.5.0 + * @type {String} 'ltr|rtl' + * @default + */ + direction: 'ltr', + /** + * Array of properties that define a style unit (of 'styles'). + * @type {Array} + * @default + */ + _styleProperties: [ + 'stroke', + 'strokeWidth', + 'fill', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'fontStyle', + 'underline', + 'overline', + 'linethrough', + 'deltaY', + 'textBackgroundColor', + ], + /** + * contains characters bounding boxes + */ + __charBounds: [], + /** + * use this size when measuring text. To avoid IE11 rounding errors + * @type {Number} + * @default + * @readonly + * @private + */ + CACHE_FONT_SIZE: 400, + /** + * contains the min text width to avoid getting 0 + * @type {Number} + * @default + */ + MIN_TEXT_WIDTH: 2, + /** + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.Text} thisArg + */ + initialize: function (text, options) { + this.styles = options ? options.styles || {} : {}; + this.text = text; + this.__skipDimension = true; + this.callSuper('initialize', options); + if (this.path) { + this.setPathInfo(); + } + this.__skipDimension = false; + this.initDimensions(); + this.setCoords(); + this.setupState({ propertySet: '_dimensionAffectingProps' }); + }, + /** + * If text has a path, it will add the extra information needed + * for path and text calculations + * @return {fabric.Text} thisArg + */ + setPathInfo: function () { + var path = this.path; + if (path) { + path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path); + } + }, + /** + * Return a context for measurement of text string. + * if created it gets stored for reuse + * this is for internal use, please do not use it + * @private + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.Text} thisArg + */ + getMeasuringContext: function () { + // if we did not return we have to measure something. + if (!fabric._measuringContext) { + fabric._measuringContext = + (this.canvas && this.canvas.contextCache) || + fabric.util.createCanvasElement().getContext('2d'); + } + return fabric._measuringContext; + }, + /** + * @private + * Divides text into lines of text and lines of graphemes. + */ + _splitText: function () { + var newLines = this._splitTextIntoLines(this.text); + this.textLines = newLines.lines; + this._textLines = newLines.graphemeLines; + this._unwrappedTextLines = newLines._unwrappedLines; + this._text = newLines.graphemeText; + return newLines; + }, + /** + * Initialize or update text dimensions. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + */ + initDimensions: function () { + if (this.__skipDimension) { + return; + } + this._splitText(); + this._clearCache(); + if (this.path) { + this.width = this.path.width; + this.height = this.path.height; + } + else { + this.width = + this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; + this.height = this.calcTextHeight(); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + this.saveState({ propertySet: '_dimensionAffectingProps' }); + }, + /** + * Enlarge space boxes and shift the others + */ + enlargeSpaces: function () { + var diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (this.textAlign !== 'justify' && + (i === len - 1 || this.isEndOfWrapping(i))) { + continue; + } + accumulatedSpace = 0; + line = this._textLines[i]; + currentLineWidth = this.getLineWidth(i); + if (currentLineWidth < this.width && + (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { + numberOfSpaces = spaces.length; + diffSpace = (this.width - currentLineWidth) / numberOfSpaces; + for (var j = 0, jlen = line.length; j <= jlen; j++) { + charBound = this.__charBounds[i][j]; + if (this._reSpaceAndTab.test(line[j])) { + charBound.width += diffSpace; + charBound.kernedWidth += diffSpace; + charBound.left += accumulatedSpace; + accumulatedSpace += diffSpace; + } + else { + charBound.left += accumulatedSpace; + } + } + } + } + }, + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @return {Boolean} + */ + isEndOfWrapping: function (lineIndex) { + return lineIndex === this._textLines.length - 1; + }, + /** + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * It return always for text and Itext. + * @return Number + */ + missingNewlineOffset: function () { + return 1; + }, + /** + * Returns string representation of an instance + * @return {String} String representation of text object + */ + toString: function () { + return ('#'); + }, + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. + * @private + * @param {Object} dim.x width of object to be cached + * @param {Object} dim.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _getCacheCanvasDimensions: function () { + var dims = this.callSuper('_getCacheCanvasDimensions'); + var fontSize = this.fontSize; + dims.width += fontSize * dims.zoomX; + dims.height += fontSize * dims.zoomY; + return dims; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function (ctx) { + var path = this.path; + path && !path.isNotVisible() && path._render(ctx); + this._setTextStyles(ctx); + this._renderTextLinesBackground(ctx); + this._renderTextDecoration(ctx, 'underline'); + this._renderText(ctx); + this._renderTextDecoration(ctx, 'overline'); + this._renderTextDecoration(ctx, 'linethrough'); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderText: function (ctx) { + if (this.paintFirst === 'stroke') { + this._renderTextStroke(ctx); + this._renderTextFill(ctx); + } + else { + this._renderTextFill(ctx); + this._renderTextStroke(ctx); + } + }, + /** + * Set the font parameter of the context with the object properties or with charStyle + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [charStyle] object with font style properties + * @param {String} [charStyle.fontFamily] Font Family + * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) + * @param {String} [charStyle.fontWeight] Font weight + * @param {String} [charStyle.fontStyle] Font style (italic|normal) + */ + _setTextStyles: function (ctx, charStyle, forMeasuring) { + ctx.textBaseline = 'alphabetical'; + if (this.path) { + switch (this.pathAlign) { + case 'center': + ctx.textBaseline = 'middle'; + break; + case 'ascender': + ctx.textBaseline = 'top'; + break; + case 'descender': + ctx.textBaseline = 'bottom'; + break; + } + } + ctx.font = this._getFontDeclaration(charStyle, forMeasuring); + }, + /** + * calculate and return the text Width measuring each line. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {Number} Maximum width of fabric.Text object + */ + calcTextWidth: function () { + var maxWidth = this.getLineWidth(0); + for (var i = 1, len = this._textLines.length; i < len; i++) { + var currentLineWidth = this.getLineWidth(i); + if (currentLineWidth > maxWidth) { + maxWidth = currentLineWidth; + } + } + return maxWidth; + }, + /** + * @private + * @param {String} method Method name ("fillText" or "strokeText") + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} line Text to render + * @param {Number} left Left position of text + * @param {Number} top Top position of text + * @param {Number} lineIndex Index of a line in a text + */ + _renderTextLine: function (method, ctx, line, left, top, lineIndex) { + this._renderChars(method, ctx, line, left, top, lineIndex); + }, + /** + * Renders the text background for lines, taking care of style + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextLinesBackground: function (ctx) { + if (!this.textBackgroundColor && + !this.styleHas('textBackgroundColor')) { + return; + } + var heightOfLine, lineLeftOffset, originalFill = ctx.fillStyle, line, lastColor, leftOffset = this._getLeftOffset(), lineTopOffset = this._getTopOffset(), boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, drawStart; + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this.textBackgroundColor && + !this.styleHas('textBackgroundColor', i)) { + lineTopOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + lineLeftOffset = this._getLineLeftOffset(i); + boxWidth = 0; + boxStart = 0; + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillStyle = currentColor; + currentColor && + ctx.fillRect(-charBox.width / 2, (-heightOfLine / this.lineHeight) * + (1 - this._fontSizeFraction), charBox.width, heightOfLine / this.lineHeight); + ctx.restore(); + } + else if (currentColor !== lastColor) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = lastColor; + lastColor && + ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + if (currentColor && !path) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentColor; + ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); + } + lineTopOffset += heightOfLine; + } + ctx.fillStyle = originalFill; + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + }, + /** + * measure and return the width of a single character. + * possibly overridden to accommodate different measure logic or + * to hook some external lib for character measurement + * @private + * @param {String} _char, char to be measured + * @param {Object} charStyle style of char to be measured + * @param {String} [previousChar] previous char + * @param {Object} [prevCharStyle] style of previous char + */ + _measureChar: function (_char, charStyle, previousChar, prevCharStyle) { + // first i try to return from cache + var fontCache = cache.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; + if (previousChar && fontCache[previousChar] !== undefined) { + previousWidth = fontCache[previousChar]; + } + if (fontCache[_char] !== undefined) { + kernedWidth = width = fontCache[_char]; + } + if (stylesAreEqual && fontCache[couple] !== undefined) { + coupleWidth = fontCache[couple]; + kernedWidth = coupleWidth - previousWidth; + } + if (width === undefined || + previousWidth === undefined || + coupleWidth === undefined) { + var ctx = this.getMeasuringContext(); + // send a TRUE to specify measuring font size CACHE_FONT_SIZE + this._setTextStyles(ctx, charStyle, true); + } + if (width === undefined) { + kernedWidth = width = ctx.measureText(_char).width; + fontCache[_char] = width; + } + if (previousWidth === undefined && stylesAreEqual && previousChar) { + previousWidth = ctx.measureText(previousChar).width; + fontCache[previousChar] = previousWidth; + } + if (stylesAreEqual && coupleWidth === undefined) { + // we can measure the kerning couple and subtract the width of the previous character + coupleWidth = ctx.measureText(couple).width; + fontCache[couple] = coupleWidth; + kernedWidth = coupleWidth - previousWidth; + } + return { + width: width * fontMultiplier, + kernedWidth: kernedWidth * fontMultiplier, + }; + }, + /** + * Computes height of character at given position + * @param {Number} line the line index number + * @param {Number} _char the character index number + * @return {Number} fontSize of the character + */ + getHeightOfChar: function (line, _char) { + return this.getValueOfPropertyAt(line, _char, 'fontSize'); + }, + /** + * measure a text line measuring all characters. + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + measureLine: function (lineIndex) { + var lineInfo = this._measureLine(lineIndex); + if (this.charSpacing !== 0) { + lineInfo.width -= this._getWidthOfCharSpacing(); + } + if (lineInfo.width < 0) { + lineInfo.width = 0; + } + return lineInfo; + }, + /** + * measure every grapheme of a line, populating __charBounds + * @param {Number} lineIndex + * @return {Object} object.width total width of characters + * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs + */ + _measureLine: function (lineIndex) { + var width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), positionInPath = 0, startingPoint, totalPathLength, path = this.path, reverse = this.pathSide === 'right'; + this.__charBounds[lineIndex] = lineBounds; + for (i = 0; i < line.length; i++) { + grapheme = line[i]; + graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); + lineBounds[i] = graphemeInfo; + width += graphemeInfo.kernedWidth; + prevGrapheme = grapheme; + } + // this latest bound box represent the last character of the line + // to simplify cursor handling in interactive mode. + lineBounds[i] = { + left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, + width: 0, + kernedWidth: 0, + height: this.fontSize, + }; + if (path) { + totalPathLength = + path.segmentsInfo[path.segmentsInfo.length - 1].length; + startingPoint = fabric.util.getPointOnPath(path.path, 0, path.segmentsInfo); + startingPoint.x += path.pathOffset.x; + startingPoint.y += path.pathOffset.y; + switch (this.textAlign) { + case 'left': + positionInPath = reverse ? totalPathLength - width : 0; + break; + case 'center': + positionInPath = (totalPathLength - width) / 2; + break; + case 'right': + positionInPath = reverse ? 0 : totalPathLength - width; + break; + //todo - add support for justify + } + positionInPath += this.pathStartOffset * (reverse ? -1 : 1); + for (i = reverse ? line.length - 1 : 0; reverse ? i >= 0 : i < line.length; reverse ? i-- : i++) { + graphemeInfo = lineBounds[i]; + if (positionInPath > totalPathLength) { + positionInPath %= totalPathLength; + } + else if (positionInPath < 0) { + positionInPath += totalPathLength; + } + // it would probably much faster to send all the grapheme position for a line + // and calculate path position/angle at once. + this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); + positionInPath += graphemeInfo.kernedWidth; + } + } + return { width: width, numOfSpaces: numOfSpaces }; + }, + /** + * Calculate the angle and the left,top position of the char that follow a path. + * It appends it to graphemeInfo to be reused later at rendering + * @private + * @param {Number} positionInPath to be measured + * @param {Object} graphemeInfo current grapheme box information + * @param {Object} startingPoint position of the point + */ + _setGraphemeOnPath: function (positionInPath, graphemeInfo, startingPoint) { + var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; + // we are at currentPositionOnPath. we want to know what point on the path is. + var info = fabric.util.getPointOnPath(path.path, centerPosition, path.segmentsInfo); + graphemeInfo.renderLeft = info.x - startingPoint.x; + graphemeInfo.renderTop = info.y - startingPoint.y; + graphemeInfo.angle = + info.angle + (this.pathSide === 'right' ? Math.PI : 0); + }, + /** + * Measure and return the info of a single grapheme. + * needs the the info of previous graphemes already filled + * Override to customize measuring + * + * @typedef {object} GraphemeBBox + * @property {number} width + * @property {number} height + * @property {number} kernedWidth + * @property {number} left + * @property {number} deltaY + * + * @param {String} grapheme to be measured + * @param {Number} lineIndex index of the line where the char is + * @param {Number} charIndex position in the line + * @param {String} [prevGrapheme] character preceding the one to be measured + * @returns {GraphemeBBox} grapheme bbox + */ + _getGraphemeBox: function (grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { + var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme + ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) + : {}, info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), kernedWidth = info.kernedWidth, width = info.width, charSpacing; + if (this.charSpacing !== 0) { + charSpacing = this._getWidthOfCharSpacing(); + width += charSpacing; + kernedWidth += charSpacing; + } + var box = { + width: width, + left: 0, + height: style.fontSize, + kernedWidth: kernedWidth, + deltaY: style.deltaY, + }; + if (charIndex > 0 && !skipLeft) { + var previousBox = this.__charBounds[lineIndex][charIndex - 1]; + box.left = + previousBox.left + + previousBox.width + + info.kernedWidth - + info.width; + } + return box; + }, + /** + * Calculate height of line at 'lineIndex' + * @param {Number} lineIndex index of line to calculate + * @return {Number} + */ + getHeightOfLine: function (lineIndex) { + if (this.__lineHeights[lineIndex]) { + return this.__lineHeights[lineIndex]; + } + var line = this._textLines[lineIndex], + // char 0 is measured before the line cycle because it nneds to char + // emptylines + maxHeight = this.getHeightOfChar(lineIndex, 0); + for (var i = 1, len = line.length; i < len; i++) { + maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); + } + return (this.__lineHeights[lineIndex] = + maxHeight * this.lineHeight * this._fontSizeMult); + }, + /** + * Calculate text box height + */ + calcTextHeight: function () { + var lineHeight, height = 0; + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineHeight = this.getHeightOfLine(i); + height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; + } + return height; + }, + /** + * @private + * @return {Number} Left offset + */ + _getLeftOffset: function () { + return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; + }, + /** + * @private + * @return {Number} Top offset + */ + _getTopOffset: function () { + return -this.height / 2; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} method Method name ("fillText" or "strokeText") + */ + _renderTextCommon: function (ctx, method) { + ctx.save(); + var lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); + for (var i = 0, len = this._textLines.length; i < len; i++) { + var heightOfLine = this.getHeightOfLine(i), maxHeight = heightOfLine / this.lineHeight, leftOffset = this._getLineLeftOffset(i); + this._renderTextLine(method, ctx, this._textLines[i], left + leftOffset, top + lineHeights + maxHeight, i); + lineHeights += heightOfLine; + } + ctx.restore(); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextFill: function (ctx) { + if (!this.fill && !this.styleHas('fill')) { + return; + } + this._renderTextCommon(ctx, 'fillText'); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextStroke: function (ctx) { + if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { + return; + } + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + ctx.save(); + this._setLineDash(ctx, this.strokeDashArray); + ctx.beginPath(); + this._renderTextCommon(ctx, 'strokeText'); + ctx.closePath(); + ctx.restore(); + }, + /** + * @private + * @param {String} method fillText or strokeText. + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} line Content of the line, splitted in an array by grapheme + * @param {Number} left + * @param {Number} top + * @param {Number} lineIndex + */ + _renderChars: function (method, ctx, line, left, top, lineIndex) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, boxWidth = 0, timeToRender, path = this.path, shortCut = !isJustify && + this.charSpacing === 0 && + this.isEmptyStyles(lineIndex) && + !path, isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, + // this was changed in the PR #7674 + // currentDirection = ctx.canvas.getAttribute('dir'); + drawingLeft, currentDirection = ctx.direction; + ctx.save(); + if (currentDirection !== this.direction) { + ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); + ctx.direction = isLtr ? 'ltr' : 'rtl'; + ctx.textAlign = isLtr ? 'left' : 'right'; + } + top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; + if (shortCut) { + // render all the line in one pass without checking + // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); + this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); + ctx.restore(); + return; + } + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing || path; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + left += sign * (charBox.kernedWidth - charBox.width); + boxWidth += charBox.width; + } + else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = fabric.util.hasStyleChanged(actualStyle, nextStyle, false); + } + if (timeToRender) { + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); + ctx.restore(); + } + else { + drawingLeft = left; + this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); + } + charsToRender = ''; + actualStyle = nextStyle; + left += sign * boxWidth; + boxWidth = 0; + } + } + ctx.restore(); + }, + /** + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {fabric.Gradient} filler a fabric gradient instance + * @return {CanvasPattern} a pattern to use as fill/stroke style + */ + _applyPatternGradientTransformText: function (filler) { + var pCanvas = fabric.util.createCanvasElement(), pCtx, + // TODO: verify compatibility with strokeUniform + width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; + pCanvas.width = width; + pCanvas.height = height; + pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); + pCtx.moveTo(0, 0); + pCtx.lineTo(width, 0); + pCtx.lineTo(width, height); + pCtx.lineTo(0, height); + pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.fillStyle = filler.toLive(pCtx); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fill(); + return pCtx.createPattern(pCanvas, 'no-repeat'); + }, + handleFiller: function (ctx, property, filler) { + var offsetX, offsetY; + if (filler.toLive) { + if (filler.gradientUnits === 'percentage' || + filler.gradientTransform || + filler.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + offsetX = -this.width / 2; + offsetY = -this.height / 2; + ctx.translate(offsetX, offsetY); + ctx[property] = this._applyPatternGradientTransformText(filler); + return { offsetX: offsetX, offsetY: offsetY }; + } + else { + // is a simple gradient or pattern + ctx[property] = filler.toLive(ctx, this); + return this._applyPatternGradientTransform(ctx, filler); + } + } + else { + // is a color + ctx[property] = filler; + } + return { offsetX: 0, offsetY: 0 }; + }, + _setStrokeStyles: function (ctx, decl) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = this.strokeLineCap; + ctx.lineDashOffset = this.strokeDashOffset; + ctx.lineJoin = this.strokeLineJoin; + ctx.miterLimit = this.strokeMiterLimit; + return this.handleFiller(ctx, 'strokeStyle', decl.stroke); + }, + _setFillStyles: function (ctx, decl) { + return this.handleFiller(ctx, 'fillStyle', decl.fill); + }, + /** + * @private + * @param {String} method + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {String} _char + * @param {Number} left Left coordinate + * @param {Number} top Top coordinate + * @param {Number} lineHeight Height of the line + */ + _renderChar: function (method, ctx, lineIndex, charIndex, _char, left, top) { + var decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, fillOffsets, strokeOffsets; + if (!shouldStroke && !shouldFill) { + return; + } + ctx.save(); + shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); + shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); + ctx.font = this._getFontDeclaration(fullDecl); + if (decl && decl.textBackgroundColor) { + this._removeShadow(ctx); + } + if (decl && decl.deltaY) { + top += decl.deltaY; + } + shouldFill && + ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); + shouldStroke && + ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); + ctx.restore(); + }, + /** + * Turns the character into a 'superior figure' (i.e. 'superscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {fabric.Text} thisArg + * @chainable + */ + setSuperscript: function (start, end) { + return this._setScript(start, end, this.superscript); + }, + /** + * Turns the character into an 'inferior figure' (i.e. 'subscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {fabric.Text} thisArg + * @chainable + */ + setSubscript: function (start, end) { + return this._setScript(start, end, this.subscript); + }, + /** + * Applies 'schema' at given position + * @private + * @param {Number} start selection start + * @param {Number} end selection end + * @param {Number} schema + * @returns {fabric.Text} thisArg + * @chainable + */ + _setScript: function (start, end, schema) { + var loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), style = { + fontSize: fontSize * schema.size, + deltaY: dy + fontSize * schema.baseline, + }; + this.setSelectionStyles(style, start, end); + return this; + }, + /** + * @private + * @param {Number} lineIndex index text line + * @return {Number} Line left offset + */ + _getLineLeftOffset: function (lineIndex) { + var lineWidth = this.getLineWidth(lineIndex), lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); + if (textAlign === 'justify' || + (textAlign === 'justify-center' && !isEndOfWrapping) || + (textAlign === 'justify-right' && !isEndOfWrapping) || + (textAlign === 'justify-left' && !isEndOfWrapping)) { + return 0; + } + if (textAlign === 'center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'right') { + leftOffset = lineDiff; + } + if (textAlign === 'justify-center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'justify-right') { + leftOffset = lineDiff; + } + if (direction === 'rtl') { + if (textAlign === 'right' || + textAlign === 'justify' || + textAlign === 'justify-right') { + leftOffset = 0; + } + else if (textAlign === 'left' || textAlign === 'justify-left') { + leftOffset = -lineDiff; + } + else if (textAlign === 'center' || textAlign === 'justify-center') { + leftOffset = -lineDiff / 2; + } + } + return leftOffset; + }, + /** + * @private + */ + _clearCache: function () { + this.__lineWidths = []; + this.__lineHeights = []; + this.__charBounds = []; + }, + /** + * @private + */ + _shouldClearDimensionCache: function () { + var shouldClear = this._forceClearCache; + shouldClear || + (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); + if (shouldClear) { + this.dirty = true; + this._forceClearCache = false; + } + return shouldClear; + }, + /** + * Measure a single line given its index. Used to calculate the initial + * text bounding box. The values are calculated and stored in __lineWidths cache. + * @private + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + getLineWidth: function (lineIndex) { + if (this.__lineWidths[lineIndex] !== undefined) { + return this.__lineWidths[lineIndex]; + } + var lineInfo = this.measureLine(lineIndex); + var width = lineInfo.width; + this.__lineWidths[lineIndex] = width; + return width; + }, + _getWidthOfCharSpacing: function () { + if (this.charSpacing !== 0) { + return (this.fontSize * this.charSpacing) / 1000; + } + return 0; + }, + /** + * Retrieves the value of property at given character position + * @param {Number} lineIndex the line number + * @param {Number} charIndex the character number + * @param {String} property the property name + * @returns the value of 'property' + */ + getValueOfPropertyAt: function (lineIndex, charIndex, property) { + var charStyle = this._getStyleDeclaration(lineIndex, charIndex); + if (charStyle && typeof charStyle[property] !== 'undefined') { + return charStyle[property]; + } + return this[property]; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextDecoration: function (ctx, type) { + if (!this[type] && !this.styleHas(type)) { + return; + } + var heightOfLine, size, _size, lineLeftOffset, dy, _dy, line, lastDecoration, leftOffset = this._getLeftOffset(), topOffset = this._getTopOffset(), top, boxStart, boxWidth, charBox, currentDecoration, maxHeight, currentFill, lastFill, path = this.path, charSpacing = this._getWidthOfCharSpacing(), offsetY = this.offsets[type]; + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this[type] && !this.styleHas(type, i)) { + topOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + maxHeight = heightOfLine / this.lineHeight; + lineLeftOffset = this._getLineLeftOffset(i); + boxStart = 0; + boxWidth = 0; + lastDecoration = this.getValueOfPropertyAt(i, 0, type); + lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); + top = topOffset + maxHeight * (1 - this._fontSizeFraction); + size = this.getHeightOfChar(i, 0); + dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentDecoration = this.getValueOfPropertyAt(i, j, type); + currentFill = this.getValueOfPropertyAt(i, j, 'fill'); + _size = this.getHeightOfChar(i, j); + _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); + if (path && currentDecoration && currentFill) { + ctx.save(); + ctx.fillStyle = lastFill; + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillRect(-charBox.kernedWidth / 2, offsetY * _size + _dy, charBox.kernedWidth, this.fontSize / 15); + ctx.restore(); + } + else if ((currentDecoration !== lastDecoration || + currentFill !== lastFill || + _size !== size || + _dy !== dy) && + boxWidth > 0) { + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + if (lastDecoration && lastFill) { + ctx.fillStyle = lastFill; + ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth, this.fontSize / 15); + } + boxStart = charBox.left; + boxWidth = charBox.width; + lastDecoration = currentDecoration; + lastFill = currentFill; + size = _size; + dy = _dy; + } + else { + boxWidth += charBox.kernedWidth; + } + } + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentFill; + currentDecoration && + currentFill && + ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth - charSpacing, this.fontSize / 15); + topOffset += heightOfLine; + } + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + }, + /** + * return font declaration string for canvas context + * @param {Object} [styleObject] object + * @returns {String} font declaration formatted for canvas context. + */ + _getFontDeclaration: function (styleObject, forMeasuring) { + var style = styleObject || this, family = this.fontFamily, fontIsGeneric = fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1; + var fontFamily = family === undefined || + family.indexOf("'") > -1 || + family.indexOf(',') > -1 || + family.indexOf('"') > -1 || + fontIsGeneric + ? style.fontFamily + : '"' + style.fontFamily + '"'; + return [ + // node-canvas needs "weight style", while browsers need "style weight" + // verify if this can be fixed in JSDOM + fabric.isLikelyNode ? style.fontWeight : style.fontStyle, + fabric.isLikelyNode ? style.fontStyle : style.fontWeight, + forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', + fontFamily, + ].join(' '); + }, + /** + * Renders text instance on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render: function (ctx) { + // do not render if object is not visible + if (!this.visible) { + return; + } + if (this.canvas && + this.canvas.skipOffscreen && + !this.group && + !this.isOnScreen()) { + return; + } + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + } + this.callSuper('render', ctx); + }, + /** + * Override this method to customize grapheme splitting + * @param {string} value + * @returns {string[]} array of graphemes + */ + graphemeSplit: function (value) { + return fabric.util.string.graphemeSplit(value); + }, + /** + * Returns the text as an array of lines. + * @param {String} text text to split + * @returns {Array} Lines in the text + */ + _splitTextIntoLines: function (text) { + var lines = text.split(this._reNewline), newLines = new Array(lines.length), newLine = ['\n'], newText = []; + for (var i = 0; i < lines.length; i++) { + newLines[i] = this.graphemeSplit(lines[i]); + newText = newText.concat(newLines[i], newLine); + } + newText.pop(); + return { + _unwrappedLines: newLines, + lines: lines, + graphemeText: newText, + graphemeLines: newLines, + }; + }, + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function (propertiesToInclude) { + var allProperties = additionalProps.concat(propertiesToInclude); + var obj = this.callSuper('toObject', allProperties); + obj.styles = fabric.util.stylesToArray(this.styles, this.text); + if (obj.path) { + obj.path = this.path.toObject(); + } + return obj; + }, + /** + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {fabric.Object} thisArg + * @chainable + */ + set: function (key, value) { + this.callSuper('set', key, value); + var needsDims = false; + var isAddingPath = false; + if (typeof key === 'object') { + for (var _key in key) { + if (_key === 'path') { + this.setPathInfo(); + } + needsDims = + needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; + isAddingPath = isAddingPath || _key === 'path'; + } + } + else { + needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; + isAddingPath = key === 'path'; + } + if (isAddingPath) { + this.setPathInfo(); + } + if (needsDims) { + this.initDimensions(); + this.setCoords(); + } + return this; + }, + /** + * Returns complexity of an instance + * @return {Number} complexity + */ + complexity: function () { + return 1; + }, + }); + /* _FROM_SVG_START_ */ /** - * Size of object's controlling corners (in pixels) - * @type Number - * @default + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement}) + * @static + * @memberOf fabric.Text + * @see: http://www.w3.org/TR/SVG/text.html#TextElement */ - cornerSize: 13, - + fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); /** - * Size of object's controlling corners when touch interaction is detected - * @type Number - * @default + * Returns fabric.Text instance from an SVG element (not yet implemented) + * @static + * @memberOf fabric.Text + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object */ - touchCornerSize: 24, - + fabric.Text.fromElement = function (element, callback, options) { + if (!element) { + return callback(null); + } + var parsedAttributes = fabric.parseAttributes(element, fabric.Text.ATTRIBUTE_NAMES), parsedAnchor = parsedAttributes.textAnchor || 'left'; + options = Object.assign({}, options, parsedAttributes); + options.top = options.top || 0; + options.left = options.left || 0; + if (parsedAttributes.textDecoration) { + var textDecoration = parsedAttributes.textDecoration; + if (textDecoration.indexOf('underline') !== -1) { + options.underline = true; + } + if (textDecoration.indexOf('overline') !== -1) { + options.overline = true; + } + if (textDecoration.indexOf('line-through') !== -1) { + options.linethrough = true; + } + delete options.textDecoration; + } + if ('dx' in parsedAttributes) { + options.left += parsedAttributes.dx; + } + if ('dy' in parsedAttributes) { + options.top += parsedAttributes.dy; + } + if (!('fontSize' in options)) { + options.fontSize = DEFAULT_SVG_FONT_SIZE; + } + var textContent = ''; + // The XML is not properly parsed in IE9 so a workaround to get + // textContent is through firstChild.data. Another workaround would be + // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) + if (!('textContent' in element)) { + if ('firstChild' in element && element.firstChild !== null) { + if ('data' in element.firstChild && element.firstChild.data !== null) { + textContent = element.firstChild.data; + } + } + } + else { + textContent = element.textContent; + } + textContent = textContent + .replace(/^\s+|\s+$|\n+/g, '') + .replace(/\s+/g, ' '); + var originalStrokeWidth = options.strokeWidth; + options.strokeWidth = 0; + var text = new fabric.Text(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, scaledDiff = lineHeightDiff * textHeightScaleFactor, textHeight = text.getScaledHeight() + scaledDiff, offX = 0; + /* + Adjust positioning: + x/y attributes in SVG correspond to the bottom-left corner of text bounding box + fabric output by default at top, left. + */ + if (parsedAnchor === 'center') { + offX = text.getScaledWidth() / 2; + } + if (parsedAnchor === 'right') { + offX = text.getScaledWidth(); + } + text.set({ + left: text.left - offX, + top: text.top - + (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / + text.lineHeight, + strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, + }); + callback(text); + }; + /* _FROM_SVG_END_ */ /** - * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill) - * @type Boolean - * @default - */ - transparentCorners: true, + * Returns fabric.Text instance from an object representation + * @static + * @memberOf fabric.Text + * @param {Object} object plain js Object to create an instance from + * @returns {Promise} + */ + fabric.Text.fromObject = function (object) { + var styles = fabric.util.stylesFromArray(object.styles, object.text); + //copy object to prevent mutation + var objCopy = Object.assign({}, object, { styles: styles }); + return fabric.Object._fromObject(fabric.Text, objCopy, { + extraParam: 'text', + }); + }; + fabric.Text.genericFonts = [ + 'sans-serif', + 'serif', + 'cursive', + 'fantasy', + 'monospace', + ]; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.Text.prototype, + /** @lends fabric.Text.prototype */ { + /** + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} + */ + isEmptyStyles: function (lineIndex) { + if (!this.styles) { + return true; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return true; + } + var obj = typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; + } + } + } + return true; + }, + /** + * Returns true if object has a style property or has it ina specified line + * This function is used to detect if a text will use a particular property or not. + * @param {String} property to check for + * @param {Number} lineIndex to check the style on + * @return {Boolean} + */ + styleHas: function (property, lineIndex) { + if (!this.styles || !property || property === '') { + return false; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return false; + } + var obj = typeof lineIndex === 'undefined' + ? this.styles + : { 0: this.styles[lineIndex] }; + // eslint-disable-next-line + for (var p1 in obj) { + // eslint-disable-next-line + for (var p2 in obj[p1]) { + if (typeof obj[p1][p2][property] !== 'undefined') { + return true; + } + } + } + return false; + }, + /** + * Check if characters in a text have a value for a property + * whose value matches the textbox's value for that property. If so, + * the character-level property is deleted. If the character + * has no other properties, then it is also deleted. Finally, + * if the line containing that character has no other characters + * then it also is deleted. + * + * @param {string} property The property to compare between characters and text. + */ + cleanStyle: function (property) { + if (!this.styles || !property || property === '') { + return false; + } + var obj = this.styles, stylesCount = 0, letterCount, stylePropertyValue, allStyleObjectPropertiesMatch = true, graphemeCount = 0, styleObject; + // eslint-disable-next-line + for (var p1 in obj) { + letterCount = 0; + // eslint-disable-next-line + for (var p2 in obj[p1]) { + var styleObject = obj[p1][p2], stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); + stylesCount++; + if (stylePropertyHasBeenSet) { + if (!stylePropertyValue) { + stylePropertyValue = styleObject[property]; + } + else if (styleObject[property] !== stylePropertyValue) { + allStyleObjectPropertiesMatch = false; + } + if (styleObject[property] === this[property]) { + delete styleObject[property]; + } + } + else { + allStyleObjectPropertiesMatch = false; + } + if (Object.keys(styleObject).length !== 0) { + letterCount++; + } + else { + delete obj[p1][p2]; + } + } + if (letterCount === 0) { + delete obj[p1]; + } + } + // if every grapheme has the same style set then + // delete those styles and set it on the parent + for (var i = 0; i < this._textLines.length; i++) { + graphemeCount += this._textLines[i].length; + } + if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { + this[property] = stylePropertyValue; + this.removeStyle(property); + } + }, + /** + * Remove a style property or properties from all individual character styles + * in a text object. Deletes the character style object if it contains no other style + * props. Deletes a line style object if it contains no other character styles. + * + * @param {String} props The property to remove from character styles. + */ + removeStyle: function (property) { + if (!this.styles || !property || property === '') { + return; + } + var obj = this.styles, line, lineNum, charNum; + for (lineNum in obj) { + line = obj[lineNum]; + for (charNum in line) { + delete line[charNum][property]; + if (Object.keys(line[charNum]).length === 0) { + delete line[charNum]; + } + } + if (Object.keys(line).length === 0) { + delete obj[lineNum]; + } + } + }, + /** + * @private + */ + _extendStyles: function (index, styles) { + var loc = this.get2DCursorLocation(index); + if (!this._getLineStyle(loc.lineIndex)) { + this._setLineStyle(loc.lineIndex); + } + if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { + this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); + } + fabric.util.object.extend(this._getStyleDeclaration(loc.lineIndex, loc.charIndex), styles); + }, + /** + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation: function (selectionStart, skipWrapping) { + if (typeof selectionStart === 'undefined') { + selectionStart = this.selectionStart; + } + var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, len = lines.length; + for (var i = 0; i < len; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart, + }; + } + selectionStart -= lines[i].length + this.missingNewlineOffset(i); + } + return { + lineIndex: i - 1, + charIndex: lines[i - 1].length < selectionStart + ? lines[i - 1].length + : selectionStart, + }; + }, + /** + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles: function (startIndex, endIndex, complete) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + var styles = []; + for (var i = startIndex; i < endIndex; i++) { + styles.push(this.getStyleAtPosition(i, complete)); + } + return styles; + }, + /** + * Gets style of a current selection/cursor position + * @param {Number} position to get styles at + * @param {Boolean} [complete] full style if true + * @return {Object} style Style object at a specified index + * @private + */ + getStyleAtPosition: function (position, complete) { + var loc = this.get2DCursorLocation(position), style = complete + ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) + : this._getStyleDeclaration(loc.lineIndex, loc.charIndex); + return style || {}; + }, + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @return {fabric.IText} thisArg + * @chainable + */ + setSelectionStyles: function (styles, startIndex, endIndex) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + for (var i = startIndex; i < endIndex; i++) { + this._extendStyles(i, styles); + } + /* not included in _extendStyles to avoid clearing cache more than once */ + this._forceClearCache = true; + return this; + }, + /** + * get the reference, not a clone, of the style object for a given character + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Object} style object + */ + _getStyleDeclaration: function (lineIndex, charIndex) { + var lineStyle = this.styles && this.styles[lineIndex]; + if (!lineStyle) { + return null; + } + return lineStyle[charIndex]; + }, + /** + * return a new object that contains all the style property for a character + * the object returned is newly created + * @param {Number} lineIndex of the line where the character is + * @param {Number} charIndex position of the character on the line + * @return {Object} style object + */ + getCompleteStyleDeclaration: function (lineIndex, charIndex) { + var style = this._getStyleDeclaration(lineIndex, charIndex) || {}, styleObject = {}, prop; + for (var i = 0; i < this._styleProperties.length; i++) { + prop = this._styleProperties[i]; + styleObject[prop] = + typeof style[prop] === 'undefined' ? this[prop] : style[prop]; + } + return styleObject; + }, + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration: function (lineIndex, charIndex, style) { + this.styles[lineIndex][charIndex] = style; + }, + /** + * + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration: function (lineIndex, charIndex) { + delete this.styles[lineIndex][charIndex]; + }, + /** + * @param {Number} lineIndex + * @return {Boolean} if the line exists or not + * @private + */ + _getLineStyle: function (lineIndex) { + return !!this.styles[lineIndex]; + }, + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @private + */ + _setLineStyle: function (lineIndex) { + this.styles[lineIndex] = {}; + }, + /** + * @param {Number} lineIndex + * @private + */ + _deleteLineStyle: function (lineIndex) { + delete this.styles[lineIndex]; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +(function (global) { + var fabric = global.fabric; /** - * Default cursor value used when hovering over this object on canvas - * @type String - * @default - */ - hoverCursor: null, - - /** - * Default cursor value used when moving this object on canvas - * @type String - * @default - */ - moveCursor: null, - - /** - * Padding between object and its controlling borders (in pixels) - * @type Number - * @default - */ - padding: 0, - - /** - * Color of controlling borders of an object (when it's active) - * @type String - * @default - */ - borderColor: 'rgb(178,204,255)', - - /** - * Array specifying dash pattern of an object's borders (hasBorder must be true) - * @since 1.6.2 - * @type Array - */ - borderDashArray: null, - - /** - * Color of controlling corners of an object (when it's active) - * @type String - * @default - */ - cornerColor: 'rgb(178,204,255)', - - /** - * Color of controlling corners of an object (when it's active and transparentCorners false) - * @since 1.6.2 - * @type String - * @default - */ - cornerStrokeColor: null, - - /** - * Specify style of control, 'rect' or 'circle' - * @since 1.6.2 - * @type String - */ - cornerStyle: 'rect', - - /** - * Array specifying dash pattern of an object's control (hasBorder must be true) - * @since 1.6.2 - * @type Array - */ - cornerDashArray: null, - - /** - * When true, this object will use center point as the origin of transformation - * when being scaled via the controls. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredScaling: false, - - /** - * When true, this object will use center point as the origin of transformation - * when being rotated via the controls. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredRotation: true, - - /** - * Color of object's fill - * takes css colors https://www.w3.org/TR/css-color-3/ - * @type String - * @default - */ - fill: 'rgb(0,0,0)', - - /** - * Fill rule used to fill an object - * accepted values are nonzero, evenodd - * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead) - * @type String - * @default - */ - fillRule: 'nonzero', - - /** - * Composite rule used for canvas globalCompositeOperation - * @type String - * @default - */ - globalCompositeOperation: 'source-over', - - /** - * Background color of an object. - * takes css colors https://www.w3.org/TR/css-color-3/ - * @type String - * @default - */ - backgroundColor: '', - - /** - * Selection Background color of an object. colored layer behind the object when it is active. - * does not mix good with globalCompositeOperation methods. - * @type String - * @default - */ - selectionBackgroundColor: '', - - /** - * When defined, an object is rendered via stroke and this property specifies its color - * takes css colors https://www.w3.org/TR/css-color-3/ - * @type String - * @default - */ - stroke: null, - - /** - * Width of a stroke used to render this object - * @type Number - * @default - */ - strokeWidth: 1, - - /** - * Array specifying dash pattern of an object's stroke (stroke must be defined) - * @type Array - */ - strokeDashArray: null, - - /** - * Line offset of an object's stroke - * @type Number - * @default - */ - strokeDashOffset: 0, - - /** - * Line endings style of an object's stroke (one of "butt", "round", "square") - * @type String - * @default - */ - strokeLineCap: 'butt', - - /** - * Corner style of an object's stroke (one of "bevel", "round", "miter") - * @type String - * @default - */ - strokeLineJoin: 'miter', - - /** - * Maximum miter length (used for strokeLineJoin = "miter") of an object's stroke - * @type Number - * @default - */ - strokeMiterLimit: 4, - - /** - * Shadow object representing shadow of this shape - * @type fabric.Shadow - * @default - */ - shadow: null, - - /** - * Opacity of object's controlling borders when object is active and moving - * @type Number - * @default - */ - borderOpacityWhenMoving: 0.4, - - /** - * Scale factor of object's controlling borders - * bigger number will make a thicker border - * border is 1, so this is basically a border thickness - * since there is no way to change the border itself. - * @type Number - * @default - */ - borderScaleFactor: 1, - - /** - * Minimum allowed scale value of an object - * @type Number - * @default - */ - minScaleLimit: 0, - - /** - * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection). - * But events still fire on it. - * @type Boolean - * @default - */ - selectable: true, - - /** - * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4 - * @type Boolean - * @default - */ - evented: true, - - /** - * When set to `false`, an object is not rendered on canvas - * @type Boolean - * @default - */ - visible: true, - - /** - * When set to `false`, object's controls are not displayed and can not be used to manipulate object - * @type Boolean - * @default - */ - hasControls: true, - - /** - * When set to `false`, object's controlling borders are not rendered - * @type Boolean - * @default - */ - hasBorders: true, - - /** - * When set to `true`, objects are "found" on canvas on per-pixel basis rather than according to bounding box - * @type Boolean - * @default - */ - perPixelTargetFind: false, - - /** - * When `false`, default object's values are not included in its serialization - * @type Boolean - * @default - */ - includeDefaultValues: true, - - /** - * When `true`, object horizontal movement is locked - * @type Boolean - * @default - */ - lockMovementX: false, - - /** - * When `true`, object vertical movement is locked - * @type Boolean - * @default - */ - lockMovementY: false, - - /** - * When `true`, object rotation is locked - * @type Boolean - * @default - */ - lockRotation: false, - - /** - * When `true`, object horizontal scaling is locked - * @type Boolean - * @default - */ - lockScalingX: false, - - /** - * When `true`, object vertical scaling is locked - * @type Boolean - * @default - */ - lockScalingY: false, - - /** - * When `true`, object horizontal skewing is locked - * @type Boolean - * @default - */ - lockSkewingX: false, - - /** - * When `true`, object vertical skewing is locked - * @type Boolean - * @default - */ - lockSkewingY: false, - - /** - * When `true`, object cannot be flipped by scaling into negative values - * @type Boolean - * @default - */ - lockScalingFlip: false, - - /** - * When `true`, object is not exported in OBJECT/JSON - * @since 1.6.3 - * @type Boolean - * @default - */ - excludeFromExport: false, - - /** - * When `true`, object is cached on an additional canvas. - * When `false`, object is not cached unless necessary ( clipPath ) - * default to true - * @since 1.7.0 - * @type Boolean - * @default true - */ - objectCaching: objectCaching, - - /** - * When `true`, object properties are checked for cache invalidation. In some particular - * situation you may want this to be disabled ( spray brush, very big, groups) - * or if your application does not allow you to modify properties for groups child you want - * to disable it for groups. - * default to false - * since 1.7.0 - * @type Boolean - * @default false - */ - statefullCache: false, - - /** - * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled - * too much and will be redrawn with correct details at the end of scaling. - * this setting is performance and application dependant. - * default to true - * since 1.7.0 - * @type Boolean - * @default true - */ - noScaleCache: true, - - /** - * When `false`, the stoke width will scale with the object. - * When `true`, the stroke will always match the exact pixel size entered for stroke width. - * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods - * default to false - * @since 2.6.0 - * @type Boolean - * @default false - * @type Boolean - * @default false - */ - strokeUniform: false, - - /** - * When set to `true`, object's cache will be rerendered next render call. - * since 1.7.0 - * @type Boolean - * @default true - */ - dirty: true, - + * IText class (introduced in v1.4) Events are also fired with "text:" + * prefix when observing canvas. + * @class fabric.IText + * @extends fabric.Text + * + * @fires changed + * @fires selection:changed + * @fires editing:entered + * @fires editing:exited + * @fires dragstart + * @fires drag drag event firing on the drag source + * @fires dragend + * @fires copy + * @fires cut + * @fires paste + * + * @return {fabric.IText} thisArg + * @see {@link fabric.IText#initialize} for constructor definition + * + *

Supported key combinations:

+ * 
+     *   Move cursor:                    left, right, up, down
+     *   Select character:               shift + left, shift + right
+     *   Select text vertically:         shift + up, shift + down
+     *   Move cursor by word:            alt + left, alt + right
+     *   Select words:                   shift + alt + left, shift + alt + right
+     *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
+     *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
+     *   Jump to start/end of text:      cmd + up, cmd + down
+     *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
+     *   Delete character:               backspace
+     *   Delete word:                    alt + backspace
+     *   Delete line:                    cmd + backspace
+     *   Forward delete:                 delete
+     *   Copy text:                      ctrl/cmd + c
+     *   Paste text:                     ctrl/cmd + v
+     *   Cut text:                       ctrl/cmd + x
+     *   Select entire text:             ctrl/cmd + a
+     *   Quit editing                    tab or esc
+     *
+ * + *

Supported mouse/touch combination

+ * 
+     *   Position cursor:                click/touch
+     *   Create selection:               click/touch & drag
+     *   Create selection:               click & shift + click
+     *   Select word:                    double click
+     *   Select line:                    triple click
+     *
+ */ + fabric.IText = fabric.util.createClass(fabric.Text, + /** @lends fabric.IText.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'i-text', + /** + * Index where text selection starts (or where cursor is when there is no selection) + * @type Number + * @default + */ + selectionStart: 0, + /** + * Index where text selection ends + * @type Number + * @default + */ + selectionEnd: 0, + /** + * Color of text selection + * @type String + * @default + */ + selectionColor: 'rgba(17,119,255,0.3)', + /** + * Indicates whether text is in editing mode + * @type Boolean + * @default + */ + isEditing: false, + /** + * Indicates whether a text can be edited + * @type Boolean + * @default + */ + editable: true, + /** + * Border color of text object while it's in editing mode + * @type String + * @default + */ + editingBorderColor: 'rgba(102,153,255,0.25)', + /** + * Width of cursor (in px) + * @type Number + * @default + */ + cursorWidth: 2, + /** + * Color of text cursor color in editing mode. + * if not set (default) will take color from the text. + * if set to a color value that fabric can understand, it will + * be used instead of the color of the text at the current position. + * @type String + * @default + */ + cursorColor: '', + /** + * Delay between cursor blink (in ms) + * @type Number + * @default + */ + cursorDelay: 1000, + /** + * Duration of cursor fadein (in ms) + * @type Number + * @default + */ + cursorDuration: 600, + /** + * Indicates whether internal text char widths can be cached + * @type Boolean + * @default + */ + caching: true, + /** + * DOM container to append the hiddenTextarea. + * An alternative to attaching to the document.body. + * Useful to reduce laggish redraw of the full document.body tree and + * also with modals event capturing that won't let the textarea take focus. + * @type HTMLElement + * @default + */ + hiddenTextareaContainer: null, + /** + * @private + */ + _reSpace: /\s|\n/, + /** + * @private + */ + _currentCursorOpacity: 1, + /** + * @private + */ + _selectionDirection: null, + /** + * Helps determining when the text is in composition, so that the cursor + * rendering is altered. + */ + inCompositionMode: false, + /** + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.IText} thisArg + */ + initialize: function (text, options) { + this.callSuper('initialize', text, options); + this.initBehavior(); + }, + /** + * While editing handle differently + * @private + * @param {string} key + * @param {*} value + */ + _set: function (key, value) { + if (this.isEditing && this._savedProps && key in this._savedProps) { + this._savedProps[key] = value; + } + else { + this.callSuper('_set', key, value); + } + }, + /** + * Sets selection start (left boundary of a selection) + * @param {Number} index Index to set selection start to + */ + setSelectionStart: function (index) { + index = Math.max(index, 0); + this._updateAndFire('selectionStart', index); + }, + /** + * Sets selection end (right boundary of a selection) + * @param {Number} index Index to set selection end to + */ + setSelectionEnd: function (index) { + index = Math.min(index, this.text.length); + this._updateAndFire('selectionEnd', index); + }, + /** + * @private + * @param {String} property 'selectionStart' or 'selectionEnd' + * @param {Number} index new position of property + */ + _updateAndFire: function (property, index) { + if (this[property] !== index) { + this._fireSelectionChanged(); + this[property] = index; + } + this._updateTextarea(); + }, + /** + * Fires the even of selection changed + * @private + */ + _fireSelectionChanged: function () { + this.fire('selection:changed'); + this.canvas && + this.canvas.fire('text:selection:changed', { target: this }); + }, + /** + * Initialize text dimensions. Render all text on given context + * or on a offscreen canvas to get the text width with measureText. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + * @private + */ + initDimensions: function () { + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this.callSuper('initDimensions'); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render: function (ctx) { + this.clearContextTop(); + this.callSuper('render', ctx); + // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor + // the correct position but not at every cursor animation. + this.cursorOffsetCache = {}; + this.renderCursorOrSelection(); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function (ctx) { + this.callSuper('_render', ctx); + }, + /** + * Renders cursor or selection (depending on what exists) + * it does on the contextTop. If contextTop is not available, do nothing. + */ + renderCursorOrSelection: function () { + if (!this.isEditing) { + return; + } + var ctx = this.clearContextTop(true); + if (!ctx) { + return; + } + var boundaries = this._getCursorBoundaries(); + if (this.selectionStart === this.selectionEnd) { + this.renderCursor(ctx, boundaries); + } + else { + this.renderSelection(ctx, boundaries); + } + ctx.restore(); + }, + /** + * Renders cursor on context Top, outside the animation cycle, on request + * Used for the drag/drop effect. + * If contextTop is not available, do nothing. + */ + renderCursorAt: function (selectionStart) { + var boundaries = this._getCursorBoundaries(selectionStart, true); + this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); + }, + /** + * Returns cursor boundaries (left, top, leftOffset, topOffset) + * left/top are left/top of entire text box + * leftOffset/topOffset are offset from that left/top point of a text box + * @private + * @param {number} [index] index from start + * @param {boolean} [skipCaching] + */ + _getCursorBoundaries: function (index, skipCaching) { + if (typeof index === 'undefined') { + index = this.selectionStart; + } + var left = this._getLeftOffset(), top = this._getTopOffset(), offsets = this._getCursorBoundariesOffsets(index, skipCaching); + return { + left: left, + top: top, + leftOffset: offsets.left, + topOffset: offsets.top, + }; + }, + /** + * Caches and returns cursor left/top offset relative to instance's center point + * @private + * @param {number} index index from start + * @param {boolean} [skipCaching] + */ + _getCursorBoundariesOffsets: function (index, skipCaching) { + if (skipCaching) { + return this.__getCursorBoundariesOffsets(index); + } + if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { + return this.cursorOffsetCache; + } + return (this.cursorOffsetCache = + this.__getCursorBoundariesOffsets(index)); + }, + /** + * Calcualtes cursor left/top offset relative to instance's center point + * @private + * @param {number} index index from start + */ + __getCursorBoundariesOffsets: function (index) { + var lineLeftOffset, lineIndex, charIndex, topOffset = 0, leftOffset = 0, boundaries, cursorPosition = this.get2DCursorLocation(index); + charIndex = cursorPosition.charIndex; + lineIndex = cursorPosition.lineIndex; + for (var i = 0; i < lineIndex; i++) { + topOffset += this.getHeightOfLine(i); + } + lineLeftOffset = this._getLineLeftOffset(lineIndex); + var bound = this.__charBounds[lineIndex][charIndex]; + bound && (leftOffset = bound.left); + if (this.charSpacing !== 0 && + charIndex === this._textLines[lineIndex].length) { + leftOffset -= this._getWidthOfCharSpacing(); + } + boundaries = { + top: topOffset, + left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), + }; + if (this.direction === 'rtl') { + if (this.textAlign === 'right' || + this.textAlign === 'justify' || + this.textAlign === 'justify-right') { + boundaries.left *= -1; + } + else if (this.textAlign === 'left' || + this.textAlign === 'justify-left') { + boundaries.left = + lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } + else if (this.textAlign === 'center' || + this.textAlign === 'justify-center') { + boundaries.left = + lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } + } + return boundaries; + }, + /** + * Renders cursor + * @param {Object} boundaries + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderCursor: function (ctx, boundaries) { + this._renderCursor(ctx, boundaries, this.selectionStart); + }, + _renderCursor: function (ctx, boundaries, selectionStart) { + var cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, topOffset = boundaries.topOffset, dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); + topOffset += + ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / + this.lineHeight - + charHeight * (1 - this._fontSizeFraction); + if (this.inCompositionMode) { + // TODO: investigate why there isn't a return inside the if, + // and why can't happe top of the function + this.renderSelection(ctx, boundaries); + } + ctx.fillStyle = + this.cursorColor || + this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); + ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; + ctx.fillRect(boundaries.left + boundaries.leftOffset - cursorWidth / 2, topOffset + boundaries.top + dy, cursorWidth, charHeight); + }, + /** + * Renders text selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderSelection: function (ctx, boundaries) { + var selection = { + selectionStart: this.inCompositionMode + ? this.hiddenTextarea.selectionStart + : this.selectionStart, + selectionEnd: this.inCompositionMode + ? this.hiddenTextarea.selectionEnd + : this.selectionEnd, + }; + this._renderSelection(ctx, selection, boundaries); + }, + /** + * Renders drag start text selection + */ + renderDragSourceEffect: function () { + if (this.__isDragging && + this.__dragStartSelection && + this.__dragStartSelection) { + this._renderSelection(this.canvas.contextTop, this.__dragStartSelection, this._getCursorBoundaries(this.__dragStartSelection.selectionStart, true)); + } + }, + renderDropTargetEffect: function (e) { + var dragSelection = this.getSelectionStartFromPointer(e); + this.renderCursorAt(dragSelection); + }, + /** + * Renders text selection + * @private + * @param {{ selectionStart: number, selectionEnd: number }} selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + _renderSelection: function (ctx, selection, boundaries) { + var selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, start = this.get2DCursorLocation(selectionStart), end = this.get2DCursorLocation(selectionEnd), startLine = start.lineIndex, endLine = end.lineIndex, startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex; + for (var i = startLine; i <= endLine; i++) { + var lineOffset = this._getLineLeftOffset(i) || 0, lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0; + if (i === startLine) { + boxStart = this.__charBounds[startLine][startChar].left; + } + if (i >= startLine && i < endLine) { + boxEnd = + isJustify && !this.isEndOfWrapping(i) + ? this.width + : this.getLineWidth(i) || 5; // WTF is this 5? + } + else if (i === endLine) { + if (endChar === 0) { + boxEnd = this.__charBounds[endLine][endChar].left; + } + else { + var charSpacing = this._getWidthOfCharSpacing(); + boxEnd = + this.__charBounds[endLine][endChar - 1].left + + this.__charBounds[endLine][endChar - 1].width - + charSpacing; + } + } + realLineHeight = lineHeight; + if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { + lineHeight /= this.lineHeight; + } + var drawStart = boundaries.left + lineOffset + boxStart, drawWidth = boxEnd - boxStart, drawHeight = lineHeight, extraTop = 0; + if (this.inCompositionMode) { + ctx.fillStyle = this.compositionColor || 'black'; + drawHeight = 1; + extraTop = lineHeight; + } + else { + ctx.fillStyle = this.selectionColor; + } + if (this.direction === 'rtl') { + if (this.textAlign === 'right' || + this.textAlign === 'justify' || + this.textAlign === 'justify-right') { + drawStart = this.width - drawStart - drawWidth; + } + else if (this.textAlign === 'left' || + this.textAlign === 'justify-left') { + drawStart = boundaries.left + lineOffset - boxEnd; + } + else if (this.textAlign === 'center' || + this.textAlign === 'justify-center') { + drawStart = boundaries.left + lineOffset - boxEnd; + } + } + ctx.fillRect(drawStart, boundaries.top + boundaries.topOffset + extraTop, drawWidth, drawHeight); + boundaries.topOffset += realLineHeight; + } + }, + /** + * High level function to know the height of the cursor. + * the currentChar is the one that precedes the cursor + * Returns fontSize of char at the current cursor + * Unused from the library, is for the end user + * @return {Number} Character font size + */ + getCurrentCharFontSize: function () { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); + }, + /** + * High level function to know the color of the cursor. + * the currentChar is the one that precedes the cursor + * Returns color (fill) of char at the current cursor + * if the text object has a pattern or gradient for filler, it will return that. + * Unused by the library, is for the end user + * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) + */ + getCurrentCharColor: function () { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); + }, + /** + * Returns the cursor position for the getCurrent.. functions + * @private + */ + _getCurrentCharIndex: function () { + var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; + return { l: cursorPosition.lineIndex, c: charIndex }; + }, + }); /** - * keeps the value of the last hovered corner during mouse move. - * 0 is no corner, or 'mt', 'ml', 'mtr' etc.. - * It should be private, but there is no harm in using it as - * a read-only property. - * @type number|string|any - * @default 0 - */ - __corner: 0, - - /** - * Determines if the fill or the stroke is drawn first (one of "fill" or "stroke") - * @type String - * @default - */ - paintFirst: 'fill', - - /** - * When 'down', object is set to active on mousedown/touchstart - * When 'up', object is set to active on mouseup/touchend - * Experimental. Let's see if this breaks anything before supporting officially - * @private - * since 4.4.0 - * @type String - * @default 'down' - */ - activeOn: 'down', - - /** - * List of properties to consider when checking if state - * of an object is changed (fabric.Object#hasStateChanged) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: ( - 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + - 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + - 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + - 'skewX skewY fillRule paintFirst clipPath strokeUniform' - ).split(' '), - - /** - * List of properties to consider when checking if cache needs refresh - * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single - * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty - * and refreshed at the next render - * @type Array - */ - cacheProperties: ( - 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + - ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath' - ).split(' '), - - /** - * List of properties to consider for animating colors. - * @type Array - */ - colorProperties: ( - 'fill stroke backgroundColor' - ).split(' '), - - /** - * a fabricObject that, without stroke define a clipping area with their shape. filled in black - * the clipPath object gets used when the object has rendered, and the context is placed in the center - * of the object cacheCanvas. - * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center' - * @type fabric.Object - */ - clipPath: undefined, - - /** - * Meaningful ONLY when the object is used as clipPath. - * if true, the clipPath will make the object clip to the outside of the clipPath - * since 2.4.0 - * @type boolean - * @default false - */ - inverted: false, - - /** - * Meaningful ONLY when the object is used as clipPath. - * if true, the clipPath will have its top and left relative to canvas, and will - * not be influenced by the object transform. This will make the clipPath relative - * to the canvas, but clipping just a particular object. - * WARNING this is beta, this feature may change or be renamed. - * since 2.4.0 - * @type boolean - * @default false - */ - absolutePositioned: false, - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - if (options) { - this.setOptions(options); - } - }, - - /** - * Create a the canvas used to keep the cached copy of the object - * @private - */ - _createCacheCanvas: function() { - this._cacheProperties = {}; - this._cacheCanvas = fabric.util.createCanvasElement(); - this._cacheContext = this._cacheCanvas.getContext('2d'); - this._updateCacheCanvas(); - // if canvas gets created, is empty, so dirty. - this.dirty = true; - }, - - /** - * Limit the cache dimensions so that X * Y do not cross fabric.perfLimitSizeTotal - * and each side do not cross fabric.cacheSideLimit - * those numbers are configurable so that you can get as much detail as you want - * making bargain with performances. - * @param {Object} dims - * @param {Object} dims.width width of canvas - * @param {Object} dims.height height of canvas - * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _limitCacheSize: function(dims) { - var perfLimitSizeTotal = fabric.perfLimitSizeTotal, - width = dims.width, height = dims.height, - max = fabric.maxCacheSideLimit, min = fabric.minCacheSideLimit; - if (width <= max && height <= max && width * height <= perfLimitSizeTotal) { - if (width < min) { - dims.width = min; - } - if (height < min) { - dims.height = min; - } - return dims; - } - var ar = width / height, limitedDims = fabric.util.limitDimsByArea(ar, perfLimitSizeTotal), - capValue = fabric.util.capValue, - x = capValue(min, limitedDims.x, max), - y = capValue(min, limitedDims.y, max); - if (width > x) { - dims.zoomX /= width / x; - dims.width = x; - dims.capped = true; - } - if (height > y) { - dims.zoomY /= height / y; - dims.height = y; - dims.capped = true; - } - return dims; - }, - - /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @return {Object}.x width of object to be cached - * @return {Object}.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _getCacheCanvasDimensions: function() { - var objectScale = this.getTotalObjectScaling(), - // caculate dimensions without skewing - dim = this._getTransformedDimensions(0, 0), - neededX = dim.x * objectScale.scaleX / this.scaleX, - neededY = dim.y * objectScale.scaleY / this.scaleY; - return { - // for sure this ALIASING_LIMIT is slightly creating problem - // in situation in which the cache canvas gets an upper limit - // also objectScale contains already scaleX and scaleY - width: neededX + ALIASING_LIMIT, - height: neededY + ALIASING_LIMIT, - zoomX: objectScale.scaleX, - zoomY: objectScale.scaleY, - x: neededX, - y: neededY - }; - }, - - /** - * Update width and height of the canvas for cache - * returns true or false if canvas needed resize. - * @private - * @return {Boolean} true if the canvas has been resized - */ - _updateCacheCanvas: function() { - var targetCanvas = this.canvas; - if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { - var target = targetCanvas._currentTransform.target, - action = targetCanvas._currentTransform.action; - if (this === target && action.slice && action.slice(0, 5) === 'scale') { - return false; - } - } - var canvas = this._cacheCanvas, - dims = this._limitCacheSize(this._getCacheCanvasDimensions()), - minCacheSize = fabric.minCacheSideLimit, - width = dims.width, height = dims.height, drawingWidth, drawingHeight, - zoomX = dims.zoomX, zoomY = dims.zoomY, - dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, - zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY, - shouldRedraw = dimensionsChanged || zoomChanged, - additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; - if (dimensionsChanged) { - var canvasWidth = this._cacheCanvas.width, - canvasHeight = this._cacheCanvas.height, - sizeGrowing = width > canvasWidth || height > canvasHeight, - sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && - canvasWidth > minCacheSize && canvasHeight > minCacheSize; - shouldResizeCanvas = sizeGrowing || sizeShrinking; - if (sizeGrowing && !dims.capped && (width > minCacheSize || height > minCacheSize)) { - additionalWidth = width * 0.1; - additionalHeight = height * 0.1; - } - } - if (this instanceof fabric.Text && this.path) { - shouldRedraw = true; - shouldResizeCanvas = true; - additionalWidth += this.getHeightOfLine(0) * this.zoomX; - additionalHeight += this.getHeightOfLine(0) * this.zoomY; - } - if (shouldRedraw) { - if (shouldResizeCanvas) { - canvas.width = Math.ceil(width + additionalWidth); - canvas.height = Math.ceil(height + additionalHeight); - } - else { - this._cacheContext.setTransform(1, 0, 0, 1, 0, 0); - this._cacheContext.clearRect(0, 0, canvas.width, canvas.height); - } - drawingWidth = dims.x / 2; - drawingHeight = dims.y / 2; - this.cacheTranslationX = Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; - this.cacheTranslationY = Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; - this.cacheWidth = width; - this.cacheHeight = height; - this._cacheContext.translate(this.cacheTranslationX, this.cacheTranslationY); - this._cacheContext.scale(zoomX, zoomY); - this.zoomX = zoomX; - this.zoomY = zoomY; - return true; - } - return false; - }, - - /** - * Sets object's properties from options - * @param {Object} [options] Options object - */ - setOptions: function(options) { - this._setOptions(options); - this._initGradient(options.fill, 'fill'); - this._initGradient(options.stroke, 'stroke'); - this._initPattern(options.fill, 'fill'); - this._initPattern(options.stroke, 'stroke'); - }, - - /** - * Transforms context when rendering an object - * @param {CanvasRenderingContext2D} ctx Context - */ - transform: function(ctx) { - var needFullTransform = (this.group && !this.group._transformDone) || - (this.group && this.canvas && ctx === this.canvas.contextTop); - var m = this.calcTransformMatrix(!needFullTransform); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - }, - - /** - * Returns an object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function(propertiesToInclude) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, - - object = { - type: this.type, - version: fabric.version, - originX: this.originX, - originY: this.originY, - left: toFixed(this.left, NUM_FRACTION_DIGITS), - top: toFixed(this.top, NUM_FRACTION_DIGITS), - width: toFixed(this.width, NUM_FRACTION_DIGITS), - height: toFixed(this.height, NUM_FRACTION_DIGITS), - fill: (this.fill && this.fill.toObject) ? this.fill.toObject() : this.fill, - stroke: (this.stroke && this.stroke.toObject) ? this.stroke.toObject() : this.stroke, - strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), - strokeDashArray: this.strokeDashArray ? this.strokeDashArray.concat() : this.strokeDashArray, - strokeLineCap: this.strokeLineCap, - strokeDashOffset: this.strokeDashOffset, - strokeLineJoin: this.strokeLineJoin, - strokeUniform: this.strokeUniform, - strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), - scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), - scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), - angle: toFixed(this.angle, NUM_FRACTION_DIGITS), - flipX: this.flipX, - flipY: this.flipY, - opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), - shadow: (this.shadow && this.shadow.toObject) ? this.shadow.toObject() : this.shadow, - visible: this.visible, - backgroundColor: this.backgroundColor, - fillRule: this.fillRule, - paintFirst: this.paintFirst, - globalCompositeOperation: this.globalCompositeOperation, - skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), - skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS), - }; - - if (this.clipPath && !this.clipPath.excludeFromExport) { - object.clipPath = this.clipPath.toObject(propertiesToInclude); - object.clipPath.inverted = this.clipPath.inverted; - object.clipPath.absolutePositioned = this.clipPath.absolutePositioned; - } - - fabric.util.populateWithProperties(this, object, propertiesToInclude); - if (!this.includeDefaultValues) { - object = this._removeDefaultValues(object); - } - - return object; - }, - - /** - * Returns (dataless) object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toDatalessObject: function(propertiesToInclude) { - // will be overwritten by subclasses - return this.toObject(propertiesToInclude); - }, - - /** - * @private - * @param {Object} object - */ - _removeDefaultValues: function(object) { - var prototype = fabric.util.getKlass(object.type).prototype, - stateProperties = prototype.stateProperties; - stateProperties.forEach(function(prop) { - if (prop === 'left' || prop === 'top') { - return; - } - if (object[prop] === prototype[prop]) { - delete object[prop]; - } - var isArray = Object.prototype.toString.call(object[prop]) === '[object Array]' && - Object.prototype.toString.call(prototype[prop]) === '[object Array]'; - - // basically a check for [] === [] - if (isArray && object[prop].length === 0 && prototype[prop].length === 0) { - delete object[prop]; - } - }); - - return object; - }, - - /** - * Returns a string representation of an instance - * @return {String} - */ - toString: function() { - return '#'; - }, - - /** - * Return the object scale factor counting also the group scaling - * @return {Object} object with scaleX and scaleY properties - */ - getObjectScaling: function() { - // if the object is a top level one, on the canvas, we go for simple aritmetic - // otherwise the complex method with angles will return approximations and decimals - // and will likely kill the cache when not needed - // https://github.com/fabricjs/fabric.js/issues/7157 - if (!this.group) { - return { - scaleX: this.scaleX, - scaleY: this.scaleY, - }; - } - // if we are inside a group total zoom calculation is complex, we defer to generic matrices - var options = fabric.util.qrDecompose(this.calcTransformMatrix()); - return { scaleX: Math.abs(options.scaleX), scaleY: Math.abs(options.scaleY) }; - }, - - /** - * Return the object scale factor counting also the group scaling, zoom and retina - * @return {Object} object with scaleX and scaleY properties - */ - getTotalObjectScaling: function() { - var scale = this.getObjectScaling(), scaleX = scale.scaleX, scaleY = scale.scaleY; - if (this.canvas) { - var zoom = this.canvas.getZoom(); - var retina = this.canvas.getRetinaScaling(); - scaleX *= zoom * retina; - scaleY *= zoom * retina; - } - return { scaleX: scaleX, scaleY: scaleY }; - }, - - /** - * Return the object opacity counting also the group property - * @return {Number} - */ - getObjectOpacity: function() { - var opacity = this.opacity; - if (this.group) { - opacity *= this.group.getObjectOpacity(); - } - return opacity; - }, - - /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Object} thisArg - */ - _set: function(key, value) { - var shouldConstrainValue = (key === 'scaleX' || key === 'scaleY'), - isChanged = this[key] !== value, groupNeedsUpdate = false; - - if (shouldConstrainValue) { - value = this._constrainScale(value); - } - if (key === 'scaleX' && value < 0) { - this.flipX = !this.flipX; - value *= -1; - } - else if (key === 'scaleY' && value < 0) { - this.flipY = !this.flipY; - value *= -1; - } - else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) { - value = new fabric.Shadow(value); - } - else if (key === 'dirty' && this.group) { - this.group.set('dirty', value); - } - - this[key] = value; - - if (isChanged) { - groupNeedsUpdate = this.group && this.group.isOnACache(); - if (this.cacheProperties.indexOf(key) > -1) { - this.dirty = true; - groupNeedsUpdate && this.group.set('dirty', true); - } - else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { - this.group.set('dirty', true); - } - } - return this; - }, - - /** - * This callback function is called by the parent group of an object every - * time a non-delegated property changes on the group. It is passed the key - * and value as parameters. Not adding in this function's signature to avoid - * Travis build error about unused variables. - */ - setOnGroup: function() { - // implemented by sub-classes, as needed. - }, - - /** - * Retrieves viewportTransform from Object's canvas if possible - * @method getViewportTransform - * @memberOf fabric.Object.prototype - * @return {Array} - */ - getViewportTransform: function() { - if (this.canvas && this.canvas.viewportTransform) { - return this.canvas.viewportTransform; - } - return fabric.iMatrix.concat(); - }, - - /* - * @private - * return if the object would be visible in rendering - * @memberOf fabric.Object.prototype - * @return {Boolean} - */ - isNotVisible: function() { - return this.opacity === 0 || - (!this.width && !this.height && this.strokeWidth === 0) || - !this.visible; - }, - - /** - * Renders an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function(ctx) { - // do not render if width/height are zeros or object is not visible - if (this.isNotVisible()) { - return; - } - if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { - return; - } - ctx.save(); - this._setupCompositeOperation(ctx); - this.drawSelectionBackground(ctx); - this.transform(ctx); - this._setOpacity(ctx); - this._setShadow(ctx, this); - if (this.shouldCache()) { - this.renderCache(); - this.drawCacheOnCanvas(ctx); - } - else { - this._removeCacheCanvas(); - this.dirty = false; - this.drawObject(ctx); - if (this.objectCaching && this.statefullCache) { - this.saveState({ propertySet: 'cacheProperties' }); - } - } - ctx.restore(); - }, - - renderCache: function(options) { - options = options || {}; - if (!this._cacheCanvas) { - this._createCacheCanvas(); - } - if (this.isCacheDirty()) { - this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); - this.drawObject(this._cacheContext, options.forClipping); - this.dirty = false; - } - }, - - /** - * Remove cacheCanvas and its dimensions from the objects - */ - _removeCacheCanvas: function() { - this._cacheCanvas = null; - this.cacheWidth = 0; - this.cacheHeight = 0; - }, - - /** - * return true if the object will draw a stroke - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when stroke happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the stroke is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasStroke: function() { - return this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0; - }, - - /** - * return true if the object will draw a fill - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when fill happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the fill is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasFill: function() { - return this.fill && this.fill !== 'transparent'; - }, - - /** - * When set to `true`, force the object to have its own cache, even if it is inside a group - * it may be needed when your object behave in a particular way on the cache and always needs - * its own isolated canvas to render correctly. - * Created to be overridden - * since 1.7.12 - * @returns Boolean - */ - needsItsOwnCache: function() { - if (this.paintFirst === 'stroke' && - this.hasFill() && this.hasStroke() && typeof this.shadow === 'object') { - return true; - } - if (this.clipPath) { - return true; - } - return false; - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * Read as: cache if is needed, or if the feature is enabled but we are not already caching. - * @return {Boolean} - */ - shouldCache: function() { - this.ownCaching = this.needsItsOwnCache() || ( - this.objectCaching && - (!this.group || !this.group.isOnACache()) - ); - return this.ownCaching; - }, - - /** - * Check if this object or a child object will cast a shadow - * used by Group.shouldCache to know if child has a shadow recursively - * @return {Boolean} - */ - willDrawShadow: function() { - return !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0); - }, - - /** - * Execute the drawing operation for an object clipPath - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Object} clipPath - */ - drawClipPathOnCache: function(ctx, clipPath) { - ctx.save(); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4 - if (clipPath.inverted) { - ctx.globalCompositeOperation = 'destination-out'; - } - else { - ctx.globalCompositeOperation = 'destination-in'; - } - //ctx.scale(1 / 2, 1 / 2); - if (clipPath.absolutePositioned) { - var m = fabric.util.invertTransform(this.calcTransformMatrix()); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - } - clipPath.transform(ctx); - ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); - ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); - ctx.restore(); - }, - - /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawObject: function(ctx, forClipping) { - var originalFill = this.fill, originalStroke = this.stroke; - if (forClipping) { - this.fill = 'black'; - this.stroke = ''; - this._setClippingProperties(ctx); - } - else { - this._renderBackground(ctx); - } - this._render(ctx); - this._drawClipPath(ctx, this.clipPath); - this.fill = originalFill; - this.stroke = originalStroke; - }, - - /** - * Prepare clipPath state and cache and draw it on instance's cache - * @param {CanvasRenderingContext2D} ctx - * @param {fabric.Object} clipPath - */ - _drawClipPath: function (ctx, clipPath) { - if (!clipPath) { return; } - // needed to setup a couple of variables - // path canvas gets overridden with this one. - // TODO find a better solution? - clipPath.canvas = this.canvas; - clipPath.shouldCache(); - clipPath._transformDone = true; - clipPath.renderCache({ forClipping: true }); - this.drawClipPathOnCache(ctx, clipPath); - }, - - /** - * Paint the cached copy of the object on the target context. - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawCacheOnCanvas: function(ctx) { - ctx.scale(1 / this.zoomX, 1 / this.zoomY); - ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); - }, - - /** - * Check if cache is dirty - * @param {Boolean} skipCanvas skip canvas checks because this object is painted - * on parent canvas. - */ - isCacheDirty: function(skipCanvas) { - if (this.isNotVisible()) { - return false; - } - if (this._cacheCanvas && !skipCanvas && this._updateCacheCanvas()) { - // in this case the context is already cleared. - return true; - } - else { - if (this.dirty || - (this.clipPath && this.clipPath.absolutePositioned) || - (this.statefullCache && this.hasStateChanged('cacheProperties')) - ) { - if (this._cacheCanvas && !skipCanvas) { - var width = this.cacheWidth / this.zoomX; - var height = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-width / 2, -height / 2, width, height); - } - return true; - } - } - return false; - }, - - /** - * Draws a background for the object big as its untransformed dimensions - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderBackground: function(ctx) { - if (!this.backgroundColor) { - return; - } - var dim = this._getNonTransformedDimensions(); - ctx.fillStyle = this.backgroundColor; - - ctx.fillRect( - -dim.x / 2, - -dim.y / 2, - dim.x, - dim.y - ); - // if there is background color no other shadows - // should be casted - this._removeShadow(ctx); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _setOpacity: function(ctx) { - if (this.group && !this.group._transformDone) { - ctx.globalAlpha = this.getObjectOpacity(); - } - else { - ctx.globalAlpha *= this.opacity; - } - }, - - _setStrokeStyles: function(ctx, decl) { - var stroke = decl.stroke; - if (stroke) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = decl.strokeLineCap; - ctx.lineDashOffset = decl.strokeDashOffset; - ctx.lineJoin = decl.strokeLineJoin; - ctx.miterLimit = decl.strokeMiterLimit; - if (stroke.toLive) { - if (stroke.gradientUnits === 'percentage' || stroke.gradientTransform || stroke.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - this._applyPatternForTransformedGradient(ctx, stroke); - } - else { - // is a simple gradient or pattern - ctx.strokeStyle = stroke.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, stroke); - } - } - else { - // is a color - ctx.strokeStyle = decl.stroke; - } - } - }, - - _setFillStyles: function(ctx, decl) { - var fill = decl.fill; - if (fill) { - if (fill.toLive) { - ctx.fillStyle = fill.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, decl.fill); - } - else { - ctx.fillStyle = fill; - } - } - }, - - _setClippingProperties: function(ctx) { - ctx.globalAlpha = 1; - ctx.strokeStyle = 'transparent'; - ctx.fillStyle = '#000000'; - }, - - /** - * @private - * Sets line dash - * @param {CanvasRenderingContext2D} ctx Context to set the dash line on - * @param {Array} dashArray array representing dashes - */ - _setLineDash: function(ctx, dashArray) { - if (!dashArray || dashArray.length === 0) { - return; - } - // Spec requires the concatenation of two copies the dash list when the number of elements is odd - if (1 & dashArray.length) { - dashArray.push.apply(dashArray, dashArray); - } - ctx.setLineDash(dashArray); - }, - - /** - * Renders controls and borders for the object - * the context here is not transformed - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style - */ - _renderControls: function(ctx, styleOverride) { - var vpt = this.getViewportTransform(), - matrix = this.calcTransformMatrix(), - options, drawBorders, drawControls; - styleOverride = styleOverride || { }; - drawBorders = typeof styleOverride.hasBorders !== 'undefined' ? styleOverride.hasBorders : this.hasBorders; - drawControls = typeof styleOverride.hasControls !== 'undefined' ? styleOverride.hasControls : this.hasControls; - matrix = fabric.util.multiplyTransformMatrices(vpt, matrix); - options = fabric.util.qrDecompose(matrix); - ctx.save(); - ctx.translate(options.translateX, options.translateY); - ctx.lineWidth = 1 * this.borderScaleFactor; - if (!this.group) { - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - } - if (this.flipX) { - options.angle -= 180; - } - ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); - if (styleOverride.forActiveSelection || this.group) { - drawBorders && this.drawBordersInGroup(ctx, options, styleOverride); - } - else { - drawBorders && this.drawBorders(ctx, styleOverride); - } - drawControls && this.drawControls(ctx, styleOverride); - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _setShadow: function(ctx) { - if (!this.shadow) { - return; - } - - var shadow = this.shadow, canvas = this.canvas, scaling, - multX = (canvas && canvas.viewportTransform[0]) || 1, - multY = (canvas && canvas.viewportTransform[3]) || 1; - if (shadow.nonScaling) { - scaling = { scaleX: 1, scaleY: 1 }; - } - else { - scaling = this.getObjectScaling(); - } - if (canvas && canvas._isRetinaScaling()) { - multX *= fabric.devicePixelRatio; - multY *= fabric.devicePixelRatio; - } - ctx.shadowColor = shadow.color; - ctx.shadowBlur = shadow.blur * fabric.browserShadowBlurConstant * - (multX + multY) * (scaling.scaleX + scaling.scaleY) / 4; - ctx.shadowOffsetX = shadow.offsetX * multX * scaling.scaleX; - ctx.shadowOffsetY = shadow.offsetY * multY * scaling.scaleY; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _removeShadow: function(ctx) { - if (!this.shadow) { - return; - } - - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} filler fabric.Pattern or fabric.Gradient - * @return {Object} offset.offsetX offset for text rendering - * @return {Object} offset.offsetY offset for text rendering - */ - _applyPatternGradientTransform: function(ctx, filler) { - if (!filler || !filler.toLive) { - return { offsetX: 0, offsetY: 0 }; - } - var t = filler.gradientTransform || filler.patternTransform; - var offsetX = -this.width / 2 + filler.offsetX || 0, - offsetY = -this.height / 2 + filler.offsetY || 0; - - if (filler.gradientUnits === 'percentage') { - ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); - } - else { - ctx.transform(1, 0, 0, 1, offsetX, offsetY); - } - if (t) { - ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); - } - return { offsetX: offsetX, offsetY: offsetY }; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderPaintInOrder: function(ctx) { - if (this.paintFirst === 'stroke') { - this._renderStroke(ctx); - this._renderFill(ctx); - } - else { - this._renderFill(ctx); - this._renderStroke(ctx); - } - }, - - /** - * @private - * function that actually render something on the context. - * empty here to allow Obects to work on tests to benchmark fabric functionalites - * not related to rendering - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(/* ctx */) { - - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderFill: function(ctx) { - if (!this.fill) { - return; - } - - ctx.save(); - this._setFillStyles(ctx, this); - if (this.fillRule === 'evenodd') { - ctx.fill('evenodd'); - } - else { - ctx.fill(); - } - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderStroke: function(ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - - ctx.save(); - if (this.strokeUniform && this.group) { - var scaling = this.getObjectScaling(); - ctx.scale(1 / scaling.scaleX, 1 / scaling.scaleY); - } - else if (this.strokeUniform) { - ctx.scale(1 / this.scaleX, 1 / this.scaleY); - } - this._setLineDash(ctx, this.strokeDashArray); - this._setStrokeStyles(ctx, this); - ctx.stroke(); - ctx.restore(); - }, - - /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Gradient} filler a fabric gradient instance - */ - _applyPatternForTransformedGradient: function(ctx, filler) { - var dims = this._limitCacheSize(this._getCacheCanvasDimensions()), - pCanvas = fabric.util.createCanvasElement(), pCtx, retinaScaling = this.canvas.getRetinaScaling(), - width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; - pCanvas.width = width; - pCanvas.height = height; - pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); - pCtx.lineTo(0, height); pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.scale( - dims.zoomX / this.scaleX / retinaScaling, - dims.zoomY / this.scaleY / retinaScaling - ); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fillStyle = filler.toLive(ctx); - pCtx.fill(); - ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); - ctx.scale( - retinaScaling * this.scaleX / dims.zoomX, - retinaScaling * this.scaleY / dims.zoomY - ); - ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); - }, - - /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates - */ - _findCenterFromElement: function() { - return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; - }, - - /** - * This function is an helper for svg import. it decompose the transformMatrix - * and assign properties to object. - * untransformed coordinates - * @private - * @chainable - */ - _assignTransformMatrixProps: function() { - if (this.transformMatrix) { - var options = fabric.util.qrDecompose(this.transformMatrix); - this.flipX = false; - this.flipY = false; - this.set('scaleX', options.scaleX); - this.set('scaleY', options.scaleY); - this.angle = options.angle; - this.skewX = options.skewX; - this.skewY = 0; - } - }, - - /** - * This function is an helper for svg import. it removes the transform matrix - * and set to object properties that fabricjs can handle - * @private - * @param {Object} preserveAspectRatioOptions - * @return {thisArg} - */ - _removeTransformMatrix: function(preserveAspectRatioOptions) { - var center = this._findCenterFromElement(); - if (this.transformMatrix) { - this._assignTransformMatrixProps(); - center = fabric.util.transformPoint(center, this.transformMatrix); - } - this.transformMatrix = null; - if (preserveAspectRatioOptions) { - this.scaleX *= preserveAspectRatioOptions.scaleX; - this.scaleY *= preserveAspectRatioOptions.scaleY; - this.cropX = preserveAspectRatioOptions.cropX; - this.cropY = preserveAspectRatioOptions.cropY; - center.x += preserveAspectRatioOptions.offsetLeft; - center.y += preserveAspectRatioOptions.offsetTop; - this.width = preserveAspectRatioOptions.width; - this.height = preserveAspectRatioOptions.height; - } - this.setPositionByOrigin(center, 'center', 'center'); - }, - - /** - * Clones an instance, using a callback method will work for every object. - * @param {Function} callback Callback is invoked with a clone as a first argument - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - */ - clone: function(callback, propertiesToInclude) { - var objectForm = this.toObject(propertiesToInclude); - if (this.constructor.fromObject) { - this.constructor.fromObject(objectForm, callback); - } - else { - fabric.Object._fromObject('Object', objectForm, callback); - } - }, - - /** - * Creates an instance of fabric.Image out of an object - * makes use of toCanvasElement. - * Once this method was based on toDataUrl and loadImage, so it also had a quality - * and format option. toCanvasElement is faster and produce no loss of quality. - * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. - * toCanvasElement and then toBlob from the obtained canvas is also a good option. - * This method is sync now, but still support the callback because we did not want to break. - * When fabricJS 5.0 will be planned, this will probably be changed to not have a callback. - * @param {Function} callback callback, invoked with an instance as a first argument - * @param {Object} [options] for clone as image, passed to toDataURL - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {fabric.Object} thisArg - */ - cloneAsImage: function(callback, options) { - var canvasEl = this.toCanvasElement(options); - if (callback) { - callback(new fabric.Image(canvasEl)); - } - return this; - }, - - /** - * Converts an object into a HTMLCanvas element - * @param {Object} options Options object - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object - */ - toCanvasElement: function(options) { - options || (options = { }); - - var utils = fabric.util, origParams = utils.saveObjectTransform(this), - originalGroup = this.group, - originalShadow = this.shadow, abs = Math.abs, - multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? fabric.devicePixelRatio : 1); - delete this.group; - if (options.withoutTransform) { - utils.resetObjectTransform(this); - } - if (options.withoutShadow) { - this.shadow = null; - } - - var el = fabric.util.createCanvasElement(), - // skip canvas zoom and calculate with setCoords now. - boundingRect = this.getBoundingRect(true, true), - shadow = this.shadow, scaling, - shadowOffset = { x: 0, y: 0 }, shadowBlur, - width, height; - - if (shadow) { - shadowBlur = shadow.blur; - if (shadow.nonScaling) { - scaling = { scaleX: 1, scaleY: 1 }; - } - else { - scaling = this.getObjectScaling(); - } - // consider non scaling shadow. - shadowOffset.x = 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * (abs(scaling.scaleX)); - shadowOffset.y = 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * (abs(scaling.scaleY)); - } - width = boundingRect.width + shadowOffset.x; - height = boundingRect.height + shadowOffset.y; - // if the current width/height is not an integer - // we need to make it so. - el.width = Math.ceil(width); - el.height = Math.ceil(height); - var canvas = new fabric.StaticCanvas(el, { - enableRetinaScaling: false, - renderOnAddRemove: false, - skipOffscreen: false, - }); - if (options.format === 'jpeg') { - canvas.backgroundColor = '#fff'; - } - this.setPositionByOrigin(new fabric.Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); - - var originalCanvas = this.canvas; - canvas.add(this); - var canvasEl = canvas.toCanvasElement(multiplier || 1, options); - this.shadow = originalShadow; - this.set('canvas', originalCanvas); - if (originalGroup) { - this.group = originalGroup; - } - this.set(origParams).setCoords(); - // canvas.dispose will call image.dispose that will nullify the elements - // since this canvas is a simple element for the process, we remove references - // to objects in this way in order to avoid object trashing. - canvas._objects = []; - canvas.dispose(); - canvas = null; - - return canvasEl; - }, - - /** - * Converts an object into a data-url-like string - * @param {Object} options Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format - */ - toDataURL: function(options) { - options || (options = { }); - return fabric.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); - }, - - /** - * Returns true if specified type is identical to the type of an instance - * @param {String} type Type to check against - * @return {Boolean} - */ - isType: function(type) { - return this.type === type; - }, - - /** - * Returns complexity of an instance - * @return {Number} complexity of this instance (is 1 unless subclassed) - */ - complexity: function() { - return 1; - }, - - /** - * Returns a JSON representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} JSON - */ - toJSON: function(propertiesToInclude) { - // delegate, not alias - return this.toObject(propertiesToInclude); - }, - - /** - * Sets "angle" of an instance with centered rotation - * @param {Number} angle Angle value (in degrees) - * @return {fabric.Object} thisArg - * @chainable - */ - rotate: function(angle) { - var shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && this.centeredRotation; - - if (shouldCenterOrigin) { - this._setOriginToCenter(); - } - - this.set('angle', angle); - - if (shouldCenterOrigin) { - this._resetOrigin(); - } - - return this; - }, - - /** - * Centers object horizontally on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - centerH: function () { - this.canvas && this.canvas.centerObjectH(this); - return this; - }, - - /** - * Centers object horizontally on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - viewportCenterH: function () { - this.canvas && this.canvas.viewportCenterObjectH(this); - return this; - }, - - /** - * Centers object vertically on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - centerV: function () { - this.canvas && this.canvas.centerObjectV(this); - return this; - }, - - /** - * Centers object vertically on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - viewportCenterV: function () { - this.canvas && this.canvas.viewportCenterObjectV(this); - return this; - }, - - /** - * Centers object vertically and horizontally on canvas to which is was added last - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - center: function () { - this.canvas && this.canvas.centerObject(this); - return this; - }, - - /** - * Centers object on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - viewportCenter: function () { - this.canvas && this.canvas.viewportCenterObject(this); - return this; - }, - - /** - * Returns coordinates of a pointer relative to an object - * @param {Event} e Event to operate upon - * @param {Object} [pointer] Pointer to operate upon (instead of event) - * @return {Object} Coordinates of a pointer (x, y) - */ - getLocalPointer: function(e, pointer) { - pointer = pointer || this.canvas.getPointer(e); - var pClicked = new fabric.Point(pointer.x, pointer.y), - objectLeftTop = this._getLeftTopCoords(); - if (this.angle) { - pClicked = fabric.util.rotatePoint( - pClicked, objectLeftTop, degreesToRadians(-this.angle)); - } - return { - x: pClicked.x - objectLeftTop.x, - y: pClicked.y - objectLeftTop.y - }; - }, - - /** - * Sets canvas globalCompositeOperation for specific object - * custom composition operation for the particular object can be specified using globalCompositeOperation property - * @param {CanvasRenderingContext2D} ctx Rendering canvas context - */ - _setupCompositeOperation: function (ctx) { - if (this.globalCompositeOperation) { - ctx.globalCompositeOperation = this.globalCompositeOperation; - } - }, - - /** - * cancel instance's running animations - * override if necessary to dispose artifacts such as `clipPath` - */ - dispose: function () { - if (fabric.runningAnimations) { - fabric.runningAnimations.cancelByTarget(this); - } - } - }); - - fabric.util.createAccessors && fabric.util.createAccessors(fabric.Object); - - extend(fabric.Object.prototype, fabric.Observable); - - /** - * Defines the number of fraction digits to use when serializing object values. - * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. - * @static - * @memberOf fabric.Object - * @constant - * @type Number - */ - fabric.Object.NUM_FRACTION_DIGITS = 2; - - /** - * Defines which properties should be enlivened from the object passed to {@link fabric.Object._fromObject} - * @static - * @memberOf fabric.Object - * @constant - * @type string[] - */ - fabric.Object.ENLIVEN_PROPS = ['clipPath']; - - fabric.Object._fromObject = function(className, object, callback, extraParam) { - var klass = fabric[className]; - object = clone(object, true); - fabric.util.enlivenPatterns([object.fill, object.stroke], function(patterns) { - if (typeof patterns[0] !== 'undefined') { - object.fill = patterns[0]; - } - if (typeof patterns[1] !== 'undefined') { - object.stroke = patterns[1]; - } - fabric.util.enlivenObjectEnlivables(object, object, function () { - var instance = extraParam ? new klass(object[extraParam], object) : new klass(object); - callback && callback(instance); - }); - }); - }; - - /** - * Unique id used internally when creating SVG elements - * @static - * @memberOf fabric.Object - * @type Number - */ - fabric.Object.__uid = 0; -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - - var degreesToRadians = fabric.util.degreesToRadians, - originXOffset = { - left: -0.5, - center: 0, - right: 0.5 - }, - originYOffset = { - top: -0.5, - center: 0, - bottom: 0.5 - }; - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Translates the coordinates from a set of origin to another (based on the object's dimensions) - * @param {fabric.Point} point The point which corresponds to the originX and originY params - * @param {String} fromOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {String} fromOriginY Vertical origin: 'top', 'center' or 'bottom' - * @param {String} toOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {String} toOriginY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - translateToGivenOrigin: function(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { - var x = point.x, - y = point.y, - offsetX, offsetY, dim; - - if (typeof fromOriginX === 'string') { - fromOriginX = originXOffset[fromOriginX]; - } - else { - fromOriginX -= 0.5; - } - - if (typeof toOriginX === 'string') { - toOriginX = originXOffset[toOriginX]; - } - else { - toOriginX -= 0.5; - } - - offsetX = toOriginX - fromOriginX; - - if (typeof fromOriginY === 'string') { - fromOriginY = originYOffset[fromOriginY]; - } - else { - fromOriginY -= 0.5; - } - - if (typeof toOriginY === 'string') { - toOriginY = originYOffset[toOriginY]; - } - else { - toOriginY -= 0.5; - } - - offsetY = toOriginY - fromOriginY; - - if (offsetX || offsetY) { - dim = this._getTransformedDimensions(); - x = point.x + offsetX * dim.x; - y = point.y + offsetY * dim.y; - } - - return new fabric.Point(x, y); - }, - - /** - * Translates the coordinates from origin to center coordinates (based on the object's dimensions) - * @param {fabric.Point} point The point which corresponds to the originX and originY params - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - translateToCenterPoint: function(point, originX, originY) { - var p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); - if (this.angle) { - return fabric.util.rotatePoint(p, point, degreesToRadians(this.angle)); - } - return p; - }, - - /** - * Translates the coordinates from center to origin coordinates (based on the object's dimensions) - * @param {fabric.Point} center The point which corresponds to center of the object - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - translateToOriginPoint: function(center, originX, originY) { - var p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); - if (this.angle) { - return fabric.util.rotatePoint(p, center, degreesToRadians(this.angle)); - } - return p; - }, - - /** - * Returns the real center coordinates of the object - * @return {fabric.Point} - */ - getCenterPoint: function() { - var leftTop = new fabric.Point(this.left, this.top); - return this.translateToCenterPoint(leftTop, this.originX, this.originY); - }, - - /** - * Returns the coordinates of the object based on center coordinates - * @param {fabric.Point} point The point which corresponds to the originX and originY params - * @return {fabric.Point} - */ - // getOriginPoint: function(center) { - // return this.translateToOriginPoint(center, this.originX, this.originY); - // }, - - /** - * Returns the coordinates of the object as if it has a different origin - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - getPointByOrigin: function(originX, originY) { - var center = this.getCenterPoint(); - return this.translateToOriginPoint(center, originX, originY); - }, - - /** - * Returns the point in local coordinates - * @param {fabric.Point} point The point relative to the global coordinate system - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - toLocalPoint: function(point, originX, originY) { - var center = this.getCenterPoint(), - p, p2; - - if (typeof originX !== 'undefined' && typeof originY !== 'undefined' ) { - p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); - } - else { - p = new fabric.Point(this.left, this.top); - } - - p2 = new fabric.Point(point.x, point.y); - if (this.angle) { - p2 = fabric.util.rotatePoint(p2, center, -degreesToRadians(this.angle)); - } - return p2.subtractEquals(p); - }, - - /** - * Returns the point in global coordinates - * @param {fabric.Point} The point relative to the local coordinate system - * @return {fabric.Point} - */ - // toGlobalPoint: function(point) { - // return fabric.util.rotatePoint(point, this.getCenterPoint(), degreesToRadians(this.angle)).addEquals(new fabric.Point(this.left, this.top)); - // }, - - /** - * Sets the position of the object taking into consideration the object's origin - * @param {fabric.Point} pos The new position of the object - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {void} - */ - setPositionByOrigin: function(pos, originX, originY) { - var center = this.translateToCenterPoint(pos, originX, originY), - position = this.translateToOriginPoint(center, this.originX, this.originY); - this.set('left', position.x); - this.set('top', position.y); - }, - - /** - * @param {String} to One of 'left', 'center', 'right' - */ - adjustPosition: function(to) { - var angle = degreesToRadians(this.angle), - hypotFull = this.getScaledWidth(), - xFull = fabric.util.cos(angle) * hypotFull, - yFull = fabric.util.sin(angle) * hypotFull, - offsetFrom, offsetTo; - - //TODO: this function does not consider mixed situation like top, center. - if (typeof this.originX === 'string') { - offsetFrom = originXOffset[this.originX]; - } - else { - offsetFrom = this.originX - 0.5; - } - if (typeof to === 'string') { - offsetTo = originXOffset[to]; - } - else { - offsetTo = to - 0.5; - } - this.left += xFull * (offsetTo - offsetFrom); - this.top += yFull * (offsetTo - offsetFrom); - this.setCoords(); - this.originX = to; - }, - - /** - * Sets the origin/position of the object to it's center point - * @private - * @return {void} - */ - _setOriginToCenter: function() { - this._originalOriginX = this.originX; - this._originalOriginY = this.originY; - - var center = this.getCenterPoint(); - - this.originX = 'center'; - this.originY = 'center'; - - this.left = center.x; - this.top = center.y; - }, - - /** - * Resets the origin/position of the object to it's original origin - * @private - * @return {void} - */ - _resetOrigin: function() { - var originPoint = this.translateToOriginPoint( - this.getCenterPoint(), - this._originalOriginX, - this._originalOriginY); - - this.originX = this._originalOriginX; - this.originY = this._originalOriginY; - - this.left = originPoint.x; - this.top = originPoint.y; - - this._originalOriginX = null; - this._originalOriginY = null; - }, - - /** - * @private - */ - _getLeftTopCoords: function() { - return this.translateToOriginPoint(this.getCenterPoint(), 'left', 'top'); - }, - }); - -})(); - - -(function() { - - function arrayFromCoords(coords) { - return [ - new fabric.Point(coords.tl.x, coords.tl.y), - new fabric.Point(coords.tr.x, coords.tr.y), - new fabric.Point(coords.br.x, coords.br.y), - new fabric.Point(coords.bl.x, coords.bl.y) - ]; - } - - var util = fabric.util, - degreesToRadians = util.degreesToRadians, - multiplyMatrices = util.multiplyTransformMatrices, - transformPoint = util.transformPoint; - - util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Describe object's corner position in canvas element coordinates. - * properties are depending on control keys and padding the main controls. - * each property is an object with x, y and corner. - * The `corner` property contains in a similar manner the 4 points of the - * interactive area of the corner. - * The coordinates depends from the controls positionHandler and are used - * to draw and locate controls - * @memberOf fabric.Object.prototype - */ - oCoords: null, - - /** - * Describe object's corner position in canvas object absolute coordinates - * properties are tl,tr,bl,br and describe the four main corner. - * each property is an object with x, y, instance of Fabric.Point. - * The coordinates depends from this properties: width, height, scaleX, scaleY - * skewX, skewY, angle, strokeWidth, top, left. - * Those coordinates are useful to understand where an object is. They get updated - * with oCoords but they do not need to be updated when zoom or panning change. - * The coordinates get updated with @method setCoords. - * You can calculate them without updating with @method calcACoords(); - * @memberOf fabric.Object.prototype - */ - aCoords: null, - - /** - * Describe object's corner position in canvas element coordinates. - * includes padding. Used of object detection. - * set and refreshed with setCoords. - * @memberOf fabric.Object.prototype - */ - lineCoords: null, - - /** - * storage for object transform matrix - */ - ownMatrixCache: null, - - /** - * storage for object full transform matrix - */ - matrixCache: null, - - /** - * custom controls interface - * controls are added by default_controls.js - */ - controls: { }, - - /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * @param {Boolean} absolute will return aCoords if true or lineCoords - * @return {Object} {tl, tr, br, bl} points - */ - _getCoords: function(absolute, calculate) { - if (calculate) { - return (absolute ? this.calcACoords() : this.calcLineCoords()); - } - if (!this.aCoords || !this.lineCoords) { - this.setCoords(true); - } - return (absolute ? this.aCoords : this.lineCoords); - }, - - /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * The coords are returned in an array. - * @return {Array} [tl, tr, br, bl] of points - */ - getCoords: function(absolute, calculate) { - return arrayFromCoords(this._getCoords(absolute, calculate)); - }, - - /** - * Checks if object intersects with an area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object intersects with an area formed by 2 points - */ - intersectsWithRect: function(pointTL, pointBR, absolute, calculate) { - var coords = this.getCoords(absolute, calculate), - intersection = fabric.Intersection.intersectPolygonRectangle( - coords, - pointTL, - pointBR - ); - return intersection.status === 'Intersection'; - }, - - /** - * Checks if object intersects with another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object intersects with another object - */ - intersectsWithObject: function(other, absolute, calculate) { - var intersection = fabric.Intersection.intersectPolygonPolygon( - this.getCoords(absolute, calculate), - other.getCoords(absolute, calculate) - ); - - return intersection.status === 'Intersection' - || other.isContainedWithinObject(this, absolute, calculate) - || this.isContainedWithinObject(other, absolute, calculate); - }, - - /** - * Checks if object is fully contained within area of another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object is fully contained within area of another object - */ - isContainedWithinObject: function(other, absolute, calculate) { - var points = this.getCoords(absolute, calculate), - otherCoords = absolute ? other.aCoords : other.lineCoords, - i = 0, lines = other._getImageLines(otherCoords); - for (; i < 4; i++) { - if (!other.containsPoint(points[i], lines)) { - return false; - } - } - return true; - }, - - /** - * Checks if object is fully contained within area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object is fully contained within area formed by 2 points - */ - isContainedWithinRect: function(pointTL, pointBR, absolute, calculate) { - var boundingRect = this.getBoundingRect(absolute, calculate); - - return ( - boundingRect.left >= pointTL.x && - boundingRect.left + boundingRect.width <= pointBR.x && - boundingRect.top >= pointTL.y && - boundingRect.top + boundingRect.height <= pointBR.y - ); - }, - - /** - * Checks if point is inside the object - * @param {fabric.Point} point Point to check against - * @param {Object} [lines] object returned from @method _getImageLines - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if point is inside the object - */ - containsPoint: function(point, lines, absolute, calculate) { - var coords = this._getCoords(absolute, calculate), - lines = lines || this._getImageLines(coords), - xPoints = this._findCrossPoints(point, lines); - // if xPoints is odd then point is inside the object - return (xPoints !== 0 && xPoints % 2 === 1); - }, - - /** - * Checks if object is contained within the canvas with current viewportTransform - * the check is done stopping at first point that appears on screen - * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords - * @return {Boolean} true if object is fully or partially contained within canvas - */ - isOnScreen: function(calculate) { - if (!this.canvas) { - return false; - } - var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; - var points = this.getCoords(true, calculate); - // if some point is on screen, the object is on screen. - if (points.some(function(point) { - return point.x <= pointBR.x && point.x >= pointTL.x && - point.y <= pointBR.y && point.y >= pointTL.y; - })) { - return true; - } - // no points on screen, check intersection with absolute coordinates - if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { - return true; - } - return this._containsCenterOfCanvas(pointTL, pointBR, calculate); - }, - - /** - * Checks if the object contains the midpoint between canvas extremities - * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen - * @private - * @param {Fabric.Point} pointTL Top Left point - * @param {Fabric.Point} pointBR Top Right point - * @param {Boolean} calculate use coordinates of current position instead of .oCoords - * @return {Boolean} true if the object contains the point - */ - _containsCenterOfCanvas: function(pointTL, pointBR, calculate) { - // worst case scenario the object is so big that contains the screen - var centerPoint = { x: (pointTL.x + pointBR.x) / 2, y: (pointTL.y + pointBR.y) / 2 }; - if (this.containsPoint(centerPoint, null, true, calculate)) { - return true; - } - return false; - }, - - /** - * Checks if object is partially contained within the canvas with current viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object is partially contained within canvas - */ - isPartiallyOnScreen: function(calculate) { - if (!this.canvas) { - return false; - } - var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; - if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { - return true; - } - var allPointsAreOutside = this.getCoords(true, calculate).every(function(point) { - return (point.x >= pointBR.x || point.x <= pointTL.x) && - (point.y >= pointBR.y || point.y <= pointTL.y); - }); - return allPointsAreOutside && this._containsCenterOfCanvas(pointTL, pointBR, calculate); - }, - - /** - * Method that returns an object with the object edges in it, given the coordinates of the corners - * @private - * @param {Object} oCoords Coordinates of the object corners - */ - _getImageLines: function(oCoords) { - - var lines = { - topline: { - o: oCoords.tl, - d: oCoords.tr - }, - rightline: { - o: oCoords.tr, - d: oCoords.br - }, - bottomline: { - o: oCoords.br, - d: oCoords.bl - }, - leftline: { - o: oCoords.bl, - d: oCoords.tl - } - }; - - // // debugging - // if (this.canvas.contextTop) { - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - // } - - return lines; - }, - - /** - * Helper method to determine how many cross points are between the 4 object edges - * and the horizontal line determined by a point on canvas - * @private - * @param {fabric.Point} point Point to check - * @param {Object} lines Coordinates of the object being evaluated - */ - // remove yi, not used but left code here just in case. - _findCrossPoints: function(point, lines) { - var b1, b2, a1, a2, xi, // yi, - xcount = 0, - iLine; - - for (var lineKey in lines) { - iLine = lines[lineKey]; - // optimisation 1: line below point. no cross - if ((iLine.o.y < point.y) && (iLine.d.y < point.y)) { - continue; - } - // optimisation 2: line above point. no cross - if ((iLine.o.y >= point.y) && (iLine.d.y >= point.y)) { - continue; - } - // optimisation 3: vertical line case - if ((iLine.o.x === iLine.d.x) && (iLine.o.x >= point.x)) { - xi = iLine.o.x; - // yi = point.y; - } - // calculate the intersection point - else { - b1 = 0; - b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); - a1 = point.y - b1 * point.x; - a2 = iLine.o.y - b2 * iLine.o.x; - - xi = -(a1 - a2) / (b1 - b2); - // yi = a1 + b1 * xi; - } - // dont count xi < point.x cases - if (xi >= point.x) { - xcount += 1; - } - // optimisation 4: specific for square images - if (xcount === 2) { - break; - } - } - return xcount; - }, - - /** - * Returns coordinates of object's bounding rectangle (left, top, width, height) - * the box is intended as aligned to axis of canvas. - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords / .aCoords - * @return {Object} Object with left, top, width, height properties - */ - getBoundingRect: function(absolute, calculate) { - var coords = this.getCoords(absolute, calculate); - return util.makeBoundingBoxFromPoints(coords); - }, - - /** - * Returns width of an object's bounding box counting transformations - * before 2.0 it was named getWidth(); - * @return {Number} width value - */ - getScaledWidth: function() { - return this._getTransformedDimensions().x; - }, - - /** - * Returns height of an object bounding box counting transformations - * before 2.0 it was named getHeight(); - * @return {Number} height value - */ - getScaledHeight: function() { - return this._getTransformedDimensions().y; - }, - - /** - * Makes sure the scale is valid and modifies it if necessary - * @private - * @param {Number} value - * @return {Number} - */ - _constrainScale: function(value) { - if (Math.abs(value) < this.minScaleLimit) { - if (value < 0) { - return -this.minScaleLimit; - } - else { - return this.minScaleLimit; - } - } - else if (value === 0) { - return 0.0001; - } - return value; - }, - - /** - * Scales an object (equally by x and y) - * @param {Number} value Scale factor - * @return {fabric.Object} thisArg - * @chainable - */ - scale: function(value) { - this._set('scaleX', value); - this._set('scaleY', value); - return this.setCoords(); - }, - - /** - * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New width value - * @param {Boolean} absolute ignore viewport - * @return {fabric.Object} thisArg - * @chainable - */ - scaleToWidth: function(value, absolute) { - // adjust to bounding rect factor so that rotated shapes would fit as well - var boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); - return this.scale(value / this.width / boundingRectFactor); - }, - - /** - * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New height value - * @param {Boolean} absolute ignore viewport - * @return {fabric.Object} thisArg - * @chainable - */ - scaleToHeight: function(value, absolute) { - // adjust to bounding rect factor so that rotated shapes would fit as well - var boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); - return this.scale(value / this.height / boundingRectFactor); - }, - - calcLineCoords: function() { - var vpt = this.getViewportTransform(), - padding = this.padding, angle = degreesToRadians(this.angle), - cos = util.cos(angle), sin = util.sin(angle), - cosP = cos * padding, sinP = sin * padding, cosPSinP = cosP + sinP, - cosPMinusSinP = cosP - sinP, aCoords = this.calcACoords(); - - var lineCoords = { - tl: transformPoint(aCoords.tl, vpt), - tr: transformPoint(aCoords.tr, vpt), - bl: transformPoint(aCoords.bl, vpt), - br: transformPoint(aCoords.br, vpt), - }; - - if (padding) { - lineCoords.tl.x -= cosPMinusSinP; - lineCoords.tl.y -= cosPSinP; - lineCoords.tr.x += cosPSinP; - lineCoords.tr.y -= cosPMinusSinP; - lineCoords.bl.x -= cosPSinP; - lineCoords.bl.y += cosPMinusSinP; - lineCoords.br.x += cosPMinusSinP; - lineCoords.br.y += cosPSinP; - } - - return lineCoords; - }, - - calcOCoords: function() { - var rotateMatrix = this._calcRotateMatrix(), - translateMatrix = this._calcTranslateMatrix(), - vpt = this.getViewportTransform(), - startMatrix = multiplyMatrices(vpt, translateMatrix), - finalMatrix = multiplyMatrices(startMatrix, rotateMatrix), - finalMatrix = multiplyMatrices(finalMatrix, [1 / vpt[0], 0, 0, 1 / vpt[3], 0, 0]), - dim = this._calculateCurrentDimensions(), - coords = {}; - this.forEachControl(function(control, key, fabricObject) { - coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); - }); - - // debug code - // var canvas = this.canvas; - // setTimeout(function() { - // canvas.contextTop.clearRect(0, 0, 700, 700); - // canvas.contextTop.fillStyle = 'green'; - // Object.keys(coords).forEach(function(key) { - // var control = coords[key]; - // canvas.contextTop.fillRect(control.x, control.y, 3, 3); - // }); - // }, 50); - return coords; - }, - - calcACoords: function() { - var rotateMatrix = this._calcRotateMatrix(), - translateMatrix = this._calcTranslateMatrix(), - finalMatrix = multiplyMatrices(translateMatrix, rotateMatrix), - dim = this._getTransformedDimensions(), - w = dim.x / 2, h = dim.y / 2; - return { - // corners - tl: transformPoint({ x: -w, y: -h }, finalMatrix), - tr: transformPoint({ x: w, y: -h }, finalMatrix), - bl: transformPoint({ x: -w, y: h }, finalMatrix), - br: transformPoint({ x: w, y: h }, finalMatrix) - }; - }, - - /** - * Sets corner and controls position coordinates based on current angle, width and height, left and top. - * oCoords are used to find the corners - * aCoords are used to quickly find an object on the canvas - * lineCoords are used to quickly find object during pointer events. - * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} - * - * @param {Boolean} [skipCorners] skip calculation of oCoords. - * @return {fabric.Object} thisArg - * @chainable - */ - setCoords: function(skipCorners) { - this.aCoords = this.calcACoords(); - // in case we are in a group, for how the inner group target check works, - // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. - this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); - if (skipCorners) { - return this; - } - // set coordinates of the draggable boxes in the corners used to scale/rotate the image - this.oCoords = this.calcOCoords(); - this._setCornerCoords && this._setCornerCoords(); - return this; - }, - - /** - * calculate rotation matrix of an object - * @return {Array} rotation matrix for the object - */ - _calcRotateMatrix: function() { - return util.calcRotateMatrix(this); - }, - - /** - * calculate the translation matrix for an object transform - * @return {Array} rotation matrix for the object - */ - _calcTranslateMatrix: function() { - var center = this.getCenterPoint(); - return [1, 0, 0, 1, center.x, center.y]; - }, - - transformMatrixKey: function(skipGroup) { - var sep = '_', prefix = ''; - if (!skipGroup && this.group) { - prefix = this.group.transformMatrixKey(skipGroup) + sep; - }; - return prefix + this.top + sep + this.left + sep + this.scaleX + sep + this.scaleY + - sep + this.skewX + sep + this.skewY + sep + this.angle + sep + this.originX + sep + this.originY + - sep + this.width + sep + this.height + sep + this.strokeWidth + this.flipX + this.flipY; - }, - - /** - * calculate transform matrix that represents the current transformations from the - * object's properties. - * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations - * There are some situation in which this is useful to avoid the fake rotation. - * @return {Array} transform matrix for the object - */ - calcTransformMatrix: function(skipGroup) { - var matrix = this.calcOwnMatrix(); - if (skipGroup || !this.group) { - return matrix; - } - var key = this.transformMatrixKey(skipGroup), cache = this.matrixCache || (this.matrixCache = {}); - if (cache.key === key) { - return cache.value; - } - if (this.group) { - matrix = multiplyMatrices(this.group.calcTransformMatrix(false), matrix); - } - cache.key = key; - cache.value = matrix; - return matrix; - }, - - /** - * calculate transform matrix that represents the current transformations from the - * object's properties, this matrix does not include the group transformation - * @return {Array} transform matrix for the object - */ - calcOwnMatrix: function() { - var key = this.transformMatrixKey(true), cache = this.ownMatrixCache || (this.ownMatrixCache = {}); - if (cache.key === key) { - return cache.value; - } - var tMatrix = this._calcTranslateMatrix(), - options = { - angle: this.angle, - translateX: tMatrix[4], - translateY: tMatrix[5], - scaleX: this.scaleX, - scaleY: this.scaleY, - skewX: this.skewX, - skewY: this.skewY, - flipX: this.flipX, - flipY: this.flipY, - }; - cache.key = key; - cache.value = util.composeMatrix(options); - return cache.value; - }, - - /* - * Calculate object dimensions from its properties - * @private - * @return {Object} .x width dimension - * @return {Object} .y height dimension - */ - _getNonTransformedDimensions: function() { - var strokeWidth = this.strokeWidth, - w = this.width + strokeWidth, - h = this.height + strokeWidth; - return { x: w, y: h }; - }, - - /* - * Calculate object bounding box dimensions from its properties scale, skew. - * @param {Number} skewX, a value to override current skewX - * @param {Number} skewY, a value to override current skewY - * @private - * @return {Object} .x width dimension - * @return {Object} .y height dimension - */ - _getTransformedDimensions: function(skewX, skewY) { - if (typeof skewX === 'undefined') { - skewX = this.skewX; - } - if (typeof skewY === 'undefined') { - skewY = this.skewY; - } - var dimensions, dimX, dimY, - noSkew = skewX === 0 && skewY === 0; - - if (this.strokeUniform) { - dimX = this.width; - dimY = this.height; - } - else { - dimensions = this._getNonTransformedDimensions(); - dimX = dimensions.x; - dimY = dimensions.y; - } - if (noSkew) { - return this._finalizeDimensions(dimX * this.scaleX, dimY * this.scaleY); - } - var bbox = util.sizeAfterTransform(dimX, dimY, { - scaleX: this.scaleX, - scaleY: this.scaleY, - skewX: skewX, - skewY: skewY, - }); - return this._finalizeDimensions(bbox.x, bbox.y); - }, - - /* - * Calculate object bounding box dimensions from its properties scale, skew. - * @param Number width width of the bbox - * @param Number height height of the bbox - * @private - * @return {Object} .x finalized width dimension - * @return {Object} .y finalized height dimension - */ - _finalizeDimensions: function(width, height) { - return this.strokeUniform ? - { x: width + this.strokeWidth, y: height + this.strokeWidth } - : - { x: width, y: height }; - }, - - /* - * Calculate object dimensions for controls box, including padding and canvas zoom. - * and active selection - * private - */ - _calculateCurrentDimensions: function() { - var vpt = this.getViewportTransform(), - dim = this._getTransformedDimensions(), - p = transformPoint(dim, vpt, true); - return p.scalarAdd(2 * this.padding); - }, - }); -})(); - - -fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Moves an object to the bottom of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - sendToBack: function() { - if (this.group) { - fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); - } - else if (this.canvas) { - this.canvas.sendToBack(this); - } - return this; - }, - - /** - * Moves an object to the top of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - bringToFront: function() { - if (this.group) { - fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); - } - else if (this.canvas) { - this.canvas.bringToFront(this); - } - return this; - }, - - /** - * Moves an object down in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - sendBackwards: function(intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.sendBackwards(this, intersecting); - } - return this; - }, - - /** - * Moves an object up in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - bringForward: function(intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.bringForward(this, intersecting); - } - return this; - }, - - /** - * Moves an object to specified level in stack of drawn objects - * @param {Number} index New position of object - * @return {fabric.Object} thisArg - * @chainable - */ - moveTo: function(index) { - if (this.group && this.group.type !== 'activeSelection') { - fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); - } - else if (this.canvas) { - this.canvas.moveTo(this, index); - } - return this; - } -}); - - -/* _TO_SVG_START_ */ -(function() { - function getSvgColorString(prop, value) { - if (!value) { - return prop + ': none; '; - } - else if (value.toLive) { - return prop + ': url(#SVGID_' + value.id + '); '; - } - else { - var color = new fabric.Color(value), - str = prop + ': ' + color.toRgb() + '; ', - opacity = color.getAlpha(); - if (opacity !== 1) { - //change the color in rgb + opacity - str += prop + '-opacity: ' + opacity.toString() + '; '; - } - return str; - } - } - - var toFixed = fabric.util.toFixed; - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function(skipShadow) { - - var fillRule = this.fillRule ? this.fillRule : 'nonzero', - strokeWidth = this.strokeWidth ? this.strokeWidth : '0', - strokeDashArray = this.strokeDashArray ? this.strokeDashArray.join(' ') : 'none', - strokeDashOffset = this.strokeDashOffset ? this.strokeDashOffset : '0', - strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', - strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', - strokeMiterLimit = this.strokeMiterLimit ? this.strokeMiterLimit : '4', - opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', - visibility = this.visible ? '' : ' visibility: hidden;', - filter = skipShadow ? '' : this.getSvgFilter(), - fill = getSvgColorString('fill', this.fill), - stroke = getSvgColorString('stroke', this.stroke); - - return [ - stroke, - 'stroke-width: ', strokeWidth, '; ', - 'stroke-dasharray: ', strokeDashArray, '; ', - 'stroke-linecap: ', strokeLineCap, '; ', - 'stroke-dashoffset: ', strokeDashOffset, '; ', - 'stroke-linejoin: ', strokeLineJoin, '; ', - 'stroke-miterlimit: ', strokeMiterLimit, '; ', - fill, - 'fill-rule: ', fillRule, '; ', - 'opacity: ', opacity, ';', - filter, - visibility - ].join(''); - }, - - /** - * Returns styles-string for svg-export - * @param {Object} style the object from which to retrieve style properties - * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. - * @return {String} - */ - getSvgSpanStyles: function(style, useWhiteSpace) { - var term = '; '; - var fontFamily = style.fontFamily ? - 'font-family: ' + (((style.fontFamily.indexOf('\'') === -1 && style.fontFamily.indexOf('"') === -1) ? - '\'' + style.fontFamily + '\'' : style.fontFamily)) + term : ''; - var strokeWidth = style.strokeWidth ? 'stroke-width: ' + style.strokeWidth + term : '', - fontFamily = fontFamily, - fontSize = style.fontSize ? 'font-size: ' + style.fontSize + 'px' + term : '', - fontStyle = style.fontStyle ? 'font-style: ' + style.fontStyle + term : '', - fontWeight = style.fontWeight ? 'font-weight: ' + style.fontWeight + term : '', - fill = style.fill ? getSvgColorString('fill', style.fill) : '', - stroke = style.stroke ? getSvgColorString('stroke', style.stroke) : '', - textDecoration = this.getSvgTextDecoration(style), - deltaY = style.deltaY ? 'baseline-shift: ' + (-style.deltaY) + '; ' : ''; - if (textDecoration) { - textDecoration = 'text-decoration: ' + textDecoration + term; - } - - return [ - stroke, - strokeWidth, - fontFamily, - fontSize, - fontStyle, - fontWeight, - textDecoration, - fill, - deltaY, - useWhiteSpace ? 'white-space: pre; ' : '' - ].join(''); - }, - - /** - * Returns text-decoration property for svg-export - * @param {Object} style the object from which to retrieve style properties - * @return {String} - */ - getSvgTextDecoration: function(style) { - return ['overline', 'underline', 'line-through'].filter(function(decoration) { - return style[decoration.replace('-', '')]; - }).join(' '); - }, - - /** - * Returns filter for svg shadow - * @return {String} - */ - getSvgFilter: function() { - return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; - }, - - /** - * Returns id attribute for svg output - * @return {String} - */ - getSvgCommons: function() { - return [ - this.id ? 'id="' + this.id + '" ' : '', - this.clipPath ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' : '', - ].join(''); - }, - - /** - * Returns transform-string for svg-export - * @param {Boolean} use the full transform or the single object one. - * @return {String} - */ - getSvgTransform: function(full, additionalTransform) { - var transform = full ? this.calcTransformMatrix() : this.calcOwnMatrix(), - svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); - return svgTransform + - (additionalTransform || '') + '" '; - }, - - _setSVGBg: function(textBgRects) { - if (this.backgroundColor) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n'); - } - }, - - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function(reviver) { - return this._createBaseSVGMarkup(this._toSVG(reviver), { reviver: reviver }); - }, - - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function(reviver) { - return '\t' + this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { reviver: reviver }); - }, - - /** - * @private - */ - _createBaseClipPathSVGMarkup: function(objectMarkup, options) { - options = options || {}; - var reviver = options.reviver, - additionalTransform = options.additionalTransform || '', - commonPieces = [ - this.getSvgTransform(true, additionalTransform), - this.getSvgCommons(), - ].join(''), - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'); - objectMarkup[index] = commonPieces; - return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); - }, - - /** - * @private - */ - _createBaseSVGMarkup: function(objectMarkup, options) { - options = options || {}; - var noStyle = options.noStyle, - reviver = options.reviver, - styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', - shadowInfo = options.withShadow ? 'style="' + this.getSvgFilter() + '" ' : '', - clipPath = this.clipPath, - vectorEffect = this.strokeUniform ? 'vector-effect="non-scaling-stroke" ' : '', - absoluteClipPath = clipPath && clipPath.absolutePositioned, - stroke = this.stroke, fill = this.fill, shadow = this.shadow, - commonPieces, markup = [], clipPathMarkup, - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'), - additionalTransform = options.additionalTransform; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; - clipPathMarkup = '\n' + - clipPath.toClipPathSVG(reviver) + - '\n'; - } - if (absoluteClipPath) { - markup.push( - '\n' - ); - } - markup.push( - '\n' - ); - commonPieces = [ - styleInfo, - vectorEffect, - noStyle ? '' : this.addPaintOrder(), ' ', - additionalTransform ? 'transform="' + additionalTransform + '" ' : '', - ].join(''); - objectMarkup[index] = commonPieces; - if (fill && fill.toLive) { - markup.push(fill.toSVG(this)); - } - if (stroke && stroke.toLive) { - markup.push(stroke.toSVG(this)); - } - if (shadow) { - markup.push(shadow.toSVG(this)); - } - if (clipPath) { - markup.push(clipPathMarkup); - } - markup.push(objectMarkup.join('')); - markup.push('\n'); - absoluteClipPath && markup.push('\n'); - return reviver ? reviver(markup.join('')) : markup.join(''); - }, - - addPaintOrder: function() { - return this.paintFirst !== 'fill' ? ' paint-order="' + this.paintFirst + '" ' : ''; - } - }); -})(); -/* _TO_SVG_END_ */ - - -(function() { - - var extend = fabric.util.object.extend, - originalSet = 'stateProperties'; - - /* - Depends on `stateProperties` - */ - function saveProps(origin, destination, props) { - var tmpObj = { }, deep = true; - props.forEach(function(prop) { - tmpObj[prop] = origin[prop]; - }); - - extend(origin[destination], tmpObj, deep); - } - - function _isEqual(origValue, currentValue, firstPass) { - if (origValue === currentValue) { - // if the objects are identical, return - return true; - } - else if (Array.isArray(origValue)) { - if (!Array.isArray(currentValue) || origValue.length !== currentValue.length) { - return false; - } - for (var i = 0, len = origValue.length; i < len; i++) { - if (!_isEqual(origValue[i], currentValue[i])) { - return false; - } - } - return true; - } - else if (origValue && typeof origValue === 'object') { - var keys = Object.keys(origValue), key; - if (!currentValue || - typeof currentValue !== 'object' || - (!firstPass && keys.length !== Object.keys(currentValue).length) - ) { - return false; - } - for (var i = 0, len = keys.length; i < len; i++) { - key = keys[i]; - // since clipPath is in the statefull cache list and the clipPath objects - // would be iterated as an object, this would lead to possible infinite recursion - // we do not want to compare those. - if (key === 'canvas' || key === 'group') { - continue; - } - if (!_isEqual(origValue[key], currentValue[key])) { - return false; - } - } - return true; - } - } - - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Returns true if object state (one of its state properties) was changed - * @param {String} [propertySet] optional name for the set of property we want to save - * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called - */ - hasStateChanged: function(propertySet) { - propertySet = propertySet || originalSet; - var dashedPropertySet = '_' + propertySet; - if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { - return true; - } - return !_isEqual(this[dashedPropertySet], this, true); - }, - - /** - * Saves state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - saveState: function(options) { - var propertySet = options && options.propertySet || originalSet, - destination = '_' + propertySet; - if (!this[destination]) { - return this.setupState(options); - } - saveProps(this, destination, this[propertySet]); - if (options && options.stateProperties) { - saveProps(this, destination, options.stateProperties); - } - return this; - }, - - /** - * Setups state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - setupState: function(options) { - options = options || { }; - var propertySet = options.propertySet || originalSet; - options.propertySet = propertySet; - this['_' + propertySet] = { }; - this.saveState(options); - return this; - } - }); -})(); - - -(function() { - - var degreesToRadians = fabric.util.degreesToRadians; - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - /** - * Determines which corner has been clicked - * @private - * @param {Object} pointer The pointer indicating the mouse position - * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found - */ - _findTargetCorner: function(pointer, forTouch) { - // objects in group, anykind, are not self modificable, - // must not return an hovered corner. - if (!this.hasControls || this.group || (!this.canvas || this.canvas._activeObject !== this)) { - return false; - } - - var ex = pointer.x, - ey = pointer.y, - xPoints, - lines, keys = Object.keys(this.oCoords), - j = keys.length - 1, i; - this.__corner = 0; - - // cycle in reverse order so we pick first the one on top - for (; j >= 0; j--) { - i = keys[j]; - if (!this.isControlVisible(i)) { - continue; - } - - lines = this._getImageLines(forTouch ? this.oCoords[i].touchCorner : this.oCoords[i].corner); - // // debugging - // - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - - xPoints = this._findCrossPoints({ x: ex, y: ey }, lines); - if (xPoints !== 0 && xPoints % 2 === 1) { - this.__corner = i; - return i; - } - } - return false; - }, - - /** - * Calls a function for each control. The function gets called, - * with the control, the object that is calling the iterator and the control's key - * @param {Function} fn function to iterate over the controls over - */ - forEachControl: function(fn) { - for (var i in this.controls) { - fn(this.controls[i], i, this); - }; - }, - - /** - * Sets the coordinates of the draggable boxes in the corners of - * the image used to scale/rotate it. - * note: if we would switch to ROUND corner area, all of this would disappear. - * everything would resolve to a single point and a pythagorean theorem for the distance - * @private - */ - _setCornerCoords: function() { - var coords = this.oCoords; - - for (var control in coords) { - var controlObject = this.controls[control]; - coords[control].corner = controlObject.calcCornerCoords( - this.angle, this.cornerSize, coords[control].x, coords[control].y, false); - coords[control].touchCorner = controlObject.calcCornerCoords( - this.angle, this.touchCornerSize, coords[control].x, coords[control].y, true); - } - }, - - /** - * Draws a colored layer behind the object, inside its selection borders. - * Requires public options: padding, selectionBackgroundColor - * this function is called when the context is transformed - * has checks to be skipped when the object is on a staticCanvas - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @return {fabric.Object} thisArg - * @chainable - */ - drawSelectionBackground: function(ctx) { - if (!this.selectionBackgroundColor || - (this.canvas && !this.canvas.interactive) || - (this.canvas && this.canvas._activeObject !== this) - ) { - return this; - } - ctx.save(); - var center = this.getCenterPoint(), wh = this._calculateCurrentDimensions(), - vpt = this.canvas.viewportTransform; - ctx.translate(center.x, center.y); - ctx.scale(1 / vpt[0], 1 / vpt[3]); - ctx.rotate(degreesToRadians(this.angle)); - ctx.fillStyle = this.selectionBackgroundColor; - ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); - ctx.restore(); - return this; - }, - - /** - * Draws borders of an object's bounding box. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Object} styleOverride object to override the object style - * @return {fabric.Object} thisArg - * @chainable - */ - drawBorders: function(ctx, styleOverride) { - styleOverride = styleOverride || {}; - var wh = this._calculateCurrentDimensions(), - strokeWidth = this.borderScaleFactor, - width = wh.x + strokeWidth, - height = wh.y + strokeWidth, - hasControls = typeof styleOverride.hasControls !== 'undefined' ? - styleOverride.hasControls : this.hasControls, - shouldStroke = false; - - ctx.save(); - ctx.strokeStyle = styleOverride.borderColor || this.borderColor; - this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); - - ctx.strokeRect( - -width / 2, - -height / 2, - width, - height - ); - - if (hasControls) { - ctx.beginPath(); - this.forEachControl(function(control, key, fabricObject) { - // in this moment, the ctx is centered on the object. - // width and height of the above function are the size of the bbox. - if (control.withConnection && control.getVisibility(fabricObject, key)) { - // reset movement for each control - shouldStroke = true; - ctx.moveTo(control.x * width, control.y * height); - ctx.lineTo( - control.x * width + control.offsetX, - control.y * height + control.offsetY - ); - } - }); - if (shouldStroke) { - ctx.stroke(); - } - } - ctx.restore(); - return this; - }, - - /** - * Draws borders of an object's bounding box when it is inside a group. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {object} options object representing current object parameters - * @param {Object} styleOverride object to override the object style - * @return {fabric.Object} thisArg - * @chainable - */ - drawBordersInGroup: function(ctx, options, styleOverride) { - styleOverride = styleOverride || {}; - var bbox = fabric.util.sizeAfterTransform(this.width, this.height, options), - strokeWidth = this.strokeWidth, - strokeUniform = this.strokeUniform, - borderScaleFactor = this.borderScaleFactor, - width = - bbox.x + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleX) + borderScaleFactor, - height = - bbox.y + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleY) + borderScaleFactor; - ctx.save(); - this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); - ctx.strokeStyle = styleOverride.borderColor || this.borderColor; - ctx.strokeRect( - -width / 2, - -height / 2, - width, - height - ); - - ctx.restore(); - return this; - }, - - /** - * Draws corners of an object's bounding box. - * Requires public properties: width, height - * Requires public options: cornerSize, padding - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Object} styleOverride object to override the object style - * @return {fabric.Object} thisArg - * @chainable - */ - drawControls: function(ctx, styleOverride) { - styleOverride = styleOverride || {}; - ctx.save(); - var retinaScaling = this.canvas.getRetinaScaling(), matrix, p; - ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); - ctx.strokeStyle = ctx.fillStyle = styleOverride.cornerColor || this.cornerColor; - if (!this.transparentCorners) { - ctx.strokeStyle = styleOverride.cornerStrokeColor || this.cornerStrokeColor; - } - this._setLineDash(ctx, styleOverride.cornerDashArray || this.cornerDashArray); - this.setCoords(); - if (this.group) { - // fabricJS does not really support drawing controls inside groups, - // this piece of code here helps having at least the control in places. - // If an application needs to show some objects as selected because of some UI state - // can still call Object._renderControls() on any object they desire, independently of groups. - // using no padding, circular controls and hiding the rotating cursor is higly suggested, - matrix = this.group.calcTransformMatrix(); - } - this.forEachControl(function(control, key, fabricObject) { - p = fabricObject.oCoords[key]; - if (control.getVisibility(fabricObject, key)) { - if (matrix) { - p = fabric.util.transformPoint(p, matrix); - } - control.render(ctx, p.x, p.y, styleOverride, fabricObject); - } - }); - ctx.restore(); - - return this; - }, - - /** - * Returns true if the specified control is visible, false otherwise. - * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. - * @returns {Boolean} true if the specified control is visible, false otherwise - */ - isControlVisible: function(controlKey) { - return this.controls[controlKey] && this.controls[controlKey].getVisibility(this, controlKey); - }, - - /** - * Sets the visibility of the specified control. - * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. - * @param {Boolean} visible true to set the specified control visible, false otherwise - * @return {fabric.Object} thisArg - * @chainable - */ - setControlVisible: function(controlKey, visible) { - if (!this._controlsVisibility) { - this._controlsVisibility = {}; - } - this._controlsVisibility[controlKey] = visible; - return this; - }, - - /** - * Sets the visibility state of object controls. - * @param {Object} [options] Options object - * @param {Boolean} [options.bl] true to enable the bottom-left control, false to disable it - * @param {Boolean} [options.br] true to enable the bottom-right control, false to disable it - * @param {Boolean} [options.mb] true to enable the middle-bottom control, false to disable it - * @param {Boolean} [options.ml] true to enable the middle-left control, false to disable it - * @param {Boolean} [options.mr] true to enable the middle-right control, false to disable it - * @param {Boolean} [options.mt] true to enable the middle-top control, false to disable it - * @param {Boolean} [options.tl] true to enable the top-left control, false to disable it - * @param {Boolean} [options.tr] true to enable the top-right control, false to disable it - * @param {Boolean} [options.mtr] true to enable the middle-top-rotate control, false to disable it - * @return {fabric.Object} thisArg - * @chainable - */ - setControlsVisibility: function(options) { - options || (options = { }); - - for (var p in options) { - this.setControlVisible(p, options[p]); - } - return this; - }, - - - /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to deselect this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event - */ - onDeselect: function() { - // implemented by sub-classes, as needed. - }, - - - /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to select this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event - */ - onSelect: function() { - // implemented by sub-classes, as needed. - } - }); -})(); - - -fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { - - /** - * Animation duration (in ms) for fx* methods - * @type Number - * @default - */ - FX_DURATION: 500, - - /** - * Centers object horizontally with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectH: function (object, callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: object.left, - endValue: this.getCenter().left, - duration: this.FX_DURATION, - onChange: function(value) { - object.set('left', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function() { - object.setCoords(); - onComplete(); - } - }); - }, - - /** - * Centers object vertically with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectV: function (object, callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: object.top, - endValue: this.getCenter().top, - duration: this.FX_DURATION, - onChange: function(value) { - object.set('top', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function() { - object.setCoords(); - onComplete(); - } - }); - }, - - /** - * Same as `fabric.Canvas#remove` but animated - * @param {fabric.Object} object Object to remove - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxRemove: function (object, callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: object.opacity, - endValue: 0, - duration: this.FX_DURATION, - onChange: function(value) { - object.set('opacity', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - _this.remove(object); - onComplete(); - } - }); - } -}); - -fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - /** - * Animates object's properties - * @param {String|Object} property Property to animate (if string) or properties to animate (if object) - * @param {Number|Object} value Value to animate property to (if string was given first) or options object - * @return {fabric.Object} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} - * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) - * - * As object — multiple properties - * - * object.animate({ left: ..., top: ... }); - * object.animate({ left: ..., top: ... }, { duration: ... }); - * - * As string — one property - * - * object.animate('left', ...); - * object.animate('left', { duration: ... }); - * - */ - animate: function () { - if (arguments[0] && typeof arguments[0] === 'object') { - var propsToAnimate = [], prop, skipCallbacks, out = []; - for (prop in arguments[0]) { - propsToAnimate.push(prop); - } - for (var i = 0, len = propsToAnimate.length; i < len; i++) { - prop = propsToAnimate[i]; - skipCallbacks = i !== len - 1; - out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); - } - return out; - } - else { - return this._animate.apply(this, arguments); - } - }, - - /** - * @private - * @param {String} property Property to animate - * @param {String} to Value to animate to - * @param {Object} [options] Options object - * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked - */ - _animate: function(property, to, options, skipCallbacks) { - var _this = this, propPair; - - to = to.toString(); - - if (!options) { - options = { }; - } - else { - options = fabric.util.object.clone(options); - } - - if (~property.indexOf('.')) { - propPair = property.split('.'); - } - - var propIsColor = - _this.colorProperties.indexOf(property) > -1 || - (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); - - var currentValue = propPair - ? this.get(propPair[0])[propPair[1]] - : this.get(property); - - if (!('from' in options)) { - options.from = currentValue; - } - - if (!propIsColor) { - if (~to.indexOf('=')) { - to = currentValue + parseFloat(to.replace('=', '')); - } - else { - to = parseFloat(to); - } - } - - var _options = { - target: this, - startValue: options.from, - endValue: to, - byValue: options.by, - easing: options.easing, - duration: options.duration, - abort: options.abort && function(value, valueProgress, timeProgress) { - return options.abort.call(_this, value, valueProgress, timeProgress); - }, - onChange: function (value, valueProgress, timeProgress) { - if (propPair) { - _this[propPair[0]][propPair[1]] = value; - } - else { - _this.set(property, value); - } - if (skipCallbacks) { - return; - } - options.onChange && options.onChange(value, valueProgress, timeProgress); - }, - onComplete: function (value, valueProgress, timeProgress) { - if (skipCallbacks) { - return; - } - - _this.setCoords(); - options.onComplete && options.onComplete(value, valueProgress, timeProgress); - } - }; - - if (propIsColor) { - return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); - } - else { - return fabric.util.animate(_options); - } - } -}); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; - - if (fabric.Line) { - fabric.warn('fabric.Line is already defined'); - return; - } - - /** - * Line class - * @class fabric.Line - * @extends fabric.Object - * @see {@link fabric.Line#initialize} for constructor definition - */ - fabric.Line = fabric.util.createClass(fabric.Object, /** @lends fabric.Line.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'line', - - /** - * x value or first line edge - * @type Number - * @default - */ - x1: 0, - - /** - * y value or first line edge - * @type Number - * @default - */ - y1: 0, - - /** - * x value or second line edge - * @type Number - * @default - */ - x2: 0, - - /** - * y value or second line edge - * @type Number - * @default - */ - y2: 0, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), - - /** - * Constructor - * @param {Array} [points] Array of points - * @param {Object} [options] Options object - * @return {fabric.Line} thisArg - */ - initialize: function(points, options) { - if (!points) { - points = [0, 0, 0, 0]; - } - - this.callSuper('initialize', options); - - this.set('x1', points[0]); - this.set('y1', points[1]); - this.set('x2', points[2]); - this.set('y2', points[3]); - - this._setWidthHeight(options); - }, - - /** - * @private - * @param {Object} [options] Options - */ - _setWidthHeight: function(options) { - options || (options = { }); - - this.width = Math.abs(this.x2 - this.x1); - this.height = Math.abs(this.y2 - this.y1); - - this.left = 'left' in options - ? options.left - : this._getLeftToOriginX(); - - this.top = 'top' in options - ? options.top - : this._getTopToOriginY(); - }, - - /** - * @private - * @param {String} key - * @param {*} value - */ - _set: function(key, value) { - this.callSuper('_set', key, value); - if (typeof coordProps[key] !== 'undefined') { - this._setWidthHeight(); - } - return this; - }, - - /** - * @private - * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. - */ - _getLeftToOriginX: makeEdgeToOriginGetter( - { // property names - origin: 'originX', - axis1: 'x1', - axis2: 'x2', - dimension: 'width' - }, - { // possible values of origin - nearest: 'left', - center: 'center', - farthest: 'right' - } - ), - - /** - * @private - * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line. - */ - _getTopToOriginY: makeEdgeToOriginGetter( - { // property names - origin: 'originY', - axis1: 'y1', - axis2: 'y2', - dimension: 'height' - }, - { // possible values of origin - nearest: 'top', - center: 'center', - farthest: 'bottom' - } - ), - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - ctx.beginPath(); - - - var p = this.calcLinePoints(); - ctx.moveTo(p.x1, p.y1); - ctx.lineTo(p.x2, p.y2); - - ctx.lineWidth = this.strokeWidth; - - // TODO: test this - // make sure setting "fill" changes color of a line - // (by copying fillStyle to strokeStyle, since line is stroked, not filled) - var origStrokeStyle = ctx.strokeStyle; - ctx.strokeStyle = this.stroke || ctx.fillStyle; - this.stroke && this._renderStroke(ctx); - ctx.strokeStyle = origStrokeStyle; - }, - - /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates - */ - _findCenterFromElement: function() { - return { - x: (this.x1 + this.x2) / 2, - y: (this.y1 + this.y2) / 2, - }; - }, - - /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), this.calcLinePoints()); - }, - - /* - * Calculate object dimensions from its properties - * @private - */ - _getNonTransformedDimensions: function() { - var dim = this.callSuper('_getNonTransformedDimensions'); - if (this.strokeLineCap === 'butt') { - if (this.width === 0) { - dim.y -= this.strokeWidth; - } - if (this.height === 0) { - dim.x -= this.strokeWidth; - } - } - return dim; - }, - - /** - * Recalculates line points given width and height - * @private - */ - calcLinePoints: function() { - var xMult = this.x1 <= this.x2 ? -1 : 1, - yMult = this.y1 <= this.y2 ? -1 : 1, - x1 = (xMult * this.width * 0.5), - y1 = (yMult * this.height * 0.5), - x2 = (xMult * this.width * -0.5), - y2 = (yMult * this.height * -0.5); - - return { - x1: x1, - x2: x2, - y1: y1, - y2: y2 - }; - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var p = this.calcLinePoints(); - return [ - '\n' - ]; - }, - /* _TO_SVG_END_ */ - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement}) - * @static - * @memberOf fabric.Line - * @see http://www.w3.org/TR/SVG/shapes.html#LineElement - */ - fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); - - /** - * Returns fabric.Line instance from an SVG element - * @static - * @memberOf fabric.Line - * @param {SVGElement} element Element to parse - * @param {Object} [options] Options object - * @param {Function} [callback] callback function invoked after parsing - */ - fabric.Line.fromElement = function(element, callback, options) { - options = options || { }; - var parsedAttributes = fabric.parseAttributes(element, fabric.Line.ATTRIBUTE_NAMES), - points = [ - parsedAttributes.x1 || 0, - parsedAttributes.y1 || 0, - parsedAttributes.x2 || 0, - parsedAttributes.y2 || 0 - ]; - callback(new fabric.Line(points, extend(parsedAttributes, options))); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Line instance from an object representation - * @static - * @memberOf fabric.Line - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - */ - fabric.Line.fromObject = function(object, callback) { - function _callback(instance) { - delete instance.points; - callback && callback(instance); - }; - var options = clone(object, true); - options.points = [object.x1, object.y1, object.x2, object.y2]; - fabric.Object._fromObject('Line', options, _callback, 'points'); - }; - - /** - * Produces a function that calculates distance from canvas edge to Line origin. - */ - function makeEdgeToOriginGetter(propertyNames, originValues) { - var origin = propertyNames.origin, - axis1 = propertyNames.axis1, - axis2 = propertyNames.axis2, - dimension = propertyNames.dimension, - nearest = originValues.nearest, - center = originValues.center, - farthest = originValues.farthest; - - return function() { - switch (this.get(origin)) { - case nearest: - return Math.min(this.get(axis1), this.get(axis2)); - case center: - return Math.min(this.get(axis1), this.get(axis2)) + (0.5 * this.get(dimension)); - case farthest: - return Math.max(this.get(axis1), this.get(axis2)); - } - }; - - } - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - degreesToRadians = fabric.util.degreesToRadians; - - if (fabric.Circle) { - fabric.warn('fabric.Circle is already defined.'); - return; - } - - /** - * Circle class - * @class fabric.Circle - * @extends fabric.Object - * @see {@link fabric.Circle#initialize} for constructor definition - */ - fabric.Circle = fabric.util.createClass(fabric.Object, /** @lends fabric.Circle.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'circle', - - /** - * Radius of this circle - * @type Number - * @default - */ - radius: 0, - - /** - * degrees of start of the circle. - * probably will change to degrees in next major version - * @type Number 0 - 359 - * @default 0 - */ - startAngle: 0, - - /** - * End angle of the circle - * probably will change to degrees in next major version - * @type Number 1 - 360 - * @default 360 - */ - endAngle: 360, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('radius', 'startAngle', 'endAngle'), - - /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Circle} thisArg - */ - _set: function(key, value) { - this.callSuper('_set', key, value); - - if (key === 'radius') { - this.setRadius(value); - } - - return this; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['radius', 'startAngle', 'endAngle'].concat(propertiesToInclude)); - }, - - /* _TO_SVG_START_ */ - - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var svgString, x = 0, y = 0, - angle = (this.endAngle - this.startAngle) % 360; - - if (angle === 0) { - svgString = [ - '\n' - ]; - } - else { - var start = degreesToRadians(this.startAngle), - end = degreesToRadians(this.endAngle), - radius = this.radius, - startX = fabric.util.cos(start) * radius, - startY = fabric.util.sin(start) * radius, - endX = fabric.util.cos(end) * radius, - endY = fabric.util.sin(end) * radius, - largeFlag = angle > 180 ? '1' : '0'; - svgString = [ - '\n' - ]; - } - return svgString; - }, - /* _TO_SVG_END_ */ - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render on - */ - _render: function(ctx) { - ctx.beginPath(); - ctx.arc( - 0, - 0, - this.radius, - degreesToRadians(this.startAngle), - degreesToRadians(this.endAngle), - false - ); - this._renderPaintInOrder(ctx); - }, - - /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRadiusX: function() { - return this.get('radius') * this.get('scaleX'); - }, - - /** - * Returns vertical radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRadiusY: function() { - return this.get('radius') * this.get('scaleY'); - }, - - /** - * Sets radius of an object (and updates width accordingly) - * @return {fabric.Circle} thisArg - */ - setRadius: function(value) { - this.radius = value; - return this.set('width', value * 2).set('height', value * 2); - }, - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Circle.fromElement}) - * @static - * @memberOf fabric.Circle - * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement - */ - fabric.Circle.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy r'.split(' ')); - - /** - * Returns {@link fabric.Circle} instance from an SVG element - * @static - * @memberOf fabric.Circle - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @param {Object} [options] Options object - * @throws {Error} If value of `r` attribute is missing or invalid - */ - fabric.Circle.fromElement = function(element, callback) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Circle.ATTRIBUTE_NAMES); - - if (!isValidRadius(parsedAttributes)) { - throw new Error('value of `r` attribute is required and can not be negative'); - } - - parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.radius; - parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.radius; - callback(new fabric.Circle(parsedAttributes)); - }; - - /** - * @private - */ - function isValidRadius(attributes) { - return (('radius' in attributes) && (attributes.radius >= 0)); - } - /* _FROM_SVG_END_ */ - - /** - * Returns {@link fabric.Circle} instance from an object representation - * @static - * @memberOf fabric.Circle - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - * @return {void} - */ - fabric.Circle.fromObject = function(object, callback) { - fabric.Object._fromObject('Circle', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.Triangle) { - fabric.warn('fabric.Triangle is already defined'); - return; - } - - /** - * Triangle class - * @class fabric.Triangle - * @extends fabric.Object - * @return {fabric.Triangle} thisArg - * @see {@link fabric.Triangle#initialize} for constructor definition - */ - fabric.Triangle = fabric.util.createClass(fabric.Object, /** @lends fabric.Triangle.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'triangle', - - /** - * Width is set to 100 to compensate the old initialize code that was setting it to 100 - * @type Number - * @default - */ - width: 100, - - /** - * Height is set to 100 to compensate the old initialize code that was setting it to 100 - * @type Number - * @default - */ - height: 100, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - var widthBy2 = this.width / 2, - heightBy2 = this.height / 2; - - ctx.beginPath(); - ctx.moveTo(-widthBy2, heightBy2); - ctx.lineTo(0, -heightBy2); - ctx.lineTo(widthBy2, heightBy2); - ctx.closePath(); - - this._renderPaintInOrder(ctx); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var widthBy2 = this.width / 2, - heightBy2 = this.height / 2, - points = [ - -widthBy2 + ' ' + heightBy2, - '0 ' + -heightBy2, - widthBy2 + ' ' + heightBy2 - ].join(','); - return [ - '' - ]; - }, - /* _TO_SVG_END_ */ - }); - - /** - * Returns {@link fabric.Triangle} instance from an object representation - * @static - * @memberOf fabric.Triangle - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - */ - fabric.Triangle.fromObject = function(object, callback) { - return fabric.Object._fromObject('Triangle', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - piBy2 = Math.PI * 2; - - if (fabric.Ellipse) { - fabric.warn('fabric.Ellipse is already defined.'); - return; - } - - /** - * Ellipse class - * @class fabric.Ellipse - * @extends fabric.Object - * @return {fabric.Ellipse} thisArg - * @see {@link fabric.Ellipse#initialize} for constructor definition - */ - fabric.Ellipse = fabric.util.createClass(fabric.Object, /** @lends fabric.Ellipse.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'ellipse', - - /** - * Horizontal radius - * @type Number - * @default - */ - rx: 0, - - /** - * Vertical radius - * @type Number - * @default - */ - ry: 0, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), - - /** - * Constructor - * @param {Object} [options] Options object - * @return {fabric.Ellipse} thisArg - */ - initialize: function(options) { - this.callSuper('initialize', options); - this.set('rx', options && options.rx || 0); - this.set('ry', options && options.ry || 0); - }, - - /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Ellipse} thisArg - */ - _set: function(key, value) { - this.callSuper('_set', key, value); - switch (key) { - - case 'rx': - this.rx = value; - this.set('width', value * 2); - break; - - case 'ry': - this.ry = value; - this.set('height', value * 2); - break; - - } - return this; - }, - - /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRx: function() { - return this.get('rx') * this.get('scaleX'); - }, - - /** - * Returns Vertical radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRy: function() { - return this.get('ry') * this.get('scaleY'); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - return [ - '\n' - ]; - }, - /* _TO_SVG_END_ */ - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render on - */ - _render: function(ctx) { - ctx.beginPath(); - ctx.save(); - ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); - ctx.arc( - 0, - 0, - this.rx, - 0, - piBy2, - false); - ctx.restore(); - this._renderPaintInOrder(ctx); - }, - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Ellipse.fromElement}) - * @static - * @memberOf fabric.Ellipse - * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement - */ - fabric.Ellipse.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy rx ry'.split(' ')); - - /** - * Returns {@link fabric.Ellipse} instance from an SVG element - * @static - * @memberOf fabric.Ellipse - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @return {fabric.Ellipse} - */ - fabric.Ellipse.fromElement = function(element, callback) { - - var parsedAttributes = fabric.parseAttributes(element, fabric.Ellipse.ATTRIBUTE_NAMES); - - parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; - parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; - callback(new fabric.Ellipse(parsedAttributes)); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns {@link fabric.Ellipse} instance from an object representation - * @static - * @memberOf fabric.Ellipse - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - * @return {void} - */ - fabric.Ellipse.fromObject = function(object, callback) { - fabric.Object._fromObject('Ellipse', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend; - - if (fabric.Rect) { - fabric.warn('fabric.Rect is already defined'); - return; - } - - /** - * Rectangle class - * @class fabric.Rect - * @extends fabric.Object - * @return {fabric.Rect} thisArg - * @see {@link fabric.Rect#initialize} for constructor definition - */ - fabric.Rect = fabric.util.createClass(fabric.Object, /** @lends fabric.Rect.prototype */ { - - /** - * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric.Object.prototype.stateProperties.concat('rx', 'ry'), - - /** - * Type of an object - * @type String - * @default - */ - type: 'rect', - - /** - * Horizontal border radius - * @type Number - * @default - */ - rx: 0, - - /** - * Vertical border radius - * @type Number - * @default - */ - ry: 0, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), - - /** - * Constructor - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function(options) { - this.callSuper('initialize', options); - this._initRxRy(); - }, - - /** - * Initializes rx/ry attributes - * @private - */ - _initRxRy: function() { - if (this.rx && !this.ry) { - this.ry = this.rx; - } - else if (this.ry && !this.rx) { - this.rx = this.ry; - } - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - - // 1x1 case (used in spray brush) optimization was removed because - // with caching and higher zoom level this makes more damage than help - - var rx = this.rx ? Math.min(this.rx, this.width / 2) : 0, - ry = this.ry ? Math.min(this.ry, this.height / 2) : 0, - w = this.width, - h = this.height, - x = -this.width / 2, - y = -this.height / 2, - isRounded = rx !== 0 || ry !== 0, - /* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ - k = 1 - 0.5522847498; - ctx.beginPath(); - - ctx.moveTo(x + rx, y); - - ctx.lineTo(x + w - rx, y); - isRounded && ctx.bezierCurveTo(x + w - k * rx, y, x + w, y + k * ry, x + w, y + ry); - - ctx.lineTo(x + w, y + h - ry); - isRounded && ctx.bezierCurveTo(x + w, y + h - k * ry, x + w - k * rx, y + h, x + w - rx, y + h); - - ctx.lineTo(x + rx, y + h); - isRounded && ctx.bezierCurveTo(x + k * rx, y + h, x, y + h - k * ry, x, y + h - ry); - - ctx.lineTo(x, y + ry); - isRounded && ctx.bezierCurveTo(x, y + k * ry, x + k * rx, y, x + rx, y); - - ctx.closePath(); - - this._renderPaintInOrder(ctx); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var x = -this.width / 2, y = -this.height / 2; - return [ - '\n' - ]; - }, - /* _TO_SVG_END_ */ - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Rect.fromElement`) - * @static - * @memberOf fabric.Rect - * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement - */ - fabric.Rect.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y rx ry width height'.split(' ')); - - /** - * Returns {@link fabric.Rect} instance from an SVG element - * @static - * @memberOf fabric.Rect - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Rect.fromElement = function(element, callback, options) { - if (!element) { - return callback(null); - } - options = options || { }; - - var parsedAttributes = fabric.parseAttributes(element, fabric.Rect.ATTRIBUTE_NAMES); - parsedAttributes.left = parsedAttributes.left || 0; - parsedAttributes.top = parsedAttributes.top || 0; - parsedAttributes.height = parsedAttributes.height || 0; - parsedAttributes.width = parsedAttributes.width || 0; - var rect = new fabric.Rect(extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); - rect.visible = rect.visible && rect.width > 0 && rect.height > 0; - callback(rect); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns {@link fabric.Rect} instance from an object representation - * @static - * @memberOf fabric.Rect - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Rect instance is created - */ - fabric.Rect.fromObject = function(object, callback) { - return fabric.Object._fromObject('Rect', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - min = fabric.util.array.min, - max = fabric.util.array.max, - toFixed = fabric.util.toFixed, - projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; - - if (fabric.Polyline) { - fabric.warn('fabric.Polyline is already defined'); - return; - } - - /** - * Polyline class - * @class fabric.Polyline - * @extends fabric.Object - * @see {@link fabric.Polyline#initialize} for constructor definition - */ - fabric.Polyline = fabric.util.createClass(fabric.Object, /** @lends fabric.Polyline.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'polyline', - - /** - * Points array - * @type Array - * @default - */ - points: null, - - /** - * WARNING: Feature in progress - * Calculate the exact bounding box taking in account strokeWidth on acute angles - * this will be turned to true by default on fabric 6.0 - * maybe will be left in as an optimization since calculations may be slow - * @deprecated - * @type Boolean - * @default false - */ - exactBoundingBox: false, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'), - - /** - * Constructor - * @param {Array} points Array of points (where each point is an object with x and y) - * @param {Object} [options] Options object - * @return {fabric.Polyline} thisArg - * @example - * var poly = new fabric.Polyline([ - * { x: 10, y: 10 }, - * { x: 50, y: 30 }, - * { x: 40, y: 70 }, - * { x: 60, y: 50 }, - * { x: 100, y: 150 }, - * { x: 40, y: 100 } - * ], { - * stroke: 'red', - * left: 100, - * top: 100 - * }); - */ - initialize: function(points, options) { - options = options || {}; - this.points = points || []; - this.callSuper('initialize', options); - this._setPositionDimensions(options); - }, - - /** - * @private - */ - _projectStrokeOnPoints: function () { - return projectStrokeOnPoints(this.points, this, true); - }, - - _setPositionDimensions: function(options) { - var calcDim = this._calcDimensions(options), correctLeftTop, - correctSize = this.exactBoundingBox ? this.strokeWidth : 0; - this.width = calcDim.width - correctSize; - this.height = calcDim.height - correctSize; - if (!options.fromSVG) { - correctLeftTop = this.translateToGivenOrigin( - { - // this looks bad, but is one way to keep it optional for now. - x: calcDim.left - this.strokeWidth / 2 + correctSize / 2, - y: calcDim.top - this.strokeWidth / 2 + correctSize / 2 - }, - 'left', - 'top', - this.originX, - this.originY - ); - } - if (typeof options.left === 'undefined') { - this.left = options.fromSVG ? calcDim.left : correctLeftTop.x; - } - if (typeof options.top === 'undefined') { - this.top = options.fromSVG ? calcDim.top : correctLeftTop.y; - } - this.pathOffset = { - x: calcDim.left + this.width / 2 + correctSize / 2, - y: calcDim.top + this.height / 2 + correctSize / 2 - }; - }, - - /** - * Calculate the polygon min and max point from points array, - * returning an object with left, top, width, height to measure the - * polygon size - * @return {Object} object.left X coordinate of the polygon leftmost point - * @return {Object} object.top Y coordinate of the polygon topmost point - * @return {Object} object.width distance between X coordinates of the polygon leftmost and rightmost point - * @return {Object} object.height distance between Y coordinates of the polygon topmost and bottommost point - * @private - */ - _calcDimensions: function() { - - var points = this.exactBoundingBox ? this._projectStrokeOnPoints() : this.points, - minX = min(points, 'x') || 0, - minY = min(points, 'y') || 0, - maxX = max(points, 'x') || 0, - maxY = max(points, 'y') || 0, - width = (maxX - minX), - height = (maxY - minY); - - return { - left: minX, - top: minY, - width: width, - height: height, - }; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function(propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), { - points: this.points.concat() - }); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, - NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - - for (var i = 0, len = this.points.length; i < len; i++) { - points.push( - toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', - toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' ' - ); - } - return [ - '<' + this.type + ' ', 'COMMON_PARTS', - 'points="', points.join(''), - '" />\n' - ]; - }, - /* _TO_SVG_END_ */ - - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - commonRender: function(ctx) { - var point, len = this.points.length, - x = this.pathOffset.x, - y = this.pathOffset.y; - - if (!len || isNaN(this.points[len - 1].y)) { - // do not draw if no points or odd points - // NaN comes from parseFloat of a empty string in parser - return false; - } - ctx.beginPath(); - ctx.moveTo(this.points[0].x - x, this.points[0].y - y); - for (var i = 0; i < len; i++) { - point = this.points[i]; - ctx.lineTo(point.x - x, point.y - y); - } - return true; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - if (!this.commonRender(ctx)) { - return; - } - this._renderPaintInOrder(ctx); - }, - - /** - * Returns complexity of an instance - * @return {Number} complexity of this instance - */ - complexity: function() { - return this.get('points').length; - } - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement}) - * @static - * @memberOf fabric.Polyline - * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement - */ - fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); - - /** - * Returns fabric.Polyline instance from an SVG element - * @static - * @memberOf fabric.Polyline - * @param {SVGElement} element Element to parser - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Polyline.fromElementGenerator = function(_class) { - return function(element, callback, options) { - if (!element) { - return callback(null); - } - options || (options = { }); - - var points = fabric.parsePointsAttribute(element.getAttribute('points')), - parsedAttributes = fabric.parseAttributes(element, fabric[_class].ATTRIBUTE_NAMES); - parsedAttributes.fromSVG = true; - callback(new fabric[_class](points, extend(parsedAttributes, options))); - }; - }; - - fabric.Polyline.fromElement = fabric.Polyline.fromElementGenerator('Polyline'); - - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Polyline instance from an object representation - * @static - * @memberOf fabric.Polyline - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created - */ - fabric.Polyline.fromObject = function(object, callback) { - return fabric.Object._fromObject('Polyline', object, callback, 'points'); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = {}), - projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; - - if (fabric.Polygon) { - fabric.warn('fabric.Polygon is already defined'); - return; - } - - /** - * Polygon class - * @class fabric.Polygon - * @extends fabric.Polyline - * @see {@link fabric.Polygon#initialize} for constructor definition - */ - fabric.Polygon = fabric.util.createClass(fabric.Polyline, /** @lends fabric.Polygon.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'polygon', - - /** - * @private - */ - _projectStrokeOnPoints: function () { - return projectStrokeOnPoints(this.points, this); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - if (!this.commonRender(ctx)) { - return; - } - ctx.closePath(); - this._renderPaintInOrder(ctx); - }, - - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`) - * @static - * @memberOf fabric.Polygon - * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement - */ - fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); - - /** - * Returns {@link fabric.Polygon} instance from an SVG element - * @static - * @memberOf fabric.Polygon - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon'); - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Polygon instance from an object representation - * @static - * @memberOf fabric.Polygon - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created - * @return {void} - */ - fabric.Polygon.fromObject = function(object, callback) { - fabric.Object._fromObject('Polygon', object, callback, 'points'); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - min = fabric.util.array.min, - max = fabric.util.array.max, - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - _toString = Object.prototype.toString, - toFixed = fabric.util.toFixed; - - if (fabric.Path) { - fabric.warn('fabric.Path is already defined'); - return; - } - - /** - * Path class - * @class fabric.Path - * @extends fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup} - * @see {@link fabric.Path#initialize} for constructor definition - */ - fabric.Path = fabric.util.createClass(fabric.Object, /** @lends fabric.Path.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'path', - - /** - * Array of path points - * @type Array - * @default - */ - path: null, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('path', 'fillRule'), - - stateProperties: fabric.Object.prototype.stateProperties.concat('path'), - - /** - * Constructor - * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) - * @param {Object} [options] Options object - * @return {fabric.Path} thisArg - */ - initialize: function (path, options) { - options = clone(options || {}); - delete options.path; - this.callSuper('initialize', options); - this._setPath(path || [], options); - }, - - /** - * @private - * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) - * @param {Object} [options] Options object - */ - _setPath: function (path, options) { - var fromArray = _toString.call(path) === '[object Array]'; - - this.path = fabric.util.makePathSimpler( - fromArray ? path : fabric.util.parsePath(path) - ); - - fabric.Polyline.prototype._setPositionDimensions.call(this, options || {}); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _renderPathCommands: function(ctx) { - var current, // current instruction - subpathStartX = 0, - subpathStartY = 0, - x = 0, // current x - y = 0, // current y - controlX = 0, // current control point x - controlY = 0, // current control point y - l = -this.pathOffset.x, - t = -this.pathOffset.y; - - ctx.beginPath(); - - for (var i = 0, len = this.path.length; i < len; ++i) { - - current = this.path[i]; - - switch (current[0]) { // first letter - - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - ctx.lineTo(x + l, y + t); - break; - - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - ctx.moveTo(x + l, y + t); - break; - - case 'C': // bezierCurveTo, absolute - x = current[5]; - y = current[6]; - controlX = current[3]; - controlY = current[4]; - ctx.bezierCurveTo( - current[1] + l, - current[2] + t, - controlX + l, - controlY + t, - x + l, - y + t - ); - break; - - case 'Q': // quadraticCurveTo, absolute - ctx.quadraticCurveTo( - current[1] + l, - current[2] + t, - current[3] + l, - current[4] + t - ); - x = current[3]; - y = current[4]; - controlX = current[1]; - controlY = current[2]; - break; - - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - ctx.closePath(); - break; - } - } - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _render: function(ctx) { - this._renderPathCommands(ctx); - this._renderPaintInOrder(ctx); - }, - - /** - * Returns string representation of an instance - * @return {String} string representation of an instance - */ - toString: function() { - return '#'; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), { - path: this.path.map(function(item) { return item.slice(); }), - }); - }, - - /** - * Returns dataless object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function(propertiesToInclude) { - var o = this.toObject(['sourcePath'].concat(propertiesToInclude)); - if (o.sourcePath) { - delete o.path; - } - return o; - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var path = fabric.util.joinPath(this.path); - return [ - '\n' - ]; - }, - - _getOffsetTransform: function() { - var digits = fabric.Object.NUM_FRACTION_DIGITS; - return ' translate(' + toFixed(-this.pathOffset.x, digits) + ', ' + - toFixed(-this.pathOffset.y, digits) + ')'; - }, - - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function(reviver) { - var additionalTransform = this._getOffsetTransform(); - return '\t' + this._createBaseClipPathSVGMarkup( - this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform } - ); - }, - - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function(reviver) { - var additionalTransform = this._getOffsetTransform(); - return this._createBaseSVGMarkup(this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform }); - }, - /* _TO_SVG_END_ */ - - /** - * Returns number representation of an instance complexity - * @return {Number} complexity of this instance - */ - complexity: function() { - return this.path.length; - }, - - /** - * @private - */ - _calcDimensions: function() { - - var aX = [], - aY = [], - current, // current instruction - subpathStartX = 0, - subpathStartY = 0, - x = 0, // current x - y = 0, // current y - bounds; - - for (var i = 0, len = this.path.length; i < len; ++i) { - - current = this.path[i]; - - switch (current[0]) { // first letter - - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - bounds = []; - break; - - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - bounds = []; - break; - - case 'C': // bezierCurveTo, absolute - bounds = fabric.util.getBoundsOfCurve(x, y, - current[1], - current[2], - current[3], - current[4], - current[5], - current[6] - ); - x = current[5]; - y = current[6]; - break; - - case 'Q': // quadraticCurveTo, absolute - bounds = fabric.util.getBoundsOfCurve(x, y, - current[1], - current[2], - current[1], - current[2], - current[3], - current[4] - ); - x = current[3]; - y = current[4]; - break; - - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - break; - } - bounds.forEach(function (point) { - aX.push(point.x); - aY.push(point.y); - }); - aX.push(x); - aY.push(y); - } - - var minX = min(aX) || 0, - minY = min(aY) || 0, - maxX = max(aX) || 0, - maxY = max(aY) || 0, - deltaX = maxX - minX, - deltaY = maxY - minY; - - return { - left: minX, - top: minY, - width: deltaX, - height: deltaY - }; - } - }); - - /** - * Creates an instance of fabric.Path from an object - * @static - * @memberOf fabric.Path - * @param {Object} object - * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created - */ - fabric.Path.fromObject = function(object, callback) { - if (typeof object.sourcePath === 'string') { - var pathUrl = object.sourcePath; - fabric.loadSVGFromURL(pathUrl, function (elements) { - var path = elements[0]; - path.setOptions(object); - callback && callback(path); - }); - } - else { - fabric.Object._fromObject('Path', object, callback, 'path'); - } - }; - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`) - * @static - * @memberOf fabric.Path - * @see http://www.w3.org/TR/SVG/paths.html#PathElement - */ - fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']); - - /** - * Creates an instance of fabric.Path from an SVG element - * @static - * @memberOf fabric.Path - * @param {SVGElement} element to parse - * @param {Function} callback Callback to invoke when an fabric.Path instance is created - * @param {Object} [options] Options object - * @param {Function} [callback] Options callback invoked after parsing is finished - */ - fabric.Path.fromElement = function(element, callback, options) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Path.ATTRIBUTE_NAMES); - parsedAttributes.fromSVG = true; - callback(new fabric.Path(parsedAttributes.d, extend(parsedAttributes, options))); - }; - /* _FROM_SVG_END_ */ - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - min = fabric.util.array.min, - max = fabric.util.array.max; - - if (fabric.Group) { - return; - } - - /** - * Group class - * @class fabric.Group - * @extends fabric.Object - * @mixes fabric.Collection - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} - * @see {@link fabric.Group#initialize} for constructor definition - */ - fabric.Group = fabric.util.createClass(fabric.Object, fabric.Collection, /** @lends fabric.Group.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'group', - - /** - * Width of stroke - * @type Number - * @default - */ - strokeWidth: 0, - - /** - * Indicates if click, mouseover, mouseout events & hoverCursor should also check for subtargets - * @type Boolean - * @default - */ - subTargetCheck: false, - - /** - * Groups are container, do not render anything on theyr own, ence no cache properties - * @type Array - * @default - */ - cacheProperties: [], - - /** - * setOnGroup is a method used for TextBox that is no more used since 2.0.0 The behavior is still - * available setting this boolean to true. - * @type Boolean - * @since 2.0.0 - * @default - */ - useSetOnGroup: false, - - /** - * Constructor - * @param {Object} objects Group objects - * @param {Object} [options] Options object - * @param {Boolean} [isAlreadyGrouped] if true, objects have been grouped already. - * @return {Object} thisArg - */ - initialize: function(objects, options, isAlreadyGrouped) { - options = options || {}; - this._objects = []; - // if objects enclosed in a group have been grouped already, - // we cannot change properties of objects. - // Thus we need to set options to group without objects, - isAlreadyGrouped && this.callSuper('initialize', options); - this._objects = objects || []; - for (var i = this._objects.length; i--; ) { - this._objects[i].group = this; - } - - if (!isAlreadyGrouped) { - var center = options && options.centerPoint; - // we want to set origins before calculating the bounding box. - // so that the topleft can be set with that in mind. - // if specific top and left are passed, are overwritten later - // with the callSuper('initialize', options) - if (options.originX !== undefined) { - this.originX = options.originX; - } - if (options.originY !== undefined) { - this.originY = options.originY; - } - // if coming from svg i do not want to calc bounds. - // i assume width and height are passed along options - center || this._calcBounds(); - this._updateObjectsCoords(center); - delete options.centerPoint; - this.callSuper('initialize', options); - } - else { - this._updateObjectsACoords(); - } - - this.setCoords(); - }, - - /** - * @private - */ - _updateObjectsACoords: function() { - var skipControls = true; - for (var i = this._objects.length; i--; ){ - this._objects[i].setCoords(skipControls); - } - }, - - /** - * @private - * @param {Boolean} [skipCoordsChange] if true, coordinates of objects enclosed in a group do not change - */ - _updateObjectsCoords: function(center) { - var center = center || this.getCenterPoint(); - for (var i = this._objects.length; i--; ){ - this._updateObjectCoords(this._objects[i], center); - } - }, - - /** - * @private - * @param {Object} object - * @param {fabric.Point} center, current center of group. - */ - _updateObjectCoords: function(object, center) { - var objectLeft = object.left, - objectTop = object.top, - skipControls = true; - - object.set({ - left: objectLeft - center.x, - top: objectTop - center.y - }); - object.group = this; - object.setCoords(skipControls); - }, - - /** - * Returns string represenation of a group - * @return {String} - */ - toString: function() { - return '#'; - }, - - /** - * Adds an object to a group; Then recalculates group's dimension, position. - * @param {Object} object - * @return {fabric.Group} thisArg - * @chainable - */ - addWithUpdate: function(object) { - var nested = !!this.group; - this._restoreObjectsState(); - fabric.util.resetObjectTransform(this); - if (object) { - if (nested) { - // if this group is inside another group, we need to pre transform the object - fabric.util.removeTransformFromObject(object, this.group.calcTransformMatrix()); - } - this._objects.push(object); - object.group = this; - object._set('canvas', this.canvas); - } - this._calcBounds(); - this._updateObjectsCoords(); - this.dirty = true; - if (nested) { - this.group.addWithUpdate(); - } - else { - this.setCoords(); - } - return this; - }, - - /** - * Removes an object from a group; Then recalculates group's dimension, position. - * @param {Object} object - * @return {fabric.Group} thisArg - * @chainable - */ - removeWithUpdate: function(object) { - this._restoreObjectsState(); - fabric.util.resetObjectTransform(this); - - this.remove(object); - this._calcBounds(); - this._updateObjectsCoords(); - this.setCoords(); - this.dirty = true; - return this; - }, - - /** - * @private - */ - _onObjectAdded: function(object) { - this.dirty = true; - object.group = this; - object._set('canvas', this.canvas); - }, - - /** - * @private - */ - _onObjectRemoved: function(object) { - this.dirty = true; - delete object.group; - }, - - /** - * @private - */ - _set: function(key, value) { - var i = this._objects.length; - if (this.useSetOnGroup) { - while (i--) { - this._objects[i].setOnGroup(key, value); - } - } - if (key === 'canvas') { - while (i--) { - this._objects[i]._set(key, value); - } - } - fabric.Object.prototype._set.call(this, key, value); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - var _includeDefaultValues = this.includeDefaultValues; - var objsToObject = this._objects - .filter(function (obj) { - return !obj.excludeFromExport; - }) - .map(function (obj) { - var originalDefaults = obj.includeDefaultValues; - obj.includeDefaultValues = _includeDefaultValues; - var _obj = obj.toObject(propertiesToInclude); - obj.includeDefaultValues = originalDefaults; - return _obj; - }); - var obj = fabric.Object.prototype.toObject.call(this, propertiesToInclude); - obj.objects = objsToObject; - return obj; - }, - - /** - * Returns object representation of an instance, in dataless mode. - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function(propertiesToInclude) { - var objsToObject, sourcePath = this.sourcePath; - if (sourcePath) { - objsToObject = sourcePath; - } - else { - var _includeDefaultValues = this.includeDefaultValues; - objsToObject = this._objects.map(function(obj) { - var originalDefaults = obj.includeDefaultValues; - obj.includeDefaultValues = _includeDefaultValues; - var _obj = obj.toDatalessObject(propertiesToInclude); - obj.includeDefaultValues = originalDefaults; - return _obj; - }); - } - var obj = fabric.Object.prototype.toDatalessObject.call(this, propertiesToInclude); - obj.objects = objsToObject; - return obj; - }, - - /** - * Renders instance on a given context - * @param {CanvasRenderingContext2D} ctx context to render instance on - */ - render: function(ctx) { - this._transformDone = true; - this.callSuper('render', ctx); - this._transformDone = false; - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group is already cached. - * @return {Boolean} - */ - shouldCache: function() { - var ownCache = fabric.Object.prototype.shouldCache.call(this); - if (ownCache) { - for (var i = 0, len = this._objects.length; i < len; i++) { - if (this._objects[i].willDrawShadow()) { - this.ownCaching = false; - return false; - } - } - } - return ownCache; - }, - - /** - * Check if this object or a child object will cast a shadow - * @return {Boolean} - */ - willDrawShadow: function() { - if (fabric.Object.prototype.willDrawShadow.call(this)) { - return true; - } - for (var i = 0, len = this._objects.length; i < len; i++) { - if (this._objects[i].willDrawShadow()) { - return true; - } - } - return false; - }, - - /** - * Check if this group or its parent group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function() { - return this.ownCaching || (this.group && this.group.isOnACache()); - }, - - /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawObject: function(ctx) { - for (var i = 0, len = this._objects.length; i < len; i++) { - this._objects[i].render(ctx); - } - this._drawClipPath(ctx, this.clipPath); - }, - - /** - * Check if cache is dirty - */ - isCacheDirty: function(skipCanvas) { - if (this.callSuper('isCacheDirty', skipCanvas)) { - return true; - } - if (!this.statefullCache) { - return false; - } - for (var i = 0, len = this._objects.length; i < len; i++) { - if (this._objects[i].isCacheDirty(true)) { - if (this._cacheCanvas) { - // if this group has not a cache canvas there is nothing to clean - var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-x / 2, -y / 2, x, y); - } - return true; - } - } - return false; - }, - - /** - * Restores original state of each of group objects (original state is that which was before group was created). - * if the nested boolean is true, the original state will be restored just for the - * first group and not for all the group chain - * @private - * @param {Boolean} nested tell the function to restore object state up to the parent group and not more - * @return {fabric.Group} thisArg - * @chainable - */ - _restoreObjectsState: function() { - var groupMatrix = this.calcOwnMatrix(); - this._objects.forEach(function(object) { - // instead of using _this = this; - fabric.util.addTransformToObject(object, groupMatrix); - delete object.group; - object.setCoords(); - }); - return this; - }, - - /** - * Destroys a group (restoring state of its objects) - * @return {fabric.Group} thisArg - * @chainable - */ - destroy: function() { - // when group is destroyed objects needs to get a repaint to be eventually - // displayed on canvas. - this._objects.forEach(function(object) { - object.set('dirty', true); - }); - return this._restoreObjectsState(); - }, - - dispose: function () { - this.callSuper('dispose'); - this.forEachObject(function (object) { - object.dispose && object.dispose(); - }); - this._objects = []; - }, - - /** - * make a group an active selection, remove the group from canvas - * the group has to be on canvas for this to work. - * @return {fabric.ActiveSelection} thisArg - * @chainable - */ - toActiveSelection: function() { - if (!this.canvas) { - return; - } - var objects = this._objects, canvas = this.canvas; - this._objects = []; - var options = this.toObject(); - delete options.objects; - var activeSelection = new fabric.ActiveSelection([]); - activeSelection.set(options); - activeSelection.type = 'activeSelection'; - canvas.remove(this); - objects.forEach(function(object) { - object.group = activeSelection; - object.dirty = true; - canvas.add(object); - }); - activeSelection.canvas = canvas; - activeSelection._objects = objects; - canvas._activeObject = activeSelection; - activeSelection.setCoords(); - return activeSelection; - }, - - /** - * Destroys a group (restoring state of its objects) - * @return {fabric.Group} thisArg - * @chainable - */ - ungroupOnCanvas: function() { - return this._restoreObjectsState(); - }, - - /** - * Sets coordinates of all objects inside group - * @return {fabric.Group} thisArg - * @chainable - */ - setObjectsCoords: function() { - var skipControls = true; - this.forEachObject(function(object) { - object.setCoords(skipControls); - }); - return this; - }, - - /** - * @private - */ - _calcBounds: function(onlyWidthHeight) { - var aX = [], - aY = [], - o, prop, coords, - props = ['tr', 'br', 'bl', 'tl'], - i = 0, iLen = this._objects.length, - j, jLen = props.length; - - for ( ; i < iLen; ++i) { - o = this._objects[i]; - coords = o.calcACoords(); - for (j = 0; j < jLen; j++) { - prop = props[j]; - aX.push(coords[prop].x); - aY.push(coords[prop].y); - } - o.aCoords = coords; - } - - this._getBounds(aX, aY, onlyWidthHeight); - }, - - /** - * @private - */ - _getBounds: function(aX, aY, onlyWidthHeight) { - var minXY = new fabric.Point(min(aX), min(aY)), - maxXY = new fabric.Point(max(aX), max(aY)), - top = minXY.y || 0, left = minXY.x || 0, - width = (maxXY.x - minXY.x) || 0, - height = (maxXY.y - minXY.y) || 0; - this.width = width; - this.height = height; - if (!onlyWidthHeight) { - // the bounding box always finds the topleft most corner. - // whatever is the group origin, we set up here the left/top position. - this.setPositionByOrigin({ x: left, y: top }, 'left', 'top'); - } - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG: function(reviver) { - var svgString = ['\n']; - - for (var i = 0, len = this._objects.length; i < len; i++) { - svgString.push('\t\t', this._objects[i].toSVG(reviver)); - } - svgString.push('\n'); - return svgString; - }, - - /** - * Returns styles-string for svg-export, specific version for group - * @return {String} - */ - getSvgStyles: function() { - var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 ? - 'opacity: ' + this.opacity + ';' : '', - visibility = this.visible ? '' : ' visibility: hidden;'; - return [ - opacity, - this.getSvgFilter(), - visibility - ].join(''); - }, - - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function(reviver) { - var svgString = []; - - for (var i = 0, len = this._objects.length; i < len; i++) { - svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); - } - - return this._createBaseClipPathSVGMarkup(svgString, { reviver: reviver }); - }, - /* _TO_SVG_END_ */ - }); - - /** - * Returns {@link fabric.Group} instance from an object representation - * @static - * @memberOf fabric.Group - * @param {Object} object Object to create a group from - * @param {Function} [callback] Callback to invoke when an group instance is created - */ - fabric.Group.fromObject = function(object, callback) { - var objects = object.objects, - options = fabric.util.object.clone(object, true); - delete options.objects; - if (typeof objects === 'string') { - // it has to be an url or something went wrong. - fabric.loadSVGFromURL(objects, function (elements) { - var group = fabric.util.groupSVGElements(elements, object, objects); - group.set(options); - callback && callback(group); - }); - return; - } - fabric.util.enlivenObjects(objects, function (enlivenedObjects) { - var options = fabric.util.object.clone(object, true); - delete options.objects; - fabric.util.enlivenObjectEnlivables(object, options, function () { - callback && callback(new fabric.Group(enlivenedObjects, options, true)); - }); - }); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.ActiveSelection) { - return; - } - - /** - * Group class - * @class fabric.ActiveSelection - * @extends fabric.Group - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} - * @see {@link fabric.ActiveSelection#initialize} for constructor definition - */ - fabric.ActiveSelection = fabric.util.createClass(fabric.Group, /** @lends fabric.ActiveSelection.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'activeSelection', - - /** - * Constructor - * @param {Object} objects ActiveSelection objects - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function(objects, options) { - options = options || {}; - this._objects = objects || []; - for (var i = this._objects.length; i--; ) { - this._objects[i].group = this; - } - - if (options.originX) { - this.originX = options.originX; - } - if (options.originY) { - this.originY = options.originY; - } - this._calcBounds(); - this._updateObjectsCoords(); - fabric.Object.prototype.initialize.call(this, options); - this.setCoords(); - }, - - /** - * Change te activeSelection to a normal group, - * High level function that automatically adds it to canvas as - * active object. no events fired. - * @since 2.0.0 - * @return {fabric.Group} - */ - toGroup: function() { - var objects = this._objects.concat(); - this._objects = []; - var options = fabric.Object.prototype.toObject.call(this); - var newGroup = new fabric.Group([]); - delete options.type; - newGroup.set(options); - objects.forEach(function(object) { - object.canvas.remove(object); - object.group = newGroup; - }); - newGroup._objects = objects; - if (!this.canvas) { - return newGroup; - } - var canvas = this.canvas; - canvas.add(newGroup); - canvas._activeObject = newGroup; - newGroup.setCoords(); - return newGroup; - }, - - /** - * If returns true, deselection is cancelled. - * @since 2.0.0 - * @return {Boolean} [cancel] - */ - onDeselect: function() { - this.destroy(); - return false; - }, - - /** - * Returns string representation of a group - * @return {String} - */ - toString: function() { - return '#'; - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * @return {Boolean} - */ - shouldCache: function() { - return false; - }, - - /** - * Check if this group or its parent group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function() { - return false; - }, - - /** - * Renders controls and borders for the object - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style - * @param {Object} [childrenOverride] properties to override the children overrides - */ - _renderControls: function(ctx, styleOverride, childrenOverride) { - ctx.save(); - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - this.callSuper('_renderControls', ctx, styleOverride); - childrenOverride = childrenOverride || { }; - if (typeof childrenOverride.hasControls === 'undefined') { - childrenOverride.hasControls = false; - } - childrenOverride.forActiveSelection = true; - for (var i = 0, len = this._objects.length; i < len; i++) { - this._objects[i]._renderControls(ctx, childrenOverride); - } - ctx.restore(); - }, - }); - - /** - * Returns {@link fabric.ActiveSelection} instance from an object representation - * @static - * @memberOf fabric.ActiveSelection - * @param {Object} object Object to create a group from - * @param {Function} [callback] Callback to invoke when an ActiveSelection instance is created - */ - fabric.ActiveSelection.fromObject = function(object, callback) { - fabric.util.enlivenObjects(object.objects, function(enlivenedObjects) { - delete object.objects; - callback && callback(new fabric.ActiveSelection(enlivenedObjects, object, true)); - }); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var extend = fabric.util.object.extend; - - if (!global.fabric) { - global.fabric = { }; - } - - if (global.fabric.Image) { - fabric.warn('fabric.Image is already defined.'); - return; - } - - /** - * Image class - * @class fabric.Image - * @extends fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} - * @see {@link fabric.Image#initialize} for constructor definition - */ - fabric.Image = fabric.util.createClass(fabric.Object, /** @lends fabric.Image.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'image', - - /** - * Width of a stroke. - * For image quality a stroke multiple of 2 gives better results. - * @type Number - * @default - */ - strokeWidth: 0, - - /** - * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. - * This allows for relative urls as image src. - * @since 2.7.0 - * @type Boolean - * @default - */ - srcFromAttribute: false, - - /** - * private - * contains last value of scaleX to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleX: 1, - - /** - * private - * contains last value of scaleY to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleY: 1, - - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingX: 1, - - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingY: 1, - - /** - * minimum scale factor under which any resizeFilter is triggered to resize the image - * 0 will disable the automatic resize. 1 will trigger automatically always. - * number bigger than 1 are not implemented yet. - * @type Number - */ - minimumScaleTrigger: 0.5, - - /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric.Object.prototype.stateProperties.concat('cropX', 'cropY'), - - /** - * List of properties to consider when checking if cache needs refresh - * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single - * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty - * and refreshed at the next render - * @type Array - */ - cacheProperties: fabric.Object.prototype.cacheProperties.concat('cropX', 'cropY'), - - /** - * key used to retrieve the texture representing this image - * @since 2.0.0 - * @type String - * @default - */ - cacheKey: '', - - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropX: 0, - - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropY: 0, - - /** - * Indicates whether this canvas will use image smoothing when painting this image. - * Also influence if the cacheCanvas for this image uses imageSmoothing - * @since 4.0.0-beta.11 - * @type Boolean - * @default - */ - imageSmoothing: true, - - /** - * Constructor - * Image can be initialized with any canvas drawable or a string. - * The string should be a url and will be loaded as an image. - * Canvas and Image element work out of the box, while videos require extra code to work. - * Please check video element events for seeking. - * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element - * @param {Object} [options] Options object - * @param {function} [callback] callback function to call after eventual filters applied. - * @return {fabric.Image} thisArg - */ - initialize: function(element, options) { - options || (options = { }); - this.filters = []; - this.cacheKey = 'texture' + fabric.Object.__uid++; - this.callSuper('initialize', options); - this._initElement(element, options); - }, - - /** - * Returns image element which this instance if based on - * @return {HTMLImageElement} Image element - */ - getElement: function() { - return this._element || {}; - }, - - /** - * Sets image element for this instance to a specified one. - * If filters defined they are applied to new image. - * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. - * @param {HTMLImageElement} element - * @param {Object} [options] Options object - * @return {fabric.Image} thisArg - * @chainable - */ - setElement: function(element, options) { - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._element = element; - this._originalElement = element; - this._initConfig(options); - if (this.filters.length !== 0) { - this.applyFilters(); - } - // resizeFilters work on the already filtered copy. - // we need to apply resizeFilters AFTER normal filters. - // applyResizeFilters is run more often than normal filters - // and is triggered by user interactions rather than dev code - if (this.resizeFilter) { - this.applyResizeFilters(); - } - return this; - }, - - /** - * Delete a single texture if in webgl mode - */ - removeTexture: function(key) { - var backend = fabric.filterBackend; - if (backend && backend.evictCachesForKey) { - backend.evictCachesForKey(key); - } - }, - - /** - * Delete textures, reference to elements and eventually JSDOM cleanup - */ - dispose: function () { - this.callSuper('dispose'); - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._cacheContext = undefined; - ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach((function(element) { - fabric.util.cleanUpJsdomNode(this[element]); - this[element] = undefined; - }).bind(this)); - }, - - /** - * Get the crossOrigin value (of the corresponding image element) - */ - getCrossOrigin: function() { - return this._originalElement && (this._originalElement.crossOrigin || null); - }, - - /** - * Returns original size of an image - * @return {Object} Object with "width" and "height" properties - */ - getOriginalSize: function() { - var element = this.getElement(); - return { - width: element.naturalWidth || element.width, - height: element.naturalHeight || element.height - }; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _stroke: function(ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - var w = this.width / 2, h = this.height / 2; - ctx.beginPath(); - ctx.moveTo(-w, -h); - ctx.lineTo(w, -h); - ctx.lineTo(w, h); - ctx.lineTo(-w, h); - ctx.lineTo(-w, -h); - ctx.closePath(); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function(propertiesToInclude) { - var filters = []; - - this.filters.forEach(function(filterObj) { - if (filterObj) { - filters.push(filterObj.toObject()); - } - }); - var object = extend( - this.callSuper( - 'toObject', - ['cropX', 'cropY'].concat(propertiesToInclude) - ), { - src: this.getSrc(), - crossOrigin: this.getCrossOrigin(), - filters: filters, - }); - if (this.resizeFilter) { - object.resizeFilter = this.resizeFilter.toObject(); - } - return object; - }, - - /** - * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. - * @return {Boolean} - */ - hasCrop: function() { - return this.cropX || this.cropY || this.width < this._element.width || this.height < this._element.height; - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var svgString = [], imageMarkup = [], strokeSvg, element = this._element, - x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; - if (!element) { - return []; - } - if (this.hasCrop()) { - var clipPathId = fabric.Object.__uid++; - svgString.push( - '\n', - '\t\n', - '\n' - ); - clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; - } - if (!this.imageSmoothing) { - imageRendering = '" image-rendering="optimizeSpeed'; - } - imageMarkup.push('\t\n'); - - if (this.stroke || this.strokeDashArray) { - var origFill = this.fill; - this.fill = null; - strokeSvg = [ - '\t\n' - ]; - this.fill = origFill; - } - if (this.paintFirst !== 'fill') { - svgString = svgString.concat(strokeSvg, imageMarkup); - } - else { - svgString = svgString.concat(imageMarkup, strokeSvg); - } - return svgString; - }, - /* _TO_SVG_END_ */ - - /** - * Returns source of an image - * @param {Boolean} filtered indicates if the src is needed for svg - * @return {String} Source of an image - */ - getSrc: function(filtered) { - var element = filtered ? this._element : this._originalElement; - if (element) { - if (element.toDataURL) { - return element.toDataURL(); - } - - if (this.srcFromAttribute) { - return element.getAttribute('src'); - } - else { - return element.src; - } - } - else { - return this.src || ''; - } - }, - - /** - * Sets source of an image - * @param {String} src Source string (URL) - * @param {Function} [callback] Callback is invoked when image has been loaded (and all filters have been applied) - * @param {Object} [options] Options object - * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") - * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes - * @return {fabric.Image} thisArg - * @chainable - */ - setSrc: function(src, callback, options) { - fabric.util.loadImage(src, function(img, isError) { - this.setElement(img, options); - this._setWidthHeight(); - callback && callback(this, isError); - }, this, options && options.crossOrigin); - return this; - }, - - /** - * Returns string representation of an instance - * @return {String} String representation of an instance - */ - toString: function() { - return '#'; - }, - - applyResizeFilters: function() { - var filter = this.resizeFilter, - minimumScale = this.minimumScaleTrigger, - objectScale = this.getTotalObjectScaling(), - scaleX = objectScale.scaleX, - scaleY = objectScale.scaleY, - elementToFilter = this._filteredEl || this._originalElement; - if (this.group) { - this.set('dirty', true); - } - if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { - this._element = elementToFilter; - this._filterScalingX = 1; - this._filterScalingY = 1; - this._lastScaleX = scaleX; - this._lastScaleY = scaleY; - return; - } - if (!fabric.filterBackend) { - fabric.filterBackend = fabric.initFilterBackend(); - } - var canvasEl = fabric.util.createCanvasElement(), - cacheKey = this._filteredEl ? (this.cacheKey + '_filtered') : this.cacheKey, - sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._lastScaleX = filter.scaleX = scaleX; - this._lastScaleY = filter.scaleY = scaleY; - fabric.filterBackend.applyFilters( - [filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); - this._filterScalingX = canvasEl.width / this._originalElement.width; - this._filterScalingY = canvasEl.height / this._originalElement.height; - }, - - /** - * Applies filters assigned to this image (from "filters" array) or from filter param - * @method applyFilters - * @param {Array} filters to be applied - * @param {Boolean} forResizing specify if the filter operation is a resize operation - * @return {thisArg} return the fabric.Image object - * @chainable - */ - applyFilters: function(filters) { - - filters = filters || this.filters || []; - filters = filters.filter(function(filter) { return filter && !filter.isNeutralState(); }); - this.set('dirty', true); - - // needs to clear out or WEBGL will not resize correctly - this.removeTexture(this.cacheKey + '_filtered'); - - if (filters.length === 0) { - this._element = this._originalElement; - this._filteredEl = null; - this._filterScalingX = 1; - this._filterScalingY = 1; - return this; - } - - var imgElement = this._originalElement, - sourceWidth = imgElement.naturalWidth || imgElement.width, - sourceHeight = imgElement.naturalHeight || imgElement.height; - - if (this._element === this._originalElement) { - // if the element is the same we need to create a new element - var canvasEl = fabric.util.createCanvasElement(); - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._filteredEl = canvasEl; - } - else { - // clear the existing element to get new filter data - // also dereference the eventual resized _element - this._element = this._filteredEl; - this._filteredEl.getContext('2d').clearRect(0, 0, sourceWidth, sourceHeight); - // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y - this._lastScaleX = 1; - this._lastScaleY = 1; - } - if (!fabric.filterBackend) { - fabric.filterBackend = fabric.initFilterBackend(); - } - fabric.filterBackend.applyFilters( - filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); - if (this._originalElement.width !== this._element.width || - this._originalElement.height !== this._element.height) { - this._filterScalingX = this._element.width / this._originalElement.width; - this._filterScalingY = this._element.height / this._originalElement.height; - } - return this; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - fabric.util.setImageSmoothing(ctx, this.imageSmoothing); - if (this.isMoving !== true && this.resizeFilter && this._needsResize()) { - this.applyResizeFilters(); - } - this._stroke(ctx); - this._renderPaintInOrder(ctx); - }, - - /** - * Paint the cached copy of the object on the target context. - * it will set the imageSmoothing for the draw operation - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawCacheOnCanvas: function(ctx) { - fabric.util.setImageSmoothing(ctx, this.imageSmoothing); - fabric.Object.prototype.drawCacheOnCanvas.call(this, ctx); - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * This is the special image version where we would like to avoid caching where possible. - * Essentially images do not benefit from caching. They may require caching, and in that - * case we do it. Also caching an image usually ends in a loss of details. - * A full performance audit should be done. - * @return {Boolean} - */ - shouldCache: function() { - return this.needsItsOwnCache(); - }, - - _renderFill: function(ctx) { - var elementToDraw = this._element; - if (!elementToDraw) { - return; - } - var scaleX = this._filterScalingX, scaleY = this._filterScalingY, - w = this.width, h = this.height, min = Math.min, max = Math.max, - // crop values cannot be lesser than 0. - cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), - elWidth = elementToDraw.naturalWidth || elementToDraw.width, - elHeight = elementToDraw.naturalHeight || elementToDraw.height, - sX = cropX * scaleX, - sY = cropY * scaleY, - // the width height cannot exceed element width/height, starting from the crop offset. - sW = min(w * scaleX, elWidth - sX), - sH = min(h * scaleY, elHeight - sY), - x = -w / 2, y = -h / 2, - maxDestW = min(w, elWidth / scaleX - cropX), - maxDestH = min(h, elHeight / scaleY - cropY); - - elementToDraw && ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); - }, - - /** - * needed to check if image needs resize - * @private - */ - _needsResize: function() { - var scale = this.getTotalObjectScaling(); - return (scale.scaleX !== this._lastScaleX || scale.scaleY !== this._lastScaleY); - }, - - /** - * @private - */ - _resetWidthHeight: function() { - this.set(this.getOriginalSize()); - }, - - /** - * The Image class's initialization method. This method is automatically - * called by the constructor. - * @private - * @param {HTMLImageElement|String} element The element representing the image - * @param {Object} [options] Options object - */ - _initElement: function(element, options) { - this.setElement(fabric.util.getById(element), options); - fabric.util.addClass(this.getElement(), fabric.Image.CSS_CANVAS); - }, - - /** - * @private - * @param {Object} [options] Options object - */ - _initConfig: function(options) { - options || (options = { }); - this.setOptions(options); - this._setWidthHeight(options); - }, - - /** - * @private - * @param {Array} filters to be initialized - * @param {Function} callback Callback to invoke when all fabric.Image.filters instances are created - */ - _initFilters: function(filters, callback) { - if (filters && filters.length) { - fabric.util.enlivenObjects(filters, function(enlivenedObjects) { - callback && callback(enlivenedObjects); - }, 'fabric.Image.filters'); - } - else { - callback && callback(); - } - }, - - /** - * @private - * Set the width and the height of the image object, using the element or the - * options. - * @param {Object} [options] Object with width/height properties - */ - _setWidthHeight: function(options) { - options || (options = { }); - var el = this.getElement(); - this.width = options.width || el.naturalWidth || el.width || 0; - this.height = options.height || el.naturalHeight || el.height || 0; - }, - - /** - * Calculate offset for center and scale factor for the image in order to respect - * the preserveAspectRatio attribute - * @private - * @return {Object} - */ - parsePreserveAspectRatioAttribute: function() { - var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), - rWidth = this._element.width, rHeight = this._element.height, - scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, - offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; - if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { - if (pAR.meetOrSlice === 'meet') { - scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); - offset = (pWidth - rWidth * scaleX) / 2; - if (pAR.alignX === 'Min') { - offsetLeft = -offset; - } - if (pAR.alignX === 'Max') { - offsetLeft = offset; - } - offset = (pHeight - rHeight * scaleY) / 2; - if (pAR.alignY === 'Min') { - offsetTop = -offset; - } - if (pAR.alignY === 'Max') { - offsetTop = offset; - } - } - if (pAR.meetOrSlice === 'slice') { - scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); - offset = rWidth - pWidth / scaleX; - if (pAR.alignX === 'Mid') { - cropX = offset / 2; - } - if (pAR.alignX === 'Max') { - cropX = offset; - } - offset = rHeight - pHeight / scaleY; - if (pAR.alignY === 'Mid') { - cropY = offset / 2; - } - if (pAR.alignY === 'Max') { - cropY = offset; - } - rWidth = pWidth / scaleX; - rHeight = pHeight / scaleY; - } - } - else { - scaleX = pWidth / rWidth; - scaleY = pHeight / rHeight; - } - return { - width: rWidth, - height: rHeight, - scaleX: scaleX, - scaleY: scaleY, - offsetLeft: offsetLeft, - offsetTop: offsetTop, - cropX: cropX, - cropY: cropY - }; - } - }); - - /** - * Default CSS class name for canvas - * @static - * @type String - * @default - */ - fabric.Image.CSS_CANVAS = 'canvas-img'; - - /** - * Alias for getSrc - * @static - */ - fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; - - /** - * Creates an instance of fabric.Image from its object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} callback Callback to invoke when an image instance is created - */ - fabric.Image.fromObject = function(_object, callback) { - var object = fabric.util.object.clone(_object); - fabric.util.loadImage(object.src, function(img, isError) { - if (isError) { - callback && callback(null, true); - return; - } - fabric.Image.prototype._initFilters.call(object, object.filters, function(filters) { - object.filters = filters || []; - fabric.Image.prototype._initFilters.call(object, [object.resizeFilter], function(resizeFilters) { - object.resizeFilter = resizeFilters[0]; - fabric.util.enlivenObjectEnlivables(object, object, function () { - var image = new fabric.Image(img, object); - callback(image, false); - }); - }); - }); - }, null, object.crossOrigin); - }; - - /** - * Creates an instance of fabric.Image from an URL string - * @static - * @param {String} url URL to create an image from - * @param {Function} [callback] Callback to invoke when image is created (newly created image is passed as a first argument). Second argument is a boolean indicating if an error occurred or not. - * @param {Object} [imgOptions] Options object - */ - fabric.Image.fromURL = function(url, callback, imgOptions) { - fabric.util.loadImage(url, function(img, isError) { - callback && callback(new fabric.Image(img, imgOptions), isError); - }, null, imgOptions && imgOptions.crossOrigin); - }; - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) - * @static - * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} - */ - fabric.Image.ATTRIBUTE_NAMES = - fabric.SHARED_ATTRIBUTES.concat( - 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ') - ); - - /** - * Returns {@link fabric.Image} instance from an SVG element - * @static - * @param {SVGElement} element Element to parse - * @param {Object} [options] Options object - * @param {Function} callback Callback to execute when fabric.Image object is created - * @return {fabric.Image} Instance of fabric.Image - */ - fabric.Image.fromElement = function(element, callback, options) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); - fabric.Image.fromURL(parsedAttributes['xlink:href'], callback, - extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); - }; - /* _FROM_SVG_END_ */ - -})(typeof exports !== 'undefined' ? exports : this); - - -fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * @private - * @return {Number} angle value - */ - _getAngleValueForStraighten: function() { - var angle = this.angle % 360; - if (angle > 0) { - return Math.round((angle - 1) / 90) * 90; - } - return Math.round(angle / 90) * 90; - }, - - /** - * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) - * @return {fabric.Object} thisArg - * @chainable - */ - straighten: function() { - return this.rotate(this._getAngleValueForStraighten()); - }, - - /** - * Same as {@link fabric.Object.prototype.straighten} but with animation - * @param {Object} callbacks Object with callback functions - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.Object} thisArg - */ - fxStraighten: function(callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: this.get('angle'), - endValue: this._getAngleValueForStraighten(), - duration: this.FX_DURATION, - onChange: function(value) { - _this.rotate(value); - onChange(); - }, - onComplete: function() { - _this.setCoords(); - onComplete(); - }, - }); - } -}); - -fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { - - /** - * Straightens object, then rerenders canvas - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - * @chainable - */ - straightenObject: function (object) { - object.straighten(); - this.requestRenderAll(); - return this; - }, - - /** - * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - */ - fxStraightenObject: function (object) { - return object.fxStraighten({ - onChange: this.requestRenderAllBound - }); - } -}); - - -(function() { - - 'use strict'; - - /** - * Tests if webgl supports certain precision - * @param {WebGL} Canvas WebGL context to test on - * @param {String} Precision to test can be any of following: 'lowp', 'mediump', 'highp' - * @returns {Boolean} Whether the user's browser WebGL supports given precision. - */ - function testPrecision(gl, precision){ - var fragmentSource = 'precision ' + precision + ' float;\nvoid main(){}'; - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { - return false; - } - return true; - } - - /** - * Indicate whether this filtering backend is supported by the user's browser. - * @param {Number} tileSize check if the tileSize is supported - * @returns {Boolean} Whether the user's browser supports WebGL. - */ - fabric.isWebglSupported = function(tileSize) { - if (fabric.isLikelyNode) { - return false; - } - tileSize = tileSize || fabric.WebglFilterBackend.prototype.tileSize; - var canvas = document.createElement('canvas'); - var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); - var isSupported = false; - // eslint-disable-next-line - if (gl) { - fabric.maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); - isSupported = fabric.maxTextureSize >= tileSize; - var precisions = ['highp', 'mediump', 'lowp']; - for (var i = 0; i < 3; i++){ - if (testPrecision(gl, precisions[i])){ - fabric.webGlPrecision = precisions[i]; - break; - }; - } - } - this.isSupported = isSupported; - return isSupported; - }; - - fabric.WebglFilterBackend = WebglFilterBackend; - - /** - * WebGL filter backend. - */ - function WebglFilterBackend(options) { - if (options && options.tileSize) { - this.tileSize = options.tileSize; - } - this.setupGLContext(this.tileSize, this.tileSize); - this.captureGPUInfo(); - }; - - WebglFilterBackend.prototype = /** @lends fabric.WebglFilterBackend.prototype */ { - - tileSize: 2048, - - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - resources: { - - }, - - /** - * Setup a WebGL context suitable for filtering, and bind any needed event handlers. - */ - setupGLContext: function(width, height) { - this.dispose(); - this.createWebGLCanvas(width, height); - // eslint-disable-next-line - this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); - this.chooseFastestCopyGLTo2DMethod(width, height); - }, - - /** - * Pick a method to copy data from GL context to 2d canvas. In some browsers using - * putImageData is faster than drawImage for that specific operation. - */ - chooseFastestCopyGLTo2DMethod: function(width, height) { - var canMeasurePerf = typeof window.performance !== 'undefined', canUseImageData; - try { - new ImageData(1, 1); - canUseImageData = true; - } - catch (e) { - canUseImageData = false; - } - // eslint-disable-next-line no-undef - var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined'; - // eslint-disable-next-line no-undef - var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined'; - - if (!(canMeasurePerf && canUseImageData && canUseArrayBuffer && canUseUint8Clamped)) { - return; - } - - var targetCanvas = fabric.util.createCanvasElement(); - // eslint-disable-next-line no-undef - var imageBuffer = new ArrayBuffer(width * height * 4); - if (fabric.forceGLPutImageData) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - return; - } - var testContext = { - imageBuffer: imageBuffer, - destinationWidth: width, - destinationHeight: height, - targetCanvas: targetCanvas - }; - var startTime, drawImageTime, putImageDataTime; - targetCanvas.width = width; - targetCanvas.height = height; - - startTime = window.performance.now(); - copyGLTo2DDrawImage.call(testContext, this.gl, testContext); - drawImageTime = window.performance.now() - startTime; - - startTime = window.performance.now(); - copyGLTo2DPutImageData.call(testContext, this.gl, testContext); - putImageDataTime = window.performance.now() - startTime; - - if (drawImageTime > putImageDataTime) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - } - else { - this.copyGLTo2D = copyGLTo2DDrawImage; - } - }, - - /** - * Create a canvas element and associated WebGL context and attaches them as - * class properties to the GLFilterBackend class. - */ - createWebGLCanvas: function(width, height) { - var canvas = fabric.util.createCanvasElement(); - canvas.width = width; - canvas.height = height; - var glOptions = { - alpha: true, - premultipliedAlpha: false, - depth: false, - stencil: false, - antialias: false - }, - gl = canvas.getContext('webgl', glOptions); - if (!gl) { - gl = canvas.getContext('experimental-webgl', glOptions); - } - if (!gl) { - return; - } - gl.clearColor(0, 0, 0, 0); - // this canvas can fire webglcontextlost and webglcontextrestored - this.canvas = canvas; - this.gl = gl; - }, - - /** - * Attempts to apply the requested filters to the source provided, drawing the filtered output - * to the provided target canvas. - * - * @param {Array} filters The filters to apply. - * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered. - * @param {Number} width The width of the source input. - * @param {Number} height The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. - * @param {String|undefined} cacheKey A key used to cache resources related to the source. If - * omitted, caching will be skipped. - */ - applyFilters: function(filters, source, width, height, targetCanvas, cacheKey) { - var gl = this.gl; - var cachedTexture; - if (cacheKey) { - cachedTexture = this.getCachedTexture(cacheKey, source); - } - var pipelineState = { - originalWidth: source.width || source.originalWidth, - originalHeight: source.height || source.originalHeight, - sourceWidth: width, - sourceHeight: height, - destinationWidth: width, - destinationHeight: height, - context: gl, - sourceTexture: this.createTexture(gl, width, height, !cachedTexture && source), - targetTexture: this.createTexture(gl, width, height), - originalTexture: cachedTexture || - this.createTexture(gl, width, height, !cachedTexture && source), - passes: filters.length, - webgl: true, - aPosition: this.aPosition, - programCache: this.programCache, - pass: 0, - filterBackend: this, - targetCanvas: targetCanvas - }; - var tempFbo = gl.createFramebuffer(); - gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); - filters.forEach(function(filter) { filter && filter.applyTo(pipelineState); }); - resizeCanvasIfNeeded(pipelineState); - this.copyGLTo2D(gl, pipelineState); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.deleteTexture(pipelineState.sourceTexture); - gl.deleteTexture(pipelineState.targetTexture); - gl.deleteFramebuffer(tempFbo); - targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0); - return pipelineState; - }, - - /** - * Detach event listeners, remove references, and clean up caches. - */ - dispose: function() { - if (this.canvas) { - this.canvas = null; - this.gl = null; - } - this.clearWebGLCaches(); - }, - - /** - * Wipe out WebGL-related caches. - */ - clearWebGLCaches: function() { - this.programCache = {}; - this.textureCache = {}; - }, - - /** - * Create a WebGL texture object. - * - * Accepts specific dimensions to initialize the texture to or a source image. - * - * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. - * @param {Number} width The width to initialize the texture at. - * @param {Number} height The height to initialize the texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. - * @returns {WebGLTexture} - */ - createTexture: function(gl, width, height, textureImageSource) { - var texture = gl.createTexture(); - gl.bindTexture(gl.TEXTURE_2D, texture); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); - if (textureImageSource) { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); - } - else { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); - } - return texture; - }, - - /** - * Can be optionally used to get a texture from the cache array - * - * If an existing texture is not found, a new texture is created and cached. - * - * @param {String} uniqueId A cache key to use to find an existing texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the - * texture cache entry if one does not already exist. - */ - getCachedTexture: function(uniqueId, textureImageSource) { - if (this.textureCache[uniqueId]) { - return this.textureCache[uniqueId]; - } - else { - var texture = this.createTexture( - this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); - this.textureCache[uniqueId] = texture; - return texture; - } - }, - - /** - * Clear out cached resources related to a source image that has been - * filtered previously. - * - * @param {String} cacheKey The cache key provided when the source image was filtered. - */ - evictCachesForKey: function(cacheKey) { - if (this.textureCache[cacheKey]) { - this.gl.deleteTexture(this.textureCache[cacheKey]); - delete this.textureCache[cacheKey]; - } - }, - - copyGLTo2D: copyGLTo2DDrawImage, - - /** - * Attempt to extract GPU information strings from a WebGL context. - * - * Useful information when debugging or blacklisting specific GPUs. - * - * @returns {Object} A GPU info object with renderer and vendor strings. - */ - captureGPUInfo: function() { - if (this.gpuInfo) { - return this.gpuInfo; - } - var gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; - if (!gl) { - return gpuInfo; - } - var ext = gl.getExtension('WEBGL_debug_renderer_info'); - if (ext) { - var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); - var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); - if (renderer) { - gpuInfo.renderer = renderer.toLowerCase(); - } - if (vendor) { - gpuInfo.vendor = vendor.toLowerCase(); - } - } - this.gpuInfo = gpuInfo; - return gpuInfo; - }, - }; -})(); - -function resizeCanvasIfNeeded(pipelineState) { - var targetCanvas = pipelineState.targetCanvas, - width = targetCanvas.width, height = targetCanvas.height, - dWidth = pipelineState.destinationWidth, - dHeight = pipelineState.destinationHeight; - - if (width !== dWidth || height !== dHeight) { - targetCanvas.width = dWidth; - targetCanvas.height = dHeight; - } -} - -/** - * Copy an input WebGL canvas on to an output 2D canvas. - * - * The WebGL canvas is assumed to be upside down, with the top-left pixel of the - * desired output image appearing in the bottom-left corner of the WebGL canvas. - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. - * @param {Object} pipelineState The 2D target canvas to copy on to. - */ -function copyGLTo2DDrawImage(gl, pipelineState) { - var glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, - ctx = targetCanvas.getContext('2d'); - ctx.translate(0, targetCanvas.height); // move it down again - ctx.scale(1, -1); // vertical flip - // where is my image on the big glcanvas? - var sourceY = glCanvas.height - targetCanvas.height; - ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, - targetCanvas.width, targetCanvas.height); -} - -/** - * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData - * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. - * @param {Object} pipelineState The 2D target canvas to copy on to. - */ -function copyGLTo2DPutImageData(gl, pipelineState) { - var targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), - dWidth = pipelineState.destinationWidth, - dHeight = pipelineState.destinationHeight, - numBytes = dWidth * dHeight * 4; - - // eslint-disable-next-line no-undef - var u8 = new Uint8Array(this.imageBuffer, 0, numBytes); - // eslint-disable-next-line no-undef - var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); - - gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); - var imgData = new ImageData(u8Clamped, dWidth, dHeight); - ctx.putImageData(imgData, 0, 0); -} - - -(function() { - - 'use strict'; - - var noop = function() {}; - - fabric.Canvas2dFilterBackend = Canvas2dFilterBackend; - - /** - * Canvas 2D filter backend. - */ - function Canvas2dFilterBackend() {}; - - Canvas2dFilterBackend.prototype = /** @lends fabric.Canvas2dFilterBackend.prototype */ { - evictCachesForKey: noop, - dispose: noop, - clearWebGLCaches: noop, - - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - resources: { - - }, - - /** - * Apply a set of filters against a source image and draw the filtered output - * to the provided destination canvas. - * - * @param {EnhancedFilter} filters The filter to apply. - * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. - * @param {Number} sourceWidth The width of the source input. - * @param {Number} sourceHeight The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. - */ - applyFilters: function(filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { - var ctx = targetCanvas.getContext('2d'); - ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); - var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - var originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - var pipelineState = { - sourceWidth: sourceWidth, - sourceHeight: sourceHeight, - imageData: imageData, - originalEl: sourceElement, - originalImageData: originalImageData, - canvasEl: targetCanvas, - ctx: ctx, - filterBackend: this, - }; - filters.forEach(function(filter) { filter.applyTo(pipelineState); }); - if (pipelineState.imageData.width !== sourceWidth || pipelineState.imageData.height !== sourceHeight) { - targetCanvas.width = pipelineState.imageData.width; - targetCanvas.height = pipelineState.imageData.height; - } - ctx.putImageData(pipelineState.imageData, 0, 0); - return pipelineState; - }, - - }; -})(); - - -/** - * @namespace fabric.Image.filters - * @memberOf fabric.Image - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - */ -fabric.Image = fabric.Image || { }; -fabric.Image.filters = fabric.Image.filters || { }; - -/** - * Root filter class from which all filter classes inherit from - * @class fabric.Image.filters.BaseFilter - * @memberOf fabric.Image.filters - */ -fabric.Image.filters.BaseFilter = fabric.util.createClass(/** @lends fabric.Image.filters.BaseFilter.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'BaseFilter', - - /** - * Array of attributes to send with buffers. do not modify - * @private - */ - - vertexSource: 'attribute vec2 aPosition;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vTexCoord = aPosition;\n' + - 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + - '}', - - fragmentSource: 'precision highp float;\n' + - 'varying vec2 vTexCoord;\n' + - 'uniform sampler2D uTexture;\n' + - 'void main() {\n' + - 'gl_FragColor = texture2D(uTexture, vTexCoord);\n' + - '}', - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - if (options) { - this.setOptions(options); - } - }, - - /** - * Sets filter's properties from options - * @param {Object} [options] Options object - */ - setOptions: function(options) { - for (var prop in options) { - this[prop] = options[prop]; - } - }, - - /** - * Compile this filter's shader program. - * - * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. - * @param {String} fragmentSource fragmentShader source for compilation - * @param {String} vertexSource vertexShader source for compilation - */ - createProgram: function(gl, fragmentSource, vertexSource) { - fragmentSource = fragmentSource || this.fragmentSource; - vertexSource = vertexSource || this.vertexSource; - if (fabric.webGlPrecision !== 'highp'){ - fragmentSource = fragmentSource.replace( - /precision highp float/g, - 'precision ' + fabric.webGlPrecision + ' float' - ); - } - var vertexShader = gl.createShader(gl.VERTEX_SHADER); - gl.shaderSource(vertexShader, vertexSource); - gl.compileShader(vertexShader); - if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Vertex shader compile error for ' + this.type + ': ' + - gl.getShaderInfoLog(vertexShader) - ); - } - - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Fragment shader compile error for ' + this.type + ': ' + - gl.getShaderInfoLog(fragmentShader) - ); - } - - var program = gl.createProgram(); - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); - gl.linkProgram(program); - if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Shader link error for "${this.type}" ' + - gl.getProgramInfoLog(program) - ); - } - - var attributeLocations = this.getAttributeLocations(gl, program); - var uniformLocations = this.getUniformLocations(gl, program) || { }; - uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); - uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); - return { - program: program, - attributeLocations: attributeLocations, - uniformLocations: uniformLocations - }; - }, - - /** - * Return a map of attribute names to WebGLAttributeLocation objects. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. - * @returns {Object} A map of attribute names to attribute locations. - */ - getAttributeLocations: function(gl, program) { - return { - aPosition: gl.getAttribLocation(program, 'aPosition'), - }; - }, - - /** - * Return a map of uniform names to WebGLUniformLocation objects. - * - * Intended to be overridden by subclasses. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {WebGLShaderProgram} program The shader program from which to take uniform locations. - * @returns {Object} A map of uniform names to uniform locations. - */ - getUniformLocations: function (/* gl, program */) { - // in case i do not need any special uniform i need to return an empty object - return { }; - }, - - /** - * Send attribute data from this filter to its shader program on the GPU. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {Object} attributeLocations A map of shader attribute names to their locations. - */ - sendAttributeData: function(gl, attributeLocations, aPositionData) { - var attributeLocation = attributeLocations.aPosition; - var buffer = gl.createBuffer(); - gl.bindBuffer(gl.ARRAY_BUFFER, buffer); - gl.enableVertexAttribArray(attributeLocation); - gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); - gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); - }, - - _setupFrameBuffer: function(options) { - var gl = options.context, width, height; - if (options.passes > 1) { - width = options.destinationWidth; - height = options.destinationHeight; - if (options.sourceWidth !== width || options.sourceHeight !== height) { - gl.deleteTexture(options.targetTexture); - options.targetTexture = options.filterBackend.createTexture(gl, width, height); - } - gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, - options.targetTexture, 0); - } - else { - // draw last filter on canvas and not to framebuffer. - gl.bindFramebuffer(gl.FRAMEBUFFER, null); - gl.finish(); - } - }, - - _swapTextures: function(options) { - options.passes--; - options.pass++; - var temp = options.targetTexture; - options.targetTexture = options.sourceTexture; - options.sourceTexture = temp; - }, - - /** - * Generic isNeutral implementation for one parameter based filters. - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) - * @param {Object} options - **/ - isNeutralState: function(/* options */) { - var main = this.mainParameter, - _class = fabric.Image.filters[this.type].prototype; - if (main) { - if (Array.isArray(_class[main])) { - for (var i = _class[main].length; i--;) { - if (this[main][i] !== _class[main][i]) { - return false; - } - } - return true; - } - else { - return _class[main] === this[main]; - } - } - else { - return false; - } - }, - - /** - * Apply this filter to the input image data provided. - * - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function(options) { - if (options.webgl) { - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - }, - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - if (!options.programCache.hasOwnProperty(this.type)) { - options.programCache[this.type] = this.createProgram(options.context); - } - return options.programCache[this.type]; - }, - - /** - * Apply this filter using webgl. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.originalTexture The texture of the original input image. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyToWebGL: function(options) { - var gl = options.context; - var shader = this.retrieveShader(options); - if (options.pass === 0 && options.originalTexture) { - gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); - } - else { - gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); - } - gl.useProgram(shader.program); - this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); - - gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); - gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); - - this.sendUniformData(gl, shader.uniformLocations); - gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); - gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); - }, - - bindAdditionalTexture: function(gl, texture, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, texture); - // reset active texture to 0 as usual - gl.activeTexture(gl.TEXTURE0); - }, - - unbindAdditionalTexture: function(gl, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.activeTexture(gl.TEXTURE0); - }, - - getMainParameter: function() { - return this[this.mainParameter]; - }, - - setMainParameter: function(value) { - this[this.mainParameter] = value; - }, - - /** - * Send uniform data from this filter to its shader program on the GPU. - * - * Intended to be overridden by subclasses. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {Object} uniformLocations A map of shader uniform names to their locations. - */ - sendUniformData: function(/* gl, uniformLocations */) { - // Intentionally left blank. Override me in subclasses. - }, - - /** - * If needed by a 2d filter, this functions can create an helper canvas to be used - * remember that options.targetCanvas is available for use till end of chain. - */ - createHelpLayer: function(options) { - if (!options.helpLayer) { - var helpLayer = document.createElement('canvas'); - helpLayer.width = options.sourceWidth; - helpLayer.height = options.sourceHeight; - options.helpLayer = helpLayer; - } - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - var object = { type: this.type }, mainP = this.mainParameter; - if (mainP) { - object[mainP] = this[mainP]; - } - return object; - }, - - /** - * Returns a JSON representation of an instance - * @return {Object} JSON - */ - toJSON: function() { - // delegate, not alias - return this.toObject(); - } -}); - -fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { - var filter = new fabric.Image.filters[object.type](object); - callback && callback(filter); - return filter; -}; - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Color Matrix filter class - * @class fabric.Image.filters.ColorMatrix - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} - * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} - * @example Kodachrome filter - * var filter = new fabric.Image.filters.ColorMatrix({ - * matrix: [ - 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, - -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, - -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, - 0, 0, 0, 1, 0 - ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.ColorMatrix = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.ColorMatrix.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'ColorMatrix', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'uniform mat4 uColorMatrix;\n' + - 'uniform vec4 uConstants;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color *= uColorMatrix;\n' + - 'color += uConstants;\n' + - 'gl_FragColor = color;\n' + - '}', - - /** - * Colormatrix for pixels. - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: [ - 1, 0, 0, 0, 0, - 0, 1, 0, 0, 0, - 0, 0, 1, 0, 0, - 0, 0, 0, 1, 0 - ], - - mainParameter: 'matrix', - - /** - * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario - * to save some calculation - * @type Boolean - * @default true - */ - colorsOnly: true, - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.matrix = this.matrix.slice(0); - }, - - /** - * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, - iLen = data.length, - m = this.matrix, - r, g, b, a, i, colorsOnly = this.colorsOnly; - - for (i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - if (colorsOnly) { - data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; - data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; - data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; - } - else { - a = data[i + 3]; - data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; - data[i + 1] = r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; - data[i + 2] = r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; - data[i + 3] = r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; - } - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), - uConstants: gl.getUniformLocation(program, 'uConstants'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var m = this.matrix, - matrix = [ - m[0], m[1], m[2], m[3], - m[5], m[6], m[7], m[8], - m[10], m[11], m[12], m[13], - m[15], m[16], m[17], m[18] - ], - constants = [m[4], m[9], m[14], m[19]]; - gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); - gl.uniform4fv(uniformLocations.uConstants, constants); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] function to invoke after filter creation - * @return {fabric.Image.filters.ColorMatrix} Instance of fabric.Image.filters.ColorMatrix - */ - fabric.Image.filters.ColorMatrix.fromObject = fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Brightness filter class - * @class fabric.Image.filters.Brightness - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Brightness({ - * brightness: 0.05 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Brightness = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Brightness.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Brightness', - - /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uBrightness;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += uBrightness;\n' + - 'gl_FragColor = color;\n' + - '}', - - /** - * Brightness value, from -1 to 1. - * translated to -255 to 255 for 2d - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Number} brightness - * @default - */ - brightness: 0, - - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'brightness', - - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - if (this.brightness === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, i, len = data.length, - brightness = Math.round(this.brightness * 255); - for (i = 0; i < len; i += 4) { - data[i] = data[i] + brightness; - data[i + 1] = data[i + 1] + brightness; - data[i + 2] = data[i + 2] + brightness; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uBrightness: gl.getUniformLocation(program, 'uBrightness'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBrightness, this.brightness); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Brightness} Instance of fabric.Image.filters.Brightness - */ - fabric.Image.filters.Brightness.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Adapted from html5rocks article - * @class fabric.Image.filters.Convolute - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example Sharpen filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 0, -1, 0, - * -1, 5, -1, - * 0, -1, 0 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Blur filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter with opaqueness - * var filter = new fabric.Image.filters.Convolute({ - * opaque: true, - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Convolute = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Convolute.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Convolute', - - /* - * Opaque value (true/false) - */ - opaque: false, - - /* - * matrix for the filter, max 9x9 - */ - matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], - - /** - * Fragment source for the brightness program - */ - fragmentSource: { - Convolute_3_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_3_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_5_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_5_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_7_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_7_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_9_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_9_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - }, - - /** - * Constructor - * @memberOf fabric.Image.filters.Convolute.prototype - * @param {Object} [options] Options object - * @param {Boolean} [options.opaque=false] Opaque value (true/false) - * @param {Array} [options.matrix] Filter matrix - */ - - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - var size = Math.sqrt(this.matrix.length); - var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); - var shaderSource = this.fragmentSource[cacheKey]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, - weights = this.matrix, - side = Math.round(Math.sqrt(weights.length)), - halfSide = Math.floor(side / 2), - sw = imageData.width, - sh = imageData.height, - output = options.ctx.createImageData(sw, sh), - dst = output.data, - // go through the destination image pixels - alphaFac = this.opaque ? 1 : 0, - r, g, b, a, dstOff, - scx, scy, srcOff, wt, - x, y, cx, cy; - - for (y = 0; y < sh; y++) { - for (x = 0; x < sw; x++) { - dstOff = (y * sw + x) * 4; - // calculate the weighed sum of the source image pixels that - // fall under the convolution matrix - r = 0; g = 0; b = 0; a = 0; - - for (cy = 0; cy < side; cy++) { - for (cx = 0; cx < side; cx++) { - scy = y + cy - halfSide; - scx = x + cx - halfSide; - - // eslint-disable-next-line max-depth - if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { - continue; - } - - srcOff = (scy * sw + scx) * 4; - wt = weights[cy * side + cx]; - - r += data[srcOff] * wt; - g += data[srcOff + 1] * wt; - b += data[srcOff + 2] * wt; - // eslint-disable-next-line max-depth - if (!alphaFac) { - a += data[srcOff + 3] * wt; - } - } - } - dst[dstOff] = r; - dst[dstOff + 1] = g; - dst[dstOff + 2] = b; - if (!alphaFac) { - dst[dstOff + 3] = a; - } - else { - dst[dstOff + 3] = data[dstOff + 3]; - } - } - } - options.imageData = output; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uMatrix: gl.getUniformLocation(program, 'uMatrix'), - uOpaque: gl.getUniformLocation(program, 'uOpaque'), - uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), - uSize: gl.getUniformLocation(program, 'uSize'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1fv(uniformLocations.uMatrix, this.matrix); - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - return extend(this.callSuper('toObject'), { - opaque: this.opaque, - matrix: this.matrix - }); - } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Convolute} Instance of fabric.Image.filters.Convolute - */ - fabric.Image.filters.Convolute.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Grayscale image filter class - * @class fabric.Image.filters.Grayscale - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Grayscale(); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Grayscale = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Grayscale.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Grayscale', - - fragmentSource: { - average: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float average = (color.r + color.b + color.g) / 3.0;\n' + - 'gl_FragColor = vec4(average, average, average, color.a);\n' + - '}', - lightness: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - luminosity: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - }, - - - /** - * Grayscale mode, between 'average', 'lightness', 'luminosity' - * @param {String} type - * @default - */ - mode: 'average', - - mainParameter: 'mode', - - /** - * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, i, - len = data.length, value, - mode = this.mode; - for (i = 0; i < len; i += 4) { - if (mode === 'average') { - value = (data[i] + data[i + 1] + data[i + 2]) / 3; - } - else if (mode === 'lightness') { - value = (Math.min(data[i], data[i + 1], data[i + 2]) + - Math.max(data[i], data[i + 1], data[i + 2])) / 2; - } - else if (mode === 'luminosity') { - value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; - } - data[i] = value; - data[i + 1] = value; - data[i + 2] = value; - } - }, - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - var cacheKey = this.type + '_' + this.mode; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var shaderSource = this.fragmentSource[this.mode]; - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uMode: gl.getUniformLocation(program, 'uMode'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - // default average mode. - var mode = 1; - gl.uniform1i(uniformLocations.uMode, mode); - }, - - /** - * Grayscale filter isNeutralState implementation - * The filter is never neutral - * on the image - **/ - isNeutralState: function() { - return false; - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Grayscale} Instance of fabric.Image.filters.Grayscale - */ - fabric.Image.filters.Grayscale.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Invert filter class - * @class fabric.Image.filters.Invert - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Invert(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Invert = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Invert.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Invert', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uInvert;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'if (uInvert == 1) {\n' + - 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + - '} else {\n' + - 'gl_FragColor = color;\n' + - '}\n' + - '}', - - /** - * Filter invert. if false, does nothing - * @param {Boolean} invert - * @default - */ - invert: true, - - mainParameter: 'invert', - - /** - * Apply the Invert operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, i, - len = data.length; - for (i = 0; i < len; i += 4) { - data[i] = 255 - data[i]; - data[i + 1] = 255 - data[i + 1]; - data[i + 2] = 255 - data[i + 2]; - } - }, - - /** - * Invert filter isNeutralState implementation - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * @param {Object} options - **/ - isNeutralState: function() { - return !this.invert; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uInvert: gl.getUniformLocation(program, 'uInvert'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1i(uniformLocations.uInvert, this.invert); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Invert} Instance of fabric.Image.filters.Invert - */ - fabric.Image.filters.Invert.fromObject = fabric.Image.filters.BaseFilter.fromObject; - - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Noise filter class - * @class fabric.Image.filters.Noise - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Noise({ - * noise: 700 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Noise = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Noise.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Noise', - - /** - * Fragment source for the noise program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uStepH;\n' + - 'uniform float uNoise;\n' + - 'uniform float uSeed;\n' + - 'varying vec2 vTexCoord;\n' + - 'float rand(vec2 co, float seed, float vScale) {\n' + - 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + - 'gl_FragColor = color;\n' + - '}', - - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'noise', - - /** - * Noise value, from - * @param {Number} noise - * @default - */ - noise: 0, - - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - if (this.noise === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, i, len = data.length, - noise = this.noise, rand; - - for (i = 0, len = data.length; i < len; i += 4) { - - rand = (0.5 - Math.random()) * noise; - - data[i] += rand; - data[i + 1] += rand; - data[i + 2] += rand; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uNoise: gl.getUniformLocation(program, 'uNoise'), - uSeed: gl.getUniformLocation(program, 'uSeed'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uNoise, this.noise / 255); - gl.uniform1f(uniformLocations.uSeed, Math.random()); - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - return extend(this.callSuper('toObject'), { - noise: this.noise - }); - } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Noise} Instance of fabric.Image.filters.Noise - */ - fabric.Image.filters.Noise.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Pixelate filter class - * @class fabric.Image.filters.Pixelate - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Pixelate({ - * blocksize: 8 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Pixelate = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Pixelate.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Pixelate', - - blocksize: 4, - - mainParameter: 'blocksize', - - /** - * Fragment source for the Pixelate program - */ - fragmentSource: '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 * uStepW;\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' + - '}', - - /** - * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, - iLen = imageData.height, - jLen = imageData.width, - index, i, j, r, g, b, a, - _i, _j, _iLen, _jLen; - - for (i = 0; i < iLen; i += this.blocksize) { - for (j = 0; j < jLen; j += this.blocksize) { - - index = (i * 4) * jLen + (j * 4); - - r = data[index]; - g = data[index + 1]; - b = data[index + 2]; - a = data[index + 3]; - - _iLen = Math.min(i + this.blocksize, iLen); - _jLen = Math.min(j + this.blocksize, jLen); - for (_i = i; _i < _iLen; _i++) { - for (_j = j; _j < _jLen; _j++) { - index = (_i * 4) * jLen + (_j * 4); - data[index] = r; - data[index + 1] = g; - data[index + 2] = b; - data[index + 3] = a; - } - } - } - } - }, - - /** - * Indicate when the filter is not gonna apply changes to the image - **/ - isNeutralState: function() { - return this.blocksize === 1; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), - uStepW: gl.getUniformLocation(program, 'uStepW'), - uStepH: gl.getUniformLocation(program, 'uStepH'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Pixelate} Instance of fabric.Image.filters.Pixelate - */ - fabric.Image.filters.Pixelate.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Remove white filter class - * @class fabric.Image.filters.RemoveColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.RemoveColor({ - * threshold: 0.2, - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.RemoveColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.RemoveColor.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'RemoveColor', - - /** - * Color to remove, in any format understood by fabric.Color. - * @param {String} type - * @default - */ - color: '#FFFFFF', - - /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uLow;\n' + - 'uniform vec4 uHigh;\n' + - 'varying vec2 vTexCoord;\n' + - 'void 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' + - '}', - - /** - * distance to actual color, as value up or down from each r,g,b - * between 0 and 1 - **/ - distance: 0.02, - - /** - * For color to remove inside distance, use alpha channel for a smoother deletion - * NOT IMPLEMENTED YET - **/ - useAlpha: false, - - /** - * Constructor - * @memberOf fabric.Image.filters.RemoveWhite.prototype - * @param {Object} [options] Options object - * @param {Number} [options.color=#RRGGBB] Threshold value - * @param {Number} [options.distance=10] Distance value - */ - - /** - * Applies filter to canvas element - * @param {Object} canvasEl Canvas element to apply filter to - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, i, - distance = this.distance * 255, - r, g, b, - source = new fabric.Color(this.color).getSource(), - lowC = [ - source[0] - distance, - source[1] - distance, - source[2] - distance, - ], - highC = [ - source[0] + distance, - source[1] + distance, - source[2] + distance, - ]; - - - for (i = 0; i < data.length; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - - if (r > lowC[0] && - g > lowC[1] && - b > lowC[2] && - r < highC[0] && - g < highC[1] && - b < highC[2]) { - data[i + 3] = 0; - } - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uLow: gl.getUniformLocation(program, 'uLow'), - uHigh: gl.getUniformLocation(program, 'uHigh'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var source = new fabric.Color(this.color).getSource(), - distance = parseFloat(this.distance), - lowC = [ - 0 + source[0] / 255 - distance, - 0 + source[1] / 255 - distance, - 0 + source[2] / 255 - distance, - 1 - ], - highC = [ - source[0] / 255 + distance, - source[1] / 255 + distance, - source[2] / 255 + distance, - 1 - ]; - gl.uniform4fv(uniformLocations.uLow, lowC); - gl.uniform4fv(uniformLocations.uHigh, highC); - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - return extend(this.callSuper('toObject'), { - color: this.color, - distance: this.distance - }); - } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.RemoveColor} Instance of fabric.Image.filters.RemoveWhite - */ - fabric.Image.filters.RemoveColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - var matrices = { - Brownie: [ - 0.59970,0.34553,-0.27082,0,0.186, - -0.03770,0.86095,0.15059,0,-0.1449, - 0.24113,-0.07441,0.44972,0,-0.02965, - 0,0,0,1,0 - ], - Vintage: [ - 0.62793,0.32021,-0.03965,0,0.03784, - 0.02578,0.64411,0.03259,0,0.02926, - 0.04660,-0.08512,0.52416,0,0.02023, - 0,0,0,1,0 - ], - Kodachrome: [ - 1.12855,-0.39673,-0.03992,0,0.24991, - -0.16404,1.08352,-0.05498,0,0.09698, - -0.16786,-0.56034,1.60148,0,0.13972, - 0,0,0,1,0 - ], - Technicolor: [ - 1.91252,-0.85453,-0.09155,0,0.04624, - -0.30878,1.76589,-0.10601,0,-0.27589, - -0.23110,-0.75018,1.84759,0,0.12137, - 0,0,0,1,0 - ], - Polaroid: [ - 1.438,-0.062,-0.062,0,0, - -0.122,1.378,-0.122,0,0, - -0.016,-0.016,1.483,0,0, - 0,0,0,1,0 - ], - Sepia: [ - 0.393, 0.769, 0.189, 0, 0, - 0.349, 0.686, 0.168, 0, 0, - 0.272, 0.534, 0.131, 0, 0, - 0, 0, 0, 1, 0 - ], - BlackWhite: [ - 1.5, 1.5, 1.5, 0, -1, - 1.5, 1.5, 1.5, 0, -1, - 1.5, 1.5, 1.5, 0, -1, - 0, 0, 0, 1, 0, - ] - }; - - for (var key in matrices) { - filters[key] = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.Sepia.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: key, - - /** - * Colormatrix for the effect - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: matrices[key], - - /** - * Lock the matrix export for this kind of static, parameter less filters. - */ - mainParameter: false, - /** - * Lock the colormatrix on the color part, skipping alpha - */ - colorsOnly: true, - - }); - fabric.Image.filters[key].fromObject = fabric.Image.filters.BaseFilter.fromObject; - } -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - 'use strict'; - - var fabric = global.fabric, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Color Blend filter class - * @class fabric.Image.filter.BlendColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); - * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - - filters.BlendColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blend.prototype */ { - type: 'BlendColor', - - /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - * @type String - * @default - **/ - color: '#F95C63', - - /** - * Blend mode for the filter: one of multiply, add, diff, screen, subtract, - * darken, lighten, overlay, exclusion, tint. - * @type String - * @default - **/ - mode: 'multiply', - - /** - * alpha value. represent the strength of the blend color operation. - * @type Number - * @default - **/ - alpha: 1, - - /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', - screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', - add: 'gl_FragColor.rgb += uColor.rgb;\n', - diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', - subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', - lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', - darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', - exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', - overlay: 'if (uColor.r < 0.5) {\n' + - 'gl_FragColor.r *= 2.0 * uColor.r;\n' + - '} else {\n' + - 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + - '}\n' + - 'if (uColor.g < 0.5) {\n' + - 'gl_FragColor.g *= 2.0 * uColor.g;\n' + - '} else {\n' + - 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + - '}\n' + - 'if (uColor.b < 0.5) {\n' + - 'gl_FragColor.b *= 2.0 * uColor.b;\n' + - '} else {\n' + - 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + - '}\n', - tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + - 'gl_FragColor.rgb += uColor.rgb;\n', - }, - - /** - * build the fragment source for the filters, joining the common part with - * the specific one. - * @param {String} mode the mode of the filter, a key of this.fragmentSource - * @return {String} the source to be compiled - * @private - */ - buildSource: function(mode) { - return 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'gl_FragColor = color;\n' + - 'if (color.a > 0.0) {\n' + - this.fragmentSource[mode] + - '}\n' + - '}'; - }, - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - var cacheKey = this.type + '_' + this.mode, shaderSource; - if (!options.programCache.hasOwnProperty(cacheKey)) { - shaderSource = this.buildSource(this.mode); - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - - /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, iLen = data.length, - tr, tg, tb, - r, g, b, - source, alpha1 = 1 - this.alpha; - - source = new fabric.Color(this.color).getSource(); - tr = source[0] * this.alpha; - tg = source[1] * this.alpha; - tb = source[2] * this.alpha; - - for (var i = 0; i < iLen; i += 4) { - - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - - switch (this.mode) { - case 'multiply': - data[i] = r * tr / 255; - data[i + 1] = g * tg / 255; - data[i + 2] = b * tb / 255; - break; - case 'screen': - data[i] = 255 - (255 - r) * (255 - tr) / 255; - data[i + 1] = 255 - (255 - g) * (255 - tg) / 255; - data[i + 2] = 255 - (255 - b) * (255 - tb) / 255; - break; - case 'add': - data[i] = r + tr; - data[i + 1] = g + tg; - data[i + 2] = b + tb; - break; - case 'diff': - case 'difference': - data[i] = Math.abs(r - tr); - data[i + 1] = Math.abs(g - tg); - data[i + 2] = Math.abs(b - tb); - break; - case 'subtract': - data[i] = r - tr; - data[i + 1] = g - tg; - data[i + 2] = b - tb; - break; - case 'darken': - data[i] = Math.min(r, tr); - data[i + 1] = Math.min(g, tg); - data[i + 2] = Math.min(b, tb); - break; - case 'lighten': - data[i] = Math.max(r, tr); - data[i + 1] = Math.max(g, tg); - data[i + 2] = Math.max(b, tb); - break; - case 'overlay': - data[i] = tr < 128 ? (2 * r * tr / 255) : (255 - 2 * (255 - r) * (255 - tr) / 255); - data[i + 1] = tg < 128 ? (2 * g * tg / 255) : (255 - 2 * (255 - g) * (255 - tg) / 255); - data[i + 2] = tb < 128 ? (2 * b * tb / 255) : (255 - 2 * (255 - b) * (255 - tb) / 255); - break; - case 'exclusion': - data[i] = tr + r - ((2 * tr * r) / 255); - data[i + 1] = tg + g - ((2 * tg * g) / 255); - data[i + 2] = tb + b - ((2 * tb * b) / 255); - break; - case 'tint': - data[i] = tr + r * alpha1; - data[i + 1] = tg + g * alpha1; - data[i + 2] = tb + b * alpha1; - } - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uColor: gl.getUniformLocation(program, 'uColor'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var source = new fabric.Color(this.color).getSource(); - source[0] = this.alpha * source[0] / 255; - source[1] = this.alpha * source[1] / 255; - source[2] = this.alpha * source[2] / 255; - source[3] = this.alpha; - gl.uniform4fv(uniformLocations.uColor, source); - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - return { - type: this.type, - color: this.color, - mode: this.mode, - alpha: this.alpha - }; - } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.BlendColor} Instance of fabric.Image.filters.BlendColor - */ - fabric.Image.filters.BlendColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - 'use strict'; - - var fabric = global.fabric, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Image Blend filter class - * @class fabric.Image.filter.BlendImage - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); - * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - - filters.BlendImage = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.BlendImage.prototype */ { - type: 'BlendImage', - - /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - **/ - image: null, - - /** - * Blend mode for the filter (one of "multiply", "mask") - * @type String - * @default - **/ - mode: 'multiply', - - /** - * alpha value. represent the strength of the blend image operation. - * not implemented. - **/ - alpha: 1, - - vertexSource: 'attribute vec2 aPosition;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'uniform mat3 uTransformMatrix;\n' + - 'void main() {\n' + - 'vTexCoord = aPosition;\n' + - 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + - 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + - '}', - - /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.rgba *= color2.rgba;\n' + - 'gl_FragColor = color;\n' + - '}', - mask: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.a = color2.a;\n' + - 'gl_FragColor = color;\n' + - '}', - }, - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - var cacheKey = this.type + '_' + this.mode; - var shaderSource = this.fragmentSource[this.mode]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - - applyToWebGL: function(options) { - // load texture to blend. - var gl = options.context, - texture = this.createTexture(options.filterBackend, this.image); - this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); - this.callSuper('applyToWebGL', options); - this.unbindAdditionalTexture(gl, gl.TEXTURE1); - }, - - createTexture: function(backend, image) { - return backend.getCachedTexture(image.cacheKey, image._element); - }, - - /** - * Calculate a transformMatrix to adapt the image to blend over - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - calculateMatrix: function() { - var image = this.image, - width = image._element.width, - height = image._element.height; - return [ - 1 / image.scaleX, 0, 0, - 0, 1 / image.scaleY, 0, - -image.left / width, -image.top / height, 1 - ]; - }, - - /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - resources = options.filterBackend.resources, - data = imageData.data, iLen = data.length, - width = imageData.width, - height = imageData.height, - tr, tg, tb, ta, - r, g, b, a, - canvas1, context, image = this.image, blendData; - - if (!resources.blendImage) { - resources.blendImage = fabric.util.createCanvasElement(); - } - canvas1 = resources.blendImage; - context = canvas1.getContext('2d'); - if (canvas1.width !== width || canvas1.height !== height) { - canvas1.width = width; - canvas1.height = height; - } - else { - context.clearRect(0, 0, width, height); - } - context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); - context.drawImage(image._element, 0, 0, width, height); - blendData = context.getImageData(0, 0, width, height).data; - for (var i = 0; i < iLen; i += 4) { - - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - a = data[i + 3]; - - tr = blendData[i]; - tg = blendData[i + 1]; - tb = blendData[i + 2]; - ta = blendData[i + 3]; - - switch (this.mode) { - case 'multiply': - data[i] = r * tr / 255; - data[i + 1] = g * tg / 255; - data[i + 2] = b * tb / 255; - data[i + 3] = a * ta / 255; - break; - case 'mask': - data[i + 3] = ta; - break; - } - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), - uImage: gl.getUniformLocation(program, 'uImage'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var matrix = this.calculateMatrix(); - gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. - gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - return { - type: this.type, - image: this.image && this.image.toObject(), - mode: this.mode, - alpha: this.alpha - }; - } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} callback to be invoked after filter creation - * @return {fabric.Image.filters.BlendImage} Instance of fabric.Image.filters.BlendImage - */ - fabric.Image.filters.BlendImage.fromObject = function(object, callback) { - fabric.Image.fromObject(object.image, function(image) { - var options = fabric.util.object.clone(object); - options.image = image; - callback(new fabric.Image.filters.BlendImage(options)); - }); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), pow = Math.pow, floor = Math.floor, - sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, - ceil = Math.ceil, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Resize image filter class - * @class fabric.Image.filters.Resize - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Resize(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Resize = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Resize.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Resize', - - /** - * Resize type - * for webgl resizeType is just lanczos, for canvas2d can be: - * bilinear, hermite, sliceHack, lanczos. - * @param {String} resizeType - * @default - */ - resizeType: 'hermite', - - /** - * Scale factor for resizing, x axis - * @param {Number} scaleX - * @default - */ - scaleX: 1, - - /** - * Scale factor for resizing, y axis - * @param {Number} scaleY - * @default - */ - scaleY: 1, - - /** - * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos - * @param {Number} lanczosLobes - * @default - */ - lanczosLobes: 3, - - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uDelta: gl.getUniformLocation(program, 'uDelta'), - uTaps: gl.getUniformLocation(program, 'uTaps'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); - gl.uniform1fv(uniformLocations.uTaps, this.taps); - }, - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var fragmentShader = this.generateShader(filterWindow); - options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); - } - return options.programCache[cacheKey]; - }, - - getFilterWindow: function() { - var scale = this.tempScale; - return Math.ceil(this.lanczosLobes / scale); - }, - - getTaps: function() { - var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, - filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); - for (var i = 1; i <= filterWindow; i++) { - taps[i - 1] = lobeFunction(i * scale); - } - return taps; - }, - - /** - * Generate vertex and shader sources from the necessary steps numbers - * @param {Number} filterWindow - */ - generateShader: function(filterWindow) { - var offsets = new Array(filterWindow), - fragmentShader = this.fragmentSourceTOP, filterWindow; - - for (var i = 1; i <= filterWindow; i++) { - offsets[i - 1] = i + '.0 * uDelta'; - } - - fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; - fragmentShader += 'void main() {\n'; - fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; - fragmentShader += ' float sum = 1.0;\n'; - - offsets.forEach(function(offset, i) { - fragmentShader += ' color += texture2D(uTexture, vTexCoord + ' + offset + ') * uTaps[' + i + '];\n'; - fragmentShader += ' color += texture2D(uTexture, vTexCoord - ' + offset + ') * uTaps[' + i + '];\n'; - fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; - }); - fragmentShader += ' gl_FragColor = color / sum;\n'; - fragmentShader += '}'; - return fragmentShader; - }, - - fragmentSourceTOP: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n', - - /** - * Apply the resize filter to the image - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function(options) { - if (options.webgl) { - options.passes++; - this.width = options.sourceWidth; - this.horizontal = true; - this.dW = Math.round(this.width * this.scaleX); - this.dH = options.sourceHeight; - this.tempScale = this.dW / this.width; - this.taps = this.getTaps(); - options.destinationWidth = this.dW; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceWidth = options.destinationWidth; - - this.height = options.sourceHeight; - this.horizontal = false; - this.dH = Math.round(this.height * this.scaleY); - this.tempScale = this.dH / this.height; - this.taps = this.getTaps(); - options.destinationHeight = this.dH; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceHeight = options.destinationHeight; - } - else { - this.applyTo2d(options); - } - }, - - isNeutralState: function() { - return this.scaleX === 1 && this.scaleY === 1; - }, - - lanczosCreate: function(lobes) { - return function(x) { - if (x >= lobes || x <= -lobes) { - return 0.0; - } - if (x < 1.19209290E-07 && x > -1.19209290E-07) { - return 1.0; - } - x *= Math.PI; - var xx = x / lobes; - return (sin(x) / x) * sin(xx) / xx; - }; - }, - - /** - * Applies filter to canvas element - * @memberOf fabric.Image.filters.Resize.prototype - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} scaleX - * @param {Number} scaleY - */ - applyTo2d: function(options) { - var imageData = options.imageData, - scaleX = this.scaleX, - scaleY = this.scaleY; - - this.rcpScaleX = 1 / scaleX; - this.rcpScaleY = 1 / scaleY; - - var oW = imageData.width, oH = imageData.height, - dW = round(oW * scaleX), dH = round(oH * scaleY), - newData; - - if (this.resizeType === 'sliceHack') { - newData = this.sliceByTwo(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'hermite') { - newData = this.hermiteFastResize(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'bilinear') { - newData = this.bilinearFiltering(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'lanczos') { - newData = this.lanczosResize(options, oW, oH, dW, dH); - } - options.imageData = newData; - }, - - /** - * Filter sliceByTwo - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - sliceByTwo: function(options, oW, oH, dW, dH) { - var imageData = options.imageData, - mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, - stepH = oH * mult, resources = fabric.filterBackend.resources, - tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; - if (!resources.sliceByTwo) { - resources.sliceByTwo = document.createElement('canvas'); - } - tmpCanvas = resources.sliceByTwo; - if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { - tmpCanvas.width = oW * 1.5; - tmpCanvas.height = oH; - } - ctx = tmpCanvas.getContext('2d'); - ctx.clearRect(0, 0, oW * 1.5, oH); - ctx.putImageData(imageData, 0, 0); - - dW = floor(dW); - dH = floor(dH); - - while (!doneW || !doneH) { - oW = stepW; - oH = stepH; - if (dW < floor(stepW * mult)) { - stepW = floor(stepW * mult); - } - else { - stepW = dW; - doneW = true; - } - if (dH < floor(stepH * mult)) { - stepH = floor(stepH * mult); - } - else { - stepH = dH; - doneH = true; - } - ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); - sX = dX; - sY = dY; - dY += stepH; - } - return ctx.getImageData(sX, sY, dW, dH); - }, - - /** - * Filter lanczosResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - lanczosResize: function(options, oW, oH, dW, dH) { - - function process(u) { - var v, i, weight, idx, a, red, green, - blue, alpha, fX, fY; - center.x = (u + 0.5) * ratioX; - icenter.x = floor(center.x); - for (v = 0; v < dH; v++) { - center.y = (v + 0.5) * ratioY; - icenter.y = floor(center.y); - a = 0; red = 0; green = 0; blue = 0; alpha = 0; - for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { - if (i < 0 || i >= oW) { - continue; - } - fX = floor(1000 * abs(i - center.x)); - if (!cacheLanc[fX]) { - cacheLanc[fX] = { }; - } - for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { - if (j < 0 || j >= oH) { - continue; - } - fY = floor(1000 * abs(j - center.y)); - if (!cacheLanc[fX][fY]) { - cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); - } - weight = cacheLanc[fX][fY]; - if (weight > 0) { - idx = (j * oW + i) * 4; - a += weight; - red += weight * srcData[idx]; - green += weight * srcData[idx + 1]; - blue += weight * srcData[idx + 2]; - alpha += weight * srcData[idx + 3]; - } - } - } - idx = (v * dW + u) * 4; - destData[idx] = red / a; - destData[idx + 1] = green / a; - destData[idx + 2] = blue / a; - destData[idx + 3] = alpha / a; - } - - if (++u < dW) { - return process(u); - } - else { - return destImg; - } - } - - var srcData = options.imageData.data, - destImg = options.ctx.createImageData(dW, dH), - destData = destImg.data, - lanczos = this.lanczosCreate(this.lanczosLobes), - ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, - rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, - range2X = ceil(ratioX * this.lanczosLobes / 2), - range2Y = ceil(ratioY * this.lanczosLobes / 2), - cacheLanc = { }, center = { }, icenter = { }; - - return process(0); - }, - - /** - * bilinearFiltering - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - bilinearFiltering: function(options, oW, oH, dW, dH) { - var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, - color, offset = 0, origPix, ratioX = this.rcpScaleX, - ratioY = this.rcpScaleY, - w4 = 4 * (oW - 1), img = options.imageData, - pixels = img.data, destImage = options.ctx.createImageData(dW, dH), - destPixels = destImage.data; - for (i = 0; i < dH; i++) { - for (j = 0; j < dW; j++) { - x = floor(ratioX * j); - y = floor(ratioY * i); - xDiff = ratioX * j - x; - yDiff = ratioY * i - y; - origPix = 4 * (y * oW + x); - - for (chnl = 0; chnl < 4; chnl++) { - a = pixels[origPix + chnl]; - b = pixels[origPix + 4 + chnl]; - c = pixels[origPix + w4 + chnl]; - d = pixels[origPix + w4 + 4 + chnl]; - color = a * (1 - xDiff) * (1 - yDiff) + b * xDiff * (1 - yDiff) + - c * yDiff * (1 - xDiff) + d * xDiff * yDiff; - destPixels[offset++] = color; - } - } - } - return destImage; - }, - - /** - * hermiteFastResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - hermiteFastResize: function(options, oW, oH, dW, dH) { - var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, - ratioWHalf = ceil(ratioW / 2), - ratioHHalf = ceil(ratioH / 2), - img = options.imageData, data = img.data, - img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; - for (var j = 0; j < dH; j++) { - for (var i = 0; i < dW; i++) { - var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, - gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; - for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { - var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, - centerX = (i + 0.5) * ratioW, w0 = dy * dy; - for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { - var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, - w = sqrt(w0 + dx * dx); - /* eslint-disable max-depth */ - if (w > 1 && w < -1) { - continue; - } - //hermite filter - weight = 2 * w * w * w - 3 * w * w + 1; - if (weight > 0) { - dx = 4 * (xx + yy * oW); - //alpha - gxA += weight * data[dx + 3]; - weightsAlpha += weight; - //colors - if (data[dx + 3] < 255) { - weight = weight * data[dx + 3] / 250; - } - gxR += weight * data[dx]; - gxG += weight * data[dx + 1]; - gxB += weight * data[dx + 2]; - weights += weight; - } - /* eslint-enable max-depth */ - } - } - data2[x2] = gxR / weights; - data2[x2 + 1] = gxG / weights; - data2[x2 + 2] = gxB / weights; - data2[x2 + 3] = gxA / weightsAlpha; - } - } - return img2; - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - return { - type: this.type, - scaleX: this.scaleX, - scaleY: this.scaleY, - resizeType: this.resizeType, - lanczosLobes: this.lanczosLobes - }; - } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Resize} Instance of fabric.Image.filters.Resize - */ - fabric.Image.filters.Resize.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Contrast filter class - * @class fabric.Image.filters.Contrast - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Contrast({ - * contrast: 0.25 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Contrast = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Contrast.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Contrast', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uContrast;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + - 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + - 'gl_FragColor = color;\n' + - '}', - - /** - * contrast value, range from -1 to 1. - * @param {Number} contrast - * @default 0 - */ - contrast: 0, - - mainParameter: 'contrast', - - /** - * Constructor - * @memberOf fabric.Image.filters.Contrast.prototype - * @param {Object} [options] Options object - * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) - */ - - /** - * Apply the Contrast operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - if (this.contrast === 0) { - return; - } - var imageData = options.imageData, i, len, - data = imageData.data, len = data.length, - contrast = Math.floor(this.contrast * 255), - contrastF = 259 * (contrast + 255) / (255 * (259 - contrast)); - - for (i = 0; i < len; i += 4) { - data[i] = contrastF * (data[i] - 128) + 128; - data[i + 1] = contrastF * (data[i + 1] - 128) + 128; - data[i + 2] = contrastF * (data[i + 2] - 128) + 128; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uContrast: gl.getUniformLocation(program, 'uContrast'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uContrast, this.contrast); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Contrast} Instance of fabric.Image.filters.Contrast - */ - fabric.Image.filters.Contrast.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Saturate filter class - * @class fabric.Image.filters.Saturation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Saturation({ - * saturation: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Saturation = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Saturation.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Saturation', - - fragmentSource: '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' + - '}', - - /** - * Saturation value, from -1 to 1. - * Increases/decreases the color saturation. - * A value of 0 has no effect. - * - * @param {Number} saturation - * @default - */ - saturation: 0, - - mainParameter: 'saturation', - - /** - * Constructor - * @memberOf fabric.Image.filters.Saturate.prototype - * @param {Object} [options] Options object - * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) - */ - - /** - * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - if (this.saturation === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, len = data.length, - adjust = -this.saturation, i, max; - - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uSaturation: gl.getUniformLocation(program, 'uSaturation'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uSaturation, -this.saturation); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Saturation} Instance of fabric.Image.filters.Saturate - */ - fabric.Image.filters.Saturation.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Vibrance filter class - * @class fabric.Image.filters.Vibrance - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Vibrance({ - * vibrance: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Vibrance = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Vibrance.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Vibrance', - - fragmentSource: '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' + - '}', - - /** - * Vibrance value, from -1 to 1. - * Increases/decreases the saturation of more muted colors with less effect on saturated colors. - * A value of 0 has no effect. - * - * @param {Number} vibrance - * @default - */ - vibrance: 0, - - mainParameter: 'vibrance', - - /** - * Constructor - * @memberOf fabric.Image.filters.Vibrance.prototype - * @param {Object} [options] Options object - * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) - */ - - /** - * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - if (this.vibrance === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, len = data.length, - adjust = -this.vibrance, i, max, avg, amt; - - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - avg = (data[i] + data[i + 1] + data[i + 2]) / 3; - amt = ((Math.abs(max - avg) * 2 / 255) * adjust); - data[i] += max !== data[i] ? (max - data[i]) * amt : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uVibrance: gl.getUniformLocation(program, 'uVibrance'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Vibrance} Instance of fabric.Image.filters.Vibrance - */ - fabric.Image.filters.Vibrance.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Blur filter class - * @class fabric.Image.filters.Blur - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Blur({ - * blur: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Blur = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blur.prototype */ { - - type: 'Blur', - - /* -'gl_FragColor = vec4(0.0);', -'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', -'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', -'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', -'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', -'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', -'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', -'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', -'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', -'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', -'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', -'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', -'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', -'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', -'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', -'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', -*/ - - /* eslint-disable max-len */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n' + - 'const float nSamples = 15.0;\n' + - 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + - 'float random(vec3 scale) {\n' + - /* use the fragment position for a different seed per-pixel */ - 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = vec4(0.0);\n' + - 'float total = 0.0;\n' + - 'float offset = random(v3offset);\n' + - 'for (float t = -nSamples; t <= nSamples; t++) {\n' + - 'float percent = (t + offset - 0.5) / nSamples;\n' + - 'float weight = 1.0 - abs(percent);\n' + - 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + - 'total += weight;\n' + - '}\n' + - 'gl_FragColor = color / total;\n' + - '}', - /* eslint-enable max-len */ - - /** - * blur value, in percentage of image dimensions. - * specific to keep the image blur constant at different resolutions - * range between 0 and 1. - * @type Number - * @default - */ - blur: 0, - - mainParameter: 'blur', - - applyTo: function(options) { - if (options.webgl) { - // this aspectRatio is used to give the same blur to vertical and horizontal - this.aspectRatio = options.sourceWidth / options.sourceHeight; - options.passes++; - this._setupFrameBuffer(options); - this.horizontal = true; - this.applyToWebGL(options); - this._swapTextures(options); - this._setupFrameBuffer(options); - this.horizontal = false; - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - }, - - applyTo2d: function(options) { - // paint canvasEl with current image data. - //options.ctx.putImageData(options.imageData, 0, 0); - options.imageData = this.simpleBlur(options); - }, - - simpleBlur: function(options) { - var resources = options.filterBackend.resources, canvas1, canvas2, - width = options.imageData.width, - height = options.imageData.height; - - if (!resources.blurLayer1) { - resources.blurLayer1 = fabric.util.createCanvasElement(); - resources.blurLayer2 = fabric.util.createCanvasElement(); - } - canvas1 = resources.blurLayer1; - canvas2 = resources.blurLayer2; - if (canvas1.width !== width || canvas1.height !== height) { - canvas2.width = canvas1.width = width; - canvas2.height = canvas1.height = height; - } - var ctx1 = canvas1.getContext('2d'), - ctx2 = canvas2.getContext('2d'), - nSamples = 15, - random, percent, j, i, - blur = this.blur * 0.06 * 0.5; - - // load first canvas - ctx1.putImageData(options.imageData, 0, 0); - ctx2.clearRect(0, 0, width, height); - - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * width + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, j, random); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * height + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, random, j); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - options.ctx.drawImage(canvas1, 0, 0); - var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); - ctx1.globalAlpha = 1; - ctx1.clearRect(0, 0, canvas1.width, canvas1.height); - return newImageData; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - delta: gl.getUniformLocation(program, 'uDelta'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var delta = this.chooseRightDelta(); - gl.uniform2fv(uniformLocations.delta, delta); - }, - - /** - * choose right value of image percentage to blur with - * @returns {Array} a numeric array with delta values - */ - chooseRightDelta: function() { - var blurScale = 1, delta = [0, 0], blur; - if (this.horizontal) { - if (this.aspectRatio > 1) { - // image is wide, i want to shrink radius horizontal - blurScale = 1 / this.aspectRatio; - } - } - else { - if (this.aspectRatio < 1) { - // image is tall, i want to shrink radius vertical - blurScale = this.aspectRatio; - } - } - blur = blurScale * this.blur * 0.12; - if (this.horizontal) { - delta[0] = blur; - } - else { - delta[1] = blur; - } - return delta; - }, - }); - - /** - * Deserialize a JSON definition of a BlurFilter into a concrete instance. - */ - filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Gamma filter class - * @class fabric.Image.filters.Gamma - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Gamma({ - * gamma: [1, 0.5, 2.1] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Gamma = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Gamma.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Gamma', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec3 uGamma;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec3 correction = (1.0 / uGamma);\n' + - 'color.r = pow(color.r, correction.r);\n' + - 'color.g = pow(color.g, correction.g);\n' + - 'color.b = pow(color.b, correction.b);\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.rgb *= color.a;\n' + - '}', - - /** - * Gamma array value, from 0.01 to 2.2. - * @param {Array} gamma - * @default - */ - gamma: [1, 1, 1], - - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'gamma', - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - this.gamma = [1, 1, 1]; - filters.BaseFilter.prototype.initialize.call(this, options); - }, - - /** - * Apply the Gamma operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, data = imageData.data, - gamma = this.gamma, len = data.length, - rInv = 1 / gamma[0], gInv = 1 / gamma[1], - bInv = 1 / gamma[2], i; - - if (!this.rVals) { - // eslint-disable-next-line - this.rVals = new Uint8Array(256); - // eslint-disable-next-line - this.gVals = new Uint8Array(256); - // eslint-disable-next-line - this.bVals = new Uint8Array(256); - } - - // This is an optimization - pre-compute a look-up table for each color channel - // instead of performing these pow calls for each pixel in the image. - for (i = 0, len = 256; i < len; i++) { - this.rVals[i] = Math.pow(i / 255, rInv) * 255; - this.gVals[i] = Math.pow(i / 255, gInv) * 255; - this.bVals[i] = Math.pow(i / 255, bInv) * 255; - } - for (i = 0, len = data.length; i < len; i += 4) { - data[i] = this.rVals[data[i]]; - data[i + 1] = this.gVals[data[i + 1]]; - data[i + 2] = this.bVals[data[i + 2]]; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uGamma: gl.getUniformLocation(program, 'uGamma'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform3fv(uniformLocations.uGamma, this.gamma); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Gamma} Instance of fabric.Image.filters.Gamma - */ - fabric.Image.filters.Gamma.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * A container class that knows how to apply a sequence of filters to an input image. - */ - filters.Composed = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Composed.prototype */ { - - type: 'Composed', - - /** - * A non sparse array of filters to apply - */ - subFilters: [], - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.subFilters = this.subFilters.slice(0); - }, - - /** - * Apply this container's filters to the input image provided. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be applied. - */ - applyTo: function(options) { - options.passes += this.subFilters.length - 1; - this.subFilters.forEach(function(filter) { - filter.applyTo(options); - }); - }, - - /** - * Serialize this filter into JSON. - * - * @returns {Object} A JSON representation of this filter. - */ - toObject: function() { - return fabric.util.object.extend(this.callSuper('toObject'), { - subFilters: this.subFilters.map(function(filter) { return filter.toObject(); }), - }); - }, - - isNeutralState: function() { - return !this.subFilters.some(function(filter) { return !filter.isNeutralState(); }); - } - }); - - /** - * Deserialize a JSON definition of a ComposedFilter into a concrete instance. - */ - fabric.Image.filters.Composed.fromObject = function(object, callback) { - var filters = object.subFilters || [], - subFilters = filters.map(function(filter) { - return new fabric.Image.filters[filter.type](filter); - }), - instance = new fabric.Image.filters.Composed({ subFilters: subFilters }); - callback && callback(instance); - return instance; - }; -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * HueRotation filter class - * @class fabric.Image.filters.HueRotation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.HueRotation({ - * rotation: -0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.HueRotation = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.HueRotation.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'HueRotation', - - /** - * HueRotation value, from -1 to 1. - * the unit is radians - * @param {Number} myParameter - * @default - */ - rotation: 0, - - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'rotation', - - calculateMatrix: function() { - var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), - aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; - this.matrix = [ - 1, 0, 0, 0, 0, - 0, 1, 0, 0, 0, - 0, 0, 1, 0, 0, - 0, 0, 0, 1, 0 - ]; - this.matrix[0] = cos + OneMinusCos / 3; - this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[6] = cos + aThird * OneMinusCos; - this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[12] = cos + aThird * OneMinusCos; - }, - - /** - * HueRotation isNeutralState implementation - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * @param {Object} options - **/ - isNeutralState: function(options) { - this.calculateMatrix(); - return filters.BaseFilter.prototype.isNeutralState.call(this, options); - }, - - /** - * Apply this filter to the input image data provided. - * - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function(options) { - this.calculateMatrix(); - filters.BaseFilter.prototype.applyTo.call(this, options); - }, - - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.HueRotation} Instance of fabric.Image.filters.HueRotation - */ - fabric.Image.filters.HueRotation.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - clone = fabric.util.object.clone; - - if (fabric.Text) { - fabric.warn('fabric.Text is already defined'); - return; - } - - var additionalProps = - ('fontFamily fontWeight fontSize text underline overline linethrough' + - ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + - ' direction path pathStartOffset pathSide pathAlign').split(' '); - - /** - * Text class - * @class fabric.Text - * @extends fabric.Object - * @return {fabric.Text} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} - * @see {@link fabric.Text#initialize} for constructor definition - */ - fabric.Text = fabric.util.createClass(fabric.Object, /** @lends fabric.Text.prototype */ { - - /** - * Properties which when set cause object to change dimensions - * @type Array - * @private - */ - _dimensionAffectingProps: [ - 'fontSize', - 'fontWeight', - 'fontFamily', - 'fontStyle', - 'lineHeight', - 'text', - 'charSpacing', - 'textAlign', - 'styles', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign' - ], - - /** - * @private - */ - _reNewline: /\r?\n/, - - /** - * Use this regular expression to filter for whitespaces that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reSpacesAndTabs: /[ \t\r]/g, - - /** - * Use this regular expression to filter for whitespace that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reSpaceAndTab: /[ \t\r]/, - - /** - * Use this regular expression to filter consecutive groups of non spaces. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reWords: /\S+/g, - - /** - * Type of an object - * @type String - * @default - */ - type: 'text', - - /** - * Font size (in pixels) - * @type Number - * @default - */ - fontSize: 40, - - /** - * Font weight (e.g. bold, normal, 400, 600, 800) - * @type {(Number|String)} - * @default - */ - fontWeight: 'normal', - - /** - * Font family - * @type String - * @default - */ - fontFamily: 'Times New Roman', - - /** - * Text decoration underline. - * @type Boolean - * @default - */ - underline: false, - - /** - * Text decoration overline. - * @type Boolean - * @default - */ - overline: false, - - /** - * Text decoration linethrough. - * @type Boolean - * @default - */ - linethrough: false, - - /** - * Text alignment. Possible values: "left", "center", "right", "justify", - * "justify-left", "justify-center" or "justify-right". - * @type String - * @default - */ - textAlign: 'left', - - /** - * Font style . Possible values: "", "normal", "italic" or "oblique". - * @type String - * @default - */ - fontStyle: 'normal', - - /** - * Line height - * @type Number - * @default - */ - lineHeight: 1.16, - - /** - * Superscript schema object (minimum overlap) - * @type {Object} - * @default - */ - superscript: { - size: 0.60, // fontSize factor - baseline: -0.35 // baseline-shift factor (upwards) - }, - - /** - * Subscript schema object (minimum overlap) - * @type {Object} - * @default - */ - subscript: { - size: 0.60, // fontSize factor - baseline: 0.11 // baseline-shift factor (downwards) - }, - - /** - * Background color of text lines - * @type String - * @default - */ - textBackgroundColor: '', - - /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric.Object.prototype.stateProperties.concat(additionalProps), - - /** - * List of properties to consider when checking if cache needs refresh - * @type Array - */ - cacheProperties: fabric.Object.prototype.cacheProperties.concat(additionalProps), - - /** - * When defined, an object is rendered via stroke and this property specifies its color. - * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 - * @type String - * @default - */ - stroke: null, - - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 - * @type fabric.Shadow - * @default - */ - shadow: null, - - /** - * fabric.Path that the text should follow. - * since 4.6.0 the path will be drawn automatically. - * if you want to make the path visible, give it a stroke and strokeWidth or fill value - * if you want it to be hidden, assign visible = false to the path. - * This feature is in BETA, and SVG import/export is not yet supported. - * @type fabric.Path - * @example - * var textPath = new fabric.Text('Text on a path', { - * top: 150, - * left: 150, - * textAlign: 'center', - * charSpacing: -50, - * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { - * strokeWidth: 1, - * visible: false - * }), - * pathSide: 'left', - * pathStartOffset: 0 - * }); - * @default - */ - path: null, - - /** - * Offset amount for text path starting position - * Only used when text has a path - * @type Number - * @default - */ - pathStartOffset: 0, - - /** - * Which side of the path the text should be drawn on. - * Only used when text has a path - * @type {String} 'left|right' - * @default - */ - pathSide: 'left', - - /** - * How text is aligned to the path. This property determines - * the perpendicular position of each character relative to the path. - * (one of "baseline", "center", "ascender", "descender") - * This feature is in BETA, and its behavior may change - * @type String - * @default - */ - pathAlign: 'baseline', - - /** - * @private - */ - _fontSizeFraction: 0.222, - - /** - * @private - */ - offsets: { - underline: 0.10, - linethrough: -0.315, - overline: -0.88 - }, - - /** - * Text Line proportion to font Size (in pixels) - * @type Number - * @default - */ - _fontSizeMult: 1.13, - - /** - * additional space between characters - * expressed in thousands of em unit - * @type Number - * @default - */ - charSpacing: 0, - - /** - * Object containing character styles - top-level properties -> line numbers, - * 2nd-level properties - character numbers - * @type Object - * @default - */ - styles: null, - - /** - * Reference to a context to measure text char or couple of chars - * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas - * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every - * text object created. - * @type {CanvasRenderingContext2D} - * @default - */ - _measuringContext: null, - - /** - * Baseline shift, styles only, keep at 0 for the main text object - * @type {Number} - * @default - */ - deltaY: 0, - - /** - * WARNING: EXPERIMENTAL. NOT SUPPORTED YET - * determine the direction of the text. - * This has to be set manually together with textAlign and originX for proper - * experience. - * some interesting link for the future - * https://www.w3.org/International/questions/qa-bidi-unicode-controls - * @since 4.5.0 - * @type {String} 'ltr|rtl' - * @default - */ - direction: 'ltr', - - /** - * Array of properties that define a style unit (of 'styles'). - * @type {Array} - * @default - */ - _styleProperties: [ - 'stroke', - 'strokeWidth', - 'fill', - 'fontFamily', - 'fontSize', - 'fontWeight', - 'fontStyle', - 'underline', - 'overline', - 'linethrough', - 'deltaY', - 'textBackgroundColor', - ], - - /** - * contains characters bounding boxes - */ - __charBounds: [], - - /** - * use this size when measuring text. To avoid IE11 rounding errors - * @type {Number} - * @default - * @readonly - * @private - */ - CACHE_FONT_SIZE: 400, - - /** - * contains the min text width to avoid getting 0 - * @type {Number} - * @default - */ - MIN_TEXT_WIDTH: 2, - - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - initialize: function(text, options) { - this.styles = options ? (options.styles || { }) : { }; - this.text = text; - this.__skipDimension = true; - this.callSuper('initialize', options); - if (this.path) { - this.setPathInfo(); - } - this.__skipDimension = false; - this.initDimensions(); - this.setCoords(); - this.setupState({ propertySet: '_dimensionAffectingProps' }); - }, - - /** - * If text has a path, it will add the extra information needed - * for path and text calculations - * @return {fabric.Text} thisArg - */ - setPathInfo: function() { - var path = this.path; - if (path) { - path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path); - } - }, - - /** - * Return a context for measurement of text string. - * if created it gets stored for reuse - * this is for internal use, please do not use it - * @private - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - getMeasuringContext: function() { - // if we did not return we have to measure something. - if (!fabric._measuringContext) { - fabric._measuringContext = this.canvas && this.canvas.contextCache || - fabric.util.createCanvasElement().getContext('2d'); - } - return fabric._measuringContext; - }, - - /** - * @private - * Divides text into lines of text and lines of graphemes. - */ - _splitText: function() { - var newLines = this._splitTextIntoLines(this.text); - this.textLines = newLines.lines; - this._textLines = newLines.graphemeLines; - this._unwrappedTextLines = newLines._unwrappedLines; - this._text = newLines.graphemeText; - return newLines; - }, - - /** - * Initialize or update text dimensions. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. - */ - initDimensions: function() { - if (this.__skipDimension) { - return; - } - this._splitText(); - this._clearCache(); - if (this.path) { - this.width = this.path.width; - this.height = this.path.height; - } - else { - this.width = this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; - this.height = this.calcTextHeight(); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, - - /** - * Enlarge space boxes and shift the others - */ - enlargeSpaces: function() { - var diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (this.textAlign !== 'justify' && (i === len - 1 || this.isEndOfWrapping(i))) { - continue; - } - accumulatedSpace = 0; - line = this._textLines[i]; - currentLineWidth = this.getLineWidth(i); - if (currentLineWidth < this.width && (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { - numberOfSpaces = spaces.length; - diffSpace = (this.width - currentLineWidth) / numberOfSpaces; - for (var j = 0, jlen = line.length; j <= jlen; j++) { - charBound = this.__charBounds[i][j]; - if (this._reSpaceAndTab.test(line[j])) { - charBound.width += diffSpace; - charBound.kernedWidth += diffSpace; - charBound.left += accumulatedSpace; - accumulatedSpace += diffSpace; - } - else { - charBound.left += accumulatedSpace; - } - } - } - } - }, - - /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @return {Boolean} - */ - isEndOfWrapping: function(lineIndex) { - return lineIndex === this._textLines.length - 1; - }, - - /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * It return always for text and Itext. - * @return Number - */ - missingNewlineOffset: function() { - return 1; - }, - - /** - * Returns string representation of an instance - * @return {String} String representation of text object - */ - toString: function() { - return '#'; - }, - - /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @param {Object} dim.x width of object to be cached - * @param {Object} dim.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _getCacheCanvasDimensions: function() { - var dims = this.callSuper('_getCacheCanvasDimensions'); - var fontSize = this.fontSize; - dims.width += fontSize * dims.zoomX; - dims.height += fontSize * dims.zoomY; - return dims; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - var path = this.path; - path && !path.isNotVisible() && path._render(ctx); - this._setTextStyles(ctx); - this._renderTextLinesBackground(ctx); - this._renderTextDecoration(ctx, 'underline'); - this._renderText(ctx); - this._renderTextDecoration(ctx, 'overline'); - this._renderTextDecoration(ctx, 'linethrough'); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderText: function(ctx) { - if (this.paintFirst === 'stroke') { - this._renderTextStroke(ctx); - this._renderTextFill(ctx); - } - else { - this._renderTextFill(ctx); - this._renderTextStroke(ctx); - } - }, - - /** - * Set the font parameter of the context with the object properties or with charStyle - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [charStyle] object with font style properties - * @param {String} [charStyle.fontFamily] Font Family - * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) - * @param {String} [charStyle.fontWeight] Font weight - * @param {String} [charStyle.fontStyle] Font style (italic|normal) - */ - _setTextStyles: function(ctx, charStyle, forMeasuring) { - ctx.textBaseline = 'alphabetical'; - if (this.path) { - switch (this.pathAlign) { - case 'center': - ctx.textBaseline = 'middle'; - break; - case 'ascender': - ctx.textBaseline = 'top'; - break; - case 'descender': - ctx.textBaseline = 'bottom'; - break; - } - } - ctx.font = this._getFontDeclaration(charStyle, forMeasuring); - }, - - /** - * calculate and return the text Width measuring each line. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {Number} Maximum width of fabric.Text object - */ - calcTextWidth: function() { - var maxWidth = this.getLineWidth(0); - - for (var i = 1, len = this._textLines.length; i < len; i++) { - var currentLineWidth = this.getLineWidth(i); - if (currentLineWidth > maxWidth) { - maxWidth = currentLineWidth; - } - } - return maxWidth; - }, - - /** - * @private - * @param {String} method Method name ("fillText" or "strokeText") - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} line Text to render - * @param {Number} left Left position of text - * @param {Number} top Top position of text - * @param {Number} lineIndex Index of a line in a text - */ - _renderTextLine: function(method, ctx, line, left, top, lineIndex) { - this._renderChars(method, ctx, line, left, top, lineIndex); - }, - - /** - * Renders the text background for lines, taking care of style - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextLinesBackground: function(ctx) { - if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { - return; - } - var heightOfLine, - lineLeftOffset, originalFill = ctx.fillStyle, - line, lastColor, - leftOffset = this._getLeftOffset(), - lineTopOffset = this._getTopOffset(), - boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, - drawStart; - - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor', i)) { - lineTopOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - lineLeftOffset = this._getLineLeftOffset(i); - boxWidth = 0; - boxStart = 0; - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillStyle = currentColor; - currentColor && ctx.fillRect( - -charBox.width / 2, - -heightOfLine / this.lineHeight * (1 - this._fontSizeFraction), - charBox.width, - heightOfLine / this.lineHeight - ); - ctx.restore(); - } - else if (currentColor !== lastColor) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = lastColor; - lastColor && ctx.fillRect( - drawStart, - lineTopOffset, - boxWidth, - heightOfLine / this.lineHeight - ); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } - } - if (currentColor && !path) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentColor; - ctx.fillRect( - drawStart, - lineTopOffset, - boxWidth, - heightOfLine / this.lineHeight - ); - } - lineTopOffset += heightOfLine; - } - ctx.fillStyle = originalFill; - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - - /** - * @private - * @param {Object} decl style declaration for cache - * @param {String} decl.fontFamily fontFamily - * @param {String} decl.fontStyle fontStyle - * @param {String} decl.fontWeight fontWeight - * @return {Object} reference to cache - */ - getFontCache: function(decl) { - var fontFamily = decl.fontFamily.toLowerCase(); - if (!fabric.charWidthsCache[fontFamily]) { - fabric.charWidthsCache[fontFamily] = { }; - } - var cache = fabric.charWidthsCache[fontFamily], - cacheProp = decl.fontStyle.toLowerCase() + '_' + (decl.fontWeight + '').toLowerCase(); - if (!cache[cacheProp]) { - cache[cacheProp] = { }; - } - return cache[cacheProp]; - }, - - /** - * measure and return the width of a single character. - * possibly overridden to accommodate different measure logic or - * to hook some external lib for character measurement - * @private - * @param {String} _char, char to be measured - * @param {Object} charStyle style of char to be measured - * @param {String} [previousChar] previous char - * @param {Object} [prevCharStyle] style of previous char - */ - _measureChar: function(_char, charStyle, previousChar, prevCharStyle) { - // first i try to return from cache - var fontCache = this.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), - previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, - stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, - fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; - - if (previousChar && fontCache[previousChar] !== undefined) { - previousWidth = fontCache[previousChar]; - } - if (fontCache[_char] !== undefined) { - kernedWidth = width = fontCache[_char]; - } - if (stylesAreEqual && fontCache[couple] !== undefined) { - coupleWidth = fontCache[couple]; - kernedWidth = coupleWidth - previousWidth; - } - if (width === undefined || previousWidth === undefined || coupleWidth === undefined) { - var ctx = this.getMeasuringContext(); - // send a TRUE to specify measuring font size CACHE_FONT_SIZE - this._setTextStyles(ctx, charStyle, true); - } - if (width === undefined) { - kernedWidth = width = ctx.measureText(_char).width; - fontCache[_char] = width; - } - if (previousWidth === undefined && stylesAreEqual && previousChar) { - previousWidth = ctx.measureText(previousChar).width; - fontCache[previousChar] = previousWidth; - } - if (stylesAreEqual && coupleWidth === undefined) { - // we can measure the kerning couple and subtract the width of the previous character - coupleWidth = ctx.measureText(couple).width; - fontCache[couple] = coupleWidth; - kernedWidth = coupleWidth - previousWidth; - } - return { width: width * fontMultiplier, kernedWidth: kernedWidth * fontMultiplier }; - }, - - /** - * Computes height of character at given position - * @param {Number} line the line index number - * @param {Number} _char the character index number - * @return {Number} fontSize of the character - */ - getHeightOfChar: function(line, _char) { - return this.getValueOfPropertyAt(line, _char, 'fontSize'); - }, - - /** - * measure a text line measuring all characters. - * @param {Number} lineIndex line number - * @return {Number} Line width - */ - measureLine: function(lineIndex) { - var lineInfo = this._measureLine(lineIndex); - if (this.charSpacing !== 0) { - lineInfo.width -= this._getWidthOfCharSpacing(); - } - if (lineInfo.width < 0) { - lineInfo.width = 0; - } - return lineInfo; - }, - - /** - * measure every grapheme of a line, populating __charBounds - * @param {Number} lineIndex - * @return {Object} object.width total width of characters - * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs - */ - _measureLine: function(lineIndex) { - var width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, - graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), - positionInPath = 0, startingPoint, totalPathLength, path = this.path, - reverse = this.pathSide === 'right'; - - this.__charBounds[lineIndex] = lineBounds; - for (i = 0; i < line.length; i++) { - grapheme = line[i]; - graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); - lineBounds[i] = graphemeInfo; - width += graphemeInfo.kernedWidth; - prevGrapheme = grapheme; - } - // this latest bound box represent the last character of the line - // to simplify cursor handling in interactive mode. - lineBounds[i] = { - left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, - width: 0, - kernedWidth: 0, - height: this.fontSize - }; - if (path) { - totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; - startingPoint = fabric.util.getPointOnPath(path.path, 0, path.segmentsInfo); - startingPoint.x += path.pathOffset.x; - startingPoint.y += path.pathOffset.y; - switch (this.textAlign) { - case 'left': - positionInPath = reverse ? (totalPathLength - width) : 0; - break; - case 'center': - positionInPath = (totalPathLength - width) / 2; - break; - case 'right': - positionInPath = reverse ? 0 : (totalPathLength - width); - break; - //todo - add support for justify - } - positionInPath += this.pathStartOffset * (reverse ? -1 : 1); - for (i = reverse ? line.length - 1 : 0; - reverse ? i >= 0 : i < line.length; - reverse ? i-- : i++) { - graphemeInfo = lineBounds[i]; - if (positionInPath > totalPathLength) { - positionInPath %= totalPathLength; - } - else if (positionInPath < 0) { - positionInPath += totalPathLength; - } - // it would probably much faster to send all the grapheme position for a line - // and calculate path position/angle at once. - this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); - positionInPath += graphemeInfo.kernedWidth; - } - } - return { width: width, numOfSpaces: numOfSpaces }; - }, - - /** - * Calculate the angle and the left,top position of the char that follow a path. - * It appends it to graphemeInfo to be reused later at rendering - * @private - * @param {Number} positionInPath to be measured - * @param {Object} graphemeInfo current grapheme box information - * @param {Object} startingPoint position of the point - */ - _setGraphemeOnPath: function(positionInPath, graphemeInfo, startingPoint) { - var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, - path = this.path; - - // we are at currentPositionOnPath. we want to know what point on the path is. - var info = fabric.util.getPointOnPath(path.path, centerPosition, path.segmentsInfo); - graphemeInfo.renderLeft = info.x - startingPoint.x; - graphemeInfo.renderTop = info.y - startingPoint.y; - graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); - }, - - /** - * Measure and return the info of a single grapheme. - * needs the the info of previous graphemes already filled - * @private - * @param {String} grapheme to be measured - * @param {Number} lineIndex index of the line where the char is - * @param {Number} charIndex position in the line - * @param {String} [prevGrapheme] character preceding the one to be measured - */ - _getGraphemeBox: function(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { - var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), - prevStyle = prevGrapheme ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) : { }, - info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), - kernedWidth = info.kernedWidth, - width = info.width, charSpacing; - - if (this.charSpacing !== 0) { - charSpacing = this._getWidthOfCharSpacing(); - width += charSpacing; - kernedWidth += charSpacing; - } - - var box = { - width: width, - left: 0, - height: style.fontSize, - kernedWidth: kernedWidth, - deltaY: style.deltaY, - }; - if (charIndex > 0 && !skipLeft) { - var previousBox = this.__charBounds[lineIndex][charIndex - 1]; - box.left = previousBox.left + previousBox.width + info.kernedWidth - info.width; - } - return box; - }, - - /** - * Calculate height of line at 'lineIndex' - * @param {Number} lineIndex index of line to calculate - * @return {Number} - */ - getHeightOfLine: function(lineIndex) { - if (this.__lineHeights[lineIndex]) { - return this.__lineHeights[lineIndex]; - } - - var line = this._textLines[lineIndex], - // char 0 is measured before the line cycle because it nneds to char - // emptylines - maxHeight = this.getHeightOfChar(lineIndex, 0); - for (var i = 1, len = line.length; i < len; i++) { - maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); - } - - return this.__lineHeights[lineIndex] = maxHeight * this.lineHeight * this._fontSizeMult; - }, - - /** - * Calculate text box height - */ - calcTextHeight: function() { - var lineHeight, height = 0; - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineHeight = this.getHeightOfLine(i); - height += (i === len - 1 ? lineHeight / this.lineHeight : lineHeight); - } - return height; - }, - - /** - * @private - * @return {Number} Left offset - */ - _getLeftOffset: function() { - return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; - }, - - /** - * @private - * @return {Number} Top offset - */ - _getTopOffset: function() { - return -this.height / 2; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} method Method name ("fillText" or "strokeText") - */ - _renderTextCommon: function(ctx, method) { - ctx.save(); - var lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); - for (var i = 0, len = this._textLines.length; i < len; i++) { - var heightOfLine = this.getHeightOfLine(i), - maxHeight = heightOfLine / this.lineHeight, - leftOffset = this._getLineLeftOffset(i); - this._renderTextLine( - method, - ctx, - this._textLines[i], - left + leftOffset, - top + lineHeights + maxHeight, - i - ); - lineHeights += heightOfLine; - } - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextFill: function(ctx) { - if (!this.fill && !this.styleHas('fill')) { - return; - } - - this._renderTextCommon(ctx, 'fillText'); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextStroke: function(ctx) { - if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { - return; - } - - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - - ctx.save(); - this._setLineDash(ctx, this.strokeDashArray); - ctx.beginPath(); - this._renderTextCommon(ctx, 'strokeText'); - ctx.closePath(); - ctx.restore(); - }, - - /** - * @private - * @param {String} method fillText or strokeText. - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} line Content of the line, splitted in an array by grapheme - * @param {Number} left - * @param {Number} top - * @param {Number} lineIndex - */ - _renderChars: function(method, ctx, line, left, top, lineIndex) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, - boxWidth = 0, - timeToRender, - path = this.path, - shortCut = !isJustify && this.charSpacing === 0 && this.isEmptyStyles(lineIndex) && !path, - isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, - drawingLeft, currentDirection = ctx.canvas.getAttribute('dir'); - ctx.save(); - if (currentDirection !== this.direction) { - ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); - ctx.direction = isLtr ? 'ltr' : 'rtl'; - ctx.textAlign = isLtr ? 'left' : 'right'; - } - top -= lineHeight * this._fontSizeFraction / this.lineHeight; - if (shortCut) { - // render all the line in one pass without checking - // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); - this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); - ctx.restore(); - return; - } - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing || path; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - left += sign * (charBox.kernedWidth - charBox.width); - boxWidth += charBox.width; - } - else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = this._hasStyleChanged(actualStyle, nextStyle); - } - if (timeToRender) { - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); - ctx.restore(); - } - else { - drawingLeft = left; - this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); - } - charsToRender = ''; - actualStyle = nextStyle; - left += sign * boxWidth; - boxWidth = 0; - } - } - ctx.restore(); - }, - - /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {fabric.Gradient} filler a fabric gradient instance - * @return {CanvasPattern} a pattern to use as fill/stroke style - */ - _applyPatternGradientTransformText: function(filler) { - var pCanvas = fabric.util.createCanvasElement(), pCtx, - // TODO: verify compatibility with strokeUniform - width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; - pCanvas.width = width; - pCanvas.height = height; - pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); - pCtx.lineTo(0, height); pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.fillStyle = filler.toLive(pCtx); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fill(); - return pCtx.createPattern(pCanvas, 'no-repeat'); - }, - - handleFiller: function(ctx, property, filler) { - var offsetX, offsetY; - if (filler.toLive) { - if (filler.gradientUnits === 'percentage' || filler.gradientTransform || filler.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - offsetX = -this.width / 2; - offsetY = -this.height / 2; - ctx.translate(offsetX, offsetY); - ctx[property] = this._applyPatternGradientTransformText(filler); - return { offsetX: offsetX, offsetY: offsetY }; - } - else { - // is a simple gradient or pattern - ctx[property] = filler.toLive(ctx, this); - return this._applyPatternGradientTransform(ctx, filler); - } - } - else { - // is a color - ctx[property] = filler; - } - return { offsetX: 0, offsetY: 0 }; - }, - - _setStrokeStyles: function(ctx, decl) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = this.strokeLineCap; - ctx.lineDashOffset = this.strokeDashOffset; - ctx.lineJoin = this.strokeLineJoin; - ctx.miterLimit = this.strokeMiterLimit; - return this.handleFiller(ctx, 'strokeStyle', decl.stroke); - }, - - _setFillStyles: function(ctx, decl) { - return this.handleFiller(ctx, 'fillStyle', decl.fill); - }, - - /** - * @private - * @param {String} method - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {String} _char - * @param {Number} left Left coordinate - * @param {Number} top Top coordinate - * @param {Number} lineHeight Height of the line - */ - _renderChar: function(method, ctx, lineIndex, charIndex, _char, left, top) { - var decl = this._getStyleDeclaration(lineIndex, charIndex), - fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), - shouldFill = method === 'fillText' && fullDecl.fill, - shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, - fillOffsets, strokeOffsets; - - if (!shouldStroke && !shouldFill) { - return; - } - ctx.save(); - - shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); - shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); - - ctx.font = this._getFontDeclaration(fullDecl); - - - if (decl && decl.textBackgroundColor) { - this._removeShadow(ctx); - } - if (decl && decl.deltaY) { - top += decl.deltaY; - } - shouldFill && ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); - shouldStroke && ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); - ctx.restore(); - }, - - /** - * Turns the character into a 'superior figure' (i.e. 'superscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable - */ - setSuperscript: function(start, end) { - return this._setScript(start, end, this.superscript); - }, - - /** - * Turns the character into an 'inferior figure' (i.e. 'subscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable - */ - setSubscript: function(start, end) { - return this._setScript(start, end, this.subscript); - }, - - /** - * Applies 'schema' at given position - * @private - * @param {Number} start selection start - * @param {Number} end selection end - * @param {Number} schema - * @returns {fabric.Text} thisArg - * @chainable - */ - _setScript: function(start, end, schema) { - var loc = this.get2DCursorLocation(start, true), - fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), - dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), - style = { fontSize: fontSize * schema.size, deltaY: dy + fontSize * schema.baseline }; - this.setSelectionStyles(style, start, end); - return this; - }, - - /** - * @private - * @param {Object} prevStyle - * @param {Object} thisStyle - */ - _hasStyleChanged: function(prevStyle, thisStyle) { - return prevStyle.fill !== thisStyle.fill || - prevStyle.stroke !== thisStyle.stroke || - prevStyle.strokeWidth !== thisStyle.strokeWidth || - prevStyle.fontSize !== thisStyle.fontSize || - prevStyle.fontFamily !== thisStyle.fontFamily || - prevStyle.fontWeight !== thisStyle.fontWeight || - prevStyle.fontStyle !== thisStyle.fontStyle || - prevStyle.deltaY !== thisStyle.deltaY; - }, - - /** - * @private - * @param {Object} prevStyle - * @param {Object} thisStyle - */ - _hasStyleChangedForSvg: function(prevStyle, thisStyle) { - return this._hasStyleChanged(prevStyle, thisStyle) || - prevStyle.overline !== thisStyle.overline || - prevStyle.underline !== thisStyle.underline || - prevStyle.linethrough !== thisStyle.linethrough; - }, - - /** - * @private - * @param {Number} lineIndex index text line - * @return {Number} Line left offset - */ - _getLineLeftOffset: function(lineIndex) { - var lineWidth = this.getLineWidth(lineIndex), - lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, - isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); - if (textAlign === 'justify' - || (textAlign === 'justify-center' && !isEndOfWrapping) - || (textAlign === 'justify-right' && !isEndOfWrapping) - || (textAlign === 'justify-left' && !isEndOfWrapping) - ) { - return 0; - } - if (textAlign === 'center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'right') { - leftOffset = lineDiff; - } - if (textAlign === 'justify-center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'justify-right') { - leftOffset = lineDiff; - } - if (direction === 'rtl') { - leftOffset -= lineDiff; - } - return leftOffset; - }, - - /** - * @private - */ - _clearCache: function() { - this.__lineWidths = []; - this.__lineHeights = []; - this.__charBounds = []; - }, - - /** - * @private - */ - _shouldClearDimensionCache: function() { - var shouldClear = this._forceClearCache; - shouldClear || (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); - if (shouldClear) { - this.dirty = true; - this._forceClearCache = false; - } - return shouldClear; - }, - - /** - * Measure a single line given its index. Used to calculate the initial - * text bounding box. The values are calculated and stored in __lineWidths cache. - * @private - * @param {Number} lineIndex line number - * @return {Number} Line width - */ - getLineWidth: function(lineIndex) { - if (this.__lineWidths[lineIndex] !== undefined) { - return this.__lineWidths[lineIndex]; - } - - var lineInfo = this.measureLine(lineIndex); - var width = lineInfo.width; - this.__lineWidths[lineIndex] = width; - return width; - }, - - _getWidthOfCharSpacing: function() { - if (this.charSpacing !== 0) { - return this.fontSize * this.charSpacing / 1000; - } - return 0; - }, - - /** - * Retrieves the value of property at given character position - * @param {Number} lineIndex the line number - * @param {Number} charIndex the character number - * @param {String} property the property name - * @returns the value of 'property' - */ - getValueOfPropertyAt: function(lineIndex, charIndex, property) { - var charStyle = this._getStyleDeclaration(lineIndex, charIndex); - if (charStyle && typeof charStyle[property] !== 'undefined') { - return charStyle[property]; - } - return this[property]; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextDecoration: function(ctx, type) { - if (!this[type] && !this.styleHas(type)) { - return; - } - var heightOfLine, size, _size, - lineLeftOffset, dy, _dy, - line, lastDecoration, - leftOffset = this._getLeftOffset(), - topOffset = this._getTopOffset(), top, - boxStart, boxWidth, charBox, currentDecoration, - maxHeight, currentFill, lastFill, path = this.path, - charSpacing = this._getWidthOfCharSpacing(), - offsetY = this.offsets[type]; - - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this[type] && !this.styleHas(type, i)) { - topOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - maxHeight = heightOfLine / this.lineHeight; - lineLeftOffset = this._getLineLeftOffset(i); - boxStart = 0; - boxWidth = 0; - lastDecoration = this.getValueOfPropertyAt(i, 0, type); - lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); - top = topOffset + maxHeight * (1 - this._fontSizeFraction); - size = this.getHeightOfChar(i, 0); - dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentDecoration = this.getValueOfPropertyAt(i, j, type); - currentFill = this.getValueOfPropertyAt(i, j, 'fill'); - _size = this.getHeightOfChar(i, j); - _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); - if (path && currentDecoration && currentFill) { - ctx.save(); - ctx.fillStyle = lastFill; - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillRect( - -charBox.kernedWidth / 2, - offsetY * _size + _dy, - charBox.kernedWidth, - this.fontSize / 15 - ); - ctx.restore(); - } - else if ( - (currentDecoration !== lastDecoration || currentFill !== lastFill || _size !== size || _dy !== dy) - && boxWidth > 0 - ) { - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - if (lastDecoration && lastFill) { - ctx.fillStyle = lastFill; - ctx.fillRect( - drawStart, - top + offsetY * size + dy, - boxWidth, - this.fontSize / 15 - ); - } - boxStart = charBox.left; - boxWidth = charBox.width; - lastDecoration = currentDecoration; - lastFill = currentFill; - size = _size; - dy = _dy; - } - else { - boxWidth += charBox.kernedWidth; - } - } - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentFill; - currentDecoration && currentFill && ctx.fillRect( - drawStart, - top + offsetY * size + dy, - boxWidth - charSpacing, - this.fontSize / 15 - ); - topOffset += heightOfLine; - } - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - - /** - * return font declaration string for canvas context - * @param {Object} [styleObject] object - * @returns {String} font declaration formatted for canvas context. - */ - _getFontDeclaration: function(styleObject, forMeasuring) { - var style = styleObject || this, family = this.fontFamily, - fontIsGeneric = fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1; - var fontFamily = family === undefined || - family.indexOf('\'') > -1 || family.indexOf(',') > -1 || - family.indexOf('"') > -1 || fontIsGeneric - ? style.fontFamily : '"' + style.fontFamily + '"'; - return [ - // node-canvas needs "weight style", while browsers need "style weight" - // verify if this can be fixed in JSDOM - (fabric.isLikelyNode ? style.fontWeight : style.fontStyle), - (fabric.isLikelyNode ? style.fontStyle : style.fontWeight), - forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', - fontFamily - ].join(' '); - }, - - /** - * Renders text instance on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function(ctx) { - // do not render if object is not visible - if (!this.visible) { - return; - } - if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { - return; - } - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - } - this.callSuper('render', ctx); - }, - - /** - * Returns the text as an array of lines. - * @param {String} text text to split - * @returns {Array} Lines in the text - */ - _splitTextIntoLines: function(text) { - var lines = text.split(this._reNewline), - newLines = new Array(lines.length), - newLine = ['\n'], - newText = []; - for (var i = 0; i < lines.length; i++) { - newLines[i] = fabric.util.string.graphemeSplit(lines[i]); - newText = newText.concat(newLines[i], newLine); - } - newText.pop(); - return { _unwrappedLines: newLines, lines: lines, graphemeText: newText, graphemeLines: newLines }; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function(propertiesToInclude) { - var allProperties = additionalProps.concat(propertiesToInclude); - var obj = this.callSuper('toObject', allProperties); - // styles will be overridden with a properly cloned structure - obj.styles = clone(this.styles, true); - if (obj.path) { - obj.path = this.path.toObject(); - } - return obj; - }, - - /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg - * @chainable - */ - set: function(key, value) { - this.callSuper('set', key, value); - var needsDims = false; - var isAddingPath = false; - if (typeof key === 'object') { - for (var _key in key) { - if (_key === 'path') { - this.setPathInfo(); - } - needsDims = needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; - isAddingPath = isAddingPath || _key === 'path'; - } - } - else { - needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; - isAddingPath = key === 'path'; - } - if (isAddingPath) { - this.setPathInfo(); - } - if (needsDims) { - this.initDimensions(); - this.setCoords(); - } - return this; - }, - - /** - * Returns complexity of an instance - * @return {Number} complexity - */ - complexity: function() { - return 1; - } - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement}) - * @static - * @memberOf fabric.Text - * @see: http://www.w3.org/TR/SVG/text.html#TextElement - */ - fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat( - 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); - - /** - * Default SVG font size - * @static - * @memberOf fabric.Text - */ - fabric.Text.DEFAULT_SVG_FONT_SIZE = 16; - - /** - * Returns fabric.Text instance from an SVG element (not yet implemented) - * @static - * @memberOf fabric.Text - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Text.fromElement = function(element, callback, options) { - if (!element) { - return callback(null); - } - - var parsedAttributes = fabric.parseAttributes(element, fabric.Text.ATTRIBUTE_NAMES), - parsedAnchor = parsedAttributes.textAnchor || 'left'; - options = fabric.util.object.extend((options ? clone(options) : { }), parsedAttributes); - - options.top = options.top || 0; - options.left = options.left || 0; - if (parsedAttributes.textDecoration) { - var textDecoration = parsedAttributes.textDecoration; - if (textDecoration.indexOf('underline') !== -1) { - options.underline = true; - } - if (textDecoration.indexOf('overline') !== -1) { - options.overline = true; - } - if (textDecoration.indexOf('line-through') !== -1) { - options.linethrough = true; - } - delete options.textDecoration; - } - if ('dx' in parsedAttributes) { - options.left += parsedAttributes.dx; - } - if ('dy' in parsedAttributes) { - options.top += parsedAttributes.dy; - } - if (!('fontSize' in options)) { - options.fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; - } - - var textContent = ''; - - // The XML is not properly parsed in IE9 so a workaround to get - // textContent is through firstChild.data. Another workaround would be - // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) - if (!('textContent' in element)) { - if ('firstChild' in element && element.firstChild !== null) { - if ('data' in element.firstChild && element.firstChild.data !== null) { - textContent = element.firstChild.data; - } - } - } - else { - textContent = element.textContent; - } - - textContent = textContent.replace(/^\s+|\s+$|\n+/g, '').replace(/\s+/g, ' '); - var originalStrokeWidth = options.strokeWidth; - options.strokeWidth = 0; - - var text = new fabric.Text(textContent, options), - textHeightScaleFactor = text.getScaledHeight() / text.height, - lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, - scaledDiff = lineHeightDiff * textHeightScaleFactor, - textHeight = text.getScaledHeight() + scaledDiff, - offX = 0; - /* - Adjust positioning: - x/y attributes in SVG correspond to the bottom-left corner of text bounding box - fabric output by default at top, left. - */ - if (parsedAnchor === 'center') { - offX = text.getScaledWidth() / 2; - } - if (parsedAnchor === 'right') { - offX = text.getScaledWidth(); - } - text.set({ - left: text.left - offX, - top: text.top - (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / text.lineHeight, - strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, - }); - callback(text); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Text instance from an object representation - * @static - * @memberOf fabric.Text - * @param {Object} object plain js Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Text instance is created - */ - fabric.Text.fromObject = function(object, callback) { - var objectCopy = clone(object), path = object.path; - delete objectCopy.path; - return fabric.Object._fromObject('Text', objectCopy, function(textInstance) { - if (path) { - fabric.Object._fromObject('Path', path, function(pathInstance) { - textInstance.set('path', pathInstance); - callback(textInstance); - }, 'path'); - } - else { - callback(textInstance); - } - }, 'text'); - }; - - fabric.Text.genericFonts = ['sans-serif', 'serif', 'cursive', 'fantasy', 'monospace']; - - fabric.util.createAccessors && fabric.util.createAccessors(fabric.Text); - -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { - /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} - */ - isEmptyStyles: function(lineIndex) { - if (!this.styles) { - return true; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return true; - } - var obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } - } - } - return true; - }, - - /** - * Returns true if object has a style property or has it ina specified line - * This function is used to detect if a text will use a particular property or not. - * @param {String} property to check for - * @param {Number} lineIndex to check the style on - * @return {Boolean} - */ - styleHas: function(property, lineIndex) { - if (!this.styles || !property || property === '') { - return false; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return false; - } - var obj = typeof lineIndex === 'undefined' ? this.styles : { 0: this.styles[lineIndex] }; - // eslint-disable-next-line - for (var p1 in obj) { - // eslint-disable-next-line - for (var p2 in obj[p1]) { - if (typeof obj[p1][p2][property] !== 'undefined') { - return true; - } - } - } - return false; - }, - - /** - * Check if characters in a text have a value for a property - * whose value matches the textbox's value for that property. If so, - * the character-level property is deleted. If the character - * has no other properties, then it is also deleted. Finally, - * if the line containing that character has no other characters - * then it also is deleted. - * - * @param {string} property The property to compare between characters and text. - */ - cleanStyle: function(property) { - if (!this.styles || !property || property === '') { - return false; - } - var obj = this.styles, stylesCount = 0, letterCount, stylePropertyValue, - allStyleObjectPropertiesMatch = true, graphemeCount = 0, styleObject; - // eslint-disable-next-line - for (var p1 in obj) { - letterCount = 0; - // eslint-disable-next-line - for (var p2 in obj[p1]) { - var styleObject = obj[p1][p2], - stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); - - stylesCount++; - - if (stylePropertyHasBeenSet) { - if (!stylePropertyValue) { - stylePropertyValue = styleObject[property]; - } - else if (styleObject[property] !== stylePropertyValue) { - allStyleObjectPropertiesMatch = false; - } - - if (styleObject[property] === this[property]) { - delete styleObject[property]; - } - } - else { - allStyleObjectPropertiesMatch = false; - } - - if (Object.keys(styleObject).length !== 0) { - letterCount++; - } - else { - delete obj[p1][p2]; - } - } - - if (letterCount === 0) { - delete obj[p1]; - } - } - // if every grapheme has the same style set then - // delete those styles and set it on the parent - for (var i = 0; i < this._textLines.length; i++) { - graphemeCount += this._textLines[i].length; - } - if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; - this.removeStyle(property); - } - }, - - /** - * Remove a style property or properties from all individual character styles - * in a text object. Deletes the character style object if it contains no other style - * props. Deletes a line style object if it contains no other character styles. - * - * @param {String} props The property to remove from character styles. - */ - removeStyle: function(property) { - if (!this.styles || !property || property === '') { - return; - } - var obj = this.styles, line, lineNum, charNum; - for (lineNum in obj) { - line = obj[lineNum]; - for (charNum in line) { - delete line[charNum][property]; - if (Object.keys(line[charNum]).length === 0) { - delete line[charNum]; - } - } - if (Object.keys(line).length === 0) { - delete obj[lineNum]; - } - } - }, - - /** - * @private - */ - _extendStyles: function(index, styles) { - var loc = this.get2DCursorLocation(index); - - if (!this._getLineStyle(loc.lineIndex)) { - this._setLineStyle(loc.lineIndex); - } - - if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { - this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); - } - - fabric.util.object.extend(this._getStyleDeclaration(loc.lineIndex, loc.charIndex), styles); - }, - - /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. - */ - get2DCursorLocation: function(selectionStart, skipWrapping) { - if (typeof selectionStart === 'undefined') { - selectionStart = this.selectionStart; - } - var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, - len = lines.length; - for (var i = 0; i < len; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: lines[i - 1].length < selectionStart ? lines[i - 1].length : selectionStart - }; - }, - - /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects - */ - getSelectionStyles: function(startIndex, endIndex, complete) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - var styles = []; - for (var i = startIndex; i < endIndex; i++) { - styles.push(this.getStyleAtPosition(i, complete)); - } - return styles; - }, - - /** - * Gets style of a current selection/cursor position - * @param {Number} position to get styles at - * @param {Boolean} [complete] full style if true - * @return {Object} style Style object at a specified index - * @private - */ - getStyleAtPosition: function(position, complete) { - var loc = this.get2DCursorLocation(position), - style = complete ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) : - this._getStyleDeclaration(loc.lineIndex, loc.charIndex); - return style || {}; - }, - - /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @return {fabric.IText} thisArg - * @chainable - */ - setSelectionStyles: function(styles, startIndex, endIndex) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - for (var i = startIndex; i < endIndex; i++) { - this._extendStyles(i, styles); - } - /* not included in _extendStyles to avoid clearing cache more than once */ - this._forceClearCache = true; - return this; - }, - - /** - * get the reference, not a clone, of the style object for a given character - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Object} style object - */ - _getStyleDeclaration: function(lineIndex, charIndex) { - var lineStyle = this.styles && this.styles[lineIndex]; - if (!lineStyle) { - return null; - } - return lineStyle[charIndex]; - }, - - /** - * return a new object that contains all the style property for a character - * the object returned is newly created - * @param {Number} lineIndex of the line where the character is - * @param {Number} charIndex position of the character on the line - * @return {Object} style object - */ - getCompleteStyleDeclaration: function(lineIndex, charIndex) { - var style = this._getStyleDeclaration(lineIndex, charIndex) || { }, - styleObject = { }, prop; - for (var i = 0; i < this._styleProperties.length; i++) { - prop = this._styleProperties[i]; - styleObject[prop] = typeof style[prop] === 'undefined' ? this[prop] : style[prop]; - } - return styleObject; - }, - - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private - */ - _setStyleDeclaration: function(lineIndex, charIndex, style) { - this.styles[lineIndex][charIndex] = style; - }, - - /** - * - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _deleteStyleDeclaration: function(lineIndex, charIndex) { - delete this.styles[lineIndex][charIndex]; - }, - - /** - * @param {Number} lineIndex - * @return {Boolean} if the line exists or not - * @private - */ - _getLineStyle: function(lineIndex) { - return !!this.styles[lineIndex]; - }, - - /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @private - */ - _setLineStyle: function(lineIndex) { - this.styles[lineIndex] = {}; - }, - - /** - * @param {Number} lineIndex - * @private - */ - _deleteLineStyle: function(lineIndex) { - delete this.styles[lineIndex]; - } - }); -})(); - - -(function() { - - function parseDecoration(object) { - if (object.textDecoration) { - object.textDecoration.indexOf('underline') > -1 && (object.underline = true); - object.textDecoration.indexOf('line-through') > -1 && (object.linethrough = true); - object.textDecoration.indexOf('overline') > -1 && (object.overline = true); - delete object.textDecoration; - } - } - - /** - * IText class (introduced in v1.4) Events are also fired with "text:" - * prefix when observing canvas. - * @class fabric.IText - * @extends fabric.Text - * @mixes fabric.Observable - * - * @fires changed - * @fires selection:changed - * @fires editing:entered - * @fires editing:exited - * - * @return {fabric.IText} thisArg - * @see {@link fabric.IText#initialize} for constructor definition - * - *

Supported key combinations:

- * 
-   *   Move cursor:                    left, right, up, down
-   *   Select character:               shift + left, shift + right
-   *   Select text vertically:         shift + up, shift + down
-   *   Move cursor by word:            alt + left, alt + right
-   *   Select words:                   shift + alt + left, shift + alt + right
-   *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
-   *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
-   *   Jump to start/end of text:      cmd + up, cmd + down
-   *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
-   *   Delete character:               backspace
-   *   Delete word:                    alt + backspace
-   *   Delete line:                    cmd + backspace
-   *   Forward delete:                 delete
-   *   Copy text:                      ctrl/cmd + c
-   *   Paste text:                     ctrl/cmd + v
-   *   Cut text:                       ctrl/cmd + x
-   *   Select entire text:             ctrl/cmd + a
-   *   Quit editing                    tab or esc
-   *
- * - *

Supported mouse/touch combination

- * 
-   *   Position cursor:                click/touch
-   *   Create selection:               click/touch & drag
-   *   Create selection:               click & shift + click
-   *   Select word:                    double click
-   *   Select line:                    triple click
-   *
- */ - fabric.IText = fabric.util.createClass(fabric.Text, fabric.Observable, /** @lends fabric.IText.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'i-text', - - /** - * Index where text selection starts (or where cursor is when there is no selection) - * @type Number - * @default - */ - selectionStart: 0, - - /** - * Index where text selection ends - * @type Number - * @default - */ - selectionEnd: 0, - - /** - * Color of text selection - * @type String - * @default - */ - selectionColor: 'rgba(17,119,255,0.3)', - - /** - * Indicates whether text is in editing mode - * @type Boolean - * @default - */ - isEditing: false, - - /** - * Indicates whether a text can be edited - * @type Boolean - * @default - */ - editable: true, - - /** - * Border color of text object while it's in editing mode - * @type String - * @default - */ - editingBorderColor: 'rgba(102,153,255,0.25)', - - /** - * Width of cursor (in px) - * @type Number - * @default - */ - cursorWidth: 2, - - /** - * Color of text cursor color in editing mode. - * if not set (default) will take color from the text. - * if set to a color value that fabric can understand, it will - * be used instead of the color of the text at the current position. - * @type String - * @default - */ - cursorColor: '', - - /** - * Delay between cursor blink (in ms) - * @type Number - * @default - */ - cursorDelay: 1000, - - /** - * Duration of cursor fadein (in ms) - * @type Number - * @default - */ - cursorDuration: 600, - - /** - * Indicates whether internal text char widths can be cached - * @type Boolean - * @default - */ - caching: true, - - /** - * DOM container to append the hiddenTextarea. - * An alternative to attaching to the document.body. - * Useful to reduce laggish redraw of the full document.body tree and - * also with modals event capturing that won't let the textarea take focus. - * @type HTMLElement - * @default - */ - hiddenTextareaContainer: null, - - /** - * @private - */ - _reSpace: /\s|\n/, - - /** - * @private - */ - _currentCursorOpacity: 0, - - /** - * @private - */ - _selectionDirection: null, - - /** - * @private - */ - _abortCursorAnimation: false, - - /** - * @private - */ - __widthOfSpace: [], - - /** - * Helps determining when the text is in composition, so that the cursor - * rendering is altered. - */ - inCompositionMode: false, - - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.IText} thisArg - */ - initialize: function(text, options) { - this.callSuper('initialize', text, options); - this.initBehavior(); - }, - - /** - * Sets selection start (left boundary of a selection) - * @param {Number} index Index to set selection start to - */ - setSelectionStart: function(index) { - index = Math.max(index, 0); - this._updateAndFire('selectionStart', index); - }, - - /** - * Sets selection end (right boundary of a selection) - * @param {Number} index Index to set selection end to - */ - setSelectionEnd: function(index) { - index = Math.min(index, this.text.length); - this._updateAndFire('selectionEnd', index); - }, - - /** - * @private - * @param {String} property 'selectionStart' or 'selectionEnd' - * @param {Number} index new position of property - */ - _updateAndFire: function(property, index) { - if (this[property] !== index) { - this._fireSelectionChanged(); - this[property] = index; - } - this._updateTextarea(); - }, - - /** - * Fires the even of selection changed - * @private - */ - _fireSelectionChanged: function() { - this.fire('selection:changed'); - this.canvas && this.canvas.fire('text:selection:changed', { target: this }); - }, - - /** - * Initialize text dimensions. Render all text on given context - * or on a offscreen canvas to get the text width with measureText. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. - * @private - */ - initDimensions: function() { - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this.callSuper('initDimensions'); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function(ctx) { - this.clearContextTop(); - this.callSuper('render', ctx); - // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor - // the correct position but not at every cursor animation. - this.cursorOffsetCache = { }; - this.renderCursorOrSelection(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - this.callSuper('_render', ctx); - }, - - /** - * Prepare and clean the contextTop - */ - clearContextTop: function(skipRestore) { - if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { - return; - } - var ctx = this.canvas.contextTop, v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this.transform(ctx); - this._clearTextArea(ctx); - skipRestore || ctx.restore(); - }, - /** - * Renders cursor or selection (depending on what exists) - * it does on the contextTop. If contextTop is not available, do nothing. - */ - renderCursorOrSelection: function() { - if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { - return; - } - var boundaries = this._getCursorBoundaries(), - ctx = this.canvas.contextTop; - this.clearContextTop(true); - if (this.selectionStart === this.selectionEnd) { - this.renderCursor(boundaries, ctx); - } - else { - this.renderSelection(boundaries, ctx); - } - ctx.restore(); - }, - - _clearTextArea: function(ctx) { - // we add 4 pixel, to be sure to do not leave any pixel out - var width = this.width + 4, height = this.height + 4; - ctx.clearRect(-width / 2, -height / 2, width, height); - }, - - /** - * Returns cursor boundaries (left, top, leftOffset, topOffset) - * @private - * @param {Array} chars Array of characters - * @param {String} typeOfBoundaries - */ - _getCursorBoundaries: function(position) { - - // left/top are left/top of entire text box - // leftOffset/topOffset are offset from that left/top point of a text box - - if (typeof position === 'undefined') { - position = this.selectionStart; - } - - var left = this._getLeftOffset(), - top = this._getTopOffset(), - offsets = this._getCursorBoundariesOffsets(position); - return { - left: left, - top: top, - leftOffset: offsets.left, - topOffset: offsets.top - }; - }, - - /** - * @private - */ - _getCursorBoundariesOffsets: function(position) { - if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { - return this.cursorOffsetCache; - } - var lineLeftOffset, - lineIndex, - charIndex, - topOffset = 0, - leftOffset = 0, - boundaries, - cursorPosition = this.get2DCursorLocation(position); - charIndex = cursorPosition.charIndex; - lineIndex = cursorPosition.lineIndex; - for (var i = 0; i < lineIndex; i++) { - topOffset += this.getHeightOfLine(i); - } - lineLeftOffset = this._getLineLeftOffset(lineIndex); - var bound = this.__charBounds[lineIndex][charIndex]; - bound && (leftOffset = bound.left); - if (this.charSpacing !== 0 && charIndex === this._textLines[lineIndex].length) { - leftOffset -= this._getWidthOfCharSpacing(); - } - boundaries = { - top: topOffset, - left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), - }; - if (this.direction === 'rtl') { - boundaries.left *= -1; - } - this.cursorOffsetCache = boundaries; - return this.cursorOffsetCache; - }, - - /** - * Renders cursor - * @param {Object} boundaries - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - renderCursor: function(boundaries, ctx) { - var cursorLocation = this.get2DCursorLocation(), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, - charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), - multiplier = this.scaleX * this.canvas.getZoom(), - cursorWidth = this.cursorWidth / multiplier, - topOffset = boundaries.topOffset, - dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); - topOffset += (1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex) / this.lineHeight - - charHeight * (1 - this._fontSizeFraction); - - if (this.inCompositionMode) { - this.renderSelection(boundaries, ctx); - } - ctx.fillStyle = this.cursorColor || this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); - ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; - ctx.fillRect( - boundaries.left + boundaries.leftOffset - cursorWidth / 2, - topOffset + boundaries.top + dy, - cursorWidth, - charHeight); - }, - - /** - * Renders text selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - renderSelection: function(boundaries, ctx) { - - var selectionStart = this.inCompositionMode ? this.hiddenTextarea.selectionStart : this.selectionStart, - selectionEnd = this.inCompositionMode ? this.hiddenTextarea.selectionEnd : this.selectionEnd, - isJustify = this.textAlign.indexOf('justify') !== -1, - start = this.get2DCursorLocation(selectionStart), - end = this.get2DCursorLocation(selectionEnd), - startLine = start.lineIndex, - endLine = end.lineIndex, - startChar = start.charIndex < 0 ? 0 : start.charIndex, - endChar = end.charIndex < 0 ? 0 : end.charIndex; - - for (var i = startLine; i <= endLine; i++) { - var lineOffset = this._getLineLeftOffset(i) || 0, - lineHeight = this.getHeightOfLine(i), - realLineHeight = 0, boxStart = 0, boxEnd = 0; - - if (i === startLine) { - boxStart = this.__charBounds[startLine][startChar].left; - } - if (i >= startLine && i < endLine) { - boxEnd = isJustify && !this.isEndOfWrapping(i) ? this.width : this.getLineWidth(i) || 5; // WTF is this 5? - } - else if (i === endLine) { - if (endChar === 0) { - boxEnd = this.__charBounds[endLine][endChar].left; - } - else { - var charSpacing = this._getWidthOfCharSpacing(); - boxEnd = this.__charBounds[endLine][endChar - 1].left - + this.__charBounds[endLine][endChar - 1].width - charSpacing; - } - } - realLineHeight = lineHeight; - if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { - lineHeight /= this.lineHeight; - } - var drawStart = boundaries.left + lineOffset + boxStart, - drawWidth = boxEnd - boxStart, - drawHeight = lineHeight, extraTop = 0; - if (this.inCompositionMode) { - ctx.fillStyle = this.compositionColor || 'black'; - drawHeight = 1; - extraTop = lineHeight; - } - else { - ctx.fillStyle = this.selectionColor; - } - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - drawWidth; - } - ctx.fillRect( - drawStart, - boundaries.top + boundaries.topOffset + extraTop, - drawWidth, - drawHeight); - boundaries.topOffset += realLineHeight; - } - }, - - /** - * High level function to know the height of the cursor. - * the currentChar is the one that precedes the cursor - * Returns fontSize of char at the current cursor - * Unused from the library, is for the end user - * @return {Number} Character font size - */ - getCurrentCharFontSize: function() { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); - }, - - /** - * High level function to know the color of the cursor. - * the currentChar is the one that precedes the cursor - * Returns color (fill) of char at the current cursor - * if the text object has a pattern or gradient for filler, it will return that. - * Unused by the library, is for the end user - * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) - */ - getCurrentCharColor: function() { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); - }, - - /** - * Returns the cursor position for the getCurrent.. functions - * @private - */ - _getCurrentCharIndex: function() { - var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), - charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; - return { l: cursorPosition.lineIndex, c: charIndex }; - } - }); - - /** - * Returns fabric.IText instance from an object representation - * @static - * @memberOf fabric.IText - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as argument - */ - fabric.IText.fromObject = function(object, callback) { - parseDecoration(object); - if (object.styles) { - for (var i in object.styles) { - for (var j in object.styles[i]) { - parseDecoration(object.styles[i][j]); - } - } - } - fabric.Object._fromObject('IText', object, callback, 'text'); - }; -})(); - - -(function() { - - var clone = fabric.util.object.clone; - - fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { - - /** - * Initializes all the interactive behavior of IText - */ - initBehavior: function() { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - }, - - onDeselect: function() { - this.isEditing && this.exitEditing(); - this.selected = false; - }, - - /** - * Initializes "added" event handler - */ - initAddedHandler: function() { - var _this = this; - this.on('added', function() { - var canvas = _this.canvas; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - _this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(_this); - } - }); - }, - - initRemovedHandler: function() { - var _this = this; - this.on('removed', function() { - var canvas = _this.canvas; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - fabric.util.removeFromArray(canvas._iTextInstances, _this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - _this._removeCanvasHandlers(canvas); - } - } - }); - }, - - /** - * register canvas event to manage exiting on other instances - * @private - */ - _initCanvasHandlers: function(canvas) { - canvas._mouseUpITextHandler = function() { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function(obj) { - obj.__isMousedown = false; - }); - } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - }, - - /** - * remove canvas event to manage exiting on other instances - * @private - */ - _removeCanvasHandlers: function(canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); - }, - - /** - * @private - */ - _tick: function() { - this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); - }, - - /** - * @private - */ - _animateCursor: function(obj, targetOpacity, duration, completeMethod) { - - var tickState; - - tickState = { - isAborted: false, - abort: function() { - this.isAborted = true; - }, - }; - - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function() { - if (!tickState.isAborted) { - obj[completeMethod](); - } - }, - onChange: function() { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); - } - }, - abort: function() { - return tickState.isAborted; - } - }); - return tickState; - }, - - /** - * @private - */ - _onTickComplete: function() { - - var _this = this; - - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); - } - this._cursorTimeout1 = setTimeout(function() { - _this._currentTickCompleteState = _this._animateCursor(_this, 0, this.cursorDuration / 2, '_tick'); - }, 100); - }, - - /** - * Initializes delayed cursor - */ - initDelayedCursor: function(restart) { - var _this = this, - delay = restart ? 0 : this.cursorDelay; - - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this._cursorTimeout2 = setTimeout(function() { - _this._tick(); - }, delay); - }, - - /** - * Aborts cursor animation and clears all timeouts - */ - abortCursorAnimation: function() { - var shouldClear = this._currentTickState || this._currentTickCompleteState, - canvas = this.canvas; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && this._currentTickCompleteState.abort(); - - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); - - this._currentCursorOpacity = 0; - // to clear just itext area we need to transform the context - // it may not be worth it - if (shouldClear && canvas) { - canvas.clearContext(canvas.contextTop || canvas.contextContainer); - } - - }, - - /** - * Selects entire text - * @return {fabric.IText} thisArg - * @chainable - */ - selectAll: function() { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - - /** - * Returns selected text - * @return {String} - */ - getSelectedText: function() { - return this._text.slice(this.selectionStart, this.selectionEnd).join(''); - }, - - /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryLeft: function(startFrom) { - var offset = 0, index = startFrom - 1; - - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index--; - } - } - while (/\S/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - - return startFrom - offset; - }, - - /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryRight: function(startFrom) { - var offset = 0, index = startFrom; - - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index++; - } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - - return startFrom + offset; - }, - - /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryLeft: function(startFrom) { - var offset = 0, index = startFrom - 1; - - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - - return startFrom - offset; - }, - - /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryRight: function(startFrom) { - var offset = 0, index = startFrom; - - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - - return startFrom + offset; - }, - - /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word - */ - searchWordBoundary: function(selectionStart, direction) { - var text = this._text, - index = this._reSpace.test(text[selectionStart]) ? selectionStart - 1 : selectionStart, - _char = text[index], - // wrong - reNonWord = fabric.reNonWord; - - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - }, - - /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character - */ - selectWord: function(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.searchWordBoundary(selectionStart, -1), /* search backwards */ - newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - }, - - /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character - * @return {fabric.IText} thisArg - * @chainable - */ - selectLine: function(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.findLineBoundaryLeft(selectionStart), - newSelectionEnd = this.findLineBoundaryRight(selectionStart); - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - - /** - * Enters editing state - * @return {fabric.IText} thisArg - * @chainable - */ - enterEditing: function(e) { - if (this.isEditing || !this.editable) { - return; - } - - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); - } - - this.isEditing = true; - - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; - - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); - return this; - }, - - exitEditingOnOthers: function(canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function(obj) { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); - } - }); - } - }, - - /** - * Initializes "mousemove" event handler - */ - initMouseMoveHandler: function() { - this.canvas.on('mouse:move', this.mouseMoveHandler); - }, - - /** - * @private - */ - mouseMoveHandler: function(options) { - if (!this.__isMousedown || !this.isEditing) { - return; - } - - var newSelectionStart = this.getSelectionStartFromPointer(options.e), - currentStart = this.selectionStart, - currentEnd = this.selectionEnd; - if ( - (newSelectionStart !== this.__selectionStartOnMouseDown || currentStart === currentEnd) - && - (currentStart === newSelectionStart || currentEnd === newSelectionStart) - ) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } - else { - this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; - } - if (this.selectionStart !== currentStart || this.selectionEnd !== currentEnd) { - this.restartCursorIfNeeded(); - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } - }, - - /** - * @private - */ - _setEditingProps: function() { - this.hoverCursor = 'text'; - - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } - - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; - }, - - /** - * convert from textarea to grapheme indexes - */ - fromStringToGraphemeSelection: function(start, end, text) { - var smallerTextStart = text.slice(0, start), - graphemeStart = fabric.util.string.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = text.slice(start, end), - graphemeEnd = fabric.util.string.graphemeSplit(smallerTextEnd).length; - return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; - }, - - /** - * convert from fabric to textarea values - */ - fromGraphemeToStringSelection: function(start, end, _text) { - var smallerTextStart = _text.slice(0, start), - graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = _text.slice(start, end), - graphemeEnd = smallerTextEnd.join('').length; - return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; - }, - - /** - * @private - */ - _updateTextarea: function() { - this.cursorOffsetCache = { }; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - var newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); - }, - - /** - * @private - */ - updateFromTextArea: function() { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = { }; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - var newSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); - }, - - /** - * @private - */ - updateTextareaPosition: function() { - if (this.selectionStart === this.selectionEnd) { - var style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } - }, - - /** - * @private - * @return {Object} style contains style for hiddenTextarea - */ - _calcTextareaPosition: function() { - if (!this.canvas) { - return { x: 1, y: 1 }; - } - var desiredPosition = this.inCompositionMode ? this.compositionStart : this.selectionStart, - boundaries = this._getCursorBoundaries(desiredPosition), - cursorLocation = this.get2DCursorLocation(desiredPosition), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex, - charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * this.lineHeight, - leftOffset = boundaries.leftOffset, - m = this.calcTransformMatrix(), - p = { - x: boundaries.left + leftOffset, - y: boundaries.top + boundaries.topOffset + charHeight - }, - retinaScaling = this.canvas.getRetinaScaling(), - upperCanvas = this.canvas.upperCanvasEl, - upperCanvasWidth = upperCanvas.width / retinaScaling, - upperCanvasHeight = upperCanvas.height / retinaScaling, - maxWidth = upperCanvasWidth - charHeight, - maxHeight = upperCanvasHeight - charHeight, - scaleX = upperCanvas.clientWidth / upperCanvasWidth, - scaleY = upperCanvas.clientHeight / upperCanvasHeight; - - p = fabric.util.transformPoint(p, m); - p = fabric.util.transformPoint(p, this.canvas.viewportTransform); - p.x *= scaleX; - p.y *= scaleY; - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } - - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - - return { left: p.x + 'px', top: p.y + 'px', fontSize: charHeight + 'px', charHeight: charHeight }; - }, - - /** - * @private - */ - _saveEditingProps: function() { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor - }; - }, - - /** - * @private - */ - _restoreEditingProps: function() { - if (!this._savedProps) { - return; - } - - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; - - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } - }, - - /** - * Exits from editing state - * @return {fabric.IText} thisArg - * @chainable - */ - exitEditing: function() { - var isTextChanged = (this._textBeforeEdit !== this.text); - var hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; - - this.selectionEnd = this.selectionStart; - - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - this._currentCursorOpacity = 0; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && this.canvas.fire('object:modified', { target: this }); - } - return this; - }, - - /** - * @private - */ - _removeExtraneousStyles: function() { - for (var prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; - } - } - }, - - /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) - */ - removeStyleFromTo: function(start, end) { - var cursorStart = this.get2DCursorLocation(start, true), - cursorEnd = this.get2DCursorLocation(end, true), - lineStart = cursorStart.lineIndex, - charStart = cursorStart.charIndex, - lineEnd = cursorEnd.lineIndex, - charEnd = cursorEnd.charIndex, - i, styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { - delete this.styles[lineStart][i]; - } - } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = { }); - this.styles[lineStart][charStart + i - charEnd] = styleObj; - } - } - } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; - } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } - else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - var diff = charEnd - charStart, numericChar, _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; - } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; - } - } - } - } - }, - - /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? - */ - shiftLineStyles: function(lineIndex, offset) { - // shift all line styles by offset upward or downward - // do not clone deep. we need new array, not new style objects - var clonedStyles = clone(this.styles); - for (var line in this.styles) { - var numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; - } - } - } - }, - - restartCursorIfNeeded: function() { - if (!this._currentTickState || this._currentTickState.isAborted - || !this._currentTickCompleteState || this._currentTickCompleteState.isAborted - ) { - this.initDelayedCursor(); - } - }, - - /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles - */ - insertNewlineStyleObject: function(lineIndex, charIndex, qty, copiedStyle) { - var currentCharStyle, - newLineStyles = {}, - somethingAdded = false, - isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; - - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (var index in this.styles[lineIndex]) { - var numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; - } - } - } - var styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; - } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { 0: clone(copiedStyle[qty - 1]) }; - } - else if (currentCharStyle) { - this.styles[lineIndex + qty] = { 0: clone(currentCharStyle) }; - } - else { - delete this.styles[lineIndex + qty]; - } - qty--; - } - this._forceClearCache = true; - }, - - /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects - */ - insertCharStyleObject: function(lineIndex, charIndex, quantity, copiedStyle) { - if (!this.styles) { - this.styles = {}; - } - var currentLineStyles = this.styles[lineIndex], - currentLineStylesCloned = currentLineStyles ? clone(currentLineStyles) : {}; - - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (var index in currentLineStylesCloned) { - var numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; - } - } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; - } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; - } - this.styles[lineIndex][charIndex + quantity] = clone(copiedStyle[quantity]); - } - return; - } - if (!currentLineStyles) { - return; - } - var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { - this.styles[lineIndex][charIndex + quantity] = clone(newStyle); - } - }, - - /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. - */ - insertNewStyleBlock: function(insertedText, start, copiedStyle) { - var cursorLoc = this.get2DCursorLocation(start, true), - addedLines = [0], linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } - else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && this.insertNewlineStyleObject( - cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); - for (var i = 1; i < linesLength; i++) { - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); - } - else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } - } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); - } - // we use i outside the loop to get it like linesLength - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); - } - }, - - /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. - */ - setSelectionStartEndWithShift: function(start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } - else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; - } - this.selectionStart = newSelection; - } - else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } - else { - this.selectionStart = newSelection; - } - } - else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; - } - else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; - } - this.selectionEnd = newSelection; - } - }, - - setSelectionInBoundaries: function() { - var length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } - else if (this.selectionStart < 0) { - this.selectionStart = 0; - } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } - else if (this.selectionEnd < 0) { - this.selectionEnd = 0; - } - } - }); -})(); - - -fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { - /** - * Initializes "dbclick" event handler - */ - initDoubleClickSimulation: function() { - - // for double click - this.__lastClickTime = +new Date(); - - // for triple click - this.__lastLastClickTime = +new Date(); - - this.__lastPointer = { }; - - this.on('mousedown', this.onMouseDown); - }, - - /** - * Default event handler to simulate triple click - * @private - */ - onMouseDown: function(options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - var newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - this._stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; - this.__lastSelected = this.selected; - }, - - isTripleClick: function(newPointer) { - return this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y; - }, - - /** - * @private - */ - _stopEvent: function(e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); - }, - - /** - * Initializes event handlers related to cursor or selection - */ - initCursorSelectionHandlers: function() { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); - }, - - /** - * Default handler for double click, select a word - */ - doubleClickHandler: function(options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); - }, - - /** - * Default handler for triple click, select a line - */ - tripleClickHandler: function(options) { - if (!this.isEditing) { - return; - } - this.selectLine(this.getSelectionStartFromPointer(options.e)); - }, - - /** - * Initializes double and triple click event handlers - */ - initClicks: function() { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); - }, - - /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. - */ - _mouseDownHandler: function(options) { - if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { - return; - } - - this.__isMousedown = true; - - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } - - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); - } - this.renderCursorOrSelection(); - } - }, - - /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down - */ - _mouseDownHandlerBefore: function(options) { - if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { - return; - } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - }, - - /** - * Initializes "mousedown" event handler - */ - initMousedownHandler: function() { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); - }, - - /** - * Initializes "mouseup" event handler - */ - initMouseupHandler: function() { - this.on('mouseup', this.mouseUpHandler); - }, - - /** - * standard handler for mouse up, overridable - * @private - */ - mouseUpHandler: function(options) { - this.__isMousedown = false; - if (!this.editable || this.group || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1)) { - return; - } - - if (this.canvas) { - var currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit - return; - } - } - - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); - } - else { - this.renderCursorOrSelection(); - } - } - else { - this.selected = true; - } - }, - - /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {Event} e Event object - */ - setCursorByClick: function(e) { - var newSelection = this.getSelectionStartFromPointer(e), - start = this.selectionStart, end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); - } - else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, - - /** - * Returns index of a character corresponding to where an object was clicked - * @param {Event} e Event object - * @return {Number} Index of a character - */ - getSelectionStartFromPointer: function(e) { - var mouseOffset = this.getLocalPointer(e), - prevWidth = 0, - width = 0, - height = 0, - charIndex = 0, - lineIndex = 0, - lineLeftOffset, - line; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); - } - } - else { - break; - } - } - lineLeftOffset = this._getLineLeftOffset(lineIndex); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. - if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x + width; - } - for (var j = 0, jlen = line.length; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } - else { - break; - } - } - return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); - }, - - /** - * @private - */ - _getNewSelectionStartFromOffset: function(mouseOffset, prevWidth, width, index, jlen) { - // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, - distanceBtwNextCharAndCursor = width - mouseOffset.x, - offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 ? 0 : 1, - newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } - - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } - - return newSelectionStart; - } -}); - - -fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { - - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea: function() { - this.hiddenTextarea = fabric.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric-hiddentextarea', ''); - this.hiddenTextarea.setAttribute('wrap', 'off'); - var style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = 'position: absolute; top: ' + style.top + - '; left: ' + style.left + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + - ' paddingｰtop: ' + style.fontSize + ';'; - - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } - else { - fabric.document.body.appendChild(this.hiddenTextarea); - } - - fabric.util.addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); - - if (!this._clickHandlerInitialized && this.canvas) { - fabric.util.addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); - this._clickHandlerInitialized = true; - } - }, - - /** - * For functionalities on keyDown - * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or - * your prototype. - * the map change will affect all Instances unless you need for only some text Instances - * in that case you have to clone this object and assign your Instance. - * this.keysMap = fabric.util.object.clone(this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] - */ - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - - /** - * For functionalities on keyUp + ctrl || cmd - */ - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut' - }, - - /** - * For functionalities on keyDown + ctrl || cmd - */ - ctrlKeysMapDown: { - 65: 'selectAll' - }, - - onClick: function() { - // No need to trigger click event here, focus is enough to have the keyboard appear on Android - this.hiddenTextarea && this.hiddenTextarea.focus(); - }, - - /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {Event} e Event object - */ - onKeyDown: function(e) { - if (!this.isEditing) { - return; - } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } - else if ((e.keyCode in this.ctrlKeysMapDown) && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } - else { - this.canvas && this.canvas.requestRenderAll(); - } - }, - - /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {Event} e Event object - */ - onKeyUp: function(e) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if ((e.keyCode in this.ctrlKeysMapUp) && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - this.canvas && this.canvas.requestRenderAll(); - }, - - /** - * Handles onInput event - * @param {Event} e Event object - */ - onInput: function(e) { - var fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - var nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, - charCount = this._text.length, - nextCharCount = nextText.length, - removedText, insertedText, - charDiff = nextCharCount - charCount, - selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, - selection = selectionStart !== selectionEnd, - copiedStyle, removeFrom, removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = { }; - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - return; - } - - var textareaSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value - ); - var backDelete = selectionStart > textareaSelection.selectionStart; - - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } - else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); - } - else { - removedText = this._text.slice(selectionStart, selectionStart - charDiff); - } - } - insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function() { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; + * Returns fabric.IText instance from an object representation + * @static + * @memberOf fabric.IText + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.IText.fromObject = function (object) { + var styles = fabric.util.stylesFromArray(object.styles, object.text); + //copy object to prevent mutation + var objCopy = Object.assign({}, object, { styles: styles }); + return InteractiveFabricObject._fromObject(fabric.IText, objCopy, { + extraParam: 'text', }); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } - else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; - } - else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; - } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { - if (fromPaste && insertedText.join('') === fabric.copiedText && !fabric.disableStyleCopyPaste) { - copiedStyle = fabric.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - }, - /** - * Composition start - */ - onCompositionStart: function() { - this.inCompositionMode = true; - }, - - /** - * Composition end - */ - onCompositionEnd: function() { - this.inCompositionMode = false; - }, - - // /** - // * Composition update - // */ - onCompositionUpdate: function(e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - }, - - /** - * Copies selected text - * @param {Event} e Event object - */ - copy: function() { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } - - fabric.copiedText = this.getSelectedText(); - if (!fabric.disableStyleCopyPaste) { - fabric.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); - } - else { - fabric.copiedTextStyle = null; - } - this._copyDone = true; - }, - - /** - * Pastes text - * @param {Event} e Event object - */ - paste: function() { - this.fromPaste = true; - }, - - /** - * @private - * @param {Event} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData: function(e) { - return (e && e.clipboardData) || fabric.window.clipboardData; - }, - - /** - * Finds the width in pixels before the cursor on the same line - * @private - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor - */ - _getWidthBeforeCursor: function(lineIndex, charIndex) { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; - - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; - } - return widthBeforeCursor; - }, - - /** - * Gets start offset of a selection - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getDownCursorOffset: function(e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if (lineIndex === this._textLines.length - 1 || e.metaKey || e.keyCode === 34) { - // move to the end of a text - return this._text.length - selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), - textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return textAfterCursor.length + indexOnOtherLine + 1 + this.missingNewlineOffset(lineIndex); - }, - - /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - _getSelectionForOffset: function(e, isRight) { - if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { - return this.selectionEnd; - } - else { - return this.selectionStart; - } - }, - - /** - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getUpCursorOffset: function(e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), - textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), - missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return -this._textLines[lineIndex - 1].length - + indexOnOtherLine - textBeforeCursor.length + (1 - missingNewlineOffset); - }, - - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine: function(lineIndex, width) { - - var line = this._textLines[lineIndex], - lineLeftOffset = this._getLineLeftOffset(lineIndex), - widthOfCharsOnLine = lineLeftOffset, - indexOnLine = 0, charWidth, foundMatch; - - for (var j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, - rightEdge = widthOfCharsOnLine, - offsetFromLeftEdge = Math.abs(leftEdge - width), - offsetFromRightEdge = Math.abs(rightEdge - width); - - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : (j - 1); - break; - } - } - - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; - } - - return indexOnLine; - }, - - - /** - * Moves cursor down - * @param {Event} e Event object - */ - moveCursorDown: function(e) { - if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorUpOrDown('Down', e); - }, - - /** - * Moves cursor up - * @param {Event} e Event object - */ - moveCursorUp: function(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - }, - - /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {Event} e Event object - */ - _moveCursorUpOrDown: function(direction, e) { - // getUpCursorOffset - // getDownCursorOffset - var action = 'get' + direction + 'CursorOffset', - offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); - } - else { - this.moveCursorWithoutShift(offset); - } - if (offset !== 0) { - this.setSelectionInBoundaries(); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, - - /** - * Moves cursor with shift - * @param {Number} offset - */ - moveCursorWithShift: function(offset) { - var newSelection = this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); - return offset !== 0; - }, - - /** - * Moves cursor up without shift - * @param {Number} offset - */ - moveCursorWithoutShift: function(offset) { - if (offset < 0) { - this.selectionStart += offset; - this.selectionEnd = this.selectionStart; - } - else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; - } - return offset !== 0; - }, - - /** - * Moves cursor left - * @param {Event} e Event object - */ - moveCursorLeft: function(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - }, - - /** - * @private - * @return {Boolean} true if a change happened - */ - _move: function(e, prop, direction) { - var newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } - else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36 ) { - newValue = this['findLineBoundary' + direction](this[prop]); - } - else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; - } - if (typeof newValue !== undefined && this[prop] !== newValue) { - this[prop] = newValue; - return true; - } - }, - - /** - * @private - */ - _moveLeft: function(e, prop) { - return this._move(e, prop, 'Left'); - }, - - /** - * @private - */ - _moveRight: function(e, prop) { - return this._move(e, prop, 'Right'); - }, - - /** - * Moves cursor left without keeping selection - * @param {Event} e - */ - moveCursorLeftWithoutShift: function(e) { - var change = true; - this._selectionDirection = 'left'; - - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if (this.selectionEnd === this.selectionStart && this.selectionStart !== 0) { - change = this._moveLeft(e, 'selectionStart'); - - } - this.selectionEnd = this.selectionStart; - return change; - }, - - /** - * Moves cursor left while keeping selection - * @param {Event} e - */ - moveCursorLeftWithShift: function(e) { - if (this._selectionDirection === 'right' && this.selectionStart !== this.selectionEnd) { - return this._moveLeft(e, 'selectionEnd'); - } - else if (this.selectionStart !== 0){ - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } - }, - - /** - * Moves cursor right - * @param {Event} e Event object - */ - moveCursorRight: function(e) { - if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorLeftOrRight('Right', e); - }, + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +// extend this regex to support non english languages +const reNonWord = /[ \n\.,;!\?\-]/; +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.IText.prototype, + /** @lends fabric.IText.prototype */ { + /** + * Initializes all the interactive behavior of IText + */ + initBehavior: function () { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + this.dragEnterHandler = this.dragEnterHandler.bind(this); + this.dragOverHandler = this.dragOverHandler.bind(this); + this.dragLeaveHandler = this.dragLeaveHandler.bind(this); + this.dragEndHandler = this.dragEndHandler.bind(this); + this.dropHandler = this.dropHandler.bind(this); + this.on('dragenter', this.dragEnterHandler); + this.on('dragover', this.dragOverHandler); + this.on('dragleave', this.dragLeaveHandler); + this.on('dragend', this.dragEndHandler); + this.on('drop', this.dropHandler); + }, + onDeselect: function () { + this.isEditing && this.exitEditing(); + this.selected = false; + }, + /** + * Initializes "added" event handler + */ + initAddedHandler: function () { + var _this = this; + this.on('added', function (opt) { + // make sure we listen to the canvas added event + var canvas = opt.target; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + _this._initCanvasHandlers(canvas); + } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(_this); + } + }); + }, + initRemovedHandler: function () { + var _this = this; + this.on('removed', function (opt) { + // make sure we listen to the canvas removed event + var canvas = opt.target; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + removeFromArray(canvas._iTextInstances, _this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + _this._removeCanvasHandlers(canvas); + } + } + }); + }, + /** + * register canvas event to manage exiting on other instances + * @private + */ + _initCanvasHandlers: function (canvas) { + canvas._mouseUpITextHandler = function () { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.__isMousedown = false; + }); + } + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + }, + /** + * remove canvas event to manage exiting on other instances + * @private + */ + _removeCanvasHandlers: function (canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + }, + /** + * @private + */ + _tick: function () { + this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); + }, + /** + * @private + */ + _animateCursor: function (obj, targetOpacity, duration, completeMethod) { + var tickState = { + isAborted: false, + abort: function () { + this.isAborted = true; + }, + }; + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function () { + if (!tickState.isAborted) { + obj[completeMethod](); + } + }, + onChange: function () { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); + } + }, + abort: function () { + return tickState.isAborted; + }, + }); + return tickState; + }, + /** + * @private + */ + _onTickComplete: function () { + var _this = this; + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); + } + this._cursorTimeout1 = setTimeout(function () { + _this._currentTickCompleteState = _this._animateCursor(_this, 0, this.cursorDuration / 2, '_tick'); + }, 100); + }, + /** + * Initializes delayed cursor + */ + initDelayedCursor: function (restart) { + var _this = this, delay = restart ? 0 : this.cursorDelay; + this.abortCursorAnimation(); + if (delay) { + this._cursorTimeout2 = setTimeout(function () { + _this._tick(); + }, delay); + } + else { + this._tick(); + } + }, + /** + * Aborts cursor animation, clears all timeouts and clear textarea context if necessary + */ + abortCursorAnimation: function () { + var shouldClear = this._currentTickState || this._currentTickCompleteState; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && + this._currentTickCompleteState.abort(); + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); + this._currentCursorOpacity = 1; + // make sure we clear context even if instance is not editing + if (shouldClear) { + this.clearContextTop(); + } + }, + /** + * Selects entire text + * @return {fabric.IText} thisArg + * @chainable + */ + selectAll: function () { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + /** + * Returns selected text + * @return {String} + */ + getSelectedText: function () { + return this._text + .slice(this.selectionStart, this.selectionEnd) + .join(''); + }, + /** + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryLeft: function (startFrom) { + var offset = 0, index = startFrom - 1; + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index--; + } + } + while (/\S/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + return startFrom - offset; + }, + /** + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryRight: function (startFrom) { + var offset = 0, index = startFrom; + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index++; + } + } + while (/\S/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + return startFrom + offset; + }, + /** + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryLeft: function (startFrom) { + var offset = 0, index = startFrom - 1; + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + return startFrom - offset; + }, + /** + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryRight: function (startFrom) { + var offset = 0, index = startFrom; + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + return startFrom + offset; + }, + /** + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word + */ + searchWordBoundary: function (selectionStart, direction) { + var text = this._text, index = this._reSpace.test(text[selectionStart]) + ? selectionStart - 1 + : selectionStart, _char = text[index]; + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + }, + /** + * Selects a word based on the index + * @param {Number} selectionStart Index of a character + */ + selectWord: function (selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.searchWordBoundary(selectionStart, -1) /* search backwards */, newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + }, + /** + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + * @return {fabric.IText} thisArg + * @chainable + */ + selectLine: function (selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.findLineBoundaryLeft(selectionStart), newSelectionEnd = this.findLineBoundaryRight(selectionStart); + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + /** + * Enters editing state + * @return {fabric.IText} thisArg + * @chainable + */ + enterEditing: function (e) { + if (this.isEditing || !this.editable) { + return; + } + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); + } + this.isEditing = true; + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { + return this; + } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; + }, + exitEditingOnOthers: function (canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); + } + }); + } + }, + /** + * Initializes "mousemove" event handler + */ + initMouseMoveHandler: function () { + this.canvas.on('mouse:move', this.mouseMoveHandler); + }, + /** + * @private + */ + mouseMoveHandler: function (options) { + if (!this.__isMousedown || !this.isEditing) { + return; + } + // regain focus + fabric.document.activeElement !== this.hiddenTextarea && + this.hiddenTextarea.focus(); + var newSelectionStart = this.getSelectionStartFromPointer(options.e), currentStart = this.selectionStart, currentEnd = this.selectionEnd; + if ((newSelectionStart !== this.__selectionStartOnMouseDown || + currentStart === currentEnd) && + (currentStart === newSelectionStart || + currentEnd === newSelectionStart)) { + return; + } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } + else { + this.selectionStart = newSelectionStart; + this.selectionEnd = this.__selectionStartOnMouseDown; + } + if (this.selectionStart !== currentStart || + this.selectionEnd !== currentEnd) { + this.restartCursorIfNeeded(); + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + }, + /** + * Override to customize the drag image + * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage + * @param {DragEvent} e + * @param {object} data + * @param {number} data.selectionStart + * @param {number} data.selectionEnd + * @param {string} data.text + * @param {string} data.value selected text + */ + setDragImage: function (e, data) { + var t = this.calcTransformMatrix(); + var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + var boundaries = this._getCursorBoundaries(data.selectionStart); + var selectionPosition = new Point(boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset).multiply(flipFactor); + var pos = fabric.util.transformPoint(selectionPosition, t); + var pointer = this.canvas.getPointer(e); + var diff = pointer.subtract(pos); + var enableRetinaScaling = this.canvas._isRetinaScaling(); + var retinaScaling = this.canvas.getRetinaScaling(); + var bbox = this.getBoundingRect(true); + var correction = pos.subtract(new Point(bbox.left, bbox.top)); + var offset = correction.add(diff).scalarMultiply(retinaScaling); + // prepare instance for drag image snapshot by making all non selected text invisible + var bgc = this.backgroundColor; + var styles = fabric.util.object.clone(this.styles, true); + delete this.backgroundColor; + var styleOverride = { + fill: 'transparent', + textBackgroundColor: 'transparent', + }; + this.setSelectionStyles(styleOverride, 0, data.selectionStart); + this.setSelectionStyles(styleOverride, data.selectionEnd, data.text.length); + var dragImage = this.toCanvasElement({ + enableRetinaScaling: enableRetinaScaling, + }); + this.backgroundColor = bgc; + this.styles = styles; + // handle retina scaling + if (enableRetinaScaling && retinaScaling > 1) { + var c = fabric.util.createCanvasElement(); + c.width = dragImage.width / retinaScaling; + c.height = dragImage.height / retinaScaling; + var ctx = c.getContext('2d'); + ctx.scale(1 / retinaScaling, 1 / retinaScaling); + ctx.drawImage(dragImage, 0, 0); + dragImage = c; + } + this.__dragImageDisposer && this.__dragImageDisposer(); + this.__dragImageDisposer = function () { + dragImage.remove(); + }; + // position drag image offsecreen + fabric.util.setStyle(dragImage, { + position: 'absolute', + left: -dragImage.width + 'px', + border: 'none', + }); + fabric.document.body.appendChild(dragImage); + e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); + }, + /** + * support native like text dragging + * @private + * @param {DragEvent} e + * @returns {boolean} should handle event + */ + onDragStart: function (e) { + this.__dragStartFired = true; + if (this.__isDragging) { + var selection = (this.__dragStartSelection = { + selectionStart: this.selectionStart, + selectionEnd: this.selectionEnd, + }); + var value = this._text + .slice(selection.selectionStart, selection.selectionEnd) + .join(''); + var data = Object.assign({ text: this.text, value: value }, selection); + e.dataTransfer.setData('text/plain', value); + e.dataTransfer.setData('application/fabric', JSON.stringify({ + value: value, + styles: this.getSelectionStyles(selection.selectionStart, selection.selectionEnd, true), + })); + e.dataTransfer.effectAllowed = 'copyMove'; + this.setDragImage(e, data); + } + this.abortCursorAnimation(); + return this.__isDragging; + }, + /** + * Override to customize drag and drop behavior + * @public + * @param {DragEvent} e + * @returns {boolean} + */ + canDrop: function (e) { + if (this.editable && !this.__corner) { + if (this.__isDragging && this.__dragStartSelection) { + // drag source trying to drop over itself + // allow dropping only outside of drag start selection + var index = this.getSelectionStartFromPointer(e); + var dragStartSelection = this.__dragStartSelection; + return (index < dragStartSelection.selectionStart || + index > dragStartSelection.selectionEnd); + } + return true; + } + return false; + }, + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEnterHandler: function (options) { + var e = options.e; + var canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } + }, + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragOverHandler: function (options) { + var e = options.e; + var canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } + else if (this.__isDraggingOver && !canDrop) { + // drop state has changed + this.__isDraggingOver = false; + } + if (this.__isDraggingOver) { + // can be dropped, inform browser + e.preventDefault(); + // inform event subscribers + options.canDrop = true; + options.dropTarget = this; + // find cursor under the drag part. + } + }, + /** + * support native like text dragging + * @private + */ + dragLeaveHandler: function () { + if (this.__isDraggingOver || this.__isDragging) { + this.__isDraggingOver = false; + } + }, + /** + * support native like text dragging + * fired only on the drag source + * handle changes to the drag source in case of a drop on another object or a cancellation + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEndHandler: function (options) { + var e = options.e; + if (this.__isDragging && this.__dragStartFired) { + // once the drop event finishes we check if we need to change the drag source + // if the drag source received the drop we bail out + if (this.__dragStartSelection) { + var selectionStart = this.__dragStartSelection.selectionStart; + var selectionEnd = this.__dragStartSelection.selectionEnd; + var dropEffect = e.dataTransfer.dropEffect; + if (dropEffect === 'none') { + this.selectionStart = selectionStart; + this.selectionEnd = selectionEnd; + this._updateTextarea(); + } + else { + this.clearContextTop(); + if (dropEffect === 'move') { + this.insertChars('', null, selectionStart, selectionEnd); + this.selectionStart = this.selectionEnd = selectionStart; + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: selectionStart, + action: 'dragend', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + this.exitEditing(); + // disable mouse up logic + this.__lastSelected = false; + } + } + } + this.__dragImageDisposer && this.__dragImageDisposer(); + delete this.__dragImageDisposer; + delete this.__dragStartSelection; + this.__isDraggingOver = false; + }, + /** + * support native like text dragging + * + * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} + * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dropHandler: function (options) { + var e = options.e, didDrop = e.defaultPrevented; + this.__isDraggingOver = false; + // inform browser that the drop has been accepted + e.preventDefault(); + var insert = e.dataTransfer.getData('text/plain'); + if (insert && !didDrop) { + var insertAt = this.getSelectionStartFromPointer(e); + var data = e.dataTransfer.types.includes('application/fabric') + ? JSON.parse(e.dataTransfer.getData('application/fabric')) + : {}; + var styles = data.styles; + var trailing = insert[Math.max(0, insert.length - 1)]; + var selectionStartOffset = 0; + // drag and drop in same instance + if (this.__dragStartSelection) { + var selectionStart = this.__dragStartSelection.selectionStart; + var selectionEnd = this.__dragStartSelection.selectionEnd; + if (insertAt > selectionStart && insertAt <= selectionEnd) { + insertAt = selectionStart; + } + else if (insertAt > selectionEnd) { + insertAt -= selectionEnd - selectionStart; + } + this.insertChars('', null, selectionStart, selectionEnd); + // prevent `dragend` from handling event + delete this.__dragStartSelection; + } + // remove redundant line break + if (this._reNewline.test(trailing) && + (this._reNewline.test(this._text[insertAt]) || + insertAt === this._text.length)) { + insert = insert.trimEnd(); + } + // inform subscribers + options.didDrop = true; + options.dropTarget = this; + // finalize + this.insertChars(insert, styles, insertAt); + // can this part be moved in an outside event? andrea to check. + this.canvas.setActiveObject(this); + this.enterEditing(); + this.selectionStart = Math.min(insertAt + selectionStartOffset, this._text.length); + this.selectionEnd = Math.min(this.selectionStart + insert.length, this._text.length); + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: insertAt + selectionStartOffset, + action: 'drop', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.contextTopDirty = true; + this.canvas.requestRenderAll(); + } + }, + /** + * @private + */ + _setEditingProps: function () { + this.hoverCursor = 'text'; + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; + } + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + }, + /** + * convert from textarea to grapheme indexes + */ + fromStringToGraphemeSelection: function (start, end, text) { + var smallerTextStart = text.slice(0, start), graphemeStart = this.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = text.slice(start, end), graphemeEnd = this.graphemeSplit(smallerTextEnd).length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + }, + /** + * convert from fabric to textarea values + */ + fromGraphemeToStringSelection: function (start, end, _text) { + var smallerTextStart = _text.slice(0, start), graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = _text.slice(start, end), graphemeEnd = smallerTextEnd.join('').length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + }, + /** + * @private + */ + _updateTextarea: function () { + this.cursorOffsetCache = {}; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + var newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; + } + this.updateTextareaPosition(); + }, + /** + * @private + */ + updateFromTextArea: function () { + if (!this.hiddenTextarea) { + return; + } + this.cursorOffsetCache = {}; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + var newSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + }, + /** + * @private + */ + updateTextareaPosition: function () { + if (this.selectionStart === this.selectionEnd) { + var style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + }, + /** + * @private + * @return {Object} style contains style for hiddenTextarea + */ + _calcTextareaPosition: function () { + if (!this.canvas) { + return { x: 1, y: 1 }; + } + var desiredPosition = this.inCompositionMode + ? this.compositionStart + : this.selectionStart, boundaries = this._getCursorBoundaries(desiredPosition), cursorLocation = this.get2DCursorLocation(desiredPosition), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * + this.lineHeight, leftOffset = boundaries.leftOffset, m = this.calcTransformMatrix(), p = { + x: boundaries.left + leftOffset, + y: boundaries.top + boundaries.topOffset + charHeight, + }, retinaScaling = this.canvas.getRetinaScaling(), upperCanvas = this.canvas.upperCanvasEl, upperCanvasWidth = upperCanvas.width / retinaScaling, upperCanvasHeight = upperCanvas.height / retinaScaling, maxWidth = upperCanvasWidth - charHeight, maxHeight = upperCanvasHeight - charHeight, scaleX = upperCanvas.clientWidth / upperCanvasWidth, scaleY = upperCanvas.clientHeight / upperCanvasHeight; + p = fabric.util.transformPoint(p, m); + p = fabric.util.transformPoint(p, this.canvas.viewportTransform); + p.x *= scaleX; + p.y *= scaleY; + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + return { + left: p.x + 'px', + top: p.y + 'px', + fontSize: charHeight + 'px', + charHeight: charHeight, + }; + }, + /** + * @private + */ + _saveEditingProps: function () { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor, + }; + }, + /** + * @private + */ + _restoreEditingProps: function () { + if (!this._savedProps) { + return; + } + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; + } + delete this._savedProps; + }, + /** + * Exits from editing state + * @return {fabric.IText} thisArg + * @chainable + */ + exitEditing: function () { + var isTextChanged = this._textBeforeEdit !== this.text; + var hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; + this.selectionEnd = this.selectionStart; + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && + hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && + this.canvas.fire('object:modified', { target: this }); + } + return this; + }, + /** + * @private + */ + _removeExtraneousStyles: function () { + for (var prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; + } + } + }, + /** + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) + */ + removeStyleFromTo: function (start, end) { + var cursorStart = this.get2DCursorLocation(start, true), cursorEnd = this.get2DCursorLocation(end, true), lineStart = cursorStart.lineIndex, charStart = cursorStart.charIndex, lineEnd = cursorEnd.lineIndex, charEnd = cursorEnd.charIndex, i, styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { + delete this.styles[lineStart][i]; + } + } + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = {}); + this.styles[lineStart][charStart + i - charEnd] = styleObj; + } + } + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; + } + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } + else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + var diff = charEnd - charStart, numericChar, _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; + } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; + } + } + } + } + }, + /** + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? + */ + shiftLineStyles: function (lineIndex, offset) { + // shift all line styles by offset upward or downward + // do not clone deep. we need new array, not new style objects + var clonedStyles = Object.assign({}, this.styles); + for (var line in this.styles) { + var numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; + } + } + } + }, + restartCursorIfNeeded: function () { + if (!this._currentTickState || + this._currentTickState.isAborted || + !this._currentTickCompleteState || + this._currentTickCompleteState.isAborted) { + this.initDelayedCursor(); + } + }, + /** + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles + */ + insertNewlineStyleObject: function (lineIndex, charIndex, qty, copiedStyle) { + var currentCharStyle, newLineStyles = {}, somethingAdded = false, isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = + this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (var index in this.styles[lineIndex]) { + var numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; + } + } + } + var styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; + } + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, copiedStyle[qty - 1]), + }; + } + else if (currentCharStyle) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, currentCharStyle), + }; + } + else { + delete this.styles[lineIndex + qty]; + } + qty--; + } + this._forceClearCache = true; + }, + /** + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects + */ + insertCharStyleObject: function (lineIndex, charIndex, quantity, copiedStyle) { + if (!this.styles) { + this.styles = {}; + } + var currentLineStyles = this.styles[lineIndex], currentLineStylesCloned = currentLineStyles + ? Object.assign({}, currentLineStyles) + : {}; + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (var index in currentLineStylesCloned) { + var numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = + currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; + } + } + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; + } + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; + } + this.styles[lineIndex][charIndex + quantity] = Object.assign({}, copiedStyle[quantity]); + } + return; + } + if (!currentLineStyles) { + return; + } + var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { + this.styles[lineIndex][charIndex + quantity] = Object.assign({}, newStyle); + } + }, + /** + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. + */ + insertNewStyleBlock: function (insertedText, start, copiedStyle) { + var cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; + } + else { + addedLines[linesLength]++; + } + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && + this.insertNewlineStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); + for (var i = 1; i < linesLength; i++) { + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; + } + } + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + } + // we use i outside the loop to get it like linesLength + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + }, + /** + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. + */ + setSelectionStartEndWithShift: function (start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; + } + else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; + } + this.selectionStart = newSelection; + } + else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { + this.selectionEnd = newSelection; + } + else { + this.selectionStart = newSelection; + } + } + else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } + else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; + } + this.selectionEnd = newSelection; + } + }, + setSelectionInBoundaries: function () { + var length = this.text.length; + if (this.selectionStart > length) { + this.selectionStart = length; + } + else if (this.selectionStart < 0) { + this.selectionStart = 0; + } + if (this.selectionEnd > length) { + this.selectionEnd = length; + } + else if (this.selectionEnd < 0) { + this.selectionEnd = 0; + } + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.IText.prototype, + /** @lends fabric.IText.prototype */ { + /** + * Initializes "dbclick" event handler + */ + initDoubleClickSimulation: function () { + // for double click + this.__lastClickTime = +new Date(); + // for triple click + this.__lastLastClickTime = +new Date(); + this.__lastPointer = {}; + this.on('mousedown', this.onMouseDown); + }, + /** + * Default event handler to simulate triple click + * @private + */ + onMouseDown: function (options) { + if (!this.canvas) { + return; + } + this.__newClickTime = +new Date(); + var newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + this._stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastIsEditing = this.isEditing; + this.__lastSelected = this.selected; + }, + isTripleClick: function (newPointer) { + return (this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y); + }, + /** + * @private + */ + _stopEvent: function (e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + }, + /** + * Initializes event handlers related to cursor or selection + */ + initCursorSelectionHandlers: function () { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); + }, + /** + * Default handler for double click, select a word + */ + doubleClickHandler: function (options) { + if (!this.isEditing) { + return; + } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + }, + /** + * Default handler for triple click, select a line + */ + tripleClickHandler: function (options) { + if (!this.isEditing) { + return; + } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + }, + /** + * Initializes double and triple click event handlers + */ + initClicks: function () { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + }, + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler: function (options) { + if (!this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1)) { + return; + } + this.__isMousedown = true; + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); + } + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); + } + this.renderCursorOrSelection(); + } + }, + /** + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down + */ + _mouseDownHandlerBefore: function (options) { + if (!this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1)) { + return; + } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + // text dragging logic + var newSelection = this.getSelectionStartFromPointer(options.e); + this.__isDragging = + this.isEditing && + newSelection >= this.selectionStart && + newSelection <= this.selectionEnd && + this.selectionStart < this.selectionEnd; + }, + /** + * Initializes "mousedown" event handler + */ + initMousedownHandler: function () { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + }, + /** + * Initializes "mouseup" event handler + */ + initMouseupHandler: function () { + this.on('mouseup', this.mouseUpHandler); + }, + /** + * standard handler for mouse up, overridable + * @private + */ + mouseUpHandler: function (options) { + this.__isMousedown = false; + if (!this.editable || + (this.group && !this.group.interactive) || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1)) { + return; + } + if (this.canvas) { + var currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit + return; + } + } + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); + } + else { + this.renderCursorOrSelection(); + } + } + else { + this.selected = true; + } + }, + /** + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {Event} e Event object + */ + setCursorByClick: function (e) { + var newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } + else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, + /** + * Returns coordinates of a pointer relative to object's top left corner in object's plane + * @param {Event} e Event to operate upon + * @param {Object} [pointer] Pointer to operate upon (instead of event) + * @return {Point} Coordinates of a pointer (x, y) + */ + getLocalPointer: function (e, pointer) { + const thePointer = pointer || this.canvas.getPointer(e); + return transformPoint(thePointer, invertTransform(this.calcTransformMatrix())).add(new Point(this.width / 2, this.height / 2)); + }, + /** + * Returns index of a character corresponding to where an object was clicked + * @param {Event} e Event object + * @return {Number} Index of a character + */ + getSelectionStartFromPointer: function (e) { + var mouseOffset = this.getLocalPointer(e), prevWidth = 0, width = 0, height = 0, charIndex = 0, lineIndex = 0, lineLeftOffset, line; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += + this._textLines[i - 1].length + + this.missingNewlineOffset(i - 1); + } + } + else { + break; + } + } + lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); + width = lineLeftOffset * this.scaleX; + line = this._textLines[lineIndex]; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x; + } + for (var j = 0, jlen = line.length; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; + } + else { + break; + } + } + return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); + }, + /** + * @private + */ + _getNewSelectionStartFromOffset: function (mouseOffset, prevWidth, width, index, jlen) { + // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 + var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, distanceBtwNextCharAndCursor = width - mouseOffset.x, offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 + ? 0 + : 1, newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; + } + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; + } + return newSelectionStart; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.IText.prototype, + /** @lends fabric.IText.prototype */ { + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea: function () { + this.hiddenTextarea = fabric.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); + this.hiddenTextarea.setAttribute('wrap', 'off'); + var style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = + 'position: absolute; top: ' + + style.top + + '; left: ' + + style.left + + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + + ' padding-top: ' + + style.fontSize + + ';'; + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } + else { + fabric.document.body.appendChild(this.hiddenTextarea); + } + fabric.util.addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); + if (!this._clickHandlerInitialized && this.canvas) { + fabric.util.addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); + this._clickHandlerInitialized = true; + } + }, + /** + * For functionalities on keyDown + * Map a special key to a function of the instance/prototype + * If you need different behaviour for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the fabric.Itext or + * your prototype. + * the map change will affect all Instances unless you need for only some text Instances + * in that case you have to clone this object and assign your Instance. + * this.keysMap = Object.assign({}, this.keysMap); + * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + */ + keysMap: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorRight', + 36: 'moveCursorLeft', + 37: 'moveCursorLeft', + 38: 'moveCursorUp', + 39: 'moveCursorRight', + 40: 'moveCursorDown', + }, + keysMapRtl: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorLeft', + 36: 'moveCursorRight', + 37: 'moveCursorRight', + 38: 'moveCursorUp', + 39: 'moveCursorLeft', + 40: 'moveCursorDown', + }, + /** + * For functionalities on keyUp + ctrl || cmd + */ + ctrlKeysMapUp: { + 67: 'copy', + 88: 'cut', + }, + /** + * For functionalities on keyDown + ctrl || cmd + */ + ctrlKeysMapDown: { + 65: 'selectAll', + }, + onClick: function () { + // No need to trigger click event here, focus is enough to have the keyboard appear on Android + this.hiddenTextarea && this.hiddenTextarea.focus(); + }, + /** + * Override this method to customize cursor behavior on textbox blur + */ + blur: function () { + this.abortCursorAnimation(); + }, + /** + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {Event} e Event object + */ + onKeyDown: function (e) { + if (!this.isEditing) { + return; + } + var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } + else if (e.keyCode in this.ctrlKeysMapDown && + (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } + else { + this.canvas && this.canvas.requestRenderAll(); + } + }, + /** + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {Event} e Event object + */ + onKeyUp: function (e) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + this.canvas && this.canvas.requestRenderAll(); + }, + /** + * Handles onInput event + * @param {Event} e Event object + */ + onInput: function (e) { + var fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + var nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, charCount = this._text.length, nextCharCount = nextText.length, removedText, insertedText, charDiff = nextCharCount - charCount, selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, selection = selectionStart !== selectionEnd, copiedStyle, removeFrom, removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = {}; + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + return; + } + var textareaSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); + var backDelete = selectionStart > textareaSelection.selectionStart; + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } + else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); + } + else { + removedText = this._text.slice(selectionStart, selectionStart - charDiff); + } + } + insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(function () { + // this return an array of references, but that is fine since we are + // copying the style later. + return copiedStyle[0]; + }); + } + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } + else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } + else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; + } + this.removeStyleFromTo(removeFrom, removeTo); + } + if (insertedText.length) { + if (fromPaste && + insertedText.join('') === fabric.copiedText && + !config.disableStyleCopyPaste) { + copiedStyle = fabric.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + }, + /** + * Composition start + */ + onCompositionStart: function () { + this.inCompositionMode = true; + }, + /** + * Composition end + */ + onCompositionEnd: function () { + this.inCompositionMode = false; + }, + // /** + // * Composition update + // */ + onCompositionUpdate: function (e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + }, + /** + * Copies selected text + * @param {Event} e Event object + */ + copy: function () { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; + } + fabric.copiedText = this.getSelectedText(); + if (!config.disableStyleCopyPaste) { + fabric.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); + } + else { + fabric.copiedTextStyle = null; + } + this._copyDone = true; + }, + /** + * Pastes text + * @param {Event} e Event object + */ + paste: function () { + this.fromPaste = true; + }, + /** + * @private + * @param {Event} e Event object + * @return {Object} Clipboard data object + */ + _getClipboardData: function (e) { + return (e && e.clipboardData) || fabric.window.clipboardData; + }, + /** + * Finds the width in pixels before the cursor on the same line + * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor + */ + _getWidthBeforeCursor: function (lineIndex, charIndex) { + var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; + } + return widthBeforeCursor; + }, + /** + * Gets start offset of a selection + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getDownCursorOffset: function (e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line + if (lineIndex === this._textLines.length - 1 || + e.metaKey || + e.keyCode === 34) { + // move to the end of a text + return this._text.length - selectionProp; + } + var charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return (textAfterCursor.length + + indexOnOtherLine + + 1 + + this.missingNewlineOffset(lineIndex)); + }, + /** + * private + * Helps finding if the offset should be counted from Start or End + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + _getSelectionForOffset: function (e, isRight) { + if (e.shiftKey && + this.selectionStart !== this.selectionEnd && + isRight) { + return this.selectionEnd; + } + else { + return this.selectionStart; + } + }, + /** + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getUpCursorOffset: function (e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + var charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return (-this._textLines[lineIndex - 1].length + + indexOnOtherLine - + textBeforeCursor.length + + (1 - missingNewlineOffset)); + }, + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine: function (lineIndex, width) { + var line = this._textLines[lineIndex], lineLeftOffset = this._getLineLeftOffset(lineIndex), widthOfCharsOnLine = lineLeftOffset, indexOnLine = 0, charWidth, foundMatch; + for (var j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + var leftEdge = widthOfCharsOnLine - charWidth, rightEdge = widthOfCharsOnLine, offsetFromLeftEdge = Math.abs(leftEdge - width), offsetFromRightEdge = Math.abs(rightEdge - width); + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; + break; + } + } + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; + } + return indexOnLine; + }, + /** + * Moves cursor down + * @param {Event} e Event object + */ + moveCursorDown: function (e) { + if (this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorUpOrDown('Down', e); + }, + /** + * Moves cursor up + * @param {Event} e Event object + */ + moveCursorUp: function (e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + }, + /** + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {Event} e Event object + */ + _moveCursorUpOrDown: function (direction, e) { + // getUpCursorOffset + // getDownCursorOffset + var action = 'get' + direction + 'CursorOffset', offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); + } + else { + this.moveCursorWithoutShift(offset); + } + if (offset !== 0) { + this.setSelectionInBoundaries(); + this.abortCursorAnimation(); + this._currentCursorOpacity = 1; + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, + /** + * Moves cursor with shift + * @param {Number} offset + */ + moveCursorWithShift: function (offset) { + var newSelection = this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); + return offset !== 0; + }, + /** + * Moves cursor up without shift + * @param {Number} offset + */ + moveCursorWithoutShift: function (offset) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; + } + else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; + } + return offset !== 0; + }, + /** + * Moves cursor left + * @param {Event} e Event object + */ + moveCursorLeft: function (e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + }, + /** + * @private + * @return {Boolean} true if a change happened + */ + _move: function (e, prop, direction) { + var newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } + else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { + newValue = this['findLineBoundary' + direction](this[prop]); + } + else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; + } + if (typeof newValue !== 'undefined' && this[prop] !== newValue) { + this[prop] = newValue; + return true; + } + }, + /** + * @private + */ + _moveLeft: function (e, prop) { + return this._move(e, prop, 'Left'); + }, + /** + * @private + */ + _moveRight: function (e, prop) { + return this._move(e, prop, 'Right'); + }, + /** + * Moves cursor left without keeping selection + * @param {Event} e + */ + moveCursorLeftWithoutShift: function (e) { + var change = true; + this._selectionDirection = 'left'; + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if (this.selectionEnd === this.selectionStart && + this.selectionStart !== 0) { + change = this._moveLeft(e, 'selectionStart'); + } + this.selectionEnd = this.selectionStart; + return change; + }, + /** + * Moves cursor left while keeping selection + * @param {Event} e + */ + moveCursorLeftWithShift: function (e) { + if (this._selectionDirection === 'right' && + this.selectionStart !== this.selectionEnd) { + return this._moveLeft(e, 'selectionEnd'); + } + else if (this.selectionStart !== 0) { + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + }, + /** + * Moves cursor right + * @param {Event} e Event object + */ + moveCursorRight: function (e) { + if (this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorLeftOrRight('Right', e); + }, + /** + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {Event} e Event object + */ + _moveCursorLeftOrRight: function (direction, e) { + var actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; + if (e.shiftKey) { + actionName += 'Shift'; + } + else { + actionName += 'outShift'; + } + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, + /** + * Moves cursor right while keeping selection + * @param {Event} e + */ + moveCursorRightWithShift: function (e) { + if (this._selectionDirection === 'left' && + this.selectionStart !== this.selectionEnd) { + return this._moveRight(e, 'selectionStart'); + } + else if (this.selectionEnd !== this._text.length) { + this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); + } + }, + /** + * Moves cursor right without keeping selection + * @param {Event} e Event object + */ + moveCursorRightWithoutShift: function (e) { + var changed = true; + this._selectionDirection = 'right'; + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; + } + else { + this.selectionStart = this.selectionEnd; + } + return changed; + }, + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars: function (start, end) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars: function (text, style, start, end) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { + this.removeStyleFromTo(start, end); + } + var graphemes = this.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat(this._text.slice(0, start), graphemes, this._text.slice(end)); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); - /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {Event} e Event object - */ - _moveCursorLeftOrRight: function(direction, e) { - var actionName = 'moveCursor' + direction + 'With'; - this._currentCursorOpacity = 1; +//@ts-nocheck +/* _TO_SVG_START_ */ +(function (global) { + var fabric = global.fabric, toFixed = fabric.util.toFixed, multipleSpacesRegex = / +/g; + fabric.util.object.extend(fabric.Text.prototype, + /** @lends fabric.Text.prototype */ { + /** + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function () { + var offsets = this._getSVGLeftTopOffsets(), textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function (reviver) { + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + noStyle: true, + withShadow: true, + }); + }, + /** + * @private + */ + _getSVGLeftTopOffsets: function () { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0), + }; + }, + /** + * @private + */ + _wrapSVGTextAndBg: function (textAndBg) { + var noShadow = true, textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n', + ]; + }, + /** + * @private + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { + var textSpans = [], textBgRects = [], height = textTopOffset, lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.direction === 'rtl') { + lineOffset += this.width; + } + if (this.textBackgroundColor || + this.styleHas('textBackgroundColor', i)) { + this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); + } + this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); + height += this.getHeightOfLine(i); + } + return { + textSpans: textSpans, + textBgRects: textBgRects, + }; + }, + /** + * @private + */ + _createTextCharSpan: function (_char, styleDecl, left, top) { + var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), fillStyles = styleProps ? 'style="' + styleProps + '"' : '', dy = styleDecl.deltaY, dySpan = '', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + fabric.util.string.escapeXml(_char), + '', + ].join(''); + }, + _setSVGTextLineText: function (textSpans, lineIndex, textLeftOffset, textTopOffset) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, style, boxWidth = 0, line = this._textLines[lineIndex], timeToRender; + textTopOffset += + (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } + else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = fabric.util.hasStyleChanged(actualStyle, nextStyle, true); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || {}; + textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); + charsToRender = ''; + actualStyle = nextStyle; + if (this.direction === 'rtl') { + textLeftOffset -= boxWidth; + } + else { + textLeftOffset += boxWidth; + } + boxWidth = 0; + } + } + }, + _pushTextBgRect: function (textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push('\t\t\n'); + }, + _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], heightOfLine = this.getHeightOfLine(i) / this.lineHeight, boxWidth = 0, boxStart = 0, charBox, currentColor, lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && + this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + currentColor && + this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); + }, + /** + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} + */ + _getFillAttributes: function (value) { + var fillColor = value && typeof value === 'string' ? new Color(value) : ''; + if (!fillColor || + !fillColor.getSource() || + fillColor.getAlpha() === 1) { + return 'fill="' + value + '"'; + } + return ('opacity="' + + fillColor.getAlpha() + + '" fill="' + + fillColor.setAlpha(1).toRgb() + + '"'); + }, + /** + * @private + */ + _getSVGLineTopOffset: function (lineIndex) { + var lineTopOffset = 0, lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / + (this.lineHeight * this._fontSizeMult), + }; + }, + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function (skipShadow) { + var svgStyle = InteractiveFabricObject.prototype.getSvgStyles.call(this, skipShadow); + return svgStyle + ' white-space: pre;'; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); +/* _TO_SVG_END_ */ - if (e.shiftKey) { - actionName += 'Shift'; - } - else { - actionName += 'outShift'; - } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}); + /** + * Textbox class, based on IText, allows the user to resize the text rectangle + * and wraps lines automatically. Textboxes have their Y scaling locked, the + * user can only change width. Height is adjusted automatically based on the + * wrapping of lines. + * @class fabric.Textbox + * @extends fabric.IText + * @return {fabric.Textbox} thisArg + * @see {@link fabric.Textbox#initialize} for constructor definition + */ + fabric.Textbox = fabric.util.createClass(fabric.IText, { + /** + * Type of an object + * @type String + * @default + */ + type: 'textbox', + /** + * Minimum width of textbox, in pixels. + * @type Number + * @default + */ + minWidth: 20, + /** + * Minimum calculated width of a textbox, in pixels. + * fixed to 2 so that an empty textbox cannot go to 0 + * and is still selectable without text. + * @type Number + * @default + */ + dynamicMinWidth: 2, + /** + * Cached array of text wrapping. + * @type Array + */ + __cachedLines: null, + /** + * Override standard Object class values + */ + lockScalingFlip: true, + /** + * Override standard Object class values + * Textbox needs this on false + */ + noScaleCache: false, + /** + * Properties which when set cause object to change dimensions + * @type Object + * @private + */ + _dimensionAffectingProps: fabric.Text.prototype._dimensionAffectingProps.concat('width'), + /** + * Use this regular expression to split strings in breakable lines + * @private + */ + _wordJoiners: /[ \t\r]/, + /** + * Use this boolean property in order to split strings that have no white space concept. + * this is a cheap way to help with chinese/japanese + * @type Boolean + * @since 2.6.0 + */ + splitByGrapheme: false, + /** + * Unlike superclass's version of this function, Textbox does not update + * its width. + * @private + * @override + */ + initDimensions: function () { + if (this.__skipDimension) { + return; + } + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this._clearCache(); + // clear dynamicMinWidth as it will be different after we re-wrap line + this.dynamicMinWidth = 0; + // wrap lines + this._styleMap = this._generateStyleMap(this._splitText()); + // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap + if (this.dynamicMinWidth > this.width) { + this._set('width', this.dynamicMinWidth); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + // clear cache and re-calculate height + this.height = this.calcTextHeight(); + this.saveState({ propertySet: '_dimensionAffectingProps' }); + }, + /** + * Generate an object that translates the style object so that it is + * broken up by visual lines (new lines and automatic wrapping). + * The original text styles object is broken up by actual lines (new lines only), + * which is only sufficient for Text / IText + * @private + */ + _generateStyleMap: function (textInfo) { + var realLineCount = 0, realLineCharCount = 0, charCount = 0, map = {}; + for (var i = 0; i < textInfo.graphemeLines.length; i++) { + if (textInfo.graphemeText[charCount] === '\n' && i > 0) { + realLineCharCount = 0; + charCount++; + realLineCount++; + } + else if (!this.splitByGrapheme && + this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && + i > 0) { + // this case deals with space's that are removed from end of lines when wrapping + realLineCharCount++; + charCount++; + } + map[i] = { line: realLineCount, offset: realLineCharCount }; + charCount += textInfo.graphemeLines[i].length; + realLineCharCount += textInfo.graphemeLines[i].length; + } + return map; + }, + /** + * Returns true if object has a style property or has it on a specified line + * @param {Number} lineIndex + * @return {Boolean} + */ + styleHas: function (property, lineIndex) { + if (this._styleMap && !this.isWrapping) { + var map = this._styleMap[lineIndex]; + if (map) { + lineIndex = map.line; + } + } + return fabric.Text.prototype.styleHas.call(this, property, lineIndex); + }, + /** + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} + */ + isEmptyStyles: function (lineIndex) { + if (!this.styles) { + return true; + } + var offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; + if (map) { + lineIndex = map.line; + offset = map.offset; + } + if (mapNextLine) { + nextLineIndex = mapNextLine.line; + shouldLimit = nextLineIndex === lineIndex; + nextOffset = mapNextLine.offset; + } + obj = + typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; + } + } + } + } + return true; + }, + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _getStyleDeclaration: function (lineIndex, charIndex) { + if (this._styleMap && !this.isWrapping) { + var map = this._styleMap[lineIndex]; + if (!map) { + return null; + } + lineIndex = map.line; + charIndex = map.offset + charIndex; + } + return this.callSuper('_getStyleDeclaration', lineIndex, charIndex); + }, + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration: function (lineIndex, charIndex, style) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + this.styles[lineIndex][charIndex] = style; + }, + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration: function (lineIndex, charIndex) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + delete this.styles[lineIndex][charIndex]; + }, + /** + * probably broken need a fix + * Returns the real style line that correspond to the wrapped lineIndex line + * Used just to verify if the line does exist or not. + * @param {Number} lineIndex + * @returns {Boolean} if the line exists or not + * @private + */ + _getLineStyle: function (lineIndex) { + var map = this._styleMap[lineIndex]; + return !!this.styles[map.line]; + }, + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @param {Object} style + * @private + */ + _setLineStyle: function (lineIndex) { + var map = this._styleMap[lineIndex]; + this.styles[map.line] = {}; + }, + /** + * Wraps text using the 'width' property of Textbox. First this function + * splits text on newlines, so we preserve newlines entered by the user. + * Then it wraps each line using the width of the Textbox by calling + * _wrapLine(). + * @param {Array} lines The string array of text that is split into lines + * @param {Number} desiredWidth width you want to wrap to + * @returns {Array} Array of lines + */ + _wrapText: function (lines, desiredWidth) { + var wrapped = [], i; + this.isWrapping = true; + for (i = 0; i < lines.length; i++) { + wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth)); + } + this.isWrapping = false; + return wrapped; + }, + /** + * Helper function to measure a string of text, given its lineIndex and charIndex offset + * It gets called when charBounds are not available yet. + * Override if necessary + * Use with {@link fabric.Textbox#wordSplit} + * + * @param {CanvasRenderingContext2D} ctx + * @param {String} text + * @param {number} lineIndex + * @param {number} charOffset + * @returns {number} + */ + _measureWord: function (word, lineIndex, charOffset) { + var width = 0, prevGrapheme, skipLeft = true; + charOffset = charOffset || 0; + for (var i = 0, len = word.length; i < len; i++) { + var box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); + width += box.kernedWidth; + prevGrapheme = word[i]; + } + return width; + }, + /** + * Override this method to customize word splitting + * Use with {@link fabric.Textbox#_measureWord} + * @param {string} value + * @returns {string[]} array of words + */ + wordSplit: function (value) { + return value.split(this._wordJoiners); + }, + /** + * Wraps a line of text using the width of the Textbox and a context. + * @param {Array} line The grapheme array that represent the line + * @param {Number} lineIndex + * @param {Number} desiredWidth width you want to wrap the line to + * @param {Number} reservedSpace space to remove from wrapping for custom functionalities + * @returns {Array} Array of line(s) into which the given text is wrapped + * to. + */ + _wrapLine: function (_line, lineIndex, desiredWidth, reservedSpace) { + var lineWidth = 0, splitByGrapheme = this.splitByGrapheme, graphemeLines = [], line = [], + // spaces in different languages? + words = splitByGrapheme + ? this.graphemeSplit(_line) + : this.wordSplit(_line), word = '', offset = 0, infix = splitByGrapheme ? '' : ' ', wordWidth = 0, infixWidth = 0, largestWordWidth = 0, lineJustStarted = true, additionalSpace = this._getWidthOfCharSpacing(), reservedSpace = reservedSpace || 0; + // fix a difference between split and graphemeSplit + if (words.length === 0) { + words.push([]); + } + desiredWidth -= reservedSpace; + // measure words + var data = words.map(function (word) { + // if using splitByGrapheme words are already in graphemes. + word = splitByGrapheme ? word : this.graphemeSplit(word); + var width = this._measureWord(word, lineIndex, offset); + largestWordWidth = Math.max(width, largestWordWidth); + offset += word.length + 1; + return { word: word, width: width }; + }.bind(this)); + var maxWidth = Math.max(desiredWidth, largestWordWidth, this.dynamicMinWidth); + // layout words + offset = 0; + for (var i = 0; i < words.length; i++) { + word = data[i].word; + wordWidth = data[i].width; + offset += word.length; + lineWidth += infixWidth + wordWidth - additionalSpace; + if (lineWidth > maxWidth && !lineJustStarted) { + graphemeLines.push(line); + line = []; + lineWidth = wordWidth; + lineJustStarted = true; + } + else { + lineWidth += additionalSpace; + } + if (!lineJustStarted && !splitByGrapheme) { + line.push(infix); + } + line = line.concat(word); + infixWidth = splitByGrapheme + ? 0 + : this._measureWord([infix], lineIndex, offset); + offset++; + lineJustStarted = false; + } + i && graphemeLines.push(line); + if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { + this.dynamicMinWidth = + largestWordWidth - additionalSpace + reservedSpace; + } + return graphemeLines; + }, + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @param {Number} lineIndex text to split + * @return {Boolean} + */ + isEndOfWrapping: function (lineIndex) { + if (!this._styleMap[lineIndex + 1]) { + // is last line, return true; + return true; + } + if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { + // this is last line before a line break, return true; + return true; + } + return false; + }, + /** + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * @return Number + */ + missingNewlineOffset: function (lineIndex) { + if (this.splitByGrapheme) { + return this.isEndOfWrapping(lineIndex) ? 1 : 0; + } + return 1; + }, + /** + * Gets lines of text to render in the Textbox. This function calculates + * text wrapping on the fly every time it is called. + * @param {String} text text to split + * @returns {Array} Array of lines in the Textbox. + * @override + */ + _splitTextIntoLines: function (text) { + var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); + for (var i = 0; i < graphemeLines.length; i++) { + lines[i] = graphemeLines[i].join(''); + } + newText.lines = lines; + newText.graphemeLines = graphemeLines; + return newText; + }, + getMinWidth: function () { + return Math.max(this.minWidth, this.dynamicMinWidth); + }, + _removeExtraneousStyles: function () { + var linesToKeep = {}; + for (var prop in this._styleMap) { + if (this._textLines[prop]) { + linesToKeep[this._styleMap[prop].line] = 1; + } + } + for (var prop in this.styles) { + if (!linesToKeep[prop]) { + delete this.styles[prop]; + } + } + }, + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + return this.callSuper('toObject', ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); + }, + }); + /** + * Returns fabric.Textbox instance from an object representation + * @static + * @memberOf fabric.Textbox + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Textbox.fromObject = function (object) { + var styles = fabric.util.stylesFromArray(object.styles, object.text); + //copy object to prevent mutation + var objCopy = Object.assign({}, object, { styles: styles }); + return fabric.Object._fromObject(fabric.Textbox, objCopy, { + extraParam: 'text', + }); + }; +})(typeof exports !== 'undefined' ? exports : window); + +/* eslint-disable @typescript-eslint/no-unused-vars */ +class Control { + constructor(options) { + /** + * keep track of control visibility. + * mainly for backward compatibility. + * if you do not want to see a control, you can remove it + * from the control set. + * @type {Boolean} + * @default true + */ + this.visible = true; + /** + * Name of the action that the control will likely execute. + * This is optional. FabricJS uses to identify what the user is doing for some + * extra optimizations. If you are writing a custom control and you want to know + * somewhere else in the code what is going on, you can use this string here. + * you can also provide a custom getActionName if your control run multiple actions + * depending on some external state. + * default to scale since is the most common, used on 4 corners by default + * @type {String} + * @default 'scale' + */ + this.actionName = 'scale'; + /** + * Drawing angle of the control. + * NOT used for now, but name marked as needed for internal logic + * example: to reuse the same drawing function for different rotated controls + * @type {Number} + * @default 0 + */ + this.angle = 0; + /** + * Relative position of the control. X + * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 + */ + this.x = 0; + /** + * Relative position of the control. Y + * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 + */ + this.y = 0; + /** + * Horizontal offset of the control from the defined position. In pixels + * Positive offset moves the control to the right, negative to the left. + * It used when you want to have position of control that does not scale with + * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on + * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will + * stay 30 pixels no matter how the object is big. Another example is having 2 + * controls in the corner, that stay in the same position when the object scale. + * of the bounding box. + * @type {Number} + * @default 0 + */ + this.offsetX = 0; + /** + * Vertical offset of the control from the defined position. In pixels + * Positive offset moves the control to the bottom, negative to the top. + * @type {Number} + * @default 0 + */ + this.offsetY = 0; + /** + * Sets the length of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null + */ + this.sizeX = null; + /** + * Sets the height of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null + */ + this.sizeY = null; + /** + * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null + */ + this.touchSizeX = null; + /** + * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null + */ + this.touchSizeY = null; + /** + * Css cursor style to display when the control is hovered. + * if the method `cursorStyleHandler` is provided, this property is ignored. + * @type {String} + * @default 'crosshair' + */ + this.cursorStyle = 'crosshair'; + /** + * If controls has an offsetY or offsetX, draw a line that connects + * the control to the bounding box + * @type {Boolean} + * @default false + */ + this.withConnection = false; + Object.assign(this, options); } - }, - - /** - * Moves cursor right while keeping selection - * @param {Event} e - */ - moveCursorRightWithShift: function(e) { - if (this._selectionDirection === 'left' && this.selectionStart !== this.selectionEnd) { - return this._moveRight(e, 'selectionStart'); - } - else if (this.selectionEnd !== this._text.length) { - this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } - }, - - /** - * Moves cursor right without keeping selection - * @param {Event} e Event object - */ - moveCursorRightWithoutShift: function(e) { - var changed = true; - this._selectionDirection = 'right'; - - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; + /** + * Returns control actionHandler + * @param {Event} eventData the native mouse event + * @param {FabricObject} fabricObject on which the control is displayed + * @param {Control} control control for which the action handler is being asked + * @return {Function} the action handler + */ + getActionHandler(eventData, fabricObject, control) { + return this.actionHandler; } - else { - this.selectionStart = this.selectionEnd; + /** + * Returns control mouseDown handler + * @param {Event} eventData the native mouse event + * @param {FabricObject} fabricObject on which the control is displayed + * @param {Control} control control for which the action handler is being asked + * @return {Function} the action handler + */ + getMouseDownHandler(eventData, fabricObject, control) { + return this.mouseDownHandler; } - return changed; - }, - - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars: function(start, end) { - if (typeof end === 'undefined') { - end = start + 1; - } - this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, - - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars: function(text, style, start, end) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - var graphemes = fabric.util.string.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat(this._text.slice(0, start), graphemes, this._text.slice(end)); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, - -}); - - -/* _TO_SVG_START_ */ -(function() { - var toFixed = fabric.util.toFixed, - multipleSpacesRegex = / +/g; - - fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance + * Returns control mouseUp handler + * @param {Event} eventData the native mouse event + * @param {FabricObject} fabricObject on which the control is displayed + * @param {Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - _toSVG: function() { - var offsets = this._getSVGLeftTopOffsets(), - textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - }, - + getMouseUpHandler(eventData, fabricObject, control) { + return this.mouseUpHandler; + } /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function(reviver) { - return this._createBaseSVGMarkup( - this._toSVG(), - { reviver: reviver, noStyle: true, withShadow: true } - ); - }, - + * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate + * function you can pass one in the constructor + * the cursorStyle property + * @param {Event} eventData the native mouse event + * @param {Control} control the current control ( likely this) + * @param {FabricObject} object on which the control is displayed + * @return {String} + */ + cursorStyleHandler(eventData, control, fabricObject) { + return control.cursorStyle; + } /** - * @private + * Returns the action name. The basic implementation just return the actionName property. + * @param {Event} eventData the native mouse event + * @param {Control} control the current control ( likely this) + * @param {FabricObject} object on which the control is displayed + * @return {String} */ - _getSVGLeftTopOffsets: function() { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0) - }; - }, - + getActionName(eventData, control, fabricObject) { + return control.actionName; + } /** - * @private + * Returns controls visibility + * @param {FabricObject} object on which the control is displayed + * @param {String} controlKey key where the control is memorized on the + * @return {Boolean} */ - _wrapSVGTextAndBg: function(textAndBg) { - var noShadow = true, - textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n' - ]; - }, - + getVisibility(fabricObject, controlKey) { + var _a, _b; + // @ts-expect-error TODO remove directive once fixed + return (_b = (_a = fabricObject._controlsVisibility) === null || _a === void 0 ? void 0 : _a[controlKey]) !== null && _b !== void 0 ? _b : this.visible; + } /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg: function(textTopOffset, textLeftOffset) { - var textSpans = [], - textBgRects = [], - height = textTopOffset, lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); - - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.textBackgroundColor || this.styleHas('textBackgroundColor', i)) { - this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); - } - this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); - height += this.getHeightOfLine(i); - } - - return { - textSpans: textSpans, - textBgRects: textBgRects - }; - }, - + * Sets controls visibility + * @param {Boolean} visibility for the object + * @return {Void} + */ + setVisibility(visibility, name, fabricObject) { + this.visible = visibility; + } + positionHandler(dim, finalMatrix, fabricObject, currentControl) { + return new Point(this.x * dim.x + this.offsetX, this.y * dim.y + this.offsetY).transform(finalMatrix); + } /** - * @private + * Returns the coords for this control based on object values. + * @param {Number} objectAngle angle from the fabric object holding the control + * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if + * isTouch is true) + * @param {Number} centerX x coordinate where the control center should be + * @param {Number} centerY y coordinate where the control center should be + * @param {boolean} isTouch true if touch corner, false if normal corner */ - _createTextCharSpan: function(_char, styleDecl, left, top) { - var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), - styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), - fillStyles = styleProps ? 'style="' + styleProps + '"' : '', - dy = styleDecl.deltaY, dySpan = '', - NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - fabric.util.string.escapeXml(_char), - '' - ].join(''); - }, - - _setSVGTextLineText: function(textSpans, lineIndex, textLeftOffset, textTopOffset) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, style, - boxWidth = 0, - line = this._textLines[lineIndex], - timeToRender; - - textTopOffset += lineHeight * (1 - this._fontSizeFraction) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; + calcCornerCoords(objectAngle, objectCornerSize, centerX, centerY, isTouch) { + let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp; + const xSize = isTouch ? this.touchSizeX : this.sizeX, ySize = isTouch ? this.touchSizeY : this.sizeY; + if (xSize && ySize && xSize !== ySize) { + // handle rectangular corners + const controlTriangleAngle = Math.atan2(ySize, xSize); + const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; + const newTheta = controlTriangleAngle - degreesToRadians(objectAngle); + const newThetaComp = halfPI - controlTriangleAngle - degreesToRadians(objectAngle); + cosHalfOffset = cornerHypotenuse * cos(newTheta); + sinHalfOffset = cornerHypotenuse * sin(newTheta); + // use complementary angle for two corners + cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp); + sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp); } else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = this._hasStyleChangedForSvg(actualStyle, nextStyle); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || { }; - textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); - charsToRender = ''; - actualStyle = nextStyle; - textLeftOffset += boxWidth; - boxWidth = 0; - } - } - }, - - _pushTextBgRect: function(textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n'); - }, - - _setSVGTextLineBg: function(textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], - heightOfLine = this.getHeightOfLine(i) / this.lineHeight, - boxWidth = 0, - boxStart = 0, - charBox, currentColor, - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, - textTopOffset, boxWidth, heightOfLine); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; + // handle square corners + // use default object corner size unless size is defined + const cornerSize = xSize && ySize ? xSize : objectCornerSize; + const cornerHypotenuse = cornerSize * Math.SQRT1_2; + // complementary angles are equal since they're both 45 degrees + const newTheta = degreesToRadians(45 - objectAngle); + cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta); + sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta); } - else { - boxWidth += charBox.kernedWidth; - } - } - currentColor && this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, - textTopOffset, boxWidth, heightOfLine); - }, - - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes: function(value) { - var fillColor = (value && typeof value === 'string') ? new fabric.Color(value) : ''; - if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { - return 'fill="' + value + '"'; - } - return 'opacity="' + fillColor.getAlpha() + '" fill="' + fillColor.setAlpha(1).toRgb() + '"'; - }, - - /** - * @private - */ - _getSVGLineTopOffset: function(lineIndex) { - var lineTopOffset = 0, lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: (this._fontSizeMult - this._fontSizeFraction) * lastHeight / (this.lineHeight * this._fontSizeMult) - }; - }, - + return { + tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp), + tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset), + bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset), + br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp), + }; + } /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} + * Render function for the control. + * When this function runs the context is unscaled. unrotate. Just retina scaled. + * all the functions will have to translate to the point left,top before starting Drawing + * if they want to draw a control where the position is detected. + * left and top are the result of the positionHandler function + * @param {RenderingContext2D} ctx the context where the control will be drawn + * @param {Number} left position of the canvas where we are about to render the control. + * @param {Number} top position of the canvas where we are about to render the control. + * @param {Object} styleOverride + * @param {FabricObject} fabricObject the object where the control is about to be rendered */ - getSvgStyles: function(skipShadow) { - var svgStyle = fabric.Object.prototype.getSvgStyles.call(this, skipShadow); - return svgStyle + ' white-space: pre;'; - }, - }); -})(); -/* _TO_SVG_END_ */ - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = {}); - - /** - * Textbox class, based on IText, allows the user to resize the text rectangle - * and wraps lines automatically. Textboxes have their Y scaling locked, the - * user can only change width. Height is adjusted automatically based on the - * wrapping of lines. - * @class fabric.Textbox - * @extends fabric.IText - * @mixes fabric.Observable - * @return {fabric.Textbox} thisArg - * @see {@link fabric.Textbox#initialize} for constructor definition - */ - fabric.Textbox = fabric.util.createClass(fabric.IText, fabric.Observable, { + render(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { + case 'circle': + renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); + break; + default: + renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); + } + } +} +fabric$1.Control = Control; + +// @ts-nocheck +const defaultControls = { + ml: new Control({ + x: -0.5, + y: 0, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }), + mr: new Control({ + x: 0.5, + y: 0, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }), + mb: new Control({ + x: 0, + y: 0.5, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }), + mt: new Control({ + x: 0, + y: -0.5, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }), + tl: new Control({ + x: -0.5, + y: -0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + tr: new Control({ + x: 0.5, + y: -0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + bl: new Control({ + x: -0.5, + y: 0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + br: new Control({ + x: 0.5, + y: 0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + mtr: new Control({ + x: 0, + y: -0.5, + actionHandler: rotationWithSnapping, + cursorStyleHandler: rotationStyleHandler, + offsetY: -40, + withConnection: true, + actionName: 'rotate', + }), +}; +const textboxDefaultControls = Object.assign(Object.assign({}, defaultControls), { mr: new Control({ + x: 0.5, + y: 0, + actionHandler: changeWidth, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionName: 'resizing', + }), ml: new Control({ + x: -0.5, + y: 0, + actionHandler: changeWidth, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionName: 'resizing', + }) }); +InteractiveFabricObject.prototype.controls = Object.assign(Object.assign({}, (InteractiveFabricObject.prototype.controls || {})), defaultControls); +if (fabric$1.Textbox) { + // this is breaking the prototype inheritance, no time / ideas to fix it. + // is important to document that if you want to have all objects to have a + // specific custom control, you have to add it to Object prototype and to Textbox + // prototype. The controls are shared as references. So changes to control `tr` + // can still apply to all objects if needed. + fabric$1.Textbox.prototype.controls = Object.assign(Object.assign({}, (fabric$1.Textbox.prototype.controls || {})), textboxDefaultControls); +} +/** + * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} + */ +class BaseBrush { + constructor(canvas) { + /** + * Color of a brush + * @type String + * @default + */ + this.color = 'rgb(0, 0, 0)'; + /** + * Width of a brush, has to be a Number, no string literals + * @type Number + * @default + */ + this.width = 1; + /** + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), + * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 + * @type Shadow + * @default + */ + this.shadow = null; + /** + * Line endings style of a brush (one of "butt", "round", "square") + * @type String + * @default + */ + this.strokeLineCap = 'round'; + /** + * Corner style of a brush (one of "bevel", "round", "miter") + * @type String + * @default + */ + this.strokeLineJoin = 'round'; + /** + * Maximum miter length (used for strokeLineJoin = "miter") of a brush's + * @type Number + * @default + */ + this.strokeMiterLimit = 10; + /** + * Stroke Dash Array. + * @type Array + * @default + */ + this.strokeDashArray = null; + /** + * When `true`, the free drawing is limited to the whiteboard size. Default to false. + * @type Boolean + * @default false + */ + this.limitedToCanvasSize = false; + this.canvas = canvas; + } + /** + * Sets brush styles + * @private + * @param {CanvasRenderingContext2D} ctx + */ + _setBrushStyles(ctx) { + ctx.strokeStyle = this.color; + ctx.lineWidth = this.width; + ctx.lineCap = this.strokeLineCap; + ctx.miterLimit = this.strokeMiterLimit; + ctx.lineJoin = this.strokeLineJoin; + ctx.setLineDash(this.strokeDashArray || []); + } /** - * Type of an object - * @type String - * @default + * Sets the transformation on given context + * @param {CanvasRenderingContext2D} ctx context to render on + * @private */ - type: 'textbox', - + _saveAndTransform(ctx) { + const v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } /** - * Minimum width of textbox, in pixels. - * @type Number - * @default + * Sets brush shadow styles + * @private */ - minWidth: 20, - + _setShadow() { + if (!this.shadow || !this.canvas) { + return; + } + const canvas = this.canvas, shadow = this.shadow, ctx = canvas.contextTop, zoom = canvas.getZoom() * canvas.getRetinaScaling(); + ctx.shadowColor = shadow.color; + ctx.shadowBlur = shadow.blur * zoom; + ctx.shadowOffsetX = shadow.offsetX * zoom; + ctx.shadowOffsetY = shadow.offsetY * zoom; + } + needsFullRender() { + const color = new Color(this.color); + return color.getAlpha() < 1 || !!this.shadow; + } /** - * Minimum calculated width of a textbox, in pixels. - * fixed to 2 so that an empty textbox cannot go to 0 - * and is still selectable without text. - * @type Number - * @default + * Removes brush shadow styles + * @private */ - dynamicMinWidth: 2, - + _resetShadow() { + const ctx = this.canvas.contextTop; + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + } /** - * Cached array of text wrapping. - * @type Array + * Check is pointer is outside canvas boundaries + * @param {Object} pointer + * @private */ - __cachedLines: null, + _isOutSideCanvas(pointer) { + return (pointer.x < 0 || + pointer.x > this.canvas.getWidth() || + pointer.y < 0 || + pointer.y > this.canvas.getHeight()); + } +} +fabric$1.BaseBrush = BaseBrush; +/** + * @todo remove transient + */ +const { Circle, Group: Group$1, Shadow: Shadow$2 } = fabric$1; +class CircleBrush extends BaseBrush { + constructor(canvas) { + super(canvas); + /** + * Width of a brush + * @type Number + * @default + */ + this.width = 10; + this.points = []; + } /** - * Override standard Object class values + * Invoked inside on mouse down and mouse move + * @param {Point} pointer */ - lockScalingFlip: true, - + drawDot(pointer) { + const point = this.addPoint(pointer), ctx = this.canvas.contextTop; + this._saveAndTransform(ctx); + this.dot(ctx, point); + ctx.restore(); + } + dot(ctx, point) { + ctx.fillStyle = point.fill; + ctx.beginPath(); + ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); + ctx.closePath(); + ctx.fill(); + } /** - * Override standard Object class values - * Textbox needs this on false + * Invoked on mouse down */ - noScaleCache: false, - + onMouseDown(pointer) { + this.points = []; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + this.drawDot(pointer); + } /** - * Properties which when set cause object to change dimensions - * @type Object + * Render the full state of the brush * @private */ - _dimensionAffectingProps: fabric.Text.prototype._dimensionAffectingProps.concat('width'), - + _render() { + const ctx = this.canvas.contextTop, points = this.points; + this._saveAndTransform(ctx); + for (let i = 0; i < points.length; i++) { + this.dot(ctx, points[i]); + } + ctx.restore(); + } /** - * Use this regular expression to split strings in breakable lines - * @private + * Invoked on mouse move + * @param {Point} pointer */ - _wordJoiners: /[ \t\r]/, - + onMouseMove(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + if (this.needsFullRender()) { + this.canvas.clearContext(this.canvas.contextTop); + this.addPoint(pointer); + this._render(); + } + else { + this.drawDot(pointer); + } + } /** - * Use this boolean property in order to split strings that have no white space concept. - * this is a cheap way to help with chinese/japanese - * @type Boolean - * @since 2.6.0 + * Invoked on mouse up */ - splitByGrapheme: false, + onMouseUp() { + const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; + this.canvas.renderOnAddRemove = false; + const circles = []; + for (let i = 0; i < this.points.length; i++) { + const point = this.points[i], circle = new Circle({ + radius: point.radius, + left: point.x, + top: point.y, + originX: 'center', + originY: 'center', + fill: point.fill, + }); + this.shadow && (circle.shadow = new Shadow$2(this.shadow)); + circles.push(circle); + } + const group = new Group$1(circles, { canvas: this.canvas }); + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + } + /** + * @param {Object} pointer + * @return {Point} Just added pointer point + */ + addPoint({ x, y }) { + const pointerPoint = { + x, + y, + radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2, + fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(), + }; + this.points.push(pointerPoint); + return pointerPoint; + } +} +fabric$1.CircleBrush = CircleBrush; +/** + * @todo remove transient + */ +const { Path, Shadow: Shadow$1 } = fabric$1; +/** + * @private + * @param {PathData} pathData SVG path commands + * @returns {boolean} + */ +function isEmptySVGPath(pathData) { + return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0'; +} +class PencilBrush extends BaseBrush { + constructor(canvas) { + super(canvas); + /** + * Discard points that are less than `decimate` pixel distant from each other + * @type Number + * @default 0.4 + */ + this.decimate = 0.4; + /** + * Draws a straight line between last recorded point to current pointer + * Used for `shift` functionality + * + * @type boolean + * @default false + */ + this.drawStraightLine = false; + /** + * The event modifier key that makes the brush draw a straight line. + * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. + * @type {ModifierKey | undefined | null} + */ + this.straightLineKey = 'shiftKey'; + this._points = []; + this._hasStraightLine = false; + } + needsFullRender() { + return super.needsFullRender() || this._hasStraightLine; + } + static drawSegment(ctx, p1, p2) { + const midPoint = p1.midPointFrom(p2); + ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); + return midPoint; + } /** - * Unlike superclass's version of this function, Textbox does not update - * its width. - * @private - * @override + * Invoked on mouse down + * @param {Point} pointer */ - initDimensions: function() { - if (this.__skipDimension) { - return; - } - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this._clearCache(); - // clear dynamicMinWidth as it will be different after we re-wrap line - this.dynamicMinWidth = 0; - // wrap lines - this._styleMap = this._generateStyleMap(this._splitText()); - // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap - if (this.dynamicMinWidth > this.width) { - this._set('width', this.dynamicMinWidth); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - // clear cache and re-calculate height - this.height = this.calcTextHeight(); - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, - + onMouseDown(pointer, { e }) { + if (!this.canvas._isMainEvent(e)) { + return; + } + this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; + this._prepareForDrawing(pointer); + // capture coordinates immediately + // this allows to draw dots (when movement never occurs) + this._addPoint(pointer); + this._render(); + } /** - * Generate an object that translates the style object so that it is - * broken up by visual lines (new lines and automatic wrapping). - * The original text styles object is broken up by actual lines (new lines only), - * which is only sufficient for Text / IText - * @private + * Invoked on mouse move + * @param {Point} pointer */ - _generateStyleMap: function(textInfo) { - var realLineCount = 0, - realLineCharCount = 0, - charCount = 0, - map = {}; - - for (var i = 0; i < textInfo.graphemeLines.length; i++) { - if (textInfo.graphemeText[charCount] === '\n' && i > 0) { - realLineCharCount = 0; - charCount++; - realLineCount++; + onMouseMove(pointer, { e }) { + if (!this.canvas._isMainEvent(e)) { + return; } - else if (!this.splitByGrapheme && this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && i > 0) { - // this case deals with space's that are removed from end of lines when wrapping - realLineCharCount++; - charCount++; + this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; } - - map[i] = { line: realLineCount, offset: realLineCharCount }; - - charCount += textInfo.graphemeLines[i].length; - realLineCharCount += textInfo.graphemeLines[i].length; - } - - return map; - }, - + if (this._addPoint(pointer) && this._points.length > 1) { + if (this.needsFullRender()) { + // redraw curve + // clear top canvas + this.canvas.clearContext(this.canvas.contextTop); + this._render(); + } + else { + const points = this._points, length = points.length, ctx = this.canvas.contextTop; + // draw the curve update + this._saveAndTransform(ctx); + if (this.oldEnd) { + ctx.beginPath(); + ctx.moveTo(this.oldEnd.x, this.oldEnd.y); + } + this.oldEnd = PencilBrush.drawSegment(ctx, points[length - 2], points[length - 1]); + ctx.stroke(); + ctx.restore(); + } + } + } /** - * Returns true if object has a style property or has it on a specified line - * @param {Number} lineIndex - * @return {Boolean} + * Invoked on mouse up */ - styleHas: function(property, lineIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (map) { - lineIndex = map.line; + onMouseUp({ e }) { + if (!this.canvas._isMainEvent(e)) { + return true; } - } - return fabric.Text.prototype.styleHas.call(this, property, lineIndex); - }, - + this.drawStraightLine = false; + this.oldEnd = undefined; + this._finalizeAndAddPath(); + return false; + } /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * @private + * @param {Point} pointer Actual mouse position related to the canvas. */ - isEmptyStyles: function(lineIndex) { - if (!this.styles) { - return true; - } - var offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, - map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; - if (map) { - lineIndex = map.line; - offset = map.offset; - } - if (mapNextLine) { - nextLineIndex = mapNextLine.line; - shouldLimit = nextLineIndex === lineIndex; - nextOffset = mapNextLine.offset; - } - obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } - } - } - } - return true; - }, - + _prepareForDrawing(pointer) { + this._reset(); + this._addPoint(pointer); + this.canvas.contextTop.moveTo(pointer.x, pointer.y); + } /** - * @param {Number} lineIndex - * @param {Number} charIndex * @private + * @param {Point} point Point to be added to points array */ - _getStyleDeclaration: function(lineIndex, charIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (!map) { - return null; + _addPoint(point) { + if (this._points.length > 1 && + point.eq(this._points[this._points.length - 1])) { + return false; } - lineIndex = map.line; - charIndex = map.offset + charIndex; - } - return this.callSuper('_getStyleDeclaration', lineIndex, charIndex); - }, - + if (this.drawStraightLine && this._points.length > 1) { + this._hasStraightLine = true; + this._points.pop(); + } + this._points.push(point); + return true; + } /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style + * Clear points array and set contextTop canvas style. * @private */ - _setStyleDeclaration: function(lineIndex, charIndex, style) { - var map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - - this.styles[lineIndex][charIndex] = style; - }, - + _reset() { + this._points = []; + this._setBrushStyles(this.canvas.contextTop); + this._setShadow(); + this._hasStraightLine = false; + } /** - * @param {Number} lineIndex - * @param {Number} charIndex + * Draw a smooth path on the topCanvas using quadraticCurveTo * @private + * @param {CanvasRenderingContext2D} [ctx] */ - _deleteStyleDeclaration: function(lineIndex, charIndex) { - var map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - delete this.styles[lineIndex][charIndex]; - }, - + _render(ctx = this.canvas.contextTop) { + let p1 = this._points[0], p2 = this._points[1]; + this._saveAndTransform(ctx); + ctx.beginPath(); + //if we only have 2 points in the path and they are the same + //it means that the user only clicked the canvas without moving the mouse + //then we should be drawing a dot. A path isn't drawn between two identical dots + //that's why we set them apart a bit + if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { + const width = this.width / 1000; + p1.x -= width; + p2.x += width; + } + ctx.moveTo(p1.x, p1.y); + for (let i = 1; i < this._points.length; i++) { + // we pick the point between pi + 1 & pi + 2 as the + // end point and p1 as our control point. + PencilBrush.drawSegment(ctx, p1, p2); + p1 = this._points[i]; + p2 = this._points[i + 1]; + } + // Draw last line as a straight line while + // we wait for the next point to be able to calculate + // the bezier control point + ctx.lineTo(p1.x, p1.y); + ctx.stroke(); + ctx.restore(); + } /** - * probably broken need a fix - * Returns the real style line that correspond to the wrapped lineIndex line - * Used just to verify if the line does exist or not. - * @param {Number} lineIndex - * @returns {Boolean} if the line exists or not - * @private + * Converts points to SVG path + * @param {Array} points Array of points + * @return {PathData} SVG path commands + */ + convertPointsToSVGPath(points) { + const correction = this.width / 1000; + return getSmoothPathFromPoints(points, correction); + } + /** + * Creates a Path object to add on canvas + * @param {PathData} pathData Path data + * @return {Path} Path to add on canvas + */ + createPath(pathData) { + const path = new Path(pathData, { + fill: null, + stroke: this.color, + strokeWidth: this.width, + strokeLineCap: this.strokeLineCap, + strokeMiterLimit: this.strokeMiterLimit, + strokeLineJoin: this.strokeLineJoin, + strokeDashArray: this.strokeDashArray, + }); + if (this.shadow) { + this.shadow.affectStroke = true; + path.shadow = new Shadow$1(this.shadow); + } + return path; + } + /** + * Decimate points array with the decimate value */ - _getLineStyle: function(lineIndex) { - var map = this._styleMap[lineIndex]; - return !!this.styles[map.line]; - }, - + decimatePoints(points, distance) { + if (points.length <= 2) { + return points; + } + let lastPoint = points[0], cDistance; + const zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), l = points.length - 1, newPoints = [lastPoint]; + for (let i = 1; i < l - 1; i++) { + cDistance = + Math.pow(lastPoint.x - points[i].x, 2) + + Math.pow(lastPoint.y - points[i].y, 2); + if (cDistance >= adjustedDistance) { + lastPoint = points[i]; + newPoints.push(lastPoint); + } + } + // Add the last point from the original line to the end of the array. + // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. + newPoints.push(points[l]); + return newPoints; + } /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @param {Object} style - * @private + * On mouseup after drawing the path on contextTop canvas + * we use the points captured to create an new Path object + * and add it to the canvas. */ - _setLineStyle: function(lineIndex) { - var map = this._styleMap[lineIndex]; - this.styles[map.line] = {}; - }, + _finalizeAndAddPath() { + const ctx = this.canvas.contextTop; + ctx.closePath(); + if (this.decimate) { + this._points = this.decimatePoints(this._points, this.decimate); + } + const pathData = this.convertPointsToSVGPath(this._points); + if (isEmptySVGPath(pathData)) { + // do not create 0 width/height paths, as they are + // rendered inconsistently across browsers + // Firefox 4, for example, renders a dot, + // whereas Chrome 10 renders nothing + this.canvas.requestRenderAll(); + return; + } + const path = this.createPath(pathData); + this.canvas.clearContext(this.canvas.contextTop); + this.canvas.fire('before:path:created', { path: path }); + this.canvas.add(path); + this.canvas.requestRenderAll(); + path.setCoords(); + this._resetShadow(); + // fire event 'path' created + this.canvas.fire('path:created', { path: path }); + } +} +fabric$1.PencilBrush = PencilBrush; +/** + * @todo remove transient + */ +const { Pattern } = fabric$1; +class PatternBrush extends PencilBrush { + constructor(canvas) { + super(canvas); + } + getPatternSrc() { + const dotWidth = 20, dotDistance = 5, patternCanvas = createCanvasElement(), patternCtx = patternCanvas.getContext('2d'); + patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; + if (patternCtx) { + patternCtx.fillStyle = this.color; + patternCtx.beginPath(); + patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); + patternCtx.closePath(); + patternCtx.fill(); + } + return patternCanvas; + } + getPatternSrcFunction() { + return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); + } /** - * Wraps text using the 'width' property of Textbox. First this function - * splits text on newlines, so we preserve newlines entered by the user. - * Then it wraps each line using the width of the Textbox by calling - * _wrapLine(). - * @param {Array} lines The string array of text that is split into lines - * @param {Number} desiredWidth width you want to wrap to - * @returns {Array} Array of lines - */ - _wrapText: function(lines, desiredWidth) { - var wrapped = [], i; - this.isWrapping = true; - for (i = 0; i < lines.length; i++) { - wrapped = wrapped.concat(this._wrapLine(lines[i], i, desiredWidth)); - } - this.isWrapping = false; - return wrapped; - }, - + * Creates "pattern" instance property + * @param {CanvasRenderingContext2D} ctx + */ + getPattern(ctx) { + return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); + } /** - * Helper function to measure a string of text, given its lineIndex and charIndex offset - * it gets called when charBounds are not available yet. + * Sets brush styles * @param {CanvasRenderingContext2D} ctx - * @param {String} text - * @param {number} lineIndex - * @param {number} charOffset - * @returns {number} - * @private */ - _measureWord: function(word, lineIndex, charOffset) { - var width = 0, prevGrapheme, skipLeft = true; - charOffset = charOffset || 0; - for (var i = 0, len = word.length; i < len; i++) { - var box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); - width += box.kernedWidth; - prevGrapheme = word[i]; - } - return width; - }, - + _setBrushStyles(ctx) { + super._setBrushStyles(ctx); + const pattern = this.getPattern(ctx); + pattern && (ctx.strokeStyle = pattern); + } /** - * Wraps a line of text using the width of the Textbox and a context. - * @param {Array} line The grapheme array that represent the line - * @param {Number} lineIndex - * @param {Number} desiredWidth width you want to wrap the line to - * @param {Number} reservedSpace space to remove from wrapping for custom functionalities - * @returns {Array} Array of line(s) into which the given text is wrapped - * to. - */ - _wrapLine: function(_line, lineIndex, desiredWidth, reservedSpace) { - var lineWidth = 0, - splitByGrapheme = this.splitByGrapheme, - graphemeLines = [], - line = [], - // spaces in different languages? - words = splitByGrapheme ? fabric.util.string.graphemeSplit(_line) : _line.split(this._wordJoiners), - word = '', - offset = 0, - infix = splitByGrapheme ? '' : ' ', - wordWidth = 0, - infixWidth = 0, - largestWordWidth = 0, - lineJustStarted = true, - additionalSpace = this._getWidthOfCharSpacing(), - reservedSpace = reservedSpace || 0; - // fix a difference between split and graphemeSplit - if (words.length === 0) { - words.push([]); - } - desiredWidth -= reservedSpace; - for (var i = 0; i < words.length; i++) { - // if using splitByGrapheme words are already in graphemes. - word = splitByGrapheme ? words[i] : fabric.util.string.graphemeSplit(words[i]); - wordWidth = this._measureWord(word, lineIndex, offset); - offset += word.length; - - lineWidth += infixWidth + wordWidth - additionalSpace; - if (lineWidth > desiredWidth && !lineJustStarted) { - graphemeLines.push(line); - line = []; - lineWidth = wordWidth; - lineJustStarted = true; - } - else { - lineWidth += additionalSpace; - } + * Creates path + */ + createPath(pathData) { + const path = super.createPath(pathData), topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); + path.stroke = new Pattern({ + source: this.source || this.getPatternSrcFunction(), + offsetX: -topLeft.x, + offsetY: -topLeft.y, + }); + return path; + } +} +fabric$1.PatternBrush = PatternBrush; - if (!lineJustStarted && !splitByGrapheme) { - line.push(infix); +/** + * @todo remove transient + */ +const { Group, Rect, Shadow } = fabric$1; +/** + * + * @param rects + * @returns + */ +function getUniqueRects(rects) { + const uniqueRects = {}; + const uniqueRectsArray = []; + for (let i = 0, key; i < rects.length; i++) { + key = `${rects[i].left}${rects[i].top}`; + if (!uniqueRects[key]) { + uniqueRects[key] = true; + uniqueRectsArray.push(rects[i]); } - line = line.concat(word); - - infixWidth = splitByGrapheme ? 0 : this._measureWord([infix], lineIndex, offset); - offset++; - lineJustStarted = false; - // keep track of largest word - if (wordWidth > largestWordWidth) { - largestWordWidth = wordWidth; - } - } - - i && graphemeLines.push(line); - - if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { - this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; - } - return graphemeLines; - }, - + } + return uniqueRectsArray; +} +class SprayBrush extends BaseBrush { /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @param {Number} lineIndex text to split - * @return {Boolean} + * Constructor + * @param {Canvas} canvas + * @return {SprayBrush} Instance of a spray brush + */ + constructor(canvas) { + super(canvas); + /** + * Width of a spray + * @type Number + * @default + */ + this.width = 10; + /** + * Density of a spray (number of dots per chunk) + * @type Number + * @default + */ + this.density = 20; + /** + * Width of spray dots + * @type Number + * @default + */ + this.dotWidth = 1; + /** + * Width variance of spray dots + * @type Number + * @default + */ + this.dotWidthVariance = 1; + /** + * Whether opacity of a dot should be random + * @type Boolean + * @default + */ + this.randomOpacity = false; + /** + * Whether overlapping dots (rectangles) should be removed (for performance reasons) + * @type Boolean + * @default + */ + this.optimizeOverlapping = true; + this.sprayChunks = []; + this.sprayChunk = []; + } + /** + * Invoked on mouse down + * @param {Point} pointer */ - isEndOfWrapping: function(lineIndex) { - if (!this._styleMap[lineIndex + 1]) { - // is last line, return true; - return true; - } - if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { - // this is last line before a line break, return true; - return true; - } - return false; - }, - + onMouseDown(pointer) { + this.sprayChunks = []; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + this.addSprayChunk(pointer); + this.renderChunck(this.sprayChunk); + } /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * @return Number + * Invoked on mouse move + * @param {Point} pointer */ - missingNewlineOffset: function(lineIndex) { - if (this.splitByGrapheme) { - return this.isEndOfWrapping(lineIndex) ? 1 : 0; - } - return 1; - }, - + onMouseMove(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + this.addSprayChunk(pointer); + this.renderChunck(this.sprayChunk); + } /** - * Gets lines of text to render in the Textbox. This function calculates - * text wrapping on the fly every time it is called. - * @param {String} text text to split - * @returns {Array} Array of lines in the Textbox. - * @override - */ - _splitTextIntoLines: function(text) { - var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), - graphemeLines = this._wrapText(newText.lines, this.width), - lines = new Array(graphemeLines.length); - for (var i = 0; i < graphemeLines.length; i++) { - lines[i] = graphemeLines[i].join(''); - } - newText.lines = lines; - newText.graphemeLines = graphemeLines; - return newText; - }, - - getMinWidth: function() { - return Math.max(this.minWidth, this.dynamicMinWidth); - }, - - _removeExtraneousStyles: function() { - var linesToKeep = {}; - for (var prop in this._styleMap) { - if (this._textLines[prop]) { - linesToKeep[this._styleMap[prop].line] = 1; - } - } - for (var prop in this.styles) { - if (!linesToKeep[prop]) { - delete this.styles[prop]; - } - } - }, - + * Invoked on mouse up + */ + onMouseUp() { + const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; + this.canvas.renderOnAddRemove = false; + const rects = []; + for (let i = 0; i < this.sprayChunks.length; i++) { + const sprayChunk = this.sprayChunks[i]; + for (let j = 0; j < sprayChunk.length; j++) { + const chunck = sprayChunk[j]; + const rect = new Rect({ + width: chunck.width, + height: chunck.width, + left: chunck.x + 1, + top: chunck.y + 1, + originX: 'center', + originY: 'center', + fill: this.color, + }); + rects.push(rect); + } + } + const group = new Group(this.optimizeOverlapping ? getUniqueRects(rects) : rects, { + objectCaching: true, + layout: 'fixed', + subTargetCheck: false, + interactive: false, + }); + this.shadow && group.set('shadow', new Shadow(this.shadow)); + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + } + renderChunck(sprayChunck) { + const ctx = this.canvas.contextTop; + ctx.fillStyle = this.color; + this._saveAndTransform(ctx); + for (let i = 0; i < sprayChunck.length; i++) { + const point = sprayChunck[i]; + ctx.globalAlpha = point.opacity; + ctx.fillRect(point.x, point.y, point.width, point.width); + } + ctx.restore(); + } /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * Render all spray chunks */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); + _render() { + const ctx = this.canvas.contextTop; + ctx.fillStyle = this.color; + this._saveAndTransform(ctx); + for (let i = 0; i < this.sprayChunks.length; i++) { + this.renderChunck(this.sprayChunks[i]); + } + ctx.restore(); } - }); - - /** - * Returns fabric.Textbox instance from an object representation - * @static - * @memberOf fabric.Textbox - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Textbox instance is created - */ - fabric.Textbox.fromObject = function(object, callback) { - return fabric.Object._fromObject('Textbox', object, callback, 'text'); - }; -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - - var controlsUtils = fabric.controlsUtils, - scaleSkewStyleHandler = controlsUtils.scaleSkewCursorStyleHandler, - scaleStyleHandler = controlsUtils.scaleCursorStyleHandler, - scalingEqually = controlsUtils.scalingEqually, - scalingYOrSkewingX = controlsUtils.scalingYOrSkewingX, - scalingXOrSkewingY = controlsUtils.scalingXOrSkewingY, - scaleOrSkewActionName = controlsUtils.scaleOrSkewActionName, - objectControls = fabric.Object.prototype.controls; - - objectControls.ml = new fabric.Control({ - x: -0.5, - y: 0, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }); - - objectControls.mr = new fabric.Control({ - x: 0.5, - y: 0, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }); - - objectControls.mb = new fabric.Control({ - x: 0, - y: 0.5, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }); - - objectControls.mt = new fabric.Control({ - x: 0, - y: -0.5, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }); - - objectControls.tl = new fabric.Control({ - x: -0.5, - y: -0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.tr = new fabric.Control({ - x: 0.5, - y: -0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.bl = new fabric.Control({ - x: -0.5, - y: 0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.br = new fabric.Control({ - x: 0.5, - y: 0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.mtr = new fabric.Control({ - x: 0, - y: -0.5, - actionHandler: controlsUtils.rotationWithSnapping, - cursorStyleHandler: controlsUtils.rotationStyleHandler, - offsetY: -40, - withConnection: true, - actionName: 'rotate', - }); - - if (fabric.Textbox) { - // this is breaking the prototype inheritance, no time / ideas to fix it. - // is important to document that if you want to have all objects to have a - // specific custom control, you have to add it to Object prototype and to Textbox - // prototype. The controls are shared as references. So changes to control `tr` - // can still apply to all objects if needed. - var textBoxControls = fabric.Textbox.prototype.controls = { }; - - textBoxControls.mtr = objectControls.mtr; - textBoxControls.tr = objectControls.tr; - textBoxControls.br = objectControls.br; - textBoxControls.tl = objectControls.tl; - textBoxControls.bl = objectControls.bl; - textBoxControls.mt = objectControls.mt; - textBoxControls.mb = objectControls.mb; - - textBoxControls.mr = new fabric.Control({ - x: 0.5, - y: 0, - actionHandler: controlsUtils.changeWidth, - cursorStyleHandler: scaleSkewStyleHandler, - actionName: 'resizing', - }); - - textBoxControls.ml = new fabric.Control({ - x: -0.5, - y: 0, - actionHandler: controlsUtils.changeWidth, - cursorStyleHandler: scaleSkewStyleHandler, - actionName: 'resizing', - }); - } -})(); - + /** + * @param {Point} pointer + */ + addSprayChunk(pointer) { + this.sprayChunk = []; + const radius = this.width / 2; + for (let i = 0; i < this.density; i++) { + this.sprayChunk.push({ + x: getRandomInt(pointer.x - radius, pointer.x + radius), + y: getRandomInt(pointer.y - radius, pointer.y + radius), + width: this.dotWidthVariance + ? getRandomInt( + // bottom clamp width to 1 + Math.max(1, this.dotWidth - this.dotWidthVariance), this.dotWidth + this.dotWidthVariance) + : this.dotWidth, + opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1, + }); + } + this.sprayChunks.push(this.sprayChunk); + } +} +fabric$1.SprayBrush = SprayBrush; +//# sourceMappingURL=fabric.js.map diff --git a/dist/fabric.js.map b/dist/fabric.js.map new file mode 100644 index 00000000000..b0ea69dc525 --- /dev/null +++ b/dist/fabric.js.map @@ -0,0 +1 @@ +{"version":3,"file":"fabric.js","sources":["../src/config.ts","../src/cache.ts","../src/constants.ts","../HEADER.js","../src/mixins/collection.mixin.ts","../src/util/misc/cos.ts","../src/util/misc/sin.ts","../src/point.class.ts","../src/util/misc/vectors.ts","../src/util/misc/radiansDegreesConversion.ts","../src/util/misc/rotatePoint.ts","../src/util/internals/getRandomInt.ts","../src/util/internals/ifNaN.ts","../src/util/internals/removeFromArray.ts","../src/util/misc/projectStroke/StrokeProjectionsBase.ts","../src/util/misc/projectStroke/StrokeLineJoinProjections.ts","../src/util/misc/projectStroke/StrokeLineCapProjections.ts","../src/util/misc/projectStroke/index.ts","../node_modules/tslib/tslib.es6.js","../src/util/misc/matrix.ts","../src/util/lang_object.ts","../src/util/misc/textStyles.ts","../src/util/misc/dom.ts","../src/util/misc/toFixed.ts","../src/util/misc/svgParsing.ts","../src/util/misc/findScaleTo.ts","../src/util/misc/capValue.ts","../src/util/misc/boundingBoxFromPoints.ts","../src/util/misc/objectTransforms.ts","../src/util/misc/planeChange.ts","../src/util/lang_string.ts","../src/util/misc/objectEnlive.ts","../src/util/misc/pick.ts","../src/parser/getSvgRegex.ts","../src/parser/constants.ts","../src/util/path.ts","../src/util/dom_style.ts","../src/util/dom_request.ts","../src/util/dom_event.ts","../src/util/dom_misc.ts","../src/util/misc/isTransparent.ts","../src/util/misc/mergeClipPaths.ts","../src/util/anim_ease.ts","../src/color/color_map.ts","../src/color/constants.ts","../src/color/util.ts","../src/color/color.class.ts","../src/color/index.ts","../src/util/animation_registry.ts","../src/util/animate.ts","../src/util/animate_color.ts","../src/util/lang_class.ts","../src/util/misc/misc.ts","../src/parser/attributes.ts","../src/parser/elements_parser.ts","../src/parser/getCSSRules.ts","../src/parser/getMultipleNodes.ts","../src/parser/elementById.ts","../src/parser/recursivelyParseGradientsXlink.ts","../src/parser/getGradientDefs.ts","../src/parser/applyViewboxTransform.ts","../src/parser/hasAncestorWithNodeName.ts","../src/parser/parseElements.ts","../src/parser/parseUseDirectives.ts","../src/intersection.class.ts","../src/mixins/observable.mixin.ts","../src/mixins/shared_methods.mixin.ts","../src/mixins/object_origin.mixin.ts","../src/mixins/object_geometry.mixin.ts","../src/shapes/object.class.ts","../src/mixins/object_interactivity.mixin.ts","../src/shapes/fabricObject.class.js","../src/parser/parseSVGDocument.ts","../src/parser/loadSVGFromString.ts","../src/parser/loadSVGFromURL.ts","../src/parser/selectorMatches.ts","../src/parser/doesSomeParentMatch.ts","../src/parser/elementMatchesRule.ts","../src/parser/getGlobalStylesForElement.ts","../src/parser/normalizeAttr.ts","../src/parser/rotateMatrix.ts","../src/parser/scaleMatrix.ts","../src/parser/skewMatrix.ts","../src/parser/translateMatrix.ts","../src/parser/parseTransformAttribute.ts","../src/parser/normalizeValue.ts","../src/parser/parseFontDeclaration.ts","../src/parser/parseStyleObject.ts","../src/parser/parseStyleString.ts","../src/parser/parseStyleAttribute.ts","../src/parser/setStrokeFillOpacity.ts","../src/parser/parseAttributes.ts","../src/parser/parsePointsAttribute.ts","../src/parser/index.ts","../src/gradient/constants.ts","../src/gradient/parser/misc.ts","../src/parser/percent.ts","../src/gradient/parser/parseColorStops.ts","../src/gradient/parser/parseCoords.ts","../src/gradient/gradient.class.ts","../src/pattern.class.ts","../src/shadow.class.ts","../src/static_canvas.class.ts","../src/controls/util.ts","../src/util/fireEvent.ts","../src/controls/wrapWithFireEvent.ts","../src/controls/wrapWithFixedAnchor.ts","../src/controls/changeWidth.ts","../src/controls/controls.render.ts","../src/controls/drag.ts","../src/controls/rotate.ts","../src/controls/scale.ts","../src/controls/skew.ts","../src/controls/scaleSkew.ts","../src/controls/actions.ts","../src/canvas.class.ts","../src/mixins/canvas_events.mixin.ts","../src/mixins/canvas_grouping.mixin.ts","../src/mixins/canvas_dataurl_exporter.mixin.ts","../src/mixins/canvas_serialization.mixin.ts","../src/mixins/canvas_gestures.mixin.ts","../src/mixins/object_ancestry.mixin.ts","../src/mixins/object_stacking.mixin.ts","../src/mixins/object.svg_export.ts","../src/mixins/stateful.mixin.ts","../src/mixins/animation.mixin.ts","../src/shapes/line.class.ts","../src/shapes/circle.class.ts","../src/shapes/triangle.class.ts","../src/shapes/ellipse.class.ts","../src/shapes/rect.class.ts","../src/shapes/polyline.class.ts","../src/shapes/polygon.class.ts","../src/shapes/path.class.ts","../src/shapes/group.class.ts","../src/shapes/active_selection.class.ts","../src/shapes/image.class.ts","../src/mixins/object_straightening.mixin.ts","../src/filters/WebGLProbe.ts","../src/filters/webgl_backend.class.ts","../src/filters/2d_backend.class.ts","../src/filters/base_filter.class.ts","../src/filters/colormatrix_filter.class.ts","../src/filters/brightness_filter.class.ts","../src/filters/convolute_filter.class.ts","../src/filters/grayscale_filter.class.ts","../src/filters/invert_filter.class.ts","../src/filters/noise_filter.class.ts","../src/filters/pixelate_filter.class.ts","../src/filters/removecolor_filter.class.ts","../src/filters/filter_generator.ts","../src/filters/blendcolor_filter.class.ts","../src/filters/blendimage_filter.class.ts","../src/filters/resize_filter.class.ts","../src/filters/contrast_filter.class.ts","../src/filters/saturate_filter.class.ts","../src/filters/vibrance_filter.class.ts","../src/filters/blur_filter.class.ts","../src/filters/gamma_filter.class.ts","../src/filters/composed_filter.class.ts","../src/filters/hue_rotation.class.ts","../src/shapes/text.class.ts","../src/mixins/text_style.mixin.ts","../src/shapes/itext.class.ts","../src/mixins/itext_behavior.mixin.ts","../src/mixins/itext_click_behavior.mixin.ts","../src/mixins/itext_key_behavior.mixin.ts","../src/mixins/itext.svg_export.ts","../src/shapes/textbox.class.ts","../src/controls/control.class.ts","../src/controls/default_controls.ts","../src/brushes/base_brush.class.ts","../src/brushes/circle_brush.class.ts","../src/brushes/pencil_brush.class.ts","../src/brushes/pattern_brush.class.ts","../src/brushes/spray_brush.class.ts"],"sourcesContent":["export type TConfiguration = Partial;\r\n\r\nclass BaseConfiguration {\r\n /**\r\n * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value,\r\n * which is unitless and not rendered equally across browsers.\r\n *\r\n * Values that work quite well (as of October 2017) are:\r\n * - Chrome: 1.5\r\n * - Edge: 1.75\r\n * - Firefox: 0.9\r\n * - Safari: 0.95\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default 1\r\n */\r\n browserShadowBlurConstant = 1;\r\n\r\n /**\r\n * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion.\r\n */\r\n DPI = 96;\r\n\r\n /**\r\n * Device Pixel Ratio\r\n * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html\r\n */\r\n devicePixelRatio = 1;\r\n\r\n /**\r\n * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine.\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n perfLimitSizeTotal = 2097152;\r\n\r\n /**\r\n * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n maxCacheSideLimit = 4096;\r\n\r\n /**\r\n * Lowest pixel limit for cache canvases, set at 256PX\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n minCacheSideLimit = 256;\r\n\r\n /**\r\n * When 'true', style information is not retained when copy/pasting text, making\r\n * pasted text use destination style.\r\n * Defaults to 'false'.\r\n * @type Boolean\r\n * @default\r\n * @deprecated\r\n */\r\n disableStyleCopyPaste = false;\r\n\r\n /**\r\n * Enable webgl for filtering picture is available\r\n * A filtering backend will be initialized, this will both take memory and\r\n * time since a default 2048x2048 canvas will be created for the gl context\r\n * @since 2.0.0\r\n * @type Boolean\r\n * @default\r\n */\r\n enableGLFiltering = true;\r\n\r\n /**\r\n * if webgl is enabled and available, textureSize will determine the size\r\n * of the canvas backend\r\n *\r\n * In order to support old hardware set to `2048` to avoid OOM\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n textureSize = 4096;\r\n\r\n /**\r\n * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on\r\n * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true\r\n * this has to be set before instantiating the filtering backend ( before filtering the first image )\r\n * @type Boolean\r\n * @default false\r\n */\r\n forceGLPutImageData = false;\r\n\r\n /**\r\n * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better\r\n * @default true\r\n */\r\n cachesBoundsOfCurve = true;\r\n\r\n /**\r\n * Map of font files\r\n * Map of font files\r\n */\r\n fontPaths: Record = {};\r\n\r\n /**\r\n * Defines the number of fraction digits to use when serializing object values.\r\n * Used in exporting methods (`toObject`, `toJSON`, `toSVG`)\r\n * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc.\r\n */\r\n NUM_FRACTION_DIGITS = 4;\r\n}\r\n\r\nexport class Configuration extends BaseConfiguration {\r\n constructor(config?: TConfiguration) {\r\n super();\r\n this.configure(config);\r\n }\r\n\r\n configure(config: TConfiguration = {}) {\r\n Object.assign(this, config);\r\n }\r\n\r\n /**\r\n * Map of font files\r\n */\r\n addFonts(\r\n paths: Record = {}\r\n ) {\r\n this.fontPaths = {\r\n ...this.fontPaths,\r\n ...paths,\r\n };\r\n }\r\n\r\n removeFonts(fontFamilys: string[] = []) {\r\n fontFamilys.forEach((fontFamily) => {\r\n delete this.fontPaths[fontFamily];\r\n });\r\n }\r\n\r\n clearFonts() {\r\n this.fontPaths = {};\r\n }\r\n\r\n restoreDefaults(keys?: (keyof T)[]) {\r\n const defaults = new BaseConfiguration() as T;\r\n const config =\r\n keys?.reduce((acc, key) => {\r\n acc[key] = defaults[key];\r\n return acc;\r\n }, {} as T) || defaults;\r\n this.configure(config);\r\n }\r\n}\r\n\r\nexport const config = new Configuration();\r\n","import { config } from './config';\r\n\r\nexport class Cache {\r\n /**\r\n * Cache of widths of chars in text rendering.\r\n */\r\n charWidthsCache: Record<\r\n /** fontFamily */ string,\r\n Record<\r\n /** fontStyleCacheKey */ string,\r\n Record\r\n >\r\n > = {};\r\n\r\n /**\r\n * @return {Object} reference to cache\r\n */\r\n getFontCache({\r\n fontFamily,\r\n fontStyle,\r\n fontWeight,\r\n }: {\r\n fontFamily: string;\r\n fontStyle: string;\r\n fontWeight: string | number;\r\n }) {\r\n fontFamily = fontFamily.toLowerCase();\r\n if (!this.charWidthsCache[fontFamily]) {\r\n this.charWidthsCache[fontFamily] = {};\r\n }\r\n const fontCache = this.charWidthsCache[fontFamily];\r\n const cacheKey = `${fontStyle.toLowerCase()}_${(\r\n fontWeight + ''\r\n ).toLowerCase()}`;\r\n if (!fontCache[cacheKey]) {\r\n fontCache[cacheKey] = {};\r\n }\r\n return fontCache[cacheKey];\r\n }\r\n\r\n /**\r\n * Clear char widths cache for the given font family or all the cache if no\r\n * fontFamily is specified.\r\n * Use it if you know you are loading fonts in a lazy way and you are not waiting\r\n * for custom fonts to load properly when adding text objects to the canvas.\r\n * If a text object is added when its own font is not loaded yet, you will get wrong\r\n * measurement and so wrong bounding boxes.\r\n * After the font cache is cleared, either change the textObject text content or call\r\n * initDimensions() to trigger a recalculation\r\n * @memberOf fabric.util\r\n * @param {String} [fontFamily] font family to clear\r\n */\r\n clearFontCache(fontFamily?: string) {\r\n fontFamily = (fontFamily || '').toLowerCase();\r\n if (!fontFamily) {\r\n this.charWidthsCache = {};\r\n } else if (this.charWidthsCache[fontFamily]) {\r\n delete this.charWidthsCache[fontFamily];\r\n }\r\n }\r\n\r\n /**\r\n * Given current aspect ratio, determines the max width and height that can\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {number} ar aspect ratio\r\n * @return {number[]} Limited dimensions X and Y\r\n */\r\n limitDimsByArea(ar: number) {\r\n const { perfLimitSizeTotal } = config;\r\n const roughWidth = Math.sqrt(perfLimitSizeTotal * ar);\r\n // we are not returning a point on purpose, to avoid circular dependencies\r\n // this is an internal utility\r\n return [\r\n Math.floor(roughWidth),\r\n Math.floor(perfLimitSizeTotal / roughWidth),\r\n ];\r\n }\r\n\r\n /**\r\n * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n arcToSegmentsCache = {};\r\n\r\n /**\r\n * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.\r\n * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing\r\n * you do not get any speed benefit and you get a big object in memory.\r\n * The object was a private variable before, while now is appended to the lib so that you have access to it and you\r\n * can eventually clear it.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n boundsOfCurveCache = {};\r\n}\r\n\r\nexport const cache = new Cache();\r\n","import { TMat2D } from './typedefs';\r\n\r\n// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass\r\nexport { version as VERSION } from '../package.json';\r\nexport function noop() {}\r\nexport const halfPI = Math.PI / 2;\r\nexport const twoMathPi = Math.PI * 2;\r\nexport const PiBy180 = Math.PI / 180;\r\nexport const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]) as TMat2D;\r\nexport const DEFAULT_SVG_FONT_SIZE = 16;\r\n\r\n/* \"magic number\" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */\r\nexport const kRect = 1 - 0.5522847498;\r\n","import { cache } from './src/cache';\r\nimport { config } from './src/config';\r\nimport { iMatrix, VERSION } from './src/constants';\r\n\r\nvar fabric = fabric || {\r\n version: VERSION,\r\n config,\r\n cache,\r\n iMatrix,\r\n};\r\n\r\nif (typeof exports !== 'undefined') {\r\n exports.fabric = fabric;\r\n} else if (typeof define === 'function' && define.amd) {\r\n /* _AMD_START_ */\r\n define([], function () {\r\n return fabric;\r\n });\r\n}\r\n/* _AMD_END_ */\r\nif (typeof document !== 'undefined' && typeof window !== 'undefined') {\r\n if (\r\n document instanceof\r\n (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)\r\n ) {\r\n fabric.document = document;\r\n } else {\r\n fabric.document = document.implementation.createHTMLDocument('');\r\n }\r\n fabric.window = window;\r\n window.fabric = fabric;\r\n} else {\r\n // assume we're running under node.js when document/window are not present\r\n var jsdom = require('jsdom');\r\n var virtualWindow = new jsdom.JSDOM(\r\n decodeURIComponent(\r\n '%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'\r\n ),\r\n {\r\n features: {\r\n FetchExternalResources: ['img'],\r\n },\r\n resources: 'usable',\r\n }\r\n ).window;\r\n fabric.document = virtualWindow.document;\r\n fabric.jsdomImplForWrapper =\r\n require('jsdom/lib/jsdom/living/generated/utils').implForWrapper;\r\n fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas;\r\n fabric.window = virtualWindow;\r\n global.DOMParser = fabric.window.DOMParser;\r\n}\r\n\r\n/**\r\n * True when in environment that supports touch events\r\n * @type boolean\r\n */\r\nfabric.isTouchSupported =\r\n 'ontouchstart' in fabric.window ||\r\n 'ontouchstart' in fabric.document ||\r\n (fabric.window &&\r\n fabric.window.navigator &&\r\n fabric.window.navigator.maxTouchPoints > 0);\r\n\r\n/**\r\n * True when in environment that's probably Node.js\r\n * @type boolean\r\n */\r\nfabric.isLikelyNode =\r\n typeof Buffer !== 'undefined' && typeof window === 'undefined';\r\n\r\n/**\r\n * @todo move to config when window is exported\r\n */\r\nconfig.configure({\r\n devicePixelRatio:\r\n fabric.window.devicePixelRatio ||\r\n fabric.window.webkitDevicePixelRatio ||\r\n fabric.window.mozDevicePixelRatio ||\r\n 1,\r\n});\r\n\r\nexport { fabric };\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Collection\r\n */\r\n fabric.Collection = {\r\n /**\r\n * @type {fabric.Object[]}\r\n */\r\n _objects: [],\r\n\r\n /**\r\n * Adds objects to collection, Canvas or Group, then renders canvas\r\n * (if `renderOnAddRemove` is not `false`).\r\n * Objects should be instances of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object[]} objects to add\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n add: function (objects, callback) {\r\n var size = this._objects.push.apply(this._objects, objects);\r\n if (callback) {\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(this, objects[i]);\r\n }\r\n }\r\n return size;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n insertAt: function (objects, index, callback) {\r\n var args = [index, 0].concat(objects);\r\n this._objects.splice.apply(this._objects, args);\r\n if (callback) {\r\n for (var i = 2; i < args.length; i++) {\r\n callback.call(this, args[i]);\r\n }\r\n }\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * @private\r\n * @param {fabric.Object[]} objectsToRemove objects to remove\r\n * @param {(object:fabric.Object) => any} [callback] function to call for each object removed\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function (objectsToRemove, callback) {\r\n var objects = this._objects,\r\n removed = [];\r\n for (var i = 0, object, index; i < objectsToRemove.length; i++) {\r\n object = objectsToRemove[i];\r\n index = objects.indexOf(object);\r\n // only call onObjectRemoved if an object was actually removed\r\n if (index !== -1) {\r\n objects.splice(index, 1);\r\n removed.push(object);\r\n callback && callback.call(this, object);\r\n }\r\n }\r\n return removed;\r\n },\r\n\r\n /**\r\n * Executes given function for each object in this group\r\n * @param {Function} callback\r\n * Callback invoked with current object as first argument,\r\n * index - as second and an array of all objects - as third.\r\n * Callback is invoked in a context of Global Object (e.g. `window`)\r\n * when no `context` argument is given\r\n *\r\n * @param {Object} context Context (aka thisObject)\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n forEachObject: function (callback, context) {\r\n var objects = this.getObjects();\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(context, objects[i], i, objects);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns an array of children objects of this instance\r\n * @param {...String} [types] When specified, only objects of these types are returned\r\n * @return {Array}\r\n */\r\n getObjects: function () {\r\n if (arguments.length === 0) {\r\n return this._objects.concat();\r\n }\r\n var types = Array.from(arguments);\r\n return this._objects.filter(function (o) {\r\n return types.indexOf(o.type) > -1;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object at specified index\r\n * @param {Number} index\r\n * @return {Object} object at index\r\n */\r\n item: function (index) {\r\n return this._objects[index];\r\n },\r\n\r\n /**\r\n * Returns true if collection contains no objects\r\n * @return {Boolean} true if collection is empty\r\n */\r\n isEmpty: function () {\r\n return this._objects.length === 0;\r\n },\r\n\r\n /**\r\n * Returns a size of a collection (i.e: length of an array containing its objects)\r\n * @return {Number} Collection size\r\n */\r\n size: function () {\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Returns true if collection contains an object.\\\r\n * **Prefer using {@link `fabric.Object#isDescendantOf`} for performance reasons**\r\n * instead of a.contains(b) use b.isDescendantOf(a)\r\n * @param {Object} object Object to check against\r\n * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects`\r\n * @return {Boolean} `true` if collection contains an object\r\n */\r\n contains: function (object, deep) {\r\n if (this._objects.indexOf(object) > -1) {\r\n return true;\r\n } else if (deep) {\r\n return this._objects.some(function (obj) {\r\n return (\r\n typeof obj.contains === 'function' && obj.contains(object, true)\r\n );\r\n });\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns number representation of a collection complexity\r\n * @return {Number} complexity\r\n */\r\n complexity: function () {\r\n return this._objects.reduce(function (memo, current) {\r\n memo += current.complexity ? current.complexity() : 0;\r\n return memo;\r\n }, 0);\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the cosin value for angle.\r\n */\r\nexport const cos = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 1;\r\n }\r\n const angleSlice = Math.abs(angle) / halfPI;\r\n switch (angleSlice) {\r\n case 1:\r\n case 3:\r\n return 0;\r\n case 2:\r\n return -1;\r\n }\r\n return Math.cos(angle);\r\n};\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the sin value for angle.\r\n */\r\nexport const sin = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 0;\r\n }\r\n const angleSlice = angle / halfPI;\r\n const value = Math.sign(angle);\r\n switch (angleSlice) {\r\n case 1:\r\n return value;\r\n case 2:\r\n return 0;\r\n case 3:\r\n return -value;\r\n }\r\n return Math.sin(angle);\r\n};\r\n","import { fabric } from '../HEADER';\r\nimport { TMat2D, TRadian } from './typedefs';\r\nimport { cos } from './util/misc/cos';\r\nimport { sin } from './util/misc/sin';\r\n\r\nexport interface IPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\n/**\r\n * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com)\r\n */\r\nexport class Point {\r\n x: number;\r\n\r\n y: number;\r\n\r\n type = 'point';\r\n\r\n constructor();\r\n constructor(x: number, y: number);\r\n constructor(point: IPoint);\r\n constructor(arg0: number | IPoint = 0, y = 0) {\r\n if (typeof arg0 === 'object') {\r\n this.x = arg0.x;\r\n this.y = arg0.y;\r\n } else {\r\n this.x = arg0;\r\n this.y = y;\r\n }\r\n }\r\n\r\n /**\r\n * Adds another point to this one and returns another one\r\n * @param {Point} that\r\n * @return {Point} new Point instance with added values\r\n */\r\n add(that: IPoint): Point {\r\n return new Point(this.x + that.x, this.y + that.y);\r\n }\r\n\r\n /**\r\n * Adds another point to this one\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n addEquals(that: IPoint): Point {\r\n this.x += that.x;\r\n this.y += that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Adds value to this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point} new Point with added value\r\n */\r\n scalarAdd(scalar: number): Point {\r\n return new Point(this.x + scalar, this.y + scalar);\r\n }\r\n\r\n /**\r\n * Adds value to this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarAddEquals(scalar: number): Point {\r\n this.x += scalar;\r\n this.y += scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point and returns a new one\r\n * @param {Point} that\r\n * @return {Point} new Point object with subtracted values\r\n */\r\n subtract(that: IPoint): Point {\r\n return new Point(this.x - that.x, this.y - that.y);\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n subtractEquals(that: IPoint): Point {\r\n this.x -= that.x;\r\n this.y -= that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts value from this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarSubtract(scalar: number): Point {\r\n return new Point(this.x - scalar, this.y - scalar);\r\n }\r\n\r\n /**\r\n * Subtracts value from this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarSubtractEquals(scalar: number): Point {\r\n this.x -= scalar;\r\n this.y -= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Multiplies this point by another value and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n multiply(that: Point): Point {\r\n return new Point(this.x * that.x, this.y * that.y);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarMultiply(scalar: number): Point {\r\n return new Point(this.x * scalar, this.y * scalar);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarMultiplyEquals(scalar: number): Point {\r\n this.x *= scalar;\r\n this.y *= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Divides this point by another and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n divide(that: IPoint): Point {\r\n return new Point(this.x / that.x, this.y / that.y);\r\n }\r\n\r\n /**\r\n * Divides this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarDivide(scalar: number): Point {\r\n return new Point(this.x / scalar, this.y / scalar);\r\n }\r\n\r\n /**\r\n * Divides this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarDivideEquals(scalar: number): Point {\r\n this.x /= scalar;\r\n this.y /= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns true if this point is equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n eq(that: IPoint): boolean {\r\n return this.x === that.x && this.y === that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lt(that: IPoint): boolean {\r\n return this.x < that.x && this.y < that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lte(that: IPoint): boolean {\r\n return this.x <= that.x && this.y <= that.y;\r\n }\r\n\r\n /**\r\n\r\n * Returns true if this point is greater another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gt(that: IPoint): boolean {\r\n return this.x > that.x && this.y > that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is greater than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gte(that: IPoint): boolean {\r\n return this.x >= that.x && this.y >= that.y;\r\n }\r\n\r\n /**\r\n * Returns new point which is the result of linear interpolation with this one and another one\r\n * @param {Point} that\r\n * @param {Number} t , position of interpolation, between 0 and 1 default 0.5\r\n * @return {Point}\r\n */\r\n lerp(that: IPoint, t = 0.5): Point {\r\n t = Math.max(Math.min(1, t), 0);\r\n return new Point(\r\n this.x + (that.x - this.x) * t,\r\n this.y + (that.y - this.y) * t\r\n );\r\n }\r\n\r\n /**\r\n * Returns distance from this point and another one\r\n * @param {Point} that\r\n * @return {Number}\r\n */\r\n distanceFrom(that: IPoint): number {\r\n const dx = this.x - that.x,\r\n dy = this.y - that.y;\r\n return Math.sqrt(dx * dx + dy * dy);\r\n }\r\n\r\n /**\r\n * Returns the point between this point and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n midPointFrom(that: IPoint): Point {\r\n return this.lerp(that);\r\n }\r\n\r\n /**\r\n * Returns a new point which is the min of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n min(that: IPoint): Point {\r\n return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns a new point which is the max of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n max(that: IPoint): Point {\r\n return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns string representation of this point\r\n * @return {String}\r\n */\r\n toString(): string {\r\n return this.x + ',' + this.y;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point\r\n * @param {Number} x\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setXY(x: number, y: number) {\r\n this.x = x;\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x of this point\r\n * @param {Number} x\r\n * @chainable\r\n */\r\n setX(x: number) {\r\n this.x = x;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets y of this point\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setY(y: number) {\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point from another point\r\n * @param {Point} that\r\n * @chainable\r\n */\r\n setFromPoint(that: Point) {\r\n this.x = that.x;\r\n this.y = that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Swaps x/y of this point and another point\r\n * @param {Point} that\r\n */\r\n swap(that: Point) {\r\n const x = this.x,\r\n y = this.y;\r\n this.x = that.x;\r\n this.y = that.y;\r\n that.x = x;\r\n that.y = y;\r\n }\r\n\r\n /**\r\n * return a cloned instance of the point\r\n * @return {Point}\r\n */\r\n clone(): Point {\r\n return new Point(this.x, this.y);\r\n }\r\n\r\n /**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\n rotate(radians: TRadian, origin: Point = originZero): Point {\r\n // TODO benchmark and verify the add and subtract how much cost\r\n // and then in case early return if no origin is passed\r\n const sinus = sin(radians),\r\n cosinus = cos(radians);\r\n const p = this.subtract(origin);\r\n const rotated = new Point(\r\n p.x * cosinus - p.y * sinus,\r\n p.x * sinus + p.y * cosinus\r\n );\r\n return rotated.add(origin);\r\n }\r\n\r\n /**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\n transform(t: TMat2D, ignoreOffset = false): Point {\r\n return new Point(\r\n t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]),\r\n t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])\r\n );\r\n }\r\n}\r\n\r\nconst originZero = new Point(0, 0);\r\n\r\nfabric.Point = Point;\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TRadian } from '../../typedefs';\r\n\r\nconst unitVectorX = new Point(1, 0);\r\n\r\n/**\r\n * Rotates `vector` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} vector The vector to rotate (x and y)\r\n * @param {Number} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotateVector = (vector: Point, radians: TRadian) =>\r\n vector.rotate(radians);\r\n\r\n/**\r\n * Creates a vector from points represented as a point\r\n * @static\r\n * @memberOf fabric.util\r\n *\r\n * @param {Point} from\r\n * @param {Point} to\r\n * @returns {Point} vector\r\n */\r\nexport const createVector = (from: IPoint, to: IPoint): Point =>\r\n new Point(to).subtract(from);\r\n\r\n/**\r\n * return the magnitude of a vector\r\n * @return {number}\r\n */\r\nexport const magnitude = (point: Point) => point.distanceFrom(new Point());\r\n\r\n/**\r\n * Calculates the angle between 2 vectors\r\n * @param {Point} a\r\n * @param {Point} b\r\n * @returns the angle in radians from `a` to `b`\r\n */\r\nexport const calcAngleBetweenVectors = (a: Point, b: Point): TRadian => {\r\n const dot = a.x * b.x + a.y * b.y,\r\n det = a.x * b.y - a.y * b.x;\r\n return Math.atan2(det, dot) as TRadian;\r\n};\r\n\r\n/**\r\n * Calculates the angle between the x axis and the vector\r\n * @param {Point} v\r\n * @returns the angle in radians of `v`\r\n */\r\nexport const calcVectorRotation = (v: Point) =>\r\n calcAngleBetweenVectors(unitVectorX, v);\r\n\r\n/**\r\n * @param {Point} v\r\n * @returns {Point} vector representing the unit vector pointing to the direction of `v`\r\n */\r\nexport const getUnitVector = (v: Point): Point => v.scalarDivide(magnitude(v));\r\n\r\n/**\r\n * @param {Point} A\r\n * @param {Point} B\r\n * @param {Point} C\r\n * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle\r\n */\r\nexport const getBisector = (A: Point, B: Point, C: Point) => {\r\n const AB = createVector(A, B),\r\n AC = createVector(A, C),\r\n alpha = calcAngleBetweenVectors(AB, AC);\r\n return {\r\n vector: getUnitVector(rotateVector(AB, alpha / 2)),\r\n angle: alpha,\r\n };\r\n};\r\n\r\n/**\r\n * @param {Point} v\r\n * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true`\r\n * @returns {Point} the unit orthogonal vector\r\n */\r\nexport const getOrthonormalVector = (\r\n v: Point,\r\n counterClockwise = true\r\n): Point =>\r\n getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1));\r\n","import type { TRadian, TDegree } from '../../typedefs';\r\nimport { PiBy180 } from '../../constants';\r\n\r\n/**\r\n * Transforms degrees to radians.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TDegree} degrees value in degrees\r\n * @return {TRadian} value in radians\r\n */\r\nexport const degreesToRadians = (degrees: TDegree): TRadian =>\r\n (degrees * PiBy180) as TRadian;\r\n\r\n/**\r\n * Transforms radians to degrees.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} radians value in radians\r\n * @return {TDegree} value in degrees\r\n */\r\nexport const radiansToDegrees = (radians: TRadian): TDegree =>\r\n (radians / PiBy180) as TDegree;\r\n","import type { Point } from '../../point.class';\r\nimport type { TRadian } from '../../typedefs';\r\n/**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @deprecated use the Point.rotate\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotatePoint = (\r\n point: Point,\r\n origin: Point,\r\n radians: TRadian\r\n): Point => point.rotate(radians, origin);\r\n","/**\r\n * Returns random number between 2 specified ones.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Number} min lower limit\r\n * @param {Number} max upper limit\r\n * @return {Number} random value (between min and max)\r\n */\r\nexport const getRandomInt = (min: number, max: number): number =>\r\n Math.floor(Math.random() * (max - min + 1)) + min;\r\n","/**\r\n *\r\n * @param value value to check if NaN\r\n * @param [valueIfNaN]\r\n * @returns `fallback` is `value is NaN\r\n */\r\nexport const ifNaN = (value: number, valueIfNaN?: number) => {\r\n return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value;\r\n};\r\n","/**\r\n * Removes value from an array.\r\n * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} array\r\n * @param {*} value\r\n * @return {Array} original array\r\n */\r\nexport const removeFromArray = (array: T[], value: T): T[] => {\r\n const idx = array.indexOf(value);\r\n if (idx !== -1) {\r\n array.splice(idx, 1);\r\n }\r\n return array;\r\n};\r\n","import { halfPI } from '../../../constants';\r\nimport { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport {\r\n calcAngleBetweenVectors,\r\n calcVectorRotation,\r\n createVector,\r\n} from '../vectors';\r\nimport { TProjectStrokeOnPointsOptions, TProjection } from './types';\r\n\r\n/**\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n */\r\nexport abstract class StrokeProjectionsBase {\r\n options: TProjectStrokeOnPointsOptions;\r\n scale: Point;\r\n strokeUniformScalar: Point;\r\n strokeProjectionMagnitude: number;\r\n\r\n static getAcuteAngleFactor(vector1: Point, vector2?: Point) {\r\n const angle = vector2\r\n ? calcAngleBetweenVectors(vector1, vector2)\r\n : calcVectorRotation(vector1);\r\n return Math.abs(angle) < halfPI ? -1 : 1;\r\n }\r\n\r\n constructor(options: TProjectStrokeOnPointsOptions) {\r\n this.options = options;\r\n this.strokeProjectionMagnitude = this.options.strokeWidth / 2;\r\n this.scale = new Point(this.options.scaleX, this.options.scaleY);\r\n this.strokeUniformScalar = this.options.strokeUniform\r\n ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY)\r\n : new Point(1, 1);\r\n }\r\n\r\n /**\r\n * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account.\r\n */\r\n protected createSideVector(from: IPoint, to: IPoint) {\r\n const v = createVector(from, to);\r\n return this.options.strokeUniform ? v.multiply(this.scale) : v;\r\n }\r\n\r\n protected abstract calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude?: number\r\n ): Point;\r\n\r\n protected projectOrthogonally(from: Point, to: Point, magnitude?: number) {\r\n return this.applySkew(\r\n from.add(this.calcOrthogonalProjection(from, to, magnitude))\r\n );\r\n }\r\n\r\n protected isSkewed() {\r\n return this.options.skewX !== 0 || this.options.skewY !== 0;\r\n }\r\n\r\n protected applySkew(point: Point) {\r\n const p = new Point(point);\r\n // skewY must be applied before skewX as this distortion affects skewX calculation\r\n p.y += p.x * Math.tan(degreesToRadians(this.options.skewY));\r\n p.x += p.y * Math.tan(degreesToRadians(this.options.skewX));\r\n return p;\r\n }\r\n\r\n protected scaleUnitVector(unitVector: Point, scalar: number) {\r\n return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar);\r\n }\r\n\r\n protected abstract projectPoints(): Point[];\r\n\r\n public abstract project(): TProjection[];\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport { getBisector, getOrthonormalVector, magnitude } from '../vectors';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line join\r\n * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)}\r\n *\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin\r\n * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n *\r\n */\r\nexport class StrokeLineJoinProjections extends StrokeProjectionsBase {\r\n /**\r\n * The point being projected (the angle ∠BAC)\r\n */\r\n A: Point;\r\n /**\r\n * The point before A\r\n */\r\n B: Point;\r\n /**\r\n * The point after A\r\n */\r\n C: Point;\r\n /**\r\n * The bisector of A (∠BAC)\r\n */\r\n bisector: ReturnType;\r\n\r\n constructor(\r\n A: IPoint,\r\n B: IPoint,\r\n C: IPoint,\r\n options: TProjectStrokeOnPointsOptions\r\n ) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.B = new Point(B);\r\n this.C = new Point(C);\r\n // First we calculate the bisector between the points. Used in `round` and `miter` cases\r\n // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account\r\n this.bisector = this.options.strokeUniform\r\n ? getBisector(\r\n this.A.multiply(this.scale),\r\n this.B.multiply(this.scale),\r\n this.C.multiply(this.scale)\r\n )\r\n : getBisector(this.A, this.B, this.C);\r\n }\r\n\r\n get bisectorVector() {\r\n return this.bisector.vector;\r\n }\r\n\r\n get bisectorAngle() {\r\n return this.bisector.angle;\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n const orthogonalProjection = getOrthonormalVector(vector);\r\n const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(\r\n orthogonalProjection,\r\n this.bisectorVector\r\n );\r\n return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide);\r\n }\r\n\r\n /**\r\n * BEVEL\r\n * Calculation: the projection points are formed by the vector orthogonal to the vertex.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel\r\n */\r\n projectBevel() {\r\n return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to));\r\n }\r\n\r\n /**\r\n * MITER\r\n * Calculation: the corner is formed by extending the outer edges of the stroke\r\n * at the tangents of the path segments until they intersect.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter\r\n */\r\n projectMiter() {\r\n const alpha = Math.abs(this.bisectorAngle),\r\n hypotUnitScalar = 1 / Math.sin(alpha / 2),\r\n miterVector = this.scaleUnitVector(\r\n this.bisectorVector,\r\n -this.strokeProjectionMagnitude * hypotUnitScalar\r\n );\r\n\r\n // When two line segments meet at a sharp angle, it is possible for the join to extend,\r\n // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes\r\n // a limit on the extent of the line join.\r\n // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit\r\n // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit\r\n const strokeMiterLimit = this.options.strokeUniform\r\n ? hypotUnitScalar\r\n : this.options.strokeMiterLimit;\r\n\r\n if (\r\n magnitude(miterVector) / this.strokeProjectionMagnitude <=\r\n strokeMiterLimit\r\n ) {\r\n return [this.applySkew(this.A.add(miterVector))];\r\n } else {\r\n // when the miter-limit is reached, the stroke line join becomes of type bevel\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n /**\r\n * ROUND (without skew)\r\n * Calculation: the projections are the two vectors parallel to X and Y axes\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew\r\n */\r\n private projectRoundNoSkew() {\r\n // correctSide is used to only consider projecting for the outer side\r\n const correctSide = new Point(\r\n StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector),\r\n StrokeProjectionsBase.getAcuteAngleFactor(\r\n new Point(this.bisectorVector.y, this.bisectorVector.x)\r\n )\r\n ),\r\n radiusOnAxisX = new Point(1, 0)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide),\r\n radiusOnAxisY = new Point(0, 1)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide);\r\n\r\n return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)];\r\n }\r\n\r\n /**\r\n * ROUND (with skew)\r\n * Calculation: the projections are the points furthest from the vertex in\r\n * the direction of the X and Y axes after distortion.\r\n *\r\n * @todo TODO:\r\n * - Consider only projections that are inside the beginning and end of the circle segment\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew\r\n */\r\n private projectRoundWithSkew() {\r\n const projections: Point[] = [];\r\n\r\n // The start and end points of the circle segment\r\n [this.B, this.C].forEach((to) =>\r\n projections.push(this.projectOrthogonally(this.A, to))\r\n );\r\n\r\n const { skewX, skewY } = this.options;\r\n // The points furthest from the vertex in the direction of the X and Y axes after distortion\r\n const circleRadius = new Point()\r\n .scalarAdd(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar),\r\n newY =\r\n circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2),\r\n furthestY = new Point(\r\n Math.sqrt(\r\n circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2\r\n ),\r\n newY\r\n ),\r\n newX =\r\n circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2),\r\n furthestX = new Point(\r\n newX,\r\n Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)\r\n );\r\n\r\n [furthestX, furthestY].forEach((vector) => {\r\n projections.push(\r\n this.applySkew(this.A.add(vector)),\r\n this.applySkew(this.A.subtract(vector))\r\n );\r\n });\r\n\r\n return projections;\r\n }\r\n\r\n projectRound() {\r\n if (!this.isSkewed()) {\r\n return this.projectRoundNoSkew();\r\n } else {\r\n return this.projectRoundWithSkew();\r\n }\r\n }\r\n\r\n /**\r\n * Project stroke width on points returning projections for each point as follows:\r\n * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel)\r\n * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke.\r\n * - `round`: same as `bevel` when it has no skew, with skew are 4 points.\r\n */\r\n protected projectPoints() {\r\n switch (this.options.strokeLineJoin) {\r\n case 'miter':\r\n return this.projectMiter();\r\n case 'round':\r\n return this.projectRound();\r\n default:\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n bisector: this.bisector,\r\n }));\r\n }\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { createVector, getOrthonormalVector, getUnitVector } from '../vectors';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line cap for start/end of an open path\r\n * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)}\r\n *\r\n * Reference:\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\r\n * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n */\r\nexport class StrokeLineCapProjections extends StrokeProjectionsBase {\r\n /**\r\n * edge point\r\n */\r\n A: Point;\r\n /**\r\n * point next to edge point\r\n */\r\n T: Point;\r\n\r\n constructor(A: IPoint, T: IPoint, options: TProjectStrokeOnPointsOptions) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.T = new Point(T);\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n return this.scaleUnitVector(getOrthonormalVector(vector), magnitude);\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Butt\r\n * Calculation: to find the projections, just find the points orthogonal to the stroke\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt\r\n */\r\n projectButt() {\r\n return [\r\n this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude),\r\n this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude),\r\n ];\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Round\r\n * Calculation: same as stroke line join `round`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round\r\n */\r\n projectRound() {\r\n return new StrokeLineJoinProjections(\r\n this.A,\r\n this.T,\r\n this.T,\r\n this.options\r\n ).projectRound();\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Square\r\n * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square\r\n */\r\n projectSquare() {\r\n const orthogonalProjection = this.calcOrthogonalProjection(\r\n this.A,\r\n this.T,\r\n this.strokeProjectionMagnitude\r\n );\r\n const strokePointingOut = this.scaleUnitVector(\r\n getUnitVector(createVector(this.A, this.T)),\r\n -this.strokeProjectionMagnitude\r\n );\r\n const projectedA = this.A.add(strokePointingOut);\r\n return [\r\n projectedA.add(orthogonalProjection),\r\n projectedA.subtract(orthogonalProjection),\r\n ].map((p) => this.applySkew(p));\r\n }\r\n\r\n protected projectPoints() {\r\n switch (this.options.strokeLineCap) {\r\n case 'round':\r\n return this.projectRound();\r\n case 'square':\r\n return this.projectSquare();\r\n default:\r\n return this.projectButt();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n }));\r\n }\r\n}\r\n","import { IPoint } from '../../../point.class';\r\nimport { StrokeLineCapProjections } from './StrokeLineCapProjections';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n *\r\n * Used to calculate object's bounding box\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n *\r\n */\r\nexport const projectStrokeOnPoints = (\r\n points: IPoint[],\r\n options: TProjectStrokeOnPointsOptions,\r\n openPath = false\r\n): TProjection[] => {\r\n const projections: TProjection[] = [];\r\n\r\n if (points.length <= 1) {\r\n return projections;\r\n }\r\n\r\n points.forEach((A, index) => {\r\n let B: IPoint, C: IPoint;\r\n if (index === 0) {\r\n C = points[1];\r\n B = openPath ? A : points[points.length - 1];\r\n } else if (index === points.length - 1) {\r\n B = points[index - 1];\r\n C = openPath ? A : points[0];\r\n } else {\r\n B = points[index - 1];\r\n C = points[index + 1];\r\n }\r\n\r\n if (openPath && (index === 0 || index === points.length - 1)) {\r\n projections.push(\r\n ...new StrokeLineCapProjections(\r\n A,\r\n index === 0 ? C : B,\r\n options\r\n ).project()\r\n );\r\n } else {\r\n projections.push(\r\n ...new StrokeLineJoinProjections(A, B, C, options).project()\r\n );\r\n }\r\n });\r\n\r\n return projections;\r\n};\r\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { iMatrix } from '../../constants';\r\nimport { IPoint, Point } from '../../point.class';\r\nimport { TDegree, TMat2D } from '../../typedefs';\r\nimport { cos } from './cos';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { sin } from './sin';\r\n\r\ntype TRotateMatrixArgs = {\r\n angle?: TDegree;\r\n};\r\n\r\ntype TTranslateMatrixArgs = {\r\n translateX?: number;\r\n translateY?: number;\r\n};\r\n\r\nexport type TScaleMatrixArgs = {\r\n scaleX?: number;\r\n scaleY?: number;\r\n flipX?: boolean;\r\n flipY?: boolean;\r\n skewX?: TDegree;\r\n skewY?: TDegree;\r\n};\r\n\r\nexport type TComposeMatrixArgs = TTranslateMatrixArgs &\r\n TRotateMatrixArgs &\r\n TScaleMatrixArgs;\r\n\r\nexport type TQrDecomposeOut = Required<\r\n Omit\r\n>;\r\n/**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point | IPoint} p The point to transform\r\n * @param {Array} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\nexport const transformPoint = (\r\n p: Point | IPoint,\r\n t: TMat2D,\r\n ignoreOffset?: boolean\r\n): Point => new Point(p).transform(t, ignoreOffset);\r\n\r\n/**\r\n * Invert transformation t\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} t The transform\r\n * @return {Array} The inverted transform\r\n */\r\nexport const invertTransform = (t: TMat2D): TMat2D => {\r\n const a = 1 / (t[0] * t[3] - t[1] * t[2]),\r\n r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0] as TMat2D,\r\n { x, y } = transformPoint(new Point(t[4], t[5]), r, true);\r\n r[4] = -x;\r\n r[5] = -y;\r\n return r;\r\n};\r\n\r\n/**\r\n * Multiply matrix A by matrix B to nest transformations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a First transformMatrix\r\n * @param {TMat2D} b Second transformMatrix\r\n * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices\r\n * @return {TMat2D} The product of the two transform matrices\r\n */\r\nexport const multiplyTransformMatrices = (\r\n a: TMat2D,\r\n b: TMat2D,\r\n is2x2?: boolean\r\n): TMat2D =>\r\n [\r\n a[0] * b[0] + a[2] * b[1],\r\n a[1] * b[0] + a[3] * b[1],\r\n a[0] * b[2] + a[2] * b[3],\r\n a[1] * b[2] + a[3] * b[3],\r\n is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4],\r\n is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5],\r\n ] as TMat2D;\r\n\r\n/**\r\n * Decomposes standard 2x3 matrix into transform components\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a transformMatrix\r\n * @return {Object} Components of transform\r\n */\r\nexport const qrDecompose = (a: TMat2D): TQrDecomposeOut => {\r\n const angle = Math.atan2(a[1], a[0]),\r\n denom = Math.pow(a[0], 2) + Math.pow(a[1], 2),\r\n scaleX = Math.sqrt(denom),\r\n scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX,\r\n skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom);\r\n return {\r\n angle: radiansToDegrees(angle),\r\n scaleX,\r\n scaleY,\r\n skewX: radiansToDegrees(skewX),\r\n skewY: 0 as TDegree,\r\n translateX: a[4] || 0,\r\n translateY: a[5] || 0,\r\n };\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle] angle in degrees\r\n * @return {TMat2D} transform matrix\r\n */\r\n\r\nexport const calcRotateMatrix = ({ angle }: TRotateMatrixArgs): TMat2D => {\r\n if (!angle) {\r\n return iMatrix;\r\n }\r\n const theta = degreesToRadians(angle),\r\n cosin = cos(theta),\r\n sinus = sin(theta);\r\n return [cosin, sinus, -sinus, cosin, 0, 0];\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet.\r\n * is called DimensionsTransformMatrix because those properties are the one that influence\r\n * the size of the resulting box of the object.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @return {Number[]} transform matrix\r\n */\r\nexport const calcDimensionsMatrix = ({\r\n scaleX = 1,\r\n scaleY = 1,\r\n flipX = false,\r\n flipY = false,\r\n skewX = 0 as TDegree,\r\n skewY = 0 as TDegree,\r\n}: TScaleMatrixArgs) => {\r\n let scaleMatrix = iMatrix;\r\n if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) {\r\n scaleMatrix = [\r\n flipX ? -scaleX : scaleX,\r\n 0,\r\n 0,\r\n flipY ? -scaleY : scaleY,\r\n 0,\r\n 0,\r\n ] as TMat2D;\r\n }\r\n if (skewX) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, 0, Math.tan(degreesToRadians(skewX)), 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n if (skewY) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, Math.tan(degreesToRadians(skewY)), 0, 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n return scaleMatrix;\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @param {Number} [options.translateX]\r\n * @param {Number} [options.translateY]\r\n * @return {Number[]} transform matrix\r\n */\r\n\r\nexport const composeMatrix = ({\r\n translateX = 0,\r\n translateY = 0,\r\n angle = 0 as TDegree,\r\n ...otherOptions\r\n}: TComposeMatrixArgs): TMat2D => {\r\n let matrix = [1, 0, 0, 1, translateX, translateY] as TMat2D;\r\n if (angle) {\r\n matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle }));\r\n }\r\n const scaleMatrix = calcDimensionsMatrix(otherOptions);\r\n if (scaleMatrix !== iMatrix) {\r\n matrix = multiplyTransformMatrices(matrix, scaleMatrix);\r\n }\r\n return matrix;\r\n};\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Copies all enumerable properties of one js object to another\r\n * this does not and cannot compete with generic utils.\r\n * Does not clone or extend fabric.Object subclasses.\r\n * This is mostly for internal use and has extra handling for fabricJS objects\r\n * it skips the canvas and group properties in deep cloning.\r\n * @memberOf fabric.util.object\r\n * @param {Object} destination Where to copy to\r\n * @param {Object} source Where to copy from\r\n * @param {Boolean} [deep] Whether to extend nested objects\r\n * @return {Object}\r\n */\r\n\r\nexport const extend = (destination, source, deep) => {\r\n // the deep clone is for internal use, is not meant to avoid\r\n // javascript traps or cloning html element or self referenced objects.\r\n if (deep) {\r\n if (!fabric.isLikelyNode && source instanceof Element) {\r\n // avoid cloning deep images, canvases,\r\n destination = source;\r\n } else if (Array.isArray(source)) {\r\n destination = [];\r\n for (let i = 0, len = source.length; i < len; i++) {\r\n destination[i] = extend({}, source[i], deep);\r\n }\r\n } else if (source && typeof source === 'object') {\r\n for (const property in source) {\r\n if (property === 'canvas' || property === 'group') {\r\n // we do not want to clone this props at all.\r\n // we want to keep the keys in the copy\r\n destination[property] = null;\r\n } else if (Object.prototype.hasOwnProperty.call(source, property)) {\r\n destination[property] = extend({}, source[property], deep);\r\n }\r\n }\r\n } else {\r\n // this sounds odd for an extend but is ok for recursive use\r\n destination = source;\r\n }\r\n } else {\r\n for (const property in source) {\r\n destination[property] = source[property];\r\n }\r\n }\r\n return destination;\r\n};\r\n\r\n/**\r\n * Creates an empty object and copies all enumerable properties of another object to it\r\n * This method is mostly for internal use, and not intended for duplicating shapes in canvas.\r\n * @memberOf fabric.util.object\r\n * @param {Object} object Object to clone\r\n * @param {Boolean} [deep] Whether to clone nested objects\r\n * @return {Object}\r\n */\r\n\r\n//TODO: this function return an empty object if you try to clone null\r\nexport const clone = (object: any, deep: boolean) =>\r\n deep ? extend({}, object, deep) : { ...object };\r\n","import { clone } from '../lang_object';\r\n\r\n/**\r\n * @memberOf fabric.util\r\n * @param {Object} prevStyle first style to compare\r\n * @param {Object} thisStyle second style to compare\r\n * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties\r\n * @return {boolean} true if the style changed\r\n */\r\nexport const hasStyleChanged = (\r\n prevStyle: any,\r\n thisStyle: any,\r\n forTextSpans = false\r\n) =>\r\n prevStyle.fill !== thisStyle.fill ||\r\n prevStyle.stroke !== thisStyle.stroke ||\r\n prevStyle.strokeWidth !== thisStyle.strokeWidth ||\r\n prevStyle.fontSize !== thisStyle.fontSize ||\r\n prevStyle.fontFamily !== thisStyle.fontFamily ||\r\n prevStyle.fontWeight !== thisStyle.fontWeight ||\r\n prevStyle.fontStyle !== thisStyle.fontStyle ||\r\n prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor ||\r\n prevStyle.deltaY !== thisStyle.deltaY ||\r\n (forTextSpans &&\r\n (prevStyle.overline !== thisStyle.overline ||\r\n prevStyle.underline !== thisStyle.underline ||\r\n prevStyle.linethrough !== thisStyle.linethrough));\r\n\r\n/**\r\n * Returns the array form of a text object's inline styles property with styles grouped in ranges\r\n * rather than per character. This format is less verbose, and is better suited for storage\r\n * so it is used in serialization (not during runtime).\r\n * @memberOf fabric.util\r\n * @param {object} styles per character styles for a text object\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {{start: number, end: number, style: object}[]}\r\n */\r\nexport const stylesToArray = (styles: any, text: string) => {\r\n const textLines = text.split('\\n'),\r\n stylesArray = [];\r\n let charIndex = -1,\r\n prevStyle = {};\r\n // clone style structure to prevent mutation\r\n styles = clone(styles, true);\r\n\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n if (!styles[i]) {\r\n //no styles exist for this line, so add the line's length to the charIndex total\r\n charIndex += textLines[i].length;\r\n continue;\r\n }\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n const thisStyle = styles[i][c];\r\n //check if style exists for this character\r\n if (thisStyle && Object.keys(thisStyle).length > 0) {\r\n if (hasStyleChanged(prevStyle, thisStyle, true)) {\r\n stylesArray.push({\r\n start: charIndex,\r\n end: charIndex + 1,\r\n style: thisStyle,\r\n });\r\n } else {\r\n //if style is the same as previous character, increase end index\r\n stylesArray[stylesArray.length - 1].end++;\r\n }\r\n }\r\n prevStyle = thisStyle || {};\r\n }\r\n }\r\n return stylesArray;\r\n};\r\n\r\n/**\r\n * Returns the object form of the styles property with styles that are assigned per\r\n * character rather than grouped by range. This format is more verbose, and is\r\n * only used during runtime (not for serialization/storage)\r\n * @memberOf fabric.util\r\n * @param {Array} styles the serialized form of a text object's styles\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {Object}\r\n */\r\nexport const stylesFromArray = (styles: any, text: string) => {\r\n if (!Array.isArray(styles)) {\r\n return styles;\r\n }\r\n const textLines = text.split('\\n'),\r\n stylesObject = {} as any;\r\n let charIndex = -1,\r\n styleIndex = 0;\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n //check if there's a style collection that includes the current character\r\n if (\r\n styles[styleIndex] &&\r\n styles[styleIndex].start <= charIndex &&\r\n charIndex < styles[styleIndex].end\r\n ) {\r\n //create object for line index if it doesn't exist\r\n stylesObject[i] = stylesObject[i] || {};\r\n //assign a style at this character's index\r\n stylesObject[i][c] = { ...styles[styleIndex].style };\r\n //if character is at the end of the current style collection, move to the next\r\n if (charIndex === styles[styleIndex].end - 1) {\r\n styleIndex++;\r\n }\r\n }\r\n }\r\n }\r\n return stylesObject;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { ImageFormat } from '../../typedefs';\r\n/**\r\n * Creates canvas element\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const createCanvasElement = (): HTMLCanvasElement =>\r\n fabric.document.createElement('canvas');\r\n\r\n/**\r\n * Creates image element (works on client and node)\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {HTMLImageElement} HTML image element\r\n */\r\nexport const createImage = (): HTMLImageElement =>\r\n fabric.document.createElement('img');\r\n\r\n/**\r\n * Creates a canvas element that is a copy of another and is also painted\r\n * @param {CanvasElement} canvas to copy size and content of\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const copyCanvasElement = (\r\n canvas: HTMLCanvasElement\r\n): HTMLCanvasElement => {\r\n const newCanvas = createCanvasElement();\r\n newCanvas.width = canvas.width;\r\n newCanvas.height = canvas.height;\r\n newCanvas.getContext('2d')?.drawImage(canvas, 0, 0);\r\n return newCanvas;\r\n};\r\n\r\n/**\r\n * since 2.6.0 moved from canvas instance to utility.\r\n * possibly useless\r\n * @param {CanvasElement} canvasEl to copy size and content of\r\n * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too\r\n * @param {Number} quality <= 1 and > 0\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {String} data url\r\n */\r\nexport const toDataURL = (\r\n canvasEl: HTMLCanvasElement,\r\n format: ImageFormat,\r\n quality: number\r\n) => canvasEl.toDataURL(`image/${format}`, quality);\r\n","/**\r\n * A wrapper around Number#toFixed, which contrary to native method returns number, not string.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {number|string} number number to operate on\r\n * @param {number} fractionDigits number of fraction digits to \"leave\"\r\n * @return {number}\r\n */\r\nexport const toFixed = (number: number | string, fractionDigits: number) =>\r\n parseFloat(Number(number).toFixed(fractionDigits));\r\n","import { fabric } from '../../../HEADER';\r\nimport { SVGElementName, SupportedSVGUnit, TMat2D } from '../../typedefs';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../../constants';\r\nimport { toFixed } from './toFixed';\r\nimport { config } from '../../config';\r\n/**\r\n * Returns array of attributes for given svg that fabric parses\r\n * @memberOf fabric.util\r\n * @param {SVGElementName} type Type of svg element (eg. 'circle')\r\n * @return {Array} string names of supported attributes\r\n */\r\nexport const getSvgAttributes = (type: SVGElementName) => {\r\n const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class'];\r\n switch (type) {\r\n case SVGElementName.linearGradient:\r\n return commonAttributes.concat([\r\n 'x1',\r\n 'y1',\r\n 'x2',\r\n 'y2',\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n ]);\r\n case 'radialGradient':\r\n return commonAttributes.concat([\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n 'fr',\r\n ]);\r\n case 'stop':\r\n return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']);\r\n }\r\n return commonAttributes;\r\n};\r\n\r\n/**\r\n * Converts from attribute value to pixel value if applicable.\r\n * Returns converted pixels or original value not converted.\r\n * @param {string} value number to operate on\r\n * @param {number} fontSize\r\n * @return {number}\r\n */\r\nexport const parseUnit = (value: string, fontSize: number) => {\r\n const unit = /\\D{0,2}$/.exec(value),\r\n number = parseFloat(value);\r\n if (!fontSize) {\r\n fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n const dpi = config.DPI;\r\n switch (unit?.[0]) {\r\n case SupportedSVGUnit.mm:\r\n return (number * dpi) / 25.4;\r\n\r\n case SupportedSVGUnit.cm:\r\n return (number * dpi) / 2.54;\r\n\r\n case SupportedSVGUnit.in:\r\n return number * dpi;\r\n\r\n case SupportedSVGUnit.pt:\r\n return (number * dpi) / 72; // or * 4 / 3\r\n\r\n case SupportedSVGUnit.pc:\r\n return ((number * dpi) / 72) * 12; // or * 16\r\n\r\n case SupportedSVGUnit.em:\r\n return number * fontSize;\r\n\r\n default:\r\n return number;\r\n }\r\n};\r\n\r\n/**\r\n * Groups SVG elements (usually those retrieved from SVG document)\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} elements fabric.Object(s) parsed from svg, to group\r\n * @return {fabric.Object|fabric.Group}\r\n */\r\nexport const groupSVGElements = (elements: any[]) => {\r\n if (elements && elements.length === 1) {\r\n return elements[0];\r\n }\r\n return new fabric.Group(elements);\r\n};\r\n\r\nconst enum MeetOrSlice {\r\n meet = 'meet',\r\n slice = 'slice',\r\n}\r\n\r\nconst enum MinMidMax {\r\n min = 'Min',\r\n mid = 'Mid',\r\n max = 'Max',\r\n none = 'none',\r\n}\r\n\r\ntype TPreserveArParsed = {\r\n meetOrSlice: MeetOrSlice;\r\n alignX: MinMidMax;\r\n alignY: MinMidMax;\r\n};\r\n\r\n// align can be either none or undefined or a combination of mid/max\r\nconst parseAlign = (align: string): MinMidMax[] => {\r\n //divide align in alignX and alignY\r\n if (align && align !== MinMidMax.none) {\r\n return [align.slice(1, 4) as MinMidMax, align.slice(5, 8) as MinMidMax];\r\n } else if (align === MinMidMax.none) {\r\n return [align, align];\r\n }\r\n return [MinMidMax.mid, MinMidMax.mid];\r\n};\r\n\r\n/**\r\n * Parse preserveAspectRatio attribute from element\r\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio\r\n * @param {string} attribute to be parsed\r\n * @return {Object} an object containing align and meetOrSlice attribute\r\n */\r\nexport const parsePreserveAspectRatioAttribute = (\r\n attribute: string\r\n): TPreserveArParsed => {\r\n const [firstPart, secondPart] = attribute.trim().split(' ') as [\r\n MinMidMax,\r\n MeetOrSlice | undefined\r\n ];\r\n const [alignX, alignY] = parseAlign(firstPart);\r\n return {\r\n meetOrSlice: secondPart || MeetOrSlice.meet,\r\n alignX,\r\n alignY,\r\n };\r\n};\r\n\r\n/**\r\n * given an array of 6 number returns something like `\"matrix(...numbers)\"`\r\n * @memberOf fabric.util\r\n * @param {TMat2D} transform an array with 6 numbers\r\n * @return {String} transform matrix for svg\r\n */\r\nexport const matrixToSVG = (transform: TMat2D) =>\r\n 'matrix(' +\r\n transform\r\n .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS))\r\n .join(' ') +\r\n ')';\r\n","interface IWithDimensions {\r\n width: number;\r\n height: number;\r\n}\r\n\r\n/**\r\n * Finds the scale for the object source to fit inside the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to fit into destination\r\n */\r\nexport const findScaleToFit = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.min(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n\r\n/**\r\n * Finds the scale for the object source to cover entirely the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to cover destination\r\n */\r\nexport const findScaleToCover = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.max(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n","export const capValue = (min: number, value: number, max: number) =>\r\n Math.max(min, Math.min(value, max));\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TBBox } from '../../typedefs';\r\n\r\n/**\r\n * Calculates bounding box (left, top, width, height) from given `points`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {IPoint[]} points\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\nexport const makeBoundingBoxFromPoints = (points: IPoint[]): TBBox => {\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n };\r\n }\r\n\r\n const { min, max } = points.reduce(\r\n ({ min, max }, curr) => {\r\n return {\r\n min: min.min(curr),\r\n max: max.max(curr),\r\n };\r\n },\r\n { min: new Point(points[0]), max: new Point(points[0]) }\r\n );\r\n\r\n const size = max.subtract(min);\r\n\r\n return {\r\n left: min.x,\r\n top: min.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n};\r\n","import { Point } from '../../point.class';\r\nimport type { FabricObject } from '../../shapes/object.class';\r\nimport { TMat2D } from '../../typedefs';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport type { TComposeMatrixArgs, TScaleMatrixArgs } from './matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from './matrix';\r\n\r\n/**\r\n * given an object and a transform, apply the inverse transform to the object,\r\n * this is equivalent to remove from that object that transformation, so that\r\n * added in a space with the removed transform, the object will be the same as before.\r\n * Removing from an object a transform that scale by 2 is like scaling it by 1/2.\r\n * Removing from an object a transform that rotate by 30deg is like rotating by 30deg\r\n * in the opposite direction.\r\n * This util is used to add objects inside transformed groups or nested groups.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const removeTransformFromObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const inverted = invertTransform(transform),\r\n finalTransform = multiplyTransformMatrices(\r\n inverted,\r\n object.calcOwnMatrix()\r\n );\r\n applyTransformToObject(object, finalTransform);\r\n};\r\n\r\n/**\r\n * given an object and a transform, apply the transform to the object.\r\n * this is equivalent to change the space where the object is drawn.\r\n * Adding to an object a transform that scale by 2 is like scaling it by 2.\r\n * This is used when removing an object from an active selection for example.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const addTransformToObject = (object: FabricObject, transform: TMat2D) =>\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(transform, object.calcOwnMatrix())\r\n );\r\n\r\n/**\r\n * discard an object transform state and apply the one from the matrix.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const applyTransformToObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const { translateX, translateY, scaleX, scaleY, ...otherOptions } =\r\n qrDecompose(transform),\r\n center = new Point(translateX, translateY);\r\n object.flipX = false;\r\n object.flipY = false;\r\n Object.assign(object, otherOptions);\r\n object.set({ scaleX, scaleY });\r\n object.setPositionByOrigin(center, 'center', 'center');\r\n};\r\n/**\r\n * reset an object transform state to neutral. Top and left are not accounted for\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to transform\r\n */\r\nexport const resetObjectTransform = (target: FabricObject) => {\r\n target.scaleX = 1;\r\n target.scaleY = 1;\r\n target.skewX = 0;\r\n target.skewY = 0;\r\n target.flipX = false;\r\n target.flipY = false;\r\n target.rotate(0);\r\n};\r\n\r\n/**\r\n * Extract Object transform values\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to read from\r\n * @return {Object} Components of transform\r\n */\r\nexport const saveObjectTransform = (target: FabricObject) => ({\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n angle: target.angle,\r\n left: target.left,\r\n flipX: target.flipX,\r\n flipY: target.flipY,\r\n top: target.top,\r\n});\r\n\r\n/**\r\n * given a width and height, return the size of the bounding box\r\n * that can contains the box with width/height with applied transform\r\n * described in options.\r\n * Use to calculate the boxes around objects for controls.\r\n * @memberOf fabric.util\r\n * @param {Number} width\r\n * @param {Number} height\r\n * @param {Object} options\r\n * @param {Number} options.scaleX\r\n * @param {Number} options.scaleY\r\n * @param {Number} options.skewX\r\n * @param {Number} options.skewY\r\n * @returns {Point} size\r\n */\r\nexport const sizeAfterTransform = (\r\n width: number,\r\n height: number,\r\n options: TScaleMatrixArgs\r\n) => {\r\n const dimX = width / 2,\r\n dimY = height / 2,\r\n transformMatrix = calcDimensionsMatrix(options),\r\n points = [\r\n new Point(-dimX, -dimY),\r\n new Point(dimX, -dimY),\r\n new Point(-dimX, dimY),\r\n new Point(dimX, dimY),\r\n ].map((p) => p.transform(transformMatrix)),\r\n bbox = makeBoundingBoxFromPoints(points);\r\n return new Point(bbox.width, bbox.height);\r\n};\r\n","import { iMatrix } from '../../constants';\r\nimport type { Point } from '../../point.class';\r\nimport type { TMat2D } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { invertTransform, multiplyTransformMatrices } from './matrix';\r\nimport { applyTransformToObject } from './objectTransforms';\r\n\r\nexport const enum ObjectRelation {\r\n sibling = 'sibling',\r\n child = 'child',\r\n}\r\n\r\n/**\r\n * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\\\r\n * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`)\r\n * @param [from]\r\n * @param [to]\r\n * @returns\r\n */\r\nexport const calcPlaneChangeMatrix = (\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n) => multiplyTransformMatrices(invertTransform(to), from);\r\n\r\n/**\r\n * Sends a point from the source coordinate plane to the destination coordinate plane.\\\r\n * From the canvas/viewer's perspective the point remains unchanged.\r\n *\r\n * @example Send point from canvas plane to group plane\r\n * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 });\r\n * var group = new fabric.Group([obj], { strokeWidth: 0 });\r\n * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix());\r\n * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix());\r\n * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas\r\n * @param {Point} point\r\n * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane.\r\n * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane.\r\n * @returns {Point} transformed point\r\n */\r\nexport const sendPointToPlane = (\r\n point: Point,\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n): Point =>\r\n // we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping)\r\n // the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from)\r\n point.transform(calcPlaneChangeMatrix(from, to));\r\n\r\n/**\r\n * Transform point relative to canvas.\r\n * From the viewport/viewer's perspective the point remains unchanged.\r\n *\r\n * `child` relation means `point` exists in the coordinate plane created by `canvas`.\r\n * In other words point is measured acoording to canvas' top left corner\r\n * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner.\r\n *\r\n * `sibling` relation means `point` exists in the same coordinate plane as canvas.\r\n * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas.\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} point\r\n * @param {fabric.StaticCanvas} canvas\r\n * @param {'sibling'|'child'} relationBefore current relation of point to canvas\r\n * @param {'sibling'|'child'} relationAfter desired relation of point to canvas\r\n * @returns {Point} transformed point\r\n */\r\nexport const transformPointRelativeToCanvas = (\r\n point: Point,\r\n canvas: any,\r\n relationBefore: ObjectRelation,\r\n relationAfter: ObjectRelation\r\n): Point => {\r\n // is this still needed with TS?\r\n if (\r\n relationBefore !== ObjectRelation.child &&\r\n relationBefore !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationBefore);\r\n }\r\n if (\r\n relationAfter !== ObjectRelation.child &&\r\n relationAfter !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationAfter);\r\n }\r\n if (relationBefore === relationAfter) {\r\n return point;\r\n }\r\n const t = canvas.viewportTransform;\r\n return point.transform(relationAfter === 'child' ? invertTransform(t) : t);\r\n};\r\n\r\n/**\r\n *\r\n * A util that abstracts applying transform to objects.\\\r\n * Sends `object` to the destination coordinate plane by applying the relevant transformations.\\\r\n * Changes the space/plane where `object` is drawn.\\\r\n * From the canvas/viewer's perspective `object` remains unchanged.\r\n *\r\n * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer\r\n * let obj, obj2;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * // render\r\n * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix());\r\n * obj.clipPath = undefined;\r\n * obj2.clipPath = clipPath;\r\n * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer\r\n *\r\n * @example Clip an object's clip path with an existing object\r\n * let obj, existingObj;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix());\r\n * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo);\r\n * clipPath.clipPath = existingObj;\r\n *\r\n * @static\r\n * @memberof fabric.util\r\n * @param {fabric.Object} object\r\n * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas.\r\n * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane.\r\n * @returns {Matrix} the transform matrix that was applied to `object`\r\n */\r\nexport const sendObjectToPlane = (\r\n object: TObject,\r\n from?: TMat2D,\r\n to?: TMat2D\r\n): TMat2D => {\r\n const t = calcPlaneChangeMatrix(from, to);\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(t, object.calcOwnMatrix())\r\n );\r\n return t;\r\n};\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Camelizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to camelize\r\n * @return {String} Camelized version of a string\r\n */\r\nexport const camelize = (string: string): string =>\r\n string.replace(/-+(.)?/g, function (match, character) {\r\n return character ? character.toUpperCase() : '';\r\n });\r\n\r\n/**\r\n * Capitalizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to capitalize\r\n * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized\r\n * and other letters stay untouched, if false first letter is capitalized\r\n * and other letters are converted to lowercase.\r\n * @return {String} Capitalized version of a string\r\n */\r\nexport const capitalize = (string: string, firstLetterOnly = false): string =>\r\n `${string.charAt(0).toUpperCase()}${\r\n firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()\r\n }`;\r\n\r\n/**\r\n * Escapes XML in a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to escape\r\n * @return {String} Escaped version of a string\r\n */\r\nexport const escapeXml = (string: string): string =>\r\n string\r\n .replace(/&/g, '&')\r\n .replace(/\"/g, '"')\r\n .replace(/'/g, ''')\r\n .replace(//g, '>');\r\n\r\n/**\r\n * Divide a string in the user perceived single units\r\n * @memberOf fabric.util.string\r\n * @param {String} textstring String to escape\r\n * @return {Array} array containing the graphemes\r\n */\r\nexport const graphemeSplit = (textstring: string): string[] => {\r\n const graphemes = [];\r\n for (let i = 0, chr; i < textstring.length; i++) {\r\n if ((chr = getWholeChar(textstring, i)) === false) {\r\n continue;\r\n }\r\n graphemes.push(chr);\r\n }\r\n return graphemes;\r\n};\r\n\r\n// taken from mdn in the charAt doc page.\r\nconst getWholeChar = (str: string, i: number): string => {\r\n const code = str.charCodeAt(i);\r\n if (isNaN(code)) {\r\n return ''; // Position not found\r\n }\r\n if (code < 0xd800 || code > 0xdfff) {\r\n return str.charAt(i);\r\n }\r\n\r\n // High surrogate (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 <= code && code <= 0xdbff) {\r\n if (str.length <= i + 1) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n const next = str.charCodeAt(i + 1);\r\n if (0xdc00 > next || next > 0xdfff) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n return str.charAt(i) + str.charAt(i + 1);\r\n }\r\n // Low surrogate (0xDC00 <= code && code <= 0xDFFF)\r\n if (i === 0) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n const prev = str.charCodeAt(i - 1);\r\n\r\n // (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 > prev || prev > 0xdbff) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n // We can pass over low surrogates now as the second component\r\n // in a pair which we have already processed\r\n return false;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { noop } from '../../constants';\r\nimport { TCrossOrigin } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { camelize, capitalize } from '../lang_string';\r\nimport { createImage } from './dom';\r\n\r\n/**\r\n * Returns klass \"Class\" object of given namespace\r\n * @memberOf fabric.util\r\n * @param {String} type Type of object (eg. 'circle')\r\n * @param {object} namespace Namespace to get klass \"Class\" object from\r\n * @return {Object} klass \"Class\"\r\n */\r\nexport const getKlass = (type: string, namespace = fabric): any =>\r\n namespace[capitalize(camelize(type), true)];\r\n\r\ntype LoadImageOptions = {\r\n signal?: AbortSignal;\r\n crossOrigin?: TCrossOrigin;\r\n};\r\n\r\n/**\r\n * Loads image element from given url and resolve it, or catch.\r\n * @memberOf fabric.util\r\n * @param {String} url URL representing an image\r\n * @param {Object} [options] image loading options\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Promise} img the loaded image.\r\n */\r\nexport const loadImage = (\r\n url: string,\r\n { signal, crossOrigin = null }: LoadImageOptions = {}\r\n) =>\r\n new Promise(function (resolve, reject) {\r\n if (signal && signal.aborted) {\r\n return reject(new Error('`options.signal` is in `aborted` state'));\r\n }\r\n const img = createImage();\r\n let abort: EventListenerOrEventListenerObject;\r\n if (signal) {\r\n abort = function (err: Event) {\r\n img.src = '';\r\n reject(err);\r\n };\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n const done = function () {\r\n img.onload = img.onerror = null;\r\n abort && signal?.removeEventListener('abort', abort);\r\n resolve(img);\r\n };\r\n if (!url) {\r\n done();\r\n return;\r\n }\r\n img.onload = done;\r\n img.onerror = function () {\r\n abort && signal?.removeEventListener('abort', abort);\r\n reject(new Error('Error loading ' + img.src));\r\n };\r\n crossOrigin && (img.crossOrigin = crossOrigin);\r\n img.src = url;\r\n });\r\n\r\ntype EnlivenObjectOptions = {\r\n signal?: AbortSignal;\r\n reviver?: (arg: any, arg2: any) => void;\r\n namespace?: any;\r\n};\r\n\r\n/**\r\n * Creates corresponding fabric instances from their object representations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object[]} objects Objects to enliven\r\n * @param {object} [options]\r\n * @param {object} [options.namespace] Namespace to get klass \"Class\" object from\r\n * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements,\r\n * called after each fabric object created.\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\nexport const enlivenObjects = (\r\n objects: any[],\r\n { signal, reviver = noop, namespace = fabric }: EnlivenObjectOptions = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: TObject[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n Promise.all(\r\n objects.map((obj) =>\r\n getKlass(obj.type, namespace)\r\n .fromObject(obj, {\r\n signal,\r\n reviver,\r\n namespace,\r\n })\r\n .then((fabricInstance: TObject) => {\r\n reviver(obj, fabricInstance);\r\n instances.push(fabricInstance);\r\n return fabricInstance;\r\n })\r\n )\r\n )\r\n .then(resolve)\r\n .catch((error) => {\r\n // cleanup\r\n instances.forEach(function (instance) {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(() => {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n\r\n/**\r\n * Creates corresponding fabric instances residing in an object, e.g. `clipPath`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path )\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values\r\n */\r\nexport const enlivenObjectEnlivables = (\r\n serializedObject: any,\r\n { signal }: { signal?: AbortSignal } = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: any[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n // enlive every possible property\r\n const promises = Object.values(serializedObject).map((value: any) => {\r\n if (!value) {\r\n return value;\r\n }\r\n // gradient\r\n if (value.colorStops) {\r\n return new fabric.Gradient(value);\r\n }\r\n // clipPath\r\n if (value.type) {\r\n return enlivenObjects([value], { signal }).then(([enlived]) => {\r\n instances.push(enlived);\r\n return enlived;\r\n });\r\n }\r\n // pattern\r\n if (value.source) {\r\n return fabric.Pattern.fromObject(value, { signal }).then(\r\n (pattern: any) => {\r\n instances.push(pattern);\r\n return pattern;\r\n }\r\n );\r\n }\r\n return value;\r\n });\r\n const keys = Object.keys(serializedObject);\r\n Promise.all(promises)\r\n .then((enlived) => {\r\n return enlived.reduce(function (acc, instance, index) {\r\n acc[keys[index]] = instance;\r\n return acc;\r\n }, {});\r\n })\r\n .then(resolve)\r\n .catch(function (error) {\r\n // cleanup\r\n instances.forEach((instance) => {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(function () {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n","/**\r\n * Populates an object with properties of another object\r\n * @param {Object} source Source object\r\n * @param {string[]} properties Properties names to include\r\n * @returns object populated with the picked keys\r\n */\r\nexport const pick = (source: T, keys: (keyof T)[] = []) => {\r\n return keys.reduce((o, key) => {\r\n if (key in source) {\r\n o[key] = source[key];\r\n }\r\n return o;\r\n }, {} as Partial);\r\n};\r\n","//@ts-nocheck\r\n\r\nexport function getSvgRegex(arr) {\r\n return new RegExp('^(' + arr.join('|') + ')\\\\b', 'i');\r\n}\r\n","//@ts-nocheck\r\nimport { getSvgRegex } from './getSvgRegex';\r\n\r\nexport const cssRules = {};\r\nexport const gradientDefs = {};\r\nexport const clipPaths = {};\r\n\r\nexport const reNum = '(?:[-+]?(?:\\\\d+|\\\\d*\\\\.\\\\d+)(?:[eE][-+]?\\\\d+)?)';\r\n\r\nexport const svgNS = 'http://www.w3.org/2000/svg';\r\n\r\nexport const commaWsp = '(?:\\\\s+,?\\\\s*|,\\\\s*)';\r\n\r\nexport const rePathCommand =\r\n /([-+]?((\\d+\\.\\d+)|((\\d+)|(\\.\\d+)))(?:[eE][-+]?\\d+)?)/gi;\r\n\r\nexport const reFontDeclaration = new RegExp(\r\n '(normal|italic)?\\\\s*(normal|small-caps)?\\\\s*' +\r\n '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\\\s*(' +\r\n reNum +\r\n '(?:px|cm|mm|em|pt|pc|in)*)(?:\\\\/(normal|' +\r\n reNum +\r\n '))?\\\\s+(.*)'\r\n);\r\n\r\nexport const svgValidTagNames = [\r\n 'path',\r\n 'circle',\r\n 'polygon',\r\n 'polyline',\r\n 'ellipse',\r\n 'rect',\r\n 'line',\r\n 'image',\r\n 'text',\r\n ],\r\n svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'],\r\n svgInvalidAncestors = [\r\n 'pattern',\r\n 'defs',\r\n 'symbol',\r\n 'metadata',\r\n 'clipPath',\r\n 'mask',\r\n 'desc',\r\n ],\r\n svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'],\r\n attributesMap = {\r\n cx: 'left',\r\n x: 'left',\r\n r: 'radius',\r\n cy: 'top',\r\n y: 'top',\r\n display: 'visible',\r\n visibility: 'visible',\r\n transform: 'transformMatrix',\r\n 'fill-opacity': 'fillOpacity',\r\n 'fill-rule': 'fillRule',\r\n 'font-family': 'fontFamily',\r\n 'font-size': 'fontSize',\r\n 'font-style': 'fontStyle',\r\n 'font-weight': 'fontWeight',\r\n 'letter-spacing': 'charSpacing',\r\n 'paint-order': 'paintFirst',\r\n 'stroke-dasharray': 'strokeDashArray',\r\n 'stroke-dashoffset': 'strokeDashOffset',\r\n 'stroke-linecap': 'strokeLineCap',\r\n 'stroke-linejoin': 'strokeLineJoin',\r\n 'stroke-miterlimit': 'strokeMiterLimit',\r\n 'stroke-opacity': 'strokeOpacity',\r\n 'stroke-width': 'strokeWidth',\r\n 'text-decoration': 'textDecoration',\r\n 'text-anchor': 'textAnchor',\r\n opacity: 'opacity',\r\n 'clip-path': 'clipPath',\r\n 'clip-rule': 'clipRule',\r\n 'vector-effect': 'strokeUniform',\r\n 'image-rendering': 'imageSmoothing',\r\n },\r\n colorAttributes = {\r\n stroke: 'strokeOpacity',\r\n fill: 'fillOpacity',\r\n },\r\n fSize = 'font-size',\r\n cPath = 'clip-path';\r\n\r\nexport const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames);\r\n\r\nexport const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements);\r\n\r\nexport const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors);\r\n\r\nexport const svgValidParentsRegEx = getSvgRegex(svgValidParents);\r\n\r\n// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute\r\n// matches, e.g.: +14.56e-12, etc.\r\nexport const reViewBoxAttrValue = new RegExp(\r\n '^' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*' +\r\n '$'\r\n);\r\n","//@ts-nocheck\r\n\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI, PiBy180 } from '../constants';\r\nimport { commaWsp, rePathCommand } from '../parser/constants';\r\nimport { Point } from '../point.class';\r\nimport { cos } from './misc/cos';\r\nimport { sin } from './misc/sin';\r\nimport { multiplyTransformMatrices, transformPoint } from './misc/matrix';\r\n\r\nconst commandLengths = {\r\n m: 2,\r\n l: 2,\r\n h: 1,\r\n v: 1,\r\n c: 6,\r\n s: 4,\r\n q: 4,\r\n t: 2,\r\n a: 7,\r\n};\r\nconst repeatedCommands = {\r\n m: 'l',\r\n M: 'L',\r\n};\r\n\r\nconst segmentToBezier = (\r\n th2,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n rx,\r\n ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n) => {\r\n const costh2 = cos(th2),\r\n sinth2 = sin(th2),\r\n costh3 = cos(th3),\r\n sinth3 = sin(th3),\r\n toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1,\r\n toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1,\r\n cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2),\r\n cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2),\r\n cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3),\r\n cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3);\r\n\r\n return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY];\r\n};\r\n\r\n/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp\r\n * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here\r\n * http://mozilla.org/MPL/2.0/\r\n */\r\nconst arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => {\r\n let fromX = 0,\r\n fromY = 0,\r\n root = 0;\r\n const PI = Math.PI,\r\n th = rotateX * PiBy180,\r\n sinTh = sin(th),\r\n cosTh = cos(th),\r\n px = 0.5 * (-cosTh * toX - sinTh * toY),\r\n py = 0.5 * (-cosTh * toY + sinTh * toX),\r\n rx2 = rx ** 2,\r\n ry2 = ry ** 2,\r\n py2 = py ** 2,\r\n px2 = px ** 2,\r\n pl = rx2 * ry2 - rx2 * py2 - ry2 * px2;\r\n let _rx = Math.abs(rx);\r\n let _ry = Math.abs(ry);\r\n\r\n if (pl < 0) {\r\n const s = Math.sqrt(1 - pl / (rx2 * ry2));\r\n _rx *= s;\r\n _ry *= s;\r\n } else {\r\n root =\r\n (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2));\r\n }\r\n\r\n const cx = (root * _rx * py) / _ry,\r\n cy = (-root * _ry * px) / _rx,\r\n cx1 = cosTh * cx - sinTh * cy + toX * 0.5,\r\n cy1 = sinTh * cx + cosTh * cy + toY * 0.5;\r\n let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry);\r\n let dtheta = calcVectorAngle(\r\n (px - cx) / _rx,\r\n (py - cy) / _ry,\r\n (-px - cx) / _rx,\r\n (-py - cy) / _ry\r\n );\r\n\r\n if (sweep === 0 && dtheta > 0) {\r\n dtheta -= 2 * PI;\r\n } else if (sweep === 1 && dtheta < 0) {\r\n dtheta += 2 * PI;\r\n }\r\n\r\n // Convert into cubic bezier segments <= 90deg\r\n const segments = Math.ceil(Math.abs((dtheta / PI) * 2)),\r\n result = new Array(segments),\r\n mDelta = dtheta / segments,\r\n mT =\r\n ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) /\r\n Math.sin(mDelta / 2);\r\n let th3 = mTheta + mDelta;\r\n\r\n for (let i = 0; i < segments; i++) {\r\n result[i] = segmentToBezier(\r\n mTheta,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n _rx,\r\n _ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n );\r\n fromX = result[i][5];\r\n fromY = result[i][6];\r\n mTheta = th3;\r\n th3 += mDelta;\r\n }\r\n return result;\r\n};\r\n\r\n/*\r\n * Private\r\n */\r\nconst calcVectorAngle = (ux, uy, vx, vy) => {\r\n const ta = Math.atan2(uy, ux),\r\n tb = Math.atan2(vy, vx);\r\n if (tb >= ta) {\r\n return tb - ta;\r\n } else {\r\n return 2 * Math.PI - (ta - tb);\r\n }\r\n};\r\n\r\n// functions for the Cubic beizer\r\n// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350\r\nconst CB1 = (t) => t ** 3;\r\nconst CB2 = (t) => 3 * t ** 2 * (1 - t);\r\nconst CB3 = (t) => 3 * t * (1 - t) ** 2;\r\nconst CB4 = (t) => (1 - t) ** 3;\r\n\r\n/**\r\n * Calculate bounding box of a beziercurve\r\n * @param {Number} x0 starting point\r\n * @param {Number} y0\r\n * @param {Number} x1 first control point\r\n * @param {Number} y1\r\n * @param {Number} x2 secondo control point\r\n * @param {Number} y2\r\n * @param {Number} x3 end of bezier\r\n * @param {Number} y3\r\n */\r\n// taken from http://jsbin.com/ivomiq/56/edit no credits available for that.\r\n// TODO: can we normalize this with the starting points set at 0 and then translated the bbox?\r\nexport function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) {\r\n let argsString;\r\n if (config.cachesBoundsOfCurve) {\r\n // eslint-disable-next-line\r\n argsString = [...arguments].join();\r\n if (cache.boundsOfCurveCache[argsString]) {\r\n return cache.boundsOfCurveCache[argsString];\r\n }\r\n }\r\n\r\n const sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n tvalues = [],\r\n bounds = [[], []];\r\n\r\n let b = 6 * x0 - 12 * x1 + 6 * x2;\r\n let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;\r\n let c = 3 * x1 - 3 * x0;\r\n\r\n for (let i = 0; i < 2; ++i) {\r\n if (i > 0) {\r\n b = 6 * y0 - 12 * y1 + 6 * y2;\r\n a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;\r\n c = 3 * y1 - 3 * y0;\r\n }\r\n\r\n if (abs(a) < 1e-12) {\r\n if (abs(b) < 1e-12) {\r\n continue;\r\n }\r\n const t = -c / b;\r\n if (0 < t && t < 1) {\r\n tvalues.push(t);\r\n }\r\n continue;\r\n }\r\n const b2ac = b * b - 4 * c * a;\r\n if (b2ac < 0) {\r\n continue;\r\n }\r\n const sqrtb2ac = sqrt(b2ac);\r\n const t1 = (-b + sqrtb2ac) / (2 * a);\r\n if (0 < t1 && t1 < 1) {\r\n tvalues.push(t1);\r\n }\r\n const t2 = (-b - sqrtb2ac) / (2 * a);\r\n if (0 < t2 && t2 < 1) {\r\n tvalues.push(t2);\r\n }\r\n }\r\n\r\n let j = tvalues.length;\r\n const jlen = j;\r\n const iterator = getPointOnCubicBezierIterator(\r\n x0,\r\n y0,\r\n x1,\r\n y1,\r\n x2,\r\n y2,\r\n x3,\r\n y3\r\n );\r\n while (j--) {\r\n const { x, y } = iterator(tvalues[j]);\r\n bounds[0][j] = x;\r\n bounds[1][j] = y;\r\n }\r\n\r\n bounds[0][jlen] = x0;\r\n bounds[1][jlen] = y0;\r\n bounds[0][jlen + 1] = x3;\r\n bounds[1][jlen + 1] = y3;\r\n const result = [\r\n new Point(Math.min(...bounds[0]), Math.min(...bounds[1])),\r\n new Point(Math.max(...bounds[0]), Math.max(...bounds[1])),\r\n ];\r\n if (config.cachesBoundsOfCurve) {\r\n cache.boundsOfCurveCache[argsString] = result;\r\n }\r\n return result;\r\n}\r\n\r\n/**\r\n * Converts arc to a bunch of bezier curves\r\n * @param {Number} fx starting point x\r\n * @param {Number} fy starting point y\r\n * @param {Array} coords Arc command\r\n */\r\nexport const fromArcToBeziers = (\r\n fx,\r\n fy,\r\n [_, rx, ry, rot, large, sweep, tx, ty] = []\r\n) => {\r\n const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot);\r\n\r\n for (let i = 0, len = segsNorm.length; i < len; i++) {\r\n segsNorm[i][1] += fx;\r\n segsNorm[i][2] += fy;\r\n segsNorm[i][3] += fx;\r\n segsNorm[i][4] += fy;\r\n segsNorm[i][5] += fx;\r\n segsNorm[i][6] += fy;\r\n }\r\n return segsNorm;\r\n};\r\n\r\n/**\r\n * This function take a parsed SVG path and make it simpler for fabricJS logic.\r\n * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute )\r\n * S converted in C, T converted in Q, A converted in C.\r\n * @param {Array} path the array of commands of a parsed svg path for fabric.Path\r\n * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path\r\n */\r\nexport const makePathSimpler = (path) => {\r\n // x and y represent the last point of the path. the previous command point.\r\n // we add them to each relative command to make it an absolute comment.\r\n // we also swap the v V h H with L, because are easier to transform.\r\n let x = 0,\r\n y = 0;\r\n const len = path.length;\r\n // x1 and y1 represent the last point of the subpath. the subpath is started with\r\n // m or M command. When a z or Z command is drawn, x and y need to be resetted to\r\n // the last x1 and y1.\r\n let x1 = 0,\r\n y1 = 0;\r\n // previous will host the letter of the previous command, to handle S and T.\r\n // controlX and controlY will host the previous reflected control point\r\n let destinationPath = [],\r\n previous,\r\n controlX,\r\n controlY;\r\n for (let i = 0; i < len; ++i) {\r\n let converted = false;\r\n const current = path[i].slice(0);\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'l': // lineto, relative\r\n current[0] = 'L';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'L':\r\n x = current[1];\r\n y = current[2];\r\n break;\r\n case 'h': // horizontal lineto, relative\r\n current[1] += x;\r\n // falls through\r\n case 'H':\r\n current[0] = 'L';\r\n current[2] = y;\r\n x = current[1];\r\n break;\r\n case 'v': // vertical lineto, relative\r\n current[1] += y;\r\n // falls through\r\n case 'V':\r\n current[0] = 'L';\r\n y = current[1];\r\n current[1] = x;\r\n current[2] = y;\r\n break;\r\n case 'm': // moveTo, relative\r\n current[0] = 'M';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'M':\r\n x = current[1];\r\n y = current[2];\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'c': // bezierCurveTo, relative\r\n current[0] = 'C';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n current[5] += x;\r\n current[6] += y;\r\n // falls through\r\n case 'C':\r\n controlX = current[3];\r\n controlY = current[4];\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n case 's': // shorthand cubic bezierCurveTo, relative\r\n current[0] = 'S';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'S':\r\n // would be sScC but since we are swapping sSc for C, we check just that.\r\n if (previous === 'C') {\r\n // calculate reflection of previous control points\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a C, c, S, or s,\r\n // the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n x = current[3];\r\n y = current[4];\r\n current[0] = 'C';\r\n current[5] = current[3];\r\n current[6] = current[4];\r\n current[3] = current[1];\r\n current[4] = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n // current[3] and current[4] are NOW the second control point.\r\n // we keep it for the next reflection.\r\n controlX = current[3];\r\n controlY = current[4];\r\n break;\r\n case 'q': // quadraticCurveTo, relative\r\n current[0] = 'Q';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'Q':\r\n controlX = current[1];\r\n controlY = current[2];\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n case 't': // shorthand quadraticCurveTo, relative\r\n current[0] = 'T';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'T':\r\n if (previous === 'Q') {\r\n // calculate reflection of previous control point\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a Q, q, T or t,\r\n // assume the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n current[0] = 'Q';\r\n x = current[1];\r\n y = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n current[3] = x;\r\n current[4] = y;\r\n break;\r\n case 'a':\r\n current[0] = 'A';\r\n current[6] += x;\r\n current[7] += y;\r\n // falls through\r\n case 'A':\r\n converted = true;\r\n destinationPath = destinationPath.concat(\r\n fromArcToBeziers(x, y, current)\r\n );\r\n x = current[6];\r\n y = current[7];\r\n break;\r\n case 'z':\r\n case 'Z':\r\n x = x1;\r\n y = y1;\r\n break;\r\n default:\r\n }\r\n if (!converted) {\r\n destinationPath.push(current);\r\n }\r\n previous = current[0];\r\n }\r\n return destinationPath;\r\n};\r\n\r\n// todo verify if we can just use the point class here\r\n/**\r\n * Calc length from point x1,y1 to x2,y2\r\n * @param {Number} x1 starting point x\r\n * @param {Number} y1 starting point y\r\n * @param {Number} x2 starting point x\r\n * @param {Number} y2 starting point y\r\n * @return {Number} length of segment\r\n */\r\nconst calcLineLength = (x1, y1, x2, y2) =>\r\n Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);\r\n\r\nconst getPointOnCubicBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const c1 = CB1(pct),\r\n c2 = CB2(pct),\r\n c3 = CB3(pct),\r\n c4 = CB4(pct);\r\n return {\r\n x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4,\r\n y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4,\r\n };\r\n };\r\n\r\nconst QB1 = (t) => t ** 2;\r\nconst QB2 = (t) => 2 * t * (1 - t);\r\nconst QB3 = (t) => (1 - t) ** 2;\r\n\r\nconst getTangentCubicIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const qb1 = QB1(pct),\r\n qb2 = QB2(pct),\r\n qb3 = QB3(pct),\r\n tangentX =\r\n 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)),\r\n tangentY =\r\n 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y));\r\n return Math.atan2(tangentY, tangentX);\r\n };\r\n\r\nconst getPointOnQuadraticBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const c1 = QB1(pct),\r\n c2 = QB2(pct),\r\n c3 = QB3(pct);\r\n return {\r\n x: p3x * c1 + p2x * c2 + p1x * c3,\r\n y: p3y * c1 + p2y * c2 + p1y * c3,\r\n };\r\n };\r\n\r\nconst getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const invT = 1 - pct,\r\n tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)),\r\n tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y));\r\n return Math.atan2(tangentY, tangentX);\r\n};\r\n\r\n// this will run over a path segment ( a cubic or quadratic segment) and approximate it\r\n// with 100 segemnts. This will good enough to calculate the length of the curve\r\nconst pathIterator = (iterator, x1, y1) => {\r\n let tempP = { x: x1, y: y1 },\r\n tmpLen = 0;\r\n for (let perc = 1; perc <= 100; perc += 1) {\r\n const p = iterator(perc / 100);\r\n tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n tempP = p;\r\n }\r\n return tmpLen;\r\n};\r\n\r\n/**\r\n * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1\r\n * that correspond to that pixels run over the path.\r\n * The percentage will be then used to find the correct point on the canvas for the path.\r\n * @param {Array} segInfo fabricJS collection of information on a parsed path\r\n * @param {Number} distance from starting point, in pixels.\r\n * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point;\r\n */\r\nconst findPercentageForDistance = (segInfo, distance) => {\r\n let perc = 0,\r\n tmpLen = 0,\r\n tempP = { x: segInfo.x, y: segInfo.y },\r\n p,\r\n nextLen,\r\n nextStep = 0.01,\r\n lastPerc;\r\n // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100\r\n // the path\r\n const iterator = segInfo.iterator,\r\n angleFinder = segInfo.angleFinder;\r\n while (tmpLen < distance && nextStep > 0.0001) {\r\n p = iterator(perc);\r\n lastPerc = perc;\r\n nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n // compare tmpLen each cycle with distance, decide next perc to test.\r\n if (nextLen + tmpLen > distance) {\r\n // we discard this step and we make smaller steps.\r\n perc -= nextStep;\r\n nextStep /= 2;\r\n } else {\r\n tempP = p;\r\n perc += nextStep;\r\n tmpLen += nextLen;\r\n }\r\n }\r\n p.angle = angleFinder(lastPerc);\r\n return p;\r\n};\r\n\r\n/**\r\n * Run over a parsed and simplifed path and extract some informations.\r\n * informations are length of each command and starting point\r\n * @param {Array} path fabricJS parsed path commands\r\n * @return {Array} path commands informations\r\n */\r\nexport const getPathSegmentsInfo = (path) => {\r\n let totalLength = 0,\r\n current,\r\n //x2 and y2 are the coords of segment start\r\n //x1 and y1 are the coords of the current point\r\n x1 = 0,\r\n y1 = 0,\r\n x2 = 0,\r\n y2 = 0,\r\n iterator,\r\n tempInfo,\r\n angleFinder;\r\n const len = path.length,\r\n info = [];\r\n for (let i = 0; i < len; i++) {\r\n current = path[i];\r\n tempInfo = {\r\n x: x1,\r\n y: y1,\r\n command: current[0],\r\n };\r\n switch (\r\n current[0] //first letter\r\n ) {\r\n case 'M':\r\n tempInfo.length = 0;\r\n x2 = x1 = current[1];\r\n y2 = y1 = current[2];\r\n break;\r\n case 'L':\r\n tempInfo.length = calcLineLength(x1, y1, current[1], current[2]);\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'C':\r\n iterator = getPointOnCubicBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n angleFinder = getTangentCubicIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[5];\r\n y1 = current[6];\r\n break;\r\n case 'Q':\r\n iterator = getPointOnQuadraticBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n angleFinder = getTangentQuadraticIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[3];\r\n y1 = current[4];\r\n break;\r\n case 'Z':\r\n case 'z':\r\n // we add those in order to ease calculations later\r\n tempInfo.destX = x2;\r\n tempInfo.destY = y2;\r\n tempInfo.length = calcLineLength(x1, y1, x2, y2);\r\n x1 = x2;\r\n y1 = y2;\r\n break;\r\n }\r\n totalLength += tempInfo.length;\r\n info.push(tempInfo);\r\n }\r\n info.push({ length: totalLength, x: x1, y: y1 });\r\n return info;\r\n};\r\n\r\nexport const getPointOnPath = (path, distance, infos) => {\r\n if (!infos) {\r\n infos = getPathSegmentsInfo(path);\r\n }\r\n let i = 0;\r\n while (distance - infos[i].length > 0 && i < infos.length - 2) {\r\n distance -= infos[i].length;\r\n i++;\r\n }\r\n // var distance = infos[infos.length - 1] * perc;\r\n const segInfo = infos[i],\r\n segPercent = distance / segInfo.length,\r\n command = segInfo.command,\r\n segment = path[i];\r\n let info;\r\n\r\n switch (command) {\r\n case 'M':\r\n return { x: segInfo.x, y: segInfo.y, angle: 0 };\r\n case 'Z':\r\n case 'z':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segInfo.destX, segInfo.destY),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(\r\n segInfo.destY - segInfo.y,\r\n segInfo.destX - segInfo.x\r\n );\r\n return info;\r\n case 'L':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segment[1], segment[2]),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x);\r\n return info;\r\n case 'C':\r\n return findPercentageForDistance(segInfo, distance);\r\n case 'Q':\r\n return findPercentageForDistance(segInfo, distance);\r\n }\r\n};\r\n\r\n/**\r\n *\r\n * @param {string} pathString\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n * @example Usage\r\n * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [\r\n * ['M', 3, 4],\r\n * ['Q', 3, 5, 2, 1, 4, 0],\r\n * ['Q', 9, 12, 2, 1, 4, 0],\r\n * ];\r\n *\r\n */\r\nexport const parsePath = (pathString) => {\r\n // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values)\r\n const re = rePathCommand,\r\n rNumber = '[-+]?(?:\\\\d*\\\\.\\\\d+|\\\\d+\\\\.?)(?:[eE][-+]?\\\\d+)?\\\\s*',\r\n rNumberCommaWsp = `(${rNumber})${commaWsp}`,\r\n rFlagCommaWsp = `([01])${commaWsp}?`,\r\n rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`,\r\n regArcArgumentSequence = new RegExp(rArcSeq, 'g'),\r\n result = [];\r\n\r\n if (!pathString || !pathString.match) {\r\n return result;\r\n }\r\n const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi);\r\n\r\n for (let i = 0, len = path.length; i < len; i++) {\r\n const currentPath = path[i];\r\n const coordsStr = currentPath.slice(1).trim();\r\n const coords = [];\r\n let command = currentPath.charAt(0);\r\n const coordsParsed = [command];\r\n\r\n if (command.toLowerCase() === 'a') {\r\n // arcs have special flags that apparently don't require spaces so handle special\r\n for (let args; (args = regArcArgumentSequence.exec(coordsStr)); ) {\r\n for (let j = 1; j < args.length; j++) {\r\n coords.push(args[j]);\r\n }\r\n }\r\n } else {\r\n let match;\r\n while ((match = re.exec(coordsStr))) {\r\n coords.push(match[0]);\r\n }\r\n }\r\n\r\n for (let j = 0, jlen = coords.length; j < jlen; j++) {\r\n const parsed = parseFloat(coords[j]);\r\n if (!isNaN(parsed)) {\r\n coordsParsed.push(parsed);\r\n }\r\n }\r\n\r\n const commandLength = commandLengths[command.toLowerCase()],\r\n repeatedCommand = repeatedCommands[command] || command;\r\n\r\n if (coordsParsed.length - 1 > commandLength) {\r\n for (\r\n let k = 1, klen = coordsParsed.length;\r\n k < klen;\r\n k += commandLength\r\n ) {\r\n result.push([command].concat(coordsParsed.slice(k, k + commandLength)));\r\n command = repeatedCommand;\r\n }\r\n } else {\r\n result.push(coordsParsed);\r\n }\r\n }\r\n return result;\r\n};\r\n\r\n/**\r\n *\r\n * Converts points to a smooth SVG path\r\n * @param {{ x: number,y: number }[]} points Array of points\r\n * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value.\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getSmoothPathFromPoints = (points, correction = 0) => {\r\n let p1 = new Point(points[0]),\r\n p2 = new Point(points[1]),\r\n multSignX = 1,\r\n multSignY = 0;\r\n const path = [],\r\n len = points.length,\r\n manyPoints = len > 2;\r\n\r\n if (manyPoints) {\r\n multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1;\r\n multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1;\r\n }\r\n path.push([\r\n 'M',\r\n p1.x - multSignX * correction,\r\n p1.y - multSignY * correction,\r\n ]);\r\n let i;\r\n for (i = 1; i < len; i++) {\r\n if (!p1.eq(p2)) {\r\n const midPoint = p1.midPointFrom(p2);\r\n // p1 is our bezier control point\r\n // midpoint is our endpoint\r\n // start point is p(i-1) value.\r\n path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]);\r\n }\r\n p1 = points[i];\r\n if (i + 1 < points.length) {\r\n p2 = points[i + 1];\r\n }\r\n }\r\n if (manyPoints) {\r\n multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1;\r\n multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1;\r\n }\r\n path.push([\r\n 'L',\r\n p1.x + multSignX * correction,\r\n p1.y + multSignY * correction,\r\n ]);\r\n return path;\r\n};\r\n\r\n/**\r\n * Transform a path by transforming each segment.\r\n * it has to be a simplified path or it won't work.\r\n * WARNING: this depends from pathOffset for correct operation\r\n * @param {Array} path fabricJS parsed and simplified path commands\r\n * @param {Array} transform matrix that represent the transformation\r\n * @param {Object} [pathOffset] the fabric.Path pathOffset\r\n * @param {Number} pathOffset.x\r\n * @param {Number} pathOffset.y\r\n * @returns {Array} the transformed path\r\n */\r\nexport const transformPath = (path, transform, pathOffset) => {\r\n if (pathOffset) {\r\n transform = multiplyTransformMatrices(transform, [\r\n 1,\r\n 0,\r\n 0,\r\n 1,\r\n -pathOffset.x,\r\n -pathOffset.y,\r\n ]);\r\n }\r\n return path.map((pathSegment) => {\r\n const newSegment = pathSegment.slice(0);\r\n for (let i = 1; i < pathSegment.length - 1; i += 2) {\r\n const { x, y } = transformPoint(\r\n {\r\n x: pathSegment[i],\r\n y: pathSegment[i + 1],\r\n },\r\n transform\r\n );\r\n newSegment[i] = x;\r\n newSegment[i + 1] = y;\r\n }\r\n return newSegment;\r\n });\r\n};\r\n\r\n/**\r\n * Returns an array of path commands to create a regular polygon\r\n * @param {number} radius\r\n * @param {number} numVertexes\r\n * @returns {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getRegularPolygonPath = (numVertexes, radius) => {\r\n const interiorAngle = (Math.PI * 2) / numVertexes;\r\n // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom\r\n // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn\r\n let rotationAdjustment = -halfPI;\r\n if (numVertexes % 2 === 0) {\r\n rotationAdjustment += interiorAngle / 2;\r\n }\r\n const d = new Array(numVertexes + 1);\r\n for (let i = 0; i < numVertexes; i++) {\r\n const rad = i * interiorAngle + rotationAdjustment;\r\n const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius);\r\n d[i] = [i === 0 ? 'M' : 'L', x, y];\r\n }\r\n d[numVertexes] = ['Z'];\r\n return d;\r\n};\r\n\r\n/**\r\n * Join path commands to go back to svg format\r\n * @param {Array} pathData fabricJS parsed path commands\r\n * @return {String} joined path 'M 0 0 L 20 30'\r\n */\r\nexport const joinPath = (pathData) =>\r\n pathData.map((segment) => segment.join(' ')).join(' ');\r\n","//@ts-nocheck\r\n// TODO this file needs to go away, cross browser style support is not fabricjs domain.\r\n\r\n/**\r\n * wrapper for setting element's style\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {Object | string} styles\r\n */\r\nexport function setStyle(element, styles) {\r\n const elementStyle = element.style;\r\n if (!elementStyle) {\r\n return;\r\n } else if (typeof styles === 'string') {\r\n element.style.cssText += ';' + styles;\r\n } else {\r\n Object.entries(styles).forEach(([property, value]) =>\r\n elementStyle.setProperty(property, value)\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n * Cross-browser abstraction for sending XMLHttpRequest\r\n * @memberOf fabric.util\r\n * @deprecated this has to go away, we can use a modern browser method to do the same.\r\n * @param {String} url URL to send XMLHttpRequest to\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.method=\"GET\"]\r\n * @param {Record} [options.parameters] parameters to append to url in GET or in body\r\n * @param {String} [options.body] body to send with POST or PUT request\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} options.onComplete Callback to invoke when request is completed\r\n * @return {XMLHttpRequest} request\r\n */\r\nexport function request(url, options = {}) {\r\n const method = options.method ? options.method.toUpperCase() : 'GET',\r\n onComplete = options.onComplete || noop,\r\n xhr = new fabric.window.XMLHttpRequest(),\r\n body = options.body || options.parameters,\r\n signal = options.signal,\r\n abort = function () {\r\n xhr.abort();\r\n },\r\n removeListener = function () {\r\n signal && signal.removeEventListener('abort', abort);\r\n xhr.onerror = xhr.ontimeout = noop;\r\n };\r\n\r\n if (signal && signal.aborted) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n } else if (signal) {\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n\r\n /** @ignore */\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState === 4) {\r\n removeListener();\r\n onComplete(xhr);\r\n xhr.onreadystatechange = noop;\r\n }\r\n };\r\n\r\n xhr.onerror = xhr.ontimeout = removeListener;\r\n\r\n if (method === 'GET' && options.parameters) {\r\n const { origin, pathname, searchParams } = new URL(url);\r\n url = `${origin}${pathname}?${new URLSearchParams([\r\n ...Array.from(searchParams.entries()),\r\n ...Object.entries(options.parameters),\r\n ])}`;\r\n }\r\n\r\n xhr.open(method, url, true);\r\n\r\n if (method === 'POST' || method === 'PUT') {\r\n xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\r\n }\r\n\r\n xhr.send(method === 'GET' ? null : body);\r\n return xhr;\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\nconst touchEvents = ['touchstart', 'touchmove', 'touchend'];\r\n\r\n/**\r\n * Adds an event listener to an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const addListener = (element, eventName, handler, options) =>\r\n element && element.addEventListener(eventName, handler, options);\r\n\r\n/**\r\n * Removes an event listener from an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const removeListener = (element, eventName, handler, options) =>\r\n element && element.removeEventListener(eventName, handler, options);\r\n\r\nfunction getTouchInfo(event) {\r\n const touchProp = event.changedTouches;\r\n if (touchProp && touchProp[0]) {\r\n return touchProp[0];\r\n }\r\n return event;\r\n}\r\n\r\nexport const getPointer = (event) => {\r\n const element = event.target,\r\n scroll = fabric.util.getScrollLeftTop(element),\r\n _evt = getTouchInfo(event);\r\n return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top);\r\n};\r\n\r\nexport const isTouchEvent = (event) =>\r\n touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch';\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Wraps element with another element\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to wrap\r\n * @param {HTMLElement|String} wrapper Element to wrap with\r\n * @param {Object} [attributes] Attributes to set on a wrapper\r\n * @return {HTMLElement} wrapper\r\n */\r\nexport function wrapElement(element, wrapper) {\r\n if (element.parentNode) {\r\n element.parentNode.replaceChild(wrapper, element);\r\n }\r\n wrapper.appendChild(element);\r\n return wrapper;\r\n}\r\n\r\n/**\r\n * Returns element scroll offsets\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to operate on\r\n * @return {Object} Object with left/top values\r\n */\r\nexport function getScrollLeftTop(element) {\r\n let left = 0,\r\n top = 0;\r\n\r\n const docElement = fabric.document.documentElement,\r\n body = fabric.document.body || {\r\n scrollLeft: 0,\r\n scrollTop: 0,\r\n };\r\n // While loop checks (and then sets element to) .parentNode OR .host\r\n // to account for ShadowDOM. We still want to traverse up out of ShadowDOM,\r\n // but the .parentNode of a root ShadowDOM node will always be null, instead\r\n // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938\r\n while (element && (element.parentNode || element.host)) {\r\n // Set element to element parent, or 'host' in case of ShadowDOM\r\n element = element.parentNode || element.host;\r\n\r\n if (element === fabric.document) {\r\n left = body.scrollLeft || docElement.scrollLeft || 0;\r\n top = body.scrollTop || docElement.scrollTop || 0;\r\n } else {\r\n left += element.scrollLeft || 0;\r\n top += element.scrollTop || 0;\r\n }\r\n\r\n if (element.nodeType === 1 && element.style.position === 'fixed') {\r\n break;\r\n }\r\n }\r\n\r\n return { left, top };\r\n}\r\n\r\n/**\r\n * Returns offset for a given element\r\n * @function\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to get offset for\r\n * @return {Object} Object with \"left\" and \"top\" properties\r\n */\r\nexport function getElementOffset(element) {\r\n let box = { left: 0, top: 0 };\r\n const doc = element && element.ownerDocument,\r\n offset = { left: 0, top: 0 },\r\n offsetAttributes = {\r\n borderLeftWidth: 'left',\r\n borderTopWidth: 'top',\r\n paddingLeft: 'left',\r\n paddingTop: 'top',\r\n };\r\n\r\n if (!doc) {\r\n return offset;\r\n }\r\n const elemStyle = fabric.document.defaultView.getComputedStyle(element, null);\r\n for (const attr in offsetAttributes) {\r\n offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0;\r\n }\r\n\r\n const docElem = doc.documentElement;\r\n if (typeof element.getBoundingClientRect !== 'undefined') {\r\n box = element.getBoundingClientRect();\r\n }\r\n\r\n const scrollLeftTop = getScrollLeftTop(element);\r\n\r\n return {\r\n left:\r\n box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left,\r\n top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top,\r\n };\r\n}\r\n\r\n/**\r\n * Makes element unselectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make unselectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementUnselectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = () => false;\r\n }\r\n element.style.userSelect = 'none';\r\n return element;\r\n}\r\n\r\n/**\r\n * Makes element selectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make selectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementSelectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = null;\r\n }\r\n element.style.userSelect = '';\r\n return element;\r\n}\r\n\r\nexport function getNodeCanvas(element) {\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n return impl._canvas || impl._image;\r\n}\r\n\r\nexport function cleanUpJsdomNode(element) {\r\n if (!fabric.isLikelyNode) {\r\n return;\r\n }\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n if (impl) {\r\n impl._image = null;\r\n impl._canvas = null;\r\n // unsure if necessary\r\n impl._currentSrc = null;\r\n impl._attributes = null;\r\n impl._classList = null;\r\n }\r\n}\r\n","/**\r\n * Returns true if context has transparent pixel\r\n * at specified location (taking tolerance into account)\r\n * @param {CanvasRenderingContext2D} ctx context\r\n * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance\r\n * @return {boolean} true if transparent\r\n */\r\nexport const isTransparent = (\r\n ctx: CanvasRenderingContext2D,\r\n x: number,\r\n y: number,\r\n tolerance: number\r\n): boolean => {\r\n // If tolerance is > 0 adjust start coords to take into account.\r\n // If moves off Canvas fix to 0\r\n if (tolerance > 0) {\r\n if (x > tolerance) {\r\n x -= tolerance;\r\n } else {\r\n x = 0;\r\n }\r\n if (y > tolerance) {\r\n y -= tolerance;\r\n } else {\r\n y = 0;\r\n }\r\n }\r\n\r\n let _isTransparent = true;\r\n const { data } = ctx.getImageData(\r\n x,\r\n y,\r\n tolerance * 2 || 1,\r\n tolerance * 2 || 1\r\n );\r\n const l = data.length;\r\n\r\n // Split image data - for tolerance > 1, pixelDataSize = 4;\r\n for (let i = 3; i < l; i += 4) {\r\n const alphaChannel = data[i];\r\n if (alphaChannel > 0) {\r\n // Stop if colour found\r\n _isTransparent = false;\r\n break;\r\n }\r\n }\r\n\r\n return _isTransparent;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { TObject } from '../../__types__';\r\nimport { sendObjectToPlane } from './planeChange';\r\n\r\n/**\r\n * Merges 2 clip paths into one visually equal clip path\r\n *\r\n * **IMPORTANT**:\\\r\n * Does **NOT** clone the arguments, clone them proir if necessary.\r\n *\r\n * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap.\r\n * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible.\r\n *\r\n * In order to handle the `inverted` property we follow logic described in the following cases:\\\r\n * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\\\r\n * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\\\r\n * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged.\r\n *\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} c1\r\n * @param {fabric.Object} c2\r\n * @returns {fabric.Object} merged clip path\r\n */\r\nexport const mergeClipPaths = (c1: TObject, c2: TObject) => {\r\n let a = c1,\r\n b = c2;\r\n if (a.inverted && !b.inverted) {\r\n // case (2)\r\n a = c2;\r\n b = c1;\r\n }\r\n // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane\r\n sendObjectToPlane(b, b.group?.calcTransformMatrix(), a.calcTransformMatrix());\r\n // assign the `inverted` prop to the wrapping group\r\n const inverted = a.inverted && b.inverted;\r\n if (inverted) {\r\n // case (1)\r\n a.inverted = b.inverted = false;\r\n }\r\n return new fabric.Group([a], { clipPath: b, inverted });\r\n};\r\n","import { twoMathPi, halfPI } from '../constants';\r\n\r\ntype TEasingFunction = (\r\n currentTime: number,\r\n startValue: number,\r\n byValue: number,\r\n duration: number\r\n) => number;\r\n\r\n/**\r\n * Easing functions\r\n * See Easing Equations by Robert Penner\r\n * @namespace fabric.util.ease\r\n */\r\n\r\nconst normalize = (a: number, c: number, p: number, s: number) => {\r\n if (a < Math.abs(c)) {\r\n a = c;\r\n s = p / 4;\r\n } else {\r\n //handle the 0/0 case:\r\n if (c === 0 && a === 0) {\r\n s = (p / twoMathPi) * Math.asin(1);\r\n } else {\r\n s = (p / twoMathPi) * Math.asin(c / a);\r\n }\r\n }\r\n return { a, c, p, s };\r\n};\r\n\r\nconst elastic = (\r\n a: number,\r\n s: number,\r\n p: number,\r\n t: number,\r\n d: number\r\n): number =>\r\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\r\n\r\n/**\r\n * Cubic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 2 + 1) + b;\r\n\r\n/**\r\n * Cubic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 3 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 2 + 2) + b;\r\n};\r\n\r\n/**\r\n * Quartic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 3 + b;\r\n\r\n/**\r\n * Quartic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\r\n -c * ((t = t / d - 1) * t ** 3 - 1) + b;\r\n\r\n/**\r\n * Quartic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 4 + b;\r\n }\r\n return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b;\r\n};\r\n\r\n/**\r\n * Quintic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 4 + b;\r\n\r\n/**\r\n * Quintic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 4 + 1) + b;\r\n\r\n/**\r\n * Quintic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 5 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 4 + 2) + b;\r\n};\r\n\r\n/**\r\n * Sinusoidal easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * halfPI) + c + b;\r\n\r\n/**\r\n * Sinusoidal easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sin((t / d) * halfPI) + b;\r\n\r\n/**\r\n * Sinusoidal easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\r\n (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b;\r\n\r\n/**\r\n * Exponential easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\r\n t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b;\r\n\r\n/**\r\n * Exponential easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\r\n t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b;\r\n\r\n/**\r\n * Exponential easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\r\n if (t === 0) {\r\n return b;\r\n }\r\n if (t === d) {\r\n return b + c;\r\n }\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * 2 ** (10 * (t - 1)) + b;\r\n }\r\n return (c / 2) * -(2 ** (-10 * --t) + 2) + b;\r\n};\r\n\r\n/**\r\n * Circular easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\r\n -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;\r\n\r\n/**\r\n * Circular easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sqrt(1 - (t = t / d - 1) * t) + b;\r\n\r\n/**\r\n * Circular easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b;\r\n }\r\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\r\n return -elastic(normA, normS, normP, t, d) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n return (\r\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Elastic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d / 2;\r\n if (t === 2) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * (0.3 * 1.5);\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n if (t < 1) {\r\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\r\n }\r\n return (\r\n normA *\r\n Math.pow(2, -10 * (t -= 1)) *\r\n Math.sin(((t * d - normS) * twoMathPi) / normP) *\r\n 0.5 +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Backwards easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * (t /= d) * t * ((s + 1) * t - s) + b;\r\n\r\n/**\r\n * Backwards easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\r\n\r\n/**\r\n * Backwards easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;\r\n};\r\n\r\n/**\r\n * Bouncing easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\r\n if ((t /= d) < 1 / 2.75) {\r\n return c * (7.5625 * t * t) + b;\r\n } else if (t < 2 / 2.75) {\r\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\r\n } else if (t < 2.5 / 2.75) {\r\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\r\n } else {\r\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\r\n }\r\n};\r\n\r\n/**\r\n * Bouncing easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\r\n c - easeOutBounce(d - t, 0, c, d) + b;\r\n\r\n/**\r\n * Bouncing easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\r\n t < d / 2\r\n ? easeInBounce(t * 2, 0, c, d) * 0.5 + b\r\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\r\n\r\n/**\r\n * Quadratic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c * (t /= d) * t + b;\r\n\r\n/**\r\n * Quadratic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\r\n -c * (t /= d) * (t - 2) + b;\r\n\r\n/**\r\n * Quadratic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 2 + b;\r\n }\r\n return (-c / 2) * (--t * (t - 2) - 1) + b;\r\n};\r\n\r\n/**\r\n * Cubic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t * t + b;\r\n","/**\r\n * Map of the 148 color names with HEX code\r\n * @see: https://www.w3.org/TR/css3-color/#svg-color\r\n */\r\nexport const ColorNameMap = {\r\n aliceblue: '#F0F8FF',\r\n antiquewhite: '#FAEBD7',\r\n aqua: '#00FFFF',\r\n aquamarine: '#7FFFD4',\r\n azure: '#F0FFFF',\r\n beige: '#F5F5DC',\r\n bisque: '#FFE4C4',\r\n black: '#000000',\r\n blanchedalmond: '#FFEBCD',\r\n blue: '#0000FF',\r\n blueviolet: '#8A2BE2',\r\n brown: '#A52A2A',\r\n burlywood: '#DEB887',\r\n cadetblue: '#5F9EA0',\r\n chartreuse: '#7FFF00',\r\n chocolate: '#D2691E',\r\n coral: '#FF7F50',\r\n cornflowerblue: '#6495ED',\r\n cornsilk: '#FFF8DC',\r\n crimson: '#DC143C',\r\n cyan: '#00FFFF',\r\n darkblue: '#00008B',\r\n darkcyan: '#008B8B',\r\n darkgoldenrod: '#B8860B',\r\n darkgray: '#A9A9A9',\r\n darkgrey: '#A9A9A9',\r\n darkgreen: '#006400',\r\n darkkhaki: '#BDB76B',\r\n darkmagenta: '#8B008B',\r\n darkolivegreen: '#556B2F',\r\n darkorange: '#FF8C00',\r\n darkorchid: '#9932CC',\r\n darkred: '#8B0000',\r\n darksalmon: '#E9967A',\r\n darkseagreen: '#8FBC8F',\r\n darkslateblue: '#483D8B',\r\n darkslategray: '#2F4F4F',\r\n darkslategrey: '#2F4F4F',\r\n darkturquoise: '#00CED1',\r\n darkviolet: '#9400D3',\r\n deeppink: '#FF1493',\r\n deepskyblue: '#00BFFF',\r\n dimgray: '#696969',\r\n dimgrey: '#696969',\r\n dodgerblue: '#1E90FF',\r\n firebrick: '#B22222',\r\n floralwhite: '#FFFAF0',\r\n forestgreen: '#228B22',\r\n fuchsia: '#FF00FF',\r\n gainsboro: '#DCDCDC',\r\n ghostwhite: '#F8F8FF',\r\n gold: '#FFD700',\r\n goldenrod: '#DAA520',\r\n gray: '#808080',\r\n grey: '#808080',\r\n green: '#008000',\r\n greenyellow: '#ADFF2F',\r\n honeydew: '#F0FFF0',\r\n hotpink: '#FF69B4',\r\n indianred: '#CD5C5C',\r\n indigo: '#4B0082',\r\n ivory: '#FFFFF0',\r\n khaki: '#F0E68C',\r\n lavender: '#E6E6FA',\r\n lavenderblush: '#FFF0F5',\r\n lawngreen: '#7CFC00',\r\n lemonchiffon: '#FFFACD',\r\n lightblue: '#ADD8E6',\r\n lightcoral: '#F08080',\r\n lightcyan: '#E0FFFF',\r\n lightgoldenrodyellow: '#FAFAD2',\r\n lightgray: '#D3D3D3',\r\n lightgrey: '#D3D3D3',\r\n lightgreen: '#90EE90',\r\n lightpink: '#FFB6C1',\r\n lightsalmon: '#FFA07A',\r\n lightseagreen: '#20B2AA',\r\n lightskyblue: '#87CEFA',\r\n lightslategray: '#778899',\r\n lightslategrey: '#778899',\r\n lightsteelblue: '#B0C4DE',\r\n lightyellow: '#FFFFE0',\r\n lime: '#00FF00',\r\n limegreen: '#32CD32',\r\n linen: '#FAF0E6',\r\n magenta: '#FF00FF',\r\n maroon: '#800000',\r\n mediumaquamarine: '#66CDAA',\r\n mediumblue: '#0000CD',\r\n mediumorchid: '#BA55D3',\r\n mediumpurple: '#9370DB',\r\n mediumseagreen: '#3CB371',\r\n mediumslateblue: '#7B68EE',\r\n mediumspringgreen: '#00FA9A',\r\n mediumturquoise: '#48D1CC',\r\n mediumvioletred: '#C71585',\r\n midnightblue: '#191970',\r\n mintcream: '#F5FFFA',\r\n mistyrose: '#FFE4E1',\r\n moccasin: '#FFE4B5',\r\n navajowhite: '#FFDEAD',\r\n navy: '#000080',\r\n oldlace: '#FDF5E6',\r\n olive: '#808000',\r\n olivedrab: '#6B8E23',\r\n orange: '#FFA500',\r\n orangered: '#FF4500',\r\n orchid: '#DA70D6',\r\n palegoldenrod: '#EEE8AA',\r\n palegreen: '#98FB98',\r\n paleturquoise: '#AFEEEE',\r\n palevioletred: '#DB7093',\r\n papayawhip: '#FFEFD5',\r\n peachpuff: '#FFDAB9',\r\n peru: '#CD853F',\r\n pink: '#FFC0CB',\r\n plum: '#DDA0DD',\r\n powderblue: '#B0E0E6',\r\n purple: '#800080',\r\n rebeccapurple: '#663399',\r\n red: '#FF0000',\r\n rosybrown: '#BC8F8F',\r\n royalblue: '#4169E1',\r\n saddlebrown: '#8B4513',\r\n salmon: '#FA8072',\r\n sandybrown: '#F4A460',\r\n seagreen: '#2E8B57',\r\n seashell: '#FFF5EE',\r\n sienna: '#A0522D',\r\n silver: '#C0C0C0',\r\n skyblue: '#87CEEB',\r\n slateblue: '#6A5ACD',\r\n slategray: '#708090',\r\n slategrey: '#708090',\r\n snow: '#FFFAFA',\r\n springgreen: '#00FF7F',\r\n steelblue: '#4682B4',\r\n tan: '#D2B48C',\r\n teal: '#008080',\r\n thistle: '#D8BFD8',\r\n tomato: '#FF6347',\r\n turquoise: '#40E0D0',\r\n violet: '#EE82EE',\r\n wheat: '#F5DEB3',\r\n white: '#FFFFFF',\r\n whitesmoke: '#F5F5F5',\r\n yellow: '#FFFF00',\r\n yellowgreen: '#9ACD32',\r\n};\r\n","/**\r\n * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\n// eslint-disable-next-line max-len\r\nexport const reRGBa =\r\n /^rgba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*(?:\\s*,\\s*((?:\\d*\\.?\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 ))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHSLa =\r\n /^hsla?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3}%)\\s*,\\s*(\\d{1,3}%)\\s*(?:\\s*,\\s*(\\d+(?:\\.\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff)\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;\r\n","/**\r\n * @private\r\n * @param {Number} p\r\n * @param {Number} q\r\n * @param {Number} t\r\n * @return {Number}\r\n */\r\nexport function hue2rgb(p: number, q: number, t: number): number {\r\n if (t < 0) {\r\n t += 1;\r\n }\r\n if (t > 1) {\r\n t -= 1;\r\n }\r\n if (t < 1 / 6) {\r\n return p + (q - p) * 6 * t;\r\n }\r\n if (t < 1 / 2) {\r\n return q;\r\n }\r\n if (t < 2 / 3) {\r\n return p + (q - p) * (2 / 3 - t) * 6;\r\n }\r\n return p;\r\n}\r\n\r\n/**\r\n * Convert a [0, 255] value to hex\r\n * @param value\r\n * @returns\r\n */\r\nexport function hexify(value: number) {\r\n const hexValue = value.toString(16).toUpperCase();\r\n return hexValue.length === 1 ? `0${hexValue}` : hexValue;\r\n}\r\n","//@ts-nocheck\r\nimport { ColorNameMap } from './color_map';\r\nimport { reHSLa, reHex, reRGBa } from './constants';\r\nimport { hue2rgb, hexify } from './util';\r\n\r\ntype TColorSource = [number, number, number];\r\n\r\ntype TColorAlphaSource = [number, number, number, number];\r\n\r\n/**\r\n * @class Color common color operations\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}\r\n */\r\nexport class Color {\r\n private _source: TColorAlphaSource;\r\n\r\n /**\r\n *\r\n * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list\r\n */\r\n constructor(color?: string) {\r\n if (!color) {\r\n this.setSource([0, 0, 0, 1]);\r\n } else {\r\n this._tryParsingColor(color);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} [color] Color value to parse\r\n */\r\n _tryParsingColor(color?: string) {\r\n if (color in ColorNameMap) {\r\n color = ColorNameMap[color];\r\n }\r\n\r\n const source =\r\n color === 'transparent'\r\n ? [255, 255, 255, 0]\r\n : Color.sourceFromHex(color) ||\r\n Color.sourceFromRgb(color) ||\r\n Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does\r\n\r\n if (source) {\r\n this.setSource(source);\r\n }\r\n }\r\n\r\n /**\r\n * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson}\r\n * @private\r\n * @param {Number} r Red color value\r\n * @param {Number} g Green color value\r\n * @param {Number} b Blue color value\r\n * @return {TColorSource} Hsl color\r\n */\r\n _rgbToHsl(r: number, g: number, b: number): TColorSource {\r\n r /= 255;\r\n g /= 255;\r\n b /= 255;\r\n const maxValue = Math.max(r, g, b),\r\n minValue = Math.min(r, g, b);\r\n\r\n let h, s;\r\n const l = (maxValue + minValue) / 2;\r\n\r\n if (maxValue === minValue) {\r\n h = s = 0; // achromatic\r\n } else {\r\n const d = maxValue - minValue;\r\n s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue);\r\n switch (maxValue) {\r\n case r:\r\n h = (g - b) / d + (g < b ? 6 : 0);\r\n break;\r\n case g:\r\n h = (b - r) / d + 2;\r\n break;\r\n case b:\r\n h = (r - g) / d + 4;\r\n break;\r\n }\r\n h /= 6;\r\n }\r\n\r\n return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\r\n }\r\n\r\n /**\r\n * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @return {TColorAlphaSource}\r\n */\r\n getSource() {\r\n return this._source;\r\n }\r\n\r\n /**\r\n * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @param {TColorAlphaSource} source\r\n */\r\n setSource(source: TColorAlphaSource) {\r\n this._source = source;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGB format\r\n * @return {String} ex: rgb(0-255,0-255,0-255)\r\n */\r\n toRgb() {\r\n const source = this.getSource();\r\n return `rgb(${source[0]},${source[1]},${source[2]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGBA format\r\n * @return {String} ex: rgba(0-255,0-255,0-255,0-1)\r\n */\r\n toRgba() {\r\n const source = this.getSource();\r\n return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSL format\r\n * @return {String} ex: hsl(0-360,0%-100%,0%-100%)\r\n */\r\n toHsl() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSLA format\r\n * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)\r\n */\r\n toHsla() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEX format\r\n * @return {String} ex: FF5555\r\n */\r\n toHex() {\r\n const [r, g, b] = this.getSource();\r\n return `${hexify(r)}${hexify(g)}${hexify(b)}`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEXA format\r\n * @return {String} ex: FF5555CC\r\n */\r\n toHexa() {\r\n const source = this.getSource();\r\n return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`;\r\n }\r\n\r\n /**\r\n * Gets value of alpha channel for this color\r\n * @return {Number} 0-1\r\n */\r\n getAlpha() {\r\n return this.getSource()[3];\r\n }\r\n\r\n /**\r\n * Sets value of alpha channel for this color\r\n * @param {Number} alpha Alpha value 0-1\r\n * @return {Color} thisArg\r\n */\r\n setAlpha(alpha: number) {\r\n const source = this.getSource();\r\n source[3] = alpha;\r\n this.setSource(source);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its grayscale representation\r\n * @return {Color} thisArg\r\n */\r\n toGrayscale() {\r\n const source = this.getSource(),\r\n average = parseInt(\r\n (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0),\r\n 10\r\n ),\r\n currentAlpha = source[3];\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its black and white representation\r\n * @param {Number} threshold\r\n * @return {Color} thisArg\r\n */\r\n toBlackWhite(threshold: number) {\r\n const source = this.getSource(),\r\n currentAlpha = source[3];\r\n let average = Math.round(\r\n source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11\r\n );\r\n\r\n average = average < (threshold || 127) ? 0 : 255;\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Overlays color with another color\r\n * @param {String|Color} otherColor\r\n * @return {Color} thisArg\r\n */\r\n overlayWith(otherColor: string | Color) {\r\n if (!(otherColor instanceof Color)) {\r\n otherColor = new Color(otherColor);\r\n }\r\n\r\n const result = [],\r\n alpha = this.getAlpha(),\r\n otherAlpha = 0.5,\r\n source = this.getSource(),\r\n otherSource = otherColor.getSource();\r\n\r\n for (let i = 0; i < 3; i++) {\r\n result.push(\r\n Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)\r\n );\r\n }\r\n\r\n result[3] = alpha;\r\n this.setSource(result);\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGB format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255)\r\n * @return {Color}\r\n */\r\n static fromRgb(color: string): Color {\r\n return Color.fromRgba(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGBA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromRgba(color: string): Color {\r\n return Color.fromSource(Color.sourceFromRgb(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromRgb(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reRGBa);\r\n if (match) {\r\n const r =\r\n (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) *\r\n (/%$/.test(match[1]) ? 255 : 1),\r\n g =\r\n (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) *\r\n (/%$/.test(match[2]) ? 255 : 1),\r\n b =\r\n (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) *\r\n (/%$/.test(match[3]) ? 255 : 1);\r\n\r\n return [\r\n parseInt(r, 10),\r\n parseInt(g, 10),\r\n parseInt(b, 10),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSL format\r\n * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)\r\n * @memberOf Color\r\n * @return {Color}\r\n */\r\n static fromHsl(color: string): Color {\r\n return Color.fromHsla(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSLA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromHsla(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHsl(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.\r\n * Adapted from https://github.com/mjijackson\r\n * @memberOf Color\r\n * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)\r\n * @return {TColorAlphaSource | undefined} source\r\n * @see http://http://www.w3.org/TR/css3-color/#hsl-color\r\n */\r\n static sourceFromHsl(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reHSLa);\r\n if (!match) {\r\n return;\r\n }\r\n\r\n const h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360,\r\n s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1),\r\n l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1);\r\n let r, g, b;\r\n\r\n if (s === 0) {\r\n r = g = b = l;\r\n } else {\r\n const q = l <= 0.5 ? l * (s + 1) : l + s - l * s,\r\n p = l * 2 - q;\r\n\r\n r = hue2rgb(p, q, h + 1 / 3);\r\n g = hue2rgb(p, q, h);\r\n b = hue2rgb(p, q, h - 1 / 3);\r\n }\r\n\r\n return [\r\n Math.round(r * 255),\r\n Math.round(g * 255),\r\n Math.round(b * 255),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color Color value ex: FF5555\r\n * @return {Color}\r\n */\r\n static fromHex(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHex(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color ex: FF5555 or FF5544CC (RGBa)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromHex(color: string): TColorAlphaSource | undefined {\r\n if (color.match(reHex)) {\r\n const value = color.slice(color.indexOf('#') + 1),\r\n isShortNotation = value.length === 3 || value.length === 4,\r\n isRGBa = value.length === 8 || value.length === 4,\r\n r = isShortNotation\r\n ? value.charAt(0) + value.charAt(0)\r\n : value.substring(0, 2),\r\n g = isShortNotation\r\n ? value.charAt(1) + value.charAt(1)\r\n : value.substring(2, 4),\r\n b = isShortNotation\r\n ? value.charAt(2) + value.charAt(2)\r\n : value.substring(4, 6),\r\n a = isRGBa\r\n ? isShortNotation\r\n ? value.charAt(3) + value.charAt(3)\r\n : value.substring(6, 8)\r\n : 'FF';\r\n\r\n return [\r\n parseInt(r, 16),\r\n parseInt(g, 16),\r\n parseInt(b, 16),\r\n parseFloat((parseInt(a, 16) / 255).toFixed(2)),\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5])\r\n * @static\r\n * @memberOf Color\r\n * @param {TColorSource | TColorAlphaSource} source\r\n * @return {Color}\r\n */\r\n static fromSource(source: TColorSource | TColorAlphaSource): Color {\r\n const oColor = new Color();\r\n oColor.setSource(source);\r\n return oColor;\r\n }\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from './color.class';\r\nexport { Color };\r\nfabric.Color = Color;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Array holding all running animations\r\n * @memberof fabric\r\n * @type {AnimationContext[]}\r\n */\r\nclass RunningAnimations extends Array {\r\n /**\r\n * cancel all running animations at the next requestAnimFrame\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelAll(): any[] {\r\n const animations = this.splice(0);\r\n animations.forEach((animation) => animation.cancel());\r\n return animations;\r\n }\r\n\r\n /**\r\n * cancel all running animations attached to canvas at the next requestAnimFrame\r\n * @param {fabric.Canvas} canvas\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByCanvas(canvas: any) {\r\n if (!canvas) {\r\n return [];\r\n }\r\n const cancelled = this.filter(\r\n (animation) =>\r\n typeof animation.target === 'object' &&\r\n animation.target.canvas === canvas\r\n );\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n * cancel all running animations for target at the next requestAnimFrame\r\n * @param {*} target\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByTarget(target) {\r\n const cancelled = this.findAnimationsByTarget(target);\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {number}\r\n */\r\n findAnimationIndex(cancelFunc) {\r\n return this.indexOf(this.findAnimation(cancelFunc));\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {AnimationContext | undefined} animation's options object\r\n */\r\n findAnimation(cancelFunc) {\r\n return this.find((animation) => animation.cancel === cancelFunc);\r\n }\r\n\r\n /**\r\n *\r\n * @param {*} target the object that is assigned to the target property of the animation context\r\n * @returns {AnimationContext[]} array of animation options object associated with target\r\n */\r\n findAnimationsByTarget(target) {\r\n if (!target) {\r\n return [];\r\n }\r\n return this.filter((animation) => animation.target === target);\r\n }\r\n}\r\n\r\nexport const runningAnimations = new RunningAnimations();\r\n\r\nfabric.runningAnimations = runningAnimations;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { runningAnimations } from './animation_registry';\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n *\r\n * @typedef {Object} AnimationOptions\r\n * Animation of a value or list of values.\r\n * @property {Function} [onChange] Callback; invoked on every value change\r\n * @property {Function} [onComplete] Callback; invoked when value change is completed\r\n * @property {number | number[]} [startValue=0] Starting value\r\n * @property {number | number[]} [endValue=100] Ending value\r\n * @property {number | number[]} [byValue=100] Value to modify the property by\r\n * @property {Function} [easing] Easing function\r\n * @property {number} [duration=500] Duration of change (in ms)\r\n * @property {Function} [abort] Additional function with logic. If returns true, animation aborts.\r\n * @property {number} [delay] Delay of animation start (in ms)\r\n *\r\n * @typedef {() => void} CancelFunction\r\n *\r\n * @typedef {Object} AnimationCurrentState\r\n * @property {number | number[]} currentValue value in range [`startValue`, `endValue`]\r\n * @property {number} completionRate value in range [0, 1]\r\n * @property {number} durationRate value in range [0, 1]\r\n *\r\n * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext\r\n */\r\n\r\nconst defaultEasing = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * (Math.PI / 2)) + c + b;\r\n\r\n/**\r\n * Changes value from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {AnimationOptions} [options] Animation options\r\n * When using lists, think of something like this:\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: [1, 2, 3],\r\n * endValue: [2, 4, 6],\r\n * onChange: function([x, y, zoom]) {\r\n * canvas.zoomToPoint(new Point(x, y), zoom);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: 1,\r\n * endValue: 0,\r\n * onChange: function(v) {\r\n * obj.set('opacity', v);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @returns {CancelFunction} cancel function\r\n */\r\nexport function animate(options = {}) {\r\n let cancel = false;\r\n\r\n const {\r\n startValue = 0,\r\n duration = 500,\r\n easing = defaultEasing,\r\n onChange = noop,\r\n abort = noop,\r\n onComplete = noop,\r\n endValue = 100,\r\n delay = 0,\r\n } = options;\r\n\r\n const context = {\r\n ...options,\r\n currentValue: startValue,\r\n completionRate: 0,\r\n durationRate: 0,\r\n };\r\n\r\n const removeFromRegistry = () => {\r\n const index = runningAnimations.indexOf(context);\r\n return index > -1 && runningAnimations.splice(index, 1)[0];\r\n };\r\n\r\n context.cancel = function () {\r\n cancel = true;\r\n return removeFromRegistry();\r\n };\r\n runningAnimations.push(context);\r\n\r\n const runner = function (timestamp) {\r\n const start = timestamp || +new Date(),\r\n finish = start + duration,\r\n isMany = Array.isArray(startValue),\r\n byValue =\r\n options.byValue ||\r\n (isMany\r\n ? startValue.map((value, i) => endValue[i] - value)\r\n : endValue - startValue);\r\n\r\n options.onStart && options.onStart();\r\n\r\n (function tick(ticktime) {\r\n const time = ticktime || +new Date();\r\n const currentTime = time > finish ? duration : time - start,\r\n timePerc = currentTime / duration,\r\n current = isMany\r\n ? startValue.map((_value, i) =>\r\n easing(currentTime, _value, byValue[i], duration)\r\n )\r\n : easing(currentTime, startValue, byValue, duration),\r\n valuePerc = isMany\r\n ? Math.abs((current[0] - startValue[0]) / byValue[0])\r\n : Math.abs((current - startValue) / byValue);\r\n // update context\r\n context.currentValue = isMany ? current.slice() : current;\r\n context.completionRate = valuePerc;\r\n context.durationRate = timePerc;\r\n\r\n if (cancel) {\r\n return;\r\n }\r\n if (abort(current, valuePerc, timePerc)) {\r\n removeFromRegistry();\r\n return;\r\n }\r\n if (time > finish) {\r\n // update context\r\n context.currentValue = isMany ? endValue.slice() : endValue;\r\n context.completionRate = 1;\r\n context.durationRate = 1;\r\n // execute callbacks\r\n onChange(isMany ? endValue.slice() : endValue, 1, 1);\r\n onComplete(endValue, 1, 1);\r\n removeFromRegistry();\r\n return;\r\n } else {\r\n onChange(current, valuePerc, timePerc);\r\n requestAnimFrame(tick);\r\n }\r\n })(start);\r\n };\r\n\r\n if (delay > 0) {\r\n setTimeout(() => requestAnimFrame(runner), delay);\r\n } else {\r\n requestAnimFrame(runner);\r\n }\r\n\r\n return context.cancel;\r\n}\r\n\r\nconst _requestAnimFrame =\r\n fabric.window.requestAnimationFrame ||\r\n function (callback) {\r\n return fabric.window.setTimeout(callback, 1000 / 60);\r\n };\r\n\r\nconst _cancelAnimFrame =\r\n fabric.window.cancelAnimationFrame || fabric.window.clearTimeout;\r\n\r\n/**\r\n * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/\r\n * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method\r\n * @memberOf fabric.util\r\n * @param {Function} callback Callback to invoke\r\n * @param {DOMElement} element optional Element to associate with animation\r\n */\r\nexport function requestAnimFrame(...args) {\r\n return _requestAnimFrame.apply(fabric.window, args);\r\n}\r\n\r\nexport function cancelAnimFrame(...args) {\r\n return _cancelAnimFrame.apply(fabric.window, args);\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { animate } from './animate';\r\n\r\n// Calculate an in-between color. Returns a \"rgba()\" string.\r\n// Credit: Edwin Martin \r\n// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js\r\n// const calculateColor = (begin: number[], end: number[], pos) => {\r\n// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg));\r\n// const a = begin && end ? parseFloat(_a) : 1;\r\n// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`;\r\n// }\r\n\r\n// color animation is broken. This function pass the tests for some reasons\r\n// but begin and end aren't array anymore since we improved animate function\r\n// to handler arrays internally.\r\nfunction calculateColor(begin, end, pos) {\r\n let color =\r\n 'rgba(' +\r\n parseInt(begin[0] + pos * (end[0] - begin[0]), 10) +\r\n ',' +\r\n parseInt(begin[1] + pos * (end[1] - begin[1]), 10) +\r\n ',' +\r\n parseInt(begin[2] + pos * (end[2] - begin[2]), 10);\r\n\r\n color +=\r\n ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1);\r\n color += ')';\r\n return color;\r\n}\r\n\r\nconst defaultColorEasing = (currentTime, duration) =>\r\n 1 - Math.cos((currentTime / duration) * (Math.PI / 2));\r\n\r\n/**\r\n * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {String} fromColor The starting color in hex or rgb(a) format.\r\n * @param {String} toColor The starting color in hex or rgb(a) format.\r\n * @param {Number} [duration] Duration of change (in ms).\r\n * @param {Object} [options] Animation options\r\n * @param {Function} [options.onChange] Callback; invoked on every value change\r\n * @param {Function} [options.onComplete] Callback; invoked when value change is completed\r\n * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used.\r\n * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called.\r\n * @returns {Function} abort function\r\n */\r\nexport function animateColor(\r\n fromColor,\r\n toColor,\r\n duration = 500,\r\n {\r\n colorEasing = defaultColorEasing,\r\n onComplete,\r\n onChange,\r\n ...restOfOptions\r\n } = {}\r\n) {\r\n const startColor = new Color(fromColor).getSource(),\r\n endColor = new Color(toColor).getSource();\r\n return animate({\r\n ...restOfOptions,\r\n duration,\r\n startValue: startColor,\r\n endValue: endColor,\r\n byValue: endColor,\r\n easing: (currentTime, startValue, byValue, duration) =>\r\n calculateColor(startValue, byValue, colorEasing(currentTime, duration)),\r\n // has to take in account for color restoring;\r\n onComplete: (current, valuePerc, timePerc) =>\r\n onComplete?.(calculateColor(endColor, endColor, 0), valuePerc, timePerc),\r\n onChange: (current, valuePerc, timePerc) => {\r\n if (onChange) {\r\n if (Array.isArray(current)) {\r\n return onChange(\r\n calculateColor(current, current, 0),\r\n valuePerc,\r\n timePerc\r\n );\r\n }\r\n onChange(current, valuePerc, timePerc);\r\n }\r\n },\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\nfunction addMethods(klass, source, parent) {\r\n for (var property in source) {\r\n if (\r\n property in klass.prototype &&\r\n typeof klass.prototype[property] === 'function' &&\r\n (source[property] + '').indexOf('callSuper') > -1\r\n ) {\r\n klass.prototype[property] = (function (property) {\r\n return function (...args) {\r\n var superclass = this.constructor.superclass;\r\n this.constructor.superclass = parent;\r\n var returnValue = source[property].call(this, ...args);\r\n this.constructor.superclass = superclass;\r\n\r\n if (property !== 'initialize') {\r\n return returnValue;\r\n }\r\n };\r\n })(property);\r\n } else {\r\n klass.prototype[property] = source[property];\r\n }\r\n }\r\n}\r\n\r\nfunction Subclass() {}\r\n\r\nfunction callSuper(methodName, ...args) {\r\n var parentMethod = null,\r\n _this = this;\r\n\r\n // climb prototype chain to find method not equal to callee's method\r\n while (_this.constructor.superclass) {\r\n var superClassMethod = _this.constructor.superclass.prototype[methodName];\r\n if (_this[methodName] !== superClassMethod) {\r\n parentMethod = superClassMethod;\r\n break;\r\n }\r\n // eslint-disable-next-line\r\n _this = _this.constructor.superclass.prototype;\r\n }\r\n\r\n if (!parentMethod) {\r\n return console.log(\r\n 'tried to callSuper ' +\r\n methodName +\r\n ', method not found in prototype chain',\r\n this\r\n );\r\n }\r\n\r\n return parentMethod.call(this, ...args);\r\n}\r\n\r\n/**\r\n * Helper for creation of \"classes\".\r\n * @memberOf fabric.util\r\n * @param {Function} [parent] optional \"Class\" to inherit from\r\n * @param {Object} [properties] Properties shared by all instances of this class\r\n * (be careful modifying objects defined here as this would affect all instances)\r\n */\r\nexport function createClass(...args) {\r\n var parent = null,\r\n properties = [...args];\r\n\r\n if (typeof args[0] === 'function') {\r\n parent = properties.shift();\r\n }\r\n function klass(...klassArgs) {\r\n this.initialize.call(this, ...klassArgs);\r\n }\r\n\r\n klass.superclass = parent;\r\n\r\n if (parent) {\r\n Subclass.prototype = parent.prototype;\r\n klass.prototype = new Subclass();\r\n }\r\n for (var i = 0, length = properties.length; i < length; i++) {\r\n addMethods(klass, properties[i], parent);\r\n }\r\n if (!klass.prototype.initialize) {\r\n klass.prototype.initialize = noop;\r\n }\r\n klass.prototype.constructor = klass;\r\n klass.prototype.callSuper = callSuper;\r\n return klass;\r\n}\r\n","import { fabric } from '../../../HEADER';\r\nimport { cos } from './cos';\r\nimport { sin } from './sin';\r\nimport {\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n} from './vectors';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { rotatePoint } from './rotatePoint';\r\nimport { getRandomInt, removeFromArray } from '../internals';\r\nimport { projectStrokeOnPoints } from './projectStroke';\r\nimport {\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n} from './matrix';\r\nimport { stylesFromArray, stylesToArray, hasStyleChanged } from './textStyles';\r\nimport { clone, extend } from '../lang_object';\r\nimport {\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n} from './dom';\r\nimport { toFixed } from './toFixed';\r\nimport {\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n} from './svgParsing';\r\nimport { findScaleToFit, findScaleToCover } from './findScaleTo';\r\nimport { capValue } from './capValue';\r\nimport {\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n sizeAfterTransform,\r\n} from './objectTransforms';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport {\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n} from './planeChange';\r\nimport { camelize, capitalize, escapeXml, graphemeSplit } from '../lang_string';\r\nimport {\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n} from './objectEnlive';\r\nimport { pick } from './pick';\r\nimport {\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n} from '../path';\r\nimport { setStyle } from '../dom_style';\r\nimport { request } from '../dom_request';\r\nimport {\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n} from '../dom_event';\r\nimport {\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n} from '../dom_misc';\r\nimport { isTransparent } from './isTransparent';\r\nimport { mergeClipPaths } from './mergeClipPaths';\r\nimport * as ease from '../anim_ease';\r\nimport { animateColor } from '../animate_color';\r\nimport { animate, requestAnimFrame, cancelAnimFrame } from '../animate';\r\nimport { createClass } from '../lang_class';\r\n/**\r\n * @namespace fabric.util\r\n */\r\nfabric.util = {\r\n cos,\r\n sin,\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n degreesToRadians,\r\n radiansToDegrees,\r\n rotatePoint,\r\n // probably we should stop exposing this from the interface\r\n getRandomInt,\r\n removeFromArray,\r\n projectStrokeOnPoints,\r\n // matrix.ts file\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n // textStyles.ts file\r\n stylesFromArray,\r\n stylesToArray,\r\n hasStyleChanged,\r\n object: {\r\n clone,\r\n extend,\r\n },\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n toFixed,\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n findScaleToFit,\r\n findScaleToCover,\r\n capValue,\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n makeBoundingBoxFromPoints,\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n string: {\r\n camelize,\r\n capitalize,\r\n escapeXml,\r\n graphemeSplit,\r\n },\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n pick,\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n request,\r\n setStyle,\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n isTransparent,\r\n sizeAfterTransform,\r\n mergeClipPaths,\r\n ease,\r\n animateColor,\r\n animate,\r\n requestAnimFrame,\r\n cancelAnimFrame,\r\n createClass,\r\n};\r\n","/**\r\n * Attributes parsed from all SVG elements\r\n * @type array\r\n */\r\nexport const SHARED_ATTRIBUTES = [\r\n 'display',\r\n 'transform',\r\n 'fill',\r\n 'fill-opacity',\r\n 'fill-rule',\r\n 'opacity',\r\n 'stroke',\r\n 'stroke-dasharray',\r\n 'stroke-linecap',\r\n 'stroke-dashoffset',\r\n 'stroke-linejoin',\r\n 'stroke-miterlimit',\r\n 'stroke-opacity',\r\n 'stroke-width',\r\n 'id',\r\n 'paint-order',\r\n 'vector-effect',\r\n 'instantiated_by_use',\r\n 'clip-path',\r\n];\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { capitalize } from '../util/lang_string';\r\nimport {\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../util/misc/matrix';\r\n\r\nconst ElementsParser = function (\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions,\r\n doc\r\n) {\r\n this.elements = elements;\r\n this.callback = callback;\r\n this.options = options;\r\n this.reviver = reviver;\r\n this.svgUid = (options && options.svgUid) || 0;\r\n this.parsingOptions = parsingOptions;\r\n this.regexUrl = /^url\\(['\"]?#([^'\"]+)['\"]?\\)/g;\r\n this.doc = doc;\r\n};\r\n\r\n(function (proto) {\r\n proto.parse = function () {\r\n this.instances = new Array(this.elements.length);\r\n this.numElements = this.elements.length;\r\n this.createObjects();\r\n };\r\n\r\n proto.createObjects = function () {\r\n this.elements.forEach((element, i) => {\r\n element.setAttribute('svgUid', this.svgUid);\r\n this.createObject(element, i);\r\n });\r\n };\r\n\r\n proto.findTag = function (el) {\r\n return fabric[capitalize(el.tagName.replace('svg:', ''))];\r\n };\r\n\r\n proto.createObject = function (el, index) {\r\n const klass = this.findTag(el);\r\n if (klass && klass.fromElement) {\r\n try {\r\n klass.fromElement(el, this.createCallback(index, el), this.options);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n } else {\r\n this.checkIfDone();\r\n }\r\n };\r\n\r\n proto.createCallback = function (index, el) {\r\n const _this = this;\r\n return function (obj) {\r\n let _options;\r\n _this.resolveGradient(obj, el, 'fill');\r\n _this.resolveGradient(obj, el, 'stroke');\r\n if (obj instanceof fabric.Image && obj._originalElement) {\r\n _options = obj.parsePreserveAspectRatioAttribute(el);\r\n }\r\n obj._removeTransformMatrix(_options);\r\n _this.resolveClipPath(obj, el);\r\n _this.reviver && _this.reviver(el, obj);\r\n _this.instances[index] = obj;\r\n _this.checkIfDone();\r\n };\r\n };\r\n\r\n proto.extractPropertyDefinition = function (obj, property, storage) {\r\n const value = obj[property],\r\n regex = this.regexUrl;\r\n if (!regex.test(value)) {\r\n return;\r\n }\r\n regex.lastIndex = 0;\r\n const id = regex.exec(value)[1];\r\n regex.lastIndex = 0;\r\n return fabric[storage][this.svgUid][id];\r\n };\r\n\r\n proto.resolveGradient = function (obj, el, property) {\r\n const gradientDef = this.extractPropertyDefinition(\r\n obj,\r\n property,\r\n 'gradientDefs'\r\n );\r\n if (gradientDef) {\r\n const opacityAttr = el.getAttribute(property + '-opacity');\r\n const gradient = fabric.Gradient.fromElement(gradientDef, obj, {\r\n ...this.options,\r\n opacity: opacityAttr,\r\n });\r\n obj.set(property, gradient);\r\n }\r\n };\r\n\r\n proto.createClipPathCallback = function (obj, container) {\r\n return function (_newObj) {\r\n _newObj._removeTransformMatrix();\r\n _newObj.fillRule = _newObj.clipRule;\r\n container.push(_newObj);\r\n };\r\n };\r\n\r\n proto.resolveClipPath = function (obj, usingElement) {\r\n var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'),\r\n element,\r\n klass,\r\n objTransformInv,\r\n container,\r\n gTransform,\r\n options;\r\n if (clipPath) {\r\n container = [];\r\n objTransformInv = invertTransform(obj.calcTransformMatrix());\r\n // move the clipPath tag as sibling to the real element that is using it\r\n const clipPathTag = clipPath[0].parentNode;\r\n let clipPathOwner = usingElement;\r\n while (\r\n clipPathOwner.parentNode &&\r\n clipPathOwner.getAttribute('clip-path') !== obj.clipPath\r\n ) {\r\n clipPathOwner = clipPathOwner.parentNode;\r\n }\r\n clipPathOwner.parentNode.appendChild(clipPathTag);\r\n for (let i = 0; i < clipPath.length; i++) {\r\n element = clipPath[i];\r\n klass = this.findTag(element);\r\n klass.fromElement(\r\n element,\r\n this.createClipPathCallback(obj, container),\r\n this.options\r\n );\r\n }\r\n if (container.length === 1) {\r\n clipPath = container[0];\r\n } else {\r\n clipPath = new fabric.Group(container);\r\n }\r\n gTransform = multiplyTransformMatrices(\r\n objTransformInv,\r\n clipPath.calcTransformMatrix()\r\n );\r\n if (clipPath.clipPath) {\r\n this.resolveClipPath(clipPath, clipPathOwner);\r\n }\r\n const options = qrDecompose(gTransform);\r\n clipPath.flipX = false;\r\n clipPath.flipY = false;\r\n clipPath.set('scaleX', options.scaleX);\r\n clipPath.set('scaleY', options.scaleY);\r\n clipPath.angle = options.angle;\r\n clipPath.skewX = options.skewX;\r\n clipPath.skewY = 0;\r\n clipPath.setPositionByOrigin(\r\n { x: options.translateX, y: options.translateY },\r\n 'center',\r\n 'center'\r\n );\r\n obj.clipPath = clipPath;\r\n } else {\r\n // if clip-path does not resolve to any element, delete the property.\r\n delete obj.clipPath;\r\n }\r\n };\r\n\r\n proto.checkIfDone = function () {\r\n if (--this.numElements === 0) {\r\n this.instances = this.instances.filter(function (el) {\r\n // eslint-disable-next-line no-eq-null, eqeqeq\r\n return el != null;\r\n });\r\n this.callback(this.instances, this.elements);\r\n }\r\n };\r\n})(ElementsParser.prototype);\r\n\r\nexport { ElementsParser };\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Returns CSS rules for a given SVG document\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} CSS rules of this document\r\n */\r\nexport function getCSSRules(doc) {\r\n let styles = doc.getElementsByTagName('style'),\r\n i,\r\n len,\r\n allRules = {},\r\n rules;\r\n\r\n // very crude parsing of style contents\r\n for (i = 0, len = styles.length; i < len; i++) {\r\n let styleContents = styles[i].textContent;\r\n\r\n // remove comments\r\n styleContents = styleContents.replace(/\\/\\*[\\s\\S]*?\\*\\//g, '');\r\n if (styleContents.trim() === '') {\r\n continue;\r\n }\r\n // recovers all the rule in this form `body { style code... }`\r\n // rules = styleContents.match(/[^{]*\\{[\\s\\S]*?\\}/g);\r\n rules = styleContents.split('}');\r\n // remove empty rules.\r\n rules = rules.filter(function (rule) {\r\n return rule.trim();\r\n });\r\n // at this point we have hopefully an array of rules `body { style code... `\r\n // eslint-disable-next-line no-loop-func\r\n rules.forEach(function (rule) {\r\n const match = rule.split('{'),\r\n ruleObj = {},\r\n declaration = match[1].trim(),\r\n propertyValuePairs = declaration.split(';').filter(function (pair) {\r\n return pair.trim();\r\n });\r\n\r\n for (i = 0, len = propertyValuePairs.length; i < len; i++) {\r\n const pair = propertyValuePairs[i].split(':'),\r\n property = pair[0].trim(),\r\n value = pair[1].trim();\r\n ruleObj[property] = value;\r\n }\r\n rule = match[0].trim();\r\n rule.split(',').forEach(function (_rule) {\r\n _rule = _rule.replace(/^svg/i, '').trim();\r\n if (_rule === '') {\r\n return;\r\n }\r\n if (allRules[_rule]) {\r\n Object.assign(allRules[_rule], ruleObj);\r\n } else {\r\n allRules[_rule] = Object.assign({}, ruleObj);\r\n }\r\n });\r\n });\r\n }\r\n return allRules;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function getMultipleNodes(doc, nodeNames) {\r\n let nodeName,\r\n nodeArray = [],\r\n nodeList,\r\n i,\r\n len;\r\n for (i = 0, len = nodeNames.length; i < len; i++) {\r\n nodeName = nodeNames[i];\r\n nodeList = doc.getElementsByTagName(nodeName);\r\n nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList));\r\n }\r\n return nodeArray;\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * @private\r\n * to support IE8 missing getElementById on SVGdocument and on node xmlDOM\r\n */\r\nexport function elementById(doc, id) {\r\n let el;\r\n doc.getElementById && (el = doc.getElementById(id));\r\n if (el) {\r\n return el;\r\n }\r\n let node,\r\n i,\r\n len,\r\n nodelist = doc.getElementsByTagName('*');\r\n for (i = 0, len = nodelist.length; i < len; i++) {\r\n node = nodelist[i];\r\n if (id === node.getAttribute('id')) {\r\n return node;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { elementById } from './elementById';\r\n\r\nconst gradientsAttrs = [\r\n 'gradientTransform',\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2',\r\n 'gradientUnits',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n];\r\nconst xlinkAttr = 'xlink:href';\r\n\r\nexport function recursivelyParseGradientsXlink(doc, gradient) {\r\n const xLink = gradient.getAttribute(xlinkAttr).slice(1),\r\n referencedGradient = elementById(doc, xLink);\r\n if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) {\r\n recursivelyParseGradientsXlink(doc, referencedGradient);\r\n }\r\n gradientsAttrs.forEach(function (attr) {\r\n if (\r\n referencedGradient &&\r\n !gradient.hasAttribute(attr) &&\r\n referencedGradient.hasAttribute(attr)\r\n ) {\r\n gradient.setAttribute(attr, referencedGradient.getAttribute(attr));\r\n }\r\n });\r\n if (!gradient.children.length) {\r\n const referenceClone = referencedGradient.cloneNode(true);\r\n while (referenceClone.firstChild) {\r\n gradient.appendChild(referenceClone.firstChild);\r\n }\r\n }\r\n gradient.removeAttribute(xlinkAttr);\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { recursivelyParseGradientsXlink } from './recursivelyParseGradientsXlink';\r\n\r\nconst tagArray = [\r\n 'linearGradient',\r\n 'radialGradient',\r\n 'svg:linearGradient',\r\n 'svg:radialGradient',\r\n];\r\n\r\n/**\r\n * Parses an SVG document, returning all of the gradient declarations found in it\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element\r\n */\r\nexport function getGradientDefs(doc) {\r\n let elList = getMultipleNodes(doc, tagArray),\r\n el,\r\n j = 0,\r\n gradientDefs = {};\r\n j = elList.length;\r\n while (j--) {\r\n el = elList[j];\r\n if (el.getAttribute('xlink:href')) {\r\n recursivelyParseGradientsXlink(doc, el);\r\n }\r\n gradientDefs[el.getAttribute('id')] = el;\r\n }\r\n return gradientDefs;\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport {\r\n parsePreserveAspectRatioAttribute,\r\n parseUnit,\r\n} from '../util/misc/svgParsing';\r\nimport { svgViewBoxElementsRegEx, reViewBoxAttrValue } from './constants';\r\n\r\n/**\r\n * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements\r\n */\r\n\r\nexport function applyViewboxTransform(element) {\r\n if (!svgViewBoxElementsRegEx.test(element.nodeName)) {\r\n return {};\r\n }\r\n let viewBoxAttr = element.getAttribute('viewBox'),\r\n scaleX = 1,\r\n scaleY = 1,\r\n minX = 0,\r\n minY = 0,\r\n viewBoxWidth,\r\n viewBoxHeight,\r\n matrix,\r\n el,\r\n widthAttr = element.getAttribute('width'),\r\n heightAttr = element.getAttribute('height'),\r\n x = element.getAttribute('x') || 0,\r\n y = element.getAttribute('y') || 0,\r\n preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '',\r\n missingViewBox =\r\n !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)),\r\n missingDimAttr =\r\n !widthAttr ||\r\n !heightAttr ||\r\n widthAttr === '100%' ||\r\n heightAttr === '100%',\r\n toBeParsed = missingViewBox && missingDimAttr,\r\n parsedDim = {},\r\n translateMatrix = '',\r\n widthDiff = 0,\r\n heightDiff = 0;\r\n\r\n parsedDim.width = 0;\r\n parsedDim.height = 0;\r\n parsedDim.toBeParsed = toBeParsed;\r\n\r\n if (missingViewBox) {\r\n if (\r\n (x || y) &&\r\n element.parentNode &&\r\n element.parentNode.nodeName !== '#document'\r\n ) {\r\n translateMatrix =\r\n ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n matrix = (element.getAttribute('transform') || '') + translateMatrix;\r\n element.setAttribute('transform', matrix);\r\n element.removeAttribute('x');\r\n element.removeAttribute('y');\r\n }\r\n }\r\n\r\n if (toBeParsed) {\r\n return parsedDim;\r\n }\r\n\r\n if (missingViewBox) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n // set a transform for elements that have x y and are inner(only) SVGs\r\n return parsedDim;\r\n }\r\n minX = -parseFloat(viewBoxAttr[1]);\r\n minY = -parseFloat(viewBoxAttr[2]);\r\n viewBoxWidth = parseFloat(viewBoxAttr[3]);\r\n viewBoxHeight = parseFloat(viewBoxAttr[4]);\r\n parsedDim.minX = minX;\r\n parsedDim.minY = minY;\r\n parsedDim.viewBoxWidth = viewBoxWidth;\r\n parsedDim.viewBoxHeight = viewBoxHeight;\r\n if (!missingDimAttr) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n scaleX = parsedDim.width / viewBoxWidth;\r\n scaleY = parsedDim.height / viewBoxHeight;\r\n } else {\r\n parsedDim.width = viewBoxWidth;\r\n parsedDim.height = viewBoxHeight;\r\n }\r\n\r\n // default is to preserve aspect ratio\r\n preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio);\r\n if (preserveAspectRatio.alignX !== 'none') {\r\n //translate all container for the effect of Mid, Min, Max\r\n if (preserveAspectRatio.meetOrSlice === 'meet') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX;\r\n // calculate additional translation to move the viewbox\r\n }\r\n if (preserveAspectRatio.meetOrSlice === 'slice') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY;\r\n // calculate additional translation to move the viewbox\r\n }\r\n widthDiff = parsedDim.width - viewBoxWidth * scaleX;\r\n heightDiff = parsedDim.height - viewBoxHeight * scaleX;\r\n if (preserveAspectRatio.alignX === 'Mid') {\r\n widthDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignY === 'Mid') {\r\n heightDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignX === 'Min') {\r\n widthDiff = 0;\r\n }\r\n if (preserveAspectRatio.alignY === 'Min') {\r\n heightDiff = 0;\r\n }\r\n }\r\n\r\n if (\r\n scaleX === 1 &&\r\n scaleY === 1 &&\r\n minX === 0 &&\r\n minY === 0 &&\r\n x === 0 &&\r\n y === 0\r\n ) {\r\n return parsedDim;\r\n }\r\n if ((x || y) && element.parentNode.nodeName !== '#document') {\r\n translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n }\r\n\r\n matrix =\r\n translateMatrix +\r\n ' matrix(' +\r\n scaleX +\r\n ' 0' +\r\n ' 0 ' +\r\n scaleY +\r\n ' ' +\r\n (minX * scaleX + widthDiff) +\r\n ' ' +\r\n (minY * scaleY + heightDiff) +\r\n ') ';\r\n // seems unused.\r\n // parsedDim.viewboxTransform = parseTransformAttribute(matrix);\r\n if (element.nodeName === 'svg') {\r\n el = element.ownerDocument.createElementNS(svgNS, 'g');\r\n // element.firstChild != null\r\n while (element.firstChild) {\r\n el.appendChild(element.firstChild);\r\n }\r\n element.appendChild(el);\r\n } else {\r\n el = element;\r\n el.removeAttribute('x');\r\n el.removeAttribute('y');\r\n matrix = el.getAttribute('transform') + matrix;\r\n }\r\n el.setAttribute('transform', matrix);\r\n return parsedDim;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function hasAncestorWithNodeName(element, nodeName) {\r\n while (element && (element = element.parentNode)) {\r\n if (\r\n element.nodeName &&\r\n nodeName.test(element.nodeName.replace('svg:', '')) &&\r\n !element.getAttribute('instantiated_by_use')\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { ElementsParser } from './elements_parser';\r\n\r\n/**\r\n * Transforms an array of svg elements to corresponding fabric.* instances\r\n * @static\r\n * @memberOf fabric\r\n * @param {Array} elements Array of elements to parse\r\n * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements)\r\n * @param {Object} [options] Options object\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n */\r\nexport function parseElements(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n) {\r\n new ElementsParser(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n ).parse();\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport { elementById } from './elementById';\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\n\r\nexport function parseUseDirectives(doc) {\r\n let nodelist = getMultipleNodes(doc, ['use', 'svg:use']),\r\n i = 0;\r\n while (nodelist.length && i < nodelist.length) {\r\n const el = nodelist[i],\r\n xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href');\r\n\r\n if (xlinkAttribute === null) {\r\n return;\r\n }\r\n\r\n var xlink = xlinkAttribute.slice(1),\r\n x = el.getAttribute('x') || 0,\r\n y = el.getAttribute('y') || 0,\r\n el2 = elementById(doc, xlink).cloneNode(true),\r\n currentTrans =\r\n (el2.getAttribute('transform') || '') +\r\n ' translate(' +\r\n x +\r\n ', ' +\r\n y +\r\n ')',\r\n parentNode,\r\n oldLength = nodelist.length,\r\n attr,\r\n j,\r\n attrs,\r\n len,\r\n namespace = svgNS;\r\n\r\n applyViewboxTransform(el2);\r\n if (/^svg$/i.test(el2.nodeName)) {\r\n const el3 = el2.ownerDocument.createElementNS(namespace, 'g');\r\n for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue);\r\n }\r\n // el2.firstChild != null\r\n while (el2.firstChild) {\r\n el3.appendChild(el2.firstChild);\r\n }\r\n el2 = el3;\r\n }\r\n\r\n for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n if (\r\n attr.nodeName === 'x' ||\r\n attr.nodeName === 'y' ||\r\n attr.nodeName === 'xlink:href' ||\r\n attr.nodeName === 'href'\r\n ) {\r\n continue;\r\n }\r\n\r\n if (attr.nodeName === 'transform') {\r\n currentTrans = attr.nodeValue + ' ' + currentTrans;\r\n } else {\r\n el2.setAttribute(attr.nodeName, attr.nodeValue);\r\n }\r\n }\r\n\r\n el2.setAttribute('transform', currentTrans);\r\n el2.setAttribute('instantiated_by_use', '1');\r\n el2.removeAttribute('id');\r\n parentNode = el.parentNode;\r\n parentNode.replaceChild(el2, el);\r\n // some browsers do not shorten nodelist after replaceChild (IE8)\r\n if (nodelist.length === oldLength) {\r\n i++;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from './point.class';\r\nimport { fabric } from '../HEADER';\r\n\r\n/* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */\r\n\r\nexport type IntersectionType = 'Intersection' | 'Coincident' | 'Parallel';\r\n\r\n/**\r\n * **Assuming `T`, `A`, `B` are points on the same line**,\r\n * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B`\r\n * @param T\r\n * @param A\r\n * @param B\r\n * @returns true if `T` is contained\r\n */\r\nconst isContainedInInterval = (T: Point, A: Point, B: Point) => {\r\n const TA = new Point(T).subtract(A);\r\n const TB = new Point(T).subtract(B);\r\n return (\r\n Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)\r\n );\r\n};\r\n\r\nexport class Intersection {\r\n points: Point[];\r\n\r\n status?: IntersectionType;\r\n\r\n constructor(status?: IntersectionType) {\r\n this.status = status;\r\n this.points = [];\r\n }\r\n\r\n /**\r\n *\r\n * @param {Point} point\r\n * @returns\r\n */\r\n contains(point) {\r\n return this.points.some((p) => p.eq(point));\r\n }\r\n\r\n /**\r\n * Appends points of intersection\r\n * @param {...Point[]} points\r\n * @return {Intersection} thisArg\r\n * @chainable\r\n */\r\n private append(...points) {\r\n this.points = this.points.concat(\r\n points.filter((point) => {\r\n return !this.contains(point);\r\n })\r\n );\r\n return this;\r\n }\r\n\r\n /**\r\n * Checks if a line intersects another\r\n * @static\r\n * @param {Point} a1\r\n * @param {Point} a2\r\n * @param {Point} b1\r\n * @param {Point} b2\r\n * @param {boolean} [aInfinite=true] check segment intersection by passing `false`\r\n * @param {boolean} [bInfinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) {\r\n let result;\r\n const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x),\r\n ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x),\r\n uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y);\r\n if (uB !== 0) {\r\n const ua = uaT / uB,\r\n ub = ubT / uB;\r\n if (\r\n (aInfinite || (0 <= ua && ua <= 1)) &&\r\n (bInfinite || (0 <= ub && ub <= 1))\r\n ) {\r\n result = new Intersection('Intersection');\r\n result.append(\r\n new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))\r\n );\r\n } else {\r\n result = new Intersection();\r\n }\r\n } else {\r\n if (uaT === 0 || ubT === 0) {\r\n const segmentsCoincide =\r\n aInfinite ||\r\n bInfinite ||\r\n isContainedInInterval(a1, b1, b2) ||\r\n isContainedInInterval(a2, b1, b2) ||\r\n isContainedInInterval(b1, a1, a2) ||\r\n isContainedInInterval(b2, a1, a2);\r\n result = new Intersection(segmentsCoincide ? 'Coincident' : undefined);\r\n } else {\r\n result = new Intersection('Parallel');\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects a line\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} s1 boundary point of segment\r\n * @param {Point} s2 other boundary point of segment\r\n * @param {Point} l1 point on line\r\n * @param {Point} l2 other point on line\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentLine(s1, s2, l1, l2) {\r\n return Intersection.intersectLineLine(s1, s2, l1, l2, false, true);\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects another\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point} b1 boundary point of segment\r\n * @param {Point} b2 other boundary point of segment\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentSegment(a1, a2, b1, b2) {\r\n return Intersection.intersectLineLine(a1, a2, b1, b2, false, false);\r\n }\r\n\r\n /**\r\n * Checks if line intersects polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @see {@link intersectSegmentPolygon} for segment intersection\r\n * @param {Point} a1 point on line\r\n * @param {Point} a2 other point on line\r\n * @param {Point[]} points polygon points\r\n * @param {boolean} [infinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLinePolygon(a1, a2, points, infinite = true) {\r\n const result = new Intersection();\r\n const length = points.length;\r\n\r\n for (let i = 0, b1, b2, inter; i < length; i++) {\r\n b1 = points[i];\r\n b2 = points[(i + 1) % length];\r\n inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false);\r\n if (inter.status === 'Coincident') {\r\n return inter;\r\n }\r\n result.append(...inter.points);\r\n }\r\n\r\n if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if segment intersects polygon\r\n * @static\r\n * @see {@link intersectLinePolygon} for line intersection\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point[]} points polygon points\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentPolygon(a1, a2, points) {\r\n return Intersection.intersectLinePolygon(a1, a2, points, false);\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects another polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @param {Point[]} points1\r\n * @param {Point[]} points2\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonPolygon(points1, points2) {\r\n const result = new Intersection(),\r\n length = points1.length;\r\n const coincidences = [];\r\n\r\n for (let i = 0; i < length; i++) {\r\n const a1 = points1[i],\r\n a2 = points1[(i + 1) % length],\r\n inter = Intersection.intersectSegmentPolygon(a1, a2, points2);\r\n if (inter.status === 'Coincident') {\r\n coincidences.push(inter);\r\n result.append(a1, a2);\r\n } else {\r\n result.append(...inter.points);\r\n }\r\n }\r\n\r\n if (coincidences.length > 0 && coincidences.length === points1.length) {\r\n return new Intersection('Coincident');\r\n } else if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects rectangle\r\n * @static\r\n * @see {@link intersectPolygonPolygon} for polygon intersection\r\n * @param {Point[]} points polygon points\r\n * @param {Point} r1 top left point of rect\r\n * @param {Point} r2 bottom right point of rect\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonRectangle(points, r1, r2) {\r\n const min = r1.min(r2),\r\n max = r1.max(r2),\r\n topRight = new Point(max.x, min.y),\r\n bottomLeft = new Point(min.x, max.y);\r\n\r\n return Intersection.intersectPolygonPolygon(points, [\r\n min,\r\n topRight,\r\n max,\r\n bottomLeft,\r\n ]);\r\n }\r\n}\r\n\r\nfabric.Intersection = Intersection;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\ntype EventRegistryObject = Record;\r\n\r\n/**\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events}\r\n * @see {@link http://fabricjs.com/events|Events demo}\r\n */\r\nexport class Observable {\r\n private __eventListeners: Record = {};\r\n\r\n /**\r\n * Observes specified event\r\n * @alias on\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n on(eventName: string, handler: Function): Function;\r\n on(handlers: EventRegistryObject): Function;\r\n on(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (!this.__eventListeners) {\r\n this.__eventListeners = {};\r\n }\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n for (const eventName in arg0) {\r\n this.on(eventName, arg0[eventName]);\r\n }\r\n return () => this.off(arg0);\r\n } else if (handler) {\r\n const eventName = arg0;\r\n if (!this.__eventListeners[eventName]) {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n this.__eventListeners[eventName].push(handler);\r\n return () => this.off(eventName, handler);\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * Observes specified event **once**\r\n * @alias once\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n once(eventName: string, handler: Function): Function;\r\n once(handlers: EventRegistryObject): Function;\r\n once(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n const disposers: Function[] = [];\r\n for (const eventName in arg0) {\r\n disposers.push(this.once(eventName, arg0[eventName]));\r\n }\r\n return () => disposers.forEach((d) => d());\r\n } else if (handler) {\r\n const disposer = this.on(arg0, (...args: any[]) => {\r\n handler(...args);\r\n disposer();\r\n });\r\n return disposer;\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} eventName\r\n * @param {Function} [handler]\r\n */\r\n private _removeEventListener(eventName: string, handler?: Function) {\r\n if (!this.__eventListeners[eventName]) {\r\n return;\r\n }\r\n\r\n if (handler) {\r\n const eventListener = this.__eventListeners[eventName];\r\n const index = eventListener.indexOf(handler);\r\n index > -1 && eventListener.splice(index, 1);\r\n } else {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n }\r\n\r\n /**\r\n * Stops event observing for a particular event handler. Calling this method\r\n * without arguments removes all handlers for all events\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function to be deleted from EventListeners\r\n */\r\n off(eventName: string, handler: Function): void;\r\n off(handlers: EventRegistryObject): void;\r\n off(arg0?: string | EventRegistryObject, handler?: Function) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n // remove all key/value pairs (event name -> event handler)\r\n if (typeof arg0 === 'undefined') {\r\n for (const eventName in this.__eventListeners) {\r\n this._removeEventListener(eventName);\r\n }\r\n }\r\n // one object with key/value pairs was passed\r\n else if (typeof arg0 === 'object') {\r\n for (const eventName in arg0) {\r\n this._removeEventListener(eventName, arg0[eventName]);\r\n }\r\n } else {\r\n this._removeEventListener(arg0, handler);\r\n }\r\n }\r\n\r\n /**\r\n * Fires event with an optional options object\r\n * @param {String} eventName Event name to fire\r\n * @param {Object} [options] Options object\r\n */\r\n fire(eventName: string, options: object) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n const listenersForEvent = this.__eventListeners[eventName]?.concat();\r\n if (listenersForEvent) {\r\n for (let i = 0; i < listenersForEvent.length; i++) {\r\n listenersForEvent[i].call(this, options || {});\r\n }\r\n }\r\n }\r\n}\r\n\r\nfabric.Observable = Observable;\r\n","//@ts-nocheck\r\nimport { Observable } from './observable.mixin';\r\n\r\nexport class CommonMethods extends Observable {\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n _setOptions(options: any) {\r\n for (const prop in options) {\r\n this.set(prop, options[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _setObject(obj: Record) {\r\n for (const prop in obj) {\r\n this._set(prop, obj[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n set(key: string | Record, value?: any) {\r\n if (typeof key === 'object') {\r\n this._setObject(key);\r\n } else {\r\n this._set(key, value);\r\n }\r\n return this;\r\n }\r\n\r\n _set(key: string, value: any) {\r\n this[key] = value;\r\n }\r\n\r\n /**\r\n * Toggles specified property from `true` to `false` or from `false` to `true`\r\n * @param {String} property Property to toggle\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n toggle(property: string) {\r\n const value = this.get(property);\r\n if (typeof value === 'boolean') {\r\n this.set(property, !value);\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Basic getter\r\n * @param {String} property Property name\r\n * @return {*} value of a property\r\n */\r\n get(property: string) {\r\n return this[property];\r\n }\r\n}\r\n","import { Point } from '../point.class';\r\nimport { transformPoint } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { CommonMethods } from './shared_methods.mixin';\r\nimport { TDegree, TOriginX, TOriginY } from '../typedefs';\r\nimport { Group } from '../shapes/group.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\nconst originOffset = {\r\n left: -0.5,\r\n top: -0.5,\r\n center: 0,\r\n bottom: 0.5,\r\n right: 0.5,\r\n};\r\n\r\n/**\r\n * Resolves origin value relative to center\r\n * @private\r\n * @param {TOriginX | TOriginY} originValue originX / originY\r\n * @returns number\r\n */\r\nexport const resolveOrigin = (\r\n originValue: TOriginX | TOriginY | number\r\n): number =>\r\n typeof originValue === 'string'\r\n ? originOffset[originValue]\r\n : originValue - 0.5;\r\n\r\nexport class ObjectOrigin extends CommonMethods {\r\n /**\r\n * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom}\r\n * @type Number\r\n * @default 0\r\n */\r\n top: number;\r\n\r\n /**\r\n * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right}\r\n * @type Number\r\n * @default 0\r\n */\r\n left: number;\r\n\r\n /**\r\n * Object width\r\n * @type Number\r\n * @default\r\n */\r\n width: number;\r\n\r\n /**\r\n * Object height\r\n * @type Number\r\n * @default\r\n */\r\n height: number;\r\n\r\n /**\r\n * Object scale factor (horizontal)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleX: number;\r\n\r\n /**\r\n * Object scale factor (vertical)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleY: number;\r\n\r\n /**\r\n * Angle of skew on x axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewX: number;\r\n\r\n /**\r\n * Angle of skew on y axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewY: number;\r\n\r\n /**\r\n * Horizontal origin of transformation of an object (one of \"left\", \"right\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'left'\r\n */\r\n originX: TOriginX;\r\n\r\n /**\r\n * Vertical origin of transformation of an object (one of \"top\", \"bottom\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'top'\r\n */\r\n originY: TOriginY;\r\n\r\n /**\r\n * Angle of rotation of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n angle: TDegree;\r\n\r\n /**\r\n * Width of a stroke used to render this object\r\n * @type Number\r\n * @default 1\r\n */\r\n strokeWidth: number;\r\n\r\n /**\r\n * When `false`, the stoke width will scale with the object.\r\n * When `true`, the stroke will always match the exact pixel size entered for stroke width.\r\n * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods\r\n * default to false\r\n * @since 2.6.0\r\n * @type Boolean\r\n * @default false\r\n * @type Boolean\r\n * @default false\r\n */\r\n strokeUniform: boolean;\r\n\r\n /**\r\n * Object containing this object.\r\n * can influence its size and position\r\n */\r\n group?: Group;\r\n\r\n _originalOriginX?: TOriginX;\r\n\r\n _originalOriginY?: TOriginY;\r\n\r\n /**\r\n * Calculate object bounding box dimensions from its properties scale, skew.\r\n * @param {Object} [options]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getTransformedDimensions(options: any = {}): Point {\r\n const dimOptions = {\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n width: this.width,\r\n height: this.height,\r\n strokeWidth: this.strokeWidth,\r\n ...options,\r\n };\r\n // stroke is applied before/after transformations are applied according to `strokeUniform`\r\n const strokeWidth = dimOptions.strokeWidth;\r\n let preScalingStrokeValue = strokeWidth,\r\n postScalingStrokeValue = 0;\r\n\r\n if (this.strokeUniform) {\r\n preScalingStrokeValue = 0;\r\n postScalingStrokeValue = strokeWidth;\r\n }\r\n const dimX = dimOptions.width + preScalingStrokeValue,\r\n dimY = dimOptions.height + preScalingStrokeValue,\r\n noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0;\r\n let finalDimensions;\r\n if (noSkew) {\r\n finalDimensions = new Point(\r\n dimX * dimOptions.scaleX,\r\n dimY * dimOptions.scaleY\r\n );\r\n } else {\r\n finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions);\r\n }\r\n\r\n return finalDimensions.scalarAdd(postScalingStrokeValue);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from a set of origin to another (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToGivenOrigin(\r\n point: Point,\r\n fromOriginX: TOriginX,\r\n fromOriginY: TOriginY,\r\n toOriginX: TOriginX,\r\n toOriginY: TOriginY\r\n ): Point {\r\n let x = point.x,\r\n y = point.y;\r\n const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX),\r\n offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY);\r\n\r\n if (offsetX || offsetY) {\r\n const dim = this._getTransformedDimensions();\r\n x += offsetX * dim.x;\r\n y += offsetY * dim.y;\r\n }\r\n\r\n return new Point(x, y);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from origin to center coordinates (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToCenterPoint(\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n point,\r\n originX,\r\n originY,\r\n 'center',\r\n 'center'\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), point);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Translates the coordinates from center to origin coordinates (based on the object's dimensions)\r\n * @param {Point} center The point which corresponds to center of the object\r\n * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToOriginPoint(\r\n center: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), center);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to canvas\r\n * @return {Point}\r\n */\r\n getCenterPoint(): Point {\r\n const relCenter = this.getRelativeCenterPoint();\r\n return this.group\r\n ? transformPoint(relCenter, this.group.calcTransformMatrix())\r\n : relCenter;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to it's parent\r\n * @return {Point}\r\n */\r\n getRelativeCenterPoint(): Point {\r\n return this.translateToCenterPoint(\r\n new Point(this.left, this.top),\r\n this.originX,\r\n this.originY\r\n );\r\n }\r\n\r\n /**\r\n * Returns the coordinates of the object as if it has a different origin\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n getPointByOrigin(originX: TOriginX, originY: TOriginY): Point {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n }\r\n\r\n /**\r\n * Sets the position of the object taking into consideration the object's origin\r\n * @param {Point} pos The new position of the object\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {void}\r\n */\r\n setPositionByOrigin(pos: Point, originX: TOriginX, originY: TOriginY) {\r\n const center = this.translateToCenterPoint(pos, originX, originY),\r\n position = this.translateToOriginPoint(\r\n center,\r\n this.originX,\r\n this.originY\r\n );\r\n this.set({ left: position.x, top: position.y });\r\n }\r\n\r\n /**\r\n * Sets the origin/position of the object to it's center point\r\n * @private\r\n * @return {void}\r\n */\r\n _setOriginToCenter() {\r\n this._originalOriginX = this.originX;\r\n this._originalOriginY = this.originY;\r\n\r\n const center = this.getRelativeCenterPoint();\r\n\r\n this.originX = 'center';\r\n this.originY = 'center';\r\n\r\n this.left = center.x;\r\n this.top = center.y;\r\n }\r\n\r\n /**\r\n * Resets the origin/position of the object to it's original origin\r\n * @private\r\n * @return {void}\r\n */\r\n _resetOrigin() {\r\n if (\r\n this._originalOriginX !== undefined &&\r\n this._originalOriginY !== undefined\r\n ) {\r\n const originPoint = this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n this._originalOriginX,\r\n this._originalOriginY\r\n );\r\n\r\n this.left = originPoint.x;\r\n this.top = originPoint.y;\r\n\r\n this.originX = this._originalOriginX;\r\n this.originY = this._originalOriginY;\r\n this._originalOriginX = undefined;\r\n this._originalOriginY = undefined;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getLeftTopCoords() {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n 'left',\r\n 'top'\r\n );\r\n }\r\n}\r\n","import type {\r\n TBBox,\r\n TCornerPoint,\r\n TDegree,\r\n TMat2D,\r\n TOriginX,\r\n TOriginY,\r\n} from '../typedefs';\r\nimport { iMatrix } from '../constants';\r\nimport { Intersection } from '../intersection.class';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { cos } from '../util/misc/cos';\r\nimport {\r\n calcRotateMatrix,\r\n composeMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n transformPoint,\r\n} from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { Canvas, StaticCanvas } from '../__types__';\r\nimport { ObjectOrigin } from './object_origin.mixin';\r\n\r\ntype TLineDescriptor = {\r\n o: Point;\r\n d: Point;\r\n};\r\n\r\ntype TBBoxLines = {\r\n topline: TLineDescriptor;\r\n leftline: TLineDescriptor;\r\n bottomline: TLineDescriptor;\r\n rightline: TLineDescriptor;\r\n};\r\n\r\ntype TMatrixCache = {\r\n key: string;\r\n value: TMat2D;\r\n};\r\n\r\ntype TACoords = TCornerPoint;\r\n\r\nexport class ObjectGeometry extends ObjectOrigin {\r\n /**\r\n * When true, an object is rendered as flipped horizontally\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipX: boolean;\r\n\r\n /**\r\n * When true, an object is rendered as flipped vertically\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipY: boolean;\r\n\r\n /**\r\n * Padding between object and its controlling borders (in pixels)\r\n * @type Number\r\n * @default 0\r\n */\r\n padding: number;\r\n\r\n /**\r\n * Describe object's corner position in canvas object absolute coordinates\r\n * properties are tl,tr,bl,br and describe the four main corner.\r\n * each property is an object with x, y, instance of Fabric.Point.\r\n * The coordinates depends from this properties: width, height, scaleX, scaleY\r\n * skewX, skewY, angle, strokeWidth, top, left.\r\n * Those coordinates are useful to understand where an object is. They get updated\r\n * with lineCoords or oCoords in interactive cases but they do not need to be updated when zoom or panning change.\r\n * The coordinates get updated with @method setCoords.\r\n * You can calculate them without updating with @method calcACoords();\r\n * @memberOf fabric.Object.prototype\r\n */\r\n aCoords: TACoords;\r\n\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * includes padding. Used of object detection.\r\n * set and refreshed with setCoords.\r\n * Those could go away\r\n * @todo investigate how to get rid of those\r\n * @memberOf fabric.Object.prototype\r\n */\r\n lineCoords: TCornerPoint;\r\n\r\n /**\r\n * storage cache for object transform matrix\r\n */\r\n ownMatrixCache?: TMatrixCache;\r\n\r\n /**\r\n * storage cache for object full transform matrix\r\n */\r\n matrixCache?: TMatrixCache;\r\n\r\n /**\r\n * A Reference of the Canvas where the object is actually added\r\n * @type StaticCanvas | Canvas;\r\n * @default undefined\r\n * @private\r\n */\r\n canvas?: StaticCanvas | Canvas;\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n getX(): number {\r\n return this.getXY().x;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n setX(value: number) {\r\n this.setXY(this.getXY().setX(value));\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n getY(): number {\r\n return this.getXY().y;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n setY(value: number) {\r\n this.setXY(this.getXY().setY(value));\r\n }\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getX}\r\n */\r\n getRelativeX(): number {\r\n return this.left;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this method is identical to {@link fabric.Object#setX}\r\n */\r\n setRelativeX(value: number) {\r\n this.left = value;\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getY}\r\n */\r\n getRelativeY(): number {\r\n return this.top;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#setY}\r\n */\r\n setRelativeY(value: number) {\r\n this.top = value;\r\n }\r\n\r\n /**\r\n * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane\r\n */\r\n getXY(): Point {\r\n const relativePosition = this.getRelativeXY();\r\n return this.group\r\n ? transformPoint(relativePosition, this.group.calcTransformMatrix())\r\n : relativePosition;\r\n }\r\n\r\n /**\r\n * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate.\r\n * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values,\r\n * that otherwise are the object's current values.\r\n * @example Set object's bottom left corner to point (5,5) on canvas\r\n * object.setXY(new Point(5, 5), 'left', 'bottom').\r\n * @param {Point} point position in canvas coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n if (this.group) {\r\n point = transformPoint(\r\n point,\r\n invertTransform(this.group.calcTransformMatrix())\r\n );\r\n }\r\n this.setRelativeXY(point, originX, originY);\r\n }\r\n\r\n /**\r\n * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n */\r\n getRelativeXY(): Point {\r\n return new Point(this.left, this.top);\r\n }\r\n\r\n /**\r\n * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas)\r\n * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setRelativeXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n this.setPositionByOrigin(\r\n point,\r\n originX || this.originX,\r\n originY || this.originY\r\n );\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will calculate the coords or use the one\r\n * that are attached to the object instance\r\n * @return {Object} {tl, tr, br, bl} points\r\n */\r\n _getCoords(absolute = false, calculate = false): TCornerPoint {\r\n if (calculate) {\r\n return absolute ? this.calcACoords() : this.calcLineCoords();\r\n }\r\n // swapped this double if in place of setCoords();\r\n if (!this.aCoords) {\r\n this.aCoords = this.calcACoords();\r\n }\r\n if (!this.lineCoords) {\r\n this.lineCoords = this.calcLineCoords();\r\n }\r\n return absolute ? this.aCoords : this.lineCoords;\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * The coords are returned in an array.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will return aCoords if true or lineCoords\r\n * @return {Array} [tl, tr, br, bl] of points\r\n */\r\n getCoords(absolute = false, calculate = false): Point[] {\r\n const { tl, tr, br, bl } = this._getCoords(absolute, calculate);\r\n const coords = [tl, tr, br, bl];\r\n if (this.group) {\r\n const t = this.group.calcTransformMatrix();\r\n return coords.map((p) => transformPoint(p, t));\r\n }\r\n return coords;\r\n }\r\n\r\n /**\r\n * Checks if object intersects with an area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object intersects with an area formed by 2 points\r\n */\r\n intersectsWithRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const coords = this.getCoords(absolute, calculate),\r\n intersection = Intersection.intersectPolygonRectangle(\r\n coords,\r\n pointTL,\r\n pointBR\r\n );\r\n return intersection.status === 'Intersection';\r\n }\r\n\r\n /**\r\n * Checks if object intersects with another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of calculating them\r\n * @return {Boolean} true if object intersects with another object\r\n */\r\n intersectsWithObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const intersection = Intersection.intersectPolygonPolygon(\r\n this.getCoords(absolute, calculate),\r\n other.getCoords(absolute, calculate)\r\n );\r\n\r\n return (\r\n intersection.status === 'Intersection' ||\r\n intersection.status === 'Coincident' ||\r\n other.isContainedWithinObject(this, absolute, calculate) ||\r\n this.isContainedWithinObject(other, absolute, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area of another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of store ones\r\n * @return {Boolean} true if object is fully contained within area of another object\r\n */\r\n isContainedWithinObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const points = this.getCoords(absolute, calculate),\r\n otherCoords = absolute ? other.aCoords : other.lineCoords,\r\n lines = other._getImageLines(otherCoords);\r\n for (let i = 0; i < 4; i++) {\r\n if (!other.containsPoint(points[i], lines)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object is fully contained within area formed by 2 points\r\n */\r\n isContainedWithinRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const boundingRect = this.getBoundingRect(absolute, calculate);\r\n return (\r\n boundingRect.left >= pointTL.x &&\r\n boundingRect.left + boundingRect.width <= pointBR.x &&\r\n boundingRect.top >= pointTL.y &&\r\n boundingRect.top + boundingRect.height <= pointBR.y\r\n );\r\n }\r\n\r\n /**\r\n * Checks if point is inside the object\r\n * @param {Point} point Point to check against\r\n * @param {Object} [lines] object returned from @method _getImageLines\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if point is inside the object\r\n */\r\n containsPoint(\r\n point: Point,\r\n lines: TBBoxLines | undefined,\r\n absolute = false,\r\n calculate = false\r\n ): boolean {\r\n const coords = this._getCoords(absolute, calculate),\r\n imageLines = lines || this._getImageLines(coords),\r\n xPoints = this._findCrossPoints(point, imageLines);\r\n // if xPoints is odd then point is inside the object\r\n return xPoints !== 0 && xPoints % 2 === 1;\r\n }\r\n\r\n /**\r\n * Checks if object is contained within the canvas with current viewportTransform\r\n * the check is done stopping at first point that appears on screen\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords\r\n * @return {Boolean} true if object is fully or partially contained within canvas\r\n */\r\n isOnScreen(calculate = false): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n const points = this.getCoords(true, calculate);\r\n // if some point is on screen, the object is on screen.\r\n if (\r\n points.some(\r\n (point) =>\r\n point.x <= br.x &&\r\n point.x >= tl.x &&\r\n point.y <= br.y &&\r\n point.y >= tl.y\r\n )\r\n ) {\r\n return true;\r\n }\r\n // no points on screen, check intersection with absolute coordinates\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n return this._containsCenterOfCanvas(tl, br, calculate);\r\n }\r\n\r\n /**\r\n * Checks if the object contains the midpoint between canvas extremities\r\n * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen\r\n * @private\r\n * @param {Point} pointTL Top Left point\r\n * @param {Point} pointBR Top Right point\r\n * @param {Boolean} calculate use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if the object contains the point\r\n */\r\n private _containsCenterOfCanvas(\r\n pointTL: Point,\r\n pointBR: Point,\r\n calculate: boolean\r\n ): boolean {\r\n // worst case scenario the object is so big that contains the screen\r\n const centerPoint = pointTL.midPointFrom(pointBR);\r\n return this.containsPoint(centerPoint, undefined, true, calculate);\r\n }\r\n\r\n /**\r\n * Checks if object is partially contained within the canvas with current viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if object is partially contained within canvas\r\n */\r\n isPartiallyOnScreen(calculate: boolean): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n const allPointsAreOutside = this.getCoords(true, calculate).every(\r\n (point) =>\r\n (point.x >= br.x || point.x <= tl.x) &&\r\n (point.y >= br.y || point.y <= tl.y)\r\n );\r\n return (\r\n allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Method that returns an object with the object edges in it, given the coordinates of the corners\r\n * @private\r\n * @param {Object} lineCoords or aCoords Coordinates of the object corners\r\n */\r\n _getImageLines({ tl, tr, bl, br }: TCornerPoint): TBBoxLines {\r\n const lines = {\r\n topline: {\r\n o: tl,\r\n d: tr,\r\n },\r\n rightline: {\r\n o: tr,\r\n d: br,\r\n },\r\n bottomline: {\r\n o: br,\r\n d: bl,\r\n },\r\n leftline: {\r\n o: bl,\r\n d: tl,\r\n },\r\n };\r\n\r\n // // debugging\r\n // if (this.canvas.contextTop) {\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n // }\r\n\r\n return lines;\r\n }\r\n\r\n /**\r\n * Helper method to determine how many cross points are between the 4 object edges\r\n * and the horizontal line determined by a point on canvas\r\n * @private\r\n * @param {Point} point Point to check\r\n * @param {Object} lines Coordinates of the object being evaluated\r\n * @return {number} number of crossPoint\r\n */\r\n _findCrossPoints(point: Point, lines: TBBoxLines): number {\r\n let xcount = 0;\r\n\r\n for (const lineKey in lines) {\r\n let xi;\r\n const iLine = lines[lineKey as keyof TBBoxLines];\r\n // optimization 1: line below point. no cross\r\n if (iLine.o.y < point.y && iLine.d.y < point.y) {\r\n continue;\r\n }\r\n // optimization 2: line above point. no cross\r\n if (iLine.o.y >= point.y && iLine.d.y >= point.y) {\r\n continue;\r\n }\r\n // optimization 3: vertical line case\r\n if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) {\r\n xi = iLine.o.x;\r\n }\r\n // calculate the intersection point\r\n else {\r\n const b1 = 0;\r\n const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x);\r\n const a1 = point.y - b1 * point.x;\r\n const a2 = iLine.o.y - b2 * iLine.o.x;\r\n\r\n xi = -(a1 - a2) / (b1 - b2);\r\n }\r\n // don't count xi < point.x cases\r\n if (xi >= point.x) {\r\n xcount += 1;\r\n }\r\n // optimization 4: specific for square images\r\n if (xcount === 2) {\r\n break;\r\n }\r\n }\r\n return xcount;\r\n }\r\n\r\n /**\r\n * Returns coordinates of object's bounding rectangle (left, top, width, height)\r\n * the box is intended as aligned to axis of canvas.\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\n getBoundingRect(absolute?: boolean, calculate?: boolean): TBBox {\r\n return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate));\r\n }\r\n\r\n /**\r\n * Returns width of an object's bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} width value\r\n */\r\n getScaledWidth(): number {\r\n return this._getTransformedDimensions().x;\r\n }\r\n\r\n /**\r\n * Returns height of an object bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} height value\r\n */\r\n getScaledHeight(): number {\r\n return this._getTransformedDimensions().y;\r\n }\r\n\r\n /**\r\n * Scales an object (equally by x and y)\r\n * @param {Number} value Scale factor\r\n * @return {void}\r\n */\r\n scale(value: number): void {\r\n this._set('scaleX', value);\r\n this._set('scaleY', value);\r\n this.setCoords();\r\n }\r\n\r\n /**\r\n * Scales an object to a given width, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New width value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToWidth(value: number, absolute: boolean) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).width / this.getScaledWidth();\r\n return this.scale(value / this.width / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Scales an object to a given height, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New height value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToHeight(value: number, absolute = false) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).height / this.getScaledHeight();\r\n return this.scale(value / this.height / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Returns the object angle relative to canvas counting also the group property\r\n * @returns {TDegree}\r\n */\r\n getTotalAngle(): TDegree {\r\n return this.group\r\n ? qrDecompose(this.calcTransformMatrix()).angle\r\n : this.angle;\r\n }\r\n\r\n /**\r\n * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates\r\n * used for bounding box interactivity with the mouse\r\n * @returns {TCornerPoint}\r\n */\r\n calcLineCoords(): TCornerPoint {\r\n const vpt = this.getViewportTransform(),\r\n padding = this.padding,\r\n angle = degreesToRadians(this.getTotalAngle()),\r\n cosP = cos(angle) * padding,\r\n sinP = sin(angle) * padding,\r\n cosPSinP = cosP + sinP,\r\n cosPMinusSinP = cosP - sinP,\r\n { tl, tr, bl, br } = this.calcACoords();\r\n\r\n const lineCoords: TCornerPoint = {\r\n tl: transformPoint(tl, vpt),\r\n tr: transformPoint(tr, vpt),\r\n bl: transformPoint(bl, vpt),\r\n br: transformPoint(br, vpt),\r\n };\r\n\r\n if (padding) {\r\n lineCoords.tl.x -= cosPMinusSinP;\r\n lineCoords.tl.y -= cosPSinP;\r\n lineCoords.tr.x += cosPSinP;\r\n lineCoords.tr.y -= cosPMinusSinP;\r\n lineCoords.bl.x -= cosPSinP;\r\n lineCoords.bl.y += cosPMinusSinP;\r\n lineCoords.br.x += cosPMinusSinP;\r\n lineCoords.br.y += cosPSinP;\r\n }\r\n\r\n return lineCoords;\r\n }\r\n\r\n /**\r\n * Retrieves viewportTransform from Object's canvas if possible\r\n * @method getViewportTransform\r\n * @memberOf FabricObject.prototype\r\n * @return {TMat2D}\r\n */\r\n getViewportTransform(): TMat2D {\r\n return this.canvas?.viewportTransform || (iMatrix.concat() as TMat2D);\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates.\r\n * those never change with zoom or viewport changes.\r\n * @return {TCornerPoint}\r\n */\r\n calcACoords(): TCornerPoint {\r\n const rotateMatrix = calcRotateMatrix({ angle: this.angle }),\r\n center = this.getRelativeCenterPoint(),\r\n translateMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix),\r\n dim = this._getTransformedDimensions(),\r\n w = dim.x / 2,\r\n h = dim.y / 2;\r\n return {\r\n // corners\r\n tl: transformPoint({ x: -w, y: -h }, finalMatrix),\r\n tr: transformPoint({ x: w, y: -h }, finalMatrix),\r\n bl: transformPoint({ x: -w, y: h }, finalMatrix),\r\n br: transformPoint({ x: w, y: h }, finalMatrix),\r\n };\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords.\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n this.aCoords = this.calcACoords();\r\n // in case we are in a group, for how the inner group target check works,\r\n // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer.\r\n this.lineCoords = this.group ? this.aCoords : this.calcLineCoords();\r\n }\r\n\r\n transformMatrixKey(skipGroup = false): string {\r\n const sep = '_';\r\n let prefix = '';\r\n if (!skipGroup && this.group) {\r\n prefix = this.group.transformMatrixKey(skipGroup) + sep;\r\n }\r\n return (\r\n prefix +\r\n this.top +\r\n sep +\r\n this.left +\r\n sep +\r\n this.scaleX +\r\n sep +\r\n this.scaleY +\r\n sep +\r\n this.skewX +\r\n sep +\r\n this.skewY +\r\n sep +\r\n this.angle +\r\n sep +\r\n this.originX +\r\n sep +\r\n this.originY +\r\n sep +\r\n this.width +\r\n sep +\r\n this.height +\r\n sep +\r\n this.strokeWidth +\r\n this.flipX +\r\n this.flipY\r\n );\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties.\r\n * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations\r\n * There are some situation in which this is useful to avoid the fake rotation.\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcTransformMatrix(skipGroup = false): TMat2D {\r\n let matrix = this.calcOwnMatrix();\r\n if (skipGroup || !this.group) {\r\n return matrix;\r\n }\r\n const key = this.transformMatrixKey(skipGroup),\r\n cache = this.matrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n if (this.group) {\r\n matrix = multiplyTransformMatrices(\r\n this.group.calcTransformMatrix(false),\r\n matrix\r\n );\r\n }\r\n this.matrixCache = {\r\n key,\r\n value: matrix,\r\n };\r\n return matrix;\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties, this matrix does not include the group transformation\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcOwnMatrix(): TMat2D {\r\n const key = this.transformMatrixKey(true),\r\n cache = this.ownMatrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n const center = this.getRelativeCenterPoint(),\r\n options = {\r\n angle: this.angle,\r\n translateX: center.x,\r\n translateY: center.y,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n },\r\n value = composeMatrix(options);\r\n this.ownMatrixCache = {\r\n key,\r\n value,\r\n };\r\n return value;\r\n }\r\n\r\n /**\r\n * Calculate object dimensions from its properties\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getNonTransformedDimensions(): Point {\r\n return new Point(this.width, this.height).scalarAdd(this.strokeWidth);\r\n }\r\n\r\n /**\r\n * Calculate object dimensions for controls box, including padding and canvas zoom.\r\n * and active selection\r\n * @private\r\n * @param {object} [options] transform options\r\n * @returns {Point} dimensions\r\n */\r\n _calculateCurrentDimensions(options?: any): Point {\r\n return this._getTransformedDimensions(options)\r\n .transform(this.getViewportTransform(), true)\r\n .scalarAdd(2 * this.padding);\r\n }\r\n}\r\n","// @ts-nocheck\r\nimport type { TClassProperties, TDegree, TSize, TFiller } from '../typedefs';\r\nimport { fabric } from '../../HEADER';\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { VERSION } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport { capValue } from '../util/misc/capValue';\r\nimport { pick } from '../util/misc/pick';\r\nimport { runningAnimations } from '../util/animation_registry';\r\nimport { enlivenObjectEnlivables } from '../util/misc/objectEnlive';\r\nimport { clone } from '../util/lang_object';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { capitalize } from '../util/lang_string';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { ObjectGeometry } from '../mixins/object_geometry.mixin';\r\nimport { qrDecompose, transformPoint } from '../util/misc/matrix';\r\nimport { Canvas, Shadow, StaticCanvas } from '../__types__';\r\n\r\n// temporary hack for unfinished migration\r\ntype TCallSuper = (arg0: string, ...moreArgs: any[]) => any;\r\n\r\nconst ALIASING_LIMIT = 2;\r\n\r\n/**\r\n * Root object class from which all 2d shape classes inherit from\r\n * @class fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects}\r\n * @see {@link fabric.Object#initialize} for constructor definition\r\n *\r\n * @fires added\r\n * @fires removed\r\n *\r\n * @fires selected\r\n * @fires deselected\r\n * @fires modified\r\n * @fires modified\r\n * @fires moved\r\n * @fires scaled\r\n * @fires rotated\r\n * @fires skewed\r\n *\r\n * @fires rotating\r\n * @fires scaling\r\n * @fires moving\r\n * @fires skewing\r\n *\r\n * @fires mousedown\r\n * @fires mouseup\r\n * @fires mouseover\r\n * @fires mouseout\r\n * @fires mousewheel\r\n * @fires mousedblclick\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drop\r\n */\r\nexport class FabricObject extends ObjectGeometry {\r\n type: string;\r\n\r\n /**\r\n * Opacity of an object\r\n * @type Number\r\n * @default 1\r\n */\r\n opacity: number;\r\n\r\n /**\r\n * Size of object's controlling corners (in pixels)\r\n * @type Number\r\n * @default 13\r\n */\r\n cornerSize: number;\r\n\r\n /**\r\n * Size of object's controlling corners when touch interaction is detected\r\n * @type Number\r\n * @default 24\r\n */\r\n touchCornerSize: number;\r\n\r\n /**\r\n * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill)\r\n * @type Boolean\r\n * @default true\r\n */\r\n transparentCorners: boolean;\r\n\r\n /**\r\n * Default cursor value used when hovering over this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n hoverCursor: null;\r\n\r\n /**\r\n * Default cursor value used when moving this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n moveCursor: null;\r\n\r\n /**\r\n * Color of controlling borders of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n borderColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's borders (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n * default null;\r\n */\r\n borderDashArray: number[] | null;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n cornerColor: string;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active and transparentCorners false)\r\n * @since 1.6.2\r\n * @type String\r\n * @default null\r\n */\r\n cornerStrokeColor: string;\r\n\r\n /**\r\n * Specify style of control, 'rect' or 'circle'\r\n * @since 1.6.2\r\n * @type 'rect' | 'circle'\r\n * @default rect\r\n */\r\n cornerStyle: 'rect' | 'circle';\r\n\r\n /**\r\n * Array specifying dash pattern of an object's control (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n */\r\n cornerDashArray: number[] | null;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being scaled via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being rotated via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: true;\r\n\r\n /**\r\n * When defined, an object is rendered via stroke and this property specifies its color\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default null\r\n */\r\n stroke: string | TFiller | null;\r\n\r\n /**\r\n * Color of object's fill\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default rgb(0,0,0)\r\n */\r\n fill: string | null;\r\n\r\n /**\r\n * Fill rule used to fill an object\r\n * accepted values are nonzero, evenodd\r\n * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead)\r\n * @type String\r\n * @default nonzero\r\n */\r\n fillRule: 'nonzero' | 'evenodd';\r\n\r\n /**\r\n * Composite rule used for canvas globalCompositeOperation\r\n * @type String\r\n * @default\r\n */\r\n globalCompositeOperation: GlobalCompositeOperation;\r\n\r\n /**\r\n * Background color of an object.\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default\r\n */\r\n backgroundColor: string;\r\n\r\n /**\r\n * Selection Background color of an object. colored layer behind the object when it is active.\r\n * does not mix good with globalCompositeOperation methods.\r\n * @type String\r\n * @default\r\n */\r\n selectionBackgroundColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's stroke (stroke must be defined)\r\n * @type Array\r\n * @default null;\r\n */\r\n strokeDashArray: number[] | null;\r\n\r\n /**\r\n * Line offset of an object's stroke\r\n * @type Number\r\n * @default 0\r\n */\r\n strokeDashOffset: number;\r\n\r\n /**\r\n * Line endings style of an object's stroke (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default butt\r\n */\r\n strokeLineCap: string;\r\n\r\n /**\r\n * Corner style of an object's stroke (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: string;\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of an object's stroke\r\n * @type Number\r\n * @default 4\r\n */\r\n strokeMiterLimit: number;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape\r\n * @type fabric.Shadow\r\n * @default null\r\n */\r\n shadow: Shadow | null;\r\n\r\n /**\r\n * Opacity of object's controlling borders when object is active and moving\r\n * @type Number\r\n * @default 0.4\r\n */\r\n borderOpacityWhenMoving: number;\r\n\r\n /**\r\n * Scale factor of object's controlling borders\r\n * bigger number will make a thicker border\r\n * border is 1, so this is basically a border thickness\r\n * since there is no way to change the border itself.\r\n * @type Number\r\n * @default 1\r\n */\r\n borderScaleFactor: number;\r\n\r\n /**\r\n * Minimum allowed scale value of an object\r\n * @type Number\r\n * @default 0\r\n */\r\n minScaleLimit: number;\r\n\r\n /**\r\n * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection).\r\n * But events still fire on it.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectable: boolean;\r\n\r\n /**\r\n * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n evented: boolean;\r\n\r\n /**\r\n * When set to `false`, an object is not rendered on canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n visible: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controls are not displayed and can not be used to manipulate object\r\n * @type Boolean\r\n * @default\r\n */\r\n hasControls: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controlling borders are not rendered\r\n * @type Boolean\r\n * @default\r\n */\r\n hasBorders: boolean;\r\n\r\n /**\r\n * When set to `true`, objects are \"found\" on canvas on per-pixel basis rather than according to bounding box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: boolean;\r\n\r\n /**\r\n * When `false`, default object's values are not included in its serialization\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementY: boolean;\r\n\r\n /**\r\n * When `true`, object rotation is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockRotation: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingY: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingY: boolean;\r\n\r\n /**\r\n * When `true`, object cannot be flipped by scaling into negative values\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingFlip: boolean;\r\n\r\n /**\r\n * When `true`, object is not exported in OBJECT/JSON\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n excludeFromExport: boolean;\r\n\r\n /**\r\n * When `true`, object is cached on an additional canvas.\r\n * When `false`, object is not cached unless necessary ( clipPath )\r\n * default to true\r\n * @since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n objectCaching: boolean;\r\n\r\n /**\r\n * When `true`, object properties are checked for cache invalidation. In some particular\r\n * situation you may want this to be disabled ( spray brush, very big, groups)\r\n * or if your application does not allow you to modify properties for groups child you want\r\n * to disable it for groups.\r\n * default to false\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default false\r\n */\r\n statefullCache: boolean;\r\n\r\n /**\r\n * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled\r\n * too much and will be redrawn with correct details at the end of scaling.\r\n * this setting is performance and application dependant.\r\n * default to true\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n noScaleCache: boolean;\r\n\r\n /**\r\n * When set to `true`, object's cache will be rerendered next render call.\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n dirty: boolean;\r\n\r\n /**\r\n * Determines if the fill or the stroke is drawn first (one of \"fill\" or \"stroke\")\r\n * @type String\r\n * @default\r\n */\r\n paintFirst: 'fill' | 'stroke';\r\n\r\n /**\r\n * When 'down', object is set to active on mousedown/touchstart\r\n * When 'up', object is set to active on mouseup/touchend\r\n * Experimental. Let's see if this breaks anything before supporting officially\r\n * @private\r\n * since 4.4.0\r\n * @type String\r\n * @default 'down'\r\n */\r\n activeOn: 'down' | 'up';\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: string[];\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: string[];\r\n\r\n /**\r\n * List of properties to consider for animating colors.\r\n * @type String[]\r\n */\r\n colorProperties: string[];\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the object has rendered, and the context is placed in the center\r\n * of the object cacheCanvas.\r\n * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center'\r\n * @type fabric.Object\r\n */\r\n clipPath?: FabricObject;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will make the object clip to the outside of the clipPath\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n inverted: boolean;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will have its top and left relative to canvas, and will\r\n * not be influenced by the object transform. This will make the clipPath relative\r\n * to the canvas, but clipping just a particular object.\r\n * WARNING this is beta, this feature may change or be renamed.\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n absolutePositioned: boolean;\r\n\r\n /**\r\n * Quick access for the _cacheCanvas rendering context\r\n * This is part of the objectCaching feature\r\n * since 1.7.0\r\n * @type boolean\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheContext: CanvasRenderingContext2D | null = null;\r\n\r\n /**\r\n * A reference to the HTMLCanvasElement that is used to contain the cache of the object\r\n * this canvas element is resized and cleared as needed\r\n * Is marked private, you can read it, don't use it since it is handled by fabric\r\n * since 1.7.0\r\n * @type HTMLCanvasElement\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheCanvas?: HTMLCanvasElement;\r\n\r\n /**\r\n * Size of the cache canvas, width\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheWidth?: number;\r\n\r\n /**\r\n * Size of the cache canvas, height\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheHeight?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, X axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomX?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomY?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationX?: number;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationY?: number;\r\n\r\n /**\r\n * A reference to the parent of the object, usually a FabricGroup\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n group?: FabricObject;\r\n\r\n /**\r\n * Indicate if the object is sitting on a cache dedicated to it\r\n * or is part of a larger cache for many object ( a group for example)\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n ownCaching?: boolean;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * @static\r\n * @memberOf fabric.Object\r\n * @type Number\r\n */\r\n static __uid = 0;\r\n\r\n callSuper?: TCallSuper;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Partial>) {\r\n super();\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options?: Partial>) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Create a the canvas used to keep the cached copy of the object\r\n * @private\r\n */\r\n _createCacheCanvas() {\r\n this._cacheCanvas = createCanvasElement();\r\n this._cacheContext = this._cacheCanvas.getContext('2d');\r\n this._updateCacheCanvas();\r\n // if canvas gets created, is empty, so dirty.\r\n this.dirty = true;\r\n }\r\n\r\n /**\r\n * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal\r\n * and each side do not cross fabric.cacheSideLimit\r\n * those numbers are configurable so that you can get as much detail as you want\r\n * making bargain with performances.\r\n * @param {Object} dims\r\n * @param {Object} dims.width width of canvas\r\n * @param {Object} dims.height height of canvas\r\n * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _limitCacheSize(\r\n dims: TSize & { zoomX: number; zoomY: number; capped: boolean } & any\r\n ) {\r\n const width = dims.width,\r\n height = dims.height,\r\n max = config.maxCacheSideLimit,\r\n min = config.minCacheSideLimit;\r\n if (\r\n width <= max &&\r\n height <= max &&\r\n width * height <= config.perfLimitSizeTotal\r\n ) {\r\n if (width < min) {\r\n dims.width = min;\r\n }\r\n if (height < min) {\r\n dims.height = min;\r\n }\r\n return dims;\r\n }\r\n const ar = width / height,\r\n [limX, limY] = cache.limitDimsByArea(ar),\r\n x = capValue(min, limX, max),\r\n y = capValue(min, limY, max);\r\n if (width > x) {\r\n dims.zoomX /= width / x;\r\n dims.width = x;\r\n dims.capped = true;\r\n }\r\n if (height > y) {\r\n dims.zoomY /= height / y;\r\n dims.height = y;\r\n dims.capped = true;\r\n }\r\n return dims;\r\n }\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @return {Object}.x width of object to be cached\r\n * @return {Object}.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions() {\r\n const objectScale = this.getTotalObjectScaling(),\r\n // calculate dimensions without skewing\r\n dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }),\r\n neededX = (dim.x * objectScale.x) / this.scaleX,\r\n neededY = (dim.y * objectScale.y) / this.scaleY;\r\n return {\r\n // for sure this ALIASING_LIMIT is slightly creating problem\r\n // in situation in which the cache canvas gets an upper limit\r\n // also objectScale contains already scaleX and scaleY\r\n width: neededX + ALIASING_LIMIT,\r\n height: neededY + ALIASING_LIMIT,\r\n zoomX: objectScale.x,\r\n zoomY: objectScale.y,\r\n x: neededX,\r\n y: neededY,\r\n };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const target = targetCanvas._currentTransform.target,\r\n action = targetCanvas._currentTransform.action;\r\n if (this === target && action.slice && action.slice(0, 5) === 'scale') {\r\n return false;\r\n }\r\n }\r\n const canvas = this._cacheCanvas,\r\n context = this._cacheContext,\r\n dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n minCacheSize = config.minCacheSideLimit,\r\n width = dims.width,\r\n height = dims.height,\r\n zoomX = dims.zoomX,\r\n zoomY = dims.zoomY,\r\n dimensionsChanged =\r\n width !== this.cacheWidth || height !== this.cacheHeight,\r\n zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY;\r\n\r\n if (!canvas || !context) {\r\n return false;\r\n }\r\n\r\n let drawingWidth,\r\n drawingHeight,\r\n shouldRedraw = dimensionsChanged || zoomChanged,\r\n additionalWidth = 0,\r\n additionalHeight = 0,\r\n shouldResizeCanvas = false;\r\n\r\n if (dimensionsChanged) {\r\n const canvasWidth = (this._cacheCanvas as HTMLCanvasElement).width,\r\n canvasHeight = (this._cacheCanvas as HTMLCanvasElement).height,\r\n sizeGrowing = width > canvasWidth || height > canvasHeight,\r\n sizeShrinking =\r\n (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) &&\r\n canvasWidth > minCacheSize &&\r\n canvasHeight > minCacheSize;\r\n shouldResizeCanvas = sizeGrowing || sizeShrinking;\r\n if (\r\n sizeGrowing &&\r\n !dims.capped &&\r\n (width > minCacheSize || height > minCacheSize)\r\n ) {\r\n additionalWidth = width * 0.1;\r\n additionalHeight = height * 0.1;\r\n }\r\n }\r\n if (this instanceof fabric.Text && this.path) {\r\n shouldRedraw = true;\r\n shouldResizeCanvas = true;\r\n // IMHO in those lines we are using zoomX and zoomY not the this version.\r\n additionalWidth += this.getHeightOfLine(0) * this.zoomX;\r\n additionalHeight += this.getHeightOfLine(0) * this.zoomY;\r\n }\r\n if (shouldRedraw) {\r\n if (shouldResizeCanvas) {\r\n canvas.width = Math.ceil(width + additionalWidth);\r\n canvas.height = Math.ceil(height + additionalHeight);\r\n } else {\r\n context.setTransform(1, 0, 0, 1, 0, 0);\r\n context.clearRect(0, 0, canvas.width, canvas.height);\r\n }\r\n drawingWidth = dims.x / 2;\r\n drawingHeight = dims.y / 2;\r\n this.cacheTranslationX =\r\n Math.round(canvas.width / 2 - drawingWidth) + drawingWidth;\r\n this.cacheTranslationY =\r\n Math.round(canvas.height / 2 - drawingHeight) + drawingHeight;\r\n this.cacheWidth = width;\r\n this.cacheHeight = height;\r\n context.translate(this.cacheTranslationX, this.cacheTranslationY);\r\n context.scale(zoomX, zoomY);\r\n this.zoomX = zoomX;\r\n this.zoomY = zoomY;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions(options: Record = {}) {\r\n this._setOptions(options);\r\n }\r\n\r\n /**\r\n * Transforms context when rendering an object\r\n * @param {CanvasRenderingContext2D} ctx Context\r\n */\r\n transform(ctx: CanvasRenderingContext2D) {\r\n const needFullTransform =\r\n (this.group && !this.group._transformDone) ||\r\n (this.group && this.canvas && ctx === this.canvas.contextTop);\r\n const m = this.calcTransformMatrix(!needFullTransform);\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n\r\n /**\r\n * Returns an object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]): Record {\r\n const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n clipPathData =\r\n this.clipPath && !this.clipPath.excludeFromExport\r\n ? {\r\n ...this.clipPath.toObject(propertiesToInclude),\r\n inverted: this.clipPath.inverted,\r\n absolutePositioned: this.clipPath.absolutePositioned,\r\n }\r\n : null,\r\n object = {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n version: VERSION,\r\n originX: this.originX,\r\n originY: this.originY,\r\n left: toFixed(this.left, NUM_FRACTION_DIGITS),\r\n top: toFixed(this.top, NUM_FRACTION_DIGITS),\r\n width: toFixed(this.width, NUM_FRACTION_DIGITS),\r\n height: toFixed(this.height, NUM_FRACTION_DIGITS),\r\n fill:\r\n this.fill && this.fill.toObject ? this.fill.toObject() : this.fill,\r\n stroke:\r\n this.stroke && this.stroke.toObject\r\n ? this.stroke.toObject()\r\n : this.stroke,\r\n strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS),\r\n strokeDashArray: this.strokeDashArray\r\n ? this.strokeDashArray.concat()\r\n : this.strokeDashArray,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeDashOffset: this.strokeDashOffset,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeUniform: this.strokeUniform,\r\n strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS),\r\n scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS),\r\n scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS),\r\n angle: toFixed(this.angle, NUM_FRACTION_DIGITS),\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS),\r\n shadow:\r\n this.shadow && this.shadow.toObject\r\n ? this.shadow.toObject()\r\n : this.shadow,\r\n visible: this.visible,\r\n backgroundColor: this.backgroundColor,\r\n fillRule: this.fillRule,\r\n paintFirst: this.paintFirst,\r\n globalCompositeOperation: this.globalCompositeOperation,\r\n skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS),\r\n skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n\r\n return !this.includeDefaultValues\r\n ? this._removeDefaultValues(object)\r\n : object;\r\n }\r\n\r\n /**\r\n * Returns (dataless) object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toDatalessObject(propertiesToInclude: (keyof this)[]) {\r\n // will be overwritten by subclasses\r\n return this.toObject(propertiesToInclude);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Object} object\r\n */\r\n _removeDefaultValues(object: Record) {\r\n const prototype = fabric.util.getKlass(object.type).prototype;\r\n Object.keys(object).forEach(function (prop) {\r\n if (prop === 'left' || prop === 'top' || prop === 'type') {\r\n return;\r\n }\r\n if (object[prop] === prototype[prop]) {\r\n delete object[prop];\r\n }\r\n // basically a check for [] === []\r\n if (\r\n Array.isArray(object[prop]) &&\r\n Array.isArray(prototype[prop]) &&\r\n object[prop].length === 0 &&\r\n prototype[prop].length === 0\r\n ) {\r\n delete object[prop];\r\n }\r\n });\r\n\r\n return object;\r\n }\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String}\r\n */\r\n toString() {\r\n return '#';\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling\r\n * @return {Point}\r\n */\r\n getObjectScaling() {\r\n // if the object is a top level one, on the canvas, we go for simple aritmetic\r\n // otherwise the complex method with angles will return approximations and decimals\r\n // and will likely kill the cache when not needed\r\n // https://github.com/fabricjs/fabric.js/issues/7157\r\n if (!this.group) {\r\n return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY));\r\n }\r\n // if we are inside a group total zoom calculation is complex, we defer to generic matrices\r\n const options = qrDecompose(this.calcTransformMatrix());\r\n return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY));\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling, zoom and retina\r\n * @return {Object} object with scaleX and scaleY properties\r\n */\r\n getTotalObjectScaling() {\r\n const scale = this.getObjectScaling();\r\n if (this.canvas) {\r\n const zoom = this.canvas.getZoom();\r\n const retina = this.canvas.getRetinaScaling();\r\n return scale.scalarMultiply(zoom * retina);\r\n }\r\n return scale;\r\n }\r\n\r\n /**\r\n * Return the object opacity counting also the group property\r\n * @return {Number}\r\n */\r\n getObjectOpacity() {\r\n let opacity = this.opacity;\r\n if (this.group) {\r\n opacity *= this.group.getObjectOpacity();\r\n }\r\n return opacity;\r\n }\r\n\r\n /**\r\n * Makes sure the scale is valid and modifies it if necessary\r\n * @todo: this is a control action issue, not a geometry one\r\n * @private\r\n * @param {Number} value, unconstrained\r\n * @return {Number} constrained value;\r\n */\r\n _constrainScale(value: number): number {\r\n if (Math.abs(value) < this.minScaleLimit) {\r\n if (value < 0) {\r\n return -this.minScaleLimit;\r\n } else {\r\n return this.minScaleLimit;\r\n }\r\n } else if (value === 0) {\r\n return 0.0001;\r\n }\r\n return value;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {fabric.Object} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n const shouldConstrainValue = key === 'scaleX' || key === 'scaleY',\r\n isChanged = this[key] !== value;\r\n\r\n if (shouldConstrainValue) {\r\n value = this._constrainScale(value);\r\n }\r\n if (key === 'scaleX' && value < 0) {\r\n this.flipX = !this.flipX;\r\n value *= -1;\r\n } else if (key === 'scaleY' && value < 0) {\r\n this.flipY = !this.flipY;\r\n value *= -1;\r\n } else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) {\r\n value = new fabric.Shadow(value);\r\n } else if (key === 'dirty' && this.group) {\r\n this.group.set('dirty', value);\r\n }\r\n\r\n this[key] = value;\r\n\r\n if (isChanged) {\r\n const groupNeedsUpdate = this.group && this.group.isOnACache();\r\n if (this.cacheProperties.indexOf(key) > -1) {\r\n this.dirty = true;\r\n groupNeedsUpdate && this.group.set('dirty', true);\r\n } else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) {\r\n this.group.set('dirty', true);\r\n }\r\n }\r\n return this;\r\n }\r\n\r\n /*\r\n * @private\r\n * return if the object would be visible in rendering\r\n * @memberOf FabricObject.prototype\r\n * @return {Boolean}\r\n */\r\n isNotVisible() {\r\n return (\r\n this.opacity === 0 ||\r\n (!this.width && !this.height && this.strokeWidth === 0) ||\r\n !this.visible\r\n );\r\n }\r\n\r\n /**\r\n * Renders an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n // do not render if width/height are zeros or object is not visible\r\n if (this.isNotVisible()) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n this._setupCompositeOperation(ctx);\r\n this.drawSelectionBackground(ctx);\r\n this.transform(ctx);\r\n this._setOpacity(ctx);\r\n this._setShadow(ctx);\r\n if (this.shouldCache()) {\r\n this.renderCache();\r\n this.drawCacheOnCanvas(ctx);\r\n } else {\r\n this._removeCacheCanvas();\r\n this.dirty = false;\r\n this.drawObject(ctx);\r\n if (this.objectCaching && this.statefullCache) {\r\n this.saveState({ propertySet: 'cacheProperties' });\r\n }\r\n }\r\n ctx.restore();\r\n }\r\n\r\n renderCache(options?: any) {\r\n options = options || {};\r\n if (!this._cacheCanvas || !this._cacheContext) {\r\n this._createCacheCanvas();\r\n }\r\n if (this.isCacheDirty() && this._cacheContext) {\r\n this.statefullCache && this.saveState({ propertySet: 'cacheProperties' });\r\n this.drawObject(this._cacheContext, options.forClipping);\r\n this.dirty = false;\r\n }\r\n }\r\n\r\n /**\r\n * Remove cacheCanvas and its dimensions from the objects\r\n */\r\n _removeCacheCanvas() {\r\n this._cacheCanvas = undefined;\r\n this._cacheContext = null;\r\n this.cacheWidth = 0;\r\n this.cacheHeight = 0;\r\n }\r\n\r\n /**\r\n * return true if the object will draw a stroke\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when stroke happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the stroke is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasStroke() {\r\n return (\r\n this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0\r\n );\r\n }\r\n\r\n /**\r\n * return true if the object will draw a fill\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when fill happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the fill is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasFill() {\r\n return this.fill && this.fill !== 'transparent';\r\n }\r\n\r\n /**\r\n * When set to `true`, force the object to have its own cache, even if it is inside a group\r\n * it may be needed when your object behave in a particular way on the cache and always needs\r\n * its own isolated canvas to render correctly.\r\n * Created to be overridden\r\n * since 1.7.12\r\n * @returns Boolean\r\n */\r\n needsItsOwnCache() {\r\n if (\r\n this.paintFirst === 'stroke' &&\r\n this.hasFill() &&\r\n this.hasStroke() &&\r\n typeof this.shadow === 'object'\r\n ) {\r\n return true;\r\n }\r\n if (this.clipPath) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * Read as: cache if is needed, or if the feature is enabled but we are not already caching.\r\n * @return {Boolean}\r\n */\r\n shouldCache() {\r\n this.ownCaching =\r\n this.needsItsOwnCache() ||\r\n (this.objectCaching && (!this.group || !this.group.isOnACache()));\r\n return this.ownCaching;\r\n }\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * used by Group.shouldCache to know if child has a shadow recursively\r\n * @return {Boolean}\r\n * @deprecated\r\n */\r\n willDrawShadow() {\r\n return (\r\n !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)\r\n );\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object clipPath\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Object} clipPath\r\n * todo while converting things, we need a type that is a union of classes that\r\n * represent the fabricObjects. Rect, Circle...\r\n */\r\n drawClipPathOnCache(ctx: CanvasRenderingContext2D, clipPath: FabricObject) {\r\n ctx.save();\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4\r\n if (clipPath.inverted) {\r\n ctx.globalCompositeOperation = 'destination-out';\r\n } else {\r\n ctx.globalCompositeOperation = 'destination-in';\r\n }\r\n //ctx.scale(1 / 2, 1 / 2);\r\n if (clipPath.absolutePositioned) {\r\n const m = fabric.util.invertTransform(this.calcTransformMatrix());\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n clipPath.transform(ctx);\r\n ctx.scale(1 / clipPath.zoomX!, 1 / clipPath.zoomY!);\r\n ctx.drawImage(\r\n clipPath._cacheCanvas!,\r\n -clipPath.cacheTranslationX!,\r\n -clipPath.cacheTranslationY!\r\n );\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {boolean} forClipping apply clipping styles\r\n */\r\n drawObject(ctx: CanvasRenderingContext2D, forClipping?: boolean) {\r\n const originalFill = this.fill,\r\n originalStroke = this.stroke;\r\n if (forClipping) {\r\n this.fill = 'black';\r\n this.stroke = '';\r\n this._setClippingProperties(ctx);\r\n } else {\r\n this._renderBackground(ctx);\r\n }\r\n this._render(ctx);\r\n this._drawClipPath(ctx, this.clipPath);\r\n this.fill = originalFill;\r\n this.stroke = originalStroke;\r\n }\r\n\r\n /**\r\n * Prepare clipPath state and cache and draw it on instance's cache\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {fabric.Object} clipPath\r\n */\r\n _drawClipPath(ctx, clipPath) {\r\n if (!clipPath) {\r\n return;\r\n }\r\n // needed to setup a couple of variables\r\n // path canvas gets overridden with this one.\r\n // TODO find a better solution?\r\n clipPath._set('canvas', this.canvas);\r\n clipPath.shouldCache();\r\n clipPath._transformDone = true;\r\n clipPath.renderCache({ forClipping: true });\r\n this.drawClipPathOnCache(ctx, clipPath);\r\n }\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas(ctx) {\r\n ctx.scale(1 / this.zoomX, 1 / this.zoomY);\r\n ctx.drawImage(\r\n this._cacheCanvas,\r\n -this.cacheTranslationX,\r\n -this.cacheTranslationY\r\n );\r\n }\r\n\r\n /**\r\n * Check if cache is dirty\r\n * @param {Boolean} skipCanvas skip canvas checks because this object is painted\r\n * on parent canvas.\r\n */\r\n isCacheDirty(skipCanvas = false) {\r\n if (this.isNotVisible()) {\r\n return false;\r\n }\r\n if (\r\n this._cacheCanvas &&\r\n this._cacheContext &&\r\n !skipCanvas &&\r\n this._updateCacheCanvas()\r\n ) {\r\n // in this case the context is already cleared.\r\n return true;\r\n } else {\r\n if (\r\n this.dirty ||\r\n (this.clipPath && this.clipPath.absolutePositioned) ||\r\n (this.statefullCache && this.hasStateChanged('cacheProperties'))\r\n ) {\r\n if (this._cacheCanvas && this._cacheContext && !skipCanvas) {\r\n const width = this.cacheWidth / this.zoomX;\r\n const height = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-width / 2, -height / 2, width, height);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Draws a background for the object big as its untransformed dimensions\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground(ctx) {\r\n if (!this.backgroundColor) {\r\n return;\r\n }\r\n const dim = this._getNonTransformedDimensions();\r\n ctx.fillStyle = this.backgroundColor;\r\n\r\n ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y);\r\n // if there is background color no other shadows\r\n // should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setOpacity(ctx) {\r\n if (this.group && !this.group._transformDone) {\r\n ctx.globalAlpha = this.getObjectOpacity();\r\n } else {\r\n ctx.globalAlpha *= this.opacity;\r\n }\r\n }\r\n\r\n _setStrokeStyles(ctx, decl) {\r\n const stroke = decl.stroke;\r\n if (stroke) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = decl.strokeLineCap;\r\n ctx.lineDashOffset = decl.strokeDashOffset;\r\n ctx.lineJoin = decl.strokeLineJoin;\r\n ctx.miterLimit = decl.strokeMiterLimit;\r\n if (stroke.toLive) {\r\n if (\r\n stroke.gradientUnits === 'percentage' ||\r\n stroke.gradientTransform ||\r\n stroke.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n this._applyPatternForTransformedGradient(ctx, stroke);\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx.strokeStyle = stroke.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, stroke);\r\n }\r\n } else {\r\n // is a color\r\n ctx.strokeStyle = decl.stroke;\r\n }\r\n }\r\n }\r\n\r\n _setFillStyles(ctx, decl) {\r\n const fill = decl.fill;\r\n if (fill) {\r\n if (fill.toLive) {\r\n ctx.fillStyle = fill.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, decl.fill);\r\n } else {\r\n ctx.fillStyle = fill;\r\n }\r\n }\r\n }\r\n\r\n _setClippingProperties(ctx) {\r\n ctx.globalAlpha = 1;\r\n ctx.strokeStyle = 'transparent';\r\n ctx.fillStyle = '#000000';\r\n }\r\n\r\n /**\r\n * @private\r\n * Sets line dash\r\n * @param {CanvasRenderingContext2D} ctx Context to set the dash line on\r\n * @param {Array} dashArray array representing dashes\r\n */\r\n _setLineDash(ctx, dashArray) {\r\n if (!dashArray || dashArray.length === 0) {\r\n return;\r\n }\r\n // Spec requires the concatenation of two copies the dash list when the number of elements is odd\r\n if (1 & dashArray.length) {\r\n dashArray.push.apply(dashArray, dashArray);\r\n }\r\n ctx.setLineDash(dashArray);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setShadow(ctx: CanvasRenderingContext2D) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n let shadow = this.shadow,\r\n canvas = this.canvas,\r\n multX = (canvas && canvas.viewportTransform[0]) || 1,\r\n multY = (canvas && canvas.viewportTransform[3]) || 1,\r\n scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling();\r\n if (canvas && canvas._isRetinaScaling()) {\r\n multX *= config.devicePixelRatio;\r\n multY *= config.devicePixelRatio;\r\n }\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur =\r\n (shadow.blur *\r\n config.browserShadowBlurConstant *\r\n (multX + multY) *\r\n (scaling.x + scaling.y)) /\r\n 4;\r\n ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x;\r\n ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _removeShadow(ctx) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} filler fabric.Pattern or fabric.Gradient\r\n * @return {Object} offset.offsetX offset for text rendering\r\n * @return {Object} offset.offsetY offset for text rendering\r\n */\r\n _applyPatternGradientTransform(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n if (!filler || !filler.toLive) {\r\n return { offsetX: 0, offsetY: 0 };\r\n }\r\n const t = filler.gradientTransform || filler.patternTransform;\r\n const offsetX = -this.width / 2 + filler.offsetX || 0,\r\n offsetY = -this.height / 2 + filler.offsetY || 0;\r\n\r\n if (filler.gradientUnits === 'percentage') {\r\n ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY);\r\n } else {\r\n ctx.transform(1, 0, 0, 1, offsetX, offsetY);\r\n }\r\n if (t) {\r\n ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]);\r\n }\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderPaintInOrder(ctx: CanvasRenderingContext2D) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderStroke(ctx);\r\n this._renderFill(ctx);\r\n } else {\r\n this._renderFill(ctx);\r\n this._renderStroke(ctx);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * function that actually render something on the context.\r\n * empty here to allow Obects to work on tests to benchmark fabric functionalites\r\n * not related to rendering\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n // placeholder to be overridden\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderFill(ctx: CanvasRenderingContext2D) {\r\n if (!this.fill) {\r\n return;\r\n }\r\n\r\n ctx.save();\r\n this._setFillStyles(ctx, this);\r\n if (this.fillRule === 'evenodd') {\r\n ctx.fill('evenodd');\r\n } else {\r\n ctx.fill();\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderStroke(ctx: CanvasRenderingContext2D) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n if (this.strokeUniform) {\r\n const scaling = this.getObjectScaling();\r\n ctx.scale(1 / scaling.x, 1 / scaling.y);\r\n }\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n this._setStrokeStyles(ctx, this);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n */\r\n _applyPatternForTransformedGradient(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n const dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n pCanvas = fabric.util.createCanvasElement(),\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n width = dims.x / this.scaleX / retinaScaling,\r\n height = dims.y / this.scaleY / retinaScaling;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n const pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.scale(\r\n dims.zoomX / this.scaleX / retinaScaling,\r\n dims.zoomY / this.scaleY / retinaScaling\r\n );\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fillStyle = filler.toLive(ctx);\r\n pCtx.fill();\r\n ctx.translate(\r\n -this.width / 2 - this.strokeWidth / 2,\r\n -this.height / 2 - this.strokeWidth / 2\r\n );\r\n ctx.scale(\r\n (retinaScaling * this.scaleX) / dims.zoomX,\r\n (retinaScaling * this.scaleY) / dims.zoomY\r\n );\r\n ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat');\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement() {\r\n return { x: this.left + this.width / 2, y: this.top + this.height / 2 };\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it decompose the transformMatrix\r\n * and assign properties to object.\r\n * untransformed coordinates\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n */\r\n _assignTransformMatrixProps() {\r\n if (this.transformMatrix) {\r\n const options = qrDecompose(this.transformMatrix);\r\n this.flipX = false;\r\n this.flipY = false;\r\n this.set('scaleX', options.scaleX);\r\n this.set('scaleY', options.scaleY);\r\n this.angle = options.angle;\r\n this.skewX = options.skewX;\r\n this.skewY = 0;\r\n }\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it removes the transform matrix\r\n * and set to object properties that fabricjs can handle\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n * @param {Object} preserveAspectRatioOptions\r\n */\r\n _removeTransformMatrix(preserveAspectRatioOptions) {\r\n let center = this._findCenterFromElement();\r\n if (this.transformMatrix) {\r\n this._assignTransformMatrixProps();\r\n center = transformPoint(center, this.transformMatrix);\r\n }\r\n this.transformMatrix = null;\r\n if (preserveAspectRatioOptions) {\r\n this.scaleX *= preserveAspectRatioOptions.scaleX;\r\n this.scaleY *= preserveAspectRatioOptions.scaleY;\r\n this.cropX = preserveAspectRatioOptions.cropX;\r\n this.cropY = preserveAspectRatioOptions.cropY;\r\n center.x += preserveAspectRatioOptions.offsetLeft;\r\n center.y += preserveAspectRatioOptions.offsetTop;\r\n this.width = preserveAspectRatioOptions.width;\r\n this.height = preserveAspectRatioOptions.height;\r\n }\r\n this.setPositionByOrigin(center, 'center', 'center');\r\n }\r\n\r\n /**\r\n * Clones an instance.\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {Promise}\r\n */\r\n clone(propertiesToInclude: (keyof this)[]) {\r\n const objectForm = this.toObject(propertiesToInclude);\r\n // todo ok understand this. is static or it isn't?\r\n return this.constructor.fromObject(objectForm);\r\n }\r\n\r\n /**\r\n * Creates an instance of fabric.Image out of an object\r\n * makes use of toCanvasElement.\r\n * Once this method was based on toDataUrl and loadImage, so it also had a quality\r\n * and format option. toCanvasElement is faster and produce no loss of quality.\r\n * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it.\r\n * toCanvasElement and then toBlob from the obtained canvas is also a good option.\r\n * @param {Object} [options] for clone as image, passed to toDataURL\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {fabric.Image} Object cloned as image.\r\n */\r\n cloneAsImage(options: any) {\r\n const canvasEl = this.toCanvasElement(options);\r\n return new fabric.Image(canvasEl);\r\n }\r\n\r\n /**\r\n * Converts an object into a HTMLCanvas element\r\n * @param {Object} options Options object\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object\r\n */\r\n toCanvasElement(options: any) {\r\n options || (options = {});\r\n\r\n const utils = fabric.util,\r\n origParams = utils.saveObjectTransform(this),\r\n originalGroup = this.group,\r\n originalShadow = this.shadow,\r\n abs = Math.abs,\r\n retinaScaling = options.enableRetinaScaling\r\n ? Math.max(config.devicePixelRatio, 1)\r\n : 1,\r\n multiplier = (options.multiplier || 1) * retinaScaling;\r\n delete this.group;\r\n if (options.withoutTransform) {\r\n utils.resetObjectTransform(this);\r\n }\r\n if (options.withoutShadow) {\r\n this.shadow = null;\r\n }\r\n\r\n let el = fabric.util.createCanvasElement(),\r\n // skip canvas zoom and calculate with setCoords now.\r\n boundingRect = this.getBoundingRect(true, true),\r\n shadow = this.shadow,\r\n shadowOffset = { x: 0, y: 0 },\r\n width,\r\n height;\r\n\r\n if (shadow) {\r\n const shadowBlur = shadow.blur;\r\n const scaling = shadow.nonScaling\r\n ? new Point(1, 1)\r\n : this.getObjectScaling();\r\n // consider non scaling shadow.\r\n shadowOffset.x =\r\n 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x);\r\n shadowOffset.y =\r\n 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y);\r\n }\r\n width = boundingRect.width + shadowOffset.x;\r\n height = boundingRect.height + shadowOffset.y;\r\n // if the current width/height is not an integer\r\n // we need to make it so.\r\n el.width = Math.ceil(width);\r\n el.height = Math.ceil(height);\r\n let canvas = new fabric.StaticCanvas(el, {\r\n enableRetinaScaling: false,\r\n renderOnAddRemove: false,\r\n skipOffscreen: false,\r\n });\r\n if (options.format === 'jpeg') {\r\n canvas.backgroundColor = '#fff';\r\n }\r\n this.setPositionByOrigin(\r\n new Point(canvas.width / 2, canvas.height / 2),\r\n 'center',\r\n 'center'\r\n );\r\n const originalCanvas = this.canvas;\r\n canvas._objects = [this];\r\n this.set('canvas', canvas);\r\n this.setCoords();\r\n const canvasEl = canvas.toCanvasElement(multiplier || 1, options);\r\n this.set('canvas', originalCanvas);\r\n this.shadow = originalShadow;\r\n if (originalGroup) {\r\n this.group = originalGroup;\r\n }\r\n this.set(origParams);\r\n this.setCoords();\r\n // canvas.dispose will call image.dispose that will nullify the elements\r\n // since this canvas is a simple element for the process, we remove references\r\n // to objects in this way in order to avoid object trashing.\r\n canvas._objects = [];\r\n // since render has settled it is safe to destroy canvas\r\n canvas.destroy();\r\n canvas = null;\r\n\r\n return canvasEl;\r\n }\r\n\r\n /**\r\n * Converts an object into a data-url-like string\r\n * @param {Object} options Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n */\r\n toDataURL(options: any = {}) {\r\n return fabric.util.toDataURL(\r\n this.toCanvasElement(options),\r\n options.format || 'png',\r\n options.quality || 1\r\n );\r\n }\r\n\r\n /**\r\n * Returns true if specified type is identical to the type of an instance\r\n * @param {String} type Type to check against\r\n * @return {Boolean}\r\n */\r\n isType(...types: string[]) {\r\n return types.includes(this.type);\r\n }\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance (is 1 unless subclassed)\r\n */\r\n complexity() {\r\n return 1;\r\n }\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON() {\r\n // delegate, not alias\r\n return this.toObject();\r\n }\r\n\r\n /**\r\n * Sets \"angle\" of an instance with centered rotation\r\n * @param {Number} angle Angle value (in degrees)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n rotate(angle: TDegree) {\r\n const shouldCenterOrigin =\r\n (this.originX !== 'center' || this.originY !== 'center') &&\r\n this.centeredRotation;\r\n\r\n if (shouldCenterOrigin) {\r\n this._setOriginToCenter();\r\n }\r\n\r\n this.set('angle', angle);\r\n\r\n if (shouldCenterOrigin) {\r\n this._resetOrigin();\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerH() {\r\n this.canvas && this.canvas.centerObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterH() {\r\n this.canvas && this.canvas.viewportCenterObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerV() {\r\n this.canvas && this.canvas.centerObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterV() {\r\n this.canvas && this.canvas.viewportCenterObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically and horizontally on canvas to which is was added last\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n center() {\r\n this.canvas && this.canvas.centerObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenter() {\r\n this.canvas && this.canvas.viewportCenterObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * This callback function is called by the parent group of an object every\r\n * time a non-delegated property changes on the group. It is passed the key\r\n * and value as parameters. Not adding in this function's signature to avoid\r\n * Travis build error about unused variables.\r\n */\r\n setOnGroup() {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Sets canvas globalCompositeOperation for specific object\r\n * custom composition operation for the particular object can be specified using globalCompositeOperation property\r\n * @param {CanvasRenderingContext2D} ctx Rendering canvas context\r\n */\r\n _setupCompositeOperation(ctx: CanvasRenderingContext2D) {\r\n if (this.globalCompositeOperation) {\r\n ctx.globalCompositeOperation = this.globalCompositeOperation;\r\n }\r\n }\r\n\r\n /**\r\n * cancel instance's running animations\r\n * override if necessary to dispose artifacts such as `clipPath`\r\n */\r\n dispose() {\r\n // todo verify this.\r\n // runningAnimations is always truthy\r\n if (runningAnimations) {\r\n runningAnimations.cancelByTarget(this);\r\n }\r\n }\r\n\r\n /**\r\n *\r\n * @param {Function} klass\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {string} [options.extraParam] property to pass as first argument to the constructor\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static _fromObject(klass, object, { extraParam, ...options } = {}) {\r\n return enlivenObjectEnlivables(clone(object, true), options).then(\r\n (enlivedMap) => {\r\n // from the resulting enlived options, extract options.extraParam to arg0\r\n // to avoid accidental overrides later\r\n const { [extraParam]: arg0, ...rest } = { ...options, ...enlivedMap };\r\n return extraParam ? new klass(arg0, rest) : new klass(rest);\r\n }\r\n );\r\n }\r\n\r\n /**\r\n *\r\n * @static\r\n * @memberOf fabric.Object\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static fromObject(object, options) {\r\n return FabricObject._fromObject(FabricObject, object, options);\r\n }\r\n}\r\n\r\nexport const fabricObjectDefaultValues: TClassProperties = {\r\n type: 'object',\r\n originX: 'left',\r\n originY: 'top',\r\n top: 0,\r\n left: 0,\r\n width: 0,\r\n height: 0,\r\n scaleX: 1,\r\n scaleY: 1,\r\n flipX: false,\r\n flipY: false,\r\n opacity: 1,\r\n angle: 0,\r\n skewX: 0,\r\n skewY: 0,\r\n cornerSize: 13,\r\n touchCornerSize: 24,\r\n transparentCorners: true,\r\n hoverCursor: null,\r\n moveCursor: null,\r\n padding: 0,\r\n borderColor: 'rgb(178,204,255)',\r\n borderDashArray: null,\r\n cornerColor: 'rgb(178,204,255)',\r\n cornerStrokeColor: '',\r\n cornerStyle: 'rect',\r\n cornerDashArray: null,\r\n centeredScaling: false,\r\n centeredRotation: true,\r\n fill: 'rgb(0,0,0)',\r\n fillRule: 'nonzero',\r\n globalCompositeOperation: 'source-over',\r\n backgroundColor: '',\r\n selectionBackgroundColor: '',\r\n stroke: null,\r\n strokeWidth: 1,\r\n strokeDashArray: null,\r\n strokeDashOffset: 0,\r\n strokeLineCap: 'butt',\r\n strokeLineJoin: 'miter',\r\n strokeMiterLimit: 4,\r\n shadow: null,\r\n borderOpacityWhenMoving: 0.4,\r\n borderScaleFactor: 1,\r\n minScaleLimit: 0,\r\n selectable: true,\r\n evented: true,\r\n visible: true,\r\n hasControls: true,\r\n hasBorders: true,\r\n perPixelTargetFind: false,\r\n includeDefaultValues: true,\r\n lockMovementX: false,\r\n lockMovementY: false,\r\n lockRotation: false,\r\n lockScalingX: false,\r\n lockScalingY: false,\r\n lockSkewingX: false,\r\n lockSkewingY: false,\r\n lockScalingFlip: false,\r\n excludeFromExport: false,\r\n objectCaching: !fabric.isLikelyNode,\r\n statefullCache: false,\r\n noScaleCache: true,\r\n strokeUniform: false,\r\n dirty: true,\r\n __corner: 0,\r\n paintFirst: 'fill',\r\n activeOn: 'down',\r\n stateProperties: (\r\n 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' +\r\n 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' +\r\n 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' +\r\n 'skewX skewY fillRule paintFirst clipPath strokeUniform'\r\n ).split(' '),\r\n cacheProperties: (\r\n 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' +\r\n ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath'\r\n ).split(' '),\r\n colorProperties: 'fill stroke backgroundColor'.split(' '),\r\n clipPath: undefined,\r\n inverted: false,\r\n absolutePositioned: false,\r\n controls: {},\r\n};\r\n\r\nObject.assign(FabricObject.prototype, fabricObjectDefaultValues);\r\n","import { IPoint, Point } from '../point.class';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n TQrDecomposeOut,\r\n} from '../util/misc/matrix';\r\nimport { ObjectGeometry } from './object_geometry.mixin';\r\nimport type { Control } from '../controls/control.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\ntype TOCoord = IPoint & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\ntype TControlSet = Record;\r\n\r\nexport class InteractiveFabricObject extends FabricObject {\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * properties are depending on control keys and padding the main controls.\r\n * each property is an object with x, y and corner.\r\n * The `corner` property contains in a similar manner the 4 points of the\r\n * interactive area of the corner.\r\n * The coordinates depends from the controls positionHandler and are used\r\n * to draw and locate controls\r\n * @memberOf fabric.Object.prototype\r\n */\r\n oCoords: Record = {};\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type number|string|any\r\n * @default 0\r\n */\r\n __corner: number | string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to do not brea the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n _controlsVisibility: Record;\r\n\r\n /**\r\n * The angle that an object will lock to while rotating.\r\n * @type [TDegree]\r\n */\r\n snapAngle?: TDegree;\r\n\r\n /**\r\n * The angle difference from the current snapped angle in which snapping should occur.\r\n * When undefined, the snapThreshold will default to the snapAngle.\r\n * @type [TDegree]\r\n */\r\n snapThreshold?: TDegree;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the drag action.\r\n */\r\n isMoving?: boolean;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options: Record) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Determines which corner has been clicked\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found\r\n */\r\n _findTargetCorner(pointer: Point, forTouch: boolean): false | string {\r\n if (\r\n !this.hasControls ||\r\n !this.canvas ||\r\n this.canvas._activeObject !== this\r\n ) {\r\n return false;\r\n }\r\n\r\n this.__corner = 0;\r\n // had to keep the reverse loop because was breaking tests\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [cornerKey, corner] = cornerEntries[i];\r\n if (!this.isControlVisible(cornerKey)) {\r\n continue;\r\n }\r\n const lines = this._getImageLines(\r\n forTouch ? corner.touchCorner : corner.corner\r\n );\r\n const xPoints = this._findCrossPoints(pointer, lines);\r\n if (xPoints !== 0 && xPoints % 2 === 1) {\r\n this.__corner = cornerKey;\r\n return cornerKey;\r\n }\r\n // // debugging\r\n //\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record}\r\n */\r\n calcOCoords(): Record {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n rMatrix = calcRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined,\r\n dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record = {};\r\n\r\n this.forEachControl(\r\n (control: any, key: string, fabricObject: InteractiveFabricObject) => {\r\n coords[key] = control.positionHandler(dim, finalMatrix, fabricObject);\r\n }\r\n );\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * oCoords are used to find the corners\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n if (this.callSuper) {\r\n ObjectGeometry.prototype.setCoords.call(this);\r\n } else {\r\n super.setCoords();\r\n }\r\n // set coordinates of the draggable boxes in the corners used to scale/rotate the image\r\n this.oCoords = this.calcOCoords();\r\n this._setCornerCoords();\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: any,\r\n key: string,\r\n fabricObject: InteractiveFabricObject\r\n ) => any\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n _setCornerCoords(): void {\r\n Object.entries(this.oCoords).forEach(([controlKey, control]) => {\r\n const controlObject = this.controls[controlKey];\r\n control.corner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.cornerSize,\r\n control.x,\r\n control.y,\r\n false\r\n );\r\n control.touchCorner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.touchCornerSize,\r\n control.x,\r\n control.y,\r\n true\r\n );\r\n });\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && !this.canvas.interactive) ||\r\n (this.canvas && this.canvas._activeObject !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: Record = {}\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = 1 * this.borderScaleFactor;\r\n if (!this.group) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {Object} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: any\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(this.width, this.height, options),\r\n stroke = (\r\n this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth);\r\n size = bbox.add(stroke).scalarAdd(this.borderScaleFactor);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(fabricObject, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n drawControls(ctx: CanvasRenderingContext2D, styleOverride = {}) {\r\n ctx.save();\r\n const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1;\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.setCoords();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n if (control.getVisibility(fabricObject, key)) {\r\n const p = fabricObject.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, fabricObject);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible;\r\n * @param {Record} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility)\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursror text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually: boolean\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onDeselect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onSelect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * return true if the object currently dragged can be dropped on the target\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop(e?: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDragSourceEffect() {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDropTargetEffect(e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n","import { InteractiveFabricObject } from '../mixins/object_interactivity.mixin';\r\n\r\n// TODO somehow we have to make a tree-shakeable import\r\n\r\nexport { InteractiveFabricObject as FabricObject };\r\n\r\n(function (global) {\r\n const fabric = global.fabric;\r\n fabric.Object = InteractiveFabricObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\nimport {\r\n clipPaths,\r\n cssRules,\r\n gradientDefs,\r\n svgInvalidAncestorsRegEx,\r\n svgValidTagNamesRegEx,\r\n} from './constants';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { hasAncestorWithNodeName } from './hasAncestorWithNodeName';\r\nimport { parseElements } from './parseElements';\r\nimport { parseUseDirectives } from './parseUseDirectives';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @param {Function} callback Callback to call when parsing is finished;\r\n * It's being passed an array of elements (parsed from a document).\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [parsingOptions] options for parsing document\r\n * @param {String} [parsingOptions.crossOrigin] crossOrigin settings\r\n * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function parseSVGDocument(doc, callback, reviver, parsingOptions) {\r\n if (!doc) {\r\n return;\r\n }\r\n if (\r\n parsingOptions &&\r\n parsingOptions.signal &&\r\n parsingOptions.signal.aborted\r\n ) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n }\r\n parseUseDirectives(doc);\r\n\r\n let svgUid = FabricObject.__uid++,\r\n i,\r\n len,\r\n options = applyViewboxTransform(doc),\r\n descendants = Array.from(doc.getElementsByTagName('*'));\r\n options.crossOrigin = parsingOptions && parsingOptions.crossOrigin;\r\n options.svgUid = svgUid;\r\n options.signal = parsingOptions && parsingOptions.signal;\r\n\r\n if (descendants.length === 0 && isLikelyNode) {\r\n // we're likely in node, where \"o3-xml\" library fails to gEBTN(\"*\")\r\n // https://github.com/ajaxorg/node-o3-xml/issues/21\r\n descendants = doc.selectNodes('//*[name(.)!=\"svg\"]');\r\n const arr = [];\r\n for (i = 0, len = descendants.length; i < len; i++) {\r\n arr[i] = descendants[i];\r\n }\r\n descendants = arr;\r\n }\r\n\r\n const elements = descendants.filter(function (el) {\r\n applyViewboxTransform(el);\r\n return (\r\n svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) &&\r\n !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)\r\n ); // http://www.w3.org/TR/SVG/struct.html#DefsElement\r\n });\r\n if (!elements || (elements && !elements.length)) {\r\n callback && callback([], {});\r\n return;\r\n }\r\n const localClipPaths = {};\r\n descendants\r\n .filter(function (el) {\r\n return el.nodeName.replace('svg:', '') === 'clipPath';\r\n })\r\n .forEach(function (el) {\r\n const id = el.getAttribute('id');\r\n localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(\r\n function (el) {\r\n return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', ''));\r\n }\r\n );\r\n });\r\n gradientDefs[svgUid] = getGradientDefs(doc);\r\n cssRules[svgUid] = getCSSRules(doc);\r\n clipPaths[svgUid] = localClipPaths;\r\n // Precedence of rules: style > class > attribute\r\n parseElements(\r\n elements,\r\n function (instances, elements) {\r\n if (callback) {\r\n callback(instances, options, elements, descendants);\r\n delete gradientDefs[svgUid];\r\n delete cssRules[svgUid];\r\n delete clipPaths[svgUid];\r\n }\r\n },\r\n Object.assign({}, options),\r\n reviver,\r\n parsingOptions\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes string corresponding to an SVG document, and parses it into a set of fabric objects\r\n * @memberOf fabric\r\n * @param {String} string\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromString(string, callback, reviver, options) {\r\n const parser = new fabric.window.DOMParser(),\r\n doc = parser.parseFromString(string.trim(), 'text/xml');\r\n parseSVGDocument(\r\n doc.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { request } from '../util/dom_request';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes url corresponding to an SVG document, and parses it into a set of fabric objects.\r\n * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy)\r\n * @memberOf fabric\r\n * @param {String} url\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromURL(url, callback, reviver, options) {\r\n new request(url.replace(/^\\n\\s*/, '').trim(), {\r\n method: 'get',\r\n onComplete: onComplete,\r\n signal: options && options.signal,\r\n });\r\n\r\n function onComplete(r) {\r\n const xml = r.responseXML;\r\n if (!xml || !xml.documentElement) {\r\n callback && callback(null);\r\n return false;\r\n }\r\n\r\n parseSVGDocument(\r\n xml.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback && callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function selectorMatches(element, selector) {\r\n let nodeName = element.nodeName,\r\n classNames = element.getAttribute('class'),\r\n id = element.getAttribute('id'),\r\n matcher,\r\n i;\r\n // i check if a selector matches slicing away part from it.\r\n // if i get empty string i should match\r\n matcher = new RegExp('^' + nodeName, 'i');\r\n selector = selector.replace(matcher, '');\r\n if (id && selector.length) {\r\n matcher = new RegExp('#' + id + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n if (classNames && selector.length) {\r\n classNames = classNames.split(' ');\r\n for (i = classNames.length; i--; ) {\r\n matcher = new RegExp('\\\\.' + classNames[i] + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n }\r\n return selector.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { selectorMatches } from './selectorMatches';\r\n\r\nexport function doesSomeParentMatch(element, selectors) {\r\n let selector,\r\n parentMatching = true;\r\n while (\r\n element.parentNode &&\r\n element.parentNode.nodeType === 1 &&\r\n selectors.length\r\n ) {\r\n if (parentMatching) {\r\n selector = selectors.pop();\r\n }\r\n element = element.parentNode;\r\n parentMatching = selectorMatches(element, selector);\r\n }\r\n return selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { selectorMatches } from './selectorMatches';\r\nimport { doesSomeParentMatch } from './doesSomeParentMatch';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function elementMatchesRule(element, selectors) {\r\n let firstMatching,\r\n parentMatching = true;\r\n //start from rightmost selector.\r\n firstMatching = selectorMatches(element, selectors.pop());\r\n if (firstMatching && selectors.length) {\r\n parentMatching = doesSomeParentMatch(element, selectors);\r\n }\r\n return firstMatching && parentMatching && selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { cssRules } from './constants';\r\nimport { elementMatchesRule } from './elementMatchesRule';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function getGlobalStylesForElement(element, svgUid) {\r\n const styles = {};\r\n for (const rule in cssRules[svgUid]) {\r\n if (elementMatchesRule(element, rule.split(' '))) {\r\n for (const property in cssRules[svgUid][rule]) {\r\n styles[property] = cssRules[svgUid][rule][property];\r\n }\r\n }\r\n }\r\n return styles;\r\n}\r\n","//@ts-nocheck\r\nimport { attributesMap } from './constants';\r\n\r\nexport function normalizeAttr(attr) {\r\n // transform attribute names\r\n if (attr in attributesMap) {\r\n return attributesMap[attr];\r\n }\r\n return attr;\r\n}\r\n","//@ts-nocheck\r\nimport { cos } from '../util/misc/cos';\r\nimport { sin } from '../util/misc/sin';\r\n\r\nexport function rotateMatrix(matrix, args) {\r\n const cosValue = cos(args[0]),\r\n sinValue = sin(args[0]);\r\n let x = 0,\r\n y = 0;\r\n if (args.length === 3) {\r\n x = args[1];\r\n y = args[2];\r\n }\r\n\r\n matrix[0] = cosValue;\r\n matrix[1] = sinValue;\r\n matrix[2] = -sinValue;\r\n matrix[3] = cosValue;\r\n matrix[4] = x - (cosValue * x - sinValue * y);\r\n matrix[5] = y - (sinValue * x + cosValue * y);\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function scaleMatrix(matrix, args) {\r\n const multiplierX = args[0],\r\n multiplierY = args.length === 2 ? args[1] : args[0];\r\n\r\n matrix[0] = multiplierX;\r\n matrix[3] = multiplierY;\r\n}\r\n","//@ts-nocheck\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\nexport function skewMatrix(matrix, args, pos) {\r\n matrix[pos] = Math.tan(degreesToRadians(args[0]));\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function translateMatrix(matrix, args) {\r\n matrix[4] = args[0];\r\n if (args.length === 2) {\r\n matrix[5] = args[1];\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { iMatrix } from '../constants';\r\nimport { commaWsp, reNum } from './constants';\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { rotateMatrix } from './rotateMatrix';\r\nimport { scaleMatrix } from './scaleMatrix';\r\nimport { skewMatrix } from './skewMatrix';\r\nimport { translateMatrix } from './translateMatrix';\r\n\r\n// == begin transform regexp\r\nconst number = reNum,\r\n skewX = '(?:(skewX)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n skewY = '(?:(skewY)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n rotate =\r\n '(?:(rotate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n scale =\r\n '(?:(scale)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n translate =\r\n '(?:(translate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n matrix =\r\n '(?:(matrix)\\\\s*\\\\(\\\\s*' +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n '\\\\s*\\\\))',\r\n transform =\r\n '(?:' +\r\n matrix +\r\n '|' +\r\n translate +\r\n '|' +\r\n scale +\r\n '|' +\r\n rotate +\r\n '|' +\r\n skewX +\r\n '|' +\r\n skewY +\r\n ')',\r\n transforms =\r\n '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')',\r\n transformList = '^\\\\s*(?:' + transforms + '?)\\\\s*$',\r\n // http://www.w3.org/TR/SVG/coords.html#TransformAttribute\r\n reTransformList = new RegExp(transformList),\r\n // == end transform regexp\r\n reTransform = new RegExp(transform, 'g');\r\n\r\n/**\r\n * Parses \"transform\" attribute, returning an array of values\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} attributeValue String containing attribute value\r\n * @return {Array} Array of 6 elements representing transformation matrix\r\n */\r\nexport function parseTransformAttribute(attributeValue) {\r\n // start with identity matrix\r\n let matrix = iMatrix.concat(),\r\n matrices = [];\r\n\r\n // return if no argument was given or\r\n // an argument does not match transform attribute regexp\r\n if (\r\n !attributeValue ||\r\n (attributeValue && !reTransformList.test(attributeValue))\r\n ) {\r\n return matrix;\r\n }\r\n\r\n attributeValue.replace(reTransform, function (match) {\r\n const m = new RegExp(transform).exec(match).filter(function (match) {\r\n // match !== '' && match != null\r\n return !!match;\r\n }),\r\n operation = m[1],\r\n args = m.slice(2).map(parseFloat);\r\n\r\n switch (operation) {\r\n case 'translate':\r\n translateMatrix(matrix, args);\r\n break;\r\n case 'rotate':\r\n args[0] = degreesToRadians(args[0]);\r\n rotateMatrix(matrix, args);\r\n break;\r\n case 'scale':\r\n scaleMatrix(matrix, args);\r\n break;\r\n case 'skewX':\r\n skewMatrix(matrix, args, 2);\r\n break;\r\n case 'skewY':\r\n skewMatrix(matrix, args, 1);\r\n break;\r\n case 'matrix':\r\n matrix = args;\r\n break;\r\n }\r\n\r\n // snapshot current matrix into matrices array\r\n matrices.push(matrix.concat());\r\n // reset\r\n matrix = iMatrix.concat();\r\n });\r\n\r\n let combinedMatrix = matrices[0];\r\n while (matrices.length > 1) {\r\n matrices.shift();\r\n combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]);\r\n }\r\n return combinedMatrix;\r\n}\r\n","//@ts-nocheck\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nexport function normalizeValue(attr, value, parentAttributes, fontSize) {\r\n let isArray = Array.isArray(value),\r\n parsed;\r\n\r\n if ((attr === 'fill' || attr === 'stroke') && value === 'none') {\r\n value = '';\r\n } else if (attr === 'strokeUniform') {\r\n return value === 'non-scaling-stroke';\r\n } else if (attr === 'strokeDashArray') {\r\n if (value === 'none') {\r\n value = null;\r\n } else {\r\n value = value.replace(/,/g, ' ').split(/\\s+/).map(parseFloat);\r\n }\r\n } else if (attr === 'transformMatrix') {\r\n if (parentAttributes && parentAttributes.transformMatrix) {\r\n value = multiplyTransformMatrices(\r\n parentAttributes.transformMatrix,\r\n parseTransformAttribute(value)\r\n );\r\n } else {\r\n value = parseTransformAttribute(value);\r\n }\r\n } else if (attr === 'visible') {\r\n value = value !== 'none' && value !== 'hidden';\r\n // display=none on parent element always takes precedence over child element\r\n if (parentAttributes && parentAttributes.visible === false) {\r\n value = false;\r\n }\r\n } else if (attr === 'opacity') {\r\n value = parseFloat(value);\r\n if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') {\r\n value *= parentAttributes.opacity;\r\n }\r\n } else if (attr === 'textAnchor' /* text-anchor */) {\r\n value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center';\r\n } else if (attr === 'charSpacing') {\r\n // parseUnit returns px and we convert it to em\r\n parsed = (parseUnit(value, fontSize) / fontSize) * 1000;\r\n } else if (attr === 'paintFirst') {\r\n const fillIndex = value.indexOf('fill');\r\n const strokeIndex = value.indexOf('stroke');\r\n var value = 'fill';\r\n if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) {\r\n value = 'stroke';\r\n } else if (fillIndex === -1 && strokeIndex > -1) {\r\n value = 'stroke';\r\n }\r\n } else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') {\r\n return value;\r\n } else if (attr === 'imageSmoothing') {\r\n return value === 'optimizeQuality';\r\n } else {\r\n parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize);\r\n }\r\n\r\n return !isArray && isNaN(parsed) ? value : parsed;\r\n}\r\n","//@ts-nocheck\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { reFontDeclaration } from './constants';\r\n\r\n/**\r\n * Parses a short font declaration, building adding its properties to a style object\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} value font declaration\r\n * @param {Object} oStyle definition\r\n */\r\nexport function parseFontDeclaration(value, oStyle) {\r\n const match = value.match(reFontDeclaration);\r\n\r\n if (!match) {\r\n return;\r\n }\r\n const fontStyle = match[1],\r\n // font variant is not used\r\n // fontVariant = match[2],\r\n fontWeight = match[3],\r\n fontSize = match[4],\r\n lineHeight = match[5],\r\n fontFamily = match[6];\r\n\r\n if (fontStyle) {\r\n oStyle.fontStyle = fontStyle;\r\n }\r\n if (fontWeight) {\r\n oStyle.fontWeight = isNaN(parseFloat(fontWeight))\r\n ? fontWeight\r\n : parseFloat(fontWeight);\r\n }\r\n if (fontSize) {\r\n oStyle.fontSize = parseUnit(fontSize);\r\n }\r\n if (fontFamily) {\r\n oStyle.fontFamily = fontFamily;\r\n }\r\n if (lineHeight) {\r\n oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleObject(style, oStyle) {\r\n let attr, value;\r\n for (const prop in style) {\r\n if (typeof style[prop] === 'undefined') {\r\n continue;\r\n }\r\n\r\n attr = prop.toLowerCase();\r\n value = style[prop];\r\n\r\n oStyle[attr] = value;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleString(style, oStyle) {\r\n let attr, value;\r\n style\r\n .replace(/;\\s*$/, '')\r\n .split(';')\r\n .forEach(function (chunk) {\r\n const pair = chunk.split(':');\r\n\r\n attr = pair[0].trim().toLowerCase();\r\n value = pair[1].trim();\r\n\r\n oStyle[attr] = value;\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { parseStyleObject } from './parseStyleObject';\r\nimport { parseStyleString } from './parseStyleString';\r\n\r\n/**\r\n * Parses \"style\" attribute, retuning an object with values\r\n * @static\r\n * @memberOf fabric\r\n * @param {SVGElement} element Element to parse\r\n * @return {Object} Objects with values parsed from style attribute of an element\r\n */\r\nexport function parseStyleAttribute(element) {\r\n const oStyle = {},\r\n style = element.getAttribute('style');\r\n\r\n if (!style) {\r\n return oStyle;\r\n }\r\n\r\n if (typeof style === 'string') {\r\n parseStyleString(style, oStyle);\r\n } else {\r\n parseStyleObject(style, oStyle);\r\n }\r\n\r\n return oStyle;\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { colorAttributes } from './constants';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * @private\r\n * @param {Object} attributes Array of attributes to parse\r\n */\r\n\r\nexport function setStrokeFillOpacity(attributes) {\r\n for (const attr in colorAttributes) {\r\n if (\r\n typeof attributes[colorAttributes[attr]] === 'undefined' ||\r\n attributes[attr] === ''\r\n ) {\r\n continue;\r\n }\r\n\r\n if (typeof attributes[attr] === 'undefined') {\r\n if (!FabricObject.prototype[attr]) {\r\n continue;\r\n }\r\n attributes[attr] = FabricObject.prototype[attr];\r\n }\r\n\r\n if (attributes[attr].indexOf('url(') === 0) {\r\n continue;\r\n }\r\n\r\n const color = new Color(attributes[attr]);\r\n attributes[attr] = color\r\n .setAlpha(\r\n toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)\r\n )\r\n .toRgba();\r\n }\r\n return attributes;\r\n}\r\n","//@ts-nocheck\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { cPath, fSize, svgValidParentsRegEx } from './constants';\r\nimport { getGlobalStylesForElement } from './getGlobalStylesForElement';\r\nimport { normalizeAttr } from './normalizeAttr';\r\nimport { normalizeValue } from './normalizeValue';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { setStrokeFillOpacity } from './setStrokeFillOpacity';\r\n\r\n/**\r\n * Returns an object of attributes' name/value, given element and an array of attribute names;\r\n * Parses parent \"g\" nodes recursively upwards.\r\n * @param {DOMElement} element Element to parse\r\n * @param {Array} attributes Array of attributes to parse\r\n * @return {Object} object containing parsed attributes' names/values\r\n */\r\nexport function parseAttributes(element, attributes, svgUid?: string) {\r\n if (!element) {\r\n return;\r\n }\r\n\r\n let value,\r\n parentAttributes = {},\r\n fontSize,\r\n parentFontSize;\r\n\r\n if (typeof svgUid === 'undefined') {\r\n svgUid = element.getAttribute('svgUid');\r\n }\r\n // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards\r\n if (\r\n element.parentNode &&\r\n svgValidParentsRegEx.test(element.parentNode.nodeName)\r\n ) {\r\n parentAttributes = parseAttributes(element.parentNode, attributes, svgUid);\r\n }\r\n\r\n let ownAttributes = attributes.reduce(function (memo, attr) {\r\n value = element.getAttribute(attr);\r\n if (value) {\r\n // eslint-disable-line\r\n memo[attr] = value;\r\n }\r\n return memo;\r\n }, {});\r\n // add values parsed from style, which take precedence over attributes\r\n // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes)\r\n const cssAttrs = Object.assign(\r\n getGlobalStylesForElement(element, svgUid),\r\n parseStyleAttribute(element)\r\n );\r\n ownAttributes = Object.assign(ownAttributes, cssAttrs);\r\n if (cssAttrs[cPath]) {\r\n element.setAttribute(cPath, cssAttrs[cPath]);\r\n }\r\n fontSize = parentFontSize =\r\n parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE;\r\n if (ownAttributes[fSize]) {\r\n // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers.\r\n ownAttributes[fSize] = fontSize = parseUnit(\r\n ownAttributes[fSize],\r\n parentFontSize\r\n );\r\n }\r\n\r\n let normalizedAttr,\r\n normalizedValue,\r\n normalizedStyle = {};\r\n for (const attr in ownAttributes) {\r\n normalizedAttr = normalizeAttr(attr);\r\n normalizedValue = normalizeValue(\r\n normalizedAttr,\r\n ownAttributes[attr],\r\n parentAttributes,\r\n fontSize\r\n );\r\n normalizedStyle[normalizedAttr] = normalizedValue;\r\n }\r\n if (normalizedStyle && normalizedStyle.font) {\r\n parseFontDeclaration(normalizedStyle.font, normalizedStyle);\r\n }\r\n const mergedAttrs = Object.assign(parentAttributes, normalizedStyle);\r\n return svgValidParentsRegEx.test(element.nodeName)\r\n ? mergedAttrs\r\n : setStrokeFillOpacity(mergedAttrs);\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Parses \"points\" attribute, returning an array of values\r\n * @static\r\n * @memberOf fabric\r\n * @param {String} points points attribute string\r\n * @return {Array} array of points\r\n */\r\nexport function parsePointsAttribute(points) {\r\n // points attribute is required and must not be empty\r\n if (!points) {\r\n return null;\r\n }\r\n\r\n // replace commas with whitespace and remove bookending whitespace\r\n points = points.replace(/,/g, ' ').trim();\r\n\r\n points = points.split(/\\s+/);\r\n let parsedPoints = [],\r\n i,\r\n len;\r\n\r\n for (i = 0, len = points.length; i < len; i += 2) {\r\n parsedPoints.push({\r\n x: parseFloat(points[i]),\r\n y: parseFloat(points[i + 1]),\r\n });\r\n }\r\n\r\n // odd number of points is an error\r\n // if (parsedPoints.length % 2 !== 0) {\r\n // return null;\r\n // }\r\n return parsedPoints;\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from './attributes';\r\nimport { clipPaths, cssRules, gradientDefs } from './constants';\r\nimport { ElementsParser } from './elements_parser';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { loadSVGFromString } from './loadSVGFromString';\r\nimport { loadSVGFromURL } from './loadSVGFromURL';\r\nimport { parseAttributes } from './parseAttributes';\r\nimport { parseElements } from './parseElements';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parsePointsAttribute } from './parsePointsAttribute';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nObject.assign(fabric, {\r\n SHARED_ATTRIBUTES,\r\n cssRules,\r\n gradientDefs,\r\n clipPaths,\r\n parseTransformAttribute,\r\n parseSVGDocument,\r\n parseFontDeclaration,\r\n getGradientDefs,\r\n parseAttributes,\r\n parseElements,\r\n parseStyleAttribute,\r\n parsePointsAttribute,\r\n getCSSRules,\r\n loadSVGFromURL,\r\n loadSVGFromString,\r\n ElementsParser,\r\n});\r\n","export const linearDefaultCoords = {\r\n x1: 0,\r\n y1: 0,\r\n x2: 0,\r\n y2: 0,\r\n};\r\n\r\nexport const radialDefaultCoords = {\r\n ...linearDefaultCoords,\r\n r1: 0,\r\n r2: 0,\r\n};\r\n","import { GradientType, GradientUnits } from '../typedefs';\r\n\r\nexport function parseType(el: SVGGradientElement): GradientType {\r\n return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT'\r\n ? 'linear'\r\n : 'radial';\r\n}\r\n\r\nexport function parseGradientUnits(el: SVGGradientElement): GradientUnits {\r\n return el.getAttribute('gradientUnits') === 'userSpaceOnUse'\r\n ? 'pixels'\r\n : 'percentage';\r\n}\r\n","import { ifNaN } from '../util/internals';\r\nimport { capValue } from '../util/misc/capValue';\r\n\r\nconst RE_PERCENT = /^(\\d+\\.\\d+)%|(\\d+)%$/;\r\n\r\nexport function isPercent(value: string | null) {\r\n return value && RE_PERCENT.test(value);\r\n}\r\n\r\n/**\r\n *\r\n * @param value\r\n * @param valueIfNaN\r\n * @returns ∈ [0, 1]\r\n */\r\nexport function parsePercent(\r\n value: string | number | null | undefined,\r\n valueIfNaN?: number\r\n) {\r\n const parsed =\r\n typeof value === 'number'\r\n ? value\r\n : typeof value === 'string'\r\n ? parseFloat(value) / (isPercent(value) ? 100 : 1)\r\n : NaN;\r\n return capValue(0, ifNaN(parsed, valueIfNaN), 1);\r\n}\r\n","import { Color } from '../../color';\r\nimport { parsePercent } from '../../parser/percent';\r\nimport { ifNaN } from '../../util/internals';\r\n\r\nconst RE_KEY_VALUE_PAIRS = /\\s*;\\s*/;\r\nconst RE_KEY_VALUE = /\\s*:\\s*/;\r\n\r\nfunction parseColorStop(el: SVGStopElement, multiplier: number) {\r\n let colorValue, opacity;\r\n const style = el.getAttribute('style');\r\n if (style) {\r\n const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS);\r\n\r\n if (keyValuePairs[keyValuePairs.length - 1] === '') {\r\n keyValuePairs.pop();\r\n }\r\n\r\n for (let i = keyValuePairs.length; i--; ) {\r\n const [key, value] = keyValuePairs[i]\r\n .split(RE_KEY_VALUE)\r\n .map((s) => s.trim());\r\n if (key === 'stop-color') {\r\n colorValue = value;\r\n } else if (key === 'stop-opacity') {\r\n opacity = value;\r\n }\r\n }\r\n }\r\n\r\n const color = new Color(\r\n colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'\r\n );\r\n\r\n return {\r\n offset: parsePercent(el.getAttribute('offset'), 0),\r\n color: color.toRgb(),\r\n opacity:\r\n ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) *\r\n color.getAlpha() *\r\n multiplier,\r\n };\r\n}\r\n\r\nexport function parseColorStops(\r\n el: SVGGradientElement,\r\n opacityAttr: string | null\r\n) {\r\n const colorStops = [],\r\n colorStopEls = el.getElementsByTagName('stop'),\r\n multiplier = parsePercent(opacityAttr, 1);\r\n for (let i = colorStopEls.length; i--; ) {\r\n colorStops.push(parseColorStop(colorStopEls[i], multiplier));\r\n }\r\n return colorStops;\r\n}\r\n","import { isPercent } from '../../parser/percent';\r\nimport { TSize } from '../../typedefs';\r\nimport { GradientCoords, GradientType, GradientUnits } from '../typedefs';\r\nimport { parseGradientUnits, parseType } from './misc';\r\n\r\nfunction convertPercentUnitsToValues<\r\n T extends GradientType,\r\n K extends keyof GradientCoords\r\n>(\r\n valuesToConvert: Record,\r\n { width, height, gradientUnits }: TSize & { gradientUnits: GradientUnits }\r\n) {\r\n let finalValue;\r\n return (Object.keys(valuesToConvert) as K[]).reduce((acc, prop) => {\r\n const propValue = valuesToConvert[prop];\r\n if (propValue === 'Infinity') {\r\n finalValue = 1;\r\n } else if (propValue === '-Infinity') {\r\n finalValue = 0;\r\n } else {\r\n finalValue =\r\n typeof propValue === 'string' ? parseFloat(propValue) : propValue;\r\n if (typeof propValue === 'string' && isPercent(propValue)) {\r\n finalValue *= 0.01;\r\n if (gradientUnits === 'pixels') {\r\n // then we need to fix those percentages here in svg parsing\r\n if (prop === 'x1' || prop === 'x2' || prop === 'r2') {\r\n finalValue *= width;\r\n }\r\n if (prop === 'y1' || prop === 'y2') {\r\n finalValue *= height;\r\n }\r\n }\r\n }\r\n }\r\n acc[prop] = finalValue;\r\n return acc;\r\n }, {} as Record);\r\n}\r\n\r\nfunction getValue(el: SVGGradientElement, key: string) {\r\n return el.getAttribute(key);\r\n}\r\n\r\nexport function parseLinearCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'x1') || 0,\r\n y1: getValue(el, 'y1') || 0,\r\n x2: getValue(el, 'x2') || '100%',\r\n y2: getValue(el, 'y2') || 0,\r\n };\r\n}\r\n\r\nexport function parseRadialCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%',\r\n y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%',\r\n r1: 0,\r\n x2: getValue(el, 'cx') || '50%',\r\n y2: getValue(el, 'cy') || '50%',\r\n r2: getValue(el, 'r') || '50%',\r\n };\r\n}\r\n\r\nexport function parseCoords(el: SVGGradientElement, size: TSize) {\r\n return convertPercentUnitsToValues(\r\n parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el),\r\n {\r\n ...size,\r\n gradientUnits: parseGradientUnits(el),\r\n }\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { iMatrix } from '../constants';\r\nimport { parseTransformAttribute } from '../parser/parseTransformAttribute';\r\nimport { TMat2D } from '../typedefs';\r\nimport { pick } from '../util/misc/pick';\r\nimport { matrixToSVG } from '../util/misc/svgParsing';\r\nimport { linearDefaultCoords, radialDefaultCoords } from './constants';\r\nimport {\r\n parseColorStops,\r\n parseCoords,\r\n parseGradientUnits,\r\n parseType,\r\n} from './parser';\r\nimport {\r\n ColorStop,\r\n GradientCoords,\r\n GradientOptions,\r\n GradientType,\r\n GradientUnits,\r\n SVGOptions,\r\n} from './typedefs';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Gradient class\r\n * @class Gradient\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients}\r\n */\r\nexport class Gradient<\r\n S,\r\n T extends GradientType = S extends GradientType ? S : 'linear'\r\n> {\r\n /**\r\n * Horizontal offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * A transform matrix to apply to the gradient before painting.\r\n * Imported from svg gradients, is not applied with the current transform in the center.\r\n * Before this transform is applied, the origin point is at the top left corner of the object\r\n * plus the addition of offsetY and offsetX.\r\n * @type Number[]\r\n * @default null\r\n */\r\n gradientTransform: TMat2D | null = null;\r\n\r\n /**\r\n * coordinates units for coords.\r\n * If `pixels`, the number of coords are in the same unit of width / height.\r\n * If set as `percentage` the coords are still a number, but 1 means 100% of width\r\n * for the X and 100% of the height for the y. It can be bigger than 1 and negative.\r\n * allowed values pixels or percentage.\r\n * @type GradientUnits\r\n * @default 'pixels'\r\n */\r\n gradientUnits: GradientUnits;\r\n\r\n /**\r\n * Gradient type linear or radial\r\n * @type GradientType\r\n * @default 'linear'\r\n */\r\n type: T;\r\n\r\n coords: GradientCoords;\r\n\r\n colorStops: ColorStop[];\r\n\r\n private id: string | number;\r\n\r\n constructor({\r\n type = 'linear' as T,\r\n gradientUnits = 'pixels',\r\n coords,\r\n colorStops = [],\r\n offsetX = 0,\r\n offsetY = 0,\r\n gradientTransform,\r\n id,\r\n }: GradientOptions) {\r\n const uid = FabricObject.__uid++;\r\n this.id = id ? `${id}_${uid}` : uid;\r\n this.type = type;\r\n this.gradientUnits = gradientUnits;\r\n this.gradientTransform = gradientTransform || null;\r\n this.offsetX = offsetX;\r\n this.offsetY = offsetY;\r\n this.coords = {\r\n ...(this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords),\r\n ...coords,\r\n } as GradientCoords;\r\n this.colorStops = colorStops.slice();\r\n }\r\n\r\n // isType(type: S): this is Gradient {\r\n // return (this.type as GradientType) === type;\r\n // }\r\n\r\n /**\r\n * Adds another colorStop\r\n * @param {Record} colorStop Object with offset and color\r\n * @return {Gradient} thisArg\r\n */\r\n addColorStop(colorStops: Record) {\r\n for (const position in colorStops) {\r\n const color = new Color(colorStops[position]);\r\n this.colorStops.push({\r\n offset: parseFloat(position),\r\n color: color.toRgb(),\r\n opacity: color.getAlpha(),\r\n });\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns object representation of a gradient\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object}\r\n */\r\n toObject(propertiesToInclude?: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n coords: this.coords,\r\n colorStops: this.colorStops,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n gradientUnits: this.gradientUnits,\r\n gradientTransform: this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : this.gradientTransform,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of an gradient\r\n * @param {fabric.Object} object Object to create a gradient for\r\n * @return {String} SVG representation of an gradient (linear/radial)\r\n */\r\n toSVG(\r\n object: FabricObject,\r\n { additionalTransform: preTransform }: { additionalTransform?: string } = {}\r\n ) {\r\n const markup = [],\r\n transform = (\r\n this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : iMatrix.concat()\r\n ) as TMat2D,\r\n gradientUnits =\r\n this.gradientUnits === 'pixels'\r\n ? 'userSpaceOnUse'\r\n : 'objectBoundingBox';\r\n // colorStops must be sorted ascending, and guarded against deep mutations\r\n const colorStops = this.colorStops\r\n .map((colorStop) => ({ ...colorStop }))\r\n .sort((a, b) => {\r\n return a.offset - b.offset;\r\n });\r\n\r\n let offsetX = -this.offsetX,\r\n offsetY = -this.offsetY;\r\n if (gradientUnits === 'objectBoundingBox') {\r\n offsetX /= object.width;\r\n offsetY /= object.height;\r\n } else {\r\n offsetX += object.width / 2;\r\n offsetY += object.height / 2;\r\n }\r\n if (object.type === 'path' && this.gradientUnits !== 'percentage') {\r\n offsetX -= object.pathOffset.x;\r\n offsetY -= object.pathOffset.y;\r\n }\r\n transform[4] -= offsetX;\r\n transform[5] -= offsetY;\r\n\r\n const commonAttributes = [\r\n `id=\"SVGID_${this.id}\"`,\r\n `gradientUnits=\"${gradientUnits}\"`,\r\n `gradientTransform=\"${\r\n preTransform ? preTransform + ' ' : ''\r\n }${matrixToSVG(transform)}\"`,\r\n '',\r\n ].join(' ');\r\n\r\n if (this.type === 'linear') {\r\n const { x1, y1, x2, y2 } = this.coords;\r\n markup.push(\r\n '\\n'\r\n );\r\n } else if (this.type === 'radial') {\r\n const { x1, y1, x2, y2, r1, r2 } = this\r\n .coords as GradientCoords<'radial'>;\r\n const needsSwap = r1 > r2;\r\n // svg radial gradient has just 1 radius. the biggest.\r\n markup.push(\r\n '\\n'\r\n );\r\n if (needsSwap) {\r\n // svg goes from internal to external radius. if radius are inverted, swap color stops.\r\n colorStops.reverse(); // mutates array\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset = 1 - colorStop.offset;\r\n });\r\n }\r\n const minRadius = Math.min(r1, r2);\r\n if (minRadius > 0) {\r\n // i have to shift all colorStops and add new one in 0.\r\n const maxRadius = Math.max(r1, r2),\r\n percentageShift = minRadius / maxRadius;\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset += percentageShift * (1 - colorStop.offset);\r\n });\r\n }\r\n }\r\n\r\n colorStops.forEach(({ color, offset, opacity }) => {\r\n markup.push(\r\n '\\n'\r\n );\r\n });\r\n\r\n markup.push(\r\n this.type === 'linear' ? '' : '',\r\n '\\n'\r\n );\r\n\r\n return markup.join('');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns an instance of CanvasGradient\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {CanvasGradient}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (!this.type) {\r\n return;\r\n }\r\n\r\n const coords = this.coords as GradientCoords<'radial'>;\r\n const gradient =\r\n this.type === 'linear'\r\n ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2)\r\n : ctx.createRadialGradient(\r\n coords.x1,\r\n coords.y1,\r\n coords.r1,\r\n coords.x2,\r\n coords.y2,\r\n coords.r2\r\n );\r\n\r\n this.colorStops.forEach(({ color, opacity, offset }) => {\r\n gradient.addColorStop(\r\n offset,\r\n typeof opacity !== 'undefined'\r\n ? new Color(color).setAlpha(opacity).toRgba()\r\n : color\r\n );\r\n });\r\n\r\n return gradient;\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * Returns {@link Gradient} instance from an SVG element\r\n * @static\r\n * @memberOf Gradient\r\n * @param {SVGGradientElement} el SVG gradient element\r\n * @param {FabricObject} instance\r\n * @param {String} opacity A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity.\r\n * @param {SVGOptions} svgOptions an object containing the size of the SVG in order to parse correctly gradients\r\n * that uses gradientUnits as 'userSpaceOnUse' and percentages.\r\n * @return {Gradient} Gradient instance\r\n * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement\r\n * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement\r\n *\r\n * @example\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n */\r\n static fromElement(\r\n el: SVGGradientElement,\r\n instance: FabricObject,\r\n svgOptions: SVGOptions\r\n ): Gradient {\r\n const gradientUnits = parseGradientUnits(el);\r\n return new Gradient({\r\n id: el.getAttribute('id') || undefined,\r\n type: parseType(el),\r\n coords: parseCoords(el, {\r\n width: svgOptions.viewBoxWidth || svgOptions.width,\r\n height: svgOptions.viewBoxHeight || svgOptions.height,\r\n }),\r\n colorStops: parseColorStops(el, svgOptions.opacity),\r\n gradientUnits,\r\n gradientTransform: parseTransformAttribute(\r\n el.getAttribute('gradientTransform') || ''\r\n ),\r\n ...(gradientUnits === 'pixels'\r\n ? {\r\n offsetX: -instance.left,\r\n offsetY: -instance.top,\r\n }\r\n : {\r\n offsetX: 0,\r\n offsetY: 0,\r\n }),\r\n });\r\n }\r\n /* _FROM_SVG_END_ */\r\n}\r\n\r\nfabric.Gradient = Gradient;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../HEADER';\r\nimport { config } from './config';\r\nimport { TCrossOrigin, TMat2D, TSize } from './typedefs';\r\nimport { ifNaN } from './util/internals';\r\nimport { loadImage } from './util/misc/objectEnlive';\r\nimport { pick } from './util/misc/pick';\r\nimport { toFixed } from './util/misc/toFixed';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nexport type TPatternRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\r\n\r\ntype TExportedKeys =\r\n | 'crossOrigin'\r\n | 'offsetX'\r\n | 'offsetY'\r\n | 'patternTransform'\r\n | 'repeat'\r\n | 'source';\r\n\r\nexport type TPatternOptions = Partial>;\r\n\r\nexport type TPatternSerialized = TPatternOptions & {\r\n source: string;\r\n};\r\n\r\nexport type TPatternHydrationOptions = {\r\n /**\r\n * handle aborting\r\n * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\n signal: AbortSignal;\r\n};\r\n\r\ntype TImageSource = { source: HTMLImageElement };\r\ntype TCanvasSource = { source: HTMLCanvasElement };\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/patterns demo}\r\n * @see {@link http://fabricjs.com/dynamic-patterns demo}\r\n */\r\nexport class Pattern {\r\n type = 'pattern';\r\n\r\n /**\r\n * @type TPatternRepeat\r\n * @defaults\r\n */\r\n repeat: TPatternRepeat = 'repeat';\r\n\r\n /**\r\n * Pattern horizontal offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Pattern vertical offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * @type TCrossOrigin\r\n * @default\r\n */\r\n crossOrigin: TCrossOrigin = '';\r\n\r\n /**\r\n * transform matrix to change the pattern, imported from svgs.\r\n * @type Array\r\n * @default\r\n */\r\n patternTransform: TMat2D | null = null;\r\n\r\n source!: CanvasImageSource;\r\n\r\n readonly id: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @param {option.source} [source] the pattern source, eventually empty or a drawable\r\n * @return {fabric.Pattern} thisArg\r\n */\r\n constructor(options: TPatternOptions = {}) {\r\n this.id = FabricObject.__uid++;\r\n this.setOptions(options);\r\n }\r\n\r\n setOptions(options: Record) {\r\n for (const prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is an element\r\n */\r\n isImageSource(): this is TImageSource {\r\n return typeof this.source.src === 'string';\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is a element\r\n */\r\n isCanvasSource(): this is TCanvasSource {\r\n return typeof this.source === 'object' && this.source.toDataURL;\r\n }\r\n\r\n sourceToString() {\r\n return this.isImageSource()\r\n ? this.source.src\r\n : this.isCanvasSource()\r\n ? this.source.toDataURL()\r\n : '';\r\n }\r\n\r\n /**\r\n * Returns an instance of CanvasPattern\r\n * @param {CanvasRenderingContext2D} ctx Context to create pattern\r\n * @return {CanvasPattern}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (\r\n // if the image failed to load, return, and allow rest to continue loading\r\n !this.source ||\r\n // if an image\r\n (this.isImageSource() &&\r\n (!this.source.complete ||\r\n this.source.naturalWidth === 0 ||\r\n this.source.naturalHeight === 0))\r\n ) {\r\n return '';\r\n }\r\n\r\n return ctx.createPattern(this.source, this.repeat);\r\n }\r\n\r\n /**\r\n * Returns object representation of a pattern\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object} Object representation of a pattern instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: 'pattern',\r\n source: this.sourceToString(),\r\n repeat: this.repeat,\r\n crossOrigin: this.crossOrigin,\r\n offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS),\r\n offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS),\r\n patternTransform: this.patternTransform\r\n ? this.patternTransform.concat()\r\n : null,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a pattern\r\n */\r\n toSVG({ width, height }: TSize) {\r\n const patternSource = this.source,\r\n patternOffsetX = ifNaN(this.offsetX / width, 0),\r\n patternOffsetY = ifNaN(this.offsetY / height, 0),\r\n patternWidth =\r\n this.repeat === 'repeat-y' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetX || 0)\r\n : ifNaN(patternSource.width / width, 0),\r\n patternHeight =\r\n this.repeat === 'repeat-x' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetY || 0)\r\n : ifNaN(patternSource.height / height, 0);\r\n\r\n return [\r\n ``,\r\n ``,\r\n ``,\r\n '',\r\n ].join('\\n');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n static async fromObject(\r\n { source, ...serialized }: TPatternSerialized,\r\n options: TPatternHydrationOptions\r\n ) {\r\n const img = await loadImage(source, {\r\n ...options,\r\n crossOrigin: serialized.crossOrigin,\r\n });\r\n return new Pattern({ ...serialized, source: img });\r\n }\r\n}\r\n\r\nfabric.Pattern = Pattern;\r\n","//@ts-nocheck\r\n\r\nimport { Color } from './color';\r\nimport { config } from './config';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Shadow class\r\n * @class fabric.Shadow\r\n * @see {@link http://fabricjs.com/shadows|Shadow demo}\r\n * @see {@link fabric.Shadow#initialize} for constructor definition\r\n */\r\n fabric.Shadow = fabric.util.createClass(\r\n /** @lends fabric.Shadow.prototype */ {\r\n /**\r\n * Shadow color\r\n * @type String\r\n * @default\r\n */\r\n color: 'rgb(0,0,0)',\r\n\r\n /**\r\n * Shadow blur\r\n * @type Number\r\n */\r\n blur: 0,\r\n\r\n /**\r\n * Shadow horizontal offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetX: 0,\r\n\r\n /**\r\n * Shadow vertical offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetY: 0,\r\n\r\n /**\r\n * Whether the shadow should affect stroke operations\r\n * @type Boolean\r\n * @default\r\n */\r\n affectStroke: false,\r\n\r\n /**\r\n * Indicates whether toObject should include default values\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * When `false`, the shadow will scale with the object.\r\n * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale.\r\n * default to false\r\n * @type Boolean\r\n * @default\r\n */\r\n nonScaling: false,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. \"rgba(0,0,0,0.2) 2px 2px 10px\")\r\n * @return {fabric.Shadow} thisArg\r\n */\r\n initialize: function (options) {\r\n if (typeof options === 'string') {\r\n options = this._parseShadow(options);\r\n }\r\n\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n\r\n this.id = FabricObject.__uid++;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} shadow Shadow value to parse\r\n * @return {Object} Shadow object with color, offsetX, offsetY and blur\r\n */\r\n _parseShadow: function (shadow) {\r\n var shadowStr = shadow.trim(),\r\n offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [],\r\n color =\r\n shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') ||\r\n 'rgb(0,0,0)';\r\n\r\n return {\r\n color: color.trim(),\r\n offsetX: parseFloat(offsetsAndBlur[1], 10) || 0,\r\n offsetY: parseFloat(offsetsAndBlur[2], 10) || 0,\r\n blur: parseFloat(offsetsAndBlur[3], 10) || 0,\r\n };\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow\r\n * @return {String} Returns CSS3 text-shadow declaration\r\n */\r\n toString: function () {\r\n return [this.offsetX, this.offsetY, this.blur, this.color].join('px ');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a shadow\r\n * @param {fabric.Object} object\r\n * @return {String} SVG representation of a shadow\r\n */\r\n toSVG: function (object) {\r\n var fBoxX = 40,\r\n fBoxY = 40,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n offset = fabric.util.rotateVector(\r\n new Point(this.offsetX, this.offsetY),\r\n fabric.util.degreesToRadians(-object.angle)\r\n ),\r\n BLUR_BOX = 20,\r\n color = new Color(this.color);\r\n\r\n if (object.width && object.height) {\r\n //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion\r\n // we add some extra space to filter box to contain the blur ( 20 )\r\n fBoxX =\r\n toFixed(\r\n (Math.abs(offset.x) + this.blur) / object.width,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n fBoxY =\r\n toFixed(\r\n (Math.abs(offset.y) + this.blur) / object.height,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n }\r\n if (object.flipX) {\r\n offset.x *= -1;\r\n }\r\n if (object.flipY) {\r\n offset.y *= -1;\r\n }\r\n\r\n return (\r\n '\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\n' +\r\n '\\n'\r\n );\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns object representation of a shadow\r\n * @return {Object} Object representation of a shadow instance\r\n */\r\n toObject: function () {\r\n if (this.includeDefaultValues) {\r\n return {\r\n color: this.color,\r\n blur: this.blur,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n affectStroke: this.affectStroke,\r\n nonScaling: this.nonScaling,\r\n };\r\n }\r\n var obj = {},\r\n proto = fabric.Shadow.prototype;\r\n\r\n [\r\n 'color',\r\n 'blur',\r\n 'offsetX',\r\n 'offsetY',\r\n 'affectStroke',\r\n 'nonScaling',\r\n ].forEach(function (prop) {\r\n if (this[prop] !== proto[prop]) {\r\n obj[prop] = this[prop];\r\n }\r\n }, this);\r\n\r\n return obj;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Regex matching shadow offsetX, offsetY and blur (ex: \"2px 2px 10px rgba(0,0,0,0.2)\", \"rgb(0,255,0) 2px 2px\")\r\n * @static\r\n * @field\r\n * @memberOf fabric.Shadow\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.Shadow.reOffsetsAndBlur =\r\n /(?:\\s|^)(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(\\d+(?:\\.\\d*)?(?:px)?)?(?:\\s?|$)(?:$|\\s)/;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { config } from './config';\r\nimport { VERSION } from './constants';\r\nimport { Observable } from './mixins/observable.mixin';\r\nimport { Point } from './point.class';\r\nimport { requestAnimFrame } from './util/animate';\r\nimport { removeFromArray } from './util/internals';\r\nimport { pick } from './util/misc/pick';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { CommonMethods } from './mixins/shared_methods.mixin';\r\n(function (global) {\r\n // aliases for faster resolution\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n getElementOffset = fabric.util.getElementOffset,\r\n toFixed = fabric.util.toFixed,\r\n transformPoint = fabric.util.transformPoint,\r\n invertTransform = fabric.util.invertTransform,\r\n getNodeCanvas = fabric.util.getNodeCanvas,\r\n createCanvasElement = fabric.util.createCanvasElement,\r\n CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element');\r\n\r\n /**\r\n * Static canvas class\r\n * @class fabric.StaticCanvas\r\n * @mixes fabric.Collection\r\n * @mixes fabric.Observable\r\n * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo}\r\n * @see {@link fabric.StaticCanvas#initialize} for constructor definition\r\n * @fires before:render\r\n * @fires after:render\r\n * @fires canvas:cleared\r\n * @fires object:added\r\n * @fires object:removed\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.StaticCanvas = fabric.util.createClass(\r\n fabric.Collection,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n },\r\n\r\n /**\r\n * Background color of canvas instance.\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n backgroundColor: '',\r\n\r\n /**\r\n * Background image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as background, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n backgroundImage: null,\r\n\r\n /**\r\n * Overlay color of canvas instance.\r\n * @since 1.3.9\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n overlayColor: '',\r\n\r\n /**\r\n * Overlay image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as overlay, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n overlayImage: null,\r\n\r\n /**\r\n * Indicates whether toObject/toDatalessObject should include default values\r\n * if set to false, takes precedence over the object value.\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * Indicates whether objects' state should be saved\r\n * @type Boolean\r\n * @default\r\n */\r\n stateful: false,\r\n\r\n /**\r\n * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove},\r\n * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas.\r\n * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once\r\n * since the renders are quequed and executed one per frame.\r\n * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() )\r\n * Left default to true to do not break documentation and old app, fiddles.\r\n * @type Boolean\r\n * @default\r\n */\r\n renderOnAddRemove: true,\r\n\r\n /**\r\n * Indicates whether object controls (borders/controls) are rendered above overlay image\r\n * @type Boolean\r\n * @default\r\n */\r\n controlsAboveOverlay: false,\r\n\r\n /**\r\n * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n allowTouchScrolling: false,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing, this is on by default in browsers\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothingEnabled: true,\r\n\r\n /**\r\n * The transformation (a Canvas 2D API transform matrix) which focuses the viewport\r\n * @type Array\r\n * @example Default transform\r\n * canvas.viewportTransform = [1, 0, 0, 1, 0, 0];\r\n * @example Scale by 70% and translate toward bottom-right by 50, without skewing\r\n * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50];\r\n * @default\r\n */\r\n viewportTransform: fabric.iMatrix.concat(),\r\n\r\n /**\r\n * if set to false background image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n backgroundVpt: true,\r\n\r\n /**\r\n * if set to false overlya image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n overlayVpt: true,\r\n\r\n /**\r\n * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens\r\n * @type Boolean\r\n * @default\r\n */\r\n enableRetinaScaling: true,\r\n\r\n /**\r\n * Describe canvas element extension over design\r\n * properties are tl,tr,bl,br.\r\n * if canvas is not zoomed/panned those points are the four corner of canvas\r\n * if canvas is viewportTransformed you those points indicate the extension\r\n * of canvas element in plain untrasformed coordinates\r\n * The coordinates get updated with @method calcViewportBoundaries.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n */\r\n vptCoords: {},\r\n\r\n /**\r\n * Based on vptCoords and object.aCoords, skip rendering of objects that\r\n * are not included in current viewport.\r\n * May greatly help in applications with crowded canvas and use of zoom/pan\r\n * If One of the corner of the bounding box of the object is on the canvas\r\n * the objects get rendered.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n * @type Boolean\r\n * @default\r\n */\r\n skipOffscreen: true,\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the canvas has rendered, and the context is placed in the\r\n * top left corner of the canvas.\r\n * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true\r\n * @type fabric.Object\r\n */\r\n clipPath: undefined,\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n */\r\n _initStatic: function (el, options) {\r\n this._objects = [];\r\n this._createLowerCanvas(el);\r\n this._initOptions(options);\r\n // only initialize retina scaling once\r\n if (!this.interactive) {\r\n this._initRetinaScaling();\r\n }\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _isRetinaScaling: function () {\r\n return config.devicePixelRatio > 1 && this.enableRetinaScaling;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} retinaScaling if applied, otherwise 1;\r\n */\r\n getRetinaScaling: function () {\r\n return this._isRetinaScaling()\r\n ? Math.max(1, config.devicePixelRatio)\r\n : 1;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initRetinaScaling: function () {\r\n if (!this._isRetinaScaling()) {\r\n return;\r\n }\r\n var scaleRatio = config.devicePixelRatio;\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.lowerCanvasEl,\r\n this.contextContainer\r\n );\r\n if (this.upperCanvasEl) {\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.upperCanvasEl,\r\n this.contextTop\r\n );\r\n }\r\n },\r\n\r\n __initRetinaScaling: function (scaleRatio, canvas, context) {\r\n canvas.setAttribute('width', this.width * scaleRatio);\r\n canvas.setAttribute('height', this.height * scaleRatio);\r\n context.scale(scaleRatio, scaleRatio);\r\n },\r\n\r\n /**\r\n * Calculates canvas element offset relative to the document\r\n * This method is also attached as \"resize\" event handler of window\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n calcOffset: function () {\r\n this._offset = getElementOffset(this.lowerCanvasEl);\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCanvasElement: function () {\r\n var element = createCanvasElement();\r\n if (!element) {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n if (!element.style) {\r\n element.style = {};\r\n }\r\n if (typeof element.getContext === 'undefined') {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n return element;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initOptions: function (options) {\r\n var lowerCanvasEl = this.lowerCanvasEl;\r\n this.set(options);\r\n\r\n this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0;\r\n this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0;\r\n\r\n if (!this.lowerCanvasEl.style) {\r\n return;\r\n }\r\n\r\n lowerCanvasEl.width = this.width;\r\n lowerCanvasEl.height = this.height;\r\n\r\n lowerCanvasEl.style.width = this.width + 'px';\r\n lowerCanvasEl.style.height = this.height + 'px';\r\n\r\n this.viewportTransform = this.viewportTransform.slice();\r\n },\r\n\r\n /**\r\n * Creates a bottom canvas\r\n * @private\r\n * @param {HTMLElement} [canvasEl]\r\n */\r\n _createLowerCanvas: function (canvasEl) {\r\n // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node\r\n if (canvasEl && canvasEl.getContext) {\r\n this.lowerCanvasEl = canvasEl;\r\n } else {\r\n this.lowerCanvasEl =\r\n fabric.document.getElementById(canvasEl) ||\r\n canvasEl ||\r\n this._createCanvasElement();\r\n }\r\n if (this.lowerCanvasEl.hasAttribute('data-fabric')) {\r\n /* _DEV_MODE_START_ */\r\n throw new Error(\r\n 'fabric.js: trying to initialize a canvas that has already been initialized'\r\n );\r\n /* _DEV_MODE_END_ */\r\n }\r\n this.lowerCanvasEl.classList.add('lower-canvas');\r\n this.lowerCanvasEl.setAttribute('data-fabric', 'main');\r\n if (this.interactive) {\r\n this._originalCanvasStyle = this.lowerCanvasEl.style.cssText;\r\n this._applyCanvasStyle(this.lowerCanvasEl);\r\n }\r\n\r\n this.contextContainer = this.lowerCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * Returns canvas width (in px)\r\n * @return {Number}\r\n */\r\n getWidth: function () {\r\n return this.width;\r\n },\r\n\r\n /**\r\n * Returns canvas height (in px)\r\n * @return {Number}\r\n */\r\n getHeight: function () {\r\n return this.height;\r\n },\r\n\r\n /**\r\n * Sets width of this canvas instance\r\n * @param {Number|String} value Value to set width to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setWidth: function (value, options) {\r\n return this.setDimensions({ width: value }, options);\r\n },\r\n\r\n /**\r\n * Sets height of this canvas instance\r\n * @param {Number|String} value Value to set height to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setHeight: function (value, options) {\r\n return this.setDimensions({ height: value }, options);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n var cssValue;\r\n\r\n options = options || {};\r\n\r\n for (var prop in dimensions) {\r\n cssValue = dimensions[prop];\r\n\r\n if (!options.cssOnly) {\r\n this._setBackstoreDimension(prop, dimensions[prop]);\r\n cssValue += 'px';\r\n this.hasLostContext = true;\r\n }\r\n\r\n if (!options.backstoreOnly) {\r\n this._setCssDimension(prop, cssValue);\r\n }\r\n }\r\n if (this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush &&\r\n this.freeDrawingBrush._setBrushStyles(this.contextTop);\r\n }\r\n this._initRetinaScaling();\r\n this.calcOffset();\r\n\r\n if (!options.cssOnly) {\r\n this.requestRenderAll();\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {Number} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setBackstoreDimension: function (prop, value) {\r\n this.lowerCanvasEl[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl[prop] = value;\r\n }\r\n\r\n if (this.cacheCanvasEl) {\r\n this.cacheCanvasEl[prop] = value;\r\n }\r\n\r\n this[prop] = value;\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting css width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {String} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setCssDimension: function (prop, value) {\r\n this.lowerCanvasEl.style[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl.style[prop] = value;\r\n }\r\n\r\n if (this.wrapperEl) {\r\n this.wrapperEl.style[prop] = value;\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns canvas zoom level\r\n * @return {Number}\r\n */\r\n getZoom: function () {\r\n return this.viewportTransform[0];\r\n },\r\n\r\n /**\r\n * Sets viewport transformation of this canvas instance\r\n * @param {Array} vpt a Canvas 2D API transform matrix\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setViewportTransform: function (vpt) {\r\n var activeObject = this._activeObject,\r\n backgroundObject = this.backgroundImage,\r\n overlayObject = this.overlayImage,\r\n object,\r\n i,\r\n len;\r\n this.viewportTransform = vpt;\r\n for (i = 0, len = this._objects.length; i < len; i++) {\r\n object = this._objects[i];\r\n object.group || object.setCoords();\r\n }\r\n if (activeObject) {\r\n activeObject.setCoords();\r\n }\r\n if (backgroundObject) {\r\n backgroundObject.setCoords();\r\n }\r\n if (overlayObject) {\r\n overlayObject.setCoords();\r\n }\r\n this.calcViewportBoundaries();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance, the zoom centered around point\r\n * meaning that following zoom to point with the same point will have the visual\r\n * effect of the zoom originating from that point. The point won't move.\r\n * It has nothing to do with canvas center or visual center of the viewport.\r\n * @param {Point} point to zoom with respect to\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n zoomToPoint: function (point, value) {\r\n // TODO: just change the scale, preserve other transformations\r\n var before = point,\r\n vpt = this.viewportTransform.slice(0);\r\n point = transformPoint(point, invertTransform(this.viewportTransform));\r\n vpt[0] = value;\r\n vpt[3] = value;\r\n var after = transformPoint(point, vpt);\r\n vpt[4] += before.x - after.x;\r\n vpt[5] += before.y - after.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setZoom: function (value) {\r\n this.zoomToPoint(new Point(0, 0), value);\r\n return this;\r\n },\r\n\r\n /**\r\n * Pan viewport so as to place point at top left corner of canvas\r\n * @param {Point} point to move to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n absolutePan: function (point) {\r\n var vpt = this.viewportTransform.slice(0);\r\n vpt[4] = -point.x;\r\n vpt[5] = -point.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Pans viewpoint relatively\r\n * @param {Point} point (position vector) to move by\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n relativePan: function (point) {\r\n return this.absolutePan(\r\n new Point(\r\n -point.x - this.viewportTransform[4],\r\n -point.y - this.viewportTransform[5]\r\n )\r\n );\r\n },\r\n\r\n /**\r\n * Returns <canvas> element corresponding to this instance\r\n * @return {HTMLCanvasElement}\r\n */\r\n getElement: function () {\r\n return this.lowerCanvasEl;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to add\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n add: function () {\r\n fabric.Collection.add.call(this, arguments, this._onObjectAdded);\r\n arguments.length > 0 &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n insertAt: function (objects, index) {\r\n fabric.Collection.insertAt.call(\r\n this,\r\n objects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n (Array.isArray(objects) ? objects.length > 0 : !!objects) &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to remove\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this.stateful && obj.setupState();\r\n if (obj.canvas && obj.canvas !== this) {\r\n /* _DEV_MODE_START_ */\r\n console.warn(\r\n 'fabric.Canvas: trying to add an object that belongs to a different canvas.\\n' +\r\n 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'\r\n );\r\n /* _DEV_MODE_END_ */\r\n obj.canvas.remove(obj);\r\n }\r\n obj._set('canvas', this);\r\n obj.setCoords();\r\n this.fire('object:added', { target: obj });\r\n obj.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n obj._set('canvas', undefined);\r\n this.fire('object:removed', { target: obj });\r\n obj.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Clears specified context of canvas element\r\n * @param {CanvasRenderingContext2D} ctx Context to clear\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clearContext: function (ctx) {\r\n ctx.clearRect(0, 0, this.width, this.height);\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where objects are drawn\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getContext: function () {\r\n return this.contextContainer;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n this.remove.apply(this, this.getObjects());\r\n this.backgroundImage = null;\r\n this.overlayImage = null;\r\n this.backgroundColor = '';\r\n this.overlayColor = '';\r\n if (this._hasITextHandlers) {\r\n this.off('mouse:up', this._mouseUpITextHandler);\r\n this._iTextInstances = null;\r\n this._hasITextHandlers = false;\r\n }\r\n this.clearContext(this.contextContainer);\r\n this.fire('canvas:cleared');\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Renders the canvas\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n this.renderCanvas(this.contextContainer, this._objects);\r\n return this;\r\n },\r\n\r\n /**\r\n * Function created to be instance bound at initialization\r\n * used in requestAnimationFrame rendering\r\n * Let the fabricJS call it. If you call it manually you could have more\r\n * animationFrame stacking on to of each other\r\n * for an imperative rendering, use canvas.renderAll\r\n * @private\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAndReset: function () {\r\n this.nextRenderHandle = 0;\r\n this.renderAll();\r\n },\r\n\r\n /**\r\n * Append a renderAll request to next animation frame.\r\n * unless one is already in progress, in that case nothing is done\r\n * a boolean flag will avoid appending more.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n requestRenderAll: function () {\r\n if (!this.nextRenderHandle && !this.disposed && !this.destroyed) {\r\n this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Calculate the position of the 4 corner of canvas with current viewportTransform.\r\n * helps to determinate when an object is in the current rendering viewport using\r\n * object absolute coordinates ( aCoords )\r\n * @return {Object} points.tl\r\n * @chainable\r\n */\r\n calcViewportBoundaries: function () {\r\n var width = this.width,\r\n height = this.height,\r\n iVpt = invertTransform(this.viewportTransform),\r\n a = transformPoint({ x: 0, y: 0 }, iVpt),\r\n b = transformPoint({ x: width, y: height }, iVpt),\r\n // we don't support vpt flipping\r\n // but the code is robust enough to mostly work with flipping\r\n min = a.min(b),\r\n max = a.max(b);\r\n return (this.vptCoords = {\r\n tl: min,\r\n tr: new Point(max.x, min.y),\r\n bl: new Point(min.x, max.y),\r\n br: max,\r\n });\r\n },\r\n\r\n cancelRequestedRender: function () {\r\n if (this.nextRenderHandle) {\r\n fabric.util.cancelAnimFrame(this.nextRenderHandle);\r\n this.nextRenderHandle = 0;\r\n }\r\n },\r\n\r\n /**\r\n * Renders background, objects, overlay and controls.\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {Array} objects to render\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderCanvas: function (ctx, objects) {\r\n if (this.destroyed) {\r\n return;\r\n }\r\n\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n this.calcViewportBoundaries();\r\n this.clearContext(ctx);\r\n ctx.imageSmoothingEnabled = this.imageSmoothingEnabled;\r\n // node-canvas\r\n ctx.patternQuality = 'best';\r\n this.fire('before:render', { ctx: ctx });\r\n this._renderBackground(ctx);\r\n\r\n ctx.save();\r\n //apply viewport transform once for all rendering process\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this._renderObjects(ctx, objects);\r\n ctx.restore();\r\n if (!this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n if (path) {\r\n path._set('canvas', this);\r\n // needed to setup a couple of variables\r\n path.shouldCache();\r\n path._transformDone = true;\r\n path.renderCache({ forClipping: true });\r\n this.drawClipPathOnCanvas(ctx);\r\n }\r\n this._renderOverlay(ctx);\r\n if (this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n this.fire('after:render', { ctx: ctx });\r\n\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask();\r\n this.__cleanupTask = undefined;\r\n }\r\n },\r\n\r\n /**\r\n * Paint the cached clipPath on the lowerCanvasEl\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawClipPathOnCanvas: function (ctx) {\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4;\r\n ctx.globalCompositeOperation = 'destination-in';\r\n path.transform(ctx);\r\n ctx.scale(1 / path.zoomX, 1 / path.zoomY);\r\n ctx.drawImage(\r\n path._cacheCanvas,\r\n -path.cacheTranslationX,\r\n -path.cacheTranslationY\r\n );\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} objects to render\r\n */\r\n _renderObjects: function (ctx, objects) {\r\n var i, len;\r\n for (i = 0, len = objects.length; i < len; ++i) {\r\n objects[i] && objects[i].render(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {string} property 'background' or 'overlay'\r\n */\r\n _renderBackgroundOrOverlay: function (ctx, property) {\r\n var fill = this[property + 'Color'],\r\n object = this[property + 'Image'],\r\n v = this.viewportTransform,\r\n needsVpt = this[property + 'Vpt'];\r\n if (!fill && !object) {\r\n return;\r\n }\r\n if (fill) {\r\n ctx.save();\r\n ctx.beginPath();\r\n ctx.moveTo(0, 0);\r\n ctx.lineTo(this.width, 0);\r\n ctx.lineTo(this.width, this.height);\r\n ctx.lineTo(0, this.height);\r\n ctx.closePath();\r\n ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill;\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0);\r\n var m = fill.gradientTransform || fill.patternTransform;\r\n m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n ctx.fill();\r\n ctx.restore();\r\n }\r\n if (object) {\r\n ctx.save();\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n object.render(ctx);\r\n ctx.restore();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'background');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderOverlay: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'overlay');\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * Returned value is an object with top and left properties\r\n * @return {Object} object with \"top\" and \"left\" number values\r\n * @deprecated migrate to `getCenterPoint`\r\n */\r\n getCenter: function () {\r\n return {\r\n top: this.height / 2,\r\n left: this.width / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * @return {Point}\r\n */\r\n getCenterPoint: function () {\r\n return new Point(this.width / 2, this.height / 2);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the canvas\r\n * @param {fabric.Object} object Object to center horizontally\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n centerObjectH: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(this.getCenterPoint().x, object.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically in the canvas\r\n * @param {fabric.Object} object Object to center vertically\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObjectV: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, this.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the canvas\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObject: function (object) {\r\n var center = this.getCenterPoint();\r\n return this._centerObject(object, center);\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the viewport\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObject: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n return this._centerObject(object, vpCenter);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectH: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n this._centerObject(\r\n object,\r\n new Point(vpCenter.x, object.getCenterPoint().y)\r\n );\r\n return this;\r\n },\r\n\r\n /**\r\n * Centers object Vertically in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectV: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, vpCenter.y)\r\n );\r\n },\r\n\r\n /**\r\n * Calculate the point in canvas that correspond to the center of actual viewport.\r\n * @return {Point} vpCenter, viewport center\r\n * @chainable\r\n */\r\n getVpCenter: function () {\r\n var center = this.getCenterPoint(),\r\n iVpt = invertTransform(this.viewportTransform);\r\n return transformPoint(center, iVpt);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object Object to center\r\n * @param {Point} center Center point\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n _centerObject: function (object, center) {\r\n object.setXY(center, 'center', 'center');\r\n object.setCoords();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns dataless JSON representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {String} json string\r\n */\r\n toDatalessJSON: function (propertiesToInclude) {\r\n return this.toDatalessObject(propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns Object representation of canvas\r\n * this alias is provided because if you call JSON.stringify on an instance,\r\n * the toJSON object will be invoked if it exists.\r\n * Having a toJSON method means you can do JSON.stringify(myCanvas)\r\n * @return {Object} JSON compatible object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo}\r\n * @example JSON without additional properties\r\n * var json = canvas.toJSON();\r\n * @example JSON with additional properties included\r\n * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']);\r\n * @example JSON without default values\r\n * var json = canvas.toJSON();\r\n */\r\n toJSON: function () {\r\n return this.toObject();\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toDatalessObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObjectMethod: function (methodName, propertiesToInclude) {\r\n const clipPath = this.clipPath;\r\n const clipPathData =\r\n clipPath && !clipPath.excludeFromExport\r\n ? this._toObject(clipPath, methodName, propertiesToInclude)\r\n : null;\r\n return {\r\n version: VERSION,\r\n ...pick(this, propertiesToInclude),\r\n objects: this._objects\r\n .filter((object) => !object.excludeFromExport)\r\n .map((instance) =>\r\n this._toObject(instance, methodName, propertiesToInclude)\r\n ),\r\n ...this.__serializeBgOverlay(methodName, propertiesToInclude),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n var originalValue;\r\n\r\n if (!this.includeDefaultValues) {\r\n originalValue = instance.includeDefaultValues;\r\n instance.includeDefaultValues = false;\r\n }\r\n\r\n var object = instance[methodName](propertiesToInclude);\r\n if (!this.includeDefaultValues) {\r\n instance.includeDefaultValues = originalValue;\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n __serializeBgOverlay: function (methodName, propertiesToInclude) {\r\n var data = {},\r\n bgImage = this.backgroundImage,\r\n overlayImage = this.overlayImage,\r\n bgColor = this.backgroundColor,\r\n overlayColor = this.overlayColor;\r\n\r\n if (bgColor && bgColor.toObject) {\r\n if (!bgColor.excludeFromExport) {\r\n data.background = bgColor.toObject(propertiesToInclude);\r\n }\r\n } else if (bgColor) {\r\n data.background = bgColor;\r\n }\r\n\r\n if (overlayColor && overlayColor.toObject) {\r\n if (!overlayColor.excludeFromExport) {\r\n data.overlay = overlayColor.toObject(propertiesToInclude);\r\n }\r\n } else if (overlayColor) {\r\n data.overlay = overlayColor;\r\n }\r\n\r\n if (bgImage && !bgImage.excludeFromExport) {\r\n data.backgroundImage = this._toObject(\r\n bgImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n if (overlayImage && !overlayImage.excludeFromExport) {\r\n data.overlayImage = this._toObject(\r\n overlayImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n\r\n return data;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true,\r\n * a zoomed canvas will then produce zoomed SVG output.\r\n * @type Boolean\r\n * @default\r\n */\r\n svgViewportTransformation: true,\r\n\r\n /**\r\n * Returns SVG representation of canvas\r\n * @function\r\n * @param {Object} [options] Options object for SVG output\r\n * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included\r\n * @param {Object} [options.viewBox] SVG viewbox object\r\n * @param {Number} [options.viewBox.x] x-coordinate of viewbox\r\n * @param {Number} [options.viewBox.y] y-coordinate of viewbox\r\n * @param {Number} [options.viewBox.width] Width of viewbox\r\n * @param {Number} [options.viewBox.height] Height of viewbox\r\n * @param {String} [options.encoding=UTF-8] Encoding of SVG output\r\n * @param {String} [options.width] desired width of svg with or without units\r\n * @param {String} [options.height] desired height of svg with or without units\r\n * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation.\r\n * @return {String} SVG string\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo}\r\n * @example Normal SVG output\r\n * var svg = canvas.toSVG();\r\n * @example SVG output without preamble (without <?xml ../>)\r\n * var svg = canvas.toSVG({suppressPreamble: true});\r\n * @example SVG output with viewBox attribute\r\n * var svg = canvas.toSVG({\r\n * viewBox: {\r\n * x: 100,\r\n * y: 100,\r\n * width: 200,\r\n * height: 300\r\n * }\r\n * });\r\n * @example SVG output with different encoding (default: UTF-8)\r\n * var svg = canvas.toSVG({encoding: 'ISO-8859-1'});\r\n * @example Modify SVG output with reviver function\r\n * var svg = canvas.toSVG(null, function(svg) {\r\n * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', '');\r\n * });\r\n */\r\n toSVG: function (options, reviver) {\r\n options || (options = {});\r\n options.reviver = reviver;\r\n var markup = [];\r\n\r\n this._setSVGPreamble(markup, options);\r\n this._setSVGHeader(markup, options);\r\n if (this.clipPath) {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n this._setSVGBgOverlayColor(markup, 'background');\r\n this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver);\r\n this._setSVGObjects(markup, reviver);\r\n if (this.clipPath) {\r\n markup.push('\\n');\r\n }\r\n this._setSVGBgOverlayColor(markup, 'overlay');\r\n this._setSVGBgOverlayImage(markup, 'overlayImage', reviver);\r\n\r\n markup.push('');\r\n\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGPreamble: function (markup, options) {\r\n if (options.suppressPreamble) {\r\n return;\r\n }\r\n markup.push(\r\n '\\n',\r\n '\\n'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGHeader: function (markup, options) {\r\n var width = options.width || this.width,\r\n height = options.height || this.height,\r\n vpt,\r\n viewBox = 'viewBox=\"0 0 ' + this.width + ' ' + this.height + '\" ',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n if (options.viewBox) {\r\n viewBox =\r\n 'viewBox=\"' +\r\n options.viewBox.x +\r\n ' ' +\r\n options.viewBox.y +\r\n ' ' +\r\n options.viewBox.width +\r\n ' ' +\r\n options.viewBox.height +\r\n '\" ';\r\n } else {\r\n if (this.svgViewportTransformation) {\r\n vpt = this.viewportTransform;\r\n viewBox =\r\n 'viewBox=\"' +\r\n toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) +\r\n '\" ';\r\n }\r\n }\r\n\r\n markup.push(\r\n '\\n',\r\n 'Created with Fabric.js ',\r\n VERSION,\r\n '\\n',\r\n '\\n',\r\n this.createSVGFontFacesMarkup(),\r\n this.createSVGRefElementsMarkup(),\r\n this.createSVGClipPathMarkup(options),\r\n '\\n'\r\n );\r\n },\r\n\r\n createSVGClipPathMarkup: function (options) {\r\n var clipPath = this.clipPath;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n return (\r\n '\\n' +\r\n this.clipPath.toClipPathSVG(options.reviver) +\r\n '\\n'\r\n );\r\n }\r\n return '';\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG referenced elements like patterns, gradients etc.\r\n * @return {String}\r\n */\r\n createSVGRefElementsMarkup: function () {\r\n var _this = this,\r\n markup = ['background', 'overlay'].map(function (prop) {\r\n var fill = _this[prop + 'Color'];\r\n if (fill && fill.toLive) {\r\n var shouldTransform = _this[prop + 'Vpt'],\r\n vpt = _this.viewportTransform,\r\n object = {\r\n width: _this.width / (shouldTransform ? vpt[0] : 1),\r\n height: _this.height / (shouldTransform ? vpt[3] : 1),\r\n };\r\n return fill.toSVG(object, {\r\n additionalTransform: shouldTransform\r\n ? fabric.util.matrixToSVG(vpt)\r\n : '',\r\n });\r\n }\r\n });\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG font faces,\r\n * font URLs for font faces must be collected by developers\r\n * and are not extracted from the DOM by fabricjs\r\n * @param {Array} objects Array of fabric objects\r\n * @return {String}\r\n */\r\n createSVGFontFacesMarkup: function () {\r\n var markup = '',\r\n fontList = {},\r\n obj,\r\n fontFamily,\r\n style,\r\n row,\r\n rowIndex,\r\n _char,\r\n charIndex,\r\n i,\r\n len,\r\n fontPaths = config.fontPaths,\r\n objects = [];\r\n\r\n this._objects.forEach(function add(object) {\r\n objects.push(object);\r\n if (object._objects) {\r\n object._objects.forEach(add);\r\n }\r\n });\r\n\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n obj = objects[i];\r\n fontFamily = obj.fontFamily;\r\n if (\r\n obj.type.indexOf('text') === -1 ||\r\n fontList[fontFamily] ||\r\n !fontPaths[fontFamily]\r\n ) {\r\n continue;\r\n }\r\n fontList[fontFamily] = true;\r\n if (!obj.styles) {\r\n continue;\r\n }\r\n style = obj.styles;\r\n for (rowIndex in style) {\r\n row = style[rowIndex];\r\n for (charIndex in row) {\r\n _char = row[charIndex];\r\n fontFamily = _char.fontFamily;\r\n if (!fontList[fontFamily] && fontPaths[fontFamily]) {\r\n fontList[fontFamily] = true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n for (var j in fontList) {\r\n markup += [\r\n '\\t\\t@font-face {\\n',\r\n \"\\t\\t\\tfont-family: '\",\r\n j,\r\n \"';\\n\",\r\n \"\\t\\t\\tsrc: url('\",\r\n fontPaths[j],\r\n \"');\\n\",\r\n '\\t\\t}\\n',\r\n ].join('');\r\n }\r\n\r\n if (markup) {\r\n markup = [\r\n '\\t\\n',\r\n ].join('');\r\n }\r\n\r\n return markup;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObjects: function (markup, reviver) {\r\n var instance,\r\n i,\r\n len,\r\n objects = this._objects;\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n instance = objects[i];\r\n if (instance.excludeFromExport) {\r\n continue;\r\n }\r\n this._setSVGObject(markup, instance, reviver);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n markup.push(instance.toSVG(reviver));\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayImage: function (markup, property, reviver) {\r\n if (\r\n this[property] &&\r\n !this[property].excludeFromExport &&\r\n this[property].toSVG\r\n ) {\r\n markup.push(this[property].toSVG(reviver));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayColor: function (markup, property) {\r\n var filler = this[property + 'Color'],\r\n vpt = this.viewportTransform,\r\n finalWidth = this.width,\r\n finalHeight = this.height;\r\n if (!filler) {\r\n return;\r\n }\r\n if (filler.toLive) {\r\n var repeat = filler.repeat,\r\n iVpt = fabric.util.invertTransform(vpt),\r\n shouldInvert = this[property + 'Vpt'],\r\n additionalTransform = shouldInvert\r\n ? fabric.util.matrixToSVG(iVpt)\r\n : '';\r\n markup.push(\r\n '\\n'\r\n );\r\n } else {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the bottom of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send to back\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.unshift(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.unshift(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the top of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.push(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.push(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection down in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in behind\r\n * the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx > 0 + objsMoved) {\r\n newIdx = idx - 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== 0) {\r\n // if object is not on the bottom of stack\r\n newIdx = this._findNewLowerIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewLowerIndex: function (object, idx, intersecting) {\r\n var newIdx, i;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse down the stack looking for the nearest intersecting object\r\n for (i = idx - 1; i >= 0; --i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx - 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection up in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in front\r\n * of the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx < this._objects.length - 1 - objsMoved) {\r\n newIdx = idx + 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== this._objects.length - 1) {\r\n // if object is not on top of stack (last item in an array)\r\n newIdx = this._findNewUpperIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewUpperIndex: function (object, idx, intersecting) {\r\n var newIdx, i, len;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse up the stack looking for the nearest intersecting object\r\n for (i = idx + 1, len = this._objects.length; i < len; ++i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx + 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @param {Number} index Position to move to\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (object, index) {\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(index, 0, object);\r\n return this.renderOnAddRemove && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * Waits until rendering has settled to destroy the canvas\r\n * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed\r\n * @throws if aborted by a consequent call\r\n */\r\n dispose: function () {\r\n this.disposed = true;\r\n return new Promise((resolve, reject) => {\r\n const task = () => {\r\n this.destroy();\r\n resolve(true);\r\n };\r\n task.kill = reject;\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask.kill('aborted');\r\n }\r\n\r\n if (this.destroyed) {\r\n resolve(false);\r\n } else if (this.nextRenderHandle) {\r\n this.__cleanupTask = task;\r\n } else {\r\n task();\r\n }\r\n });\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n this.destroyed = true;\r\n this.cancelRequestedRender();\r\n this.forEachObject(function (object) {\r\n object.dispose && object.dispose();\r\n });\r\n this._objects = [];\r\n if (this.backgroundImage && this.backgroundImage.dispose) {\r\n this.backgroundImage.dispose();\r\n }\r\n this.backgroundImage = null;\r\n if (this.overlayImage && this.overlayImage.dispose) {\r\n this.overlayImage.dispose();\r\n }\r\n this.overlayImage = null;\r\n this._iTextInstances = null;\r\n this.contextContainer = null;\r\n // restore canvas style and attributes\r\n this.lowerCanvasEl.classList.remove('lower-canvas');\r\n this.lowerCanvasEl.removeAttribute('data-fabric');\r\n if (this.interactive) {\r\n this.lowerCanvasEl.style.cssText = this._originalCanvasStyle;\r\n delete this._originalCanvasStyle;\r\n }\r\n // restore canvas size to original size in case retina scaling was applied\r\n this.lowerCanvasEl.setAttribute('width', this.width);\r\n this.lowerCanvasEl.setAttribute('height', this.height);\r\n fabric.util.cleanUpJsdomNode(this.lowerCanvasEl);\r\n this.lowerCanvasEl = undefined;\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n }\r\n );\r\n\r\n // hack - class methods are not enumrable\r\n // TODO remove when migrating to es6\r\n Object.getOwnPropertyNames(Observable.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: Observable.prototype[key],\r\n });\r\n });\r\n Object.getOwnPropertyNames(CommonMethods.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: CommonMethods.prototype[key],\r\n });\r\n });\r\n\r\n extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter);\r\n\r\n extend(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.StaticCanvas */ {\r\n /**\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n EMPTY_JSON: '{\"objects\": [], \"background\": \"white\"}',\r\n\r\n /**\r\n * Provides a way to check support of some of the canvas methods\r\n * (either those of HTMLCanvasElement itself, or rendering context)\r\n *\r\n * @param {String} methodName Method to check support for;\r\n * Could be one of \"setLineDash\"\r\n * @return {Boolean | null} `true` if method is supported (or at least exists),\r\n * `null` if canvas element or context can not be initialized\r\n */\r\n supports: function (methodName) {\r\n var el = createCanvasElement();\r\n\r\n if (!el || !el.getContext) {\r\n return null;\r\n }\r\n\r\n var ctx = el.getContext('2d');\r\n if (!ctx) {\r\n return null;\r\n }\r\n\r\n switch (methodName) {\r\n case 'setLineDash':\r\n return typeof ctx.setLineDash !== 'undefined';\r\n\r\n default:\r\n return null;\r\n }\r\n },\r\n }\r\n );\r\n\r\n if (fabric.isLikelyNode) {\r\n fabric.StaticCanvas.prototype.createPNGStream = function () {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createPNGStream();\r\n };\r\n fabric.StaticCanvas.prototype.createJPEGStream = function (opts) {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createJPEGStream(opts);\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n TOriginX,\r\n TOriginY,\r\n TPointerEvent,\r\n Transform,\r\n TransformAction,\r\n TransformEvent,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport const NOT_ALLOWED_CURSOR = 'not-allowed';\r\n\r\n/**\r\n * @param {Boolean} alreadySelected true if target is already selected\r\n * @param {String} corner a string representing the corner ml, mr, tl ...\r\n * @param {Event} e Event object\r\n * @param {FabricObject} [target] inserted back to help overriding. Unused\r\n */\r\nexport const getActionFromCorner = (\r\n alreadySelected: boolean,\r\n corner: string,\r\n e: TPointerEvent,\r\n target: FabricObject\r\n) => {\r\n if (!corner || !alreadySelected) {\r\n return 'drag';\r\n }\r\n const control = target.controls[corner];\r\n return control.getActionName(e, control, target);\r\n};\r\n\r\n/**\r\n * Checks if transform is centered\r\n * @param {Object} transform transform data\r\n * @return {Boolean} true if transform is centered\r\n */\r\nexport function isTransformCentered(transform: Transform) {\r\n return transform.originX === 'center' && transform.originY === 'center';\r\n}\r\n\r\nexport function invertOrigin(origin: TOriginX | TOriginY) {\r\n return -resolveOrigin(origin) + 0.5;\r\n}\r\n\r\nexport const isLocked = (\r\n target: FabricObject,\r\n lockingKey:\r\n | 'lockMovementX'\r\n | 'lockMovementY'\r\n | 'lockRotation'\r\n | 'lockScalingX'\r\n | 'lockScalingY'\r\n | 'lockSkewingX'\r\n | 'lockSkewingY'\r\n | 'lockScalingFlip'\r\n) => target[lockingKey];\r\n\r\nexport const commonEventInfo: TransformAction = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return {\r\n e: eventData,\r\n transform,\r\n pointer: new Point(x, y),\r\n };\r\n};\r\n\r\n/**\r\n * Combine control position and object angle to find the control direction compared\r\n * to the object center.\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n * @param {Control} control the control class\r\n * @return {Number} 0 - 7 a quadrant number\r\n */\r\nexport function findCornerQuadrant(\r\n fabricObject: FabricObject,\r\n control: Control\r\n) {\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle(),\r\n cornerAngle =\r\n angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360;\r\n return Math.round((cornerAngle % 360) / 45);\r\n}\r\n\r\n/**\r\n * @returns the normalized point (rotated relative to center) in local coordinates\r\n */\r\nfunction normalizePoint(\r\n target: FabricObject,\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n): Point {\r\n const center = target.getRelativeCenterPoint(),\r\n p =\r\n typeof originX !== 'undefined' && typeof originY !== 'undefined'\r\n ? target.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n )\r\n : new Point(target.left, target.top),\r\n p2 = target.angle\r\n ? point.rotate(-degreesToRadians(target.angle), center)\r\n : point;\r\n return p2.subtract(p);\r\n}\r\n\r\n/**\r\n * Transforms a point to the offset from the given origin\r\n * @param {Object} transform\r\n * @param {String} originX\r\n * @param {String} originY\r\n * @param {number} x\r\n * @param {number} y\r\n * @return {Fabric.Point} the normalized point\r\n */\r\nexport function getLocalPoint(\r\n { target, corner }: Transform,\r\n originX: TOriginX,\r\n originY: TOriginY,\r\n x: number,\r\n y: number\r\n) {\r\n const control = target.controls[corner],\r\n zoom = target.canvas?.getZoom() || 1,\r\n padding = target.padding / zoom,\r\n localPoint = normalizePoint(target, new Point(x, y), originX, originY);\r\n if (localPoint.x >= padding) {\r\n localPoint.x -= padding;\r\n }\r\n if (localPoint.x <= -padding) {\r\n localPoint.x += padding;\r\n }\r\n if (localPoint.y >= padding) {\r\n localPoint.y -= padding;\r\n }\r\n if (localPoint.y <= padding) {\r\n localPoint.y += padding;\r\n }\r\n localPoint.x -= control.offsetX;\r\n localPoint.y -= control.offsetY;\r\n return localPoint;\r\n}\r\n","import { TransformEvent } from '../typedefs';\r\n\r\nexport const fireEvent = (eventName: string, options: TransformEvent) => {\r\n const {\r\n transform: { target },\r\n } = options;\r\n target.canvas?.fire(`object:${eventName}`, { ...options, target });\r\n target.fire(eventName, options);\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo } from './util';\r\n\r\n/**\r\n * Wrap an action handler with firing an event if the action is performed\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport const wrapWithFireEvent = (\r\n eventName: string,\r\n actionHandler: TransformActionHandler\r\n) => {\r\n return ((eventData, transform, x, y) => {\r\n const actionPerformed = actionHandler(eventData, transform, x, y);\r\n if (actionPerformed) {\r\n fireEvent(eventName, commonEventInfo(eventData, transform, x, y));\r\n }\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\n\r\n/**\r\n * Wrap an action handler with saving/restoring object position on the transform.\r\n * this is the code that permits to objects to keep their position while transforming.\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport function wrapWithFixedAnchor(\r\n actionHandler: TransformActionHandler\r\n) {\r\n return ((eventData, transform, x, y) => {\r\n const { target, originX, originY } = transform,\r\n centerPoint = target.getRelativeCenterPoint(),\r\n constraint = target.translateToOriginPoint(centerPoint, originX, originY),\r\n actionPerformed = actionHandler(eventData, transform, x, y);\r\n target.setPositionByOrigin(constraint, originX, originY);\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { getLocalPoint, isTransformCentered } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Action handler to change object's width\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const changeObjectWidth: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const localPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // make sure the control changes width ONLY from it's side of target\r\n if (\r\n transform.originX === 'center' ||\r\n (transform.originX === 'right' && localPoint.x < 0) ||\r\n (transform.originX === 'left' && localPoint.x > 0)\r\n ) {\r\n const { target } = transform,\r\n strokePadding =\r\n target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),\r\n multiplier = isTransformCentered(transform) ? 2 : 1,\r\n oldWidth = target.width,\r\n newWidth = Math.ceil(\r\n Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding\r\n );\r\n target.set('width', Math.max(newWidth, 0));\r\n // check against actual target width in case `newWidth` was rejected\r\n return oldWidth !== target.width;\r\n }\r\n return false;\r\n};\r\n\r\nexport const changeWidth = wrapWithFireEvent(\r\n 'resizing',\r\n wrapWithFixedAnchor(changeObjectWidth)\r\n);\r\n","import { PiBy180, twoMathPi } from '../constants';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport type ControlRenderingStyleOverride = Partial<\r\n Pick<\r\n FabricObject,\r\n | 'cornerStyle'\r\n | 'cornerSize'\r\n | 'cornerColor'\r\n | 'cornerStrokeColor'\r\n | 'cornerDashArray'\r\n | 'transparentCorners'\r\n >\r\n>;\r\n\r\nexport type ControlRenderer = (\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) => void;\r\n\r\n/**\r\n * Render a round control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderCircleControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);\r\n let myLeft = left,\r\n myTop = top,\r\n size;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // TODO: use proper ellipse code.\r\n if (xSize > ySize) {\r\n size = xSize;\r\n ctx.scale(1.0, ySize / xSize);\r\n myTop = (top * xSize) / ySize;\r\n } else if (ySize > xSize) {\r\n size = ySize;\r\n ctx.scale(xSize / ySize, 1.0);\r\n myLeft = (left * ySize) / xSize;\r\n } else {\r\n size = xSize;\r\n }\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.beginPath();\r\n ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false);\r\n ctx[methodName]();\r\n if (stroke) {\r\n ctx.stroke();\r\n }\r\n ctx.restore();\r\n}\r\n\r\n/**\r\n * Render a square control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderSquareControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),\r\n xSizeBy2 = xSize / 2,\r\n ySizeBy2 = ySize / 2;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.translate(left, top);\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle();\r\n ctx.rotate(degreesToRadians(angle));\r\n // this does not work, and fixed with ( && ) does not make sense.\r\n // to have real transparent corners we need the controls on upperCanvas\r\n // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n if (stroke) {\r\n ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n }\r\n ctx.restore();\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo, isLocked } from './util';\r\n\r\n/**\r\n * Action handler\r\n * @private\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if the translation occurred\r\n */\r\nexport const dragHandler: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const { target, offsetX, offsetY } = transform,\r\n newLeft = x - offsetX,\r\n newTop = y - offsetY,\r\n moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\r\n moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\r\n moveX && target.set('left', newLeft);\r\n moveY && target.set('top', newTop);\r\n if (moveX || moveY) {\r\n fireEvent('moving', commonEventInfo(eventData, transform, x, y));\r\n }\r\n return moveX || moveY;\r\n};\r\n","// @ts-nocheck\r\n\r\nimport { ControlCursorCallback, TransformActionHandler } from '../typedefs';\r\nimport { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\r\nimport { isLocked, NOT_ALLOWED_CURSOR } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Find the correct style for the control that is used for rotation.\r\n * this function is very simple and it just take care of not-allowed or standard cursor\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const rotationStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (fabricObject.lockRotation) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n return control.cursorStyle;\r\n};\r\n\r\n/**\r\n * Action handler for rotation and snapping, without anchor point.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nconst rotateObjectWithSnapping: TransformActionHandler = (\r\n eventData,\r\n { target, ex, ey, theta, originX, originY },\r\n x,\r\n y\r\n) => {\r\n const pivotPoint = target.translateToOriginPoint(\r\n target.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n\r\n if (isLocked(target, 'lockRotation')) {\r\n return false;\r\n }\r\n\r\n const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x),\r\n curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x);\r\n let angle = radiansToDegrees(curAngle - lastAngle + theta);\r\n\r\n if (target.snapAngle && target.snapAngle > 0) {\r\n const snapAngle = target.snapAngle,\r\n snapThreshold = target.snapThreshold || snapAngle,\r\n rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle,\r\n leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle;\r\n\r\n if (Math.abs(angle - leftAngleLocked) < snapThreshold) {\r\n angle = leftAngleLocked;\r\n } else if (Math.abs(angle - rightAngleLocked) < snapThreshold) {\r\n angle = rightAngleLocked;\r\n }\r\n }\r\n\r\n // normalize angle to positive value\r\n if (angle < 0) {\r\n angle = 360 + angle;\r\n }\r\n angle %= 360;\r\n\r\n const hasRotated = target.angle !== angle;\r\n // TODO: why aren't we using set?\r\n target.angle = angle;\r\n return hasRotated;\r\n};\r\n\r\nexport const rotationWithSnapping = wrapWithFireEvent(\r\n 'rotating',\r\n wrapWithFixedAnchor(rotateObjectWithSnapping)\r\n);\r\n","import type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n invertOrigin,\r\n isLocked,\r\n isTransformCentered,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\ntype ScaleTransform = Transform & {\r\n gestureScale?: number;\r\n signX?: number;\r\n signY?: number;\r\n};\r\n\r\ntype ScaleBy = TAxis | 'equally' | '' | undefined;\r\n\r\n/**\r\n * Inspect event and fabricObject properties to understand if the scaling action\r\n * @param {Event} eventData from the user action\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @return {Boolean} true if scale is proportional\r\n */\r\nexport function scaleIsProportional(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject\r\n): boolean {\r\n const canvas = fabricObject.canvas as Canvas,\r\n uniformIsToggled = eventData[canvas.uniScaleKey];\r\n return (\r\n (canvas.uniformScaling && !uniformIsToggled) ||\r\n (!canvas.uniformScaling && uniformIsToggled)\r\n );\r\n}\r\n\r\n/**\r\n * Inspect fabricObject to understand if the current scaling action is allowed\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @param {String} by 'x' or 'y' or ''\r\n * @param {Boolean} scaleProportionally true if we are trying to scale proportionally\r\n * @return {Boolean} true if scaling is not allowed at current conditions\r\n */\r\nexport function scalingIsForbidden(\r\n fabricObject: FabricObject,\r\n by: ScaleBy,\r\n scaleProportionally: boolean\r\n) {\r\n const lockX = isLocked(fabricObject, 'lockScalingX'),\r\n lockY = isLocked(fabricObject, 'lockScalingY');\r\n if (lockX && lockY) {\r\n return true;\r\n }\r\n if (!by && (lockX || lockY) && scaleProportionally) {\r\n return true;\r\n }\r\n if (lockX && by === 'x') {\r\n return true;\r\n }\r\n if (lockY && by === 'y') {\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nconst scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'];\r\n\r\n/**\r\n * return the correct cursor style for the scale action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n const scaleProportionally = scaleIsProportional(eventData, fabricObject),\r\n by =\r\n control.x !== 0 && control.y === 0\r\n ? 'x'\r\n : control.x === 0 && control.y !== 0\r\n ? 'y'\r\n : '';\r\n if (scalingIsForbidden(fabricObject, by, scaleProportionally)) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control);\r\n return `${scaleMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @param {Object} options additional information for scaling\r\n * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nfunction scaleObject(\r\n eventData: TPointerEvent,\r\n transform: ScaleTransform,\r\n x: number,\r\n y: number,\r\n options: { by?: ScaleBy } = {}\r\n) {\r\n const target = transform.target,\r\n by = options.by,\r\n scaleProportionally = scaleIsProportional(eventData, target),\r\n forbidScaling = scalingIsForbidden(target, by, scaleProportionally);\r\n let newPoint, scaleX, scaleY, dim, signX, signY;\r\n\r\n if (forbidScaling) {\r\n return false;\r\n }\r\n if (transform.gestureScale) {\r\n scaleX = transform.scaleX * transform.gestureScale;\r\n scaleY = transform.scaleY * transform.gestureScale;\r\n } else {\r\n newPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // use of sign: We use sign to detect change of direction of an action. sign usually change when\r\n // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling\r\n // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily\r\n // cross many time the origin point and flip the object. so we need a way to filter out the noise.\r\n // This ternary here should be ok to filter out X scaling when we want Y only and vice versa.\r\n signX = by !== 'y' ? Math.sign(newPoint.x) : 1;\r\n signY = by !== 'x' ? Math.sign(newPoint.y) : 1;\r\n if (!transform.signX) {\r\n transform.signX = signX;\r\n }\r\n if (!transform.signY) {\r\n transform.signY = signY;\r\n }\r\n\r\n if (\r\n isLocked(target, 'lockScalingFlip') &&\r\n (transform.signX !== signX || transform.signY !== signY)\r\n ) {\r\n return false;\r\n }\r\n\r\n dim = target._getTransformedDimensions();\r\n // missing detection of flip and logic to switch the origin\r\n if (scaleProportionally && !by) {\r\n // uniform scaling\r\n const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y),\r\n { original } = transform,\r\n originalDistance =\r\n Math.abs((dim.x * original.scaleX) / target.scaleX) +\r\n Math.abs((dim.y * original.scaleY) / target.scaleY),\r\n scale = distance / originalDistance;\r\n scaleX = original.scaleX * scale;\r\n scaleY = original.scaleY * scale;\r\n } else {\r\n scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x);\r\n scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y);\r\n }\r\n // if we are scaling by center, we need to double the scale\r\n if (isTransformCentered(transform)) {\r\n scaleX *= 2;\r\n scaleY *= 2;\r\n }\r\n if (transform.signX !== signX && by !== 'y') {\r\n transform.originX = invertOrigin(transform.originX);\r\n scaleX *= -1;\r\n transform.signX = signX;\r\n }\r\n if (transform.signY !== signY && by !== 'x') {\r\n transform.originY = invertOrigin(transform.originY);\r\n scaleY *= -1;\r\n transform.signY = signY;\r\n }\r\n }\r\n // minScale is taken are in the setter.\r\n const oldScaleX = target.scaleX,\r\n oldScaleY = target.scaleY;\r\n if (!by) {\r\n !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX);\r\n !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY);\r\n } else {\r\n // forbidden cases already handled on top here.\r\n by === 'x' && target.set('scaleX', scaleX);\r\n by === 'y' && target.set('scaleY', scaleY);\r\n }\r\n return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY;\r\n}\r\n\r\n/**\r\n * Generic scaling logic, to scale from corners either equally or freely.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scaleObjectFromCorner: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Scaling logic for the X axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'x' });\r\n};\r\n\r\n/**\r\n * Scaling logic for the Y axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'y' });\r\n};\r\n\r\nexport const scalingEqually = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectFromCorner)\r\n);\r\n\r\nexport const scalingX = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectX)\r\n);\r\n\r\nexport const scalingY = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectY)\r\n);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TAxisKey,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n isLocked,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport type SkewTransform = Transform & { skewingSide: -1 | 1 };\r\n\r\nconst AXIS_KEYS: Record<\r\n TAxis,\r\n {\r\n counterAxis: TAxis;\r\n scale: TAxisKey<'scale'>;\r\n skew: TAxisKey<'skew'>;\r\n lockSkewing: TAxisKey<'lockSkewing'>;\r\n origin: TAxisKey<'origin'>;\r\n flip: TAxisKey<'flip'>;\r\n }\r\n> = {\r\n x: {\r\n counterAxis: 'y',\r\n scale: 'scaleX',\r\n skew: 'skewX',\r\n lockSkewing: 'lockSkewingX',\r\n origin: 'originX',\r\n flip: 'flipX',\r\n },\r\n y: {\r\n counterAxis: 'x',\r\n scale: 'scaleY',\r\n skew: 'skewY',\r\n lockSkewing: 'lockSkewingY',\r\n origin: 'originY',\r\n flip: 'flipY',\r\n },\r\n};\r\n\r\nconst skewMap = ['ns', 'nesw', 'ew', 'nwse'];\r\n\r\n/**\r\n * return the correct cursor style for the skew action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const skewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control) % 4;\r\n return `${skewMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Since skewing is applied before scaling, calculations are done in a scaleless plane\r\n * @see https://github.com/fabricjs/fabric.js/pull/8380\r\n */\r\nfunction skewObject(\r\n axis: TAxis,\r\n { target, ex, ey, skewingSide, ...transform }: SkewTransform,\r\n pointer: Point\r\n) {\r\n const { skew: skewKey } = AXIS_KEYS[axis],\r\n offset = pointer\r\n .subtract(new Point(ex, ey))\r\n .divide(new Point(target.scaleX, target.scaleY))[axis],\r\n skewingBefore = target[skewKey],\r\n skewingStart = transform[skewKey],\r\n shearingStart = Math.tan(degreesToRadians(skewingStart)),\r\n // let a, b be the size of target\r\n // let a' be the value of a after applying skewing\r\n // then:\r\n // a' = a + b * skewA => skewA = (a' - a) / b\r\n // the value b is tricky since skewY is applied before skewX\r\n b =\r\n axis === 'y'\r\n ? target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n // since skewY is applied before skewX, b (=width) is not affected by skewX\r\n skewX: 0,\r\n }).x\r\n : target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n }).y;\r\n\r\n const shearing =\r\n (2 * offset * skewingSide) /\r\n // we max out fractions to safeguard from asymptotic behavior\r\n Math.max(b, 1) +\r\n // add starting state\r\n shearingStart;\r\n\r\n const skewing = radiansToDegrees(Math.atan(shearing));\r\n\r\n target.set(skewKey, skewing);\r\n const changed = skewingBefore !== target[skewKey];\r\n\r\n if (changed && axis === 'y') {\r\n // we don't want skewing to affect scaleX\r\n // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer\r\n const { skewX, scaleX } = target,\r\n dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }),\r\n dimAfter = target._getTransformedDimensions(),\r\n compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1;\r\n compensationFactor !== 1 &&\r\n target.set('scaleX', compensationFactor * scaleX);\r\n }\r\n\r\n return changed;\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on a given axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nfunction skewHandler(\r\n axis: TAxis,\r\n eventData: TPointerEvent,\r\n transform: Transform,\r\n x: number,\r\n y: number\r\n) {\r\n const { target } = transform,\r\n {\r\n counterAxis,\r\n origin: originKey,\r\n lockSkewing: lockSkewingKey,\r\n skew: skewKey,\r\n flip: flipKey,\r\n } = AXIS_KEYS[axis];\r\n if (isLocked(target, lockSkewingKey)) {\r\n return false;\r\n }\r\n\r\n const { origin: counterOriginKey, flip: counterFlipKey } =\r\n AXIS_KEYS[counterAxis],\r\n counterOriginFactor =\r\n resolveOrigin(transform[counterOriginKey]) *\r\n (target[counterFlipKey] ? -1 : 1),\r\n // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively.\r\n // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively.\r\n // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer,\r\n // so we factor skewing direction by this value.\r\n skewingSide = (-Math.sign(counterOriginFactor) *\r\n (target[flipKey] ? -1 : 1)) as 1 | -1,\r\n skewingDirection =\r\n ((target[skewKey] === 0 &&\r\n // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing\r\n getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) ||\r\n // in case target has skewing we use that as the direction\r\n target[skewKey] > 0\r\n ? 1\r\n : -1) * skewingSide,\r\n // anchor to the opposite side of the skewing direction\r\n // normalize value from [-1, 1] to origin value [0, 1]\r\n origin = -skewingDirection * 0.5 + 0.5;\r\n\r\n const finalHandler = wrapWithFireEvent(\r\n 'skewing',\r\n wrapWithFixedAnchor((eventData, transform, x, y) =>\r\n skewObject(axis, transform, new Point(x, y))\r\n )\r\n );\r\n\r\n return finalHandler(\r\n eventData,\r\n {\r\n ...transform,\r\n [originKey]: origin,\r\n skewingSide,\r\n },\r\n x,\r\n y\r\n );\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the X axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('x', eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the Y axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('y', eventData, transform, x, y);\r\n};\r\n","import type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n ControlCallback,\r\n ControlCursorCallback,\r\n TAxisKey,\r\n TPointerEvent,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport { scaleCursorStyleHandler, scalingX, scalingY } from './scale';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\n\r\nfunction isAltAction(eventData: TPointerEvent, target: FabricObject) {\r\n return eventData[(target.canvas as Canvas)?.altActionKey];\r\n}\r\n\r\n/**\r\n * Inspect event, control and fabricObject to return the correct action name\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} an action name\r\n */\r\nexport const scaleOrSkewActionName: ControlCallback<\r\n TAxisKey<'skew' | 'scale'> | undefined\r\n> = (eventData, control, fabricObject) => {\r\n const isAlternative = isAltAction(eventData, fabricObject);\r\n if (control.x === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewX' : 'scaleY';\r\n }\r\n if (control.y === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewY' : 'scaleX';\r\n }\r\n};\r\n\r\n/**\r\n * Combine skew and scale style handlers to cover fabric standard use case\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleSkewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n return isAltAction(eventData, fabricObject)\r\n ? skewCursorStyleHandler(eventData, control, fabricObject)\r\n : scaleCursorStyleHandler(eventData, control, fabricObject);\r\n};\r\n/**\r\n * Composed action handler to either scale X or skew Y\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingXOrSkewingY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerY(eventData, transform, x, y)\r\n : scalingX(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Composed action handler to either scale Y or skew X\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingYOrSkewingX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerX(eventData, transform, x, y)\r\n : scalingY(eventData, transform, x, y);\r\n};\r\n","import { fabric } from '../../HEADER';\r\nimport { changeWidth } from './changeWidth';\r\nimport { renderCircleControl, renderSquareControl } from './controls.render';\r\nimport { dragHandler } from './drag';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport {\r\n scaleCursorStyleHandler,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n} from './scale';\r\nimport {\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './scaleSkew';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\nimport { getLocalPoint, getActionFromCorner } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n getActionFromCorner,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n\r\n/**\r\n * @todo remove as unused\r\n */\r\nfabric.controlsUtils = {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n","//@ts-nocheck\r\nimport { dragHandler, getActionFromCorner } from './controls/actions';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { Transform } from './typedefs';\r\nimport { saveObjectTransform } from './util/misc/objectTransforms';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n getPointer = fabric.util.getPointer,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n isTouchEvent = fabric.util.isTouchEvent;\r\n\r\n /**\r\n * Canvas class\r\n * @class fabric.Canvas\r\n * @extends fabric.StaticCanvas\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas}\r\n * @see {@link fabric.Canvas#initialize} for constructor definition\r\n *\r\n * @fires object:modified at the end of a transform or any change when statefull is true\r\n * @fires object:rotating while an object is being rotated from the control\r\n * @fires object:scaling while an object is being scaled by controls\r\n * @fires object:moving while an object is being dragged\r\n * @fires object:skewing while an object is being skewed from the controls\r\n *\r\n * @fires before:transform before a transform is is started\r\n * @fires before:selection:cleared\r\n * @fires selection:cleared\r\n * @fires selection:updated\r\n * @fires selection:created\r\n *\r\n * @fires path:created after a drawing operation ends and the path is added\r\n * @fires mouse:down\r\n * @fires mouse:move\r\n * @fires mouse:up\r\n * @fires mouse:down:before on mouse down, before the inner fabric logic runs\r\n * @fires mouse:move:before on mouse move, before the inner fabric logic runs\r\n * @fires mouse:up:before on mouse up, before the inner fabric logic runs\r\n * @fires mouse:over\r\n * @fires mouse:out\r\n * @fires mouse:dblclick whenever a native dbl click event fires on the canvas.\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drag:enter object drag enter\r\n * @fires drag:leave object drag leave\r\n * @fires drop:before before drop event. Prepare for the drop event (same native event).\r\n * @fires drop\r\n * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event).\r\n * @example\r\n * let a: fabric.Object, b: fabric.Object;\r\n * let flag = false;\r\n * canvas.add(a, b);\r\n * a.on('drop:before', opt => {\r\n * // we want a to accept the drop even though it's below b in the stack\r\n * flag = this.canDrop(opt.e);\r\n * });\r\n * b.canDrop = function(e) {\r\n * !flag && this.callSuper('canDrop', e);\r\n * }\r\n * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black'));\r\n * a.on('drop', opt => {\r\n * opt.e.defaultPrevented // drop occured\r\n * opt.didDrop // drop occured on canvas\r\n * opt.target // drop target\r\n * opt.target !== a && a.set('text', 'I lost');\r\n * });\r\n * canvas.on('drop:after', opt => {\r\n * // inform user who won\r\n * if(!opt.e.defaultPrevented) {\r\n * // no winners\r\n * }\r\n * else if(!opt.didDrop) {\r\n * // my objects didn't win, some other lucky object\r\n * }\r\n * else {\r\n * // we have a winner it's opt.target!!\r\n * }\r\n * })\r\n *\r\n * @fires after:render at the end of the render process, receives the context in the callback\r\n * @fires before:render at start the render process, receives the context in the callback\r\n *\r\n * @fires contextmenu:before\r\n * @fires contextmenu\r\n * @example\r\n * let handler;\r\n * targets.forEach(target => {\r\n * target.on('contextmenu:before', opt => {\r\n * // decide which target should handle the event before canvas hijacks it\r\n * if (someCaseHappens && opt.targets.includes(target)) {\r\n * handler = target;\r\n * }\r\n * });\r\n * target.on('contextmenu', opt => {\r\n * // do something fantastic\r\n * });\r\n * });\r\n * canvas.on('contextmenu', opt => {\r\n * if (!handler) {\r\n * // no one takes responsibility, it's always left to me\r\n * // let's show them how it's done!\r\n * }\r\n * });\r\n *\r\n */\r\n fabric.Canvas = fabric.util.createClass(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n this._initInteractive();\r\n this._createCacheCanvas();\r\n },\r\n\r\n /**\r\n * When true, objects can be transformed by one side (unproportionally)\r\n * when dragged on the corners that normally would not do that.\r\n * @type Boolean\r\n * @default\r\n * @since fabric 4.0 // changed name and default value\r\n */\r\n uniformScaling: true,\r\n\r\n /**\r\n * Indicates which key switches uniform scaling.\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * totally wrong named. this sounds like `uniform scaling`\r\n * if Canvas.uniformScaling is true, pressing this will set it to false\r\n * and viceversa.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n uniScaleKey: 'shiftKey',\r\n\r\n /**\r\n * When true, objects use center point as the origin of scale transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false,\r\n\r\n /**\r\n * When true, objects use center point as the origin of rotate transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: false,\r\n\r\n /**\r\n * Indicates which key enable centered Transform\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n centeredKey: 'altKey',\r\n\r\n /**\r\n * Indicates which key enable alternate action on corner\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n altActionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates that canvas is interactive. This property should not be changed.\r\n * @type Boolean\r\n * @default\r\n */\r\n interactive: true,\r\n\r\n /**\r\n * Indicates whether group selection should be enabled\r\n * @type Boolean\r\n * @default\r\n */\r\n selection: true,\r\n\r\n /**\r\n * Indicates which key or keys enable multiple click selection\r\n * Pass value as a string or array of strings\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or empty or containing any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey|ModifierKey[]\r\n * @default\r\n */\r\n selectionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates which key enable alternative selection\r\n * in case of target overlapping with active object\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * For a series of reason that come from the general expectations on how\r\n * things should work, this feature works only for preserveObjectStacking true.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.5\r\n * @type null|ModifierKey\r\n * @default\r\n */\r\n altSelectionKey: null,\r\n\r\n /**\r\n * Color of selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: 'rgba(100, 100, 255, 0.3)', // blue\r\n\r\n /**\r\n * Default dash array pattern\r\n * If not empty the selection border is dashed\r\n * @type Array\r\n */\r\n selectionDashArray: [],\r\n\r\n /**\r\n * Color of the border of selection (usually slightly darker than color of selection itself)\r\n * @type String\r\n * @default\r\n */\r\n selectionBorderColor: 'rgba(255, 255, 255, 0.3)',\r\n\r\n /**\r\n * Width of a line used in object/group selection\r\n * @type Number\r\n * @default\r\n */\r\n selectionLineWidth: 1,\r\n\r\n /**\r\n * Select only shapes that are fully contained in the dragged selection rectangle.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectionFullyContained: false,\r\n\r\n /**\r\n * Default cursor value used when hovering over an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n hoverCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used when moving an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n moveCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used for the entire canvas\r\n * @type String\r\n * @default\r\n */\r\n defaultCursor: 'default',\r\n\r\n /**\r\n * Cursor value used during free drawing\r\n * @type String\r\n * @default\r\n */\r\n freeDrawingCursor: 'crosshair',\r\n\r\n /**\r\n * Cursor value used for disabled elements ( corners with disabled action )\r\n * @type String\r\n * @since 2.0.0\r\n * @default\r\n */\r\n notAllowedCursor: 'not-allowed',\r\n\r\n /**\r\n * Default element class that's given to wrapper (div) element of canvas\r\n * @type String\r\n * @default\r\n */\r\n containerClass: 'canvas-container',\r\n\r\n /**\r\n * When true, object detection happens on per-pixel basis rather than on per-bounding-box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: false,\r\n\r\n /**\r\n * Number of pixels around target pixel to tolerate (consider active) during object detection\r\n * @type Number\r\n * @default\r\n */\r\n targetFindTolerance: 0,\r\n\r\n /**\r\n * When true, target detection is skipped. Target detection will return always undefined.\r\n * click selection won't work anymore, events will fire with no targets.\r\n * if something is selected before setting it to true, it will be deselected at the first click.\r\n * area selection will still work. check the `selection` property too.\r\n * if you deactivate both, you should look into staticCanvas.\r\n * @type Boolean\r\n * @default\r\n */\r\n skipTargetFind: false,\r\n\r\n /**\r\n * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing.\r\n * After mousedown, mousemove creates a shape,\r\n * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas.\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing}\r\n * @type Boolean\r\n * @default\r\n */\r\n isDrawingMode: false,\r\n\r\n /**\r\n * Indicates whether objects should remain in current stack position when selected.\r\n * When false objects are brought to top and rendered as part of the selection group\r\n * @type Boolean\r\n * @default\r\n */\r\n preserveObjectStacking: false,\r\n\r\n /**\r\n * Indicates if the right click on canvas can output the context menu or not\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n stopContextMenu: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire right click events\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n fireRightClick: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire middle click events\r\n * @type Boolean\r\n * @since 1.7.8\r\n * @default\r\n */\r\n fireMiddleClick: false,\r\n\r\n /**\r\n * Keep track of the subTargets for Mouse Events\r\n * @type fabric.Object[]\r\n */\r\n targets: [],\r\n\r\n /**\r\n * When the option is enabled, PointerEvent is used instead of MouseEvent.\r\n * @type Boolean\r\n * @default\r\n */\r\n enablePointerEvents: false,\r\n\r\n /**\r\n * Keep track of the hovered target\r\n * @type fabric.Object\r\n * @private\r\n */\r\n _hoveredTarget: null,\r\n\r\n /**\r\n * hold the list of nested targets hovered\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _hoveredTargets: [],\r\n\r\n /**\r\n * hold the list of objects to render\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _objectsToRender: undefined,\r\n\r\n /**\r\n * @private\r\n */\r\n _initInteractive: function () {\r\n this._currentTransform = null;\r\n this._groupSelector = null;\r\n this._initWrapperElement();\r\n this._createUpperCanvas();\r\n this._initEventListeners();\r\n\r\n this._initRetinaScaling();\r\n\r\n this.freeDrawingBrush =\r\n fabric.PencilBrush && new fabric.PencilBrush(this);\r\n\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this._objectsToRender = undefined;\r\n this.callSuper('_onObjectAdded', obj);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n this._objectsToRender = undefined;\r\n // removing active object should fire \"selection:cleared\" events\r\n if (obj === this._activeObject) {\r\n this.fire('before:selection:cleared', { target: obj });\r\n this._discardActiveObject();\r\n this.fire('selection:cleared', { target: obj });\r\n obj.fire('deselected');\r\n }\r\n if (obj === this._hoveredTarget) {\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n this.callSuper('_onObjectRemoved', obj);\r\n },\r\n\r\n /**\r\n * Divides objects in two groups, one to render immediately\r\n * and one to render as activeGroup.\r\n * @return {Array} objects to render immediately and pushes the other in the activeGroup.\r\n */\r\n _chooseObjectsToRender: function () {\r\n var activeObjects = this.getActiveObjects(),\r\n object,\r\n objsToRender,\r\n activeGroupObjects;\r\n\r\n if (!this.preserveObjectStacking && activeObjects.length > 1) {\r\n objsToRender = [];\r\n activeGroupObjects = [];\r\n for (var i = 0, length = this._objects.length; i < length; i++) {\r\n object = this._objects[i];\r\n if (activeObjects.indexOf(object) === -1) {\r\n objsToRender.push(object);\r\n } else {\r\n activeGroupObjects.push(object);\r\n }\r\n }\r\n if (activeObjects.length > 1) {\r\n this._activeObject._objects = activeGroupObjects;\r\n }\r\n objsToRender.push.apply(objsToRender, activeGroupObjects);\r\n }\r\n // in case a single object is selected render it's entire parent above the other objects\r\n else if (!this.preserveObjectStacking && activeObjects.length === 1) {\r\n var target = activeObjects[0],\r\n ancestors = target.getAncestors(true);\r\n var topAncestor = ancestors.length === 0 ? target : ancestors.pop();\r\n objsToRender = this._objects.slice();\r\n var index = objsToRender.indexOf(topAncestor);\r\n index > -1 &&\r\n objsToRender.splice(objsToRender.indexOf(topAncestor), 1);\r\n objsToRender.push(topAncestor);\r\n } else {\r\n objsToRender = this._objects;\r\n }\r\n return objsToRender;\r\n },\r\n\r\n /**\r\n * Renders both the top canvas and the secondary container canvas.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n if (\r\n this.contextTopDirty &&\r\n !this._groupSelector &&\r\n !this.isDrawingMode\r\n ) {\r\n this.clearContext(this.contextTop);\r\n this.contextTopDirty = false;\r\n }\r\n if (this.hasLostContext) {\r\n this.renderTopLayer(this.contextTop);\r\n this.hasLostContext = false;\r\n }\r\n !this._objectsToRender &&\r\n (this._objectsToRender = this._chooseObjectsToRender());\r\n this.renderCanvas(this.contextContainer, this._objectsToRender);\r\n return this;\r\n },\r\n\r\n renderTopLayer: function (ctx) {\r\n ctx.save();\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush && this.freeDrawingBrush._render();\r\n this.contextTopDirty = true;\r\n }\r\n // we render the top context - last object\r\n if (this.selection && this._groupSelector) {\r\n this._drawSelection(ctx);\r\n this.contextTopDirty = true;\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Method to render only the top canvas.\r\n * Also used to render the group selection box.\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n renderTop: function () {\r\n var ctx = this.contextTop;\r\n this.clearContext(ctx);\r\n this.renderTopLayer(ctx);\r\n this.fire('after:render');\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _normalizePointer: function (object, pointer) {\r\n var m = object.calcTransformMatrix(),\r\n invertedM = fabric.util.invertTransform(m),\r\n vptPointer = this.restorePointerVpt(pointer);\r\n return fabric.util.transformPoint(vptPointer, invertedM);\r\n },\r\n\r\n /**\r\n * Returns true if object is transparent at a certain location\r\n * @param {fabric.Object} target Object to check\r\n * @param {Number} x Left coordinate\r\n * @param {Number} y Top coordinate\r\n * @return {Boolean}\r\n */\r\n isTargetTransparent: function (target, x, y) {\r\n // in case the target is the activeObject, we cannot execute this optimization\r\n // because we need to draw controls too.\r\n if (\r\n target.shouldCache() &&\r\n target._cacheCanvas &&\r\n target !== this._activeObject\r\n ) {\r\n var normalizedPointer = this._normalizePointer(target, {\r\n x: x,\r\n y: y,\r\n }),\r\n targetRelativeX = Math.max(\r\n target.cacheTranslationX + normalizedPointer.x * target.zoomX,\r\n 0\r\n ),\r\n targetRelativeY = Math.max(\r\n target.cacheTranslationY + normalizedPointer.y * target.zoomY,\r\n 0\r\n );\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n target._cacheContext,\r\n Math.round(targetRelativeX),\r\n Math.round(targetRelativeY),\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n }\r\n\r\n var ctx = this.contextCache,\r\n originalColor = target.selectionBackgroundColor,\r\n v = this.viewportTransform;\r\n\r\n target.selectionBackgroundColor = '';\r\n\r\n this.clearContext(ctx);\r\n\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n target.render(ctx);\r\n ctx.restore();\r\n\r\n target.selectionBackgroundColor = originalColor;\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n ctx,\r\n x,\r\n y,\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n },\r\n\r\n /**\r\n * takes an event and determines if selection key has been pressed\r\n * @private\r\n * @param {Event} e Event object\r\n */\r\n _isSelectionKeyPressed: function (e) {\r\n var selectionKeyPressed = false;\r\n\r\n if (Array.isArray(this.selectionKey)) {\r\n selectionKeyPressed = !!this.selectionKey.find(function (key) {\r\n return e[key] === true;\r\n });\r\n } else {\r\n selectionKeyPressed = e[this.selectionKey];\r\n }\r\n\r\n return selectionKeyPressed;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _shouldClearSelection: function (e, target) {\r\n var activeObjects = this.getActiveObjects(),\r\n activeObject = this._activeObject;\r\n\r\n return (\r\n !target ||\r\n (target &&\r\n activeObject &&\r\n activeObjects.length > 1 &&\r\n activeObjects.indexOf(target) === -1 &&\r\n activeObject !== target &&\r\n !this._isSelectionKeyPressed(e)) ||\r\n (target && !target.evented) ||\r\n (target &&\r\n !target.selectable &&\r\n activeObject &&\r\n activeObject !== target)\r\n );\r\n },\r\n\r\n /**\r\n * centeredScaling from object can't override centeredScaling from canvas.\r\n * this should be fixed, since object setting should take precedence over canvas.\r\n * also this should be something that will be migrated in the control properties.\r\n * as ability to define the origin of the transformation that the control provide.\r\n * @private\r\n * @param {fabric.Object} target\r\n * @param {String} action\r\n * @param {Boolean} altKey\r\n */\r\n _shouldCenterTransform: function (target, action, altKey) {\r\n if (!target) {\r\n return;\r\n }\r\n\r\n var centerTransform;\r\n\r\n if (\r\n action === 'scale' ||\r\n action === 'scaleX' ||\r\n action === 'scaleY' ||\r\n action === 'resizing'\r\n ) {\r\n centerTransform = this.centeredScaling || target.centeredScaling;\r\n } else if (action === 'rotate') {\r\n centerTransform = this.centeredRotation || target.centeredRotation;\r\n }\r\n\r\n return centerTransform ? !altKey : altKey;\r\n },\r\n\r\n /**\r\n * should disappear before release 4.0\r\n * @private\r\n */\r\n _getOriginFromCorner: function (target, corner) {\r\n var origin = {\r\n x: target.originX,\r\n y: target.originY,\r\n };\r\n\r\n if (corner === 'ml' || corner === 'tl' || corner === 'bl') {\r\n origin.x = 'right';\r\n } else if (corner === 'mr' || corner === 'tr' || corner === 'br') {\r\n origin.x = 'left';\r\n }\r\n\r\n if (corner === 'tl' || corner === 'mt' || corner === 'tr') {\r\n origin.y = 'bottom';\r\n } else if (corner === 'bl' || corner === 'mb' || corner === 'br') {\r\n origin.y = 'top';\r\n }\r\n return origin;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _setupCurrentTransform: function (e, target, alreadySelected) {\r\n if (!target) {\r\n return;\r\n }\r\n var pointer = this.getPointer(e);\r\n if (target.group) {\r\n // transform pointer to target's containing coordinate plane\r\n pointer = fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(target.group.calcTransformMatrix())\r\n );\r\n }\r\n var corner = target.__corner,\r\n control = target.controls[corner],\r\n actionHandler =\r\n alreadySelected && corner\r\n ? control.getActionHandler(e, target, control)\r\n : dragHandler,\r\n action = getActionFromCorner(alreadySelected, corner, e, target),\r\n origin = this._getOriginFromCorner(target, corner),\r\n altKey = e[this.centeredKey],\r\n /**\r\n * relative to target's containing coordinate plane\r\n * both agree on every point\r\n **/\r\n transform: Transform = {\r\n target: target,\r\n action: action,\r\n actionHandler: actionHandler,\r\n corner: corner,\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n offsetX: pointer.x - target.left,\r\n offsetY: pointer.y - target.top,\r\n originX: origin.x,\r\n originY: origin.y,\r\n ex: pointer.x,\r\n ey: pointer.y,\r\n lastX: pointer.x,\r\n lastY: pointer.y,\r\n theta: degreesToRadians(target.angle),\r\n width: target.width,\r\n height: target.height,\r\n shiftKey: e.shiftKey,\r\n altKey: altKey,\r\n original: saveObjectTransform(target),\r\n };\r\n\r\n if (this._shouldCenterTransform(target, action, altKey)) {\r\n transform.originX = 'center';\r\n transform.originY = 'center';\r\n }\r\n transform.original.originX = origin.x;\r\n transform.original.originY = origin.y;\r\n this._currentTransform = transform;\r\n this._beforeTransform(e);\r\n },\r\n\r\n /**\r\n * Set the cursor type of the canvas element\r\n * @param {String} value Cursor type of the canvas element.\r\n * @see http://www.w3.org/TR/css3-ui/#cursor\r\n */\r\n setCursor: function (value) {\r\n this.upperCanvasEl.style.cursor = value;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx to draw the selection on\r\n */\r\n _drawSelection: function (ctx) {\r\n var selector = this._groupSelector,\r\n viewportStart = new Point(selector.ex, selector.ey),\r\n start = fabric.util.transformPoint(\r\n viewportStart,\r\n this.viewportTransform\r\n ),\r\n viewportExtent = new Point(\r\n selector.ex + selector.left,\r\n selector.ey + selector.top\r\n ),\r\n extent = fabric.util.transformPoint(\r\n viewportExtent,\r\n this.viewportTransform\r\n ),\r\n minX = Math.min(start.x, extent.x),\r\n minY = Math.min(start.y, extent.y),\r\n maxX = Math.max(start.x, extent.x),\r\n maxY = Math.max(start.y, extent.y),\r\n strokeOffset = this.selectionLineWidth / 2;\r\n\r\n if (this.selectionColor) {\r\n ctx.fillStyle = this.selectionColor;\r\n ctx.fillRect(minX, minY, maxX - minX, maxY - minY);\r\n }\r\n\r\n if (!this.selectionLineWidth || !this.selectionBorderColor) {\r\n return;\r\n }\r\n ctx.lineWidth = this.selectionLineWidth;\r\n ctx.strokeStyle = this.selectionBorderColor;\r\n\r\n minX += strokeOffset;\r\n minY += strokeOffset;\r\n maxX -= strokeOffset;\r\n maxY -= strokeOffset;\r\n // selection border\r\n FabricObject.prototype._setLineDash.call(\r\n this,\r\n ctx,\r\n this.selectionDashArray\r\n );\r\n ctx.strokeRect(minX, minY, maxX - minX, maxY - minY);\r\n },\r\n\r\n /**\r\n * Method that determines what object we are clicking on\r\n * the skipGroup parameter is for internal use, is needed for shift+click action\r\n * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target\r\n * or the outside part of the corner.\r\n * @param {Event} e mouse event\r\n * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through\r\n * @return {fabric.Object} the target found\r\n */\r\n findTarget: function (e, skipGroup) {\r\n if (this.skipTargetFind) {\r\n return;\r\n }\r\n\r\n var ignoreZoom = true,\r\n pointer = this.getPointer(e, ignoreZoom),\r\n activeObject = this._activeObject,\r\n aObjects = this.getActiveObjects(),\r\n activeTarget,\r\n activeTargetSubs,\r\n isTouch = isTouchEvent(e),\r\n shouldLookForActive =\r\n (aObjects.length > 1 && !skipGroup) || aObjects.length === 1;\r\n\r\n // first check current group (if one exists)\r\n // active group does not check sub targets like normal groups.\r\n // if active group just exits.\r\n this.targets = [];\r\n\r\n // if we hit the corner of an activeObject, let's return that.\r\n if (\r\n shouldLookForActive &&\r\n activeObject._findTargetCorner(pointer, isTouch)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length > 1 &&\r\n activeObject.type === 'activeSelection' &&\r\n !skipGroup &&\r\n this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length === 1 &&\r\n activeObject === this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n if (!this.preserveObjectStacking) {\r\n return activeObject;\r\n } else {\r\n activeTarget = activeObject;\r\n activeTargetSubs = this.targets;\r\n this.targets = [];\r\n }\r\n }\r\n var target = this.searchPossibleTargets(this._objects, pointer);\r\n if (\r\n e[this.altSelectionKey] &&\r\n target &&\r\n activeTarget &&\r\n target !== activeTarget\r\n ) {\r\n target = activeTarget;\r\n this.targets = activeTargetSubs;\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Checks point is inside the object.\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @param {fabric.Object} obj Object to test against\r\n * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target.\r\n * @return {Boolean} true if point is contained within an area of given object\r\n * @private\r\n */\r\n _checkTarget: function (pointer, obj, globalPointer) {\r\n if (\r\n obj &&\r\n obj.visible &&\r\n obj.evented &&\r\n // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html\r\n // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html\r\n obj.containsPoint(pointer)\r\n ) {\r\n if (\r\n (this.perPixelTargetFind || obj.perPixelTargetFind) &&\r\n !obj.isEditing\r\n ) {\r\n var isTransparent = this.isTargetTransparent(\r\n obj,\r\n globalPointer.x,\r\n globalPointer.y\r\n );\r\n if (!isTransparent) {\r\n return true;\r\n }\r\n } else {\r\n return true;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object from given `objects`** that contains pointer\r\n * @private\r\n */\r\n _searchPossibleTargets: function (objects, pointer) {\r\n // Cache all targets where their bounding box contains point.\r\n var target,\r\n i = objects.length,\r\n subTarget;\r\n // Do not check for currently grouped objects, since we check the parent group itself.\r\n // until we call this function specifically to search inside the activeGroup\r\n while (i--) {\r\n var objToCheck = objects[i];\r\n var pointerToUse = objToCheck.group\r\n ? this._normalizePointer(objToCheck.group, pointer)\r\n : pointer;\r\n if (this._checkTarget(pointerToUse, objToCheck, pointer)) {\r\n target = objects[i];\r\n if (target.subTargetCheck && Array.isArray(target._objects)) {\r\n subTarget = this._searchPossibleTargets(target._objects, pointer);\r\n subTarget && this.targets.push(subTarget);\r\n }\r\n break;\r\n }\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @see {@link fabric.Canvas#_searchPossibleTargets}\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object on screen** that contains pointer\r\n */\r\n searchPossibleTargets: function (objects, pointer) {\r\n var target = this._searchPossibleTargets(objects, pointer);\r\n return target && target.interactive && this.targets[0]\r\n ? this.targets[0]\r\n : target;\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates without the effect of the viewport\r\n * @param {Object} pointer with \"x\" and \"y\" number values\r\n * @return {Object} object with \"x\" and \"y\" number values\r\n */\r\n restorePointerVpt: function (pointer) {\r\n return fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(this.viewportTransform)\r\n );\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates relative to canvas.\r\n * Can return coordinates with or without viewportTransform.\r\n * ignoreVpt false gives back coordinates that represent\r\n * the point clicked on canvas element.\r\n * ignoreVpt true gives back coordinates after being processed\r\n * by the viewportTransform ( sort of coordinates of what is displayed\r\n * on the canvas where you are clicking.\r\n * ignoreVpt true = HTMLElement coordinates relative to top,left\r\n * ignoreVpt false, default = fabric space coordinates, the same used for shape position\r\n * To interact with your shapes top and left you want to use ignoreVpt true\r\n * most of the time, while ignoreVpt false will give you coordinates\r\n * compatible with the object.oCoords system.\r\n * of the time.\r\n * @param {Event} e\r\n * @param {Boolean} ignoreVpt\r\n * @return {Point}\r\n */\r\n getPointer: function (e, ignoreVpt) {\r\n // return cached values if we are in the event processing chain\r\n if (this._absolutePointer && !ignoreVpt) {\r\n return this._absolutePointer;\r\n }\r\n if (this._pointer && ignoreVpt) {\r\n return this._pointer;\r\n }\r\n\r\n var pointer = getPointer(e),\r\n upperCanvasEl = this.upperCanvasEl,\r\n bounds = upperCanvasEl.getBoundingClientRect(),\r\n boundsWidth = bounds.width || 0,\r\n boundsHeight = bounds.height || 0,\r\n cssScale;\r\n\r\n if (!boundsWidth || !boundsHeight) {\r\n if ('top' in bounds && 'bottom' in bounds) {\r\n boundsHeight = Math.abs(bounds.top - bounds.bottom);\r\n }\r\n if ('right' in bounds && 'left' in bounds) {\r\n boundsWidth = Math.abs(bounds.right - bounds.left);\r\n }\r\n }\r\n\r\n this.calcOffset();\r\n pointer.x = pointer.x - this._offset.left;\r\n pointer.y = pointer.y - this._offset.top;\r\n if (!ignoreVpt) {\r\n pointer = this.restorePointerVpt(pointer);\r\n }\r\n\r\n var retinaScaling = this.getRetinaScaling();\r\n if (retinaScaling !== 1) {\r\n pointer.x /= retinaScaling;\r\n pointer.y /= retinaScaling;\r\n }\r\n\r\n // If bounds are not available (i.e. not visible), do not apply scale.\r\n cssScale =\r\n boundsWidth === 0 || boundsHeight === 0\r\n ? new Point(1, 1)\r\n : new Point(\r\n upperCanvasEl.width / boundsWidth,\r\n upperCanvasEl.height / boundsHeight\r\n );\r\n\r\n return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n this._resetTransformEventData();\r\n return this.callSuper('setDimensions', dimensions, options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized\r\n */\r\n _createUpperCanvas: function () {\r\n var lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl;\r\n\r\n // if there is no upperCanvas (most common case) we create one.\r\n if (!upperCanvasEl) {\r\n upperCanvasEl = this._createCanvasElement();\r\n this.upperCanvasEl = upperCanvasEl;\r\n }\r\n // we assign the same classname of the lowerCanvas\r\n upperCanvasEl.className = lowerCanvasEl.className;\r\n // but then we remove the lower-canvas specific className\r\n upperCanvasEl.classList.remove('lower-canvas');\r\n // we add the specific upper-canvas class\r\n upperCanvasEl.classList.add('upper-canvas');\r\n upperCanvasEl.setAttribute('data-fabric', 'top');\r\n this.wrapperEl.appendChild(upperCanvasEl);\r\n\r\n this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl);\r\n this._applyCanvasStyle(upperCanvasEl);\r\n upperCanvasEl.setAttribute('draggable', 'true');\r\n this.contextTop = upperCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCacheCanvas: function () {\r\n this.cacheCanvasEl = this._createCanvasElement();\r\n this.cacheCanvasEl.setAttribute('width', this.width);\r\n this.cacheCanvasEl.setAttribute('height', this.height);\r\n this.contextCache = this.cacheCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initWrapperElement: function () {\r\n if (this.wrapperEl) {\r\n return;\r\n }\r\n const container = fabric.document.createElement('div');\r\n container.classList.add(this.containerClass);\r\n this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container);\r\n this.wrapperEl.setAttribute('data-fabric', 'wrapper');\r\n fabric.util.setStyle(this.wrapperEl, {\r\n width: this.width + 'px',\r\n height: this.height + 'px',\r\n position: 'relative',\r\n });\r\n fabric.util.makeElementUnselectable(this.wrapperEl);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement} element canvas element to apply styles on\r\n */\r\n _applyCanvasStyle: function (element) {\r\n var width = this.width || element.width,\r\n height = this.height || element.height;\r\n\r\n fabric.util.setStyle(element, {\r\n position: 'absolute',\r\n width: width + 'px',\r\n height: height + 'px',\r\n left: 0,\r\n top: 0,\r\n 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none',\r\n '-ms-touch-action': this.allowTouchScrolling\r\n ? 'manipulation'\r\n : 'none',\r\n });\r\n element.width = width;\r\n element.height = height;\r\n fabric.util.makeElementUnselectable(element);\r\n },\r\n\r\n /**\r\n * Copy the entire inline style from one element (fromEl) to another (toEl)\r\n * @private\r\n * @param {Element} fromEl Element style is copied from\r\n * @param {Element} toEl Element copied style is applied to\r\n */\r\n _copyCanvasStyle: function (fromEl, toEl) {\r\n toEl.style.cssText = fromEl.style.cssText;\r\n },\r\n\r\n /**\r\n * Returns context of top canvas where interactions are drawn\r\n * @returns {CanvasRenderingContext2D}\r\n */\r\n getTopContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where object selection is drawn\r\n * @alias\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getSelectionContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns <canvas> element on which object selection is drawn\r\n * @return {HTMLCanvasElement}\r\n */\r\n getSelectionElement: function () {\r\n return this.upperCanvasEl;\r\n },\r\n\r\n /**\r\n * Returns currently active object\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObject: function () {\r\n return this._activeObject;\r\n },\r\n\r\n /**\r\n * Returns an array with the current selected objects\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObjects: function () {\r\n var active = this._activeObject;\r\n if (active) {\r\n if (active.type === 'activeSelection' && active._objects) {\r\n return active._objects.slice(0);\r\n } else {\r\n return [active];\r\n }\r\n }\r\n return [];\r\n },\r\n\r\n /**\r\n * @private\r\n * Compares the old activeObject with the current one and fires correct events\r\n * @param {fabric.Object} obj old activeObject\r\n */\r\n _fireSelectionEvents: function (oldObjects, e) {\r\n var somethingChanged = false,\r\n objects = this.getActiveObjects(),\r\n added = [],\r\n removed = [],\r\n invalidate = false;\r\n oldObjects.forEach(function (oldObject) {\r\n if (objects.indexOf(oldObject) === -1) {\r\n somethingChanged = true;\r\n oldObject.fire('deselected', {\r\n e: e,\r\n target: oldObject,\r\n });\r\n removed.push(oldObject);\r\n }\r\n });\r\n objects.forEach(function (object) {\r\n if (oldObjects.indexOf(object) === -1) {\r\n somethingChanged = true;\r\n object.fire('selected', {\r\n e: e,\r\n target: object,\r\n });\r\n added.push(object);\r\n }\r\n });\r\n if (oldObjects.length > 0 && objects.length > 0) {\r\n invalidate = true;\r\n somethingChanged &&\r\n this.fire('selection:updated', {\r\n e: e,\r\n selected: added,\r\n deselected: removed,\r\n });\r\n } else if (objects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:created', {\r\n e: e,\r\n selected: added,\r\n });\r\n } else if (oldObjects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:cleared', {\r\n e: e,\r\n deselected: removed,\r\n });\r\n }\r\n invalidate && (this._objectsToRender = undefined);\r\n },\r\n\r\n /**\r\n * Sets given object as the only active object on canvas\r\n * @param {fabric.Object} object Object to set as an active one\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setActiveObject: function (object, e) {\r\n var currentActives = this.getActiveObjects();\r\n this._setActiveObject(object, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to setActiveObject but without firing\r\n * any event. There is commitment to have this stay this way.\r\n * This is the functional part of setActiveObject.\r\n * @private\r\n * @param {Object} object to set as active\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {Boolean} true if the selection happened\r\n */\r\n _setActiveObject: function (object, e) {\r\n if (this._activeObject === object) {\r\n return false;\r\n }\r\n if (!this._discardActiveObject(e, object)) {\r\n return false;\r\n }\r\n if (object.onSelect({ e: e })) {\r\n return false;\r\n }\r\n this._activeObject = object;\r\n return true;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to discardActiveObject but without firing\r\n * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way.\r\n * This is the functional part of discardActiveObject.\r\n * @param {Event} [e] Event (passed along when firing \"object:deselected\")\r\n * @param {Object} object to set as active\r\n * @return {Boolean} true if the selection happened\r\n * @private\r\n */\r\n _discardActiveObject: function (e, object) {\r\n var obj = this._activeObject;\r\n if (obj) {\r\n // onDeselect return TRUE to cancel selection;\r\n if (obj.onDeselect({ e: e, object: object })) {\r\n return false;\r\n }\r\n if (this._currentTransform && this._currentTransform.target === obj) {\r\n this.endCurrentTransform(e);\r\n }\r\n this._activeObject = null;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * Discards currently active object and fire events. If the function is called by fabric\r\n * as a consequence of a mouse event, the event is passed as a parameter and\r\n * sent to the fire function for the custom events. When used as a method the\r\n * e param does not have any application.\r\n * @param {event} e\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n discardActiveObject: function (e) {\r\n var currentActives = this.getActiveObjects(),\r\n activeObject = this.getActiveObject();\r\n if (currentActives.length) {\r\n this.fire('before:selection:cleared', { target: activeObject, e: e });\r\n }\r\n this._discardActiveObject(e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects, removes all event listeners and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n var wrapperEl = this.wrapperEl,\r\n lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl,\r\n cacheCanvasEl = this.cacheCanvasEl;\r\n this.removeListeners();\r\n this.callSuper('destroy');\r\n wrapperEl.removeChild(upperCanvasEl);\r\n wrapperEl.removeChild(lowerCanvasEl);\r\n this.contextCache = null;\r\n this.contextTop = null;\r\n fabric.util.cleanUpJsdomNode(upperCanvasEl);\r\n this.upperCanvasEl = undefined;\r\n fabric.util.cleanUpJsdomNode(cacheCanvasEl);\r\n this.cacheCanvasEl = undefined;\r\n if (wrapperEl.parentNode) {\r\n wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl);\r\n }\r\n delete this.wrapperEl;\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n // this.discardActiveGroup();\r\n this.discardActiveObject();\r\n this.clearContext(this.contextTop);\r\n return this.callSuper('clear');\r\n },\r\n\r\n /**\r\n * Draws objects' controls (borders/controls)\r\n * @param {CanvasRenderingContext2D} ctx Context to render controls on\r\n */\r\n drawControls: function (ctx) {\r\n var activeObject = this._activeObject;\r\n\r\n if (activeObject) {\r\n activeObject._renderControls(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n //If the object is part of the current selection group, it should\r\n //be transformed appropriately\r\n //i.e. it should be serialised as it would appear if the selection group\r\n //were to be destroyed.\r\n var originalProperties = this._realizeGroupTransformOnObject(instance),\r\n object = this.callSuper(\r\n '_toObject',\r\n instance,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n //Undo the damage we did by changing all of its properties\r\n originalProperties && instance.set(originalProperties);\r\n return object;\r\n },\r\n\r\n /**\r\n * Realises an object's group transformation on it\r\n * @private\r\n * @param {fabric.Object} [instance] the object to transform (gets mutated)\r\n * @returns the original values of instance which were changed\r\n */\r\n _realizeGroupTransformOnObject: function (instance) {\r\n if (\r\n instance.group &&\r\n instance.group.type === 'activeSelection' &&\r\n this._activeObject === instance.group\r\n ) {\r\n var layoutProps = [\r\n 'angle',\r\n 'flipX',\r\n 'flipY',\r\n 'left',\r\n 'scaleX',\r\n 'scaleY',\r\n 'skewX',\r\n 'skewY',\r\n 'top',\r\n ];\r\n //Copy all the positionally relevant properties across now\r\n var originalValues = {};\r\n layoutProps.forEach(function (prop) {\r\n originalValues[prop] = instance[prop];\r\n });\r\n fabric.util.addTransformToObject(\r\n instance,\r\n this._activeObject.calcOwnMatrix()\r\n );\r\n return originalValues;\r\n } else {\r\n return null;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n //If the object is in a selection group, simulate what would happen to that\r\n //object when the group is deselected\r\n var originalProperties = this._realizeGroupTransformOnObject(instance);\r\n this.callSuper('_setSVGObject', markup, instance, reviver);\r\n originalProperties && instance.set(originalProperties);\r\n },\r\n\r\n setViewportTransform: function (vpt) {\r\n if (\r\n this.renderOnAddRemove &&\r\n this._activeObject &&\r\n this._activeObject.isEditing\r\n ) {\r\n this._activeObject.clearContextTop();\r\n }\r\n fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt);\r\n },\r\n }\r\n );\r\n\r\n // copying static properties manually to work around Opera's bug,\r\n // where \"prototype\" property is enumerable and overrides existing prototype\r\n for (var prop in fabric.StaticCanvas) {\r\n if (prop !== 'prototype') {\r\n fabric.Canvas[prop] = fabric.StaticCanvas[prop];\r\n }\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fireEvent } from '../util/fireEvent';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n addListener = fabric.util.addListener,\r\n removeListener = fabric.util.removeListener,\r\n RIGHT_CLICK = 3,\r\n MIDDLE_CLICK = 2,\r\n LEFT_CLICK = 1,\r\n addEventOptions = { passive: false };\r\n\r\n function checkClick(e, value) {\r\n return e.button && e.button === value - 1;\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Contains the id of the touch event that owns the fabric transform\r\n * @type Number\r\n * @private\r\n */\r\n mainTouchId: null,\r\n\r\n /**\r\n * Adds mouse listeners to canvas\r\n * @private\r\n */\r\n _initEventListeners: function () {\r\n // in case we initialized the class twice. This should not happen normally\r\n // but in some kind of applications where the canvas element may be changed\r\n // this is a workaround to having double listeners.\r\n this.removeListeners();\r\n this._bindEvents();\r\n this.addOrRemove(addListener, 'add');\r\n },\r\n\r\n /**\r\n * return an event prefix pointer or mouse.\r\n * @private\r\n */\r\n _getEventPrefix: function () {\r\n return this.enablePointerEvents ? 'pointer' : 'mouse';\r\n },\r\n\r\n addOrRemove: function (functor, eventjsFunctor) {\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n functor(fabric.window, 'resize', this._onResize);\r\n functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown);\r\n functor(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut);\r\n functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter);\r\n functor(canvasElement, 'wheel', this._onMouseWheel);\r\n functor(canvasElement, 'contextmenu', this._onContextMenu);\r\n functor(canvasElement, 'dblclick', this._onDoubleClick);\r\n functor(canvasElement, 'dragstart', this._onDragStart);\r\n functor(canvasElement, 'dragend', this._onDragEnd);\r\n functor(canvasElement, 'dragover', this._onDragOver);\r\n functor(canvasElement, 'dragenter', this._onDragEnter);\r\n functor(canvasElement, 'dragleave', this._onDragLeave);\r\n functor(canvasElement, 'drop', this._onDrop);\r\n if (!this.enablePointerEvents) {\r\n functor(\r\n canvasElement,\r\n 'touchstart',\r\n this._onTouchStart,\r\n addEventOptions\r\n );\r\n }\r\n if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) {\r\n eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture);\r\n eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'orientation',\r\n this._onOrientationChange\r\n );\r\n eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'longpress',\r\n this._onLongPress\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Removes all event listeners\r\n */\r\n removeListeners: function () {\r\n this.addOrRemove(removeListener, 'remove');\r\n // if you dispose on a mouseDown, before mouse up, you need to clean document to...\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _bindEvents: function () {\r\n if (this.eventsBound) {\r\n // for any reason we pass here twice we do not want to bind events twice.\r\n return;\r\n }\r\n this._onMouseDown = this._onMouseDown.bind(this);\r\n this._onTouchStart = this._onTouchStart.bind(this);\r\n this._onMouseMove = this._onMouseMove.bind(this);\r\n this._onMouseUp = this._onMouseUp.bind(this);\r\n this._onTouchEnd = this._onTouchEnd.bind(this);\r\n this._onResize = this._onResize.bind(this);\r\n this._onGesture = this._onGesture.bind(this);\r\n this._onDrag = this._onDrag.bind(this);\r\n this._onShake = this._onShake.bind(this);\r\n this._onLongPress = this._onLongPress.bind(this);\r\n this._onOrientationChange = this._onOrientationChange.bind(this);\r\n this._onMouseWheel = this._onMouseWheel.bind(this);\r\n this._onMouseOut = this._onMouseOut.bind(this);\r\n this._onMouseEnter = this._onMouseEnter.bind(this);\r\n this._onContextMenu = this._onContextMenu.bind(this);\r\n this._onDoubleClick = this._onDoubleClick.bind(this);\r\n this._onDragStart = this._onDragStart.bind(this);\r\n this._onDragEnd = this._onDragEnd.bind(this);\r\n this._onDragProgress = this._onDragProgress.bind(this);\r\n this._onDragOver = this._onDragOver.bind(this);\r\n this._onDragEnter = this._onDragEnter.bind(this);\r\n this._onDragLeave = this._onDragLeave.bind(this);\r\n this._onDrop = this._onDrop.bind(this);\r\n this.eventsBound = true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js gesture\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onGesture: function (e, self) {\r\n this.__onTransformGesture && this.__onTransformGesture(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js drag\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onDrag: function (e, self) {\r\n this.__onDrag && this.__onDrag(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on wheel event\r\n */\r\n _onMouseWheel: function (e) {\r\n this.__onMouseWheel(e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseOut: function (e) {\r\n var target = this._hoveredTarget;\r\n this.fire('mouse:out', { target: target, e: e });\r\n this._hoveredTarget = null;\r\n target && target.fire('mouseout', { e: e });\r\n\r\n this._hoveredTargets.forEach(function (nestedTarget) {\r\n this.fire('mouse:out', { target: nestedTarget, e: e });\r\n nestedTarget && nestedTarget.fire('mouseout', { e: e });\r\n }, this);\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseenter\r\n */\r\n _onMouseEnter: function (e) {\r\n // This find target and consequent 'mouse:over' is used to\r\n // clear old instances on hovered target.\r\n // calling findTarget has the side effect of killing target.__corner.\r\n // as a short term fix we are not firing this if we are currently transforming.\r\n // as a long term fix we need to separate the action of finding a target with the\r\n // side effects we added to it.\r\n if (!this._currentTransform && !this.findTarget(e)) {\r\n this.fire('mouse:over', { target: null, e: e });\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js orientation change\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onOrientationChange: function (e, self) {\r\n this.__onOrientationChange && this.__onOrientationChange(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onShake: function (e, self) {\r\n this.__onShake && this.__onShake(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onLongPress: function (e, self) {\r\n this.__onLongPress && this.__onLongPress(e, self);\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragStart: function (e) {\r\n var activeObject = this.getActiveObject();\r\n if (\r\n activeObject &&\r\n typeof activeObject.onDragStart === 'function' &&\r\n activeObject.onDragStart(e)\r\n ) {\r\n this._dragSource = activeObject;\r\n var options = { e: e, target: activeObject };\r\n this.fire('dragstart', options);\r\n activeObject.fire('dragstart', options);\r\n addListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n return;\r\n }\r\n e.preventDefault();\r\n e.stopPropagation();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _renderDragEffects: function (e, source, target) {\r\n var ctx = this.contextTop;\r\n if (source) {\r\n source.clearContextTop(true);\r\n source.renderDragSourceEffect(e);\r\n }\r\n if (target) {\r\n if (target !== source) {\r\n ctx.restore();\r\n ctx.save();\r\n target.clearContextTop(true);\r\n }\r\n target.renderDropTargetEffect(e);\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragEnd: function (e) {\r\n var didDrop = e.dataTransfer.dropEffect !== 'none',\r\n dropTarget = didDrop ? this._activeObject : undefined,\r\n options = {\r\n e: e,\r\n target: this._dragSource,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n didDrop: didDrop,\r\n dropTarget: dropTarget,\r\n };\r\n removeListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n this.fire('dragend', options);\r\n this._dragSource && this._dragSource.fire('dragend', options);\r\n delete this._dragSource;\r\n // we need to call mouse up synthetically because the browser won't\r\n this._onMouseUp(e);\r\n },\r\n\r\n /**\r\n * fire `drag` event on canvas and drag source\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragProgress: function (e) {\r\n var options = {\r\n e: e,\r\n dragSource: this._dragSource,\r\n dropTarget: this._draggedoverTarget,\r\n };\r\n this.fire('drag', options);\r\n this._dragSource && this._dragSource.fire('drag', options);\r\n },\r\n\r\n /**\r\n * prevent default to allow drop event to be fired\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragOver: function (e) {\r\n var eventType = 'dragover',\r\n target = this.findTarget(e),\r\n targets = this.targets,\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n dragSource: this._dragSource,\r\n canDrop: false,\r\n dropTarget: undefined,\r\n },\r\n dropTarget;\r\n // fire on canvas\r\n this.fire(eventType, options);\r\n // make sure we fire dragenter events before dragover\r\n // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it\r\n this._fireEnterLeaveEvents(target, options);\r\n if (target) {\r\n // render drag selection before rendering target cursor for correct visuals\r\n if (target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // propagate the event to subtargets\r\n for (var i = 0; i < targets.length; i++) {\r\n target = targets[i];\r\n // accept event only if previous targets didn't\r\n if (!e.defaultPrevented && target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // render drag effects now that relations between source and target is clear\r\n this._renderDragEffects(e, this._dragSource, dropTarget);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragEnter: function (e) {\r\n var target = this.findTarget(e);\r\n var options = {\r\n e: e,\r\n target: target,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragenter', options);\r\n // fire dragenter on targets\r\n this._fireEnterLeaveEvents(target, options);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragLeave: function (e) {\r\n var options = {\r\n e: e,\r\n target: this._draggedoverTarget,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragleave', options);\r\n // fire dragleave on targets\r\n this._fireEnterLeaveEvents(null, options);\r\n // clear targets\r\n this.targets = [];\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * `drop:before` is a an event that allows you to schedule logic\r\n * before the `drop` event. Prefer `drop` event always, but if you need\r\n * to run some drop-disabling logic on an event, since there is no way\r\n * to handle event handlers ordering, use `drop:before`\r\n * @private\r\n * @param {Event} e\r\n */\r\n _onDrop: function (e) {\r\n var options = this._simpleEventHandler('drop:before', e, {\r\n dragSource: this._dragSource,\r\n pointer: this.getPointer(e),\r\n });\r\n // will be set by the drop target\r\n options.didDrop = false;\r\n // will be set by the drop target, used in case options.target refuses the drop\r\n options.dropTarget = undefined;\r\n // fire `drop`\r\n this._basicEventHandler('drop', options);\r\n // inform canvas of the drop\r\n // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it\r\n // use for side effects\r\n this.fire('drop:after', options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onContextMenu: function (e) {\r\n var options = this._simpleEventHandler('contextmenu:before', e);\r\n if (this.stopContextMenu) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }\r\n this._basicEventHandler('contextmenu', options);\r\n return false;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onDoubleClick: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'dblclick');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Return a the id of an event.\r\n * returns either the pointerId or the identifier or 0 for the mouse event\r\n * @private\r\n * @param {Event} evt Event object\r\n */\r\n getPointerId: function (evt) {\r\n var changedTouches = evt.changedTouches;\r\n\r\n if (changedTouches) {\r\n return changedTouches[0] && changedTouches[0].identifier;\r\n }\r\n\r\n if (this.enablePointerEvents) {\r\n return evt.pointerId;\r\n }\r\n\r\n return -1;\r\n },\r\n\r\n /**\r\n * Determines if an event has the id of the event that is considered main\r\n * @private\r\n * @param {evt} event Event object\r\n */\r\n _isMainEvent: function (evt) {\r\n if (evt.isPrimary === true) {\r\n return true;\r\n }\r\n if (evt.isPrimary === false) {\r\n return false;\r\n }\r\n if (evt.type === 'touchend' && evt.touches.length === 0) {\r\n return true;\r\n }\r\n if (evt.changedTouches) {\r\n return evt.changedTouches[0].identifier === this.mainTouchId;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchStart: function (e) {\r\n e.preventDefault();\r\n if (this.mainTouchId === null) {\r\n this.mainTouchId = this.getPointerId(e);\r\n }\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n addListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n addListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n // Unbind mousedown to prevent double triggers from touch devices\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'down',\r\n this._onMouseDown\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDown: function (e) {\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp);\r\n addListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchEnd: function (e) {\r\n if (e.touches.length > 0) {\r\n // if there are still touches stop here\r\n return;\r\n }\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n this.mainTouchId = null;\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n var _this = this;\r\n if (this._willAddMouseDown) {\r\n clearTimeout(this._willAddMouseDown);\r\n }\r\n this._willAddMouseDown = setTimeout(function () {\r\n // Wait 400ms before rebinding mousedown to prevent double triggers\r\n // from touch devices\r\n addListener(\r\n _this.upperCanvasEl,\r\n eventTypePrefix + 'down',\r\n _this._onMouseDown\r\n );\r\n _this._willAddMouseDown = 0;\r\n }, 400);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUp: function (e) {\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n if (this._isMainEvent(e)) {\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMove: function (e) {\r\n var activeObject = this.getActiveObject();\r\n !this.allowTouchScrolling &&\r\n (!activeObject || !activeObject.__isDragging) &&\r\n e.preventDefault &&\r\n e.preventDefault();\r\n this.__onMouseMove(e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _onResize: function () {\r\n this.calcOffset();\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Decides whether the canvas should be redrawn in mouseup and mousedown events.\r\n * @private\r\n * @param {Object} target\r\n */\r\n _shouldRender: function (target) {\r\n var activeObject = this._activeObject;\r\n\r\n if (\r\n !!activeObject !== !!target ||\r\n (activeObject && target && activeObject !== target)\r\n ) {\r\n // this covers: switch of target, from target to no target, selection of target\r\n // multiSelection with key and mouse\r\n return true;\r\n } else if (activeObject && activeObject.isEditing) {\r\n // if we mouse up/down over a editing textbox a cursor change,\r\n // there is no need to re render\r\n return false;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is released on canvas.\r\n * The method resets the currentTransform parameters, store the image corner\r\n * position in the image object and render the canvas on top.\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseUp: function (e) {\r\n var target,\r\n transform = this._currentTransform,\r\n groupSelector = this._groupSelector,\r\n shouldRender = false,\r\n isClick =\r\n !groupSelector ||\r\n (groupSelector.left === 0 && groupSelector.top === 0);\r\n this._cacheTransformEventData(e);\r\n target = this._target;\r\n this._handleEvent(e, 'up:before');\r\n // if right/middle click just fire events and return\r\n // target undefined will make the _handleEvent search the target\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'up', RIGHT_CLICK, isClick);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'up', MIDDLE_CLICK, isClick);\r\n }\r\n this._resetTransformEventData();\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this._onMouseUpInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n if (transform) {\r\n this._finalizeCurrentTransform(e);\r\n shouldRender = transform.actionPerformed;\r\n }\r\n if (!isClick) {\r\n var targetWasActive = target === this._activeObject;\r\n this._maybeGroupObjects(e);\r\n if (!shouldRender) {\r\n shouldRender =\r\n this._shouldRender(target) ||\r\n (!targetWasActive && target === this._activeObject);\r\n }\r\n }\r\n var corner, pointer;\r\n if (target) {\r\n corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n if (\r\n target.selectable &&\r\n target !== this._activeObject &&\r\n target.activeOn === 'up'\r\n ) {\r\n this.setActiveObject(target, e);\r\n shouldRender = true;\r\n } else {\r\n var control = target.controls[corner],\r\n mouseUpHandler =\r\n control && control.getMouseUpHandler(e, target, control);\r\n if (mouseUpHandler) {\r\n pointer = this.getPointer(e);\r\n mouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n }\r\n target.isMoving = false;\r\n }\r\n // if we are ending up a transform on a different control or a new object\r\n // fire the original mouse up from the corner that started the transform\r\n if (\r\n transform &&\r\n (transform.target !== target || transform.corner !== corner)\r\n ) {\r\n var originalControl =\r\n transform.target && transform.target.controls[transform.corner],\r\n originalMouseUpHandler =\r\n originalControl &&\r\n originalControl.getMouseUpHandler(e, target, control);\r\n pointer = pointer || this.getPointer(e);\r\n originalMouseUpHandler &&\r\n originalMouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n this._setCursorFromEvent(e, target);\r\n this._handleEvent(e, 'up', LEFT_CLICK, isClick);\r\n this._groupSelector = null;\r\n this._currentTransform = null;\r\n // reset the target information about which corner is selected\r\n target && (target.__corner = 0);\r\n if (shouldRender) {\r\n this.requestRenderAll();\r\n } else if (!isClick) {\r\n this.renderTop();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {object} [data] event data overrides\r\n * @return {object} options\r\n */\r\n _simpleEventHandler: function (eventType, e, data) {\r\n var target = this.findTarget(e),\r\n subTargets = this.targets || [];\r\n return this._basicEventHandler(\r\n eventType,\r\n Object.assign(\r\n {},\r\n {\r\n e: e,\r\n target: target,\r\n subTargets: subTargets,\r\n },\r\n data\r\n )\r\n );\r\n },\r\n\r\n _basicEventHandler: function (eventType, options) {\r\n var target = options.target,\r\n subTargets = options.subTargets;\r\n this.fire(eventType, options);\r\n target && target.fire(eventType, options);\r\n for (var i = 0; i < subTargets.length; i++) {\r\n subTargets[i].fire(eventType, options);\r\n }\r\n return options;\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {fabric.Object} targetObj receiving event\r\n * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right\r\n * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move.\r\n */\r\n _handleEvent: function (e, eventType, button, isClick) {\r\n var target = this._target,\r\n targets = this.targets || [],\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n button: button || LEFT_CLICK,\r\n isClick: isClick || false,\r\n pointer: this._pointer,\r\n absolutePointer: this._absolutePointer,\r\n transform: this._currentTransform,\r\n };\r\n if (eventType === 'up') {\r\n options.currentTarget = this.findTarget(e);\r\n options.currentSubTargets = this.targets;\r\n }\r\n this.fire('mouse:' + eventType, options);\r\n target && target.fire('mouse' + eventType, options);\r\n for (var i = 0; i < targets.length; i++) {\r\n targets[i].fire('mouse' + eventType, options);\r\n }\r\n },\r\n\r\n /**\r\n * End the current transfrom.\r\n * You don't usually need to call this method unless you are interupting a user initiated transform\r\n * because of some other event ( a press of key combination, or something that block the user UX )\r\n * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n endCurrentTransform: function (e) {\r\n var transform = this._currentTransform;\r\n this._finalizeCurrentTransform(e);\r\n if (transform && transform.target) {\r\n // this could probably go inside _finalizeCurrentTransform\r\n transform.target.isMoving = false;\r\n }\r\n this._currentTransform = null;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n _finalizeCurrentTransform: function (e) {\r\n var transform = this._currentTransform,\r\n target = transform.target,\r\n options = {\r\n e: e,\r\n target: target,\r\n transform: transform,\r\n action: transform.action,\r\n };\r\n\r\n if (target._scaling) {\r\n target._scaling = false;\r\n }\r\n\r\n target.setCoords();\r\n\r\n if (\r\n transform.actionPerformed ||\r\n (this.stateful && target.hasStateChanged())\r\n ) {\r\n this._fire('modified', options);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDownInDrawingMode: function (e) {\r\n this._isCurrentlyDrawing = true;\r\n if (this.getActiveObject()) {\r\n this.discardActiveObject(e).requestRenderAll();\r\n }\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer });\r\n this._handleEvent(e, 'down');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMoveInDrawingMode: function (e) {\r\n if (this._isCurrentlyDrawing) {\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseMove(pointer, {\r\n e: e,\r\n pointer: pointer,\r\n });\r\n }\r\n this.setCursor(this.freeDrawingCursor);\r\n this._handleEvent(e, 'move');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUpInDrawingMode: function (e) {\r\n var pointer = this.getPointer(e);\r\n this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({\r\n e: e,\r\n pointer: pointer,\r\n });\r\n this._handleEvent(e, 'up');\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is clicked on canvas.\r\n * The method inits the currentTransform parameters and renders all the\r\n * canvas so the current image can be placed on the top canvas and the rest\r\n * in on the container one.\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n __onMouseDown: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'down:before');\r\n var target = this._target;\r\n // if right click just fire events\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'down', RIGHT_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'down', MIDDLE_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseDownInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n // ignore if some object is being transformed at this moment\r\n if (this._currentTransform) {\r\n return;\r\n }\r\n\r\n var pointer = this._pointer;\r\n // save pointer for check in __onMouseUp event\r\n this._previousPointer = pointer;\r\n var shouldRender = this._shouldRender(target),\r\n shouldGroup = this._shouldGroup(e, target);\r\n if (this._shouldClearSelection(e, target)) {\r\n this.discardActiveObject(e);\r\n } else if (shouldGroup) {\r\n this._handleGrouping(e, target);\r\n target = this._activeObject;\r\n }\r\n\r\n if (\r\n this.selection &&\r\n (!target ||\r\n (!target.selectable &&\r\n !target.isEditing &&\r\n target !== this._activeObject))\r\n ) {\r\n this._groupSelector = {\r\n ex: this._absolutePointer.x,\r\n ey: this._absolutePointer.y,\r\n top: 0,\r\n left: 0,\r\n };\r\n }\r\n\r\n if (target) {\r\n var alreadySelected = target === this._activeObject;\r\n if (target.selectable && target.activeOn === 'down') {\r\n this.setActiveObject(target, e);\r\n }\r\n var corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n target.__corner = corner;\r\n if (target === this._activeObject && (corner || !shouldGroup)) {\r\n this._setupCurrentTransform(e, target, alreadySelected);\r\n var control = target.controls[corner],\r\n pointer = this.getPointer(e),\r\n mouseDownHandler =\r\n control && control.getMouseDownHandler(e, target, control);\r\n if (mouseDownHandler) {\r\n mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y);\r\n }\r\n }\r\n }\r\n var invalidate = shouldRender || shouldGroup;\r\n // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering\r\n // run before firing the `down` event to give the dev a chance to populate it themselves\r\n invalidate && (this._objectsToRender = undefined);\r\n this._handleEvent(e, 'down');\r\n // we must renderAll so that we update the visuals\r\n invalidate && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * reset cache form common information needed during event processing\r\n * @private\r\n */\r\n _resetTransformEventData: function () {\r\n this._target = null;\r\n this._pointer = null;\r\n this._absolutePointer = null;\r\n },\r\n\r\n /**\r\n * Cache common information needed during event processing\r\n * @private\r\n * @param {Event} e Event object fired on event\r\n */\r\n _cacheTransformEventData: function (e) {\r\n // reset in order to avoid stale caching\r\n this._resetTransformEventData();\r\n this._pointer = this.getPointer(e, true);\r\n this._absolutePointer = this.restorePointerVpt(this._pointer);\r\n this._target = this._currentTransform\r\n ? this._currentTransform.target\r\n : this.findTarget(e) || null;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _beforeTransform: function (e) {\r\n var t = this._currentTransform;\r\n this.stateful && t.target.saveState();\r\n this.fire('before:transform', {\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is hovering the canvas.\r\n * The currentTransform parameter will define whether the user is rotating/scaling/translating\r\n * an image or neither of them (only hovering). A group selection is also possible and would cancel\r\n * all any other type of action.\r\n * In case of an image transformation only the top canvas will be rendered.\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n __onMouseMove: function (e) {\r\n this._handleEvent(e, 'move:before');\r\n this._cacheTransformEventData(e);\r\n var target, pointer;\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseMoveInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n var groupSelector = this._groupSelector;\r\n\r\n // We initially clicked in an empty area, so we draw a box for multiple selection\r\n if (groupSelector) {\r\n pointer = this._absolutePointer;\r\n\r\n groupSelector.left = pointer.x - groupSelector.ex;\r\n groupSelector.top = pointer.y - groupSelector.ey;\r\n\r\n this.renderTop();\r\n } else if (!this._currentTransform) {\r\n target = this.findTarget(e) || null;\r\n this._setCursorFromEvent(e, target);\r\n this._fireOverOutEvents(target, e);\r\n } else {\r\n this._transformObject(e);\r\n }\r\n this._handleEvent(e, 'move');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Manage the mouseout, mouseover events for the fabric object on the canvas\r\n * @param {Fabric.Object} target the target where the target from the mousemove event\r\n * @param {Event} e Event object fired on mousemove\r\n * @private\r\n */\r\n _fireOverOutEvents: function (target, e) {\r\n var _hoveredTarget = this._hoveredTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(\r\n target,\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTarget,\r\n evtOut: 'mouseout',\r\n canvasEvtOut: 'mouse:out',\r\n evtIn: 'mouseover',\r\n canvasEvtIn: 'mouse:over',\r\n }\r\n );\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(\r\n targets[i],\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'mouseout',\r\n evtIn: 'mouseover',\r\n }\r\n );\r\n }\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n },\r\n\r\n /**\r\n * Manage the dragEnter, dragLeave events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the onDrag event\r\n * @param {Object} data Event object fired on dragover\r\n * @private\r\n */\r\n _fireEnterLeaveEvents: function (target, data) {\r\n var _draggedoverTarget = this._draggedoverTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(target, data, {\r\n oldTarget: _draggedoverTarget,\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n canvasEvtIn: 'drag:enter',\r\n canvasEvtOut: 'drag:leave',\r\n });\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(targets[i], data, {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n });\r\n }\r\n this._draggedoverTarget = target;\r\n },\r\n\r\n /**\r\n * Manage the synthetic in/out events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the supported events\r\n * @param {Object} data Event object fired\r\n * @param {Object} config configuration for the function to work\r\n * @param {String} config.targetName property on the canvas where the old target is stored\r\n * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out\r\n * @param {String} config.evtOut name of the event to fire for out\r\n * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in\r\n * @param {String} config.evtIn name of the event to fire for in\r\n * @private\r\n */\r\n fireSyntheticInOutEvents: function (target, data, config) {\r\n var inOpt,\r\n outOpt,\r\n oldTarget = config.oldTarget,\r\n outFires,\r\n inFires,\r\n targetChanged = oldTarget !== target,\r\n canvasEvtIn = config.canvasEvtIn,\r\n canvasEvtOut = config.canvasEvtOut;\r\n if (targetChanged) {\r\n inOpt = Object.assign({}, data, {\r\n target: target,\r\n previousTarget: oldTarget,\r\n });\r\n outOpt = Object.assign({}, data, {\r\n target: oldTarget,\r\n nextTarget: target,\r\n });\r\n }\r\n inFires = target && targetChanged;\r\n outFires = oldTarget && targetChanged;\r\n if (outFires) {\r\n canvasEvtOut && this.fire(canvasEvtOut, outOpt);\r\n oldTarget.fire(config.evtOut, outOpt);\r\n }\r\n if (inFires) {\r\n canvasEvtIn && this.fire(canvasEvtIn, inOpt);\r\n target.fire(config.evtIn, inOpt);\r\n }\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event Mouse Wheel\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseWheel: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'wheel');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event fired on mousemove\r\n */\r\n _transformObject: function (e) {\r\n var pointer = this.getPointer(e),\r\n transform = this._currentTransform,\r\n target = transform.target,\r\n // transform pointer to target's containing coordinate plane\r\n // both pointer and object should agree on every point\r\n localPointer = target.group\r\n ? fabric.util.sendPointToPlane(\r\n pointer,\r\n undefined,\r\n target.group.calcTransformMatrix()\r\n )\r\n : pointer;\r\n\r\n transform.reset = false;\r\n transform.shiftKey = e.shiftKey;\r\n transform.altKey = e[this.centeredKey];\r\n\r\n this._performTransformAction(e, transform, localPointer);\r\n transform.actionPerformed && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _performTransformAction: function (e, transform, pointer) {\r\n var x = pointer.x,\r\n y = pointer.y,\r\n action = transform.action,\r\n actionPerformed = false,\r\n actionHandler = transform.actionHandler;\r\n // this object could be created from the function in the control handlers\r\n\r\n if (actionHandler) {\r\n actionPerformed = actionHandler(e, transform, x, y);\r\n }\r\n if (action === 'drag' && actionPerformed) {\r\n transform.target.isMoving = true;\r\n this.setCursor(transform.target.moveCursor || this.moveCursor);\r\n }\r\n transform.actionPerformed =\r\n transform.actionPerformed || actionPerformed;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _fire: function (eventName, options) {\r\n return fireEvent(eventName, options);\r\n },\r\n\r\n /**\r\n * Sets the cursor depending on where the canvas is being hovered.\r\n * Note: very buggy in Opera\r\n * @param {Event} e Event object\r\n * @param {Object} target Object that the mouse is hovering, if so.\r\n */\r\n _setCursorFromEvent: function (e, target) {\r\n if (!target) {\r\n this.setCursor(this.defaultCursor);\r\n return false;\r\n }\r\n var hoverCursor = target.hoverCursor || this.hoverCursor,\r\n activeSelection =\r\n this._activeObject && this._activeObject.type === 'activeSelection'\r\n ? this._activeObject\r\n : null,\r\n // only show proper corner when group selection is not active\r\n corner =\r\n (!activeSelection || !activeSelection.contains(target)) &&\r\n // here we call findTargetCorner always with undefined for the touch parameter.\r\n // we assume that if you are using a cursor you do not need to interact with\r\n // the bigger touch area.\r\n target._findTargetCorner(this.getPointer(e, true));\r\n\r\n if (!corner) {\r\n if (target.subTargetCheck) {\r\n // hoverCursor should come from top-most subTarget,\r\n // so we walk the array backwards\r\n this.targets\r\n .concat()\r\n .reverse()\r\n .map(function (_target) {\r\n hoverCursor = _target.hoverCursor || hoverCursor;\r\n });\r\n }\r\n this.setCursor(hoverCursor);\r\n } else {\r\n this.setCursor(this.getCornerCursor(corner, target, e));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n getCornerCursor: function (corner, target, e) {\r\n var control = target.controls[corner];\r\n return control.cursorStyleHandler(e, control, target);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n min = Math.min,\r\n max = Math.max;\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n * @return {Boolean}\r\n */\r\n _shouldGroup: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection.\r\n return (\r\n !!activeObject &&\r\n this._isSelectionKeyPressed(e) &&\r\n this.selection &&\r\n // on top of that the user also has to hit a target that is selectable.\r\n !!target &&\r\n target.selectable &&\r\n // if all pre-requisite pass, the target is either something different from the current\r\n // activeObject or if an activeSelection already exists\r\n // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear.\r\n // is a very old condition uncertain if still valid.\r\n (activeObject !== target ||\r\n activeObject.type === 'activeSelection') &&\r\n // make sure `activeObject` and `target` aren't ancestors of each other\r\n !target.isDescendantOf(activeObject) &&\r\n !activeObject.isDescendantOf(target) &&\r\n // target accepts selection\r\n !target.onSelect({ e: e })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _handleGrouping: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // avoid multi select when shift click on a corner\r\n if (activeObject.__corner) {\r\n return;\r\n }\r\n if (target === activeObject) {\r\n // if it's a group, find target again, using activeGroup objects\r\n target = this.findTarget(e, true);\r\n // if even object is not found or we are on activeObjectCorner, bail out\r\n if (!target || !target.selectable) {\r\n return;\r\n }\r\n }\r\n if (activeObject && activeObject.type === 'activeSelection') {\r\n this._updateActiveSelection(target, e);\r\n } else {\r\n this._createActiveSelection(target, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _updateActiveSelection: function (target, e) {\r\n var activeSelection = this._activeObject,\r\n currentActiveObjects = activeSelection._objects.slice(0);\r\n if (target.group === activeSelection) {\r\n activeSelection.remove(target);\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n if (activeSelection.size() === 1) {\r\n // activate last remaining object\r\n this._setActiveObject(activeSelection.item(0), e);\r\n }\r\n } else {\r\n activeSelection.add(target);\r\n this._hoveredTarget = activeSelection;\r\n this._hoveredTargets = this.targets.concat();\r\n }\r\n this._fireSelectionEvents(currentActiveObjects, e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createActiveSelection: function (target, e) {\r\n var currentActives = this.getActiveObjects(),\r\n group = this._createGroup(target);\r\n this._hoveredTarget = group;\r\n // ISSUE 4115: should we consider subTargets here?\r\n // this._hoveredTargets = [];\r\n // this._hoveredTargets = this.targets.concat();\r\n this._setActiveObject(group, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} target\r\n * @returns {fabric.ActiveSelection}\r\n */\r\n _createGroup: function (target) {\r\n var activeObject = this._activeObject;\r\n var groupObjects = target.isInFrontOf(activeObject)\r\n ? [activeObject, target]\r\n : [target, activeObject];\r\n activeObject.isEditing && activeObject.exitEditing();\r\n // handle case: target is nested\r\n return new fabric.ActiveSelection(groupObjects, {\r\n canvas: this,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e mouse event\r\n */\r\n _groupSelectedObjects: function (e) {\r\n var group = this._collectObjects(e),\r\n aGroup;\r\n\r\n // do not create group for 1 element only\r\n if (group.length === 1) {\r\n this.setActiveObject(group[0], e);\r\n } else if (group.length > 1) {\r\n aGroup = new fabric.ActiveSelection(group.reverse(), {\r\n canvas: this,\r\n });\r\n this.setActiveObject(aGroup, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _collectObjects: function (e) {\r\n var group = [],\r\n currentObject,\r\n x1 = this._groupSelector.ex,\r\n y1 = this._groupSelector.ey,\r\n x2 = x1 + this._groupSelector.left,\r\n y2 = y1 + this._groupSelector.top,\r\n selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)),\r\n selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)),\r\n allowIntersect = !this.selectionFullyContained,\r\n isClick = x1 === x2 && y1 === y2;\r\n // we iterate reverse order to collect top first in case of click.\r\n for (var i = this._objects.length; i--; ) {\r\n currentObject = this._objects[i];\r\n\r\n if (\r\n !currentObject ||\r\n !currentObject.selectable ||\r\n !currentObject.visible\r\n ) {\r\n continue;\r\n }\r\n\r\n if (\r\n (allowIntersect &&\r\n currentObject.intersectsWithRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n )) ||\r\n currentObject.isContainedWithinRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n ) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX1Y1, null, true)) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX2Y2, null, true))\r\n ) {\r\n group.push(currentObject);\r\n // only add one object if it's a click\r\n if (isClick) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (group.length > 1) {\r\n group = group.filter(function (object) {\r\n return !object.onSelect({ e: e });\r\n });\r\n }\r\n\r\n return group;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _maybeGroupObjects: function (e) {\r\n if (this.selection && this._groupSelector) {\r\n this._groupSelectedObjects(e);\r\n }\r\n this.setCursor(this.defaultCursor);\r\n // clear selection and current transformation\r\n this._groupSelector = null;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n * @see {@link https://jsfiddle.net/xsjua1rd/ demo}\r\n * @example Generate jpeg dataURL with lower quality\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'jpeg',\r\n * quality: 0.8\r\n * });\r\n * @example Generate cropped png dataURL (clipping of canvas)\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * left: 100,\r\n * top: 100,\r\n * width: 200,\r\n * height: 200\r\n * });\r\n * @example Generate double scaled png dataURL\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * multiplier: 2\r\n * });\r\n * @example Generate dataURL with objects that overlap a specified object\r\n * var myObject;\r\n * var dataURL = canvas.toDataURL({\r\n * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject)\r\n * });\r\n */\r\n toDataURL: function (options) {\r\n options || (options = {});\r\n\r\n var format = options.format || 'png',\r\n quality = options.quality || 1,\r\n multiplier =\r\n (options.multiplier || 1) *\r\n (options.enableRetinaScaling ? this.getRetinaScaling() : 1),\r\n canvasEl = this.toCanvasElement(multiplier, options);\r\n return fabric.util.toDataURL(canvasEl, format, quality);\r\n },\r\n\r\n /**\r\n * Create a new HTMLCanvas element painted with the current canvas content.\r\n * No need to resize the actual one or repaint it.\r\n * Will transfer object ownership to a new canvas, paint it, and set everything back.\r\n * This is an intermediary step used to get to a dataUrl but also it is useful to\r\n * create quick image copies of a canvas without passing for the dataUrl string\r\n * @param {Number} [multiplier] a zoom factor.\r\n * @param {Object} [options] Cropping informations\r\n * @param {Number} [options.left] Cropping left offset.\r\n * @param {Number} [options.top] Cropping top offset.\r\n * @param {Number} [options.width] Cropping width.\r\n * @param {Number} [options.height] Cropping height.\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n */\r\n toCanvasElement: function (multiplier, options) {\r\n multiplier = multiplier || 1;\r\n options = options || {};\r\n var scaledWidth = (options.width || this.width) * multiplier,\r\n scaledHeight = (options.height || this.height) * multiplier,\r\n zoom = this.getZoom(),\r\n originalWidth = this.width,\r\n originalHeight = this.height,\r\n newZoom = zoom * multiplier,\r\n vp = this.viewportTransform,\r\n translateX = (vp[4] - (options.left || 0)) * multiplier,\r\n translateY = (vp[5] - (options.top || 0)) * multiplier,\r\n originalInteractive = this.interactive,\r\n newVp = [newZoom, 0, 0, newZoom, translateX, translateY],\r\n originalRetina = this.enableRetinaScaling,\r\n canvasEl = fabric.util.createCanvasElement(),\r\n originalContextTop = this.contextTop,\r\n objectsToRender = options.filter\r\n ? this._objects.filter(options.filter)\r\n : this._objects;\r\n canvasEl.width = scaledWidth;\r\n canvasEl.height = scaledHeight;\r\n this.contextTop = null;\r\n this.enableRetinaScaling = false;\r\n this.interactive = false;\r\n this.viewportTransform = newVp;\r\n this.width = scaledWidth;\r\n this.height = scaledHeight;\r\n this.calcViewportBoundaries();\r\n this.renderCanvas(canvasEl.getContext('2d'), objectsToRender);\r\n this.viewportTransform = vp;\r\n this.width = originalWidth;\r\n this.height = originalHeight;\r\n this.calcViewportBoundaries();\r\n this.interactive = originalInteractive;\r\n this.enableRetinaScaling = originalRetina;\r\n this.contextTop = originalContextTop;\r\n return canvasEl;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Populates canvas with data from the specified JSON.\r\n * JSON format must conform to the one of {@link fabric.Canvas#toJSON}\r\n *\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n *\r\n * @param {String|Object} json JSON string or object\r\n * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created.\r\n * @param {Object} [options] options\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @return {Promise} instance\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo}\r\n * @example loadFromJSON\r\n * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll());\r\n * @example loadFromJSON with reviver\r\n * canvas.loadFromJSON(json, function(o, object) {\r\n * // `o` = json object\r\n * // `object` = fabric.Object instance\r\n * // ... do some stuff ...\r\n * }).then((canvas) => {\r\n * ... canvas is restored, add your code.\r\n * });\r\n *\r\n */\r\n loadFromJSON: function (json, reviver, options) {\r\n if (!json) {\r\n return Promise.reject(new Error('fabric.js: `json` is undefined'));\r\n }\r\n\r\n // serialize if it wasn't already\r\n var serialized =\r\n typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json);\r\n\r\n var _this = this,\r\n renderOnAddRemove = this.renderOnAddRemove;\r\n this.renderOnAddRemove = false;\r\n\r\n return Promise.all([\r\n fabric.util.enlivenObjects(serialized.objects || [], {\r\n reviver: reviver,\r\n signal: options && options.signal,\r\n }),\r\n fabric.util.enlivenObjectEnlivables(\r\n {\r\n backgroundImage: serialized.backgroundImage,\r\n backgroundColor: serialized.background,\r\n overlayImage: serialized.overlayImage,\r\n overlayColor: serialized.overlay,\r\n clipPath: serialized.clipPath,\r\n },\r\n { signal: options && options.signal }\r\n ),\r\n ]).then(function (res) {\r\n var enlived = res[0],\r\n enlivedMap = res[1];\r\n _this.clear();\r\n _this.__setupCanvas(serialized, enlived);\r\n _this.renderOnAddRemove = renderOnAddRemove;\r\n _this.set(enlivedMap);\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} serialized Object with background and overlay information\r\n * @param {Array} enlivenedObjects canvas objects\r\n */\r\n __setupCanvas: function (serialized, enlivenedObjects) {\r\n var _this = this;\r\n enlivenedObjects.forEach(function (obj, index) {\r\n // we splice the array just in case some custom classes restored from JSON\r\n // will add more object to canvas at canvas init.\r\n _this.insertAt(obj, index);\r\n });\r\n // remove parts i cannot set as options\r\n delete serialized.objects;\r\n delete serialized.backgroundImage;\r\n delete serialized.overlayImage;\r\n delete serialized.background;\r\n delete serialized.overlay;\r\n // this._initOptions does too many things to just\r\n // call it. Normally loading an Object from JSON\r\n // create the Object instance. Here the Canvas is\r\n // already an instance and we are just loading things over it\r\n this._setOptions(serialized);\r\n },\r\n\r\n /**\r\n * Clones canvas instance\r\n * @param {Array} [properties] Array of properties to include in the cloned canvas and children\r\n * @returns {Promise}\r\n */\r\n clone: function (properties) {\r\n var data = JSON.stringify(this.toJSON(properties));\r\n return this.cloneWithoutData().then(function (clone) {\r\n return clone.loadFromJSON(data);\r\n });\r\n },\r\n\r\n /**\r\n * Clones canvas instance without cloning existing data.\r\n * This essentially copies canvas dimensions, clipping properties, etc.\r\n * but leaves data empty (so that you can populate it with your own)\r\n * @returns {Promise}\r\n */\r\n cloneWithoutData: function () {\r\n var el = fabric.util.createCanvasElement();\r\n\r\n el.width = this.width;\r\n el.height = this.height;\r\n // this seems wrong. either Canvas or StaticCanvas\r\n var clone = new fabric.Canvas(el);\r\n var data = {};\r\n if (this.backgroundImage) {\r\n data.backgroundImage = this.backgroundImage.toObject();\r\n }\r\n if (this.backgroundColor) {\r\n data.background = this.backgroundColor.toObject\r\n ? this.backgroundColor.toObject()\r\n : this.backgroundColor;\r\n }\r\n return clone.loadFromJSON(data);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { scalingEqually } from '../controls/actions';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n radiansToDegrees = fabric.util.radiansToDegrees;\r\n\r\n /**\r\n * Adds support for multi-touch gestures using the Event.js library.\r\n * Fires the following custom events:\r\n * - touch:gesture\r\n * - touch:drag\r\n * - touch:orientation\r\n * - touch:shake\r\n * - touch:longpress\r\n */\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports\r\n * 2 finger gestures.\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onTransformGesture: function (e, self) {\r\n if (\r\n this.isDrawingMode ||\r\n !e.touches ||\r\n e.touches.length !== 2 ||\r\n 'gesture' !== self.gesture\r\n ) {\r\n return;\r\n }\r\n\r\n var target = this.findTarget(e);\r\n if ('undefined' !== typeof target) {\r\n this.__gesturesParams = {\r\n e: e,\r\n self: self,\r\n target: target,\r\n };\r\n\r\n this.__gesturesRenderer();\r\n }\r\n\r\n this.fire('touch:gesture', {\r\n target: target,\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n __gesturesParams: null,\r\n __gesturesRenderer: function () {\r\n if (this.__gesturesParams === null || this._currentTransform === null) {\r\n return;\r\n }\r\n\r\n var self = this.__gesturesParams.self,\r\n t = this._currentTransform,\r\n e = this.__gesturesParams.e;\r\n\r\n t.action = 'scale';\r\n t.originX = t.originY = 'center';\r\n\r\n this._scaleObjectBy(self.scale, e);\r\n\r\n if (self.rotation !== 0) {\r\n t.action = 'rotate';\r\n this._rotateObjectByAngle(self.rotation, e);\r\n }\r\n\r\n this.requestRenderAll();\r\n\r\n t.action = 'drag';\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js drag is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onDrag: function (e, self) {\r\n this.fire('touch:drag', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js orientation event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onOrientationChange: function (e, self) {\r\n this.fire('touch:orientation', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js shake event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onShake: function (e, self) {\r\n this.fire('touch:shake', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js longpress event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onLongPress: function (e, self) {\r\n this.fire('touch:longpress', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Scales an object by a factor\r\n * @param {Number} s The scale factor to apply to the current scale level\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _scaleObjectBy: function (s, e) {\r\n var t = this._currentTransform,\r\n target = t.target;\r\n t.gestureScale = s;\r\n target._scaling = true;\r\n return scalingEqually(e, t, 0, 0);\r\n },\r\n\r\n /**\r\n * Rotates object by an angle\r\n * @param {Number} curAngle The angle of rotation in degrees\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _rotateObjectByAngle: function (curAngle, e) {\r\n var t = this._currentTransform;\r\n\r\n if (t.target.get('lockRotation')) {\r\n return;\r\n }\r\n t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta));\r\n this._fire('rotating', {\r\n target: t.target,\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Checks if object is decendant of target\r\n * Should be used instead of @link {fabric.Collection.contains} for performance reasons\r\n * @param {fabric.Object|fabric.StaticCanvas} target\r\n * @returns {boolean}\r\n */\r\n isDescendantOf: function (target) {\r\n var parent = this.group || this.canvas;\r\n while (parent) {\r\n if (target === parent) {\r\n return true;\r\n } else if (parent instanceof fabric.StaticCanvas) {\r\n // happens after all parents were traversed through without a match\r\n return false;\r\n }\r\n parent = parent.group || parent.canvas;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n *\r\n * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors\r\n *\r\n * @param {boolean} [strict] returns only ancestors that are objects (without canvas)\r\n * @returns {Ancestors} ancestors from bottom to top\r\n */\r\n getAncestors: function (strict) {\r\n var ancestors = [];\r\n var parent = this.group || (strict ? undefined : this.canvas);\r\n while (parent) {\r\n ancestors.push(parent);\r\n parent = parent.group || (strict ? undefined : parent.canvas);\r\n }\r\n return ancestors;\r\n },\r\n\r\n /**\r\n * Returns an object that represent the ancestry situation.\r\n *\r\n * @typedef {object} AncestryComparison\r\n * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`)\r\n * @property {Ancestors} fork ancestors that are of `this` only\r\n * @property {Ancestors} otherFork ancestors that are of `other` only\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] finds only ancestors that are objects (without canvas)\r\n * @returns {AncestryComparison | undefined}\r\n *\r\n */\r\n findCommonAncestors: function (other, strict) {\r\n if (this === other) {\r\n return {\r\n fork: [],\r\n otherFork: [],\r\n common: [this].concat(this.getAncestors(strict)),\r\n };\r\n } else if (!other) {\r\n // meh, warn and inform, and not my issue.\r\n // the argument is NOT optional, we can't end up here.\r\n return undefined;\r\n }\r\n var ancestors = this.getAncestors(strict);\r\n var otherAncestors = other.getAncestors(strict);\r\n // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case\r\n if (\r\n ancestors.length === 0 &&\r\n otherAncestors.length > 0 &&\r\n this === otherAncestors[otherAncestors.length - 1]\r\n ) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(\r\n otherAncestors.slice(0, otherAncestors.length - 1)\r\n ),\r\n common: [this],\r\n };\r\n }\r\n // compare ancestors\r\n for (var i = 0, ancestor; i < ancestors.length; i++) {\r\n ancestor = ancestors[i];\r\n if (ancestor === other) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [],\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n for (var j = 0; j < otherAncestors.length; j++) {\r\n if (this === otherAncestors[j]) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: [this].concat(ancestors),\r\n };\r\n }\r\n if (ancestor === otherAncestors[j]) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n }\r\n }\r\n // nothing shared\r\n return {\r\n fork: [this].concat(ancestors),\r\n otherFork: [other].concat(otherAncestors),\r\n common: [],\r\n };\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] checks only ancestors that are objects (without canvas)\r\n * @returns {boolean}\r\n */\r\n hasCommonAncestors: function (other, strict) {\r\n var commonAncestors = this.findCommonAncestors(other, strict);\r\n return commonAncestors && !!commonAncestors.ancestors.length;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Moves an object to the bottom of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendToBack.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.sendToBack(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to the top of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringToFront.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.bringToFront(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object down in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendBackwards.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.sendBackwards(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object up in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringForward.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.bringForward(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {Number} index New position of object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (index) {\r\n if (this.group && this.group.type !== 'activeSelection') {\r\n fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index);\r\n } else if (this.canvas) {\r\n this.canvas.moveTo(this, index);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other object to compare against\r\n * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined`\r\n */\r\n isInFrontOf: function (other) {\r\n if (this === other) {\r\n return undefined;\r\n }\r\n var ancestorData = this.findCommonAncestors(other);\r\n if (!ancestorData) {\r\n return undefined;\r\n }\r\n if (ancestorData.fork.includes(other)) {\r\n return true;\r\n }\r\n if (ancestorData.otherFork.includes(this)) {\r\n return false;\r\n }\r\n var firstCommonAncestor = ancestorData.common[0];\r\n if (!firstCommonAncestor) {\r\n return undefined;\r\n }\r\n var headOfFork = ancestorData.fork.pop(),\r\n headOfOtherFork = ancestorData.otherFork.pop(),\r\n thisIndex = firstCommonAncestor._objects.indexOf(headOfFork),\r\n otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork);\r\n return thisIndex > -1 && thisIndex > otherIndex;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\n(function (global) {\r\n var fabric = global.fabric;\r\n function getSvgColorString(prop, value) {\r\n if (!value) {\r\n return prop + ': none; ';\r\n } else if (value.toLive) {\r\n return prop + ': url(#SVGID_' + value.id + '); ';\r\n } else {\r\n var color = new Color(value),\r\n str = prop + ': ' + color.toRgb() + '; ',\r\n opacity = color.getAlpha();\r\n if (opacity !== 1) {\r\n //change the color in rgb + opacity\r\n str += prop + '-opacity: ' + opacity.toString() + '; ';\r\n }\r\n return str;\r\n }\r\n }\r\n\r\n var toFixed = (fabric = global.fabric),\r\n toFixed = fabric.util.toFixed;\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles: function (skipShadow) {\r\n var fillRule = this.fillRule ? this.fillRule : 'nonzero',\r\n strokeWidth = this.strokeWidth ? this.strokeWidth : '0',\r\n strokeDashArray = this.strokeDashArray\r\n ? this.strokeDashArray.join(' ')\r\n : 'none',\r\n strokeDashOffset = this.strokeDashOffset\r\n ? this.strokeDashOffset\r\n : '0',\r\n strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt',\r\n strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter',\r\n strokeMiterLimit = this.strokeMiterLimit\r\n ? this.strokeMiterLimit\r\n : '4',\r\n opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1',\r\n visibility = this.visible ? '' : ' visibility: hidden;',\r\n filter = skipShadow ? '' : this.getSvgFilter(),\r\n fill = getSvgColorString('fill', this.fill),\r\n stroke = getSvgColorString('stroke', this.stroke);\r\n\r\n return [\r\n stroke,\r\n 'stroke-width: ',\r\n strokeWidth,\r\n '; ',\r\n 'stroke-dasharray: ',\r\n strokeDashArray,\r\n '; ',\r\n 'stroke-linecap: ',\r\n strokeLineCap,\r\n '; ',\r\n 'stroke-dashoffset: ',\r\n strokeDashOffset,\r\n '; ',\r\n 'stroke-linejoin: ',\r\n strokeLineJoin,\r\n '; ',\r\n 'stroke-miterlimit: ',\r\n strokeMiterLimit,\r\n '; ',\r\n fill,\r\n 'fill-rule: ',\r\n fillRule,\r\n '; ',\r\n 'opacity: ',\r\n opacity,\r\n ';',\r\n filter,\r\n visibility,\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\r\n * @return {String}\r\n */\r\n getSvgSpanStyles: function (style, useWhiteSpace) {\r\n var term = '; ';\r\n var fontFamily = style.fontFamily\r\n ? 'font-family: ' +\r\n (style.fontFamily.indexOf(\"'\") === -1 &&\r\n style.fontFamily.indexOf('\"') === -1\r\n ? \"'\" + style.fontFamily + \"'\"\r\n : style.fontFamily) +\r\n term\r\n : '';\r\n var strokeWidth = style.strokeWidth\r\n ? 'stroke-width: ' + style.strokeWidth + term\r\n : '',\r\n fontFamily = fontFamily,\r\n fontSize = style.fontSize\r\n ? 'font-size: ' + style.fontSize + 'px' + term\r\n : '',\r\n fontStyle = style.fontStyle\r\n ? 'font-style: ' + style.fontStyle + term\r\n : '',\r\n fontWeight = style.fontWeight\r\n ? 'font-weight: ' + style.fontWeight + term\r\n : '',\r\n fill = style.fill ? getSvgColorString('fill', style.fill) : '',\r\n stroke = style.stroke\r\n ? getSvgColorString('stroke', style.stroke)\r\n : '',\r\n textDecoration = this.getSvgTextDecoration(style),\r\n deltaY = style.deltaY\r\n ? 'baseline-shift: ' + -style.deltaY + '; '\r\n : '';\r\n if (textDecoration) {\r\n textDecoration = 'text-decoration: ' + textDecoration + term;\r\n }\r\n\r\n return [\r\n stroke,\r\n strokeWidth,\r\n fontFamily,\r\n fontSize,\r\n fontStyle,\r\n fontWeight,\r\n textDecoration,\r\n fill,\r\n deltaY,\r\n useWhiteSpace ? 'white-space: pre; ' : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns text-decoration property for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @return {String}\r\n */\r\n getSvgTextDecoration: function (style) {\r\n return ['overline', 'underline', 'line-through']\r\n .filter(function (decoration) {\r\n return style[decoration.replace('-', '')];\r\n })\r\n .join(' ');\r\n },\r\n\r\n /**\r\n * Returns filter for svg shadow\r\n * @return {String}\r\n */\r\n getSvgFilter: function () {\r\n return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : '';\r\n },\r\n\r\n /**\r\n * Returns id attribute for svg output\r\n * @return {String}\r\n */\r\n getSvgCommons: function () {\r\n return [\r\n this.id ? 'id=\"' + this.id + '\" ' : '',\r\n this.clipPath\r\n ? 'clip-path=\"url(#' + this.clipPath.clipPathId + ')\" '\r\n : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns transform-string for svg-export\r\n * @param {Boolean} use the full transform or the single object one.\r\n * @return {String}\r\n */\r\n getSvgTransform: function (full, additionalTransform) {\r\n var transform = full\r\n ? this.calcTransformMatrix()\r\n : this.calcOwnMatrix(),\r\n svgTransform = 'transform=\"' + fabric.util.matrixToSVG(transform);\r\n return svgTransform + (additionalTransform || '') + '\" ';\r\n },\r\n\r\n _setSVGBg: function (textBgRects) {\r\n if (this.backgroundColor) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n return this._createBaseSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n });\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseClipPathSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var reviver = options.reviver,\r\n additionalTransform = options.additionalTransform || '',\r\n commonPieces = [\r\n this.getSvgTransform(true, additionalTransform),\r\n this.getSvgCommons(),\r\n ].join(''),\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS');\r\n objectMarkup[index] = commonPieces;\r\n return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var noStyle = options.noStyle,\r\n reviver = options.reviver,\r\n styleInfo = noStyle ? '' : 'style=\"' + this.getSvgStyles() + '\" ',\r\n shadowInfo = options.withShadow\r\n ? 'style=\"' + this.getSvgFilter() + '\" '\r\n : '',\r\n clipPath = this.clipPath,\r\n vectorEffect = this.strokeUniform\r\n ? 'vector-effect=\"non-scaling-stroke\" '\r\n : '',\r\n absoluteClipPath = clipPath && clipPath.absolutePositioned,\r\n stroke = this.stroke,\r\n fill = this.fill,\r\n shadow = this.shadow,\r\n commonPieces,\r\n markup = [],\r\n clipPathMarkup,\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS'),\r\n additionalTransform = options.additionalTransform;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n clipPathMarkup =\r\n '\\n' +\r\n clipPath.toClipPathSVG(reviver) +\r\n '\\n';\r\n }\r\n if (absoluteClipPath) {\r\n markup.push('\\n');\r\n }\r\n markup.push(\r\n '\\n'\r\n );\r\n commonPieces = [\r\n styleInfo,\r\n vectorEffect,\r\n noStyle ? '' : this.addPaintOrder(),\r\n ' ',\r\n additionalTransform ? 'transform=\"' + additionalTransform + '\" ' : '',\r\n ].join('');\r\n objectMarkup[index] = commonPieces;\r\n if (fill && fill.toLive) {\r\n markup.push(fill.toSVG(this));\r\n }\r\n if (stroke && stroke.toLive) {\r\n markup.push(stroke.toSVG(this));\r\n }\r\n if (shadow) {\r\n markup.push(shadow.toSVG(this));\r\n }\r\n if (clipPath) {\r\n markup.push(clipPathMarkup);\r\n }\r\n markup.push(objectMarkup.join(''));\r\n markup.push('\\n');\r\n absoluteClipPath && markup.push('\\n');\r\n return reviver ? reviver(markup.join('')) : markup.join('');\r\n },\r\n\r\n addPaintOrder: function () {\r\n return this.paintFirst !== 'fill'\r\n ? ' paint-order=\"' + this.paintFirst + '\" '\r\n : '';\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n/* _TO_SVG_END_ */\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n originalSet = 'stateProperties';\r\n\r\n /*\r\n Depends on `stateProperties`\r\n */\r\n function saveProps(origin, destination, props) {\r\n var tmpObj = {},\r\n deep = true;\r\n props.forEach(function (prop) {\r\n tmpObj[prop] = origin[prop];\r\n });\r\n\r\n extend(origin[destination], tmpObj, deep);\r\n }\r\n\r\n function _isEqual(origValue, currentValue, firstPass) {\r\n if (origValue === currentValue) {\r\n // if the objects are identical, return\r\n return true;\r\n } else if (Array.isArray(origValue)) {\r\n if (\r\n !Array.isArray(currentValue) ||\r\n origValue.length !== currentValue.length\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = origValue.length; i < len; i++) {\r\n if (!_isEqual(origValue[i], currentValue[i])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else if (origValue && typeof origValue === 'object') {\r\n var keys = Object.keys(origValue),\r\n key;\r\n if (\r\n !currentValue ||\r\n typeof currentValue !== 'object' ||\r\n (!firstPass && keys.length !== Object.keys(currentValue).length)\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = keys.length; i < len; i++) {\r\n key = keys[i];\r\n // since clipPath is in the statefull cache list and the clipPath objects\r\n // would be iterated as an object, this would lead to possible infinite recursion\r\n // we do not want to compare those.\r\n if (key === 'canvas' || key === 'group') {\r\n continue;\r\n }\r\n if (!_isEqual(origValue[key], currentValue[key])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Object.prototype,\r\n /** @lends fabric.Object.prototype */ {\r\n /**\r\n * Returns true if object state (one of its state properties) was changed\r\n * @param {String} [propertySet] optional name for the set of property we want to save\r\n * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called\r\n */\r\n hasStateChanged: function (propertySet) {\r\n propertySet = propertySet || originalSet;\r\n var dashedPropertySet = '_' + propertySet;\r\n if (\r\n Object.keys(this[dashedPropertySet]).length < this[propertySet].length\r\n ) {\r\n return true;\r\n }\r\n return !_isEqual(this[dashedPropertySet], this, true);\r\n },\r\n\r\n /**\r\n * Saves state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n saveState: function (options) {\r\n var propertySet = (options && options.propertySet) || originalSet,\r\n destination = '_' + propertySet;\r\n if (!this[destination]) {\r\n return this.setupState(options);\r\n }\r\n saveProps(this, destination, this[propertySet]);\r\n if (options && options.stateProperties) {\r\n saveProps(this, destination, options.stateProperties);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Setups state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n setupState: function (options) {\r\n options = options || {};\r\n var propertySet = options.propertySet || originalSet;\r\n options.propertySet = propertySet;\r\n this['_' + propertySet] = {};\r\n this.saveState(options);\r\n return this;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Animation duration (in ms) for fx* methods\r\n * @type Number\r\n * @default\r\n */\r\n FX_DURATION: 500,\r\n\r\n /**\r\n * Centers object horizontally with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectH: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getX(),\r\n endValue: this.getCenterPoint().x,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setX(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Centers object vertically with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectV: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getY(),\r\n endValue: this.getCenterPoint().y,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setY(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Same as `fabric.Canvas#remove` but animated\r\n * @param {fabric.Object} object Object to remove\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxRemove: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.opacity,\r\n endValue: 0,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.set('opacity', value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.remove(object);\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Animates object's properties\r\n * @param {String|Object} property Property to animate (if string) or properties to animate (if object)\r\n * @param {Number|Object} value Value to animate property to (if string was given first) or options object\r\n * @return {fabric.Object} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation}\r\n * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties)\r\n *\r\n * As object — multiple properties\r\n *\r\n * object.animate({ left: ..., top: ... });\r\n * object.animate({ left: ..., top: ... }, { duration: ... });\r\n *\r\n * As string — one property\r\n *\r\n * object.animate('left', ...);\r\n * object.animate('left', { duration: ... });\r\n *\r\n */\r\n animate: function () {\r\n if (arguments[0] && typeof arguments[0] === 'object') {\r\n var propsToAnimate = [],\r\n prop,\r\n skipCallbacks,\r\n out = [];\r\n for (prop in arguments[0]) {\r\n propsToAnimate.push(prop);\r\n }\r\n for (var i = 0, len = propsToAnimate.length; i < len; i++) {\r\n prop = propsToAnimate[i];\r\n skipCallbacks = i !== len - 1;\r\n out.push(\r\n this._animate(\r\n prop,\r\n arguments[0][prop],\r\n arguments[1],\r\n skipCallbacks\r\n )\r\n );\r\n }\r\n return out;\r\n } else {\r\n return this._animate.apply(this, arguments);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} property Property to animate\r\n * @param {String} to Value to animate to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked\r\n */\r\n _animate: function (property, to, options, skipCallbacks) {\r\n var _this = this,\r\n propPair;\r\n\r\n to = to.toString();\r\n\r\n options = Object.assign({}, options);\r\n\r\n if (~property.indexOf('.')) {\r\n propPair = property.split('.');\r\n }\r\n\r\n var propIsColor =\r\n _this.colorProperties.indexOf(property) > -1 ||\r\n (propPair && _this.colorProperties.indexOf(propPair[1]) > -1);\r\n\r\n var currentValue = propPair\r\n ? this.get(propPair[0])[propPair[1]]\r\n : this.get(property);\r\n\r\n if (!('from' in options)) {\r\n options.from = currentValue;\r\n }\r\n\r\n if (!propIsColor) {\r\n if (~to.indexOf('=')) {\r\n to = currentValue + parseFloat(to.replace('=', ''));\r\n } else {\r\n to = parseFloat(to);\r\n }\r\n }\r\n\r\n var _options = {\r\n target: this,\r\n startValue: options.from,\r\n endValue: to,\r\n byValue: options.by,\r\n easing: options.easing,\r\n duration: options.duration,\r\n abort:\r\n options.abort &&\r\n function (value, valueProgress, timeProgress) {\r\n return options.abort.call(\r\n _this,\r\n value,\r\n valueProgress,\r\n timeProgress\r\n );\r\n },\r\n onChange: function (value, valueProgress, timeProgress) {\r\n if (propPair) {\r\n _this[propPair[0]][propPair[1]] = value;\r\n } else {\r\n _this.set(property, value);\r\n }\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n options.onChange &&\r\n options.onChange(value, valueProgress, timeProgress);\r\n },\r\n onComplete: function (value, valueProgress, timeProgress) {\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n\r\n _this.setCoords();\r\n options.onComplete &&\r\n options.onComplete(value, valueProgress, timeProgress);\r\n },\r\n };\r\n\r\n if (propIsColor) {\r\n return fabric.util.animateColor(\r\n _options.startValue,\r\n _options.endValue,\r\n _options.duration,\r\n _options\r\n );\r\n } else {\r\n return fabric.util.animate(_options);\r\n }\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 };\r\n\r\n /**\r\n * Line class\r\n * @class fabric.Line\r\n * @extends fabric.Object\r\n * @see {@link fabric.Line#initialize} for constructor definition\r\n */\r\n fabric.Line = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Line.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'line',\r\n\r\n /**\r\n * x value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n x1: 0,\r\n\r\n /**\r\n * y value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n y1: 0,\r\n\r\n /**\r\n * x value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n x2: 0,\r\n\r\n /**\r\n * y value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n y2: 0,\r\n\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2'\r\n ),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} [points] Array of points\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Line} thisArg\r\n */\r\n initialize: function (points, options) {\r\n if (!points) {\r\n points = [0, 0, 0, 0];\r\n }\r\n\r\n this.callSuper('initialize', options);\r\n\r\n this.set('x1', points[0]);\r\n this.set('y1', points[1]);\r\n this.set('x2', points[2]);\r\n this.set('y2', points[3]);\r\n\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n\r\n this.width = Math.abs(this.x2 - this.x1);\r\n this.height = Math.abs(this.y2 - this.y1);\r\n\r\n this.left = 'left' in options ? options.left : this._getLeftToOriginX();\r\n\r\n this.top = 'top' in options ? options.top : this._getTopToOriginY();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n this.callSuper('_set', key, value);\r\n if (typeof coordProps[key] !== 'undefined') {\r\n this._setWidthHeight();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line.\r\n */\r\n _getLeftToOriginX: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originX',\r\n axis1: 'x1',\r\n axis2: 'x2',\r\n dimension: 'width',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'left',\r\n center: 'center',\r\n farthest: 'right',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line.\r\n */\r\n _getTopToOriginY: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originY',\r\n axis1: 'y1',\r\n axis2: 'y2',\r\n dimension: 'height',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'top',\r\n center: 'center',\r\n farthest: 'bottom',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.beginPath();\r\n\r\n var p = this.calcLinePoints();\r\n ctx.moveTo(p.x1, p.y1);\r\n ctx.lineTo(p.x2, p.y2);\r\n\r\n ctx.lineWidth = this.strokeWidth;\r\n\r\n // TODO: test this\r\n // make sure setting \"fill\" changes color of a line\r\n // (by copying fillStyle to strokeStyle, since line is stroked, not filled)\r\n var origStrokeStyle = ctx.strokeStyle;\r\n ctx.strokeStyle = this.stroke || ctx.fillStyle;\r\n this.stroke && this._renderStroke(ctx);\r\n ctx.strokeStyle = origStrokeStyle;\r\n },\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement: function () {\r\n return {\r\n x: (this.x1 + this.x2) / 2,\r\n y: (this.y1 + this.y2) / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(\r\n this.callSuper('toObject', propertiesToInclude),\r\n this.calcLinePoints()\r\n );\r\n },\r\n\r\n /*\r\n * Calculate object dimensions from its properties\r\n * @private\r\n */\r\n _getNonTransformedDimensions: function () {\r\n var dim = this.callSuper('_getNonTransformedDimensions');\r\n if (this.strokeLineCap === 'butt') {\r\n if (this.width === 0) {\r\n dim.y -= this.strokeWidth;\r\n }\r\n if (this.height === 0) {\r\n dim.x -= this.strokeWidth;\r\n }\r\n }\r\n return dim;\r\n },\r\n\r\n /**\r\n * Recalculates line points given width and height\r\n * @private\r\n */\r\n calcLinePoints: function () {\r\n var xMult = this.x1 <= this.x2 ? -1 : 1,\r\n yMult = this.y1 <= this.y2 ? -1 : 1,\r\n x1 = xMult * this.width * 0.5,\r\n y1 = yMult * this.height * 0.5,\r\n x2 = xMult * this.width * -0.5,\r\n y2 = yMult * this.height * -0.5;\r\n\r\n return {\r\n x1: x1,\r\n x2: x2,\r\n y1: y1,\r\n y2: y2,\r\n };\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var p = this.calcLinePoints();\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement})\r\n * @static\r\n * @memberOf fabric.Line\r\n * @see http://www.w3.org/TR/SVG/shapes.html#LineElement\r\n */\r\n fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x1 y1 x2 y2'.split(' ')\r\n );\r\n\r\n /**\r\n * Returns fabric.Line instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] callback function invoked after parsing\r\n */\r\n fabric.Line.fromElement = function (element, callback, options) {\r\n options = options || {};\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Line.ATTRIBUTE_NAMES\r\n ),\r\n points = [\r\n parsedAttributes.x1 || 0,\r\n parsedAttributes.y1 || 0,\r\n parsedAttributes.x2 || 0,\r\n parsedAttributes.y2 || 0,\r\n ];\r\n callback(new fabric.Line(points, extend(parsedAttributes, options)));\r\n };\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Line instance from an object representation\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Line.fromObject = function (object) {\r\n var options = clone(object, true);\r\n options.points = [object.x1, object.y1, object.x2, object.y2];\r\n return FabricObject._fromObject(fabric.Line, options, {\r\n extraParam: 'points',\r\n }).then(function (fabricLine) {\r\n delete fabricLine.points;\r\n return fabricLine;\r\n });\r\n };\r\n\r\n /**\r\n * Produces a function that calculates distance from canvas edge to Line origin.\r\n */\r\n function makeEdgeToOriginGetter(propertyNames, originValues) {\r\n var origin = propertyNames.origin,\r\n axis1 = propertyNames.axis1,\r\n axis2 = propertyNames.axis2,\r\n dimension = propertyNames.dimension,\r\n nearest = originValues.nearest,\r\n center = originValues.center,\r\n farthest = originValues.farthest;\r\n\r\n return function () {\r\n switch (this.get(origin)) {\r\n case nearest:\r\n return Math.min(this.get(axis1), this.get(axis2));\r\n case center:\r\n return (\r\n Math.min(this.get(axis1), this.get(axis2)) +\r\n 0.5 * this.get(dimension)\r\n );\r\n case farthest:\r\n return Math.max(this.get(axis1), this.get(axis2));\r\n }\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Circle extends FabricObject {\r\n /**\r\n * Radius of this circle\r\n * @type Number\r\n * @default\r\n */\r\n radius: number;\r\n\r\n /**\r\n * degrees of start of the circle.\r\n * probably will change to degrees in next major version\r\n * @type Number 0 - 359\r\n * @default 0\r\n */\r\n startAngle: number;\r\n\r\n /**\r\n * End angle of the circle\r\n * probably will change to degrees in next major version\r\n * @type Number 1 - 360\r\n * @default 360\r\n */\r\n endAngle: number;\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n\r\n if (key === 'radius') {\r\n this.setRadius(value);\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.arc(\r\n 0,\r\n 0,\r\n this.radius,\r\n degreesToRadians(this.startAngle),\r\n degreesToRadians(this.endAngle),\r\n false\r\n );\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusX(): number {\r\n return this.get('radius') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusY(): number {\r\n return this.get('radius') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Sets radius of an object (and updates width accordingly)\r\n */\r\n setRadius(value: number) {\r\n this.radius = value;\r\n this.set({ width: value * 2, height: value * 2 });\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []): object {\r\n return super.toObject([\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle',\r\n ...propertiesToInclude,\r\n ]);\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG(): (string | number)[] {\r\n const angle = (this.endAngle - this.startAngle) % 360;\r\n\r\n if (angle === 0) {\r\n return [\r\n '\\n',\r\n ];\r\n } else {\r\n const { radius } = this;\r\n const start = degreesToRadians(this.startAngle),\r\n end = degreesToRadians(this.endAngle),\r\n startX = cos(start) * radius,\r\n startY = sin(start) * radius,\r\n endX = cos(end) * radius,\r\n endY = sin(end) * radius,\r\n largeFlag = angle > 180 ? '1' : '0';\r\n return [\r\n `\\n',\r\n ];\r\n }\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement})\r\n * @static\r\n * @memberOf Circle\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement\r\n */\r\n static ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES];\r\n\r\n /**\r\n * Returns {@link Circle} instance from an SVG element\r\n * @static\r\n * @memberOf Circle\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @param {Object} [options] Partial Circle object to default missing properties on the element.\r\n * @throws {Error} If value of `r` attribute is missing or invalid\r\n */\r\n static fromElement(element: SVGElement, callback: (circle: Circle) => any) {\r\n const {\r\n left = 0,\r\n top = 0,\r\n radius,\r\n ...otherParsedAttributes\r\n } = parseAttributes(element, Circle.ATTRIBUTE_NAMES);\r\n\r\n if (!radius || radius < 0) {\r\n throw new Error(\r\n 'value of `r` attribute is required and can not be negative'\r\n );\r\n }\r\n\r\n // this probably requires to be fixed for default origins not being top/left.\r\n callback(\r\n new Circle({\r\n ...otherParsedAttributes,\r\n radius,\r\n left: left - radius,\r\n top: top - radius,\r\n })\r\n );\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Circle} instance from an object representation\r\n * @static\r\n * @memberOf Circle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n return FabricObject._fromObject(Circle, object);\r\n }\r\n}\r\n\r\nexport const circleDefaultValues: Partial> = {\r\n type: 'circle',\r\n radius: 0,\r\n startAngle: 0,\r\n endAngle: 360,\r\n stateProperties: fabricObjectDefaultValues.stateProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n cacheProperties: fabricObjectDefaultValues.cacheProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n};\r\n\r\nObject.assign(Circle.prototype, circleDefaultValues);\r\n\r\nfabric.Circle = Circle;\r\n","import { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\nexport class Triangle extends FabricObject {\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2;\r\n\r\n ctx.beginPath();\r\n ctx.moveTo(-widthBy2, heightBy2);\r\n ctx.lineTo(0, -heightBy2);\r\n ctx.lineTo(widthBy2, heightBy2);\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2,\r\n points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`;\r\n return [''];\r\n }\r\n\r\n /**\r\n * Returns {@link Triangle} instance from an object representation\r\n * @static\r\n * @memberOf Triangle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Triangle, object);\r\n }\r\n}\r\n\r\nexport const triangleDefaultValues: Partial> = {\r\n type: 'triangle',\r\n width: 100,\r\n height: 100,\r\n};\r\n\r\nObject.assign(Triangle.prototype, triangleDefaultValues);\r\n\r\nfabric.Triangle = Triangle;\r\n","import { fabric } from '../../HEADER';\r\nimport { twoMathPi } from '../constants';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Ellipse extends FabricObject {\r\n /**\r\n * Horizontal radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: number;\r\n\r\n /**\r\n * Vertical radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Ellipse} thisArg\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n this.set('rx', (options && options.rx) || 0);\r\n this.set('ry', (options && options.ry) || 0);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {Ellipse} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n switch (key) {\r\n case 'rx':\r\n this.rx = value;\r\n this.set('width', value * 2);\r\n break;\r\n\r\n case 'ry':\r\n this.ry = value;\r\n this.set('height', value * 2);\r\n break;\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRx() {\r\n return this.get('rx') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns Vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRy() {\r\n return this.get('ry') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []) {\r\n return super.toObject(['rx', 'ry', ...propertiesToInclude]);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n return [\r\n '\\n',\r\n ];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.save();\r\n ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0);\r\n ctx.arc(0, 0, this.rx, 0, twoMathPi, false);\r\n ctx.restore();\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement})\r\n * @static\r\n * @memberOf Ellipse\r\n * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement\r\n */\r\n static ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry'];\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an SVG element\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @return {Ellipse}\r\n */\r\n static fromElement(\r\n element: SVGElement,\r\n callback: (ellipse: Ellipse) => void\r\n ) {\r\n const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES);\r\n\r\n parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx;\r\n parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry;\r\n callback(new Ellipse(parsedAttributes));\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an object representation\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Ellipse, object);\r\n }\r\n}\r\n\r\nexport const ellipseDefaultValues: Partial> = {\r\n type: 'ellipse',\r\n rx: 0,\r\n ry: 0,\r\n cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'],\r\n};\r\n\r\nObject.assign(Ellipse.prototype, ellipseDefaultValues);\r\n\r\nfabric.Ellipse = Ellipse;\r\n","import { fabric } from '../../HEADER';\r\nimport { kRect } from '../constants';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Rect extends FabricObject {\r\n /**\r\n * Horizontal border radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: number;\r\n\r\n /**\r\n * Vertical border radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n this._initRxRy();\r\n }\r\n\r\n /**\r\n * Initializes rx/ry attributes\r\n * @private\r\n */\r\n _initRxRy() {\r\n const { rx, ry } = this;\r\n if (rx && !ry) {\r\n this.ry = rx;\r\n } else if (ry && !rx) {\r\n this.rx = ry;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const { width: w, height: h } = this;\r\n const x = -w / 2;\r\n const y = -h / 2;\r\n const rx = this.rx ? Math.min(this.rx, w / 2) : 0;\r\n const ry = this.ry ? Math.min(this.ry, h / 2) : 0;\r\n const isRounded = rx !== 0 || ry !== 0;\r\n\r\n ctx.beginPath();\r\n\r\n ctx.moveTo(x + rx, y);\r\n\r\n ctx.lineTo(x + w - rx, y);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w - kRect * rx,\r\n y,\r\n x + w,\r\n y + kRect * ry,\r\n x + w,\r\n y + ry\r\n );\r\n\r\n ctx.lineTo(x + w, y + h - ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w,\r\n y + h - kRect * ry,\r\n x + w - kRect * rx,\r\n y + h,\r\n x + w - rx,\r\n y + h\r\n );\r\n\r\n ctx.lineTo(x + rx, y + h);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + kRect * rx,\r\n y + h,\r\n x,\r\n y + h - kRect * ry,\r\n x,\r\n y + h - ry\r\n );\r\n\r\n ctx.lineTo(x, y + ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y);\r\n\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []) {\r\n return super.toObject(['rx', 'ry', ...propertiesToInclude]);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n const { width, height, rx, ry } = this;\r\n return [\r\n '\\n`,\r\n ];\r\n }\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`)\r\n * @static\r\n * @memberOf Rect\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement\r\n */\r\n static ATTRIBUTE_NAMES = [\r\n ...SHARED_ATTRIBUTES,\r\n 'x',\r\n 'y',\r\n 'rx',\r\n 'ry',\r\n 'width',\r\n 'height',\r\n ];\r\n\r\n /**\r\n * Returns {@link Rect} instance from an object representation\r\n * @static\r\n * @memberOf Rect\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Rect, object);\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n\r\n /**\r\n * Returns {@link Rect} instance from an SVG element\r\n * @static\r\n * @memberOf Rect\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n static fromElement(\r\n element: SVGElement,\r\n callback: (rect: Rect | null) => void,\r\n options = {}\r\n ) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const {\r\n left = 0,\r\n top = 0,\r\n width = 0,\r\n height = 0,\r\n visible = true,\r\n ...restOfparsedAttributes\r\n } = parseAttributes(element, Rect.ATTRIBUTE_NAMES);\r\n\r\n const rect = new Rect({\r\n ...options,\r\n ...restOfparsedAttributes,\r\n left,\r\n top,\r\n width,\r\n height,\r\n visible: Boolean(visible && width && height),\r\n });\r\n callback(rect);\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n}\r\n\r\nexport const rectDefaultValues: Partial> = {\r\n stateProperties: fabricObjectDefaultValues.stateProperties.concat('rx', 'ry'),\r\n type: 'rect',\r\n rx: 0,\r\n ry: 0,\r\n cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('rx', 'ry'),\r\n};\r\n\r\nObject.assign(Rect.prototype, rectDefaultValues);\r\n\r\nfabric.Rect = Rect;\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { parsePointsAttribute } from '../parser/parsePointsAttribute';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Polyline class\r\n * @class fabric.Polyline\r\n * @extends fabric.Object\r\n * @see {@link fabric.Polyline#initialize} for constructor definition\r\n */\r\n fabric.Polyline = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Polyline.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polyline',\r\n\r\n /**\r\n * Points array\r\n * @type Array\r\n * @default\r\n */\r\n points: null,\r\n\r\n /**\r\n * WARNING: Feature in progress\r\n * Calculate the exact bounding box taking in account strokeWidth on acute angles\r\n * this will be turned to true by default on fabric 6.0\r\n * maybe will be left in as an optimization since calculations may be slow\r\n * @deprecated\r\n * @type Boolean\r\n * @default false\r\n * @todo set default to true and remove flag and related logic\r\n */\r\n exactBoundingBox: false,\r\n\r\n initialized: false,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'),\r\n\r\n /**\r\n * A list of properties that if changed trigger a recalculation of dimensions\r\n * @todo check if you really need to recalculate for all cases\r\n */\r\n strokeBBoxAffectingProperties: [\r\n 'skewX',\r\n 'skewY',\r\n 'strokeLineCap',\r\n 'strokeLineJoin',\r\n 'strokeMiterLimit',\r\n 'strokeWidth',\r\n 'strokeUniform',\r\n 'points',\r\n ],\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} points Array of points (where each point is an object with x and y)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Polyline} thisArg\r\n * @example\r\n * var poly = new fabric.Polyline([\r\n * { x: 10, y: 10 },\r\n * { x: 50, y: 30 },\r\n * { x: 40, y: 70 },\r\n * { x: 60, y: 50 },\r\n * { x: 100, y: 150 },\r\n * { x: 40, y: 100 }\r\n * ], {\r\n * stroke: 'red',\r\n * left: 100,\r\n * top: 100\r\n * });\r\n */\r\n initialize: function (points, options = {}) {\r\n this.points = points || [];\r\n this.callSuper('initialize', options);\r\n this.initialized = true;\r\n const bboxTL = this.setDimensions();\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? bboxTL.x, options.top ?? bboxTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this, true);\r\n },\r\n\r\n /**\r\n * Calculate the polygon bounding box\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const points = this.exactBoundingBox\r\n ? this._projectStrokeOnPoints().map(\r\n (projection) => projection.projectedPoint\r\n )\r\n : this.points;\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n pathOffset: new Point(),\r\n };\r\n }\r\n const bbox = makeBoundingBoxFromPoints(points);\r\n const bboxNoStroke = makeBoundingBoxFromPoints(this.points);\r\n const offsetX = bbox.left + bbox.width / 2,\r\n offsetY = bbox.top + bbox.height / 2;\r\n const pathOffsetX =\r\n offsetX - offsetY * Math.tan(degreesToRadians(this.skewX));\r\n const pathOffsetY =\r\n offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY));\r\n // TODO: remove next line\r\n const legacyCorrection =\r\n !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0;\r\n return {\r\n ...bbox,\r\n left: bbox.left - legacyCorrection,\r\n top: bbox.top - legacyCorrection,\r\n pathOffset: new Point(pathOffsetX, pathOffsetY),\r\n strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(\r\n bbox.left,\r\n bbox.top\r\n ),\r\n };\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset, strokeOffset } =\r\n this._calcDimensions();\r\n this.set({ width, height, pathOffset, strokeOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @override stroke is taken in account in size\r\n */\r\n _getNonTransformedDimensions: function () {\r\n return this.exactBoundingBox\r\n ? new Point(this.width, this.height)\r\n : this.callSuper('_getNonTransformedDimensions');\r\n },\r\n\r\n /**\r\n * @override stroke and skewing are taken into account when projecting stroke on points,\r\n * therefore we don't want the default calculation to account for skewing as well\r\n *\r\n * @private\r\n */\r\n _getTransformedDimensions: function (options) {\r\n return this.exactBoundingBox\r\n ? this.callSuper('_getTransformedDimensions', {\r\n ...(options || {}),\r\n // disable stroke bbox calculations\r\n strokeWidth: 0,\r\n // disable skewing bbox calculations\r\n skewX: 0,\r\n skewY: 0,\r\n })\r\n : this.callSuper('_getTransformedDimensions', options);\r\n },\r\n\r\n /**\r\n * Recalculates dimensions when changing skew and scale\r\n * @private\r\n */\r\n _set: function (key, value) {\r\n const changed = this.initialized && this[key] !== value;\r\n const output = this.callSuper('_set', key, value);\r\n if (\r\n changed &&\r\n (((key === 'scaleX' || key === 'scaleY') &&\r\n this.strokeUniform &&\r\n this.strokeBBoxAffectingProperties.includes('strokeUniform') &&\r\n this.strokeLineJoin !== 'round') ||\r\n this.strokeBBoxAffectingProperties.includes(key))\r\n ) {\r\n this.setDimensions();\r\n }\r\n return output;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n points: this.points.concat(),\r\n });\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var points = [],\r\n diffX = this.pathOffset.x,\r\n diffY = this.pathOffset.y,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n for (var i = 0, len = this.points.length; i < len; i++) {\r\n points.push(\r\n toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS),\r\n ',',\r\n toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS),\r\n ' '\r\n );\r\n }\r\n return [\r\n '<' + this.type + ' ',\r\n 'COMMON_PARTS',\r\n 'points=\"',\r\n points.join(''),\r\n '\" />\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n commonRender: function (ctx) {\r\n var point,\r\n len = this.points.length,\r\n x = this.pathOffset.x,\r\n y = this.pathOffset.y;\r\n\r\n if (!len || isNaN(this.points[len - 1].y)) {\r\n // do not draw if no points or odd points\r\n // NaN comes from parseFloat of a empty string in parser\r\n return false;\r\n }\r\n ctx.beginPath();\r\n ctx.moveTo(this.points[0].x - x, this.points[0].y - y);\r\n for (var i = 0; i < len; i++) {\r\n point = this.points[i];\r\n ctx.lineTo(point.x - x, point.y - y);\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.get('points').length;\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement})\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement\r\n */\r\n fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {SVGElement} element Element to parser\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polyline.fromElementGenerator = function (_class) {\r\n return function (element, callback, options = {}) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const points = parsePointsAttribute(element.getAttribute('points')),\r\n // we omit left and top to instruct the constructor to position the object using the bbox\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n { left, top, ...parsedAttributes } = parseAttributes(\r\n element,\r\n fabric[_class].ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric[_class](points, {\r\n ...parsedAttributes,\r\n ...options,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n };\r\n\r\n fabric.Polyline.fromElement =\r\n fabric.Polyline.fromElementGenerator('Polyline');\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polyline.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polyline, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Polygon class\r\n * @class fabric.Polygon\r\n * @extends fabric.Polyline\r\n * @see {@link fabric.Polygon#initialize} for constructor definition\r\n */\r\n fabric.Polygon = fabric.util.createClass(\r\n fabric.Polyline,\r\n /** @lends fabric.Polygon.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polygon',\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n ctx.closePath();\r\n this._renderPaintInOrder(ctx);\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`)\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement\r\n */\r\n fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns {@link fabric.Polygon} instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon');\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polygon instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polygon.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polygon, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { Point } from '../point.class';\r\nimport { PathData } from '../typedefs';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { getBoundsOfCurve, makePathSimpler, parsePath } from '../util/path';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Path class\r\n * @class fabric.Path\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup}\r\n * @see {@link fabric.Path#initialize} for constructor definition\r\n */\r\n fabric.Path = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Path.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'path',\r\n\r\n /**\r\n * Array of path points\r\n * @type Array\r\n * @default\r\n */\r\n path: null,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat(\r\n 'path',\r\n 'fillRule'\r\n ),\r\n\r\n stateProperties: fabric.Object.prototype.stateProperties.concat('path'),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array|String} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Path} thisArg\r\n */\r\n initialize: function (path, options) {\r\n options = clone(options || {});\r\n delete options.path;\r\n this.callSuper('initialize', options);\r\n const pathTL = this._setPath(path || []);\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? pathTL.x, options.top ?? pathTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {PathData | string} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n _setPath: function (path: PathData | string) {\r\n this.path = makePathSimpler(\r\n Array.isArray(path) ? path : parsePath(path)\r\n );\r\n return this.setDimensions();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _renderPathCommands: function (ctx) {\r\n var current, // current instruction\r\n subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0, // current y\r\n controlX = 0, // current control point x\r\n controlY = 0, // current control point y\r\n l = -this.pathOffset.x,\r\n t = -this.pathOffset.y;\r\n\r\n ctx.beginPath();\r\n\r\n for (var i = 0, len = this.path.length; i < len; ++i) {\r\n current = this.path[i];\r\n\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n ctx.lineTo(x + l, y + t);\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n ctx.moveTo(x + l, y + t);\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n x = current[5];\r\n y = current[6];\r\n controlX = current[3];\r\n controlY = current[4];\r\n ctx.bezierCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n controlX + l,\r\n controlY + t,\r\n x + l,\r\n y + t\r\n );\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n ctx.quadraticCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n current[3] + l,\r\n current[4] + t\r\n );\r\n x = current[3];\r\n y = current[4];\r\n controlX = current[1];\r\n controlY = current[2];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n ctx.closePath();\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _render: function (ctx) {\r\n this._renderPathCommands(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n path: this.path.map(function (item) {\r\n return item.slice();\r\n }),\r\n });\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n var o = this.toObject(['sourcePath'].concat(propertiesToInclude));\r\n if (o.sourcePath) {\r\n delete o.path;\r\n }\r\n return o;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var path = fabric.util.joinPath(this.path);\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n\r\n _getOffsetTransform: function () {\r\n var digits = config.NUM_FRACTION_DIGITS;\r\n return (\r\n ' translate(' +\r\n toFixed(-this.pathOffset.x, digits) +\r\n ', ' +\r\n toFixed(-this.pathOffset.y, digits) +\r\n ')'\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns number representation of an instance complexity\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.path.length;\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset } = this._calcDimensions();\r\n this.set({ width, height, pathOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const bounds: Point[] = [];\r\n let subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0; // current y\r\n\r\n for (let i = 0; i < this.path.length; ++i) {\r\n const current = this.path[i]; // current instruction\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n bounds.push(\r\n new Point(subpathStartX, subpathStartY),\r\n new Point(x, y)\r\n );\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n )\r\n );\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n )\r\n );\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n break;\r\n }\r\n }\r\n\r\n const bbox = makeBoundingBoxFromPoints(bounds);\r\n const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2;\r\n\r\n return {\r\n ...bbox,\r\n left: bbox.left - strokeCorrection,\r\n top: bbox.top - strokeCorrection,\r\n pathOffset: new Point(\r\n bbox.left + bbox.width / 2,\r\n bbox.top + bbox.height / 2\r\n ),\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an object\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {Object} object\r\n * @returns {Promise}\r\n */\r\n fabric.Path.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Path, object, {\r\n extraParam: 'path',\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`)\r\n * @static\r\n * @memberOf fabric.Path\r\n * @see http://www.w3.org/TR/SVG/paths.html#PathElement\r\n */\r\n fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']);\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an SVG element\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {SVGElement} element to parse\r\n * @param {Function} callback Callback to invoke when an fabric.Path instance is created\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n */\r\n fabric.Path.fromElement = function (element, callback, options) {\r\n const parsedAttributes = parseAttributes(\r\n element,\r\n fabric.Path.ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric.Path(parsedAttributes.d, {\r\n ...parsedAttributes,\r\n ...options,\r\n // we pass undefined to instruct the constructor to position the object using the bbox\r\n left: undefined,\r\n top: undefined,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { resolveOrigin } from '../mixins/object_origin.mixin';\r\n\r\nexport class Group extends FabricObject {}\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n multiplyTransformMatrices = fabric.util.multiplyTransformMatrices,\r\n invertTransform = fabric.util.invertTransform,\r\n transformPoint = fabric.util.transformPoint,\r\n applyTransformToObject = fabric.util.applyTransformToObject,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n clone = fabric.util.object.clone;\r\n /**\r\n * Group class\r\n * @class fabric.Group\r\n * @extends fabric.Object\r\n * @mixes fabric.Collection\r\n * @fires layout once layout completes\r\n * @see {@link fabric.Group#initialize} for constructor definition\r\n */\r\n fabric.Group = fabric.util.createClass(\r\n FabricObject,\r\n fabric.Collection,\r\n /** @lends fabric.Group.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type string\r\n * @default\r\n */\r\n type: 'group',\r\n\r\n /**\r\n * Specifies the **layout strategy** for instance\r\n * Used by `getLayoutStrategyResult` to calculate layout\r\n * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box\r\n * @type string\r\n * @default\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * Width of stroke\r\n * @type Number\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type string[]\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat('layout'),\r\n\r\n /**\r\n * Used to optimize performance\r\n * set to `false` if you don't need contained objects to be targets of events\r\n * @default\r\n * @type boolean\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * Used to allow targeting of object inside groups.\r\n * set to true if you want to select an object inside a group.\\\r\n * **REQUIRES** `subTargetCheck` set to true\r\n * @default\r\n * @type boolean\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Used internally to optimize performance\r\n * Once an object is selected, instance is rendered without the selected object.\r\n * This way instance is cached only once for the entire interaction with the selected object.\r\n * @private\r\n */\r\n _activeObjects: undefined,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.Group} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this._objects = objects || [];\r\n this._activeObjects = [];\r\n this.__objectMonitor = this.__objectMonitor.bind(this);\r\n this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(\r\n this,\r\n true\r\n );\r\n this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(\r\n this,\r\n false\r\n );\r\n this._firstLayoutDone = false;\r\n // setting angle, skewX, skewY must occur after initial layout\r\n this.callSuper(\r\n 'initialize',\r\n Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })\r\n );\r\n this.forEachObject(function (object) {\r\n this.enterGroup(object, false);\r\n }, this);\r\n this._applyLayoutStrategy({\r\n type: 'initialization',\r\n options: options,\r\n objectsRelativeToGroup: objectsRelativeToGroup,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n var prev = this[key];\r\n this.callSuper('_set', key, value);\r\n if (key === 'canvas' && prev !== value) {\r\n this.forEachObject(function (object) {\r\n object._set(key, value);\r\n });\r\n }\r\n if (key === 'layout' && prev !== value) {\r\n this._applyLayoutStrategy({\r\n type: 'layout_change',\r\n layout: value,\r\n prevLayout: prev,\r\n });\r\n }\r\n if (key === 'interactive') {\r\n this.forEachObject(this._watchObject.bind(this, value));\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return this.subTargetCheck;\r\n },\r\n\r\n /**\r\n * Override this method to enhance performance (for groups with a lot of objects).\r\n * If Overriding, be sure not pass illegal objects to group - it will break your app.\r\n * @private\r\n */\r\n _filterObjectsBeforeEnteringGroup: function (objects) {\r\n return objects.filter(function (object, index, array) {\r\n // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates)\r\n return this.canEnterGroup(object) && array.indexOf(object) === index;\r\n }, this);\r\n },\r\n\r\n /**\r\n * Add objects\r\n * @param {...fabric.Object} objects\r\n */\r\n add: function () {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.from(arguments)\r\n );\r\n fabric.Collection.add.call(this, allowedObjects, this._onObjectAdded);\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index\r\n * @param {fabric.Object | fabric.Object[]} objects Object to insert\r\n * @param {Number} index Index to insert object at\r\n */\r\n insertAt: function (objects, index) {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.isArray(objects) ? objects : [objects]\r\n );\r\n fabric.Collection.insertAt.call(\r\n this,\r\n allowedObjects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Remove objects\r\n * @param {...fabric.Object} objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n this._onAfterObjectsChange('removed', removed);\r\n return removed;\r\n },\r\n\r\n /**\r\n * Remove all objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n removeAll: function () {\r\n this._activeObjects = [];\r\n return this.remove.apply(this, this._objects.slice());\r\n },\r\n\r\n /**\r\n * invalidates layout on object modified\r\n * @private\r\n */\r\n __objectMonitor: function (opt) {\r\n this._applyLayoutStrategy(\r\n Object.assign({}, opt, {\r\n type: 'object_modified',\r\n })\r\n );\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * keeps track of the selected objects\r\n * @private\r\n */\r\n __objectSelectionMonitor: function (selected, opt) {\r\n var object = opt.target;\r\n if (selected) {\r\n this._activeObjects.push(object);\r\n this._set('dirty', true);\r\n } else if (this._activeObjects.length > 0) {\r\n var index = this._activeObjects.indexOf(object);\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n this._set('dirty', true);\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {boolean} watch\r\n * @param {fabric.Object} object\r\n */\r\n _watchObject: function (watch, object) {\r\n var directive = watch ? 'on' : 'off';\r\n // make sure we listen only once\r\n watch && this._watchObject(false, object);\r\n object[directive]('changed', this.__objectMonitor);\r\n object[directive]('modified', this.__objectMonitor);\r\n object[directive]('selected', this.__objectSelectionTracker);\r\n object[directive]('deselected', this.__objectSelectionDisposer);\r\n },\r\n\r\n /**\r\n * Checks if object can enter group and logs relevant warnings\r\n * @private\r\n * @param {fabric.Object} object\r\n * @returns\r\n */\r\n canEnterGroup: function (object) {\r\n if (object === this || this.isDescendantOf(object)) {\r\n // prevent circular object tree\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: circular object trees are not supported, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n } else if (this._objects.indexOf(object) !== -1) {\r\n // is already in the objects array\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: duplicate objects are not supported inside group, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n object.group.remove(object);\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n */\r\n _enterGroup: function (object, removeParentTransform) {\r\n if (removeParentTransform) {\r\n // can this be converted to utils (sendObjectToPlane)?\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n invertTransform(this.calcTransformMatrix()),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n }\r\n this._shouldSetNestedCoords() && object.setCoords();\r\n object._set('group', this);\r\n object._set('canvas', this.canvas);\r\n this.interactive && this._watchObject(true, object);\r\n var activeObject =\r\n this.canvas &&\r\n this.canvas.getActiveObject &&\r\n this.canvas.getActiveObject();\r\n // if we are adding the activeObject in a group\r\n if (\r\n activeObject &&\r\n (activeObject === object || object.isDescendantOf(activeObject))\r\n ) {\r\n this._activeObjects.push(object);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n object._set('canvas', undefined);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _exitGroup: function (object, removeParentTransform) {\r\n object._set('group', undefined);\r\n if (!removeParentTransform) {\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n this.calcTransformMatrix(),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n object.setCoords();\r\n }\r\n this._watchObject(false, object);\r\n var index =\r\n this._activeObjects.length > 0\r\n ? this._activeObjects.indexOf(object)\r\n : -1;\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n this._applyLayoutStrategy({\r\n type: type,\r\n targets: targets,\r\n });\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onObjectAdded: function (object) {\r\n this.enterGroup(object, true);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onRelativeObjectAdded: function (object) {\r\n this.enterGroup(object, false);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _onObjectRemoved: function (object, removeParentTransform) {\r\n this.exitGroup(object, removeParentTransform);\r\n object.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group is already cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n var ownCache = FabricObject.prototype.shouldCache.call(this);\r\n if (ownCache) {\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n this.ownCaching = false;\r\n return false;\r\n }\r\n }\r\n }\r\n return ownCache;\r\n },\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * @return {Boolean}\r\n */\r\n willDrawShadow: function () {\r\n if (FabricObject.prototype.willDrawShadow.call(this)) {\r\n return true;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if instance or its group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return this.ownCaching || (!!this.group && this.group.isOnACache());\r\n },\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawObject: function (ctx) {\r\n this._renderBackground(ctx);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i].render(ctx);\r\n }\r\n this._drawClipPath(ctx, this.clipPath);\r\n },\r\n\r\n /**\r\n * Check if cache is dirty\r\n */\r\n isCacheDirty: function (skipCanvas) {\r\n if (this.callSuper('isCacheDirty', skipCanvas)) {\r\n return true;\r\n }\r\n if (!this.statefullCache) {\r\n return false;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].isCacheDirty(true)) {\r\n if (this._cacheCanvas) {\r\n // if this group has not a cache canvas there is nothing to clean\r\n var x = this.cacheWidth / this.zoomX,\r\n y = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-x / 2, -y / 2, x, y);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * @override\r\n * @return {Boolean}\r\n */\r\n setCoords: function () {\r\n this.callSuper('setCoords');\r\n this._shouldSetNestedCoords() &&\r\n this.forEachObject(function (object) {\r\n object.setCoords();\r\n });\r\n },\r\n\r\n /**\r\n * Renders instance on a given context\r\n * @param {CanvasRenderingContext2D} ctx context to render instance on\r\n */\r\n render: function (ctx) {\r\n // used to inform objects not to double opacity\r\n this._transformDone = true;\r\n this.callSuper('render', ctx);\r\n this._transformDone = false;\r\n },\r\n\r\n /**\r\n * @public\r\n * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations\r\n */\r\n triggerLayout: function (context) {\r\n if (context && context.layout) {\r\n context.prevLayout = this.layout;\r\n this.layout = context.layout;\r\n }\r\n this._applyLayoutStrategy({ type: 'imperative', context: context });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {Point} diff\r\n */\r\n _adjustObjectPosition: function (object, diff) {\r\n object.set({\r\n left: object.left + diff.x,\r\n top: object.top + diff.y,\r\n });\r\n },\r\n\r\n /**\r\n * initial layout logic:\r\n * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height)\r\n * so it is placed in the center of the bbox received from the constructor\r\n *\r\n * @private\r\n * @param {LayoutContext} context\r\n */\r\n _applyLayoutStrategy: function (context) {\r\n var isFirstLayout = context.type === 'initialization';\r\n if (!isFirstLayout && !this._firstLayoutDone) {\r\n // reject layout requests before initialization layout\r\n return;\r\n }\r\n var options = isFirstLayout && context.options;\r\n var initialTransform = options && {\r\n angle: options.angle || 0,\r\n skewX: options.skewX || 0,\r\n skewY: options.skewY || 0,\r\n };\r\n var center = this.getRelativeCenterPoint();\r\n var result = this.getLayoutStrategyResult(\r\n this.layout,\r\n this._objects.concat(),\r\n context\r\n );\r\n if (result) {\r\n // handle positioning\r\n var newCenter = new Point(result.centerX, result.centerY);\r\n var vector = center\r\n .subtract(newCenter)\r\n .add(new Point(result.correctionX || 0, result.correctionY || 0));\r\n var diff = transformPoint(\r\n vector,\r\n invertTransform(this.calcOwnMatrix()),\r\n true\r\n );\r\n // set dimensions\r\n this.set({ width: result.width, height: result.height });\r\n // adjust objects to account for new center\r\n !context.objectsRelativeToGroup &&\r\n this.forEachObject(function (object) {\r\n this._adjustObjectPosition(object, diff);\r\n }, this);\r\n // clip path as well\r\n !isFirstLayout &&\r\n this.layout !== 'clip-path' &&\r\n this.clipPath &&\r\n !this.clipPath.absolutePositioned &&\r\n this._adjustObjectPosition(this.clipPath, diff);\r\n if (!newCenter.eq(center) || initialTransform) {\r\n // set position\r\n this.setPositionByOrigin(newCenter, 'center', 'center');\r\n initialTransform && this.set(initialTransform);\r\n this.setCoords();\r\n }\r\n } else if (isFirstLayout) {\r\n // fill `result` with initial values for the layout hook\r\n result = {\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: this.width,\r\n height: this.height,\r\n };\r\n initialTransform && this.set(initialTransform);\r\n } else {\r\n // no `result` so we return\r\n return;\r\n }\r\n // flag for next layouts\r\n this._firstLayoutDone = true;\r\n // fire layout hook and event (event will fire only for layouts after initialization layout)\r\n this.onLayout(context, result);\r\n this.fire('layout', {\r\n context: context,\r\n result: result,\r\n diff: diff,\r\n });\r\n // recursive up\r\n if (this.group && this.group._applyLayoutStrategy) {\r\n // append the path recursion to context\r\n if (!context.path) {\r\n context.path = [];\r\n }\r\n context.path.push(this);\r\n // all parents should invalidate their layout\r\n this.group._applyLayoutStrategy(context);\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * If you need to run logic once layout completes use `onLayout`\r\n * @public\r\n *\r\n * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType\r\n *\r\n * @typedef LayoutContext context object with data regarding what triggered the call\r\n * @property {LayoutContextType} type\r\n * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one\r\n *\r\n * @typedef LayoutResult positioning and layout data **relative** to instance's parent\r\n * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`)\r\n * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`)\r\n * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX`\r\n * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY`\r\n * @property {number} width\r\n * @property {number} height\r\n *\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n getLayoutStrategyResult: function (layoutDirective, objects, context) {\r\n // eslint-disable-line no-unused-vars\r\n // `fit-content-lazy` performance enhancement\r\n // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects\r\n if (\r\n layoutDirective === 'fit-content-lazy' &&\r\n context.type === 'added' &&\r\n objects.length > context.targets.length\r\n ) {\r\n // calculate added objects' bbox with existing bbox\r\n var addedObjects = context.targets.concat(this);\r\n return this.prepareBoundingBox(\r\n layoutDirective,\r\n addedObjects,\r\n context\r\n );\r\n } else if (\r\n layoutDirective === 'fit-content' ||\r\n layoutDirective === 'fit-content-lazy' ||\r\n (layoutDirective === 'fixed' &&\r\n (context.type === 'initialization' ||\r\n context.type === 'imperative'))\r\n ) {\r\n return this.prepareBoundingBox(layoutDirective, objects, context);\r\n } else if (layoutDirective === 'clip-path' && this.clipPath) {\r\n var clipPath = this.clipPath;\r\n var clipPathSizeAfter = clipPath._getTransformedDimensions();\r\n if (\r\n clipPath.absolutePositioned &&\r\n (context.type === 'initialization' ||\r\n context.type === 'layout_change')\r\n ) {\r\n // we want the center point to exist in group's containing plane\r\n var clipPathCenter = clipPath.getCenterPoint();\r\n if (this.group) {\r\n // send point from canvas plane to group's containing plane\r\n var inv = invertTransform(this.group.calcTransformMatrix());\r\n clipPathCenter = transformPoint(clipPathCenter, inv);\r\n }\r\n return {\r\n centerX: clipPathCenter.x,\r\n centerY: clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n } else if (!clipPath.absolutePositioned) {\r\n var center;\r\n var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(),\r\n // we want the center point to exist in group's containing plane, so we send it upwards\r\n clipPathCenter = transformPoint(\r\n clipPathRelativeCenter,\r\n this.calcOwnMatrix(),\r\n true\r\n );\r\n if (\r\n context.type === 'initialization' ||\r\n context.type === 'layout_change'\r\n ) {\r\n var bbox =\r\n this.prepareBoundingBox(layoutDirective, objects, context) ||\r\n {};\r\n center = new Point(bbox.centerX || 0, bbox.centerY || 0);\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n correctionX: bbox.correctionX - clipPathCenter.x,\r\n correctionY: bbox.correctionY - clipPathCenter.y,\r\n width: clipPath.width,\r\n height: clipPath.height,\r\n };\r\n } else {\r\n center = this.getRelativeCenterPoint();\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n }\r\n }\r\n } else if (\r\n layoutDirective === 'svg' &&\r\n context.type === 'initialization'\r\n ) {\r\n var bbox = this.getObjectsBoundingBox(objects, true) || {};\r\n return Object.assign(bbox, {\r\n correctionX: -bbox.offsetX || 0,\r\n correctionY: -bbox.offsetY || 0,\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * A wrapper around {@link fabric.Group#getObjectsBoundingBox}\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareBoundingBox: function (layoutDirective, objects, context) {\r\n if (context.type === 'initialization') {\r\n return this.prepareInitialBoundingBox(\r\n layoutDirective,\r\n objects,\r\n context\r\n );\r\n } else if (context.type === 'imperative' && context.context) {\r\n return Object.assign(\r\n this.getObjectsBoundingBox(objects) || {},\r\n context.context\r\n );\r\n } else {\r\n return this.getObjectsBoundingBox(objects);\r\n }\r\n },\r\n\r\n /**\r\n * Calculates center taking into account originX, originY while not being sure that width/height are initialized\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareInitialBoundingBox: function (layoutDirective, objects, context) {\r\n var options = context.options || {},\r\n hasX = typeof options.left === 'number',\r\n hasY = typeof options.top === 'number',\r\n hasWidth = typeof options.width === 'number',\r\n hasHeight = typeof options.height === 'number';\r\n\r\n // performance enhancement\r\n // skip layout calculation if bbox is defined\r\n if (\r\n (hasX &&\r\n hasY &&\r\n hasWidth &&\r\n hasHeight &&\r\n context.objectsRelativeToGroup) ||\r\n objects.length === 0\r\n ) {\r\n // return nothing to skip layout\r\n return;\r\n }\r\n\r\n var bbox = this.getObjectsBoundingBox(objects) || {};\r\n var width = hasWidth ? this.width : bbox.width || 0,\r\n height = hasHeight ? this.height : bbox.height || 0,\r\n calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0),\r\n origin = new Point(\r\n resolveOrigin(this.originX),\r\n resolveOrigin(this.originY)\r\n ),\r\n size = new Point(width, height),\r\n strokeWidthVector = this._getTransformedDimensions({\r\n width: 0,\r\n height: 0,\r\n }),\r\n sizeAfter = this._getTransformedDimensions({\r\n width: width,\r\n height: height,\r\n strokeWidth: 0,\r\n }),\r\n bboxSizeAfter = this._getTransformedDimensions({\r\n width: bbox.width,\r\n height: bbox.height,\r\n strokeWidth: 0,\r\n }),\r\n rotationCorrection = new Point(0, 0);\r\n\r\n // calculate center and correction\r\n var originT = origin.scalarAdd(0.5);\r\n var originCorrection = sizeAfter.multiply(originT);\r\n var centerCorrection = new Point(\r\n hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x,\r\n hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y\r\n );\r\n var center = new Point(\r\n hasX\r\n ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x\r\n : calculatedCenter.x - centerCorrection.x,\r\n hasY\r\n ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y\r\n : calculatedCenter.y - centerCorrection.y\r\n );\r\n var offsetCorrection = new Point(\r\n hasX\r\n ? center.x -\r\n calculatedCenter.x +\r\n bboxSizeAfter.x * (hasWidth ? 0.5 : 0)\r\n : -(hasWidth\r\n ? (sizeAfter.x - strokeWidthVector.x) * 0.5\r\n : sizeAfter.x * originT.x),\r\n hasY\r\n ? center.y -\r\n calculatedCenter.y +\r\n bboxSizeAfter.y * (hasHeight ? 0.5 : 0)\r\n : -(hasHeight\r\n ? (sizeAfter.y - strokeWidthVector.y) * 0.5\r\n : sizeAfter.y * originT.y)\r\n ).add(rotationCorrection);\r\n var correction = new Point(\r\n hasWidth ? -sizeAfter.x / 2 : 0,\r\n hasHeight ? -sizeAfter.y / 2 : 0\r\n ).add(offsetCorrection);\r\n\r\n return {\r\n centerX: center.x,\r\n centerY: center.y,\r\n correctionX: correction.x,\r\n correctionY: correction.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Calculate the bbox of objects relative to instance's containing plane\r\n * @public\r\n * @param {fabric.Object[]} objects\r\n * @returns {LayoutResult | null} bounding box\r\n */\r\n getObjectsBoundingBox: function (objects, ignoreOffset) {\r\n if (objects.length === 0) {\r\n return null;\r\n }\r\n var objCenter, sizeVector, min, max, a, b;\r\n objects.forEach(function (object, i) {\r\n objCenter = object.getRelativeCenterPoint();\r\n sizeVector = object._getTransformedDimensions().scalarDivide(2);\r\n if (object.angle) {\r\n var rad = degreesToRadians(object.angle),\r\n sin = Math.abs(fabric.util.sin(rad)),\r\n cos = Math.abs(fabric.util.cos(rad)),\r\n rx = sizeVector.x * cos + sizeVector.y * sin,\r\n ry = sizeVector.x * sin + sizeVector.y * cos;\r\n sizeVector = new Point(rx, ry);\r\n }\r\n a = objCenter.subtract(sizeVector);\r\n b = objCenter.add(sizeVector);\r\n if (i === 0) {\r\n min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y));\r\n max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y));\r\n } else {\r\n min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y));\r\n max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y));\r\n }\r\n });\r\n\r\n var size = max.subtract(min),\r\n relativeCenter = ignoreOffset\r\n ? size.scalarDivide(2)\r\n : min.midPointFrom(max),\r\n // we send `relativeCenter` up to group's containing plane\r\n offset = transformPoint(min, this.calcOwnMatrix()),\r\n center = transformPoint(relativeCenter, this.calcOwnMatrix());\r\n\r\n return {\r\n offsetX: offset.x,\r\n offsetY: offset.y,\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Hook that is called once layout has completed.\r\n * Provided for layout customization, override if necessary.\r\n * Complements `getLayoutStrategyResult`, which is called at the beginning of layout.\r\n * @public\r\n * @param {LayoutContext} context layout context\r\n * @param {LayoutResult} result layout result\r\n */\r\n onLayout: function (/* context, result */) {\r\n // override by subclass\r\n },\r\n\r\n /**\r\n *\r\n * @private\r\n * @param {'toObject'|'toDatalessObject'} [method]\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {fabric.Object[]} serialized objects\r\n */\r\n __serializeObjects: function (method, propertiesToInclude) {\r\n var _includeDefaultValues = this.includeDefaultValues;\r\n return this._objects\r\n .filter(function (obj) {\r\n return !obj.excludeFromExport;\r\n })\r\n .map(function (obj) {\r\n var originalDefaults = obj.includeDefaultValues;\r\n obj.includeDefaultValues = _includeDefaultValues;\r\n var data = obj[method || 'toObject'](propertiesToInclude);\r\n obj.includeDefaultValues = originalDefaults;\r\n //delete data.version;\r\n return data;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var obj = this.callSuper(\r\n 'toObject',\r\n ['layout', 'subTargetCheck', 'interactive'].concat(\r\n propertiesToInclude\r\n )\r\n );\r\n obj.objects = this.__serializeObjects('toObject', propertiesToInclude);\r\n return obj;\r\n },\r\n\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n dispose: function () {\r\n this._activeObjects = [];\r\n this.forEachObject(function (object) {\r\n this._watchObject(false, object);\r\n object.dispose && object.dispose();\r\n }, this);\r\n this.callSuper('dispose');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * @private\r\n */\r\n _createSVGBgRect: function (reviver) {\r\n if (!this.backgroundColor) {\r\n return '';\r\n }\r\n var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver);\r\n var commons = fillStroke.indexOf('COMMON_PARTS');\r\n fillStroke[commons] = 'for=\"group\" ';\r\n return fillStroke.join('');\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG: function (reviver) {\r\n var svgString = ['\\n'];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t\\t', this._objects[i].toSVG(reviver));\r\n }\r\n svgString.push('\\n');\r\n return svgString;\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export, specific version for group\r\n * @return {String}\r\n */\r\n getSvgStyles: function () {\r\n var opacity =\r\n typeof this.opacity !== 'undefined' && this.opacity !== 1\r\n ? 'opacity: ' + this.opacity + ';'\r\n : '',\r\n visibility = this.visible ? '' : ' visibility: hidden;';\r\n return [opacity, this.getSvgFilter(), visibility].join('');\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var svgString = [];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t', this._objects[i].toClipPathSVG(reviver));\r\n }\r\n return this._createBaseClipPathSVGMarkup(svgString, {\r\n reviver: reviver,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /**\r\n * @todo support loading from svg\r\n * @private\r\n * @static\r\n * @memberOf fabric.Group\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.Group.fromObject = function (object) {\r\n var objects = object.objects || [],\r\n options = clone(object, true);\r\n delete options.objects;\r\n return Promise.all([\r\n fabric.util.enlivenObjects(objects),\r\n fabric.util.enlivenObjectEnlivables(options),\r\n ]).then(function (enlivened) {\r\n return new fabric.Group(\r\n enlivened[0],\r\n Object.assign(options, enlivened[1]),\r\n true\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Group class\r\n * @class fabric.ActiveSelection\r\n * @extends fabric.Group\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups}\r\n * @see {@link fabric.ActiveSelection#initialize} for constructor definition\r\n */\r\n fabric.ActiveSelection = fabric.util.createClass(\r\n fabric.Group,\r\n /** @lends fabric.ActiveSelection.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'activeSelection',\r\n\r\n /**\r\n * @override\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * @override\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * @override\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.ActiveSelection} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this.callSuper('initialize', objects, options, objectsRelativeToGroup);\r\n this.setCoords();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n // save ref to group for later in order to return to it\r\n var parent = object.group;\r\n parent._exitGroup(object);\r\n object.__owningGroup = parent;\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * we want objects to retain their canvas ref when exiting instance\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n var parent = object.__owningGroup;\r\n if (parent) {\r\n // return to owning group\r\n parent.enterGroup(object);\r\n delete object.__owningGroup;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n var groups = [];\r\n targets.forEach(function (object) {\r\n object.group &&\r\n !groups.includes(object.group) &&\r\n groups.push(object.group);\r\n });\r\n if (type === 'removed') {\r\n // invalidate groups' layout and mark as dirty\r\n groups.forEach(function (group) {\r\n group._onAfterObjectsChange('added', targets);\r\n });\r\n } else {\r\n // mark groups as dirty\r\n groups.forEach(function (group) {\r\n group._set('dirty', true);\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * If returns true, deselection is cancelled.\r\n * @since 2.0.0\r\n * @return {Boolean} [cancel]\r\n */\r\n onDeselect: function () {\r\n this.removeAll();\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns string representation of a group\r\n * @return {String}\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if this group or its parent group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n * @param {Object} [childrenOverride] properties to override the children overrides\r\n */\r\n _renderControls: function (ctx, styleOverride, childrenOverride) {\r\n ctx.save();\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n this.callSuper('_renderControls', ctx, styleOverride);\r\n var options = Object.assign({ hasControls: false }, childrenOverride, {\r\n forActiveSelection: true,\r\n });\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i]._renderControls(ctx, options);\r\n }\r\n ctx.restore();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.ActiveSelection} instance from an object representation\r\n * @static\r\n * @memberOf fabric.ActiveSelection\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.ActiveSelection.fromObject = function (object) {\r\n var objects = object.objects,\r\n options = fabric.util.object.clone(object, true);\r\n delete options.objects;\r\n return fabric.util\r\n .enlivenObjects(objects)\r\n .then(function (enlivenedObjects) {\r\n return new fabric.ActiveSelection(enlivenedObjects, options, true);\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend;\r\n /**\r\n * Image class\r\n * @class fabric.Image\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images}\r\n * @see {@link fabric.Image#initialize} for constructor definition\r\n */\r\n fabric.Image = fabric.util.createClass(\r\n FabricObject,\r\n /** @lends fabric.Image.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'image',\r\n\r\n /**\r\n * Width of a stroke.\r\n * For image quality a stroke multiple of 2 gives better results.\r\n * @type Number\r\n * @default\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`.\r\n * This allows for relative urls as image src.\r\n * @since 2.7.0\r\n * @type Boolean\r\n * @default\r\n */\r\n srcFromAttribute: false,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleX to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleY to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleY: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingY: 1,\r\n\r\n /**\r\n * minimum scale factor under which any resizeFilter is triggered to resize the image\r\n * 0 will disable the automatic resize. 1 will trigger automatically always.\r\n * number bigger than 1 are not implemented yet.\r\n * @type Number\r\n */\r\n minimumScaleTrigger: 0.5,\r\n\r\n /**\r\n * List of properties to consider when checking if\r\n * state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * key used to retrieve the texture representing this image\r\n * @since 2.0.0\r\n * @type String\r\n * @default\r\n */\r\n cacheKey: '',\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropX: 0,\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropY: 0,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing when painting this image.\r\n * Also influence if the cacheCanvas for this image uses imageSmoothing\r\n * @since 4.0.0-beta.11\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothing: true,\r\n\r\n /**\r\n * Constructor\r\n * Image can be initialized with any canvas drawable or a string.\r\n * The string should be a url and will be loaded as an image.\r\n * Canvas and Image element work out of the box, while videos require extra code to work.\r\n * Please check video element events for seeking.\r\n * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n */\r\n initialize: function (element, options) {\r\n options || (options = {});\r\n this.filters = [];\r\n this.cacheKey = 'texture' + FabricObject.__uid++;\r\n this.callSuper('initialize', options);\r\n this._initElement(element, options);\r\n },\r\n\r\n /**\r\n * Returns image element which this instance if based on\r\n * @return {HTMLImageElement} Image element\r\n */\r\n getElement: function () {\r\n return this._element || {};\r\n },\r\n\r\n /**\r\n * Sets image element for this instance to a specified one.\r\n * If filters defined they are applied to new image.\r\n * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area.\r\n * @param {HTMLImageElement} element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n * @chainable\r\n */\r\n setElement: function (element, options) {\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._element = element;\r\n this._originalElement = element;\r\n this._initConfig(options);\r\n element.classList.add(fabric.Image.CSS_CANVAS);\r\n if (this.filters.length !== 0) {\r\n this.applyFilters();\r\n }\r\n // resizeFilters work on the already filtered copy.\r\n // we need to apply resizeFilters AFTER normal filters.\r\n // applyResizeFilters is run more often than normal filters\r\n // and is triggered by user interactions rather than dev code\r\n if (this.resizeFilter) {\r\n this.applyResizeFilters();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Delete a single texture if in webgl mode\r\n */\r\n removeTexture: function (key) {\r\n var backend = fabric.filterBackend;\r\n if (backend && backend.evictCachesForKey) {\r\n backend.evictCachesForKey(key);\r\n }\r\n },\r\n\r\n /**\r\n * Delete textures, reference to elements and eventually JSDOM cleanup\r\n */\r\n dispose: function () {\r\n this.callSuper('dispose');\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._cacheContext = undefined;\r\n ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(\r\n function (element) {\r\n fabric.util.cleanUpJsdomNode(this[element]);\r\n this[element] = undefined;\r\n }.bind(this)\r\n );\r\n },\r\n\r\n /**\r\n * Get the crossOrigin value (of the corresponding image element)\r\n */\r\n getCrossOrigin: function () {\r\n return (\r\n this._originalElement && (this._originalElement.crossOrigin || null)\r\n );\r\n },\r\n\r\n /**\r\n * Returns original size of an image\r\n * @return {Object} Object with \"width\" and \"height\" properties\r\n */\r\n getOriginalSize: function () {\r\n var element = this.getElement();\r\n return {\r\n width: element.naturalWidth || element.width,\r\n height: element.naturalHeight || element.height,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _stroke: function (ctx) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n var w = this.width / 2,\r\n h = this.height / 2;\r\n ctx.beginPath();\r\n ctx.moveTo(-w, -h);\r\n ctx.lineTo(w, -h);\r\n ctx.lineTo(w, h);\r\n ctx.lineTo(-w, h);\r\n ctx.lineTo(-w, -h);\r\n ctx.closePath();\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var filters = [];\r\n\r\n this.filters.forEach(function (filterObj) {\r\n if (filterObj) {\r\n filters.push(filterObj.toObject());\r\n }\r\n });\r\n var object = extend(\r\n this.callSuper(\r\n 'toObject',\r\n ['cropX', 'cropY'].concat(propertiesToInclude)\r\n ),\r\n {\r\n src: this.getSrc(),\r\n crossOrigin: this.getCrossOrigin(),\r\n filters: filters,\r\n }\r\n );\r\n if (this.resizeFilter) {\r\n object.resizeFilter = this.resizeFilter.toObject();\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height.\r\n * @return {Boolean}\r\n */\r\n hasCrop: function () {\r\n return (\r\n this.cropX ||\r\n this.cropY ||\r\n this.width < this._element.width ||\r\n this.height < this._element.height\r\n );\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var svgString = [],\r\n imageMarkup = [],\r\n strokeSvg,\r\n element = this._element,\r\n x = -this.width / 2,\r\n y = -this.height / 2,\r\n clipPath = '',\r\n imageRendering = '';\r\n if (!element) {\r\n return [];\r\n }\r\n if (this.hasCrop()) {\r\n var clipPathId = FabricObject.__uid++;\r\n svgString.push(\r\n '\\n',\r\n '\\t\\n',\r\n '\\n'\r\n );\r\n clipPath = ' clip-path=\"url(#imageCrop_' + clipPathId + ')\" ';\r\n }\r\n if (!this.imageSmoothing) {\r\n imageRendering = '\" image-rendering=\"optimizeSpeed';\r\n }\r\n imageMarkup.push(\r\n '\\t element with actual transformation, then offsetting object to the top/left\r\n // so that object's center aligns with container's left/top\r\n '\" width=\"',\r\n element.width || element.naturalWidth,\r\n '\" height=\"',\r\n element.height || element.height,\r\n imageRendering,\r\n '\"',\r\n clipPath,\r\n '>\\n'\r\n );\r\n\r\n if (this.stroke || this.strokeDashArray) {\r\n var origFill = this.fill;\r\n this.fill = null;\r\n strokeSvg = [\r\n '\\t\\n',\r\n ];\r\n this.fill = origFill;\r\n }\r\n if (this.paintFirst !== 'fill') {\r\n svgString = svgString.concat(strokeSvg, imageMarkup);\r\n } else {\r\n svgString = svgString.concat(imageMarkup, strokeSvg);\r\n }\r\n return svgString;\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns source of an image\r\n * @param {Boolean} filtered indicates if the src is needed for svg\r\n * @return {String} Source of an image\r\n */\r\n getSrc: function (filtered) {\r\n var element = filtered ? this._element : this._originalElement;\r\n if (element) {\r\n if (element.toDataURL) {\r\n return element.toDataURL();\r\n }\r\n\r\n if (this.srcFromAttribute) {\r\n return element.getAttribute('src');\r\n } else {\r\n return element.src;\r\n }\r\n } else {\r\n return this.src || '';\r\n }\r\n },\r\n\r\n /**\r\n * Loads and sets source of an image\\\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n * @param {String} src Source string (URL)\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {String} [options.crossOrigin] crossOrigin value (one of \"\", \"anonymous\", \"use-credentials\")\r\n * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes\r\n * @return {Promise} thisArg\r\n */\r\n setSrc: function (src, options) {\r\n var _this = this;\r\n return fabric.util.loadImage(src, options).then(function (img) {\r\n _this.setElement(img, options);\r\n _this._setWidthHeight();\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of an instance\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n applyResizeFilters: function () {\r\n var filter = this.resizeFilter,\r\n minimumScale = this.minimumScaleTrigger,\r\n objectScale = this.getTotalObjectScaling(),\r\n scaleX = objectScale.x,\r\n scaleY = objectScale.y,\r\n elementToFilter = this._filteredEl || this._originalElement;\r\n if (this.group) {\r\n this.set('dirty', true);\r\n }\r\n if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) {\r\n this._element = elementToFilter;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n this._lastScaleX = scaleX;\r\n this._lastScaleY = scaleY;\r\n return;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n var canvasEl = fabric.util.createCanvasElement(),\r\n cacheKey = this._filteredEl\r\n ? this.cacheKey + '_filtered'\r\n : this.cacheKey,\r\n sourceWidth = elementToFilter.width,\r\n sourceHeight = elementToFilter.height;\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._lastScaleX = filter.scaleX = scaleX;\r\n this._lastScaleY = filter.scaleY = scaleY;\r\n fabric.filterBackend.applyFilters(\r\n [filter],\r\n elementToFilter,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n cacheKey\r\n );\r\n this._filterScalingX = canvasEl.width / this._originalElement.width;\r\n this._filterScalingY = canvasEl.height / this._originalElement.height;\r\n },\r\n\r\n /**\r\n * Applies filters assigned to this image (from \"filters\" array) or from filter param\r\n * @method applyFilters\r\n * @param {Array} filters to be applied\r\n * @param {Boolean} forResizing specify if the filter operation is a resize operation\r\n * @return {thisArg} return the fabric.Image object\r\n * @chainable\r\n */\r\n applyFilters: function (filters) {\r\n filters = filters || this.filters || [];\r\n filters = filters.filter(function (filter) {\r\n return filter && !filter.isNeutralState();\r\n });\r\n this.set('dirty', true);\r\n\r\n // needs to clear out or WEBGL will not resize correctly\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n\r\n if (filters.length === 0) {\r\n this._element = this._originalElement;\r\n this._filteredEl = null;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n return this;\r\n }\r\n\r\n var imgElement = this._originalElement,\r\n sourceWidth = imgElement.naturalWidth || imgElement.width,\r\n sourceHeight = imgElement.naturalHeight || imgElement.height;\r\n\r\n if (this._element === this._originalElement) {\r\n // if the element is the same we need to create a new element\r\n var canvasEl = fabric.util.createCanvasElement();\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._filteredEl = canvasEl;\r\n } else {\r\n // clear the existing element to get new filter data\r\n // also dereference the eventual resized _element\r\n this._element = this._filteredEl;\r\n this._filteredEl\r\n .getContext('2d')\r\n .clearRect(0, 0, sourceWidth, sourceHeight);\r\n // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y\r\n this._lastScaleX = 1;\r\n this._lastScaleY = 1;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n fabric.filterBackend.applyFilters(\r\n filters,\r\n this._originalElement,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n this.cacheKey\r\n );\r\n if (\r\n this._originalElement.width !== this._element.width ||\r\n this._originalElement.height !== this._element.height\r\n ) {\r\n this._filterScalingX =\r\n this._element.width / this._originalElement.width;\r\n this._filterScalingY =\r\n this._element.height / this._originalElement.height;\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n if (\r\n this.isMoving !== true &&\r\n this.resizeFilter &&\r\n this._needsResize()\r\n ) {\r\n this.applyResizeFilters();\r\n }\r\n this._stroke(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * it will set the imageSmoothing for the draw operation\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n FabricObject.prototype.drawCacheOnCanvas.call(this, ctx);\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * This is the special image version where we would like to avoid caching where possible.\r\n * Essentially images do not benefit from caching. They may require caching, and in that\r\n * case we do it. Also caching an image usually ends in a loss of details.\r\n * A full performance audit should be done.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return this.needsItsOwnCache();\r\n },\r\n\r\n _renderFill: function (ctx) {\r\n var elementToDraw = this._element;\r\n if (!elementToDraw) {\r\n return;\r\n }\r\n var scaleX = this._filterScalingX,\r\n scaleY = this._filterScalingY,\r\n w = this.width,\r\n h = this.height,\r\n min = Math.min,\r\n max = Math.max,\r\n // crop values cannot be lesser than 0.\r\n cropX = max(this.cropX, 0),\r\n cropY = max(this.cropY, 0),\r\n elWidth = elementToDraw.naturalWidth || elementToDraw.width,\r\n elHeight = elementToDraw.naturalHeight || elementToDraw.height,\r\n sX = cropX * scaleX,\r\n sY = cropY * scaleY,\r\n // the width height cannot exceed element width/height, starting from the crop offset.\r\n sW = min(w * scaleX, elWidth - sX),\r\n sH = min(h * scaleY, elHeight - sY),\r\n x = -w / 2,\r\n y = -h / 2,\r\n maxDestW = min(w, elWidth / scaleX - cropX),\r\n maxDestH = min(h, elHeight / scaleY - cropY);\r\n\r\n elementToDraw &&\r\n ctx.drawImage(\r\n elementToDraw,\r\n sX,\r\n sY,\r\n sW,\r\n sH,\r\n x,\r\n y,\r\n maxDestW,\r\n maxDestH\r\n );\r\n },\r\n\r\n /**\r\n * needed to check if image needs resize\r\n * @private\r\n */\r\n _needsResize: function () {\r\n var scale = this.getTotalObjectScaling();\r\n return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _resetWidthHeight: function () {\r\n this.set(this.getOriginalSize());\r\n },\r\n\r\n /**\r\n * The Image class's initialization method. This method is automatically\r\n * called by the constructor.\r\n * @private\r\n * @param {HTMLImageElement|String} element The element representing the image\r\n * @param {Object} [options] Options object\r\n */\r\n _initElement: function (element, options) {\r\n this.setElement(\r\n fabric.document.getElementById(element) || element,\r\n options\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initConfig: function (options) {\r\n options || (options = {});\r\n this.setOptions(options);\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * Set the width and the height of the image object, using the element or the\r\n * options.\r\n * @param {Object} [options] Object with width/height properties\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n var el = this.getElement();\r\n this.width = options.width || el.naturalWidth || el.width || 0;\r\n this.height = options.height || el.naturalHeight || el.height || 0;\r\n },\r\n\r\n /**\r\n * Calculate offset for center and scale factor for the image in order to respect\r\n * the preserveAspectRatio attribute\r\n * @private\r\n * @return {Object}\r\n */\r\n parsePreserveAspectRatioAttribute: function () {\r\n var pAR = fabric.util.parsePreserveAspectRatioAttribute(\r\n this.preserveAspectRatio || ''\r\n ),\r\n rWidth = this._element.width,\r\n rHeight = this._element.height,\r\n scaleX = 1,\r\n scaleY = 1,\r\n offsetLeft = 0,\r\n offsetTop = 0,\r\n cropX = 0,\r\n cropY = 0,\r\n offset,\r\n pWidth = this.width,\r\n pHeight = this.height,\r\n parsedAttributes = { width: pWidth, height: pHeight };\r\n if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) {\r\n if (pAR.meetOrSlice === 'meet') {\r\n scaleX = scaleY = fabric.util.findScaleToFit(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = (pWidth - rWidth * scaleX) / 2;\r\n if (pAR.alignX === 'Min') {\r\n offsetLeft = -offset;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n offsetLeft = offset;\r\n }\r\n offset = (pHeight - rHeight * scaleY) / 2;\r\n if (pAR.alignY === 'Min') {\r\n offsetTop = -offset;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n offsetTop = offset;\r\n }\r\n }\r\n if (pAR.meetOrSlice === 'slice') {\r\n scaleX = scaleY = fabric.util.findScaleToCover(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = rWidth - pWidth / scaleX;\r\n if (pAR.alignX === 'Mid') {\r\n cropX = offset / 2;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n cropX = offset;\r\n }\r\n offset = rHeight - pHeight / scaleY;\r\n if (pAR.alignY === 'Mid') {\r\n cropY = offset / 2;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n cropY = offset;\r\n }\r\n rWidth = pWidth / scaleX;\r\n rHeight = pHeight / scaleY;\r\n }\r\n } else {\r\n scaleX = pWidth / rWidth;\r\n scaleY = pHeight / rHeight;\r\n }\r\n return {\r\n width: rWidth,\r\n height: rHeight,\r\n scaleX: scaleX,\r\n scaleY: scaleY,\r\n offsetLeft: offsetLeft,\r\n offsetTop: offsetTop,\r\n cropX: cropX,\r\n cropY: cropY,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Default CSS class name for canvas\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n fabric.Image.CSS_CANVAS = 'canvas-img';\r\n\r\n /**\r\n * Alias for getSrc\r\n * @static\r\n */\r\n fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc;\r\n\r\n /**\r\n * Creates an instance of fabric.Image from its object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @param {object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromObject = function (object, options) {\r\n var _object = Object.assign({}, object),\r\n filters = _object.filters,\r\n resizeFilter = _object.resizeFilter;\r\n // the generic enliving will fail on filters for now\r\n delete _object.resizeFilter;\r\n delete _object.filters;\r\n var imageOptions = Object.assign({}, options, {\r\n crossOrigin: _object.crossOrigin,\r\n }),\r\n filterOptions = Object.assign({}, options, {\r\n namespace: fabric.Image.filters,\r\n });\r\n return Promise.all([\r\n fabric.util.loadImage(_object.src, imageOptions),\r\n filters && fabric.util.enlivenObjects(filters, filterOptions),\r\n resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions),\r\n fabric.util.enlivenObjectEnlivables(_object, options),\r\n ]).then(function (imgAndFilters) {\r\n _object.filters = imgAndFilters[1] || [];\r\n _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0];\r\n return new fabric.Image(\r\n imgAndFilters[0],\r\n Object.assign(_object, imgAndFilters[3])\r\n );\r\n });\r\n };\r\n\r\n /**\r\n * Creates an instance of fabric.Image from an URL string\r\n * @static\r\n * @param {String} url URL to create an image from\r\n * @param {object} [options] Options object\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromURL = function (url, options) {\r\n return fabric.util.loadImage(url, options || {}).then(function (img) {\r\n return new fabric.Image(img, options);\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement})\r\n * @static\r\n * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement}\r\n */\r\n fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(\r\n ' '\r\n )\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.Image} instance from an SVG element\r\n * @static\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} callback Callback to execute when fabric.Image object is created\r\n * @return {fabric.Image} Instance of fabric.Image\r\n */\r\n fabric.Image.fromElement = function (element, callback, options) {\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Image.ATTRIBUTE_NAMES\r\n );\r\n fabric.Image.fromURL(\r\n parsedAttributes['xlink:href'],\r\n Object.assign({}, options || {}, parsedAttributes)\r\n ).then(function (fabricImage) {\r\n callback(fabricImage);\r\n });\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * @private\r\n * @return {Number} angle value\r\n */\r\n _getAngleValueForStraighten: function () {\r\n var angle = this.angle % 360;\r\n if (angle > 0) {\r\n return Math.round((angle - 1) / 90) * 90;\r\n }\r\n return Math.round(angle / 90) * 90;\r\n },\r\n\r\n /**\r\n * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n straighten: function () {\r\n return this.rotate(this._getAngleValueForStraighten());\r\n },\r\n\r\n /**\r\n * Same as {@link FabricObject.prototype.straighten} but with animation\r\n * @param {Object} callbacks Object with callback functions\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.Object} thisArg\r\n */\r\n fxStraighten: function (callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: this.get('angle'),\r\n endValue: this._getAngleValueForStraighten(),\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n _this.rotate(value);\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Straightens object, then rerenders canvas\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n straightenObject: function (object) {\r\n object.straighten();\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n fxStraightenObject: function (object) {\r\n return object.fxStraighten({\r\n onChange: this.requestRenderAllBound,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\n\r\nexport const enum TWebGLPrecision {\r\n low = 'lowp',\r\n medium = 'mediump',\r\n high = 'highp',\r\n}\r\n\r\n/**\r\n * @todo remove once rollup supports transforming enums...\r\n * https://github.com/rollup/plugins/issues/463\r\n */\r\nconst WebGLPrecision = [\r\n TWebGLPrecision.low,\r\n TWebGLPrecision.medium,\r\n TWebGLPrecision.high,\r\n];\r\n\r\n/**\r\n * Lazy initialize WebGL contants\r\n */\r\nclass WebGLProbe {\r\n private initialized = false;\r\n\r\n private _maxTextureSize?: number;\r\n\r\n private _webGLPrecision?: TWebGLPrecision;\r\n\r\n get maxTextureSize() {\r\n this.queryWebGL();\r\n return this._maxTextureSize;\r\n }\r\n\r\n get webGLPrecision() {\r\n this.queryWebGL();\r\n return this._webGLPrecision;\r\n }\r\n\r\n /**\r\n * Tests if webgl supports certain precision\r\n * @param {WebGL} Canvas WebGL context to test on\r\n * @param {TWebGLPrecision} Precision to test can be any of following\r\n * @returns {Boolean} Whether the user's browser WebGL supports given precision.\r\n */\r\n private testPrecision(gl: WebGLRenderingContext, precision: TWebGLPrecision) {\r\n const fragmentSource = `precision ${precision} float;\\nvoid main(){}`;\r\n const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS);\r\n }\r\n\r\n /**\r\n * query browser for WebGL\r\n * @returns config object if true\r\n */\r\n private queryWebGL() {\r\n if (this.initialized || fabric.isLikelyNode) {\r\n return;\r\n }\r\n const canvas = createCanvasElement();\r\n const gl =\r\n canvas.getContext('webgl') || canvas.getContext('experimental-webgl');\r\n if (gl) {\r\n this._maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE);\r\n this._webGLPrecision = WebGLPrecision.find((key) =>\r\n this.testPrecision(gl, key)\r\n );\r\n console.log(`fabric: max texture size ${this._maxTextureSize}`);\r\n }\r\n this.initialized = true;\r\n }\r\n\r\n isSupported(textureSize: number) {\r\n return this.maxTextureSize && this.maxTextureSize >= textureSize;\r\n }\r\n}\r\n\r\nexport const webGLProbe = new WebGLProbe();\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n\r\n fabric.initFilterBackend = function () {\r\n if (\r\n config.enableGLFiltering &&\r\n webGLProbe.isSupported(config.textureSize)\r\n ) {\r\n return new fabric.WebglFilterBackend({ tileSize: config.textureSize });\r\n } else if (fabric.Canvas2dFilterBackend) {\r\n return new fabric.Canvas2dFilterBackend();\r\n }\r\n };\r\n\r\n fabric.WebglFilterBackend = WebglFilterBackend;\r\n\r\n /**\r\n * WebGL filter backend.\r\n */\r\n function WebglFilterBackend(options) {\r\n if (options && options.tileSize) {\r\n this.tileSize = options.tileSize;\r\n }\r\n this.setupGLContext(this.tileSize, this.tileSize);\r\n this.captureGPUInfo();\r\n }\r\n\r\n WebglFilterBackend.prototype =\r\n /** @lends fabric.WebglFilterBackend.prototype */ {\r\n tileSize: config.textureSize,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Setup a WebGL context suitable for filtering, and bind any needed event handlers.\r\n */\r\n setupGLContext: function (width, height) {\r\n this.dispose();\r\n this.createWebGLCanvas(width, height);\r\n // eslint-disable-next-line\r\n this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]);\r\n this.chooseFastestCopyGLTo2DMethod(width, height);\r\n },\r\n\r\n /**\r\n * Pick a method to copy data from GL context to 2d canvas. In some browsers using\r\n * putImageData is faster than drawImage for that specific operation.\r\n */\r\n chooseFastestCopyGLTo2DMethod: function (width, height) {\r\n var canMeasurePerf = typeof window.performance !== 'undefined',\r\n canUseImageData;\r\n try {\r\n new ImageData(1, 1);\r\n canUseImageData = true;\r\n } catch (e) {\r\n canUseImageData = false;\r\n }\r\n // eslint-disable-next-line no-undef\r\n var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined';\r\n // eslint-disable-next-line no-undef\r\n var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined';\r\n\r\n if (\r\n !(\r\n canMeasurePerf &&\r\n canUseImageData &&\r\n canUseArrayBuffer &&\r\n canUseUint8Clamped\r\n )\r\n ) {\r\n return;\r\n }\r\n\r\n var targetCanvas = fabric.util.createCanvasElement();\r\n // eslint-disable-next-line no-undef\r\n var imageBuffer = new ArrayBuffer(width * height * 4);\r\n if (config.forceGLPutImageData) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n return;\r\n }\r\n var testContext = {\r\n imageBuffer: imageBuffer,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n targetCanvas: targetCanvas,\r\n };\r\n var startTime, drawImageTime, putImageDataTime;\r\n targetCanvas.width = width;\r\n targetCanvas.height = height;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DDrawImage.call(testContext, this.gl, testContext);\r\n drawImageTime = window.performance.now() - startTime;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DPutImageData.call(testContext, this.gl, testContext);\r\n putImageDataTime = window.performance.now() - startTime;\r\n\r\n if (drawImageTime > putImageDataTime) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n } else {\r\n this.copyGLTo2D = copyGLTo2DDrawImage;\r\n }\r\n },\r\n\r\n /**\r\n * Create a canvas element and associated WebGL context and attaches them as\r\n * class properties to the GLFilterBackend class.\r\n */\r\n createWebGLCanvas: function (width, height) {\r\n var canvas = fabric.util.createCanvasElement();\r\n canvas.width = width;\r\n canvas.height = height;\r\n var glOptions = {\r\n alpha: true,\r\n premultipliedAlpha: false,\r\n depth: false,\r\n stencil: false,\r\n antialias: false,\r\n },\r\n gl = canvas.getContext('webgl', glOptions);\r\n if (!gl) {\r\n gl = canvas.getContext('experimental-webgl', glOptions);\r\n }\r\n if (!gl) {\r\n return;\r\n }\r\n gl.clearColor(0, 0, 0, 0);\r\n // this canvas can fire webglcontextlost and webglcontextrestored\r\n this.canvas = canvas;\r\n this.gl = gl;\r\n },\r\n\r\n /**\r\n * Attempts to apply the requested filters to the source provided, drawing the filtered output\r\n * to the provided target canvas.\r\n *\r\n * @param {Array} filters The filters to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered.\r\n * @param {Number} width The width of the source input.\r\n * @param {Number} height The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n * @param {String|undefined} cacheKey A key used to cache resources related to the source. If\r\n * omitted, caching will be skipped.\r\n */\r\n applyFilters: function (\r\n filters,\r\n source,\r\n width,\r\n height,\r\n targetCanvas,\r\n cacheKey\r\n ) {\r\n var gl = this.gl;\r\n var cachedTexture;\r\n if (cacheKey) {\r\n cachedTexture = this.getCachedTexture(cacheKey, source);\r\n }\r\n var pipelineState = {\r\n originalWidth: source.width || source.originalWidth,\r\n originalHeight: source.height || source.originalHeight,\r\n sourceWidth: width,\r\n sourceHeight: height,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n context: gl,\r\n sourceTexture: this.createTexture(\r\n gl,\r\n width,\r\n height,\r\n !cachedTexture && source\r\n ),\r\n targetTexture: this.createTexture(gl, width, height),\r\n originalTexture:\r\n cachedTexture ||\r\n this.createTexture(gl, width, height, !cachedTexture && source),\r\n passes: filters.length,\r\n webgl: true,\r\n aPosition: this.aPosition,\r\n programCache: this.programCache,\r\n pass: 0,\r\n filterBackend: this,\r\n targetCanvas: targetCanvas,\r\n };\r\n var tempFbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo);\r\n filters.forEach(function (filter) {\r\n filter && filter.applyTo(pipelineState);\r\n });\r\n resizeCanvasIfNeeded(pipelineState);\r\n this.copyGLTo2D(gl, pipelineState);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.deleteTexture(pipelineState.sourceTexture);\r\n gl.deleteTexture(pipelineState.targetTexture);\r\n gl.deleteFramebuffer(tempFbo);\r\n targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0);\r\n return pipelineState;\r\n },\r\n\r\n /**\r\n * Detach event listeners, remove references, and clean up caches.\r\n */\r\n dispose: function () {\r\n if (this.canvas) {\r\n this.canvas = null;\r\n this.gl = null;\r\n }\r\n this.clearWebGLCaches();\r\n },\r\n\r\n /**\r\n * Wipe out WebGL-related caches.\r\n */\r\n clearWebGLCaches: function () {\r\n this.programCache = {};\r\n this.textureCache = {};\r\n },\r\n\r\n /**\r\n * Create a WebGL texture object.\r\n *\r\n * Accepts specific dimensions to initialize the texture to or a source image.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL context to use for creating the texture.\r\n * @param {Number} width The width to initialize the texture at.\r\n * @param {Number} height The height to initialize the texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data.\r\n * @returns {WebGLTexture}\r\n */\r\n createTexture: function (gl, width, height, textureImageSource) {\r\n var texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n if (textureImageSource) {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n textureImageSource\r\n );\r\n } else {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n width,\r\n height,\r\n 0,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n null\r\n );\r\n }\r\n return texture;\r\n },\r\n\r\n /**\r\n * Can be optionally used to get a texture from the cache array\r\n *\r\n * If an existing texture is not found, a new texture is created and cached.\r\n *\r\n * @param {String} uniqueId A cache key to use to find an existing texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the\r\n * texture cache entry if one does not already exist.\r\n */\r\n getCachedTexture: function (uniqueId, textureImageSource) {\r\n if (this.textureCache[uniqueId]) {\r\n return this.textureCache[uniqueId];\r\n } else {\r\n var texture = this.createTexture(\r\n this.gl,\r\n textureImageSource.width,\r\n textureImageSource.height,\r\n textureImageSource\r\n );\r\n this.textureCache[uniqueId] = texture;\r\n return texture;\r\n }\r\n },\r\n\r\n /**\r\n * Clear out cached resources related to a source image that has been\r\n * filtered previously.\r\n *\r\n * @param {String} cacheKey The cache key provided when the source image was filtered.\r\n */\r\n evictCachesForKey: function (cacheKey) {\r\n if (this.textureCache[cacheKey]) {\r\n this.gl.deleteTexture(this.textureCache[cacheKey]);\r\n delete this.textureCache[cacheKey];\r\n }\r\n },\r\n\r\n copyGLTo2D: copyGLTo2DDrawImage,\r\n\r\n /**\r\n * Attempt to extract GPU information strings from a WebGL context.\r\n *\r\n * Useful information when debugging or blacklisting specific GPUs.\r\n *\r\n * @returns {Object} A GPU info object with renderer and vendor strings.\r\n */\r\n captureGPUInfo: function () {\r\n if (this.gpuInfo) {\r\n return this.gpuInfo;\r\n }\r\n var gl = this.gl,\r\n gpuInfo = { renderer: '', vendor: '' };\r\n if (!gl) {\r\n return gpuInfo;\r\n }\r\n var ext = gl.getExtension('WEBGL_debug_renderer_info');\r\n if (ext) {\r\n var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL);\r\n var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL);\r\n if (renderer) {\r\n gpuInfo.renderer = renderer.toLowerCase();\r\n }\r\n if (vendor) {\r\n gpuInfo.vendor = vendor.toLowerCase();\r\n }\r\n }\r\n this.gpuInfo = gpuInfo;\r\n return gpuInfo;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n\r\nfunction resizeCanvasIfNeeded(pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n width = targetCanvas.width,\r\n height = targetCanvas.height,\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight;\r\n\r\n if (width !== dWidth || height !== dHeight) {\r\n targetCanvas.width = dWidth;\r\n targetCanvas.height = dHeight;\r\n }\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas.\r\n *\r\n * The WebGL canvas is assumed to be upside down, with the top-left pixel of the\r\n * desired output image appearing in the bottom-left corner of the WebGL canvas.\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DDrawImage(gl, pipelineState) {\r\n var glCanvas = gl.canvas,\r\n targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d');\r\n ctx.translate(0, targetCanvas.height); // move it down again\r\n ctx.scale(1, -1); // vertical flip\r\n // where is my image on the big glcanvas?\r\n var sourceY = glCanvas.height - targetCanvas.height;\r\n ctx.drawImage(\r\n glCanvas,\r\n 0,\r\n sourceY,\r\n targetCanvas.width,\r\n targetCanvas.height,\r\n 0,\r\n 0,\r\n targetCanvas.width,\r\n targetCanvas.height\r\n );\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData\r\n * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra).\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DPutImageData(gl, pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d'),\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight,\r\n numBytes = dWidth * dHeight * 4;\r\n\r\n // eslint-disable-next-line no-undef\r\n var u8 = new Uint8Array(this.imageBuffer, 0, numBytes);\r\n // eslint-disable-next-line no-undef\r\n var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes);\r\n\r\n gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8);\r\n var imgData = new ImageData(u8Clamped, dWidth, dHeight);\r\n ctx.putImageData(imgData, 0, 0);\r\n}\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n noop = function () {};\r\n\r\n fabric.Canvas2dFilterBackend = Canvas2dFilterBackend;\r\n\r\n /**\r\n * Canvas 2D filter backend.\r\n */\r\n function Canvas2dFilterBackend() {}\r\n\r\n Canvas2dFilterBackend.prototype =\r\n /** @lends fabric.Canvas2dFilterBackend.prototype */ {\r\n evictCachesForKey: noop,\r\n dispose: noop,\r\n clearWebGLCaches: noop,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Apply a set of filters against a source image and draw the filtered output\r\n * to the provided destination canvas.\r\n *\r\n * @param {EnhancedFilter} filters The filter to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered.\r\n * @param {Number} sourceWidth The width of the source input.\r\n * @param {Number} sourceHeight The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n */\r\n applyFilters: function (\r\n filters,\r\n sourceElement,\r\n sourceWidth,\r\n sourceHeight,\r\n targetCanvas\r\n ) {\r\n var ctx = targetCanvas.getContext('2d');\r\n ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight);\r\n var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\r\n var originalImageData = ctx.getImageData(\r\n 0,\r\n 0,\r\n sourceWidth,\r\n sourceHeight\r\n );\r\n var pipelineState = {\r\n sourceWidth: sourceWidth,\r\n sourceHeight: sourceHeight,\r\n imageData: imageData,\r\n originalEl: sourceElement,\r\n originalImageData: originalImageData,\r\n canvasEl: targetCanvas,\r\n ctx: ctx,\r\n filterBackend: this,\r\n };\r\n filters.forEach(function (filter) {\r\n filter.applyTo(pipelineState);\r\n });\r\n if (\r\n pipelineState.imageData.width !== sourceWidth ||\r\n pipelineState.imageData.height !== sourceHeight\r\n ) {\r\n targetCanvas.width = pipelineState.imageData.width;\r\n targetCanvas.height = pipelineState.imageData.height;\r\n }\r\n ctx.putImageData(pipelineState.imageData, 0, 0);\r\n return pipelineState;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { TWebGLPrecision, webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Image.filters\r\n * @memberOf fabric.Image\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters}\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n */\r\n fabric.Image.filters = fabric.Image.filters || {};\r\n\r\n /**\r\n * Root filter class from which all filter classes inherit from\r\n * @class fabric.Image.filters.BaseFilter\r\n * @memberOf fabric.Image.filters\r\n */\r\n fabric.Image.filters.BaseFilter = fabric.util.createClass(\r\n /** @lends fabric.Image.filters.BaseFilter.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'BaseFilter',\r\n\r\n /**\r\n * Array of attributes to send with buffers. do not modify\r\n * @private\r\n */\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n '}',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n },\r\n\r\n /**\r\n * Sets filter's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions: function (options) {\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n },\r\n\r\n /**\r\n * Compile this filter's shader program.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation.\r\n * @param {String} fragmentSource fragmentShader source for compilation\r\n * @param {String} vertexSource vertexShader source for compilation\r\n */\r\n createProgram: function (gl, fragmentSource, vertexSource) {\r\n fragmentSource = fragmentSource || this.fragmentSource;\r\n vertexSource = vertexSource || this.vertexSource;\r\n if (webGLProbe.webGLPrecision !== TWebGLPrecision.high) {\r\n fragmentSource = fragmentSource.replace(\r\n new RegExp(`precision ${TWebGLPrecision.high} float`, 'g'),\r\n `precision ${webGLProbe.webGLPrecision} float`\r\n );\r\n }\r\n var vertexShader = gl.createShader(gl.VERTEX_SHADER);\r\n gl.shaderSource(vertexShader, vertexSource);\r\n gl.compileShader(vertexShader);\r\n if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Vertex shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(vertexShader)\r\n );\r\n }\r\n\r\n var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Fragment shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(fragmentShader)\r\n );\r\n }\r\n\r\n var program = gl.createProgram();\r\n gl.attachShader(program, vertexShader);\r\n gl.attachShader(program, fragmentShader);\r\n gl.linkProgram(program);\r\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Shader link error for \"${this.type}\" ' +\r\n gl.getProgramInfoLog(program)\r\n );\r\n }\r\n\r\n var attributeLocations = this.getAttributeLocations(gl, program);\r\n var uniformLocations = this.getUniformLocations(gl, program) || {};\r\n uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW');\r\n uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH');\r\n return {\r\n program: program,\r\n attributeLocations: attributeLocations,\r\n uniformLocations: uniformLocations,\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of attribute names to WebGLAttributeLocation objects.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take attribute locations.\r\n * @returns {Object} A map of attribute names to attribute locations.\r\n */\r\n getAttributeLocations: function (gl, program) {\r\n return {\r\n aPosition: gl.getAttribLocation(program, 'aPosition'),\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of uniform names to WebGLUniformLocation objects.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take uniform locations.\r\n * @returns {Object} A map of uniform names to uniform locations.\r\n */\r\n getUniformLocations: function (/* gl, program */) {\r\n // in case i do not need any special uniform i need to return an empty object\r\n return {};\r\n },\r\n\r\n /**\r\n * Send attribute data from this filter to its shader program on the GPU.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} attributeLocations A map of shader attribute names to their locations.\r\n */\r\n sendAttributeData: function (gl, attributeLocations, aPositionData) {\r\n var attributeLocation = attributeLocations.aPosition;\r\n var buffer = gl.createBuffer();\r\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\r\n gl.enableVertexAttribArray(attributeLocation);\r\n gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0);\r\n gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW);\r\n },\r\n\r\n _setupFrameBuffer: function (options) {\r\n var gl = options.context,\r\n width,\r\n height;\r\n if (options.passes > 1) {\r\n width = options.destinationWidth;\r\n height = options.destinationHeight;\r\n if (\r\n options.sourceWidth !== width ||\r\n options.sourceHeight !== height\r\n ) {\r\n gl.deleteTexture(options.targetTexture);\r\n options.targetTexture = options.filterBackend.createTexture(\r\n gl,\r\n width,\r\n height\r\n );\r\n }\r\n gl.framebufferTexture2D(\r\n gl.FRAMEBUFFER,\r\n gl.COLOR_ATTACHMENT0,\r\n gl.TEXTURE_2D,\r\n options.targetTexture,\r\n 0\r\n );\r\n } else {\r\n // draw last filter on canvas and not to framebuffer.\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, null);\r\n gl.finish();\r\n }\r\n },\r\n\r\n _swapTextures: function (options) {\r\n options.passes--;\r\n options.pass++;\r\n var temp = options.targetTexture;\r\n options.targetTexture = options.sourceTexture;\r\n options.sourceTexture = temp;\r\n },\r\n\r\n /**\r\n * Generic isNeutral implementation for one parameter based filters.\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter )\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (/* options */) {\r\n var main = this.mainParameter,\r\n _class = fabric.Image.filters[this.type].prototype;\r\n if (main) {\r\n if (Array.isArray(_class[main])) {\r\n for (var i = _class[main].length; i--; ) {\r\n if (this[main][i] !== _class[main][i]) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else {\r\n return _class[main] === this[main];\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n if (!options.programCache.hasOwnProperty(this.type)) {\r\n options.programCache[this.type] = this.createProgram(options.context);\r\n }\r\n return options.programCache[this.type];\r\n },\r\n\r\n /**\r\n * Apply this filter using webgl.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.originalTexture The texture of the original input image.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyToWebGL: function (options) {\r\n var gl = options.context;\r\n var shader = this.retrieveShader(options);\r\n if (options.pass === 0 && options.originalTexture) {\r\n gl.bindTexture(gl.TEXTURE_2D, options.originalTexture);\r\n } else {\r\n gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture);\r\n }\r\n gl.useProgram(shader.program);\r\n this.sendAttributeData(\r\n gl,\r\n shader.attributeLocations,\r\n options.aPosition\r\n );\r\n\r\n gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth);\r\n gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight);\r\n\r\n this.sendUniformData(gl, shader.uniformLocations);\r\n gl.viewport(0, 0, options.destinationWidth, options.destinationHeight);\r\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\r\n },\r\n\r\n bindAdditionalTexture: function (gl, texture, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n // reset active texture to 0 as usual\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n unbindAdditionalTexture: function (gl, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n getMainParameter: function () {\r\n return this[this.mainParameter];\r\n },\r\n\r\n setMainParameter: function (value) {\r\n this[this.mainParameter] = value;\r\n },\r\n\r\n /**\r\n * Send uniform data from this filter to its shader program on the GPU.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} uniformLocations A map of shader uniform names to their locations.\r\n */\r\n sendUniformData: function (/* gl, uniformLocations */) {\r\n // Intentionally left blank. Override me in subclasses.\r\n },\r\n\r\n /**\r\n * If needed by a 2d filter, this functions can create an helper canvas to be used\r\n * remember that options.targetCanvas is available for use till end of chain.\r\n */\r\n createHelpLayer: function (options) {\r\n if (!options.helpLayer) {\r\n var helpLayer = document.createElement('canvas');\r\n helpLayer.width = options.sourceWidth;\r\n helpLayer.height = options.sourceHeight;\r\n options.helpLayer = helpLayer;\r\n }\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n var object = { type: this.type },\r\n mainP = this.mainParameter;\r\n if (mainP) {\r\n object[mainP] = this[mainP];\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON: function () {\r\n // delegate, not alias\r\n return this.toObject();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BaseFilter.fromObject = function (object) {\r\n return Promise.resolve(new fabric.Image.filters[object.type](object));\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Matrix filter class\r\n * @class fabric.Image.filters.ColorMatrix\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php}\r\n * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl}\r\n * @example Kodachrome filter\r\n * var filter = new fabric.Image.filters.ColorMatrix({\r\n * matrix: [\r\n 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,\r\n -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,\r\n -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,\r\n 0, 0, 0, 1, 0\r\n ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.ColorMatrix = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.ColorMatrix.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'ColorMatrix',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform mat4 uColorMatrix;\\n' +\r\n 'uniform vec4 uConstants;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color *= uColorMatrix;\\n' +\r\n 'color += uConstants;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Colormatrix for pixels.\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0],\r\n\r\n mainParameter: 'matrix',\r\n\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario\r\n * to save some calculation\r\n * @type Boolean\r\n * @default true\r\n */\r\n colorsOnly: true,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.matrix = this.matrix.slice(0);\r\n },\r\n\r\n /**\r\n * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n m = this.matrix,\r\n r,\r\n g,\r\n b,\r\n a,\r\n i,\r\n colorsOnly = this.colorsOnly;\r\n\r\n for (i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n if (colorsOnly) {\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;\r\n data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;\r\n data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;\r\n } else {\r\n a = data[i + 3];\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255;\r\n data[i + 1] =\r\n r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255;\r\n data[i + 2] =\r\n r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255;\r\n data[i + 3] =\r\n r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'),\r\n uConstants: gl.getUniformLocation(program, 'uConstants'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var m = this.matrix,\r\n matrix = [\r\n m[0],\r\n m[1],\r\n m[2],\r\n m[3],\r\n m[5],\r\n m[6],\r\n m[7],\r\n m[8],\r\n m[10],\r\n m[11],\r\n m[12],\r\n m[13],\r\n m[15],\r\n m[16],\r\n m[17],\r\n m[18],\r\n ],\r\n constants = [m[4], m[9], m[14], m[19]];\r\n gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);\r\n gl.uniform4fv(uniformLocations.uConstants, constants);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.ColorMatrix.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Brightness filter class\r\n * @class fabric.Image.filters.Brightness\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Brightness({\r\n * brightness: 0.05\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Brightness = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Brightness.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Brightness',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBrightness;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += uBrightness;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Brightness value, from -1 to 1.\r\n * translated to -255 to 255 for 2d\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Number} brightness\r\n * @default\r\n */\r\n brightness: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'brightness',\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.brightness === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n brightness = Math.round(this.brightness * 255);\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = data[i] + brightness;\r\n data[i + 1] = data[i + 1] + brightness;\r\n data[i + 2] = data[i + 2] + brightness;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBrightness: gl.getUniformLocation(program, 'uBrightness'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBrightness, this.brightness);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Brightness.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Adapted from html5rocks article\r\n * @class fabric.Image.filters.Convolute\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example Sharpen filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 0, -1, 0,\r\n * -1, 5, -1,\r\n * 0, -1, 0 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Blur filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter with opaqueness\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * opaque: true,\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Convolute = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Convolute.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Convolute',\r\n\r\n /*\r\n * Opaque value (true/false)\r\n */\r\n opaque: false,\r\n\r\n /*\r\n * matrix for the filter, max 9x9\r\n */\r\n matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0],\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource: {\r\n Convolute_3_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_3_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_5_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_5_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_7_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_7_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_9_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_9_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Convolute.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.opaque=false] Opaque value (true/false)\r\n * @param {Array} [options.matrix] Filter matrix\r\n */\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var size = Math.sqrt(this.matrix.length);\r\n var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0);\r\n var shaderSource = this.fragmentSource[cacheKey];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n weights = this.matrix,\r\n side = Math.round(Math.sqrt(weights.length)),\r\n halfSide = Math.floor(side / 2),\r\n sw = imageData.width,\r\n sh = imageData.height,\r\n output = options.ctx.createImageData(sw, sh),\r\n dst = output.data,\r\n // go through the destination image pixels\r\n alphaFac = this.opaque ? 1 : 0,\r\n r,\r\n g,\r\n b,\r\n a,\r\n dstOff,\r\n scx,\r\n scy,\r\n srcOff,\r\n wt,\r\n x,\r\n y,\r\n cx,\r\n cy;\r\n\r\n for (y = 0; y < sh; y++) {\r\n for (x = 0; x < sw; x++) {\r\n dstOff = (y * sw + x) * 4;\r\n // calculate the weighed sum of the source image pixels that\r\n // fall under the convolution matrix\r\n r = 0;\r\n g = 0;\r\n b = 0;\r\n a = 0;\r\n\r\n for (cy = 0; cy < side; cy++) {\r\n for (cx = 0; cx < side; cx++) {\r\n scy = y + cy - halfSide;\r\n scx = x + cx - halfSide;\r\n\r\n // eslint-disable-next-line max-depth\r\n if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) {\r\n continue;\r\n }\r\n\r\n srcOff = (scy * sw + scx) * 4;\r\n wt = weights[cy * side + cx];\r\n\r\n r += data[srcOff] * wt;\r\n g += data[srcOff + 1] * wt;\r\n b += data[srcOff + 2] * wt;\r\n // eslint-disable-next-line max-depth\r\n if (!alphaFac) {\r\n a += data[srcOff + 3] * wt;\r\n }\r\n }\r\n }\r\n dst[dstOff] = r;\r\n dst[dstOff + 1] = g;\r\n dst[dstOff + 2] = b;\r\n if (!alphaFac) {\r\n dst[dstOff + 3] = a;\r\n } else {\r\n dst[dstOff + 3] = data[dstOff + 3];\r\n }\r\n }\r\n }\r\n options.imageData = output;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMatrix: gl.getUniformLocation(program, 'uMatrix'),\r\n uOpaque: gl.getUniformLocation(program, 'uOpaque'),\r\n uHalfSize: gl.getUniformLocation(program, 'uHalfSize'),\r\n uSize: gl.getUniformLocation(program, 'uSize'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1fv(uniformLocations.uMatrix, this.matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n opaque: this.opaque,\r\n matrix: this.matrix,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Convolute.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Grayscale image filter class\r\n * @class fabric.Image.filters.Grayscale\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Grayscale();\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Grayscale = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Grayscale.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Grayscale',\r\n\r\n fragmentSource: {\r\n average:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (color.r + color.b + color.g) / 3.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, color.a);\\n' +\r\n '}',\r\n lightness:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n luminosity:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Grayscale mode, between 'average', 'lightness', 'luminosity'\r\n * @param {String} type\r\n * @default\r\n */\r\n mode: 'average',\r\n\r\n mainParameter: 'mode',\r\n\r\n /**\r\n * Apply the Grayscale operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n value,\r\n mode = this.mode;\r\n for (i = 0; i < len; i += 4) {\r\n if (mode === 'average') {\r\n value = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n } else if (mode === 'lightness') {\r\n value =\r\n (Math.min(data[i], data[i + 1], data[i + 2]) +\r\n Math.max(data[i], data[i + 1], data[i + 2])) /\r\n 2;\r\n } else if (mode === 'luminosity') {\r\n value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2];\r\n }\r\n data[i] = value;\r\n data[i + 1] = value;\r\n data[i + 2] = value;\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var shaderSource = this.fragmentSource[this.mode];\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMode: gl.getUniformLocation(program, 'uMode'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n // default average mode.\r\n var mode = 1;\r\n gl.uniform1i(uniformLocations.uMode, mode);\r\n },\r\n\r\n /**\r\n * Grayscale filter isNeutralState implementation\r\n * The filter is never neutral\r\n * on the image\r\n **/\r\n isNeutralState: function () {\r\n return false;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Grayscale.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Invert filter class\r\n * @class fabric.Image.filters.Invert\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Invert();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Invert = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Invert.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Invert',\r\n\r\n /**\r\n * Invert also alpha.\r\n * @param {Boolean} alpha\r\n * @default\r\n **/\r\n alpha: false,\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uInvert;\\n' +\r\n 'uniform int uAlpha;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if (uInvert == 1) {\\n' +\r\n 'if (uAlpha == 1) {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\\n' +\r\n '}\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * Filter invert. if false, does nothing\r\n * @param {Boolean} invert\r\n * @default\r\n */\r\n invert: true,\r\n\r\n mainParameter: 'invert',\r\n\r\n /**\r\n * Apply the Invert operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length;\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = 255 - data[i];\r\n data[i + 1] = 255 - data[i + 1];\r\n data[i + 2] = 255 - data[i + 2];\r\n\r\n if (this.alpha) {\r\n data[i + 3] = 255 - data[i + 3];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Invert filter isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function () {\r\n return !this.invert;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uInvert: gl.getUniformLocation(program, 'uInvert'),\r\n uAlpha: gl.getUniformLocation(program, 'uAlpha'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1i(uniformLocations.uInvert, this.invert);\r\n gl.uniform1i(uniformLocations.uAlpha, this.alpha);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Invert.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Noise filter class\r\n * @class fabric.Image.filters.Noise\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Noise({\r\n * noise: 700\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Noise = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Noise.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Noise',\r\n\r\n /**\r\n * Fragment source for the noise program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'uniform float uNoise;\\n' +\r\n 'uniform float uSeed;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'float rand(vec2 co, float seed, float vScale) {\\n' +\r\n 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'noise',\r\n\r\n /**\r\n * Noise value, from\r\n * @param {Number} noise\r\n * @default\r\n */\r\n noise: 0,\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.noise === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n noise = this.noise,\r\n rand;\r\n\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n rand = (0.5 - Math.random()) * noise;\r\n\r\n data[i] += rand;\r\n data[i + 1] += rand;\r\n data[i + 2] += rand;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uNoise: gl.getUniformLocation(program, 'uNoise'),\r\n uSeed: gl.getUniformLocation(program, 'uSeed'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uNoise, this.noise / 255);\r\n gl.uniform1f(uniformLocations.uSeed, Math.random());\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n noise: this.noise,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Noise.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Pixelate filter class\r\n * @class fabric.Image.filters.Pixelate\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Pixelate({\r\n * blocksize: 8\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Pixelate = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Pixelate.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Pixelate',\r\n\r\n blocksize: 4,\r\n\r\n mainParameter: 'blocksize',\r\n\r\n /**\r\n * Fragment source for the Pixelate program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBlocksize;\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'float blockW = uBlocksize * uStepW;\\n' +\r\n 'float blockH = uBlocksize * uStepW;\\n' +\r\n 'int posX = int(vTexCoord.x / blockW);\\n' +\r\n 'int posY = int(vTexCoord.y / blockH);\\n' +\r\n 'float fposX = float(posX);\\n' +\r\n 'float fposY = float(posY);\\n' +\r\n 'vec2 squareCoords = vec2(fposX * blockW, fposY * blockH);\\n' +\r\n 'vec4 color = texture2D(uTexture, squareCoords);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = imageData.height,\r\n jLen = imageData.width,\r\n index,\r\n i,\r\n j,\r\n r,\r\n g,\r\n b,\r\n a,\r\n _i,\r\n _j,\r\n _iLen,\r\n _jLen;\r\n\r\n for (i = 0; i < iLen; i += this.blocksize) {\r\n for (j = 0; j < jLen; j += this.blocksize) {\r\n index = i * 4 * jLen + j * 4;\r\n\r\n r = data[index];\r\n g = data[index + 1];\r\n b = data[index + 2];\r\n a = data[index + 3];\r\n\r\n _iLen = Math.min(i + this.blocksize, iLen);\r\n _jLen = Math.min(j + this.blocksize, jLen);\r\n for (_i = i; _i < _iLen; _i++) {\r\n for (_j = j; _j < _jLen; _j++) {\r\n index = _i * 4 * jLen + _j * 4;\r\n data[index] = r;\r\n data[index + 1] = g;\r\n data[index + 2] = b;\r\n data[index + 3] = a;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Indicate when the filter is not gonna apply changes to the image\r\n **/\r\n isNeutralState: function () {\r\n return this.blocksize === 1;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBlocksize: gl.getUniformLocation(program, 'uBlocksize'),\r\n uStepW: gl.getUniformLocation(program, 'uStepW'),\r\n uStepH: gl.getUniformLocation(program, 'uStepH'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBlocksize, this.blocksize);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Pixelate.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Remove white filter class\r\n * @class fabric.Image.filters.RemoveColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.RemoveColor({\r\n * threshold: 0.2,\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.RemoveColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.RemoveColor.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'RemoveColor',\r\n\r\n /**\r\n * Color to remove, in any format understood by fabric.Color.\r\n * @param {String} type\r\n * @default\r\n */\r\n color: '#FFFFFF',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uLow;\\n' +\r\n 'uniform vec4 uHigh;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\\n' +\r\n 'gl_FragColor.a = 0.0;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * distance to actual color, as value up or down from each r,g,b\r\n * between 0 and 1\r\n **/\r\n distance: 0.02,\r\n\r\n /**\r\n * For color to remove inside distance, use alpha channel for a smoother deletion\r\n * NOT IMPLEMENTED YET\r\n **/\r\n useAlpha: false,\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.RemoveWhite.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.color=#RRGGBB] Threshold value\r\n * @param {Number} [options.distance=10] Distance value\r\n */\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n distance = this.distance * 255,\r\n r,\r\n g,\r\n b,\r\n source = new Color(this.color).getSource(),\r\n lowC = [\r\n source[0] - distance,\r\n source[1] - distance,\r\n source[2] - distance,\r\n ],\r\n highC = [\r\n source[0] + distance,\r\n source[1] + distance,\r\n source[2] + distance,\r\n ];\r\n\r\n for (i = 0; i < data.length; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n if (\r\n r > lowC[0] &&\r\n g > lowC[1] &&\r\n b > lowC[2] &&\r\n r < highC[0] &&\r\n g < highC[1] &&\r\n b < highC[2]\r\n ) {\r\n data[i + 3] = 0;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uLow: gl.getUniformLocation(program, 'uLow'),\r\n uHigh: gl.getUniformLocation(program, 'uHigh'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource(),\r\n distance = parseFloat(this.distance),\r\n lowC = [\r\n 0 + source[0] / 255 - distance,\r\n 0 + source[1] / 255 - distance,\r\n 0 + source[2] / 255 - distance,\r\n 1,\r\n ],\r\n highC = [\r\n source[0] / 255 + distance,\r\n source[1] / 255 + distance,\r\n source[2] / 255 + distance,\r\n 1,\r\n ];\r\n gl.uniform4fv(uniformLocations.uLow, lowC);\r\n gl.uniform4fv(uniformLocations.uHigh, highC);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n color: this.color,\r\n distance: this.distance,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.RemoveColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n var matrices = {\r\n Brownie: [\r\n 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0,\r\n -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0,\r\n ],\r\n Vintage: [\r\n 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0,\r\n 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0,\r\n ],\r\n Kodachrome: [\r\n 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0,\r\n 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0,\r\n ],\r\n Technicolor: [\r\n 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0,\r\n -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0,\r\n ],\r\n Polaroid: [\r\n 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016,\r\n 1.483, 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n Sepia: [\r\n 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131,\r\n 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n BlackWhite: [\r\n 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0,\r\n 1, 0,\r\n ],\r\n };\r\n\r\n for (var key in matrices) {\r\n filters[key] = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.Sepia.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: key,\r\n\r\n /**\r\n * Colormatrix for the effect\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: matrices[key],\r\n\r\n /**\r\n * Lock the matrix export for this kind of static, parameter less filters.\r\n */\r\n mainParameter: false,\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha\r\n */\r\n colorsOnly: true,\r\n }\r\n );\r\n fabric.Image.filters[key].fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Blend filter class\r\n * @class fabric.Image.filter.BlendColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blend.prototype */ {\r\n type: 'BlendColor',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n * @type String\r\n * @default\r\n **/\r\n color: '#F95C63',\r\n\r\n /**\r\n * Blend mode for the filter: one of multiply, add, diff, screen, subtract,\r\n * darken, lighten, overlay, exclusion, tint.\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend color operation.\r\n * @type Number\r\n * @default\r\n **/\r\n alpha: 1,\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply: 'gl_FragColor.rgb *= uColor.rgb;\\n',\r\n screen:\r\n 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\\n',\r\n add: 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\\n',\r\n subtract: 'gl_FragColor.rgb -= uColor.rgb;\\n',\r\n lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\\n',\r\n darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\\n',\r\n exclusion:\r\n 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\\n',\r\n overlay:\r\n 'if (uColor.r < 0.5) {\\n' +\r\n 'gl_FragColor.r *= 2.0 * uColor.r;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\\n' +\r\n '}\\n' +\r\n 'if (uColor.g < 0.5) {\\n' +\r\n 'gl_FragColor.g *= 2.0 * uColor.g;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\\n' +\r\n '}\\n' +\r\n 'if (uColor.b < 0.5) {\\n' +\r\n 'gl_FragColor.b *= 2.0 * uColor.b;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\\n' +\r\n '}\\n',\r\n tint:\r\n 'gl_FragColor.rgb *= (1.0 - uColor.a);\\n' +\r\n 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n },\r\n\r\n /**\r\n * build the fragment source for the filters, joining the common part with\r\n * the specific one.\r\n * @param {String} mode the mode of the filter, a key of this.fragmentSource\r\n * @return {String} the source to be compiled\r\n * @private\r\n */\r\n buildSource: function (mode) {\r\n return (\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'if (color.a > 0.0) {\\n' +\r\n this.fragmentSource[mode] +\r\n '}\\n' +\r\n '}'\r\n );\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode,\r\n shaderSource;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n shaderSource = this.buildSource(this.mode);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n tr,\r\n tg,\r\n tb,\r\n r,\r\n g,\r\n b,\r\n source,\r\n alpha1 = 1 - this.alpha;\r\n\r\n source = new Color(this.color).getSource();\r\n tr = source[0] * this.alpha;\r\n tg = source[1] * this.alpha;\r\n tb = source[2] * this.alpha;\r\n\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n break;\r\n case 'screen':\r\n data[i] = 255 - ((255 - r) * (255 - tr)) / 255;\r\n data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255;\r\n data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'add':\r\n data[i] = r + tr;\r\n data[i + 1] = g + tg;\r\n data[i + 2] = b + tb;\r\n break;\r\n case 'diff':\r\n case 'difference':\r\n data[i] = Math.abs(r - tr);\r\n data[i + 1] = Math.abs(g - tg);\r\n data[i + 2] = Math.abs(b - tb);\r\n break;\r\n case 'subtract':\r\n data[i] = r - tr;\r\n data[i + 1] = g - tg;\r\n data[i + 2] = b - tb;\r\n break;\r\n case 'darken':\r\n data[i] = Math.min(r, tr);\r\n data[i + 1] = Math.min(g, tg);\r\n data[i + 2] = Math.min(b, tb);\r\n break;\r\n case 'lighten':\r\n data[i] = Math.max(r, tr);\r\n data[i + 1] = Math.max(g, tg);\r\n data[i + 2] = Math.max(b, tb);\r\n break;\r\n case 'overlay':\r\n data[i] =\r\n tr < 128\r\n ? (2 * r * tr) / 255\r\n : 255 - (2 * (255 - r) * (255 - tr)) / 255;\r\n data[i + 1] =\r\n tg < 128\r\n ? (2 * g * tg) / 255\r\n : 255 - (2 * (255 - g) * (255 - tg)) / 255;\r\n data[i + 2] =\r\n tb < 128\r\n ? (2 * b * tb) / 255\r\n : 255 - (2 * (255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'exclusion':\r\n data[i] = tr + r - (2 * tr * r) / 255;\r\n data[i + 1] = tg + g - (2 * tg * g) / 255;\r\n data[i + 2] = tb + b - (2 * tb * b) / 255;\r\n break;\r\n case 'tint':\r\n data[i] = tr + r * alpha1;\r\n data[i + 1] = tg + g * alpha1;\r\n data[i + 2] = tb + b * alpha1;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColor: gl.getUniformLocation(program, 'uColor'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource();\r\n source[0] = (this.alpha * source[0]) / 255;\r\n source[1] = (this.alpha * source[1]) / 255;\r\n source[2] = (this.alpha * source[2]) / 255;\r\n source[3] = this.alpha;\r\n gl.uniform4fv(uniformLocations.uColor, source);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n color: this.color,\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Image Blend filter class\r\n * @class fabric.Image.filter.BlendImage\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendImage = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.BlendImage.prototype */ {\r\n type: 'BlendImage',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n **/\r\n image: null,\r\n\r\n /**\r\n * Blend mode for the filter (one of \"multiply\", \"mask\")\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend image operation.\r\n * not implemented.\r\n **/\r\n alpha: 1,\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'uniform mat3 uTransformMatrix;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.rgba *= color2.rgba;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n mask:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.a = color2.a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n var shaderSource = this.fragmentSource[this.mode];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n applyToWebGL: function (options) {\r\n // load texture to blend.\r\n var gl = options.context,\r\n texture = this.createTexture(options.filterBackend, this.image);\r\n this.bindAdditionalTexture(gl, texture, gl.TEXTURE1);\r\n this.callSuper('applyToWebGL', options);\r\n this.unbindAdditionalTexture(gl, gl.TEXTURE1);\r\n },\r\n\r\n createTexture: function (backend, image) {\r\n return backend.getCachedTexture(image.cacheKey, image._element);\r\n },\r\n\r\n /**\r\n * Calculate a transformMatrix to adapt the image to blend over\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n calculateMatrix: function () {\r\n var image = this.image,\r\n width = image._element.width,\r\n height = image._element.height;\r\n return [\r\n 1 / image.scaleX,\r\n 0,\r\n 0,\r\n 0,\r\n 1 / image.scaleY,\r\n 0,\r\n -image.left / width,\r\n -image.top / height,\r\n 1,\r\n ];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n resources = options.filterBackend.resources,\r\n data = imageData.data,\r\n iLen = data.length,\r\n width = imageData.width,\r\n height = imageData.height,\r\n tr,\r\n tg,\r\n tb,\r\n ta,\r\n r,\r\n g,\r\n b,\r\n a,\r\n canvas1,\r\n context,\r\n image = this.image,\r\n blendData;\r\n\r\n if (!resources.blendImage) {\r\n resources.blendImage = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blendImage;\r\n context = canvas1.getContext('2d');\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas1.width = width;\r\n canvas1.height = height;\r\n } else {\r\n context.clearRect(0, 0, width, height);\r\n }\r\n context.setTransform(\r\n image.scaleX,\r\n 0,\r\n 0,\r\n image.scaleY,\r\n image.left,\r\n image.top\r\n );\r\n context.drawImage(image._element, 0, 0, width, height);\r\n blendData = context.getImageData(0, 0, width, height).data;\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n a = data[i + 3];\r\n\r\n tr = blendData[i];\r\n tg = blendData[i + 1];\r\n tb = blendData[i + 2];\r\n ta = blendData[i + 3];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n data[i + 3] = (a * ta) / 255;\r\n break;\r\n case 'mask':\r\n data[i + 3] = ta;\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'),\r\n uImage: gl.getUniformLocation(program, 'uImage'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var matrix = this.calculateMatrix();\r\n gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.\r\n gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n image: this.image && this.image.toObject(),\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {object} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendImage.fromObject = function (object, options) {\r\n return fabric.Image.fromObject(object.image, options).then(function (\r\n image\r\n ) {\r\n return new fabric.Image.filters.BlendImage(\r\n Object.assign({}, object, { image: image })\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n pow = Math.pow,\r\n floor = Math.floor,\r\n sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n round = Math.round,\r\n sin = Math.sin,\r\n ceil = Math.ceil,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Resize image filter class\r\n * @class fabric.Image.filters.Resize\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Resize();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Resize = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Resize.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Resize',\r\n\r\n /**\r\n * Resize type\r\n * for webgl resizeType is just lanczos, for canvas2d can be:\r\n * bilinear, hermite, sliceHack, lanczos.\r\n * @param {String} resizeType\r\n * @default\r\n */\r\n resizeType: 'hermite',\r\n\r\n /**\r\n * Scale factor for resizing, x axis\r\n * @param {Number} scaleX\r\n * @default\r\n */\r\n scaleX: 1,\r\n\r\n /**\r\n * Scale factor for resizing, y axis\r\n * @param {Number} scaleY\r\n * @default\r\n */\r\n scaleY: 1,\r\n\r\n /**\r\n * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos\r\n * @param {Number} lanczosLobes\r\n * @default\r\n */\r\n lanczosLobes: 3,\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uDelta: gl.getUniformLocation(program, 'uDelta'),\r\n uTaps: gl.getUniformLocation(program, 'uTaps'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform2fv(\r\n uniformLocations.uDelta,\r\n this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]\r\n );\r\n gl.uniform1fv(uniformLocations.uTaps, this.taps);\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var filterWindow = this.getFilterWindow(),\r\n cacheKey = this.type + '_' + filterWindow;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var fragmentShader = this.generateShader(filterWindow);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n fragmentShader\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n getFilterWindow: function () {\r\n var scale = this.tempScale;\r\n return Math.ceil(this.lanczosLobes / scale);\r\n },\r\n\r\n getTaps: function () {\r\n var lobeFunction = this.lanczosCreate(this.lanczosLobes),\r\n scale = this.tempScale,\r\n filterWindow = this.getFilterWindow(),\r\n taps = new Array(filterWindow);\r\n for (var i = 1; i <= filterWindow; i++) {\r\n taps[i - 1] = lobeFunction(i * scale);\r\n }\r\n return taps;\r\n },\r\n\r\n /**\r\n * Generate vertex and shader sources from the necessary steps numbers\r\n * @param {Number} filterWindow\r\n */\r\n generateShader: function (filterWindow) {\r\n var offsets = new Array(filterWindow),\r\n fragmentShader = this.fragmentSourceTOP,\r\n filterWindow;\r\n\r\n for (var i = 1; i <= filterWindow; i++) {\r\n offsets[i - 1] = i + '.0 * uDelta';\r\n }\r\n\r\n fragmentShader += 'uniform float uTaps[' + filterWindow + '];\\n';\r\n fragmentShader += 'void main() {\\n';\r\n fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\\n';\r\n fragmentShader += ' float sum = 1.0;\\n';\r\n\r\n offsets.forEach(function (offset, i) {\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord + ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord - ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\\n';\r\n });\r\n fragmentShader += ' gl_FragColor = color / sum;\\n';\r\n fragmentShader += '}';\r\n return fragmentShader;\r\n },\r\n\r\n fragmentSourceTOP:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n',\r\n\r\n /**\r\n * Apply the resize filter to the image\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n options.passes++;\r\n this.width = options.sourceWidth;\r\n this.horizontal = true;\r\n this.dW = Math.round(this.width * this.scaleX);\r\n this.dH = options.sourceHeight;\r\n this.tempScale = this.dW / this.width;\r\n this.taps = this.getTaps();\r\n options.destinationWidth = this.dW;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceWidth = options.destinationWidth;\r\n\r\n this.height = options.sourceHeight;\r\n this.horizontal = false;\r\n this.dH = Math.round(this.height * this.scaleY);\r\n this.tempScale = this.dH / this.height;\r\n this.taps = this.getTaps();\r\n options.destinationHeight = this.dH;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceHeight = options.destinationHeight;\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n isNeutralState: function () {\r\n return this.scaleX === 1 && this.scaleY === 1;\r\n },\r\n\r\n lanczosCreate: function (lobes) {\r\n return function (x) {\r\n if (x >= lobes || x <= -lobes) {\r\n return 0.0;\r\n }\r\n if (x < 1.1920929e-7 && x > -1.1920929e-7) {\r\n return 1.0;\r\n }\r\n x *= Math.PI;\r\n var xx = x / lobes;\r\n return ((sin(x) / x) * sin(xx)) / xx;\r\n };\r\n },\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @memberOf fabric.Image.filters.Resize.prototype\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} scaleX\r\n * @param {Number} scaleY\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n scaleX = this.scaleX,\r\n scaleY = this.scaleY;\r\n\r\n this.rcpScaleX = 1 / scaleX;\r\n this.rcpScaleY = 1 / scaleY;\r\n\r\n var oW = imageData.width,\r\n oH = imageData.height,\r\n dW = round(oW * scaleX),\r\n dH = round(oH * scaleY),\r\n newData;\r\n\r\n if (this.resizeType === 'sliceHack') {\r\n newData = this.sliceByTwo(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'hermite') {\r\n newData = this.hermiteFastResize(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'bilinear') {\r\n newData = this.bilinearFiltering(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'lanczos') {\r\n newData = this.lanczosResize(options, oW, oH, dW, dH);\r\n }\r\n options.imageData = newData;\r\n },\r\n\r\n /**\r\n * Filter sliceByTwo\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n sliceByTwo: function (options, oW, oH, dW, dH) {\r\n var imageData = options.imageData,\r\n mult = 0.5,\r\n doneW = false,\r\n doneH = false,\r\n stepW = oW * mult,\r\n stepH = oH * mult,\r\n resources = fabric.filterBackend.resources,\r\n tmpCanvas,\r\n ctx,\r\n sX = 0,\r\n sY = 0,\r\n dX = oW,\r\n dY = 0;\r\n if (!resources.sliceByTwo) {\r\n resources.sliceByTwo = document.createElement('canvas');\r\n }\r\n tmpCanvas = resources.sliceByTwo;\r\n if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) {\r\n tmpCanvas.width = oW * 1.5;\r\n tmpCanvas.height = oH;\r\n }\r\n ctx = tmpCanvas.getContext('2d');\r\n ctx.clearRect(0, 0, oW * 1.5, oH);\r\n ctx.putImageData(imageData, 0, 0);\r\n\r\n dW = floor(dW);\r\n dH = floor(dH);\r\n\r\n while (!doneW || !doneH) {\r\n oW = stepW;\r\n oH = stepH;\r\n if (dW < floor(stepW * mult)) {\r\n stepW = floor(stepW * mult);\r\n } else {\r\n stepW = dW;\r\n doneW = true;\r\n }\r\n if (dH < floor(stepH * mult)) {\r\n stepH = floor(stepH * mult);\r\n } else {\r\n stepH = dH;\r\n doneH = true;\r\n }\r\n ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH);\r\n sX = dX;\r\n sY = dY;\r\n dY += stepH;\r\n }\r\n return ctx.getImageData(sX, sY, dW, dH);\r\n },\r\n\r\n /**\r\n * Filter lanczosResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n lanczosResize: function (options, oW, oH, dW, dH) {\r\n function process(u) {\r\n var v, i, weight, idx, a, red, green, blue, alpha, fX, fY;\r\n center.x = (u + 0.5) * ratioX;\r\n icenter.x = floor(center.x);\r\n for (v = 0; v < dH; v++) {\r\n center.y = (v + 0.5) * ratioY;\r\n icenter.y = floor(center.y);\r\n a = 0;\r\n red = 0;\r\n green = 0;\r\n blue = 0;\r\n alpha = 0;\r\n for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) {\r\n if (i < 0 || i >= oW) {\r\n continue;\r\n }\r\n fX = floor(1000 * abs(i - center.x));\r\n if (!cacheLanc[fX]) {\r\n cacheLanc[fX] = {};\r\n }\r\n for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) {\r\n if (j < 0 || j >= oH) {\r\n continue;\r\n }\r\n fY = floor(1000 * abs(j - center.y));\r\n if (!cacheLanc[fX][fY]) {\r\n cacheLanc[fX][fY] = lanczos(\r\n sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000\r\n );\r\n }\r\n weight = cacheLanc[fX][fY];\r\n if (weight > 0) {\r\n idx = (j * oW + i) * 4;\r\n a += weight;\r\n red += weight * srcData[idx];\r\n green += weight * srcData[idx + 1];\r\n blue += weight * srcData[idx + 2];\r\n alpha += weight * srcData[idx + 3];\r\n }\r\n }\r\n }\r\n idx = (v * dW + u) * 4;\r\n destData[idx] = red / a;\r\n destData[idx + 1] = green / a;\r\n destData[idx + 2] = blue / a;\r\n destData[idx + 3] = alpha / a;\r\n }\r\n\r\n if (++u < dW) {\r\n return process(u);\r\n } else {\r\n return destImg;\r\n }\r\n }\r\n\r\n var srcData = options.imageData.data,\r\n destImg = options.ctx.createImageData(dW, dH),\r\n destData = destImg.data,\r\n lanczos = this.lanczosCreate(this.lanczosLobes),\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n rcpRatioX = 2 / this.rcpScaleX,\r\n rcpRatioY = 2 / this.rcpScaleY,\r\n range2X = ceil((ratioX * this.lanczosLobes) / 2),\r\n range2Y = ceil((ratioY * this.lanczosLobes) / 2),\r\n cacheLanc = {},\r\n center = {},\r\n icenter = {};\r\n\r\n return process(0);\r\n },\r\n\r\n /**\r\n * bilinearFiltering\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n bilinearFiltering: function (options, oW, oH, dW, dH) {\r\n var a,\r\n b,\r\n c,\r\n d,\r\n x,\r\n y,\r\n i,\r\n j,\r\n xDiff,\r\n yDiff,\r\n chnl,\r\n color,\r\n offset = 0,\r\n origPix,\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n w4 = 4 * (oW - 1),\r\n img = options.imageData,\r\n pixels = img.data,\r\n destImage = options.ctx.createImageData(dW, dH),\r\n destPixels = destImage.data;\r\n for (i = 0; i < dH; i++) {\r\n for (j = 0; j < dW; j++) {\r\n x = floor(ratioX * j);\r\n y = floor(ratioY * i);\r\n xDiff = ratioX * j - x;\r\n yDiff = ratioY * i - y;\r\n origPix = 4 * (y * oW + x);\r\n\r\n for (chnl = 0; chnl < 4; chnl++) {\r\n a = pixels[origPix + chnl];\r\n b = pixels[origPix + 4 + chnl];\r\n c = pixels[origPix + w4 + chnl];\r\n d = pixels[origPix + w4 + 4 + chnl];\r\n color =\r\n a * (1 - xDiff) * (1 - yDiff) +\r\n b * xDiff * (1 - yDiff) +\r\n c * yDiff * (1 - xDiff) +\r\n d * xDiff * yDiff;\r\n destPixels[offset++] = color;\r\n }\r\n }\r\n }\r\n return destImage;\r\n },\r\n\r\n /**\r\n * hermiteFastResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n hermiteFastResize: function (options, oW, oH, dW, dH) {\r\n var ratioW = this.rcpScaleX,\r\n ratioH = this.rcpScaleY,\r\n ratioWHalf = ceil(ratioW / 2),\r\n ratioHHalf = ceil(ratioH / 2),\r\n img = options.imageData,\r\n data = img.data,\r\n img2 = options.ctx.createImageData(dW, dH),\r\n data2 = img2.data;\r\n for (var j = 0; j < dH; j++) {\r\n for (var i = 0; i < dW; i++) {\r\n var x2 = (i + j * dW) * 4,\r\n weight = 0,\r\n weights = 0,\r\n weightsAlpha = 0,\r\n gxR = 0,\r\n gxG = 0,\r\n gxB = 0,\r\n gxA = 0,\r\n centerY = (j + 0.5) * ratioH;\r\n for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) {\r\n var dy = abs(centerY - (yy + 0.5)) / ratioHHalf,\r\n centerX = (i + 0.5) * ratioW,\r\n w0 = dy * dy;\r\n for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) {\r\n var dx = abs(centerX - (xx + 0.5)) / ratioWHalf,\r\n w = sqrt(w0 + dx * dx);\r\n /* eslint-disable max-depth */\r\n if (w > 1 && w < -1) {\r\n continue;\r\n }\r\n //hermite filter\r\n weight = 2 * w * w * w - 3 * w * w + 1;\r\n if (weight > 0) {\r\n dx = 4 * (xx + yy * oW);\r\n //alpha\r\n gxA += weight * data[dx + 3];\r\n weightsAlpha += weight;\r\n //colors\r\n if (data[dx + 3] < 255) {\r\n weight = (weight * data[dx + 3]) / 250;\r\n }\r\n gxR += weight * data[dx];\r\n gxG += weight * data[dx + 1];\r\n gxB += weight * data[dx + 2];\r\n weights += weight;\r\n }\r\n /* eslint-enable max-depth */\r\n }\r\n }\r\n data2[x2] = gxR / weights;\r\n data2[x2 + 1] = gxG / weights;\r\n data2[x2 + 2] = gxB / weights;\r\n data2[x2 + 3] = gxA / weightsAlpha;\r\n }\r\n }\r\n return img2;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n resizeType: this.resizeType,\r\n lanczosLobes: this.lanczosLobes,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Resize.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Contrast filter class\r\n * @class fabric.Image.filters.Contrast\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Contrast({\r\n * contrast: 0.25\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Contrast = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Contrast.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Contrast',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uContrast;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\\n' +\r\n 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * contrast value, range from -1 to 1.\r\n * @param {Number} contrast\r\n * @default 0\r\n */\r\n contrast: 0,\r\n\r\n mainParameter: 'contrast',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Contrast.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Contrast operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.contrast === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n i,\r\n len,\r\n data = imageData.data,\r\n len = data.length,\r\n contrast = Math.floor(this.contrast * 255),\r\n contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast));\r\n\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = contrastF * (data[i] - 128) + 128;\r\n data[i + 1] = contrastF * (data[i + 1] - 128) + 128;\r\n data[i + 2] = contrastF * (data[i + 2] - 128) + 128;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uContrast: gl.getUniformLocation(program, 'uContrast'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uContrast, this.contrast);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Contrast.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Saturate filter class\r\n * @class fabric.Image.filters.Saturation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Saturation({\r\n * saturation: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Saturation = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Saturation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Saturation',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uSaturation;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float rgMax = max(color.r, color.g);\\n' +\r\n 'float rgbMax = max(rgMax, color.b);\\n' +\r\n 'color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\\n' +\r\n 'color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\\n' +\r\n 'color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Saturation value, from -1 to 1.\r\n * Increases/decreases the color saturation.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} saturation\r\n * @default\r\n */\r\n saturation: 0,\r\n\r\n mainParameter: 'saturation',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Saturate.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.saturate=0] Value to saturate the image (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.saturation === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.saturation,\r\n i,\r\n max;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n data[i] += max !== data[i] ? (max - data[i]) * adjust : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uSaturation: gl.getUniformLocation(program, 'uSaturation'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uSaturation, -this.saturation);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Saturation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Vibrance filter class\r\n * @class fabric.Image.filters.Vibrance\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Vibrance({\r\n * vibrance: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Vibrance = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Vibrance.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Vibrance',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uVibrance;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float max = max(color.r, max(color.g, color.b));\\n' +\r\n 'float avg = (color.r + color.g + color.b) / 3.0;\\n' +\r\n 'float amt = (abs(max - avg) * 2.0) * uVibrance;\\n' +\r\n 'color.r += max != color.r ? (max - color.r) * amt : 0.00;\\n' +\r\n 'color.g += max != color.g ? (max - color.g) * amt : 0.00;\\n' +\r\n 'color.b += max != color.b ? (max - color.b) * amt : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Vibrance value, from -1 to 1.\r\n * Increases/decreases the saturation of more muted colors with less effect on saturated colors.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} vibrance\r\n * @default\r\n */\r\n vibrance: 0,\r\n\r\n mainParameter: 'vibrance',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Vibrance.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1)\r\n */\r\n\r\n /**\r\n * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.vibrance === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.vibrance,\r\n i,\r\n max,\r\n avg,\r\n amt;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n avg = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n amt = ((Math.abs(max - avg) * 2) / 255) * adjust;\r\n data[i] += max !== data[i] ? (max - data[i]) * amt : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uVibrance: gl.getUniformLocation(program, 'uVibrance'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uVibrance, -this.vibrance);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Vibrance.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Blur filter class\r\n * @class fabric.Image.filters.Blur\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Blur({\r\n * blur: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Blur = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blur.prototype */ {\r\n type: 'Blur',\r\n\r\n /*\r\n'gl_FragColor = vec4(0.0);',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;',\r\n*/\r\n\r\n /* eslint-disable max-len */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'const float nSamples = 15.0;\\n' +\r\n 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\\n' +\r\n 'float random(vec3 scale) {\\n' +\r\n /* use the fragment position for a different seed per-pixel */\r\n 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0.0);\\n' +\r\n 'float total = 0.0;\\n' +\r\n 'float offset = random(v3offset);\\n' +\r\n 'for (float t = -nSamples; t <= nSamples; t++) {\\n' +\r\n 'float percent = (t + offset - 0.5) / nSamples;\\n' +\r\n 'float weight = 1.0 - abs(percent);\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\\n' +\r\n 'total += weight;\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color / total;\\n' +\r\n '}',\r\n /* eslint-enable max-len */\r\n\r\n /**\r\n * blur value, in percentage of image dimensions.\r\n * specific to keep the image blur constant at different resolutions\r\n * range between 0 and 1.\r\n * @type Number\r\n * @default\r\n */\r\n blur: 0,\r\n\r\n mainParameter: 'blur',\r\n\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n // this aspectRatio is used to give the same blur to vertical and horizontal\r\n this.aspectRatio = options.sourceWidth / options.sourceHeight;\r\n options.passes++;\r\n this._setupFrameBuffer(options);\r\n this.horizontal = true;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n this._setupFrameBuffer(options);\r\n this.horizontal = false;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n applyTo2d: function (options) {\r\n // paint canvasEl with current image data.\r\n //options.ctx.putImageData(options.imageData, 0, 0);\r\n options.imageData = this.simpleBlur(options);\r\n },\r\n\r\n simpleBlur: function (options) {\r\n var resources = options.filterBackend.resources,\r\n canvas1,\r\n canvas2,\r\n width = options.imageData.width,\r\n height = options.imageData.height;\r\n\r\n if (!resources.blurLayer1) {\r\n resources.blurLayer1 = fabric.util.createCanvasElement();\r\n resources.blurLayer2 = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blurLayer1;\r\n canvas2 = resources.blurLayer2;\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas2.width = canvas1.width = width;\r\n canvas2.height = canvas1.height = height;\r\n }\r\n var ctx1 = canvas1.getContext('2d'),\r\n ctx2 = canvas2.getContext('2d'),\r\n nSamples = 15,\r\n random,\r\n percent,\r\n j,\r\n i,\r\n blur = this.blur * 0.06 * 0.5;\r\n\r\n // load first canvas\r\n ctx1.putImageData(options.imageData, 0, 0);\r\n ctx2.clearRect(0, 0, width, height);\r\n\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * width + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, j, random);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * height + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, random, j);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n options.ctx.drawImage(canvas1, 0, 0);\r\n var newImageData = options.ctx.getImageData(\r\n 0,\r\n 0,\r\n canvas1.width,\r\n canvas1.height\r\n );\r\n ctx1.globalAlpha = 1;\r\n ctx1.clearRect(0, 0, canvas1.width, canvas1.height);\r\n return newImageData;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n delta: gl.getUniformLocation(program, 'uDelta'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var delta = this.chooseRightDelta();\r\n gl.uniform2fv(uniformLocations.delta, delta);\r\n },\r\n\r\n /**\r\n * choose right value of image percentage to blur with\r\n * @returns {Array} a numeric array with delta values\r\n */\r\n chooseRightDelta: function () {\r\n var blurScale = 1,\r\n delta = [0, 0],\r\n blur;\r\n if (this.horizontal) {\r\n if (this.aspectRatio > 1) {\r\n // image is wide, i want to shrink radius horizontal\r\n blurScale = 1 / this.aspectRatio;\r\n }\r\n } else {\r\n if (this.aspectRatio < 1) {\r\n // image is tall, i want to shrink radius vertical\r\n blurScale = this.aspectRatio;\r\n }\r\n }\r\n blur = blurScale * this.blur * 0.12;\r\n if (this.horizontal) {\r\n delta[0] = blur;\r\n } else {\r\n delta[1] = blur;\r\n }\r\n return delta;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Gamma filter class\r\n * @class fabric.Image.filters.Gamma\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Gamma({\r\n * gamma: [1, 0.5, 2.1]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Gamma = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Gamma.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Gamma',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec3 uGamma;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec3 correction = (1.0 / uGamma);\\n' +\r\n 'color.r = pow(color.r, correction.r);\\n' +\r\n 'color.g = pow(color.g, correction.g);\\n' +\r\n 'color.b = pow(color.b, correction.b);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.rgb *= color.a;\\n' +\r\n '}',\r\n\r\n /**\r\n * Gamma array value, from 0.01 to 2.2.\r\n * @param {Array} gamma\r\n * @default\r\n */\r\n gamma: [1, 1, 1],\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'gamma',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.gamma = [1, 1, 1];\r\n filters.BaseFilter.prototype.initialize.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply the Gamma operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n gamma = this.gamma,\r\n len = data.length,\r\n rInv = 1 / gamma[0],\r\n gInv = 1 / gamma[1],\r\n bInv = 1 / gamma[2],\r\n i;\r\n\r\n if (!this.rVals) {\r\n // eslint-disable-next-line\r\n this.rVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.gVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.bVals = new Uint8Array(256);\r\n }\r\n\r\n // This is an optimization - pre-compute a look-up table for each color channel\r\n // instead of performing these pow calls for each pixel in the image.\r\n for (i = 0, len = 256; i < len; i++) {\r\n this.rVals[i] = Math.pow(i / 255, rInv) * 255;\r\n this.gVals[i] = Math.pow(i / 255, gInv) * 255;\r\n this.bVals[i] = Math.pow(i / 255, bInv) * 255;\r\n }\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n data[i] = this.rVals[data[i]];\r\n data[i + 1] = this.gVals[data[i + 1]];\r\n data[i + 2] = this.bVals[data[i + 2]];\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uGamma: gl.getUniformLocation(program, 'uGamma'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform3fv(uniformLocations.uGamma, this.gamma);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Gamma.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * A container class that knows how to apply a sequence of filters to an input image.\r\n */\r\n filters.Composed = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Composed.prototype */ {\r\n type: 'Composed',\r\n\r\n /**\r\n * A non sparse array of filters to apply\r\n */\r\n subFilters: [],\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.subFilters = this.subFilters.slice(0);\r\n },\r\n\r\n /**\r\n * Apply this container's filters to the input image provided.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be applied.\r\n */\r\n applyTo: function (options) {\r\n options.passes += this.subFilters.length - 1;\r\n this.subFilters.forEach(function (filter) {\r\n filter.applyTo(options);\r\n });\r\n },\r\n\r\n /**\r\n * Serialize this filter into JSON.\r\n *\r\n * @returns {Object} A JSON representation of this filter.\r\n */\r\n toObject: function () {\r\n return fabric.util.object.extend(this.callSuper('toObject'), {\r\n subFilters: this.subFilters.map(function (filter) {\r\n return filter.toObject();\r\n }),\r\n });\r\n },\r\n\r\n isNeutralState: function () {\r\n return !this.subFilters.some(function (filter) {\r\n return !filter.isNeutralState();\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Deserialize a JSON definition of a ComposedFilter into a concrete instance.\r\n * @static\r\n * @param {oject} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Composed.fromObject = function (object, options) {\r\n var filters = object.subFilters || [];\r\n return Promise.all(\r\n filters.map(function (filter) {\r\n return fabric.Image.filters[filter.type].fromObject(filter, options);\r\n })\r\n ).then(function (enlivedFilters) {\r\n return new fabric.Image.filters.Composed({ subFilters: enlivedFilters });\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * HueRotation filter class\r\n * @class fabric.Image.filters.HueRotation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.HueRotation({\r\n * rotation: -0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.HueRotation = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.HueRotation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'HueRotation',\r\n\r\n /**\r\n * HueRotation value, from -1 to 1.\r\n * the unit is radians\r\n * @param {Number} myParameter\r\n * @default\r\n */\r\n rotation: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'rotation',\r\n\r\n calculateMatrix: function () {\r\n var rad = this.rotation * Math.PI,\r\n cos = fabric.util.cos(rad),\r\n sin = fabric.util.sin(rad),\r\n aThird = 1 / 3,\r\n aThirdSqtSin = Math.sqrt(aThird) * sin,\r\n OneMinusCos = 1 - cos;\r\n this.matrix = [\r\n 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0,\r\n ];\r\n this.matrix[0] = cos + OneMinusCos / 3;\r\n this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[6] = cos + aThird * OneMinusCos;\r\n this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[12] = cos + aThird * OneMinusCos;\r\n },\r\n\r\n /**\r\n * HueRotation isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (options) {\r\n this.calculateMatrix();\r\n return filters.BaseFilter.prototype.isNeutralState.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n this.calculateMatrix();\r\n filters.BaseFilter.prototype.applyTo.call(this, options);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.HueRotation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { cache } from '../cache';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n var additionalProps = (\r\n 'fontFamily fontWeight fontSize text underline overline linethrough' +\r\n ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' +\r\n ' direction path pathStartOffset pathSide pathAlign'\r\n ).split(' ');\r\n\r\n /**\r\n * Text class\r\n * @class fabric.Text\r\n * @extends fabric.Object\r\n * @return {fabric.Text} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text}\r\n * @see {@link fabric.Text#initialize} for constructor definition\r\n */\r\n fabric.Text = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Text.prototype */ {\r\n /**\r\n * Properties which when set cause object to change dimensions\r\n * @type Array\r\n * @private\r\n */\r\n _dimensionAffectingProps: [\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontFamily',\r\n 'fontStyle',\r\n 'lineHeight',\r\n 'text',\r\n 'charSpacing',\r\n 'textAlign',\r\n 'styles',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n ],\r\n\r\n /**\r\n * @private\r\n */\r\n _reNewline: /\\r?\\n/,\r\n\r\n /**\r\n * Use this regular expression to filter for whitespaces that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpacesAndTabs: /[ \\t\\r]/g,\r\n\r\n /**\r\n * Use this regular expression to filter for whitespace that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpaceAndTab: /[ \\t\\r]/,\r\n\r\n /**\r\n * Use this regular expression to filter consecutive groups of non spaces.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reWords: /\\S+/g,\r\n\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'text',\r\n\r\n /**\r\n * Font size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n fontSize: 40,\r\n\r\n /**\r\n * Font weight (e.g. bold, normal, 400, 600, 800)\r\n * @type {(Number|String)}\r\n * @default\r\n */\r\n fontWeight: 'normal',\r\n\r\n /**\r\n * Font family\r\n * @type String\r\n * @default\r\n */\r\n fontFamily: 'Times New Roman',\r\n\r\n /**\r\n * Text decoration underline.\r\n * @type Boolean\r\n * @default\r\n */\r\n underline: false,\r\n\r\n /**\r\n * Text decoration overline.\r\n * @type Boolean\r\n * @default\r\n */\r\n overline: false,\r\n\r\n /**\r\n * Text decoration linethrough.\r\n * @type Boolean\r\n * @default\r\n */\r\n linethrough: false,\r\n\r\n /**\r\n * Text alignment. Possible values: \"left\", \"center\", \"right\", \"justify\",\r\n * \"justify-left\", \"justify-center\" or \"justify-right\".\r\n * @type String\r\n * @default\r\n */\r\n textAlign: 'left',\r\n\r\n /**\r\n * Font style . Possible values: \"\", \"normal\", \"italic\" or \"oblique\".\r\n * @type String\r\n * @default\r\n */\r\n fontStyle: 'normal',\r\n\r\n /**\r\n * Line height\r\n * @type Number\r\n * @default\r\n */\r\n lineHeight: 1.16,\r\n\r\n /**\r\n * Superscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n superscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: -0.35, // baseline-shift factor (upwards)\r\n },\r\n\r\n /**\r\n * Subscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n subscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: 0.11, // baseline-shift factor (downwards)\r\n },\r\n\r\n /**\r\n * Background color of text lines\r\n * @type String\r\n * @default\r\n */\r\n textBackgroundColor: '',\r\n\r\n /**\r\n * List of properties to consider when checking if\r\n * state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties:\r\n fabric.Object.prototype.stateProperties.concat(additionalProps),\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * @type Array\r\n */\r\n cacheProperties:\r\n fabric.Object.prototype.cacheProperties.concat(additionalProps),\r\n\r\n /**\r\n * When defined, an object is rendered via stroke and this property specifies its color.\r\n * Backwards incompatibility note: This property was named \"strokeStyle\" until v1.1.6\r\n * @type String\r\n * @default\r\n */\r\n stroke: null,\r\n\r\n /**\r\n * Shadow object representing shadow of this shape.\r\n * Backwards incompatibility note: This property was named \"textShadow\" (String) until v1.2.11\r\n * @type fabric.Shadow\r\n * @default\r\n */\r\n shadow: null,\r\n\r\n /**\r\n * fabric.Path that the text should follow.\r\n * since 4.6.0 the path will be drawn automatically.\r\n * if you want to make the path visible, give it a stroke and strokeWidth or fill value\r\n * if you want it to be hidden, assign visible = false to the path.\r\n * This feature is in BETA, and SVG import/export is not yet supported.\r\n * @type fabric.Path\r\n * @example\r\n * var textPath = new fabric.Text('Text on a path', {\r\n * top: 150,\r\n * left: 150,\r\n * textAlign: 'center',\r\n * charSpacing: -50,\r\n * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', {\r\n * strokeWidth: 1,\r\n * visible: false\r\n * }),\r\n * pathSide: 'left',\r\n * pathStartOffset: 0\r\n * });\r\n * @default\r\n */\r\n path: null,\r\n\r\n /**\r\n * Offset amount for text path starting position\r\n * Only used when text has a path\r\n * @type Number\r\n * @default\r\n */\r\n pathStartOffset: 0,\r\n\r\n /**\r\n * Which side of the path the text should be drawn on.\r\n * Only used when text has a path\r\n * @type {String} 'left|right'\r\n * @default\r\n */\r\n pathSide: 'left',\r\n\r\n /**\r\n * How text is aligned to the path. This property determines\r\n * the perpendicular position of each character relative to the path.\r\n * (one of \"baseline\", \"center\", \"ascender\", \"descender\")\r\n * This feature is in BETA, and its behavior may change\r\n * @type String\r\n * @default\r\n */\r\n pathAlign: 'baseline',\r\n\r\n /**\r\n * @private\r\n */\r\n _fontSizeFraction: 0.222,\r\n\r\n /**\r\n * @private\r\n */\r\n offsets: {\r\n underline: 0.1,\r\n linethrough: -0.315,\r\n overline: -0.88,\r\n },\r\n\r\n /**\r\n * Text Line proportion to font Size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n _fontSizeMult: 1.13,\r\n\r\n /**\r\n * additional space between characters\r\n * expressed in thousands of em unit\r\n * @type Number\r\n * @default\r\n */\r\n charSpacing: 0,\r\n\r\n /**\r\n * Object containing character styles - top-level properties -> line numbers,\r\n * 2nd-level properties - character numbers\r\n * @type Object\r\n * @default\r\n */\r\n styles: null,\r\n\r\n /**\r\n * Reference to a context to measure text char or couple of chars\r\n * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas\r\n * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every\r\n * text object created.\r\n * @type {CanvasRenderingContext2D}\r\n * @default\r\n */\r\n _measuringContext: null,\r\n\r\n /**\r\n * Baseline shift, styles only, keep at 0 for the main text object\r\n * @type {Number}\r\n * @default\r\n */\r\n deltaY: 0,\r\n\r\n /**\r\n * WARNING: EXPERIMENTAL. NOT SUPPORTED YET\r\n * determine the direction of the text.\r\n * This has to be set manually together with textAlign and originX for proper\r\n * experience.\r\n * some interesting link for the future\r\n * https://www.w3.org/International/questions/qa-bidi-unicode-controls\r\n * @since 4.5.0\r\n * @type {String} 'ltr|rtl'\r\n * @default\r\n */\r\n direction: 'ltr',\r\n\r\n /**\r\n * Array of properties that define a style unit (of 'styles').\r\n * @type {Array}\r\n * @default\r\n */\r\n _styleProperties: [\r\n 'stroke',\r\n 'strokeWidth',\r\n 'fill',\r\n 'fontFamily',\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontStyle',\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n 'deltaY',\r\n 'textBackgroundColor',\r\n ],\r\n\r\n /**\r\n * contains characters bounding boxes\r\n */\r\n __charBounds: [],\r\n\r\n /**\r\n * use this size when measuring text. To avoid IE11 rounding errors\r\n * @type {Number}\r\n * @default\r\n * @readonly\r\n * @private\r\n */\r\n CACHE_FONT_SIZE: 400,\r\n\r\n /**\r\n * contains the min text width to avoid getting 0\r\n * @type {Number}\r\n * @default\r\n */\r\n MIN_TEXT_WIDTH: 2,\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Text} thisArg\r\n */\r\n initialize: function (text, options) {\r\n this.styles = options ? options.styles || {} : {};\r\n this.text = text;\r\n this.__skipDimension = true;\r\n this.callSuper('initialize', options);\r\n if (this.path) {\r\n this.setPathInfo();\r\n }\r\n this.__skipDimension = false;\r\n this.initDimensions();\r\n this.setCoords();\r\n this.setupState({ propertySet: '_dimensionAffectingProps' });\r\n },\r\n\r\n /**\r\n * If text has a path, it will add the extra information needed\r\n * for path and text calculations\r\n * @return {fabric.Text} thisArg\r\n */\r\n setPathInfo: function () {\r\n var path = this.path;\r\n if (path) {\r\n path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path);\r\n }\r\n },\r\n\r\n /**\r\n * Return a context for measurement of text string.\r\n * if created it gets stored for reuse\r\n * this is for internal use, please do not use it\r\n * @private\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Text} thisArg\r\n */\r\n getMeasuringContext: function () {\r\n // if we did not return we have to measure something.\r\n if (!fabric._measuringContext) {\r\n fabric._measuringContext =\r\n (this.canvas && this.canvas.contextCache) ||\r\n fabric.util.createCanvasElement().getContext('2d');\r\n }\r\n return fabric._measuringContext;\r\n },\r\n\r\n /**\r\n * @private\r\n * Divides text into lines of text and lines of graphemes.\r\n */\r\n _splitText: function () {\r\n var newLines = this._splitTextIntoLines(this.text);\r\n this.textLines = newLines.lines;\r\n this._textLines = newLines.graphemeLines;\r\n this._unwrappedTextLines = newLines._unwrappedLines;\r\n this._text = newLines.graphemeText;\r\n return newLines;\r\n },\r\n\r\n /**\r\n * Initialize or update text dimensions.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n */\r\n initDimensions: function () {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this._splitText();\r\n this._clearCache();\r\n if (this.path) {\r\n this.width = this.path.width;\r\n this.height = this.path.height;\r\n } else {\r\n this.width =\r\n this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH;\r\n this.height = this.calcTextHeight();\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n },\r\n\r\n /**\r\n * Enlarge space boxes and shift the others\r\n */\r\n enlargeSpaces: function () {\r\n var diffSpace,\r\n currentLineWidth,\r\n numberOfSpaces,\r\n accumulatedSpace,\r\n line,\r\n charBound,\r\n spaces;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n if (\r\n this.textAlign !== 'justify' &&\r\n (i === len - 1 || this.isEndOfWrapping(i))\r\n ) {\r\n continue;\r\n }\r\n accumulatedSpace = 0;\r\n line = this._textLines[i];\r\n currentLineWidth = this.getLineWidth(i);\r\n if (\r\n currentLineWidth < this.width &&\r\n (spaces = this.textLines[i].match(this._reSpacesAndTabs))\r\n ) {\r\n numberOfSpaces = spaces.length;\r\n diffSpace = (this.width - currentLineWidth) / numberOfSpaces;\r\n for (var j = 0, jlen = line.length; j <= jlen; j++) {\r\n charBound = this.__charBounds[i][j];\r\n if (this._reSpaceAndTab.test(line[j])) {\r\n charBound.width += diffSpace;\r\n charBound.kernedWidth += diffSpace;\r\n charBound.left += accumulatedSpace;\r\n accumulatedSpace += diffSpace;\r\n } else {\r\n charBound.left += accumulatedSpace;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping: function (lineIndex) {\r\n return lineIndex === this._textLines.length - 1;\r\n },\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * It return always for text and Itext.\r\n * @return Number\r\n */\r\n missingNewlineOffset: function () {\r\n return 1;\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of text object\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @param {Object} dim.x width of object to be cached\r\n * @param {Object} dim.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions: function () {\r\n var dims = this.callSuper('_getCacheCanvasDimensions');\r\n var fontSize = this.fontSize;\r\n dims.width += fontSize * dims.zoomX;\r\n dims.height += fontSize * dims.zoomY;\r\n return dims;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n var path = this.path;\r\n path && !path.isNotVisible() && path._render(ctx);\r\n this._setTextStyles(ctx);\r\n this._renderTextLinesBackground(ctx);\r\n this._renderTextDecoration(ctx, 'underline');\r\n this._renderText(ctx);\r\n this._renderTextDecoration(ctx, 'overline');\r\n this._renderTextDecoration(ctx, 'linethrough');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderText: function (ctx) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderTextStroke(ctx);\r\n this._renderTextFill(ctx);\r\n } else {\r\n this._renderTextFill(ctx);\r\n this._renderTextStroke(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * Set the font parameter of the context with the object properties or with charStyle\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [charStyle] object with font style properties\r\n * @param {String} [charStyle.fontFamily] Font Family\r\n * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix )\r\n * @param {String} [charStyle.fontWeight] Font weight\r\n * @param {String} [charStyle.fontStyle] Font style (italic|normal)\r\n */\r\n _setTextStyles: function (ctx, charStyle, forMeasuring) {\r\n ctx.textBaseline = 'alphabetical';\r\n if (this.path) {\r\n switch (this.pathAlign) {\r\n case 'center':\r\n ctx.textBaseline = 'middle';\r\n break;\r\n case 'ascender':\r\n ctx.textBaseline = 'top';\r\n break;\r\n case 'descender':\r\n ctx.textBaseline = 'bottom';\r\n break;\r\n }\r\n }\r\n ctx.font = this._getFontDeclaration(charStyle, forMeasuring);\r\n },\r\n\r\n /**\r\n * calculate and return the text Width measuring each line.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {Number} Maximum width of fabric.Text object\r\n */\r\n calcTextWidth: function () {\r\n var maxWidth = this.getLineWidth(0);\r\n\r\n for (var i = 1, len = this._textLines.length; i < len; i++) {\r\n var currentLineWidth = this.getLineWidth(i);\r\n if (currentLineWidth > maxWidth) {\r\n maxWidth = currentLineWidth;\r\n }\r\n }\r\n return maxWidth;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} line Text to render\r\n * @param {Number} left Left position of text\r\n * @param {Number} top Top position of text\r\n * @param {Number} lineIndex Index of a line in a text\r\n */\r\n _renderTextLine: function (method, ctx, line, left, top, lineIndex) {\r\n this._renderChars(method, ctx, line, left, top, lineIndex);\r\n },\r\n\r\n /**\r\n * Renders the text background for lines, taking care of style\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextLinesBackground: function (ctx) {\r\n if (\r\n !this.textBackgroundColor &&\r\n !this.styleHas('textBackgroundColor')\r\n ) {\r\n return;\r\n }\r\n var heightOfLine,\r\n lineLeftOffset,\r\n originalFill = ctx.fillStyle,\r\n line,\r\n lastColor,\r\n leftOffset = this._getLeftOffset(),\r\n lineTopOffset = this._getTopOffset(),\r\n boxStart = 0,\r\n boxWidth = 0,\r\n charBox,\r\n currentColor,\r\n path = this.path,\r\n drawStart;\r\n\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (\r\n !this.textBackgroundColor &&\r\n !this.styleHas('textBackgroundColor', i)\r\n ) {\r\n lineTopOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxWidth = 0;\r\n boxStart = 0;\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(\r\n i,\r\n j,\r\n 'textBackgroundColor'\r\n );\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillStyle = currentColor;\r\n currentColor &&\r\n ctx.fillRect(\r\n -charBox.width / 2,\r\n (-heightOfLine / this.lineHeight) *\r\n (1 - this._fontSizeFraction),\r\n charBox.width,\r\n heightOfLine / this.lineHeight\r\n );\r\n ctx.restore();\r\n } else if (currentColor !== lastColor) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = lastColor;\r\n lastColor &&\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n if (currentColor && !path) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentColor;\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n }\r\n lineTopOffset += heightOfLine;\r\n }\r\n ctx.fillStyle = originalFill;\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n },\r\n\r\n /**\r\n * measure and return the width of a single character.\r\n * possibly overridden to accommodate different measure logic or\r\n * to hook some external lib for character measurement\r\n * @private\r\n * @param {String} _char, char to be measured\r\n * @param {Object} charStyle style of char to be measured\r\n * @param {String} [previousChar] previous char\r\n * @param {Object} [prevCharStyle] style of previous char\r\n */\r\n _measureChar: function (_char, charStyle, previousChar, prevCharStyle) {\r\n // first i try to return from cache\r\n var fontCache = cache.getFontCache(charStyle),\r\n fontDeclaration = this._getFontDeclaration(charStyle),\r\n previousFontDeclaration = this._getFontDeclaration(prevCharStyle),\r\n couple = previousChar + _char,\r\n stylesAreEqual = fontDeclaration === previousFontDeclaration,\r\n width,\r\n coupleWidth,\r\n previousWidth,\r\n fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE,\r\n kernedWidth;\r\n\r\n if (previousChar && fontCache[previousChar] !== undefined) {\r\n previousWidth = fontCache[previousChar];\r\n }\r\n if (fontCache[_char] !== undefined) {\r\n kernedWidth = width = fontCache[_char];\r\n }\r\n if (stylesAreEqual && fontCache[couple] !== undefined) {\r\n coupleWidth = fontCache[couple];\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n if (\r\n width === undefined ||\r\n previousWidth === undefined ||\r\n coupleWidth === undefined\r\n ) {\r\n var ctx = this.getMeasuringContext();\r\n // send a TRUE to specify measuring font size CACHE_FONT_SIZE\r\n this._setTextStyles(ctx, charStyle, true);\r\n }\r\n if (width === undefined) {\r\n kernedWidth = width = ctx.measureText(_char).width;\r\n fontCache[_char] = width;\r\n }\r\n if (previousWidth === undefined && stylesAreEqual && previousChar) {\r\n previousWidth = ctx.measureText(previousChar).width;\r\n fontCache[previousChar] = previousWidth;\r\n }\r\n if (stylesAreEqual && coupleWidth === undefined) {\r\n // we can measure the kerning couple and subtract the width of the previous character\r\n coupleWidth = ctx.measureText(couple).width;\r\n fontCache[couple] = coupleWidth;\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n return {\r\n width: width * fontMultiplier,\r\n kernedWidth: kernedWidth * fontMultiplier,\r\n };\r\n },\r\n\r\n /**\r\n * Computes height of character at given position\r\n * @param {Number} line the line index number\r\n * @param {Number} _char the character index number\r\n * @return {Number} fontSize of the character\r\n */\r\n getHeightOfChar: function (line, _char) {\r\n return this.getValueOfPropertyAt(line, _char, 'fontSize');\r\n },\r\n\r\n /**\r\n * measure a text line measuring all characters.\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n measureLine: function (lineIndex) {\r\n var lineInfo = this._measureLine(lineIndex);\r\n if (this.charSpacing !== 0) {\r\n lineInfo.width -= this._getWidthOfCharSpacing();\r\n }\r\n if (lineInfo.width < 0) {\r\n lineInfo.width = 0;\r\n }\r\n return lineInfo;\r\n },\r\n\r\n /**\r\n * measure every grapheme of a line, populating __charBounds\r\n * @param {Number} lineIndex\r\n * @return {Object} object.width total width of characters\r\n * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs\r\n */\r\n _measureLine: function (lineIndex) {\r\n var width = 0,\r\n i,\r\n grapheme,\r\n line = this._textLines[lineIndex],\r\n prevGrapheme,\r\n graphemeInfo,\r\n numOfSpaces = 0,\r\n lineBounds = new Array(line.length),\r\n positionInPath = 0,\r\n startingPoint,\r\n totalPathLength,\r\n path = this.path,\r\n reverse = this.pathSide === 'right';\r\n\r\n this.__charBounds[lineIndex] = lineBounds;\r\n for (i = 0; i < line.length; i++) {\r\n grapheme = line[i];\r\n graphemeInfo = this._getGraphemeBox(\r\n grapheme,\r\n lineIndex,\r\n i,\r\n prevGrapheme\r\n );\r\n lineBounds[i] = graphemeInfo;\r\n width += graphemeInfo.kernedWidth;\r\n prevGrapheme = grapheme;\r\n }\r\n // this latest bound box represent the last character of the line\r\n // to simplify cursor handling in interactive mode.\r\n lineBounds[i] = {\r\n left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0,\r\n width: 0,\r\n kernedWidth: 0,\r\n height: this.fontSize,\r\n };\r\n if (path) {\r\n totalPathLength =\r\n path.segmentsInfo[path.segmentsInfo.length - 1].length;\r\n startingPoint = fabric.util.getPointOnPath(\r\n path.path,\r\n 0,\r\n path.segmentsInfo\r\n );\r\n startingPoint.x += path.pathOffset.x;\r\n startingPoint.y += path.pathOffset.y;\r\n switch (this.textAlign) {\r\n case 'left':\r\n positionInPath = reverse ? totalPathLength - width : 0;\r\n break;\r\n case 'center':\r\n positionInPath = (totalPathLength - width) / 2;\r\n break;\r\n case 'right':\r\n positionInPath = reverse ? 0 : totalPathLength - width;\r\n break;\r\n //todo - add support for justify\r\n }\r\n positionInPath += this.pathStartOffset * (reverse ? -1 : 1);\r\n for (\r\n i = reverse ? line.length - 1 : 0;\r\n reverse ? i >= 0 : i < line.length;\r\n reverse ? i-- : i++\r\n ) {\r\n graphemeInfo = lineBounds[i];\r\n if (positionInPath > totalPathLength) {\r\n positionInPath %= totalPathLength;\r\n } else if (positionInPath < 0) {\r\n positionInPath += totalPathLength;\r\n }\r\n // it would probably much faster to send all the grapheme position for a line\r\n // and calculate path position/angle at once.\r\n this._setGraphemeOnPath(\r\n positionInPath,\r\n graphemeInfo,\r\n startingPoint\r\n );\r\n positionInPath += graphemeInfo.kernedWidth;\r\n }\r\n }\r\n return { width: width, numOfSpaces: numOfSpaces };\r\n },\r\n\r\n /**\r\n * Calculate the angle and the left,top position of the char that follow a path.\r\n * It appends it to graphemeInfo to be reused later at rendering\r\n * @private\r\n * @param {Number} positionInPath to be measured\r\n * @param {Object} graphemeInfo current grapheme box information\r\n * @param {Object} startingPoint position of the point\r\n */\r\n _setGraphemeOnPath: function (\r\n positionInPath,\r\n graphemeInfo,\r\n startingPoint\r\n ) {\r\n var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2,\r\n path = this.path;\r\n\r\n // we are at currentPositionOnPath. we want to know what point on the path is.\r\n var info = fabric.util.getPointOnPath(\r\n path.path,\r\n centerPosition,\r\n path.segmentsInfo\r\n );\r\n graphemeInfo.renderLeft = info.x - startingPoint.x;\r\n graphemeInfo.renderTop = info.y - startingPoint.y;\r\n graphemeInfo.angle =\r\n info.angle + (this.pathSide === 'right' ? Math.PI : 0);\r\n },\r\n\r\n /**\r\n * Measure and return the info of a single grapheme.\r\n * needs the the info of previous graphemes already filled\r\n * Override to customize measuring\r\n *\r\n * @typedef {object} GraphemeBBox\r\n * @property {number} width\r\n * @property {number} height\r\n * @property {number} kernedWidth\r\n * @property {number} left\r\n * @property {number} deltaY\r\n *\r\n * @param {String} grapheme to be measured\r\n * @param {Number} lineIndex index of the line where the char is\r\n * @param {Number} charIndex position in the line\r\n * @param {String} [prevGrapheme] character preceding the one to be measured\r\n * @returns {GraphemeBBox} grapheme bbox\r\n */\r\n _getGraphemeBox: function (\r\n grapheme,\r\n lineIndex,\r\n charIndex,\r\n prevGrapheme,\r\n skipLeft\r\n ) {\r\n var style = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n prevStyle = prevGrapheme\r\n ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1)\r\n : {},\r\n info = this._measureChar(grapheme, style, prevGrapheme, prevStyle),\r\n kernedWidth = info.kernedWidth,\r\n width = info.width,\r\n charSpacing;\r\n\r\n if (this.charSpacing !== 0) {\r\n charSpacing = this._getWidthOfCharSpacing();\r\n width += charSpacing;\r\n kernedWidth += charSpacing;\r\n }\r\n\r\n var box = {\r\n width: width,\r\n left: 0,\r\n height: style.fontSize,\r\n kernedWidth: kernedWidth,\r\n deltaY: style.deltaY,\r\n };\r\n if (charIndex > 0 && !skipLeft) {\r\n var previousBox = this.__charBounds[lineIndex][charIndex - 1];\r\n box.left =\r\n previousBox.left +\r\n previousBox.width +\r\n info.kernedWidth -\r\n info.width;\r\n }\r\n return box;\r\n },\r\n\r\n /**\r\n * Calculate height of line at 'lineIndex'\r\n * @param {Number} lineIndex index of line to calculate\r\n * @return {Number}\r\n */\r\n getHeightOfLine: function (lineIndex) {\r\n if (this.__lineHeights[lineIndex]) {\r\n return this.__lineHeights[lineIndex];\r\n }\r\n\r\n var line = this._textLines[lineIndex],\r\n // char 0 is measured before the line cycle because it nneds to char\r\n // emptylines\r\n maxHeight = this.getHeightOfChar(lineIndex, 0);\r\n for (var i = 1, len = line.length; i < len; i++) {\r\n maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight);\r\n }\r\n\r\n return (this.__lineHeights[lineIndex] =\r\n maxHeight * this.lineHeight * this._fontSizeMult);\r\n },\r\n\r\n /**\r\n * Calculate text box height\r\n */\r\n calcTextHeight: function () {\r\n var lineHeight,\r\n height = 0;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n lineHeight = this.getHeightOfLine(i);\r\n height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight;\r\n }\r\n return height;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} Left offset\r\n */\r\n _getLeftOffset: function () {\r\n return this.direction === 'ltr' ? -this.width / 2 : this.width / 2;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} Top offset\r\n */\r\n _getTopOffset: function () {\r\n return -this.height / 2;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n */\r\n _renderTextCommon: function (ctx, method) {\r\n ctx.save();\r\n var lineHeights = 0,\r\n left = this._getLeftOffset(),\r\n top = this._getTopOffset();\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n var heightOfLine = this.getHeightOfLine(i),\r\n maxHeight = heightOfLine / this.lineHeight,\r\n leftOffset = this._getLineLeftOffset(i);\r\n this._renderTextLine(\r\n method,\r\n ctx,\r\n this._textLines[i],\r\n left + leftOffset,\r\n top + lineHeights + maxHeight,\r\n i\r\n );\r\n lineHeights += heightOfLine;\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextFill: function (ctx) {\r\n if (!this.fill && !this.styleHas('fill')) {\r\n return;\r\n }\r\n\r\n this._renderTextCommon(ctx, 'fillText');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextStroke: function (ctx) {\r\n if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n ctx.beginPath();\r\n this._renderTextCommon(ctx, 'strokeText');\r\n ctx.closePath();\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} method fillText or strokeText.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} line Content of the line, splitted in an array by grapheme\r\n * @param {Number} left\r\n * @param {Number} top\r\n * @param {Number} lineIndex\r\n */\r\n _renderChars: function (method, ctx, line, left, top, lineIndex) {\r\n // set proper line offset\r\n var lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n boxWidth = 0,\r\n timeToRender,\r\n path = this.path,\r\n shortCut =\r\n !isJustify &&\r\n this.charSpacing === 0 &&\r\n this.isEmptyStyles(lineIndex) &&\r\n !path,\r\n isLtr = this.direction === 'ltr',\r\n sign = this.direction === 'ltr' ? 1 : -1,\r\n // this was changed in the PR #7674\r\n // currentDirection = ctx.canvas.getAttribute('dir');\r\n drawingLeft,\r\n currentDirection = ctx.direction;\r\n ctx.save();\r\n if (currentDirection !== this.direction) {\r\n ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');\r\n ctx.direction = isLtr ? 'ltr' : 'rtl';\r\n ctx.textAlign = isLtr ? 'left' : 'right';\r\n }\r\n top -= (lineHeight * this._fontSizeFraction) / this.lineHeight;\r\n if (shortCut) {\r\n // render all the line in one pass without checking\r\n // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n 0,\r\n line.join(''),\r\n left,\r\n top,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n return;\r\n }\r\n for (var i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing || path;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n left += sign * (charBox.kernedWidth - charBox.width);\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = fabric.util.hasStyleChanged(\r\n actualStyle,\r\n nextStyle,\r\n false\r\n );\r\n }\r\n if (timeToRender) {\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n -boxWidth / 2,\r\n 0,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n } else {\r\n drawingLeft = left;\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n drawingLeft,\r\n top,\r\n lineHeight\r\n );\r\n }\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n left += sign * boxWidth;\r\n boxWidth = 0;\r\n }\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n * @return {CanvasPattern} a pattern to use as fill/stroke style\r\n */\r\n _applyPatternGradientTransformText: function (filler) {\r\n var pCanvas = fabric.util.createCanvasElement(),\r\n pCtx,\r\n // TODO: verify compatibility with strokeUniform\r\n width = this.width + this.strokeWidth,\r\n height = this.height + this.strokeWidth;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.fillStyle = filler.toLive(pCtx);\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fill();\r\n return pCtx.createPattern(pCanvas, 'no-repeat');\r\n },\r\n\r\n handleFiller: function (ctx, property, filler) {\r\n var offsetX, offsetY;\r\n if (filler.toLive) {\r\n if (\r\n filler.gradientUnits === 'percentage' ||\r\n filler.gradientTransform ||\r\n filler.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n offsetX = -this.width / 2;\r\n offsetY = -this.height / 2;\r\n ctx.translate(offsetX, offsetY);\r\n ctx[property] = this._applyPatternGradientTransformText(filler);\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx[property] = filler.toLive(ctx, this);\r\n return this._applyPatternGradientTransform(ctx, filler);\r\n }\r\n } else {\r\n // is a color\r\n ctx[property] = filler;\r\n }\r\n return { offsetX: 0, offsetY: 0 };\r\n },\r\n\r\n _setStrokeStyles: function (ctx, decl) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.lineDashOffset = this.strokeDashOffset;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n return this.handleFiller(ctx, 'strokeStyle', decl.stroke);\r\n },\r\n\r\n _setFillStyles: function (ctx, decl) {\r\n return this.handleFiller(ctx, 'fillStyle', decl.fill);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} method\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {String} _char\r\n * @param {Number} left Left coordinate\r\n * @param {Number} top Top coordinate\r\n * @param {Number} lineHeight Height of the line\r\n */\r\n _renderChar: function (\r\n method,\r\n ctx,\r\n lineIndex,\r\n charIndex,\r\n _char,\r\n left,\r\n top\r\n ) {\r\n var decl = this._getStyleDeclaration(lineIndex, charIndex),\r\n fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n shouldFill = method === 'fillText' && fullDecl.fill,\r\n shouldStroke =\r\n method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth,\r\n fillOffsets,\r\n strokeOffsets;\r\n\r\n if (!shouldStroke && !shouldFill) {\r\n return;\r\n }\r\n ctx.save();\r\n\r\n shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl));\r\n shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl));\r\n\r\n ctx.font = this._getFontDeclaration(fullDecl);\r\n\r\n if (decl && decl.textBackgroundColor) {\r\n this._removeShadow(ctx);\r\n }\r\n if (decl && decl.deltaY) {\r\n top += decl.deltaY;\r\n }\r\n shouldFill &&\r\n ctx.fillText(\r\n _char,\r\n left - fillOffsets.offsetX,\r\n top - fillOffsets.offsetY\r\n );\r\n shouldStroke &&\r\n ctx.strokeText(\r\n _char,\r\n left - strokeOffsets.offsetX,\r\n top - strokeOffsets.offsetY\r\n );\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Turns the character into a 'superior figure' (i.e. 'superscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {fabric.Text} thisArg\r\n * @chainable\r\n */\r\n setSuperscript: function (start, end) {\r\n return this._setScript(start, end, this.superscript);\r\n },\r\n\r\n /**\r\n * Turns the character into an 'inferior figure' (i.e. 'subscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {fabric.Text} thisArg\r\n * @chainable\r\n */\r\n setSubscript: function (start, end) {\r\n return this._setScript(start, end, this.subscript);\r\n },\r\n\r\n /**\r\n * Applies 'schema' at given position\r\n * @private\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @param {Number} schema\r\n * @returns {fabric.Text} thisArg\r\n * @chainable\r\n */\r\n _setScript: function (start, end, schema) {\r\n var loc = this.get2DCursorLocation(start, true),\r\n fontSize = this.getValueOfPropertyAt(\r\n loc.lineIndex,\r\n loc.charIndex,\r\n 'fontSize'\r\n ),\r\n dy = this.getValueOfPropertyAt(\r\n loc.lineIndex,\r\n loc.charIndex,\r\n 'deltaY'\r\n ),\r\n style = {\r\n fontSize: fontSize * schema.size,\r\n deltaY: dy + fontSize * schema.baseline,\r\n };\r\n this.setSelectionStyles(style, start, end);\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Number} lineIndex index text line\r\n * @return {Number} Line left offset\r\n */\r\n _getLineLeftOffset: function (lineIndex) {\r\n var lineWidth = this.getLineWidth(lineIndex),\r\n lineDiff = this.width - lineWidth,\r\n textAlign = this.textAlign,\r\n direction = this.direction,\r\n isEndOfWrapping,\r\n leftOffset = 0,\r\n isEndOfWrapping = this.isEndOfWrapping(lineIndex);\r\n if (\r\n textAlign === 'justify' ||\r\n (textAlign === 'justify-center' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-right' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-left' && !isEndOfWrapping)\r\n ) {\r\n return 0;\r\n }\r\n if (textAlign === 'center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (textAlign === 'justify-center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'justify-right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (direction === 'rtl') {\r\n if (\r\n textAlign === 'right' ||\r\n textAlign === 'justify' ||\r\n textAlign === 'justify-right'\r\n ) {\r\n leftOffset = 0;\r\n } else if (textAlign === 'left' || textAlign === 'justify-left') {\r\n leftOffset = -lineDiff;\r\n } else if (textAlign === 'center' || textAlign === 'justify-center') {\r\n leftOffset = -lineDiff / 2;\r\n }\r\n }\r\n return leftOffset;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _clearCache: function () {\r\n this.__lineWidths = [];\r\n this.__lineHeights = [];\r\n this.__charBounds = [];\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldClearDimensionCache: function () {\r\n var shouldClear = this._forceClearCache;\r\n shouldClear ||\r\n (shouldClear = this.hasStateChanged('_dimensionAffectingProps'));\r\n if (shouldClear) {\r\n this.dirty = true;\r\n this._forceClearCache = false;\r\n }\r\n return shouldClear;\r\n },\r\n\r\n /**\r\n * Measure a single line given its index. Used to calculate the initial\r\n * text bounding box. The values are calculated and stored in __lineWidths cache.\r\n * @private\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n getLineWidth: function (lineIndex) {\r\n if (this.__lineWidths[lineIndex] !== undefined) {\r\n return this.__lineWidths[lineIndex];\r\n }\r\n\r\n var lineInfo = this.measureLine(lineIndex);\r\n var width = lineInfo.width;\r\n this.__lineWidths[lineIndex] = width;\r\n return width;\r\n },\r\n\r\n _getWidthOfCharSpacing: function () {\r\n if (this.charSpacing !== 0) {\r\n return (this.fontSize * this.charSpacing) / 1000;\r\n }\r\n return 0;\r\n },\r\n\r\n /**\r\n * Retrieves the value of property at given character position\r\n * @param {Number} lineIndex the line number\r\n * @param {Number} charIndex the character number\r\n * @param {String} property the property name\r\n * @returns the value of 'property'\r\n */\r\n getValueOfPropertyAt: function (lineIndex, charIndex, property) {\r\n var charStyle = this._getStyleDeclaration(lineIndex, charIndex);\r\n if (charStyle && typeof charStyle[property] !== 'undefined') {\r\n return charStyle[property];\r\n }\r\n return this[property];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextDecoration: function (ctx, type) {\r\n if (!this[type] && !this.styleHas(type)) {\r\n return;\r\n }\r\n var heightOfLine,\r\n size,\r\n _size,\r\n lineLeftOffset,\r\n dy,\r\n _dy,\r\n line,\r\n lastDecoration,\r\n leftOffset = this._getLeftOffset(),\r\n topOffset = this._getTopOffset(),\r\n top,\r\n boxStart,\r\n boxWidth,\r\n charBox,\r\n currentDecoration,\r\n maxHeight,\r\n currentFill,\r\n lastFill,\r\n path = this.path,\r\n charSpacing = this._getWidthOfCharSpacing(),\r\n offsetY = this.offsets[type];\r\n\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (!this[type] && !this.styleHas(type, i)) {\r\n topOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n maxHeight = heightOfLine / this.lineHeight;\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxStart = 0;\r\n boxWidth = 0;\r\n lastDecoration = this.getValueOfPropertyAt(i, 0, type);\r\n lastFill = this.getValueOfPropertyAt(i, 0, 'fill');\r\n top = topOffset + maxHeight * (1 - this._fontSizeFraction);\r\n size = this.getHeightOfChar(i, 0);\r\n dy = this.getValueOfPropertyAt(i, 0, 'deltaY');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentDecoration = this.getValueOfPropertyAt(i, j, type);\r\n currentFill = this.getValueOfPropertyAt(i, j, 'fill');\r\n _size = this.getHeightOfChar(i, j);\r\n _dy = this.getValueOfPropertyAt(i, j, 'deltaY');\r\n if (path && currentDecoration && currentFill) {\r\n ctx.save();\r\n ctx.fillStyle = lastFill;\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillRect(\r\n -charBox.kernedWidth / 2,\r\n offsetY * _size + _dy,\r\n charBox.kernedWidth,\r\n this.fontSize / 15\r\n );\r\n ctx.restore();\r\n } else if (\r\n (currentDecoration !== lastDecoration ||\r\n currentFill !== lastFill ||\r\n _size !== size ||\r\n _dy !== dy) &&\r\n boxWidth > 0\r\n ) {\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n if (lastDecoration && lastFill) {\r\n ctx.fillStyle = lastFill;\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth,\r\n this.fontSize / 15\r\n );\r\n }\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastDecoration = currentDecoration;\r\n lastFill = currentFill;\r\n size = _size;\r\n dy = _dy;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentFill;\r\n currentDecoration &&\r\n currentFill &&\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth - charSpacing,\r\n this.fontSize / 15\r\n );\r\n topOffset += heightOfLine;\r\n }\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n },\r\n\r\n /**\r\n * return font declaration string for canvas context\r\n * @param {Object} [styleObject] object\r\n * @returns {String} font declaration formatted for canvas context.\r\n */\r\n _getFontDeclaration: function (styleObject, forMeasuring) {\r\n var style = styleObject || this,\r\n family = this.fontFamily,\r\n fontIsGeneric =\r\n fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1;\r\n var fontFamily =\r\n family === undefined ||\r\n family.indexOf(\"'\") > -1 ||\r\n family.indexOf(',') > -1 ||\r\n family.indexOf('\"') > -1 ||\r\n fontIsGeneric\r\n ? style.fontFamily\r\n : '\"' + style.fontFamily + '\"';\r\n return [\r\n // node-canvas needs \"weight style\", while browsers need \"style weight\"\r\n // verify if this can be fixed in JSDOM\r\n fabric.isLikelyNode ? style.fontWeight : style.fontStyle,\r\n fabric.isLikelyNode ? style.fontStyle : style.fontWeight,\r\n forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px',\r\n fontFamily,\r\n ].join(' ');\r\n },\r\n\r\n /**\r\n * Renders text instance on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render: function (ctx) {\r\n // do not render if object is not visible\r\n if (!this.visible) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n }\r\n this.callSuper('render', ctx);\r\n },\r\n\r\n /**\r\n * Override this method to customize grapheme splitting\r\n * @param {string} value\r\n * @returns {string[]} array of graphemes\r\n */\r\n graphemeSplit: function (value) {\r\n return fabric.util.string.graphemeSplit(value);\r\n },\r\n\r\n /**\r\n * Returns the text as an array of lines.\r\n * @param {String} text text to split\r\n * @returns {Array} Lines in the text\r\n */\r\n _splitTextIntoLines: function (text) {\r\n var lines = text.split(this._reNewline),\r\n newLines = new Array(lines.length),\r\n newLine = ['\\n'],\r\n newText = [];\r\n for (var i = 0; i < lines.length; i++) {\r\n newLines[i] = this.graphemeSplit(lines[i]);\r\n newText = newText.concat(newLines[i], newLine);\r\n }\r\n newText.pop();\r\n return {\r\n _unwrappedLines: newLines,\r\n lines: lines,\r\n graphemeText: newText,\r\n graphemeLines: newLines,\r\n };\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var allProperties = additionalProps.concat(propertiesToInclude);\r\n var obj = this.callSuper('toObject', allProperties);\r\n obj.styles = fabric.util.stylesToArray(this.styles, this.text);\r\n if (obj.path) {\r\n obj.path = this.path.toObject();\r\n }\r\n return obj;\r\n },\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n set: function (key, value) {\r\n this.callSuper('set', key, value);\r\n var needsDims = false;\r\n var isAddingPath = false;\r\n if (typeof key === 'object') {\r\n for (var _key in key) {\r\n if (_key === 'path') {\r\n this.setPathInfo();\r\n }\r\n needsDims =\r\n needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1;\r\n isAddingPath = isAddingPath || _key === 'path';\r\n }\r\n } else {\r\n needsDims = this._dimensionAffectingProps.indexOf(key) !== -1;\r\n isAddingPath = key === 'path';\r\n }\r\n if (isAddingPath) {\r\n this.setPathInfo();\r\n }\r\n if (needsDims) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity\r\n */\r\n complexity: function () {\r\n return 1;\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement})\r\n * @static\r\n * @memberOf fabric.Text\r\n * @see: http://www.w3.org/TR/SVG/text.html#TextElement\r\n */\r\n fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(\r\n ' '\r\n )\r\n );\r\n\r\n /**\r\n * Returns fabric.Text instance from an SVG element (not yet implemented)\r\n * @static\r\n * @memberOf fabric.Text\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Text.fromElement = function (element, callback, options) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Text.ATTRIBUTE_NAMES\r\n ),\r\n parsedAnchor = parsedAttributes.textAnchor || 'left';\r\n options = Object.assign({}, options, parsedAttributes);\r\n\r\n options.top = options.top || 0;\r\n options.left = options.left || 0;\r\n if (parsedAttributes.textDecoration) {\r\n var textDecoration = parsedAttributes.textDecoration;\r\n if (textDecoration.indexOf('underline') !== -1) {\r\n options.underline = true;\r\n }\r\n if (textDecoration.indexOf('overline') !== -1) {\r\n options.overline = true;\r\n }\r\n if (textDecoration.indexOf('line-through') !== -1) {\r\n options.linethrough = true;\r\n }\r\n delete options.textDecoration;\r\n }\r\n if ('dx' in parsedAttributes) {\r\n options.left += parsedAttributes.dx;\r\n }\r\n if ('dy' in parsedAttributes) {\r\n options.top += parsedAttributes.dy;\r\n }\r\n if (!('fontSize' in options)) {\r\n options.fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n\r\n var textContent = '';\r\n\r\n // The XML is not properly parsed in IE9 so a workaround to get\r\n // textContent is through firstChild.data. Another workaround would be\r\n // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does)\r\n if (!('textContent' in element)) {\r\n if ('firstChild' in element && element.firstChild !== null) {\r\n if ('data' in element.firstChild && element.firstChild.data !== null) {\r\n textContent = element.firstChild.data;\r\n }\r\n }\r\n } else {\r\n textContent = element.textContent;\r\n }\r\n\r\n textContent = textContent\r\n .replace(/^\\s+|\\s+$|\\n+/g, '')\r\n .replace(/\\s+/g, ' ');\r\n var originalStrokeWidth = options.strokeWidth;\r\n options.strokeWidth = 0;\r\n\r\n var text = new fabric.Text(textContent, options),\r\n textHeightScaleFactor = text.getScaledHeight() / text.height,\r\n lineHeightDiff =\r\n (text.height + text.strokeWidth) * text.lineHeight - text.height,\r\n scaledDiff = lineHeightDiff * textHeightScaleFactor,\r\n textHeight = text.getScaledHeight() + scaledDiff,\r\n offX = 0;\r\n /*\r\n Adjust positioning:\r\n x/y attributes in SVG correspond to the bottom-left corner of text bounding box\r\n fabric output by default at top, left.\r\n */\r\n if (parsedAnchor === 'center') {\r\n offX = text.getScaledWidth() / 2;\r\n }\r\n if (parsedAnchor === 'right') {\r\n offX = text.getScaledWidth();\r\n }\r\n text.set({\r\n left: text.left - offX,\r\n top:\r\n text.top -\r\n (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) /\r\n text.lineHeight,\r\n strokeWidth:\r\n typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1,\r\n });\r\n callback(text);\r\n };\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Text instance from an object representation\r\n * @static\r\n * @memberOf fabric.Text\r\n * @param {Object} object plain js Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Text.fromObject = function (object) {\r\n var styles = fabric.util.stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n var objCopy = Object.assign({}, object, { styles: styles });\r\n return fabric.Object._fromObject(fabric.Text, objCopy, {\r\n extraParam: 'text',\r\n });\r\n };\r\n\r\n fabric.Text.genericFonts = [\r\n 'sans-serif',\r\n 'serif',\r\n 'cursive',\r\n 'fantasy',\r\n 'monospace',\r\n ];\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.Text.prototype,\r\n /** @lends fabric.Text.prototype */ {\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles: function (lineIndex) {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return true;\r\n }\r\n var obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (var p1 in obj) {\r\n for (var p2 in obj[p1]) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (var p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * Returns true if object has a style property or has it ina specified line\r\n * This function is used to detect if a text will use a particular property or not.\r\n * @param {String} property to check for\r\n * @param {Number} lineIndex to check the style on\r\n * @return {Boolean}\r\n */\r\n styleHas: function (property, lineIndex) {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return false;\r\n }\r\n var obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { 0: this.styles[lineIndex] };\r\n // eslint-disable-next-line\r\n for (var p1 in obj) {\r\n // eslint-disable-next-line\r\n for (var p2 in obj[p1]) {\r\n if (typeof obj[p1][p2][property] !== 'undefined') {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if characters in a text have a value for a property\r\n * whose value matches the textbox's value for that property. If so,\r\n * the character-level property is deleted. If the character\r\n * has no other properties, then it is also deleted. Finally,\r\n * if the line containing that character has no other characters\r\n * then it also is deleted.\r\n *\r\n * @param {string} property The property to compare between characters and text.\r\n */\r\n cleanStyle: function (property) {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n var obj = this.styles,\r\n stylesCount = 0,\r\n letterCount,\r\n stylePropertyValue,\r\n allStyleObjectPropertiesMatch = true,\r\n graphemeCount = 0,\r\n styleObject;\r\n // eslint-disable-next-line\r\n for (var p1 in obj) {\r\n letterCount = 0;\r\n // eslint-disable-next-line\r\n for (var p2 in obj[p1]) {\r\n var styleObject = obj[p1][p2],\r\n stylePropertyHasBeenSet = styleObject.hasOwnProperty(property);\r\n\r\n stylesCount++;\r\n\r\n if (stylePropertyHasBeenSet) {\r\n if (!stylePropertyValue) {\r\n stylePropertyValue = styleObject[property];\r\n } else if (styleObject[property] !== stylePropertyValue) {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (styleObject[property] === this[property]) {\r\n delete styleObject[property];\r\n }\r\n } else {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (Object.keys(styleObject).length !== 0) {\r\n letterCount++;\r\n } else {\r\n delete obj[p1][p2];\r\n }\r\n }\r\n\r\n if (letterCount === 0) {\r\n delete obj[p1];\r\n }\r\n }\r\n // if every grapheme has the same style set then\r\n // delete those styles and set it on the parent\r\n for (var i = 0; i < this._textLines.length; i++) {\r\n graphemeCount += this._textLines[i].length;\r\n }\r\n if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) {\r\n this[property] = stylePropertyValue;\r\n this.removeStyle(property);\r\n }\r\n },\r\n\r\n /**\r\n * Remove a style property or properties from all individual character styles\r\n * in a text object. Deletes the character style object if it contains no other style\r\n * props. Deletes a line style object if it contains no other character styles.\r\n *\r\n * @param {String} props The property to remove from character styles.\r\n */\r\n removeStyle: function (property) {\r\n if (!this.styles || !property || property === '') {\r\n return;\r\n }\r\n var obj = this.styles,\r\n line,\r\n lineNum,\r\n charNum;\r\n for (lineNum in obj) {\r\n line = obj[lineNum];\r\n for (charNum in line) {\r\n delete line[charNum][property];\r\n if (Object.keys(line[charNum]).length === 0) {\r\n delete line[charNum];\r\n }\r\n }\r\n if (Object.keys(line).length === 0) {\r\n delete obj[lineNum];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _extendStyles: function (index, styles) {\r\n var loc = this.get2DCursorLocation(index);\r\n\r\n if (!this._getLineStyle(loc.lineIndex)) {\r\n this._setLineStyle(loc.lineIndex);\r\n }\r\n\r\n if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) {\r\n this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {});\r\n }\r\n\r\n fabric.util.object.extend(\r\n this._getStyleDeclaration(loc.lineIndex, loc.charIndex),\r\n styles\r\n );\r\n },\r\n\r\n /**\r\n * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start)\r\n * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used.\r\n * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\r\n */\r\n get2DCursorLocation: function (selectionStart, skipWrapping) {\r\n if (typeof selectionStart === 'undefined') {\r\n selectionStart = this.selectionStart;\r\n }\r\n var lines = skipWrapping ? this._unwrappedTextLines : this._textLines,\r\n len = lines.length;\r\n for (var i = 0; i < len; i++) {\r\n if (selectionStart <= lines[i].length) {\r\n return {\r\n lineIndex: i,\r\n charIndex: selectionStart,\r\n };\r\n }\r\n selectionStart -= lines[i].length + this.missingNewlineOffset(i);\r\n }\r\n return {\r\n lineIndex: i - 1,\r\n charIndex:\r\n lines[i - 1].length < selectionStart\r\n ? lines[i - 1].length\r\n : selectionStart,\r\n };\r\n },\r\n\r\n /**\r\n * Gets style of a current selection/cursor (at the start position)\r\n * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used.\r\n * @param {Number} [startIndex] Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n * @param {Boolean} [complete] get full style or not\r\n * @return {Array} styles an array with one, zero or more Style objects\r\n */\r\n getSelectionStyles: function (startIndex, endIndex, complete) {\r\n if (typeof startIndex === 'undefined') {\r\n startIndex = this.selectionStart || 0;\r\n }\r\n if (typeof endIndex === 'undefined') {\r\n endIndex = this.selectionEnd || startIndex;\r\n }\r\n var styles = [];\r\n for (var i = startIndex; i < endIndex; i++) {\r\n styles.push(this.getStyleAtPosition(i, complete));\r\n }\r\n return styles;\r\n },\r\n\r\n /**\r\n * Gets style of a current selection/cursor position\r\n * @param {Number} position to get styles at\r\n * @param {Boolean} [complete] full style if true\r\n * @return {Object} style Style object at a specified index\r\n * @private\r\n */\r\n getStyleAtPosition: function (position, complete) {\r\n var loc = this.get2DCursorLocation(position),\r\n style = complete\r\n ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex)\r\n : this._getStyleDeclaration(loc.lineIndex, loc.charIndex);\r\n return style || {};\r\n },\r\n\r\n /**\r\n * Sets style of a current selection, if no selection exist, do not set anything.\r\n * @param {Object} [styles] Styles object\r\n * @param {Number} [startIndex] Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n setSelectionStyles: function (styles, startIndex, endIndex) {\r\n if (typeof startIndex === 'undefined') {\r\n startIndex = this.selectionStart || 0;\r\n }\r\n if (typeof endIndex === 'undefined') {\r\n endIndex = this.selectionEnd || startIndex;\r\n }\r\n for (var i = startIndex; i < endIndex; i++) {\r\n this._extendStyles(i, styles);\r\n }\r\n /* not included in _extendStyles to avoid clearing cache more than once */\r\n this._forceClearCache = true;\r\n return this;\r\n },\r\n\r\n /**\r\n * get the reference, not a clone, of the style object for a given character\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Object} style object\r\n */\r\n _getStyleDeclaration: function (lineIndex, charIndex) {\r\n var lineStyle = this.styles && this.styles[lineIndex];\r\n if (!lineStyle) {\r\n return null;\r\n }\r\n return lineStyle[charIndex];\r\n },\r\n\r\n /**\r\n * return a new object that contains all the style property for a character\r\n * the object returned is newly created\r\n * @param {Number} lineIndex of the line where the character is\r\n * @param {Number} charIndex position of the character on the line\r\n * @return {Object} style object\r\n */\r\n getCompleteStyleDeclaration: function (lineIndex, charIndex) {\r\n var style = this._getStyleDeclaration(lineIndex, charIndex) || {},\r\n styleObject = {},\r\n prop;\r\n for (var i = 0; i < this._styleProperties.length; i++) {\r\n prop = this._styleProperties[i];\r\n styleObject[prop] =\r\n typeof style[prop] === 'undefined' ? this[prop] : style[prop];\r\n }\r\n return styleObject;\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setStyleDeclaration: function (lineIndex, charIndex, style) {\r\n this.styles[lineIndex][charIndex] = style;\r\n },\r\n\r\n /**\r\n *\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _deleteStyleDeclaration: function (lineIndex, charIndex) {\r\n delete this.styles[lineIndex][charIndex];\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @return {Boolean} if the line exists or not\r\n * @private\r\n */\r\n _getLineStyle: function (lineIndex) {\r\n return !!this.styles[lineIndex];\r\n },\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @private\r\n */\r\n _setLineStyle: function (lineIndex) {\r\n this.styles[lineIndex] = {};\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @private\r\n */\r\n _deleteLineStyle: function (lineIndex) {\r\n delete this.styles[lineIndex];\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * IText class (introduced in v1.4) Events are also fired with \"text:\"\r\n * prefix when observing canvas.\r\n * @class fabric.IText\r\n * @extends fabric.Text\r\n *\r\n * @fires changed\r\n * @fires selection:changed\r\n * @fires editing:entered\r\n * @fires editing:exited\r\n * @fires dragstart\r\n * @fires drag drag event firing on the drag source\r\n * @fires dragend\r\n * @fires copy\r\n * @fires cut\r\n * @fires paste\r\n *\r\n * @return {fabric.IText} thisArg\r\n * @see {@link fabric.IText#initialize} for constructor definition\r\n *\r\n *

Supported key combinations:

\r\n * 
\r\n   *   Move cursor:                    left, right, up, down\r\n   *   Select character:               shift + left, shift + right\r\n   *   Select text vertically:         shift + up, shift + down\r\n   *   Move cursor by word:            alt + left, alt + right\r\n   *   Select words:                   shift + alt + left, shift + alt + right\r\n   *   Move cursor to line start/end:  cmd + left, cmd + right or home, end\r\n   *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end\r\n   *   Jump to start/end of text:      cmd + up, cmd + down\r\n   *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown\r\n   *   Delete character:               backspace\r\n   *   Delete word:                    alt + backspace\r\n   *   Delete line:                    cmd + backspace\r\n   *   Forward delete:                 delete\r\n   *   Copy text:                      ctrl/cmd + c\r\n   *   Paste text:                     ctrl/cmd + v\r\n   *   Cut text:                       ctrl/cmd + x\r\n   *   Select entire text:             ctrl/cmd + a\r\n   *   Quit editing                    tab or esc\r\n   *
\r\n *\r\n *

Supported mouse/touch combination

\r\n * 
\r\n   *   Position cursor:                click/touch\r\n   *   Create selection:               click/touch & drag\r\n   *   Create selection:               click & shift + click\r\n   *   Select word:                    double click\r\n   *   Select line:                    triple click\r\n   *
\r\n */\r\n fabric.IText = fabric.util.createClass(\r\n fabric.Text,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'i-text',\r\n\r\n /**\r\n * Index where text selection starts (or where cursor is when there is no selection)\r\n * @type Number\r\n * @default\r\n */\r\n selectionStart: 0,\r\n\r\n /**\r\n * Index where text selection ends\r\n * @type Number\r\n * @default\r\n */\r\n selectionEnd: 0,\r\n\r\n /**\r\n * Color of text selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: 'rgba(17,119,255,0.3)',\r\n\r\n /**\r\n * Indicates whether text is in editing mode\r\n * @type Boolean\r\n * @default\r\n */\r\n isEditing: false,\r\n\r\n /**\r\n * Indicates whether a text can be edited\r\n * @type Boolean\r\n * @default\r\n */\r\n editable: true,\r\n\r\n /**\r\n * Border color of text object while it's in editing mode\r\n * @type String\r\n * @default\r\n */\r\n editingBorderColor: 'rgba(102,153,255,0.25)',\r\n\r\n /**\r\n * Width of cursor (in px)\r\n * @type Number\r\n * @default\r\n */\r\n cursorWidth: 2,\r\n\r\n /**\r\n * Color of text cursor color in editing mode.\r\n * if not set (default) will take color from the text.\r\n * if set to a color value that fabric can understand, it will\r\n * be used instead of the color of the text at the current position.\r\n * @type String\r\n * @default\r\n */\r\n cursorColor: '',\r\n\r\n /**\r\n * Delay between cursor blink (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDelay: 1000,\r\n\r\n /**\r\n * Duration of cursor fadein (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDuration: 600,\r\n\r\n /**\r\n * Indicates whether internal text char widths can be cached\r\n * @type Boolean\r\n * @default\r\n */\r\n caching: true,\r\n\r\n /**\r\n * DOM container to append the hiddenTextarea.\r\n * An alternative to attaching to the document.body.\r\n * Useful to reduce laggish redraw of the full document.body tree and\r\n * also with modals event capturing that won't let the textarea take focus.\r\n * @type HTMLElement\r\n * @default\r\n */\r\n hiddenTextareaContainer: null,\r\n\r\n /**\r\n * @private\r\n */\r\n _reSpace: /\\s|\\n/,\r\n\r\n /**\r\n * @private\r\n */\r\n _currentCursorOpacity: 1,\r\n\r\n /**\r\n * @private\r\n */\r\n _selectionDirection: null,\r\n\r\n /**\r\n * Helps determining when the text is in composition, so that the cursor\r\n * rendering is altered.\r\n */\r\n inCompositionMode: false,\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {fabric.IText} thisArg\r\n */\r\n initialize: function (text, options) {\r\n this.callSuper('initialize', text, options);\r\n this.initBehavior();\r\n },\r\n\r\n /**\r\n * While editing handle differently\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n if (this.isEditing && this._savedProps && key in this._savedProps) {\r\n this._savedProps[key] = value;\r\n } else {\r\n this.callSuper('_set', key, value);\r\n }\r\n },\r\n\r\n /**\r\n * Sets selection start (left boundary of a selection)\r\n * @param {Number} index Index to set selection start to\r\n */\r\n setSelectionStart: function (index) {\r\n index = Math.max(index, 0);\r\n this._updateAndFire('selectionStart', index);\r\n },\r\n\r\n /**\r\n * Sets selection end (right boundary of a selection)\r\n * @param {Number} index Index to set selection end to\r\n */\r\n setSelectionEnd: function (index) {\r\n index = Math.min(index, this.text.length);\r\n this._updateAndFire('selectionEnd', index);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} property 'selectionStart' or 'selectionEnd'\r\n * @param {Number} index new position of property\r\n */\r\n _updateAndFire: function (property, index) {\r\n if (this[property] !== index) {\r\n this._fireSelectionChanged();\r\n this[property] = index;\r\n }\r\n this._updateTextarea();\r\n },\r\n\r\n /**\r\n * Fires the even of selection changed\r\n * @private\r\n */\r\n _fireSelectionChanged: function () {\r\n this.fire('selection:changed');\r\n this.canvas &&\r\n this.canvas.fire('text:selection:changed', { target: this });\r\n },\r\n\r\n /**\r\n * Initialize text dimensions. Render all text on given context\r\n * or on a offscreen canvas to get the text width with measureText.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n * @private\r\n */\r\n initDimensions: function () {\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n this.callSuper('initDimensions');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render: function (ctx) {\r\n this.clearContextTop();\r\n this.callSuper('render', ctx);\r\n // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor\r\n // the correct position but not at every cursor animation.\r\n this.cursorOffsetCache = {};\r\n this.renderCursorOrSelection();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n this.callSuper('_render', ctx);\r\n },\r\n\r\n /**\r\n * Renders cursor or selection (depending on what exists)\r\n * it does on the contextTop. If contextTop is not available, do nothing.\r\n */\r\n renderCursorOrSelection: function () {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n var ctx = this.clearContextTop(true);\r\n if (!ctx) {\r\n return;\r\n }\r\n var boundaries = this._getCursorBoundaries();\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.renderCursor(ctx, boundaries);\r\n } else {\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Renders cursor on context Top, outside the animation cycle, on request\r\n * Used for the drag/drop effect.\r\n * If contextTop is not available, do nothing.\r\n */\r\n renderCursorAt: function (selectionStart) {\r\n var boundaries = this._getCursorBoundaries(selectionStart, true);\r\n this._renderCursor(this.canvas.contextTop, boundaries, selectionStart);\r\n },\r\n\r\n /**\r\n * Returns cursor boundaries (left, top, leftOffset, topOffset)\r\n * left/top are left/top of entire text box\r\n * leftOffset/topOffset are offset from that left/top point of a text box\r\n * @private\r\n * @param {number} [index] index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundaries: function (index, skipCaching) {\r\n if (typeof index === 'undefined') {\r\n index = this.selectionStart;\r\n }\r\n var left = this._getLeftOffset(),\r\n top = this._getTopOffset(),\r\n offsets = this._getCursorBoundariesOffsets(index, skipCaching);\r\n return {\r\n left: left,\r\n top: top,\r\n leftOffset: offsets.left,\r\n topOffset: offsets.top,\r\n };\r\n },\r\n\r\n /**\r\n * Caches and returns cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundariesOffsets: function (index, skipCaching) {\r\n if (skipCaching) {\r\n return this.__getCursorBoundariesOffsets(index);\r\n }\r\n if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) {\r\n return this.cursorOffsetCache;\r\n }\r\n return (this.cursorOffsetCache =\r\n this.__getCursorBoundariesOffsets(index));\r\n },\r\n\r\n /**\r\n * Calcualtes cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n */\r\n __getCursorBoundariesOffsets: function (index) {\r\n var lineLeftOffset,\r\n lineIndex,\r\n charIndex,\r\n topOffset = 0,\r\n leftOffset = 0,\r\n boundaries,\r\n cursorPosition = this.get2DCursorLocation(index);\r\n charIndex = cursorPosition.charIndex;\r\n lineIndex = cursorPosition.lineIndex;\r\n for (var i = 0; i < lineIndex; i++) {\r\n topOffset += this.getHeightOfLine(i);\r\n }\r\n lineLeftOffset = this._getLineLeftOffset(lineIndex);\r\n var bound = this.__charBounds[lineIndex][charIndex];\r\n bound && (leftOffset = bound.left);\r\n if (\r\n this.charSpacing !== 0 &&\r\n charIndex === this._textLines[lineIndex].length\r\n ) {\r\n leftOffset -= this._getWidthOfCharSpacing();\r\n }\r\n boundaries = {\r\n top: topOffset,\r\n left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0),\r\n };\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n boundaries.left *= -1;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n boundaries.left =\r\n lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n boundaries.left =\r\n lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n }\r\n }\r\n return boundaries;\r\n },\r\n\r\n /**\r\n * Renders cursor\r\n * @param {Object} boundaries\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderCursor: function (ctx, boundaries) {\r\n this._renderCursor(ctx, boundaries, this.selectionStart);\r\n },\r\n\r\n _renderCursor: function (ctx, boundaries, selectionStart) {\r\n var cursorLocation = this.get2DCursorLocation(selectionStart),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex =\r\n cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0,\r\n charHeight = this.getValueOfPropertyAt(\r\n lineIndex,\r\n charIndex,\r\n 'fontSize'\r\n ),\r\n multiplier = this.scaleX * this.canvas.getZoom(),\r\n cursorWidth = this.cursorWidth / multiplier,\r\n topOffset = boundaries.topOffset,\r\n dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY');\r\n topOffset +=\r\n ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) /\r\n this.lineHeight -\r\n charHeight * (1 - this._fontSizeFraction);\r\n\r\n if (this.inCompositionMode) {\r\n // TODO: investigate why there isn't a return inside the if,\r\n // and why can't happe top of the function\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.fillStyle =\r\n this.cursorColor ||\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fill');\r\n ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity;\r\n ctx.fillRect(\r\n boundaries.left + boundaries.leftOffset - cursorWidth / 2,\r\n topOffset + boundaries.top + dy,\r\n cursorWidth,\r\n charHeight\r\n );\r\n },\r\n\r\n /**\r\n * Renders text selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderSelection: function (ctx, boundaries) {\r\n var selection = {\r\n selectionStart: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionStart\r\n : this.selectionStart,\r\n selectionEnd: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionEnd\r\n : this.selectionEnd,\r\n };\r\n this._renderSelection(ctx, selection, boundaries);\r\n },\r\n\r\n /**\r\n * Renders drag start text selection\r\n */\r\n renderDragSourceEffect: function () {\r\n if (\r\n this.__isDragging &&\r\n this.__dragStartSelection &&\r\n this.__dragStartSelection\r\n ) {\r\n this._renderSelection(\r\n this.canvas.contextTop,\r\n this.__dragStartSelection,\r\n this._getCursorBoundaries(\r\n this.__dragStartSelection.selectionStart,\r\n true\r\n )\r\n );\r\n }\r\n },\r\n\r\n renderDropTargetEffect: function (e) {\r\n var dragSelection = this.getSelectionStartFromPointer(e);\r\n this.renderCursorAt(dragSelection);\r\n },\r\n\r\n /**\r\n * Renders text selection\r\n * @private\r\n * @param {{ selectionStart: number, selectionEnd: number }} selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n _renderSelection: function (ctx, selection, boundaries) {\r\n var selectionStart = selection.selectionStart,\r\n selectionEnd = selection.selectionEnd,\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n start = this.get2DCursorLocation(selectionStart),\r\n end = this.get2DCursorLocation(selectionEnd),\r\n startLine = start.lineIndex,\r\n endLine = end.lineIndex,\r\n startChar = start.charIndex < 0 ? 0 : start.charIndex,\r\n endChar = end.charIndex < 0 ? 0 : end.charIndex;\r\n\r\n for (var i = startLine; i <= endLine; i++) {\r\n var lineOffset = this._getLineLeftOffset(i) || 0,\r\n lineHeight = this.getHeightOfLine(i),\r\n realLineHeight = 0,\r\n boxStart = 0,\r\n boxEnd = 0;\r\n\r\n if (i === startLine) {\r\n boxStart = this.__charBounds[startLine][startChar].left;\r\n }\r\n if (i >= startLine && i < endLine) {\r\n boxEnd =\r\n isJustify && !this.isEndOfWrapping(i)\r\n ? this.width\r\n : this.getLineWidth(i) || 5; // WTF is this 5?\r\n } else if (i === endLine) {\r\n if (endChar === 0) {\r\n boxEnd = this.__charBounds[endLine][endChar].left;\r\n } else {\r\n var charSpacing = this._getWidthOfCharSpacing();\r\n boxEnd =\r\n this.__charBounds[endLine][endChar - 1].left +\r\n this.__charBounds[endLine][endChar - 1].width -\r\n charSpacing;\r\n }\r\n }\r\n realLineHeight = lineHeight;\r\n if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) {\r\n lineHeight /= this.lineHeight;\r\n }\r\n var drawStart = boundaries.left + lineOffset + boxStart,\r\n drawWidth = boxEnd - boxStart,\r\n drawHeight = lineHeight,\r\n extraTop = 0;\r\n if (this.inCompositionMode) {\r\n ctx.fillStyle = this.compositionColor || 'black';\r\n drawHeight = 1;\r\n extraTop = lineHeight;\r\n } else {\r\n ctx.fillStyle = this.selectionColor;\r\n }\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n drawStart = this.width - drawStart - drawWidth;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n }\r\n }\r\n ctx.fillRect(\r\n drawStart,\r\n boundaries.top + boundaries.topOffset + extraTop,\r\n drawWidth,\r\n drawHeight\r\n );\r\n boundaries.topOffset += realLineHeight;\r\n }\r\n },\r\n\r\n /**\r\n * High level function to know the height of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns fontSize of char at the current cursor\r\n * Unused from the library, is for the end user\r\n * @return {Number} Character font size\r\n */\r\n getCurrentCharFontSize: function () {\r\n var cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize');\r\n },\r\n\r\n /**\r\n * High level function to know the color of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns color (fill) of char at the current cursor\r\n * if the text object has a pattern or gradient for filler, it will return that.\r\n * Unused by the library, is for the end user\r\n * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill)\r\n */\r\n getCurrentCharColor: function () {\r\n var cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fill');\r\n },\r\n\r\n /**\r\n * Returns the cursor position for the getCurrent.. functions\r\n * @private\r\n */\r\n _getCurrentCharIndex: function () {\r\n var cursorPosition = this.get2DCursorLocation(\r\n this.selectionStart,\r\n true\r\n ),\r\n charIndex =\r\n cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0;\r\n return { l: cursorPosition.lineIndex, c: charIndex };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Returns fabric.IText instance from an object representation\r\n * @static\r\n * @memberOf fabric.IText\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.IText.fromObject = function (object) {\r\n var styles = fabric.util.stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n var objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(fabric.IText, objCopy, {\r\n extraParam: 'text',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { removeFromArray } from '../util/internals';\r\n\r\n// extend this regex to support non english languages\r\nconst reNonWord = /[ \\n\\.,;!\\?\\-]/;\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.IText.prototype,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Initializes all the interactive behavior of IText\r\n */\r\n initBehavior: function () {\r\n this.initAddedHandler();\r\n this.initRemovedHandler();\r\n this.initCursorSelectionHandlers();\r\n this.initDoubleClickSimulation();\r\n this.mouseMoveHandler = this.mouseMoveHandler.bind(this);\r\n this.dragEnterHandler = this.dragEnterHandler.bind(this);\r\n this.dragOverHandler = this.dragOverHandler.bind(this);\r\n this.dragLeaveHandler = this.dragLeaveHandler.bind(this);\r\n this.dragEndHandler = this.dragEndHandler.bind(this);\r\n this.dropHandler = this.dropHandler.bind(this);\r\n this.on('dragenter', this.dragEnterHandler);\r\n this.on('dragover', this.dragOverHandler);\r\n this.on('dragleave', this.dragLeaveHandler);\r\n this.on('dragend', this.dragEndHandler);\r\n this.on('drop', this.dropHandler);\r\n },\r\n\r\n onDeselect: function () {\r\n this.isEditing && this.exitEditing();\r\n this.selected = false;\r\n },\r\n\r\n /**\r\n * Initializes \"added\" event handler\r\n */\r\n initAddedHandler: function () {\r\n var _this = this;\r\n this.on('added', function (opt) {\r\n // make sure we listen to the canvas added event\r\n var canvas = opt.target;\r\n if (canvas) {\r\n if (!canvas._hasITextHandlers) {\r\n canvas._hasITextHandlers = true;\r\n _this._initCanvasHandlers(canvas);\r\n }\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n canvas._iTextInstances.push(_this);\r\n }\r\n });\r\n },\r\n\r\n initRemovedHandler: function () {\r\n var _this = this;\r\n this.on('removed', function (opt) {\r\n // make sure we listen to the canvas removed event\r\n var canvas = opt.target;\r\n if (canvas) {\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n removeFromArray(canvas._iTextInstances, _this);\r\n if (canvas._iTextInstances.length === 0) {\r\n canvas._hasITextHandlers = false;\r\n _this._removeCanvasHandlers(canvas);\r\n }\r\n }\r\n });\r\n },\r\n\r\n /**\r\n * register canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _initCanvasHandlers: function (canvas) {\r\n canvas._mouseUpITextHandler = function () {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.__isMousedown = false;\r\n });\r\n }\r\n };\r\n canvas.on('mouse:up', canvas._mouseUpITextHandler);\r\n },\r\n\r\n /**\r\n * remove canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _removeCanvasHandlers: function (canvas) {\r\n canvas.off('mouse:up', canvas._mouseUpITextHandler);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _tick: function () {\r\n this._currentTickState = this._animateCursor(\r\n this,\r\n 1,\r\n this.cursorDuration,\r\n '_onTickComplete'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _animateCursor: function (obj, targetOpacity, duration, completeMethod) {\r\n var tickState = {\r\n isAborted: false,\r\n abort: function () {\r\n this.isAborted = true;\r\n },\r\n };\r\n\r\n obj.animate('_currentCursorOpacity', targetOpacity, {\r\n duration: duration,\r\n onComplete: function () {\r\n if (!tickState.isAborted) {\r\n obj[completeMethod]();\r\n }\r\n },\r\n onChange: function () {\r\n // we do not want to animate a selection, only cursor\r\n if (obj.canvas && obj.selectionStart === obj.selectionEnd) {\r\n obj.renderCursorOrSelection();\r\n }\r\n },\r\n abort: function () {\r\n return tickState.isAborted;\r\n },\r\n });\r\n return tickState;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _onTickComplete: function () {\r\n var _this = this;\r\n\r\n if (this._cursorTimeout1) {\r\n clearTimeout(this._cursorTimeout1);\r\n }\r\n this._cursorTimeout1 = setTimeout(function () {\r\n _this._currentTickCompleteState = _this._animateCursor(\r\n _this,\r\n 0,\r\n this.cursorDuration / 2,\r\n '_tick'\r\n );\r\n }, 100);\r\n },\r\n\r\n /**\r\n * Initializes delayed cursor\r\n */\r\n initDelayedCursor: function (restart) {\r\n var _this = this,\r\n delay = restart ? 0 : this.cursorDelay;\r\n\r\n this.abortCursorAnimation();\r\n if (delay) {\r\n this._cursorTimeout2 = setTimeout(function () {\r\n _this._tick();\r\n }, delay);\r\n } else {\r\n this._tick();\r\n }\r\n },\r\n\r\n /**\r\n * Aborts cursor animation, clears all timeouts and clear textarea context if necessary\r\n */\r\n abortCursorAnimation: function () {\r\n var shouldClear =\r\n this._currentTickState || this._currentTickCompleteState;\r\n this._currentTickState && this._currentTickState.abort();\r\n this._currentTickCompleteState &&\r\n this._currentTickCompleteState.abort();\r\n\r\n clearTimeout(this._cursorTimeout1);\r\n clearTimeout(this._cursorTimeout2);\r\n\r\n this._currentCursorOpacity = 1;\r\n\r\n // make sure we clear context even if instance is not editing\r\n if (shouldClear) {\r\n this.clearContextTop();\r\n }\r\n },\r\n\r\n /**\r\n * Selects entire text\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n selectAll: function () {\r\n this.selectionStart = 0;\r\n this.selectionEnd = this._text.length;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns selected text\r\n * @return {String}\r\n */\r\n getSelectedText: function () {\r\n return this._text\r\n .slice(this.selectionStart, this.selectionEnd)\r\n .join('');\r\n },\r\n\r\n /**\r\n * Find new selection index representing start of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryLeft: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom - 1;\r\n\r\n // remove space before cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index--;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n },\r\n\r\n /**\r\n * Find new selection index representing end of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryRight: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom;\r\n\r\n // remove space after cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index++;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n },\r\n\r\n /**\r\n * Find new selection index representing start of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryLeft: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom - 1;\r\n\r\n while (!/\\n/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n },\r\n\r\n /**\r\n * Find new selection index representing end of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryRight: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom;\r\n\r\n while (!/\\n/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n },\r\n\r\n /**\r\n * Finds index corresponding to beginning or end of a word\r\n * @param {Number} selectionStart Index of a character\r\n * @param {Number} direction 1 or -1\r\n * @return {Number} Index of the beginning or end of a word\r\n */\r\n searchWordBoundary: function (selectionStart, direction) {\r\n var text = this._text,\r\n index = this._reSpace.test(text[selectionStart])\r\n ? selectionStart - 1\r\n : selectionStart,\r\n _char = text[index];\r\n\r\n while (!reNonWord.test(_char) && index > 0 && index < text.length) {\r\n index += direction;\r\n _char = text[index];\r\n }\r\n if (reNonWord.test(_char)) {\r\n index += direction === 1 ? 0 : 1;\r\n }\r\n return index;\r\n },\r\n\r\n /**\r\n * Selects a word based on the index\r\n * @param {Number} selectionStart Index of a character\r\n */\r\n selectWord: function (selectionStart) {\r\n selectionStart = selectionStart || this.selectionStart;\r\n var newSelectionStart = this.searchWordBoundary(\r\n selectionStart,\r\n -1\r\n ) /* search backwards */,\r\n newSelectionEnd = this.searchWordBoundary(\r\n selectionStart,\r\n 1\r\n ); /* search forward */\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n },\r\n\r\n /**\r\n * Selects a line based on the index\r\n * @param {Number} selectionStart Index of a character\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n selectLine: function (selectionStart) {\r\n selectionStart = selectionStart || this.selectionStart;\r\n var newSelectionStart = this.findLineBoundaryLeft(selectionStart),\r\n newSelectionEnd = this.findLineBoundaryRight(selectionStart);\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n },\r\n\r\n /**\r\n * Enters editing state\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n enterEditing: function (e) {\r\n if (this.isEditing || !this.editable) {\r\n return;\r\n }\r\n if (this.canvas) {\r\n this.canvas.calcOffset();\r\n this.exitEditingOnOthers(this.canvas);\r\n }\r\n\r\n this.isEditing = true;\r\n\r\n this.initHiddenTextarea(e);\r\n this.hiddenTextarea.focus();\r\n this.hiddenTextarea.value = this.text;\r\n this._updateTextarea();\r\n this._saveEditingProps();\r\n this._setEditingProps();\r\n this._textBeforeEdit = this.text;\r\n\r\n this._tick();\r\n this.fire('editing:entered');\r\n this._fireSelectionChanged();\r\n if (!this.canvas) {\r\n return this;\r\n }\r\n this.canvas.fire('text:editing:entered', { target: this });\r\n this.initMouseMoveHandler();\r\n this.canvas.requestRenderAll();\r\n return this;\r\n },\r\n\r\n exitEditingOnOthers: function (canvas) {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.selected = false;\r\n if (obj.isEditing) {\r\n obj.exitEditing();\r\n }\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * Initializes \"mousemove\" event handler\r\n */\r\n initMouseMoveHandler: function () {\r\n this.canvas.on('mouse:move', this.mouseMoveHandler);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n mouseMoveHandler: function (options) {\r\n if (!this.__isMousedown || !this.isEditing) {\r\n return;\r\n }\r\n\r\n // regain focus\r\n fabric.document.activeElement !== this.hiddenTextarea &&\r\n this.hiddenTextarea.focus();\r\n\r\n var newSelectionStart = this.getSelectionStartFromPointer(options.e),\r\n currentStart = this.selectionStart,\r\n currentEnd = this.selectionEnd;\r\n if (\r\n (newSelectionStart !== this.__selectionStartOnMouseDown ||\r\n currentStart === currentEnd) &&\r\n (currentStart === newSelectionStart ||\r\n currentEnd === newSelectionStart)\r\n ) {\r\n return;\r\n }\r\n if (newSelectionStart > this.__selectionStartOnMouseDown) {\r\n this.selectionStart = this.__selectionStartOnMouseDown;\r\n this.selectionEnd = newSelectionStart;\r\n } else {\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = this.__selectionStartOnMouseDown;\r\n }\r\n if (\r\n this.selectionStart !== currentStart ||\r\n this.selectionEnd !== currentEnd\r\n ) {\r\n this.restartCursorIfNeeded();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n }\r\n },\r\n\r\n /**\r\n * Override to customize the drag image\r\n * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage\r\n * @param {DragEvent} e\r\n * @param {object} data\r\n * @param {number} data.selectionStart\r\n * @param {number} data.selectionEnd\r\n * @param {string} data.text\r\n * @param {string} data.value selected text\r\n */\r\n setDragImage: function (e, data) {\r\n var t = this.calcTransformMatrix();\r\n var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1);\r\n var boundaries = this._getCursorBoundaries(data.selectionStart);\r\n var selectionPosition = new Point(\r\n boundaries.left + boundaries.leftOffset,\r\n boundaries.top + boundaries.topOffset\r\n ).multiply(flipFactor);\r\n var pos = fabric.util.transformPoint(selectionPosition, t);\r\n var pointer = this.canvas.getPointer(e);\r\n var diff = pointer.subtract(pos);\r\n var enableRetinaScaling = this.canvas._isRetinaScaling();\r\n var retinaScaling = this.canvas.getRetinaScaling();\r\n var bbox = this.getBoundingRect(true);\r\n var correction = pos.subtract(new Point(bbox.left, bbox.top));\r\n var offset = correction.add(diff).scalarMultiply(retinaScaling);\r\n // prepare instance for drag image snapshot by making all non selected text invisible\r\n var bgc = this.backgroundColor;\r\n var styles = fabric.util.object.clone(this.styles, true);\r\n delete this.backgroundColor;\r\n var styleOverride = {\r\n fill: 'transparent',\r\n textBackgroundColor: 'transparent',\r\n };\r\n this.setSelectionStyles(styleOverride, 0, data.selectionStart);\r\n this.setSelectionStyles(\r\n styleOverride,\r\n data.selectionEnd,\r\n data.text.length\r\n );\r\n var dragImage = this.toCanvasElement({\r\n enableRetinaScaling: enableRetinaScaling,\r\n });\r\n this.backgroundColor = bgc;\r\n this.styles = styles;\r\n // handle retina scaling\r\n if (enableRetinaScaling && retinaScaling > 1) {\r\n var c = fabric.util.createCanvasElement();\r\n c.width = dragImage.width / retinaScaling;\r\n c.height = dragImage.height / retinaScaling;\r\n var ctx = c.getContext('2d');\r\n ctx.scale(1 / retinaScaling, 1 / retinaScaling);\r\n ctx.drawImage(dragImage, 0, 0);\r\n dragImage = c;\r\n }\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n this.__dragImageDisposer = function () {\r\n dragImage.remove();\r\n };\r\n // position drag image offsecreen\r\n fabric.util.setStyle(dragImage, {\r\n position: 'absolute',\r\n left: -dragImage.width + 'px',\r\n border: 'none',\r\n });\r\n fabric.document.body.appendChild(dragImage);\r\n e.dataTransfer.setDragImage(dragImage, offset.x, offset.y);\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n * @returns {boolean} should handle event\r\n */\r\n onDragStart: function (e) {\r\n this.__dragStartFired = true;\r\n if (this.__isDragging) {\r\n var selection = (this.__dragStartSelection = {\r\n selectionStart: this.selectionStart,\r\n selectionEnd: this.selectionEnd,\r\n });\r\n var value = this._text\r\n .slice(selection.selectionStart, selection.selectionEnd)\r\n .join('');\r\n var data = Object.assign(\r\n { text: this.text, value: value },\r\n selection\r\n );\r\n e.dataTransfer.setData('text/plain', value);\r\n e.dataTransfer.setData(\r\n 'application/fabric',\r\n JSON.stringify({\r\n value: value,\r\n styles: this.getSelectionStyles(\r\n selection.selectionStart,\r\n selection.selectionEnd,\r\n true\r\n ),\r\n })\r\n );\r\n e.dataTransfer.effectAllowed = 'copyMove';\r\n this.setDragImage(e, data);\r\n }\r\n this.abortCursorAnimation();\r\n return this.__isDragging;\r\n },\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop: function (e) {\r\n if (this.editable && !this.__corner) {\r\n if (this.__isDragging && this.__dragStartSelection) {\r\n // drag source trying to drop over itself\r\n // allow dropping only outside of drag start selection\r\n var index = this.getSelectionStartFromPointer(e);\r\n var dragStartSelection = this.__dragStartSelection;\r\n return (\r\n index < dragStartSelection.selectionStart ||\r\n index > dragStartSelection.selectionEnd\r\n );\r\n }\r\n return true;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEnterHandler: function (options) {\r\n var e = options.e;\r\n var canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n }\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragOverHandler: function (options) {\r\n var e = options.e;\r\n var canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n } else if (this.__isDraggingOver && !canDrop) {\r\n // drop state has changed\r\n this.__isDraggingOver = false;\r\n }\r\n if (this.__isDraggingOver) {\r\n // can be dropped, inform browser\r\n e.preventDefault();\r\n // inform event subscribers\r\n options.canDrop = true;\r\n options.dropTarget = this;\r\n // find cursor under the drag part.\r\n }\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n */\r\n dragLeaveHandler: function () {\r\n if (this.__isDraggingOver || this.__isDragging) {\r\n this.__isDraggingOver = false;\r\n }\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * fired only on the drag source\r\n * handle changes to the drag source in case of a drop on another object or a cancellation\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEndHandler: function (options) {\r\n var e = options.e;\r\n if (this.__isDragging && this.__dragStartFired) {\r\n // once the drop event finishes we check if we need to change the drag source\r\n // if the drag source received the drop we bail out\r\n if (this.__dragStartSelection) {\r\n var selectionStart = this.__dragStartSelection.selectionStart;\r\n var selectionEnd = this.__dragStartSelection.selectionEnd;\r\n var dropEffect = e.dataTransfer.dropEffect;\r\n if (dropEffect === 'none') {\r\n this.selectionStart = selectionStart;\r\n this.selectionEnd = selectionEnd;\r\n this._updateTextarea();\r\n } else {\r\n this.clearContextTop();\r\n if (dropEffect === 'move') {\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n this.selectionStart = this.selectionEnd = selectionStart;\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: selectionStart,\r\n action: 'dragend',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n this.exitEditing();\r\n // disable mouse up logic\r\n this.__lastSelected = false;\r\n }\r\n }\r\n }\r\n\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n delete this.__dragImageDisposer;\r\n delete this.__dragStartSelection;\r\n this.__isDraggingOver = false;\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n *\r\n * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}\r\n * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dropHandler: function (options) {\r\n var e = options.e,\r\n didDrop = e.defaultPrevented;\r\n this.__isDraggingOver = false;\r\n // inform browser that the drop has been accepted\r\n e.preventDefault();\r\n var insert = e.dataTransfer.getData('text/plain');\r\n if (insert && !didDrop) {\r\n var insertAt = this.getSelectionStartFromPointer(e);\r\n var data = e.dataTransfer.types.includes('application/fabric')\r\n ? JSON.parse(e.dataTransfer.getData('application/fabric'))\r\n : {};\r\n var styles = data.styles;\r\n var trailing = insert[Math.max(0, insert.length - 1)];\r\n var selectionStartOffset = 0;\r\n // drag and drop in same instance\r\n if (this.__dragStartSelection) {\r\n var selectionStart = this.__dragStartSelection.selectionStart;\r\n var selectionEnd = this.__dragStartSelection.selectionEnd;\r\n if (insertAt > selectionStart && insertAt <= selectionEnd) {\r\n insertAt = selectionStart;\r\n } else if (insertAt > selectionEnd) {\r\n insertAt -= selectionEnd - selectionStart;\r\n }\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n // prevent `dragend` from handling event\r\n delete this.__dragStartSelection;\r\n }\r\n // remove redundant line break\r\n if (\r\n this._reNewline.test(trailing) &&\r\n (this._reNewline.test(this._text[insertAt]) ||\r\n insertAt === this._text.length)\r\n ) {\r\n insert = insert.trimEnd();\r\n }\r\n // inform subscribers\r\n options.didDrop = true;\r\n options.dropTarget = this;\r\n // finalize\r\n this.insertChars(insert, styles, insertAt);\r\n // can this part be moved in an outside event? andrea to check.\r\n this.canvas.setActiveObject(this);\r\n this.enterEditing();\r\n this.selectionStart = Math.min(\r\n insertAt + selectionStartOffset,\r\n this._text.length\r\n );\r\n this.selectionEnd = Math.min(\r\n this.selectionStart + insert.length,\r\n this._text.length\r\n );\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: insertAt + selectionStartOffset,\r\n action: 'drop',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.contextTopDirty = true;\r\n this.canvas.requestRenderAll();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setEditingProps: function () {\r\n this.hoverCursor = 'text';\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this.canvas.moveCursor = 'text';\r\n }\r\n\r\n this.borderColor = this.editingBorderColor;\r\n this.hasControls = this.selectable = false;\r\n this.lockMovementX = this.lockMovementY = true;\r\n },\r\n\r\n /**\r\n * convert from textarea to grapheme indexes\r\n */\r\n fromStringToGraphemeSelection: function (start, end, text) {\r\n var smallerTextStart = text.slice(0, start),\r\n graphemeStart = this.graphemeSplit(smallerTextStart).length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n var smallerTextEnd = text.slice(start, end),\r\n graphemeEnd = this.graphemeSplit(smallerTextEnd).length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n },\r\n\r\n /**\r\n * convert from fabric to textarea values\r\n */\r\n fromGraphemeToStringSelection: function (start, end, _text) {\r\n var smallerTextStart = _text.slice(0, start),\r\n graphemeStart = smallerTextStart.join('').length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n var smallerTextEnd = _text.slice(start, end),\r\n graphemeEnd = smallerTextEnd.join('').length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _updateTextarea: function () {\r\n this.cursorOffsetCache = {};\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n if (!this.inCompositionMode) {\r\n var newSelection = this.fromGraphemeToStringSelection(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n this._text\r\n );\r\n this.hiddenTextarea.selectionStart = newSelection.selectionStart;\r\n this.hiddenTextarea.selectionEnd = newSelection.selectionEnd;\r\n }\r\n this.updateTextareaPosition();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n updateFromTextArea: function () {\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n this.cursorOffsetCache = {};\r\n this.text = this.hiddenTextarea.value;\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n var newSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n this.selectionEnd = this.selectionStart = newSelection.selectionEnd;\r\n if (!this.inCompositionMode) {\r\n this.selectionStart = newSelection.selectionStart;\r\n }\r\n this.updateTextareaPosition();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n updateTextareaPosition: function () {\r\n if (this.selectionStart === this.selectionEnd) {\r\n var style = this._calcTextareaPosition();\r\n this.hiddenTextarea.style.left = style.left;\r\n this.hiddenTextarea.style.top = style.top;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Object} style contains style for hiddenTextarea\r\n */\r\n _calcTextareaPosition: function () {\r\n if (!this.canvas) {\r\n return { x: 1, y: 1 };\r\n }\r\n var desiredPosition = this.inCompositionMode\r\n ? this.compositionStart\r\n : this.selectionStart,\r\n boundaries = this._getCursorBoundaries(desiredPosition),\r\n cursorLocation = this.get2DCursorLocation(desiredPosition),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex = cursorLocation.charIndex,\r\n charHeight =\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') *\r\n this.lineHeight,\r\n leftOffset = boundaries.leftOffset,\r\n m = this.calcTransformMatrix(),\r\n p = {\r\n x: boundaries.left + leftOffset,\r\n y: boundaries.top + boundaries.topOffset + charHeight,\r\n },\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n upperCanvas = this.canvas.upperCanvasEl,\r\n upperCanvasWidth = upperCanvas.width / retinaScaling,\r\n upperCanvasHeight = upperCanvas.height / retinaScaling,\r\n maxWidth = upperCanvasWidth - charHeight,\r\n maxHeight = upperCanvasHeight - charHeight,\r\n scaleX = upperCanvas.clientWidth / upperCanvasWidth,\r\n scaleY = upperCanvas.clientHeight / upperCanvasHeight;\r\n\r\n p = fabric.util.transformPoint(p, m);\r\n p = fabric.util.transformPoint(p, this.canvas.viewportTransform);\r\n p.x *= scaleX;\r\n p.y *= scaleY;\r\n if (p.x < 0) {\r\n p.x = 0;\r\n }\r\n if (p.x > maxWidth) {\r\n p.x = maxWidth;\r\n }\r\n if (p.y < 0) {\r\n p.y = 0;\r\n }\r\n if (p.y > maxHeight) {\r\n p.y = maxHeight;\r\n }\r\n\r\n // add canvas offset on document\r\n p.x += this.canvas._offset.left;\r\n p.y += this.canvas._offset.top;\r\n\r\n return {\r\n left: p.x + 'px',\r\n top: p.y + 'px',\r\n fontSize: charHeight + 'px',\r\n charHeight: charHeight,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _saveEditingProps: function () {\r\n this._savedProps = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n lockMovementX: this.lockMovementX,\r\n lockMovementY: this.lockMovementY,\r\n hoverCursor: this.hoverCursor,\r\n selectable: this.selectable,\r\n defaultCursor: this.canvas && this.canvas.defaultCursor,\r\n moveCursor: this.canvas && this.canvas.moveCursor,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _restoreEditingProps: function () {\r\n if (!this._savedProps) {\r\n return;\r\n }\r\n\r\n this.hoverCursor = this._savedProps.hoverCursor;\r\n this.hasControls = this._savedProps.hasControls;\r\n this.borderColor = this._savedProps.borderColor;\r\n this.selectable = this._savedProps.selectable;\r\n this.lockMovementX = this._savedProps.lockMovementX;\r\n this.lockMovementY = this._savedProps.lockMovementY;\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this._savedProps.defaultCursor;\r\n this.canvas.moveCursor = this._savedProps.moveCursor;\r\n }\r\n\r\n delete this._savedProps;\r\n },\r\n\r\n /**\r\n * Exits from editing state\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n exitEditing: function () {\r\n var isTextChanged = this._textBeforeEdit !== this.text;\r\n var hiddenTextarea = this.hiddenTextarea;\r\n this.selected = false;\r\n this.isEditing = false;\r\n\r\n this.selectionEnd = this.selectionStart;\r\n\r\n if (hiddenTextarea) {\r\n hiddenTextarea.blur && hiddenTextarea.blur();\r\n hiddenTextarea.parentNode &&\r\n hiddenTextarea.parentNode.removeChild(hiddenTextarea);\r\n }\r\n this.hiddenTextarea = null;\r\n this.abortCursorAnimation();\r\n this._restoreEditingProps();\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this.fire('editing:exited');\r\n isTextChanged && this.fire('modified');\r\n if (this.canvas) {\r\n this.canvas.off('mouse:move', this.mouseMoveHandler);\r\n this.canvas.fire('text:editing:exited', { target: this });\r\n isTextChanged &&\r\n this.canvas.fire('object:modified', { target: this });\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _removeExtraneousStyles: function () {\r\n for (var prop in this.styles) {\r\n if (!this._textLines[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * remove and reflow a style block from start to end.\r\n * @param {Number} start linear start position for removal (included in removal)\r\n * @param {Number} end linear end position for removal ( excluded from removal )\r\n */\r\n removeStyleFromTo: function (start, end) {\r\n var cursorStart = this.get2DCursorLocation(start, true),\r\n cursorEnd = this.get2DCursorLocation(end, true),\r\n lineStart = cursorStart.lineIndex,\r\n charStart = cursorStart.charIndex,\r\n lineEnd = cursorEnd.lineIndex,\r\n charEnd = cursorEnd.charIndex,\r\n i,\r\n styleObj;\r\n if (lineStart !== lineEnd) {\r\n // step1 remove the trailing of lineStart\r\n if (this.styles[lineStart]) {\r\n for (\r\n i = charStart;\r\n i < this._unwrappedTextLines[lineStart].length;\r\n i++\r\n ) {\r\n delete this.styles[lineStart][i];\r\n }\r\n }\r\n // step2 move the trailing of lineEnd to lineStart if needed\r\n if (this.styles[lineEnd]) {\r\n for (\r\n i = charEnd;\r\n i < this._unwrappedTextLines[lineEnd].length;\r\n i++\r\n ) {\r\n styleObj = this.styles[lineEnd][i];\r\n if (styleObj) {\r\n this.styles[lineStart] || (this.styles[lineStart] = {});\r\n this.styles[lineStart][charStart + i - charEnd] = styleObj;\r\n }\r\n }\r\n }\r\n // step3 detects lines will be completely removed.\r\n for (i = lineStart + 1; i <= lineEnd; i++) {\r\n delete this.styles[i];\r\n }\r\n // step4 shift remaining lines.\r\n this.shiftLineStyles(lineEnd, lineStart - lineEnd);\r\n } else {\r\n // remove and shift left on the same line\r\n if (this.styles[lineStart]) {\r\n styleObj = this.styles[lineStart];\r\n var diff = charEnd - charStart,\r\n numericChar,\r\n _char;\r\n for (i = charStart; i < charEnd; i++) {\r\n delete styleObj[i];\r\n }\r\n for (_char in this.styles[lineStart]) {\r\n numericChar = parseInt(_char, 10);\r\n if (numericChar >= charEnd) {\r\n styleObj[numericChar - diff] = styleObj[_char];\r\n delete styleObj[_char];\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Shifts line styles up or down\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} offset Can any number?\r\n */\r\n shiftLineStyles: function (lineIndex, offset) {\r\n // shift all line styles by offset upward or downward\r\n // do not clone deep. we need new array, not new style objects\r\n var clonedStyles = Object.assign({}, this.styles);\r\n for (var line in this.styles) {\r\n var numericLine = parseInt(line, 10);\r\n if (numericLine > lineIndex) {\r\n this.styles[numericLine + offset] = clonedStyles[numericLine];\r\n if (!clonedStyles[numericLine - offset]) {\r\n delete this.styles[numericLine];\r\n }\r\n }\r\n }\r\n },\r\n\r\n restartCursorIfNeeded: function () {\r\n if (\r\n !this._currentTickState ||\r\n this._currentTickState.isAborted ||\r\n !this._currentTickCompleteState ||\r\n this._currentTickCompleteState.isAborted\r\n ) {\r\n this.initDelayedCursor();\r\n }\r\n },\r\n\r\n /**\r\n * Handle insertion of more consecutive style lines for when one or more\r\n * newlines gets added to the text. Since current style needs to be shifted\r\n * first we shift the current style of the number lines needed, then we add\r\n * new lines from the last to the first.\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} qty number of lines to add\r\n * @param {Array} copiedStyle Array of objects styles\r\n */\r\n insertNewlineStyleObject: function (\r\n lineIndex,\r\n charIndex,\r\n qty,\r\n copiedStyle\r\n ) {\r\n var currentCharStyle,\r\n newLineStyles = {},\r\n somethingAdded = false,\r\n isEndOfLine =\r\n this._unwrappedTextLines[lineIndex].length === charIndex;\r\n\r\n qty || (qty = 1);\r\n this.shiftLineStyles(lineIndex, qty);\r\n if (this.styles[lineIndex]) {\r\n currentCharStyle =\r\n this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1];\r\n }\r\n // we clone styles of all chars\r\n // after cursor onto the current line\r\n for (var index in this.styles[lineIndex]) {\r\n var numIndex = parseInt(index, 10);\r\n if (numIndex >= charIndex) {\r\n somethingAdded = true;\r\n newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index];\r\n // remove lines from the previous line since they're on a new line now\r\n if (!(isEndOfLine && charIndex === 0)) {\r\n delete this.styles[lineIndex][index];\r\n }\r\n }\r\n }\r\n var styleCarriedOver = false;\r\n if (somethingAdded && !isEndOfLine) {\r\n // if is end of line, the extra style we copied\r\n // is probably not something we want\r\n this.styles[lineIndex + qty] = newLineStyles;\r\n styleCarriedOver = true;\r\n }\r\n if (styleCarriedOver) {\r\n // skip the last line of since we already prepared it.\r\n qty--;\r\n }\r\n // for the all the lines or all the other lines\r\n // we clone current char style onto the next (otherwise empty) line\r\n while (qty > 0) {\r\n if (copiedStyle && copiedStyle[qty - 1]) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, copiedStyle[qty - 1]),\r\n };\r\n } else if (currentCharStyle) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, currentCharStyle),\r\n };\r\n } else {\r\n delete this.styles[lineIndex + qty];\r\n }\r\n qty--;\r\n }\r\n this._forceClearCache = true;\r\n },\r\n\r\n /**\r\n * Inserts style object for a given line/char index\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} quantity number Style object to insert, if given\r\n * @param {Array} copiedStyle array of style objects\r\n */\r\n insertCharStyleObject: function (\r\n lineIndex,\r\n charIndex,\r\n quantity,\r\n copiedStyle\r\n ) {\r\n if (!this.styles) {\r\n this.styles = {};\r\n }\r\n var currentLineStyles = this.styles[lineIndex],\r\n currentLineStylesCloned = currentLineStyles\r\n ? Object.assign({}, currentLineStyles)\r\n : {};\r\n\r\n quantity || (quantity = 1);\r\n // shift all char styles by quantity forward\r\n // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4\r\n for (var index in currentLineStylesCloned) {\r\n var numericIndex = parseInt(index, 10);\r\n if (numericIndex >= charIndex) {\r\n currentLineStyles[numericIndex + quantity] =\r\n currentLineStylesCloned[numericIndex];\r\n // only delete the style if there was nothing moved there\r\n if (!currentLineStylesCloned[numericIndex - quantity]) {\r\n delete currentLineStyles[numericIndex];\r\n }\r\n }\r\n }\r\n this._forceClearCache = true;\r\n if (copiedStyle) {\r\n while (quantity--) {\r\n if (!Object.keys(copiedStyle[quantity]).length) {\r\n continue;\r\n }\r\n if (!this.styles[lineIndex]) {\r\n this.styles[lineIndex] = {};\r\n }\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n copiedStyle[quantity]\r\n );\r\n }\r\n return;\r\n }\r\n if (!currentLineStyles) {\r\n return;\r\n }\r\n var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1];\r\n while (newStyle && quantity--) {\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n newStyle\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Inserts style object(s)\r\n * @param {Array} insertedText Characters at the location where style is inserted\r\n * @param {Number} start cursor index for inserting style\r\n * @param {Array} [copiedStyle] array of style objects to insert.\r\n */\r\n insertNewStyleBlock: function (insertedText, start, copiedStyle) {\r\n var cursorLoc = this.get2DCursorLocation(start, true),\r\n addedLines = [0],\r\n linesLength = 0;\r\n // get an array of how many char per lines are being added.\r\n for (var i = 0; i < insertedText.length; i++) {\r\n if (insertedText[i] === '\\n') {\r\n linesLength++;\r\n addedLines[linesLength] = 0;\r\n } else {\r\n addedLines[linesLength]++;\r\n }\r\n }\r\n // for the first line copy the style from the current char position.\r\n if (addedLines[0] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex,\r\n addedLines[0],\r\n copiedStyle\r\n );\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1);\r\n }\r\n linesLength &&\r\n this.insertNewlineStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex + addedLines[0],\r\n linesLength\r\n );\r\n for (var i = 1; i < linesLength; i++) {\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n } else if (copiedStyle) {\r\n // this test is required in order to close #6841\r\n // when a pasted buffer begins with a newline then\r\n // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0]\r\n // may be undefined for some reason\r\n if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) {\r\n this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0];\r\n }\r\n }\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1);\r\n }\r\n // we use i outside the loop to get it like linesLength\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Set the selectionStart and selectionEnd according to the new position of cursor\r\n * mimic the key - mouse navigation when shift is pressed.\r\n */\r\n setSelectionStartEndWithShift: function (start, end, newSelection) {\r\n if (newSelection <= start) {\r\n if (end === start) {\r\n this._selectionDirection = 'left';\r\n } else if (this._selectionDirection === 'right') {\r\n this._selectionDirection = 'left';\r\n this.selectionEnd = start;\r\n }\r\n this.selectionStart = newSelection;\r\n } else if (newSelection > start && newSelection < end) {\r\n if (this._selectionDirection === 'right') {\r\n this.selectionEnd = newSelection;\r\n } else {\r\n this.selectionStart = newSelection;\r\n }\r\n } else {\r\n // newSelection is > selection start and end\r\n if (end === start) {\r\n this._selectionDirection = 'right';\r\n } else if (this._selectionDirection === 'left') {\r\n this._selectionDirection = 'right';\r\n this.selectionStart = end;\r\n }\r\n this.selectionEnd = newSelection;\r\n }\r\n },\r\n\r\n setSelectionInBoundaries: function () {\r\n var length = this.text.length;\r\n if (this.selectionStart > length) {\r\n this.selectionStart = length;\r\n } else if (this.selectionStart < 0) {\r\n this.selectionStart = 0;\r\n }\r\n if (this.selectionEnd > length) {\r\n this.selectionEnd = length;\r\n } else if (this.selectionEnd < 0) {\r\n this.selectionEnd = 0;\r\n }\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { invertTransform, transformPoint } from '../util/misc/matrix';\r\nimport { Point } from '../point.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.IText.prototype,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Initializes \"dbclick\" event handler\r\n */\r\n initDoubleClickSimulation: function () {\r\n // for double click\r\n this.__lastClickTime = +new Date();\r\n\r\n // for triple click\r\n this.__lastLastClickTime = +new Date();\r\n\r\n this.__lastPointer = {};\r\n\r\n this.on('mousedown', this.onMouseDown);\r\n },\r\n\r\n /**\r\n * Default event handler to simulate triple click\r\n * @private\r\n */\r\n onMouseDown: function (options) {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n this.__newClickTime = +new Date();\r\n var newPointer = options.pointer;\r\n if (this.isTripleClick(newPointer)) {\r\n this.fire('tripleclick', options);\r\n this._stopEvent(options.e);\r\n }\r\n this.__lastLastClickTime = this.__lastClickTime;\r\n this.__lastClickTime = this.__newClickTime;\r\n this.__lastPointer = newPointer;\r\n this.__lastIsEditing = this.isEditing;\r\n this.__lastSelected = this.selected;\r\n },\r\n\r\n isTripleClick: function (newPointer) {\r\n return (\r\n this.__newClickTime - this.__lastClickTime < 500 &&\r\n this.__lastClickTime - this.__lastLastClickTime < 500 &&\r\n this.__lastPointer.x === newPointer.x &&\r\n this.__lastPointer.y === newPointer.y\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _stopEvent: function (e) {\r\n e.preventDefault && e.preventDefault();\r\n e.stopPropagation && e.stopPropagation();\r\n },\r\n\r\n /**\r\n * Initializes event handlers related to cursor or selection\r\n */\r\n initCursorSelectionHandlers: function () {\r\n this.initMousedownHandler();\r\n this.initMouseupHandler();\r\n this.initClicks();\r\n },\r\n\r\n /**\r\n * Default handler for double click, select a word\r\n */\r\n doubleClickHandler: function (options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectWord(this.getSelectionStartFromPointer(options.e));\r\n },\r\n\r\n /**\r\n * Default handler for triple click, select a line\r\n */\r\n tripleClickHandler: function (options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectLine(this.getSelectionStartFromPointer(options.e));\r\n },\r\n\r\n /**\r\n * Initializes double and triple click event handlers\r\n */\r\n initClicks: function () {\r\n this.on('mousedblclick', this.doubleClickHandler);\r\n this.on('tripleclick', this.tripleClickHandler);\r\n },\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on _mouseDown\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: find the click position, set selectionStart\r\n * find selectionEnd, initialize the drawing of either cursor or selection area\r\n * initializing a mousedDown on a text area will cancel fabricjs knowledge of\r\n * current compositionMode. It will be set to false.\r\n */\r\n _mouseDownHandler: function (options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n this.__isMousedown = true;\r\n\r\n if (this.selected) {\r\n this.inCompositionMode = false;\r\n this.setCursorByClick(options.e);\r\n }\r\n\r\n if (this.isEditing) {\r\n this.__selectionStartOnMouseDown = this.selectionStart;\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.abortCursorAnimation();\r\n }\r\n this.renderCursorOrSelection();\r\n }\r\n },\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on mousedown:before\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: verify the object is already selected when mousing down\r\n */\r\n _mouseDownHandlerBefore: function (options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n // we want to avoid that an object that was selected and then becomes unselectable,\r\n // may trigger editing mode in some way.\r\n this.selected = this === this.canvas._activeObject;\r\n // text dragging logic\r\n var newSelection = this.getSelectionStartFromPointer(options.e);\r\n this.__isDragging =\r\n this.isEditing &&\r\n newSelection >= this.selectionStart &&\r\n newSelection <= this.selectionEnd &&\r\n this.selectionStart < this.selectionEnd;\r\n },\r\n\r\n /**\r\n * Initializes \"mousedown\" event handler\r\n */\r\n initMousedownHandler: function () {\r\n this.on('mousedown', this._mouseDownHandler);\r\n this.on('mousedown:before', this._mouseDownHandlerBefore);\r\n },\r\n\r\n /**\r\n * Initializes \"mouseup\" event handler\r\n */\r\n initMouseupHandler: function () {\r\n this.on('mouseup', this.mouseUpHandler);\r\n },\r\n\r\n /**\r\n * standard handler for mouse up, overridable\r\n * @private\r\n */\r\n mouseUpHandler: function (options) {\r\n this.__isMousedown = false;\r\n if (\r\n !this.editable ||\r\n (this.group && !this.group.interactive) ||\r\n (options.transform && options.transform.actionPerformed) ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n if (this.canvas) {\r\n var currentActive = this.canvas._activeObject;\r\n if (currentActive && currentActive !== this) {\r\n // avoid running this logic when there is an active object\r\n // this because is possible with shift click and fast clicks,\r\n // to rapidly deselect and reselect this object and trigger an enterEdit\r\n return;\r\n }\r\n }\r\n\r\n if (this.__lastSelected && !this.__corner) {\r\n this.selected = false;\r\n this.__lastSelected = false;\r\n this.enterEditing(options.e);\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.initDelayedCursor(true);\r\n } else {\r\n this.renderCursorOrSelection();\r\n }\r\n } else {\r\n this.selected = true;\r\n }\r\n },\r\n\r\n /**\r\n * Changes cursor location in a text depending on passed pointer (x/y) object\r\n * @param {Event} e Event object\r\n */\r\n setCursorByClick: function (e) {\r\n var newSelection = this.getSelectionStartFromPointer(e),\r\n start = this.selectionStart,\r\n end = this.selectionEnd;\r\n if (e.shiftKey) {\r\n this.setSelectionStartEndWithShift(start, end, newSelection);\r\n } else {\r\n this.selectionStart = newSelection;\r\n this.selectionEnd = newSelection;\r\n }\r\n if (this.isEditing) {\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n },\r\n\r\n /**\r\n * Returns coordinates of a pointer relative to object's top left corner in object's plane\r\n * @param {Event} e Event to operate upon\r\n * @param {Object} [pointer] Pointer to operate upon (instead of event)\r\n * @return {Point} Coordinates of a pointer (x, y)\r\n */\r\n getLocalPointer: function (e: Event, pointer?: IPoint): Point {\r\n const thePointer = pointer || this.canvas.getPointer(e);\r\n return transformPoint(\r\n thePointer,\r\n invertTransform(this.calcTransformMatrix())\r\n ).add(new Point(this.width / 2, this.height / 2));\r\n },\r\n\r\n /**\r\n * Returns index of a character corresponding to where an object was clicked\r\n * @param {Event} e Event object\r\n * @return {Number} Index of a character\r\n */\r\n getSelectionStartFromPointer: function (e) {\r\n var mouseOffset = this.getLocalPointer(e),\r\n prevWidth = 0,\r\n width = 0,\r\n height = 0,\r\n charIndex = 0,\r\n lineIndex = 0,\r\n lineLeftOffset,\r\n line;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n if (height <= mouseOffset.y) {\r\n height += this.getHeightOfLine(i) * this.scaleY;\r\n lineIndex = i;\r\n if (i > 0) {\r\n charIndex +=\r\n this._textLines[i - 1].length +\r\n this.missingNewlineOffset(i - 1);\r\n }\r\n } else {\r\n break;\r\n }\r\n }\r\n lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex));\r\n width = lineLeftOffset * this.scaleX;\r\n line = this._textLines[lineIndex];\r\n // handling of RTL: in order to get things work correctly,\r\n // we assume RTL writing is mirrored compared to LTR writing.\r\n // so in position detection we mirror the X offset, and when is time\r\n // of rendering it, we mirror it again.\r\n if (this.direction === 'rtl') {\r\n mouseOffset.x = this.width * this.scaleX - mouseOffset.x;\r\n }\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n prevWidth = width;\r\n // i removed something about flipX here, check.\r\n width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX;\r\n if (width <= mouseOffset.x) {\r\n charIndex++;\r\n } else {\r\n break;\r\n }\r\n }\r\n return this._getNewSelectionStartFromOffset(\r\n mouseOffset,\r\n prevWidth,\r\n width,\r\n charIndex,\r\n jlen\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _getNewSelectionStartFromOffset: function (\r\n mouseOffset,\r\n prevWidth,\r\n width,\r\n index,\r\n jlen\r\n ) {\r\n // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0\r\n var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth,\r\n distanceBtwNextCharAndCursor = width - mouseOffset.x,\r\n offset =\r\n distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor ||\r\n distanceBtwNextCharAndCursor < 0\r\n ? 0\r\n : 1,\r\n newSelectionStart = index + offset;\r\n // if object is horizontally flipped, mirror cursor location from the end\r\n if (this.flipX) {\r\n newSelectionStart = jlen - newSelectionStart;\r\n }\r\n\r\n if (newSelectionStart > this._text.length) {\r\n newSelectionStart = this._text.length;\r\n }\r\n\r\n return newSelectionStart;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.IText.prototype,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Initializes hidden textarea (needed to bring up keyboard in iOS)\r\n */\r\n initHiddenTextarea: function () {\r\n this.hiddenTextarea = fabric.document.createElement('textarea');\r\n this.hiddenTextarea.setAttribute('autocapitalize', 'off');\r\n this.hiddenTextarea.setAttribute('autocorrect', 'off');\r\n this.hiddenTextarea.setAttribute('autocomplete', 'off');\r\n this.hiddenTextarea.setAttribute('spellcheck', 'false');\r\n this.hiddenTextarea.setAttribute('data-fabric', 'textarea');\r\n this.hiddenTextarea.setAttribute('wrap', 'off');\r\n var style = this._calcTextareaPosition();\r\n // line-height: 1px; was removed from the style to fix this:\r\n // https://bugs.chromium.org/p/chromium/issues/detail?id=870966\r\n this.hiddenTextarea.style.cssText =\r\n 'position: absolute; top: ' +\r\n style.top +\r\n '; left: ' +\r\n style.left +\r\n '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' +\r\n ' padding-top: ' +\r\n style.fontSize +\r\n ';';\r\n\r\n if (this.hiddenTextareaContainer) {\r\n this.hiddenTextareaContainer.appendChild(this.hiddenTextarea);\r\n } else {\r\n fabric.document.body.appendChild(this.hiddenTextarea);\r\n }\r\n\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'blur',\r\n this.blur.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'keydown',\r\n this.onKeyDown.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'keyup',\r\n this.onKeyUp.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'input',\r\n this.onInput.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'copy',\r\n this.copy.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'cut',\r\n this.copy.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'paste',\r\n this.paste.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'compositionstart',\r\n this.onCompositionStart.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'compositionupdate',\r\n this.onCompositionUpdate.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'compositionend',\r\n this.onCompositionEnd.bind(this)\r\n );\r\n\r\n if (!this._clickHandlerInitialized && this.canvas) {\r\n fabric.util.addListener(\r\n this.canvas.upperCanvasEl,\r\n 'click',\r\n this.onClick.bind(this)\r\n );\r\n this._clickHandlerInitialized = true;\r\n }\r\n },\r\n\r\n /**\r\n * For functionalities on keyDown\r\n * Map a special key to a function of the instance/prototype\r\n * If you need different behaviour for ESC or TAB or arrows, you have to change\r\n * this map setting the name of a function that you build on the fabric.Itext or\r\n * your prototype.\r\n * the map change will affect all Instances unless you need for only some text Instances\r\n * in that case you have to clone this object and assign your Instance.\r\n * this.keysMap = Object.assign({}, this.keysMap);\r\n * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0]\r\n */\r\n keysMap: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorRight',\r\n 36: 'moveCursorLeft',\r\n 37: 'moveCursorLeft',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorRight',\r\n 40: 'moveCursorDown',\r\n },\r\n\r\n keysMapRtl: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorLeft',\r\n 36: 'moveCursorRight',\r\n 37: 'moveCursorRight',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorLeft',\r\n 40: 'moveCursorDown',\r\n },\r\n\r\n /**\r\n * For functionalities on keyUp + ctrl || cmd\r\n */\r\n ctrlKeysMapUp: {\r\n 67: 'copy',\r\n 88: 'cut',\r\n },\r\n\r\n /**\r\n * For functionalities on keyDown + ctrl || cmd\r\n */\r\n ctrlKeysMapDown: {\r\n 65: 'selectAll',\r\n },\r\n\r\n onClick: function () {\r\n // No need to trigger click event here, focus is enough to have the keyboard appear on Android\r\n this.hiddenTextarea && this.hiddenTextarea.focus();\r\n },\r\n\r\n /**\r\n * Override this method to customize cursor behavior on textbox blur\r\n */\r\n blur: function () {\r\n this.abortCursorAnimation();\r\n },\r\n\r\n /**\r\n * Handles keydown event\r\n * only used for arrows and combination of modifier keys.\r\n * @param {Event} e Event object\r\n */\r\n onKeyDown: function (e) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap;\r\n if (e.keyCode in keyMap) {\r\n this[keyMap[e.keyCode]](e);\r\n } else if (\r\n e.keyCode in this.ctrlKeysMapDown &&\r\n (e.ctrlKey || e.metaKey)\r\n ) {\r\n this[this.ctrlKeysMapDown[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n if (e.keyCode >= 33 && e.keyCode <= 40) {\r\n // if i press an arrow key just update selection\r\n this.inCompositionMode = false;\r\n this.clearContextTop();\r\n this.renderCursorOrSelection();\r\n } else {\r\n this.canvas && this.canvas.requestRenderAll();\r\n }\r\n },\r\n\r\n /**\r\n * Handles keyup event\r\n * We handle KeyUp because ie11 and edge have difficulties copy/pasting\r\n * if a copy/cut event fired, keyup is dismissed\r\n * @param {Event} e Event object\r\n */\r\n onKeyUp: function (e) {\r\n if (!this.isEditing || this._copyDone || this.inCompositionMode) {\r\n this._copyDone = false;\r\n return;\r\n }\r\n if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) {\r\n this[this.ctrlKeysMapUp[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n this.canvas && this.canvas.requestRenderAll();\r\n },\r\n\r\n /**\r\n * Handles onInput event\r\n * @param {Event} e Event object\r\n */\r\n onInput: function (e) {\r\n var fromPaste = this.fromPaste;\r\n this.fromPaste = false;\r\n e && e.stopPropagation();\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n // decisions about style changes.\r\n var nextText = this._splitTextIntoLines(\r\n this.hiddenTextarea.value\r\n ).graphemeText,\r\n charCount = this._text.length,\r\n nextCharCount = nextText.length,\r\n removedText,\r\n insertedText,\r\n charDiff = nextCharCount - charCount,\r\n selectionStart = this.selectionStart,\r\n selectionEnd = this.selectionEnd,\r\n selection = selectionStart !== selectionEnd,\r\n copiedStyle,\r\n removeFrom,\r\n removeTo;\r\n if (this.hiddenTextarea.value === '') {\r\n this.styles = {};\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n return;\r\n }\r\n\r\n var textareaSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n var backDelete = selectionStart > textareaSelection.selectionStart;\r\n\r\n if (selection) {\r\n removedText = this._text.slice(selectionStart, selectionEnd);\r\n charDiff += selectionEnd - selectionStart;\r\n } else if (nextCharCount < charCount) {\r\n if (backDelete) {\r\n removedText = this._text.slice(\r\n selectionEnd + charDiff,\r\n selectionEnd\r\n );\r\n } else {\r\n removedText = this._text.slice(\r\n selectionStart,\r\n selectionStart - charDiff\r\n );\r\n }\r\n }\r\n insertedText = nextText.slice(\r\n textareaSelection.selectionEnd - charDiff,\r\n textareaSelection.selectionEnd\r\n );\r\n if (removedText && removedText.length) {\r\n if (insertedText.length) {\r\n // let's copy some style before deleting.\r\n // we want to copy the style before the cursor OR the style at the cursor if selection\r\n // is bigger than 0.\r\n copiedStyle = this.getSelectionStyles(\r\n selectionStart,\r\n selectionStart + 1,\r\n false\r\n );\r\n // now duplicate the style one for each inserted text.\r\n copiedStyle = insertedText.map(function () {\r\n // this return an array of references, but that is fine since we are\r\n // copying the style later.\r\n return copiedStyle[0];\r\n });\r\n }\r\n if (selection) {\r\n removeFrom = selectionStart;\r\n removeTo = selectionEnd;\r\n } else if (backDelete) {\r\n // detect differences between forwardDelete and backDelete\r\n removeFrom = selectionEnd - removedText.length;\r\n removeTo = selectionEnd;\r\n } else {\r\n removeFrom = selectionEnd;\r\n removeTo = selectionEnd + removedText.length;\r\n }\r\n this.removeStyleFromTo(removeFrom, removeTo);\r\n }\r\n if (insertedText.length) {\r\n if (\r\n fromPaste &&\r\n insertedText.join('') === fabric.copiedText &&\r\n !config.disableStyleCopyPaste\r\n ) {\r\n copiedStyle = fabric.copiedTextStyle;\r\n }\r\n this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle);\r\n }\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n },\r\n /**\r\n * Composition start\r\n */\r\n onCompositionStart: function () {\r\n this.inCompositionMode = true;\r\n },\r\n\r\n /**\r\n * Composition end\r\n */\r\n onCompositionEnd: function () {\r\n this.inCompositionMode = false;\r\n },\r\n\r\n // /**\r\n // * Composition update\r\n // */\r\n onCompositionUpdate: function (e) {\r\n this.compositionStart = e.target.selectionStart;\r\n this.compositionEnd = e.target.selectionEnd;\r\n this.updateTextareaPosition();\r\n },\r\n\r\n /**\r\n * Copies selected text\r\n * @param {Event} e Event object\r\n */\r\n copy: function () {\r\n if (this.selectionStart === this.selectionEnd) {\r\n //do not cut-copy if no selection\r\n return;\r\n }\r\n\r\n fabric.copiedText = this.getSelectedText();\r\n if (!config.disableStyleCopyPaste) {\r\n fabric.copiedTextStyle = this.getSelectionStyles(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n true\r\n );\r\n } else {\r\n fabric.copiedTextStyle = null;\r\n }\r\n this._copyDone = true;\r\n },\r\n\r\n /**\r\n * Pastes text\r\n * @param {Event} e Event object\r\n */\r\n paste: function () {\r\n this.fromPaste = true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @return {Object} Clipboard data object\r\n */\r\n _getClipboardData: function (e) {\r\n return (e && e.clipboardData) || fabric.window.clipboardData;\r\n },\r\n\r\n /**\r\n * Finds the width in pixels before the cursor on the same line\r\n * @private\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Number} widthBeforeCursor width before cursor\r\n */\r\n _getWidthBeforeCursor: function (lineIndex, charIndex) {\r\n var widthBeforeCursor = this._getLineLeftOffset(lineIndex),\r\n bound;\r\n\r\n if (charIndex > 0) {\r\n bound = this.__charBounds[lineIndex][charIndex - 1];\r\n widthBeforeCursor += bound.left + bound.width;\r\n }\r\n return widthBeforeCursor;\r\n },\r\n\r\n /**\r\n * Gets start offset of a selection\r\n * @param {Event} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getDownCursorOffset: function (e, isRight) {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n // if on last line, down cursor goes to end of line\r\n if (\r\n lineIndex === this._textLines.length - 1 ||\r\n e.metaKey ||\r\n e.keyCode === 34\r\n ) {\r\n // move to the end of a text\r\n return this._text.length - selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex + 1,\r\n widthBeforeCursor\r\n ),\r\n textAfterCursor = this._textLines[lineIndex].slice(charIndex);\r\n return (\r\n textAfterCursor.length +\r\n indexOnOtherLine +\r\n 1 +\r\n this.missingNewlineOffset(lineIndex)\r\n );\r\n },\r\n\r\n /**\r\n * private\r\n * Helps finding if the offset should be counted from Start or End\r\n * @param {Event} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n _getSelectionForOffset: function (e, isRight) {\r\n if (\r\n e.shiftKey &&\r\n this.selectionStart !== this.selectionEnd &&\r\n isRight\r\n ) {\r\n return this.selectionEnd;\r\n } else {\r\n return this.selectionStart;\r\n }\r\n },\r\n\r\n /**\r\n * @param {Event} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getUpCursorOffset: function (e, isRight) {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n if (lineIndex === 0 || e.metaKey || e.keyCode === 33) {\r\n // if on first line, up cursor goes to start of line\r\n return -selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex - 1,\r\n widthBeforeCursor\r\n ),\r\n textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex),\r\n missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1);\r\n // return a negative offset\r\n return (\r\n -this._textLines[lineIndex - 1].length +\r\n indexOnOtherLine -\r\n textBeforeCursor.length +\r\n (1 - missingNewlineOffset)\r\n );\r\n },\r\n\r\n /**\r\n * for a given width it founds the matching character.\r\n * @private\r\n */\r\n _getIndexOnLine: function (lineIndex, width) {\r\n var line = this._textLines[lineIndex],\r\n lineLeftOffset = this._getLineLeftOffset(lineIndex),\r\n widthOfCharsOnLine = lineLeftOffset,\r\n indexOnLine = 0,\r\n charWidth,\r\n foundMatch;\r\n\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charWidth = this.__charBounds[lineIndex][j].width;\r\n widthOfCharsOnLine += charWidth;\r\n if (widthOfCharsOnLine > width) {\r\n foundMatch = true;\r\n var leftEdge = widthOfCharsOnLine - charWidth,\r\n rightEdge = widthOfCharsOnLine,\r\n offsetFromLeftEdge = Math.abs(leftEdge - width),\r\n offsetFromRightEdge = Math.abs(rightEdge - width);\r\n\r\n indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1;\r\n break;\r\n }\r\n }\r\n\r\n // reached end\r\n if (!foundMatch) {\r\n indexOnLine = line.length - 1;\r\n }\r\n\r\n return indexOnLine;\r\n },\r\n\r\n /**\r\n * Moves cursor down\r\n * @param {Event} e Event object\r\n */\r\n moveCursorDown: function (e) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Down', e);\r\n },\r\n\r\n /**\r\n * Moves cursor up\r\n * @param {Event} e Event object\r\n */\r\n moveCursorUp: function (e) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Up', e);\r\n },\r\n\r\n /**\r\n * Moves cursor up or down, fires the events\r\n * @param {String} direction 'Up' or 'Down'\r\n * @param {Event} e Event object\r\n */\r\n _moveCursorUpOrDown: function (direction, e) {\r\n // getUpCursorOffset\r\n // getDownCursorOffset\r\n var action = 'get' + direction + 'CursorOffset',\r\n offset = this[action](e, this._selectionDirection === 'right');\r\n if (e.shiftKey) {\r\n this.moveCursorWithShift(offset);\r\n } else {\r\n this.moveCursorWithoutShift(offset);\r\n }\r\n if (offset !== 0) {\r\n this.setSelectionInBoundaries();\r\n this.abortCursorAnimation();\r\n this._currentCursorOpacity = 1;\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor with shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithShift: function (offset) {\r\n var newSelection =\r\n this._selectionDirection === 'left'\r\n ? this.selectionStart + offset\r\n : this.selectionEnd + offset;\r\n this.setSelectionStartEndWithShift(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n newSelection\r\n );\r\n return offset !== 0;\r\n },\r\n\r\n /**\r\n * Moves cursor up without shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithoutShift: function (offset) {\r\n if (offset < 0) {\r\n this.selectionStart += offset;\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionEnd += offset;\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return offset !== 0;\r\n },\r\n\r\n /**\r\n * Moves cursor left\r\n * @param {Event} e Event object\r\n */\r\n moveCursorLeft: function (e) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Left', e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Boolean} true if a change happened\r\n */\r\n _move: function (e, prop, direction) {\r\n var newValue;\r\n if (e.altKey) {\r\n newValue = this['findWordBoundary' + direction](this[prop]);\r\n } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) {\r\n newValue = this['findLineBoundary' + direction](this[prop]);\r\n } else {\r\n this[prop] += direction === 'Left' ? -1 : 1;\r\n return true;\r\n }\r\n if (typeof newValue !== 'undefined' && this[prop] !== newValue) {\r\n this[prop] = newValue;\r\n return true;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _moveLeft: function (e, prop) {\r\n return this._move(e, prop, 'Left');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _moveRight: function (e, prop) {\r\n return this._move(e, prop, 'Right');\r\n },\r\n\r\n /**\r\n * Moves cursor left without keeping selection\r\n * @param {Event} e\r\n */\r\n moveCursorLeftWithoutShift: function (e) {\r\n var change = true;\r\n this._selectionDirection = 'left';\r\n\r\n // only move cursor when there is no selection,\r\n // otherwise we discard it, and leave cursor on same place\r\n if (\r\n this.selectionEnd === this.selectionStart &&\r\n this.selectionStart !== 0\r\n ) {\r\n change = this._moveLeft(e, 'selectionStart');\r\n }\r\n this.selectionEnd = this.selectionStart;\r\n return change;\r\n },\r\n\r\n /**\r\n * Moves cursor left while keeping selection\r\n * @param {Event} e\r\n */\r\n moveCursorLeftWithShift: function (e) {\r\n if (\r\n this._selectionDirection === 'right' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveLeft(e, 'selectionEnd');\r\n } else if (this.selectionStart !== 0) {\r\n this._selectionDirection = 'left';\r\n return this._moveLeft(e, 'selectionStart');\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor right\r\n * @param {Event} e Event object\r\n */\r\n moveCursorRight: function (e) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Right', e);\r\n },\r\n\r\n /**\r\n * Moves cursor right or Left, fires event\r\n * @param {String} direction 'Left', 'Right'\r\n * @param {Event} e Event object\r\n */\r\n _moveCursorLeftOrRight: function (direction, e) {\r\n var actionName = 'moveCursor' + direction + 'With';\r\n this._currentCursorOpacity = 1;\r\n\r\n if (e.shiftKey) {\r\n actionName += 'Shift';\r\n } else {\r\n actionName += 'outShift';\r\n }\r\n if (this[actionName](e)) {\r\n this.abortCursorAnimation();\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor right while keeping selection\r\n * @param {Event} e\r\n */\r\n moveCursorRightWithShift: function (e) {\r\n if (\r\n this._selectionDirection === 'left' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveRight(e, 'selectionStart');\r\n } else if (this.selectionEnd !== this._text.length) {\r\n this._selectionDirection = 'right';\r\n return this._moveRight(e, 'selectionEnd');\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor right without keeping selection\r\n * @param {Event} e Event object\r\n */\r\n moveCursorRightWithoutShift: function (e) {\r\n var changed = true;\r\n this._selectionDirection = 'right';\r\n\r\n if (this.selectionStart === this.selectionEnd) {\r\n changed = this._moveRight(e, 'selectionStart');\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return changed;\r\n },\r\n\r\n /**\r\n * Removes characters from start/end\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n removeChars: function (start, end) {\r\n if (typeof end === 'undefined') {\r\n end = start + 1;\r\n }\r\n this.removeStyleFromTo(start, end);\r\n this._text.splice(start, end - start);\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n },\r\n\r\n /**\r\n * insert characters at start position, before start position.\r\n * start equal 1 it means the text get inserted between actual grapheme 0 and 1\r\n * if style array is provided, it must be as the same length of text in graphemes\r\n * if end is provided and is bigger than start, old text is replaced.\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {String} text text to insert\r\n * @param {Array} style array of style objects\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n insertChars: function (text, style, start, end) {\r\n if (typeof end === 'undefined') {\r\n end = start;\r\n }\r\n if (end > start) {\r\n this.removeStyleFromTo(start, end);\r\n }\r\n var graphemes = this.graphemeSplit(text);\r\n this.insertNewStyleBlock(graphemes, start, style);\r\n this._text = [].concat(\r\n this._text.slice(0, start),\r\n graphemes,\r\n this._text.slice(end)\r\n );\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\n(function (global) {\r\n var fabric = global.fabric,\r\n toFixed = fabric.util.toFixed,\r\n multipleSpacesRegex = / +/g;\r\n\r\n fabric.util.object.extend(\r\n fabric.Text.prototype,\r\n /** @lends fabric.Text.prototype */ {\r\n /**\r\n * Returns SVG representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG: function () {\r\n var offsets = this._getSVGLeftTopOffsets(),\r\n textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\r\n return this._wrapSVGTextAndBg(textAndBg);\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n noStyle: true,\r\n withShadow: true,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLeftTopOffsets: function () {\r\n return {\r\n textLeft: -this.width / 2,\r\n textTop: -this.height / 2,\r\n lineTop: this.getHeightOfLine(0),\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _wrapSVGTextAndBg: function (textAndBg) {\r\n var noShadow = true,\r\n textDecoration = this.getSvgTextDecoration(this);\r\n return [\r\n textAndBg.textBgRects.join(''),\r\n '\\t\\t',\r\n textAndBg.textSpans.join(''),\r\n '\\n',\r\n ];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Number} textTopOffset Text top offset\r\n * @param {Number} textLeftOffset Text left offset\r\n * @return {Object}\r\n */\r\n _getSVGTextAndBg: function (textTopOffset, textLeftOffset) {\r\n var textSpans = [],\r\n textBgRects = [],\r\n height = textTopOffset,\r\n lineOffset;\r\n // bounding-box background\r\n this._setSVGBg(textBgRects);\r\n\r\n // text and text-background\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n lineOffset = this._getLineLeftOffset(i);\r\n if (this.direction === 'rtl') {\r\n lineOffset += this.width;\r\n }\r\n if (\r\n this.textBackgroundColor ||\r\n this.styleHas('textBackgroundColor', i)\r\n ) {\r\n this._setSVGTextLineBg(\r\n textBgRects,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n }\r\n this._setSVGTextLineText(\r\n textSpans,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n height += this.getHeightOfLine(i);\r\n }\r\n\r\n return {\r\n textSpans: textSpans,\r\n textBgRects: textBgRects,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createTextCharSpan: function (_char, styleDecl, left, top) {\r\n var shouldUseWhitespace =\r\n _char !== _char.trim() || _char.match(multipleSpacesRegex),\r\n styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace),\r\n fillStyles = styleProps ? 'style=\"' + styleProps + '\"' : '',\r\n dy = styleDecl.deltaY,\r\n dySpan = '',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n if (dy) {\r\n dySpan = ' dy=\"' + toFixed(dy, NUM_FRACTION_DIGITS) + '\" ';\r\n }\r\n return [\r\n '',\r\n fabric.util.string.escapeXml(_char),\r\n '',\r\n ].join('');\r\n },\r\n\r\n _setSVGTextLineText: function (\r\n textSpans,\r\n lineIndex,\r\n textLeftOffset,\r\n textTopOffset\r\n ) {\r\n // set proper line offset\r\n var lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n style,\r\n boxWidth = 0,\r\n line = this._textLines[lineIndex],\r\n timeToRender;\r\n\r\n textTopOffset +=\r\n (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight;\r\n for (var i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n textLeftOffset += charBox.kernedWidth - charBox.width;\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = fabric.util.hasStyleChanged(\r\n actualStyle,\r\n nextStyle,\r\n true\r\n );\r\n }\r\n if (timeToRender) {\r\n style = this._getStyleDeclaration(lineIndex, i) || {};\r\n textSpans.push(\r\n this._createTextCharSpan(\r\n charsToRender,\r\n style,\r\n textLeftOffset,\r\n textTopOffset\r\n )\r\n );\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n if (this.direction === 'rtl') {\r\n textLeftOffset -= boxWidth;\r\n } else {\r\n textLeftOffset += boxWidth;\r\n }\r\n boxWidth = 0;\r\n }\r\n }\r\n },\r\n\r\n _pushTextBgRect: function (textBgRects, color, left, top, width, height) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n },\r\n\r\n _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) {\r\n var line = this._textLines[i],\r\n heightOfLine = this.getHeightOfLine(i) / this.lineHeight,\r\n boxWidth = 0,\r\n boxStart = 0,\r\n charBox,\r\n currentColor,\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\r\n if (currentColor !== lastColor) {\r\n lastColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n lastColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n currentColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n currentColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n },\r\n\r\n /**\r\n * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values\r\n * we work around it by \"moving\" alpha channel into opacity attribute and setting fill's alpha to 1\r\n *\r\n * @private\r\n * @param {*} value\r\n * @return {String}\r\n */\r\n _getFillAttributes: function (value) {\r\n var fillColor =\r\n value && typeof value === 'string' ? new Color(value) : '';\r\n if (\r\n !fillColor ||\r\n !fillColor.getSource() ||\r\n fillColor.getAlpha() === 1\r\n ) {\r\n return 'fill=\"' + value + '\"';\r\n }\r\n return (\r\n 'opacity=\"' +\r\n fillColor.getAlpha() +\r\n '\" fill=\"' +\r\n fillColor.setAlpha(1).toRgb() +\r\n '\"'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLineTopOffset: function (lineIndex) {\r\n var lineTopOffset = 0,\r\n lastHeight = 0;\r\n for (var j = 0; j < lineIndex; j++) {\r\n lineTopOffset += this.getHeightOfLine(j);\r\n }\r\n lastHeight = this.getHeightOfLine(j);\r\n return {\r\n lineTop: lineTopOffset,\r\n offset:\r\n ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) /\r\n (this.lineHeight * this._fontSizeMult),\r\n };\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles: function (skipShadow) {\r\n var svgStyle = FabricObject.prototype.getSvgStyles.call(\r\n this,\r\n skipShadow\r\n );\r\n return svgStyle + ' white-space: pre;';\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n/* _TO_SVG_END_ */\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Textbox class, based on IText, allows the user to resize the text rectangle\r\n * and wraps lines automatically. Textboxes have their Y scaling locked, the\r\n * user can only change width. Height is adjusted automatically based on the\r\n * wrapping of lines.\r\n * @class fabric.Textbox\r\n * @extends fabric.IText\r\n * @return {fabric.Textbox} thisArg\r\n * @see {@link fabric.Textbox#initialize} for constructor definition\r\n */\r\n fabric.Textbox = fabric.util.createClass(fabric.IText, {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'textbox',\r\n\r\n /**\r\n * Minimum width of textbox, in pixels.\r\n * @type Number\r\n * @default\r\n */\r\n minWidth: 20,\r\n\r\n /**\r\n * Minimum calculated width of a textbox, in pixels.\r\n * fixed to 2 so that an empty textbox cannot go to 0\r\n * and is still selectable without text.\r\n * @type Number\r\n * @default\r\n */\r\n dynamicMinWidth: 2,\r\n\r\n /**\r\n * Cached array of text wrapping.\r\n * @type Array\r\n */\r\n __cachedLines: null,\r\n\r\n /**\r\n * Override standard Object class values\r\n */\r\n lockScalingFlip: true,\r\n\r\n /**\r\n * Override standard Object class values\r\n * Textbox needs this on false\r\n */\r\n noScaleCache: false,\r\n\r\n /**\r\n * Properties which when set cause object to change dimensions\r\n * @type Object\r\n * @private\r\n */\r\n _dimensionAffectingProps:\r\n fabric.Text.prototype._dimensionAffectingProps.concat('width'),\r\n\r\n /**\r\n * Use this regular expression to split strings in breakable lines\r\n * @private\r\n */\r\n _wordJoiners: /[ \\t\\r]/,\r\n\r\n /**\r\n * Use this boolean property in order to split strings that have no white space concept.\r\n * this is a cheap way to help with chinese/japanese\r\n * @type Boolean\r\n * @since 2.6.0\r\n */\r\n splitByGrapheme: false,\r\n\r\n /**\r\n * Unlike superclass's version of this function, Textbox does not update\r\n * its width.\r\n * @private\r\n * @override\r\n */\r\n initDimensions: function () {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n this._clearCache();\r\n // clear dynamicMinWidth as it will be different after we re-wrap line\r\n this.dynamicMinWidth = 0;\r\n // wrap lines\r\n this._styleMap = this._generateStyleMap(this._splitText());\r\n // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap\r\n if (this.dynamicMinWidth > this.width) {\r\n this._set('width', this.dynamicMinWidth);\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n // clear cache and re-calculate height\r\n this.height = this.calcTextHeight();\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n },\r\n\r\n /**\r\n * Generate an object that translates the style object so that it is\r\n * broken up by visual lines (new lines and automatic wrapping).\r\n * The original text styles object is broken up by actual lines (new lines only),\r\n * which is only sufficient for Text / IText\r\n * @private\r\n */\r\n _generateStyleMap: function (textInfo) {\r\n var realLineCount = 0,\r\n realLineCharCount = 0,\r\n charCount = 0,\r\n map = {};\r\n\r\n for (var i = 0; i < textInfo.graphemeLines.length; i++) {\r\n if (textInfo.graphemeText[charCount] === '\\n' && i > 0) {\r\n realLineCharCount = 0;\r\n charCount++;\r\n realLineCount++;\r\n } else if (\r\n !this.splitByGrapheme &&\r\n this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) &&\r\n i > 0\r\n ) {\r\n // this case deals with space's that are removed from end of lines when wrapping\r\n realLineCharCount++;\r\n charCount++;\r\n }\r\n\r\n map[i] = { line: realLineCount, offset: realLineCharCount };\r\n\r\n charCount += textInfo.graphemeLines[i].length;\r\n realLineCharCount += textInfo.graphemeLines[i].length;\r\n }\r\n\r\n return map;\r\n },\r\n\r\n /**\r\n * Returns true if object has a style property or has it on a specified line\r\n * @param {Number} lineIndex\r\n * @return {Boolean}\r\n */\r\n styleHas: function (property, lineIndex) {\r\n if (this._styleMap && !this.isWrapping) {\r\n var map = this._styleMap[lineIndex];\r\n if (map) {\r\n lineIndex = map.line;\r\n }\r\n }\r\n return fabric.Text.prototype.styleHas.call(this, property, lineIndex);\r\n },\r\n\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles: function (lineIndex) {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n var offset = 0,\r\n nextLineIndex = lineIndex + 1,\r\n nextOffset,\r\n obj,\r\n shouldLimit = false,\r\n map = this._styleMap[lineIndex],\r\n mapNextLine = this._styleMap[lineIndex + 1];\r\n if (map) {\r\n lineIndex = map.line;\r\n offset = map.offset;\r\n }\r\n if (mapNextLine) {\r\n nextLineIndex = mapNextLine.line;\r\n shouldLimit = nextLineIndex === lineIndex;\r\n nextOffset = mapNextLine.offset;\r\n }\r\n obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (var p1 in obj) {\r\n for (var p2 in obj[p1]) {\r\n if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (var p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _getStyleDeclaration: function (lineIndex, charIndex) {\r\n if (this._styleMap && !this.isWrapping) {\r\n var map = this._styleMap[lineIndex];\r\n if (!map) {\r\n return null;\r\n }\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n }\r\n return this.callSuper('_getStyleDeclaration', lineIndex, charIndex);\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setStyleDeclaration: function (lineIndex, charIndex, style) {\r\n var map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n\r\n this.styles[lineIndex][charIndex] = style;\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _deleteStyleDeclaration: function (lineIndex, charIndex) {\r\n var map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n delete this.styles[lineIndex][charIndex];\r\n },\r\n\r\n /**\r\n * probably broken need a fix\r\n * Returns the real style line that correspond to the wrapped lineIndex line\r\n * Used just to verify if the line does exist or not.\r\n * @param {Number} lineIndex\r\n * @returns {Boolean} if the line exists or not\r\n * @private\r\n */\r\n _getLineStyle: function (lineIndex) {\r\n var map = this._styleMap[lineIndex];\r\n return !!this.styles[map.line];\r\n },\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setLineStyle: function (lineIndex) {\r\n var map = this._styleMap[lineIndex];\r\n this.styles[map.line] = {};\r\n },\r\n\r\n /**\r\n * Wraps text using the 'width' property of Textbox. First this function\r\n * splits text on newlines, so we preserve newlines entered by the user.\r\n * Then it wraps each line using the width of the Textbox by calling\r\n * _wrapLine().\r\n * @param {Array} lines The string array of text that is split into lines\r\n * @param {Number} desiredWidth width you want to wrap to\r\n * @returns {Array} Array of lines\r\n */\r\n _wrapText: function (lines, desiredWidth) {\r\n var wrapped = [],\r\n i;\r\n this.isWrapping = true;\r\n for (i = 0; i < lines.length; i++) {\r\n wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth));\r\n }\r\n this.isWrapping = false;\r\n return wrapped;\r\n },\r\n\r\n /**\r\n * Helper function to measure a string of text, given its lineIndex and charIndex offset\r\n * It gets called when charBounds are not available yet.\r\n * Override if necessary\r\n * Use with {@link fabric.Textbox#wordSplit}\r\n *\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {String} text\r\n * @param {number} lineIndex\r\n * @param {number} charOffset\r\n * @returns {number}\r\n */\r\n _measureWord: function (word, lineIndex, charOffset) {\r\n var width = 0,\r\n prevGrapheme,\r\n skipLeft = true;\r\n charOffset = charOffset || 0;\r\n for (var i = 0, len = word.length; i < len; i++) {\r\n var box = this._getGraphemeBox(\r\n word[i],\r\n lineIndex,\r\n i + charOffset,\r\n prevGrapheme,\r\n skipLeft\r\n );\r\n width += box.kernedWidth;\r\n prevGrapheme = word[i];\r\n }\r\n return width;\r\n },\r\n\r\n /**\r\n * Override this method to customize word splitting\r\n * Use with {@link fabric.Textbox#_measureWord}\r\n * @param {string} value\r\n * @returns {string[]} array of words\r\n */\r\n wordSplit: function (value) {\r\n return value.split(this._wordJoiners);\r\n },\r\n\r\n /**\r\n * Wraps a line of text using the width of the Textbox and a context.\r\n * @param {Array} line The grapheme array that represent the line\r\n * @param {Number} lineIndex\r\n * @param {Number} desiredWidth width you want to wrap the line to\r\n * @param {Number} reservedSpace space to remove from wrapping for custom functionalities\r\n * @returns {Array} Array of line(s) into which the given text is wrapped\r\n * to.\r\n */\r\n _wrapLine: function (_line, lineIndex, desiredWidth, reservedSpace) {\r\n var lineWidth = 0,\r\n splitByGrapheme = this.splitByGrapheme,\r\n graphemeLines = [],\r\n line = [],\r\n // spaces in different languages?\r\n words = splitByGrapheme\r\n ? this.graphemeSplit(_line)\r\n : this.wordSplit(_line),\r\n word = '',\r\n offset = 0,\r\n infix = splitByGrapheme ? '' : ' ',\r\n wordWidth = 0,\r\n infixWidth = 0,\r\n largestWordWidth = 0,\r\n lineJustStarted = true,\r\n additionalSpace = this._getWidthOfCharSpacing(),\r\n reservedSpace = reservedSpace || 0;\r\n // fix a difference between split and graphemeSplit\r\n if (words.length === 0) {\r\n words.push([]);\r\n }\r\n desiredWidth -= reservedSpace;\r\n // measure words\r\n var data = words.map(\r\n function (word) {\r\n // if using splitByGrapheme words are already in graphemes.\r\n word = splitByGrapheme ? word : this.graphemeSplit(word);\r\n var width = this._measureWord(word, lineIndex, offset);\r\n largestWordWidth = Math.max(width, largestWordWidth);\r\n offset += word.length + 1;\r\n return { word: word, width: width };\r\n }.bind(this)\r\n );\r\n var maxWidth = Math.max(\r\n desiredWidth,\r\n largestWordWidth,\r\n this.dynamicMinWidth\r\n );\r\n // layout words\r\n offset = 0;\r\n for (var i = 0; i < words.length; i++) {\r\n word = data[i].word;\r\n wordWidth = data[i].width;\r\n offset += word.length;\r\n\r\n lineWidth += infixWidth + wordWidth - additionalSpace;\r\n if (lineWidth > maxWidth && !lineJustStarted) {\r\n graphemeLines.push(line);\r\n line = [];\r\n lineWidth = wordWidth;\r\n lineJustStarted = true;\r\n } else {\r\n lineWidth += additionalSpace;\r\n }\r\n\r\n if (!lineJustStarted && !splitByGrapheme) {\r\n line.push(infix);\r\n }\r\n line = line.concat(word);\r\n\r\n infixWidth = splitByGrapheme\r\n ? 0\r\n : this._measureWord([infix], lineIndex, offset);\r\n offset++;\r\n lineJustStarted = false;\r\n }\r\n\r\n i && graphemeLines.push(line);\r\n\r\n if (largestWordWidth + reservedSpace > this.dynamicMinWidth) {\r\n this.dynamicMinWidth =\r\n largestWordWidth - additionalSpace + reservedSpace;\r\n }\r\n return graphemeLines;\r\n },\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @param {Number} lineIndex text to split\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping: function (lineIndex) {\r\n if (!this._styleMap[lineIndex + 1]) {\r\n // is last line, return true;\r\n return true;\r\n }\r\n if (\r\n this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line\r\n ) {\r\n // this is last line before a line break, return true;\r\n return true;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * @return Number\r\n */\r\n missingNewlineOffset: function (lineIndex) {\r\n if (this.splitByGrapheme) {\r\n return this.isEndOfWrapping(lineIndex) ? 1 : 0;\r\n }\r\n return 1;\r\n },\r\n\r\n /**\r\n * Gets lines of text to render in the Textbox. This function calculates\r\n * text wrapping on the fly every time it is called.\r\n * @param {String} text text to split\r\n * @returns {Array} Array of lines in the Textbox.\r\n * @override\r\n */\r\n _splitTextIntoLines: function (text) {\r\n var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text),\r\n graphemeLines = this._wrapText(newText.lines, this.width),\r\n lines = new Array(graphemeLines.length);\r\n for (var i = 0; i < graphemeLines.length; i++) {\r\n lines[i] = graphemeLines[i].join('');\r\n }\r\n newText.lines = lines;\r\n newText.graphemeLines = graphemeLines;\r\n return newText;\r\n },\r\n\r\n getMinWidth: function () {\r\n return Math.max(this.minWidth, this.dynamicMinWidth);\r\n },\r\n\r\n _removeExtraneousStyles: function () {\r\n var linesToKeep = {};\r\n for (var prop in this._styleMap) {\r\n if (this._textLines[prop]) {\r\n linesToKeep[this._styleMap[prop].line] = 1;\r\n }\r\n }\r\n for (var prop in this.styles) {\r\n if (!linesToKeep[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this.callSuper(\r\n 'toObject',\r\n ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)\r\n );\r\n },\r\n });\r\n\r\n /**\r\n * Returns fabric.Textbox instance from an object representation\r\n * @static\r\n * @memberOf fabric.Textbox\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Textbox.fromObject = function (object) {\r\n var styles = fabric.util.stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n var objCopy = Object.assign({}, object, { styles: styles });\r\n return fabric.Object._fromObject(fabric.Textbox, objCopy, {\r\n extraParam: 'text',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n TDegree,\r\n TMat2D,\r\n TPointerEvent,\r\n TransformAction,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport {\r\n ControlRenderingStyleOverride,\r\n renderCircleControl,\r\n renderSquareControl,\r\n} from './controls.render';\r\n\r\nexport class Control {\r\n /**\r\n * keep track of control visibility.\r\n * mainly for backward compatibility.\r\n * if you do not want to see a control, you can remove it\r\n * from the control set.\r\n * @type {Boolean}\r\n * @default true\r\n */\r\n visible = true;\r\n\r\n /**\r\n * Name of the action that the control will likely execute.\r\n * This is optional. FabricJS uses to identify what the user is doing for some\r\n * extra optimizations. If you are writing a custom control and you want to know\r\n * somewhere else in the code what is going on, you can use this string here.\r\n * you can also provide a custom getActionName if your control run multiple actions\r\n * depending on some external state.\r\n * default to scale since is the most common, used on 4 corners by default\r\n * @type {String}\r\n * @default 'scale'\r\n */\r\n actionName = 'scale';\r\n\r\n /**\r\n * Drawing angle of the control.\r\n * NOT used for now, but name marked as needed for internal logic\r\n * example: to reuse the same drawing function for different rotated controls\r\n * @type {Number}\r\n * @default 0\r\n */\r\n angle = 0;\r\n\r\n /**\r\n * Relative position of the control. X\r\n * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n x = 0;\r\n\r\n /**\r\n * Relative position of the control. Y\r\n * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n y = 0;\r\n\r\n /**\r\n * Horizontal offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the right, negative to the left.\r\n * It used when you want to have position of control that does not scale with\r\n * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n * stay 30 pixels no matter how the object is big. Another example is having 2\r\n * controls in the corner, that stay in the same position when the object scale.\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the bottom, negative to the top.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * Sets the length of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeY: number | null = null;\r\n\r\n /**\r\n * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeY: number | null = null;\r\n\r\n /**\r\n * Css cursor style to display when the control is hovered.\r\n * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n * @type {String}\r\n * @default 'crosshair'\r\n */\r\n cursorStyle = 'crosshair';\r\n\r\n /**\r\n * If controls has an offsetY or offsetX, draw a line that connects\r\n * the control to the bounding box\r\n * @type {Boolean}\r\n * @default false\r\n */\r\n withConnection = false;\r\n\r\n constructor(options: Partial) {\r\n Object.assign(this, options);\r\n }\r\n\r\n /**\r\n * The control actionHandler, provide one to handle action ( control being moved )\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n actionHandler: TransformActionHandler;\r\n\r\n /**\r\n * The control handler for mouse down, provide one to handle mouse down on control\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseDownHandler?: TransformAction;\r\n\r\n /**\r\n * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseUpHandler?: TransformAction;\r\n\r\n /**\r\n * Returns control actionHandler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getActionHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.actionHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseDown handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseDownHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseDownHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseUp handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseUpHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseUpHandler;\r\n }\r\n\r\n /**\r\n * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n * function you can pass one in the constructor\r\n * the cursorStyle property\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n cursorStyleHandler(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.cursorStyle;\r\n }\r\n\r\n /**\r\n * Returns the action name. The basic implementation just return the actionName property.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n getActionName(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.actionName;\r\n }\r\n\r\n /**\r\n * Returns controls visibility\r\n * @param {FabricObject} object on which the control is displayed\r\n * @param {String} controlKey key where the control is memorized on the\r\n * @return {Boolean}\r\n */\r\n getVisibility(fabricObject: FabricObject, controlKey: string) {\r\n // @ts-expect-error TODO remove directive once fixed\r\n return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n }\r\n\r\n /**\r\n * Sets controls visibility\r\n * @param {Boolean} visibility for the object\r\n * @return {Void}\r\n */\r\n setVisibility(visibility: boolean, name: string, fabricObject: FabricObject) {\r\n this.visible = visibility;\r\n }\r\n\r\n positionHandler(\r\n dim: Point,\r\n finalMatrix: TMat2D,\r\n fabricObject: FabricObject,\r\n currentControl: Control\r\n ) {\r\n return new Point(\r\n this.x * dim.x + this.offsetX,\r\n this.y * dim.y + this.offsetY\r\n ).transform(finalMatrix);\r\n }\r\n\r\n /**\r\n * Returns the coords for this control based on object values.\r\n * @param {Number} objectAngle angle from the fabric object holding the control\r\n * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n * isTouch is true)\r\n * @param {Number} centerX x coordinate where the control center should be\r\n * @param {Number} centerY y coordinate where the control center should be\r\n * @param {boolean} isTouch true if touch corner, false if normal corner\r\n */\r\n calcCornerCoords(\r\n objectAngle: TDegree,\r\n objectCornerSize: number,\r\n centerX: number,\r\n centerY: number,\r\n isTouch: boolean\r\n ) {\r\n let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp;\r\n const xSize = isTouch ? this.touchSizeX : this.sizeX,\r\n ySize = isTouch ? this.touchSizeY : this.sizeY;\r\n if (xSize && ySize && xSize !== ySize) {\r\n // handle rectangular corners\r\n const controlTriangleAngle = Math.atan2(ySize, xSize);\r\n const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2;\r\n const newTheta = controlTriangleAngle - degreesToRadians(objectAngle);\r\n const newThetaComp =\r\n halfPI - controlTriangleAngle - degreesToRadians(objectAngle);\r\n cosHalfOffset = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = cornerHypotenuse * sin(newTheta);\r\n // use complementary angle for two corners\r\n cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp);\r\n sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp);\r\n } else {\r\n // handle square corners\r\n // use default object corner size unless size is defined\r\n const cornerSize = xSize && ySize ? xSize : objectCornerSize;\r\n const cornerHypotenuse = cornerSize * Math.SQRT1_2;\r\n // complementary angles are equal since they're both 45 degrees\r\n const newTheta = degreesToRadians(45 - objectAngle);\r\n cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta);\r\n }\r\n\r\n return {\r\n tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp),\r\n tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset),\r\n bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset),\r\n br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp),\r\n };\r\n }\r\n\r\n /**\r\n * Render function for the control.\r\n * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n * all the functions will have to translate to the point left,top before starting Drawing\r\n * if they want to draw a control where the position is detected.\r\n * left and top are the result of the positionHandler function\r\n * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n * @param {Number} left position of the canvas where we are about to render the control.\r\n * @param {Number} top position of the canvas where we are about to render the control.\r\n * @param {Object} styleOverride\r\n * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n */\r\n render(\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride | undefined,\r\n fabricObject: FabricObject\r\n ) {\r\n styleOverride = styleOverride || {};\r\n switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n case 'circle':\r\n renderCircleControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n break;\r\n default:\r\n renderSquareControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n }\r\n }\r\n}\r\n\r\nfabric.Control = Control;\r\n","// @ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n changeWidth,\r\n rotationStyleHandler,\r\n rotationWithSnapping,\r\n scaleCursorStyleHandler,\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingEqually,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './actions';\r\nimport { Control } from './control.class';\r\n\r\nexport const defaultControls = {\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mb: new Control({\r\n x: 0,\r\n y: 0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mt: new Control({\r\n x: 0,\r\n y: -0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n tl: new Control({\r\n x: -0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n tr: new Control({\r\n x: 0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n bl: new Control({\r\n x: -0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n br: new Control({\r\n x: 0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n mtr: new Control({\r\n x: 0,\r\n y: -0.5,\r\n actionHandler: rotationWithSnapping,\r\n cursorStyleHandler: rotationStyleHandler,\r\n offsetY: -40,\r\n withConnection: true,\r\n actionName: 'rotate',\r\n }),\r\n};\r\n\r\nexport const textboxDefaultControls = {\r\n ...defaultControls,\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n};\r\n\r\nFabricObject.prototype.controls = {\r\n ...(FabricObject.prototype.controls || {}),\r\n ...defaultControls,\r\n};\r\n\r\nif (fabric.Textbox) {\r\n // this is breaking the prototype inheritance, no time / ideas to fix it.\r\n // is important to document that if you want to have all objects to have a\r\n // specific custom control, you have to add it to Object prototype and to Textbox\r\n // prototype. The controls are shared as references. So changes to control `tr`\r\n // can still apply to all objects if needed.\r\n fabric.Textbox.prototype.controls = {\r\n ...(fabric.Textbox.prototype.controls || {}),\r\n ...textboxDefaultControls,\r\n };\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { Canvas, Shadow } from '../__types__';\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}\r\n */\r\nexport abstract class BaseBrush {\r\n /**\r\n * Color of a brush\r\n * @type String\r\n * @default\r\n */\r\n color = 'rgb(0, 0, 0)';\r\n\r\n /**\r\n * Width of a brush, has to be a Number, no string literals\r\n * @type Number\r\n * @default\r\n */\r\n width = 1;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape.\r\n * Backwards incompatibility note: This property replaces \"shadowColor\" (String), \"shadowOffsetX\" (Number),\r\n * \"shadowOffsetY\" (Number) and \"shadowBlur\" (Number) since v1.2.12\r\n * @type Shadow\r\n * @default\r\n */\r\n shadow: Shadow | null = null;\r\n\r\n /**\r\n * Line endings style of a brush (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineCap: CanvasLineCap = 'round';\r\n\r\n /**\r\n * Corner style of a brush (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: CanvasLineJoin = 'round';\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of a brush's\r\n * @type Number\r\n * @default\r\n */\r\n strokeMiterLimit = 10;\r\n\r\n /**\r\n * Stroke Dash Array.\r\n * @type Array\r\n * @default\r\n */\r\n strokeDashArray: number[] | null = null;\r\n\r\n /**\r\n * When `true`, the free drawing is limited to the whiteboard size. Default to false.\r\n * @type Boolean\r\n * @default false\r\n */\r\n\r\n limitedToCanvasSize = false;\r\n\r\n /**\r\n * @todo add type\r\n */\r\n canvas: Canvas;\r\n\r\n constructor(canvas: Canvas) {\r\n this.canvas = canvas;\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n ctx.strokeStyle = this.color;\r\n ctx.lineWidth = this.width;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.setLineDash(this.strokeDashArray || []);\r\n }\r\n\r\n /**\r\n * Sets the transformation on given context\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @private\r\n */\r\n protected _saveAndTransform(ctx: CanvasRenderingContext2D) {\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n\r\n /**\r\n * Sets brush shadow styles\r\n * @private\r\n */\r\n protected _setShadow() {\r\n if (!this.shadow || !this.canvas) {\r\n return;\r\n }\r\n\r\n const canvas = this.canvas,\r\n shadow = this.shadow,\r\n ctx = canvas.contextTop,\r\n zoom = canvas.getZoom() * canvas.getRetinaScaling();\r\n\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur = shadow.blur * zoom;\r\n ctx.shadowOffsetX = shadow.offsetX * zoom;\r\n ctx.shadowOffsetY = shadow.offsetY * zoom;\r\n }\r\n\r\n protected needsFullRender() {\r\n const color = new Color(this.color);\r\n return color.getAlpha() < 1 || !!this.shadow;\r\n }\r\n\r\n /**\r\n * Removes brush shadow styles\r\n * @private\r\n */\r\n protected _resetShadow() {\r\n const ctx = this.canvas.contextTop;\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * Check is pointer is outside canvas boundaries\r\n * @param {Object} pointer\r\n * @private\r\n */\r\n protected _isOutSideCanvas(pointer: Point) {\r\n return (\r\n pointer.x < 0 ||\r\n pointer.x > this.canvas.getWidth() ||\r\n pointer.y < 0 ||\r\n pointer.y > this.canvas.getHeight()\r\n );\r\n }\r\n}\r\n\r\nfabric.BaseBrush = BaseBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Circle, Group, Shadow } = fabric;\r\n\r\nexport type CircleBrushPoint = {\r\n x: number;\r\n y: number;\r\n radius: number;\r\n fill: string;\r\n};\r\n\r\nexport class CircleBrush extends BaseBrush {\r\n /**\r\n * Width of a brush\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n points: CircleBrushPoint[];\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.points = [];\r\n }\r\n\r\n /**\r\n * Invoked inside on mouse down and mouse move\r\n * @param {Point} pointer\r\n */\r\n drawDot(pointer: Point) {\r\n const point = this.addPoint(pointer),\r\n ctx = this.canvas.contextTop;\r\n this._saveAndTransform(ctx);\r\n this.dot(ctx, point);\r\n ctx.restore();\r\n }\r\n\r\n dot(ctx: CanvasRenderingContext2D, point: CircleBrushPoint) {\r\n ctx.fillStyle = point.fill;\r\n ctx.beginPath();\r\n ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false);\r\n ctx.closePath();\r\n ctx.fill();\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.points = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n this.drawDot(pointer);\r\n }\r\n\r\n /**\r\n * Render the full state of the brush\r\n * @private\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop,\r\n points = this.points;\r\n this._saveAndTransform(ctx);\r\n for (let i = 0; i < points.length; i++) {\r\n this.dot(ctx, points[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this.needsFullRender()) {\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.addPoint(pointer);\r\n this._render();\r\n } else {\r\n this.drawDot(pointer);\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const circles = [];\r\n\r\n for (let i = 0; i < this.points.length; i++) {\r\n const point = this.points[i],\r\n circle = new Circle({\r\n radius: point.radius,\r\n left: point.x,\r\n top: point.y,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: point.fill,\r\n });\r\n\r\n this.shadow && (circle.shadow = new Shadow(this.shadow));\r\n\r\n circles.push(circle);\r\n }\r\n const group = new Group(circles, { canvas: this.canvas });\r\n\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * @param {Object} pointer\r\n * @return {Point} Just added pointer point\r\n */\r\n addPoint({ x, y }: Point) {\r\n const pointerPoint: CircleBrushPoint = {\r\n x,\r\n y,\r\n radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2,\r\n fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(),\r\n };\r\n\r\n this.points.push(pointerPoint);\r\n\r\n return pointerPoint;\r\n }\r\n}\r\n\r\nfabric.CircleBrush = CircleBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { TEvent, ModifierKey, PathData } from '../typedefs';\r\nimport { getSmoothPathFromPoints, joinPath } from '../util/path';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Path, Shadow } = fabric;\r\n\r\n/**\r\n * @private\r\n * @param {PathData} pathData SVG path commands\r\n * @returns {boolean}\r\n */\r\nfunction isEmptySVGPath(pathData: PathData): boolean {\r\n return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0';\r\n}\r\n\r\nexport class PencilBrush extends BaseBrush {\r\n /**\r\n * Discard points that are less than `decimate` pixel distant from each other\r\n * @type Number\r\n * @default 0.4\r\n */\r\n decimate = 0.4;\r\n\r\n /**\r\n * Draws a straight line between last recorded point to current pointer\r\n * Used for `shift` functionality\r\n *\r\n * @type boolean\r\n * @default false\r\n */\r\n drawStraightLine = false;\r\n\r\n /**\r\n * The event modifier key that makes the brush draw a straight line.\r\n * If `null` or 'none' or any other string that is not a modifier key the feature is disabled.\r\n * @type {ModifierKey | undefined | null}\r\n */\r\n straightLineKey: ModifierKey | undefined | null = 'shiftKey';\r\n\r\n private _points: Point[];\r\n private _hasStraightLine: boolean;\r\n private oldEnd?: Point;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this._points = [];\r\n this._hasStraightLine = false;\r\n }\r\n\r\n needsFullRender() {\r\n return super.needsFullRender() || this._hasStraightLine;\r\n }\r\n\r\n static drawSegment(ctx: CanvasRenderingContext2D, p1: Point, p2: Point) {\r\n const midPoint = p1.midPointFrom(p2);\r\n ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\r\n return midPoint;\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n this._prepareForDrawing(pointer);\r\n // capture coordinates immediately\r\n // this allows to draw dots (when movement never occurs)\r\n this._addPoint(pointer);\r\n this._render();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this._addPoint(pointer) && this._points.length > 1) {\r\n if (this.needsFullRender()) {\r\n // redraw curve\r\n // clear top canvas\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._render();\r\n } else {\r\n const points = this._points,\r\n length = points.length,\r\n ctx = this.canvas.contextTop;\r\n // draw the curve update\r\n this._saveAndTransform(ctx);\r\n if (this.oldEnd) {\r\n ctx.beginPath();\r\n ctx.moveTo(this.oldEnd.x, this.oldEnd.y);\r\n }\r\n this.oldEnd = PencilBrush.drawSegment(\r\n ctx,\r\n points[length - 2],\r\n points[length - 1]\r\n );\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp({ e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return true;\r\n }\r\n this.drawStraightLine = false;\r\n this.oldEnd = undefined;\r\n this._finalizeAndAddPath();\r\n return false;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} pointer Actual mouse position related to the canvas.\r\n */\r\n _prepareForDrawing(pointer: Point) {\r\n this._reset();\r\n this._addPoint(pointer);\r\n this.canvas.contextTop.moveTo(pointer.x, pointer.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} point Point to be added to points array\r\n */\r\n _addPoint(point: Point) {\r\n if (\r\n this._points.length > 1 &&\r\n point.eq(this._points[this._points.length - 1])\r\n ) {\r\n return false;\r\n }\r\n if (this.drawStraightLine && this._points.length > 1) {\r\n this._hasStraightLine = true;\r\n this._points.pop();\r\n }\r\n this._points.push(point);\r\n return true;\r\n }\r\n\r\n /**\r\n * Clear points array and set contextTop canvas style.\r\n * @private\r\n */\r\n _reset() {\r\n this._points = [];\r\n this._setBrushStyles(this.canvas.contextTop);\r\n this._setShadow();\r\n this._hasStraightLine = false;\r\n }\r\n\r\n /**\r\n * Draw a smooth path on the topCanvas using quadraticCurveTo\r\n * @private\r\n * @param {CanvasRenderingContext2D} [ctx]\r\n */\r\n _render(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\r\n let p1 = this._points[0],\r\n p2 = this._points[1];\r\n this._saveAndTransform(ctx);\r\n ctx.beginPath();\r\n //if we only have 2 points in the path and they are the same\r\n //it means that the user only clicked the canvas without moving the mouse\r\n //then we should be drawing a dot. A path isn't drawn between two identical dots\r\n //that's why we set them apart a bit\r\n if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) {\r\n const width = this.width / 1000;\r\n p1.x -= width;\r\n p2.x += width;\r\n }\r\n ctx.moveTo(p1.x, p1.y);\r\n\r\n for (let i = 1; i < this._points.length; i++) {\r\n // we pick the point between pi + 1 & pi + 2 as the\r\n // end point and p1 as our control point.\r\n PencilBrush.drawSegment(ctx, p1, p2);\r\n p1 = this._points[i];\r\n p2 = this._points[i + 1];\r\n }\r\n // Draw last line as a straight line while\r\n // we wait for the next point to be able to calculate\r\n // the bezier control point\r\n ctx.lineTo(p1.x, p1.y);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Converts points to SVG path\r\n * @param {Array} points Array of points\r\n * @return {PathData} SVG path commands\r\n */\r\n convertPointsToSVGPath(points: Point[]): PathData {\r\n const correction = this.width / 1000;\r\n return getSmoothPathFromPoints(points, correction);\r\n }\r\n\r\n /**\r\n * Creates a Path object to add on canvas\r\n * @param {PathData} pathData Path data\r\n * @return {Path} Path to add on canvas\r\n */\r\n createPath(pathData: PathData) {\r\n const path = new Path(pathData, {\r\n fill: null,\r\n stroke: this.color,\r\n strokeWidth: this.width,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeMiterLimit: this.strokeMiterLimit,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeDashArray: this.strokeDashArray,\r\n });\r\n if (this.shadow) {\r\n this.shadow.affectStroke = true;\r\n path.shadow = new Shadow(this.shadow);\r\n }\r\n\r\n return path;\r\n }\r\n\r\n /**\r\n * Decimate points array with the decimate value\r\n */\r\n decimatePoints(points: Point[], distance: number) {\r\n if (points.length <= 2) {\r\n return points;\r\n }\r\n let lastPoint = points[0],\r\n cDistance;\r\n const zoom = this.canvas.getZoom(),\r\n adjustedDistance = Math.pow(distance / zoom, 2),\r\n l = points.length - 1,\r\n newPoints = [lastPoint];\r\n for (let i = 1; i < l - 1; i++) {\r\n cDistance =\r\n Math.pow(lastPoint.x - points[i].x, 2) +\r\n Math.pow(lastPoint.y - points[i].y, 2);\r\n if (cDistance >= adjustedDistance) {\r\n lastPoint = points[i];\r\n newPoints.push(lastPoint);\r\n }\r\n }\r\n // Add the last point from the original line to the end of the array.\r\n // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point.\r\n newPoints.push(points[l]);\r\n return newPoints;\r\n }\r\n\r\n /**\r\n * On mouseup after drawing the path on contextTop canvas\r\n * we use the points captured to create an new Path object\r\n * and add it to the canvas.\r\n */\r\n _finalizeAndAddPath() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.closePath();\r\n if (this.decimate) {\r\n this._points = this.decimatePoints(this._points, this.decimate);\r\n }\r\n const pathData = this.convertPointsToSVGPath(this._points);\r\n if (isEmptySVGPath(pathData)) {\r\n // do not create 0 width/height paths, as they are\r\n // rendered inconsistently across browsers\r\n // Firefox 4, for example, renders a dot,\r\n // whereas Chrome 10 renders nothing\r\n this.canvas.requestRenderAll();\r\n return;\r\n }\r\n\r\n const path = this.createPath(pathData);\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.canvas.fire('before:path:created', { path: path });\r\n this.canvas.add(path);\r\n this.canvas.requestRenderAll();\r\n path.setCoords();\r\n this._resetShadow();\r\n\r\n // fire event 'path' created\r\n this.canvas.fire('path:created', { path: path });\r\n }\r\n}\r\n\r\nfabric.PencilBrush = PencilBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { PathData } from '../typedefs';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { Canvas } from '../__types__';\r\nimport { PencilBrush } from './pencil_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Pattern } = fabric;\r\n\r\nexport class PatternBrush extends PencilBrush {\r\n source?: CanvasImageSource;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n }\r\n\r\n getPatternSrc() {\r\n const dotWidth = 20,\r\n dotDistance = 5,\r\n patternCanvas = createCanvasElement(),\r\n patternCtx = patternCanvas.getContext('2d');\r\n\r\n patternCanvas.width = patternCanvas.height = dotWidth + dotDistance;\r\n if (patternCtx) {\r\n patternCtx.fillStyle = this.color;\r\n patternCtx.beginPath();\r\n patternCtx.arc(\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n 0,\r\n Math.PI * 2,\r\n false\r\n );\r\n patternCtx.closePath();\r\n patternCtx.fill();\r\n }\r\n return patternCanvas;\r\n }\r\n\r\n getPatternSrcFunction() {\r\n return String(this.getPatternSrc).replace(\r\n 'this.color',\r\n '\"' + this.color + '\"'\r\n );\r\n }\r\n\r\n /**\r\n * Creates \"pattern\" instance property\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n getPattern(ctx: CanvasRenderingContext2D) {\r\n return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat');\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n super._setBrushStyles(ctx);\r\n const pattern = this.getPattern(ctx);\r\n pattern && (ctx.strokeStyle = pattern);\r\n }\r\n\r\n /**\r\n * Creates path\r\n */\r\n createPath(pathData: PathData) {\r\n const path = super.createPath(pathData),\r\n topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2);\r\n\r\n path.stroke = new Pattern({\r\n source: this.source || this.getPatternSrcFunction(),\r\n offsetX: -topLeft.x,\r\n offsetY: -topLeft.y,\r\n });\r\n return path;\r\n }\r\n}\r\n\r\nfabric.PatternBrush = PatternBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas, Rect } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Group, Rect, Shadow } = fabric;\r\n\r\nexport type SprayBrushPoint = {\r\n x: number;\r\n y: number;\r\n width: number;\r\n opacity: number;\r\n};\r\n\r\n/**\r\n *\r\n * @param rects\r\n * @returns\r\n */\r\nfunction getUniqueRects(rects: Rect[]) {\r\n const uniqueRects: Record = {};\r\n const uniqueRectsArray: Rect[] = [];\r\n\r\n for (let i = 0, key: string; i < rects.length; i++) {\r\n key = `${rects[i].left}${rects[i].top}`;\r\n if (!uniqueRects[key]) {\r\n uniqueRects[key] = true;\r\n uniqueRectsArray.push(rects[i]);\r\n }\r\n }\r\n\r\n return uniqueRectsArray;\r\n}\r\n\r\nexport class SprayBrush extends BaseBrush {\r\n /**\r\n * Width of a spray\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n /**\r\n * Density of a spray (number of dots per chunk)\r\n * @type Number\r\n * @default\r\n */\r\n density = 20;\r\n\r\n /**\r\n * Width of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidth = 1;\r\n\r\n /**\r\n * Width variance of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidthVariance = 1;\r\n\r\n /**\r\n * Whether opacity of a dot should be random\r\n * @type Boolean\r\n * @default\r\n */\r\n randomOpacity = false;\r\n\r\n /**\r\n * Whether overlapping dots (rectangles) should be removed (for performance reasons)\r\n * @type Boolean\r\n * @default\r\n */\r\n optimizeOverlapping = true;\r\n\r\n private sprayChunks: SprayBrushPoint[][];\r\n\r\n private sprayChunk: SprayBrushPoint[];\r\n\r\n /**\r\n * Constructor\r\n * @param {Canvas} canvas\r\n * @return {SprayBrush} Instance of a spray brush\r\n */\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.sprayChunks = [];\r\n this.sprayChunk = [];\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.sprayChunks = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const rects = [];\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n const sprayChunk = this.sprayChunks[i];\r\n for (let j = 0; j < sprayChunk.length; j++) {\r\n const chunck = sprayChunk[j];\r\n const rect = new Rect({\r\n width: chunck.width,\r\n height: chunck.width,\r\n left: chunck.x + 1,\r\n top: chunck.y + 1,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: this.color,\r\n });\r\n rects.push(rect);\r\n }\r\n }\r\n\r\n const group = new Group(\r\n this.optimizeOverlapping ? getUniqueRects(rects) : rects,\r\n {\r\n objectCaching: true,\r\n layout: 'fixed',\r\n subTargetCheck: false,\r\n interactive: false,\r\n }\r\n );\r\n this.shadow && group.set('shadow', new Shadow(this.shadow));\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n renderChunck(sprayChunck: SprayBrushPoint[]) {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < sprayChunck.length; i++) {\r\n const point = sprayChunck[i];\r\n ctx.globalAlpha = point.opacity;\r\n ctx.fillRect(point.x, point.y, point.width, point.width);\r\n }\r\n\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Render all spray chunks\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n this.renderChunck(this.sprayChunks[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @param {Point} pointer\r\n */\r\n addSprayChunk(pointer: Point) {\r\n this.sprayChunk = [];\r\n const radius = this.width / 2;\r\n\r\n for (let i = 0; i < this.density; i++) {\r\n this.sprayChunk.push({\r\n x: getRandomInt(pointer.x - radius, pointer.x + radius),\r\n y: getRandomInt(pointer.y - radius, pointer.y + radius),\r\n width: this.dotWidthVariance\r\n ? getRandomInt(\r\n // bottom clamp width to 1\r\n Math.max(1, this.dotWidth - this.dotWidthVariance),\r\n this.dotWidth + this.dotWidthVariance\r\n )\r\n : this.dotWidth,\r\n opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1,\r\n });\r\n }\r\n\r\n this.sprayChunks.push(this.sprayChunk);\r\n }\r\n}\r\n\r\nfabric.SprayBrush = SprayBrush;\r\n"],"names":["fabric","VERSION","FabricObject","Pattern","Circle","Rect","Group","Shadow"],"mappings":";;AAEA,MAAM,iBAAiB,CAAA;AAAvB,IAAA,WAAA,GAAA;AACE;;;;;;;;;;;;;AAaG;QACH,IAAyB,CAAA,yBAAA,GAAG,CAAC,CAAC;AAE9B;;AAEG;QACH,IAAG,CAAA,GAAA,GAAG,EAAE,CAAC;AAET;;;AAGG;QACH,IAAgB,CAAA,gBAAA,GAAG,CAAC,CAAC;AAErB;;;;;AAKG;QACH,IAAkB,CAAA,kBAAA,GAAG,OAAO,CAAC;AAE7B;;;;;AAKG;QACH,IAAiB,CAAA,iBAAA,GAAG,IAAI,CAAC;AAEzB;;;;;AAKG;QACH,IAAiB,CAAA,iBAAA,GAAG,GAAG,CAAC;AAExB;;;;;;;AAOG;QACH,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;AAE9B;;;;;;;AAOG;QACH,IAAiB,CAAA,iBAAA,GAAG,IAAI,CAAC;AAEzB;;;;;;;;;AASG;QACH,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;AAEnB;;;;;;AAMG;QACH,IAAmB,CAAA,mBAAA,GAAG,KAAK,CAAC;AAE5B;;;AAGG;QACH,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAC;AAE3B;;;AAGG;QACH,IAAS,CAAA,SAAA,GAA+D,EAAE,CAAC;AAE3E;;;;AAIG;QACH,IAAmB,CAAA,mBAAA,GAAG,CAAC,CAAC;KACzB;AAAA,CAAA;AAEK,MAAO,aAAc,SAAQ,iBAAiB,CAAA;AAClD,IAAA,WAAA,CAAY,MAAuB,EAAA;AACjC,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;KACxB;IAED,SAAS,CAAC,SAAyB,EAAE,EAAA;AACnC,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KAC7B;AAED;;AAEG;IACH,QAAQ,CACN,QAAoE,EAAE,EAAA;QAEtE,IAAI,CAAC,SAAS,GACT,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,SAAS,CAAA,EACd,KAAK,CACT,CAAC;KACH;IAED,WAAW,CAAC,cAAwB,EAAE,EAAA;AACpC,QAAA,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,KAAI;AACjC,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;AACpC,SAAC,CAAC,CAAC;KACJ;IAED,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACrB;AAED,IAAA,eAAe,CAA8B,IAAkB,EAAA;AAC7D,QAAA,MAAM,QAAQ,GAAG,IAAI,iBAAiB,EAAO,CAAC;AAC9C,QAAA,MAAM,MAAM,GACV,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAI,CAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAI;YACxB,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;AACzB,YAAA,OAAO,GAAG,CAAC;AACb,SAAC,EAAE,EAAO,CAAC,KAAI,QAAQ,CAAC;AAC1B,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;KACxB;AACF,CAAA;AAEM,MAAM,MAAM,GAAG,IAAI,aAAa,EAAE;;MC5J5B,KAAK,CAAA;AAAlB,IAAA,WAAA,GAAA;AACE;;AAEG;QACH,IAAe,CAAA,eAAA,GAMX,EAAE,CAAC;AAmEP;;;AAGG;QACH,IAAkB,CAAA,kBAAA,GAAG,EAAE,CAAC;AAExB;;;;;;;AAOG;QACH,IAAkB,CAAA,kBAAA,GAAG,EAAE,CAAC;KACzB;AAhFC;;AAEG;AACH,IAAA,YAAY,CAAC,EACX,UAAU,EACV,SAAS,EACT,UAAU,GAKX,EAAA;AACC,QAAA,UAAU,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE;AACrC,YAAA,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;AACvC,SAAA;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;AACnD,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAG,SAAS,CAAC,WAAW,EAAE,CAAA,CAAA,EAAI,CAC7C,UAAU,GAAG,EAAE,EACf,WAAW,EAAE,EAAE,CAAC;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;AACxB,YAAA,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;AAC1B,SAAA;AACD,QAAA,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC;KAC5B;AAED;;;;;;;;;;;AAWG;AACH,IAAA,cAAc,CAAC,UAAmB,EAAA;QAChC,UAAU,GAAG,CAAC,UAAU,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC;QAC9C,IAAI,CAAC,UAAU,EAAE;AACf,YAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;AAC3B,SAAA;AAAM,aAAA,IAAI,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE;AAC3C,YAAA,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;AACzC,SAAA;KACF;AAED;;;;;;AAMG;AACH,IAAA,eAAe,CAAC,EAAU,EAAA;AACxB,QAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;QACtC,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,CAAC;;;QAGtD,OAAO;AACL,YAAA,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;AACtB,YAAA,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,UAAU,CAAC;SAC5C,CAAC;KACH;AAiBF,CAAA;AAEM,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE;;;;AC9FhC;AAEM,SAAU,IAAI,GAAA,GAAK;AAClB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;AAC9B,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAW,CAAC;AAC5D,MAAM,qBAAqB,GAAG,EAAE,CAAC;AAExC;AACO,MAAM,KAAK,GAAG,CAAC,GAAG,YAAY;;ACRrC,IAAIA,QAAM,GAAGA,QAAM,IAAI;AACrB,IAAA,OAAO,EAAEC,OAAO;IAChB,MAAM;IACN,KAAK;IACL,OAAO;CACR,CAAC;AAEF,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAClC,IAAA,OAAO,CAAC,MAAM,GAAGD,QAAM,CAAC;AACzB,CAAA;KAAM,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,GAAG,EAAE;;IAErD,MAAM,CAAC,EAAE,EAAE,YAAA;AACT,QAAA,OAAOA,QAAM,CAAC;AAChB,KAAC,CAAC,CAAC;AACJ,CAAA;AACD;AACA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACpE,IAAA,IACE,QAAQ;AACR,SAAC,OAAO,YAAY,KAAK,WAAW,GAAG,YAAY,GAAG,QAAQ,CAAC,EAC/D;AACA,QAAAA,QAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC5B,KAAA;AAAM,SAAA;QACLA,QAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAClE,KAAA;AACD,IAAAA,QAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AACvB,IAAA,MAAM,CAAC,MAAM,GAAGA,QAAM,CAAC;AACxB,CAAA;AAAM,KAAA;;AAEL,IAAA,IAAI,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7B,IAAI,aAAa,GAAG,IAAI,KAAK,CAAC,KAAK,CACjC,kBAAkB,CAChB,4FAA4F,CAC7F,EACD;AACE,QAAA,QAAQ,EAAE;YACR,sBAAsB,EAAE,CAAC,KAAK,CAAC;AAChC,SAAA;AACD,QAAA,SAAS,EAAE,QAAQ;KACpB,CACF,CAAC,MAAM,CAAC;AACT,IAAAA,QAAM,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;AACzC,IAAAA,QAAM,CAAC,mBAAmB;AACxB,QAAA,OAAO,CAAC,wCAAwC,CAAC,CAAC,cAAc,CAAC;IACnEA,QAAM,CAAC,UAAU,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC;AAC5D,IAAAA,QAAM,CAAC,MAAM,GAAG,aAAa,CAAC;IAC9B,MAAM,CAAC,SAAS,GAAGA,QAAM,CAAC,MAAM,CAAC,SAAS,CAAC;AAC5C,CAAA;AAED;;;AAGG;AACHA,QAAM,CAAC,gBAAgB;IACrB,cAAc,IAAIA,QAAM,CAAC,MAAM;QAC/B,cAAc,IAAIA,QAAM,CAAC,QAAQ;SAChCA,QAAM,CAAC,MAAM;YACZA,QAAM,CAAC,MAAM,CAAC,SAAS;YACvBA,QAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;AAEhD;;;AAGG;AACHA,QAAM,CAAC,YAAY;IACjB,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,CAAC;AAEjE;;AAEG;AACH,MAAM,CAAC,SAAS,CAAC;AACf,IAAA,gBAAgB,EACdA,QAAM,CAAC,MAAM,CAAC,gBAAgB;QAC9BA,QAAM,CAAC,MAAM,CAAC,sBAAsB;QACpCA,QAAM,CAAC,MAAM,CAAC,mBAAmB;QACjC,CAAC;AACJ,CAAA,CAAC;;AChFF;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B;;AAEG;IACH,MAAM,CAAC,UAAU,GAAG;AAClB;;AAEG;AACH,QAAA,QAAQ,EAAE,EAAE;AAEZ;;;;;;;;AAQG;AACH,QAAA,GAAG,EAAE,UAAU,OAAO,EAAE,QAAQ,EAAA;AAC9B,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC5D,YAAA,IAAI,QAAQ,EAAE;AACZ,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACvC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AACjC,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;AAQG;AACH,QAAA,QAAQ,EAAE,UAAU,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAA;AAC1C,YAAA,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACtC,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;AAChD,YAAA,IAAI,QAAQ,EAAE;AACZ,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACpC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9B,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC7B;AAED;;;;;;AAMG;AACH,QAAA,MAAM,EAAE,UAAU,eAAe,EAAE,QAAQ,EAAA;YACzC,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,EACzB,OAAO,GAAG,EAAE,CAAC;AACf,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC9D,gBAAA,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;AAC5B,gBAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;;AAEhC,gBAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AAChB,oBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACzB,oBAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBACrB,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACzC,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,OAAO,CAAC;SAChB;AAED;;;;;;;;;;;AAWG;AACH,QAAA,aAAa,EAAE,UAAU,QAAQ,EAAE,OAAO,EAAA;AACxC,YAAA,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AAChC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACvC,gBAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;AAChD,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;AACH,QAAA,UAAU,EAAE,YAAA;AACV,YAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,gBAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC/B,aAAA;YACD,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAClC,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,EAAA;gBACrC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACpC,aAAC,CAAC,CAAC;SACJ;AAED;;;;AAIG;QACH,IAAI,EAAE,UAAU,KAAK,EAAA;AACnB,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC7B;AAED;;;AAGG;AACH,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;SACnC;AAED;;;AAGG;AACH,QAAA,IAAI,EAAE,YAAA;AACJ,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC7B;AAED;;;;;;;AAOG;AACH,QAAA,QAAQ,EAAE,UAAU,MAAM,EAAE,IAAI,EAAA;YAC9B,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;AACtC,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AAAM,iBAAA,IAAI,IAAI,EAAE;AACf,gBAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,GAAG,EAAA;AACrC,oBAAA,QACE,OAAO,GAAG,CAAC,QAAQ,KAAK,UAAU,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,EAChE;AACJ,iBAAC,CAAC,CAAC;AACJ,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,OAAO,EAAA;AACjD,gBAAA,IAAI,IAAI,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AACtD,gBAAA,OAAO,IAAI,CAAC;aACb,EAAE,CAAC,CAAC,CAAC;SACP;KACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACnKrD;;;;;;;;AAQG;AACI,MAAM,GAAG,GAAG,CAAC,KAAc,KAAY;IAC5C,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;IACD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;AAC5C,IAAA,QAAQ,UAAU;AAChB,QAAA,KAAK,CAAC,CAAC;AACP,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,CAAC,CAAC;AACX,QAAA,KAAK,CAAC;YACJ,OAAO,CAAC,CAAC,CAAC;AACb,KAAA;AACD,IAAA,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC;;ACtBD;;;;;;;;AAQG;AACI,MAAM,GAAG,GAAG,CAAC,KAAc,KAAY;IAC5C,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;AACD,IAAA,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,CAAC;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,IAAA,QAAQ,UAAU;AAChB,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,KAAK,CAAC;AACf,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,CAAC,CAAC;AACX,QAAA,KAAK,CAAC;YACJ,OAAO,CAAC,KAAK,CAAC;AACjB,KAAA;AACD,IAAA,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC;;ACjBD;;AAEG;MACU,KAAK,CAAA;AAUhB,IAAA,WAAA,CAAY,IAAwB,GAAA,CAAC,EAAE,CAAC,GAAG,CAAC,EAAA;QAL5C,IAAI,CAAA,IAAA,GAAG,OAAO,CAAC;AAMb,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAC5B,YAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAChB,YAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACjB,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;AACd,YAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACZ,SAAA;KACF;AAED;;;;AAIG;AACH,IAAA,GAAG,CAAC,IAAY,EAAA;AACd,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;KACpD;AAED;;;;;;AAMG;AACH,IAAA,SAAS,CAAC,IAAY,EAAA;AACpB,QAAA,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;AACjB,QAAA,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;AACjB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,SAAS,CAAC,MAAc,EAAA;AACtB,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;KACpD;AAED;;;;;;AAMG;AACH,IAAA,eAAe,CAAC,MAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,QAAQ,CAAC,IAAY,EAAA;AACnB,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;KACpD;AAED;;;;;;AAMG;AACH,IAAA,cAAc,CAAC,IAAY,EAAA;AACzB,QAAA,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;AACjB,QAAA,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;AACjB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,cAAc,CAAC,MAAc,EAAA;AAC3B,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;KACpD;AAED;;;;;;AAMG;AACH,IAAA,oBAAoB,CAAC,MAAc,EAAA;AACjC,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,QAAQ,CAAC,IAAW,EAAA;AAClB,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;KACpD;AAED;;;;AAIG;AACH,IAAA,cAAc,CAAC,MAAc,EAAA;AAC3B,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;KACpD;AAED;;;;;;AAMG;AACH,IAAA,oBAAoB,CAAC,MAAc,EAAA;AACjC,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,MAAM,CAAC,IAAY,EAAA;AACjB,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;KACpD;AAED;;;;AAIG;AACH,IAAA,YAAY,CAAC,MAAc,EAAA;AACzB,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;KACpD;AAED;;;;;;AAMG;AACH,IAAA,kBAAkB,CAAC,MAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;AACjB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,EAAE,CAAC,IAAY,EAAA;AACb,QAAA,OAAO,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;KAC/C;AAED;;;;AAIG;AACH,IAAA,EAAE,CAAC,IAAY,EAAA;AACb,QAAA,OAAO,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KAC3C;AAED;;;;AAIG;AACH,IAAA,GAAG,CAAC,IAAY,EAAA;AACd,QAAA,OAAO,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;KAC7C;AAED;;;;;AAKG;AACH,IAAA,EAAE,CAAC,IAAY,EAAA;AACb,QAAA,OAAO,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KAC3C;AAED;;;;AAIG;AACH,IAAA,GAAG,CAAC,IAAY,EAAA;AACd,QAAA,OAAO,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;KAC7C;AAED;;;;;AAKG;AACH,IAAA,IAAI,CAAC,IAAY,EAAE,CAAC,GAAG,GAAG,EAAA;AACxB,QAAA,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAChC,QAAA,OAAO,IAAI,KAAK,CACd,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,EAC9B,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAC/B,CAAC;KACH;AAED;;;;AAIG;AACH,IAAA,YAAY,CAAC,IAAY,EAAA;AACvB,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EACxB,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACvB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;KACrC;AAED;;;;AAIG;AACH,IAAA,YAAY,CAAC,IAAY,EAAA;AACvB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACxB;AAED;;;;AAIG;AACH,IAAA,GAAG,CAAC,IAAY,EAAA;AACd,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;KACtE;AAED;;;;AAIG;AACH,IAAA,GAAG,CAAC,IAAY,EAAA;AACd,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;KACtE;AAED;;;AAGG;IACH,QAAQ,GAAA;QACN,OAAO,IAAI,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;KAC9B;AAED;;;;;AAKG;IACH,KAAK,CAAC,CAAS,EAAE,CAAS,EAAA;AACxB,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACX,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACX,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,IAAI,CAAC,CAAS,EAAA;AACZ,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACX,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,IAAI,CAAC,CAAS,EAAA;AACZ,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACX,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,YAAY,CAAC,IAAW,EAAA;AACtB,QAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAChB,QAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;AAGG;AACH,IAAA,IAAI,CAAC,IAAW,EAAA;QACd,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EACd,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACb,QAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAChB,QAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAChB,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACX,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;KACZ;AAED;;;AAGG;IACH,KAAK,GAAA;QACH,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;KAClC;AAED;;;;;;;AAOG;AACH,IAAA,MAAM,CAAC,OAAgB,EAAE,MAAA,GAAgB,UAAU,EAAA;;;AAGjD,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,EACxB,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC;QACzB,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAChC,QAAA,MAAM,OAAO,GAAG,IAAI,KAAK,CACvB,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAC3B,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAC5B,CAAC;AACF,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;KAC5B;AAED;;;;;;;AAOG;AACH,IAAA,SAAS,CAAC,CAAS,EAAE,YAAY,GAAG,KAAK,EAAA;AACvC,QAAA,OAAO,IAAI,KAAK,CACd,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EACzD,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1D,CAAC;KACH;AACF,CAAA;AAED,MAAM,UAAU,GAAG,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEnCA,QAAM,CAAC,KAAK,GAAG,KAAK;;ACrYpB,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEpC;;;;;;;AAOG;AACI,MAAM,YAAY,GAAG,CAAC,MAAa,EAAE,OAAgB,KAC1D,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAEzB;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAU,KACnD,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE/B;;;AAGG;AACI,MAAM,SAAS,GAAG,CAAC,KAAY,KAAK,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;AAE3E;;;;;AAKG;AACI,MAAM,uBAAuB,GAAG,CAAC,CAAQ,EAAE,CAAQ,KAAa;AACrE,IAAA,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAC/B,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAY,CAAC;AACzC,CAAC,CAAC;AAEF;;;;AAIG;AACI,MAAM,kBAAkB,GAAG,CAAC,CAAQ,KACzC,uBAAuB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAE1C;;;AAGG;AACI,MAAM,aAAa,GAAG,CAAC,CAAQ,KAAY,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E;;;;;AAKG;AACI,MAAM,WAAW,GAAG,CAAC,CAAQ,EAAE,CAAQ,EAAE,CAAQ,KAAI;IAC1D,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EAC3B,EAAE,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EACvB,KAAK,GAAG,uBAAuB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,OAAO;QACL,MAAM,EAAE,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAClD,QAAA,KAAK,EAAE,KAAK;KACb,CAAC;AACJ,CAAC,CAAC;AAEF;;;;AAIG;AACI,MAAM,oBAAoB,GAAG,CAClC,CAAQ,EACR,gBAAgB,GAAG,IAAI,KAEvB,aAAa,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;AClF/E;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,OAAgB,MAC9C,OAAO,GAAG,OAAO,CAAY,CAAC;AAEjC;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,OAAgB,MAC9C,OAAO,GAAG,OAAO,CAAY;;ACnBhC;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,CACzB,KAAY,EACZ,MAAa,EACb,OAAgB,KACN,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;;AChBzC;;;;;;;AAOG;AACI,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,GAAW,KACnD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG;;ACTnD;;;;;AAKG;AACI,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,UAAmB,KAAI;AAC1D,IAAA,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;AAC7E,CAAC;;ACRD;;;;;;;;AAQG;AACI,MAAM,eAAe,GAAG,CAAI,KAAU,EAAE,KAAQ,KAAS;IAC9D,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AACjC,IAAA,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE;AACd,QAAA,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC;;ACLD;;AAEG;MACmB,qBAAqB,CAAA;AAazC,IAAA,WAAA,CAAY,OAAsC,EAAA;AAChD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;AAC9D,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACjE,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa;AACnD,cAAE,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;cAC3D,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACrB;AAdD,IAAA,OAAO,mBAAmB,CAAC,OAAc,EAAE,OAAe,EAAA;QACxD,MAAM,KAAK,GAAG,OAAO;AACnB,cAAE,uBAAuB,CAAC,OAAO,EAAE,OAAO,CAAC;AAC3C,cAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAChC,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;KAC1C;AAWD;;AAEG;IACO,gBAAgB,CAAC,IAAY,EAAE,EAAU,EAAA;QACjD,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KAChE;AAQS,IAAA,mBAAmB,CAAC,IAAW,EAAE,EAAS,EAAE,SAAkB,EAAA;QACtE,OAAO,IAAI,CAAC,SAAS,CACnB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,wBAAwB,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC,CAC7D,CAAC;KACH;IAES,QAAQ,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC,CAAC;KAC7D;AAES,IAAA,SAAS,CAAC,KAAY,EAAA;AAC9B,QAAA,MAAM,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;;QAE3B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,QAAA,OAAO,CAAC,CAAC;KACV;IAES,eAAe,CAAC,UAAiB,EAAE,MAAc,EAAA;AACzD,QAAA,OAAO,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;KAC7E;AAKF;;ACpED;;;;;;;;;;;AAWG;AACG,MAAO,yBAA0B,SAAQ,qBAAqB,CAAA;AAkBlE,IAAA,WAAA,CACE,CAAS,EACT,CAAS,EACT,CAAS,EACT,OAAsC,EAAA;QAEtC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;;;AAGtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa;AACxC,cAAE,WAAW,CACT,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAC3B,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAC3B,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAC5B;AACH,cAAE,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;KACzC;AAED,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;KAC7B;AAED,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;KAC5B;IAED,wBAAwB,CACtB,IAAW,EACX,EAAS,EACT,SAAoB,GAAA,IAAI,CAAC,yBAAyB,EAAA;QAElD,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC/C,QAAA,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAC1D,QAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,mBAAmB,CAC3D,oBAAoB,EACpB,IAAI,CAAC,cAAc,CACpB,CAAC;QACF,OAAO,IAAI,CAAC,eAAe,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;KAC5E;AAED;;;;;AAKG;IACH,YAAY,GAAA;AACV,QAAA,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;KAC3E;AAED;;;;;;AAMG;IACH,YAAY,GAAA;AACV,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,EACxC,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,EACzC,WAAW,GAAG,IAAI,CAAC,eAAe,CAChC,IAAI,CAAC,cAAc,EACnB,CAAC,IAAI,CAAC,yBAAyB,GAAG,eAAe,CAClD,CAAC;;;;;;AAOJ,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa;AACjD,cAAE,eAAe;AACjB,cAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;AAElC,QAAA,IACE,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,yBAAyB;AACvD,YAAA,gBAAgB,EAChB;AACA,YAAA,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;AAClD,SAAA;AAAM,aAAA;;AAEL,YAAA,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;AAC5B,SAAA;KACF;AAED;;;;;AAKG;IACK,kBAAkB,GAAA;;QAExB,MAAM,WAAW,GAAG,IAAI,KAAK,CACzB,qBAAqB,CAAC,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,EAC9D,qBAAqB,CAAC,mBAAmB,CACvC,IAAI,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACxD,CACF,EACD,aAAa,GAAG,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5B,aAAA,cAAc,CAAC,IAAI,CAAC,yBAAyB,CAAC;AAC9C,aAAA,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC;AAClC,aAAA,QAAQ,CAAC,WAAW,CAAC,EACxB,aAAa,GAAG,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5B,aAAA,cAAc,CAAC,IAAI,CAAC,yBAAyB,CAAC;AAC9C,aAAA,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC;aAClC,QAAQ,CAAC,WAAW,CAAC,CAAC;AAE3B,QAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC;KAC/D;AAED;;;;;;;;;AASG;IACK,oBAAoB,GAAA;QAC1B,MAAM,WAAW,GAAY,EAAE,CAAC;;AAGhC,QAAA,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAC1B,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CACvD,CAAC;QAEF,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;;AAEtC,QAAA,MAAM,YAAY,GAAG,IAAI,KAAK,EAAE;AAC3B,aAAA,SAAS,CAAC,IAAI,CAAC,yBAAyB,CAAC;aACzC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,EACrC,IAAI,GACF,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,EACxE,SAAS,GAAG,IAAI,KAAK,CACnB,IAAI,CAAC,IAAI,CACP,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,YAAY,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,KAAK,CAAC,CACtE,EACD,IAAI,CACL,EACD,IAAI,GACF,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,EACxE,SAAS,GAAG,IAAI,KAAK,CACnB,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAC7D,CAAC;QAEJ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;AACxC,YAAA,WAAW,CAAC,IAAI,CACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAClC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CACxC,CAAC;AACJ,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,WAAW,CAAC;KACpB;IAED,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AACpB,YAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAClC,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACpC,SAAA;KACF;AAED;;;;;AAKG;IACO,aAAa,GAAA;AACrB,QAAA,QAAQ,IAAI,CAAC,OAAO,CAAC,cAAc;AACjC,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;AAC7B,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;AAC7B,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;AAC9B,SAAA;KACF;IAEM,OAAO,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,MAAM;YAC1C,WAAW,EAAE,IAAI,CAAC,CAAC;AACnB,YAAA,cAAc,EAAE,KAAK;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,SAAA,CAAC,CAAC,CAAC;KACL;AACF;;AChOD;;;;;;;;;;;AAWG;AACG,MAAO,wBAAyB,SAAQ,qBAAqB,CAAA;AAUjE,IAAA,WAAA,CAAY,CAAS,EAAE,CAAS,EAAE,OAAsC,EAAA;QACtE,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;KACvB;IAED,wBAAwB,CACtB,IAAW,EACX,EAAS,EACT,SAAoB,GAAA,IAAI,CAAC,yBAAyB,EAAA;QAElD,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC;KACtE;AAED;;;;;AAKG;IACH,WAAW,GAAA;QACT,OAAO;AACL,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,yBAAyB,CAAC;AACxE,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,yBAAyB,CAAC;SAC1E,CAAC;KACH;AAED;;;;;AAKG;IACH,YAAY,GAAA;QACV,OAAO,IAAI,yBAAyB,CAClC,IAAI,CAAC,CAAC,EACN,IAAI,CAAC,CAAC,EACN,IAAI,CAAC,CAAC,EACN,IAAI,CAAC,OAAO,CACb,CAAC,YAAY,EAAE,CAAC;KAClB;AAED;;;;;AAKG;IACH,aAAa,GAAA;AACX,QAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,wBAAwB,CACxD,IAAI,CAAC,CAAC,EACN,IAAI,CAAC,CAAC,EACN,IAAI,CAAC,yBAAyB,CAC/B,CAAC;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAC5C,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAC3C,CAAC,IAAI,CAAC,yBAAyB,CAChC,CAAC;QACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACjD,OAAO;AACL,YAAA,UAAU,CAAC,GAAG,CAAC,oBAAoB,CAAC;AACpC,YAAA,UAAU,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AAC1C,SAAA,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACjC;IAES,aAAa,GAAA;AACrB,QAAA,QAAQ,IAAI,CAAC,OAAO,CAAC,aAAa;AAChC,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;AAC7B,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;AAC9B,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;AAC7B,SAAA;KACF;IAEM,OAAO,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,MAAM;YAC1C,WAAW,EAAE,IAAI,CAAC,CAAC;AACnB,YAAA,cAAc,EAAE,KAAK;AACtB,SAAA,CAAC,CAAC,CAAC;KACL;AACF;;AC1GD;;;;;;AAMG;AACI,MAAM,qBAAqB,GAAG,CACnC,MAAgB,EAChB,OAAsC,EACtC,QAAQ,GAAG,KAAK,KACC;IACjB,MAAM,WAAW,GAAkB,EAAE,CAAC;AAEtC,IAAA,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE;AACtB,QAAA,OAAO,WAAW,CAAC;AACpB,KAAA;IAED,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;QAC1B,IAAI,CAAS,EAAE,CAAS,CAAC;QACzB,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,YAAA,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACd,YAAA,CAAC,GAAG,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC9C,SAAA;AAAM,aAAA,IAAI,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACtC,YAAA,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACtB,YAAA,CAAC,GAAG,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAC9B,SAAA;AAAM,aAAA;AACL,YAAA,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACtB,YAAA,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACvB,SAAA;AAED,QAAA,IAAI,QAAQ,KAAK,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;YAC5D,WAAW,CAAC,IAAI,CACd,GAAG,IAAI,wBAAwB,CAC7B,CAAC,EACD,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EACnB,OAAO,CACR,CAAC,OAAO,EAAE,CACZ,CAAC;AACH,SAAA;AAAM,aAAA;AACL,YAAA,WAAW,CAAC,IAAI,CACd,GAAG,IAAI,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,CAC7D,CAAC;AACH,SAAA;AACH,KAAC,CAAC,CAAC;AAEH,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC;;ACpDD;;;;;;;;;;;;;AAagF;AA6BhE,SAAA,MAAM,CAAC,CAAC,EAAE,CAAC,EAAA;IACvB,IAAI,CAAC,GAAG,EAAE,CAAC;IACX,KAAK,IAAI,CAAC,IAAI,CAAC;QACX,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;YAC9D,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACpB,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,UAAU;QAC/D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACpE,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1E,gBAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACzB,SAAA;AACL,IAAA,OAAO,CAAC,CAAC;AACb;;ACrBA;;;;;;;;AAQG;AACI,MAAM,cAAc,GAAG,CAC5B,CAAiB,EACjB,CAAS,EACT,YAAsB,KACZ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;AAEpD;;;;;;AAMG;AACI,MAAM,eAAe,GAAG,CAAC,CAAS,KAAY;AACnD,IAAA,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EACvC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAW,EAC9D,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;AAC5D,IAAA,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACV,IAAA,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACV,IAAA,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF;;;;;;;;AAQG;AACI,MAAM,yBAAyB,GAAG,CACvC,CAAS,EACT,CAAS,EACT,KAAe,KAEf;AACE,IAAA,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,IAAA,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,IAAA,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,IAAA,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,IAAA,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC5C,IAAA,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACnC,CAAC;AAEd;;;;;;AAMG;AACI,MAAM,WAAW,GAAG,CAAC,CAAS,KAAqB;IACxD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAClC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC7C,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EACzB,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAC7C,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvD,OAAO;AACL,QAAA,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC;QAC9B,MAAM;QACN,MAAM;AACN,QAAA,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC;AAC9B,QAAA,KAAK,EAAE,CAAY;AACnB,QAAA,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACrB,QAAA,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;KACtB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;AASG;AAEI,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAqB,KAAY;IACvE,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,OAAO,OAAO,CAAC;AAChB,KAAA;IACD,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,EACnC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,EAClB,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;AACrB,IAAA,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,oBAAoB,GAAG,CAAC,EACnC,MAAM,GAAG,CAAC,EACV,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,CAAY,EACpB,KAAK,GAAG,CAAY,GACH,KAAI;IACrB,IAAI,WAAW,GAAG,OAAO,CAAC;IAC1B,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,KAAK,IAAI,KAAK,EAAE;AAClD,QAAA,WAAW,GAAG;YACZ,KAAK,GAAG,CAAC,MAAM,GAAG,MAAM;YACxB,CAAC;YACD,CAAC;YACD,KAAK,GAAG,CAAC,MAAM,GAAG,MAAM;YACxB,CAAC;YACD,CAAC;SACQ,CAAC;AACb,KAAA;AACD,IAAA,IAAI,KAAK,EAAE;QACT,WAAW,GAAG,yBAAyB,CACrC,WAAW,EACX,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAsB,EACjE,IAAI,CACL,CAAC;AACH,KAAA;AACD,IAAA,IAAI,KAAK,EAAE;QACT,WAAW,GAAG,yBAAyB,CACrC,WAAW,EACX,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAsB,EACjE,IAAI,CACL,CAAC;AACH,KAAA;AACD,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;AAiBG;AAEI,MAAM,aAAa,GAAG,CAAC,EAKT,KAAY;AALH,IAAA,IAAA,EAC5B,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,CAAY,EAED,GAAA,EAAA,EADhB,YAAY,GAAA,MAAA,CAAA,EAAA,EAJa,qCAK7B,CADgB,CAAA;AAEf,IAAA,IAAI,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,CAAW,CAAC;AAC5D,IAAA,IAAI,KAAK,EAAE;AACT,QAAA,MAAM,GAAG,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACzE,KAAA;AACD,IAAA,MAAM,WAAW,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IACvD,IAAI,WAAW,KAAK,OAAO,EAAE;AAC3B,QAAA,MAAM,GAAG,yBAAyB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AACzD,KAAA;AACD,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC;;AC1ND;AAIA;;;;;;;;;;;AAWG;AAEI,MAAM,MAAM,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,KAAI;;;AAGlD,IAAA,IAAI,IAAI,EAAE;QACR,IAAI,CAACA,QAAM,CAAC,YAAY,IAAI,MAAM,YAAY,OAAO,EAAE;;YAErD,WAAW,GAAG,MAAM,CAAC;AACtB,SAAA;AAAM,aAAA,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAChC,WAAW,GAAG,EAAE,CAAC;AACjB,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACjD,gBAAA,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC9C,aAAA;AACF,SAAA;AAAM,aAAA,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC/C,YAAA,KAAK,MAAM,QAAQ,IAAI,MAAM,EAAE;AAC7B,gBAAA,IAAI,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,OAAO,EAAE;;;AAGjD,oBAAA,WAAW,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;AAC9B,iBAAA;AAAM,qBAAA,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE;AACjE,oBAAA,WAAW,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC;AAC5D,iBAAA;AACF,aAAA;AACF,SAAA;AAAM,aAAA;;YAEL,WAAW,GAAG,MAAM,CAAC;AACtB,SAAA;AACF,KAAA;AAAM,SAAA;AACL,QAAA,KAAK,MAAM,QAAQ,IAAI,MAAM,EAAE;YAC7B,WAAW,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAC1C,SAAA;AACF,KAAA;AACD,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;;AAOG;AAEH;AACO,MAAM,KAAK,GAAG,CAAC,MAAW,EAAE,IAAa,KAC9C,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAE;;AC5DjD;;;;;;AAMG;AACI,MAAM,eAAe,GAAG,CAC7B,SAAc,EACd,SAAc,EACd,YAAY,GAAG,KAAK,KAEpB,SAAS,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI;AACjC,IAAA,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM;AACrC,IAAA,SAAS,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW;AAC/C,IAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,IAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,IAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,IAAA,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS;AAC3C,IAAA,SAAS,CAAC,mBAAmB,KAAK,SAAS,CAAC,mBAAmB;AAC/D,IAAA,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM;AACrC,KAAC,YAAY;AACX,SAAC,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACxC,YAAA,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS;YAC3C,SAAS,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;AAExD;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAG,CAAC,MAAW,EAAE,IAAY,KAAI;AACzD,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAChC,WAAW,GAAG,EAAE,CAAC;IACnB,IAAI,SAAS,GAAG,CAAC,CAAC,EAChB,SAAS,GAAG,EAAE,CAAC;;AAEjB,IAAA,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;;AAG7B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACzC,QAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;;AAEd,YAAA,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACjC,SAAS;AACV,SAAA;;AAED,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,YAAA,SAAS,EAAE,CAAC;YACZ,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;AAE/B,YAAA,IAAI,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClD,IAAI,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE;oBAC/C,WAAW,CAAC,IAAI,CAAC;AACf,wBAAA,KAAK,EAAE,SAAS;wBAChB,GAAG,EAAE,SAAS,GAAG,CAAC;AAClB,wBAAA,KAAK,EAAE,SAAS;AACjB,qBAAA,CAAC,CAAC;AACJ,iBAAA;AAAM,qBAAA;;oBAEL,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AAC3C,iBAAA;AACF,aAAA;AACD,YAAA,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;;;AAQG;AACI,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,IAAY,KAAI;AAC3D,IAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC1B,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;AACD,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAChC,YAAY,GAAG,EAAS,CAAC;IAC3B,IAAI,SAAS,GAAG,CAAC,CAAC,EAChB,UAAU,GAAG,CAAC,CAAC;;AAEjB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;;AAEzC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,YAAA,SAAS,EAAE,CAAC;;YAEZ,IACE,MAAM,CAAC,UAAU,CAAC;AAClB,gBAAA,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI,SAAS;AACrC,gBAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAClC;;gBAEA,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;;AAExC,gBAAA,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAE,CAAC;;gBAErD,IAAI,SAAS,KAAK,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE;AAC5C,oBAAA,UAAU,EAAE,CAAC;AACd,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACtB,CAAC;;ACjHD;;;;;AAKG;AACI,MAAM,mBAAmB,GAAG,MACjCA,QAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAE1C;;;;;AAKG;AACI,MAAM,WAAW,GAAG,MACzBA,QAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAEvC;;;;;;AAMG;AACI,MAAM,iBAAiB,GAAG,CAC/B,MAAyB,KACJ;;AACrB,IAAA,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;AACxC,IAAA,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AAC/B,IAAA,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACjC,IAAA,CAAA,EAAA,GAAA,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpD,IAAA,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF;;;;;;;;;AASG;AACI,MAAM,SAAS,GAAG,CACvB,QAA2B,EAC3B,MAAmB,EACnB,OAAe,KACZ,QAAQ,CAAC,SAAS,CAAC,CAAA,MAAA,EAAS,MAAM,CAAE,CAAA,EAAE,OAAO,CAAC;;ACnDnD;;;;;;;AAOG;AACI,MAAM,OAAO,GAAG,CAAC,MAAuB,EAAE,cAAsB,KACrE,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;;ACJpD;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,IAAoB,KAAI;IACvD,MAAM,gBAAgB,GAAG,CAAC,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACzE,IAAA,QAAQ,IAAI;AACV,QAAA,KAAA,gBAAA;YACE,OAAO,gBAAgB,CAAC,MAAM,CAAC;gBAC7B,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,eAAe;gBACf,mBAAmB;AACpB,aAAA,CAAC,CAAC;AACL,QAAA,KAAK,gBAAgB;YACnB,OAAO,gBAAgB,CAAC,MAAM,CAAC;gBAC7B,eAAe;gBACf,mBAAmB;gBACnB,IAAI;gBACJ,IAAI;gBACJ,GAAG;gBACH,IAAI;gBACJ,IAAI;gBACJ,IAAI;AACL,aAAA,CAAC,CAAC;AACL,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC;AAC5E,KAAA;AACD,IAAA,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF;;;;;;AAMG;AACI,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,QAAgB,KAAI;AAC3D,IAAA,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EACjC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,qBAAqB,CAAC;AAClC,KAAA;AACD,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;IACvB,QAAQ,IAAI,aAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAG,CAAC,CAAC;AACf,QAAA,KAAA,IAAA;AACE,YAAA,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC;AAE/B,QAAA,KAAA,IAAA;AACE,YAAA,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC;AAE/B,QAAA,KAAA,IAAA;YACE,OAAO,MAAM,GAAG,GAAG,CAAC;AAEtB,QAAA,KAAA,IAAA;YACE,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;AAE7B,QAAA,KAAA,IAAA;AACE,YAAA,OAAO,CAAC,CAAC,MAAM,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;AAEpC,QAAA,KAAA,IAAA;YACE,OAAO,MAAM,GAAG,QAAQ,CAAC;AAE3B,QAAA;AACE,YAAA,OAAO,MAAM,CAAC;AACjB,KAAA;AACH,CAAC,CAAC;AAEF;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,QAAe,KAAI;AAClD,IAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACrC,QAAA,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpB,KAAA;AACD,IAAA,OAAO,IAAIA,QAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACpC,CAAC,CAAC;AAoBF;AACA,MAAM,UAAU,GAAG,CAAC,KAAa,KAAiB;;AAEhD,IAAA,IAAI,KAAK,IAAI,KAAK,KAAA,MAAA,uBAAqB;AACrC,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAc,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAc,CAAC,CAAC;AACzE,KAAA;SAAM,IAAI,KAAK,kCAAqB;AACnC,QAAA,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACvB,KAAA;AACD,IAAA,OAAO,sDAA8B,CAAC;AACxC,CAAC,CAAC;AAEF;;;;;AAKG;AACI,MAAM,iCAAiC,GAAG,CAC/C,SAAiB,KACI;AACrB,IAAA,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAGzD,CAAC;IACF,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/C,OAAO;QACL,WAAW,EAAE,UAAU,IAAoB,MAAA;QAC3C,MAAM;QACN,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;AAKG;AACI,MAAM,WAAW,GAAG,CAAC,SAAiB,KAC3C,SAAS;IACT,SAAS;AACN,SAAA,GAAG,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC;SAC1D,IAAI,CAAC,GAAG,CAAC;AACZ,IAAA,GAAG;;ACpJL;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,CAC5B,MAAuB,EACvB,WAA4B,KAE5B,IAAI,CAAC,GAAG,CACN,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EAChC,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CACnC,CAAC;AAEJ;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,CAC9B,MAAuB,EACvB,WAA4B,KAE5B,IAAI,CAAC,GAAG,CACN,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EAChC,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CACnC;;AC/CI,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAa,EAAE,GAAW,KAC9D,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;;ACErC;;;;;;AAMG;AACI,MAAM,yBAAyB,GAAG,CAAC,MAAgB,KAAW;AACnE,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO;AACL,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,MAAM,EAAE,CAAC;SACV,CAAC;AACH,KAAA;AAED,IAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,CAChC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,IAAI,KAAI;QACrB,OAAO;AACL,YAAA,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;AAClB,YAAA,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;SACnB,CAAC;KACH,EACD,EAAE,GAAG,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CACzD,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE/B,OAAO;QACL,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,GAAG,EAAE,GAAG,CAAC,CAAC;QACV,KAAK,EAAE,IAAI,CAAC,CAAC;QACb,MAAM,EAAE,IAAI,CAAC,CAAC;KACf,CAAC;AACJ,CAAC;;AC1BD;;;;;;;;;;;AAWG;AACI,MAAM,yBAAyB,GAAG,CACvC,MAAoB,EACpB,SAAiB,KACf;AACF,IAAA,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,EACzC,cAAc,GAAG,yBAAyB,CACxC,QAAQ,EACR,MAAM,CAAC,aAAa,EAAE,CACvB,CAAC;AACJ,IAAA,sBAAsB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;;;;;;AAQG;AACI,MAAM,oBAAoB,GAAG,CAAC,MAAoB,EAAE,SAAiB,KAC1E,sBAAsB,CACpB,MAAM,EACN,yBAAyB,CAAC,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CAC7D,CAAC;AAEJ;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,CACpC,MAAoB,EACpB,SAAiB,KACf;AACF,IAAA,MAAM,EACF,GAAA,WAAW,CAAC,SAAS,CAAC,EADpB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAA,GAAA,EACpB,EADyB,YAAY,GAAzD,MAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAA2D,CAAF,EAE7D,MAAM,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAC7C,IAAA,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AACrB,IAAA,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AACrB,IAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpC,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/B,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC;AACF;;;;;AAKG;AACI,MAAM,oBAAoB,GAAG,CAAC,MAAoB,KAAI;AAC3D,IAAA,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAClB,IAAA,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAClB,IAAA,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;AACjB,IAAA,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;AACjB,IAAA,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AACrB,IAAA,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AACrB,IAAA,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF;;;;;;AAMG;AACI,MAAM,mBAAmB,GAAG,CAAC,MAAoB,MAAM;IAC5D,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,GAAG,EAAE,MAAM,CAAC,GAAG;AAChB,CAAA,CAAC,CAAC;AAEH;;;;;;;;;;;;;;AAcG;AACI,MAAM,kBAAkB,GAAG,CAChC,KAAa,EACb,MAAc,EACd,OAAyB,KACvB;IACF,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,EACpB,IAAI,GAAG,MAAM,GAAG,CAAC,EACjB,eAAe,GAAG,oBAAoB,CAAC,OAAO,CAAC,EAC/C,MAAM,GAAG;AACP,QAAA,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC;AACvB,QAAA,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;AACtB,QAAA,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;KACtB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,EAC1C,IAAI,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AAC5C,CAAC;;AC5HD;;;;;;AAMG;AACI,MAAM,qBAAqB,GAAG,CACnC,IAAe,GAAA,OAAO,EACtB,EAAA,GAAa,OAAO,KACjB,yBAAyB,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;AAE1D;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,gBAAgB,GAAG,CAC9B,KAAY,EACZ,IAAA,GAAe,OAAO,EACtB,EAAa,GAAA,OAAO;AAEpB;AACA;AACA,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AAEnD;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,8BAA8B,GAAG,CAC5C,KAAY,EACZ,MAAW,EACX,cAA8B,EAC9B,aAA6B,KACpB;;AAET,IAAA,IACE,cAAc,KAAyB,OAAA;AACvC,QAAA,cAAc,6CACd;AACA,QAAA,MAAM,IAAI,KAAK,CAAC,mCAAmC,GAAG,cAAc,CAAC,CAAC;AACvE,KAAA;AACD,IAAA,IACE,aAAa,KAAyB,OAAA;AACtC,QAAA,aAAa,6CACb;AACA,QAAA,MAAM,IAAI,KAAK,CAAC,mCAAmC,GAAG,aAAa,CAAC,CAAC;AACtE,KAAA;IACD,IAAI,cAAc,KAAK,aAAa,EAAE;AACpC,QAAA,OAAO,KAAK,CAAC;AACd,KAAA;AACD,IAAA,MAAM,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACnC,IAAA,OAAO,KAAK,CAAC,SAAS,CAAC,aAAa,KAAK,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7E,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI,MAAM,iBAAiB,GAAG,CAC/B,MAAe,EACf,IAAa,EACb,EAAW,KACD;IACV,MAAM,CAAC,GAAG,qBAAqB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC1C,IAAA,sBAAsB,CACpB,MAAM,EACN,yBAAyB,CAAC,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CACrD,CAAC;AACF,IAAA,OAAO,CAAC,CAAC;AACX,CAAC;;ACzID;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,MAAc,KACrC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,KAAK,EAAE,SAAS,EAAA;AAClD,IAAA,OAAO,SAAS,GAAG,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;AAClD,CAAC,CAAC,CAAC;AAEL;;;;;;;;AAQG;AACI,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,eAAe,GAAG,KAAK,KAChE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAC/B,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EACjE,CAAA,CAAE,CAAC;AAEL;;;;;AAKG;AACI,MAAM,SAAS,GAAG,CAAC,MAAc,KACtC,MAAM;AACH,KAAA,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;AACtB,KAAA,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;AACvB,KAAA,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;AACvB,KAAA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;AACrB,KAAA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAE3B;;;;;AAKG;AACI,MAAM,aAAa,GAAG,CAAC,UAAkB,KAAc;IAC5D,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC/C,QAAA,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,KAAK,EAAE;YACjD,SAAS;AACV,SAAA;AACD,QAAA,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrB,KAAA;AACD,IAAA,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF;AACA,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,CAAS,KAAY;IACtD,MAAM,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC/B,IAAA,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE;QACf,OAAO,EAAE,CAAC;AACX,KAAA;AACD,IAAA,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;AAClC,QAAA,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtB,KAAA;;;AAID,IAAA,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,MAAM,EAAE;AACpC,QAAA,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE;AACvB,YAAA,MAAM,gDAAgD,CAAC;AACxD,SAAA;QACD,MAAM,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACnC,QAAA,IAAI,MAAM,GAAG,IAAI,IAAI,IAAI,GAAG,MAAM,EAAE;AAClC,YAAA,MAAM,gDAAgD,CAAC;AACxD,SAAA;AACD,QAAA,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1C,KAAA;;IAED,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,QAAA,MAAM,gDAAgD,CAAC;AACxD,KAAA;IACD,MAAM,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAInC,IAAA,IAAI,MAAM,GAAG,IAAI,IAAI,IAAI,GAAG,MAAM,EAAE;AAClC,QAAA,MAAM,gDAAgD,CAAC;AACxD,KAAA;;;AAGD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC;;ACxFD;;;;;;AAMG;AACI,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,SAAS,GAAGA,QAAM,KACvD,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAO9C;;;;;;;;AAQG;AACI,MAAM,SAAS,GAAG,CACvB,GAAW,EACX,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,EAAuB,GAAA,EAAE,KAErD,IAAI,OAAO,CAAmB,UAAU,OAAO,EAAE,MAAM,EAAA;AACrD,IAAA,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE;QAC5B,OAAO,MAAM,CAAC,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC,CAAC;AACpE,KAAA;AACD,IAAA,MAAM,GAAG,GAAG,WAAW,EAAE,CAAC;AAC1B,IAAA,IAAI,KAAyC,CAAC;AAC9C,IAAA,IAAI,MAAM,EAAE;QACV,KAAK,GAAG,UAAU,GAAU,EAAA;AAC1B,YAAA,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC;YACb,MAAM,CAAC,GAAG,CAAC,CAAC;AACd,SAAC,CAAC;AACF,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACzD,KAAA;AACD,IAAA,MAAM,IAAI,GAAG,YAAA;QACX,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAChC,QAAA,KAAK,KAAI,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA,CAAC;QACrD,OAAO,CAAC,GAAG,CAAC,CAAC;AACf,KAAC,CAAC;IACF,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,IAAI,EAAE,CAAC;QACP,OAAO;AACR,KAAA;AACD,IAAA,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,OAAO,GAAG,YAAA;AACZ,QAAA,KAAK,KAAI,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA,CAAC;QACrD,MAAM,CAAC,IAAI,KAAK,CAAC,gBAAgB,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD,KAAC,CAAC;IACF,WAAW,KAAK,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC;AAC/C,IAAA,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAChB,CAAC,CAAC,CAAC;AAQL;;;;;;;;;;;AAWG;AACI,MAAM,cAAc,GAAG,CAC5B,OAAc,EACd,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,GAAGA,QAAM,EAA2B,GAAA,EAAE,KAEzE,IAAI,OAAO,CAAY,CAAC,OAAO,EAAE,MAAM,KAAI;IACzC,MAAM,SAAS,GAAc,EAAE,CAAC;AAChC,IAAA,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACnE,IAAA,OAAO,CAAC,GAAG,CACT,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KACd,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;SAC1B,UAAU,CAAC,GAAG,EAAE;QACf,MAAM;QACN,OAAO;QACP,SAAS;KACV,CAAC;AACD,SAAA,IAAI,CAAC,CAAC,cAAuB,KAAI;AAChC,QAAA,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;AAC7B,QAAA,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/B,QAAA,OAAO,cAAc,CAAC;KACvB,CAAC,CACL,CACF;SACE,IAAI,CAAC,OAAO,CAAC;AACb,SAAA,KAAK,CAAC,CAAC,KAAK,KAAI;;AAEf,QAAA,SAAS,CAAC,OAAO,CAAC,UAAU,QAAQ,EAAA;AAClC,YAAA,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;AACzC,SAAC,CAAC,CAAC;QACH,MAAM,CAAC,KAAK,CAAC,CAAC;AAChB,KAAC,CAAC;SACD,OAAO,CAAC,MAAK;QACZ,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AACxD,KAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEL;;;;;;;;AAQG;AACI,MAAM,uBAAuB,GAAG,CACrC,gBAAqB,EACrB,EAAE,MAAM,EAA+B,GAAA,EAAE,KAEzC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;IAC9B,MAAM,SAAS,GAAU,EAAE,CAAC;AAC5B,IAAA,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;;AAEnE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAU,KAAI;QAClE,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;;QAED,IAAI,KAAK,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,IAAIA,QAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACnC,SAAA;;QAED,IAAI,KAAK,CAAC,IAAI,EAAE;AACd,YAAA,OAAO,cAAc,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAI;AAC5D,gBAAA,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACxB,gBAAA,OAAO,OAAO,CAAC;AACjB,aAAC,CAAC,CAAC;AACJ,SAAA;;QAED,IAAI,KAAK,CAAC,MAAM,EAAE;AAChB,YAAA,OAAOA,QAAM,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CACtD,CAAC,OAAY,KAAI;AACf,gBAAA,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACxB,gBAAA,OAAO,OAAO,CAAC;AACjB,aAAC,CACF,CAAC;AACH,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAC3C,IAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AAClB,SAAA,IAAI,CAAC,CAAC,OAAO,KAAI;QAChB,OAAO,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAA;YAClD,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC;AAC5B,YAAA,OAAO,GAAG,CAAC;SACZ,EAAE,EAAE,CAAC,CAAC;AACT,KAAC,CAAC;SACD,IAAI,CAAC,OAAO,CAAC;SACb,KAAK,CAAC,UAAU,KAAK,EAAA;;AAEpB,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;AAC7B,YAAA,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;AACzC,SAAC,CAAC,CAAC;QACH,MAAM,CAAC,KAAK,CAAC,CAAC;AAChB,KAAC,CAAC;AACD,SAAA,OAAO,CAAC,YAAA;QACP,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AACxD,KAAC,CAAC,CAAC;AACP,CAAC,CAAC;;ACrLJ;;;;;AAKG;AACI,MAAM,IAAI,GAAG,CAAI,MAAS,EAAE,IAAA,GAAoB,EAAE,KAAI;IAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,KAAI;QAC5B,IAAI,GAAG,IAAI,MAAM,EAAE;YACjB,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACtB,SAAA;AACD,QAAA,OAAO,CAAC,CAAC;KACV,EAAE,EAAgB,CAAC,CAAC;AACvB,CAAC;;ACbD;AAEM,SAAU,WAAW,CAAC,GAAG,EAAA;AAC7B,IAAA,OAAO,IAAI,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;AACxD;;ACJA;AAGO,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,KAAK,GAAG,iDAAiD,CAAC;AAEhE,MAAM,KAAK,GAAG,4BAA4B,CAAC;AAE3C,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AAExC,MAAM,aAAa,GACxB,wDAAwD,CAAC;AAEpD,MAAM,iBAAiB,GAAG,IAAI,MAAM,CACzC,8CAA8C;IAC5C,wEAAwE;IACxE,KAAK;IACL,0CAA0C;IAC1C,KAAK;AACL,IAAA,aAAa,CAChB,CAAC;AAEK,MAAM,gBAAgB,GAAG;IAC5B,MAAM;IACN,QAAQ;IACR,SAAS;IACT,UAAU;IACV,SAAS;IACT,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;AACP,CAAA,EACD,kBAAkB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,EAC5E,mBAAmB,GAAG;IACpB,SAAS;IACT,MAAM;IACN,QAAQ;IACR,UAAU;IACV,UAAU;IACV,MAAM;IACN,MAAM;AACP,CAAA,EACD,eAAe,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,EACjE,aAAa,GAAG;AACd,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,CAAC,EAAE,QAAQ;AACX,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,SAAS,EAAE,iBAAiB;AAC5B,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,WAAW,EAAE,UAAU;AACvB,IAAA,aAAa,EAAE,YAAY;AAC3B,IAAA,WAAW,EAAE,UAAU;AACvB,IAAA,YAAY,EAAE,WAAW;AACzB,IAAA,aAAa,EAAE,YAAY;AAC3B,IAAA,gBAAgB,EAAE,aAAa;AAC/B,IAAA,aAAa,EAAE,YAAY;AAC3B,IAAA,kBAAkB,EAAE,iBAAiB;AACrC,IAAA,mBAAmB,EAAE,kBAAkB;AACvC,IAAA,gBAAgB,EAAE,eAAe;AACjC,IAAA,iBAAiB,EAAE,gBAAgB;AACnC,IAAA,mBAAmB,EAAE,kBAAkB;AACvC,IAAA,gBAAgB,EAAE,eAAe;AACjC,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,iBAAiB,EAAE,gBAAgB;AACnC,IAAA,aAAa,EAAE,YAAY;AAC3B,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,WAAW,EAAE,UAAU;AACvB,IAAA,WAAW,EAAE,UAAU;AACvB,IAAA,eAAe,EAAE,eAAe;AAChC,IAAA,iBAAiB,EAAE,gBAAgB;AACpC,CAAA,EACD,eAAe,GAAG;AAChB,IAAA,MAAM,EAAE,eAAe;AACvB,IAAA,IAAI,EAAE,aAAa;AACpB,CAAA,EACD,KAAK,GAAG,WAAW,EACnB,KAAK,GAAG,WAAW,CAAC;AAEf,MAAM,qBAAqB,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;AAE5D,MAAM,uBAAuB,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;AAEhE,MAAM,wBAAwB,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAEjE;AACA;AACO,MAAM,kBAAkB,GAAG,IAAI,MAAM,CAC1C,GAAG;IACD,OAAO;IACP,KAAK;IACL,UAAU;IACV,OAAO;IACP,KAAK;IACL,UAAU;IACV,OAAO;IACP,KAAK;IACL,UAAU;IACV,OAAO;IACP,KAAK;IACL,QAAQ;AACR,IAAA,GAAG,CACN;;AC/GD;AAYA,MAAM,cAAc,GAAG;AACrB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;CACL,CAAC;AACF,MAAM,gBAAgB,GAAG;AACvB,IAAA,CAAC,EAAE,GAAG;AACN,IAAA,CAAC,EAAE,GAAG;CACP,CAAC;AAEF,MAAM,eAAe,GAAG,CACtB,GAAG,EACH,GAAG,EACH,KAAK,EACL,KAAK,EACL,EAAE,EACF,EAAE,EACF,GAAG,EACH,GAAG,EACH,EAAE,EACF,KAAK,EACL,KAAK,KACH;AACF,IAAA,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,EACrB,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,EACjB,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,EACjB,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,EACjB,GAAG,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,GAAG,EACrD,GAAG,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,GAAG,EACrD,IAAI,GAAG,KAAK,GAAG,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,EAChE,IAAI,GAAG,KAAK,GAAG,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,EAChE,IAAI,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,EAC7D,IAAI,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,MAAM,GAAG,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC;AAEhE,IAAA,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;AAGG;AACH,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,KAAI;IAChE,IAAI,KAAK,GAAG,CAAC,EACX,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,CAAC;IACX,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,EAChB,EAAE,GAAG,OAAO,GAAG,OAAO,EACtB,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC,EACf,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC,EACf,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,CAAC,EACvC,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,CAAC,EACvC,GAAG,GAAG,EAAE,IAAI,CAAC,EACb,GAAG,GAAG,EAAE,IAAI,CAAC,EACb,GAAG,GAAG,EAAE,IAAI,CAAC,EACb,GAAG,GAAG,EAAE,IAAI,CAAC,EACb,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACvB,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAEvB,IAAI,EAAE,GAAG,CAAC,EAAE;AACV,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;QAC1C,GAAG,IAAI,CAAC,CAAC;QACT,GAAG,IAAI,CAAC,CAAC;AACV,KAAA;AAAM,SAAA;QACL,IAAI;AACF,YAAA,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAC5E,KAAA;IAED,MAAM,EAAE,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,EAChC,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,EAC7B,GAAG,GAAG,KAAK,GAAG,EAAE,GAAG,KAAK,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,EACzC,GAAG,GAAG,KAAK,GAAG,EAAE,GAAG,KAAK,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5C,IAAI,MAAM,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC;AACrE,IAAA,IAAI,MAAM,GAAG,eAAe,CAC1B,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,EACf,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,EACf,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,EAChB,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,CACjB,CAAC;AAEF,IAAA,IAAI,KAAK,KAAK,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE;AAC7B,QAAA,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC;AAClB,KAAA;AAAM,SAAA,IAAI,KAAK,KAAK,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE;AACpC,QAAA,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC;AAClB,KAAA;;AAGD,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,EACrD,MAAM,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,EAC5B,MAAM,GAAG,MAAM,GAAG,QAAQ,EAC1B,EAAE,GACA,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;AACtD,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACzB,IAAA,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;IAE1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;AACjC,QAAA,MAAM,CAAC,CAAC,CAAC,GAAG,eAAe,CACzB,MAAM,EACN,GAAG,EACH,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,EAAE,EACF,KAAK,EACL,KAAK,CACN,CAAC;QACF,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrB,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrB,MAAM,GAAG,GAAG,CAAC;QACb,GAAG,IAAI,MAAM,CAAC;AACf,KAAA;AACD,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;AAEG;AACH,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAI;IACzC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,EAC3B,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,IAAI,EAAE,IAAI,EAAE,EAAE;QACZ,OAAO,EAAE,GAAG,EAAE,CAAC;AAChB,KAAA;AAAM,SAAA;QACL,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AAChC,KAAA;AACH,CAAC,CAAC;AAEF;AACA;AACA,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC1B,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACxC,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACxC,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAEhC;;;;;;;;;;AAUG;AACH;AACA;SACgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;AAC7D,IAAA,IAAI,UAAU,CAAC;IACf,IAAI,MAAM,CAAC,mBAAmB,EAAE;;QAE9B,UAAU,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;AACnC,QAAA,IAAI,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,OAAO,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAC7C,SAAA;AACF,KAAA;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EACpB,GAAG,GAAG,IAAI,CAAC,GAAG,EACd,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AAEpB,IAAA,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;AAClC,IAAA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;IAC3C,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;IAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE;QAC1B,IAAI,CAAC,GAAG,CAAC,EAAE;AACT,YAAA,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;AAC9B,YAAA,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YACvC,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;AACrB,SAAA;AAED,QAAA,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE;AAClB,YAAA,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE;gBAClB,SAAS;AACV,aAAA;AACD,YAAA,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACjB,YAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;AAClB,gBAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACjB,aAAA;YACD,SAAS;AACV,SAAA;QACD,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,IAAI,GAAG,CAAC,EAAE;YACZ,SAAS;AACV,SAAA;AACD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;AAC5B,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,QAAA,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE;AACpB,YAAA,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB,SAAA;AACD,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,QAAA,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE;AACpB,YAAA,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB,SAAA;AACF,KAAA;AAED,IAAA,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IACvB,MAAM,IAAI,GAAG,CAAC,CAAC;IACf,MAAM,QAAQ,GAAG,6BAA6B,CAC5C,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,CACH,CAAC;IACF,OAAO,CAAC,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACjB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAClB,KAAA;IAED,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IACrB,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IACrB,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;IACzB,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;AACzB,IAAA,MAAM,MAAM,GAAG;QACb,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;KAC1D,CAAC;IACF,IAAI,MAAM,CAAC,mBAAmB,EAAE;AAC9B,QAAA,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;AAC/C,KAAA;AACD,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,CAC9B,EAAE,EACF,EAAE,EACF,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,KACzC;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAE5E,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;QACnD,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AACtB,KAAA;AACD,IAAA,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF;;;;;;AAMG;AACI,MAAM,eAAe,GAAG,CAAC,IAAI,KAAI;;;;AAItC,IAAA,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,CAAC;AACR,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;;;;AAIxB,IAAA,IAAI,EAAE,GAAG,CAAC,EACR,EAAE,GAAG,CAAC,CAAC;;;IAGT,IAAI,eAAe,GAAG,EAAE,EACtB,QAAQ,EACR,QAAQ,EACR,QAAQ,CAAC;IACX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,EAAE;QAC5B,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACjC,QAAA,QACE,OAAO,CAAC,CAAC,CAAC;AACV;YACA,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;AACN,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACf,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;gBACf,MAAM;YACR,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;AACN,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;AACN,gBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,gBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;;gBAEN,IAAI,QAAQ,KAAK,GAAG,EAAE;;AAEpB,oBAAA,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;AAC5B,oBAAA,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;AAC7B,iBAAA;AAAM,qBAAA;;;oBAGL,QAAQ,GAAG,CAAC,CAAC;oBACb,QAAQ,GAAG,CAAC,CAAC;AACd,iBAAA;AACD,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;gBACjB,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACxB,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACxB,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACxB,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACxB,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AACtB,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;;;AAGtB,gBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,gBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACtB,MAAM;YACR,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;AACN,gBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,gBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;gBACN,IAAI,QAAQ,KAAK,GAAG,EAAE;;AAEpB,oBAAA,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;AAC5B,oBAAA,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;AAC7B,iBAAA;AAAM,qBAAA;;;oBAGL,QAAQ,GAAG,CAAC,CAAC;oBACb,QAAQ,GAAG,CAAC,CAAC;AACd,iBAAA;AACD,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AACtB,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AACtB,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACf,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;gBACf,MAAM;AACR,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAChB,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;AAElB,YAAA,KAAK,GAAG;gBACN,SAAS,GAAG,IAAI,CAAC;AACjB,gBAAA,eAAe,GAAG,eAAe,CAAC,MAAM,CACtC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAChC,CAAC;AACF,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,gBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;AACR,YAAA,KAAK,GAAG,CAAC;AACT,YAAA,KAAK,GAAG;gBACN,CAAC,GAAG,EAAE,CAAC;gBACP,CAAC,GAAG,EAAE,CAAC;gBACP,MAAM;AAET,SAAA;QACD,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACvB,KAAA;AACD,IAAA,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEF;AACA;;;;;;;AAOG;AACH,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KACpC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAE7C,MAAM,6BAA6B,GACjC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,KAAI;IAClD,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EACjB,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EACb,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EACb,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAChB,OAAO;AACL,QAAA,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;AAC5C,QAAA,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;KAC7C,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC1B,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACnC,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAEhC,MAAM,uBAAuB,GAC3B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,KAAI;AAClD,IAAA,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,EAClB,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,EACd,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,EACd,QAAQ,GACN,CAAC,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,EACjE,QAAQ,GACN,CAAC,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;IACpE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxC,CAAC,CAAC;AAEJ,MAAM,iCAAiC,GACrC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,KAAI;IACxC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EACjB,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EACb,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAChB,OAAO;QACL,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;QACjC,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;KAClC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,2BAA2B,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,KAAI;IAC5E,MAAM,IAAI,GAAG,CAAC,GAAG,GAAG,EAClB,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,EACvD,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;IAC1D,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF;AACA;AACA,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAI;AACxC,IAAA,IAAI,KAAK,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAC1B,MAAM,GAAG,CAAC,CAAC;AACb,IAAA,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,IAAI,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE;QACzC,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;AAC/B,QAAA,MAAM,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,KAAK,GAAG,CAAC,CAAC;AACX,KAAA;AACD,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;;;;AAOG;AACH,MAAM,yBAAyB,GAAG,CAAC,OAAO,EAAE,QAAQ,KAAI;AACtD,IAAA,IAAI,IAAI,GAAG,CAAC,EACV,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,EACtC,CAAC,EACD,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,QAAQ,CAAC;;;IAGX,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAC/B,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;AACpC,IAAA,OAAO,MAAM,GAAG,QAAQ,IAAI,QAAQ,GAAG,MAAM,EAAE;AAC7C,QAAA,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,GAAG,IAAI,CAAC;AAChB,QAAA,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;;AAErD,QAAA,IAAI,OAAO,GAAG,MAAM,GAAG,QAAQ,EAAE;;YAE/B,IAAI,IAAI,QAAQ,CAAC;YACjB,QAAQ,IAAI,CAAC,CAAC;AACf,SAAA;AAAM,aAAA;YACL,KAAK,GAAG,CAAC,CAAC;YACV,IAAI,IAAI,QAAQ,CAAC;YACjB,MAAM,IAAI,OAAO,CAAC;AACnB,SAAA;AACF,KAAA;AACD,IAAA,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;AAChC,IAAA,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF;;;;;AAKG;AACI,MAAM,mBAAmB,GAAG,CAAC,IAAI,KAAI;AAC1C,IAAA,IAAI,WAAW,GAAG,CAAC,EACjB,OAAO;;;IAGP,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,CAAC;IACd,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EACrB,IAAI,GAAG,EAAE,CAAC;IACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC5B,QAAA,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,QAAA,QAAQ,GAAG;AACT,YAAA,CAAC,EAAE,EAAE;AACL,YAAA,CAAC,EAAE,EAAE;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;SACpB,CAAC;AACF,QAAA,QACE,OAAO,CAAC,CAAC,CAAC;AACV;AACA,YAAA,KAAK,GAAG;AACN,gBAAA,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;AACpB,gBAAA,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACrB,gBAAA,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACrB,MAAM;AACR,YAAA,KAAK,GAAG;AACN,gBAAA,QAAQ,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AACjE,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;AACR,YAAA,KAAK,GAAG;AACN,gBAAA,QAAQ,GAAG,6BAA6B,CACtC,EAAE,EACF,EAAE,EACF,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,CACX,CAAC;AACF,gBAAA,WAAW,GAAG,uBAAuB,CACnC,EAAE,EACF,EAAE,EACF,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,CACX,CAAC;AACF,gBAAA,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC7B,gBAAA,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;gBACnC,QAAQ,CAAC,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACjD,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;AACR,YAAA,KAAK,GAAG;gBACN,QAAQ,GAAG,iCAAiC,CAC1C,EAAE,EACF,EAAE,EACF,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,CACX,CAAC;gBACF,WAAW,GAAG,2BAA2B,CACvC,EAAE,EACF,EAAE,EACF,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,CACX,CAAC;AACF,gBAAA,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC7B,gBAAA,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;gBACnC,QAAQ,CAAC,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACjD,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB,gBAAA,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;AACR,YAAA,KAAK,GAAG,CAAC;AACT,YAAA,KAAK,GAAG;;AAEN,gBAAA,QAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;AACpB,gBAAA,QAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;AACpB,gBAAA,QAAQ,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;gBACjD,EAAE,GAAG,EAAE,CAAC;gBACR,EAAE,GAAG,EAAE,CAAC;gBACR,MAAM;AACT,SAAA;AACD,QAAA,WAAW,IAAI,QAAQ,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrB,KAAA;AACD,IAAA,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AACjD,IAAA,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEK,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,KAAI;IACtD,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,KAAK,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;AACnC,KAAA;IACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACV,IAAA,OAAO,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7D,QAAA,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5B,QAAA,CAAC,EAAE,CAAC;AACL,KAAA;;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,EACtB,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,MAAM,EACtC,OAAO,GAAG,OAAO,CAAC,OAAO,EACzB,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACpB,IAAA,IAAI,IAAI,CAAC;AAET,IAAA,QAAQ,OAAO;AACb,QAAA,KAAK,GAAG;AACN,YAAA,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAClD,QAAA,KAAK,GAAG,CAAC;AACT,QAAA,KAAK,GAAG;AACN,YAAA,IAAI,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CACzC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EACvC,UAAU,CACX,CAAC;YACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CACrB,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,EACzB,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAC1B,CAAC;AACF,YAAA,OAAO,IAAI,CAAC;AACd,QAAA,KAAK,GAAG;AACN,YAAA,IAAI,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CACzC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EACjC,UAAU,CACX,CAAC;YACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACxE,YAAA,OAAO,IAAI,CAAC;AACd,QAAA,KAAK,GAAG;AACN,YAAA,OAAO,yBAAyB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AACtD,QAAA,KAAK,GAAG;AACN,YAAA,OAAO,yBAAyB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AACvD,KAAA;AACH,CAAC,CAAC;AAEF;;;;;;;;;;;AAWG;AACI,MAAM,SAAS,GAAG,CAAC,UAAU,KAAI;;IAEtC,MAAM,EAAE,GAAG,aAAa,EACtB,OAAO,GAAG,qDAAqD,EAC/D,eAAe,GAAG,CAAI,CAAA,EAAA,OAAO,IAAI,QAAQ,CAAA,CAAE,EAC3C,aAAa,GAAG,CAAA,MAAA,EAAS,QAAQ,CAAG,CAAA,CAAA,EACpC,OAAO,GAAG,CAAG,EAAA,eAAe,IAAI,eAAe,CAAA,CAAA,EAAI,eAAe,CAAA,EAAG,aAAa,CAAA,EAAG,aAAa,CAAG,EAAA,eAAe,CAAK,EAAA,EAAA,OAAO,CAAG,CAAA,CAAA,EACnI,sBAAsB,GAAG,IAAI,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,EACjD,MAAM,GAAG,EAAE,CAAC;AAEd,IAAA,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;AACpC,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;IACD,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;AAE9D,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC/C,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5B,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9C,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,IAAI,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpC,QAAA,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC;AAE/B,QAAA,IAAI,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE;;AAEjC,YAAA,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,sBAAsB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAK;AAChE,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACpC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACtB,iBAAA;AACF,aAAA;AACF,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,KAAK,CAAC;YACV,QAAQ,KAAK,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG;gBACnC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACvB,aAAA;AACF,SAAA;AAED,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;YACnD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AAClB,gBAAA,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,aAAA;AACF,SAAA;AAED,QAAA,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,EACzD,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC;AAEzD,QAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,EAAE;AAC3C,YAAA,KACE,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,YAAY,CAAC,MAAM,EACrC,CAAC,GAAG,IAAI,EACR,CAAC,IAAI,aAAa,EAClB;gBACA,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;gBACxE,OAAO,GAAG,eAAe,CAAC;AAC3B,aAAA;AACF,SAAA;AAAM,aAAA;AACL,YAAA,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;;;AAMG;AACI,MAAM,uBAAuB,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,CAAC,KAAI;AAChE,IAAA,IAAI,EAAE,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC3B,EAAE,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACzB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,CAAC,CAAC;AAChB,IAAA,MAAM,IAAI,GAAG,EAAE,EACb,GAAG,GAAG,MAAM,CAAC,MAAM,EACnB,UAAU,GAAG,GAAG,GAAG,CAAC,CAAC;AAEvB,IAAA,IAAI,UAAU,EAAE;AACd,QAAA,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACnE,QAAA,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACpE,KAAA;IACD,IAAI,CAAC,IAAI,CAAC;QACR,GAAG;AACH,QAAA,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,UAAU;AAC7B,QAAA,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,UAAU;AAC9B,KAAA,CAAC,CAAC;AACH,IAAA,IAAI,CAAC,CAAC;IACN,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACxB,QAAA,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACd,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;;;;YAIrC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,SAAA;AACD,QAAA,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACf,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE;AACzB,YAAA,EAAE,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACpB,SAAA;AACF,KAAA;AACD,IAAA,IAAI,UAAU,EAAE;AACd,QAAA,SAAS,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3E,QAAA,SAAS,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5E,KAAA;IACD,IAAI,CAAC,IAAI,CAAC;QACR,GAAG;AACH,QAAA,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,UAAU;AAC7B,QAAA,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,UAAU;AAC9B,KAAA,CAAC,CAAC;AACH,IAAA,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;;;;;;;;AAUG;AACI,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,KAAI;AAC3D,IAAA,IAAI,UAAU,EAAE;AACd,QAAA,SAAS,GAAG,yBAAyB,CAAC,SAAS,EAAE;YAC/C,CAAC;YACD,CAAC;YACD,CAAC;YACD,CAAC;YACD,CAAC,UAAU,CAAC,CAAC;YACb,CAAC,UAAU,CAAC,CAAC;AACd,SAAA,CAAC,CAAC;AACJ,KAAA;AACD,IAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,KAAI;QAC9B,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACxC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AAClD,YAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,cAAc,CAC7B;AACE,gBAAA,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;AACjB,gBAAA,CAAC,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;aACtB,EACD,SAAS,CACV,CAAC;AACF,YAAA,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAClB,YAAA,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACvB,SAAA;AACD,QAAA,OAAO,UAAU,CAAC;AACpB,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;;AAKG;AACI,MAAM,qBAAqB,GAAG,CAAC,WAAW,EAAE,MAAM,KAAI;IAC3D,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,WAAW,CAAC;;;AAGlD,IAAA,IAAI,kBAAkB,GAAG,CAAC,MAAM,CAAC;AACjC,IAAA,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE;AACzB,QAAA,kBAAkB,IAAI,aAAa,GAAG,CAAC,CAAC;AACzC,KAAA;IACD,MAAM,CAAC,GAAG,IAAI,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE;AACpC,QAAA,MAAM,GAAG,GAAG,CAAC,GAAG,aAAa,GAAG,kBAAkB,CAAC;QACnD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,KAAA;AACD,IAAA,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACvB,IAAA,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF;;;;AAIG;AACI,MAAM,QAAQ,GAAG,CAAC,QAAQ,KAC/B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;AC/4BxD;AACA;AAEA;;;;;AAKG;AACa,SAAA,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAA;AACtC,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;IACnC,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO;AACR,KAAA;AAAM,SAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QACrC,OAAO,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,GAAG,MAAM,CAAC;AACvC,KAAA;AAAM,SAAA;QACL,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,KAC/C,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAC1C,CAAC;AACH,KAAA;AACH;;ACpBA;AAGA;;;;;;;;;;;;AAYG;SACa,OAAO,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,EAAA;IACvC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,GAAG,KAAK,EAClE,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,IAAI,EACvC,GAAG,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,EACxC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,UAAU,EACzC,MAAM,GAAG,OAAO,CAAC,MAAM,EACvB,KAAK,GAAG,YAAA;QACN,GAAG,CAAC,KAAK,EAAE,CAAC;KACb,EACD,cAAc,GAAG,YAAA;QACf,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACrD,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC;AACrC,KAAC,CAAC;AAEJ,IAAA,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE;AAC5B,QAAA,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;AAC3D,KAAA;AAAM,SAAA,IAAI,MAAM,EAAE;AACjB,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACzD,KAAA;;IAGD,GAAG,CAAC,kBAAkB,GAAG,YAAA;AACvB,QAAA,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC,EAAE;AACxB,YAAA,cAAc,EAAE,CAAC;YACjB,UAAU,CAAC,GAAG,CAAC,CAAC;AAChB,YAAA,GAAG,CAAC,kBAAkB,GAAG,IAAI,CAAC;AAC/B,SAAA;AACH,KAAC,CAAC;IAEF,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,SAAS,GAAG,cAAc,CAAC;AAE7C,IAAA,IAAI,MAAM,KAAK,KAAK,IAAI,OAAO,CAAC,UAAU,EAAE;AAC1C,QAAA,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QACxD,GAAG,GAAG,GAAG,MAAM,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,IAAI,eAAe,CAAC;YAChD,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;AACrC,YAAA,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;AACtC,SAAA,CAAC,EAAE,CAAC;AACN,KAAA;IAED,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;AAE5B,IAAA,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,KAAK,EAAE;AACzC,QAAA,GAAG,CAAC,gBAAgB,CAAC,cAAc,EAAE,mCAAmC,CAAC,CAAC;AAC3E,KAAA;AAED,IAAA,GAAG,CAAC,IAAI,CAAC,MAAM,KAAK,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AACzC,IAAA,OAAO,GAAG,CAAC;AACb;;AC/DA;AAGA,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;AAE5D;;;;;;;;AAQG;AACI,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAC9D,OAAO,IAAI,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEnE;;;;;;;;AAQG;AACI,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KACjE,OAAO,IAAI,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEtE,SAAS,YAAY,CAAC,KAAK,EAAA;AACzB,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC;AACvC,IAAA,IAAI,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE;AAC7B,QAAA,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;AACrB,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC;AAEM,MAAM,UAAU,GAAG,CAAC,KAAK,KAAI;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAC1B,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAC9C,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AAC7B,IAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC1E,CAAC,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,KAAK,KAChC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO;;AC7CvE;AAIA;;;;;;;AAOG;AACa,SAAA,WAAW,CAAC,OAAO,EAAE,OAAO,EAAA;IAC1C,IAAI,OAAO,CAAC,UAAU,EAAE;QACtB,OAAO,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACnD,KAAA;AACD,IAAA,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC7B,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;AAKG;AACG,SAAU,gBAAgB,CAAC,OAAO,EAAA;AACtC,IAAA,IAAI,IAAI,GAAG,CAAC,EACV,GAAG,GAAG,CAAC,CAAC;AAEV,IAAA,MAAM,UAAU,GAAGA,QAAM,CAAC,QAAQ,CAAC,eAAe,EAChD,IAAI,GAAGA,QAAM,CAAC,QAAQ,CAAC,IAAI,IAAI;AAC7B,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,SAAS,EAAE,CAAC;KACb,CAAC;;;;;IAKJ,OAAO,OAAO,KAAK,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;;QAEtD,OAAO,GAAG,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;AAE7C,QAAA,IAAI,OAAO,KAAKA,QAAM,CAAC,QAAQ,EAAE;YAC/B,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,IAAI,CAAC,CAAC;YACrD,GAAG,GAAG,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC,SAAS,IAAI,CAAC,CAAC;AACnD,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,CAAC;AAChC,YAAA,GAAG,IAAI,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC;AAC/B,SAAA;AAED,QAAA,IAAI,OAAO,CAAC,QAAQ,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE;YAChE,MAAM;AACP,SAAA;AACF,KAAA;AAED,IAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AACvB,CAAC;AAED;;;;;;AAMG;AACG,SAAU,gBAAgB,CAAC,OAAO,EAAA;IACtC,IAAI,GAAG,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;IAC9B,MAAM,GAAG,GAAG,OAAO,IAAI,OAAO,CAAC,aAAa,EAC1C,MAAM,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAC5B,gBAAgB,GAAG;AACjB,QAAA,eAAe,EAAE,MAAM;AACvB,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,WAAW,EAAE,MAAM;AACnB,QAAA,UAAU,EAAE,KAAK;KAClB,CAAC;IAEJ,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;AACD,IAAA,MAAM,SAAS,GAAGA,QAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC9E,IAAA,KAAK,MAAM,IAAI,IAAI,gBAAgB,EAAE;AACnC,QAAA,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;AACtE,KAAA;AAED,IAAA,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC;AACpC,IAAA,IAAI,OAAO,OAAO,CAAC,qBAAqB,KAAK,WAAW,EAAE;AACxD,QAAA,GAAG,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;AACvC,KAAA;AAED,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO;AACL,QAAA,IAAI,EACF,GAAG,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI;AACzE,QAAA,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,IAAI,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG;KACzE,CAAC;AACJ,CAAC;AAED;;;;;AAKG;AACG,SAAU,uBAAuB,CAAC,OAAO,EAAA;AAC7C,IAAA,IAAI,OAAO,OAAO,CAAC,aAAa,KAAK,WAAW,EAAE;AAChD,QAAA,OAAO,CAAC,aAAa,GAAG,MAAM,KAAK,CAAC;AACrC,KAAA;AACD,IAAA,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;AAClC,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;AAKG;AACG,SAAU,qBAAqB,CAAC,OAAO,EAAA;AAC3C,IAAA,IAAI,OAAO,OAAO,CAAC,aAAa,KAAK,WAAW,EAAE;AAChD,QAAA,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;AAC9B,KAAA;AACD,IAAA,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;AAC9B,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC;AAEK,SAAU,aAAa,CAAC,OAAO,EAAA;IACnC,MAAM,IAAI,GAAGA,QAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACjD,IAAA,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC;AACrC,CAAC;AAEK,SAAU,gBAAgB,CAAC,OAAO,EAAA;AACtC,IAAA,IAAI,CAACA,QAAM,CAAC,YAAY,EAAE;QACxB,OAAO;AACR,KAAA;IACD,MAAM,IAAI,GAAGA,QAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACjD,IAAA,IAAI,IAAI,EAAE;AACR,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;;AAEpB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACxB,KAAA;AACH;;ACjJA;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAG,CAC3B,GAA6B,EAC7B,CAAS,EACT,CAAS,EACT,SAAiB,KACN;;;IAGX,IAAI,SAAS,GAAG,CAAC,EAAE;QACjB,IAAI,CAAC,GAAG,SAAS,EAAE;YACjB,CAAC,IAAI,SAAS,CAAC;AAChB,SAAA;AAAM,aAAA;YACL,CAAC,GAAG,CAAC,CAAC;AACP,SAAA;QACD,IAAI,CAAC,GAAG,SAAS,EAAE;YACjB,CAAC,IAAI,SAAS,CAAC;AAChB,SAAA;AAAM,aAAA;YACL,CAAC,GAAG,CAAC,CAAC;AACP,SAAA;AACF,KAAA;IAED,IAAI,cAAc,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,YAAY,CAC/B,CAAC,EACD,CAAC,EACD,SAAS,GAAG,CAAC,IAAI,CAAC,EAClB,SAAS,GAAG,CAAC,IAAI,CAAC,CACnB,CAAC;AACF,IAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;;AAGtB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AAC7B,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7B,IAAI,YAAY,GAAG,CAAC,EAAE;;YAEpB,cAAc,GAAG,KAAK,CAAC;YACvB,MAAM;AACP,SAAA;AACF,KAAA;AAED,IAAA,OAAO,cAAc,CAAC;AACxB,CAAC;;AC9CD;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,cAAc,GAAG,CAAC,EAAW,EAAE,EAAW,KAAI;;AACzD,IAAA,IAAI,CAAC,GAAG,EAAE,EACR,CAAC,GAAG,EAAE,CAAC;IACT,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;;QAE7B,CAAC,GAAG,EAAE,CAAC;QACP,CAAC,GAAG,EAAE,CAAC;AACR,KAAA;;AAED,IAAA,iBAAiB,CAAC,CAAC,EAAE,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,mBAAmB,EAAE,EAAE,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC;;IAE9E,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC;AAC1C,IAAA,IAAI,QAAQ,EAAE;;QAEZ,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;AACjC,KAAA;AACD,IAAA,OAAO,IAAIA,QAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC1D,CAAC;;AC/BD;;;;AAIG;AAEH,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,CAAS,KAAI;IAC/D,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACnB,CAAC,GAAG,CAAC,CAAC;AACN,QAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACX,KAAA;AAAM,SAAA;;AAEL,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACtB,YAAA,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACpC,SAAA;AAAM,aAAA;AACL,YAAA,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACxC,SAAA;AACF,KAAA;IACD,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CACd,CAAS,EACT,CAAS,EACT,CAAS,EACT,CAAS,EACT,CAAS,KAET,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,SAAS,IAAI,CAAC,CAAC,CAAC;AAE3E;;;AAGG;AACI,MAAM,YAAY,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACtD,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAEtC;;;AAGG;AACI,MAAM,cAAc,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC5D,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7B,KAAA;IACD,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACrD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B;;;AAGG;AACI,MAAM,YAAY,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACtD,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAE1C;;;AAGG;AACI,MAAM,cAAc,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC5D,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7B,KAAA;IACD,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACrD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B;;;AAGG;AACI,MAAM,YAAY,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACtD,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAEtC;;;AAGG;AACI,MAAM,cAAc,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC5D,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7B,KAAA;IACD,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,UAAU,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACpD,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACrD,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;AAErC;;;AAGG;AACI,MAAM,aAAa,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACvD,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAEnD;;;AAGG;AACI,MAAM,UAAU,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACpD,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAEhD;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACrD,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAExD;;;AAGG;AACI,MAAM,aAAa,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;IAC3D,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;IACD,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,OAAO,CAAC,GAAG,CAAC,CAAC;AACd,KAAA;AACD,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;AACT,QAAA,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1C,KAAA;IACD,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,UAAU,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACpD,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAE7C;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACrD,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AAE7C;;;AAGG;AACI,MAAM,aAAa,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC3D,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACnD,KAAA;IACD,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,aAAa,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC3D,IAAA,MAAM,CAAC,GAAG,OAAO,EACf,CAAC,GAAG,CAAC,CAAC;IACR,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;IACD,CAAC,IAAI,CAAC,CAAC;IACP,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,OAAO,CAAC,GAAG,CAAC,CAAC;AACd,KAAA;IACD,IAAI,CAAC,CAAC,EAAE;AACN,QAAA,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACb,KAAA;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/D,IAAA,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,cAAc,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC5D,IAAA,MAAM,CAAC,GAAG,OAAO,EACf,CAAC,GAAG,CAAC,CAAC;IACR,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;IACD,CAAC,IAAI,CAAC,CAAC;IACP,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,OAAO,CAAC,GAAG,CAAC,CAAC;AACd,KAAA;IACD,IAAI,CAAC,CAAC,EAAE;AACN,QAAA,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACb,KAAA;AACD,IAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACzE,IAAA,QACE,KAAK,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,SAAS,IAAI,KAAK,CAAC;QACxE,KAAK;AACL,QAAA,CAAC,EACD;AACJ,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,gBAAgB,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC9D,IAAA,MAAM,CAAC,GAAG,OAAO,EACf,CAAC,GAAG,CAAC,CAAC;IACR,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;AACD,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,OAAO,CAAC,GAAG,CAAC,CAAC;AACd,KAAA;IACD,IAAI,CAAC,CAAC,EAAE;QACN,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;AACrB,KAAA;AACD,IAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACzE,IAAI,CAAC,GAAG,CAAC,EAAE;AACT,QAAA,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;AACtD,KAAA;AACD,IAAA,QACE,KAAK;AACH,QAAA,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3B,QAAA,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,SAAS,IAAI,KAAK,CAAC;QAC/C,GAAG;QACL,KAAK;AACL,QAAA,CAAC,EACD;AACJ,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,UAAU,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,KACjE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAE3C;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,KAClE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAExD;;;AAGG;AACI,MAAM,aAAa,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,KAAI;AACxE,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;AACT,QAAA,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC7D,KAAA;AACD,IAAA,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACzE,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,aAAa,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;IAC3D,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE;QACvB,OAAO,CAAC,IAAI,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACjC,KAAA;AAAM,SAAA,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE;AACvB,QAAA,OAAO,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;AACxD,KAAA;AAAM,SAAA,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,EAAE;AACzB,QAAA,OAAO,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC3D,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC9D,KAAA;AACH,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,YAAY,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACtD,CAAC,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;AAExC;;;AAGG;AACI,MAAM,eAAe,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACzD,CAAC,GAAG,CAAC,GAAG,CAAC;AACP,MAAE,YAAY,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;MACtC,aAAa,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AAE5D;;;AAGG;AACI,MAAM,UAAU,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhF;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACrD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAE9B;;;AAGG;AACI,MAAM,aAAa,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAI;AAC3D,IAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7B,KAAA;IACD,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF;;;AAGG;AACI,MAAM,WAAW,GAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KACrD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrW1B;;;AAGG;AACI,MAAM,YAAY,GAAG;AAC1B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,WAAW,EAAE,SAAS;CACvB;;ACzJD;;;;;AAKG;AACH;AACO,MAAM,MAAM,GACjB,gIAAgI,CAAC;AAEnI;;;;;AAKG;AACI,MAAM,MAAM,GACjB,6FAA6F,CAAC;AAEhG;;;;;AAKG;AACI,MAAM,KAAK,GAAG,wDAAwD;;ACzB7E;;;;;;AAMG;SACa,OAAO,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAA;IACrD,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,CAAC,IAAI,CAAC,CAAC;AACR,KAAA;IACD,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,CAAC,IAAI,CAAC,CAAC;AACR,KAAA;AACD,IAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5B,KAAA;AACD,IAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;AACb,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;AACD,IAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;AACb,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACtC,KAAA;AACD,IAAA,OAAO,CAAC,CAAC;AACX,CAAC;AAED;;;;AAIG;AACG,SAAU,MAAM,CAAC,KAAa,EAAA;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;AAClD,IAAA,OAAO,QAAQ,CAAC,MAAM,KAAK,CAAC,GAAG,CAAA,CAAA,EAAI,QAAQ,CAAE,CAAA,GAAG,QAAQ,CAAC;AAC3D;;AClCA;AASA;;;AAGG;MACU,KAAK,CAAA;AAGhB;;;AAGG;AACH,IAAA,WAAA,CAAY,KAAc,EAAA;QACxB,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9B,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAC9B,SAAA;KACF;AAED;;;AAGG;AACH,IAAA,gBAAgB,CAAC,KAAc,EAAA;QAC7B,IAAI,KAAK,IAAI,YAAY,EAAE;AACzB,YAAA,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AAC7B,SAAA;AAED,QAAA,MAAM,MAAM,GACV,KAAK,KAAK,aAAa;cACnB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACpB,cAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AAC1B,gBAAA,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AAC1B,gBAAA,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjD,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AACxB,SAAA;KACF;AAED;;;;;;;AAOG;AACH,IAAA,SAAS,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAA;QACvC,CAAC,IAAI,GAAG,CAAC;QACT,CAAC,IAAI,GAAG,CAAC;QACT,CAAC,IAAI,GAAG,CAAC;QACT,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAChC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAE/B,IAAI,CAAC,EAAE,CAAC,CAAC;QACT,MAAM,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,IAAI,CAAC,CAAC;QAEpC,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,YAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACX,SAAA;AAAM,aAAA;AACL,YAAA,MAAM,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;YAC9B,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,GAAG,QAAQ,CAAC,CAAC;AACxE,YAAA,QAAQ,QAAQ;AACd,gBAAA,KAAK,CAAC;oBACJ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBAClC,MAAM;AACR,gBAAA,KAAK,CAAC;oBACJ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACpB,MAAM;AACR,gBAAA,KAAK,CAAC;oBACJ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACpB,MAAM;AACT,aAAA;YACD,CAAC,IAAI,CAAC,CAAC;AACR,SAAA;AAED,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;KACxE;AAED;;;AAGG;IACH,SAAS,GAAA;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;AAED;;;AAGG;AACH,IAAA,SAAS,CAAC,MAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;KACvB;AAED;;;AAGG;IACH,KAAK,GAAA;AACH,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAChC,QAAA,OAAO,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;KACtD;AAED;;;AAGG;IACH,MAAM,GAAA;AACJ,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,OAAO,CAAA,KAAA,EAAQ,MAAM,CAAC,CAAC,CAAC,CAAI,CAAA,EAAA,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA,CAAA,EAAI,MAAM,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC;KACpE;AAED;;;AAGG;IACH,KAAK,GAAA;AACH,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,EAC7B,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD,QAAA,OAAO,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;KAC/C;AAED;;;AAGG;IACH,MAAM,GAAA;AACJ,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,EAC7B,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAExD,OAAO,CAAA,KAAA,EAAQ,GAAG,CAAC,CAAC,CAAC,CAAI,CAAA,EAAA,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,MAAM,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC;KAC7D;AAED;;;AAGG;IACH,KAAK,GAAA;AACH,QAAA,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AACnC,QAAA,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;KAC/C;AAED;;;AAGG;IACH,MAAM,GAAA;AACJ,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,EAAE,CAAG,EAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA,CAAE,CAAC;KAChE;AAED;;;AAGG;IACH,QAAQ,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;KAC5B;AAED;;;;AAIG;AACH,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAChC,QAAA,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AACvB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;AAGG;IACH,WAAW,GAAA;QACT,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,EAC7B,OAAO,GAAG,QAAQ,CAChB,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAClE,EAAE,CACH,EACD,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;AAC1D,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,YAAY,CAAC,SAAiB,EAAA;AAC5B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,EAC7B,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAC3B,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CACtB,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CACtD,CAAC;AAEF,QAAA,OAAO,GAAG,OAAO,IAAI,SAAS,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACjD,QAAA,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;AAC1D,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,WAAW,CAAC,UAA0B,EAAA;AACpC,QAAA,IAAI,EAAE,UAAU,YAAY,KAAK,CAAC,EAAE;AAClC,YAAA,UAAU,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC;AACpC,SAAA;AAED,QAAA,MAAM,MAAM,GAAG,EAAE,EACf,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,EACvB,UAAU,GAAG,GAAG,EAChB,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,EACzB,WAAW,GAAG,UAAU,CAAC,SAAS,EAAE,CAAC;QAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAC1B,MAAM,CAAC,IAAI,CACT,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CACvE,CAAC;AACH,SAAA;AAED,QAAA,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AACvB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,OAAO,OAAO,CAAC,KAAa,EAAA;AAC1B,QAAA,OAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC9B;AAED;;;;;;;AAOG;IACH,OAAO,QAAQ,CAAC,KAAa,EAAA;QAC3B,OAAO,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;KACrD;AAED;;;;;AAKG;IACH,OAAO,aAAa,CAAC,KAAa,EAAA;QAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAClC,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,MAAM,CAAC,GACH,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;iBACxD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EACjC,CAAC,GACC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;iBACxD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EACjC,CAAC,GACC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AACzD,iBAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;YAEpC,OAAO;AACL,gBAAA,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;AACf,gBAAA,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;AACf,gBAAA,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;AACf,gBAAA,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;aACpC,CAAC;AACH,SAAA;KACF;AAED;;;;;AAKG;IACH,OAAO,OAAO,CAAC,KAAa,EAAA;AAC1B,QAAA,OAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC9B;AAED;;;;;;;AAOG;IACH,OAAO,QAAQ,CAAC,KAAa,EAAA;QAC3B,OAAO,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;KACrD;AAED;;;;;;;AAOG;IACH,OAAO,aAAa,CAAC,KAAa,EAAA;QAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;AACR,SAAA;AAED,QAAA,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,EAC1D,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EAC1D,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAC7D,QAAA,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAEZ,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,YAAA,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACf,SAAA;AAAM,aAAA;AACL,YAAA,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAC9C,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhB,YAAA,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YAC7B,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACrB,YAAA,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9B,SAAA;QAED,OAAO;AACL,YAAA,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;AACnB,YAAA,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;AACnB,YAAA,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC;AACnB,YAAA,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SACpC,CAAC;KACH;AAED;;;;;;AAMG;IACH,OAAO,OAAO,CAAC,KAAa,EAAA;QAC1B,OAAO,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;KACrD;AAED;;;;;;AAMG;IACH,OAAO,aAAa,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACtB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAC/C,eAAe,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAC1D,MAAM,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EACjD,CAAC,GAAG,eAAe;AACjB,kBAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AACnC,kBAAE,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EACzB,CAAC,GAAG,eAAe;AACjB,kBAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AACnC,kBAAE,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EACzB,CAAC,GAAG,eAAe;AACjB,kBAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AACnC,kBAAE,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EACzB,CAAC,GAAG,MAAM;AACR,kBAAE,eAAe;AACf,sBAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;sBACjC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;kBACvB,IAAI,CAAC;YAEX,OAAO;AACL,gBAAA,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;AACf,gBAAA,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;AACf,gBAAA,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;AACf,gBAAA,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;aAC/C,CAAC;AACH,SAAA;KACF;AAED;;;;;;AAMG;IACH,OAAO,UAAU,CAAC,MAAwC,EAAA;AACxD,QAAA,MAAM,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;AAC3B,QAAA,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AACzB,QAAA,OAAO,MAAM,CAAC;KACf;AACF;;ACxZDA,QAAM,CAAC,KAAK,GAAG,KAAK;;ACHpB;AAGA;;;;AAIG;AACH,MAAM,iBAAkB,SAAQ,KAAK,CAAA;AACnC;;;AAGG;IACH,SAAS,GAAA;QACP,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAClC,QAAA,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;AACtD,QAAA,OAAO,UAAU,CAAC;KACnB;AAED;;;;AAIG;AACH,IAAA,cAAc,CAAC,MAAW,EAAA;QACxB,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAC3B,CAAC,SAAS,KACR,OAAO,SAAS,CAAC,MAAM,KAAK,QAAQ;AACpC,YAAA,SAAS,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,CACrC,CAAC;AACF,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;AACrD,QAAA,OAAO,SAAS,CAAC;KAClB;AAED;;;;AAIG;AACH,IAAA,cAAc,CAAC,MAAM,EAAA;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;AACtD,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;AACrD,QAAA,OAAO,SAAS,CAAC;KAClB;AAED;;;;AAIG;AACH,IAAA,kBAAkB,CAAC,UAAU,EAAA;QAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;KACrD;AAED;;;;AAIG;AACH,IAAA,aAAa,CAAC,UAAU,EAAA;AACtB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC;KAClE;AAED;;;;AAIG;AACH,IAAA,sBAAsB,CAAC,MAAM,EAAA;QAC3B,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;KAChE;AACF,CAAA;AAEM,MAAM,iBAAiB,GAAG,IAAI,iBAAiB,EAAE,CAAC;AAEzDA,QAAM,CAAC,iBAAiB,GAAG,iBAAiB;;ACjF5C;AAKA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AAEH,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAC/B,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACa,SAAA,OAAO,CAAC,OAAO,GAAG,EAAE,EAAA;IAClC,IAAI,MAAM,GAAG,KAAK,CAAC;AAEnB,IAAA,MAAM,EACJ,UAAU,GAAG,CAAC,EACd,QAAQ,GAAG,GAAG,EACd,MAAM,GAAG,aAAa,EACtB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,IAAI,EACZ,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,GACV,GAAG,OAAO,CAAC;AAEZ,IAAA,MAAM,OAAO,GACR,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,OAAO,CACV,EAAA,EAAA,YAAY,EAAE,UAAU,EACxB,cAAc,EAAE,CAAC,EACjB,YAAY,EAAE,CAAC,GAChB,CAAC;IAEF,MAAM,kBAAkB,GAAG,MAAK;QAC9B,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACjD,QAAA,OAAO,KAAK,GAAG,CAAC,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,KAAC,CAAC;IAEF,OAAO,CAAC,MAAM,GAAG,YAAA;QACf,MAAM,GAAG,IAAI,CAAC;QACd,OAAO,kBAAkB,EAAE,CAAC;AAC9B,KAAC,CAAC;AACF,IAAA,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEhC,MAAM,MAAM,GAAG,UAAU,SAAS,EAAA;AAChC,QAAA,MAAM,KAAK,GAAG,SAAS,IAAI,CAAC,IAAI,IAAI,EAAE,EACpC,MAAM,GAAG,KAAK,GAAG,QAAQ,EACzB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAClC,OAAO,GACL,OAAO,CAAC,OAAO;AACf,aAAC,MAAM;AACL,kBAAE,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AACnD,kBAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;AAE/B,QAAA,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QAErC,CAAC,SAAS,IAAI,CAAC,QAAQ,EAAA;YACrB,MAAM,IAAI,GAAG,QAAQ,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;YACrC,MAAM,WAAW,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,EACzD,QAAQ,GAAG,WAAW,GAAG,QAAQ,EACjC,OAAO,GAAG,MAAM;kBACZ,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KACvB,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAClD;AACH,kBAAE,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,EACtD,SAAS,GAAG,MAAM;kBACd,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;AACrD,kBAAE,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,IAAI,OAAO,CAAC,CAAC;;AAEjD,YAAA,OAAO,CAAC,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC;AAC1D,YAAA,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC;AACnC,YAAA,OAAO,CAAC,YAAY,GAAG,QAAQ,CAAC;AAEhC,YAAA,IAAI,MAAM,EAAE;gBACV,OAAO;AACR,aAAA;YACD,IAAI,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE;AACvC,gBAAA,kBAAkB,EAAE,CAAC;gBACrB,OAAO;AACR,aAAA;YACD,IAAI,IAAI,GAAG,MAAM,EAAE;;AAEjB,gBAAA,OAAO,CAAC,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC;AAC5D,gBAAA,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC;AAC3B,gBAAA,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC;;AAEzB,gBAAA,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACrD,gBAAA,UAAU,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3B,gBAAA,kBAAkB,EAAE,CAAC;gBACrB,OAAO;AACR,aAAA;AAAM,iBAAA;AACL,gBAAA,QAAQ,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;gBACvC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACxB,aAAA;AACH,SAAC,EAAE,KAAK,CAAC,CAAC;AACZ,KAAC,CAAC;IAEF,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,UAAU,CAAC,MAAM,gBAAgB,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AACnD,KAAA;AAAM,SAAA;QACL,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC1B,KAAA;IAED,OAAO,OAAO,CAAC,MAAM,CAAC;AACxB,CAAC;AAED,MAAM,iBAAiB,GACrBA,QAAM,CAAC,MAAM,CAAC,qBAAqB;AACnC,IAAA,UAAU,QAAQ,EAAA;AAChB,QAAA,OAAOA,QAAM,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACvD,KAAC,CAAC;AAEJ,MAAM,gBAAgB,GACpBA,QAAM,CAAC,MAAM,CAAC,oBAAoB,IAAIA,QAAM,CAAC,MAAM,CAAC,YAAY,CAAC;AAEnE;;;;;;AAMG;AACa,SAAA,gBAAgB,CAAC,GAAG,IAAI,EAAA;IACtC,OAAO,iBAAiB,CAAC,KAAK,CAACA,QAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACtD,CAAC;AAEe,SAAA,eAAe,CAAC,GAAG,IAAI,EAAA;IACrC,OAAO,gBAAgB,CAAC,KAAK,CAACA,QAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACrD;;AC3KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA;IACrC,IAAI,KAAK,GACP,OAAO;QACP,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAClD,GAAG;QACH,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAClD,GAAG;QACH,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAErD,KAAK;AACH,QAAA,GAAG,IAAI,KAAK,IAAI,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9E,KAAK,IAAI,GAAG,CAAC;AACb,IAAA,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,QAAQ,KAC/C,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;AAEzD;;;;;;;;;;;;AAYG;AACa,SAAA,YAAY,CAC1B,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,GAAG,EACd,EAAA,GAKI,EAAE,EAAA;AALN,IAAA,IAAA,EACE,WAAW,GAAG,kBAAkB,EAChC,UAAU,EACV,QAAQ,EAAA,GAAA,EAEJ,EADD,aAAa,GAJlB,MAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,YAAA,EAAA,UAAA,CAKC,CADiB,CAAA;IAGlB,MAAM,UAAU,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EACjD,QAAQ,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC;AAC5C,IAAA,OAAO,OAAO,CACT,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,aAAa,KAChB,QAAQ,EACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,KACjD,cAAc,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;;AAEzE,QAAA,UAAU,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,KACvC,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAG,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAC1E,QAAQ,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,KAAI;AACzC,YAAA,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AAC1B,oBAAA,OAAO,QAAQ,CACb,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EACnC,SAAS,EACT,QAAQ,CACT,CAAC;AACH,iBAAA;AACD,gBAAA,QAAQ,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AACxC,aAAA;AACH,SAAC,IACD,CAAC;AACL;;ACpFA;AAGA,SAAS,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAA;AACvC,IAAA,KAAK,IAAI,QAAQ,IAAI,MAAM,EAAE;AAC3B,QAAA,IACE,QAAQ,IAAI,KAAK,CAAC,SAAS;AAC3B,YAAA,OAAO,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,UAAU;AAC/C,YAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EACjD;YACA,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,QAAQ,EAAA;gBAC7C,OAAO,UAAU,GAAG,IAAI,EAAA;AACtB,oBAAA,IAAI,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;AAC7C,oBAAA,IAAI,CAAC,WAAW,CAAC,UAAU,GAAG,MAAM,CAAC;AACrC,oBAAA,IAAI,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;AACvD,oBAAA,IAAI,CAAC,WAAW,CAAC,UAAU,GAAG,UAAU,CAAC;oBAEzC,IAAI,QAAQ,KAAK,YAAY,EAAE;AAC7B,wBAAA,OAAO,WAAW,CAAC;AACpB,qBAAA;AACH,iBAAC,CAAC;AACJ,aAAC,EAAE,QAAQ,CAAC,CAAC;AACd,SAAA;AAAM,aAAA;YACL,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAC9C,SAAA;AACF,KAAA;AACH,CAAC;AAED,SAAS,QAAQ,MAAK;AAEtB,SAAS,SAAS,CAAC,UAAU,EAAE,GAAG,IAAI,EAAA;AACpC,IAAA,IAAI,YAAY,GAAG,IAAI,EACrB,KAAK,GAAG,IAAI,CAAC;;AAGf,IAAA,OAAO,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE;AACnC,QAAA,IAAI,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;AAC1E,QAAA,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,gBAAgB,EAAE;YAC1C,YAAY,GAAG,gBAAgB,CAAC;YAChC,MAAM;AACP,SAAA;;QAED,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC;AAChD,KAAA;IAED,IAAI,CAAC,YAAY,EAAE;AACjB,QAAA,OAAO,OAAO,CAAC,GAAG,CAChB,qBAAqB;YACnB,UAAU;YACV,uCAAuC,EACzC,IAAI,CACL,CAAC;AACH,KAAA;IAED,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;AAC1C,CAAC;AAED;;;;;;AAMG;AACa,SAAA,WAAW,CAAC,GAAG,IAAI,EAAA;IACjC,IAAI,MAAM,GAAG,IAAI,EACf,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;AAEzB,IAAA,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,UAAU,EAAE;AACjC,QAAA,MAAM,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;AAC7B,KAAA;IACD,SAAS,KAAK,CAAC,GAAG,SAAS,EAAA;QACzB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,CAAC;KAC1C;AAED,IAAA,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;AAE1B,IAAA,IAAI,MAAM,EAAE;AACV,QAAA,QAAQ,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AACtC,QAAA,KAAK,CAAC,SAAS,GAAG,IAAI,QAAQ,EAAE,CAAC;AAClC,KAAA;AACD,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC3D,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC1C,KAAA;AACD,IAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE;AAC/B,QAAA,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC;AACnC,KAAA;AACD,IAAA,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,KAAK,CAAC;AACpC,IAAA,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;AACtC,IAAA,OAAO,KAAK,CAAC;AACf;;ACQA;;AAEG;AACHA,QAAM,CAAC,IAAI,GAAG;IACZ,GAAG;IACH,GAAG;IACH,YAAY;IACZ,YAAY;IACZ,uBAAuB;IACvB,aAAa;IACb,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,WAAW;;IAEX,YAAY;IACZ,eAAe;IACf,qBAAqB;;IAErB,cAAc;IACd,eAAe;IACf,aAAa;IACb,WAAW;IACX,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;;IAEzB,eAAe;IACf,aAAa;IACb,eAAe;AACf,IAAA,MAAM,EAAE;QACN,KAAK;QACL,MAAM;AACP,KAAA;IACD,mBAAmB;IACnB,WAAW;IACX,iBAAiB;IACjB,SAAS;IACT,OAAO;IACP,WAAW;IACX,iCAAiC;IACjC,gBAAgB;IAChB,SAAS;IACT,gBAAgB;IAChB,cAAc;IACd,gBAAgB;IAChB,QAAQ;IACR,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,sBAAsB;IACtB,yBAAyB;IACzB,yBAAyB;IACzB,qBAAqB;IACrB,gBAAgB;IAChB,8BAA8B;IAC9B,iBAAiB;AACjB,IAAA,MAAM,EAAE;QACN,QAAQ;QACR,UAAU;QACV,SAAS;QACT,aAAa;AACd,KAAA;IACD,QAAQ;IACR,SAAS;IACT,cAAc;IACd,uBAAuB;IACvB,IAAI;IACJ,QAAQ;IACR,SAAS;IACT,eAAe;IACf,uBAAuB;IACvB,mBAAmB;IACnB,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,qBAAqB;IACrB,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,UAAU;IACV,cAAc;IACd,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,aAAa;IACb,gBAAgB;IAChB,uBAAuB;IACvB,qBAAqB;IACrB,aAAa;IACb,kBAAkB;IAClB,cAAc;IACd,IAAI;IACJ,YAAY;IACZ,OAAO;IACP,gBAAgB;IAChB,eAAe;IACf,WAAW;CACZ;;ACrMD;;;AAGG;AACI,MAAM,iBAAiB,GAAG;IAC/B,SAAS;IACT,WAAW;IACX,MAAM;IACN,cAAc;IACd,WAAW;IACX,SAAS;IACT,QAAQ;IACR,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,gBAAgB;IAChB,cAAc;IACd,IAAI;IACJ,aAAa;IACb,eAAe;IACf,qBAAqB;IACrB,WAAW;CACZ;;ACxBD;AAUA,MAAM,cAAc,GAAG,UACrB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,cAAc,EACd,GAAG,EAAA;AAEH,IAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACzB,IAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACzB,IAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACvB,IAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACvB,IAAA,IAAI,CAAC,MAAM,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;AAC/C,IAAA,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;AACrC,IAAA,IAAI,CAAC,QAAQ,GAAG,8BAA8B,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AACjB,CAAC,CAAC;AAEF,CAAC,UAAU,KAAK,EAAA;IACd,KAAK,CAAC,KAAK,GAAG,YAAA;AACZ,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QACxC,IAAI,CAAC,aAAa,EAAE,CAAC;AACvB,KAAC,CAAC;IAEF,KAAK,CAAC,aAAa,GAAG,YAAA;QACpB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,KAAI;YACnC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AAChC,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,KAAK,CAAC,OAAO,GAAG,UAAU,EAAE,EAAA;AAC1B,QAAA,OAAOA,QAAM,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5D,KAAC,CAAC;AAEF,IAAA,KAAK,CAAC,YAAY,GAAG,UAAU,EAAE,EAAE,KAAK,EAAA;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE;YAC9B,IAAI;AACF,gBAAA,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;AACrE,aAAA;AAAC,YAAA,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClB,aAAA;AACF,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,WAAW,EAAE,CAAC;AACpB,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,KAAK,CAAC,cAAc,GAAG,UAAU,KAAK,EAAE,EAAE,EAAA;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC;AACnB,QAAA,OAAO,UAAU,GAAG,EAAA;AAClB,YAAA,IAAI,QAAQ,CAAC;YACb,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;YACvC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;YACzC,IAAI,GAAG,YAAYA,QAAM,CAAC,KAAK,IAAI,GAAG,CAAC,gBAAgB,EAAE;AACvD,gBAAA,QAAQ,GAAG,GAAG,CAAC,iCAAiC,CAAC,EAAE,CAAC,CAAC;AACtD,aAAA;AACD,YAAA,GAAG,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;AACrC,YAAA,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC/B,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;AACxC,YAAA,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;YAC7B,KAAK,CAAC,WAAW,EAAE,CAAC;AACtB,SAAC,CAAC;AACJ,KAAC,CAAC;IAEF,KAAK,CAAC,yBAAyB,GAAG,UAAU,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAA;AAChE,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,EACzB,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACtB,OAAO;AACR,SAAA;AACD,QAAA,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC;QACpB,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,QAAA,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC;AACpB,QAAA,OAAOA,QAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AAC1C,KAAC,CAAC;IAEF,KAAK,CAAC,eAAe,GAAG,UAAU,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAA;AACjD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,CAChD,GAAG,EACH,QAAQ,EACR,cAAc,CACf,CAAC;AACF,QAAA,IAAI,WAAW,EAAE;YACf,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,GAAG,UAAU,CAAC,CAAC;YAC3D,MAAM,QAAQ,GAAGA,QAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,EACxD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,OAAO,CAAA,EAAA,EACf,OAAO,EAAE,WAAW,IACpB,CAAC;AACH,YAAA,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC7B,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,KAAK,CAAC,sBAAsB,GAAG,UAAU,GAAG,EAAE,SAAS,EAAA;AACrD,QAAA,OAAO,UAAU,OAAO,EAAA;YACtB,OAAO,CAAC,sBAAsB,EAAE,CAAC;AACjC,YAAA,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;AACpC,YAAA,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC1B,SAAC,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,KAAK,CAAC,eAAe,GAAG,UAAU,GAAG,EAAE,YAAY,EAAA;QAC7C,IAAA,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC,GAAG,EAAE,UAAU,EAAE,WAAW,CAAC,EACzE,OAAO,CAAA,CACP,KAAK,CAAA,CACL,eAAe,CAAA,CACf,SAAS,CACT,CAAA,UAAU,CACF;AACV,QAAA,IAAI,QAAQ,EAAE;YACZ,SAAS,GAAG,EAAE,CAAC;YACf,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC,CAAC;;YAE7D,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;YAC3C,IAAI,aAAa,GAAG,YAAY,CAAC;YACjC,OACE,aAAa,CAAC,UAAU;gBACxB,aAAa,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,QAAQ,EACxD;AACA,gBAAA,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC;AAC1C,aAAA;AACD,YAAA,aAAa,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;AAClD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,gBAAA,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AACtB,gBAAA,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC9B,gBAAA,KAAK,CAAC,WAAW,CACf,OAAO,EACP,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,SAAS,CAAC,EAC3C,IAAI,CAAC,OAAO,CACb,CAAC;AACH,aAAA;AACD,YAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,gBAAA,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AACzB,aAAA;AAAM,iBAAA;gBACL,QAAQ,GAAG,IAAIA,QAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AACxC,aAAA;YACD,UAAU,GAAG,yBAAyB,CACpC,eAAe,EACf,QAAQ,CAAC,mBAAmB,EAAE,CAC/B,CAAC;YACF,IAAI,QAAQ,CAAC,QAAQ,EAAE;AACrB,gBAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC/C,aAAA;AACD,YAAA,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AACxC,YAAA,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACvB,YAAA,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;YACvB,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YACvC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AACvC,YAAA,QAAQ,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;AAC/B,YAAA,QAAQ,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;AAC/B,YAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;YACnB,QAAQ,CAAC,mBAAmB,CAC1B,EAAE,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,EAChD,QAAQ,EACR,QAAQ,CACT,CAAC;AACF,YAAA,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACzB,SAAA;AAAM,aAAA;;YAEL,OAAO,GAAG,CAAC,QAAQ,CAAC;AACrB,SAAA;AACH,KAAC,CAAC;IAEF,KAAK,CAAC,WAAW,GAAG,YAAA;AAClB,QAAA,IAAI,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;YAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,EAAA;;gBAEjD,OAAO,EAAE,IAAI,IAAI,CAAC;AACpB,aAAC,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9C,SAAA;AACH,KAAC,CAAC;AACJ,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC;;ACvL5B;AAEA;;;;AAIG;AACG,SAAU,WAAW,CAAC,GAAG,EAAA;AAC7B,IAAA,IAAI,MAAM,GAAG,GAAG,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAC5C,CAAC,EACD,GAAG,EACH,QAAQ,GAAG,EAAE,EACb,KAAK,CAAC;;AAGR,IAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;QAC7C,IAAI,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;;QAG1C,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;AAC/D,QAAA,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC/B,SAAS;AACV,SAAA;;;AAGD,QAAA,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;;AAEjC,QAAA,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,IAAI,EAAA;AACjC,YAAA,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;AACrB,SAAC,CAAC,CAAC;;;AAGH,QAAA,KAAK,CAAC,OAAO,CAAC,UAAU,IAAI,EAAA;AAC1B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAC3B,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAC7B,kBAAkB,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,UAAU,IAAI,EAAA;AAC/D,gBAAA,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;AACrB,aAAC,CAAC,CAAC;AAEL,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACzD,gBAAA,MAAM,IAAI,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAC3C,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EACzB,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AACzB,gBAAA,OAAO,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;AAC3B,aAAA;YACD,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,UAAU,KAAK,EAAA;AACrC,gBAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;gBAC1C,IAAI,KAAK,KAAK,EAAE,EAAE;oBAChB,OAAO;AACR,iBAAA;AACD,gBAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AACzC,iBAAA;AAAM,qBAAA;AACL,oBAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AAC9C,iBAAA;AACH,aAAC,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;AACJ,KAAA;AACD,IAAA,OAAO,QAAQ,CAAC;AAClB;;AC7DA;AAEgB,SAAA,gBAAgB,CAAC,GAAG,EAAE,SAAS,EAAA;IAC7C,IAAI,QAAQ,EACV,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,CAAC,EACD,GAAG,CAAC;AACN,IAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAChD,QAAA,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AACxB,QAAA,QAAQ,GAAG,GAAG,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAC9C,QAAA,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AACpE,KAAA;AACD,IAAA,OAAO,SAAS,CAAC;AACnB;;ACdA;AAEA;;;AAGG;AACa,SAAA,WAAW,CAAC,GAAG,EAAE,EAAE,EAAA;AACjC,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,GAAG,CAAC,cAAc,KAAK,EAAE,GAAG,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;AACpD,IAAA,IAAI,EAAE,EAAE;AACN,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AACD,IAAA,IAAI,IAAI,EACN,CAAC,EACD,GAAG,EACH,QAAQ,GAAG,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAC3C,IAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC/C,QAAA,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,IAAI,EAAE,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;AAClC,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACF,KAAA;AACH;;ACtBA;AAIA,MAAM,cAAc,GAAG;IACrB,mBAAmB;IACnB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,eAAe;IACf,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;CACL,CAAC;AACF,MAAM,SAAS,GAAG,YAAY,CAAC;AAEf,SAAA,8BAA8B,CAAC,GAAG,EAAE,QAAQ,EAAA;IAC1D,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EACrD,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC/C,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;AACpE,QAAA,8BAA8B,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;AACzD,KAAA;AACD,IAAA,cAAc,CAAC,OAAO,CAAC,UAAU,IAAI,EAAA;AACnC,QAAA,IACE,kBAAkB;AAClB,YAAA,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC;AAC5B,YAAA,kBAAkB,CAAC,YAAY,CAAC,IAAI,CAAC,EACrC;AACA,YAAA,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,kBAAkB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;AACpE,SAAA;AACH,KAAC,CAAC,CAAC;AACH,IAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE;QAC7B,MAAM,cAAc,GAAG,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,cAAc,CAAC,UAAU,EAAE;AAChC,YAAA,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AACjD,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;AACtC;;ACzCA;AAKA,MAAM,QAAQ,GAAG;IACf,gBAAgB;IAChB,gBAAgB;IAChB,oBAAoB;IACpB,oBAAoB;CACrB,CAAC;AAEF;;;;AAIG;AACG,SAAU,eAAe,CAAC,GAAG,EAAA;AACjC,IAAA,IAAI,MAAM,GAAG,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,EAC1C,EAAE,EACF,CAAC,GAAG,CAAC,EACL,YAAY,GAAG,EAAE,CAAC;AACpB,IAAA,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,EAAE;AACV,QAAA,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACf,QAAA,IAAI,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;AACjC,YAAA,8BAA8B,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACzC,SAAA;QACD,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC;AAC1C,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACtB;;AC/BA;AAQA;;AAEG;AAEG,SAAU,qBAAqB,CAAC,OAAO,EAAA;IAC3C,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AACnD,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;IACD,IAAI,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,EAC/C,MAAM,GAAG,CAAC,EACV,MAAM,GAAG,CAAC,EACV,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,CAAC,EACR,YAAY,EACZ,aAAa,EACb,MAAM,EACN,EAAE,EACF,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,EACzC,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,EAC3C,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAClC,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAClC,mBAAmB,GAAG,OAAO,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,EAAE,EACvE,cAAc,GACZ,CAAC,WAAW,IAAI,EAAE,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,EACxE,cAAc,GACZ,CAAC,SAAS;AACV,QAAA,CAAC,UAAU;AACX,QAAA,SAAS,KAAK,MAAM;QACpB,UAAU,KAAK,MAAM,EACvB,UAAU,GAAG,cAAc,IAAI,cAAc,EAC7C,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,CAAC,EACb,UAAU,GAAG,CAAC,CAAC;AAEjB,IAAA,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC;AACpB,IAAA,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;AACrB,IAAA,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;AAElC,IAAA,IAAI,cAAc,EAAE;AAClB,QAAA,IACE,CAAC,CAAC,IAAI,CAAC;AACP,YAAA,OAAO,CAAC,UAAU;AAClB,YAAA,OAAO,CAAC,UAAU,CAAC,QAAQ,KAAK,WAAW,EAC3C;YACA,eAAe;AACb,gBAAA,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAC3D,YAAA,MAAM,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,eAAe,CAAC;AACrE,YAAA,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAC1C,YAAA,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AAC7B,YAAA,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AAC9B,SAAA;AACF,KAAA;AAED,IAAA,IAAI,UAAU,EAAE;AACd,QAAA,OAAO,SAAS,CAAC;AAClB,KAAA;AAED,IAAA,IAAI,cAAc,EAAE;AAClB,QAAA,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;AACvC,QAAA,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;;AAEzC,QAAA,OAAO,SAAS,CAAC;AAClB,KAAA;IACD,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,YAAY,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,aAAa,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3C,IAAA,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;AACtB,IAAA,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;AACtB,IAAA,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AACtC,IAAA,SAAS,CAAC,aAAa,GAAG,aAAa,CAAC;IACxC,IAAI,CAAC,cAAc,EAAE;AACnB,QAAA,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;AACvC,QAAA,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AACzC,QAAA,MAAM,GAAG,SAAS,CAAC,KAAK,GAAG,YAAY,CAAC;AACxC,QAAA,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,aAAa,CAAC;AAC3C,KAAA;AAAM,SAAA;AACL,QAAA,SAAS,CAAC,KAAK,GAAG,YAAY,CAAC;AAC/B,QAAA,SAAS,CAAC,MAAM,GAAG,aAAa,CAAC;AAClC,KAAA;;AAGD,IAAA,mBAAmB,GAAG,iCAAiC,CAAC,mBAAmB,CAAC,CAAC;AAC7E,IAAA,IAAI,mBAAmB,CAAC,MAAM,KAAK,MAAM,EAAE;;AAEzC,QAAA,IAAI,mBAAmB,CAAC,WAAW,KAAK,MAAM,EAAE;AAC9C,YAAA,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;;AAErD,SAAA;AACD,QAAA,IAAI,mBAAmB,CAAC,WAAW,KAAK,OAAO,EAAE;AAC/C,YAAA,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;;AAErD,SAAA;QACD,SAAS,GAAG,SAAS,CAAC,KAAK,GAAG,YAAY,GAAG,MAAM,CAAC;QACpD,UAAU,GAAG,SAAS,CAAC,MAAM,GAAG,aAAa,GAAG,MAAM,CAAC;AACvD,QAAA,IAAI,mBAAmB,CAAC,MAAM,KAAK,KAAK,EAAE;YACxC,SAAS,IAAI,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,IAAI,mBAAmB,CAAC,MAAM,KAAK,KAAK,EAAE;YACxC,UAAU,IAAI,CAAC,CAAC;AACjB,SAAA;AACD,QAAA,IAAI,mBAAmB,CAAC,MAAM,KAAK,KAAK,EAAE;YACxC,SAAS,GAAG,CAAC,CAAC;AACf,SAAA;AACD,QAAA,IAAI,mBAAmB,CAAC,MAAM,KAAK,KAAK,EAAE;YACxC,UAAU,GAAG,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;IAED,IACE,MAAM,KAAK,CAAC;AACZ,QAAA,MAAM,KAAK,CAAC;AACZ,QAAA,IAAI,KAAK,CAAC;AACV,QAAA,IAAI,KAAK,CAAC;AACV,QAAA,CAAC,KAAK,CAAC;QACP,CAAC,KAAK,CAAC,EACP;AACA,QAAA,OAAO,SAAS,CAAC;AAClB,KAAA;AACD,IAAA,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,UAAU,CAAC,QAAQ,KAAK,WAAW,EAAE;AAC3D,QAAA,eAAe,GAAG,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAC5E,KAAA;IAED,MAAM;QACJ,eAAe;YACf,UAAU;YACV,MAAM;YACN,IAAI;YACJ,KAAK;YACL,MAAM;YACN,GAAG;AACH,aAAC,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;YAC3B,GAAG;AACH,aAAC,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;AAC5B,YAAA,IAAI,CAAC;;;AAGP,IAAA,IAAI,OAAO,CAAC,QAAQ,KAAK,KAAK,EAAE;QAC9B,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;;QAEvD,OAAO,OAAO,CAAC,UAAU,EAAE;AACzB,YAAA,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACpC,SAAA;AACD,QAAA,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AACzB,KAAA;AAAM,SAAA;QACL,EAAE,GAAG,OAAO,CAAC;AACb,QAAA,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AACxB,QAAA,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QACxB,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;AAChD,KAAA;AACD,IAAA,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AACrC,IAAA,OAAO,SAAS,CAAC;AACnB;;ACjKA;AAEgB,SAAA,uBAAuB,CAAC,OAAO,EAAE,QAAQ,EAAA;IACvD,OAAO,OAAO,KAAK,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE;QAChD,IACE,OAAO,CAAC,QAAQ;AAChB,YAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACnD,YAAA,CAAC,OAAO,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAC5C;AACA,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACF,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf;;ACbA;AAIA;;;;;;;;AAQG;AACG,SAAU,aAAa,CAC3B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,cAAc,EAAA;AAEd,IAAA,IAAI,cAAc,CAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,cAAc,CACf,CAAC,KAAK,EAAE,CAAC;AACZ;;AC3BA;AAMM,SAAU,kBAAkB,CAAC,GAAG,EAAA;AACpC,IAAA,IAAI,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACtD,CAAC,GAAG,CAAC,CAAC;IACR,OAAO,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE;QAC7C,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,EACpB,cAAc,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAE5E,IAAI,cAAc,KAAK,IAAI,EAAE;YAC3B,OAAO;AACR,SAAA;QAED,IAAI,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,EACjC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAC7B,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAC7B,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAC7C,YAAY,GACV,CAAC,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE;YACpC,aAAa;YACb,CAAC;YACD,IAAI;YACJ,CAAC;YACD,GAAG,EACL,UAAU,EACV,SAAS,GAAG,QAAQ,CAAC,MAAM,EAC3B,IAAI,EACJ,CAAC,EACD,KAAK,EACL,GAAG,EACH,SAAS,GAAG,KAAK,CAAC;QAEpB,qBAAqB,CAAC,GAAG,CAAC,CAAC;QAC3B,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;AAC/B,YAAA,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;YAC9D,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,UAAU,EAAE,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACpE,gBAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACrB,gBAAA,GAAG,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;AAC9D,aAAA;;YAED,OAAO,GAAG,CAAC,UAAU,EAAE;AACrB,gBAAA,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AACjC,aAAA;YACD,GAAG,GAAG,GAAG,CAAC;AACX,SAAA;QAED,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC,UAAU,EAAE,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACnE,YAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACrB,YAAA,IACE,IAAI,CAAC,QAAQ,KAAK,GAAG;gBACrB,IAAI,CAAC,QAAQ,KAAK,GAAG;gBACrB,IAAI,CAAC,QAAQ,KAAK,YAAY;AAC9B,gBAAA,IAAI,CAAC,QAAQ,KAAK,MAAM,EACxB;gBACA,SAAS;AACV,aAAA;AAED,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,EAAE;gBACjC,YAAY,GAAG,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,YAAY,CAAC;AACpD,aAAA;AAAM,iBAAA;gBACL,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;AACjD,aAAA;AACF,SAAA;AAED,QAAA,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AAC5C,QAAA,GAAG,CAAC,YAAY,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;AAC7C,QAAA,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC1B,QAAA,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AAC3B,QAAA,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;;AAEjC,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,SAAS,EAAE;AACjC,YAAA,CAAC,EAAE,CAAC;AACL,SAAA;AACF,KAAA;AACH;;AC9EA;AAQA;;;;;;;AAOG;AACH,MAAM,qBAAqB,GAAG,CAAC,CAAQ,EAAE,CAAQ,EAAE,CAAQ,KAAI;AAC7D,IAAA,MAAM,EAAE,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,MAAM,EAAE,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,QACE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAC1E;AACJ,CAAC,CAAC;MAEW,YAAY,CAAA;AAKvB,IAAA,WAAA,CAAY,MAAyB,EAAA;AACnC,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AACrB,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;KAClB;AAED;;;;AAIG;AACH,IAAA,QAAQ,CAAC,KAAK,EAAA;AACZ,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;KAC7C;AAED;;;;;AAKG;IACK,MAAM,CAAC,GAAG,MAAM,EAAA;AACtB,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAC9B,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,KAAI;AACtB,YAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC9B,CAAC,CACH,CAAC;AACF,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;;;;;;AAUG;AACH,IAAA,OAAO,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,GAAG,IAAI,EAAA;AACzE,QAAA,IAAI,MAAM,CAAC;AACX,QAAA,MAAM,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EACvE,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EACnE,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;QACrE,IAAI,EAAE,KAAK,CAAC,EAAE;YACZ,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,EACjB,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AAChB,YAAA,IACE,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAClC,iBAAC,SAAS,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EACnC;AACA,gBAAA,MAAM,GAAG,IAAI,YAAY,CAAC,cAAc,CAAC,CAAC;AAC1C,gBAAA,MAAM,CAAC,MAAM,CACX,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAChE,CAAC;AACH,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC;AAC7B,aAAA;AACF,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE;gBAC1B,MAAM,gBAAgB,GACpB,SAAS;oBACT,SAAS;AACT,oBAAA,qBAAqB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACjC,oBAAA,qBAAqB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACjC,oBAAA,qBAAqB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACjC,oBAAA,qBAAqB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACpC,gBAAA,MAAM,GAAG,IAAI,YAAY,CAAC,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;AACxE,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,GAAG,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACvC,aAAA;AACF,SAAA;AACD,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;;;;;;;AASG;IACH,OAAO,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;AACxC,QAAA,OAAO,YAAY,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;KACpE;AAED;;;;;;;;;AASG;IACH,OAAO,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;AAC3C,QAAA,OAAO,YAAY,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KACrE;AAED;;;;;;;;;;;;AAYG;IACH,OAAO,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAA;AACzD,QAAA,MAAM,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC;AAClC,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAE7B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;AAC9C,YAAA,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACf,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC;AAC9B,YAAA,KAAK,GAAG,YAAY,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AACxE,YAAA,IAAI,KAAK,CAAC,MAAM,KAAK,YAAY,EAAE;AACjC,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;YACD,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAChC,SAAA;AAED,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AAC5B,YAAA,MAAM,CAAC,MAAM,GAAG,cAAc,CAAC;AAChC,SAAA;AAED,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;;;;;;AAQG;AACH,IAAA,OAAO,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAA;AAC3C,QAAA,OAAO,YAAY,CAAC,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;KACjE;AAED;;;;;;;;;AASG;AACH,IAAA,OAAO,uBAAuB,CAAC,OAAO,EAAE,OAAO,EAAA;QAC7C,MAAM,MAAM,GAAG,IAAI,YAAY,EAAE,EAC/B,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC1B,MAAM,YAAY,GAAG,EAAE,CAAC;QAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;AAC/B,YAAA,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,EACnB,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,EAC9B,KAAK,GAAG,YAAY,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;AAChE,YAAA,IAAI,KAAK,CAAC,MAAM,KAAK,YAAY,EAAE;AACjC,gBAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,gBAAA,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AACvB,aAAA;AAAM,iBAAA;gBACL,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAChC,aAAA;AACF,SAAA;AAED,QAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE;AACrE,YAAA,OAAO,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC;AACvC,SAAA;AAAM,aAAA,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACnC,YAAA,MAAM,CAAC,MAAM,GAAG,cAAc,CAAC;AAChC,SAAA;AAED,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;;;;;;AAQG;AACH,IAAA,OAAO,yBAAyB,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAA;QAC7C,MAAM,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EACpB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAChB,QAAQ,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAClC,UAAU,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;AAEvC,QAAA,OAAO,YAAY,CAAC,uBAAuB,CAAC,MAAM,EAAE;YAClD,GAAG;YACH,QAAQ;YACR,GAAG;YACH,UAAU;AACX,SAAA,CAAC,CAAC;KACJ;AACF,CAAA;AAEDA,QAAM,CAAC,YAAY,GAAG,YAAY;;AChPlC;AAMA;;;AAGG;MACU,UAAU,CAAA;AAAvB,IAAA,WAAA,GAAA;QACU,IAAgB,CAAA,gBAAA,GAAuB,EAAE,CAAC;KAmInD;IAvHC,EAAE,CAAC,IAAkC,EAAE,OAAkB,EAAA;AACvD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AAC1B,YAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;;AAE5B,YAAA,KAAK,MAAM,SAAS,IAAI,IAAI,EAAE;gBAC5B,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AACrC,aAAA;YACD,OAAO,MAAM,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7B,SAAA;AAAM,aAAA,IAAI,OAAO,EAAE;YAClB,MAAM,SAAS,GAAG,IAAI,CAAC;AACvB,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE;AACrC,gBAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;AACvC,aAAA;YACD,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/C,OAAO,MAAM,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC3C,SAAA;AAAM,aAAA;;AAEL,YAAA,OAAO,MAAM,KAAK,CAAC;AACpB,SAAA;KACF;IAYD,IAAI,CAAC,IAAkC,EAAE,OAAkB,EAAA;AACzD,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;;YAE5B,MAAM,SAAS,GAAe,EAAE,CAAC;AACjC,YAAA,KAAK,MAAM,SAAS,IAAI,IAAI,EAAE;AAC5B,gBAAA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AACvD,aAAA;AACD,YAAA,OAAO,MAAM,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAC5C,SAAA;AAAM,aAAA,IAAI,OAAO,EAAE;AAClB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAW,KAAI;AAChD,gBAAA,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;AACjB,gBAAA,QAAQ,EAAE,CAAC;AACb,aAAC,CAAC,CAAC;AACH,YAAA,OAAO,QAAQ,CAAC;AACjB,SAAA;AAAM,aAAA;;AAEL,YAAA,OAAO,MAAM,KAAK,CAAC;AACpB,SAAA;KACF;AAED;;;;AAIG;IACK,oBAAoB,CAAC,SAAiB,EAAE,OAAkB,EAAA;AAChE,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE;YACrC,OAAO;AACR,SAAA;AAED,QAAA,IAAI,OAAO,EAAE;YACX,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YACvD,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC7C,YAAA,KAAK,GAAG,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC9C,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;AACvC,SAAA;KACF;IAWD,GAAG,CAAC,IAAmC,EAAE,OAAkB,EAAA;AACzD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,OAAO;AACR,SAAA;;AAGD,QAAA,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;AAC/B,YAAA,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,gBAAgB,EAAE;AAC7C,gBAAA,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;AACtC,aAAA;AACF,SAAA;;AAEI,aAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AACjC,YAAA,KAAK,MAAM,SAAS,IAAI,IAAI,EAAE;gBAC5B,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AACvD,aAAA;AACF,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC1C,SAAA;KACF;AAED;;;;AAIG;IACH,IAAI,CAAC,SAAiB,EAAE,OAAe,EAAA;;AACrC,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,OAAO;AACR,SAAA;AAED,QAAA,MAAM,iBAAiB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAC;AACrE,QAAA,IAAI,iBAAiB,EAAE;AACrB,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACjD,gBAAA,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC;AAChD,aAAA;AACF,SAAA;KACF;AACF,CAAA;AAEDA,QAAM,CAAC,UAAU,GAAG,UAAU;;AChJ9B;AAGM,MAAO,aAAc,SAAQ,UAAU,CAAA;AAC3C;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAY,EAAA;AACtB,QAAA,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;YAC1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,SAAA;KACF;AAED;;AAEG;AACH,IAAA,UAAU,CAAC,GAAwB,EAAA;AACjC,QAAA,KAAK,MAAM,IAAI,IAAI,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5B,SAAA;KACF;AAED;;;;;;AAMG;IACH,GAAG,CAAC,GAAiC,EAAE,KAAW,EAAA;AAChD,QAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC3B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AACtB,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACvB,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,GAAW,EAAE,KAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;KACnB;AAED;;;;;AAKG;AACH,IAAA,MAAM,CAAC,QAAgB,EAAA;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACjC,QAAA,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;YAC9B,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;AAC5B,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,GAAG,CAAC,QAAgB,EAAA;AAClB,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvB;AACF;;ACzDD,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,CAAC,GAAG;IACV,GAAG,EAAE,CAAC,GAAG;AACT,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,KAAK,EAAE,GAAG;CACX,CAAC;AAEF;;;;;AAKG;AACI,MAAM,aAAa,GAAG,CAC3B,WAAyC,KAEzC,OAAO,WAAW,KAAK,QAAQ;AAC7B,MAAE,YAAY,CAAC,WAAW,CAAC;AAC3B,MAAE,WAAW,GAAG,GAAG,CAAC;AAElB,MAAO,YAAa,SAAQ,aAAa,CAAA;AA8G7C;;;;;;;;;AASG;IACH,yBAAyB,CAAC,UAAe,EAAE,EAAA;QACzC,MAAM,UAAU,mBACd,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAA,EAC1B,OAAO,CACX,CAAC;;AAEF,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;AAC3C,QAAA,IAAI,qBAAqB,GAAG,WAAW,EACrC,sBAAsB,GAAG,CAAC,CAAC;QAE7B,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,qBAAqB,GAAG,CAAC,CAAC;YAC1B,sBAAsB,GAAG,WAAW,CAAC;AACtC,SAAA;AACD,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,qBAAqB,EACnD,IAAI,GAAG,UAAU,CAAC,MAAM,GAAG,qBAAqB,EAChD,MAAM,GAAG,UAAU,CAAC,KAAK,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,KAAK,CAAC,CAAC;AAC5D,QAAA,IAAI,eAAe,CAAC;AACpB,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,eAAe,GAAG,IAAI,KAAK,CACzB,IAAI,GAAG,UAAU,CAAC,MAAM,EACxB,IAAI,GAAG,UAAU,CAAC,MAAM,CACzB,CAAC;AACH,SAAA;AAAM,aAAA;YACL,eAAe,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;AAC9D,SAAA;AAED,QAAA,OAAO,eAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;KAC1D;AAED;;;;;;;;AAQG;IACH,sBAAsB,CACpB,KAAY,EACZ,WAAqB,EACrB,WAAqB,EACrB,SAAmB,EACnB,SAAmB,EAAA;QAEnB,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,EACb,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QACd,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,EACnE,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;QAElE,IAAI,OAAO,IAAI,OAAO,EAAE;AACtB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;AAC7C,YAAA,CAAC,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC;AACrB,YAAA,CAAC,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC;AACtB,SAAA;AAED,QAAA,OAAO,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACxB;AAED;;;;;;AAMG;AACH,IAAA,sBAAsB,CACpB,KAAY,EACZ,OAAiB,EACjB,OAAiB,EAAA;AAEjB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,sBAAsB,CACnC,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,CACT,CAAC;QACF,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACtD,SAAA;AACD,QAAA,OAAO,CAAC,CAAC;KACV;AAED;;;;;;AAMG;AACH,IAAA,sBAAsB,CACpB,MAAa,EACb,OAAiB,EACjB,OAAiB,EAAA;AAEjB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,sBAAsB,CACnC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,CACR,CAAC;QACF,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;AACvD,SAAA;AACD,QAAA,OAAO,CAAC,CAAC;KACV;AAED;;;AAGG;IACH,cAAc,GAAA;AACZ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChD,OAAO,IAAI,CAAC,KAAK;cACb,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;cAC3D,SAAS,CAAC;KACf;AAED;;;AAGG;IACH,sBAAsB,GAAA;QACpB,OAAO,IAAI,CAAC,sBAAsB,CAChC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,EAC9B,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,CACb,CAAC;KACH;AAED;;;;;AAKG;IACH,gBAAgB,CAAC,OAAiB,EAAE,OAAiB,EAAA;AACnD,QAAA,OAAO,IAAI,CAAC,sBAAsB,CAChC,IAAI,CAAC,sBAAsB,EAAE,EAC7B,OAAO,EACP,OAAO,CACR,CAAC;KACH;AAED;;;;;;AAMG;AACH,IAAA,mBAAmB,CAAC,GAAU,EAAE,OAAiB,EAAE,OAAiB,EAAA;AAClE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,EAC/D,QAAQ,GAAG,IAAI,CAAC,sBAAsB,CACpC,MAAM,EACN,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,CACb,CAAC;AACJ,QAAA,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;KACjD;AAED;;;;AAIG;IACH,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC;AACrC,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC;AAErC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAE7C,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;AAExB,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;AACrB,QAAA,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC;KACrB;AAED;;;;AAIG;IACH,YAAY,GAAA;AACV,QAAA,IACE,IAAI,CAAC,gBAAgB,KAAK,SAAS;AACnC,YAAA,IAAI,CAAC,gBAAgB,KAAK,SAAS,EACnC;AACA,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,sBAAsB,CAC7C,IAAI,CAAC,sBAAsB,EAAE,EAC7B,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,gBAAgB,CACtB,CAAC;AAEF,YAAA,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC;AAC1B,YAAA,IAAI,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC;AAEzB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC;AACrC,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC;AACrC,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;AAClC,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;AACnC,SAAA;KACF;AAED;;AAEG;IACH,iBAAiB,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,sBAAsB,CAChC,IAAI,CAAC,sBAAsB,EAAE,EAC7B,MAAM,EACN,KAAK,CACN,CAAC;KACH;AACF;;ACxUK,MAAO,cAAe,SAAQ,YAAY,CAAA;AAgE9C;;AAEG;IACH,IAAI,GAAA;AACF,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;KACvB;AAED;;AAEG;AACH,IAAA,IAAI,CAAC,KAAa,EAAA;AAChB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KACtC;AAED;;AAEG;IACH,IAAI,GAAA;AACF,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;KACvB;AAED;;AAEG;AACH,IAAA,IAAI,CAAC,KAAa,EAAA;AAChB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KACtC;AAED;;;AAGG;IACH,YAAY,GAAA;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;AAED;;;AAGG;AACH,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;AAED;;;AAGG;IACH,YAAY,GAAA;QACV,OAAO,IAAI,CAAC,GAAG,CAAC;KACjB;AAED;;;AAGG;AACH,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC;KAClB;AAED;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC,KAAK;cACb,cAAc,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;cAClE,gBAAgB,CAAC;KACtB;AAED;;;;;;;;;AASG;AACH,IAAA,KAAK,CAAC,KAAY,EAAE,OAAkB,EAAE,OAAkB,EAAA;QACxD,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,KAAK,GAAG,cAAc,CACpB,KAAK,EACL,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,CAClD,CAAC;AACH,SAAA;QACD,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;KAC7C;AAED;;AAEG;IACH,aAAa,GAAA;QACX,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;KACvC;AAED;;;;;AAKG;AACH,IAAA,aAAa,CAAC,KAAY,EAAE,OAAkB,EAAE,OAAkB,EAAA;AAChE,QAAA,IAAI,CAAC,mBAAmB,CACtB,KAAK,EACL,OAAO,IAAI,IAAI,CAAC,OAAO,EACvB,OAAO,IAAI,IAAI,CAAC,OAAO,CACxB,CAAC;KACH;AAED;;;;;;;AAOG;AACH,IAAA,UAAU,CAAC,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAA;AAC5C,QAAA,IAAI,SAAS,EAAE;AACb,YAAA,OAAO,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9D,SAAA;;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;AACzC,SAAA;AACD,QAAA,OAAO,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;KAClD;AAED;;;;;;;AAOG;AACH,IAAA,SAAS,CAAC,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAA;AAC3C,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAChE,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;AAC3C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAChD,SAAA;AACD,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;;;;;AAOG;AACH,IAAA,kBAAkB,CAChB,OAAc,EACd,OAAc,EACd,QAAiB,EACjB,SAAkB,EAAA;QAElB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,EAChD,YAAY,GAAG,YAAY,CAAC,yBAAyB,CACnD,MAAM,EACN,OAAO,EACP,OAAO,CACR,CAAC;AACJ,QAAA,OAAO,YAAY,CAAC,MAAM,KAAK,cAAc,CAAC;KAC/C;AAED;;;;;;AAMG;AACH,IAAA,oBAAoB,CAClB,KAAqB,EACrB,QAAiB,EACjB,SAAkB,EAAA;QAElB,MAAM,YAAY,GAAG,YAAY,CAAC,uBAAuB,CACvD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,EACnC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,CACrC,CAAC;AAEF,QAAA,QACE,YAAY,CAAC,MAAM,KAAK,cAAc;YACtC,YAAY,CAAC,MAAM,KAAK,YAAY;YACpC,KAAK,CAAC,uBAAuB,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC;YACxD,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EACxD;KACH;AAED;;;;;;AAMG;AACH,IAAA,uBAAuB,CACrB,KAAqB,EACrB,QAAiB,EACjB,SAAkB,EAAA;AAElB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,EAChD,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,EACzD,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC1B,YAAA,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE;AAC1C,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACF,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;;;AAOG;AACH,IAAA,qBAAqB,CACnB,OAAc,EACd,OAAc,EACd,QAAiB,EACjB,SAAkB,EAAA;QAElB,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAC/D,QAAA,QACE,YAAY,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC;YAC9B,YAAY,CAAC,IAAI,GAAG,YAAY,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC;AACnD,YAAA,YAAY,CAAC,GAAG,IAAI,OAAO,CAAC,CAAC;YAC7B,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,EACnD;KACH;AAED;;;;;;;AAOG;IACH,aAAa,CACX,KAAY,EACZ,KAA6B,EAC7B,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EAAA;AAEjB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,EACjD,UAAU,GAAG,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EACjD,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;;QAErD,OAAO,OAAO,KAAK,CAAC,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;KAC3C;AAED;;;;;AAKG;IACH,UAAU,CAAC,SAAS,GAAG,KAAK,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;QACD,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QACzC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;;AAE/C,QAAA,IACE,MAAM,CAAC,IAAI,CACT,CAAC,KAAK,KACJ,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACf,YAAA,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACf,YAAA,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACf,YAAA,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAClB,EACD;AACA,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;;AAED,QAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE;AACpD,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;QACD,OAAO,IAAI,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC;KACxD;AAED;;;;;;;;AAQG;AACK,IAAA,uBAAuB,CAC7B,OAAc,EACd,OAAc,EACd,SAAkB,EAAA;;QAGlB,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAClD,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;KACpE;AAED;;;;AAIG;AACH,IAAA,mBAAmB,CAAC,SAAkB,EAAA;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;QACD,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;AACzC,QAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE;AACpD,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACD,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,KAAK,CAC/D,CAAC,KAAK,KACJ,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACnC,aAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACvC,CAAC;AACF,QAAA,QACE,mBAAmB,IAAI,IAAI,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,SAAS,CAAC,EACtE;KACH;AAED;;;;AAIG;IACH,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAgB,EAAA;AAC7C,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,OAAO,EAAE;AACP,gBAAA,CAAC,EAAE,EAAE;AACL,gBAAA,CAAC,EAAE,EAAE;AACN,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,CAAC,EAAE,EAAE;AACL,gBAAA,CAAC,EAAE,EAAE;AACN,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,CAAC,EAAE,EAAE;AACL,gBAAA,CAAC,EAAE,EAAE;AACN,aAAA;AACD,YAAA,QAAQ,EAAE;AACR,gBAAA,CAAC,EAAE,EAAE;AACL,gBAAA,CAAC,EAAE,EAAE;AACN,aAAA;SACF,CAAC;;;;;;;;;;;;;;;AAiBF,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;;;;;AAOG;IACH,gBAAgB,CAAC,KAAY,EAAE,KAAiB,EAAA;QAC9C,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf,QAAA,KAAK,MAAM,OAAO,IAAI,KAAK,EAAE;AAC3B,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,OAA2B,CAAC,CAAC;;AAEjD,YAAA,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE;gBAC9C,SAAS;AACV,aAAA;;AAED,YAAA,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE;gBAChD,SAAS;AACV,aAAA;;YAED,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE;AACnD,gBAAA,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAChB,aAAA;;AAEI,iBAAA;gBACH,MAAM,EAAE,GAAG,CAAC,CAAC;AACb,gBAAA,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7D,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;AAClC,gBAAA,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtC,gBAAA,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AAC7B,aAAA;;AAED,YAAA,IAAI,EAAE,IAAI,KAAK,CAAC,CAAC,EAAE;gBACjB,MAAM,IAAI,CAAC,CAAC;AACb,aAAA;;YAED,IAAI,MAAM,KAAK,CAAC,EAAE;gBAChB,MAAM;AACP,aAAA;AACF,SAAA;AACD,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;;;;AAMG;IACH,eAAe,CAAC,QAAkB,EAAE,SAAmB,EAAA;QACrD,OAAO,yBAAyB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;KACvE;AAED;;;;AAIG;IACH,cAAc,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC,CAAC;KAC3C;AAED;;;;AAIG;IACH,eAAe,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC,CAAC;KAC3C;AAED;;;;AAIG;AACH,IAAA,KAAK,CAAC,KAAa,EAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;AAED;;;;;AAKG;IACH,YAAY,CAAC,KAAa,EAAE,QAAiB,EAAA;;AAE3C,QAAA,MAAM,kBAAkB,GACtB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;AAC/D,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,kBAAkB,CAAC,CAAC;KAC5D;AAED;;;;;AAKG;AACH,IAAA,aAAa,CAAC,KAAa,EAAE,QAAQ,GAAG,KAAK,EAAA;;AAE3C,QAAA,MAAM,kBAAkB,GACtB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AACjE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,kBAAkB,CAAC,CAAC;KAC7D;AAED;;;AAGG;IACH,aAAa,GAAA;QACX,OAAO,IAAI,CAAC,KAAK;cACb,WAAW,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,KAAK;AAC/C,cAAE,IAAI,CAAC,KAAK,CAAC;KAChB;AAED;;;;AAIG;IACH,cAAc,GAAA;AACZ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,oBAAoB,EAAE,EACrC,OAAO,GAAG,IAAI,CAAC,OAAO,EACtB,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,EAC9C,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,OAAO,EAC3B,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,OAAO,EAC3B,QAAQ,GAAG,IAAI,GAAG,IAAI,EACtB,aAAa,GAAG,IAAI,GAAG,IAAI,EAC3B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAE1C,QAAA,MAAM,UAAU,GAAiB;AAC/B,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC;AAC3B,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC;AAC3B,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC;AAC3B,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC;SAC5B,CAAC;AAEF,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC;AACjC,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,QAAQ,CAAC;AAC5B,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,QAAQ,CAAC;AAC5B,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC;AACjC,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,QAAQ,CAAC;AAC5B,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC;AACjC,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC;AACjC,YAAA,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,QAAQ,CAAC;AAC7B,SAAA;AAED,QAAA,OAAO,UAAU,CAAC;KACnB;AAED;;;;;AAKG;IACH,oBAAoB,GAAA;;AAClB,QAAA,OAAO,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,iBAAiB,KAAK,OAAO,CAAC,MAAM,EAAa,CAAC;KACvE;AAED;;;;AAIG;IACH,WAAW,GAAA;AACT,QAAA,MAAM,YAAY,GAAG,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAC1D,MAAM,GAAG,IAAI,CAAC,sBAAsB,EAAE,EACtC,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAW,EAC5D,WAAW,GAAG,yBAAyB,CAAC,eAAe,EAAE,YAAY,CAAC,EACtE,GAAG,GAAG,IAAI,CAAC,yBAAyB,EAAE,EACtC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,EACb,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAChB,OAAO;;AAEL,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC;AACjD,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC;AAChD,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC;AAChD,YAAA,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC;SAChD,CAAC;KACH;AAED;;;;;;;AAOG;IACH,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;;;AAGlC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;KACrE;IAED,kBAAkB,CAAC,SAAS,GAAG,KAAK,EAAA;QAClC,MAAM,GAAG,GAAG,GAAG,CAAC;QAChB,IAAI,MAAM,GAAG,EAAE,CAAC;AAChB,QAAA,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE;YAC5B,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;AACzD,SAAA;AACD,QAAA,QACE,MAAM;AACN,YAAA,IAAI,CAAC,GAAG;YACR,GAAG;AACH,YAAA,IAAI,CAAC,IAAI;YACT,GAAG;AACH,YAAA,IAAI,CAAC,MAAM;YACX,GAAG;AACH,YAAA,IAAI,CAAC,MAAM;YACX,GAAG;AACH,YAAA,IAAI,CAAC,KAAK;YACV,GAAG;AACH,YAAA,IAAI,CAAC,KAAK;YACV,GAAG;AACH,YAAA,IAAI,CAAC,KAAK;YACV,GAAG;AACH,YAAA,IAAI,CAAC,OAAO;YACZ,GAAG;AACH,YAAA,IAAI,CAAC,OAAO;YACZ,GAAG;AACH,YAAA,IAAI,CAAC,KAAK;YACV,GAAG;AACH,YAAA,IAAI,CAAC,MAAM;YACX,GAAG;AACH,YAAA,IAAI,CAAC,WAAW;AAChB,YAAA,IAAI,CAAC,KAAK;YACV,IAAI,CAAC,KAAK,EACV;KACH;AAED;;;;;;AAMG;IACH,mBAAmB,CAAC,SAAS,GAAG,KAAK,EAAA;AACnC,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;AAClC,QAAA,IAAI,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AAC5B,YAAA,OAAO,MAAM,CAAC;AACf,SAAA;AACD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAC5C,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;AAC3B,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9B,OAAO,KAAK,CAAC,KAAK,CAAC;AACpB,SAAA;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,MAAM,GAAG,yBAAyB,CAChC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACrC,MAAM,CACP,CAAC;AACH,SAAA;QACD,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG;AACH,YAAA,KAAK,EAAE,MAAM;SACd,CAAC;AACF,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;;AAIG;IACH,aAAa,GAAA;AACX,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EACvC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC;AAC9B,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9B,OAAO,KAAK,CAAC,KAAK,CAAC;AACpB,SAAA;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,sBAAsB,EAAE,EAC1C,OAAO,GAAG;YACR,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,UAAU,EAAE,MAAM,CAAC,CAAC;YACpB,UAAU,EAAE,MAAM,CAAC,CAAC;YACpB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,SAAA,EACD,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,CAAC,cAAc,GAAG;YACpB,GAAG;YACH,KAAK;SACN,CAAC;AACF,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;;AAIG;IACH,4BAA4B,GAAA;AAC1B,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACvE;AAED;;;;;;AAMG;AACH,IAAA,2BAA2B,CAAC,OAAa,EAAA;AACvC,QAAA,OAAO,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AAC3C,aAAA,SAAS,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC;AAC5C,aAAA,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;KAChC;AACF;;ACxxBD,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;AACG,MAAO,YAAa,SAAQ,cAAc,CAAA;AAwiB9C;;;AAGG;AACH,IAAA,WAAA,CAAY,OAAiD,EAAA;AAC3D,QAAA,KAAK,EAAE,CAAC;AA3GV;;;;;;;AAOG;QACH,IAAa,CAAA,aAAA,GAAoC,IAAI,CAAC;AAoGpD,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1B,SAAA;KACF;AAED;;;AAGG;AACH,IAAA,UAAU,CAAC,OAAiD,EAAA;AAC1D,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1B,SAAA;KACF;AAED;;;AAGG;IACH,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,GAAG,mBAAmB,EAAE,CAAC;QAC1C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxD,IAAI,CAAC,kBAAkB,EAAE,CAAC;;AAE1B,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;KACnB;AAED;;;;;;;;;;;;;;AAcG;AACH,IAAA,eAAe,CACb,IAAqE,EAAA;QAErE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EACtB,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,GAAG,GAAG,MAAM,CAAC,iBAAiB,EAC9B,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QACjC,IACE,KAAK,IAAI,GAAG;AACZ,YAAA,MAAM,IAAI,GAAG;AACb,YAAA,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,kBAAkB,EAC3C;YACA,IAAI,KAAK,GAAG,GAAG,EAAE;AACf,gBAAA,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;AAClB,aAAA;YACD,IAAI,MAAM,GAAG,GAAG,EAAE;AAChB,gBAAA,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;AACnB,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACD,QAAA,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,EACvB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,EACxC,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,EAC5B,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QAC/B,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,YAAA,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC;AACxB,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AACf,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;AACpB,SAAA;QACD,IAAI,MAAM,GAAG,CAAC,EAAE;AACd,YAAA,IAAI,CAAC,KAAK,IAAI,MAAM,GAAG,CAAC,CAAC;AACzB,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;AACpB,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;;;;;;AAUG;IACH,yBAAyB,GAAA;AACvB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,qBAAqB,EAAE;;QAE9C,GAAG,GAAG,IAAI,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAC5D,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,EAC/C,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC;QAClD,OAAO;;;;YAIL,KAAK,EAAE,OAAO,GAAG,cAAc;YAC/B,MAAM,EAAE,OAAO,GAAG,cAAc;YAChC,KAAK,EAAE,WAAW,CAAC,CAAC;YACpB,KAAK,EAAE,WAAW,CAAC,CAAC;AACpB,YAAA,CAAC,EAAE,OAAO;AACV,YAAA,CAAC,EAAE,OAAO;SACX,CAAC;KACH;AAED;;;;;AAKG;IACH,kBAAkB,GAAA;AAChB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC;QACjC,IAAI,IAAI,CAAC,YAAY,IAAI,YAAY,IAAI,YAAY,CAAC,iBAAiB,EAAE;AACvE,YAAA,MAAM,MAAM,GAAG,YAAY,CAAC,iBAAiB,CAAC,MAAM,EAClD,MAAM,GAAG,YAAY,CAAC,iBAAiB,CAAC,MAAM,CAAC;AACjD,YAAA,IAAI,IAAI,KAAK,MAAM,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,EAAE;AACrE,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACF,SAAA;AACD,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAC9B,OAAO,GAAG,IAAI,CAAC,aAAa,EAC5B,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,EAC7D,YAAY,GAAG,MAAM,CAAC,iBAAiB,EACvC,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,iBAAiB,GACf,KAAK,KAAK,IAAI,CAAC,UAAU,IAAI,MAAM,KAAK,IAAI,CAAC,WAAW,EAC1D,WAAW,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;AAE7D,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;QAED,IAAI,YAAY,EACd,aAAa,EACb,YAAY,GAAG,iBAAiB,IAAI,WAAW,EAC/C,eAAe,GAAG,CAAC,EACnB,gBAAgB,GAAG,CAAC,EACpB,kBAAkB,GAAG,KAAK,CAAC;AAE7B,QAAA,IAAI,iBAAiB,EAAE;AACrB,YAAA,MAAM,WAAW,GAAI,IAAI,CAAC,YAAkC,CAAC,KAAK,EAChE,YAAY,GAAI,IAAI,CAAC,YAAkC,CAAC,MAAM,EAC9D,WAAW,GAAG,KAAK,GAAG,WAAW,IAAI,MAAM,GAAG,YAAY,EAC1D,aAAa,GACX,CAAC,KAAK,GAAG,WAAW,GAAG,GAAG,IAAI,MAAM,GAAG,YAAY,GAAG,GAAG;AACzD,gBAAA,WAAW,GAAG,YAAY;gBAC1B,YAAY,GAAG,YAAY,CAAC;AAChC,YAAA,kBAAkB,GAAG,WAAW,IAAI,aAAa,CAAC;AAClD,YAAA,IACE,WAAW;gBACX,CAAC,IAAI,CAAC,MAAM;iBACX,KAAK,GAAG,YAAY,IAAI,MAAM,GAAG,YAAY,CAAC,EAC/C;AACA,gBAAA,eAAe,GAAG,KAAK,GAAG,GAAG,CAAC;AAC9B,gBAAA,gBAAgB,GAAG,MAAM,GAAG,GAAG,CAAC;AACjC,aAAA;AACF,SAAA;QACD,IAAI,IAAI,YAAYA,QAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;YAC5C,YAAY,GAAG,IAAI,CAAC;YACpB,kBAAkB,GAAG,IAAI,CAAC;;YAE1B,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACxD,gBAAgB,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AAC1D,SAAA;AACD,QAAA,IAAI,YAAY,EAAE;AAChB,YAAA,IAAI,kBAAkB,EAAE;gBACtB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;gBAClD,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;AACtD,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACvC,gBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;AACtD,aAAA;AACD,YAAA,YAAY,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1B,YAAA,aAAa,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,iBAAiB;AACpB,gBAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC;AAC7D,YAAA,IAAI,CAAC,iBAAiB;AACpB,gBAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,CAAC,GAAG,aAAa,CAAC;AAChE,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;AACxB,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;YAC1B,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;AAClE,YAAA,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC5B,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;AAGG;IACH,UAAU,CAAC,UAA+B,EAAE,EAAA;AAC1C,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC3B;AAED;;;AAGG;AACH,IAAA,SAAS,CAAC,GAA6B,EAAA;AACrC,QAAA,MAAM,iBAAiB,GACrB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc;AACzC,aAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAChE,MAAM,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACvD,QAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnD;AAED;;;;AAIG;AACH,IAAA,QAAQ,CAAC,mBAAmC,EAAA;AAC1C,QAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,EACpD,YAAY,GACV,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB;AAC/C,cACO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAC9C,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAChC,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAExD,CAAA,GAAE,IAAI,EACV,MAAM,iDACD,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAClC,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAEC,OAAO,EAChB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,EAC7C,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,mBAAmB,CAAC,EAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAC/C,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,IAAI,EACF,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,EACpE,MAAM,EACJ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ;AACjC,kBAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;kBACtB,IAAI,CAAC,MAAM,EACjB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,mBAAmB,CAAC,EAC3D,eAAe,EAAE,IAAI,CAAC,eAAe;AACnC,kBAAE,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;kBAC7B,IAAI,CAAC,eAAe,EACxB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,EACrE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAC/C,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC,EACnD,MAAM,EACJ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ;AACjC,kBAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;AACxB,kBAAE,IAAI,CAAC,MAAM,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAC/C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAA,CAAA,GAC3C,YAAY,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EACrD,CAAC;QAEJ,OAAO,CAAC,IAAI,CAAC,oBAAoB;AAC/B,cAAE,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;cACjC,MAAM,CAAC;KACZ;AAED;;;;AAIG;AACH,IAAA,gBAAgB,CAAC,mBAAmC,EAAA;;AAElD,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC3C;AAED;;;AAGG;AACH,IAAA,oBAAoB,CAAC,MAA2B,EAAA;AAC9C,QAAA,MAAM,SAAS,GAAGD,QAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;QAC9D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,EAAA;YACxC,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,EAAE;gBACxD,OAAO;AACR,aAAA;YACD,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,EAAE;AACpC,gBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACrB,aAAA;;YAED,IACE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC3B,gBAAA,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9B,gBAAA,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;AACzB,gBAAA,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAC5B;AACA,gBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACrB,aAAA;AACH,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;AAGG;IACH,QAAQ,GAAA;QACN,OAAO,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;KAClD;AAED;;;AAGG;IACH,gBAAgB,GAAA;;;;;AAKd,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAChE,SAAA;;QAED,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACxD,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;KACtE;AAED;;;AAGG;IACH,qBAAqB,GAAA;AACnB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACnC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;YAC9C,OAAO,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;AAC5C,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;AAGG;IACH,gBAAgB,GAAA;AACd,QAAA,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;AAC1C,SAAA;AACD,QAAA,OAAO,OAAO,CAAC;KAChB;AAED;;;;;;AAMG;AACH,IAAA,eAAe,CAAC,KAAa,EAAA;QAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE;YACxC,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,gBAAA,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;AAC5B,aAAA;AAAM,iBAAA;gBACL,OAAO,IAAI,CAAC,aAAa,CAAC;AAC3B,aAAA;AACF,SAAA;aAAM,IAAI,KAAK,KAAK,CAAC,EAAE;AACtB,YAAA,OAAO,MAAM,CAAC;AACf,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;;;AAKG;IACH,IAAI,CAAC,GAAW,EAAE,KAAU,EAAA;AAC1B,QAAA,MAAM,oBAAoB,GAAG,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAC/D,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC;AAElC,QAAA,IAAI,oBAAoB,EAAE;AACxB,YAAA,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AACrC,SAAA;AACD,QAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB,KAAK,IAAI,CAAC,CAAC,CAAC;AACb,SAAA;AAAM,aAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,EAAE;AACxC,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB,KAAK,IAAI,CAAC,CAAC,CAAC;AACb,SAAA;AAAM,aAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,KAAK,IAAI,EAAE,KAAK,YAAYA,QAAM,CAAC,MAAM,CAAC,EAAE;YACzE,KAAK,GAAG,IAAIA,QAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAClC,SAAA;AAAM,aAAA,IAAI,GAAG,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,EAAE;YACxC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAChC,SAAA;AAED,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAElB,QAAA,IAAI,SAAS,EAAE;AACb,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YAC/D,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;AAC1C,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gBAClB,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACnD,aAAA;AAAM,iBAAA,IAAI,gBAAgB,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;gBACrE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC/B,aAAA;AACF,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,YAAY,GAAA;AACV,QAAA,QACE,IAAI,CAAC,OAAO,KAAK,CAAC;AAClB,aAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC;AACvD,YAAA,CAAC,IAAI,CAAC,OAAO,EACb;KACH;AAED;;;AAGG;AACH,IAAA,MAAM,CAAC,GAA6B,EAAA;;AAElC,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,OAAO;AACR,SAAA;QACD,IACE,IAAI,CAAC,MAAM;YACX,IAAI,CAAC,MAAM,CAAC,aAAa;YACzB,CAAC,IAAI,CAAC,KAAK;AACX,YAAA,CAAC,IAAI,CAAC,UAAU,EAAE,EAClB;YACA,OAAO;AACR,SAAA;QACD,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,QAAA,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;AACnC,QAAA,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AACrB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;YACtB,IAAI,CAAC,WAAW,EAAE,CAAC;AACnB,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC7B,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AACrB,YAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,cAAc,EAAE;gBAC7C,IAAI,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACpD,aAAA;AACF,SAAA;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED,IAAA,WAAW,CAAC,OAAa,EAAA;AACvB,QAAA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC7C,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC3B,SAAA;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE;AAC7C,YAAA,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC,CAAC;YAC1E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;AACzD,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACpB,SAAA;KACF;AAED;;AAEG;IACH,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;AAC9B,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAC1B,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;AACpB,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;KACtB;AAED;;;;;;;;;AASG;IACH,SAAS,GAAA;AACP,QAAA,QACE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EACtE;KACH;AAED;;;;;;;;;AASG;IACH,OAAO,GAAA;QACL,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC;KACjD;AAED;;;;;;;AAOG;IACH,gBAAgB,GAAA;AACd,QAAA,IACE,IAAI,CAAC,UAAU,KAAK,QAAQ;YAC5B,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAC/B;AACA,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;;;;;;AAQG;IACH,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU;YACb,IAAI,CAAC,gBAAgB,EAAE;AACvB,iBAAC,IAAI,CAAC,aAAa,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;AAED;;;;;AAKG;IACH,cAAc,GAAA;QACZ,QACE,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,CAAC,CAAC,EACzE;KACH;AAED;;;;;;AAMG;IACH,mBAAmB,CAAC,GAA6B,EAAE,QAAsB,EAAA;QACvE,GAAG,CAAC,IAAI,EAAE,CAAC;;;QAGX,IAAI,QAAQ,CAAC,QAAQ,EAAE;AACrB,YAAA,GAAG,CAAC,wBAAwB,GAAG,iBAAiB,CAAC;AAClD,SAAA;AAAM,aAAA;AACL,YAAA,GAAG,CAAC,wBAAwB,GAAG,gBAAgB,CAAC;AACjD,SAAA;;QAED,IAAI,QAAQ,CAAC,kBAAkB,EAAE;AAC/B,YAAA,MAAM,CAAC,GAAGA,QAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAClE,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnD,SAAA;AACD,QAAA,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AACxB,QAAA,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAM,EAAE,CAAC,GAAG,QAAQ,CAAC,KAAM,CAAC,CAAC;AACpD,QAAA,GAAG,CAAC,SAAS,CACX,QAAQ,CAAC,YAAa,EACtB,CAAC,QAAQ,CAAC,iBAAkB,EAC5B,CAAC,QAAQ,CAAC,iBAAkB,CAC7B,CAAC;QACF,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;;AAIG;IACH,UAAU,CAAC,GAA6B,EAAE,WAAqB,EAAA;QAC7D,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,EAC5B,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,WAAW,EAAE;AACf,YAAA,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACpB,YAAA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;AACjB,YAAA,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;AAClC,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC7B,SAAA;AACD,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAA,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC;AACzB,QAAA,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC;KAC9B;AAED;;;;AAIG;IACH,aAAa,CAAC,GAAG,EAAE,QAAQ,EAAA;QACzB,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;AACR,SAAA;;;;QAID,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,QAAQ,CAAC,WAAW,EAAE,CAAC;AACvB,QAAA,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC;QAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5C,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;KACzC;AAED;;;AAGG;AACH,IAAA,iBAAiB,CAAC,GAAG,EAAA;AACnB,QAAA,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAA,GAAG,CAAC,SAAS,CACX,IAAI,CAAC,YAAY,EACjB,CAAC,IAAI,CAAC,iBAAiB,EACvB,CAAC,IAAI,CAAC,iBAAiB,CACxB,CAAC;KACH;AAED;;;;AAIG;IACH,YAAY,CAAC,UAAU,GAAG,KAAK,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACvB,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;QACD,IACE,IAAI,CAAC,YAAY;AACjB,YAAA,IAAI,CAAC,aAAa;AAClB,YAAA,CAAC,UAAU;YACX,IAAI,CAAC,kBAAkB,EAAE,EACzB;;AAEA,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AAAM,aAAA;YACL,IACE,IAAI,CAAC,KAAK;iBACT,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC;iBAClD,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,EAChE;gBACA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE;oBAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;oBAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7C,oBAAA,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACtE,iBAAA;AACD,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACF,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;;AAIG;AACH,IAAA,iBAAiB,CAAC,GAAG,EAAA;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACzB,OAAO;AACR,SAAA;AACD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,4BAA4B,EAAE,CAAC;AAChD,QAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC;QAErC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;;;AAGnD,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;KACzB;AAED;;;AAGG;AACH,IAAA,WAAW,CAAC,GAAG,EAAA;QACb,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;AAC5C,YAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC3C,SAAA;AAAM,aAAA;AACL,YAAA,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC;AACjC,SAAA;KACF;IAED,gBAAgB,CAAC,GAAG,EAAE,IAAI,EAAA;AACxB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AAC3B,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;AACjC,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;AACjC,YAAA,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC;AAC3C,YAAA,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;AACnC,YAAA,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACvC,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,gBAAA,IACE,MAAM,CAAC,aAAa,KAAK,YAAY;AACrC,oBAAA,MAAM,CAAC,iBAAiB;oBACxB,MAAM,CAAC,gBAAgB,EACvB;;;;;AAKA,oBAAA,IAAI,CAAC,mCAAmC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AACvD,iBAAA;AAAM,qBAAA;;oBAEL,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAC3C,oBAAA,IAAI,CAAC,8BAA8B,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AAClD,iBAAA;AACF,aAAA;AAAM,iBAAA;;AAEL,gBAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,aAAA;AACF,SAAA;KACF;IAED,cAAc,CAAC,GAAG,EAAE,IAAI,EAAA;AACtB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACvB,QAAA,IAAI,IAAI,EAAE;YACR,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;gBACvC,IAAI,CAAC,8BAA8B,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AACrD,aAAA;AAAM,iBAAA;AACL,gBAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC;AACtB,aAAA;AACF,SAAA;KACF;AAED,IAAA,sBAAsB,CAAC,GAAG,EAAA;AACxB,QAAA,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC;AACpB,QAAA,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC;AAChC,QAAA,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;KAC3B;AAED;;;;;AAKG;IACH,YAAY,CAAC,GAAG,EAAE,SAAS,EAAA;QACzB,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YACxC,OAAO;AACR,SAAA;;AAED,QAAA,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;YACxB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAC5C,SAAA;AACD,QAAA,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;KAC5B;AAED;;;AAGG;AACH,IAAA,UAAU,CAAC,GAA6B,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;AACR,SAAA;AAED,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,EACtB,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,KAAK,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,EACpD,KAAK,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,EACpD,OAAO,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC1E,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,EAAE,EAAE;AACvC,YAAA,KAAK,IAAI,MAAM,CAAC,gBAAgB,CAAC;AACjC,YAAA,KAAK,IAAI,MAAM,CAAC,gBAAgB,CAAC;AAClC,SAAA;AACD,QAAA,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;AAC/B,QAAA,GAAG,CAAC,UAAU;YACZ,CAAC,MAAM,CAAC,IAAI;AACV,gBAAA,MAAM,CAAC,yBAAyB;iBAC/B,KAAK,GAAG,KAAK,CAAC;iBACd,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;AACzB,gBAAA,CAAC,CAAC;AACJ,QAAA,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AACvD,QAAA,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;KACxD;AAED;;;AAGG;AACH,IAAA,aAAa,CAAC,GAAG,EAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;AACR,SAAA;AAED,QAAA,GAAG,CAAC,WAAW,GAAG,EAAE,CAAC;AACrB,QAAA,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,aAAa,GAAG,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC;KAC5D;AAED;;;;;;AAMG;IACH,8BAA8B,CAC5B,GAA6B,EAC7B,MAAe,EAAA;AAEf,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YAC7B,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;AACnC,SAAA;QACD,MAAM,CAAC,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAM,CAAC,gBAAgB,CAAC;AAC9D,QAAA,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,EACnD,OAAO,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnD,QAAA,IAAI,MAAM,CAAC,aAAa,KAAK,YAAY,EAAE;AACzC,YAAA,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAChE,SAAA;AAAM,aAAA;AACL,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7C,SAAA;AACD,QAAA,IAAI,CAAC,EAAE;AACL,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnD,SAAA;QACD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;KAC/C;AAED;;;AAGG;AACH,IAAA,mBAAmB,CAAC,GAA6B,EAAA;AAC/C,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACxB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AACvB,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACzB,SAAA;KACF;AAED;;;;;;AAMG;AACH,IAAA,OAAO,CAAC,GAA6B,EAAA;;KAEpC;AAED;;;AAGG;AACH,IAAA,WAAW,CAAC,GAA6B,EAAA;AACvC,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;AACR,SAAA;QAED,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;AAC/B,YAAA,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACrB,SAAA;AAAM,aAAA;YACL,GAAG,CAAC,IAAI,EAAE,CAAC;AACZ,SAAA;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;AAGG;AACH,IAAA,aAAa,CAAC,GAA6B,EAAA;QACzC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;YAC1C,OAAO;AACR,SAAA;QAED,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AAC5C,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACzB,SAAA;QAED,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACxC,YAAA,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACzC,SAAA;QACD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACjC,GAAG,CAAC,MAAM,EAAE,CAAC;QACb,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;;;;;;;;AAUG;IACH,mCAAmC,CACjC,GAA6B,EAC7B,MAAe,EAAA;QAEf,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,EACjE,OAAO,GAAGA,QAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAC3C,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAC9C,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,aAAa,EAC5C,MAAM,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC;AAChD,QAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;AACtB,QAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,QAAA,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAClB,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC3B,QAAA,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QACvB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,KAAK,CACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,aAAa,EACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,aAAa,CACzC,CAAC;AACF,QAAA,IAAI,CAAC,8BAA8B,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAClD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,CAAC,IAAI,EAAE,CAAC;AACZ,QAAA,GAAG,CAAC,SAAS,CACX,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,EACtC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CACxC,CAAC;QACF,GAAG,CAAC,KAAK,CACP,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAC1C,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAC3C,CAAC;QACF,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KAC5D;AAED;;;;;AAKG;IACH,sBAAsB,GAAA;QACpB,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;KACzE;AAED;;;;;;AAMG;IACH,2BAA2B,GAAA;QACzB,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AAClD,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YACnC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AACnC,YAAA,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AAChB,SAAA;KACF;AAED;;;;;;AAMG;AACH,IAAA,sBAAsB,CAAC,0BAA0B,EAAA;AAC/C,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC3C,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACnC,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AACvD,SAAA;AACD,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC5B,QAAA,IAAI,0BAA0B,EAAE;AAC9B,YAAA,IAAI,CAAC,MAAM,IAAI,0BAA0B,CAAC,MAAM,CAAC;AACjD,YAAA,IAAI,CAAC,MAAM,IAAI,0BAA0B,CAAC,MAAM,CAAC;AACjD,YAAA,IAAI,CAAC,KAAK,GAAG,0BAA0B,CAAC,KAAK,CAAC;AAC9C,YAAA,IAAI,CAAC,KAAK,GAAG,0BAA0B,CAAC,KAAK,CAAC;AAC9C,YAAA,MAAM,CAAC,CAAC,IAAI,0BAA0B,CAAC,UAAU,CAAC;AAClD,YAAA,MAAM,CAAC,CAAC,IAAI,0BAA0B,CAAC,SAAS,CAAC;AACjD,YAAA,IAAI,CAAC,KAAK,GAAG,0BAA0B,CAAC,KAAK,CAAC;AAC9C,YAAA,IAAI,CAAC,MAAM,GAAG,0BAA0B,CAAC,MAAM,CAAC;AACjD,SAAA;QACD,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACtD;AAED;;;;AAIG;AACH,IAAA,KAAK,CAAC,mBAAmC,EAAA;QACvC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;;QAEtD,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;KAChD;AAED;;;;;;;;;;;;;;;;;AAiBG;AACH,IAAA,YAAY,CAAC,OAAY,EAAA;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC/C,QAAA,OAAO,IAAIA,QAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACnC;AAED;;;;;;;;;;;;AAYG;AACH,IAAA,eAAe,CAAC,OAAY,EAAA;AAC1B,QAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;AAE1B,QAAA,MAAM,KAAK,GAAGA,QAAM,CAAC,IAAI,EACvB,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAC5C,aAAa,GAAG,IAAI,CAAC,KAAK,EAC1B,cAAc,GAAG,IAAI,CAAC,MAAM,EAC5B,GAAG,GAAG,IAAI,CAAC,GAAG,EACd,aAAa,GAAG,OAAO,CAAC,mBAAmB;cACvC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;AACtC,cAAE,CAAC,EACL,UAAU,GAAG,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,IAAI,aAAa,CAAC;QACzD,OAAO,IAAI,CAAC,KAAK,CAAC;QAClB,IAAI,OAAO,CAAC,gBAAgB,EAAE;AAC5B,YAAA,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAClC,SAAA;QACD,IAAI,OAAO,CAAC,aAAa,EAAE;AACzB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;AACpB,SAAA;AAED,QAAA,IAAI,EAAE,GAAGA,QAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE;;AAExC,QAAA,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,EAC/C,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,KAAK,EACL,MAAM,CAAC;AAET,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;AAC/B,YAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU;AAC/B,kBAAE,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AACjB,kBAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC;;AAE5B,YAAA,YAAY,CAAC,CAAC;gBACZ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACpE,YAAA,YAAY,CAAC,CAAC;gBACZ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACrE,SAAA;QACD,KAAK,GAAG,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC;QAC5C,MAAM,GAAG,YAAY,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC;;;QAG9C,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,IAAI,MAAM,GAAG,IAAIA,QAAM,CAAC,YAAY,CAAC,EAAE,EAAE;AACvC,YAAA,mBAAmB,EAAE,KAAK;AAC1B,YAAA,iBAAiB,EAAE,KAAK;AACxB,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA,CAAC,CAAC;AACH,QAAA,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE;AAC7B,YAAA,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC;AACjC,SAAA;QACD,IAAI,CAAC,mBAAmB,CACtB,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAC9C,QAAQ,EACR,QAAQ,CACT,CAAC;AACF,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;AACnC,QAAA,MAAM,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC3B,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,UAAU,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAClE,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AACnC,QAAA,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC;AAC7B,QAAA,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,EAAE,CAAC;;;;AAIjB,QAAA,MAAM,CAAC,QAAQ,GAAG,EAAE,CAAC;;QAErB,MAAM,CAAC,OAAO,EAAE,CAAC;QACjB,MAAM,GAAG,IAAI,CAAC;AAEd,QAAA,OAAO,QAAQ,CAAC;KACjB;AAED;;;;;;;;;;;;;;AAcG;IACH,SAAS,CAAC,UAAe,EAAE,EAAA;QACzB,OAAOA,QAAM,CAAC,IAAI,CAAC,SAAS,CAC1B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAC7B,OAAO,CAAC,MAAM,IAAI,KAAK,EACvB,OAAO,CAAC,OAAO,IAAI,CAAC,CACrB,CAAC;KACH;AAED;;;;AAIG;IACH,MAAM,CAAC,GAAG,KAAe,EAAA;QACvB,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAClC;AAED;;;AAGG;IACH,UAAU,GAAA;AACR,QAAA,OAAO,CAAC,CAAC;KACV;AAED;;;AAGG;IACH,MAAM,GAAA;;AAEJ,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;KACxB;AAED;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAc,EAAA;AACnB,QAAA,MAAM,kBAAkB,GACtB,CAAC,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ;YACvD,IAAI,CAAC,gBAAgB,CAAC;AAExB,QAAA,IAAI,kBAAkB,EAAE;YACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC3B,SAAA;AAED,QAAA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAEzB,QAAA,IAAI,kBAAkB,EAAE;YACtB,IAAI,CAAC,YAAY,EAAE,CAAC;AACrB,SAAA;AAED,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,OAAO,GAAA;QACL,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAC/C,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,eAAe,GAAA;QACb,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,OAAO,GAAA;QACL,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAC/C,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,eAAe,GAAA;QACb,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,MAAM,GAAA;QACJ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAC9C,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,cAAc,GAAA;QACZ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACtD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;;AAKG;IACH,UAAU,GAAA;;KAET;AAED;;;;AAIG;AACH,IAAA,wBAAwB,CAAC,GAA6B,EAAA;QACpD,IAAI,IAAI,CAAC,wBAAwB,EAAE;AACjC,YAAA,GAAG,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC;AAC9D,SAAA;KACF;AAED;;;AAGG;IACH,OAAO,GAAA;;;AAGL,QAAA,IAAI,iBAAiB,EAAE;AACrB,YAAA,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACxC,SAAA;KACF;AAED;;;;;;;;AAQG;IACH,OAAO,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAA6B,EAAE,EAAA;AAA/B,QAAA,IAAA,EAAE,UAAU,EAAmB,GAAA,EAAA,EAAd,OAAO,GAAA,MAAA,CAAA,EAAA,EAAxB,cAA0B,CAAF,CAAA;AACxD,QAAA,OAAO,uBAAuB,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,IAAI,CAC/D,CAAC,UAAU,KAAI;;;AAGb,YAAA,MAAwC,qCAAK,OAAO,CAAA,EAAK,UAAU,CAAE,EAA7D,EAAC,GAAA,UAAW,EAAE,IAAI,SAAA,EAAK,IAAI,GAA7B,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,KAAA,QAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,CAA+B,CAAgC,CAAC;AACtE,YAAA,OAAO,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;AAC9D,SAAC,CACF,CAAC;KACH;AAED;;;;;;;;AAQG;AACH,IAAA,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAA;QAC/B,OAAO,YAAY,CAAC,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;KAChE;;AA52CD;;;;;AAKG;AACI,YAAK,CAAA,KAAA,GAAG,CAAC,CAAC;AAy2CZ,MAAM,yBAAyB,GAAmC;AACvE,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,eAAe,EAAE,EAAE;AACnB,IAAA,kBAAkB,EAAE,IAAI;AACxB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,iBAAiB,EAAE,EAAE;AACrB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,wBAAwB,EAAE,aAAa;AACvC,IAAA,eAAe,EAAE,EAAE;AACnB,IAAA,wBAAwB,EAAE,EAAE;AAC5B,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,cAAc,EAAE,OAAO;AACvB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,uBAAuB,EAAE,GAAG;AAC5B,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,oBAAoB,EAAE,IAAI;AAC1B,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,aAAa,EAAE,CAACA,QAAM,CAAC,YAAY;AACnC,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,QAAQ,EAAE,MAAM;IAChB,eAAe,EAAE,CACf,kFAAkF;QAClF,oGAAoG;QACpG,6EAA6E;AAC7E,QAAA,wDAAwD,EACxD,KAAK,CAAC,GAAG,CAAC;IACZ,eAAe,EAAE,CACf,+EAA+E;AAC/E,QAAA,0FAA0F,EAC1F,KAAK,CAAC,GAAG,CAAC;AACZ,IAAA,eAAe,EAAE,6BAA6B,CAAC,KAAK,CAAC,GAAG,CAAC;AACzD,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,yBAAyB,CAAC;;AC3gE1D,MAAO,uBAAwB,SAAQ,YAAY,CAAA;AAwDvD;;;AAGG;AACH,IAAA,WAAA,CAAY,OAAgC,EAAA;QAC1C,KAAK,CAAC,OAAO,CAAC,CAAC;AA5DjB;;;;;;;;;AASG;QACH,IAAO,CAAA,OAAA,GAA4B,EAAE,CAAC;KAmDrC;AAED;;;AAGG;AACH,IAAA,UAAU,CAAC,OAAgC,EAAA;AACzC,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1B,SAAA;KACF;AAED;;;;;;AAMG;IACH,iBAAiB,CAAC,OAAc,EAAE,QAAiB,EAAA;QACjD,IACE,CAAC,IAAI,CAAC,WAAW;YACjB,CAAC,IAAI,CAAC,MAAM;AACZ,YAAA,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,IAAI,EAClC;AACA,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;AAED,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;;QAElB,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACnD,QAAA,KAAK,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;YAClD,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE;gBACrC,SAAS;AACV,aAAA;YACD,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAC/B,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAC9C,CAAC;YACF,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACtD,IAAI,OAAO,KAAK,CAAC,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,EAAE;AACtC,gBAAA,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;AAC1B,gBAAA,OAAO,SAAS,CAAC;AAClB,aAAA;;;;;;;;;;;;;;AAcF,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;;;;AAMG;IACH,WAAW,GAAA;AACT,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,oBAAoB,EAAE,EACrC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,EAC9B,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAW,EACpD,OAAO,GAAG,gBAAgB,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;SACrE,CAAC,EACF,cAAc,GAAG,yBAAyB,CAAC,OAAO,EAAE,OAAO,CAAC,EAC5D,WAAW,GAAG,yBAAyB,CAAC,GAAG,EAAE,cAAc,CAAC,EAC5D,WAAW,GAAG,yBAAyB,CAAC,WAAW,EAAE;AACnD,YAAA,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YACV,CAAC;YACD,CAAC;AACD,YAAA,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YACV,CAAC;YACD,CAAC;AACF,SAAA,CAAC,EACF,gBAAgB,GAAG,IAAI,CAAC,KAAK;AAC3B,cAAE,WAAW,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;AACzC,cAAE,SAAS,EACb,GAAG,GAAG,IAAI,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,EACxD,MAAM,GAA4B,EAAE,CAAC;QAEvC,IAAI,CAAC,cAAc,CACjB,CAAC,OAAY,EAAE,GAAW,EAAE,YAAqC,KAAI;AACnE,YAAA,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;AACxE,SAAC,CACF,CAAC;;AAGF;;;;;;;;;;;AAWE;AACF,QAAA,OAAO,MAAM,CAAC;KACf;AAED;;;;;;;AAOG;IACH,SAAS,GAAA;QACP,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/C,SAAA;AAAM,aAAA;YACL,KAAK,CAAC,SAAS,EAAE,CAAC;AACnB,SAAA;;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAClC,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;AAED;;;;AAIG;AACH,IAAA,cAAc,CACZ,EAIQ,EAAA;AAER,QAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC7B,YAAA,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/B,SAAA;KACF;AAED;;;;;;AAMG;IACH,gBAAgB,GAAA;AACd,QAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,KAAI;YAC7D,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YAChD,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,gBAAgB,CAC7C,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,UAAU,EACf,OAAO,CAAC,CAAC,EACT,OAAO,CAAC,CAAC,EACT,KAAK,CACN,CAAC;YACF,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,gBAAgB,CAClD,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,eAAe,EACpB,OAAO,CAAC,CAAC,EACT,OAAO,CAAC,CAAC,EACT,IAAI,CACL,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED;;;;;;;;;AASG;AACH,IAAA,uBAAuB,CAAC,GAA6B,EAAA;QACnD,IACE,CAAC,IAAI,CAAC,wBAAwB;aAC7B,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;AACzC,aAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,IAAI,CAAC,EACnD;YACA,OAAO;AACR,SAAA;QACD,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,sBAAsB,EAAE,EAC1C,EAAE,GAAG,IAAI,CAAC,2BAA2B,EAAE,EACvC,GAAG,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACpC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AAClC,QAAA,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACzC,QAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC;QAC9C,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/C,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;;AAIG;IACH,aAAa,CAAC,GAA6B,EAAE,IAAW,EAAA;QACtD,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;KAC1D;AAED;;;;;AAKG;AACH,IAAA,YAAY,CACV,GAA6B,EAC7B,IAAW,EACX,gBAAqC,EAAE,EAAA;QAEvC,MAAM,OAAO,mBACX,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,eAAe,EAAE,IAAI,CAAC,eAAe,EAAA,EAClC,aAAa,CACjB,CAAC;QACF,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,QAAA,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC9B,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,2BAA2B,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACnE,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;;;;AAMG;AACH,IAAA,eAAe,CAAC,GAA6B,EAAE,aAAA,GAAqB,EAAE,EAAA;AACpE,QAAA,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QACzC,MAAM,YAAY,mBAChB,UAAU;YACV,WAAW,EAAA,EACR,aAAa,CACjB,CAAC;AACF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,oBAAoB,EAAE,EACrC,iBAAiB,GAAG,YAAY,CAAC,UAAU,EAC3C,kBAAkB,GAAG,YAAY,CAAC,WAAW,CAAC;QAChD,MAAM,MAAM,GAAG,yBAAyB,CAAC,GAAG,EAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAC1E,QAAA,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;QACtD,GAAG,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;AAC3C,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC;AACpE,SAAA;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC;AACtB,SAAA;QACD,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACtE,iBAAiB,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;QACnE,kBAAkB,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;QAC5D,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;;;;;AAOG;AACH,IAAA,WAAW,CACT,GAA6B,EAC7B,OAAwB,EACxB,aAAkB,EAAA;AAElB,QAAA,IAAI,IAAI,CAAC;QACT,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,EAAE;YACrE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/D,MAAM,GAAG,CACP,IAAI,CAAC,aAAa;kBACd,IAAI,KAAK,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AAChE;;AAEE,oBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,EAC7C,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AACrC,YAAA,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AAC3D,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC,SAAS,CACjD,IAAI,CAAC,iBAAiB,CACvB,CAAC;AACH,SAAA;QACD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;KAC7C;AAED;;;;;;AAMG;IACH,2BAA2B,CACzB,GAA6B,EAC7B,IAAW,EAAA;QAEX,IAAI,YAAY,GAAG,KAAK,CAAC;QAEzB,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,IAAI,CAAC,cAAc,CAAC,UAAU,OAAO,EAAE,GAAG,EAAE,YAAY,EAAA;;;AAGtD,YAAA,IAAI,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,aAAa,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE;;gBAEtE,YAAY,GAAG,IAAI,CAAC;AACpB,gBAAA,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;gBACnD,GAAG,CAAC,MAAM,CACR,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,EACpC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,CACrC,CAAC;AACH,aAAA;AACH,SAAC,CAAC,CAAC;AACH,QAAA,YAAY,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;KAC9B;AAED;;;;;;AAMG;AACH,IAAA,YAAY,CAAC,GAA6B,EAAE,aAAa,GAAG,EAAE,EAAA;QAC5D,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;QACvE,MAAM,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QACjE,MAAM,OAAO,mBACX,iBAAiB;YACjB,eAAe;YACf,WAAW,EAAA,EACR,aAAa,CACjB,CAAC;AACF,QAAA,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3D,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC;AACtD,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AAC5B,YAAA,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC,iBAAiB,CAAC;AAC7C,SAAA;QACD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;QAChD,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,cAAc,CAAC,UAAU,OAAO,EAAE,GAAG,EAAE,YAAY,EAAA;YACtD,IAAI,OAAO,CAAC,aAAa,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE;gBAC5C,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AACpC,gBAAA,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;AACtD,aAAA;AACH,SAAC,CAAC,CAAC;QACH,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;;;AAKG;AACH,IAAA,gBAAgB,CAAC,UAAkB,EAAA;AACjC,QAAA,QACE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;AACzB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,EACzD;KACH;AAED;;;;;;;AAOG;IACH,iBAAiB,CAAC,UAAkB,EAAE,OAAgB,EAAA;AACpD,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC7B,YAAA,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;AAC/B,SAAA;AACD,QAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC;KAChD;AAED;;;;AAIG;IACH,qBAAqB,CAAC,UAAmC,EAAE,EAAA;QACzD,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC,KACvD,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAC/C,CAAC;KACH;AAED;;;;;;;;;AASG;AACH,IAAA,eAAe,CACb,eAAwB,EAAA;AAExB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;AACR,SAAA;AACD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;AACR,SAAA;AACD,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC;QACxC,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,QAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;;AAEpB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAC1B,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAC3B,QAAA,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAEtD,QAAA,eAAe,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;AACjC,QAAA,OAAO,GAAG,CAAC;KACZ;AAED;;;;;AAKG;AACH,IAAA,UAAU,CAAC,OAAY,EAAA;;KAEtB;AAED;;;;;AAKG;AACH,IAAA,QAAQ,CAAC,OAAY,EAAA;;KAEpB;AAED;;;;;;AAMG;AACH,IAAA,OAAO,CAAC,CAAa,EAAA;AACnB,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;;;;;AAOG;IACH,sBAAsB,GAAA;;KAErB;AAED;;;;;;;;AAQG;AACH,IAAA,sBAAsB,CAAC,CAAY,EAAA;;KAElC;AACF;;AC7jBD,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,IAAA,MAAM,CAAC,MAAM,GAAG,uBAAuB,CAAC;AAC1C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACTrD;AAiBA;;;;;;;;;;;;AAYG;AACG,SAAU,gBAAgB,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAA;IACrE,IAAI,CAAC,GAAG,EAAE;QACR,OAAO;AACR,KAAA;AACD,IAAA,IACE,cAAc;AACd,QAAA,cAAc,CAAC,MAAM;AACrB,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAC7B;AACA,QAAA,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;AAC3D,KAAA;IACD,kBAAkB,CAAC,GAAG,CAAC,CAAC;AAExB,IAAA,IAAI,MAAM,GAAGE,uBAAY,CAAC,KAAK,EAAE,EAC/B,CAAC,EACD,GAAG,EACH,OAAO,GAAG,qBAAqB,CAAC,GAAG,CAAC,EACpC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,WAAW,GAAG,cAAc,IAAI,cAAc,CAAC,WAAW,CAAC;AACnE,IAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,MAAM,GAAG,cAAc,IAAI,cAAc,CAAC,MAAM,CAAC;AAEzD,IAAA,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,EAAE;;;AAG5C,QAAA,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QACrD,MAAM,GAAG,GAAG,EAAE,CAAC;AACf,QAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;YAClD,GAAG,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AACzB,SAAA;QACD,WAAW,GAAG,GAAG,CAAC;AACnB,KAAA;AAED,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,EAAA;QAC9C,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAC1B,QAAA,QACE,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC3D,CAAC,uBAAuB,CAAC,EAAE,EAAE,wBAAwB,CAAC,EACtD;AACJ,KAAC,CAAC,CAAC;IACH,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC/C,QAAA,QAAQ,IAAI,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC7B,OAAO;AACR,KAAA;IACD,MAAM,cAAc,GAAG,EAAE,CAAC;IAC1B,WAAW;SACR,MAAM,CAAC,UAAU,EAAE,EAAA;AAClB,QAAA,OAAO,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,UAAU,CAAC;AACxD,KAAC,CAAC;SACD,OAAO,CAAC,UAAU,EAAE,EAAA;QACnB,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACjC,QAAA,cAAc,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAClE,UAAU,EAAE,EAAA;AACV,YAAA,OAAO,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;AACrE,SAAC,CACF,CAAC;AACJ,KAAC,CAAC,CAAC;IACL,YAAY,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IAC5C,QAAQ,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;AACpC,IAAA,SAAS,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC;;AAEnC,IAAA,aAAa,CACX,QAAQ,EACR,UAAU,SAAS,EAAE,QAAQ,EAAA;AAC3B,QAAA,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AACpD,YAAA,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAC5B,YAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AACxB,YAAA,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAC1B,SAAA;AACH,KAAC,EACD,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,EAC1B,OAAO,EACP,cAAc,CACf,CAAC;AACJ;;ACzGA;AAIA;;;;;;;;;AASG;AACG,SAAU,iBAAiB,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAA;IAClE,MAAM,MAAM,GAAG,IAAIF,QAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAC1C,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;AAC1D,IAAA,gBAAgB,CACd,GAAG,CAAC,eAAe,EACnB,UAAU,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAA;QAChD,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AACrD,KAAC,EACD,OAAO,EACP,OAAO,CACR,CAAC;AACJ;;ACzBA;AAKA;;;;;;;;;;AAUG;AACG,SAAU,cAAc,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAA;AAC5D,IAAA,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE;AAC5C,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,MAAM,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM;AAClC,KAAA,CAAC,CAAC;IAEH,SAAS,UAAU,CAAC,CAAC,EAAA;AACnB,QAAA,MAAM,GAAG,GAAG,CAAC,CAAC,WAAW,CAAC;AAC1B,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE;AAChC,YAAA,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC3B,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;AAED,QAAA,gBAAgB,CACd,GAAG,CAAC,eAAe,EACnB,UAAU,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAA;YAChD,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AACjE,SAAC,EACD,OAAO,EACP,OAAO,CACR,CAAC;KACH;AACH;;ACvCA;AAEgB,SAAA,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAA;IAC/C,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAC7B,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,EAC1C,EAAE,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAC/B,OAAO,EACP,CAAC,CAAC;;;IAGJ,OAAO,GAAG,IAAI,MAAM,CAAC,GAAG,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC;IAC1C,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACzC,IAAA,IAAI,EAAE,IAAI,QAAQ,CAAC,MAAM,EAAE;AACzB,QAAA,OAAO,GAAG,IAAI,MAAM,CAAC,GAAG,GAAG,EAAE,GAAG,kBAAkB,EAAE,GAAG,CAAC,CAAC;QACzD,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC1C,KAAA;AACD,IAAA,IAAI,UAAU,IAAI,QAAQ,CAAC,MAAM,EAAE;AACjC,QAAA,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACnC,KAAK,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,GAAI;AACjC,YAAA,OAAO,GAAG,IAAI,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,kBAAkB,EAAE,GAAG,CAAC,CAAC;YACtE,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC1C,SAAA;AACF,KAAA;AACD,IAAA,OAAO,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;AAC/B;;ACxBA;AAGgB,SAAA,mBAAmB,CAAC,OAAO,EAAE,SAAS,EAAA;AACpD,IAAA,IAAI,QAAQ,EACV,cAAc,GAAG,IAAI,CAAC;IACxB,OACE,OAAO,CAAC,UAAU;AAClB,QAAA,OAAO,CAAC,UAAU,CAAC,QAAQ,KAAK,CAAC;QACjC,SAAS,CAAC,MAAM,EAChB;AACA,QAAA,IAAI,cAAc,EAAE;AAClB,YAAA,QAAQ,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;AAC5B,SAAA;AACD,QAAA,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC;AAC7B,QAAA,cAAc,GAAG,eAAe,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AACrD,KAAA;AACD,IAAA,OAAO,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC;AAChC;;AClBA;AAKA;;AAEG;AAEa,SAAA,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAA;AACnD,IAAA,IAAI,aAAa,EACf,cAAc,GAAG,IAAI,CAAC;;IAExB,aAAa,GAAG,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC;AAC1D,IAAA,IAAI,aAAa,IAAI,SAAS,CAAC,MAAM,EAAE;AACrC,QAAA,cAAc,GAAG,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAC1D,KAAA;IACD,OAAO,aAAa,IAAI,cAAc,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC;AACnE;;AClBA;AAIA;;AAEG;AAEa,SAAA,yBAAyB,CAAC,OAAO,EAAE,MAAM,EAAA;IACvD,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,IAAA,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE;QACnC,IAAI,kBAAkB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;YAChD,KAAK,MAAM,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE;AAC7C,gBAAA,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACrD,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,OAAO,MAAM,CAAC;AAChB;;AClBA;AAGM,SAAU,aAAa,CAAC,IAAI,EAAA;;IAEhC,IAAI,IAAI,IAAI,aAAa,EAAE;AACzB,QAAA,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AAC5B,KAAA;AACD,IAAA,OAAO,IAAI,CAAC;AACd;;ACTA;AAIgB,SAAA,YAAY,CAAC,MAAM,EAAE,IAAI,EAAA;AACvC,IAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1B,IAAA,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,CAAC;AACR,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AACrB,QAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACZ,QAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACb,KAAA;AAED,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AACrB,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AACrB,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;AACtB,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AACrB,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC;AAC9C,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC;AAChD;;ACpBA;AAEgB,SAAA,WAAW,CAAC,MAAM,EAAE,IAAI,EAAA;AACtC,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,EACzB,WAAW,GAAG,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AAEtD,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;AACxB,IAAA,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;AAC1B;;ACRA;SAGgB,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAA;AAC1C,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD;;ACLA;AAEgB,SAAA,eAAe,CAAC,MAAM,EAAE,IAAI,EAAA;IAC1C,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACpB,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACrB,KAAA;AACH;;ACPA;AAUA;AACA,MAAM,MAAM,GAAG,KAAK,EAClB,KAAK,GAAG,wBAAwB,GAAG,MAAM,GAAG,WAAW,EACvD,KAAK,GAAG,wBAAwB,GAAG,MAAM,GAAG,WAAW,EACvD,MAAM,GACJ,yBAAyB;IACzB,MAAM;IACN,MAAM;IACN,QAAQ;IACR,GAAG;IACH,MAAM;IACN,GAAG;IACH,QAAQ;IACR,GAAG;IACH,MAAM;IACN,aAAa,EACf,KAAK,GACH,wBAAwB;IACxB,MAAM;IACN,MAAM;IACN,QAAQ;IACR,GAAG;IACH,MAAM;IACN,aAAa,EACf,SAAS,GACP,4BAA4B;IAC5B,MAAM;IACN,MAAM;IACN,QAAQ;IACR,GAAG;IACH,MAAM;IACN,aAAa,EACf,MAAM,GACJ,wBAAwB;IACxB,GAAG;IACH,MAAM;IACN,GAAG;IACH,QAAQ;IACR,GAAG;IACH,MAAM;IACN,GAAG;IACH,QAAQ;IACR,GAAG;IACH,MAAM;IACN,GAAG;IACH,QAAQ;IACR,GAAG;IACH,MAAM;IACN,GAAG;IACH,QAAQ;IACR,GAAG;IACH,MAAM;IACN,GAAG;IACH,QAAQ;IACR,GAAG;IACH,MAAM;IACN,GAAG;IACH,UAAU,EACZ,SAAS,GACP,KAAK;IACL,MAAM;IACN,GAAG;IACH,SAAS;IACT,GAAG;IACH,KAAK;IACL,GAAG;IACH,MAAM;IACN,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG,EACL,UAAU,GACR,KAAK,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,GAAG,GAAG,SAAS,GAAG,IAAI,GAAG,GAAG,EACrE,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS;AACnD;AACA,eAAe,GAAG,IAAI,MAAM,CAAC,aAAa,CAAC;AAC3C;AACA,WAAW,GAAG,IAAI,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAE3C;;;;;;;AAOG;AACG,SAAU,uBAAuB,CAAC,cAAc,EAAA;;IAEpD,IAAI,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,EAC3B,QAAQ,GAAG,EAAE,CAAC;;;AAIhB,IAAA,IACE,CAAC,cAAc;SACd,cAAc,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EACzD;AACA,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;AAED,IAAA,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,UAAU,KAAK,EAAA;AACjD,QAAA,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,KAAK,EAAA;;YAE9D,OAAO,CAAC,CAAC,KAAK,CAAC;SAChB,CAAC,EACF,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAChB,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AAEpC,QAAA,QAAQ,SAAS;AACf,YAAA,KAAK,WAAW;AACd,gBAAA,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC9B,MAAM;AACR,YAAA,KAAK,QAAQ;gBACX,IAAI,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,gBAAA,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC3B,MAAM;AACR,YAAA,KAAK,OAAO;AACV,gBAAA,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC1B,MAAM;AACR,YAAA,KAAK,OAAO;AACV,gBAAA,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAC5B,MAAM;AACR,YAAA,KAAK,OAAO;AACV,gBAAA,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAC5B,MAAM;AACR,YAAA,KAAK,QAAQ;gBACX,MAAM,GAAG,IAAI,CAAC;gBACd,MAAM;AACT,SAAA;;QAGD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;;AAE/B,QAAA,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;AAC5B,KAAC,CAAC,CAAC;AAEH,IAAA,IAAI,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AACjC,IAAA,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAC1B,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,cAAc,GAAG,yBAAyB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACzE,KAAA;AACD,IAAA,OAAO,cAAc,CAAC;AACxB;;AC1JA;AAKM,SAAU,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAA;IACpE,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAChC,MAAM,CAAC;AAET,IAAA,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,QAAQ,KAAK,KAAK,KAAK,MAAM,EAAE;QAC9D,KAAK,GAAG,EAAE,CAAC;AACZ,KAAA;SAAM,IAAI,IAAI,KAAK,eAAe,EAAE;QACnC,OAAO,KAAK,KAAK,oBAAoB,CAAC;AACvC,KAAA;SAAM,IAAI,IAAI,KAAK,iBAAiB,EAAE;QACrC,IAAI,KAAK,KAAK,MAAM,EAAE;YACpB,KAAK,GAAG,IAAI,CAAC;AACd,SAAA;AAAM,aAAA;AACL,YAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AAC/D,SAAA;AACF,KAAA;SAAM,IAAI,IAAI,KAAK,iBAAiB,EAAE;AACrC,QAAA,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,eAAe,EAAE;AACxD,YAAA,KAAK,GAAG,yBAAyB,CAC/B,gBAAgB,CAAC,eAAe,EAChC,uBAAuB,CAAC,KAAK,CAAC,CAC/B,CAAC;AACH,SAAA;AAAM,aAAA;AACL,YAAA,KAAK,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;AACxC,SAAA;AACF,KAAA;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE;QAC7B,KAAK,GAAG,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC;;AAE/C,QAAA,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,OAAO,KAAK,KAAK,EAAE;YAC1D,KAAK,GAAG,KAAK,CAAC;AACf,SAAA;AACF,KAAA;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE;AAC7B,QAAA,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,gBAAgB,IAAI,OAAO,gBAAgB,CAAC,OAAO,KAAK,WAAW,EAAE;AACvE,YAAA,KAAK,IAAI,gBAAgB,CAAC,OAAO,CAAC;AACnC,SAAA;AACF,KAAA;AAAM,SAAA,IAAI,IAAI,KAAK,YAAY,oBAAoB;QAClD,KAAK,GAAG,KAAK,KAAK,OAAO,GAAG,MAAM,GAAG,KAAK,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3E,KAAA;SAAM,IAAI,IAAI,KAAK,aAAa,EAAE;;AAEjC,QAAA,MAAM,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,IAAI,IAAI,CAAC;AACzD,KAAA;SAAM,IAAI,IAAI,KAAK,YAAY,EAAE;QAChC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACxC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC5C,IAAI,KAAK,GAAG,MAAM,CAAC;AACnB,QAAA,IAAI,SAAS,GAAG,CAAC,CAAC,IAAI,WAAW,GAAG,CAAC,CAAC,IAAI,WAAW,GAAG,SAAS,EAAE;YACjE,KAAK,GAAG,QAAQ,CAAC;AAClB,SAAA;aAAM,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,WAAW,GAAG,CAAC,CAAC,EAAE;YAC/C,KAAK,GAAG,QAAQ,CAAC;AAClB,SAAA;AACF,KAAA;SAAM,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,YAAY,IAAI,IAAI,KAAK,MAAM,EAAE;AACtE,QAAA,OAAO,KAAK,CAAC;AACd,KAAA;SAAM,IAAI,IAAI,KAAK,gBAAgB,EAAE;QACpC,OAAO,KAAK,KAAK,iBAAiB,CAAC;AACpC,KAAA;AAAM,SAAA;QACL,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACtE,KAAA;AAED,IAAA,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC;AACpD;;AC9DA;AAIA;;;;;;;AAOG;AACa,SAAA,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAA;IAChD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE7C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO;AACR,KAAA;AACD,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;;;IAGxB,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,EACrB,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,EACnB,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,EACrB,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;AAExB,IAAA,IAAI,SAAS,EAAE;AACb,QAAA,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;AAC9B,KAAA;AACD,IAAA,IAAI,UAAU,EAAE;QACd,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AAC/C,cAAE,UAAU;AACZ,cAAE,UAAU,CAAC,UAAU,CAAC,CAAC;AAC5B,KAAA;AACD,IAAA,IAAI,QAAQ,EAAE;AACZ,QAAA,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;AACvC,KAAA;AACD,IAAA,IAAI,UAAU,EAAE;AACd,QAAA,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;AAChC,KAAA;AACD,IAAA,IAAI,UAAU,EAAE;AACd,QAAA,MAAM,CAAC,UAAU,GAAG,UAAU,KAAK,QAAQ,GAAG,CAAC,GAAG,UAAU,CAAC;AAC9D,KAAA;AACH;;AC3CA;AAEgB,SAAA,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAA;IAC5C,IAAI,IAAI,EAAE,KAAK,CAAC;AAChB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,QAAA,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,WAAW,EAAE;YACtC,SAAS;AACV,SAAA;AAED,QAAA,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAC1B,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAEpB,QAAA,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AACtB,KAAA;AACH;;ACdA;AAEgB,SAAA,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAA;IAC5C,IAAI,IAAI,EAAE,KAAK,CAAC;IAChB,KAAK;AACF,SAAA,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;SACpB,KAAK,CAAC,GAAG,CAAC;SACV,OAAO,CAAC,UAAU,KAAK,EAAA;QACtB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE9B,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QACpC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEvB,QAAA,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AACvB,KAAC,CAAC,CAAC;AACP;;ACfA;AAIA;;;;;;AAMG;AACG,SAAU,mBAAmB,CAAC,OAAO,EAAA;AACzC,IAAA,MAAM,MAAM,GAAG,EAAE,EACf,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAExC,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;AAED,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,QAAA,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACjC,KAAA;AAAM,SAAA;AACL,QAAA,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACjC,KAAA;AAED,IAAA,OAAO,MAAM,CAAC;AAChB;;AC1BA;AAMA;;;AAGG;AAEG,SAAU,oBAAoB,CAAC,UAAU,EAAA;AAC7C,IAAA,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE;QAClC,IACE,OAAO,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,WAAW;AACxD,YAAA,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,EACvB;YACA,SAAS;AACV,SAAA;AAED,QAAA,IAAI,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,WAAW,EAAE;AAC3C,YAAA,IAAI,CAACE,uBAAY,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;gBACjC,SAAS;AACV,aAAA;YACD,UAAU,CAAC,IAAI,CAAC,GAAGA,uBAAY,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACjD,SAAA;QAED,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC1C,SAAS;AACV,SAAA;QAED,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,QAAA,UAAU,CAAC,IAAI,CAAC,GAAG,KAAK;AACrB,aAAA,QAAQ,CACP,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CACjE;AACA,aAAA,MAAM,EAAE,CAAC;AACb,KAAA;AACD,IAAA,OAAO,UAAU,CAAC;AACpB;;ACvCA;AAWA;;;;;;AAMG;SACa,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,MAAe,EAAA;IAClE,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO;AACR,KAAA;IAED,IAAI,KAAK,EACP,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,cAAc,CAAC;AAEjB,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACzC,KAAA;;IAED,IACE,OAAO,CAAC,UAAU;QAClB,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,EACtD;QACA,gBAAgB,GAAG,eAAe,CAAC,OAAO,CAAC,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;AAC5E,KAAA;IAED,IAAI,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,IAAI,EAAA;AACxD,QAAA,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,IAAI,KAAK,EAAE;;AAET,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AACpB,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb,EAAE,EAAE,CAAC,CAAC;;;AAGP,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAC5B,yBAAyB,CAAC,OAAO,EAAE,MAAM,CAAC,EAC1C,mBAAmB,CAAC,OAAO,CAAC,CAC7B,CAAC;IACF,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AACvD,IAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;QACnB,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9C,KAAA;AACD,IAAA,QAAQ,GAAG,cAAc;AACvB,QAAA,gBAAgB,CAAC,QAAQ,IAAI,qBAAqB,CAAC;AACrD,IAAA,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE;;AAExB,QAAA,aAAa,CAAC,KAAK,CAAC,GAAG,QAAQ,GAAG,SAAS,CACzC,aAAa,CAAC,KAAK,CAAC,EACpB,cAAc,CACf,CAAC;AACH,KAAA;AAED,IAAA,IAAI,cAAc,EAChB,eAAe,EACf,eAAe,GAAG,EAAE,CAAC;AACvB,IAAA,KAAK,MAAM,IAAI,IAAI,aAAa,EAAE;AAChC,QAAA,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;AACrC,QAAA,eAAe,GAAG,cAAc,CAC9B,cAAc,EACd,aAAa,CAAC,IAAI,CAAC,EACnB,gBAAgB,EAChB,QAAQ,CACT,CAAC;AACF,QAAA,eAAe,CAAC,cAAc,CAAC,GAAG,eAAe,CAAC;AACnD,KAAA;AACD,IAAA,IAAI,eAAe,IAAI,eAAe,CAAC,IAAI,EAAE;AAC3C,QAAA,oBAAoB,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;AAC7D,KAAA;IACD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;AACrE,IAAA,OAAO,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;AAChD,UAAE,WAAW;AACb,UAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;AACxC;;ACvFA;AAEA;;;;;;AAMG;AACG,SAAU,oBAAoB,CAAC,MAAM,EAAA;;IAEzC,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;;AAGD,IAAA,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAE1C,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAC7B,IAAA,IAAI,YAAY,GAAG,EAAE,EACnB,CAAC,EACD,GAAG,CAAC;AAEN,IAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;QAChD,YAAY,CAAC,IAAI,CAAC;AAChB,YAAA,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7B,SAAA,CAAC,CAAC;AACJ,KAAA;;;;;AAMD,IAAA,OAAO,YAAY,CAAC;AACtB;;ACnBA,MAAM,CAAC,MAAM,CAACF,QAAM,EAAE;IACpB,iBAAiB;IACjB,QAAQ;IACR,YAAY;IACZ,SAAS;IACT,uBAAuB;IACvB,gBAAgB;IAChB,oBAAoB;IACpB,eAAe;IACf,eAAe;IACf,aAAa;IACb,mBAAmB;IACnB,oBAAoB;IACpB,WAAW;IACX,cAAc;IACd,iBAAiB;IACjB,cAAc;AACf,CAAA,CAAC;;ACjCK,MAAM,mBAAmB,GAAG;AACjC,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;CACN,CAAC;AAEK,MAAM,mBAAmB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC3B,mBAAmB,CACtB,EAAA,EAAA,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,GACN;;ACTK,SAAU,SAAS,CAAC,EAAsB,EAAA;IAC9C,OAAO,EAAE,CAAC,QAAQ,KAAK,gBAAgB,IAAI,EAAE,CAAC,QAAQ,KAAK,gBAAgB;AACzE,UAAE,QAAQ;UACR,QAAQ,CAAC;AACf,CAAC;AAEK,SAAU,kBAAkB,CAAC,EAAsB,EAAA;AACvD,IAAA,OAAO,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,gBAAgB;AAC1D,UAAE,QAAQ;UACR,YAAY,CAAC;AACnB;;ACTA,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAEpC,SAAU,SAAS,CAAC,KAAoB,EAAA;IAC5C,OAAO,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzC,CAAC;AAED;;;;;AAKG;AACa,SAAA,YAAY,CAC1B,KAAyC,EACzC,UAAmB,EAAA;AAEnB,IAAA,MAAM,MAAM,GACV,OAAO,KAAK,KAAK,QAAQ;AACvB,UAAE,KAAK;AACP,UAAE,OAAO,KAAK,KAAK,QAAQ;AAC3B,cAAE,UAAU,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;cAChD,GAAG,CAAC;AACV,IAAA,OAAO,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD;;ACtBA,MAAM,kBAAkB,GAAG,SAAS,CAAC;AACrC,MAAM,YAAY,GAAG,SAAS,CAAC;AAE/B,SAAS,cAAc,CAAC,EAAkB,EAAE,UAAkB,EAAA;IAC5D,IAAI,UAAU,EAAE,OAAO,CAAC;IACxB,MAAM,KAAK,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACvC,IAAA,IAAI,KAAK,EAAE;QACT,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;QAEtD,IAAI,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAClD,aAAa,CAAC,GAAG,EAAE,CAAC;AACrB,SAAA;QAED,KAAK,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,GAAI;YACxC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC;iBAClC,KAAK,CAAC,YAAY,CAAC;iBACnB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YACxB,IAAI,GAAG,KAAK,YAAY,EAAE;gBACxB,UAAU,GAAG,KAAK,CAAC;AACpB,aAAA;iBAAM,IAAI,GAAG,KAAK,cAAc,EAAE;gBACjC,OAAO,GAAG,KAAK,CAAC;AACjB,aAAA;AACF,SAAA;AACF,KAAA;AAED,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,YAAY,CAC5D,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AAClD,QAAA,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE;AACpB,QAAA,OAAO,EACL,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACtE,KAAK,CAAC,QAAQ,EAAE;YAChB,UAAU;KACb,CAAC;AACJ,CAAC;AAEe,SAAA,eAAe,CAC7B,EAAsB,EACtB,WAA0B,EAAA;IAE1B,MAAM,UAAU,GAAG,EAAE,EACnB,YAAY,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAC9C,UAAU,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAC5C,KAAK,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,GAAI;AACvC,QAAA,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAC9D,KAAA;AACD,IAAA,OAAO,UAAU,CAAC;AACpB;;ACjDA,SAAS,2BAA2B,CAIlC,eAA2C,EAC3C,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAA4C,EAAA;AAE1E,IAAA,IAAI,UAAU,CAAC;AACf,IAAA,OAAQ,MAAM,CAAC,IAAI,CAAC,eAAe,CAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAI;AAChE,QAAA,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,SAAS,KAAK,UAAU,EAAE;YAC5B,UAAU,GAAG,CAAC,CAAC;AAChB,SAAA;aAAM,IAAI,SAAS,KAAK,WAAW,EAAE;YACpC,UAAU,GAAG,CAAC,CAAC;AAChB,SAAA;AAAM,aAAA;YACL,UAAU;AACR,gBAAA,OAAO,SAAS,KAAK,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;YACpE,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;gBACzD,UAAU,IAAI,IAAI,CAAC;gBACnB,IAAI,aAAa,KAAK,QAAQ,EAAE;;oBAE9B,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE;wBACnD,UAAU,IAAI,KAAK,CAAC;AACrB,qBAAA;AACD,oBAAA,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE;wBAClC,UAAU,IAAI,MAAM,CAAC;AACtB,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,GAAG,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;AACvB,QAAA,OAAO,GAAG,CAAC;KACZ,EAAE,EAAuB,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,QAAQ,CAAC,EAAsB,EAAE,GAAW,EAAA;AACnD,IAAA,OAAO,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC;AAEK,SAAU,iBAAiB,CAAC,EAAsB,EAAA;IACtD,OAAO;QACL,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC;QAC3B,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC;QAC3B,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,MAAM;QAChC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC;KAC5B,CAAC;AACJ,CAAC;AAEK,SAAU,iBAAiB,CAAC,EAAsB,EAAA;IACtD,OAAO;AACL,QAAA,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK;AACrD,QAAA,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK;AACrD,QAAA,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK;QAC/B,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK;QAC/B,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,KAAK;KAC/B,CAAC;AACJ,CAAC;AAEe,SAAA,WAAW,CAAC,EAAsB,EAAE,IAAW,EAAA;AAC7D,IAAA,OAAO,2BAA2B,CAChC,SAAS,CAAC,EAAE,CAAC,KAAK,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,EAAE,CAAC,kCAErE,IAAI,CAAA,EAAA,EACP,aAAa,EAAE,kBAAkB,CAAC,EAAE,CAAC,IAExC,CAAC;AACJ;;ACxEA;AAyBA;;;;AAIG;MACU,QAAQ,CAAA;IAoDnB,WAAY,CAAA,EACV,IAAI,GAAG,QAAa,EACpB,aAAa,GAAG,QAAQ,EACxB,MAAM,EACN,UAAU,GAAG,EAAE,EACf,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,iBAAiB,EACjB,EAAE,GACiB,EAAA;AAzDrB;;;;AAIG;QACH,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;AAEZ;;;;AAIG;QACH,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;AAEZ;;;;;;;AAOG;QACH,IAAiB,CAAA,iBAAA,GAAkB,IAAI,CAAC;AAoCtC,QAAA,MAAM,GAAG,GAAGE,uBAAY,CAAC,KAAK,EAAE,CAAC;AACjC,QAAA,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,GAAG,CAAE,CAAA,GAAG,GAAG,CAAC;AACpC,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACjB,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;AACnC,QAAA,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AACnD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACR,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,mBAAmB,GAAG,mBAAmB,EAAC,EACpE,MAAM,CACW,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;KACtC;;;;AAMD;;;;AAIG;AACH,IAAA,YAAY,CAAC,UAAkC,EAAA;AAC7C,QAAA,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;YACjC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC9C,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;AACnB,gBAAA,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC;AAC5B,gBAAA,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE;AACpB,gBAAA,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE;AAC1B,aAAA,CAAC,CAAC;AACJ,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;;AAIG;AACH,IAAA,QAAQ,CAAC,mBAAoC,EAAA;QAC3C,OACK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA,EAAA,EAClC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;AACvC,kBAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;AACjC,kBAAE,IAAI,CAAC,iBAAiB,EAC1B,CAAA,CAAA;KACH;;AAGD;;;;AAIG;IACH,KAAK,CACH,MAAoB,EACpB,EAAE,mBAAmB,EAAE,YAAY,KAAuC,EAAE,EAAA;QAE5E,MAAM,MAAM,GAAG,EAAE,EACf,SAAS,IACP,IAAI,CAAC,iBAAiB;AACpB,cAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;AACjC,cAAE,OAAO,CAAC,MAAM,EAAE,CACX,EACX,aAAa,GACX,IAAI,CAAC,aAAa,KAAK,QAAQ;AAC7B,cAAE,gBAAgB;cAChB,mBAAmB,CAAC;;AAE5B,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU;aAC/B,GAAG,CAAC,CAAC,SAAS,MAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,SAAS,CAAA,CAAG,CAAC;AACtC,aAAA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACb,YAAA,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;AAC7B,SAAC,CAAC,CAAC;AAEL,QAAA,IAAI,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,EACzB,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC1B,IAAI,aAAa,KAAK,mBAAmB,EAAE;AACzC,YAAA,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC;AACxB,YAAA,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC;AAC1B,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;AAC5B,YAAA,OAAO,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAC9B,SAAA;QACD,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,aAAa,KAAK,YAAY,EAAE;AACjE,YAAA,OAAO,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;AAC/B,YAAA,OAAO,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;AAChC,SAAA;AACD,QAAA,SAAS,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;AACxB,QAAA,SAAS,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;AAExB,QAAA,MAAM,gBAAgB,GAAG;YACvB,CAAa,UAAA,EAAA,IAAI,CAAC,EAAE,CAAG,CAAA,CAAA;AACvB,YAAA,CAAA,eAAA,EAAkB,aAAa,CAAG,CAAA,CAAA;AAClC,YAAA,CAAA,mBAAA,EACE,YAAY,GAAG,YAAY,GAAG,GAAG,GAAG,EACtC,CAAG,EAAA,WAAW,CAAC,SAAS,CAAC,CAAG,CAAA,CAAA;YAC5B,EAAE;AACH,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC1B,YAAA,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;YACvC,MAAM,CAAC,IAAI,CACT,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,EAAE,EACF,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,EAAE,EACF,MAAM,CACP,CAAC;AACH,SAAA;AAAM,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AACjC,YAAA,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI;AACpC,iBAAA,MAAkC,CAAC;AACtC,YAAA,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;;AAE1B,YAAA,MAAM,CAAC,IAAI,CACT,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,SAAS,GAAG,EAAE,GAAG,EAAE,EACnB,QAAQ,EACR,SAAS,GAAG,EAAE,GAAG,EAAE,EACnB,OAAO,EACP,SAAS,GAAG,EAAE,GAAG,EAAE,EACnB,QAAQ,EACR,SAAS,GAAG,EAAE,GAAG,EAAE,EACnB,QAAQ,EACR,SAAS,GAAG,EAAE,GAAG,EAAE,EACnB,MAAM,CACP,CAAC;AACF,YAAA,IAAI,SAAS,EAAE;;AAEb,gBAAA,UAAU,CAAC,OAAO,EAAE,CAAC;AACrB,gBAAA,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAI;oBAC/B,SAAS,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;AAC1C,iBAAC,CAAC,CAAC;AACJ,aAAA;YACD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACnC,IAAI,SAAS,GAAG,CAAC,EAAE;;AAEjB,gBAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAChC,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1C,gBAAA,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAI;AAC/B,oBAAA,SAAS,CAAC,MAAM,IAAI,eAAe,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAC/D,iBAAC,CAAC,CAAC;AACJ,aAAA;AACF,SAAA;AAED,QAAA,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAI;AAChD,YAAA,MAAM,CAAC,IAAI,CACT,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,GAAG,GAAG,GAAG,EAClB,sBAAsB,EACtB,KAAK,EACL,OAAO,OAAO,KAAK,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,GAAG,EAClE,OAAO,CACR,CAAC;AACJ,SAAC,CAAC,CAAC;AAEH,QAAA,MAAM,CAAC,IAAI,CACT,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,mBAAmB,GAAG,mBAAmB,EAClE,IAAI,CACL,CAAC;AAEF,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACxB;;AAGD;;;;AAIG;AACH,IAAA,MAAM,CAAC,GAA6B,EAAA;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;AACR,SAAA;AAED,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAkC,CAAC;AACvD,QAAA,MAAM,QAAQ,GACZ,IAAI,CAAC,IAAI,KAAK,QAAQ;cAClB,GAAG,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;AACtE,cAAE,GAAG,CAAC,oBAAoB,CACtB,MAAM,CAAC,EAAE,EACT,MAAM,CAAC,EAAE,EACT,MAAM,CAAC,EAAE,EACT,MAAM,CAAC,EAAE,EACT,MAAM,CAAC,EAAE,EACT,MAAM,CAAC,EAAE,CACV,CAAC;AAER,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAI;YACrD,QAAQ,CAAC,YAAY,CACnB,MAAM,EACN,OAAO,OAAO,KAAK,WAAW;AAC5B,kBAAE,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;kBAC3C,KAAK,CACV,CAAC;AACJ,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,QAAQ,CAAC;KACjB;;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CG;AACH,IAAA,OAAO,WAAW,CAChB,EAAsB,EACtB,QAAsB,EACtB,UAAsB,EAAA;AAEtB,QAAA,MAAM,aAAa,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC7C,OAAO,IAAI,QAAQ,CAAA,MAAA,CAAA,MAAA,CAAA,EACjB,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,SAAS,EACtC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,EACnB,MAAM,EAAE,WAAW,CAAC,EAAE,EAAE;AACtB,gBAAA,KAAK,EAAE,UAAU,CAAC,YAAY,IAAI,UAAU,CAAC,KAAK;AAClD,gBAAA,MAAM,EAAE,UAAU,CAAC,aAAa,IAAI,UAAU,CAAC,MAAM;AACtD,aAAA,CAAC,EACF,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,EACnD,aAAa,EACb,iBAAiB,EAAE,uBAAuB,CACxC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAC3C,EAAA,GACG,aAAa,KAAK,QAAQ;AAC5B,cAAE;AACE,gBAAA,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI;AACvB,gBAAA,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG;AACvB,aAAA;AACH,cAAE;AACE,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,GACL,CAAC;KACJ;AAEF,CAAA;AAEDF,QAAM,CAAC,QAAQ,GAAG,QAAQ;;ACjY1B;AAqCA;;;AAGG;MACUG,SAAO,CAAA;AAwClB;;;;;AAKG;AACH,IAAA,WAAA,CAAY,UAA2B,EAAE,EAAA;QA7CzC,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC;AAEjB;;;AAGG;QACH,IAAM,CAAA,MAAA,GAAmB,QAAQ,CAAC;AAElC;;;;AAIG;QACH,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;AAEZ;;;;AAIG;QACH,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;AAEZ;;;AAGG;QACH,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAE/B;;;;AAIG;QACH,IAAgB,CAAA,gBAAA,GAAkB,IAAI,CAAC;AAarC,QAAA,IAAI,CAAC,EAAE,GAAGD,uBAAY,CAAC,KAAK,EAAE,CAAC;AAC/B,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;KAC1B;AAED,IAAA,UAAU,CAA0B,OAA2B,EAAA;AAC7D,QAAA,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAC5B,SAAA;KACF;AAED;;AAEG;IACH,aAAa,GAAA;QACX,OAAO,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,QAAQ,CAAC;KAC5C;AAED;;AAEG;IACH,cAAc,GAAA;AACZ,QAAA,OAAO,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;KACjE;IAED,cAAc,GAAA;QACZ,OAAO,IAAI,CAAC,aAAa,EAAE;AACzB,cAAE,IAAI,CAAC,MAAM,CAAC,GAAG;AACjB,cAAE,IAAI,CAAC,cAAc,EAAE;AACvB,kBAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;kBACvB,EAAE,CAAC;KACR;AAED;;;;AAIG;AACH,IAAA,MAAM,CAAC,GAA6B,EAAA;AAClC,QAAA;;QAEE,CAAC,IAAI,CAAC,MAAM;;aAEX,IAAI,CAAC,aAAa,EAAE;AACnB,iBAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;AACpB,oBAAA,IAAI,CAAC,MAAM,CAAC,YAAY,KAAK,CAAC;oBAC9B,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,CAAC,CAAC,CAAC,EACrC;AACA,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AAED,QAAA,OAAO,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACpD;AAED;;;;AAIG;AACH,IAAA,QAAQ,CAAC,mBAAmC,EAAA;AAC1C,QAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAClC,EAAA,EAAA,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,EAC7B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAC1D,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAC1D,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;AACrC,kBAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;kBAC9B,IAAI,EACR,CAAA,CAAA;KACH;;AAGD;;AAEG;AACH,IAAA,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAS,EAAA;QAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAC/B,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,EAAE,CAAC,CAAC,EAC/C,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,EAAE,CAAC,CAAC,EAChD,YAAY,GACV,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW;cACrD,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC;cACjC,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,EAAE,CAAC,CAAC,EAC3C,aAAa,GACX,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW;cACrD,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC;cACjC,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;QAEhD,OAAO;YACL,CAAsB,mBAAA,EAAA,IAAI,CAAC,EAAE,CAAQ,KAAA,EAAA,cAAc,CAAQ,KAAA,EAAA,cAAc,CAAY,SAAA,EAAA,YAAY,CAAa,UAAA,EAAA,aAAa,CAAI,EAAA,CAAA;AAC/H,YAAA,CAAA,0BAAA,EAA6B,aAAa,CAAC,KAAK,CAAA,UAAA,EAC9C,aAAa,CAAC,MAChB,CAAA,cAAA,EAAiB,IAAI,CAAC,cAAc,EAAE,CAAY,UAAA,CAAA;YAClD,CAAY,UAAA,CAAA;YACZ,EAAE;AACH,SAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACd;;AAGD,IAAA,aAAa,UAAU,CACrB,EAA6C,EAC7C,OAAiC,EAAA;AADjC,QAAA,IAAA,EAAE,MAAM,EAAqC,GAAA,EAAA,EAAhC,UAAU,GAAA,MAAA,CAAA,EAAA,EAAvB,UAAyB,CAAF,CAAA;AAGvB,QAAA,MAAM,GAAG,GAAG,MAAM,SAAS,CAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC7B,OAAO,CAAA,EAAA,EACV,WAAW,EAAE,UAAU,CAAC,WAAW,IACnC,CAAC;QACH,OAAO,IAAIC,SAAO,CAAM,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,UAAU,KAAE,MAAM,EAAE,GAAG,EAAA,CAAA,CAAG,CAAC;KACpD;AACF,CAAA;AAEDH,QAAM,CAAC,OAAO,GAAGG,SAAO;;ACzMxB;AAOA,CAAC,UAAU,MAAM,EAAA;IACf,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AAEhC;;;;;AAKG;AACH,IAAA,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW;AACrC,0CAAsC;AACpC;;;;AAIG;AACH,QAAA,KAAK,EAAE,YAAY;AAEnB;;;AAGG;AACH,QAAA,IAAI,EAAE,CAAC;AAEP;;;;AAIG;AACH,QAAA,OAAO,EAAE,CAAC;AAEV;;;;AAIG;AACH,QAAA,OAAO,EAAE,CAAC;AAEV;;;;AAIG;AACH,QAAA,YAAY,EAAE,KAAK;AAEnB;;;;AAIG;AACH,QAAA,oBAAoB,EAAE,IAAI;AAE1B;;;;;;AAMG;AACH,QAAA,UAAU,EAAE,KAAK;AAEjB;;;;AAIG;QACH,UAAU,EAAE,UAAU,OAAO,EAAA;AAC3B,YAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;AAC/B,gBAAA,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACtC,aAAA;AAED,YAAA,KAAK,IAAI,IAAI,IAAI,OAAO,EAAE;gBACxB,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAC5B,aAAA;AAED,YAAA,IAAI,CAAC,EAAE,GAAGD,uBAAY,CAAC,KAAK,EAAE,CAAC;SAChC;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,MAAM,EAAA;AAC5B,YAAA,IAAI,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,EAC3B,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EACrE,KAAK,GACH,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,CAAC;AACrD,gBAAA,YAAY,CAAC;YAEjB,OAAO;AACL,gBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;gBACnB,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC;gBAC/C,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC;aAC7C,CAAC;SACH;AAED;;;;AAIG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACxE;;AAGD;;;;AAIG;QACH,KAAK,EAAE,UAAU,MAAM,EAAA;AACrB,YAAA,IAAI,KAAK,GAAG,EAAE,EACZ,KAAK,GAAG,EAAE,EACV,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,EAChD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAC/B,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,EACrC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC5C,EACD,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAEhC,YAAA,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE;;;gBAGjC,KAAK;oBACH,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,EAC/C,mBAAmB,CACpB;wBACC,GAAG;AACL,wBAAA,QAAQ,CAAC;gBACX,KAAK;oBACH,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,EAChD,mBAAmB,CACpB;wBACC,GAAG;AACL,wBAAA,QAAQ,CAAC;AACZ,aAAA;YACD,IAAI,MAAM,CAAC,KAAK,EAAE;AAChB,gBAAA,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAChB,aAAA;YACD,IAAI,MAAM,CAAC,KAAK,EAAE;AAChB,gBAAA,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAChB,aAAA;AAED,YAAA,QACE,oBAAoB;AACpB,gBAAA,IAAI,CAAC,EAAE;gBACP,QAAQ;gBACR,KAAK;gBACL,aAAa;AACb,iBAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;gBACjB,KAAK;gBACL,MAAM;gBACN,KAAK;gBACL,YAAY;AACZ,iBAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;gBACjB,KAAK;gBACL,KAAK;gBACL,mDAAmD;AACnD,gBAAA,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,mBAAmB,CAAC;gBAC3D,uBAAuB;gBACvB,kBAAkB;AAClB,gBAAA,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC;gBACtC,QAAQ;AACR,gBAAA,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC;gBACtC,iCAAiC;gBACjC,0BAA0B;gBAC1B,KAAK,CAAC,KAAK,EAAE;gBACb,mBAAmB;gBACnB,KAAK,CAAC,QAAQ,EAAE;gBAChB,OAAO;gBACP,+CAA+C;gBAC/C,eAAe;gBACf,mCAAmC;gBACnC,sDAAsD;gBACtD,gBAAgB;AAChB,gBAAA,aAAa,EACb;SACH;;AAGD;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC7B,OAAO;oBACL,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,UAAU,EAAE,IAAI,CAAC,UAAU;iBAC5B,CAAC;AACH,aAAA;YACD,IAAI,GAAG,GAAG,EAAE,EACV,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;AAElC,YAAA;gBACE,OAAO;gBACP,MAAM;gBACN,SAAS;gBACT,SAAS;gBACT,cAAc;gBACd,YAAY;aACb,CAAC,OAAO,CAAC,UAAU,IAAI,EAAA;gBACtB,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,EAAE;oBAC9B,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;AACxB,iBAAA;aACF,EAAE,IAAI,CAAC,CAAC;AAET,YAAA,OAAO,GAAG,CAAC;SACZ;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;;IAEH,MAAM,CAAC,MAAM,CAAC,gBAAgB;AAC5B,QAAA,sHAAsH,CAAC;AAC3H,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC/OrD;AAUA,CAAC,UAAU,MAAM,EAAA;;AAEf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAC/C,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAC7B,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,EAC3C,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,EAC7C,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,EACzC,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EACrD,iBAAiB,GAAG,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;AAEzE;;;;;;;;;;;;AAYG;;IAEH,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAC3C,MAAM,CAAC,UAAU;AACjB,gDAA4C;AAC1C;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;AAC/B,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;YAC1B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1D,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9D,YAAA,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;SAC/B;AAED;;;;AAIG;AACH,QAAA,eAAe,EAAE,EAAE;AAEnB;;;;;;;AAOG;AACH,QAAA,eAAe,EAAE,IAAI;AAErB;;;;;AAKG;AACH,QAAA,YAAY,EAAE,EAAE;AAEhB;;;;;;;AAOG;AACH,QAAA,YAAY,EAAE,IAAI;AAElB;;;;;AAKG;AACH,QAAA,oBAAoB,EAAE,IAAI;AAE1B;;;;AAIG;AACH,QAAA,QAAQ,EAAE,KAAK;AAEf;;;;;;;;;AASG;AACH,QAAA,iBAAiB,EAAE,IAAI;AAEvB;;;;AAIG;AACH,QAAA,oBAAoB,EAAE,KAAK;AAE3B;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,KAAK;AAE1B;;;;AAIG;AACH,QAAA,qBAAqB,EAAE,IAAI;AAE3B;;;;;;;;AAQG;AACH,QAAA,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE;AAE1C;;;;;AAKG;AACH,QAAA,aAAa,EAAE,IAAI;AAEnB;;;;;AAKG;AACH,QAAA,UAAU,EAAE,IAAI;AAEhB;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,IAAI;AAEzB;;;;;;;;AAQG;AACH,QAAA,SAAS,EAAE,EAAE;AAEb;;;;;;;;;AASG;AACH,QAAA,aAAa,EAAE,IAAI;AAEnB;;;;;;AAMG;AACH,QAAA,QAAQ,EAAE,SAAS;AAEnB;;;;AAIG;AACH,QAAA,WAAW,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;AAChC,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;AACnB,YAAA,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAC5B,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;;AAE3B,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC3B,aAAA;YACD,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;AAED;;AAEG;AACH,QAAA,gBAAgB,EAAE,YAAA;YAChB,OAAO,MAAM,CAAC,gBAAgB,GAAG,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC;SAChE;AAED;;;AAGG;AACH,QAAA,gBAAgB,EAAE,YAAA;YAChB,OAAO,IAAI,CAAC,gBAAgB,EAAE;kBAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC;kBACpC,CAAC,CAAC;SACP;AAED;;AAEG;AACH,QAAA,kBAAkB,EAAE,YAAA;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE;gBAC5B,OAAO;AACR,aAAA;AACD,YAAA,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,YAAA,IAAI,CAAC,mBAAmB,CACtB,UAAU,EACV,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,gBAAgB,CACtB,CAAC;YACF,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,IAAI,CAAC,mBAAmB,CACtB,UAAU,EACV,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,UAAU,CAChB,CAAC;AACH,aAAA;SACF;AAED,QAAA,mBAAmB,EAAE,UAAU,UAAU,EAAE,MAAM,EAAE,OAAO,EAAA;YACxD,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC;YACtD,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AACxD,YAAA,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;SACvC;AAED;;;;;AAKG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACpD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;AAEG;AACH,QAAA,oBAAoB,EAAE,YAAA;AACpB,YAAA,IAAI,OAAO,GAAG,mBAAmB,EAAE,CAAC;YACpC,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,MAAM,iBAAiB,CAAC;AACzB,aAAA;AACD,YAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AAClB,gBAAA,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;AACpB,aAAA;AACD,YAAA,IAAI,OAAO,OAAO,CAAC,UAAU,KAAK,WAAW,EAAE;AAC7C,gBAAA,MAAM,iBAAiB,CAAC;AACzB,aAAA;AACD,YAAA,OAAO,OAAO,CAAC;SAChB;AAED;;;AAGG;QACH,YAAY,EAAE,UAAU,OAAO,EAAA;AAC7B,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;AACvC,YAAA,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAElB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;AAClE,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;AAErE,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;gBAC7B,OAAO;AACR,aAAA;AAED,YAAA,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AACjC,YAAA,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAEnC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAC9C,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YAEhD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;SACzD;AAED;;;;AAIG;QACH,kBAAkB,EAAE,UAAU,QAAQ,EAAA;;AAEpC,YAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE;AACnC,gBAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;AAC/B,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,aAAa;AAChB,oBAAA,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;wBACxC,QAAQ;wBACR,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC/B,aAAA;YACD,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;;AAElD,gBAAA,MAAM,IAAI,KAAK,CACb,4EAA4E,CAC7E,CAAC;;AAEH,aAAA;YACD,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACjD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YACvD,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC;AAC7D,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AAC5C,aAAA;YAED,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC7D;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,IAAI,CAAC,KAAK,CAAC;SACnB;AAED;;;AAGG;AACH,QAAA,SAAS,EAAE,YAAA;YACT,OAAO,IAAI,CAAC,MAAM,CAAC;SACpB;AAED;;;;;;;;AAQG;AACH,QAAA,QAAQ,EAAE,UAAU,KAAK,EAAE,OAAO,EAAA;AAChC,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;SACtD;AAED;;;;;;;;AAQG;AACH,QAAA,SAAS,EAAE,UAAU,KAAK,EAAE,OAAO,EAAA;AACjC,YAAA,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;SACvD;AAED;;;;;;;;;;AAUG;AACH,QAAA,aAAa,EAAE,UAAU,UAAU,EAAE,OAAO,EAAA;AAC1C,YAAA,IAAI,QAAQ,CAAC;AAEb,YAAA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;AAExB,YAAA,KAAK,IAAI,IAAI,IAAI,UAAU,EAAE;AAC3B,gBAAA,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AAE5B,gBAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;oBACpB,IAAI,CAAC,sBAAsB,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;oBACpD,QAAQ,IAAI,IAAI,CAAC;AACjB,oBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC5B,iBAAA;AAED,gBAAA,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;AAC1B,oBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACvC,iBAAA;AACF,aAAA;YACD,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC5B,gBAAA,IAAI,CAAC,gBAAgB;oBACnB,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC1D,aAAA;YACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;AAElB,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;gBACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACzB,aAAA;AAED,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;AAOG;AACH,QAAA,sBAAsB,EAAE,UAAU,IAAI,EAAE,KAAK,EAAA;AAC3C,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;YAEjC,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAClC,aAAA;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAClC,aAAA;AAED,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAEnB,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;AAOG;AACH,QAAA,gBAAgB,EAAE,UAAU,IAAI,EAAE,KAAK,EAAA;YACrC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;YAEvC,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AACxC,aAAA;YAED,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AACpC,aAAA;AAED,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;AACH,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;SAClC;AAED;;;;;AAKG;QACH,oBAAoB,EAAE,UAAU,GAAG,EAAA;YACjC,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,EACnC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EACvC,aAAa,GAAG,IAAI,CAAC,YAAY,EACjC,MAAM,EACN,CAAC,EACD,GAAG,CAAC;AACN,YAAA,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC;AAC7B,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACpD,gBAAA,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC1B,gBAAA,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;AACpC,aAAA;AACD,YAAA,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,SAAS,EAAE,CAAC;AAC1B,aAAA;AACD,YAAA,IAAI,gBAAgB,EAAE;gBACpB,gBAAgB,CAAC,SAAS,EAAE,CAAC;AAC9B,aAAA;AACD,YAAA,IAAI,aAAa,EAAE;gBACjB,aAAa,CAAC,SAAS,EAAE,CAAC;AAC3B,aAAA;YACD,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAC9B,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;;AASG;AACH,QAAA,WAAW,EAAE,UAAU,KAAK,EAAE,KAAK,EAAA;;AAEjC,YAAA,IAAI,MAAM,GAAG,KAAK,EAChB,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACxC,YAAA,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;AACvE,YAAA,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AACf,YAAA,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACf,IAAI,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACvC,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAC7B,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAC7B,YAAA,OAAO,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;SACvC;AAED;;;;;AAKG;QACH,OAAO,EAAE,UAAU,KAAK,EAAA;AACtB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACzC,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;QACH,WAAW,EAAE,UAAU,KAAK,EAAA;YAC1B,IAAI,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1C,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;YAClB,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,YAAA,OAAO,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;SACvC;AAED;;;;;AAKG;QACH,WAAW,EAAE,UAAU,KAAK,EAAA;AAC1B,YAAA,OAAO,IAAI,CAAC,WAAW,CACrB,IAAI,KAAK,CACP,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACpC,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACrC,CACF,CAAC;SACH;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,OAAO,IAAI,CAAC,aAAa,CAAC;SAC3B;AAED;;;;AAIG;AACH,QAAA,GAAG,EAAE,YAAA;AACH,YAAA,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACjE,SAAS,CAAC,MAAM,GAAG,CAAC;AAClB,gBAAA,IAAI,CAAC,iBAAiB;gBACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC1B,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;AAQG;AACH,QAAA,QAAQ,EAAE,UAAU,OAAO,EAAE,KAAK,EAAA;AAChC,YAAA,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAC7B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,CAAC,cAAc,CACpB,CAAC;YACF,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,OAAO;AACtD,gBAAA,IAAI,CAAC,iBAAiB;gBACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC1B,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;AACH,QAAA,MAAM,EAAE,YAAA;AACN,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CACzC,IAAI,EACJ,SAAS,EACT,IAAI,CAAC,gBAAgB,CACtB,CAAC;AACF,YAAA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACxE,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,GAAG,EAAA;AAC3B,YAAA,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAC,UAAU,EAAE,CAAC;YAClC,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,KAAK,IAAI,EAAE;;gBAErC,OAAO,CAAC,IAAI,CACV,8EAA8E;AAC5E,oBAAA,8FAA8F,CACjG,CAAC;;AAEF,gBAAA,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACzB,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC3C,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SACrC;AAED;;;AAGG;QACH,gBAAgB,EAAE,UAAU,GAAG,EAAA;AAC7B,YAAA,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC7C,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SACvC;AAED;;;;;AAKG;QACH,YAAY,EAAE,UAAU,GAAG,EAAA;AACzB,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AAC7C,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,OAAO,IAAI,CAAC,gBAAgB,CAAC;SAC9B;AAED;;;;AAIG;AACH,QAAA,KAAK,EAAE,YAAA;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;AAC3C,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC5B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;AAChD,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC5B,gBAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;AAChC,aAAA;AACD,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;AACzC,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAC5B,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;AACH,QAAA,SAAS,EAAE,YAAA;YACT,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,OAAO;AACR,aAAA;YACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;;AASG;AACH,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;SAClB;AAED;;;;;;AAMG;AACH,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC/D,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACpE,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;AAMG;AACH,QAAA,sBAAsB,EAAE,YAAA;YACtB,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,EACpB,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAC9C,CAAC,GAAG,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EACxC,CAAC,GAAG,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC;;;AAGjD,YAAA,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EACd,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACjB,YAAA,QAAQ,IAAI,CAAC,SAAS,GAAG;AACvB,gBAAA,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;gBAC3B,EAAE,EAAE,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3B,gBAAA,EAAE,EAAE,GAAG;AACR,aAAA,EAAE;SACJ;AAED,QAAA,qBAAqB,EAAE,YAAA;YACrB,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;AACnD,gBAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;AAC3B,aAAA;SACF;AAED;;;;;;AAMG;AACH,QAAA,YAAY,EAAE,UAAU,GAAG,EAAE,OAAO,EAAA;YAClC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,OAAO;AACR,aAAA;YAED,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAC5B,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;YACvB,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AACvB,YAAA,GAAG,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC;;AAEvD,YAAA,GAAG,CAAC,cAAc,GAAG,MAAM,CAAC;YAC5B,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACzC,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;YAE5B,GAAG,CAAC,IAAI,EAAE,CAAC;;AAEX,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YAClC,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,WAAW,EAAE;AAClD,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;;gBAE1B,IAAI,CAAC,WAAW,EAAE,CAAC;AACnB,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;gBAC3B,IAAI,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,gBAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAChC,aAAA;AACD,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACzB,YAAA,IAAI,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,WAAW,EAAE;AACjD,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AACxB,aAAA;YACD,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAExC,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,aAAa,EAAE,CAAC;AACrB,gBAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;AAChC,aAAA;SACF;AAED;;;AAGG;QACH,oBAAoB,EAAE,UAAU,GAAG,EAAA;YACjC,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAC5B,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;YACvB,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;AAGlD,YAAA,GAAG,CAAC,wBAAwB,GAAG,gBAAgB,CAAC;AAChD,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AACpB,YAAA,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAC1C,YAAA,GAAG,CAAC,SAAS,CACX,IAAI,CAAC,YAAY,EACjB,CAAC,IAAI,CAAC,iBAAiB,EACvB,CAAC,IAAI,CAAC,iBAAiB,CACxB,CAAC;YACF,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;;AAIG;AACH,QAAA,cAAc,EAAE,UAAU,GAAG,EAAE,OAAO,EAAA;YACpC,IAAI,CAAC,EAAE,GAAG,CAAC;AACX,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,EAAE;AAC9C,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AACtC,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,0BAA0B,EAAE,UAAU,GAAG,EAAE,QAAQ,EAAA;AACjD,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,EACjC,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,EACjC,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAC1B,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC;AACpC,YAAA,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;gBACpB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,IAAI,EAAE;gBACR,GAAG,CAAC,IAAI,EAAE,CAAC;gBACX,GAAG,CAAC,SAAS,EAAE,CAAC;AAChB,gBAAA,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACjB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBACpC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC3B,GAAG,CAAC,SAAS,EAAE,CAAC;gBAChB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC;AAC5D,gBAAA,IAAI,QAAQ,EAAE;AACZ,oBAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnD,iBAAA;gBACD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;gBAChE,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,CAAC;AACxD,gBAAA,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvD,GAAG,CAAC,IAAI,EAAE,CAAC;gBACX,GAAG,CAAC,OAAO,EAAE,CAAC;AACf,aAAA;AACD,YAAA,IAAI,MAAM,EAAE;gBACV,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,gBAAA,IAAI,QAAQ,EAAE;AACZ,oBAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnD,iBAAA;AACD,gBAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBACnB,GAAG,CAAC,OAAO,EAAE,CAAC;AACf,aAAA;SACF;AAED;;;AAGG;QACH,iBAAiB,EAAE,UAAU,GAAG,EAAA;AAC9B,YAAA,IAAI,CAAC,0BAA0B,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;SACpD;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,GAAG,EAAA;AAC3B,YAAA,IAAI,CAAC,0BAA0B,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;SACjD;AAED;;;;;AAKG;AACH,QAAA,SAAS,EAAE,YAAA;YACT,OAAO;AACL,gBAAA,GAAG,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC;AACpB,gBAAA,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC;aACrB,CAAC;SACH;AAED;;;AAGG;AACH,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;SACnD;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,MAAM,EAAA;YAC7B,OAAO,IAAI,CAAC,aAAa,CACvB,MAAM,EACN,IAAI,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAC9D,CAAC;SACH;AAED;;;;;AAKG;QACH,aAAa,EAAE,UAAU,MAAM,EAAA;YAC7B,OAAO,IAAI,CAAC,aAAa,CACvB,MAAM,EACN,IAAI,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAC9D,CAAC;SACH;AAED;;;;;AAKG;QACH,YAAY,EAAE,UAAU,MAAM,EAAA;AAC5B,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;SAC3C;AAED;;;;;AAKG;QACH,oBAAoB,EAAE,UAAU,MAAM,EAAA;AACpC,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAClC,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;SAC7C;AAED;;;;;AAKG;QACH,qBAAqB,EAAE,UAAU,MAAM,EAAA;AACrC,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAChB,MAAM,EACN,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CACjD,CAAC;AACF,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;QACH,qBAAqB,EAAE,UAAU,MAAM,EAAA;AACrC,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAElC,OAAO,IAAI,CAAC,aAAa,CACvB,MAAM,EACN,IAAI,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CACjD,CAAC;SACH;AAED;;;;AAIG;AACH,QAAA,WAAW,EAAE,YAAA;AACX,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,EAChC,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AACjD,YAAA,OAAO,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;SACrC;AAED;;;;;;AAMG;AACH,QAAA,aAAa,EAAE,UAAU,MAAM,EAAE,MAAM,EAAA;YACrC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACzC,MAAM,CAAC,SAAS,EAAE,CAAC;AACnB,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;QACH,cAAc,EAAE,UAAU,mBAAmB,EAAA;AAC3C,YAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;SACnD;AAED;;;;AAIG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;YACrC,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;SAC9D;AAED;;;;;;;;;;;;;;AAcG;AACH,QAAA,MAAM,EAAE,YAAA;AACN,YAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;SACxB;AAED;;;;AAIG;QACH,gBAAgB,EAAE,UAAU,mBAAmB,EAAA;YAC7C,OAAO,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;SACtE;AAED;;AAEG;AACH,QAAA,eAAe,EAAE,UAAU,UAAU,EAAE,mBAAmB,EAAA;AACxD,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC/B,YAAA,MAAM,YAAY,GAChB,QAAQ,IAAI,CAAC,QAAQ,CAAC,iBAAiB;kBACnC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,UAAU,EAAE,mBAAmB,CAAC;kBACzD,IAAI,CAAC;AACX,YAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACE,OAAO,EAAED,OAAO,EAAA,EACb,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAClC,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,QAAQ;qBACnB,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;AAC7C,qBAAA,GAAG,CAAC,CAAC,QAAQ,KACZ,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAC1D,EAAA,CAAA,EACA,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,mBAAmB,CAAC,IACzD,YAAY,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EACpD,CAAA;SACH;AAED;;AAEG;AACH,QAAA,SAAS,EAAE,UAAU,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAA;AAC5D,YAAA,IAAI,aAAa,CAAC;AAElB,YAAA,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;AAC9B,gBAAA,aAAa,GAAG,QAAQ,CAAC,oBAAoB,CAAC;AAC9C,gBAAA,QAAQ,CAAC,oBAAoB,GAAG,KAAK,CAAC;AACvC,aAAA;YAED,IAAI,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,mBAAmB,CAAC,CAAC;AACvD,YAAA,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;AAC9B,gBAAA,QAAQ,CAAC,oBAAoB,GAAG,aAAa,CAAC;AAC/C,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;AAEG;AACH,QAAA,oBAAoB,EAAE,UAAU,UAAU,EAAE,mBAAmB,EAAA;YAC7D,IAAI,IAAI,GAAG,EAAE,EACX,OAAO,GAAG,IAAI,CAAC,eAAe,EAC9B,YAAY,GAAG,IAAI,CAAC,YAAY,EAChC,OAAO,GAAG,IAAI,CAAC,eAAe,EAC9B,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;AAEnC,YAAA,IAAI,OAAO,IAAI,OAAO,CAAC,QAAQ,EAAE;AAC/B,gBAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE;oBAC9B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AACzD,iBAAA;AACF,aAAA;AAAM,iBAAA,IAAI,OAAO,EAAE;AAClB,gBAAA,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC3B,aAAA;AAED,YAAA,IAAI,YAAY,IAAI,YAAY,CAAC,QAAQ,EAAE;AACzC,gBAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE;oBACnC,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAC3D,iBAAA;AACF,aAAA;AAAM,iBAAA,IAAI,YAAY,EAAE;AACvB,gBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,aAAA;AAED,YAAA,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE;AACzC,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CACnC,OAAO,EACP,UAAU,EACV,mBAAmB,CACpB,CAAC;AACH,aAAA;AACD,YAAA,IAAI,YAAY,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE;AACnD,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,CAChC,YAAY,EACZ,UAAU,EACV,mBAAmB,CACpB,CAAC;AACH,aAAA;AAED,YAAA,OAAO,IAAI,CAAC;SACb;;AAGD;;;;;AAKG;AACH,QAAA,yBAAyB,EAAE,IAAI;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCG;AACH,QAAA,KAAK,EAAE,UAAU,OAAO,EAAE,OAAO,EAAA;AAC/B,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;AAC1B,YAAA,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;YAC1B,IAAI,MAAM,GAAG,EAAE,CAAC;AAEhB,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACtC,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACpC,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,MAAM,CAAC,IAAI,CACT,qBAAqB,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,QAAQ,CAC5D,CAAC;AACH,aAAA;AACD,YAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;YACjD,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC;AAC/D,YAAA,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACrC,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACvB,aAAA;AACD,YAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;YAC9C,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;AAE5D,YAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAEtB,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACxB;AAED;;AAEG;AACH,QAAA,eAAe,EAAE,UAAU,MAAM,EAAE,OAAO,EAAA;YACxC,IAAI,OAAO,CAAC,gBAAgB,EAAE;gBAC5B,OAAO;AACR,aAAA;AACD,YAAA,MAAM,CAAC,IAAI,CACT,gCAAgC,EAChC,OAAO,CAAC,QAAQ,IAAI,OAAO,EAC3B,wBAAwB,EACxB,iDAAiD,EACjD,uDAAuD,CACxD,CAAC;SACH;AAED;;AAEG;AACH,QAAA,aAAa,EAAE,UAAU,MAAM,EAAE,OAAO,EAAA;AACtC,YAAA,IAAI,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EACrC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EACtC,GAAG,EACH,OAAO,GAAG,eAAe,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,EACjE,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;YAEnD,IAAI,OAAO,CAAC,OAAO,EAAE;gBACnB,OAAO;oBACL,WAAW;wBACX,OAAO,CAAC,OAAO,CAAC,CAAC;wBACjB,GAAG;wBACH,OAAO,CAAC,OAAO,CAAC,CAAC;wBACjB,GAAG;wBACH,OAAO,CAAC,OAAO,CAAC,KAAK;wBACrB,GAAG;wBACH,OAAO,CAAC,OAAO,CAAC,MAAM;AACtB,wBAAA,IAAI,CAAC;AACR,aAAA;AAAM,iBAAA;gBACL,IAAI,IAAI,CAAC,yBAAyB,EAAE;AAClC,oBAAA,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC;oBAC7B,OAAO;wBACL,WAAW;AACX,4BAAA,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC;4BAC9C,GAAG;AACH,4BAAA,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC;4BAC9C,GAAG;4BACH,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC;4BACjD,GAAG;4BACH,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC;AAClD,4BAAA,IAAI,CAAC;AACR,iBAAA;AACF,aAAA;YAED,MAAM,CAAC,IAAI,CACT,OAAO,EACP,qCAAqC,EACrC,6CAA6C,EAC7C,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,IAAI,EACJ,OAAO,EACP,yBAAyB,EACzB,+BAA+B,EAC/BA,OAAO,EACP,WAAW,EACX,UAAU,EACV,IAAI,CAAC,wBAAwB,EAAE,EAC/B,IAAI,CAAC,0BAA0B,EAAE,EACjC,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,EACrC,WAAW,CACZ,CAAC;SACH;QAED,uBAAuB,EAAE,UAAU,OAAO,EAAA;AACxC,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC7B,YAAA,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,UAAU,GAAG,WAAW,GAAGC,uBAAY,CAAC,KAAK,EAAE,CAAC;AACzD,gBAAA,QACE,gBAAgB;AAChB,oBAAA,QAAQ,CAAC,UAAU;oBACnB,OAAO;oBACP,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;AAC5C,oBAAA,eAAe,EACf;AACH,aAAA;AACD,YAAA,OAAO,EAAE,CAAC;SACX;AAED;;;AAGG;AACH,QAAA,0BAA0B,EAAE,YAAA;AAC1B,YAAA,IAAI,KAAK,GAAG,IAAI,EACd,MAAM,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,IAAI,EAAA;gBACnD,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;AACjC,gBAAA,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;AACvB,oBAAA,IAAI,eAAe,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,EACvC,GAAG,GAAG,KAAK,CAAC,iBAAiB,EAC7B,MAAM,GAAG;AACP,wBAAA,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,eAAe,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACnD,wBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,eAAe,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;qBACtD,CAAC;AACJ,oBAAA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACxB,wBAAA,mBAAmB,EAAE,eAAe;8BAChC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AAC9B,8BAAE,EAAE;AACP,qBAAA,CAAC,CAAC;AACJ,iBAAA;AACH,aAAC,CAAC,CAAC;AACL,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACxB;AAED;;;;;;AAMG;AACH,QAAA,wBAAwB,EAAE,YAAA;AACxB,YAAA,IAAI,MAAM,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,GAAG,EACH,UAAU,EACV,KAAK,EACL,GAAG,EACH,QAAQ,EACR,KAAK,EACL,SAAS,EACT,CAAC,EACD,GAAG,EACH,SAAS,GAAG,MAAM,CAAC,SAAS,EAC5B,OAAO,GAAG,EAAE,CAAC;YAEf,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,MAAM,EAAA;AACvC,gBAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACrB,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,oBAAA,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAC9B,iBAAA;AACH,aAAC,CAAC,CAAC;AAEH,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC9C,gBAAA,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACjB,gBAAA,UAAU,GAAG,GAAG,CAAC,UAAU,CAAC;gBAC5B,IACE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC/B,QAAQ,CAAC,UAAU,CAAC;AACpB,oBAAA,CAAC,SAAS,CAAC,UAAU,CAAC,EACtB;oBACA,SAAS;AACV,iBAAA;AACD,gBAAA,QAAQ,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;AAC5B,gBAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;oBACf,SAAS;AACV,iBAAA;AACD,gBAAA,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC;gBACnB,KAAK,QAAQ,IAAI,KAAK,EAAE;AACtB,oBAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;oBACtB,KAAK,SAAS,IAAI,GAAG,EAAE;AACrB,wBAAA,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC;AACvB,wBAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;wBAC9B,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE;AAClD,4BAAA,QAAQ,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;AAC7B,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AAED,YAAA,KAAK,IAAI,CAAC,IAAI,QAAQ,EAAE;AACtB,gBAAA,MAAM,IAAI;oBACR,oBAAoB;oBACpB,sBAAsB;oBACtB,CAAC;oBACD,MAAM;oBACN,kBAAkB;oBAClB,SAAS,CAAC,CAAC,CAAC;oBACZ,OAAO;oBACP,SAAS;AACV,iBAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACZ,aAAA;AAED,YAAA,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,GAAG;oBACP,2BAA2B;oBAC3B,aAAa;oBACb,MAAM;oBACN,KAAK;oBACL,YAAY;AACb,iBAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACZ,aAAA;AAED,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;AAEG;AACH,QAAA,cAAc,EAAE,UAAU,MAAM,EAAE,OAAO,EAAA;YACvC,IAAI,QAAQ,EACV,CAAC,EACD,GAAG,EACH,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC1B,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC9C,gBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBACtB,IAAI,QAAQ,CAAC,iBAAiB,EAAE;oBAC9B,SAAS;AACV,iBAAA;gBACD,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC/C,aAAA;SACF;AAED;;AAEG;AACH,QAAA,aAAa,EAAE,UAAU,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAA;YAChD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SACtC;AAED;;AAEG;AACH,QAAA,qBAAqB,EAAE,UAAU,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAA;YACxD,IACE,IAAI,CAAC,QAAQ,CAAC;AACd,gBAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,iBAAiB;AACjC,gBAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EACpB;AACA,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5C,aAAA;SACF;AAED;;AAEG;AACH,QAAA,qBAAqB,EAAE,UAAU,MAAM,EAAE,QAAQ,EAAA;YAC/C,IAAI,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,EACnC,GAAG,GAAG,IAAI,CAAC,iBAAiB,EAC5B,UAAU,GAAG,IAAI,CAAC,KAAK,EACvB,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;YAC5B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO;AACR,aAAA;YACD,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,gBAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EACvC,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,EACrC,mBAAmB,GAAG,YAAY;sBAC9B,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;sBAC7B,EAAE,CAAC;gBACT,MAAM,CAAC,IAAI,CACT,mBAAmB,GAAG,mBAAmB,GAAG,aAAa,EACzD,UAAU,GAAG,CAAC,EACd,GAAG,EACH,WAAW,GAAG,CAAC,EACf,IAAI,EACJ,MAAM,EACN,MAAM,CAAC,OAAO,GAAG,UAAU,GAAG,CAAC,EAC/B,OAAO,EACP,MAAM,CAAC,OAAO,GAAG,WAAW,GAAG,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,MAAM,KAAK,UAAU,IAAI,MAAM,KAAK,WAAW;AAC7C,sBAAE,MAAM,CAAC,MAAM,CAAC,KAAK;sBACnB,UAAU,EACd,YAAY,EACZ,MAAM,KAAK,UAAU,IAAI,MAAM,KAAK,WAAW;AAC7C,sBAAE,MAAM,CAAC,MAAM,CAAC,MAAM;AACtB,sBAAE,WAAW,EACf,qBAAqB,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,EACxC,YAAY,CACb,CAAC;AACH,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,CAAC,IAAI,CACT,+CAA+C,EAC/C,QAAQ,EACR,MAAM,EACN,GAAG,EACH,YAAY,CACb,CAAC;AACH,aAAA;SACF;;AAGD;;;;;;AAMG;QACH,UAAU,EAAE,UAAU,MAAM,EAAA;YAC1B,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YACD,IAAI,eAAe,GAAG,IAAI,CAAC,aAAa,EACtC,CAAC,EACD,GAAG,EACH,IAAI,CAAC;YACP,IAAI,MAAM,KAAK,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACnE,gBAAA,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC;gBAChC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,GAAI;AAC3B,oBAAA,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACd,oBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACpC,oBAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAC5B,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACvC,gBAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAC/B,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;AAMG;QACH,YAAY,EAAE,UAAU,MAAM,EAAA;YAC5B,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YACD,IAAI,eAAe,GAAG,IAAI,CAAC,aAAa,EACtC,CAAC,EACD,GAAG,EACH,IAAI,CAAC;YACP,IAAI,MAAM,KAAK,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACnE,gBAAA,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC;AAChC,gBAAA,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAChC,oBAAA,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACd,oBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACpC,oBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACvC,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC5B,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;;;AAUG;AACH,QAAA,aAAa,EAAE,UAAU,MAAM,EAAE,YAAY,EAAA;YAC3C,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,aAAa,EACtC,CAAC,EACD,GAAG,EACH,GAAG,EACH,MAAM,EACN,IAAI,EACJ,SAAS,GAAG,CAAC,CAAC;YAEhB,IAAI,MAAM,KAAK,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACnE,gBAAA,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC;AAChC,gBAAA,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAChC,oBAAA,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;oBACd,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AACjC,oBAAA,IAAI,GAAG,GAAG,CAAC,GAAG,SAAS,EAAE;AACvB,wBAAA,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;AACjB,wBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;wBACpC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;AACtC,qBAAA;AACD,oBAAA,SAAS,EAAE,CAAC;AACb,iBAAA;AACF,aAAA;AAAM,iBAAA;gBACL,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACpC,IAAI,GAAG,KAAK,CAAC,EAAE;;oBAEb,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;AAC5D,oBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;oBACvC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AACzC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;AAEG;AACH,QAAA,kBAAkB,EAAE,UAAU,MAAM,EAAE,GAAG,EAAE,YAAY,EAAA;YACrD,IAAI,MAAM,EAAE,CAAC,CAAC;AAEd,YAAA,IAAI,YAAY,EAAE;gBAChB,MAAM,GAAG,GAAG,CAAC;;AAGb,gBAAA,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE;AAC7B,oBAAA,IAAI,cAAc,GAChB,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;wBAC7C,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;wBAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAEnD,oBAAA,IAAI,cAAc,EAAE;wBAClB,MAAM,GAAG,CAAC,CAAC;wBACX,MAAM;AACP,qBAAA;AACF,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;AAClB,aAAA;AAED,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;;;;;;;AAUG;AACH,QAAA,YAAY,EAAE,UAAU,MAAM,EAAE,YAAY,EAAA;YAC1C,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,aAAa,EACtC,CAAC,EACD,GAAG,EACH,GAAG,EACH,MAAM,EACN,IAAI,EACJ,SAAS,GAAG,CAAC,CAAC;YAEhB,IAAI,MAAM,KAAK,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACnE,gBAAA,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC;gBAChC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,GAAI;AAC3B,oBAAA,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;oBACd,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBACjC,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,EAAE;AAC9C,wBAAA,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;AACjB,wBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;wBACpC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;AACtC,qBAAA;AACD,oBAAA,SAAS,EAAE,CAAC;AACb,iBAAA;AACF,aAAA;AAAM,iBAAA;gBACL,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACpC,IAAI,GAAG,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;;oBAEpC,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;AAC5D,oBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;oBACvC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AACzC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;AAEG;AACH,QAAA,kBAAkB,EAAE,UAAU,MAAM,EAAE,GAAG,EAAE,YAAY,EAAA;AACrD,YAAA,IAAI,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC;AAEnB,YAAA,IAAI,YAAY,EAAE;gBAChB,MAAM,GAAG,GAAG,CAAC;;gBAGb,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,EAAE;AAC1D,oBAAA,IAAI,cAAc,GAChB,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;wBAC7C,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;wBAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAEnD,oBAAA,IAAI,cAAc,EAAE;wBAClB,MAAM,GAAG,CAAC,CAAC;wBACX,MAAM;AACP,qBAAA;AACF,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;AAClB,aAAA;AAED,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;;;AAMG;AACH,QAAA,MAAM,EAAE,UAAU,MAAM,EAAE,KAAK,EAAA;AAC7B,YAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACvC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;YACvC,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC1D;AAED;;;;AAIG;AACH,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,OAAO,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,MAAM,KAAI;gBAC9C,MAAM,IAAI,GAAG,MAAK;oBAChB,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,OAAO,CAAC,IAAI,CAAC,CAAC;AAChB,iBAAC,CAAC;AACF,gBAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;gBACnB,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,oBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACpC,iBAAA;gBAED,IAAI,IAAI,CAAC,SAAS,EAAE;oBAClB,OAAO,CAAC,KAAK,CAAC,CAAC;AAChB,iBAAA;qBAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE;AAChC,oBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAC3B,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,EAAE,CAAC;AACR,iBAAA;AACH,aAAC,CAAC,CAAC;SACJ;AAED;;;;;;;;;;;AAWG;AACH,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC7B,YAAA,IAAI,CAAC,aAAa,CAAC,UAAU,MAAM,EAAA;AACjC,gBAAA,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;AACrC,aAAC,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;AACxD,gBAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;AAChC,aAAA;AACD,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AAClD,gBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;AAC7B,aAAA;AACD,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC5B,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;;YAE7B,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AACpD,YAAA,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YAClD,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC;gBAC7D,OAAO,IAAI,CAAC,oBAAoB,CAAC;AAClC,aAAA;;YAED,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACrD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACvD,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACjD,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;SAChC;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;AACR,YAAA,QACE,mBAAmB;gBACnB,IAAI,CAAC,UAAU,EAAE;gBACjB,KAAK;gBACL,aAAa;gBACb,IAAI,CAAC,QAAQ,CAAC,MAAM;AACpB,gBAAA,KAAK,EACL;SACH;AACF,KAAA,CACF,CAAC;;;AAIF,IAAA,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;QAC/D,IAAI,GAAG,KAAK,aAAa;YAAE,OAAO;QAClC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,EAAE;AACxD,YAAA,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC;AACjC,SAAA,CAAC,CAAC;AACL,KAAC,CAAC,CAAC;AACH,IAAA,MAAM,CAAC,mBAAmB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;QAClE,IAAI,GAAG,KAAK,aAAa;YAAE,OAAO;QAClC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,EAAE;AACxD,YAAA,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC;AACpC,SAAA,CAAC,CAAC;AACL,KAAC,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAE9D,MAAM,CACJ,MAAM,CAAC,YAAY;AACnB,sCAAkC;AAChC;;;;AAIG;AACH,QAAA,UAAU,EAAE,wCAAwC;AAEpD;;;;;;;;AAQG;QACH,QAAQ,EAAE,UAAU,UAAU,EAAA;AAC5B,YAAA,IAAI,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAE/B,YAAA,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE;AACzB,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YAED,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,GAAG,EAAE;AACR,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AAED,YAAA,QAAQ,UAAU;AAChB,gBAAA,KAAK,aAAa;AAChB,oBAAA,OAAO,OAAO,GAAG,CAAC,WAAW,KAAK,WAAW,CAAC;AAEhD,gBAAA;AACE,oBAAA,OAAO,IAAI,CAAC;AACf,aAAA;SACF;AACF,KAAA,CACF,CAAC;IAEF,IAAI,MAAM,CAAC,YAAY,EAAE;AACvB,QAAA,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,eAAe,GAAG,YAAA;YAC9C,IAAI,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AAC7C,YAAA,OAAO,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;AACxC,SAAC,CAAC;QACF,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,gBAAgB,GAAG,UAAU,IAAI,EAAA;YAC7D,IAAI,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC7C,OAAO,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAC7C,SAAC,CAAC;AACH,KAAA;AACH,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC92D9C,MAAM,kBAAkB,GAAG,aAAa,CAAC;AAEhD;;;;;AAKG;AACI,MAAM,mBAAmB,GAAG,CACjC,eAAwB,EACxB,MAAc,EACd,CAAgB,EAChB,MAAoB,KAClB;AACF,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE;AAC/B,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;IACD,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxC,OAAO,OAAO,CAAC,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AACnD,CAAC,CAAC;AAEF;;;;AAIG;AACG,SAAU,mBAAmB,CAAC,SAAoB,EAAA;IACtD,OAAO,SAAS,CAAC,OAAO,KAAK,QAAQ,IAAI,SAAS,CAAC,OAAO,KAAK,QAAQ,CAAC;AAC1E,CAAC;AAEK,SAAU,YAAY,CAAC,MAA2B,EAAA;AACtD,IAAA,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;AACtC,CAAC;AAEM,MAAM,QAAQ,GAAG,CACtB,MAAoB,EACpB,UAQqB,KAClB,MAAM,CAAC,UAAU,CAAC,CAAC;AAEjB,MAAM,eAAe,GAA+C,CACzE,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;IACF,OAAO;AACL,QAAA,CAAC,EAAE,SAAS;QACZ,SAAS;AACT,QAAA,OAAO,EAAE,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;KACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;AAMG;AACa,SAAA,kBAAkB,CAChC,YAA0B,EAC1B,OAAgB,EAAA;;AAGhB,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,aAAa,EAAE,EACxC,WAAW,GACT,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACrE,IAAA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,GAAG,IAAI,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED;;AAEG;AACH,SAAS,cAAc,CACrB,MAAoB,EACpB,KAAY,EACZ,OAAiB,EACjB,OAAiB,EAAA;AAEjB,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,sBAAsB,EAAE,EAC5C,CAAC,GACC,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW;AAC9D,UAAE,MAAM,CAAC,sBAAsB,CAC3B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,CACR;AACH,UAAE,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,EACxC,EAAE,GAAG,MAAM,CAAC,KAAK;AACf,UAAE,KAAK,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;UACrD,KAAK,CAAC;AACZ,IAAA,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACxB,CAAC;AAED;;;;;;;;AAQG;AACa,SAAA,aAAa,CAC3B,EAAE,MAAM,EAAE,MAAM,EAAa,EAC7B,OAAiB,EACjB,OAAiB,EACjB,CAAS,EACT,CAAS,EAAA;;IAET,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EACrC,IAAI,GAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,OAAO,EAAE,KAAI,CAAC,EACpC,OAAO,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,EAC/B,UAAU,GAAG,cAAc,CAAC,MAAM,EAAE,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACzE,IAAA,IAAI,UAAU,CAAC,CAAC,IAAI,OAAO,EAAE;AAC3B,QAAA,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC;AACzB,KAAA;AACD,IAAA,IAAI,UAAU,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;AAC5B,QAAA,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC;AACzB,KAAA;AACD,IAAA,IAAI,UAAU,CAAC,CAAC,IAAI,OAAO,EAAE;AAC3B,QAAA,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC;AACzB,KAAA;AACD,IAAA,IAAI,UAAU,CAAC,CAAC,IAAI,OAAO,EAAE;AAC3B,QAAA,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC;AACzB,KAAA;AACD,IAAA,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC;AAChC,IAAA,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC;AAChC,IAAA,OAAO,UAAU,CAAC;AACpB;;AC1JO,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,OAAuB,KAAI;;IACtE,MAAM,EACJ,SAAS,EAAE,EAAE,MAAM,EAAE,GACtB,GAAG,OAAO,CAAC;AACZ,IAAA,CAAA,EAAA,GAAA,MAAM,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,IAAI,CAAC,CAAA,OAAA,EAAU,SAAS,CAAA,CAAE,EAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,OAAO,CAAE,EAAA,EAAA,MAAM,IAAG,CAAC;AACnE,IAAA,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC;;ACJD;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAC/B,SAAiB,EACjB,aAAwC,KACtC;IACF,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,KAAI;AACrC,QAAA,MAAM,eAAe,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClE,QAAA,IAAI,eAAe,EAAE;AACnB,YAAA,SAAS,CAAC,SAAS,EAAE,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACnE,SAAA;AACD,QAAA,OAAO,eAAe,CAAC;AACzB,KAAC,EAA+B;AAClC,CAAC;;AClBD;;;;;AAKG;AACG,SAAU,mBAAmB,CACjC,aAAwC,EAAA;IAExC,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,KAAI;AACrC,QAAA,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,SAAS,EAC5C,WAAW,GAAG,MAAM,CAAC,sBAAsB,EAAE,EAC7C,UAAU,GAAG,MAAM,CAAC,sBAAsB,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,EACzE,eAAe,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9D,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACzD,QAAA,OAAO,eAAe,CAAC;AACzB,KAAC,EAA+B;AAClC;;ACdA;;;;;;;;AAQG;AACI,MAAM,iBAAiB,GAA2B,CACvD,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;AACF,IAAA,MAAM,UAAU,GAAG,aAAa,CAC9B,SAAS,EACT,SAAS,CAAC,OAAO,EACjB,SAAS,CAAC,OAAO,EACjB,CAAC,EACD,CAAC,CACF,CAAC;;AAEF,IAAA,IACE,SAAS,CAAC,OAAO,KAAK,QAAQ;SAC7B,SAAS,CAAC,OAAO,KAAK,OAAO,IAAI,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC;AACnD,SAAC,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,EAClD;AACA,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAC1B,aAAa,GACX,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EACjE,UAAU,GAAG,mBAAmB,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EACnD,QAAQ,GAAG,MAAM,CAAC,KAAK,EACvB,QAAQ,GAAG,IAAI,CAAC,IAAI,CAClB,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,UAAU,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,aAAa,CACtE,CAAC;AACJ,QAAA,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;;AAE3C,QAAA,OAAO,QAAQ,KAAK,MAAM,CAAC,KAAK,CAAC;AAClC,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,iBAAiB,CAC1C,UAAU,EACV,mBAAmB,CAAC,iBAAiB,CAAC,CACvC;;AC1BD;;;;;;;;;;AAUG;AACG,SAAU,mBAAmB,CAEjC,GAA6B,EAC7B,IAAY,EACZ,GAAW,EACX,aAA4C,EAC5C,YAA0B,EAAA;AAE1B,IAAA,aAAa,GAAG,aAAa,IAAI,EAAE,CAAC;AACpC,IAAA,MAAM,KAAK,GACP,IAAI,CAAC,KAAK,IAAI,aAAa,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,EACnE,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,aAAa,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,EACzE,kBAAkB,GAChB,OAAO,aAAa,CAAC,kBAAkB,KAAK,WAAW;UACnD,aAAa,CAAC,kBAAkB;UAChC,YAAY,CAAC,kBAAkB,EACrC,UAAU,GAAG,kBAAkB,GAAG,QAAQ,GAAG,MAAM,EACnD,MAAM,GACJ,CAAC,kBAAkB;SAClB,aAAa,CAAC,iBAAiB,IAAI,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACxE,IAAI,MAAM,GAAG,IAAI,EACf,KAAK,GAAG,GAAG,EACX,IAAI,CAAC;IACP,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,IAAA,GAAG,CAAC,SAAS,GAAG,aAAa,CAAC,WAAW,IAAI,YAAY,CAAC,WAAW,IAAI,EAAE,CAAC;AAC5E,IAAA,GAAG,CAAC,WAAW;QACb,aAAa,CAAC,iBAAiB,IAAI,YAAY,CAAC,iBAAiB,IAAI,EAAE,CAAC;;IAE1E,IAAI,KAAK,GAAG,KAAK,EAAE;QACjB,IAAI,GAAG,KAAK,CAAC;QACb,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;QAC9B,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,KAAK,CAAC;AAC/B,KAAA;SAAM,IAAI,KAAK,GAAG,KAAK,EAAE;QACxB,IAAI,GAAG,KAAK,CAAC;QACb,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC;QAC9B,MAAM,GAAG,CAAC,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC;AACjC,KAAA;AAAM,SAAA;QACL,IAAI,GAAG,KAAK,CAAC;AACd,KAAA;;AAED,IAAA,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;IAClB,GAAG,CAAC,SAAS,EAAE,CAAC;AAChB,IAAA,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;AACtD,IAAA,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;AAClB,IAAA,IAAI,MAAM,EAAE;QACV,GAAG,CAAC,MAAM,EAAE,CAAC;AACd,KAAA;IACD,GAAG,CAAC,OAAO,EAAE,CAAC;AAChB,CAAC;AAED;;;;;;;;;;AAUG;AACG,SAAU,mBAAmB,CAEjC,GAA6B,EAC7B,IAAY,EACZ,GAAW,EACX,aAA4C,EAC5C,YAA0B,EAAA;AAE1B,IAAA,aAAa,GAAG,aAAa,IAAI,EAAE,CAAC;AACpC,IAAA,MAAM,KAAK,GACP,IAAI,CAAC,KAAK,IAAI,aAAa,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,EACnE,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,aAAa,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,EACzE,kBAAkB,GAChB,OAAO,aAAa,CAAC,kBAAkB,KAAK,WAAW;UACnD,aAAa,CAAC,kBAAkB;UAChC,YAAY,CAAC,kBAAkB,EACrC,UAAU,GAAG,kBAAkB,GAAG,QAAQ,GAAG,MAAM,EACnD,MAAM,GACJ,CAAC,kBAAkB;SAClB,aAAa,CAAC,iBAAiB,IAAI,YAAY,CAAC,iBAAiB,CAAC,EACrE,QAAQ,GAAG,KAAK,GAAG,CAAC,EACpB,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,IAAA,GAAG,CAAC,SAAS,GAAG,aAAa,CAAC,WAAW,IAAI,YAAY,CAAC,WAAW,IAAI,EAAE,CAAC;AAC5E,IAAA,GAAG,CAAC,WAAW;QACb,aAAa,CAAC,iBAAiB,IAAI,YAAY,CAAC,iBAAiB,IAAI,EAAE,CAAC;;AAE1E,IAAA,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;AAClB,IAAA,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;;AAEzB,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,aAAa,EAAE,CAAC;IAC3C,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;;;;AAIpC,IAAA,GAAG,CAAC,CAAG,EAAA,UAAU,CAAM,IAAA,CAAA,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAC7D,IAAA,IAAI,MAAM,EAAE;AACV,QAAA,GAAG,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AACpD,KAAA;IACD,GAAG,CAAC,OAAO,EAAE,CAAC;AAChB;;ACrIA;;;;;;;;AAQG;AACI,MAAM,WAAW,GAA2B,CACjD,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,SAAS,EAC5C,OAAO,GAAG,CAAC,GAAG,OAAO,EACrB,MAAM,GAAG,CAAC,GAAG,OAAO,EACpB,KAAK,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EACrE,KAAK,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,MAAM,CAAC;IACtE,KAAK,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACnC,IAAI,KAAK,IAAI,KAAK,EAAE;AAClB,QAAA,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAClE,KAAA;IACD,OAAO,KAAK,IAAI,KAAK,CAAC;AACxB,CAAC;;AC9BD;AAQA;;;;;;;AAOG;AACI,MAAM,oBAAoB,GAA0B,CACzD,SAAS,EACT,OAAO,EACP,YAAY,KACV;IACF,IAAI,YAAY,CAAC,YAAY,EAAE;AAC7B,QAAA,OAAO,kBAAkB,CAAC;AAC3B,KAAA;IACD,OAAO,OAAO,CAAC,WAAW,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;;;;;AASG;AACH,MAAM,wBAAwB,GAA2B,CACvD,SAAS,EACT,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAC3C,CAAC,EACD,CAAC,KACC;AACF,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,sBAAsB,CAC9C,MAAM,CAAC,sBAAsB,EAAE,EAC/B,OAAO,EACP,OAAO,CACR,CAAC;AAEF,IAAA,IAAI,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE;AACpC,QAAA,OAAO,KAAK,CAAC;AACd,KAAA;AAED,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,EAChE,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAC5D,IAAI,KAAK,GAAG,gBAAgB,CAAC,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;IAE3D,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,GAAG,CAAC,EAAE;AAC5C,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,EAChC,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,SAAS,EACjD,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,SAAS,EAC3D,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;QAE9D,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,eAAe,CAAC,GAAG,aAAa,EAAE;YACrD,KAAK,GAAG,eAAe,CAAC;AACzB,SAAA;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,gBAAgB,CAAC,GAAG,aAAa,EAAE;YAC7D,KAAK,GAAG,gBAAgB,CAAC;AAC1B,SAAA;AACF,KAAA;;IAGD,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,QAAA,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC;AACrB,KAAA;IACD,KAAK,IAAI,GAAG,CAAC;AAEb,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;;AAE1C,IAAA,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AACrB,IAAA,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEK,MAAM,oBAAoB,GAAG,iBAAiB,CACnD,UAAU,EACV,mBAAmB,CAAC,wBAAwB,CAAC,CAC9C;;ACzDD;;;;;AAKG;AACa,SAAA,mBAAmB,CACjC,SAAwB,EACxB,YAA0B,EAAA;AAE1B,IAAA,MAAM,MAAM,GAAG,YAAY,CAAC,MAAgB,EAC1C,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACnD,QACE,CAAC,MAAM,CAAC,cAAc,IAAI,CAAC,gBAAgB;SAC1C,CAAC,MAAM,CAAC,cAAc,IAAI,gBAAgB,CAAC,EAC5C;AACJ,CAAC;AAED;;;;;;AAMG;SACa,kBAAkB,CAChC,YAA0B,EAC1B,EAAW,EACX,mBAA4B,EAAA;AAE5B,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC,EAClD,KAAK,GAAG,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IACjD,IAAI,KAAK,IAAI,KAAK,EAAE;AAClB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IACD,IAAI,CAAC,EAAE,KAAK,KAAK,IAAI,KAAK,CAAC,IAAI,mBAAmB,EAAE;AAClD,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,IAAI,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE;AACvB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,IAAI,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE;AACvB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AAEnE;;;;;;AAMG;AACI,MAAM,uBAAuB,GAA0B,CAC5D,SAAS,EACT,OAAO,EACP,YAAY,KACV;IACF,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,EACtE,EAAE,GACA,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC;AAChC,UAAE,GAAG;UACH,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC;AACpC,cAAE,GAAG;cACH,EAAE,CAAC;IACX,IAAI,kBAAkB,CAAC,YAAY,EAAE,EAAE,EAAE,mBAAmB,CAAC,EAAE;AAC7D,QAAA,OAAO,kBAAkB,CAAC;AAC3B,KAAA;IACD,MAAM,CAAC,GAAG,kBAAkB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AACjC,CAAC,CAAC;AAEF;;;;;;;;;;;AAWG;AACH,SAAS,WAAW,CAClB,SAAwB,EACxB,SAAyB,EACzB,CAAS,EACT,CAAS,EACT,OAAA,GAA4B,EAAE,EAAA;AAE9B,IAAA,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAC7B,EAAE,GAAG,OAAO,CAAC,EAAE,EACf,mBAAmB,GAAG,mBAAmB,CAAC,SAAS,EAAE,MAAM,CAAC,EAC5D,aAAa,GAAG,kBAAkB,CAAC,MAAM,EAAE,EAAE,EAAE,mBAAmB,CAAC,CAAC;IACtE,IAAI,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC;AAEhD,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,OAAO,KAAK,CAAC;AACd,KAAA;IACD,IAAI,SAAS,CAAC,YAAY,EAAE;QAC1B,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC;QACnD,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC;AACpD,KAAA;AAAM,SAAA;AACL,QAAA,QAAQ,GAAG,aAAa,CACtB,SAAS,EACT,SAAS,CAAC,OAAO,EACjB,SAAS,CAAC,OAAO,EACjB,CAAC,EACD,CAAC,CACF,CAAC;;;;;;AAMF,QAAA,KAAK,GAAG,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/C,QAAA,KAAK,GAAG,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/C,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;AACpB,YAAA,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,SAAA;AACD,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;AACpB,YAAA,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,SAAA;AAED,QAAA,IACE,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;AACnC,aAAC,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,CAAC,EACxD;AACA,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;AAED,QAAA,GAAG,GAAG,MAAM,CAAC,yBAAyB,EAAE,CAAC;;AAEzC,QAAA,IAAI,mBAAmB,IAAI,CAAC,EAAE,EAAE;;YAE9B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC1D,EAAE,QAAQ,EAAE,GAAG,SAAS,EACxB,gBAAgB,GACd,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC;gBACnD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,EACrD,KAAK,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AACtC,YAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC;AACjC,YAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC;AAClC,SAAA;AAAM,aAAA;AACL,YAAA,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;AACxD,YAAA,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;AACzD,SAAA;;AAED,QAAA,IAAI,mBAAmB,CAAC,SAAS,CAAC,EAAE;YAClC,MAAM,IAAI,CAAC,CAAC;YACZ,MAAM,IAAI,CAAC,CAAC;AACb,SAAA;QACD,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE;YAC3C,SAAS,CAAC,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACpD,MAAM,IAAI,CAAC,CAAC,CAAC;AACb,YAAA,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,SAAA;QACD,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE;YAC3C,SAAS,CAAC,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACpD,MAAM,IAAI,CAAC,CAAC,CAAC;AACb,YAAA,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,SAAA;AACF,KAAA;;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAC7B,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,EAAE;AACP,QAAA,CAAC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAClE,QAAA,CAAC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACnE,KAAA;AAAM,SAAA;;QAEL,EAAE,KAAK,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC3C,EAAE,KAAK,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC5C,KAAA;IACD,OAAO,SAAS,KAAK,MAAM,CAAC,MAAM,IAAI,SAAS,KAAK,MAAM,CAAC,MAAM,CAAC;AACpE,CAAC;AAED;;;;;;;;AAQG;AACI,MAAM,qBAAqB,GAA2C,CAC3E,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;IACF,OAAO,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;;;;;;AAQG;AACH,MAAM,YAAY,GAA2C,CAC3D,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;AACF,IAAA,OAAO,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF;;;;;;;;AAQG;AACH,MAAM,YAAY,GAA2C,CAC3D,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;AACF,IAAA,OAAO,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEK,MAAM,cAAc,GAAG,iBAAiB,CAC7C,SAAS,EACT,mBAAmB,CAAC,qBAAqB,CAAC,CAC3C,CAAC;AAEK,MAAM,QAAQ,GAAG,iBAAiB,CACvC,SAAS,EACT,mBAAmB,CAAC,YAAY,CAAC,CAClC,CAAC;AAEK,MAAM,QAAQ,GAAG,iBAAiB,CACvC,SAAS,EACT,mBAAmB,CAAC,YAAY,CAAC,CAClC;;AC3PD,MAAM,SAAS,GAUX;AACF,IAAA,CAAC,EAAE;AACD,QAAA,WAAW,EAAE,GAAG;AAChB,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA,CAAC,EAAE;AACD,QAAA,WAAW,EAAE,GAAG;AAChB,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;CACF,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAE7C;;;;;;AAMG;AACI,MAAM,sBAAsB,GAA0B,CAC3D,SAAS,EACT,OAAO,EACP,YAAY,KACV;AACF,IAAA,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC,EAAE;AAC7D,QAAA,OAAO,kBAAkB,CAAC;AAC3B,KAAA;AACD,IAAA,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC,EAAE;AAC7D,QAAA,OAAO,kBAAkB,CAAC;AAC3B,KAAA;IACD,MAAM,CAAC,GAAG,kBAAkB,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AACxD,IAAA,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAChC,CAAC,CAAC;AAEF;;;AAGG;AACH,SAAS,UAAU,CACjB,IAAW,EACX,EAA4D,EAC5D,OAAc,EAAA;AADd,IAAA,IAAA,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EAAA,GAAA,EAA+B,EAA1B,SAAS,GAA3C,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,aAAA,CAA6C,CAAF,CAAA;AAG3C,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,EACvC,MAAM,GAAG,OAAO;SACb,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AAC3B,SAAA,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EACxD,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,EAC/B,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,EACjC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;;;;;;IAMxD,CAAC,GACC,IAAI,KAAK,GAAG;AACV,UAAE,MAAM,CAAC,yBAAyB,CAAC;AAC/B,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;;AAET,YAAA,KAAK,EAAE,CAAC;AACT,SAAA,CAAC,CAAC,CAAC;AACN,UAAE,MAAM,CAAC,yBAAyB,CAAC;AAC/B,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;SACV,CAAC,CAAC,CAAC,CAAC;IAEb,MAAM,QAAQ,GACZ,CAAC,CAAC,GAAG,MAAM,GAAG,WAAW;;AAEvB,QAAA,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;;AAEhB,QAAA,aAAa,CAAC;IAEhB,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEtD,IAAA,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7B,MAAM,OAAO,GAAG,aAAa,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC;AAElD,IAAA,IAAI,OAAO,IAAI,IAAI,KAAK,GAAG,EAAE;;;QAG3B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,EAC9B,SAAS,GAAG,MAAM,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,EACtE,QAAQ,GAAG,MAAM,CAAC,yBAAyB,EAAE,EAC7C,kBAAkB,GAAG,KAAK,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;AAClE,QAAA,kBAAkB,KAAK,CAAC;YACtB,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC;AACrD,KAAA;AAED,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;;;AAQG;AACH,SAAS,WAAW,CAClB,IAAW,EACX,SAAwB,EACxB,SAAoB,EACpB,CAAS,EACT,CAAS,EAAA;AAET,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAC1B,EACE,WAAW,EACX,MAAM,EAAE,SAAS,EACjB,WAAW,EAAE,cAAc,EAC3B,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,OAAO,GACd,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AACtB,IAAA,IAAI,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE;AACpC,QAAA,OAAO,KAAK,CAAC;AACd,KAAA;IAED,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE,GACpD,SAAS,CAAC,WAAW,CAAC,EACxB,mBAAmB,GACjB,aAAa,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;AAC1C,SAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;;;;;IAKnC,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC;SAC3C,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAW,EACvC,gBAAgB,GACd,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;AAErB,QAAA,aAAa,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;AAE9D,QAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AACjB,UAAE,CAAC;AACH,UAAE,CAAC,CAAC,IAAI,WAAW;;;AAGvB,IAAA,MAAM,GAAG,CAAC,gBAAgB,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzC,IAAA,MAAM,YAAY,GAAG,iBAAiB,CACpC,SAAS,EACT,mBAAmB,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,KAC7C,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAC7C,CACF,CAAC;AAEF,IAAA,OAAO,YAAY,CACjB,SAAS,kCAEJ,SAAS,CAAA,EAAA,EACZ,CAAC,SAAS,GAAG,MAAM,EACnB,WAAW,EAAA,CAAA,EAEb,CAAC,EACD,CAAC,CACF,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQG;AACI,MAAM,YAAY,GAA2B,CAClD,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;AACF,IAAA,OAAO,WAAW,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACtD,CAAC,CAAC;AAEF;;;;;;;;AAQG;AACI,MAAM,YAAY,GAA2B,CAClD,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;AACF,IAAA,OAAO,WAAW,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACtD,CAAC;;ACtOD,SAAS,WAAW,CAAC,SAAwB,EAAE,MAAoB,EAAA;;IACjE,OAAO,SAAS,CAAC,CAAC,EAAA,GAAA,MAAM,CAAC,MAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,YAAY,CAAC,CAAC;AAC5D,CAAC;AAED;;;;;;AAMG;AACI,MAAM,qBAAqB,GAE9B,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,KAAI;IACvC,MAAM,aAAa,GAAG,WAAW,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAC3D,IAAA,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE;;QAEnB,OAAO,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3C,KAAA;AACD,IAAA,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE;;QAEnB,OAAO,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3C,KAAA;AACH,CAAC,CAAC;AAEF;;;;;;AAMG;AACI,MAAM,2BAA2B,GAA0B,CAChE,SAAS,EACT,OAAO,EACP,YAAY,KACV;AACF,IAAA,OAAO,WAAW,CAAC,SAAS,EAAE,YAAY,CAAC;UACvC,sBAAsB,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC;UACxD,uBAAuB,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;AAChE,CAAC,CAAC;AACF;;;;;;;;AAQG;AACI,MAAM,kBAAkB,GAA2B,CACxD,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;AACF,IAAA,OAAO,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC;UAC3C,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;UACxC,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF;;;;;;;;AAQG;AACI,MAAM,kBAAkB,GAA2B,CACxD,SAAS,EACT,SAAS,EACT,CAAC,EACD,CAAC,KACC;AACF,IAAA,OAAO,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC;UAC3C,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;UACxC,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3C,CAAC;;AC7CD;;AAEG;AACHF,QAAM,CAAC,aAAa,GAAG;IACrB,uBAAuB;IACvB,sBAAsB;IACtB,2BAA2B;IAC3B,oBAAoB;IACpB,cAAc;IACd,QAAQ;IACR,QAAQ;IACR,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,mBAAmB;CACpB;;ACtED;AAOA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,EACnC,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAC/C,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FG;IACH,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACrC,MAAM,CAAC,YAAY;AACnB,0CAAsC;AACpC;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;AAC/B,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;YAC1B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1D,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9D,YAAA,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;AAED;;;;;;AAMG;AACH,QAAA,cAAc,EAAE,IAAI;AAEpB;;;;;;;;;;;AAWG;AACH,QAAA,WAAW,EAAE,UAAU;AAEvB;;;;;;AAMG;AACH,QAAA,eAAe,EAAE,KAAK;AAEtB;;;;;;AAMG;AACH,QAAA,gBAAgB,EAAE,KAAK;AAEvB;;;;;;;;AAQG;AACH,QAAA,WAAW,EAAE,QAAQ;AAErB;;;;;;;;AAQG;AACH,QAAA,YAAY,EAAE,UAAU;AAExB;;;;AAIG;AACH,QAAA,WAAW,EAAE,IAAI;AAEjB;;;;AAIG;AACH,QAAA,SAAS,EAAE,IAAI;AAEf;;;;;;;;;AASG;AACH,QAAA,YAAY,EAAE,UAAU;AAExB;;;;;;;;;;;AAWG;AACH,QAAA,eAAe,EAAE,IAAI;AAErB;;;;AAIG;AACH,QAAA,cAAc,EAAE,0BAA0B;AAE1C;;;;AAIG;AACH,QAAA,kBAAkB,EAAE,EAAE;AAEtB;;;;AAIG;AACH,QAAA,oBAAoB,EAAE,0BAA0B;AAEhD;;;;AAIG;AACH,QAAA,kBAAkB,EAAE,CAAC;AAErB;;;;AAIG;AACH,QAAA,uBAAuB,EAAE,KAAK;AAE9B;;;;AAIG;AACH,QAAA,WAAW,EAAE,MAAM;AAEnB;;;;AAIG;AACH,QAAA,UAAU,EAAE,MAAM;AAElB;;;;AAIG;AACH,QAAA,aAAa,EAAE,SAAS;AAExB;;;;AAIG;AACH,QAAA,iBAAiB,EAAE,WAAW;AAE9B;;;;;AAKG;AACH,QAAA,gBAAgB,EAAE,aAAa;AAE/B;;;;AAIG;AACH,QAAA,cAAc,EAAE,kBAAkB;AAElC;;;;AAIG;AACH,QAAA,kBAAkB,EAAE,KAAK;AAEzB;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,CAAC;AAEtB;;;;;;;;AAQG;AACH,QAAA,cAAc,EAAE,KAAK;AAErB;;;;;;;AAOG;AACH,QAAA,aAAa,EAAE,KAAK;AAEpB;;;;;AAKG;AACH,QAAA,sBAAsB,EAAE,KAAK;AAE7B;;;;;AAKG;AACH,QAAA,eAAe,EAAE,KAAK;AAEtB;;;;;AAKG;AACH,QAAA,cAAc,EAAE,KAAK;AAErB;;;;;AAKG;AACH,QAAA,eAAe,EAAE,KAAK;AAEtB;;;AAGG;AACH,QAAA,OAAO,EAAE,EAAE;AAEX;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,KAAK;AAE1B;;;;AAIG;AACH,QAAA,cAAc,EAAE,IAAI;AAEpB;;;;AAIG;AACH,QAAA,eAAe,EAAE,EAAE;AAEnB;;;;AAIG;AACH,QAAA,gBAAgB,EAAE,SAAS;AAE3B;;AAEG;AACH,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAC9B,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAE3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAE1B,YAAA,IAAI,CAAC,gBAAgB;gBACnB,MAAM,CAAC,WAAW,IAAI,IAAI,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAErD,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,GAAG,EAAA;AAC3B,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;AAClC,YAAA,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;SACvC;AAED;;;AAGG;QACH,gBAAgB,EAAE,UAAU,GAAG,EAAA;AAC7B,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;;AAElC,YAAA,IAAI,GAAG,KAAK,IAAI,CAAC,aAAa,EAAE;gBAC9B,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;gBACvD,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC5B,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;AAChD,gBAAA,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,IAAI,GAAG,KAAK,IAAI,CAAC,cAAc,EAAE;AAC/B,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3B,gBAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;AAC3B,aAAA;AACD,YAAA,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;SACzC;AAED;;;;AAIG;AACH,QAAA,sBAAsB,EAAE,YAAA;AACtB,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,EACzC,MAAM,EACN,YAAY,EACZ,kBAAkB,CAAC;YAErB,IAAI,CAAC,IAAI,CAAC,sBAAsB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC5D,YAAY,GAAG,EAAE,CAAC;gBAClB,kBAAkB,GAAG,EAAE,CAAC;AACxB,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;AAC9D,oBAAA,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC1B,IAAI,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;AACxC,wBAAA,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,qBAAA;AAAM,yBAAA;AACL,wBAAA,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACjC,qBAAA;AACF,iBAAA;AACD,gBAAA,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;AAC5B,oBAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,kBAAkB,CAAC;AAClD,iBAAA;gBACD,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;AAC3D,aAAA;;iBAEI,IAAI,CAAC,IAAI,CAAC,sBAAsB,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;AACnE,gBAAA,IAAI,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,EAC3B,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACxC,gBAAA,IAAI,WAAW,GAAG,SAAS,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;AACpE,gBAAA,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;gBACrC,IAAI,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBAC9C,KAAK,GAAG,CAAC,CAAC;AACR,oBAAA,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5D,gBAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAChC,aAAA;AAAM,iBAAA;AACL,gBAAA,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC9B,aAAA;AACD,YAAA,OAAO,YAAY,CAAC;SACrB;AAED;;;;AAIG;AACH,QAAA,SAAS,EAAE,YAAA;YACT,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,OAAO;AACR,aAAA;YACD,IACE,IAAI,CAAC,eAAe;gBACpB,CAAC,IAAI,CAAC,cAAc;gBACpB,CAAC,IAAI,CAAC,aAAa,EACnB;AACA,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACnC,gBAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AAC9B,aAAA;YACD,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACrC,gBAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;AAC7B,aAAA;YACD,CAAC,IAAI,CAAC,gBAAgB;iBACnB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;YAC1D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAChE,YAAA,OAAO,IAAI,CAAC;SACb;QAED,cAAc,EAAE,UAAU,GAAG,EAAA;YAC3B,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,YAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBAClD,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;AACzD,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC7B,aAAA;;AAED,YAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,cAAc,EAAE;AACzC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACzB,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC7B,aAAA;YACD,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;;;AAKG;AACH,QAAA,SAAS,EAAE,YAAA;AACT,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;AAC1B,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACzB,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC1B,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;AAEG;AACH,QAAA,iBAAiB,EAAE,UAAU,MAAM,EAAE,OAAO,EAAA;YAC1C,IAAI,CAAC,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAClC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAC1C,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC/C,OAAO,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;SAC1D;AAED;;;;;;AAMG;AACH,QAAA,mBAAmB,EAAE,UAAU,MAAM,EAAE,CAAC,EAAE,CAAC,EAAA;;;YAGzC,IACE,MAAM,CAAC,WAAW,EAAE;AACpB,gBAAA,MAAM,CAAC,YAAY;AACnB,gBAAA,MAAM,KAAK,IAAI,CAAC,aAAa,EAC7B;AACA,gBAAA,IAAI,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;AACnD,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,CAAC,EAAE,CAAC;AACL,iBAAA,CAAC,EACF,eAAe,GAAG,IAAI,CAAC,GAAG,CACxB,MAAM,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,EAC7D,CAAC,CACF,EACD,eAAe,GAAG,IAAI,CAAC,GAAG,CACxB,MAAM,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,EAC7D,CAAC,CACF,CAAC;AAEJ,gBAAA,IAAI,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAC3C,MAAM,CAAC,aAAa,EACpB,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAC3B,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAC3B,IAAI,CAAC,mBAAmB,CACzB,CAAC;AAEF,gBAAA,OAAO,aAAa,CAAC;AACtB,aAAA;AAED,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,YAAY,EACzB,aAAa,GAAG,MAAM,CAAC,wBAAwB,EAC/C,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;AAE7B,YAAA,MAAM,CAAC,wBAAwB,GAAG,EAAE,CAAC;AAErC,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YAEvB,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,YAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACnB,GAAG,CAAC,OAAO,EAAE,CAAC;AAEd,YAAA,MAAM,CAAC,wBAAwB,GAAG,aAAa,CAAC;AAEhD,YAAA,IAAI,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAC3C,GAAG,EACH,CAAC,EACD,CAAC,EACD,IAAI,CAAC,mBAAmB,CACzB,CAAC;AAEF,YAAA,OAAO,aAAa,CAAC;SACtB;AAED;;;;AAIG;QACH,sBAAsB,EAAE,UAAU,CAAC,EAAA;YACjC,IAAI,mBAAmB,GAAG,KAAK,CAAC;YAEhC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;gBACpC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,GAAG,EAAA;AAC1D,oBAAA,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;AACzB,iBAAC,CAAC,CAAC;AACJ,aAAA;AAAM,iBAAA;AACL,gBAAA,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC5C,aAAA;AAED,YAAA,OAAO,mBAAmB,CAAC;SAC5B;AAED;;;;AAIG;AACH,QAAA,qBAAqB,EAAE,UAAU,CAAC,EAAE,MAAM,EAAA;AACxC,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,EACzC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;YAEpC,QACE,CAAC,MAAM;AACP,iBAAC,MAAM;oBACL,YAAY;oBACZ,aAAa,CAAC,MAAM,GAAG,CAAC;AACxB,oBAAA,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpC,oBAAA,YAAY,KAAK,MAAM;AACvB,oBAAA,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAClC,iBAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;AAC3B,iBAAC,MAAM;oBACL,CAAC,MAAM,CAAC,UAAU;oBAClB,YAAY;AACZ,oBAAA,YAAY,KAAK,MAAM,CAAC,EAC1B;SACH;AAED;;;;;;;;;AASG;AACH,QAAA,sBAAsB,EAAE,UAAU,MAAM,EAAE,MAAM,EAAE,MAAM,EAAA;YACtD,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO;AACR,aAAA;AAED,YAAA,IAAI,eAAe,CAAC;YAEpB,IACE,MAAM,KAAK,OAAO;AAClB,gBAAA,MAAM,KAAK,QAAQ;AACnB,gBAAA,MAAM,KAAK,QAAQ;gBACnB,MAAM,KAAK,UAAU,EACrB;gBACA,eAAe,GAAG,IAAI,CAAC,eAAe,IAAI,MAAM,CAAC,eAAe,CAAC;AAClE,aAAA;iBAAM,IAAI,MAAM,KAAK,QAAQ,EAAE;gBAC9B,eAAe,GAAG,IAAI,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,CAAC;AACpE,aAAA;YAED,OAAO,eAAe,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC;SAC3C;AAED;;;AAGG;AACH,QAAA,oBAAoB,EAAE,UAAU,MAAM,EAAE,MAAM,EAAA;AAC5C,YAAA,IAAI,MAAM,GAAG;gBACX,CAAC,EAAE,MAAM,CAAC,OAAO;gBACjB,CAAC,EAAE,MAAM,CAAC,OAAO;aAClB,CAAC;YAEF,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,EAAE;AACzD,gBAAA,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC;AACpB,aAAA;iBAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,EAAE;AAChE,gBAAA,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC;AACnB,aAAA;YAED,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,EAAE;AACzD,gBAAA,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC;AACrB,aAAA;iBAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,EAAE;AAChE,gBAAA,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC;AAClB,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;AAIG;AACH,QAAA,sBAAsB,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,eAAe,EAAA;YAC1D,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO;AACR,aAAA;YACD,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,MAAM,CAAC,KAAK,EAAE;;gBAEhB,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAClC,OAAO,EACP,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,CAChE,CAAC;AACH,aAAA;AACD,YAAA,IAAI,MAAM,GAAG,MAAM,CAAC,QAAQ,EAC1B,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EACjC,aAAa,GACX,eAAe,IAAI,MAAM;kBACrB,OAAO,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC;AAC9C,kBAAE,WAAW,EACjB,MAAM,GAAG,mBAAmB,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,EAChE,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,EAClD,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;AAC5B;;;AAGI;AACJ,YAAA,SAAS,GAAc;AACrB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,aAAa,EAAE,aAAa;AAC5B,gBAAA,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;AACnB,gBAAA,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI;AAChC,gBAAA,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG;gBAC/B,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,EAAE,EAAE,OAAO,CAAC,CAAC;gBACb,EAAE,EAAE,OAAO,CAAC,CAAC;gBACb,KAAK,EAAE,OAAO,CAAC,CAAC;gBAChB,KAAK,EAAE,OAAO,CAAC,CAAC;AAChB,gBAAA,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC;gBACrC,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ;AACpB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC;aACtC,CAAC;YAEJ,IAAI,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE;AACvD,gBAAA,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC;AAC7B,gBAAA,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC;AAC9B,aAAA;YACD,SAAS,CAAC,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;YACtC,SAAS,CAAC,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;AACtC,YAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;AACnC,YAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;SAC1B;AAED;;;;AAIG;QACH,SAAS,EAAE,UAAU,KAAK,EAAA;YACxB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;SACzC;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,GAAG,EAAA;AAC3B,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,cAAc,EAChC,aAAa,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,EACnD,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAChC,aAAa,EACb,IAAI,CAAC,iBAAiB,CACvB,EACD,cAAc,GAAG,IAAI,KAAK,CACxB,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,IAAI,EAC3B,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,CAC3B,EACD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CACjC,cAAc,EACd,IAAI,CAAC,iBAAiB,CACvB,EACD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAClC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAClC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAClC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAClC,YAAY,GAAG,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC;YAE7C,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,gBAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC;AACpC,gBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AACpD,aAAA;YAED,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBAC1D,OAAO;AACR,aAAA;AACD,YAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC;AACxC,YAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC;YAE5C,IAAI,IAAI,YAAY,CAAC;YACrB,IAAI,IAAI,YAAY,CAAC;YACrB,IAAI,IAAI,YAAY,CAAC;YACrB,IAAI,IAAI,YAAY,CAAC;;AAErB,YAAAE,uBAAY,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CACtC,IAAI,EACJ,GAAG,EACH,IAAI,CAAC,kBAAkB,CACxB,CAAC;AACF,YAAA,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;SACtD;AAED;;;;;;;;AAQG;AACH,QAAA,UAAU,EAAE,UAAU,CAAC,EAAE,SAAS,EAAA;YAChC,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,OAAO;AACR,aAAA;YAED,IAAI,UAAU,GAAG,IAAI,EACnB,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,UAAU,CAAC,EACxC,YAAY,GAAG,IAAI,CAAC,aAAa,EACjC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAClC,YAAY,EACZ,gBAAgB,EAChB,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,EACzB,mBAAmB,GACjB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;;;;AAKjE,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;;AAGlB,YAAA,IACE,mBAAmB;AACnB,gBAAA,YAAY,CAAC,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,EAChD;AACA,gBAAA,OAAO,YAAY,CAAC;AACrB,aAAA;AACD,YAAA,IACE,QAAQ,CAAC,MAAM,GAAG,CAAC;gBACnB,YAAY,CAAC,IAAI,KAAK,iBAAiB;AACvC,gBAAA,CAAC,SAAS;gBACV,IAAI,CAAC,qBAAqB,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,EACnD;AACA,gBAAA,OAAO,YAAY,CAAC;AACrB,aAAA;AACD,YAAA,IACE,QAAQ,CAAC,MAAM,KAAK,CAAC;gBACrB,YAAY,KAAK,IAAI,CAAC,qBAAqB,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,EACpE;AACA,gBAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;AAChC,oBAAA,OAAO,YAAY,CAAC;AACrB,iBAAA;AAAM,qBAAA;oBACL,YAAY,GAAG,YAAY,CAAC;AAC5B,oBAAA,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC;AAChC,oBAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AACnB,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAChE,YAAA,IACE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;gBACvB,MAAM;gBACN,YAAY;gBACZ,MAAM,KAAK,YAAY,EACvB;gBACA,MAAM,GAAG,YAAY,CAAC;AACtB,gBAAA,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACjC,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;;;;AAOG;AACH,QAAA,YAAY,EAAE,UAAU,OAAO,EAAE,GAAG,EAAE,aAAa,EAAA;AACjD,YAAA,IACE,GAAG;AACH,gBAAA,GAAG,CAAC,OAAO;AACX,gBAAA,GAAG,CAAC,OAAO;;;AAGX,gBAAA,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,EAC1B;gBACA,IACE,CAAC,IAAI,CAAC,kBAAkB,IAAI,GAAG,CAAC,kBAAkB;oBAClD,CAAC,GAAG,CAAC,SAAS,EACd;AACA,oBAAA,IAAI,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAC1C,GAAG,EACH,aAAa,CAAC,CAAC,EACf,aAAa,CAAC,CAAC,CAChB,CAAC;oBACF,IAAI,CAAC,aAAa,EAAE;AAClB,wBAAA,OAAO,IAAI,CAAC;AACb,qBAAA;AACF,iBAAA;AAAM,qBAAA;AACL,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AACF,aAAA;SACF;AAED;;;;;;AAMG;AACH,QAAA,sBAAsB,EAAE,UAAU,OAAO,EAAE,OAAO,EAAA;;YAEhD,IAAI,MAAM,EACR,CAAC,GAAG,OAAO,CAAC,MAAM,EAClB,SAAS,CAAC;;;YAGZ,OAAO,CAAC,EAAE,EAAE;AACV,gBAAA,IAAI,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAC5B,gBAAA,IAAI,YAAY,GAAG,UAAU,CAAC,KAAK;sBAC/B,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC;sBACjD,OAAO,CAAC;gBACZ,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE;AACxD,oBAAA,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACpB,oBAAA,IAAI,MAAM,CAAC,cAAc,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;wBAC3D,SAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;wBAClE,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC3C,qBAAA;oBACD,MAAM;AACP,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;;;AAMG;AACH,QAAA,qBAAqB,EAAE,UAAU,OAAO,EAAE,OAAO,EAAA;YAC/C,IAAI,MAAM,GAAG,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC3D,OAAO,MAAM,IAAI,MAAM,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACpD,kBAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;kBACf,MAAM,CAAC;SACZ;AAED;;;;AAIG;QACH,iBAAiB,EAAE,UAAU,OAAO,EAAA;AAClC,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,cAAc,CAC/B,OAAO,EACP,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CACpD,CAAC;SACH;AAED;;;;;;;;;;;;;;;;;AAiBG;AACH,QAAA,UAAU,EAAE,UAAU,CAAC,EAAE,SAAS,EAAA;;AAEhC,YAAA,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,SAAS,EAAE;gBACvC,OAAO,IAAI,CAAC,gBAAgB,CAAC;AAC9B,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;gBAC9B,OAAO,IAAI,CAAC,QAAQ,CAAC;AACtB,aAAA;AAED,YAAA,IAAI,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,EACzB,aAAa,GAAG,IAAI,CAAC,aAAa,EAClC,MAAM,GAAG,aAAa,CAAC,qBAAqB,EAAE,EAC9C,WAAW,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,EAC/B,YAAY,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,EACjC,QAAQ,CAAC;AAEX,YAAA,IAAI,CAAC,WAAW,IAAI,CAAC,YAAY,EAAE;AACjC,gBAAA,IAAI,KAAK,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM,EAAE;AACzC,oBAAA,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACrD,iBAAA;AACD,gBAAA,IAAI,OAAO,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,EAAE;AACzC,oBAAA,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpD,iBAAA;AACF,aAAA;YAED,IAAI,CAAC,UAAU,EAAE,CAAC;AAClB,YAAA,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAC1C,YAAA,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;YACzC,IAAI,CAAC,SAAS,EAAE;AACd,gBAAA,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC3C,aAAA;AAED,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5C,IAAI,aAAa,KAAK,CAAC,EAAE;AACvB,gBAAA,OAAO,CAAC,CAAC,IAAI,aAAa,CAAC;AAC3B,gBAAA,OAAO,CAAC,CAAC,IAAI,aAAa,CAAC;AAC5B,aAAA;;YAGD,QAAQ;AACN,gBAAA,WAAW,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC;AACrC,sBAAE,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AACjB,sBAAE,IAAI,KAAK,CACP,aAAa,CAAC,KAAK,GAAG,WAAW,EACjC,aAAa,CAAC,MAAM,GAAG,YAAY,CACpC,CAAC;AAER,YAAA,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;SAClE;AAED;;;;;;;;;;AAUG;AACH,QAAA,aAAa,EAAE,UAAU,UAAU,EAAE,OAAO,EAAA;YAC1C,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;SAC7D;AAED;;;AAGG;AACH,QAAA,kBAAkB,EAAE,YAAA;YAClB,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,EACpC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;;YAGrC,IAAI,CAAC,aAAa,EAAE;AAClB,gBAAA,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC5C,gBAAA,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;AACpC,aAAA;;AAED,YAAA,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;;AAElD,YAAA,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;;AAE/C,YAAA,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAC5C,YAAA,aAAa,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACjD,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AAE1C,YAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AACpD,YAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;AACtC,YAAA,aAAa,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAChD,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAClD;AAED;;AAEG;AACH,QAAA,kBAAkB,EAAE,YAAA;AAClB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACjD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACrD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SACzD;AAED;;AAEG;AACH,QAAA,mBAAmB,EAAE,YAAA;YACnB,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,OAAO;AACR,aAAA;YACD,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACvD,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;YACxE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;YACtD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE;AACnC,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI;AACxB,gBAAA,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI;AAC1B,gBAAA,QAAQ,EAAE,UAAU;AACrB,aAAA,CAAC,CAAC;YACH,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACrD;AAED;;;AAGG;QACH,iBAAiB,EAAE,UAAU,OAAO,EAAA;AAClC,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,EACrC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;AAEzC,YAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC5B,gBAAA,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,KAAK,GAAG,IAAI;gBACnB,MAAM,EAAE,MAAM,GAAG,IAAI;AACrB,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,GAAG,EAAE,CAAC;gBACN,cAAc,EAAE,IAAI,CAAC,mBAAmB,GAAG,cAAc,GAAG,MAAM;gBAClE,kBAAkB,EAAE,IAAI,CAAC,mBAAmB;AAC1C,sBAAE,cAAc;AAChB,sBAAE,MAAM;AACX,aAAA,CAAC,CAAC;AACH,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;AACtB,YAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB,YAAA,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;SAC9C;AAED;;;;;AAKG;AACH,QAAA,gBAAgB,EAAE,UAAU,MAAM,EAAE,IAAI,EAAA;YACtC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;SAC3C;AAED;;;AAGG;AACH,QAAA,aAAa,EAAE,YAAA;YACb,OAAO,IAAI,CAAC,UAAU,CAAC;SACxB;AAED;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,YAAA;YACnB,OAAO,IAAI,CAAC,UAAU,CAAC;SACxB;AAED;;;AAGG;AACH,QAAA,mBAAmB,EAAE,YAAA;YACnB,OAAO,IAAI,CAAC,aAAa,CAAC;SAC3B;AAED;;;AAGG;AACH,QAAA,eAAe,EAAE,YAAA;YACf,OAAO,IAAI,CAAC,aAAa,CAAC;SAC3B;AAED;;;AAGG;AACH,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;AAChC,YAAA,IAAI,MAAM,EAAE;gBACV,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,IAAI,MAAM,CAAC,QAAQ,EAAE;oBACxD,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACjC,iBAAA;AAAM,qBAAA;oBACL,OAAO,CAAC,MAAM,CAAC,CAAC;AACjB,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,EAAE,CAAC;SACX;AAED;;;;AAIG;AACH,QAAA,oBAAoB,EAAE,UAAU,UAAU,EAAE,CAAC,EAAA;YAC3C,IAAI,gBAAgB,GAAG,KAAK,EAC1B,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,EACjC,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,KAAK,CAAC;AACrB,YAAA,UAAU,CAAC,OAAO,CAAC,UAAU,SAAS,EAAA;gBACpC,IAAI,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE;oBACrC,gBAAgB,GAAG,IAAI,CAAC;AACxB,oBAAA,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE;AAC3B,wBAAA,CAAC,EAAE,CAAC;AACJ,wBAAA,MAAM,EAAE,SAAS;AAClB,qBAAA,CAAC,CAAC;AACH,oBAAA,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzB,iBAAA;AACH,aAAC,CAAC,CAAC;AACH,YAAA,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM,EAAA;gBAC9B,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;oBACrC,gBAAgB,GAAG,IAAI,CAAC;AACxB,oBAAA,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE;AACtB,wBAAA,CAAC,EAAE,CAAC;AACJ,wBAAA,MAAM,EAAE,MAAM;AACf,qBAAA,CAAC,CAAC;AACH,oBAAA,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACpB,iBAAA;AACH,aAAC,CAAC,CAAC;YACH,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/C,UAAU,GAAG,IAAI,CAAC;gBAClB,gBAAgB;AACd,oBAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC7B,wBAAA,CAAC,EAAE,CAAC;AACJ,wBAAA,QAAQ,EAAE,KAAK;AACf,wBAAA,UAAU,EAAE,OAAO;AACpB,qBAAA,CAAC,CAAC;AACN,aAAA;AAAM,iBAAA,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,UAAU,GAAG,IAAI,CAAC;AAClB,gBAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC7B,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,QAAQ,EAAE,KAAK;AAChB,iBAAA,CAAC,CAAC;AACJ,aAAA;AAAM,iBAAA,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;gBAChC,UAAU,GAAG,IAAI,CAAC;AAClB,gBAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC7B,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,UAAU,EAAE,OAAO;AACpB,iBAAA,CAAC,CAAC;AACJ,aAAA;YACD,UAAU,KAAK,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;SACnD;AAED;;;;;;AAMG;AACH,QAAA,eAAe,EAAE,UAAU,MAAM,EAAE,CAAC,EAAA;AAClC,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC7C,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,oBAAoB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;AAC7C,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;;AASG;AACH,QAAA,gBAAgB,EAAE,UAAU,MAAM,EAAE,CAAC,EAAA;AACnC,YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM,EAAE;AACjC,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;YACD,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE;AACzC,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;YACD,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7B,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;AAC5B,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;;AASG;AACH,QAAA,oBAAoB,EAAE,UAAU,CAAC,EAAE,MAAM,EAAA;AACvC,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,GAAG,EAAE;;AAEP,gBAAA,IAAI,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE;AAC5C,oBAAA,OAAO,KAAK,CAAC;AACd,iBAAA;gBACD,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,KAAK,GAAG,EAAE;AACnE,oBAAA,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC7B,iBAAA;AACD,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAC3B,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;AAQG;QACH,mBAAmB,EAAE,UAAU,CAAC,EAAA;AAC9B,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAC1C,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACxC,IAAI,cAAc,CAAC,MAAM,EAAE;AACzB,gBAAA,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACvE,aAAA;AACD,YAAA,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC7B,YAAA,IAAI,CAAC,oBAAoB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;AAC7C,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;;;;;;AAWG;AACH,QAAA,OAAO,EAAE,YAAA;YACP,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,EAC5B,aAAa,GAAG,IAAI,CAAC,aAAa,EAClC,aAAa,GAAG,IAAI,CAAC,aAAa,EAClC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;YACrC,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAC1B,YAAA,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AACrC,YAAA,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACvB,YAAA,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;AAC/B,YAAA,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;YAC/B,IAAI,SAAS,CAAC,UAAU,EAAE;gBACxB,SAAS,CAAC,UAAU,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AAC7D,aAAA;YACD,OAAO,IAAI,CAAC,SAAS,CAAC;AACtB,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;AACH,QAAA,KAAK,EAAE,YAAA;;YAEL,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC3B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACnC,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SAChC;AAED;;;AAGG;QACH,YAAY,EAAE,UAAU,GAAG,EAAA;AACzB,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;AAEtC,YAAA,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AACnC,aAAA;SACF;AAED;;AAEG;AACH,QAAA,SAAS,EAAE,UAAU,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAA;;;;;YAK5D,IAAI,kBAAkB,GAAG,IAAI,CAAC,8BAA8B,CAAC,QAAQ,CAAC,EACpE,MAAM,GAAG,IAAI,CAAC,SAAS,CACrB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,mBAAmB,CACpB,CAAC;;AAEJ,YAAA,kBAAkB,IAAI,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AACvD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;;AAKG;QACH,8BAA8B,EAAE,UAAU,QAAQ,EAAA;YAChD,IACE,QAAQ,CAAC,KAAK;AACd,gBAAA,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,iBAAiB;AACzC,gBAAA,IAAI,CAAC,aAAa,KAAK,QAAQ,CAAC,KAAK,EACrC;AACA,gBAAA,IAAI,WAAW,GAAG;oBAChB,OAAO;oBACP,OAAO;oBACP,OAAO;oBACP,MAAM;oBACN,QAAQ;oBACR,QAAQ;oBACR,OAAO;oBACP,OAAO;oBACP,KAAK;iBACN,CAAC;;gBAEF,IAAI,cAAc,GAAG,EAAE,CAAC;AACxB,gBAAA,WAAW,CAAC,OAAO,CAAC,UAAU,IAAI,EAAA;oBAChC,cAAc,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AACxC,iBAAC,CAAC,CAAC;AACH,gBAAA,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAC9B,QAAQ,EACR,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,CACnC,CAAC;AACF,gBAAA,OAAO,cAAc,CAAC;AACvB,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;SACF;AAED;;AAEG;AACH,QAAA,aAAa,EAAE,UAAU,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAA;;;YAGhD,IAAI,kBAAkB,GAAG,IAAI,CAAC,8BAA8B,CAAC,QAAQ,CAAC,CAAC;YACvE,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC3D,YAAA,kBAAkB,IAAI,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;SACxD;QAED,oBAAoB,EAAE,UAAU,GAAG,EAAA;YACjC,IACE,IAAI,CAAC,iBAAiB;AACtB,gBAAA,IAAI,CAAC,aAAa;AAClB,gBAAA,IAAI,CAAC,aAAa,CAAC,SAAS,EAC5B;AACA,gBAAA,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;AACtC,aAAA;AACD,YAAA,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;SACpE;AACF,KAAA,CACF,CAAC;;;AAIF,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,YAAY,EAAE;QACpC,IAAI,IAAI,KAAK,WAAW,EAAE;AACxB,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACjD,SAAA;AACF,KAAA;AACH,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC/+CrD;AAIA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,EACrC,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,EAC3C,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,EAChB,UAAU,GAAG,CAAC,EACd,eAAe,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAEvC,IAAA,SAAS,UAAU,CAAC,CAAC,EAAE,KAAK,EAAA;QAC1B,OAAO,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,CAAC;KAC3C;IAED,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,MAAM,CAAC,SAAS;AACvB,0CAAsC;AACpC;;;;AAIG;AACH,QAAA,WAAW,EAAE,IAAI;AAEjB;;;AAGG;AACH,QAAA,mBAAmB,EAAE,YAAA;;;;YAInB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,EAAE,CAAC;AACnB,YAAA,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;SACtC;AAED;;;AAGG;AACH,QAAA,eAAe,EAAE,YAAA;YACf,OAAO,IAAI,CAAC,mBAAmB,GAAG,SAAS,GAAG,OAAO,CAAC;SACvD;AAED,QAAA,WAAW,EAAE,UAAU,OAAO,EAAE,cAAc,EAAA;AAC5C,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,EACpC,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC3C,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACjD,OAAO,CAAC,aAAa,EAAE,eAAe,GAAG,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AACpE,YAAA,OAAO,CACL,aAAa,EACb,eAAe,GAAG,MAAM,EACxB,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;YACF,OAAO,CAAC,aAAa,EAAE,eAAe,GAAG,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAClE,OAAO,CAAC,aAAa,EAAE,eAAe,GAAG,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACtE,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACpD,OAAO,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC3D,OAAO,CAAC,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACxD,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvD,OAAO,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACnD,OAAO,CAAC,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACrD,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvD,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvD,OAAO,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;gBAC7B,OAAO,CACL,aAAa,EACb,YAAY,EACZ,IAAI,CAAC,aAAa,EAClB,eAAe,CAChB,CAAC;AACH,aAAA;YACD,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,cAAc,IAAI,OAAO,EAAE;AAC/D,gBAAA,OAAO,CAAC,cAAc,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AACnE,gBAAA,OAAO,CAAC,cAAc,CAAC,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7D,gBAAA,OAAO,CAAC,cAAc,CAAC,CACrB,aAAa,EACb,aAAa,EACb,IAAI,CAAC,oBAAoB,CAC1B,CAAC;AACF,gBAAA,OAAO,CAAC,cAAc,CAAC,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC/D,gBAAA,OAAO,CAAC,cAAc,CAAC,CACrB,aAAa,EACb,WAAW,EACX,IAAI,CAAC,YAAY,CAClB,CAAC;AACH,aAAA;SACF;AAED;;AAEG;AACH,QAAA,eAAe,EAAE,YAAA;AACf,YAAA,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;;AAE3C,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AAC7C,YAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,eAAe,GAAG,IAAI,EACtB,IAAI,CAAC,UAAU,CAChB,CAAC;AACF,YAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,UAAU,EACV,IAAI,CAAC,WAAW,EAChB,eAAe,CAChB,CAAC;AACF,YAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,eAAe,GAAG,MAAM,EACxB,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;AACF,YAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,WAAW,EACX,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;SACH;AAED;;AAEG;AACH,QAAA,WAAW,EAAE,YAAA;YACX,IAAI,IAAI,CAAC,WAAW,EAAE;;gBAEpB,OAAO;AACR,aAAA;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACvC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB;AAED;;;;AAIG;AACH,QAAA,UAAU,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YAC3B,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;SACjE;AAED;;;;AAIG;AACH,QAAA,OAAO,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YACxB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;SACzC;AAED;;;AAGG;QACH,aAAa,EAAE,UAAU,CAAC,EAAA;AACxB,YAAA,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;SACxB;AAED;;;AAGG;QACH,WAAW,EAAE,UAAU,CAAC,EAAA;AACtB,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC;AACjC,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACjD,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3B,YAAA,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAE5C,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,UAAU,YAAY,EAAA;AACjD,gBAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACvD,gBAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;aACzD,EAAE,IAAI,CAAC,CAAC;AACT,YAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;SAC3B;AAED;;;AAGG;QACH,aAAa,EAAE,UAAU,CAAC,EAAA;;;;;;;AAOxB,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;AAClD,gBAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChD,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3B,gBAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;AAC3B,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,oBAAoB,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YACrC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;SACnE;AAED;;;;AAIG;AACH,QAAA,QAAQ,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YACzB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;SAC3C;AAED;;;;AAIG;AACH,QAAA,YAAY,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YAC7B,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;SACnD;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,CAAC,EAAA;AACvB,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AAC1C,YAAA,IACE,YAAY;AACZ,gBAAA,OAAO,YAAY,CAAC,WAAW,KAAK,UAAU;AAC9C,gBAAA,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,EAC3B;AACA,gBAAA,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;gBAChC,IAAI,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAC7C,gBAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAChC,gBAAA,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;gBACxC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBAC9D,OAAO;AACR,aAAA;YACD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AAED;;AAEG;AACH,QAAA,kBAAkB,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAA;AAC7C,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;AAC1B,YAAA,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC7B,gBAAA,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAClC,aAAA;AACD,YAAA,IAAI,MAAM,EAAE;gBACV,IAAI,MAAM,KAAK,MAAM,EAAE;oBACrB,GAAG,CAAC,OAAO,EAAE,CAAC;oBACd,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC9B,iBAAA;AACD,gBAAA,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAClC,aAAA;YACD,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;;;AAKG;QACH,UAAU,EAAE,UAAU,CAAC,EAAA;YACrB,IAAI,OAAO,GAAG,CAAC,CAAC,YAAY,CAAC,UAAU,KAAK,MAAM,EAChD,UAAU,GAAG,OAAO,GAAG,IAAI,CAAC,aAAa,GAAG,SAAS,EACrD,OAAO,GAAG;AACR,gBAAA,CAAC,EAAE,CAAC;gBACJ,MAAM,EAAE,IAAI,CAAC,WAAW;gBACxB,UAAU,EAAE,IAAI,CAAC,OAAO;gBACxB,UAAU,EAAE,IAAI,CAAC,WAAW;AAC5B,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,UAAU,EAAE,UAAU;aACvB,CAAC;YACJ,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAC9D,OAAO,IAAI,CAAC,WAAW,CAAC;;AAExB,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;SACpB;AAED;;;;AAIG;QACH,eAAe,EAAE,UAAU,CAAC,EAAA;AAC1B,YAAA,IAAI,OAAO,GAAG;AACZ,gBAAA,CAAC,EAAE,CAAC;gBACJ,UAAU,EAAE,IAAI,CAAC,WAAW;gBAC5B,UAAU,EAAE,IAAI,CAAC,kBAAkB;aACpC,CAAC;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SAC5D;AAED;;;;;AAKG;QACH,WAAW,EAAE,UAAU,CAAC,EAAA;YACtB,IAAI,SAAS,GAAG,UAAU,EACxB,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAC3B,OAAO,GAAG,IAAI,CAAC,OAAO,EACtB,OAAO,GAAG;AACR,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,UAAU,EAAE,OAAO;gBACnB,UAAU,EAAE,IAAI,CAAC,WAAW;AAC5B,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,UAAU,EAAE,SAAS;AACtB,aAAA,EACD,UAAU,CAAC;;AAEb,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;;;AAG9B,YAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC5C,YAAA,IAAI,MAAM,EAAE;;AAEV,gBAAA,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACrB,UAAU,GAAG,MAAM,CAAC;AACrB,iBAAA;AACD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACjC,aAAA;;AAED,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACvC,gBAAA,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;;gBAEpB,IAAI,CAAC,CAAC,CAAC,gBAAgB,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBAC5C,UAAU,GAAG,MAAM,CAAC;AACrB,iBAAA;AACD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACjC,aAAA;;YAED,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;SAC1D;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,CAAC,EAAA;YACvB,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAChC,YAAA,IAAI,OAAO,GAAG;AACZ,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,IAAI,CAAC,OAAO;gBACxB,UAAU,EAAE,IAAI,CAAC,WAAW;aAC7B,CAAC;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;;AAEhC,YAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SAC7C;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,CAAC,EAAA;AACvB,YAAA,IAAI,OAAO,GAAG;AACZ,gBAAA,CAAC,EAAE,CAAC;gBACJ,MAAM,EAAE,IAAI,CAAC,kBAAkB;gBAC/B,UAAU,EAAE,IAAI,CAAC,OAAO;gBACxB,UAAU,EAAE,IAAI,CAAC,WAAW;aAC7B,CAAC;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;;AAEhC,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;;AAE1C,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAClB,YAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;SAC3B;AAED;;;;;;;AAOG;QACH,OAAO,EAAE,UAAU,CAAC,EAAA;YAClB,IAAI,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,CAAC,EAAE;gBACvD,UAAU,EAAE,IAAI,CAAC,WAAW;AAC5B,gBAAA,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AAC5B,aAAA,CAAC,CAAC;;AAEH,YAAA,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;;AAExB,YAAA,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC;;AAE/B,YAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;AAIzC,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;SAClC;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,CAAC,EAAA;YACzB,IAAI,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC;YAChE,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;AACpB,aAAA;AACD,YAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AAChD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,CAAC,EAAA;AACzB,YAAA,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YACjC,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;AAED;;;;;AAKG;QACH,YAAY,EAAE,UAAU,GAAG,EAAA;AACzB,YAAA,IAAI,cAAc,GAAG,GAAG,CAAC,cAAc,CAAC;AAExC,YAAA,IAAI,cAAc,EAAE;gBAClB,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;AAC1D,aAAA;YAED,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBAC5B,OAAO,GAAG,CAAC,SAAS,CAAC;AACtB,aAAA;YAED,OAAO,CAAC,CAAC,CAAC;SACX;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,GAAG,EAAA;AACzB,YAAA,IAAI,GAAG,CAAC,SAAS,KAAK,IAAI,EAAE;AAC1B,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK,EAAE;AAC3B,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,IAAI,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACvD,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YACD,IAAI,GAAG,CAAC,cAAc,EAAE;AACtB,gBAAA,OAAO,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,WAAW,CAAC;AAC9D,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;QACH,aAAa,EAAE,UAAU,CAAC,EAAA;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;gBAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AACzC,aAAA;AACD,YAAA,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,wBAAwB,EAAE,CAAC;AAChC,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,EACpC,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AAC3C,YAAA,WAAW,CACT,MAAM,CAAC,QAAQ,EACf,UAAU,EACV,IAAI,CAAC,WAAW,EAChB,eAAe,CAChB,CAAC;AACF,YAAA,WAAW,CACT,MAAM,CAAC,QAAQ,EACf,WAAW,EACX,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;;YAEF,cAAc,CACZ,aAAa,EACb,eAAe,GAAG,MAAM,EACxB,IAAI,CAAC,YAAY,CAClB,CAAC;SACH;AAED;;;AAGG;QACH,YAAY,EAAE,UAAU,CAAC,EAAA;AACvB,YAAA,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,wBAAwB,EAAE,CAAC;AAChC,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,EACpC,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AAC3C,YAAA,cAAc,CACZ,aAAa,EACb,eAAe,GAAG,MAAM,EACxB,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;AACF,YAAA,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AACtE,YAAA,WAAW,CACT,MAAM,CAAC,QAAQ,EACf,eAAe,GAAG,MAAM,EACxB,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;SACH;AAED;;;AAGG;QACH,WAAW,EAAE,UAAU,CAAC,EAAA;AACtB,YAAA,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;;gBAExB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,wBAAwB,EAAE,CAAC;AAChC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AAC7C,YAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,UAAU,EACV,IAAI,CAAC,WAAW,EAChB,eAAe,CAChB,CAAC;AACF,YAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,WAAW,EACX,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;YACF,IAAI,KAAK,GAAG,IAAI,CAAC;YACjB,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,gBAAA,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AACtC,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,YAAA;;;AAGlC,gBAAA,WAAW,CACT,KAAK,CAAC,aAAa,EACnB,eAAe,GAAG,MAAM,EACxB,KAAK,CAAC,YAAY,CACnB,CAAC;AACF,gBAAA,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC;aAC7B,EAAE,GAAG,CAAC,CAAC;SACT;AAED;;;AAGG;QACH,UAAU,EAAE,UAAU,CAAC,EAAA;AACrB,YAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,wBAAwB,EAAE,CAAC;AAChC,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,EACpC,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AAC3C,YAAA,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;AACxB,gBAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,eAAe,GAAG,IAAI,EACtB,IAAI,CAAC,UAAU,CAChB,CAAC;AACF,gBAAA,cAAc,CACZ,MAAM,CAAC,QAAQ,EACf,eAAe,GAAG,MAAM,EACxB,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;AACF,gBAAA,WAAW,CACT,aAAa,EACb,eAAe,GAAG,MAAM,EACxB,IAAI,CAAC,YAAY,EACjB,eAAe,CAChB,CAAC;AACH,aAAA;SACF;AAED;;;AAGG;QACH,YAAY,EAAE,UAAU,CAAC,EAAA;AACvB,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1C,CAAC,IAAI,CAAC,mBAAmB;AACvB,iBAAC,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;AAC7C,gBAAA,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;AACrB,YAAA,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;SACvB;AAED;;AAEG;AACH,QAAA,SAAS,EAAE,YAAA;YACT,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,MAAM,EAAA;AAC7B,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;AAEtC,YAAA,IACE,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,MAAM;iBAC1B,YAAY,IAAI,MAAM,IAAI,YAAY,KAAK,MAAM,CAAC,EACnD;;;AAGA,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AAAM,iBAAA,IAAI,YAAY,IAAI,YAAY,CAAC,SAAS,EAAE;;;AAGjD,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;;;;AAMG;QACH,WAAW,EAAE,UAAU,CAAC,EAAA;YACtB,IAAI,MAAM,EACR,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAClC,aAAa,GAAG,IAAI,CAAC,cAAc,EACnC,YAAY,GAAG,KAAK,EACpB,OAAO,GACL,CAAC,aAAa;AACd,iBAAC,aAAa,CAAC,IAAI,KAAK,CAAC,IAAI,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAC1D,YAAA,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACjC,YAAA,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;AACtB,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;;;AAGlC,YAAA,IAAI,UAAU,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE;gBAC9B,IAAI,IAAI,CAAC,cAAc,EAAE;oBACvB,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AAClD,iBAAA;gBACD,OAAO;AACR,aAAA;AAED,YAAA,IAAI,UAAU,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE;gBAC/B,IAAI,IAAI,CAAC,eAAe,EAAE;oBACxB,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;AACnD,iBAAA;gBACD,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAChC,OAAO;AACR,aAAA;AAED,YAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAClD,gBAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;gBAChC,OAAO;AACR,aAAA;AAED,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;gBACzB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,SAAS,EAAE;AACb,gBAAA,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC;AAClC,gBAAA,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC;AAC1C,aAAA;YACD,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,IAAI,eAAe,GAAG,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC;AACpD,gBAAA,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;gBAC3B,IAAI,CAAC,YAAY,EAAE;oBACjB,YAAY;AACV,wBAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;6BACzB,CAAC,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC;AACvD,iBAAA;AACF,aAAA;YACD,IAAI,MAAM,EAAE,OAAO,CAAC;AACpB,YAAA,IAAI,MAAM,EAAE;gBACV,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAC/B,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,EACxB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC5B,CAAC;gBACF,IACE,MAAM,CAAC,UAAU;oBACjB,MAAM,KAAK,IAAI,CAAC,aAAa;AAC7B,oBAAA,MAAM,CAAC,QAAQ,KAAK,IAAI,EACxB;AACA,oBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;oBAChC,YAAY,GAAG,IAAI,CAAC;AACrB,iBAAA;AAAM,qBAAA;oBACL,IAAI,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EACnC,cAAc,GACZ,OAAO,IAAI,OAAO,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAC7D,oBAAA,IAAI,cAAc,EAAE;AAClB,wBAAA,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC7B,wBAAA,cAAc,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACpD,qBAAA;AACF,iBAAA;AACD,gBAAA,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;AACzB,aAAA;;;AAGD,YAAA,IACE,SAAS;AACT,iBAAC,SAAS,CAAC,MAAM,KAAK,MAAM,IAAI,SAAS,CAAC,MAAM,KAAK,MAAM,CAAC,EAC5D;AACA,gBAAA,IAAI,eAAe,GACf,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,EACjE,sBAAsB,GACpB,eAAe;oBACf,eAAe,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;gBAC1D,OAAO,GAAG,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBACxC,sBAAsB;AACpB,oBAAA,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAC9D,aAAA;AACD,YAAA,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YACpC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;AAChD,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3B,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;;YAE9B,MAAM,KAAK,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;AAChC,YAAA,IAAI,YAAY,EAAE;gBAChB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACzB,aAAA;iBAAM,IAAI,CAAC,OAAO,EAAE;gBACnB,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,aAAA;SACF;AAED;;;;;;;AAOG;AACH,QAAA,mBAAmB,EAAE,UAAU,SAAS,EAAE,CAAC,EAAE,IAAI,EAAA;AAC/C,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAC7B,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;YAClC,OAAO,IAAI,CAAC,kBAAkB,CAC5B,SAAS,EACT,MAAM,CAAC,MAAM,CACX,EAAE,EACF;AACE,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,UAAU,EAAE,UAAU;aACvB,EACD,IAAI,CACL,CACF,CAAC;SACH;AAED,QAAA,kBAAkB,EAAE,UAAU,SAAS,EAAE,OAAO,EAAA;YAC9C,IAAI,MAAM,GAAG,OAAO,CAAC,MAAM,EACzB,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;AAClC,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAC9B,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC1C,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACxC,aAAA;AACD,YAAA,OAAO,OAAO,CAAC;SAChB;AAED;;;;;;;;AAQG;QACH,YAAY,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAA;AACnD,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,OAAO,EACvB,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,EAC5B,OAAO,GAAG;AACR,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,UAAU,EAAE,OAAO;gBACnB,MAAM,EAAE,MAAM,IAAI,UAAU;gBAC5B,OAAO,EAAE,OAAO,IAAI,KAAK;gBACzB,OAAO,EAAE,IAAI,CAAC,QAAQ;gBACtB,eAAe,EAAE,IAAI,CAAC,gBAAgB;gBACtC,SAAS,EAAE,IAAI,CAAC,iBAAiB;aAClC,CAAC;YACJ,IAAI,SAAS,KAAK,IAAI,EAAE;gBACtB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC3C,gBAAA,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC;AAC1C,aAAA;YACD,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC;YACzC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC;AACpD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACvC,gBAAA,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC;AAC/C,aAAA;SACF;AAED;;;;;AAKG;QACH,mBAAmB,EAAE,UAAU,CAAC,EAAA;AAC9B,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;AACvC,YAAA,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC;AAClC,YAAA,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,EAAE;;AAEjC,gBAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;AACnC,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;AAED;;;AAGG;QACH,yBAAyB,EAAE,UAAU,CAAC,EAAA;AACpC,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,iBAAiB,EACpC,MAAM,GAAG,SAAS,CAAC,MAAM,EACzB,OAAO,GAAG;AACR,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,SAAS,EAAE,SAAS;gBACpB,MAAM,EAAE,SAAS,CAAC,MAAM;aACzB,CAAC;YAEJ,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,gBAAA,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;AACzB,aAAA;YAED,MAAM,CAAC,SAAS,EAAE,CAAC;YAEnB,IACE,SAAS,CAAC,eAAe;iBACxB,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC,EAC3C;AACA,gBAAA,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACjC,aAAA;SACF;AAED;;;AAGG;QACH,yBAAyB,EAAE,UAAU,CAAC,EAAA;AACpC,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;AAChC,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;gBAC1B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;AAChD,aAAA;YACD,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AACvE,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;SAC9B;AAED;;;AAGG;QACH,yBAAyB,EAAE,UAAU,CAAC,EAAA;YACpC,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBAC5B,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACjC,gBAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,OAAO,EAAE;AACzC,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,OAAO,EAAE,OAAO;AACjB,iBAAA,CAAC,CAAC;AACJ,aAAA;AACD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;SAC9B;AAED;;;AAGG;QACH,uBAAuB,EAAE,UAAU,CAAC,EAAA;YAClC,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC;AACzD,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,OAAO,EAAE,OAAO;AACjB,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;SAC5B;AAED;;;;;;;AAOG;QACH,aAAa,EAAE,UAAU,CAAC,EAAA;AACxB,YAAA,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;AACpC,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;;AAE1B,YAAA,IAAI,UAAU,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE;gBAC9B,IAAI,IAAI,CAAC,cAAc,EAAE;oBACvB,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;AAC3C,iBAAA;gBACD,OAAO;AACR,aAAA;AAED,YAAA,IAAI,UAAU,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE;gBAC/B,IAAI,IAAI,CAAC,eAAe,EAAE;oBACxB,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;AAC5C,iBAAA;gBACD,OAAO;AACR,aAAA;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC;gBAClC,OAAO;AACR,aAAA;AAED,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;gBACzB,OAAO;AACR,aAAA;;YAGD,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,OAAO;AACR,aAAA;AAED,YAAA,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;;AAE5B,YAAA,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC;AAChC,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAC3C,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YAC7C,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE;AACzC,gBAAA,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC7B,aAAA;AAAM,iBAAA,IAAI,WAAW,EAAE;AACtB,gBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAChC,gBAAA,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;AAC7B,aAAA;YAED,IACE,IAAI,CAAC,SAAS;AACd,iBAAC,CAAC,MAAM;qBACL,CAAC,MAAM,CAAC,UAAU;wBACjB,CAAC,MAAM,CAAC,SAAS;AACjB,wBAAA,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,EACnC;gBACA,IAAI,CAAC,cAAc,GAAG;AACpB,oBAAA,EAAE,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAC3B,oBAAA,EAAE,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAC3B,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;iBACR,CAAC;AACH,aAAA;AAED,YAAA,IAAI,MAAM,EAAE;AACV,gBAAA,IAAI,eAAe,GAAG,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC;gBACpD,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,QAAQ,KAAK,MAAM,EAAE;AACnD,oBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACjC,iBAAA;gBACD,IAAI,MAAM,GAAG,MAAM,CAAC,iBAAiB,CACnC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,EACxB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC5B,CAAC;AACF,gBAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC;AACzB,gBAAA,IAAI,MAAM,KAAK,IAAI,CAAC,aAAa,KAAK,MAAM,IAAI,CAAC,WAAW,CAAC,EAAE;oBAC7D,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC;AACxD,oBAAA,IAAI,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EACnC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAC5B,gBAAgB,GACd,OAAO,IAAI,OAAO,CAAC,mBAAmB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAC/D,oBAAA,IAAI,gBAAgB,EAAE;AACpB,wBAAA,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACnE,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,UAAU,GAAG,YAAY,IAAI,WAAW,CAAC;;;YAG7C,UAAU,KAAK,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAClD,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;;AAE7B,YAAA,UAAU,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACvC;AAED;;;AAGG;AACH,QAAA,wBAAwB,EAAE,YAAA;AACxB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACpB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAC9B;AAED;;;;AAIG;QACH,wBAAwB,EAAE,UAAU,CAAC,EAAA;;YAEnC,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9D,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB;AACnC,kBAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM;kBAC7B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;SAChC;AAED;;AAEG;QACH,gBAAgB,EAAE,UAAU,CAAC,EAAA;AAC3B,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAC/B,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;AACtC,YAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AAC5B,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,SAAS,EAAE,CAAC;AACb,aAAA,CAAC,CAAC;SACJ;AAED;;;;;;;;AAQG;QACH,aAAa,EAAE,UAAU,CAAC,EAAA;AACxB,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;AACpC,YAAA,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,MAAM,EAAE,OAAO,CAAC;YAEpB,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC;gBAClC,OAAO;AACR,aAAA;AAED,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;gBACzB,OAAO;AACR,aAAA;AAED,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;;AAGxC,YAAA,IAAI,aAAa,EAAE;AACjB,gBAAA,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC;gBAEhC,aAAa,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,GAAG,aAAa,CAAC,EAAE,CAAC;gBAClD,aAAa,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,GAAG,aAAa,CAAC,EAAE,CAAC;gBAEjD,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,aAAA;AAAM,iBAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBAClC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;AACpC,gBAAA,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACpC,gBAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACpC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAC1B,aAAA;AACD,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YAC7B,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;AAED;;;;;AAKG;AACH,QAAA,kBAAkB,EAAE,UAAU,MAAM,EAAE,CAAC,EAAA;AACrC,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,cAAc,EACtC,eAAe,GAAG,IAAI,CAAC,eAAe,EACtC,OAAO,GAAG,IAAI,CAAC,OAAO,EACtB,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YAE5D,IAAI,CAAC,wBAAwB,CAC3B,MAAM,EACN,EAAE,CAAC,EAAE,CAAC,EAAE,EACR;AACE,gBAAA,SAAS,EAAE,cAAc;AACzB,gBAAA,MAAM,EAAE,UAAU;AAClB,gBAAA,YAAY,EAAE,WAAW;AACzB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,WAAW,EAAE,YAAY;AAC1B,aAAA,CACF,CAAC;YACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;AAC/B,gBAAA,IAAI,CAAC,wBAAwB,CAC3B,OAAO,CAAC,CAAC,CAAC,EACV,EAAE,CAAC,EAAE,CAAC,EAAE,EACR;AACE,oBAAA,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;AAC7B,oBAAA,MAAM,EAAE,UAAU;AAClB,oBAAA,KAAK,EAAE,WAAW;AACnB,iBAAA,CACF,CAAC;AACH,aAAA;AACD,YAAA,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;YAC7B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;SAC9C;AAED;;;;;AAKG;AACH,QAAA,qBAAqB,EAAE,UAAU,MAAM,EAAE,IAAI,EAAA;AAC3C,YAAA,IAAI,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAC9C,eAAe,GAAG,IAAI,CAAC,eAAe,EACtC,OAAO,GAAG,IAAI,CAAC,OAAO,EACtB,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AAE5D,YAAA,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,IAAI,EAAE;AAC1C,gBAAA,SAAS,EAAE,kBAAkB;AAC7B,gBAAA,MAAM,EAAE,WAAW;AACnB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,WAAW,EAAE,YAAY;AACzB,gBAAA,YAAY,EAAE,YAAY;AAC3B,aAAA,CAAC,CAAC;YACH,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC/B,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE;AAC9C,oBAAA,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;AAC7B,oBAAA,MAAM,EAAE,WAAW;AACnB,oBAAA,KAAK,EAAE,WAAW;AACnB,iBAAA,CAAC,CAAC;AACJ,aAAA;AACD,YAAA,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;SAClC;AAED;;;;;;;;;;;AAWG;AACH,QAAA,wBAAwB,EAAE,UAAU,MAAM,EAAE,IAAI,EAAE,MAAM,EAAA;AACtD,YAAA,IAAI,KAAK,EACP,MAAM,EACN,SAAS,GAAG,MAAM,CAAC,SAAS,EAC5B,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,SAAS,KAAK,MAAM,EACpC,WAAW,GAAG,MAAM,CAAC,WAAW,EAChC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACrC,YAAA,IAAI,aAAa,EAAE;gBACjB,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE;AAC9B,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,cAAc,EAAE,SAAS;AAC1B,iBAAA,CAAC,CAAC;gBACH,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE;AAC/B,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAC,CAAC;AACJ,aAAA;AACD,YAAA,OAAO,GAAG,MAAM,IAAI,aAAa,CAAC;AAClC,YAAA,QAAQ,GAAG,SAAS,IAAI,aAAa,CAAC;AACtC,YAAA,IAAI,QAAQ,EAAE;gBACZ,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;gBAChD,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,aAAA;AACD,YAAA,IAAI,OAAO,EAAE;gBACX,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBAC7C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAClC,aAAA;SACF;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,CAAC,EAAA;AACzB,YAAA,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;AAED;;;AAGG;QACH,gBAAgB,EAAE,UAAU,CAAC,EAAA;AAC3B,YAAA,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAC9B,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAClC,MAAM,GAAG,SAAS,CAAC,MAAM;;;YAGzB,YAAY,GAAG,MAAM,CAAC,KAAK;AACzB,kBAAE,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAC1B,OAAO,EACP,SAAS,EACT,MAAM,CAAC,KAAK,CAAC,mBAAmB,EAAE,CACnC;kBACD,OAAO,CAAC;AAEd,YAAA,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AACxB,YAAA,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAChC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAEvC,IAAI,CAAC,uBAAuB,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;AACzD,YAAA,SAAS,CAAC,eAAe,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACtD;AAED;;AAEG;AACH,QAAA,uBAAuB,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAA;YACtD,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,EACf,CAAC,GAAG,OAAO,CAAC,CAAC,EACb,MAAM,GAAG,SAAS,CAAC,MAAM,EACzB,eAAe,GAAG,KAAK,EACvB,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC;;AAG1C,YAAA,IAAI,aAAa,EAAE;gBACjB,eAAe,GAAG,aAAa,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACrD,aAAA;AACD,YAAA,IAAI,MAAM,KAAK,MAAM,IAAI,eAAe,EAAE;AACxC,gBAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;AACjC,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;AAChE,aAAA;AACD,YAAA,SAAS,CAAC,eAAe;AACvB,gBAAA,SAAS,CAAC,eAAe,IAAI,eAAe,CAAC;SAChD;AAED;;AAEG;AACH,QAAA,KAAK,EAAE,UAAU,SAAS,EAAE,OAAO,EAAA;AACjC,YAAA,OAAO,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;SACtC;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,CAAC,EAAE,MAAM,EAAA;YACtC,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnC,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;YACD,IAAI,WAAW,GAAG,MAAM,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,EACtD,eAAe,GACb,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,iBAAiB;kBAC/D,IAAI,CAAC,aAAa;AACpB,kBAAE,IAAI;;AAEV,YAAA,MAAM,GACJ,CAAC,CAAC,eAAe,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;AAItD,gBAAA,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;YAEvD,IAAI,CAAC,MAAM,EAAE;gBACX,IAAI,MAAM,CAAC,cAAc,EAAE;;;AAGzB,oBAAA,IAAI,CAAC,OAAO;AACT,yBAAA,MAAM,EAAE;AACR,yBAAA,OAAO,EAAE;yBACT,GAAG,CAAC,UAAU,OAAO,EAAA;AACpB,wBAAA,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,WAAW,CAAC;AACnD,qBAAC,CAAC,CAAC;AACN,iBAAA;AACD,gBAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;AAC7B,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;AACzD,aAAA;SACF;AAED;;AAEG;AACH,QAAA,eAAe,EAAE,UAAU,MAAM,EAAE,MAAM,EAAE,CAAC,EAAA;YAC1C,IAAI,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACtC,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;SACvD;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACh0CrD;AAGA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,GAAG,GAAG,IAAI,CAAC,GAAG,EACd,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;IAEjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,MAAM,CAAC,SAAS;AACvB,0CAAsC;AACpC;;;;;AAKG;AACH,QAAA,YAAY,EAAE,UAAU,CAAC,EAAE,MAAM,EAAA;AAC/B,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAEtC,QACE,CAAC,CAAC,YAAY;AACd,gBAAA,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAC9B,gBAAA,IAAI,CAAC,SAAS;;AAEd,gBAAA,CAAC,CAAC,MAAM;AACR,gBAAA,MAAM,CAAC,UAAU;;;;;iBAKhB,YAAY,KAAK,MAAM;AACtB,oBAAA,YAAY,CAAC,IAAI,KAAK,iBAAiB,CAAC;;AAE1C,gBAAA,CAAC,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC;AACpC,gBAAA,CAAC,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC;;gBAEpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAC1B;SACH;AAED;;;;AAIG;AACH,QAAA,eAAe,EAAE,UAAU,CAAC,EAAE,MAAM,EAAA;AAClC,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAEtC,IAAI,YAAY,CAAC,QAAQ,EAAE;gBACzB,OAAO;AACR,aAAA;YACD,IAAI,MAAM,KAAK,YAAY,EAAE;;gBAE3B,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;;AAElC,gBAAA,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;oBACjC,OAAO;AACR,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,KAAK,iBAAiB,EAAE;AAC3D,gBAAA,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACxC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACxC,aAAA;SACF;AAED;;AAEG;AACH,QAAA,sBAAsB,EAAE,UAAU,MAAM,EAAE,CAAC,EAAA;AACzC,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,aAAa,EACtC,oBAAoB,GAAG,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC3D,YAAA,IAAI,MAAM,CAAC,KAAK,KAAK,eAAe,EAAE;AACpC,gBAAA,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;gBAC7B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;AAC7C,gBAAA,IAAI,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;;AAEhC,oBAAA,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAC5B,gBAAA,IAAI,CAAC,cAAc,GAAG,eAAe,CAAC;gBACtC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;AAC9C,aAAA;AACD,YAAA,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC;SACpD;AAED;;AAEG;AACH,QAAA,sBAAsB,EAAE,UAAU,MAAM,EAAE,CAAC,EAAA;AACzC,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAC1C,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AACpC,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;;;;AAI5B,YAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAChC,YAAA,IAAI,CAAC,oBAAoB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;SAC9C;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,MAAM,EAAA;AAC5B,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;AACtC,YAAA,IAAI,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC;AACjD,kBAAE,CAAC,YAAY,EAAE,MAAM,CAAC;AACxB,kBAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC3B,YAAA,YAAY,CAAC,SAAS,IAAI,YAAY,CAAC,WAAW,EAAE,CAAC;;AAErD,YAAA,OAAO,IAAI,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE;AAC9C,gBAAA,MAAM,EAAE,IAAI;AACb,aAAA,CAAC,CAAC;SACJ;AAED;;;AAGG;QACH,qBAAqB,EAAE,UAAU,CAAC,EAAA;YAChC,IAAI,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACjC,MAAM,CAAC;;AAGT,YAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnC,aAAA;AAAM,iBAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3B,MAAM,GAAG,IAAI,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE;AACnD,oBAAA,MAAM,EAAE,IAAI;AACb,iBAAA,CAAC,CAAC;AACH,gBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACjC,aAAA;SACF;AAED;;AAEG;QACH,eAAe,EAAE,UAAU,CAAC,EAAA;YAC1B,IAAI,KAAK,GAAG,EAAE,EACZ,aAAa,EACb,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,EAC3B,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,EAC3B,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAClC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,EACjC,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EACnD,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EACnD,cAAc,GAAG,CAAC,IAAI,CAAC,uBAAuB,EAC9C,OAAO,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;YAEnC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,GAAI;AACxC,gBAAA,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEjC,gBAAA,IACE,CAAC,aAAa;oBACd,CAAC,aAAa,CAAC,UAAU;oBACzB,CAAC,aAAa,CAAC,OAAO,EACtB;oBACA,SAAS;AACV,iBAAA;AAED,gBAAA,IACE,CAAC,cAAc;oBACb,aAAa,CAAC,kBAAkB,CAC9B,aAAa,EACb,aAAa,EACb,IAAI,CACL;oBACH,aAAa,CAAC,qBAAqB,CACjC,aAAa,EACb,aAAa,EACb,IAAI,CACL;AACD,qBAAC,cAAc;wBACb,aAAa,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACzD,qBAAC,cAAc;wBACb,aAAa,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EACzD;AACA,oBAAA,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;AAE1B,oBAAA,IAAI,OAAO,EAAE;wBACX,MAAM;AACP,qBAAA;AACF,iBAAA;AACF,aAAA;AAED,YAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACpB,gBAAA,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,MAAM,EAAA;oBACnC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACpC,iBAAC,CAAC,CAAC;AACJ,aAAA;AAED,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;AAEG;QACH,kBAAkB,EAAE,UAAU,CAAC,EAAA;AAC7B,YAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,cAAc,EAAE;AACzC,gBAAA,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAC/B,aAAA;AACD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;AAEnC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;SAC5B;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACpNrD;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,YAAY,CAAC,SAAS;AAC7B,gDAA4C;AAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;YAE1B,IAAI,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,KAAK,EAClC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,EAC9B,UAAU,GACR,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC;iBACvB,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAC7D,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACvD,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SACzD;AAED;;;;;;;;;;;;;AAaG;AACH,QAAA,eAAe,EAAE,UAAU,UAAU,EAAE,OAAO,EAAA;AAC5C,YAAA,UAAU,GAAG,UAAU,IAAI,CAAC,CAAC;AAC7B,YAAA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;AACxB,YAAA,IAAI,WAAW,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,UAAU,EAC1D,YAAY,GAAG,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,UAAU,EAC3D,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,EACrB,aAAa,GAAG,IAAI,CAAC,KAAK,EAC1B,cAAc,GAAG,IAAI,CAAC,MAAM,EAC5B,OAAO,GAAG,IAAI,GAAG,UAAU,EAC3B,EAAE,GAAG,IAAI,CAAC,iBAAiB,EAC3B,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,UAAU,EACvD,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,UAAU,EACtD,mBAAmB,GAAG,IAAI,CAAC,WAAW,EACtC,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,EACxD,cAAc,GAAG,IAAI,CAAC,mBAAmB,EACzC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAC5C,kBAAkB,GAAG,IAAI,CAAC,UAAU,EACpC,eAAe,GAAG,OAAO,CAAC,MAAM;kBAC5B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;AACtC,kBAAE,IAAI,CAAC,QAAQ,CAAC;AACpB,YAAA,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC;AAC7B,YAAA,QAAQ,CAAC,MAAM,GAAG,YAAY,CAAC;AAC/B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACvB,YAAA,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;AACjC,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,YAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;AAC/B,YAAA,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;AACzB,YAAA,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC;YAC3B,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC;AAC9D,YAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;AAC5B,YAAA,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC;AAC3B,YAAA,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC;YAC7B,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC;AACvC,YAAA,IAAI,CAAC,mBAAmB,GAAG,cAAc,CAAC;AAC1C,YAAA,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC;AACrC,YAAA,OAAO,QAAQ,CAAC;SACjB;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC/GrD;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,YAAY,CAAC,SAAS;AAC7B,gDAA4C;AAC1C;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACH,QAAA,YAAY,EAAE,UAAU,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA;YAC5C,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC,CAAC;AACpE,aAAA;;YAGD,IAAI,UAAU,GACZ,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;YAExE,IAAI,KAAK,GAAG,IAAI,EACd,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC;AAC7C,YAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAE/B,OAAO,OAAO,CAAC,GAAG,CAAC;gBACjB,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,OAAO,IAAI,EAAE,EAAE;AACnD,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,MAAM,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM;iBAClC,CAAC;AACF,gBAAA,MAAM,CAAC,IAAI,CAAC,uBAAuB,CACjC;oBACE,eAAe,EAAE,UAAU,CAAC,eAAe;oBAC3C,eAAe,EAAE,UAAU,CAAC,UAAU;oBACtC,YAAY,EAAE,UAAU,CAAC,YAAY;oBACrC,YAAY,EAAE,UAAU,CAAC,OAAO;oBAChC,QAAQ,EAAE,UAAU,CAAC,QAAQ;iBAC9B,EACD,EAAE,MAAM,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE,CACtC;AACF,aAAA,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAA;AACnB,gBAAA,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,EAClB,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,gBAAA,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACzC,gBAAA,KAAK,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AAC5C,gBAAA,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AACtB,gBAAA,OAAO,KAAK,CAAC;AACf,aAAC,CAAC,CAAC;SACJ;AAED;;;;AAIG;AACH,QAAA,aAAa,EAAE,UAAU,UAAU,EAAE,gBAAgB,EAAA;YACnD,IAAI,KAAK,GAAG,IAAI,CAAC;AACjB,YAAA,gBAAgB,CAAC,OAAO,CAAC,UAAU,GAAG,EAAE,KAAK,EAAA;;;AAG3C,gBAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAC7B,aAAC,CAAC,CAAC;;YAEH,OAAO,UAAU,CAAC,OAAO,CAAC;YAC1B,OAAO,UAAU,CAAC,eAAe,CAAC;YAClC,OAAO,UAAU,CAAC,YAAY,CAAC;YAC/B,OAAO,UAAU,CAAC,UAAU,CAAC;YAC7B,OAAO,UAAU,CAAC,OAAO,CAAC;;;;;AAK1B,YAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;SAC9B;AAED;;;;AAIG;QACH,KAAK,EAAE,UAAU,UAAU,EAAA;AACzB,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;YACnD,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,UAAU,KAAK,EAAA;AACjD,gBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAClC,aAAC,CAAC,CAAC;SACJ;AAED;;;;;AAKG;AACH,QAAA,gBAAgB,EAAE,YAAA;YAChB,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAE3C,YAAA,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AACtB,YAAA,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;;YAExB,IAAI,KAAK,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAClC,IAAI,IAAI,GAAG,EAAE,CAAC;YACd,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC;AACxD,aAAA;YACD,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ;AAC7C,sBAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE;AACjC,sBAAE,IAAI,CAAC,eAAe,CAAC;AAC1B,aAAA;AACD,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SACjC;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACrIrD;AAIA,CAAC,UAAU,MAAM,EAAA;IACf,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAC/C,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC;AAElD;;;;;;;;AAQG;IACH,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,MAAM,CAAC,SAAS;AACvB,0CAAsC;AACpC;;;;;AAKG;AACH,QAAA,oBAAoB,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YACrC,IACE,IAAI,CAAC,aAAa;gBAClB,CAAC,CAAC,CAAC,OAAO;AACV,gBAAA,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;AACtB,gBAAA,SAAS,KAAK,IAAI,CAAC,OAAO,EAC1B;gBACA,OAAO;AACR,aAAA;YAED,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAChC,YAAA,IAAI,WAAW,KAAK,OAAO,MAAM,EAAE;gBACjC,IAAI,CAAC,gBAAgB,GAAG;AACtB,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,MAAM,EAAE,MAAM;iBACf,CAAC;gBAEF,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC3B,aAAA;AAED,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACzB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA,CAAC,CAAC;SACJ;AACD,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,kBAAkB,EAAE,YAAA;YAClB,IAAI,IAAI,CAAC,gBAAgB,KAAK,IAAI,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,EAAE;gBACrE,OAAO;AACR,aAAA;YAED,IAAI,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,EACnC,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAC1B,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAE9B,YAAA,CAAC,CAAC,MAAM,GAAG,OAAO,CAAC;YACnB,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC;YAEjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAEnC,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;AACvB,gBAAA,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACpB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;AAC7C,aAAA;YAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAExB,YAAA,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;SACnB;AAED;;;;;AAKG;AACH,QAAA,QAAQ,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;AACzB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA,CAAC,CAAC;SACJ;AAED;;;;;AAKG;AACH,QAAA,qBAAqB,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;AACtC,YAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC7B,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA,CAAC,CAAC;SACJ;AAED;;;;;AAKG;AACH,QAAA,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA,CAAC,CAAC;SACJ;AAED;;;;;AAKG;AACH,QAAA,aAAa,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;AAC9B,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;AAC3B,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA,CAAC,CAAC;SACJ;AAED;;;;AAIG;AACH,QAAA,cAAc,EAAE,UAAU,CAAC,EAAE,CAAC,EAAA;YAC5B,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAC5B,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;AACpB,YAAA,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC;AACnB,YAAA,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;SACnC;AAED;;;;AAIG;AACH,QAAA,oBAAoB,EAAE,UAAU,QAAQ,EAAE,CAAC,EAAA;AACzC,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAE/B,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE;gBAChC,OAAO;AACR,aAAA;AACD,YAAA,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACxE,YAAA,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;gBACrB,MAAM,EAAE,CAAC,CAAC,MAAM;AAChB,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,SAAS,EAAE,CAAC;AACb,aAAA,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACpKrD;AAGA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvBA,uBAAY,CAAC,SAAS;AACtB,yCAAqC;AACnC;;;;;AAKG;QACH,cAAc,EAAE,UAAU,MAAM,EAAA;YAC9B,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC;AACvC,YAAA,OAAO,MAAM,EAAE;gBACb,IAAI,MAAM,KAAK,MAAM,EAAE;AACrB,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AAAM,qBAAA,IAAI,MAAM,YAAY,MAAM,CAAC,YAAY,EAAE;;AAEhD,oBAAA,OAAO,KAAK,CAAC;AACd,iBAAA;gBACD,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC;AACxC,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;;;;AAMG;QACH,YAAY,EAAE,UAAU,MAAM,EAAA;YAC5B,IAAI,SAAS,GAAG,EAAE,CAAC;AACnB,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,KAAK,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9D,YAAA,OAAO,MAAM,EAAE;AACb,gBAAA,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACvB,gBAAA,MAAM,GAAG,MAAM,CAAC,KAAK,KAAK,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAC/D,aAAA;AACD,YAAA,OAAO,SAAS,CAAC;SAClB;AAED;;;;;;;;;;;;AAYG;AACH,QAAA,mBAAmB,EAAE,UAAU,KAAK,EAAE,MAAM,EAAA;YAC1C,IAAI,IAAI,KAAK,KAAK,EAAE;gBAClB,OAAO;AACL,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;iBACjD,CAAC;AACH,aAAA;iBAAM,IAAI,CAAC,KAAK,EAAE;;;AAGjB,gBAAA,OAAO,SAAS,CAAC;AAClB,aAAA;YACD,IAAI,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC1C,IAAI,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;;AAEhD,YAAA,IACE,SAAS,CAAC,MAAM,KAAK,CAAC;gBACtB,cAAc,CAAC,MAAM,GAAG,CAAC;gBACzB,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,EAClD;gBACA,OAAO;AACL,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CACvB,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CACnD;oBACD,MAAM,EAAE,CAAC,IAAI,CAAC;iBACf,CAAC;AACH,aAAA;;AAED,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACnD,gBAAA,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;gBACxB,IAAI,QAAQ,KAAK,KAAK,EAAE;oBACtB,OAAO;AACL,wBAAA,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1C,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;qBAC3B,CAAC;AACH,iBAAA;AACD,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC9C,oBAAA,IAAI,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,EAAE;wBAC9B,OAAO;AACL,4BAAA,IAAI,EAAE,EAAE;AACR,4BAAA,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;4BACrD,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;yBACjC,CAAC;AACH,qBAAA;AACD,oBAAA,IAAI,QAAQ,KAAK,cAAc,CAAC,CAAC,CAAC,EAAE;wBAClC,OAAO;AACL,4BAAA,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1C,4BAAA,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACrD,4BAAA,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;yBAC3B,CAAC;AACH,qBAAA;AACF,iBAAA;AACF,aAAA;;YAED,OAAO;gBACL,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;gBAC9B,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;AACzC,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,kBAAkB,EAAE,UAAU,KAAK,EAAE,MAAM,EAAA;YACzC,IAAI,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAC9D,OAAO,eAAe,IAAI,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC;SAC9D;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACrIrD;AAGA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvBA,uBAAY,CAAC,SAAS;AACtB,yCAAqC;AACnC;;;;AAIG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AACjE,aAAA;iBAAM,IAAI,IAAI,CAAC,MAAM,EAAE;AACtB,gBAAA,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAC9B,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;AACH,QAAA,YAAY,EAAE,YAAA;YACZ,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AACnE,aAAA;iBAAM,IAAI,IAAI,CAAC,MAAM,EAAE;AACtB,gBAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAChC,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;QACH,aAAa,EAAE,UAAU,YAAY,EAAA;YACnC,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAC9C,IAAI,CAAC,KAAK,EACV,IAAI,EACJ,YAAY,CACb,CAAC;AACH,aAAA;iBAAM,IAAI,IAAI,CAAC,MAAM,EAAE;gBACtB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAC/C,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;QACH,YAAY,EAAE,UAAU,YAAY,EAAA;YAClC,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAC7C,IAAI,CAAC,KAAK,EACV,IAAI,EACJ,YAAY,CACb,CAAC;AACH,aAAA;iBAAM,IAAI,IAAI,CAAC,MAAM,EAAE;gBACtB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAC9C,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;QACH,MAAM,EAAE,UAAU,KAAK,EAAA;YACrB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACvD,gBAAA,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AACpE,aAAA;iBAAM,IAAI,IAAI,CAAC,MAAM,EAAE;gBACtB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACjC,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;QACH,WAAW,EAAE,UAAU,KAAK,EAAA;YAC1B,IAAI,IAAI,KAAK,KAAK,EAAE;AAClB,gBAAA,OAAO,SAAS,CAAC;AAClB,aAAA;YACD,IAAI,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACnD,IAAI,CAAC,YAAY,EAAE;AACjB,gBAAA,OAAO,SAAS,CAAC;AAClB,aAAA;YACD,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACrC,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YACD,IAAI,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzC,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;YACD,IAAI,mBAAmB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACjD,IAAI,CAAC,mBAAmB,EAAE;AACxB,gBAAA,OAAO,SAAS,CAAC;AAClB,aAAA;AACD,YAAA,IAAI,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,EACtC,eAAe,GAAG,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,EAC9C,SAAS,GAAG,mBAAmB,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,EAC5D,UAAU,GAAG,mBAAmB,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;YACrE,OAAO,SAAS,GAAG,CAAC,CAAC,IAAI,SAAS,GAAG,UAAU,CAAC;SACjD;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACxHrD;AAMA;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B,IAAA,SAAS,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAA;QACpC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,IAAI,GAAG,UAAU,CAAC;AAC1B,SAAA;aAAM,IAAI,KAAK,CAAC,MAAM,EAAE;YACvB,OAAO,IAAI,GAAG,eAAe,GAAG,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC;AAClD,SAAA;AAAM,aAAA;YACL,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,EAC1B,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,GAAG,IAAI,EACxC,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7B,IAAI,OAAO,KAAK,CAAC,EAAE;;gBAEjB,GAAG,IAAI,IAAI,GAAG,YAAY,GAAG,OAAO,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC;AACxD,aAAA;AACD,YAAA,OAAO,GAAG,CAAC;AACZ,SAAA;KACF;AAED,IAAA,IAAI,OAAO,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACpC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;IAEhC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvBA,uBAAY,CAAC,SAAS;AACtB,yCAAqC;AACnC;;;;AAIG;QACH,YAAY,EAAE,UAAU,UAAU,EAAA;AAChC,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,SAAS,EACtD,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,GAAG,EACvD,eAAe,GAAG,IAAI,CAAC,eAAe;kBAClC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;AAChC,kBAAE,MAAM,EACV,gBAAgB,GAAG,IAAI,CAAC,gBAAgB;kBACpC,IAAI,CAAC,gBAAgB;AACvB,kBAAE,GAAG,EACP,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,MAAM,EAChE,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,OAAO,EACpE,gBAAgB,GAAG,IAAI,CAAC,gBAAgB;kBACpC,IAAI,CAAC,gBAAgB;AACvB,kBAAE,GAAG,EACP,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,EAClE,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,sBAAsB,EACvD,MAAM,GAAG,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,EAC9C,IAAI,GAAG,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,EAC3C,MAAM,GAAG,iBAAiB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAEpD,OAAO;gBACL,MAAM;gBACN,gBAAgB;gBAChB,WAAW;gBACX,IAAI;gBACJ,oBAAoB;gBACpB,eAAe;gBACf,IAAI;gBACJ,kBAAkB;gBAClB,aAAa;gBACb,IAAI;gBACJ,qBAAqB;gBACrB,gBAAgB;gBAChB,IAAI;gBACJ,mBAAmB;gBACnB,cAAc;gBACd,IAAI;gBACJ,qBAAqB;gBACrB,gBAAgB;gBAChB,IAAI;gBACJ,IAAI;gBACJ,aAAa;gBACb,QAAQ;gBACR,IAAI;gBACJ,WAAW;gBACX,OAAO;gBACP,GAAG;gBACH,MAAM;gBACN,UAAU;AACX,aAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACZ;AAED;;;;;AAKG;AACH,QAAA,gBAAgB,EAAE,UAAU,KAAK,EAAE,aAAa,EAAA;YAC9C,IAAI,IAAI,GAAG,IAAI,CAAC;AAChB,YAAA,IAAI,UAAU,GAAG,KAAK,CAAC,UAAU;AAC/B,kBAAE,eAAe;qBACd,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;wBACrC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAClC,0BAAE,GAAG,GAAG,KAAK,CAAC,UAAU,GAAG,GAAG;AAC9B,0BAAE,KAAK,CAAC,UAAU,CAAC;oBACrB,IAAI;kBACJ,EAAE,CAAC;AACP,YAAA,IAAI,WAAW,GAAG,KAAK,CAAC,WAAW;AAC/B,kBAAE,gBAAgB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI;kBAC3C,EAAE,EACN,UAAU,GAAG,UAAU,EACvB,QAAQ,GAAG,KAAK,CAAC,QAAQ;kBACrB,aAAa,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI;AAC9C,kBAAE,EAAE,EACN,SAAS,GAAG,KAAK,CAAC,SAAS;AACzB,kBAAE,cAAc,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI;AACzC,kBAAE,EAAE,EACN,UAAU,GAAG,KAAK,CAAC,UAAU;AAC3B,kBAAE,eAAe,GAAG,KAAK,CAAC,UAAU,GAAG,IAAI;AAC3C,kBAAE,EAAE,EACN,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,EAC9D,MAAM,GAAG,KAAK,CAAC,MAAM;kBACjB,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC;AAC3C,kBAAE,EAAE,EACN,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EACjD,MAAM,GAAG,KAAK,CAAC,MAAM;kBACjB,kBAAkB,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI;kBACzC,EAAE,CAAC;AACT,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,GAAG,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAAC;AAC9D,aAAA;YAED,OAAO;gBACL,MAAM;gBACN,WAAW;gBACX,UAAU;gBACV,QAAQ;gBACR,SAAS;gBACT,UAAU;gBACV,cAAc;gBACd,IAAI;gBACJ,MAAM;AACN,gBAAA,aAAa,GAAG,oBAAoB,GAAG,EAAE;AAC1C,aAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACZ;AAED;;;;AAIG;QACH,oBAAoB,EAAE,UAAU,KAAK,EAAA;AACnC,YAAA,OAAO,CAAC,UAAU,EAAE,WAAW,EAAE,cAAc,CAAC;iBAC7C,MAAM,CAAC,UAAU,UAAU,EAAA;gBAC1B,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5C,aAAC,CAAC;iBACD,IAAI,CAAC,GAAG,CAAC,CAAC;SACd;AAED;;;AAGG;AACH,QAAA,YAAY,EAAE,YAAA;AACZ,YAAA,OAAO,IAAI,CAAC,MAAM,GAAG,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;SACzE;AAED;;;AAGG;AACH,QAAA,aAAa,EAAE,YAAA;YACb,OAAO;AACL,gBAAA,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,GAAG,EAAE;AACtC,gBAAA,IAAI,CAAC,QAAQ;sBACT,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,KAAK;AACvD,sBAAE,EAAE;AACP,aAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACZ;AAED;;;;AAIG;AACH,QAAA,eAAe,EAAE,UAAU,IAAI,EAAE,mBAAmB,EAAA;YAClD,IAAI,SAAS,GAAG,IAAI;AAChB,kBAAE,IAAI,CAAC,mBAAmB,EAAE;AAC5B,kBAAE,IAAI,CAAC,aAAa,EAAE,EACxB,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YACpE,OAAO,YAAY,IAAI,mBAAmB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;SAC1D;QAED,SAAS,EAAE,UAAU,WAAW,EAAA;YAC9B,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,IAAI,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACrD,gBAAA,WAAW,CAAC,IAAI,CACd,YAAY,EACZ,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,EAC7C,MAAM,EACN,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,mBAAmB,CAAC,EAC7C,OAAO,EACP,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,mBAAmB,CAAC,EAC9C,WAAW,EACX,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,EACxC,YAAY,EACZ,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACzC,aAAa,CACd,CAAC;AACH,aAAA;SACF;AAED;;;;AAIG;QACH,KAAK,EAAE,UAAU,OAAO,EAAA;YACtB,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AACrD,gBAAA,OAAO,EAAE,OAAO;AACjB,aAAA,CAAC,CAAC;SACJ;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,OAAO,EAAA;AAC9B,YAAA,QACE,IAAI;gBACJ,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AACtD,oBAAA,OAAO,EAAE,OAAO;AACjB,iBAAA,CAAC,EACF;SACH;AAED;;AAEG;AACH,QAAA,4BAA4B,EAAE,UAAU,YAAY,EAAE,OAAO,EAAA;AAC3D,YAAA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;AACxB,YAAA,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,EAC3B,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,IAAI,EAAE,EACvD,YAAY,GAAG;AACb,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,mBAAmB,CAAC;gBAC/C,IAAI,CAAC,aAAa,EAAE;aACrB,CAAC,IAAI,CAAC,EAAE,CAAC;;AAEV,YAAA,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;AAC/C,YAAA,YAAY,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC;YACnC,OAAO,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACzE;AAED;;AAEG;AACH,QAAA,oBAAoB,EAAE,UAAU,YAAY,EAAE,OAAO,EAAA;AACnD,YAAA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;AACxB,YAAA,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,EAC3B,OAAO,GAAG,OAAO,CAAC,OAAO,EACzB,SAAS,GAAG,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,EACjE,UAAU,GAAG,OAAO,CAAC,UAAU;kBAC3B,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI;AACxC,kBAAE,EAAE,EACN,QAAQ,GAAG,IAAI,CAAC,QAAQ,EACxB,YAAY,GAAG,IAAI,CAAC,aAAa;AAC/B,kBAAE,qCAAqC;AACvC,kBAAE,EAAE,EACN,gBAAgB,GAAG,QAAQ,IAAI,QAAQ,CAAC,kBAAkB,EAC1D,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,IAAI,GAAG,IAAI,CAAC,IAAI,EAChB,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,YAAY,EACZ,MAAM,GAAG,EAAE,EACX,cAAc;;AAEd,YAAA,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,EAC5C,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,CAAC;AACpD,YAAA,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,UAAU,GAAG,WAAW,GAAGA,uBAAY,CAAC,KAAK,EAAE,CAAC;gBACzD,cAAc;oBACZ,gBAAgB;AAChB,wBAAA,QAAQ,CAAC,UAAU;wBACnB,OAAO;AACP,wBAAA,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC/B,wBAAA,eAAe,CAAC;AACnB,aAAA;AACD,YAAA,IAAI,gBAAgB,EAAE;AACpB,gBAAA,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,CAAC,CAAC;AAC9D,aAAA;AACD,YAAA,MAAM,CAAC,IAAI,CACT,KAAK,EACL,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAC3B,CAAC,gBAAgB,GAAG,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE,EAC1D,MAAM,CACP,CAAC;AACF,YAAA,YAAY,GAAG;gBACb,SAAS;gBACT,YAAY;gBACZ,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE;gBACnC,GAAG;gBACH,mBAAmB,GAAG,aAAa,GAAG,mBAAmB,GAAG,IAAI,GAAG,EAAE;AACtE,aAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACX,YAAA,YAAY,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC;AACnC,YAAA,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;gBACvB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,aAAA;AACD,YAAA,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE;gBAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,aAAA;AACD,YAAA,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,aAAA;AACD,YAAA,IAAI,QAAQ,EAAE;AACZ,gBAAA,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC7B,aAAA;YACD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACnC,YAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACtB,YAAA,gBAAgB,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC1C,OAAO,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7D;AAED,QAAA,aAAa,EAAE,YAAA;AACb,YAAA,OAAO,IAAI,CAAC,UAAU,KAAK,MAAM;AAC/B,kBAAE,gBAAgB,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI;kBACzC,EAAE,CAAC;SACR;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AACtD;;ACzUA;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,WAAW,GAAG,iBAAiB,CAAC;AAElC;;AAEE;AACF,IAAA,SAAS,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAA;AAC3C,QAAA,IAAI,MAAM,GAAG,EAAE,EACb,IAAI,GAAG,IAAI,CAAC;AACd,QAAA,KAAK,CAAC,OAAO,CAAC,UAAU,IAAI,EAAA;YAC1B,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,SAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;KAC3C;AAED,IAAA,SAAS,QAAQ,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAA;QAClD,IAAI,SAAS,KAAK,YAAY,EAAE;;AAE9B,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AAAM,aAAA,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;AACnC,YAAA,IACE,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;AAC5B,gBAAA,SAAS,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EACxC;AACA,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACpD,gBAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE;AAC5C,oBAAA,OAAO,KAAK,CAAC;AACd,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AAAM,aAAA,IAAI,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;YACrD,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAC/B,GAAG,CAAC;AACN,YAAA,IACE,CAAC,YAAY;gBACb,OAAO,YAAY,KAAK,QAAQ;AAChC,iBAAC,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,EAChE;AACA,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC/C,gBAAA,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;;;;AAId,gBAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,OAAO,EAAE;oBACvC,SAAS;AACV,iBAAA;AACD,gBAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE;AAChD,oBAAA,OAAO,KAAK,CAAC;AACd,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;KACF;IAED,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,MAAM,CAAC,SAAS;AACvB,0CAAsC;AACpC;;;;AAIG;QACH,eAAe,EAAE,UAAU,WAAW,EAAA;AACpC,YAAA,WAAW,GAAG,WAAW,IAAI,WAAW,CAAC;AACzC,YAAA,IAAI,iBAAiB,GAAG,GAAG,GAAG,WAAW,CAAC;AAC1C,YAAA,IACE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EACtE;AACA,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;SACvD;AAED;;;;AAIG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,WAAW,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW,EAC/D,WAAW,GAAG,GAAG,GAAG,WAAW,CAAC;AAClC,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;AACtB,gBAAA,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACjC,aAAA;YACD,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AAChD,YAAA,IAAI,OAAO,IAAI,OAAO,CAAC,eAAe,EAAE;gBACtC,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;AACvD,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;QACH,UAAU,EAAE,UAAU,OAAO,EAAA;AAC3B,YAAA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;AACxB,YAAA,IAAI,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,WAAW,CAAC;AACrD,YAAA,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAClC,YAAA,IAAI,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;AAC7B,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACxB,YAAA,OAAO,IAAI,CAAC;SACb;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AClHrD;AAGA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,YAAY,CAAC,SAAS;AAC7B,gDAA4C;AAC1C;;;;AAIG;AACH,QAAA,WAAW,EAAE,GAAG;AAEhB;;;;;;;AAOG;AACH,QAAA,eAAe,EAAE,UAAU,MAAM,EAAE,SAAS,EAAA;AAC1C,YAAA,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;YAE5B,IAAI,KAAK,GAAG,YAAA,GAAc,EACxB,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,KAAK,EAC1C,QAAQ,GAAG,SAAS,CAAC,QAAQ,IAAI,KAAK,EACtC,KAAK,GAAG,IAAI,CAAC;AAEf,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AACzB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,UAAU,EAAE,MAAM,CAAC,IAAI,EAAE;AACzB,gBAAA,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;gBACjC,QAAQ,EAAE,IAAI,CAAC,WAAW;gBAC1B,QAAQ,EAAE,UAAU,KAAK,EAAA;AACvB,oBAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACnB,KAAK,CAAC,gBAAgB,EAAE,CAAC;AACzB,oBAAA,QAAQ,EAAE,CAAC;iBACZ;AACD,gBAAA,UAAU,EAAE,YAAA;oBACV,MAAM,CAAC,SAAS,EAAE,CAAC;AACnB,oBAAA,UAAU,EAAE,CAAC;iBACd;AACF,aAAA,CAAC,CAAC;SACJ;AAED;;;;;;;AAOG;AACH,QAAA,eAAe,EAAE,UAAU,MAAM,EAAE,SAAS,EAAA;AAC1C,YAAA,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;YAE5B,IAAI,KAAK,GAAG,YAAA,GAAc,EACxB,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,KAAK,EAC1C,QAAQ,GAAG,SAAS,CAAC,QAAQ,IAAI,KAAK,EACtC,KAAK,GAAG,IAAI,CAAC;AAEf,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AACzB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,UAAU,EAAE,MAAM,CAAC,IAAI,EAAE;AACzB,gBAAA,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;gBACjC,QAAQ,EAAE,IAAI,CAAC,WAAW;gBAC1B,QAAQ,EAAE,UAAU,KAAK,EAAA;AACvB,oBAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACnB,KAAK,CAAC,gBAAgB,EAAE,CAAC;AACzB,oBAAA,QAAQ,EAAE,CAAC;iBACZ;AACD,gBAAA,UAAU,EAAE,YAAA;oBACV,MAAM,CAAC,SAAS,EAAE,CAAC;AACnB,oBAAA,UAAU,EAAE,CAAC;iBACd;AACF,aAAA,CAAC,CAAC;SACJ;AAED;;;;;;;AAOG;AACH,QAAA,QAAQ,EAAE,UAAU,MAAM,EAAE,SAAS,EAAA;AACnC,YAAA,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;YAE5B,IAAI,KAAK,GAAG,YAAA,GAAc,EACxB,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,KAAK,EAC1C,QAAQ,GAAG,SAAS,CAAC,QAAQ,IAAI,KAAK,EACtC,KAAK,GAAG,IAAI,CAAC;AAEf,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AACzB,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,MAAM,CAAC,OAAO;AAC1B,gBAAA,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,IAAI,CAAC,WAAW;gBAC1B,QAAQ,EAAE,UAAU,KAAK,EAAA;AACvB,oBAAA,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBAC7B,KAAK,CAAC,gBAAgB,EAAE,CAAC;AACzB,oBAAA,QAAQ,EAAE,CAAC;iBACZ;AACD,gBAAA,UAAU,EAAE,YAAA;AACV,oBAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACrB,oBAAA,UAAU,EAAE,CAAC;iBACd;AACF,aAAA,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;IAEF,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvBA,uBAAY,CAAC,SAAS;AACtB,yCAAqC;AACnC;;;;;;;;;;;;;;;;;;AAkBG;AACH,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;gBACpD,IAAI,cAAc,GAAG,EAAE,EACrB,IAAI,EACJ,aAAa,EACb,GAAG,GAAG,EAAE,CAAC;AACX,gBAAA,KAAK,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE;AACzB,oBAAA,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3B,iBAAA;AACD,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACzD,oBAAA,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;AACzB,oBAAA,aAAa,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;oBAC9B,GAAG,CAAC,IAAI,CACN,IAAI,CAAC,QAAQ,CACX,IAAI,EACJ,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAClB,SAAS,CAAC,CAAC,CAAC,EACZ,aAAa,CACd,CACF,CAAC;AACH,iBAAA;AACD,gBAAA,OAAO,GAAG,CAAC;AACZ,aAAA;AAAM,iBAAA;gBACL,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC7C,aAAA;SACF;AAED;;;;;;AAMG;QACH,QAAQ,EAAE,UAAU,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EAAA;AACtD,YAAA,IAAI,KAAK,GAAG,IAAI,EACd,QAAQ,CAAC;AAEX,YAAA,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;YAEnB,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AAErC,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC1B,gBAAA,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAChC,aAAA;AAED,YAAA,IAAI,WAAW,GACb,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC5C,iBAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAEhE,IAAI,YAAY,GAAG,QAAQ;AACzB,kBAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpC,kBAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEvB,YAAA,IAAI,EAAE,MAAM,IAAI,OAAO,CAAC,EAAE;AACxB,gBAAA,OAAO,CAAC,IAAI,GAAG,YAAY,CAAC;AAC7B,aAAA;YAED,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AACpB,oBAAA,EAAE,GAAG,YAAY,GAAG,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AACrD,iBAAA;AAAM,qBAAA;AACL,oBAAA,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACrB,iBAAA;AACF,aAAA;AAED,YAAA,IAAI,QAAQ,GAAG;AACb,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,OAAO,CAAC,IAAI;AACxB,gBAAA,QAAQ,EAAE,EAAE;gBACZ,OAAO,EAAE,OAAO,CAAC,EAAE;gBACnB,MAAM,EAAE,OAAO,CAAC,MAAM;gBACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAC1B,KAAK,EACH,OAAO,CAAC,KAAK;AACb,oBAAA,UAAU,KAAK,EAAE,aAAa,EAAE,YAAY,EAAA;AAC1C,wBAAA,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CACvB,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,CACb,CAAC;qBACH;AACH,gBAAA,QAAQ,EAAE,UAAU,KAAK,EAAE,aAAa,EAAE,YAAY,EAAA;AACpD,oBAAA,IAAI,QAAQ,EAAE;AACZ,wBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AACzC,qBAAA;AAAM,yBAAA;AACL,wBAAA,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC5B,qBAAA;AACD,oBAAA,IAAI,aAAa,EAAE;wBACjB,OAAO;AACR,qBAAA;AACD,oBAAA,OAAO,CAAC,QAAQ;wBACd,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;iBACxD;AACD,gBAAA,UAAU,EAAE,UAAU,KAAK,EAAE,aAAa,EAAE,YAAY,EAAA;AACtD,oBAAA,IAAI,aAAa,EAAE;wBACjB,OAAO;AACR,qBAAA;oBAED,KAAK,CAAC,SAAS,EAAE,CAAC;AAClB,oBAAA,OAAO,CAAC,UAAU;wBAChB,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;iBAC1D;aACF,CAAC;AAEF,YAAA,IAAI,WAAW,EAAE;gBACf,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAC7B,QAAQ,CAAC,UAAU,EACnB,QAAQ,CAAC,QAAQ,EACjB,QAAQ,CAAC,QAAQ,EACjB,QAAQ,CACT,CAAC;AACH,aAAA;AAAM,iBAAA;gBACL,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACtC,aAAA;SACF;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACjQrD;AAGA,CAAC,UAAU,MAAM,EAAA;IACf,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAChC,UAAU,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;AAE9C;;;;;AAKG;IACH,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACnC,MAAM,CAAC,MAAM;AACb,wCAAoC;AAClC;;;;AAIG;AACH,QAAA,IAAI,EAAE,MAAM;AAEZ;;;;AAIG;AACH,QAAA,EAAE,EAAE,CAAC;AAEL;;;;AAIG;AACH,QAAA,EAAE,EAAE,CAAC;AAEL;;;;AAIG;AACH,QAAA,EAAE,EAAE,CAAC;AAEL;;;;AAIG;AACH,QAAA,EAAE,EAAE,CAAC;AAEL,QAAA,eAAe,EAAEA,uBAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAC5D,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;AAED;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,MAAM,EAAE,OAAO,EAAA;YACnC,IAAI,CAAC,MAAM,EAAE;gBACX,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACvB,aAAA;AAED,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAEtC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1B,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAC/B;AAED;;;AAGG;QACH,eAAe,EAAE,UAAU,OAAO,EAAA;AAChC,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;AAE1B,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,YAAA,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;AAExE,YAAA,IAAI,CAAC,GAAG,GAAG,KAAK,IAAI,OAAO,GAAG,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACrE;AAED;;;;AAIG;AACH,QAAA,IAAI,EAAE,UAAU,GAAG,EAAE,KAAK,EAAA;YACxB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACnC,YAAA,IAAI,OAAO,UAAU,CAAC,GAAG,CAAC,KAAK,WAAW,EAAE;gBAC1C,IAAI,CAAC,eAAe,EAAE,CAAC;AACxB,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;QACH,iBAAiB,EAAE,sBAAsB,CACvC;;AAEE,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,SAAS,EAAE,OAAO;SACnB,EACD;;AAEE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,QAAQ,EAAE,OAAO;SAClB,CACF;AAED;;;AAGG;QACH,gBAAgB,EAAE,sBAAsB,CACtC;;AAEE,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,SAAS,EAAE,QAAQ;SACpB,EACD;;AAEE,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,QAAQ,EAAE,QAAQ;SACnB,CACF;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;YACpB,GAAG,CAAC,SAAS,EAAE,CAAC;AAEhB,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAC9B,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACvB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAEvB,YAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;;;;AAKjC,YAAA,IAAI,eAAe,GAAG,GAAG,CAAC,WAAW,CAAC;YACtC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC;YAC/C,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACvC,YAAA,GAAG,CAAC,WAAW,GAAG,eAAe,CAAC;SACnC;AAED;;;;;AAKG;AACH,QAAA,sBAAsB,EAAE,YAAA;YACtB,OAAO;gBACL,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC;gBAC1B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC;aAC3B,CAAC;SACH;AAED;;;;;AAKG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;AACrC,YAAA,OAAO,MAAM,CACX,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAC,EAC/C,IAAI,CAAC,cAAc,EAAE,CACtB,CAAC;SACH;AAED;;;AAGG;AACH,QAAA,4BAA4B,EAAE,YAAA;YAC5B,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;AACzD,YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM,EAAE;AACjC,gBAAA,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;AACpB,oBAAA,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;AAC3B,iBAAA;AACD,gBAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AACrB,oBAAA,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;AAC3B,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,GAAG,CAAC;SACZ;AAED;;;AAGG;AACH,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,EACrC,KAAK,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,EACnC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,EAC7B,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,EAC9B,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,EAC9B,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;YAElC,OAAO;AACL,gBAAA,EAAE,EAAE,EAAE;AACN,gBAAA,EAAE,EAAE,EAAE;AACN,gBAAA,EAAE,EAAE,EAAE;AACN,gBAAA,EAAE,EAAE,EAAE;aACP,CAAC;SACH;;AAGD;;;;AAIG;AACH,QAAA,MAAM,EAAE,YAAA;AACN,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAC9B,OAAO;gBACL,QAAQ;gBACR,cAAc;gBACd,MAAM;AACN,gBAAA,CAAC,CAAC,EAAE;gBACJ,QAAQ;AACR,gBAAA,CAAC,CAAC,EAAE;gBACJ,QAAQ;AACR,gBAAA,CAAC,CAAC,EAAE;gBACJ,QAAQ;AACR,gBAAA,CAAC,CAAC,EAAE;gBACJ,QAAQ;aACT,CAAC;SACH;;AAEF,KAAA,CACF,CAAC;;AAGF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAC3D,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CACzB,CAAC;AAEF;;;;;;;AAOG;IACH,MAAM,CAAC,IAAI,CAAC,WAAW,GAAG,UAAU,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAA;AAC5D,QAAA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;AACxB,QAAA,IAAI,gBAAgB,GAAG,MAAM,CAAC,eAAe,CACzC,OAAO,EACP,MAAM,CAAC,IAAI,CAAC,eAAe,CAC5B,EACD,MAAM,GAAG;YACP,gBAAgB,CAAC,EAAE,IAAI,CAAC;YACxB,gBAAgB,CAAC,EAAE,IAAI,CAAC;YACxB,gBAAgB,CAAC,EAAE,IAAI,CAAC;YACxB,gBAAgB,CAAC,EAAE,IAAI,CAAC;SACzB,CAAC;AACJ,QAAA,QAAQ,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACvE,KAAC,CAAC;;AAGF;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;QACvC,IAAI,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAClC,OAAO,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;QAC9D,OAAOA,uBAAY,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE;AACpD,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,CAAC,CAAC,IAAI,CAAC,UAAU,UAAU,EAAA;YAC1B,OAAO,UAAU,CAAC,MAAM,CAAC;AACzB,YAAA,OAAO,UAAU,CAAC;AACpB,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF;;AAEG;AACH,IAAA,SAAS,sBAAsB,CAAC,aAAa,EAAE,YAAY,EAAA;AACzD,QAAA,IAAI,MAAM,GAAG,aAAa,CAAC,MAAM,EAC/B,KAAK,GAAG,aAAa,CAAC,KAAK,EAC3B,KAAK,GAAG,aAAa,CAAC,KAAK,EAC3B,SAAS,GAAG,aAAa,CAAC,SAAS,EACnC,OAAO,GAAG,YAAY,CAAC,OAAO,EAC9B,MAAM,GAAG,YAAY,CAAC,MAAM,EAC5B,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;QAEnC,OAAO,YAAA;AACL,YAAA,QAAQ,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;AACtB,gBAAA,KAAK,OAAO;AACV,oBAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,gBAAA,KAAK,MAAM;AACT,oBAAA,QACE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;wBAC1C,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,EACzB;AACJ,gBAAA,KAAK,QAAQ;AACX,oBAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACrD,aAAA;AACH,SAAC,CAAC;KACH;AACH,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACzU/C,MAAOE,QAAO,SAAQF,uBAAY,CAAA;AAwBtC;;;;AAIG;IACH,IAAI,CAAC,GAAW,EAAE,KAAU,EAAA;AAC1B,QAAA,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAEvB,IAAI,GAAG,KAAK,QAAQ,EAAE;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AACvB,SAAA;AAED,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;AAGG;AACH,IAAA,OAAO,CAAC,GAA6B,EAAA;QACnC,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,GAAG,CAAC,GAAG,CACL,CAAC,EACD,CAAC,EACD,IAAI,CAAC,MAAM,EACX,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,EACjC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC/B,KAAK,CACN,CAAC;AACF,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;KAC/B;AAED;;;AAGG;IACH,UAAU,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KAChD;AAED;;;AAGG;IACH,UAAU,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KAChD;AAED;;AAEG;AACH,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AACpB,QAAA,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;KACnD;AAED;;;;AAIG;IACH,QAAQ,CAAC,sBAAsC,EAAE,EAAA;QAC/C,OAAO,KAAK,CAAC,QAAQ,CAAC;YACpB,QAAQ;YACR,YAAY;YACZ,UAAU;AACV,YAAA,GAAG,mBAAmB;AACvB,SAAA,CAAC,CAAC;KACJ;;AAID;;;;AAIG;IACH,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC;QAEtD,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,OAAO;gBACL,UAAU;gBACV,cAAc;gBACd,gBAAgB;gBAChB,KAAK;AACL,gBAAA,IAAI,CAAC,MAAM;gBACX,QAAQ;aACT,CAAC;AACH,SAAA;AAAM,aAAA;AACL,YAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;AACxB,YAAA,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,EAC7C,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACrC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,EAC5B,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,EAC5B,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,EACxB,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,EACxB,SAAS,GAAG,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;YACtC,OAAO;gBACL,CAAc,WAAA,EAAA,MAAM,CAAI,CAAA,EAAA,MAAM,CAAE,CAAA;gBAChC,CAAM,GAAA,EAAA,MAAM,CAAI,CAAA,EAAA,MAAM,CAAE,CAAA;gBACxB,KAAK;AACL,gBAAA,CAAA,EAAG,SAAS,CAAI,EAAA,CAAA;gBAChB,CAAI,CAAA,EAAA,IAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA;gBAClB,IAAI;gBACJ,cAAc;gBACd,OAAO;aACR,CAAC;AACH,SAAA;KACF;AAYD;;;;;;;;AAQG;AACH,IAAA,OAAO,WAAW,CAAC,OAAmB,EAAE,QAAiC,EAAA;QACvE,MAAM,EAAA,GAKF,eAAe,CAAC,OAAO,EAAEE,QAAM,CAAC,eAAe,CAAC,EAL9C,EACJ,IAAI,GAAG,CAAC,EACR,GAAG,GAAG,CAAC,EACP,MAAM,EAE4C,GAAA,EAAA,EAD/C,qBAAqB,GAAA,MAAA,CAAA,EAAA,EAJpB,CAKL,MAAA,EAAA,KAAA,EAAA,QAAA,CAAA,CAAmD,CAAC;AAErD,QAAA,IAAI,CAAC,MAAM,IAAI,MAAM,GAAG,CAAC,EAAE;AACzB,YAAA,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;AACH,SAAA;;QAGD,QAAQ,CACN,IAAIA,QAAM,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACL,qBAAqB,CACxB,EAAA,EAAA,MAAM,EACN,IAAI,EAAE,IAAI,GAAG,MAAM,EACnB,GAAG,EAAE,GAAG,GAAG,MAAM,EACjB,CAAA,CAAA,CACH,CAAC;KACH;;AAID;;;;;;AAMG;IACH,OAAO,UAAU,CAAC,MAAc,EAAA;QAC9B,OAAOF,uBAAY,CAAC,WAAW,CAACE,QAAM,EAAE,MAAM,CAAC,CAAC;KACjD;;AAxDD;AAEA;AACA;;;;;AAKG;AACIA,QAAe,CAAA,eAAA,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,iBAAiB,CAAC,CAAC;AAkD5D,MAAM,mBAAmB,GAAsC;AACpE,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,eAAe,EAAE,yBAAyB,CAAC,eAAe,CAAC,MAAM,CAC/D,QAAQ,EACR,YAAY,EACZ,UAAU,CACX;AACD,IAAA,eAAe,EAAE,yBAAyB,CAAC,eAAe,CAAC,MAAM,CAC/D,QAAQ,EACR,YAAY,EACZ,UAAU,CACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,CAACA,QAAM,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;AAErDJ,QAAM,CAAC,MAAM,GAAGI,QAAM;;AC1NhB,MAAO,QAAS,SAAQF,uBAAY,CAAA;AACxC;;;AAGG;AACH,IAAA,OAAO,CAAC,GAA6B,EAAA;AACnC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAC7B,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAE9B,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QACjC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAC1B,QAAA,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAChC,GAAG,CAAC,SAAS,EAAE,CAAC;AAEhB,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;KAC/B;AAED;;;;AAIG;IACH,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAC7B,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAC3B,MAAM,GAAG,CAAA,EAAG,CAAC,QAAQ,IAAI,SAAS,CAAA,GAAA,EAAM,CAAC,SAAS,CAAI,CAAA,EAAA,QAAQ,CAAI,CAAA,EAAA,SAAS,EAAE,CAAC;QAChF,OAAO,CAAC,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;KAClE;AAED;;;;;;AAMG;IACH,OAAO,UAAU,CAAC,MAAW,EAAA;QAC3B,OAAOA,uBAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KACnD;AACF,CAAA;AAEM,MAAM,qBAAqB,GAAwC;AACxE,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;AAEzDF,QAAM,CAAC,QAAQ,GAAG,QAAQ;;AC9CpB,MAAO,OAAQ,SAAQE,uBAAY,CAAA;AAevC;;;;AAIG;AACH,IAAA,WAAA,CAAY,OAAgC,EAAA;QAC1C,KAAK,CAAC,OAAO,CAAC,CAAC;AACf,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;KAC9C;AAED;;;;;AAKG;IACH,IAAI,CAAC,GAAW,EAAE,KAAU,EAAA;AAC1B,QAAA,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACvB,QAAA,QAAQ,GAAG;AACT,YAAA,KAAK,IAAI;AACP,gBAAA,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC;gBAChB,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC7B,MAAM;AAER,YAAA,KAAK,IAAI;AACP,gBAAA,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC;gBAChB,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC9B,MAAM;AACT,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;AAGG;IACH,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KAC5C;AAED;;;AAGG;IACH,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KAC5C;AAED;;;;AAIG;IACH,QAAQ,CAAC,sBAAsC,EAAE,EAAA;AAC/C,QAAA,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,CAAC,CAAC;KAC7D;AAED;;;;AAIG;IACH,MAAM,GAAA;QACJ,OAAO;YACL,WAAW;YACX,cAAc;YACd,gBAAgB;YAChB,MAAM;AACN,YAAA,IAAI,CAAC,EAAE;YACP,QAAQ;AACR,YAAA,IAAI,CAAC,EAAE;YACP,QAAQ;SACT,CAAC;KACH;AAED;;;AAGG;AACH,IAAA,OAAO,CAAC,GAA6B,EAAA;QACnC,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAChD,QAAA,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;QAC5C,GAAG,CAAC,OAAO,EAAE,CAAC;AACd,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;KAC/B;AAYD;;;;;;;AAOG;AACH,IAAA,OAAO,WAAW,CAChB,OAAmB,EACnB,QAAoC,EAAA;QAEpC,MAAM,gBAAgB,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;AAE3E,QAAA,gBAAgB,CAAC,IAAI,GAAG,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,IAAI,gBAAgB,CAAC,EAAE,CAAC;AAC3E,QAAA,gBAAgB,CAAC,GAAG,GAAG,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,IAAI,gBAAgB,CAAC,EAAE,CAAC;AACzE,QAAA,QAAQ,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACzC;;AAID;;;;;;AAMG;IACH,OAAO,UAAU,CAAC,MAAW,EAAA;QAC3B,OAAOA,uBAAY,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;KAClD;;AAxCD;AAEA;;;;;AAKG;AACI,OAAA,CAAA,eAAe,GAAG,CAAC,GAAG,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAmCnE,MAAM,oBAAoB,GAAuC;AACtE,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;IACL,eAAe,EAAE,CAAC,GAAG,yBAAyB,CAAC,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC;CAC5E,CAAC;AAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;AAEvDF,QAAM,CAAC,OAAO,GAAG,OAAO;;AC5JlB,MAAOK,MAAK,SAAQH,uBAAY,CAAA;AAepC;;;;AAIG;AACH,IAAA,WAAA,CAAY,OAAgC,EAAA;QAC1C,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;AAED;;;AAGG;IACH,SAAS,GAAA;AACP,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;AACxB,QAAA,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;AACb,YAAA,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;AACd,SAAA;AAAM,aAAA,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;AACpB,YAAA,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;AACd,SAAA;KACF;AAED;;;AAGG;AACH,IAAA,OAAO,CAAC,GAA6B,EAAA;QACnC,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;AACrC,QAAA,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACjB,QAAA,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACjB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAClD,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAClD,MAAM,SAAS,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAEvC,GAAG,CAAC,SAAS,EAAE,CAAC;QAEhB,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QAEtB,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QAC1B,SAAS;AACP,YAAA,GAAG,CAAC,aAAa,CACf,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE,EAClB,CAAC,EACD,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,KAAK,GAAG,EAAE,EACd,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,EAAE,CACP,CAAC;AAEJ,QAAA,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QAC9B,SAAS;AACP,YAAA,GAAG,CAAC,aAAa,CACf,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE,EAClB,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE,EAClB,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,GAAG,EAAE,EACV,CAAC,GAAG,CAAC,CACN,CAAC;QAEJ,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,SAAS;AACP,YAAA,GAAG,CAAC,aAAa,CACf,CAAC,GAAG,KAAK,GAAG,EAAE,EACd,CAAC,GAAG,CAAC,EACL,CAAC,EACD,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE,EAClB,CAAC,EACD,CAAC,GAAG,CAAC,GAAG,EAAE,CACX,CAAC;QAEJ,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;QACtB,SAAS;YACP,GAAG,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QAErE,GAAG,CAAC,SAAS,EAAE,CAAC;AAEhB,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;KAC/B;AAED;;;;AAIG;IACH,QAAQ,CAAC,sBAAsC,EAAE,EAAA;AAC/C,QAAA,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,CAAC,CAAC;KAC7D;AAED;;;;AAIG;IACH,MAAM,GAAA;QACJ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QACvC,OAAO;YACL,QAAQ;YACR,cAAc;AACd,YAAA,CAAA,GAAA,EAAM,CAAC,KAAK,GAAG,CAAC,CAAA,KAAA,EACd,CAAC,MAAM,GAAG,CACZ,CAAA,MAAA,EAAS,EAAE,CAAS,MAAA,EAAA,EAAE,YAAY,KAAK,CAAA,UAAA,EAAa,MAAM,CAAQ,MAAA,CAAA;SACnE,CAAC;KACH;AAkBD;;;;;;AAMG;IACH,OAAO,UAAU,CAAC,MAAW,EAAA;QAC3B,OAAOA,uBAAY,CAAC,WAAW,CAACG,MAAI,EAAE,MAAM,CAAC,CAAC;KAC/C;;AAID;;;;;;;AAOG;IACH,OAAO,WAAW,CAChB,OAAmB,EACnB,QAAqC,EACrC,OAAO,GAAG,EAAE,EAAA;QAEZ,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvB,SAAA;AACD,QAAA,MAAM,KAOF,eAAe,CAAC,OAAO,EAAEA,MAAI,CAAC,eAAe,CAAC,EAP5C,EACJ,IAAI,GAAG,CAAC,EACR,GAAG,GAAG,CAAC,EACP,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,OAAO,GAAG,IAAI,OAEkC,EAD7C,sBAAsB,GANrB,MAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,CAOL,CAAiD,CAAC;QAEnD,MAAM,IAAI,GAAG,IAAIA,MAAI,+CAChB,OAAO,CAAA,EACP,sBAAsB,CAAA,EAAA,EACzB,IAAI;YACJ,GAAG;YACH,KAAK;AACL,YAAA,MAAM,EACN,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,KAAK,IAAI,MAAM,CAAC,EAAA,CAAA,CAC5C,CAAC;QACH,QAAQ,CAAC,IAAI,CAAC,CAAC;KAChB;;AAhED;;;;;AAKG;AACIA,MAAA,CAAA,eAAe,GAAG;AACvB,IAAA,GAAG,iBAAiB;IACpB,GAAG;IACH,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,QAAQ;CACT,CAAC;AAuDG,MAAM,iBAAiB,GAAoC;IAChE,eAAe,EAAE,yBAAyB,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;AAC7E,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;IACL,eAAe,EAAE,yBAAyB,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;CAC9E,CAAC;AAEF,MAAM,CAAC,MAAM,CAACA,MAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAEjDL,QAAM,CAAC,IAAI,GAAGK,MAAI;;AChNlB;AAUA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AAEhC;;;;;AAKG;IACH,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACvC,MAAM,CAAC,MAAM;AACb,4CAAwC;AACtC;;;;AAIG;AACH,QAAA,IAAI,EAAE,UAAU;AAEhB;;;;AAIG;AACH,QAAA,MAAM,EAAE,IAAI;AAEZ;;;;;;;;;AASG;AACH,QAAA,gBAAgB,EAAE,KAAK;AAEvB,QAAA,WAAW,EAAE,KAAK;AAElB,QAAA,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC;AAEzE;;;AAGG;AACH,QAAA,6BAA6B,EAAE;YAC7B,OAAO;YACP,OAAO;YACP,eAAe;YACf,gBAAgB;YAChB,kBAAkB;YAClB,aAAa;YACb,eAAe;YACf,QAAQ;AACT,SAAA;AAED;;;;;;;;;;;;;;;;;;AAkBG;AACH,QAAA,UAAU,EAAE,UAAU,MAAM,EAAE,OAAO,GAAG,EAAE,EAAA;;AACxC,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;AACtC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;AACpC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,sBAAsB,CACxC,IAAI,KAAK,CAAC,CAAA,EAAA,GAAA,OAAO,CAAC,IAAI,mCAAI,MAAM,CAAC,CAAC,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,mCAAI,MAAM,CAAC,CAAC,CAAC,EAC5D,OAAO,OAAO,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,MAAM,EACxD,OAAO,OAAO,CAAC,GAAG,KAAK,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,KAAK,EACtD,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,CACb,CAAC;AACF,YAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SAC9D;AAED;;AAEG;AACH,QAAA,sBAAsB,EAAE,YAAA;YACtB,OAAO,qBAAqB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;SACvD;AAED;;;AAGG;AACH,QAAA,eAAe,EAAE,YAAA;AACf,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB;AAClC,kBAAE,IAAI,CAAC,sBAAsB,EAAE,CAAC,GAAG,CAC/B,CAAC,UAAU,KAAK,UAAU,CAAC,cAAc,CAC1C;AACH,kBAAE,IAAI,CAAC,MAAM,CAAC;AAChB,YAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;gBACvB,OAAO;AACL,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,IAAI,KAAK,EAAE;iBACxB,CAAC;AACH,aAAA;AACD,YAAA,MAAM,IAAI,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;YAC/C,MAAM,YAAY,GAAG,yBAAyB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EACxC,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AACvC,YAAA,MAAM,WAAW,GACf,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7D,YAAA,MAAM,WAAW,GACf,OAAO,GAAG,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;;YAEjE,MAAM,gBAAgB,GACpB,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;YACrE,OACK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CACP,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,gBAAgB,EAClC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,gBAAgB,EAChC,UAAU,EAAE,IAAI,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,EAC/C,YAAY,EAAE,IAAI,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,CACnE,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,GAAG,CACT,EACD,CAAA,CAAA;SACH;AAED;;AAEG;AACH,QAAA,aAAa,EAAE,YAAA;AACb,YAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAC1D,IAAI,CAAC,eAAe,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC;AACtD,YAAA,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;SAC7B;AAED;;AAEG;AACH,QAAA,4BAA4B,EAAE,YAAA;YAC5B,OAAO,IAAI,CAAC,gBAAgB;kBACxB,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;AACpC,kBAAE,IAAI,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;SACpD;AAED;;;;;AAKG;QACH,yBAAyB,EAAE,UAAU,OAAO,EAAA;YAC1C,OAAO,IAAI,CAAC,gBAAgB;kBACxB,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACpC,OAAO,IAAI,EAAE,EAAC,EAAA;;AAElB,oBAAA,WAAW,EAAE,CAAC;;AAEd,oBAAA,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,CAAC,EACR,CAAA,CAAA;kBACF,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;SAC1D;AAED;;;AAGG;AACH,QAAA,IAAI,EAAE,UAAU,GAAG,EAAE,KAAK,EAAA;AACxB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC;AACxD,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAClD,YAAA,IACE,OAAO;iBACN,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ;AACrC,oBAAA,IAAI,CAAC,aAAa;AAClB,oBAAA,IAAI,CAAC,6BAA6B,CAAC,QAAQ,CAAC,eAAe,CAAC;AAC5D,oBAAA,IAAI,CAAC,cAAc,KAAK,OAAO;oBAC/B,IAAI,CAAC,6BAA6B,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EACnD;gBACA,IAAI,CAAC,aAAa,EAAE,CAAC;AACtB,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;AAIG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;YACrC,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAC,EAAE;AAC7D,gBAAA,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AAC7B,aAAA,CAAC,CAAC;SACJ;;AAGD;;;;AAIG;AACH,QAAA,MAAM,EAAE,YAAA;YACN,IAAI,MAAM,GAAG,EAAE,EACb,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,EACzB,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,EACzB,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEnD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACtD,gBAAA,MAAM,CAAC,IAAI,CACT,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,mBAAmB,CAAC,EACtD,GAAG,EACH,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,mBAAmB,CAAC,EACtD,GAAG,CACJ,CAAC;AACH,aAAA;YACD,OAAO;AACL,gBAAA,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG;gBACrB,cAAc;gBACd,UAAU;AACV,gBAAA,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBACf,QAAQ;aACT,CAAC;SACH;;AAGD;;;AAGG;QACH,YAAY,EAAE,UAAU,GAAG,EAAA;YACzB,IAAI,KAAK,EACP,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EACxB,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,EACrB,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AAExB,YAAA,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;AAGzC,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;YACD,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC5B,gBAAA,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACvB,gBAAA,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACtC,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;gBAC3B,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;SAC/B;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;SAClC;AACF,KAAA,CACF,CAAC;;AAGF;;;;;AAKG;IACH,MAAM,CAAC,QAAQ,CAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAEpE;;;;;;;AAOG;AACH,IAAA,MAAM,CAAC,QAAQ,CAAC,oBAAoB,GAAG,UAAU,MAAM,EAAA;AACrD,QAAA,OAAO,UAAU,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAE,EAAA;YAC9C,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvB,aAAA;YACK,MAAA,MAAM,GAAG,oBAAoB,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAA;YACjE;;YAEA,EAAqC,GAAA,eAAe,CAClD,OAAO,EACP,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAC/B,CAAA;YAHe,gBAAgB,GAAA,MAAA,CAAA,EAAA;;;AAAhC,YAAA,CAAA,MAAA,EAAA,KAAA,CAAkC,EAGhC;AACJ,YAAA,QAAQ,CACN,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACpB,gBAAgB,CAAA,EAChB,OAAO,CACV,EAAA,EAAA,OAAO,EAAE,IAAI,EAAA,CAAA,CACb,CACH,CAAC;AACJ,SAAC,CAAC;AACJ,KAAC,CAAC;IAEF,MAAM,CAAC,QAAQ,CAAC,WAAW;AACzB,QAAA,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;;AAInD;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,QAAQ,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;QAC3C,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE;AACxD,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AChWrD;AAIA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEnD;;;;;AAKG;IACH,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACtC,MAAM,CAAC,QAAQ;AACf,2CAAuC;AACrC;;;;AAIG;AACH,QAAA,IAAI,EAAE,SAAS;AAEf;;AAEG;AACH,QAAA,sBAAsB,EAAE,YAAA;YACtB,OAAO,qBAAqB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;SACjD;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;gBAC3B,OAAO;AACR,aAAA;YACD,GAAG,CAAC,SAAS,EAAE,CAAC;AAChB,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;SAC/B;AACF,KAAA,CACF,CAAC;;AAGF;;;;;AAKG;IACH,MAAM,CAAC,OAAO,CAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAEnE;;;;;;;AAOG;AACH,IAAA,MAAM,CAAC,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;;AAG7E;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;QAC1C,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE;AACvD,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC5ErD;AASA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAChC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AAEhC;;;;;;AAMG;IACH,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACnC,MAAM,CAAC,MAAM;AACb,wCAAoC;AAClC;;;;AAIG;AACH,QAAA,IAAI,EAAE,MAAM;AAEZ;;;;AAIG;AACH,QAAA,IAAI,EAAE,IAAI;AAEV,QAAA,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAC7D,MAAM,EACN,UAAU,CACX;AAED,QAAA,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC;AAEvE;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,IAAI,EAAE,OAAO,EAAA;;AACjC,YAAA,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;YAC/B,OAAO,OAAO,CAAC,IAAI,CAAC;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;AACzC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,sBAAsB,CACxC,IAAI,KAAK,CAAC,CAAA,EAAA,GAAA,OAAO,CAAC,IAAI,mCAAI,MAAM,CAAC,CAAC,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,mCAAI,MAAM,CAAC,CAAC,CAAC,EAC5D,OAAO,OAAO,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,MAAM,EACxD,OAAO,OAAO,CAAC,GAAG,KAAK,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,KAAK,EACtD,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,CACb,CAAC;AACF,YAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SAC9D;AAED;;;;AAIG;QACH,QAAQ,EAAE,UAAU,IAAuB,EAAA;YACzC,IAAI,CAAC,IAAI,GAAG,eAAe,CACzB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAC7C,CAAC;AACF,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;SAC7B;AAED;;;AAGG;QACH,mBAAmB,EAAE,UAAU,GAAG,EAAA;YAChC,IAAI,OAAO;YACT,aAAa,GAAG,CAAC,EACjB,aAAa,GAAG,CAAC,EACjB,CAAC,GAAG,CAAC;YACL,CAAC,GAAG,CAAC;YACL,QAAQ,GAAG,CAAC;YACZ,QAAQ,GAAG,CAAC;AACZ,YAAA,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EACtB,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YAEzB,GAAG,CAAC,SAAS,EAAE,CAAC;AAEhB,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,EAAE;AACpD,gBAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEvB,gBAAA,QACE,OAAO,CAAC,CAAC,CAAC;AACV;oBACA,KAAK,GAAG;AACN,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;wBACf,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;wBACzB,MAAM;oBAER,KAAK,GAAG;AACN,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;wBACf,aAAa,GAAG,CAAC,CAAC;wBAClB,aAAa,GAAG,CAAC,CAAC;wBAClB,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;wBACzB,MAAM;oBAER,KAAK,GAAG;AACN,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,wBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,wBAAA,GAAG,CAAC,aAAa,CACf,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,EACd,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,EACd,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,CACN,CAAC;wBACF,MAAM;oBAER,KAAK,GAAG;AACN,wBAAA,GAAG,CAAC,gBAAgB,CAClB,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,EACd,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,EACd,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,EACd,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CACf,CAAC;AACF,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,wBAAA,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;wBACtB,MAAM;AAER,oBAAA,KAAK,GAAG,CAAC;AACT,oBAAA,KAAK,GAAG;wBACN,CAAC,GAAG,aAAa,CAAC;wBAClB,CAAC,GAAG,aAAa,CAAC;wBAClB,GAAG,CAAC,SAAS,EAAE,CAAC;wBAChB,MAAM;AACT,iBAAA;AACF,aAAA;SACF;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;AACpB,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;SAC/B;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;AACR,YAAA,QACE,iBAAiB;gBACjB,IAAI,CAAC,UAAU,EAAE;gBACjB,cAAc;AACd,gBAAA,IAAI,CAAC,GAAG;gBACR,YAAY;AACZ,gBAAA,IAAI,CAAC,IAAI;AACT,gBAAA,KAAK,EACL;SACH;AAED;;;;AAIG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;YACrC,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAC,EAAE;gBAC7D,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,IAAI,EAAA;AAChC,oBAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;AACtB,iBAAC,CAAC;AACH,aAAA,CAAC,CAAC;SACJ;AAED;;;;AAIG;QACH,gBAAgB,EAAE,UAAU,mBAAmB,EAAA;AAC7C,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAClE,IAAI,CAAC,CAAC,UAAU,EAAE;gBAChB,OAAO,CAAC,CAAC,IAAI,CAAC;AACf,aAAA;AACD,YAAA,OAAO,CAAC,CAAC;SACV;;AAGD;;;;AAIG;AACH,QAAA,MAAM,EAAE,YAAA;AACN,YAAA,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3C,OAAO;gBACL,QAAQ;gBACR,cAAc;gBACd,KAAK;gBACL,IAAI;gBACJ,2BAA2B;gBAC3B,MAAM;aACP,CAAC;SACH;AAED,QAAA,mBAAmB,EAAE,YAAA;AACnB,YAAA,IAAI,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACxC,YAAA,QACE,aAAa;gBACb,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC;gBACnC,IAAI;gBACJ,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC;AACnC,gBAAA,GAAG,EACH;SACH;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,OAAO,EAAA;AAC9B,YAAA,IAAI,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;AACrD,YAAA,QACE,IAAI;AACJ,gBAAA,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;AAC/C,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,mBAAmB,EAAE,mBAAmB;AACzC,iBAAA,CAAC,EACF;SACH;AAED;;;;AAIG;QACH,KAAK,EAAE,UAAU,OAAO,EAAA;AACtB,YAAA,IAAI,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACrD,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;AAC9C,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,mBAAmB,EAAE,mBAAmB;AACzC,aAAA,CAAC,CAAC;SACJ;;AAGD;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;AACV,YAAA,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;SACzB;AAED;;AAEG;AACH,QAAA,aAAa,EAAE,YAAA;AACb,YAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACxE,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AACxC,YAAA,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;SAC7B;AAED;;AAEG;AACH,QAAA,eAAe,EAAE,YAAA;YACf,MAAM,MAAM,GAAY,EAAE,CAAC;AAC3B,YAAA,IAAI,aAAa,GAAG,CAAC,EACnB,aAAa,GAAG,CAAC,EACjB,CAAC,GAAG,CAAC;AACL,YAAA,CAAC,GAAG,CAAC,CAAC;AAER,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;gBACzC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAC7B,gBAAA,QACE,OAAO,CAAC,CAAC,CAAC;AACV;oBACA,KAAK,GAAG;AACN,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,MAAM,CAAC,IAAI,CACT,IAAI,KAAK,CAAC,aAAa,EAAE,aAAa,CAAC,EACvC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChB,CAAC;wBACF,MAAM;oBAER,KAAK,GAAG;AACN,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;wBACf,aAAa,GAAG,CAAC,CAAC;wBAClB,aAAa,GAAG,CAAC,CAAC;wBAClB,MAAM;oBAER,KAAK,GAAG;AACN,wBAAA,MAAM,CAAC,IAAI,CACT,GAAG,gBAAgB,CACjB,CAAC,EACD,CAAC,EACD,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,CACX,CACF,CAAC;AACF,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;wBACf,MAAM;oBAER,KAAK,GAAG;AACN,wBAAA,MAAM,CAAC,IAAI,CACT,GAAG,gBAAgB,CACjB,CAAC,EACD,CAAC,EACD,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,EACV,OAAO,CAAC,CAAC,CAAC,CACX,CACF,CAAC;AACF,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,wBAAA,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;wBACf,MAAM;AAER,oBAAA,KAAK,GAAG,CAAC;AACT,oBAAA,KAAK,GAAG;wBACN,CAAC,GAAG,aAAa,CAAC;wBAClB,CAAC,GAAG,aAAa,CAAC;wBAClB,MAAM;AACT,iBAAA;AACF,aAAA;AAED,YAAA,MAAM,IAAI,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;AAC/C,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AAEjE,YAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,IAAI,CACP,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,gBAAgB,EAClC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,gBAAgB,EAChC,UAAU,EAAE,IAAI,KAAK,CACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAC1B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAC3B,EACD,CAAA,CAAA;SACH;AACF,KAAA,CACF,CAAC;AAEF;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;QACvC,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACpD,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;;AAGF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAErE;;;;;;;;AAQG;IACH,MAAM,CAAC,IAAI,CAAC,WAAW,GAAG,UAAU,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAA;AAC5D,QAAA,MAAM,gBAAgB,GAAG,eAAe,CACtC,OAAO,EACP,MAAM,CAAC,IAAI,CAAC,eAAe,CAC5B,CAAC;AACF,QAAA,QAAQ,CACN,IAAI,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC7B,gBAAgB,CAAA,EAChB,OAAO,CAAA,EAAA;;AAEV,YAAA,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAI,EACb,CAAA,CAAA,CACH,CAAC;AACJ,KAAC,CAAC;;AAEJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AClarD;AAOA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAC,yBAAyB,EACjE,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,EAC7C,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,EAC3C,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAC3D,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAC/C,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;AACnC;;;;;;;AAOG;AACH,IAAA,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACpCH,uBAAY,EACZ,MAAM,CAAC,UAAU;AACjB,yCAAqC;AACnC;;;;AAIG;AACH,QAAA,IAAI,EAAE,OAAO;AAEb;;;;;;AAMG;AACH,QAAA,MAAM,EAAE,aAAa;AAErB;;;AAGG;AACH,QAAA,WAAW,EAAE,CAAC;AAEd;;;;;AAKG;QACH,eAAe,EAAEA,uBAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC;AAExE;;;;;AAKG;AACH,QAAA,cAAc,EAAE,KAAK;AAErB;;;;;;AAMG;AACH,QAAA,WAAW,EAAE,KAAK;AAElB;;;;;AAKG;AACH,QAAA,cAAc,EAAE,SAAS;AAEzB;;;;;;;AAOG;AACH,QAAA,UAAU,EAAE,UAAU,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAA;AAC5D,YAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,IAAI,EAAE,CAAC;AAC9B,YAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACvD,YAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAChE,IAAI,EACJ,IAAI,CACL,CAAC;AACF,YAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CACjE,IAAI,EACJ,KAAK,CACN,CAAC;AACF,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;;AAE9B,YAAA,IAAI,CAAC,SAAS,CACZ,YAAY,EACZ,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAC7D,CAAC;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,UAAU,MAAM,EAAA;AACjC,gBAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;aAChC,EAAE,IAAI,CAAC,CAAC;YACT,IAAI,CAAC,oBAAoB,CAAC;AACxB,gBAAA,IAAI,EAAE,gBAAgB;AACtB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,sBAAsB,EAAE,sBAAsB;AAC/C,aAAA,CAAC,CAAC;SACJ;AAED;;;;AAIG;AACH,QAAA,IAAI,EAAE,UAAU,GAAG,EAAE,KAAK,EAAA;AACxB,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YACrB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACnC,YAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,IAAI,KAAK,KAAK,EAAE;AACtC,gBAAA,IAAI,CAAC,aAAa,CAAC,UAAU,MAAM,EAAA;AACjC,oBAAA,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAC1B,iBAAC,CAAC,CAAC;AACJ,aAAA;AACD,YAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,IAAI,KAAK,KAAK,EAAE;gBACtC,IAAI,CAAC,oBAAoB,CAAC;AACxB,oBAAA,IAAI,EAAE,eAAe;AACrB,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAC,CAAC;AACJ,aAAA;YACD,IAAI,GAAG,KAAK,aAAa,EAAE;AACzB,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AACzD,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;AAEG;AACH,QAAA,sBAAsB,EAAE,YAAA;YACtB,OAAO,IAAI,CAAC,cAAc,CAAC;SAC5B;AAED;;;;AAIG;QACH,iCAAiC,EAAE,UAAU,OAAO,EAAA;YAClD,OAAO,OAAO,CAAC,MAAM,CAAC,UAAU,MAAM,EAAE,KAAK,EAAE,KAAK,EAAA;;AAElD,gBAAA,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC;aACtE,EAAE,IAAI,CAAC,CAAC;SACV;AAED;;;AAGG;AACH,QAAA,GAAG,EAAE,YAAA;AACH,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,iCAAiC,CACzD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CACtB,CAAC;AACF,YAAA,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;AACtE,YAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;SACrD;AAED;;;;AAIG;AACH,QAAA,QAAQ,EAAE,UAAU,OAAO,EAAE,KAAK,EAAA;YAChC,IAAI,cAAc,GAAG,IAAI,CAAC,iCAAiC,CACzD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,CAAC,OAAO,CAAC,CAC7C,CAAC;AACF,YAAA,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAC7B,IAAI,EACJ,cAAc,EACd,KAAK,EACL,IAAI,CAAC,cAAc,CACpB,CAAC;AACF,YAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;SACrD;AAED;;;;AAIG;AACH,QAAA,MAAM,EAAE,YAAA;AACN,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CACzC,IAAI,EACJ,SAAS,EACT,IAAI,CAAC,gBAAgB,CACtB,CAAC;AACF,YAAA,IAAI,CAAC,qBAAqB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC/C,YAAA,OAAO,OAAO,CAAC;SAChB;AAED;;;AAGG;AACH,QAAA,SAAS,EAAE,YAAA;AACT,YAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;AACzB,YAAA,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;SACvD;AAED;;;AAGG;QACH,eAAe,EAAE,UAAU,GAAG,EAAA;YAC5B,IAAI,CAAC,oBAAoB,CACvB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE;AACrB,gBAAA,IAAI,EAAE,iBAAiB;AACxB,aAAA,CAAC,CACH,CAAC;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;SAC1B;AAED;;;AAGG;AACH,QAAA,wBAAwB,EAAE,UAAU,QAAQ,EAAE,GAAG,EAAA;AAC/C,YAAA,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;AACxB,YAAA,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACjC,gBAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC1B,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzC,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAChD,gBAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;oBACd,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACrC,oBAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC1B,iBAAA;AACF,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,YAAY,EAAE,UAAU,KAAK,EAAE,MAAM,EAAA;YACnC,IAAI,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC;;YAErC,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAC1C,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACnD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACpD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;YAC7D,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;SACjE;AAED;;;;;AAKG;QACH,aAAa,EAAE,UAAU,MAAM,EAAA;YAC7B,IAAI,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;;;AAGlD,gBAAA,OAAO,CAAC,KAAK,CACX,gFAAgF,CACjF,CAAC;;AAEF,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;iBAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;;;AAG/C,gBAAA,OAAO,CAAC,KAAK,CACX,yFAAyF,CAC1F,CAAC;;AAEF,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,MAAM,EAAE,qBAAqB,EAAA;YACjD,IAAI,MAAM,CAAC,KAAK,EAAE;AAChB,gBAAA,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC7B,aAAA;AACD,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AAChD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;AACH,QAAA,WAAW,EAAE,UAAU,MAAM,EAAE,qBAAqB,EAAA;AAClD,YAAA,IAAI,qBAAqB,EAAE;;AAEzB,gBAAA,sBAAsB,CACpB,MAAM,EACN,yBAAyB,CACvB,eAAe,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAC3C,MAAM,CAAC,mBAAmB,EAAE,CAC7B,CACF,CAAC;AACH,aAAA;YACD,IAAI,CAAC,sBAAsB,EAAE,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;AACpD,YAAA,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACnC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACpD,YAAA,IAAI,YAAY,GACd,IAAI,CAAC,MAAM;gBACX,IAAI,CAAC,MAAM,CAAC,eAAe;AAC3B,gBAAA,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;;AAEhC,YAAA,IACE,YAAY;iBACX,YAAY,KAAK,MAAM,IAAI,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,EAChE;AACA,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAClC,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,SAAS,EAAE,UAAU,MAAM,EAAE,qBAAqB,EAAA;AAChD,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AAC/C,YAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;SAClC;AAED;;;;AAIG;AACH,QAAA,UAAU,EAAE,UAAU,MAAM,EAAE,qBAAqB,EAAA;AACjD,YAAA,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAChC,IAAI,CAAC,qBAAqB,EAAE;AAC1B,gBAAA,sBAAsB,CACpB,MAAM,EACN,yBAAyB,CACvB,IAAI,CAAC,mBAAmB,EAAE,EAC1B,MAAM,CAAC,mBAAmB,EAAE,CAC7B,CACF,CAAC;gBACF,MAAM,CAAC,SAAS,EAAE,CAAC;AACpB,aAAA;AACD,YAAA,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YACjC,IAAI,KAAK,GACP,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC;kBAC1B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC;kBACnC,CAAC,CAAC,CAAC;AACT,YAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;gBACd,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACtC,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,qBAAqB,EAAE,UAAU,IAAI,EAAE,OAAO,EAAA;YAC5C,IAAI,CAAC,oBAAoB,CAAC;AACxB,gBAAA,IAAI,EAAE,IAAI;AACV,gBAAA,OAAO,EAAE,OAAO;AACjB,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;SAC1B;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,MAAM,EAAA;AAC9B,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YAC9B,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SACxC;AAED;;;AAGG;QACH,sBAAsB,EAAE,UAAU,MAAM,EAAA;AACtC,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAC/B,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SACxC;AAED;;;;AAIG;AACH,QAAA,gBAAgB,EAAE,UAAU,MAAM,EAAE,qBAAqB,EAAA;AACvD,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;YAC9C,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SAC1C;AAED;;;;;;AAMG;AACH,QAAA,WAAW,EAAE,YAAA;AACX,YAAA,IAAI,QAAQ,GAAGA,uBAAY,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7D,YAAA,IAAI,QAAQ,EAAE;AACZ,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAC7C,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE;AACrC,wBAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;AACxB,wBAAA,OAAO,KAAK,CAAC;AACd,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,QAAQ,CAAC;SACjB;AAED;;;AAGG;AACH,QAAA,cAAc,EAAE,YAAA;YACd,IAAIA,uBAAY,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AACpD,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC7C,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE;AACrC,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;AACV,YAAA,OAAO,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;SACrE;AAED;;;AAGG;QACH,UAAU,EAAE,UAAU,GAAG,EAAA;AACvB,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC5B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAC9B,aAAA;YACD,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACxC;AAED;;AAEG;QACH,YAAY,EAAE,UAAU,UAAU,EAAA;YAChC,IAAI,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE;AAC9C,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC7C,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;oBACvC,IAAI,IAAI,CAAC,YAAY,EAAE;;AAErB,wBAAA,IAAI,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,EAClC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;AACpC,wBAAA,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpD,qBAAA;AACD,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;AAGG;AACH,QAAA,SAAS,EAAE,YAAA;AACT,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;YAC5B,IAAI,CAAC,sBAAsB,EAAE;AAC3B,gBAAA,IAAI,CAAC,aAAa,CAAC,UAAU,MAAM,EAAA;oBACjC,MAAM,CAAC,SAAS,EAAE,CAAC;AACrB,iBAAC,CAAC,CAAC;SACN;AAED;;;AAGG;QACH,MAAM,EAAE,UAAU,GAAG,EAAA;;AAEnB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;SAC7B;AAED;;;AAGG;QACH,aAAa,EAAE,UAAU,OAAO,EAAA;AAC9B,YAAA,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE;AAC7B,gBAAA,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;AACjC,gBAAA,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;AAC9B,aAAA;AACD,YAAA,IAAI,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;SACrE;AAED;;;;AAIG;AACH,QAAA,qBAAqB,EAAE,UAAU,MAAM,EAAE,IAAI,EAAA;YAC3C,MAAM,CAAC,GAAG,CAAC;AACT,gBAAA,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AAC1B,gBAAA,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;AACzB,aAAA,CAAC,CAAC;SACJ;AAED;;;;;;;AAOG;QACH,oBAAoB,EAAE,UAAU,OAAO,EAAA;AACrC,YAAA,IAAI,aAAa,GAAG,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC;AACtD,YAAA,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;;gBAE5C,OAAO;AACR,aAAA;AACD,YAAA,IAAI,OAAO,GAAG,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;YAC/C,IAAI,gBAAgB,GAAG,OAAO,IAAI;AAChC,gBAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;AACzB,gBAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;AACzB,gBAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;aAC1B,CAAC;AACF,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAC3C,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,uBAAuB,CACvC,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EACtB,OAAO,CACR,CAAC;AACF,YAAA,IAAI,MAAM,EAAE;;AAEV,gBAAA,IAAI,SAAS,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC1D,IAAI,MAAM,GAAG,MAAM;qBAChB,QAAQ,CAAC,SAAS,CAAC;AACnB,qBAAA,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,CAAC,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC;AACpE,gBAAA,IAAI,IAAI,GAAG,cAAc,CACvB,MAAM,EACN,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,EACrC,IAAI,CACL,CAAC;;AAEF,gBAAA,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;;gBAEzD,CAAC,OAAO,CAAC,sBAAsB;AAC7B,oBAAA,IAAI,CAAC,aAAa,CAAC,UAAU,MAAM,EAAA;AACjC,wBAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;qBAC1C,EAAE,IAAI,CAAC,CAAC;;AAEX,gBAAA,CAAC,aAAa;oBACZ,IAAI,CAAC,MAAM,KAAK,WAAW;AAC3B,oBAAA,IAAI,CAAC,QAAQ;AACb,oBAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,kBAAkB;oBACjC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;gBAClD,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,gBAAgB,EAAE;;oBAE7C,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxD,oBAAA,gBAAgB,IAAI,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;oBAC/C,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,iBAAA;AACF,aAAA;AAAM,iBAAA,IAAI,aAAa,EAAE;;AAExB,gBAAA,MAAM,GAAG;oBACP,OAAO,EAAE,MAAM,CAAC,CAAC;oBACjB,OAAO,EAAE,MAAM,CAAC,CAAC;oBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;iBACpB,CAAC;AACF,gBAAA,gBAAgB,IAAI,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAChD,aAAA;AAAM,iBAAA;;gBAEL,OAAO;AACR,aAAA;;AAED,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;;AAE7B,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA,CAAC,CAAC;;YAEH,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE;;AAEjD,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACjB,oBAAA,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AACnB,iBAAA;AACD,gBAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAExB,gBAAA,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAC1C,aAAA;SACF;AAED;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH,QAAA,uBAAuB,EAAE,UAAU,eAAe,EAAE,OAAO,EAAE,OAAO,EAAA;;;;YAIlE,IACE,eAAe,KAAK,kBAAkB;gBACtC,OAAO,CAAC,IAAI,KAAK,OAAO;gBACxB,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,EACvC;;gBAEA,IAAI,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAChD,OAAO,IAAI,CAAC,kBAAkB,CAC5B,eAAe,EACf,YAAY,EACZ,OAAO,CACR,CAAC;AACH,aAAA;iBAAM,IACL,eAAe,KAAK,aAAa;AACjC,gBAAA,eAAe,KAAK,kBAAkB;iBACrC,eAAe,KAAK,OAAO;AAC1B,qBAAC,OAAO,CAAC,IAAI,KAAK,gBAAgB;AAChC,wBAAA,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,EACnC;gBACA,OAAO,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACnE,aAAA;AAAM,iBAAA,IAAI,eAAe,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC3D,gBAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC7B,gBAAA,IAAI,iBAAiB,GAAG,QAAQ,CAAC,yBAAyB,EAAE,CAAC;gBAC7D,IACE,QAAQ,CAAC,kBAAkB;AAC3B,qBAAC,OAAO,CAAC,IAAI,KAAK,gBAAgB;AAChC,wBAAA,OAAO,CAAC,IAAI,KAAK,eAAe,CAAC,EACnC;;AAEA,oBAAA,IAAI,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAC/C,IAAI,IAAI,CAAC,KAAK,EAAE;;wBAEd,IAAI,GAAG,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAC5D,wBAAA,cAAc,GAAG,cAAc,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;AACtD,qBAAA;oBACD,OAAO;wBACL,OAAO,EAAE,cAAc,CAAC,CAAC;wBACzB,OAAO,EAAE,cAAc,CAAC,CAAC;wBACzB,KAAK,EAAE,iBAAiB,CAAC,CAAC;wBAC1B,MAAM,EAAE,iBAAiB,CAAC,CAAC;qBAC5B,CAAC;AACH,iBAAA;AAAM,qBAAA,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE;AACvC,oBAAA,IAAI,MAAM,CAAC;AACX,oBAAA,IAAI,sBAAsB,GAAG,QAAQ,CAAC,sBAAsB,EAAE;;AAE5D,oBAAA,cAAc,GAAG,cAAc,CAC7B,sBAAsB,EACtB,IAAI,CAAC,aAAa,EAAE,EACpB,IAAI,CACL,CAAC;AACJ,oBAAA,IACE,OAAO,CAAC,IAAI,KAAK,gBAAgB;AACjC,wBAAA,OAAO,CAAC,IAAI,KAAK,eAAe,EAChC;wBACA,IAAI,IAAI,GACN,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,CAAC;AAC1D,4BAAA,EAAE,CAAC;AACL,wBAAA,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;wBACzD,OAAO;AACL,4BAAA,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC;AACpC,4BAAA,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC;AACpC,4BAAA,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC;AAChD,4BAAA,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC;4BAChD,KAAK,EAAE,QAAQ,CAAC,KAAK;4BACrB,MAAM,EAAE,QAAQ,CAAC,MAAM;yBACxB,CAAC;AACH,qBAAA;AAAM,yBAAA;AACL,wBAAA,MAAM,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;wBACvC,OAAO;AACL,4BAAA,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC;AACpC,4BAAA,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC;4BACpC,KAAK,EAAE,iBAAiB,CAAC,CAAC;4BAC1B,MAAM,EAAE,iBAAiB,CAAC,CAAC;yBAC5B,CAAC;AACH,qBAAA;AACF,iBAAA;AACF,aAAA;iBAAM,IACL,eAAe,KAAK,KAAK;AACzB,gBAAA,OAAO,CAAC,IAAI,KAAK,gBAAgB,EACjC;AACA,gBAAA,IAAI,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;AAC3D,gBAAA,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;AACzB,oBAAA,WAAW,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC;AAC/B,oBAAA,WAAW,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC;AAChC,iBAAA,CAAC,CAAC;AACJ,aAAA;SACF;AAED;;;;;;;;AAQG;AACH,QAAA,kBAAkB,EAAE,UAAU,eAAe,EAAE,OAAO,EAAE,OAAO,EAAA;AAC7D,YAAA,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE;gBACrC,OAAO,IAAI,CAAC,yBAAyB,CACnC,eAAe,EACf,OAAO,EACP,OAAO,CACR,CAAC;AACH,aAAA;iBAAM,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,OAAO,CAAC,OAAO,EAAE;AAC3D,gBAAA,OAAO,MAAM,CAAC,MAAM,CAClB,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAAI,EAAE,EACzC,OAAO,CAAC,OAAO,CAChB,CAAC;AACH,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAC5C,aAAA;SACF;AAED;;;;;;;AAOG;AACH,QAAA,yBAAyB,EAAE,UAAU,eAAe,EAAE,OAAO,EAAE,OAAO,EAAA;AACpE,YAAA,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,EACjC,IAAI,GAAG,OAAO,OAAO,CAAC,IAAI,KAAK,QAAQ,EACvC,IAAI,GAAG,OAAO,OAAO,CAAC,GAAG,KAAK,QAAQ,EACtC,QAAQ,GAAG,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,EAC5C,SAAS,GAAG,OAAO,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC;;;AAIjD,YAAA,IACE,CAAC,IAAI;gBACH,IAAI;gBACJ,QAAQ;gBACR,SAAS;gBACT,OAAO,CAAC,sBAAsB;AAChC,gBAAA,OAAO,CAAC,MAAM,KAAK,CAAC,EACpB;;gBAEA,OAAO;AACR,aAAA;YAED,IAAI,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;AACrD,YAAA,IAAI,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,EACjD,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,EACnD,gBAAgB,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,EAClE,MAAM,GAAG,IAAI,KAAK,CAChB,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,EAC3B,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAC5B,EACD,IAAI,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,EAC/B,iBAAiB,GAAG,IAAI,CAAC,yBAAyB,CAAC;AACjD,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE,CAAC;AACV,aAAA,CAAC,EACF,SAAS,GAAG,IAAI,CAAC,yBAAyB,CAAC;AACzC,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,WAAW,EAAE,CAAC;AACf,aAAA,CAAC,EACF,aAAa,GAAG,IAAI,CAAC,yBAAyB,CAAC;gBAC7C,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,WAAW,EAAE,CAAC;aACf,CAAC,EACF,kBAAkB,GAAG,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;;YAGvC,IAAI,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YACpC,IAAI,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACnD,YAAA,IAAI,gBAAgB,GAAG,IAAI,KAAK,CAC9B,QAAQ,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC,EACnD,SAAS,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC,CACrD,CAAC;AACF,YAAA,IAAI,MAAM,GAAG,IAAI,KAAK,CACpB,IAAI;AACF,kBAAE,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;kBAC1D,gBAAgB,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,EAC3C,IAAI;AACF,kBAAE,IAAI,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;kBACzD,gBAAgB,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAC5C,CAAC;AACF,YAAA,IAAI,gBAAgB,GAAG,IAAI,KAAK,CAC9B,IAAI;kBACA,MAAM,CAAC,CAAC;AACR,oBAAA,gBAAgB,CAAC,CAAC;AAClB,oBAAA,aAAa,CAAC,CAAC,IAAI,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC;kBACtC,EAAE,QAAQ;sBACN,CAAC,SAAS,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,IAAI,GAAG;sBACzC,SAAS,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,EAChC,IAAI;kBACA,MAAM,CAAC,CAAC;AACR,oBAAA,gBAAgB,CAAC,CAAC;AAClB,oBAAA,aAAa,CAAC,CAAC,IAAI,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;kBACvC,EAAE,SAAS;sBACP,CAAC,SAAS,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,IAAI,GAAG;AAC3C,sBAAE,SAAS,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CACjC,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAC1B,YAAA,IAAI,UAAU,GAAG,IAAI,KAAK,CACxB,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAC/B,SAAS,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CACjC,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAExB,OAAO;gBACL,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,WAAW,EAAE,UAAU,CAAC,CAAC;gBACzB,WAAW,EAAE,UAAU,CAAC,CAAC;gBACzB,KAAK,EAAE,IAAI,CAAC,CAAC;gBACb,MAAM,EAAE,IAAI,CAAC,CAAC;aACf,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,qBAAqB,EAAE,UAAU,OAAO,EAAE,YAAY,EAAA;AACpD,YAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACxB,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YACD,IAAI,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AAC1C,YAAA,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM,EAAE,CAAC,EAAA;AACjC,gBAAA,SAAS,GAAG,MAAM,CAAC,sBAAsB,EAAE,CAAC;gBAC5C,UAAU,GAAG,MAAM,CAAC,yBAAyB,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAChE,IAAI,MAAM,CAAC,KAAK,EAAE;AAChB,oBAAA,IAAI,GAAG,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EACtC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EACpC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EACpC,EAAE,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,EAC5C,EAAE,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC;oBAC/C,UAAU,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AAChC,iBAAA;AACD,gBAAA,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACnC,gBAAA,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC9B,IAAI,CAAC,KAAK,CAAC,EAAE;AACX,oBAAA,GAAG,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,oBAAA,GAAG,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACzD,iBAAA;AAAM,qBAAA;AACL,oBAAA,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChE,oBAAA,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjE,iBAAA;AACH,aAAC,CAAC,CAAC;YAEH,IAAI,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC1B,cAAc,GAAG,YAAY;AAC3B,kBAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;AACtB,kBAAE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC;;YAEzB,MAAM,GAAG,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAClD,MAAM,GAAG,cAAc,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YAEhE,OAAO;gBACL,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjB,KAAK,EAAE,IAAI,CAAC,CAAC;gBACb,MAAM,EAAE,IAAI,CAAC,CAAC;aACf,CAAC;SACH;AAED;;;;;;;AAOG;QACH,QAAQ,EAAE,kCAA+B;;SAExC;AAED;;;;;;AAMG;AACH,QAAA,kBAAkB,EAAE,UAAU,MAAM,EAAE,mBAAmB,EAAA;AACvD,YAAA,IAAI,qBAAqB,GAAG,IAAI,CAAC,oBAAoB,CAAC;YACtD,OAAO,IAAI,CAAC,QAAQ;iBACjB,MAAM,CAAC,UAAU,GAAG,EAAA;AACnB,gBAAA,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;AAChC,aAAC,CAAC;iBACD,GAAG,CAAC,UAAU,GAAG,EAAA;AAChB,gBAAA,IAAI,gBAAgB,GAAG,GAAG,CAAC,oBAAoB,CAAC;AAChD,gBAAA,GAAG,CAAC,oBAAoB,GAAG,qBAAqB,CAAC;gBACjD,IAAI,IAAI,GAAG,GAAG,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAC1D,gBAAA,GAAG,CAAC,oBAAoB,GAAG,gBAAgB,CAAC;;AAE5C,gBAAA,OAAO,IAAI,CAAC;AACd,aAAC,CAAC,CAAC;SACN;AAED;;;;AAIG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;YACrC,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CACtB,UAAU,EACV,CAAC,QAAQ,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,MAAM,CAChD,mBAAmB,CACpB,CACF,CAAC;YACF,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;AACvE,YAAA,OAAO,GAAG,CAAC;SACZ;AAED,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC;SACvD;AAED,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,aAAa,CAAC,UAAU,MAAM,EAAA;AACjC,gBAAA,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACjC,gBAAA,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;aACpC,EAAE,IAAI,CAAC,CAAC;AACT,YAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;SAC3B;;AAID;;AAEG;QACH,gBAAgB,EAAE,UAAU,OAAO,EAAA;AACjC,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACzB,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA;AACD,YAAA,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAClE,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;AACjD,YAAA,UAAU,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC;AACrC,YAAA,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC5B;AAED;;;;AAIG;QACH,MAAM,EAAE,UAAU,OAAO,EAAA;YACvB,IAAI,SAAS,GAAG,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;YAChD,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACxC,EAAE,IAAI,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACjC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,gBAAA,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzD,aAAA;AACD,YAAA,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACzB,YAAA,OAAO,SAAS,CAAC;SAClB;AAED;;;AAGG;AACH,QAAA,YAAY,EAAE,YAAA;AACZ,YAAA,IAAI,OAAO,GACP,OAAO,IAAI,CAAC,OAAO,KAAK,WAAW,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC;AACvD,kBAAE,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG;AAClC,kBAAE,EAAE,EACR,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,sBAAsB,CAAC;AAC1D,YAAA,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC5D;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,OAAO,EAAA;YAC9B,IAAI,SAAS,GAAG,EAAE,CAAC;YACnB,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACxC,EAAE,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC/B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,gBAAA,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D,aAAA;AACD,YAAA,OAAO,IAAI,CAAC,4BAA4B,CAAC,SAAS,EAAE;AAClD,gBAAA,OAAO,EAAE,OAAO;AACjB,aAAA,CAAC,CAAC;SACJ;;AAEF,KAAA,CACF,CAAC;AAEF;;;;;;;AAOG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;AACxC,QAAA,IAAI,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,EAChC,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAChC,OAAO,OAAO,CAAC,OAAO,CAAC;QACvB,OAAO,OAAO,CAAC,GAAG,CAAC;AACjB,YAAA,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;AACnC,YAAA,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC7C,SAAA,CAAC,CAAC,IAAI,CAAC,UAAU,SAAS,EAAA;YACzB,OAAO,IAAI,MAAM,CAAC,KAAK,CACrB,SAAS,CAAC,CAAC,CAAC,EACZ,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EACpC,IAAI,CACL,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACpjCrD;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEnD;;;;;;AAMG;IACH,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAC9C,MAAM,CAAC,KAAK;AACZ,mDAA+C;AAC7C;;;;AAIG;AACH,QAAA,IAAI,EAAE,iBAAiB;AAEvB;;AAEG;AACH,QAAA,MAAM,EAAE,aAAa;AAErB;;AAEG;AACH,QAAA,cAAc,EAAE,KAAK;AAErB;;AAEG;AACH,QAAA,WAAW,EAAE,KAAK;AAElB;;;;;;;AAOG;AACH,QAAA,UAAU,EAAE,UAAU,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAA;YAC5D,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,sBAAsB,CAAC,CAAC;YACvE,IAAI,CAAC,SAAS,EAAE,CAAC;SAClB;AAED;;AAEG;AACH,QAAA,sBAAsB,EAAE,YAAA;AACtB,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,MAAM,EAAE,qBAAqB,EAAA;YACjD,IAAI,MAAM,CAAC,KAAK,EAAE;;AAEhB,gBAAA,IAAI,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1B,gBAAA,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AAC1B,gBAAA,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC;AAC/B,aAAA;AACD,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AAChD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;AACH,QAAA,SAAS,EAAE,UAAU,MAAM,EAAE,qBAAqB,EAAA;AAChD,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AAC/C,YAAA,IAAI,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;AAClC,YAAA,IAAI,MAAM,EAAE;;AAEV,gBAAA,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;gBAC1B,OAAO,MAAM,CAAC,aAAa,CAAC;AAC7B,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,qBAAqB,EAAE,UAAU,IAAI,EAAE,OAAO,EAAA;YAC5C,IAAI,MAAM,GAAG,EAAE,CAAC;AAChB,YAAA,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM,EAAA;AAC9B,gBAAA,MAAM,CAAC,KAAK;AACV,oBAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;AAC9B,oBAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9B,aAAC,CAAC,CAAC;YACH,IAAI,IAAI,KAAK,SAAS,EAAE;;AAEtB,gBAAA,MAAM,CAAC,OAAO,CAAC,UAAU,KAAK,EAAA;AAC5B,oBAAA,KAAK,CAAC,qBAAqB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,iBAAC,CAAC,CAAC;AACJ,aAAA;AAAM,iBAAA;;AAEL,gBAAA,MAAM,CAAC,OAAO,CAAC,UAAU,KAAK,EAAA;AAC5B,oBAAA,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC5B,iBAAC,CAAC,CAAC;AACJ,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,6BAA6B,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC;SACjE;AAED;;;;;;;AAOG;AACH,QAAA,WAAW,EAAE,YAAA;AACX,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;AACV,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,GAAG,EAAE,aAAa,EAAE,gBAAgB,EAAA;YAC7D,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,YAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC;YACnE,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC;AACtD,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE;AACpE,gBAAA,kBAAkB,EAAE,IAAI;AACzB,aAAA,CAAC,CAAC;AACH,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,gBAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAChD,aAAA;YACD,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AACF,KAAA,CACF,CAAC;AAEF;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,eAAe,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;QAClD,IAAI,OAAO,GAAG,MAAM,CAAC,OAAO,EAC1B,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACnD,OAAO,OAAO,CAAC,OAAO,CAAC;QACvB,OAAO,MAAM,CAAC,IAAI;aACf,cAAc,CAAC,OAAO,CAAC;aACvB,IAAI,CAAC,UAAU,gBAAgB,EAAA;YAC9B,OAAO,IAAI,MAAM,CAAC,eAAe,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;AACrE,SAAC,CAAC,CAAC;AACP,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC9LrD;AAGA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AACrC;;;;;;AAMG;IACH,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACpCA,uBAAY;AACZ,yCAAqC;AACnC;;;;AAIG;AACH,QAAA,IAAI,EAAE,OAAO;AAEb;;;;;AAKG;AACH,QAAA,WAAW,EAAE,CAAC;AAEd;;;;;;AAMG;AACH,QAAA,gBAAgB,EAAE,KAAK;AAEvB;;;;;AAKG;AACH,QAAA,WAAW,EAAE,CAAC;AAEd;;;;;AAKG;AACH,QAAA,WAAW,EAAE,CAAC;AAEd;;;;AAIG;AACH,QAAA,eAAe,EAAE,CAAC;AAElB;;;;AAIG;AACH,QAAA,eAAe,EAAE,CAAC;AAElB;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,GAAG;AAExB;;;;;AAKG;AACH,QAAA,eAAe,EAAEA,uBAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAC5D,OAAO,EACP,OAAO,CACR;AAED;;;;;;AAMG;AACH,QAAA,eAAe,EAAEA,uBAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAC5D,OAAO,EACP,OAAO,CACR;AAED;;;;;AAKG;AACH,QAAA,QAAQ,EAAE,EAAE;AAEZ;;;;;AAKG;AACH,QAAA,KAAK,EAAE,CAAC;AAER;;;;;AAKG;AACH,QAAA,KAAK,EAAE,CAAC;AAER;;;;;;AAMG;AACH,QAAA,cAAc,EAAE,IAAI;AAEpB;;;;;;;;;AASG;AACH,QAAA,UAAU,EAAE,UAAU,OAAO,EAAE,OAAO,EAAA;AACpC,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;AAC1B,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAGA,uBAAY,CAAC,KAAK,EAAE,CAAC;AACjD,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;AACtC,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;SACrC;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;AACV,YAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;SAC5B;AAED;;;;;;;;AAQG;AACH,QAAA,UAAU,EAAE,UAAU,OAAO,EAAE,OAAO,EAAA;AACpC,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC;AAChD,YAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;AACxB,YAAA,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC;AAChC,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AAC/C,YAAA,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;AACrB,aAAA;;;;;YAKD,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC3B,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;AAEG;QACH,aAAa,EAAE,UAAU,GAAG,EAAA;AAC1B,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;AACnC,YAAA,IAAI,OAAO,IAAI,OAAO,CAAC,iBAAiB,EAAE;AACxC,gBAAA,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAChC,aAAA;SACF;AAED;;AAEG;AACH,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AAC1B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC;AAChD,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;AAC/B,YAAA,CAAC,kBAAkB,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,OAAO,CACrE,UAAU,OAAO,EAAA;gBACf,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5C,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;AAC5B,aAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CACb,CAAC;SACH;AAED;;AAEG;AACH,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,QACE,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,gBAAgB,CAAC,WAAW,IAAI,IAAI,CAAC,EACpE;SACH;AAED;;;AAGG;AACH,QAAA,eAAe,EAAE,YAAA;AACf,YAAA,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAChC,OAAO;AACL,gBAAA,KAAK,EAAE,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,KAAK;AAC5C,gBAAA,MAAM,EAAE,OAAO,CAAC,aAAa,IAAI,OAAO,CAAC,MAAM;aAChD,CAAC;SACH;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;YACpB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;gBAC1C,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EACpB,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YACtB,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACnB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAClB,YAAA,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAClB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACnB,GAAG,CAAC,SAAS,EAAE,CAAC;SACjB;AAED;;;;AAIG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;YACrC,IAAI,OAAO,GAAG,EAAE,CAAC;AAEjB,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,SAAS,EAAA;AACtC,gBAAA,IAAI,SAAS,EAAE;oBACb,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpC,iBAAA;AACH,aAAC,CAAC,CAAC;YACH,IAAI,MAAM,GAAG,MAAM,CACjB,IAAI,CAAC,SAAS,CACZ,UAAU,EACV,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD;AACE,gBAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE;AAClB,gBAAA,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AAClC,gBAAA,OAAO,EAAE,OAAO;AACjB,aAAA,CACF,CAAC;YACF,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;AACpD,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;AAGG;AACH,QAAA,OAAO,EAAE,YAAA;YACP,QACE,IAAI,CAAC,KAAK;AACV,gBAAA,IAAI,CAAC,KAAK;AACV,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK;gBAChC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAClC;SACH;;AAGD;;;;AAIG;AACH,QAAA,MAAM,EAAE,YAAA;AACN,YAAA,IAAI,SAAS,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,OAAO,GAAG,IAAI,CAAC,QAAQ,EACvB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,EACnB,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EACpB,QAAQ,GAAG,EAAE,EACb,cAAc,GAAG,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;AAClB,gBAAA,IAAI,UAAU,GAAGA,uBAAY,CAAC,KAAK,EAAE,CAAC;gBACtC,SAAS,CAAC,IAAI,CACZ,0BAA0B,GAAG,UAAU,GAAG,MAAM,EAChD,aAAa;oBACX,CAAC;oBACD,OAAO;oBACP,CAAC;oBACD,WAAW;AACX,oBAAA,IAAI,CAAC,KAAK;oBACV,YAAY;AACZ,oBAAA,IAAI,CAAC,MAAM;oBACX,QAAQ,EACV,eAAe,CAChB,CAAC;AACF,gBAAA,QAAQ,GAAG,6BAA6B,GAAG,UAAU,GAAG,KAAK,CAAC;AAC/D,aAAA;AACD,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;gBACxB,cAAc,GAAG,kCAAkC,CAAC;AACrD,aAAA;AACD,YAAA,WAAW,CAAC,IAAI,CACd,WAAW,EACX,cAAc,EACd,cAAc,EACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EACpB,OAAO,EACP,CAAC,GAAG,IAAI,CAAC,KAAK,EACd,OAAO,EACP,CAAC,GAAG,IAAI,CAAC,KAAK;;;;YAId,WAAW,EACX,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,EACrC,YAAY,EACZ,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,EAChC,cAAc,EACd,GAAG,EACH,QAAQ,EACR,aAAa,CACd,CAAC;AAEF,YAAA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE;AACvC,gBAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;AACzB,gBAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACjB,gBAAA,SAAS,GAAG;oBACV,UAAU;oBACV,KAAK;oBACL,CAAC;oBACD,OAAO;oBACP,CAAC;oBACD,WAAW;AACX,oBAAA,IAAI,CAAC,KAAK;oBACV,YAAY;AACZ,oBAAA,IAAI,CAAC,MAAM;oBACX,WAAW;oBACX,IAAI,CAAC,YAAY,EAAE;oBACnB,OAAO;iBACR,CAAC;AACF,gBAAA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AACtB,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACtD,aAAA;AAAM,iBAAA;gBACL,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AACtD,aAAA;AACD,YAAA,OAAO,SAAS,CAAC;SAClB;;AAGD;;;;AAIG;QACH,MAAM,EAAE,UAAU,QAAQ,EAAA;AACxB,YAAA,IAAI,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC;AAC/D,YAAA,IAAI,OAAO,EAAE;gBACX,IAAI,OAAO,CAAC,SAAS,EAAE;AACrB,oBAAA,OAAO,OAAO,CAAC,SAAS,EAAE,CAAC;AAC5B,iBAAA;gBAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,oBAAA,OAAO,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACpC,iBAAA;AAAM,qBAAA;oBACL,OAAO,OAAO,CAAC,GAAG,CAAC;AACpB,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;AACvB,aAAA;SACF;AAED;;;;;;;;;AASG;AACH,QAAA,MAAM,EAAE,UAAU,GAAG,EAAE,OAAO,EAAA;YAC5B,IAAI,KAAK,GAAG,IAAI,CAAC;AACjB,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAA;AAC3D,gBAAA,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;gBAC/B,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,gBAAA,OAAO,KAAK,CAAC;AACf,aAAC,CAAC,CAAC;SACJ;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,0BAA0B,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC;SAC5D;AAED,QAAA,kBAAkB,EAAE,YAAA;AAClB,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,EAC5B,YAAY,GAAG,IAAI,CAAC,mBAAmB,EACvC,WAAW,GAAG,IAAI,CAAC,qBAAqB,EAAE,EAC1C,MAAM,GAAG,WAAW,CAAC,CAAC,EACtB,MAAM,GAAG,WAAW,CAAC,CAAC,EACtB,eAAe,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC;YAC9D,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzB,aAAA;AACD,YAAA,IAAI,CAAC,MAAM,KAAK,MAAM,GAAG,YAAY,IAAI,MAAM,GAAG,YAAY,CAAC,EAAE;AAC/D,gBAAA,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;AAChC,gBAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;AACzB,gBAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;AACzB,gBAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,gBAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;gBAC1B,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;AACzB,gBAAA,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC;AACnD,aAAA;AACD,YAAA,IAAI,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAC9C,QAAQ,GAAG,IAAI,CAAC,WAAW;AACzB,kBAAE,IAAI,CAAC,QAAQ,GAAG,WAAW;AAC7B,kBAAE,IAAI,CAAC,QAAQ,EACjB,WAAW,GAAG,eAAe,CAAC,KAAK,EACnC,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AACxC,YAAA,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC;AAC7B,YAAA,QAAQ,CAAC,MAAM,GAAG,YAAY,CAAC;AAC/B,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1C,MAAM,CAAC,aAAa,CAAC,YAAY,CAC/B,CAAC,MAAM,CAAC,EACR,eAAe,EACf,WAAW,EACX,YAAY,EACZ,IAAI,CAAC,QAAQ,EACb,QAAQ,CACT,CAAC;AACF,YAAA,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;AACpE,YAAA,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;SACvE;AAED;;;;;;;AAOG;QACH,YAAY,EAAE,UAAU,OAAO,EAAA;YAC7B,OAAO,GAAG,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;AACxC,YAAA,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,MAAM,EAAA;AACvC,gBAAA,OAAO,MAAM,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;AAC5C,aAAC,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;;YAGxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC;AAEhD,YAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACxB,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC;AACtC,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,gBAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;AACzB,gBAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;AACzB,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YAED,IAAI,UAAU,GAAG,IAAI,CAAC,gBAAgB,EACpC,WAAW,GAAG,UAAU,CAAC,YAAY,IAAI,UAAU,CAAC,KAAK,EACzD,YAAY,GAAG,UAAU,CAAC,aAAa,IAAI,UAAU,CAAC,MAAM,CAAC;AAE/D,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,gBAAgB,EAAE;;gBAE3C,IAAI,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;AACjD,gBAAA,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC;AAC7B,gBAAA,QAAQ,CAAC,MAAM,GAAG,YAAY,CAAC;AAC/B,gBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACzB,gBAAA,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC7B,aAAA;AAAM,iBAAA;;;AAGL,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC;AACjC,gBAAA,IAAI,CAAC,WAAW;qBACb,UAAU,CAAC,IAAI,CAAC;qBAChB,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;;AAE9C,gBAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AACrB,gBAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AACtB,aAAA;AACD,YAAA,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;AACzB,gBAAA,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC;AACnD,aAAA;YACD,MAAM,CAAC,aAAa,CAAC,YAAY,CAC/B,OAAO,EACP,IAAI,CAAC,gBAAgB,EACrB,WAAW,EACX,YAAY,EACZ,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,QAAQ,CACd,CAAC;YACF,IACE,IAAI,CAAC,gBAAgB,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK;gBACnD,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,EACrD;AACA,gBAAA,IAAI,CAAC,eAAe;oBAClB,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;AACpD,gBAAA,IAAI,CAAC,eAAe;oBAClB,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;AACvD,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;AACpB,YAAA,GAAG,CAAC,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC;AAChD,YAAA,IACE,IAAI,CAAC,QAAQ,KAAK,IAAI;AACtB,gBAAA,IAAI,CAAC,YAAY;gBACjB,IAAI,CAAC,YAAY,EAAE,EACnB;gBACA,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC3B,aAAA;AACD,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAClB,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;SAC/B;AAED;;;;AAIG;QACH,iBAAiB,EAAE,UAAU,GAAG,EAAA;AAC9B,YAAA,GAAG,CAAC,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC;YAChDA,uBAAY,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;SAC1D;AAED;;;;;;;;;;AAUG;AACH,QAAA,WAAW,EAAE,YAAA;AACX,YAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAChC;QAED,WAAW,EAAE,UAAU,GAAG,EAAA;AACxB,YAAA,IAAI,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;YAClC,IAAI,CAAC,aAAa,EAAE;gBAClB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,eAAe,EAC/B,MAAM,GAAG,IAAI,CAAC,eAAe,EAC7B,CAAC,GAAG,IAAI,CAAC,KAAK,EACd,CAAC,GAAG,IAAI,CAAC,MAAM,EACf,GAAG,GAAG,IAAI,CAAC,GAAG,EACd,GAAG,GAAG,IAAI,CAAC,GAAG;;YAEd,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAC1B,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAC1B,OAAO,GAAG,aAAa,CAAC,YAAY,IAAI,aAAa,CAAC,KAAK,EAC3D,QAAQ,GAAG,aAAa,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,EAC9D,EAAE,GAAG,KAAK,GAAG,MAAM,EACnB,EAAE,GAAG,KAAK,GAAG,MAAM;;AAEnB,YAAA,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,EAClC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,QAAQ,GAAG,EAAE,CAAC,EACnC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EACV,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EACV,QAAQ,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,EAC3C,QAAQ,GAAG,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC;YAE/C,aAAa;gBACX,GAAG,CAAC,SAAS,CACX,aAAa,EACb,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,CAAC,EACD,QAAQ,EACR,QAAQ,CACT,CAAC;SACL;AAED;;;AAGG;AACH,QAAA,YAAY,EAAE,YAAA;AACZ,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;AACzC,YAAA,OAAO,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC;SACrE;AAED;;AAEG;AACH,QAAA,iBAAiB,EAAE,YAAA;YACjB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;SAClC;AAED;;;;;;AAMG;AACH,QAAA,YAAY,EAAE,UAAU,OAAO,EAAE,OAAO,EAAA;AACtC,YAAA,IAAI,CAAC,UAAU,CACb,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,OAAO,EAClD,OAAO,CACR,CAAC;SACH;AAED;;;AAGG;QACH,WAAW,EAAE,UAAU,OAAO,EAAA;AAC5B,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;AAC1B,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAC/B;AAED;;;;;AAKG;QACH,eAAe,EAAE,UAAU,OAAO,EAAA;AAChC,YAAA,OAAO,KAAK,OAAO,GAAG,EAAE,CAAC,CAAC;AAC1B,YAAA,IAAI,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AAC3B,YAAA,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,YAAY,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAC/D,YAAA,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,aAAa,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;SACpE;AAED;;;;;AAKG;AACH,QAAA,iCAAiC,EAAE,YAAA;AACjC,YAAA,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,iCAAiC,CACnD,IAAI,CAAC,mBAAmB,IAAI,EAAE,CAC/B,EACD,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAC5B,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAC9B,MAAM,GAAG,CAAC,EACV,MAAM,GAAG,CAAC,EACV,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,CAAC,EACT,MAAM,EACN,MAAM,GAAG,IAAI,CAAC,KAAK,EACnB,OAAO,GAAG,IAAI,CAAC,MAAM,EACrB,gBAAgB,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AACxD,YAAA,IAAI,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE;AAC3D,gBAAA,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,EAAE;AAC9B,oBAAA,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAC1C,IAAI,CAAC,QAAQ,EACb,gBAAgB,CACjB,CAAC;oBACF,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC;AACxC,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;wBACxB,UAAU,GAAG,CAAC,MAAM,CAAC;AACtB,qBAAA;AACD,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;wBACxB,UAAU,GAAG,MAAM,CAAC;AACrB,qBAAA;oBACD,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,GAAG,MAAM,IAAI,CAAC,CAAC;AAC1C,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;wBACxB,SAAS,GAAG,CAAC,MAAM,CAAC;AACrB,qBAAA;AACD,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;wBACxB,SAAS,GAAG,MAAM,CAAC;AACpB,qBAAA;AACF,iBAAA;AACD,gBAAA,IAAI,GAAG,CAAC,WAAW,KAAK,OAAO,EAAE;AAC/B,oBAAA,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAC5C,IAAI,CAAC,QAAQ,EACb,gBAAgB,CACjB,CAAC;AACF,oBAAA,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAClC,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;AACxB,wBAAA,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC;AACpB,qBAAA;AACD,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;wBACxB,KAAK,GAAG,MAAM,CAAC;AAChB,qBAAA;AACD,oBAAA,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AACpC,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;AACxB,wBAAA,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC;AACpB,qBAAA;AACD,oBAAA,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE;wBACxB,KAAK,GAAG,MAAM,CAAC;AAChB,qBAAA;AACD,oBAAA,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AACzB,oBAAA,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5B,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AACzB,gBAAA,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAC5B,aAAA;YACD,OAAO;AACL,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,UAAU,EAAE,UAAU;AACtB,gBAAA,SAAS,EAAE,SAAS;AACpB,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,KAAK,EAAE,KAAK;aACb,CAAC;SACH;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC;AAEvC;;;AAGG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;AAEjE;;;;;;;AAOG;IACH,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,MAAM,EAAE,OAAO,EAAA;QACjD,IAAI,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EACrC,OAAO,GAAG,OAAO,CAAC,OAAO,EACzB,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;;QAEtC,OAAO,OAAO,CAAC,YAAY,CAAC;QAC5B,OAAO,OAAO,CAAC,OAAO,CAAC;QACvB,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE;YAC1C,WAAW,EAAE,OAAO,CAAC,WAAW;SACjC,CAAC,EACF,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE;AACzC,YAAA,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;AAChC,SAAA,CAAC,CAAC;QACL,OAAO,OAAO,CAAC,GAAG,CAAC;YACjB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,YAAY,CAAC;YAChD,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC;AAC7D,YAAA,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC;YACzE,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,OAAO,EAAE,OAAO,CAAC;AACtD,SAAA,CAAC,CAAC,IAAI,CAAC,UAAU,aAAa,EAAA;YAC7B,OAAO,CAAC,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AACzC,YAAA,OAAO,CAAC,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/D,OAAO,IAAI,MAAM,CAAC,KAAK,CACrB,aAAa,CAAC,CAAC,CAAC,EAChB,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CACzC,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF;;;;;;;;AAQG;IACH,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,OAAO,EAAA;AAC3C,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAA;YACjE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACxC,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;;AAGF;;;;AAIG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAC5D,6EAA6E,CAAC,KAAK,CACjF,GAAG,CACJ,CACF,CAAC;AAEF;;;;;;;;AAQG;IACH,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAA;AAC7D,QAAA,IAAI,gBAAgB,GAAG,MAAM,CAAC,eAAe,CAC3C,OAAO,EACP,MAAM,CAAC,KAAK,CAAC,eAAe,CAC7B,CAAC;QACF,MAAM,CAAC,KAAK,CAAC,OAAO,CAClB,gBAAgB,CAAC,YAAY,CAAC,EAC9B,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,IAAI,EAAE,EAAE,gBAAgB,CAAC,CACnD,CAAC,IAAI,CAAC,UAAU,WAAW,EAAA;YAC1B,QAAQ,CAAC,WAAW,CAAC,CAAC;AACxB,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;;AAEJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACn2BrD;AAGA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvBA,uBAAY,CAAC,SAAS;AACtB,yCAAqC;AACnC;;;AAGG;AACH,QAAA,2BAA2B,EAAE,YAAA;AAC3B,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;YAC7B,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,gBAAA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC;AAC1C,aAAA;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;SACpC;AAED;;;;AAIG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,2BAA2B,EAAE,CAAC,CAAC;SACxD;AAED;;;;;;AAMG;QACH,YAAY,EAAE,UAAU,SAAS,EAAA;AAC/B,YAAA,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;YAE5B,IAAI,KAAK,GAAG,YAAA,GAAc,EACxB,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,KAAK,EAC1C,QAAQ,GAAG,SAAS,CAAC,QAAQ,IAAI,KAAK,EACtC,KAAK,GAAG,IAAI,CAAC;AAEf,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AACzB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B,gBAAA,QAAQ,EAAE,IAAI,CAAC,2BAA2B,EAAE;gBAC5C,QAAQ,EAAE,IAAI,CAAC,WAAW;gBAC1B,QAAQ,EAAE,UAAU,KAAK,EAAA;AACvB,oBAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpB,oBAAA,QAAQ,EAAE,CAAC;iBACZ;AACD,gBAAA,UAAU,EAAE,YAAA;oBACV,KAAK,CAAC,SAAS,EAAE,CAAC;AAClB,oBAAA,UAAU,EAAE,CAAC;iBACd;AACF,aAAA,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;IAEF,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,YAAY,CAAC,SAAS;AAC7B,gDAA4C;AAC1C;;;;;AAKG;QACH,gBAAgB,EAAE,UAAU,MAAM,EAAA;YAChC,MAAM,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACxB,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;QACH,kBAAkB,EAAE,UAAU,MAAM,EAAA;YAClC,OAAO,MAAM,CAAC,YAAY,CAAC;gBACzB,QAAQ,EAAE,IAAI,CAAC,qBAAqB;AACrC,aAAA,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACzFrD;AAWA;;;AAGG;AACH,MAAM,cAAc,GAAG;;;;CAItB,CAAC;AAEF;;AAEG;AACH,MAAM,UAAU,CAAA;AAAhB,IAAA,WAAA,GAAA;QACU,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;KAsD7B;AAhDC,IAAA,IAAI,cAAc,GAAA;QAChB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;AAED,IAAA,IAAI,cAAc,GAAA;QAChB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;AAED;;;;;AAKG;IACK,aAAa,CAAC,EAAyB,EAAE,SAA0B,EAAA;AACzE,QAAA,MAAM,cAAc,GAAG,CAAa,UAAA,EAAA,SAAS,wBAAwB,CAAC;QACtE,MAAM,cAAc,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;AAC3D,QAAA,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAChD,QAAA,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AACjC,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;KACnE;AAED;;;AAGG;IACK,UAAU,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,WAAW,IAAIF,QAAM,CAAC,YAAY,EAAE;YAC3C,OAAO;AACR,SAAA;AACD,QAAA,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;AACrC,QAAA,MAAM,EAAE,GACN,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AACxE,QAAA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;YAC5D,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,KAC7C,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,GAAG,CAAC,CAC5B,CAAC;YACF,OAAO,CAAC,GAAG,CAAC,CAAA,yBAAA,EAA4B,IAAI,CAAC,eAAe,CAAE,CAAA,CAAC,CAAC;AACjE,SAAA;AACD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KACzB;AAED,IAAA,WAAW,CAAC,WAAmB,EAAA;QAC7B,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,IAAI,WAAW,CAAC;KAClE;AACF,CAAA;AAEM,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE;;ACjF1C;AAKA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAE3B,MAAM,CAAC,iBAAiB,GAAG,YAAA;QACzB,IACE,MAAM,CAAC,iBAAiB;AACxB,YAAA,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,EAC1C;AACA,YAAA,OAAO,IAAI,MAAM,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,SAAA;aAAM,IAAI,MAAM,CAAC,qBAAqB,EAAE;AACvC,YAAA,OAAO,IAAI,MAAM,CAAC,qBAAqB,EAAE,CAAC;AAC3C,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;AAE/C;;AAEG;IACH,SAAS,kBAAkB,CAAC,OAAO,EAAA;AACjC,QAAA,IAAI,OAAO,IAAI,OAAO,CAAC,QAAQ,EAAE;AAC/B,YAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;AAClC,SAAA;QACD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;AAED,IAAA,kBAAkB,CAAC,SAAS;AAC1B,0DAAkD;YAChD,QAAQ,EAAE,MAAM,CAAC,WAAW;AAE5B;;;;;;AAMI;AACJ,YAAA,SAAS,EAAE,EAAE;AAEb;;AAEG;AACH,YAAA,cAAc,EAAE,UAAU,KAAK,EAAE,MAAM,EAAA;gBACrC,IAAI,CAAC,OAAO,EAAE,CAAC;AACf,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;;gBAEtC,IAAI,CAAC,SAAS,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5D,gBAAA,IAAI,CAAC,6BAA6B,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;aACnD;AAED;;;AAGG;AACH,YAAA,6BAA6B,EAAE,UAAU,KAAK,EAAE,MAAM,EAAA;gBACpD,IAAI,cAAc,GAAG,OAAO,MAAM,CAAC,WAAW,KAAK,WAAW,EAC5D,eAAe,CAAC;gBAClB,IAAI;AACF,oBAAA,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBACpB,eAAe,GAAG,IAAI,CAAC;AACxB,iBAAA;AAAC,gBAAA,OAAO,CAAC,EAAE;oBACV,eAAe,GAAG,KAAK,CAAC;AACzB,iBAAA;;AAED,gBAAA,IAAI,iBAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC;;AAE3D,gBAAA,IAAI,kBAAkB,GAAG,OAAO,iBAAiB,KAAK,WAAW,CAAC;gBAElE,IACE,EACE,cAAc;oBACd,eAAe;oBACf,iBAAiB;AACjB,oBAAA,kBAAkB,CACnB,EACD;oBACA,OAAO;AACR,iBAAA;gBAED,IAAI,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;;gBAErD,IAAI,WAAW,GAAG,IAAI,WAAW,CAAC,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;gBACtD,IAAI,MAAM,CAAC,mBAAmB,EAAE;AAC9B,oBAAA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/B,oBAAA,IAAI,CAAC,UAAU,GAAG,sBAAsB,CAAC;oBACzC,OAAO;AACR,iBAAA;AACD,gBAAA,IAAI,WAAW,GAAG;AAChB,oBAAA,WAAW,EAAE,WAAW;AACxB,oBAAA,gBAAgB,EAAE,KAAK;AACvB,oBAAA,iBAAiB,EAAE,MAAM;AACzB,oBAAA,YAAY,EAAE,YAAY;iBAC3B,CAAC;AACF,gBAAA,IAAI,SAAS,EAAE,aAAa,EAAE,gBAAgB,CAAC;AAC/C,gBAAA,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC;AAC3B,gBAAA,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC;AAE7B,gBAAA,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;gBACrC,mBAAmB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;gBAC5D,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;AAErD,gBAAA,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;gBACrC,sBAAsB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;gBAC/D,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;gBAExD,IAAI,aAAa,GAAG,gBAAgB,EAAE;AACpC,oBAAA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/B,oBAAA,IAAI,CAAC,UAAU,GAAG,sBAAsB,CAAC;AAC1C,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC;AACvC,iBAAA;aACF;AAED;;;AAGG;AACH,YAAA,iBAAiB,EAAE,UAAU,KAAK,EAAE,MAAM,EAAA;gBACxC,IAAI,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC/C,gBAAA,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AACrB,gBAAA,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AACvB,gBAAA,IAAI,SAAS,GAAG;AACZ,oBAAA,KAAK,EAAE,IAAI;AACX,oBAAA,kBAAkB,EAAE,KAAK;AACzB,oBAAA,KAAK,EAAE,KAAK;AACZ,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,SAAS,EAAE,KAAK;iBACjB,EACD,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;gBAC7C,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;AACzD,iBAAA;gBACD,IAAI,CAAC,EAAE,EAAE;oBACP,OAAO;AACR,iBAAA;gBACD,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;;AAE1B,gBAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AACrB,gBAAA,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;aACd;AAED;;;;;;;;;;;AAWG;AACH,YAAA,YAAY,EAAE,UACZ,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,YAAY,EACZ,QAAQ,EAAA;AAER,gBAAA,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;AACjB,gBAAA,IAAI,aAAa,CAAC;AAClB,gBAAA,IAAI,QAAQ,EAAE;oBACZ,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACzD,iBAAA;AACD,gBAAA,IAAI,aAAa,GAAG;AAClB,oBAAA,aAAa,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,aAAa;AACnD,oBAAA,cAAc,EAAE,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc;AACtD,oBAAA,WAAW,EAAE,KAAK;AAClB,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,gBAAgB,EAAE,KAAK;AACvB,oBAAA,iBAAiB,EAAE,MAAM;AACzB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,CAC/B,EAAE,EACF,KAAK,EACL,MAAM,EACN,CAAC,aAAa,IAAI,MAAM,CACzB;oBACD,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC;AACpD,oBAAA,eAAe,EACb,aAAa;AACb,wBAAA,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,aAAa,IAAI,MAAM,CAAC;oBACjE,MAAM,EAAE,OAAO,CAAC,MAAM;AACtB,oBAAA,KAAK,EAAE,IAAI;oBACX,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,YAAY,EAAE,IAAI,CAAC,YAAY;AAC/B,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,aAAa,EAAE,IAAI;AACnB,oBAAA,YAAY,EAAE,YAAY;iBAC3B,CAAC;AACF,gBAAA,IAAI,OAAO,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC;gBACrC,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAC5C,gBAAA,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM,EAAA;AAC9B,oBAAA,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAC1C,iBAAC,CAAC,CAAC;gBACH,oBAAoB,CAAC,aAAa,CAAC,CAAC;AACpC,gBAAA,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;gBACnC,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AACpC,gBAAA,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAC9C,gBAAA,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAC9C,gBAAA,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC9B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7D,gBAAA,OAAO,aAAa,CAAC;aACtB;AAED;;AAEG;AACH,YAAA,OAAO,EAAE,YAAA;gBACP,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,oBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;AACnB,oBAAA,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,iBAAA;gBACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;aACzB;AAED;;AAEG;AACH,YAAA,gBAAgB,EAAE,YAAA;AAChB,gBAAA,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;aACxB;AAED;;;;;;;;;;AAUG;YACH,aAAa,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAA;AAC5D,gBAAA,IAAI,OAAO,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC;gBACjC,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACvC,gBAAA,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;AACnE,gBAAA,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;AACnE,gBAAA,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC;AACrE,gBAAA,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC;AACrE,gBAAA,IAAI,kBAAkB,EAAE;oBACtB,EAAE,CAAC,UAAU,CACX,EAAE,CAAC,UAAU,EACb,CAAC,EACD,EAAE,CAAC,IAAI,EACP,EAAE,CAAC,IAAI,EACP,EAAE,CAAC,aAAa,EAChB,kBAAkB,CACnB,CAAC;AACH,iBAAA;AAAM,qBAAA;AACL,oBAAA,EAAE,CAAC,UAAU,CACX,EAAE,CAAC,UAAU,EACb,CAAC,EACD,EAAE,CAAC,IAAI,EACP,KAAK,EACL,MAAM,EACN,CAAC,EACD,EAAE,CAAC,IAAI,EACP,EAAE,CAAC,aAAa,EAChB,IAAI,CACL,CAAC;AACH,iBAAA;AACD,gBAAA,OAAO,OAAO,CAAC;aAChB;AAED;;;;;;;;AAQG;AACH,YAAA,gBAAgB,EAAE,UAAU,QAAQ,EAAE,kBAAkB,EAAA;AACtD,gBAAA,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE;AAC/B,oBAAA,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACpC,iBAAA;AAAM,qBAAA;oBACL,IAAI,OAAO,GAAG,IAAI,CAAC,aAAa,CAC9B,IAAI,CAAC,EAAE,EACP,kBAAkB,CAAC,KAAK,EACxB,kBAAkB,CAAC,MAAM,EACzB,kBAAkB,CACnB,CAAC;AACF,oBAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC;AACtC,oBAAA,OAAO,OAAO,CAAC;AAChB,iBAAA;aACF;AAED;;;;;AAKG;YACH,iBAAiB,EAAE,UAAU,QAAQ,EAAA;AACnC,gBAAA,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE;AAC/B,oBAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnD,oBAAA,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACpC,iBAAA;aACF;AAED,YAAA,UAAU,EAAE,mBAAmB;AAE/B;;;;;;AAMG;AACH,YAAA,cAAc,EAAE,YAAA;gBACd,IAAI,IAAI,CAAC,OAAO,EAAE;oBAChB,OAAO,IAAI,CAAC,OAAO,CAAC;AACrB,iBAAA;AACD,gBAAA,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,EACd,OAAO,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;gBACzC,IAAI,CAAC,EAAE,EAAE;AACP,oBAAA,OAAO,OAAO,CAAC;AAChB,iBAAA;gBACD,IAAI,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC;AACvD,gBAAA,IAAI,GAAG,EAAE;oBACP,IAAI,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;oBAC5D,IAAI,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;AACxD,oBAAA,IAAI,QAAQ,EAAE;AACZ,wBAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;AAC3C,qBAAA;AACD,oBAAA,IAAI,MAAM,EAAE;AACV,wBAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;AACvC,qBAAA;AACF,iBAAA;AACD,gBAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACvB,gBAAA,OAAO,OAAO,CAAC;aAChB;SACF,CAAC;AACN,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAEtD,SAAS,oBAAoB,CAAC,aAAa,EAAA;AACzC,IAAA,IAAI,YAAY,GAAG,aAAa,CAAC,YAAY,EAC3C,KAAK,GAAG,YAAY,CAAC,KAAK,EAC1B,MAAM,GAAG,YAAY,CAAC,MAAM,EAC5B,MAAM,GAAG,aAAa,CAAC,gBAAgB,EACvC,OAAO,GAAG,aAAa,CAAC,iBAAiB,CAAC;AAE5C,IAAA,IAAI,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,EAAE;AAC1C,QAAA,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC;AAC5B,QAAA,YAAY,CAAC,MAAM,GAAG,OAAO,CAAC;AAC/B,KAAA;AACH,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,mBAAmB,CAAC,EAAE,EAAE,aAAa,EAAA;IAC5C,IAAI,QAAQ,GAAG,EAAE,CAAC,MAAM,EACtB,YAAY,GAAG,aAAa,CAAC,YAAY,EACzC,GAAG,GAAG,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACtC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;IAEjB,IAAI,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;AACpD,IAAA,GAAG,CAAC,SAAS,CACX,QAAQ,EACR,CAAC,EACD,OAAO,EACP,YAAY,CAAC,KAAK,EAClB,YAAY,CAAC,MAAM,EACnB,CAAC,EACD,CAAC,EACD,YAAY,CAAC,KAAK,EAClB,YAAY,CAAC,MAAM,CACpB,CAAC;AACJ,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,sBAAsB,CAAC,EAAE,EAAE,aAAa,EAAA;AAC/C,IAAA,IAAI,YAAY,GAAG,aAAa,CAAC,YAAY,EAC3C,GAAG,GAAG,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EACnC,MAAM,GAAG,aAAa,CAAC,gBAAgB,EACvC,OAAO,GAAG,aAAa,CAAC,iBAAiB,EACzC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC;;AAGlC,IAAA,IAAI,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;;AAEvD,IAAA,IAAI,SAAS,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IAErE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IACpE,IAAI,OAAO,GAAG,IAAI,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACxD,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClC;;AC9ZA;AACA,CAAC,UAAU,MAAM,EAAA;IACf,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,IAAI,GAAG,YAAa,GAAC,CAAC;AAExB,IAAA,MAAM,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;AAErD;;AAEG;IACH,SAAS,qBAAqB,MAAK;AAEnC,IAAA,qBAAqB,CAAC,SAAS;AAC7B,6DAAqD;AACnD,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,gBAAgB,EAAE,IAAI;AAEtB;;;;;;AAMI;AACJ,YAAA,SAAS,EAAE,EAAE;AAEb;;;;;;;;;AASG;YACH,YAAY,EAAE,UACZ,OAAO,EACP,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,EAAA;gBAEZ,IAAI,GAAG,GAAG,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACxC,gBAAA,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;AAC9D,gBAAA,IAAI,SAAS,GAAG,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;AAClE,gBAAA,IAAI,iBAAiB,GAAG,GAAG,CAAC,YAAY,CACtC,CAAC,EACD,CAAC,EACD,WAAW,EACX,YAAY,CACb,CAAC;AACF,gBAAA,IAAI,aAAa,GAAG;AAClB,oBAAA,WAAW,EAAE,WAAW;AACxB,oBAAA,YAAY,EAAE,YAAY;AAC1B,oBAAA,SAAS,EAAE,SAAS;AACpB,oBAAA,UAAU,EAAE,aAAa;AACzB,oBAAA,iBAAiB,EAAE,iBAAiB;AACpC,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,aAAa,EAAE,IAAI;iBACpB,CAAC;AACF,gBAAA,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM,EAAA;AAC9B,oBAAA,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAChC,iBAAC,CAAC,CAAC;AACH,gBAAA,IACE,aAAa,CAAC,SAAS,CAAC,KAAK,KAAK,WAAW;AAC7C,oBAAA,aAAa,CAAC,SAAS,CAAC,MAAM,KAAK,YAAY,EAC/C;oBACA,YAAY,CAAC,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC;oBACnD,YAAY,CAAC,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC;AACtD,iBAAA;gBACD,GAAG,CAAC,YAAY,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAChD,gBAAA,OAAO,aAAa,CAAC;aACtB;SACF,CAAC;AACN,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC7ErD;AAIA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;AAElD;;;;AAIG;IACH,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW;AACvD,4DAAwD;AACtD;;;;AAIG;AACH,QAAA,IAAI,EAAE,YAAY;AAElB;;;AAGG;AAEH,QAAA,YAAY,EACV,6BAA6B;YAC7B,2BAA2B;YAC3B,iBAAiB;YACjB,0BAA0B;YAC1B,wDAAwD;YACxD,GAAG;AAEL,QAAA,cAAc,EACZ,0BAA0B;YAC1B,2BAA2B;YAC3B,+BAA+B;YAC/B,iBAAiB;YACjB,kDAAkD;YAClD,GAAG;AAEL;;;AAGG;QACH,UAAU,EAAE,UAAU,OAAO,EAAA;AAC3B,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1B,aAAA;SACF;AAED;;;AAGG;QACH,UAAU,EAAE,UAAU,OAAO,EAAA;AAC3B,YAAA,KAAK,IAAI,IAAI,IAAI,OAAO,EAAE;gBACxB,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAC5B,aAAA;SACF;AAED;;;;;;AAMG;AACH,QAAA,aAAa,EAAE,UAAU,EAAE,EAAE,cAAc,EAAE,YAAY,EAAA;AACvD,YAAA,cAAc,GAAG,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC;AACvD,YAAA,YAAY,GAAG,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC;AACjD,YAAA,IAAI,UAAU,CAAC,cAAc,KAAA,OAAA,6BAA2B;gBACtD,cAAc,GAAG,cAAc,CAAC,OAAO,CACrC,IAAI,MAAM,CAAC,CAAa,UAAA,EAAA,OAAA,mCAA4B,EAAE,GAAG,CAAC,EAC1D,CAAA,UAAA,EAAa,UAAU,CAAC,cAAc,CAAQ,MAAA,CAAA,CAC/C,CAAC;AACH,aAAA;YACD,IAAI,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AACrD,YAAA,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC5C,YAAA,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YAC/B,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE;AAC3D,gBAAA,MAAM,IAAI,KAAK;;gBAEb,kCAAkC;AAChC,oBAAA,IAAI,CAAC,IAAI;oBACT,IAAI;AACJ,oBAAA,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,CACpC,CAAC;AACH,aAAA;YAED,IAAI,cAAc,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;AACzD,YAAA,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAChD,YAAA,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;YACjC,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE;AAC7D,gBAAA,MAAM,IAAI,KAAK;;gBAEb,oCAAoC;AAClC,oBAAA,IAAI,CAAC,IAAI;oBACT,IAAI;AACJ,oBAAA,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CACtC,CAAC;AACH,aAAA;AAED,YAAA,IAAI,OAAO,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC;AACjC,YAAA,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AACvC,YAAA,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AACzC,YAAA,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACxB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE;AACpD,gBAAA,MAAM,IAAI,KAAK;;gBAEb,uCAAuC;AACrC,oBAAA,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAChC,CAAC;AACH,aAAA;YAED,IAAI,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AACjE,YAAA,IAAI,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACnE,gBAAgB,CAAC,MAAM,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACnE,gBAAgB,CAAC,MAAM,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACnE,OAAO;AACL,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,kBAAkB,EAAE,kBAAkB;AACtC,gBAAA,gBAAgB,EAAE,gBAAgB;aACnC,CAAC;SACH;AAED;;;;;;AAMG;AACH,QAAA,qBAAqB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YAC1C,OAAO;gBACL,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC;aACtD,CAAC;SACH;AAED;;;;;;;;AAQG;QACH,mBAAmB,EAAE,8BAA2B;;AAE9C,YAAA,OAAO,EAAE,CAAC;SACX;AAED;;;;;AAKG;AACH,QAAA,iBAAiB,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAA;AAChE,YAAA,IAAI,iBAAiB,GAAG,kBAAkB,CAAC,SAAS,CAAC;AACrD,YAAA,IAAI,MAAM,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;YAC/B,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACvC,YAAA,EAAE,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;AAC9C,YAAA,EAAE,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpE,YAAA,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC;SAC/D;QAED,iBAAiB,EAAE,UAAU,OAAO,EAAA;YAClC,IAAI,EAAE,GAAG,OAAO,CAAC,OAAO,EACtB,KAAK,EACL,MAAM,CAAC;AACT,YAAA,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;AACtB,gBAAA,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC;AACjC,gBAAA,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;AACnC,gBAAA,IACE,OAAO,CAAC,WAAW,KAAK,KAAK;AAC7B,oBAAA,OAAO,CAAC,YAAY,KAAK,MAAM,EAC/B;AACA,oBAAA,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AACxC,oBAAA,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CACzD,EAAE,EACF,KAAK,EACL,MAAM,CACP,CAAC;AACH,iBAAA;gBACD,EAAE,CAAC,oBAAoB,CACrB,EAAE,CAAC,WAAW,EACd,EAAE,CAAC,iBAAiB,EACpB,EAAE,CAAC,UAAU,EACb,OAAO,CAAC,aAAa,EACrB,CAAC,CACF,CAAC;AACH,aAAA;AAAM,iBAAA;;gBAEL,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;gBACzC,EAAE,CAAC,MAAM,EAAE,CAAC;AACb,aAAA;SACF;QAED,aAAa,EAAE,UAAU,OAAO,EAAA;YAC9B,OAAO,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO,CAAC,IAAI,EAAE,CAAC;AACf,YAAA,IAAI,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC;AACjC,YAAA,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;AAC9C,YAAA,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;SAC9B;AAED;;;;;;AAMI;QACJ,cAAc,EAAE,0BAAuB;YACrC,IAAI,IAAI,GAAG,IAAI,CAAC,aAAa,EAC3B,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AACrD,YAAA,IAAI,IAAI,EAAE;gBACR,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;AAC/B,oBAAA,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,GAAI;AACvC,wBAAA,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;AACrC,4BAAA,OAAO,KAAK,CAAC;AACd,yBAAA;AACF,qBAAA;AACD,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AAAM,qBAAA;oBACL,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;AACpC,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;SACF;AAED;;;;;;;;;;;;AAYG;QACH,OAAO,EAAE,UAAU,OAAO,EAAA;YACxB,IAAI,OAAO,CAAC,KAAK,EAAE;AACjB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC3B,gBAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC7B,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB,aAAA;SACF;AAED;;;;;AAKG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;YAC/B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AACnD,gBAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACvE,aAAA;YACD,OAAO,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACxC;AAED;;;;;;;;;;;AAWG;QACH,YAAY,EAAE,UAAU,OAAO,EAAA;AAC7B,YAAA,IAAI,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;YACzB,IAAI,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC1C,IAAI,OAAO,CAAC,IAAI,KAAK,CAAC,IAAI,OAAO,CAAC,eAAe,EAAE;gBACjD,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;AACxD,aAAA;AAAM,iBAAA;gBACL,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;AACtD,aAAA;AACD,YAAA,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,iBAAiB,CACpB,EAAE,EACF,MAAM,CAAC,kBAAkB,EACzB,OAAO,CAAC,SAAS,CAClB,CAAC;AAEF,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AACtE,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;YAEvE,IAAI,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAClD,YAAA,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;YACvE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;SACxC;AAED,QAAA,qBAAqB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA;AACvD,YAAA,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YAC9B,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;;AAEvC,YAAA,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;SAC/B;AAED,QAAA,uBAAuB,EAAE,UAAU,EAAE,EAAE,WAAW,EAAA;AAChD,YAAA,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YAC9B,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AACpC,YAAA,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;SAC/B;AAED,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACjC;QAED,gBAAgB,EAAE,UAAU,KAAK,EAAA;AAC/B,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;SAClC;AAED;;;;;;;AAOG;QACH,eAAe,EAAE,uCAAoC;;SAEpD;AAED;;;AAGG;QACH,eAAe,EAAE,UAAU,OAAO,EAAA;AAChC,YAAA,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;gBACtB,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACjD,gBAAA,SAAS,CAAC,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC;AACtC,gBAAA,SAAS,CAAC,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;AACxC,gBAAA,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;AAC/B,aAAA;SACF;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;AACR,YAAA,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAC9B,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,KAAK,EAAE;gBACT,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;AAGG;AACH,QAAA,MAAM,EAAE,YAAA;;AAEN,YAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;SACxB;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;IACH,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;AAC3D,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AACxE,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACxYrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,IAAA,OAAO,CAAC,WAAW,GAAG,WAAW,CAC/B,OAAO,CAAC,UAAU;AAClB,6DAAyD;AACvD;;;;AAIG;AACH,QAAA,IAAI,EAAE,aAAa;AAEnB,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,2BAA2B;YAC3B,8BAA8B;YAC9B,4BAA4B;YAC5B,iBAAiB;YACjB,gDAAgD;YAChD,0BAA0B;YAC1B,wBAAwB;YACxB,yBAAyB;YACzB,GAAG;AAEL;;;;;;;AAOG;AACH,QAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAEpE,QAAA,aAAa,EAAE,QAAQ;AAEvB;;;;;AAKG;AACH,QAAA,UAAU,EAAE,IAAI;AAEhB;;;AAGG;QACH,UAAU,EAAE,UAAU,OAAO,EAAA;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;;YAEtC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACpC;AAED;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,CAAC,GAAG,IAAI,CAAC,MAAM,EACf,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAE/B,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE;AAC5B,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACZ,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,gBAAA,IAAI,UAAU,EAAE;AACd,oBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACtD,oBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC1D,oBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;AAC/D,iBAAA;AAAM,qBAAA;AACL,oBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,oBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACjE,oBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACT,wBAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACzD,oBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACT,wBAAA,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;AAC9D,oBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACT,wBAAA,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;AAC/D,iBAAA;AACF,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,cAAc,CAAC;gBAC5D,UAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC;aACzD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EACjB,MAAM,GAAG;gBACP,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,EAAE,CAAC;gBACL,CAAC,CAAC,EAAE,CAAC;gBACL,CAAC,CAAC,EAAE,CAAC;gBACL,CAAC,CAAC,EAAE,CAAC;gBACL,CAAC,CAAC,EAAE,CAAC;gBACL,CAAC,CAAC,EAAE,CAAC;gBACL,CAAC,CAAC,EAAE,CAAC;gBACL,CAAC,CAAC,EAAE,CAAC;aACN,EACD,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACzC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;YAClE,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;SACvD;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU;QACzC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC/KrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,CAAC,UAAU,GAAG,WAAW,CAC9B,OAAO,CAAC,UAAU;AAClB,4DAAwD;AACtD;;;;AAIG;AACH,QAAA,IAAI,EAAE,YAAY;AAElB;;AAEG;AACH,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,8BAA8B;YAC9B,2BAA2B;YAC3B,iBAAiB;YACjB,gDAAgD;YAChD,6BAA6B;YAC7B,yBAAyB;YACzB,GAAG;AAEL;;;;;;AAMG;AACH,QAAA,UAAU,EAAE,CAAC;AAEb;;;;AAIG;AACH,QAAA,aAAa,EAAE,YAAY;AAE3B;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE;gBACzB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,CAAC,EACD,GAAG,GAAG,IAAI,CAAC,MAAM,EACjB,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC;YACjD,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;gBAC3B,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC;AAC/B,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC;AACvC,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC;AACxC,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,WAAW,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,aAAa,CAAC;aAC3D,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;YAC7C,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;SAC7D;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU;QACxC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACpHrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CG;AACH,IAAA,OAAO,CAAC,SAAS,GAAG,WAAW,CAC7B,OAAO,CAAC,UAAU;AAClB,2DAAuD;AACrD;;;;AAIG;AACH,QAAA,IAAI,EAAE,WAAW;AAEjB;;AAEG;AACH,QAAA,MAAM,EAAE,KAAK;AAEb;;AAEG;AACH,QAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAEnC;;AAEG;AACH,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,6BAA6B;gBAC7B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,8DAA8D;gBAC9D,oFAAoF;gBACpF,KAAK;gBACL,KAAK;gBACL,yBAAyB;gBACzB,GAAG;AACL,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,6BAA6B;gBAC7B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,kEAAkE;gBAClE,4FAA4F;gBAC5F,KAAK;gBACL,KAAK;gBACL,mDAAmD;gBACnD,yBAAyB;gBACzB,2BAA2B;gBAC3B,GAAG;AACL,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,8BAA8B;gBAC9B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,kEAAkE;gBAClE,oFAAoF;gBACpF,KAAK;gBACL,KAAK;gBACL,yBAAyB;gBACzB,GAAG;AACL,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,8BAA8B;gBAC9B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,kEAAkE;gBAClE,4FAA4F;gBAC5F,KAAK;gBACL,KAAK;gBACL,mDAAmD;gBACnD,yBAAyB;gBACzB,2BAA2B;gBAC3B,GAAG;AACL,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,8BAA8B;gBAC9B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,kEAAkE;gBAClE,oFAAoF;gBACpF,KAAK;gBACL,KAAK;gBACL,yBAAyB;gBACzB,GAAG;AACL,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,8BAA8B;gBAC9B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,kEAAkE;gBAClE,4FAA4F;gBAC5F,KAAK;gBACL,KAAK;gBACL,mDAAmD;gBACnD,yBAAyB;gBACzB,2BAA2B;gBAC3B,GAAG;AACL,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,8BAA8B;gBAC9B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,kEAAkE;gBAClE,oFAAoF;gBACpF,KAAK;gBACL,KAAK;gBACL,yBAAyB;gBACzB,GAAG;AACL,YAAA,aAAa,EACX,0BAA0B;gBAC1B,+BAA+B;gBAC/B,8BAA8B;gBAC9B,yBAAyB;gBACzB,yBAAyB;gBACzB,2BAA2B;gBAC3B,iBAAiB;gBACjB,kCAAkC;gBAClC,0CAA0C;gBAC1C,0CAA0C;gBAC1C,kEAAkE;gBAClE,4FAA4F;gBAC5F,KAAK;gBACL,KAAK;gBACL,mDAAmD;gBACnD,yBAAyB;gBACzB,2BAA2B;gBAC3B,GAAG;AACN,SAAA;AAED;;;;;;AAMG;AAEH;;;;;AAKG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;AAC/B,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACzC,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACpE,IAAI,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YACjD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;AAClD,gBAAA,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,aAAa,CACjD,OAAO,CAAC,OAAO,EACf,YAAY,CACb,CAAC;AACH,aAAA;AACD,YAAA,OAAO,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;SACvC;AAED;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,OAAO,GAAG,IAAI,CAAC,MAAM,EACrB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAC5C,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,EAC/B,EAAE,GAAG,SAAS,CAAC,KAAK,EACpB,EAAE,GAAG,SAAS,CAAC,MAAM,EACrB,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,CAAC,EAC5C,GAAG,GAAG,MAAM,CAAC,IAAI;;AAEjB,YAAA,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EAC9B,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,MAAM,EACN,GAAG,EACH,GAAG,EACH,MAAM,EACN,EAAE,EACF,CAAC,EACD,CAAC,EACD,EAAE,EACF,EAAE,CAAC;YAEL,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;gBACvB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;oBACvB,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;;;oBAG1B,CAAC,GAAG,CAAC,CAAC;oBACN,CAAC,GAAG,CAAC,CAAC;oBACN,CAAC,GAAG,CAAC,CAAC;oBACN,CAAC,GAAG,CAAC,CAAC;oBAEN,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,EAAE;wBAC5B,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,EAAE;AAC5B,4BAAA,GAAG,GAAG,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC;AACxB,4BAAA,GAAG,GAAG,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC;;AAGxB,4BAAA,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,EAAE;gCAChD,SAAS;AACV,6BAAA;4BAED,MAAM,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;4BAC9B,EAAE,GAAG,OAAO,CAAC,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;AAE7B,4BAAA,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;4BACvB,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;4BAC3B,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;;4BAE3B,IAAI,CAAC,QAAQ,EAAE;gCACb,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;AAC5B,6BAAA;AACF,yBAAA;AACF,qBAAA;AACD,oBAAA,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAChB,oBAAA,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACpB,oBAAA,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBACpB,IAAI,CAAC,QAAQ,EAAE;AACb,wBAAA,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACrB,qBAAA;AAAM,yBAAA;AACL,wBAAA,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACpC,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;SAC5B;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,OAAO,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC;gBAClD,OAAO,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC;gBAClD,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC;gBACtD,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC;aAC/C,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;YAC7C,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACtD;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;gBACxC,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,aAAA,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU;QACvC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACtXrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;AAUG;AACH,IAAA,OAAO,CAAC,SAAS,GAAG,WAAW,CAC7B,OAAO,CAAC,UAAU;AAClB,2DAAuD;AACrD;;;;AAIG;AACH,QAAA,IAAI,EAAE,WAAW;AAEjB,QAAA,cAAc,EAAE;AACd,YAAA,OAAO,EACL,0BAA0B;gBAC1B,+BAA+B;gBAC/B,2BAA2B;gBAC3B,iBAAiB;gBACjB,gDAAgD;gBAChD,wDAAwD;gBACxD,4DAA4D;gBAC5D,GAAG;AACL,YAAA,SAAS,EACP,0BAA0B;gBAC1B,+BAA+B;gBAC/B,sBAAsB;gBACtB,2BAA2B;gBAC3B,iBAAiB;gBACjB,8CAA8C;gBAC9C,wFAAwF;gBACxF,0DAA0D;gBAC1D,GAAG;AACL,YAAA,UAAU,EACR,0BAA0B;gBAC1B,+BAA+B;gBAC/B,sBAAsB;gBACtB,2BAA2B;gBAC3B,iBAAiB;gBACjB,8CAA8C;gBAC9C,+DAA+D;gBAC/D,0DAA0D;gBAC1D,GAAG;AACN,SAAA;AAED;;;;AAIG;AACH,QAAA,IAAI,EAAE,SAAS;AAEf,QAAA,aAAa,EAAE,MAAM;AAErB;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;YAC1B,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,CAAC,EACD,GAAG,GAAG,IAAI,CAAC,MAAM,EACjB,KAAK,EACL,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;gBAC3B,IAAI,IAAI,KAAK,SAAS,EAAE;oBACtB,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;AACnD,iBAAA;qBAAM,IAAI,IAAI,KAAK,WAAW,EAAE;oBAC/B,KAAK;wBACH,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;4BAC1C,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7C,4BAAA,CAAC,CAAC;AACL,iBAAA;qBAAM,IAAI,IAAI,KAAK,YAAY,EAAE;oBAChC,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAClE,iBAAA;AACD,gBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAChB,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;AACpB,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;AACrB,aAAA;SACF;AAED;;;;;AAKG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;YAC/B,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;YAC3C,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;gBAClD,IAAI,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAClD,gBAAA,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,aAAa,CACjD,OAAO,CAAC,OAAO,EACf,YAAY,CACb,CAAC;AACH,aAAA;AACD,YAAA,OAAO,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;SACvC;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC;aAC/C,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;;YAE7C,IAAI,IAAI,GAAG,CAAC,CAAC;YACb,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SAC5C;AAED;;;;AAII;AACJ,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,OAAO,KAAK,CAAC;SACd;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU;QACvC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACjKrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;AAUG;AACH,IAAA,OAAO,CAAC,MAAM,GAAG,WAAW,CAC1B,OAAO,CAAC,UAAU;AAClB,wDAAoD;AAClD;;;;AAIG;AACH,QAAA,IAAI,EAAE,QAAQ;AAEd;;;;AAII;AACJ,QAAA,KAAK,EAAE,KAAK;AAEZ,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,wBAAwB;YACxB,uBAAuB;YACvB,2BAA2B;YAC3B,iBAAiB;YACjB,gDAAgD;YAChD,uBAAuB;YACvB,sBAAsB;YACtB,8EAA8E;YAC9E,YAAY;YACZ,yEAAyE;YACzE,KAAK;YACL,YAAY;YACZ,yBAAyB;YACzB,KAAK;YACL,GAAG;AAEL;;;;AAIG;AACH,QAAA,MAAM,EAAE,IAAI;AAEZ,QAAA,aAAa,EAAE,QAAQ;AAEvB;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,CAAC,EACD,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;YACpB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;gBAC3B,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACxB,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChC,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAEhC,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,oBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACjC,iBAAA;AACF,aAAA;SACF;AAED;;;;;AAKI;AACJ,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;SACrB;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,OAAO,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC;gBAClD,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;aACjD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;YAC7C,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACpD,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACnD;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU;QACpC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AClIrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;;AAcG;AACH,IAAA,OAAO,CAAC,KAAK,GAAG,WAAW,CACzB,OAAO,CAAC,UAAU;AAClB,uDAAmD;AACjD;;;;AAIG;AACH,QAAA,IAAI,EAAE,OAAO;AAEb;;AAEG;AACH,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,yBAAyB;YACzB,yBAAyB;YACzB,wBAAwB;YACxB,2BAA2B;YAC3B,mDAAmD;YACnD,sGAAsG;YACtG,KAAK;YACL,iBAAiB;YACjB,gDAAgD;YAChD,uEAAuE;YACvE,yBAAyB;YACzB,GAAG;AAEL;;;;AAIG;AACH,QAAA,aAAa,EAAE,OAAO;AAEtB;;;;AAIG;AACH,QAAA,KAAK,EAAE,CAAC;AAER;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;gBACpB,OAAO;AACR,aAAA;YACD,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,CAAC,EACD,GAAG,GAAG,IAAI,CAAC,MAAM,EACjB,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,IAAI,CAAC;AAEP,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;gBAC9C,IAAI,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,KAAK,CAAC;AAErC,gBAAA,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;AAChB,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;AACpB,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;AACrB,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;gBAChD,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC;aAC/C,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;AACxD,YAAA,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SACrD;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;gBACxC,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,aAAA,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU;QACnC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACzIrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,CAAC,QAAQ,GAAG,WAAW,CAC5B,OAAO,CAAC,UAAU;AAClB,0DAAsD;AACpD;;;;AAIG;AACH,QAAA,IAAI,EAAE,UAAU;AAEhB,QAAA,SAAS,EAAE,CAAC;AAEZ,QAAA,aAAa,EAAE,WAAW;AAE1B;;AAEG;AACH,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,6BAA6B;YAC7B,yBAAyB;YACzB,yBAAyB;YACzB,2BAA2B;YAC3B,iBAAiB;YACjB,uCAAuC;YACvC,uCAAuC;YACvC,yCAAyC;YACzC,yCAAyC;YACzC,8BAA8B;YAC9B,8BAA8B;YAC9B,6DAA6D;YAC7D,mDAAmD;YACnD,yBAAyB;YACzB,GAAG;AAEL;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;YAC1B,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,IAAI,GAAG,SAAS,CAAC,MAAM,EACvB,IAAI,GAAG,SAAS,CAAC,KAAK,EACtB,KAAK,EACL,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,EAAE,EACF,EAAE,EACF,KAAK,EACL,KAAK,CAAC;AAER,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;AACzC,gBAAA,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;oBACzC,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7B,oBAAA,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAChB,oBAAA,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACpB,oBAAA,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACpB,oBAAA,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AAEpB,oBAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AAC3C,oBAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;oBAC3C,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE;wBAC7B,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE;4BAC7B,KAAK,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;AAC/B,4BAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAChB,4BAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACpB,4BAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACpB,4BAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACrB,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;SACF;AAED;;AAEI;AACJ,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,OAAO,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC;SAC7B;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,UAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC;gBACxD,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;gBAChD,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;aACjD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;YAC7C,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SAC3D;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU;QACtC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AClJrD;AAIA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAClC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;;AAcG;AACH,IAAA,OAAO,CAAC,WAAW,GAAG,WAAW,CAC/B,OAAO,CAAC,UAAU;AAClB,6DAAyD;AACvD;;;;AAIG;AACH,QAAA,IAAI,EAAE,aAAa;AAEnB;;;;AAIG;AACH,QAAA,KAAK,EAAE,SAAS;AAEhB;;AAEG;AACH,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,sBAAsB;YACtB,uBAAuB;YACvB,2BAA2B;YAC3B,iBAAiB;YACjB,kDAAkD;YAClD,qGAAqG;YACrG,yBAAyB;YACzB,KAAK;YACL,GAAG;AAEL;;;AAGI;AACJ,QAAA,QAAQ,EAAE,IAAI;AAEd;;;AAGI;AACJ,QAAA,QAAQ,EAAE,KAAK;AAEf;;;;;;AAMG;AAEH;;;AAGG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,CAAC,EACD,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,EAC9B,CAAC,EACD,CAAC,EACD,CAAC,EACD,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAC1C,IAAI,GAAG;AACL,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ;AACpB,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ;AACpB,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ;AACrB,aAAA,EACD,KAAK,GAAG;AACN,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ;AACpB,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ;AACpB,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ;aACrB,CAAC;AAEJ,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AACnC,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACZ,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEhB,gBAAA,IACE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACX,oBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACX,oBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACX,oBAAA,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACZ,oBAAA,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACZ,oBAAA,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EACZ;AACA,oBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACjB,iBAAA;AACF,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC5C,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC;aAC/C,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;YAC7C,IAAI,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAC5C,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EACpC,IAAI,GAAG;gBACL,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ;gBAC9B,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ;gBAC9B,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ;gBAC9B,CAAC;AACF,aAAA,EACD,KAAK,GAAG;AACN,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ;AAC1B,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ;AAC1B,gBAAA,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ;gBAC1B,CAAC;aACF,CAAC;YACJ,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3C,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;SAC9C;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;gBACxC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,aAAA,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU;QACzC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACrLrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC,IAAA,IAAI,QAAQ,GAAG;AACb,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YACjE,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAChE,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YACpE,OAAO,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC;YACvE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAChE,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC;YACvE,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAChE,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK;AACxE,YAAA,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAC3B,SAAA;AACD,QAAA,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;YACzE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACpB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACzE,YAAA,CAAC,EAAE,CAAC;AACL,SAAA;KACF,CAAC;AAEF,IAAA,KAAK,IAAI,GAAG,IAAI,QAAQ,EAAE;QACxB,OAAO,CAAC,GAAG,CAAC,GAAG,WAAW,CACxB,OAAO,CAAC,WAAW;AACnB,2DAAmD;AACjD;;;;AAIG;AACH,YAAA,IAAI,EAAE,GAAG;AAET;;;;;;AAMG;AACH,YAAA,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC;AAErB;;AAEG;AACH,YAAA,aAAa,EAAE,KAAK;AACpB;;AAEG;AACH,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA,CACF,CAAC;QACF,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,UAAU;YAClC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC9C,KAAA;AACH,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACxErD;AAIA,CAAC,UAAU,MAAM,EAAA;IAGf,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;AAmBG;AAEH,IAAA,OAAO,CAAC,UAAU,GAAG,WAAW,CAC9B,OAAO,CAAC,UAAU;AAClB,uDAAmD;AACjD,QAAA,IAAI,EAAE,YAAY;AAElB;;;;;AAKI;AACJ,QAAA,KAAK,EAAE,SAAS;AAEhB;;;;;AAKI;AACJ,QAAA,IAAI,EAAE,UAAU;AAEhB;;;;AAII;AACJ,QAAA,KAAK,EAAE,CAAC;AAER;;AAEG;AACH,QAAA,cAAc,EAAE;AACd,YAAA,QAAQ,EAAE,mCAAmC;AAC7C,YAAA,MAAM,EACJ,2EAA2E;AAC7E,YAAA,GAAG,EAAE,mCAAmC;AACxC,YAAA,IAAI,EAAE,0DAA0D;AAChE,YAAA,QAAQ,EAAE,mCAAmC;AAC7C,YAAA,OAAO,EAAE,yDAAyD;AAClE,YAAA,MAAM,EAAE,yDAAyD;AACjE,YAAA,SAAS,EACP,2EAA2E;AAC7E,YAAA,OAAO,EACL,yBAAyB;gBACzB,qCAAqC;gBACrC,YAAY;gBACZ,2EAA2E;gBAC3E,KAAK;gBACL,yBAAyB;gBACzB,qCAAqC;gBACrC,YAAY;gBACZ,2EAA2E;gBAC3E,KAAK;gBACL,yBAAyB;gBACzB,qCAAqC;gBACrC,YAAY;gBACZ,2EAA2E;gBAC3E,KAAK;AACP,YAAA,IAAI,EACF,yCAAyC;gBACzC,mCAAmC;AACtC,SAAA;AAED;;;;;;AAMG;QACH,WAAW,EAAE,UAAU,IAAI,EAAA;AACzB,YAAA,QACE,0BAA0B;gBAC1B,+BAA+B;gBAC/B,wBAAwB;gBACxB,2BAA2B;gBAC3B,iBAAiB;gBACjB,gDAAgD;gBAChD,yBAAyB;gBACzB,wBAAwB;AACxB,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACzB,KAAK;AACL,gBAAA,GAAG,EACH;SACH;AAED;;;;;AAKG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;AAC/B,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,EACxC,YAAY,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;gBAClD,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3C,gBAAA,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,aAAa,CACjD,OAAO,CAAC,OAAO,EACf,YAAY,CACb,CAAC;AACH,aAAA;AACD,YAAA,OAAO,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;SACvC;AAED;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,CAAC,EACD,CAAC,EACD,MAAM,EACN,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YAE1B,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC;YAC3C,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5B,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5B,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AAE5B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE;AAChC,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACZ,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAEhB,QAAQ,IAAI,CAAC,IAAI;AACf,oBAAA,KAAK,UAAU;wBACb,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;AACzB,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;AAC7B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;wBAC7B,MAAM;AACR,oBAAA,KAAK,QAAQ;wBACX,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC;wBAC/C,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC;wBACnD,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC;wBACnD,MAAM;AACR,oBAAA,KAAK,KAAK;AACR,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;wBACjB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;wBACrB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;wBACrB,MAAM;AACR,oBAAA,KAAK,MAAM,CAAC;AACZ,oBAAA,KAAK,YAAY;AACf,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;AAC/B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;wBAC/B,MAAM;AACR,oBAAA,KAAK,UAAU;AACb,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;wBACjB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;wBACrB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;wBACrB,MAAM;AACR,oBAAA,KAAK,QAAQ;AACX,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;wBAC9B,MAAM;AACR,oBAAA,KAAK,SAAS;AACZ,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;wBAC9B,MAAM;AACR,oBAAA,KAAK,SAAS;wBACZ,IAAI,CAAC,CAAC,CAAC;AACL,4BAAA,EAAE,GAAG,GAAG;kCACJ,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,GAAG;kCAClB,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC;AAC/C,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACT,4BAAA,EAAE,GAAG,GAAG;kCACJ,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,GAAG;kCAClB,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC;AAC/C,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACT,4BAAA,EAAE,GAAG,GAAG;kCACJ,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,GAAG;kCAClB,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC;wBAC/C,MAAM;AACR,oBAAA,KAAK,WAAW;AACd,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC;AACtC,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC;AAC1C,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC;wBAC1C,MAAM;AACR,oBAAA,KAAK,MAAM;wBACT,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC;wBAC1B,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC;wBAC9B,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC;AACjC,iBAAA;AACF,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;aACjD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,IAAI,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC;AAC/C,YAAA,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;AAC3C,YAAA,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;AAC3C,YAAA,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;AAC3C,YAAA,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;SAChD;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC;SACH;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU;QACxC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACxRrD;AACA,CAAC,UAAU,MAAM,EAAA;IAGf,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;AAmBG;AAEH,IAAA,OAAO,CAAC,UAAU,GAAG,WAAW,CAC9B,OAAO,CAAC,UAAU;AAClB,4DAAwD;AACtD,QAAA,IAAI,EAAE,YAAY;AAElB;;;AAGI;AACJ,QAAA,KAAK,EAAE,IAAI;AAEX;;;;AAII;AACJ,QAAA,IAAI,EAAE,UAAU;AAEhB;;;AAGI;AACJ,QAAA,KAAK,EAAE,CAAC;AAER,QAAA,YAAY,EACV,6BAA6B;YAC7B,2BAA2B;YAC3B,4BAA4B;YAC5B,kCAAkC;YAClC,iBAAiB;YACjB,0BAA0B;YAC1B,8DAA8D;YAC9D,wDAAwD;YACxD,GAAG;AAEL;;AAEG;AACH,QAAA,cAAc,EAAE;AACd,YAAA,QAAQ,EACN,0BAA0B;gBAC1B,+BAA+B;gBAC/B,6BAA6B;gBAC7B,wBAAwB;gBACxB,2BAA2B;gBAC3B,4BAA4B;gBAC5B,iBAAiB;gBACjB,gDAAgD;gBAChD,gDAAgD;gBAChD,8BAA8B;gBAC9B,yBAAyB;gBACzB,GAAG;AACL,YAAA,IAAI,EACF,0BAA0B;gBAC1B,+BAA+B;gBAC/B,6BAA6B;gBAC7B,wBAAwB;gBACxB,2BAA2B;gBAC3B,4BAA4B;gBAC5B,iBAAiB;gBACjB,gDAAgD;gBAChD,gDAAgD;gBAChD,uBAAuB;gBACvB,yBAAyB;gBACzB,GAAG;AACN,SAAA;AAED;;;;;AAKG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;YAC/B,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;YAC3C,IAAI,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;AAClD,gBAAA,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,aAAa,CACjD,OAAO,CAAC,OAAO,EACf,YAAY,CACb,CAAC;AACH,aAAA;AACD,YAAA,OAAO,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;SACvC;QAED,YAAY,EAAE,UAAU,OAAO,EAAA;;YAE7B,IAAI,EAAE,GAAG,OAAO,CAAC,OAAO,EACtB,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAClE,IAAI,CAAC,qBAAqB,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;AACrD,YAAA,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;YACxC,IAAI,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;SAC/C;AAED,QAAA,aAAa,EAAE,UAAU,OAAO,EAAE,KAAK,EAAA;AACrC,YAAA,OAAO,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;SACjE;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,YAAA;YACf,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,EACpB,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,EAC5B,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;YACjC,OAAO;gBACL,CAAC,GAAG,KAAK,CAAC,MAAM;gBAChB,CAAC;gBACD,CAAC;gBACD,CAAC;gBACD,CAAC,GAAG,KAAK,CAAC,MAAM;gBAChB,CAAC;AACD,gBAAA,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK;AACnB,gBAAA,CAAC,KAAK,CAAC,GAAG,GAAG,MAAM;gBACnB,CAAC;aACF,CAAC;SACH;AAED;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,EAC3C,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,KAAK,GAAG,SAAS,CAAC,KAAK,EACvB,MAAM,GAAG,SAAS,CAAC,MAAM,EACzB,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,OAAO,EACP,OAAO,EACP,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,SAAS,CAAC;AAEZ,YAAA,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE;gBACzB,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC1D,aAAA;AACD,YAAA,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC;AAC/B,YAAA,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE;AACxD,gBAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;AACtB,gBAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,aAAA;AAAM,iBAAA;gBACL,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACxC,aAAA;YACD,OAAO,CAAC,YAAY,CAClB,KAAK,CAAC,MAAM,EACZ,CAAC,EACD,CAAC,EACD,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,GAAG,CACV,CAAC;AACF,YAAA,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACvD,YAAA,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC;AAC3D,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE;AAChC,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACZ,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,gBAAA,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEhB,gBAAA,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAClB,gBAAA,EAAE,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACtB,gBAAA,EAAE,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACtB,gBAAA,EAAE,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAEtB,QAAQ,IAAI,CAAC,IAAI;AACf,oBAAA,KAAK,UAAU;wBACb,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;AACzB,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;AAC7B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;AAC7B,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;wBAC7B,MAAM;AACR,oBAAA,KAAK,MAAM;AACT,wBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;wBACjB,MAAM;AACT,iBAAA;AACF,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,gBAAgB,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC;gBACpE,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;aACjD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACpC,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YACzC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SACvE;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC;SACH;AACF,KAAA,CACF,CAAC;AAEF;;;;;;;AAOG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU,MAAM,EAAE,OAAO,EAAA;AACpE,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,UACzD,KAAK,EAAA;YAEL,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CACxC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAC5C,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACvRrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,GAAG,GAAG,IAAI,CAAC,GAAG,EACd,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,IAAI,GAAG,IAAI,CAAC,IAAI,EAChB,GAAG,GAAG,IAAI,CAAC,GAAG,EACd,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,GAAG,GAAG,IAAI,CAAC,GAAG,EACd,IAAI,GAAG,IAAI,CAAC,IAAI,EAChB,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;AAUG;AACH,IAAA,OAAO,CAAC,MAAM,GAAG,WAAW,CAC1B,OAAO,CAAC,UAAU;AAClB,wDAAoD;AAClD;;;;AAIG;AACH,QAAA,IAAI,EAAE,QAAQ;AAEd;;;;;;AAMG;AACH,QAAA,UAAU,EAAE,SAAS;AAErB;;;;AAIG;AACH,QAAA,MAAM,EAAE,CAAC;AAET;;;;AAIG;AACH,QAAA,MAAM,EAAE,CAAC;AAET;;;;AAIG;AACH,QAAA,YAAY,EAAE,CAAC;AAEf;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;gBAChD,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC;aAC/C,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,EAAE,CAAC,UAAU,CACX,gBAAgB,CAAC,MAAM,EACvB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAC7D,CAAC;YACF,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;SAClD;AAED;;;;;AAKG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;AAC/B,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,EACvC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,YAAY,CAAC;YAC5C,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;gBAClD,IAAI,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AACvD,gBAAA,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,aAAa,CACjD,OAAO,CAAC,OAAO,EACf,cAAc,CACf,CAAC;AACH,aAAA;AACD,YAAA,OAAO,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;SACvC;AAED,QAAA,eAAe,EAAE,YAAA;AACf,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;YAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC;SAC7C;AAED,QAAA,OAAO,EAAE,YAAA;AACP,YAAA,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,EACtD,KAAK,GAAG,IAAI,CAAC,SAAS,EACtB,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,EACrC,IAAI,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;YACjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,YAAY,EAAE,CAAC,EAAE,EAAE;AACtC,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;AACvC,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,YAAY,EAAA;AACpC,YAAA,IAAI,OAAO,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,EACnC,cAAc,GAAG,IAAI,CAAC,iBAAiB,EACvC,YAAY,CAAC;YAEf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,YAAY,EAAE,CAAC,EAAE,EAAE;gBACtC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC;AACpC,aAAA;AAED,YAAA,cAAc,IAAI,sBAAsB,GAAG,YAAY,GAAG,MAAM,CAAC;YACjE,cAAc,IAAI,iBAAiB,CAAC;YACpC,cAAc,IAAI,kDAAkD,CAAC;YACrE,cAAc,IAAI,sBAAsB,CAAC;AAEzC,YAAA,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM,EAAE,CAAC,EAAA;gBACjC,cAAc;oBACZ,6CAA6C;wBAC7C,MAAM;wBACN,YAAY;wBACZ,CAAC;AACD,wBAAA,MAAM,CAAC;gBACT,cAAc;oBACZ,6CAA6C;wBAC7C,MAAM;wBACN,YAAY;wBACZ,CAAC;AACD,wBAAA,MAAM,CAAC;AACT,gBAAA,cAAc,IAAI,uBAAuB,GAAG,CAAC,GAAG,MAAM,CAAC;AACzD,aAAC,CAAC,CAAC;YACH,cAAc,IAAI,iCAAiC,CAAC;YACpD,cAAc,IAAI,GAAG,CAAC;AACtB,YAAA,OAAO,cAAc,CAAC;SACvB;AAED,QAAA,iBAAiB,EACf,0BAA0B;YAC1B,+BAA+B;YAC/B,wBAAwB;YACxB,2BAA2B;AAE7B;;;;;;;;;;;AAWG;QACH,OAAO,EAAE,UAAU,OAAO,EAAA;YACxB,IAAI,OAAO,CAAC,KAAK,EAAE;gBACjB,OAAO,CAAC,MAAM,EAAE,CAAC;AACjB,gBAAA,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC;AACjC,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACvB,gBAAA,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;AAC/C,gBAAA,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,YAAY,CAAC;gBAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;AACtC,gBAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;AAC3B,gBAAA,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC;AACnC,gBAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC3B,gBAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC5B,gBAAA,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,gBAAgB,CAAC;AAE/C,gBAAA,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;AACnC,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;AACxB,gBAAA,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;AACvC,gBAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;AAC3B,gBAAA,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,EAAE,CAAC;AACpC,gBAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC3B,gBAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC5B,gBAAA,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC;AAClD,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB,aAAA;SACF;AAED,QAAA,cAAc,EAAE,YAAA;YACd,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;SAC/C;QAED,aAAa,EAAE,UAAU,KAAK,EAAA;AAC5B,YAAA,OAAO,UAAU,CAAC,EAAA;gBAChB,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AAC7B,oBAAA,OAAO,GAAG,CAAC;AACZ,iBAAA;gBACD,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzC,oBAAA,OAAO,GAAG,CAAC;AACZ,iBAAA;AACD,gBAAA,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC;AACb,gBAAA,IAAI,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;AACnB,gBAAA,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;AACvC,aAAC,CAAC;SACH;AAED;;;;;;AAMG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AAEvB,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC;AAC5B,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC;AAE5B,YAAA,IAAI,EAAE,GAAG,SAAS,CAAC,KAAK,EACtB,EAAE,GAAG,SAAS,CAAC,MAAM,EACrB,EAAE,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAAC,EACvB,EAAE,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAAC,EACvB,OAAO,CAAC;AAEV,YAAA,IAAI,IAAI,CAAC,UAAU,KAAK,WAAW,EAAE;AACnC,gBAAA,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACpD,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;AACxC,gBAAA,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAC3D,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE;AACzC,gBAAA,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAC3D,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;AACxC,gBAAA,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACvD,aAAA;AACD,YAAA,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;SAC7B;AAED;;;;;;;;AAQG;QACH,UAAU,EAAE,UAAU,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;YAC3C,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,EAAE,GAAG,IAAI,EACjB,KAAK,GAAG,EAAE,GAAG,IAAI,EACjB,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,SAAS,EAC1C,SAAS,EACT,GAAG,EACH,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,EAAE,EACP,EAAE,GAAG,CAAC,CAAC;AACT,YAAA,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE;gBACzB,SAAS,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACzD,aAAA;AACD,YAAA,SAAS,GAAG,SAAS,CAAC,UAAU,CAAC;AACjC,YAAA,IAAI,SAAS,CAAC,KAAK,GAAG,EAAE,GAAG,GAAG,IAAI,SAAS,CAAC,MAAM,GAAG,EAAE,EAAE;AACvD,gBAAA,SAAS,CAAC,KAAK,GAAG,EAAE,GAAG,GAAG,CAAC;AAC3B,gBAAA,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC;AACvB,aAAA;AACD,YAAA,GAAG,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACjC,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;YAClC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAElC,YAAA,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AAEf,YAAA,OAAO,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;gBACvB,EAAE,GAAG,KAAK,CAAC;gBACX,EAAE,GAAG,KAAK,CAAC;gBACX,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE;AAC5B,oBAAA,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;AAC7B,iBAAA;AAAM,qBAAA;oBACL,KAAK,GAAG,EAAE,CAAC;oBACX,KAAK,GAAG,IAAI,CAAC;AACd,iBAAA;gBACD,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE;AAC5B,oBAAA,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;AAC7B,iBAAA;AAAM,qBAAA;oBACL,KAAK,GAAG,EAAE,CAAC;oBACX,KAAK,GAAG,IAAI,CAAC;AACd,iBAAA;gBACD,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;gBAC/D,EAAE,GAAG,EAAE,CAAC;gBACR,EAAE,GAAG,EAAE,CAAC;gBACR,EAAE,IAAI,KAAK,CAAC;AACb,aAAA;AACD,YAAA,OAAO,GAAG,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;SACzC;AAED;;;;;;;;AAQG;QACH,aAAa,EAAE,UAAU,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;YAC9C,SAAS,OAAO,CAAC,CAAC,EAAA;gBAChB,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC;gBAC1D,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC;gBAC9B,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAC5B,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;oBACvB,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC;oBAC9B,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC5B,CAAC,GAAG,CAAC,CAAC;oBACN,GAAG,GAAG,CAAC,CAAC;oBACR,KAAK,GAAG,CAAC,CAAC;oBACV,IAAI,GAAG,CAAC,CAAC;oBACT,KAAK,GAAG,CAAC,CAAC;AACV,oBAAA,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;AAC3D,wBAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;4BACpB,SAAS;AACV,yBAAA;AACD,wBAAA,EAAE,GAAG,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,wBAAA,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE;AAClB,4BAAA,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;AACpB,yBAAA;AACD,wBAAA,KAAK,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;AAC/D,4BAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;gCACpB,SAAS;AACV,6BAAA;AACD,4BAAA,EAAE,GAAG,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;4BACrC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACtB,gCAAA,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,CACzB,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAC7D,CAAC;AACH,6BAAA;4BACD,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;4BAC3B,IAAI,MAAM,GAAG,CAAC,EAAE;gCACd,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;gCACvB,CAAC,IAAI,MAAM,CAAC;AACZ,gCAAA,GAAG,IAAI,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;gCAC7B,KAAK,IAAI,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;gCACnC,IAAI,IAAI,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;gCAClC,KAAK,IAAI,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;AACpC,6BAAA;AACF,yBAAA;AACF,qBAAA;oBACD,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AACvB,oBAAA,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;oBACxB,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;oBAC9B,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;oBAC7B,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;AAC/B,iBAAA;AAED,gBAAA,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE;AACZ,oBAAA,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACnB,iBAAA;AAAM,qBAAA;AACL,oBAAA,OAAO,OAAO,CAAC;AAChB,iBAAA;aACF;YAED,IAAI,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,EAClC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,CAAC,EAC7C,QAAQ,GAAG,OAAO,CAAC,IAAI,EACvB,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,EAC/C,MAAM,GAAG,IAAI,CAAC,SAAS,EACvB,MAAM,GAAG,IAAI,CAAC,SAAS,EACvB,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAC9B,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAC9B,OAAO,GAAG,IAAI,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,EAChD,OAAO,GAAG,IAAI,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,EAChD,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,CAAC;AAEf,YAAA,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;SACnB;AAED;;;;;;;;AAQG;QACH,iBAAiB,EAAE,UAAU,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;AAClD,YAAA,IAAI,CAAC,EACH,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,GAAG,CAAC,EACV,OAAO,EACP,MAAM,GAAG,IAAI,CAAC,SAAS,EACvB,MAAM,GAAG,IAAI,CAAC,SAAS,EACvB,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EACjB,GAAG,GAAG,OAAO,CAAC,SAAS,EACvB,MAAM,GAAG,GAAG,CAAC,IAAI,EACjB,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,CAAC,EAC/C,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC;YAC9B,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;gBACvB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;AACvB,oBAAA,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACtB,oBAAA,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACtB,oBAAA,KAAK,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACvB,oBAAA,KAAK,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;oBACvB,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;oBAE3B,KAAK,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE;AAC/B,wBAAA,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;wBAC3B,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;wBAC/B,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;wBAChC,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;wBACpC,KAAK;4BACH,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAC7B,gCAAA,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC;AACvB,gCAAA,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC;AACvB,gCAAA,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC;AACpB,wBAAA,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC;AAC9B,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,SAAS,CAAC;SAClB;AAED;;;;;;;;AAQG;QACH,iBAAiB,EAAE,UAAU,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;AAClD,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,EACzB,MAAM,GAAG,IAAI,CAAC,SAAS,EACvB,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAC7B,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAC7B,GAAG,GAAG,OAAO,CAAC,SAAS,EACvB,IAAI,GAAG,GAAG,CAAC,IAAI,EACf,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,CAAC,EAC1C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;YACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;gBAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;oBAC3B,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,EACvB,MAAM,GAAG,CAAC,EACV,OAAO,GAAG,CAAC,EACX,YAAY,GAAG,CAAC,EAChB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,CAAC,EACP,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC;oBAC/B,KAAK,IAAI,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE;AAC5D,wBAAA,IAAI,EAAE,GAAG,GAAG,CAAC,OAAO,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,UAAU,EAC7C,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM,EAC5B,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;wBACf,KAAK,IAAI,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE;4BAC5D,IAAI,EAAE,GAAG,GAAG,CAAC,OAAO,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,UAAU,EAC7C,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;4BAEzB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;gCACnB,SAAS;AACV,6BAAA;;AAED,4BAAA,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;4BACvC,IAAI,MAAM,GAAG,CAAC,EAAE;gCACd,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;gCAExB,GAAG,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;gCAC7B,YAAY,IAAI,MAAM,CAAC;;gCAEvB,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE;AACtB,oCAAA,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC;AACxC,iCAAA;AACD,gCAAA,GAAG,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;gCACzB,GAAG,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;gCAC7B,GAAG,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;gCAC7B,OAAO,IAAI,MAAM,CAAC;AACnB,6BAAA;;AAEF,yBAAA;AACF,qBAAA;AACD,oBAAA,KAAK,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,OAAO,CAAC;oBAC1B,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,OAAO,CAAC;oBAC9B,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,OAAO,CAAC;oBAC9B,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,YAAY,CAAC;AACpC,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;YACR,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,YAAY,EAAE,IAAI,CAAC,YAAY;aAChC,CAAC;SACH;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU;QACpC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC5iBrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,CAAC,QAAQ,GAAG,WAAW,CAC5B,OAAO,CAAC,UAAU;AAClB,0DAAsD;AACpD;;;;AAIG;AACH,QAAA,IAAI,EAAE,UAAU;AAEhB,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,4BAA4B;YAC5B,2BAA2B;YAC3B,iBAAiB;YACjB,gDAAgD;YAChD,8EAA8E;YAC9E,oDAAoD;YACpD,yBAAyB;YACzB,GAAG;AAEL;;;;AAIG;AACH,QAAA,QAAQ,EAAE,CAAC;AAEX,QAAA,aAAa,EAAE,UAAU;AAEzB;;;;;AAKG;AAEH;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;gBACvB,OAAO;AACR,aAAA;YACD,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,CAAC,EACD,GAAG,EACH,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,GAAG,GAAG,IAAI,CAAC,MAAM,EACjB,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,EAC1C,SAAS,GAAG,CAAC,GAAG,IAAI,QAAQ,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC;YAElE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;AAC3B,gBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;gBAC5C,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;gBACpD,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AACrD,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC;aACvD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;YAC7C,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzD;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU;QACtC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACrHrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,CAAC,UAAU,GAAG,WAAW,CAC9B,OAAO,CAAC,UAAU;AAClB,4DAAwD;AACtD;;;;AAIG;AACH,QAAA,IAAI,EAAE,YAAY;AAElB,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,8BAA8B;YAC9B,2BAA2B;YAC3B,iBAAiB;YACjB,gDAAgD;YAChD,wCAAwC;YACxC,uCAAuC;YACvC,2EAA2E;YAC3E,2EAA2E;YAC3E,2EAA2E;YAC3E,yBAAyB;YACzB,GAAG;AAEL;;;;;;;AAOG;AACH,QAAA,UAAU,EAAE,CAAC;AAEb,QAAA,aAAa,EAAE,YAAY;AAE3B;;;;;AAKG;AAEH;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE;gBACzB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,GAAG,GAAG,IAAI,CAAC,MAAM,EACjB,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,EACzB,CAAC,EACD,GAAG,CAAC;YAEN,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;gBAC3B,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAClD,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC;AAC1D,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC;AACtE,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC;AACvE,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,WAAW,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,aAAa,CAAC;aAC3D,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9D;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU;QACxC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC3HrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,CAAC,QAAQ,GAAG,WAAW,CAC5B,OAAO,CAAC,UAAU;AAClB,0DAAsD;AACpD;;;;AAIG;AACH,QAAA,IAAI,EAAE,UAAU;AAEhB,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,4BAA4B;YAC5B,2BAA2B;YAC3B,iBAAiB;YACjB,gDAAgD;YAChD,oDAAoD;YACpD,oDAAoD;YACpD,mDAAmD;YACnD,6DAA6D;YAC7D,6DAA6D;YAC7D,6DAA6D;YAC7D,yBAAyB;YACzB,GAAG;AAEL;;;;;;;AAOG;AACH,QAAA,QAAQ,EAAE,CAAC;AAEX,QAAA,aAAa,EAAE,UAAU;AAEzB;;;;;AAKG;AAEH;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;AAC1B,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;gBACvB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,GAAG,GAAG,IAAI,CAAC,MAAM,EACjB,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,EACvB,CAAC,EACD,GAAG,EACH,GAAG,EACH,GAAG,CAAC;YAEN,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;gBAC3B,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAClD,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;AAChD,gBAAA,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,MAAM,CAAC;gBACjD,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;AACvD,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;AACnE,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;AACpE,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC;aACvD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,EAAE,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC1D;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU;QACtC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AChIrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;;AAcG;AACH,IAAA,OAAO,CAAC,IAAI,GAAG,WAAW,CACxB,OAAO,CAAC,UAAU;AAClB,sDAAkD;AAChD,QAAA,IAAI,EAAE,MAAM;AAEZ;;;;;;;;;;;;;;;;;AAiBJ;;AAGI,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,wBAAwB;YACxB,2BAA2B;YAC3B,gCAAgC;YAChC,oDAAoD;YACpD,8BAA8B;;YAE9B,iEAAiE;YACjE,KAAK;YACL,iBAAiB;YACjB,2BAA2B;YAC3B,sBAAsB;YACtB,oCAAoC;YACpC,mDAAmD;YACnD,kDAAkD;YAClD,sCAAsC;YACtC,wEAAwE;YACxE,oBAAoB;YACpB,KAAK;YACL,iCAAiC;YACjC,GAAG;;AAGL;;;;;;AAMG;AACH,QAAA,IAAI,EAAE,CAAC;AAEP,QAAA,aAAa,EAAE,MAAM;QAErB,OAAO,EAAE,UAAU,OAAO,EAAA;YACxB,IAAI,OAAO,CAAC,KAAK,EAAE;;gBAEjB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC;gBAC9D,OAAO,CAAC,MAAM,EAAE,CAAC;AACjB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACvB,gBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC3B,gBAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC5B,gBAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;AACxB,gBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC3B,gBAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC7B,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB,aAAA;SACF;QAED,SAAS,EAAE,UAAU,OAAO,EAAA;;;YAG1B,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAC9C;QAED,UAAU,EAAE,UAAU,OAAO,EAAA;YAC3B,IAAI,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,EAC7C,OAAO,EACP,OAAO,EACP,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,EAC/B,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;AAEpC,YAAA,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE;gBACzB,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBACzD,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC1D,aAAA;AACD,YAAA,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC;AAC/B,YAAA,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC;YAC/B,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE;gBACxD,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;gBACtC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;AAC1C,aAAA;AACD,YAAA,IAAI,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EACjC,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,OAAO,EACP,CAAC,EACD,CAAC,EACD,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;;YAGhC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3C,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;YAEpC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE;gBACtC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;AACnC,gBAAA,OAAO,GAAG,CAAC,GAAG,QAAQ,CAAC;gBACvB,CAAC,GAAG,IAAI,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;gBACpC,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACzC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;gBACnC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9B,gBAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AACrB,gBAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AACrD,aAAA;YACD,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE;gBACtC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;AACnC,gBAAA,OAAO,GAAG,CAAC,GAAG,QAAQ,CAAC;gBACvB,CAAC,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;gBACrC,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACzC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;gBACnC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9B,gBAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AACrB,gBAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AACrD,aAAA;YACD,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACrC,IAAI,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CACzC,CAAC,EACD,CAAC,EACD,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,MAAM,CACf,CAAC;AACF,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AACrB,YAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AACpD,YAAA,OAAO,YAAY,CAAC;SACrB;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;aAChD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;AAC7C,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACpC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;SAC9C;AAED;;;AAGG;AACH,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,IAAI,SAAS,GAAG,CAAC,EACf,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,IAAI,CAAC;YACP,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,gBAAA,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;;AAExB,oBAAA,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;AAClC,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;;AAExB,oBAAA,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;AAC9B,iBAAA;AACF,aAAA;YACD,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACpC,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,gBAAA,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACjB,aAAA;AAAM,iBAAA;AACL,gBAAA,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACjB,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,OAAO,CAAC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AACvE,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACtOrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,CAAC,KAAK,GAAG,WAAW,CACzB,OAAO,CAAC,UAAU;AAClB,uDAAmD;AACjD;;;;AAIG;AACH,QAAA,IAAI,EAAE,OAAO;AAEb,QAAA,cAAc,EACZ,0BAA0B;YAC1B,+BAA+B;YAC/B,wBAAwB;YACxB,2BAA2B;YAC3B,iBAAiB;YACjB,gDAAgD;YAChD,qCAAqC;YACrC,yCAAyC;YACzC,yCAAyC;YACzC,yCAAyC;YACzC,yBAAyB;YACzB,gCAAgC;YAChC,GAAG;AAEL;;;;AAIG;AACH,QAAA,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAEhB;;;;AAIG;AACH,QAAA,aAAa,EAAE,OAAO;AAEtB;;;AAGG;QACH,UAAU,EAAE,UAAU,OAAO,EAAA;YAC3B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACvB,YAAA,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SAC7D;AAED;;;;;AAKG;QACH,SAAS,EAAE,UAAU,OAAO,EAAA;YAC1B,IAAI,SAAS,GAAG,OAAO,CAAC,SAAS,EAC/B,IAAI,GAAG,SAAS,CAAC,IAAI,EACrB,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,GAAG,GAAG,IAAI,CAAC,MAAM,EACjB,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EACnB,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EACnB,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EACnB,CAAC,CAAC;AAEJ,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;gBAEf,IAAI,CAAC,KAAK,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC;;gBAEjC,IAAI,CAAC,KAAK,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC;;gBAEjC,IAAI,CAAC,KAAK,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC;AAClC,aAAA;;;AAID,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AACnC,gBAAA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC9C,gBAAA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC9C,gBAAA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC/C,aAAA;AACD,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;AAC9C,gBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9B,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACtC,gBAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACvC,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAA;YACxC,OAAO;gBACL,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC;aACjD,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAAA;YAC7C,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACpD;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU;QACnC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC7IrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;AAEG;AACH,IAAA,OAAO,CAAC,QAAQ,GAAG,WAAW,CAC5B,OAAO,CAAC,UAAU;AAClB,0DAAsD;AACpD,QAAA,IAAI,EAAE,UAAU;AAEhB;;AAEG;AACH,QAAA,UAAU,EAAE,EAAE;AAEd;;;AAGG;QACH,UAAU,EAAE,UAAU,OAAO,EAAA;AAC3B,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;;YAEtC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC5C;AAED;;;;;AAKG;QACH,OAAO,EAAE,UAAU,OAAO,EAAA;YACxB,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,MAAM,EAAA;AACtC,gBAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1B,aAAC,CAAC,CAAC;SACJ;AAED;;;;AAIG;AACH,QAAA,QAAQ,EAAE,YAAA;AACR,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;gBAC3D,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,MAAM,EAAA;AAC9C,oBAAA,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC;AAC3B,iBAAC,CAAC;AACH,aAAA,CAAC,CAAC;SACJ;AAED,QAAA,cAAc,EAAE,YAAA;YACd,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,MAAM,EAAA;AAC3C,gBAAA,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;AAClC,aAAC,CAAC,CAAC;SACJ;AACF,KAAA,CACF,CAAC;AAEF;;;;;;;AAOG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,GAAG,UAAU,MAAM,EAAE,OAAO,EAAA;AAClE,QAAA,IAAI,OAAO,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;QACtC,OAAO,OAAO,CAAC,GAAG,CAChB,OAAO,CAAC,GAAG,CAAC,UAAU,MAAM,EAAA;AAC1B,YAAA,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACvE,SAAC,CAAC,CACH,CAAC,IAAI,CAAC,UAAU,cAAc,EAAA;AAC7B,YAAA,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC;AAC3E,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACnFrD;AACA,CAAC,UAAU,MAAM,EAAA;AAGf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAChD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9B,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,CAAC,WAAW,GAAG,WAAW,CAC/B,OAAO,CAAC,WAAW;AACnB,6DAAyD;AACvD;;;;AAIG;AACH,QAAA,IAAI,EAAE,aAAa;AAEnB;;;;;AAKG;AACH,QAAA,QAAQ,EAAE,CAAC;AAEX;;;;AAIG;AACH,QAAA,aAAa,EAAE,UAAU;AAEzB,QAAA,eAAe,EAAE,YAAA;YACf,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,EAC/B,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAC1B,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAC1B,MAAM,GAAG,CAAC,GAAG,CAAC,EACd,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,EACtC,WAAW,GAAG,CAAC,GAAG,GAAG,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG;AACZ,gBAAA,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;aAC3D,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,WAAW,GAAG,CAAC,CAAC;YACvC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;YACrD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;YACrD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;YACrD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,WAAW,CAAC;YAC5C,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;YACrD,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;YACtD,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;YACtD,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,WAAW,CAAC;SAC9C;AAED;;;;;AAKI;QACJ,cAAc,EAAE,UAAU,OAAO,EAAA;YAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,YAAA,OAAO,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SACxE;AAED;;;;;;;;;;;;AAYG;QACH,OAAO,EAAE,UAAU,OAAO,EAAA;YACxB,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,YAAA,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SAC1D;AACF,KAAA,CACF,CAAC;AAEF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU;QACzC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/C,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC3GrD;AAKA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEnD,IAAI,eAAe,GAAG,CACpB,oEAAoE;QACpE,wEAAwE;AACxE,QAAA,oDAAoD,EACpD,KAAK,CAAC,GAAG,CAAC,CAAC;AAEb;;;;;;;AAOG;IACH,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACnC,MAAM,CAAC,MAAM;AACb,wCAAoC;AAClC;;;;AAIG;AACH,QAAA,wBAAwB,EAAE;YACxB,UAAU;YACV,YAAY;YACZ,YAAY;YACZ,WAAW;YACX,YAAY;YACZ,MAAM;YACN,aAAa;YACb,WAAW;YACX,QAAQ;YACR,MAAM;YACN,iBAAiB;YACjB,UAAU;YACV,WAAW;AACZ,SAAA;AAED;;AAEG;AACH,QAAA,UAAU,EAAE,OAAO;AAEnB;;;;AAIG;AACH,QAAA,gBAAgB,EAAE,UAAU;AAE5B;;;;AAIG;AACH,QAAA,cAAc,EAAE,SAAS;AAEzB;;;;AAIG;AACH,QAAA,QAAQ,EAAE,MAAM;AAEhB;;;;AAIG;AACH,QAAA,IAAI,EAAE,MAAM;AAEZ;;;;AAIG;AACH,QAAA,QAAQ,EAAE,EAAE;AAEZ;;;;AAIG;AACH,QAAA,UAAU,EAAE,QAAQ;AAEpB;;;;AAIG;AACH,QAAA,UAAU,EAAE,iBAAiB;AAE7B;;;;AAIG;AACH,QAAA,SAAS,EAAE,KAAK;AAEhB;;;;AAIG;AACH,QAAA,QAAQ,EAAE,KAAK;AAEf;;;;AAIG;AACH,QAAA,WAAW,EAAE,KAAK;AAElB;;;;;AAKG;AACH,QAAA,SAAS,EAAE,MAAM;AAEjB;;;;AAIG;AACH,QAAA,SAAS,EAAE,QAAQ;AAEnB;;;;AAIG;AACH,QAAA,UAAU,EAAE,IAAI;AAEhB;;;;AAIG;AACH,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,QAAQ,EAAE,CAAC,IAAI;AAChB,SAAA;AAED;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,GAAG;YACT,QAAQ,EAAE,IAAI;AACf,SAAA;AAED;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,EAAE;AAEvB;;;;;AAKG;AACH,QAAA,eAAe,EACb,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,eAAe,CAAC;AAEjE;;;AAGG;AACH,QAAA,eAAe,EACb,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,eAAe,CAAC;AAEjE;;;;;AAKG;AACH,QAAA,MAAM,EAAE,IAAI;AAEZ;;;;;AAKG;AACH,QAAA,MAAM,EAAE,IAAI;AAEZ;;;;;;;;;;;;;;;;;;;;;AAqBG;AACH,QAAA,IAAI,EAAE,IAAI;AAEV;;;;;AAKG;AACH,QAAA,eAAe,EAAE,CAAC;AAElB;;;;;AAKG;AACH,QAAA,QAAQ,EAAE,MAAM;AAEhB;;;;;;;AAOG;AACH,QAAA,SAAS,EAAE,UAAU;AAErB;;AAEG;AACH,QAAA,iBAAiB,EAAE,KAAK;AAExB;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,CAAC,KAAK;YACnB,QAAQ,EAAE,CAAC,IAAI;AAChB,SAAA;AAED;;;;AAIG;AACH,QAAA,aAAa,EAAE,IAAI;AAEnB;;;;;AAKG;AACH,QAAA,WAAW,EAAE,CAAC;AAEd;;;;;AAKG;AACH,QAAA,MAAM,EAAE,IAAI;AAEZ;;;;;;;AAOG;AACH,QAAA,iBAAiB,EAAE,IAAI;AAEvB;;;;AAIG;AACH,QAAA,MAAM,EAAE,CAAC;AAET;;;;;;;;;;AAUG;AACH,QAAA,SAAS,EAAE,KAAK;AAEhB;;;;AAIG;AACH,QAAA,gBAAgB,EAAE;YAChB,QAAQ;YACR,aAAa;YACb,MAAM;YACN,YAAY;YACZ,UAAU;YACV,YAAY;YACZ,WAAW;YACX,WAAW;YACX,UAAU;YACV,aAAa;YACb,QAAQ;YACR,qBAAqB;AACtB,SAAA;AAED;;AAEG;AACH,QAAA,YAAY,EAAE,EAAE;AAEhB;;;;;;AAMG;AACH,QAAA,eAAe,EAAE,GAAG;AAEpB;;;;AAIG;AACH,QAAA,cAAc,EAAE,CAAC;AAEjB;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,IAAI,EAAE,OAAO,EAAA;AACjC,YAAA,IAAI,CAAC,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,GAAG,EAAE,CAAC;AAClD,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACjB,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC5B,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACtC,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,WAAW,EAAE,CAAC;AACpB,aAAA;AACD,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC,CAAC;SAC9D;AAED;;;;AAIG;AACH,QAAA,WAAW,EAAE,YAAA;AACX,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACrB,YAAA,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAChE,aAAA;SACF;AAED;;;;;;;;AAQG;AACH,QAAA,mBAAmB,EAAE,YAAA;;AAEnB,YAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;AAC7B,gBAAA,MAAM,CAAC,iBAAiB;oBACtB,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY;wBACxC,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACtD,aAAA;YACD,OAAO,MAAM,CAAC,iBAAiB,CAAC;SACjC;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,IAAI,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnD,YAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;AAChC,YAAA,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC;AACzC,YAAA,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,eAAe,CAAC;AACpD,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC;AACnC,YAAA,OAAO,QAAQ,CAAC;SACjB;AAED;;;;AAIG;AACH,QAAA,cAAc,EAAE,YAAA;YACd,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,OAAO;AACR,aAAA;YACD,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;gBAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,KAAK;oBACR,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,cAAc,CAAC;AAClE,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;AACrC,aAAA;YACD,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE;;gBAE5C,IAAI,CAAC,aAAa,EAAE,CAAC;AACtB,aAAA;YACD,IAAI,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC,CAAC;SAC7D;AAED;;AAEG;AACH,QAAA,aAAa,EAAE,YAAA;AACb,YAAA,IAAI,SAAS,EACX,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,IAAI,EACJ,SAAS,EACT,MAAM,CAAC;AACT,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC1D,gBAAA,IACE,IAAI,CAAC,SAAS,KAAK,SAAS;AAC5B,qBAAC,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAC1C;oBACA,SAAS;AACV,iBAAA;gBACD,gBAAgB,GAAG,CAAC,CAAC;AACrB,gBAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC1B,gBAAA,gBAAgB,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AACxC,gBAAA,IACE,gBAAgB,GAAG,IAAI,CAAC,KAAK;AAC7B,qBAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EACzD;AACA,oBAAA,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;oBAC/B,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,gBAAgB,IAAI,cAAc,CAAC;AAC7D,oBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,EAAE;wBAClD,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACpC,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;AACrC,4BAAA,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC;AAC7B,4BAAA,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC;AACnC,4BAAA,SAAS,CAAC,IAAI,IAAI,gBAAgB,CAAC;4BACnC,gBAAgB,IAAI,SAAS,CAAC;AAC/B,yBAAA;AAAM,6BAAA;AACL,4BAAA,SAAS,CAAC,IAAI,IAAI,gBAAgB,CAAC;AACpC,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;SACF;AAED;;;;AAIG;QACH,eAAe,EAAE,UAAU,SAAS,EAAA;YAClC,OAAO,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;SACjD;AAED;;;;;AAKG;AACH,QAAA,oBAAoB,EAAE,YAAA;AACpB,YAAA,OAAO,CAAC,CAAC;SACV;AAED;;;AAGG;AACH,QAAA,QAAQ,EAAE,YAAA;AACR,YAAA,QACE,iBAAiB;gBACjB,IAAI,CAAC,UAAU,EAAE;gBACjB,gBAAgB;AAChB,gBAAA,IAAI,CAAC,IAAI;gBACT,oBAAoB;AACpB,gBAAA,IAAI,CAAC,UAAU;AACf,gBAAA,MAAM,EACN;SACH;AAED;;;;;;;;;;AAUG;AACH,QAAA,yBAAyB,EAAE,YAAA;YACzB,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;AACvD,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC7B,IAAI,CAAC,KAAK,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;YACpC,IAAI,CAAC,MAAM,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;AACrC,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;AACpB,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACrB,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAClD,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACzB,YAAA,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AACtB,YAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;SAChD;AAED;;;AAGG;QACH,WAAW,EAAE,UAAU,GAAG,EAAA;AACxB,YAAA,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;AAChC,gBAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC5B,gBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AAC3B,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AAC1B,gBAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC7B,aAAA;SACF;AAED;;;;;;;;;AASG;AACH,QAAA,cAAc,EAAE,UAAU,GAAG,EAAE,SAAS,EAAE,YAAY,EAAA;AACpD,YAAA,GAAG,CAAC,YAAY,GAAG,cAAc,CAAC;YAClC,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,QAAQ,IAAI,CAAC,SAAS;AACpB,oBAAA,KAAK,QAAQ;AACX,wBAAA,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;wBAC5B,MAAM;AACR,oBAAA,KAAK,UAAU;AACb,wBAAA,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC;wBACzB,MAAM;AACR,oBAAA,KAAK,WAAW;AACd,wBAAA,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;wBAC5B,MAAM;AACT,iBAAA;AACF,aAAA;YACD,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;SAC9D;AAED;;;;;AAKG;AACH,QAAA,aAAa,EAAE,YAAA;YACb,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AAEpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;gBAC1D,IAAI,gBAAgB,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAC5C,IAAI,gBAAgB,GAAG,QAAQ,EAAE;oBAC/B,QAAQ,GAAG,gBAAgB,CAAC;AAC7B,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,QAAQ,CAAC;SACjB;AAED;;;;;;;;AAQG;AACH,QAAA,eAAe,EAAE,UAAU,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAA;AAChE,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;SAC5D;AAED;;;;AAIG;QACH,0BAA0B,EAAE,UAAU,GAAG,EAAA;YACvC,IACE,CAAC,IAAI,CAAC,mBAAmB;AACzB,gBAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EACrC;gBACA,OAAO;AACR,aAAA;YACD,IAAI,YAAY,EACd,cAAc,EACd,YAAY,GAAG,GAAG,CAAC,SAAS,EAC5B,IAAI,EACJ,SAAS,EACT,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,EAClC,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,EACpC,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,OAAO,EACP,YAAY,EACZ,IAAI,GAAG,IAAI,CAAC,IAAI,EAChB,SAAS,CAAC;AAEZ,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC1D,gBAAA,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;gBACvC,IACE,CAAC,IAAI,CAAC,mBAAmB;oBACzB,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC,EACxC;oBACA,aAAa,IAAI,YAAY,CAAC;oBAC9B,SAAS;AACV,iBAAA;AACD,gBAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC1B,gBAAA,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;gBAC5C,QAAQ,GAAG,CAAC,CAAC;gBACb,QAAQ,GAAG,CAAC,CAAC;gBACb,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,qBAAqB,CAAC,CAAC;AACnE,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;oBACjD,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClC,YAAY,GAAG,IAAI,CAAC,oBAAoB,CACtC,CAAC,EACD,CAAC,EACD,qBAAqB,CACtB,CAAC;AACF,oBAAA,IAAI,IAAI,EAAE;wBACR,GAAG,CAAC,IAAI,EAAE,CAAC;wBACX,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;AACrD,wBAAA,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC1B,wBAAA,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC;wBAC7B,YAAY;AACV,4BAAA,GAAG,CAAC,QAAQ,CACV,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,EAClB,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU;AAC9B,iCAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,EAC9B,OAAO,CAAC,KAAK,EACb,YAAY,GAAG,IAAI,CAAC,UAAU,CAC/B,CAAC;wBACJ,GAAG,CAAC,OAAO,EAAE,CAAC;AACf,qBAAA;yBAAM,IAAI,YAAY,KAAK,SAAS,EAAE;AACrC,wBAAA,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC;AACnD,wBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;4BAC5B,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,yBAAA;AACD,wBAAA,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;wBAC1B,SAAS;AACP,4BAAA,GAAG,CAAC,QAAQ,CACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,GAAG,IAAI,CAAC,UAAU,CAC/B,CAAC;AACJ,wBAAA,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;AACxB,wBAAA,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC;wBACzB,SAAS,GAAG,YAAY,CAAC;AAC1B,qBAAA;AAAM,yBAAA;AACL,wBAAA,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;AACjC,qBAAA;AACF,iBAAA;AACD,gBAAA,IAAI,YAAY,IAAI,CAAC,IAAI,EAAE;AACzB,oBAAA,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC;AACnD,oBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;wBAC5B,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,qBAAA;AACD,oBAAA,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC;AAC7B,oBAAA,GAAG,CAAC,QAAQ,CACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,GAAG,IAAI,CAAC,UAAU,CAC/B,CAAC;AACH,iBAAA;gBACD,aAAa,IAAI,YAAY,CAAC;AAC/B,aAAA;AACD,YAAA,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC;;;AAG7B,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;SACzB;AAED;;;;;;;;;AASG;QACH,YAAY,EAAE,UAAU,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAA;;YAEnE,IAAI,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAC3C,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EACrD,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,EACjE,MAAM,GAAG,YAAY,GAAG,KAAK,EAC7B,cAAc,GAAG,eAAe,KAAK,uBAAuB,EAC5D,KAAK,EACL,WAAW,EACX,aAAa,EACb,cAAc,GAAG,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,EAC1D,WAAW,CAAC;YAEd,IAAI,YAAY,IAAI,SAAS,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE;AACzD,gBAAA,aAAa,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AACzC,aAAA;AACD,YAAA,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE;AAClC,gBAAA,WAAW,GAAG,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AACxC,aAAA;YACD,IAAI,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE;AACrD,gBAAA,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAChC,gBAAA,WAAW,GAAG,WAAW,GAAG,aAAa,CAAC;AAC3C,aAAA;YACD,IACE,KAAK,KAAK,SAAS;AACnB,gBAAA,aAAa,KAAK,SAAS;gBAC3B,WAAW,KAAK,SAAS,EACzB;AACA,gBAAA,IAAI,GAAG,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;;gBAErC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AAC3C,aAAA;YACD,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,WAAW,GAAG,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACnD,gBAAA,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AAC1B,aAAA;AACD,YAAA,IAAI,aAAa,KAAK,SAAS,IAAI,cAAc,IAAI,YAAY,EAAE;gBACjE,aAAa,GAAG,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;AACpD,gBAAA,SAAS,CAAC,YAAY,CAAC,GAAG,aAAa,CAAC;AACzC,aAAA;AACD,YAAA,IAAI,cAAc,IAAI,WAAW,KAAK,SAAS,EAAE;;gBAE/C,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;AAC5C,gBAAA,SAAS,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;AAChC,gBAAA,WAAW,GAAG,WAAW,GAAG,aAAa,CAAC;AAC3C,aAAA;YACD,OAAO;gBACL,KAAK,EAAE,KAAK,GAAG,cAAc;gBAC7B,WAAW,EAAE,WAAW,GAAG,cAAc;aAC1C,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,IAAI,EAAE,KAAK,EAAA;YACpC,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;SAC3D;AAED;;;;AAIG;QACH,WAAW,EAAE,UAAU,SAAS,EAAA;YAC9B,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;AAC5C,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;AAC1B,gBAAA,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;AACjD,aAAA;AACD,YAAA,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC,EAAE;AACtB,gBAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;AACpB,aAAA;AACD,YAAA,OAAO,QAAQ,CAAC;SACjB;AAED;;;;;AAKG;QACH,YAAY,EAAE,UAAU,SAAS,EAAA;YAC/B,IAAI,KAAK,GAAG,CAAC,EACX,CAAC,EACD,QAAQ,EACR,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EACnC,cAAc,GAAG,CAAC,EAClB,aAAa,EACb,eAAe,EACf,IAAI,GAAG,IAAI,CAAC,IAAI,EAChB,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC;AAEtC,YAAA,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;AAC1C,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAChC,gBAAA,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACnB,gBAAA,YAAY,GAAG,IAAI,CAAC,eAAe,CACjC,QAAQ,EACR,SAAS,EACT,CAAC,EACD,YAAY,CACb,CAAC;AACF,gBAAA,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC;AAC7B,gBAAA,KAAK,IAAI,YAAY,CAAC,WAAW,CAAC;gBAClC,YAAY,GAAG,QAAQ,CAAC;AACzB,aAAA;;;YAGD,UAAU,CAAC,CAAC,CAAC,GAAG;AACd,gBAAA,IAAI,EAAE,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC;AAC/D,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,WAAW,EAAE,CAAC;gBACd,MAAM,EAAE,IAAI,CAAC,QAAQ;aACtB,CAAC;AACF,YAAA,IAAI,IAAI,EAAE;gBACR,eAAe;AACb,oBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;AACzD,gBAAA,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CACxC,IAAI,CAAC,IAAI,EACT,CAAC,EACD,IAAI,CAAC,YAAY,CAClB,CAAC;gBACF,aAAa,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;gBACrC,aAAa,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;gBACrC,QAAQ,IAAI,CAAC,SAAS;AACpB,oBAAA,KAAK,MAAM;AACT,wBAAA,cAAc,GAAG,OAAO,GAAG,eAAe,GAAG,KAAK,GAAG,CAAC,CAAC;wBACvD,MAAM;AACR,oBAAA,KAAK,QAAQ;wBACX,cAAc,GAAG,CAAC,eAAe,GAAG,KAAK,IAAI,CAAC,CAAC;wBAC/C,MAAM;AACR,oBAAA,KAAK,OAAO;AACV,wBAAA,cAAc,GAAG,OAAO,GAAG,CAAC,GAAG,eAAe,GAAG,KAAK,CAAC;wBACvD,MAAM;;AAET,iBAAA;AACD,gBAAA,cAAc,IAAI,IAAI,CAAC,eAAe,IAAI,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5D,gBAAA,KACE,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EACjC,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAClC,OAAO,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,EACnB;AACA,oBAAA,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;oBAC7B,IAAI,cAAc,GAAG,eAAe,EAAE;wBACpC,cAAc,IAAI,eAAe,CAAC;AACnC,qBAAA;yBAAM,IAAI,cAAc,GAAG,CAAC,EAAE;wBAC7B,cAAc,IAAI,eAAe,CAAC;AACnC,qBAAA;;;oBAGD,IAAI,CAAC,kBAAkB,CACrB,cAAc,EACd,YAAY,EACZ,aAAa,CACd,CAAC;AACF,oBAAA,cAAc,IAAI,YAAY,CAAC,WAAW,CAAC;AAC5C,iBAAA;AACF,aAAA;YACD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;SACnD;AAED;;;;;;;AAOG;AACH,QAAA,kBAAkB,EAAE,UAClB,cAAc,EACd,YAAY,EACZ,aAAa,EAAA;AAEb,YAAA,IAAI,cAAc,GAAG,cAAc,GAAG,YAAY,CAAC,WAAW,GAAG,CAAC,EAChE,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;;AAGnB,YAAA,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CACnC,IAAI,CAAC,IAAI,EACT,cAAc,EACd,IAAI,CAAC,YAAY,CAClB,CAAC;YACF,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC;YACnD,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC;AAClD,YAAA,YAAY,CAAC,KAAK;gBAChB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;SAC1D;AAED;;;;;;;;;;;;;;;;;AAiBG;QACH,eAAe,EAAE,UACf,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EAAA;AAER,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE,SAAS,CAAC,EAChE,SAAS,GAAG,YAAY;kBACpB,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE,SAAS,GAAG,CAAC,CAAC;AAC5D,kBAAE,EAAE,EACN,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,EAClE,WAAW,GAAG,IAAI,CAAC,WAAW,EAC9B,KAAK,GAAG,IAAI,CAAC,KAAK,EAClB,WAAW,CAAC;AAEd,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;AAC1B,gBAAA,WAAW,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;gBAC5C,KAAK,IAAI,WAAW,CAAC;gBACrB,WAAW,IAAI,WAAW,CAAC;AAC5B,aAAA;AAED,YAAA,IAAI,GAAG,GAAG;AACR,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,KAAK,CAAC,QAAQ;AACtB,gBAAA,WAAW,EAAE,WAAW;gBACxB,MAAM,EAAE,KAAK,CAAC,MAAM;aACrB,CAAC;AACF,YAAA,IAAI,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC9B,gBAAA,IAAI,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;AAC9D,gBAAA,GAAG,CAAC,IAAI;AACN,oBAAA,WAAW,CAAC,IAAI;AAChB,wBAAA,WAAW,CAAC,KAAK;AACjB,wBAAA,IAAI,CAAC,WAAW;wBAChB,IAAI,CAAC,KAAK,CAAC;AACd,aAAA;AACD,YAAA,OAAO,GAAG,CAAC;SACZ;AAED;;;;AAIG;QACH,eAAe,EAAE,UAAU,SAAS,EAAA;AAClC,YAAA,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE;AACjC,gBAAA,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;AACtC,aAAA;AAED,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;;;YAGnC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;AACjD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC/C,gBAAA,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACrE,aAAA;AAED,YAAA,QAAQ,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;gBACnC,SAAS,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;SACrD;AAED;;AAEG;AACH,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,IAAI,UAAU,EACZ,MAAM,GAAG,CAAC,CAAC;AACb,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC1D,gBAAA,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AACrC,gBAAA,MAAM,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;AACrE,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;AAGG;AACH,QAAA,cAAc,EAAE,YAAA;YACd,OAAO,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SACpE;AAED;;;AAGG;AACH,QAAA,aAAa,EAAE,YAAA;AACb,YAAA,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;SACzB;AAED;;;;AAIG;AACH,QAAA,iBAAiB,EAAE,UAAU,GAAG,EAAE,MAAM,EAAA;YACtC,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,YAAA,IAAI,WAAW,GAAG,CAAC,EACjB,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,EAC5B,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;AAC7B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;gBAC1D,IAAI,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACxC,SAAS,GAAG,YAAY,GAAG,IAAI,CAAC,UAAU,EAC1C,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;gBAC1C,IAAI,CAAC,eAAe,CAClB,MAAM,EACN,GAAG,EACH,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAClB,IAAI,GAAG,UAAU,EACjB,GAAG,GAAG,WAAW,GAAG,SAAS,EAC7B,CAAC,CACF,CAAC;gBACF,WAAW,IAAI,YAAY,CAAC;AAC7B,aAAA;YACD,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;AAGG;QACH,eAAe,EAAE,UAAU,GAAG,EAAA;AAC5B,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBACxC,OAAO;AACR,aAAA;AAED,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;SACzC;AAED;;;AAGG;QACH,iBAAiB,EAAE,UAAU,GAAG,EAAA;AAC9B,YAAA,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,KAAK,IAAI,CAAC,aAAa,EAAE,EAAE;gBACpE,OAAO;AACR,aAAA;YAED,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AAC5C,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACzB,aAAA;YAED,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAC7C,GAAG,CAAC,SAAS,EAAE,CAAC;AAChB,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;YAC1C,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;;;;;;AAQG;AACH,QAAA,YAAY,EAAE,UAAU,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAA;;YAE7D,IAAI,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAC9C,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EACpD,WAAW,EACX,SAAS,EACT,aAAa,GAAG,EAAE,EAClB,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,YAAY,EACZ,IAAI,GAAG,IAAI,CAAC,IAAI,EAChB,QAAQ,GACN,CAAC,SAAS;gBACV,IAAI,CAAC,WAAW,KAAK,CAAC;AACtB,gBAAA,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;gBAC7B,CAAC,IAAI,EACP,KAAK,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,EAChC,IAAI,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;;;AAGxC,YAAA,WAAW,EACX,gBAAgB,GAAG,GAAG,CAAC,SAAS,CAAC;YACnC,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,YAAA,IAAI,gBAAgB,KAAK,IAAI,CAAC,SAAS,EAAE;AACvC,gBAAA,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;AACtD,gBAAA,GAAG,CAAC,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACtC,gBAAA,GAAG,CAAC,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAC1C,aAAA;AACD,YAAA,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,UAAU,CAAC;AAC/D,YAAA,IAAI,QAAQ,EAAE;;;gBAGZ,IAAI,CAAC,WAAW,CACd,MAAM,EACN,GAAG,EACH,SAAS,EACT,CAAC,EACD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EACb,IAAI,EACJ,GAAG,EACH,UAAU,CACX,CAAC;gBACF,GAAG,CAAC,OAAO,EAAE,CAAC;gBACd,OAAO;AACR,aAAA;AACD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;gBACpD,YAAY,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC;AACrD,gBAAA,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;gBACzB,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1C,IAAI,QAAQ,KAAK,CAAC,EAAE;AAClB,oBAAA,IAAI,IAAI,IAAI,IAAI,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AACrD,oBAAA,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC;AAC3B,iBAAA;AAAM,qBAAA;AACL,oBAAA,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;AACjC,iBAAA;AACD,gBAAA,IAAI,SAAS,IAAI,CAAC,YAAY,EAAE;oBAC9B,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;wBACrC,YAAY,GAAG,IAAI,CAAC;AACrB,qBAAA;AACF,iBAAA;gBACD,IAAI,CAAC,YAAY,EAAE;;oBAEjB,WAAW;wBACT,WAAW,IAAI,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;oBAChE,SAAS,GAAG,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/D,oBAAA,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CACxC,WAAW,EACX,SAAS,EACT,KAAK,CACN,CAAC;AACH,iBAAA;AACD,gBAAA,IAAI,YAAY,EAAE;AAChB,oBAAA,IAAI,IAAI,EAAE;wBACR,GAAG,CAAC,IAAI,EAAE,CAAC;wBACX,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;AACrD,wBAAA,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBAC1B,IAAI,CAAC,WAAW,CACd,MAAM,EACN,GAAG,EACH,SAAS,EACT,CAAC,EACD,aAAa,EACb,CAAC,QAAQ,GAAG,CAAC,EACb,CAAC,EACD,UAAU,CACX,CAAC;wBACF,GAAG,CAAC,OAAO,EAAE,CAAC;AACf,qBAAA;AAAM,yBAAA;wBACL,WAAW,GAAG,IAAI,CAAC;AACnB,wBAAA,IAAI,CAAC,WAAW,CACd,MAAM,EACN,GAAG,EACH,SAAS,EACT,CAAC,EACD,aAAa,EACb,WAAW,EACX,GAAG,EACH,UAAU,CACX,CAAC;AACH,qBAAA;oBACD,aAAa,GAAG,EAAE,CAAC;oBACnB,WAAW,GAAG,SAAS,CAAC;AACxB,oBAAA,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC;oBACxB,QAAQ,GAAG,CAAC,CAAC;AACd,iBAAA;AACF,aAAA;YACD,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;;;;;;;;AAUG;QACH,kCAAkC,EAAE,UAAU,MAAM,EAAA;YAClD,IAAI,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAC7C,IAAI;;AAEJ,YAAA,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EACrC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;AAC1C,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;AACtB,YAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB,YAAA,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,YAAA,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAClB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YACvB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,8BAA8B,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAClD,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;SACjD;AAED,QAAA,YAAY,EAAE,UAAU,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAA;YAC3C,IAAI,OAAO,EAAE,OAAO,CAAC;YACrB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,gBAAA,IACE,MAAM,CAAC,aAAa,KAAK,YAAY;AACrC,oBAAA,MAAM,CAAC,iBAAiB;oBACxB,MAAM,CAAC,gBAAgB,EACvB;;;;;AAKA,oBAAA,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AAC1B,oBAAA,OAAO,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAC3B,oBAAA,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;oBAChC,GAAG,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,kCAAkC,CAAC,MAAM,CAAC,CAAC;oBAChE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC/C,iBAAA;AAAM,qBAAA;;AAEL,oBAAA,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;oBACzC,OAAO,IAAI,CAAC,8BAA8B,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AACzD,iBAAA;AACF,aAAA;AAAM,iBAAA;;AAEL,gBAAA,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;AACxB,aAAA;YACD,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;SACnC;AAED,QAAA,gBAAgB,EAAE,UAAU,GAAG,EAAE,IAAI,EAAA;AACnC,YAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;AACjC,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;AACjC,YAAA,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC;AAC3C,YAAA,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;AACnC,YAAA,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;AACvC,YAAA,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAC3D;AAED,QAAA,cAAc,EAAE,UAAU,GAAG,EAAE,IAAI,EAAA;AACjC,YAAA,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;SACvD;AAED;;;;;;;;;;AAUG;AACH,QAAA,WAAW,EAAE,UACX,MAAM,EACN,GAAG,EACH,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,GAAG,EAAA;YAEH,IAAI,IAAI,GAAG,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,CAAC,EACxD,QAAQ,GAAG,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE,SAAS,CAAC,EACjE,UAAU,GAAG,MAAM,KAAK,UAAU,IAAI,QAAQ,CAAC,IAAI,EACnD,YAAY,GACV,MAAM,KAAK,YAAY,IAAI,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,WAAW,EACpE,WAAW,EACX,aAAa,CAAC;AAEhB,YAAA,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EAAE;gBAChC,OAAO;AACR,aAAA;YACD,GAAG,CAAC,IAAI,EAAE,CAAC;AAEX,YAAA,UAAU,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjE,YAAA,YAAY,KAAK,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;YAEvE,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAE9C,YAAA,IAAI,IAAI,IAAI,IAAI,CAAC,mBAAmB,EAAE;AACpC,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACzB,aAAA;AACD,YAAA,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;AACvB,gBAAA,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC;AACpB,aAAA;YACD,UAAU;AACR,gBAAA,GAAG,CAAC,QAAQ,CACV,KAAK,EACL,IAAI,GAAG,WAAW,CAAC,OAAO,EAC1B,GAAG,GAAG,WAAW,CAAC,OAAO,CAC1B,CAAC;YACJ,YAAY;AACV,gBAAA,GAAG,CAAC,UAAU,CACZ,KAAK,EACL,IAAI,GAAG,aAAa,CAAC,OAAO,EAC5B,GAAG,GAAG,aAAa,CAAC,OAAO,CAC5B,CAAC;YACJ,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;;;;AAMG;AACH,QAAA,cAAc,EAAE,UAAU,KAAK,EAAE,GAAG,EAAA;AAClC,YAAA,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACtD;AAED;;;;;;AAMG;AACH,QAAA,YAAY,EAAE,UAAU,KAAK,EAAE,GAAG,EAAA;AAChC,YAAA,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SACpD;AAED;;;;;;;;AAQG;AACH,QAAA,UAAU,EAAE,UAAU,KAAK,EAAE,GAAG,EAAE,MAAM,EAAA;YACtC,IAAI,GAAG,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,EAC7C,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAClC,GAAG,CAAC,SAAS,EACb,GAAG,CAAC,SAAS,EACb,UAAU,CACX,EACD,EAAE,GAAG,IAAI,CAAC,oBAAoB,CAC5B,GAAG,CAAC,SAAS,EACb,GAAG,CAAC,SAAS,EACb,QAAQ,CACT,EACD,KAAK,GAAG;AACN,gBAAA,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC,IAAI;AAChC,gBAAA,MAAM,EAAE,EAAE,GAAG,QAAQ,GAAG,MAAM,CAAC,QAAQ;aACxC,CAAC;YACJ,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAC3C,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;QACH,kBAAkB,EAAE,UAAU,SAAS,EAAA;AACrC,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAC1C,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,EACjC,SAAS,GAAG,IAAI,CAAC,SAAS,EAC1B,SAAS,GAAG,IAAI,CAAC,SAAS,EAC1B,eAAe,EACf,UAAU,GAAG,CAAC,EACd,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YACpD,IACE,SAAS,KAAK,SAAS;AACvB,iBAAC,SAAS,KAAK,gBAAgB,IAAI,CAAC,eAAe,CAAC;AACpD,iBAAC,SAAS,KAAK,eAAe,IAAI,CAAC,eAAe,CAAC;AACnD,iBAAC,SAAS,KAAK,cAAc,IAAI,CAAC,eAAe,CAAC,EAClD;AACA,gBAAA,OAAO,CAAC,CAAC;AACV,aAAA;YACD,IAAI,SAAS,KAAK,QAAQ,EAAE;AAC1B,gBAAA,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;AAC3B,aAAA;YACD,IAAI,SAAS,KAAK,OAAO,EAAE;gBACzB,UAAU,GAAG,QAAQ,CAAC;AACvB,aAAA;YACD,IAAI,SAAS,KAAK,gBAAgB,EAAE;AAClC,gBAAA,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;AAC3B,aAAA;YACD,IAAI,SAAS,KAAK,eAAe,EAAE;gBACjC,UAAU,GAAG,QAAQ,CAAC;AACvB,aAAA;YACD,IAAI,SAAS,KAAK,KAAK,EAAE;gBACvB,IACE,SAAS,KAAK,OAAO;AACrB,oBAAA,SAAS,KAAK,SAAS;oBACvB,SAAS,KAAK,eAAe,EAC7B;oBACA,UAAU,GAAG,CAAC,CAAC;AAChB,iBAAA;AAAM,qBAAA,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,cAAc,EAAE;oBAC/D,UAAU,GAAG,CAAC,QAAQ,CAAC;AACxB,iBAAA;AAAM,qBAAA,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,gBAAgB,EAAE;AACnE,oBAAA,UAAU,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC;AAC5B,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,UAAU,CAAC;SACnB;AAED;;AAEG;AACH,QAAA,WAAW,EAAE,YAAA;AACX,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;AACxB,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;SACxB;AAED;;AAEG;AACH,QAAA,0BAA0B,EAAE,YAAA;AAC1B,YAAA,IAAI,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACxC,WAAW;iBACR,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC,CAAC;AACnE,YAAA,IAAI,WAAW,EAAE;AACf,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AAClB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAC/B,aAAA;AACD,YAAA,OAAO,WAAW,CAAC;SACpB;AAED;;;;;;AAMG;QACH,YAAY,EAAE,UAAU,SAAS,EAAA;YAC/B,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,SAAS,EAAE;AAC9C,gBAAA,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;AACrC,aAAA;YAED,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,YAAA,IAAI,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;AACrC,YAAA,OAAO,KAAK,CAAC;SACd;AAED,QAAA,sBAAsB,EAAE,YAAA;AACtB,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;gBAC1B,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC;AAClD,aAAA;AACD,YAAA,OAAO,CAAC,CAAC;SACV;AAED;;;;;;AAMG;AACH,QAAA,oBAAoB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAA;YAC5D,IAAI,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YAChE,IAAI,SAAS,IAAI,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,WAAW,EAAE;AAC3D,gBAAA,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC;AAC5B,aAAA;AACD,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvB;AAED;;;AAGG;AACH,QAAA,qBAAqB,EAAE,UAAU,GAAG,EAAE,IAAI,EAAA;AACxC,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACvC,OAAO;AACR,aAAA;AACD,YAAA,IAAI,YAAY,EACd,IAAI,EACJ,KAAK,EACL,cAAc,EACd,EAAE,EACF,GAAG,EACH,IAAI,EACJ,cAAc,EACd,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,EAClC,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,EAChC,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,IAAI,CAAC,IAAI,EAChB,WAAW,GAAG,IAAI,CAAC,sBAAsB,EAAE,EAC3C,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC1D,gBAAA,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AACvC,gBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;oBAC1C,SAAS,IAAI,YAAY,CAAC;oBAC1B,SAAS;AACV,iBAAA;AACD,gBAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC1B,gBAAA,SAAS,GAAG,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC;AAC3C,gBAAA,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;gBAC5C,QAAQ,GAAG,CAAC,CAAC;gBACb,QAAQ,GAAG,CAAC,CAAC;gBACb,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;gBACvD,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AACnD,gBAAA,GAAG,GAAG,SAAS,GAAG,SAAS,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBAC3D,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAClC,EAAE,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;AAC/C,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;oBACjD,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClC,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;oBAC1D,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;oBACtD,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBACnC,GAAG,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;AAChD,oBAAA,IAAI,IAAI,IAAI,iBAAiB,IAAI,WAAW,EAAE;wBAC5C,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,wBAAA,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;wBACzB,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;AACrD,wBAAA,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBAC1B,GAAG,CAAC,QAAQ,CACV,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,EACxB,OAAO,GAAG,KAAK,GAAG,GAAG,EACrB,OAAO,CAAC,WAAW,EACnB,IAAI,CAAC,QAAQ,GAAG,EAAE,CACnB,CAAC;wBACF,GAAG,CAAC,OAAO,EAAE,CAAC;AACf,qBAAA;yBAAM,IACL,CAAC,iBAAiB,KAAK,cAAc;AACnC,wBAAA,WAAW,KAAK,QAAQ;AACxB,wBAAA,KAAK,KAAK,IAAI;wBACd,GAAG,KAAK,EAAE;wBACZ,QAAQ,GAAG,CAAC,EACZ;AACA,wBAAA,IAAI,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC;AACvD,wBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;4BAC5B,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,yBAAA;wBACD,IAAI,cAAc,IAAI,QAAQ,EAAE;AAC9B,4BAAA,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;4BACzB,GAAG,CAAC,QAAQ,CACV,SAAS,EACT,GAAG,GAAG,OAAO,GAAG,IAAI,GAAG,EAAE,EACzB,QAAQ,EACR,IAAI,CAAC,QAAQ,GAAG,EAAE,CACnB,CAAC;AACH,yBAAA;AACD,wBAAA,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;AACxB,wBAAA,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC;wBACzB,cAAc,GAAG,iBAAiB,CAAC;wBACnC,QAAQ,GAAG,WAAW,CAAC;wBACvB,IAAI,GAAG,KAAK,CAAC;wBACb,EAAE,GAAG,GAAG,CAAC;AACV,qBAAA;AAAM,yBAAA;AACL,wBAAA,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;AACjC,qBAAA;AACF,iBAAA;AACD,gBAAA,IAAI,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC;AACvD,gBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;oBAC5B,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,iBAAA;AACD,gBAAA,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC;gBAC5B,iBAAiB;oBACf,WAAW;oBACX,GAAG,CAAC,QAAQ,CACV,SAAS,EACT,GAAG,GAAG,OAAO,GAAG,IAAI,GAAG,EAAE,EACzB,QAAQ,GAAG,WAAW,EACtB,IAAI,CAAC,QAAQ,GAAG,EAAE,CACnB,CAAC;gBACJ,SAAS,IAAI,YAAY,CAAC;AAC3B,aAAA;;;AAGD,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;SACzB;AAED;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,UAAU,WAAW,EAAE,YAAY,EAAA;AACtD,YAAA,IAAI,KAAK,GAAG,WAAW,IAAI,IAAI,EAC7B,MAAM,GAAG,IAAI,CAAC,UAAU,EACxB,aAAa,GACX,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAChE,YAAA,IAAI,UAAU,GACZ,MAAM,KAAK,SAAS;AACpB,gBAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACxB,gBAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACxB,gBAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACxB,aAAa;kBACT,KAAK,CAAC,UAAU;kBAChB,GAAG,GAAG,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;YACnC,OAAO;;;AAGL,gBAAA,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS;AACxD,gBAAA,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,UAAU;AACxD,gBAAA,YAAY,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI;gBAClE,UAAU;AACX,aAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACb;AAED;;;AAGG;QACH,MAAM,EAAE,UAAU,GAAG,EAAA;;AAEnB,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO;AACR,aAAA;YACD,IACE,IAAI,CAAC,MAAM;gBACX,IAAI,CAAC,MAAM,CAAC,aAAa;gBACzB,CAAC,IAAI,CAAC,KAAK;AACX,gBAAA,CAAC,IAAI,CAAC,UAAU,EAAE,EAClB;gBACA,OAAO;AACR,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE,EAAE;gBACrC,IAAI,CAAC,cAAc,EAAE,CAAC;AACvB,aAAA;AACD,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;SAC/B;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,KAAK,EAAA;YAC5B,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAChD;AAED;;;;AAIG;QACH,mBAAmB,EAAE,UAAU,IAAI,EAAA;AACjC,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,EACrC,QAAQ,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAClC,OAAO,GAAG,CAAC,IAAI,CAAC,EAChB,OAAO,GAAG,EAAE,CAAC;AACf,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrC,gBAAA,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3C,gBAAA,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAChD,aAAA;YACD,OAAO,CAAC,GAAG,EAAE,CAAC;YACd,OAAO;AACL,gBAAA,eAAe,EAAE,QAAQ;AACzB,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,YAAY,EAAE,OAAO;AACrB,gBAAA,aAAa,EAAE,QAAQ;aACxB,CAAC;SACH;AAED;;;;AAIG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;YACrC,IAAI,aAAa,GAAG,eAAe,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;YAChE,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;AACpD,YAAA,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/D,IAAI,GAAG,CAAC,IAAI,EAAE;gBACZ,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AACjC,aAAA;AACD,YAAA,OAAO,GAAG,CAAC;SACZ;AAED;;;;;;AAMG;AACH,QAAA,GAAG,EAAE,UAAU,GAAG,EAAE,KAAK,EAAA;YACvB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;YAClC,IAAI,SAAS,GAAG,KAAK,CAAC;YACtB,IAAI,YAAY,GAAG,KAAK,CAAC;AACzB,YAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC3B,gBAAA,KAAK,IAAI,IAAI,IAAI,GAAG,EAAE;oBACpB,IAAI,IAAI,KAAK,MAAM,EAAE;wBACnB,IAAI,CAAC,WAAW,EAAE,CAAC;AACpB,qBAAA;oBACD,SAAS;AACP,wBAAA,SAAS,IAAI,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AAClE,oBAAA,YAAY,GAAG,YAAY,IAAI,IAAI,KAAK,MAAM,CAAC;AAChD,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9D,gBAAA,YAAY,GAAG,GAAG,KAAK,MAAM,CAAC;AAC/B,aAAA;AACD,YAAA,IAAI,YAAY,EAAE;gBAChB,IAAI,CAAC,WAAW,EAAE,CAAC;AACpB,aAAA;AACD,YAAA,IAAI,SAAS,EAAE;gBACb,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;AACH,QAAA,UAAU,EAAE,YAAA;AACV,YAAA,OAAO,CAAC,CAAC;SACV;AACF,KAAA,CACF,CAAC;;AAGF;;;;;AAKG;AACH,IAAA,MAAM,CAAC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAC3D,mGAAmG,CAAC,KAAK,CACvG,GAAG,CACJ,CACF,CAAC;AAEF;;;;;;;AAOG;IACH,MAAM,CAAC,IAAI,CAAC,WAAW,GAAG,UAAU,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAA;QAC5D,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvB,SAAA;QAED,IAAI,gBAAgB,GAAG,MAAM,CAAC,eAAe,CACzC,OAAO,EACP,MAAM,CAAC,IAAI,CAAC,eAAe,CAC5B,EACD,YAAY,GAAG,gBAAgB,CAAC,UAAU,IAAI,MAAM,CAAC;QACvD,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAEvD,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC;QACjC,IAAI,gBAAgB,CAAC,cAAc,EAAE;AACnC,YAAA,IAAI,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;YACrD,IAAI,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE;AAC9C,gBAAA,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;AAC1B,aAAA;YACD,IAAI,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE;AAC7C,gBAAA,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;AACzB,aAAA;YACD,IAAI,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE;AACjD,gBAAA,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;AAC5B,aAAA;YACD,OAAO,OAAO,CAAC,cAAc,CAAC;AAC/B,SAAA;QACD,IAAI,IAAI,IAAI,gBAAgB,EAAE;AAC5B,YAAA,OAAO,CAAC,IAAI,IAAI,gBAAgB,CAAC,EAAE,CAAC;AACrC,SAAA;QACD,IAAI,IAAI,IAAI,gBAAgB,EAAE;AAC5B,YAAA,OAAO,CAAC,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC;AACpC,SAAA;AACD,QAAA,IAAI,EAAE,UAAU,IAAI,OAAO,CAAC,EAAE;AAC5B,YAAA,OAAO,CAAC,QAAQ,GAAG,qBAAqB,CAAC;AAC1C,SAAA;QAED,IAAI,WAAW,GAAG,EAAE,CAAC;;;;AAKrB,QAAA,IAAI,EAAE,aAAa,IAAI,OAAO,CAAC,EAAE;YAC/B,IAAI,YAAY,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,KAAK,IAAI,EAAE;AAC1D,gBAAA,IAAI,MAAM,IAAI,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,IAAI,EAAE;AACpE,oBAAA,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;AACvC,iBAAA;AACF,aAAA;AACF,SAAA;AAAM,aAAA;AACL,YAAA,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;AACnC,SAAA;AAED,QAAA,WAAW,GAAG,WAAW;AACtB,aAAA,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC;AAC7B,aAAA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACxB,QAAA,IAAI,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC;AAC9C,QAAA,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;AAExB,QAAA,IAAI,IAAI,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAC9C,qBAAqB,GAAG,IAAI,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,MAAM,EAC5D,cAAc,GACZ,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,EAClE,UAAU,GAAG,cAAc,GAAG,qBAAqB,EACnD,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,GAAG,UAAU,EAChD,IAAI,GAAG,CAAC,CAAC;AACX;;;;AAIE;QACF,IAAI,YAAY,KAAK,QAAQ,EAAE;AAC7B,YAAA,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;AAClC,SAAA;QACD,IAAI,YAAY,KAAK,OAAO,EAAE;AAC5B,YAAA,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B,SAAA;QACD,IAAI,CAAC,GAAG,CAAC;AACP,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI;YACtB,GAAG,EACD,IAAI,CAAC,GAAG;AACR,gBAAA,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,GAAG,IAAI,CAAC,iBAAiB,CAAC;AAC3D,oBAAA,IAAI,CAAC,UAAU;AACnB,YAAA,WAAW,EACT,OAAO,mBAAmB,KAAK,WAAW,GAAG,mBAAmB,GAAG,CAAC;AACvE,SAAA,CAAC,CAAC;QACH,QAAQ,CAAC,IAAI,CAAC,CAAC;AACjB,KAAC,CAAC;;AAGF;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;AACvC,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;;AAErE,QAAA,IAAI,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QAC5D,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE;AACrD,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,MAAM,CAAC,IAAI,CAAC,YAAY,GAAG;QACzB,YAAY;QACZ,OAAO;QACP,SAAS;QACT,SAAS;QACT,WAAW;KACZ,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC13DrD;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,IAAI,CAAC,SAAS;AACrB,wCAAoC;AAClC;;;;AAIG;QACH,aAAa,EAAE,UAAU,SAAS,EAAA;AAChC,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AAC/D,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,GAAG,GACL,OAAO,SAAS,KAAK,WAAW;kBAC5B,IAAI,CAAC,MAAM;kBACX,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;AACvC,YAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;AAClB,gBAAA,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE;;oBAEtB,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC1B,wBAAA,OAAO,KAAK,CAAC;AACd,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;;AAMG;AACH,QAAA,QAAQ,EAAE,UAAU,QAAQ,EAAE,SAAS,EAAA;YACrC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,EAAE,EAAE;AAChD,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AAC/D,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;AACD,YAAA,IAAI,GAAG,GACL,OAAO,SAAS,KAAK,WAAW;kBAC5B,IAAI,CAAC,MAAM;kBACX,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;;AAEpC,YAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;;AAElB,gBAAA,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE;AACtB,oBAAA,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,WAAW,EAAE;AAChD,wBAAA,OAAO,IAAI,CAAC;AACb,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;;;;;;;AASG;QACH,UAAU,EAAE,UAAU,QAAQ,EAAA;YAC5B,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,EAAE,EAAE;AAChD,gBAAA,OAAO,KAAK,CAAC;AACd,aAAA;YACD,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EACnB,WAAW,GAAG,CAAC,EACf,WAAW,EACX,kBAAkB,EAClB,6BAA6B,GAAG,IAAI,EACpC,aAAa,GAAG,CAAC,EACjB,WAAW,CAAC;;AAEd,YAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;gBAClB,WAAW,GAAG,CAAC,CAAC;;AAEhB,gBAAA,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE;AACtB,oBAAA,IAAI,WAAW,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAC3B,uBAAuB,GAAG,WAAW,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEjE,oBAAA,WAAW,EAAE,CAAC;AAEd,oBAAA,IAAI,uBAAuB,EAAE;wBAC3B,IAAI,CAAC,kBAAkB,EAAE;AACvB,4BAAA,kBAAkB,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;AAC5C,yBAAA;AAAM,6BAAA,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,kBAAkB,EAAE;4BACvD,6BAA6B,GAAG,KAAK,CAAC;AACvC,yBAAA;wBAED,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,EAAE;AAC5C,4BAAA,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC;AAC9B,yBAAA;AACF,qBAAA;AAAM,yBAAA;wBACL,6BAA6B,GAAG,KAAK,CAAC;AACvC,qBAAA;oBAED,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AACzC,wBAAA,WAAW,EAAE,CAAC;AACf,qBAAA;AAAM,yBAAA;AACL,wBAAA,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACpB,qBAAA;AACF,iBAAA;gBAED,IAAI,WAAW,KAAK,CAAC,EAAE;AACrB,oBAAA,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC;AAChB,iBAAA;AACF,aAAA;;;AAGD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC/C,aAAa,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5C,aAAA;AACD,YAAA,IAAI,6BAA6B,IAAI,WAAW,KAAK,aAAa,EAAE;AAClE,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,kBAAkB,CAAC;AACpC,gBAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AAC5B,aAAA;SACF;AAED;;;;;;AAMG;QACH,WAAW,EAAE,UAAU,QAAQ,EAAA;YAC7B,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,EAAE,EAAE;gBAChD,OAAO;AACR,aAAA;YACD,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EACnB,IAAI,EACJ,OAAO,EACP,OAAO,CAAC;YACV,KAAK,OAAO,IAAI,GAAG,EAAE;AACnB,gBAAA,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC;gBACpB,KAAK,OAAO,IAAI,IAAI,EAAE;AACpB,oBAAA,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC/B,oBAAA,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3C,wBAAA,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AACtB,qBAAA;AACF,iBAAA;gBACD,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AAClC,oBAAA,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC;AACrB,iBAAA;AACF,aAAA;SACF;AAED;;AAEG;AACH,QAAA,aAAa,EAAE,UAAU,KAAK,EAAE,MAAM,EAAA;YACpC,IAAI,GAAG,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAE1C,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACtC,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACnC,aAAA;AAED,YAAA,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE;AAC5D,gBAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AAC7D,aAAA;YAED,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EACvD,MAAM,CACP,CAAC;SACH;AAED;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,UAAU,cAAc,EAAE,YAAY,EAAA;AACzD,YAAA,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AACzC,gBAAA,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;AACtC,aAAA;YACD,IAAI,KAAK,GAAG,YAAY,GAAG,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,EACnE,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;YACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;gBAC5B,IAAI,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE;oBACrC,OAAO;AACL,wBAAA,SAAS,EAAE,CAAC;AACZ,wBAAA,SAAS,EAAE,cAAc;qBAC1B,CAAC;AACH,iBAAA;AACD,gBAAA,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAClE,aAAA;YACD,OAAO;gBACL,SAAS,EAAE,CAAC,GAAG,CAAC;gBAChB,SAAS,EACP,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,cAAc;sBAChC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AACrB,sBAAE,cAAc;aACrB,CAAC;SACH;AAED;;;;;;;AAOG;AACH,QAAA,kBAAkB,EAAE,UAAU,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAC1D,YAAA,IAAI,OAAO,UAAU,KAAK,WAAW,EAAE;AACrC,gBAAA,UAAU,GAAG,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC;AACvC,aAAA;AACD,YAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACnC,gBAAA,QAAQ,GAAG,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC;AAC5C,aAAA;YACD,IAAI,MAAM,GAAG,EAAE,CAAC;YAChB,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;AAC1C,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACnD,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;;;;AAMG;AACH,QAAA,kBAAkB,EAAE,UAAU,QAAQ,EAAE,QAAQ,EAAA;YAC9C,IAAI,GAAG,GAAG,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAC1C,KAAK,GAAG,QAAQ;AACd,kBAAE,IAAI,CAAC,2BAA2B,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC;AAChE,kBAAE,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;YAC9D,OAAO,KAAK,IAAI,EAAE,CAAC;SACpB;AAED;;;;;;;AAOG;AACH,QAAA,kBAAkB,EAAE,UAAU,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAA;AACxD,YAAA,IAAI,OAAO,UAAU,KAAK,WAAW,EAAE;AACrC,gBAAA,UAAU,GAAG,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC;AACvC,aAAA;AACD,YAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACnC,gBAAA,QAAQ,GAAG,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC;AAC5C,aAAA;YACD,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;AAC1C,gBAAA,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC/B,aAAA;;AAED,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AAC7B,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;;AAKG;AACH,QAAA,oBAAoB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAA;AAClD,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACtD,IAAI,CAAC,SAAS,EAAE;AACd,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;SAC7B;AAED;;;;;;AAMG;AACH,QAAA,2BAA2B,EAAE,UAAU,SAAS,EAAE,SAAS,EAAA;AACzD,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,CAAC,IAAI,EAAE,EAC/D,WAAW,GAAG,EAAE,EAChB,IAAI,CAAC;AACP,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,gBAAA,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBAChC,WAAW,CAAC,IAAI,CAAC;oBACf,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACjE,aAAA;AACD,YAAA,OAAO,WAAW,CAAC;SACpB;AAED;;;;;AAKG;AACH,QAAA,oBAAoB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAE,KAAK,EAAA;YACzD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;SAC3C;AAED;;;;;AAKG;AACH,QAAA,uBAAuB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAA;YACrD,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;SAC1C;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,SAAS,EAAA;YAChC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SACjC;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,SAAS,EAAA;AAChC,YAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;SAC7B;AAED;;;AAGG;QACH,gBAAgB,EAAE,UAAU,SAAS,EAAA;AACnC,YAAA,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC/B;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC5VrD;AAGA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDG;IACH,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CACpC,MAAM,CAAC,IAAI;AACX,yCAAqC;AACnC;;;;AAIG;AACH,QAAA,IAAI,EAAE,QAAQ;AAEd;;;;AAIG;AACH,QAAA,cAAc,EAAE,CAAC;AAEjB;;;;AAIG;AACH,QAAA,YAAY,EAAE,CAAC;AAEf;;;;AAIG;AACH,QAAA,cAAc,EAAE,sBAAsB;AAEtC;;;;AAIG;AACH,QAAA,SAAS,EAAE,KAAK;AAEhB;;;;AAIG;AACH,QAAA,QAAQ,EAAE,IAAI;AAEd;;;;AAIG;AACH,QAAA,kBAAkB,EAAE,wBAAwB;AAE5C;;;;AAIG;AACH,QAAA,WAAW,EAAE,CAAC;AAEd;;;;;;;AAOG;AACH,QAAA,WAAW,EAAE,EAAE;AAEf;;;;AAIG;AACH,QAAA,WAAW,EAAE,IAAI;AAEjB;;;;AAIG;AACH,QAAA,cAAc,EAAE,GAAG;AAEnB;;;;AAIG;AACH,QAAA,OAAO,EAAE,IAAI;AAEb;;;;;;;AAOG;AACH,QAAA,uBAAuB,EAAE,IAAI;AAE7B;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AAEjB;;AAEG;AACH,QAAA,qBAAqB,EAAE,CAAC;AAExB;;AAEG;AACH,QAAA,mBAAmB,EAAE,IAAI;AAEzB;;;AAGG;AACH,QAAA,iBAAiB,EAAE,KAAK;AAExB;;;;;AAKG;AACH,QAAA,UAAU,EAAE,UAAU,IAAI,EAAE,OAAO,EAAA;YACjC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;YAC5C,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;AAED;;;;;AAKG;AACH,QAAA,IAAI,EAAE,UAAU,GAAG,EAAE,KAAK,EAAA;AACxB,YAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE;AACjE,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC/B,aAAA;AAAM,iBAAA;gBACL,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACpC,aAAA;SACF;AAED;;;AAGG;QACH,iBAAiB,EAAE,UAAU,KAAK,EAAA;YAChC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;SAC9C;AAED;;;AAGG;QACH,eAAe,EAAE,UAAU,KAAK,EAAA;AAC9B,YAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC1C,YAAA,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;SAC5C;AAED;;;;AAIG;AACH,QAAA,cAAc,EAAE,UAAU,QAAQ,EAAE,KAAK,EAAA;AACvC,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,EAAE;gBAC5B,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC7B,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;AACxB,aAAA;YACD,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;AAED;;;AAGG;AACH,QAAA,qBAAqB,EAAE,YAAA;AACrB,YAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,MAAM;AACT,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SAChE;AAED;;;;;;AAMG;AACH,QAAA,cAAc,EAAE,YAAA;AACd,YAAA,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;SAClC;AAED;;;AAGG;QACH,MAAM,EAAE,UAAU,GAAG,EAAA;YACnB,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;;;AAG9B,YAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;YAC5B,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,GAAG,EAAA;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;SAChC;AAED;;;AAGG;AACH,QAAA,uBAAuB,EAAE,YAAA;AACvB,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,OAAO;AACR,aAAA;YACD,IAAI,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,GAAG,EAAE;gBACR,OAAO;AACR,aAAA;AACD,YAAA,IAAI,UAAU,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC7C,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EAAE;AAC7C,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;AACpC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;AACvC,aAAA;YACD,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;AAED;;;;AAIG;QACH,cAAc,EAAE,UAAU,cAAc,EAAA;YACtC,IAAI,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;SACxE;AAED;;;;;;;AAOG;AACH,QAAA,oBAAoB,EAAE,UAAU,KAAK,EAAE,WAAW,EAAA;AAChD,YAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;AAChC,gBAAA,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC;AAC7B,aAAA;YACD,IAAI,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,EAC9B,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,EAC1B,OAAO,GAAG,IAAI,CAAC,2BAA2B,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YACjE,OAAO;AACL,gBAAA,IAAI,EAAE,IAAI;AACV,gBAAA,GAAG,EAAE,GAAG;gBACR,UAAU,EAAE,OAAO,CAAC,IAAI;gBACxB,SAAS,EAAE,OAAO,CAAC,GAAG;aACvB,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,2BAA2B,EAAE,UAAU,KAAK,EAAE,WAAW,EAAA;AACvD,YAAA,IAAI,WAAW,EAAE;AACf,gBAAA,OAAO,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;AACjD,aAAA;YACD,IAAI,IAAI,CAAC,iBAAiB,IAAI,KAAK,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC;AAC/B,aAAA;YACD,QAAQ,IAAI,CAAC,iBAAiB;AAC5B,gBAAA,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,EAAE;SAC7C;AAED;;;;AAIG;QACH,4BAA4B,EAAE,UAAU,KAAK,EAAA;YAC3C,IAAI,cAAc,EAChB,SAAS,EACT,SAAS,EACT,SAAS,GAAG,CAAC,EACb,UAAU,GAAG,CAAC,EACd,UAAU,EACV,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;AACnD,YAAA,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;AACrC,YAAA,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;YACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;AAClC,gBAAA,SAAS,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AACtC,aAAA;AACD,YAAA,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YACpD,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;YACpD,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACnC,YAAA,IACE,IAAI,CAAC,WAAW,KAAK,CAAC;gBACtB,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,EAC/C;AACA,gBAAA,UAAU,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAC7C,aAAA;AACD,YAAA,UAAU,GAAG;AACX,gBAAA,GAAG,EAAE,SAAS;AACd,gBAAA,IAAI,EAAE,cAAc,IAAI,UAAU,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;aACzD,CAAC;AACF,YAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;AAC5B,gBAAA,IACE,IAAI,CAAC,SAAS,KAAK,OAAO;oBAC1B,IAAI,CAAC,SAAS,KAAK,SAAS;AAC5B,oBAAA,IAAI,CAAC,SAAS,KAAK,eAAe,EAClC;AACA,oBAAA,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;AACvB,iBAAA;AAAM,qBAAA,IACL,IAAI,CAAC,SAAS,KAAK,MAAM;AACzB,oBAAA,IAAI,CAAC,SAAS,KAAK,cAAc,EACjC;AACA,oBAAA,UAAU,CAAC,IAAI;AACb,wBAAA,cAAc,IAAI,UAAU,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;AACtD,iBAAA;AAAM,qBAAA,IACL,IAAI,CAAC,SAAS,KAAK,QAAQ;AAC3B,oBAAA,IAAI,CAAC,SAAS,KAAK,gBAAgB,EACnC;AACA,oBAAA,UAAU,CAAC,IAAI;AACb,wBAAA,cAAc,IAAI,UAAU,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;AACtD,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,UAAU,CAAC;SACnB;AAED;;;;AAIG;AACH,QAAA,YAAY,EAAE,UAAU,GAAG,EAAE,UAAU,EAAA;YACrC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAC1D;AAED,QAAA,aAAa,EAAE,UAAU,GAAG,EAAE,UAAU,EAAE,cAAc,EAAA;AACtD,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAC3D,SAAS,GAAG,cAAc,CAAC,SAAS,EACpC,SAAS,GACP,cAAc,CAAC,SAAS,GAAG,CAAC,GAAG,cAAc,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,EACjE,UAAU,GAAG,IAAI,CAAC,oBAAoB,CACpC,SAAS,EACT,SAAS,EACT,UAAU,CACX,EACD,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAChD,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,UAAU,EAC3C,SAAS,GAAG,UAAU,CAAC,SAAS,EAChC,EAAE,GAAG,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;YACjE,SAAS;AACP,gBAAA,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;AAC7D,oBAAA,IAAI,CAAC,UAAU;oBACjB,UAAU,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAE5C,IAAI,IAAI,CAAC,iBAAiB,EAAE;;;AAG1B,gBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;AACvC,aAAA;AACD,YAAA,GAAG,CAAC,SAAS;AACX,gBAAA,IAAI,CAAC,WAAW;oBAChB,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAC1D,YAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACtE,GAAG,CAAC,QAAQ,CACV,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,EACzD,SAAS,GAAG,UAAU,CAAC,GAAG,GAAG,EAAE,EAC/B,WAAW,EACX,UAAU,CACX,CAAC;SACH;AAED;;;;AAIG;AACH,QAAA,eAAe,EAAE,UAAU,GAAG,EAAE,UAAU,EAAA;AACxC,YAAA,IAAI,SAAS,GAAG;gBACd,cAAc,EAAE,IAAI,CAAC,iBAAiB;AACpC,sBAAE,IAAI,CAAC,cAAc,CAAC,cAAc;sBAClC,IAAI,CAAC,cAAc;gBACvB,YAAY,EAAE,IAAI,CAAC,iBAAiB;AAClC,sBAAE,IAAI,CAAC,cAAc,CAAC,YAAY;sBAChC,IAAI,CAAC,YAAY;aACtB,CAAC;YACF,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SACnD;AAED;;AAEG;AACH,QAAA,sBAAsB,EAAE,YAAA;YACtB,IACE,IAAI,CAAC,YAAY;AACjB,gBAAA,IAAI,CAAC,oBAAoB;gBACzB,IAAI,CAAC,oBAAoB,EACzB;gBACA,IAAI,CAAC,gBAAgB,CACnB,IAAI,CAAC,MAAM,CAAC,UAAU,EACtB,IAAI,CAAC,oBAAoB,EACzB,IAAI,CAAC,oBAAoB,CACvB,IAAI,CAAC,oBAAoB,CAAC,cAAc,EACxC,IAAI,CACL,CACF,CAAC;AACH,aAAA;SACF;QAED,sBAAsB,EAAE,UAAU,CAAC,EAAA;YACjC,IAAI,aAAa,GAAG,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC;AACzD,YAAA,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;SACpC;AAED;;;;;;AAMG;AACH,QAAA,gBAAgB,EAAE,UAAU,GAAG,EAAE,SAAS,EAAE,UAAU,EAAA;AACpD,YAAA,IAAI,cAAc,GAAG,SAAS,CAAC,cAAc,EAC3C,YAAY,GAAG,SAAS,CAAC,YAAY,EACrC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EACpD,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAChD,GAAG,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAC5C,SAAS,GAAG,KAAK,CAAC,SAAS,EAC3B,OAAO,GAAG,GAAG,CAAC,SAAS,EACvB,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,EACrD,OAAO,GAAG,GAAG,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC;YAElD,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE;AACzC,gBAAA,IAAI,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,EAC9C,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACpC,cAAc,GAAG,CAAC,EAClB,QAAQ,GAAG,CAAC,EACZ,MAAM,GAAG,CAAC,CAAC;gBAEb,IAAI,CAAC,KAAK,SAAS,EAAE;AACnB,oBAAA,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC;AACzD,iBAAA;AACD,gBAAA,IAAI,CAAC,IAAI,SAAS,IAAI,CAAC,GAAG,OAAO,EAAE;oBACjC,MAAM;AACJ,wBAAA,SAAS,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;8BACjC,IAAI,CAAC,KAAK;8BACV,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AACjC,iBAAA;qBAAM,IAAI,CAAC,KAAK,OAAO,EAAE;oBACxB,IAAI,OAAO,KAAK,CAAC,EAAE;AACjB,wBAAA,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;AACnD,qBAAA;AAAM,yBAAA;AACL,wBAAA,IAAI,WAAW,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;wBAChD,MAAM;4BACJ,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI;gCAC5C,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK;AAC7C,gCAAA,WAAW,CAAC;AACf,qBAAA;AACF,iBAAA;gBACD,cAAc,GAAG,UAAU,CAAC;AAC5B,gBAAA,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC,KAAK,OAAO,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,EAAE;AACjE,oBAAA,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC;AAC/B,iBAAA;gBACD,IAAI,SAAS,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,GAAG,QAAQ,EACrD,SAAS,GAAG,MAAM,GAAG,QAAQ,EAC7B,UAAU,GAAG,UAAU,EACvB,QAAQ,GAAG,CAAC,CAAC;gBACf,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,IAAI,OAAO,CAAC;oBACjD,UAAU,GAAG,CAAC,CAAC;oBACf,QAAQ,GAAG,UAAU,CAAC;AACvB,iBAAA;AAAM,qBAAA;AACL,oBAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC;AACrC,iBAAA;AACD,gBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;AAC5B,oBAAA,IACE,IAAI,CAAC,SAAS,KAAK,OAAO;wBAC1B,IAAI,CAAC,SAAS,KAAK,SAAS;AAC5B,wBAAA,IAAI,CAAC,SAAS,KAAK,eAAe,EAClC;wBACA,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AAChD,qBAAA;AAAM,yBAAA,IACL,IAAI,CAAC,SAAS,KAAK,MAAM;AACzB,wBAAA,IAAI,CAAC,SAAS,KAAK,cAAc,EACjC;wBACA,SAAS,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,GAAG,MAAM,CAAC;AACnD,qBAAA;AAAM,yBAAA,IACL,IAAI,CAAC,SAAS,KAAK,QAAQ;AAC3B,wBAAA,IAAI,CAAC,SAAS,KAAK,gBAAgB,EACnC;wBACA,SAAS,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,GAAG,MAAM,CAAC;AACnD,qBAAA;AACF,iBAAA;AACD,gBAAA,GAAG,CAAC,QAAQ,CACV,SAAS,EACT,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,SAAS,GAAG,QAAQ,EAChD,SAAS,EACT,UAAU,CACX,CAAC;AACF,gBAAA,UAAU,CAAC,SAAS,IAAI,cAAc,CAAC;AACxC,aAAA;SACF;AAED;;;;;;AAMG;AACH,QAAA,sBAAsB,EAAE,YAAA;AACtB,YAAA,IAAI,EAAE,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACrC,YAAA,OAAO,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;SAC1D;AAED;;;;;;;AAOG;AACH,QAAA,mBAAmB,EAAE,YAAA;AACnB,YAAA,IAAI,EAAE,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACrC,YAAA,OAAO,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;SACtD;AAED;;;AAGG;AACH,QAAA,oBAAoB,EAAE,YAAA;AACpB,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,mBAAmB,CACzC,IAAI,CAAC,cAAc,EACnB,IAAI,CACL,EACD,SAAS,GACP,cAAc,CAAC,SAAS,GAAG,CAAC,GAAG,cAAc,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;YACpE,OAAO,EAAE,CAAC,EAAE,cAAc,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;SACtD;AACF,KAAA,CACF,CAAC;AAEF;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;AACxC,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;;AAErE,QAAA,IAAI,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QAC5D,OAAOE,uBAAY,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE;AACrD,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC1nBrD;AAIA;AACA,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAEnC,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,KAAK,CAAC,SAAS;AACtB,yCAAqC;AACnC;;AAEG;AACH,QAAA,YAAY,EAAE,YAAA;YACZ,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACnC,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACjC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5C,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAC1C,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5C,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACxC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACnC;AAED,QAAA,UAAU,EAAE,YAAA;AACV,YAAA,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;AACrC,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB;AAED;;AAEG;AACH,QAAA,gBAAgB,EAAE,YAAA;YAChB,IAAI,KAAK,GAAG,IAAI,CAAC;AACjB,YAAA,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,GAAG,EAAA;;AAE5B,gBAAA,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;AACxB,gBAAA,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;AAC7B,wBAAA,MAAM,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAChC,wBAAA,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;AACnC,qBAAA;oBACD,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,IAAI,EAAE,CAAC;AACtD,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpC,iBAAA;AACH,aAAC,CAAC,CAAC;SACJ;AAED,QAAA,kBAAkB,EAAE,YAAA;YAClB,IAAI,KAAK,GAAG,IAAI,CAAC;AACjB,YAAA,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,GAAG,EAAA;;AAE9B,gBAAA,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;AACxB,gBAAA,IAAI,MAAM,EAAE;oBACV,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,IAAI,EAAE,CAAC;AACtD,oBAAA,eAAe,CAAC,MAAM,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC/C,oBAAA,IAAI,MAAM,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;AACvC,wBAAA,MAAM,CAAC,iBAAiB,GAAG,KAAK,CAAC;AACjC,wBAAA,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;AACrC,qBAAA;AACF,iBAAA;AACH,aAAC,CAAC,CAAC;SACJ;AAED;;;AAGG;QACH,mBAAmB,EAAE,UAAU,MAAM,EAAA;YACnC,MAAM,CAAC,oBAAoB,GAAG,YAAA;gBAC5B,IAAI,MAAM,CAAC,eAAe,EAAE;AAC1B,oBAAA,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,UAAU,GAAG,EAAA;AAC1C,wBAAA,GAAG,CAAC,aAAa,GAAG,KAAK,CAAC;AAC5B,qBAAC,CAAC,CAAC;AACJ,iBAAA;AACH,aAAC,CAAC;YACF,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC;SACpD;AAED;;;AAGG;QACH,qBAAqB,EAAE,UAAU,MAAM,EAAA;YACrC,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC;SACrD;AAED;;AAEG;AACH,QAAA,KAAK,EAAE,YAAA;AACL,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAC1C,IAAI,EACJ,CAAC,EACD,IAAI,CAAC,cAAc,EACnB,iBAAiB,CAClB,CAAC;SACH;AAED;;AAEG;QACH,cAAc,EAAE,UAAU,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAA;AACpE,YAAA,IAAI,SAAS,GAAG;AACd,gBAAA,SAAS,EAAE,KAAK;AAChB,gBAAA,KAAK,EAAE,YAAA;AACL,oBAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;iBACvB;aACF,CAAC;AAEF,YAAA,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,aAAa,EAAE;AAClD,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,UAAU,EAAE,YAAA;AACV,oBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;AACxB,wBAAA,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;AACvB,qBAAA;iBACF;AACD,gBAAA,QAAQ,EAAE,YAAA;;oBAER,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,cAAc,KAAK,GAAG,CAAC,YAAY,EAAE;wBACzD,GAAG,CAAC,uBAAuB,EAAE,CAAC;AAC/B,qBAAA;iBACF;AACD,gBAAA,KAAK,EAAE,YAAA;oBACL,OAAO,SAAS,CAAC,SAAS,CAAC;iBAC5B;AACF,aAAA,CAAC,CAAC;AACH,YAAA,OAAO,SAAS,CAAC;SAClB;AAED;;AAEG;AACH,QAAA,eAAe,EAAE,YAAA;YACf,IAAI,KAAK,GAAG,IAAI,CAAC;YAEjB,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AACpC,aAAA;AACD,YAAA,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,YAAA;AAChC,gBAAA,KAAK,CAAC,yBAAyB,GAAG,KAAK,CAAC,cAAc,CACpD,KAAK,EACL,CAAC,EACD,IAAI,CAAC,cAAc,GAAG,CAAC,EACvB,OAAO,CACR,CAAC;aACH,EAAE,GAAG,CAAC,CAAC;SACT;AAED;;AAEG;QACH,iBAAiB,EAAE,UAAU,OAAO,EAAA;AAClC,YAAA,IAAI,KAAK,GAAG,IAAI,EACd,KAAK,GAAG,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;YAEzC,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC5B,YAAA,IAAI,KAAK,EAAE;AACT,gBAAA,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,YAAA;oBAChC,KAAK,CAAC,KAAK,EAAE,CAAC;iBACf,EAAE,KAAK,CAAC,CAAC;AACX,aAAA;AAAM,iBAAA;gBACL,IAAI,CAAC,KAAK,EAAE,CAAC;AACd,aAAA;SACF;AAED;;AAEG;AACH,QAAA,oBAAoB,EAAE,YAAA;YACpB,IAAI,WAAW,GACb,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,yBAAyB,CAAC;YAC3D,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;AACzD,YAAA,IAAI,CAAC,yBAAyB;AAC5B,gBAAA,IAAI,CAAC,yBAAyB,CAAC,KAAK,EAAE,CAAC;AAEzC,YAAA,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AACnC,YAAA,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AAEnC,YAAA,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC;;AAG/B,YAAA,IAAI,WAAW,EAAE;gBACf,IAAI,CAAC,eAAe,EAAE,CAAC;AACxB,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,SAAS,EAAE,YAAA;AACT,YAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;YACxB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACtC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;AAGG;AACH,QAAA,eAAe,EAAE,YAAA;YACf,OAAO,IAAI,CAAC,KAAK;iBACd,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC;iBAC7C,IAAI,CAAC,EAAE,CAAC,CAAC;SACb;AAED;;;;AAIG;QACH,oBAAoB,EAAE,UAAU,SAAS,EAAA;YACvC,IAAI,MAAM,GAAG,CAAC,EACZ,KAAK,GAAG,SAAS,GAAG,CAAC,CAAC;;AAGxB,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;AACzC,gBAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;AAC5C,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,KAAK,EAAE,CAAC;AACT,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACjD,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,KAAK,EAAE,CAAC;AACT,aAAA;YAED,OAAO,SAAS,GAAG,MAAM,CAAC;SAC3B;AAED;;;;AAIG;QACH,qBAAqB,EAAE,UAAU,SAAS,EAAA;AACxC,YAAA,IAAI,MAAM,GAAG,CAAC,EACZ,KAAK,GAAG,SAAS,CAAC;;AAGpB,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;AACzC,gBAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;AAC5C,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,KAAK,EAAE,CAAC;AACT,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAChE,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,KAAK,EAAE,CAAC;AACT,aAAA;YAED,OAAO,SAAS,GAAG,MAAM,CAAC;SAC3B;AAED;;;;AAIG;QACH,oBAAoB,EAAE,UAAU,SAAS,EAAA;YACvC,IAAI,MAAM,GAAG,CAAC,EACZ,KAAK,GAAG,SAAS,GAAG,CAAC,CAAC;AAExB,YAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AAClD,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,KAAK,EAAE,CAAC;AACT,aAAA;YAED,OAAO,SAAS,GAAG,MAAM,CAAC;SAC3B;AAED;;;;AAIG;QACH,qBAAqB,EAAE,UAAU,SAAS,EAAA;AACxC,YAAA,IAAI,MAAM,GAAG,CAAC,EACZ,KAAK,GAAG,SAAS,CAAC;YAEpB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACjE,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,KAAK,EAAE,CAAC;AACT,aAAA;YAED,OAAO,SAAS,GAAG,MAAM,CAAC;SAC3B;AAED;;;;;AAKG;AACH,QAAA,kBAAkB,EAAE,UAAU,cAAc,EAAE,SAAS,EAAA;AACrD,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,EACnB,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;kBAC5C,cAAc,GAAG,CAAC;kBAClB,cAAc,EAClB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAEtB,YAAA,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;gBACjE,KAAK,IAAI,SAAS,CAAC;AACnB,gBAAA,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACrB,aAAA;AACD,YAAA,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACzB,gBAAA,KAAK,IAAI,SAAS,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClC,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;AAGG;QACH,UAAU,EAAE,UAAU,cAAc,EAAA;AAClC,YAAA,cAAc,GAAG,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC;YACvD,IAAI,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAC3C,cAAc,EACd,CAAC,CAAC,CACH,yBACD,eAAe,GAAG,IAAI,CAAC,kBAAkB,CACvC,cAAc,EACd,CAAC,CACF,CAAC;AAEJ,YAAA,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC;AACxC,YAAA,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC;YACpC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;AAED;;;;;AAKG;QACH,UAAU,EAAE,UAAU,cAAc,EAAA;AAClC,YAAA,cAAc,GAAG,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC;AACvD,YAAA,IAAI,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAC/D,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;AAE/D,YAAA,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC;AACxC,YAAA,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC;YACpC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,CAAC,EAAA;YACvB,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACpC,OAAO;AACR,aAAA;YACD,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;AACzB,gBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACvC,aAAA;AAED,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;AAEtB,YAAA,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;YACtC,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACxB,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC;YAEjC,IAAI,CAAC,KAAK,EAAE,CAAC;AACb,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC7B,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC7B,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC5B,YAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;AAC/B,YAAA,OAAO,IAAI,CAAC;SACb;QAED,mBAAmB,EAAE,UAAU,MAAM,EAAA;YACnC,IAAI,MAAM,CAAC,eAAe,EAAE;AAC1B,gBAAA,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,UAAU,GAAG,EAAA;AAC1C,oBAAA,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;oBACrB,IAAI,GAAG,CAAC,SAAS,EAAE;wBACjB,GAAG,CAAC,WAAW,EAAE,CAAC;AACnB,qBAAA;AACH,iBAAC,CAAC,CAAC;AACJ,aAAA;SACF;AAED;;AAEG;AACH,QAAA,oBAAoB,EAAE,YAAA;YACpB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;SACrD;AAED;;AAEG;QACH,gBAAgB,EAAE,UAAU,OAAO,EAAA;YACjC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC1C,OAAO;AACR,aAAA;;AAGD,YAAA,MAAM,CAAC,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC,cAAc;AACnD,gBAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;YAE9B,IAAI,iBAAiB,GAAG,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,EAClE,YAAY,GAAG,IAAI,CAAC,cAAc,EAClC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;AACjC,YAAA,IACE,CAAC,iBAAiB,KAAK,IAAI,CAAC,2BAA2B;gBACrD,YAAY,KAAK,UAAU;iBAC5B,YAAY,KAAK,iBAAiB;oBACjC,UAAU,KAAK,iBAAiB,CAAC,EACnC;gBACA,OAAO;AACR,aAAA;AACD,YAAA,IAAI,iBAAiB,GAAG,IAAI,CAAC,2BAA2B,EAAE;AACxD,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,2BAA2B,CAAC;AACvD,gBAAA,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC;AACvC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC;AACxC,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,2BAA2B,CAAC;AACtD,aAAA;AACD,YAAA,IACE,IAAI,CAAC,cAAc,KAAK,YAAY;AACpC,gBAAA,IAAI,CAAC,YAAY,KAAK,UAAU,EAChC;gBACA,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC7B,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,uBAAuB,EAAE,CAAC;AAChC,aAAA;SACF;AAED;;;;;;;;;AASG;AACH,QAAA,YAAY,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;AAC7B,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;AACnC,YAAA,IAAI,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACrE,IAAI,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAChE,IAAI,iBAAiB,GAAG,IAAI,KAAK,CAC/B,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,UAAU,EACvC,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,SAAS,CACtC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvB,YAAA,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;YAC3D,IAAI,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACxC,IAAI,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACjC,IAAI,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;YACzD,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;YACnD,IAAI,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACtC,YAAA,IAAI,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9D,YAAA,IAAI,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;;AAEhE,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC;AAC/B,YAAA,IAAI,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YACzD,OAAO,IAAI,CAAC,eAAe,CAAC;AAC5B,YAAA,IAAI,aAAa,GAAG;AAClB,gBAAA,IAAI,EAAE,aAAa;AACnB,gBAAA,mBAAmB,EAAE,aAAa;aACnC,CAAC;YACF,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/D,YAAA,IAAI,CAAC,kBAAkB,CACrB,aAAa,EACb,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,IAAI,CAAC,MAAM,CACjB,CAAC;AACF,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC;AACnC,gBAAA,mBAAmB,EAAE,mBAAmB;AACzC,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,eAAe,GAAG,GAAG,CAAC;AAC3B,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;;AAErB,YAAA,IAAI,mBAAmB,IAAI,aAAa,GAAG,CAAC,EAAE;gBAC5C,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC1C,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,GAAG,aAAa,CAAC;gBAC1C,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,aAAa,CAAC;gBAC5C,IAAI,GAAG,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC;gBAChD,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC/B,SAAS,GAAG,CAAC,CAAC;AACf,aAAA;AACD,YAAA,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvD,IAAI,CAAC,mBAAmB,GAAG,YAAA;gBACzB,SAAS,CAAC,MAAM,EAAE,CAAC;AACrB,aAAC,CAAC;;AAEF,YAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;AAC9B,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,IAAI,EAAE,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI;AAC7B,gBAAA,MAAM,EAAE,MAAM;AACf,aAAA,CAAC,CAAC;YACH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC5C,YAAA,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;SAC5D;AAED;;;;;AAKG;QACH,WAAW,EAAE,UAAU,CAAC,EAAA;AACtB,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,gBAAA,IAAI,SAAS,IAAI,IAAI,CAAC,oBAAoB,GAAG;oBAC3C,cAAc,EAAE,IAAI,CAAC,cAAc;oBACnC,YAAY,EAAE,IAAI,CAAC,YAAY;AAChC,iBAAA,CAAC,CAAC;AACH,gBAAA,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;qBACnB,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,YAAY,CAAC;qBACvD,IAAI,CAAC,EAAE,CAAC,CAAC;gBACZ,IAAI,IAAI,GAAG,MAAM,CAAC,MAAM,CACtB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EACjC,SAAS,CACV,CAAC;gBACF,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;gBAC5C,CAAC,CAAC,YAAY,CAAC,OAAO,CACpB,oBAAoB,EACpB,IAAI,CAAC,SAAS,CAAC;AACb,oBAAA,KAAK,EAAE,KAAK;AACZ,oBAAA,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAC7B,SAAS,CAAC,cAAc,EACxB,SAAS,CAAC,YAAY,EACtB,IAAI,CACL;AACF,iBAAA,CAAC,CACH,CAAC;AACF,gBAAA,CAAC,CAAC,YAAY,CAAC,aAAa,GAAG,UAAU,CAAC;AAC1C,gBAAA,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC5B,aAAA;YACD,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC,YAAY,CAAC;SAC1B;AAED;;;;;AAKG;QACH,OAAO,EAAE,UAAU,CAAC,EAAA;YAClB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACnC,gBAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,oBAAoB,EAAE;;;oBAGlD,IAAI,KAAK,GAAG,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC;AACjD,oBAAA,IAAI,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,CAAC;AACnD,oBAAA,QACE,KAAK,GAAG,kBAAkB,CAAC,cAAc;AACzC,wBAAA,KAAK,GAAG,kBAAkB,CAAC,YAAY,EACvC;AACH,iBAAA;AACD,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;;;AAKG;QACH,gBAAgB,EAAE,UAAU,OAAO,EAAA;AACjC,YAAA,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;AAClB,YAAA,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,gBAAgB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACrD,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,OAAO,EAAE;AACrC,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AAC9B,aAAA;SACF;AAED;;;;;AAKG;QACH,eAAe,EAAE,UAAU,OAAO,EAAA;AAChC,YAAA,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;AAClB,YAAA,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,gBAAgB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACrD,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,OAAO,EAAE;AACrC,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AAC9B,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,OAAO,EAAE;;AAE5C,gBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAC/B,aAAA;YACD,IAAI,IAAI,CAAC,gBAAgB,EAAE;;gBAEzB,CAAC,CAAC,cAAc,EAAE,CAAC;;AAEnB,gBAAA,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;AACvB,gBAAA,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;;AAE3B,aAAA;SACF;AAED;;;AAGG;AACH,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,YAAY,EAAE;AAC9C,gBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAC/B,aAAA;SACF;AAED;;;;;;;;AAQG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;AAC/B,YAAA,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;AAClB,YAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,gBAAgB,EAAE;;;gBAG9C,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC7B,oBAAA,IAAI,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;AAC9D,oBAAA,IAAI,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;AAC1D,oBAAA,IAAI,UAAU,GAAG,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC;oBAC3C,IAAI,UAAU,KAAK,MAAM,EAAE;AACzB,wBAAA,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;AACrC,wBAAA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;wBACjC,IAAI,CAAC,eAAe,EAAE,CAAC;AACxB,qBAAA;AAAM,yBAAA;wBACL,IAAI,CAAC,eAAe,EAAE,CAAC;wBACvB,IAAI,UAAU,KAAK,MAAM,EAAE;4BACzB,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;4BACzD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC;AACzD,4BAAA,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;4BAC/D,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,4BAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,gCAAA,KAAK,EAAE,cAAc;AACrB,gCAAA,MAAM,EAAE,SAAS;AAClB,6BAAA,CAAC,CAAC;AACH,4BAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACnD,4BAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;AAChC,yBAAA;wBACD,IAAI,CAAC,WAAW,EAAE,CAAC;;AAEnB,wBAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;AAC7B,qBAAA;AACF,iBAAA;AACF,aAAA;AAED,YAAA,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvD,OAAO,IAAI,CAAC,mBAAmB,CAAC;YAChC,OAAO,IAAI,CAAC,oBAAoB,CAAC;AACjC,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;SAC/B;AAED;;;;;;;;;AASG;QACH,WAAW,EAAE,UAAU,OAAO,EAAA;YAC5B,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,EACf,OAAO,GAAG,CAAC,CAAC,gBAAgB,CAAC;AAC/B,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;;YAE9B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAClD,YAAA,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE;gBACtB,IAAI,QAAQ,GAAG,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC;gBACpD,IAAI,IAAI,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AAC5D,sBAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;sBACxD,EAAE,CAAC;AACP,gBAAA,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AACzB,gBAAA,IAAI,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtD,IAAI,oBAAoB,GAAG,CAAC,CAAC;;gBAE7B,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC7B,oBAAA,IAAI,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;AAC9D,oBAAA,IAAI,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;AAC1D,oBAAA,IAAI,QAAQ,GAAG,cAAc,IAAI,QAAQ,IAAI,YAAY,EAAE;wBACzD,QAAQ,GAAG,cAAc,CAAC;AAC3B,qBAAA;yBAAM,IAAI,QAAQ,GAAG,YAAY,EAAE;AAClC,wBAAA,QAAQ,IAAI,YAAY,GAAG,cAAc,CAAC;AAC3C,qBAAA;oBACD,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;;oBAEzD,OAAO,IAAI,CAAC,oBAAoB,CAAC;AAClC,iBAAA;;AAED,gBAAA,IACE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC9B,qBAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACzC,wBAAA,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EACjC;AACA,oBAAA,MAAM,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;AAC3B,iBAAA;;AAED,gBAAA,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;AACvB,gBAAA,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;;gBAE1B,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;;AAE3C,gBAAA,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBAClC,IAAI,CAAC,YAAY,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAC5B,QAAQ,GAAG,oBAAoB,EAC/B,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CAAC;gBACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAC1B,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,EACnC,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CAAC;AACF,gBAAA,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/D,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;oBACnB,KAAK,EAAE,QAAQ,GAAG,oBAAoB;AACtC,oBAAA,MAAM,EAAE,MAAM;AACf,iBAAA,CAAC,CAAC;AACH,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACnD,gBAAA,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;AACnC,gBAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;AAChC,aAAA;SACF;AAED;;AAEG;AACH,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;YAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AAC7D,aAAA;AAED,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC;YAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YAC3C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAChD;AAED;;AAEG;AACH,QAAA,6BAA6B,EAAE,UAAU,KAAK,EAAE,GAAG,EAAE,IAAI,EAAA;YACvD,IAAI,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EACzC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC;YAC9D,IAAI,KAAK,KAAK,GAAG,EAAE;gBACjB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACvE,aAAA;YACD,IAAI,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,EACzC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC;YAC1D,OAAO;AACL,gBAAA,cAAc,EAAE,aAAa;gBAC7B,YAAY,EAAE,aAAa,GAAG,WAAW;aAC1C,CAAC;SACH;AAED;;AAEG;AACH,QAAA,6BAA6B,EAAE,UAAU,KAAK,EAAE,GAAG,EAAE,KAAK,EAAA;YACxD,IAAI,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAC1C,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC;YACnD,IAAI,KAAK,KAAK,GAAG,EAAE;gBACjB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACvE,aAAA;YACD,IAAI,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,EAC1C,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC;YAC/C,OAAO;AACL,gBAAA,cAAc,EAAE,aAAa;gBAC7B,YAAY,EAAE,aAAa,GAAG,WAAW;aAC1C,CAAC;SACH;AAED;;AAEG;AACH,QAAA,eAAe,EAAE,YAAA;AACf,YAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;AAC5B,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;gBACxB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;AAC3B,gBAAA,IAAI,YAAY,GAAG,IAAI,CAAC,6BAA6B,CACnD,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,KAAK,CACX,CAAC;gBACF,IAAI,CAAC,cAAc,CAAC,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC;gBACjE,IAAI,CAAC,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC;AAC9D,aAAA;YACD,IAAI,CAAC,sBAAsB,EAAE,CAAC;SAC/B;AAED;;AAEG;AACH,QAAA,kBAAkB,EAAE,YAAA;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;gBACxB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;YAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;AACtC,YAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE,EAAE;gBACrC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,aAAA;YACD,IAAI,YAAY,GAAG,IAAI,CAAC,6BAA6B,CACnD,IAAI,CAAC,cAAc,CAAC,cAAc,EAClC,IAAI,CAAC,cAAc,CAAC,YAAY,EAChC,IAAI,CAAC,cAAc,CAAC,KAAK,CAC1B,CAAC;YACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,YAAY,CAAC;AACpE,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;AAC3B,gBAAA,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC;AACnD,aAAA;YACD,IAAI,CAAC,sBAAsB,EAAE,CAAC;SAC/B;AAED;;AAEG;AACH,QAAA,sBAAsB,EAAE,YAAA;AACtB,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EAAE;AAC7C,gBAAA,IAAI,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBACzC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;gBAC5C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;AAC3C,aAAA;SACF;AAED;;;AAGG;AACH,QAAA,qBAAqB,EAAE,YAAA;AACrB,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBAChB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACvB,aAAA;AACD,YAAA,IAAI,eAAe,GAAG,IAAI,CAAC,iBAAiB;kBACtC,IAAI,CAAC,gBAAgB;kBACrB,IAAI,CAAC,cAAc,EACvB,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,EACvD,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAC1D,SAAS,GAAG,cAAc,CAAC,SAAS,EACpC,SAAS,GAAG,cAAc,CAAC,SAAS,EACpC,UAAU,GACR,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC;AAC3D,gBAAA,IAAI,CAAC,UAAU,EACjB,UAAU,GAAG,UAAU,CAAC,UAAU,EAClC,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE,EAC9B,CAAC,GAAG;AACF,gBAAA,CAAC,EAAE,UAAU,CAAC,IAAI,GAAG,UAAU;gBAC/B,CAAC,EAAE,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,SAAS,GAAG,UAAU;AACtD,aAAA,EACD,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAC9C,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EACvC,gBAAgB,GAAG,WAAW,CAAC,KAAK,GAAG,aAAa,EACpD,iBAAiB,GAAG,WAAW,CAAC,MAAM,GAAG,aAAa,EACtD,QAAQ,GAAG,gBAAgB,GAAG,UAAU,EACxC,SAAS,GAAG,iBAAiB,GAAG,UAAU,EAC1C,MAAM,GAAG,WAAW,CAAC,WAAW,GAAG,gBAAgB,EACnD,MAAM,GAAG,WAAW,CAAC,YAAY,GAAG,iBAAiB,CAAC;YAExD,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACrC,YAAA,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACjE,YAAA,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;AACd,YAAA,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;AACd,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;AACX,gBAAA,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACT,aAAA;AACD,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE;AAClB,gBAAA,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AAChB,aAAA;AACD,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;AACX,gBAAA,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACT,aAAA;AACD,YAAA,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE;AACnB,gBAAA,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AACjB,aAAA;;YAGD,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;YAChC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;YAE/B,OAAO;AACL,gBAAA,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI;AAChB,gBAAA,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI;gBACf,QAAQ,EAAE,UAAU,GAAG,IAAI;AAC3B,gBAAA,UAAU,EAAE,UAAU;aACvB,CAAC;SACH;AAED;;AAEG;AACH,QAAA,iBAAiB,EAAE,YAAA;YACjB,IAAI,CAAC,WAAW,GAAG;gBACjB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,aAAa,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa;gBACvD,UAAU,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU;aAClD,CAAC;SACH;AAED;;AAEG;AACH,QAAA,oBAAoB,EAAE,YAAA;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,OAAO;AACR,aAAA;YAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;YAChD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;YAChD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;YAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;YAC9C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;YACpD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;YAEpD,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;gBAC3D,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;AACtD,aAAA;YAED,OAAO,IAAI,CAAC,WAAW,CAAC;SACzB;AAED;;;;AAIG;AACH,QAAA,WAAW,EAAE,YAAA;YACX,IAAI,aAAa,GAAG,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,IAAI,CAAC;AACvD,YAAA,IAAI,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;AACzC,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACtB,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AAEvB,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;AAExC,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,EAAE,CAAC;AAC7C,gBAAA,cAAc,CAAC,UAAU;AACvB,oBAAA,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;AACzD,aAAA;AACD,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC5B,YAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE,EAAE;gBACrC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,aAAA;AACD,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAC5B,YAAA,aAAa,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACvC,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;AACrD,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC1D,aAAa;AACX,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACzD,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;AAEG;AACH,QAAA,uBAAuB,EAAE,YAAA;AACvB,YAAA,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;AAC5B,gBAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AAC1B,oBAAA,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC1B,iBAAA;AACF,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,iBAAiB,EAAE,UAAU,KAAK,EAAE,GAAG,EAAA;YACrC,IAAI,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,EACrD,SAAS,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,EAC/C,SAAS,GAAG,WAAW,CAAC,SAAS,EACjC,SAAS,GAAG,WAAW,CAAC,SAAS,EACjC,OAAO,GAAG,SAAS,CAAC,SAAS,EAC7B,OAAO,GAAG,SAAS,CAAC,SAAS,EAC7B,CAAC,EACD,QAAQ,CAAC;YACX,IAAI,SAAS,KAAK,OAAO,EAAE;;AAEzB,gBAAA,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AAC1B,oBAAA,KACE,CAAC,GAAG,SAAS,EACb,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,MAAM,EAC9C,CAAC,EAAE,EACH;wBACA,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,qBAAA;AACF,iBAAA;;AAED,gBAAA,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AACxB,oBAAA,KACE,CAAC,GAAG,OAAO,EACX,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,MAAM,EAC5C,CAAC,EAAE,EACH;wBACA,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AACnC,wBAAA,IAAI,QAAQ,EAAE;AACZ,4BAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC;AACxD,4BAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,QAAQ,CAAC;AAC5D,yBAAA;AACF,qBAAA;AACF,iBAAA;;AAED,gBAAA,KAAK,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE;AACzC,oBAAA,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACvB,iBAAA;;gBAED,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AACpD,aAAA;AAAM,iBAAA;;AAEL,gBAAA,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AAC1B,oBAAA,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAClC,IAAI,IAAI,GAAG,OAAO,GAAG,SAAS,EAC5B,WAAW,EACX,KAAK,CAAC;oBACR,KAAK,CAAC,GAAG,SAAS,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;AACpC,wBAAA,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpB,qBAAA;oBACD,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AACpC,wBAAA,WAAW,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBAClC,IAAI,WAAW,IAAI,OAAO,EAAE;4BAC1B,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC/C,4BAAA,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxB,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,eAAe,EAAE,UAAU,SAAS,EAAE,MAAM,EAAA;;;AAG1C,YAAA,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AAClD,YAAA,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;gBAC5B,IAAI,WAAW,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACrC,IAAI,WAAW,GAAG,SAAS,EAAE;AAC3B,oBAAA,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;AAC9D,oBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE;AACvC,wBAAA,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,qBAAA;AACF,iBAAA;AACF,aAAA;SACF;AAED,QAAA,qBAAqB,EAAE,YAAA;YACrB,IACE,CAAC,IAAI,CAAC,iBAAiB;gBACvB,IAAI,CAAC,iBAAiB,CAAC,SAAS;gBAChC,CAAC,IAAI,CAAC,yBAAyB;AAC/B,gBAAA,IAAI,CAAC,yBAAyB,CAAC,SAAS,EACxC;gBACA,IAAI,CAAC,iBAAiB,EAAE,CAAC;AAC1B,aAAA;SACF;AAED;;;;;;;;;AASG;QACH,wBAAwB,EAAE,UACxB,SAAS,EACT,SAAS,EACT,GAAG,EACH,WAAW,EAAA;YAEX,IAAI,gBAAgB,EAClB,aAAa,GAAG,EAAE,EAClB,cAAc,GAAG,KAAK,EACtB,WAAW,GACT,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC;AAE7D,YAAA,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC;AACjB,YAAA,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AACrC,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;gBAC1B,gBAAgB;oBACd,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC;AACvE,aAAA;;;YAGD,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;gBACxC,IAAI,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACnC,IAAI,QAAQ,IAAI,SAAS,EAAE;oBACzB,cAAc,GAAG,IAAI,CAAC;AACtB,oBAAA,aAAa,CAAC,QAAQ,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;;oBAEpE,IAAI,EAAE,WAAW,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;wBACrC,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;AACtC,qBAAA;AACF,iBAAA;AACF,aAAA;YACD,IAAI,gBAAgB,GAAG,KAAK,CAAC;AAC7B,YAAA,IAAI,cAAc,IAAI,CAAC,WAAW,EAAE;;;gBAGlC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;gBAC7C,gBAAgB,GAAG,IAAI,CAAC;AACzB,aAAA;AACD,YAAA,IAAI,gBAAgB,EAAE;;AAEpB,gBAAA,GAAG,EAAE,CAAC;AACP,aAAA;;;YAGD,OAAO,GAAG,GAAG,CAAC,EAAE;gBACd,IAAI,WAAW,IAAI,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE;AACvC,oBAAA,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG;AAC7B,wBAAA,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;qBAC3C,CAAC;AACH,iBAAA;AAAM,qBAAA,IAAI,gBAAgB,EAAE;AAC3B,oBAAA,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG;wBAC7B,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,gBAAgB,CAAC;qBACvC,CAAC;AACH,iBAAA;AAAM,qBAAA;oBACL,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;AACrC,iBAAA;AACD,gBAAA,GAAG,EAAE,CAAC;AACP,aAAA;AACD,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAC9B;AAED;;;;;;AAMG;QACH,qBAAqB,EAAE,UACrB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EAAA;AAEX,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;AAClB,aAAA;YACD,IAAI,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAC5C,uBAAuB,GAAG,iBAAiB;kBACvC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC;kBACpC,EAAE,CAAC;AAET,YAAA,QAAQ,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC;;;AAG3B,YAAA,KAAK,IAAI,KAAK,IAAI,uBAAuB,EAAE;gBACzC,IAAI,YAAY,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACvC,IAAI,YAAY,IAAI,SAAS,EAAE;AAC7B,oBAAA,iBAAiB,CAAC,YAAY,GAAG,QAAQ,CAAC;wBACxC,uBAAuB,CAAC,YAAY,CAAC,CAAC;;AAExC,oBAAA,IAAI,CAAC,uBAAuB,CAAC,YAAY,GAAG,QAAQ,CAAC,EAAE;AACrD,wBAAA,OAAO,iBAAiB,CAAC,YAAY,CAAC,CAAC;AACxC,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AAC7B,YAAA,IAAI,WAAW,EAAE;gBACf,OAAO,QAAQ,EAAE,EAAE;AACjB,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE;wBAC9C,SAAS;AACV,qBAAA;AACD,oBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AAC3B,wBAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;AAC7B,qBAAA;oBACD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,MAAM,CAAC,MAAM,CAC1D,EAAE,EACF,WAAW,CAAC,QAAQ,CAAC,CACtB,CAAC;AACH,iBAAA;gBACD,OAAO;AACR,aAAA;YACD,IAAI,CAAC,iBAAiB,EAAE;gBACtB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,QAAQ,GAAG,iBAAiB,CAAC,SAAS,GAAG,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAChE,YAAA,OAAO,QAAQ,IAAI,QAAQ,EAAE,EAAE;AAC7B,gBAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,MAAM,CAAC,MAAM,CAC1D,EAAE,EACF,QAAQ,CACT,CAAC;AACH,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,YAAY,EAAE,KAAK,EAAE,WAAW,EAAA;YAC7D,IAAI,SAAS,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,EACnD,UAAU,GAAG,CAAC,CAAC,CAAC,EAChB,WAAW,GAAG,CAAC,CAAC;;AAElB,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,gBAAA,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;AAC5B,oBAAA,WAAW,EAAE,CAAC;AACd,oBAAA,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC7B,iBAAA;AAAM,qBAAA;AACL,oBAAA,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;AAC3B,iBAAA;AACF,aAAA;;AAED,YAAA,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;AACrB,gBAAA,IAAI,CAAC,qBAAqB,CACxB,SAAS,CAAC,SAAS,EACnB,SAAS,CAAC,SAAS,EACnB,UAAU,CAAC,CAAC,CAAC,EACb,WAAW,CACZ,CAAC;AACF,gBAAA,WAAW,GAAG,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACnE,aAAA;YACD,WAAW;AACT,gBAAA,IAAI,CAAC,wBAAwB,CAC3B,SAAS,CAAC,SAAS,EACnB,SAAS,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,EACnC,WAAW,CACZ,CAAC;YACJ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE;AACpC,gBAAA,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;AACrB,oBAAA,IAAI,CAAC,qBAAqB,CACxB,SAAS,CAAC,SAAS,GAAG,CAAC,EACvB,CAAC,EACD,UAAU,CAAC,CAAC,CAAC,EACb,WAAW,CACZ,CAAC;AACH,iBAAA;AAAM,qBAAA,IAAI,WAAW,EAAE;;;;;AAKtB,oBAAA,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE;AAC1D,wBAAA,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAC1D,qBAAA;AACF,iBAAA;AACD,gBAAA,WAAW,GAAG,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACnE,aAAA;;AAED,YAAA,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;AACrB,gBAAA,IAAI,CAAC,qBAAqB,CACxB,SAAS,CAAC,SAAS,GAAG,CAAC,EACvB,CAAC,EACD,UAAU,CAAC,CAAC,CAAC,EACb,WAAW,CACZ,CAAC;AACH,aAAA;SACF;AAED;;;AAGG;AACH,QAAA,6BAA6B,EAAE,UAAU,KAAK,EAAE,GAAG,EAAE,YAAY,EAAA;YAC/D,IAAI,YAAY,IAAI,KAAK,EAAE;gBACzB,IAAI,GAAG,KAAK,KAAK,EAAE;AACjB,oBAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;AACnC,iBAAA;AAAM,qBAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,OAAO,EAAE;AAC/C,oBAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;AAClC,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;AAC3B,iBAAA;AACD,gBAAA,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC;AACpC,aAAA;AAAM,iBAAA,IAAI,YAAY,GAAG,KAAK,IAAI,YAAY,GAAG,GAAG,EAAE;AACrD,gBAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,OAAO,EAAE;AACxC,oBAAA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;AAClC,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC;AACpC,iBAAA;AACF,aAAA;AAAM,iBAAA;;gBAEL,IAAI,GAAG,KAAK,KAAK,EAAE;AACjB,oBAAA,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC;AACpC,iBAAA;AAAM,qBAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,MAAM,EAAE;AAC9C,oBAAA,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC;AACnC,oBAAA,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;AAC3B,iBAAA;AACD,gBAAA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;AAClC,aAAA;SACF;AAED,QAAA,wBAAwB,EAAE,YAAA;AACxB,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,YAAA,IAAI,IAAI,CAAC,cAAc,GAAG,MAAM,EAAE;AAChC,gBAAA,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;AAC9B,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,cAAc,GAAG,CAAC,EAAE;AAClC,gBAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;AACzB,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,YAAY,GAAG,MAAM,EAAE;AAC9B,gBAAA,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;AAC5B,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE;AAChC,gBAAA,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;AACvB,aAAA;SACF;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC70CrD;AAIA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,KAAK,CAAC,SAAS;AACtB,yCAAqC;AACnC;;AAEG;AACH,QAAA,yBAAyB,EAAE,YAAA;;AAEzB,YAAA,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;;AAGnC,YAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;AAEvC,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YAExB,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACxC;AAED;;;AAGG;QACH,WAAW,EAAE,UAAU,OAAO,EAAA;AAC5B,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBAChB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;AAClC,YAAA,IAAI,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;AACjC,YAAA,IAAI,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE;AAClC,gBAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AAClC,gBAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC5B,aAAA;AACD,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC;AAChD,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC;AAC3C,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;AAChC,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC;SACrC;QAED,aAAa,EAAE,UAAU,UAAU,EAAA;YACjC,QACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,GAAG,GAAG;AAChD,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,mBAAmB,GAAG,GAAG;AACrD,gBAAA,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC;gBACrC,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,EACrC;SACH;AAED;;AAEG;QACH,UAAU,EAAE,UAAU,CAAC,EAAA;AACrB,YAAA,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC;AACvC,YAAA,CAAC,CAAC,eAAe,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;SAC1C;AAED;;AAEG;AACH,QAAA,2BAA2B,EAAE,YAAA;YAC3B,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;AAED;;AAEG;QACH,kBAAkB,EAAE,UAAU,OAAO,EAAA;AACnC,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/D;AAED;;AAEG;QACH,kBAAkB,EAAE,UAAU,OAAO,EAAA;AACnC,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/D;AAED;;AAEG;AACH,QAAA,UAAU,EAAE,YAAA;YACV,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAClD,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;SACjD;AAED;;;;;;;AAOG;QACH,iBAAiB,EAAE,UAAU,OAAO,EAAA;YAClC,IACE,CAAC,IAAI,CAAC,MAAM;gBACZ,CAAC,IAAI,CAAC,QAAQ;AACd,iBAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EAC5C;gBACA,OAAO;AACR,aAAA;AAED,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAE1B,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;AAC/B,gBAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAClC,aAAA;YAED,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,gBAAA,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,cAAc,CAAC;AACvD,gBAAA,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EAAE;oBAC7C,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC7B,iBAAA;gBACD,IAAI,CAAC,uBAAuB,EAAE,CAAC;AAChC,aAAA;SACF;AAED;;;;AAIG;QACH,uBAAuB,EAAE,UAAU,OAAO,EAAA;YACxC,IACE,CAAC,IAAI,CAAC,MAAM;gBACZ,CAAC,IAAI,CAAC,QAAQ;AACd,iBAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EAC5C;gBACA,OAAO;AACR,aAAA;;;YAGD,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;;YAEnD,IAAI,YAAY,GAAG,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAChE,YAAA,IAAI,CAAC,YAAY;AACf,gBAAA,IAAI,CAAC,SAAS;oBACd,YAAY,IAAI,IAAI,CAAC,cAAc;oBACnC,YAAY,IAAI,IAAI,CAAC,YAAY;AACjC,oBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC;SAC3C;AAED;;AAEG;AACH,QAAA,oBAAoB,EAAE,YAAA;YACpB,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC7C,IAAI,CAAC,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;SAC3D;AAED;;AAEG;AACH,QAAA,kBAAkB,EAAE,YAAA;YAClB,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SACzC;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,OAAO,EAAA;AAC/B,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IACE,CAAC,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;iBACtC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC;AACxD,iBAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EAC5C;gBACA,OAAO;AACR,aAAA;YAED,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;AAC9C,gBAAA,IAAI,aAAa,IAAI,aAAa,KAAK,IAAI,EAAE;;;;oBAI3C,OAAO;AACR,iBAAA;AACF,aAAA;YAED,IAAI,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACzC,gBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACtB,gBAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;AAC5B,gBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC7B,gBAAA,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EAAE;AAC7C,oBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC9B,iBAAA;AAAM,qBAAA;oBACL,IAAI,CAAC,uBAAuB,EAAE,CAAC;AAChC,iBAAA;AACF,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACtB,aAAA;SACF;AAED;;;AAGG;QACH,gBAAgB,EAAE,UAAU,CAAC,EAAA;YAC3B,IAAI,YAAY,GAAG,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,EACrD,KAAK,GAAG,IAAI,CAAC,cAAc,EAC3B,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC;YAC1B,IAAI,CAAC,CAAC,QAAQ,EAAE;gBACd,IAAI,CAAC,6BAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;AAC9D,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC;AACnC,gBAAA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;AAClC,aAAA;YACD,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;AACxB,aAAA;SACF;AAED;;;;;AAKG;AACH,QAAA,eAAe,EAAE,UAAU,CAAQ,EAAE,OAAgB,EAAA;AACnD,YAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACxD,YAAA,OAAO,cAAc,CACnB,UAAU,EACV,eAAe,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAC5C,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;SACnD;AAED;;;;AAIG;QACH,4BAA4B,EAAE,UAAU,CAAC,EAAA;AACvC,YAAA,IAAI,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACvC,SAAS,GAAG,CAAC,EACb,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,CAAC,EACb,cAAc,EACd,IAAI,CAAC;AACP,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC1D,gBAAA,IAAI,MAAM,IAAI,WAAW,CAAC,CAAC,EAAE;oBAC3B,MAAM,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;oBAChD,SAAS,GAAG,CAAC,CAAC;oBACd,IAAI,CAAC,GAAG,CAAC,EAAE;wBACT,SAAS;4BACP,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AAC7B,gCAAA,IAAI,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACpC,qBAAA;AACF,iBAAA;AAAM,qBAAA;oBACL,MAAM;AACP,iBAAA;AACF,aAAA;AACD,YAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC;AAC9D,YAAA,KAAK,GAAG,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;AACrC,YAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;;;;;AAKlC,YAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;AAC5B,gBAAA,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC;AAC1D,aAAA;AACD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;gBACjD,SAAS,GAAG,KAAK,CAAC;;AAElB,gBAAA,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AACnE,gBAAA,IAAI,KAAK,IAAI,WAAW,CAAC,CAAC,EAAE;AAC1B,oBAAA,SAAS,EAAE,CAAC;AACb,iBAAA;AAAM,qBAAA;oBACL,MAAM;AACP,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC,+BAA+B,CACzC,WAAW,EACX,SAAS,EACT,KAAK,EACL,SAAS,EACT,IAAI,CACL,CAAC;SACH;AAED;;AAEG;QACH,+BAA+B,EAAE,UAC/B,WAAW,EACX,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EAAA;;YAGJ,IAAI,4BAA4B,GAAG,WAAW,CAAC,CAAC,GAAG,SAAS,EAC1D,4BAA4B,GAAG,KAAK,GAAG,WAAW,CAAC,CAAC,EACpD,MAAM,GACJ,4BAA4B,GAAG,4BAA4B;AAC3D,gBAAA,4BAA4B,GAAG,CAAC;AAC9B,kBAAE,CAAC;kBACD,CAAC,EACP,iBAAiB,GAAG,KAAK,GAAG,MAAM,CAAC;;YAErC,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,iBAAiB,GAAG,IAAI,GAAG,iBAAiB,CAAC;AAC9C,aAAA;AAED,YAAA,IAAI,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACzC,gBAAA,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AACvC,aAAA;AAED,YAAA,OAAO,iBAAiB,CAAC;SAC1B;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;AC7UrD;AAIA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,KAAK,CAAC,SAAS;AACtB,yCAAqC;AACnC;;AAEG;AACH,QAAA,kBAAkB,EAAE,YAAA;YAClB,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAChE,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YAC1D,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YACvD,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;YACxD,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACxD,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;YAC5D,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChD,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;AAGzC,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO;gBAC/B,2BAA2B;AAC3B,oBAAA,KAAK,CAAC,GAAG;oBACT,UAAU;AACV,oBAAA,KAAK,CAAC,IAAI;oBACV,uEAAuE;oBACvE,gBAAgB;AAChB,oBAAA,KAAK,CAAC,QAAQ;AACd,oBAAA,GAAG,CAAC;YAEN,IAAI,IAAI,CAAC,uBAAuB,EAAE;gBAChC,IAAI,CAAC,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/D,aAAA;AAAM,iBAAA;gBACL,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AACvD,aAAA;YAED,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,MAAM,EACN,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CACrB,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,SAAS,EACT,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAC1B,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,OAAO,EACP,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CACxB,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,OAAO,EACP,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CACxB,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,MAAM,EACN,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CACrB,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,KAAK,EACL,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CACrB,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,OAAO,EACP,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CACtB,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,kBAAkB,EAClB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CACnC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,mBAAmB,EACnB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CACpC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,cAAc,EACnB,gBAAgB,EAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CACjC,CAAC;YAEF,IAAI,CAAC,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,MAAM,EAAE;gBACjD,MAAM,CAAC,IAAI,CAAC,WAAW,CACrB,IAAI,CAAC,MAAM,CAAC,aAAa,EACzB,OAAO,EACP,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CACxB,CAAC;AACF,gBAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;AACtC,aAAA;SACF;AAED;;;;;;;;;;AAUG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,iBAAiB;AACrB,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,iBAAiB;AACrB,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AAED,QAAA,UAAU,EAAE;AACV,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,iBAAiB;AACrB,YAAA,EAAE,EAAE,iBAAiB;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AAED;;AAEG;AACH,QAAA,aAAa,EAAE;AACb,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,KAAK;AACV,SAAA;AAED;;AAEG;AACH,QAAA,eAAe,EAAE;AACf,YAAA,EAAE,EAAE,WAAW;AAChB,SAAA;AAED,QAAA,OAAO,EAAE,YAAA;;YAEP,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;SACpD;AAED;;AAEG;AACH,QAAA,IAAI,EAAE,YAAA;YACJ,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;AAED;;;;AAIG;QACH,SAAS,EAAE,UAAU,CAAC,EAAA;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;AACvE,YAAA,IAAI,CAAC,CAAC,OAAO,IAAI,MAAM,EAAE;gBACvB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5B,aAAA;AAAM,iBAAA,IACL,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,eAAe;iBAChC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EACxB;AACA,gBAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,aAAA;AAAM,iBAAA;gBACL,OAAO;AACR,aAAA;YACD,CAAC,CAAC,wBAAwB,EAAE,CAAC;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE;;AAEtC,gBAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;gBAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,uBAAuB,EAAE,CAAC;AAChC,aAAA;AAAM,iBAAA;gBACL,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;AAC/C,aAAA;SACF;AAED;;;;;AAKG;QACH,OAAO,EAAE,UAAU,CAAC,EAAA;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC/D,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE;AAC/D,gBAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxC,aAAA;AAAM,iBAAA;gBACL,OAAO;AACR,aAAA;YACD,CAAC,CAAC,wBAAwB,EAAE,CAAC;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;SAC/C;AAED;;;AAGG;QACH,OAAO,EAAE,UAAU,CAAC,EAAA;AAClB,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;AAC/B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,YAAA,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,OAAO;AACR,aAAA;;AAED,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CACnC,IAAI,CAAC,cAAc,CAAC,KAAK,CAC1B,CAAC,YAAY,EACd,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAC7B,aAAa,GAAG,QAAQ,CAAC,MAAM,EAC/B,WAAW,EACX,YAAY,EACZ,QAAQ,GAAG,aAAa,GAAG,SAAS,EACpC,cAAc,GAAG,IAAI,CAAC,cAAc,EACpC,YAAY,GAAG,IAAI,CAAC,YAAY,EAChC,SAAS,GAAG,cAAc,KAAK,YAAY,EAC3C,WAAW,EACX,UAAU,EACV,QAAQ,CAAC;AACX,YAAA,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,KAAK,EAAE,EAAE;AACpC,gBAAA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjB,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC1B,gBAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBACrB,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACnD,oBAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;AAChC,iBAAA;gBACD,OAAO;AACR,aAAA;YAED,IAAI,iBAAiB,GAAG,IAAI,CAAC,6BAA6B,CACxD,IAAI,CAAC,cAAc,CAAC,cAAc,EAClC,IAAI,CAAC,cAAc,CAAC,YAAY,EAChC,IAAI,CAAC,cAAc,CAAC,KAAK,CAC1B,CAAC;AACF,YAAA,IAAI,UAAU,GAAG,cAAc,GAAG,iBAAiB,CAAC,cAAc,CAAC;AAEnE,YAAA,IAAI,SAAS,EAAE;gBACb,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AAC7D,gBAAA,QAAQ,IAAI,YAAY,GAAG,cAAc,CAAC;AAC3C,aAAA;iBAAM,IAAI,aAAa,GAAG,SAAS,EAAE;AACpC,gBAAA,IAAI,UAAU,EAAE;AACd,oBAAA,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAC5B,YAAY,GAAG,QAAQ,EACvB,YAAY,CACb,CAAC;AACH,iBAAA;AAAM,qBAAA;AACL,oBAAA,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAC5B,cAAc,EACd,cAAc,GAAG,QAAQ,CAC1B,CAAC;AACH,iBAAA;AACF,aAAA;AACD,YAAA,YAAY,GAAG,QAAQ,CAAC,KAAK,CAC3B,iBAAiB,CAAC,YAAY,GAAG,QAAQ,EACzC,iBAAiB,CAAC,YAAY,CAC/B,CAAC;AACF,YAAA,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;gBACrC,IAAI,YAAY,CAAC,MAAM,EAAE;;;;AAIvB,oBAAA,WAAW,GAAG,IAAI,CAAC,kBAAkB,CACnC,cAAc,EACd,cAAc,GAAG,CAAC,EAClB,KAAK,CACN,CAAC;;AAEF,oBAAA,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,YAAA;;;AAG7B,wBAAA,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC;AACxB,qBAAC,CAAC,CAAC;AACJ,iBAAA;AACD,gBAAA,IAAI,SAAS,EAAE;oBACb,UAAU,GAAG,cAAc,CAAC;oBAC5B,QAAQ,GAAG,YAAY,CAAC;AACzB,iBAAA;AAAM,qBAAA,IAAI,UAAU,EAAE;;AAErB,oBAAA,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC,MAAM,CAAC;oBAC/C,QAAQ,GAAG,YAAY,CAAC;AACzB,iBAAA;AAAM,qBAAA;oBACL,UAAU,GAAG,YAAY,CAAC;AAC1B,oBAAA,QAAQ,GAAG,YAAY,GAAG,WAAW,CAAC,MAAM,CAAC;AAC9C,iBAAA;AACD,gBAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAC9C,aAAA;YACD,IAAI,YAAY,CAAC,MAAM,EAAE;AACvB,gBAAA,IACE,SAAS;oBACT,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,UAAU;oBAC3C,CAAC,MAAM,CAAC,qBAAqB,EAC7B;AACA,oBAAA,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC;AACtC,iBAAA;gBACD,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;AACrE,aAAA;YACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACrB,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACnD,gBAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;AAChC,aAAA;SACF;AACD;;AAEG;AACH,QAAA,kBAAkB,EAAE,YAAA;AAClB,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;AAED;;AAEG;AACH,QAAA,gBAAgB,EAAE,YAAA;AAChB,YAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;SAChC;;;;QAKD,mBAAmB,EAAE,UAAU,CAAC,EAAA;YAC9B,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;YAChD,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,sBAAsB,EAAE,CAAC;SAC/B;AAED;;;AAGG;AACH,QAAA,IAAI,EAAE,YAAA;AACJ,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EAAE;;gBAE7C,OAAO;AACR,aAAA;AAED,YAAA,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AAC3C,YAAA,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE;AACjC,gBAAA,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAC9C,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,YAAY,EACjB,IAAI,CACL,CAAC;AACH,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;AAC/B,aAAA;AACD,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;AAED;;;AAGG;AACH,QAAA,KAAK,EAAE,YAAA;AACL,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;AAED;;;;AAIG;QACH,iBAAiB,EAAE,UAAU,CAAC,EAAA;AAC5B,YAAA,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC;SAC9D;AAED;;;;;;AAMG;AACH,QAAA,qBAAqB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAA;YACnD,IAAI,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,EACxD,KAAK,CAAC;YAER,IAAI,SAAS,GAAG,CAAC,EAAE;AACjB,gBAAA,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;gBACpD,iBAAiB,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;AAC/C,aAAA;AACD,YAAA,OAAO,iBAAiB,CAAC;SAC1B;AAED;;;;;AAKG;AACH,QAAA,mBAAmB,EAAE,UAAU,CAAC,EAAE,OAAO,EAAA;YACvC,IAAI,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,OAAO,CAAC,EACzD,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,EACxD,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;;YAEvC,IACE,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;AACxC,gBAAA,CAAC,CAAC,OAAO;AACT,gBAAA,CAAC,CAAC,OAAO,KAAK,EAAE,EAChB;;AAEA,gBAAA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,aAAa,CAAC;AAC1C,aAAA;AACD,YAAA,IAAI,SAAS,GAAG,cAAc,CAAC,SAAS,EACtC,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,SAAS,EAAE,SAAS,CAAC,EACpE,gBAAgB,GAAG,IAAI,CAAC,eAAe,CACrC,SAAS,GAAG,CAAC,EACb,iBAAiB,CAClB,EACD,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAChE,QACE,eAAe,CAAC,MAAM;gBACtB,gBAAgB;gBAChB,CAAC;AACD,gBAAA,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,EACpC;SACH;AAED;;;;;;AAMG;AACH,QAAA,sBAAsB,EAAE,UAAU,CAAC,EAAE,OAAO,EAAA;YAC1C,IACE,CAAC,CAAC,QAAQ;AACV,gBAAA,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY;AACzC,gBAAA,OAAO,EACP;gBACA,OAAO,IAAI,CAAC,YAAY,CAAC;AAC1B,aAAA;AAAM,iBAAA;gBACL,OAAO,IAAI,CAAC,cAAc,CAAC;AAC5B,aAAA;SACF;AAED;;;;AAIG;AACH,QAAA,iBAAiB,EAAE,UAAU,CAAC,EAAE,OAAO,EAAA;YACrC,IAAI,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,OAAO,CAAC,EACzD,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,EACxD,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;AACvC,YAAA,IAAI,SAAS,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE;;gBAEpD,OAAO,CAAC,aAAa,CAAC;AACvB,aAAA;YACD,IAAI,SAAS,GAAG,cAAc,CAAC,SAAS,EACtC,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,SAAS,EAAE,SAAS,CAAC,EACpE,gBAAgB,GAAG,IAAI,CAAC,eAAe,CACrC,SAAS,GAAG,CAAC,EACb,iBAAiB,CAClB,EACD,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,EACjE,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;;YAElE,QACE,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,MAAM;gBACtC,gBAAgB;AAChB,gBAAA,gBAAgB,CAAC,MAAM;AACvB,iBAAC,CAAC,GAAG,oBAAoB,CAAC,EAC1B;SACH;AAED;;;AAGG;AACH,QAAA,eAAe,EAAE,UAAU,SAAS,EAAE,KAAK,EAAA;AACzC,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EACnC,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,EACnD,kBAAkB,GAAG,cAAc,EACnC,WAAW,GAAG,CAAC,EACf,SAAS,EACT,UAAU,CAAC;AAEb,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;AACjD,gBAAA,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBAClD,kBAAkB,IAAI,SAAS,CAAC;gBAChC,IAAI,kBAAkB,GAAG,KAAK,EAAE;oBAC9B,UAAU,GAAG,IAAI,CAAC;AAClB,oBAAA,IAAI,QAAQ,GAAG,kBAAkB,GAAG,SAAS,EAC3C,SAAS,GAAG,kBAAkB,EAC9B,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC,EAC/C,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC;AAEpD,oBAAA,WAAW,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;oBACnE,MAAM;AACP,iBAAA;AACF,aAAA;;YAGD,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAC/B,aAAA;AAED,YAAA,OAAO,WAAW,CAAC;SACpB;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,CAAC,EAAA;YACzB,IACE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;gBACxC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EACtC;gBACA,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;SACrC;AAED;;;AAGG;QACH,YAAY,EAAE,UAAU,CAAC,EAAA;YACvB,IAAI,IAAI,CAAC,cAAc,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,EAAE;gBACxD,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACnC;AAED;;;;AAIG;AACH,QAAA,mBAAmB,EAAE,UAAU,SAAS,EAAE,CAAC,EAAA;;;YAGzC,IAAI,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,cAAc,EAC7C,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC;YACjE,IAAI,CAAC,CAAC,QAAQ,EAAE;AACd,gBAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAClC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;AACrC,aAAA;YACD,IAAI,MAAM,KAAK,CAAC,EAAE;gBAChB,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAChC,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC5B,gBAAA,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;AACxB,aAAA;SACF;AAED;;;AAGG;QACH,mBAAmB,EAAE,UAAU,MAAM,EAAA;AACnC,YAAA,IAAI,YAAY,GACd,IAAI,CAAC,mBAAmB,KAAK,MAAM;AACjC,kBAAE,IAAI,CAAC,cAAc,GAAG,MAAM;AAC9B,kBAAE,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;AACjC,YAAA,IAAI,CAAC,6BAA6B,CAChC,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,YAAY,EACjB,YAAY,CACb,CAAC;YACF,OAAO,MAAM,KAAK,CAAC,CAAC;SACrB;AAED;;;AAGG;QACH,sBAAsB,EAAE,UAAU,MAAM,EAAA;YACtC,IAAI,MAAM,GAAG,CAAC,EAAE;AACd,gBAAA,IAAI,CAAC,cAAc,IAAI,MAAM,CAAC;AAC9B,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;AACzC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC;AAC5B,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC;AACzC,aAAA;YACD,OAAO,MAAM,KAAK,CAAC,CAAC;SACrB;AAED;;;AAGG;QACH,cAAc,EAAE,UAAU,CAAC,EAAA;YACzB,IAAI,IAAI,CAAC,cAAc,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,EAAE;gBACxD,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;SACxC;AAED;;;AAGG;AACH,QAAA,KAAK,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAA;AACjC,YAAA,IAAI,QAAQ,CAAC;YACb,IAAI,CAAC,CAAC,MAAM,EAAE;AACZ,gBAAA,QAAQ,GAAG,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7D,aAAA;AAAM,iBAAA,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE;AAC5D,gBAAA,QAAQ,GAAG,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7D,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,SAAS,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5C,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;YACD,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,EAAE;AAC9D,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;AACtB,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;SACF;AAED;;AAEG;AACH,QAAA,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;SACpC;AAED;;AAEG;AACH,QAAA,UAAU,EAAE,UAAU,CAAC,EAAE,IAAI,EAAA;YAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;SACrC;AAED;;;AAGG;QACH,0BAA0B,EAAE,UAAU,CAAC,EAAA;YACrC,IAAI,MAAM,GAAG,IAAI,CAAC;AAClB,YAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;;;AAIlC,YAAA,IACE,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,cAAc;AACzC,gBAAA,IAAI,CAAC,cAAc,KAAK,CAAC,EACzB;gBACA,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC9C,aAAA;AACD,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;AACxC,YAAA,OAAO,MAAM,CAAC;SACf;AAED;;;AAGG;QACH,uBAAuB,EAAE,UAAU,CAAC,EAAA;AAClC,YAAA,IACE,IAAI,CAAC,mBAAmB,KAAK,OAAO;AACpC,gBAAA,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EACzC;gBACA,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;AAC1C,aAAA;AAAM,iBAAA,IAAI,IAAI,CAAC,cAAc,KAAK,CAAC,EAAE;AACpC,gBAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;gBAClC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC5C,aAAA;SACF;AAED;;;AAGG;QACH,eAAe,EAAE,UAAU,CAAC,EAAA;YAC1B,IACE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;gBACxC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EACtC;gBACA,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SACzC;AAED;;;;AAIG;AACH,QAAA,sBAAsB,EAAE,UAAU,SAAS,EAAE,CAAC,EAAA;AAC5C,YAAA,IAAI,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AACnD,YAAA,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC;YAE/B,IAAI,CAAC,CAAC,QAAQ,EAAE;gBACd,UAAU,IAAI,OAAO,CAAC;AACvB,aAAA;AAAM,iBAAA;gBACL,UAAU,IAAI,UAAU,CAAC;AAC1B,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;gBACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC5B,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;AACxB,aAAA;SACF;AAED;;;AAGG;QACH,wBAAwB,EAAE,UAAU,CAAC,EAAA;AACnC,YAAA,IACE,IAAI,CAAC,mBAAmB,KAAK,MAAM;AACnC,gBAAA,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EACzC;gBACA,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC7C,aAAA;iBAAM,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAClD,gBAAA,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC;gBACnC,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;AAC3C,aAAA;SACF;AAED;;;AAGG;QACH,2BAA2B,EAAE,UAAU,CAAC,EAAA;YACtC,IAAI,OAAO,GAAG,IAAI,CAAC;AACnB,YAAA,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC;AAEnC,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,EAAE;gBAC7C,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC/C,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;AACzC,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC;AACzC,aAAA;AACD,YAAA,OAAO,OAAO,CAAC;SAChB;AAED;;;;;;AAMG;AACH,QAAA,WAAW,EAAE,UAAU,KAAK,EAAE,GAAG,EAAA;AAC/B,YAAA,IAAI,OAAO,GAAG,KAAK,WAAW,EAAE;AAC9B,gBAAA,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC;AACjB,aAAA;AACD,YAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,CAAC;YACtC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChC,YAAA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACxB,YAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE,EAAE;gBACrC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,aAAA;YACD,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;AAED;;;;;;;;;;;AAWG;QACH,WAAW,EAAE,UAAU,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAA;AAC5C,YAAA,IAAI,OAAO,GAAG,KAAK,WAAW,EAAE;gBAC9B,GAAG,GAAG,KAAK,CAAC;AACb,aAAA;YACD,IAAI,GAAG,GAAG,KAAK,EAAE;AACf,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACpC,aAAA;YACD,IAAI,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAClD,YAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,CACpB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAC1B,SAAS,EACT,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CACtB,CAAC;YACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChC,YAAA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACxB,YAAA,IAAI,IAAI,CAAC,0BAA0B,EAAE,EAAE;gBACrC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,EAAE,CAAC;AAClB,aAAA;YACD,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACjzBrD;AAMA;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,EACxB,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAC7B,mBAAmB,GAAG,MAAM,CAAC;IAE/B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CACvB,MAAM,CAAC,IAAI,CAAC,SAAS;AACrB,wCAAoC;AAClC;;;;AAIG;AACH,QAAA,MAAM,EAAE,YAAA;YACN,IAAI,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE,EACxC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;AACvE,YAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;SAC1C;AAED;;;;AAIG;QACH,KAAK,EAAE,UAAU,OAAO,EAAA;YACtB,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;AAC9C,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AACjB,aAAA,CAAC,CAAC;SACJ;AAED;;AAEG;AACH,QAAA,qBAAqB,EAAE,YAAA;YACrB,OAAO;AACL,gBAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC;AACzB,gBAAA,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;AACzB,gBAAA,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;aACjC,CAAC;SACH;AAED;;AAEG;QACH,iBAAiB,EAAE,UAAU,SAAS,EAAA;AACpC,YAAA,IAAI,QAAQ,GAAG,IAAI,EACjB,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;YACnD,OAAO;AACL,gBAAA,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,iCAAiC;AACjC,gBAAA,IAAI,CAAC,UAAU;AACb,sBAAE,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,IAAI;AAC7D,sBAAE,EAAE;AACN,gBAAA,IAAI,CAAC,QAAQ,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE;AACzD,gBAAA,IAAI,CAAC,SAAS,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE;AAC5D,gBAAA,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE;gBAC/D,cAAc,GAAG,mBAAmB,GAAG,cAAc,GAAG,IAAI,GAAG,EAAE;AACjE,gBAAA,IAAI,CAAC,SAAS,KAAK,KAAK,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE;gBACrE,SAAS;AACT,gBAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;gBAC3B,GAAG;gBACH,IAAI,CAAC,aAAa,EAAE;gBACpB,IAAI;AACJ,gBAAA,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5B,WAAW;aACZ,CAAC;SACH;AAED;;;;;AAKG;AACH,QAAA,gBAAgB,EAAE,UAAU,aAAa,EAAE,cAAc,EAAA;AACvD,YAAA,IAAI,SAAS,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,MAAM,GAAG,aAAa,EACtB,UAAU,CAAC;;AAEb,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;;AAG5B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;AAC1D,gBAAA,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;AACxC,gBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;AAC5B,oBAAA,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC;AAC1B,iBAAA;gBACD,IACE,IAAI,CAAC,mBAAmB;AACxB,oBAAA,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC,EACvC;AACA,oBAAA,IAAI,CAAC,iBAAiB,CACpB,WAAW,EACX,CAAC,EACD,cAAc,GAAG,UAAU,EAC3B,MAAM,CACP,CAAC;AACH,iBAAA;AACD,gBAAA,IAAI,CAAC,mBAAmB,CACtB,SAAS,EACT,CAAC,EACD,cAAc,GAAG,UAAU,EAC3B,MAAM,CACP,CAAC;AACF,gBAAA,MAAM,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AACnC,aAAA;YAED,OAAO;AACL,gBAAA,SAAS,EAAE,SAAS;AACpB,gBAAA,WAAW,EAAE,WAAW;aACzB,CAAC;SACH;AAED;;AAEG;QACH,mBAAmB,EAAE,UAAU,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAA;YACxD,IAAI,mBAAmB,GACnB,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAC5D,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,EAClE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,GAAG,GAAG,EAAE,EAC3D,EAAE,GAAG,SAAS,CAAC,MAAM,EACrB,MAAM,GAAG,EAAE,EACX,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACnD,YAAA,IAAI,EAAE,EAAE;gBACN,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,mBAAmB,CAAC,GAAG,IAAI,CAAC;AAC5D,aAAA;YACD,OAAO;gBACL,YAAY;AACZ,gBAAA,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC;gBAClC,OAAO;AACP,gBAAA,OAAO,CAAC,GAAG,EAAE,mBAAmB,CAAC;gBACjC,IAAI;gBACJ,MAAM;gBACN,UAAU;gBACV,GAAG;gBACH,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;gBACnC,UAAU;AACX,aAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACZ;QAED,mBAAmB,EAAE,UACnB,SAAS,EACT,SAAS,EACT,cAAc,EACd,aAAa,EAAA;;YAGb,IAAI,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAC9C,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EACpD,WAAW,EACX,SAAS,EACT,aAAa,GAAG,EAAE,EAClB,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EACjC,YAAY,CAAC;YAEf,aAAa;AACX,gBAAA,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC;AAChE,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;gBACpD,YAAY,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC;AAC7C,gBAAA,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;gBACzB,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1C,IAAI,QAAQ,KAAK,CAAC,EAAE;oBAClB,cAAc,IAAI,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;AACtD,oBAAA,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC;AAC3B,iBAAA;AAAM,qBAAA;AACL,oBAAA,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;AACjC,iBAAA;AACD,gBAAA,IAAI,SAAS,IAAI,CAAC,YAAY,EAAE;oBAC9B,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;wBACrC,YAAY,GAAG,IAAI,CAAC;AACrB,qBAAA;AACF,iBAAA;gBACD,IAAI,CAAC,YAAY,EAAE;;oBAEjB,WAAW;wBACT,WAAW,IAAI,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;oBAChE,SAAS,GAAG,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/D,oBAAA,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CACxC,WAAW,EACX,SAAS,EACT,IAAI,CACL,CAAC;AACH,iBAAA;AACD,gBAAA,IAAI,YAAY,EAAE;oBAChB,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AACtD,oBAAA,SAAS,CAAC,IAAI,CACZ,IAAI,CAAC,mBAAmB,CACtB,aAAa,EACb,KAAK,EACL,cAAc,EACd,aAAa,CACd,CACF,CAAC;oBACF,aAAa,GAAG,EAAE,CAAC;oBACnB,WAAW,GAAG,SAAS,CAAC;AACxB,oBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;wBAC5B,cAAc,IAAI,QAAQ,CAAC;AAC5B,qBAAA;AAAM,yBAAA;wBACL,cAAc,IAAI,QAAQ,CAAC;AAC5B,qBAAA;oBACD,QAAQ,GAAG,CAAC,CAAC;AACd,iBAAA;AACF,aAAA;SACF;AAED,QAAA,eAAe,EAAE,UAAU,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAA;AACrE,YAAA,IAAI,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;YACrD,WAAW,CAAC,IAAI,CACd,YAAY,EACZ,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAC9B,MAAM,EACN,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,CAAC,GAAG,EAAE,mBAAmB,CAAC,EACjC,WAAW,EACX,OAAO,CAAC,KAAK,EAAE,mBAAmB,CAAC,EACnC,YAAY,EACZ,OAAO,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACpC,aAAa,CACd,CAAC;SACH;QAED,iBAAiB,EAAE,UAAU,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAA;YACpE,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAC3B,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,EACxD,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,OAAO,EACP,YAAY,EACZ,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,qBAAqB,CAAC,CAAC;AACrE,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;gBACjD,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClC,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,qBAAqB,CAAC,CAAC;gBACtE,IAAI,YAAY,KAAK,SAAS,EAAE;oBAC9B,SAAS;AACP,wBAAA,IAAI,CAAC,eAAe,CAClB,WAAW,EACX,SAAS,EACT,UAAU,GAAG,QAAQ,EACrB,aAAa,EACb,QAAQ,EACR,YAAY,CACb,CAAC;AACJ,oBAAA,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;AACxB,oBAAA,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC;oBACzB,SAAS,GAAG,YAAY,CAAC;AAC1B,iBAAA;AAAM,qBAAA;AACL,oBAAA,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;AACjC,iBAAA;AACF,aAAA;YACD,YAAY;AACV,gBAAA,IAAI,CAAC,eAAe,CAClB,WAAW,EACX,YAAY,EACZ,UAAU,GAAG,QAAQ,EACrB,aAAa,EACb,QAAQ,EACR,YAAY,CACb,CAAC;SACL;AAED;;;;;;;AAOG;QACH,kBAAkB,EAAE,UAAU,KAAK,EAAA;YACjC,IAAI,SAAS,GACX,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAC7D,YAAA,IACE,CAAC,SAAS;gBACV,CAAC,SAAS,CAAC,SAAS,EAAE;AACtB,gBAAA,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B;AACA,gBAAA,OAAO,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC;AAC/B,aAAA;AACD,YAAA,QACE,WAAW;gBACX,SAAS,CAAC,QAAQ,EAAE;gBACpB,UAAU;AACV,gBAAA,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;AAC7B,gBAAA,GAAG,EACH;SACH;AAED;;AAEG;QACH,oBAAoB,EAAE,UAAU,SAAS,EAAA;AACvC,YAAA,IAAI,aAAa,GAAG,CAAC,EACnB,UAAU,GAAG,CAAC,CAAC;YACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;AAClC,gBAAA,aAAa,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAC1C,aAAA;AACD,YAAA,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YACrC,OAAO;AACL,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,MAAM,EACJ,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,IAAI,UAAU;AAC3D,qBAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;aACzC,CAAC;SACH;AAED;;;;AAIG;QACH,YAAY,EAAE,UAAU,UAAU,EAAA;AAChC,YAAA,IAAI,QAAQ,GAAGA,uBAAY,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CACrD,IAAI,EACJ,UAAU,CACX,CAAC;YACF,OAAO,QAAQ,GAAG,oBAAoB,CAAC;SACxC;AACF,KAAA,CACF,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AACtD;;AC/UA;AACA,CAAC,UAAU,MAAM,EAAA;AACf,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEnD;;;;;;;;;AASG;AACH,IAAA,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE;AACrD;;;;AAIG;AACH,QAAA,IAAI,EAAE,SAAS;AAEf;;;;AAIG;AACH,QAAA,QAAQ,EAAE,EAAE;AAEZ;;;;;;AAMG;AACH,QAAA,eAAe,EAAE,CAAC;AAElB;;;AAGG;AACH,QAAA,aAAa,EAAE,IAAI;AAEnB;;AAEG;AACH,QAAA,eAAe,EAAE,IAAI;AAErB;;;AAGG;AACH,QAAA,YAAY,EAAE,KAAK;AAEnB;;;;AAIG;AACH,QAAA,wBAAwB,EACtB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,MAAM,CAAC,OAAO,CAAC;AAEhE;;;AAGG;AACH,QAAA,YAAY,EAAE,SAAS;AAEvB;;;;;AAKG;AACH,QAAA,eAAe,EAAE,KAAK;AAEtB;;;;;AAKG;AACH,QAAA,cAAc,EAAE,YAAA;YACd,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,OAAO;AACR,aAAA;AACD,YAAA,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,EAAE,CAAC;;AAEnB,YAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;;AAEzB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;;AAE3D,YAAA,IAAI,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE;gBACrC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC1C,aAAA;YACD,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE;;gBAE5C,IAAI,CAAC,aAAa,EAAE,CAAC;AACtB,aAAA;;AAED,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC,CAAC;SAC7D;AAED;;;;;;AAMG;QACH,iBAAiB,EAAE,UAAU,QAAQ,EAAA;AACnC,YAAA,IAAI,aAAa,GAAG,CAAC,EACnB,iBAAiB,GAAG,CAAC,EACrB,SAAS,GAAG,CAAC,EACb,GAAG,GAAG,EAAE,CAAC;AAEX,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtD,gBAAA,IAAI,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE;oBACtD,iBAAiB,GAAG,CAAC,CAAC;AACtB,oBAAA,SAAS,EAAE,CAAC;AACZ,oBAAA,aAAa,EAAE,CAAC;AACjB,iBAAA;qBAAM,IACL,CAAC,IAAI,CAAC,eAAe;oBACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;oBAC1D,CAAC,GAAG,CAAC,EACL;;AAEA,oBAAA,iBAAiB,EAAE,CAAC;AACpB,oBAAA,SAAS,EAAE,CAAC;AACb,iBAAA;AAED,gBAAA,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;gBAE5D,SAAS,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBAC9C,iBAAiB,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AACvD,aAAA;AAED,YAAA,OAAO,GAAG,CAAC;SACZ;AAED;;;;AAIG;AACH,QAAA,QAAQ,EAAE,UAAU,QAAQ,EAAE,SAAS,EAAA;YACrC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACtC,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AACpC,gBAAA,IAAI,GAAG,EAAE;AACP,oBAAA,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC;AACtB,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;SACvE;AAED;;;;AAIG;QACH,aAAa,EAAE,UAAU,SAAS,EAAA;AAChC,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IAAI,MAAM,GAAG,CAAC,EACZ,aAAa,GAAG,SAAS,GAAG,CAAC,EAC7B,UAAU,EACV,GAAG,EACH,WAAW,GAAG,KAAK,EACnB,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAC/B,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;AAC9C,YAAA,IAAI,GAAG,EAAE;AACP,gBAAA,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC;AACrB,gBAAA,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;AACrB,aAAA;AACD,YAAA,IAAI,WAAW,EAAE;AACf,gBAAA,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC;AACjC,gBAAA,WAAW,GAAG,aAAa,KAAK,SAAS,CAAC;AAC1C,gBAAA,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;AACjC,aAAA;YACD,GAAG;gBACD,OAAO,SAAS,KAAK,WAAW;sBAC5B,IAAI,CAAC,MAAM;sBACX,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;AACvC,YAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;AAClB,gBAAA,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE;AACtB,oBAAA,IAAI,EAAE,IAAI,MAAM,KAAK,CAAC,WAAW,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE;;wBAErD,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC1B,4BAAA,OAAO,KAAK,CAAC;AACd,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;SACb;AAED;;;;AAIG;AACH,QAAA,oBAAoB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAA;YAClD,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACtC,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;gBACpC,IAAI,CAAC,GAAG,EAAE;AACR,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AACD,gBAAA,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC;AACrB,gBAAA,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;AACpC,aAAA;YACD,OAAO,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;SACrE;AAED;;;;;AAKG;AACH,QAAA,oBAAoB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAE,KAAK,EAAA;YACzD,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AACpC,YAAA,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC;AACrB,YAAA,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;YAEnC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;SAC3C;AAED;;;;AAIG;AACH,QAAA,uBAAuB,EAAE,UAAU,SAAS,EAAE,SAAS,EAAA;YACrD,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;AACpC,YAAA,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC;AACrB,YAAA,SAAS,GAAG,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;YACnC,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;SAC1C;AAED;;;;;;;AAOG;QACH,aAAa,EAAE,UAAU,SAAS,EAAA;YAChC,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YACpC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAChC;AAED;;;;;AAKG;QACH,aAAa,EAAE,UAAU,SAAS,EAAA;YAChC,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;SAC5B;AAED;;;;;;;;AAQG;AACH,QAAA,SAAS,EAAE,UAAU,KAAK,EAAE,YAAY,EAAA;AACtC,YAAA,IAAI,OAAO,GAAG,EAAE,EACd,CAAC,CAAC;AACJ,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACvB,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACjC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;AACxE,aAAA;AACD,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;AACxB,YAAA,OAAO,OAAO,CAAC;SAChB;AAED;;;;;;;;;;;AAWG;AACH,QAAA,YAAY,EAAE,UAAU,IAAI,EAAE,SAAS,EAAE,UAAU,EAAA;YACjD,IAAI,KAAK,GAAG,CAAC,EACX,YAAY,EACZ,QAAQ,GAAG,IAAI,CAAC;AAClB,YAAA,UAAU,GAAG,UAAU,IAAI,CAAC,CAAC;AAC7B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;gBAC/C,IAAI,GAAG,GAAG,IAAI,CAAC,eAAe,CAC5B,IAAI,CAAC,CAAC,CAAC,EACP,SAAS,EACT,CAAC,GAAG,UAAU,EACd,YAAY,EACZ,QAAQ,CACT,CAAC;AACF,gBAAA,KAAK,IAAI,GAAG,CAAC,WAAW,CAAC;AACzB,gBAAA,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;;;AAKG;QACH,SAAS,EAAE,UAAU,KAAK,EAAA;YACxB,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SACvC;AAED;;;;;;;;AAQG;QACH,SAAS,EAAE,UAAU,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAA;AAChE,YAAA,IAAI,SAAS,GAAG,CAAC,EACf,eAAe,GAAG,IAAI,CAAC,eAAe,EACtC,aAAa,GAAG,EAAE,EAClB,IAAI,GAAG,EAAE;;AAET,YAAA,KAAK,GAAG,eAAe;AACrB,kBAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;kBACzB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EACzB,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,eAAe,GAAG,EAAE,GAAG,GAAG,EAClC,SAAS,GAAG,CAAC,EACb,UAAU,GAAG,CAAC,EACd,gBAAgB,GAAG,CAAC,EACpB,eAAe,GAAG,IAAI,EACtB,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,EAC/C,aAAa,GAAG,aAAa,IAAI,CAAC,CAAC;;AAErC,YAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,gBAAA,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChB,aAAA;YACD,YAAY,IAAI,aAAa,CAAC;;AAE9B,YAAA,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,CAClB,UAAU,IAAI,EAAA;;AAEZ,gBAAA,IAAI,GAAG,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AACzD,gBAAA,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;gBACvD,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AACrD,gBAAA,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACtC,aAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CACb,CAAC;AACF,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,CACrB,YAAY,EACZ,gBAAgB,EAChB,IAAI,CAAC,eAAe,CACrB,CAAC;;YAEF,MAAM,GAAG,CAAC,CAAC;AACX,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrC,gBAAA,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACpB,gBAAA,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC1B,gBAAA,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;AAEtB,gBAAA,SAAS,IAAI,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AACtD,gBAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,CAAC,eAAe,EAAE;AAC5C,oBAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACzB,IAAI,GAAG,EAAE,CAAC;oBACV,SAAS,GAAG,SAAS,CAAC;oBACtB,eAAe,GAAG,IAAI,CAAC;AACxB,iBAAA;AAAM,qBAAA;oBACL,SAAS,IAAI,eAAe,CAAC;AAC9B,iBAAA;AAED,gBAAA,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE;AACxC,oBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAClB,iBAAA;AACD,gBAAA,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAEzB,gBAAA,UAAU,GAAG,eAAe;AAC1B,sBAAE,CAAC;AACH,sBAAE,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAClD,gBAAA,MAAM,EAAE,CAAC;gBACT,eAAe,GAAG,KAAK,CAAC;AACzB,aAAA;AAED,YAAA,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE9B,YAAA,IAAI,gBAAgB,GAAG,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE;AAC3D,gBAAA,IAAI,CAAC,eAAe;AAClB,oBAAA,gBAAgB,GAAG,eAAe,GAAG,aAAa,CAAC;AACtD,aAAA;AACD,YAAA,OAAO,aAAa,CAAC;SACtB;AAED;;;;;AAKG;QACH,eAAe,EAAE,UAAU,SAAS,EAAA;YAClC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE;;AAElC,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,IACE,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAI,EACrE;;AAEA,gBAAA,OAAO,IAAI,CAAC;AACb,aAAA;AACD,YAAA,OAAO,KAAK,CAAC;SACd;AAED;;;;AAIG;QACH,oBAAoB,EAAE,UAAU,SAAS,EAAA;YACvC,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,OAAO,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAChD,aAAA;AACD,YAAA,OAAO,CAAC,CAAC;SACV;AAED;;;;;;AAMG;QACH,mBAAmB,EAAE,UAAU,IAAI,EAAA;AACjC,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EACtE,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EACzD,KAAK,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC1C,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,gBAAA,KAAK,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,aAAA;AACD,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;AACtB,YAAA,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;AACtC,YAAA,OAAO,OAAO,CAAC;SAChB;AAED,QAAA,WAAW,EAAE,YAAA;AACX,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;SACtD;AAED,QAAA,uBAAuB,EAAE,YAAA;YACvB,IAAI,WAAW,GAAG,EAAE,CAAC;AACrB,YAAA,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;AAC/B,gBAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AACzB,oBAAA,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5C,iBAAA;AACF,aAAA;AACD,YAAA,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;AAC5B,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;AACtB,oBAAA,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC1B,iBAAA;AACF,aAAA;SACF;AAED;;;;;AAKG;QACH,QAAQ,EAAE,UAAU,mBAAmB,EAAA;AACrC,YAAA,OAAO,IAAI,CAAC,SAAS,CACnB,UAAU,EACV,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAC5D,CAAC;SACH;AACF,KAAA,CAAC,CAAC;AAEH;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,UAAU,MAAM,EAAA;AAC1C,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;;AAErE,QAAA,IAAI,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QAC5D,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE;AACxD,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,CAAC,EAAE,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;;ACjgBrD;MAqBa,OAAO,CAAA;AAyHlB,IAAA,WAAA,CAAY,OAAyB,EAAA;AAxHrC;;;;;;;AAOG;QACH,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC;AAEf;;;;;;;;;;AAUG;QACH,IAAU,CAAA,UAAA,GAAG,OAAO,CAAC;AAErB;;;;;;AAMG;QACH,IAAK,CAAA,KAAA,GAAG,CAAC,CAAC;AAEV;;;;;;AAMG;QACH,IAAC,CAAA,CAAA,GAAG,CAAC,CAAC;AAEN;;;;;;AAMG;QACH,IAAC,CAAA,CAAA,GAAG,CAAC,CAAC;AAEN;;;;;;;;;;;AAWG;QACH,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;AAEZ;;;;;AAKG;QACH,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;AAEZ;;;;;AAKG;QACH,IAAK,CAAA,KAAA,GAAkB,IAAI,CAAC;AAE5B;;;;;AAKG;QACH,IAAK,CAAA,KAAA,GAAkB,IAAI,CAAC;AAE5B;;;;;AAKG;QACH,IAAU,CAAA,UAAA,GAAkB,IAAI,CAAC;AAEjC;;;;;AAKG;QACH,IAAU,CAAA,UAAA,GAAkB,IAAI,CAAC;AAEjC;;;;;AAKG;QACH,IAAW,CAAA,WAAA,GAAG,WAAW,CAAC;AAE1B;;;;;AAKG;QACH,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAGrB,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;KAC9B;AAgCD;;;;;;AAMG;AACH,IAAA,gBAAgB,CACd,SAAwB,EACxB,YAA0B,EAC1B,OAAgB,EAAA;QAEhB,OAAO,IAAI,CAAC,aAAa,CAAC;KAC3B;AAED;;;;;;AAMG;AACH,IAAA,mBAAmB,CACjB,SAAwB,EACxB,YAA0B,EAC1B,OAAgB,EAAA;QAEhB,OAAO,IAAI,CAAC,gBAAgB,CAAC;KAC9B;AAED;;;;;;AAMG;AACH,IAAA,iBAAiB,CACf,SAAwB,EACxB,YAA0B,EAC1B,OAAgB,EAAA;QAEhB,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;AAED;;;;;;;;AAQG;AACH,IAAA,kBAAkB,CAChB,SAAwB,EACxB,OAAgB,EAChB,YAA0B,EAAA;QAE1B,OAAO,OAAO,CAAC,WAAW,CAAC;KAC5B;AAED;;;;;;AAMG;AACH,IAAA,aAAa,CACX,SAAwB,EACxB,OAAgB,EAChB,YAA0B,EAAA;QAE1B,OAAO,OAAO,CAAC,UAAU,CAAC;KAC3B;AAED;;;;;AAKG;IACH,aAAa,CAAC,YAA0B,EAAE,UAAkB,EAAA;;;AAE1D,QAAA,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,YAAY,CAAC,mBAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,UAAU,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,IAAI,CAAC,OAAO,CAAC;KACvE;AAED;;;;AAIG;AACH,IAAA,aAAa,CAAC,UAAmB,EAAE,IAAY,EAAE,YAA0B,EAAA;AACzE,QAAA,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;KAC3B;AAED,IAAA,eAAe,CACb,GAAU,EACV,WAAmB,EACnB,YAA0B,EAC1B,cAAuB,EAAA;AAEvB,QAAA,OAAO,IAAI,KAAK,CACd,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,EAC7B,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAC9B,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;KAC1B;AAED;;;;;;;;AAQG;IACH,gBAAgB,CACd,WAAoB,EACpB,gBAAwB,EACxB,OAAe,EACf,OAAe,EACf,OAAgB,EAAA;AAEhB,QAAA,IAAI,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,CAAC;AACvE,QAAA,MAAM,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,EAClD,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AACjD,QAAA,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK,EAAE;;YAErC,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACtD,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACtE,MAAM,QAAQ,GAAG,oBAAoB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;YACtE,MAAM,YAAY,GAChB,MAAM,GAAG,oBAAoB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;AAChE,YAAA,aAAa,GAAG,gBAAgB,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;AACjD,YAAA,aAAa,GAAG,gBAAgB,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;;AAEjD,YAAA,iBAAiB,GAAG,gBAAgB,GAAG,GAAG,CAAC,YAAY,CAAC,CAAC;AACzD,YAAA,iBAAiB,GAAG,gBAAgB,GAAG,GAAG,CAAC,YAAY,CAAC,CAAC;AAC1D,SAAA;AAAM,aAAA;;;AAGL,YAAA,MAAM,UAAU,GAAG,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAC7D,YAAA,MAAM,gBAAgB,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;;YAEnD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC;YACpD,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;YACrE,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;AACtE,SAAA;QAED,OAAO;YACL,EAAE,EAAE,IAAI,KAAK,CAAC,OAAO,GAAG,iBAAiB,EAAE,OAAO,GAAG,iBAAiB,CAAC;YACvE,EAAE,EAAE,IAAI,KAAK,CAAC,OAAO,GAAG,aAAa,EAAE,OAAO,GAAG,aAAa,CAAC;YAC/D,EAAE,EAAE,IAAI,KAAK,CAAC,OAAO,GAAG,aAAa,EAAE,OAAO,GAAG,aAAa,CAAC;YAC/D,EAAE,EAAE,IAAI,KAAK,CAAC,OAAO,GAAG,iBAAiB,EAAE,OAAO,GAAG,iBAAiB,CAAC;SACxE,CAAC;KACH;AAED;;;;;;;;;;;AAWG;IACH,MAAM,CACJ,GAA6B,EAC7B,IAAY,EACZ,GAAW,EACX,aAAwD,EACxD,YAA0B,EAAA;AAE1B,QAAA,aAAa,GAAG,aAAa,IAAI,EAAE,CAAC;AACpC,QAAA,QAAQ,aAAa,CAAC,WAAW,IAAI,YAAY,CAAC,WAAW;AAC3D,YAAA,KAAK,QAAQ;AACX,gBAAA,mBAAmB,CAAC,IAAI,CACtB,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,CACb,CAAC;gBACF,MAAM;AACR,YAAA;AACE,gBAAA,mBAAmB,CAAC,IAAI,CACtB,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,CACb,CAAC;AACL,SAAA;KACF;AACF,CAAA;AAEDF,QAAM,CAAC,OAAO,GAAG,OAAO;;AC3XxB;AAgBO,MAAM,eAAe,GAAG;IAC7B,EAAE,EAAE,IAAI,OAAO,CAAC;QACd,CAAC,EAAE,CAAC,GAAG;AACP,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,aAAa,EAAE,kBAAkB;AACjC,QAAA,aAAa,EAAE,qBAAqB;KACrC,CAAC;IAEF,EAAE,EAAE,IAAI,OAAO,CAAC;AACd,QAAA,CAAC,EAAE,GAAG;AACN,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,aAAa,EAAE,kBAAkB;AACjC,QAAA,aAAa,EAAE,qBAAqB;KACrC,CAAC;IAEF,EAAE,EAAE,IAAI,OAAO,CAAC;AACd,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,CAAC,EAAE,GAAG;AACN,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,aAAa,EAAE,kBAAkB;AACjC,QAAA,aAAa,EAAE,qBAAqB;KACrC,CAAC;IAEF,EAAE,EAAE,IAAI,OAAO,CAAC;AACd,QAAA,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG;AACP,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,aAAa,EAAE,kBAAkB;AACjC,QAAA,aAAa,EAAE,qBAAqB;KACrC,CAAC;IAEF,EAAE,EAAE,IAAI,OAAO,CAAC;QACd,CAAC,EAAE,CAAC,GAAG;QACP,CAAC,EAAE,CAAC,GAAG;AACP,QAAA,kBAAkB,EAAE,uBAAuB;AAC3C,QAAA,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,EAAE,EAAE,IAAI,OAAO,CAAC;AACd,QAAA,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,CAAC,GAAG;AACP,QAAA,kBAAkB,EAAE,uBAAuB;AAC3C,QAAA,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,EAAE,EAAE,IAAI,OAAO,CAAC;QACd,CAAC,EAAE,CAAC,GAAG;AACP,QAAA,CAAC,EAAE,GAAG;AACN,QAAA,kBAAkB,EAAE,uBAAuB;AAC3C,QAAA,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,EAAE,EAAE,IAAI,OAAO,CAAC;AACd,QAAA,CAAC,EAAE,GAAG;AACN,QAAA,CAAC,EAAE,GAAG;AACN,QAAA,kBAAkB,EAAE,uBAAuB;AAC3C,QAAA,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,GAAG,EAAE,IAAI,OAAO,CAAC;AACf,QAAA,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG;AACP,QAAA,aAAa,EAAE,oBAAoB;AACnC,QAAA,kBAAkB,EAAE,oBAAoB;QACxC,OAAO,EAAE,CAAC,EAAE;AACZ,QAAA,cAAc,EAAE,IAAI;AACpB,QAAA,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AAEK,MAAM,sBAAsB,GAC9B,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,eAAe,KAClB,EAAE,EAAE,IAAI,OAAO,CAAC;AACd,QAAA,CAAC,EAAE,GAAG;AACN,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA,CAAC,EAEF,EAAE,EAAE,IAAI,OAAO,CAAC;QACd,CAAC,EAAE,CAAC,GAAG;AACP,QAAA,CAAC,EAAE,CAAC;AACJ,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,kBAAkB,EAAE,2BAA2B;AAC/C,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA,CAAC,GACH,CAAC;AAEFE,uBAAY,CAAC,SAAS,CAAC,QAAQ,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACzBA,uBAAY,CAAC,SAAS,CAAC,QAAQ,IAAI,EAAE,EACtC,EAAA,eAAe,CACnB,CAAC;AAEF,IAAIF,QAAM,CAAC,OAAO,EAAE;;;;;;IAMlBA,QAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAC3BA,QAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,IAAI,EAAE,EAAC,EACzC,sBAAsB,CAC1B,CAAC;AACH;;ACrHD;;AAEG;MACmB,SAAS,CAAA;AAiE7B,IAAA,WAAA,CAAY,MAAc,EAAA;AAhE1B;;;;AAIG;QACH,IAAK,CAAA,KAAA,GAAG,cAAc,CAAC;AAEvB;;;;AAIG;QACH,IAAK,CAAA,KAAA,GAAG,CAAC,CAAC;AAEV;;;;;;AAMG;QACH,IAAM,CAAA,MAAA,GAAkB,IAAI,CAAC;AAE7B;;;;AAIG;QACH,IAAa,CAAA,aAAA,GAAkB,OAAO,CAAC;AAEvC;;;;AAIG;QACH,IAAc,CAAA,cAAA,GAAmB,OAAO,CAAC;AAEzC;;;;AAIG;QACH,IAAgB,CAAA,gBAAA,GAAG,EAAE,CAAC;AAEtB;;;;AAIG;QACH,IAAe,CAAA,eAAA,GAAoB,IAAI,CAAC;AAExC;;;;AAIG;QAEH,IAAmB,CAAA,mBAAA,GAAG,KAAK,CAAC;AAQ1B,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;KACtB;AAED;;;;AAIG;AACH,IAAA,eAAe,CAAC,GAA6B,EAAA;AAC3C,QAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,QAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;AAC3B,QAAA,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;AACjC,QAAA,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;AACvC,QAAA,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;QACnC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC;KAC7C;AAED;;;;AAIG;AACO,IAAA,iBAAiB,CAAC,GAA6B,EAAA;AACvD,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC;QACxC,GAAG,CAAC,IAAI,EAAE,CAAC;AACX,QAAA,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnD;AAED;;;AAGG;IACO,UAAU,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChC,OAAO;AACR,SAAA;AAED,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EACxB,MAAM,GAAG,IAAI,CAAC,MAAM,EACpB,GAAG,GAAG,MAAM,CAAC,UAAU,EACvB,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;AAEtD,QAAA,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;QAC/B,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QACpC,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1C,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;KAC3C;IAES,eAAe,GAAA;QACvB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpC,QAAA,OAAO,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;KAC9C;AAED;;;AAGG;IACO,YAAY,GAAA;AACpB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;AAEnC,QAAA,GAAG,CAAC,WAAW,GAAG,EAAE,CAAC;AACrB,QAAA,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,aAAa,GAAG,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC;KAC5D;AAED;;;;AAIG;AACO,IAAA,gBAAgB,CAAC,OAAc,EAAA;AACvC,QAAA,QACE,OAAO,CAAC,CAAC,GAAG,CAAC;YACb,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAClC,OAAO,CAAC,CAAC,GAAG,CAAC;YACb,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,EACnC;KACH;AACF,CAAA;AAEDA,QAAM,CAAC,SAAS,GAAG,SAAS;;AClJ5B;;AAEG;AACH,MAAM,EAAE,MAAM,SAAEM,OAAK,UAAEC,QAAM,EAAE,GAAGP,QAAM,CAAC;AASnC,MAAO,WAAY,SAAQ,SAAS,CAAA;AAUxC,IAAA,WAAA,CAAY,MAAc,EAAA;QACxB,KAAK,CAAC,MAAM,CAAC,CAAC;AAVhB;;;;AAIG;QACH,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAMT,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;KAClB;AAED;;;AAGG;AACH,IAAA,OAAO,CAAC,OAAc,EAAA;AACpB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAClC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;AAC/B,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC5B,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACrB,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;IAED,GAAG,CAAC,GAA6B,EAAE,KAAuB,EAAA;AACxD,QAAA,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;QAC3B,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QAC/D,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,GAAG,CAAC,IAAI,EAAE,CAAC;KACZ;AAED;;AAEG;AACH,IAAA,WAAW,CAAC,OAAc,EAAA;AACxB,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjD,IAAI,CAAC,UAAU,EAAE,CAAC;AAClB,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KACvB;AAED;;;AAGG;IACH,OAAO,GAAA;AACL,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAChC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AACvB,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC5B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1B,SAAA;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAc,EAAA;AACxB,QAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE;YACvE,OAAO;AACR,SAAA;AACD,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;YAC1B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACjD,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,CAAC,OAAO,EAAE,CAAC;AAChB,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACvB,SAAA;KACF;AAED;;AAEG;IACH,SAAS,GAAA;AACP,QAAA,MAAM,yBAAyB,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC;AAChE,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAEtC,MAAM,OAAO,GAAG,EAAE,CAAC;AAEnB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC3C,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAC1B,MAAM,GAAG,IAAI,MAAM,CAAC;gBAClB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,IAAI,EAAE,KAAK,CAAC,CAAC;gBACb,GAAG,EAAE,KAAK,CAAC,CAAC;AACZ,gBAAA,OAAO,EAAE,QAAQ;AACjB,gBAAA,OAAO,EAAE,QAAQ;gBACjB,IAAI,EAAE,KAAK,CAAC,IAAI;AACjB,aAAA,CAAC,CAAC;AAEL,YAAA,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,IAAIO,QAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAEzD,YAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACtB,SAAA;AACD,QAAA,MAAM,KAAK,GAAG,IAAID,OAAK,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAE1D,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAElD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,EAAE,CAAC;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,GAAG,yBAAyB,CAAC;AAC1D,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;KAChC;AAED;;;AAGG;AACH,IAAA,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAS,EAAA;AACtB,QAAA,MAAM,YAAY,GAAqB;YACrC,CAAC;YACD,CAAC;YACD,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC;YACvE,IAAI,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,EAAE;SAC1E,CAAC;AAEF,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAE/B,QAAA,OAAO,YAAY,CAAC;KACrB;AACF,CAAA;AAEDN,QAAM,CAAC,WAAW,GAAG,WAAW;;AC9IhC;;AAEG;AACH,MAAM,EAAE,IAAI,UAAEO,QAAM,EAAE,GAAGP,QAAM,CAAC;AAEhC;;;;AAIG;AACH,SAAS,cAAc,CAAC,QAAkB,EAAA;AACxC,IAAA,OAAO,QAAQ,CAAC,QAAQ,CAAC,KAAK,uBAAuB,CAAC;AACxD,CAAC;AAEK,MAAO,WAAY,SAAQ,SAAS,CAAA;AA4BxC,IAAA,WAAA,CAAY,MAAc,EAAA;QACxB,KAAK,CAAC,MAAM,CAAC,CAAC;AA5BhB;;;;AAIG;QACH,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAC;AAEf;;;;;;AAMG;QACH,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;AAEzB;;;;AAIG;QACH,IAAe,CAAA,eAAA,GAAmC,UAAU,CAAC;AAQ3D,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAClB,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;KAC/B;IAED,eAAe,GAAA;QACb,OAAO,KAAK,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,gBAAgB,CAAC;KACzD;AAED,IAAA,OAAO,WAAW,CAAC,GAA6B,EAAE,EAAS,EAAE,EAAS,EAAA;QACpE,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AACrC,QAAA,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;AACzD,QAAA,OAAO,QAAQ,CAAC;KACjB;AAED;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAc,EAAE,EAAE,CAAC,EAAU,EAAA;QACvC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;YAChC,OAAO;AACR,SAAA;AACD,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AAC1E,QAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;;;AAGjC,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACxB,IAAI,CAAC,OAAO,EAAE,CAAC;KAChB;AAED;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAc,EAAE,EAAE,CAAC,EAAU,EAAA;QACvC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;YAChC,OAAO;AACR,SAAA;AACD,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AAC1E,QAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE;YACvE,OAAO;AACR,SAAA;AACD,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;AACtD,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;;;gBAG1B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBACjD,IAAI,CAAC,OAAO,EAAE,CAAC;AAChB,aAAA;AAAM,iBAAA;AACL,gBAAA,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EACzB,MAAM,GAAG,MAAM,CAAC,MAAM,EACtB,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;;AAE/B,gBAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;gBAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;oBACf,GAAG,CAAC,SAAS,EAAE,CAAC;AAChB,oBAAA,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC1C,iBAAA;gBACD,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,WAAW,CACnC,GAAG,EACH,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CACnB,CAAC;gBACF,GAAG,CAAC,MAAM,EAAE,CAAC;gBACb,GAAG,CAAC,OAAO,EAAE,CAAC;AACf,aAAA;AACF,SAAA;KACF;AAED;;AAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAU,EAAA;QACrB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACD,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC3B,QAAA,OAAO,KAAK,CAAC;KACd;AAED;;;AAGG;AACH,IAAA,kBAAkB,CAAC,OAAc,EAAA;QAC/B,IAAI,CAAC,MAAM,EAAE,CAAC;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;KACrD;AAED;;;AAGG;AACH,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IACE,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;AACvB,YAAA,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAC/C;AACA,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;QACD,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;AACpD,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AAC7B,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;AACpB,SAAA;AACD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;;AAGG;IACH,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,UAAU,EAAE,CAAC;AAClB,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;KAC/B;AAED;;;;AAIG;AACH,IAAA,OAAO,CAAC,GAAgC,GAAA,IAAI,CAAC,MAAM,CAAC,UAAU,EAAA;AAC5D,QAAA,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EACtB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACvB,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAC5B,GAAG,CAAC,SAAS,EAAE,CAAC;;;;;QAKhB,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE;AAC/D,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AAChC,YAAA,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC;AACd,YAAA,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC;AACf,SAAA;QACD,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEvB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;;;YAG5C,WAAW,CAAC,WAAW,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACrC,YAAA,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACrB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1B,SAAA;;;;QAID,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACvB,GAAG,CAAC,MAAM,EAAE,CAAC;QACb,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;;;AAIG;AACH,IAAA,sBAAsB,CAAC,MAAe,EAAA;AACpC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AACrC,QAAA,OAAO,uBAAuB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;KACpD;AAED;;;;AAIG;AACH,IAAA,UAAU,CAAC,QAAkB,EAAA;AAC3B,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC9B,YAAA,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI,CAAC,KAAK;YAClB,WAAW,EAAE,IAAI,CAAC,KAAK;YACvB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,eAAe,EAAE,IAAI,CAAC,eAAe;AACtC,SAAA,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;YAChC,IAAI,CAAC,MAAM,GAAG,IAAIO,QAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACvC,SAAA;AAED,QAAA,OAAO,IAAI,CAAC;KACb;AAED;;AAEG;IACH,cAAc,CAAC,MAAe,EAAE,QAAgB,EAAA;AAC9C,QAAA,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE;AACtB,YAAA,OAAO,MAAM,CAAC;AACf,SAAA;QACD,IAAI,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,EACvB,SAAS,CAAC;AACZ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAChC,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAE,CAAC,CAAC,EAC/C,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EACrB,SAAS,GAAG,CAAC,SAAS,CAAC,CAAC;AAC1B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAC9B,SAAS;AACP,gBAAA,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACtC,oBAAA,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACzC,IAAI,SAAS,IAAI,gBAAgB,EAAE;AACjC,gBAAA,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACtB,gBAAA,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC3B,aAAA;AACF,SAAA;;;QAGD,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1B,QAAA,OAAO,SAAS,CAAC;KAClB;AAED;;;;AAIG;IACH,mBAAmB,GAAA;AACjB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;QACnC,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACjE,SAAA;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC3D,QAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE;;;;;AAK5B,YAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;YAC/B,OAAO;AACR,SAAA;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACjD,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACxD,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;QAC/B,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,YAAY,EAAE,CAAC;;AAGpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;KAClD;AACF,CAAA;AAEDP,QAAM,CAAC,WAAW,GAAG,WAAW;;AC1ShC;;AAEG;AACH,MAAM,EAAE,OAAO,EAAE,GAAGA,QAAM,CAAC;AAErB,MAAO,YAAa,SAAQ,WAAW,CAAA;AAG3C,IAAA,WAAA,CAAY,MAAc,EAAA;QACxB,KAAK,CAAC,MAAM,CAAC,CAAC;KACf;IAED,aAAa,GAAA;QACX,MAAM,QAAQ,GAAG,EAAE,EACjB,WAAW,GAAG,CAAC,EACf,aAAa,GAAG,mBAAmB,EAAE,EACrC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAE9C,aAAa,CAAC,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AACpE,QAAA,IAAI,UAAU,EAAE;AACd,YAAA,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,UAAU,CAAC,SAAS,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,CACZ,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,CAAC,EACD,IAAI,CAAC,EAAE,GAAG,CAAC,EACX,KAAK,CACN,CAAC;YACF,UAAU,CAAC,SAAS,EAAE,CAAC;YACvB,UAAU,CAAC,IAAI,EAAE,CAAC;AACnB,SAAA;AACD,QAAA,OAAO,aAAa,CAAC;KACtB;IAED,qBAAqB,GAAA;AACnB,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CACvC,YAAY,EACZ,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CACvB,CAAC;KACH;AAED;;;AAGG;AACH,IAAA,UAAU,CAAC,GAA6B,EAAA;AACtC,QAAA,OAAO,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE,QAAQ,CAAC,CAAC;KACzE;AAED;;;AAGG;AACH,IAAA,eAAe,CAAC,GAA6B,EAAA;AAC3C,QAAA,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACrC,OAAO,KAAK,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC;KACxC;AAED;;AAEG;AACH,IAAA,UAAU,CAAC,QAAkB,EAAA;QAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EACrC,OAAO,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;AAErE,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,OAAO,CAAC;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,qBAAqB,EAAE;AACnD,YAAA,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;AACnB,YAAA,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;AACpB,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,IAAI,CAAC;KACb;AACF,CAAA;AAEDA,QAAM,CAAC,YAAY,GAAG,YAAY;;AC7ElC;;AAEG;AACH,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAGA,QAAM,CAAC;AASvC;;;;AAIG;AACH,SAAS,cAAc,CAAC,KAAa,EAAA;IACnC,MAAM,WAAW,GAA4B,EAAE,CAAC;IAChD,MAAM,gBAAgB,GAAW,EAAE,CAAC;AAEpC,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAW,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClD,QAAA,GAAG,GAAG,CAAG,EAAA,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAG,EAAA,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AACxC,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;AACrB,YAAA,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;YACxB,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACjC,SAAA;AACF,KAAA;AAED,IAAA,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAEK,MAAO,UAAW,SAAQ,SAAS,CAAA;AA+CvC;;;;AAIG;AACH,IAAA,WAAA,CAAY,MAAc,EAAA;QACxB,KAAK,CAAC,MAAM,CAAC,CAAC;AApDhB;;;;AAIG;QACH,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAEX;;;;AAIG;QACH,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AAEb;;;;AAIG;QACH,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAC;AAEb;;;;AAIG;QACH,IAAgB,CAAA,gBAAA,GAAG,CAAC,CAAC;AAErB;;;;AAIG;QACH,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;AAEtB;;;;AAIG;QACH,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAC;AAazB,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;KACtB;AAED;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAc,EAAA;AACxB,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjD,IAAI,CAAC,UAAU,EAAE,CAAC;AAElB,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC5B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACpC;AAED;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAc,EAAA;AACxB,QAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE;YACvE,OAAO;AACR,SAAA;AACD,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC5B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACpC;AAED;;AAEG;IACH,SAAS,GAAA;AACP,QAAA,MAAM,yBAAyB,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC;AAChE,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAEtC,MAAM,KAAK,GAAG,EAAE,CAAC;AAEjB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChD,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;AACvC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC1C,gBAAA,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AAC7B,gBAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC;oBACpB,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,MAAM,EAAE,MAAM,CAAC,KAAK;AACpB,oBAAA,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC;AAClB,oBAAA,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC;AACjB,oBAAA,OAAO,EAAE,QAAQ;AACjB,oBAAA,OAAO,EAAE,QAAQ;oBACjB,IAAI,EAAE,IAAI,CAAC,KAAK;AACjB,iBAAA,CAAC,CAAC;AACH,gBAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAClB,aAAA;AACF,SAAA;AAED,QAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,IAAI,CAAC,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,EACxD;AACE,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,cAAc,EAAE,KAAK;AACrB,YAAA,WAAW,EAAE,KAAK;AACnB,SAAA,CACF,CAAC;AACF,QAAA,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAElD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,EAAE,CAAC;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,GAAG,yBAAyB,CAAC;AAC1D,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;KAChC;AAED,IAAA,YAAY,CAAC,WAA8B,EAAA;AACzC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;AACnC,QAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;AAE3B,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAE5B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC3C,YAAA,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAC7B,YAAA,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;AAChC,YAAA,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AAC1D,SAAA;QAED,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;AAEG;IACH,OAAO,GAAA;AACL,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;AACnC,QAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;AAE3B,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAE5B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AACxC,SAAA;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;KACf;AAED;;AAEG;AACH,IAAA,aAAa,CAAC,OAAc,EAAA;AAC1B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;AACrB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AAE9B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;AACrC,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;AACnB,gBAAA,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC;AACvD,gBAAA,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC;gBACvD,KAAK,EAAE,IAAI,CAAC,gBAAgB;AAC1B,sBAAE,YAAY;;oBAEV,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAClD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CACtC;sBACD,IAAI,CAAC,QAAQ;AACjB,gBAAA,OAAO,EAAE,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAC7D,aAAA,CAAC,CAAC;AACJ,SAAA;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACxC;AACF,CAAA;AAEDA,QAAM,CAAC,UAAU,GAAG,UAAU;;"} \ No newline at end of file diff --git a/rollup.config.js b/rollup.config.js index 03bdc93c3bf..75ac9b4bb59 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -1,6 +1,4 @@ import json from '@rollup/plugin-json'; -import { writeFileSync } from 'fs'; -import analyze from 'rollup-plugin-analyzer'; import { sizeSnapshot } from 'rollup-plugin-size-snapshot'; import { terser } from 'rollup-plugin-terser'; import ts from 'rollup-plugin-ts'; @@ -41,19 +39,5 @@ export default { ts({ /* Plugin options */ }), - runStats && - analyze({ - onAnalysis(analysis) { - if (analyzed) { - // We only want reports on the minified output - throw ''; - } - writeFileSync( - 'cli_output/build_stats.json', - JSON.stringify(analysis, null, 2) - ); - analyzed = true; - }, - }), ], }; diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index c07668d1f2c..f444d622f3a 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -1,15 +1,19 @@ //// @ts-nocheck import { FabricObject } from '../shapes/fabricObject.class'; -import { Text } from '../shapes/text.class'; +import { TClassProperties } from '../typedefs'; -export abstract class StyledText extends Text { - // styles: any; - // protected _textLines: any; - // protected _unwrappedTextLines: any; - // protected _forceClearCache: boolean; - // protected _styleProperties: any; - // abstract missingNewlineOffset(i: number): number; +export abstract class StyledText extends FabricObject { + abstract styles: { + [line: number]: { [char: number]: Partial> }; + }; + protected abstract _textLines: any; + protected abstract _forceClearCache: boolean; + protected abstract _styleProperties: Partial>[]; + abstract get2DCursorLocation( + selectionStart: number, + skipWrapping?: boolean + ): { charIndex: number; lineIndex: number }; /** * Returns true if object has no styling or no styling in a line @@ -57,9 +61,9 @@ export abstract class StyledText extends Text { ? this.styles : { 0: this.styles[lineIndex] }; // eslint-disable-next-line - for (var p1 in obj) { + for (const p1 in obj) { // eslint-disable-next-line - for (var p2 in obj[p1]) { + for (const p2 in obj[p1]) { if (typeof obj[p1][p2][property] !== 'undefined') { return true; } @@ -82,19 +86,18 @@ export abstract class StyledText extends Text { if (!this.styles || !property || property === '') { return false; } - var obj = this.styles, - stylesCount = 0, + const obj = this.styles; + let stylesCount = 0, letterCount, stylePropertyValue, allStyleObjectPropertiesMatch = true, - graphemeCount = 0, - styleObject; + graphemeCount = 0; // eslint-disable-next-line - for (var p1 in obj) { + for (const p1 in obj) { letterCount = 0; // eslint-disable-next-line - for (var p2 in obj[p1]) { - var styleObject = obj[p1][p2], + for (const p2 in obj[p1]) { + const styleObject = obj[p1][p2], stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); stylesCount++; @@ -184,32 +187,6 @@ export abstract class StyledText extends Text { ); } - /** - * Returns 2d representation (lineIndex and charIndex) of cursor - * @param {Number} selectionStart - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. - */ - get2DCursorLocation(selectionStart: number, skipWrapping?: boolean) { - const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; - let i: number; - for (i = 0; i < lines.length; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart, - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: - lines[i - 1].length < selectionStart - ? lines[i - 1].length - : selectionStart, - }; - } - /** * Gets style of a current selection/cursor (at the start position) * @param {Number} startIndex Start index to get styles at diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 13d2565538d..57b0301a367 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -49,40 +49,35 @@ export class Text extends FabricObject { * @type Array * @private */ - _dimensionAffectingProps: Array; + _dimensionAffectingProps: Partial>[]; /** * @private */ - _reNewline; + _reNewline: RegExp; /** * Use this regular expression to filter for whitespaces that is not a new line. * Mostly used when text is 'justify' aligned. * @private */ - _reSpacesAndTabs; + _reSpacesAndTabs: RegExp; /** * Use this regular expression to filter for whitespace that is not a new line. * Mostly used when text is 'justify' aligned. * @private */ - _reSpaceAndTab; + _reSpaceAndTab: RegExp; /** * Use this regular expression to filter consecutive groups of non spaces. * Mostly used when text is 'justify' aligned. * @private */ - _reWords; + _reWords: RegExp; - /** - * Type of an object - * @type String - * @default - */ - type: string; + text: string; /** * Font size (in pixels) @@ -169,36 +164,6 @@ export class Text extends FabricObject { */ textBackgroundColor: string; - /** - * List of properties to consider when checking if - * state of an object is changed ({@link FabricObject#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: Array; - - /** - * List of properties to consider when checking if cache needs refresh - * @type Array - */ - cacheProperties: Array; - - /** - * When defined, an object is rendered via stroke and this property specifies its color. - * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 - * @type String - * @default - */ - stroke: string; - - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 - * @type fabric.Shadow - * @default - */ - shadow: fabric.Shadow; - /** * fabric.Path that the text should follow. * since 4.6.0 the path will be drawn automatically. @@ -221,7 +186,7 @@ export class Text extends FabricObject { * }); * @default */ - path: fabric.Path; + path: FabricObject /* todo fabric.Path*/; /** * Offset amount for text path starting position @@ -257,7 +222,7 @@ export class Text extends FabricObject { /** * @private */ - offsets; + offsets: { underline: number; linethrough: number; overline: number }; /** * Text Line proportion to font Size (in pixels) @@ -322,7 +287,12 @@ export class Text extends FabricObject { /** * contains characters bounding boxes */ - __charBounds; + protected __charBounds: { + left: number; + width: number; + kernedWidth: number; + height: number; + }[]; /** * use this size when measuring text. To avoid IE11 rounding errors @@ -340,6 +310,16 @@ export class Text extends FabricObject { */ MIN_TEXT_WIDTH: number; + protected __skipDimension: boolean; + protected textLines: string[]; + protected _textLines: string[][]; + protected _unwrappedTextLines: string[][]; + protected _text: string[]; + protected cursorWidth: number; + protected __lineHeights: number[]; + protected __lineWidths: number[]; + protected _forceClearCache: boolean; + /** * Constructor * @param {String} text Text string @@ -359,6 +339,9 @@ export class Text extends FabricObject { this.setCoords(); this.setupState({ propertySet: '_dimensionAffectingProps' }); } + setupState(arg0: { propertySet: string }) { + throw new Error('Method not implemented.'); + } /** * If text has a path, it will add the extra information needed @@ -428,6 +411,9 @@ export class Text extends FabricObject { } this.saveState({ propertySet: '_dimensionAffectingProps' }); } + saveState(arg0: { propertySet: string }) { + throw new Error('Method not implemented.'); + } /** * Enlarge space boxes and shift the others @@ -476,7 +462,7 @@ export class Text extends FabricObject { * text and itext do not have wrapping, return false * @return {Boolean} */ - isEndOfWrapping(lineIndex): boolean { + isEndOfWrapping(lineIndex: number): boolean { return lineIndex === this._textLines.length - 1; } @@ -490,6 +476,32 @@ export class Text extends FabricObject { return 1; } + /** + * Returns 2d representation (lineIndex and charIndex) of cursor + * @param {Number} selectionStart + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation(selectionStart: number, skipWrapping?: boolean) { + const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; + let i: number; + for (i = 0; i < lines.length; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart, + }; + } + selectionStart -= lines[i].length + this.missingNewlineOffset(i); + } + return { + lineIndex: i - 1, + charIndex: + lines[i - 1].length < selectionStart + ? lines[i - 1].length + : selectionStart, + }; + } + /** * Returns string representation of an instance * @return {String} String representation of text object @@ -717,6 +729,9 @@ export class Text extends FabricObject { // other shadows should be casted this._removeShadow(ctx); } + styleHas(arg0: string) { + throw new Error('Method not implemented.'); + } /** * measure and return the width of a single character. @@ -783,6 +798,9 @@ export class Text extends FabricObject { kernedWidth: kernedWidth * fontMultiplier, }; } + measureText(_char: string) { + throw new Error('Method not implemented.'); + } /** * Computes height of character at given position @@ -962,6 +980,9 @@ export class Text extends FabricObject { } return box; } + getCompleteStyleDeclaration(lineIndex: number, charIndex: number) { + throw new Error('Method not implemented.'); + } /** * Calculate height of line at 'lineIndex' @@ -1073,6 +1094,9 @@ export class Text extends FabricObject { ctx.closePath(); ctx.restore(); } + isEmptyStyles() { + throw new Error('Method not implemented.'); + } /** * @private @@ -1327,6 +1351,9 @@ export class Text extends FabricObject { ); ctx.restore(); } + _getStyleDeclaration(lineIndex: number, charIndex: number) { + throw new Error('Method not implemented.'); + } /** * Turns the character into a 'superior figure' (i.e. 'superscript') @@ -1374,6 +1401,13 @@ export class Text extends FabricObject { this.setSelectionStyles(style, start, end); return this; } + setSelectionStyles( + style: { fontSize: number; deltaY: any }, + start: number, + end: number + ) { + throw new Error('Method not implemented.'); + } /** * @private @@ -1446,6 +1480,9 @@ export class Text extends FabricObject { } return shouldClear; } + hasStateChanged(arg0: string): any { + throw new Error('Method not implemented.'); + } /** * Measure a single line given its index. Used to calculate the initial @@ -1700,11 +1737,14 @@ export class Text extends FabricObject { /** * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @param {*} value Property value (if function, the value is passed into it and its return value is used as a new one) * @return {FabricObject} thisArg * @chainable */ - set(key: string | object, value: object | Function): FabricObject { + set( + key: K | Record, + value?: V + ): FabricObject { super.set(key, value); let needsDims = false; let isAddingPath = false; From 3ee236ece998fb7293d399751e826053e8564027 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 13:56:59 +0200 Subject: [PATCH 08/58] absorb ITextBase --- src/shapes/itext.class.ts | 34 ++++++++++++++++++++++++++++++++-- 1 file changed, 32 insertions(+), 2 deletions(-) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 7b459bc12c3..fc4b089359f 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,6 +1,6 @@ ////@ts-nocheck import { fabric } from '../../HEADER'; -import { StyledText } from '../mixins/text_style.mixin'; +import { TextStyleMixin } from '../mixins/text_style.mixin'; import { TClassProperties } from '../typedefs'; import { stylesFromArray } from '../util/misc/textStyles'; import { FabricObject } from './fabricObject.class'; @@ -55,7 +55,7 @@ import { FabricObject } from './fabricObject.class'; * Select line: triple click * */ -export class IText extends StyledText { +export class IText extends Text { /** * Index where text selection starts (or where cursor is when there is no selection) * @type Number @@ -245,6 +245,36 @@ export class IText extends StyledText { super.initDimensions(); } + /** + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} startIndex Start index to get styles at + * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles( + startIndex: number = this.selectionStart || 0, + endIndex: number = this.selectionEnd, + complete?: boolean + ) { + return super.getSelectionStyles(startIndex, endIndex, complete); + } + + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + */ + setSelectionStyles( + styles: object, + startIndex: number = this.selectionStart || 0, + endIndex: number = this.selectionEnd + ) { + return super.setSelectionStyles(styles, startIndex, endIndex); + } + /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on From a501a6e4990844de3fed4b3ae098d5c67e6b5d74 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 13:57:04 +0200 Subject: [PATCH 09/58] types --- src/mixins/text_style.mixin.ts | 130 ++++++++++----------------------- src/shapes/text.class.ts | 15 ++-- 2 files changed, 44 insertions(+), 101 deletions(-) diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index f444d622f3a..1583b89de18 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -1,15 +1,16 @@ -//// @ts-nocheck - import { FabricObject } from '../shapes/fabricObject.class'; -import { TClassProperties } from '../typedefs'; -export abstract class StyledText extends FabricObject { - abstract styles: { - [line: number]: { [char: number]: Partial> }; - }; - protected abstract _textLines: any; +type TextStyleDeclaration = Record; + +export type TextStyle = { + [line: number | string]: { [char: number | string]: TextStyleDeclaration }; +}; + +export abstract class TextStyleMixin extends FabricObject { + abstract styles: TextStyle; + protected abstract _textLines: string[][]; protected abstract _forceClearCache: boolean; - protected abstract _styleProperties: Partial>[]; + protected abstract _styleProperties: string[]; abstract get2DCursorLocation( selectionStart: number, skipWrapping?: boolean @@ -92,13 +93,11 @@ export abstract class StyledText extends FabricObject { stylePropertyValue, allStyleObjectPropertiesMatch = true, graphemeCount = 0; - // eslint-disable-next-line for (const p1 in obj) { letterCount = 0; - // eslint-disable-next-line for (const p2 in obj[p1]) { const styleObject = obj[p1][p2], - stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); + stylePropertyHasBeenSet = Object.hasOwn(styleObject, property); stylesCount++; @@ -109,7 +108,7 @@ export abstract class StyledText extends FabricObject { allStyleObjectPropertiesMatch = false; } - if (styleObject[property] === this[property]) { + if (styleObject[property] === this[property as keyof this]) { delete styleObject[property]; } } else { @@ -133,7 +132,7 @@ export abstract class StyledText extends FabricObject { graphemeCount += this._textLines[i].length; } if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; + this[property as keyof this] = stylePropertyValue; this.removeStyle(property); } } @@ -149,10 +148,8 @@ export abstract class StyledText extends FabricObject { if (!this.styles || !property || property === '') { return; } - let obj = this.styles, - line, - lineNum, - charNum; + const obj = this.styles; + let line, lineNum, charNum; for (lineNum in obj) { line = obj[lineNum]; for (charNum in line) { @@ -167,22 +164,19 @@ export abstract class StyledText extends FabricObject { } } - /** - * @private - */ - _extendStyles(index: number, styles) { - const loc = this.get2DCursorLocation(index); + private _extendStyles(index: number, styles: TextStyleDeclaration) { + const { lineIndex, charIndex } = this.get2DCursorLocation(index); - if (!this._getLineStyle(loc.lineIndex)) { - this._setLineStyle(loc.lineIndex); + if (!this._getLineStyle(lineIndex)) { + this._setLineStyle(lineIndex); } - if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { - this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); + if (!this._getStyleDeclaration(lineIndex, charIndex)) { + this._setStyleDeclaration(lineIndex, charIndex, {}); } return Object.assign( - this._getStyleDeclaration(loc.lineIndex, loc.charIndex), + this._getStyleDeclaration(lineIndex, charIndex) || {}, styles ); } @@ -198,8 +192,8 @@ export abstract class StyledText extends FabricObject { startIndex: number, endIndex?: number, complete?: boolean - ): Array { - const styles = []; + ) { + const styles: TextStyleDeclaration[] = []; for (let i = startIndex; i < (endIndex || startIndex); i++) { styles.push(this.getStyleAtPosition(i, complete)); } @@ -213,12 +207,13 @@ export abstract class StyledText extends FabricObject { * @return {Object} style Style object at a specified index * @private */ - getStyleAtPosition(position: number, complete?: boolean): object { - const loc = this.get2DCursorLocation(position), - style = complete - ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) - : this._getStyleDeclaration(loc.lineIndex, loc.charIndex); - return style || {}; + getStyleAtPosition(position: number, complete?: boolean) { + const { lineIndex, charIndex } = this.get2DCursorLocation(position); + return ( + (complete + ? this.getCompleteStyleDeclaration(lineIndex, charIndex) + : this._getStyleDeclaration(lineIndex, charIndex)) || {} + ); } /** @@ -256,13 +251,15 @@ export abstract class StyledText extends FabricObject { * @param {Number} charIndex position of the character on the line * @return {Object} style object */ - getCompleteStyleDeclaration(lineIndex: number, charIndex: number): object { + getCompleteStyleDeclaration(lineIndex: number, charIndex: number) { const style = this._getStyleDeclaration(lineIndex, charIndex) || {}, - styleObject: Record = {}; - for (let i = 0, prop: keyof this; i < this._styleProperties.length; i++) { - prop = this._styleProperties[i]; + styleObject: TextStyleDeclaration = {}; + for (let i = 0; i < this._styleProperties.length; i++) { + const prop = this._styleProperties[i]; styleObject[prop] = - typeof style[prop] === 'undefined' ? this[prop] : style[prop]; + typeof style[prop] === 'undefined' + ? this[prop as keyof this] + : style[prop]; } return styleObject; } @@ -309,58 +306,7 @@ export abstract class StyledText extends FabricObject { this.styles[lineIndex] = {}; } - /** - * @param {Number} lineIndex - * @private - */ protected _deleteLineStyle(lineIndex: number) { delete this.styles[lineIndex]; } } - -export abstract class ITextBase extends StyledText { - abstract selectionStart: number; - abstract selectionEnd: number; - - /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. - */ - get2DCursorLocation( - selectionStart: number = this.selectionStart, - skipWrapping?: boolean - ) { - return super.get2DCursorLocation(selectionStart, skipWrapping); - } - - /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} startIndex Start index to get styles at - * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects - */ - getSelectionStyles( - startIndex: number = this.selectionStart || 0, - endIndex: number = this.selectionEnd, - complete?: boolean - ) { - return super.getSelectionStyles(startIndex, endIndex, complete); - } - - /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - */ - setSelectionStyles( - styles: object, - startIndex: number = this.selectionStart || 0, - endIndex: number = this.selectionEnd - ) { - return super.setSelectionStyles(styles, startIndex, endIndex); - } -} diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 57b0301a367..d45db16c133 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -1,15 +1,15 @@ -//// @ts-nocheck +// @ts-nocheck import { fabric } from '../../HEADER'; import { cache } from '../cache'; import { DEFAULT_SVG_FONT_SIZE } from '../constants'; -import { StyledText } from '../mixins/text_style.mixin'; +import { TextStyleMixin } from '../mixins/text_style.mixin'; import { TClassProperties } from '../typedefs'; import { createCanvasElement } from '../util/misc/dom'; import { hasStyleChanged, - stylesToArray, stylesFromArray, + stylesToArray, } from '../util/misc/textStyles'; import { getPathSegmentsInfo, getPointOnPath } from '../util/path'; import { FabricObject } from './fabricObject.class'; @@ -43,7 +43,7 @@ const additionalProps = [ * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} * @see {@link Text#initialize} for constructor definition */ -export class Text extends FabricObject { +export class Text extends TextStyleMixin { /** * Properties which when set cause object to change dimensions * @type Array @@ -1741,10 +1741,7 @@ export class Text extends FabricObject { * @return {FabricObject} thisArg * @chainable */ - set( - key: K | Record, - value?: V - ): FabricObject { + set(key: string | any, value?: any) { super.set(key, value); let needsDims = false; let isAddingPath = false; @@ -1997,4 +1994,4 @@ Object.assign(Text.prototype, textDefaultValues); /* _FROM_SVG_END_ */ -fabric.Text = StyledText; +fabric.Text = Text; From 38682f3614cad6f79bdf25a2f5d785a18af12c90 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:02:49 +0200 Subject: [PATCH 10/58] Update text_style.mixin.ts --- src/mixins/text_style.mixin.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index 1583b89de18..a67dc716371 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -97,7 +97,10 @@ export abstract class TextStyleMixin extends FabricObject { letterCount = 0; for (const p2 in obj[p1]) { const styleObject = obj[p1][p2], - stylePropertyHasBeenSet = Object.hasOwn(styleObject, property); + stylePropertyHasBeenSet = Object.prototype.hasOwnProperty.call( + styleObject, + property + ); stylesCount++; From 9d8a72f9a2d5f5fe1523755c34a45620062e55f4 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:02:54 +0200 Subject: [PATCH 11/58] Update itext.class.ts --- src/shapes/itext.class.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index fc4b089359f..36a8ba14ac7 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,9 +1,9 @@ -////@ts-nocheck +// @ts-nocheck import { fabric } from '../../HEADER'; -import { TextStyleMixin } from '../mixins/text_style.mixin'; import { TClassProperties } from '../typedefs'; import { stylesFromArray } from '../util/misc/textStyles'; import { FabricObject } from './fabricObject.class'; +import { Text } from './text.class'; /** * IText class (introduced in v1.4) Events are also fired with "text:" From 7ea2200db973c18945e56f1eb3299a51570ce93a Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:21:46 +0200 Subject: [PATCH 12/58] Update text.class.ts --- src/shapes/text.class.ts | 73 ++++++++++++---------------------------- 1 file changed, 22 insertions(+), 51 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index d45db16c133..982b3782862 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -5,6 +5,7 @@ import { cache } from '../cache'; import { DEFAULT_SVG_FONT_SIZE } from '../constants'; import { TextStyleMixin } from '../mixins/text_style.mixin'; import { TClassProperties } from '../typedefs'; +import { graphemeSplit } from '../util/lang_string'; import { createCanvasElement } from '../util/misc/dom'; import { hasStyleChanged, @@ -14,6 +15,19 @@ import { import { getPathSegmentsInfo, getPointOnPath } from '../util/path'; import { FabricObject } from './fabricObject.class'; +/** + * Measure and return the info of a single grapheme. + * needs the the info of previous graphemes already filled + * Override to customize measuring + */ +export type GraphemeBBox = { + width: number; + height: number; + kernedWidth: number; + left: number; + deltaY: number; +}; + const additionalProps = [ 'fontFamily', 'fontWeight', @@ -327,10 +341,8 @@ export class Text extends TextStyleMixin { * @return {Text} thisArg */ constructor(text: string, options: object): Text { - this.styles = options ? options.styles || {} : {}; - this.text = text; - this.__skipDimension = true; - super(options); + // this.__skipDimension = true; + super({ ...options, text, styles: options?.styles || {} }); if (this.path) { this.setPathInfo(); } @@ -339,9 +351,6 @@ export class Text extends TextStyleMixin { this.setCoords(); this.setupState({ propertySet: '_dimensionAffectingProps' }); } - setupState(arg0: { propertySet: string }) { - throw new Error('Method not implemented.'); - } /** * If text has a path, it will add the extra information needed @@ -411,9 +420,6 @@ export class Text extends TextStyleMixin { } this.saveState({ propertySet: '_dimensionAffectingProps' }); } - saveState(arg0: { propertySet: string }) { - throw new Error('Method not implemented.'); - } /** * Enlarge space boxes and shift the others @@ -729,9 +735,6 @@ export class Text extends TextStyleMixin { // other shadows should be casted this._removeShadow(ctx); } - styleHas(arg0: string) { - throw new Error('Method not implemented.'); - } /** * measure and return the width of a single character. @@ -798,9 +801,6 @@ export class Text extends TextStyleMixin { kernedWidth: kernedWidth * fontMultiplier, }; } - measureText(_char: string) { - throw new Error('Method not implemented.'); - } /** * Computes height of character at given position @@ -927,16 +927,6 @@ export class Text extends TextStyleMixin { } /** - * Measure and return the info of a single grapheme. - * needs the the info of previous graphemes already filled - * Override to customize measuring - * - * @typedef {object} GraphemeBBox - * @property {number} width - * @property {number} height - * @property {number} kernedWidth - * @property {number} left - * @property {number} deltaY * * @param {String} grapheme to be measured * @param {Number} lineIndex index of the line where the char is @@ -949,14 +939,14 @@ export class Text extends TextStyleMixin { lineIndex: number, charIndex: number, prevGrapheme: string, - skipLef + skipLeft ): GraphemeBBox { - let style = this.getCompleteStyleDeclaration(lineIndex, charIndex), + const style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) : {}, - info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), - kernedWidth = info.kernedWidth, + info = this._measureChar(grapheme, style, prevGrapheme, prevStyle); + let kernedWidth = info.kernedWidth, width = info.width, charSpacing; @@ -966,7 +956,7 @@ export class Text extends TextStyleMixin { kernedWidth += charSpacing; } - const box = { + const box: GraphemeBBox = { width: width, left: 0, height: style.fontSize, @@ -980,9 +970,6 @@ export class Text extends TextStyleMixin { } return box; } - getCompleteStyleDeclaration(lineIndex: number, charIndex: number) { - throw new Error('Method not implemented.'); - } /** * Calculate height of line at 'lineIndex' @@ -1094,9 +1081,6 @@ export class Text extends TextStyleMixin { ctx.closePath(); ctx.restore(); } - isEmptyStyles() { - throw new Error('Method not implemented.'); - } /** * @private @@ -1351,9 +1335,6 @@ export class Text extends TextStyleMixin { ); ctx.restore(); } - _getStyleDeclaration(lineIndex: number, charIndex: number) { - throw new Error('Method not implemented.'); - } /** * Turns the character into a 'superior figure' (i.e. 'superscript') @@ -1401,13 +1382,6 @@ export class Text extends TextStyleMixin { this.setSelectionStyles(style, start, end); return this; } - setSelectionStyles( - style: { fontSize: number; deltaY: any }, - start: number, - end: number - ) { - throw new Error('Method not implemented.'); - } /** * @private @@ -1480,9 +1454,6 @@ export class Text extends TextStyleMixin { } return shouldClear; } - hasStateChanged(arg0: string): any { - throw new Error('Method not implemented.'); - } /** * Measure a single line given its index. Used to calculate the initial @@ -1693,7 +1664,7 @@ export class Text extends TextStyleMixin { * @returns {string[]} array of graphemes */ graphemeSplit(value: string): string[] { - return string.graphemeSplit(value); + return graphemeSplit(value); } /** From 1f6d4946da17827b077394b7d677bf3b6ad1332d Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:22:24 +0200 Subject: [PATCH 13/58] Update index.js --- index.js | 1 - 1 file changed, 1 deletion(-) diff --git a/index.js b/index.js index ad04eeb283d..421d937822d 100644 --- a/index.js +++ b/index.js @@ -58,7 +58,6 @@ import './src/filters/gamma_filter.class'; // optional image_filters import './src/filters/composed_filter.class'; // optional image_filters import './src/filters/hue_rotation.class'; // optional image_filters import './src/shapes/text.class'; // optional text -import './src/mixins/text_style.mixin'; // optional text import './src/shapes/itext.class'; // optional itext import './src/mixins/itext_behavior.mixin'; // optional itext import './src/mixins/itext_click_behavior.mixin'; // optional itext From 498d43f37273176f6fec8d570af30ed4ba336fd6 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:34:39 +0200 Subject: [PATCH 14/58] Update textbox.class.ts --- src/shapes/textbox.class.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/shapes/textbox.class.ts b/src/shapes/textbox.class.ts index d48dba325ea..ce6e29df0ba 100644 --- a/src/shapes/textbox.class.ts +++ b/src/shapes/textbox.class.ts @@ -123,7 +123,7 @@ export class Textbox extends IText { lineIndex = map.line; } } - return this.styleHas(property, lineIndex); + return super.styleHas(property, lineIndex); } /** @@ -423,8 +423,8 @@ export class Textbox extends IText { * @returns {Array} Array of lines in the Textbox. * @override */ - _splitTextIntoLines(text: string): Array { - const newText = this._splitTextIntoLines(text), + _splitTextIntoLines(text: string) { + const newText = super._splitTextIntoLines(text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); for (let i = 0; i < graphemeLines.length; i++) { From 4f2958a6ca3b54eaf13fae185ee00d1d732f7d0c Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:34:42 +0200 Subject: [PATCH 15/58] Update text.class.ts --- src/shapes/text.class.ts | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 982b3782862..fff603105a2 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -334,6 +334,8 @@ export class Text extends TextStyleMixin { protected __lineWidths: number[]; protected _forceClearCache: boolean; + private initialized?: true; + /** * Constructor * @param {String} text Text string @@ -341,8 +343,8 @@ export class Text extends TextStyleMixin { * @return {Text} thisArg */ constructor(text: string, options: object): Text { - // this.__skipDimension = true; super({ ...options, text, styles: options?.styles || {} }); + this.initialized = true; if (this.path) { this.setPathInfo(); } @@ -632,7 +634,7 @@ export class Text extends TextStyleMixin { * @param {Number} lineIndex Index of a line in a text */ _renderTextLine( - method: string, + method: 'fillText' | 'strokeText', ctx: CanvasRenderingContext2D, line: string, left: number, @@ -914,7 +916,7 @@ export class Text extends TextStyleMixin { _setGraphemeOnPath( positionInPath: number, graphemeInfo: object, - startingPoin + startingPoint ) { const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; @@ -1027,7 +1029,10 @@ export class Text extends TextStyleMixin { * @param {CanvasRenderingContext2D} ctx Context to render on * @param {String} method Method name ("fillText" or "strokeText") */ - _renderTextCommon(ctx: CanvasRenderingContext2D, method: string) { + _renderTextCommon( + ctx: CanvasRenderingContext2D, + method: 'fillText' | 'strokeText' + ) { ctx.save(); let lineHeights = 0, left = this._getLeftOffset(), @@ -1092,7 +1097,7 @@ export class Text extends TextStyleMixin { * @param {Number} lineIndex */ _renderChars( - method: string, + method: 'fillText' | 'strokeText', ctx: CanvasRenderingContext2D, line: Array, left: number, @@ -1289,21 +1294,20 @@ export class Text extends TextStyleMixin { * @param {Number} lineHeight Height of the line */ _renderChar( - method: string, + method: 'fillText' | 'strokeText', ctx: CanvasRenderingContext2D, lineIndex: number, charIndex: number, _char: string, left: number, - to + top: number ) { - let decl = this._getStyleDeclaration(lineIndex, charIndex), + const decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = - method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, - fillOffsets, - strokeOffsets; + method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth; + let fillOffsets, strokeOffsets; if (!shouldStroke && !shouldFill) { return; @@ -1732,7 +1736,7 @@ export class Text extends TextStyleMixin { if (isAddingPath) { this.setPathInfo(); } - if (needsDims) { + if (needsDims && this.initialized) { this.initDimensions(); this.setCoords(); } From 14338c08585dcf12b5ea74f35a628864634cfa96 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:34:45 +0200 Subject: [PATCH 16/58] Update text.js --- test/unit/text.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/test/unit/text.js b/test/unit/text.js index 2ffdaa84b15..a3962c84568 100644 --- a/test/unit/text.js +++ b/test/unit/text.js @@ -75,7 +75,7 @@ QUnit.test('toString', function(assert) { var text = createTextObject(); assert.ok(typeof text.toString === 'function'); - assert.equal(text.toString(), '#'); + assert.equal(text.toString(), '#'); }); QUnit.test('_getFontDeclaration', function(assert) { From 61c9f73fd59136abe7eff6567b6c1af770e12f84 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:40:47 +0200 Subject: [PATCH 17/58] Update itext.class.ts --- src/shapes/itext.class.ts | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 36a8ba14ac7..a15db1e49fc 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -367,24 +367,19 @@ export class IText extends Text { } /** - * Calcualtes cursor left/top offset relative to instance's center point + * Calculates cursor left/top offset relative to instance's center point * @private * @param {number} index index from start */ __getCursorBoundariesOffsets(index: number) { - let lineLeftOffset, - lineIndex, - charIndex, - topOffset = 0, - leftOffset = 0, - boundaries, - cursorPosition = this.get2DCursorLocation(index); - charIndex = cursorPosition.charIndex; - lineIndex = cursorPosition.lineIndex; + let topOffset = 0, + leftOffset = 0; + const { charIndex, lineIndex } = this.get2DCursorLocation(index); + for (let i = 0; i < lineIndex; i++) { topOffset += this.getHeightOfLine(i); } - lineLeftOffset = this._getLineLeftOffset(lineIndex); + const lineLeftOffset = this._getLineLeftOffset(lineIndex); const bound = this.__charBounds[lineIndex][charIndex]; bound && (leftOffset = bound.left); if ( @@ -393,7 +388,7 @@ export class IText extends Text { ) { leftOffset -= this._getWidthOfCharSpacing(); } - boundaries = { + const boundaries = { top: topOffset, left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), }; From 4e224b692bdf41d88ee2a69f2e47e1f2b1aef5f5 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:45:31 +0200 Subject: [PATCH 18/58] Update itext.class.ts --- src/shapes/itext.class.ts | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index a15db1e49fc..a9e07f50fdb 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -275,6 +275,18 @@ export class IText extends Text { return super.setSelectionStyles(styles, startIndex, endIndex); } + /** + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation( + selectionStart = this.selectionStart, + skipWrapping?: boolean + ) { + return super.get2DCursorLocation(selectionStart, skipWrapping); + } + /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on From cd77e5d8e37f50a08b0d5dbbc5419fa6f5ed979c Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:50:51 +0200 Subject: [PATCH 19/58] Update text.js --- test/unit/text.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/test/unit/text.js b/test/unit/text.js index a3962c84568..1dc2d2d9457 100644 --- a/test/unit/text.js +++ b/test/unit/text.js @@ -1,6 +1,13 @@ (function() { - QUnit.module('fabric.Text'); + QUnit.module('fabric.Text', { + before() { + fabric.config.configure({ NUM_FRACTION_DIGITS: 2 }); + }, + after() { + fabric.config.restoreDefaults(); + } + }); function createTextObject(text) { return new fabric.Text(text || 'x'); From 064d09f87139946affa224a74d4504c1504660c2 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:51:32 +0200 Subject: [PATCH 20/58] revert junk --- dist/fabric.d.ts | 1 - dist/fabric.d.ts.map | 1 - dist/fabric.js | 6353 ++++++++++++++++++++---------------------- dist/fabric.js.map | 2 +- rollup.config.js | 16 + 5 files changed, 3023 insertions(+), 3350 deletions(-) delete mode 100644 dist/fabric.d.ts.map diff --git a/dist/fabric.d.ts b/dist/fabric.d.ts index e4d4eb02702..cb0ff5c3b54 100644 --- a/dist/fabric.d.ts +++ b/dist/fabric.d.ts @@ -1,2 +1 @@ export {}; -//# sourceMappingURL=fabric.d.ts.map \ No newline at end of file diff --git a/dist/fabric.d.ts.map b/dist/fabric.d.ts.map deleted file mode 100644 index d5f35df51c9..00000000000 --- a/dist/fabric.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"fabric.d.ts","sourceRoot":"","sources":["../index.js","../src/config.ts","../src/cache.ts","../src/util/misc/cos.ts","../src/util/misc/sin.ts","../src/point.class.ts","../src/util/misc/capValue.ts","../src/util/misc/pick.ts","../src/util/animation_registry.ts","../src/mixins/observable.mixin.ts","../src/__types__.ts","../src/util/lang_string.ts","../src/util/misc/dom.ts","../src/util/misc/objectEnlive.ts","../src/util/lang_object.ts","../src/util/misc/toFixed.ts","../src/util/misc/radiansDegreesConversion.ts","../src/intersection.class.ts","../src/util/misc/boundingBoxFromPoints.ts","../src/util/misc/matrix.ts","../src/mixins/shared_methods.mixin.ts","../src/util/misc/objectTransforms.ts","../src/mixins/object_interactivity.mixin.ts","../src/shapes/fabricObject.class.js","../src/shapes/group.class.ts","../src/mixins/object_origin.mixin.ts","../src/mixins/object_geometry.mixin.ts","../src/shapes/object.class.ts","../src/controls/controls.render.ts","../src/controls/control.class.ts","../src/color/color_map.ts","../src/color/constants.ts","../src/color/util.ts","../src/color/color.class.ts","../src/color/index.ts","../src/parser/getSvgRegex.ts","../src/parser/constants.ts","../src/parser/rotateMatrix.ts","../src/parser/scaleMatrix.ts","../src/parser/skewMatrix.ts","../src/parser/translateMatrix.ts","../src/parser/parseTransformAttribute.ts","../src/util/misc/svgParsing.ts","../src/gradient/constants.ts","../src/gradient/typedefs.ts","../src/gradient/parser/misc.ts","../src/util/internals/getRandomInt.ts","../src/util/internals/ifNaN.ts","../src/util/internals/removeFromArray.ts","../src/util/internals/index.ts","../src/parser/percent.ts","../src/gradient/parser/parseColorStops.ts","../src/gradient/parser/parseCoords.ts","../src/gradient/parser/index.ts","../src/gradient/gradient.class.ts","../src/pattern.class.ts","../src/typedefs.ts","../src/constants.ts","../HEADER.js","../src/mixins/collection.mixin.ts","../src/util/misc/vectors.ts","../src/util/misc/rotatePoint.ts","../src/util/misc/projectStroke/types.ts","../src/util/misc/projectStroke/StrokeProjectionsBase.ts","../src/util/misc/projectStroke/StrokeLineJoinProjections.ts","../src/util/misc/projectStroke/StrokeLineCapProjections.ts","../src/util/misc/projectStroke/index.ts","../src/util/misc/textStyles.ts","../src/util/misc/findScaleTo.ts","../src/util/misc/planeChange.ts","../src/util/path.ts","../src/util/dom_style.ts","../src/util/dom_request.ts","../src/util/dom_event.ts","../src/util/dom_misc.ts","../src/util/misc/isTransparent.ts","../src/util/misc/mergeClipPaths.ts","../src/util/anim_ease.ts","../src/util/animate.ts","../src/util/animate_color.ts","../src/util/lang_class.ts","../src/util/misc/misc.ts","../src/parser/attributes.ts","../src/parser/elements_parser.ts","../src/parser/getCSSRules.ts","../src/parser/getMultipleNodes.ts","../src/parser/elementById.ts","../src/parser/recursivelyParseGradientsXlink.ts","../src/parser/getGradientDefs.ts","../src/parser/applyViewboxTransform.ts","../src/parser/hasAncestorWithNodeName.ts","../src/parser/parseElements.ts","../src/parser/parseUseDirectives.ts","../src/parser/parseSVGDocument.ts","../src/parser/loadSVGFromString.ts","../src/parser/loadSVGFromURL.ts","../src/parser/selectorMatches.ts","../src/parser/doesSomeParentMatch.ts","../src/parser/elementMatchesRule.ts","../src/parser/getGlobalStylesForElement.ts","../src/parser/normalizeAttr.ts","../src/parser/normalizeValue.ts","../src/parser/parseFontDeclaration.ts","../src/parser/parseStyleObject.ts","../src/parser/parseStyleString.ts","../src/parser/parseStyleAttribute.ts","../src/parser/setStrokeFillOpacity.ts","../src/parser/parseAttributes.ts","../src/parser/parsePointsAttribute.ts","../src/parser/index.ts","../src/gradient/index.ts","../src/shadow.class.ts","../src/static_canvas.class.ts","../src/controls/util.ts","../src/util/fireEvent.ts","../src/controls/wrapWithFireEvent.ts","../src/controls/wrapWithFixedAnchor.ts","../src/controls/changeWidth.ts","../src/controls/drag.ts","../src/controls/rotate.ts","../src/controls/scale.ts","../src/controls/skew.ts","../src/controls/scaleSkew.ts","../src/controls/actions.ts","../src/canvas.class.ts","../src/mixins/canvas_events.mixin.ts","../src/mixins/canvas_grouping.mixin.ts","../src/mixins/canvas_dataurl_exporter.mixin.ts","../src/mixins/canvas_serialization.mixin.ts","../src/mixins/canvas_gestures.mixin.ts","../src/mixins/object_ancestry.mixin.ts","../src/mixins/object_stacking.mixin.ts","../src/mixins/object.svg_export.ts","../src/mixins/stateful.mixin.ts","../src/mixins/animation.mixin.ts","../src/shapes/line.class.ts","../src/shapes/circle.class.ts","../src/shapes/triangle.class.ts","../src/shapes/ellipse.class.ts","../src/shapes/rect.class.ts","../src/shapes/polyline.class.ts","../src/shapes/polygon.class.ts","../src/shapes/path.class.ts","../src/shapes/active_selection.class.ts","../src/shapes/image.class.ts","../src/mixins/object_straightening.mixin.ts","../src/filters/WebGLProbe.ts","../src/filters/webgl_backend.class.ts","../src/filters/2d_backend.class.ts","../src/filters/base_filter.class.ts","../src/filters/colormatrix_filter.class.ts","../src/filters/brightness_filter.class.ts","../src/filters/convolute_filter.class.ts","../src/filters/grayscale_filter.class.ts","../src/filters/invert_filter.class.ts","../src/filters/noise_filter.class.ts","../src/filters/pixelate_filter.class.ts","../src/filters/removecolor_filter.class.ts","../src/filters/filter_generator.ts","../src/filters/blendcolor_filter.class.ts","../src/filters/blendimage_filter.class.ts","../src/filters/resize_filter.class.ts","../src/filters/contrast_filter.class.ts","../src/filters/saturate_filter.class.ts","../src/filters/vibrance_filter.class.ts","../src/filters/blur_filter.class.ts","../src/filters/gamma_filter.class.ts","../src/filters/composed_filter.class.ts","../src/filters/hue_rotation.class.ts","../src/shapes/text.class.ts","../src/mixins/text_style.mixin.ts","../src/shapes/itext.class.ts","../src/mixins/itext_behavior.mixin.ts","../src/mixins/itext_click_behavior.mixin.ts","../src/mixins/itext_key_behavior.mixin.ts","../src/mixins/itext.svg_export.ts","../src/shapes/textbox.class.ts","../src/controls/default_controls.ts","../src/controls/index.ts","../src/brushes/base_brush.class.ts","../src/brushes/circle_brush.class.ts","../src/brushes/pencil_brush.class.ts","../src/brushes/pattern_brush.class.ts","../src/brushes/spray_brush.class.ts","../src/brushes/index.ts","../node_modules/tslib/tslib.es6.js"],"names":[],"mappings":""} \ No newline at end of file diff --git a/dist/fabric.js b/dist/fabric.js index b7321e68469..6489944ff1c 100644 --- a/dist/fabric.js +++ b/dist/fabric.js @@ -224,32 +224,32 @@ const DEFAULT_SVG_FONT_SIZE = 16; /* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ const kRect = 1 - 0.5522847498; -var fabric$1 = fabric$1 || { +var fabric$3 = fabric$3 || { version: version, config, cache, iMatrix, }; if (typeof exports !== 'undefined') { - exports.fabric = fabric$1; + exports.fabric = fabric$3; } else if (typeof define === 'function' && define.amd) { /* _AMD_START_ */ define([], function () { - return fabric$1; + return fabric$3; }); } /* _AMD_END_ */ if (typeof document !== 'undefined' && typeof window !== 'undefined') { if (document instanceof (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { - fabric$1.document = document; + fabric$3.document = document; } else { - fabric$1.document = document.implementation.createHTMLDocument(''); + fabric$3.document = document.implementation.createHTMLDocument(''); } - fabric$1.window = window; - window.fabric = fabric$1; + fabric$3.window = window; + window.fabric = fabric$3; } else { // assume we're running under node.js when document/window are not present @@ -260,36 +260,36 @@ else { }, resources: 'usable', }).window; - fabric$1.document = virtualWindow.document; - fabric$1.jsdomImplForWrapper = + fabric$3.document = virtualWindow.document; + fabric$3.jsdomImplForWrapper = require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; - fabric$1.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; - fabric$1.window = virtualWindow; - global.DOMParser = fabric$1.window.DOMParser; + fabric$3.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; + fabric$3.window = virtualWindow; + global.DOMParser = fabric$3.window.DOMParser; } /** * True when in environment that supports touch events * @type boolean */ -fabric$1.isTouchSupported = - 'ontouchstart' in fabric$1.window || - 'ontouchstart' in fabric$1.document || - (fabric$1.window && - fabric$1.window.navigator && - fabric$1.window.navigator.maxTouchPoints > 0); +fabric$3.isTouchSupported = + 'ontouchstart' in fabric$3.window || + 'ontouchstart' in fabric$3.document || + (fabric$3.window && + fabric$3.window.navigator && + fabric$3.window.navigator.maxTouchPoints > 0); /** * True when in environment that's probably Node.js * @type boolean */ -fabric$1.isLikelyNode = +fabric$3.isLikelyNode = typeof Buffer !== 'undefined' && typeof window === 'undefined'; /** * @todo move to config when window is exported */ config.configure({ - devicePixelRatio: fabric$1.window.devicePixelRatio || - fabric$1.window.webkitDevicePixelRatio || - fabric$1.window.mozDevicePixelRatio || + devicePixelRatio: fabric$3.window.devicePixelRatio || + fabric$3.window.webkitDevicePixelRatio || + fabric$3.window.mozDevicePixelRatio || 1, }); @@ -827,7 +827,7 @@ class Point { } } const originZero = new Point(0, 0); -fabric$1.Point = Point; +fabric$3.Point = Point; const unitVectorX = new Point(1, 0); /** @@ -1297,7 +1297,7 @@ function __rest(s, e) { * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied * @return {Point} The transformed point */ -const transformPoint = (p, t, ignoreOffset) => new Point(p).transform(t, ignoreOffset); +const transformPoint$1 = (p, t, ignoreOffset) => new Point(p).transform(t, ignoreOffset); /** * Invert transformation t * @static @@ -1306,7 +1306,7 @@ const transformPoint = (p, t, ignoreOffset) => new Point(p).transform(t, ignoreO * @return {Array} The inverted transform */ const invertTransform = (t) => { - const a = 1 / (t[0] * t[3] - t[1] * t[2]), r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0], { x, y } = transformPoint(new Point(t[4], t[5]), r, true); + const a = 1 / (t[0] * t[3] - t[1] * t[2]), r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0], { x, y } = transformPoint$1(new Point(t[4], t[5]), r, true); r[4] = -x; r[5] = -y; return r; @@ -1449,7 +1449,7 @@ const extend = (destination, source, deep) => { // the deep clone is for internal use, is not meant to avoid // javascript traps or cloning html element or self referenced objects. if (deep) { - if (!fabric$1.isLikelyNode && source instanceof Element) { + if (!fabric$3.isLikelyNode && source instanceof Element) { // avoid cloning deep images, canvases, destination = source; } @@ -1501,7 +1501,7 @@ const clone = (object, deep) => deep ? extend({}, object, deep) : Object.assign( * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties * @return {boolean} true if the style changed */ -const hasStyleChanged = (prevStyle, thisStyle, forTextSpans = false) => prevStyle.fill !== thisStyle.fill || +const hasStyleChanged$1 = (prevStyle, thisStyle, forTextSpans = false) => prevStyle.fill !== thisStyle.fill || prevStyle.stroke !== thisStyle.stroke || prevStyle.strokeWidth !== thisStyle.strokeWidth || prevStyle.fontSize !== thisStyle.fontSize || @@ -1541,7 +1541,7 @@ const stylesToArray = (styles, text) => { const thisStyle = styles[i][c]; //check if style exists for this character if (thisStyle && Object.keys(thisStyle).length > 0) { - if (hasStyleChanged(prevStyle, thisStyle, true)) { + if (hasStyleChanged$1(prevStyle, thisStyle, true)) { stylesArray.push({ start: charIndex, end: charIndex + 1, @@ -1602,14 +1602,14 @@ const stylesFromArray = (styles, text) => { * @memberOf fabric.util * @return {CanvasElement} initialized canvas element */ -const createCanvasElement = () => fabric$1.document.createElement('canvas'); +const createCanvasElement$1 = () => fabric$3.document.createElement('canvas'); /** * Creates image element (works on client and node) * @static * @memberOf fabric.util * @return {HTMLImageElement} HTML image element */ -const createImage = () => fabric$1.document.createElement('img'); +const createImage = () => fabric$3.document.createElement('img'); /** * Creates a canvas element that is a copy of another and is also painted * @param {CanvasElement} canvas to copy size and content of @@ -1619,7 +1619,7 @@ const createImage = () => fabric$1.document.createElement('img'); */ const copyCanvasElement = (canvas) => { var _a; - const newCanvas = createCanvasElement(); + const newCanvas = createCanvasElement$1(); newCanvas.width = canvas.width; newCanvas.height = canvas.height; (_a = newCanvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(canvas, 0, 0); @@ -1645,7 +1645,7 @@ const toDataURL = (canvasEl, format, quality) => canvasEl.toDataURL(`image/${for * @param {number} fractionDigits number of fraction digits to "leave" * @return {number} */ -const toFixed = (number, fractionDigits) => parseFloat(Number(number).toFixed(fractionDigits)); +const toFixed$1 = (number, fractionDigits) => parseFloat(Number(number).toFixed(fractionDigits)); /** * Returns array of attributes for given svg that fabric parses @@ -1722,7 +1722,7 @@ const groupSVGElements = (elements) => { if (elements && elements.length === 1) { return elements[0]; } - return new fabric$1.Group(elements); + return new fabric$3.Group(elements); }; // align can be either none or undefined or a combination of mid/max const parseAlign = (align) => { @@ -1758,7 +1758,7 @@ const parsePreserveAspectRatioAttribute = (attribute) => { */ const matrixToSVG = (transform) => 'matrix(' + transform - .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS)) + .map((value) => toFixed$1(value, config.NUM_FRACTION_DIGITS)) .join(' ') + ')'; @@ -2116,7 +2116,7 @@ const getWholeChar = (str, i) => { * @param {object} namespace Namespace to get klass "Class" object from * @return {Object} klass "Class" */ -const getKlass = (type, namespace = fabric$1) => namespace[capitalize(camelize(type), true)]; +const getKlass = (type, namespace = fabric$3) => namespace[capitalize(camelize(type), true)]; /** * Loads image element from given url and resolve it, or catch. * @memberOf fabric.util @@ -2168,7 +2168,7 @@ const loadImage = (url, { signal, crossOrigin = null } = {}) => new Promise(func * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal * @returns {Promise} */ -const enlivenObjects = (objects, { signal, reviver = noop, namespace = fabric$1 } = {}) => new Promise((resolve, reject) => { +const enlivenObjects = (objects, { signal, reviver = noop, namespace = fabric$3 } = {}) => new Promise((resolve, reject) => { const instances = []; signal && signal.addEventListener('abort', reject, { once: true }); Promise.all(objects.map((obj) => getKlass(obj.type, namespace) @@ -2213,7 +2213,7 @@ const enlivenObjectEnlivables = (serializedObject, { signal } = {}) => new Promi } // gradient if (value.colorStops) { - return new fabric$1.Gradient(value); + return new fabric$3.Gradient(value); } // clipPath if (value.type) { @@ -2224,7 +2224,7 @@ const enlivenObjectEnlivables = (serializedObject, { signal } = {}) => new Promi } // pattern if (value.source) { - return fabric$1.Pattern.fromObject(value, { signal }).then((pattern) => { + return fabric$3.Pattern.fromObject(value, { signal }).then((pattern) => { instances.push(pattern); return pattern; }); @@ -3006,7 +3006,7 @@ const transformPath = (path, transform, pathOffset) => { return path.map((pathSegment) => { const newSegment = pathSegment.slice(0); for (let i = 1; i < pathSegment.length - 1; i += 2) { - const { x, y } = transformPoint({ + const { x, y } = transformPoint$1({ x: pathSegment[i], y: pathSegment[i + 1], }, transform); @@ -3054,7 +3054,7 @@ const joinPath = (pathData) => pathData.map((segment) => segment.join(' ')).join * @param {HTMLElement} element * @param {Object | string} styles */ -function setStyle(element, styles) { +function setStyle$1(element, styles) { const elementStyle = element.style; if (!elementStyle) { return; @@ -3129,7 +3129,7 @@ const touchEvents = ['touchstart', 'touchmove', 'touchend']; * @param {String} eventName * @param {Function} handler */ -const addListener = (element, eventName, handler, options) => element && element.addEventListener(eventName, handler, options); +const addListener$1 = (element, eventName, handler, options) => element && element.addEventListener(eventName, handler, options); /** * Removes an event listener from an element * @function @@ -3177,7 +3177,7 @@ function wrapElement(element, wrapper) { */ function getScrollLeftTop(element) { let left = 0, top = 0; - const docElement = fabric$1.document.documentElement, body = fabric$1.document.body || { + const docElement = fabric$3.document.documentElement, body = fabric$3.document.body || { scrollLeft: 0, scrollTop: 0, }; @@ -3188,7 +3188,7 @@ function getScrollLeftTop(element) { while (element && (element.parentNode || element.host)) { // Set element to element parent, or 'host' in case of ShadowDOM element = element.parentNode || element.host; - if (element === fabric$1.document) { + if (element === fabric$3.document) { left = body.scrollLeft || docElement.scrollLeft || 0; top = body.scrollTop || docElement.scrollTop || 0; } @@ -3220,7 +3220,7 @@ function getElementOffset(element) { if (!doc) { return offset; } - const elemStyle = fabric$1.document.defaultView.getComputedStyle(element, null); + const elemStyle = fabric$3.document.defaultView.getComputedStyle(element, null); for (const attr in offsetAttributes) { offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0; } @@ -3261,14 +3261,14 @@ function makeElementSelectable(element) { return element; } function getNodeCanvas(element) { - const impl = fabric$1.jsdomImplForWrapper(element); + const impl = fabric$3.jsdomImplForWrapper(element); return impl._canvas || impl._image; } function cleanUpJsdomNode(element) { - if (!fabric$1.isLikelyNode) { + if (!fabric$3.isLikelyNode) { return; } - const impl = fabric$1.jsdomImplForWrapper(element); + const impl = fabric$3.jsdomImplForWrapper(element); if (impl) { impl._image = null; impl._canvas = null; @@ -3355,7 +3355,7 @@ const mergeClipPaths = (c1, c2) => { // case (1) a.inverted = b.inverted = false; } - return new fabric$1.Group([a], { clipPath: b, inverted }); + return new fabric$3.Group([a], { clipPath: b, inverted }); }; /** @@ -4229,7 +4229,7 @@ class Color { } } -fabric$1.Color = Color; +fabric$3.Color = Color; //@ts-nocheck /** @@ -4300,7 +4300,7 @@ class RunningAnimations extends Array { } } const runningAnimations = new RunningAnimations(); -fabric$1.runningAnimations = runningAnimations; +fabric$3.runningAnimations = runningAnimations; //@ts-nocheck /** @@ -4416,11 +4416,11 @@ function animate(options = {}) { } return context.cancel; } -const _requestAnimFrame = fabric$1.window.requestAnimationFrame || +const _requestAnimFrame = fabric$3.window.requestAnimationFrame || function (callback) { - return fabric$1.window.setTimeout(callback, 1000 / 60); + return fabric$3.window.setTimeout(callback, 1000 / 60); }; -const _cancelAnimFrame = fabric$1.window.cancelAnimationFrame || fabric$1.window.clearTimeout; +const _cancelAnimFrame = fabric$3.window.cancelAnimationFrame || fabric$3.window.clearTimeout; /** * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method @@ -4429,10 +4429,10 @@ const _cancelAnimFrame = fabric$1.window.cancelAnimationFrame || fabric$1.window * @param {DOMElement} element optional Element to associate with animation */ function requestAnimFrame(...args) { - return _requestAnimFrame.apply(fabric$1.window, args); + return _requestAnimFrame.apply(fabric$3.window, args); } function cancelAnimFrame(...args) { - return _cancelAnimFrame.apply(fabric$1.window, args); + return _cancelAnimFrame.apply(fabric$3.window, args); } // Calculate an in-between color. Returns a "rgba()" string. @@ -4564,7 +4564,7 @@ function createClass(...args) { /** * @namespace fabric.util */ -fabric$1.util = { +fabric$3.util = { cos, sin, rotateVector, @@ -4580,7 +4580,7 @@ fabric$1.util = { removeFromArray, projectStrokeOnPoints, // matrix.ts file - transformPoint, + transformPoint: transformPoint$1, invertTransform, composeMatrix, qrDecompose, @@ -4590,16 +4590,16 @@ fabric$1.util = { // textStyles.ts file stylesFromArray, stylesToArray, - hasStyleChanged, + hasStyleChanged: hasStyleChanged$1, object: { clone, extend, }, - createCanvasElement, + createCanvasElement: createCanvasElement$1, createImage, copyCanvasElement, toDataURL, - toFixed, + toFixed: toFixed$1, matrixToSVG, parsePreserveAspectRatioAttribute, groupSVGElements, @@ -4639,11 +4639,11 @@ fabric$1.util = { transformPath, getRegularPolygonPath, request, - setStyle, + setStyle: setStyle$1, isTouchEvent, getPointer, removeListener, - addListener, + addListener: addListener$1, wrapElement, getScrollLeftTop, getElementOffset, @@ -4712,7 +4712,7 @@ const ElementsParser = function (elements, callback, options, reviver, parsingOp }); }; proto.findTag = function (el) { - return fabric$1[capitalize(el.tagName.replace('svg:', ''))]; + return fabric$3[capitalize(el.tagName.replace('svg:', ''))]; }; proto.createObject = function (el, index) { const klass = this.findTag(el); @@ -4734,7 +4734,7 @@ const ElementsParser = function (elements, callback, options, reviver, parsingOp let _options; _this.resolveGradient(obj, el, 'fill'); _this.resolveGradient(obj, el, 'stroke'); - if (obj instanceof fabric$1.Image && obj._originalElement) { + if (obj instanceof fabric$3.Image && obj._originalElement) { _options = obj.parsePreserveAspectRatioAttribute(el); } obj._removeTransformMatrix(_options); @@ -4752,13 +4752,13 @@ const ElementsParser = function (elements, callback, options, reviver, parsingOp regex.lastIndex = 0; const id = regex.exec(value)[1]; regex.lastIndex = 0; - return fabric$1[storage][this.svgUid][id]; + return fabric$3[storage][this.svgUid][id]; }; proto.resolveGradient = function (obj, el, property) { const gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); if (gradientDef) { const opacityAttr = el.getAttribute(property + '-opacity'); - const gradient = fabric$1.Gradient.fromElement(gradientDef, obj, Object.assign(Object.assign({}, this.options), { opacity: opacityAttr })); + const gradient = fabric$3.Gradient.fromElement(gradientDef, obj, Object.assign(Object.assign({}, this.options), { opacity: opacityAttr })); obj.set(property, gradient); } }; @@ -4791,7 +4791,7 @@ const ElementsParser = function (elements, callback, options, reviver, parsingOp clipPath = container[0]; } else { - clipPath = new fabric$1.Group(container); + clipPath = new fabric$3.Group(container); } gTransform = multiplyTransformMatrices(objTransformInv, clipPath.calcTransformMatrix()); if (clipPath.clipPath) { @@ -5369,7 +5369,7 @@ class Intersection { ]); } } -fabric$1.Intersection = Intersection; +fabric$3.Intersection = Intersection; //@ts-nocheck /** @@ -5481,7 +5481,7 @@ class Observable { } } } -fabric$1.Observable = Observable; +fabric$3.Observable = Observable; //@ts-nocheck class CommonMethods extends Observable { @@ -5644,7 +5644,7 @@ class ObjectOrigin extends CommonMethods { getCenterPoint() { const relCenter = this.getRelativeCenterPoint(); return this.group - ? transformPoint(relCenter, this.group.calcTransformMatrix()) + ? transformPoint$1(relCenter, this.group.calcTransformMatrix()) : relCenter; } /** @@ -5772,7 +5772,7 @@ class ObjectGeometry extends ObjectOrigin { getXY() { const relativePosition = this.getRelativeXY(); return this.group - ? transformPoint(relativePosition, this.group.calcTransformMatrix()) + ? transformPoint$1(relativePosition, this.group.calcTransformMatrix()) : relativePosition; } /** @@ -5787,7 +5787,7 @@ class ObjectGeometry extends ObjectOrigin { */ setXY(point, originX, originY) { if (this.group) { - point = transformPoint(point, invertTransform(this.group.calcTransformMatrix())); + point = transformPoint$1(point, invertTransform(this.group.calcTransformMatrix())); } this.setRelativeXY(point, originX, originY); } @@ -5840,7 +5840,7 @@ class ObjectGeometry extends ObjectOrigin { const coords = [tl, tr, br, bl]; if (this.group) { const t = this.group.calcTransformMatrix(); - return coords.map((p) => transformPoint(p, t)); + return coords.map((p) => transformPoint$1(p, t)); } return coords; } @@ -6129,10 +6129,10 @@ class ObjectGeometry extends ObjectOrigin { calcLineCoords() { const vpt = this.getViewportTransform(), padding = this.padding, angle = degreesToRadians(this.getTotalAngle()), cosP = cos(angle) * padding, sinP = sin(angle) * padding, cosPSinP = cosP + sinP, cosPMinusSinP = cosP - sinP, { tl, tr, bl, br } = this.calcACoords(); const lineCoords = { - tl: transformPoint(tl, vpt), - tr: transformPoint(tr, vpt), - bl: transformPoint(bl, vpt), - br: transformPoint(br, vpt), + tl: transformPoint$1(tl, vpt), + tr: transformPoint$1(tr, vpt), + bl: transformPoint$1(bl, vpt), + br: transformPoint$1(br, vpt), }; if (padding) { lineCoords.tl.x -= cosPMinusSinP; @@ -6165,10 +6165,10 @@ class ObjectGeometry extends ObjectOrigin { const rotateMatrix = calcRotateMatrix({ angle: this.angle }), center = this.getRelativeCenterPoint(), translateMatrix = [1, 0, 0, 1, center.x, center.y], finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix), dim = this._getTransformedDimensions(), w = dim.x / 2, h = dim.y / 2; return { // corners - tl: transformPoint({ x: -w, y: -h }, finalMatrix), - tr: transformPoint({ x: w, y: -h }, finalMatrix), - bl: transformPoint({ x: -w, y: h }, finalMatrix), - br: transformPoint({ x: w, y: h }, finalMatrix), + tl: transformPoint$1({ x: -w, y: -h }, finalMatrix), + tr: transformPoint$1({ x: w, y: -h }, finalMatrix), + bl: transformPoint$1({ x: -w, y: h }, finalMatrix), + br: transformPoint$1({ x: w, y: h }, finalMatrix), }; } /** @@ -6362,7 +6362,7 @@ class FabricObject extends ObjectGeometry { * @private */ _createCacheCanvas() { - this._cacheCanvas = createCanvasElement(); + this._cacheCanvas = createCanvasElement$1(); this._cacheContext = this._cacheCanvas.getContext('2d'); this._updateCacheCanvas(); // if canvas gets created, is empty, so dirty. @@ -6467,7 +6467,7 @@ class FabricObject extends ObjectGeometry { additionalHeight = height * 0.1; } } - if (this instanceof fabric$1.Text && this.path) { + if (this instanceof fabric$3.Text && this.path) { shouldRedraw = true; shouldResizeCanvas = true; // IMHO in those lines we are using zoomX and zoomY not the this version. @@ -6523,13 +6523,13 @@ class FabricObject extends ObjectGeometry { */ toObject(propertiesToInclude) { const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, clipPathData = this.clipPath && !this.clipPath.excludeFromExport - ? Object.assign(Object.assign({}, this.clipPath.toObject(propertiesToInclude)), { inverted: this.clipPath.inverted, absolutePositioned: this.clipPath.absolutePositioned }) : null, object = Object.assign(Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, version: version, originX: this.originX, originY: this.originY, left: toFixed(this.left, NUM_FRACTION_DIGITS), top: toFixed(this.top, NUM_FRACTION_DIGITS), width: toFixed(this.width, NUM_FRACTION_DIGITS), height: toFixed(this.height, NUM_FRACTION_DIGITS), fill: this.fill && this.fill.toObject ? this.fill.toObject() : this.fill, stroke: this.stroke && this.stroke.toObject + ? Object.assign(Object.assign({}, this.clipPath.toObject(propertiesToInclude)), { inverted: this.clipPath.inverted, absolutePositioned: this.clipPath.absolutePositioned }) : null, object = Object.assign(Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, version: version, originX: this.originX, originY: this.originY, left: toFixed$1(this.left, NUM_FRACTION_DIGITS), top: toFixed$1(this.top, NUM_FRACTION_DIGITS), width: toFixed$1(this.width, NUM_FRACTION_DIGITS), height: toFixed$1(this.height, NUM_FRACTION_DIGITS), fill: this.fill && this.fill.toObject ? this.fill.toObject() : this.fill, stroke: this.stroke && this.stroke.toObject ? this.stroke.toObject() - : this.stroke, strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), strokeDashArray: this.strokeDashArray + : this.stroke, strokeWidth: toFixed$1(this.strokeWidth, NUM_FRACTION_DIGITS), strokeDashArray: this.strokeDashArray ? this.strokeDashArray.concat() - : this.strokeDashArray, strokeLineCap: this.strokeLineCap, strokeDashOffset: this.strokeDashOffset, strokeLineJoin: this.strokeLineJoin, strokeUniform: this.strokeUniform, strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), angle: toFixed(this.angle, NUM_FRACTION_DIGITS), flipX: this.flipX, flipY: this.flipY, opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), shadow: this.shadow && this.shadow.toObject + : this.strokeDashArray, strokeLineCap: this.strokeLineCap, strokeDashOffset: this.strokeDashOffset, strokeLineJoin: this.strokeLineJoin, strokeUniform: this.strokeUniform, strokeMiterLimit: toFixed$1(this.strokeMiterLimit, NUM_FRACTION_DIGITS), scaleX: toFixed$1(this.scaleX, NUM_FRACTION_DIGITS), scaleY: toFixed$1(this.scaleY, NUM_FRACTION_DIGITS), angle: toFixed$1(this.angle, NUM_FRACTION_DIGITS), flipX: this.flipX, flipY: this.flipY, opacity: toFixed$1(this.opacity, NUM_FRACTION_DIGITS), shadow: this.shadow && this.shadow.toObject ? this.shadow.toObject() - : this.shadow, visible: this.visible, backgroundColor: this.backgroundColor, fillRule: this.fillRule, paintFirst: this.paintFirst, globalCompositeOperation: this.globalCompositeOperation, skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS) }), (clipPathData ? { clipPath: clipPathData } : null)); + : this.shadow, visible: this.visible, backgroundColor: this.backgroundColor, fillRule: this.fillRule, paintFirst: this.paintFirst, globalCompositeOperation: this.globalCompositeOperation, skewX: toFixed$1(this.skewX, NUM_FRACTION_DIGITS), skewY: toFixed$1(this.skewY, NUM_FRACTION_DIGITS) }), (clipPathData ? { clipPath: clipPathData } : null)); return !this.includeDefaultValues ? this._removeDefaultValues(object) : object; @@ -6548,7 +6548,7 @@ class FabricObject extends ObjectGeometry { * @param {Object} object */ _removeDefaultValues(object) { - const prototype = fabric$1.util.getKlass(object.type).prototype; + const prototype = fabric$3.util.getKlass(object.type).prototype; Object.keys(object).forEach(function (prop) { if (prop === 'left' || prop === 'top' || prop === 'type') { return; @@ -6653,8 +6653,8 @@ class FabricObject extends ObjectGeometry { this.flipY = !this.flipY; value *= -1; } - else if (key === 'shadow' && value && !(value instanceof fabric$1.Shadow)) { - value = new fabric$1.Shadow(value); + else if (key === 'shadow' && value && !(value instanceof fabric$3.Shadow)) { + value = new fabric$3.Shadow(value); } else if (key === 'dirty' && this.group) { this.group.set('dirty', value); @@ -6827,7 +6827,7 @@ class FabricObject extends ObjectGeometry { } //ctx.scale(1 / 2, 1 / 2); if (clipPath.absolutePositioned) { - const m = fabric$1.util.invertTransform(this.calcTransformMatrix()); + const m = fabric$3.util.invertTransform(this.calcTransformMatrix()); ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); } clipPath.transform(ctx); @@ -7135,7 +7135,7 @@ class FabricObject extends ObjectGeometry { * @param {fabric.Gradient} filler a fabric gradient instance */ _applyPatternForTransformedGradient(ctx, filler) { - const dims = this._limitCacheSize(this._getCacheCanvasDimensions()), pCanvas = fabric$1.util.createCanvasElement(), retinaScaling = this.canvas.getRetinaScaling(), width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; + const dims = this._limitCacheSize(this._getCacheCanvasDimensions()), pCanvas = fabric$3.util.createCanvasElement(), retinaScaling = this.canvas.getRetinaScaling(), width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; pCanvas.width = width; pCanvas.height = height; const pCtx = pCanvas.getContext('2d'); @@ -7193,7 +7193,7 @@ class FabricObject extends ObjectGeometry { let center = this._findCenterFromElement(); if (this.transformMatrix) { this._assignTransformMatrixProps(); - center = transformPoint(center, this.transformMatrix); + center = transformPoint$1(center, this.transformMatrix); } this.transformMatrix = null; if (preserveAspectRatioOptions) { @@ -7238,7 +7238,7 @@ class FabricObject extends ObjectGeometry { */ cloneAsImage(options) { const canvasEl = this.toCanvasElement(options); - return new fabric$1.Image(canvasEl); + return new fabric$3.Image(canvasEl); } /** * Converts an object into a HTMLCanvas element @@ -7255,7 +7255,7 @@ class FabricObject extends ObjectGeometry { */ toCanvasElement(options) { options || (options = {}); - const utils = fabric$1.util, origParams = utils.saveObjectTransform(this), originalGroup = this.group, originalShadow = this.shadow, abs = Math.abs, retinaScaling = options.enableRetinaScaling + const utils = fabric$3.util, origParams = utils.saveObjectTransform(this), originalGroup = this.group, originalShadow = this.shadow, abs = Math.abs, retinaScaling = options.enableRetinaScaling ? Math.max(config.devicePixelRatio, 1) : 1, multiplier = (options.multiplier || 1) * retinaScaling; delete this.group; @@ -7265,7 +7265,7 @@ class FabricObject extends ObjectGeometry { if (options.withoutShadow) { this.shadow = null; } - let el = fabric$1.util.createCanvasElement(), + let el = fabric$3.util.createCanvasElement(), // skip canvas zoom and calculate with setCoords now. boundingRect = this.getBoundingRect(true, true), shadow = this.shadow, shadowOffset = { x: 0, y: 0 }, width, height; if (shadow) { @@ -7285,7 +7285,7 @@ class FabricObject extends ObjectGeometry { // we need to make it so. el.width = Math.ceil(width); el.height = Math.ceil(height); - let canvas = new fabric$1.StaticCanvas(el, { + let canvas = new fabric$3.StaticCanvas(el, { enableRetinaScaling: false, renderOnAddRemove: false, skipOffscreen: false, @@ -7331,7 +7331,7 @@ class FabricObject extends ObjectGeometry { * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format */ toDataURL(options = {}) { - return fabric$1.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); + return fabric$3.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); } /** * Returns true if specified type is identical to the type of an instance @@ -7564,7 +7564,7 @@ const fabricObjectDefaultValues = { lockSkewingY: false, lockScalingFlip: false, excludeFromExport: false, - objectCaching: !fabric$1.isLikelyNode, + objectCaching: !fabric$3.isLikelyNode, statefullCache: false, noScaleCache: true, strokeUniform: false, @@ -8090,7 +8090,7 @@ function parseSVGDocument(doc, callback, reviver, parsingOptions) { * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal */ function loadSVGFromString(string, callback, reviver, options) { - const parser = new fabric$1.window.DOMParser(), doc = parser.parseFromString(string.trim(), 'text/xml'); + const parser = new fabric$3.window.DOMParser(), doc = parser.parseFromString(string.trim(), 'text/xml'); parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { callback(results, _options, elements, allElements); }, reviver, options); @@ -8534,7 +8534,7 @@ function setStrokeFillOpacity(attributes) { } const color = new Color(attributes[attr]); attributes[attr] = color - .setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)) + .setAlpha(toFixed$1(color.getAlpha() * attributes[colorAttributes[attr]], 2)) .toRgba(); } return attributes; @@ -8627,7 +8627,7 @@ function parsePointsAttribute(points) { return parsedPoints; } -Object.assign(fabric$1, { +Object.assign(fabric$3, { SHARED_ATTRIBUTES, cssRules, gradientDefs, @@ -8999,7 +8999,7 @@ class Gradient { }))); } } -fabric$1.Gradient = Gradient; +fabric$3.Gradient = Gradient; //@ts-nocheck /** @@ -9094,7 +9094,7 @@ class Pattern$1 { * @return {object} Object representation of a pattern instance */ toObject(propertiesToInclude) { - return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: 'pattern', source: this.sourceToString(), repeat: this.repeat, crossOrigin: this.crossOrigin, offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS), offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS), patternTransform: this.patternTransform + return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: 'pattern', source: this.sourceToString(), repeat: this.repeat, crossOrigin: this.crossOrigin, offsetX: toFixed$1(this.offsetX, config.NUM_FRACTION_DIGITS), offsetY: toFixed$1(this.offsetY, config.NUM_FRACTION_DIGITS), patternTransform: this.patternTransform ? this.patternTransform.concat() : null }); } @@ -9122,7 +9122,7 @@ class Pattern$1 { return new Pattern$1(Object.assign(Object.assign({}, serialized), { source: img })); } } -fabric$1.Pattern = Pattern$1; +fabric$3.Pattern = Pattern$1; //@ts-nocheck (function (global) { @@ -11567,7 +11567,7 @@ const scalingYOrSkewingX = (eventData, transform, x, y) => { /** * @todo remove as unused */ -fabric$1.controlsUtils = { +fabric$3.controlsUtils = { scaleCursorStyleHandler, skewCursorStyleHandler, scaleSkewCursorStyleHandler, @@ -15659,7 +15659,7 @@ const circleDefaultValues = { cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('radius', 'startAngle', 'endAngle'), }; Object.assign(Circle$1.prototype, circleDefaultValues); -fabric$1.Circle = Circle$1; +fabric$3.Circle = Circle$1; class Triangle extends InteractiveFabricObject { /** @@ -15701,7 +15701,7 @@ const triangleDefaultValues = { height: 100, }; Object.assign(Triangle.prototype, triangleDefaultValues); -fabric$1.Triangle = Triangle; +fabric$3.Triangle = Triangle; class Ellipse extends InteractiveFabricObject { /** @@ -15826,23 +15826,56 @@ const ellipseDefaultValues = { cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'], }; Object.assign(Ellipse.prototype, ellipseDefaultValues); -fabric$1.Ellipse = Ellipse; +fabric$3.Ellipse = Ellipse; -class Rect$1 extends InteractiveFabricObject { +/** + * Rectangle class + * @class Rect + * @extends fabric.Object + * @return {Rect} thisArg + * @see {@link Rect#initialize} for constructor definition + */ +const Rect$1 = fabric$3.util.createClass(fabric$3.Object, +/** @lends Rect.prototype */ { + /** + * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: fabric$3.Object.prototype.stateProperties.concat('rx', 'ry'), + /** + * Type of an object + * @type String + * @default + */ + type: 'rect', + /** + * Horizontal border radius + * @type Number + * @default + */ + rx: 0, + /** + * Vertical border radius + * @type Number + * @default + */ + ry: 0, + cacheProperties: fabric$3.Object.prototype.cacheProperties.concat('rx', 'ry'), /** * Constructor * @param {Object} [options] Options object * @return {Object} thisArg */ - constructor(options) { - super(options); + initialize: function (options) { + this.callSuper('initialize', options); this._initRxRy(); - } + }, /** * Initializes rx/ry attributes * @private */ - _initRxRy() { + _initRxRy: function () { const { rx, ry } = this; if (rx && !ry) { this.ry = rx; @@ -15850,12 +15883,14 @@ class Rect$1 extends InteractiveFabricObject { else if (ry && !rx) { this.rx = ry; } - } + }, /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _render(ctx) { + _render: function (ctx) { + // 1x1 case (used in spray brush) optimization was removed because + // with caching and higher zoom level this makes more damage than help const { width: w, height: h } = this; const x = -w / 2; const y = -h / 2; @@ -15878,83 +15913,80 @@ class Rect$1 extends InteractiveFabricObject { ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y); ctx.closePath(); this._renderPaintInOrder(ctx); - } + }, /** * Returns object representation of an instance * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output * @return {Object} object representation of an instance */ - toObject(propertiesToInclude = []) { - return super.toObject(['rx', 'ry', ...propertiesToInclude]); - } + toObject: function (propertiesToInclude) { + return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); + }, + /* _TO_SVG_START_ */ /** * Returns svg representation of an instance * @return {Array} an array of strings with the specific svg representation * of the instance */ - _toSVG() { + _toSVG: function () { const { width, height, rx, ry } = this; return [ '\n`, - ]; - } - /** - * Returns {@link Rect} instance from an object representation - * @static - * @memberOf Rect - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Rect$1, object); - } - /* _FROM_SVG_START_ */ - /** - * Returns {@link Rect} instance from an SVG element - * @static - * @memberOf Rect - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - static fromElement(element, callback, options = {}) { - if (!element) { - return callback(null); - } - const _a = parseAttributes(element, Rect$1.ATTRIBUTE_NAMES), { left = 0, top = 0, width = 0, height = 0, visible = true } = _a, restOfparsedAttributes = __rest(_a, ["left", "top", "width", "height", "visible"]); - const rect = new Rect$1(Object.assign(Object.assign(Object.assign({}, options), restOfparsedAttributes), { left, - top, + 'x="', + -width / 2, + '" y="', + -height / 2, + '" rx="', + rx, + '" ry="', + ry, + '" width="', width, - height, visible: Boolean(visible && width && height) })); - callback(rect); - } -} + '" height="', + height, + '" />\n', + ]; + }, + /* _TO_SVG_END_ */ +}); +/* _FROM_SVG_START_ */ /** * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`) * @static * @memberOf Rect * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement */ -Rect$1.ATTRIBUTE_NAMES = [ - ...SHARED_ATTRIBUTES, - 'x', - 'y', - 'rx', - 'ry', - 'width', - 'height', -]; -const rectDefaultValues = { - stateProperties: fabricObjectDefaultValues.stateProperties.concat('rx', 'ry'), - type: 'rect', - rx: 0, - ry: 0, - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('rx', 'ry'), +Rect$1.ATTRIBUTE_NAMES = fabric$3.SHARED_ATTRIBUTES.concat('x y rx ry width height'.split(' ')); +/** + * Returns {@link Rect} instance from an SVG element + * @static + * @memberOf Rect + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ +Rect$1.fromElement = function (element, callback, options = {}) { + if (!element) { + return callback(null); + } + const _a = fabric$3.parseAttributes(element, Rect$1.ATTRIBUTE_NAMES), { left = 0, top = 0, width = 0, height = 0, visible = true } = _a, restOfparsedAttributes = __rest(_a, ["left", "top", "width", "height", "visible"]); + const rect = new Rect$1(Object.assign(Object.assign(Object.assign({}, options), restOfparsedAttributes), { left, + top, + width, + height, visible: Boolean(visible && width && height) })); + callback(rect); }; -Object.assign(Rect$1.prototype, rectDefaultValues); -fabric$1.Rect = Rect$1; +/* _FROM_SVG_END_ */ +/** + * Returns {@link Rect} instance from an object representation + * @static + * @memberOf Rect + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ +Rect$1.fromObject = (object) => fabric$3.Object._fromObject(Rect$1, object); +fabric$3.Rect = Rect$1; //@ts-nocheck (function (global) { @@ -18455,10 +18487,10 @@ class WebGLProbe { * @returns config object if true */ queryWebGL() { - if (this.initialized || fabric$1.isLikelyNode) { + if (this.initialized || fabric$3.isLikelyNode) { return; } - const canvas = createCanvasElement(); + const canvas = createCanvasElement$1(); const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); if (gl) { this._maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); @@ -22124,1452 +22156,1431 @@ function copyGLTo2DPutImageData(gl, pipelineState) { fabric.Image.filters.BaseFilter.fromObject; })(typeof exports !== 'undefined' ? exports : window); -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}); - var additionalProps = ('fontFamily fontWeight fontSize text underline overline linethrough' + - ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + - ' direction path pathStartOffset pathSide pathAlign').split(' '); +class TextStyleMixin extends InteractiveFabricObject { /** - * Text class - * @class fabric.Text - * @extends fabric.Object - * @return {fabric.Text} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} - * @see {@link fabric.Text#initialize} for constructor definition + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} */ - fabric.Text = fabric.util.createClass(fabric.Object, - /** @lends fabric.Text.prototype */ { - /** - * Properties which when set cause object to change dimensions - * @type Array - * @private - */ - _dimensionAffectingProps: [ - 'fontSize', - 'fontWeight', - 'fontFamily', - 'fontStyle', - 'lineHeight', - 'text', - 'charSpacing', - 'textAlign', - 'styles', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign', - ], - /** - * @private - */ - _reNewline: /\r?\n/, - /** - * Use this regular expression to filter for whitespaces that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reSpacesAndTabs: /[ \t\r]/g, - /** - * Use this regular expression to filter for whitespace that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reSpaceAndTab: /[ \t\r]/, - /** - * Use this regular expression to filter consecutive groups of non spaces. - * Mostly used when text is 'justify' aligned. - * @private - */ - _reWords: /\S+/g, - /** - * Type of an object - * @type String - * @default - */ - type: 'text', - /** - * Font size (in pixels) - * @type Number - * @default - */ - fontSize: 40, - /** - * Font weight (e.g. bold, normal, 400, 600, 800) - * @type {(Number|String)} - * @default - */ - fontWeight: 'normal', - /** - * Font family - * @type String - * @default - */ - fontFamily: 'Times New Roman', - /** - * Text decoration underline. - * @type Boolean - * @default - */ - underline: false, - /** - * Text decoration overline. - * @type Boolean - * @default - */ - overline: false, - /** - * Text decoration linethrough. - * @type Boolean - * @default - */ - linethrough: false, - /** - * Text alignment. Possible values: "left", "center", "right", "justify", - * "justify-left", "justify-center" or "justify-right". - * @type String - * @default - */ - textAlign: 'left', - /** - * Font style . Possible values: "", "normal", "italic" or "oblique". - * @type String - * @default - */ - fontStyle: 'normal', - /** - * Line height - * @type Number - * @default - */ - lineHeight: 1.16, - /** - * Superscript schema object (minimum overlap) - * @type {Object} - * @default - */ - superscript: { - size: 0.6, - baseline: -0.35, // baseline-shift factor (upwards) - }, + isEmptyStyles(lineIndex) { + if (!this.styles) { + return true; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return true; + } + const obj = typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (const p1 in obj) { + for (const p2 in obj[p1]) { + // eslint-disable-next-line no-unused-vars + for (const p3 in obj[p1][p2]) { + return false; + } + } + } + return true; + } + /** + * Returns true if object has a style property or has it ina specified line + * This function is used to detect if a text will use a particular property or not. + * @param {String} property to check for + * @param {Number} lineIndex to check the style on + * @return {Boolean} + */ + styleHas(property, lineIndex) { + if (!this.styles || !property || property === '') { + return false; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return false; + } + const obj = typeof lineIndex === 'undefined' + ? this.styles + : { 0: this.styles[lineIndex] }; + // eslint-disable-next-line + for (const p1 in obj) { + // eslint-disable-next-line + for (const p2 in obj[p1]) { + if (typeof obj[p1][p2][property] !== 'undefined') { + return true; + } + } + } + return false; + } + /** + * Check if characters in a text have a value for a property + * whose value matches the textbox's value for that property. If so, + * the character-level property is deleted. If the character + * has no other properties, then it is also deleted. Finally, + * if the line containing that character has no other characters + * then it also is deleted. + * + * @param {string} property The property to compare between characters and text. + */ + cleanStyle(property) { + if (!this.styles || !property || property === '') { + return false; + } + const obj = this.styles; + let stylesCount = 0, letterCount, stylePropertyValue, allStyleObjectPropertiesMatch = true, graphemeCount = 0; + for (const p1 in obj) { + letterCount = 0; + for (const p2 in obj[p1]) { + const styleObject = obj[p1][p2], stylePropertyHasBeenSet = Object.prototype.hasOwnProperty.call(styleObject, property); + stylesCount++; + if (stylePropertyHasBeenSet) { + if (!stylePropertyValue) { + stylePropertyValue = styleObject[property]; + } + else if (styleObject[property] !== stylePropertyValue) { + allStyleObjectPropertiesMatch = false; + } + if (styleObject[property] === this[property]) { + delete styleObject[property]; + } + } + else { + allStyleObjectPropertiesMatch = false; + } + if (Object.keys(styleObject).length !== 0) { + letterCount++; + } + else { + delete obj[p1][p2]; + } + } + if (letterCount === 0) { + delete obj[p1]; + } + } + // if every grapheme has the same style set then + // delete those styles and set it on the parent + for (let i = 0; i < this._textLines.length; i++) { + graphemeCount += this._textLines[i].length; + } + if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { + this[property] = stylePropertyValue; + this.removeStyle(property); + } + } + /** + * Remove a style property or properties from all individual character styles + * in a text object. Deletes the character style object if it contains no other style + * props. Deletes a line style object if it contains no other character styles. + * + * @param {String} props The property to remove from character styles. + */ + removeStyle(property) { + if (!this.styles || !property || property === '') { + return; + } + const obj = this.styles; + let line, lineNum, charNum; + for (lineNum in obj) { + line = obj[lineNum]; + for (charNum in line) { + delete line[charNum][property]; + if (Object.keys(line[charNum]).length === 0) { + delete line[charNum]; + } + } + if (Object.keys(line).length === 0) { + delete obj[lineNum]; + } + } + } + _extendStyles(index, styles) { + const { lineIndex, charIndex } = this.get2DCursorLocation(index); + if (!this._getLineStyle(lineIndex)) { + this._setLineStyle(lineIndex); + } + if (!this._getStyleDeclaration(lineIndex, charIndex)) { + this._setStyleDeclaration(lineIndex, charIndex, {}); + } + return Object.assign(this._getStyleDeclaration(lineIndex, charIndex) || {}, styles); + } + /** + * Gets style of a current selection/cursor (at the start position) + * @param {Number} startIndex Start index to get styles at + * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles(startIndex, endIndex, complete) { + const styles = []; + for (let i = startIndex; i < (endIndex || startIndex); i++) { + styles.push(this.getStyleAtPosition(i, complete)); + } + return styles; + } + /** + * Gets style of a current selection/cursor position + * @param {Number} position to get styles at + * @param {Boolean} [complete] full style if true + * @return {Object} style Style object at a specified index + * @private + */ + getStyleAtPosition(position, complete) { + const { lineIndex, charIndex } = this.get2DCursorLocation(position); + return ((complete + ? this.getCompleteStyleDeclaration(lineIndex, charIndex) + : this._getStyleDeclaration(lineIndex, charIndex)) || {}); + } + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} styles Styles object + * @param {Number} startIndex Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1 + */ + setSelectionStyles(styles, startIndex, endIndex) { + for (let i = startIndex; i < (endIndex || startIndex); i++) { + this._extendStyles(i, styles); + } + /* not included in _extendStyles to avoid clearing cache more than once */ + this._forceClearCache = true; + } + /** + * get the reference, not a clone, of the style object for a given character + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Object} style object + */ + _getStyleDeclaration(lineIndex, charIndex) { + const lineStyle = this.styles && this.styles[lineIndex]; + if (!lineStyle) { + return null; + } + return lineStyle[charIndex]; + } + /** + * return a new object that contains all the style property for a character + * the object returned is newly created + * @param {Number} lineIndex of the line where the character is + * @param {Number} charIndex position of the character on the line + * @return {Object} style object + */ + getCompleteStyleDeclaration(lineIndex, charIndex) { + const style = this._getStyleDeclaration(lineIndex, charIndex) || {}, styleObject = {}; + for (let i = 0; i < this._styleProperties.length; i++) { + const prop = this._styleProperties[i]; + styleObject[prop] = + typeof style[prop] === 'undefined' + ? this[prop] + : style[prop]; + } + return styleObject; + } + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration(lineIndex, charIndex, style) { + this.styles[lineIndex][charIndex] = style; + } + /** + * + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration(lineIndex, charIndex) { + delete this.styles[lineIndex][charIndex]; + } + /** + * @param {Number} lineIndex + * @return {Boolean} if the line exists or not + * @private + */ + _getLineStyle(lineIndex) { + return !!this.styles[lineIndex]; + } + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @private + */ + _setLineStyle(lineIndex) { + this.styles[lineIndex] = {}; + } + _deleteLineStyle(lineIndex) { + delete this.styles[lineIndex]; + } +} + +// @ts-nocheck +const additionalProps = [ + 'fontFamily', + 'fontWeight', + 'fontSize', + 'text', + 'underline', + 'overline', + 'linethrough', + 'textAlign', + 'fontStyle', + 'lineHeight', + 'textBackgroundColor', + 'charSpacing', + 'styles', + 'direction', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign', +]; +/** + * Text class + * @class Text + * @extends FabricObject + * @return {Text} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} + * @see {@link Text#initialize} for constructor definition + */ +class Text$1 extends TextStyleMixin { + /** + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {Text} thisArg + */ + constructor(text, options) { + super(Object.assign(Object.assign({}, options), { text, styles: (options === null || options === void 0 ? void 0 : options.styles) || {} })); /** - * Subscript schema object (minimum overlap) - * @type {Object} + * Reference to a context to measure text char or couple of chars + * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas + * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every + * text object created. + * @type {CanvasRenderingContext2D} * @default */ - subscript: { - size: 0.6, - baseline: 0.11, // baseline-shift factor (downwards) - }, - /** - * Background color of text lines - * @type String - * @default - */ - textBackgroundColor: '', - /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric.Object.prototype.stateProperties.concat(additionalProps), - /** - * List of properties to consider when checking if cache needs refresh - * @type Array - */ - cacheProperties: fabric.Object.prototype.cacheProperties.concat(additionalProps), - /** - * When defined, an object is rendered via stroke and this property specifies its color. - * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 - * @type String - * @default - */ - stroke: null, - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 - * @type fabric.Shadow - * @default - */ - shadow: null, - /** - * fabric.Path that the text should follow. - * since 4.6.0 the path will be drawn automatically. - * if you want to make the path visible, give it a stroke and strokeWidth or fill value - * if you want it to be hidden, assign visible = false to the path. - * This feature is in BETA, and SVG import/export is not yet supported. - * @type fabric.Path - * @example - * var textPath = new fabric.Text('Text on a path', { - * top: 150, - * left: 150, - * textAlign: 'center', - * charSpacing: -50, - * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { - * strokeWidth: 1, - * visible: false - * }), - * pathSide: 'left', - * pathStartOffset: 0 - * }); - * @default - */ - path: null, - /** - * Offset amount for text path starting position - * Only used when text has a path - * @type Number - * @default - */ - pathStartOffset: 0, - /** - * Which side of the path the text should be drawn on. - * Only used when text has a path - * @type {String} 'left|right' - * @default - */ - pathSide: 'left', - /** - * How text is aligned to the path. This property determines - * the perpendicular position of each character relative to the path. - * (one of "baseline", "center", "ascender", "descender") - * This feature is in BETA, and its behavior may change - * @type String - * @default - */ - pathAlign: 'baseline', - /** - * @private - */ - _fontSizeFraction: 0.222, - /** - * @private - */ - offsets: { - underline: 0.1, - linethrough: -0.315, - overline: -0.88, - }, - /** - * Text Line proportion to font Size (in pixels) - * @type Number - * @default - */ - _fontSizeMult: 1.13, - /** - * additional space between characters - * expressed in thousands of em unit - * @type Number - * @default - */ - charSpacing: 0, - /** - * Object containing character styles - top-level properties -> line numbers, - * 2nd-level properties - character numbers - * @type Object - * @default - */ - styles: null, - /** - * Reference to a context to measure text char or couple of chars - * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas - * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every - * text object created. - * @type {CanvasRenderingContext2D} - * @default - */ - _measuringContext: null, - /** - * Baseline shift, styles only, keep at 0 for the main text object - * @type {Number} - * @default - */ - deltaY: 0, - /** - * WARNING: EXPERIMENTAL. NOT SUPPORTED YET - * determine the direction of the text. - * This has to be set manually together with textAlign and originX for proper - * experience. - * some interesting link for the future - * https://www.w3.org/International/questions/qa-bidi-unicode-controls - * @since 4.5.0 - * @type {String} 'ltr|rtl' - * @default - */ - direction: 'ltr', - /** - * Array of properties that define a style unit (of 'styles'). - * @type {Array} - * @default - */ - _styleProperties: [ - 'stroke', - 'strokeWidth', - 'fill', - 'fontFamily', - 'fontSize', - 'fontWeight', - 'fontStyle', - 'underline', - 'overline', - 'linethrough', - 'deltaY', - 'textBackgroundColor', - ], - /** - * contains characters bounding boxes - */ - __charBounds: [], - /** - * use this size when measuring text. To avoid IE11 rounding errors - * @type {Number} - * @default - * @readonly - * @private - */ - CACHE_FONT_SIZE: 400, - /** - * contains the min text width to avoid getting 0 - * @type {Number} - * @default - */ - MIN_TEXT_WIDTH: 2, - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - initialize: function (text, options) { - this.styles = options ? options.styles || {} : {}; - this.text = text; - this.__skipDimension = true; - this.callSuper('initialize', options); - if (this.path) { - this.setPathInfo(); - } - this.__skipDimension = false; - this.initDimensions(); - this.setCoords(); - this.setupState({ propertySet: '_dimensionAffectingProps' }); - }, - /** - * If text has a path, it will add the extra information needed - * for path and text calculations - * @return {fabric.Text} thisArg - */ - setPathInfo: function () { - var path = this.path; - if (path) { - path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path); - } - }, - /** - * Return a context for measurement of text string. - * if created it gets stored for reuse - * this is for internal use, please do not use it - * @private - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - getMeasuringContext: function () { - // if we did not return we have to measure something. - if (!fabric._measuringContext) { - fabric._measuringContext = - (this.canvas && this.canvas.contextCache) || - fabric.util.createCanvasElement().getContext('2d'); - } - return fabric._measuringContext; - }, - /** - * @private - * Divides text into lines of text and lines of graphemes. - */ - _splitText: function () { - var newLines = this._splitTextIntoLines(this.text); - this.textLines = newLines.lines; - this._textLines = newLines.graphemeLines; - this._unwrappedTextLines = newLines._unwrappedLines; - this._text = newLines.graphemeText; - return newLines; - }, - /** - * Initialize or update text dimensions. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. - */ - initDimensions: function () { - if (this.__skipDimension) { - return; - } - this._splitText(); - this._clearCache(); - if (this.path) { - this.width = this.path.width; - this.height = this.path.height; - } - else { - this.width = - this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; - this.height = this.calcTextHeight(); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); + this._measuringContext = null; + this.initialized = true; + if (this.path) { + this.setPathInfo(); + } + this.__skipDimension = false; + this.initDimensions(); + this.setCoords(); + this.setupState({ propertySet: '_dimensionAffectingProps' }); + } + /** + * If text has a path, it will add the extra information needed + * for path and text calculations + * @return {Text} thisArg + */ + setPathInfo() { + const path = this.path; + if (path) { + path.segmentsInfo = getPathSegmentsInfo(path.path); + } + } + /** + * Return a context for measurement of text string. + * if created it gets stored for reuse + * this is for internal use, please do not use it + * @private + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {Text} thisArg + */ + getMeasuringContext() { + if (!fabric$3._measuringContext) { + fabric$3._measuringContext = + (this.canvas && this.canvas.contextCache) || + createCanvasElement$1().getContext('2d'); + } + return fabric$3._measuringContext; + } + /** + * @private + * Divides text into lines of text and lines of graphemes. + */ + _splitText() { + const newLines = this._splitTextIntoLines(this.text); + this.textLines = newLines.lines; + this._textLines = newLines.graphemeLines; + this._unwrappedTextLines = newLines._unwrappedLines; + this._text = newLines.graphemeText; + return newLines; + } + /** + * Initialize or update text dimensions. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + */ + initDimensions() { + if (this.__skipDimension) { + return; + } + this._splitText(); + this._clearCache(); + if (this.path) { + this.width = this.path.width; + this.height = this.path.height; + } + else { + this.width = + this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; + this.height = this.calcTextHeight(); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + this.saveState({ propertySet: '_dimensionAffectingProps' }); + } + /** + * Enlarge space boxes and shift the others + */ + enlargeSpaces() { + let diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; + for (let i = 0, len = this._textLines.length; i < len; i++) { + if (this.textAlign !== 'justify' && + (i === len - 1 || this.isEndOfWrapping(i))) { + continue; } - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, - /** - * Enlarge space boxes and shift the others - */ - enlargeSpaces: function () { - var diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (this.textAlign !== 'justify' && - (i === len - 1 || this.isEndOfWrapping(i))) { - continue; - } - accumulatedSpace = 0; - line = this._textLines[i]; - currentLineWidth = this.getLineWidth(i); - if (currentLineWidth < this.width && - (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { - numberOfSpaces = spaces.length; - diffSpace = (this.width - currentLineWidth) / numberOfSpaces; - for (var j = 0, jlen = line.length; j <= jlen; j++) { - charBound = this.__charBounds[i][j]; - if (this._reSpaceAndTab.test(line[j])) { - charBound.width += diffSpace; - charBound.kernedWidth += diffSpace; - charBound.left += accumulatedSpace; - accumulatedSpace += diffSpace; - } - else { - charBound.left += accumulatedSpace; - } + accumulatedSpace = 0; + line = this._textLines[i]; + currentLineWidth = this.getLineWidth(i); + if (currentLineWidth < this.width && + (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { + numberOfSpaces = spaces.length; + diffSpace = (this.width - currentLineWidth) / numberOfSpaces; + for (let j = 0, jlen = line.length; j <= jlen; j++) { + charBound = this.__charBounds[i][j]; + if (this._reSpaceAndTab.test(line[j])) { + charBound.width += diffSpace; + charBound.kernedWidth += diffSpace; + charBound.left += accumulatedSpace; + accumulatedSpace += diffSpace; + } + else { + charBound.left += accumulatedSpace; } } } - }, - /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @return {Boolean} - */ - isEndOfWrapping: function (lineIndex) { - return lineIndex === this._textLines.length - 1; - }, - /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * It return always for text and Itext. - * @return Number - */ - missingNewlineOffset: function () { - return 1; - }, - /** - * Returns string representation of an instance - * @return {String} String representation of text object - */ - toString: function () { - return ('#'); - }, - /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @param {Object} dim.x width of object to be cached - * @param {Object} dim.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _getCacheCanvasDimensions: function () { - var dims = this.callSuper('_getCacheCanvasDimensions'); - var fontSize = this.fontSize; - dims.width += fontSize * dims.zoomX; - dims.height += fontSize * dims.zoomY; - return dims; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - var path = this.path; - path && !path.isNotVisible() && path._render(ctx); - this._setTextStyles(ctx); - this._renderTextLinesBackground(ctx); - this._renderTextDecoration(ctx, 'underline'); - this._renderText(ctx); - this._renderTextDecoration(ctx, 'overline'); - this._renderTextDecoration(ctx, 'linethrough'); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderText: function (ctx) { - if (this.paintFirst === 'stroke') { - this._renderTextStroke(ctx); - this._renderTextFill(ctx); - } - else { - this._renderTextFill(ctx); - this._renderTextStroke(ctx); + } + } + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @return {Boolean} + */ + isEndOfWrapping(lineIndex) { + return lineIndex === this._textLines.length - 1; + } + /** + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * It return always for text and Itext. + * @return Number + */ + missingNewlineOffset() { + return 1; + } + /** + * Returns 2d representation (lineIndex and charIndex) of cursor + * @param {Number} selectionStart + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation(selectionStart, skipWrapping) { + const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; + let i; + for (i = 0; i < lines.length; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart, + }; } - }, - /** - * Set the font parameter of the context with the object properties or with charStyle - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [charStyle] object with font style properties - * @param {String} [charStyle.fontFamily] Font Family - * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) - * @param {String} [charStyle.fontWeight] Font weight - * @param {String} [charStyle.fontStyle] Font style (italic|normal) - */ - _setTextStyles: function (ctx, charStyle, forMeasuring) { - ctx.textBaseline = 'alphabetical'; - if (this.path) { - switch (this.pathAlign) { - case 'center': - ctx.textBaseline = 'middle'; - break; - case 'ascender': - ctx.textBaseline = 'top'; - break; - case 'descender': - ctx.textBaseline = 'bottom'; - break; - } + selectionStart -= lines[i].length + this.missingNewlineOffset(i); + } + return { + lineIndex: i - 1, + charIndex: lines[i - 1].length < selectionStart + ? lines[i - 1].length + : selectionStart, + }; + } + /** + * Returns string representation of an instance + * @return {String} String representation of text object + */ + toString() { + return ('#'); + } + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. + * @private + * @param {Object} dim.x width of object to be cached + * @param {Object} dim.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _getCacheCanvasDimensions() { + const dims = super._getCacheCanvasDimensions(); + const fontSize = this.fontSize; + dims.width += fontSize * dims.zoomX; + dims.height += fontSize * dims.zoomY; + return dims; + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render(ctx) { + const path = this.path; + path && !path.isNotVisible() && path._render(ctx); + this._setTextStyles(ctx); + this._renderTextLinesBackground(ctx); + this._renderTextDecoration(ctx, 'underline'); + this._renderText(ctx); + this._renderTextDecoration(ctx, 'overline'); + this._renderTextDecoration(ctx, 'linethrough'); + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderText(ctx) { + if (this.paintFirst === 'stroke') { + this._renderTextStroke(ctx); + this._renderTextFill(ctx); + } + else { + this._renderTextFill(ctx); + this._renderTextStroke(ctx); + } + } + /** + * Set the font parameter of the context with the object properties or with charStyle + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [charStyle] object with font style properties + * @param {String} [charStyle.fontFamily] Font Family + * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) + * @param {String} [charStyle.fontWeight] Font weight + * @param {String} [charStyle.fontStyle] Font style (italic|normal) + */ + _setTextStyles(ctx, charStyle, forMeasuring) { + ctx.textBaseline = 'alphabetical'; + if (this.path) { + switch (this.pathAlign) { + case 'center': + ctx.textBaseline = 'middle'; + break; + case 'ascender': + ctx.textBaseline = 'top'; + break; + case 'descender': + ctx.textBaseline = 'bottom'; + break; } - ctx.font = this._getFontDeclaration(charStyle, forMeasuring); - }, - /** - * calculate and return the text Width measuring each line. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {Number} Maximum width of fabric.Text object - */ - calcTextWidth: function () { - var maxWidth = this.getLineWidth(0); - for (var i = 1, len = this._textLines.length; i < len; i++) { - var currentLineWidth = this.getLineWidth(i); - if (currentLineWidth > maxWidth) { - maxWidth = currentLineWidth; - } + } + ctx.font = this._getFontDeclaration(charStyle, forMeasuring); + } + /** + * calculate and return the text Width measuring each line. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {Number} Maximum width of Text object + */ + calcTextWidth() { + let maxWidth = this.getLineWidth(0); + for (let i = 1, len = this._textLines.length; i < len; i++) { + const currentLineWidth = this.getLineWidth(i); + if (currentLineWidth > maxWidth) { + maxWidth = currentLineWidth; } - return maxWidth; - }, - /** - * @private - * @param {String} method Method name ("fillText" or "strokeText") - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} line Text to render - * @param {Number} left Left position of text - * @param {Number} top Top position of text - * @param {Number} lineIndex Index of a line in a text - */ - _renderTextLine: function (method, ctx, line, left, top, lineIndex) { - this._renderChars(method, ctx, line, left, top, lineIndex); - }, - /** - * Renders the text background for lines, taking care of style - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextLinesBackground: function (ctx) { + } + return maxWidth; + } + /** + * @private + * @param {String} method Method name ("fillText" or "strokeText") + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} line Text to render + * @param {Number} left Left position of text + * @param {Number} top Top position of text + * @param {Number} lineIndex Index of a line in a text + */ + _renderTextLine(method, ctx, line, left, top, lineIndex) { + this._renderChars(method, ctx, line, left, top, lineIndex); + } + /** + * Renders the text background for lines, taking care of style + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextLinesBackground(ctx) { + if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { + return; + } + let heightOfLine, lineLeftOffset, originalFill = ctx.fillStyle, line, lastColor, leftOffset = this._getLeftOffset(), lineTopOffset = this._getTopOffset(), boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, drawStart; + for (let i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); if (!this.textBackgroundColor && - !this.styleHas('textBackgroundColor')) { - return; + !this.styleHas('textBackgroundColor', i)) { + lineTopOffset += heightOfLine; + continue; } - var heightOfLine, lineLeftOffset, originalFill = ctx.fillStyle, line, lastColor, leftOffset = this._getLeftOffset(), lineTopOffset = this._getTopOffset(), boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, drawStart; - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this.textBackgroundColor && - !this.styleHas('textBackgroundColor', i)) { - lineTopOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - lineLeftOffset = this._getLineLeftOffset(i); - boxWidth = 0; - boxStart = 0; - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillStyle = currentColor; - currentColor && - ctx.fillRect(-charBox.width / 2, (-heightOfLine / this.lineHeight) * - (1 - this._fontSizeFraction), charBox.width, heightOfLine / this.lineHeight); - ctx.restore(); - } - else if (currentColor !== lastColor) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = lastColor; - lastColor && - ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } + line = this._textLines[i]; + lineLeftOffset = this._getLineLeftOffset(i); + boxWidth = 0; + boxStart = 0; + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (let j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillStyle = currentColor; + currentColor && + ctx.fillRect(-charBox.width / 2, (-heightOfLine / this.lineHeight) * (1 - this._fontSizeFraction), charBox.width, heightOfLine / this.lineHeight); + ctx.restore(); } - if (currentColor && !path) { + else if (currentColor !== lastColor) { drawStart = leftOffset + lineLeftOffset + boxStart; if (this.direction === 'rtl') { drawStart = this.width - drawStart - boxWidth; } - ctx.fillStyle = currentColor; - ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); - } - lineTopOffset += heightOfLine; - } - ctx.fillStyle = originalFill; - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - /** - * measure and return the width of a single character. - * possibly overridden to accommodate different measure logic or - * to hook some external lib for character measurement - * @private - * @param {String} _char, char to be measured - * @param {Object} charStyle style of char to be measured - * @param {String} [previousChar] previous char - * @param {Object} [prevCharStyle] style of previous char - */ - _measureChar: function (_char, charStyle, previousChar, prevCharStyle) { - // first i try to return from cache - var fontCache = cache.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; - if (previousChar && fontCache[previousChar] !== undefined) { - previousWidth = fontCache[previousChar]; - } - if (fontCache[_char] !== undefined) { - kernedWidth = width = fontCache[_char]; - } - if (stylesAreEqual && fontCache[couple] !== undefined) { - coupleWidth = fontCache[couple]; - kernedWidth = coupleWidth - previousWidth; - } - if (width === undefined || - previousWidth === undefined || - coupleWidth === undefined) { - var ctx = this.getMeasuringContext(); - // send a TRUE to specify measuring font size CACHE_FONT_SIZE - this._setTextStyles(ctx, charStyle, true); - } - if (width === undefined) { - kernedWidth = width = ctx.measureText(_char).width; - fontCache[_char] = width; - } - if (previousWidth === undefined && stylesAreEqual && previousChar) { - previousWidth = ctx.measureText(previousChar).width; - fontCache[previousChar] = previousWidth; - } - if (stylesAreEqual && coupleWidth === undefined) { - // we can measure the kerning couple and subtract the width of the previous character - coupleWidth = ctx.measureText(couple).width; - fontCache[couple] = coupleWidth; - kernedWidth = coupleWidth - previousWidth; - } - return { - width: width * fontMultiplier, - kernedWidth: kernedWidth * fontMultiplier, - }; - }, - /** - * Computes height of character at given position - * @param {Number} line the line index number - * @param {Number} _char the character index number - * @return {Number} fontSize of the character - */ - getHeightOfChar: function (line, _char) { - return this.getValueOfPropertyAt(line, _char, 'fontSize'); - }, - /** - * measure a text line measuring all characters. - * @param {Number} lineIndex line number - * @return {Number} Line width - */ - measureLine: function (lineIndex) { - var lineInfo = this._measureLine(lineIndex); - if (this.charSpacing !== 0) { - lineInfo.width -= this._getWidthOfCharSpacing(); - } - if (lineInfo.width < 0) { - lineInfo.width = 0; - } - return lineInfo; - }, - /** - * measure every grapheme of a line, populating __charBounds - * @param {Number} lineIndex - * @return {Object} object.width total width of characters - * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs - */ - _measureLine: function (lineIndex) { - var width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), positionInPath = 0, startingPoint, totalPathLength, path = this.path, reverse = this.pathSide === 'right'; - this.__charBounds[lineIndex] = lineBounds; - for (i = 0; i < line.length; i++) { - grapheme = line[i]; - graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); - lineBounds[i] = graphemeInfo; - width += graphemeInfo.kernedWidth; - prevGrapheme = grapheme; - } - // this latest bound box represent the last character of the line - // to simplify cursor handling in interactive mode. - lineBounds[i] = { - left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, - width: 0, - kernedWidth: 0, - height: this.fontSize, - }; - if (path) { - totalPathLength = - path.segmentsInfo[path.segmentsInfo.length - 1].length; - startingPoint = fabric.util.getPointOnPath(path.path, 0, path.segmentsInfo); - startingPoint.x += path.pathOffset.x; - startingPoint.y += path.pathOffset.y; - switch (this.textAlign) { - case 'left': - positionInPath = reverse ? totalPathLength - width : 0; - break; - case 'center': - positionInPath = (totalPathLength - width) / 2; - break; - case 'right': - positionInPath = reverse ? 0 : totalPathLength - width; - break; - //todo - add support for justify - } - positionInPath += this.pathStartOffset * (reverse ? -1 : 1); - for (i = reverse ? line.length - 1 : 0; reverse ? i >= 0 : i < line.length; reverse ? i-- : i++) { - graphemeInfo = lineBounds[i]; - if (positionInPath > totalPathLength) { - positionInPath %= totalPathLength; - } - else if (positionInPath < 0) { - positionInPath += totalPathLength; - } - // it would probably much faster to send all the grapheme position for a line - // and calculate path position/angle at once. - this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); - positionInPath += graphemeInfo.kernedWidth; - } - } - return { width: width, numOfSpaces: numOfSpaces }; - }, - /** - * Calculate the angle and the left,top position of the char that follow a path. - * It appends it to graphemeInfo to be reused later at rendering - * @private - * @param {Number} positionInPath to be measured - * @param {Object} graphemeInfo current grapheme box information - * @param {Object} startingPoint position of the point - */ - _setGraphemeOnPath: function (positionInPath, graphemeInfo, startingPoint) { - var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; - // we are at currentPositionOnPath. we want to know what point on the path is. - var info = fabric.util.getPointOnPath(path.path, centerPosition, path.segmentsInfo); - graphemeInfo.renderLeft = info.x - startingPoint.x; - graphemeInfo.renderTop = info.y - startingPoint.y; - graphemeInfo.angle = - info.angle + (this.pathSide === 'right' ? Math.PI : 0); - }, - /** - * Measure and return the info of a single grapheme. - * needs the the info of previous graphemes already filled - * Override to customize measuring - * - * @typedef {object} GraphemeBBox - * @property {number} width - * @property {number} height - * @property {number} kernedWidth - * @property {number} left - * @property {number} deltaY - * - * @param {String} grapheme to be measured - * @param {Number} lineIndex index of the line where the char is - * @param {Number} charIndex position in the line - * @param {String} [prevGrapheme] character preceding the one to be measured - * @returns {GraphemeBBox} grapheme bbox - */ - _getGraphemeBox: function (grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { - var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme - ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) - : {}, info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), kernedWidth = info.kernedWidth, width = info.width, charSpacing; - if (this.charSpacing !== 0) { - charSpacing = this._getWidthOfCharSpacing(); - width += charSpacing; - kernedWidth += charSpacing; - } - var box = { - width: width, - left: 0, - height: style.fontSize, - kernedWidth: kernedWidth, - deltaY: style.deltaY, - }; - if (charIndex > 0 && !skipLeft) { - var previousBox = this.__charBounds[lineIndex][charIndex - 1]; - box.left = - previousBox.left + - previousBox.width + - info.kernedWidth - - info.width; - } - return box; - }, - /** - * Calculate height of line at 'lineIndex' - * @param {Number} lineIndex index of line to calculate - * @return {Number} - */ - getHeightOfLine: function (lineIndex) { - if (this.__lineHeights[lineIndex]) { - return this.__lineHeights[lineIndex]; - } - var line = this._textLines[lineIndex], - // char 0 is measured before the line cycle because it nneds to char - // emptylines - maxHeight = this.getHeightOfChar(lineIndex, 0); - for (var i = 1, len = line.length; i < len; i++) { - maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); - } - return (this.__lineHeights[lineIndex] = - maxHeight * this.lineHeight * this._fontSizeMult); - }, - /** - * Calculate text box height - */ - calcTextHeight: function () { - var lineHeight, height = 0; - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineHeight = this.getHeightOfLine(i); - height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; - } - return height; - }, - /** - * @private - * @return {Number} Left offset - */ - _getLeftOffset: function () { - return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; - }, - /** - * @private - * @return {Number} Top offset - */ - _getTopOffset: function () { - return -this.height / 2; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} method Method name ("fillText" or "strokeText") - */ - _renderTextCommon: function (ctx, method) { - ctx.save(); - var lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); - for (var i = 0, len = this._textLines.length; i < len; i++) { - var heightOfLine = this.getHeightOfLine(i), maxHeight = heightOfLine / this.lineHeight, leftOffset = this._getLineLeftOffset(i); - this._renderTextLine(method, ctx, this._textLines[i], left + leftOffset, top + lineHeights + maxHeight, i); - lineHeights += heightOfLine; - } - ctx.restore(); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextFill: function (ctx) { - if (!this.fill && !this.styleHas('fill')) { - return; - } - this._renderTextCommon(ctx, 'fillText'); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextStroke: function (ctx) { - if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { - return; - } - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - ctx.save(); - this._setLineDash(ctx, this.strokeDashArray); - ctx.beginPath(); - this._renderTextCommon(ctx, 'strokeText'); - ctx.closePath(); - ctx.restore(); - }, - /** - * @private - * @param {String} method fillText or strokeText. - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} line Content of the line, splitted in an array by grapheme - * @param {Number} left - * @param {Number} top - * @param {Number} lineIndex - */ - _renderChars: function (method, ctx, line, left, top, lineIndex) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, boxWidth = 0, timeToRender, path = this.path, shortCut = !isJustify && - this.charSpacing === 0 && - this.isEmptyStyles(lineIndex) && - !path, isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, - // this was changed in the PR #7674 - // currentDirection = ctx.canvas.getAttribute('dir'); - drawingLeft, currentDirection = ctx.direction; - ctx.save(); - if (currentDirection !== this.direction) { - ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); - ctx.direction = isLtr ? 'ltr' : 'rtl'; - ctx.textAlign = isLtr ? 'left' : 'right'; - } - top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; - if (shortCut) { - // render all the line in one pass without checking - // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); - this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); - ctx.restore(); - return; - } - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing || path; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - left += sign * (charBox.kernedWidth - charBox.width); - boxWidth += charBox.width; + ctx.fillStyle = lastColor; + lastColor && + ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; } else { boxWidth += charBox.kernedWidth; } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } + } + if (currentColor && !path) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = fabric.util.hasStyleChanged(actualStyle, nextStyle, false); + ctx.fillStyle = currentColor; + ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); + } + lineTopOffset += heightOfLine; + } + ctx.fillStyle = originalFill; + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + } + /** + * measure and return the width of a single character. + * possibly overridden to accommodate different measure logic or + * to hook some external lib for character measurement + * @private + * @param {String} _char, char to be measured + * @param {Object} charStyle style of char to be measured + * @param {String} [previousChar] previous char + * @param {Object} [prevCharStyle] style of previous char + */ + _measureChar(_char, charStyle, previousChar, prevCharStyle) { + let fontCache = cache.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; + if (previousChar && fontCache[previousChar] !== undefined) { + previousWidth = fontCache[previousChar]; + } + if (fontCache[_char] !== undefined) { + kernedWidth = width = fontCache[_char]; + } + if (stylesAreEqual && fontCache[couple] !== undefined) { + coupleWidth = fontCache[couple]; + kernedWidth = coupleWidth - previousWidth; + } + if (width === undefined || + previousWidth === undefined || + coupleWidth === undefined) { + var ctx = this.getMeasuringContext(); + // send a TRUE to specify measuring font size CACHE_FONT_SIZE + this._setTextStyles(ctx, charStyle, true); + } + if (width === undefined) { + kernedWidth = width = ctx.measureText(_char).width; + fontCache[_char] = width; + } + if (previousWidth === undefined && stylesAreEqual && previousChar) { + previousWidth = ctx.measureText(previousChar).width; + fontCache[previousChar] = previousWidth; + } + if (stylesAreEqual && coupleWidth === undefined) { + // we can measure the kerning couple and subtract the width of the previous character + coupleWidth = ctx.measureText(couple).width; + fontCache[couple] = coupleWidth; + kernedWidth = coupleWidth - previousWidth; + } + return { + width: width * fontMultiplier, + kernedWidth: kernedWidth * fontMultiplier, + }; + } + /** + * Computes height of character at given position + * @param {Number} line the line index number + * @param {Number} _char the character index number + * @return {Number} fontSize of the character + */ + getHeightOfChar(line, _char) { + return this.getValueOfPropertyAt(line, _char, 'fontSize'); + } + /** + * measure a text line measuring all characters. + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + measureLine(lineIndex) { + const lineInfo = this._measureLine(lineIndex); + if (this.charSpacing !== 0) { + lineInfo.width -= this._getWidthOfCharSpacing(); + } + if (lineInfo.width < 0) { + lineInfo.width = 0; + } + return lineInfo; + } + /** + * measure every grapheme of a line, populating __charBounds + * @param {Number} lineIndex + * @return {Object} object.width total width of characters + * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs + */ + _measureLine(lineIndex) { + let width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), positionInPath = 0, startingPoint, totalPathLength, path = this.path, reverse = this.pathSide === 'right'; + this.__charBounds[lineIndex] = lineBounds; + for (i = 0; i < line.length; i++) { + grapheme = line[i]; + graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); + lineBounds[i] = graphemeInfo; + width += graphemeInfo.kernedWidth; + prevGrapheme = grapheme; + } + // this latest bound box represent the last character of the line + // to simplify cursor handling in interactive mode. + lineBounds[i] = { + left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, + width: 0, + kernedWidth: 0, + height: this.fontSize, + }; + if (path) { + totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; + startingPoint = getPointOnPath(path.path, 0, path.segmentsInfo); + startingPoint.x += path.pathOffset.x; + startingPoint.y += path.pathOffset.y; + switch (this.textAlign) { + case 'left': + positionInPath = reverse ? totalPathLength - width : 0; + break; + case 'center': + positionInPath = (totalPathLength - width) / 2; + break; + case 'right': + positionInPath = reverse ? 0 : totalPathLength - width; + break; + //todo - add support for justify + } + positionInPath += this.pathStartOffset * (reverse ? -1 : 1); + for (i = reverse ? line.length - 1 : 0; reverse ? i >= 0 : i < line.length; reverse ? i-- : i++) { + graphemeInfo = lineBounds[i]; + if (positionInPath > totalPathLength) { + positionInPath %= totalPathLength; } - if (timeToRender) { - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); - ctx.restore(); - } - else { - drawingLeft = left; - this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); - } - charsToRender = ''; - actualStyle = nextStyle; - left += sign * boxWidth; - boxWidth = 0; + else if (positionInPath < 0) { + positionInPath += totalPathLength; } + // it would probably much faster to send all the grapheme position for a line + // and calculate path position/angle at once. + this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); + positionInPath += graphemeInfo.kernedWidth; } + } + return { width: width, numOfSpaces: numOfSpaces }; + } + /** + * Calculate the angle and the left,top position of the char that follow a path. + * It appends it to graphemeInfo to be reused later at rendering + * @private + * @param {Number} positionInPath to be measured + * @param {Object} graphemeInfo current grapheme box information + * @param {Object} startingPoint position of the point + */ + _setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint) { + const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; + // we are at currentPositionOnPath. we want to know what point on the path is. + const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo); + graphemeInfo.renderLeft = info.x - startingPoint.x; + graphemeInfo.renderTop = info.y - startingPoint.y; + graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); + } + /** + * + * @param {String} grapheme to be measured + * @param {Number} lineIndex index of the line where the char is + * @param {Number} charIndex position in the line + * @param {String} [prevGrapheme] character preceding the one to be measured + * @returns {GraphemeBBox} grapheme bbox + */ + _getGraphemeBox(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { + const style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme + ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) + : {}, info = this._measureChar(grapheme, style, prevGrapheme, prevStyle); + let kernedWidth = info.kernedWidth, width = info.width, charSpacing; + if (this.charSpacing !== 0) { + charSpacing = this._getWidthOfCharSpacing(); + width += charSpacing; + kernedWidth += charSpacing; + } + const box = { + width: width, + left: 0, + height: style.fontSize, + kernedWidth: kernedWidth, + deltaY: style.deltaY, + }; + if (charIndex > 0 && !skipLeft) { + const previousBox = this.__charBounds[lineIndex][charIndex - 1]; + box.left = + previousBox.left + previousBox.width + info.kernedWidth - info.width; + } + return box; + } + /** + * Calculate height of line at 'lineIndex' + * @param {Number} lineIndex index of line to calculate + * @return {Number} + */ + getHeightOfLine(lineIndex) { + if (this.__lineHeights[lineIndex]) { + return this.__lineHeights[lineIndex]; + } + let line = this._textLines[lineIndex], + // char 0 is measured before the line cycle because it nneds to char + // emptylines + maxHeight = this.getHeightOfChar(lineIndex, 0); + for (let i = 1, len = line.length; i < len; i++) { + maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); + } + return (this.__lineHeights[lineIndex] = + maxHeight * this.lineHeight * this._fontSizeMult); + } + /** + * Calculate text box height + */ + calcTextHeight() { + let lineHeight, height = 0; + for (let i = 0, len = this._textLines.length; i < len; i++) { + lineHeight = this.getHeightOfLine(i); + height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; + } + return height; + } + /** + * @private + * @return {Number} Left offset + */ + _getLeftOffset() { + return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; + } + /** + * @private + * @return {Number} Top offset + */ + _getTopOffset() { + return -this.height / 2; + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} method Method name ("fillText" or "strokeText") + */ + _renderTextCommon(ctx, method) { + ctx.save(); + let lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); + for (let i = 0, len = this._textLines.length; i < len; i++) { + const heightOfLine = this.getHeightOfLine(i), maxHeight = heightOfLine / this.lineHeight, leftOffset = this._getLineLeftOffset(i); + this._renderTextLine(method, ctx, this._textLines[i], left + leftOffset, top + lineHeights + maxHeight, i); + lineHeights += heightOfLine; + } + ctx.restore(); + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextFill(ctx) { + if (!this.fill && !this.styleHas('fill')) { + return; + } + this._renderTextCommon(ctx, 'fillText'); + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextStroke(ctx) { + if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { + return; + } + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + ctx.save(); + this._setLineDash(ctx, this.strokeDashArray); + ctx.beginPath(); + this._renderTextCommon(ctx, 'strokeText'); + ctx.closePath(); + ctx.restore(); + } + /** + * @private + * @param {String} method fillText or strokeText. + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} line Content of the line, splitted in an array by grapheme + * @param {Number} left + * @param {Number} top + * @param {Number} lineIndex + */ + _renderChars(method, ctx, line, left, top, lineIndex) { + let lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, boxWidth = 0, timeToRender, path = this.path, shortCut = !isJustify && + this.charSpacing === 0 && + this.isEmptyStyles(lineIndex) && + !path, isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, + // this was changed in the PR #7674 + // currentDirection = ctx.canvas.getAttribute('dir'); + drawingLeft, currentDirection = ctx.direction; + ctx.save(); + if (currentDirection !== this.direction) { + ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); + ctx.direction = isLtr ? 'ltr' : 'rtl'; + ctx.textAlign = isLtr ? 'left' : 'right'; + } + top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; + if (shortCut) { + // render all the line in one pass without checking + // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); + this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); ctx.restore(); - }, - /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {fabric.Gradient} filler a fabric gradient instance - * @return {CanvasPattern} a pattern to use as fill/stroke style - */ - _applyPatternGradientTransformText: function (filler) { - var pCanvas = fabric.util.createCanvasElement(), pCtx, - // TODO: verify compatibility with strokeUniform - width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; - pCanvas.width = width; - pCanvas.height = height; - pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); - pCtx.moveTo(0, 0); - pCtx.lineTo(width, 0); - pCtx.lineTo(width, height); - pCtx.lineTo(0, height); - pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.fillStyle = filler.toLive(pCtx); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fill(); - return pCtx.createPattern(pCanvas, 'no-repeat'); - }, - handleFiller: function (ctx, property, filler) { - var offsetX, offsetY; - if (filler.toLive) { - if (filler.gradientUnits === 'percentage' || - filler.gradientTransform || - filler.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - offsetX = -this.width / 2; - offsetY = -this.height / 2; - ctx.translate(offsetX, offsetY); - ctx[property] = this._applyPatternGradientTransformText(filler); - return { offsetX: offsetX, offsetY: offsetY }; - } - else { - // is a simple gradient or pattern - ctx[property] = filler.toLive(ctx, this); - return this._applyPatternGradientTransform(ctx, filler); - } + return; + } + for (let i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing || path; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + left += sign * (charBox.kernedWidth - charBox.width); + boxWidth += charBox.width; } else { - // is a color - ctx[property] = filler; - } - return { offsetX: 0, offsetY: 0 }; - }, - _setStrokeStyles: function (ctx, decl) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = this.strokeLineCap; - ctx.lineDashOffset = this.strokeDashOffset; - ctx.lineJoin = this.strokeLineJoin; - ctx.miterLimit = this.strokeMiterLimit; - return this.handleFiller(ctx, 'strokeStyle', decl.stroke); - }, - _setFillStyles: function (ctx, decl) { - return this.handleFiller(ctx, 'fillStyle', decl.fill); - }, - /** - * @private - * @param {String} method - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {String} _char - * @param {Number} left Left coordinate - * @param {Number} top Top coordinate - * @param {Number} lineHeight Height of the line - */ - _renderChar: function (method, ctx, lineIndex, charIndex, _char, left, top) { - var decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, fillOffsets, strokeOffsets; - if (!shouldStroke && !shouldFill) { - return; + boxWidth += charBox.kernedWidth; } - ctx.save(); - shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); - shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); - ctx.font = this._getFontDeclaration(fullDecl); - if (decl && decl.textBackgroundColor) { - this._removeShadow(ctx); - } - if (decl && decl.deltaY) { - top += decl.deltaY; - } - shouldFill && - ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); - shouldStroke && - ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); - ctx.restore(); - }, - /** - * Turns the character into a 'superior figure' (i.e. 'superscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable - */ - setSuperscript: function (start, end) { - return this._setScript(start, end, this.superscript); - }, - /** - * Turns the character into an 'inferior figure' (i.e. 'subscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable - */ - setSubscript: function (start, end) { - return this._setScript(start, end, this.subscript); - }, - /** - * Applies 'schema' at given position - * @private - * @param {Number} start selection start - * @param {Number} end selection end - * @param {Number} schema - * @returns {fabric.Text} thisArg - * @chainable - */ - _setScript: function (start, end, schema) { - var loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), style = { - fontSize: fontSize * schema.size, - deltaY: dy + fontSize * schema.baseline, - }; - this.setSelectionStyles(style, start, end); - return this; - }, - /** - * @private - * @param {Number} lineIndex index text line - * @return {Number} Line left offset - */ - _getLineLeftOffset: function (lineIndex) { - var lineWidth = this.getLineWidth(lineIndex), lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); - if (textAlign === 'justify' || - (textAlign === 'justify-center' && !isEndOfWrapping) || - (textAlign === 'justify-right' && !isEndOfWrapping) || - (textAlign === 'justify-left' && !isEndOfWrapping)) { - return 0; - } - if (textAlign === 'center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'right') { - leftOffset = lineDiff; - } - if (textAlign === 'justify-center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'justify-right') { - leftOffset = lineDiff; - } - if (direction === 'rtl') { - if (textAlign === 'right' || - textAlign === 'justify' || - textAlign === 'justify-right') { - leftOffset = 0; - } - else if (textAlign === 'left' || textAlign === 'justify-left') { - leftOffset = -lineDiff; - } - else if (textAlign === 'center' || textAlign === 'justify-center') { - leftOffset = -lineDiff / 2; + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; } } - return leftOffset; - }, - /** - * @private - */ - _clearCache: function () { - this.__lineWidths = []; - this.__lineHeights = []; - this.__charBounds = []; - }, - /** - * @private - */ - _shouldClearDimensionCache: function () { - var shouldClear = this._forceClearCache; - shouldClear || - (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); - if (shouldClear) { - this.dirty = true; - this._forceClearCache = false; - } - return shouldClear; - }, - /** - * Measure a single line given its index. Used to calculate the initial - * text bounding box. The values are calculated and stored in __lineWidths cache. - * @private - * @param {Number} lineIndex line number - * @return {Number} Line width - */ - getLineWidth: function (lineIndex) { - if (this.__lineWidths[lineIndex] !== undefined) { - return this.__lineWidths[lineIndex]; - } - var lineInfo = this.measureLine(lineIndex); - var width = lineInfo.width; - this.__lineWidths[lineIndex] = width; - return width; - }, - _getWidthOfCharSpacing: function () { - if (this.charSpacing !== 0) { - return (this.fontSize * this.charSpacing) / 1000; - } - return 0; - }, - /** - * Retrieves the value of property at given character position - * @param {Number} lineIndex the line number - * @param {Number} charIndex the character number - * @param {String} property the property name - * @returns the value of 'property' - */ - getValueOfPropertyAt: function (lineIndex, charIndex, property) { - var charStyle = this._getStyleDeclaration(lineIndex, charIndex); - if (charStyle && typeof charStyle[property] !== 'undefined') { - return charStyle[property]; - } - return this[property]; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderTextDecoration: function (ctx, type) { - if (!this[type] && !this.styleHas(type)) { - return; + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = hasStyleChanged$1(actualStyle, nextStyle, false); } - var heightOfLine, size, _size, lineLeftOffset, dy, _dy, line, lastDecoration, leftOffset = this._getLeftOffset(), topOffset = this._getTopOffset(), top, boxStart, boxWidth, charBox, currentDecoration, maxHeight, currentFill, lastFill, path = this.path, charSpacing = this._getWidthOfCharSpacing(), offsetY = this.offsets[type]; - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this[type] && !this.styleHas(type, i)) { - topOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - maxHeight = heightOfLine / this.lineHeight; - lineLeftOffset = this._getLineLeftOffset(i); - boxStart = 0; - boxWidth = 0; - lastDecoration = this.getValueOfPropertyAt(i, 0, type); - lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); - top = topOffset + maxHeight * (1 - this._fontSizeFraction); - size = this.getHeightOfChar(i, 0); - dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentDecoration = this.getValueOfPropertyAt(i, j, type); - currentFill = this.getValueOfPropertyAt(i, j, 'fill'); - _size = this.getHeightOfChar(i, j); - _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); - if (path && currentDecoration && currentFill) { - ctx.save(); - ctx.fillStyle = lastFill; - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillRect(-charBox.kernedWidth / 2, offsetY * _size + _dy, charBox.kernedWidth, this.fontSize / 15); - ctx.restore(); - } - else if ((currentDecoration !== lastDecoration || - currentFill !== lastFill || - _size !== size || - _dy !== dy) && - boxWidth > 0) { - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - if (lastDecoration && lastFill) { - ctx.fillStyle = lastFill; - ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth, this.fontSize / 15); - } - boxStart = charBox.left; - boxWidth = charBox.width; - lastDecoration = currentDecoration; - lastFill = currentFill; - size = _size; - dy = _dy; - } - else { - boxWidth += charBox.kernedWidth; - } + if (timeToRender) { + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); + ctx.restore(); } - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; + else { + drawingLeft = left; + this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); } - ctx.fillStyle = currentFill; - currentDecoration && - currentFill && - ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth - charSpacing, this.fontSize / 15); - topOffset += heightOfLine; + charsToRender = ''; + actualStyle = nextStyle; + left += sign * boxWidth; + boxWidth = 0; } - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - /** - * return font declaration string for canvas context - * @param {Object} [styleObject] object - * @returns {String} font declaration formatted for canvas context. - */ - _getFontDeclaration: function (styleObject, forMeasuring) { - var style = styleObject || this, family = this.fontFamily, fontIsGeneric = fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1; - var fontFamily = family === undefined || - family.indexOf("'") > -1 || - family.indexOf(',') > -1 || - family.indexOf('"') > -1 || - fontIsGeneric - ? style.fontFamily - : '"' + style.fontFamily + '"'; - return [ - // node-canvas needs "weight style", while browsers need "style weight" - // verify if this can be fixed in JSDOM - fabric.isLikelyNode ? style.fontWeight : style.fontStyle, - fabric.isLikelyNode ? style.fontStyle : style.fontWeight, - forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', - fontFamily, - ].join(' '); - }, - /** - * Renders text instance on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function (ctx) { - // do not render if object is not visible - if (!this.visible) { - return; + } + ctx.restore(); + } + /** + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {fabric.Gradient} filler a fabric gradient instance + * @return {CanvasPattern} a pattern to use as fill/stroke style + */ + _applyPatternGradientTransformText(filler) { + let pCanvas = createCanvasElement$1(), pCtx, + // TODO: verify compatibility with strokeUniform + width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; + pCanvas.width = width; + pCanvas.height = height; + pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); + pCtx.moveTo(0, 0); + pCtx.lineTo(width, 0); + pCtx.lineTo(width, height); + pCtx.lineTo(0, height); + pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.fillStyle = filler.toLive(pCtx); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fill(); + return pCtx.createPattern(pCanvas, 'no-repeat'); + } + handleFiller(ctx, property, filler) { + let offsetX, offsetY; + if (filler.toLive) { + if (filler.gradientUnits === 'percentage' || + filler.gradientTransform || + filler.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + offsetX = -this.width / 2; + offsetY = -this.height / 2; + ctx.translate(offsetX, offsetY); + ctx[property] = this._applyPatternGradientTransformText(filler); + return { offsetX: offsetX, offsetY: offsetY }; } - if (this.canvas && - this.canvas.skipOffscreen && - !this.group && - !this.isOnScreen()) { - return; + else { + // is a simple gradient or pattern + ctx[property] = filler.toLive(ctx, this); + return this._applyPatternGradientTransform(ctx, filler); } - if (this._shouldClearDimensionCache()) { - this.initDimensions(); + } + else { + // is a color + ctx[property] = filler; + } + return { offsetX: 0, offsetY: 0 }; + } + _setStrokeStyles(ctx, decl) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = this.strokeLineCap; + ctx.lineDashOffset = this.strokeDashOffset; + ctx.lineJoin = this.strokeLineJoin; + ctx.miterLimit = this.strokeMiterLimit; + return this.handleFiller(ctx, 'strokeStyle', decl.stroke); + } + _setFillStyles(ctx, decl) { + return this.handleFiller(ctx, 'fillStyle', decl.fill); + } + /** + * @private + * @param {String} method + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {String} _char + * @param {Number} left Left coordinate + * @param {Number} top Top coordinate + * @param {Number} lineHeight Height of the line + */ + _renderChar(method, ctx, lineIndex, charIndex, _char, left, top) { + const decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth; + let fillOffsets, strokeOffsets; + if (!shouldStroke && !shouldFill) { + return; + } + ctx.save(); + shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); + shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); + ctx.font = this._getFontDeclaration(fullDecl); + if (decl && decl.textBackgroundColor) { + this._removeShadow(ctx); + } + if (decl && decl.deltaY) { + top += decl.deltaY; + } + shouldFill && + ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); + shouldStroke && + ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); + ctx.restore(); + } + /** + * Turns the character into a 'superior figure' (i.e. 'superscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {Text} thisArg + * @chainable + */ + setSuperscript(start, end) { + return this._setScript(start, end, this.superscript); + } + /** + * Turns the character into an 'inferior figure' (i.e. 'subscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {Text} thisArg + * @chainable + */ + setSubscript(start, end) { + return this._setScript(start, end, this.subscript); + } + /** + * Applies 'schema' at given position + * @private + * @param {Number} start selection start + * @param {Number} end selection end + * @param {Number} schema + * @returns {Text} thisArg + * @chainable + */ + _setScript(start, end, schema) { + const loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), style = { + fontSize: fontSize * schema.size, + deltaY: dy + fontSize * schema.baseline, + }; + this.setSelectionStyles(style, start, end); + return this; + } + /** + * @private + * @param {Number} lineIndex index text line + * @return {Number} Line left offset + */ + _getLineLeftOffset(lineIndex) { + var lineWidth = this.getLineWidth(lineIndex), lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); + if (textAlign === 'justify' || + (textAlign === 'justify-center' && !isEndOfWrapping) || + (textAlign === 'justify-right' && !isEndOfWrapping) || + (textAlign === 'justify-left' && !isEndOfWrapping)) { + return 0; + } + if (textAlign === 'center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'right') { + leftOffset = lineDiff; + } + if (textAlign === 'justify-center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'justify-right') { + leftOffset = lineDiff; + } + if (direction === 'rtl') { + if (textAlign === 'right' || + textAlign === 'justify' || + textAlign === 'justify-right') { + leftOffset = 0; } - this.callSuper('render', ctx); - }, - /** - * Override this method to customize grapheme splitting - * @param {string} value - * @returns {string[]} array of graphemes - */ - graphemeSplit: function (value) { - return fabric.util.string.graphemeSplit(value); - }, - /** - * Returns the text as an array of lines. - * @param {String} text text to split - * @returns {Array} Lines in the text - */ - _splitTextIntoLines: function (text) { - var lines = text.split(this._reNewline), newLines = new Array(lines.length), newLine = ['\n'], newText = []; - for (var i = 0; i < lines.length; i++) { - newLines[i] = this.graphemeSplit(lines[i]); - newText = newText.concat(newLines[i], newLine); + else if (textAlign === 'left' || textAlign === 'justify-left') { + leftOffset = -lineDiff; } - newText.pop(); - return { - _unwrappedLines: newLines, - lines: lines, - graphemeText: newText, - graphemeLines: newLines, - }; - }, - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function (propertiesToInclude) { - var allProperties = additionalProps.concat(propertiesToInclude); - var obj = this.callSuper('toObject', allProperties); - obj.styles = fabric.util.stylesToArray(this.styles, this.text); - if (obj.path) { - obj.path = this.path.toObject(); + else if (textAlign === 'center' || textAlign === 'justify-center') { + leftOffset = -lineDiff / 2; } - return obj; - }, - /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg - * @chainable - */ - set: function (key, value) { - this.callSuper('set', key, value); - var needsDims = false; - var isAddingPath = false; - if (typeof key === 'object') { - for (var _key in key) { - if (_key === 'path') { - this.setPathInfo(); + } + return leftOffset; + } + /** + * @private + */ + _clearCache() { + this.__lineWidths = []; + this.__lineHeights = []; + this.__charBounds = []; + } + /** + * @private + */ + _shouldClearDimensionCache() { + let shouldClear = this._forceClearCache; + shouldClear || + (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); + if (shouldClear) { + this.dirty = true; + this._forceClearCache = false; + } + return shouldClear; + } + /** + * Measure a single line given its index. Used to calculate the initial + * text bounding box. The values are calculated and stored in __lineWidths cache. + * @private + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + getLineWidth(lineIndex) { + if (this.__lineWidths[lineIndex] !== undefined) { + return this.__lineWidths[lineIndex]; + } + const lineInfo = this.measureLine(lineIndex); + const width = lineInfo.width; + this.__lineWidths[lineIndex] = width; + return width; + } + _getWidthOfCharSpacing() { + if (this.charSpacing !== 0) { + return (this.fontSize * this.charSpacing) / 1000; + } + return 0; + } + /** + * Retrieves the value of property at given character position + * @param {Number} lineIndex the line number + * @param {Number} charIndex the character number + * @param {String} property the property name + * @returns the value of 'property' + */ + getValueOfPropertyAt(lineIndex, charIndex, property) { + const charStyle = this._getStyleDeclaration(lineIndex, charIndex); + if (charStyle && typeof charStyle[property] !== 'undefined') { + return charStyle[property]; + } + return this[property]; + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextDecoration(ctx, type) { + if (!this[type] && !this.styleHas(type)) { + return; + } + let heightOfLine, size, _size, lineLeftOffset, dy, _dy, line, lastDecoration, leftOffset = this._getLeftOffset(), topOffset = this._getTopOffset(), top, boxStart, boxWidth, charBox, currentDecoration, maxHeight, currentFill, lastFill, path = this.path, charSpacing = this._getWidthOfCharSpacing(), offsetY = this.offsets[type]; + for (let i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this[type] && !this.styleHas(type, i)) { + topOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + maxHeight = heightOfLine / this.lineHeight; + lineLeftOffset = this._getLineLeftOffset(i); + boxStart = 0; + boxWidth = 0; + lastDecoration = this.getValueOfPropertyAt(i, 0, type); + lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); + top = topOffset + maxHeight * (1 - this._fontSizeFraction); + size = this.getHeightOfChar(i, 0); + dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); + for (let j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentDecoration = this.getValueOfPropertyAt(i, j, type); + currentFill = this.getValueOfPropertyAt(i, j, 'fill'); + _size = this.getHeightOfChar(i, j); + _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); + if (path && currentDecoration && currentFill) { + ctx.save(); + ctx.fillStyle = lastFill; + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillRect(-charBox.kernedWidth / 2, offsetY * _size + _dy, charBox.kernedWidth, this.fontSize / 15); + ctx.restore(); + } + else if ((currentDecoration !== lastDecoration || + currentFill !== lastFill || + _size !== size || + _dy !== dy) && + boxWidth > 0) { + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; } - needsDims = - needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; - isAddingPath = isAddingPath || _key === 'path'; + if (lastDecoration && lastFill) { + ctx.fillStyle = lastFill; + ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth, this.fontSize / 15); + } + boxStart = charBox.left; + boxWidth = charBox.width; + lastDecoration = currentDecoration; + lastFill = currentFill; + size = _size; + dy = _dy; + } + else { + boxWidth += charBox.kernedWidth; } } - else { - needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; - isAddingPath = key === 'path'; - } - if (isAddingPath) { - this.setPathInfo(); + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; } - if (needsDims) { - this.initDimensions(); - this.setCoords(); + ctx.fillStyle = currentFill; + currentDecoration && + currentFill && + ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth - charSpacing, this.fontSize / 15); + topOffset += heightOfLine; + } + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + } + /** + * return font declaration string for canvas context + * @param {Object} [styleObject] object + * @returns {String} font declaration formatted for canvas context. + */ + _getFontDeclaration(styleObject, forMeasuring) { + const style = styleObject || this, family = this.fontFamily, fontIsGeneric = Text$1.genericFonts.indexOf(family.toLowerCase()) > -1; + const fontFamily = family === undefined || + family.indexOf("'") > -1 || + family.indexOf(',') > -1 || + family.indexOf('"') > -1 || + fontIsGeneric + ? style.fontFamily + : '"' + style.fontFamily + '"'; + return [ + // node-canvas needs "weight style", while browsers need "style weight" + // verify if this can be fixed in JSDOM + fabric$3.isLikelyNode ? style.fontWeight : style.fontStyle, + fabric$3.isLikelyNode ? style.fontStyle : style.fontWeight, + forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', + fontFamily, + ].join(' '); + } + /** + * Renders text instance on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render(ctx) { + if (!this.visible) { + return; + } + if (this.canvas && + this.canvas.skipOffscreen && + !this.group && + !this.isOnScreen()) { + return; + } + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + } + super.render(ctx); + } + /** + * Override this method to customize grapheme splitting + * @param {string} value + * @returns {string[]} array of graphemes + */ + graphemeSplit(value) { + return graphemeSplit(value); + } + /** + * Returns the text as an array of lines. + * @param {String} text text to split + * @returns Lines in the text + */ + _splitTextIntoLines(text) { + const lines = text.split(this._reNewline), newLines = new Array(lines.length), newLine = ['\n']; + let newText = []; + for (let i = 0; i < lines.length; i++) { + newLines[i] = this.graphemeSplit(lines[i]); + newText = newText.concat(newLines[i], newLine); + } + newText.pop(); + return { + _unwrappedLines: newLines, + lines: lines, + graphemeText: newText, + graphemeLines: newLines, + }; + } + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject(propertiesToInclude) { + const allProperties = additionalProps.concat(propertiesToInclude); + const obj = super.toObject(allProperties); + obj.styles = stylesToArray(this.styles, this.text); + if (obj.path) { + obj.path = this.path.toObject(); + } + return obj; + } + /** + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {*} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {FabricObject} thisArg + * @chainable + */ + set(key, value) { + super.set(key, value); + let needsDims = false; + let isAddingPath = false; + if (typeof key === 'object') { + for (const _key in key) { + if (_key === 'path') { + this.setPathInfo(); + } + needsDims = + needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; + isAddingPath = isAddingPath || _key === 'path'; } - return this; - }, - /** - * Returns complexity of an instance - * @return {Number} complexity - */ - complexity: function () { - return 1; - }, - }); - /* _FROM_SVG_START_ */ + } + else { + needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; + isAddingPath = key === 'path'; + } + if (isAddingPath) { + this.setPathInfo(); + } + if (needsDims && this.initialized) { + this.initDimensions(); + this.setCoords(); + } + return this; + } /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement}) - * @static - * @memberOf fabric.Text - * @see: http://www.w3.org/TR/SVG/text.html#TextElement + * Returns complexity of an instance + * @return {Number} complexity */ - fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); + complexity() { + return 1; + } /** - * Returns fabric.Text instance from an SVG element (not yet implemented) + * Returns Text instance from an SVG element (not yet implemented) * @static - * @memberOf fabric.Text + * @memberOf Text * @param {SVGElement} element Element to parse * @param {Function} callback callback function invoked after parsing * @param {Object} [options] Options object */ - fabric.Text.fromElement = function (element, callback, options) { + static fromElement(element, callback, options) { if (!element) { return callback(null); } - var parsedAttributes = fabric.parseAttributes(element, fabric.Text.ATTRIBUTE_NAMES), parsedAnchor = parsedAttributes.textAnchor || 'left'; + const parsedAttributes = fabric$3.parseAttributes(element, Text$1.ATTRIBUTE_NAMES), parsedAnchor = parsedAttributes.textAnchor || 'left'; options = Object.assign({}, options, parsedAttributes); options.top = options.top || 0; options.left = options.left || 0; if (parsedAttributes.textDecoration) { - var textDecoration = parsedAttributes.textDecoration; + const textDecoration = parsedAttributes.textDecoration; if (textDecoration.indexOf('underline') !== -1) { options.underline = true; } @@ -23581,924 +23592,651 @@ function copyGLTo2DPutImageData(gl, pipelineState) { } delete options.textDecoration; } - if ('dx' in parsedAttributes) { - options.left += parsedAttributes.dx; - } - if ('dy' in parsedAttributes) { - options.top += parsedAttributes.dy; - } - if (!('fontSize' in options)) { - options.fontSize = DEFAULT_SVG_FONT_SIZE; - } - var textContent = ''; - // The XML is not properly parsed in IE9 so a workaround to get - // textContent is through firstChild.data. Another workaround would be - // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) - if (!('textContent' in element)) { - if ('firstChild' in element && element.firstChild !== null) { - if ('data' in element.firstChild && element.firstChild.data !== null) { - textContent = element.firstChild.data; - } - } - } - else { - textContent = element.textContent; - } - textContent = textContent - .replace(/^\s+|\s+$|\n+/g, '') - .replace(/\s+/g, ' '); - var originalStrokeWidth = options.strokeWidth; - options.strokeWidth = 0; - var text = new fabric.Text(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, scaledDiff = lineHeightDiff * textHeightScaleFactor, textHeight = text.getScaledHeight() + scaledDiff, offX = 0; - /* - Adjust positioning: - x/y attributes in SVG correspond to the bottom-left corner of text bounding box - fabric output by default at top, left. - */ - if (parsedAnchor === 'center') { - offX = text.getScaledWidth() / 2; - } - if (parsedAnchor === 'right') { - offX = text.getScaledWidth(); - } - text.set({ - left: text.left - offX, - top: text.top - - (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / - text.lineHeight, - strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, - }); - callback(text); - }; - /* _FROM_SVG_END_ */ - /** - * Returns fabric.Text instance from an object representation - * @static - * @memberOf fabric.Text - * @param {Object} object plain js Object to create an instance from - * @returns {Promise} - */ - fabric.Text.fromObject = function (object) { - var styles = fabric.util.stylesFromArray(object.styles, object.text); - //copy object to prevent mutation - var objCopy = Object.assign({}, object, { styles: styles }); - return fabric.Object._fromObject(fabric.Text, objCopy, { - extraParam: 'text', - }); - }; - fabric.Text.genericFonts = [ - 'sans-serif', - 'serif', - 'cursive', - 'fantasy', - 'monospace', - ]; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.Text.prototype, - /** @lends fabric.Text.prototype */ { - /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} - */ - isEmptyStyles: function (lineIndex) { - if (!this.styles) { - return true; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return true; - } - var obj = typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } - } - } - return true; - }, - /** - * Returns true if object has a style property or has it ina specified line - * This function is used to detect if a text will use a particular property or not. - * @param {String} property to check for - * @param {Number} lineIndex to check the style on - * @return {Boolean} - */ - styleHas: function (property, lineIndex) { - if (!this.styles || !property || property === '') { - return false; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return false; - } - var obj = typeof lineIndex === 'undefined' - ? this.styles - : { 0: this.styles[lineIndex] }; - // eslint-disable-next-line - for (var p1 in obj) { - // eslint-disable-next-line - for (var p2 in obj[p1]) { - if (typeof obj[p1][p2][property] !== 'undefined') { - return true; - } - } - } - return false; - }, - /** - * Check if characters in a text have a value for a property - * whose value matches the textbox's value for that property. If so, - * the character-level property is deleted. If the character - * has no other properties, then it is also deleted. Finally, - * if the line containing that character has no other characters - * then it also is deleted. - * - * @param {string} property The property to compare between characters and text. - */ - cleanStyle: function (property) { - if (!this.styles || !property || property === '') { - return false; - } - var obj = this.styles, stylesCount = 0, letterCount, stylePropertyValue, allStyleObjectPropertiesMatch = true, graphemeCount = 0, styleObject; - // eslint-disable-next-line - for (var p1 in obj) { - letterCount = 0; - // eslint-disable-next-line - for (var p2 in obj[p1]) { - var styleObject = obj[p1][p2], stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); - stylesCount++; - if (stylePropertyHasBeenSet) { - if (!stylePropertyValue) { - stylePropertyValue = styleObject[property]; - } - else if (styleObject[property] !== stylePropertyValue) { - allStyleObjectPropertiesMatch = false; - } - if (styleObject[property] === this[property]) { - delete styleObject[property]; - } - } - else { - allStyleObjectPropertiesMatch = false; - } - if (Object.keys(styleObject).length !== 0) { - letterCount++; - } - else { - delete obj[p1][p2]; - } - } - if (letterCount === 0) { - delete obj[p1]; - } - } - // if every grapheme has the same style set then - // delete those styles and set it on the parent - for (var i = 0; i < this._textLines.length; i++) { - graphemeCount += this._textLines[i].length; - } - if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; - this.removeStyle(property); - } - }, - /** - * Remove a style property or properties from all individual character styles - * in a text object. Deletes the character style object if it contains no other style - * props. Deletes a line style object if it contains no other character styles. - * - * @param {String} props The property to remove from character styles. - */ - removeStyle: function (property) { - if (!this.styles || !property || property === '') { - return; - } - var obj = this.styles, line, lineNum, charNum; - for (lineNum in obj) { - line = obj[lineNum]; - for (charNum in line) { - delete line[charNum][property]; - if (Object.keys(line[charNum]).length === 0) { - delete line[charNum]; - } - } - if (Object.keys(line).length === 0) { - delete obj[lineNum]; - } - } - }, - /** - * @private - */ - _extendStyles: function (index, styles) { - var loc = this.get2DCursorLocation(index); - if (!this._getLineStyle(loc.lineIndex)) { - this._setLineStyle(loc.lineIndex); - } - if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { - this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); - } - fabric.util.object.extend(this._getStyleDeclaration(loc.lineIndex, loc.charIndex), styles); - }, - /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. - */ - get2DCursorLocation: function (selectionStart, skipWrapping) { - if (typeof selectionStart === 'undefined') { - selectionStart = this.selectionStart; - } - var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, len = lines.length; - for (var i = 0; i < len; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart, - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: lines[i - 1].length < selectionStart - ? lines[i - 1].length - : selectionStart, - }; - }, - /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects - */ - getSelectionStyles: function (startIndex, endIndex, complete) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - var styles = []; - for (var i = startIndex; i < endIndex; i++) { - styles.push(this.getStyleAtPosition(i, complete)); - } - return styles; - }, - /** - * Gets style of a current selection/cursor position - * @param {Number} position to get styles at - * @param {Boolean} [complete] full style if true - * @return {Object} style Style object at a specified index - * @private - */ - getStyleAtPosition: function (position, complete) { - var loc = this.get2DCursorLocation(position), style = complete - ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) - : this._getStyleDeclaration(loc.lineIndex, loc.charIndex); - return style || {}; - }, - /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @return {fabric.IText} thisArg - * @chainable - */ - setSelectionStyles: function (styles, startIndex, endIndex) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - for (var i = startIndex; i < endIndex; i++) { - this._extendStyles(i, styles); - } - /* not included in _extendStyles to avoid clearing cache more than once */ - this._forceClearCache = true; - return this; - }, - /** - * get the reference, not a clone, of the style object for a given character - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Object} style object - */ - _getStyleDeclaration: function (lineIndex, charIndex) { - var lineStyle = this.styles && this.styles[lineIndex]; - if (!lineStyle) { - return null; - } - return lineStyle[charIndex]; - }, - /** - * return a new object that contains all the style property for a character - * the object returned is newly created - * @param {Number} lineIndex of the line where the character is - * @param {Number} charIndex position of the character on the line - * @return {Object} style object - */ - getCompleteStyleDeclaration: function (lineIndex, charIndex) { - var style = this._getStyleDeclaration(lineIndex, charIndex) || {}, styleObject = {}, prop; - for (var i = 0; i < this._styleProperties.length; i++) { - prop = this._styleProperties[i]; - styleObject[prop] = - typeof style[prop] === 'undefined' ? this[prop] : style[prop]; + if ('dx' in parsedAttributes) { + options.left += parsedAttributes.dx; + } + if ('dy' in parsedAttributes) { + options.top += parsedAttributes.dy; + } + if (!('fontSize' in options)) { + options.fontSize = DEFAULT_SVG_FONT_SIZE; + } + let textContent = ''; + // The XML is not properly parsed in IE9 so a workaround to get + // textContent is through firstChild.data. Another workaround would be + // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) + if (!('textContent' in element)) { + if ('firstChild' in element && element.firstChild !== null) { + if ('data' in element.firstChild && element.firstChild.data !== null) { + textContent = element.firstChild.data; + } } - return styleObject; - }, - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private - */ - _setStyleDeclaration: function (lineIndex, charIndex, style) { - this.styles[lineIndex][charIndex] = style; - }, - /** - * - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _deleteStyleDeclaration: function (lineIndex, charIndex) { - delete this.styles[lineIndex][charIndex]; - }, - /** - * @param {Number} lineIndex - * @return {Boolean} if the line exists or not - * @private - */ - _getLineStyle: function (lineIndex) { - return !!this.styles[lineIndex]; - }, - /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @private - */ - _setLineStyle: function (lineIndex) { - this.styles[lineIndex] = {}; - }, - /** - * @param {Number} lineIndex - * @private - */ - _deleteLineStyle: function (lineIndex) { - delete this.styles[lineIndex]; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); + } + else { + textContent = element.textContent; + } + textContent = textContent + .replace(/^\s+|\s+$|\n+/g, '') + .replace(/\s+/g, ' '); + const originalStrokeWidth = options.strokeWidth; + options.strokeWidth = 0; + let text = new Text$1(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, scaledDiff = lineHeightDiff * textHeightScaleFactor, textHeight = text.getScaledHeight() + scaledDiff, offX = 0; + /* + Adjust positioning: + x/y attributes in SVG correspond to the bottom-left corner of text bounding box + fabric output by default at top, left. + */ + if (parsedAnchor === 'center') { + offX = text.getScaledWidth() / 2; + } + if (parsedAnchor === 'right') { + offX = text.getScaledWidth(); + } + text.set({ + left: text.left - offX, + top: text.top - + (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / + text.lineHeight, + strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, + }); + callback(text); + } + /** + * Returns Text instance from an object representation + * @static + * @memberOf Text + * @param {Object} object plain js Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + const styles = stylesFromArray(object.styles, object.text); + //copy object to prevent mutation + const objCopy = Object.assign({}, object, { styles: styles }); + return InteractiveFabricObject._fromObject(Text$1, objCopy, { + extraParam: 'text', + }); + } +} +/** + * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement}) + * @static + * @memberOf Text + * @see: http://www.w3.org/TR/SVG/text.html#TextElement + */ +Text$1.ATTRIBUTE_NAMES = fabric$3.SHARED_ATTRIBUTES.concat('x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); +Text$1.genericFonts = [ + 'sans-serif', + 'serif', + 'cursive', + 'fantasy', + 'monospace', +]; +const textDefaultValues = { + _dimensionAffectingProps: [ + 'fontSize', + 'fontWeight', + 'fontFamily', + 'fontStyle', + 'lineHeight', + 'text', + 'charSpacing', + 'textAlign', + 'styles', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign', + ], + _reNewline: /\r?\n/, + _reSpacesAndTabs: /[ \t\r]/g, + _reSpaceAndTab: /[ \t\r]/, + _reWords: /\S+/g, + type: 'text', + fontSize: 40, + fontWeight: 'normal', + fontFamily: 'Times New Roman', + underline: false, + overline: false, + linethrough: false, + textAlign: 'left', + fontStyle: 'normal', + lineHeight: 1.16, + superscript: { + size: 0.6, + baseline: -0.35, // baseline-shift factor (upwards) + }, + subscript: { + size: 0.6, + baseline: 0.11, // baseline-shift factor (downwards) + }, + textBackgroundColor: '', + stateProperties: InteractiveFabricObject.prototype.stateProperties.concat(additionalProps), + cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat(additionalProps), + stroke: null, + shadow: null, + path: null, + pathStartOffset: 0, + pathSide: 'left', + pathAlign: 'baseline', + _fontSizeFraction: 0.222, + offsets: { + underline: 0.1, + linethrough: -0.315, + overline: -0.88, + }, + _fontSizeMult: 1.13, + charSpacing: 0, + styles: null, + deltaY: 0, + direction: 'ltr', + _styleProperties: [ + 'stroke', + 'strokeWidth', + 'fill', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'fontStyle', + 'underline', + 'overline', + 'linethrough', + 'deltaY', + 'textBackgroundColor', + ], + __charBounds: [], + CACHE_FONT_SIZE: 400, + MIN_TEXT_WIDTH: 2, +}; +Object.assign(Text$1.prototype, textDefaultValues); +/* _FROM_SVG_START_ */ +/* _FROM_SVG_END_ */ +fabric$3.Text = Text$1; -//@ts-nocheck -(function (global) { - var fabric = global.fabric; +// @ts-nocheck +/** + * IText class (introduced in v1.4) Events are also fired with "text:" + * prefix when observing canvas. + * @class IText + * + * @fires changed + * @fires selection:changed + * @fires editing:entered + * @fires editing:exited + * @fires dragstart + * @fires drag drag event firing on the drag source + * @fires dragend + * @fires copy + * @fires cut + * @fires paste + * + * @return {IText} thisArg + * @see {@link IText#initialize} for constructor definition + * + *

Supported key combinations:

+ * 
+ *   Move cursor:                    left, right, up, down
+ *   Select character:               shift + left, shift + right
+ *   Select text vertically:         shift + up, shift + down
+ *   Move cursor by word:            alt + left, alt + right
+ *   Select words:                   shift + alt + left, shift + alt + right
+ *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
+ *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
+ *   Jump to start/end of text:      cmd + up, cmd + down
+ *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
+ *   Delete character:               backspace
+ *   Delete word:                    alt + backspace
+ *   Delete line:                    cmd + backspace
+ *   Forward delete:                 delete
+ *   Copy text:                      ctrl/cmd + c
+ *   Paste text:                     ctrl/cmd + v
+ *   Cut text:                       ctrl/cmd + x
+ *   Select entire text:             ctrl/cmd + a
+ *   Quit editing                    tab or esc
+ *
+ * + *

Supported mouse/touch combination

+ * 
+ *   Position cursor:                click/touch
+ *   Create selection:               click/touch & drag
+ *   Create selection:               click & shift + click
+ *   Select word:                    double click
+ *   Select line:                    triple click
+ *
+ */ +class IText$1 extends Text$1 { /** - * IText class (introduced in v1.4) Events are also fired with "text:" - * prefix when observing canvas. - * @class fabric.IText - * @extends fabric.Text - * - * @fires changed - * @fires selection:changed - * @fires editing:entered - * @fires editing:exited - * @fires dragstart - * @fires drag drag event firing on the drag source - * @fires dragend - * @fires copy - * @fires cut - * @fires paste - * - * @return {fabric.IText} thisArg - * @see {@link fabric.IText#initialize} for constructor definition - * - *

Supported key combinations:

- * 
-     *   Move cursor:                    left, right, up, down
-     *   Select character:               shift + left, shift + right
-     *   Select text vertically:         shift + up, shift + down
-     *   Move cursor by word:            alt + left, alt + right
-     *   Select words:                   shift + alt + left, shift + alt + right
-     *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
-     *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
-     *   Jump to start/end of text:      cmd + up, cmd + down
-     *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
-     *   Delete character:               backspace
-     *   Delete word:                    alt + backspace
-     *   Delete line:                    cmd + backspace
-     *   Forward delete:                 delete
-     *   Copy text:                      ctrl/cmd + c
-     *   Paste text:                     ctrl/cmd + v
-     *   Cut text:                       ctrl/cmd + x
-     *   Select entire text:             ctrl/cmd + a
-     *   Quit editing                    tab or esc
-     *
- * - *

Supported mouse/touch combination

- * 
-     *   Position cursor:                click/touch
-     *   Create selection:               click/touch & drag
-     *   Create selection:               click & shift + click
-     *   Select word:                    double click
-     *   Select line:                    triple click
-     *
- */ - fabric.IText = fabric.util.createClass(fabric.Text, - /** @lends fabric.IText.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'i-text', + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {IText} thisArg + */ + constructor(text, options) { + super(text, options); /** * Index where text selection starts (or where cursor is when there is no selection) * @type Number * @default */ - selectionStart: 0, + this.selectionStart = 0; /** * Index where text selection ends * @type Number * @default */ - selectionEnd: 0, - /** - * Color of text selection - * @type String - * @default - */ - selectionColor: 'rgba(17,119,255,0.3)', - /** - * Indicates whether text is in editing mode - * @type Boolean - * @default - */ - isEditing: false, - /** - * Indicates whether a text can be edited - * @type Boolean - * @default - */ - editable: true, - /** - * Border color of text object while it's in editing mode - * @type String - * @default - */ - editingBorderColor: 'rgba(102,153,255,0.25)', - /** - * Width of cursor (in px) - * @type Number - * @default - */ - cursorWidth: 2, - /** - * Color of text cursor color in editing mode. - * if not set (default) will take color from the text. - * if set to a color value that fabric can understand, it will - * be used instead of the color of the text at the current position. - * @type String - * @default - */ - cursorColor: '', - /** - * Delay between cursor blink (in ms) - * @type Number - * @default - */ - cursorDelay: 1000, - /** - * Duration of cursor fadein (in ms) - * @type Number - * @default - */ - cursorDuration: 600, - /** - * Indicates whether internal text char widths can be cached - * @type Boolean - * @default - */ - caching: true, - /** - * DOM container to append the hiddenTextarea. - * An alternative to attaching to the document.body. - * Useful to reduce laggish redraw of the full document.body tree and - * also with modals event capturing that won't let the textarea take focus. - * @type HTMLElement - * @default - */ - hiddenTextareaContainer: null, - /** - * @private - */ - _reSpace: /\s|\n/, - /** - * @private - */ - _currentCursorOpacity: 1, - /** - * @private - */ - _selectionDirection: null, - /** - * Helps determining when the text is in composition, so that the cursor - * rendering is altered. - */ - inCompositionMode: false, - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.IText} thisArg - */ - initialize: function (text, options) { - this.callSuper('initialize', text, options); - this.initBehavior(); - }, - /** - * While editing handle differently - * @private - * @param {string} key - * @param {*} value - */ - _set: function (key, value) { - if (this.isEditing && this._savedProps && key in this._savedProps) { - this._savedProps[key] = value; - } - else { - this.callSuper('_set', key, value); - } - }, - /** - * Sets selection start (left boundary of a selection) - * @param {Number} index Index to set selection start to - */ - setSelectionStart: function (index) { - index = Math.max(index, 0); - this._updateAndFire('selectionStart', index); - }, - /** - * Sets selection end (right boundary of a selection) - * @param {Number} index Index to set selection end to - */ - setSelectionEnd: function (index) { - index = Math.min(index, this.text.length); - this._updateAndFire('selectionEnd', index); - }, - /** - * @private - * @param {String} property 'selectionStart' or 'selectionEnd' - * @param {Number} index new position of property - */ - _updateAndFire: function (property, index) { - if (this[property] !== index) { - this._fireSelectionChanged(); - this[property] = index; - } - this._updateTextarea(); - }, - /** - * Fires the even of selection changed - * @private - */ - _fireSelectionChanged: function () { - this.fire('selection:changed'); - this.canvas && - this.canvas.fire('text:selection:changed', { target: this }); - }, - /** - * Initialize text dimensions. Render all text on given context - * or on a offscreen canvas to get the text width with measureText. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. - * @private - */ - initDimensions: function () { - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this.callSuper('initDimensions'); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function (ctx) { - this.clearContextTop(); - this.callSuper('render', ctx); - // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor - // the correct position but not at every cursor animation. - this.cursorOffsetCache = {}; - this.renderCursorOrSelection(); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - this.callSuper('_render', ctx); - }, - /** - * Renders cursor or selection (depending on what exists) - * it does on the contextTop. If contextTop is not available, do nothing. - */ - renderCursorOrSelection: function () { - if (!this.isEditing) { - return; + this.selectionEnd = 0; + this.initBehavior(); + } + /** + * While editing handle differently + * @private + * @param {string} key + * @param {*} value + */ + _set(key, value) { + if (this.isEditing && this._savedProps && key in this._savedProps) { + this._savedProps[key] = value; + } + else { + super._set(key, value); + } + } + /** + * Sets selection start (left boundary of a selection) + * @param {Number} index Index to set selection start to + */ + setSelectionStart(index) { + index = Math.max(index, 0); + this._updateAndFire('selectionStart', index); + } + /** + * Sets selection end (right boundary of a selection) + * @param {Number} index Index to set selection end to + */ + setSelectionEnd(index) { + index = Math.min(index, this.text.length); + this._updateAndFire('selectionEnd', index); + } + /** + * @private + * @param {String} property 'selectionStart' or 'selectionEnd' + * @param {Number} index new position of property + */ + _updateAndFire(property, index) { + if (this[property] !== index) { + this._fireSelectionChanged(); + this[property] = index; + } + this._updateTextarea(); + } + /** + * Fires the even of selection changed + * @private + */ + _fireSelectionChanged() { + this.fire('selection:changed'); + this.canvas && this.canvas.fire('text:selection:changed', { target: this }); + } + /** + * Initialize text dimensions. Render all text on given context + * or on a offscreen canvas to get the text width with measureText. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + * @private + */ + initDimensions() { + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + super.initDimensions(); + } + /** + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} startIndex Start index to get styles at + * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles(startIndex = this.selectionStart || 0, endIndex = this.selectionEnd, complete) { + return super.getSelectionStyles(startIndex, endIndex, complete); + } + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + */ + setSelectionStyles(styles, startIndex = this.selectionStart || 0, endIndex = this.selectionEnd) { + return super.setSelectionStyles(styles, startIndex, endIndex); + } + /** + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation(selectionStart = this.selectionStart, skipWrapping) { + return super.get2DCursorLocation(selectionStart, skipWrapping); + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render(ctx) { + this.clearContextTop(); + super.render(ctx); + // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor + // the correct position but not at every cursor animation. + this.cursorOffsetCache = {}; + this.renderCursorOrSelection(); + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render(ctx) { + super._render(ctx); + } + /** + * Renders cursor or selection (depending on what exists) + * it does on the contextTop. If contextTop is not available, do nothing. + */ + renderCursorOrSelection() { + if (!this.isEditing) { + return; + } + const ctx = this.clearContextTop(true); + if (!ctx) { + return; + } + const boundaries = this._getCursorBoundaries(); + if (this.selectionStart === this.selectionEnd) { + this.renderCursor(ctx, boundaries); + } + else { + this.renderSelection(ctx, boundaries); + } + ctx.restore(); + } + /** + * Renders cursor on context Top, outside the animation cycle, on request + * Used for the drag/drop effect. + * If contextTop is not available, do nothing. + */ + renderCursorAt(selectionStart) { + const boundaries = this._getCursorBoundaries(selectionStart, true); + this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); + } + /** + * Returns cursor boundaries (left, top, leftOffset, topOffset) + * left/top are left/top of entire text box + * leftOffset/topOffset are offset from that left/top point of a text box + * @private + * @param {number} [index] index from start + * @param {boolean} [skipCaching] + */ + _getCursorBoundaries(index, skipCaching) { + if (typeof index === 'undefined') { + index = this.selectionStart; + } + const left = this._getLeftOffset(), top = this._getTopOffset(), offsets = this._getCursorBoundariesOffsets(index, skipCaching); + return { + left: left, + top: top, + leftOffset: offsets.left, + topOffset: offsets.top, + }; + } + /** + * Caches and returns cursor left/top offset relative to instance's center point + * @private + * @param {number} index index from start + * @param {boolean} [skipCaching] + */ + _getCursorBoundariesOffsets(index, skipCaching) { + if (skipCaching) { + return this.__getCursorBoundariesOffsets(index); + } + if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { + return this.cursorOffsetCache; + } + return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index)); + } + /** + * Calculates cursor left/top offset relative to instance's center point + * @private + * @param {number} index index from start + */ + __getCursorBoundariesOffsets(index) { + let topOffset = 0, leftOffset = 0; + const { charIndex, lineIndex } = this.get2DCursorLocation(index); + for (let i = 0; i < lineIndex; i++) { + topOffset += this.getHeightOfLine(i); + } + const lineLeftOffset = this._getLineLeftOffset(lineIndex); + const bound = this.__charBounds[lineIndex][charIndex]; + bound && (leftOffset = bound.left); + if (this.charSpacing !== 0 && + charIndex === this._textLines[lineIndex].length) { + leftOffset -= this._getWidthOfCharSpacing(); + } + const boundaries = { + top: topOffset, + left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), + }; + if (this.direction === 'rtl') { + if (this.textAlign === 'right' || + this.textAlign === 'justify' || + this.textAlign === 'justify-right') { + boundaries.left *= -1; + } + else if (this.textAlign === 'left' || + this.textAlign === 'justify-left') { + boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } + else if (this.textAlign === 'center' || + this.textAlign === 'justify-center') { + boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } + } + return boundaries; + } + /** + * Renders cursor + * @param {Object} boundaries + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderCursor(ctx, boundaries) { + this._renderCursor(ctx, boundaries, this.selectionStart); + } + _renderCursor(ctx, boundaries, selectionStart) { + let cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, topOffset = boundaries.topOffset, dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); + topOffset += + ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / + this.lineHeight - + charHeight * (1 - this._fontSizeFraction); + if (this.inCompositionMode) { + // TODO: investigate why there isn't a return inside the if, + // and why can't happe top of the function + this.renderSelection(ctx, boundaries); + } + ctx.fillStyle = + this.cursorColor || + this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); + ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; + ctx.fillRect(boundaries.left + boundaries.leftOffset - cursorWidth / 2, topOffset + boundaries.top + dy, cursorWidth, charHeight); + } + /** + * Renders text selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderSelection(ctx, boundaries) { + const selection = { + selectionStart: this.inCompositionMode + ? this.hiddenTextarea.selectionStart + : this.selectionStart, + selectionEnd: this.inCompositionMode + ? this.hiddenTextarea.selectionEnd + : this.selectionEnd, + }; + this._renderSelection(ctx, selection, boundaries); + } + /** + * Renders drag start text selection + */ + renderDragSourceEffect() { + if (this.__isDragging && + this.__dragStartSelection && + this.__dragStartSelection) { + this._renderSelection(this.canvas.contextTop, this.__dragStartSelection, this._getCursorBoundaries(this.__dragStartSelection.selectionStart, true)); + } + } + renderDropTargetEffect(e) { + const dragSelection = this.getSelectionStartFromPointer(e); + this.renderCursorAt(dragSelection); + } + /** + * Renders text selection + * @private + * @param {{ selectionStart: number, selectionEnd: number }} selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + _renderSelection(ctx, selection, boundaries) { + const selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, start = this.get2DCursorLocation(selectionStart), end = this.get2DCursorLocation(selectionEnd), startLine = start.lineIndex, endLine = end.lineIndex, startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex; + for (let i = startLine; i <= endLine; i++) { + let lineOffset = this._getLineLeftOffset(i) || 0, lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0; + if (i === startLine) { + boxStart = this.__charBounds[startLine][startChar].left; + } + if (i >= startLine && i < endLine) { + boxEnd = + isJustify && !this.isEndOfWrapping(i) + ? this.width + : this.getLineWidth(i) || 5; // WTF is this 5? + } + else if (i === endLine) { + if (endChar === 0) { + boxEnd = this.__charBounds[endLine][endChar].left; + } + else { + const charSpacing = this._getWidthOfCharSpacing(); + boxEnd = + this.__charBounds[endLine][endChar - 1].left + + this.__charBounds[endLine][endChar - 1].width - + charSpacing; + } } - var ctx = this.clearContextTop(true); - if (!ctx) { - return; + realLineHeight = lineHeight; + if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { + lineHeight /= this.lineHeight; } - var boundaries = this._getCursorBoundaries(); - if (this.selectionStart === this.selectionEnd) { - this.renderCursor(ctx, boundaries); + let drawStart = boundaries.left + lineOffset + boxStart, drawWidth = boxEnd - boxStart, drawHeight = lineHeight, extraTop = 0; + if (this.inCompositionMode) { + ctx.fillStyle = this.compositionColor || 'black'; + drawHeight = 1; + extraTop = lineHeight; } else { - this.renderSelection(ctx, boundaries); - } - ctx.restore(); - }, - /** - * Renders cursor on context Top, outside the animation cycle, on request - * Used for the drag/drop effect. - * If contextTop is not available, do nothing. - */ - renderCursorAt: function (selectionStart) { - var boundaries = this._getCursorBoundaries(selectionStart, true); - this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); - }, - /** - * Returns cursor boundaries (left, top, leftOffset, topOffset) - * left/top are left/top of entire text box - * leftOffset/topOffset are offset from that left/top point of a text box - * @private - * @param {number} [index] index from start - * @param {boolean} [skipCaching] - */ - _getCursorBoundaries: function (index, skipCaching) { - if (typeof index === 'undefined') { - index = this.selectionStart; - } - var left = this._getLeftOffset(), top = this._getTopOffset(), offsets = this._getCursorBoundariesOffsets(index, skipCaching); - return { - left: left, - top: top, - leftOffset: offsets.left, - topOffset: offsets.top, - }; - }, - /** - * Caches and returns cursor left/top offset relative to instance's center point - * @private - * @param {number} index index from start - * @param {boolean} [skipCaching] - */ - _getCursorBoundariesOffsets: function (index, skipCaching) { - if (skipCaching) { - return this.__getCursorBoundariesOffsets(index); - } - if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { - return this.cursorOffsetCache; + ctx.fillStyle = this.selectionColor; } - return (this.cursorOffsetCache = - this.__getCursorBoundariesOffsets(index)); - }, - /** - * Calcualtes cursor left/top offset relative to instance's center point - * @private - * @param {number} index index from start - */ - __getCursorBoundariesOffsets: function (index) { - var lineLeftOffset, lineIndex, charIndex, topOffset = 0, leftOffset = 0, boundaries, cursorPosition = this.get2DCursorLocation(index); - charIndex = cursorPosition.charIndex; - lineIndex = cursorPosition.lineIndex; - for (var i = 0; i < lineIndex; i++) { - topOffset += this.getHeightOfLine(i); - } - lineLeftOffset = this._getLineLeftOffset(lineIndex); - var bound = this.__charBounds[lineIndex][charIndex]; - bound && (leftOffset = bound.left); - if (this.charSpacing !== 0 && - charIndex === this._textLines[lineIndex].length) { - leftOffset -= this._getWidthOfCharSpacing(); - } - boundaries = { - top: topOffset, - left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), - }; if (this.direction === 'rtl') { if (this.textAlign === 'right' || this.textAlign === 'justify' || this.textAlign === 'justify-right') { - boundaries.left *= -1; + drawStart = this.width - drawStart - drawWidth; } else if (this.textAlign === 'left' || this.textAlign === 'justify-left') { - boundaries.left = - lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + drawStart = boundaries.left + lineOffset - boxEnd; } else if (this.textAlign === 'center' || this.textAlign === 'justify-center') { - boundaries.left = - lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); - } - } - return boundaries; - }, - /** - * Renders cursor - * @param {Object} boundaries - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - renderCursor: function (ctx, boundaries) { - this._renderCursor(ctx, boundaries, this.selectionStart); - }, - _renderCursor: function (ctx, boundaries, selectionStart) { - var cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, topOffset = boundaries.topOffset, dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); - topOffset += - ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / - this.lineHeight - - charHeight * (1 - this._fontSizeFraction); - if (this.inCompositionMode) { - // TODO: investigate why there isn't a return inside the if, - // and why can't happe top of the function - this.renderSelection(ctx, boundaries); - } - ctx.fillStyle = - this.cursorColor || - this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); - ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; - ctx.fillRect(boundaries.left + boundaries.leftOffset - cursorWidth / 2, topOffset + boundaries.top + dy, cursorWidth, charHeight); - }, - /** - * Renders text selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - renderSelection: function (ctx, boundaries) { - var selection = { - selectionStart: this.inCompositionMode - ? this.hiddenTextarea.selectionStart - : this.selectionStart, - selectionEnd: this.inCompositionMode - ? this.hiddenTextarea.selectionEnd - : this.selectionEnd, - }; - this._renderSelection(ctx, selection, boundaries); - }, - /** - * Renders drag start text selection - */ - renderDragSourceEffect: function () { - if (this.__isDragging && - this.__dragStartSelection && - this.__dragStartSelection) { - this._renderSelection(this.canvas.contextTop, this.__dragStartSelection, this._getCursorBoundaries(this.__dragStartSelection.selectionStart, true)); - } - }, - renderDropTargetEffect: function (e) { - var dragSelection = this.getSelectionStartFromPointer(e); - this.renderCursorAt(dragSelection); - }, - /** - * Renders text selection - * @private - * @param {{ selectionStart: number, selectionEnd: number }} selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on - */ - _renderSelection: function (ctx, selection, boundaries) { - var selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, start = this.get2DCursorLocation(selectionStart), end = this.get2DCursorLocation(selectionEnd), startLine = start.lineIndex, endLine = end.lineIndex, startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex; - for (var i = startLine; i <= endLine; i++) { - var lineOffset = this._getLineLeftOffset(i) || 0, lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0; - if (i === startLine) { - boxStart = this.__charBounds[startLine][startChar].left; - } - if (i >= startLine && i < endLine) { - boxEnd = - isJustify && !this.isEndOfWrapping(i) - ? this.width - : this.getLineWidth(i) || 5; // WTF is this 5? - } - else if (i === endLine) { - if (endChar === 0) { - boxEnd = this.__charBounds[endLine][endChar].left; - } - else { - var charSpacing = this._getWidthOfCharSpacing(); - boxEnd = - this.__charBounds[endLine][endChar - 1].left + - this.__charBounds[endLine][endChar - 1].width - - charSpacing; - } - } - realLineHeight = lineHeight; - if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { - lineHeight /= this.lineHeight; - } - var drawStart = boundaries.left + lineOffset + boxStart, drawWidth = boxEnd - boxStart, drawHeight = lineHeight, extraTop = 0; - if (this.inCompositionMode) { - ctx.fillStyle = this.compositionColor || 'black'; - drawHeight = 1; - extraTop = lineHeight; - } - else { - ctx.fillStyle = this.selectionColor; - } - if (this.direction === 'rtl') { - if (this.textAlign === 'right' || - this.textAlign === 'justify' || - this.textAlign === 'justify-right') { - drawStart = this.width - drawStart - drawWidth; - } - else if (this.textAlign === 'left' || - this.textAlign === 'justify-left') { - drawStart = boundaries.left + lineOffset - boxEnd; - } - else if (this.textAlign === 'center' || - this.textAlign === 'justify-center') { - drawStart = boundaries.left + lineOffset - boxEnd; - } + drawStart = boundaries.left + lineOffset - boxEnd; } - ctx.fillRect(drawStart, boundaries.top + boundaries.topOffset + extraTop, drawWidth, drawHeight); - boundaries.topOffset += realLineHeight; } - }, - /** - * High level function to know the height of the cursor. - * the currentChar is the one that precedes the cursor - * Returns fontSize of char at the current cursor - * Unused from the library, is for the end user - * @return {Number} Character font size - */ - getCurrentCharFontSize: function () { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); - }, - /** - * High level function to know the color of the cursor. - * the currentChar is the one that precedes the cursor - * Returns color (fill) of char at the current cursor - * if the text object has a pattern or gradient for filler, it will return that. - * Unused by the library, is for the end user - * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) - */ - getCurrentCharColor: function () { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); - }, - /** - * Returns the cursor position for the getCurrent.. functions - * @private - */ - _getCurrentCharIndex: function () { - var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; - return { l: cursorPosition.lineIndex, c: charIndex }; - }, - }); + ctx.fillRect(drawStart, boundaries.top + boundaries.topOffset + extraTop, drawWidth, drawHeight); + boundaries.topOffset += realLineHeight; + } + } + /** + * High level function to know the height of the cursor. + * the currentChar is the one that precedes the cursor + * Returns fontSize of char at the current cursor + * Unused from the library, is for the end user + * @return {Number} Character font size + */ + getCurrentCharFontSize() { + const cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); + } + /** + * High level function to know the color of the cursor. + * the currentChar is the one that precedes the cursor + * Returns color (fill) of char at the current cursor + * if the text object has a pattern or gradient for filler, it will return that. + * Unused by the library, is for the end user + * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) + */ + getCurrentCharColor() { + const cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); + } + /** + * Returns the cursor position for the getCurrent.. functions + * @private + */ + _getCurrentCharIndex() { + const cursorPosition = this.get2DCursorLocation(this.selectionStart, true), charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; + return { l: cursorPosition.lineIndex, c: charIndex }; + } /** - * Returns fabric.IText instance from an object representation + * Returns IText instance from an object representation * @static - * @memberOf fabric.IText + * @memberOf IText * @param {Object} object Object to create an instance from - * @returns {Promise} + * @returns {Promise} */ - fabric.IText.fromObject = function (object) { - var styles = fabric.util.stylesFromArray(object.styles, object.text); + static fromObject(object) { + const styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation - var objCopy = Object.assign({}, object, { styles: styles }); - return InteractiveFabricObject._fromObject(fabric.IText, objCopy, { + const objCopy = Object.assign({}, object, { styles: styles }); + return InteractiveFabricObject._fromObject(IText$1, objCopy, { extraParam: 'text', }); - }; -})(typeof exports !== 'undefined' ? exports : window); + } +} +const iTextDefaultValues = { + type: 'i-text', + selectionStart: 0, + selectionEnd: 0, + selectionColor: 'rgba(17,119,255,0.3)', + isEditing: false, + editable: true, + editingBorderColor: 'rgba(102,153,255,0.25)', + cursorWidth: 2, + cursorColor: '', + cursorDelay: 1000, + cursorDuration: 600, + caching: true, + hiddenTextareaContainer: null, + _reSpace: /\s|\n/, + _currentCursorOpacity: 1, + _selectionDirection: null, + inCompositionMode: false, +}; +Object.assign(IText$1.prototype, iTextDefaultValues); +fabric$3.IText = IText$1; //@ts-nocheck // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { +const fabric$2 = global.fabric; +function ITextBehaviorMixinGenerator(Klass) { + return class ITextBehaviorMixin extends Klass { /** * Initializes all the interactive behavior of IText */ - initBehavior: function () { + initBehavior() { this.initAddedHandler(); this.initRemovedHandler(); this.initCursorSelectionHandlers(); @@ -24514,19 +24252,19 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.on('dragleave', this.dragLeaveHandler); this.on('dragend', this.dragEndHandler); this.on('drop', this.dropHandler); - }, - onDeselect: function () { + } + onDeselect() { this.isEditing && this.exitEditing(); this.selected = false; - }, + } /** * Initializes "added" event handler */ - initAddedHandler: function () { - var _this = this; + initAddedHandler() { + const _this = this; this.on('added', function (opt) { // make sure we listen to the canvas added event - var canvas = opt.target; + const canvas = opt.target; if (canvas) { if (!canvas._hasITextHandlers) { canvas._hasITextHandlers = true; @@ -24536,12 +24274,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; canvas._iTextInstances.push(_this); } }); - }, - initRemovedHandler: function () { - var _this = this; + } + initRemovedHandler() { + const _this = this; this.on('removed', function (opt) { // make sure we listen to the canvas removed event - var canvas = opt.target; + const canvas = opt.target; if (canvas) { canvas._iTextInstances = canvas._iTextInstances || []; removeFromArray(canvas._iTextInstances, _this); @@ -24551,12 +24289,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; } } }); - }, + } /** * register canvas event to manage exiting on other instances * @private */ - _initCanvasHandlers: function (canvas) { + _initCanvasHandlers(canvas) { canvas._mouseUpITextHandler = function () { if (canvas._iTextInstances) { canvas._iTextInstances.forEach(function (obj) { @@ -24565,25 +24303,25 @@ const reNonWord = /[ \n\.,;!\?\-]/; } }; canvas.on('mouse:up', canvas._mouseUpITextHandler); - }, + } /** * remove canvas event to manage exiting on other instances * @private */ - _removeCanvasHandlers: function (canvas) { + _removeCanvasHandlers(canvas) { canvas.off('mouse:up', canvas._mouseUpITextHandler); - }, + } /** * @private */ - _tick: function () { + _tick() { this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); - }, + } /** * @private */ - _animateCursor: function (obj, targetOpacity, duration, completeMethod) { - var tickState = { + _animateCursor(obj, targetOpacity, duration, completeMethod) { + const tickState = { isAborted: false, abort: function () { this.isAborted = true; @@ -24607,24 +24345,24 @@ const reNonWord = /[ \n\.,;!\?\-]/; }, }); return tickState; - }, + } /** * @private */ - _onTickComplete: function () { - var _this = this; + _onTickComplete() { + const _this = this; if (this._cursorTimeout1) { clearTimeout(this._cursorTimeout1); } this._cursorTimeout1 = setTimeout(function () { _this._currentTickCompleteState = _this._animateCursor(_this, 0, this.cursorDuration / 2, '_tick'); }, 100); - }, + } /** * Initializes delayed cursor */ - initDelayedCursor: function (restart) { - var _this = this, delay = restart ? 0 : this.cursorDelay; + initDelayedCursor(restart) { + const _this = this, delay = restart ? 0 : this.cursorDelay; this.abortCursorAnimation(); if (delay) { this._cursorTimeout2 = setTimeout(function () { @@ -24634,15 +24372,14 @@ const reNonWord = /[ \n\.,;!\?\-]/; else { this._tick(); } - }, + } /** * Aborts cursor animation, clears all timeouts and clear textarea context if necessary */ - abortCursorAnimation: function () { - var shouldClear = this._currentTickState || this._currentTickCompleteState; + abortCursorAnimation() { + const shouldClear = this._currentTickState || this._currentTickCompleteState; this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && - this._currentTickCompleteState.abort(); + this._currentTickCompleteState && this._currentTickCompleteState.abort(); clearTimeout(this._cursorTimeout1); clearTimeout(this._cursorTimeout2); this._currentCursorOpacity = 1; @@ -24650,35 +24387,33 @@ const reNonWord = /[ \n\.,;!\?\-]/; if (shouldClear) { this.clearContextTop(); } - }, + } /** * Selects entire text - * @return {fabric.IText} thisArg + * @return {IText} thisArg * @chainable */ - selectAll: function () { + selectAll() { this.selectionStart = 0; this.selectionEnd = this._text.length; this._fireSelectionChanged(); this._updateTextarea(); return this; - }, + } /** * Returns selected text * @return {String} */ - getSelectedText: function () { - return this._text - .slice(this.selectionStart, this.selectionEnd) - .join(''); - }, + getSelectedText() { + return this._text.slice(this.selectionStart, this.selectionEnd).join(''); + } /** * Find new selection index representing start of current word according to current selection index * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findWordBoundaryLeft: function (startFrom) { - var offset = 0, index = startFrom - 1; + findWordBoundaryLeft(startFrom) { + let offset = 0, index = startFrom - 1; // remove space before cursor first if (this._reSpace.test(this._text[index])) { while (this._reSpace.test(this._text[index])) { @@ -24691,14 +24426,14 @@ const reNonWord = /[ \n\.,;!\?\-]/; index--; } return startFrom - offset; - }, + } /** * Find new selection index representing end of current word according to current selection index * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findWordBoundaryRight: function (startFrom) { - var offset = 0, index = startFrom; + findWordBoundaryRight(startFrom) { + let offset = 0, index = startFrom; // remove space after cursor first if (this._reSpace.test(this._text[index])) { while (this._reSpace.test(this._text[index])) { @@ -24711,41 +24446,41 @@ const reNonWord = /[ \n\.,;!\?\-]/; index++; } return startFrom + offset; - }, + } /** * Find new selection index representing start of current line according to current selection index * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findLineBoundaryLeft: function (startFrom) { - var offset = 0, index = startFrom - 1; + findLineBoundaryLeft(startFrom) { + let offset = 0, index = startFrom - 1; while (!/\n/.test(this._text[index]) && index > -1) { offset++; index--; } return startFrom - offset; - }, + } /** * Find new selection index representing end of current line according to current selection index * @param {Number} startFrom Current selection index * @return {Number} New selection index */ - findLineBoundaryRight: function (startFrom) { - var offset = 0, index = startFrom; + findLineBoundaryRight(startFrom) { + let offset = 0, index = startFrom; while (!/\n/.test(this._text[index]) && index < this._text.length) { offset++; index++; } return startFrom + offset; - }, + } /** * Finds index corresponding to beginning or end of a word * @param {Number} selectionStart Index of a character * @param {Number} direction 1 or -1 * @return {Number} Index of the beginning or end of a word */ - searchWordBoundary: function (selectionStart, direction) { - var text = this._text, index = this._reSpace.test(text[selectionStart]) + searchWordBoundary(selectionStart, direction) { + let text = this._text, index = this._reSpace.test(text[selectionStart]) ? selectionStart - 1 : selectionStart, _char = text[index]; while (!reNonWord.test(_char) && index > 0 && index < text.length) { @@ -24756,41 +24491,41 @@ const reNonWord = /[ \n\.,;!\?\-]/; index += direction === 1 ? 0 : 1; } return index; - }, + } /** * Selects a word based on the index * @param {Number} selectionStart Index of a character */ - selectWord: function (selectionStart) { + selectWord(selectionStart) { selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.searchWordBoundary(selectionStart, -1) /* search backwards */, newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ + const newSelectionStart = this.searchWordBoundary(selectionStart, -1) /* search backwards */, newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ this.selectionStart = newSelectionStart; this.selectionEnd = newSelectionEnd; this._fireSelectionChanged(); this._updateTextarea(); this.renderCursorOrSelection(); - }, + } /** * Selects a line based on the index * @param {Number} selectionStart Index of a character - * @return {fabric.IText} thisArg + * @return {IText} thisArg * @chainable */ - selectLine: function (selectionStart) { + selectLine(selectionStart) { selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.findLineBoundaryLeft(selectionStart), newSelectionEnd = this.findLineBoundaryRight(selectionStart); + const newSelectionStart = this.findLineBoundaryLeft(selectionStart), newSelectionEnd = this.findLineBoundaryRight(selectionStart); this.selectionStart = newSelectionStart; this.selectionEnd = newSelectionEnd; this._fireSelectionChanged(); this._updateTextarea(); return this; - }, + } /** * Enters editing state - * @return {fabric.IText} thisArg + * @return {IText} thisArg * @chainable */ - enterEditing: function (e) { + enterEditing(e) { if (this.isEditing || !this.editable) { return; } @@ -24816,8 +24551,8 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.initMouseMoveHandler(); this.canvas.requestRenderAll(); return this; - }, - exitEditingOnOthers: function (canvas) { + } + exitEditingOnOthers(canvas) { if (canvas._iTextInstances) { canvas._iTextInstances.forEach(function (obj) { obj.selected = false; @@ -24826,28 +24561,27 @@ const reNonWord = /[ \n\.,;!\?\-]/; } }); } - }, + } /** * Initializes "mousemove" event handler */ - initMouseMoveHandler: function () { + initMouseMoveHandler() { this.canvas.on('mouse:move', this.mouseMoveHandler); - }, + } /** * @private */ - mouseMoveHandler: function (options) { + mouseMoveHandler(options) { if (!this.__isMousedown || !this.isEditing) { return; } // regain focus - fabric.document.activeElement !== this.hiddenTextarea && + fabric$2.document.activeElement !== this.hiddenTextarea && this.hiddenTextarea.focus(); - var newSelectionStart = this.getSelectionStartFromPointer(options.e), currentStart = this.selectionStart, currentEnd = this.selectionEnd; + const newSelectionStart = this.getSelectionStartFromPointer(options.e), currentStart = this.selectionStart, currentEnd = this.selectionEnd; if ((newSelectionStart !== this.__selectionStartOnMouseDown || currentStart === currentEnd) && - (currentStart === newSelectionStart || - currentEnd === newSelectionStart)) { + (currentStart === newSelectionStart || currentEnd === newSelectionStart)) { return; } if (newSelectionStart > this.__selectionStartOnMouseDown) { @@ -24865,7 +24599,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; this._updateTextarea(); this.renderCursorOrSelection(); } - }, + } /** * Override to customize the drag image * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage @@ -24876,40 +24610,40 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {string} data.text * @param {string} data.value selected text */ - setDragImage: function (e, data) { - var t = this.calcTransformMatrix(); - var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - var boundaries = this._getCursorBoundaries(data.selectionStart); - var selectionPosition = new Point(boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset).multiply(flipFactor); - var pos = fabric.util.transformPoint(selectionPosition, t); - var pointer = this.canvas.getPointer(e); - var diff = pointer.subtract(pos); - var enableRetinaScaling = this.canvas._isRetinaScaling(); - var retinaScaling = this.canvas.getRetinaScaling(); - var bbox = this.getBoundingRect(true); - var correction = pos.subtract(new Point(bbox.left, bbox.top)); - var offset = correction.add(diff).scalarMultiply(retinaScaling); + setDragImage(e, data) { + const t = this.calcTransformMatrix(); + const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + const boundaries = this._getCursorBoundaries(data.selectionStart); + const selectionPosition = new Point(boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset).multiply(flipFactor); + const pos = transformPoint(selectionPosition, t); + const pointer = this.canvas.getPointer(e); + const diff = pointer.subtract(pos); + const enableRetinaScaling = this.canvas._isRetinaScaling(); + const retinaScaling = this.canvas.getRetinaScaling(); + const bbox = this.getBoundingRect(true); + const correction = pos.subtract(new Point(bbox.left, bbox.top)); + const offset = correction.add(diff).scalarMultiply(retinaScaling); // prepare instance for drag image snapshot by making all non selected text invisible - var bgc = this.backgroundColor; - var styles = fabric.util.object.clone(this.styles, true); + const bgc = this.backgroundColor; + const styles = object.clone(this.styles, true); delete this.backgroundColor; - var styleOverride = { + const styleOverride = { fill: 'transparent', textBackgroundColor: 'transparent', }; this.setSelectionStyles(styleOverride, 0, data.selectionStart); this.setSelectionStyles(styleOverride, data.selectionEnd, data.text.length); - var dragImage = this.toCanvasElement({ + let dragImage = this.toCanvasElement({ enableRetinaScaling: enableRetinaScaling, }); this.backgroundColor = bgc; this.styles = styles; // handle retina scaling if (enableRetinaScaling && retinaScaling > 1) { - var c = fabric.util.createCanvasElement(); + const c = createCanvasElement(); c.width = dragImage.width / retinaScaling; c.height = dragImage.height / retinaScaling; - var ctx = c.getContext('2d'); + const ctx = c.getContext('2d'); ctx.scale(1 / retinaScaling, 1 / retinaScaling); ctx.drawImage(dragImage, 0, 0); dragImage = c; @@ -24919,31 +24653,31 @@ const reNonWord = /[ \n\.,;!\?\-]/; dragImage.remove(); }; // position drag image offsecreen - fabric.util.setStyle(dragImage, { + setStyle(dragImage, { position: 'absolute', left: -dragImage.width + 'px', border: 'none', }); - fabric.document.body.appendChild(dragImage); + fabric$2.document.body.appendChild(dragImage); e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); - }, + } /** * support native like text dragging * @private * @param {DragEvent} e * @returns {boolean} should handle event */ - onDragStart: function (e) { + onDragStart(e) { this.__dragStartFired = true; if (this.__isDragging) { - var selection = (this.__dragStartSelection = { + const selection = (this.__dragStartSelection = { selectionStart: this.selectionStart, selectionEnd: this.selectionEnd, }); - var value = this._text + const value = this._text .slice(selection.selectionStart, selection.selectionEnd) .join(''); - var data = Object.assign({ text: this.text, value: value }, selection); + const data = Object.assign({ text: this.text, value: value }, selection); e.dataTransfer.setData('text/plain', value); e.dataTransfer.setData('application/fabric', JSON.stringify({ value: value, @@ -24954,49 +24688,47 @@ const reNonWord = /[ \n\.,;!\?\-]/; } this.abortCursorAnimation(); return this.__isDragging; - }, + } /** * Override to customize drag and drop behavior * @public * @param {DragEvent} e * @returns {boolean} */ - canDrop: function (e) { + canDrop(e) { if (this.editable && !this.__corner) { if (this.__isDragging && this.__dragStartSelection) { // drag source trying to drop over itself // allow dropping only outside of drag start selection - var index = this.getSelectionStartFromPointer(e); - var dragStartSelection = this.__dragStartSelection; + const index = this.getSelectionStartFromPointer(e); + const dragStartSelection = this.__dragStartSelection; return (index < dragStartSelection.selectionStart || index > dragStartSelection.selectionEnd); } return true; } return false; - }, + } /** * support native like text dragging * @private * @param {object} options * @param {DragEvent} options.e */ - dragEnterHandler: function (options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); + dragEnterHandler({ e }) { + const canDrop = !e.defaultPrevented && this.canDrop(e); if (!this.__isDraggingOver && canDrop) { this.__isDraggingOver = true; } - }, + } /** * support native like text dragging * @private * @param {object} options * @param {DragEvent} options.e */ - dragOverHandler: function (options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); + dragOverHandler({ e }) { + const canDrop = !e.defaultPrevented && this.canDrop(e); if (!this.__isDraggingOver && canDrop) { this.__isDraggingOver = true; } @@ -25012,16 +24744,16 @@ const reNonWord = /[ \n\.,;!\?\-]/; options.dropTarget = this; // find cursor under the drag part. } - }, + } /** * support native like text dragging * @private */ - dragLeaveHandler: function () { + dragLeaveHandler() { if (this.__isDraggingOver || this.__isDragging) { this.__isDraggingOver = false; } - }, + } /** * support native like text dragging * fired only on the drag source @@ -25031,15 +24763,14 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {object} options * @param {DragEvent} options.e */ - dragEndHandler: function (options) { - var e = options.e; + dragEndHandler({ e }) { if (this.__isDragging && this.__dragStartFired) { // once the drop event finishes we check if we need to change the drag source // if the drag source received the drop we bail out if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; - var dropEffect = e.dataTransfer.dropEffect; + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + const dropEffect = e.dataTransfer.dropEffect; if (dropEffect === 'none') { this.selectionStart = selectionStart; this.selectionEnd = selectionEnd; @@ -25069,7 +24800,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; delete this.__dragImageDisposer; delete this.__dragStartSelection; this.__isDraggingOver = false; - }, + } /** * support native like text dragging * @@ -25080,24 +24811,24 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {object} options * @param {DragEvent} options.e */ - dropHandler: function (options) { - var e = options.e, didDrop = e.defaultPrevented; + dropHandler({ e }) { + const didDrop = e.defaultPrevented; this.__isDraggingOver = false; // inform browser that the drop has been accepted e.preventDefault(); - var insert = e.dataTransfer.getData('text/plain'); + let insert = e.dataTransfer.getData('text/plain'); if (insert && !didDrop) { - var insertAt = this.getSelectionStartFromPointer(e); - var data = e.dataTransfer.types.includes('application/fabric') + let insertAt = this.getSelectionStartFromPointer(e); + const data = e.dataTransfer.types.includes('application/fabric') ? JSON.parse(e.dataTransfer.getData('application/fabric')) : {}; - var styles = data.styles; - var trailing = insert[Math.max(0, insert.length - 1)]; - var selectionStartOffset = 0; + const styles = data.styles; + const trailing = insert[Math.max(0, insert.length - 1)]; + const selectionStartOffset = 0; // drag and drop in same instance if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; if (insertAt > selectionStart && insertAt <= selectionEnd) { insertAt = selectionStart; } @@ -25134,11 +24865,11 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.canvas.contextTopDirty = true; this.canvas.requestRenderAll(); } - }, + } /** * @private */ - _setEditingProps: function () { + _setEditingProps() { this.hoverCursor = 'text'; if (this.canvas) { this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; @@ -25146,54 +24877,54 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.borderColor = this.editingBorderColor; this.hasControls = this.selectable = false; this.lockMovementX = this.lockMovementY = true; - }, + } /** * convert from textarea to grapheme indexes */ - fromStringToGraphemeSelection: function (start, end, text) { - var smallerTextStart = text.slice(0, start), graphemeStart = this.graphemeSplit(smallerTextStart).length; + fromStringToGraphemeSelection(start, end, text) { + const smallerTextStart = text.slice(0, start), graphemeStart = this.graphemeSplit(smallerTextStart).length; if (start === end) { return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; } - var smallerTextEnd = text.slice(start, end), graphemeEnd = this.graphemeSplit(smallerTextEnd).length; + const smallerTextEnd = text.slice(start, end), graphemeEnd = this.graphemeSplit(smallerTextEnd).length; return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd, }; - }, + } /** * convert from fabric to textarea values */ - fromGraphemeToStringSelection: function (start, end, _text) { - var smallerTextStart = _text.slice(0, start), graphemeStart = smallerTextStart.join('').length; + fromGraphemeToStringSelection(start, end, _text) { + const smallerTextStart = _text.slice(0, start), graphemeStart = smallerTextStart.join('').length; if (start === end) { return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; } - var smallerTextEnd = _text.slice(start, end), graphemeEnd = smallerTextEnd.join('').length; + const smallerTextEnd = _text.slice(start, end), graphemeEnd = smallerTextEnd.join('').length; return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd, }; - }, + } /** * @private */ - _updateTextarea: function () { + _updateTextarea() { this.cursorOffsetCache = {}; if (!this.hiddenTextarea) { return; } if (!this.inCompositionMode) { - var newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); + const newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); this.hiddenTextarea.selectionStart = newSelection.selectionStart; this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; } this.updateTextareaPosition(); - }, + } /** * @private */ - updateFromTextArea: function () { + updateFromTextArea() { if (!this.hiddenTextarea) { return; } @@ -25203,40 +24934,40 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.initDimensions(); this.setCoords(); } - var newSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); + const newSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); this.selectionEnd = this.selectionStart = newSelection.selectionEnd; if (!this.inCompositionMode) { this.selectionStart = newSelection.selectionStart; } this.updateTextareaPosition(); - }, + } /** * @private */ - updateTextareaPosition: function () { + updateTextareaPosition() { if (this.selectionStart === this.selectionEnd) { - var style = this._calcTextareaPosition(); + const style = this._calcTextareaPosition(); this.hiddenTextarea.style.left = style.left; this.hiddenTextarea.style.top = style.top; } - }, + } /** * @private * @return {Object} style contains style for hiddenTextarea */ - _calcTextareaPosition: function () { + _calcTextareaPosition() { if (!this.canvas) { return { x: 1, y: 1 }; } - var desiredPosition = this.inCompositionMode + let desiredPosition = this.inCompositionMode ? this.compositionStart : this.selectionStart, boundaries = this._getCursorBoundaries(desiredPosition), cursorLocation = this.get2DCursorLocation(desiredPosition), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * this.lineHeight, leftOffset = boundaries.leftOffset, m = this.calcTransformMatrix(), p = { x: boundaries.left + leftOffset, y: boundaries.top + boundaries.topOffset + charHeight, }, retinaScaling = this.canvas.getRetinaScaling(), upperCanvas = this.canvas.upperCanvasEl, upperCanvasWidth = upperCanvas.width / retinaScaling, upperCanvasHeight = upperCanvas.height / retinaScaling, maxWidth = upperCanvasWidth - charHeight, maxHeight = upperCanvasHeight - charHeight, scaleX = upperCanvas.clientWidth / upperCanvasWidth, scaleY = upperCanvas.clientHeight / upperCanvasHeight; - p = fabric.util.transformPoint(p, m); - p = fabric.util.transformPoint(p, this.canvas.viewportTransform); + p = transformPoint(p, m); + p = transformPoint(p, this.canvas.viewportTransform); p.x *= scaleX; p.y *= scaleY; if (p.x < 0) { @@ -25260,11 +24991,11 @@ const reNonWord = /[ \n\.,;!\?\-]/; fontSize: charHeight + 'px', charHeight: charHeight, }; - }, + } /** * @private */ - _saveEditingProps: function () { + _saveEditingProps() { this._savedProps = { hasControls: this.hasControls, borderColor: this.borderColor, @@ -25275,11 +25006,11 @@ const reNonWord = /[ \n\.,;!\?\-]/; defaultCursor: this.canvas && this.canvas.defaultCursor, moveCursor: this.canvas && this.canvas.moveCursor, }; - }, + } /** * @private */ - _restoreEditingProps: function () { + _restoreEditingProps() { if (!this._savedProps) { return; } @@ -25294,15 +25025,15 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.canvas.moveCursor = this._savedProps.moveCursor; } delete this._savedProps; - }, + } /** * Exits from editing state - * @return {fabric.IText} thisArg + * @return {IText} thisArg * @chainable */ - exitEditing: function () { - var isTextChanged = this._textBeforeEdit !== this.text; - var hiddenTextarea = this.hiddenTextarea; + exitEditing() { + const isTextChanged = this._textBeforeEdit !== this.text; + const hiddenTextarea = this.hiddenTextarea; this.selected = false; this.isEditing = false; this.selectionEnd = this.selectionStart; @@ -25323,28 +25054,27 @@ const reNonWord = /[ \n\.,;!\?\-]/; if (this.canvas) { this.canvas.off('mouse:move', this.mouseMoveHandler); this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && - this.canvas.fire('object:modified', { target: this }); + isTextChanged && this.canvas.fire('object:modified', { target: this }); } return this; - }, + } /** * @private */ - _removeExtraneousStyles: function () { - for (var prop in this.styles) { + _removeExtraneousStyles() { + for (const prop in this.styles) { if (!this._textLines[prop]) { delete this.styles[prop]; } } - }, + } /** * remove and reflow a style block from start to end. * @param {Number} start linear start position for removal (included in removal) * @param {Number} end linear end position for removal ( excluded from removal ) */ - removeStyleFromTo: function (start, end) { - var cursorStart = this.get2DCursorLocation(start, true), cursorEnd = this.get2DCursorLocation(end, true), lineStart = cursorStart.lineIndex, charStart = cursorStart.charIndex, lineEnd = cursorEnd.lineIndex, charEnd = cursorEnd.charIndex, i, styleObj; + removeStyleFromTo(start, end) { + let cursorStart = this.get2DCursorLocation(start, true), cursorEnd = this.get2DCursorLocation(end, true), lineStart = cursorStart.lineIndex, charStart = cursorStart.charIndex, lineEnd = cursorEnd.lineIndex, charEnd = cursorEnd.charIndex, i, styleObj; if (lineStart !== lineEnd) { // step1 remove the trailing of lineStart if (this.styles[lineStart]) { @@ -25373,7 +25103,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; // remove and shift left on the same line if (this.styles[lineStart]) { styleObj = this.styles[lineStart]; - var diff = charEnd - charStart, numericChar, _char; + let diff = charEnd - charStart, numericChar, _char; for (i = charStart; i < charEnd; i++) { delete styleObj[i]; } @@ -25386,18 +25116,16 @@ const reNonWord = /[ \n\.,;!\?\-]/; } } } - }, + } /** * Shifts line styles up or down * @param {Number} lineIndex Index of a line * @param {Number} offset Can any number? */ - shiftLineStyles: function (lineIndex, offset) { - // shift all line styles by offset upward or downward - // do not clone deep. we need new array, not new style objects - var clonedStyles = Object.assign({}, this.styles); - for (var line in this.styles) { - var numericLine = parseInt(line, 10); + shiftLineStyles(lineIndex, offset) { + const clonedStyles = Object.assign({}, this.styles); + for (const line in this.styles) { + const numericLine = parseInt(line, 10); if (numericLine > lineIndex) { this.styles[numericLine + offset] = clonedStyles[numericLine]; if (!clonedStyles[numericLine - offset]) { @@ -25405,15 +25133,15 @@ const reNonWord = /[ \n\.,;!\?\-]/; } } } - }, - restartCursorIfNeeded: function () { + } + restartCursorIfNeeded() { if (!this._currentTickState || this._currentTickState.isAborted || !this._currentTickCompleteState || this._currentTickCompleteState.isAborted) { this.initDelayedCursor(); } - }, + } /** * Handle insertion of more consecutive style lines for when one or more * newlines gets added to the text. Since current style needs to be shifted @@ -25424,8 +25152,8 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {Number} qty number of lines to add * @param {Array} copiedStyle Array of objects styles */ - insertNewlineStyleObject: function (lineIndex, charIndex, qty, copiedStyle) { - var currentCharStyle, newLineStyles = {}, somethingAdded = false, isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + insertNewlineStyleObject(lineIndex, charIndex, qty, copiedStyl) { + let currentCharStyle, newLineStyles = {}, somethingAdded = false, isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; qty || (qty = 1); this.shiftLineStyles(lineIndex, qty); if (this.styles[lineIndex]) { @@ -25434,8 +25162,8 @@ const reNonWord = /[ \n\.,;!\?\-]/; } // we clone styles of all chars // after cursor onto the current line - for (var index in this.styles[lineIndex]) { - var numIndex = parseInt(index, 10); + for (const index in this.styles[lineIndex]) { + const numIndex = parseInt(index, 10); if (numIndex >= charIndex) { somethingAdded = true; newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; @@ -25445,7 +25173,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; } } } - var styleCarriedOver = false; + let styleCarriedOver = false; if (somethingAdded && !isEndOfLine) { // if is end of line, the extra style we copied // is probably not something we want @@ -25475,7 +25203,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; qty--; } this._forceClearCache = true; - }, + } /** * Inserts style object for a given line/char index * @param {Number} lineIndex Index of a line @@ -25483,18 +25211,18 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {Number} quantity number Style object to insert, if given * @param {Array} copiedStyle array of style objects */ - insertCharStyleObject: function (lineIndex, charIndex, quantity, copiedStyle) { + insertCharStyleObject(lineIndex, charIndex, quantity, copiedStyl) { if (!this.styles) { this.styles = {}; } - var currentLineStyles = this.styles[lineIndex], currentLineStylesCloned = currentLineStyles + const currentLineStyles = this.styles[lineIndex], currentLineStylesCloned = currentLineStyles ? Object.assign({}, currentLineStyles) : {}; quantity || (quantity = 1); // shift all char styles by quantity forward // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (var index in currentLineStylesCloned) { - var numericIndex = parseInt(index, 10); + for (const index in currentLineStylesCloned) { + const numericIndex = parseInt(index, 10); if (numericIndex >= charIndex) { currentLineStyles[numericIndex + quantity] = currentLineStylesCloned[numericIndex]; @@ -25520,19 +25248,19 @@ const reNonWord = /[ \n\.,;!\?\-]/; if (!currentLineStyles) { return; } - var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; while (newStyle && quantity--) { this.styles[lineIndex][charIndex + quantity] = Object.assign({}, newStyle); } - }, + } /** * Inserts style object(s) * @param {Array} insertedText Characters at the location where style is inserted * @param {Number} start cursor index for inserting style * @param {Array} [copiedStyle] array of style objects to insert. */ - insertNewStyleBlock: function (insertedText, start, copiedStyle) { - var cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], linesLength = 0; + insertNewStyleBlock(insertedText, start, copiedStyle) { + let cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], linesLength = 0; // get an array of how many char per lines are being added. for (var i = 0; i < insertedText.length; i++) { if (insertedText[i] === '\n') { @@ -25569,12 +25297,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; if (addedLines[i] > 0) { this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); } - }, + } /** * Set the selectionStart and selectionEnd according to the new position of cursor * mimic the key - mouse navigation when shift is pressed. */ - setSelectionStartEndWithShift: function (start, end, newSelection) { + setSelectionStartEndWithShift(start, end, newSelection) { if (newSelection <= start) { if (end === start) { this._selectionDirection = 'left'; @@ -25604,9 +25332,9 @@ const reNonWord = /[ \n\.,;!\?\-]/; } this.selectionEnd = newSelection; } - }, - setSelectionInBoundaries: function () { - var length = this.text.length; + } + setSelectionInBoundaries() { + const length = this.text.length; if (this.selectionStart > length) { this.selectionStart = length; } @@ -25619,31 +25347,29 @@ const reNonWord = /[ \n\.,;!\?\-]/; else if (this.selectionEnd < 0) { this.selectionEnd = 0; } - }, - }); -})(typeof exports !== 'undefined' ? exports : window); + } + }; +} +IText = ITextBehaviorMixinGenerator(IText); //@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { +function ITextClickBehaviorMixinGenerator(Klass) { + return class ITextClickBehaviorMixin extends Klass { /** * Initializes "dbclick" event handler */ - initDoubleClickSimulation: function () { - // for double click + initDoubleClickSimulation() { this.__lastClickTime = +new Date(); // for triple click this.__lastLastClickTime = +new Date(); this.__lastPointer = {}; this.on('mousedown', this.onMouseDown); - }, + } /** * Default event handler to simulate triple click * @private */ - onMouseDown: function (options) { + onMouseDown(options) { if (!this.canvas) { return; } @@ -25658,53 +25384,53 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.__lastPointer = newPointer; this.__lastIsEditing = this.isEditing; this.__lastSelected = this.selected; - }, - isTripleClick: function (newPointer) { + } + isTripleClick(newPointer) { return (this.__newClickTime - this.__lastClickTime < 500 && this.__lastClickTime - this.__lastLastClickTime < 500 && this.__lastPointer.x === newPointer.x && this.__lastPointer.y === newPointer.y); - }, + } /** * @private */ - _stopEvent: function (e) { + _stopEvent(e) { e.preventDefault && e.preventDefault(); e.stopPropagation && e.stopPropagation(); - }, + } /** * Initializes event handlers related to cursor or selection */ - initCursorSelectionHandlers: function () { + initCursorSelectionHandlers() { this.initMousedownHandler(); this.initMouseupHandler(); this.initClicks(); - }, + } /** * Default handler for double click, select a word */ - doubleClickHandler: function (options) { + doubleClickHandler(options) { if (!this.isEditing) { return; } this.selectWord(this.getSelectionStartFromPointer(options.e)); - }, + } /** * Default handler for triple click, select a line */ - tripleClickHandler: function (options) { + tripleClickHandler(options) { if (!this.isEditing) { return; } this.selectLine(this.getSelectionStartFromPointer(options.e)); - }, + } /** * Initializes double and triple click event handlers */ - initClicks: function () { + initClicks() { this.on('mousedblclick', this.doubleClickHandler); this.on('tripleclick', this.tripleClickHandler); - }, + } /** * Default event handler for the basic functionalities needed on _mouseDown * can be overridden to do something different. @@ -25713,7 +25439,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; * initializing a mousedDown on a text area will cancel fabricjs knowledge of * current compositionMode. It will be set to false. */ - _mouseDownHandler: function (options) { + _mouseDownHandler(options) { if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { @@ -25731,13 +25457,13 @@ const reNonWord = /[ \n\.,;!\?\-]/; } this.renderCursorOrSelection(); } - }, + } /** * Default event handler for the basic functionalities needed on mousedown:before * can be overridden to do something different. * Scope of this implementation is: verify the object is already selected when mousing down */ - _mouseDownHandlerBefore: function (options) { + _mouseDownHandlerBefore(options) { if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { @@ -25753,25 +25479,25 @@ const reNonWord = /[ \n\.,;!\?\-]/; newSelection >= this.selectionStart && newSelection <= this.selectionEnd && this.selectionStart < this.selectionEnd; - }, + } /** * Initializes "mousedown" event handler */ - initMousedownHandler: function () { + initMousedownHandler() { this.on('mousedown', this._mouseDownHandler); this.on('mousedown:before', this._mouseDownHandlerBefore); - }, + } /** * Initializes "mouseup" event handler */ - initMouseupHandler: function () { + initMouseupHandler() { this.on('mouseup', this.mouseUpHandler); - }, + } /** * standard handler for mouse up, overridable * @private */ - mouseUpHandler: function (options) { + mouseUpHandler(options) { this.__isMousedown = false; if (!this.editable || (this.group && !this.group.interactive) || @@ -25802,12 +25528,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; else { this.selected = true; } - }, + } /** * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - setCursorByClick: function (e) { + setCursorByClick(e) { var newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd; if (e.shiftKey) { this.setSelectionStartEndWithShift(start, end, newSelection); @@ -25820,23 +25546,23 @@ const reNonWord = /[ \n\.,;!\?\-]/; this._fireSelectionChanged(); this._updateTextarea(); } - }, + } /** * Returns coordinates of a pointer relative to object's top left corner in object's plane - * @param {Event} e Event to operate upon - * @param {Object} [pointer] Pointer to operate upon (instead of event) + * @param {TPointerEvent} e Event to operate upon + * @param {IPoint} [pointer] Pointer to operate upon (instead of event) * @return {Point} Coordinates of a pointer (x, y) */ - getLocalPointer: function (e, pointer) { + getLocalPointer(e, pointer) { const thePointer = pointer || this.canvas.getPointer(e); - return transformPoint(thePointer, invertTransform(this.calcTransformMatrix())).add(new Point(this.width / 2, this.height / 2)); - }, + return transformPoint$1(thePointer, invertTransform(this.calcTransformMatrix())).add(new Point(this.width / 2, this.height / 2)); + } /** * Returns index of a character corresponding to where an object was clicked - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @return {Number} Index of a character */ - getSelectionStartFromPointer: function (e) { + getSelectionStartFromPointer(e) { var mouseOffset = this.getLocalPointer(e), prevWidth = 0, width = 0, height = 0, charIndex = 0, lineIndex = 0, lineLeftOffset, line; for (var i = 0, len = this._textLines.length; i < len; i++) { if (height <= mouseOffset.y) { @@ -25844,8 +25570,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; lineIndex = i; if (i > 0) { charIndex += - this._textLines[i - 1].length + - this.missingNewlineOffset(i - 1); + this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); } } else { @@ -25874,12 +25599,11 @@ const reNonWord = /[ \n\.,;!\?\-]/; } } return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); - }, + } /** * @private */ - _getNewSelectionStartFromOffset: function (mouseOffset, prevWidth, width, index, jlen) { - // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 + _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, distanceBtwNextCharAndCursor = width - mouseOffset.x, offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || distanceBtwNextCharAndCursor < 0 ? 0 @@ -25892,20 +25616,20 @@ const reNonWord = /[ \n\.,;!\?\-]/; newSelectionStart = this._text.length; } return newSelectionStart; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); + } + }; +} +IText = ITextClickBehaviorMixinGenerator(IText); //@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { +var fabric$1 = global.fabric; +function ITextKeyBehaviorMixinGenerator(Klass) { + return class ITextKeyBehaviorMixin extends Klass { /** * Initializes hidden textarea (needed to bring up keyboard in iOS) */ - initHiddenTextarea: function () { - this.hiddenTextarea = fabric.document.createElement('textarea'); + initHiddenTextarea() { + this.hiddenTextarea = fabric$1.document.createElement('textarea'); this.hiddenTextarea.setAttribute('autocapitalize', 'off'); this.hiddenTextarea.setAttribute('autocorrect', 'off'); this.hiddenTextarea.setAttribute('autocomplete', 'off'); @@ -25928,87 +25652,38 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); } else { - fabric.document.body.appendChild(this.hiddenTextarea); - } - fabric.util.addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); + fabric$1.document.body.appendChild(this.hiddenTextarea); + } + addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); + addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); + addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); + addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); + addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); + addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); + addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); + addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); if (!this._clickHandlerInitialized && this.canvas) { - fabric.util.addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); + addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); this._clickHandlerInitialized = true; } - }, - /** - * For functionalities on keyDown - * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or - * your prototype. - * the map change will affect all Instances unless you need for only some text Instances - * in that case you have to clone this object and assign your Instance. - * this.keysMap = Object.assign({}, this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] - */ - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - /** - * For functionalities on keyUp + ctrl || cmd - */ - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut', - }, - /** - * For functionalities on keyDown + ctrl || cmd - */ - ctrlKeysMapDown: { - 65: 'selectAll', - }, - onClick: function () { - // No need to trigger click event here, focus is enough to have the keyboard appear on Android + } + onClick() { this.hiddenTextarea && this.hiddenTextarea.focus(); - }, + } /** * Override this method to customize cursor behavior on textbox blur */ - blur: function () { + blur() { this.abortCursorAnimation(); - }, + } /** * Handles keydown event * only used for arrows and combination of modifier keys. - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - onKeyDown: function (e) { + onKeyDown(e) { if (!this.isEditing) { return; } @@ -26034,14 +25709,14 @@ const reNonWord = /[ \n\.,;!\?\-]/; else { this.canvas && this.canvas.requestRenderAll(); } - }, + } /** * Handles keyup event * We handle KeyUp because ie11 and edge have difficulties copy/pasting * if a copy/cut event fired, keyup is dismissed - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - onKeyUp: function (e) { + onKeyUp(e) { if (!this.isEditing || this._copyDone || this.inCompositionMode) { this._copyDone = false; return; @@ -26055,12 +25730,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; e.stopImmediatePropagation(); e.preventDefault(); this.canvas && this.canvas.requestRenderAll(); - }, + } /** * Handles onInput event - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - onInput: function (e) { + onInput(e) { var fromPaste = this.fromPaste; this.fromPaste = false; e && e.stopPropagation(); @@ -26124,9 +25799,9 @@ const reNonWord = /[ \n\.,;!\?\-]/; } if (insertedText.length) { if (fromPaste && - insertedText.join('') === fabric.copiedText && + insertedText.join('') === fabric$1.copiedText && !config.disableStyleCopyPaste) { - copiedStyle = fabric.copiedTextStyle; + copiedStyle = fabric$1.copiedTextStyle; } this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); } @@ -26136,60 +25811,56 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.canvas.fire('text:changed', { target: this }); this.canvas.requestRenderAll(); } - }, + } /** * Composition start */ - onCompositionStart: function () { + onCompositionStart() { this.inCompositionMode = true; - }, + } /** * Composition end */ - onCompositionEnd: function () { + onCompositionEnd() { this.inCompositionMode = false; - }, - // /** - // * Composition update + } // */ - onCompositionUpdate: function (e) { + onCompositionUpdate(e) { this.compositionStart = e.target.selectionStart; this.compositionEnd = e.target.selectionEnd; this.updateTextareaPosition(); - }, + } /** * Copies selected text - * @param {Event} e Event object */ - copy: function () { + copy() { if (this.selectionStart === this.selectionEnd) { //do not cut-copy if no selection return; } - fabric.copiedText = this.getSelectedText(); + fabric$1.copiedText = this.getSelectedText(); if (!config.disableStyleCopyPaste) { - fabric.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); + fabric$1.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); } else { - fabric.copiedTextStyle = null; + fabric$1.copiedTextStyle = null; } this._copyDone = true; - }, + } /** * Pastes text - * @param {Event} e Event object */ - paste: function () { + paste() { this.fromPaste = true; - }, + } /** * @private - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @return {Object} Clipboard data object */ - _getClipboardData: function (e) { - return (e && e.clipboardData) || fabric.window.clipboardData; - }, + _getClipboardData(e) { + return (e && e.clipboardData) || fabric$1.window.clipboardData; + } /** * Finds the width in pixels before the cursor on the same line * @private @@ -26197,21 +25868,21 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {Number} charIndex * @return {Number} widthBeforeCursor width before cursor */ - _getWidthBeforeCursor: function (lineIndex, charIndex) { + _getWidthBeforeCursor(lineIndex, charIndex) { var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; if (charIndex > 0) { bound = this.__charBounds[lineIndex][charIndex - 1]; widthBeforeCursor += bound.left + bound.width; } return widthBeforeCursor; - }, + } /** * Gets start offset of a selection - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - getDownCursorOffset: function (e, isRight) { + getDownCursorOffset(e, isRight) { var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; // if on last line, down cursor goes to end of line if (lineIndex === this._textLines.length - 1 || @@ -26225,30 +25896,28 @@ const reNonWord = /[ \n\.,;!\?\-]/; indexOnOtherLine + 1 + this.missingNewlineOffset(lineIndex)); - }, + } /** * private * Helps finding if the offset should be counted from Start or End - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - _getSelectionForOffset: function (e, isRight) { - if (e.shiftKey && - this.selectionStart !== this.selectionEnd && - isRight) { + _getSelectionForOffset(e, isRight) { + if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { return this.selectionEnd; } else { return this.selectionStart; } - }, + } /** - * @param {Event} e Event object + * @param {TPointerEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - getUpCursorOffset: function (e, isRight) { + getUpCursorOffset(e, isRight) { var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { // if on first line, up cursor goes to start of line @@ -26260,12 +25929,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; indexOnOtherLine - textBeforeCursor.length + (1 - missingNewlineOffset)); - }, + } /** * for a given width it founds the matching character. * @private */ - _getIndexOnLine: function (lineIndex, width) { + _getIndexOnLine(lineIndex, width) { var line = this._textLines[lineIndex], lineLeftOffset = this._getLineLeftOffset(lineIndex), widthOfCharsOnLine = lineLeftOffset, indexOnLine = 0, charWidth, foundMatch; for (var j = 0, jlen = line.length; j < jlen; j++) { charWidth = this.__charBounds[lineIndex][j].width; @@ -26282,36 +25951,34 @@ const reNonWord = /[ \n\.,;!\?\-]/; indexOnLine = line.length - 1; } return indexOnLine; - }, + } /** * Moves cursor down - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorDown: function (e) { + moveCursorDown(e) { if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { return; } this._moveCursorUpOrDown('Down', e); - }, + } /** * Moves cursor up - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorUp: function (e) { + moveCursorUp(e) { if (this.selectionStart === 0 && this.selectionEnd === 0) { return; } this._moveCursorUpOrDown('Up', e); - }, + } /** * Moves cursor up or down, fires the events * @param {String} direction 'Up' or 'Down' - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - _moveCursorUpOrDown: function (direction, e) { - // getUpCursorOffset - // getDownCursorOffset + _moveCursorUpOrDown(direction, e) { var action = 'get' + direction + 'CursorOffset', offset = this[action](e, this._selectionDirection === 'right'); if (e.shiftKey) { this.moveCursorWithShift(offset); @@ -26327,23 +25994,23 @@ const reNonWord = /[ \n\.,;!\?\-]/; this._fireSelectionChanged(); this._updateTextarea(); } - }, + } /** * Moves cursor with shift * @param {Number} offset */ - moveCursorWithShift: function (offset) { + moveCursorWithShift(offset) { var newSelection = this._selectionDirection === 'left' ? this.selectionStart + offset : this.selectionEnd + offset; this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); return offset !== 0; - }, + } /** * Moves cursor up without shift * @param {Number} offset */ - moveCursorWithoutShift: function (offset) { + moveCursorWithoutShift(offset) { if (offset < 0) { this.selectionStart += offset; this.selectionEnd = this.selectionStart; @@ -26353,22 +26020,22 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.selectionStart = this.selectionEnd; } return offset !== 0; - }, + } /** * Moves cursor left - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorLeft: function (e) { + moveCursorLeft(e) { if (this.selectionStart === 0 && this.selectionEnd === 0) { return; } this._moveCursorLeftOrRight('Left', e); - }, + } /** * @private * @return {Boolean} true if a change happened */ - _move: function (e, prop, direction) { + _move(e, prop, direction) { var newValue; if (e.altKey) { newValue = this['findWordBoundary' + direction](this[prop]); @@ -26384,24 +26051,24 @@ const reNonWord = /[ \n\.,;!\?\-]/; this[prop] = newValue; return true; } - }, + } /** * @private */ - _moveLeft: function (e, prop) { + _moveLeft(e, prop) { return this._move(e, prop, 'Left'); - }, + } /** * @private */ - _moveRight: function (e, prop) { + _moveRight(e, prop) { return this._move(e, prop, 'Right'); - }, + } /** * Moves cursor left without keeping selection - * @param {Event} e + * @param {TPointerEvent} e */ - moveCursorLeftWithoutShift: function (e) { + moveCursorLeftWithoutShift(e) { var change = true; this._selectionDirection = 'left'; // only move cursor when there is no selection, @@ -26412,12 +26079,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; } this.selectionEnd = this.selectionStart; return change; - }, + } /** * Moves cursor left while keeping selection - * @param {Event} e + * @param {TPointerEvent} e */ - moveCursorLeftWithShift: function (e) { + moveCursorLeftWithShift(e) { if (this._selectionDirection === 'right' && this.selectionStart !== this.selectionEnd) { return this._moveLeft(e, 'selectionEnd'); @@ -26426,24 +26093,24 @@ const reNonWord = /[ \n\.,;!\?\-]/; this._selectionDirection = 'left'; return this._moveLeft(e, 'selectionStart'); } - }, + } /** * Moves cursor right - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorRight: function (e) { + moveCursorRight(e) { if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { return; } this._moveCursorLeftOrRight('Right', e); - }, + } /** * Moves cursor right or Left, fires event * @param {String} direction 'Left', 'Right' - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - _moveCursorLeftOrRight: function (direction, e) { + _moveCursorLeftOrRight(direction, e) { var actionName = 'moveCursor' + direction + 'With'; this._currentCursorOpacity = 1; if (e.shiftKey) { @@ -26458,12 +26125,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; this._fireSelectionChanged(); this._updateTextarea(); } - }, + } /** * Moves cursor right while keeping selection - * @param {Event} e + * @param {TPointerEvent} e */ - moveCursorRightWithShift: function (e) { + moveCursorRightWithShift(e) { if (this._selectionDirection === 'left' && this.selectionStart !== this.selectionEnd) { return this._moveRight(e, 'selectionStart'); @@ -26472,12 +26139,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; this._selectionDirection = 'right'; return this._moveRight(e, 'selectionEnd'); } - }, + } /** * Moves cursor right without keeping selection - * @param {Event} e Event object + * @param {TPointerEvent} e Event object */ - moveCursorRightWithoutShift: function (e) { + moveCursorRightWithoutShift(e) { var changed = true; this._selectionDirection = 'right'; if (this.selectionStart === this.selectionEnd) { @@ -26488,7 +26155,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.selectionStart = this.selectionEnd; } return changed; - }, + } /** * Removes characters from start/end * start/end ar per grapheme position in _text array. @@ -26496,7 +26163,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {Number} start * @param {Number} end default to start + 1 */ - removeChars: function (start, end) { + removeChars(start, end) { if (typeof end === 'undefined') { end = start + 1; } @@ -26509,7 +26176,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.setCoords(); } this._removeExtraneousStyles(); - }, + } /** * insert characters at start position, before start position. * start equal 1 it means the text get inserted between actual grapheme 0 and 1 @@ -26522,7 +26189,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; * @param {Number} start * @param {Number} end default to start + 1 */ - insertChars: function (text, style, start, end) { + insertChars(text, style, start, end) { if (typeof end === 'undefined') { end = start; } @@ -26539,51 +26206,85 @@ const reNonWord = /[ \n\.,;!\?\-]/; this.setCoords(); } this._removeExtraneousStyles(); - }, - }); -})(typeof exports !== 'undefined' ? exports : window); + } + }; +} +IText = ITextKeyBehaviorMixinGenerator(IText); +const iTextKeyBehaviorMixinDefaultValues = { + keysMap: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorRight', + 36: 'moveCursorLeft', + 37: 'moveCursorLeft', + 38: 'moveCursorUp', + 39: 'moveCursorRight', + 40: 'moveCursorDown', + }, + keysMapRtl: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorLeft', + 36: 'moveCursorRight', + 37: 'moveCursorRight', + 38: 'moveCursorUp', + 39: 'moveCursorLeft', + 40: 'moveCursorDown', + }, + ctrlKeysMapUp: { + 67: 'copy', + 88: 'cut', + }, + ctrlKeysMapDown: { + 65: 'selectAll', + }, +}; +Object.assign(ITextKeyBehaviorMixin.prototype, iTextKeyBehaviorMixinDefaultValues); //@ts-nocheck /* _TO_SVG_START_ */ -(function (global) { - var fabric = global.fabric, toFixed = fabric.util.toFixed, multipleSpacesRegex = / +/g; - fabric.util.object.extend(fabric.Text.prototype, - /** @lends fabric.Text.prototype */ { +var toFixed = toFixed, multipleSpacesRegex = / +/g; +function TextIMixinGenerator(Klass) { + return class TextIMixin extends Klass { /** * Returns SVG representation of an instance * @param {Function} [reviver] Method for further parsing of svg representation. * @return {String} svg representation of an instance */ - _toSVG: function () { + _toSVG() { var offsets = this._getSVGLeftTopOffsets(), textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); return this._wrapSVGTextAndBg(textAndBg); - }, + } /** * Returns svg representation of an instance * @param {Function} [reviver] Method for further parsing of svg representation. * @return {String} svg representation of an instance */ - toSVG: function (reviver) { + toSVG(reviver) { return this._createBaseSVGMarkup(this._toSVG(), { reviver: reviver, noStyle: true, withShadow: true, }); - }, + } /** * @private */ - _getSVGLeftTopOffsets: function () { + _getSVGLeftTopOffsets() { return { textLeft: -this.width / 2, textTop: -this.height / 2, lineTop: this.getHeightOfLine(0), }; - }, + } /** * @private */ - _wrapSVGTextAndBg: function (textAndBg) { + _wrapSVGTextAndBg(textAndBg) { var noShadow = true, textDecoration = this.getSvgTextDecoration(this); return [ textAndBg.textBgRects.join(''), @@ -26604,14 +26305,14 @@ const reNonWord = /[ \n\.,;!\?\-]/; textAndBg.textSpans.join(''), '\n', ]; - }, + } /** * @private * @param {Number} textTopOffset Text top offset * @param {Number} textLeftOffset Text left offset * @return {Object} */ - _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { + _getSVGTextAndBg(textTopOffset, textLeftOffset) { var textSpans = [], textBgRects = [], height = textTopOffset, lineOffset; // bounding-box background this._setSVGBg(textBgRects); @@ -26632,11 +26333,11 @@ const reNonWord = /[ \n\.,;!\?\-]/; textSpans: textSpans, textBgRects: textBgRects, }; - }, + } /** * @private */ - _createTextCharSpan: function (_char, styleDecl, left, top) { + _createTextCharSpan(_char, styleDecl, left, top) { var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), fillStyles = styleProps ? 'style="' + styleProps + '"' : '', dy = styleDecl.deltaY, dySpan = '', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; if (dy) { dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; @@ -26650,12 +26351,11 @@ const reNonWord = /[ \n\.,;!\?\-]/; dySpan, fillStyles, '>', - fabric.util.string.escapeXml(_char), + string.escapeXml(_char), '', ].join(''); - }, - _setSVGTextLineText: function (textSpans, lineIndex, textLeftOffset, textTopOffset) { - // set proper line offset + } + _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) { var lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, style, boxWidth = 0, line = this._textLines[lineIndex], timeToRender; textTopOffset += (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; @@ -26680,7 +26380,7 @@ const reNonWord = /[ \n\.,;!\?\-]/; actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = fabric.util.hasStyleChanged(actualStyle, nextStyle, true); + timeToRender = hasStyleChanged(actualStyle, nextStyle, true); } if (timeToRender) { style = this._getStyleDeclaration(lineIndex, i) || {}; @@ -26696,12 +26396,12 @@ const reNonWord = /[ \n\.,;!\?\-]/; boxWidth = 0; } } - }, - _pushTextBgRect: function (textBgRects, color, left, top, width, height) { + } + _pushTextBgRect(textBgRects, color, left, top, width, height) { var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; textBgRects.push('\t\t\n'); - }, - _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { + } + _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) { var line = this._textLines[i], heightOfLine = this.getHeightOfLine(i) / this.lineHeight, boxWidth = 0, boxStart = 0, charBox, currentColor, lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); for (var j = 0, jlen = line.length; j < jlen; j++) { charBox = this.__charBounds[i][j]; @@ -26711,495 +26411,454 @@ const reNonWord = /[ \n\.,;!\?\-]/; this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); boxStart = charBox.left; boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } - } - currentColor && - this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); - }, - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes: function (value) { - var fillColor = value && typeof value === 'string' ? new Color(value) : ''; - if (!fillColor || - !fillColor.getSource() || - fillColor.getAlpha() === 1) { - return 'fill="' + value + '"'; - } - return ('opacity="' + - fillColor.getAlpha() + - '" fill="' + - fillColor.setAlpha(1).toRgb() + - '"'); - }, - /** - * @private - */ - _getSVGLineTopOffset: function (lineIndex) { - var lineTopOffset = 0, lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / - (this.lineHeight * this._fontSizeMult), - }; - }, - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function (skipShadow) { - var svgStyle = InteractiveFabricObject.prototype.getSvgStyles.call(this, skipShadow); - return svgStyle + ' white-space: pre;'; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); -/* _TO_SVG_END_ */ - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}); - /** - * Textbox class, based on IText, allows the user to resize the text rectangle - * and wraps lines automatically. Textboxes have their Y scaling locked, the - * user can only change width. Height is adjusted automatically based on the - * wrapping of lines. - * @class fabric.Textbox - * @extends fabric.IText - * @return {fabric.Textbox} thisArg - * @see {@link fabric.Textbox#initialize} for constructor definition - */ - fabric.Textbox = fabric.util.createClass(fabric.IText, { - /** - * Type of an object - * @type String - * @default - */ - type: 'textbox', - /** - * Minimum width of textbox, in pixels. - * @type Number - * @default - */ - minWidth: 20, - /** - * Minimum calculated width of a textbox, in pixels. - * fixed to 2 so that an empty textbox cannot go to 0 - * and is still selectable without text. - * @type Number - * @default - */ - dynamicMinWidth: 2, - /** - * Cached array of text wrapping. - * @type Array - */ - __cachedLines: null, - /** - * Override standard Object class values - */ - lockScalingFlip: true, - /** - * Override standard Object class values - * Textbox needs this on false - */ - noScaleCache: false, - /** - * Properties which when set cause object to change dimensions - * @type Object - * @private - */ - _dimensionAffectingProps: fabric.Text.prototype._dimensionAffectingProps.concat('width'), - /** - * Use this regular expression to split strings in breakable lines - * @private - */ - _wordJoiners: /[ \t\r]/, - /** - * Use this boolean property in order to split strings that have no white space concept. - * this is a cheap way to help with chinese/japanese - * @type Boolean - * @since 2.6.0 - */ - splitByGrapheme: false, + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + currentColor && + this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); + } /** - * Unlike superclass's version of this function, Textbox does not update - * its width. + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * * @private - * @override + * @param {*} value + * @return {String} */ - initDimensions: function () { - if (this.__skipDimension) { - return; + _getFillAttributes(value) { + var fillColor = value && typeof value === 'string' ? new Color(value) : ''; + if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { + return 'fill="' + value + '"'; } - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this._clearCache(); - // clear dynamicMinWidth as it will be different after we re-wrap line - this.dynamicMinWidth = 0; - // wrap lines - this._styleMap = this._generateStyleMap(this._splitText()); - // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap - if (this.dynamicMinWidth > this.width) { - this._set('width', this.dynamicMinWidth); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - // clear cache and re-calculate height - this.height = this.calcTextHeight(); - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, + return ('opacity="' + + fillColor.getAlpha() + + '" fill="' + + fillColor.setAlpha(1).toRgb() + + '"'); + } /** - * Generate an object that translates the style object so that it is - * broken up by visual lines (new lines and automatic wrapping). - * The original text styles object is broken up by actual lines (new lines only), - * which is only sufficient for Text / IText * @private */ - _generateStyleMap: function (textInfo) { - var realLineCount = 0, realLineCharCount = 0, charCount = 0, map = {}; - for (var i = 0; i < textInfo.graphemeLines.length; i++) { - if (textInfo.graphemeText[charCount] === '\n' && i > 0) { - realLineCharCount = 0; - charCount++; - realLineCount++; - } - else if (!this.splitByGrapheme && - this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && - i > 0) { - // this case deals with space's that are removed from end of lines when wrapping - realLineCharCount++; - charCount++; - } - map[i] = { line: realLineCount, offset: realLineCharCount }; - charCount += textInfo.graphemeLines[i].length; - realLineCharCount += textInfo.graphemeLines[i].length; + _getSVGLineTopOffset(lineIndex) { + var lineTopOffset = 0, lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); } - return map; - }, + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / + (this.lineHeight * this._fontSizeMult), + }; + } /** - * Returns true if object has a style property or has it on a specified line - * @param {Number} lineIndex - * @return {Boolean} + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} */ - styleHas: function (property, lineIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (map) { - lineIndex = map.line; - } - } - return fabric.Text.prototype.styleHas.call(this, property, lineIndex); - }, + getSvgStyles(skipShadow) { + var svgStyle = InteractiveFabricObject.prototype.getSvgStyles.call(this, skipShadow); + return svgStyle + ' white-space: pre;'; + } + }; +} +Text = TextIMixinGenerator(Text); +/* _TO_SVG_END_ */ + +// @ts-nocheck +/** + * Textbox class, based on IText, allows the user to resize the text rectangle + * and wraps lines automatically. Textboxes have their Y scaling locked, the + * user can only change width. Height is adjusted automatically based on the + * wrapping of lines. + */ +class Textbox extends IText$1 { + constructor() { + super(...arguments); /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * Cached array of text wrapping. + * @type Array */ - isEmptyStyles: function (lineIndex) { - if (!this.styles) { - return true; + this.__cachedLines = null; + } + /** + * Unlike superclass's version of this function, Textbox does not update + * its width. + * @private + * @override + */ + initDimensions() { + if (this.__skipDimension) { + return; + } + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this._clearCache(); + // clear dynamicMinWidth as it will be different after we re-wrap line + this.dynamicMinWidth = 0; + // wrap lines + this._styleMap = this._generateStyleMap(this._splitText()); + // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap + if (this.dynamicMinWidth > this.width) { + this._set('width', this.dynamicMinWidth); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + // clear cache and re-calculate height + this.height = this.calcTextHeight(); + this.saveState({ propertySet: '_dimensionAffectingProps' }); + } + /** + * Generate an object that translates the style object so that it is + * broken up by visual lines (new lines and automatic wrapping). + * The original text styles object is broken up by actual lines (new lines only), + * which is only sufficient for Text / IText + * @private + */ + _generateStyleMap(textInfo) { + let realLineCount = 0, realLineCharCount = 0, charCount = 0, map = {}; + for (let i = 0; i < textInfo.graphemeLines.length; i++) { + if (textInfo.graphemeText[charCount] === '\n' && i > 0) { + realLineCharCount = 0; + charCount++; + realLineCount++; + } + else if (!this.splitByGrapheme && + this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && + i > 0) { + // this case deals with space's that are removed from end of lines when wrapping + realLineCharCount++; + charCount++; } - var offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; + map[i] = { line: realLineCount, offset: realLineCharCount }; + charCount += textInfo.graphemeLines[i].length; + realLineCharCount += textInfo.graphemeLines[i].length; + } + return map; + } + /** + * Returns true if object has a style property or has it on a specified line + * @param {Number} lineIndex + * @return {Boolean} + */ + styleHas(property, lineIndex) { + if (this._styleMap && !this.isWrapping) { + const map = this._styleMap[lineIndex]; if (map) { lineIndex = map.line; - offset = map.offset; - } - if (mapNextLine) { - nextLineIndex = mapNextLine.line; - shouldLimit = nextLineIndex === lineIndex; - nextOffset = mapNextLine.offset; - } - obj = - typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } - } - } } + } + return super.styleHas(property, lineIndex); + } + /** + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} + */ + isEmptyStyles(lineIndex) { + if (!this.styles) { return true; - }, - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _getStyleDeclaration: function (lineIndex, charIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (!map) { - return null; - } - lineIndex = map.line; - charIndex = map.offset + charIndex; - } - return this.callSuper('_getStyleDeclaration', lineIndex, charIndex); - }, - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private - */ - _setStyleDeclaration: function (lineIndex, charIndex, style) { - var map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - this.styles[lineIndex][charIndex] = style; - }, - /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @private - */ - _deleteStyleDeclaration: function (lineIndex, charIndex) { - var map = this._styleMap[lineIndex]; + } + let offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; + if (map) { lineIndex = map.line; - charIndex = map.offset + charIndex; - delete this.styles[lineIndex][charIndex]; - }, - /** - * probably broken need a fix - * Returns the real style line that correspond to the wrapped lineIndex line - * Used just to verify if the line does exist or not. - * @param {Number} lineIndex - * @returns {Boolean} if the line exists or not - * @private - */ - _getLineStyle: function (lineIndex) { - var map = this._styleMap[lineIndex]; - return !!this.styles[map.line]; - }, - /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @param {Object} style - * @private - */ - _setLineStyle: function (lineIndex) { - var map = this._styleMap[lineIndex]; - this.styles[map.line] = {}; - }, - /** - * Wraps text using the 'width' property of Textbox. First this function - * splits text on newlines, so we preserve newlines entered by the user. - * Then it wraps each line using the width of the Textbox by calling - * _wrapLine(). - * @param {Array} lines The string array of text that is split into lines - * @param {Number} desiredWidth width you want to wrap to - * @returns {Array} Array of lines - */ - _wrapText: function (lines, desiredWidth) { - var wrapped = [], i; - this.isWrapping = true; - for (i = 0; i < lines.length; i++) { - wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth)); - } - this.isWrapping = false; - return wrapped; - }, - /** - * Helper function to measure a string of text, given its lineIndex and charIndex offset - * It gets called when charBounds are not available yet. - * Override if necessary - * Use with {@link fabric.Textbox#wordSplit} - * - * @param {CanvasRenderingContext2D} ctx - * @param {String} text - * @param {number} lineIndex - * @param {number} charOffset - * @returns {number} - */ - _measureWord: function (word, lineIndex, charOffset) { - var width = 0, prevGrapheme, skipLeft = true; - charOffset = charOffset || 0; - for (var i = 0, len = word.length; i < len; i++) { - var box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); - width += box.kernedWidth; - prevGrapheme = word[i]; - } - return width; - }, - /** - * Override this method to customize word splitting - * Use with {@link fabric.Textbox#_measureWord} - * @param {string} value - * @returns {string[]} array of words - */ - wordSplit: function (value) { - return value.split(this._wordJoiners); - }, - /** - * Wraps a line of text using the width of the Textbox and a context. - * @param {Array} line The grapheme array that represent the line - * @param {Number} lineIndex - * @param {Number} desiredWidth width you want to wrap the line to - * @param {Number} reservedSpace space to remove from wrapping for custom functionalities - * @returns {Array} Array of line(s) into which the given text is wrapped - * to. - */ - _wrapLine: function (_line, lineIndex, desiredWidth, reservedSpace) { - var lineWidth = 0, splitByGrapheme = this.splitByGrapheme, graphemeLines = [], line = [], - // spaces in different languages? - words = splitByGrapheme - ? this.graphemeSplit(_line) - : this.wordSplit(_line), word = '', offset = 0, infix = splitByGrapheme ? '' : ' ', wordWidth = 0, infixWidth = 0, largestWordWidth = 0, lineJustStarted = true, additionalSpace = this._getWidthOfCharSpacing(), reservedSpace = reservedSpace || 0; - // fix a difference between split and graphemeSplit - if (words.length === 0) { - words.push([]); - } - desiredWidth -= reservedSpace; - // measure words - var data = words.map(function (word) { - // if using splitByGrapheme words are already in graphemes. - word = splitByGrapheme ? word : this.graphemeSplit(word); - var width = this._measureWord(word, lineIndex, offset); - largestWordWidth = Math.max(width, largestWordWidth); - offset += word.length + 1; - return { word: word, width: width }; - }.bind(this)); - var maxWidth = Math.max(desiredWidth, largestWordWidth, this.dynamicMinWidth); - // layout words - offset = 0; - for (var i = 0; i < words.length; i++) { - word = data[i].word; - wordWidth = data[i].width; - offset += word.length; - lineWidth += infixWidth + wordWidth - additionalSpace; - if (lineWidth > maxWidth && !lineJustStarted) { - graphemeLines.push(line); - line = []; - lineWidth = wordWidth; - lineJustStarted = true; - } - else { - lineWidth += additionalSpace; - } - if (!lineJustStarted && !splitByGrapheme) { - line.push(infix); + offset = map.offset; + } + if (mapNextLine) { + nextLineIndex = mapNextLine.line; + shouldLimit = nextLineIndex === lineIndex; + nextOffset = mapNextLine.offset; + } + obj = + typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (const p1 in obj) { + for (const p2 in obj[p1]) { + if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { + // eslint-disable-next-line no-unused-vars + for (const p3 in obj[p1][p2]) { + return false; + } } - line = line.concat(word); - infixWidth = splitByGrapheme - ? 0 - : this._measureWord([infix], lineIndex, offset); - offset++; - lineJustStarted = false; } - i && graphemeLines.push(line); - if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { - this.dynamicMinWidth = - largestWordWidth - additionalSpace + reservedSpace; - } - return graphemeLines; - }, - /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @param {Number} lineIndex text to split - * @return {Boolean} - */ - isEndOfWrapping: function (lineIndex) { - if (!this._styleMap[lineIndex + 1]) { - // is last line, return true; - return true; + } + return true; + } + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _getStyleDeclaration(lineIndex, charIndex) { + if (this._styleMap && !this.isWrapping) { + const map = this._styleMap[lineIndex]; + if (!map) { + return null; } - if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { - // this is last line before a line break, return true; - return true; + lineIndex = map.line; + charIndex = map.offset + charIndex; + } + return super._getStyleDeclaration(lineIndex, charIndex); + } + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration(lineIndex, charIndex, style) { + const map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + this.styles[lineIndex][charIndex] = style; + } + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration(lineIndex, charIndex) { + const map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + delete this.styles[lineIndex][charIndex]; + } + /** + * probably broken need a fix + * Returns the real style line that correspond to the wrapped lineIndex line + * Used just to verify if the line does exist or not. + * @param {Number} lineIndex + * @returns {Boolean} if the line exists or not + * @private + */ + _getLineStyle(lineIndex) { + const map = this._styleMap[lineIndex]; + return !!this.styles[map.line]; + } + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @param {Object} style + * @private + */ + _setLineStyle(lineIndex) { + const map = this._styleMap[lineIndex]; + this.styles[map.line] = {}; + } + /** + * Wraps text using the 'width' property of Textbox. First this function + * splits text on newlines, so we preserve newlines entered by the user. + * Then it wraps each line using the width of the Textbox by calling + * _wrapLine(). + * @param {Array} lines The string array of text that is split into lines + * @param {Number} desiredWidth width you want to wrap to + * @returns {Array} Array of lines + */ + _wrapText(lines, desiredWidth) { + let wrapped = [], i; + this.isWrapping = true; + for (i = 0; i < lines.length; i++) { + wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth)); + } + this.isWrapping = false; + return wrapped; + } + /** + * Helper function to measure a string of text, given its lineIndex and charIndex offset + * It gets called when charBounds are not available yet. + * Override if necessary + * Use with {@link Textbox#wordSplit} + * + * @param {CanvasRenderingContext2D} ctx + * @param {String} text + * @param {number} lineIndex + * @param {number} charOffset + * @returns {number} + */ + _measureWord(word, lineIndex, charOffset) { + let width = 0, prevGrapheme, skipLeft = true; + charOffset = charOffset || 0; + for (let i = 0, len = word.length; i < len; i++) { + const box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); + width += box.kernedWidth; + prevGrapheme = word[i]; + } + return width; + } + /** + * Override this method to customize word splitting + * Use with {@link Textbox#_measureWord} + * @param {string} value + * @returns {string[]} array of words + */ + wordSplit(value) { + return value.split(this._wordJoiners); + } + /** + * Wraps a line of text using the width of the Textbox and a context. + * @param {Array} line The grapheme array that represent the line + * @param {Number} lineIndex + * @param {Number} desiredWidth width you want to wrap the line to + * @param {Number} reservedSpace space to remove from wrapping for custom functionalities + * @returns {Array} Array of line(s) into which the given text is wrapped + * to. + */ + _wrapLine(_line, lineIndex, desiredWidth, reservedSpace) { + var lineWidth = 0, splitByGrapheme = this.splitByGrapheme, graphemeLines = [], line = [], + // spaces in different languages? + words = splitByGrapheme + ? this.graphemeSplit(_line) + : this.wordSplit(_line), word = '', offset = 0, infix = splitByGrapheme ? '' : ' ', wordWidth = 0, infixWidth = 0, largestWordWidth = 0, lineJustStarted = true, additionalSpace = this._getWidthOfCharSpacing(), reservedSpace = reservedSpace || 0; + // fix a difference between split and graphemeSplit + if (words.length === 0) { + words.push([]); + } + desiredWidth -= reservedSpace; + // measure words + const data = words.map(function (word) { + // if using splitByGrapheme words are already in graphemes. + word = splitByGrapheme ? word : this.graphemeSplit(word); + const width = this._measureWord(word, lineIndex, offset); + largestWordWidth = Math.max(width, largestWordWidth); + offset += word.length + 1; + return { word: word, width: width }; + }.bind(this)); + const maxWidth = Math.max(desiredWidth, largestWordWidth, this.dynamicMinWidth); + // layout words + offset = 0; + for (var i = 0; i < words.length; i++) { + word = data[i].word; + wordWidth = data[i].width; + offset += word.length; + lineWidth += infixWidth + wordWidth - additionalSpace; + if (lineWidth > maxWidth && !lineJustStarted) { + graphemeLines.push(line); + line = []; + lineWidth = wordWidth; + lineJustStarted = true; } - return false; - }, - /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * @return Number - */ - missingNewlineOffset: function (lineIndex) { - if (this.splitByGrapheme) { - return this.isEndOfWrapping(lineIndex) ? 1 : 0; + else { + lineWidth += additionalSpace; } - return 1; - }, - /** - * Gets lines of text to render in the Textbox. This function calculates - * text wrapping on the fly every time it is called. - * @param {String} text text to split - * @returns {Array} Array of lines in the Textbox. - * @override - */ - _splitTextIntoLines: function (text) { - var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); - for (var i = 0; i < graphemeLines.length; i++) { - lines[i] = graphemeLines[i].join(''); + if (!lineJustStarted && !splitByGrapheme) { + line.push(infix); } - newText.lines = lines; - newText.graphemeLines = graphemeLines; - return newText; - }, - getMinWidth: function () { - return Math.max(this.minWidth, this.dynamicMinWidth); - }, - _removeExtraneousStyles: function () { - var linesToKeep = {}; - for (var prop in this._styleMap) { - if (this._textLines[prop]) { - linesToKeep[this._styleMap[prop].line] = 1; - } + line = line.concat(word); + infixWidth = splitByGrapheme + ? 0 + : this._measureWord([infix], lineIndex, offset); + offset++; + lineJustStarted = false; + } + i && graphemeLines.push(line); + if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { + this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; + } + return graphemeLines; + } + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @param {Number} lineIndex text to split + * @return {Boolean} + */ + isEndOfWrapping(lineIndex) { + if (!this._styleMap[lineIndex + 1]) { + // is last line, return true; + return true; + } + if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { + // this is last line before a line break, return true; + return true; + } + return false; + } + /** + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * @return Number + */ + missingNewlineOffset(lineIndex) { + if (this.splitByGrapheme) { + return this.isEndOfWrapping(lineIndex) ? 1 : 0; + } + return 1; + } + /** + * Gets lines of text to render in the Textbox. This function calculates + * text wrapping on the fly every time it is called. + * @param {String} text text to split + * @returns {Array} Array of lines in the Textbox. + * @override + */ + _splitTextIntoLines(text) { + const newText = super._splitTextIntoLines(text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); + for (let i = 0; i < graphemeLines.length; i++) { + lines[i] = graphemeLines[i].join(''); + } + newText.lines = lines; + newText.graphemeLines = graphemeLines; + return newText; + } + getMinWidth() { + return Math.max(this.minWidth, this.dynamicMinWidth); + } + _removeExtraneousStyles() { + const linesToKeep = {}; + for (var prop in this._styleMap) { + if (this._textLines[prop]) { + linesToKeep[this._styleMap[prop].line] = 1; } - for (var prop in this.styles) { - if (!linesToKeep[prop]) { - delete this.styles[prop]; - } + } + for (var prop in this.styles) { + if (!linesToKeep[prop]) { + delete this.styles[prop]; } - }, - /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - return this.callSuper('toObject', ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); - }, - }); + } + } + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject(propertiesToInclude) { + return super.toObject(['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); + } /** - * Returns fabric.Textbox instance from an object representation + * Returns Textbox instance from an object representation * @static - * @memberOf fabric.Textbox + * @memberOf Textbox * @param {Object} object Object to create an instance from - * @returns {Promise} + * @returns {Promise} */ - fabric.Textbox.fromObject = function (object) { - var styles = fabric.util.stylesFromArray(object.styles, object.text); + static fromObject(object) { + const styles = stylesFromArray(object.styles, object.text); //copy object to prevent mutation - var objCopy = Object.assign({}, object, { styles: styles }); - return fabric.Object._fromObject(fabric.Textbox, objCopy, { + const objCopy = Object.assign({}, object, { styles: styles }); + return FabricObject._fromObject(Textbox, objCopy, { extraParam: 'text', }); - }; -})(typeof exports !== 'undefined' ? exports : window); + } +} +const textboxDefaultValues = { + type: 'textbox', + minWidth: 20, + dynamicMinWidth: 2, + lockScalingFlip: true, + noScaleCache: false, + _dimensionAffectingProps: textDefaultValues._dimensionAffectingProps.concat('width'), + _wordJoiners: /[ \t\r]/, + splitByGrapheme: false, +}; +Object.assign(Textbox.prototype, textboxDefaultValues); +fabric$3.Textbox = Textbox; /* eslint-disable @typescript-eslint/no-unused-vars */ class Control { @@ -27451,7 +27110,7 @@ class Control { } } } -fabric$1.Control = Control; +fabric$3.Control = Control; // @ts-nocheck const defaultControls = { @@ -27531,13 +27190,13 @@ const textboxDefaultControls = Object.assign(Object.assign({}, defaultControls), actionName: 'resizing', }) }); InteractiveFabricObject.prototype.controls = Object.assign(Object.assign({}, (InteractiveFabricObject.prototype.controls || {})), defaultControls); -if (fabric$1.Textbox) { +if (fabric$3.Textbox) { // this is breaking the prototype inheritance, no time / ideas to fix it. // is important to document that if you want to have all objects to have a // specific custom control, you have to add it to Object prototype and to Textbox // prototype. The controls are shared as references. So changes to control `tr` // can still apply to all objects if needed. - fabric$1.Textbox.prototype.controls = Object.assign(Object.assign({}, (fabric$1.Textbox.prototype.controls || {})), textboxDefaultControls); + fabric$3.Textbox.prototype.controls = Object.assign(Object.assign({}, (fabric$3.Textbox.prototype.controls || {})), textboxDefaultControls); } /** @@ -27659,12 +27318,12 @@ class BaseBrush { pointer.y > this.canvas.getHeight()); } } -fabric$1.BaseBrush = BaseBrush; +fabric$3.BaseBrush = BaseBrush; /** * @todo remove transient */ -const { Circle, Group: Group$1, Shadow: Shadow$2 } = fabric$1; +const { Circle, Group: Group$1, Shadow: Shadow$2 } = fabric$3; class CircleBrush extends BaseBrush { constructor(canvas) { super(canvas); @@ -27774,12 +27433,12 @@ class CircleBrush extends BaseBrush { return pointerPoint; } } -fabric$1.CircleBrush = CircleBrush; +fabric$3.CircleBrush = CircleBrush; /** * @todo remove transient */ -const { Path, Shadow: Shadow$1 } = fabric$1; +const { Path, Shadow: Shadow$1 } = fabric$3; /** * @private * @param {PathData} pathData SVG path commands @@ -28034,18 +27693,18 @@ class PencilBrush extends BaseBrush { this.canvas.fire('path:created', { path: path }); } } -fabric$1.PencilBrush = PencilBrush; +fabric$3.PencilBrush = PencilBrush; /** * @todo remove transient */ -const { Pattern } = fabric$1; +const { Pattern } = fabric$3; class PatternBrush extends PencilBrush { constructor(canvas) { super(canvas); } getPatternSrc() { - const dotWidth = 20, dotDistance = 5, patternCanvas = createCanvasElement(), patternCtx = patternCanvas.getContext('2d'); + const dotWidth = 20, dotDistance = 5, patternCanvas = createCanvasElement$1(), patternCtx = patternCanvas.getContext('2d'); patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; if (patternCtx) { patternCtx.fillStyle = this.color; @@ -28088,12 +27747,12 @@ class PatternBrush extends PencilBrush { return path; } } -fabric$1.PatternBrush = PatternBrush; +fabric$3.PatternBrush = PatternBrush; /** * @todo remove transient */ -const { Group, Rect, Shadow } = fabric$1; +const { Group, Rect, Shadow } = fabric$3; /** * * @param rects @@ -28262,5 +27921,5 @@ class SprayBrush extends BaseBrush { this.sprayChunks.push(this.sprayChunk); } } -fabric$1.SprayBrush = SprayBrush; +fabric$3.SprayBrush = SprayBrush; //# sourceMappingURL=fabric.js.map diff --git a/dist/fabric.js.map b/dist/fabric.js.map index b0ea69dc525..d589bf16512 100644 --- a/dist/fabric.js.map +++ b/dist/fabric.js.map @@ -1 +1 @@ -{"version":3,"file":"fabric.js","sources":["../src/config.ts","../src/cache.ts","../src/constants.ts","../HEADER.js","../src/mixins/collection.mixin.ts","../src/util/misc/cos.ts","../src/util/misc/sin.ts","../src/point.class.ts","../src/util/misc/vectors.ts","../src/util/misc/radiansDegreesConversion.ts","../src/util/misc/rotatePoint.ts","../src/util/internals/getRandomInt.ts","../src/util/internals/ifNaN.ts","../src/util/internals/removeFromArray.ts","../src/util/misc/projectStroke/StrokeProjectionsBase.ts","../src/util/misc/projectStroke/StrokeLineJoinProjections.ts","../src/util/misc/projectStroke/StrokeLineCapProjections.ts","../src/util/misc/projectStroke/index.ts","../node_modules/tslib/tslib.es6.js","../src/util/misc/matrix.ts","../src/util/lang_object.ts","../src/util/misc/textStyles.ts","../src/util/misc/dom.ts","../src/util/misc/toFixed.ts","../src/util/misc/svgParsing.ts","../src/util/misc/findScaleTo.ts","../src/util/misc/capValue.ts","../src/util/misc/boundingBoxFromPoints.ts","../src/util/misc/objectTransforms.ts","../src/util/misc/planeChange.ts","../src/util/lang_string.ts","../src/util/misc/objectEnlive.ts","../src/util/misc/pick.ts","../src/parser/getSvgRegex.ts","../src/parser/constants.ts","../src/util/path.ts","../src/util/dom_style.ts","../src/util/dom_request.ts","../src/util/dom_event.ts","../src/util/dom_misc.ts","../src/util/misc/isTransparent.ts","../src/util/misc/mergeClipPaths.ts","../src/util/anim_ease.ts","../src/color/color_map.ts","../src/color/constants.ts","../src/color/util.ts","../src/color/color.class.ts","../src/color/index.ts","../src/util/animation_registry.ts","../src/util/animate.ts","../src/util/animate_color.ts","../src/util/lang_class.ts","../src/util/misc/misc.ts","../src/parser/attributes.ts","../src/parser/elements_parser.ts","../src/parser/getCSSRules.ts","../src/parser/getMultipleNodes.ts","../src/parser/elementById.ts","../src/parser/recursivelyParseGradientsXlink.ts","../src/parser/getGradientDefs.ts","../src/parser/applyViewboxTransform.ts","../src/parser/hasAncestorWithNodeName.ts","../src/parser/parseElements.ts","../src/parser/parseUseDirectives.ts","../src/intersection.class.ts","../src/mixins/observable.mixin.ts","../src/mixins/shared_methods.mixin.ts","../src/mixins/object_origin.mixin.ts","../src/mixins/object_geometry.mixin.ts","../src/shapes/object.class.ts","../src/mixins/object_interactivity.mixin.ts","../src/shapes/fabricObject.class.js","../src/parser/parseSVGDocument.ts","../src/parser/loadSVGFromString.ts","../src/parser/loadSVGFromURL.ts","../src/parser/selectorMatches.ts","../src/parser/doesSomeParentMatch.ts","../src/parser/elementMatchesRule.ts","../src/parser/getGlobalStylesForElement.ts","../src/parser/normalizeAttr.ts","../src/parser/rotateMatrix.ts","../src/parser/scaleMatrix.ts","../src/parser/skewMatrix.ts","../src/parser/translateMatrix.ts","../src/parser/parseTransformAttribute.ts","../src/parser/normalizeValue.ts","../src/parser/parseFontDeclaration.ts","../src/parser/parseStyleObject.ts","../src/parser/parseStyleString.ts","../src/parser/parseStyleAttribute.ts","../src/parser/setStrokeFillOpacity.ts","../src/parser/parseAttributes.ts","../src/parser/parsePointsAttribute.ts","../src/parser/index.ts","../src/gradient/constants.ts","../src/gradient/parser/misc.ts","../src/parser/percent.ts","../src/gradient/parser/parseColorStops.ts","../src/gradient/parser/parseCoords.ts","../src/gradient/gradient.class.ts","../src/pattern.class.ts","../src/shadow.class.ts","../src/static_canvas.class.ts","../src/controls/util.ts","../src/util/fireEvent.ts","../src/controls/wrapWithFireEvent.ts","../src/controls/wrapWithFixedAnchor.ts","../src/controls/changeWidth.ts","../src/controls/controls.render.ts","../src/controls/drag.ts","../src/controls/rotate.ts","../src/controls/scale.ts","../src/controls/skew.ts","../src/controls/scaleSkew.ts","../src/controls/actions.ts","../src/canvas.class.ts","../src/mixins/canvas_events.mixin.ts","../src/mixins/canvas_grouping.mixin.ts","../src/mixins/canvas_dataurl_exporter.mixin.ts","../src/mixins/canvas_serialization.mixin.ts","../src/mixins/canvas_gestures.mixin.ts","../src/mixins/object_ancestry.mixin.ts","../src/mixins/object_stacking.mixin.ts","../src/mixins/object.svg_export.ts","../src/mixins/stateful.mixin.ts","../src/mixins/animation.mixin.ts","../src/shapes/line.class.ts","../src/shapes/circle.class.ts","../src/shapes/triangle.class.ts","../src/shapes/ellipse.class.ts","../src/shapes/rect.class.ts","../src/shapes/polyline.class.ts","../src/shapes/polygon.class.ts","../src/shapes/path.class.ts","../src/shapes/group.class.ts","../src/shapes/active_selection.class.ts","../src/shapes/image.class.ts","../src/mixins/object_straightening.mixin.ts","../src/filters/WebGLProbe.ts","../src/filters/webgl_backend.class.ts","../src/filters/2d_backend.class.ts","../src/filters/base_filter.class.ts","../src/filters/colormatrix_filter.class.ts","../src/filters/brightness_filter.class.ts","../src/filters/convolute_filter.class.ts","../src/filters/grayscale_filter.class.ts","../src/filters/invert_filter.class.ts","../src/filters/noise_filter.class.ts","../src/filters/pixelate_filter.class.ts","../src/filters/removecolor_filter.class.ts","../src/filters/filter_generator.ts","../src/filters/blendcolor_filter.class.ts","../src/filters/blendimage_filter.class.ts","../src/filters/resize_filter.class.ts","../src/filters/contrast_filter.class.ts","../src/filters/saturate_filter.class.ts","../src/filters/vibrance_filter.class.ts","../src/filters/blur_filter.class.ts","../src/filters/gamma_filter.class.ts","../src/filters/composed_filter.class.ts","../src/filters/hue_rotation.class.ts","../src/shapes/text.class.ts","../src/mixins/text_style.mixin.ts","../src/shapes/itext.class.ts","../src/mixins/itext_behavior.mixin.ts","../src/mixins/itext_click_behavior.mixin.ts","../src/mixins/itext_key_behavior.mixin.ts","../src/mixins/itext.svg_export.ts","../src/shapes/textbox.class.ts","../src/controls/control.class.ts","../src/controls/default_controls.ts","../src/brushes/base_brush.class.ts","../src/brushes/circle_brush.class.ts","../src/brushes/pencil_brush.class.ts","../src/brushes/pattern_brush.class.ts","../src/brushes/spray_brush.class.ts"],"sourcesContent":["export type TConfiguration = Partial;\r\n\r\nclass BaseConfiguration {\r\n /**\r\n * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value,\r\n * which is unitless and not rendered equally across browsers.\r\n *\r\n * Values that work quite well (as of October 2017) are:\r\n * - Chrome: 1.5\r\n * - Edge: 1.75\r\n * - Firefox: 0.9\r\n * - Safari: 0.95\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default 1\r\n */\r\n browserShadowBlurConstant = 1;\r\n\r\n /**\r\n * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion.\r\n */\r\n DPI = 96;\r\n\r\n /**\r\n * Device Pixel Ratio\r\n * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html\r\n */\r\n devicePixelRatio = 1;\r\n\r\n /**\r\n * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine.\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n perfLimitSizeTotal = 2097152;\r\n\r\n /**\r\n * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n maxCacheSideLimit = 4096;\r\n\r\n /**\r\n * Lowest pixel limit for cache canvases, set at 256PX\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n minCacheSideLimit = 256;\r\n\r\n /**\r\n * When 'true', style information is not retained when copy/pasting text, making\r\n * pasted text use destination style.\r\n * Defaults to 'false'.\r\n * @type Boolean\r\n * @default\r\n * @deprecated\r\n */\r\n disableStyleCopyPaste = false;\r\n\r\n /**\r\n * Enable webgl for filtering picture is available\r\n * A filtering backend will be initialized, this will both take memory and\r\n * time since a default 2048x2048 canvas will be created for the gl context\r\n * @since 2.0.0\r\n * @type Boolean\r\n * @default\r\n */\r\n enableGLFiltering = true;\r\n\r\n /**\r\n * if webgl is enabled and available, textureSize will determine the size\r\n * of the canvas backend\r\n *\r\n * In order to support old hardware set to `2048` to avoid OOM\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n textureSize = 4096;\r\n\r\n /**\r\n * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on\r\n * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true\r\n * this has to be set before instantiating the filtering backend ( before filtering the first image )\r\n * @type Boolean\r\n * @default false\r\n */\r\n forceGLPutImageData = false;\r\n\r\n /**\r\n * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better\r\n * @default true\r\n */\r\n cachesBoundsOfCurve = true;\r\n\r\n /**\r\n * Map of font files\r\n * Map of font files\r\n */\r\n fontPaths: Record = {};\r\n\r\n /**\r\n * Defines the number of fraction digits to use when serializing object values.\r\n * Used in exporting methods (`toObject`, `toJSON`, `toSVG`)\r\n * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc.\r\n */\r\n NUM_FRACTION_DIGITS = 4;\r\n}\r\n\r\nexport class Configuration extends BaseConfiguration {\r\n constructor(config?: TConfiguration) {\r\n super();\r\n this.configure(config);\r\n }\r\n\r\n configure(config: TConfiguration = {}) {\r\n Object.assign(this, config);\r\n }\r\n\r\n /**\r\n * Map of font files\r\n */\r\n addFonts(\r\n paths: Record = {}\r\n ) {\r\n this.fontPaths = {\r\n ...this.fontPaths,\r\n ...paths,\r\n };\r\n }\r\n\r\n removeFonts(fontFamilys: string[] = []) {\r\n fontFamilys.forEach((fontFamily) => {\r\n delete this.fontPaths[fontFamily];\r\n });\r\n }\r\n\r\n clearFonts() {\r\n this.fontPaths = {};\r\n }\r\n\r\n restoreDefaults(keys?: (keyof T)[]) {\r\n const defaults = new BaseConfiguration() as T;\r\n const config =\r\n keys?.reduce((acc, key) => {\r\n acc[key] = defaults[key];\r\n return acc;\r\n }, {} as T) || defaults;\r\n this.configure(config);\r\n }\r\n}\r\n\r\nexport const config = new Configuration();\r\n","import { config } from './config';\r\n\r\nexport class Cache {\r\n /**\r\n * Cache of widths of chars in text rendering.\r\n */\r\n charWidthsCache: Record<\r\n /** fontFamily */ string,\r\n Record<\r\n /** fontStyleCacheKey */ string,\r\n Record\r\n >\r\n > = {};\r\n\r\n /**\r\n * @return {Object} reference to cache\r\n */\r\n getFontCache({\r\n fontFamily,\r\n fontStyle,\r\n fontWeight,\r\n }: {\r\n fontFamily: string;\r\n fontStyle: string;\r\n fontWeight: string | number;\r\n }) {\r\n fontFamily = fontFamily.toLowerCase();\r\n if (!this.charWidthsCache[fontFamily]) {\r\n this.charWidthsCache[fontFamily] = {};\r\n }\r\n const fontCache = this.charWidthsCache[fontFamily];\r\n const cacheKey = `${fontStyle.toLowerCase()}_${(\r\n fontWeight + ''\r\n ).toLowerCase()}`;\r\n if (!fontCache[cacheKey]) {\r\n fontCache[cacheKey] = {};\r\n }\r\n return fontCache[cacheKey];\r\n }\r\n\r\n /**\r\n * Clear char widths cache for the given font family or all the cache if no\r\n * fontFamily is specified.\r\n * Use it if you know you are loading fonts in a lazy way and you are not waiting\r\n * for custom fonts to load properly when adding text objects to the canvas.\r\n * If a text object is added when its own font is not loaded yet, you will get wrong\r\n * measurement and so wrong bounding boxes.\r\n * After the font cache is cleared, either change the textObject text content or call\r\n * initDimensions() to trigger a recalculation\r\n * @memberOf fabric.util\r\n * @param {String} [fontFamily] font family to clear\r\n */\r\n clearFontCache(fontFamily?: string) {\r\n fontFamily = (fontFamily || '').toLowerCase();\r\n if (!fontFamily) {\r\n this.charWidthsCache = {};\r\n } else if (this.charWidthsCache[fontFamily]) {\r\n delete this.charWidthsCache[fontFamily];\r\n }\r\n }\r\n\r\n /**\r\n * Given current aspect ratio, determines the max width and height that can\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {number} ar aspect ratio\r\n * @return {number[]} Limited dimensions X and Y\r\n */\r\n limitDimsByArea(ar: number) {\r\n const { perfLimitSizeTotal } = config;\r\n const roughWidth = Math.sqrt(perfLimitSizeTotal * ar);\r\n // we are not returning a point on purpose, to avoid circular dependencies\r\n // this is an internal utility\r\n return [\r\n Math.floor(roughWidth),\r\n Math.floor(perfLimitSizeTotal / roughWidth),\r\n ];\r\n }\r\n\r\n /**\r\n * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n arcToSegmentsCache = {};\r\n\r\n /**\r\n * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.\r\n * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing\r\n * you do not get any speed benefit and you get a big object in memory.\r\n * The object was a private variable before, while now is appended to the lib so that you have access to it and you\r\n * can eventually clear it.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n boundsOfCurveCache = {};\r\n}\r\n\r\nexport const cache = new Cache();\r\n","import { TMat2D } from './typedefs';\r\n\r\n// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass\r\nexport { version as VERSION } from '../package.json';\r\nexport function noop() {}\r\nexport const halfPI = Math.PI / 2;\r\nexport const twoMathPi = Math.PI * 2;\r\nexport const PiBy180 = Math.PI / 180;\r\nexport const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]) as TMat2D;\r\nexport const DEFAULT_SVG_FONT_SIZE = 16;\r\n\r\n/* \"magic number\" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */\r\nexport const kRect = 1 - 0.5522847498;\r\n","import { cache } from './src/cache';\r\nimport { config } from './src/config';\r\nimport { iMatrix, VERSION } from './src/constants';\r\n\r\nvar fabric = fabric || {\r\n version: VERSION,\r\n config,\r\n cache,\r\n iMatrix,\r\n};\r\n\r\nif (typeof exports !== 'undefined') {\r\n exports.fabric = fabric;\r\n} else if (typeof define === 'function' && define.amd) {\r\n /* _AMD_START_ */\r\n define([], function () {\r\n return fabric;\r\n });\r\n}\r\n/* _AMD_END_ */\r\nif (typeof document !== 'undefined' && typeof window !== 'undefined') {\r\n if (\r\n document instanceof\r\n (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)\r\n ) {\r\n fabric.document = document;\r\n } else {\r\n fabric.document = document.implementation.createHTMLDocument('');\r\n }\r\n fabric.window = window;\r\n window.fabric = fabric;\r\n} else {\r\n // assume we're running under node.js when document/window are not present\r\n var jsdom = require('jsdom');\r\n var virtualWindow = new jsdom.JSDOM(\r\n decodeURIComponent(\r\n '%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'\r\n ),\r\n {\r\n features: {\r\n FetchExternalResources: ['img'],\r\n },\r\n resources: 'usable',\r\n }\r\n ).window;\r\n fabric.document = virtualWindow.document;\r\n fabric.jsdomImplForWrapper =\r\n require('jsdom/lib/jsdom/living/generated/utils').implForWrapper;\r\n fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas;\r\n fabric.window = virtualWindow;\r\n global.DOMParser = fabric.window.DOMParser;\r\n}\r\n\r\n/**\r\n * True when in environment that supports touch events\r\n * @type boolean\r\n */\r\nfabric.isTouchSupported =\r\n 'ontouchstart' in fabric.window ||\r\n 'ontouchstart' in fabric.document ||\r\n (fabric.window &&\r\n fabric.window.navigator &&\r\n fabric.window.navigator.maxTouchPoints > 0);\r\n\r\n/**\r\n * True when in environment that's probably Node.js\r\n * @type boolean\r\n */\r\nfabric.isLikelyNode =\r\n typeof Buffer !== 'undefined' && typeof window === 'undefined';\r\n\r\n/**\r\n * @todo move to config when window is exported\r\n */\r\nconfig.configure({\r\n devicePixelRatio:\r\n fabric.window.devicePixelRatio ||\r\n fabric.window.webkitDevicePixelRatio ||\r\n fabric.window.mozDevicePixelRatio ||\r\n 1,\r\n});\r\n\r\nexport { fabric };\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Collection\r\n */\r\n fabric.Collection = {\r\n /**\r\n * @type {fabric.Object[]}\r\n */\r\n _objects: [],\r\n\r\n /**\r\n * Adds objects to collection, Canvas or Group, then renders canvas\r\n * (if `renderOnAddRemove` is not `false`).\r\n * Objects should be instances of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object[]} objects to add\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n add: function (objects, callback) {\r\n var size = this._objects.push.apply(this._objects, objects);\r\n if (callback) {\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(this, objects[i]);\r\n }\r\n }\r\n return size;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n insertAt: function (objects, index, callback) {\r\n var args = [index, 0].concat(objects);\r\n this._objects.splice.apply(this._objects, args);\r\n if (callback) {\r\n for (var i = 2; i < args.length; i++) {\r\n callback.call(this, args[i]);\r\n }\r\n }\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * @private\r\n * @param {fabric.Object[]} objectsToRemove objects to remove\r\n * @param {(object:fabric.Object) => any} [callback] function to call for each object removed\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function (objectsToRemove, callback) {\r\n var objects = this._objects,\r\n removed = [];\r\n for (var i = 0, object, index; i < objectsToRemove.length; i++) {\r\n object = objectsToRemove[i];\r\n index = objects.indexOf(object);\r\n // only call onObjectRemoved if an object was actually removed\r\n if (index !== -1) {\r\n objects.splice(index, 1);\r\n removed.push(object);\r\n callback && callback.call(this, object);\r\n }\r\n }\r\n return removed;\r\n },\r\n\r\n /**\r\n * Executes given function for each object in this group\r\n * @param {Function} callback\r\n * Callback invoked with current object as first argument,\r\n * index - as second and an array of all objects - as third.\r\n * Callback is invoked in a context of Global Object (e.g. `window`)\r\n * when no `context` argument is given\r\n *\r\n * @param {Object} context Context (aka thisObject)\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n forEachObject: function (callback, context) {\r\n var objects = this.getObjects();\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(context, objects[i], i, objects);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns an array of children objects of this instance\r\n * @param {...String} [types] When specified, only objects of these types are returned\r\n * @return {Array}\r\n */\r\n getObjects: function () {\r\n if (arguments.length === 0) {\r\n return this._objects.concat();\r\n }\r\n var types = Array.from(arguments);\r\n return this._objects.filter(function (o) {\r\n return types.indexOf(o.type) > -1;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object at specified index\r\n * @param {Number} index\r\n * @return {Object} object at index\r\n */\r\n item: function (index) {\r\n return this._objects[index];\r\n },\r\n\r\n /**\r\n * Returns true if collection contains no objects\r\n * @return {Boolean} true if collection is empty\r\n */\r\n isEmpty: function () {\r\n return this._objects.length === 0;\r\n },\r\n\r\n /**\r\n * Returns a size of a collection (i.e: length of an array containing its objects)\r\n * @return {Number} Collection size\r\n */\r\n size: function () {\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Returns true if collection contains an object.\\\r\n * **Prefer using {@link `fabric.Object#isDescendantOf`} for performance reasons**\r\n * instead of a.contains(b) use b.isDescendantOf(a)\r\n * @param {Object} object Object to check against\r\n * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects`\r\n * @return {Boolean} `true` if collection contains an object\r\n */\r\n contains: function (object, deep) {\r\n if (this._objects.indexOf(object) > -1) {\r\n return true;\r\n } else if (deep) {\r\n return this._objects.some(function (obj) {\r\n return (\r\n typeof obj.contains === 'function' && obj.contains(object, true)\r\n );\r\n });\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns number representation of a collection complexity\r\n * @return {Number} complexity\r\n */\r\n complexity: function () {\r\n return this._objects.reduce(function (memo, current) {\r\n memo += current.complexity ? current.complexity() : 0;\r\n return memo;\r\n }, 0);\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the cosin value for angle.\r\n */\r\nexport const cos = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 1;\r\n }\r\n const angleSlice = Math.abs(angle) / halfPI;\r\n switch (angleSlice) {\r\n case 1:\r\n case 3:\r\n return 0;\r\n case 2:\r\n return -1;\r\n }\r\n return Math.cos(angle);\r\n};\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the sin value for angle.\r\n */\r\nexport const sin = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 0;\r\n }\r\n const angleSlice = angle / halfPI;\r\n const value = Math.sign(angle);\r\n switch (angleSlice) {\r\n case 1:\r\n return value;\r\n case 2:\r\n return 0;\r\n case 3:\r\n return -value;\r\n }\r\n return Math.sin(angle);\r\n};\r\n","import { fabric } from '../HEADER';\r\nimport { TMat2D, TRadian } from './typedefs';\r\nimport { cos } from './util/misc/cos';\r\nimport { sin } from './util/misc/sin';\r\n\r\nexport interface IPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\n/**\r\n * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com)\r\n */\r\nexport class Point {\r\n x: number;\r\n\r\n y: number;\r\n\r\n type = 'point';\r\n\r\n constructor();\r\n constructor(x: number, y: number);\r\n constructor(point: IPoint);\r\n constructor(arg0: number | IPoint = 0, y = 0) {\r\n if (typeof arg0 === 'object') {\r\n this.x = arg0.x;\r\n this.y = arg0.y;\r\n } else {\r\n this.x = arg0;\r\n this.y = y;\r\n }\r\n }\r\n\r\n /**\r\n * Adds another point to this one and returns another one\r\n * @param {Point} that\r\n * @return {Point} new Point instance with added values\r\n */\r\n add(that: IPoint): Point {\r\n return new Point(this.x + that.x, this.y + that.y);\r\n }\r\n\r\n /**\r\n * Adds another point to this one\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n addEquals(that: IPoint): Point {\r\n this.x += that.x;\r\n this.y += that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Adds value to this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point} new Point with added value\r\n */\r\n scalarAdd(scalar: number): Point {\r\n return new Point(this.x + scalar, this.y + scalar);\r\n }\r\n\r\n /**\r\n * Adds value to this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarAddEquals(scalar: number): Point {\r\n this.x += scalar;\r\n this.y += scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point and returns a new one\r\n * @param {Point} that\r\n * @return {Point} new Point object with subtracted values\r\n */\r\n subtract(that: IPoint): Point {\r\n return new Point(this.x - that.x, this.y - that.y);\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n subtractEquals(that: IPoint): Point {\r\n this.x -= that.x;\r\n this.y -= that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts value from this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarSubtract(scalar: number): Point {\r\n return new Point(this.x - scalar, this.y - scalar);\r\n }\r\n\r\n /**\r\n * Subtracts value from this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarSubtractEquals(scalar: number): Point {\r\n this.x -= scalar;\r\n this.y -= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Multiplies this point by another value and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n multiply(that: Point): Point {\r\n return new Point(this.x * that.x, this.y * that.y);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarMultiply(scalar: number): Point {\r\n return new Point(this.x * scalar, this.y * scalar);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarMultiplyEquals(scalar: number): Point {\r\n this.x *= scalar;\r\n this.y *= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Divides this point by another and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n divide(that: IPoint): Point {\r\n return new Point(this.x / that.x, this.y / that.y);\r\n }\r\n\r\n /**\r\n * Divides this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarDivide(scalar: number): Point {\r\n return new Point(this.x / scalar, this.y / scalar);\r\n }\r\n\r\n /**\r\n * Divides this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarDivideEquals(scalar: number): Point {\r\n this.x /= scalar;\r\n this.y /= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns true if this point is equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n eq(that: IPoint): boolean {\r\n return this.x === that.x && this.y === that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lt(that: IPoint): boolean {\r\n return this.x < that.x && this.y < that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lte(that: IPoint): boolean {\r\n return this.x <= that.x && this.y <= that.y;\r\n }\r\n\r\n /**\r\n\r\n * Returns true if this point is greater another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gt(that: IPoint): boolean {\r\n return this.x > that.x && this.y > that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is greater than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gte(that: IPoint): boolean {\r\n return this.x >= that.x && this.y >= that.y;\r\n }\r\n\r\n /**\r\n * Returns new point which is the result of linear interpolation with this one and another one\r\n * @param {Point} that\r\n * @param {Number} t , position of interpolation, between 0 and 1 default 0.5\r\n * @return {Point}\r\n */\r\n lerp(that: IPoint, t = 0.5): Point {\r\n t = Math.max(Math.min(1, t), 0);\r\n return new Point(\r\n this.x + (that.x - this.x) * t,\r\n this.y + (that.y - this.y) * t\r\n );\r\n }\r\n\r\n /**\r\n * Returns distance from this point and another one\r\n * @param {Point} that\r\n * @return {Number}\r\n */\r\n distanceFrom(that: IPoint): number {\r\n const dx = this.x - that.x,\r\n dy = this.y - that.y;\r\n return Math.sqrt(dx * dx + dy * dy);\r\n }\r\n\r\n /**\r\n * Returns the point between this point and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n midPointFrom(that: IPoint): Point {\r\n return this.lerp(that);\r\n }\r\n\r\n /**\r\n * Returns a new point which is the min of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n min(that: IPoint): Point {\r\n return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns a new point which is the max of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n max(that: IPoint): Point {\r\n return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns string representation of this point\r\n * @return {String}\r\n */\r\n toString(): string {\r\n return this.x + ',' + this.y;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point\r\n * @param {Number} x\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setXY(x: number, y: number) {\r\n this.x = x;\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x of this point\r\n * @param {Number} x\r\n * @chainable\r\n */\r\n setX(x: number) {\r\n this.x = x;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets y of this point\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setY(y: number) {\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point from another point\r\n * @param {Point} that\r\n * @chainable\r\n */\r\n setFromPoint(that: Point) {\r\n this.x = that.x;\r\n this.y = that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Swaps x/y of this point and another point\r\n * @param {Point} that\r\n */\r\n swap(that: Point) {\r\n const x = this.x,\r\n y = this.y;\r\n this.x = that.x;\r\n this.y = that.y;\r\n that.x = x;\r\n that.y = y;\r\n }\r\n\r\n /**\r\n * return a cloned instance of the point\r\n * @return {Point}\r\n */\r\n clone(): Point {\r\n return new Point(this.x, this.y);\r\n }\r\n\r\n /**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\n rotate(radians: TRadian, origin: Point = originZero): Point {\r\n // TODO benchmark and verify the add and subtract how much cost\r\n // and then in case early return if no origin is passed\r\n const sinus = sin(radians),\r\n cosinus = cos(radians);\r\n const p = this.subtract(origin);\r\n const rotated = new Point(\r\n p.x * cosinus - p.y * sinus,\r\n p.x * sinus + p.y * cosinus\r\n );\r\n return rotated.add(origin);\r\n }\r\n\r\n /**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\n transform(t: TMat2D, ignoreOffset = false): Point {\r\n return new Point(\r\n t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]),\r\n t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])\r\n );\r\n }\r\n}\r\n\r\nconst originZero = new Point(0, 0);\r\n\r\nfabric.Point = Point;\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TRadian } from '../../typedefs';\r\n\r\nconst unitVectorX = new Point(1, 0);\r\n\r\n/**\r\n * Rotates `vector` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} vector The vector to rotate (x and y)\r\n * @param {Number} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotateVector = (vector: Point, radians: TRadian) =>\r\n vector.rotate(radians);\r\n\r\n/**\r\n * Creates a vector from points represented as a point\r\n * @static\r\n * @memberOf fabric.util\r\n *\r\n * @param {Point} from\r\n * @param {Point} to\r\n * @returns {Point} vector\r\n */\r\nexport const createVector = (from: IPoint, to: IPoint): Point =>\r\n new Point(to).subtract(from);\r\n\r\n/**\r\n * return the magnitude of a vector\r\n * @return {number}\r\n */\r\nexport const magnitude = (point: Point) => point.distanceFrom(new Point());\r\n\r\n/**\r\n * Calculates the angle between 2 vectors\r\n * @param {Point} a\r\n * @param {Point} b\r\n * @returns the angle in radians from `a` to `b`\r\n */\r\nexport const calcAngleBetweenVectors = (a: Point, b: Point): TRadian => {\r\n const dot = a.x * b.x + a.y * b.y,\r\n det = a.x * b.y - a.y * b.x;\r\n return Math.atan2(det, dot) as TRadian;\r\n};\r\n\r\n/**\r\n * Calculates the angle between the x axis and the vector\r\n * @param {Point} v\r\n * @returns the angle in radians of `v`\r\n */\r\nexport const calcVectorRotation = (v: Point) =>\r\n calcAngleBetweenVectors(unitVectorX, v);\r\n\r\n/**\r\n * @param {Point} v\r\n * @returns {Point} vector representing the unit vector pointing to the direction of `v`\r\n */\r\nexport const getUnitVector = (v: Point): Point => v.scalarDivide(magnitude(v));\r\n\r\n/**\r\n * @param {Point} A\r\n * @param {Point} B\r\n * @param {Point} C\r\n * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle\r\n */\r\nexport const getBisector = (A: Point, B: Point, C: Point) => {\r\n const AB = createVector(A, B),\r\n AC = createVector(A, C),\r\n alpha = calcAngleBetweenVectors(AB, AC);\r\n return {\r\n vector: getUnitVector(rotateVector(AB, alpha / 2)),\r\n angle: alpha,\r\n };\r\n};\r\n\r\n/**\r\n * @param {Point} v\r\n * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true`\r\n * @returns {Point} the unit orthogonal vector\r\n */\r\nexport const getOrthonormalVector = (\r\n v: Point,\r\n counterClockwise = true\r\n): Point =>\r\n getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1));\r\n","import type { TRadian, TDegree } from '../../typedefs';\r\nimport { PiBy180 } from '../../constants';\r\n\r\n/**\r\n * Transforms degrees to radians.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TDegree} degrees value in degrees\r\n * @return {TRadian} value in radians\r\n */\r\nexport const degreesToRadians = (degrees: TDegree): TRadian =>\r\n (degrees * PiBy180) as TRadian;\r\n\r\n/**\r\n * Transforms radians to degrees.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} radians value in radians\r\n * @return {TDegree} value in degrees\r\n */\r\nexport const radiansToDegrees = (radians: TRadian): TDegree =>\r\n (radians / PiBy180) as TDegree;\r\n","import type { Point } from '../../point.class';\r\nimport type { TRadian } from '../../typedefs';\r\n/**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @deprecated use the Point.rotate\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotatePoint = (\r\n point: Point,\r\n origin: Point,\r\n radians: TRadian\r\n): Point => point.rotate(radians, origin);\r\n","/**\r\n * Returns random number between 2 specified ones.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Number} min lower limit\r\n * @param {Number} max upper limit\r\n * @return {Number} random value (between min and max)\r\n */\r\nexport const getRandomInt = (min: number, max: number): number =>\r\n Math.floor(Math.random() * (max - min + 1)) + min;\r\n","/**\r\n *\r\n * @param value value to check if NaN\r\n * @param [valueIfNaN]\r\n * @returns `fallback` is `value is NaN\r\n */\r\nexport const ifNaN = (value: number, valueIfNaN?: number) => {\r\n return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value;\r\n};\r\n","/**\r\n * Removes value from an array.\r\n * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} array\r\n * @param {*} value\r\n * @return {Array} original array\r\n */\r\nexport const removeFromArray = (array: T[], value: T): T[] => {\r\n const idx = array.indexOf(value);\r\n if (idx !== -1) {\r\n array.splice(idx, 1);\r\n }\r\n return array;\r\n};\r\n","import { halfPI } from '../../../constants';\r\nimport { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport {\r\n calcAngleBetweenVectors,\r\n calcVectorRotation,\r\n createVector,\r\n} from '../vectors';\r\nimport { TProjectStrokeOnPointsOptions, TProjection } from './types';\r\n\r\n/**\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n */\r\nexport abstract class StrokeProjectionsBase {\r\n options: TProjectStrokeOnPointsOptions;\r\n scale: Point;\r\n strokeUniformScalar: Point;\r\n strokeProjectionMagnitude: number;\r\n\r\n static getAcuteAngleFactor(vector1: Point, vector2?: Point) {\r\n const angle = vector2\r\n ? calcAngleBetweenVectors(vector1, vector2)\r\n : calcVectorRotation(vector1);\r\n return Math.abs(angle) < halfPI ? -1 : 1;\r\n }\r\n\r\n constructor(options: TProjectStrokeOnPointsOptions) {\r\n this.options = options;\r\n this.strokeProjectionMagnitude = this.options.strokeWidth / 2;\r\n this.scale = new Point(this.options.scaleX, this.options.scaleY);\r\n this.strokeUniformScalar = this.options.strokeUniform\r\n ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY)\r\n : new Point(1, 1);\r\n }\r\n\r\n /**\r\n * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account.\r\n */\r\n protected createSideVector(from: IPoint, to: IPoint) {\r\n const v = createVector(from, to);\r\n return this.options.strokeUniform ? v.multiply(this.scale) : v;\r\n }\r\n\r\n protected abstract calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude?: number\r\n ): Point;\r\n\r\n protected projectOrthogonally(from: Point, to: Point, magnitude?: number) {\r\n return this.applySkew(\r\n from.add(this.calcOrthogonalProjection(from, to, magnitude))\r\n );\r\n }\r\n\r\n protected isSkewed() {\r\n return this.options.skewX !== 0 || this.options.skewY !== 0;\r\n }\r\n\r\n protected applySkew(point: Point) {\r\n const p = new Point(point);\r\n // skewY must be applied before skewX as this distortion affects skewX calculation\r\n p.y += p.x * Math.tan(degreesToRadians(this.options.skewY));\r\n p.x += p.y * Math.tan(degreesToRadians(this.options.skewX));\r\n return p;\r\n }\r\n\r\n protected scaleUnitVector(unitVector: Point, scalar: number) {\r\n return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar);\r\n }\r\n\r\n protected abstract projectPoints(): Point[];\r\n\r\n public abstract project(): TProjection[];\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport { getBisector, getOrthonormalVector, magnitude } from '../vectors';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line join\r\n * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)}\r\n *\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin\r\n * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n *\r\n */\r\nexport class StrokeLineJoinProjections extends StrokeProjectionsBase {\r\n /**\r\n * The point being projected (the angle ∠BAC)\r\n */\r\n A: Point;\r\n /**\r\n * The point before A\r\n */\r\n B: Point;\r\n /**\r\n * The point after A\r\n */\r\n C: Point;\r\n /**\r\n * The bisector of A (∠BAC)\r\n */\r\n bisector: ReturnType;\r\n\r\n constructor(\r\n A: IPoint,\r\n B: IPoint,\r\n C: IPoint,\r\n options: TProjectStrokeOnPointsOptions\r\n ) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.B = new Point(B);\r\n this.C = new Point(C);\r\n // First we calculate the bisector between the points. Used in `round` and `miter` cases\r\n // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account\r\n this.bisector = this.options.strokeUniform\r\n ? getBisector(\r\n this.A.multiply(this.scale),\r\n this.B.multiply(this.scale),\r\n this.C.multiply(this.scale)\r\n )\r\n : getBisector(this.A, this.B, this.C);\r\n }\r\n\r\n get bisectorVector() {\r\n return this.bisector.vector;\r\n }\r\n\r\n get bisectorAngle() {\r\n return this.bisector.angle;\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n const orthogonalProjection = getOrthonormalVector(vector);\r\n const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(\r\n orthogonalProjection,\r\n this.bisectorVector\r\n );\r\n return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide);\r\n }\r\n\r\n /**\r\n * BEVEL\r\n * Calculation: the projection points are formed by the vector orthogonal to the vertex.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel\r\n */\r\n projectBevel() {\r\n return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to));\r\n }\r\n\r\n /**\r\n * MITER\r\n * Calculation: the corner is formed by extending the outer edges of the stroke\r\n * at the tangents of the path segments until they intersect.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter\r\n */\r\n projectMiter() {\r\n const alpha = Math.abs(this.bisectorAngle),\r\n hypotUnitScalar = 1 / Math.sin(alpha / 2),\r\n miterVector = this.scaleUnitVector(\r\n this.bisectorVector,\r\n -this.strokeProjectionMagnitude * hypotUnitScalar\r\n );\r\n\r\n // When two line segments meet at a sharp angle, it is possible for the join to extend,\r\n // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes\r\n // a limit on the extent of the line join.\r\n // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit\r\n // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit\r\n const strokeMiterLimit = this.options.strokeUniform\r\n ? hypotUnitScalar\r\n : this.options.strokeMiterLimit;\r\n\r\n if (\r\n magnitude(miterVector) / this.strokeProjectionMagnitude <=\r\n strokeMiterLimit\r\n ) {\r\n return [this.applySkew(this.A.add(miterVector))];\r\n } else {\r\n // when the miter-limit is reached, the stroke line join becomes of type bevel\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n /**\r\n * ROUND (without skew)\r\n * Calculation: the projections are the two vectors parallel to X and Y axes\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew\r\n */\r\n private projectRoundNoSkew() {\r\n // correctSide is used to only consider projecting for the outer side\r\n const correctSide = new Point(\r\n StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector),\r\n StrokeProjectionsBase.getAcuteAngleFactor(\r\n new Point(this.bisectorVector.y, this.bisectorVector.x)\r\n )\r\n ),\r\n radiusOnAxisX = new Point(1, 0)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide),\r\n radiusOnAxisY = new Point(0, 1)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide);\r\n\r\n return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)];\r\n }\r\n\r\n /**\r\n * ROUND (with skew)\r\n * Calculation: the projections are the points furthest from the vertex in\r\n * the direction of the X and Y axes after distortion.\r\n *\r\n * @todo TODO:\r\n * - Consider only projections that are inside the beginning and end of the circle segment\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew\r\n */\r\n private projectRoundWithSkew() {\r\n const projections: Point[] = [];\r\n\r\n // The start and end points of the circle segment\r\n [this.B, this.C].forEach((to) =>\r\n projections.push(this.projectOrthogonally(this.A, to))\r\n );\r\n\r\n const { skewX, skewY } = this.options;\r\n // The points furthest from the vertex in the direction of the X and Y axes after distortion\r\n const circleRadius = new Point()\r\n .scalarAdd(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar),\r\n newY =\r\n circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2),\r\n furthestY = new Point(\r\n Math.sqrt(\r\n circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2\r\n ),\r\n newY\r\n ),\r\n newX =\r\n circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2),\r\n furthestX = new Point(\r\n newX,\r\n Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)\r\n );\r\n\r\n [furthestX, furthestY].forEach((vector) => {\r\n projections.push(\r\n this.applySkew(this.A.add(vector)),\r\n this.applySkew(this.A.subtract(vector))\r\n );\r\n });\r\n\r\n return projections;\r\n }\r\n\r\n projectRound() {\r\n if (!this.isSkewed()) {\r\n return this.projectRoundNoSkew();\r\n } else {\r\n return this.projectRoundWithSkew();\r\n }\r\n }\r\n\r\n /**\r\n * Project stroke width on points returning projections for each point as follows:\r\n * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel)\r\n * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke.\r\n * - `round`: same as `bevel` when it has no skew, with skew are 4 points.\r\n */\r\n protected projectPoints() {\r\n switch (this.options.strokeLineJoin) {\r\n case 'miter':\r\n return this.projectMiter();\r\n case 'round':\r\n return this.projectRound();\r\n default:\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n bisector: this.bisector,\r\n }));\r\n }\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { createVector, getOrthonormalVector, getUnitVector } from '../vectors';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line cap for start/end of an open path\r\n * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)}\r\n *\r\n * Reference:\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\r\n * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n */\r\nexport class StrokeLineCapProjections extends StrokeProjectionsBase {\r\n /**\r\n * edge point\r\n */\r\n A: Point;\r\n /**\r\n * point next to edge point\r\n */\r\n T: Point;\r\n\r\n constructor(A: IPoint, T: IPoint, options: TProjectStrokeOnPointsOptions) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.T = new Point(T);\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n return this.scaleUnitVector(getOrthonormalVector(vector), magnitude);\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Butt\r\n * Calculation: to find the projections, just find the points orthogonal to the stroke\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt\r\n */\r\n projectButt() {\r\n return [\r\n this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude),\r\n this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude),\r\n ];\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Round\r\n * Calculation: same as stroke line join `round`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round\r\n */\r\n projectRound() {\r\n return new StrokeLineJoinProjections(\r\n this.A,\r\n this.T,\r\n this.T,\r\n this.options\r\n ).projectRound();\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Square\r\n * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square\r\n */\r\n projectSquare() {\r\n const orthogonalProjection = this.calcOrthogonalProjection(\r\n this.A,\r\n this.T,\r\n this.strokeProjectionMagnitude\r\n );\r\n const strokePointingOut = this.scaleUnitVector(\r\n getUnitVector(createVector(this.A, this.T)),\r\n -this.strokeProjectionMagnitude\r\n );\r\n const projectedA = this.A.add(strokePointingOut);\r\n return [\r\n projectedA.add(orthogonalProjection),\r\n projectedA.subtract(orthogonalProjection),\r\n ].map((p) => this.applySkew(p));\r\n }\r\n\r\n protected projectPoints() {\r\n switch (this.options.strokeLineCap) {\r\n case 'round':\r\n return this.projectRound();\r\n case 'square':\r\n return this.projectSquare();\r\n default:\r\n return this.projectButt();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n }));\r\n }\r\n}\r\n","import { IPoint } from '../../../point.class';\r\nimport { StrokeLineCapProjections } from './StrokeLineCapProjections';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n *\r\n * Used to calculate object's bounding box\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n *\r\n */\r\nexport const projectStrokeOnPoints = (\r\n points: IPoint[],\r\n options: TProjectStrokeOnPointsOptions,\r\n openPath = false\r\n): TProjection[] => {\r\n const projections: TProjection[] = [];\r\n\r\n if (points.length <= 1) {\r\n return projections;\r\n }\r\n\r\n points.forEach((A, index) => {\r\n let B: IPoint, C: IPoint;\r\n if (index === 0) {\r\n C = points[1];\r\n B = openPath ? A : points[points.length - 1];\r\n } else if (index === points.length - 1) {\r\n B = points[index - 1];\r\n C = openPath ? A : points[0];\r\n } else {\r\n B = points[index - 1];\r\n C = points[index + 1];\r\n }\r\n\r\n if (openPath && (index === 0 || index === points.length - 1)) {\r\n projections.push(\r\n ...new StrokeLineCapProjections(\r\n A,\r\n index === 0 ? C : B,\r\n options\r\n ).project()\r\n );\r\n } else {\r\n projections.push(\r\n ...new StrokeLineJoinProjections(A, B, C, options).project()\r\n );\r\n }\r\n });\r\n\r\n return projections;\r\n};\r\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { iMatrix } from '../../constants';\r\nimport { IPoint, Point } from '../../point.class';\r\nimport { TDegree, TMat2D } from '../../typedefs';\r\nimport { cos } from './cos';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { sin } from './sin';\r\n\r\ntype TRotateMatrixArgs = {\r\n angle?: TDegree;\r\n};\r\n\r\ntype TTranslateMatrixArgs = {\r\n translateX?: number;\r\n translateY?: number;\r\n};\r\n\r\nexport type TScaleMatrixArgs = {\r\n scaleX?: number;\r\n scaleY?: number;\r\n flipX?: boolean;\r\n flipY?: boolean;\r\n skewX?: TDegree;\r\n skewY?: TDegree;\r\n};\r\n\r\nexport type TComposeMatrixArgs = TTranslateMatrixArgs &\r\n TRotateMatrixArgs &\r\n TScaleMatrixArgs;\r\n\r\nexport type TQrDecomposeOut = Required<\r\n Omit\r\n>;\r\n/**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point | IPoint} p The point to transform\r\n * @param {Array} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\nexport const transformPoint = (\r\n p: Point | IPoint,\r\n t: TMat2D,\r\n ignoreOffset?: boolean\r\n): Point => new Point(p).transform(t, ignoreOffset);\r\n\r\n/**\r\n * Invert transformation t\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} t The transform\r\n * @return {Array} The inverted transform\r\n */\r\nexport const invertTransform = (t: TMat2D): TMat2D => {\r\n const a = 1 / (t[0] * t[3] - t[1] * t[2]),\r\n r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0] as TMat2D,\r\n { x, y } = transformPoint(new Point(t[4], t[5]), r, true);\r\n r[4] = -x;\r\n r[5] = -y;\r\n return r;\r\n};\r\n\r\n/**\r\n * Multiply matrix A by matrix B to nest transformations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a First transformMatrix\r\n * @param {TMat2D} b Second transformMatrix\r\n * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices\r\n * @return {TMat2D} The product of the two transform matrices\r\n */\r\nexport const multiplyTransformMatrices = (\r\n a: TMat2D,\r\n b: TMat2D,\r\n is2x2?: boolean\r\n): TMat2D =>\r\n [\r\n a[0] * b[0] + a[2] * b[1],\r\n a[1] * b[0] + a[3] * b[1],\r\n a[0] * b[2] + a[2] * b[3],\r\n a[1] * b[2] + a[3] * b[3],\r\n is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4],\r\n is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5],\r\n ] as TMat2D;\r\n\r\n/**\r\n * Decomposes standard 2x3 matrix into transform components\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a transformMatrix\r\n * @return {Object} Components of transform\r\n */\r\nexport const qrDecompose = (a: TMat2D): TQrDecomposeOut => {\r\n const angle = Math.atan2(a[1], a[0]),\r\n denom = Math.pow(a[0], 2) + Math.pow(a[1], 2),\r\n scaleX = Math.sqrt(denom),\r\n scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX,\r\n skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom);\r\n return {\r\n angle: radiansToDegrees(angle),\r\n scaleX,\r\n scaleY,\r\n skewX: radiansToDegrees(skewX),\r\n skewY: 0 as TDegree,\r\n translateX: a[4] || 0,\r\n translateY: a[5] || 0,\r\n };\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle] angle in degrees\r\n * @return {TMat2D} transform matrix\r\n */\r\n\r\nexport const calcRotateMatrix = ({ angle }: TRotateMatrixArgs): TMat2D => {\r\n if (!angle) {\r\n return iMatrix;\r\n }\r\n const theta = degreesToRadians(angle),\r\n cosin = cos(theta),\r\n sinus = sin(theta);\r\n return [cosin, sinus, -sinus, cosin, 0, 0];\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet.\r\n * is called DimensionsTransformMatrix because those properties are the one that influence\r\n * the size of the resulting box of the object.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @return {Number[]} transform matrix\r\n */\r\nexport const calcDimensionsMatrix = ({\r\n scaleX = 1,\r\n scaleY = 1,\r\n flipX = false,\r\n flipY = false,\r\n skewX = 0 as TDegree,\r\n skewY = 0 as TDegree,\r\n}: TScaleMatrixArgs) => {\r\n let scaleMatrix = iMatrix;\r\n if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) {\r\n scaleMatrix = [\r\n flipX ? -scaleX : scaleX,\r\n 0,\r\n 0,\r\n flipY ? -scaleY : scaleY,\r\n 0,\r\n 0,\r\n ] as TMat2D;\r\n }\r\n if (skewX) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, 0, Math.tan(degreesToRadians(skewX)), 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n if (skewY) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, Math.tan(degreesToRadians(skewY)), 0, 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n return scaleMatrix;\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @param {Number} [options.translateX]\r\n * @param {Number} [options.translateY]\r\n * @return {Number[]} transform matrix\r\n */\r\n\r\nexport const composeMatrix = ({\r\n translateX = 0,\r\n translateY = 0,\r\n angle = 0 as TDegree,\r\n ...otherOptions\r\n}: TComposeMatrixArgs): TMat2D => {\r\n let matrix = [1, 0, 0, 1, translateX, translateY] as TMat2D;\r\n if (angle) {\r\n matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle }));\r\n }\r\n const scaleMatrix = calcDimensionsMatrix(otherOptions);\r\n if (scaleMatrix !== iMatrix) {\r\n matrix = multiplyTransformMatrices(matrix, scaleMatrix);\r\n }\r\n return matrix;\r\n};\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Copies all enumerable properties of one js object to another\r\n * this does not and cannot compete with generic utils.\r\n * Does not clone or extend fabric.Object subclasses.\r\n * This is mostly for internal use and has extra handling for fabricJS objects\r\n * it skips the canvas and group properties in deep cloning.\r\n * @memberOf fabric.util.object\r\n * @param {Object} destination Where to copy to\r\n * @param {Object} source Where to copy from\r\n * @param {Boolean} [deep] Whether to extend nested objects\r\n * @return {Object}\r\n */\r\n\r\nexport const extend = (destination, source, deep) => {\r\n // the deep clone is for internal use, is not meant to avoid\r\n // javascript traps or cloning html element or self referenced objects.\r\n if (deep) {\r\n if (!fabric.isLikelyNode && source instanceof Element) {\r\n // avoid cloning deep images, canvases,\r\n destination = source;\r\n } else if (Array.isArray(source)) {\r\n destination = [];\r\n for (let i = 0, len = source.length; i < len; i++) {\r\n destination[i] = extend({}, source[i], deep);\r\n }\r\n } else if (source && typeof source === 'object') {\r\n for (const property in source) {\r\n if (property === 'canvas' || property === 'group') {\r\n // we do not want to clone this props at all.\r\n // we want to keep the keys in the copy\r\n destination[property] = null;\r\n } else if (Object.prototype.hasOwnProperty.call(source, property)) {\r\n destination[property] = extend({}, source[property], deep);\r\n }\r\n }\r\n } else {\r\n // this sounds odd for an extend but is ok for recursive use\r\n destination = source;\r\n }\r\n } else {\r\n for (const property in source) {\r\n destination[property] = source[property];\r\n }\r\n }\r\n return destination;\r\n};\r\n\r\n/**\r\n * Creates an empty object and copies all enumerable properties of another object to it\r\n * This method is mostly for internal use, and not intended for duplicating shapes in canvas.\r\n * @memberOf fabric.util.object\r\n * @param {Object} object Object to clone\r\n * @param {Boolean} [deep] Whether to clone nested objects\r\n * @return {Object}\r\n */\r\n\r\n//TODO: this function return an empty object if you try to clone null\r\nexport const clone = (object: any, deep: boolean) =>\r\n deep ? extend({}, object, deep) : { ...object };\r\n","import { clone } from '../lang_object';\r\n\r\n/**\r\n * @memberOf fabric.util\r\n * @param {Object} prevStyle first style to compare\r\n * @param {Object} thisStyle second style to compare\r\n * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties\r\n * @return {boolean} true if the style changed\r\n */\r\nexport const hasStyleChanged = (\r\n prevStyle: any,\r\n thisStyle: any,\r\n forTextSpans = false\r\n) =>\r\n prevStyle.fill !== thisStyle.fill ||\r\n prevStyle.stroke !== thisStyle.stroke ||\r\n prevStyle.strokeWidth !== thisStyle.strokeWidth ||\r\n prevStyle.fontSize !== thisStyle.fontSize ||\r\n prevStyle.fontFamily !== thisStyle.fontFamily ||\r\n prevStyle.fontWeight !== thisStyle.fontWeight ||\r\n prevStyle.fontStyle !== thisStyle.fontStyle ||\r\n prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor ||\r\n prevStyle.deltaY !== thisStyle.deltaY ||\r\n (forTextSpans &&\r\n (prevStyle.overline !== thisStyle.overline ||\r\n prevStyle.underline !== thisStyle.underline ||\r\n prevStyle.linethrough !== thisStyle.linethrough));\r\n\r\n/**\r\n * Returns the array form of a text object's inline styles property with styles grouped in ranges\r\n * rather than per character. This format is less verbose, and is better suited for storage\r\n * so it is used in serialization (not during runtime).\r\n * @memberOf fabric.util\r\n * @param {object} styles per character styles for a text object\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {{start: number, end: number, style: object}[]}\r\n */\r\nexport const stylesToArray = (styles: any, text: string) => {\r\n const textLines = text.split('\\n'),\r\n stylesArray = [];\r\n let charIndex = -1,\r\n prevStyle = {};\r\n // clone style structure to prevent mutation\r\n styles = clone(styles, true);\r\n\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n if (!styles[i]) {\r\n //no styles exist for this line, so add the line's length to the charIndex total\r\n charIndex += textLines[i].length;\r\n continue;\r\n }\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n const thisStyle = styles[i][c];\r\n //check if style exists for this character\r\n if (thisStyle && Object.keys(thisStyle).length > 0) {\r\n if (hasStyleChanged(prevStyle, thisStyle, true)) {\r\n stylesArray.push({\r\n start: charIndex,\r\n end: charIndex + 1,\r\n style: thisStyle,\r\n });\r\n } else {\r\n //if style is the same as previous character, increase end index\r\n stylesArray[stylesArray.length - 1].end++;\r\n }\r\n }\r\n prevStyle = thisStyle || {};\r\n }\r\n }\r\n return stylesArray;\r\n};\r\n\r\n/**\r\n * Returns the object form of the styles property with styles that are assigned per\r\n * character rather than grouped by range. This format is more verbose, and is\r\n * only used during runtime (not for serialization/storage)\r\n * @memberOf fabric.util\r\n * @param {Array} styles the serialized form of a text object's styles\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {Object}\r\n */\r\nexport const stylesFromArray = (styles: any, text: string) => {\r\n if (!Array.isArray(styles)) {\r\n return styles;\r\n }\r\n const textLines = text.split('\\n'),\r\n stylesObject = {} as any;\r\n let charIndex = -1,\r\n styleIndex = 0;\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n //check if there's a style collection that includes the current character\r\n if (\r\n styles[styleIndex] &&\r\n styles[styleIndex].start <= charIndex &&\r\n charIndex < styles[styleIndex].end\r\n ) {\r\n //create object for line index if it doesn't exist\r\n stylesObject[i] = stylesObject[i] || {};\r\n //assign a style at this character's index\r\n stylesObject[i][c] = { ...styles[styleIndex].style };\r\n //if character is at the end of the current style collection, move to the next\r\n if (charIndex === styles[styleIndex].end - 1) {\r\n styleIndex++;\r\n }\r\n }\r\n }\r\n }\r\n return stylesObject;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { ImageFormat } from '../../typedefs';\r\n/**\r\n * Creates canvas element\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const createCanvasElement = (): HTMLCanvasElement =>\r\n fabric.document.createElement('canvas');\r\n\r\n/**\r\n * Creates image element (works on client and node)\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {HTMLImageElement} HTML image element\r\n */\r\nexport const createImage = (): HTMLImageElement =>\r\n fabric.document.createElement('img');\r\n\r\n/**\r\n * Creates a canvas element that is a copy of another and is also painted\r\n * @param {CanvasElement} canvas to copy size and content of\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const copyCanvasElement = (\r\n canvas: HTMLCanvasElement\r\n): HTMLCanvasElement => {\r\n const newCanvas = createCanvasElement();\r\n newCanvas.width = canvas.width;\r\n newCanvas.height = canvas.height;\r\n newCanvas.getContext('2d')?.drawImage(canvas, 0, 0);\r\n return newCanvas;\r\n};\r\n\r\n/**\r\n * since 2.6.0 moved from canvas instance to utility.\r\n * possibly useless\r\n * @param {CanvasElement} canvasEl to copy size and content of\r\n * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too\r\n * @param {Number} quality <= 1 and > 0\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {String} data url\r\n */\r\nexport const toDataURL = (\r\n canvasEl: HTMLCanvasElement,\r\n format: ImageFormat,\r\n quality: number\r\n) => canvasEl.toDataURL(`image/${format}`, quality);\r\n","/**\r\n * A wrapper around Number#toFixed, which contrary to native method returns number, not string.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {number|string} number number to operate on\r\n * @param {number} fractionDigits number of fraction digits to \"leave\"\r\n * @return {number}\r\n */\r\nexport const toFixed = (number: number | string, fractionDigits: number) =>\r\n parseFloat(Number(number).toFixed(fractionDigits));\r\n","import { fabric } from '../../../HEADER';\r\nimport { SVGElementName, SupportedSVGUnit, TMat2D } from '../../typedefs';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../../constants';\r\nimport { toFixed } from './toFixed';\r\nimport { config } from '../../config';\r\n/**\r\n * Returns array of attributes for given svg that fabric parses\r\n * @memberOf fabric.util\r\n * @param {SVGElementName} type Type of svg element (eg. 'circle')\r\n * @return {Array} string names of supported attributes\r\n */\r\nexport const getSvgAttributes = (type: SVGElementName) => {\r\n const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class'];\r\n switch (type) {\r\n case SVGElementName.linearGradient:\r\n return commonAttributes.concat([\r\n 'x1',\r\n 'y1',\r\n 'x2',\r\n 'y2',\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n ]);\r\n case 'radialGradient':\r\n return commonAttributes.concat([\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n 'fr',\r\n ]);\r\n case 'stop':\r\n return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']);\r\n }\r\n return commonAttributes;\r\n};\r\n\r\n/**\r\n * Converts from attribute value to pixel value if applicable.\r\n * Returns converted pixels or original value not converted.\r\n * @param {string} value number to operate on\r\n * @param {number} fontSize\r\n * @return {number}\r\n */\r\nexport const parseUnit = (value: string, fontSize: number) => {\r\n const unit = /\\D{0,2}$/.exec(value),\r\n number = parseFloat(value);\r\n if (!fontSize) {\r\n fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n const dpi = config.DPI;\r\n switch (unit?.[0]) {\r\n case SupportedSVGUnit.mm:\r\n return (number * dpi) / 25.4;\r\n\r\n case SupportedSVGUnit.cm:\r\n return (number * dpi) / 2.54;\r\n\r\n case SupportedSVGUnit.in:\r\n return number * dpi;\r\n\r\n case SupportedSVGUnit.pt:\r\n return (number * dpi) / 72; // or * 4 / 3\r\n\r\n case SupportedSVGUnit.pc:\r\n return ((number * dpi) / 72) * 12; // or * 16\r\n\r\n case SupportedSVGUnit.em:\r\n return number * fontSize;\r\n\r\n default:\r\n return number;\r\n }\r\n};\r\n\r\n/**\r\n * Groups SVG elements (usually those retrieved from SVG document)\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} elements fabric.Object(s) parsed from svg, to group\r\n * @return {fabric.Object|fabric.Group}\r\n */\r\nexport const groupSVGElements = (elements: any[]) => {\r\n if (elements && elements.length === 1) {\r\n return elements[0];\r\n }\r\n return new fabric.Group(elements);\r\n};\r\n\r\nconst enum MeetOrSlice {\r\n meet = 'meet',\r\n slice = 'slice',\r\n}\r\n\r\nconst enum MinMidMax {\r\n min = 'Min',\r\n mid = 'Mid',\r\n max = 'Max',\r\n none = 'none',\r\n}\r\n\r\ntype TPreserveArParsed = {\r\n meetOrSlice: MeetOrSlice;\r\n alignX: MinMidMax;\r\n alignY: MinMidMax;\r\n};\r\n\r\n// align can be either none or undefined or a combination of mid/max\r\nconst parseAlign = (align: string): MinMidMax[] => {\r\n //divide align in alignX and alignY\r\n if (align && align !== MinMidMax.none) {\r\n return [align.slice(1, 4) as MinMidMax, align.slice(5, 8) as MinMidMax];\r\n } else if (align === MinMidMax.none) {\r\n return [align, align];\r\n }\r\n return [MinMidMax.mid, MinMidMax.mid];\r\n};\r\n\r\n/**\r\n * Parse preserveAspectRatio attribute from element\r\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio\r\n * @param {string} attribute to be parsed\r\n * @return {Object} an object containing align and meetOrSlice attribute\r\n */\r\nexport const parsePreserveAspectRatioAttribute = (\r\n attribute: string\r\n): TPreserveArParsed => {\r\n const [firstPart, secondPart] = attribute.trim().split(' ') as [\r\n MinMidMax,\r\n MeetOrSlice | undefined\r\n ];\r\n const [alignX, alignY] = parseAlign(firstPart);\r\n return {\r\n meetOrSlice: secondPart || MeetOrSlice.meet,\r\n alignX,\r\n alignY,\r\n };\r\n};\r\n\r\n/**\r\n * given an array of 6 number returns something like `\"matrix(...numbers)\"`\r\n * @memberOf fabric.util\r\n * @param {TMat2D} transform an array with 6 numbers\r\n * @return {String} transform matrix for svg\r\n */\r\nexport const matrixToSVG = (transform: TMat2D) =>\r\n 'matrix(' +\r\n transform\r\n .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS))\r\n .join(' ') +\r\n ')';\r\n","interface IWithDimensions {\r\n width: number;\r\n height: number;\r\n}\r\n\r\n/**\r\n * Finds the scale for the object source to fit inside the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to fit into destination\r\n */\r\nexport const findScaleToFit = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.min(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n\r\n/**\r\n * Finds the scale for the object source to cover entirely the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to cover destination\r\n */\r\nexport const findScaleToCover = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.max(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n","export const capValue = (min: number, value: number, max: number) =>\r\n Math.max(min, Math.min(value, max));\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TBBox } from '../../typedefs';\r\n\r\n/**\r\n * Calculates bounding box (left, top, width, height) from given `points`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {IPoint[]} points\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\nexport const makeBoundingBoxFromPoints = (points: IPoint[]): TBBox => {\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n };\r\n }\r\n\r\n const { min, max } = points.reduce(\r\n ({ min, max }, curr) => {\r\n return {\r\n min: min.min(curr),\r\n max: max.max(curr),\r\n };\r\n },\r\n { min: new Point(points[0]), max: new Point(points[0]) }\r\n );\r\n\r\n const size = max.subtract(min);\r\n\r\n return {\r\n left: min.x,\r\n top: min.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n};\r\n","import { Point } from '../../point.class';\r\nimport type { FabricObject } from '../../shapes/object.class';\r\nimport { TMat2D } from '../../typedefs';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport type { TComposeMatrixArgs, TScaleMatrixArgs } from './matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from './matrix';\r\n\r\n/**\r\n * given an object and a transform, apply the inverse transform to the object,\r\n * this is equivalent to remove from that object that transformation, so that\r\n * added in a space with the removed transform, the object will be the same as before.\r\n * Removing from an object a transform that scale by 2 is like scaling it by 1/2.\r\n * Removing from an object a transform that rotate by 30deg is like rotating by 30deg\r\n * in the opposite direction.\r\n * This util is used to add objects inside transformed groups or nested groups.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const removeTransformFromObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const inverted = invertTransform(transform),\r\n finalTransform = multiplyTransformMatrices(\r\n inverted,\r\n object.calcOwnMatrix()\r\n );\r\n applyTransformToObject(object, finalTransform);\r\n};\r\n\r\n/**\r\n * given an object and a transform, apply the transform to the object.\r\n * this is equivalent to change the space where the object is drawn.\r\n * Adding to an object a transform that scale by 2 is like scaling it by 2.\r\n * This is used when removing an object from an active selection for example.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const addTransformToObject = (object: FabricObject, transform: TMat2D) =>\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(transform, object.calcOwnMatrix())\r\n );\r\n\r\n/**\r\n * discard an object transform state and apply the one from the matrix.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const applyTransformToObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const { translateX, translateY, scaleX, scaleY, ...otherOptions } =\r\n qrDecompose(transform),\r\n center = new Point(translateX, translateY);\r\n object.flipX = false;\r\n object.flipY = false;\r\n Object.assign(object, otherOptions);\r\n object.set({ scaleX, scaleY });\r\n object.setPositionByOrigin(center, 'center', 'center');\r\n};\r\n/**\r\n * reset an object transform state to neutral. Top and left are not accounted for\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to transform\r\n */\r\nexport const resetObjectTransform = (target: FabricObject) => {\r\n target.scaleX = 1;\r\n target.scaleY = 1;\r\n target.skewX = 0;\r\n target.skewY = 0;\r\n target.flipX = false;\r\n target.flipY = false;\r\n target.rotate(0);\r\n};\r\n\r\n/**\r\n * Extract Object transform values\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to read from\r\n * @return {Object} Components of transform\r\n */\r\nexport const saveObjectTransform = (target: FabricObject) => ({\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n angle: target.angle,\r\n left: target.left,\r\n flipX: target.flipX,\r\n flipY: target.flipY,\r\n top: target.top,\r\n});\r\n\r\n/**\r\n * given a width and height, return the size of the bounding box\r\n * that can contains the box with width/height with applied transform\r\n * described in options.\r\n * Use to calculate the boxes around objects for controls.\r\n * @memberOf fabric.util\r\n * @param {Number} width\r\n * @param {Number} height\r\n * @param {Object} options\r\n * @param {Number} options.scaleX\r\n * @param {Number} options.scaleY\r\n * @param {Number} options.skewX\r\n * @param {Number} options.skewY\r\n * @returns {Point} size\r\n */\r\nexport const sizeAfterTransform = (\r\n width: number,\r\n height: number,\r\n options: TScaleMatrixArgs\r\n) => {\r\n const dimX = width / 2,\r\n dimY = height / 2,\r\n transformMatrix = calcDimensionsMatrix(options),\r\n points = [\r\n new Point(-dimX, -dimY),\r\n new Point(dimX, -dimY),\r\n new Point(-dimX, dimY),\r\n new Point(dimX, dimY),\r\n ].map((p) => p.transform(transformMatrix)),\r\n bbox = makeBoundingBoxFromPoints(points);\r\n return new Point(bbox.width, bbox.height);\r\n};\r\n","import { iMatrix } from '../../constants';\r\nimport type { Point } from '../../point.class';\r\nimport type { TMat2D } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { invertTransform, multiplyTransformMatrices } from './matrix';\r\nimport { applyTransformToObject } from './objectTransforms';\r\n\r\nexport const enum ObjectRelation {\r\n sibling = 'sibling',\r\n child = 'child',\r\n}\r\n\r\n/**\r\n * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\\\r\n * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`)\r\n * @param [from]\r\n * @param [to]\r\n * @returns\r\n */\r\nexport const calcPlaneChangeMatrix = (\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n) => multiplyTransformMatrices(invertTransform(to), from);\r\n\r\n/**\r\n * Sends a point from the source coordinate plane to the destination coordinate plane.\\\r\n * From the canvas/viewer's perspective the point remains unchanged.\r\n *\r\n * @example Send point from canvas plane to group plane\r\n * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 });\r\n * var group = new fabric.Group([obj], { strokeWidth: 0 });\r\n * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix());\r\n * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix());\r\n * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas\r\n * @param {Point} point\r\n * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane.\r\n * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane.\r\n * @returns {Point} transformed point\r\n */\r\nexport const sendPointToPlane = (\r\n point: Point,\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n): Point =>\r\n // we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping)\r\n // the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from)\r\n point.transform(calcPlaneChangeMatrix(from, to));\r\n\r\n/**\r\n * Transform point relative to canvas.\r\n * From the viewport/viewer's perspective the point remains unchanged.\r\n *\r\n * `child` relation means `point` exists in the coordinate plane created by `canvas`.\r\n * In other words point is measured acoording to canvas' top left corner\r\n * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner.\r\n *\r\n * `sibling` relation means `point` exists in the same coordinate plane as canvas.\r\n * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas.\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} point\r\n * @param {fabric.StaticCanvas} canvas\r\n * @param {'sibling'|'child'} relationBefore current relation of point to canvas\r\n * @param {'sibling'|'child'} relationAfter desired relation of point to canvas\r\n * @returns {Point} transformed point\r\n */\r\nexport const transformPointRelativeToCanvas = (\r\n point: Point,\r\n canvas: any,\r\n relationBefore: ObjectRelation,\r\n relationAfter: ObjectRelation\r\n): Point => {\r\n // is this still needed with TS?\r\n if (\r\n relationBefore !== ObjectRelation.child &&\r\n relationBefore !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationBefore);\r\n }\r\n if (\r\n relationAfter !== ObjectRelation.child &&\r\n relationAfter !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationAfter);\r\n }\r\n if (relationBefore === relationAfter) {\r\n return point;\r\n }\r\n const t = canvas.viewportTransform;\r\n return point.transform(relationAfter === 'child' ? invertTransform(t) : t);\r\n};\r\n\r\n/**\r\n *\r\n * A util that abstracts applying transform to objects.\\\r\n * Sends `object` to the destination coordinate plane by applying the relevant transformations.\\\r\n * Changes the space/plane where `object` is drawn.\\\r\n * From the canvas/viewer's perspective `object` remains unchanged.\r\n *\r\n * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer\r\n * let obj, obj2;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * // render\r\n * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix());\r\n * obj.clipPath = undefined;\r\n * obj2.clipPath = clipPath;\r\n * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer\r\n *\r\n * @example Clip an object's clip path with an existing object\r\n * let obj, existingObj;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix());\r\n * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo);\r\n * clipPath.clipPath = existingObj;\r\n *\r\n * @static\r\n * @memberof fabric.util\r\n * @param {fabric.Object} object\r\n * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas.\r\n * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane.\r\n * @returns {Matrix} the transform matrix that was applied to `object`\r\n */\r\nexport const sendObjectToPlane = (\r\n object: TObject,\r\n from?: TMat2D,\r\n to?: TMat2D\r\n): TMat2D => {\r\n const t = calcPlaneChangeMatrix(from, to);\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(t, object.calcOwnMatrix())\r\n );\r\n return t;\r\n};\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Camelizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to camelize\r\n * @return {String} Camelized version of a string\r\n */\r\nexport const camelize = (string: string): string =>\r\n string.replace(/-+(.)?/g, function (match, character) {\r\n return character ? character.toUpperCase() : '';\r\n });\r\n\r\n/**\r\n * Capitalizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to capitalize\r\n * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized\r\n * and other letters stay untouched, if false first letter is capitalized\r\n * and other letters are converted to lowercase.\r\n * @return {String} Capitalized version of a string\r\n */\r\nexport const capitalize = (string: string, firstLetterOnly = false): string =>\r\n `${string.charAt(0).toUpperCase()}${\r\n firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()\r\n }`;\r\n\r\n/**\r\n * Escapes XML in a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to escape\r\n * @return {String} Escaped version of a string\r\n */\r\nexport const escapeXml = (string: string): string =>\r\n string\r\n .replace(/&/g, '&')\r\n .replace(/\"/g, '"')\r\n .replace(/'/g, ''')\r\n .replace(//g, '>');\r\n\r\n/**\r\n * Divide a string in the user perceived single units\r\n * @memberOf fabric.util.string\r\n * @param {String} textstring String to escape\r\n * @return {Array} array containing the graphemes\r\n */\r\nexport const graphemeSplit = (textstring: string): string[] => {\r\n const graphemes = [];\r\n for (let i = 0, chr; i < textstring.length; i++) {\r\n if ((chr = getWholeChar(textstring, i)) === false) {\r\n continue;\r\n }\r\n graphemes.push(chr);\r\n }\r\n return graphemes;\r\n};\r\n\r\n// taken from mdn in the charAt doc page.\r\nconst getWholeChar = (str: string, i: number): string => {\r\n const code = str.charCodeAt(i);\r\n if (isNaN(code)) {\r\n return ''; // Position not found\r\n }\r\n if (code < 0xd800 || code > 0xdfff) {\r\n return str.charAt(i);\r\n }\r\n\r\n // High surrogate (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 <= code && code <= 0xdbff) {\r\n if (str.length <= i + 1) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n const next = str.charCodeAt(i + 1);\r\n if (0xdc00 > next || next > 0xdfff) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n return str.charAt(i) + str.charAt(i + 1);\r\n }\r\n // Low surrogate (0xDC00 <= code && code <= 0xDFFF)\r\n if (i === 0) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n const prev = str.charCodeAt(i - 1);\r\n\r\n // (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 > prev || prev > 0xdbff) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n // We can pass over low surrogates now as the second component\r\n // in a pair which we have already processed\r\n return false;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { noop } from '../../constants';\r\nimport { TCrossOrigin } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { camelize, capitalize } from '../lang_string';\r\nimport { createImage } from './dom';\r\n\r\n/**\r\n * Returns klass \"Class\" object of given namespace\r\n * @memberOf fabric.util\r\n * @param {String} type Type of object (eg. 'circle')\r\n * @param {object} namespace Namespace to get klass \"Class\" object from\r\n * @return {Object} klass \"Class\"\r\n */\r\nexport const getKlass = (type: string, namespace = fabric): any =>\r\n namespace[capitalize(camelize(type), true)];\r\n\r\ntype LoadImageOptions = {\r\n signal?: AbortSignal;\r\n crossOrigin?: TCrossOrigin;\r\n};\r\n\r\n/**\r\n * Loads image element from given url and resolve it, or catch.\r\n * @memberOf fabric.util\r\n * @param {String} url URL representing an image\r\n * @param {Object} [options] image loading options\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Promise} img the loaded image.\r\n */\r\nexport const loadImage = (\r\n url: string,\r\n { signal, crossOrigin = null }: LoadImageOptions = {}\r\n) =>\r\n new Promise(function (resolve, reject) {\r\n if (signal && signal.aborted) {\r\n return reject(new Error('`options.signal` is in `aborted` state'));\r\n }\r\n const img = createImage();\r\n let abort: EventListenerOrEventListenerObject;\r\n if (signal) {\r\n abort = function (err: Event) {\r\n img.src = '';\r\n reject(err);\r\n };\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n const done = function () {\r\n img.onload = img.onerror = null;\r\n abort && signal?.removeEventListener('abort', abort);\r\n resolve(img);\r\n };\r\n if (!url) {\r\n done();\r\n return;\r\n }\r\n img.onload = done;\r\n img.onerror = function () {\r\n abort && signal?.removeEventListener('abort', abort);\r\n reject(new Error('Error loading ' + img.src));\r\n };\r\n crossOrigin && (img.crossOrigin = crossOrigin);\r\n img.src = url;\r\n });\r\n\r\ntype EnlivenObjectOptions = {\r\n signal?: AbortSignal;\r\n reviver?: (arg: any, arg2: any) => void;\r\n namespace?: any;\r\n};\r\n\r\n/**\r\n * Creates corresponding fabric instances from their object representations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object[]} objects Objects to enliven\r\n * @param {object} [options]\r\n * @param {object} [options.namespace] Namespace to get klass \"Class\" object from\r\n * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements,\r\n * called after each fabric object created.\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\nexport const enlivenObjects = (\r\n objects: any[],\r\n { signal, reviver = noop, namespace = fabric }: EnlivenObjectOptions = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: TObject[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n Promise.all(\r\n objects.map((obj) =>\r\n getKlass(obj.type, namespace)\r\n .fromObject(obj, {\r\n signal,\r\n reviver,\r\n namespace,\r\n })\r\n .then((fabricInstance: TObject) => {\r\n reviver(obj, fabricInstance);\r\n instances.push(fabricInstance);\r\n return fabricInstance;\r\n })\r\n )\r\n )\r\n .then(resolve)\r\n .catch((error) => {\r\n // cleanup\r\n instances.forEach(function (instance) {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(() => {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n\r\n/**\r\n * Creates corresponding fabric instances residing in an object, e.g. `clipPath`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path )\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values\r\n */\r\nexport const enlivenObjectEnlivables = (\r\n serializedObject: any,\r\n { signal }: { signal?: AbortSignal } = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: any[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n // enlive every possible property\r\n const promises = Object.values(serializedObject).map((value: any) => {\r\n if (!value) {\r\n return value;\r\n }\r\n // gradient\r\n if (value.colorStops) {\r\n return new fabric.Gradient(value);\r\n }\r\n // clipPath\r\n if (value.type) {\r\n return enlivenObjects([value], { signal }).then(([enlived]) => {\r\n instances.push(enlived);\r\n return enlived;\r\n });\r\n }\r\n // pattern\r\n if (value.source) {\r\n return fabric.Pattern.fromObject(value, { signal }).then(\r\n (pattern: any) => {\r\n instances.push(pattern);\r\n return pattern;\r\n }\r\n );\r\n }\r\n return value;\r\n });\r\n const keys = Object.keys(serializedObject);\r\n Promise.all(promises)\r\n .then((enlived) => {\r\n return enlived.reduce(function (acc, instance, index) {\r\n acc[keys[index]] = instance;\r\n return acc;\r\n }, {});\r\n })\r\n .then(resolve)\r\n .catch(function (error) {\r\n // cleanup\r\n instances.forEach((instance) => {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(function () {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n","/**\r\n * Populates an object with properties of another object\r\n * @param {Object} source Source object\r\n * @param {string[]} properties Properties names to include\r\n * @returns object populated with the picked keys\r\n */\r\nexport const pick = (source: T, keys: (keyof T)[] = []) => {\r\n return keys.reduce((o, key) => {\r\n if (key in source) {\r\n o[key] = source[key];\r\n }\r\n return o;\r\n }, {} as Partial);\r\n};\r\n","//@ts-nocheck\r\n\r\nexport function getSvgRegex(arr) {\r\n return new RegExp('^(' + arr.join('|') + ')\\\\b', 'i');\r\n}\r\n","//@ts-nocheck\r\nimport { getSvgRegex } from './getSvgRegex';\r\n\r\nexport const cssRules = {};\r\nexport const gradientDefs = {};\r\nexport const clipPaths = {};\r\n\r\nexport const reNum = '(?:[-+]?(?:\\\\d+|\\\\d*\\\\.\\\\d+)(?:[eE][-+]?\\\\d+)?)';\r\n\r\nexport const svgNS = 'http://www.w3.org/2000/svg';\r\n\r\nexport const commaWsp = '(?:\\\\s+,?\\\\s*|,\\\\s*)';\r\n\r\nexport const rePathCommand =\r\n /([-+]?((\\d+\\.\\d+)|((\\d+)|(\\.\\d+)))(?:[eE][-+]?\\d+)?)/gi;\r\n\r\nexport const reFontDeclaration = new RegExp(\r\n '(normal|italic)?\\\\s*(normal|small-caps)?\\\\s*' +\r\n '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\\\s*(' +\r\n reNum +\r\n '(?:px|cm|mm|em|pt|pc|in)*)(?:\\\\/(normal|' +\r\n reNum +\r\n '))?\\\\s+(.*)'\r\n);\r\n\r\nexport const svgValidTagNames = [\r\n 'path',\r\n 'circle',\r\n 'polygon',\r\n 'polyline',\r\n 'ellipse',\r\n 'rect',\r\n 'line',\r\n 'image',\r\n 'text',\r\n ],\r\n svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'],\r\n svgInvalidAncestors = [\r\n 'pattern',\r\n 'defs',\r\n 'symbol',\r\n 'metadata',\r\n 'clipPath',\r\n 'mask',\r\n 'desc',\r\n ],\r\n svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'],\r\n attributesMap = {\r\n cx: 'left',\r\n x: 'left',\r\n r: 'radius',\r\n cy: 'top',\r\n y: 'top',\r\n display: 'visible',\r\n visibility: 'visible',\r\n transform: 'transformMatrix',\r\n 'fill-opacity': 'fillOpacity',\r\n 'fill-rule': 'fillRule',\r\n 'font-family': 'fontFamily',\r\n 'font-size': 'fontSize',\r\n 'font-style': 'fontStyle',\r\n 'font-weight': 'fontWeight',\r\n 'letter-spacing': 'charSpacing',\r\n 'paint-order': 'paintFirst',\r\n 'stroke-dasharray': 'strokeDashArray',\r\n 'stroke-dashoffset': 'strokeDashOffset',\r\n 'stroke-linecap': 'strokeLineCap',\r\n 'stroke-linejoin': 'strokeLineJoin',\r\n 'stroke-miterlimit': 'strokeMiterLimit',\r\n 'stroke-opacity': 'strokeOpacity',\r\n 'stroke-width': 'strokeWidth',\r\n 'text-decoration': 'textDecoration',\r\n 'text-anchor': 'textAnchor',\r\n opacity: 'opacity',\r\n 'clip-path': 'clipPath',\r\n 'clip-rule': 'clipRule',\r\n 'vector-effect': 'strokeUniform',\r\n 'image-rendering': 'imageSmoothing',\r\n },\r\n colorAttributes = {\r\n stroke: 'strokeOpacity',\r\n fill: 'fillOpacity',\r\n },\r\n fSize = 'font-size',\r\n cPath = 'clip-path';\r\n\r\nexport const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames);\r\n\r\nexport const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements);\r\n\r\nexport const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors);\r\n\r\nexport const svgValidParentsRegEx = getSvgRegex(svgValidParents);\r\n\r\n// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute\r\n// matches, e.g.: +14.56e-12, etc.\r\nexport const reViewBoxAttrValue = new RegExp(\r\n '^' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*' +\r\n '$'\r\n);\r\n","//@ts-nocheck\r\n\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI, PiBy180 } from '../constants';\r\nimport { commaWsp, rePathCommand } from '../parser/constants';\r\nimport { Point } from '../point.class';\r\nimport { cos } from './misc/cos';\r\nimport { sin } from './misc/sin';\r\nimport { multiplyTransformMatrices, transformPoint } from './misc/matrix';\r\n\r\nconst commandLengths = {\r\n m: 2,\r\n l: 2,\r\n h: 1,\r\n v: 1,\r\n c: 6,\r\n s: 4,\r\n q: 4,\r\n t: 2,\r\n a: 7,\r\n};\r\nconst repeatedCommands = {\r\n m: 'l',\r\n M: 'L',\r\n};\r\n\r\nconst segmentToBezier = (\r\n th2,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n rx,\r\n ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n) => {\r\n const costh2 = cos(th2),\r\n sinth2 = sin(th2),\r\n costh3 = cos(th3),\r\n sinth3 = sin(th3),\r\n toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1,\r\n toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1,\r\n cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2),\r\n cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2),\r\n cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3),\r\n cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3);\r\n\r\n return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY];\r\n};\r\n\r\n/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp\r\n * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here\r\n * http://mozilla.org/MPL/2.0/\r\n */\r\nconst arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => {\r\n let fromX = 0,\r\n fromY = 0,\r\n root = 0;\r\n const PI = Math.PI,\r\n th = rotateX * PiBy180,\r\n sinTh = sin(th),\r\n cosTh = cos(th),\r\n px = 0.5 * (-cosTh * toX - sinTh * toY),\r\n py = 0.5 * (-cosTh * toY + sinTh * toX),\r\n rx2 = rx ** 2,\r\n ry2 = ry ** 2,\r\n py2 = py ** 2,\r\n px2 = px ** 2,\r\n pl = rx2 * ry2 - rx2 * py2 - ry2 * px2;\r\n let _rx = Math.abs(rx);\r\n let _ry = Math.abs(ry);\r\n\r\n if (pl < 0) {\r\n const s = Math.sqrt(1 - pl / (rx2 * ry2));\r\n _rx *= s;\r\n _ry *= s;\r\n } else {\r\n root =\r\n (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2));\r\n }\r\n\r\n const cx = (root * _rx * py) / _ry,\r\n cy = (-root * _ry * px) / _rx,\r\n cx1 = cosTh * cx - sinTh * cy + toX * 0.5,\r\n cy1 = sinTh * cx + cosTh * cy + toY * 0.5;\r\n let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry);\r\n let dtheta = calcVectorAngle(\r\n (px - cx) / _rx,\r\n (py - cy) / _ry,\r\n (-px - cx) / _rx,\r\n (-py - cy) / _ry\r\n );\r\n\r\n if (sweep === 0 && dtheta > 0) {\r\n dtheta -= 2 * PI;\r\n } else if (sweep === 1 && dtheta < 0) {\r\n dtheta += 2 * PI;\r\n }\r\n\r\n // Convert into cubic bezier segments <= 90deg\r\n const segments = Math.ceil(Math.abs((dtheta / PI) * 2)),\r\n result = new Array(segments),\r\n mDelta = dtheta / segments,\r\n mT =\r\n ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) /\r\n Math.sin(mDelta / 2);\r\n let th3 = mTheta + mDelta;\r\n\r\n for (let i = 0; i < segments; i++) {\r\n result[i] = segmentToBezier(\r\n mTheta,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n _rx,\r\n _ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n );\r\n fromX = result[i][5];\r\n fromY = result[i][6];\r\n mTheta = th3;\r\n th3 += mDelta;\r\n }\r\n return result;\r\n};\r\n\r\n/*\r\n * Private\r\n */\r\nconst calcVectorAngle = (ux, uy, vx, vy) => {\r\n const ta = Math.atan2(uy, ux),\r\n tb = Math.atan2(vy, vx);\r\n if (tb >= ta) {\r\n return tb - ta;\r\n } else {\r\n return 2 * Math.PI - (ta - tb);\r\n }\r\n};\r\n\r\n// functions for the Cubic beizer\r\n// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350\r\nconst CB1 = (t) => t ** 3;\r\nconst CB2 = (t) => 3 * t ** 2 * (1 - t);\r\nconst CB3 = (t) => 3 * t * (1 - t) ** 2;\r\nconst CB4 = (t) => (1 - t) ** 3;\r\n\r\n/**\r\n * Calculate bounding box of a beziercurve\r\n * @param {Number} x0 starting point\r\n * @param {Number} y0\r\n * @param {Number} x1 first control point\r\n * @param {Number} y1\r\n * @param {Number} x2 secondo control point\r\n * @param {Number} y2\r\n * @param {Number} x3 end of bezier\r\n * @param {Number} y3\r\n */\r\n// taken from http://jsbin.com/ivomiq/56/edit no credits available for that.\r\n// TODO: can we normalize this with the starting points set at 0 and then translated the bbox?\r\nexport function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) {\r\n let argsString;\r\n if (config.cachesBoundsOfCurve) {\r\n // eslint-disable-next-line\r\n argsString = [...arguments].join();\r\n if (cache.boundsOfCurveCache[argsString]) {\r\n return cache.boundsOfCurveCache[argsString];\r\n }\r\n }\r\n\r\n const sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n tvalues = [],\r\n bounds = [[], []];\r\n\r\n let b = 6 * x0 - 12 * x1 + 6 * x2;\r\n let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;\r\n let c = 3 * x1 - 3 * x0;\r\n\r\n for (let i = 0; i < 2; ++i) {\r\n if (i > 0) {\r\n b = 6 * y0 - 12 * y1 + 6 * y2;\r\n a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;\r\n c = 3 * y1 - 3 * y0;\r\n }\r\n\r\n if (abs(a) < 1e-12) {\r\n if (abs(b) < 1e-12) {\r\n continue;\r\n }\r\n const t = -c / b;\r\n if (0 < t && t < 1) {\r\n tvalues.push(t);\r\n }\r\n continue;\r\n }\r\n const b2ac = b * b - 4 * c * a;\r\n if (b2ac < 0) {\r\n continue;\r\n }\r\n const sqrtb2ac = sqrt(b2ac);\r\n const t1 = (-b + sqrtb2ac) / (2 * a);\r\n if (0 < t1 && t1 < 1) {\r\n tvalues.push(t1);\r\n }\r\n const t2 = (-b - sqrtb2ac) / (2 * a);\r\n if (0 < t2 && t2 < 1) {\r\n tvalues.push(t2);\r\n }\r\n }\r\n\r\n let j = tvalues.length;\r\n const jlen = j;\r\n const iterator = getPointOnCubicBezierIterator(\r\n x0,\r\n y0,\r\n x1,\r\n y1,\r\n x2,\r\n y2,\r\n x3,\r\n y3\r\n );\r\n while (j--) {\r\n const { x, y } = iterator(tvalues[j]);\r\n bounds[0][j] = x;\r\n bounds[1][j] = y;\r\n }\r\n\r\n bounds[0][jlen] = x0;\r\n bounds[1][jlen] = y0;\r\n bounds[0][jlen + 1] = x3;\r\n bounds[1][jlen + 1] = y3;\r\n const result = [\r\n new Point(Math.min(...bounds[0]), Math.min(...bounds[1])),\r\n new Point(Math.max(...bounds[0]), Math.max(...bounds[1])),\r\n ];\r\n if (config.cachesBoundsOfCurve) {\r\n cache.boundsOfCurveCache[argsString] = result;\r\n }\r\n return result;\r\n}\r\n\r\n/**\r\n * Converts arc to a bunch of bezier curves\r\n * @param {Number} fx starting point x\r\n * @param {Number} fy starting point y\r\n * @param {Array} coords Arc command\r\n */\r\nexport const fromArcToBeziers = (\r\n fx,\r\n fy,\r\n [_, rx, ry, rot, large, sweep, tx, ty] = []\r\n) => {\r\n const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot);\r\n\r\n for (let i = 0, len = segsNorm.length; i < len; i++) {\r\n segsNorm[i][1] += fx;\r\n segsNorm[i][2] += fy;\r\n segsNorm[i][3] += fx;\r\n segsNorm[i][4] += fy;\r\n segsNorm[i][5] += fx;\r\n segsNorm[i][6] += fy;\r\n }\r\n return segsNorm;\r\n};\r\n\r\n/**\r\n * This function take a parsed SVG path and make it simpler for fabricJS logic.\r\n * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute )\r\n * S converted in C, T converted in Q, A converted in C.\r\n * @param {Array} path the array of commands of a parsed svg path for fabric.Path\r\n * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path\r\n */\r\nexport const makePathSimpler = (path) => {\r\n // x and y represent the last point of the path. the previous command point.\r\n // we add them to each relative command to make it an absolute comment.\r\n // we also swap the v V h H with L, because are easier to transform.\r\n let x = 0,\r\n y = 0;\r\n const len = path.length;\r\n // x1 and y1 represent the last point of the subpath. the subpath is started with\r\n // m or M command. When a z or Z command is drawn, x and y need to be resetted to\r\n // the last x1 and y1.\r\n let x1 = 0,\r\n y1 = 0;\r\n // previous will host the letter of the previous command, to handle S and T.\r\n // controlX and controlY will host the previous reflected control point\r\n let destinationPath = [],\r\n previous,\r\n controlX,\r\n controlY;\r\n for (let i = 0; i < len; ++i) {\r\n let converted = false;\r\n const current = path[i].slice(0);\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'l': // lineto, relative\r\n current[0] = 'L';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'L':\r\n x = current[1];\r\n y = current[2];\r\n break;\r\n case 'h': // horizontal lineto, relative\r\n current[1] += x;\r\n // falls through\r\n case 'H':\r\n current[0] = 'L';\r\n current[2] = y;\r\n x = current[1];\r\n break;\r\n case 'v': // vertical lineto, relative\r\n current[1] += y;\r\n // falls through\r\n case 'V':\r\n current[0] = 'L';\r\n y = current[1];\r\n current[1] = x;\r\n current[2] = y;\r\n break;\r\n case 'm': // moveTo, relative\r\n current[0] = 'M';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'M':\r\n x = current[1];\r\n y = current[2];\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'c': // bezierCurveTo, relative\r\n current[0] = 'C';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n current[5] += x;\r\n current[6] += y;\r\n // falls through\r\n case 'C':\r\n controlX = current[3];\r\n controlY = current[4];\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n case 's': // shorthand cubic bezierCurveTo, relative\r\n current[0] = 'S';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'S':\r\n // would be sScC but since we are swapping sSc for C, we check just that.\r\n if (previous === 'C') {\r\n // calculate reflection of previous control points\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a C, c, S, or s,\r\n // the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n x = current[3];\r\n y = current[4];\r\n current[0] = 'C';\r\n current[5] = current[3];\r\n current[6] = current[4];\r\n current[3] = current[1];\r\n current[4] = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n // current[3] and current[4] are NOW the second control point.\r\n // we keep it for the next reflection.\r\n controlX = current[3];\r\n controlY = current[4];\r\n break;\r\n case 'q': // quadraticCurveTo, relative\r\n current[0] = 'Q';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'Q':\r\n controlX = current[1];\r\n controlY = current[2];\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n case 't': // shorthand quadraticCurveTo, relative\r\n current[0] = 'T';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'T':\r\n if (previous === 'Q') {\r\n // calculate reflection of previous control point\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a Q, q, T or t,\r\n // assume the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n current[0] = 'Q';\r\n x = current[1];\r\n y = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n current[3] = x;\r\n current[4] = y;\r\n break;\r\n case 'a':\r\n current[0] = 'A';\r\n current[6] += x;\r\n current[7] += y;\r\n // falls through\r\n case 'A':\r\n converted = true;\r\n destinationPath = destinationPath.concat(\r\n fromArcToBeziers(x, y, current)\r\n );\r\n x = current[6];\r\n y = current[7];\r\n break;\r\n case 'z':\r\n case 'Z':\r\n x = x1;\r\n y = y1;\r\n break;\r\n default:\r\n }\r\n if (!converted) {\r\n destinationPath.push(current);\r\n }\r\n previous = current[0];\r\n }\r\n return destinationPath;\r\n};\r\n\r\n// todo verify if we can just use the point class here\r\n/**\r\n * Calc length from point x1,y1 to x2,y2\r\n * @param {Number} x1 starting point x\r\n * @param {Number} y1 starting point y\r\n * @param {Number} x2 starting point x\r\n * @param {Number} y2 starting point y\r\n * @return {Number} length of segment\r\n */\r\nconst calcLineLength = (x1, y1, x2, y2) =>\r\n Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);\r\n\r\nconst getPointOnCubicBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const c1 = CB1(pct),\r\n c2 = CB2(pct),\r\n c3 = CB3(pct),\r\n c4 = CB4(pct);\r\n return {\r\n x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4,\r\n y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4,\r\n };\r\n };\r\n\r\nconst QB1 = (t) => t ** 2;\r\nconst QB2 = (t) => 2 * t * (1 - t);\r\nconst QB3 = (t) => (1 - t) ** 2;\r\n\r\nconst getTangentCubicIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const qb1 = QB1(pct),\r\n qb2 = QB2(pct),\r\n qb3 = QB3(pct),\r\n tangentX =\r\n 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)),\r\n tangentY =\r\n 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y));\r\n return Math.atan2(tangentY, tangentX);\r\n };\r\n\r\nconst getPointOnQuadraticBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const c1 = QB1(pct),\r\n c2 = QB2(pct),\r\n c3 = QB3(pct);\r\n return {\r\n x: p3x * c1 + p2x * c2 + p1x * c3,\r\n y: p3y * c1 + p2y * c2 + p1y * c3,\r\n };\r\n };\r\n\r\nconst getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const invT = 1 - pct,\r\n tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)),\r\n tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y));\r\n return Math.atan2(tangentY, tangentX);\r\n};\r\n\r\n// this will run over a path segment ( a cubic or quadratic segment) and approximate it\r\n// with 100 segemnts. This will good enough to calculate the length of the curve\r\nconst pathIterator = (iterator, x1, y1) => {\r\n let tempP = { x: x1, y: y1 },\r\n tmpLen = 0;\r\n for (let perc = 1; perc <= 100; perc += 1) {\r\n const p = iterator(perc / 100);\r\n tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n tempP = p;\r\n }\r\n return tmpLen;\r\n};\r\n\r\n/**\r\n * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1\r\n * that correspond to that pixels run over the path.\r\n * The percentage will be then used to find the correct point on the canvas for the path.\r\n * @param {Array} segInfo fabricJS collection of information on a parsed path\r\n * @param {Number} distance from starting point, in pixels.\r\n * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point;\r\n */\r\nconst findPercentageForDistance = (segInfo, distance) => {\r\n let perc = 0,\r\n tmpLen = 0,\r\n tempP = { x: segInfo.x, y: segInfo.y },\r\n p,\r\n nextLen,\r\n nextStep = 0.01,\r\n lastPerc;\r\n // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100\r\n // the path\r\n const iterator = segInfo.iterator,\r\n angleFinder = segInfo.angleFinder;\r\n while (tmpLen < distance && nextStep > 0.0001) {\r\n p = iterator(perc);\r\n lastPerc = perc;\r\n nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n // compare tmpLen each cycle with distance, decide next perc to test.\r\n if (nextLen + tmpLen > distance) {\r\n // we discard this step and we make smaller steps.\r\n perc -= nextStep;\r\n nextStep /= 2;\r\n } else {\r\n tempP = p;\r\n perc += nextStep;\r\n tmpLen += nextLen;\r\n }\r\n }\r\n p.angle = angleFinder(lastPerc);\r\n return p;\r\n};\r\n\r\n/**\r\n * Run over a parsed and simplifed path and extract some informations.\r\n * informations are length of each command and starting point\r\n * @param {Array} path fabricJS parsed path commands\r\n * @return {Array} path commands informations\r\n */\r\nexport const getPathSegmentsInfo = (path) => {\r\n let totalLength = 0,\r\n current,\r\n //x2 and y2 are the coords of segment start\r\n //x1 and y1 are the coords of the current point\r\n x1 = 0,\r\n y1 = 0,\r\n x2 = 0,\r\n y2 = 0,\r\n iterator,\r\n tempInfo,\r\n angleFinder;\r\n const len = path.length,\r\n info = [];\r\n for (let i = 0; i < len; i++) {\r\n current = path[i];\r\n tempInfo = {\r\n x: x1,\r\n y: y1,\r\n command: current[0],\r\n };\r\n switch (\r\n current[0] //first letter\r\n ) {\r\n case 'M':\r\n tempInfo.length = 0;\r\n x2 = x1 = current[1];\r\n y2 = y1 = current[2];\r\n break;\r\n case 'L':\r\n tempInfo.length = calcLineLength(x1, y1, current[1], current[2]);\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'C':\r\n iterator = getPointOnCubicBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n angleFinder = getTangentCubicIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[5];\r\n y1 = current[6];\r\n break;\r\n case 'Q':\r\n iterator = getPointOnQuadraticBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n angleFinder = getTangentQuadraticIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[3];\r\n y1 = current[4];\r\n break;\r\n case 'Z':\r\n case 'z':\r\n // we add those in order to ease calculations later\r\n tempInfo.destX = x2;\r\n tempInfo.destY = y2;\r\n tempInfo.length = calcLineLength(x1, y1, x2, y2);\r\n x1 = x2;\r\n y1 = y2;\r\n break;\r\n }\r\n totalLength += tempInfo.length;\r\n info.push(tempInfo);\r\n }\r\n info.push({ length: totalLength, x: x1, y: y1 });\r\n return info;\r\n};\r\n\r\nexport const getPointOnPath = (path, distance, infos) => {\r\n if (!infos) {\r\n infos = getPathSegmentsInfo(path);\r\n }\r\n let i = 0;\r\n while (distance - infos[i].length > 0 && i < infos.length - 2) {\r\n distance -= infos[i].length;\r\n i++;\r\n }\r\n // var distance = infos[infos.length - 1] * perc;\r\n const segInfo = infos[i],\r\n segPercent = distance / segInfo.length,\r\n command = segInfo.command,\r\n segment = path[i];\r\n let info;\r\n\r\n switch (command) {\r\n case 'M':\r\n return { x: segInfo.x, y: segInfo.y, angle: 0 };\r\n case 'Z':\r\n case 'z':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segInfo.destX, segInfo.destY),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(\r\n segInfo.destY - segInfo.y,\r\n segInfo.destX - segInfo.x\r\n );\r\n return info;\r\n case 'L':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segment[1], segment[2]),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x);\r\n return info;\r\n case 'C':\r\n return findPercentageForDistance(segInfo, distance);\r\n case 'Q':\r\n return findPercentageForDistance(segInfo, distance);\r\n }\r\n};\r\n\r\n/**\r\n *\r\n * @param {string} pathString\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n * @example Usage\r\n * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [\r\n * ['M', 3, 4],\r\n * ['Q', 3, 5, 2, 1, 4, 0],\r\n * ['Q', 9, 12, 2, 1, 4, 0],\r\n * ];\r\n *\r\n */\r\nexport const parsePath = (pathString) => {\r\n // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values)\r\n const re = rePathCommand,\r\n rNumber = '[-+]?(?:\\\\d*\\\\.\\\\d+|\\\\d+\\\\.?)(?:[eE][-+]?\\\\d+)?\\\\s*',\r\n rNumberCommaWsp = `(${rNumber})${commaWsp}`,\r\n rFlagCommaWsp = `([01])${commaWsp}?`,\r\n rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`,\r\n regArcArgumentSequence = new RegExp(rArcSeq, 'g'),\r\n result = [];\r\n\r\n if (!pathString || !pathString.match) {\r\n return result;\r\n }\r\n const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi);\r\n\r\n for (let i = 0, len = path.length; i < len; i++) {\r\n const currentPath = path[i];\r\n const coordsStr = currentPath.slice(1).trim();\r\n const coords = [];\r\n let command = currentPath.charAt(0);\r\n const coordsParsed = [command];\r\n\r\n if (command.toLowerCase() === 'a') {\r\n // arcs have special flags that apparently don't require spaces so handle special\r\n for (let args; (args = regArcArgumentSequence.exec(coordsStr)); ) {\r\n for (let j = 1; j < args.length; j++) {\r\n coords.push(args[j]);\r\n }\r\n }\r\n } else {\r\n let match;\r\n while ((match = re.exec(coordsStr))) {\r\n coords.push(match[0]);\r\n }\r\n }\r\n\r\n for (let j = 0, jlen = coords.length; j < jlen; j++) {\r\n const parsed = parseFloat(coords[j]);\r\n if (!isNaN(parsed)) {\r\n coordsParsed.push(parsed);\r\n }\r\n }\r\n\r\n const commandLength = commandLengths[command.toLowerCase()],\r\n repeatedCommand = repeatedCommands[command] || command;\r\n\r\n if (coordsParsed.length - 1 > commandLength) {\r\n for (\r\n let k = 1, klen = coordsParsed.length;\r\n k < klen;\r\n k += commandLength\r\n ) {\r\n result.push([command].concat(coordsParsed.slice(k, k + commandLength)));\r\n command = repeatedCommand;\r\n }\r\n } else {\r\n result.push(coordsParsed);\r\n }\r\n }\r\n return result;\r\n};\r\n\r\n/**\r\n *\r\n * Converts points to a smooth SVG path\r\n * @param {{ x: number,y: number }[]} points Array of points\r\n * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value.\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getSmoothPathFromPoints = (points, correction = 0) => {\r\n let p1 = new Point(points[0]),\r\n p2 = new Point(points[1]),\r\n multSignX = 1,\r\n multSignY = 0;\r\n const path = [],\r\n len = points.length,\r\n manyPoints = len > 2;\r\n\r\n if (manyPoints) {\r\n multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1;\r\n multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1;\r\n }\r\n path.push([\r\n 'M',\r\n p1.x - multSignX * correction,\r\n p1.y - multSignY * correction,\r\n ]);\r\n let i;\r\n for (i = 1; i < len; i++) {\r\n if (!p1.eq(p2)) {\r\n const midPoint = p1.midPointFrom(p2);\r\n // p1 is our bezier control point\r\n // midpoint is our endpoint\r\n // start point is p(i-1) value.\r\n path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]);\r\n }\r\n p1 = points[i];\r\n if (i + 1 < points.length) {\r\n p2 = points[i + 1];\r\n }\r\n }\r\n if (manyPoints) {\r\n multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1;\r\n multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1;\r\n }\r\n path.push([\r\n 'L',\r\n p1.x + multSignX * correction,\r\n p1.y + multSignY * correction,\r\n ]);\r\n return path;\r\n};\r\n\r\n/**\r\n * Transform a path by transforming each segment.\r\n * it has to be a simplified path or it won't work.\r\n * WARNING: this depends from pathOffset for correct operation\r\n * @param {Array} path fabricJS parsed and simplified path commands\r\n * @param {Array} transform matrix that represent the transformation\r\n * @param {Object} [pathOffset] the fabric.Path pathOffset\r\n * @param {Number} pathOffset.x\r\n * @param {Number} pathOffset.y\r\n * @returns {Array} the transformed path\r\n */\r\nexport const transformPath = (path, transform, pathOffset) => {\r\n if (pathOffset) {\r\n transform = multiplyTransformMatrices(transform, [\r\n 1,\r\n 0,\r\n 0,\r\n 1,\r\n -pathOffset.x,\r\n -pathOffset.y,\r\n ]);\r\n }\r\n return path.map((pathSegment) => {\r\n const newSegment = pathSegment.slice(0);\r\n for (let i = 1; i < pathSegment.length - 1; i += 2) {\r\n const { x, y } = transformPoint(\r\n {\r\n x: pathSegment[i],\r\n y: pathSegment[i + 1],\r\n },\r\n transform\r\n );\r\n newSegment[i] = x;\r\n newSegment[i + 1] = y;\r\n }\r\n return newSegment;\r\n });\r\n};\r\n\r\n/**\r\n * Returns an array of path commands to create a regular polygon\r\n * @param {number} radius\r\n * @param {number} numVertexes\r\n * @returns {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getRegularPolygonPath = (numVertexes, radius) => {\r\n const interiorAngle = (Math.PI * 2) / numVertexes;\r\n // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom\r\n // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn\r\n let rotationAdjustment = -halfPI;\r\n if (numVertexes % 2 === 0) {\r\n rotationAdjustment += interiorAngle / 2;\r\n }\r\n const d = new Array(numVertexes + 1);\r\n for (let i = 0; i < numVertexes; i++) {\r\n const rad = i * interiorAngle + rotationAdjustment;\r\n const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius);\r\n d[i] = [i === 0 ? 'M' : 'L', x, y];\r\n }\r\n d[numVertexes] = ['Z'];\r\n return d;\r\n};\r\n\r\n/**\r\n * Join path commands to go back to svg format\r\n * @param {Array} pathData fabricJS parsed path commands\r\n * @return {String} joined path 'M 0 0 L 20 30'\r\n */\r\nexport const joinPath = (pathData) =>\r\n pathData.map((segment) => segment.join(' ')).join(' ');\r\n","//@ts-nocheck\r\n// TODO this file needs to go away, cross browser style support is not fabricjs domain.\r\n\r\n/**\r\n * wrapper for setting element's style\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {Object | string} styles\r\n */\r\nexport function setStyle(element, styles) {\r\n const elementStyle = element.style;\r\n if (!elementStyle) {\r\n return;\r\n } else if (typeof styles === 'string') {\r\n element.style.cssText += ';' + styles;\r\n } else {\r\n Object.entries(styles).forEach(([property, value]) =>\r\n elementStyle.setProperty(property, value)\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n * Cross-browser abstraction for sending XMLHttpRequest\r\n * @memberOf fabric.util\r\n * @deprecated this has to go away, we can use a modern browser method to do the same.\r\n * @param {String} url URL to send XMLHttpRequest to\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.method=\"GET\"]\r\n * @param {Record} [options.parameters] parameters to append to url in GET or in body\r\n * @param {String} [options.body] body to send with POST or PUT request\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} options.onComplete Callback to invoke when request is completed\r\n * @return {XMLHttpRequest} request\r\n */\r\nexport function request(url, options = {}) {\r\n const method = options.method ? options.method.toUpperCase() : 'GET',\r\n onComplete = options.onComplete || noop,\r\n xhr = new fabric.window.XMLHttpRequest(),\r\n body = options.body || options.parameters,\r\n signal = options.signal,\r\n abort = function () {\r\n xhr.abort();\r\n },\r\n removeListener = function () {\r\n signal && signal.removeEventListener('abort', abort);\r\n xhr.onerror = xhr.ontimeout = noop;\r\n };\r\n\r\n if (signal && signal.aborted) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n } else if (signal) {\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n\r\n /** @ignore */\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState === 4) {\r\n removeListener();\r\n onComplete(xhr);\r\n xhr.onreadystatechange = noop;\r\n }\r\n };\r\n\r\n xhr.onerror = xhr.ontimeout = removeListener;\r\n\r\n if (method === 'GET' && options.parameters) {\r\n const { origin, pathname, searchParams } = new URL(url);\r\n url = `${origin}${pathname}?${new URLSearchParams([\r\n ...Array.from(searchParams.entries()),\r\n ...Object.entries(options.parameters),\r\n ])}`;\r\n }\r\n\r\n xhr.open(method, url, true);\r\n\r\n if (method === 'POST' || method === 'PUT') {\r\n xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\r\n }\r\n\r\n xhr.send(method === 'GET' ? null : body);\r\n return xhr;\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\nconst touchEvents = ['touchstart', 'touchmove', 'touchend'];\r\n\r\n/**\r\n * Adds an event listener to an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const addListener = (element, eventName, handler, options) =>\r\n element && element.addEventListener(eventName, handler, options);\r\n\r\n/**\r\n * Removes an event listener from an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const removeListener = (element, eventName, handler, options) =>\r\n element && element.removeEventListener(eventName, handler, options);\r\n\r\nfunction getTouchInfo(event) {\r\n const touchProp = event.changedTouches;\r\n if (touchProp && touchProp[0]) {\r\n return touchProp[0];\r\n }\r\n return event;\r\n}\r\n\r\nexport const getPointer = (event) => {\r\n const element = event.target,\r\n scroll = fabric.util.getScrollLeftTop(element),\r\n _evt = getTouchInfo(event);\r\n return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top);\r\n};\r\n\r\nexport const isTouchEvent = (event) =>\r\n touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch';\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Wraps element with another element\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to wrap\r\n * @param {HTMLElement|String} wrapper Element to wrap with\r\n * @param {Object} [attributes] Attributes to set on a wrapper\r\n * @return {HTMLElement} wrapper\r\n */\r\nexport function wrapElement(element, wrapper) {\r\n if (element.parentNode) {\r\n element.parentNode.replaceChild(wrapper, element);\r\n }\r\n wrapper.appendChild(element);\r\n return wrapper;\r\n}\r\n\r\n/**\r\n * Returns element scroll offsets\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to operate on\r\n * @return {Object} Object with left/top values\r\n */\r\nexport function getScrollLeftTop(element) {\r\n let left = 0,\r\n top = 0;\r\n\r\n const docElement = fabric.document.documentElement,\r\n body = fabric.document.body || {\r\n scrollLeft: 0,\r\n scrollTop: 0,\r\n };\r\n // While loop checks (and then sets element to) .parentNode OR .host\r\n // to account for ShadowDOM. We still want to traverse up out of ShadowDOM,\r\n // but the .parentNode of a root ShadowDOM node will always be null, instead\r\n // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938\r\n while (element && (element.parentNode || element.host)) {\r\n // Set element to element parent, or 'host' in case of ShadowDOM\r\n element = element.parentNode || element.host;\r\n\r\n if (element === fabric.document) {\r\n left = body.scrollLeft || docElement.scrollLeft || 0;\r\n top = body.scrollTop || docElement.scrollTop || 0;\r\n } else {\r\n left += element.scrollLeft || 0;\r\n top += element.scrollTop || 0;\r\n }\r\n\r\n if (element.nodeType === 1 && element.style.position === 'fixed') {\r\n break;\r\n }\r\n }\r\n\r\n return { left, top };\r\n}\r\n\r\n/**\r\n * Returns offset for a given element\r\n * @function\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to get offset for\r\n * @return {Object} Object with \"left\" and \"top\" properties\r\n */\r\nexport function getElementOffset(element) {\r\n let box = { left: 0, top: 0 };\r\n const doc = element && element.ownerDocument,\r\n offset = { left: 0, top: 0 },\r\n offsetAttributes = {\r\n borderLeftWidth: 'left',\r\n borderTopWidth: 'top',\r\n paddingLeft: 'left',\r\n paddingTop: 'top',\r\n };\r\n\r\n if (!doc) {\r\n return offset;\r\n }\r\n const elemStyle = fabric.document.defaultView.getComputedStyle(element, null);\r\n for (const attr in offsetAttributes) {\r\n offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0;\r\n }\r\n\r\n const docElem = doc.documentElement;\r\n if (typeof element.getBoundingClientRect !== 'undefined') {\r\n box = element.getBoundingClientRect();\r\n }\r\n\r\n const scrollLeftTop = getScrollLeftTop(element);\r\n\r\n return {\r\n left:\r\n box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left,\r\n top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top,\r\n };\r\n}\r\n\r\n/**\r\n * Makes element unselectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make unselectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementUnselectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = () => false;\r\n }\r\n element.style.userSelect = 'none';\r\n return element;\r\n}\r\n\r\n/**\r\n * Makes element selectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make selectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementSelectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = null;\r\n }\r\n element.style.userSelect = '';\r\n return element;\r\n}\r\n\r\nexport function getNodeCanvas(element) {\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n return impl._canvas || impl._image;\r\n}\r\n\r\nexport function cleanUpJsdomNode(element) {\r\n if (!fabric.isLikelyNode) {\r\n return;\r\n }\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n if (impl) {\r\n impl._image = null;\r\n impl._canvas = null;\r\n // unsure if necessary\r\n impl._currentSrc = null;\r\n impl._attributes = null;\r\n impl._classList = null;\r\n }\r\n}\r\n","/**\r\n * Returns true if context has transparent pixel\r\n * at specified location (taking tolerance into account)\r\n * @param {CanvasRenderingContext2D} ctx context\r\n * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance\r\n * @return {boolean} true if transparent\r\n */\r\nexport const isTransparent = (\r\n ctx: CanvasRenderingContext2D,\r\n x: number,\r\n y: number,\r\n tolerance: number\r\n): boolean => {\r\n // If tolerance is > 0 adjust start coords to take into account.\r\n // If moves off Canvas fix to 0\r\n if (tolerance > 0) {\r\n if (x > tolerance) {\r\n x -= tolerance;\r\n } else {\r\n x = 0;\r\n }\r\n if (y > tolerance) {\r\n y -= tolerance;\r\n } else {\r\n y = 0;\r\n }\r\n }\r\n\r\n let _isTransparent = true;\r\n const { data } = ctx.getImageData(\r\n x,\r\n y,\r\n tolerance * 2 || 1,\r\n tolerance * 2 || 1\r\n );\r\n const l = data.length;\r\n\r\n // Split image data - for tolerance > 1, pixelDataSize = 4;\r\n for (let i = 3; i < l; i += 4) {\r\n const alphaChannel = data[i];\r\n if (alphaChannel > 0) {\r\n // Stop if colour found\r\n _isTransparent = false;\r\n break;\r\n }\r\n }\r\n\r\n return _isTransparent;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { TObject } from '../../__types__';\r\nimport { sendObjectToPlane } from './planeChange';\r\n\r\n/**\r\n * Merges 2 clip paths into one visually equal clip path\r\n *\r\n * **IMPORTANT**:\\\r\n * Does **NOT** clone the arguments, clone them proir if necessary.\r\n *\r\n * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap.\r\n * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible.\r\n *\r\n * In order to handle the `inverted` property we follow logic described in the following cases:\\\r\n * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\\\r\n * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\\\r\n * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged.\r\n *\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} c1\r\n * @param {fabric.Object} c2\r\n * @returns {fabric.Object} merged clip path\r\n */\r\nexport const mergeClipPaths = (c1: TObject, c2: TObject) => {\r\n let a = c1,\r\n b = c2;\r\n if (a.inverted && !b.inverted) {\r\n // case (2)\r\n a = c2;\r\n b = c1;\r\n }\r\n // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane\r\n sendObjectToPlane(b, b.group?.calcTransformMatrix(), a.calcTransformMatrix());\r\n // assign the `inverted` prop to the wrapping group\r\n const inverted = a.inverted && b.inverted;\r\n if (inverted) {\r\n // case (1)\r\n a.inverted = b.inverted = false;\r\n }\r\n return new fabric.Group([a], { clipPath: b, inverted });\r\n};\r\n","import { twoMathPi, halfPI } from '../constants';\r\n\r\ntype TEasingFunction = (\r\n currentTime: number,\r\n startValue: number,\r\n byValue: number,\r\n duration: number\r\n) => number;\r\n\r\n/**\r\n * Easing functions\r\n * See Easing Equations by Robert Penner\r\n * @namespace fabric.util.ease\r\n */\r\n\r\nconst normalize = (a: number, c: number, p: number, s: number) => {\r\n if (a < Math.abs(c)) {\r\n a = c;\r\n s = p / 4;\r\n } else {\r\n //handle the 0/0 case:\r\n if (c === 0 && a === 0) {\r\n s = (p / twoMathPi) * Math.asin(1);\r\n } else {\r\n s = (p / twoMathPi) * Math.asin(c / a);\r\n }\r\n }\r\n return { a, c, p, s };\r\n};\r\n\r\nconst elastic = (\r\n a: number,\r\n s: number,\r\n p: number,\r\n t: number,\r\n d: number\r\n): number =>\r\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\r\n\r\n/**\r\n * Cubic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 2 + 1) + b;\r\n\r\n/**\r\n * Cubic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 3 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 2 + 2) + b;\r\n};\r\n\r\n/**\r\n * Quartic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 3 + b;\r\n\r\n/**\r\n * Quartic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\r\n -c * ((t = t / d - 1) * t ** 3 - 1) + b;\r\n\r\n/**\r\n * Quartic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 4 + b;\r\n }\r\n return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b;\r\n};\r\n\r\n/**\r\n * Quintic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 4 + b;\r\n\r\n/**\r\n * Quintic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 4 + 1) + b;\r\n\r\n/**\r\n * Quintic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 5 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 4 + 2) + b;\r\n};\r\n\r\n/**\r\n * Sinusoidal easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * halfPI) + c + b;\r\n\r\n/**\r\n * Sinusoidal easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sin((t / d) * halfPI) + b;\r\n\r\n/**\r\n * Sinusoidal easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\r\n (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b;\r\n\r\n/**\r\n * Exponential easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\r\n t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b;\r\n\r\n/**\r\n * Exponential easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\r\n t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b;\r\n\r\n/**\r\n * Exponential easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\r\n if (t === 0) {\r\n return b;\r\n }\r\n if (t === d) {\r\n return b + c;\r\n }\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * 2 ** (10 * (t - 1)) + b;\r\n }\r\n return (c / 2) * -(2 ** (-10 * --t) + 2) + b;\r\n};\r\n\r\n/**\r\n * Circular easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\r\n -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;\r\n\r\n/**\r\n * Circular easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sqrt(1 - (t = t / d - 1) * t) + b;\r\n\r\n/**\r\n * Circular easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b;\r\n }\r\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\r\n return -elastic(normA, normS, normP, t, d) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n return (\r\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Elastic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d / 2;\r\n if (t === 2) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * (0.3 * 1.5);\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n if (t < 1) {\r\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\r\n }\r\n return (\r\n normA *\r\n Math.pow(2, -10 * (t -= 1)) *\r\n Math.sin(((t * d - normS) * twoMathPi) / normP) *\r\n 0.5 +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Backwards easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * (t /= d) * t * ((s + 1) * t - s) + b;\r\n\r\n/**\r\n * Backwards easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\r\n\r\n/**\r\n * Backwards easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;\r\n};\r\n\r\n/**\r\n * Bouncing easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\r\n if ((t /= d) < 1 / 2.75) {\r\n return c * (7.5625 * t * t) + b;\r\n } else if (t < 2 / 2.75) {\r\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\r\n } else if (t < 2.5 / 2.75) {\r\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\r\n } else {\r\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\r\n }\r\n};\r\n\r\n/**\r\n * Bouncing easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\r\n c - easeOutBounce(d - t, 0, c, d) + b;\r\n\r\n/**\r\n * Bouncing easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\r\n t < d / 2\r\n ? easeInBounce(t * 2, 0, c, d) * 0.5 + b\r\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\r\n\r\n/**\r\n * Quadratic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c * (t /= d) * t + b;\r\n\r\n/**\r\n * Quadratic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\r\n -c * (t /= d) * (t - 2) + b;\r\n\r\n/**\r\n * Quadratic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 2 + b;\r\n }\r\n return (-c / 2) * (--t * (t - 2) - 1) + b;\r\n};\r\n\r\n/**\r\n * Cubic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t * t + b;\r\n","/**\r\n * Map of the 148 color names with HEX code\r\n * @see: https://www.w3.org/TR/css3-color/#svg-color\r\n */\r\nexport const ColorNameMap = {\r\n aliceblue: '#F0F8FF',\r\n antiquewhite: '#FAEBD7',\r\n aqua: '#00FFFF',\r\n aquamarine: '#7FFFD4',\r\n azure: '#F0FFFF',\r\n beige: '#F5F5DC',\r\n bisque: '#FFE4C4',\r\n black: '#000000',\r\n blanchedalmond: '#FFEBCD',\r\n blue: '#0000FF',\r\n blueviolet: '#8A2BE2',\r\n brown: '#A52A2A',\r\n burlywood: '#DEB887',\r\n cadetblue: '#5F9EA0',\r\n chartreuse: '#7FFF00',\r\n chocolate: '#D2691E',\r\n coral: '#FF7F50',\r\n cornflowerblue: '#6495ED',\r\n cornsilk: '#FFF8DC',\r\n crimson: '#DC143C',\r\n cyan: '#00FFFF',\r\n darkblue: '#00008B',\r\n darkcyan: '#008B8B',\r\n darkgoldenrod: '#B8860B',\r\n darkgray: '#A9A9A9',\r\n darkgrey: '#A9A9A9',\r\n darkgreen: '#006400',\r\n darkkhaki: '#BDB76B',\r\n darkmagenta: '#8B008B',\r\n darkolivegreen: '#556B2F',\r\n darkorange: '#FF8C00',\r\n darkorchid: '#9932CC',\r\n darkred: '#8B0000',\r\n darksalmon: '#E9967A',\r\n darkseagreen: '#8FBC8F',\r\n darkslateblue: '#483D8B',\r\n darkslategray: '#2F4F4F',\r\n darkslategrey: '#2F4F4F',\r\n darkturquoise: '#00CED1',\r\n darkviolet: '#9400D3',\r\n deeppink: '#FF1493',\r\n deepskyblue: '#00BFFF',\r\n dimgray: '#696969',\r\n dimgrey: '#696969',\r\n dodgerblue: '#1E90FF',\r\n firebrick: '#B22222',\r\n floralwhite: '#FFFAF0',\r\n forestgreen: '#228B22',\r\n fuchsia: '#FF00FF',\r\n gainsboro: '#DCDCDC',\r\n ghostwhite: '#F8F8FF',\r\n gold: '#FFD700',\r\n goldenrod: '#DAA520',\r\n gray: '#808080',\r\n grey: '#808080',\r\n green: '#008000',\r\n greenyellow: '#ADFF2F',\r\n honeydew: '#F0FFF0',\r\n hotpink: '#FF69B4',\r\n indianred: '#CD5C5C',\r\n indigo: '#4B0082',\r\n ivory: '#FFFFF0',\r\n khaki: '#F0E68C',\r\n lavender: '#E6E6FA',\r\n lavenderblush: '#FFF0F5',\r\n lawngreen: '#7CFC00',\r\n lemonchiffon: '#FFFACD',\r\n lightblue: '#ADD8E6',\r\n lightcoral: '#F08080',\r\n lightcyan: '#E0FFFF',\r\n lightgoldenrodyellow: '#FAFAD2',\r\n lightgray: '#D3D3D3',\r\n lightgrey: '#D3D3D3',\r\n lightgreen: '#90EE90',\r\n lightpink: '#FFB6C1',\r\n lightsalmon: '#FFA07A',\r\n lightseagreen: '#20B2AA',\r\n lightskyblue: '#87CEFA',\r\n lightslategray: '#778899',\r\n lightslategrey: '#778899',\r\n lightsteelblue: '#B0C4DE',\r\n lightyellow: '#FFFFE0',\r\n lime: '#00FF00',\r\n limegreen: '#32CD32',\r\n linen: '#FAF0E6',\r\n magenta: '#FF00FF',\r\n maroon: '#800000',\r\n mediumaquamarine: '#66CDAA',\r\n mediumblue: '#0000CD',\r\n mediumorchid: '#BA55D3',\r\n mediumpurple: '#9370DB',\r\n mediumseagreen: '#3CB371',\r\n mediumslateblue: '#7B68EE',\r\n mediumspringgreen: '#00FA9A',\r\n mediumturquoise: '#48D1CC',\r\n mediumvioletred: '#C71585',\r\n midnightblue: '#191970',\r\n mintcream: '#F5FFFA',\r\n mistyrose: '#FFE4E1',\r\n moccasin: '#FFE4B5',\r\n navajowhite: '#FFDEAD',\r\n navy: '#000080',\r\n oldlace: '#FDF5E6',\r\n olive: '#808000',\r\n olivedrab: '#6B8E23',\r\n orange: '#FFA500',\r\n orangered: '#FF4500',\r\n orchid: '#DA70D6',\r\n palegoldenrod: '#EEE8AA',\r\n palegreen: '#98FB98',\r\n paleturquoise: '#AFEEEE',\r\n palevioletred: '#DB7093',\r\n papayawhip: '#FFEFD5',\r\n peachpuff: '#FFDAB9',\r\n peru: '#CD853F',\r\n pink: '#FFC0CB',\r\n plum: '#DDA0DD',\r\n powderblue: '#B0E0E6',\r\n purple: '#800080',\r\n rebeccapurple: '#663399',\r\n red: '#FF0000',\r\n rosybrown: '#BC8F8F',\r\n royalblue: '#4169E1',\r\n saddlebrown: '#8B4513',\r\n salmon: '#FA8072',\r\n sandybrown: '#F4A460',\r\n seagreen: '#2E8B57',\r\n seashell: '#FFF5EE',\r\n sienna: '#A0522D',\r\n silver: '#C0C0C0',\r\n skyblue: '#87CEEB',\r\n slateblue: '#6A5ACD',\r\n slategray: '#708090',\r\n slategrey: '#708090',\r\n snow: '#FFFAFA',\r\n springgreen: '#00FF7F',\r\n steelblue: '#4682B4',\r\n tan: '#D2B48C',\r\n teal: '#008080',\r\n thistle: '#D8BFD8',\r\n tomato: '#FF6347',\r\n turquoise: '#40E0D0',\r\n violet: '#EE82EE',\r\n wheat: '#F5DEB3',\r\n white: '#FFFFFF',\r\n whitesmoke: '#F5F5F5',\r\n yellow: '#FFFF00',\r\n yellowgreen: '#9ACD32',\r\n};\r\n","/**\r\n * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\n// eslint-disable-next-line max-len\r\nexport const reRGBa =\r\n /^rgba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*(?:\\s*,\\s*((?:\\d*\\.?\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 ))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHSLa =\r\n /^hsla?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3}%)\\s*,\\s*(\\d{1,3}%)\\s*(?:\\s*,\\s*(\\d+(?:\\.\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff)\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;\r\n","/**\r\n * @private\r\n * @param {Number} p\r\n * @param {Number} q\r\n * @param {Number} t\r\n * @return {Number}\r\n */\r\nexport function hue2rgb(p: number, q: number, t: number): number {\r\n if (t < 0) {\r\n t += 1;\r\n }\r\n if (t > 1) {\r\n t -= 1;\r\n }\r\n if (t < 1 / 6) {\r\n return p + (q - p) * 6 * t;\r\n }\r\n if (t < 1 / 2) {\r\n return q;\r\n }\r\n if (t < 2 / 3) {\r\n return p + (q - p) * (2 / 3 - t) * 6;\r\n }\r\n return p;\r\n}\r\n\r\n/**\r\n * Convert a [0, 255] value to hex\r\n * @param value\r\n * @returns\r\n */\r\nexport function hexify(value: number) {\r\n const hexValue = value.toString(16).toUpperCase();\r\n return hexValue.length === 1 ? `0${hexValue}` : hexValue;\r\n}\r\n","//@ts-nocheck\r\nimport { ColorNameMap } from './color_map';\r\nimport { reHSLa, reHex, reRGBa } from './constants';\r\nimport { hue2rgb, hexify } from './util';\r\n\r\ntype TColorSource = [number, number, number];\r\n\r\ntype TColorAlphaSource = [number, number, number, number];\r\n\r\n/**\r\n * @class Color common color operations\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}\r\n */\r\nexport class Color {\r\n private _source: TColorAlphaSource;\r\n\r\n /**\r\n *\r\n * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list\r\n */\r\n constructor(color?: string) {\r\n if (!color) {\r\n this.setSource([0, 0, 0, 1]);\r\n } else {\r\n this._tryParsingColor(color);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} [color] Color value to parse\r\n */\r\n _tryParsingColor(color?: string) {\r\n if (color in ColorNameMap) {\r\n color = ColorNameMap[color];\r\n }\r\n\r\n const source =\r\n color === 'transparent'\r\n ? [255, 255, 255, 0]\r\n : Color.sourceFromHex(color) ||\r\n Color.sourceFromRgb(color) ||\r\n Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does\r\n\r\n if (source) {\r\n this.setSource(source);\r\n }\r\n }\r\n\r\n /**\r\n * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson}\r\n * @private\r\n * @param {Number} r Red color value\r\n * @param {Number} g Green color value\r\n * @param {Number} b Blue color value\r\n * @return {TColorSource} Hsl color\r\n */\r\n _rgbToHsl(r: number, g: number, b: number): TColorSource {\r\n r /= 255;\r\n g /= 255;\r\n b /= 255;\r\n const maxValue = Math.max(r, g, b),\r\n minValue = Math.min(r, g, b);\r\n\r\n let h, s;\r\n const l = (maxValue + minValue) / 2;\r\n\r\n if (maxValue === minValue) {\r\n h = s = 0; // achromatic\r\n } else {\r\n const d = maxValue - minValue;\r\n s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue);\r\n switch (maxValue) {\r\n case r:\r\n h = (g - b) / d + (g < b ? 6 : 0);\r\n break;\r\n case g:\r\n h = (b - r) / d + 2;\r\n break;\r\n case b:\r\n h = (r - g) / d + 4;\r\n break;\r\n }\r\n h /= 6;\r\n }\r\n\r\n return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\r\n }\r\n\r\n /**\r\n * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @return {TColorAlphaSource}\r\n */\r\n getSource() {\r\n return this._source;\r\n }\r\n\r\n /**\r\n * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @param {TColorAlphaSource} source\r\n */\r\n setSource(source: TColorAlphaSource) {\r\n this._source = source;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGB format\r\n * @return {String} ex: rgb(0-255,0-255,0-255)\r\n */\r\n toRgb() {\r\n const source = this.getSource();\r\n return `rgb(${source[0]},${source[1]},${source[2]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGBA format\r\n * @return {String} ex: rgba(0-255,0-255,0-255,0-1)\r\n */\r\n toRgba() {\r\n const source = this.getSource();\r\n return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSL format\r\n * @return {String} ex: hsl(0-360,0%-100%,0%-100%)\r\n */\r\n toHsl() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSLA format\r\n * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)\r\n */\r\n toHsla() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEX format\r\n * @return {String} ex: FF5555\r\n */\r\n toHex() {\r\n const [r, g, b] = this.getSource();\r\n return `${hexify(r)}${hexify(g)}${hexify(b)}`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEXA format\r\n * @return {String} ex: FF5555CC\r\n */\r\n toHexa() {\r\n const source = this.getSource();\r\n return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`;\r\n }\r\n\r\n /**\r\n * Gets value of alpha channel for this color\r\n * @return {Number} 0-1\r\n */\r\n getAlpha() {\r\n return this.getSource()[3];\r\n }\r\n\r\n /**\r\n * Sets value of alpha channel for this color\r\n * @param {Number} alpha Alpha value 0-1\r\n * @return {Color} thisArg\r\n */\r\n setAlpha(alpha: number) {\r\n const source = this.getSource();\r\n source[3] = alpha;\r\n this.setSource(source);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its grayscale representation\r\n * @return {Color} thisArg\r\n */\r\n toGrayscale() {\r\n const source = this.getSource(),\r\n average = parseInt(\r\n (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0),\r\n 10\r\n ),\r\n currentAlpha = source[3];\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its black and white representation\r\n * @param {Number} threshold\r\n * @return {Color} thisArg\r\n */\r\n toBlackWhite(threshold: number) {\r\n const source = this.getSource(),\r\n currentAlpha = source[3];\r\n let average = Math.round(\r\n source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11\r\n );\r\n\r\n average = average < (threshold || 127) ? 0 : 255;\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Overlays color with another color\r\n * @param {String|Color} otherColor\r\n * @return {Color} thisArg\r\n */\r\n overlayWith(otherColor: string | Color) {\r\n if (!(otherColor instanceof Color)) {\r\n otherColor = new Color(otherColor);\r\n }\r\n\r\n const result = [],\r\n alpha = this.getAlpha(),\r\n otherAlpha = 0.5,\r\n source = this.getSource(),\r\n otherSource = otherColor.getSource();\r\n\r\n for (let i = 0; i < 3; i++) {\r\n result.push(\r\n Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)\r\n );\r\n }\r\n\r\n result[3] = alpha;\r\n this.setSource(result);\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGB format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255)\r\n * @return {Color}\r\n */\r\n static fromRgb(color: string): Color {\r\n return Color.fromRgba(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGBA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromRgba(color: string): Color {\r\n return Color.fromSource(Color.sourceFromRgb(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromRgb(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reRGBa);\r\n if (match) {\r\n const r =\r\n (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) *\r\n (/%$/.test(match[1]) ? 255 : 1),\r\n g =\r\n (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) *\r\n (/%$/.test(match[2]) ? 255 : 1),\r\n b =\r\n (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) *\r\n (/%$/.test(match[3]) ? 255 : 1);\r\n\r\n return [\r\n parseInt(r, 10),\r\n parseInt(g, 10),\r\n parseInt(b, 10),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSL format\r\n * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)\r\n * @memberOf Color\r\n * @return {Color}\r\n */\r\n static fromHsl(color: string): Color {\r\n return Color.fromHsla(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSLA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromHsla(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHsl(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.\r\n * Adapted from https://github.com/mjijackson\r\n * @memberOf Color\r\n * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)\r\n * @return {TColorAlphaSource | undefined} source\r\n * @see http://http://www.w3.org/TR/css3-color/#hsl-color\r\n */\r\n static sourceFromHsl(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reHSLa);\r\n if (!match) {\r\n return;\r\n }\r\n\r\n const h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360,\r\n s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1),\r\n l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1);\r\n let r, g, b;\r\n\r\n if (s === 0) {\r\n r = g = b = l;\r\n } else {\r\n const q = l <= 0.5 ? l * (s + 1) : l + s - l * s,\r\n p = l * 2 - q;\r\n\r\n r = hue2rgb(p, q, h + 1 / 3);\r\n g = hue2rgb(p, q, h);\r\n b = hue2rgb(p, q, h - 1 / 3);\r\n }\r\n\r\n return [\r\n Math.round(r * 255),\r\n Math.round(g * 255),\r\n Math.round(b * 255),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color Color value ex: FF5555\r\n * @return {Color}\r\n */\r\n static fromHex(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHex(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color ex: FF5555 or FF5544CC (RGBa)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromHex(color: string): TColorAlphaSource | undefined {\r\n if (color.match(reHex)) {\r\n const value = color.slice(color.indexOf('#') + 1),\r\n isShortNotation = value.length === 3 || value.length === 4,\r\n isRGBa = value.length === 8 || value.length === 4,\r\n r = isShortNotation\r\n ? value.charAt(0) + value.charAt(0)\r\n : value.substring(0, 2),\r\n g = isShortNotation\r\n ? value.charAt(1) + value.charAt(1)\r\n : value.substring(2, 4),\r\n b = isShortNotation\r\n ? value.charAt(2) + value.charAt(2)\r\n : value.substring(4, 6),\r\n a = isRGBa\r\n ? isShortNotation\r\n ? value.charAt(3) + value.charAt(3)\r\n : value.substring(6, 8)\r\n : 'FF';\r\n\r\n return [\r\n parseInt(r, 16),\r\n parseInt(g, 16),\r\n parseInt(b, 16),\r\n parseFloat((parseInt(a, 16) / 255).toFixed(2)),\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5])\r\n * @static\r\n * @memberOf Color\r\n * @param {TColorSource | TColorAlphaSource} source\r\n * @return {Color}\r\n */\r\n static fromSource(source: TColorSource | TColorAlphaSource): Color {\r\n const oColor = new Color();\r\n oColor.setSource(source);\r\n return oColor;\r\n }\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from './color.class';\r\nexport { Color };\r\nfabric.Color = Color;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Array holding all running animations\r\n * @memberof fabric\r\n * @type {AnimationContext[]}\r\n */\r\nclass RunningAnimations extends Array {\r\n /**\r\n * cancel all running animations at the next requestAnimFrame\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelAll(): any[] {\r\n const animations = this.splice(0);\r\n animations.forEach((animation) => animation.cancel());\r\n return animations;\r\n }\r\n\r\n /**\r\n * cancel all running animations attached to canvas at the next requestAnimFrame\r\n * @param {fabric.Canvas} canvas\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByCanvas(canvas: any) {\r\n if (!canvas) {\r\n return [];\r\n }\r\n const cancelled = this.filter(\r\n (animation) =>\r\n typeof animation.target === 'object' &&\r\n animation.target.canvas === canvas\r\n );\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n * cancel all running animations for target at the next requestAnimFrame\r\n * @param {*} target\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByTarget(target) {\r\n const cancelled = this.findAnimationsByTarget(target);\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {number}\r\n */\r\n findAnimationIndex(cancelFunc) {\r\n return this.indexOf(this.findAnimation(cancelFunc));\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {AnimationContext | undefined} animation's options object\r\n */\r\n findAnimation(cancelFunc) {\r\n return this.find((animation) => animation.cancel === cancelFunc);\r\n }\r\n\r\n /**\r\n *\r\n * @param {*} target the object that is assigned to the target property of the animation context\r\n * @returns {AnimationContext[]} array of animation options object associated with target\r\n */\r\n findAnimationsByTarget(target) {\r\n if (!target) {\r\n return [];\r\n }\r\n return this.filter((animation) => animation.target === target);\r\n }\r\n}\r\n\r\nexport const runningAnimations = new RunningAnimations();\r\n\r\nfabric.runningAnimations = runningAnimations;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { runningAnimations } from './animation_registry';\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n *\r\n * @typedef {Object} AnimationOptions\r\n * Animation of a value or list of values.\r\n * @property {Function} [onChange] Callback; invoked on every value change\r\n * @property {Function} [onComplete] Callback; invoked when value change is completed\r\n * @property {number | number[]} [startValue=0] Starting value\r\n * @property {number | number[]} [endValue=100] Ending value\r\n * @property {number | number[]} [byValue=100] Value to modify the property by\r\n * @property {Function} [easing] Easing function\r\n * @property {number} [duration=500] Duration of change (in ms)\r\n * @property {Function} [abort] Additional function with logic. If returns true, animation aborts.\r\n * @property {number} [delay] Delay of animation start (in ms)\r\n *\r\n * @typedef {() => void} CancelFunction\r\n *\r\n * @typedef {Object} AnimationCurrentState\r\n * @property {number | number[]} currentValue value in range [`startValue`, `endValue`]\r\n * @property {number} completionRate value in range [0, 1]\r\n * @property {number} durationRate value in range [0, 1]\r\n *\r\n * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext\r\n */\r\n\r\nconst defaultEasing = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * (Math.PI / 2)) + c + b;\r\n\r\n/**\r\n * Changes value from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {AnimationOptions} [options] Animation options\r\n * When using lists, think of something like this:\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: [1, 2, 3],\r\n * endValue: [2, 4, 6],\r\n * onChange: function([x, y, zoom]) {\r\n * canvas.zoomToPoint(new Point(x, y), zoom);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: 1,\r\n * endValue: 0,\r\n * onChange: function(v) {\r\n * obj.set('opacity', v);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @returns {CancelFunction} cancel function\r\n */\r\nexport function animate(options = {}) {\r\n let cancel = false;\r\n\r\n const {\r\n startValue = 0,\r\n duration = 500,\r\n easing = defaultEasing,\r\n onChange = noop,\r\n abort = noop,\r\n onComplete = noop,\r\n endValue = 100,\r\n delay = 0,\r\n } = options;\r\n\r\n const context = {\r\n ...options,\r\n currentValue: startValue,\r\n completionRate: 0,\r\n durationRate: 0,\r\n };\r\n\r\n const removeFromRegistry = () => {\r\n const index = runningAnimations.indexOf(context);\r\n return index > -1 && runningAnimations.splice(index, 1)[0];\r\n };\r\n\r\n context.cancel = function () {\r\n cancel = true;\r\n return removeFromRegistry();\r\n };\r\n runningAnimations.push(context);\r\n\r\n const runner = function (timestamp) {\r\n const start = timestamp || +new Date(),\r\n finish = start + duration,\r\n isMany = Array.isArray(startValue),\r\n byValue =\r\n options.byValue ||\r\n (isMany\r\n ? startValue.map((value, i) => endValue[i] - value)\r\n : endValue - startValue);\r\n\r\n options.onStart && options.onStart();\r\n\r\n (function tick(ticktime) {\r\n const time = ticktime || +new Date();\r\n const currentTime = time > finish ? duration : time - start,\r\n timePerc = currentTime / duration,\r\n current = isMany\r\n ? startValue.map((_value, i) =>\r\n easing(currentTime, _value, byValue[i], duration)\r\n )\r\n : easing(currentTime, startValue, byValue, duration),\r\n valuePerc = isMany\r\n ? Math.abs((current[0] - startValue[0]) / byValue[0])\r\n : Math.abs((current - startValue) / byValue);\r\n // update context\r\n context.currentValue = isMany ? current.slice() : current;\r\n context.completionRate = valuePerc;\r\n context.durationRate = timePerc;\r\n\r\n if (cancel) {\r\n return;\r\n }\r\n if (abort(current, valuePerc, timePerc)) {\r\n removeFromRegistry();\r\n return;\r\n }\r\n if (time > finish) {\r\n // update context\r\n context.currentValue = isMany ? endValue.slice() : endValue;\r\n context.completionRate = 1;\r\n context.durationRate = 1;\r\n // execute callbacks\r\n onChange(isMany ? endValue.slice() : endValue, 1, 1);\r\n onComplete(endValue, 1, 1);\r\n removeFromRegistry();\r\n return;\r\n } else {\r\n onChange(current, valuePerc, timePerc);\r\n requestAnimFrame(tick);\r\n }\r\n })(start);\r\n };\r\n\r\n if (delay > 0) {\r\n setTimeout(() => requestAnimFrame(runner), delay);\r\n } else {\r\n requestAnimFrame(runner);\r\n }\r\n\r\n return context.cancel;\r\n}\r\n\r\nconst _requestAnimFrame =\r\n fabric.window.requestAnimationFrame ||\r\n function (callback) {\r\n return fabric.window.setTimeout(callback, 1000 / 60);\r\n };\r\n\r\nconst _cancelAnimFrame =\r\n fabric.window.cancelAnimationFrame || fabric.window.clearTimeout;\r\n\r\n/**\r\n * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/\r\n * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method\r\n * @memberOf fabric.util\r\n * @param {Function} callback Callback to invoke\r\n * @param {DOMElement} element optional Element to associate with animation\r\n */\r\nexport function requestAnimFrame(...args) {\r\n return _requestAnimFrame.apply(fabric.window, args);\r\n}\r\n\r\nexport function cancelAnimFrame(...args) {\r\n return _cancelAnimFrame.apply(fabric.window, args);\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { animate } from './animate';\r\n\r\n// Calculate an in-between color. Returns a \"rgba()\" string.\r\n// Credit: Edwin Martin \r\n// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js\r\n// const calculateColor = (begin: number[], end: number[], pos) => {\r\n// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg));\r\n// const a = begin && end ? parseFloat(_a) : 1;\r\n// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`;\r\n// }\r\n\r\n// color animation is broken. This function pass the tests for some reasons\r\n// but begin and end aren't array anymore since we improved animate function\r\n// to handler arrays internally.\r\nfunction calculateColor(begin, end, pos) {\r\n let color =\r\n 'rgba(' +\r\n parseInt(begin[0] + pos * (end[0] - begin[0]), 10) +\r\n ',' +\r\n parseInt(begin[1] + pos * (end[1] - begin[1]), 10) +\r\n ',' +\r\n parseInt(begin[2] + pos * (end[2] - begin[2]), 10);\r\n\r\n color +=\r\n ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1);\r\n color += ')';\r\n return color;\r\n}\r\n\r\nconst defaultColorEasing = (currentTime, duration) =>\r\n 1 - Math.cos((currentTime / duration) * (Math.PI / 2));\r\n\r\n/**\r\n * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {String} fromColor The starting color in hex or rgb(a) format.\r\n * @param {String} toColor The starting color in hex or rgb(a) format.\r\n * @param {Number} [duration] Duration of change (in ms).\r\n * @param {Object} [options] Animation options\r\n * @param {Function} [options.onChange] Callback; invoked on every value change\r\n * @param {Function} [options.onComplete] Callback; invoked when value change is completed\r\n * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used.\r\n * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called.\r\n * @returns {Function} abort function\r\n */\r\nexport function animateColor(\r\n fromColor,\r\n toColor,\r\n duration = 500,\r\n {\r\n colorEasing = defaultColorEasing,\r\n onComplete,\r\n onChange,\r\n ...restOfOptions\r\n } = {}\r\n) {\r\n const startColor = new Color(fromColor).getSource(),\r\n endColor = new Color(toColor).getSource();\r\n return animate({\r\n ...restOfOptions,\r\n duration,\r\n startValue: startColor,\r\n endValue: endColor,\r\n byValue: endColor,\r\n easing: (currentTime, startValue, byValue, duration) =>\r\n calculateColor(startValue, byValue, colorEasing(currentTime, duration)),\r\n // has to take in account for color restoring;\r\n onComplete: (current, valuePerc, timePerc) =>\r\n onComplete?.(calculateColor(endColor, endColor, 0), valuePerc, timePerc),\r\n onChange: (current, valuePerc, timePerc) => {\r\n if (onChange) {\r\n if (Array.isArray(current)) {\r\n return onChange(\r\n calculateColor(current, current, 0),\r\n valuePerc,\r\n timePerc\r\n );\r\n }\r\n onChange(current, valuePerc, timePerc);\r\n }\r\n },\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\nfunction addMethods(klass, source, parent) {\r\n for (var property in source) {\r\n if (\r\n property in klass.prototype &&\r\n typeof klass.prototype[property] === 'function' &&\r\n (source[property] + '').indexOf('callSuper') > -1\r\n ) {\r\n klass.prototype[property] = (function (property) {\r\n return function (...args) {\r\n var superclass = this.constructor.superclass;\r\n this.constructor.superclass = parent;\r\n var returnValue = source[property].call(this, ...args);\r\n this.constructor.superclass = superclass;\r\n\r\n if (property !== 'initialize') {\r\n return returnValue;\r\n }\r\n };\r\n })(property);\r\n } else {\r\n klass.prototype[property] = source[property];\r\n }\r\n }\r\n}\r\n\r\nfunction Subclass() {}\r\n\r\nfunction callSuper(methodName, ...args) {\r\n var parentMethod = null,\r\n _this = this;\r\n\r\n // climb prototype chain to find method not equal to callee's method\r\n while (_this.constructor.superclass) {\r\n var superClassMethod = _this.constructor.superclass.prototype[methodName];\r\n if (_this[methodName] !== superClassMethod) {\r\n parentMethod = superClassMethod;\r\n break;\r\n }\r\n // eslint-disable-next-line\r\n _this = _this.constructor.superclass.prototype;\r\n }\r\n\r\n if (!parentMethod) {\r\n return console.log(\r\n 'tried to callSuper ' +\r\n methodName +\r\n ', method not found in prototype chain',\r\n this\r\n );\r\n }\r\n\r\n return parentMethod.call(this, ...args);\r\n}\r\n\r\n/**\r\n * Helper for creation of \"classes\".\r\n * @memberOf fabric.util\r\n * @param {Function} [parent] optional \"Class\" to inherit from\r\n * @param {Object} [properties] Properties shared by all instances of this class\r\n * (be careful modifying objects defined here as this would affect all instances)\r\n */\r\nexport function createClass(...args) {\r\n var parent = null,\r\n properties = [...args];\r\n\r\n if (typeof args[0] === 'function') {\r\n parent = properties.shift();\r\n }\r\n function klass(...klassArgs) {\r\n this.initialize.call(this, ...klassArgs);\r\n }\r\n\r\n klass.superclass = parent;\r\n\r\n if (parent) {\r\n Subclass.prototype = parent.prototype;\r\n klass.prototype = new Subclass();\r\n }\r\n for (var i = 0, length = properties.length; i < length; i++) {\r\n addMethods(klass, properties[i], parent);\r\n }\r\n if (!klass.prototype.initialize) {\r\n klass.prototype.initialize = noop;\r\n }\r\n klass.prototype.constructor = klass;\r\n klass.prototype.callSuper = callSuper;\r\n return klass;\r\n}\r\n","import { fabric } from '../../../HEADER';\r\nimport { cos } from './cos';\r\nimport { sin } from './sin';\r\nimport {\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n} from './vectors';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { rotatePoint } from './rotatePoint';\r\nimport { getRandomInt, removeFromArray } from '../internals';\r\nimport { projectStrokeOnPoints } from './projectStroke';\r\nimport {\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n} from './matrix';\r\nimport { stylesFromArray, stylesToArray, hasStyleChanged } from './textStyles';\r\nimport { clone, extend } from '../lang_object';\r\nimport {\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n} from './dom';\r\nimport { toFixed } from './toFixed';\r\nimport {\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n} from './svgParsing';\r\nimport { findScaleToFit, findScaleToCover } from './findScaleTo';\r\nimport { capValue } from './capValue';\r\nimport {\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n sizeAfterTransform,\r\n} from './objectTransforms';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport {\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n} from './planeChange';\r\nimport { camelize, capitalize, escapeXml, graphemeSplit } from '../lang_string';\r\nimport {\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n} from './objectEnlive';\r\nimport { pick } from './pick';\r\nimport {\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n} from '../path';\r\nimport { setStyle } from '../dom_style';\r\nimport { request } from '../dom_request';\r\nimport {\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n} from '../dom_event';\r\nimport {\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n} from '../dom_misc';\r\nimport { isTransparent } from './isTransparent';\r\nimport { mergeClipPaths } from './mergeClipPaths';\r\nimport * as ease from '../anim_ease';\r\nimport { animateColor } from '../animate_color';\r\nimport { animate, requestAnimFrame, cancelAnimFrame } from '../animate';\r\nimport { createClass } from '../lang_class';\r\n/**\r\n * @namespace fabric.util\r\n */\r\nfabric.util = {\r\n cos,\r\n sin,\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n degreesToRadians,\r\n radiansToDegrees,\r\n rotatePoint,\r\n // probably we should stop exposing this from the interface\r\n getRandomInt,\r\n removeFromArray,\r\n projectStrokeOnPoints,\r\n // matrix.ts file\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n // textStyles.ts file\r\n stylesFromArray,\r\n stylesToArray,\r\n hasStyleChanged,\r\n object: {\r\n clone,\r\n extend,\r\n },\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n toFixed,\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n findScaleToFit,\r\n findScaleToCover,\r\n capValue,\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n makeBoundingBoxFromPoints,\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n string: {\r\n camelize,\r\n capitalize,\r\n escapeXml,\r\n graphemeSplit,\r\n },\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n pick,\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n request,\r\n setStyle,\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n isTransparent,\r\n sizeAfterTransform,\r\n mergeClipPaths,\r\n ease,\r\n animateColor,\r\n animate,\r\n requestAnimFrame,\r\n cancelAnimFrame,\r\n createClass,\r\n};\r\n","/**\r\n * Attributes parsed from all SVG elements\r\n * @type array\r\n */\r\nexport const SHARED_ATTRIBUTES = [\r\n 'display',\r\n 'transform',\r\n 'fill',\r\n 'fill-opacity',\r\n 'fill-rule',\r\n 'opacity',\r\n 'stroke',\r\n 'stroke-dasharray',\r\n 'stroke-linecap',\r\n 'stroke-dashoffset',\r\n 'stroke-linejoin',\r\n 'stroke-miterlimit',\r\n 'stroke-opacity',\r\n 'stroke-width',\r\n 'id',\r\n 'paint-order',\r\n 'vector-effect',\r\n 'instantiated_by_use',\r\n 'clip-path',\r\n];\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { capitalize } from '../util/lang_string';\r\nimport {\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../util/misc/matrix';\r\n\r\nconst ElementsParser = function (\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions,\r\n doc\r\n) {\r\n this.elements = elements;\r\n this.callback = callback;\r\n this.options = options;\r\n this.reviver = reviver;\r\n this.svgUid = (options && options.svgUid) || 0;\r\n this.parsingOptions = parsingOptions;\r\n this.regexUrl = /^url\\(['\"]?#([^'\"]+)['\"]?\\)/g;\r\n this.doc = doc;\r\n};\r\n\r\n(function (proto) {\r\n proto.parse = function () {\r\n this.instances = new Array(this.elements.length);\r\n this.numElements = this.elements.length;\r\n this.createObjects();\r\n };\r\n\r\n proto.createObjects = function () {\r\n this.elements.forEach((element, i) => {\r\n element.setAttribute('svgUid', this.svgUid);\r\n this.createObject(element, i);\r\n });\r\n };\r\n\r\n proto.findTag = function (el) {\r\n return fabric[capitalize(el.tagName.replace('svg:', ''))];\r\n };\r\n\r\n proto.createObject = function (el, index) {\r\n const klass = this.findTag(el);\r\n if (klass && klass.fromElement) {\r\n try {\r\n klass.fromElement(el, this.createCallback(index, el), this.options);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n } else {\r\n this.checkIfDone();\r\n }\r\n };\r\n\r\n proto.createCallback = function (index, el) {\r\n const _this = this;\r\n return function (obj) {\r\n let _options;\r\n _this.resolveGradient(obj, el, 'fill');\r\n _this.resolveGradient(obj, el, 'stroke');\r\n if (obj instanceof fabric.Image && obj._originalElement) {\r\n _options = obj.parsePreserveAspectRatioAttribute(el);\r\n }\r\n obj._removeTransformMatrix(_options);\r\n _this.resolveClipPath(obj, el);\r\n _this.reviver && _this.reviver(el, obj);\r\n _this.instances[index] = obj;\r\n _this.checkIfDone();\r\n };\r\n };\r\n\r\n proto.extractPropertyDefinition = function (obj, property, storage) {\r\n const value = obj[property],\r\n regex = this.regexUrl;\r\n if (!regex.test(value)) {\r\n return;\r\n }\r\n regex.lastIndex = 0;\r\n const id = regex.exec(value)[1];\r\n regex.lastIndex = 0;\r\n return fabric[storage][this.svgUid][id];\r\n };\r\n\r\n proto.resolveGradient = function (obj, el, property) {\r\n const gradientDef = this.extractPropertyDefinition(\r\n obj,\r\n property,\r\n 'gradientDefs'\r\n );\r\n if (gradientDef) {\r\n const opacityAttr = el.getAttribute(property + '-opacity');\r\n const gradient = fabric.Gradient.fromElement(gradientDef, obj, {\r\n ...this.options,\r\n opacity: opacityAttr,\r\n });\r\n obj.set(property, gradient);\r\n }\r\n };\r\n\r\n proto.createClipPathCallback = function (obj, container) {\r\n return function (_newObj) {\r\n _newObj._removeTransformMatrix();\r\n _newObj.fillRule = _newObj.clipRule;\r\n container.push(_newObj);\r\n };\r\n };\r\n\r\n proto.resolveClipPath = function (obj, usingElement) {\r\n var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'),\r\n element,\r\n klass,\r\n objTransformInv,\r\n container,\r\n gTransform,\r\n options;\r\n if (clipPath) {\r\n container = [];\r\n objTransformInv = invertTransform(obj.calcTransformMatrix());\r\n // move the clipPath tag as sibling to the real element that is using it\r\n const clipPathTag = clipPath[0].parentNode;\r\n let clipPathOwner = usingElement;\r\n while (\r\n clipPathOwner.parentNode &&\r\n clipPathOwner.getAttribute('clip-path') !== obj.clipPath\r\n ) {\r\n clipPathOwner = clipPathOwner.parentNode;\r\n }\r\n clipPathOwner.parentNode.appendChild(clipPathTag);\r\n for (let i = 0; i < clipPath.length; i++) {\r\n element = clipPath[i];\r\n klass = this.findTag(element);\r\n klass.fromElement(\r\n element,\r\n this.createClipPathCallback(obj, container),\r\n this.options\r\n );\r\n }\r\n if (container.length === 1) {\r\n clipPath = container[0];\r\n } else {\r\n clipPath = new fabric.Group(container);\r\n }\r\n gTransform = multiplyTransformMatrices(\r\n objTransformInv,\r\n clipPath.calcTransformMatrix()\r\n );\r\n if (clipPath.clipPath) {\r\n this.resolveClipPath(clipPath, clipPathOwner);\r\n }\r\n const options = qrDecompose(gTransform);\r\n clipPath.flipX = false;\r\n clipPath.flipY = false;\r\n clipPath.set('scaleX', options.scaleX);\r\n clipPath.set('scaleY', options.scaleY);\r\n clipPath.angle = options.angle;\r\n clipPath.skewX = options.skewX;\r\n clipPath.skewY = 0;\r\n clipPath.setPositionByOrigin(\r\n { x: options.translateX, y: options.translateY },\r\n 'center',\r\n 'center'\r\n );\r\n obj.clipPath = clipPath;\r\n } else {\r\n // if clip-path does not resolve to any element, delete the property.\r\n delete obj.clipPath;\r\n }\r\n };\r\n\r\n proto.checkIfDone = function () {\r\n if (--this.numElements === 0) {\r\n this.instances = this.instances.filter(function (el) {\r\n // eslint-disable-next-line no-eq-null, eqeqeq\r\n return el != null;\r\n });\r\n this.callback(this.instances, this.elements);\r\n }\r\n };\r\n})(ElementsParser.prototype);\r\n\r\nexport { ElementsParser };\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Returns CSS rules for a given SVG document\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} CSS rules of this document\r\n */\r\nexport function getCSSRules(doc) {\r\n let styles = doc.getElementsByTagName('style'),\r\n i,\r\n len,\r\n allRules = {},\r\n rules;\r\n\r\n // very crude parsing of style contents\r\n for (i = 0, len = styles.length; i < len; i++) {\r\n let styleContents = styles[i].textContent;\r\n\r\n // remove comments\r\n styleContents = styleContents.replace(/\\/\\*[\\s\\S]*?\\*\\//g, '');\r\n if (styleContents.trim() === '') {\r\n continue;\r\n }\r\n // recovers all the rule in this form `body { style code... }`\r\n // rules = styleContents.match(/[^{]*\\{[\\s\\S]*?\\}/g);\r\n rules = styleContents.split('}');\r\n // remove empty rules.\r\n rules = rules.filter(function (rule) {\r\n return rule.trim();\r\n });\r\n // at this point we have hopefully an array of rules `body { style code... `\r\n // eslint-disable-next-line no-loop-func\r\n rules.forEach(function (rule) {\r\n const match = rule.split('{'),\r\n ruleObj = {},\r\n declaration = match[1].trim(),\r\n propertyValuePairs = declaration.split(';').filter(function (pair) {\r\n return pair.trim();\r\n });\r\n\r\n for (i = 0, len = propertyValuePairs.length; i < len; i++) {\r\n const pair = propertyValuePairs[i].split(':'),\r\n property = pair[0].trim(),\r\n value = pair[1].trim();\r\n ruleObj[property] = value;\r\n }\r\n rule = match[0].trim();\r\n rule.split(',').forEach(function (_rule) {\r\n _rule = _rule.replace(/^svg/i, '').trim();\r\n if (_rule === '') {\r\n return;\r\n }\r\n if (allRules[_rule]) {\r\n Object.assign(allRules[_rule], ruleObj);\r\n } else {\r\n allRules[_rule] = Object.assign({}, ruleObj);\r\n }\r\n });\r\n });\r\n }\r\n return allRules;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function getMultipleNodes(doc, nodeNames) {\r\n let nodeName,\r\n nodeArray = [],\r\n nodeList,\r\n i,\r\n len;\r\n for (i = 0, len = nodeNames.length; i < len; i++) {\r\n nodeName = nodeNames[i];\r\n nodeList = doc.getElementsByTagName(nodeName);\r\n nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList));\r\n }\r\n return nodeArray;\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * @private\r\n * to support IE8 missing getElementById on SVGdocument and on node xmlDOM\r\n */\r\nexport function elementById(doc, id) {\r\n let el;\r\n doc.getElementById && (el = doc.getElementById(id));\r\n if (el) {\r\n return el;\r\n }\r\n let node,\r\n i,\r\n len,\r\n nodelist = doc.getElementsByTagName('*');\r\n for (i = 0, len = nodelist.length; i < len; i++) {\r\n node = nodelist[i];\r\n if (id === node.getAttribute('id')) {\r\n return node;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { elementById } from './elementById';\r\n\r\nconst gradientsAttrs = [\r\n 'gradientTransform',\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2',\r\n 'gradientUnits',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n];\r\nconst xlinkAttr = 'xlink:href';\r\n\r\nexport function recursivelyParseGradientsXlink(doc, gradient) {\r\n const xLink = gradient.getAttribute(xlinkAttr).slice(1),\r\n referencedGradient = elementById(doc, xLink);\r\n if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) {\r\n recursivelyParseGradientsXlink(doc, referencedGradient);\r\n }\r\n gradientsAttrs.forEach(function (attr) {\r\n if (\r\n referencedGradient &&\r\n !gradient.hasAttribute(attr) &&\r\n referencedGradient.hasAttribute(attr)\r\n ) {\r\n gradient.setAttribute(attr, referencedGradient.getAttribute(attr));\r\n }\r\n });\r\n if (!gradient.children.length) {\r\n const referenceClone = referencedGradient.cloneNode(true);\r\n while (referenceClone.firstChild) {\r\n gradient.appendChild(referenceClone.firstChild);\r\n }\r\n }\r\n gradient.removeAttribute(xlinkAttr);\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { recursivelyParseGradientsXlink } from './recursivelyParseGradientsXlink';\r\n\r\nconst tagArray = [\r\n 'linearGradient',\r\n 'radialGradient',\r\n 'svg:linearGradient',\r\n 'svg:radialGradient',\r\n];\r\n\r\n/**\r\n * Parses an SVG document, returning all of the gradient declarations found in it\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element\r\n */\r\nexport function getGradientDefs(doc) {\r\n let elList = getMultipleNodes(doc, tagArray),\r\n el,\r\n j = 0,\r\n gradientDefs = {};\r\n j = elList.length;\r\n while (j--) {\r\n el = elList[j];\r\n if (el.getAttribute('xlink:href')) {\r\n recursivelyParseGradientsXlink(doc, el);\r\n }\r\n gradientDefs[el.getAttribute('id')] = el;\r\n }\r\n return gradientDefs;\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport {\r\n parsePreserveAspectRatioAttribute,\r\n parseUnit,\r\n} from '../util/misc/svgParsing';\r\nimport { svgViewBoxElementsRegEx, reViewBoxAttrValue } from './constants';\r\n\r\n/**\r\n * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements\r\n */\r\n\r\nexport function applyViewboxTransform(element) {\r\n if (!svgViewBoxElementsRegEx.test(element.nodeName)) {\r\n return {};\r\n }\r\n let viewBoxAttr = element.getAttribute('viewBox'),\r\n scaleX = 1,\r\n scaleY = 1,\r\n minX = 0,\r\n minY = 0,\r\n viewBoxWidth,\r\n viewBoxHeight,\r\n matrix,\r\n el,\r\n widthAttr = element.getAttribute('width'),\r\n heightAttr = element.getAttribute('height'),\r\n x = element.getAttribute('x') || 0,\r\n y = element.getAttribute('y') || 0,\r\n preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '',\r\n missingViewBox =\r\n !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)),\r\n missingDimAttr =\r\n !widthAttr ||\r\n !heightAttr ||\r\n widthAttr === '100%' ||\r\n heightAttr === '100%',\r\n toBeParsed = missingViewBox && missingDimAttr,\r\n parsedDim = {},\r\n translateMatrix = '',\r\n widthDiff = 0,\r\n heightDiff = 0;\r\n\r\n parsedDim.width = 0;\r\n parsedDim.height = 0;\r\n parsedDim.toBeParsed = toBeParsed;\r\n\r\n if (missingViewBox) {\r\n if (\r\n (x || y) &&\r\n element.parentNode &&\r\n element.parentNode.nodeName !== '#document'\r\n ) {\r\n translateMatrix =\r\n ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n matrix = (element.getAttribute('transform') || '') + translateMatrix;\r\n element.setAttribute('transform', matrix);\r\n element.removeAttribute('x');\r\n element.removeAttribute('y');\r\n }\r\n }\r\n\r\n if (toBeParsed) {\r\n return parsedDim;\r\n }\r\n\r\n if (missingViewBox) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n // set a transform for elements that have x y and are inner(only) SVGs\r\n return parsedDim;\r\n }\r\n minX = -parseFloat(viewBoxAttr[1]);\r\n minY = -parseFloat(viewBoxAttr[2]);\r\n viewBoxWidth = parseFloat(viewBoxAttr[3]);\r\n viewBoxHeight = parseFloat(viewBoxAttr[4]);\r\n parsedDim.minX = minX;\r\n parsedDim.minY = minY;\r\n parsedDim.viewBoxWidth = viewBoxWidth;\r\n parsedDim.viewBoxHeight = viewBoxHeight;\r\n if (!missingDimAttr) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n scaleX = parsedDim.width / viewBoxWidth;\r\n scaleY = parsedDim.height / viewBoxHeight;\r\n } else {\r\n parsedDim.width = viewBoxWidth;\r\n parsedDim.height = viewBoxHeight;\r\n }\r\n\r\n // default is to preserve aspect ratio\r\n preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio);\r\n if (preserveAspectRatio.alignX !== 'none') {\r\n //translate all container for the effect of Mid, Min, Max\r\n if (preserveAspectRatio.meetOrSlice === 'meet') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX;\r\n // calculate additional translation to move the viewbox\r\n }\r\n if (preserveAspectRatio.meetOrSlice === 'slice') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY;\r\n // calculate additional translation to move the viewbox\r\n }\r\n widthDiff = parsedDim.width - viewBoxWidth * scaleX;\r\n heightDiff = parsedDim.height - viewBoxHeight * scaleX;\r\n if (preserveAspectRatio.alignX === 'Mid') {\r\n widthDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignY === 'Mid') {\r\n heightDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignX === 'Min') {\r\n widthDiff = 0;\r\n }\r\n if (preserveAspectRatio.alignY === 'Min') {\r\n heightDiff = 0;\r\n }\r\n }\r\n\r\n if (\r\n scaleX === 1 &&\r\n scaleY === 1 &&\r\n minX === 0 &&\r\n minY === 0 &&\r\n x === 0 &&\r\n y === 0\r\n ) {\r\n return parsedDim;\r\n }\r\n if ((x || y) && element.parentNode.nodeName !== '#document') {\r\n translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n }\r\n\r\n matrix =\r\n translateMatrix +\r\n ' matrix(' +\r\n scaleX +\r\n ' 0' +\r\n ' 0 ' +\r\n scaleY +\r\n ' ' +\r\n (minX * scaleX + widthDiff) +\r\n ' ' +\r\n (minY * scaleY + heightDiff) +\r\n ') ';\r\n // seems unused.\r\n // parsedDim.viewboxTransform = parseTransformAttribute(matrix);\r\n if (element.nodeName === 'svg') {\r\n el = element.ownerDocument.createElementNS(svgNS, 'g');\r\n // element.firstChild != null\r\n while (element.firstChild) {\r\n el.appendChild(element.firstChild);\r\n }\r\n element.appendChild(el);\r\n } else {\r\n el = element;\r\n el.removeAttribute('x');\r\n el.removeAttribute('y');\r\n matrix = el.getAttribute('transform') + matrix;\r\n }\r\n el.setAttribute('transform', matrix);\r\n return parsedDim;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function hasAncestorWithNodeName(element, nodeName) {\r\n while (element && (element = element.parentNode)) {\r\n if (\r\n element.nodeName &&\r\n nodeName.test(element.nodeName.replace('svg:', '')) &&\r\n !element.getAttribute('instantiated_by_use')\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { ElementsParser } from './elements_parser';\r\n\r\n/**\r\n * Transforms an array of svg elements to corresponding fabric.* instances\r\n * @static\r\n * @memberOf fabric\r\n * @param {Array} elements Array of elements to parse\r\n * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements)\r\n * @param {Object} [options] Options object\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n */\r\nexport function parseElements(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n) {\r\n new ElementsParser(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n ).parse();\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport { elementById } from './elementById';\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\n\r\nexport function parseUseDirectives(doc) {\r\n let nodelist = getMultipleNodes(doc, ['use', 'svg:use']),\r\n i = 0;\r\n while (nodelist.length && i < nodelist.length) {\r\n const el = nodelist[i],\r\n xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href');\r\n\r\n if (xlinkAttribute === null) {\r\n return;\r\n }\r\n\r\n var xlink = xlinkAttribute.slice(1),\r\n x = el.getAttribute('x') || 0,\r\n y = el.getAttribute('y') || 0,\r\n el2 = elementById(doc, xlink).cloneNode(true),\r\n currentTrans =\r\n (el2.getAttribute('transform') || '') +\r\n ' translate(' +\r\n x +\r\n ', ' +\r\n y +\r\n ')',\r\n parentNode,\r\n oldLength = nodelist.length,\r\n attr,\r\n j,\r\n attrs,\r\n len,\r\n namespace = svgNS;\r\n\r\n applyViewboxTransform(el2);\r\n if (/^svg$/i.test(el2.nodeName)) {\r\n const el3 = el2.ownerDocument.createElementNS(namespace, 'g');\r\n for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue);\r\n }\r\n // el2.firstChild != null\r\n while (el2.firstChild) {\r\n el3.appendChild(el2.firstChild);\r\n }\r\n el2 = el3;\r\n }\r\n\r\n for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n if (\r\n attr.nodeName === 'x' ||\r\n attr.nodeName === 'y' ||\r\n attr.nodeName === 'xlink:href' ||\r\n attr.nodeName === 'href'\r\n ) {\r\n continue;\r\n }\r\n\r\n if (attr.nodeName === 'transform') {\r\n currentTrans = attr.nodeValue + ' ' + currentTrans;\r\n } else {\r\n el2.setAttribute(attr.nodeName, attr.nodeValue);\r\n }\r\n }\r\n\r\n el2.setAttribute('transform', currentTrans);\r\n el2.setAttribute('instantiated_by_use', '1');\r\n el2.removeAttribute('id');\r\n parentNode = el.parentNode;\r\n parentNode.replaceChild(el2, el);\r\n // some browsers do not shorten nodelist after replaceChild (IE8)\r\n if (nodelist.length === oldLength) {\r\n i++;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from './point.class';\r\nimport { fabric } from '../HEADER';\r\n\r\n/* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */\r\n\r\nexport type IntersectionType = 'Intersection' | 'Coincident' | 'Parallel';\r\n\r\n/**\r\n * **Assuming `T`, `A`, `B` are points on the same line**,\r\n * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B`\r\n * @param T\r\n * @param A\r\n * @param B\r\n * @returns true if `T` is contained\r\n */\r\nconst isContainedInInterval = (T: Point, A: Point, B: Point) => {\r\n const TA = new Point(T).subtract(A);\r\n const TB = new Point(T).subtract(B);\r\n return (\r\n Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)\r\n );\r\n};\r\n\r\nexport class Intersection {\r\n points: Point[];\r\n\r\n status?: IntersectionType;\r\n\r\n constructor(status?: IntersectionType) {\r\n this.status = status;\r\n this.points = [];\r\n }\r\n\r\n /**\r\n *\r\n * @param {Point} point\r\n * @returns\r\n */\r\n contains(point) {\r\n return this.points.some((p) => p.eq(point));\r\n }\r\n\r\n /**\r\n * Appends points of intersection\r\n * @param {...Point[]} points\r\n * @return {Intersection} thisArg\r\n * @chainable\r\n */\r\n private append(...points) {\r\n this.points = this.points.concat(\r\n points.filter((point) => {\r\n return !this.contains(point);\r\n })\r\n );\r\n return this;\r\n }\r\n\r\n /**\r\n * Checks if a line intersects another\r\n * @static\r\n * @param {Point} a1\r\n * @param {Point} a2\r\n * @param {Point} b1\r\n * @param {Point} b2\r\n * @param {boolean} [aInfinite=true] check segment intersection by passing `false`\r\n * @param {boolean} [bInfinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) {\r\n let result;\r\n const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x),\r\n ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x),\r\n uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y);\r\n if (uB !== 0) {\r\n const ua = uaT / uB,\r\n ub = ubT / uB;\r\n if (\r\n (aInfinite || (0 <= ua && ua <= 1)) &&\r\n (bInfinite || (0 <= ub && ub <= 1))\r\n ) {\r\n result = new Intersection('Intersection');\r\n result.append(\r\n new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))\r\n );\r\n } else {\r\n result = new Intersection();\r\n }\r\n } else {\r\n if (uaT === 0 || ubT === 0) {\r\n const segmentsCoincide =\r\n aInfinite ||\r\n bInfinite ||\r\n isContainedInInterval(a1, b1, b2) ||\r\n isContainedInInterval(a2, b1, b2) ||\r\n isContainedInInterval(b1, a1, a2) ||\r\n isContainedInInterval(b2, a1, a2);\r\n result = new Intersection(segmentsCoincide ? 'Coincident' : undefined);\r\n } else {\r\n result = new Intersection('Parallel');\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects a line\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} s1 boundary point of segment\r\n * @param {Point} s2 other boundary point of segment\r\n * @param {Point} l1 point on line\r\n * @param {Point} l2 other point on line\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentLine(s1, s2, l1, l2) {\r\n return Intersection.intersectLineLine(s1, s2, l1, l2, false, true);\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects another\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point} b1 boundary point of segment\r\n * @param {Point} b2 other boundary point of segment\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentSegment(a1, a2, b1, b2) {\r\n return Intersection.intersectLineLine(a1, a2, b1, b2, false, false);\r\n }\r\n\r\n /**\r\n * Checks if line intersects polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @see {@link intersectSegmentPolygon} for segment intersection\r\n * @param {Point} a1 point on line\r\n * @param {Point} a2 other point on line\r\n * @param {Point[]} points polygon points\r\n * @param {boolean} [infinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLinePolygon(a1, a2, points, infinite = true) {\r\n const result = new Intersection();\r\n const length = points.length;\r\n\r\n for (let i = 0, b1, b2, inter; i < length; i++) {\r\n b1 = points[i];\r\n b2 = points[(i + 1) % length];\r\n inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false);\r\n if (inter.status === 'Coincident') {\r\n return inter;\r\n }\r\n result.append(...inter.points);\r\n }\r\n\r\n if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if segment intersects polygon\r\n * @static\r\n * @see {@link intersectLinePolygon} for line intersection\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point[]} points polygon points\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentPolygon(a1, a2, points) {\r\n return Intersection.intersectLinePolygon(a1, a2, points, false);\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects another polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @param {Point[]} points1\r\n * @param {Point[]} points2\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonPolygon(points1, points2) {\r\n const result = new Intersection(),\r\n length = points1.length;\r\n const coincidences = [];\r\n\r\n for (let i = 0; i < length; i++) {\r\n const a1 = points1[i],\r\n a2 = points1[(i + 1) % length],\r\n inter = Intersection.intersectSegmentPolygon(a1, a2, points2);\r\n if (inter.status === 'Coincident') {\r\n coincidences.push(inter);\r\n result.append(a1, a2);\r\n } else {\r\n result.append(...inter.points);\r\n }\r\n }\r\n\r\n if (coincidences.length > 0 && coincidences.length === points1.length) {\r\n return new Intersection('Coincident');\r\n } else if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects rectangle\r\n * @static\r\n * @see {@link intersectPolygonPolygon} for polygon intersection\r\n * @param {Point[]} points polygon points\r\n * @param {Point} r1 top left point of rect\r\n * @param {Point} r2 bottom right point of rect\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonRectangle(points, r1, r2) {\r\n const min = r1.min(r2),\r\n max = r1.max(r2),\r\n topRight = new Point(max.x, min.y),\r\n bottomLeft = new Point(min.x, max.y);\r\n\r\n return Intersection.intersectPolygonPolygon(points, [\r\n min,\r\n topRight,\r\n max,\r\n bottomLeft,\r\n ]);\r\n }\r\n}\r\n\r\nfabric.Intersection = Intersection;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\ntype EventRegistryObject = Record;\r\n\r\n/**\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events}\r\n * @see {@link http://fabricjs.com/events|Events demo}\r\n */\r\nexport class Observable {\r\n private __eventListeners: Record = {};\r\n\r\n /**\r\n * Observes specified event\r\n * @alias on\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n on(eventName: string, handler: Function): Function;\r\n on(handlers: EventRegistryObject): Function;\r\n on(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (!this.__eventListeners) {\r\n this.__eventListeners = {};\r\n }\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n for (const eventName in arg0) {\r\n this.on(eventName, arg0[eventName]);\r\n }\r\n return () => this.off(arg0);\r\n } else if (handler) {\r\n const eventName = arg0;\r\n if (!this.__eventListeners[eventName]) {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n this.__eventListeners[eventName].push(handler);\r\n return () => this.off(eventName, handler);\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * Observes specified event **once**\r\n * @alias once\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n once(eventName: string, handler: Function): Function;\r\n once(handlers: EventRegistryObject): Function;\r\n once(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n const disposers: Function[] = [];\r\n for (const eventName in arg0) {\r\n disposers.push(this.once(eventName, arg0[eventName]));\r\n }\r\n return () => disposers.forEach((d) => d());\r\n } else if (handler) {\r\n const disposer = this.on(arg0, (...args: any[]) => {\r\n handler(...args);\r\n disposer();\r\n });\r\n return disposer;\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} eventName\r\n * @param {Function} [handler]\r\n */\r\n private _removeEventListener(eventName: string, handler?: Function) {\r\n if (!this.__eventListeners[eventName]) {\r\n return;\r\n }\r\n\r\n if (handler) {\r\n const eventListener = this.__eventListeners[eventName];\r\n const index = eventListener.indexOf(handler);\r\n index > -1 && eventListener.splice(index, 1);\r\n } else {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n }\r\n\r\n /**\r\n * Stops event observing for a particular event handler. Calling this method\r\n * without arguments removes all handlers for all events\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function to be deleted from EventListeners\r\n */\r\n off(eventName: string, handler: Function): void;\r\n off(handlers: EventRegistryObject): void;\r\n off(arg0?: string | EventRegistryObject, handler?: Function) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n // remove all key/value pairs (event name -> event handler)\r\n if (typeof arg0 === 'undefined') {\r\n for (const eventName in this.__eventListeners) {\r\n this._removeEventListener(eventName);\r\n }\r\n }\r\n // one object with key/value pairs was passed\r\n else if (typeof arg0 === 'object') {\r\n for (const eventName in arg0) {\r\n this._removeEventListener(eventName, arg0[eventName]);\r\n }\r\n } else {\r\n this._removeEventListener(arg0, handler);\r\n }\r\n }\r\n\r\n /**\r\n * Fires event with an optional options object\r\n * @param {String} eventName Event name to fire\r\n * @param {Object} [options] Options object\r\n */\r\n fire(eventName: string, options: object) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n const listenersForEvent = this.__eventListeners[eventName]?.concat();\r\n if (listenersForEvent) {\r\n for (let i = 0; i < listenersForEvent.length; i++) {\r\n listenersForEvent[i].call(this, options || {});\r\n }\r\n }\r\n }\r\n}\r\n\r\nfabric.Observable = Observable;\r\n","//@ts-nocheck\r\nimport { Observable } from './observable.mixin';\r\n\r\nexport class CommonMethods extends Observable {\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n _setOptions(options: any) {\r\n for (const prop in options) {\r\n this.set(prop, options[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _setObject(obj: Record) {\r\n for (const prop in obj) {\r\n this._set(prop, obj[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n set(key: string | Record, value?: any) {\r\n if (typeof key === 'object') {\r\n this._setObject(key);\r\n } else {\r\n this._set(key, value);\r\n }\r\n return this;\r\n }\r\n\r\n _set(key: string, value: any) {\r\n this[key] = value;\r\n }\r\n\r\n /**\r\n * Toggles specified property from `true` to `false` or from `false` to `true`\r\n * @param {String} property Property to toggle\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n toggle(property: string) {\r\n const value = this.get(property);\r\n if (typeof value === 'boolean') {\r\n this.set(property, !value);\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Basic getter\r\n * @param {String} property Property name\r\n * @return {*} value of a property\r\n */\r\n get(property: string) {\r\n return this[property];\r\n }\r\n}\r\n","import { Point } from '../point.class';\r\nimport { transformPoint } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { CommonMethods } from './shared_methods.mixin';\r\nimport { TDegree, TOriginX, TOriginY } from '../typedefs';\r\nimport { Group } from '../shapes/group.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\nconst originOffset = {\r\n left: -0.5,\r\n top: -0.5,\r\n center: 0,\r\n bottom: 0.5,\r\n right: 0.5,\r\n};\r\n\r\n/**\r\n * Resolves origin value relative to center\r\n * @private\r\n * @param {TOriginX | TOriginY} originValue originX / originY\r\n * @returns number\r\n */\r\nexport const resolveOrigin = (\r\n originValue: TOriginX | TOriginY | number\r\n): number =>\r\n typeof originValue === 'string'\r\n ? originOffset[originValue]\r\n : originValue - 0.5;\r\n\r\nexport class ObjectOrigin extends CommonMethods {\r\n /**\r\n * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom}\r\n * @type Number\r\n * @default 0\r\n */\r\n top: number;\r\n\r\n /**\r\n * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right}\r\n * @type Number\r\n * @default 0\r\n */\r\n left: number;\r\n\r\n /**\r\n * Object width\r\n * @type Number\r\n * @default\r\n */\r\n width: number;\r\n\r\n /**\r\n * Object height\r\n * @type Number\r\n * @default\r\n */\r\n height: number;\r\n\r\n /**\r\n * Object scale factor (horizontal)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleX: number;\r\n\r\n /**\r\n * Object scale factor (vertical)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleY: number;\r\n\r\n /**\r\n * Angle of skew on x axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewX: number;\r\n\r\n /**\r\n * Angle of skew on y axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewY: number;\r\n\r\n /**\r\n * Horizontal origin of transformation of an object (one of \"left\", \"right\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'left'\r\n */\r\n originX: TOriginX;\r\n\r\n /**\r\n * Vertical origin of transformation of an object (one of \"top\", \"bottom\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'top'\r\n */\r\n originY: TOriginY;\r\n\r\n /**\r\n * Angle of rotation of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n angle: TDegree;\r\n\r\n /**\r\n * Width of a stroke used to render this object\r\n * @type Number\r\n * @default 1\r\n */\r\n strokeWidth: number;\r\n\r\n /**\r\n * When `false`, the stoke width will scale with the object.\r\n * When `true`, the stroke will always match the exact pixel size entered for stroke width.\r\n * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods\r\n * default to false\r\n * @since 2.6.0\r\n * @type Boolean\r\n * @default false\r\n * @type Boolean\r\n * @default false\r\n */\r\n strokeUniform: boolean;\r\n\r\n /**\r\n * Object containing this object.\r\n * can influence its size and position\r\n */\r\n group?: Group;\r\n\r\n _originalOriginX?: TOriginX;\r\n\r\n _originalOriginY?: TOriginY;\r\n\r\n /**\r\n * Calculate object bounding box dimensions from its properties scale, skew.\r\n * @param {Object} [options]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getTransformedDimensions(options: any = {}): Point {\r\n const dimOptions = {\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n width: this.width,\r\n height: this.height,\r\n strokeWidth: this.strokeWidth,\r\n ...options,\r\n };\r\n // stroke is applied before/after transformations are applied according to `strokeUniform`\r\n const strokeWidth = dimOptions.strokeWidth;\r\n let preScalingStrokeValue = strokeWidth,\r\n postScalingStrokeValue = 0;\r\n\r\n if (this.strokeUniform) {\r\n preScalingStrokeValue = 0;\r\n postScalingStrokeValue = strokeWidth;\r\n }\r\n const dimX = dimOptions.width + preScalingStrokeValue,\r\n dimY = dimOptions.height + preScalingStrokeValue,\r\n noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0;\r\n let finalDimensions;\r\n if (noSkew) {\r\n finalDimensions = new Point(\r\n dimX * dimOptions.scaleX,\r\n dimY * dimOptions.scaleY\r\n );\r\n } else {\r\n finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions);\r\n }\r\n\r\n return finalDimensions.scalarAdd(postScalingStrokeValue);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from a set of origin to another (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToGivenOrigin(\r\n point: Point,\r\n fromOriginX: TOriginX,\r\n fromOriginY: TOriginY,\r\n toOriginX: TOriginX,\r\n toOriginY: TOriginY\r\n ): Point {\r\n let x = point.x,\r\n y = point.y;\r\n const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX),\r\n offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY);\r\n\r\n if (offsetX || offsetY) {\r\n const dim = this._getTransformedDimensions();\r\n x += offsetX * dim.x;\r\n y += offsetY * dim.y;\r\n }\r\n\r\n return new Point(x, y);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from origin to center coordinates (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToCenterPoint(\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n point,\r\n originX,\r\n originY,\r\n 'center',\r\n 'center'\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), point);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Translates the coordinates from center to origin coordinates (based on the object's dimensions)\r\n * @param {Point} center The point which corresponds to center of the object\r\n * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToOriginPoint(\r\n center: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), center);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to canvas\r\n * @return {Point}\r\n */\r\n getCenterPoint(): Point {\r\n const relCenter = this.getRelativeCenterPoint();\r\n return this.group\r\n ? transformPoint(relCenter, this.group.calcTransformMatrix())\r\n : relCenter;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to it's parent\r\n * @return {Point}\r\n */\r\n getRelativeCenterPoint(): Point {\r\n return this.translateToCenterPoint(\r\n new Point(this.left, this.top),\r\n this.originX,\r\n this.originY\r\n );\r\n }\r\n\r\n /**\r\n * Returns the coordinates of the object as if it has a different origin\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n getPointByOrigin(originX: TOriginX, originY: TOriginY): Point {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n }\r\n\r\n /**\r\n * Sets the position of the object taking into consideration the object's origin\r\n * @param {Point} pos The new position of the object\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {void}\r\n */\r\n setPositionByOrigin(pos: Point, originX: TOriginX, originY: TOriginY) {\r\n const center = this.translateToCenterPoint(pos, originX, originY),\r\n position = this.translateToOriginPoint(\r\n center,\r\n this.originX,\r\n this.originY\r\n );\r\n this.set({ left: position.x, top: position.y });\r\n }\r\n\r\n /**\r\n * Sets the origin/position of the object to it's center point\r\n * @private\r\n * @return {void}\r\n */\r\n _setOriginToCenter() {\r\n this._originalOriginX = this.originX;\r\n this._originalOriginY = this.originY;\r\n\r\n const center = this.getRelativeCenterPoint();\r\n\r\n this.originX = 'center';\r\n this.originY = 'center';\r\n\r\n this.left = center.x;\r\n this.top = center.y;\r\n }\r\n\r\n /**\r\n * Resets the origin/position of the object to it's original origin\r\n * @private\r\n * @return {void}\r\n */\r\n _resetOrigin() {\r\n if (\r\n this._originalOriginX !== undefined &&\r\n this._originalOriginY !== undefined\r\n ) {\r\n const originPoint = this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n this._originalOriginX,\r\n this._originalOriginY\r\n );\r\n\r\n this.left = originPoint.x;\r\n this.top = originPoint.y;\r\n\r\n this.originX = this._originalOriginX;\r\n this.originY = this._originalOriginY;\r\n this._originalOriginX = undefined;\r\n this._originalOriginY = undefined;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getLeftTopCoords() {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n 'left',\r\n 'top'\r\n );\r\n }\r\n}\r\n","import type {\r\n TBBox,\r\n TCornerPoint,\r\n TDegree,\r\n TMat2D,\r\n TOriginX,\r\n TOriginY,\r\n} from '../typedefs';\r\nimport { iMatrix } from '../constants';\r\nimport { Intersection } from '../intersection.class';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { cos } from '../util/misc/cos';\r\nimport {\r\n calcRotateMatrix,\r\n composeMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n transformPoint,\r\n} from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { Canvas, StaticCanvas } from '../__types__';\r\nimport { ObjectOrigin } from './object_origin.mixin';\r\n\r\ntype TLineDescriptor = {\r\n o: Point;\r\n d: Point;\r\n};\r\n\r\ntype TBBoxLines = {\r\n topline: TLineDescriptor;\r\n leftline: TLineDescriptor;\r\n bottomline: TLineDescriptor;\r\n rightline: TLineDescriptor;\r\n};\r\n\r\ntype TMatrixCache = {\r\n key: string;\r\n value: TMat2D;\r\n};\r\n\r\ntype TACoords = TCornerPoint;\r\n\r\nexport class ObjectGeometry extends ObjectOrigin {\r\n /**\r\n * When true, an object is rendered as flipped horizontally\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipX: boolean;\r\n\r\n /**\r\n * When true, an object is rendered as flipped vertically\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipY: boolean;\r\n\r\n /**\r\n * Padding between object and its controlling borders (in pixels)\r\n * @type Number\r\n * @default 0\r\n */\r\n padding: number;\r\n\r\n /**\r\n * Describe object's corner position in canvas object absolute coordinates\r\n * properties are tl,tr,bl,br and describe the four main corner.\r\n * each property is an object with x, y, instance of Fabric.Point.\r\n * The coordinates depends from this properties: width, height, scaleX, scaleY\r\n * skewX, skewY, angle, strokeWidth, top, left.\r\n * Those coordinates are useful to understand where an object is. They get updated\r\n * with lineCoords or oCoords in interactive cases but they do not need to be updated when zoom or panning change.\r\n * The coordinates get updated with @method setCoords.\r\n * You can calculate them without updating with @method calcACoords();\r\n * @memberOf fabric.Object.prototype\r\n */\r\n aCoords: TACoords;\r\n\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * includes padding. Used of object detection.\r\n * set and refreshed with setCoords.\r\n * Those could go away\r\n * @todo investigate how to get rid of those\r\n * @memberOf fabric.Object.prototype\r\n */\r\n lineCoords: TCornerPoint;\r\n\r\n /**\r\n * storage cache for object transform matrix\r\n */\r\n ownMatrixCache?: TMatrixCache;\r\n\r\n /**\r\n * storage cache for object full transform matrix\r\n */\r\n matrixCache?: TMatrixCache;\r\n\r\n /**\r\n * A Reference of the Canvas where the object is actually added\r\n * @type StaticCanvas | Canvas;\r\n * @default undefined\r\n * @private\r\n */\r\n canvas?: StaticCanvas | Canvas;\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n getX(): number {\r\n return this.getXY().x;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n setX(value: number) {\r\n this.setXY(this.getXY().setX(value));\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n getY(): number {\r\n return this.getXY().y;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n setY(value: number) {\r\n this.setXY(this.getXY().setY(value));\r\n }\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getX}\r\n */\r\n getRelativeX(): number {\r\n return this.left;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this method is identical to {@link fabric.Object#setX}\r\n */\r\n setRelativeX(value: number) {\r\n this.left = value;\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getY}\r\n */\r\n getRelativeY(): number {\r\n return this.top;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#setY}\r\n */\r\n setRelativeY(value: number) {\r\n this.top = value;\r\n }\r\n\r\n /**\r\n * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane\r\n */\r\n getXY(): Point {\r\n const relativePosition = this.getRelativeXY();\r\n return this.group\r\n ? transformPoint(relativePosition, this.group.calcTransformMatrix())\r\n : relativePosition;\r\n }\r\n\r\n /**\r\n * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate.\r\n * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values,\r\n * that otherwise are the object's current values.\r\n * @example Set object's bottom left corner to point (5,5) on canvas\r\n * object.setXY(new Point(5, 5), 'left', 'bottom').\r\n * @param {Point} point position in canvas coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n if (this.group) {\r\n point = transformPoint(\r\n point,\r\n invertTransform(this.group.calcTransformMatrix())\r\n );\r\n }\r\n this.setRelativeXY(point, originX, originY);\r\n }\r\n\r\n /**\r\n * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n */\r\n getRelativeXY(): Point {\r\n return new Point(this.left, this.top);\r\n }\r\n\r\n /**\r\n * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas)\r\n * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setRelativeXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n this.setPositionByOrigin(\r\n point,\r\n originX || this.originX,\r\n originY || this.originY\r\n );\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will calculate the coords or use the one\r\n * that are attached to the object instance\r\n * @return {Object} {tl, tr, br, bl} points\r\n */\r\n _getCoords(absolute = false, calculate = false): TCornerPoint {\r\n if (calculate) {\r\n return absolute ? this.calcACoords() : this.calcLineCoords();\r\n }\r\n // swapped this double if in place of setCoords();\r\n if (!this.aCoords) {\r\n this.aCoords = this.calcACoords();\r\n }\r\n if (!this.lineCoords) {\r\n this.lineCoords = this.calcLineCoords();\r\n }\r\n return absolute ? this.aCoords : this.lineCoords;\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * The coords are returned in an array.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will return aCoords if true or lineCoords\r\n * @return {Array} [tl, tr, br, bl] of points\r\n */\r\n getCoords(absolute = false, calculate = false): Point[] {\r\n const { tl, tr, br, bl } = this._getCoords(absolute, calculate);\r\n const coords = [tl, tr, br, bl];\r\n if (this.group) {\r\n const t = this.group.calcTransformMatrix();\r\n return coords.map((p) => transformPoint(p, t));\r\n }\r\n return coords;\r\n }\r\n\r\n /**\r\n * Checks if object intersects with an area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object intersects with an area formed by 2 points\r\n */\r\n intersectsWithRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const coords = this.getCoords(absolute, calculate),\r\n intersection = Intersection.intersectPolygonRectangle(\r\n coords,\r\n pointTL,\r\n pointBR\r\n );\r\n return intersection.status === 'Intersection';\r\n }\r\n\r\n /**\r\n * Checks if object intersects with another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of calculating them\r\n * @return {Boolean} true if object intersects with another object\r\n */\r\n intersectsWithObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const intersection = Intersection.intersectPolygonPolygon(\r\n this.getCoords(absolute, calculate),\r\n other.getCoords(absolute, calculate)\r\n );\r\n\r\n return (\r\n intersection.status === 'Intersection' ||\r\n intersection.status === 'Coincident' ||\r\n other.isContainedWithinObject(this, absolute, calculate) ||\r\n this.isContainedWithinObject(other, absolute, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area of another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of store ones\r\n * @return {Boolean} true if object is fully contained within area of another object\r\n */\r\n isContainedWithinObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const points = this.getCoords(absolute, calculate),\r\n otherCoords = absolute ? other.aCoords : other.lineCoords,\r\n lines = other._getImageLines(otherCoords);\r\n for (let i = 0; i < 4; i++) {\r\n if (!other.containsPoint(points[i], lines)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object is fully contained within area formed by 2 points\r\n */\r\n isContainedWithinRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const boundingRect = this.getBoundingRect(absolute, calculate);\r\n return (\r\n boundingRect.left >= pointTL.x &&\r\n boundingRect.left + boundingRect.width <= pointBR.x &&\r\n boundingRect.top >= pointTL.y &&\r\n boundingRect.top + boundingRect.height <= pointBR.y\r\n );\r\n }\r\n\r\n /**\r\n * Checks if point is inside the object\r\n * @param {Point} point Point to check against\r\n * @param {Object} [lines] object returned from @method _getImageLines\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if point is inside the object\r\n */\r\n containsPoint(\r\n point: Point,\r\n lines: TBBoxLines | undefined,\r\n absolute = false,\r\n calculate = false\r\n ): boolean {\r\n const coords = this._getCoords(absolute, calculate),\r\n imageLines = lines || this._getImageLines(coords),\r\n xPoints = this._findCrossPoints(point, imageLines);\r\n // if xPoints is odd then point is inside the object\r\n return xPoints !== 0 && xPoints % 2 === 1;\r\n }\r\n\r\n /**\r\n * Checks if object is contained within the canvas with current viewportTransform\r\n * the check is done stopping at first point that appears on screen\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords\r\n * @return {Boolean} true if object is fully or partially contained within canvas\r\n */\r\n isOnScreen(calculate = false): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n const points = this.getCoords(true, calculate);\r\n // if some point is on screen, the object is on screen.\r\n if (\r\n points.some(\r\n (point) =>\r\n point.x <= br.x &&\r\n point.x >= tl.x &&\r\n point.y <= br.y &&\r\n point.y >= tl.y\r\n )\r\n ) {\r\n return true;\r\n }\r\n // no points on screen, check intersection with absolute coordinates\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n return this._containsCenterOfCanvas(tl, br, calculate);\r\n }\r\n\r\n /**\r\n * Checks if the object contains the midpoint between canvas extremities\r\n * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen\r\n * @private\r\n * @param {Point} pointTL Top Left point\r\n * @param {Point} pointBR Top Right point\r\n * @param {Boolean} calculate use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if the object contains the point\r\n */\r\n private _containsCenterOfCanvas(\r\n pointTL: Point,\r\n pointBR: Point,\r\n calculate: boolean\r\n ): boolean {\r\n // worst case scenario the object is so big that contains the screen\r\n const centerPoint = pointTL.midPointFrom(pointBR);\r\n return this.containsPoint(centerPoint, undefined, true, calculate);\r\n }\r\n\r\n /**\r\n * Checks if object is partially contained within the canvas with current viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if object is partially contained within canvas\r\n */\r\n isPartiallyOnScreen(calculate: boolean): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n const allPointsAreOutside = this.getCoords(true, calculate).every(\r\n (point) =>\r\n (point.x >= br.x || point.x <= tl.x) &&\r\n (point.y >= br.y || point.y <= tl.y)\r\n );\r\n return (\r\n allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Method that returns an object with the object edges in it, given the coordinates of the corners\r\n * @private\r\n * @param {Object} lineCoords or aCoords Coordinates of the object corners\r\n */\r\n _getImageLines({ tl, tr, bl, br }: TCornerPoint): TBBoxLines {\r\n const lines = {\r\n topline: {\r\n o: tl,\r\n d: tr,\r\n },\r\n rightline: {\r\n o: tr,\r\n d: br,\r\n },\r\n bottomline: {\r\n o: br,\r\n d: bl,\r\n },\r\n leftline: {\r\n o: bl,\r\n d: tl,\r\n },\r\n };\r\n\r\n // // debugging\r\n // if (this.canvas.contextTop) {\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n // }\r\n\r\n return lines;\r\n }\r\n\r\n /**\r\n * Helper method to determine how many cross points are between the 4 object edges\r\n * and the horizontal line determined by a point on canvas\r\n * @private\r\n * @param {Point} point Point to check\r\n * @param {Object} lines Coordinates of the object being evaluated\r\n * @return {number} number of crossPoint\r\n */\r\n _findCrossPoints(point: Point, lines: TBBoxLines): number {\r\n let xcount = 0;\r\n\r\n for (const lineKey in lines) {\r\n let xi;\r\n const iLine = lines[lineKey as keyof TBBoxLines];\r\n // optimization 1: line below point. no cross\r\n if (iLine.o.y < point.y && iLine.d.y < point.y) {\r\n continue;\r\n }\r\n // optimization 2: line above point. no cross\r\n if (iLine.o.y >= point.y && iLine.d.y >= point.y) {\r\n continue;\r\n }\r\n // optimization 3: vertical line case\r\n if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) {\r\n xi = iLine.o.x;\r\n }\r\n // calculate the intersection point\r\n else {\r\n const b1 = 0;\r\n const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x);\r\n const a1 = point.y - b1 * point.x;\r\n const a2 = iLine.o.y - b2 * iLine.o.x;\r\n\r\n xi = -(a1 - a2) / (b1 - b2);\r\n }\r\n // don't count xi < point.x cases\r\n if (xi >= point.x) {\r\n xcount += 1;\r\n }\r\n // optimization 4: specific for square images\r\n if (xcount === 2) {\r\n break;\r\n }\r\n }\r\n return xcount;\r\n }\r\n\r\n /**\r\n * Returns coordinates of object's bounding rectangle (left, top, width, height)\r\n * the box is intended as aligned to axis of canvas.\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\n getBoundingRect(absolute?: boolean, calculate?: boolean): TBBox {\r\n return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate));\r\n }\r\n\r\n /**\r\n * Returns width of an object's bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} width value\r\n */\r\n getScaledWidth(): number {\r\n return this._getTransformedDimensions().x;\r\n }\r\n\r\n /**\r\n * Returns height of an object bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} height value\r\n */\r\n getScaledHeight(): number {\r\n return this._getTransformedDimensions().y;\r\n }\r\n\r\n /**\r\n * Scales an object (equally by x and y)\r\n * @param {Number} value Scale factor\r\n * @return {void}\r\n */\r\n scale(value: number): void {\r\n this._set('scaleX', value);\r\n this._set('scaleY', value);\r\n this.setCoords();\r\n }\r\n\r\n /**\r\n * Scales an object to a given width, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New width value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToWidth(value: number, absolute: boolean) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).width / this.getScaledWidth();\r\n return this.scale(value / this.width / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Scales an object to a given height, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New height value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToHeight(value: number, absolute = false) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).height / this.getScaledHeight();\r\n return this.scale(value / this.height / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Returns the object angle relative to canvas counting also the group property\r\n * @returns {TDegree}\r\n */\r\n getTotalAngle(): TDegree {\r\n return this.group\r\n ? qrDecompose(this.calcTransformMatrix()).angle\r\n : this.angle;\r\n }\r\n\r\n /**\r\n * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates\r\n * used for bounding box interactivity with the mouse\r\n * @returns {TCornerPoint}\r\n */\r\n calcLineCoords(): TCornerPoint {\r\n const vpt = this.getViewportTransform(),\r\n padding = this.padding,\r\n angle = degreesToRadians(this.getTotalAngle()),\r\n cosP = cos(angle) * padding,\r\n sinP = sin(angle) * padding,\r\n cosPSinP = cosP + sinP,\r\n cosPMinusSinP = cosP - sinP,\r\n { tl, tr, bl, br } = this.calcACoords();\r\n\r\n const lineCoords: TCornerPoint = {\r\n tl: transformPoint(tl, vpt),\r\n tr: transformPoint(tr, vpt),\r\n bl: transformPoint(bl, vpt),\r\n br: transformPoint(br, vpt),\r\n };\r\n\r\n if (padding) {\r\n lineCoords.tl.x -= cosPMinusSinP;\r\n lineCoords.tl.y -= cosPSinP;\r\n lineCoords.tr.x += cosPSinP;\r\n lineCoords.tr.y -= cosPMinusSinP;\r\n lineCoords.bl.x -= cosPSinP;\r\n lineCoords.bl.y += cosPMinusSinP;\r\n lineCoords.br.x += cosPMinusSinP;\r\n lineCoords.br.y += cosPSinP;\r\n }\r\n\r\n return lineCoords;\r\n }\r\n\r\n /**\r\n * Retrieves viewportTransform from Object's canvas if possible\r\n * @method getViewportTransform\r\n * @memberOf FabricObject.prototype\r\n * @return {TMat2D}\r\n */\r\n getViewportTransform(): TMat2D {\r\n return this.canvas?.viewportTransform || (iMatrix.concat() as TMat2D);\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates.\r\n * those never change with zoom or viewport changes.\r\n * @return {TCornerPoint}\r\n */\r\n calcACoords(): TCornerPoint {\r\n const rotateMatrix = calcRotateMatrix({ angle: this.angle }),\r\n center = this.getRelativeCenterPoint(),\r\n translateMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix),\r\n dim = this._getTransformedDimensions(),\r\n w = dim.x / 2,\r\n h = dim.y / 2;\r\n return {\r\n // corners\r\n tl: transformPoint({ x: -w, y: -h }, finalMatrix),\r\n tr: transformPoint({ x: w, y: -h }, finalMatrix),\r\n bl: transformPoint({ x: -w, y: h }, finalMatrix),\r\n br: transformPoint({ x: w, y: h }, finalMatrix),\r\n };\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords.\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n this.aCoords = this.calcACoords();\r\n // in case we are in a group, for how the inner group target check works,\r\n // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer.\r\n this.lineCoords = this.group ? this.aCoords : this.calcLineCoords();\r\n }\r\n\r\n transformMatrixKey(skipGroup = false): string {\r\n const sep = '_';\r\n let prefix = '';\r\n if (!skipGroup && this.group) {\r\n prefix = this.group.transformMatrixKey(skipGroup) + sep;\r\n }\r\n return (\r\n prefix +\r\n this.top +\r\n sep +\r\n this.left +\r\n sep +\r\n this.scaleX +\r\n sep +\r\n this.scaleY +\r\n sep +\r\n this.skewX +\r\n sep +\r\n this.skewY +\r\n sep +\r\n this.angle +\r\n sep +\r\n this.originX +\r\n sep +\r\n this.originY +\r\n sep +\r\n this.width +\r\n sep +\r\n this.height +\r\n sep +\r\n this.strokeWidth +\r\n this.flipX +\r\n this.flipY\r\n );\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties.\r\n * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations\r\n * There are some situation in which this is useful to avoid the fake rotation.\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcTransformMatrix(skipGroup = false): TMat2D {\r\n let matrix = this.calcOwnMatrix();\r\n if (skipGroup || !this.group) {\r\n return matrix;\r\n }\r\n const key = this.transformMatrixKey(skipGroup),\r\n cache = this.matrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n if (this.group) {\r\n matrix = multiplyTransformMatrices(\r\n this.group.calcTransformMatrix(false),\r\n matrix\r\n );\r\n }\r\n this.matrixCache = {\r\n key,\r\n value: matrix,\r\n };\r\n return matrix;\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties, this matrix does not include the group transformation\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcOwnMatrix(): TMat2D {\r\n const key = this.transformMatrixKey(true),\r\n cache = this.ownMatrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n const center = this.getRelativeCenterPoint(),\r\n options = {\r\n angle: this.angle,\r\n translateX: center.x,\r\n translateY: center.y,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n },\r\n value = composeMatrix(options);\r\n this.ownMatrixCache = {\r\n key,\r\n value,\r\n };\r\n return value;\r\n }\r\n\r\n /**\r\n * Calculate object dimensions from its properties\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getNonTransformedDimensions(): Point {\r\n return new Point(this.width, this.height).scalarAdd(this.strokeWidth);\r\n }\r\n\r\n /**\r\n * Calculate object dimensions for controls box, including padding and canvas zoom.\r\n * and active selection\r\n * @private\r\n * @param {object} [options] transform options\r\n * @returns {Point} dimensions\r\n */\r\n _calculateCurrentDimensions(options?: any): Point {\r\n return this._getTransformedDimensions(options)\r\n .transform(this.getViewportTransform(), true)\r\n .scalarAdd(2 * this.padding);\r\n }\r\n}\r\n","// @ts-nocheck\r\nimport type { TClassProperties, TDegree, TSize, TFiller } from '../typedefs';\r\nimport { fabric } from '../../HEADER';\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { VERSION } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport { capValue } from '../util/misc/capValue';\r\nimport { pick } from '../util/misc/pick';\r\nimport { runningAnimations } from '../util/animation_registry';\r\nimport { enlivenObjectEnlivables } from '../util/misc/objectEnlive';\r\nimport { clone } from '../util/lang_object';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { capitalize } from '../util/lang_string';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { ObjectGeometry } from '../mixins/object_geometry.mixin';\r\nimport { qrDecompose, transformPoint } from '../util/misc/matrix';\r\nimport { Canvas, Shadow, StaticCanvas } from '../__types__';\r\n\r\n// temporary hack for unfinished migration\r\ntype TCallSuper = (arg0: string, ...moreArgs: any[]) => any;\r\n\r\nconst ALIASING_LIMIT = 2;\r\n\r\n/**\r\n * Root object class from which all 2d shape classes inherit from\r\n * @class fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects}\r\n * @see {@link fabric.Object#initialize} for constructor definition\r\n *\r\n * @fires added\r\n * @fires removed\r\n *\r\n * @fires selected\r\n * @fires deselected\r\n * @fires modified\r\n * @fires modified\r\n * @fires moved\r\n * @fires scaled\r\n * @fires rotated\r\n * @fires skewed\r\n *\r\n * @fires rotating\r\n * @fires scaling\r\n * @fires moving\r\n * @fires skewing\r\n *\r\n * @fires mousedown\r\n * @fires mouseup\r\n * @fires mouseover\r\n * @fires mouseout\r\n * @fires mousewheel\r\n * @fires mousedblclick\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drop\r\n */\r\nexport class FabricObject extends ObjectGeometry {\r\n type: string;\r\n\r\n /**\r\n * Opacity of an object\r\n * @type Number\r\n * @default 1\r\n */\r\n opacity: number;\r\n\r\n /**\r\n * Size of object's controlling corners (in pixels)\r\n * @type Number\r\n * @default 13\r\n */\r\n cornerSize: number;\r\n\r\n /**\r\n * Size of object's controlling corners when touch interaction is detected\r\n * @type Number\r\n * @default 24\r\n */\r\n touchCornerSize: number;\r\n\r\n /**\r\n * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill)\r\n * @type Boolean\r\n * @default true\r\n */\r\n transparentCorners: boolean;\r\n\r\n /**\r\n * Default cursor value used when hovering over this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n hoverCursor: null;\r\n\r\n /**\r\n * Default cursor value used when moving this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n moveCursor: null;\r\n\r\n /**\r\n * Color of controlling borders of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n borderColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's borders (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n * default null;\r\n */\r\n borderDashArray: number[] | null;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n cornerColor: string;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active and transparentCorners false)\r\n * @since 1.6.2\r\n * @type String\r\n * @default null\r\n */\r\n cornerStrokeColor: string;\r\n\r\n /**\r\n * Specify style of control, 'rect' or 'circle'\r\n * @since 1.6.2\r\n * @type 'rect' | 'circle'\r\n * @default rect\r\n */\r\n cornerStyle: 'rect' | 'circle';\r\n\r\n /**\r\n * Array specifying dash pattern of an object's control (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n */\r\n cornerDashArray: number[] | null;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being scaled via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being rotated via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: true;\r\n\r\n /**\r\n * When defined, an object is rendered via stroke and this property specifies its color\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default null\r\n */\r\n stroke: string | TFiller | null;\r\n\r\n /**\r\n * Color of object's fill\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default rgb(0,0,0)\r\n */\r\n fill: string | null;\r\n\r\n /**\r\n * Fill rule used to fill an object\r\n * accepted values are nonzero, evenodd\r\n * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead)\r\n * @type String\r\n * @default nonzero\r\n */\r\n fillRule: 'nonzero' | 'evenodd';\r\n\r\n /**\r\n * Composite rule used for canvas globalCompositeOperation\r\n * @type String\r\n * @default\r\n */\r\n globalCompositeOperation: GlobalCompositeOperation;\r\n\r\n /**\r\n * Background color of an object.\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default\r\n */\r\n backgroundColor: string;\r\n\r\n /**\r\n * Selection Background color of an object. colored layer behind the object when it is active.\r\n * does not mix good with globalCompositeOperation methods.\r\n * @type String\r\n * @default\r\n */\r\n selectionBackgroundColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's stroke (stroke must be defined)\r\n * @type Array\r\n * @default null;\r\n */\r\n strokeDashArray: number[] | null;\r\n\r\n /**\r\n * Line offset of an object's stroke\r\n * @type Number\r\n * @default 0\r\n */\r\n strokeDashOffset: number;\r\n\r\n /**\r\n * Line endings style of an object's stroke (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default butt\r\n */\r\n strokeLineCap: string;\r\n\r\n /**\r\n * Corner style of an object's stroke (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: string;\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of an object's stroke\r\n * @type Number\r\n * @default 4\r\n */\r\n strokeMiterLimit: number;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape\r\n * @type fabric.Shadow\r\n * @default null\r\n */\r\n shadow: Shadow | null;\r\n\r\n /**\r\n * Opacity of object's controlling borders when object is active and moving\r\n * @type Number\r\n * @default 0.4\r\n */\r\n borderOpacityWhenMoving: number;\r\n\r\n /**\r\n * Scale factor of object's controlling borders\r\n * bigger number will make a thicker border\r\n * border is 1, so this is basically a border thickness\r\n * since there is no way to change the border itself.\r\n * @type Number\r\n * @default 1\r\n */\r\n borderScaleFactor: number;\r\n\r\n /**\r\n * Minimum allowed scale value of an object\r\n * @type Number\r\n * @default 0\r\n */\r\n minScaleLimit: number;\r\n\r\n /**\r\n * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection).\r\n * But events still fire on it.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectable: boolean;\r\n\r\n /**\r\n * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n evented: boolean;\r\n\r\n /**\r\n * When set to `false`, an object is not rendered on canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n visible: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controls are not displayed and can not be used to manipulate object\r\n * @type Boolean\r\n * @default\r\n */\r\n hasControls: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controlling borders are not rendered\r\n * @type Boolean\r\n * @default\r\n */\r\n hasBorders: boolean;\r\n\r\n /**\r\n * When set to `true`, objects are \"found\" on canvas on per-pixel basis rather than according to bounding box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: boolean;\r\n\r\n /**\r\n * When `false`, default object's values are not included in its serialization\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementY: boolean;\r\n\r\n /**\r\n * When `true`, object rotation is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockRotation: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingY: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingY: boolean;\r\n\r\n /**\r\n * When `true`, object cannot be flipped by scaling into negative values\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingFlip: boolean;\r\n\r\n /**\r\n * When `true`, object is not exported in OBJECT/JSON\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n excludeFromExport: boolean;\r\n\r\n /**\r\n * When `true`, object is cached on an additional canvas.\r\n * When `false`, object is not cached unless necessary ( clipPath )\r\n * default to true\r\n * @since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n objectCaching: boolean;\r\n\r\n /**\r\n * When `true`, object properties are checked for cache invalidation. In some particular\r\n * situation you may want this to be disabled ( spray brush, very big, groups)\r\n * or if your application does not allow you to modify properties for groups child you want\r\n * to disable it for groups.\r\n * default to false\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default false\r\n */\r\n statefullCache: boolean;\r\n\r\n /**\r\n * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled\r\n * too much and will be redrawn with correct details at the end of scaling.\r\n * this setting is performance and application dependant.\r\n * default to true\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n noScaleCache: boolean;\r\n\r\n /**\r\n * When set to `true`, object's cache will be rerendered next render call.\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n dirty: boolean;\r\n\r\n /**\r\n * Determines if the fill or the stroke is drawn first (one of \"fill\" or \"stroke\")\r\n * @type String\r\n * @default\r\n */\r\n paintFirst: 'fill' | 'stroke';\r\n\r\n /**\r\n * When 'down', object is set to active on mousedown/touchstart\r\n * When 'up', object is set to active on mouseup/touchend\r\n * Experimental. Let's see if this breaks anything before supporting officially\r\n * @private\r\n * since 4.4.0\r\n * @type String\r\n * @default 'down'\r\n */\r\n activeOn: 'down' | 'up';\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: string[];\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: string[];\r\n\r\n /**\r\n * List of properties to consider for animating colors.\r\n * @type String[]\r\n */\r\n colorProperties: string[];\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the object has rendered, and the context is placed in the center\r\n * of the object cacheCanvas.\r\n * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center'\r\n * @type fabric.Object\r\n */\r\n clipPath?: FabricObject;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will make the object clip to the outside of the clipPath\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n inverted: boolean;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will have its top and left relative to canvas, and will\r\n * not be influenced by the object transform. This will make the clipPath relative\r\n * to the canvas, but clipping just a particular object.\r\n * WARNING this is beta, this feature may change or be renamed.\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n absolutePositioned: boolean;\r\n\r\n /**\r\n * Quick access for the _cacheCanvas rendering context\r\n * This is part of the objectCaching feature\r\n * since 1.7.0\r\n * @type boolean\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheContext: CanvasRenderingContext2D | null = null;\r\n\r\n /**\r\n * A reference to the HTMLCanvasElement that is used to contain the cache of the object\r\n * this canvas element is resized and cleared as needed\r\n * Is marked private, you can read it, don't use it since it is handled by fabric\r\n * since 1.7.0\r\n * @type HTMLCanvasElement\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheCanvas?: HTMLCanvasElement;\r\n\r\n /**\r\n * Size of the cache canvas, width\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheWidth?: number;\r\n\r\n /**\r\n * Size of the cache canvas, height\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheHeight?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, X axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomX?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomY?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationX?: number;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationY?: number;\r\n\r\n /**\r\n * A reference to the parent of the object, usually a FabricGroup\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n group?: FabricObject;\r\n\r\n /**\r\n * Indicate if the object is sitting on a cache dedicated to it\r\n * or is part of a larger cache for many object ( a group for example)\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n ownCaching?: boolean;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * @static\r\n * @memberOf fabric.Object\r\n * @type Number\r\n */\r\n static __uid = 0;\r\n\r\n callSuper?: TCallSuper;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Partial>) {\r\n super();\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options?: Partial>) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Create a the canvas used to keep the cached copy of the object\r\n * @private\r\n */\r\n _createCacheCanvas() {\r\n this._cacheCanvas = createCanvasElement();\r\n this._cacheContext = this._cacheCanvas.getContext('2d');\r\n this._updateCacheCanvas();\r\n // if canvas gets created, is empty, so dirty.\r\n this.dirty = true;\r\n }\r\n\r\n /**\r\n * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal\r\n * and each side do not cross fabric.cacheSideLimit\r\n * those numbers are configurable so that you can get as much detail as you want\r\n * making bargain with performances.\r\n * @param {Object} dims\r\n * @param {Object} dims.width width of canvas\r\n * @param {Object} dims.height height of canvas\r\n * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _limitCacheSize(\r\n dims: TSize & { zoomX: number; zoomY: number; capped: boolean } & any\r\n ) {\r\n const width = dims.width,\r\n height = dims.height,\r\n max = config.maxCacheSideLimit,\r\n min = config.minCacheSideLimit;\r\n if (\r\n width <= max &&\r\n height <= max &&\r\n width * height <= config.perfLimitSizeTotal\r\n ) {\r\n if (width < min) {\r\n dims.width = min;\r\n }\r\n if (height < min) {\r\n dims.height = min;\r\n }\r\n return dims;\r\n }\r\n const ar = width / height,\r\n [limX, limY] = cache.limitDimsByArea(ar),\r\n x = capValue(min, limX, max),\r\n y = capValue(min, limY, max);\r\n if (width > x) {\r\n dims.zoomX /= width / x;\r\n dims.width = x;\r\n dims.capped = true;\r\n }\r\n if (height > y) {\r\n dims.zoomY /= height / y;\r\n dims.height = y;\r\n dims.capped = true;\r\n }\r\n return dims;\r\n }\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @return {Object}.x width of object to be cached\r\n * @return {Object}.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions() {\r\n const objectScale = this.getTotalObjectScaling(),\r\n // calculate dimensions without skewing\r\n dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }),\r\n neededX = (dim.x * objectScale.x) / this.scaleX,\r\n neededY = (dim.y * objectScale.y) / this.scaleY;\r\n return {\r\n // for sure this ALIASING_LIMIT is slightly creating problem\r\n // in situation in which the cache canvas gets an upper limit\r\n // also objectScale contains already scaleX and scaleY\r\n width: neededX + ALIASING_LIMIT,\r\n height: neededY + ALIASING_LIMIT,\r\n zoomX: objectScale.x,\r\n zoomY: objectScale.y,\r\n x: neededX,\r\n y: neededY,\r\n };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const target = targetCanvas._currentTransform.target,\r\n action = targetCanvas._currentTransform.action;\r\n if (this === target && action.slice && action.slice(0, 5) === 'scale') {\r\n return false;\r\n }\r\n }\r\n const canvas = this._cacheCanvas,\r\n context = this._cacheContext,\r\n dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n minCacheSize = config.minCacheSideLimit,\r\n width = dims.width,\r\n height = dims.height,\r\n zoomX = dims.zoomX,\r\n zoomY = dims.zoomY,\r\n dimensionsChanged =\r\n width !== this.cacheWidth || height !== this.cacheHeight,\r\n zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY;\r\n\r\n if (!canvas || !context) {\r\n return false;\r\n }\r\n\r\n let drawingWidth,\r\n drawingHeight,\r\n shouldRedraw = dimensionsChanged || zoomChanged,\r\n additionalWidth = 0,\r\n additionalHeight = 0,\r\n shouldResizeCanvas = false;\r\n\r\n if (dimensionsChanged) {\r\n const canvasWidth = (this._cacheCanvas as HTMLCanvasElement).width,\r\n canvasHeight = (this._cacheCanvas as HTMLCanvasElement).height,\r\n sizeGrowing = width > canvasWidth || height > canvasHeight,\r\n sizeShrinking =\r\n (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) &&\r\n canvasWidth > minCacheSize &&\r\n canvasHeight > minCacheSize;\r\n shouldResizeCanvas = sizeGrowing || sizeShrinking;\r\n if (\r\n sizeGrowing &&\r\n !dims.capped &&\r\n (width > minCacheSize || height > minCacheSize)\r\n ) {\r\n additionalWidth = width * 0.1;\r\n additionalHeight = height * 0.1;\r\n }\r\n }\r\n if (this instanceof fabric.Text && this.path) {\r\n shouldRedraw = true;\r\n shouldResizeCanvas = true;\r\n // IMHO in those lines we are using zoomX and zoomY not the this version.\r\n additionalWidth += this.getHeightOfLine(0) * this.zoomX;\r\n additionalHeight += this.getHeightOfLine(0) * this.zoomY;\r\n }\r\n if (shouldRedraw) {\r\n if (shouldResizeCanvas) {\r\n canvas.width = Math.ceil(width + additionalWidth);\r\n canvas.height = Math.ceil(height + additionalHeight);\r\n } else {\r\n context.setTransform(1, 0, 0, 1, 0, 0);\r\n context.clearRect(0, 0, canvas.width, canvas.height);\r\n }\r\n drawingWidth = dims.x / 2;\r\n drawingHeight = dims.y / 2;\r\n this.cacheTranslationX =\r\n Math.round(canvas.width / 2 - drawingWidth) + drawingWidth;\r\n this.cacheTranslationY =\r\n Math.round(canvas.height / 2 - drawingHeight) + drawingHeight;\r\n this.cacheWidth = width;\r\n this.cacheHeight = height;\r\n context.translate(this.cacheTranslationX, this.cacheTranslationY);\r\n context.scale(zoomX, zoomY);\r\n this.zoomX = zoomX;\r\n this.zoomY = zoomY;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions(options: Record = {}) {\r\n this._setOptions(options);\r\n }\r\n\r\n /**\r\n * Transforms context when rendering an object\r\n * @param {CanvasRenderingContext2D} ctx Context\r\n */\r\n transform(ctx: CanvasRenderingContext2D) {\r\n const needFullTransform =\r\n (this.group && !this.group._transformDone) ||\r\n (this.group && this.canvas && ctx === this.canvas.contextTop);\r\n const m = this.calcTransformMatrix(!needFullTransform);\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n\r\n /**\r\n * Returns an object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]): Record {\r\n const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n clipPathData =\r\n this.clipPath && !this.clipPath.excludeFromExport\r\n ? {\r\n ...this.clipPath.toObject(propertiesToInclude),\r\n inverted: this.clipPath.inverted,\r\n absolutePositioned: this.clipPath.absolutePositioned,\r\n }\r\n : null,\r\n object = {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n version: VERSION,\r\n originX: this.originX,\r\n originY: this.originY,\r\n left: toFixed(this.left, NUM_FRACTION_DIGITS),\r\n top: toFixed(this.top, NUM_FRACTION_DIGITS),\r\n width: toFixed(this.width, NUM_FRACTION_DIGITS),\r\n height: toFixed(this.height, NUM_FRACTION_DIGITS),\r\n fill:\r\n this.fill && this.fill.toObject ? this.fill.toObject() : this.fill,\r\n stroke:\r\n this.stroke && this.stroke.toObject\r\n ? this.stroke.toObject()\r\n : this.stroke,\r\n strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS),\r\n strokeDashArray: this.strokeDashArray\r\n ? this.strokeDashArray.concat()\r\n : this.strokeDashArray,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeDashOffset: this.strokeDashOffset,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeUniform: this.strokeUniform,\r\n strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS),\r\n scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS),\r\n scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS),\r\n angle: toFixed(this.angle, NUM_FRACTION_DIGITS),\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS),\r\n shadow:\r\n this.shadow && this.shadow.toObject\r\n ? this.shadow.toObject()\r\n : this.shadow,\r\n visible: this.visible,\r\n backgroundColor: this.backgroundColor,\r\n fillRule: this.fillRule,\r\n paintFirst: this.paintFirst,\r\n globalCompositeOperation: this.globalCompositeOperation,\r\n skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS),\r\n skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n\r\n return !this.includeDefaultValues\r\n ? this._removeDefaultValues(object)\r\n : object;\r\n }\r\n\r\n /**\r\n * Returns (dataless) object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toDatalessObject(propertiesToInclude: (keyof this)[]) {\r\n // will be overwritten by subclasses\r\n return this.toObject(propertiesToInclude);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Object} object\r\n */\r\n _removeDefaultValues(object: Record) {\r\n const prototype = fabric.util.getKlass(object.type).prototype;\r\n Object.keys(object).forEach(function (prop) {\r\n if (prop === 'left' || prop === 'top' || prop === 'type') {\r\n return;\r\n }\r\n if (object[prop] === prototype[prop]) {\r\n delete object[prop];\r\n }\r\n // basically a check for [] === []\r\n if (\r\n Array.isArray(object[prop]) &&\r\n Array.isArray(prototype[prop]) &&\r\n object[prop].length === 0 &&\r\n prototype[prop].length === 0\r\n ) {\r\n delete object[prop];\r\n }\r\n });\r\n\r\n return object;\r\n }\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String}\r\n */\r\n toString() {\r\n return '#';\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling\r\n * @return {Point}\r\n */\r\n getObjectScaling() {\r\n // if the object is a top level one, on the canvas, we go for simple aritmetic\r\n // otherwise the complex method with angles will return approximations and decimals\r\n // and will likely kill the cache when not needed\r\n // https://github.com/fabricjs/fabric.js/issues/7157\r\n if (!this.group) {\r\n return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY));\r\n }\r\n // if we are inside a group total zoom calculation is complex, we defer to generic matrices\r\n const options = qrDecompose(this.calcTransformMatrix());\r\n return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY));\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling, zoom and retina\r\n * @return {Object} object with scaleX and scaleY properties\r\n */\r\n getTotalObjectScaling() {\r\n const scale = this.getObjectScaling();\r\n if (this.canvas) {\r\n const zoom = this.canvas.getZoom();\r\n const retina = this.canvas.getRetinaScaling();\r\n return scale.scalarMultiply(zoom * retina);\r\n }\r\n return scale;\r\n }\r\n\r\n /**\r\n * Return the object opacity counting also the group property\r\n * @return {Number}\r\n */\r\n getObjectOpacity() {\r\n let opacity = this.opacity;\r\n if (this.group) {\r\n opacity *= this.group.getObjectOpacity();\r\n }\r\n return opacity;\r\n }\r\n\r\n /**\r\n * Makes sure the scale is valid and modifies it if necessary\r\n * @todo: this is a control action issue, not a geometry one\r\n * @private\r\n * @param {Number} value, unconstrained\r\n * @return {Number} constrained value;\r\n */\r\n _constrainScale(value: number): number {\r\n if (Math.abs(value) < this.minScaleLimit) {\r\n if (value < 0) {\r\n return -this.minScaleLimit;\r\n } else {\r\n return this.minScaleLimit;\r\n }\r\n } else if (value === 0) {\r\n return 0.0001;\r\n }\r\n return value;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {fabric.Object} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n const shouldConstrainValue = key === 'scaleX' || key === 'scaleY',\r\n isChanged = this[key] !== value;\r\n\r\n if (shouldConstrainValue) {\r\n value = this._constrainScale(value);\r\n }\r\n if (key === 'scaleX' && value < 0) {\r\n this.flipX = !this.flipX;\r\n value *= -1;\r\n } else if (key === 'scaleY' && value < 0) {\r\n this.flipY = !this.flipY;\r\n value *= -1;\r\n } else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) {\r\n value = new fabric.Shadow(value);\r\n } else if (key === 'dirty' && this.group) {\r\n this.group.set('dirty', value);\r\n }\r\n\r\n this[key] = value;\r\n\r\n if (isChanged) {\r\n const groupNeedsUpdate = this.group && this.group.isOnACache();\r\n if (this.cacheProperties.indexOf(key) > -1) {\r\n this.dirty = true;\r\n groupNeedsUpdate && this.group.set('dirty', true);\r\n } else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) {\r\n this.group.set('dirty', true);\r\n }\r\n }\r\n return this;\r\n }\r\n\r\n /*\r\n * @private\r\n * return if the object would be visible in rendering\r\n * @memberOf FabricObject.prototype\r\n * @return {Boolean}\r\n */\r\n isNotVisible() {\r\n return (\r\n this.opacity === 0 ||\r\n (!this.width && !this.height && this.strokeWidth === 0) ||\r\n !this.visible\r\n );\r\n }\r\n\r\n /**\r\n * Renders an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n // do not render if width/height are zeros or object is not visible\r\n if (this.isNotVisible()) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n this._setupCompositeOperation(ctx);\r\n this.drawSelectionBackground(ctx);\r\n this.transform(ctx);\r\n this._setOpacity(ctx);\r\n this._setShadow(ctx);\r\n if (this.shouldCache()) {\r\n this.renderCache();\r\n this.drawCacheOnCanvas(ctx);\r\n } else {\r\n this._removeCacheCanvas();\r\n this.dirty = false;\r\n this.drawObject(ctx);\r\n if (this.objectCaching && this.statefullCache) {\r\n this.saveState({ propertySet: 'cacheProperties' });\r\n }\r\n }\r\n ctx.restore();\r\n }\r\n\r\n renderCache(options?: any) {\r\n options = options || {};\r\n if (!this._cacheCanvas || !this._cacheContext) {\r\n this._createCacheCanvas();\r\n }\r\n if (this.isCacheDirty() && this._cacheContext) {\r\n this.statefullCache && this.saveState({ propertySet: 'cacheProperties' });\r\n this.drawObject(this._cacheContext, options.forClipping);\r\n this.dirty = false;\r\n }\r\n }\r\n\r\n /**\r\n * Remove cacheCanvas and its dimensions from the objects\r\n */\r\n _removeCacheCanvas() {\r\n this._cacheCanvas = undefined;\r\n this._cacheContext = null;\r\n this.cacheWidth = 0;\r\n this.cacheHeight = 0;\r\n }\r\n\r\n /**\r\n * return true if the object will draw a stroke\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when stroke happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the stroke is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasStroke() {\r\n return (\r\n this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0\r\n );\r\n }\r\n\r\n /**\r\n * return true if the object will draw a fill\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when fill happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the fill is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasFill() {\r\n return this.fill && this.fill !== 'transparent';\r\n }\r\n\r\n /**\r\n * When set to `true`, force the object to have its own cache, even if it is inside a group\r\n * it may be needed when your object behave in a particular way on the cache and always needs\r\n * its own isolated canvas to render correctly.\r\n * Created to be overridden\r\n * since 1.7.12\r\n * @returns Boolean\r\n */\r\n needsItsOwnCache() {\r\n if (\r\n this.paintFirst === 'stroke' &&\r\n this.hasFill() &&\r\n this.hasStroke() &&\r\n typeof this.shadow === 'object'\r\n ) {\r\n return true;\r\n }\r\n if (this.clipPath) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * Read as: cache if is needed, or if the feature is enabled but we are not already caching.\r\n * @return {Boolean}\r\n */\r\n shouldCache() {\r\n this.ownCaching =\r\n this.needsItsOwnCache() ||\r\n (this.objectCaching && (!this.group || !this.group.isOnACache()));\r\n return this.ownCaching;\r\n }\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * used by Group.shouldCache to know if child has a shadow recursively\r\n * @return {Boolean}\r\n * @deprecated\r\n */\r\n willDrawShadow() {\r\n return (\r\n !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)\r\n );\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object clipPath\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Object} clipPath\r\n * todo while converting things, we need a type that is a union of classes that\r\n * represent the fabricObjects. Rect, Circle...\r\n */\r\n drawClipPathOnCache(ctx: CanvasRenderingContext2D, clipPath: FabricObject) {\r\n ctx.save();\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4\r\n if (clipPath.inverted) {\r\n ctx.globalCompositeOperation = 'destination-out';\r\n } else {\r\n ctx.globalCompositeOperation = 'destination-in';\r\n }\r\n //ctx.scale(1 / 2, 1 / 2);\r\n if (clipPath.absolutePositioned) {\r\n const m = fabric.util.invertTransform(this.calcTransformMatrix());\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n clipPath.transform(ctx);\r\n ctx.scale(1 / clipPath.zoomX!, 1 / clipPath.zoomY!);\r\n ctx.drawImage(\r\n clipPath._cacheCanvas!,\r\n -clipPath.cacheTranslationX!,\r\n -clipPath.cacheTranslationY!\r\n );\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {boolean} forClipping apply clipping styles\r\n */\r\n drawObject(ctx: CanvasRenderingContext2D, forClipping?: boolean) {\r\n const originalFill = this.fill,\r\n originalStroke = this.stroke;\r\n if (forClipping) {\r\n this.fill = 'black';\r\n this.stroke = '';\r\n this._setClippingProperties(ctx);\r\n } else {\r\n this._renderBackground(ctx);\r\n }\r\n this._render(ctx);\r\n this._drawClipPath(ctx, this.clipPath);\r\n this.fill = originalFill;\r\n this.stroke = originalStroke;\r\n }\r\n\r\n /**\r\n * Prepare clipPath state and cache and draw it on instance's cache\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {fabric.Object} clipPath\r\n */\r\n _drawClipPath(ctx, clipPath) {\r\n if (!clipPath) {\r\n return;\r\n }\r\n // needed to setup a couple of variables\r\n // path canvas gets overridden with this one.\r\n // TODO find a better solution?\r\n clipPath._set('canvas', this.canvas);\r\n clipPath.shouldCache();\r\n clipPath._transformDone = true;\r\n clipPath.renderCache({ forClipping: true });\r\n this.drawClipPathOnCache(ctx, clipPath);\r\n }\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas(ctx) {\r\n ctx.scale(1 / this.zoomX, 1 / this.zoomY);\r\n ctx.drawImage(\r\n this._cacheCanvas,\r\n -this.cacheTranslationX,\r\n -this.cacheTranslationY\r\n );\r\n }\r\n\r\n /**\r\n * Check if cache is dirty\r\n * @param {Boolean} skipCanvas skip canvas checks because this object is painted\r\n * on parent canvas.\r\n */\r\n isCacheDirty(skipCanvas = false) {\r\n if (this.isNotVisible()) {\r\n return false;\r\n }\r\n if (\r\n this._cacheCanvas &&\r\n this._cacheContext &&\r\n !skipCanvas &&\r\n this._updateCacheCanvas()\r\n ) {\r\n // in this case the context is already cleared.\r\n return true;\r\n } else {\r\n if (\r\n this.dirty ||\r\n (this.clipPath && this.clipPath.absolutePositioned) ||\r\n (this.statefullCache && this.hasStateChanged('cacheProperties'))\r\n ) {\r\n if (this._cacheCanvas && this._cacheContext && !skipCanvas) {\r\n const width = this.cacheWidth / this.zoomX;\r\n const height = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-width / 2, -height / 2, width, height);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Draws a background for the object big as its untransformed dimensions\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground(ctx) {\r\n if (!this.backgroundColor) {\r\n return;\r\n }\r\n const dim = this._getNonTransformedDimensions();\r\n ctx.fillStyle = this.backgroundColor;\r\n\r\n ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y);\r\n // if there is background color no other shadows\r\n // should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setOpacity(ctx) {\r\n if (this.group && !this.group._transformDone) {\r\n ctx.globalAlpha = this.getObjectOpacity();\r\n } else {\r\n ctx.globalAlpha *= this.opacity;\r\n }\r\n }\r\n\r\n _setStrokeStyles(ctx, decl) {\r\n const stroke = decl.stroke;\r\n if (stroke) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = decl.strokeLineCap;\r\n ctx.lineDashOffset = decl.strokeDashOffset;\r\n ctx.lineJoin = decl.strokeLineJoin;\r\n ctx.miterLimit = decl.strokeMiterLimit;\r\n if (stroke.toLive) {\r\n if (\r\n stroke.gradientUnits === 'percentage' ||\r\n stroke.gradientTransform ||\r\n stroke.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n this._applyPatternForTransformedGradient(ctx, stroke);\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx.strokeStyle = stroke.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, stroke);\r\n }\r\n } else {\r\n // is a color\r\n ctx.strokeStyle = decl.stroke;\r\n }\r\n }\r\n }\r\n\r\n _setFillStyles(ctx, decl) {\r\n const fill = decl.fill;\r\n if (fill) {\r\n if (fill.toLive) {\r\n ctx.fillStyle = fill.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, decl.fill);\r\n } else {\r\n ctx.fillStyle = fill;\r\n }\r\n }\r\n }\r\n\r\n _setClippingProperties(ctx) {\r\n ctx.globalAlpha = 1;\r\n ctx.strokeStyle = 'transparent';\r\n ctx.fillStyle = '#000000';\r\n }\r\n\r\n /**\r\n * @private\r\n * Sets line dash\r\n * @param {CanvasRenderingContext2D} ctx Context to set the dash line on\r\n * @param {Array} dashArray array representing dashes\r\n */\r\n _setLineDash(ctx, dashArray) {\r\n if (!dashArray || dashArray.length === 0) {\r\n return;\r\n }\r\n // Spec requires the concatenation of two copies the dash list when the number of elements is odd\r\n if (1 & dashArray.length) {\r\n dashArray.push.apply(dashArray, dashArray);\r\n }\r\n ctx.setLineDash(dashArray);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setShadow(ctx: CanvasRenderingContext2D) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n let shadow = this.shadow,\r\n canvas = this.canvas,\r\n multX = (canvas && canvas.viewportTransform[0]) || 1,\r\n multY = (canvas && canvas.viewportTransform[3]) || 1,\r\n scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling();\r\n if (canvas && canvas._isRetinaScaling()) {\r\n multX *= config.devicePixelRatio;\r\n multY *= config.devicePixelRatio;\r\n }\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur =\r\n (shadow.blur *\r\n config.browserShadowBlurConstant *\r\n (multX + multY) *\r\n (scaling.x + scaling.y)) /\r\n 4;\r\n ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x;\r\n ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _removeShadow(ctx) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} filler fabric.Pattern or fabric.Gradient\r\n * @return {Object} offset.offsetX offset for text rendering\r\n * @return {Object} offset.offsetY offset for text rendering\r\n */\r\n _applyPatternGradientTransform(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n if (!filler || !filler.toLive) {\r\n return { offsetX: 0, offsetY: 0 };\r\n }\r\n const t = filler.gradientTransform || filler.patternTransform;\r\n const offsetX = -this.width / 2 + filler.offsetX || 0,\r\n offsetY = -this.height / 2 + filler.offsetY || 0;\r\n\r\n if (filler.gradientUnits === 'percentage') {\r\n ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY);\r\n } else {\r\n ctx.transform(1, 0, 0, 1, offsetX, offsetY);\r\n }\r\n if (t) {\r\n ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]);\r\n }\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderPaintInOrder(ctx: CanvasRenderingContext2D) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderStroke(ctx);\r\n this._renderFill(ctx);\r\n } else {\r\n this._renderFill(ctx);\r\n this._renderStroke(ctx);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * function that actually render something on the context.\r\n * empty here to allow Obects to work on tests to benchmark fabric functionalites\r\n * not related to rendering\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n // placeholder to be overridden\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderFill(ctx: CanvasRenderingContext2D) {\r\n if (!this.fill) {\r\n return;\r\n }\r\n\r\n ctx.save();\r\n this._setFillStyles(ctx, this);\r\n if (this.fillRule === 'evenodd') {\r\n ctx.fill('evenodd');\r\n } else {\r\n ctx.fill();\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderStroke(ctx: CanvasRenderingContext2D) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n if (this.strokeUniform) {\r\n const scaling = this.getObjectScaling();\r\n ctx.scale(1 / scaling.x, 1 / scaling.y);\r\n }\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n this._setStrokeStyles(ctx, this);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n */\r\n _applyPatternForTransformedGradient(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n const dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n pCanvas = fabric.util.createCanvasElement(),\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n width = dims.x / this.scaleX / retinaScaling,\r\n height = dims.y / this.scaleY / retinaScaling;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n const pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.scale(\r\n dims.zoomX / this.scaleX / retinaScaling,\r\n dims.zoomY / this.scaleY / retinaScaling\r\n );\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fillStyle = filler.toLive(ctx);\r\n pCtx.fill();\r\n ctx.translate(\r\n -this.width / 2 - this.strokeWidth / 2,\r\n -this.height / 2 - this.strokeWidth / 2\r\n );\r\n ctx.scale(\r\n (retinaScaling * this.scaleX) / dims.zoomX,\r\n (retinaScaling * this.scaleY) / dims.zoomY\r\n );\r\n ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat');\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement() {\r\n return { x: this.left + this.width / 2, y: this.top + this.height / 2 };\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it decompose the transformMatrix\r\n * and assign properties to object.\r\n * untransformed coordinates\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n */\r\n _assignTransformMatrixProps() {\r\n if (this.transformMatrix) {\r\n const options = qrDecompose(this.transformMatrix);\r\n this.flipX = false;\r\n this.flipY = false;\r\n this.set('scaleX', options.scaleX);\r\n this.set('scaleY', options.scaleY);\r\n this.angle = options.angle;\r\n this.skewX = options.skewX;\r\n this.skewY = 0;\r\n }\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it removes the transform matrix\r\n * and set to object properties that fabricjs can handle\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n * @param {Object} preserveAspectRatioOptions\r\n */\r\n _removeTransformMatrix(preserveAspectRatioOptions) {\r\n let center = this._findCenterFromElement();\r\n if (this.transformMatrix) {\r\n this._assignTransformMatrixProps();\r\n center = transformPoint(center, this.transformMatrix);\r\n }\r\n this.transformMatrix = null;\r\n if (preserveAspectRatioOptions) {\r\n this.scaleX *= preserveAspectRatioOptions.scaleX;\r\n this.scaleY *= preserveAspectRatioOptions.scaleY;\r\n this.cropX = preserveAspectRatioOptions.cropX;\r\n this.cropY = preserveAspectRatioOptions.cropY;\r\n center.x += preserveAspectRatioOptions.offsetLeft;\r\n center.y += preserveAspectRatioOptions.offsetTop;\r\n this.width = preserveAspectRatioOptions.width;\r\n this.height = preserveAspectRatioOptions.height;\r\n }\r\n this.setPositionByOrigin(center, 'center', 'center');\r\n }\r\n\r\n /**\r\n * Clones an instance.\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {Promise}\r\n */\r\n clone(propertiesToInclude: (keyof this)[]) {\r\n const objectForm = this.toObject(propertiesToInclude);\r\n // todo ok understand this. is static or it isn't?\r\n return this.constructor.fromObject(objectForm);\r\n }\r\n\r\n /**\r\n * Creates an instance of fabric.Image out of an object\r\n * makes use of toCanvasElement.\r\n * Once this method was based on toDataUrl and loadImage, so it also had a quality\r\n * and format option. toCanvasElement is faster and produce no loss of quality.\r\n * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it.\r\n * toCanvasElement and then toBlob from the obtained canvas is also a good option.\r\n * @param {Object} [options] for clone as image, passed to toDataURL\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {fabric.Image} Object cloned as image.\r\n */\r\n cloneAsImage(options: any) {\r\n const canvasEl = this.toCanvasElement(options);\r\n return new fabric.Image(canvasEl);\r\n }\r\n\r\n /**\r\n * Converts an object into a HTMLCanvas element\r\n * @param {Object} options Options object\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object\r\n */\r\n toCanvasElement(options: any) {\r\n options || (options = {});\r\n\r\n const utils = fabric.util,\r\n origParams = utils.saveObjectTransform(this),\r\n originalGroup = this.group,\r\n originalShadow = this.shadow,\r\n abs = Math.abs,\r\n retinaScaling = options.enableRetinaScaling\r\n ? Math.max(config.devicePixelRatio, 1)\r\n : 1,\r\n multiplier = (options.multiplier || 1) * retinaScaling;\r\n delete this.group;\r\n if (options.withoutTransform) {\r\n utils.resetObjectTransform(this);\r\n }\r\n if (options.withoutShadow) {\r\n this.shadow = null;\r\n }\r\n\r\n let el = fabric.util.createCanvasElement(),\r\n // skip canvas zoom and calculate with setCoords now.\r\n boundingRect = this.getBoundingRect(true, true),\r\n shadow = this.shadow,\r\n shadowOffset = { x: 0, y: 0 },\r\n width,\r\n height;\r\n\r\n if (shadow) {\r\n const shadowBlur = shadow.blur;\r\n const scaling = shadow.nonScaling\r\n ? new Point(1, 1)\r\n : this.getObjectScaling();\r\n // consider non scaling shadow.\r\n shadowOffset.x =\r\n 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x);\r\n shadowOffset.y =\r\n 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y);\r\n }\r\n width = boundingRect.width + shadowOffset.x;\r\n height = boundingRect.height + shadowOffset.y;\r\n // if the current width/height is not an integer\r\n // we need to make it so.\r\n el.width = Math.ceil(width);\r\n el.height = Math.ceil(height);\r\n let canvas = new fabric.StaticCanvas(el, {\r\n enableRetinaScaling: false,\r\n renderOnAddRemove: false,\r\n skipOffscreen: false,\r\n });\r\n if (options.format === 'jpeg') {\r\n canvas.backgroundColor = '#fff';\r\n }\r\n this.setPositionByOrigin(\r\n new Point(canvas.width / 2, canvas.height / 2),\r\n 'center',\r\n 'center'\r\n );\r\n const originalCanvas = this.canvas;\r\n canvas._objects = [this];\r\n this.set('canvas', canvas);\r\n this.setCoords();\r\n const canvasEl = canvas.toCanvasElement(multiplier || 1, options);\r\n this.set('canvas', originalCanvas);\r\n this.shadow = originalShadow;\r\n if (originalGroup) {\r\n this.group = originalGroup;\r\n }\r\n this.set(origParams);\r\n this.setCoords();\r\n // canvas.dispose will call image.dispose that will nullify the elements\r\n // since this canvas is a simple element for the process, we remove references\r\n // to objects in this way in order to avoid object trashing.\r\n canvas._objects = [];\r\n // since render has settled it is safe to destroy canvas\r\n canvas.destroy();\r\n canvas = null;\r\n\r\n return canvasEl;\r\n }\r\n\r\n /**\r\n * Converts an object into a data-url-like string\r\n * @param {Object} options Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n */\r\n toDataURL(options: any = {}) {\r\n return fabric.util.toDataURL(\r\n this.toCanvasElement(options),\r\n options.format || 'png',\r\n options.quality || 1\r\n );\r\n }\r\n\r\n /**\r\n * Returns true if specified type is identical to the type of an instance\r\n * @param {String} type Type to check against\r\n * @return {Boolean}\r\n */\r\n isType(...types: string[]) {\r\n return types.includes(this.type);\r\n }\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance (is 1 unless subclassed)\r\n */\r\n complexity() {\r\n return 1;\r\n }\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON() {\r\n // delegate, not alias\r\n return this.toObject();\r\n }\r\n\r\n /**\r\n * Sets \"angle\" of an instance with centered rotation\r\n * @param {Number} angle Angle value (in degrees)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n rotate(angle: TDegree) {\r\n const shouldCenterOrigin =\r\n (this.originX !== 'center' || this.originY !== 'center') &&\r\n this.centeredRotation;\r\n\r\n if (shouldCenterOrigin) {\r\n this._setOriginToCenter();\r\n }\r\n\r\n this.set('angle', angle);\r\n\r\n if (shouldCenterOrigin) {\r\n this._resetOrigin();\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerH() {\r\n this.canvas && this.canvas.centerObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterH() {\r\n this.canvas && this.canvas.viewportCenterObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerV() {\r\n this.canvas && this.canvas.centerObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterV() {\r\n this.canvas && this.canvas.viewportCenterObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically and horizontally on canvas to which is was added last\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n center() {\r\n this.canvas && this.canvas.centerObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenter() {\r\n this.canvas && this.canvas.viewportCenterObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * This callback function is called by the parent group of an object every\r\n * time a non-delegated property changes on the group. It is passed the key\r\n * and value as parameters. Not adding in this function's signature to avoid\r\n * Travis build error about unused variables.\r\n */\r\n setOnGroup() {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Sets canvas globalCompositeOperation for specific object\r\n * custom composition operation for the particular object can be specified using globalCompositeOperation property\r\n * @param {CanvasRenderingContext2D} ctx Rendering canvas context\r\n */\r\n _setupCompositeOperation(ctx: CanvasRenderingContext2D) {\r\n if (this.globalCompositeOperation) {\r\n ctx.globalCompositeOperation = this.globalCompositeOperation;\r\n }\r\n }\r\n\r\n /**\r\n * cancel instance's running animations\r\n * override if necessary to dispose artifacts such as `clipPath`\r\n */\r\n dispose() {\r\n // todo verify this.\r\n // runningAnimations is always truthy\r\n if (runningAnimations) {\r\n runningAnimations.cancelByTarget(this);\r\n }\r\n }\r\n\r\n /**\r\n *\r\n * @param {Function} klass\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {string} [options.extraParam] property to pass as first argument to the constructor\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static _fromObject(klass, object, { extraParam, ...options } = {}) {\r\n return enlivenObjectEnlivables(clone(object, true), options).then(\r\n (enlivedMap) => {\r\n // from the resulting enlived options, extract options.extraParam to arg0\r\n // to avoid accidental overrides later\r\n const { [extraParam]: arg0, ...rest } = { ...options, ...enlivedMap };\r\n return extraParam ? new klass(arg0, rest) : new klass(rest);\r\n }\r\n );\r\n }\r\n\r\n /**\r\n *\r\n * @static\r\n * @memberOf fabric.Object\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static fromObject(object, options) {\r\n return FabricObject._fromObject(FabricObject, object, options);\r\n }\r\n}\r\n\r\nexport const fabricObjectDefaultValues: TClassProperties = {\r\n type: 'object',\r\n originX: 'left',\r\n originY: 'top',\r\n top: 0,\r\n left: 0,\r\n width: 0,\r\n height: 0,\r\n scaleX: 1,\r\n scaleY: 1,\r\n flipX: false,\r\n flipY: false,\r\n opacity: 1,\r\n angle: 0,\r\n skewX: 0,\r\n skewY: 0,\r\n cornerSize: 13,\r\n touchCornerSize: 24,\r\n transparentCorners: true,\r\n hoverCursor: null,\r\n moveCursor: null,\r\n padding: 0,\r\n borderColor: 'rgb(178,204,255)',\r\n borderDashArray: null,\r\n cornerColor: 'rgb(178,204,255)',\r\n cornerStrokeColor: '',\r\n cornerStyle: 'rect',\r\n cornerDashArray: null,\r\n centeredScaling: false,\r\n centeredRotation: true,\r\n fill: 'rgb(0,0,0)',\r\n fillRule: 'nonzero',\r\n globalCompositeOperation: 'source-over',\r\n backgroundColor: '',\r\n selectionBackgroundColor: '',\r\n stroke: null,\r\n strokeWidth: 1,\r\n strokeDashArray: null,\r\n strokeDashOffset: 0,\r\n strokeLineCap: 'butt',\r\n strokeLineJoin: 'miter',\r\n strokeMiterLimit: 4,\r\n shadow: null,\r\n borderOpacityWhenMoving: 0.4,\r\n borderScaleFactor: 1,\r\n minScaleLimit: 0,\r\n selectable: true,\r\n evented: true,\r\n visible: true,\r\n hasControls: true,\r\n hasBorders: true,\r\n perPixelTargetFind: false,\r\n includeDefaultValues: true,\r\n lockMovementX: false,\r\n lockMovementY: false,\r\n lockRotation: false,\r\n lockScalingX: false,\r\n lockScalingY: false,\r\n lockSkewingX: false,\r\n lockSkewingY: false,\r\n lockScalingFlip: false,\r\n excludeFromExport: false,\r\n objectCaching: !fabric.isLikelyNode,\r\n statefullCache: false,\r\n noScaleCache: true,\r\n strokeUniform: false,\r\n dirty: true,\r\n __corner: 0,\r\n paintFirst: 'fill',\r\n activeOn: 'down',\r\n stateProperties: (\r\n 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' +\r\n 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' +\r\n 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' +\r\n 'skewX skewY fillRule paintFirst clipPath strokeUniform'\r\n ).split(' '),\r\n cacheProperties: (\r\n 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' +\r\n ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath'\r\n ).split(' '),\r\n colorProperties: 'fill stroke backgroundColor'.split(' '),\r\n clipPath: undefined,\r\n inverted: false,\r\n absolutePositioned: false,\r\n controls: {},\r\n};\r\n\r\nObject.assign(FabricObject.prototype, fabricObjectDefaultValues);\r\n","import { IPoint, Point } from '../point.class';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n TQrDecomposeOut,\r\n} from '../util/misc/matrix';\r\nimport { ObjectGeometry } from './object_geometry.mixin';\r\nimport type { Control } from '../controls/control.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\ntype TOCoord = IPoint & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\ntype TControlSet = Record;\r\n\r\nexport class InteractiveFabricObject extends FabricObject {\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * properties are depending on control keys and padding the main controls.\r\n * each property is an object with x, y and corner.\r\n * The `corner` property contains in a similar manner the 4 points of the\r\n * interactive area of the corner.\r\n * The coordinates depends from the controls positionHandler and are used\r\n * to draw and locate controls\r\n * @memberOf fabric.Object.prototype\r\n */\r\n oCoords: Record = {};\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type number|string|any\r\n * @default 0\r\n */\r\n __corner: number | string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to do not brea the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n _controlsVisibility: Record;\r\n\r\n /**\r\n * The angle that an object will lock to while rotating.\r\n * @type [TDegree]\r\n */\r\n snapAngle?: TDegree;\r\n\r\n /**\r\n * The angle difference from the current snapped angle in which snapping should occur.\r\n * When undefined, the snapThreshold will default to the snapAngle.\r\n * @type [TDegree]\r\n */\r\n snapThreshold?: TDegree;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the drag action.\r\n */\r\n isMoving?: boolean;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options: Record) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Determines which corner has been clicked\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found\r\n */\r\n _findTargetCorner(pointer: Point, forTouch: boolean): false | string {\r\n if (\r\n !this.hasControls ||\r\n !this.canvas ||\r\n this.canvas._activeObject !== this\r\n ) {\r\n return false;\r\n }\r\n\r\n this.__corner = 0;\r\n // had to keep the reverse loop because was breaking tests\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [cornerKey, corner] = cornerEntries[i];\r\n if (!this.isControlVisible(cornerKey)) {\r\n continue;\r\n }\r\n const lines = this._getImageLines(\r\n forTouch ? corner.touchCorner : corner.corner\r\n );\r\n const xPoints = this._findCrossPoints(pointer, lines);\r\n if (xPoints !== 0 && xPoints % 2 === 1) {\r\n this.__corner = cornerKey;\r\n return cornerKey;\r\n }\r\n // // debugging\r\n //\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record}\r\n */\r\n calcOCoords(): Record {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n rMatrix = calcRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined,\r\n dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record = {};\r\n\r\n this.forEachControl(\r\n (control: any, key: string, fabricObject: InteractiveFabricObject) => {\r\n coords[key] = control.positionHandler(dim, finalMatrix, fabricObject);\r\n }\r\n );\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * oCoords are used to find the corners\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n if (this.callSuper) {\r\n ObjectGeometry.prototype.setCoords.call(this);\r\n } else {\r\n super.setCoords();\r\n }\r\n // set coordinates of the draggable boxes in the corners used to scale/rotate the image\r\n this.oCoords = this.calcOCoords();\r\n this._setCornerCoords();\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: any,\r\n key: string,\r\n fabricObject: InteractiveFabricObject\r\n ) => any\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n _setCornerCoords(): void {\r\n Object.entries(this.oCoords).forEach(([controlKey, control]) => {\r\n const controlObject = this.controls[controlKey];\r\n control.corner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.cornerSize,\r\n control.x,\r\n control.y,\r\n false\r\n );\r\n control.touchCorner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.touchCornerSize,\r\n control.x,\r\n control.y,\r\n true\r\n );\r\n });\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && !this.canvas.interactive) ||\r\n (this.canvas && this.canvas._activeObject !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: Record = {}\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = 1 * this.borderScaleFactor;\r\n if (!this.group) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {Object} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: any\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(this.width, this.height, options),\r\n stroke = (\r\n this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth);\r\n size = bbox.add(stroke).scalarAdd(this.borderScaleFactor);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(fabricObject, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n drawControls(ctx: CanvasRenderingContext2D, styleOverride = {}) {\r\n ctx.save();\r\n const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1;\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.setCoords();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n if (control.getVisibility(fabricObject, key)) {\r\n const p = fabricObject.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, fabricObject);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible;\r\n * @param {Record} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility)\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursror text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually: boolean\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onDeselect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onSelect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * return true if the object currently dragged can be dropped on the target\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop(e?: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDragSourceEffect() {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDropTargetEffect(e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n","import { InteractiveFabricObject } from '../mixins/object_interactivity.mixin';\r\n\r\n// TODO somehow we have to make a tree-shakeable import\r\n\r\nexport { InteractiveFabricObject as FabricObject };\r\n\r\n(function (global) {\r\n const fabric = global.fabric;\r\n fabric.Object = InteractiveFabricObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\nimport {\r\n clipPaths,\r\n cssRules,\r\n gradientDefs,\r\n svgInvalidAncestorsRegEx,\r\n svgValidTagNamesRegEx,\r\n} from './constants';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { hasAncestorWithNodeName } from './hasAncestorWithNodeName';\r\nimport { parseElements } from './parseElements';\r\nimport { parseUseDirectives } from './parseUseDirectives';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @param {Function} callback Callback to call when parsing is finished;\r\n * It's being passed an array of elements (parsed from a document).\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [parsingOptions] options for parsing document\r\n * @param {String} [parsingOptions.crossOrigin] crossOrigin settings\r\n * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function parseSVGDocument(doc, callback, reviver, parsingOptions) {\r\n if (!doc) {\r\n return;\r\n }\r\n if (\r\n parsingOptions &&\r\n parsingOptions.signal &&\r\n parsingOptions.signal.aborted\r\n ) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n }\r\n parseUseDirectives(doc);\r\n\r\n let svgUid = FabricObject.__uid++,\r\n i,\r\n len,\r\n options = applyViewboxTransform(doc),\r\n descendants = Array.from(doc.getElementsByTagName('*'));\r\n options.crossOrigin = parsingOptions && parsingOptions.crossOrigin;\r\n options.svgUid = svgUid;\r\n options.signal = parsingOptions && parsingOptions.signal;\r\n\r\n if (descendants.length === 0 && isLikelyNode) {\r\n // we're likely in node, where \"o3-xml\" library fails to gEBTN(\"*\")\r\n // https://github.com/ajaxorg/node-o3-xml/issues/21\r\n descendants = doc.selectNodes('//*[name(.)!=\"svg\"]');\r\n const arr = [];\r\n for (i = 0, len = descendants.length; i < len; i++) {\r\n arr[i] = descendants[i];\r\n }\r\n descendants = arr;\r\n }\r\n\r\n const elements = descendants.filter(function (el) {\r\n applyViewboxTransform(el);\r\n return (\r\n svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) &&\r\n !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)\r\n ); // http://www.w3.org/TR/SVG/struct.html#DefsElement\r\n });\r\n if (!elements || (elements && !elements.length)) {\r\n callback && callback([], {});\r\n return;\r\n }\r\n const localClipPaths = {};\r\n descendants\r\n .filter(function (el) {\r\n return el.nodeName.replace('svg:', '') === 'clipPath';\r\n })\r\n .forEach(function (el) {\r\n const id = el.getAttribute('id');\r\n localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(\r\n function (el) {\r\n return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', ''));\r\n }\r\n );\r\n });\r\n gradientDefs[svgUid] = getGradientDefs(doc);\r\n cssRules[svgUid] = getCSSRules(doc);\r\n clipPaths[svgUid] = localClipPaths;\r\n // Precedence of rules: style > class > attribute\r\n parseElements(\r\n elements,\r\n function (instances, elements) {\r\n if (callback) {\r\n callback(instances, options, elements, descendants);\r\n delete gradientDefs[svgUid];\r\n delete cssRules[svgUid];\r\n delete clipPaths[svgUid];\r\n }\r\n },\r\n Object.assign({}, options),\r\n reviver,\r\n parsingOptions\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes string corresponding to an SVG document, and parses it into a set of fabric objects\r\n * @memberOf fabric\r\n * @param {String} string\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromString(string, callback, reviver, options) {\r\n const parser = new fabric.window.DOMParser(),\r\n doc = parser.parseFromString(string.trim(), 'text/xml');\r\n parseSVGDocument(\r\n doc.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { request } from '../util/dom_request';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes url corresponding to an SVG document, and parses it into a set of fabric objects.\r\n * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy)\r\n * @memberOf fabric\r\n * @param {String} url\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromURL(url, callback, reviver, options) {\r\n new request(url.replace(/^\\n\\s*/, '').trim(), {\r\n method: 'get',\r\n onComplete: onComplete,\r\n signal: options && options.signal,\r\n });\r\n\r\n function onComplete(r) {\r\n const xml = r.responseXML;\r\n if (!xml || !xml.documentElement) {\r\n callback && callback(null);\r\n return false;\r\n }\r\n\r\n parseSVGDocument(\r\n xml.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback && callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function selectorMatches(element, selector) {\r\n let nodeName = element.nodeName,\r\n classNames = element.getAttribute('class'),\r\n id = element.getAttribute('id'),\r\n matcher,\r\n i;\r\n // i check if a selector matches slicing away part from it.\r\n // if i get empty string i should match\r\n matcher = new RegExp('^' + nodeName, 'i');\r\n selector = selector.replace(matcher, '');\r\n if (id && selector.length) {\r\n matcher = new RegExp('#' + id + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n if (classNames && selector.length) {\r\n classNames = classNames.split(' ');\r\n for (i = classNames.length; i--; ) {\r\n matcher = new RegExp('\\\\.' + classNames[i] + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n }\r\n return selector.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { selectorMatches } from './selectorMatches';\r\n\r\nexport function doesSomeParentMatch(element, selectors) {\r\n let selector,\r\n parentMatching = true;\r\n while (\r\n element.parentNode &&\r\n element.parentNode.nodeType === 1 &&\r\n selectors.length\r\n ) {\r\n if (parentMatching) {\r\n selector = selectors.pop();\r\n }\r\n element = element.parentNode;\r\n parentMatching = selectorMatches(element, selector);\r\n }\r\n return selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { selectorMatches } from './selectorMatches';\r\nimport { doesSomeParentMatch } from './doesSomeParentMatch';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function elementMatchesRule(element, selectors) {\r\n let firstMatching,\r\n parentMatching = true;\r\n //start from rightmost selector.\r\n firstMatching = selectorMatches(element, selectors.pop());\r\n if (firstMatching && selectors.length) {\r\n parentMatching = doesSomeParentMatch(element, selectors);\r\n }\r\n return firstMatching && parentMatching && selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { cssRules } from './constants';\r\nimport { elementMatchesRule } from './elementMatchesRule';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function getGlobalStylesForElement(element, svgUid) {\r\n const styles = {};\r\n for (const rule in cssRules[svgUid]) {\r\n if (elementMatchesRule(element, rule.split(' '))) {\r\n for (const property in cssRules[svgUid][rule]) {\r\n styles[property] = cssRules[svgUid][rule][property];\r\n }\r\n }\r\n }\r\n return styles;\r\n}\r\n","//@ts-nocheck\r\nimport { attributesMap } from './constants';\r\n\r\nexport function normalizeAttr(attr) {\r\n // transform attribute names\r\n if (attr in attributesMap) {\r\n return attributesMap[attr];\r\n }\r\n return attr;\r\n}\r\n","//@ts-nocheck\r\nimport { cos } from '../util/misc/cos';\r\nimport { sin } from '../util/misc/sin';\r\n\r\nexport function rotateMatrix(matrix, args) {\r\n const cosValue = cos(args[0]),\r\n sinValue = sin(args[0]);\r\n let x = 0,\r\n y = 0;\r\n if (args.length === 3) {\r\n x = args[1];\r\n y = args[2];\r\n }\r\n\r\n matrix[0] = cosValue;\r\n matrix[1] = sinValue;\r\n matrix[2] = -sinValue;\r\n matrix[3] = cosValue;\r\n matrix[4] = x - (cosValue * x - sinValue * y);\r\n matrix[5] = y - (sinValue * x + cosValue * y);\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function scaleMatrix(matrix, args) {\r\n const multiplierX = args[0],\r\n multiplierY = args.length === 2 ? args[1] : args[0];\r\n\r\n matrix[0] = multiplierX;\r\n matrix[3] = multiplierY;\r\n}\r\n","//@ts-nocheck\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\nexport function skewMatrix(matrix, args, pos) {\r\n matrix[pos] = Math.tan(degreesToRadians(args[0]));\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function translateMatrix(matrix, args) {\r\n matrix[4] = args[0];\r\n if (args.length === 2) {\r\n matrix[5] = args[1];\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { iMatrix } from '../constants';\r\nimport { commaWsp, reNum } from './constants';\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { rotateMatrix } from './rotateMatrix';\r\nimport { scaleMatrix } from './scaleMatrix';\r\nimport { skewMatrix } from './skewMatrix';\r\nimport { translateMatrix } from './translateMatrix';\r\n\r\n// == begin transform regexp\r\nconst number = reNum,\r\n skewX = '(?:(skewX)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n skewY = '(?:(skewY)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n rotate =\r\n '(?:(rotate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n scale =\r\n '(?:(scale)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n translate =\r\n '(?:(translate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n matrix =\r\n '(?:(matrix)\\\\s*\\\\(\\\\s*' +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n '\\\\s*\\\\))',\r\n transform =\r\n '(?:' +\r\n matrix +\r\n '|' +\r\n translate +\r\n '|' +\r\n scale +\r\n '|' +\r\n rotate +\r\n '|' +\r\n skewX +\r\n '|' +\r\n skewY +\r\n ')',\r\n transforms =\r\n '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')',\r\n transformList = '^\\\\s*(?:' + transforms + '?)\\\\s*$',\r\n // http://www.w3.org/TR/SVG/coords.html#TransformAttribute\r\n reTransformList = new RegExp(transformList),\r\n // == end transform regexp\r\n reTransform = new RegExp(transform, 'g');\r\n\r\n/**\r\n * Parses \"transform\" attribute, returning an array of values\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} attributeValue String containing attribute value\r\n * @return {Array} Array of 6 elements representing transformation matrix\r\n */\r\nexport function parseTransformAttribute(attributeValue) {\r\n // start with identity matrix\r\n let matrix = iMatrix.concat(),\r\n matrices = [];\r\n\r\n // return if no argument was given or\r\n // an argument does not match transform attribute regexp\r\n if (\r\n !attributeValue ||\r\n (attributeValue && !reTransformList.test(attributeValue))\r\n ) {\r\n return matrix;\r\n }\r\n\r\n attributeValue.replace(reTransform, function (match) {\r\n const m = new RegExp(transform).exec(match).filter(function (match) {\r\n // match !== '' && match != null\r\n return !!match;\r\n }),\r\n operation = m[1],\r\n args = m.slice(2).map(parseFloat);\r\n\r\n switch (operation) {\r\n case 'translate':\r\n translateMatrix(matrix, args);\r\n break;\r\n case 'rotate':\r\n args[0] = degreesToRadians(args[0]);\r\n rotateMatrix(matrix, args);\r\n break;\r\n case 'scale':\r\n scaleMatrix(matrix, args);\r\n break;\r\n case 'skewX':\r\n skewMatrix(matrix, args, 2);\r\n break;\r\n case 'skewY':\r\n skewMatrix(matrix, args, 1);\r\n break;\r\n case 'matrix':\r\n matrix = args;\r\n break;\r\n }\r\n\r\n // snapshot current matrix into matrices array\r\n matrices.push(matrix.concat());\r\n // reset\r\n matrix = iMatrix.concat();\r\n });\r\n\r\n let combinedMatrix = matrices[0];\r\n while (matrices.length > 1) {\r\n matrices.shift();\r\n combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]);\r\n }\r\n return combinedMatrix;\r\n}\r\n","//@ts-nocheck\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nexport function normalizeValue(attr, value, parentAttributes, fontSize) {\r\n let isArray = Array.isArray(value),\r\n parsed;\r\n\r\n if ((attr === 'fill' || attr === 'stroke') && value === 'none') {\r\n value = '';\r\n } else if (attr === 'strokeUniform') {\r\n return value === 'non-scaling-stroke';\r\n } else if (attr === 'strokeDashArray') {\r\n if (value === 'none') {\r\n value = null;\r\n } else {\r\n value = value.replace(/,/g, ' ').split(/\\s+/).map(parseFloat);\r\n }\r\n } else if (attr === 'transformMatrix') {\r\n if (parentAttributes && parentAttributes.transformMatrix) {\r\n value = multiplyTransformMatrices(\r\n parentAttributes.transformMatrix,\r\n parseTransformAttribute(value)\r\n );\r\n } else {\r\n value = parseTransformAttribute(value);\r\n }\r\n } else if (attr === 'visible') {\r\n value = value !== 'none' && value !== 'hidden';\r\n // display=none on parent element always takes precedence over child element\r\n if (parentAttributes && parentAttributes.visible === false) {\r\n value = false;\r\n }\r\n } else if (attr === 'opacity') {\r\n value = parseFloat(value);\r\n if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') {\r\n value *= parentAttributes.opacity;\r\n }\r\n } else if (attr === 'textAnchor' /* text-anchor */) {\r\n value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center';\r\n } else if (attr === 'charSpacing') {\r\n // parseUnit returns px and we convert it to em\r\n parsed = (parseUnit(value, fontSize) / fontSize) * 1000;\r\n } else if (attr === 'paintFirst') {\r\n const fillIndex = value.indexOf('fill');\r\n const strokeIndex = value.indexOf('stroke');\r\n var value = 'fill';\r\n if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) {\r\n value = 'stroke';\r\n } else if (fillIndex === -1 && strokeIndex > -1) {\r\n value = 'stroke';\r\n }\r\n } else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') {\r\n return value;\r\n } else if (attr === 'imageSmoothing') {\r\n return value === 'optimizeQuality';\r\n } else {\r\n parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize);\r\n }\r\n\r\n return !isArray && isNaN(parsed) ? value : parsed;\r\n}\r\n","//@ts-nocheck\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { reFontDeclaration } from './constants';\r\n\r\n/**\r\n * Parses a short font declaration, building adding its properties to a style object\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} value font declaration\r\n * @param {Object} oStyle definition\r\n */\r\nexport function parseFontDeclaration(value, oStyle) {\r\n const match = value.match(reFontDeclaration);\r\n\r\n if (!match) {\r\n return;\r\n }\r\n const fontStyle = match[1],\r\n // font variant is not used\r\n // fontVariant = match[2],\r\n fontWeight = match[3],\r\n fontSize = match[4],\r\n lineHeight = match[5],\r\n fontFamily = match[6];\r\n\r\n if (fontStyle) {\r\n oStyle.fontStyle = fontStyle;\r\n }\r\n if (fontWeight) {\r\n oStyle.fontWeight = isNaN(parseFloat(fontWeight))\r\n ? fontWeight\r\n : parseFloat(fontWeight);\r\n }\r\n if (fontSize) {\r\n oStyle.fontSize = parseUnit(fontSize);\r\n }\r\n if (fontFamily) {\r\n oStyle.fontFamily = fontFamily;\r\n }\r\n if (lineHeight) {\r\n oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleObject(style, oStyle) {\r\n let attr, value;\r\n for (const prop in style) {\r\n if (typeof style[prop] === 'undefined') {\r\n continue;\r\n }\r\n\r\n attr = prop.toLowerCase();\r\n value = style[prop];\r\n\r\n oStyle[attr] = value;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleString(style, oStyle) {\r\n let attr, value;\r\n style\r\n .replace(/;\\s*$/, '')\r\n .split(';')\r\n .forEach(function (chunk) {\r\n const pair = chunk.split(':');\r\n\r\n attr = pair[0].trim().toLowerCase();\r\n value = pair[1].trim();\r\n\r\n oStyle[attr] = value;\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { parseStyleObject } from './parseStyleObject';\r\nimport { parseStyleString } from './parseStyleString';\r\n\r\n/**\r\n * Parses \"style\" attribute, retuning an object with values\r\n * @static\r\n * @memberOf fabric\r\n * @param {SVGElement} element Element to parse\r\n * @return {Object} Objects with values parsed from style attribute of an element\r\n */\r\nexport function parseStyleAttribute(element) {\r\n const oStyle = {},\r\n style = element.getAttribute('style');\r\n\r\n if (!style) {\r\n return oStyle;\r\n }\r\n\r\n if (typeof style === 'string') {\r\n parseStyleString(style, oStyle);\r\n } else {\r\n parseStyleObject(style, oStyle);\r\n }\r\n\r\n return oStyle;\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { colorAttributes } from './constants';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * @private\r\n * @param {Object} attributes Array of attributes to parse\r\n */\r\n\r\nexport function setStrokeFillOpacity(attributes) {\r\n for (const attr in colorAttributes) {\r\n if (\r\n typeof attributes[colorAttributes[attr]] === 'undefined' ||\r\n attributes[attr] === ''\r\n ) {\r\n continue;\r\n }\r\n\r\n if (typeof attributes[attr] === 'undefined') {\r\n if (!FabricObject.prototype[attr]) {\r\n continue;\r\n }\r\n attributes[attr] = FabricObject.prototype[attr];\r\n }\r\n\r\n if (attributes[attr].indexOf('url(') === 0) {\r\n continue;\r\n }\r\n\r\n const color = new Color(attributes[attr]);\r\n attributes[attr] = color\r\n .setAlpha(\r\n toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)\r\n )\r\n .toRgba();\r\n }\r\n return attributes;\r\n}\r\n","//@ts-nocheck\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { cPath, fSize, svgValidParentsRegEx } from './constants';\r\nimport { getGlobalStylesForElement } from './getGlobalStylesForElement';\r\nimport { normalizeAttr } from './normalizeAttr';\r\nimport { normalizeValue } from './normalizeValue';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { setStrokeFillOpacity } from './setStrokeFillOpacity';\r\n\r\n/**\r\n * Returns an object of attributes' name/value, given element and an array of attribute names;\r\n * Parses parent \"g\" nodes recursively upwards.\r\n * @param {DOMElement} element Element to parse\r\n * @param {Array} attributes Array of attributes to parse\r\n * @return {Object} object containing parsed attributes' names/values\r\n */\r\nexport function parseAttributes(element, attributes, svgUid?: string) {\r\n if (!element) {\r\n return;\r\n }\r\n\r\n let value,\r\n parentAttributes = {},\r\n fontSize,\r\n parentFontSize;\r\n\r\n if (typeof svgUid === 'undefined') {\r\n svgUid = element.getAttribute('svgUid');\r\n }\r\n // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards\r\n if (\r\n element.parentNode &&\r\n svgValidParentsRegEx.test(element.parentNode.nodeName)\r\n ) {\r\n parentAttributes = parseAttributes(element.parentNode, attributes, svgUid);\r\n }\r\n\r\n let ownAttributes = attributes.reduce(function (memo, attr) {\r\n value = element.getAttribute(attr);\r\n if (value) {\r\n // eslint-disable-line\r\n memo[attr] = value;\r\n }\r\n return memo;\r\n }, {});\r\n // add values parsed from style, which take precedence over attributes\r\n // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes)\r\n const cssAttrs = Object.assign(\r\n getGlobalStylesForElement(element, svgUid),\r\n parseStyleAttribute(element)\r\n );\r\n ownAttributes = Object.assign(ownAttributes, cssAttrs);\r\n if (cssAttrs[cPath]) {\r\n element.setAttribute(cPath, cssAttrs[cPath]);\r\n }\r\n fontSize = parentFontSize =\r\n parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE;\r\n if (ownAttributes[fSize]) {\r\n // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers.\r\n ownAttributes[fSize] = fontSize = parseUnit(\r\n ownAttributes[fSize],\r\n parentFontSize\r\n );\r\n }\r\n\r\n let normalizedAttr,\r\n normalizedValue,\r\n normalizedStyle = {};\r\n for (const attr in ownAttributes) {\r\n normalizedAttr = normalizeAttr(attr);\r\n normalizedValue = normalizeValue(\r\n normalizedAttr,\r\n ownAttributes[attr],\r\n parentAttributes,\r\n fontSize\r\n );\r\n normalizedStyle[normalizedAttr] = normalizedValue;\r\n }\r\n if (normalizedStyle && normalizedStyle.font) {\r\n parseFontDeclaration(normalizedStyle.font, normalizedStyle);\r\n }\r\n const mergedAttrs = Object.assign(parentAttributes, normalizedStyle);\r\n return svgValidParentsRegEx.test(element.nodeName)\r\n ? mergedAttrs\r\n : setStrokeFillOpacity(mergedAttrs);\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Parses \"points\" attribute, returning an array of values\r\n * @static\r\n * @memberOf fabric\r\n * @param {String} points points attribute string\r\n * @return {Array} array of points\r\n */\r\nexport function parsePointsAttribute(points) {\r\n // points attribute is required and must not be empty\r\n if (!points) {\r\n return null;\r\n }\r\n\r\n // replace commas with whitespace and remove bookending whitespace\r\n points = points.replace(/,/g, ' ').trim();\r\n\r\n points = points.split(/\\s+/);\r\n let parsedPoints = [],\r\n i,\r\n len;\r\n\r\n for (i = 0, len = points.length; i < len; i += 2) {\r\n parsedPoints.push({\r\n x: parseFloat(points[i]),\r\n y: parseFloat(points[i + 1]),\r\n });\r\n }\r\n\r\n // odd number of points is an error\r\n // if (parsedPoints.length % 2 !== 0) {\r\n // return null;\r\n // }\r\n return parsedPoints;\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from './attributes';\r\nimport { clipPaths, cssRules, gradientDefs } from './constants';\r\nimport { ElementsParser } from './elements_parser';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { loadSVGFromString } from './loadSVGFromString';\r\nimport { loadSVGFromURL } from './loadSVGFromURL';\r\nimport { parseAttributes } from './parseAttributes';\r\nimport { parseElements } from './parseElements';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parsePointsAttribute } from './parsePointsAttribute';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nObject.assign(fabric, {\r\n SHARED_ATTRIBUTES,\r\n cssRules,\r\n gradientDefs,\r\n clipPaths,\r\n parseTransformAttribute,\r\n parseSVGDocument,\r\n parseFontDeclaration,\r\n getGradientDefs,\r\n parseAttributes,\r\n parseElements,\r\n parseStyleAttribute,\r\n parsePointsAttribute,\r\n getCSSRules,\r\n loadSVGFromURL,\r\n loadSVGFromString,\r\n ElementsParser,\r\n});\r\n","export const linearDefaultCoords = {\r\n x1: 0,\r\n y1: 0,\r\n x2: 0,\r\n y2: 0,\r\n};\r\n\r\nexport const radialDefaultCoords = {\r\n ...linearDefaultCoords,\r\n r1: 0,\r\n r2: 0,\r\n};\r\n","import { GradientType, GradientUnits } from '../typedefs';\r\n\r\nexport function parseType(el: SVGGradientElement): GradientType {\r\n return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT'\r\n ? 'linear'\r\n : 'radial';\r\n}\r\n\r\nexport function parseGradientUnits(el: SVGGradientElement): GradientUnits {\r\n return el.getAttribute('gradientUnits') === 'userSpaceOnUse'\r\n ? 'pixels'\r\n : 'percentage';\r\n}\r\n","import { ifNaN } from '../util/internals';\r\nimport { capValue } from '../util/misc/capValue';\r\n\r\nconst RE_PERCENT = /^(\\d+\\.\\d+)%|(\\d+)%$/;\r\n\r\nexport function isPercent(value: string | null) {\r\n return value && RE_PERCENT.test(value);\r\n}\r\n\r\n/**\r\n *\r\n * @param value\r\n * @param valueIfNaN\r\n * @returns ∈ [0, 1]\r\n */\r\nexport function parsePercent(\r\n value: string | number | null | undefined,\r\n valueIfNaN?: number\r\n) {\r\n const parsed =\r\n typeof value === 'number'\r\n ? value\r\n : typeof value === 'string'\r\n ? parseFloat(value) / (isPercent(value) ? 100 : 1)\r\n : NaN;\r\n return capValue(0, ifNaN(parsed, valueIfNaN), 1);\r\n}\r\n","import { Color } from '../../color';\r\nimport { parsePercent } from '../../parser/percent';\r\nimport { ifNaN } from '../../util/internals';\r\n\r\nconst RE_KEY_VALUE_PAIRS = /\\s*;\\s*/;\r\nconst RE_KEY_VALUE = /\\s*:\\s*/;\r\n\r\nfunction parseColorStop(el: SVGStopElement, multiplier: number) {\r\n let colorValue, opacity;\r\n const style = el.getAttribute('style');\r\n if (style) {\r\n const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS);\r\n\r\n if (keyValuePairs[keyValuePairs.length - 1] === '') {\r\n keyValuePairs.pop();\r\n }\r\n\r\n for (let i = keyValuePairs.length; i--; ) {\r\n const [key, value] = keyValuePairs[i]\r\n .split(RE_KEY_VALUE)\r\n .map((s) => s.trim());\r\n if (key === 'stop-color') {\r\n colorValue = value;\r\n } else if (key === 'stop-opacity') {\r\n opacity = value;\r\n }\r\n }\r\n }\r\n\r\n const color = new Color(\r\n colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'\r\n );\r\n\r\n return {\r\n offset: parsePercent(el.getAttribute('offset'), 0),\r\n color: color.toRgb(),\r\n opacity:\r\n ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) *\r\n color.getAlpha() *\r\n multiplier,\r\n };\r\n}\r\n\r\nexport function parseColorStops(\r\n el: SVGGradientElement,\r\n opacityAttr: string | null\r\n) {\r\n const colorStops = [],\r\n colorStopEls = el.getElementsByTagName('stop'),\r\n multiplier = parsePercent(opacityAttr, 1);\r\n for (let i = colorStopEls.length; i--; ) {\r\n colorStops.push(parseColorStop(colorStopEls[i], multiplier));\r\n }\r\n return colorStops;\r\n}\r\n","import { isPercent } from '../../parser/percent';\r\nimport { TSize } from '../../typedefs';\r\nimport { GradientCoords, GradientType, GradientUnits } from '../typedefs';\r\nimport { parseGradientUnits, parseType } from './misc';\r\n\r\nfunction convertPercentUnitsToValues<\r\n T extends GradientType,\r\n K extends keyof GradientCoords\r\n>(\r\n valuesToConvert: Record,\r\n { width, height, gradientUnits }: TSize & { gradientUnits: GradientUnits }\r\n) {\r\n let finalValue;\r\n return (Object.keys(valuesToConvert) as K[]).reduce((acc, prop) => {\r\n const propValue = valuesToConvert[prop];\r\n if (propValue === 'Infinity') {\r\n finalValue = 1;\r\n } else if (propValue === '-Infinity') {\r\n finalValue = 0;\r\n } else {\r\n finalValue =\r\n typeof propValue === 'string' ? parseFloat(propValue) : propValue;\r\n if (typeof propValue === 'string' && isPercent(propValue)) {\r\n finalValue *= 0.01;\r\n if (gradientUnits === 'pixels') {\r\n // then we need to fix those percentages here in svg parsing\r\n if (prop === 'x1' || prop === 'x2' || prop === 'r2') {\r\n finalValue *= width;\r\n }\r\n if (prop === 'y1' || prop === 'y2') {\r\n finalValue *= height;\r\n }\r\n }\r\n }\r\n }\r\n acc[prop] = finalValue;\r\n return acc;\r\n }, {} as Record);\r\n}\r\n\r\nfunction getValue(el: SVGGradientElement, key: string) {\r\n return el.getAttribute(key);\r\n}\r\n\r\nexport function parseLinearCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'x1') || 0,\r\n y1: getValue(el, 'y1') || 0,\r\n x2: getValue(el, 'x2') || '100%',\r\n y2: getValue(el, 'y2') || 0,\r\n };\r\n}\r\n\r\nexport function parseRadialCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%',\r\n y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%',\r\n r1: 0,\r\n x2: getValue(el, 'cx') || '50%',\r\n y2: getValue(el, 'cy') || '50%',\r\n r2: getValue(el, 'r') || '50%',\r\n };\r\n}\r\n\r\nexport function parseCoords(el: SVGGradientElement, size: TSize) {\r\n return convertPercentUnitsToValues(\r\n parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el),\r\n {\r\n ...size,\r\n gradientUnits: parseGradientUnits(el),\r\n }\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { iMatrix } from '../constants';\r\nimport { parseTransformAttribute } from '../parser/parseTransformAttribute';\r\nimport { TMat2D } from '../typedefs';\r\nimport { pick } from '../util/misc/pick';\r\nimport { matrixToSVG } from '../util/misc/svgParsing';\r\nimport { linearDefaultCoords, radialDefaultCoords } from './constants';\r\nimport {\r\n parseColorStops,\r\n parseCoords,\r\n parseGradientUnits,\r\n parseType,\r\n} from './parser';\r\nimport {\r\n ColorStop,\r\n GradientCoords,\r\n GradientOptions,\r\n GradientType,\r\n GradientUnits,\r\n SVGOptions,\r\n} from './typedefs';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Gradient class\r\n * @class Gradient\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients}\r\n */\r\nexport class Gradient<\r\n S,\r\n T extends GradientType = S extends GradientType ? S : 'linear'\r\n> {\r\n /**\r\n * Horizontal offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * A transform matrix to apply to the gradient before painting.\r\n * Imported from svg gradients, is not applied with the current transform in the center.\r\n * Before this transform is applied, the origin point is at the top left corner of the object\r\n * plus the addition of offsetY and offsetX.\r\n * @type Number[]\r\n * @default null\r\n */\r\n gradientTransform: TMat2D | null = null;\r\n\r\n /**\r\n * coordinates units for coords.\r\n * If `pixels`, the number of coords are in the same unit of width / height.\r\n * If set as `percentage` the coords are still a number, but 1 means 100% of width\r\n * for the X and 100% of the height for the y. It can be bigger than 1 and negative.\r\n * allowed values pixels or percentage.\r\n * @type GradientUnits\r\n * @default 'pixels'\r\n */\r\n gradientUnits: GradientUnits;\r\n\r\n /**\r\n * Gradient type linear or radial\r\n * @type GradientType\r\n * @default 'linear'\r\n */\r\n type: T;\r\n\r\n coords: GradientCoords;\r\n\r\n colorStops: ColorStop[];\r\n\r\n private id: string | number;\r\n\r\n constructor({\r\n type = 'linear' as T,\r\n gradientUnits = 'pixels',\r\n coords,\r\n colorStops = [],\r\n offsetX = 0,\r\n offsetY = 0,\r\n gradientTransform,\r\n id,\r\n }: GradientOptions) {\r\n const uid = FabricObject.__uid++;\r\n this.id = id ? `${id}_${uid}` : uid;\r\n this.type = type;\r\n this.gradientUnits = gradientUnits;\r\n this.gradientTransform = gradientTransform || null;\r\n this.offsetX = offsetX;\r\n this.offsetY = offsetY;\r\n this.coords = {\r\n ...(this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords),\r\n ...coords,\r\n } as GradientCoords;\r\n this.colorStops = colorStops.slice();\r\n }\r\n\r\n // isType(type: S): this is Gradient {\r\n // return (this.type as GradientType) === type;\r\n // }\r\n\r\n /**\r\n * Adds another colorStop\r\n * @param {Record} colorStop Object with offset and color\r\n * @return {Gradient} thisArg\r\n */\r\n addColorStop(colorStops: Record) {\r\n for (const position in colorStops) {\r\n const color = new Color(colorStops[position]);\r\n this.colorStops.push({\r\n offset: parseFloat(position),\r\n color: color.toRgb(),\r\n opacity: color.getAlpha(),\r\n });\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns object representation of a gradient\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object}\r\n */\r\n toObject(propertiesToInclude?: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n coords: this.coords,\r\n colorStops: this.colorStops,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n gradientUnits: this.gradientUnits,\r\n gradientTransform: this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : this.gradientTransform,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of an gradient\r\n * @param {fabric.Object} object Object to create a gradient for\r\n * @return {String} SVG representation of an gradient (linear/radial)\r\n */\r\n toSVG(\r\n object: FabricObject,\r\n { additionalTransform: preTransform }: { additionalTransform?: string } = {}\r\n ) {\r\n const markup = [],\r\n transform = (\r\n this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : iMatrix.concat()\r\n ) as TMat2D,\r\n gradientUnits =\r\n this.gradientUnits === 'pixels'\r\n ? 'userSpaceOnUse'\r\n : 'objectBoundingBox';\r\n // colorStops must be sorted ascending, and guarded against deep mutations\r\n const colorStops = this.colorStops\r\n .map((colorStop) => ({ ...colorStop }))\r\n .sort((a, b) => {\r\n return a.offset - b.offset;\r\n });\r\n\r\n let offsetX = -this.offsetX,\r\n offsetY = -this.offsetY;\r\n if (gradientUnits === 'objectBoundingBox') {\r\n offsetX /= object.width;\r\n offsetY /= object.height;\r\n } else {\r\n offsetX += object.width / 2;\r\n offsetY += object.height / 2;\r\n }\r\n if (object.type === 'path' && this.gradientUnits !== 'percentage') {\r\n offsetX -= object.pathOffset.x;\r\n offsetY -= object.pathOffset.y;\r\n }\r\n transform[4] -= offsetX;\r\n transform[5] -= offsetY;\r\n\r\n const commonAttributes = [\r\n `id=\"SVGID_${this.id}\"`,\r\n `gradientUnits=\"${gradientUnits}\"`,\r\n `gradientTransform=\"${\r\n preTransform ? preTransform + ' ' : ''\r\n }${matrixToSVG(transform)}\"`,\r\n '',\r\n ].join(' ');\r\n\r\n if (this.type === 'linear') {\r\n const { x1, y1, x2, y2 } = this.coords;\r\n markup.push(\r\n '\\n'\r\n );\r\n } else if (this.type === 'radial') {\r\n const { x1, y1, x2, y2, r1, r2 } = this\r\n .coords as GradientCoords<'radial'>;\r\n const needsSwap = r1 > r2;\r\n // svg radial gradient has just 1 radius. the biggest.\r\n markup.push(\r\n '\\n'\r\n );\r\n if (needsSwap) {\r\n // svg goes from internal to external radius. if radius are inverted, swap color stops.\r\n colorStops.reverse(); // mutates array\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset = 1 - colorStop.offset;\r\n });\r\n }\r\n const minRadius = Math.min(r1, r2);\r\n if (minRadius > 0) {\r\n // i have to shift all colorStops and add new one in 0.\r\n const maxRadius = Math.max(r1, r2),\r\n percentageShift = minRadius / maxRadius;\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset += percentageShift * (1 - colorStop.offset);\r\n });\r\n }\r\n }\r\n\r\n colorStops.forEach(({ color, offset, opacity }) => {\r\n markup.push(\r\n '\\n'\r\n );\r\n });\r\n\r\n markup.push(\r\n this.type === 'linear' ? '' : '',\r\n '\\n'\r\n );\r\n\r\n return markup.join('');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns an instance of CanvasGradient\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {CanvasGradient}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (!this.type) {\r\n return;\r\n }\r\n\r\n const coords = this.coords as GradientCoords<'radial'>;\r\n const gradient =\r\n this.type === 'linear'\r\n ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2)\r\n : ctx.createRadialGradient(\r\n coords.x1,\r\n coords.y1,\r\n coords.r1,\r\n coords.x2,\r\n coords.y2,\r\n coords.r2\r\n );\r\n\r\n this.colorStops.forEach(({ color, opacity, offset }) => {\r\n gradient.addColorStop(\r\n offset,\r\n typeof opacity !== 'undefined'\r\n ? new Color(color).setAlpha(opacity).toRgba()\r\n : color\r\n );\r\n });\r\n\r\n return gradient;\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * Returns {@link Gradient} instance from an SVG element\r\n * @static\r\n * @memberOf Gradient\r\n * @param {SVGGradientElement} el SVG gradient element\r\n * @param {FabricObject} instance\r\n * @param {String} opacity A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity.\r\n * @param {SVGOptions} svgOptions an object containing the size of the SVG in order to parse correctly gradients\r\n * that uses gradientUnits as 'userSpaceOnUse' and percentages.\r\n * @return {Gradient} Gradient instance\r\n * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement\r\n * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement\r\n *\r\n * @example\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n */\r\n static fromElement(\r\n el: SVGGradientElement,\r\n instance: FabricObject,\r\n svgOptions: SVGOptions\r\n ): Gradient {\r\n const gradientUnits = parseGradientUnits(el);\r\n return new Gradient({\r\n id: el.getAttribute('id') || undefined,\r\n type: parseType(el),\r\n coords: parseCoords(el, {\r\n width: svgOptions.viewBoxWidth || svgOptions.width,\r\n height: svgOptions.viewBoxHeight || svgOptions.height,\r\n }),\r\n colorStops: parseColorStops(el, svgOptions.opacity),\r\n gradientUnits,\r\n gradientTransform: parseTransformAttribute(\r\n el.getAttribute('gradientTransform') || ''\r\n ),\r\n ...(gradientUnits === 'pixels'\r\n ? {\r\n offsetX: -instance.left,\r\n offsetY: -instance.top,\r\n }\r\n : {\r\n offsetX: 0,\r\n offsetY: 0,\r\n }),\r\n });\r\n }\r\n /* _FROM_SVG_END_ */\r\n}\r\n\r\nfabric.Gradient = Gradient;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../HEADER';\r\nimport { config } from './config';\r\nimport { TCrossOrigin, TMat2D, TSize } from './typedefs';\r\nimport { ifNaN } from './util/internals';\r\nimport { loadImage } from './util/misc/objectEnlive';\r\nimport { pick } from './util/misc/pick';\r\nimport { toFixed } from './util/misc/toFixed';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nexport type TPatternRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\r\n\r\ntype TExportedKeys =\r\n | 'crossOrigin'\r\n | 'offsetX'\r\n | 'offsetY'\r\n | 'patternTransform'\r\n | 'repeat'\r\n | 'source';\r\n\r\nexport type TPatternOptions = Partial>;\r\n\r\nexport type TPatternSerialized = TPatternOptions & {\r\n source: string;\r\n};\r\n\r\nexport type TPatternHydrationOptions = {\r\n /**\r\n * handle aborting\r\n * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\n signal: AbortSignal;\r\n};\r\n\r\ntype TImageSource = { source: HTMLImageElement };\r\ntype TCanvasSource = { source: HTMLCanvasElement };\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/patterns demo}\r\n * @see {@link http://fabricjs.com/dynamic-patterns demo}\r\n */\r\nexport class Pattern {\r\n type = 'pattern';\r\n\r\n /**\r\n * @type TPatternRepeat\r\n * @defaults\r\n */\r\n repeat: TPatternRepeat = 'repeat';\r\n\r\n /**\r\n * Pattern horizontal offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Pattern vertical offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * @type TCrossOrigin\r\n * @default\r\n */\r\n crossOrigin: TCrossOrigin = '';\r\n\r\n /**\r\n * transform matrix to change the pattern, imported from svgs.\r\n * @type Array\r\n * @default\r\n */\r\n patternTransform: TMat2D | null = null;\r\n\r\n source!: CanvasImageSource;\r\n\r\n readonly id: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @param {option.source} [source] the pattern source, eventually empty or a drawable\r\n * @return {fabric.Pattern} thisArg\r\n */\r\n constructor(options: TPatternOptions = {}) {\r\n this.id = FabricObject.__uid++;\r\n this.setOptions(options);\r\n }\r\n\r\n setOptions(options: Record) {\r\n for (const prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is an element\r\n */\r\n isImageSource(): this is TImageSource {\r\n return typeof this.source.src === 'string';\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is a element\r\n */\r\n isCanvasSource(): this is TCanvasSource {\r\n return typeof this.source === 'object' && this.source.toDataURL;\r\n }\r\n\r\n sourceToString() {\r\n return this.isImageSource()\r\n ? this.source.src\r\n : this.isCanvasSource()\r\n ? this.source.toDataURL()\r\n : '';\r\n }\r\n\r\n /**\r\n * Returns an instance of CanvasPattern\r\n * @param {CanvasRenderingContext2D} ctx Context to create pattern\r\n * @return {CanvasPattern}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (\r\n // if the image failed to load, return, and allow rest to continue loading\r\n !this.source ||\r\n // if an image\r\n (this.isImageSource() &&\r\n (!this.source.complete ||\r\n this.source.naturalWidth === 0 ||\r\n this.source.naturalHeight === 0))\r\n ) {\r\n return '';\r\n }\r\n\r\n return ctx.createPattern(this.source, this.repeat);\r\n }\r\n\r\n /**\r\n * Returns object representation of a pattern\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object} Object representation of a pattern instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: 'pattern',\r\n source: this.sourceToString(),\r\n repeat: this.repeat,\r\n crossOrigin: this.crossOrigin,\r\n offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS),\r\n offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS),\r\n patternTransform: this.patternTransform\r\n ? this.patternTransform.concat()\r\n : null,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a pattern\r\n */\r\n toSVG({ width, height }: TSize) {\r\n const patternSource = this.source,\r\n patternOffsetX = ifNaN(this.offsetX / width, 0),\r\n patternOffsetY = ifNaN(this.offsetY / height, 0),\r\n patternWidth =\r\n this.repeat === 'repeat-y' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetX || 0)\r\n : ifNaN(patternSource.width / width, 0),\r\n patternHeight =\r\n this.repeat === 'repeat-x' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetY || 0)\r\n : ifNaN(patternSource.height / height, 0);\r\n\r\n return [\r\n ``,\r\n ``,\r\n ``,\r\n '',\r\n ].join('\\n');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n static async fromObject(\r\n { source, ...serialized }: TPatternSerialized,\r\n options: TPatternHydrationOptions\r\n ) {\r\n const img = await loadImage(source, {\r\n ...options,\r\n crossOrigin: serialized.crossOrigin,\r\n });\r\n return new Pattern({ ...serialized, source: img });\r\n }\r\n}\r\n\r\nfabric.Pattern = Pattern;\r\n","//@ts-nocheck\r\n\r\nimport { Color } from './color';\r\nimport { config } from './config';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Shadow class\r\n * @class fabric.Shadow\r\n * @see {@link http://fabricjs.com/shadows|Shadow demo}\r\n * @see {@link fabric.Shadow#initialize} for constructor definition\r\n */\r\n fabric.Shadow = fabric.util.createClass(\r\n /** @lends fabric.Shadow.prototype */ {\r\n /**\r\n * Shadow color\r\n * @type String\r\n * @default\r\n */\r\n color: 'rgb(0,0,0)',\r\n\r\n /**\r\n * Shadow blur\r\n * @type Number\r\n */\r\n blur: 0,\r\n\r\n /**\r\n * Shadow horizontal offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetX: 0,\r\n\r\n /**\r\n * Shadow vertical offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetY: 0,\r\n\r\n /**\r\n * Whether the shadow should affect stroke operations\r\n * @type Boolean\r\n * @default\r\n */\r\n affectStroke: false,\r\n\r\n /**\r\n * Indicates whether toObject should include default values\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * When `false`, the shadow will scale with the object.\r\n * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale.\r\n * default to false\r\n * @type Boolean\r\n * @default\r\n */\r\n nonScaling: false,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. \"rgba(0,0,0,0.2) 2px 2px 10px\")\r\n * @return {fabric.Shadow} thisArg\r\n */\r\n initialize: function (options) {\r\n if (typeof options === 'string') {\r\n options = this._parseShadow(options);\r\n }\r\n\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n\r\n this.id = FabricObject.__uid++;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} shadow Shadow value to parse\r\n * @return {Object} Shadow object with color, offsetX, offsetY and blur\r\n */\r\n _parseShadow: function (shadow) {\r\n var shadowStr = shadow.trim(),\r\n offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [],\r\n color =\r\n shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') ||\r\n 'rgb(0,0,0)';\r\n\r\n return {\r\n color: color.trim(),\r\n offsetX: parseFloat(offsetsAndBlur[1], 10) || 0,\r\n offsetY: parseFloat(offsetsAndBlur[2], 10) || 0,\r\n blur: parseFloat(offsetsAndBlur[3], 10) || 0,\r\n };\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow\r\n * @return {String} Returns CSS3 text-shadow declaration\r\n */\r\n toString: function () {\r\n return [this.offsetX, this.offsetY, this.blur, this.color].join('px ');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a shadow\r\n * @param {fabric.Object} object\r\n * @return {String} SVG representation of a shadow\r\n */\r\n toSVG: function (object) {\r\n var fBoxX = 40,\r\n fBoxY = 40,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n offset = fabric.util.rotateVector(\r\n new Point(this.offsetX, this.offsetY),\r\n fabric.util.degreesToRadians(-object.angle)\r\n ),\r\n BLUR_BOX = 20,\r\n color = new Color(this.color);\r\n\r\n if (object.width && object.height) {\r\n //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion\r\n // we add some extra space to filter box to contain the blur ( 20 )\r\n fBoxX =\r\n toFixed(\r\n (Math.abs(offset.x) + this.blur) / object.width,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n fBoxY =\r\n toFixed(\r\n (Math.abs(offset.y) + this.blur) / object.height,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n }\r\n if (object.flipX) {\r\n offset.x *= -1;\r\n }\r\n if (object.flipY) {\r\n offset.y *= -1;\r\n }\r\n\r\n return (\r\n '\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\n' +\r\n '\\n'\r\n );\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns object representation of a shadow\r\n * @return {Object} Object representation of a shadow instance\r\n */\r\n toObject: function () {\r\n if (this.includeDefaultValues) {\r\n return {\r\n color: this.color,\r\n blur: this.blur,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n affectStroke: this.affectStroke,\r\n nonScaling: this.nonScaling,\r\n };\r\n }\r\n var obj = {},\r\n proto = fabric.Shadow.prototype;\r\n\r\n [\r\n 'color',\r\n 'blur',\r\n 'offsetX',\r\n 'offsetY',\r\n 'affectStroke',\r\n 'nonScaling',\r\n ].forEach(function (prop) {\r\n if (this[prop] !== proto[prop]) {\r\n obj[prop] = this[prop];\r\n }\r\n }, this);\r\n\r\n return obj;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Regex matching shadow offsetX, offsetY and blur (ex: \"2px 2px 10px rgba(0,0,0,0.2)\", \"rgb(0,255,0) 2px 2px\")\r\n * @static\r\n * @field\r\n * @memberOf fabric.Shadow\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.Shadow.reOffsetsAndBlur =\r\n /(?:\\s|^)(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(\\d+(?:\\.\\d*)?(?:px)?)?(?:\\s?|$)(?:$|\\s)/;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { config } from './config';\r\nimport { VERSION } from './constants';\r\nimport { Observable } from './mixins/observable.mixin';\r\nimport { Point } from './point.class';\r\nimport { requestAnimFrame } from './util/animate';\r\nimport { removeFromArray } from './util/internals';\r\nimport { pick } from './util/misc/pick';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { CommonMethods } from './mixins/shared_methods.mixin';\r\n(function (global) {\r\n // aliases for faster resolution\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n getElementOffset = fabric.util.getElementOffset,\r\n toFixed = fabric.util.toFixed,\r\n transformPoint = fabric.util.transformPoint,\r\n invertTransform = fabric.util.invertTransform,\r\n getNodeCanvas = fabric.util.getNodeCanvas,\r\n createCanvasElement = fabric.util.createCanvasElement,\r\n CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element');\r\n\r\n /**\r\n * Static canvas class\r\n * @class fabric.StaticCanvas\r\n * @mixes fabric.Collection\r\n * @mixes fabric.Observable\r\n * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo}\r\n * @see {@link fabric.StaticCanvas#initialize} for constructor definition\r\n * @fires before:render\r\n * @fires after:render\r\n * @fires canvas:cleared\r\n * @fires object:added\r\n * @fires object:removed\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.StaticCanvas = fabric.util.createClass(\r\n fabric.Collection,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n },\r\n\r\n /**\r\n * Background color of canvas instance.\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n backgroundColor: '',\r\n\r\n /**\r\n * Background image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as background, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n backgroundImage: null,\r\n\r\n /**\r\n * Overlay color of canvas instance.\r\n * @since 1.3.9\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n overlayColor: '',\r\n\r\n /**\r\n * Overlay image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as overlay, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n overlayImage: null,\r\n\r\n /**\r\n * Indicates whether toObject/toDatalessObject should include default values\r\n * if set to false, takes precedence over the object value.\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * Indicates whether objects' state should be saved\r\n * @type Boolean\r\n * @default\r\n */\r\n stateful: false,\r\n\r\n /**\r\n * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove},\r\n * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas.\r\n * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once\r\n * since the renders are quequed and executed one per frame.\r\n * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() )\r\n * Left default to true to do not break documentation and old app, fiddles.\r\n * @type Boolean\r\n * @default\r\n */\r\n renderOnAddRemove: true,\r\n\r\n /**\r\n * Indicates whether object controls (borders/controls) are rendered above overlay image\r\n * @type Boolean\r\n * @default\r\n */\r\n controlsAboveOverlay: false,\r\n\r\n /**\r\n * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n allowTouchScrolling: false,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing, this is on by default in browsers\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothingEnabled: true,\r\n\r\n /**\r\n * The transformation (a Canvas 2D API transform matrix) which focuses the viewport\r\n * @type Array\r\n * @example Default transform\r\n * canvas.viewportTransform = [1, 0, 0, 1, 0, 0];\r\n * @example Scale by 70% and translate toward bottom-right by 50, without skewing\r\n * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50];\r\n * @default\r\n */\r\n viewportTransform: fabric.iMatrix.concat(),\r\n\r\n /**\r\n * if set to false background image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n backgroundVpt: true,\r\n\r\n /**\r\n * if set to false overlya image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n overlayVpt: true,\r\n\r\n /**\r\n * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens\r\n * @type Boolean\r\n * @default\r\n */\r\n enableRetinaScaling: true,\r\n\r\n /**\r\n * Describe canvas element extension over design\r\n * properties are tl,tr,bl,br.\r\n * if canvas is not zoomed/panned those points are the four corner of canvas\r\n * if canvas is viewportTransformed you those points indicate the extension\r\n * of canvas element in plain untrasformed coordinates\r\n * The coordinates get updated with @method calcViewportBoundaries.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n */\r\n vptCoords: {},\r\n\r\n /**\r\n * Based on vptCoords and object.aCoords, skip rendering of objects that\r\n * are not included in current viewport.\r\n * May greatly help in applications with crowded canvas and use of zoom/pan\r\n * If One of the corner of the bounding box of the object is on the canvas\r\n * the objects get rendered.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n * @type Boolean\r\n * @default\r\n */\r\n skipOffscreen: true,\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the canvas has rendered, and the context is placed in the\r\n * top left corner of the canvas.\r\n * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true\r\n * @type fabric.Object\r\n */\r\n clipPath: undefined,\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n */\r\n _initStatic: function (el, options) {\r\n this._objects = [];\r\n this._createLowerCanvas(el);\r\n this._initOptions(options);\r\n // only initialize retina scaling once\r\n if (!this.interactive) {\r\n this._initRetinaScaling();\r\n }\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _isRetinaScaling: function () {\r\n return config.devicePixelRatio > 1 && this.enableRetinaScaling;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} retinaScaling if applied, otherwise 1;\r\n */\r\n getRetinaScaling: function () {\r\n return this._isRetinaScaling()\r\n ? Math.max(1, config.devicePixelRatio)\r\n : 1;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initRetinaScaling: function () {\r\n if (!this._isRetinaScaling()) {\r\n return;\r\n }\r\n var scaleRatio = config.devicePixelRatio;\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.lowerCanvasEl,\r\n this.contextContainer\r\n );\r\n if (this.upperCanvasEl) {\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.upperCanvasEl,\r\n this.contextTop\r\n );\r\n }\r\n },\r\n\r\n __initRetinaScaling: function (scaleRatio, canvas, context) {\r\n canvas.setAttribute('width', this.width * scaleRatio);\r\n canvas.setAttribute('height', this.height * scaleRatio);\r\n context.scale(scaleRatio, scaleRatio);\r\n },\r\n\r\n /**\r\n * Calculates canvas element offset relative to the document\r\n * This method is also attached as \"resize\" event handler of window\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n calcOffset: function () {\r\n this._offset = getElementOffset(this.lowerCanvasEl);\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCanvasElement: function () {\r\n var element = createCanvasElement();\r\n if (!element) {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n if (!element.style) {\r\n element.style = {};\r\n }\r\n if (typeof element.getContext === 'undefined') {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n return element;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initOptions: function (options) {\r\n var lowerCanvasEl = this.lowerCanvasEl;\r\n this.set(options);\r\n\r\n this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0;\r\n this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0;\r\n\r\n if (!this.lowerCanvasEl.style) {\r\n return;\r\n }\r\n\r\n lowerCanvasEl.width = this.width;\r\n lowerCanvasEl.height = this.height;\r\n\r\n lowerCanvasEl.style.width = this.width + 'px';\r\n lowerCanvasEl.style.height = this.height + 'px';\r\n\r\n this.viewportTransform = this.viewportTransform.slice();\r\n },\r\n\r\n /**\r\n * Creates a bottom canvas\r\n * @private\r\n * @param {HTMLElement} [canvasEl]\r\n */\r\n _createLowerCanvas: function (canvasEl) {\r\n // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node\r\n if (canvasEl && canvasEl.getContext) {\r\n this.lowerCanvasEl = canvasEl;\r\n } else {\r\n this.lowerCanvasEl =\r\n fabric.document.getElementById(canvasEl) ||\r\n canvasEl ||\r\n this._createCanvasElement();\r\n }\r\n if (this.lowerCanvasEl.hasAttribute('data-fabric')) {\r\n /* _DEV_MODE_START_ */\r\n throw new Error(\r\n 'fabric.js: trying to initialize a canvas that has already been initialized'\r\n );\r\n /* _DEV_MODE_END_ */\r\n }\r\n this.lowerCanvasEl.classList.add('lower-canvas');\r\n this.lowerCanvasEl.setAttribute('data-fabric', 'main');\r\n if (this.interactive) {\r\n this._originalCanvasStyle = this.lowerCanvasEl.style.cssText;\r\n this._applyCanvasStyle(this.lowerCanvasEl);\r\n }\r\n\r\n this.contextContainer = this.lowerCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * Returns canvas width (in px)\r\n * @return {Number}\r\n */\r\n getWidth: function () {\r\n return this.width;\r\n },\r\n\r\n /**\r\n * Returns canvas height (in px)\r\n * @return {Number}\r\n */\r\n getHeight: function () {\r\n return this.height;\r\n },\r\n\r\n /**\r\n * Sets width of this canvas instance\r\n * @param {Number|String} value Value to set width to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setWidth: function (value, options) {\r\n return this.setDimensions({ width: value }, options);\r\n },\r\n\r\n /**\r\n * Sets height of this canvas instance\r\n * @param {Number|String} value Value to set height to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setHeight: function (value, options) {\r\n return this.setDimensions({ height: value }, options);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n var cssValue;\r\n\r\n options = options || {};\r\n\r\n for (var prop in dimensions) {\r\n cssValue = dimensions[prop];\r\n\r\n if (!options.cssOnly) {\r\n this._setBackstoreDimension(prop, dimensions[prop]);\r\n cssValue += 'px';\r\n this.hasLostContext = true;\r\n }\r\n\r\n if (!options.backstoreOnly) {\r\n this._setCssDimension(prop, cssValue);\r\n }\r\n }\r\n if (this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush &&\r\n this.freeDrawingBrush._setBrushStyles(this.contextTop);\r\n }\r\n this._initRetinaScaling();\r\n this.calcOffset();\r\n\r\n if (!options.cssOnly) {\r\n this.requestRenderAll();\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {Number} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setBackstoreDimension: function (prop, value) {\r\n this.lowerCanvasEl[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl[prop] = value;\r\n }\r\n\r\n if (this.cacheCanvasEl) {\r\n this.cacheCanvasEl[prop] = value;\r\n }\r\n\r\n this[prop] = value;\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting css width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {String} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setCssDimension: function (prop, value) {\r\n this.lowerCanvasEl.style[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl.style[prop] = value;\r\n }\r\n\r\n if (this.wrapperEl) {\r\n this.wrapperEl.style[prop] = value;\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns canvas zoom level\r\n * @return {Number}\r\n */\r\n getZoom: function () {\r\n return this.viewportTransform[0];\r\n },\r\n\r\n /**\r\n * Sets viewport transformation of this canvas instance\r\n * @param {Array} vpt a Canvas 2D API transform matrix\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setViewportTransform: function (vpt) {\r\n var activeObject = this._activeObject,\r\n backgroundObject = this.backgroundImage,\r\n overlayObject = this.overlayImage,\r\n object,\r\n i,\r\n len;\r\n this.viewportTransform = vpt;\r\n for (i = 0, len = this._objects.length; i < len; i++) {\r\n object = this._objects[i];\r\n object.group || object.setCoords();\r\n }\r\n if (activeObject) {\r\n activeObject.setCoords();\r\n }\r\n if (backgroundObject) {\r\n backgroundObject.setCoords();\r\n }\r\n if (overlayObject) {\r\n overlayObject.setCoords();\r\n }\r\n this.calcViewportBoundaries();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance, the zoom centered around point\r\n * meaning that following zoom to point with the same point will have the visual\r\n * effect of the zoom originating from that point. The point won't move.\r\n * It has nothing to do with canvas center or visual center of the viewport.\r\n * @param {Point} point to zoom with respect to\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n zoomToPoint: function (point, value) {\r\n // TODO: just change the scale, preserve other transformations\r\n var before = point,\r\n vpt = this.viewportTransform.slice(0);\r\n point = transformPoint(point, invertTransform(this.viewportTransform));\r\n vpt[0] = value;\r\n vpt[3] = value;\r\n var after = transformPoint(point, vpt);\r\n vpt[4] += before.x - after.x;\r\n vpt[5] += before.y - after.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setZoom: function (value) {\r\n this.zoomToPoint(new Point(0, 0), value);\r\n return this;\r\n },\r\n\r\n /**\r\n * Pan viewport so as to place point at top left corner of canvas\r\n * @param {Point} point to move to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n absolutePan: function (point) {\r\n var vpt = this.viewportTransform.slice(0);\r\n vpt[4] = -point.x;\r\n vpt[5] = -point.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Pans viewpoint relatively\r\n * @param {Point} point (position vector) to move by\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n relativePan: function (point) {\r\n return this.absolutePan(\r\n new Point(\r\n -point.x - this.viewportTransform[4],\r\n -point.y - this.viewportTransform[5]\r\n )\r\n );\r\n },\r\n\r\n /**\r\n * Returns <canvas> element corresponding to this instance\r\n * @return {HTMLCanvasElement}\r\n */\r\n getElement: function () {\r\n return this.lowerCanvasEl;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to add\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n add: function () {\r\n fabric.Collection.add.call(this, arguments, this._onObjectAdded);\r\n arguments.length > 0 &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n insertAt: function (objects, index) {\r\n fabric.Collection.insertAt.call(\r\n this,\r\n objects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n (Array.isArray(objects) ? objects.length > 0 : !!objects) &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to remove\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this.stateful && obj.setupState();\r\n if (obj.canvas && obj.canvas !== this) {\r\n /* _DEV_MODE_START_ */\r\n console.warn(\r\n 'fabric.Canvas: trying to add an object that belongs to a different canvas.\\n' +\r\n 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'\r\n );\r\n /* _DEV_MODE_END_ */\r\n obj.canvas.remove(obj);\r\n }\r\n obj._set('canvas', this);\r\n obj.setCoords();\r\n this.fire('object:added', { target: obj });\r\n obj.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n obj._set('canvas', undefined);\r\n this.fire('object:removed', { target: obj });\r\n obj.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Clears specified context of canvas element\r\n * @param {CanvasRenderingContext2D} ctx Context to clear\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clearContext: function (ctx) {\r\n ctx.clearRect(0, 0, this.width, this.height);\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where objects are drawn\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getContext: function () {\r\n return this.contextContainer;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n this.remove.apply(this, this.getObjects());\r\n this.backgroundImage = null;\r\n this.overlayImage = null;\r\n this.backgroundColor = '';\r\n this.overlayColor = '';\r\n if (this._hasITextHandlers) {\r\n this.off('mouse:up', this._mouseUpITextHandler);\r\n this._iTextInstances = null;\r\n this._hasITextHandlers = false;\r\n }\r\n this.clearContext(this.contextContainer);\r\n this.fire('canvas:cleared');\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Renders the canvas\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n this.renderCanvas(this.contextContainer, this._objects);\r\n return this;\r\n },\r\n\r\n /**\r\n * Function created to be instance bound at initialization\r\n * used in requestAnimationFrame rendering\r\n * Let the fabricJS call it. If you call it manually you could have more\r\n * animationFrame stacking on to of each other\r\n * for an imperative rendering, use canvas.renderAll\r\n * @private\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAndReset: function () {\r\n this.nextRenderHandle = 0;\r\n this.renderAll();\r\n },\r\n\r\n /**\r\n * Append a renderAll request to next animation frame.\r\n * unless one is already in progress, in that case nothing is done\r\n * a boolean flag will avoid appending more.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n requestRenderAll: function () {\r\n if (!this.nextRenderHandle && !this.disposed && !this.destroyed) {\r\n this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Calculate the position of the 4 corner of canvas with current viewportTransform.\r\n * helps to determinate when an object is in the current rendering viewport using\r\n * object absolute coordinates ( aCoords )\r\n * @return {Object} points.tl\r\n * @chainable\r\n */\r\n calcViewportBoundaries: function () {\r\n var width = this.width,\r\n height = this.height,\r\n iVpt = invertTransform(this.viewportTransform),\r\n a = transformPoint({ x: 0, y: 0 }, iVpt),\r\n b = transformPoint({ x: width, y: height }, iVpt),\r\n // we don't support vpt flipping\r\n // but the code is robust enough to mostly work with flipping\r\n min = a.min(b),\r\n max = a.max(b);\r\n return (this.vptCoords = {\r\n tl: min,\r\n tr: new Point(max.x, min.y),\r\n bl: new Point(min.x, max.y),\r\n br: max,\r\n });\r\n },\r\n\r\n cancelRequestedRender: function () {\r\n if (this.nextRenderHandle) {\r\n fabric.util.cancelAnimFrame(this.nextRenderHandle);\r\n this.nextRenderHandle = 0;\r\n }\r\n },\r\n\r\n /**\r\n * Renders background, objects, overlay and controls.\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {Array} objects to render\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderCanvas: function (ctx, objects) {\r\n if (this.destroyed) {\r\n return;\r\n }\r\n\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n this.calcViewportBoundaries();\r\n this.clearContext(ctx);\r\n ctx.imageSmoothingEnabled = this.imageSmoothingEnabled;\r\n // node-canvas\r\n ctx.patternQuality = 'best';\r\n this.fire('before:render', { ctx: ctx });\r\n this._renderBackground(ctx);\r\n\r\n ctx.save();\r\n //apply viewport transform once for all rendering process\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this._renderObjects(ctx, objects);\r\n ctx.restore();\r\n if (!this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n if (path) {\r\n path._set('canvas', this);\r\n // needed to setup a couple of variables\r\n path.shouldCache();\r\n path._transformDone = true;\r\n path.renderCache({ forClipping: true });\r\n this.drawClipPathOnCanvas(ctx);\r\n }\r\n this._renderOverlay(ctx);\r\n if (this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n this.fire('after:render', { ctx: ctx });\r\n\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask();\r\n this.__cleanupTask = undefined;\r\n }\r\n },\r\n\r\n /**\r\n * Paint the cached clipPath on the lowerCanvasEl\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawClipPathOnCanvas: function (ctx) {\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4;\r\n ctx.globalCompositeOperation = 'destination-in';\r\n path.transform(ctx);\r\n ctx.scale(1 / path.zoomX, 1 / path.zoomY);\r\n ctx.drawImage(\r\n path._cacheCanvas,\r\n -path.cacheTranslationX,\r\n -path.cacheTranslationY\r\n );\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} objects to render\r\n */\r\n _renderObjects: function (ctx, objects) {\r\n var i, len;\r\n for (i = 0, len = objects.length; i < len; ++i) {\r\n objects[i] && objects[i].render(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {string} property 'background' or 'overlay'\r\n */\r\n _renderBackgroundOrOverlay: function (ctx, property) {\r\n var fill = this[property + 'Color'],\r\n object = this[property + 'Image'],\r\n v = this.viewportTransform,\r\n needsVpt = this[property + 'Vpt'];\r\n if (!fill && !object) {\r\n return;\r\n }\r\n if (fill) {\r\n ctx.save();\r\n ctx.beginPath();\r\n ctx.moveTo(0, 0);\r\n ctx.lineTo(this.width, 0);\r\n ctx.lineTo(this.width, this.height);\r\n ctx.lineTo(0, this.height);\r\n ctx.closePath();\r\n ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill;\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0);\r\n var m = fill.gradientTransform || fill.patternTransform;\r\n m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n ctx.fill();\r\n ctx.restore();\r\n }\r\n if (object) {\r\n ctx.save();\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n object.render(ctx);\r\n ctx.restore();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'background');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderOverlay: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'overlay');\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * Returned value is an object with top and left properties\r\n * @return {Object} object with \"top\" and \"left\" number values\r\n * @deprecated migrate to `getCenterPoint`\r\n */\r\n getCenter: function () {\r\n return {\r\n top: this.height / 2,\r\n left: this.width / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * @return {Point}\r\n */\r\n getCenterPoint: function () {\r\n return new Point(this.width / 2, this.height / 2);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the canvas\r\n * @param {fabric.Object} object Object to center horizontally\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n centerObjectH: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(this.getCenterPoint().x, object.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically in the canvas\r\n * @param {fabric.Object} object Object to center vertically\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObjectV: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, this.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the canvas\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObject: function (object) {\r\n var center = this.getCenterPoint();\r\n return this._centerObject(object, center);\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the viewport\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObject: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n return this._centerObject(object, vpCenter);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectH: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n this._centerObject(\r\n object,\r\n new Point(vpCenter.x, object.getCenterPoint().y)\r\n );\r\n return this;\r\n },\r\n\r\n /**\r\n * Centers object Vertically in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectV: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, vpCenter.y)\r\n );\r\n },\r\n\r\n /**\r\n * Calculate the point in canvas that correspond to the center of actual viewport.\r\n * @return {Point} vpCenter, viewport center\r\n * @chainable\r\n */\r\n getVpCenter: function () {\r\n var center = this.getCenterPoint(),\r\n iVpt = invertTransform(this.viewportTransform);\r\n return transformPoint(center, iVpt);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object Object to center\r\n * @param {Point} center Center point\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n _centerObject: function (object, center) {\r\n object.setXY(center, 'center', 'center');\r\n object.setCoords();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns dataless JSON representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {String} json string\r\n */\r\n toDatalessJSON: function (propertiesToInclude) {\r\n return this.toDatalessObject(propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns Object representation of canvas\r\n * this alias is provided because if you call JSON.stringify on an instance,\r\n * the toJSON object will be invoked if it exists.\r\n * Having a toJSON method means you can do JSON.stringify(myCanvas)\r\n * @return {Object} JSON compatible object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo}\r\n * @example JSON without additional properties\r\n * var json = canvas.toJSON();\r\n * @example JSON with additional properties included\r\n * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']);\r\n * @example JSON without default values\r\n * var json = canvas.toJSON();\r\n */\r\n toJSON: function () {\r\n return this.toObject();\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toDatalessObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObjectMethod: function (methodName, propertiesToInclude) {\r\n const clipPath = this.clipPath;\r\n const clipPathData =\r\n clipPath && !clipPath.excludeFromExport\r\n ? this._toObject(clipPath, methodName, propertiesToInclude)\r\n : null;\r\n return {\r\n version: VERSION,\r\n ...pick(this, propertiesToInclude),\r\n objects: this._objects\r\n .filter((object) => !object.excludeFromExport)\r\n .map((instance) =>\r\n this._toObject(instance, methodName, propertiesToInclude)\r\n ),\r\n ...this.__serializeBgOverlay(methodName, propertiesToInclude),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n var originalValue;\r\n\r\n if (!this.includeDefaultValues) {\r\n originalValue = instance.includeDefaultValues;\r\n instance.includeDefaultValues = false;\r\n }\r\n\r\n var object = instance[methodName](propertiesToInclude);\r\n if (!this.includeDefaultValues) {\r\n instance.includeDefaultValues = originalValue;\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n __serializeBgOverlay: function (methodName, propertiesToInclude) {\r\n var data = {},\r\n bgImage = this.backgroundImage,\r\n overlayImage = this.overlayImage,\r\n bgColor = this.backgroundColor,\r\n overlayColor = this.overlayColor;\r\n\r\n if (bgColor && bgColor.toObject) {\r\n if (!bgColor.excludeFromExport) {\r\n data.background = bgColor.toObject(propertiesToInclude);\r\n }\r\n } else if (bgColor) {\r\n data.background = bgColor;\r\n }\r\n\r\n if (overlayColor && overlayColor.toObject) {\r\n if (!overlayColor.excludeFromExport) {\r\n data.overlay = overlayColor.toObject(propertiesToInclude);\r\n }\r\n } else if (overlayColor) {\r\n data.overlay = overlayColor;\r\n }\r\n\r\n if (bgImage && !bgImage.excludeFromExport) {\r\n data.backgroundImage = this._toObject(\r\n bgImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n if (overlayImage && !overlayImage.excludeFromExport) {\r\n data.overlayImage = this._toObject(\r\n overlayImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n\r\n return data;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true,\r\n * a zoomed canvas will then produce zoomed SVG output.\r\n * @type Boolean\r\n * @default\r\n */\r\n svgViewportTransformation: true,\r\n\r\n /**\r\n * Returns SVG representation of canvas\r\n * @function\r\n * @param {Object} [options] Options object for SVG output\r\n * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included\r\n * @param {Object} [options.viewBox] SVG viewbox object\r\n * @param {Number} [options.viewBox.x] x-coordinate of viewbox\r\n * @param {Number} [options.viewBox.y] y-coordinate of viewbox\r\n * @param {Number} [options.viewBox.width] Width of viewbox\r\n * @param {Number} [options.viewBox.height] Height of viewbox\r\n * @param {String} [options.encoding=UTF-8] Encoding of SVG output\r\n * @param {String} [options.width] desired width of svg with or without units\r\n * @param {String} [options.height] desired height of svg with or without units\r\n * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation.\r\n * @return {String} SVG string\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo}\r\n * @example Normal SVG output\r\n * var svg = canvas.toSVG();\r\n * @example SVG output without preamble (without <?xml ../>)\r\n * var svg = canvas.toSVG({suppressPreamble: true});\r\n * @example SVG output with viewBox attribute\r\n * var svg = canvas.toSVG({\r\n * viewBox: {\r\n * x: 100,\r\n * y: 100,\r\n * width: 200,\r\n * height: 300\r\n * }\r\n * });\r\n * @example SVG output with different encoding (default: UTF-8)\r\n * var svg = canvas.toSVG({encoding: 'ISO-8859-1'});\r\n * @example Modify SVG output with reviver function\r\n * var svg = canvas.toSVG(null, function(svg) {\r\n * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', '');\r\n * });\r\n */\r\n toSVG: function (options, reviver) {\r\n options || (options = {});\r\n options.reviver = reviver;\r\n var markup = [];\r\n\r\n this._setSVGPreamble(markup, options);\r\n this._setSVGHeader(markup, options);\r\n if (this.clipPath) {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n this._setSVGBgOverlayColor(markup, 'background');\r\n this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver);\r\n this._setSVGObjects(markup, reviver);\r\n if (this.clipPath) {\r\n markup.push('\\n');\r\n }\r\n this._setSVGBgOverlayColor(markup, 'overlay');\r\n this._setSVGBgOverlayImage(markup, 'overlayImage', reviver);\r\n\r\n markup.push('');\r\n\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGPreamble: function (markup, options) {\r\n if (options.suppressPreamble) {\r\n return;\r\n }\r\n markup.push(\r\n '\\n',\r\n '\\n'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGHeader: function (markup, options) {\r\n var width = options.width || this.width,\r\n height = options.height || this.height,\r\n vpt,\r\n viewBox = 'viewBox=\"0 0 ' + this.width + ' ' + this.height + '\" ',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n if (options.viewBox) {\r\n viewBox =\r\n 'viewBox=\"' +\r\n options.viewBox.x +\r\n ' ' +\r\n options.viewBox.y +\r\n ' ' +\r\n options.viewBox.width +\r\n ' ' +\r\n options.viewBox.height +\r\n '\" ';\r\n } else {\r\n if (this.svgViewportTransformation) {\r\n vpt = this.viewportTransform;\r\n viewBox =\r\n 'viewBox=\"' +\r\n toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) +\r\n '\" ';\r\n }\r\n }\r\n\r\n markup.push(\r\n '\\n',\r\n 'Created with Fabric.js ',\r\n VERSION,\r\n '\\n',\r\n '\\n',\r\n this.createSVGFontFacesMarkup(),\r\n this.createSVGRefElementsMarkup(),\r\n this.createSVGClipPathMarkup(options),\r\n '\\n'\r\n );\r\n },\r\n\r\n createSVGClipPathMarkup: function (options) {\r\n var clipPath = this.clipPath;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n return (\r\n '\\n' +\r\n this.clipPath.toClipPathSVG(options.reviver) +\r\n '\\n'\r\n );\r\n }\r\n return '';\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG referenced elements like patterns, gradients etc.\r\n * @return {String}\r\n */\r\n createSVGRefElementsMarkup: function () {\r\n var _this = this,\r\n markup = ['background', 'overlay'].map(function (prop) {\r\n var fill = _this[prop + 'Color'];\r\n if (fill && fill.toLive) {\r\n var shouldTransform = _this[prop + 'Vpt'],\r\n vpt = _this.viewportTransform,\r\n object = {\r\n width: _this.width / (shouldTransform ? vpt[0] : 1),\r\n height: _this.height / (shouldTransform ? vpt[3] : 1),\r\n };\r\n return fill.toSVG(object, {\r\n additionalTransform: shouldTransform\r\n ? fabric.util.matrixToSVG(vpt)\r\n : '',\r\n });\r\n }\r\n });\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG font faces,\r\n * font URLs for font faces must be collected by developers\r\n * and are not extracted from the DOM by fabricjs\r\n * @param {Array} objects Array of fabric objects\r\n * @return {String}\r\n */\r\n createSVGFontFacesMarkup: function () {\r\n var markup = '',\r\n fontList = {},\r\n obj,\r\n fontFamily,\r\n style,\r\n row,\r\n rowIndex,\r\n _char,\r\n charIndex,\r\n i,\r\n len,\r\n fontPaths = config.fontPaths,\r\n objects = [];\r\n\r\n this._objects.forEach(function add(object) {\r\n objects.push(object);\r\n if (object._objects) {\r\n object._objects.forEach(add);\r\n }\r\n });\r\n\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n obj = objects[i];\r\n fontFamily = obj.fontFamily;\r\n if (\r\n obj.type.indexOf('text') === -1 ||\r\n fontList[fontFamily] ||\r\n !fontPaths[fontFamily]\r\n ) {\r\n continue;\r\n }\r\n fontList[fontFamily] = true;\r\n if (!obj.styles) {\r\n continue;\r\n }\r\n style = obj.styles;\r\n for (rowIndex in style) {\r\n row = style[rowIndex];\r\n for (charIndex in row) {\r\n _char = row[charIndex];\r\n fontFamily = _char.fontFamily;\r\n if (!fontList[fontFamily] && fontPaths[fontFamily]) {\r\n fontList[fontFamily] = true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n for (var j in fontList) {\r\n markup += [\r\n '\\t\\t@font-face {\\n',\r\n \"\\t\\t\\tfont-family: '\",\r\n j,\r\n \"';\\n\",\r\n \"\\t\\t\\tsrc: url('\",\r\n fontPaths[j],\r\n \"');\\n\",\r\n '\\t\\t}\\n',\r\n ].join('');\r\n }\r\n\r\n if (markup) {\r\n markup = [\r\n '\\t\\n',\r\n ].join('');\r\n }\r\n\r\n return markup;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObjects: function (markup, reviver) {\r\n var instance,\r\n i,\r\n len,\r\n objects = this._objects;\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n instance = objects[i];\r\n if (instance.excludeFromExport) {\r\n continue;\r\n }\r\n this._setSVGObject(markup, instance, reviver);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n markup.push(instance.toSVG(reviver));\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayImage: function (markup, property, reviver) {\r\n if (\r\n this[property] &&\r\n !this[property].excludeFromExport &&\r\n this[property].toSVG\r\n ) {\r\n markup.push(this[property].toSVG(reviver));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayColor: function (markup, property) {\r\n var filler = this[property + 'Color'],\r\n vpt = this.viewportTransform,\r\n finalWidth = this.width,\r\n finalHeight = this.height;\r\n if (!filler) {\r\n return;\r\n }\r\n if (filler.toLive) {\r\n var repeat = filler.repeat,\r\n iVpt = fabric.util.invertTransform(vpt),\r\n shouldInvert = this[property + 'Vpt'],\r\n additionalTransform = shouldInvert\r\n ? fabric.util.matrixToSVG(iVpt)\r\n : '';\r\n markup.push(\r\n '\\n'\r\n );\r\n } else {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the bottom of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send to back\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.unshift(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.unshift(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the top of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.push(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.push(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection down in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in behind\r\n * the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx > 0 + objsMoved) {\r\n newIdx = idx - 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== 0) {\r\n // if object is not on the bottom of stack\r\n newIdx = this._findNewLowerIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewLowerIndex: function (object, idx, intersecting) {\r\n var newIdx, i;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse down the stack looking for the nearest intersecting object\r\n for (i = idx - 1; i >= 0; --i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx - 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection up in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in front\r\n * of the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx < this._objects.length - 1 - objsMoved) {\r\n newIdx = idx + 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== this._objects.length - 1) {\r\n // if object is not on top of stack (last item in an array)\r\n newIdx = this._findNewUpperIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewUpperIndex: function (object, idx, intersecting) {\r\n var newIdx, i, len;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse up the stack looking for the nearest intersecting object\r\n for (i = idx + 1, len = this._objects.length; i < len; ++i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx + 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @param {Number} index Position to move to\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (object, index) {\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(index, 0, object);\r\n return this.renderOnAddRemove && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * Waits until rendering has settled to destroy the canvas\r\n * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed\r\n * @throws if aborted by a consequent call\r\n */\r\n dispose: function () {\r\n this.disposed = true;\r\n return new Promise((resolve, reject) => {\r\n const task = () => {\r\n this.destroy();\r\n resolve(true);\r\n };\r\n task.kill = reject;\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask.kill('aborted');\r\n }\r\n\r\n if (this.destroyed) {\r\n resolve(false);\r\n } else if (this.nextRenderHandle) {\r\n this.__cleanupTask = task;\r\n } else {\r\n task();\r\n }\r\n });\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n this.destroyed = true;\r\n this.cancelRequestedRender();\r\n this.forEachObject(function (object) {\r\n object.dispose && object.dispose();\r\n });\r\n this._objects = [];\r\n if (this.backgroundImage && this.backgroundImage.dispose) {\r\n this.backgroundImage.dispose();\r\n }\r\n this.backgroundImage = null;\r\n if (this.overlayImage && this.overlayImage.dispose) {\r\n this.overlayImage.dispose();\r\n }\r\n this.overlayImage = null;\r\n this._iTextInstances = null;\r\n this.contextContainer = null;\r\n // restore canvas style and attributes\r\n this.lowerCanvasEl.classList.remove('lower-canvas');\r\n this.lowerCanvasEl.removeAttribute('data-fabric');\r\n if (this.interactive) {\r\n this.lowerCanvasEl.style.cssText = this._originalCanvasStyle;\r\n delete this._originalCanvasStyle;\r\n }\r\n // restore canvas size to original size in case retina scaling was applied\r\n this.lowerCanvasEl.setAttribute('width', this.width);\r\n this.lowerCanvasEl.setAttribute('height', this.height);\r\n fabric.util.cleanUpJsdomNode(this.lowerCanvasEl);\r\n this.lowerCanvasEl = undefined;\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n }\r\n );\r\n\r\n // hack - class methods are not enumrable\r\n // TODO remove when migrating to es6\r\n Object.getOwnPropertyNames(Observable.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: Observable.prototype[key],\r\n });\r\n });\r\n Object.getOwnPropertyNames(CommonMethods.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: CommonMethods.prototype[key],\r\n });\r\n });\r\n\r\n extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter);\r\n\r\n extend(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.StaticCanvas */ {\r\n /**\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n EMPTY_JSON: '{\"objects\": [], \"background\": \"white\"}',\r\n\r\n /**\r\n * Provides a way to check support of some of the canvas methods\r\n * (either those of HTMLCanvasElement itself, or rendering context)\r\n *\r\n * @param {String} methodName Method to check support for;\r\n * Could be one of \"setLineDash\"\r\n * @return {Boolean | null} `true` if method is supported (or at least exists),\r\n * `null` if canvas element or context can not be initialized\r\n */\r\n supports: function (methodName) {\r\n var el = createCanvasElement();\r\n\r\n if (!el || !el.getContext) {\r\n return null;\r\n }\r\n\r\n var ctx = el.getContext('2d');\r\n if (!ctx) {\r\n return null;\r\n }\r\n\r\n switch (methodName) {\r\n case 'setLineDash':\r\n return typeof ctx.setLineDash !== 'undefined';\r\n\r\n default:\r\n return null;\r\n }\r\n },\r\n }\r\n );\r\n\r\n if (fabric.isLikelyNode) {\r\n fabric.StaticCanvas.prototype.createPNGStream = function () {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createPNGStream();\r\n };\r\n fabric.StaticCanvas.prototype.createJPEGStream = function (opts) {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createJPEGStream(opts);\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n TOriginX,\r\n TOriginY,\r\n TPointerEvent,\r\n Transform,\r\n TransformAction,\r\n TransformEvent,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport const NOT_ALLOWED_CURSOR = 'not-allowed';\r\n\r\n/**\r\n * @param {Boolean} alreadySelected true if target is already selected\r\n * @param {String} corner a string representing the corner ml, mr, tl ...\r\n * @param {Event} e Event object\r\n * @param {FabricObject} [target] inserted back to help overriding. Unused\r\n */\r\nexport const getActionFromCorner = (\r\n alreadySelected: boolean,\r\n corner: string,\r\n e: TPointerEvent,\r\n target: FabricObject\r\n) => {\r\n if (!corner || !alreadySelected) {\r\n return 'drag';\r\n }\r\n const control = target.controls[corner];\r\n return control.getActionName(e, control, target);\r\n};\r\n\r\n/**\r\n * Checks if transform is centered\r\n * @param {Object} transform transform data\r\n * @return {Boolean} true if transform is centered\r\n */\r\nexport function isTransformCentered(transform: Transform) {\r\n return transform.originX === 'center' && transform.originY === 'center';\r\n}\r\n\r\nexport function invertOrigin(origin: TOriginX | TOriginY) {\r\n return -resolveOrigin(origin) + 0.5;\r\n}\r\n\r\nexport const isLocked = (\r\n target: FabricObject,\r\n lockingKey:\r\n | 'lockMovementX'\r\n | 'lockMovementY'\r\n | 'lockRotation'\r\n | 'lockScalingX'\r\n | 'lockScalingY'\r\n | 'lockSkewingX'\r\n | 'lockSkewingY'\r\n | 'lockScalingFlip'\r\n) => target[lockingKey];\r\n\r\nexport const commonEventInfo: TransformAction = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return {\r\n e: eventData,\r\n transform,\r\n pointer: new Point(x, y),\r\n };\r\n};\r\n\r\n/**\r\n * Combine control position and object angle to find the control direction compared\r\n * to the object center.\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n * @param {Control} control the control class\r\n * @return {Number} 0 - 7 a quadrant number\r\n */\r\nexport function findCornerQuadrant(\r\n fabricObject: FabricObject,\r\n control: Control\r\n) {\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle(),\r\n cornerAngle =\r\n angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360;\r\n return Math.round((cornerAngle % 360) / 45);\r\n}\r\n\r\n/**\r\n * @returns the normalized point (rotated relative to center) in local coordinates\r\n */\r\nfunction normalizePoint(\r\n target: FabricObject,\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n): Point {\r\n const center = target.getRelativeCenterPoint(),\r\n p =\r\n typeof originX !== 'undefined' && typeof originY !== 'undefined'\r\n ? target.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n )\r\n : new Point(target.left, target.top),\r\n p2 = target.angle\r\n ? point.rotate(-degreesToRadians(target.angle), center)\r\n : point;\r\n return p2.subtract(p);\r\n}\r\n\r\n/**\r\n * Transforms a point to the offset from the given origin\r\n * @param {Object} transform\r\n * @param {String} originX\r\n * @param {String} originY\r\n * @param {number} x\r\n * @param {number} y\r\n * @return {Fabric.Point} the normalized point\r\n */\r\nexport function getLocalPoint(\r\n { target, corner }: Transform,\r\n originX: TOriginX,\r\n originY: TOriginY,\r\n x: number,\r\n y: number\r\n) {\r\n const control = target.controls[corner],\r\n zoom = target.canvas?.getZoom() || 1,\r\n padding = target.padding / zoom,\r\n localPoint = normalizePoint(target, new Point(x, y), originX, originY);\r\n if (localPoint.x >= padding) {\r\n localPoint.x -= padding;\r\n }\r\n if (localPoint.x <= -padding) {\r\n localPoint.x += padding;\r\n }\r\n if (localPoint.y >= padding) {\r\n localPoint.y -= padding;\r\n }\r\n if (localPoint.y <= padding) {\r\n localPoint.y += padding;\r\n }\r\n localPoint.x -= control.offsetX;\r\n localPoint.y -= control.offsetY;\r\n return localPoint;\r\n}\r\n","import { TransformEvent } from '../typedefs';\r\n\r\nexport const fireEvent = (eventName: string, options: TransformEvent) => {\r\n const {\r\n transform: { target },\r\n } = options;\r\n target.canvas?.fire(`object:${eventName}`, { ...options, target });\r\n target.fire(eventName, options);\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo } from './util';\r\n\r\n/**\r\n * Wrap an action handler with firing an event if the action is performed\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport const wrapWithFireEvent = (\r\n eventName: string,\r\n actionHandler: TransformActionHandler\r\n) => {\r\n return ((eventData, transform, x, y) => {\r\n const actionPerformed = actionHandler(eventData, transform, x, y);\r\n if (actionPerformed) {\r\n fireEvent(eventName, commonEventInfo(eventData, transform, x, y));\r\n }\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\n\r\n/**\r\n * Wrap an action handler with saving/restoring object position on the transform.\r\n * this is the code that permits to objects to keep their position while transforming.\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport function wrapWithFixedAnchor(\r\n actionHandler: TransformActionHandler\r\n) {\r\n return ((eventData, transform, x, y) => {\r\n const { target, originX, originY } = transform,\r\n centerPoint = target.getRelativeCenterPoint(),\r\n constraint = target.translateToOriginPoint(centerPoint, originX, originY),\r\n actionPerformed = actionHandler(eventData, transform, x, y);\r\n target.setPositionByOrigin(constraint, originX, originY);\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { getLocalPoint, isTransformCentered } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Action handler to change object's width\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const changeObjectWidth: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const localPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // make sure the control changes width ONLY from it's side of target\r\n if (\r\n transform.originX === 'center' ||\r\n (transform.originX === 'right' && localPoint.x < 0) ||\r\n (transform.originX === 'left' && localPoint.x > 0)\r\n ) {\r\n const { target } = transform,\r\n strokePadding =\r\n target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),\r\n multiplier = isTransformCentered(transform) ? 2 : 1,\r\n oldWidth = target.width,\r\n newWidth = Math.ceil(\r\n Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding\r\n );\r\n target.set('width', Math.max(newWidth, 0));\r\n // check against actual target width in case `newWidth` was rejected\r\n return oldWidth !== target.width;\r\n }\r\n return false;\r\n};\r\n\r\nexport const changeWidth = wrapWithFireEvent(\r\n 'resizing',\r\n wrapWithFixedAnchor(changeObjectWidth)\r\n);\r\n","import { PiBy180, twoMathPi } from '../constants';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport type ControlRenderingStyleOverride = Partial<\r\n Pick<\r\n FabricObject,\r\n | 'cornerStyle'\r\n | 'cornerSize'\r\n | 'cornerColor'\r\n | 'cornerStrokeColor'\r\n | 'cornerDashArray'\r\n | 'transparentCorners'\r\n >\r\n>;\r\n\r\nexport type ControlRenderer = (\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) => void;\r\n\r\n/**\r\n * Render a round control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderCircleControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);\r\n let myLeft = left,\r\n myTop = top,\r\n size;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // TODO: use proper ellipse code.\r\n if (xSize > ySize) {\r\n size = xSize;\r\n ctx.scale(1.0, ySize / xSize);\r\n myTop = (top * xSize) / ySize;\r\n } else if (ySize > xSize) {\r\n size = ySize;\r\n ctx.scale(xSize / ySize, 1.0);\r\n myLeft = (left * ySize) / xSize;\r\n } else {\r\n size = xSize;\r\n }\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.beginPath();\r\n ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false);\r\n ctx[methodName]();\r\n if (stroke) {\r\n ctx.stroke();\r\n }\r\n ctx.restore();\r\n}\r\n\r\n/**\r\n * Render a square control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderSquareControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),\r\n xSizeBy2 = xSize / 2,\r\n ySizeBy2 = ySize / 2;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.translate(left, top);\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle();\r\n ctx.rotate(degreesToRadians(angle));\r\n // this does not work, and fixed with ( && ) does not make sense.\r\n // to have real transparent corners we need the controls on upperCanvas\r\n // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n if (stroke) {\r\n ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n }\r\n ctx.restore();\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo, isLocked } from './util';\r\n\r\n/**\r\n * Action handler\r\n * @private\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if the translation occurred\r\n */\r\nexport const dragHandler: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const { target, offsetX, offsetY } = transform,\r\n newLeft = x - offsetX,\r\n newTop = y - offsetY,\r\n moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\r\n moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\r\n moveX && target.set('left', newLeft);\r\n moveY && target.set('top', newTop);\r\n if (moveX || moveY) {\r\n fireEvent('moving', commonEventInfo(eventData, transform, x, y));\r\n }\r\n return moveX || moveY;\r\n};\r\n","// @ts-nocheck\r\n\r\nimport { ControlCursorCallback, TransformActionHandler } from '../typedefs';\r\nimport { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\r\nimport { isLocked, NOT_ALLOWED_CURSOR } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Find the correct style for the control that is used for rotation.\r\n * this function is very simple and it just take care of not-allowed or standard cursor\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const rotationStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (fabricObject.lockRotation) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n return control.cursorStyle;\r\n};\r\n\r\n/**\r\n * Action handler for rotation and snapping, without anchor point.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nconst rotateObjectWithSnapping: TransformActionHandler = (\r\n eventData,\r\n { target, ex, ey, theta, originX, originY },\r\n x,\r\n y\r\n) => {\r\n const pivotPoint = target.translateToOriginPoint(\r\n target.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n\r\n if (isLocked(target, 'lockRotation')) {\r\n return false;\r\n }\r\n\r\n const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x),\r\n curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x);\r\n let angle = radiansToDegrees(curAngle - lastAngle + theta);\r\n\r\n if (target.snapAngle && target.snapAngle > 0) {\r\n const snapAngle = target.snapAngle,\r\n snapThreshold = target.snapThreshold || snapAngle,\r\n rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle,\r\n leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle;\r\n\r\n if (Math.abs(angle - leftAngleLocked) < snapThreshold) {\r\n angle = leftAngleLocked;\r\n } else if (Math.abs(angle - rightAngleLocked) < snapThreshold) {\r\n angle = rightAngleLocked;\r\n }\r\n }\r\n\r\n // normalize angle to positive value\r\n if (angle < 0) {\r\n angle = 360 + angle;\r\n }\r\n angle %= 360;\r\n\r\n const hasRotated = target.angle !== angle;\r\n // TODO: why aren't we using set?\r\n target.angle = angle;\r\n return hasRotated;\r\n};\r\n\r\nexport const rotationWithSnapping = wrapWithFireEvent(\r\n 'rotating',\r\n wrapWithFixedAnchor(rotateObjectWithSnapping)\r\n);\r\n","import type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n invertOrigin,\r\n isLocked,\r\n isTransformCentered,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\ntype ScaleTransform = Transform & {\r\n gestureScale?: number;\r\n signX?: number;\r\n signY?: number;\r\n};\r\n\r\ntype ScaleBy = TAxis | 'equally' | '' | undefined;\r\n\r\n/**\r\n * Inspect event and fabricObject properties to understand if the scaling action\r\n * @param {Event} eventData from the user action\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @return {Boolean} true if scale is proportional\r\n */\r\nexport function scaleIsProportional(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject\r\n): boolean {\r\n const canvas = fabricObject.canvas as Canvas,\r\n uniformIsToggled = eventData[canvas.uniScaleKey];\r\n return (\r\n (canvas.uniformScaling && !uniformIsToggled) ||\r\n (!canvas.uniformScaling && uniformIsToggled)\r\n );\r\n}\r\n\r\n/**\r\n * Inspect fabricObject to understand if the current scaling action is allowed\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @param {String} by 'x' or 'y' or ''\r\n * @param {Boolean} scaleProportionally true if we are trying to scale proportionally\r\n * @return {Boolean} true if scaling is not allowed at current conditions\r\n */\r\nexport function scalingIsForbidden(\r\n fabricObject: FabricObject,\r\n by: ScaleBy,\r\n scaleProportionally: boolean\r\n) {\r\n const lockX = isLocked(fabricObject, 'lockScalingX'),\r\n lockY = isLocked(fabricObject, 'lockScalingY');\r\n if (lockX && lockY) {\r\n return true;\r\n }\r\n if (!by && (lockX || lockY) && scaleProportionally) {\r\n return true;\r\n }\r\n if (lockX && by === 'x') {\r\n return true;\r\n }\r\n if (lockY && by === 'y') {\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nconst scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'];\r\n\r\n/**\r\n * return the correct cursor style for the scale action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n const scaleProportionally = scaleIsProportional(eventData, fabricObject),\r\n by =\r\n control.x !== 0 && control.y === 0\r\n ? 'x'\r\n : control.x === 0 && control.y !== 0\r\n ? 'y'\r\n : '';\r\n if (scalingIsForbidden(fabricObject, by, scaleProportionally)) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control);\r\n return `${scaleMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @param {Object} options additional information for scaling\r\n * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nfunction scaleObject(\r\n eventData: TPointerEvent,\r\n transform: ScaleTransform,\r\n x: number,\r\n y: number,\r\n options: { by?: ScaleBy } = {}\r\n) {\r\n const target = transform.target,\r\n by = options.by,\r\n scaleProportionally = scaleIsProportional(eventData, target),\r\n forbidScaling = scalingIsForbidden(target, by, scaleProportionally);\r\n let newPoint, scaleX, scaleY, dim, signX, signY;\r\n\r\n if (forbidScaling) {\r\n return false;\r\n }\r\n if (transform.gestureScale) {\r\n scaleX = transform.scaleX * transform.gestureScale;\r\n scaleY = transform.scaleY * transform.gestureScale;\r\n } else {\r\n newPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // use of sign: We use sign to detect change of direction of an action. sign usually change when\r\n // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling\r\n // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily\r\n // cross many time the origin point and flip the object. so we need a way to filter out the noise.\r\n // This ternary here should be ok to filter out X scaling when we want Y only and vice versa.\r\n signX = by !== 'y' ? Math.sign(newPoint.x) : 1;\r\n signY = by !== 'x' ? Math.sign(newPoint.y) : 1;\r\n if (!transform.signX) {\r\n transform.signX = signX;\r\n }\r\n if (!transform.signY) {\r\n transform.signY = signY;\r\n }\r\n\r\n if (\r\n isLocked(target, 'lockScalingFlip') &&\r\n (transform.signX !== signX || transform.signY !== signY)\r\n ) {\r\n return false;\r\n }\r\n\r\n dim = target._getTransformedDimensions();\r\n // missing detection of flip and logic to switch the origin\r\n if (scaleProportionally && !by) {\r\n // uniform scaling\r\n const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y),\r\n { original } = transform,\r\n originalDistance =\r\n Math.abs((dim.x * original.scaleX) / target.scaleX) +\r\n Math.abs((dim.y * original.scaleY) / target.scaleY),\r\n scale = distance / originalDistance;\r\n scaleX = original.scaleX * scale;\r\n scaleY = original.scaleY * scale;\r\n } else {\r\n scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x);\r\n scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y);\r\n }\r\n // if we are scaling by center, we need to double the scale\r\n if (isTransformCentered(transform)) {\r\n scaleX *= 2;\r\n scaleY *= 2;\r\n }\r\n if (transform.signX !== signX && by !== 'y') {\r\n transform.originX = invertOrigin(transform.originX);\r\n scaleX *= -1;\r\n transform.signX = signX;\r\n }\r\n if (transform.signY !== signY && by !== 'x') {\r\n transform.originY = invertOrigin(transform.originY);\r\n scaleY *= -1;\r\n transform.signY = signY;\r\n }\r\n }\r\n // minScale is taken are in the setter.\r\n const oldScaleX = target.scaleX,\r\n oldScaleY = target.scaleY;\r\n if (!by) {\r\n !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX);\r\n !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY);\r\n } else {\r\n // forbidden cases already handled on top here.\r\n by === 'x' && target.set('scaleX', scaleX);\r\n by === 'y' && target.set('scaleY', scaleY);\r\n }\r\n return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY;\r\n}\r\n\r\n/**\r\n * Generic scaling logic, to scale from corners either equally or freely.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scaleObjectFromCorner: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Scaling logic for the X axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'x' });\r\n};\r\n\r\n/**\r\n * Scaling logic for the Y axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'y' });\r\n};\r\n\r\nexport const scalingEqually = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectFromCorner)\r\n);\r\n\r\nexport const scalingX = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectX)\r\n);\r\n\r\nexport const scalingY = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectY)\r\n);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TAxisKey,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n isLocked,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport type SkewTransform = Transform & { skewingSide: -1 | 1 };\r\n\r\nconst AXIS_KEYS: Record<\r\n TAxis,\r\n {\r\n counterAxis: TAxis;\r\n scale: TAxisKey<'scale'>;\r\n skew: TAxisKey<'skew'>;\r\n lockSkewing: TAxisKey<'lockSkewing'>;\r\n origin: TAxisKey<'origin'>;\r\n flip: TAxisKey<'flip'>;\r\n }\r\n> = {\r\n x: {\r\n counterAxis: 'y',\r\n scale: 'scaleX',\r\n skew: 'skewX',\r\n lockSkewing: 'lockSkewingX',\r\n origin: 'originX',\r\n flip: 'flipX',\r\n },\r\n y: {\r\n counterAxis: 'x',\r\n scale: 'scaleY',\r\n skew: 'skewY',\r\n lockSkewing: 'lockSkewingY',\r\n origin: 'originY',\r\n flip: 'flipY',\r\n },\r\n};\r\n\r\nconst skewMap = ['ns', 'nesw', 'ew', 'nwse'];\r\n\r\n/**\r\n * return the correct cursor style for the skew action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const skewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control) % 4;\r\n return `${skewMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Since skewing is applied before scaling, calculations are done in a scaleless plane\r\n * @see https://github.com/fabricjs/fabric.js/pull/8380\r\n */\r\nfunction skewObject(\r\n axis: TAxis,\r\n { target, ex, ey, skewingSide, ...transform }: SkewTransform,\r\n pointer: Point\r\n) {\r\n const { skew: skewKey } = AXIS_KEYS[axis],\r\n offset = pointer\r\n .subtract(new Point(ex, ey))\r\n .divide(new Point(target.scaleX, target.scaleY))[axis],\r\n skewingBefore = target[skewKey],\r\n skewingStart = transform[skewKey],\r\n shearingStart = Math.tan(degreesToRadians(skewingStart)),\r\n // let a, b be the size of target\r\n // let a' be the value of a after applying skewing\r\n // then:\r\n // a' = a + b * skewA => skewA = (a' - a) / b\r\n // the value b is tricky since skewY is applied before skewX\r\n b =\r\n axis === 'y'\r\n ? target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n // since skewY is applied before skewX, b (=width) is not affected by skewX\r\n skewX: 0,\r\n }).x\r\n : target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n }).y;\r\n\r\n const shearing =\r\n (2 * offset * skewingSide) /\r\n // we max out fractions to safeguard from asymptotic behavior\r\n Math.max(b, 1) +\r\n // add starting state\r\n shearingStart;\r\n\r\n const skewing = radiansToDegrees(Math.atan(shearing));\r\n\r\n target.set(skewKey, skewing);\r\n const changed = skewingBefore !== target[skewKey];\r\n\r\n if (changed && axis === 'y') {\r\n // we don't want skewing to affect scaleX\r\n // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer\r\n const { skewX, scaleX } = target,\r\n dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }),\r\n dimAfter = target._getTransformedDimensions(),\r\n compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1;\r\n compensationFactor !== 1 &&\r\n target.set('scaleX', compensationFactor * scaleX);\r\n }\r\n\r\n return changed;\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on a given axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nfunction skewHandler(\r\n axis: TAxis,\r\n eventData: TPointerEvent,\r\n transform: Transform,\r\n x: number,\r\n y: number\r\n) {\r\n const { target } = transform,\r\n {\r\n counterAxis,\r\n origin: originKey,\r\n lockSkewing: lockSkewingKey,\r\n skew: skewKey,\r\n flip: flipKey,\r\n } = AXIS_KEYS[axis];\r\n if (isLocked(target, lockSkewingKey)) {\r\n return false;\r\n }\r\n\r\n const { origin: counterOriginKey, flip: counterFlipKey } =\r\n AXIS_KEYS[counterAxis],\r\n counterOriginFactor =\r\n resolveOrigin(transform[counterOriginKey]) *\r\n (target[counterFlipKey] ? -1 : 1),\r\n // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively.\r\n // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively.\r\n // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer,\r\n // so we factor skewing direction by this value.\r\n skewingSide = (-Math.sign(counterOriginFactor) *\r\n (target[flipKey] ? -1 : 1)) as 1 | -1,\r\n skewingDirection =\r\n ((target[skewKey] === 0 &&\r\n // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing\r\n getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) ||\r\n // in case target has skewing we use that as the direction\r\n target[skewKey] > 0\r\n ? 1\r\n : -1) * skewingSide,\r\n // anchor to the opposite side of the skewing direction\r\n // normalize value from [-1, 1] to origin value [0, 1]\r\n origin = -skewingDirection * 0.5 + 0.5;\r\n\r\n const finalHandler = wrapWithFireEvent(\r\n 'skewing',\r\n wrapWithFixedAnchor((eventData, transform, x, y) =>\r\n skewObject(axis, transform, new Point(x, y))\r\n )\r\n );\r\n\r\n return finalHandler(\r\n eventData,\r\n {\r\n ...transform,\r\n [originKey]: origin,\r\n skewingSide,\r\n },\r\n x,\r\n y\r\n );\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the X axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('x', eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the Y axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('y', eventData, transform, x, y);\r\n};\r\n","import type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n ControlCallback,\r\n ControlCursorCallback,\r\n TAxisKey,\r\n TPointerEvent,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport { scaleCursorStyleHandler, scalingX, scalingY } from './scale';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\n\r\nfunction isAltAction(eventData: TPointerEvent, target: FabricObject) {\r\n return eventData[(target.canvas as Canvas)?.altActionKey];\r\n}\r\n\r\n/**\r\n * Inspect event, control and fabricObject to return the correct action name\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} an action name\r\n */\r\nexport const scaleOrSkewActionName: ControlCallback<\r\n TAxisKey<'skew' | 'scale'> | undefined\r\n> = (eventData, control, fabricObject) => {\r\n const isAlternative = isAltAction(eventData, fabricObject);\r\n if (control.x === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewX' : 'scaleY';\r\n }\r\n if (control.y === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewY' : 'scaleX';\r\n }\r\n};\r\n\r\n/**\r\n * Combine skew and scale style handlers to cover fabric standard use case\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleSkewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n return isAltAction(eventData, fabricObject)\r\n ? skewCursorStyleHandler(eventData, control, fabricObject)\r\n : scaleCursorStyleHandler(eventData, control, fabricObject);\r\n};\r\n/**\r\n * Composed action handler to either scale X or skew Y\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingXOrSkewingY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerY(eventData, transform, x, y)\r\n : scalingX(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Composed action handler to either scale Y or skew X\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingYOrSkewingX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerX(eventData, transform, x, y)\r\n : scalingY(eventData, transform, x, y);\r\n};\r\n","import { fabric } from '../../HEADER';\r\nimport { changeWidth } from './changeWidth';\r\nimport { renderCircleControl, renderSquareControl } from './controls.render';\r\nimport { dragHandler } from './drag';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport {\r\n scaleCursorStyleHandler,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n} from './scale';\r\nimport {\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './scaleSkew';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\nimport { getLocalPoint, getActionFromCorner } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n getActionFromCorner,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n\r\n/**\r\n * @todo remove as unused\r\n */\r\nfabric.controlsUtils = {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n","//@ts-nocheck\r\nimport { dragHandler, getActionFromCorner } from './controls/actions';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { Transform } from './typedefs';\r\nimport { saveObjectTransform } from './util/misc/objectTransforms';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n getPointer = fabric.util.getPointer,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n isTouchEvent = fabric.util.isTouchEvent;\r\n\r\n /**\r\n * Canvas class\r\n * @class fabric.Canvas\r\n * @extends fabric.StaticCanvas\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas}\r\n * @see {@link fabric.Canvas#initialize} for constructor definition\r\n *\r\n * @fires object:modified at the end of a transform or any change when statefull is true\r\n * @fires object:rotating while an object is being rotated from the control\r\n * @fires object:scaling while an object is being scaled by controls\r\n * @fires object:moving while an object is being dragged\r\n * @fires object:skewing while an object is being skewed from the controls\r\n *\r\n * @fires before:transform before a transform is is started\r\n * @fires before:selection:cleared\r\n * @fires selection:cleared\r\n * @fires selection:updated\r\n * @fires selection:created\r\n *\r\n * @fires path:created after a drawing operation ends and the path is added\r\n * @fires mouse:down\r\n * @fires mouse:move\r\n * @fires mouse:up\r\n * @fires mouse:down:before on mouse down, before the inner fabric logic runs\r\n * @fires mouse:move:before on mouse move, before the inner fabric logic runs\r\n * @fires mouse:up:before on mouse up, before the inner fabric logic runs\r\n * @fires mouse:over\r\n * @fires mouse:out\r\n * @fires mouse:dblclick whenever a native dbl click event fires on the canvas.\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drag:enter object drag enter\r\n * @fires drag:leave object drag leave\r\n * @fires drop:before before drop event. Prepare for the drop event (same native event).\r\n * @fires drop\r\n * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event).\r\n * @example\r\n * let a: fabric.Object, b: fabric.Object;\r\n * let flag = false;\r\n * canvas.add(a, b);\r\n * a.on('drop:before', opt => {\r\n * // we want a to accept the drop even though it's below b in the stack\r\n * flag = this.canDrop(opt.e);\r\n * });\r\n * b.canDrop = function(e) {\r\n * !flag && this.callSuper('canDrop', e);\r\n * }\r\n * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black'));\r\n * a.on('drop', opt => {\r\n * opt.e.defaultPrevented // drop occured\r\n * opt.didDrop // drop occured on canvas\r\n * opt.target // drop target\r\n * opt.target !== a && a.set('text', 'I lost');\r\n * });\r\n * canvas.on('drop:after', opt => {\r\n * // inform user who won\r\n * if(!opt.e.defaultPrevented) {\r\n * // no winners\r\n * }\r\n * else if(!opt.didDrop) {\r\n * // my objects didn't win, some other lucky object\r\n * }\r\n * else {\r\n * // we have a winner it's opt.target!!\r\n * }\r\n * })\r\n *\r\n * @fires after:render at the end of the render process, receives the context in the callback\r\n * @fires before:render at start the render process, receives the context in the callback\r\n *\r\n * @fires contextmenu:before\r\n * @fires contextmenu\r\n * @example\r\n * let handler;\r\n * targets.forEach(target => {\r\n * target.on('contextmenu:before', opt => {\r\n * // decide which target should handle the event before canvas hijacks it\r\n * if (someCaseHappens && opt.targets.includes(target)) {\r\n * handler = target;\r\n * }\r\n * });\r\n * target.on('contextmenu', opt => {\r\n * // do something fantastic\r\n * });\r\n * });\r\n * canvas.on('contextmenu', opt => {\r\n * if (!handler) {\r\n * // no one takes responsibility, it's always left to me\r\n * // let's show them how it's done!\r\n * }\r\n * });\r\n *\r\n */\r\n fabric.Canvas = fabric.util.createClass(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n this._initInteractive();\r\n this._createCacheCanvas();\r\n },\r\n\r\n /**\r\n * When true, objects can be transformed by one side (unproportionally)\r\n * when dragged on the corners that normally would not do that.\r\n * @type Boolean\r\n * @default\r\n * @since fabric 4.0 // changed name and default value\r\n */\r\n uniformScaling: true,\r\n\r\n /**\r\n * Indicates which key switches uniform scaling.\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * totally wrong named. this sounds like `uniform scaling`\r\n * if Canvas.uniformScaling is true, pressing this will set it to false\r\n * and viceversa.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n uniScaleKey: 'shiftKey',\r\n\r\n /**\r\n * When true, objects use center point as the origin of scale transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false,\r\n\r\n /**\r\n * When true, objects use center point as the origin of rotate transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: false,\r\n\r\n /**\r\n * Indicates which key enable centered Transform\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n centeredKey: 'altKey',\r\n\r\n /**\r\n * Indicates which key enable alternate action on corner\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n altActionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates that canvas is interactive. This property should not be changed.\r\n * @type Boolean\r\n * @default\r\n */\r\n interactive: true,\r\n\r\n /**\r\n * Indicates whether group selection should be enabled\r\n * @type Boolean\r\n * @default\r\n */\r\n selection: true,\r\n\r\n /**\r\n * Indicates which key or keys enable multiple click selection\r\n * Pass value as a string or array of strings\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or empty or containing any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey|ModifierKey[]\r\n * @default\r\n */\r\n selectionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates which key enable alternative selection\r\n * in case of target overlapping with active object\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * For a series of reason that come from the general expectations on how\r\n * things should work, this feature works only for preserveObjectStacking true.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.5\r\n * @type null|ModifierKey\r\n * @default\r\n */\r\n altSelectionKey: null,\r\n\r\n /**\r\n * Color of selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: 'rgba(100, 100, 255, 0.3)', // blue\r\n\r\n /**\r\n * Default dash array pattern\r\n * If not empty the selection border is dashed\r\n * @type Array\r\n */\r\n selectionDashArray: [],\r\n\r\n /**\r\n * Color of the border of selection (usually slightly darker than color of selection itself)\r\n * @type String\r\n * @default\r\n */\r\n selectionBorderColor: 'rgba(255, 255, 255, 0.3)',\r\n\r\n /**\r\n * Width of a line used in object/group selection\r\n * @type Number\r\n * @default\r\n */\r\n selectionLineWidth: 1,\r\n\r\n /**\r\n * Select only shapes that are fully contained in the dragged selection rectangle.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectionFullyContained: false,\r\n\r\n /**\r\n * Default cursor value used when hovering over an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n hoverCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used when moving an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n moveCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used for the entire canvas\r\n * @type String\r\n * @default\r\n */\r\n defaultCursor: 'default',\r\n\r\n /**\r\n * Cursor value used during free drawing\r\n * @type String\r\n * @default\r\n */\r\n freeDrawingCursor: 'crosshair',\r\n\r\n /**\r\n * Cursor value used for disabled elements ( corners with disabled action )\r\n * @type String\r\n * @since 2.0.0\r\n * @default\r\n */\r\n notAllowedCursor: 'not-allowed',\r\n\r\n /**\r\n * Default element class that's given to wrapper (div) element of canvas\r\n * @type String\r\n * @default\r\n */\r\n containerClass: 'canvas-container',\r\n\r\n /**\r\n * When true, object detection happens on per-pixel basis rather than on per-bounding-box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: false,\r\n\r\n /**\r\n * Number of pixels around target pixel to tolerate (consider active) during object detection\r\n * @type Number\r\n * @default\r\n */\r\n targetFindTolerance: 0,\r\n\r\n /**\r\n * When true, target detection is skipped. Target detection will return always undefined.\r\n * click selection won't work anymore, events will fire with no targets.\r\n * if something is selected before setting it to true, it will be deselected at the first click.\r\n * area selection will still work. check the `selection` property too.\r\n * if you deactivate both, you should look into staticCanvas.\r\n * @type Boolean\r\n * @default\r\n */\r\n skipTargetFind: false,\r\n\r\n /**\r\n * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing.\r\n * After mousedown, mousemove creates a shape,\r\n * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas.\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing}\r\n * @type Boolean\r\n * @default\r\n */\r\n isDrawingMode: false,\r\n\r\n /**\r\n * Indicates whether objects should remain in current stack position when selected.\r\n * When false objects are brought to top and rendered as part of the selection group\r\n * @type Boolean\r\n * @default\r\n */\r\n preserveObjectStacking: false,\r\n\r\n /**\r\n * Indicates if the right click on canvas can output the context menu or not\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n stopContextMenu: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire right click events\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n fireRightClick: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire middle click events\r\n * @type Boolean\r\n * @since 1.7.8\r\n * @default\r\n */\r\n fireMiddleClick: false,\r\n\r\n /**\r\n * Keep track of the subTargets for Mouse Events\r\n * @type fabric.Object[]\r\n */\r\n targets: [],\r\n\r\n /**\r\n * When the option is enabled, PointerEvent is used instead of MouseEvent.\r\n * @type Boolean\r\n * @default\r\n */\r\n enablePointerEvents: false,\r\n\r\n /**\r\n * Keep track of the hovered target\r\n * @type fabric.Object\r\n * @private\r\n */\r\n _hoveredTarget: null,\r\n\r\n /**\r\n * hold the list of nested targets hovered\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _hoveredTargets: [],\r\n\r\n /**\r\n * hold the list of objects to render\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _objectsToRender: undefined,\r\n\r\n /**\r\n * @private\r\n */\r\n _initInteractive: function () {\r\n this._currentTransform = null;\r\n this._groupSelector = null;\r\n this._initWrapperElement();\r\n this._createUpperCanvas();\r\n this._initEventListeners();\r\n\r\n this._initRetinaScaling();\r\n\r\n this.freeDrawingBrush =\r\n fabric.PencilBrush && new fabric.PencilBrush(this);\r\n\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this._objectsToRender = undefined;\r\n this.callSuper('_onObjectAdded', obj);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n this._objectsToRender = undefined;\r\n // removing active object should fire \"selection:cleared\" events\r\n if (obj === this._activeObject) {\r\n this.fire('before:selection:cleared', { target: obj });\r\n this._discardActiveObject();\r\n this.fire('selection:cleared', { target: obj });\r\n obj.fire('deselected');\r\n }\r\n if (obj === this._hoveredTarget) {\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n this.callSuper('_onObjectRemoved', obj);\r\n },\r\n\r\n /**\r\n * Divides objects in two groups, one to render immediately\r\n * and one to render as activeGroup.\r\n * @return {Array} objects to render immediately and pushes the other in the activeGroup.\r\n */\r\n _chooseObjectsToRender: function () {\r\n var activeObjects = this.getActiveObjects(),\r\n object,\r\n objsToRender,\r\n activeGroupObjects;\r\n\r\n if (!this.preserveObjectStacking && activeObjects.length > 1) {\r\n objsToRender = [];\r\n activeGroupObjects = [];\r\n for (var i = 0, length = this._objects.length; i < length; i++) {\r\n object = this._objects[i];\r\n if (activeObjects.indexOf(object) === -1) {\r\n objsToRender.push(object);\r\n } else {\r\n activeGroupObjects.push(object);\r\n }\r\n }\r\n if (activeObjects.length > 1) {\r\n this._activeObject._objects = activeGroupObjects;\r\n }\r\n objsToRender.push.apply(objsToRender, activeGroupObjects);\r\n }\r\n // in case a single object is selected render it's entire parent above the other objects\r\n else if (!this.preserveObjectStacking && activeObjects.length === 1) {\r\n var target = activeObjects[0],\r\n ancestors = target.getAncestors(true);\r\n var topAncestor = ancestors.length === 0 ? target : ancestors.pop();\r\n objsToRender = this._objects.slice();\r\n var index = objsToRender.indexOf(topAncestor);\r\n index > -1 &&\r\n objsToRender.splice(objsToRender.indexOf(topAncestor), 1);\r\n objsToRender.push(topAncestor);\r\n } else {\r\n objsToRender = this._objects;\r\n }\r\n return objsToRender;\r\n },\r\n\r\n /**\r\n * Renders both the top canvas and the secondary container canvas.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n if (\r\n this.contextTopDirty &&\r\n !this._groupSelector &&\r\n !this.isDrawingMode\r\n ) {\r\n this.clearContext(this.contextTop);\r\n this.contextTopDirty = false;\r\n }\r\n if (this.hasLostContext) {\r\n this.renderTopLayer(this.contextTop);\r\n this.hasLostContext = false;\r\n }\r\n !this._objectsToRender &&\r\n (this._objectsToRender = this._chooseObjectsToRender());\r\n this.renderCanvas(this.contextContainer, this._objectsToRender);\r\n return this;\r\n },\r\n\r\n renderTopLayer: function (ctx) {\r\n ctx.save();\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush && this.freeDrawingBrush._render();\r\n this.contextTopDirty = true;\r\n }\r\n // we render the top context - last object\r\n if (this.selection && this._groupSelector) {\r\n this._drawSelection(ctx);\r\n this.contextTopDirty = true;\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Method to render only the top canvas.\r\n * Also used to render the group selection box.\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n renderTop: function () {\r\n var ctx = this.contextTop;\r\n this.clearContext(ctx);\r\n this.renderTopLayer(ctx);\r\n this.fire('after:render');\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _normalizePointer: function (object, pointer) {\r\n var m = object.calcTransformMatrix(),\r\n invertedM = fabric.util.invertTransform(m),\r\n vptPointer = this.restorePointerVpt(pointer);\r\n return fabric.util.transformPoint(vptPointer, invertedM);\r\n },\r\n\r\n /**\r\n * Returns true if object is transparent at a certain location\r\n * @param {fabric.Object} target Object to check\r\n * @param {Number} x Left coordinate\r\n * @param {Number} y Top coordinate\r\n * @return {Boolean}\r\n */\r\n isTargetTransparent: function (target, x, y) {\r\n // in case the target is the activeObject, we cannot execute this optimization\r\n // because we need to draw controls too.\r\n if (\r\n target.shouldCache() &&\r\n target._cacheCanvas &&\r\n target !== this._activeObject\r\n ) {\r\n var normalizedPointer = this._normalizePointer(target, {\r\n x: x,\r\n y: y,\r\n }),\r\n targetRelativeX = Math.max(\r\n target.cacheTranslationX + normalizedPointer.x * target.zoomX,\r\n 0\r\n ),\r\n targetRelativeY = Math.max(\r\n target.cacheTranslationY + normalizedPointer.y * target.zoomY,\r\n 0\r\n );\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n target._cacheContext,\r\n Math.round(targetRelativeX),\r\n Math.round(targetRelativeY),\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n }\r\n\r\n var ctx = this.contextCache,\r\n originalColor = target.selectionBackgroundColor,\r\n v = this.viewportTransform;\r\n\r\n target.selectionBackgroundColor = '';\r\n\r\n this.clearContext(ctx);\r\n\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n target.render(ctx);\r\n ctx.restore();\r\n\r\n target.selectionBackgroundColor = originalColor;\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n ctx,\r\n x,\r\n y,\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n },\r\n\r\n /**\r\n * takes an event and determines if selection key has been pressed\r\n * @private\r\n * @param {Event} e Event object\r\n */\r\n _isSelectionKeyPressed: function (e) {\r\n var selectionKeyPressed = false;\r\n\r\n if (Array.isArray(this.selectionKey)) {\r\n selectionKeyPressed = !!this.selectionKey.find(function (key) {\r\n return e[key] === true;\r\n });\r\n } else {\r\n selectionKeyPressed = e[this.selectionKey];\r\n }\r\n\r\n return selectionKeyPressed;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _shouldClearSelection: function (e, target) {\r\n var activeObjects = this.getActiveObjects(),\r\n activeObject = this._activeObject;\r\n\r\n return (\r\n !target ||\r\n (target &&\r\n activeObject &&\r\n activeObjects.length > 1 &&\r\n activeObjects.indexOf(target) === -1 &&\r\n activeObject !== target &&\r\n !this._isSelectionKeyPressed(e)) ||\r\n (target && !target.evented) ||\r\n (target &&\r\n !target.selectable &&\r\n activeObject &&\r\n activeObject !== target)\r\n );\r\n },\r\n\r\n /**\r\n * centeredScaling from object can't override centeredScaling from canvas.\r\n * this should be fixed, since object setting should take precedence over canvas.\r\n * also this should be something that will be migrated in the control properties.\r\n * as ability to define the origin of the transformation that the control provide.\r\n * @private\r\n * @param {fabric.Object} target\r\n * @param {String} action\r\n * @param {Boolean} altKey\r\n */\r\n _shouldCenterTransform: function (target, action, altKey) {\r\n if (!target) {\r\n return;\r\n }\r\n\r\n var centerTransform;\r\n\r\n if (\r\n action === 'scale' ||\r\n action === 'scaleX' ||\r\n action === 'scaleY' ||\r\n action === 'resizing'\r\n ) {\r\n centerTransform = this.centeredScaling || target.centeredScaling;\r\n } else if (action === 'rotate') {\r\n centerTransform = this.centeredRotation || target.centeredRotation;\r\n }\r\n\r\n return centerTransform ? !altKey : altKey;\r\n },\r\n\r\n /**\r\n * should disappear before release 4.0\r\n * @private\r\n */\r\n _getOriginFromCorner: function (target, corner) {\r\n var origin = {\r\n x: target.originX,\r\n y: target.originY,\r\n };\r\n\r\n if (corner === 'ml' || corner === 'tl' || corner === 'bl') {\r\n origin.x = 'right';\r\n } else if (corner === 'mr' || corner === 'tr' || corner === 'br') {\r\n origin.x = 'left';\r\n }\r\n\r\n if (corner === 'tl' || corner === 'mt' || corner === 'tr') {\r\n origin.y = 'bottom';\r\n } else if (corner === 'bl' || corner === 'mb' || corner === 'br') {\r\n origin.y = 'top';\r\n }\r\n return origin;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _setupCurrentTransform: function (e, target, alreadySelected) {\r\n if (!target) {\r\n return;\r\n }\r\n var pointer = this.getPointer(e);\r\n if (target.group) {\r\n // transform pointer to target's containing coordinate plane\r\n pointer = fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(target.group.calcTransformMatrix())\r\n );\r\n }\r\n var corner = target.__corner,\r\n control = target.controls[corner],\r\n actionHandler =\r\n alreadySelected && corner\r\n ? control.getActionHandler(e, target, control)\r\n : dragHandler,\r\n action = getActionFromCorner(alreadySelected, corner, e, target),\r\n origin = this._getOriginFromCorner(target, corner),\r\n altKey = e[this.centeredKey],\r\n /**\r\n * relative to target's containing coordinate plane\r\n * both agree on every point\r\n **/\r\n transform: Transform = {\r\n target: target,\r\n action: action,\r\n actionHandler: actionHandler,\r\n corner: corner,\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n offsetX: pointer.x - target.left,\r\n offsetY: pointer.y - target.top,\r\n originX: origin.x,\r\n originY: origin.y,\r\n ex: pointer.x,\r\n ey: pointer.y,\r\n lastX: pointer.x,\r\n lastY: pointer.y,\r\n theta: degreesToRadians(target.angle),\r\n width: target.width,\r\n height: target.height,\r\n shiftKey: e.shiftKey,\r\n altKey: altKey,\r\n original: saveObjectTransform(target),\r\n };\r\n\r\n if (this._shouldCenterTransform(target, action, altKey)) {\r\n transform.originX = 'center';\r\n transform.originY = 'center';\r\n }\r\n transform.original.originX = origin.x;\r\n transform.original.originY = origin.y;\r\n this._currentTransform = transform;\r\n this._beforeTransform(e);\r\n },\r\n\r\n /**\r\n * Set the cursor type of the canvas element\r\n * @param {String} value Cursor type of the canvas element.\r\n * @see http://www.w3.org/TR/css3-ui/#cursor\r\n */\r\n setCursor: function (value) {\r\n this.upperCanvasEl.style.cursor = value;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx to draw the selection on\r\n */\r\n _drawSelection: function (ctx) {\r\n var selector = this._groupSelector,\r\n viewportStart = new Point(selector.ex, selector.ey),\r\n start = fabric.util.transformPoint(\r\n viewportStart,\r\n this.viewportTransform\r\n ),\r\n viewportExtent = new Point(\r\n selector.ex + selector.left,\r\n selector.ey + selector.top\r\n ),\r\n extent = fabric.util.transformPoint(\r\n viewportExtent,\r\n this.viewportTransform\r\n ),\r\n minX = Math.min(start.x, extent.x),\r\n minY = Math.min(start.y, extent.y),\r\n maxX = Math.max(start.x, extent.x),\r\n maxY = Math.max(start.y, extent.y),\r\n strokeOffset = this.selectionLineWidth / 2;\r\n\r\n if (this.selectionColor) {\r\n ctx.fillStyle = this.selectionColor;\r\n ctx.fillRect(minX, minY, maxX - minX, maxY - minY);\r\n }\r\n\r\n if (!this.selectionLineWidth || !this.selectionBorderColor) {\r\n return;\r\n }\r\n ctx.lineWidth = this.selectionLineWidth;\r\n ctx.strokeStyle = this.selectionBorderColor;\r\n\r\n minX += strokeOffset;\r\n minY += strokeOffset;\r\n maxX -= strokeOffset;\r\n maxY -= strokeOffset;\r\n // selection border\r\n FabricObject.prototype._setLineDash.call(\r\n this,\r\n ctx,\r\n this.selectionDashArray\r\n );\r\n ctx.strokeRect(minX, minY, maxX - minX, maxY - minY);\r\n },\r\n\r\n /**\r\n * Method that determines what object we are clicking on\r\n * the skipGroup parameter is for internal use, is needed for shift+click action\r\n * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target\r\n * or the outside part of the corner.\r\n * @param {Event} e mouse event\r\n * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through\r\n * @return {fabric.Object} the target found\r\n */\r\n findTarget: function (e, skipGroup) {\r\n if (this.skipTargetFind) {\r\n return;\r\n }\r\n\r\n var ignoreZoom = true,\r\n pointer = this.getPointer(e, ignoreZoom),\r\n activeObject = this._activeObject,\r\n aObjects = this.getActiveObjects(),\r\n activeTarget,\r\n activeTargetSubs,\r\n isTouch = isTouchEvent(e),\r\n shouldLookForActive =\r\n (aObjects.length > 1 && !skipGroup) || aObjects.length === 1;\r\n\r\n // first check current group (if one exists)\r\n // active group does not check sub targets like normal groups.\r\n // if active group just exits.\r\n this.targets = [];\r\n\r\n // if we hit the corner of an activeObject, let's return that.\r\n if (\r\n shouldLookForActive &&\r\n activeObject._findTargetCorner(pointer, isTouch)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length > 1 &&\r\n activeObject.type === 'activeSelection' &&\r\n !skipGroup &&\r\n this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length === 1 &&\r\n activeObject === this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n if (!this.preserveObjectStacking) {\r\n return activeObject;\r\n } else {\r\n activeTarget = activeObject;\r\n activeTargetSubs = this.targets;\r\n this.targets = [];\r\n }\r\n }\r\n var target = this.searchPossibleTargets(this._objects, pointer);\r\n if (\r\n e[this.altSelectionKey] &&\r\n target &&\r\n activeTarget &&\r\n target !== activeTarget\r\n ) {\r\n target = activeTarget;\r\n this.targets = activeTargetSubs;\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Checks point is inside the object.\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @param {fabric.Object} obj Object to test against\r\n * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target.\r\n * @return {Boolean} true if point is contained within an area of given object\r\n * @private\r\n */\r\n _checkTarget: function (pointer, obj, globalPointer) {\r\n if (\r\n obj &&\r\n obj.visible &&\r\n obj.evented &&\r\n // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html\r\n // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html\r\n obj.containsPoint(pointer)\r\n ) {\r\n if (\r\n (this.perPixelTargetFind || obj.perPixelTargetFind) &&\r\n !obj.isEditing\r\n ) {\r\n var isTransparent = this.isTargetTransparent(\r\n obj,\r\n globalPointer.x,\r\n globalPointer.y\r\n );\r\n if (!isTransparent) {\r\n return true;\r\n }\r\n } else {\r\n return true;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object from given `objects`** that contains pointer\r\n * @private\r\n */\r\n _searchPossibleTargets: function (objects, pointer) {\r\n // Cache all targets where their bounding box contains point.\r\n var target,\r\n i = objects.length,\r\n subTarget;\r\n // Do not check for currently grouped objects, since we check the parent group itself.\r\n // until we call this function specifically to search inside the activeGroup\r\n while (i--) {\r\n var objToCheck = objects[i];\r\n var pointerToUse = objToCheck.group\r\n ? this._normalizePointer(objToCheck.group, pointer)\r\n : pointer;\r\n if (this._checkTarget(pointerToUse, objToCheck, pointer)) {\r\n target = objects[i];\r\n if (target.subTargetCheck && Array.isArray(target._objects)) {\r\n subTarget = this._searchPossibleTargets(target._objects, pointer);\r\n subTarget && this.targets.push(subTarget);\r\n }\r\n break;\r\n }\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @see {@link fabric.Canvas#_searchPossibleTargets}\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object on screen** that contains pointer\r\n */\r\n searchPossibleTargets: function (objects, pointer) {\r\n var target = this._searchPossibleTargets(objects, pointer);\r\n return target && target.interactive && this.targets[0]\r\n ? this.targets[0]\r\n : target;\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates without the effect of the viewport\r\n * @param {Object} pointer with \"x\" and \"y\" number values\r\n * @return {Object} object with \"x\" and \"y\" number values\r\n */\r\n restorePointerVpt: function (pointer) {\r\n return fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(this.viewportTransform)\r\n );\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates relative to canvas.\r\n * Can return coordinates with or without viewportTransform.\r\n * ignoreVpt false gives back coordinates that represent\r\n * the point clicked on canvas element.\r\n * ignoreVpt true gives back coordinates after being processed\r\n * by the viewportTransform ( sort of coordinates of what is displayed\r\n * on the canvas where you are clicking.\r\n * ignoreVpt true = HTMLElement coordinates relative to top,left\r\n * ignoreVpt false, default = fabric space coordinates, the same used for shape position\r\n * To interact with your shapes top and left you want to use ignoreVpt true\r\n * most of the time, while ignoreVpt false will give you coordinates\r\n * compatible with the object.oCoords system.\r\n * of the time.\r\n * @param {Event} e\r\n * @param {Boolean} ignoreVpt\r\n * @return {Point}\r\n */\r\n getPointer: function (e, ignoreVpt) {\r\n // return cached values if we are in the event processing chain\r\n if (this._absolutePointer && !ignoreVpt) {\r\n return this._absolutePointer;\r\n }\r\n if (this._pointer && ignoreVpt) {\r\n return this._pointer;\r\n }\r\n\r\n var pointer = getPointer(e),\r\n upperCanvasEl = this.upperCanvasEl,\r\n bounds = upperCanvasEl.getBoundingClientRect(),\r\n boundsWidth = bounds.width || 0,\r\n boundsHeight = bounds.height || 0,\r\n cssScale;\r\n\r\n if (!boundsWidth || !boundsHeight) {\r\n if ('top' in bounds && 'bottom' in bounds) {\r\n boundsHeight = Math.abs(bounds.top - bounds.bottom);\r\n }\r\n if ('right' in bounds && 'left' in bounds) {\r\n boundsWidth = Math.abs(bounds.right - bounds.left);\r\n }\r\n }\r\n\r\n this.calcOffset();\r\n pointer.x = pointer.x - this._offset.left;\r\n pointer.y = pointer.y - this._offset.top;\r\n if (!ignoreVpt) {\r\n pointer = this.restorePointerVpt(pointer);\r\n }\r\n\r\n var retinaScaling = this.getRetinaScaling();\r\n if (retinaScaling !== 1) {\r\n pointer.x /= retinaScaling;\r\n pointer.y /= retinaScaling;\r\n }\r\n\r\n // If bounds are not available (i.e. not visible), do not apply scale.\r\n cssScale =\r\n boundsWidth === 0 || boundsHeight === 0\r\n ? new Point(1, 1)\r\n : new Point(\r\n upperCanvasEl.width / boundsWidth,\r\n upperCanvasEl.height / boundsHeight\r\n );\r\n\r\n return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n this._resetTransformEventData();\r\n return this.callSuper('setDimensions', dimensions, options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized\r\n */\r\n _createUpperCanvas: function () {\r\n var lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl;\r\n\r\n // if there is no upperCanvas (most common case) we create one.\r\n if (!upperCanvasEl) {\r\n upperCanvasEl = this._createCanvasElement();\r\n this.upperCanvasEl = upperCanvasEl;\r\n }\r\n // we assign the same classname of the lowerCanvas\r\n upperCanvasEl.className = lowerCanvasEl.className;\r\n // but then we remove the lower-canvas specific className\r\n upperCanvasEl.classList.remove('lower-canvas');\r\n // we add the specific upper-canvas class\r\n upperCanvasEl.classList.add('upper-canvas');\r\n upperCanvasEl.setAttribute('data-fabric', 'top');\r\n this.wrapperEl.appendChild(upperCanvasEl);\r\n\r\n this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl);\r\n this._applyCanvasStyle(upperCanvasEl);\r\n upperCanvasEl.setAttribute('draggable', 'true');\r\n this.contextTop = upperCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCacheCanvas: function () {\r\n this.cacheCanvasEl = this._createCanvasElement();\r\n this.cacheCanvasEl.setAttribute('width', this.width);\r\n this.cacheCanvasEl.setAttribute('height', this.height);\r\n this.contextCache = this.cacheCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initWrapperElement: function () {\r\n if (this.wrapperEl) {\r\n return;\r\n }\r\n const container = fabric.document.createElement('div');\r\n container.classList.add(this.containerClass);\r\n this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container);\r\n this.wrapperEl.setAttribute('data-fabric', 'wrapper');\r\n fabric.util.setStyle(this.wrapperEl, {\r\n width: this.width + 'px',\r\n height: this.height + 'px',\r\n position: 'relative',\r\n });\r\n fabric.util.makeElementUnselectable(this.wrapperEl);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement} element canvas element to apply styles on\r\n */\r\n _applyCanvasStyle: function (element) {\r\n var width = this.width || element.width,\r\n height = this.height || element.height;\r\n\r\n fabric.util.setStyle(element, {\r\n position: 'absolute',\r\n width: width + 'px',\r\n height: height + 'px',\r\n left: 0,\r\n top: 0,\r\n 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none',\r\n '-ms-touch-action': this.allowTouchScrolling\r\n ? 'manipulation'\r\n : 'none',\r\n });\r\n element.width = width;\r\n element.height = height;\r\n fabric.util.makeElementUnselectable(element);\r\n },\r\n\r\n /**\r\n * Copy the entire inline style from one element (fromEl) to another (toEl)\r\n * @private\r\n * @param {Element} fromEl Element style is copied from\r\n * @param {Element} toEl Element copied style is applied to\r\n */\r\n _copyCanvasStyle: function (fromEl, toEl) {\r\n toEl.style.cssText = fromEl.style.cssText;\r\n },\r\n\r\n /**\r\n * Returns context of top canvas where interactions are drawn\r\n * @returns {CanvasRenderingContext2D}\r\n */\r\n getTopContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where object selection is drawn\r\n * @alias\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getSelectionContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns <canvas> element on which object selection is drawn\r\n * @return {HTMLCanvasElement}\r\n */\r\n getSelectionElement: function () {\r\n return this.upperCanvasEl;\r\n },\r\n\r\n /**\r\n * Returns currently active object\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObject: function () {\r\n return this._activeObject;\r\n },\r\n\r\n /**\r\n * Returns an array with the current selected objects\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObjects: function () {\r\n var active = this._activeObject;\r\n if (active) {\r\n if (active.type === 'activeSelection' && active._objects) {\r\n return active._objects.slice(0);\r\n } else {\r\n return [active];\r\n }\r\n }\r\n return [];\r\n },\r\n\r\n /**\r\n * @private\r\n * Compares the old activeObject with the current one and fires correct events\r\n * @param {fabric.Object} obj old activeObject\r\n */\r\n _fireSelectionEvents: function (oldObjects, e) {\r\n var somethingChanged = false,\r\n objects = this.getActiveObjects(),\r\n added = [],\r\n removed = [],\r\n invalidate = false;\r\n oldObjects.forEach(function (oldObject) {\r\n if (objects.indexOf(oldObject) === -1) {\r\n somethingChanged = true;\r\n oldObject.fire('deselected', {\r\n e: e,\r\n target: oldObject,\r\n });\r\n removed.push(oldObject);\r\n }\r\n });\r\n objects.forEach(function (object) {\r\n if (oldObjects.indexOf(object) === -1) {\r\n somethingChanged = true;\r\n object.fire('selected', {\r\n e: e,\r\n target: object,\r\n });\r\n added.push(object);\r\n }\r\n });\r\n if (oldObjects.length > 0 && objects.length > 0) {\r\n invalidate = true;\r\n somethingChanged &&\r\n this.fire('selection:updated', {\r\n e: e,\r\n selected: added,\r\n deselected: removed,\r\n });\r\n } else if (objects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:created', {\r\n e: e,\r\n selected: added,\r\n });\r\n } else if (oldObjects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:cleared', {\r\n e: e,\r\n deselected: removed,\r\n });\r\n }\r\n invalidate && (this._objectsToRender = undefined);\r\n },\r\n\r\n /**\r\n * Sets given object as the only active object on canvas\r\n * @param {fabric.Object} object Object to set as an active one\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setActiveObject: function (object, e) {\r\n var currentActives = this.getActiveObjects();\r\n this._setActiveObject(object, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to setActiveObject but without firing\r\n * any event. There is commitment to have this stay this way.\r\n * This is the functional part of setActiveObject.\r\n * @private\r\n * @param {Object} object to set as active\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {Boolean} true if the selection happened\r\n */\r\n _setActiveObject: function (object, e) {\r\n if (this._activeObject === object) {\r\n return false;\r\n }\r\n if (!this._discardActiveObject(e, object)) {\r\n return false;\r\n }\r\n if (object.onSelect({ e: e })) {\r\n return false;\r\n }\r\n this._activeObject = object;\r\n return true;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to discardActiveObject but without firing\r\n * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way.\r\n * This is the functional part of discardActiveObject.\r\n * @param {Event} [e] Event (passed along when firing \"object:deselected\")\r\n * @param {Object} object to set as active\r\n * @return {Boolean} true if the selection happened\r\n * @private\r\n */\r\n _discardActiveObject: function (e, object) {\r\n var obj = this._activeObject;\r\n if (obj) {\r\n // onDeselect return TRUE to cancel selection;\r\n if (obj.onDeselect({ e: e, object: object })) {\r\n return false;\r\n }\r\n if (this._currentTransform && this._currentTransform.target === obj) {\r\n this.endCurrentTransform(e);\r\n }\r\n this._activeObject = null;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * Discards currently active object and fire events. If the function is called by fabric\r\n * as a consequence of a mouse event, the event is passed as a parameter and\r\n * sent to the fire function for the custom events. When used as a method the\r\n * e param does not have any application.\r\n * @param {event} e\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n discardActiveObject: function (e) {\r\n var currentActives = this.getActiveObjects(),\r\n activeObject = this.getActiveObject();\r\n if (currentActives.length) {\r\n this.fire('before:selection:cleared', { target: activeObject, e: e });\r\n }\r\n this._discardActiveObject(e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects, removes all event listeners and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n var wrapperEl = this.wrapperEl,\r\n lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl,\r\n cacheCanvasEl = this.cacheCanvasEl;\r\n this.removeListeners();\r\n this.callSuper('destroy');\r\n wrapperEl.removeChild(upperCanvasEl);\r\n wrapperEl.removeChild(lowerCanvasEl);\r\n this.contextCache = null;\r\n this.contextTop = null;\r\n fabric.util.cleanUpJsdomNode(upperCanvasEl);\r\n this.upperCanvasEl = undefined;\r\n fabric.util.cleanUpJsdomNode(cacheCanvasEl);\r\n this.cacheCanvasEl = undefined;\r\n if (wrapperEl.parentNode) {\r\n wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl);\r\n }\r\n delete this.wrapperEl;\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n // this.discardActiveGroup();\r\n this.discardActiveObject();\r\n this.clearContext(this.contextTop);\r\n return this.callSuper('clear');\r\n },\r\n\r\n /**\r\n * Draws objects' controls (borders/controls)\r\n * @param {CanvasRenderingContext2D} ctx Context to render controls on\r\n */\r\n drawControls: function (ctx) {\r\n var activeObject = this._activeObject;\r\n\r\n if (activeObject) {\r\n activeObject._renderControls(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n //If the object is part of the current selection group, it should\r\n //be transformed appropriately\r\n //i.e. it should be serialised as it would appear if the selection group\r\n //were to be destroyed.\r\n var originalProperties = this._realizeGroupTransformOnObject(instance),\r\n object = this.callSuper(\r\n '_toObject',\r\n instance,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n //Undo the damage we did by changing all of its properties\r\n originalProperties && instance.set(originalProperties);\r\n return object;\r\n },\r\n\r\n /**\r\n * Realises an object's group transformation on it\r\n * @private\r\n * @param {fabric.Object} [instance] the object to transform (gets mutated)\r\n * @returns the original values of instance which were changed\r\n */\r\n _realizeGroupTransformOnObject: function (instance) {\r\n if (\r\n instance.group &&\r\n instance.group.type === 'activeSelection' &&\r\n this._activeObject === instance.group\r\n ) {\r\n var layoutProps = [\r\n 'angle',\r\n 'flipX',\r\n 'flipY',\r\n 'left',\r\n 'scaleX',\r\n 'scaleY',\r\n 'skewX',\r\n 'skewY',\r\n 'top',\r\n ];\r\n //Copy all the positionally relevant properties across now\r\n var originalValues = {};\r\n layoutProps.forEach(function (prop) {\r\n originalValues[prop] = instance[prop];\r\n });\r\n fabric.util.addTransformToObject(\r\n instance,\r\n this._activeObject.calcOwnMatrix()\r\n );\r\n return originalValues;\r\n } else {\r\n return null;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n //If the object is in a selection group, simulate what would happen to that\r\n //object when the group is deselected\r\n var originalProperties = this._realizeGroupTransformOnObject(instance);\r\n this.callSuper('_setSVGObject', markup, instance, reviver);\r\n originalProperties && instance.set(originalProperties);\r\n },\r\n\r\n setViewportTransform: function (vpt) {\r\n if (\r\n this.renderOnAddRemove &&\r\n this._activeObject &&\r\n this._activeObject.isEditing\r\n ) {\r\n this._activeObject.clearContextTop();\r\n }\r\n fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt);\r\n },\r\n }\r\n );\r\n\r\n // copying static properties manually to work around Opera's bug,\r\n // where \"prototype\" property is enumerable and overrides existing prototype\r\n for (var prop in fabric.StaticCanvas) {\r\n if (prop !== 'prototype') {\r\n fabric.Canvas[prop] = fabric.StaticCanvas[prop];\r\n }\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fireEvent } from '../util/fireEvent';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n addListener = fabric.util.addListener,\r\n removeListener = fabric.util.removeListener,\r\n RIGHT_CLICK = 3,\r\n MIDDLE_CLICK = 2,\r\n LEFT_CLICK = 1,\r\n addEventOptions = { passive: false };\r\n\r\n function checkClick(e, value) {\r\n return e.button && e.button === value - 1;\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Contains the id of the touch event that owns the fabric transform\r\n * @type Number\r\n * @private\r\n */\r\n mainTouchId: null,\r\n\r\n /**\r\n * Adds mouse listeners to canvas\r\n * @private\r\n */\r\n _initEventListeners: function () {\r\n // in case we initialized the class twice. This should not happen normally\r\n // but in some kind of applications where the canvas element may be changed\r\n // this is a workaround to having double listeners.\r\n this.removeListeners();\r\n this._bindEvents();\r\n this.addOrRemove(addListener, 'add');\r\n },\r\n\r\n /**\r\n * return an event prefix pointer or mouse.\r\n * @private\r\n */\r\n _getEventPrefix: function () {\r\n return this.enablePointerEvents ? 'pointer' : 'mouse';\r\n },\r\n\r\n addOrRemove: function (functor, eventjsFunctor) {\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n functor(fabric.window, 'resize', this._onResize);\r\n functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown);\r\n functor(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut);\r\n functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter);\r\n functor(canvasElement, 'wheel', this._onMouseWheel);\r\n functor(canvasElement, 'contextmenu', this._onContextMenu);\r\n functor(canvasElement, 'dblclick', this._onDoubleClick);\r\n functor(canvasElement, 'dragstart', this._onDragStart);\r\n functor(canvasElement, 'dragend', this._onDragEnd);\r\n functor(canvasElement, 'dragover', this._onDragOver);\r\n functor(canvasElement, 'dragenter', this._onDragEnter);\r\n functor(canvasElement, 'dragleave', this._onDragLeave);\r\n functor(canvasElement, 'drop', this._onDrop);\r\n if (!this.enablePointerEvents) {\r\n functor(\r\n canvasElement,\r\n 'touchstart',\r\n this._onTouchStart,\r\n addEventOptions\r\n );\r\n }\r\n if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) {\r\n eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture);\r\n eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'orientation',\r\n this._onOrientationChange\r\n );\r\n eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'longpress',\r\n this._onLongPress\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Removes all event listeners\r\n */\r\n removeListeners: function () {\r\n this.addOrRemove(removeListener, 'remove');\r\n // if you dispose on a mouseDown, before mouse up, you need to clean document to...\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _bindEvents: function () {\r\n if (this.eventsBound) {\r\n // for any reason we pass here twice we do not want to bind events twice.\r\n return;\r\n }\r\n this._onMouseDown = this._onMouseDown.bind(this);\r\n this._onTouchStart = this._onTouchStart.bind(this);\r\n this._onMouseMove = this._onMouseMove.bind(this);\r\n this._onMouseUp = this._onMouseUp.bind(this);\r\n this._onTouchEnd = this._onTouchEnd.bind(this);\r\n this._onResize = this._onResize.bind(this);\r\n this._onGesture = this._onGesture.bind(this);\r\n this._onDrag = this._onDrag.bind(this);\r\n this._onShake = this._onShake.bind(this);\r\n this._onLongPress = this._onLongPress.bind(this);\r\n this._onOrientationChange = this._onOrientationChange.bind(this);\r\n this._onMouseWheel = this._onMouseWheel.bind(this);\r\n this._onMouseOut = this._onMouseOut.bind(this);\r\n this._onMouseEnter = this._onMouseEnter.bind(this);\r\n this._onContextMenu = this._onContextMenu.bind(this);\r\n this._onDoubleClick = this._onDoubleClick.bind(this);\r\n this._onDragStart = this._onDragStart.bind(this);\r\n this._onDragEnd = this._onDragEnd.bind(this);\r\n this._onDragProgress = this._onDragProgress.bind(this);\r\n this._onDragOver = this._onDragOver.bind(this);\r\n this._onDragEnter = this._onDragEnter.bind(this);\r\n this._onDragLeave = this._onDragLeave.bind(this);\r\n this._onDrop = this._onDrop.bind(this);\r\n this.eventsBound = true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js gesture\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onGesture: function (e, self) {\r\n this.__onTransformGesture && this.__onTransformGesture(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js drag\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onDrag: function (e, self) {\r\n this.__onDrag && this.__onDrag(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on wheel event\r\n */\r\n _onMouseWheel: function (e) {\r\n this.__onMouseWheel(e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseOut: function (e) {\r\n var target = this._hoveredTarget;\r\n this.fire('mouse:out', { target: target, e: e });\r\n this._hoveredTarget = null;\r\n target && target.fire('mouseout', { e: e });\r\n\r\n this._hoveredTargets.forEach(function (nestedTarget) {\r\n this.fire('mouse:out', { target: nestedTarget, e: e });\r\n nestedTarget && nestedTarget.fire('mouseout', { e: e });\r\n }, this);\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseenter\r\n */\r\n _onMouseEnter: function (e) {\r\n // This find target and consequent 'mouse:over' is used to\r\n // clear old instances on hovered target.\r\n // calling findTarget has the side effect of killing target.__corner.\r\n // as a short term fix we are not firing this if we are currently transforming.\r\n // as a long term fix we need to separate the action of finding a target with the\r\n // side effects we added to it.\r\n if (!this._currentTransform && !this.findTarget(e)) {\r\n this.fire('mouse:over', { target: null, e: e });\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js orientation change\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onOrientationChange: function (e, self) {\r\n this.__onOrientationChange && this.__onOrientationChange(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onShake: function (e, self) {\r\n this.__onShake && this.__onShake(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onLongPress: function (e, self) {\r\n this.__onLongPress && this.__onLongPress(e, self);\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragStart: function (e) {\r\n var activeObject = this.getActiveObject();\r\n if (\r\n activeObject &&\r\n typeof activeObject.onDragStart === 'function' &&\r\n activeObject.onDragStart(e)\r\n ) {\r\n this._dragSource = activeObject;\r\n var options = { e: e, target: activeObject };\r\n this.fire('dragstart', options);\r\n activeObject.fire('dragstart', options);\r\n addListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n return;\r\n }\r\n e.preventDefault();\r\n e.stopPropagation();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _renderDragEffects: function (e, source, target) {\r\n var ctx = this.contextTop;\r\n if (source) {\r\n source.clearContextTop(true);\r\n source.renderDragSourceEffect(e);\r\n }\r\n if (target) {\r\n if (target !== source) {\r\n ctx.restore();\r\n ctx.save();\r\n target.clearContextTop(true);\r\n }\r\n target.renderDropTargetEffect(e);\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragEnd: function (e) {\r\n var didDrop = e.dataTransfer.dropEffect !== 'none',\r\n dropTarget = didDrop ? this._activeObject : undefined,\r\n options = {\r\n e: e,\r\n target: this._dragSource,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n didDrop: didDrop,\r\n dropTarget: dropTarget,\r\n };\r\n removeListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n this.fire('dragend', options);\r\n this._dragSource && this._dragSource.fire('dragend', options);\r\n delete this._dragSource;\r\n // we need to call mouse up synthetically because the browser won't\r\n this._onMouseUp(e);\r\n },\r\n\r\n /**\r\n * fire `drag` event on canvas and drag source\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragProgress: function (e) {\r\n var options = {\r\n e: e,\r\n dragSource: this._dragSource,\r\n dropTarget: this._draggedoverTarget,\r\n };\r\n this.fire('drag', options);\r\n this._dragSource && this._dragSource.fire('drag', options);\r\n },\r\n\r\n /**\r\n * prevent default to allow drop event to be fired\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragOver: function (e) {\r\n var eventType = 'dragover',\r\n target = this.findTarget(e),\r\n targets = this.targets,\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n dragSource: this._dragSource,\r\n canDrop: false,\r\n dropTarget: undefined,\r\n },\r\n dropTarget;\r\n // fire on canvas\r\n this.fire(eventType, options);\r\n // make sure we fire dragenter events before dragover\r\n // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it\r\n this._fireEnterLeaveEvents(target, options);\r\n if (target) {\r\n // render drag selection before rendering target cursor for correct visuals\r\n if (target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // propagate the event to subtargets\r\n for (var i = 0; i < targets.length; i++) {\r\n target = targets[i];\r\n // accept event only if previous targets didn't\r\n if (!e.defaultPrevented && target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // render drag effects now that relations between source and target is clear\r\n this._renderDragEffects(e, this._dragSource, dropTarget);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragEnter: function (e) {\r\n var target = this.findTarget(e);\r\n var options = {\r\n e: e,\r\n target: target,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragenter', options);\r\n // fire dragenter on targets\r\n this._fireEnterLeaveEvents(target, options);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragLeave: function (e) {\r\n var options = {\r\n e: e,\r\n target: this._draggedoverTarget,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragleave', options);\r\n // fire dragleave on targets\r\n this._fireEnterLeaveEvents(null, options);\r\n // clear targets\r\n this.targets = [];\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * `drop:before` is a an event that allows you to schedule logic\r\n * before the `drop` event. Prefer `drop` event always, but if you need\r\n * to run some drop-disabling logic on an event, since there is no way\r\n * to handle event handlers ordering, use `drop:before`\r\n * @private\r\n * @param {Event} e\r\n */\r\n _onDrop: function (e) {\r\n var options = this._simpleEventHandler('drop:before', e, {\r\n dragSource: this._dragSource,\r\n pointer: this.getPointer(e),\r\n });\r\n // will be set by the drop target\r\n options.didDrop = false;\r\n // will be set by the drop target, used in case options.target refuses the drop\r\n options.dropTarget = undefined;\r\n // fire `drop`\r\n this._basicEventHandler('drop', options);\r\n // inform canvas of the drop\r\n // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it\r\n // use for side effects\r\n this.fire('drop:after', options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onContextMenu: function (e) {\r\n var options = this._simpleEventHandler('contextmenu:before', e);\r\n if (this.stopContextMenu) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }\r\n this._basicEventHandler('contextmenu', options);\r\n return false;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onDoubleClick: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'dblclick');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Return a the id of an event.\r\n * returns either the pointerId or the identifier or 0 for the mouse event\r\n * @private\r\n * @param {Event} evt Event object\r\n */\r\n getPointerId: function (evt) {\r\n var changedTouches = evt.changedTouches;\r\n\r\n if (changedTouches) {\r\n return changedTouches[0] && changedTouches[0].identifier;\r\n }\r\n\r\n if (this.enablePointerEvents) {\r\n return evt.pointerId;\r\n }\r\n\r\n return -1;\r\n },\r\n\r\n /**\r\n * Determines if an event has the id of the event that is considered main\r\n * @private\r\n * @param {evt} event Event object\r\n */\r\n _isMainEvent: function (evt) {\r\n if (evt.isPrimary === true) {\r\n return true;\r\n }\r\n if (evt.isPrimary === false) {\r\n return false;\r\n }\r\n if (evt.type === 'touchend' && evt.touches.length === 0) {\r\n return true;\r\n }\r\n if (evt.changedTouches) {\r\n return evt.changedTouches[0].identifier === this.mainTouchId;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchStart: function (e) {\r\n e.preventDefault();\r\n if (this.mainTouchId === null) {\r\n this.mainTouchId = this.getPointerId(e);\r\n }\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n addListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n addListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n // Unbind mousedown to prevent double triggers from touch devices\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'down',\r\n this._onMouseDown\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDown: function (e) {\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp);\r\n addListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchEnd: function (e) {\r\n if (e.touches.length > 0) {\r\n // if there are still touches stop here\r\n return;\r\n }\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n this.mainTouchId = null;\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n var _this = this;\r\n if (this._willAddMouseDown) {\r\n clearTimeout(this._willAddMouseDown);\r\n }\r\n this._willAddMouseDown = setTimeout(function () {\r\n // Wait 400ms before rebinding mousedown to prevent double triggers\r\n // from touch devices\r\n addListener(\r\n _this.upperCanvasEl,\r\n eventTypePrefix + 'down',\r\n _this._onMouseDown\r\n );\r\n _this._willAddMouseDown = 0;\r\n }, 400);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUp: function (e) {\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n if (this._isMainEvent(e)) {\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMove: function (e) {\r\n var activeObject = this.getActiveObject();\r\n !this.allowTouchScrolling &&\r\n (!activeObject || !activeObject.__isDragging) &&\r\n e.preventDefault &&\r\n e.preventDefault();\r\n this.__onMouseMove(e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _onResize: function () {\r\n this.calcOffset();\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Decides whether the canvas should be redrawn in mouseup and mousedown events.\r\n * @private\r\n * @param {Object} target\r\n */\r\n _shouldRender: function (target) {\r\n var activeObject = this._activeObject;\r\n\r\n if (\r\n !!activeObject !== !!target ||\r\n (activeObject && target && activeObject !== target)\r\n ) {\r\n // this covers: switch of target, from target to no target, selection of target\r\n // multiSelection with key and mouse\r\n return true;\r\n } else if (activeObject && activeObject.isEditing) {\r\n // if we mouse up/down over a editing textbox a cursor change,\r\n // there is no need to re render\r\n return false;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is released on canvas.\r\n * The method resets the currentTransform parameters, store the image corner\r\n * position in the image object and render the canvas on top.\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseUp: function (e) {\r\n var target,\r\n transform = this._currentTransform,\r\n groupSelector = this._groupSelector,\r\n shouldRender = false,\r\n isClick =\r\n !groupSelector ||\r\n (groupSelector.left === 0 && groupSelector.top === 0);\r\n this._cacheTransformEventData(e);\r\n target = this._target;\r\n this._handleEvent(e, 'up:before');\r\n // if right/middle click just fire events and return\r\n // target undefined will make the _handleEvent search the target\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'up', RIGHT_CLICK, isClick);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'up', MIDDLE_CLICK, isClick);\r\n }\r\n this._resetTransformEventData();\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this._onMouseUpInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n if (transform) {\r\n this._finalizeCurrentTransform(e);\r\n shouldRender = transform.actionPerformed;\r\n }\r\n if (!isClick) {\r\n var targetWasActive = target === this._activeObject;\r\n this._maybeGroupObjects(e);\r\n if (!shouldRender) {\r\n shouldRender =\r\n this._shouldRender(target) ||\r\n (!targetWasActive && target === this._activeObject);\r\n }\r\n }\r\n var corner, pointer;\r\n if (target) {\r\n corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n if (\r\n target.selectable &&\r\n target !== this._activeObject &&\r\n target.activeOn === 'up'\r\n ) {\r\n this.setActiveObject(target, e);\r\n shouldRender = true;\r\n } else {\r\n var control = target.controls[corner],\r\n mouseUpHandler =\r\n control && control.getMouseUpHandler(e, target, control);\r\n if (mouseUpHandler) {\r\n pointer = this.getPointer(e);\r\n mouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n }\r\n target.isMoving = false;\r\n }\r\n // if we are ending up a transform on a different control or a new object\r\n // fire the original mouse up from the corner that started the transform\r\n if (\r\n transform &&\r\n (transform.target !== target || transform.corner !== corner)\r\n ) {\r\n var originalControl =\r\n transform.target && transform.target.controls[transform.corner],\r\n originalMouseUpHandler =\r\n originalControl &&\r\n originalControl.getMouseUpHandler(e, target, control);\r\n pointer = pointer || this.getPointer(e);\r\n originalMouseUpHandler &&\r\n originalMouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n this._setCursorFromEvent(e, target);\r\n this._handleEvent(e, 'up', LEFT_CLICK, isClick);\r\n this._groupSelector = null;\r\n this._currentTransform = null;\r\n // reset the target information about which corner is selected\r\n target && (target.__corner = 0);\r\n if (shouldRender) {\r\n this.requestRenderAll();\r\n } else if (!isClick) {\r\n this.renderTop();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {object} [data] event data overrides\r\n * @return {object} options\r\n */\r\n _simpleEventHandler: function (eventType, e, data) {\r\n var target = this.findTarget(e),\r\n subTargets = this.targets || [];\r\n return this._basicEventHandler(\r\n eventType,\r\n Object.assign(\r\n {},\r\n {\r\n e: e,\r\n target: target,\r\n subTargets: subTargets,\r\n },\r\n data\r\n )\r\n );\r\n },\r\n\r\n _basicEventHandler: function (eventType, options) {\r\n var target = options.target,\r\n subTargets = options.subTargets;\r\n this.fire(eventType, options);\r\n target && target.fire(eventType, options);\r\n for (var i = 0; i < subTargets.length; i++) {\r\n subTargets[i].fire(eventType, options);\r\n }\r\n return options;\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {fabric.Object} targetObj receiving event\r\n * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right\r\n * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move.\r\n */\r\n _handleEvent: function (e, eventType, button, isClick) {\r\n var target = this._target,\r\n targets = this.targets || [],\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n button: button || LEFT_CLICK,\r\n isClick: isClick || false,\r\n pointer: this._pointer,\r\n absolutePointer: this._absolutePointer,\r\n transform: this._currentTransform,\r\n };\r\n if (eventType === 'up') {\r\n options.currentTarget = this.findTarget(e);\r\n options.currentSubTargets = this.targets;\r\n }\r\n this.fire('mouse:' + eventType, options);\r\n target && target.fire('mouse' + eventType, options);\r\n for (var i = 0; i < targets.length; i++) {\r\n targets[i].fire('mouse' + eventType, options);\r\n }\r\n },\r\n\r\n /**\r\n * End the current transfrom.\r\n * You don't usually need to call this method unless you are interupting a user initiated transform\r\n * because of some other event ( a press of key combination, or something that block the user UX )\r\n * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n endCurrentTransform: function (e) {\r\n var transform = this._currentTransform;\r\n this._finalizeCurrentTransform(e);\r\n if (transform && transform.target) {\r\n // this could probably go inside _finalizeCurrentTransform\r\n transform.target.isMoving = false;\r\n }\r\n this._currentTransform = null;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n _finalizeCurrentTransform: function (e) {\r\n var transform = this._currentTransform,\r\n target = transform.target,\r\n options = {\r\n e: e,\r\n target: target,\r\n transform: transform,\r\n action: transform.action,\r\n };\r\n\r\n if (target._scaling) {\r\n target._scaling = false;\r\n }\r\n\r\n target.setCoords();\r\n\r\n if (\r\n transform.actionPerformed ||\r\n (this.stateful && target.hasStateChanged())\r\n ) {\r\n this._fire('modified', options);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDownInDrawingMode: function (e) {\r\n this._isCurrentlyDrawing = true;\r\n if (this.getActiveObject()) {\r\n this.discardActiveObject(e).requestRenderAll();\r\n }\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer });\r\n this._handleEvent(e, 'down');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMoveInDrawingMode: function (e) {\r\n if (this._isCurrentlyDrawing) {\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseMove(pointer, {\r\n e: e,\r\n pointer: pointer,\r\n });\r\n }\r\n this.setCursor(this.freeDrawingCursor);\r\n this._handleEvent(e, 'move');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUpInDrawingMode: function (e) {\r\n var pointer = this.getPointer(e);\r\n this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({\r\n e: e,\r\n pointer: pointer,\r\n });\r\n this._handleEvent(e, 'up');\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is clicked on canvas.\r\n * The method inits the currentTransform parameters and renders all the\r\n * canvas so the current image can be placed on the top canvas and the rest\r\n * in on the container one.\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n __onMouseDown: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'down:before');\r\n var target = this._target;\r\n // if right click just fire events\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'down', RIGHT_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'down', MIDDLE_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseDownInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n // ignore if some object is being transformed at this moment\r\n if (this._currentTransform) {\r\n return;\r\n }\r\n\r\n var pointer = this._pointer;\r\n // save pointer for check in __onMouseUp event\r\n this._previousPointer = pointer;\r\n var shouldRender = this._shouldRender(target),\r\n shouldGroup = this._shouldGroup(e, target);\r\n if (this._shouldClearSelection(e, target)) {\r\n this.discardActiveObject(e);\r\n } else if (shouldGroup) {\r\n this._handleGrouping(e, target);\r\n target = this._activeObject;\r\n }\r\n\r\n if (\r\n this.selection &&\r\n (!target ||\r\n (!target.selectable &&\r\n !target.isEditing &&\r\n target !== this._activeObject))\r\n ) {\r\n this._groupSelector = {\r\n ex: this._absolutePointer.x,\r\n ey: this._absolutePointer.y,\r\n top: 0,\r\n left: 0,\r\n };\r\n }\r\n\r\n if (target) {\r\n var alreadySelected = target === this._activeObject;\r\n if (target.selectable && target.activeOn === 'down') {\r\n this.setActiveObject(target, e);\r\n }\r\n var corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n target.__corner = corner;\r\n if (target === this._activeObject && (corner || !shouldGroup)) {\r\n this._setupCurrentTransform(e, target, alreadySelected);\r\n var control = target.controls[corner],\r\n pointer = this.getPointer(e),\r\n mouseDownHandler =\r\n control && control.getMouseDownHandler(e, target, control);\r\n if (mouseDownHandler) {\r\n mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y);\r\n }\r\n }\r\n }\r\n var invalidate = shouldRender || shouldGroup;\r\n // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering\r\n // run before firing the `down` event to give the dev a chance to populate it themselves\r\n invalidate && (this._objectsToRender = undefined);\r\n this._handleEvent(e, 'down');\r\n // we must renderAll so that we update the visuals\r\n invalidate && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * reset cache form common information needed during event processing\r\n * @private\r\n */\r\n _resetTransformEventData: function () {\r\n this._target = null;\r\n this._pointer = null;\r\n this._absolutePointer = null;\r\n },\r\n\r\n /**\r\n * Cache common information needed during event processing\r\n * @private\r\n * @param {Event} e Event object fired on event\r\n */\r\n _cacheTransformEventData: function (e) {\r\n // reset in order to avoid stale caching\r\n this._resetTransformEventData();\r\n this._pointer = this.getPointer(e, true);\r\n this._absolutePointer = this.restorePointerVpt(this._pointer);\r\n this._target = this._currentTransform\r\n ? this._currentTransform.target\r\n : this.findTarget(e) || null;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _beforeTransform: function (e) {\r\n var t = this._currentTransform;\r\n this.stateful && t.target.saveState();\r\n this.fire('before:transform', {\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is hovering the canvas.\r\n * The currentTransform parameter will define whether the user is rotating/scaling/translating\r\n * an image or neither of them (only hovering). A group selection is also possible and would cancel\r\n * all any other type of action.\r\n * In case of an image transformation only the top canvas will be rendered.\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n __onMouseMove: function (e) {\r\n this._handleEvent(e, 'move:before');\r\n this._cacheTransformEventData(e);\r\n var target, pointer;\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseMoveInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n var groupSelector = this._groupSelector;\r\n\r\n // We initially clicked in an empty area, so we draw a box for multiple selection\r\n if (groupSelector) {\r\n pointer = this._absolutePointer;\r\n\r\n groupSelector.left = pointer.x - groupSelector.ex;\r\n groupSelector.top = pointer.y - groupSelector.ey;\r\n\r\n this.renderTop();\r\n } else if (!this._currentTransform) {\r\n target = this.findTarget(e) || null;\r\n this._setCursorFromEvent(e, target);\r\n this._fireOverOutEvents(target, e);\r\n } else {\r\n this._transformObject(e);\r\n }\r\n this._handleEvent(e, 'move');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Manage the mouseout, mouseover events for the fabric object on the canvas\r\n * @param {Fabric.Object} target the target where the target from the mousemove event\r\n * @param {Event} e Event object fired on mousemove\r\n * @private\r\n */\r\n _fireOverOutEvents: function (target, e) {\r\n var _hoveredTarget = this._hoveredTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(\r\n target,\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTarget,\r\n evtOut: 'mouseout',\r\n canvasEvtOut: 'mouse:out',\r\n evtIn: 'mouseover',\r\n canvasEvtIn: 'mouse:over',\r\n }\r\n );\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(\r\n targets[i],\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'mouseout',\r\n evtIn: 'mouseover',\r\n }\r\n );\r\n }\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n },\r\n\r\n /**\r\n * Manage the dragEnter, dragLeave events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the onDrag event\r\n * @param {Object} data Event object fired on dragover\r\n * @private\r\n */\r\n _fireEnterLeaveEvents: function (target, data) {\r\n var _draggedoverTarget = this._draggedoverTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(target, data, {\r\n oldTarget: _draggedoverTarget,\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n canvasEvtIn: 'drag:enter',\r\n canvasEvtOut: 'drag:leave',\r\n });\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(targets[i], data, {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n });\r\n }\r\n this._draggedoverTarget = target;\r\n },\r\n\r\n /**\r\n * Manage the synthetic in/out events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the supported events\r\n * @param {Object} data Event object fired\r\n * @param {Object} config configuration for the function to work\r\n * @param {String} config.targetName property on the canvas where the old target is stored\r\n * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out\r\n * @param {String} config.evtOut name of the event to fire for out\r\n * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in\r\n * @param {String} config.evtIn name of the event to fire for in\r\n * @private\r\n */\r\n fireSyntheticInOutEvents: function (target, data, config) {\r\n var inOpt,\r\n outOpt,\r\n oldTarget = config.oldTarget,\r\n outFires,\r\n inFires,\r\n targetChanged = oldTarget !== target,\r\n canvasEvtIn = config.canvasEvtIn,\r\n canvasEvtOut = config.canvasEvtOut;\r\n if (targetChanged) {\r\n inOpt = Object.assign({}, data, {\r\n target: target,\r\n previousTarget: oldTarget,\r\n });\r\n outOpt = Object.assign({}, data, {\r\n target: oldTarget,\r\n nextTarget: target,\r\n });\r\n }\r\n inFires = target && targetChanged;\r\n outFires = oldTarget && targetChanged;\r\n if (outFires) {\r\n canvasEvtOut && this.fire(canvasEvtOut, outOpt);\r\n oldTarget.fire(config.evtOut, outOpt);\r\n }\r\n if (inFires) {\r\n canvasEvtIn && this.fire(canvasEvtIn, inOpt);\r\n target.fire(config.evtIn, inOpt);\r\n }\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event Mouse Wheel\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseWheel: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'wheel');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event fired on mousemove\r\n */\r\n _transformObject: function (e) {\r\n var pointer = this.getPointer(e),\r\n transform = this._currentTransform,\r\n target = transform.target,\r\n // transform pointer to target's containing coordinate plane\r\n // both pointer and object should agree on every point\r\n localPointer = target.group\r\n ? fabric.util.sendPointToPlane(\r\n pointer,\r\n undefined,\r\n target.group.calcTransformMatrix()\r\n )\r\n : pointer;\r\n\r\n transform.reset = false;\r\n transform.shiftKey = e.shiftKey;\r\n transform.altKey = e[this.centeredKey];\r\n\r\n this._performTransformAction(e, transform, localPointer);\r\n transform.actionPerformed && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _performTransformAction: function (e, transform, pointer) {\r\n var x = pointer.x,\r\n y = pointer.y,\r\n action = transform.action,\r\n actionPerformed = false,\r\n actionHandler = transform.actionHandler;\r\n // this object could be created from the function in the control handlers\r\n\r\n if (actionHandler) {\r\n actionPerformed = actionHandler(e, transform, x, y);\r\n }\r\n if (action === 'drag' && actionPerformed) {\r\n transform.target.isMoving = true;\r\n this.setCursor(transform.target.moveCursor || this.moveCursor);\r\n }\r\n transform.actionPerformed =\r\n transform.actionPerformed || actionPerformed;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _fire: function (eventName, options) {\r\n return fireEvent(eventName, options);\r\n },\r\n\r\n /**\r\n * Sets the cursor depending on where the canvas is being hovered.\r\n * Note: very buggy in Opera\r\n * @param {Event} e Event object\r\n * @param {Object} target Object that the mouse is hovering, if so.\r\n */\r\n _setCursorFromEvent: function (e, target) {\r\n if (!target) {\r\n this.setCursor(this.defaultCursor);\r\n return false;\r\n }\r\n var hoverCursor = target.hoverCursor || this.hoverCursor,\r\n activeSelection =\r\n this._activeObject && this._activeObject.type === 'activeSelection'\r\n ? this._activeObject\r\n : null,\r\n // only show proper corner when group selection is not active\r\n corner =\r\n (!activeSelection || !activeSelection.contains(target)) &&\r\n // here we call findTargetCorner always with undefined for the touch parameter.\r\n // we assume that if you are using a cursor you do not need to interact with\r\n // the bigger touch area.\r\n target._findTargetCorner(this.getPointer(e, true));\r\n\r\n if (!corner) {\r\n if (target.subTargetCheck) {\r\n // hoverCursor should come from top-most subTarget,\r\n // so we walk the array backwards\r\n this.targets\r\n .concat()\r\n .reverse()\r\n .map(function (_target) {\r\n hoverCursor = _target.hoverCursor || hoverCursor;\r\n });\r\n }\r\n this.setCursor(hoverCursor);\r\n } else {\r\n this.setCursor(this.getCornerCursor(corner, target, e));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n getCornerCursor: function (corner, target, e) {\r\n var control = target.controls[corner];\r\n return control.cursorStyleHandler(e, control, target);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n min = Math.min,\r\n max = Math.max;\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n * @return {Boolean}\r\n */\r\n _shouldGroup: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection.\r\n return (\r\n !!activeObject &&\r\n this._isSelectionKeyPressed(e) &&\r\n this.selection &&\r\n // on top of that the user also has to hit a target that is selectable.\r\n !!target &&\r\n target.selectable &&\r\n // if all pre-requisite pass, the target is either something different from the current\r\n // activeObject or if an activeSelection already exists\r\n // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear.\r\n // is a very old condition uncertain if still valid.\r\n (activeObject !== target ||\r\n activeObject.type === 'activeSelection') &&\r\n // make sure `activeObject` and `target` aren't ancestors of each other\r\n !target.isDescendantOf(activeObject) &&\r\n !activeObject.isDescendantOf(target) &&\r\n // target accepts selection\r\n !target.onSelect({ e: e })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _handleGrouping: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // avoid multi select when shift click on a corner\r\n if (activeObject.__corner) {\r\n return;\r\n }\r\n if (target === activeObject) {\r\n // if it's a group, find target again, using activeGroup objects\r\n target = this.findTarget(e, true);\r\n // if even object is not found or we are on activeObjectCorner, bail out\r\n if (!target || !target.selectable) {\r\n return;\r\n }\r\n }\r\n if (activeObject && activeObject.type === 'activeSelection') {\r\n this._updateActiveSelection(target, e);\r\n } else {\r\n this._createActiveSelection(target, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _updateActiveSelection: function (target, e) {\r\n var activeSelection = this._activeObject,\r\n currentActiveObjects = activeSelection._objects.slice(0);\r\n if (target.group === activeSelection) {\r\n activeSelection.remove(target);\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n if (activeSelection.size() === 1) {\r\n // activate last remaining object\r\n this._setActiveObject(activeSelection.item(0), e);\r\n }\r\n } else {\r\n activeSelection.add(target);\r\n this._hoveredTarget = activeSelection;\r\n this._hoveredTargets = this.targets.concat();\r\n }\r\n this._fireSelectionEvents(currentActiveObjects, e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createActiveSelection: function (target, e) {\r\n var currentActives = this.getActiveObjects(),\r\n group = this._createGroup(target);\r\n this._hoveredTarget = group;\r\n // ISSUE 4115: should we consider subTargets here?\r\n // this._hoveredTargets = [];\r\n // this._hoveredTargets = this.targets.concat();\r\n this._setActiveObject(group, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} target\r\n * @returns {fabric.ActiveSelection}\r\n */\r\n _createGroup: function (target) {\r\n var activeObject = this._activeObject;\r\n var groupObjects = target.isInFrontOf(activeObject)\r\n ? [activeObject, target]\r\n : [target, activeObject];\r\n activeObject.isEditing && activeObject.exitEditing();\r\n // handle case: target is nested\r\n return new fabric.ActiveSelection(groupObjects, {\r\n canvas: this,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e mouse event\r\n */\r\n _groupSelectedObjects: function (e) {\r\n var group = this._collectObjects(e),\r\n aGroup;\r\n\r\n // do not create group for 1 element only\r\n if (group.length === 1) {\r\n this.setActiveObject(group[0], e);\r\n } else if (group.length > 1) {\r\n aGroup = new fabric.ActiveSelection(group.reverse(), {\r\n canvas: this,\r\n });\r\n this.setActiveObject(aGroup, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _collectObjects: function (e) {\r\n var group = [],\r\n currentObject,\r\n x1 = this._groupSelector.ex,\r\n y1 = this._groupSelector.ey,\r\n x2 = x1 + this._groupSelector.left,\r\n y2 = y1 + this._groupSelector.top,\r\n selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)),\r\n selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)),\r\n allowIntersect = !this.selectionFullyContained,\r\n isClick = x1 === x2 && y1 === y2;\r\n // we iterate reverse order to collect top first in case of click.\r\n for (var i = this._objects.length; i--; ) {\r\n currentObject = this._objects[i];\r\n\r\n if (\r\n !currentObject ||\r\n !currentObject.selectable ||\r\n !currentObject.visible\r\n ) {\r\n continue;\r\n }\r\n\r\n if (\r\n (allowIntersect &&\r\n currentObject.intersectsWithRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n )) ||\r\n currentObject.isContainedWithinRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n ) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX1Y1, null, true)) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX2Y2, null, true))\r\n ) {\r\n group.push(currentObject);\r\n // only add one object if it's a click\r\n if (isClick) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (group.length > 1) {\r\n group = group.filter(function (object) {\r\n return !object.onSelect({ e: e });\r\n });\r\n }\r\n\r\n return group;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _maybeGroupObjects: function (e) {\r\n if (this.selection && this._groupSelector) {\r\n this._groupSelectedObjects(e);\r\n }\r\n this.setCursor(this.defaultCursor);\r\n // clear selection and current transformation\r\n this._groupSelector = null;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n * @see {@link https://jsfiddle.net/xsjua1rd/ demo}\r\n * @example Generate jpeg dataURL with lower quality\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'jpeg',\r\n * quality: 0.8\r\n * });\r\n * @example Generate cropped png dataURL (clipping of canvas)\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * left: 100,\r\n * top: 100,\r\n * width: 200,\r\n * height: 200\r\n * });\r\n * @example Generate double scaled png dataURL\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * multiplier: 2\r\n * });\r\n * @example Generate dataURL with objects that overlap a specified object\r\n * var myObject;\r\n * var dataURL = canvas.toDataURL({\r\n * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject)\r\n * });\r\n */\r\n toDataURL: function (options) {\r\n options || (options = {});\r\n\r\n var format = options.format || 'png',\r\n quality = options.quality || 1,\r\n multiplier =\r\n (options.multiplier || 1) *\r\n (options.enableRetinaScaling ? this.getRetinaScaling() : 1),\r\n canvasEl = this.toCanvasElement(multiplier, options);\r\n return fabric.util.toDataURL(canvasEl, format, quality);\r\n },\r\n\r\n /**\r\n * Create a new HTMLCanvas element painted with the current canvas content.\r\n * No need to resize the actual one or repaint it.\r\n * Will transfer object ownership to a new canvas, paint it, and set everything back.\r\n * This is an intermediary step used to get to a dataUrl but also it is useful to\r\n * create quick image copies of a canvas without passing for the dataUrl string\r\n * @param {Number} [multiplier] a zoom factor.\r\n * @param {Object} [options] Cropping informations\r\n * @param {Number} [options.left] Cropping left offset.\r\n * @param {Number} [options.top] Cropping top offset.\r\n * @param {Number} [options.width] Cropping width.\r\n * @param {Number} [options.height] Cropping height.\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n */\r\n toCanvasElement: function (multiplier, options) {\r\n multiplier = multiplier || 1;\r\n options = options || {};\r\n var scaledWidth = (options.width || this.width) * multiplier,\r\n scaledHeight = (options.height || this.height) * multiplier,\r\n zoom = this.getZoom(),\r\n originalWidth = this.width,\r\n originalHeight = this.height,\r\n newZoom = zoom * multiplier,\r\n vp = this.viewportTransform,\r\n translateX = (vp[4] - (options.left || 0)) * multiplier,\r\n translateY = (vp[5] - (options.top || 0)) * multiplier,\r\n originalInteractive = this.interactive,\r\n newVp = [newZoom, 0, 0, newZoom, translateX, translateY],\r\n originalRetina = this.enableRetinaScaling,\r\n canvasEl = fabric.util.createCanvasElement(),\r\n originalContextTop = this.contextTop,\r\n objectsToRender = options.filter\r\n ? this._objects.filter(options.filter)\r\n : this._objects;\r\n canvasEl.width = scaledWidth;\r\n canvasEl.height = scaledHeight;\r\n this.contextTop = null;\r\n this.enableRetinaScaling = false;\r\n this.interactive = false;\r\n this.viewportTransform = newVp;\r\n this.width = scaledWidth;\r\n this.height = scaledHeight;\r\n this.calcViewportBoundaries();\r\n this.renderCanvas(canvasEl.getContext('2d'), objectsToRender);\r\n this.viewportTransform = vp;\r\n this.width = originalWidth;\r\n this.height = originalHeight;\r\n this.calcViewportBoundaries();\r\n this.interactive = originalInteractive;\r\n this.enableRetinaScaling = originalRetina;\r\n this.contextTop = originalContextTop;\r\n return canvasEl;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Populates canvas with data from the specified JSON.\r\n * JSON format must conform to the one of {@link fabric.Canvas#toJSON}\r\n *\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n *\r\n * @param {String|Object} json JSON string or object\r\n * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created.\r\n * @param {Object} [options] options\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @return {Promise} instance\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo}\r\n * @example loadFromJSON\r\n * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll());\r\n * @example loadFromJSON with reviver\r\n * canvas.loadFromJSON(json, function(o, object) {\r\n * // `o` = json object\r\n * // `object` = fabric.Object instance\r\n * // ... do some stuff ...\r\n * }).then((canvas) => {\r\n * ... canvas is restored, add your code.\r\n * });\r\n *\r\n */\r\n loadFromJSON: function (json, reviver, options) {\r\n if (!json) {\r\n return Promise.reject(new Error('fabric.js: `json` is undefined'));\r\n }\r\n\r\n // serialize if it wasn't already\r\n var serialized =\r\n typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json);\r\n\r\n var _this = this,\r\n renderOnAddRemove = this.renderOnAddRemove;\r\n this.renderOnAddRemove = false;\r\n\r\n return Promise.all([\r\n fabric.util.enlivenObjects(serialized.objects || [], {\r\n reviver: reviver,\r\n signal: options && options.signal,\r\n }),\r\n fabric.util.enlivenObjectEnlivables(\r\n {\r\n backgroundImage: serialized.backgroundImage,\r\n backgroundColor: serialized.background,\r\n overlayImage: serialized.overlayImage,\r\n overlayColor: serialized.overlay,\r\n clipPath: serialized.clipPath,\r\n },\r\n { signal: options && options.signal }\r\n ),\r\n ]).then(function (res) {\r\n var enlived = res[0],\r\n enlivedMap = res[1];\r\n _this.clear();\r\n _this.__setupCanvas(serialized, enlived);\r\n _this.renderOnAddRemove = renderOnAddRemove;\r\n _this.set(enlivedMap);\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} serialized Object with background and overlay information\r\n * @param {Array} enlivenedObjects canvas objects\r\n */\r\n __setupCanvas: function (serialized, enlivenedObjects) {\r\n var _this = this;\r\n enlivenedObjects.forEach(function (obj, index) {\r\n // we splice the array just in case some custom classes restored from JSON\r\n // will add more object to canvas at canvas init.\r\n _this.insertAt(obj, index);\r\n });\r\n // remove parts i cannot set as options\r\n delete serialized.objects;\r\n delete serialized.backgroundImage;\r\n delete serialized.overlayImage;\r\n delete serialized.background;\r\n delete serialized.overlay;\r\n // this._initOptions does too many things to just\r\n // call it. Normally loading an Object from JSON\r\n // create the Object instance. Here the Canvas is\r\n // already an instance and we are just loading things over it\r\n this._setOptions(serialized);\r\n },\r\n\r\n /**\r\n * Clones canvas instance\r\n * @param {Array} [properties] Array of properties to include in the cloned canvas and children\r\n * @returns {Promise}\r\n */\r\n clone: function (properties) {\r\n var data = JSON.stringify(this.toJSON(properties));\r\n return this.cloneWithoutData().then(function (clone) {\r\n return clone.loadFromJSON(data);\r\n });\r\n },\r\n\r\n /**\r\n * Clones canvas instance without cloning existing data.\r\n * This essentially copies canvas dimensions, clipping properties, etc.\r\n * but leaves data empty (so that you can populate it with your own)\r\n * @returns {Promise}\r\n */\r\n cloneWithoutData: function () {\r\n var el = fabric.util.createCanvasElement();\r\n\r\n el.width = this.width;\r\n el.height = this.height;\r\n // this seems wrong. either Canvas or StaticCanvas\r\n var clone = new fabric.Canvas(el);\r\n var data = {};\r\n if (this.backgroundImage) {\r\n data.backgroundImage = this.backgroundImage.toObject();\r\n }\r\n if (this.backgroundColor) {\r\n data.background = this.backgroundColor.toObject\r\n ? this.backgroundColor.toObject()\r\n : this.backgroundColor;\r\n }\r\n return clone.loadFromJSON(data);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { scalingEqually } from '../controls/actions';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n radiansToDegrees = fabric.util.radiansToDegrees;\r\n\r\n /**\r\n * Adds support for multi-touch gestures using the Event.js library.\r\n * Fires the following custom events:\r\n * - touch:gesture\r\n * - touch:drag\r\n * - touch:orientation\r\n * - touch:shake\r\n * - touch:longpress\r\n */\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports\r\n * 2 finger gestures.\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onTransformGesture: function (e, self) {\r\n if (\r\n this.isDrawingMode ||\r\n !e.touches ||\r\n e.touches.length !== 2 ||\r\n 'gesture' !== self.gesture\r\n ) {\r\n return;\r\n }\r\n\r\n var target = this.findTarget(e);\r\n if ('undefined' !== typeof target) {\r\n this.__gesturesParams = {\r\n e: e,\r\n self: self,\r\n target: target,\r\n };\r\n\r\n this.__gesturesRenderer();\r\n }\r\n\r\n this.fire('touch:gesture', {\r\n target: target,\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n __gesturesParams: null,\r\n __gesturesRenderer: function () {\r\n if (this.__gesturesParams === null || this._currentTransform === null) {\r\n return;\r\n }\r\n\r\n var self = this.__gesturesParams.self,\r\n t = this._currentTransform,\r\n e = this.__gesturesParams.e;\r\n\r\n t.action = 'scale';\r\n t.originX = t.originY = 'center';\r\n\r\n this._scaleObjectBy(self.scale, e);\r\n\r\n if (self.rotation !== 0) {\r\n t.action = 'rotate';\r\n this._rotateObjectByAngle(self.rotation, e);\r\n }\r\n\r\n this.requestRenderAll();\r\n\r\n t.action = 'drag';\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js drag is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onDrag: function (e, self) {\r\n this.fire('touch:drag', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js orientation event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onOrientationChange: function (e, self) {\r\n this.fire('touch:orientation', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js shake event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onShake: function (e, self) {\r\n this.fire('touch:shake', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js longpress event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onLongPress: function (e, self) {\r\n this.fire('touch:longpress', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Scales an object by a factor\r\n * @param {Number} s The scale factor to apply to the current scale level\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _scaleObjectBy: function (s, e) {\r\n var t = this._currentTransform,\r\n target = t.target;\r\n t.gestureScale = s;\r\n target._scaling = true;\r\n return scalingEqually(e, t, 0, 0);\r\n },\r\n\r\n /**\r\n * Rotates object by an angle\r\n * @param {Number} curAngle The angle of rotation in degrees\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _rotateObjectByAngle: function (curAngle, e) {\r\n var t = this._currentTransform;\r\n\r\n if (t.target.get('lockRotation')) {\r\n return;\r\n }\r\n t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta));\r\n this._fire('rotating', {\r\n target: t.target,\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Checks if object is decendant of target\r\n * Should be used instead of @link {fabric.Collection.contains} for performance reasons\r\n * @param {fabric.Object|fabric.StaticCanvas} target\r\n * @returns {boolean}\r\n */\r\n isDescendantOf: function (target) {\r\n var parent = this.group || this.canvas;\r\n while (parent) {\r\n if (target === parent) {\r\n return true;\r\n } else if (parent instanceof fabric.StaticCanvas) {\r\n // happens after all parents were traversed through without a match\r\n return false;\r\n }\r\n parent = parent.group || parent.canvas;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n *\r\n * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors\r\n *\r\n * @param {boolean} [strict] returns only ancestors that are objects (without canvas)\r\n * @returns {Ancestors} ancestors from bottom to top\r\n */\r\n getAncestors: function (strict) {\r\n var ancestors = [];\r\n var parent = this.group || (strict ? undefined : this.canvas);\r\n while (parent) {\r\n ancestors.push(parent);\r\n parent = parent.group || (strict ? undefined : parent.canvas);\r\n }\r\n return ancestors;\r\n },\r\n\r\n /**\r\n * Returns an object that represent the ancestry situation.\r\n *\r\n * @typedef {object} AncestryComparison\r\n * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`)\r\n * @property {Ancestors} fork ancestors that are of `this` only\r\n * @property {Ancestors} otherFork ancestors that are of `other` only\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] finds only ancestors that are objects (without canvas)\r\n * @returns {AncestryComparison | undefined}\r\n *\r\n */\r\n findCommonAncestors: function (other, strict) {\r\n if (this === other) {\r\n return {\r\n fork: [],\r\n otherFork: [],\r\n common: [this].concat(this.getAncestors(strict)),\r\n };\r\n } else if (!other) {\r\n // meh, warn and inform, and not my issue.\r\n // the argument is NOT optional, we can't end up here.\r\n return undefined;\r\n }\r\n var ancestors = this.getAncestors(strict);\r\n var otherAncestors = other.getAncestors(strict);\r\n // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case\r\n if (\r\n ancestors.length === 0 &&\r\n otherAncestors.length > 0 &&\r\n this === otherAncestors[otherAncestors.length - 1]\r\n ) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(\r\n otherAncestors.slice(0, otherAncestors.length - 1)\r\n ),\r\n common: [this],\r\n };\r\n }\r\n // compare ancestors\r\n for (var i = 0, ancestor; i < ancestors.length; i++) {\r\n ancestor = ancestors[i];\r\n if (ancestor === other) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [],\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n for (var j = 0; j < otherAncestors.length; j++) {\r\n if (this === otherAncestors[j]) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: [this].concat(ancestors),\r\n };\r\n }\r\n if (ancestor === otherAncestors[j]) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n }\r\n }\r\n // nothing shared\r\n return {\r\n fork: [this].concat(ancestors),\r\n otherFork: [other].concat(otherAncestors),\r\n common: [],\r\n };\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] checks only ancestors that are objects (without canvas)\r\n * @returns {boolean}\r\n */\r\n hasCommonAncestors: function (other, strict) {\r\n var commonAncestors = this.findCommonAncestors(other, strict);\r\n return commonAncestors && !!commonAncestors.ancestors.length;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Moves an object to the bottom of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendToBack.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.sendToBack(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to the top of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringToFront.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.bringToFront(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object down in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendBackwards.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.sendBackwards(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object up in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringForward.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.bringForward(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {Number} index New position of object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (index) {\r\n if (this.group && this.group.type !== 'activeSelection') {\r\n fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index);\r\n } else if (this.canvas) {\r\n this.canvas.moveTo(this, index);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other object to compare against\r\n * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined`\r\n */\r\n isInFrontOf: function (other) {\r\n if (this === other) {\r\n return undefined;\r\n }\r\n var ancestorData = this.findCommonAncestors(other);\r\n if (!ancestorData) {\r\n return undefined;\r\n }\r\n if (ancestorData.fork.includes(other)) {\r\n return true;\r\n }\r\n if (ancestorData.otherFork.includes(this)) {\r\n return false;\r\n }\r\n var firstCommonAncestor = ancestorData.common[0];\r\n if (!firstCommonAncestor) {\r\n return undefined;\r\n }\r\n var headOfFork = ancestorData.fork.pop(),\r\n headOfOtherFork = ancestorData.otherFork.pop(),\r\n thisIndex = firstCommonAncestor._objects.indexOf(headOfFork),\r\n otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork);\r\n return thisIndex > -1 && thisIndex > otherIndex;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\n(function (global) {\r\n var fabric = global.fabric;\r\n function getSvgColorString(prop, value) {\r\n if (!value) {\r\n return prop + ': none; ';\r\n } else if (value.toLive) {\r\n return prop + ': url(#SVGID_' + value.id + '); ';\r\n } else {\r\n var color = new Color(value),\r\n str = prop + ': ' + color.toRgb() + '; ',\r\n opacity = color.getAlpha();\r\n if (opacity !== 1) {\r\n //change the color in rgb + opacity\r\n str += prop + '-opacity: ' + opacity.toString() + '; ';\r\n }\r\n return str;\r\n }\r\n }\r\n\r\n var toFixed = (fabric = global.fabric),\r\n toFixed = fabric.util.toFixed;\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles: function (skipShadow) {\r\n var fillRule = this.fillRule ? this.fillRule : 'nonzero',\r\n strokeWidth = this.strokeWidth ? this.strokeWidth : '0',\r\n strokeDashArray = this.strokeDashArray\r\n ? this.strokeDashArray.join(' ')\r\n : 'none',\r\n strokeDashOffset = this.strokeDashOffset\r\n ? this.strokeDashOffset\r\n : '0',\r\n strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt',\r\n strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter',\r\n strokeMiterLimit = this.strokeMiterLimit\r\n ? this.strokeMiterLimit\r\n : '4',\r\n opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1',\r\n visibility = this.visible ? '' : ' visibility: hidden;',\r\n filter = skipShadow ? '' : this.getSvgFilter(),\r\n fill = getSvgColorString('fill', this.fill),\r\n stroke = getSvgColorString('stroke', this.stroke);\r\n\r\n return [\r\n stroke,\r\n 'stroke-width: ',\r\n strokeWidth,\r\n '; ',\r\n 'stroke-dasharray: ',\r\n strokeDashArray,\r\n '; ',\r\n 'stroke-linecap: ',\r\n strokeLineCap,\r\n '; ',\r\n 'stroke-dashoffset: ',\r\n strokeDashOffset,\r\n '; ',\r\n 'stroke-linejoin: ',\r\n strokeLineJoin,\r\n '; ',\r\n 'stroke-miterlimit: ',\r\n strokeMiterLimit,\r\n '; ',\r\n fill,\r\n 'fill-rule: ',\r\n fillRule,\r\n '; ',\r\n 'opacity: ',\r\n opacity,\r\n ';',\r\n filter,\r\n visibility,\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\r\n * @return {String}\r\n */\r\n getSvgSpanStyles: function (style, useWhiteSpace) {\r\n var term = '; ';\r\n var fontFamily = style.fontFamily\r\n ? 'font-family: ' +\r\n (style.fontFamily.indexOf(\"'\") === -1 &&\r\n style.fontFamily.indexOf('\"') === -1\r\n ? \"'\" + style.fontFamily + \"'\"\r\n : style.fontFamily) +\r\n term\r\n : '';\r\n var strokeWidth = style.strokeWidth\r\n ? 'stroke-width: ' + style.strokeWidth + term\r\n : '',\r\n fontFamily = fontFamily,\r\n fontSize = style.fontSize\r\n ? 'font-size: ' + style.fontSize + 'px' + term\r\n : '',\r\n fontStyle = style.fontStyle\r\n ? 'font-style: ' + style.fontStyle + term\r\n : '',\r\n fontWeight = style.fontWeight\r\n ? 'font-weight: ' + style.fontWeight + term\r\n : '',\r\n fill = style.fill ? getSvgColorString('fill', style.fill) : '',\r\n stroke = style.stroke\r\n ? getSvgColorString('stroke', style.stroke)\r\n : '',\r\n textDecoration = this.getSvgTextDecoration(style),\r\n deltaY = style.deltaY\r\n ? 'baseline-shift: ' + -style.deltaY + '; '\r\n : '';\r\n if (textDecoration) {\r\n textDecoration = 'text-decoration: ' + textDecoration + term;\r\n }\r\n\r\n return [\r\n stroke,\r\n strokeWidth,\r\n fontFamily,\r\n fontSize,\r\n fontStyle,\r\n fontWeight,\r\n textDecoration,\r\n fill,\r\n deltaY,\r\n useWhiteSpace ? 'white-space: pre; ' : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns text-decoration property for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @return {String}\r\n */\r\n getSvgTextDecoration: function (style) {\r\n return ['overline', 'underline', 'line-through']\r\n .filter(function (decoration) {\r\n return style[decoration.replace('-', '')];\r\n })\r\n .join(' ');\r\n },\r\n\r\n /**\r\n * Returns filter for svg shadow\r\n * @return {String}\r\n */\r\n getSvgFilter: function () {\r\n return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : '';\r\n },\r\n\r\n /**\r\n * Returns id attribute for svg output\r\n * @return {String}\r\n */\r\n getSvgCommons: function () {\r\n return [\r\n this.id ? 'id=\"' + this.id + '\" ' : '',\r\n this.clipPath\r\n ? 'clip-path=\"url(#' + this.clipPath.clipPathId + ')\" '\r\n : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns transform-string for svg-export\r\n * @param {Boolean} use the full transform or the single object one.\r\n * @return {String}\r\n */\r\n getSvgTransform: function (full, additionalTransform) {\r\n var transform = full\r\n ? this.calcTransformMatrix()\r\n : this.calcOwnMatrix(),\r\n svgTransform = 'transform=\"' + fabric.util.matrixToSVG(transform);\r\n return svgTransform + (additionalTransform || '') + '\" ';\r\n },\r\n\r\n _setSVGBg: function (textBgRects) {\r\n if (this.backgroundColor) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n return this._createBaseSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n });\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseClipPathSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var reviver = options.reviver,\r\n additionalTransform = options.additionalTransform || '',\r\n commonPieces = [\r\n this.getSvgTransform(true, additionalTransform),\r\n this.getSvgCommons(),\r\n ].join(''),\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS');\r\n objectMarkup[index] = commonPieces;\r\n return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var noStyle = options.noStyle,\r\n reviver = options.reviver,\r\n styleInfo = noStyle ? '' : 'style=\"' + this.getSvgStyles() + '\" ',\r\n shadowInfo = options.withShadow\r\n ? 'style=\"' + this.getSvgFilter() + '\" '\r\n : '',\r\n clipPath = this.clipPath,\r\n vectorEffect = this.strokeUniform\r\n ? 'vector-effect=\"non-scaling-stroke\" '\r\n : '',\r\n absoluteClipPath = clipPath && clipPath.absolutePositioned,\r\n stroke = this.stroke,\r\n fill = this.fill,\r\n shadow = this.shadow,\r\n commonPieces,\r\n markup = [],\r\n clipPathMarkup,\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS'),\r\n additionalTransform = options.additionalTransform;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n clipPathMarkup =\r\n '\\n' +\r\n clipPath.toClipPathSVG(reviver) +\r\n '\\n';\r\n }\r\n if (absoluteClipPath) {\r\n markup.push('\\n');\r\n }\r\n markup.push(\r\n '\\n'\r\n );\r\n commonPieces = [\r\n styleInfo,\r\n vectorEffect,\r\n noStyle ? '' : this.addPaintOrder(),\r\n ' ',\r\n additionalTransform ? 'transform=\"' + additionalTransform + '\" ' : '',\r\n ].join('');\r\n objectMarkup[index] = commonPieces;\r\n if (fill && fill.toLive) {\r\n markup.push(fill.toSVG(this));\r\n }\r\n if (stroke && stroke.toLive) {\r\n markup.push(stroke.toSVG(this));\r\n }\r\n if (shadow) {\r\n markup.push(shadow.toSVG(this));\r\n }\r\n if (clipPath) {\r\n markup.push(clipPathMarkup);\r\n }\r\n markup.push(objectMarkup.join(''));\r\n markup.push('\\n');\r\n absoluteClipPath && markup.push('\\n');\r\n return reviver ? reviver(markup.join('')) : markup.join('');\r\n },\r\n\r\n addPaintOrder: function () {\r\n return this.paintFirst !== 'fill'\r\n ? ' paint-order=\"' + this.paintFirst + '\" '\r\n : '';\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n/* _TO_SVG_END_ */\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n originalSet = 'stateProperties';\r\n\r\n /*\r\n Depends on `stateProperties`\r\n */\r\n function saveProps(origin, destination, props) {\r\n var tmpObj = {},\r\n deep = true;\r\n props.forEach(function (prop) {\r\n tmpObj[prop] = origin[prop];\r\n });\r\n\r\n extend(origin[destination], tmpObj, deep);\r\n }\r\n\r\n function _isEqual(origValue, currentValue, firstPass) {\r\n if (origValue === currentValue) {\r\n // if the objects are identical, return\r\n return true;\r\n } else if (Array.isArray(origValue)) {\r\n if (\r\n !Array.isArray(currentValue) ||\r\n origValue.length !== currentValue.length\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = origValue.length; i < len; i++) {\r\n if (!_isEqual(origValue[i], currentValue[i])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else if (origValue && typeof origValue === 'object') {\r\n var keys = Object.keys(origValue),\r\n key;\r\n if (\r\n !currentValue ||\r\n typeof currentValue !== 'object' ||\r\n (!firstPass && keys.length !== Object.keys(currentValue).length)\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = keys.length; i < len; i++) {\r\n key = keys[i];\r\n // since clipPath is in the statefull cache list and the clipPath objects\r\n // would be iterated as an object, this would lead to possible infinite recursion\r\n // we do not want to compare those.\r\n if (key === 'canvas' || key === 'group') {\r\n continue;\r\n }\r\n if (!_isEqual(origValue[key], currentValue[key])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Object.prototype,\r\n /** @lends fabric.Object.prototype */ {\r\n /**\r\n * Returns true if object state (one of its state properties) was changed\r\n * @param {String} [propertySet] optional name for the set of property we want to save\r\n * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called\r\n */\r\n hasStateChanged: function (propertySet) {\r\n propertySet = propertySet || originalSet;\r\n var dashedPropertySet = '_' + propertySet;\r\n if (\r\n Object.keys(this[dashedPropertySet]).length < this[propertySet].length\r\n ) {\r\n return true;\r\n }\r\n return !_isEqual(this[dashedPropertySet], this, true);\r\n },\r\n\r\n /**\r\n * Saves state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n saveState: function (options) {\r\n var propertySet = (options && options.propertySet) || originalSet,\r\n destination = '_' + propertySet;\r\n if (!this[destination]) {\r\n return this.setupState(options);\r\n }\r\n saveProps(this, destination, this[propertySet]);\r\n if (options && options.stateProperties) {\r\n saveProps(this, destination, options.stateProperties);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Setups state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n setupState: function (options) {\r\n options = options || {};\r\n var propertySet = options.propertySet || originalSet;\r\n options.propertySet = propertySet;\r\n this['_' + propertySet] = {};\r\n this.saveState(options);\r\n return this;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Animation duration (in ms) for fx* methods\r\n * @type Number\r\n * @default\r\n */\r\n FX_DURATION: 500,\r\n\r\n /**\r\n * Centers object horizontally with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectH: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getX(),\r\n endValue: this.getCenterPoint().x,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setX(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Centers object vertically with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectV: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getY(),\r\n endValue: this.getCenterPoint().y,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setY(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Same as `fabric.Canvas#remove` but animated\r\n * @param {fabric.Object} object Object to remove\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxRemove: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.opacity,\r\n endValue: 0,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.set('opacity', value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.remove(object);\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Animates object's properties\r\n * @param {String|Object} property Property to animate (if string) or properties to animate (if object)\r\n * @param {Number|Object} value Value to animate property to (if string was given first) or options object\r\n * @return {fabric.Object} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation}\r\n * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties)\r\n *\r\n * As object — multiple properties\r\n *\r\n * object.animate({ left: ..., top: ... });\r\n * object.animate({ left: ..., top: ... }, { duration: ... });\r\n *\r\n * As string — one property\r\n *\r\n * object.animate('left', ...);\r\n * object.animate('left', { duration: ... });\r\n *\r\n */\r\n animate: function () {\r\n if (arguments[0] && typeof arguments[0] === 'object') {\r\n var propsToAnimate = [],\r\n prop,\r\n skipCallbacks,\r\n out = [];\r\n for (prop in arguments[0]) {\r\n propsToAnimate.push(prop);\r\n }\r\n for (var i = 0, len = propsToAnimate.length; i < len; i++) {\r\n prop = propsToAnimate[i];\r\n skipCallbacks = i !== len - 1;\r\n out.push(\r\n this._animate(\r\n prop,\r\n arguments[0][prop],\r\n arguments[1],\r\n skipCallbacks\r\n )\r\n );\r\n }\r\n return out;\r\n } else {\r\n return this._animate.apply(this, arguments);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} property Property to animate\r\n * @param {String} to Value to animate to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked\r\n */\r\n _animate: function (property, to, options, skipCallbacks) {\r\n var _this = this,\r\n propPair;\r\n\r\n to = to.toString();\r\n\r\n options = Object.assign({}, options);\r\n\r\n if (~property.indexOf('.')) {\r\n propPair = property.split('.');\r\n }\r\n\r\n var propIsColor =\r\n _this.colorProperties.indexOf(property) > -1 ||\r\n (propPair && _this.colorProperties.indexOf(propPair[1]) > -1);\r\n\r\n var currentValue = propPair\r\n ? this.get(propPair[0])[propPair[1]]\r\n : this.get(property);\r\n\r\n if (!('from' in options)) {\r\n options.from = currentValue;\r\n }\r\n\r\n if (!propIsColor) {\r\n if (~to.indexOf('=')) {\r\n to = currentValue + parseFloat(to.replace('=', ''));\r\n } else {\r\n to = parseFloat(to);\r\n }\r\n }\r\n\r\n var _options = {\r\n target: this,\r\n startValue: options.from,\r\n endValue: to,\r\n byValue: options.by,\r\n easing: options.easing,\r\n duration: options.duration,\r\n abort:\r\n options.abort &&\r\n function (value, valueProgress, timeProgress) {\r\n return options.abort.call(\r\n _this,\r\n value,\r\n valueProgress,\r\n timeProgress\r\n );\r\n },\r\n onChange: function (value, valueProgress, timeProgress) {\r\n if (propPair) {\r\n _this[propPair[0]][propPair[1]] = value;\r\n } else {\r\n _this.set(property, value);\r\n }\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n options.onChange &&\r\n options.onChange(value, valueProgress, timeProgress);\r\n },\r\n onComplete: function (value, valueProgress, timeProgress) {\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n\r\n _this.setCoords();\r\n options.onComplete &&\r\n options.onComplete(value, valueProgress, timeProgress);\r\n },\r\n };\r\n\r\n if (propIsColor) {\r\n return fabric.util.animateColor(\r\n _options.startValue,\r\n _options.endValue,\r\n _options.duration,\r\n _options\r\n );\r\n } else {\r\n return fabric.util.animate(_options);\r\n }\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 };\r\n\r\n /**\r\n * Line class\r\n * @class fabric.Line\r\n * @extends fabric.Object\r\n * @see {@link fabric.Line#initialize} for constructor definition\r\n */\r\n fabric.Line = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Line.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'line',\r\n\r\n /**\r\n * x value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n x1: 0,\r\n\r\n /**\r\n * y value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n y1: 0,\r\n\r\n /**\r\n * x value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n x2: 0,\r\n\r\n /**\r\n * y value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n y2: 0,\r\n\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2'\r\n ),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} [points] Array of points\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Line} thisArg\r\n */\r\n initialize: function (points, options) {\r\n if (!points) {\r\n points = [0, 0, 0, 0];\r\n }\r\n\r\n this.callSuper('initialize', options);\r\n\r\n this.set('x1', points[0]);\r\n this.set('y1', points[1]);\r\n this.set('x2', points[2]);\r\n this.set('y2', points[3]);\r\n\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n\r\n this.width = Math.abs(this.x2 - this.x1);\r\n this.height = Math.abs(this.y2 - this.y1);\r\n\r\n this.left = 'left' in options ? options.left : this._getLeftToOriginX();\r\n\r\n this.top = 'top' in options ? options.top : this._getTopToOriginY();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n this.callSuper('_set', key, value);\r\n if (typeof coordProps[key] !== 'undefined') {\r\n this._setWidthHeight();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line.\r\n */\r\n _getLeftToOriginX: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originX',\r\n axis1: 'x1',\r\n axis2: 'x2',\r\n dimension: 'width',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'left',\r\n center: 'center',\r\n farthest: 'right',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line.\r\n */\r\n _getTopToOriginY: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originY',\r\n axis1: 'y1',\r\n axis2: 'y2',\r\n dimension: 'height',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'top',\r\n center: 'center',\r\n farthest: 'bottom',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.beginPath();\r\n\r\n var p = this.calcLinePoints();\r\n ctx.moveTo(p.x1, p.y1);\r\n ctx.lineTo(p.x2, p.y2);\r\n\r\n ctx.lineWidth = this.strokeWidth;\r\n\r\n // TODO: test this\r\n // make sure setting \"fill\" changes color of a line\r\n // (by copying fillStyle to strokeStyle, since line is stroked, not filled)\r\n var origStrokeStyle = ctx.strokeStyle;\r\n ctx.strokeStyle = this.stroke || ctx.fillStyle;\r\n this.stroke && this._renderStroke(ctx);\r\n ctx.strokeStyle = origStrokeStyle;\r\n },\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement: function () {\r\n return {\r\n x: (this.x1 + this.x2) / 2,\r\n y: (this.y1 + this.y2) / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(\r\n this.callSuper('toObject', propertiesToInclude),\r\n this.calcLinePoints()\r\n );\r\n },\r\n\r\n /*\r\n * Calculate object dimensions from its properties\r\n * @private\r\n */\r\n _getNonTransformedDimensions: function () {\r\n var dim = this.callSuper('_getNonTransformedDimensions');\r\n if (this.strokeLineCap === 'butt') {\r\n if (this.width === 0) {\r\n dim.y -= this.strokeWidth;\r\n }\r\n if (this.height === 0) {\r\n dim.x -= this.strokeWidth;\r\n }\r\n }\r\n return dim;\r\n },\r\n\r\n /**\r\n * Recalculates line points given width and height\r\n * @private\r\n */\r\n calcLinePoints: function () {\r\n var xMult = this.x1 <= this.x2 ? -1 : 1,\r\n yMult = this.y1 <= this.y2 ? -1 : 1,\r\n x1 = xMult * this.width * 0.5,\r\n y1 = yMult * this.height * 0.5,\r\n x2 = xMult * this.width * -0.5,\r\n y2 = yMult * this.height * -0.5;\r\n\r\n return {\r\n x1: x1,\r\n x2: x2,\r\n y1: y1,\r\n y2: y2,\r\n };\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var p = this.calcLinePoints();\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement})\r\n * @static\r\n * @memberOf fabric.Line\r\n * @see http://www.w3.org/TR/SVG/shapes.html#LineElement\r\n */\r\n fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x1 y1 x2 y2'.split(' ')\r\n );\r\n\r\n /**\r\n * Returns fabric.Line instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] callback function invoked after parsing\r\n */\r\n fabric.Line.fromElement = function (element, callback, options) {\r\n options = options || {};\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Line.ATTRIBUTE_NAMES\r\n ),\r\n points = [\r\n parsedAttributes.x1 || 0,\r\n parsedAttributes.y1 || 0,\r\n parsedAttributes.x2 || 0,\r\n parsedAttributes.y2 || 0,\r\n ];\r\n callback(new fabric.Line(points, extend(parsedAttributes, options)));\r\n };\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Line instance from an object representation\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Line.fromObject = function (object) {\r\n var options = clone(object, true);\r\n options.points = [object.x1, object.y1, object.x2, object.y2];\r\n return FabricObject._fromObject(fabric.Line, options, {\r\n extraParam: 'points',\r\n }).then(function (fabricLine) {\r\n delete fabricLine.points;\r\n return fabricLine;\r\n });\r\n };\r\n\r\n /**\r\n * Produces a function that calculates distance from canvas edge to Line origin.\r\n */\r\n function makeEdgeToOriginGetter(propertyNames, originValues) {\r\n var origin = propertyNames.origin,\r\n axis1 = propertyNames.axis1,\r\n axis2 = propertyNames.axis2,\r\n dimension = propertyNames.dimension,\r\n nearest = originValues.nearest,\r\n center = originValues.center,\r\n farthest = originValues.farthest;\r\n\r\n return function () {\r\n switch (this.get(origin)) {\r\n case nearest:\r\n return Math.min(this.get(axis1), this.get(axis2));\r\n case center:\r\n return (\r\n Math.min(this.get(axis1), this.get(axis2)) +\r\n 0.5 * this.get(dimension)\r\n );\r\n case farthest:\r\n return Math.max(this.get(axis1), this.get(axis2));\r\n }\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Circle extends FabricObject {\r\n /**\r\n * Radius of this circle\r\n * @type Number\r\n * @default\r\n */\r\n radius: number;\r\n\r\n /**\r\n * degrees of start of the circle.\r\n * probably will change to degrees in next major version\r\n * @type Number 0 - 359\r\n * @default 0\r\n */\r\n startAngle: number;\r\n\r\n /**\r\n * End angle of the circle\r\n * probably will change to degrees in next major version\r\n * @type Number 1 - 360\r\n * @default 360\r\n */\r\n endAngle: number;\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n\r\n if (key === 'radius') {\r\n this.setRadius(value);\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.arc(\r\n 0,\r\n 0,\r\n this.radius,\r\n degreesToRadians(this.startAngle),\r\n degreesToRadians(this.endAngle),\r\n false\r\n );\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusX(): number {\r\n return this.get('radius') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusY(): number {\r\n return this.get('radius') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Sets radius of an object (and updates width accordingly)\r\n */\r\n setRadius(value: number) {\r\n this.radius = value;\r\n this.set({ width: value * 2, height: value * 2 });\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []): object {\r\n return super.toObject([\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle',\r\n ...propertiesToInclude,\r\n ]);\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG(): (string | number)[] {\r\n const angle = (this.endAngle - this.startAngle) % 360;\r\n\r\n if (angle === 0) {\r\n return [\r\n '\\n',\r\n ];\r\n } else {\r\n const { radius } = this;\r\n const start = degreesToRadians(this.startAngle),\r\n end = degreesToRadians(this.endAngle),\r\n startX = cos(start) * radius,\r\n startY = sin(start) * radius,\r\n endX = cos(end) * radius,\r\n endY = sin(end) * radius,\r\n largeFlag = angle > 180 ? '1' : '0';\r\n return [\r\n `\\n',\r\n ];\r\n }\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement})\r\n * @static\r\n * @memberOf Circle\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement\r\n */\r\n static ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES];\r\n\r\n /**\r\n * Returns {@link Circle} instance from an SVG element\r\n * @static\r\n * @memberOf Circle\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @param {Object} [options] Partial Circle object to default missing properties on the element.\r\n * @throws {Error} If value of `r` attribute is missing or invalid\r\n */\r\n static fromElement(element: SVGElement, callback: (circle: Circle) => any) {\r\n const {\r\n left = 0,\r\n top = 0,\r\n radius,\r\n ...otherParsedAttributes\r\n } = parseAttributes(element, Circle.ATTRIBUTE_NAMES);\r\n\r\n if (!radius || radius < 0) {\r\n throw new Error(\r\n 'value of `r` attribute is required and can not be negative'\r\n );\r\n }\r\n\r\n // this probably requires to be fixed for default origins not being top/left.\r\n callback(\r\n new Circle({\r\n ...otherParsedAttributes,\r\n radius,\r\n left: left - radius,\r\n top: top - radius,\r\n })\r\n );\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Circle} instance from an object representation\r\n * @static\r\n * @memberOf Circle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n return FabricObject._fromObject(Circle, object);\r\n }\r\n}\r\n\r\nexport const circleDefaultValues: Partial> = {\r\n type: 'circle',\r\n radius: 0,\r\n startAngle: 0,\r\n endAngle: 360,\r\n stateProperties: fabricObjectDefaultValues.stateProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n cacheProperties: fabricObjectDefaultValues.cacheProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n};\r\n\r\nObject.assign(Circle.prototype, circleDefaultValues);\r\n\r\nfabric.Circle = Circle;\r\n","import { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\nexport class Triangle extends FabricObject {\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2;\r\n\r\n ctx.beginPath();\r\n ctx.moveTo(-widthBy2, heightBy2);\r\n ctx.lineTo(0, -heightBy2);\r\n ctx.lineTo(widthBy2, heightBy2);\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2,\r\n points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`;\r\n return [''];\r\n }\r\n\r\n /**\r\n * Returns {@link Triangle} instance from an object representation\r\n * @static\r\n * @memberOf Triangle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Triangle, object);\r\n }\r\n}\r\n\r\nexport const triangleDefaultValues: Partial> = {\r\n type: 'triangle',\r\n width: 100,\r\n height: 100,\r\n};\r\n\r\nObject.assign(Triangle.prototype, triangleDefaultValues);\r\n\r\nfabric.Triangle = Triangle;\r\n","import { fabric } from '../../HEADER';\r\nimport { twoMathPi } from '../constants';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Ellipse extends FabricObject {\r\n /**\r\n * Horizontal radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: number;\r\n\r\n /**\r\n * Vertical radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Ellipse} thisArg\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n this.set('rx', (options && options.rx) || 0);\r\n this.set('ry', (options && options.ry) || 0);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {Ellipse} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n switch (key) {\r\n case 'rx':\r\n this.rx = value;\r\n this.set('width', value * 2);\r\n break;\r\n\r\n case 'ry':\r\n this.ry = value;\r\n this.set('height', value * 2);\r\n break;\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRx() {\r\n return this.get('rx') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns Vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRy() {\r\n return this.get('ry') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []) {\r\n return super.toObject(['rx', 'ry', ...propertiesToInclude]);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n return [\r\n '\\n',\r\n ];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.save();\r\n ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0);\r\n ctx.arc(0, 0, this.rx, 0, twoMathPi, false);\r\n ctx.restore();\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement})\r\n * @static\r\n * @memberOf Ellipse\r\n * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement\r\n */\r\n static ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry'];\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an SVG element\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @return {Ellipse}\r\n */\r\n static fromElement(\r\n element: SVGElement,\r\n callback: (ellipse: Ellipse) => void\r\n ) {\r\n const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES);\r\n\r\n parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx;\r\n parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry;\r\n callback(new Ellipse(parsedAttributes));\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an object representation\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Ellipse, object);\r\n }\r\n}\r\n\r\nexport const ellipseDefaultValues: Partial> = {\r\n type: 'ellipse',\r\n rx: 0,\r\n ry: 0,\r\n cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'],\r\n};\r\n\r\nObject.assign(Ellipse.prototype, ellipseDefaultValues);\r\n\r\nfabric.Ellipse = Ellipse;\r\n","import { fabric } from '../../HEADER';\r\nimport { kRect } from '../constants';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Rect extends FabricObject {\r\n /**\r\n * Horizontal border radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: number;\r\n\r\n /**\r\n * Vertical border radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n this._initRxRy();\r\n }\r\n\r\n /**\r\n * Initializes rx/ry attributes\r\n * @private\r\n */\r\n _initRxRy() {\r\n const { rx, ry } = this;\r\n if (rx && !ry) {\r\n this.ry = rx;\r\n } else if (ry && !rx) {\r\n this.rx = ry;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const { width: w, height: h } = this;\r\n const x = -w / 2;\r\n const y = -h / 2;\r\n const rx = this.rx ? Math.min(this.rx, w / 2) : 0;\r\n const ry = this.ry ? Math.min(this.ry, h / 2) : 0;\r\n const isRounded = rx !== 0 || ry !== 0;\r\n\r\n ctx.beginPath();\r\n\r\n ctx.moveTo(x + rx, y);\r\n\r\n ctx.lineTo(x + w - rx, y);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w - kRect * rx,\r\n y,\r\n x + w,\r\n y + kRect * ry,\r\n x + w,\r\n y + ry\r\n );\r\n\r\n ctx.lineTo(x + w, y + h - ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w,\r\n y + h - kRect * ry,\r\n x + w - kRect * rx,\r\n y + h,\r\n x + w - rx,\r\n y + h\r\n );\r\n\r\n ctx.lineTo(x + rx, y + h);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + kRect * rx,\r\n y + h,\r\n x,\r\n y + h - kRect * ry,\r\n x,\r\n y + h - ry\r\n );\r\n\r\n ctx.lineTo(x, y + ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y);\r\n\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []) {\r\n return super.toObject(['rx', 'ry', ...propertiesToInclude]);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n const { width, height, rx, ry } = this;\r\n return [\r\n '\\n`,\r\n ];\r\n }\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`)\r\n * @static\r\n * @memberOf Rect\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement\r\n */\r\n static ATTRIBUTE_NAMES = [\r\n ...SHARED_ATTRIBUTES,\r\n 'x',\r\n 'y',\r\n 'rx',\r\n 'ry',\r\n 'width',\r\n 'height',\r\n ];\r\n\r\n /**\r\n * Returns {@link Rect} instance from an object representation\r\n * @static\r\n * @memberOf Rect\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Rect, object);\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n\r\n /**\r\n * Returns {@link Rect} instance from an SVG element\r\n * @static\r\n * @memberOf Rect\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n static fromElement(\r\n element: SVGElement,\r\n callback: (rect: Rect | null) => void,\r\n options = {}\r\n ) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const {\r\n left = 0,\r\n top = 0,\r\n width = 0,\r\n height = 0,\r\n visible = true,\r\n ...restOfparsedAttributes\r\n } = parseAttributes(element, Rect.ATTRIBUTE_NAMES);\r\n\r\n const rect = new Rect({\r\n ...options,\r\n ...restOfparsedAttributes,\r\n left,\r\n top,\r\n width,\r\n height,\r\n visible: Boolean(visible && width && height),\r\n });\r\n callback(rect);\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n}\r\n\r\nexport const rectDefaultValues: Partial> = {\r\n stateProperties: fabricObjectDefaultValues.stateProperties.concat('rx', 'ry'),\r\n type: 'rect',\r\n rx: 0,\r\n ry: 0,\r\n cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('rx', 'ry'),\r\n};\r\n\r\nObject.assign(Rect.prototype, rectDefaultValues);\r\n\r\nfabric.Rect = Rect;\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { parsePointsAttribute } from '../parser/parsePointsAttribute';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Polyline class\r\n * @class fabric.Polyline\r\n * @extends fabric.Object\r\n * @see {@link fabric.Polyline#initialize} for constructor definition\r\n */\r\n fabric.Polyline = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Polyline.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polyline',\r\n\r\n /**\r\n * Points array\r\n * @type Array\r\n * @default\r\n */\r\n points: null,\r\n\r\n /**\r\n * WARNING: Feature in progress\r\n * Calculate the exact bounding box taking in account strokeWidth on acute angles\r\n * this will be turned to true by default on fabric 6.0\r\n * maybe will be left in as an optimization since calculations may be slow\r\n * @deprecated\r\n * @type Boolean\r\n * @default false\r\n * @todo set default to true and remove flag and related logic\r\n */\r\n exactBoundingBox: false,\r\n\r\n initialized: false,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'),\r\n\r\n /**\r\n * A list of properties that if changed trigger a recalculation of dimensions\r\n * @todo check if you really need to recalculate for all cases\r\n */\r\n strokeBBoxAffectingProperties: [\r\n 'skewX',\r\n 'skewY',\r\n 'strokeLineCap',\r\n 'strokeLineJoin',\r\n 'strokeMiterLimit',\r\n 'strokeWidth',\r\n 'strokeUniform',\r\n 'points',\r\n ],\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} points Array of points (where each point is an object with x and y)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Polyline} thisArg\r\n * @example\r\n * var poly = new fabric.Polyline([\r\n * { x: 10, y: 10 },\r\n * { x: 50, y: 30 },\r\n * { x: 40, y: 70 },\r\n * { x: 60, y: 50 },\r\n * { x: 100, y: 150 },\r\n * { x: 40, y: 100 }\r\n * ], {\r\n * stroke: 'red',\r\n * left: 100,\r\n * top: 100\r\n * });\r\n */\r\n initialize: function (points, options = {}) {\r\n this.points = points || [];\r\n this.callSuper('initialize', options);\r\n this.initialized = true;\r\n const bboxTL = this.setDimensions();\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? bboxTL.x, options.top ?? bboxTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this, true);\r\n },\r\n\r\n /**\r\n * Calculate the polygon bounding box\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const points = this.exactBoundingBox\r\n ? this._projectStrokeOnPoints().map(\r\n (projection) => projection.projectedPoint\r\n )\r\n : this.points;\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n pathOffset: new Point(),\r\n };\r\n }\r\n const bbox = makeBoundingBoxFromPoints(points);\r\n const bboxNoStroke = makeBoundingBoxFromPoints(this.points);\r\n const offsetX = bbox.left + bbox.width / 2,\r\n offsetY = bbox.top + bbox.height / 2;\r\n const pathOffsetX =\r\n offsetX - offsetY * Math.tan(degreesToRadians(this.skewX));\r\n const pathOffsetY =\r\n offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY));\r\n // TODO: remove next line\r\n const legacyCorrection =\r\n !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0;\r\n return {\r\n ...bbox,\r\n left: bbox.left - legacyCorrection,\r\n top: bbox.top - legacyCorrection,\r\n pathOffset: new Point(pathOffsetX, pathOffsetY),\r\n strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(\r\n bbox.left,\r\n bbox.top\r\n ),\r\n };\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset, strokeOffset } =\r\n this._calcDimensions();\r\n this.set({ width, height, pathOffset, strokeOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @override stroke is taken in account in size\r\n */\r\n _getNonTransformedDimensions: function () {\r\n return this.exactBoundingBox\r\n ? new Point(this.width, this.height)\r\n : this.callSuper('_getNonTransformedDimensions');\r\n },\r\n\r\n /**\r\n * @override stroke and skewing are taken into account when projecting stroke on points,\r\n * therefore we don't want the default calculation to account for skewing as well\r\n *\r\n * @private\r\n */\r\n _getTransformedDimensions: function (options) {\r\n return this.exactBoundingBox\r\n ? this.callSuper('_getTransformedDimensions', {\r\n ...(options || {}),\r\n // disable stroke bbox calculations\r\n strokeWidth: 0,\r\n // disable skewing bbox calculations\r\n skewX: 0,\r\n skewY: 0,\r\n })\r\n : this.callSuper('_getTransformedDimensions', options);\r\n },\r\n\r\n /**\r\n * Recalculates dimensions when changing skew and scale\r\n * @private\r\n */\r\n _set: function (key, value) {\r\n const changed = this.initialized && this[key] !== value;\r\n const output = this.callSuper('_set', key, value);\r\n if (\r\n changed &&\r\n (((key === 'scaleX' || key === 'scaleY') &&\r\n this.strokeUniform &&\r\n this.strokeBBoxAffectingProperties.includes('strokeUniform') &&\r\n this.strokeLineJoin !== 'round') ||\r\n this.strokeBBoxAffectingProperties.includes(key))\r\n ) {\r\n this.setDimensions();\r\n }\r\n return output;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n points: this.points.concat(),\r\n });\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var points = [],\r\n diffX = this.pathOffset.x,\r\n diffY = this.pathOffset.y,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n for (var i = 0, len = this.points.length; i < len; i++) {\r\n points.push(\r\n toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS),\r\n ',',\r\n toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS),\r\n ' '\r\n );\r\n }\r\n return [\r\n '<' + this.type + ' ',\r\n 'COMMON_PARTS',\r\n 'points=\"',\r\n points.join(''),\r\n '\" />\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n commonRender: function (ctx) {\r\n var point,\r\n len = this.points.length,\r\n x = this.pathOffset.x,\r\n y = this.pathOffset.y;\r\n\r\n if (!len || isNaN(this.points[len - 1].y)) {\r\n // do not draw if no points or odd points\r\n // NaN comes from parseFloat of a empty string in parser\r\n return false;\r\n }\r\n ctx.beginPath();\r\n ctx.moveTo(this.points[0].x - x, this.points[0].y - y);\r\n for (var i = 0; i < len; i++) {\r\n point = this.points[i];\r\n ctx.lineTo(point.x - x, point.y - y);\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.get('points').length;\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement})\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement\r\n */\r\n fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {SVGElement} element Element to parser\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polyline.fromElementGenerator = function (_class) {\r\n return function (element, callback, options = {}) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const points = parsePointsAttribute(element.getAttribute('points')),\r\n // we omit left and top to instruct the constructor to position the object using the bbox\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n { left, top, ...parsedAttributes } = parseAttributes(\r\n element,\r\n fabric[_class].ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric[_class](points, {\r\n ...parsedAttributes,\r\n ...options,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n };\r\n\r\n fabric.Polyline.fromElement =\r\n fabric.Polyline.fromElementGenerator('Polyline');\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polyline.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polyline, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Polygon class\r\n * @class fabric.Polygon\r\n * @extends fabric.Polyline\r\n * @see {@link fabric.Polygon#initialize} for constructor definition\r\n */\r\n fabric.Polygon = fabric.util.createClass(\r\n fabric.Polyline,\r\n /** @lends fabric.Polygon.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polygon',\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n ctx.closePath();\r\n this._renderPaintInOrder(ctx);\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`)\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement\r\n */\r\n fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns {@link fabric.Polygon} instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon');\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polygon instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polygon.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polygon, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { Point } from '../point.class';\r\nimport { PathData } from '../typedefs';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { getBoundsOfCurve, makePathSimpler, parsePath } from '../util/path';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Path class\r\n * @class fabric.Path\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup}\r\n * @see {@link fabric.Path#initialize} for constructor definition\r\n */\r\n fabric.Path = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Path.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'path',\r\n\r\n /**\r\n * Array of path points\r\n * @type Array\r\n * @default\r\n */\r\n path: null,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat(\r\n 'path',\r\n 'fillRule'\r\n ),\r\n\r\n stateProperties: fabric.Object.prototype.stateProperties.concat('path'),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array|String} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Path} thisArg\r\n */\r\n initialize: function (path, options) {\r\n options = clone(options || {});\r\n delete options.path;\r\n this.callSuper('initialize', options);\r\n const pathTL = this._setPath(path || []);\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? pathTL.x, options.top ?? pathTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {PathData | string} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n _setPath: function (path: PathData | string) {\r\n this.path = makePathSimpler(\r\n Array.isArray(path) ? path : parsePath(path)\r\n );\r\n return this.setDimensions();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _renderPathCommands: function (ctx) {\r\n var current, // current instruction\r\n subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0, // current y\r\n controlX = 0, // current control point x\r\n controlY = 0, // current control point y\r\n l = -this.pathOffset.x,\r\n t = -this.pathOffset.y;\r\n\r\n ctx.beginPath();\r\n\r\n for (var i = 0, len = this.path.length; i < len; ++i) {\r\n current = this.path[i];\r\n\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n ctx.lineTo(x + l, y + t);\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n ctx.moveTo(x + l, y + t);\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n x = current[5];\r\n y = current[6];\r\n controlX = current[3];\r\n controlY = current[4];\r\n ctx.bezierCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n controlX + l,\r\n controlY + t,\r\n x + l,\r\n y + t\r\n );\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n ctx.quadraticCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n current[3] + l,\r\n current[4] + t\r\n );\r\n x = current[3];\r\n y = current[4];\r\n controlX = current[1];\r\n controlY = current[2];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n ctx.closePath();\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _render: function (ctx) {\r\n this._renderPathCommands(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n path: this.path.map(function (item) {\r\n return item.slice();\r\n }),\r\n });\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n var o = this.toObject(['sourcePath'].concat(propertiesToInclude));\r\n if (o.sourcePath) {\r\n delete o.path;\r\n }\r\n return o;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var path = fabric.util.joinPath(this.path);\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n\r\n _getOffsetTransform: function () {\r\n var digits = config.NUM_FRACTION_DIGITS;\r\n return (\r\n ' translate(' +\r\n toFixed(-this.pathOffset.x, digits) +\r\n ', ' +\r\n toFixed(-this.pathOffset.y, digits) +\r\n ')'\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns number representation of an instance complexity\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.path.length;\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset } = this._calcDimensions();\r\n this.set({ width, height, pathOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const bounds: Point[] = [];\r\n let subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0; // current y\r\n\r\n for (let i = 0; i < this.path.length; ++i) {\r\n const current = this.path[i]; // current instruction\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n bounds.push(\r\n new Point(subpathStartX, subpathStartY),\r\n new Point(x, y)\r\n );\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n )\r\n );\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n )\r\n );\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n break;\r\n }\r\n }\r\n\r\n const bbox = makeBoundingBoxFromPoints(bounds);\r\n const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2;\r\n\r\n return {\r\n ...bbox,\r\n left: bbox.left - strokeCorrection,\r\n top: bbox.top - strokeCorrection,\r\n pathOffset: new Point(\r\n bbox.left + bbox.width / 2,\r\n bbox.top + bbox.height / 2\r\n ),\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an object\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {Object} object\r\n * @returns {Promise}\r\n */\r\n fabric.Path.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Path, object, {\r\n extraParam: 'path',\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`)\r\n * @static\r\n * @memberOf fabric.Path\r\n * @see http://www.w3.org/TR/SVG/paths.html#PathElement\r\n */\r\n fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']);\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an SVG element\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {SVGElement} element to parse\r\n * @param {Function} callback Callback to invoke when an fabric.Path instance is created\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n */\r\n fabric.Path.fromElement = function (element, callback, options) {\r\n const parsedAttributes = parseAttributes(\r\n element,\r\n fabric.Path.ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric.Path(parsedAttributes.d, {\r\n ...parsedAttributes,\r\n ...options,\r\n // we pass undefined to instruct the constructor to position the object using the bbox\r\n left: undefined,\r\n top: undefined,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { resolveOrigin } from '../mixins/object_origin.mixin';\r\n\r\nexport class Group extends FabricObject {}\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n multiplyTransformMatrices = fabric.util.multiplyTransformMatrices,\r\n invertTransform = fabric.util.invertTransform,\r\n transformPoint = fabric.util.transformPoint,\r\n applyTransformToObject = fabric.util.applyTransformToObject,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n clone = fabric.util.object.clone;\r\n /**\r\n * Group class\r\n * @class fabric.Group\r\n * @extends fabric.Object\r\n * @mixes fabric.Collection\r\n * @fires layout once layout completes\r\n * @see {@link fabric.Group#initialize} for constructor definition\r\n */\r\n fabric.Group = fabric.util.createClass(\r\n FabricObject,\r\n fabric.Collection,\r\n /** @lends fabric.Group.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type string\r\n * @default\r\n */\r\n type: 'group',\r\n\r\n /**\r\n * Specifies the **layout strategy** for instance\r\n * Used by `getLayoutStrategyResult` to calculate layout\r\n * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box\r\n * @type string\r\n * @default\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * Width of stroke\r\n * @type Number\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type string[]\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat('layout'),\r\n\r\n /**\r\n * Used to optimize performance\r\n * set to `false` if you don't need contained objects to be targets of events\r\n * @default\r\n * @type boolean\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * Used to allow targeting of object inside groups.\r\n * set to true if you want to select an object inside a group.\\\r\n * **REQUIRES** `subTargetCheck` set to true\r\n * @default\r\n * @type boolean\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Used internally to optimize performance\r\n * Once an object is selected, instance is rendered without the selected object.\r\n * This way instance is cached only once for the entire interaction with the selected object.\r\n * @private\r\n */\r\n _activeObjects: undefined,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.Group} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this._objects = objects || [];\r\n this._activeObjects = [];\r\n this.__objectMonitor = this.__objectMonitor.bind(this);\r\n this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(\r\n this,\r\n true\r\n );\r\n this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(\r\n this,\r\n false\r\n );\r\n this._firstLayoutDone = false;\r\n // setting angle, skewX, skewY must occur after initial layout\r\n this.callSuper(\r\n 'initialize',\r\n Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })\r\n );\r\n this.forEachObject(function (object) {\r\n this.enterGroup(object, false);\r\n }, this);\r\n this._applyLayoutStrategy({\r\n type: 'initialization',\r\n options: options,\r\n objectsRelativeToGroup: objectsRelativeToGroup,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n var prev = this[key];\r\n this.callSuper('_set', key, value);\r\n if (key === 'canvas' && prev !== value) {\r\n this.forEachObject(function (object) {\r\n object._set(key, value);\r\n });\r\n }\r\n if (key === 'layout' && prev !== value) {\r\n this._applyLayoutStrategy({\r\n type: 'layout_change',\r\n layout: value,\r\n prevLayout: prev,\r\n });\r\n }\r\n if (key === 'interactive') {\r\n this.forEachObject(this._watchObject.bind(this, value));\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return this.subTargetCheck;\r\n },\r\n\r\n /**\r\n * Override this method to enhance performance (for groups with a lot of objects).\r\n * If Overriding, be sure not pass illegal objects to group - it will break your app.\r\n * @private\r\n */\r\n _filterObjectsBeforeEnteringGroup: function (objects) {\r\n return objects.filter(function (object, index, array) {\r\n // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates)\r\n return this.canEnterGroup(object) && array.indexOf(object) === index;\r\n }, this);\r\n },\r\n\r\n /**\r\n * Add objects\r\n * @param {...fabric.Object} objects\r\n */\r\n add: function () {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.from(arguments)\r\n );\r\n fabric.Collection.add.call(this, allowedObjects, this._onObjectAdded);\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index\r\n * @param {fabric.Object | fabric.Object[]} objects Object to insert\r\n * @param {Number} index Index to insert object at\r\n */\r\n insertAt: function (objects, index) {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.isArray(objects) ? objects : [objects]\r\n );\r\n fabric.Collection.insertAt.call(\r\n this,\r\n allowedObjects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Remove objects\r\n * @param {...fabric.Object} objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n this._onAfterObjectsChange('removed', removed);\r\n return removed;\r\n },\r\n\r\n /**\r\n * Remove all objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n removeAll: function () {\r\n this._activeObjects = [];\r\n return this.remove.apply(this, this._objects.slice());\r\n },\r\n\r\n /**\r\n * invalidates layout on object modified\r\n * @private\r\n */\r\n __objectMonitor: function (opt) {\r\n this._applyLayoutStrategy(\r\n Object.assign({}, opt, {\r\n type: 'object_modified',\r\n })\r\n );\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * keeps track of the selected objects\r\n * @private\r\n */\r\n __objectSelectionMonitor: function (selected, opt) {\r\n var object = opt.target;\r\n if (selected) {\r\n this._activeObjects.push(object);\r\n this._set('dirty', true);\r\n } else if (this._activeObjects.length > 0) {\r\n var index = this._activeObjects.indexOf(object);\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n this._set('dirty', true);\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {boolean} watch\r\n * @param {fabric.Object} object\r\n */\r\n _watchObject: function (watch, object) {\r\n var directive = watch ? 'on' : 'off';\r\n // make sure we listen only once\r\n watch && this._watchObject(false, object);\r\n object[directive]('changed', this.__objectMonitor);\r\n object[directive]('modified', this.__objectMonitor);\r\n object[directive]('selected', this.__objectSelectionTracker);\r\n object[directive]('deselected', this.__objectSelectionDisposer);\r\n },\r\n\r\n /**\r\n * Checks if object can enter group and logs relevant warnings\r\n * @private\r\n * @param {fabric.Object} object\r\n * @returns\r\n */\r\n canEnterGroup: function (object) {\r\n if (object === this || this.isDescendantOf(object)) {\r\n // prevent circular object tree\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: circular object trees are not supported, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n } else if (this._objects.indexOf(object) !== -1) {\r\n // is already in the objects array\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: duplicate objects are not supported inside group, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n object.group.remove(object);\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n */\r\n _enterGroup: function (object, removeParentTransform) {\r\n if (removeParentTransform) {\r\n // can this be converted to utils (sendObjectToPlane)?\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n invertTransform(this.calcTransformMatrix()),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n }\r\n this._shouldSetNestedCoords() && object.setCoords();\r\n object._set('group', this);\r\n object._set('canvas', this.canvas);\r\n this.interactive && this._watchObject(true, object);\r\n var activeObject =\r\n this.canvas &&\r\n this.canvas.getActiveObject &&\r\n this.canvas.getActiveObject();\r\n // if we are adding the activeObject in a group\r\n if (\r\n activeObject &&\r\n (activeObject === object || object.isDescendantOf(activeObject))\r\n ) {\r\n this._activeObjects.push(object);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n object._set('canvas', undefined);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _exitGroup: function (object, removeParentTransform) {\r\n object._set('group', undefined);\r\n if (!removeParentTransform) {\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n this.calcTransformMatrix(),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n object.setCoords();\r\n }\r\n this._watchObject(false, object);\r\n var index =\r\n this._activeObjects.length > 0\r\n ? this._activeObjects.indexOf(object)\r\n : -1;\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n this._applyLayoutStrategy({\r\n type: type,\r\n targets: targets,\r\n });\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onObjectAdded: function (object) {\r\n this.enterGroup(object, true);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onRelativeObjectAdded: function (object) {\r\n this.enterGroup(object, false);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _onObjectRemoved: function (object, removeParentTransform) {\r\n this.exitGroup(object, removeParentTransform);\r\n object.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group is already cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n var ownCache = FabricObject.prototype.shouldCache.call(this);\r\n if (ownCache) {\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n this.ownCaching = false;\r\n return false;\r\n }\r\n }\r\n }\r\n return ownCache;\r\n },\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * @return {Boolean}\r\n */\r\n willDrawShadow: function () {\r\n if (FabricObject.prototype.willDrawShadow.call(this)) {\r\n return true;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if instance or its group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return this.ownCaching || (!!this.group && this.group.isOnACache());\r\n },\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawObject: function (ctx) {\r\n this._renderBackground(ctx);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i].render(ctx);\r\n }\r\n this._drawClipPath(ctx, this.clipPath);\r\n },\r\n\r\n /**\r\n * Check if cache is dirty\r\n */\r\n isCacheDirty: function (skipCanvas) {\r\n if (this.callSuper('isCacheDirty', skipCanvas)) {\r\n return true;\r\n }\r\n if (!this.statefullCache) {\r\n return false;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].isCacheDirty(true)) {\r\n if (this._cacheCanvas) {\r\n // if this group has not a cache canvas there is nothing to clean\r\n var x = this.cacheWidth / this.zoomX,\r\n y = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-x / 2, -y / 2, x, y);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * @override\r\n * @return {Boolean}\r\n */\r\n setCoords: function () {\r\n this.callSuper('setCoords');\r\n this._shouldSetNestedCoords() &&\r\n this.forEachObject(function (object) {\r\n object.setCoords();\r\n });\r\n },\r\n\r\n /**\r\n * Renders instance on a given context\r\n * @param {CanvasRenderingContext2D} ctx context to render instance on\r\n */\r\n render: function (ctx) {\r\n // used to inform objects not to double opacity\r\n this._transformDone = true;\r\n this.callSuper('render', ctx);\r\n this._transformDone = false;\r\n },\r\n\r\n /**\r\n * @public\r\n * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations\r\n */\r\n triggerLayout: function (context) {\r\n if (context && context.layout) {\r\n context.prevLayout = this.layout;\r\n this.layout = context.layout;\r\n }\r\n this._applyLayoutStrategy({ type: 'imperative', context: context });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {Point} diff\r\n */\r\n _adjustObjectPosition: function (object, diff) {\r\n object.set({\r\n left: object.left + diff.x,\r\n top: object.top + diff.y,\r\n });\r\n },\r\n\r\n /**\r\n * initial layout logic:\r\n * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height)\r\n * so it is placed in the center of the bbox received from the constructor\r\n *\r\n * @private\r\n * @param {LayoutContext} context\r\n */\r\n _applyLayoutStrategy: function (context) {\r\n var isFirstLayout = context.type === 'initialization';\r\n if (!isFirstLayout && !this._firstLayoutDone) {\r\n // reject layout requests before initialization layout\r\n return;\r\n }\r\n var options = isFirstLayout && context.options;\r\n var initialTransform = options && {\r\n angle: options.angle || 0,\r\n skewX: options.skewX || 0,\r\n skewY: options.skewY || 0,\r\n };\r\n var center = this.getRelativeCenterPoint();\r\n var result = this.getLayoutStrategyResult(\r\n this.layout,\r\n this._objects.concat(),\r\n context\r\n );\r\n if (result) {\r\n // handle positioning\r\n var newCenter = new Point(result.centerX, result.centerY);\r\n var vector = center\r\n .subtract(newCenter)\r\n .add(new Point(result.correctionX || 0, result.correctionY || 0));\r\n var diff = transformPoint(\r\n vector,\r\n invertTransform(this.calcOwnMatrix()),\r\n true\r\n );\r\n // set dimensions\r\n this.set({ width: result.width, height: result.height });\r\n // adjust objects to account for new center\r\n !context.objectsRelativeToGroup &&\r\n this.forEachObject(function (object) {\r\n this._adjustObjectPosition(object, diff);\r\n }, this);\r\n // clip path as well\r\n !isFirstLayout &&\r\n this.layout !== 'clip-path' &&\r\n this.clipPath &&\r\n !this.clipPath.absolutePositioned &&\r\n this._adjustObjectPosition(this.clipPath, diff);\r\n if (!newCenter.eq(center) || initialTransform) {\r\n // set position\r\n this.setPositionByOrigin(newCenter, 'center', 'center');\r\n initialTransform && this.set(initialTransform);\r\n this.setCoords();\r\n }\r\n } else if (isFirstLayout) {\r\n // fill `result` with initial values for the layout hook\r\n result = {\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: this.width,\r\n height: this.height,\r\n };\r\n initialTransform && this.set(initialTransform);\r\n } else {\r\n // no `result` so we return\r\n return;\r\n }\r\n // flag for next layouts\r\n this._firstLayoutDone = true;\r\n // fire layout hook and event (event will fire only for layouts after initialization layout)\r\n this.onLayout(context, result);\r\n this.fire('layout', {\r\n context: context,\r\n result: result,\r\n diff: diff,\r\n });\r\n // recursive up\r\n if (this.group && this.group._applyLayoutStrategy) {\r\n // append the path recursion to context\r\n if (!context.path) {\r\n context.path = [];\r\n }\r\n context.path.push(this);\r\n // all parents should invalidate their layout\r\n this.group._applyLayoutStrategy(context);\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * If you need to run logic once layout completes use `onLayout`\r\n * @public\r\n *\r\n * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType\r\n *\r\n * @typedef LayoutContext context object with data regarding what triggered the call\r\n * @property {LayoutContextType} type\r\n * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one\r\n *\r\n * @typedef LayoutResult positioning and layout data **relative** to instance's parent\r\n * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`)\r\n * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`)\r\n * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX`\r\n * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY`\r\n * @property {number} width\r\n * @property {number} height\r\n *\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n getLayoutStrategyResult: function (layoutDirective, objects, context) {\r\n // eslint-disable-line no-unused-vars\r\n // `fit-content-lazy` performance enhancement\r\n // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects\r\n if (\r\n layoutDirective === 'fit-content-lazy' &&\r\n context.type === 'added' &&\r\n objects.length > context.targets.length\r\n ) {\r\n // calculate added objects' bbox with existing bbox\r\n var addedObjects = context.targets.concat(this);\r\n return this.prepareBoundingBox(\r\n layoutDirective,\r\n addedObjects,\r\n context\r\n );\r\n } else if (\r\n layoutDirective === 'fit-content' ||\r\n layoutDirective === 'fit-content-lazy' ||\r\n (layoutDirective === 'fixed' &&\r\n (context.type === 'initialization' ||\r\n context.type === 'imperative'))\r\n ) {\r\n return this.prepareBoundingBox(layoutDirective, objects, context);\r\n } else if (layoutDirective === 'clip-path' && this.clipPath) {\r\n var clipPath = this.clipPath;\r\n var clipPathSizeAfter = clipPath._getTransformedDimensions();\r\n if (\r\n clipPath.absolutePositioned &&\r\n (context.type === 'initialization' ||\r\n context.type === 'layout_change')\r\n ) {\r\n // we want the center point to exist in group's containing plane\r\n var clipPathCenter = clipPath.getCenterPoint();\r\n if (this.group) {\r\n // send point from canvas plane to group's containing plane\r\n var inv = invertTransform(this.group.calcTransformMatrix());\r\n clipPathCenter = transformPoint(clipPathCenter, inv);\r\n }\r\n return {\r\n centerX: clipPathCenter.x,\r\n centerY: clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n } else if (!clipPath.absolutePositioned) {\r\n var center;\r\n var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(),\r\n // we want the center point to exist in group's containing plane, so we send it upwards\r\n clipPathCenter = transformPoint(\r\n clipPathRelativeCenter,\r\n this.calcOwnMatrix(),\r\n true\r\n );\r\n if (\r\n context.type === 'initialization' ||\r\n context.type === 'layout_change'\r\n ) {\r\n var bbox =\r\n this.prepareBoundingBox(layoutDirective, objects, context) ||\r\n {};\r\n center = new Point(bbox.centerX || 0, bbox.centerY || 0);\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n correctionX: bbox.correctionX - clipPathCenter.x,\r\n correctionY: bbox.correctionY - clipPathCenter.y,\r\n width: clipPath.width,\r\n height: clipPath.height,\r\n };\r\n } else {\r\n center = this.getRelativeCenterPoint();\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n }\r\n }\r\n } else if (\r\n layoutDirective === 'svg' &&\r\n context.type === 'initialization'\r\n ) {\r\n var bbox = this.getObjectsBoundingBox(objects, true) || {};\r\n return Object.assign(bbox, {\r\n correctionX: -bbox.offsetX || 0,\r\n correctionY: -bbox.offsetY || 0,\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * A wrapper around {@link fabric.Group#getObjectsBoundingBox}\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareBoundingBox: function (layoutDirective, objects, context) {\r\n if (context.type === 'initialization') {\r\n return this.prepareInitialBoundingBox(\r\n layoutDirective,\r\n objects,\r\n context\r\n );\r\n } else if (context.type === 'imperative' && context.context) {\r\n return Object.assign(\r\n this.getObjectsBoundingBox(objects) || {},\r\n context.context\r\n );\r\n } else {\r\n return this.getObjectsBoundingBox(objects);\r\n }\r\n },\r\n\r\n /**\r\n * Calculates center taking into account originX, originY while not being sure that width/height are initialized\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareInitialBoundingBox: function (layoutDirective, objects, context) {\r\n var options = context.options || {},\r\n hasX = typeof options.left === 'number',\r\n hasY = typeof options.top === 'number',\r\n hasWidth = typeof options.width === 'number',\r\n hasHeight = typeof options.height === 'number';\r\n\r\n // performance enhancement\r\n // skip layout calculation if bbox is defined\r\n if (\r\n (hasX &&\r\n hasY &&\r\n hasWidth &&\r\n hasHeight &&\r\n context.objectsRelativeToGroup) ||\r\n objects.length === 0\r\n ) {\r\n // return nothing to skip layout\r\n return;\r\n }\r\n\r\n var bbox = this.getObjectsBoundingBox(objects) || {};\r\n var width = hasWidth ? this.width : bbox.width || 0,\r\n height = hasHeight ? this.height : bbox.height || 0,\r\n calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0),\r\n origin = new Point(\r\n resolveOrigin(this.originX),\r\n resolveOrigin(this.originY)\r\n ),\r\n size = new Point(width, height),\r\n strokeWidthVector = this._getTransformedDimensions({\r\n width: 0,\r\n height: 0,\r\n }),\r\n sizeAfter = this._getTransformedDimensions({\r\n width: width,\r\n height: height,\r\n strokeWidth: 0,\r\n }),\r\n bboxSizeAfter = this._getTransformedDimensions({\r\n width: bbox.width,\r\n height: bbox.height,\r\n strokeWidth: 0,\r\n }),\r\n rotationCorrection = new Point(0, 0);\r\n\r\n // calculate center and correction\r\n var originT = origin.scalarAdd(0.5);\r\n var originCorrection = sizeAfter.multiply(originT);\r\n var centerCorrection = new Point(\r\n hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x,\r\n hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y\r\n );\r\n var center = new Point(\r\n hasX\r\n ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x\r\n : calculatedCenter.x - centerCorrection.x,\r\n hasY\r\n ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y\r\n : calculatedCenter.y - centerCorrection.y\r\n );\r\n var offsetCorrection = new Point(\r\n hasX\r\n ? center.x -\r\n calculatedCenter.x +\r\n bboxSizeAfter.x * (hasWidth ? 0.5 : 0)\r\n : -(hasWidth\r\n ? (sizeAfter.x - strokeWidthVector.x) * 0.5\r\n : sizeAfter.x * originT.x),\r\n hasY\r\n ? center.y -\r\n calculatedCenter.y +\r\n bboxSizeAfter.y * (hasHeight ? 0.5 : 0)\r\n : -(hasHeight\r\n ? (sizeAfter.y - strokeWidthVector.y) * 0.5\r\n : sizeAfter.y * originT.y)\r\n ).add(rotationCorrection);\r\n var correction = new Point(\r\n hasWidth ? -sizeAfter.x / 2 : 0,\r\n hasHeight ? -sizeAfter.y / 2 : 0\r\n ).add(offsetCorrection);\r\n\r\n return {\r\n centerX: center.x,\r\n centerY: center.y,\r\n correctionX: correction.x,\r\n correctionY: correction.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Calculate the bbox of objects relative to instance's containing plane\r\n * @public\r\n * @param {fabric.Object[]} objects\r\n * @returns {LayoutResult | null} bounding box\r\n */\r\n getObjectsBoundingBox: function (objects, ignoreOffset) {\r\n if (objects.length === 0) {\r\n return null;\r\n }\r\n var objCenter, sizeVector, min, max, a, b;\r\n objects.forEach(function (object, i) {\r\n objCenter = object.getRelativeCenterPoint();\r\n sizeVector = object._getTransformedDimensions().scalarDivide(2);\r\n if (object.angle) {\r\n var rad = degreesToRadians(object.angle),\r\n sin = Math.abs(fabric.util.sin(rad)),\r\n cos = Math.abs(fabric.util.cos(rad)),\r\n rx = sizeVector.x * cos + sizeVector.y * sin,\r\n ry = sizeVector.x * sin + sizeVector.y * cos;\r\n sizeVector = new Point(rx, ry);\r\n }\r\n a = objCenter.subtract(sizeVector);\r\n b = objCenter.add(sizeVector);\r\n if (i === 0) {\r\n min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y));\r\n max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y));\r\n } else {\r\n min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y));\r\n max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y));\r\n }\r\n });\r\n\r\n var size = max.subtract(min),\r\n relativeCenter = ignoreOffset\r\n ? size.scalarDivide(2)\r\n : min.midPointFrom(max),\r\n // we send `relativeCenter` up to group's containing plane\r\n offset = transformPoint(min, this.calcOwnMatrix()),\r\n center = transformPoint(relativeCenter, this.calcOwnMatrix());\r\n\r\n return {\r\n offsetX: offset.x,\r\n offsetY: offset.y,\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Hook that is called once layout has completed.\r\n * Provided for layout customization, override if necessary.\r\n * Complements `getLayoutStrategyResult`, which is called at the beginning of layout.\r\n * @public\r\n * @param {LayoutContext} context layout context\r\n * @param {LayoutResult} result layout result\r\n */\r\n onLayout: function (/* context, result */) {\r\n // override by subclass\r\n },\r\n\r\n /**\r\n *\r\n * @private\r\n * @param {'toObject'|'toDatalessObject'} [method]\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {fabric.Object[]} serialized objects\r\n */\r\n __serializeObjects: function (method, propertiesToInclude) {\r\n var _includeDefaultValues = this.includeDefaultValues;\r\n return this._objects\r\n .filter(function (obj) {\r\n return !obj.excludeFromExport;\r\n })\r\n .map(function (obj) {\r\n var originalDefaults = obj.includeDefaultValues;\r\n obj.includeDefaultValues = _includeDefaultValues;\r\n var data = obj[method || 'toObject'](propertiesToInclude);\r\n obj.includeDefaultValues = originalDefaults;\r\n //delete data.version;\r\n return data;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var obj = this.callSuper(\r\n 'toObject',\r\n ['layout', 'subTargetCheck', 'interactive'].concat(\r\n propertiesToInclude\r\n )\r\n );\r\n obj.objects = this.__serializeObjects('toObject', propertiesToInclude);\r\n return obj;\r\n },\r\n\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n dispose: function () {\r\n this._activeObjects = [];\r\n this.forEachObject(function (object) {\r\n this._watchObject(false, object);\r\n object.dispose && object.dispose();\r\n }, this);\r\n this.callSuper('dispose');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * @private\r\n */\r\n _createSVGBgRect: function (reviver) {\r\n if (!this.backgroundColor) {\r\n return '';\r\n }\r\n var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver);\r\n var commons = fillStroke.indexOf('COMMON_PARTS');\r\n fillStroke[commons] = 'for=\"group\" ';\r\n return fillStroke.join('');\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG: function (reviver) {\r\n var svgString = ['\\n'];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t\\t', this._objects[i].toSVG(reviver));\r\n }\r\n svgString.push('\\n');\r\n return svgString;\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export, specific version for group\r\n * @return {String}\r\n */\r\n getSvgStyles: function () {\r\n var opacity =\r\n typeof this.opacity !== 'undefined' && this.opacity !== 1\r\n ? 'opacity: ' + this.opacity + ';'\r\n : '',\r\n visibility = this.visible ? '' : ' visibility: hidden;';\r\n return [opacity, this.getSvgFilter(), visibility].join('');\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var svgString = [];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t', this._objects[i].toClipPathSVG(reviver));\r\n }\r\n return this._createBaseClipPathSVGMarkup(svgString, {\r\n reviver: reviver,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /**\r\n * @todo support loading from svg\r\n * @private\r\n * @static\r\n * @memberOf fabric.Group\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.Group.fromObject = function (object) {\r\n var objects = object.objects || [],\r\n options = clone(object, true);\r\n delete options.objects;\r\n return Promise.all([\r\n fabric.util.enlivenObjects(objects),\r\n fabric.util.enlivenObjectEnlivables(options),\r\n ]).then(function (enlivened) {\r\n return new fabric.Group(\r\n enlivened[0],\r\n Object.assign(options, enlivened[1]),\r\n true\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Group class\r\n * @class fabric.ActiveSelection\r\n * @extends fabric.Group\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups}\r\n * @see {@link fabric.ActiveSelection#initialize} for constructor definition\r\n */\r\n fabric.ActiveSelection = fabric.util.createClass(\r\n fabric.Group,\r\n /** @lends fabric.ActiveSelection.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'activeSelection',\r\n\r\n /**\r\n * @override\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * @override\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * @override\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.ActiveSelection} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this.callSuper('initialize', objects, options, objectsRelativeToGroup);\r\n this.setCoords();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n // save ref to group for later in order to return to it\r\n var parent = object.group;\r\n parent._exitGroup(object);\r\n object.__owningGroup = parent;\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * we want objects to retain their canvas ref when exiting instance\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n var parent = object.__owningGroup;\r\n if (parent) {\r\n // return to owning group\r\n parent.enterGroup(object);\r\n delete object.__owningGroup;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n var groups = [];\r\n targets.forEach(function (object) {\r\n object.group &&\r\n !groups.includes(object.group) &&\r\n groups.push(object.group);\r\n });\r\n if (type === 'removed') {\r\n // invalidate groups' layout and mark as dirty\r\n groups.forEach(function (group) {\r\n group._onAfterObjectsChange('added', targets);\r\n });\r\n } else {\r\n // mark groups as dirty\r\n groups.forEach(function (group) {\r\n group._set('dirty', true);\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * If returns true, deselection is cancelled.\r\n * @since 2.0.0\r\n * @return {Boolean} [cancel]\r\n */\r\n onDeselect: function () {\r\n this.removeAll();\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns string representation of a group\r\n * @return {String}\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if this group or its parent group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n * @param {Object} [childrenOverride] properties to override the children overrides\r\n */\r\n _renderControls: function (ctx, styleOverride, childrenOverride) {\r\n ctx.save();\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n this.callSuper('_renderControls', ctx, styleOverride);\r\n var options = Object.assign({ hasControls: false }, childrenOverride, {\r\n forActiveSelection: true,\r\n });\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i]._renderControls(ctx, options);\r\n }\r\n ctx.restore();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.ActiveSelection} instance from an object representation\r\n * @static\r\n * @memberOf fabric.ActiveSelection\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.ActiveSelection.fromObject = function (object) {\r\n var objects = object.objects,\r\n options = fabric.util.object.clone(object, true);\r\n delete options.objects;\r\n return fabric.util\r\n .enlivenObjects(objects)\r\n .then(function (enlivenedObjects) {\r\n return new fabric.ActiveSelection(enlivenedObjects, options, true);\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend;\r\n /**\r\n * Image class\r\n * @class fabric.Image\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images}\r\n * @see {@link fabric.Image#initialize} for constructor definition\r\n */\r\n fabric.Image = fabric.util.createClass(\r\n FabricObject,\r\n /** @lends fabric.Image.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'image',\r\n\r\n /**\r\n * Width of a stroke.\r\n * For image quality a stroke multiple of 2 gives better results.\r\n * @type Number\r\n * @default\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`.\r\n * This allows for relative urls as image src.\r\n * @since 2.7.0\r\n * @type Boolean\r\n * @default\r\n */\r\n srcFromAttribute: false,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleX to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleY to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleY: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingY: 1,\r\n\r\n /**\r\n * minimum scale factor under which any resizeFilter is triggered to resize the image\r\n * 0 will disable the automatic resize. 1 will trigger automatically always.\r\n * number bigger than 1 are not implemented yet.\r\n * @type Number\r\n */\r\n minimumScaleTrigger: 0.5,\r\n\r\n /**\r\n * List of properties to consider when checking if\r\n * state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * key used to retrieve the texture representing this image\r\n * @since 2.0.0\r\n * @type String\r\n * @default\r\n */\r\n cacheKey: '',\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropX: 0,\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropY: 0,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing when painting this image.\r\n * Also influence if the cacheCanvas for this image uses imageSmoothing\r\n * @since 4.0.0-beta.11\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothing: true,\r\n\r\n /**\r\n * Constructor\r\n * Image can be initialized with any canvas drawable or a string.\r\n * The string should be a url and will be loaded as an image.\r\n * Canvas and Image element work out of the box, while videos require extra code to work.\r\n * Please check video element events for seeking.\r\n * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n */\r\n initialize: function (element, options) {\r\n options || (options = {});\r\n this.filters = [];\r\n this.cacheKey = 'texture' + FabricObject.__uid++;\r\n this.callSuper('initialize', options);\r\n this._initElement(element, options);\r\n },\r\n\r\n /**\r\n * Returns image element which this instance if based on\r\n * @return {HTMLImageElement} Image element\r\n */\r\n getElement: function () {\r\n return this._element || {};\r\n },\r\n\r\n /**\r\n * Sets image element for this instance to a specified one.\r\n * If filters defined they are applied to new image.\r\n * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area.\r\n * @param {HTMLImageElement} element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n * @chainable\r\n */\r\n setElement: function (element, options) {\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._element = element;\r\n this._originalElement = element;\r\n this._initConfig(options);\r\n element.classList.add(fabric.Image.CSS_CANVAS);\r\n if (this.filters.length !== 0) {\r\n this.applyFilters();\r\n }\r\n // resizeFilters work on the already filtered copy.\r\n // we need to apply resizeFilters AFTER normal filters.\r\n // applyResizeFilters is run more often than normal filters\r\n // and is triggered by user interactions rather than dev code\r\n if (this.resizeFilter) {\r\n this.applyResizeFilters();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Delete a single texture if in webgl mode\r\n */\r\n removeTexture: function (key) {\r\n var backend = fabric.filterBackend;\r\n if (backend && backend.evictCachesForKey) {\r\n backend.evictCachesForKey(key);\r\n }\r\n },\r\n\r\n /**\r\n * Delete textures, reference to elements and eventually JSDOM cleanup\r\n */\r\n dispose: function () {\r\n this.callSuper('dispose');\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._cacheContext = undefined;\r\n ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(\r\n function (element) {\r\n fabric.util.cleanUpJsdomNode(this[element]);\r\n this[element] = undefined;\r\n }.bind(this)\r\n );\r\n },\r\n\r\n /**\r\n * Get the crossOrigin value (of the corresponding image element)\r\n */\r\n getCrossOrigin: function () {\r\n return (\r\n this._originalElement && (this._originalElement.crossOrigin || null)\r\n );\r\n },\r\n\r\n /**\r\n * Returns original size of an image\r\n * @return {Object} Object with \"width\" and \"height\" properties\r\n */\r\n getOriginalSize: function () {\r\n var element = this.getElement();\r\n return {\r\n width: element.naturalWidth || element.width,\r\n height: element.naturalHeight || element.height,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _stroke: function (ctx) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n var w = this.width / 2,\r\n h = this.height / 2;\r\n ctx.beginPath();\r\n ctx.moveTo(-w, -h);\r\n ctx.lineTo(w, -h);\r\n ctx.lineTo(w, h);\r\n ctx.lineTo(-w, h);\r\n ctx.lineTo(-w, -h);\r\n ctx.closePath();\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var filters = [];\r\n\r\n this.filters.forEach(function (filterObj) {\r\n if (filterObj) {\r\n filters.push(filterObj.toObject());\r\n }\r\n });\r\n var object = extend(\r\n this.callSuper(\r\n 'toObject',\r\n ['cropX', 'cropY'].concat(propertiesToInclude)\r\n ),\r\n {\r\n src: this.getSrc(),\r\n crossOrigin: this.getCrossOrigin(),\r\n filters: filters,\r\n }\r\n );\r\n if (this.resizeFilter) {\r\n object.resizeFilter = this.resizeFilter.toObject();\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height.\r\n * @return {Boolean}\r\n */\r\n hasCrop: function () {\r\n return (\r\n this.cropX ||\r\n this.cropY ||\r\n this.width < this._element.width ||\r\n this.height < this._element.height\r\n );\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var svgString = [],\r\n imageMarkup = [],\r\n strokeSvg,\r\n element = this._element,\r\n x = -this.width / 2,\r\n y = -this.height / 2,\r\n clipPath = '',\r\n imageRendering = '';\r\n if (!element) {\r\n return [];\r\n }\r\n if (this.hasCrop()) {\r\n var clipPathId = FabricObject.__uid++;\r\n svgString.push(\r\n '\\n',\r\n '\\t\\n',\r\n '\\n'\r\n );\r\n clipPath = ' clip-path=\"url(#imageCrop_' + clipPathId + ')\" ';\r\n }\r\n if (!this.imageSmoothing) {\r\n imageRendering = '\" image-rendering=\"optimizeSpeed';\r\n }\r\n imageMarkup.push(\r\n '\\t element with actual transformation, then offsetting object to the top/left\r\n // so that object's center aligns with container's left/top\r\n '\" width=\"',\r\n element.width || element.naturalWidth,\r\n '\" height=\"',\r\n element.height || element.height,\r\n imageRendering,\r\n '\"',\r\n clipPath,\r\n '>\\n'\r\n );\r\n\r\n if (this.stroke || this.strokeDashArray) {\r\n var origFill = this.fill;\r\n this.fill = null;\r\n strokeSvg = [\r\n '\\t\\n',\r\n ];\r\n this.fill = origFill;\r\n }\r\n if (this.paintFirst !== 'fill') {\r\n svgString = svgString.concat(strokeSvg, imageMarkup);\r\n } else {\r\n svgString = svgString.concat(imageMarkup, strokeSvg);\r\n }\r\n return svgString;\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns source of an image\r\n * @param {Boolean} filtered indicates if the src is needed for svg\r\n * @return {String} Source of an image\r\n */\r\n getSrc: function (filtered) {\r\n var element = filtered ? this._element : this._originalElement;\r\n if (element) {\r\n if (element.toDataURL) {\r\n return element.toDataURL();\r\n }\r\n\r\n if (this.srcFromAttribute) {\r\n return element.getAttribute('src');\r\n } else {\r\n return element.src;\r\n }\r\n } else {\r\n return this.src || '';\r\n }\r\n },\r\n\r\n /**\r\n * Loads and sets source of an image\\\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n * @param {String} src Source string (URL)\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {String} [options.crossOrigin] crossOrigin value (one of \"\", \"anonymous\", \"use-credentials\")\r\n * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes\r\n * @return {Promise} thisArg\r\n */\r\n setSrc: function (src, options) {\r\n var _this = this;\r\n return fabric.util.loadImage(src, options).then(function (img) {\r\n _this.setElement(img, options);\r\n _this._setWidthHeight();\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of an instance\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n applyResizeFilters: function () {\r\n var filter = this.resizeFilter,\r\n minimumScale = this.minimumScaleTrigger,\r\n objectScale = this.getTotalObjectScaling(),\r\n scaleX = objectScale.x,\r\n scaleY = objectScale.y,\r\n elementToFilter = this._filteredEl || this._originalElement;\r\n if (this.group) {\r\n this.set('dirty', true);\r\n }\r\n if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) {\r\n this._element = elementToFilter;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n this._lastScaleX = scaleX;\r\n this._lastScaleY = scaleY;\r\n return;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n var canvasEl = fabric.util.createCanvasElement(),\r\n cacheKey = this._filteredEl\r\n ? this.cacheKey + '_filtered'\r\n : this.cacheKey,\r\n sourceWidth = elementToFilter.width,\r\n sourceHeight = elementToFilter.height;\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._lastScaleX = filter.scaleX = scaleX;\r\n this._lastScaleY = filter.scaleY = scaleY;\r\n fabric.filterBackend.applyFilters(\r\n [filter],\r\n elementToFilter,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n cacheKey\r\n );\r\n this._filterScalingX = canvasEl.width / this._originalElement.width;\r\n this._filterScalingY = canvasEl.height / this._originalElement.height;\r\n },\r\n\r\n /**\r\n * Applies filters assigned to this image (from \"filters\" array) or from filter param\r\n * @method applyFilters\r\n * @param {Array} filters to be applied\r\n * @param {Boolean} forResizing specify if the filter operation is a resize operation\r\n * @return {thisArg} return the fabric.Image object\r\n * @chainable\r\n */\r\n applyFilters: function (filters) {\r\n filters = filters || this.filters || [];\r\n filters = filters.filter(function (filter) {\r\n return filter && !filter.isNeutralState();\r\n });\r\n this.set('dirty', true);\r\n\r\n // needs to clear out or WEBGL will not resize correctly\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n\r\n if (filters.length === 0) {\r\n this._element = this._originalElement;\r\n this._filteredEl = null;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n return this;\r\n }\r\n\r\n var imgElement = this._originalElement,\r\n sourceWidth = imgElement.naturalWidth || imgElement.width,\r\n sourceHeight = imgElement.naturalHeight || imgElement.height;\r\n\r\n if (this._element === this._originalElement) {\r\n // if the element is the same we need to create a new element\r\n var canvasEl = fabric.util.createCanvasElement();\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._filteredEl = canvasEl;\r\n } else {\r\n // clear the existing element to get new filter data\r\n // also dereference the eventual resized _element\r\n this._element = this._filteredEl;\r\n this._filteredEl\r\n .getContext('2d')\r\n .clearRect(0, 0, sourceWidth, sourceHeight);\r\n // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y\r\n this._lastScaleX = 1;\r\n this._lastScaleY = 1;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n fabric.filterBackend.applyFilters(\r\n filters,\r\n this._originalElement,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n this.cacheKey\r\n );\r\n if (\r\n this._originalElement.width !== this._element.width ||\r\n this._originalElement.height !== this._element.height\r\n ) {\r\n this._filterScalingX =\r\n this._element.width / this._originalElement.width;\r\n this._filterScalingY =\r\n this._element.height / this._originalElement.height;\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n if (\r\n this.isMoving !== true &&\r\n this.resizeFilter &&\r\n this._needsResize()\r\n ) {\r\n this.applyResizeFilters();\r\n }\r\n this._stroke(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * it will set the imageSmoothing for the draw operation\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n FabricObject.prototype.drawCacheOnCanvas.call(this, ctx);\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * This is the special image version where we would like to avoid caching where possible.\r\n * Essentially images do not benefit from caching. They may require caching, and in that\r\n * case we do it. Also caching an image usually ends in a loss of details.\r\n * A full performance audit should be done.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return this.needsItsOwnCache();\r\n },\r\n\r\n _renderFill: function (ctx) {\r\n var elementToDraw = this._element;\r\n if (!elementToDraw) {\r\n return;\r\n }\r\n var scaleX = this._filterScalingX,\r\n scaleY = this._filterScalingY,\r\n w = this.width,\r\n h = this.height,\r\n min = Math.min,\r\n max = Math.max,\r\n // crop values cannot be lesser than 0.\r\n cropX = max(this.cropX, 0),\r\n cropY = max(this.cropY, 0),\r\n elWidth = elementToDraw.naturalWidth || elementToDraw.width,\r\n elHeight = elementToDraw.naturalHeight || elementToDraw.height,\r\n sX = cropX * scaleX,\r\n sY = cropY * scaleY,\r\n // the width height cannot exceed element width/height, starting from the crop offset.\r\n sW = min(w * scaleX, elWidth - sX),\r\n sH = min(h * scaleY, elHeight - sY),\r\n x = -w / 2,\r\n y = -h / 2,\r\n maxDestW = min(w, elWidth / scaleX - cropX),\r\n maxDestH = min(h, elHeight / scaleY - cropY);\r\n\r\n elementToDraw &&\r\n ctx.drawImage(\r\n elementToDraw,\r\n sX,\r\n sY,\r\n sW,\r\n sH,\r\n x,\r\n y,\r\n maxDestW,\r\n maxDestH\r\n );\r\n },\r\n\r\n /**\r\n * needed to check if image needs resize\r\n * @private\r\n */\r\n _needsResize: function () {\r\n var scale = this.getTotalObjectScaling();\r\n return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _resetWidthHeight: function () {\r\n this.set(this.getOriginalSize());\r\n },\r\n\r\n /**\r\n * The Image class's initialization method. This method is automatically\r\n * called by the constructor.\r\n * @private\r\n * @param {HTMLImageElement|String} element The element representing the image\r\n * @param {Object} [options] Options object\r\n */\r\n _initElement: function (element, options) {\r\n this.setElement(\r\n fabric.document.getElementById(element) || element,\r\n options\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initConfig: function (options) {\r\n options || (options = {});\r\n this.setOptions(options);\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * Set the width and the height of the image object, using the element or the\r\n * options.\r\n * @param {Object} [options] Object with width/height properties\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n var el = this.getElement();\r\n this.width = options.width || el.naturalWidth || el.width || 0;\r\n this.height = options.height || el.naturalHeight || el.height || 0;\r\n },\r\n\r\n /**\r\n * Calculate offset for center and scale factor for the image in order to respect\r\n * the preserveAspectRatio attribute\r\n * @private\r\n * @return {Object}\r\n */\r\n parsePreserveAspectRatioAttribute: function () {\r\n var pAR = fabric.util.parsePreserveAspectRatioAttribute(\r\n this.preserveAspectRatio || ''\r\n ),\r\n rWidth = this._element.width,\r\n rHeight = this._element.height,\r\n scaleX = 1,\r\n scaleY = 1,\r\n offsetLeft = 0,\r\n offsetTop = 0,\r\n cropX = 0,\r\n cropY = 0,\r\n offset,\r\n pWidth = this.width,\r\n pHeight = this.height,\r\n parsedAttributes = { width: pWidth, height: pHeight };\r\n if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) {\r\n if (pAR.meetOrSlice === 'meet') {\r\n scaleX = scaleY = fabric.util.findScaleToFit(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = (pWidth - rWidth * scaleX) / 2;\r\n if (pAR.alignX === 'Min') {\r\n offsetLeft = -offset;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n offsetLeft = offset;\r\n }\r\n offset = (pHeight - rHeight * scaleY) / 2;\r\n if (pAR.alignY === 'Min') {\r\n offsetTop = -offset;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n offsetTop = offset;\r\n }\r\n }\r\n if (pAR.meetOrSlice === 'slice') {\r\n scaleX = scaleY = fabric.util.findScaleToCover(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = rWidth - pWidth / scaleX;\r\n if (pAR.alignX === 'Mid') {\r\n cropX = offset / 2;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n cropX = offset;\r\n }\r\n offset = rHeight - pHeight / scaleY;\r\n if (pAR.alignY === 'Mid') {\r\n cropY = offset / 2;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n cropY = offset;\r\n }\r\n rWidth = pWidth / scaleX;\r\n rHeight = pHeight / scaleY;\r\n }\r\n } else {\r\n scaleX = pWidth / rWidth;\r\n scaleY = pHeight / rHeight;\r\n }\r\n return {\r\n width: rWidth,\r\n height: rHeight,\r\n scaleX: scaleX,\r\n scaleY: scaleY,\r\n offsetLeft: offsetLeft,\r\n offsetTop: offsetTop,\r\n cropX: cropX,\r\n cropY: cropY,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Default CSS class name for canvas\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n fabric.Image.CSS_CANVAS = 'canvas-img';\r\n\r\n /**\r\n * Alias for getSrc\r\n * @static\r\n */\r\n fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc;\r\n\r\n /**\r\n * Creates an instance of fabric.Image from its object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @param {object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromObject = function (object, options) {\r\n var _object = Object.assign({}, object),\r\n filters = _object.filters,\r\n resizeFilter = _object.resizeFilter;\r\n // the generic enliving will fail on filters for now\r\n delete _object.resizeFilter;\r\n delete _object.filters;\r\n var imageOptions = Object.assign({}, options, {\r\n crossOrigin: _object.crossOrigin,\r\n }),\r\n filterOptions = Object.assign({}, options, {\r\n namespace: fabric.Image.filters,\r\n });\r\n return Promise.all([\r\n fabric.util.loadImage(_object.src, imageOptions),\r\n filters && fabric.util.enlivenObjects(filters, filterOptions),\r\n resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions),\r\n fabric.util.enlivenObjectEnlivables(_object, options),\r\n ]).then(function (imgAndFilters) {\r\n _object.filters = imgAndFilters[1] || [];\r\n _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0];\r\n return new fabric.Image(\r\n imgAndFilters[0],\r\n Object.assign(_object, imgAndFilters[3])\r\n );\r\n });\r\n };\r\n\r\n /**\r\n * Creates an instance of fabric.Image from an URL string\r\n * @static\r\n * @param {String} url URL to create an image from\r\n * @param {object} [options] Options object\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromURL = function (url, options) {\r\n return fabric.util.loadImage(url, options || {}).then(function (img) {\r\n return new fabric.Image(img, options);\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement})\r\n * @static\r\n * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement}\r\n */\r\n fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(\r\n ' '\r\n )\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.Image} instance from an SVG element\r\n * @static\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} callback Callback to execute when fabric.Image object is created\r\n * @return {fabric.Image} Instance of fabric.Image\r\n */\r\n fabric.Image.fromElement = function (element, callback, options) {\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Image.ATTRIBUTE_NAMES\r\n );\r\n fabric.Image.fromURL(\r\n parsedAttributes['xlink:href'],\r\n Object.assign({}, options || {}, parsedAttributes)\r\n ).then(function (fabricImage) {\r\n callback(fabricImage);\r\n });\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * @private\r\n * @return {Number} angle value\r\n */\r\n _getAngleValueForStraighten: function () {\r\n var angle = this.angle % 360;\r\n if (angle > 0) {\r\n return Math.round((angle - 1) / 90) * 90;\r\n }\r\n return Math.round(angle / 90) * 90;\r\n },\r\n\r\n /**\r\n * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n straighten: function () {\r\n return this.rotate(this._getAngleValueForStraighten());\r\n },\r\n\r\n /**\r\n * Same as {@link FabricObject.prototype.straighten} but with animation\r\n * @param {Object} callbacks Object with callback functions\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.Object} thisArg\r\n */\r\n fxStraighten: function (callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: this.get('angle'),\r\n endValue: this._getAngleValueForStraighten(),\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n _this.rotate(value);\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Straightens object, then rerenders canvas\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n straightenObject: function (object) {\r\n object.straighten();\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n fxStraightenObject: function (object) {\r\n return object.fxStraighten({\r\n onChange: this.requestRenderAllBound,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\n\r\nexport const enum TWebGLPrecision {\r\n low = 'lowp',\r\n medium = 'mediump',\r\n high = 'highp',\r\n}\r\n\r\n/**\r\n * @todo remove once rollup supports transforming enums...\r\n * https://github.com/rollup/plugins/issues/463\r\n */\r\nconst WebGLPrecision = [\r\n TWebGLPrecision.low,\r\n TWebGLPrecision.medium,\r\n TWebGLPrecision.high,\r\n];\r\n\r\n/**\r\n * Lazy initialize WebGL contants\r\n */\r\nclass WebGLProbe {\r\n private initialized = false;\r\n\r\n private _maxTextureSize?: number;\r\n\r\n private _webGLPrecision?: TWebGLPrecision;\r\n\r\n get maxTextureSize() {\r\n this.queryWebGL();\r\n return this._maxTextureSize;\r\n }\r\n\r\n get webGLPrecision() {\r\n this.queryWebGL();\r\n return this._webGLPrecision;\r\n }\r\n\r\n /**\r\n * Tests if webgl supports certain precision\r\n * @param {WebGL} Canvas WebGL context to test on\r\n * @param {TWebGLPrecision} Precision to test can be any of following\r\n * @returns {Boolean} Whether the user's browser WebGL supports given precision.\r\n */\r\n private testPrecision(gl: WebGLRenderingContext, precision: TWebGLPrecision) {\r\n const fragmentSource = `precision ${precision} float;\\nvoid main(){}`;\r\n const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS);\r\n }\r\n\r\n /**\r\n * query browser for WebGL\r\n * @returns config object if true\r\n */\r\n private queryWebGL() {\r\n if (this.initialized || fabric.isLikelyNode) {\r\n return;\r\n }\r\n const canvas = createCanvasElement();\r\n const gl =\r\n canvas.getContext('webgl') || canvas.getContext('experimental-webgl');\r\n if (gl) {\r\n this._maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE);\r\n this._webGLPrecision = WebGLPrecision.find((key) =>\r\n this.testPrecision(gl, key)\r\n );\r\n console.log(`fabric: max texture size ${this._maxTextureSize}`);\r\n }\r\n this.initialized = true;\r\n }\r\n\r\n isSupported(textureSize: number) {\r\n return this.maxTextureSize && this.maxTextureSize >= textureSize;\r\n }\r\n}\r\n\r\nexport const webGLProbe = new WebGLProbe();\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n\r\n fabric.initFilterBackend = function () {\r\n if (\r\n config.enableGLFiltering &&\r\n webGLProbe.isSupported(config.textureSize)\r\n ) {\r\n return new fabric.WebglFilterBackend({ tileSize: config.textureSize });\r\n } else if (fabric.Canvas2dFilterBackend) {\r\n return new fabric.Canvas2dFilterBackend();\r\n }\r\n };\r\n\r\n fabric.WebglFilterBackend = WebglFilterBackend;\r\n\r\n /**\r\n * WebGL filter backend.\r\n */\r\n function WebglFilterBackend(options) {\r\n if (options && options.tileSize) {\r\n this.tileSize = options.tileSize;\r\n }\r\n this.setupGLContext(this.tileSize, this.tileSize);\r\n this.captureGPUInfo();\r\n }\r\n\r\n WebglFilterBackend.prototype =\r\n /** @lends fabric.WebglFilterBackend.prototype */ {\r\n tileSize: config.textureSize,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Setup a WebGL context suitable for filtering, and bind any needed event handlers.\r\n */\r\n setupGLContext: function (width, height) {\r\n this.dispose();\r\n this.createWebGLCanvas(width, height);\r\n // eslint-disable-next-line\r\n this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]);\r\n this.chooseFastestCopyGLTo2DMethod(width, height);\r\n },\r\n\r\n /**\r\n * Pick a method to copy data from GL context to 2d canvas. In some browsers using\r\n * putImageData is faster than drawImage for that specific operation.\r\n */\r\n chooseFastestCopyGLTo2DMethod: function (width, height) {\r\n var canMeasurePerf = typeof window.performance !== 'undefined',\r\n canUseImageData;\r\n try {\r\n new ImageData(1, 1);\r\n canUseImageData = true;\r\n } catch (e) {\r\n canUseImageData = false;\r\n }\r\n // eslint-disable-next-line no-undef\r\n var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined';\r\n // eslint-disable-next-line no-undef\r\n var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined';\r\n\r\n if (\r\n !(\r\n canMeasurePerf &&\r\n canUseImageData &&\r\n canUseArrayBuffer &&\r\n canUseUint8Clamped\r\n )\r\n ) {\r\n return;\r\n }\r\n\r\n var targetCanvas = fabric.util.createCanvasElement();\r\n // eslint-disable-next-line no-undef\r\n var imageBuffer = new ArrayBuffer(width * height * 4);\r\n if (config.forceGLPutImageData) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n return;\r\n }\r\n var testContext = {\r\n imageBuffer: imageBuffer,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n targetCanvas: targetCanvas,\r\n };\r\n var startTime, drawImageTime, putImageDataTime;\r\n targetCanvas.width = width;\r\n targetCanvas.height = height;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DDrawImage.call(testContext, this.gl, testContext);\r\n drawImageTime = window.performance.now() - startTime;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DPutImageData.call(testContext, this.gl, testContext);\r\n putImageDataTime = window.performance.now() - startTime;\r\n\r\n if (drawImageTime > putImageDataTime) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n } else {\r\n this.copyGLTo2D = copyGLTo2DDrawImage;\r\n }\r\n },\r\n\r\n /**\r\n * Create a canvas element and associated WebGL context and attaches them as\r\n * class properties to the GLFilterBackend class.\r\n */\r\n createWebGLCanvas: function (width, height) {\r\n var canvas = fabric.util.createCanvasElement();\r\n canvas.width = width;\r\n canvas.height = height;\r\n var glOptions = {\r\n alpha: true,\r\n premultipliedAlpha: false,\r\n depth: false,\r\n stencil: false,\r\n antialias: false,\r\n },\r\n gl = canvas.getContext('webgl', glOptions);\r\n if (!gl) {\r\n gl = canvas.getContext('experimental-webgl', glOptions);\r\n }\r\n if (!gl) {\r\n return;\r\n }\r\n gl.clearColor(0, 0, 0, 0);\r\n // this canvas can fire webglcontextlost and webglcontextrestored\r\n this.canvas = canvas;\r\n this.gl = gl;\r\n },\r\n\r\n /**\r\n * Attempts to apply the requested filters to the source provided, drawing the filtered output\r\n * to the provided target canvas.\r\n *\r\n * @param {Array} filters The filters to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered.\r\n * @param {Number} width The width of the source input.\r\n * @param {Number} height The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n * @param {String|undefined} cacheKey A key used to cache resources related to the source. If\r\n * omitted, caching will be skipped.\r\n */\r\n applyFilters: function (\r\n filters,\r\n source,\r\n width,\r\n height,\r\n targetCanvas,\r\n cacheKey\r\n ) {\r\n var gl = this.gl;\r\n var cachedTexture;\r\n if (cacheKey) {\r\n cachedTexture = this.getCachedTexture(cacheKey, source);\r\n }\r\n var pipelineState = {\r\n originalWidth: source.width || source.originalWidth,\r\n originalHeight: source.height || source.originalHeight,\r\n sourceWidth: width,\r\n sourceHeight: height,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n context: gl,\r\n sourceTexture: this.createTexture(\r\n gl,\r\n width,\r\n height,\r\n !cachedTexture && source\r\n ),\r\n targetTexture: this.createTexture(gl, width, height),\r\n originalTexture:\r\n cachedTexture ||\r\n this.createTexture(gl, width, height, !cachedTexture && source),\r\n passes: filters.length,\r\n webgl: true,\r\n aPosition: this.aPosition,\r\n programCache: this.programCache,\r\n pass: 0,\r\n filterBackend: this,\r\n targetCanvas: targetCanvas,\r\n };\r\n var tempFbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo);\r\n filters.forEach(function (filter) {\r\n filter && filter.applyTo(pipelineState);\r\n });\r\n resizeCanvasIfNeeded(pipelineState);\r\n this.copyGLTo2D(gl, pipelineState);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.deleteTexture(pipelineState.sourceTexture);\r\n gl.deleteTexture(pipelineState.targetTexture);\r\n gl.deleteFramebuffer(tempFbo);\r\n targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0);\r\n return pipelineState;\r\n },\r\n\r\n /**\r\n * Detach event listeners, remove references, and clean up caches.\r\n */\r\n dispose: function () {\r\n if (this.canvas) {\r\n this.canvas = null;\r\n this.gl = null;\r\n }\r\n this.clearWebGLCaches();\r\n },\r\n\r\n /**\r\n * Wipe out WebGL-related caches.\r\n */\r\n clearWebGLCaches: function () {\r\n this.programCache = {};\r\n this.textureCache = {};\r\n },\r\n\r\n /**\r\n * Create a WebGL texture object.\r\n *\r\n * Accepts specific dimensions to initialize the texture to or a source image.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL context to use for creating the texture.\r\n * @param {Number} width The width to initialize the texture at.\r\n * @param {Number} height The height to initialize the texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data.\r\n * @returns {WebGLTexture}\r\n */\r\n createTexture: function (gl, width, height, textureImageSource) {\r\n var texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n if (textureImageSource) {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n textureImageSource\r\n );\r\n } else {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n width,\r\n height,\r\n 0,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n null\r\n );\r\n }\r\n return texture;\r\n },\r\n\r\n /**\r\n * Can be optionally used to get a texture from the cache array\r\n *\r\n * If an existing texture is not found, a new texture is created and cached.\r\n *\r\n * @param {String} uniqueId A cache key to use to find an existing texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the\r\n * texture cache entry if one does not already exist.\r\n */\r\n getCachedTexture: function (uniqueId, textureImageSource) {\r\n if (this.textureCache[uniqueId]) {\r\n return this.textureCache[uniqueId];\r\n } else {\r\n var texture = this.createTexture(\r\n this.gl,\r\n textureImageSource.width,\r\n textureImageSource.height,\r\n textureImageSource\r\n );\r\n this.textureCache[uniqueId] = texture;\r\n return texture;\r\n }\r\n },\r\n\r\n /**\r\n * Clear out cached resources related to a source image that has been\r\n * filtered previously.\r\n *\r\n * @param {String} cacheKey The cache key provided when the source image was filtered.\r\n */\r\n evictCachesForKey: function (cacheKey) {\r\n if (this.textureCache[cacheKey]) {\r\n this.gl.deleteTexture(this.textureCache[cacheKey]);\r\n delete this.textureCache[cacheKey];\r\n }\r\n },\r\n\r\n copyGLTo2D: copyGLTo2DDrawImage,\r\n\r\n /**\r\n * Attempt to extract GPU information strings from a WebGL context.\r\n *\r\n * Useful information when debugging or blacklisting specific GPUs.\r\n *\r\n * @returns {Object} A GPU info object with renderer and vendor strings.\r\n */\r\n captureGPUInfo: function () {\r\n if (this.gpuInfo) {\r\n return this.gpuInfo;\r\n }\r\n var gl = this.gl,\r\n gpuInfo = { renderer: '', vendor: '' };\r\n if (!gl) {\r\n return gpuInfo;\r\n }\r\n var ext = gl.getExtension('WEBGL_debug_renderer_info');\r\n if (ext) {\r\n var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL);\r\n var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL);\r\n if (renderer) {\r\n gpuInfo.renderer = renderer.toLowerCase();\r\n }\r\n if (vendor) {\r\n gpuInfo.vendor = vendor.toLowerCase();\r\n }\r\n }\r\n this.gpuInfo = gpuInfo;\r\n return gpuInfo;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n\r\nfunction resizeCanvasIfNeeded(pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n width = targetCanvas.width,\r\n height = targetCanvas.height,\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight;\r\n\r\n if (width !== dWidth || height !== dHeight) {\r\n targetCanvas.width = dWidth;\r\n targetCanvas.height = dHeight;\r\n }\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas.\r\n *\r\n * The WebGL canvas is assumed to be upside down, with the top-left pixel of the\r\n * desired output image appearing in the bottom-left corner of the WebGL canvas.\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DDrawImage(gl, pipelineState) {\r\n var glCanvas = gl.canvas,\r\n targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d');\r\n ctx.translate(0, targetCanvas.height); // move it down again\r\n ctx.scale(1, -1); // vertical flip\r\n // where is my image on the big glcanvas?\r\n var sourceY = glCanvas.height - targetCanvas.height;\r\n ctx.drawImage(\r\n glCanvas,\r\n 0,\r\n sourceY,\r\n targetCanvas.width,\r\n targetCanvas.height,\r\n 0,\r\n 0,\r\n targetCanvas.width,\r\n targetCanvas.height\r\n );\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData\r\n * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra).\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DPutImageData(gl, pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d'),\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight,\r\n numBytes = dWidth * dHeight * 4;\r\n\r\n // eslint-disable-next-line no-undef\r\n var u8 = new Uint8Array(this.imageBuffer, 0, numBytes);\r\n // eslint-disable-next-line no-undef\r\n var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes);\r\n\r\n gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8);\r\n var imgData = new ImageData(u8Clamped, dWidth, dHeight);\r\n ctx.putImageData(imgData, 0, 0);\r\n}\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n noop = function () {};\r\n\r\n fabric.Canvas2dFilterBackend = Canvas2dFilterBackend;\r\n\r\n /**\r\n * Canvas 2D filter backend.\r\n */\r\n function Canvas2dFilterBackend() {}\r\n\r\n Canvas2dFilterBackend.prototype =\r\n /** @lends fabric.Canvas2dFilterBackend.prototype */ {\r\n evictCachesForKey: noop,\r\n dispose: noop,\r\n clearWebGLCaches: noop,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Apply a set of filters against a source image and draw the filtered output\r\n * to the provided destination canvas.\r\n *\r\n * @param {EnhancedFilter} filters The filter to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered.\r\n * @param {Number} sourceWidth The width of the source input.\r\n * @param {Number} sourceHeight The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n */\r\n applyFilters: function (\r\n filters,\r\n sourceElement,\r\n sourceWidth,\r\n sourceHeight,\r\n targetCanvas\r\n ) {\r\n var ctx = targetCanvas.getContext('2d');\r\n ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight);\r\n var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\r\n var originalImageData = ctx.getImageData(\r\n 0,\r\n 0,\r\n sourceWidth,\r\n sourceHeight\r\n );\r\n var pipelineState = {\r\n sourceWidth: sourceWidth,\r\n sourceHeight: sourceHeight,\r\n imageData: imageData,\r\n originalEl: sourceElement,\r\n originalImageData: originalImageData,\r\n canvasEl: targetCanvas,\r\n ctx: ctx,\r\n filterBackend: this,\r\n };\r\n filters.forEach(function (filter) {\r\n filter.applyTo(pipelineState);\r\n });\r\n if (\r\n pipelineState.imageData.width !== sourceWidth ||\r\n pipelineState.imageData.height !== sourceHeight\r\n ) {\r\n targetCanvas.width = pipelineState.imageData.width;\r\n targetCanvas.height = pipelineState.imageData.height;\r\n }\r\n ctx.putImageData(pipelineState.imageData, 0, 0);\r\n return pipelineState;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { TWebGLPrecision, webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Image.filters\r\n * @memberOf fabric.Image\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters}\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n */\r\n fabric.Image.filters = fabric.Image.filters || {};\r\n\r\n /**\r\n * Root filter class from which all filter classes inherit from\r\n * @class fabric.Image.filters.BaseFilter\r\n * @memberOf fabric.Image.filters\r\n */\r\n fabric.Image.filters.BaseFilter = fabric.util.createClass(\r\n /** @lends fabric.Image.filters.BaseFilter.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'BaseFilter',\r\n\r\n /**\r\n * Array of attributes to send with buffers. do not modify\r\n * @private\r\n */\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n '}',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n },\r\n\r\n /**\r\n * Sets filter's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions: function (options) {\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n },\r\n\r\n /**\r\n * Compile this filter's shader program.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation.\r\n * @param {String} fragmentSource fragmentShader source for compilation\r\n * @param {String} vertexSource vertexShader source for compilation\r\n */\r\n createProgram: function (gl, fragmentSource, vertexSource) {\r\n fragmentSource = fragmentSource || this.fragmentSource;\r\n vertexSource = vertexSource || this.vertexSource;\r\n if (webGLProbe.webGLPrecision !== TWebGLPrecision.high) {\r\n fragmentSource = fragmentSource.replace(\r\n new RegExp(`precision ${TWebGLPrecision.high} float`, 'g'),\r\n `precision ${webGLProbe.webGLPrecision} float`\r\n );\r\n }\r\n var vertexShader = gl.createShader(gl.VERTEX_SHADER);\r\n gl.shaderSource(vertexShader, vertexSource);\r\n gl.compileShader(vertexShader);\r\n if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Vertex shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(vertexShader)\r\n );\r\n }\r\n\r\n var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Fragment shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(fragmentShader)\r\n );\r\n }\r\n\r\n var program = gl.createProgram();\r\n gl.attachShader(program, vertexShader);\r\n gl.attachShader(program, fragmentShader);\r\n gl.linkProgram(program);\r\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Shader link error for \"${this.type}\" ' +\r\n gl.getProgramInfoLog(program)\r\n );\r\n }\r\n\r\n var attributeLocations = this.getAttributeLocations(gl, program);\r\n var uniformLocations = this.getUniformLocations(gl, program) || {};\r\n uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW');\r\n uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH');\r\n return {\r\n program: program,\r\n attributeLocations: attributeLocations,\r\n uniformLocations: uniformLocations,\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of attribute names to WebGLAttributeLocation objects.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take attribute locations.\r\n * @returns {Object} A map of attribute names to attribute locations.\r\n */\r\n getAttributeLocations: function (gl, program) {\r\n return {\r\n aPosition: gl.getAttribLocation(program, 'aPosition'),\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of uniform names to WebGLUniformLocation objects.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take uniform locations.\r\n * @returns {Object} A map of uniform names to uniform locations.\r\n */\r\n getUniformLocations: function (/* gl, program */) {\r\n // in case i do not need any special uniform i need to return an empty object\r\n return {};\r\n },\r\n\r\n /**\r\n * Send attribute data from this filter to its shader program on the GPU.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} attributeLocations A map of shader attribute names to their locations.\r\n */\r\n sendAttributeData: function (gl, attributeLocations, aPositionData) {\r\n var attributeLocation = attributeLocations.aPosition;\r\n var buffer = gl.createBuffer();\r\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\r\n gl.enableVertexAttribArray(attributeLocation);\r\n gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0);\r\n gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW);\r\n },\r\n\r\n _setupFrameBuffer: function (options) {\r\n var gl = options.context,\r\n width,\r\n height;\r\n if (options.passes > 1) {\r\n width = options.destinationWidth;\r\n height = options.destinationHeight;\r\n if (\r\n options.sourceWidth !== width ||\r\n options.sourceHeight !== height\r\n ) {\r\n gl.deleteTexture(options.targetTexture);\r\n options.targetTexture = options.filterBackend.createTexture(\r\n gl,\r\n width,\r\n height\r\n );\r\n }\r\n gl.framebufferTexture2D(\r\n gl.FRAMEBUFFER,\r\n gl.COLOR_ATTACHMENT0,\r\n gl.TEXTURE_2D,\r\n options.targetTexture,\r\n 0\r\n );\r\n } else {\r\n // draw last filter on canvas and not to framebuffer.\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, null);\r\n gl.finish();\r\n }\r\n },\r\n\r\n _swapTextures: function (options) {\r\n options.passes--;\r\n options.pass++;\r\n var temp = options.targetTexture;\r\n options.targetTexture = options.sourceTexture;\r\n options.sourceTexture = temp;\r\n },\r\n\r\n /**\r\n * Generic isNeutral implementation for one parameter based filters.\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter )\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (/* options */) {\r\n var main = this.mainParameter,\r\n _class = fabric.Image.filters[this.type].prototype;\r\n if (main) {\r\n if (Array.isArray(_class[main])) {\r\n for (var i = _class[main].length; i--; ) {\r\n if (this[main][i] !== _class[main][i]) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else {\r\n return _class[main] === this[main];\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n if (!options.programCache.hasOwnProperty(this.type)) {\r\n options.programCache[this.type] = this.createProgram(options.context);\r\n }\r\n return options.programCache[this.type];\r\n },\r\n\r\n /**\r\n * Apply this filter using webgl.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.originalTexture The texture of the original input image.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyToWebGL: function (options) {\r\n var gl = options.context;\r\n var shader = this.retrieveShader(options);\r\n if (options.pass === 0 && options.originalTexture) {\r\n gl.bindTexture(gl.TEXTURE_2D, options.originalTexture);\r\n } else {\r\n gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture);\r\n }\r\n gl.useProgram(shader.program);\r\n this.sendAttributeData(\r\n gl,\r\n shader.attributeLocations,\r\n options.aPosition\r\n );\r\n\r\n gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth);\r\n gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight);\r\n\r\n this.sendUniformData(gl, shader.uniformLocations);\r\n gl.viewport(0, 0, options.destinationWidth, options.destinationHeight);\r\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\r\n },\r\n\r\n bindAdditionalTexture: function (gl, texture, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n // reset active texture to 0 as usual\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n unbindAdditionalTexture: function (gl, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n getMainParameter: function () {\r\n return this[this.mainParameter];\r\n },\r\n\r\n setMainParameter: function (value) {\r\n this[this.mainParameter] = value;\r\n },\r\n\r\n /**\r\n * Send uniform data from this filter to its shader program on the GPU.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} uniformLocations A map of shader uniform names to their locations.\r\n */\r\n sendUniformData: function (/* gl, uniformLocations */) {\r\n // Intentionally left blank. Override me in subclasses.\r\n },\r\n\r\n /**\r\n * If needed by a 2d filter, this functions can create an helper canvas to be used\r\n * remember that options.targetCanvas is available for use till end of chain.\r\n */\r\n createHelpLayer: function (options) {\r\n if (!options.helpLayer) {\r\n var helpLayer = document.createElement('canvas');\r\n helpLayer.width = options.sourceWidth;\r\n helpLayer.height = options.sourceHeight;\r\n options.helpLayer = helpLayer;\r\n }\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n var object = { type: this.type },\r\n mainP = this.mainParameter;\r\n if (mainP) {\r\n object[mainP] = this[mainP];\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON: function () {\r\n // delegate, not alias\r\n return this.toObject();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BaseFilter.fromObject = function (object) {\r\n return Promise.resolve(new fabric.Image.filters[object.type](object));\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Matrix filter class\r\n * @class fabric.Image.filters.ColorMatrix\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php}\r\n * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl}\r\n * @example Kodachrome filter\r\n * var filter = new fabric.Image.filters.ColorMatrix({\r\n * matrix: [\r\n 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,\r\n -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,\r\n -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,\r\n 0, 0, 0, 1, 0\r\n ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.ColorMatrix = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.ColorMatrix.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'ColorMatrix',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform mat4 uColorMatrix;\\n' +\r\n 'uniform vec4 uConstants;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color *= uColorMatrix;\\n' +\r\n 'color += uConstants;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Colormatrix for pixels.\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0],\r\n\r\n mainParameter: 'matrix',\r\n\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario\r\n * to save some calculation\r\n * @type Boolean\r\n * @default true\r\n */\r\n colorsOnly: true,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.matrix = this.matrix.slice(0);\r\n },\r\n\r\n /**\r\n * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n m = this.matrix,\r\n r,\r\n g,\r\n b,\r\n a,\r\n i,\r\n colorsOnly = this.colorsOnly;\r\n\r\n for (i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n if (colorsOnly) {\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;\r\n data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;\r\n data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;\r\n } else {\r\n a = data[i + 3];\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255;\r\n data[i + 1] =\r\n r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255;\r\n data[i + 2] =\r\n r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255;\r\n data[i + 3] =\r\n r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'),\r\n uConstants: gl.getUniformLocation(program, 'uConstants'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var m = this.matrix,\r\n matrix = [\r\n m[0],\r\n m[1],\r\n m[2],\r\n m[3],\r\n m[5],\r\n m[6],\r\n m[7],\r\n m[8],\r\n m[10],\r\n m[11],\r\n m[12],\r\n m[13],\r\n m[15],\r\n m[16],\r\n m[17],\r\n m[18],\r\n ],\r\n constants = [m[4], m[9], m[14], m[19]];\r\n gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);\r\n gl.uniform4fv(uniformLocations.uConstants, constants);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.ColorMatrix.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Brightness filter class\r\n * @class fabric.Image.filters.Brightness\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Brightness({\r\n * brightness: 0.05\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Brightness = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Brightness.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Brightness',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBrightness;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += uBrightness;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Brightness value, from -1 to 1.\r\n * translated to -255 to 255 for 2d\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Number} brightness\r\n * @default\r\n */\r\n brightness: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'brightness',\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.brightness === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n brightness = Math.round(this.brightness * 255);\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = data[i] + brightness;\r\n data[i + 1] = data[i + 1] + brightness;\r\n data[i + 2] = data[i + 2] + brightness;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBrightness: gl.getUniformLocation(program, 'uBrightness'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBrightness, this.brightness);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Brightness.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Adapted from html5rocks article\r\n * @class fabric.Image.filters.Convolute\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example Sharpen filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 0, -1, 0,\r\n * -1, 5, -1,\r\n * 0, -1, 0 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Blur filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter with opaqueness\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * opaque: true,\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Convolute = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Convolute.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Convolute',\r\n\r\n /*\r\n * Opaque value (true/false)\r\n */\r\n opaque: false,\r\n\r\n /*\r\n * matrix for the filter, max 9x9\r\n */\r\n matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0],\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource: {\r\n Convolute_3_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_3_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_5_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_5_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_7_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_7_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_9_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_9_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Convolute.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.opaque=false] Opaque value (true/false)\r\n * @param {Array} [options.matrix] Filter matrix\r\n */\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var size = Math.sqrt(this.matrix.length);\r\n var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0);\r\n var shaderSource = this.fragmentSource[cacheKey];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n weights = this.matrix,\r\n side = Math.round(Math.sqrt(weights.length)),\r\n halfSide = Math.floor(side / 2),\r\n sw = imageData.width,\r\n sh = imageData.height,\r\n output = options.ctx.createImageData(sw, sh),\r\n dst = output.data,\r\n // go through the destination image pixels\r\n alphaFac = this.opaque ? 1 : 0,\r\n r,\r\n g,\r\n b,\r\n a,\r\n dstOff,\r\n scx,\r\n scy,\r\n srcOff,\r\n wt,\r\n x,\r\n y,\r\n cx,\r\n cy;\r\n\r\n for (y = 0; y < sh; y++) {\r\n for (x = 0; x < sw; x++) {\r\n dstOff = (y * sw + x) * 4;\r\n // calculate the weighed sum of the source image pixels that\r\n // fall under the convolution matrix\r\n r = 0;\r\n g = 0;\r\n b = 0;\r\n a = 0;\r\n\r\n for (cy = 0; cy < side; cy++) {\r\n for (cx = 0; cx < side; cx++) {\r\n scy = y + cy - halfSide;\r\n scx = x + cx - halfSide;\r\n\r\n // eslint-disable-next-line max-depth\r\n if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) {\r\n continue;\r\n }\r\n\r\n srcOff = (scy * sw + scx) * 4;\r\n wt = weights[cy * side + cx];\r\n\r\n r += data[srcOff] * wt;\r\n g += data[srcOff + 1] * wt;\r\n b += data[srcOff + 2] * wt;\r\n // eslint-disable-next-line max-depth\r\n if (!alphaFac) {\r\n a += data[srcOff + 3] * wt;\r\n }\r\n }\r\n }\r\n dst[dstOff] = r;\r\n dst[dstOff + 1] = g;\r\n dst[dstOff + 2] = b;\r\n if (!alphaFac) {\r\n dst[dstOff + 3] = a;\r\n } else {\r\n dst[dstOff + 3] = data[dstOff + 3];\r\n }\r\n }\r\n }\r\n options.imageData = output;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMatrix: gl.getUniformLocation(program, 'uMatrix'),\r\n uOpaque: gl.getUniformLocation(program, 'uOpaque'),\r\n uHalfSize: gl.getUniformLocation(program, 'uHalfSize'),\r\n uSize: gl.getUniformLocation(program, 'uSize'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1fv(uniformLocations.uMatrix, this.matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n opaque: this.opaque,\r\n matrix: this.matrix,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Convolute.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Grayscale image filter class\r\n * @class fabric.Image.filters.Grayscale\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Grayscale();\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Grayscale = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Grayscale.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Grayscale',\r\n\r\n fragmentSource: {\r\n average:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (color.r + color.b + color.g) / 3.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, color.a);\\n' +\r\n '}',\r\n lightness:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n luminosity:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Grayscale mode, between 'average', 'lightness', 'luminosity'\r\n * @param {String} type\r\n * @default\r\n */\r\n mode: 'average',\r\n\r\n mainParameter: 'mode',\r\n\r\n /**\r\n * Apply the Grayscale operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n value,\r\n mode = this.mode;\r\n for (i = 0; i < len; i += 4) {\r\n if (mode === 'average') {\r\n value = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n } else if (mode === 'lightness') {\r\n value =\r\n (Math.min(data[i], data[i + 1], data[i + 2]) +\r\n Math.max(data[i], data[i + 1], data[i + 2])) /\r\n 2;\r\n } else if (mode === 'luminosity') {\r\n value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2];\r\n }\r\n data[i] = value;\r\n data[i + 1] = value;\r\n data[i + 2] = value;\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var shaderSource = this.fragmentSource[this.mode];\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMode: gl.getUniformLocation(program, 'uMode'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n // default average mode.\r\n var mode = 1;\r\n gl.uniform1i(uniformLocations.uMode, mode);\r\n },\r\n\r\n /**\r\n * Grayscale filter isNeutralState implementation\r\n * The filter is never neutral\r\n * on the image\r\n **/\r\n isNeutralState: function () {\r\n return false;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Grayscale.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Invert filter class\r\n * @class fabric.Image.filters.Invert\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Invert();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Invert = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Invert.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Invert',\r\n\r\n /**\r\n * Invert also alpha.\r\n * @param {Boolean} alpha\r\n * @default\r\n **/\r\n alpha: false,\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uInvert;\\n' +\r\n 'uniform int uAlpha;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if (uInvert == 1) {\\n' +\r\n 'if (uAlpha == 1) {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\\n' +\r\n '}\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * Filter invert. if false, does nothing\r\n * @param {Boolean} invert\r\n * @default\r\n */\r\n invert: true,\r\n\r\n mainParameter: 'invert',\r\n\r\n /**\r\n * Apply the Invert operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length;\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = 255 - data[i];\r\n data[i + 1] = 255 - data[i + 1];\r\n data[i + 2] = 255 - data[i + 2];\r\n\r\n if (this.alpha) {\r\n data[i + 3] = 255 - data[i + 3];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Invert filter isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function () {\r\n return !this.invert;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uInvert: gl.getUniformLocation(program, 'uInvert'),\r\n uAlpha: gl.getUniformLocation(program, 'uAlpha'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1i(uniformLocations.uInvert, this.invert);\r\n gl.uniform1i(uniformLocations.uAlpha, this.alpha);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Invert.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Noise filter class\r\n * @class fabric.Image.filters.Noise\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Noise({\r\n * noise: 700\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Noise = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Noise.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Noise',\r\n\r\n /**\r\n * Fragment source for the noise program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'uniform float uNoise;\\n' +\r\n 'uniform float uSeed;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'float rand(vec2 co, float seed, float vScale) {\\n' +\r\n 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'noise',\r\n\r\n /**\r\n * Noise value, from\r\n * @param {Number} noise\r\n * @default\r\n */\r\n noise: 0,\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.noise === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n noise = this.noise,\r\n rand;\r\n\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n rand = (0.5 - Math.random()) * noise;\r\n\r\n data[i] += rand;\r\n data[i + 1] += rand;\r\n data[i + 2] += rand;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uNoise: gl.getUniformLocation(program, 'uNoise'),\r\n uSeed: gl.getUniformLocation(program, 'uSeed'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uNoise, this.noise / 255);\r\n gl.uniform1f(uniformLocations.uSeed, Math.random());\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n noise: this.noise,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Noise.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Pixelate filter class\r\n * @class fabric.Image.filters.Pixelate\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Pixelate({\r\n * blocksize: 8\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Pixelate = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Pixelate.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Pixelate',\r\n\r\n blocksize: 4,\r\n\r\n mainParameter: 'blocksize',\r\n\r\n /**\r\n * Fragment source for the Pixelate program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBlocksize;\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'float blockW = uBlocksize * uStepW;\\n' +\r\n 'float blockH = uBlocksize * uStepW;\\n' +\r\n 'int posX = int(vTexCoord.x / blockW);\\n' +\r\n 'int posY = int(vTexCoord.y / blockH);\\n' +\r\n 'float fposX = float(posX);\\n' +\r\n 'float fposY = float(posY);\\n' +\r\n 'vec2 squareCoords = vec2(fposX * blockW, fposY * blockH);\\n' +\r\n 'vec4 color = texture2D(uTexture, squareCoords);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = imageData.height,\r\n jLen = imageData.width,\r\n index,\r\n i,\r\n j,\r\n r,\r\n g,\r\n b,\r\n a,\r\n _i,\r\n _j,\r\n _iLen,\r\n _jLen;\r\n\r\n for (i = 0; i < iLen; i += this.blocksize) {\r\n for (j = 0; j < jLen; j += this.blocksize) {\r\n index = i * 4 * jLen + j * 4;\r\n\r\n r = data[index];\r\n g = data[index + 1];\r\n b = data[index + 2];\r\n a = data[index + 3];\r\n\r\n _iLen = Math.min(i + this.blocksize, iLen);\r\n _jLen = Math.min(j + this.blocksize, jLen);\r\n for (_i = i; _i < _iLen; _i++) {\r\n for (_j = j; _j < _jLen; _j++) {\r\n index = _i * 4 * jLen + _j * 4;\r\n data[index] = r;\r\n data[index + 1] = g;\r\n data[index + 2] = b;\r\n data[index + 3] = a;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Indicate when the filter is not gonna apply changes to the image\r\n **/\r\n isNeutralState: function () {\r\n return this.blocksize === 1;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBlocksize: gl.getUniformLocation(program, 'uBlocksize'),\r\n uStepW: gl.getUniformLocation(program, 'uStepW'),\r\n uStepH: gl.getUniformLocation(program, 'uStepH'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBlocksize, this.blocksize);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Pixelate.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Remove white filter class\r\n * @class fabric.Image.filters.RemoveColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.RemoveColor({\r\n * threshold: 0.2,\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.RemoveColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.RemoveColor.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'RemoveColor',\r\n\r\n /**\r\n * Color to remove, in any format understood by fabric.Color.\r\n * @param {String} type\r\n * @default\r\n */\r\n color: '#FFFFFF',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uLow;\\n' +\r\n 'uniform vec4 uHigh;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\\n' +\r\n 'gl_FragColor.a = 0.0;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * distance to actual color, as value up or down from each r,g,b\r\n * between 0 and 1\r\n **/\r\n distance: 0.02,\r\n\r\n /**\r\n * For color to remove inside distance, use alpha channel for a smoother deletion\r\n * NOT IMPLEMENTED YET\r\n **/\r\n useAlpha: false,\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.RemoveWhite.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.color=#RRGGBB] Threshold value\r\n * @param {Number} [options.distance=10] Distance value\r\n */\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n distance = this.distance * 255,\r\n r,\r\n g,\r\n b,\r\n source = new Color(this.color).getSource(),\r\n lowC = [\r\n source[0] - distance,\r\n source[1] - distance,\r\n source[2] - distance,\r\n ],\r\n highC = [\r\n source[0] + distance,\r\n source[1] + distance,\r\n source[2] + distance,\r\n ];\r\n\r\n for (i = 0; i < data.length; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n if (\r\n r > lowC[0] &&\r\n g > lowC[1] &&\r\n b > lowC[2] &&\r\n r < highC[0] &&\r\n g < highC[1] &&\r\n b < highC[2]\r\n ) {\r\n data[i + 3] = 0;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uLow: gl.getUniformLocation(program, 'uLow'),\r\n uHigh: gl.getUniformLocation(program, 'uHigh'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource(),\r\n distance = parseFloat(this.distance),\r\n lowC = [\r\n 0 + source[0] / 255 - distance,\r\n 0 + source[1] / 255 - distance,\r\n 0 + source[2] / 255 - distance,\r\n 1,\r\n ],\r\n highC = [\r\n source[0] / 255 + distance,\r\n source[1] / 255 + distance,\r\n source[2] / 255 + distance,\r\n 1,\r\n ];\r\n gl.uniform4fv(uniformLocations.uLow, lowC);\r\n gl.uniform4fv(uniformLocations.uHigh, highC);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n color: this.color,\r\n distance: this.distance,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.RemoveColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n var matrices = {\r\n Brownie: [\r\n 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0,\r\n -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0,\r\n ],\r\n Vintage: [\r\n 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0,\r\n 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0,\r\n ],\r\n Kodachrome: [\r\n 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0,\r\n 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0,\r\n ],\r\n Technicolor: [\r\n 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0,\r\n -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0,\r\n ],\r\n Polaroid: [\r\n 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016,\r\n 1.483, 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n Sepia: [\r\n 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131,\r\n 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n BlackWhite: [\r\n 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0,\r\n 1, 0,\r\n ],\r\n };\r\n\r\n for (var key in matrices) {\r\n filters[key] = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.Sepia.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: key,\r\n\r\n /**\r\n * Colormatrix for the effect\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: matrices[key],\r\n\r\n /**\r\n * Lock the matrix export for this kind of static, parameter less filters.\r\n */\r\n mainParameter: false,\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha\r\n */\r\n colorsOnly: true,\r\n }\r\n );\r\n fabric.Image.filters[key].fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Blend filter class\r\n * @class fabric.Image.filter.BlendColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blend.prototype */ {\r\n type: 'BlendColor',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n * @type String\r\n * @default\r\n **/\r\n color: '#F95C63',\r\n\r\n /**\r\n * Blend mode for the filter: one of multiply, add, diff, screen, subtract,\r\n * darken, lighten, overlay, exclusion, tint.\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend color operation.\r\n * @type Number\r\n * @default\r\n **/\r\n alpha: 1,\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply: 'gl_FragColor.rgb *= uColor.rgb;\\n',\r\n screen:\r\n 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\\n',\r\n add: 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\\n',\r\n subtract: 'gl_FragColor.rgb -= uColor.rgb;\\n',\r\n lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\\n',\r\n darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\\n',\r\n exclusion:\r\n 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\\n',\r\n overlay:\r\n 'if (uColor.r < 0.5) {\\n' +\r\n 'gl_FragColor.r *= 2.0 * uColor.r;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\\n' +\r\n '}\\n' +\r\n 'if (uColor.g < 0.5) {\\n' +\r\n 'gl_FragColor.g *= 2.0 * uColor.g;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\\n' +\r\n '}\\n' +\r\n 'if (uColor.b < 0.5) {\\n' +\r\n 'gl_FragColor.b *= 2.0 * uColor.b;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\\n' +\r\n '}\\n',\r\n tint:\r\n 'gl_FragColor.rgb *= (1.0 - uColor.a);\\n' +\r\n 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n },\r\n\r\n /**\r\n * build the fragment source for the filters, joining the common part with\r\n * the specific one.\r\n * @param {String} mode the mode of the filter, a key of this.fragmentSource\r\n * @return {String} the source to be compiled\r\n * @private\r\n */\r\n buildSource: function (mode) {\r\n return (\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'if (color.a > 0.0) {\\n' +\r\n this.fragmentSource[mode] +\r\n '}\\n' +\r\n '}'\r\n );\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode,\r\n shaderSource;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n shaderSource = this.buildSource(this.mode);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n tr,\r\n tg,\r\n tb,\r\n r,\r\n g,\r\n b,\r\n source,\r\n alpha1 = 1 - this.alpha;\r\n\r\n source = new Color(this.color).getSource();\r\n tr = source[0] * this.alpha;\r\n tg = source[1] * this.alpha;\r\n tb = source[2] * this.alpha;\r\n\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n break;\r\n case 'screen':\r\n data[i] = 255 - ((255 - r) * (255 - tr)) / 255;\r\n data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255;\r\n data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'add':\r\n data[i] = r + tr;\r\n data[i + 1] = g + tg;\r\n data[i + 2] = b + tb;\r\n break;\r\n case 'diff':\r\n case 'difference':\r\n data[i] = Math.abs(r - tr);\r\n data[i + 1] = Math.abs(g - tg);\r\n data[i + 2] = Math.abs(b - tb);\r\n break;\r\n case 'subtract':\r\n data[i] = r - tr;\r\n data[i + 1] = g - tg;\r\n data[i + 2] = b - tb;\r\n break;\r\n case 'darken':\r\n data[i] = Math.min(r, tr);\r\n data[i + 1] = Math.min(g, tg);\r\n data[i + 2] = Math.min(b, tb);\r\n break;\r\n case 'lighten':\r\n data[i] = Math.max(r, tr);\r\n data[i + 1] = Math.max(g, tg);\r\n data[i + 2] = Math.max(b, tb);\r\n break;\r\n case 'overlay':\r\n data[i] =\r\n tr < 128\r\n ? (2 * r * tr) / 255\r\n : 255 - (2 * (255 - r) * (255 - tr)) / 255;\r\n data[i + 1] =\r\n tg < 128\r\n ? (2 * g * tg) / 255\r\n : 255 - (2 * (255 - g) * (255 - tg)) / 255;\r\n data[i + 2] =\r\n tb < 128\r\n ? (2 * b * tb) / 255\r\n : 255 - (2 * (255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'exclusion':\r\n data[i] = tr + r - (2 * tr * r) / 255;\r\n data[i + 1] = tg + g - (2 * tg * g) / 255;\r\n data[i + 2] = tb + b - (2 * tb * b) / 255;\r\n break;\r\n case 'tint':\r\n data[i] = tr + r * alpha1;\r\n data[i + 1] = tg + g * alpha1;\r\n data[i + 2] = tb + b * alpha1;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColor: gl.getUniformLocation(program, 'uColor'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource();\r\n source[0] = (this.alpha * source[0]) / 255;\r\n source[1] = (this.alpha * source[1]) / 255;\r\n source[2] = (this.alpha * source[2]) / 255;\r\n source[3] = this.alpha;\r\n gl.uniform4fv(uniformLocations.uColor, source);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n color: this.color,\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Image Blend filter class\r\n * @class fabric.Image.filter.BlendImage\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendImage = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.BlendImage.prototype */ {\r\n type: 'BlendImage',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n **/\r\n image: null,\r\n\r\n /**\r\n * Blend mode for the filter (one of \"multiply\", \"mask\")\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend image operation.\r\n * not implemented.\r\n **/\r\n alpha: 1,\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'uniform mat3 uTransformMatrix;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.rgba *= color2.rgba;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n mask:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.a = color2.a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n var shaderSource = this.fragmentSource[this.mode];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n applyToWebGL: function (options) {\r\n // load texture to blend.\r\n var gl = options.context,\r\n texture = this.createTexture(options.filterBackend, this.image);\r\n this.bindAdditionalTexture(gl, texture, gl.TEXTURE1);\r\n this.callSuper('applyToWebGL', options);\r\n this.unbindAdditionalTexture(gl, gl.TEXTURE1);\r\n },\r\n\r\n createTexture: function (backend, image) {\r\n return backend.getCachedTexture(image.cacheKey, image._element);\r\n },\r\n\r\n /**\r\n * Calculate a transformMatrix to adapt the image to blend over\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n calculateMatrix: function () {\r\n var image = this.image,\r\n width = image._element.width,\r\n height = image._element.height;\r\n return [\r\n 1 / image.scaleX,\r\n 0,\r\n 0,\r\n 0,\r\n 1 / image.scaleY,\r\n 0,\r\n -image.left / width,\r\n -image.top / height,\r\n 1,\r\n ];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n resources = options.filterBackend.resources,\r\n data = imageData.data,\r\n iLen = data.length,\r\n width = imageData.width,\r\n height = imageData.height,\r\n tr,\r\n tg,\r\n tb,\r\n ta,\r\n r,\r\n g,\r\n b,\r\n a,\r\n canvas1,\r\n context,\r\n image = this.image,\r\n blendData;\r\n\r\n if (!resources.blendImage) {\r\n resources.blendImage = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blendImage;\r\n context = canvas1.getContext('2d');\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas1.width = width;\r\n canvas1.height = height;\r\n } else {\r\n context.clearRect(0, 0, width, height);\r\n }\r\n context.setTransform(\r\n image.scaleX,\r\n 0,\r\n 0,\r\n image.scaleY,\r\n image.left,\r\n image.top\r\n );\r\n context.drawImage(image._element, 0, 0, width, height);\r\n blendData = context.getImageData(0, 0, width, height).data;\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n a = data[i + 3];\r\n\r\n tr = blendData[i];\r\n tg = blendData[i + 1];\r\n tb = blendData[i + 2];\r\n ta = blendData[i + 3];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n data[i + 3] = (a * ta) / 255;\r\n break;\r\n case 'mask':\r\n data[i + 3] = ta;\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'),\r\n uImage: gl.getUniformLocation(program, 'uImage'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var matrix = this.calculateMatrix();\r\n gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.\r\n gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n image: this.image && this.image.toObject(),\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {object} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendImage.fromObject = function (object, options) {\r\n return fabric.Image.fromObject(object.image, options).then(function (\r\n image\r\n ) {\r\n return new fabric.Image.filters.BlendImage(\r\n Object.assign({}, object, { image: image })\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n pow = Math.pow,\r\n floor = Math.floor,\r\n sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n round = Math.round,\r\n sin = Math.sin,\r\n ceil = Math.ceil,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Resize image filter class\r\n * @class fabric.Image.filters.Resize\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Resize();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Resize = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Resize.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Resize',\r\n\r\n /**\r\n * Resize type\r\n * for webgl resizeType is just lanczos, for canvas2d can be:\r\n * bilinear, hermite, sliceHack, lanczos.\r\n * @param {String} resizeType\r\n * @default\r\n */\r\n resizeType: 'hermite',\r\n\r\n /**\r\n * Scale factor for resizing, x axis\r\n * @param {Number} scaleX\r\n * @default\r\n */\r\n scaleX: 1,\r\n\r\n /**\r\n * Scale factor for resizing, y axis\r\n * @param {Number} scaleY\r\n * @default\r\n */\r\n scaleY: 1,\r\n\r\n /**\r\n * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos\r\n * @param {Number} lanczosLobes\r\n * @default\r\n */\r\n lanczosLobes: 3,\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uDelta: gl.getUniformLocation(program, 'uDelta'),\r\n uTaps: gl.getUniformLocation(program, 'uTaps'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform2fv(\r\n uniformLocations.uDelta,\r\n this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]\r\n );\r\n gl.uniform1fv(uniformLocations.uTaps, this.taps);\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var filterWindow = this.getFilterWindow(),\r\n cacheKey = this.type + '_' + filterWindow;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var fragmentShader = this.generateShader(filterWindow);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n fragmentShader\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n getFilterWindow: function () {\r\n var scale = this.tempScale;\r\n return Math.ceil(this.lanczosLobes / scale);\r\n },\r\n\r\n getTaps: function () {\r\n var lobeFunction = this.lanczosCreate(this.lanczosLobes),\r\n scale = this.tempScale,\r\n filterWindow = this.getFilterWindow(),\r\n taps = new Array(filterWindow);\r\n for (var i = 1; i <= filterWindow; i++) {\r\n taps[i - 1] = lobeFunction(i * scale);\r\n }\r\n return taps;\r\n },\r\n\r\n /**\r\n * Generate vertex and shader sources from the necessary steps numbers\r\n * @param {Number} filterWindow\r\n */\r\n generateShader: function (filterWindow) {\r\n var offsets = new Array(filterWindow),\r\n fragmentShader = this.fragmentSourceTOP,\r\n filterWindow;\r\n\r\n for (var i = 1; i <= filterWindow; i++) {\r\n offsets[i - 1] = i + '.0 * uDelta';\r\n }\r\n\r\n fragmentShader += 'uniform float uTaps[' + filterWindow + '];\\n';\r\n fragmentShader += 'void main() {\\n';\r\n fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\\n';\r\n fragmentShader += ' float sum = 1.0;\\n';\r\n\r\n offsets.forEach(function (offset, i) {\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord + ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord - ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\\n';\r\n });\r\n fragmentShader += ' gl_FragColor = color / sum;\\n';\r\n fragmentShader += '}';\r\n return fragmentShader;\r\n },\r\n\r\n fragmentSourceTOP:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n',\r\n\r\n /**\r\n * Apply the resize filter to the image\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n options.passes++;\r\n this.width = options.sourceWidth;\r\n this.horizontal = true;\r\n this.dW = Math.round(this.width * this.scaleX);\r\n this.dH = options.sourceHeight;\r\n this.tempScale = this.dW / this.width;\r\n this.taps = this.getTaps();\r\n options.destinationWidth = this.dW;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceWidth = options.destinationWidth;\r\n\r\n this.height = options.sourceHeight;\r\n this.horizontal = false;\r\n this.dH = Math.round(this.height * this.scaleY);\r\n this.tempScale = this.dH / this.height;\r\n this.taps = this.getTaps();\r\n options.destinationHeight = this.dH;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceHeight = options.destinationHeight;\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n isNeutralState: function () {\r\n return this.scaleX === 1 && this.scaleY === 1;\r\n },\r\n\r\n lanczosCreate: function (lobes) {\r\n return function (x) {\r\n if (x >= lobes || x <= -lobes) {\r\n return 0.0;\r\n }\r\n if (x < 1.1920929e-7 && x > -1.1920929e-7) {\r\n return 1.0;\r\n }\r\n x *= Math.PI;\r\n var xx = x / lobes;\r\n return ((sin(x) / x) * sin(xx)) / xx;\r\n };\r\n },\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @memberOf fabric.Image.filters.Resize.prototype\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} scaleX\r\n * @param {Number} scaleY\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n scaleX = this.scaleX,\r\n scaleY = this.scaleY;\r\n\r\n this.rcpScaleX = 1 / scaleX;\r\n this.rcpScaleY = 1 / scaleY;\r\n\r\n var oW = imageData.width,\r\n oH = imageData.height,\r\n dW = round(oW * scaleX),\r\n dH = round(oH * scaleY),\r\n newData;\r\n\r\n if (this.resizeType === 'sliceHack') {\r\n newData = this.sliceByTwo(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'hermite') {\r\n newData = this.hermiteFastResize(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'bilinear') {\r\n newData = this.bilinearFiltering(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'lanczos') {\r\n newData = this.lanczosResize(options, oW, oH, dW, dH);\r\n }\r\n options.imageData = newData;\r\n },\r\n\r\n /**\r\n * Filter sliceByTwo\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n sliceByTwo: function (options, oW, oH, dW, dH) {\r\n var imageData = options.imageData,\r\n mult = 0.5,\r\n doneW = false,\r\n doneH = false,\r\n stepW = oW * mult,\r\n stepH = oH * mult,\r\n resources = fabric.filterBackend.resources,\r\n tmpCanvas,\r\n ctx,\r\n sX = 0,\r\n sY = 0,\r\n dX = oW,\r\n dY = 0;\r\n if (!resources.sliceByTwo) {\r\n resources.sliceByTwo = document.createElement('canvas');\r\n }\r\n tmpCanvas = resources.sliceByTwo;\r\n if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) {\r\n tmpCanvas.width = oW * 1.5;\r\n tmpCanvas.height = oH;\r\n }\r\n ctx = tmpCanvas.getContext('2d');\r\n ctx.clearRect(0, 0, oW * 1.5, oH);\r\n ctx.putImageData(imageData, 0, 0);\r\n\r\n dW = floor(dW);\r\n dH = floor(dH);\r\n\r\n while (!doneW || !doneH) {\r\n oW = stepW;\r\n oH = stepH;\r\n if (dW < floor(stepW * mult)) {\r\n stepW = floor(stepW * mult);\r\n } else {\r\n stepW = dW;\r\n doneW = true;\r\n }\r\n if (dH < floor(stepH * mult)) {\r\n stepH = floor(stepH * mult);\r\n } else {\r\n stepH = dH;\r\n doneH = true;\r\n }\r\n ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH);\r\n sX = dX;\r\n sY = dY;\r\n dY += stepH;\r\n }\r\n return ctx.getImageData(sX, sY, dW, dH);\r\n },\r\n\r\n /**\r\n * Filter lanczosResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n lanczosResize: function (options, oW, oH, dW, dH) {\r\n function process(u) {\r\n var v, i, weight, idx, a, red, green, blue, alpha, fX, fY;\r\n center.x = (u + 0.5) * ratioX;\r\n icenter.x = floor(center.x);\r\n for (v = 0; v < dH; v++) {\r\n center.y = (v + 0.5) * ratioY;\r\n icenter.y = floor(center.y);\r\n a = 0;\r\n red = 0;\r\n green = 0;\r\n blue = 0;\r\n alpha = 0;\r\n for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) {\r\n if (i < 0 || i >= oW) {\r\n continue;\r\n }\r\n fX = floor(1000 * abs(i - center.x));\r\n if (!cacheLanc[fX]) {\r\n cacheLanc[fX] = {};\r\n }\r\n for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) {\r\n if (j < 0 || j >= oH) {\r\n continue;\r\n }\r\n fY = floor(1000 * abs(j - center.y));\r\n if (!cacheLanc[fX][fY]) {\r\n cacheLanc[fX][fY] = lanczos(\r\n sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000\r\n );\r\n }\r\n weight = cacheLanc[fX][fY];\r\n if (weight > 0) {\r\n idx = (j * oW + i) * 4;\r\n a += weight;\r\n red += weight * srcData[idx];\r\n green += weight * srcData[idx + 1];\r\n blue += weight * srcData[idx + 2];\r\n alpha += weight * srcData[idx + 3];\r\n }\r\n }\r\n }\r\n idx = (v * dW + u) * 4;\r\n destData[idx] = red / a;\r\n destData[idx + 1] = green / a;\r\n destData[idx + 2] = blue / a;\r\n destData[idx + 3] = alpha / a;\r\n }\r\n\r\n if (++u < dW) {\r\n return process(u);\r\n } else {\r\n return destImg;\r\n }\r\n }\r\n\r\n var srcData = options.imageData.data,\r\n destImg = options.ctx.createImageData(dW, dH),\r\n destData = destImg.data,\r\n lanczos = this.lanczosCreate(this.lanczosLobes),\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n rcpRatioX = 2 / this.rcpScaleX,\r\n rcpRatioY = 2 / this.rcpScaleY,\r\n range2X = ceil((ratioX * this.lanczosLobes) / 2),\r\n range2Y = ceil((ratioY * this.lanczosLobes) / 2),\r\n cacheLanc = {},\r\n center = {},\r\n icenter = {};\r\n\r\n return process(0);\r\n },\r\n\r\n /**\r\n * bilinearFiltering\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n bilinearFiltering: function (options, oW, oH, dW, dH) {\r\n var a,\r\n b,\r\n c,\r\n d,\r\n x,\r\n y,\r\n i,\r\n j,\r\n xDiff,\r\n yDiff,\r\n chnl,\r\n color,\r\n offset = 0,\r\n origPix,\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n w4 = 4 * (oW - 1),\r\n img = options.imageData,\r\n pixels = img.data,\r\n destImage = options.ctx.createImageData(dW, dH),\r\n destPixels = destImage.data;\r\n for (i = 0; i < dH; i++) {\r\n for (j = 0; j < dW; j++) {\r\n x = floor(ratioX * j);\r\n y = floor(ratioY * i);\r\n xDiff = ratioX * j - x;\r\n yDiff = ratioY * i - y;\r\n origPix = 4 * (y * oW + x);\r\n\r\n for (chnl = 0; chnl < 4; chnl++) {\r\n a = pixels[origPix + chnl];\r\n b = pixels[origPix + 4 + chnl];\r\n c = pixels[origPix + w4 + chnl];\r\n d = pixels[origPix + w4 + 4 + chnl];\r\n color =\r\n a * (1 - xDiff) * (1 - yDiff) +\r\n b * xDiff * (1 - yDiff) +\r\n c * yDiff * (1 - xDiff) +\r\n d * xDiff * yDiff;\r\n destPixels[offset++] = color;\r\n }\r\n }\r\n }\r\n return destImage;\r\n },\r\n\r\n /**\r\n * hermiteFastResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n hermiteFastResize: function (options, oW, oH, dW, dH) {\r\n var ratioW = this.rcpScaleX,\r\n ratioH = this.rcpScaleY,\r\n ratioWHalf = ceil(ratioW / 2),\r\n ratioHHalf = ceil(ratioH / 2),\r\n img = options.imageData,\r\n data = img.data,\r\n img2 = options.ctx.createImageData(dW, dH),\r\n data2 = img2.data;\r\n for (var j = 0; j < dH; j++) {\r\n for (var i = 0; i < dW; i++) {\r\n var x2 = (i + j * dW) * 4,\r\n weight = 0,\r\n weights = 0,\r\n weightsAlpha = 0,\r\n gxR = 0,\r\n gxG = 0,\r\n gxB = 0,\r\n gxA = 0,\r\n centerY = (j + 0.5) * ratioH;\r\n for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) {\r\n var dy = abs(centerY - (yy + 0.5)) / ratioHHalf,\r\n centerX = (i + 0.5) * ratioW,\r\n w0 = dy * dy;\r\n for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) {\r\n var dx = abs(centerX - (xx + 0.5)) / ratioWHalf,\r\n w = sqrt(w0 + dx * dx);\r\n /* eslint-disable max-depth */\r\n if (w > 1 && w < -1) {\r\n continue;\r\n }\r\n //hermite filter\r\n weight = 2 * w * w * w - 3 * w * w + 1;\r\n if (weight > 0) {\r\n dx = 4 * (xx + yy * oW);\r\n //alpha\r\n gxA += weight * data[dx + 3];\r\n weightsAlpha += weight;\r\n //colors\r\n if (data[dx + 3] < 255) {\r\n weight = (weight * data[dx + 3]) / 250;\r\n }\r\n gxR += weight * data[dx];\r\n gxG += weight * data[dx + 1];\r\n gxB += weight * data[dx + 2];\r\n weights += weight;\r\n }\r\n /* eslint-enable max-depth */\r\n }\r\n }\r\n data2[x2] = gxR / weights;\r\n data2[x2 + 1] = gxG / weights;\r\n data2[x2 + 2] = gxB / weights;\r\n data2[x2 + 3] = gxA / weightsAlpha;\r\n }\r\n }\r\n return img2;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n resizeType: this.resizeType,\r\n lanczosLobes: this.lanczosLobes,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Resize.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Contrast filter class\r\n * @class fabric.Image.filters.Contrast\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Contrast({\r\n * contrast: 0.25\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Contrast = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Contrast.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Contrast',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uContrast;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\\n' +\r\n 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * contrast value, range from -1 to 1.\r\n * @param {Number} contrast\r\n * @default 0\r\n */\r\n contrast: 0,\r\n\r\n mainParameter: 'contrast',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Contrast.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Contrast operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.contrast === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n i,\r\n len,\r\n data = imageData.data,\r\n len = data.length,\r\n contrast = Math.floor(this.contrast * 255),\r\n contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast));\r\n\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = contrastF * (data[i] - 128) + 128;\r\n data[i + 1] = contrastF * (data[i + 1] - 128) + 128;\r\n data[i + 2] = contrastF * (data[i + 2] - 128) + 128;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uContrast: gl.getUniformLocation(program, 'uContrast'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uContrast, this.contrast);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Contrast.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Saturate filter class\r\n * @class fabric.Image.filters.Saturation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Saturation({\r\n * saturation: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Saturation = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Saturation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Saturation',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uSaturation;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float rgMax = max(color.r, color.g);\\n' +\r\n 'float rgbMax = max(rgMax, color.b);\\n' +\r\n 'color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\\n' +\r\n 'color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\\n' +\r\n 'color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Saturation value, from -1 to 1.\r\n * Increases/decreases the color saturation.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} saturation\r\n * @default\r\n */\r\n saturation: 0,\r\n\r\n mainParameter: 'saturation',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Saturate.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.saturate=0] Value to saturate the image (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.saturation === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.saturation,\r\n i,\r\n max;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n data[i] += max !== data[i] ? (max - data[i]) * adjust : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uSaturation: gl.getUniformLocation(program, 'uSaturation'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uSaturation, -this.saturation);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Saturation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Vibrance filter class\r\n * @class fabric.Image.filters.Vibrance\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Vibrance({\r\n * vibrance: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Vibrance = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Vibrance.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Vibrance',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uVibrance;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float max = max(color.r, max(color.g, color.b));\\n' +\r\n 'float avg = (color.r + color.g + color.b) / 3.0;\\n' +\r\n 'float amt = (abs(max - avg) * 2.0) * uVibrance;\\n' +\r\n 'color.r += max != color.r ? (max - color.r) * amt : 0.00;\\n' +\r\n 'color.g += max != color.g ? (max - color.g) * amt : 0.00;\\n' +\r\n 'color.b += max != color.b ? (max - color.b) * amt : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Vibrance value, from -1 to 1.\r\n * Increases/decreases the saturation of more muted colors with less effect on saturated colors.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} vibrance\r\n * @default\r\n */\r\n vibrance: 0,\r\n\r\n mainParameter: 'vibrance',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Vibrance.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1)\r\n */\r\n\r\n /**\r\n * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.vibrance === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.vibrance,\r\n i,\r\n max,\r\n avg,\r\n amt;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n avg = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n amt = ((Math.abs(max - avg) * 2) / 255) * adjust;\r\n data[i] += max !== data[i] ? (max - data[i]) * amt : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uVibrance: gl.getUniformLocation(program, 'uVibrance'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uVibrance, -this.vibrance);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Vibrance.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Blur filter class\r\n * @class fabric.Image.filters.Blur\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Blur({\r\n * blur: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Blur = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blur.prototype */ {\r\n type: 'Blur',\r\n\r\n /*\r\n'gl_FragColor = vec4(0.0);',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;',\r\n*/\r\n\r\n /* eslint-disable max-len */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'const float nSamples = 15.0;\\n' +\r\n 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\\n' +\r\n 'float random(vec3 scale) {\\n' +\r\n /* use the fragment position for a different seed per-pixel */\r\n 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0.0);\\n' +\r\n 'float total = 0.0;\\n' +\r\n 'float offset = random(v3offset);\\n' +\r\n 'for (float t = -nSamples; t <= nSamples; t++) {\\n' +\r\n 'float percent = (t + offset - 0.5) / nSamples;\\n' +\r\n 'float weight = 1.0 - abs(percent);\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\\n' +\r\n 'total += weight;\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color / total;\\n' +\r\n '}',\r\n /* eslint-enable max-len */\r\n\r\n /**\r\n * blur value, in percentage of image dimensions.\r\n * specific to keep the image blur constant at different resolutions\r\n * range between 0 and 1.\r\n * @type Number\r\n * @default\r\n */\r\n blur: 0,\r\n\r\n mainParameter: 'blur',\r\n\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n // this aspectRatio is used to give the same blur to vertical and horizontal\r\n this.aspectRatio = options.sourceWidth / options.sourceHeight;\r\n options.passes++;\r\n this._setupFrameBuffer(options);\r\n this.horizontal = true;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n this._setupFrameBuffer(options);\r\n this.horizontal = false;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n applyTo2d: function (options) {\r\n // paint canvasEl with current image data.\r\n //options.ctx.putImageData(options.imageData, 0, 0);\r\n options.imageData = this.simpleBlur(options);\r\n },\r\n\r\n simpleBlur: function (options) {\r\n var resources = options.filterBackend.resources,\r\n canvas1,\r\n canvas2,\r\n width = options.imageData.width,\r\n height = options.imageData.height;\r\n\r\n if (!resources.blurLayer1) {\r\n resources.blurLayer1 = fabric.util.createCanvasElement();\r\n resources.blurLayer2 = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blurLayer1;\r\n canvas2 = resources.blurLayer2;\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas2.width = canvas1.width = width;\r\n canvas2.height = canvas1.height = height;\r\n }\r\n var ctx1 = canvas1.getContext('2d'),\r\n ctx2 = canvas2.getContext('2d'),\r\n nSamples = 15,\r\n random,\r\n percent,\r\n j,\r\n i,\r\n blur = this.blur * 0.06 * 0.5;\r\n\r\n // load first canvas\r\n ctx1.putImageData(options.imageData, 0, 0);\r\n ctx2.clearRect(0, 0, width, height);\r\n\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * width + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, j, random);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * height + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, random, j);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n options.ctx.drawImage(canvas1, 0, 0);\r\n var newImageData = options.ctx.getImageData(\r\n 0,\r\n 0,\r\n canvas1.width,\r\n canvas1.height\r\n );\r\n ctx1.globalAlpha = 1;\r\n ctx1.clearRect(0, 0, canvas1.width, canvas1.height);\r\n return newImageData;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n delta: gl.getUniformLocation(program, 'uDelta'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var delta = this.chooseRightDelta();\r\n gl.uniform2fv(uniformLocations.delta, delta);\r\n },\r\n\r\n /**\r\n * choose right value of image percentage to blur with\r\n * @returns {Array} a numeric array with delta values\r\n */\r\n chooseRightDelta: function () {\r\n var blurScale = 1,\r\n delta = [0, 0],\r\n blur;\r\n if (this.horizontal) {\r\n if (this.aspectRatio > 1) {\r\n // image is wide, i want to shrink radius horizontal\r\n blurScale = 1 / this.aspectRatio;\r\n }\r\n } else {\r\n if (this.aspectRatio < 1) {\r\n // image is tall, i want to shrink radius vertical\r\n blurScale = this.aspectRatio;\r\n }\r\n }\r\n blur = blurScale * this.blur * 0.12;\r\n if (this.horizontal) {\r\n delta[0] = blur;\r\n } else {\r\n delta[1] = blur;\r\n }\r\n return delta;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Gamma filter class\r\n * @class fabric.Image.filters.Gamma\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Gamma({\r\n * gamma: [1, 0.5, 2.1]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Gamma = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Gamma.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Gamma',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec3 uGamma;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec3 correction = (1.0 / uGamma);\\n' +\r\n 'color.r = pow(color.r, correction.r);\\n' +\r\n 'color.g = pow(color.g, correction.g);\\n' +\r\n 'color.b = pow(color.b, correction.b);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.rgb *= color.a;\\n' +\r\n '}',\r\n\r\n /**\r\n * Gamma array value, from 0.01 to 2.2.\r\n * @param {Array} gamma\r\n * @default\r\n */\r\n gamma: [1, 1, 1],\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'gamma',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.gamma = [1, 1, 1];\r\n filters.BaseFilter.prototype.initialize.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply the Gamma operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n gamma = this.gamma,\r\n len = data.length,\r\n rInv = 1 / gamma[0],\r\n gInv = 1 / gamma[1],\r\n bInv = 1 / gamma[2],\r\n i;\r\n\r\n if (!this.rVals) {\r\n // eslint-disable-next-line\r\n this.rVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.gVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.bVals = new Uint8Array(256);\r\n }\r\n\r\n // This is an optimization - pre-compute a look-up table for each color channel\r\n // instead of performing these pow calls for each pixel in the image.\r\n for (i = 0, len = 256; i < len; i++) {\r\n this.rVals[i] = Math.pow(i / 255, rInv) * 255;\r\n this.gVals[i] = Math.pow(i / 255, gInv) * 255;\r\n this.bVals[i] = Math.pow(i / 255, bInv) * 255;\r\n }\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n data[i] = this.rVals[data[i]];\r\n data[i + 1] = this.gVals[data[i + 1]];\r\n data[i + 2] = this.bVals[data[i + 2]];\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uGamma: gl.getUniformLocation(program, 'uGamma'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform3fv(uniformLocations.uGamma, this.gamma);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Gamma.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * A container class that knows how to apply a sequence of filters to an input image.\r\n */\r\n filters.Composed = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Composed.prototype */ {\r\n type: 'Composed',\r\n\r\n /**\r\n * A non sparse array of filters to apply\r\n */\r\n subFilters: [],\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.subFilters = this.subFilters.slice(0);\r\n },\r\n\r\n /**\r\n * Apply this container's filters to the input image provided.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be applied.\r\n */\r\n applyTo: function (options) {\r\n options.passes += this.subFilters.length - 1;\r\n this.subFilters.forEach(function (filter) {\r\n filter.applyTo(options);\r\n });\r\n },\r\n\r\n /**\r\n * Serialize this filter into JSON.\r\n *\r\n * @returns {Object} A JSON representation of this filter.\r\n */\r\n toObject: function () {\r\n return fabric.util.object.extend(this.callSuper('toObject'), {\r\n subFilters: this.subFilters.map(function (filter) {\r\n return filter.toObject();\r\n }),\r\n });\r\n },\r\n\r\n isNeutralState: function () {\r\n return !this.subFilters.some(function (filter) {\r\n return !filter.isNeutralState();\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Deserialize a JSON definition of a ComposedFilter into a concrete instance.\r\n * @static\r\n * @param {oject} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Composed.fromObject = function (object, options) {\r\n var filters = object.subFilters || [];\r\n return Promise.all(\r\n filters.map(function (filter) {\r\n return fabric.Image.filters[filter.type].fromObject(filter, options);\r\n })\r\n ).then(function (enlivedFilters) {\r\n return new fabric.Image.filters.Composed({ subFilters: enlivedFilters });\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * HueRotation filter class\r\n * @class fabric.Image.filters.HueRotation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.HueRotation({\r\n * rotation: -0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.HueRotation = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.HueRotation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'HueRotation',\r\n\r\n /**\r\n * HueRotation value, from -1 to 1.\r\n * the unit is radians\r\n * @param {Number} myParameter\r\n * @default\r\n */\r\n rotation: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'rotation',\r\n\r\n calculateMatrix: function () {\r\n var rad = this.rotation * Math.PI,\r\n cos = fabric.util.cos(rad),\r\n sin = fabric.util.sin(rad),\r\n aThird = 1 / 3,\r\n aThirdSqtSin = Math.sqrt(aThird) * sin,\r\n OneMinusCos = 1 - cos;\r\n this.matrix = [\r\n 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0,\r\n ];\r\n this.matrix[0] = cos + OneMinusCos / 3;\r\n this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[6] = cos + aThird * OneMinusCos;\r\n this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[12] = cos + aThird * OneMinusCos;\r\n },\r\n\r\n /**\r\n * HueRotation isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (options) {\r\n this.calculateMatrix();\r\n return filters.BaseFilter.prototype.isNeutralState.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n this.calculateMatrix();\r\n filters.BaseFilter.prototype.applyTo.call(this, options);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.HueRotation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { cache } from '../cache';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n var additionalProps = (\r\n 'fontFamily fontWeight fontSize text underline overline linethrough' +\r\n ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' +\r\n ' direction path pathStartOffset pathSide pathAlign'\r\n ).split(' ');\r\n\r\n /**\r\n * Text class\r\n * @class fabric.Text\r\n * @extends fabric.Object\r\n * @return {fabric.Text} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text}\r\n * @see {@link fabric.Text#initialize} for constructor definition\r\n */\r\n fabric.Text = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Text.prototype */ {\r\n /**\r\n * Properties which when set cause object to change dimensions\r\n * @type Array\r\n * @private\r\n */\r\n _dimensionAffectingProps: [\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontFamily',\r\n 'fontStyle',\r\n 'lineHeight',\r\n 'text',\r\n 'charSpacing',\r\n 'textAlign',\r\n 'styles',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n ],\r\n\r\n /**\r\n * @private\r\n */\r\n _reNewline: /\\r?\\n/,\r\n\r\n /**\r\n * Use this regular expression to filter for whitespaces that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpacesAndTabs: /[ \\t\\r]/g,\r\n\r\n /**\r\n * Use this regular expression to filter for whitespace that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpaceAndTab: /[ \\t\\r]/,\r\n\r\n /**\r\n * Use this regular expression to filter consecutive groups of non spaces.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reWords: /\\S+/g,\r\n\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'text',\r\n\r\n /**\r\n * Font size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n fontSize: 40,\r\n\r\n /**\r\n * Font weight (e.g. bold, normal, 400, 600, 800)\r\n * @type {(Number|String)}\r\n * @default\r\n */\r\n fontWeight: 'normal',\r\n\r\n /**\r\n * Font family\r\n * @type String\r\n * @default\r\n */\r\n fontFamily: 'Times New Roman',\r\n\r\n /**\r\n * Text decoration underline.\r\n * @type Boolean\r\n * @default\r\n */\r\n underline: false,\r\n\r\n /**\r\n * Text decoration overline.\r\n * @type Boolean\r\n * @default\r\n */\r\n overline: false,\r\n\r\n /**\r\n * Text decoration linethrough.\r\n * @type Boolean\r\n * @default\r\n */\r\n linethrough: false,\r\n\r\n /**\r\n * Text alignment. Possible values: \"left\", \"center\", \"right\", \"justify\",\r\n * \"justify-left\", \"justify-center\" or \"justify-right\".\r\n * @type String\r\n * @default\r\n */\r\n textAlign: 'left',\r\n\r\n /**\r\n * Font style . Possible values: \"\", \"normal\", \"italic\" or \"oblique\".\r\n * @type String\r\n * @default\r\n */\r\n fontStyle: 'normal',\r\n\r\n /**\r\n * Line height\r\n * @type Number\r\n * @default\r\n */\r\n lineHeight: 1.16,\r\n\r\n /**\r\n * Superscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n superscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: -0.35, // baseline-shift factor (upwards)\r\n },\r\n\r\n /**\r\n * Subscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n subscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: 0.11, // baseline-shift factor (downwards)\r\n },\r\n\r\n /**\r\n * Background color of text lines\r\n * @type String\r\n * @default\r\n */\r\n textBackgroundColor: '',\r\n\r\n /**\r\n * List of properties to consider when checking if\r\n * state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties:\r\n fabric.Object.prototype.stateProperties.concat(additionalProps),\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * @type Array\r\n */\r\n cacheProperties:\r\n fabric.Object.prototype.cacheProperties.concat(additionalProps),\r\n\r\n /**\r\n * When defined, an object is rendered via stroke and this property specifies its color.\r\n * Backwards incompatibility note: This property was named \"strokeStyle\" until v1.1.6\r\n * @type String\r\n * @default\r\n */\r\n stroke: null,\r\n\r\n /**\r\n * Shadow object representing shadow of this shape.\r\n * Backwards incompatibility note: This property was named \"textShadow\" (String) until v1.2.11\r\n * @type fabric.Shadow\r\n * @default\r\n */\r\n shadow: null,\r\n\r\n /**\r\n * fabric.Path that the text should follow.\r\n * since 4.6.0 the path will be drawn automatically.\r\n * if you want to make the path visible, give it a stroke and strokeWidth or fill value\r\n * if you want it to be hidden, assign visible = false to the path.\r\n * This feature is in BETA, and SVG import/export is not yet supported.\r\n * @type fabric.Path\r\n * @example\r\n * var textPath = new fabric.Text('Text on a path', {\r\n * top: 150,\r\n * left: 150,\r\n * textAlign: 'center',\r\n * charSpacing: -50,\r\n * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', {\r\n * strokeWidth: 1,\r\n * visible: false\r\n * }),\r\n * pathSide: 'left',\r\n * pathStartOffset: 0\r\n * });\r\n * @default\r\n */\r\n path: null,\r\n\r\n /**\r\n * Offset amount for text path starting position\r\n * Only used when text has a path\r\n * @type Number\r\n * @default\r\n */\r\n pathStartOffset: 0,\r\n\r\n /**\r\n * Which side of the path the text should be drawn on.\r\n * Only used when text has a path\r\n * @type {String} 'left|right'\r\n * @default\r\n */\r\n pathSide: 'left',\r\n\r\n /**\r\n * How text is aligned to the path. This property determines\r\n * the perpendicular position of each character relative to the path.\r\n * (one of \"baseline\", \"center\", \"ascender\", \"descender\")\r\n * This feature is in BETA, and its behavior may change\r\n * @type String\r\n * @default\r\n */\r\n pathAlign: 'baseline',\r\n\r\n /**\r\n * @private\r\n */\r\n _fontSizeFraction: 0.222,\r\n\r\n /**\r\n * @private\r\n */\r\n offsets: {\r\n underline: 0.1,\r\n linethrough: -0.315,\r\n overline: -0.88,\r\n },\r\n\r\n /**\r\n * Text Line proportion to font Size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n _fontSizeMult: 1.13,\r\n\r\n /**\r\n * additional space between characters\r\n * expressed in thousands of em unit\r\n * @type Number\r\n * @default\r\n */\r\n charSpacing: 0,\r\n\r\n /**\r\n * Object containing character styles - top-level properties -> line numbers,\r\n * 2nd-level properties - character numbers\r\n * @type Object\r\n * @default\r\n */\r\n styles: null,\r\n\r\n /**\r\n * Reference to a context to measure text char or couple of chars\r\n * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas\r\n * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every\r\n * text object created.\r\n * @type {CanvasRenderingContext2D}\r\n * @default\r\n */\r\n _measuringContext: null,\r\n\r\n /**\r\n * Baseline shift, styles only, keep at 0 for the main text object\r\n * @type {Number}\r\n * @default\r\n */\r\n deltaY: 0,\r\n\r\n /**\r\n * WARNING: EXPERIMENTAL. NOT SUPPORTED YET\r\n * determine the direction of the text.\r\n * This has to be set manually together with textAlign and originX for proper\r\n * experience.\r\n * some interesting link for the future\r\n * https://www.w3.org/International/questions/qa-bidi-unicode-controls\r\n * @since 4.5.0\r\n * @type {String} 'ltr|rtl'\r\n * @default\r\n */\r\n direction: 'ltr',\r\n\r\n /**\r\n * Array of properties that define a style unit (of 'styles').\r\n * @type {Array}\r\n * @default\r\n */\r\n _styleProperties: [\r\n 'stroke',\r\n 'strokeWidth',\r\n 'fill',\r\n 'fontFamily',\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontStyle',\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n 'deltaY',\r\n 'textBackgroundColor',\r\n ],\r\n\r\n /**\r\n * contains characters bounding boxes\r\n */\r\n __charBounds: [],\r\n\r\n /**\r\n * use this size when measuring text. To avoid IE11 rounding errors\r\n * @type {Number}\r\n * @default\r\n * @readonly\r\n * @private\r\n */\r\n CACHE_FONT_SIZE: 400,\r\n\r\n /**\r\n * contains the min text width to avoid getting 0\r\n * @type {Number}\r\n * @default\r\n */\r\n MIN_TEXT_WIDTH: 2,\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Text} thisArg\r\n */\r\n initialize: function (text, options) {\r\n this.styles = options ? options.styles || {} : {};\r\n this.text = text;\r\n this.__skipDimension = true;\r\n this.callSuper('initialize', options);\r\n if (this.path) {\r\n this.setPathInfo();\r\n }\r\n this.__skipDimension = false;\r\n this.initDimensions();\r\n this.setCoords();\r\n this.setupState({ propertySet: '_dimensionAffectingProps' });\r\n },\r\n\r\n /**\r\n * If text has a path, it will add the extra information needed\r\n * for path and text calculations\r\n * @return {fabric.Text} thisArg\r\n */\r\n setPathInfo: function () {\r\n var path = this.path;\r\n if (path) {\r\n path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path);\r\n }\r\n },\r\n\r\n /**\r\n * Return a context for measurement of text string.\r\n * if created it gets stored for reuse\r\n * this is for internal use, please do not use it\r\n * @private\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Text} thisArg\r\n */\r\n getMeasuringContext: function () {\r\n // if we did not return we have to measure something.\r\n if (!fabric._measuringContext) {\r\n fabric._measuringContext =\r\n (this.canvas && this.canvas.contextCache) ||\r\n fabric.util.createCanvasElement().getContext('2d');\r\n }\r\n return fabric._measuringContext;\r\n },\r\n\r\n /**\r\n * @private\r\n * Divides text into lines of text and lines of graphemes.\r\n */\r\n _splitText: function () {\r\n var newLines = this._splitTextIntoLines(this.text);\r\n this.textLines = newLines.lines;\r\n this._textLines = newLines.graphemeLines;\r\n this._unwrappedTextLines = newLines._unwrappedLines;\r\n this._text = newLines.graphemeText;\r\n return newLines;\r\n },\r\n\r\n /**\r\n * Initialize or update text dimensions.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n */\r\n initDimensions: function () {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this._splitText();\r\n this._clearCache();\r\n if (this.path) {\r\n this.width = this.path.width;\r\n this.height = this.path.height;\r\n } else {\r\n this.width =\r\n this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH;\r\n this.height = this.calcTextHeight();\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n },\r\n\r\n /**\r\n * Enlarge space boxes and shift the others\r\n */\r\n enlargeSpaces: function () {\r\n var diffSpace,\r\n currentLineWidth,\r\n numberOfSpaces,\r\n accumulatedSpace,\r\n line,\r\n charBound,\r\n spaces;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n if (\r\n this.textAlign !== 'justify' &&\r\n (i === len - 1 || this.isEndOfWrapping(i))\r\n ) {\r\n continue;\r\n }\r\n accumulatedSpace = 0;\r\n line = this._textLines[i];\r\n currentLineWidth = this.getLineWidth(i);\r\n if (\r\n currentLineWidth < this.width &&\r\n (spaces = this.textLines[i].match(this._reSpacesAndTabs))\r\n ) {\r\n numberOfSpaces = spaces.length;\r\n diffSpace = (this.width - currentLineWidth) / numberOfSpaces;\r\n for (var j = 0, jlen = line.length; j <= jlen; j++) {\r\n charBound = this.__charBounds[i][j];\r\n if (this._reSpaceAndTab.test(line[j])) {\r\n charBound.width += diffSpace;\r\n charBound.kernedWidth += diffSpace;\r\n charBound.left += accumulatedSpace;\r\n accumulatedSpace += diffSpace;\r\n } else {\r\n charBound.left += accumulatedSpace;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping: function (lineIndex) {\r\n return lineIndex === this._textLines.length - 1;\r\n },\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * It return always for text and Itext.\r\n * @return Number\r\n */\r\n missingNewlineOffset: function () {\r\n return 1;\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of text object\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @param {Object} dim.x width of object to be cached\r\n * @param {Object} dim.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions: function () {\r\n var dims = this.callSuper('_getCacheCanvasDimensions');\r\n var fontSize = this.fontSize;\r\n dims.width += fontSize * dims.zoomX;\r\n dims.height += fontSize * dims.zoomY;\r\n return dims;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n var path = this.path;\r\n path && !path.isNotVisible() && path._render(ctx);\r\n this._setTextStyles(ctx);\r\n this._renderTextLinesBackground(ctx);\r\n this._renderTextDecoration(ctx, 'underline');\r\n this._renderText(ctx);\r\n this._renderTextDecoration(ctx, 'overline');\r\n this._renderTextDecoration(ctx, 'linethrough');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderText: function (ctx) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderTextStroke(ctx);\r\n this._renderTextFill(ctx);\r\n } else {\r\n this._renderTextFill(ctx);\r\n this._renderTextStroke(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * Set the font parameter of the context with the object properties or with charStyle\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [charStyle] object with font style properties\r\n * @param {String} [charStyle.fontFamily] Font Family\r\n * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix )\r\n * @param {String} [charStyle.fontWeight] Font weight\r\n * @param {String} [charStyle.fontStyle] Font style (italic|normal)\r\n */\r\n _setTextStyles: function (ctx, charStyle, forMeasuring) {\r\n ctx.textBaseline = 'alphabetical';\r\n if (this.path) {\r\n switch (this.pathAlign) {\r\n case 'center':\r\n ctx.textBaseline = 'middle';\r\n break;\r\n case 'ascender':\r\n ctx.textBaseline = 'top';\r\n break;\r\n case 'descender':\r\n ctx.textBaseline = 'bottom';\r\n break;\r\n }\r\n }\r\n ctx.font = this._getFontDeclaration(charStyle, forMeasuring);\r\n },\r\n\r\n /**\r\n * calculate and return the text Width measuring each line.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {Number} Maximum width of fabric.Text object\r\n */\r\n calcTextWidth: function () {\r\n var maxWidth = this.getLineWidth(0);\r\n\r\n for (var i = 1, len = this._textLines.length; i < len; i++) {\r\n var currentLineWidth = this.getLineWidth(i);\r\n if (currentLineWidth > maxWidth) {\r\n maxWidth = currentLineWidth;\r\n }\r\n }\r\n return maxWidth;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} line Text to render\r\n * @param {Number} left Left position of text\r\n * @param {Number} top Top position of text\r\n * @param {Number} lineIndex Index of a line in a text\r\n */\r\n _renderTextLine: function (method, ctx, line, left, top, lineIndex) {\r\n this._renderChars(method, ctx, line, left, top, lineIndex);\r\n },\r\n\r\n /**\r\n * Renders the text background for lines, taking care of style\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextLinesBackground: function (ctx) {\r\n if (\r\n !this.textBackgroundColor &&\r\n !this.styleHas('textBackgroundColor')\r\n ) {\r\n return;\r\n }\r\n var heightOfLine,\r\n lineLeftOffset,\r\n originalFill = ctx.fillStyle,\r\n line,\r\n lastColor,\r\n leftOffset = this._getLeftOffset(),\r\n lineTopOffset = this._getTopOffset(),\r\n boxStart = 0,\r\n boxWidth = 0,\r\n charBox,\r\n currentColor,\r\n path = this.path,\r\n drawStart;\r\n\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (\r\n !this.textBackgroundColor &&\r\n !this.styleHas('textBackgroundColor', i)\r\n ) {\r\n lineTopOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxWidth = 0;\r\n boxStart = 0;\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(\r\n i,\r\n j,\r\n 'textBackgroundColor'\r\n );\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillStyle = currentColor;\r\n currentColor &&\r\n ctx.fillRect(\r\n -charBox.width / 2,\r\n (-heightOfLine / this.lineHeight) *\r\n (1 - this._fontSizeFraction),\r\n charBox.width,\r\n heightOfLine / this.lineHeight\r\n );\r\n ctx.restore();\r\n } else if (currentColor !== lastColor) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = lastColor;\r\n lastColor &&\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n if (currentColor && !path) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentColor;\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n }\r\n lineTopOffset += heightOfLine;\r\n }\r\n ctx.fillStyle = originalFill;\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n },\r\n\r\n /**\r\n * measure and return the width of a single character.\r\n * possibly overridden to accommodate different measure logic or\r\n * to hook some external lib for character measurement\r\n * @private\r\n * @param {String} _char, char to be measured\r\n * @param {Object} charStyle style of char to be measured\r\n * @param {String} [previousChar] previous char\r\n * @param {Object} [prevCharStyle] style of previous char\r\n */\r\n _measureChar: function (_char, charStyle, previousChar, prevCharStyle) {\r\n // first i try to return from cache\r\n var fontCache = cache.getFontCache(charStyle),\r\n fontDeclaration = this._getFontDeclaration(charStyle),\r\n previousFontDeclaration = this._getFontDeclaration(prevCharStyle),\r\n couple = previousChar + _char,\r\n stylesAreEqual = fontDeclaration === previousFontDeclaration,\r\n width,\r\n coupleWidth,\r\n previousWidth,\r\n fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE,\r\n kernedWidth;\r\n\r\n if (previousChar && fontCache[previousChar] !== undefined) {\r\n previousWidth = fontCache[previousChar];\r\n }\r\n if (fontCache[_char] !== undefined) {\r\n kernedWidth = width = fontCache[_char];\r\n }\r\n if (stylesAreEqual && fontCache[couple] !== undefined) {\r\n coupleWidth = fontCache[couple];\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n if (\r\n width === undefined ||\r\n previousWidth === undefined ||\r\n coupleWidth === undefined\r\n ) {\r\n var ctx = this.getMeasuringContext();\r\n // send a TRUE to specify measuring font size CACHE_FONT_SIZE\r\n this._setTextStyles(ctx, charStyle, true);\r\n }\r\n if (width === undefined) {\r\n kernedWidth = width = ctx.measureText(_char).width;\r\n fontCache[_char] = width;\r\n }\r\n if (previousWidth === undefined && stylesAreEqual && previousChar) {\r\n previousWidth = ctx.measureText(previousChar).width;\r\n fontCache[previousChar] = previousWidth;\r\n }\r\n if (stylesAreEqual && coupleWidth === undefined) {\r\n // we can measure the kerning couple and subtract the width of the previous character\r\n coupleWidth = ctx.measureText(couple).width;\r\n fontCache[couple] = coupleWidth;\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n return {\r\n width: width * fontMultiplier,\r\n kernedWidth: kernedWidth * fontMultiplier,\r\n };\r\n },\r\n\r\n /**\r\n * Computes height of character at given position\r\n * @param {Number} line the line index number\r\n * @param {Number} _char the character index number\r\n * @return {Number} fontSize of the character\r\n */\r\n getHeightOfChar: function (line, _char) {\r\n return this.getValueOfPropertyAt(line, _char, 'fontSize');\r\n },\r\n\r\n /**\r\n * measure a text line measuring all characters.\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n measureLine: function (lineIndex) {\r\n var lineInfo = this._measureLine(lineIndex);\r\n if (this.charSpacing !== 0) {\r\n lineInfo.width -= this._getWidthOfCharSpacing();\r\n }\r\n if (lineInfo.width < 0) {\r\n lineInfo.width = 0;\r\n }\r\n return lineInfo;\r\n },\r\n\r\n /**\r\n * measure every grapheme of a line, populating __charBounds\r\n * @param {Number} lineIndex\r\n * @return {Object} object.width total width of characters\r\n * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs\r\n */\r\n _measureLine: function (lineIndex) {\r\n var width = 0,\r\n i,\r\n grapheme,\r\n line = this._textLines[lineIndex],\r\n prevGrapheme,\r\n graphemeInfo,\r\n numOfSpaces = 0,\r\n lineBounds = new Array(line.length),\r\n positionInPath = 0,\r\n startingPoint,\r\n totalPathLength,\r\n path = this.path,\r\n reverse = this.pathSide === 'right';\r\n\r\n this.__charBounds[lineIndex] = lineBounds;\r\n for (i = 0; i < line.length; i++) {\r\n grapheme = line[i];\r\n graphemeInfo = this._getGraphemeBox(\r\n grapheme,\r\n lineIndex,\r\n i,\r\n prevGrapheme\r\n );\r\n lineBounds[i] = graphemeInfo;\r\n width += graphemeInfo.kernedWidth;\r\n prevGrapheme = grapheme;\r\n }\r\n // this latest bound box represent the last character of the line\r\n // to simplify cursor handling in interactive mode.\r\n lineBounds[i] = {\r\n left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0,\r\n width: 0,\r\n kernedWidth: 0,\r\n height: this.fontSize,\r\n };\r\n if (path) {\r\n totalPathLength =\r\n path.segmentsInfo[path.segmentsInfo.length - 1].length;\r\n startingPoint = fabric.util.getPointOnPath(\r\n path.path,\r\n 0,\r\n path.segmentsInfo\r\n );\r\n startingPoint.x += path.pathOffset.x;\r\n startingPoint.y += path.pathOffset.y;\r\n switch (this.textAlign) {\r\n case 'left':\r\n positionInPath = reverse ? totalPathLength - width : 0;\r\n break;\r\n case 'center':\r\n positionInPath = (totalPathLength - width) / 2;\r\n break;\r\n case 'right':\r\n positionInPath = reverse ? 0 : totalPathLength - width;\r\n break;\r\n //todo - add support for justify\r\n }\r\n positionInPath += this.pathStartOffset * (reverse ? -1 : 1);\r\n for (\r\n i = reverse ? line.length - 1 : 0;\r\n reverse ? i >= 0 : i < line.length;\r\n reverse ? i-- : i++\r\n ) {\r\n graphemeInfo = lineBounds[i];\r\n if (positionInPath > totalPathLength) {\r\n positionInPath %= totalPathLength;\r\n } else if (positionInPath < 0) {\r\n positionInPath += totalPathLength;\r\n }\r\n // it would probably much faster to send all the grapheme position for a line\r\n // and calculate path position/angle at once.\r\n this._setGraphemeOnPath(\r\n positionInPath,\r\n graphemeInfo,\r\n startingPoint\r\n );\r\n positionInPath += graphemeInfo.kernedWidth;\r\n }\r\n }\r\n return { width: width, numOfSpaces: numOfSpaces };\r\n },\r\n\r\n /**\r\n * Calculate the angle and the left,top position of the char that follow a path.\r\n * It appends it to graphemeInfo to be reused later at rendering\r\n * @private\r\n * @param {Number} positionInPath to be measured\r\n * @param {Object} graphemeInfo current grapheme box information\r\n * @param {Object} startingPoint position of the point\r\n */\r\n _setGraphemeOnPath: function (\r\n positionInPath,\r\n graphemeInfo,\r\n startingPoint\r\n ) {\r\n var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2,\r\n path = this.path;\r\n\r\n // we are at currentPositionOnPath. we want to know what point on the path is.\r\n var info = fabric.util.getPointOnPath(\r\n path.path,\r\n centerPosition,\r\n path.segmentsInfo\r\n );\r\n graphemeInfo.renderLeft = info.x - startingPoint.x;\r\n graphemeInfo.renderTop = info.y - startingPoint.y;\r\n graphemeInfo.angle =\r\n info.angle + (this.pathSide === 'right' ? Math.PI : 0);\r\n },\r\n\r\n /**\r\n * Measure and return the info of a single grapheme.\r\n * needs the the info of previous graphemes already filled\r\n * Override to customize measuring\r\n *\r\n * @typedef {object} GraphemeBBox\r\n * @property {number} width\r\n * @property {number} height\r\n * @property {number} kernedWidth\r\n * @property {number} left\r\n * @property {number} deltaY\r\n *\r\n * @param {String} grapheme to be measured\r\n * @param {Number} lineIndex index of the line where the char is\r\n * @param {Number} charIndex position in the line\r\n * @param {String} [prevGrapheme] character preceding the one to be measured\r\n * @returns {GraphemeBBox} grapheme bbox\r\n */\r\n _getGraphemeBox: function (\r\n grapheme,\r\n lineIndex,\r\n charIndex,\r\n prevGrapheme,\r\n skipLeft\r\n ) {\r\n var style = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n prevStyle = prevGrapheme\r\n ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1)\r\n : {},\r\n info = this._measureChar(grapheme, style, prevGrapheme, prevStyle),\r\n kernedWidth = info.kernedWidth,\r\n width = info.width,\r\n charSpacing;\r\n\r\n if (this.charSpacing !== 0) {\r\n charSpacing = this._getWidthOfCharSpacing();\r\n width += charSpacing;\r\n kernedWidth += charSpacing;\r\n }\r\n\r\n var box = {\r\n width: width,\r\n left: 0,\r\n height: style.fontSize,\r\n kernedWidth: kernedWidth,\r\n deltaY: style.deltaY,\r\n };\r\n if (charIndex > 0 && !skipLeft) {\r\n var previousBox = this.__charBounds[lineIndex][charIndex - 1];\r\n box.left =\r\n previousBox.left +\r\n previousBox.width +\r\n info.kernedWidth -\r\n info.width;\r\n }\r\n return box;\r\n },\r\n\r\n /**\r\n * Calculate height of line at 'lineIndex'\r\n * @param {Number} lineIndex index of line to calculate\r\n * @return {Number}\r\n */\r\n getHeightOfLine: function (lineIndex) {\r\n if (this.__lineHeights[lineIndex]) {\r\n return this.__lineHeights[lineIndex];\r\n }\r\n\r\n var line = this._textLines[lineIndex],\r\n // char 0 is measured before the line cycle because it nneds to char\r\n // emptylines\r\n maxHeight = this.getHeightOfChar(lineIndex, 0);\r\n for (var i = 1, len = line.length; i < len; i++) {\r\n maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight);\r\n }\r\n\r\n return (this.__lineHeights[lineIndex] =\r\n maxHeight * this.lineHeight * this._fontSizeMult);\r\n },\r\n\r\n /**\r\n * Calculate text box height\r\n */\r\n calcTextHeight: function () {\r\n var lineHeight,\r\n height = 0;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n lineHeight = this.getHeightOfLine(i);\r\n height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight;\r\n }\r\n return height;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} Left offset\r\n */\r\n _getLeftOffset: function () {\r\n return this.direction === 'ltr' ? -this.width / 2 : this.width / 2;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} Top offset\r\n */\r\n _getTopOffset: function () {\r\n return -this.height / 2;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n */\r\n _renderTextCommon: function (ctx, method) {\r\n ctx.save();\r\n var lineHeights = 0,\r\n left = this._getLeftOffset(),\r\n top = this._getTopOffset();\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n var heightOfLine = this.getHeightOfLine(i),\r\n maxHeight = heightOfLine / this.lineHeight,\r\n leftOffset = this._getLineLeftOffset(i);\r\n this._renderTextLine(\r\n method,\r\n ctx,\r\n this._textLines[i],\r\n left + leftOffset,\r\n top + lineHeights + maxHeight,\r\n i\r\n );\r\n lineHeights += heightOfLine;\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextFill: function (ctx) {\r\n if (!this.fill && !this.styleHas('fill')) {\r\n return;\r\n }\r\n\r\n this._renderTextCommon(ctx, 'fillText');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextStroke: function (ctx) {\r\n if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n ctx.beginPath();\r\n this._renderTextCommon(ctx, 'strokeText');\r\n ctx.closePath();\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} method fillText or strokeText.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} line Content of the line, splitted in an array by grapheme\r\n * @param {Number} left\r\n * @param {Number} top\r\n * @param {Number} lineIndex\r\n */\r\n _renderChars: function (method, ctx, line, left, top, lineIndex) {\r\n // set proper line offset\r\n var lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n boxWidth = 0,\r\n timeToRender,\r\n path = this.path,\r\n shortCut =\r\n !isJustify &&\r\n this.charSpacing === 0 &&\r\n this.isEmptyStyles(lineIndex) &&\r\n !path,\r\n isLtr = this.direction === 'ltr',\r\n sign = this.direction === 'ltr' ? 1 : -1,\r\n // this was changed in the PR #7674\r\n // currentDirection = ctx.canvas.getAttribute('dir');\r\n drawingLeft,\r\n currentDirection = ctx.direction;\r\n ctx.save();\r\n if (currentDirection !== this.direction) {\r\n ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');\r\n ctx.direction = isLtr ? 'ltr' : 'rtl';\r\n ctx.textAlign = isLtr ? 'left' : 'right';\r\n }\r\n top -= (lineHeight * this._fontSizeFraction) / this.lineHeight;\r\n if (shortCut) {\r\n // render all the line in one pass without checking\r\n // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n 0,\r\n line.join(''),\r\n left,\r\n top,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n return;\r\n }\r\n for (var i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing || path;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n left += sign * (charBox.kernedWidth - charBox.width);\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = fabric.util.hasStyleChanged(\r\n actualStyle,\r\n nextStyle,\r\n false\r\n );\r\n }\r\n if (timeToRender) {\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n -boxWidth / 2,\r\n 0,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n } else {\r\n drawingLeft = left;\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n drawingLeft,\r\n top,\r\n lineHeight\r\n );\r\n }\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n left += sign * boxWidth;\r\n boxWidth = 0;\r\n }\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n * @return {CanvasPattern} a pattern to use as fill/stroke style\r\n */\r\n _applyPatternGradientTransformText: function (filler) {\r\n var pCanvas = fabric.util.createCanvasElement(),\r\n pCtx,\r\n // TODO: verify compatibility with strokeUniform\r\n width = this.width + this.strokeWidth,\r\n height = this.height + this.strokeWidth;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.fillStyle = filler.toLive(pCtx);\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fill();\r\n return pCtx.createPattern(pCanvas, 'no-repeat');\r\n },\r\n\r\n handleFiller: function (ctx, property, filler) {\r\n var offsetX, offsetY;\r\n if (filler.toLive) {\r\n if (\r\n filler.gradientUnits === 'percentage' ||\r\n filler.gradientTransform ||\r\n filler.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n offsetX = -this.width / 2;\r\n offsetY = -this.height / 2;\r\n ctx.translate(offsetX, offsetY);\r\n ctx[property] = this._applyPatternGradientTransformText(filler);\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx[property] = filler.toLive(ctx, this);\r\n return this._applyPatternGradientTransform(ctx, filler);\r\n }\r\n } else {\r\n // is a color\r\n ctx[property] = filler;\r\n }\r\n return { offsetX: 0, offsetY: 0 };\r\n },\r\n\r\n _setStrokeStyles: function (ctx, decl) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.lineDashOffset = this.strokeDashOffset;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n return this.handleFiller(ctx, 'strokeStyle', decl.stroke);\r\n },\r\n\r\n _setFillStyles: function (ctx, decl) {\r\n return this.handleFiller(ctx, 'fillStyle', decl.fill);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} method\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {String} _char\r\n * @param {Number} left Left coordinate\r\n * @param {Number} top Top coordinate\r\n * @param {Number} lineHeight Height of the line\r\n */\r\n _renderChar: function (\r\n method,\r\n ctx,\r\n lineIndex,\r\n charIndex,\r\n _char,\r\n left,\r\n top\r\n ) {\r\n var decl = this._getStyleDeclaration(lineIndex, charIndex),\r\n fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n shouldFill = method === 'fillText' && fullDecl.fill,\r\n shouldStroke =\r\n method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth,\r\n fillOffsets,\r\n strokeOffsets;\r\n\r\n if (!shouldStroke && !shouldFill) {\r\n return;\r\n }\r\n ctx.save();\r\n\r\n shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl));\r\n shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl));\r\n\r\n ctx.font = this._getFontDeclaration(fullDecl);\r\n\r\n if (decl && decl.textBackgroundColor) {\r\n this._removeShadow(ctx);\r\n }\r\n if (decl && decl.deltaY) {\r\n top += decl.deltaY;\r\n }\r\n shouldFill &&\r\n ctx.fillText(\r\n _char,\r\n left - fillOffsets.offsetX,\r\n top - fillOffsets.offsetY\r\n );\r\n shouldStroke &&\r\n ctx.strokeText(\r\n _char,\r\n left - strokeOffsets.offsetX,\r\n top - strokeOffsets.offsetY\r\n );\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Turns the character into a 'superior figure' (i.e. 'superscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {fabric.Text} thisArg\r\n * @chainable\r\n */\r\n setSuperscript: function (start, end) {\r\n return this._setScript(start, end, this.superscript);\r\n },\r\n\r\n /**\r\n * Turns the character into an 'inferior figure' (i.e. 'subscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {fabric.Text} thisArg\r\n * @chainable\r\n */\r\n setSubscript: function (start, end) {\r\n return this._setScript(start, end, this.subscript);\r\n },\r\n\r\n /**\r\n * Applies 'schema' at given position\r\n * @private\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @param {Number} schema\r\n * @returns {fabric.Text} thisArg\r\n * @chainable\r\n */\r\n _setScript: function (start, end, schema) {\r\n var loc = this.get2DCursorLocation(start, true),\r\n fontSize = this.getValueOfPropertyAt(\r\n loc.lineIndex,\r\n loc.charIndex,\r\n 'fontSize'\r\n ),\r\n dy = this.getValueOfPropertyAt(\r\n loc.lineIndex,\r\n loc.charIndex,\r\n 'deltaY'\r\n ),\r\n style = {\r\n fontSize: fontSize * schema.size,\r\n deltaY: dy + fontSize * schema.baseline,\r\n };\r\n this.setSelectionStyles(style, start, end);\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Number} lineIndex index text line\r\n * @return {Number} Line left offset\r\n */\r\n _getLineLeftOffset: function (lineIndex) {\r\n var lineWidth = this.getLineWidth(lineIndex),\r\n lineDiff = this.width - lineWidth,\r\n textAlign = this.textAlign,\r\n direction = this.direction,\r\n isEndOfWrapping,\r\n leftOffset = 0,\r\n isEndOfWrapping = this.isEndOfWrapping(lineIndex);\r\n if (\r\n textAlign === 'justify' ||\r\n (textAlign === 'justify-center' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-right' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-left' && !isEndOfWrapping)\r\n ) {\r\n return 0;\r\n }\r\n if (textAlign === 'center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (textAlign === 'justify-center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'justify-right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (direction === 'rtl') {\r\n if (\r\n textAlign === 'right' ||\r\n textAlign === 'justify' ||\r\n textAlign === 'justify-right'\r\n ) {\r\n leftOffset = 0;\r\n } else if (textAlign === 'left' || textAlign === 'justify-left') {\r\n leftOffset = -lineDiff;\r\n } else if (textAlign === 'center' || textAlign === 'justify-center') {\r\n leftOffset = -lineDiff / 2;\r\n }\r\n }\r\n return leftOffset;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _clearCache: function () {\r\n this.__lineWidths = [];\r\n this.__lineHeights = [];\r\n this.__charBounds = [];\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldClearDimensionCache: function () {\r\n var shouldClear = this._forceClearCache;\r\n shouldClear ||\r\n (shouldClear = this.hasStateChanged('_dimensionAffectingProps'));\r\n if (shouldClear) {\r\n this.dirty = true;\r\n this._forceClearCache = false;\r\n }\r\n return shouldClear;\r\n },\r\n\r\n /**\r\n * Measure a single line given its index. Used to calculate the initial\r\n * text bounding box. The values are calculated and stored in __lineWidths cache.\r\n * @private\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n getLineWidth: function (lineIndex) {\r\n if (this.__lineWidths[lineIndex] !== undefined) {\r\n return this.__lineWidths[lineIndex];\r\n }\r\n\r\n var lineInfo = this.measureLine(lineIndex);\r\n var width = lineInfo.width;\r\n this.__lineWidths[lineIndex] = width;\r\n return width;\r\n },\r\n\r\n _getWidthOfCharSpacing: function () {\r\n if (this.charSpacing !== 0) {\r\n return (this.fontSize * this.charSpacing) / 1000;\r\n }\r\n return 0;\r\n },\r\n\r\n /**\r\n * Retrieves the value of property at given character position\r\n * @param {Number} lineIndex the line number\r\n * @param {Number} charIndex the character number\r\n * @param {String} property the property name\r\n * @returns the value of 'property'\r\n */\r\n getValueOfPropertyAt: function (lineIndex, charIndex, property) {\r\n var charStyle = this._getStyleDeclaration(lineIndex, charIndex);\r\n if (charStyle && typeof charStyle[property] !== 'undefined') {\r\n return charStyle[property];\r\n }\r\n return this[property];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextDecoration: function (ctx, type) {\r\n if (!this[type] && !this.styleHas(type)) {\r\n return;\r\n }\r\n var heightOfLine,\r\n size,\r\n _size,\r\n lineLeftOffset,\r\n dy,\r\n _dy,\r\n line,\r\n lastDecoration,\r\n leftOffset = this._getLeftOffset(),\r\n topOffset = this._getTopOffset(),\r\n top,\r\n boxStart,\r\n boxWidth,\r\n charBox,\r\n currentDecoration,\r\n maxHeight,\r\n currentFill,\r\n lastFill,\r\n path = this.path,\r\n charSpacing = this._getWidthOfCharSpacing(),\r\n offsetY = this.offsets[type];\r\n\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (!this[type] && !this.styleHas(type, i)) {\r\n topOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n maxHeight = heightOfLine / this.lineHeight;\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxStart = 0;\r\n boxWidth = 0;\r\n lastDecoration = this.getValueOfPropertyAt(i, 0, type);\r\n lastFill = this.getValueOfPropertyAt(i, 0, 'fill');\r\n top = topOffset + maxHeight * (1 - this._fontSizeFraction);\r\n size = this.getHeightOfChar(i, 0);\r\n dy = this.getValueOfPropertyAt(i, 0, 'deltaY');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentDecoration = this.getValueOfPropertyAt(i, j, type);\r\n currentFill = this.getValueOfPropertyAt(i, j, 'fill');\r\n _size = this.getHeightOfChar(i, j);\r\n _dy = this.getValueOfPropertyAt(i, j, 'deltaY');\r\n if (path && currentDecoration && currentFill) {\r\n ctx.save();\r\n ctx.fillStyle = lastFill;\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillRect(\r\n -charBox.kernedWidth / 2,\r\n offsetY * _size + _dy,\r\n charBox.kernedWidth,\r\n this.fontSize / 15\r\n );\r\n ctx.restore();\r\n } else if (\r\n (currentDecoration !== lastDecoration ||\r\n currentFill !== lastFill ||\r\n _size !== size ||\r\n _dy !== dy) &&\r\n boxWidth > 0\r\n ) {\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n if (lastDecoration && lastFill) {\r\n ctx.fillStyle = lastFill;\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth,\r\n this.fontSize / 15\r\n );\r\n }\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastDecoration = currentDecoration;\r\n lastFill = currentFill;\r\n size = _size;\r\n dy = _dy;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentFill;\r\n currentDecoration &&\r\n currentFill &&\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth - charSpacing,\r\n this.fontSize / 15\r\n );\r\n topOffset += heightOfLine;\r\n }\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n },\r\n\r\n /**\r\n * return font declaration string for canvas context\r\n * @param {Object} [styleObject] object\r\n * @returns {String} font declaration formatted for canvas context.\r\n */\r\n _getFontDeclaration: function (styleObject, forMeasuring) {\r\n var style = styleObject || this,\r\n family = this.fontFamily,\r\n fontIsGeneric =\r\n fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1;\r\n var fontFamily =\r\n family === undefined ||\r\n family.indexOf(\"'\") > -1 ||\r\n family.indexOf(',') > -1 ||\r\n family.indexOf('\"') > -1 ||\r\n fontIsGeneric\r\n ? style.fontFamily\r\n : '\"' + style.fontFamily + '\"';\r\n return [\r\n // node-canvas needs \"weight style\", while browsers need \"style weight\"\r\n // verify if this can be fixed in JSDOM\r\n fabric.isLikelyNode ? style.fontWeight : style.fontStyle,\r\n fabric.isLikelyNode ? style.fontStyle : style.fontWeight,\r\n forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px',\r\n fontFamily,\r\n ].join(' ');\r\n },\r\n\r\n /**\r\n * Renders text instance on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render: function (ctx) {\r\n // do not render if object is not visible\r\n if (!this.visible) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n }\r\n this.callSuper('render', ctx);\r\n },\r\n\r\n /**\r\n * Override this method to customize grapheme splitting\r\n * @param {string} value\r\n * @returns {string[]} array of graphemes\r\n */\r\n graphemeSplit: function (value) {\r\n return fabric.util.string.graphemeSplit(value);\r\n },\r\n\r\n /**\r\n * Returns the text as an array of lines.\r\n * @param {String} text text to split\r\n * @returns {Array} Lines in the text\r\n */\r\n _splitTextIntoLines: function (text) {\r\n var lines = text.split(this._reNewline),\r\n newLines = new Array(lines.length),\r\n newLine = ['\\n'],\r\n newText = [];\r\n for (var i = 0; i < lines.length; i++) {\r\n newLines[i] = this.graphemeSplit(lines[i]);\r\n newText = newText.concat(newLines[i], newLine);\r\n }\r\n newText.pop();\r\n return {\r\n _unwrappedLines: newLines,\r\n lines: lines,\r\n graphemeText: newText,\r\n graphemeLines: newLines,\r\n };\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var allProperties = additionalProps.concat(propertiesToInclude);\r\n var obj = this.callSuper('toObject', allProperties);\r\n obj.styles = fabric.util.stylesToArray(this.styles, this.text);\r\n if (obj.path) {\r\n obj.path = this.path.toObject();\r\n }\r\n return obj;\r\n },\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n set: function (key, value) {\r\n this.callSuper('set', key, value);\r\n var needsDims = false;\r\n var isAddingPath = false;\r\n if (typeof key === 'object') {\r\n for (var _key in key) {\r\n if (_key === 'path') {\r\n this.setPathInfo();\r\n }\r\n needsDims =\r\n needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1;\r\n isAddingPath = isAddingPath || _key === 'path';\r\n }\r\n } else {\r\n needsDims = this._dimensionAffectingProps.indexOf(key) !== -1;\r\n isAddingPath = key === 'path';\r\n }\r\n if (isAddingPath) {\r\n this.setPathInfo();\r\n }\r\n if (needsDims) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity\r\n */\r\n complexity: function () {\r\n return 1;\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement})\r\n * @static\r\n * @memberOf fabric.Text\r\n * @see: http://www.w3.org/TR/SVG/text.html#TextElement\r\n */\r\n fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(\r\n ' '\r\n )\r\n );\r\n\r\n /**\r\n * Returns fabric.Text instance from an SVG element (not yet implemented)\r\n * @static\r\n * @memberOf fabric.Text\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Text.fromElement = function (element, callback, options) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Text.ATTRIBUTE_NAMES\r\n ),\r\n parsedAnchor = parsedAttributes.textAnchor || 'left';\r\n options = Object.assign({}, options, parsedAttributes);\r\n\r\n options.top = options.top || 0;\r\n options.left = options.left || 0;\r\n if (parsedAttributes.textDecoration) {\r\n var textDecoration = parsedAttributes.textDecoration;\r\n if (textDecoration.indexOf('underline') !== -1) {\r\n options.underline = true;\r\n }\r\n if (textDecoration.indexOf('overline') !== -1) {\r\n options.overline = true;\r\n }\r\n if (textDecoration.indexOf('line-through') !== -1) {\r\n options.linethrough = true;\r\n }\r\n delete options.textDecoration;\r\n }\r\n if ('dx' in parsedAttributes) {\r\n options.left += parsedAttributes.dx;\r\n }\r\n if ('dy' in parsedAttributes) {\r\n options.top += parsedAttributes.dy;\r\n }\r\n if (!('fontSize' in options)) {\r\n options.fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n\r\n var textContent = '';\r\n\r\n // The XML is not properly parsed in IE9 so a workaround to get\r\n // textContent is through firstChild.data. Another workaround would be\r\n // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does)\r\n if (!('textContent' in element)) {\r\n if ('firstChild' in element && element.firstChild !== null) {\r\n if ('data' in element.firstChild && element.firstChild.data !== null) {\r\n textContent = element.firstChild.data;\r\n }\r\n }\r\n } else {\r\n textContent = element.textContent;\r\n }\r\n\r\n textContent = textContent\r\n .replace(/^\\s+|\\s+$|\\n+/g, '')\r\n .replace(/\\s+/g, ' ');\r\n var originalStrokeWidth = options.strokeWidth;\r\n options.strokeWidth = 0;\r\n\r\n var text = new fabric.Text(textContent, options),\r\n textHeightScaleFactor = text.getScaledHeight() / text.height,\r\n lineHeightDiff =\r\n (text.height + text.strokeWidth) * text.lineHeight - text.height,\r\n scaledDiff = lineHeightDiff * textHeightScaleFactor,\r\n textHeight = text.getScaledHeight() + scaledDiff,\r\n offX = 0;\r\n /*\r\n Adjust positioning:\r\n x/y attributes in SVG correspond to the bottom-left corner of text bounding box\r\n fabric output by default at top, left.\r\n */\r\n if (parsedAnchor === 'center') {\r\n offX = text.getScaledWidth() / 2;\r\n }\r\n if (parsedAnchor === 'right') {\r\n offX = text.getScaledWidth();\r\n }\r\n text.set({\r\n left: text.left - offX,\r\n top:\r\n text.top -\r\n (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) /\r\n text.lineHeight,\r\n strokeWidth:\r\n typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1,\r\n });\r\n callback(text);\r\n };\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Text instance from an object representation\r\n * @static\r\n * @memberOf fabric.Text\r\n * @param {Object} object plain js Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Text.fromObject = function (object) {\r\n var styles = fabric.util.stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n var objCopy = Object.assign({}, object, { styles: styles });\r\n return fabric.Object._fromObject(fabric.Text, objCopy, {\r\n extraParam: 'text',\r\n });\r\n };\r\n\r\n fabric.Text.genericFonts = [\r\n 'sans-serif',\r\n 'serif',\r\n 'cursive',\r\n 'fantasy',\r\n 'monospace',\r\n ];\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.Text.prototype,\r\n /** @lends fabric.Text.prototype */ {\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles: function (lineIndex) {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return true;\r\n }\r\n var obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (var p1 in obj) {\r\n for (var p2 in obj[p1]) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (var p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * Returns true if object has a style property or has it ina specified line\r\n * This function is used to detect if a text will use a particular property or not.\r\n * @param {String} property to check for\r\n * @param {Number} lineIndex to check the style on\r\n * @return {Boolean}\r\n */\r\n styleHas: function (property, lineIndex) {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return false;\r\n }\r\n var obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { 0: this.styles[lineIndex] };\r\n // eslint-disable-next-line\r\n for (var p1 in obj) {\r\n // eslint-disable-next-line\r\n for (var p2 in obj[p1]) {\r\n if (typeof obj[p1][p2][property] !== 'undefined') {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if characters in a text have a value for a property\r\n * whose value matches the textbox's value for that property. If so,\r\n * the character-level property is deleted. If the character\r\n * has no other properties, then it is also deleted. Finally,\r\n * if the line containing that character has no other characters\r\n * then it also is deleted.\r\n *\r\n * @param {string} property The property to compare between characters and text.\r\n */\r\n cleanStyle: function (property) {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n var obj = this.styles,\r\n stylesCount = 0,\r\n letterCount,\r\n stylePropertyValue,\r\n allStyleObjectPropertiesMatch = true,\r\n graphemeCount = 0,\r\n styleObject;\r\n // eslint-disable-next-line\r\n for (var p1 in obj) {\r\n letterCount = 0;\r\n // eslint-disable-next-line\r\n for (var p2 in obj[p1]) {\r\n var styleObject = obj[p1][p2],\r\n stylePropertyHasBeenSet = styleObject.hasOwnProperty(property);\r\n\r\n stylesCount++;\r\n\r\n if (stylePropertyHasBeenSet) {\r\n if (!stylePropertyValue) {\r\n stylePropertyValue = styleObject[property];\r\n } else if (styleObject[property] !== stylePropertyValue) {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (styleObject[property] === this[property]) {\r\n delete styleObject[property];\r\n }\r\n } else {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (Object.keys(styleObject).length !== 0) {\r\n letterCount++;\r\n } else {\r\n delete obj[p1][p2];\r\n }\r\n }\r\n\r\n if (letterCount === 0) {\r\n delete obj[p1];\r\n }\r\n }\r\n // if every grapheme has the same style set then\r\n // delete those styles and set it on the parent\r\n for (var i = 0; i < this._textLines.length; i++) {\r\n graphemeCount += this._textLines[i].length;\r\n }\r\n if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) {\r\n this[property] = stylePropertyValue;\r\n this.removeStyle(property);\r\n }\r\n },\r\n\r\n /**\r\n * Remove a style property or properties from all individual character styles\r\n * in a text object. Deletes the character style object if it contains no other style\r\n * props. Deletes a line style object if it contains no other character styles.\r\n *\r\n * @param {String} props The property to remove from character styles.\r\n */\r\n removeStyle: function (property) {\r\n if (!this.styles || !property || property === '') {\r\n return;\r\n }\r\n var obj = this.styles,\r\n line,\r\n lineNum,\r\n charNum;\r\n for (lineNum in obj) {\r\n line = obj[lineNum];\r\n for (charNum in line) {\r\n delete line[charNum][property];\r\n if (Object.keys(line[charNum]).length === 0) {\r\n delete line[charNum];\r\n }\r\n }\r\n if (Object.keys(line).length === 0) {\r\n delete obj[lineNum];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _extendStyles: function (index, styles) {\r\n var loc = this.get2DCursorLocation(index);\r\n\r\n if (!this._getLineStyle(loc.lineIndex)) {\r\n this._setLineStyle(loc.lineIndex);\r\n }\r\n\r\n if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) {\r\n this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {});\r\n }\r\n\r\n fabric.util.object.extend(\r\n this._getStyleDeclaration(loc.lineIndex, loc.charIndex),\r\n styles\r\n );\r\n },\r\n\r\n /**\r\n * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start)\r\n * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used.\r\n * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\r\n */\r\n get2DCursorLocation: function (selectionStart, skipWrapping) {\r\n if (typeof selectionStart === 'undefined') {\r\n selectionStart = this.selectionStart;\r\n }\r\n var lines = skipWrapping ? this._unwrappedTextLines : this._textLines,\r\n len = lines.length;\r\n for (var i = 0; i < len; i++) {\r\n if (selectionStart <= lines[i].length) {\r\n return {\r\n lineIndex: i,\r\n charIndex: selectionStart,\r\n };\r\n }\r\n selectionStart -= lines[i].length + this.missingNewlineOffset(i);\r\n }\r\n return {\r\n lineIndex: i - 1,\r\n charIndex:\r\n lines[i - 1].length < selectionStart\r\n ? lines[i - 1].length\r\n : selectionStart,\r\n };\r\n },\r\n\r\n /**\r\n * Gets style of a current selection/cursor (at the start position)\r\n * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used.\r\n * @param {Number} [startIndex] Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n * @param {Boolean} [complete] get full style or not\r\n * @return {Array} styles an array with one, zero or more Style objects\r\n */\r\n getSelectionStyles: function (startIndex, endIndex, complete) {\r\n if (typeof startIndex === 'undefined') {\r\n startIndex = this.selectionStart || 0;\r\n }\r\n if (typeof endIndex === 'undefined') {\r\n endIndex = this.selectionEnd || startIndex;\r\n }\r\n var styles = [];\r\n for (var i = startIndex; i < endIndex; i++) {\r\n styles.push(this.getStyleAtPosition(i, complete));\r\n }\r\n return styles;\r\n },\r\n\r\n /**\r\n * Gets style of a current selection/cursor position\r\n * @param {Number} position to get styles at\r\n * @param {Boolean} [complete] full style if true\r\n * @return {Object} style Style object at a specified index\r\n * @private\r\n */\r\n getStyleAtPosition: function (position, complete) {\r\n var loc = this.get2DCursorLocation(position),\r\n style = complete\r\n ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex)\r\n : this._getStyleDeclaration(loc.lineIndex, loc.charIndex);\r\n return style || {};\r\n },\r\n\r\n /**\r\n * Sets style of a current selection, if no selection exist, do not set anything.\r\n * @param {Object} [styles] Styles object\r\n * @param {Number} [startIndex] Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n setSelectionStyles: function (styles, startIndex, endIndex) {\r\n if (typeof startIndex === 'undefined') {\r\n startIndex = this.selectionStart || 0;\r\n }\r\n if (typeof endIndex === 'undefined') {\r\n endIndex = this.selectionEnd || startIndex;\r\n }\r\n for (var i = startIndex; i < endIndex; i++) {\r\n this._extendStyles(i, styles);\r\n }\r\n /* not included in _extendStyles to avoid clearing cache more than once */\r\n this._forceClearCache = true;\r\n return this;\r\n },\r\n\r\n /**\r\n * get the reference, not a clone, of the style object for a given character\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Object} style object\r\n */\r\n _getStyleDeclaration: function (lineIndex, charIndex) {\r\n var lineStyle = this.styles && this.styles[lineIndex];\r\n if (!lineStyle) {\r\n return null;\r\n }\r\n return lineStyle[charIndex];\r\n },\r\n\r\n /**\r\n * return a new object that contains all the style property for a character\r\n * the object returned is newly created\r\n * @param {Number} lineIndex of the line where the character is\r\n * @param {Number} charIndex position of the character on the line\r\n * @return {Object} style object\r\n */\r\n getCompleteStyleDeclaration: function (lineIndex, charIndex) {\r\n var style = this._getStyleDeclaration(lineIndex, charIndex) || {},\r\n styleObject = {},\r\n prop;\r\n for (var i = 0; i < this._styleProperties.length; i++) {\r\n prop = this._styleProperties[i];\r\n styleObject[prop] =\r\n typeof style[prop] === 'undefined' ? this[prop] : style[prop];\r\n }\r\n return styleObject;\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setStyleDeclaration: function (lineIndex, charIndex, style) {\r\n this.styles[lineIndex][charIndex] = style;\r\n },\r\n\r\n /**\r\n *\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _deleteStyleDeclaration: function (lineIndex, charIndex) {\r\n delete this.styles[lineIndex][charIndex];\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @return {Boolean} if the line exists or not\r\n * @private\r\n */\r\n _getLineStyle: function (lineIndex) {\r\n return !!this.styles[lineIndex];\r\n },\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @private\r\n */\r\n _setLineStyle: function (lineIndex) {\r\n this.styles[lineIndex] = {};\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @private\r\n */\r\n _deleteLineStyle: function (lineIndex) {\r\n delete this.styles[lineIndex];\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * IText class (introduced in v1.4) Events are also fired with \"text:\"\r\n * prefix when observing canvas.\r\n * @class fabric.IText\r\n * @extends fabric.Text\r\n *\r\n * @fires changed\r\n * @fires selection:changed\r\n * @fires editing:entered\r\n * @fires editing:exited\r\n * @fires dragstart\r\n * @fires drag drag event firing on the drag source\r\n * @fires dragend\r\n * @fires copy\r\n * @fires cut\r\n * @fires paste\r\n *\r\n * @return {fabric.IText} thisArg\r\n * @see {@link fabric.IText#initialize} for constructor definition\r\n *\r\n *

Supported key combinations:

\r\n * 
\r\n   *   Move cursor:                    left, right, up, down\r\n   *   Select character:               shift + left, shift + right\r\n   *   Select text vertically:         shift + up, shift + down\r\n   *   Move cursor by word:            alt + left, alt + right\r\n   *   Select words:                   shift + alt + left, shift + alt + right\r\n   *   Move cursor to line start/end:  cmd + left, cmd + right or home, end\r\n   *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end\r\n   *   Jump to start/end of text:      cmd + up, cmd + down\r\n   *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown\r\n   *   Delete character:               backspace\r\n   *   Delete word:                    alt + backspace\r\n   *   Delete line:                    cmd + backspace\r\n   *   Forward delete:                 delete\r\n   *   Copy text:                      ctrl/cmd + c\r\n   *   Paste text:                     ctrl/cmd + v\r\n   *   Cut text:                       ctrl/cmd + x\r\n   *   Select entire text:             ctrl/cmd + a\r\n   *   Quit editing                    tab or esc\r\n   *
\r\n *\r\n *

Supported mouse/touch combination

\r\n * 
\r\n   *   Position cursor:                click/touch\r\n   *   Create selection:               click/touch & drag\r\n   *   Create selection:               click & shift + click\r\n   *   Select word:                    double click\r\n   *   Select line:                    triple click\r\n   *
\r\n */\r\n fabric.IText = fabric.util.createClass(\r\n fabric.Text,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'i-text',\r\n\r\n /**\r\n * Index where text selection starts (or where cursor is when there is no selection)\r\n * @type Number\r\n * @default\r\n */\r\n selectionStart: 0,\r\n\r\n /**\r\n * Index where text selection ends\r\n * @type Number\r\n * @default\r\n */\r\n selectionEnd: 0,\r\n\r\n /**\r\n * Color of text selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: 'rgba(17,119,255,0.3)',\r\n\r\n /**\r\n * Indicates whether text is in editing mode\r\n * @type Boolean\r\n * @default\r\n */\r\n isEditing: false,\r\n\r\n /**\r\n * Indicates whether a text can be edited\r\n * @type Boolean\r\n * @default\r\n */\r\n editable: true,\r\n\r\n /**\r\n * Border color of text object while it's in editing mode\r\n * @type String\r\n * @default\r\n */\r\n editingBorderColor: 'rgba(102,153,255,0.25)',\r\n\r\n /**\r\n * Width of cursor (in px)\r\n * @type Number\r\n * @default\r\n */\r\n cursorWidth: 2,\r\n\r\n /**\r\n * Color of text cursor color in editing mode.\r\n * if not set (default) will take color from the text.\r\n * if set to a color value that fabric can understand, it will\r\n * be used instead of the color of the text at the current position.\r\n * @type String\r\n * @default\r\n */\r\n cursorColor: '',\r\n\r\n /**\r\n * Delay between cursor blink (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDelay: 1000,\r\n\r\n /**\r\n * Duration of cursor fadein (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDuration: 600,\r\n\r\n /**\r\n * Indicates whether internal text char widths can be cached\r\n * @type Boolean\r\n * @default\r\n */\r\n caching: true,\r\n\r\n /**\r\n * DOM container to append the hiddenTextarea.\r\n * An alternative to attaching to the document.body.\r\n * Useful to reduce laggish redraw of the full document.body tree and\r\n * also with modals event capturing that won't let the textarea take focus.\r\n * @type HTMLElement\r\n * @default\r\n */\r\n hiddenTextareaContainer: null,\r\n\r\n /**\r\n * @private\r\n */\r\n _reSpace: /\\s|\\n/,\r\n\r\n /**\r\n * @private\r\n */\r\n _currentCursorOpacity: 1,\r\n\r\n /**\r\n * @private\r\n */\r\n _selectionDirection: null,\r\n\r\n /**\r\n * Helps determining when the text is in composition, so that the cursor\r\n * rendering is altered.\r\n */\r\n inCompositionMode: false,\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {fabric.IText} thisArg\r\n */\r\n initialize: function (text, options) {\r\n this.callSuper('initialize', text, options);\r\n this.initBehavior();\r\n },\r\n\r\n /**\r\n * While editing handle differently\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n if (this.isEditing && this._savedProps && key in this._savedProps) {\r\n this._savedProps[key] = value;\r\n } else {\r\n this.callSuper('_set', key, value);\r\n }\r\n },\r\n\r\n /**\r\n * Sets selection start (left boundary of a selection)\r\n * @param {Number} index Index to set selection start to\r\n */\r\n setSelectionStart: function (index) {\r\n index = Math.max(index, 0);\r\n this._updateAndFire('selectionStart', index);\r\n },\r\n\r\n /**\r\n * Sets selection end (right boundary of a selection)\r\n * @param {Number} index Index to set selection end to\r\n */\r\n setSelectionEnd: function (index) {\r\n index = Math.min(index, this.text.length);\r\n this._updateAndFire('selectionEnd', index);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} property 'selectionStart' or 'selectionEnd'\r\n * @param {Number} index new position of property\r\n */\r\n _updateAndFire: function (property, index) {\r\n if (this[property] !== index) {\r\n this._fireSelectionChanged();\r\n this[property] = index;\r\n }\r\n this._updateTextarea();\r\n },\r\n\r\n /**\r\n * Fires the even of selection changed\r\n * @private\r\n */\r\n _fireSelectionChanged: function () {\r\n this.fire('selection:changed');\r\n this.canvas &&\r\n this.canvas.fire('text:selection:changed', { target: this });\r\n },\r\n\r\n /**\r\n * Initialize text dimensions. Render all text on given context\r\n * or on a offscreen canvas to get the text width with measureText.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n * @private\r\n */\r\n initDimensions: function () {\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n this.callSuper('initDimensions');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render: function (ctx) {\r\n this.clearContextTop();\r\n this.callSuper('render', ctx);\r\n // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor\r\n // the correct position but not at every cursor animation.\r\n this.cursorOffsetCache = {};\r\n this.renderCursorOrSelection();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n this.callSuper('_render', ctx);\r\n },\r\n\r\n /**\r\n * Renders cursor or selection (depending on what exists)\r\n * it does on the contextTop. If contextTop is not available, do nothing.\r\n */\r\n renderCursorOrSelection: function () {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n var ctx = this.clearContextTop(true);\r\n if (!ctx) {\r\n return;\r\n }\r\n var boundaries = this._getCursorBoundaries();\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.renderCursor(ctx, boundaries);\r\n } else {\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Renders cursor on context Top, outside the animation cycle, on request\r\n * Used for the drag/drop effect.\r\n * If contextTop is not available, do nothing.\r\n */\r\n renderCursorAt: function (selectionStart) {\r\n var boundaries = this._getCursorBoundaries(selectionStart, true);\r\n this._renderCursor(this.canvas.contextTop, boundaries, selectionStart);\r\n },\r\n\r\n /**\r\n * Returns cursor boundaries (left, top, leftOffset, topOffset)\r\n * left/top are left/top of entire text box\r\n * leftOffset/topOffset are offset from that left/top point of a text box\r\n * @private\r\n * @param {number} [index] index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundaries: function (index, skipCaching) {\r\n if (typeof index === 'undefined') {\r\n index = this.selectionStart;\r\n }\r\n var left = this._getLeftOffset(),\r\n top = this._getTopOffset(),\r\n offsets = this._getCursorBoundariesOffsets(index, skipCaching);\r\n return {\r\n left: left,\r\n top: top,\r\n leftOffset: offsets.left,\r\n topOffset: offsets.top,\r\n };\r\n },\r\n\r\n /**\r\n * Caches and returns cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundariesOffsets: function (index, skipCaching) {\r\n if (skipCaching) {\r\n return this.__getCursorBoundariesOffsets(index);\r\n }\r\n if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) {\r\n return this.cursorOffsetCache;\r\n }\r\n return (this.cursorOffsetCache =\r\n this.__getCursorBoundariesOffsets(index));\r\n },\r\n\r\n /**\r\n * Calcualtes cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n */\r\n __getCursorBoundariesOffsets: function (index) {\r\n var lineLeftOffset,\r\n lineIndex,\r\n charIndex,\r\n topOffset = 0,\r\n leftOffset = 0,\r\n boundaries,\r\n cursorPosition = this.get2DCursorLocation(index);\r\n charIndex = cursorPosition.charIndex;\r\n lineIndex = cursorPosition.lineIndex;\r\n for (var i = 0; i < lineIndex; i++) {\r\n topOffset += this.getHeightOfLine(i);\r\n }\r\n lineLeftOffset = this._getLineLeftOffset(lineIndex);\r\n var bound = this.__charBounds[lineIndex][charIndex];\r\n bound && (leftOffset = bound.left);\r\n if (\r\n this.charSpacing !== 0 &&\r\n charIndex === this._textLines[lineIndex].length\r\n ) {\r\n leftOffset -= this._getWidthOfCharSpacing();\r\n }\r\n boundaries = {\r\n top: topOffset,\r\n left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0),\r\n };\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n boundaries.left *= -1;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n boundaries.left =\r\n lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n boundaries.left =\r\n lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n }\r\n }\r\n return boundaries;\r\n },\r\n\r\n /**\r\n * Renders cursor\r\n * @param {Object} boundaries\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderCursor: function (ctx, boundaries) {\r\n this._renderCursor(ctx, boundaries, this.selectionStart);\r\n },\r\n\r\n _renderCursor: function (ctx, boundaries, selectionStart) {\r\n var cursorLocation = this.get2DCursorLocation(selectionStart),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex =\r\n cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0,\r\n charHeight = this.getValueOfPropertyAt(\r\n lineIndex,\r\n charIndex,\r\n 'fontSize'\r\n ),\r\n multiplier = this.scaleX * this.canvas.getZoom(),\r\n cursorWidth = this.cursorWidth / multiplier,\r\n topOffset = boundaries.topOffset,\r\n dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY');\r\n topOffset +=\r\n ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) /\r\n this.lineHeight -\r\n charHeight * (1 - this._fontSizeFraction);\r\n\r\n if (this.inCompositionMode) {\r\n // TODO: investigate why there isn't a return inside the if,\r\n // and why can't happe top of the function\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.fillStyle =\r\n this.cursorColor ||\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fill');\r\n ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity;\r\n ctx.fillRect(\r\n boundaries.left + boundaries.leftOffset - cursorWidth / 2,\r\n topOffset + boundaries.top + dy,\r\n cursorWidth,\r\n charHeight\r\n );\r\n },\r\n\r\n /**\r\n * Renders text selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderSelection: function (ctx, boundaries) {\r\n var selection = {\r\n selectionStart: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionStart\r\n : this.selectionStart,\r\n selectionEnd: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionEnd\r\n : this.selectionEnd,\r\n };\r\n this._renderSelection(ctx, selection, boundaries);\r\n },\r\n\r\n /**\r\n * Renders drag start text selection\r\n */\r\n renderDragSourceEffect: function () {\r\n if (\r\n this.__isDragging &&\r\n this.__dragStartSelection &&\r\n this.__dragStartSelection\r\n ) {\r\n this._renderSelection(\r\n this.canvas.contextTop,\r\n this.__dragStartSelection,\r\n this._getCursorBoundaries(\r\n this.__dragStartSelection.selectionStart,\r\n true\r\n )\r\n );\r\n }\r\n },\r\n\r\n renderDropTargetEffect: function (e) {\r\n var dragSelection = this.getSelectionStartFromPointer(e);\r\n this.renderCursorAt(dragSelection);\r\n },\r\n\r\n /**\r\n * Renders text selection\r\n * @private\r\n * @param {{ selectionStart: number, selectionEnd: number }} selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n _renderSelection: function (ctx, selection, boundaries) {\r\n var selectionStart = selection.selectionStart,\r\n selectionEnd = selection.selectionEnd,\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n start = this.get2DCursorLocation(selectionStart),\r\n end = this.get2DCursorLocation(selectionEnd),\r\n startLine = start.lineIndex,\r\n endLine = end.lineIndex,\r\n startChar = start.charIndex < 0 ? 0 : start.charIndex,\r\n endChar = end.charIndex < 0 ? 0 : end.charIndex;\r\n\r\n for (var i = startLine; i <= endLine; i++) {\r\n var lineOffset = this._getLineLeftOffset(i) || 0,\r\n lineHeight = this.getHeightOfLine(i),\r\n realLineHeight = 0,\r\n boxStart = 0,\r\n boxEnd = 0;\r\n\r\n if (i === startLine) {\r\n boxStart = this.__charBounds[startLine][startChar].left;\r\n }\r\n if (i >= startLine && i < endLine) {\r\n boxEnd =\r\n isJustify && !this.isEndOfWrapping(i)\r\n ? this.width\r\n : this.getLineWidth(i) || 5; // WTF is this 5?\r\n } else if (i === endLine) {\r\n if (endChar === 0) {\r\n boxEnd = this.__charBounds[endLine][endChar].left;\r\n } else {\r\n var charSpacing = this._getWidthOfCharSpacing();\r\n boxEnd =\r\n this.__charBounds[endLine][endChar - 1].left +\r\n this.__charBounds[endLine][endChar - 1].width -\r\n charSpacing;\r\n }\r\n }\r\n realLineHeight = lineHeight;\r\n if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) {\r\n lineHeight /= this.lineHeight;\r\n }\r\n var drawStart = boundaries.left + lineOffset + boxStart,\r\n drawWidth = boxEnd - boxStart,\r\n drawHeight = lineHeight,\r\n extraTop = 0;\r\n if (this.inCompositionMode) {\r\n ctx.fillStyle = this.compositionColor || 'black';\r\n drawHeight = 1;\r\n extraTop = lineHeight;\r\n } else {\r\n ctx.fillStyle = this.selectionColor;\r\n }\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n drawStart = this.width - drawStart - drawWidth;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n }\r\n }\r\n ctx.fillRect(\r\n drawStart,\r\n boundaries.top + boundaries.topOffset + extraTop,\r\n drawWidth,\r\n drawHeight\r\n );\r\n boundaries.topOffset += realLineHeight;\r\n }\r\n },\r\n\r\n /**\r\n * High level function to know the height of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns fontSize of char at the current cursor\r\n * Unused from the library, is for the end user\r\n * @return {Number} Character font size\r\n */\r\n getCurrentCharFontSize: function () {\r\n var cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize');\r\n },\r\n\r\n /**\r\n * High level function to know the color of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns color (fill) of char at the current cursor\r\n * if the text object has a pattern or gradient for filler, it will return that.\r\n * Unused by the library, is for the end user\r\n * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill)\r\n */\r\n getCurrentCharColor: function () {\r\n var cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fill');\r\n },\r\n\r\n /**\r\n * Returns the cursor position for the getCurrent.. functions\r\n * @private\r\n */\r\n _getCurrentCharIndex: function () {\r\n var cursorPosition = this.get2DCursorLocation(\r\n this.selectionStart,\r\n true\r\n ),\r\n charIndex =\r\n cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0;\r\n return { l: cursorPosition.lineIndex, c: charIndex };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Returns fabric.IText instance from an object representation\r\n * @static\r\n * @memberOf fabric.IText\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.IText.fromObject = function (object) {\r\n var styles = fabric.util.stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n var objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(fabric.IText, objCopy, {\r\n extraParam: 'text',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { removeFromArray } from '../util/internals';\r\n\r\n// extend this regex to support non english languages\r\nconst reNonWord = /[ \\n\\.,;!\\?\\-]/;\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.IText.prototype,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Initializes all the interactive behavior of IText\r\n */\r\n initBehavior: function () {\r\n this.initAddedHandler();\r\n this.initRemovedHandler();\r\n this.initCursorSelectionHandlers();\r\n this.initDoubleClickSimulation();\r\n this.mouseMoveHandler = this.mouseMoveHandler.bind(this);\r\n this.dragEnterHandler = this.dragEnterHandler.bind(this);\r\n this.dragOverHandler = this.dragOverHandler.bind(this);\r\n this.dragLeaveHandler = this.dragLeaveHandler.bind(this);\r\n this.dragEndHandler = this.dragEndHandler.bind(this);\r\n this.dropHandler = this.dropHandler.bind(this);\r\n this.on('dragenter', this.dragEnterHandler);\r\n this.on('dragover', this.dragOverHandler);\r\n this.on('dragleave', this.dragLeaveHandler);\r\n this.on('dragend', this.dragEndHandler);\r\n this.on('drop', this.dropHandler);\r\n },\r\n\r\n onDeselect: function () {\r\n this.isEditing && this.exitEditing();\r\n this.selected = false;\r\n },\r\n\r\n /**\r\n * Initializes \"added\" event handler\r\n */\r\n initAddedHandler: function () {\r\n var _this = this;\r\n this.on('added', function (opt) {\r\n // make sure we listen to the canvas added event\r\n var canvas = opt.target;\r\n if (canvas) {\r\n if (!canvas._hasITextHandlers) {\r\n canvas._hasITextHandlers = true;\r\n _this._initCanvasHandlers(canvas);\r\n }\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n canvas._iTextInstances.push(_this);\r\n }\r\n });\r\n },\r\n\r\n initRemovedHandler: function () {\r\n var _this = this;\r\n this.on('removed', function (opt) {\r\n // make sure we listen to the canvas removed event\r\n var canvas = opt.target;\r\n if (canvas) {\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n removeFromArray(canvas._iTextInstances, _this);\r\n if (canvas._iTextInstances.length === 0) {\r\n canvas._hasITextHandlers = false;\r\n _this._removeCanvasHandlers(canvas);\r\n }\r\n }\r\n });\r\n },\r\n\r\n /**\r\n * register canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _initCanvasHandlers: function (canvas) {\r\n canvas._mouseUpITextHandler = function () {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.__isMousedown = false;\r\n });\r\n }\r\n };\r\n canvas.on('mouse:up', canvas._mouseUpITextHandler);\r\n },\r\n\r\n /**\r\n * remove canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _removeCanvasHandlers: function (canvas) {\r\n canvas.off('mouse:up', canvas._mouseUpITextHandler);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _tick: function () {\r\n this._currentTickState = this._animateCursor(\r\n this,\r\n 1,\r\n this.cursorDuration,\r\n '_onTickComplete'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _animateCursor: function (obj, targetOpacity, duration, completeMethod) {\r\n var tickState = {\r\n isAborted: false,\r\n abort: function () {\r\n this.isAborted = true;\r\n },\r\n };\r\n\r\n obj.animate('_currentCursorOpacity', targetOpacity, {\r\n duration: duration,\r\n onComplete: function () {\r\n if (!tickState.isAborted) {\r\n obj[completeMethod]();\r\n }\r\n },\r\n onChange: function () {\r\n // we do not want to animate a selection, only cursor\r\n if (obj.canvas && obj.selectionStart === obj.selectionEnd) {\r\n obj.renderCursorOrSelection();\r\n }\r\n },\r\n abort: function () {\r\n return tickState.isAborted;\r\n },\r\n });\r\n return tickState;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _onTickComplete: function () {\r\n var _this = this;\r\n\r\n if (this._cursorTimeout1) {\r\n clearTimeout(this._cursorTimeout1);\r\n }\r\n this._cursorTimeout1 = setTimeout(function () {\r\n _this._currentTickCompleteState = _this._animateCursor(\r\n _this,\r\n 0,\r\n this.cursorDuration / 2,\r\n '_tick'\r\n );\r\n }, 100);\r\n },\r\n\r\n /**\r\n * Initializes delayed cursor\r\n */\r\n initDelayedCursor: function (restart) {\r\n var _this = this,\r\n delay = restart ? 0 : this.cursorDelay;\r\n\r\n this.abortCursorAnimation();\r\n if (delay) {\r\n this._cursorTimeout2 = setTimeout(function () {\r\n _this._tick();\r\n }, delay);\r\n } else {\r\n this._tick();\r\n }\r\n },\r\n\r\n /**\r\n * Aborts cursor animation, clears all timeouts and clear textarea context if necessary\r\n */\r\n abortCursorAnimation: function () {\r\n var shouldClear =\r\n this._currentTickState || this._currentTickCompleteState;\r\n this._currentTickState && this._currentTickState.abort();\r\n this._currentTickCompleteState &&\r\n this._currentTickCompleteState.abort();\r\n\r\n clearTimeout(this._cursorTimeout1);\r\n clearTimeout(this._cursorTimeout2);\r\n\r\n this._currentCursorOpacity = 1;\r\n\r\n // make sure we clear context even if instance is not editing\r\n if (shouldClear) {\r\n this.clearContextTop();\r\n }\r\n },\r\n\r\n /**\r\n * Selects entire text\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n selectAll: function () {\r\n this.selectionStart = 0;\r\n this.selectionEnd = this._text.length;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns selected text\r\n * @return {String}\r\n */\r\n getSelectedText: function () {\r\n return this._text\r\n .slice(this.selectionStart, this.selectionEnd)\r\n .join('');\r\n },\r\n\r\n /**\r\n * Find new selection index representing start of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryLeft: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom - 1;\r\n\r\n // remove space before cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index--;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n },\r\n\r\n /**\r\n * Find new selection index representing end of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryRight: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom;\r\n\r\n // remove space after cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index++;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n },\r\n\r\n /**\r\n * Find new selection index representing start of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryLeft: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom - 1;\r\n\r\n while (!/\\n/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n },\r\n\r\n /**\r\n * Find new selection index representing end of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryRight: function (startFrom) {\r\n var offset = 0,\r\n index = startFrom;\r\n\r\n while (!/\\n/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n },\r\n\r\n /**\r\n * Finds index corresponding to beginning or end of a word\r\n * @param {Number} selectionStart Index of a character\r\n * @param {Number} direction 1 or -1\r\n * @return {Number} Index of the beginning or end of a word\r\n */\r\n searchWordBoundary: function (selectionStart, direction) {\r\n var text = this._text,\r\n index = this._reSpace.test(text[selectionStart])\r\n ? selectionStart - 1\r\n : selectionStart,\r\n _char = text[index];\r\n\r\n while (!reNonWord.test(_char) && index > 0 && index < text.length) {\r\n index += direction;\r\n _char = text[index];\r\n }\r\n if (reNonWord.test(_char)) {\r\n index += direction === 1 ? 0 : 1;\r\n }\r\n return index;\r\n },\r\n\r\n /**\r\n * Selects a word based on the index\r\n * @param {Number} selectionStart Index of a character\r\n */\r\n selectWord: function (selectionStart) {\r\n selectionStart = selectionStart || this.selectionStart;\r\n var newSelectionStart = this.searchWordBoundary(\r\n selectionStart,\r\n -1\r\n ) /* search backwards */,\r\n newSelectionEnd = this.searchWordBoundary(\r\n selectionStart,\r\n 1\r\n ); /* search forward */\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n },\r\n\r\n /**\r\n * Selects a line based on the index\r\n * @param {Number} selectionStart Index of a character\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n selectLine: function (selectionStart) {\r\n selectionStart = selectionStart || this.selectionStart;\r\n var newSelectionStart = this.findLineBoundaryLeft(selectionStart),\r\n newSelectionEnd = this.findLineBoundaryRight(selectionStart);\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n },\r\n\r\n /**\r\n * Enters editing state\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n enterEditing: function (e) {\r\n if (this.isEditing || !this.editable) {\r\n return;\r\n }\r\n if (this.canvas) {\r\n this.canvas.calcOffset();\r\n this.exitEditingOnOthers(this.canvas);\r\n }\r\n\r\n this.isEditing = true;\r\n\r\n this.initHiddenTextarea(e);\r\n this.hiddenTextarea.focus();\r\n this.hiddenTextarea.value = this.text;\r\n this._updateTextarea();\r\n this._saveEditingProps();\r\n this._setEditingProps();\r\n this._textBeforeEdit = this.text;\r\n\r\n this._tick();\r\n this.fire('editing:entered');\r\n this._fireSelectionChanged();\r\n if (!this.canvas) {\r\n return this;\r\n }\r\n this.canvas.fire('text:editing:entered', { target: this });\r\n this.initMouseMoveHandler();\r\n this.canvas.requestRenderAll();\r\n return this;\r\n },\r\n\r\n exitEditingOnOthers: function (canvas) {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.selected = false;\r\n if (obj.isEditing) {\r\n obj.exitEditing();\r\n }\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * Initializes \"mousemove\" event handler\r\n */\r\n initMouseMoveHandler: function () {\r\n this.canvas.on('mouse:move', this.mouseMoveHandler);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n mouseMoveHandler: function (options) {\r\n if (!this.__isMousedown || !this.isEditing) {\r\n return;\r\n }\r\n\r\n // regain focus\r\n fabric.document.activeElement !== this.hiddenTextarea &&\r\n this.hiddenTextarea.focus();\r\n\r\n var newSelectionStart = this.getSelectionStartFromPointer(options.e),\r\n currentStart = this.selectionStart,\r\n currentEnd = this.selectionEnd;\r\n if (\r\n (newSelectionStart !== this.__selectionStartOnMouseDown ||\r\n currentStart === currentEnd) &&\r\n (currentStart === newSelectionStart ||\r\n currentEnd === newSelectionStart)\r\n ) {\r\n return;\r\n }\r\n if (newSelectionStart > this.__selectionStartOnMouseDown) {\r\n this.selectionStart = this.__selectionStartOnMouseDown;\r\n this.selectionEnd = newSelectionStart;\r\n } else {\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = this.__selectionStartOnMouseDown;\r\n }\r\n if (\r\n this.selectionStart !== currentStart ||\r\n this.selectionEnd !== currentEnd\r\n ) {\r\n this.restartCursorIfNeeded();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n }\r\n },\r\n\r\n /**\r\n * Override to customize the drag image\r\n * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage\r\n * @param {DragEvent} e\r\n * @param {object} data\r\n * @param {number} data.selectionStart\r\n * @param {number} data.selectionEnd\r\n * @param {string} data.text\r\n * @param {string} data.value selected text\r\n */\r\n setDragImage: function (e, data) {\r\n var t = this.calcTransformMatrix();\r\n var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1);\r\n var boundaries = this._getCursorBoundaries(data.selectionStart);\r\n var selectionPosition = new Point(\r\n boundaries.left + boundaries.leftOffset,\r\n boundaries.top + boundaries.topOffset\r\n ).multiply(flipFactor);\r\n var pos = fabric.util.transformPoint(selectionPosition, t);\r\n var pointer = this.canvas.getPointer(e);\r\n var diff = pointer.subtract(pos);\r\n var enableRetinaScaling = this.canvas._isRetinaScaling();\r\n var retinaScaling = this.canvas.getRetinaScaling();\r\n var bbox = this.getBoundingRect(true);\r\n var correction = pos.subtract(new Point(bbox.left, bbox.top));\r\n var offset = correction.add(diff).scalarMultiply(retinaScaling);\r\n // prepare instance for drag image snapshot by making all non selected text invisible\r\n var bgc = this.backgroundColor;\r\n var styles = fabric.util.object.clone(this.styles, true);\r\n delete this.backgroundColor;\r\n var styleOverride = {\r\n fill: 'transparent',\r\n textBackgroundColor: 'transparent',\r\n };\r\n this.setSelectionStyles(styleOverride, 0, data.selectionStart);\r\n this.setSelectionStyles(\r\n styleOverride,\r\n data.selectionEnd,\r\n data.text.length\r\n );\r\n var dragImage = this.toCanvasElement({\r\n enableRetinaScaling: enableRetinaScaling,\r\n });\r\n this.backgroundColor = bgc;\r\n this.styles = styles;\r\n // handle retina scaling\r\n if (enableRetinaScaling && retinaScaling > 1) {\r\n var c = fabric.util.createCanvasElement();\r\n c.width = dragImage.width / retinaScaling;\r\n c.height = dragImage.height / retinaScaling;\r\n var ctx = c.getContext('2d');\r\n ctx.scale(1 / retinaScaling, 1 / retinaScaling);\r\n ctx.drawImage(dragImage, 0, 0);\r\n dragImage = c;\r\n }\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n this.__dragImageDisposer = function () {\r\n dragImage.remove();\r\n };\r\n // position drag image offsecreen\r\n fabric.util.setStyle(dragImage, {\r\n position: 'absolute',\r\n left: -dragImage.width + 'px',\r\n border: 'none',\r\n });\r\n fabric.document.body.appendChild(dragImage);\r\n e.dataTransfer.setDragImage(dragImage, offset.x, offset.y);\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n * @returns {boolean} should handle event\r\n */\r\n onDragStart: function (e) {\r\n this.__dragStartFired = true;\r\n if (this.__isDragging) {\r\n var selection = (this.__dragStartSelection = {\r\n selectionStart: this.selectionStart,\r\n selectionEnd: this.selectionEnd,\r\n });\r\n var value = this._text\r\n .slice(selection.selectionStart, selection.selectionEnd)\r\n .join('');\r\n var data = Object.assign(\r\n { text: this.text, value: value },\r\n selection\r\n );\r\n e.dataTransfer.setData('text/plain', value);\r\n e.dataTransfer.setData(\r\n 'application/fabric',\r\n JSON.stringify({\r\n value: value,\r\n styles: this.getSelectionStyles(\r\n selection.selectionStart,\r\n selection.selectionEnd,\r\n true\r\n ),\r\n })\r\n );\r\n e.dataTransfer.effectAllowed = 'copyMove';\r\n this.setDragImage(e, data);\r\n }\r\n this.abortCursorAnimation();\r\n return this.__isDragging;\r\n },\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop: function (e) {\r\n if (this.editable && !this.__corner) {\r\n if (this.__isDragging && this.__dragStartSelection) {\r\n // drag source trying to drop over itself\r\n // allow dropping only outside of drag start selection\r\n var index = this.getSelectionStartFromPointer(e);\r\n var dragStartSelection = this.__dragStartSelection;\r\n return (\r\n index < dragStartSelection.selectionStart ||\r\n index > dragStartSelection.selectionEnd\r\n );\r\n }\r\n return true;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEnterHandler: function (options) {\r\n var e = options.e;\r\n var canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n }\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragOverHandler: function (options) {\r\n var e = options.e;\r\n var canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n } else if (this.__isDraggingOver && !canDrop) {\r\n // drop state has changed\r\n this.__isDraggingOver = false;\r\n }\r\n if (this.__isDraggingOver) {\r\n // can be dropped, inform browser\r\n e.preventDefault();\r\n // inform event subscribers\r\n options.canDrop = true;\r\n options.dropTarget = this;\r\n // find cursor under the drag part.\r\n }\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n */\r\n dragLeaveHandler: function () {\r\n if (this.__isDraggingOver || this.__isDragging) {\r\n this.__isDraggingOver = false;\r\n }\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n * fired only on the drag source\r\n * handle changes to the drag source in case of a drop on another object or a cancellation\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEndHandler: function (options) {\r\n var e = options.e;\r\n if (this.__isDragging && this.__dragStartFired) {\r\n // once the drop event finishes we check if we need to change the drag source\r\n // if the drag source received the drop we bail out\r\n if (this.__dragStartSelection) {\r\n var selectionStart = this.__dragStartSelection.selectionStart;\r\n var selectionEnd = this.__dragStartSelection.selectionEnd;\r\n var dropEffect = e.dataTransfer.dropEffect;\r\n if (dropEffect === 'none') {\r\n this.selectionStart = selectionStart;\r\n this.selectionEnd = selectionEnd;\r\n this._updateTextarea();\r\n } else {\r\n this.clearContextTop();\r\n if (dropEffect === 'move') {\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n this.selectionStart = this.selectionEnd = selectionStart;\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: selectionStart,\r\n action: 'dragend',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n this.exitEditing();\r\n // disable mouse up logic\r\n this.__lastSelected = false;\r\n }\r\n }\r\n }\r\n\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n delete this.__dragImageDisposer;\r\n delete this.__dragStartSelection;\r\n this.__isDraggingOver = false;\r\n },\r\n\r\n /**\r\n * support native like text dragging\r\n *\r\n * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}\r\n * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dropHandler: function (options) {\r\n var e = options.e,\r\n didDrop = e.defaultPrevented;\r\n this.__isDraggingOver = false;\r\n // inform browser that the drop has been accepted\r\n e.preventDefault();\r\n var insert = e.dataTransfer.getData('text/plain');\r\n if (insert && !didDrop) {\r\n var insertAt = this.getSelectionStartFromPointer(e);\r\n var data = e.dataTransfer.types.includes('application/fabric')\r\n ? JSON.parse(e.dataTransfer.getData('application/fabric'))\r\n : {};\r\n var styles = data.styles;\r\n var trailing = insert[Math.max(0, insert.length - 1)];\r\n var selectionStartOffset = 0;\r\n // drag and drop in same instance\r\n if (this.__dragStartSelection) {\r\n var selectionStart = this.__dragStartSelection.selectionStart;\r\n var selectionEnd = this.__dragStartSelection.selectionEnd;\r\n if (insertAt > selectionStart && insertAt <= selectionEnd) {\r\n insertAt = selectionStart;\r\n } else if (insertAt > selectionEnd) {\r\n insertAt -= selectionEnd - selectionStart;\r\n }\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n // prevent `dragend` from handling event\r\n delete this.__dragStartSelection;\r\n }\r\n // remove redundant line break\r\n if (\r\n this._reNewline.test(trailing) &&\r\n (this._reNewline.test(this._text[insertAt]) ||\r\n insertAt === this._text.length)\r\n ) {\r\n insert = insert.trimEnd();\r\n }\r\n // inform subscribers\r\n options.didDrop = true;\r\n options.dropTarget = this;\r\n // finalize\r\n this.insertChars(insert, styles, insertAt);\r\n // can this part be moved in an outside event? andrea to check.\r\n this.canvas.setActiveObject(this);\r\n this.enterEditing();\r\n this.selectionStart = Math.min(\r\n insertAt + selectionStartOffset,\r\n this._text.length\r\n );\r\n this.selectionEnd = Math.min(\r\n this.selectionStart + insert.length,\r\n this._text.length\r\n );\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: insertAt + selectionStartOffset,\r\n action: 'drop',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.contextTopDirty = true;\r\n this.canvas.requestRenderAll();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setEditingProps: function () {\r\n this.hoverCursor = 'text';\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this.canvas.moveCursor = 'text';\r\n }\r\n\r\n this.borderColor = this.editingBorderColor;\r\n this.hasControls = this.selectable = false;\r\n this.lockMovementX = this.lockMovementY = true;\r\n },\r\n\r\n /**\r\n * convert from textarea to grapheme indexes\r\n */\r\n fromStringToGraphemeSelection: function (start, end, text) {\r\n var smallerTextStart = text.slice(0, start),\r\n graphemeStart = this.graphemeSplit(smallerTextStart).length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n var smallerTextEnd = text.slice(start, end),\r\n graphemeEnd = this.graphemeSplit(smallerTextEnd).length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n },\r\n\r\n /**\r\n * convert from fabric to textarea values\r\n */\r\n fromGraphemeToStringSelection: function (start, end, _text) {\r\n var smallerTextStart = _text.slice(0, start),\r\n graphemeStart = smallerTextStart.join('').length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n var smallerTextEnd = _text.slice(start, end),\r\n graphemeEnd = smallerTextEnd.join('').length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _updateTextarea: function () {\r\n this.cursorOffsetCache = {};\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n if (!this.inCompositionMode) {\r\n var newSelection = this.fromGraphemeToStringSelection(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n this._text\r\n );\r\n this.hiddenTextarea.selectionStart = newSelection.selectionStart;\r\n this.hiddenTextarea.selectionEnd = newSelection.selectionEnd;\r\n }\r\n this.updateTextareaPosition();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n updateFromTextArea: function () {\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n this.cursorOffsetCache = {};\r\n this.text = this.hiddenTextarea.value;\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n var newSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n this.selectionEnd = this.selectionStart = newSelection.selectionEnd;\r\n if (!this.inCompositionMode) {\r\n this.selectionStart = newSelection.selectionStart;\r\n }\r\n this.updateTextareaPosition();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n updateTextareaPosition: function () {\r\n if (this.selectionStart === this.selectionEnd) {\r\n var style = this._calcTextareaPosition();\r\n this.hiddenTextarea.style.left = style.left;\r\n this.hiddenTextarea.style.top = style.top;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Object} style contains style for hiddenTextarea\r\n */\r\n _calcTextareaPosition: function () {\r\n if (!this.canvas) {\r\n return { x: 1, y: 1 };\r\n }\r\n var desiredPosition = this.inCompositionMode\r\n ? this.compositionStart\r\n : this.selectionStart,\r\n boundaries = this._getCursorBoundaries(desiredPosition),\r\n cursorLocation = this.get2DCursorLocation(desiredPosition),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex = cursorLocation.charIndex,\r\n charHeight =\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') *\r\n this.lineHeight,\r\n leftOffset = boundaries.leftOffset,\r\n m = this.calcTransformMatrix(),\r\n p = {\r\n x: boundaries.left + leftOffset,\r\n y: boundaries.top + boundaries.topOffset + charHeight,\r\n },\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n upperCanvas = this.canvas.upperCanvasEl,\r\n upperCanvasWidth = upperCanvas.width / retinaScaling,\r\n upperCanvasHeight = upperCanvas.height / retinaScaling,\r\n maxWidth = upperCanvasWidth - charHeight,\r\n maxHeight = upperCanvasHeight - charHeight,\r\n scaleX = upperCanvas.clientWidth / upperCanvasWidth,\r\n scaleY = upperCanvas.clientHeight / upperCanvasHeight;\r\n\r\n p = fabric.util.transformPoint(p, m);\r\n p = fabric.util.transformPoint(p, this.canvas.viewportTransform);\r\n p.x *= scaleX;\r\n p.y *= scaleY;\r\n if (p.x < 0) {\r\n p.x = 0;\r\n }\r\n if (p.x > maxWidth) {\r\n p.x = maxWidth;\r\n }\r\n if (p.y < 0) {\r\n p.y = 0;\r\n }\r\n if (p.y > maxHeight) {\r\n p.y = maxHeight;\r\n }\r\n\r\n // add canvas offset on document\r\n p.x += this.canvas._offset.left;\r\n p.y += this.canvas._offset.top;\r\n\r\n return {\r\n left: p.x + 'px',\r\n top: p.y + 'px',\r\n fontSize: charHeight + 'px',\r\n charHeight: charHeight,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _saveEditingProps: function () {\r\n this._savedProps = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n lockMovementX: this.lockMovementX,\r\n lockMovementY: this.lockMovementY,\r\n hoverCursor: this.hoverCursor,\r\n selectable: this.selectable,\r\n defaultCursor: this.canvas && this.canvas.defaultCursor,\r\n moveCursor: this.canvas && this.canvas.moveCursor,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _restoreEditingProps: function () {\r\n if (!this._savedProps) {\r\n return;\r\n }\r\n\r\n this.hoverCursor = this._savedProps.hoverCursor;\r\n this.hasControls = this._savedProps.hasControls;\r\n this.borderColor = this._savedProps.borderColor;\r\n this.selectable = this._savedProps.selectable;\r\n this.lockMovementX = this._savedProps.lockMovementX;\r\n this.lockMovementY = this._savedProps.lockMovementY;\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this._savedProps.defaultCursor;\r\n this.canvas.moveCursor = this._savedProps.moveCursor;\r\n }\r\n\r\n delete this._savedProps;\r\n },\r\n\r\n /**\r\n * Exits from editing state\r\n * @return {fabric.IText} thisArg\r\n * @chainable\r\n */\r\n exitEditing: function () {\r\n var isTextChanged = this._textBeforeEdit !== this.text;\r\n var hiddenTextarea = this.hiddenTextarea;\r\n this.selected = false;\r\n this.isEditing = false;\r\n\r\n this.selectionEnd = this.selectionStart;\r\n\r\n if (hiddenTextarea) {\r\n hiddenTextarea.blur && hiddenTextarea.blur();\r\n hiddenTextarea.parentNode &&\r\n hiddenTextarea.parentNode.removeChild(hiddenTextarea);\r\n }\r\n this.hiddenTextarea = null;\r\n this.abortCursorAnimation();\r\n this._restoreEditingProps();\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this.fire('editing:exited');\r\n isTextChanged && this.fire('modified');\r\n if (this.canvas) {\r\n this.canvas.off('mouse:move', this.mouseMoveHandler);\r\n this.canvas.fire('text:editing:exited', { target: this });\r\n isTextChanged &&\r\n this.canvas.fire('object:modified', { target: this });\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _removeExtraneousStyles: function () {\r\n for (var prop in this.styles) {\r\n if (!this._textLines[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * remove and reflow a style block from start to end.\r\n * @param {Number} start linear start position for removal (included in removal)\r\n * @param {Number} end linear end position for removal ( excluded from removal )\r\n */\r\n removeStyleFromTo: function (start, end) {\r\n var cursorStart = this.get2DCursorLocation(start, true),\r\n cursorEnd = this.get2DCursorLocation(end, true),\r\n lineStart = cursorStart.lineIndex,\r\n charStart = cursorStart.charIndex,\r\n lineEnd = cursorEnd.lineIndex,\r\n charEnd = cursorEnd.charIndex,\r\n i,\r\n styleObj;\r\n if (lineStart !== lineEnd) {\r\n // step1 remove the trailing of lineStart\r\n if (this.styles[lineStart]) {\r\n for (\r\n i = charStart;\r\n i < this._unwrappedTextLines[lineStart].length;\r\n i++\r\n ) {\r\n delete this.styles[lineStart][i];\r\n }\r\n }\r\n // step2 move the trailing of lineEnd to lineStart if needed\r\n if (this.styles[lineEnd]) {\r\n for (\r\n i = charEnd;\r\n i < this._unwrappedTextLines[lineEnd].length;\r\n i++\r\n ) {\r\n styleObj = this.styles[lineEnd][i];\r\n if (styleObj) {\r\n this.styles[lineStart] || (this.styles[lineStart] = {});\r\n this.styles[lineStart][charStart + i - charEnd] = styleObj;\r\n }\r\n }\r\n }\r\n // step3 detects lines will be completely removed.\r\n for (i = lineStart + 1; i <= lineEnd; i++) {\r\n delete this.styles[i];\r\n }\r\n // step4 shift remaining lines.\r\n this.shiftLineStyles(lineEnd, lineStart - lineEnd);\r\n } else {\r\n // remove and shift left on the same line\r\n if (this.styles[lineStart]) {\r\n styleObj = this.styles[lineStart];\r\n var diff = charEnd - charStart,\r\n numericChar,\r\n _char;\r\n for (i = charStart; i < charEnd; i++) {\r\n delete styleObj[i];\r\n }\r\n for (_char in this.styles[lineStart]) {\r\n numericChar = parseInt(_char, 10);\r\n if (numericChar >= charEnd) {\r\n styleObj[numericChar - diff] = styleObj[_char];\r\n delete styleObj[_char];\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Shifts line styles up or down\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} offset Can any number?\r\n */\r\n shiftLineStyles: function (lineIndex, offset) {\r\n // shift all line styles by offset upward or downward\r\n // do not clone deep. we need new array, not new style objects\r\n var clonedStyles = Object.assign({}, this.styles);\r\n for (var line in this.styles) {\r\n var numericLine = parseInt(line, 10);\r\n if (numericLine > lineIndex) {\r\n this.styles[numericLine + offset] = clonedStyles[numericLine];\r\n if (!clonedStyles[numericLine - offset]) {\r\n delete this.styles[numericLine];\r\n }\r\n }\r\n }\r\n },\r\n\r\n restartCursorIfNeeded: function () {\r\n if (\r\n !this._currentTickState ||\r\n this._currentTickState.isAborted ||\r\n !this._currentTickCompleteState ||\r\n this._currentTickCompleteState.isAborted\r\n ) {\r\n this.initDelayedCursor();\r\n }\r\n },\r\n\r\n /**\r\n * Handle insertion of more consecutive style lines for when one or more\r\n * newlines gets added to the text. Since current style needs to be shifted\r\n * first we shift the current style of the number lines needed, then we add\r\n * new lines from the last to the first.\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} qty number of lines to add\r\n * @param {Array} copiedStyle Array of objects styles\r\n */\r\n insertNewlineStyleObject: function (\r\n lineIndex,\r\n charIndex,\r\n qty,\r\n copiedStyle\r\n ) {\r\n var currentCharStyle,\r\n newLineStyles = {},\r\n somethingAdded = false,\r\n isEndOfLine =\r\n this._unwrappedTextLines[lineIndex].length === charIndex;\r\n\r\n qty || (qty = 1);\r\n this.shiftLineStyles(lineIndex, qty);\r\n if (this.styles[lineIndex]) {\r\n currentCharStyle =\r\n this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1];\r\n }\r\n // we clone styles of all chars\r\n // after cursor onto the current line\r\n for (var index in this.styles[lineIndex]) {\r\n var numIndex = parseInt(index, 10);\r\n if (numIndex >= charIndex) {\r\n somethingAdded = true;\r\n newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index];\r\n // remove lines from the previous line since they're on a new line now\r\n if (!(isEndOfLine && charIndex === 0)) {\r\n delete this.styles[lineIndex][index];\r\n }\r\n }\r\n }\r\n var styleCarriedOver = false;\r\n if (somethingAdded && !isEndOfLine) {\r\n // if is end of line, the extra style we copied\r\n // is probably not something we want\r\n this.styles[lineIndex + qty] = newLineStyles;\r\n styleCarriedOver = true;\r\n }\r\n if (styleCarriedOver) {\r\n // skip the last line of since we already prepared it.\r\n qty--;\r\n }\r\n // for the all the lines or all the other lines\r\n // we clone current char style onto the next (otherwise empty) line\r\n while (qty > 0) {\r\n if (copiedStyle && copiedStyle[qty - 1]) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, copiedStyle[qty - 1]),\r\n };\r\n } else if (currentCharStyle) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, currentCharStyle),\r\n };\r\n } else {\r\n delete this.styles[lineIndex + qty];\r\n }\r\n qty--;\r\n }\r\n this._forceClearCache = true;\r\n },\r\n\r\n /**\r\n * Inserts style object for a given line/char index\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} quantity number Style object to insert, if given\r\n * @param {Array} copiedStyle array of style objects\r\n */\r\n insertCharStyleObject: function (\r\n lineIndex,\r\n charIndex,\r\n quantity,\r\n copiedStyle\r\n ) {\r\n if (!this.styles) {\r\n this.styles = {};\r\n }\r\n var currentLineStyles = this.styles[lineIndex],\r\n currentLineStylesCloned = currentLineStyles\r\n ? Object.assign({}, currentLineStyles)\r\n : {};\r\n\r\n quantity || (quantity = 1);\r\n // shift all char styles by quantity forward\r\n // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4\r\n for (var index in currentLineStylesCloned) {\r\n var numericIndex = parseInt(index, 10);\r\n if (numericIndex >= charIndex) {\r\n currentLineStyles[numericIndex + quantity] =\r\n currentLineStylesCloned[numericIndex];\r\n // only delete the style if there was nothing moved there\r\n if (!currentLineStylesCloned[numericIndex - quantity]) {\r\n delete currentLineStyles[numericIndex];\r\n }\r\n }\r\n }\r\n this._forceClearCache = true;\r\n if (copiedStyle) {\r\n while (quantity--) {\r\n if (!Object.keys(copiedStyle[quantity]).length) {\r\n continue;\r\n }\r\n if (!this.styles[lineIndex]) {\r\n this.styles[lineIndex] = {};\r\n }\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n copiedStyle[quantity]\r\n );\r\n }\r\n return;\r\n }\r\n if (!currentLineStyles) {\r\n return;\r\n }\r\n var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1];\r\n while (newStyle && quantity--) {\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n newStyle\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Inserts style object(s)\r\n * @param {Array} insertedText Characters at the location where style is inserted\r\n * @param {Number} start cursor index for inserting style\r\n * @param {Array} [copiedStyle] array of style objects to insert.\r\n */\r\n insertNewStyleBlock: function (insertedText, start, copiedStyle) {\r\n var cursorLoc = this.get2DCursorLocation(start, true),\r\n addedLines = [0],\r\n linesLength = 0;\r\n // get an array of how many char per lines are being added.\r\n for (var i = 0; i < insertedText.length; i++) {\r\n if (insertedText[i] === '\\n') {\r\n linesLength++;\r\n addedLines[linesLength] = 0;\r\n } else {\r\n addedLines[linesLength]++;\r\n }\r\n }\r\n // for the first line copy the style from the current char position.\r\n if (addedLines[0] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex,\r\n addedLines[0],\r\n copiedStyle\r\n );\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1);\r\n }\r\n linesLength &&\r\n this.insertNewlineStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex + addedLines[0],\r\n linesLength\r\n );\r\n for (var i = 1; i < linesLength; i++) {\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n } else if (copiedStyle) {\r\n // this test is required in order to close #6841\r\n // when a pasted buffer begins with a newline then\r\n // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0]\r\n // may be undefined for some reason\r\n if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) {\r\n this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0];\r\n }\r\n }\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1);\r\n }\r\n // we use i outside the loop to get it like linesLength\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Set the selectionStart and selectionEnd according to the new position of cursor\r\n * mimic the key - mouse navigation when shift is pressed.\r\n */\r\n setSelectionStartEndWithShift: function (start, end, newSelection) {\r\n if (newSelection <= start) {\r\n if (end === start) {\r\n this._selectionDirection = 'left';\r\n } else if (this._selectionDirection === 'right') {\r\n this._selectionDirection = 'left';\r\n this.selectionEnd = start;\r\n }\r\n this.selectionStart = newSelection;\r\n } else if (newSelection > start && newSelection < end) {\r\n if (this._selectionDirection === 'right') {\r\n this.selectionEnd = newSelection;\r\n } else {\r\n this.selectionStart = newSelection;\r\n }\r\n } else {\r\n // newSelection is > selection start and end\r\n if (end === start) {\r\n this._selectionDirection = 'right';\r\n } else if (this._selectionDirection === 'left') {\r\n this._selectionDirection = 'right';\r\n this.selectionStart = end;\r\n }\r\n this.selectionEnd = newSelection;\r\n }\r\n },\r\n\r\n setSelectionInBoundaries: function () {\r\n var length = this.text.length;\r\n if (this.selectionStart > length) {\r\n this.selectionStart = length;\r\n } else if (this.selectionStart < 0) {\r\n this.selectionStart = 0;\r\n }\r\n if (this.selectionEnd > length) {\r\n this.selectionEnd = length;\r\n } else if (this.selectionEnd < 0) {\r\n this.selectionEnd = 0;\r\n }\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { invertTransform, transformPoint } from '../util/misc/matrix';\r\nimport { Point } from '../point.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.IText.prototype,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Initializes \"dbclick\" event handler\r\n */\r\n initDoubleClickSimulation: function () {\r\n // for double click\r\n this.__lastClickTime = +new Date();\r\n\r\n // for triple click\r\n this.__lastLastClickTime = +new Date();\r\n\r\n this.__lastPointer = {};\r\n\r\n this.on('mousedown', this.onMouseDown);\r\n },\r\n\r\n /**\r\n * Default event handler to simulate triple click\r\n * @private\r\n */\r\n onMouseDown: function (options) {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n this.__newClickTime = +new Date();\r\n var newPointer = options.pointer;\r\n if (this.isTripleClick(newPointer)) {\r\n this.fire('tripleclick', options);\r\n this._stopEvent(options.e);\r\n }\r\n this.__lastLastClickTime = this.__lastClickTime;\r\n this.__lastClickTime = this.__newClickTime;\r\n this.__lastPointer = newPointer;\r\n this.__lastIsEditing = this.isEditing;\r\n this.__lastSelected = this.selected;\r\n },\r\n\r\n isTripleClick: function (newPointer) {\r\n return (\r\n this.__newClickTime - this.__lastClickTime < 500 &&\r\n this.__lastClickTime - this.__lastLastClickTime < 500 &&\r\n this.__lastPointer.x === newPointer.x &&\r\n this.__lastPointer.y === newPointer.y\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _stopEvent: function (e) {\r\n e.preventDefault && e.preventDefault();\r\n e.stopPropagation && e.stopPropagation();\r\n },\r\n\r\n /**\r\n * Initializes event handlers related to cursor or selection\r\n */\r\n initCursorSelectionHandlers: function () {\r\n this.initMousedownHandler();\r\n this.initMouseupHandler();\r\n this.initClicks();\r\n },\r\n\r\n /**\r\n * Default handler for double click, select a word\r\n */\r\n doubleClickHandler: function (options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectWord(this.getSelectionStartFromPointer(options.e));\r\n },\r\n\r\n /**\r\n * Default handler for triple click, select a line\r\n */\r\n tripleClickHandler: function (options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectLine(this.getSelectionStartFromPointer(options.e));\r\n },\r\n\r\n /**\r\n * Initializes double and triple click event handlers\r\n */\r\n initClicks: function () {\r\n this.on('mousedblclick', this.doubleClickHandler);\r\n this.on('tripleclick', this.tripleClickHandler);\r\n },\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on _mouseDown\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: find the click position, set selectionStart\r\n * find selectionEnd, initialize the drawing of either cursor or selection area\r\n * initializing a mousedDown on a text area will cancel fabricjs knowledge of\r\n * current compositionMode. It will be set to false.\r\n */\r\n _mouseDownHandler: function (options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n this.__isMousedown = true;\r\n\r\n if (this.selected) {\r\n this.inCompositionMode = false;\r\n this.setCursorByClick(options.e);\r\n }\r\n\r\n if (this.isEditing) {\r\n this.__selectionStartOnMouseDown = this.selectionStart;\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.abortCursorAnimation();\r\n }\r\n this.renderCursorOrSelection();\r\n }\r\n },\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on mousedown:before\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: verify the object is already selected when mousing down\r\n */\r\n _mouseDownHandlerBefore: function (options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n // we want to avoid that an object that was selected and then becomes unselectable,\r\n // may trigger editing mode in some way.\r\n this.selected = this === this.canvas._activeObject;\r\n // text dragging logic\r\n var newSelection = this.getSelectionStartFromPointer(options.e);\r\n this.__isDragging =\r\n this.isEditing &&\r\n newSelection >= this.selectionStart &&\r\n newSelection <= this.selectionEnd &&\r\n this.selectionStart < this.selectionEnd;\r\n },\r\n\r\n /**\r\n * Initializes \"mousedown\" event handler\r\n */\r\n initMousedownHandler: function () {\r\n this.on('mousedown', this._mouseDownHandler);\r\n this.on('mousedown:before', this._mouseDownHandlerBefore);\r\n },\r\n\r\n /**\r\n * Initializes \"mouseup\" event handler\r\n */\r\n initMouseupHandler: function () {\r\n this.on('mouseup', this.mouseUpHandler);\r\n },\r\n\r\n /**\r\n * standard handler for mouse up, overridable\r\n * @private\r\n */\r\n mouseUpHandler: function (options) {\r\n this.__isMousedown = false;\r\n if (\r\n !this.editable ||\r\n (this.group && !this.group.interactive) ||\r\n (options.transform && options.transform.actionPerformed) ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n if (this.canvas) {\r\n var currentActive = this.canvas._activeObject;\r\n if (currentActive && currentActive !== this) {\r\n // avoid running this logic when there is an active object\r\n // this because is possible with shift click and fast clicks,\r\n // to rapidly deselect and reselect this object and trigger an enterEdit\r\n return;\r\n }\r\n }\r\n\r\n if (this.__lastSelected && !this.__corner) {\r\n this.selected = false;\r\n this.__lastSelected = false;\r\n this.enterEditing(options.e);\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.initDelayedCursor(true);\r\n } else {\r\n this.renderCursorOrSelection();\r\n }\r\n } else {\r\n this.selected = true;\r\n }\r\n },\r\n\r\n /**\r\n * Changes cursor location in a text depending on passed pointer (x/y) object\r\n * @param {Event} e Event object\r\n */\r\n setCursorByClick: function (e) {\r\n var newSelection = this.getSelectionStartFromPointer(e),\r\n start = this.selectionStart,\r\n end = this.selectionEnd;\r\n if (e.shiftKey) {\r\n this.setSelectionStartEndWithShift(start, end, newSelection);\r\n } else {\r\n this.selectionStart = newSelection;\r\n this.selectionEnd = newSelection;\r\n }\r\n if (this.isEditing) {\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n },\r\n\r\n /**\r\n * Returns coordinates of a pointer relative to object's top left corner in object's plane\r\n * @param {Event} e Event to operate upon\r\n * @param {Object} [pointer] Pointer to operate upon (instead of event)\r\n * @return {Point} Coordinates of a pointer (x, y)\r\n */\r\n getLocalPointer: function (e: Event, pointer?: IPoint): Point {\r\n const thePointer = pointer || this.canvas.getPointer(e);\r\n return transformPoint(\r\n thePointer,\r\n invertTransform(this.calcTransformMatrix())\r\n ).add(new Point(this.width / 2, this.height / 2));\r\n },\r\n\r\n /**\r\n * Returns index of a character corresponding to where an object was clicked\r\n * @param {Event} e Event object\r\n * @return {Number} Index of a character\r\n */\r\n getSelectionStartFromPointer: function (e) {\r\n var mouseOffset = this.getLocalPointer(e),\r\n prevWidth = 0,\r\n width = 0,\r\n height = 0,\r\n charIndex = 0,\r\n lineIndex = 0,\r\n lineLeftOffset,\r\n line;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n if (height <= mouseOffset.y) {\r\n height += this.getHeightOfLine(i) * this.scaleY;\r\n lineIndex = i;\r\n if (i > 0) {\r\n charIndex +=\r\n this._textLines[i - 1].length +\r\n this.missingNewlineOffset(i - 1);\r\n }\r\n } else {\r\n break;\r\n }\r\n }\r\n lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex));\r\n width = lineLeftOffset * this.scaleX;\r\n line = this._textLines[lineIndex];\r\n // handling of RTL: in order to get things work correctly,\r\n // we assume RTL writing is mirrored compared to LTR writing.\r\n // so in position detection we mirror the X offset, and when is time\r\n // of rendering it, we mirror it again.\r\n if (this.direction === 'rtl') {\r\n mouseOffset.x = this.width * this.scaleX - mouseOffset.x;\r\n }\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n prevWidth = width;\r\n // i removed something about flipX here, check.\r\n width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX;\r\n if (width <= mouseOffset.x) {\r\n charIndex++;\r\n } else {\r\n break;\r\n }\r\n }\r\n return this._getNewSelectionStartFromOffset(\r\n mouseOffset,\r\n prevWidth,\r\n width,\r\n charIndex,\r\n jlen\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _getNewSelectionStartFromOffset: function (\r\n mouseOffset,\r\n prevWidth,\r\n width,\r\n index,\r\n jlen\r\n ) {\r\n // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0\r\n var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth,\r\n distanceBtwNextCharAndCursor = width - mouseOffset.x,\r\n offset =\r\n distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor ||\r\n distanceBtwNextCharAndCursor < 0\r\n ? 0\r\n : 1,\r\n newSelectionStart = index + offset;\r\n // if object is horizontally flipped, mirror cursor location from the end\r\n if (this.flipX) {\r\n newSelectionStart = jlen - newSelectionStart;\r\n }\r\n\r\n if (newSelectionStart > this._text.length) {\r\n newSelectionStart = this._text.length;\r\n }\r\n\r\n return newSelectionStart;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.IText.prototype,\r\n /** @lends fabric.IText.prototype */ {\r\n /**\r\n * Initializes hidden textarea (needed to bring up keyboard in iOS)\r\n */\r\n initHiddenTextarea: function () {\r\n this.hiddenTextarea = fabric.document.createElement('textarea');\r\n this.hiddenTextarea.setAttribute('autocapitalize', 'off');\r\n this.hiddenTextarea.setAttribute('autocorrect', 'off');\r\n this.hiddenTextarea.setAttribute('autocomplete', 'off');\r\n this.hiddenTextarea.setAttribute('spellcheck', 'false');\r\n this.hiddenTextarea.setAttribute('data-fabric', 'textarea');\r\n this.hiddenTextarea.setAttribute('wrap', 'off');\r\n var style = this._calcTextareaPosition();\r\n // line-height: 1px; was removed from the style to fix this:\r\n // https://bugs.chromium.org/p/chromium/issues/detail?id=870966\r\n this.hiddenTextarea.style.cssText =\r\n 'position: absolute; top: ' +\r\n style.top +\r\n '; left: ' +\r\n style.left +\r\n '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' +\r\n ' padding-top: ' +\r\n style.fontSize +\r\n ';';\r\n\r\n if (this.hiddenTextareaContainer) {\r\n this.hiddenTextareaContainer.appendChild(this.hiddenTextarea);\r\n } else {\r\n fabric.document.body.appendChild(this.hiddenTextarea);\r\n }\r\n\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'blur',\r\n this.blur.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'keydown',\r\n this.onKeyDown.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'keyup',\r\n this.onKeyUp.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'input',\r\n this.onInput.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'copy',\r\n this.copy.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'cut',\r\n this.copy.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'paste',\r\n this.paste.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'compositionstart',\r\n this.onCompositionStart.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'compositionupdate',\r\n this.onCompositionUpdate.bind(this)\r\n );\r\n fabric.util.addListener(\r\n this.hiddenTextarea,\r\n 'compositionend',\r\n this.onCompositionEnd.bind(this)\r\n );\r\n\r\n if (!this._clickHandlerInitialized && this.canvas) {\r\n fabric.util.addListener(\r\n this.canvas.upperCanvasEl,\r\n 'click',\r\n this.onClick.bind(this)\r\n );\r\n this._clickHandlerInitialized = true;\r\n }\r\n },\r\n\r\n /**\r\n * For functionalities on keyDown\r\n * Map a special key to a function of the instance/prototype\r\n * If you need different behaviour for ESC or TAB or arrows, you have to change\r\n * this map setting the name of a function that you build on the fabric.Itext or\r\n * your prototype.\r\n * the map change will affect all Instances unless you need for only some text Instances\r\n * in that case you have to clone this object and assign your Instance.\r\n * this.keysMap = Object.assign({}, this.keysMap);\r\n * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0]\r\n */\r\n keysMap: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorRight',\r\n 36: 'moveCursorLeft',\r\n 37: 'moveCursorLeft',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorRight',\r\n 40: 'moveCursorDown',\r\n },\r\n\r\n keysMapRtl: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorLeft',\r\n 36: 'moveCursorRight',\r\n 37: 'moveCursorRight',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorLeft',\r\n 40: 'moveCursorDown',\r\n },\r\n\r\n /**\r\n * For functionalities on keyUp + ctrl || cmd\r\n */\r\n ctrlKeysMapUp: {\r\n 67: 'copy',\r\n 88: 'cut',\r\n },\r\n\r\n /**\r\n * For functionalities on keyDown + ctrl || cmd\r\n */\r\n ctrlKeysMapDown: {\r\n 65: 'selectAll',\r\n },\r\n\r\n onClick: function () {\r\n // No need to trigger click event here, focus is enough to have the keyboard appear on Android\r\n this.hiddenTextarea && this.hiddenTextarea.focus();\r\n },\r\n\r\n /**\r\n * Override this method to customize cursor behavior on textbox blur\r\n */\r\n blur: function () {\r\n this.abortCursorAnimation();\r\n },\r\n\r\n /**\r\n * Handles keydown event\r\n * only used for arrows and combination of modifier keys.\r\n * @param {Event} e Event object\r\n */\r\n onKeyDown: function (e) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap;\r\n if (e.keyCode in keyMap) {\r\n this[keyMap[e.keyCode]](e);\r\n } else if (\r\n e.keyCode in this.ctrlKeysMapDown &&\r\n (e.ctrlKey || e.metaKey)\r\n ) {\r\n this[this.ctrlKeysMapDown[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n if (e.keyCode >= 33 && e.keyCode <= 40) {\r\n // if i press an arrow key just update selection\r\n this.inCompositionMode = false;\r\n this.clearContextTop();\r\n this.renderCursorOrSelection();\r\n } else {\r\n this.canvas && this.canvas.requestRenderAll();\r\n }\r\n },\r\n\r\n /**\r\n * Handles keyup event\r\n * We handle KeyUp because ie11 and edge have difficulties copy/pasting\r\n * if a copy/cut event fired, keyup is dismissed\r\n * @param {Event} e Event object\r\n */\r\n onKeyUp: function (e) {\r\n if (!this.isEditing || this._copyDone || this.inCompositionMode) {\r\n this._copyDone = false;\r\n return;\r\n }\r\n if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) {\r\n this[this.ctrlKeysMapUp[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n this.canvas && this.canvas.requestRenderAll();\r\n },\r\n\r\n /**\r\n * Handles onInput event\r\n * @param {Event} e Event object\r\n */\r\n onInput: function (e) {\r\n var fromPaste = this.fromPaste;\r\n this.fromPaste = false;\r\n e && e.stopPropagation();\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n // decisions about style changes.\r\n var nextText = this._splitTextIntoLines(\r\n this.hiddenTextarea.value\r\n ).graphemeText,\r\n charCount = this._text.length,\r\n nextCharCount = nextText.length,\r\n removedText,\r\n insertedText,\r\n charDiff = nextCharCount - charCount,\r\n selectionStart = this.selectionStart,\r\n selectionEnd = this.selectionEnd,\r\n selection = selectionStart !== selectionEnd,\r\n copiedStyle,\r\n removeFrom,\r\n removeTo;\r\n if (this.hiddenTextarea.value === '') {\r\n this.styles = {};\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n return;\r\n }\r\n\r\n var textareaSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n var backDelete = selectionStart > textareaSelection.selectionStart;\r\n\r\n if (selection) {\r\n removedText = this._text.slice(selectionStart, selectionEnd);\r\n charDiff += selectionEnd - selectionStart;\r\n } else if (nextCharCount < charCount) {\r\n if (backDelete) {\r\n removedText = this._text.slice(\r\n selectionEnd + charDiff,\r\n selectionEnd\r\n );\r\n } else {\r\n removedText = this._text.slice(\r\n selectionStart,\r\n selectionStart - charDiff\r\n );\r\n }\r\n }\r\n insertedText = nextText.slice(\r\n textareaSelection.selectionEnd - charDiff,\r\n textareaSelection.selectionEnd\r\n );\r\n if (removedText && removedText.length) {\r\n if (insertedText.length) {\r\n // let's copy some style before deleting.\r\n // we want to copy the style before the cursor OR the style at the cursor if selection\r\n // is bigger than 0.\r\n copiedStyle = this.getSelectionStyles(\r\n selectionStart,\r\n selectionStart + 1,\r\n false\r\n );\r\n // now duplicate the style one for each inserted text.\r\n copiedStyle = insertedText.map(function () {\r\n // this return an array of references, but that is fine since we are\r\n // copying the style later.\r\n return copiedStyle[0];\r\n });\r\n }\r\n if (selection) {\r\n removeFrom = selectionStart;\r\n removeTo = selectionEnd;\r\n } else if (backDelete) {\r\n // detect differences between forwardDelete and backDelete\r\n removeFrom = selectionEnd - removedText.length;\r\n removeTo = selectionEnd;\r\n } else {\r\n removeFrom = selectionEnd;\r\n removeTo = selectionEnd + removedText.length;\r\n }\r\n this.removeStyleFromTo(removeFrom, removeTo);\r\n }\r\n if (insertedText.length) {\r\n if (\r\n fromPaste &&\r\n insertedText.join('') === fabric.copiedText &&\r\n !config.disableStyleCopyPaste\r\n ) {\r\n copiedStyle = fabric.copiedTextStyle;\r\n }\r\n this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle);\r\n }\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n },\r\n /**\r\n * Composition start\r\n */\r\n onCompositionStart: function () {\r\n this.inCompositionMode = true;\r\n },\r\n\r\n /**\r\n * Composition end\r\n */\r\n onCompositionEnd: function () {\r\n this.inCompositionMode = false;\r\n },\r\n\r\n // /**\r\n // * Composition update\r\n // */\r\n onCompositionUpdate: function (e) {\r\n this.compositionStart = e.target.selectionStart;\r\n this.compositionEnd = e.target.selectionEnd;\r\n this.updateTextareaPosition();\r\n },\r\n\r\n /**\r\n * Copies selected text\r\n * @param {Event} e Event object\r\n */\r\n copy: function () {\r\n if (this.selectionStart === this.selectionEnd) {\r\n //do not cut-copy if no selection\r\n return;\r\n }\r\n\r\n fabric.copiedText = this.getSelectedText();\r\n if (!config.disableStyleCopyPaste) {\r\n fabric.copiedTextStyle = this.getSelectionStyles(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n true\r\n );\r\n } else {\r\n fabric.copiedTextStyle = null;\r\n }\r\n this._copyDone = true;\r\n },\r\n\r\n /**\r\n * Pastes text\r\n * @param {Event} e Event object\r\n */\r\n paste: function () {\r\n this.fromPaste = true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @return {Object} Clipboard data object\r\n */\r\n _getClipboardData: function (e) {\r\n return (e && e.clipboardData) || fabric.window.clipboardData;\r\n },\r\n\r\n /**\r\n * Finds the width in pixels before the cursor on the same line\r\n * @private\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Number} widthBeforeCursor width before cursor\r\n */\r\n _getWidthBeforeCursor: function (lineIndex, charIndex) {\r\n var widthBeforeCursor = this._getLineLeftOffset(lineIndex),\r\n bound;\r\n\r\n if (charIndex > 0) {\r\n bound = this.__charBounds[lineIndex][charIndex - 1];\r\n widthBeforeCursor += bound.left + bound.width;\r\n }\r\n return widthBeforeCursor;\r\n },\r\n\r\n /**\r\n * Gets start offset of a selection\r\n * @param {Event} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getDownCursorOffset: function (e, isRight) {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n // if on last line, down cursor goes to end of line\r\n if (\r\n lineIndex === this._textLines.length - 1 ||\r\n e.metaKey ||\r\n e.keyCode === 34\r\n ) {\r\n // move to the end of a text\r\n return this._text.length - selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex + 1,\r\n widthBeforeCursor\r\n ),\r\n textAfterCursor = this._textLines[lineIndex].slice(charIndex);\r\n return (\r\n textAfterCursor.length +\r\n indexOnOtherLine +\r\n 1 +\r\n this.missingNewlineOffset(lineIndex)\r\n );\r\n },\r\n\r\n /**\r\n * private\r\n * Helps finding if the offset should be counted from Start or End\r\n * @param {Event} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n _getSelectionForOffset: function (e, isRight) {\r\n if (\r\n e.shiftKey &&\r\n this.selectionStart !== this.selectionEnd &&\r\n isRight\r\n ) {\r\n return this.selectionEnd;\r\n } else {\r\n return this.selectionStart;\r\n }\r\n },\r\n\r\n /**\r\n * @param {Event} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getUpCursorOffset: function (e, isRight) {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n if (lineIndex === 0 || e.metaKey || e.keyCode === 33) {\r\n // if on first line, up cursor goes to start of line\r\n return -selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex - 1,\r\n widthBeforeCursor\r\n ),\r\n textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex),\r\n missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1);\r\n // return a negative offset\r\n return (\r\n -this._textLines[lineIndex - 1].length +\r\n indexOnOtherLine -\r\n textBeforeCursor.length +\r\n (1 - missingNewlineOffset)\r\n );\r\n },\r\n\r\n /**\r\n * for a given width it founds the matching character.\r\n * @private\r\n */\r\n _getIndexOnLine: function (lineIndex, width) {\r\n var line = this._textLines[lineIndex],\r\n lineLeftOffset = this._getLineLeftOffset(lineIndex),\r\n widthOfCharsOnLine = lineLeftOffset,\r\n indexOnLine = 0,\r\n charWidth,\r\n foundMatch;\r\n\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charWidth = this.__charBounds[lineIndex][j].width;\r\n widthOfCharsOnLine += charWidth;\r\n if (widthOfCharsOnLine > width) {\r\n foundMatch = true;\r\n var leftEdge = widthOfCharsOnLine - charWidth,\r\n rightEdge = widthOfCharsOnLine,\r\n offsetFromLeftEdge = Math.abs(leftEdge - width),\r\n offsetFromRightEdge = Math.abs(rightEdge - width);\r\n\r\n indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1;\r\n break;\r\n }\r\n }\r\n\r\n // reached end\r\n if (!foundMatch) {\r\n indexOnLine = line.length - 1;\r\n }\r\n\r\n return indexOnLine;\r\n },\r\n\r\n /**\r\n * Moves cursor down\r\n * @param {Event} e Event object\r\n */\r\n moveCursorDown: function (e) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Down', e);\r\n },\r\n\r\n /**\r\n * Moves cursor up\r\n * @param {Event} e Event object\r\n */\r\n moveCursorUp: function (e) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Up', e);\r\n },\r\n\r\n /**\r\n * Moves cursor up or down, fires the events\r\n * @param {String} direction 'Up' or 'Down'\r\n * @param {Event} e Event object\r\n */\r\n _moveCursorUpOrDown: function (direction, e) {\r\n // getUpCursorOffset\r\n // getDownCursorOffset\r\n var action = 'get' + direction + 'CursorOffset',\r\n offset = this[action](e, this._selectionDirection === 'right');\r\n if (e.shiftKey) {\r\n this.moveCursorWithShift(offset);\r\n } else {\r\n this.moveCursorWithoutShift(offset);\r\n }\r\n if (offset !== 0) {\r\n this.setSelectionInBoundaries();\r\n this.abortCursorAnimation();\r\n this._currentCursorOpacity = 1;\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor with shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithShift: function (offset) {\r\n var newSelection =\r\n this._selectionDirection === 'left'\r\n ? this.selectionStart + offset\r\n : this.selectionEnd + offset;\r\n this.setSelectionStartEndWithShift(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n newSelection\r\n );\r\n return offset !== 0;\r\n },\r\n\r\n /**\r\n * Moves cursor up without shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithoutShift: function (offset) {\r\n if (offset < 0) {\r\n this.selectionStart += offset;\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionEnd += offset;\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return offset !== 0;\r\n },\r\n\r\n /**\r\n * Moves cursor left\r\n * @param {Event} e Event object\r\n */\r\n moveCursorLeft: function (e) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Left', e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Boolean} true if a change happened\r\n */\r\n _move: function (e, prop, direction) {\r\n var newValue;\r\n if (e.altKey) {\r\n newValue = this['findWordBoundary' + direction](this[prop]);\r\n } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) {\r\n newValue = this['findLineBoundary' + direction](this[prop]);\r\n } else {\r\n this[prop] += direction === 'Left' ? -1 : 1;\r\n return true;\r\n }\r\n if (typeof newValue !== 'undefined' && this[prop] !== newValue) {\r\n this[prop] = newValue;\r\n return true;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _moveLeft: function (e, prop) {\r\n return this._move(e, prop, 'Left');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _moveRight: function (e, prop) {\r\n return this._move(e, prop, 'Right');\r\n },\r\n\r\n /**\r\n * Moves cursor left without keeping selection\r\n * @param {Event} e\r\n */\r\n moveCursorLeftWithoutShift: function (e) {\r\n var change = true;\r\n this._selectionDirection = 'left';\r\n\r\n // only move cursor when there is no selection,\r\n // otherwise we discard it, and leave cursor on same place\r\n if (\r\n this.selectionEnd === this.selectionStart &&\r\n this.selectionStart !== 0\r\n ) {\r\n change = this._moveLeft(e, 'selectionStart');\r\n }\r\n this.selectionEnd = this.selectionStart;\r\n return change;\r\n },\r\n\r\n /**\r\n * Moves cursor left while keeping selection\r\n * @param {Event} e\r\n */\r\n moveCursorLeftWithShift: function (e) {\r\n if (\r\n this._selectionDirection === 'right' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveLeft(e, 'selectionEnd');\r\n } else if (this.selectionStart !== 0) {\r\n this._selectionDirection = 'left';\r\n return this._moveLeft(e, 'selectionStart');\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor right\r\n * @param {Event} e Event object\r\n */\r\n moveCursorRight: function (e) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Right', e);\r\n },\r\n\r\n /**\r\n * Moves cursor right or Left, fires event\r\n * @param {String} direction 'Left', 'Right'\r\n * @param {Event} e Event object\r\n */\r\n _moveCursorLeftOrRight: function (direction, e) {\r\n var actionName = 'moveCursor' + direction + 'With';\r\n this._currentCursorOpacity = 1;\r\n\r\n if (e.shiftKey) {\r\n actionName += 'Shift';\r\n } else {\r\n actionName += 'outShift';\r\n }\r\n if (this[actionName](e)) {\r\n this.abortCursorAnimation();\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor right while keeping selection\r\n * @param {Event} e\r\n */\r\n moveCursorRightWithShift: function (e) {\r\n if (\r\n this._selectionDirection === 'left' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveRight(e, 'selectionStart');\r\n } else if (this.selectionEnd !== this._text.length) {\r\n this._selectionDirection = 'right';\r\n return this._moveRight(e, 'selectionEnd');\r\n }\r\n },\r\n\r\n /**\r\n * Moves cursor right without keeping selection\r\n * @param {Event} e Event object\r\n */\r\n moveCursorRightWithoutShift: function (e) {\r\n var changed = true;\r\n this._selectionDirection = 'right';\r\n\r\n if (this.selectionStart === this.selectionEnd) {\r\n changed = this._moveRight(e, 'selectionStart');\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return changed;\r\n },\r\n\r\n /**\r\n * Removes characters from start/end\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n removeChars: function (start, end) {\r\n if (typeof end === 'undefined') {\r\n end = start + 1;\r\n }\r\n this.removeStyleFromTo(start, end);\r\n this._text.splice(start, end - start);\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n },\r\n\r\n /**\r\n * insert characters at start position, before start position.\r\n * start equal 1 it means the text get inserted between actual grapheme 0 and 1\r\n * if style array is provided, it must be as the same length of text in graphemes\r\n * if end is provided and is bigger than start, old text is replaced.\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {String} text text to insert\r\n * @param {Array} style array of style objects\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n insertChars: function (text, style, start, end) {\r\n if (typeof end === 'undefined') {\r\n end = start;\r\n }\r\n if (end > start) {\r\n this.removeStyleFromTo(start, end);\r\n }\r\n var graphemes = this.graphemeSplit(text);\r\n this.insertNewStyleBlock(graphemes, start, style);\r\n this._text = [].concat(\r\n this._text.slice(0, start),\r\n graphemes,\r\n this._text.slice(end)\r\n );\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\n(function (global) {\r\n var fabric = global.fabric,\r\n toFixed = fabric.util.toFixed,\r\n multipleSpacesRegex = / +/g;\r\n\r\n fabric.util.object.extend(\r\n fabric.Text.prototype,\r\n /** @lends fabric.Text.prototype */ {\r\n /**\r\n * Returns SVG representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG: function () {\r\n var offsets = this._getSVGLeftTopOffsets(),\r\n textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\r\n return this._wrapSVGTextAndBg(textAndBg);\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n noStyle: true,\r\n withShadow: true,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLeftTopOffsets: function () {\r\n return {\r\n textLeft: -this.width / 2,\r\n textTop: -this.height / 2,\r\n lineTop: this.getHeightOfLine(0),\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _wrapSVGTextAndBg: function (textAndBg) {\r\n var noShadow = true,\r\n textDecoration = this.getSvgTextDecoration(this);\r\n return [\r\n textAndBg.textBgRects.join(''),\r\n '\\t\\t',\r\n textAndBg.textSpans.join(''),\r\n '\\n',\r\n ];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Number} textTopOffset Text top offset\r\n * @param {Number} textLeftOffset Text left offset\r\n * @return {Object}\r\n */\r\n _getSVGTextAndBg: function (textTopOffset, textLeftOffset) {\r\n var textSpans = [],\r\n textBgRects = [],\r\n height = textTopOffset,\r\n lineOffset;\r\n // bounding-box background\r\n this._setSVGBg(textBgRects);\r\n\r\n // text and text-background\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n lineOffset = this._getLineLeftOffset(i);\r\n if (this.direction === 'rtl') {\r\n lineOffset += this.width;\r\n }\r\n if (\r\n this.textBackgroundColor ||\r\n this.styleHas('textBackgroundColor', i)\r\n ) {\r\n this._setSVGTextLineBg(\r\n textBgRects,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n }\r\n this._setSVGTextLineText(\r\n textSpans,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n height += this.getHeightOfLine(i);\r\n }\r\n\r\n return {\r\n textSpans: textSpans,\r\n textBgRects: textBgRects,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createTextCharSpan: function (_char, styleDecl, left, top) {\r\n var shouldUseWhitespace =\r\n _char !== _char.trim() || _char.match(multipleSpacesRegex),\r\n styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace),\r\n fillStyles = styleProps ? 'style=\"' + styleProps + '\"' : '',\r\n dy = styleDecl.deltaY,\r\n dySpan = '',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n if (dy) {\r\n dySpan = ' dy=\"' + toFixed(dy, NUM_FRACTION_DIGITS) + '\" ';\r\n }\r\n return [\r\n '',\r\n fabric.util.string.escapeXml(_char),\r\n '',\r\n ].join('');\r\n },\r\n\r\n _setSVGTextLineText: function (\r\n textSpans,\r\n lineIndex,\r\n textLeftOffset,\r\n textTopOffset\r\n ) {\r\n // set proper line offset\r\n var lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n style,\r\n boxWidth = 0,\r\n line = this._textLines[lineIndex],\r\n timeToRender;\r\n\r\n textTopOffset +=\r\n (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight;\r\n for (var i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n textLeftOffset += charBox.kernedWidth - charBox.width;\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = fabric.util.hasStyleChanged(\r\n actualStyle,\r\n nextStyle,\r\n true\r\n );\r\n }\r\n if (timeToRender) {\r\n style = this._getStyleDeclaration(lineIndex, i) || {};\r\n textSpans.push(\r\n this._createTextCharSpan(\r\n charsToRender,\r\n style,\r\n textLeftOffset,\r\n textTopOffset\r\n )\r\n );\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n if (this.direction === 'rtl') {\r\n textLeftOffset -= boxWidth;\r\n } else {\r\n textLeftOffset += boxWidth;\r\n }\r\n boxWidth = 0;\r\n }\r\n }\r\n },\r\n\r\n _pushTextBgRect: function (textBgRects, color, left, top, width, height) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n },\r\n\r\n _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) {\r\n var line = this._textLines[i],\r\n heightOfLine = this.getHeightOfLine(i) / this.lineHeight,\r\n boxWidth = 0,\r\n boxStart = 0,\r\n charBox,\r\n currentColor,\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\r\n if (currentColor !== lastColor) {\r\n lastColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n lastColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n currentColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n currentColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n },\r\n\r\n /**\r\n * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values\r\n * we work around it by \"moving\" alpha channel into opacity attribute and setting fill's alpha to 1\r\n *\r\n * @private\r\n * @param {*} value\r\n * @return {String}\r\n */\r\n _getFillAttributes: function (value) {\r\n var fillColor =\r\n value && typeof value === 'string' ? new Color(value) : '';\r\n if (\r\n !fillColor ||\r\n !fillColor.getSource() ||\r\n fillColor.getAlpha() === 1\r\n ) {\r\n return 'fill=\"' + value + '\"';\r\n }\r\n return (\r\n 'opacity=\"' +\r\n fillColor.getAlpha() +\r\n '\" fill=\"' +\r\n fillColor.setAlpha(1).toRgb() +\r\n '\"'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLineTopOffset: function (lineIndex) {\r\n var lineTopOffset = 0,\r\n lastHeight = 0;\r\n for (var j = 0; j < lineIndex; j++) {\r\n lineTopOffset += this.getHeightOfLine(j);\r\n }\r\n lastHeight = this.getHeightOfLine(j);\r\n return {\r\n lineTop: lineTopOffset,\r\n offset:\r\n ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) /\r\n (this.lineHeight * this._fontSizeMult),\r\n };\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles: function (skipShadow) {\r\n var svgStyle = FabricObject.prototype.getSvgStyles.call(\r\n this,\r\n skipShadow\r\n );\r\n return svgStyle + ' white-space: pre;';\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n/* _TO_SVG_END_ */\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Textbox class, based on IText, allows the user to resize the text rectangle\r\n * and wraps lines automatically. Textboxes have their Y scaling locked, the\r\n * user can only change width. Height is adjusted automatically based on the\r\n * wrapping of lines.\r\n * @class fabric.Textbox\r\n * @extends fabric.IText\r\n * @return {fabric.Textbox} thisArg\r\n * @see {@link fabric.Textbox#initialize} for constructor definition\r\n */\r\n fabric.Textbox = fabric.util.createClass(fabric.IText, {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'textbox',\r\n\r\n /**\r\n * Minimum width of textbox, in pixels.\r\n * @type Number\r\n * @default\r\n */\r\n minWidth: 20,\r\n\r\n /**\r\n * Minimum calculated width of a textbox, in pixels.\r\n * fixed to 2 so that an empty textbox cannot go to 0\r\n * and is still selectable without text.\r\n * @type Number\r\n * @default\r\n */\r\n dynamicMinWidth: 2,\r\n\r\n /**\r\n * Cached array of text wrapping.\r\n * @type Array\r\n */\r\n __cachedLines: null,\r\n\r\n /**\r\n * Override standard Object class values\r\n */\r\n lockScalingFlip: true,\r\n\r\n /**\r\n * Override standard Object class values\r\n * Textbox needs this on false\r\n */\r\n noScaleCache: false,\r\n\r\n /**\r\n * Properties which when set cause object to change dimensions\r\n * @type Object\r\n * @private\r\n */\r\n _dimensionAffectingProps:\r\n fabric.Text.prototype._dimensionAffectingProps.concat('width'),\r\n\r\n /**\r\n * Use this regular expression to split strings in breakable lines\r\n * @private\r\n */\r\n _wordJoiners: /[ \\t\\r]/,\r\n\r\n /**\r\n * Use this boolean property in order to split strings that have no white space concept.\r\n * this is a cheap way to help with chinese/japanese\r\n * @type Boolean\r\n * @since 2.6.0\r\n */\r\n splitByGrapheme: false,\r\n\r\n /**\r\n * Unlike superclass's version of this function, Textbox does not update\r\n * its width.\r\n * @private\r\n * @override\r\n */\r\n initDimensions: function () {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n this._clearCache();\r\n // clear dynamicMinWidth as it will be different after we re-wrap line\r\n this.dynamicMinWidth = 0;\r\n // wrap lines\r\n this._styleMap = this._generateStyleMap(this._splitText());\r\n // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap\r\n if (this.dynamicMinWidth > this.width) {\r\n this._set('width', this.dynamicMinWidth);\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n // clear cache and re-calculate height\r\n this.height = this.calcTextHeight();\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n },\r\n\r\n /**\r\n * Generate an object that translates the style object so that it is\r\n * broken up by visual lines (new lines and automatic wrapping).\r\n * The original text styles object is broken up by actual lines (new lines only),\r\n * which is only sufficient for Text / IText\r\n * @private\r\n */\r\n _generateStyleMap: function (textInfo) {\r\n var realLineCount = 0,\r\n realLineCharCount = 0,\r\n charCount = 0,\r\n map = {};\r\n\r\n for (var i = 0; i < textInfo.graphemeLines.length; i++) {\r\n if (textInfo.graphemeText[charCount] === '\\n' && i > 0) {\r\n realLineCharCount = 0;\r\n charCount++;\r\n realLineCount++;\r\n } else if (\r\n !this.splitByGrapheme &&\r\n this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) &&\r\n i > 0\r\n ) {\r\n // this case deals with space's that are removed from end of lines when wrapping\r\n realLineCharCount++;\r\n charCount++;\r\n }\r\n\r\n map[i] = { line: realLineCount, offset: realLineCharCount };\r\n\r\n charCount += textInfo.graphemeLines[i].length;\r\n realLineCharCount += textInfo.graphemeLines[i].length;\r\n }\r\n\r\n return map;\r\n },\r\n\r\n /**\r\n * Returns true if object has a style property or has it on a specified line\r\n * @param {Number} lineIndex\r\n * @return {Boolean}\r\n */\r\n styleHas: function (property, lineIndex) {\r\n if (this._styleMap && !this.isWrapping) {\r\n var map = this._styleMap[lineIndex];\r\n if (map) {\r\n lineIndex = map.line;\r\n }\r\n }\r\n return fabric.Text.prototype.styleHas.call(this, property, lineIndex);\r\n },\r\n\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles: function (lineIndex) {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n var offset = 0,\r\n nextLineIndex = lineIndex + 1,\r\n nextOffset,\r\n obj,\r\n shouldLimit = false,\r\n map = this._styleMap[lineIndex],\r\n mapNextLine = this._styleMap[lineIndex + 1];\r\n if (map) {\r\n lineIndex = map.line;\r\n offset = map.offset;\r\n }\r\n if (mapNextLine) {\r\n nextLineIndex = mapNextLine.line;\r\n shouldLimit = nextLineIndex === lineIndex;\r\n nextOffset = mapNextLine.offset;\r\n }\r\n obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (var p1 in obj) {\r\n for (var p2 in obj[p1]) {\r\n if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (var p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _getStyleDeclaration: function (lineIndex, charIndex) {\r\n if (this._styleMap && !this.isWrapping) {\r\n var map = this._styleMap[lineIndex];\r\n if (!map) {\r\n return null;\r\n }\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n }\r\n return this.callSuper('_getStyleDeclaration', lineIndex, charIndex);\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setStyleDeclaration: function (lineIndex, charIndex, style) {\r\n var map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n\r\n this.styles[lineIndex][charIndex] = style;\r\n },\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _deleteStyleDeclaration: function (lineIndex, charIndex) {\r\n var map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n delete this.styles[lineIndex][charIndex];\r\n },\r\n\r\n /**\r\n * probably broken need a fix\r\n * Returns the real style line that correspond to the wrapped lineIndex line\r\n * Used just to verify if the line does exist or not.\r\n * @param {Number} lineIndex\r\n * @returns {Boolean} if the line exists or not\r\n * @private\r\n */\r\n _getLineStyle: function (lineIndex) {\r\n var map = this._styleMap[lineIndex];\r\n return !!this.styles[map.line];\r\n },\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setLineStyle: function (lineIndex) {\r\n var map = this._styleMap[lineIndex];\r\n this.styles[map.line] = {};\r\n },\r\n\r\n /**\r\n * Wraps text using the 'width' property of Textbox. First this function\r\n * splits text on newlines, so we preserve newlines entered by the user.\r\n * Then it wraps each line using the width of the Textbox by calling\r\n * _wrapLine().\r\n * @param {Array} lines The string array of text that is split into lines\r\n * @param {Number} desiredWidth width you want to wrap to\r\n * @returns {Array} Array of lines\r\n */\r\n _wrapText: function (lines, desiredWidth) {\r\n var wrapped = [],\r\n i;\r\n this.isWrapping = true;\r\n for (i = 0; i < lines.length; i++) {\r\n wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth));\r\n }\r\n this.isWrapping = false;\r\n return wrapped;\r\n },\r\n\r\n /**\r\n * Helper function to measure a string of text, given its lineIndex and charIndex offset\r\n * It gets called when charBounds are not available yet.\r\n * Override if necessary\r\n * Use with {@link fabric.Textbox#wordSplit}\r\n *\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {String} text\r\n * @param {number} lineIndex\r\n * @param {number} charOffset\r\n * @returns {number}\r\n */\r\n _measureWord: function (word, lineIndex, charOffset) {\r\n var width = 0,\r\n prevGrapheme,\r\n skipLeft = true;\r\n charOffset = charOffset || 0;\r\n for (var i = 0, len = word.length; i < len; i++) {\r\n var box = this._getGraphemeBox(\r\n word[i],\r\n lineIndex,\r\n i + charOffset,\r\n prevGrapheme,\r\n skipLeft\r\n );\r\n width += box.kernedWidth;\r\n prevGrapheme = word[i];\r\n }\r\n return width;\r\n },\r\n\r\n /**\r\n * Override this method to customize word splitting\r\n * Use with {@link fabric.Textbox#_measureWord}\r\n * @param {string} value\r\n * @returns {string[]} array of words\r\n */\r\n wordSplit: function (value) {\r\n return value.split(this._wordJoiners);\r\n },\r\n\r\n /**\r\n * Wraps a line of text using the width of the Textbox and a context.\r\n * @param {Array} line The grapheme array that represent the line\r\n * @param {Number} lineIndex\r\n * @param {Number} desiredWidth width you want to wrap the line to\r\n * @param {Number} reservedSpace space to remove from wrapping for custom functionalities\r\n * @returns {Array} Array of line(s) into which the given text is wrapped\r\n * to.\r\n */\r\n _wrapLine: function (_line, lineIndex, desiredWidth, reservedSpace) {\r\n var lineWidth = 0,\r\n splitByGrapheme = this.splitByGrapheme,\r\n graphemeLines = [],\r\n line = [],\r\n // spaces in different languages?\r\n words = splitByGrapheme\r\n ? this.graphemeSplit(_line)\r\n : this.wordSplit(_line),\r\n word = '',\r\n offset = 0,\r\n infix = splitByGrapheme ? '' : ' ',\r\n wordWidth = 0,\r\n infixWidth = 0,\r\n largestWordWidth = 0,\r\n lineJustStarted = true,\r\n additionalSpace = this._getWidthOfCharSpacing(),\r\n reservedSpace = reservedSpace || 0;\r\n // fix a difference between split and graphemeSplit\r\n if (words.length === 0) {\r\n words.push([]);\r\n }\r\n desiredWidth -= reservedSpace;\r\n // measure words\r\n var data = words.map(\r\n function (word) {\r\n // if using splitByGrapheme words are already in graphemes.\r\n word = splitByGrapheme ? word : this.graphemeSplit(word);\r\n var width = this._measureWord(word, lineIndex, offset);\r\n largestWordWidth = Math.max(width, largestWordWidth);\r\n offset += word.length + 1;\r\n return { word: word, width: width };\r\n }.bind(this)\r\n );\r\n var maxWidth = Math.max(\r\n desiredWidth,\r\n largestWordWidth,\r\n this.dynamicMinWidth\r\n );\r\n // layout words\r\n offset = 0;\r\n for (var i = 0; i < words.length; i++) {\r\n word = data[i].word;\r\n wordWidth = data[i].width;\r\n offset += word.length;\r\n\r\n lineWidth += infixWidth + wordWidth - additionalSpace;\r\n if (lineWidth > maxWidth && !lineJustStarted) {\r\n graphemeLines.push(line);\r\n line = [];\r\n lineWidth = wordWidth;\r\n lineJustStarted = true;\r\n } else {\r\n lineWidth += additionalSpace;\r\n }\r\n\r\n if (!lineJustStarted && !splitByGrapheme) {\r\n line.push(infix);\r\n }\r\n line = line.concat(word);\r\n\r\n infixWidth = splitByGrapheme\r\n ? 0\r\n : this._measureWord([infix], lineIndex, offset);\r\n offset++;\r\n lineJustStarted = false;\r\n }\r\n\r\n i && graphemeLines.push(line);\r\n\r\n if (largestWordWidth + reservedSpace > this.dynamicMinWidth) {\r\n this.dynamicMinWidth =\r\n largestWordWidth - additionalSpace + reservedSpace;\r\n }\r\n return graphemeLines;\r\n },\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @param {Number} lineIndex text to split\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping: function (lineIndex) {\r\n if (!this._styleMap[lineIndex + 1]) {\r\n // is last line, return true;\r\n return true;\r\n }\r\n if (\r\n this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line\r\n ) {\r\n // this is last line before a line break, return true;\r\n return true;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * @return Number\r\n */\r\n missingNewlineOffset: function (lineIndex) {\r\n if (this.splitByGrapheme) {\r\n return this.isEndOfWrapping(lineIndex) ? 1 : 0;\r\n }\r\n return 1;\r\n },\r\n\r\n /**\r\n * Gets lines of text to render in the Textbox. This function calculates\r\n * text wrapping on the fly every time it is called.\r\n * @param {String} text text to split\r\n * @returns {Array} Array of lines in the Textbox.\r\n * @override\r\n */\r\n _splitTextIntoLines: function (text) {\r\n var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text),\r\n graphemeLines = this._wrapText(newText.lines, this.width),\r\n lines = new Array(graphemeLines.length);\r\n for (var i = 0; i < graphemeLines.length; i++) {\r\n lines[i] = graphemeLines[i].join('');\r\n }\r\n newText.lines = lines;\r\n newText.graphemeLines = graphemeLines;\r\n return newText;\r\n },\r\n\r\n getMinWidth: function () {\r\n return Math.max(this.minWidth, this.dynamicMinWidth);\r\n },\r\n\r\n _removeExtraneousStyles: function () {\r\n var linesToKeep = {};\r\n for (var prop in this._styleMap) {\r\n if (this._textLines[prop]) {\r\n linesToKeep[this._styleMap[prop].line] = 1;\r\n }\r\n }\r\n for (var prop in this.styles) {\r\n if (!linesToKeep[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this.callSuper(\r\n 'toObject',\r\n ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)\r\n );\r\n },\r\n });\r\n\r\n /**\r\n * Returns fabric.Textbox instance from an object representation\r\n * @static\r\n * @memberOf fabric.Textbox\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Textbox.fromObject = function (object) {\r\n var styles = fabric.util.stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n var objCopy = Object.assign({}, object, { styles: styles });\r\n return fabric.Object._fromObject(fabric.Textbox, objCopy, {\r\n extraParam: 'text',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n TDegree,\r\n TMat2D,\r\n TPointerEvent,\r\n TransformAction,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport {\r\n ControlRenderingStyleOverride,\r\n renderCircleControl,\r\n renderSquareControl,\r\n} from './controls.render';\r\n\r\nexport class Control {\r\n /**\r\n * keep track of control visibility.\r\n * mainly for backward compatibility.\r\n * if you do not want to see a control, you can remove it\r\n * from the control set.\r\n * @type {Boolean}\r\n * @default true\r\n */\r\n visible = true;\r\n\r\n /**\r\n * Name of the action that the control will likely execute.\r\n * This is optional. FabricJS uses to identify what the user is doing for some\r\n * extra optimizations. If you are writing a custom control and you want to know\r\n * somewhere else in the code what is going on, you can use this string here.\r\n * you can also provide a custom getActionName if your control run multiple actions\r\n * depending on some external state.\r\n * default to scale since is the most common, used on 4 corners by default\r\n * @type {String}\r\n * @default 'scale'\r\n */\r\n actionName = 'scale';\r\n\r\n /**\r\n * Drawing angle of the control.\r\n * NOT used for now, but name marked as needed for internal logic\r\n * example: to reuse the same drawing function for different rotated controls\r\n * @type {Number}\r\n * @default 0\r\n */\r\n angle = 0;\r\n\r\n /**\r\n * Relative position of the control. X\r\n * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n x = 0;\r\n\r\n /**\r\n * Relative position of the control. Y\r\n * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n y = 0;\r\n\r\n /**\r\n * Horizontal offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the right, negative to the left.\r\n * It used when you want to have position of control that does not scale with\r\n * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n * stay 30 pixels no matter how the object is big. Another example is having 2\r\n * controls in the corner, that stay in the same position when the object scale.\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the bottom, negative to the top.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * Sets the length of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeY: number | null = null;\r\n\r\n /**\r\n * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeY: number | null = null;\r\n\r\n /**\r\n * Css cursor style to display when the control is hovered.\r\n * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n * @type {String}\r\n * @default 'crosshair'\r\n */\r\n cursorStyle = 'crosshair';\r\n\r\n /**\r\n * If controls has an offsetY or offsetX, draw a line that connects\r\n * the control to the bounding box\r\n * @type {Boolean}\r\n * @default false\r\n */\r\n withConnection = false;\r\n\r\n constructor(options: Partial) {\r\n Object.assign(this, options);\r\n }\r\n\r\n /**\r\n * The control actionHandler, provide one to handle action ( control being moved )\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n actionHandler: TransformActionHandler;\r\n\r\n /**\r\n * The control handler for mouse down, provide one to handle mouse down on control\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseDownHandler?: TransformAction;\r\n\r\n /**\r\n * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseUpHandler?: TransformAction;\r\n\r\n /**\r\n * Returns control actionHandler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getActionHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.actionHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseDown handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseDownHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseDownHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseUp handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseUpHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseUpHandler;\r\n }\r\n\r\n /**\r\n * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n * function you can pass one in the constructor\r\n * the cursorStyle property\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n cursorStyleHandler(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.cursorStyle;\r\n }\r\n\r\n /**\r\n * Returns the action name. The basic implementation just return the actionName property.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n getActionName(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.actionName;\r\n }\r\n\r\n /**\r\n * Returns controls visibility\r\n * @param {FabricObject} object on which the control is displayed\r\n * @param {String} controlKey key where the control is memorized on the\r\n * @return {Boolean}\r\n */\r\n getVisibility(fabricObject: FabricObject, controlKey: string) {\r\n // @ts-expect-error TODO remove directive once fixed\r\n return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n }\r\n\r\n /**\r\n * Sets controls visibility\r\n * @param {Boolean} visibility for the object\r\n * @return {Void}\r\n */\r\n setVisibility(visibility: boolean, name: string, fabricObject: FabricObject) {\r\n this.visible = visibility;\r\n }\r\n\r\n positionHandler(\r\n dim: Point,\r\n finalMatrix: TMat2D,\r\n fabricObject: FabricObject,\r\n currentControl: Control\r\n ) {\r\n return new Point(\r\n this.x * dim.x + this.offsetX,\r\n this.y * dim.y + this.offsetY\r\n ).transform(finalMatrix);\r\n }\r\n\r\n /**\r\n * Returns the coords for this control based on object values.\r\n * @param {Number} objectAngle angle from the fabric object holding the control\r\n * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n * isTouch is true)\r\n * @param {Number} centerX x coordinate where the control center should be\r\n * @param {Number} centerY y coordinate where the control center should be\r\n * @param {boolean} isTouch true if touch corner, false if normal corner\r\n */\r\n calcCornerCoords(\r\n objectAngle: TDegree,\r\n objectCornerSize: number,\r\n centerX: number,\r\n centerY: number,\r\n isTouch: boolean\r\n ) {\r\n let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp;\r\n const xSize = isTouch ? this.touchSizeX : this.sizeX,\r\n ySize = isTouch ? this.touchSizeY : this.sizeY;\r\n if (xSize && ySize && xSize !== ySize) {\r\n // handle rectangular corners\r\n const controlTriangleAngle = Math.atan2(ySize, xSize);\r\n const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2;\r\n const newTheta = controlTriangleAngle - degreesToRadians(objectAngle);\r\n const newThetaComp =\r\n halfPI - controlTriangleAngle - degreesToRadians(objectAngle);\r\n cosHalfOffset = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = cornerHypotenuse * sin(newTheta);\r\n // use complementary angle for two corners\r\n cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp);\r\n sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp);\r\n } else {\r\n // handle square corners\r\n // use default object corner size unless size is defined\r\n const cornerSize = xSize && ySize ? xSize : objectCornerSize;\r\n const cornerHypotenuse = cornerSize * Math.SQRT1_2;\r\n // complementary angles are equal since they're both 45 degrees\r\n const newTheta = degreesToRadians(45 - objectAngle);\r\n cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta);\r\n }\r\n\r\n return {\r\n tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp),\r\n tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset),\r\n bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset),\r\n br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp),\r\n };\r\n }\r\n\r\n /**\r\n * Render function for the control.\r\n * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n * all the functions will have to translate to the point left,top before starting Drawing\r\n * if they want to draw a control where the position is detected.\r\n * left and top are the result of the positionHandler function\r\n * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n * @param {Number} left position of the canvas where we are about to render the control.\r\n * @param {Number} top position of the canvas where we are about to render the control.\r\n * @param {Object} styleOverride\r\n * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n */\r\n render(\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride | undefined,\r\n fabricObject: FabricObject\r\n ) {\r\n styleOverride = styleOverride || {};\r\n switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n case 'circle':\r\n renderCircleControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n break;\r\n default:\r\n renderSquareControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n }\r\n }\r\n}\r\n\r\nfabric.Control = Control;\r\n","// @ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n changeWidth,\r\n rotationStyleHandler,\r\n rotationWithSnapping,\r\n scaleCursorStyleHandler,\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingEqually,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './actions';\r\nimport { Control } from './control.class';\r\n\r\nexport const defaultControls = {\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mb: new Control({\r\n x: 0,\r\n y: 0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mt: new Control({\r\n x: 0,\r\n y: -0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n tl: new Control({\r\n x: -0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n tr: new Control({\r\n x: 0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n bl: new Control({\r\n x: -0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n br: new Control({\r\n x: 0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n mtr: new Control({\r\n x: 0,\r\n y: -0.5,\r\n actionHandler: rotationWithSnapping,\r\n cursorStyleHandler: rotationStyleHandler,\r\n offsetY: -40,\r\n withConnection: true,\r\n actionName: 'rotate',\r\n }),\r\n};\r\n\r\nexport const textboxDefaultControls = {\r\n ...defaultControls,\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n};\r\n\r\nFabricObject.prototype.controls = {\r\n ...(FabricObject.prototype.controls || {}),\r\n ...defaultControls,\r\n};\r\n\r\nif (fabric.Textbox) {\r\n // this is breaking the prototype inheritance, no time / ideas to fix it.\r\n // is important to document that if you want to have all objects to have a\r\n // specific custom control, you have to add it to Object prototype and to Textbox\r\n // prototype. The controls are shared as references. So changes to control `tr`\r\n // can still apply to all objects if needed.\r\n fabric.Textbox.prototype.controls = {\r\n ...(fabric.Textbox.prototype.controls || {}),\r\n ...textboxDefaultControls,\r\n };\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { Canvas, Shadow } from '../__types__';\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}\r\n */\r\nexport abstract class BaseBrush {\r\n /**\r\n * Color of a brush\r\n * @type String\r\n * @default\r\n */\r\n color = 'rgb(0, 0, 0)';\r\n\r\n /**\r\n * Width of a brush, has to be a Number, no string literals\r\n * @type Number\r\n * @default\r\n */\r\n width = 1;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape.\r\n * Backwards incompatibility note: This property replaces \"shadowColor\" (String), \"shadowOffsetX\" (Number),\r\n * \"shadowOffsetY\" (Number) and \"shadowBlur\" (Number) since v1.2.12\r\n * @type Shadow\r\n * @default\r\n */\r\n shadow: Shadow | null = null;\r\n\r\n /**\r\n * Line endings style of a brush (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineCap: CanvasLineCap = 'round';\r\n\r\n /**\r\n * Corner style of a brush (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: CanvasLineJoin = 'round';\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of a brush's\r\n * @type Number\r\n * @default\r\n */\r\n strokeMiterLimit = 10;\r\n\r\n /**\r\n * Stroke Dash Array.\r\n * @type Array\r\n * @default\r\n */\r\n strokeDashArray: number[] | null = null;\r\n\r\n /**\r\n * When `true`, the free drawing is limited to the whiteboard size. Default to false.\r\n * @type Boolean\r\n * @default false\r\n */\r\n\r\n limitedToCanvasSize = false;\r\n\r\n /**\r\n * @todo add type\r\n */\r\n canvas: Canvas;\r\n\r\n constructor(canvas: Canvas) {\r\n this.canvas = canvas;\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n ctx.strokeStyle = this.color;\r\n ctx.lineWidth = this.width;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.setLineDash(this.strokeDashArray || []);\r\n }\r\n\r\n /**\r\n * Sets the transformation on given context\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @private\r\n */\r\n protected _saveAndTransform(ctx: CanvasRenderingContext2D) {\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n\r\n /**\r\n * Sets brush shadow styles\r\n * @private\r\n */\r\n protected _setShadow() {\r\n if (!this.shadow || !this.canvas) {\r\n return;\r\n }\r\n\r\n const canvas = this.canvas,\r\n shadow = this.shadow,\r\n ctx = canvas.contextTop,\r\n zoom = canvas.getZoom() * canvas.getRetinaScaling();\r\n\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur = shadow.blur * zoom;\r\n ctx.shadowOffsetX = shadow.offsetX * zoom;\r\n ctx.shadowOffsetY = shadow.offsetY * zoom;\r\n }\r\n\r\n protected needsFullRender() {\r\n const color = new Color(this.color);\r\n return color.getAlpha() < 1 || !!this.shadow;\r\n }\r\n\r\n /**\r\n * Removes brush shadow styles\r\n * @private\r\n */\r\n protected _resetShadow() {\r\n const ctx = this.canvas.contextTop;\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * Check is pointer is outside canvas boundaries\r\n * @param {Object} pointer\r\n * @private\r\n */\r\n protected _isOutSideCanvas(pointer: Point) {\r\n return (\r\n pointer.x < 0 ||\r\n pointer.x > this.canvas.getWidth() ||\r\n pointer.y < 0 ||\r\n pointer.y > this.canvas.getHeight()\r\n );\r\n }\r\n}\r\n\r\nfabric.BaseBrush = BaseBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Circle, Group, Shadow } = fabric;\r\n\r\nexport type CircleBrushPoint = {\r\n x: number;\r\n y: number;\r\n radius: number;\r\n fill: string;\r\n};\r\n\r\nexport class CircleBrush extends BaseBrush {\r\n /**\r\n * Width of a brush\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n points: CircleBrushPoint[];\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.points = [];\r\n }\r\n\r\n /**\r\n * Invoked inside on mouse down and mouse move\r\n * @param {Point} pointer\r\n */\r\n drawDot(pointer: Point) {\r\n const point = this.addPoint(pointer),\r\n ctx = this.canvas.contextTop;\r\n this._saveAndTransform(ctx);\r\n this.dot(ctx, point);\r\n ctx.restore();\r\n }\r\n\r\n dot(ctx: CanvasRenderingContext2D, point: CircleBrushPoint) {\r\n ctx.fillStyle = point.fill;\r\n ctx.beginPath();\r\n ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false);\r\n ctx.closePath();\r\n ctx.fill();\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.points = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n this.drawDot(pointer);\r\n }\r\n\r\n /**\r\n * Render the full state of the brush\r\n * @private\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop,\r\n points = this.points;\r\n this._saveAndTransform(ctx);\r\n for (let i = 0; i < points.length; i++) {\r\n this.dot(ctx, points[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this.needsFullRender()) {\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.addPoint(pointer);\r\n this._render();\r\n } else {\r\n this.drawDot(pointer);\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const circles = [];\r\n\r\n for (let i = 0; i < this.points.length; i++) {\r\n const point = this.points[i],\r\n circle = new Circle({\r\n radius: point.radius,\r\n left: point.x,\r\n top: point.y,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: point.fill,\r\n });\r\n\r\n this.shadow && (circle.shadow = new Shadow(this.shadow));\r\n\r\n circles.push(circle);\r\n }\r\n const group = new Group(circles, { canvas: this.canvas });\r\n\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * @param {Object} pointer\r\n * @return {Point} Just added pointer point\r\n */\r\n addPoint({ x, y }: Point) {\r\n const pointerPoint: CircleBrushPoint = {\r\n x,\r\n y,\r\n radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2,\r\n fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(),\r\n };\r\n\r\n this.points.push(pointerPoint);\r\n\r\n return pointerPoint;\r\n }\r\n}\r\n\r\nfabric.CircleBrush = CircleBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { TEvent, ModifierKey, PathData } from '../typedefs';\r\nimport { getSmoothPathFromPoints, joinPath } from '../util/path';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Path, Shadow } = fabric;\r\n\r\n/**\r\n * @private\r\n * @param {PathData} pathData SVG path commands\r\n * @returns {boolean}\r\n */\r\nfunction isEmptySVGPath(pathData: PathData): boolean {\r\n return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0';\r\n}\r\n\r\nexport class PencilBrush extends BaseBrush {\r\n /**\r\n * Discard points that are less than `decimate` pixel distant from each other\r\n * @type Number\r\n * @default 0.4\r\n */\r\n decimate = 0.4;\r\n\r\n /**\r\n * Draws a straight line between last recorded point to current pointer\r\n * Used for `shift` functionality\r\n *\r\n * @type boolean\r\n * @default false\r\n */\r\n drawStraightLine = false;\r\n\r\n /**\r\n * The event modifier key that makes the brush draw a straight line.\r\n * If `null` or 'none' or any other string that is not a modifier key the feature is disabled.\r\n * @type {ModifierKey | undefined | null}\r\n */\r\n straightLineKey: ModifierKey | undefined | null = 'shiftKey';\r\n\r\n private _points: Point[];\r\n private _hasStraightLine: boolean;\r\n private oldEnd?: Point;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this._points = [];\r\n this._hasStraightLine = false;\r\n }\r\n\r\n needsFullRender() {\r\n return super.needsFullRender() || this._hasStraightLine;\r\n }\r\n\r\n static drawSegment(ctx: CanvasRenderingContext2D, p1: Point, p2: Point) {\r\n const midPoint = p1.midPointFrom(p2);\r\n ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\r\n return midPoint;\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n this._prepareForDrawing(pointer);\r\n // capture coordinates immediately\r\n // this allows to draw dots (when movement never occurs)\r\n this._addPoint(pointer);\r\n this._render();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this._addPoint(pointer) && this._points.length > 1) {\r\n if (this.needsFullRender()) {\r\n // redraw curve\r\n // clear top canvas\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._render();\r\n } else {\r\n const points = this._points,\r\n length = points.length,\r\n ctx = this.canvas.contextTop;\r\n // draw the curve update\r\n this._saveAndTransform(ctx);\r\n if (this.oldEnd) {\r\n ctx.beginPath();\r\n ctx.moveTo(this.oldEnd.x, this.oldEnd.y);\r\n }\r\n this.oldEnd = PencilBrush.drawSegment(\r\n ctx,\r\n points[length - 2],\r\n points[length - 1]\r\n );\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp({ e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return true;\r\n }\r\n this.drawStraightLine = false;\r\n this.oldEnd = undefined;\r\n this._finalizeAndAddPath();\r\n return false;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} pointer Actual mouse position related to the canvas.\r\n */\r\n _prepareForDrawing(pointer: Point) {\r\n this._reset();\r\n this._addPoint(pointer);\r\n this.canvas.contextTop.moveTo(pointer.x, pointer.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} point Point to be added to points array\r\n */\r\n _addPoint(point: Point) {\r\n if (\r\n this._points.length > 1 &&\r\n point.eq(this._points[this._points.length - 1])\r\n ) {\r\n return false;\r\n }\r\n if (this.drawStraightLine && this._points.length > 1) {\r\n this._hasStraightLine = true;\r\n this._points.pop();\r\n }\r\n this._points.push(point);\r\n return true;\r\n }\r\n\r\n /**\r\n * Clear points array and set contextTop canvas style.\r\n * @private\r\n */\r\n _reset() {\r\n this._points = [];\r\n this._setBrushStyles(this.canvas.contextTop);\r\n this._setShadow();\r\n this._hasStraightLine = false;\r\n }\r\n\r\n /**\r\n * Draw a smooth path on the topCanvas using quadraticCurveTo\r\n * @private\r\n * @param {CanvasRenderingContext2D} [ctx]\r\n */\r\n _render(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\r\n let p1 = this._points[0],\r\n p2 = this._points[1];\r\n this._saveAndTransform(ctx);\r\n ctx.beginPath();\r\n //if we only have 2 points in the path and they are the same\r\n //it means that the user only clicked the canvas without moving the mouse\r\n //then we should be drawing a dot. A path isn't drawn between two identical dots\r\n //that's why we set them apart a bit\r\n if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) {\r\n const width = this.width / 1000;\r\n p1.x -= width;\r\n p2.x += width;\r\n }\r\n ctx.moveTo(p1.x, p1.y);\r\n\r\n for (let i = 1; i < this._points.length; i++) {\r\n // we pick the point between pi + 1 & pi + 2 as the\r\n // end point and p1 as our control point.\r\n PencilBrush.drawSegment(ctx, p1, p2);\r\n p1 = this._points[i];\r\n p2 = this._points[i + 1];\r\n }\r\n // Draw last line as a straight line while\r\n // we wait for the next point to be able to calculate\r\n // the bezier control point\r\n ctx.lineTo(p1.x, p1.y);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Converts points to SVG path\r\n * @param {Array} points Array of points\r\n * @return {PathData} SVG path commands\r\n */\r\n convertPointsToSVGPath(points: Point[]): PathData {\r\n const correction = this.width / 1000;\r\n return getSmoothPathFromPoints(points, correction);\r\n }\r\n\r\n /**\r\n * Creates a Path object to add on canvas\r\n * @param {PathData} pathData Path data\r\n * @return {Path} Path to add on canvas\r\n */\r\n createPath(pathData: PathData) {\r\n const path = new Path(pathData, {\r\n fill: null,\r\n stroke: this.color,\r\n strokeWidth: this.width,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeMiterLimit: this.strokeMiterLimit,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeDashArray: this.strokeDashArray,\r\n });\r\n if (this.shadow) {\r\n this.shadow.affectStroke = true;\r\n path.shadow = new Shadow(this.shadow);\r\n }\r\n\r\n return path;\r\n }\r\n\r\n /**\r\n * Decimate points array with the decimate value\r\n */\r\n decimatePoints(points: Point[], distance: number) {\r\n if (points.length <= 2) {\r\n return points;\r\n }\r\n let lastPoint = points[0],\r\n cDistance;\r\n const zoom = this.canvas.getZoom(),\r\n adjustedDistance = Math.pow(distance / zoom, 2),\r\n l = points.length - 1,\r\n newPoints = [lastPoint];\r\n for (let i = 1; i < l - 1; i++) {\r\n cDistance =\r\n Math.pow(lastPoint.x - points[i].x, 2) +\r\n Math.pow(lastPoint.y - points[i].y, 2);\r\n if (cDistance >= adjustedDistance) {\r\n lastPoint = points[i];\r\n newPoints.push(lastPoint);\r\n }\r\n }\r\n // Add the last point from the original line to the end of the array.\r\n // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point.\r\n newPoints.push(points[l]);\r\n return newPoints;\r\n }\r\n\r\n /**\r\n * On mouseup after drawing the path on contextTop canvas\r\n * we use the points captured to create an new Path object\r\n * and add it to the canvas.\r\n */\r\n _finalizeAndAddPath() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.closePath();\r\n if (this.decimate) {\r\n this._points = this.decimatePoints(this._points, this.decimate);\r\n }\r\n const pathData = this.convertPointsToSVGPath(this._points);\r\n if (isEmptySVGPath(pathData)) {\r\n // do not create 0 width/height paths, as they are\r\n // rendered inconsistently across browsers\r\n // Firefox 4, for example, renders a dot,\r\n // whereas Chrome 10 renders nothing\r\n this.canvas.requestRenderAll();\r\n return;\r\n }\r\n\r\n const path = this.createPath(pathData);\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.canvas.fire('before:path:created', { path: path });\r\n this.canvas.add(path);\r\n this.canvas.requestRenderAll();\r\n path.setCoords();\r\n this._resetShadow();\r\n\r\n // fire event 'path' created\r\n this.canvas.fire('path:created', { path: path });\r\n }\r\n}\r\n\r\nfabric.PencilBrush = PencilBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { PathData } from '../typedefs';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { Canvas } from '../__types__';\r\nimport { PencilBrush } from './pencil_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Pattern } = fabric;\r\n\r\nexport class PatternBrush extends PencilBrush {\r\n source?: CanvasImageSource;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n }\r\n\r\n getPatternSrc() {\r\n const dotWidth = 20,\r\n dotDistance = 5,\r\n patternCanvas = createCanvasElement(),\r\n patternCtx = patternCanvas.getContext('2d');\r\n\r\n patternCanvas.width = patternCanvas.height = dotWidth + dotDistance;\r\n if (patternCtx) {\r\n patternCtx.fillStyle = this.color;\r\n patternCtx.beginPath();\r\n patternCtx.arc(\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n 0,\r\n Math.PI * 2,\r\n false\r\n );\r\n patternCtx.closePath();\r\n patternCtx.fill();\r\n }\r\n return patternCanvas;\r\n }\r\n\r\n getPatternSrcFunction() {\r\n return String(this.getPatternSrc).replace(\r\n 'this.color',\r\n '\"' + this.color + '\"'\r\n );\r\n }\r\n\r\n /**\r\n * Creates \"pattern\" instance property\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n getPattern(ctx: CanvasRenderingContext2D) {\r\n return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat');\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n super._setBrushStyles(ctx);\r\n const pattern = this.getPattern(ctx);\r\n pattern && (ctx.strokeStyle = pattern);\r\n }\r\n\r\n /**\r\n * Creates path\r\n */\r\n createPath(pathData: PathData) {\r\n const path = super.createPath(pathData),\r\n topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2);\r\n\r\n path.stroke = new Pattern({\r\n source: this.source || this.getPatternSrcFunction(),\r\n offsetX: -topLeft.x,\r\n offsetY: -topLeft.y,\r\n });\r\n return path;\r\n }\r\n}\r\n\r\nfabric.PatternBrush = PatternBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas, Rect } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Group, Rect, Shadow } = fabric;\r\n\r\nexport type SprayBrushPoint = {\r\n x: number;\r\n y: number;\r\n width: number;\r\n opacity: number;\r\n};\r\n\r\n/**\r\n *\r\n * @param rects\r\n * @returns\r\n */\r\nfunction getUniqueRects(rects: Rect[]) {\r\n const uniqueRects: Record = {};\r\n const uniqueRectsArray: Rect[] = [];\r\n\r\n for (let i = 0, key: string; i < rects.length; i++) {\r\n key = `${rects[i].left}${rects[i].top}`;\r\n if (!uniqueRects[key]) {\r\n uniqueRects[key] = true;\r\n uniqueRectsArray.push(rects[i]);\r\n }\r\n }\r\n\r\n return uniqueRectsArray;\r\n}\r\n\r\nexport class SprayBrush extends BaseBrush {\r\n /**\r\n * Width of a spray\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n /**\r\n * Density of a spray (number of dots per chunk)\r\n * @type Number\r\n * @default\r\n */\r\n density = 20;\r\n\r\n /**\r\n * Width of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidth = 1;\r\n\r\n /**\r\n * Width variance of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidthVariance = 1;\r\n\r\n /**\r\n * Whether opacity of a dot should be random\r\n * @type Boolean\r\n * @default\r\n */\r\n randomOpacity = false;\r\n\r\n /**\r\n * Whether overlapping dots (rectangles) should be removed (for performance reasons)\r\n * @type Boolean\r\n * @default\r\n */\r\n optimizeOverlapping = true;\r\n\r\n private sprayChunks: SprayBrushPoint[][];\r\n\r\n private sprayChunk: SprayBrushPoint[];\r\n\r\n /**\r\n * Constructor\r\n * @param {Canvas} canvas\r\n * @return {SprayBrush} Instance of a spray brush\r\n */\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.sprayChunks = [];\r\n this.sprayChunk = [];\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.sprayChunks = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const rects = [];\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n const sprayChunk = this.sprayChunks[i];\r\n for (let j = 0; j < sprayChunk.length; j++) {\r\n const chunck = sprayChunk[j];\r\n const rect = new Rect({\r\n width: chunck.width,\r\n height: chunck.width,\r\n left: chunck.x + 1,\r\n top: chunck.y + 1,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: this.color,\r\n });\r\n rects.push(rect);\r\n }\r\n }\r\n\r\n const group = new Group(\r\n this.optimizeOverlapping ? getUniqueRects(rects) : rects,\r\n {\r\n objectCaching: true,\r\n layout: 'fixed',\r\n subTargetCheck: false,\r\n interactive: false,\r\n }\r\n );\r\n this.shadow && group.set('shadow', new Shadow(this.shadow));\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n renderChunck(sprayChunck: SprayBrushPoint[]) {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < sprayChunck.length; i++) {\r\n const point = sprayChunck[i];\r\n ctx.globalAlpha = point.opacity;\r\n ctx.fillRect(point.x, point.y, point.width, point.width);\r\n }\r\n\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Render all spray chunks\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n this.renderChunck(this.sprayChunks[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @param {Point} pointer\r\n */\r\n addSprayChunk(pointer: Point) {\r\n this.sprayChunk = [];\r\n const radius = this.width / 2;\r\n\r\n for (let i = 0; i < this.density; i++) {\r\n this.sprayChunk.push({\r\n x: getRandomInt(pointer.x - radius, pointer.x + radius),\r\n y: getRandomInt(pointer.y - radius, pointer.y + radius),\r\n width: this.dotWidthVariance\r\n ? getRandomInt(\r\n // bottom clamp width to 1\r\n Math.max(1, this.dotWidth - this.dotWidthVariance),\r\n this.dotWidth + this.dotWidthVariance\r\n )\r\n : this.dotWidth,\r\n opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1,\r\n });\r\n }\r\n\r\n this.sprayChunks.push(this.sprayChunk);\r\n }\r\n}\r\n\r\nfabric.SprayBrush = SprayBrush;\r\n"],"names":["fabric","VERSION","FabricObject","Pattern","Circle","Rect","Group","Shadow"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"fabric.js","sources":["../src/config.ts","../src/cache.ts","../src/constants.ts","../HEADER.js","../src/mixins/collection.mixin.ts","../src/util/misc/cos.ts","../src/util/misc/sin.ts","../src/point.class.ts","../src/util/misc/vectors.ts","../src/util/misc/radiansDegreesConversion.ts","../src/util/misc/rotatePoint.ts","../src/util/internals/getRandomInt.ts","../src/util/internals/ifNaN.ts","../src/util/internals/removeFromArray.ts","../src/util/misc/projectStroke/StrokeProjectionsBase.ts","../src/util/misc/projectStroke/StrokeLineJoinProjections.ts","../src/util/misc/projectStroke/StrokeLineCapProjections.ts","../src/util/misc/projectStroke/index.ts","../node_modules/tslib/tslib.es6.js","../src/util/misc/matrix.ts","../src/util/lang_object.ts","../src/util/misc/textStyles.ts","../src/util/misc/dom.ts","../src/util/misc/toFixed.ts","../src/util/misc/svgParsing.ts","../src/util/misc/findScaleTo.ts","../src/util/misc/capValue.ts","../src/util/misc/boundingBoxFromPoints.ts","../src/util/misc/objectTransforms.ts","../src/util/misc/planeChange.ts","../src/util/lang_string.ts","../src/util/misc/objectEnlive.ts","../src/util/misc/pick.ts","../src/parser/getSvgRegex.ts","../src/parser/constants.ts","../src/util/path.ts","../src/util/dom_style.ts","../src/util/dom_request.ts","../src/util/dom_event.ts","../src/util/dom_misc.ts","../src/util/misc/isTransparent.ts","../src/util/misc/mergeClipPaths.ts","../src/util/anim_ease.ts","../src/color/color_map.ts","../src/color/constants.ts","../src/color/util.ts","../src/color/color.class.ts","../src/color/index.ts","../src/util/animation_registry.ts","../src/util/animate.ts","../src/util/animate_color.ts","../src/util/lang_class.ts","../src/util/misc/misc.ts","../src/parser/attributes.ts","../src/parser/elements_parser.ts","../src/parser/getCSSRules.ts","../src/parser/getMultipleNodes.ts","../src/parser/elementById.ts","../src/parser/recursivelyParseGradientsXlink.ts","../src/parser/getGradientDefs.ts","../src/parser/applyViewboxTransform.ts","../src/parser/hasAncestorWithNodeName.ts","../src/parser/parseElements.ts","../src/parser/parseUseDirectives.ts","../src/intersection.class.ts","../src/mixins/observable.mixin.ts","../src/mixins/shared_methods.mixin.ts","../src/mixins/object_origin.mixin.ts","../src/mixins/object_geometry.mixin.ts","../src/shapes/object.class.ts","../src/mixins/object_interactivity.mixin.ts","../src/shapes/fabricObject.class.js","../src/parser/parseSVGDocument.ts","../src/parser/loadSVGFromString.ts","../src/parser/loadSVGFromURL.ts","../src/parser/selectorMatches.ts","../src/parser/doesSomeParentMatch.ts","../src/parser/elementMatchesRule.ts","../src/parser/getGlobalStylesForElement.ts","../src/parser/normalizeAttr.ts","../src/parser/rotateMatrix.ts","../src/parser/scaleMatrix.ts","../src/parser/skewMatrix.ts","../src/parser/translateMatrix.ts","../src/parser/parseTransformAttribute.ts","../src/parser/normalizeValue.ts","../src/parser/parseFontDeclaration.ts","../src/parser/parseStyleObject.ts","../src/parser/parseStyleString.ts","../src/parser/parseStyleAttribute.ts","../src/parser/setStrokeFillOpacity.ts","../src/parser/parseAttributes.ts","../src/parser/parsePointsAttribute.ts","../src/parser/index.ts","../src/gradient/constants.ts","../src/gradient/parser/misc.ts","../src/parser/percent.ts","../src/gradient/parser/parseColorStops.ts","../src/gradient/parser/parseCoords.ts","../src/gradient/gradient.class.ts","../src/pattern.class.ts","../src/shadow.class.ts","../src/static_canvas.class.ts","../src/controls/util.ts","../src/util/fireEvent.ts","../src/controls/wrapWithFireEvent.ts","../src/controls/wrapWithFixedAnchor.ts","../src/controls/changeWidth.ts","../src/controls/controls.render.ts","../src/controls/drag.ts","../src/controls/rotate.ts","../src/controls/scale.ts","../src/controls/skew.ts","../src/controls/scaleSkew.ts","../src/controls/actions.ts","../src/canvas.class.ts","../src/mixins/canvas_events.mixin.ts","../src/mixins/canvas_grouping.mixin.ts","../src/mixins/canvas_dataurl_exporter.mixin.ts","../src/mixins/canvas_serialization.mixin.ts","../src/mixins/canvas_gestures.mixin.ts","../src/mixins/object_ancestry.mixin.ts","../src/mixins/object_stacking.mixin.ts","../src/mixins/object.svg_export.ts","../src/mixins/stateful.mixin.ts","../src/mixins/animation.mixin.ts","../src/shapes/line.class.ts","../src/shapes/circle.class.ts","../src/shapes/triangle.class.ts","../src/shapes/ellipse.class.ts","../src/shapes/rect.class.ts","../src/shapes/polyline.class.ts","../src/shapes/polygon.class.ts","../src/shapes/path.class.ts","../src/shapes/group.class.ts","../src/shapes/active_selection.class.ts","../src/shapes/image.class.ts","../src/mixins/object_straightening.mixin.ts","../src/filters/WebGLProbe.ts","../src/filters/webgl_backend.class.ts","../src/filters/2d_backend.class.ts","../src/filters/base_filter.class.ts","../src/filters/colormatrix_filter.class.ts","../src/filters/brightness_filter.class.ts","../src/filters/convolute_filter.class.ts","../src/filters/grayscale_filter.class.ts","../src/filters/invert_filter.class.ts","../src/filters/noise_filter.class.ts","../src/filters/pixelate_filter.class.ts","../src/filters/removecolor_filter.class.ts","../src/filters/filter_generator.ts","../src/filters/blendcolor_filter.class.ts","../src/filters/blendimage_filter.class.ts","../src/filters/resize_filter.class.ts","../src/filters/contrast_filter.class.ts","../src/filters/saturate_filter.class.ts","../src/filters/vibrance_filter.class.ts","../src/filters/blur_filter.class.ts","../src/filters/gamma_filter.class.ts","../src/filters/composed_filter.class.ts","../src/filters/hue_rotation.class.ts","../src/mixins/text_style.mixin.ts","../src/shapes/text.class.ts","../src/shapes/itext.class.ts","../src/mixins/itext_behavior.mixin.ts","../src/mixins/itext_click_behavior.mixin.ts","../src/mixins/itext_key_behavior.mixin.ts","../src/mixins/itext.svg_export.ts","../src/shapes/textbox.class.ts","../src/controls/control.class.ts","../src/controls/default_controls.ts","../src/brushes/base_brush.class.ts","../src/brushes/circle_brush.class.ts","../src/brushes/pencil_brush.class.ts","../src/brushes/pattern_brush.class.ts","../src/brushes/spray_brush.class.ts"],"sourcesContent":["export type TConfiguration = Partial;\r\n\r\nclass BaseConfiguration {\r\n /**\r\n * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value,\r\n * which is unitless and not rendered equally across browsers.\r\n *\r\n * Values that work quite well (as of October 2017) are:\r\n * - Chrome: 1.5\r\n * - Edge: 1.75\r\n * - Firefox: 0.9\r\n * - Safari: 0.95\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default 1\r\n */\r\n browserShadowBlurConstant = 1;\r\n\r\n /**\r\n * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion.\r\n */\r\n DPI = 96;\r\n\r\n /**\r\n * Device Pixel Ratio\r\n * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html\r\n */\r\n devicePixelRatio = 1;\r\n\r\n /**\r\n * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine.\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n perfLimitSizeTotal = 2097152;\r\n\r\n /**\r\n * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n maxCacheSideLimit = 4096;\r\n\r\n /**\r\n * Lowest pixel limit for cache canvases, set at 256PX\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n minCacheSideLimit = 256;\r\n\r\n /**\r\n * When 'true', style information is not retained when copy/pasting text, making\r\n * pasted text use destination style.\r\n * Defaults to 'false'.\r\n * @type Boolean\r\n * @default\r\n * @deprecated\r\n */\r\n disableStyleCopyPaste = false;\r\n\r\n /**\r\n * Enable webgl for filtering picture is available\r\n * A filtering backend will be initialized, this will both take memory and\r\n * time since a default 2048x2048 canvas will be created for the gl context\r\n * @since 2.0.0\r\n * @type Boolean\r\n * @default\r\n */\r\n enableGLFiltering = true;\r\n\r\n /**\r\n * if webgl is enabled and available, textureSize will determine the size\r\n * of the canvas backend\r\n *\r\n * In order to support old hardware set to `2048` to avoid OOM\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n textureSize = 4096;\r\n\r\n /**\r\n * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on\r\n * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true\r\n * this has to be set before instantiating the filtering backend ( before filtering the first image )\r\n * @type Boolean\r\n * @default false\r\n */\r\n forceGLPutImageData = false;\r\n\r\n /**\r\n * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better\r\n * @default true\r\n */\r\n cachesBoundsOfCurve = true;\r\n\r\n /**\r\n * Map of font files\r\n * Map of font files\r\n */\r\n fontPaths: Record = {};\r\n\r\n /**\r\n * Defines the number of fraction digits to use when serializing object values.\r\n * Used in exporting methods (`toObject`, `toJSON`, `toSVG`)\r\n * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc.\r\n */\r\n NUM_FRACTION_DIGITS = 4;\r\n}\r\n\r\nexport class Configuration extends BaseConfiguration {\r\n constructor(config?: TConfiguration) {\r\n super();\r\n this.configure(config);\r\n }\r\n\r\n configure(config: TConfiguration = {}) {\r\n Object.assign(this, config);\r\n }\r\n\r\n /**\r\n * Map of font files\r\n */\r\n addFonts(\r\n paths: Record = {}\r\n ) {\r\n this.fontPaths = {\r\n ...this.fontPaths,\r\n ...paths,\r\n };\r\n }\r\n\r\n removeFonts(fontFamilys: string[] = []) {\r\n fontFamilys.forEach((fontFamily) => {\r\n delete this.fontPaths[fontFamily];\r\n });\r\n }\r\n\r\n clearFonts() {\r\n this.fontPaths = {};\r\n }\r\n\r\n restoreDefaults(keys?: (keyof T)[]) {\r\n const defaults = new BaseConfiguration() as T;\r\n const config =\r\n keys?.reduce((acc, key) => {\r\n acc[key] = defaults[key];\r\n return acc;\r\n }, {} as T) || defaults;\r\n this.configure(config);\r\n }\r\n}\r\n\r\nexport const config = new Configuration();\r\n","import { config } from './config';\r\n\r\nexport class Cache {\r\n /**\r\n * Cache of widths of chars in text rendering.\r\n */\r\n charWidthsCache: Record<\r\n /** fontFamily */ string,\r\n Record<\r\n /** fontStyleCacheKey */ string,\r\n Record\r\n >\r\n > = {};\r\n\r\n /**\r\n * @return {Object} reference to cache\r\n */\r\n getFontCache({\r\n fontFamily,\r\n fontStyle,\r\n fontWeight,\r\n }: {\r\n fontFamily: string;\r\n fontStyle: string;\r\n fontWeight: string | number;\r\n }) {\r\n fontFamily = fontFamily.toLowerCase();\r\n if (!this.charWidthsCache[fontFamily]) {\r\n this.charWidthsCache[fontFamily] = {};\r\n }\r\n const fontCache = this.charWidthsCache[fontFamily];\r\n const cacheKey = `${fontStyle.toLowerCase()}_${(\r\n fontWeight + ''\r\n ).toLowerCase()}`;\r\n if (!fontCache[cacheKey]) {\r\n fontCache[cacheKey] = {};\r\n }\r\n return fontCache[cacheKey];\r\n }\r\n\r\n /**\r\n * Clear char widths cache for the given font family or all the cache if no\r\n * fontFamily is specified.\r\n * Use it if you know you are loading fonts in a lazy way and you are not waiting\r\n * for custom fonts to load properly when adding text objects to the canvas.\r\n * If a text object is added when its own font is not loaded yet, you will get wrong\r\n * measurement and so wrong bounding boxes.\r\n * After the font cache is cleared, either change the textObject text content or call\r\n * initDimensions() to trigger a recalculation\r\n * @memberOf fabric.util\r\n * @param {String} [fontFamily] font family to clear\r\n */\r\n clearFontCache(fontFamily?: string) {\r\n fontFamily = (fontFamily || '').toLowerCase();\r\n if (!fontFamily) {\r\n this.charWidthsCache = {};\r\n } else if (this.charWidthsCache[fontFamily]) {\r\n delete this.charWidthsCache[fontFamily];\r\n }\r\n }\r\n\r\n /**\r\n * Given current aspect ratio, determines the max width and height that can\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {number} ar aspect ratio\r\n * @return {number[]} Limited dimensions X and Y\r\n */\r\n limitDimsByArea(ar: number) {\r\n const { perfLimitSizeTotal } = config;\r\n const roughWidth = Math.sqrt(perfLimitSizeTotal * ar);\r\n // we are not returning a point on purpose, to avoid circular dependencies\r\n // this is an internal utility\r\n return [\r\n Math.floor(roughWidth),\r\n Math.floor(perfLimitSizeTotal / roughWidth),\r\n ];\r\n }\r\n\r\n /**\r\n * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n arcToSegmentsCache = {};\r\n\r\n /**\r\n * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.\r\n * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing\r\n * you do not get any speed benefit and you get a big object in memory.\r\n * The object was a private variable before, while now is appended to the lib so that you have access to it and you\r\n * can eventually clear it.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n boundsOfCurveCache = {};\r\n}\r\n\r\nexport const cache = new Cache();\r\n","import { TMat2D } from './typedefs';\r\n\r\n// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass\r\nexport { version as VERSION } from '../package.json';\r\nexport function noop() {}\r\nexport const halfPI = Math.PI / 2;\r\nexport const twoMathPi = Math.PI * 2;\r\nexport const PiBy180 = Math.PI / 180;\r\nexport const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]) as TMat2D;\r\nexport const DEFAULT_SVG_FONT_SIZE = 16;\r\n\r\n/* \"magic number\" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */\r\nexport const kRect = 1 - 0.5522847498;\r\n","import { cache } from './src/cache';\r\nimport { config } from './src/config';\r\nimport { iMatrix, VERSION } from './src/constants';\r\n\r\nvar fabric = fabric || {\r\n version: VERSION,\r\n config,\r\n cache,\r\n iMatrix,\r\n};\r\n\r\nif (typeof exports !== 'undefined') {\r\n exports.fabric = fabric;\r\n} else if (typeof define === 'function' && define.amd) {\r\n /* _AMD_START_ */\r\n define([], function () {\r\n return fabric;\r\n });\r\n}\r\n/* _AMD_END_ */\r\nif (typeof document !== 'undefined' && typeof window !== 'undefined') {\r\n if (\r\n document instanceof\r\n (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)\r\n ) {\r\n fabric.document = document;\r\n } else {\r\n fabric.document = document.implementation.createHTMLDocument('');\r\n }\r\n fabric.window = window;\r\n window.fabric = fabric;\r\n} else {\r\n // assume we're running under node.js when document/window are not present\r\n var jsdom = require('jsdom');\r\n var virtualWindow = new jsdom.JSDOM(\r\n decodeURIComponent(\r\n '%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'\r\n ),\r\n {\r\n features: {\r\n FetchExternalResources: ['img'],\r\n },\r\n resources: 'usable',\r\n }\r\n ).window;\r\n fabric.document = virtualWindow.document;\r\n fabric.jsdomImplForWrapper =\r\n require('jsdom/lib/jsdom/living/generated/utils').implForWrapper;\r\n fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas;\r\n fabric.window = virtualWindow;\r\n global.DOMParser = fabric.window.DOMParser;\r\n}\r\n\r\n/**\r\n * True when in environment that supports touch events\r\n * @type boolean\r\n */\r\nfabric.isTouchSupported =\r\n 'ontouchstart' in fabric.window ||\r\n 'ontouchstart' in fabric.document ||\r\n (fabric.window &&\r\n fabric.window.navigator &&\r\n fabric.window.navigator.maxTouchPoints > 0);\r\n\r\n/**\r\n * True when in environment that's probably Node.js\r\n * @type boolean\r\n */\r\nfabric.isLikelyNode =\r\n typeof Buffer !== 'undefined' && typeof window === 'undefined';\r\n\r\n/**\r\n * @todo move to config when window is exported\r\n */\r\nconfig.configure({\r\n devicePixelRatio:\r\n fabric.window.devicePixelRatio ||\r\n fabric.window.webkitDevicePixelRatio ||\r\n fabric.window.mozDevicePixelRatio ||\r\n 1,\r\n});\r\n\r\nexport { fabric };\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Collection\r\n */\r\n fabric.Collection = {\r\n /**\r\n * @type {fabric.Object[]}\r\n */\r\n _objects: [],\r\n\r\n /**\r\n * Adds objects to collection, Canvas or Group, then renders canvas\r\n * (if `renderOnAddRemove` is not `false`).\r\n * Objects should be instances of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object[]} objects to add\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n add: function (objects, callback) {\r\n var size = this._objects.push.apply(this._objects, objects);\r\n if (callback) {\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(this, objects[i]);\r\n }\r\n }\r\n return size;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n insertAt: function (objects, index, callback) {\r\n var args = [index, 0].concat(objects);\r\n this._objects.splice.apply(this._objects, args);\r\n if (callback) {\r\n for (var i = 2; i < args.length; i++) {\r\n callback.call(this, args[i]);\r\n }\r\n }\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * @private\r\n * @param {fabric.Object[]} objectsToRemove objects to remove\r\n * @param {(object:fabric.Object) => any} [callback] function to call for each object removed\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function (objectsToRemove, callback) {\r\n var objects = this._objects,\r\n removed = [];\r\n for (var i = 0, object, index; i < objectsToRemove.length; i++) {\r\n object = objectsToRemove[i];\r\n index = objects.indexOf(object);\r\n // only call onObjectRemoved if an object was actually removed\r\n if (index !== -1) {\r\n objects.splice(index, 1);\r\n removed.push(object);\r\n callback && callback.call(this, object);\r\n }\r\n }\r\n return removed;\r\n },\r\n\r\n /**\r\n * Executes given function for each object in this group\r\n * @param {Function} callback\r\n * Callback invoked with current object as first argument,\r\n * index - as second and an array of all objects - as third.\r\n * Callback is invoked in a context of Global Object (e.g. `window`)\r\n * when no `context` argument is given\r\n *\r\n * @param {Object} context Context (aka thisObject)\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n forEachObject: function (callback, context) {\r\n var objects = this.getObjects();\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(context, objects[i], i, objects);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns an array of children objects of this instance\r\n * @param {...String} [types] When specified, only objects of these types are returned\r\n * @return {Array}\r\n */\r\n getObjects: function () {\r\n if (arguments.length === 0) {\r\n return this._objects.concat();\r\n }\r\n var types = Array.from(arguments);\r\n return this._objects.filter(function (o) {\r\n return types.indexOf(o.type) > -1;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object at specified index\r\n * @param {Number} index\r\n * @return {Object} object at index\r\n */\r\n item: function (index) {\r\n return this._objects[index];\r\n },\r\n\r\n /**\r\n * Returns true if collection contains no objects\r\n * @return {Boolean} true if collection is empty\r\n */\r\n isEmpty: function () {\r\n return this._objects.length === 0;\r\n },\r\n\r\n /**\r\n * Returns a size of a collection (i.e: length of an array containing its objects)\r\n * @return {Number} Collection size\r\n */\r\n size: function () {\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Returns true if collection contains an object.\\\r\n * **Prefer using {@link `fabric.Object#isDescendantOf`} for performance reasons**\r\n * instead of a.contains(b) use b.isDescendantOf(a)\r\n * @param {Object} object Object to check against\r\n * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects`\r\n * @return {Boolean} `true` if collection contains an object\r\n */\r\n contains: function (object, deep) {\r\n if (this._objects.indexOf(object) > -1) {\r\n return true;\r\n } else if (deep) {\r\n return this._objects.some(function (obj) {\r\n return (\r\n typeof obj.contains === 'function' && obj.contains(object, true)\r\n );\r\n });\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns number representation of a collection complexity\r\n * @return {Number} complexity\r\n */\r\n complexity: function () {\r\n return this._objects.reduce(function (memo, current) {\r\n memo += current.complexity ? current.complexity() : 0;\r\n return memo;\r\n }, 0);\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the cosin value for angle.\r\n */\r\nexport const cos = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 1;\r\n }\r\n const angleSlice = Math.abs(angle) / halfPI;\r\n switch (angleSlice) {\r\n case 1:\r\n case 3:\r\n return 0;\r\n case 2:\r\n return -1;\r\n }\r\n return Math.cos(angle);\r\n};\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the sin value for angle.\r\n */\r\nexport const sin = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 0;\r\n }\r\n const angleSlice = angle / halfPI;\r\n const value = Math.sign(angle);\r\n switch (angleSlice) {\r\n case 1:\r\n return value;\r\n case 2:\r\n return 0;\r\n case 3:\r\n return -value;\r\n }\r\n return Math.sin(angle);\r\n};\r\n","import { fabric } from '../HEADER';\r\nimport { TMat2D, TRadian } from './typedefs';\r\nimport { cos } from './util/misc/cos';\r\nimport { sin } from './util/misc/sin';\r\n\r\nexport interface IPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\n/**\r\n * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com)\r\n */\r\nexport class Point {\r\n x: number;\r\n\r\n y: number;\r\n\r\n type = 'point';\r\n\r\n constructor();\r\n constructor(x: number, y: number);\r\n constructor(point: IPoint);\r\n constructor(arg0: number | IPoint = 0, y = 0) {\r\n if (typeof arg0 === 'object') {\r\n this.x = arg0.x;\r\n this.y = arg0.y;\r\n } else {\r\n this.x = arg0;\r\n this.y = y;\r\n }\r\n }\r\n\r\n /**\r\n * Adds another point to this one and returns another one\r\n * @param {Point} that\r\n * @return {Point} new Point instance with added values\r\n */\r\n add(that: IPoint): Point {\r\n return new Point(this.x + that.x, this.y + that.y);\r\n }\r\n\r\n /**\r\n * Adds another point to this one\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n addEquals(that: IPoint): Point {\r\n this.x += that.x;\r\n this.y += that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Adds value to this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point} new Point with added value\r\n */\r\n scalarAdd(scalar: number): Point {\r\n return new Point(this.x + scalar, this.y + scalar);\r\n }\r\n\r\n /**\r\n * Adds value to this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarAddEquals(scalar: number): Point {\r\n this.x += scalar;\r\n this.y += scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point and returns a new one\r\n * @param {Point} that\r\n * @return {Point} new Point object with subtracted values\r\n */\r\n subtract(that: IPoint): Point {\r\n return new Point(this.x - that.x, this.y - that.y);\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n subtractEquals(that: IPoint): Point {\r\n this.x -= that.x;\r\n this.y -= that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts value from this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarSubtract(scalar: number): Point {\r\n return new Point(this.x - scalar, this.y - scalar);\r\n }\r\n\r\n /**\r\n * Subtracts value from this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarSubtractEquals(scalar: number): Point {\r\n this.x -= scalar;\r\n this.y -= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Multiplies this point by another value and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n multiply(that: Point): Point {\r\n return new Point(this.x * that.x, this.y * that.y);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarMultiply(scalar: number): Point {\r\n return new Point(this.x * scalar, this.y * scalar);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarMultiplyEquals(scalar: number): Point {\r\n this.x *= scalar;\r\n this.y *= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Divides this point by another and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n divide(that: IPoint): Point {\r\n return new Point(this.x / that.x, this.y / that.y);\r\n }\r\n\r\n /**\r\n * Divides this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarDivide(scalar: number): Point {\r\n return new Point(this.x / scalar, this.y / scalar);\r\n }\r\n\r\n /**\r\n * Divides this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarDivideEquals(scalar: number): Point {\r\n this.x /= scalar;\r\n this.y /= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns true if this point is equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n eq(that: IPoint): boolean {\r\n return this.x === that.x && this.y === that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lt(that: IPoint): boolean {\r\n return this.x < that.x && this.y < that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lte(that: IPoint): boolean {\r\n return this.x <= that.x && this.y <= that.y;\r\n }\r\n\r\n /**\r\n\r\n * Returns true if this point is greater another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gt(that: IPoint): boolean {\r\n return this.x > that.x && this.y > that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is greater than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gte(that: IPoint): boolean {\r\n return this.x >= that.x && this.y >= that.y;\r\n }\r\n\r\n /**\r\n * Returns new point which is the result of linear interpolation with this one and another one\r\n * @param {Point} that\r\n * @param {Number} t , position of interpolation, between 0 and 1 default 0.5\r\n * @return {Point}\r\n */\r\n lerp(that: IPoint, t = 0.5): Point {\r\n t = Math.max(Math.min(1, t), 0);\r\n return new Point(\r\n this.x + (that.x - this.x) * t,\r\n this.y + (that.y - this.y) * t\r\n );\r\n }\r\n\r\n /**\r\n * Returns distance from this point and another one\r\n * @param {Point} that\r\n * @return {Number}\r\n */\r\n distanceFrom(that: IPoint): number {\r\n const dx = this.x - that.x,\r\n dy = this.y - that.y;\r\n return Math.sqrt(dx * dx + dy * dy);\r\n }\r\n\r\n /**\r\n * Returns the point between this point and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n midPointFrom(that: IPoint): Point {\r\n return this.lerp(that);\r\n }\r\n\r\n /**\r\n * Returns a new point which is the min of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n min(that: IPoint): Point {\r\n return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns a new point which is the max of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n max(that: IPoint): Point {\r\n return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns string representation of this point\r\n * @return {String}\r\n */\r\n toString(): string {\r\n return this.x + ',' + this.y;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point\r\n * @param {Number} x\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setXY(x: number, y: number) {\r\n this.x = x;\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x of this point\r\n * @param {Number} x\r\n * @chainable\r\n */\r\n setX(x: number) {\r\n this.x = x;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets y of this point\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setY(y: number) {\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point from another point\r\n * @param {Point} that\r\n * @chainable\r\n */\r\n setFromPoint(that: Point) {\r\n this.x = that.x;\r\n this.y = that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Swaps x/y of this point and another point\r\n * @param {Point} that\r\n */\r\n swap(that: Point) {\r\n const x = this.x,\r\n y = this.y;\r\n this.x = that.x;\r\n this.y = that.y;\r\n that.x = x;\r\n that.y = y;\r\n }\r\n\r\n /**\r\n * return a cloned instance of the point\r\n * @return {Point}\r\n */\r\n clone(): Point {\r\n return new Point(this.x, this.y);\r\n }\r\n\r\n /**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\n rotate(radians: TRadian, origin: Point = originZero): Point {\r\n // TODO benchmark and verify the add and subtract how much cost\r\n // and then in case early return if no origin is passed\r\n const sinus = sin(radians),\r\n cosinus = cos(radians);\r\n const p = this.subtract(origin);\r\n const rotated = new Point(\r\n p.x * cosinus - p.y * sinus,\r\n p.x * sinus + p.y * cosinus\r\n );\r\n return rotated.add(origin);\r\n }\r\n\r\n /**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\n transform(t: TMat2D, ignoreOffset = false): Point {\r\n return new Point(\r\n t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]),\r\n t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])\r\n );\r\n }\r\n}\r\n\r\nconst originZero = new Point(0, 0);\r\n\r\nfabric.Point = Point;\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TRadian } from '../../typedefs';\r\n\r\nconst unitVectorX = new Point(1, 0);\r\n\r\n/**\r\n * Rotates `vector` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} vector The vector to rotate (x and y)\r\n * @param {Number} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotateVector = (vector: Point, radians: TRadian) =>\r\n vector.rotate(radians);\r\n\r\n/**\r\n * Creates a vector from points represented as a point\r\n * @static\r\n * @memberOf fabric.util\r\n *\r\n * @param {Point} from\r\n * @param {Point} to\r\n * @returns {Point} vector\r\n */\r\nexport const createVector = (from: IPoint, to: IPoint): Point =>\r\n new Point(to).subtract(from);\r\n\r\n/**\r\n * return the magnitude of a vector\r\n * @return {number}\r\n */\r\nexport const magnitude = (point: Point) => point.distanceFrom(new Point());\r\n\r\n/**\r\n * Calculates the angle between 2 vectors\r\n * @param {Point} a\r\n * @param {Point} b\r\n * @returns the angle in radians from `a` to `b`\r\n */\r\nexport const calcAngleBetweenVectors = (a: Point, b: Point): TRadian => {\r\n const dot = a.x * b.x + a.y * b.y,\r\n det = a.x * b.y - a.y * b.x;\r\n return Math.atan2(det, dot) as TRadian;\r\n};\r\n\r\n/**\r\n * Calculates the angle between the x axis and the vector\r\n * @param {Point} v\r\n * @returns the angle in radians of `v`\r\n */\r\nexport const calcVectorRotation = (v: Point) =>\r\n calcAngleBetweenVectors(unitVectorX, v);\r\n\r\n/**\r\n * @param {Point} v\r\n * @returns {Point} vector representing the unit vector pointing to the direction of `v`\r\n */\r\nexport const getUnitVector = (v: Point): Point => v.scalarDivide(magnitude(v));\r\n\r\n/**\r\n * @param {Point} A\r\n * @param {Point} B\r\n * @param {Point} C\r\n * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle\r\n */\r\nexport const getBisector = (A: Point, B: Point, C: Point) => {\r\n const AB = createVector(A, B),\r\n AC = createVector(A, C),\r\n alpha = calcAngleBetweenVectors(AB, AC);\r\n return {\r\n vector: getUnitVector(rotateVector(AB, alpha / 2)),\r\n angle: alpha,\r\n };\r\n};\r\n\r\n/**\r\n * @param {Point} v\r\n * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true`\r\n * @returns {Point} the unit orthogonal vector\r\n */\r\nexport const getOrthonormalVector = (\r\n v: Point,\r\n counterClockwise = true\r\n): Point =>\r\n getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1));\r\n","import type { TRadian, TDegree } from '../../typedefs';\r\nimport { PiBy180 } from '../../constants';\r\n\r\n/**\r\n * Transforms degrees to radians.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TDegree} degrees value in degrees\r\n * @return {TRadian} value in radians\r\n */\r\nexport const degreesToRadians = (degrees: TDegree): TRadian =>\r\n (degrees * PiBy180) as TRadian;\r\n\r\n/**\r\n * Transforms radians to degrees.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} radians value in radians\r\n * @return {TDegree} value in degrees\r\n */\r\nexport const radiansToDegrees = (radians: TRadian): TDegree =>\r\n (radians / PiBy180) as TDegree;\r\n","import type { Point } from '../../point.class';\r\nimport type { TRadian } from '../../typedefs';\r\n/**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @deprecated use the Point.rotate\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotatePoint = (\r\n point: Point,\r\n origin: Point,\r\n radians: TRadian\r\n): Point => point.rotate(radians, origin);\r\n","/**\r\n * Returns random number between 2 specified ones.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Number} min lower limit\r\n * @param {Number} max upper limit\r\n * @return {Number} random value (between min and max)\r\n */\r\nexport const getRandomInt = (min: number, max: number): number =>\r\n Math.floor(Math.random() * (max - min + 1)) + min;\r\n","/**\r\n *\r\n * @param value value to check if NaN\r\n * @param [valueIfNaN]\r\n * @returns `fallback` is `value is NaN\r\n */\r\nexport const ifNaN = (value: number, valueIfNaN?: number) => {\r\n return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value;\r\n};\r\n","/**\r\n * Removes value from an array.\r\n * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} array\r\n * @param {*} value\r\n * @return {Array} original array\r\n */\r\nexport const removeFromArray = (array: T[], value: T): T[] => {\r\n const idx = array.indexOf(value);\r\n if (idx !== -1) {\r\n array.splice(idx, 1);\r\n }\r\n return array;\r\n};\r\n","import { halfPI } from '../../../constants';\r\nimport { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport {\r\n calcAngleBetweenVectors,\r\n calcVectorRotation,\r\n createVector,\r\n} from '../vectors';\r\nimport { TProjectStrokeOnPointsOptions, TProjection } from './types';\r\n\r\n/**\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n */\r\nexport abstract class StrokeProjectionsBase {\r\n options: TProjectStrokeOnPointsOptions;\r\n scale: Point;\r\n strokeUniformScalar: Point;\r\n strokeProjectionMagnitude: number;\r\n\r\n static getAcuteAngleFactor(vector1: Point, vector2?: Point) {\r\n const angle = vector2\r\n ? calcAngleBetweenVectors(vector1, vector2)\r\n : calcVectorRotation(vector1);\r\n return Math.abs(angle) < halfPI ? -1 : 1;\r\n }\r\n\r\n constructor(options: TProjectStrokeOnPointsOptions) {\r\n this.options = options;\r\n this.strokeProjectionMagnitude = this.options.strokeWidth / 2;\r\n this.scale = new Point(this.options.scaleX, this.options.scaleY);\r\n this.strokeUniformScalar = this.options.strokeUniform\r\n ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY)\r\n : new Point(1, 1);\r\n }\r\n\r\n /**\r\n * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account.\r\n */\r\n protected createSideVector(from: IPoint, to: IPoint) {\r\n const v = createVector(from, to);\r\n return this.options.strokeUniform ? v.multiply(this.scale) : v;\r\n }\r\n\r\n protected abstract calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude?: number\r\n ): Point;\r\n\r\n protected projectOrthogonally(from: Point, to: Point, magnitude?: number) {\r\n return this.applySkew(\r\n from.add(this.calcOrthogonalProjection(from, to, magnitude))\r\n );\r\n }\r\n\r\n protected isSkewed() {\r\n return this.options.skewX !== 0 || this.options.skewY !== 0;\r\n }\r\n\r\n protected applySkew(point: Point) {\r\n const p = new Point(point);\r\n // skewY must be applied before skewX as this distortion affects skewX calculation\r\n p.y += p.x * Math.tan(degreesToRadians(this.options.skewY));\r\n p.x += p.y * Math.tan(degreesToRadians(this.options.skewX));\r\n return p;\r\n }\r\n\r\n protected scaleUnitVector(unitVector: Point, scalar: number) {\r\n return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar);\r\n }\r\n\r\n protected abstract projectPoints(): Point[];\r\n\r\n public abstract project(): TProjection[];\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport { getBisector, getOrthonormalVector, magnitude } from '../vectors';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line join\r\n * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)}\r\n *\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin\r\n * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n *\r\n */\r\nexport class StrokeLineJoinProjections extends StrokeProjectionsBase {\r\n /**\r\n * The point being projected (the angle ∠BAC)\r\n */\r\n A: Point;\r\n /**\r\n * The point before A\r\n */\r\n B: Point;\r\n /**\r\n * The point after A\r\n */\r\n C: Point;\r\n /**\r\n * The bisector of A (∠BAC)\r\n */\r\n bisector: ReturnType;\r\n\r\n constructor(\r\n A: IPoint,\r\n B: IPoint,\r\n C: IPoint,\r\n options: TProjectStrokeOnPointsOptions\r\n ) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.B = new Point(B);\r\n this.C = new Point(C);\r\n // First we calculate the bisector between the points. Used in `round` and `miter` cases\r\n // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account\r\n this.bisector = this.options.strokeUniform\r\n ? getBisector(\r\n this.A.multiply(this.scale),\r\n this.B.multiply(this.scale),\r\n this.C.multiply(this.scale)\r\n )\r\n : getBisector(this.A, this.B, this.C);\r\n }\r\n\r\n get bisectorVector() {\r\n return this.bisector.vector;\r\n }\r\n\r\n get bisectorAngle() {\r\n return this.bisector.angle;\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n const orthogonalProjection = getOrthonormalVector(vector);\r\n const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(\r\n orthogonalProjection,\r\n this.bisectorVector\r\n );\r\n return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide);\r\n }\r\n\r\n /**\r\n * BEVEL\r\n * Calculation: the projection points are formed by the vector orthogonal to the vertex.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel\r\n */\r\n projectBevel() {\r\n return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to));\r\n }\r\n\r\n /**\r\n * MITER\r\n * Calculation: the corner is formed by extending the outer edges of the stroke\r\n * at the tangents of the path segments until they intersect.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter\r\n */\r\n projectMiter() {\r\n const alpha = Math.abs(this.bisectorAngle),\r\n hypotUnitScalar = 1 / Math.sin(alpha / 2),\r\n miterVector = this.scaleUnitVector(\r\n this.bisectorVector,\r\n -this.strokeProjectionMagnitude * hypotUnitScalar\r\n );\r\n\r\n // When two line segments meet at a sharp angle, it is possible for the join to extend,\r\n // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes\r\n // a limit on the extent of the line join.\r\n // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit\r\n // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit\r\n const strokeMiterLimit = this.options.strokeUniform\r\n ? hypotUnitScalar\r\n : this.options.strokeMiterLimit;\r\n\r\n if (\r\n magnitude(miterVector) / this.strokeProjectionMagnitude <=\r\n strokeMiterLimit\r\n ) {\r\n return [this.applySkew(this.A.add(miterVector))];\r\n } else {\r\n // when the miter-limit is reached, the stroke line join becomes of type bevel\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n /**\r\n * ROUND (without skew)\r\n * Calculation: the projections are the two vectors parallel to X and Y axes\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew\r\n */\r\n private projectRoundNoSkew() {\r\n // correctSide is used to only consider projecting for the outer side\r\n const correctSide = new Point(\r\n StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector),\r\n StrokeProjectionsBase.getAcuteAngleFactor(\r\n new Point(this.bisectorVector.y, this.bisectorVector.x)\r\n )\r\n ),\r\n radiusOnAxisX = new Point(1, 0)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide),\r\n radiusOnAxisY = new Point(0, 1)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide);\r\n\r\n return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)];\r\n }\r\n\r\n /**\r\n * ROUND (with skew)\r\n * Calculation: the projections are the points furthest from the vertex in\r\n * the direction of the X and Y axes after distortion.\r\n *\r\n * @todo TODO:\r\n * - Consider only projections that are inside the beginning and end of the circle segment\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew\r\n */\r\n private projectRoundWithSkew() {\r\n const projections: Point[] = [];\r\n\r\n // The start and end points of the circle segment\r\n [this.B, this.C].forEach((to) =>\r\n projections.push(this.projectOrthogonally(this.A, to))\r\n );\r\n\r\n const { skewX, skewY } = this.options;\r\n // The points furthest from the vertex in the direction of the X and Y axes after distortion\r\n const circleRadius = new Point()\r\n .scalarAdd(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar),\r\n newY =\r\n circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2),\r\n furthestY = new Point(\r\n Math.sqrt(\r\n circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2\r\n ),\r\n newY\r\n ),\r\n newX =\r\n circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2),\r\n furthestX = new Point(\r\n newX,\r\n Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)\r\n );\r\n\r\n [furthestX, furthestY].forEach((vector) => {\r\n projections.push(\r\n this.applySkew(this.A.add(vector)),\r\n this.applySkew(this.A.subtract(vector))\r\n );\r\n });\r\n\r\n return projections;\r\n }\r\n\r\n projectRound() {\r\n if (!this.isSkewed()) {\r\n return this.projectRoundNoSkew();\r\n } else {\r\n return this.projectRoundWithSkew();\r\n }\r\n }\r\n\r\n /**\r\n * Project stroke width on points returning projections for each point as follows:\r\n * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel)\r\n * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke.\r\n * - `round`: same as `bevel` when it has no skew, with skew are 4 points.\r\n */\r\n protected projectPoints() {\r\n switch (this.options.strokeLineJoin) {\r\n case 'miter':\r\n return this.projectMiter();\r\n case 'round':\r\n return this.projectRound();\r\n default:\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n bisector: this.bisector,\r\n }));\r\n }\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { createVector, getOrthonormalVector, getUnitVector } from '../vectors';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line cap for start/end of an open path\r\n * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)}\r\n *\r\n * Reference:\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\r\n * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n */\r\nexport class StrokeLineCapProjections extends StrokeProjectionsBase {\r\n /**\r\n * edge point\r\n */\r\n A: Point;\r\n /**\r\n * point next to edge point\r\n */\r\n T: Point;\r\n\r\n constructor(A: IPoint, T: IPoint, options: TProjectStrokeOnPointsOptions) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.T = new Point(T);\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n return this.scaleUnitVector(getOrthonormalVector(vector), magnitude);\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Butt\r\n * Calculation: to find the projections, just find the points orthogonal to the stroke\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt\r\n */\r\n projectButt() {\r\n return [\r\n this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude),\r\n this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude),\r\n ];\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Round\r\n * Calculation: same as stroke line join `round`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round\r\n */\r\n projectRound() {\r\n return new StrokeLineJoinProjections(\r\n this.A,\r\n this.T,\r\n this.T,\r\n this.options\r\n ).projectRound();\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Square\r\n * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square\r\n */\r\n projectSquare() {\r\n const orthogonalProjection = this.calcOrthogonalProjection(\r\n this.A,\r\n this.T,\r\n this.strokeProjectionMagnitude\r\n );\r\n const strokePointingOut = this.scaleUnitVector(\r\n getUnitVector(createVector(this.A, this.T)),\r\n -this.strokeProjectionMagnitude\r\n );\r\n const projectedA = this.A.add(strokePointingOut);\r\n return [\r\n projectedA.add(orthogonalProjection),\r\n projectedA.subtract(orthogonalProjection),\r\n ].map((p) => this.applySkew(p));\r\n }\r\n\r\n protected projectPoints() {\r\n switch (this.options.strokeLineCap) {\r\n case 'round':\r\n return this.projectRound();\r\n case 'square':\r\n return this.projectSquare();\r\n default:\r\n return this.projectButt();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n }));\r\n }\r\n}\r\n","import { IPoint } from '../../../point.class';\r\nimport { StrokeLineCapProjections } from './StrokeLineCapProjections';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n *\r\n * Used to calculate object's bounding box\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n *\r\n */\r\nexport const projectStrokeOnPoints = (\r\n points: IPoint[],\r\n options: TProjectStrokeOnPointsOptions,\r\n openPath = false\r\n): TProjection[] => {\r\n const projections: TProjection[] = [];\r\n\r\n if (points.length <= 1) {\r\n return projections;\r\n }\r\n\r\n points.forEach((A, index) => {\r\n let B: IPoint, C: IPoint;\r\n if (index === 0) {\r\n C = points[1];\r\n B = openPath ? A : points[points.length - 1];\r\n } else if (index === points.length - 1) {\r\n B = points[index - 1];\r\n C = openPath ? A : points[0];\r\n } else {\r\n B = points[index - 1];\r\n C = points[index + 1];\r\n }\r\n\r\n if (openPath && (index === 0 || index === points.length - 1)) {\r\n projections.push(\r\n ...new StrokeLineCapProjections(\r\n A,\r\n index === 0 ? C : B,\r\n options\r\n ).project()\r\n );\r\n } else {\r\n projections.push(\r\n ...new StrokeLineJoinProjections(A, B, C, options).project()\r\n );\r\n }\r\n });\r\n\r\n return projections;\r\n};\r\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { iMatrix } from '../../constants';\r\nimport { IPoint, Point } from '../../point.class';\r\nimport { TDegree, TMat2D } from '../../typedefs';\r\nimport { cos } from './cos';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { sin } from './sin';\r\n\r\ntype TRotateMatrixArgs = {\r\n angle?: TDegree;\r\n};\r\n\r\ntype TTranslateMatrixArgs = {\r\n translateX?: number;\r\n translateY?: number;\r\n};\r\n\r\nexport type TScaleMatrixArgs = {\r\n scaleX?: number;\r\n scaleY?: number;\r\n flipX?: boolean;\r\n flipY?: boolean;\r\n skewX?: TDegree;\r\n skewY?: TDegree;\r\n};\r\n\r\nexport type TComposeMatrixArgs = TTranslateMatrixArgs &\r\n TRotateMatrixArgs &\r\n TScaleMatrixArgs;\r\n\r\nexport type TQrDecomposeOut = Required<\r\n Omit\r\n>;\r\n/**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point | IPoint} p The point to transform\r\n * @param {Array} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\nexport const transformPoint = (\r\n p: Point | IPoint,\r\n t: TMat2D,\r\n ignoreOffset?: boolean\r\n): Point => new Point(p).transform(t, ignoreOffset);\r\n\r\n/**\r\n * Invert transformation t\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} t The transform\r\n * @return {Array} The inverted transform\r\n */\r\nexport const invertTransform = (t: TMat2D): TMat2D => {\r\n const a = 1 / (t[0] * t[3] - t[1] * t[2]),\r\n r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0] as TMat2D,\r\n { x, y } = transformPoint(new Point(t[4], t[5]), r, true);\r\n r[4] = -x;\r\n r[5] = -y;\r\n return r;\r\n};\r\n\r\n/**\r\n * Multiply matrix A by matrix B to nest transformations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a First transformMatrix\r\n * @param {TMat2D} b Second transformMatrix\r\n * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices\r\n * @return {TMat2D} The product of the two transform matrices\r\n */\r\nexport const multiplyTransformMatrices = (\r\n a: TMat2D,\r\n b: TMat2D,\r\n is2x2?: boolean\r\n): TMat2D =>\r\n [\r\n a[0] * b[0] + a[2] * b[1],\r\n a[1] * b[0] + a[3] * b[1],\r\n a[0] * b[2] + a[2] * b[3],\r\n a[1] * b[2] + a[3] * b[3],\r\n is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4],\r\n is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5],\r\n ] as TMat2D;\r\n\r\n/**\r\n * Decomposes standard 2x3 matrix into transform components\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a transformMatrix\r\n * @return {Object} Components of transform\r\n */\r\nexport const qrDecompose = (a: TMat2D): TQrDecomposeOut => {\r\n const angle = Math.atan2(a[1], a[0]),\r\n denom = Math.pow(a[0], 2) + Math.pow(a[1], 2),\r\n scaleX = Math.sqrt(denom),\r\n scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX,\r\n skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom);\r\n return {\r\n angle: radiansToDegrees(angle),\r\n scaleX,\r\n scaleY,\r\n skewX: radiansToDegrees(skewX),\r\n skewY: 0 as TDegree,\r\n translateX: a[4] || 0,\r\n translateY: a[5] || 0,\r\n };\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle] angle in degrees\r\n * @return {TMat2D} transform matrix\r\n */\r\n\r\nexport const calcRotateMatrix = ({ angle }: TRotateMatrixArgs): TMat2D => {\r\n if (!angle) {\r\n return iMatrix;\r\n }\r\n const theta = degreesToRadians(angle),\r\n cosin = cos(theta),\r\n sinus = sin(theta);\r\n return [cosin, sinus, -sinus, cosin, 0, 0];\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet.\r\n * is called DimensionsTransformMatrix because those properties are the one that influence\r\n * the size of the resulting box of the object.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @return {Number[]} transform matrix\r\n */\r\nexport const calcDimensionsMatrix = ({\r\n scaleX = 1,\r\n scaleY = 1,\r\n flipX = false,\r\n flipY = false,\r\n skewX = 0 as TDegree,\r\n skewY = 0 as TDegree,\r\n}: TScaleMatrixArgs) => {\r\n let scaleMatrix = iMatrix;\r\n if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) {\r\n scaleMatrix = [\r\n flipX ? -scaleX : scaleX,\r\n 0,\r\n 0,\r\n flipY ? -scaleY : scaleY,\r\n 0,\r\n 0,\r\n ] as TMat2D;\r\n }\r\n if (skewX) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, 0, Math.tan(degreesToRadians(skewX)), 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n if (skewY) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, Math.tan(degreesToRadians(skewY)), 0, 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n return scaleMatrix;\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @param {Number} [options.translateX]\r\n * @param {Number} [options.translateY]\r\n * @return {Number[]} transform matrix\r\n */\r\n\r\nexport const composeMatrix = ({\r\n translateX = 0,\r\n translateY = 0,\r\n angle = 0 as TDegree,\r\n ...otherOptions\r\n}: TComposeMatrixArgs): TMat2D => {\r\n let matrix = [1, 0, 0, 1, translateX, translateY] as TMat2D;\r\n if (angle) {\r\n matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle }));\r\n }\r\n const scaleMatrix = calcDimensionsMatrix(otherOptions);\r\n if (scaleMatrix !== iMatrix) {\r\n matrix = multiplyTransformMatrices(matrix, scaleMatrix);\r\n }\r\n return matrix;\r\n};\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Copies all enumerable properties of one js object to another\r\n * this does not and cannot compete with generic utils.\r\n * Does not clone or extend fabric.Object subclasses.\r\n * This is mostly for internal use and has extra handling for fabricJS objects\r\n * it skips the canvas and group properties in deep cloning.\r\n * @memberOf fabric.util.object\r\n * @param {Object} destination Where to copy to\r\n * @param {Object} source Where to copy from\r\n * @param {Boolean} [deep] Whether to extend nested objects\r\n * @return {Object}\r\n */\r\n\r\nexport const extend = (destination, source, deep) => {\r\n // the deep clone is for internal use, is not meant to avoid\r\n // javascript traps or cloning html element or self referenced objects.\r\n if (deep) {\r\n if (!fabric.isLikelyNode && source instanceof Element) {\r\n // avoid cloning deep images, canvases,\r\n destination = source;\r\n } else if (Array.isArray(source)) {\r\n destination = [];\r\n for (let i = 0, len = source.length; i < len; i++) {\r\n destination[i] = extend({}, source[i], deep);\r\n }\r\n } else if (source && typeof source === 'object') {\r\n for (const property in source) {\r\n if (property === 'canvas' || property === 'group') {\r\n // we do not want to clone this props at all.\r\n // we want to keep the keys in the copy\r\n destination[property] = null;\r\n } else if (Object.prototype.hasOwnProperty.call(source, property)) {\r\n destination[property] = extend({}, source[property], deep);\r\n }\r\n }\r\n } else {\r\n // this sounds odd for an extend but is ok for recursive use\r\n destination = source;\r\n }\r\n } else {\r\n for (const property in source) {\r\n destination[property] = source[property];\r\n }\r\n }\r\n return destination;\r\n};\r\n\r\n/**\r\n * Creates an empty object and copies all enumerable properties of another object to it\r\n * This method is mostly for internal use, and not intended for duplicating shapes in canvas.\r\n * @memberOf fabric.util.object\r\n * @param {Object} object Object to clone\r\n * @param {Boolean} [deep] Whether to clone nested objects\r\n * @return {Object}\r\n */\r\n\r\n//TODO: this function return an empty object if you try to clone null\r\nexport const clone = (object: any, deep: boolean) =>\r\n deep ? extend({}, object, deep) : { ...object };\r\n","import { clone } from '../lang_object';\r\n\r\n/**\r\n * @memberOf fabric.util\r\n * @param {Object} prevStyle first style to compare\r\n * @param {Object} thisStyle second style to compare\r\n * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties\r\n * @return {boolean} true if the style changed\r\n */\r\nexport const hasStyleChanged = (\r\n prevStyle: any,\r\n thisStyle: any,\r\n forTextSpans = false\r\n) =>\r\n prevStyle.fill !== thisStyle.fill ||\r\n prevStyle.stroke !== thisStyle.stroke ||\r\n prevStyle.strokeWidth !== thisStyle.strokeWidth ||\r\n prevStyle.fontSize !== thisStyle.fontSize ||\r\n prevStyle.fontFamily !== thisStyle.fontFamily ||\r\n prevStyle.fontWeight !== thisStyle.fontWeight ||\r\n prevStyle.fontStyle !== thisStyle.fontStyle ||\r\n prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor ||\r\n prevStyle.deltaY !== thisStyle.deltaY ||\r\n (forTextSpans &&\r\n (prevStyle.overline !== thisStyle.overline ||\r\n prevStyle.underline !== thisStyle.underline ||\r\n prevStyle.linethrough !== thisStyle.linethrough));\r\n\r\n/**\r\n * Returns the array form of a text object's inline styles property with styles grouped in ranges\r\n * rather than per character. This format is less verbose, and is better suited for storage\r\n * so it is used in serialization (not during runtime).\r\n * @memberOf fabric.util\r\n * @param {object} styles per character styles for a text object\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {{start: number, end: number, style: object}[]}\r\n */\r\nexport const stylesToArray = (styles: any, text: string) => {\r\n const textLines = text.split('\\n'),\r\n stylesArray = [];\r\n let charIndex = -1,\r\n prevStyle = {};\r\n // clone style structure to prevent mutation\r\n styles = clone(styles, true);\r\n\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n if (!styles[i]) {\r\n //no styles exist for this line, so add the line's length to the charIndex total\r\n charIndex += textLines[i].length;\r\n continue;\r\n }\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n const thisStyle = styles[i][c];\r\n //check if style exists for this character\r\n if (thisStyle && Object.keys(thisStyle).length > 0) {\r\n if (hasStyleChanged(prevStyle, thisStyle, true)) {\r\n stylesArray.push({\r\n start: charIndex,\r\n end: charIndex + 1,\r\n style: thisStyle,\r\n });\r\n } else {\r\n //if style is the same as previous character, increase end index\r\n stylesArray[stylesArray.length - 1].end++;\r\n }\r\n }\r\n prevStyle = thisStyle || {};\r\n }\r\n }\r\n return stylesArray;\r\n};\r\n\r\n/**\r\n * Returns the object form of the styles property with styles that are assigned per\r\n * character rather than grouped by range. This format is more verbose, and is\r\n * only used during runtime (not for serialization/storage)\r\n * @memberOf fabric.util\r\n * @param {Array} styles the serialized form of a text object's styles\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {Object}\r\n */\r\nexport const stylesFromArray = (styles: any, text: string) => {\r\n if (!Array.isArray(styles)) {\r\n return styles;\r\n }\r\n const textLines = text.split('\\n'),\r\n stylesObject = {} as any;\r\n let charIndex = -1,\r\n styleIndex = 0;\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n //check if there's a style collection that includes the current character\r\n if (\r\n styles[styleIndex] &&\r\n styles[styleIndex].start <= charIndex &&\r\n charIndex < styles[styleIndex].end\r\n ) {\r\n //create object for line index if it doesn't exist\r\n stylesObject[i] = stylesObject[i] || {};\r\n //assign a style at this character's index\r\n stylesObject[i][c] = { ...styles[styleIndex].style };\r\n //if character is at the end of the current style collection, move to the next\r\n if (charIndex === styles[styleIndex].end - 1) {\r\n styleIndex++;\r\n }\r\n }\r\n }\r\n }\r\n return stylesObject;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { ImageFormat } from '../../typedefs';\r\n/**\r\n * Creates canvas element\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const createCanvasElement = (): HTMLCanvasElement =>\r\n fabric.document.createElement('canvas');\r\n\r\n/**\r\n * Creates image element (works on client and node)\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {HTMLImageElement} HTML image element\r\n */\r\nexport const createImage = (): HTMLImageElement =>\r\n fabric.document.createElement('img');\r\n\r\n/**\r\n * Creates a canvas element that is a copy of another and is also painted\r\n * @param {CanvasElement} canvas to copy size and content of\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const copyCanvasElement = (\r\n canvas: HTMLCanvasElement\r\n): HTMLCanvasElement => {\r\n const newCanvas = createCanvasElement();\r\n newCanvas.width = canvas.width;\r\n newCanvas.height = canvas.height;\r\n newCanvas.getContext('2d')?.drawImage(canvas, 0, 0);\r\n return newCanvas;\r\n};\r\n\r\n/**\r\n * since 2.6.0 moved from canvas instance to utility.\r\n * possibly useless\r\n * @param {CanvasElement} canvasEl to copy size and content of\r\n * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too\r\n * @param {Number} quality <= 1 and > 0\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {String} data url\r\n */\r\nexport const toDataURL = (\r\n canvasEl: HTMLCanvasElement,\r\n format: ImageFormat,\r\n quality: number\r\n) => canvasEl.toDataURL(`image/${format}`, quality);\r\n","/**\r\n * A wrapper around Number#toFixed, which contrary to native method returns number, not string.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {number|string} number number to operate on\r\n * @param {number} fractionDigits number of fraction digits to \"leave\"\r\n * @return {number}\r\n */\r\nexport const toFixed = (number: number | string, fractionDigits: number) =>\r\n parseFloat(Number(number).toFixed(fractionDigits));\r\n","import { fabric } from '../../../HEADER';\r\nimport { SVGElementName, SupportedSVGUnit, TMat2D } from '../../typedefs';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../../constants';\r\nimport { toFixed } from './toFixed';\r\nimport { config } from '../../config';\r\n/**\r\n * Returns array of attributes for given svg that fabric parses\r\n * @memberOf fabric.util\r\n * @param {SVGElementName} type Type of svg element (eg. 'circle')\r\n * @return {Array} string names of supported attributes\r\n */\r\nexport const getSvgAttributes = (type: SVGElementName) => {\r\n const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class'];\r\n switch (type) {\r\n case SVGElementName.linearGradient:\r\n return commonAttributes.concat([\r\n 'x1',\r\n 'y1',\r\n 'x2',\r\n 'y2',\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n ]);\r\n case 'radialGradient':\r\n return commonAttributes.concat([\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n 'fr',\r\n ]);\r\n case 'stop':\r\n return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']);\r\n }\r\n return commonAttributes;\r\n};\r\n\r\n/**\r\n * Converts from attribute value to pixel value if applicable.\r\n * Returns converted pixels or original value not converted.\r\n * @param {string} value number to operate on\r\n * @param {number} fontSize\r\n * @return {number}\r\n */\r\nexport const parseUnit = (value: string, fontSize: number) => {\r\n const unit = /\\D{0,2}$/.exec(value),\r\n number = parseFloat(value);\r\n if (!fontSize) {\r\n fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n const dpi = config.DPI;\r\n switch (unit?.[0]) {\r\n case SupportedSVGUnit.mm:\r\n return (number * dpi) / 25.4;\r\n\r\n case SupportedSVGUnit.cm:\r\n return (number * dpi) / 2.54;\r\n\r\n case SupportedSVGUnit.in:\r\n return number * dpi;\r\n\r\n case SupportedSVGUnit.pt:\r\n return (number * dpi) / 72; // or * 4 / 3\r\n\r\n case SupportedSVGUnit.pc:\r\n return ((number * dpi) / 72) * 12; // or * 16\r\n\r\n case SupportedSVGUnit.em:\r\n return number * fontSize;\r\n\r\n default:\r\n return number;\r\n }\r\n};\r\n\r\n/**\r\n * Groups SVG elements (usually those retrieved from SVG document)\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} elements fabric.Object(s) parsed from svg, to group\r\n * @return {fabric.Object|fabric.Group}\r\n */\r\nexport const groupSVGElements = (elements: any[]) => {\r\n if (elements && elements.length === 1) {\r\n return elements[0];\r\n }\r\n return new fabric.Group(elements);\r\n};\r\n\r\nconst enum MeetOrSlice {\r\n meet = 'meet',\r\n slice = 'slice',\r\n}\r\n\r\nconst enum MinMidMax {\r\n min = 'Min',\r\n mid = 'Mid',\r\n max = 'Max',\r\n none = 'none',\r\n}\r\n\r\ntype TPreserveArParsed = {\r\n meetOrSlice: MeetOrSlice;\r\n alignX: MinMidMax;\r\n alignY: MinMidMax;\r\n};\r\n\r\n// align can be either none or undefined or a combination of mid/max\r\nconst parseAlign = (align: string): MinMidMax[] => {\r\n //divide align in alignX and alignY\r\n if (align && align !== MinMidMax.none) {\r\n return [align.slice(1, 4) as MinMidMax, align.slice(5, 8) as MinMidMax];\r\n } else if (align === MinMidMax.none) {\r\n return [align, align];\r\n }\r\n return [MinMidMax.mid, MinMidMax.mid];\r\n};\r\n\r\n/**\r\n * Parse preserveAspectRatio attribute from element\r\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio\r\n * @param {string} attribute to be parsed\r\n * @return {Object} an object containing align and meetOrSlice attribute\r\n */\r\nexport const parsePreserveAspectRatioAttribute = (\r\n attribute: string\r\n): TPreserveArParsed => {\r\n const [firstPart, secondPart] = attribute.trim().split(' ') as [\r\n MinMidMax,\r\n MeetOrSlice | undefined\r\n ];\r\n const [alignX, alignY] = parseAlign(firstPart);\r\n return {\r\n meetOrSlice: secondPart || MeetOrSlice.meet,\r\n alignX,\r\n alignY,\r\n };\r\n};\r\n\r\n/**\r\n * given an array of 6 number returns something like `\"matrix(...numbers)\"`\r\n * @memberOf fabric.util\r\n * @param {TMat2D} transform an array with 6 numbers\r\n * @return {String} transform matrix for svg\r\n */\r\nexport const matrixToSVG = (transform: TMat2D) =>\r\n 'matrix(' +\r\n transform\r\n .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS))\r\n .join(' ') +\r\n ')';\r\n","interface IWithDimensions {\r\n width: number;\r\n height: number;\r\n}\r\n\r\n/**\r\n * Finds the scale for the object source to fit inside the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to fit into destination\r\n */\r\nexport const findScaleToFit = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.min(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n\r\n/**\r\n * Finds the scale for the object source to cover entirely the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to cover destination\r\n */\r\nexport const findScaleToCover = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.max(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n","export const capValue = (min: number, value: number, max: number) =>\r\n Math.max(min, Math.min(value, max));\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TBBox } from '../../typedefs';\r\n\r\n/**\r\n * Calculates bounding box (left, top, width, height) from given `points`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {IPoint[]} points\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\nexport const makeBoundingBoxFromPoints = (points: IPoint[]): TBBox => {\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n };\r\n }\r\n\r\n const { min, max } = points.reduce(\r\n ({ min, max }, curr) => {\r\n return {\r\n min: min.min(curr),\r\n max: max.max(curr),\r\n };\r\n },\r\n { min: new Point(points[0]), max: new Point(points[0]) }\r\n );\r\n\r\n const size = max.subtract(min);\r\n\r\n return {\r\n left: min.x,\r\n top: min.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n};\r\n","import { Point } from '../../point.class';\r\nimport type { FabricObject } from '../../shapes/object.class';\r\nimport { TMat2D } from '../../typedefs';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport type { TComposeMatrixArgs, TScaleMatrixArgs } from './matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from './matrix';\r\n\r\n/**\r\n * given an object and a transform, apply the inverse transform to the object,\r\n * this is equivalent to remove from that object that transformation, so that\r\n * added in a space with the removed transform, the object will be the same as before.\r\n * Removing from an object a transform that scale by 2 is like scaling it by 1/2.\r\n * Removing from an object a transform that rotate by 30deg is like rotating by 30deg\r\n * in the opposite direction.\r\n * This util is used to add objects inside transformed groups or nested groups.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const removeTransformFromObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const inverted = invertTransform(transform),\r\n finalTransform = multiplyTransformMatrices(\r\n inverted,\r\n object.calcOwnMatrix()\r\n );\r\n applyTransformToObject(object, finalTransform);\r\n};\r\n\r\n/**\r\n * given an object and a transform, apply the transform to the object.\r\n * this is equivalent to change the space where the object is drawn.\r\n * Adding to an object a transform that scale by 2 is like scaling it by 2.\r\n * This is used when removing an object from an active selection for example.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const addTransformToObject = (object: FabricObject, transform: TMat2D) =>\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(transform, object.calcOwnMatrix())\r\n );\r\n\r\n/**\r\n * discard an object transform state and apply the one from the matrix.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const applyTransformToObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const { translateX, translateY, scaleX, scaleY, ...otherOptions } =\r\n qrDecompose(transform),\r\n center = new Point(translateX, translateY);\r\n object.flipX = false;\r\n object.flipY = false;\r\n Object.assign(object, otherOptions);\r\n object.set({ scaleX, scaleY });\r\n object.setPositionByOrigin(center, 'center', 'center');\r\n};\r\n/**\r\n * reset an object transform state to neutral. Top and left are not accounted for\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to transform\r\n */\r\nexport const resetObjectTransform = (target: FabricObject) => {\r\n target.scaleX = 1;\r\n target.scaleY = 1;\r\n target.skewX = 0;\r\n target.skewY = 0;\r\n target.flipX = false;\r\n target.flipY = false;\r\n target.rotate(0);\r\n};\r\n\r\n/**\r\n * Extract Object transform values\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to read from\r\n * @return {Object} Components of transform\r\n */\r\nexport const saveObjectTransform = (target: FabricObject) => ({\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n angle: target.angle,\r\n left: target.left,\r\n flipX: target.flipX,\r\n flipY: target.flipY,\r\n top: target.top,\r\n});\r\n\r\n/**\r\n * given a width and height, return the size of the bounding box\r\n * that can contains the box with width/height with applied transform\r\n * described in options.\r\n * Use to calculate the boxes around objects for controls.\r\n * @memberOf fabric.util\r\n * @param {Number} width\r\n * @param {Number} height\r\n * @param {Object} options\r\n * @param {Number} options.scaleX\r\n * @param {Number} options.scaleY\r\n * @param {Number} options.skewX\r\n * @param {Number} options.skewY\r\n * @returns {Point} size\r\n */\r\nexport const sizeAfterTransform = (\r\n width: number,\r\n height: number,\r\n options: TScaleMatrixArgs\r\n) => {\r\n const dimX = width / 2,\r\n dimY = height / 2,\r\n transformMatrix = calcDimensionsMatrix(options),\r\n points = [\r\n new Point(-dimX, -dimY),\r\n new Point(dimX, -dimY),\r\n new Point(-dimX, dimY),\r\n new Point(dimX, dimY),\r\n ].map((p) => p.transform(transformMatrix)),\r\n bbox = makeBoundingBoxFromPoints(points);\r\n return new Point(bbox.width, bbox.height);\r\n};\r\n","import { iMatrix } from '../../constants';\r\nimport type { Point } from '../../point.class';\r\nimport type { TMat2D } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { invertTransform, multiplyTransformMatrices } from './matrix';\r\nimport { applyTransformToObject } from './objectTransforms';\r\n\r\nexport const enum ObjectRelation {\r\n sibling = 'sibling',\r\n child = 'child',\r\n}\r\n\r\n/**\r\n * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\\\r\n * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`)\r\n * @param [from]\r\n * @param [to]\r\n * @returns\r\n */\r\nexport const calcPlaneChangeMatrix = (\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n) => multiplyTransformMatrices(invertTransform(to), from);\r\n\r\n/**\r\n * Sends a point from the source coordinate plane to the destination coordinate plane.\\\r\n * From the canvas/viewer's perspective the point remains unchanged.\r\n *\r\n * @example Send point from canvas plane to group plane\r\n * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 });\r\n * var group = new fabric.Group([obj], { strokeWidth: 0 });\r\n * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix());\r\n * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix());\r\n * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas\r\n * @param {Point} point\r\n * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane.\r\n * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane.\r\n * @returns {Point} transformed point\r\n */\r\nexport const sendPointToPlane = (\r\n point: Point,\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n): Point =>\r\n // we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping)\r\n // the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from)\r\n point.transform(calcPlaneChangeMatrix(from, to));\r\n\r\n/**\r\n * Transform point relative to canvas.\r\n * From the viewport/viewer's perspective the point remains unchanged.\r\n *\r\n * `child` relation means `point` exists in the coordinate plane created by `canvas`.\r\n * In other words point is measured acoording to canvas' top left corner\r\n * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner.\r\n *\r\n * `sibling` relation means `point` exists in the same coordinate plane as canvas.\r\n * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas.\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} point\r\n * @param {fabric.StaticCanvas} canvas\r\n * @param {'sibling'|'child'} relationBefore current relation of point to canvas\r\n * @param {'sibling'|'child'} relationAfter desired relation of point to canvas\r\n * @returns {Point} transformed point\r\n */\r\nexport const transformPointRelativeToCanvas = (\r\n point: Point,\r\n canvas: any,\r\n relationBefore: ObjectRelation,\r\n relationAfter: ObjectRelation\r\n): Point => {\r\n // is this still needed with TS?\r\n if (\r\n relationBefore !== ObjectRelation.child &&\r\n relationBefore !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationBefore);\r\n }\r\n if (\r\n relationAfter !== ObjectRelation.child &&\r\n relationAfter !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationAfter);\r\n }\r\n if (relationBefore === relationAfter) {\r\n return point;\r\n }\r\n const t = canvas.viewportTransform;\r\n return point.transform(relationAfter === 'child' ? invertTransform(t) : t);\r\n};\r\n\r\n/**\r\n *\r\n * A util that abstracts applying transform to objects.\\\r\n * Sends `object` to the destination coordinate plane by applying the relevant transformations.\\\r\n * Changes the space/plane where `object` is drawn.\\\r\n * From the canvas/viewer's perspective `object` remains unchanged.\r\n *\r\n * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer\r\n * let obj, obj2;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * // render\r\n * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix());\r\n * obj.clipPath = undefined;\r\n * obj2.clipPath = clipPath;\r\n * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer\r\n *\r\n * @example Clip an object's clip path with an existing object\r\n * let obj, existingObj;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix());\r\n * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo);\r\n * clipPath.clipPath = existingObj;\r\n *\r\n * @static\r\n * @memberof fabric.util\r\n * @param {fabric.Object} object\r\n * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas.\r\n * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane.\r\n * @returns {Matrix} the transform matrix that was applied to `object`\r\n */\r\nexport const sendObjectToPlane = (\r\n object: TObject,\r\n from?: TMat2D,\r\n to?: TMat2D\r\n): TMat2D => {\r\n const t = calcPlaneChangeMatrix(from, to);\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(t, object.calcOwnMatrix())\r\n );\r\n return t;\r\n};\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Camelizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to camelize\r\n * @return {String} Camelized version of a string\r\n */\r\nexport const camelize = (string: string): string =>\r\n string.replace(/-+(.)?/g, function (match, character) {\r\n return character ? character.toUpperCase() : '';\r\n });\r\n\r\n/**\r\n * Capitalizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to capitalize\r\n * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized\r\n * and other letters stay untouched, if false first letter is capitalized\r\n * and other letters are converted to lowercase.\r\n * @return {String} Capitalized version of a string\r\n */\r\nexport const capitalize = (string: string, firstLetterOnly = false): string =>\r\n `${string.charAt(0).toUpperCase()}${\r\n firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()\r\n }`;\r\n\r\n/**\r\n * Escapes XML in a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to escape\r\n * @return {String} Escaped version of a string\r\n */\r\nexport const escapeXml = (string: string): string =>\r\n string\r\n .replace(/&/g, '&')\r\n .replace(/\"/g, '"')\r\n .replace(/'/g, ''')\r\n .replace(//g, '>');\r\n\r\n/**\r\n * Divide a string in the user perceived single units\r\n * @memberOf fabric.util.string\r\n * @param {String} textstring String to escape\r\n * @return {Array} array containing the graphemes\r\n */\r\nexport const graphemeSplit = (textstring: string): string[] => {\r\n const graphemes = [];\r\n for (let i = 0, chr; i < textstring.length; i++) {\r\n if ((chr = getWholeChar(textstring, i)) === false) {\r\n continue;\r\n }\r\n graphemes.push(chr);\r\n }\r\n return graphemes;\r\n};\r\n\r\n// taken from mdn in the charAt doc page.\r\nconst getWholeChar = (str: string, i: number): string => {\r\n const code = str.charCodeAt(i);\r\n if (isNaN(code)) {\r\n return ''; // Position not found\r\n }\r\n if (code < 0xd800 || code > 0xdfff) {\r\n return str.charAt(i);\r\n }\r\n\r\n // High surrogate (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 <= code && code <= 0xdbff) {\r\n if (str.length <= i + 1) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n const next = str.charCodeAt(i + 1);\r\n if (0xdc00 > next || next > 0xdfff) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n return str.charAt(i) + str.charAt(i + 1);\r\n }\r\n // Low surrogate (0xDC00 <= code && code <= 0xDFFF)\r\n if (i === 0) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n const prev = str.charCodeAt(i - 1);\r\n\r\n // (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 > prev || prev > 0xdbff) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n // We can pass over low surrogates now as the second component\r\n // in a pair which we have already processed\r\n return false;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { noop } from '../../constants';\r\nimport { TCrossOrigin } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { camelize, capitalize } from '../lang_string';\r\nimport { createImage } from './dom';\r\n\r\n/**\r\n * Returns klass \"Class\" object of given namespace\r\n * @memberOf fabric.util\r\n * @param {String} type Type of object (eg. 'circle')\r\n * @param {object} namespace Namespace to get klass \"Class\" object from\r\n * @return {Object} klass \"Class\"\r\n */\r\nexport const getKlass = (type: string, namespace = fabric): any =>\r\n namespace[capitalize(camelize(type), true)];\r\n\r\ntype LoadImageOptions = {\r\n signal?: AbortSignal;\r\n crossOrigin?: TCrossOrigin;\r\n};\r\n\r\n/**\r\n * Loads image element from given url and resolve it, or catch.\r\n * @memberOf fabric.util\r\n * @param {String} url URL representing an image\r\n * @param {Object} [options] image loading options\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Promise} img the loaded image.\r\n */\r\nexport const loadImage = (\r\n url: string,\r\n { signal, crossOrigin = null }: LoadImageOptions = {}\r\n) =>\r\n new Promise(function (resolve, reject) {\r\n if (signal && signal.aborted) {\r\n return reject(new Error('`options.signal` is in `aborted` state'));\r\n }\r\n const img = createImage();\r\n let abort: EventListenerOrEventListenerObject;\r\n if (signal) {\r\n abort = function (err: Event) {\r\n img.src = '';\r\n reject(err);\r\n };\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n const done = function () {\r\n img.onload = img.onerror = null;\r\n abort && signal?.removeEventListener('abort', abort);\r\n resolve(img);\r\n };\r\n if (!url) {\r\n done();\r\n return;\r\n }\r\n img.onload = done;\r\n img.onerror = function () {\r\n abort && signal?.removeEventListener('abort', abort);\r\n reject(new Error('Error loading ' + img.src));\r\n };\r\n crossOrigin && (img.crossOrigin = crossOrigin);\r\n img.src = url;\r\n });\r\n\r\ntype EnlivenObjectOptions = {\r\n signal?: AbortSignal;\r\n reviver?: (arg: any, arg2: any) => void;\r\n namespace?: any;\r\n};\r\n\r\n/**\r\n * Creates corresponding fabric instances from their object representations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object[]} objects Objects to enliven\r\n * @param {object} [options]\r\n * @param {object} [options.namespace] Namespace to get klass \"Class\" object from\r\n * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements,\r\n * called after each fabric object created.\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\nexport const enlivenObjects = (\r\n objects: any[],\r\n { signal, reviver = noop, namespace = fabric }: EnlivenObjectOptions = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: TObject[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n Promise.all(\r\n objects.map((obj) =>\r\n getKlass(obj.type, namespace)\r\n .fromObject(obj, {\r\n signal,\r\n reviver,\r\n namespace,\r\n })\r\n .then((fabricInstance: TObject) => {\r\n reviver(obj, fabricInstance);\r\n instances.push(fabricInstance);\r\n return fabricInstance;\r\n })\r\n )\r\n )\r\n .then(resolve)\r\n .catch((error) => {\r\n // cleanup\r\n instances.forEach(function (instance) {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(() => {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n\r\n/**\r\n * Creates corresponding fabric instances residing in an object, e.g. `clipPath`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path )\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values\r\n */\r\nexport const enlivenObjectEnlivables = (\r\n serializedObject: any,\r\n { signal }: { signal?: AbortSignal } = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: any[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n // enlive every possible property\r\n const promises = Object.values(serializedObject).map((value: any) => {\r\n if (!value) {\r\n return value;\r\n }\r\n // gradient\r\n if (value.colorStops) {\r\n return new fabric.Gradient(value);\r\n }\r\n // clipPath\r\n if (value.type) {\r\n return enlivenObjects([value], { signal }).then(([enlived]) => {\r\n instances.push(enlived);\r\n return enlived;\r\n });\r\n }\r\n // pattern\r\n if (value.source) {\r\n return fabric.Pattern.fromObject(value, { signal }).then(\r\n (pattern: any) => {\r\n instances.push(pattern);\r\n return pattern;\r\n }\r\n );\r\n }\r\n return value;\r\n });\r\n const keys = Object.keys(serializedObject);\r\n Promise.all(promises)\r\n .then((enlived) => {\r\n return enlived.reduce(function (acc, instance, index) {\r\n acc[keys[index]] = instance;\r\n return acc;\r\n }, {});\r\n })\r\n .then(resolve)\r\n .catch(function (error) {\r\n // cleanup\r\n instances.forEach((instance) => {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(function () {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n","/**\r\n * Populates an object with properties of another object\r\n * @param {Object} source Source object\r\n * @param {string[]} properties Properties names to include\r\n * @returns object populated with the picked keys\r\n */\r\nexport const pick = (source: T, keys: (keyof T)[] = []) => {\r\n return keys.reduce((o, key) => {\r\n if (key in source) {\r\n o[key] = source[key];\r\n }\r\n return o;\r\n }, {} as Partial);\r\n};\r\n","//@ts-nocheck\r\n\r\nexport function getSvgRegex(arr) {\r\n return new RegExp('^(' + arr.join('|') + ')\\\\b', 'i');\r\n}\r\n","//@ts-nocheck\r\nimport { getSvgRegex } from './getSvgRegex';\r\n\r\nexport const cssRules = {};\r\nexport const gradientDefs = {};\r\nexport const clipPaths = {};\r\n\r\nexport const reNum = '(?:[-+]?(?:\\\\d+|\\\\d*\\\\.\\\\d+)(?:[eE][-+]?\\\\d+)?)';\r\n\r\nexport const svgNS = 'http://www.w3.org/2000/svg';\r\n\r\nexport const commaWsp = '(?:\\\\s+,?\\\\s*|,\\\\s*)';\r\n\r\nexport const rePathCommand =\r\n /([-+]?((\\d+\\.\\d+)|((\\d+)|(\\.\\d+)))(?:[eE][-+]?\\d+)?)/gi;\r\n\r\nexport const reFontDeclaration = new RegExp(\r\n '(normal|italic)?\\\\s*(normal|small-caps)?\\\\s*' +\r\n '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\\\s*(' +\r\n reNum +\r\n '(?:px|cm|mm|em|pt|pc|in)*)(?:\\\\/(normal|' +\r\n reNum +\r\n '))?\\\\s+(.*)'\r\n);\r\n\r\nexport const svgValidTagNames = [\r\n 'path',\r\n 'circle',\r\n 'polygon',\r\n 'polyline',\r\n 'ellipse',\r\n 'rect',\r\n 'line',\r\n 'image',\r\n 'text',\r\n ],\r\n svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'],\r\n svgInvalidAncestors = [\r\n 'pattern',\r\n 'defs',\r\n 'symbol',\r\n 'metadata',\r\n 'clipPath',\r\n 'mask',\r\n 'desc',\r\n ],\r\n svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'],\r\n attributesMap = {\r\n cx: 'left',\r\n x: 'left',\r\n r: 'radius',\r\n cy: 'top',\r\n y: 'top',\r\n display: 'visible',\r\n visibility: 'visible',\r\n transform: 'transformMatrix',\r\n 'fill-opacity': 'fillOpacity',\r\n 'fill-rule': 'fillRule',\r\n 'font-family': 'fontFamily',\r\n 'font-size': 'fontSize',\r\n 'font-style': 'fontStyle',\r\n 'font-weight': 'fontWeight',\r\n 'letter-spacing': 'charSpacing',\r\n 'paint-order': 'paintFirst',\r\n 'stroke-dasharray': 'strokeDashArray',\r\n 'stroke-dashoffset': 'strokeDashOffset',\r\n 'stroke-linecap': 'strokeLineCap',\r\n 'stroke-linejoin': 'strokeLineJoin',\r\n 'stroke-miterlimit': 'strokeMiterLimit',\r\n 'stroke-opacity': 'strokeOpacity',\r\n 'stroke-width': 'strokeWidth',\r\n 'text-decoration': 'textDecoration',\r\n 'text-anchor': 'textAnchor',\r\n opacity: 'opacity',\r\n 'clip-path': 'clipPath',\r\n 'clip-rule': 'clipRule',\r\n 'vector-effect': 'strokeUniform',\r\n 'image-rendering': 'imageSmoothing',\r\n },\r\n colorAttributes = {\r\n stroke: 'strokeOpacity',\r\n fill: 'fillOpacity',\r\n },\r\n fSize = 'font-size',\r\n cPath = 'clip-path';\r\n\r\nexport const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames);\r\n\r\nexport const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements);\r\n\r\nexport const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors);\r\n\r\nexport const svgValidParentsRegEx = getSvgRegex(svgValidParents);\r\n\r\n// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute\r\n// matches, e.g.: +14.56e-12, etc.\r\nexport const reViewBoxAttrValue = new RegExp(\r\n '^' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*' +\r\n '$'\r\n);\r\n","//@ts-nocheck\r\n\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI, PiBy180 } from '../constants';\r\nimport { commaWsp, rePathCommand } from '../parser/constants';\r\nimport { Point } from '../point.class';\r\nimport { cos } from './misc/cos';\r\nimport { sin } from './misc/sin';\r\nimport { multiplyTransformMatrices, transformPoint } from './misc/matrix';\r\n\r\nconst commandLengths = {\r\n m: 2,\r\n l: 2,\r\n h: 1,\r\n v: 1,\r\n c: 6,\r\n s: 4,\r\n q: 4,\r\n t: 2,\r\n a: 7,\r\n};\r\nconst repeatedCommands = {\r\n m: 'l',\r\n M: 'L',\r\n};\r\n\r\nconst segmentToBezier = (\r\n th2,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n rx,\r\n ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n) => {\r\n const costh2 = cos(th2),\r\n sinth2 = sin(th2),\r\n costh3 = cos(th3),\r\n sinth3 = sin(th3),\r\n toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1,\r\n toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1,\r\n cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2),\r\n cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2),\r\n cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3),\r\n cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3);\r\n\r\n return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY];\r\n};\r\n\r\n/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp\r\n * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here\r\n * http://mozilla.org/MPL/2.0/\r\n */\r\nconst arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => {\r\n let fromX = 0,\r\n fromY = 0,\r\n root = 0;\r\n const PI = Math.PI,\r\n th = rotateX * PiBy180,\r\n sinTh = sin(th),\r\n cosTh = cos(th),\r\n px = 0.5 * (-cosTh * toX - sinTh * toY),\r\n py = 0.5 * (-cosTh * toY + sinTh * toX),\r\n rx2 = rx ** 2,\r\n ry2 = ry ** 2,\r\n py2 = py ** 2,\r\n px2 = px ** 2,\r\n pl = rx2 * ry2 - rx2 * py2 - ry2 * px2;\r\n let _rx = Math.abs(rx);\r\n let _ry = Math.abs(ry);\r\n\r\n if (pl < 0) {\r\n const s = Math.sqrt(1 - pl / (rx2 * ry2));\r\n _rx *= s;\r\n _ry *= s;\r\n } else {\r\n root =\r\n (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2));\r\n }\r\n\r\n const cx = (root * _rx * py) / _ry,\r\n cy = (-root * _ry * px) / _rx,\r\n cx1 = cosTh * cx - sinTh * cy + toX * 0.5,\r\n cy1 = sinTh * cx + cosTh * cy + toY * 0.5;\r\n let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry);\r\n let dtheta = calcVectorAngle(\r\n (px - cx) / _rx,\r\n (py - cy) / _ry,\r\n (-px - cx) / _rx,\r\n (-py - cy) / _ry\r\n );\r\n\r\n if (sweep === 0 && dtheta > 0) {\r\n dtheta -= 2 * PI;\r\n } else if (sweep === 1 && dtheta < 0) {\r\n dtheta += 2 * PI;\r\n }\r\n\r\n // Convert into cubic bezier segments <= 90deg\r\n const segments = Math.ceil(Math.abs((dtheta / PI) * 2)),\r\n result = new Array(segments),\r\n mDelta = dtheta / segments,\r\n mT =\r\n ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) /\r\n Math.sin(mDelta / 2);\r\n let th3 = mTheta + mDelta;\r\n\r\n for (let i = 0; i < segments; i++) {\r\n result[i] = segmentToBezier(\r\n mTheta,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n _rx,\r\n _ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n );\r\n fromX = result[i][5];\r\n fromY = result[i][6];\r\n mTheta = th3;\r\n th3 += mDelta;\r\n }\r\n return result;\r\n};\r\n\r\n/*\r\n * Private\r\n */\r\nconst calcVectorAngle = (ux, uy, vx, vy) => {\r\n const ta = Math.atan2(uy, ux),\r\n tb = Math.atan2(vy, vx);\r\n if (tb >= ta) {\r\n return tb - ta;\r\n } else {\r\n return 2 * Math.PI - (ta - tb);\r\n }\r\n};\r\n\r\n// functions for the Cubic beizer\r\n// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350\r\nconst CB1 = (t) => t ** 3;\r\nconst CB2 = (t) => 3 * t ** 2 * (1 - t);\r\nconst CB3 = (t) => 3 * t * (1 - t) ** 2;\r\nconst CB4 = (t) => (1 - t) ** 3;\r\n\r\n/**\r\n * Calculate bounding box of a beziercurve\r\n * @param {Number} x0 starting point\r\n * @param {Number} y0\r\n * @param {Number} x1 first control point\r\n * @param {Number} y1\r\n * @param {Number} x2 secondo control point\r\n * @param {Number} y2\r\n * @param {Number} x3 end of bezier\r\n * @param {Number} y3\r\n */\r\n// taken from http://jsbin.com/ivomiq/56/edit no credits available for that.\r\n// TODO: can we normalize this with the starting points set at 0 and then translated the bbox?\r\nexport function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) {\r\n let argsString;\r\n if (config.cachesBoundsOfCurve) {\r\n // eslint-disable-next-line\r\n argsString = [...arguments].join();\r\n if (cache.boundsOfCurveCache[argsString]) {\r\n return cache.boundsOfCurveCache[argsString];\r\n }\r\n }\r\n\r\n const sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n tvalues = [],\r\n bounds = [[], []];\r\n\r\n let b = 6 * x0 - 12 * x1 + 6 * x2;\r\n let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;\r\n let c = 3 * x1 - 3 * x0;\r\n\r\n for (let i = 0; i < 2; ++i) {\r\n if (i > 0) {\r\n b = 6 * y0 - 12 * y1 + 6 * y2;\r\n a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;\r\n c = 3 * y1 - 3 * y0;\r\n }\r\n\r\n if (abs(a) < 1e-12) {\r\n if (abs(b) < 1e-12) {\r\n continue;\r\n }\r\n const t = -c / b;\r\n if (0 < t && t < 1) {\r\n tvalues.push(t);\r\n }\r\n continue;\r\n }\r\n const b2ac = b * b - 4 * c * a;\r\n if (b2ac < 0) {\r\n continue;\r\n }\r\n const sqrtb2ac = sqrt(b2ac);\r\n const t1 = (-b + sqrtb2ac) / (2 * a);\r\n if (0 < t1 && t1 < 1) {\r\n tvalues.push(t1);\r\n }\r\n const t2 = (-b - sqrtb2ac) / (2 * a);\r\n if (0 < t2 && t2 < 1) {\r\n tvalues.push(t2);\r\n }\r\n }\r\n\r\n let j = tvalues.length;\r\n const jlen = j;\r\n const iterator = getPointOnCubicBezierIterator(\r\n x0,\r\n y0,\r\n x1,\r\n y1,\r\n x2,\r\n y2,\r\n x3,\r\n y3\r\n );\r\n while (j--) {\r\n const { x, y } = iterator(tvalues[j]);\r\n bounds[0][j] = x;\r\n bounds[1][j] = y;\r\n }\r\n\r\n bounds[0][jlen] = x0;\r\n bounds[1][jlen] = y0;\r\n bounds[0][jlen + 1] = x3;\r\n bounds[1][jlen + 1] = y3;\r\n const result = [\r\n new Point(Math.min(...bounds[0]), Math.min(...bounds[1])),\r\n new Point(Math.max(...bounds[0]), Math.max(...bounds[1])),\r\n ];\r\n if (config.cachesBoundsOfCurve) {\r\n cache.boundsOfCurveCache[argsString] = result;\r\n }\r\n return result;\r\n}\r\n\r\n/**\r\n * Converts arc to a bunch of bezier curves\r\n * @param {Number} fx starting point x\r\n * @param {Number} fy starting point y\r\n * @param {Array} coords Arc command\r\n */\r\nexport const fromArcToBeziers = (\r\n fx,\r\n fy,\r\n [_, rx, ry, rot, large, sweep, tx, ty] = []\r\n) => {\r\n const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot);\r\n\r\n for (let i = 0, len = segsNorm.length; i < len; i++) {\r\n segsNorm[i][1] += fx;\r\n segsNorm[i][2] += fy;\r\n segsNorm[i][3] += fx;\r\n segsNorm[i][4] += fy;\r\n segsNorm[i][5] += fx;\r\n segsNorm[i][6] += fy;\r\n }\r\n return segsNorm;\r\n};\r\n\r\n/**\r\n * This function take a parsed SVG path and make it simpler for fabricJS logic.\r\n * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute )\r\n * S converted in C, T converted in Q, A converted in C.\r\n * @param {Array} path the array of commands of a parsed svg path for fabric.Path\r\n * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path\r\n */\r\nexport const makePathSimpler = (path) => {\r\n // x and y represent the last point of the path. the previous command point.\r\n // we add them to each relative command to make it an absolute comment.\r\n // we also swap the v V h H with L, because are easier to transform.\r\n let x = 0,\r\n y = 0;\r\n const len = path.length;\r\n // x1 and y1 represent the last point of the subpath. the subpath is started with\r\n // m or M command. When a z or Z command is drawn, x and y need to be resetted to\r\n // the last x1 and y1.\r\n let x1 = 0,\r\n y1 = 0;\r\n // previous will host the letter of the previous command, to handle S and T.\r\n // controlX and controlY will host the previous reflected control point\r\n let destinationPath = [],\r\n previous,\r\n controlX,\r\n controlY;\r\n for (let i = 0; i < len; ++i) {\r\n let converted = false;\r\n const current = path[i].slice(0);\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'l': // lineto, relative\r\n current[0] = 'L';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'L':\r\n x = current[1];\r\n y = current[2];\r\n break;\r\n case 'h': // horizontal lineto, relative\r\n current[1] += x;\r\n // falls through\r\n case 'H':\r\n current[0] = 'L';\r\n current[2] = y;\r\n x = current[1];\r\n break;\r\n case 'v': // vertical lineto, relative\r\n current[1] += y;\r\n // falls through\r\n case 'V':\r\n current[0] = 'L';\r\n y = current[1];\r\n current[1] = x;\r\n current[2] = y;\r\n break;\r\n case 'm': // moveTo, relative\r\n current[0] = 'M';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'M':\r\n x = current[1];\r\n y = current[2];\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'c': // bezierCurveTo, relative\r\n current[0] = 'C';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n current[5] += x;\r\n current[6] += y;\r\n // falls through\r\n case 'C':\r\n controlX = current[3];\r\n controlY = current[4];\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n case 's': // shorthand cubic bezierCurveTo, relative\r\n current[0] = 'S';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'S':\r\n // would be sScC but since we are swapping sSc for C, we check just that.\r\n if (previous === 'C') {\r\n // calculate reflection of previous control points\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a C, c, S, or s,\r\n // the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n x = current[3];\r\n y = current[4];\r\n current[0] = 'C';\r\n current[5] = current[3];\r\n current[6] = current[4];\r\n current[3] = current[1];\r\n current[4] = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n // current[3] and current[4] are NOW the second control point.\r\n // we keep it for the next reflection.\r\n controlX = current[3];\r\n controlY = current[4];\r\n break;\r\n case 'q': // quadraticCurveTo, relative\r\n current[0] = 'Q';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'Q':\r\n controlX = current[1];\r\n controlY = current[2];\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n case 't': // shorthand quadraticCurveTo, relative\r\n current[0] = 'T';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'T':\r\n if (previous === 'Q') {\r\n // calculate reflection of previous control point\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a Q, q, T or t,\r\n // assume the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n current[0] = 'Q';\r\n x = current[1];\r\n y = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n current[3] = x;\r\n current[4] = y;\r\n break;\r\n case 'a':\r\n current[0] = 'A';\r\n current[6] += x;\r\n current[7] += y;\r\n // falls through\r\n case 'A':\r\n converted = true;\r\n destinationPath = destinationPath.concat(\r\n fromArcToBeziers(x, y, current)\r\n );\r\n x = current[6];\r\n y = current[7];\r\n break;\r\n case 'z':\r\n case 'Z':\r\n x = x1;\r\n y = y1;\r\n break;\r\n default:\r\n }\r\n if (!converted) {\r\n destinationPath.push(current);\r\n }\r\n previous = current[0];\r\n }\r\n return destinationPath;\r\n};\r\n\r\n// todo verify if we can just use the point class here\r\n/**\r\n * Calc length from point x1,y1 to x2,y2\r\n * @param {Number} x1 starting point x\r\n * @param {Number} y1 starting point y\r\n * @param {Number} x2 starting point x\r\n * @param {Number} y2 starting point y\r\n * @return {Number} length of segment\r\n */\r\nconst calcLineLength = (x1, y1, x2, y2) =>\r\n Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);\r\n\r\nconst getPointOnCubicBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const c1 = CB1(pct),\r\n c2 = CB2(pct),\r\n c3 = CB3(pct),\r\n c4 = CB4(pct);\r\n return {\r\n x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4,\r\n y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4,\r\n };\r\n };\r\n\r\nconst QB1 = (t) => t ** 2;\r\nconst QB2 = (t) => 2 * t * (1 - t);\r\nconst QB3 = (t) => (1 - t) ** 2;\r\n\r\nconst getTangentCubicIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const qb1 = QB1(pct),\r\n qb2 = QB2(pct),\r\n qb3 = QB3(pct),\r\n tangentX =\r\n 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)),\r\n tangentY =\r\n 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y));\r\n return Math.atan2(tangentY, tangentX);\r\n };\r\n\r\nconst getPointOnQuadraticBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const c1 = QB1(pct),\r\n c2 = QB2(pct),\r\n c3 = QB3(pct);\r\n return {\r\n x: p3x * c1 + p2x * c2 + p1x * c3,\r\n y: p3y * c1 + p2y * c2 + p1y * c3,\r\n };\r\n };\r\n\r\nconst getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const invT = 1 - pct,\r\n tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)),\r\n tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y));\r\n return Math.atan2(tangentY, tangentX);\r\n};\r\n\r\n// this will run over a path segment ( a cubic or quadratic segment) and approximate it\r\n// with 100 segemnts. This will good enough to calculate the length of the curve\r\nconst pathIterator = (iterator, x1, y1) => {\r\n let tempP = { x: x1, y: y1 },\r\n tmpLen = 0;\r\n for (let perc = 1; perc <= 100; perc += 1) {\r\n const p = iterator(perc / 100);\r\n tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n tempP = p;\r\n }\r\n return tmpLen;\r\n};\r\n\r\n/**\r\n * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1\r\n * that correspond to that pixels run over the path.\r\n * The percentage will be then used to find the correct point on the canvas for the path.\r\n * @param {Array} segInfo fabricJS collection of information on a parsed path\r\n * @param {Number} distance from starting point, in pixels.\r\n * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point;\r\n */\r\nconst findPercentageForDistance = (segInfo, distance) => {\r\n let perc = 0,\r\n tmpLen = 0,\r\n tempP = { x: segInfo.x, y: segInfo.y },\r\n p,\r\n nextLen,\r\n nextStep = 0.01,\r\n lastPerc;\r\n // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100\r\n // the path\r\n const iterator = segInfo.iterator,\r\n angleFinder = segInfo.angleFinder;\r\n while (tmpLen < distance && nextStep > 0.0001) {\r\n p = iterator(perc);\r\n lastPerc = perc;\r\n nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n // compare tmpLen each cycle with distance, decide next perc to test.\r\n if (nextLen + tmpLen > distance) {\r\n // we discard this step and we make smaller steps.\r\n perc -= nextStep;\r\n nextStep /= 2;\r\n } else {\r\n tempP = p;\r\n perc += nextStep;\r\n tmpLen += nextLen;\r\n }\r\n }\r\n p.angle = angleFinder(lastPerc);\r\n return p;\r\n};\r\n\r\n/**\r\n * Run over a parsed and simplifed path and extract some informations.\r\n * informations are length of each command and starting point\r\n * @param {Array} path fabricJS parsed path commands\r\n * @return {Array} path commands informations\r\n */\r\nexport const getPathSegmentsInfo = (path) => {\r\n let totalLength = 0,\r\n current,\r\n //x2 and y2 are the coords of segment start\r\n //x1 and y1 are the coords of the current point\r\n x1 = 0,\r\n y1 = 0,\r\n x2 = 0,\r\n y2 = 0,\r\n iterator,\r\n tempInfo,\r\n angleFinder;\r\n const len = path.length,\r\n info = [];\r\n for (let i = 0; i < len; i++) {\r\n current = path[i];\r\n tempInfo = {\r\n x: x1,\r\n y: y1,\r\n command: current[0],\r\n };\r\n switch (\r\n current[0] //first letter\r\n ) {\r\n case 'M':\r\n tempInfo.length = 0;\r\n x2 = x1 = current[1];\r\n y2 = y1 = current[2];\r\n break;\r\n case 'L':\r\n tempInfo.length = calcLineLength(x1, y1, current[1], current[2]);\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'C':\r\n iterator = getPointOnCubicBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n angleFinder = getTangentCubicIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[5];\r\n y1 = current[6];\r\n break;\r\n case 'Q':\r\n iterator = getPointOnQuadraticBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n angleFinder = getTangentQuadraticIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[3];\r\n y1 = current[4];\r\n break;\r\n case 'Z':\r\n case 'z':\r\n // we add those in order to ease calculations later\r\n tempInfo.destX = x2;\r\n tempInfo.destY = y2;\r\n tempInfo.length = calcLineLength(x1, y1, x2, y2);\r\n x1 = x2;\r\n y1 = y2;\r\n break;\r\n }\r\n totalLength += tempInfo.length;\r\n info.push(tempInfo);\r\n }\r\n info.push({ length: totalLength, x: x1, y: y1 });\r\n return info;\r\n};\r\n\r\nexport const getPointOnPath = (path, distance, infos) => {\r\n if (!infos) {\r\n infos = getPathSegmentsInfo(path);\r\n }\r\n let i = 0;\r\n while (distance - infos[i].length > 0 && i < infos.length - 2) {\r\n distance -= infos[i].length;\r\n i++;\r\n }\r\n // var distance = infos[infos.length - 1] * perc;\r\n const segInfo = infos[i],\r\n segPercent = distance / segInfo.length,\r\n command = segInfo.command,\r\n segment = path[i];\r\n let info;\r\n\r\n switch (command) {\r\n case 'M':\r\n return { x: segInfo.x, y: segInfo.y, angle: 0 };\r\n case 'Z':\r\n case 'z':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segInfo.destX, segInfo.destY),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(\r\n segInfo.destY - segInfo.y,\r\n segInfo.destX - segInfo.x\r\n );\r\n return info;\r\n case 'L':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segment[1], segment[2]),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x);\r\n return info;\r\n case 'C':\r\n return findPercentageForDistance(segInfo, distance);\r\n case 'Q':\r\n return findPercentageForDistance(segInfo, distance);\r\n }\r\n};\r\n\r\n/**\r\n *\r\n * @param {string} pathString\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n * @example Usage\r\n * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [\r\n * ['M', 3, 4],\r\n * ['Q', 3, 5, 2, 1, 4, 0],\r\n * ['Q', 9, 12, 2, 1, 4, 0],\r\n * ];\r\n *\r\n */\r\nexport const parsePath = (pathString) => {\r\n // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values)\r\n const re = rePathCommand,\r\n rNumber = '[-+]?(?:\\\\d*\\\\.\\\\d+|\\\\d+\\\\.?)(?:[eE][-+]?\\\\d+)?\\\\s*',\r\n rNumberCommaWsp = `(${rNumber})${commaWsp}`,\r\n rFlagCommaWsp = `([01])${commaWsp}?`,\r\n rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`,\r\n regArcArgumentSequence = new RegExp(rArcSeq, 'g'),\r\n result = [];\r\n\r\n if (!pathString || !pathString.match) {\r\n return result;\r\n }\r\n const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi);\r\n\r\n for (let i = 0, len = path.length; i < len; i++) {\r\n const currentPath = path[i];\r\n const coordsStr = currentPath.slice(1).trim();\r\n const coords = [];\r\n let command = currentPath.charAt(0);\r\n const coordsParsed = [command];\r\n\r\n if (command.toLowerCase() === 'a') {\r\n // arcs have special flags that apparently don't require spaces so handle special\r\n for (let args; (args = regArcArgumentSequence.exec(coordsStr)); ) {\r\n for (let j = 1; j < args.length; j++) {\r\n coords.push(args[j]);\r\n }\r\n }\r\n } else {\r\n let match;\r\n while ((match = re.exec(coordsStr))) {\r\n coords.push(match[0]);\r\n }\r\n }\r\n\r\n for (let j = 0, jlen = coords.length; j < jlen; j++) {\r\n const parsed = parseFloat(coords[j]);\r\n if (!isNaN(parsed)) {\r\n coordsParsed.push(parsed);\r\n }\r\n }\r\n\r\n const commandLength = commandLengths[command.toLowerCase()],\r\n repeatedCommand = repeatedCommands[command] || command;\r\n\r\n if (coordsParsed.length - 1 > commandLength) {\r\n for (\r\n let k = 1, klen = coordsParsed.length;\r\n k < klen;\r\n k += commandLength\r\n ) {\r\n result.push([command].concat(coordsParsed.slice(k, k + commandLength)));\r\n command = repeatedCommand;\r\n }\r\n } else {\r\n result.push(coordsParsed);\r\n }\r\n }\r\n return result;\r\n};\r\n\r\n/**\r\n *\r\n * Converts points to a smooth SVG path\r\n * @param {{ x: number,y: number }[]} points Array of points\r\n * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value.\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getSmoothPathFromPoints = (points, correction = 0) => {\r\n let p1 = new Point(points[0]),\r\n p2 = new Point(points[1]),\r\n multSignX = 1,\r\n multSignY = 0;\r\n const path = [],\r\n len = points.length,\r\n manyPoints = len > 2;\r\n\r\n if (manyPoints) {\r\n multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1;\r\n multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1;\r\n }\r\n path.push([\r\n 'M',\r\n p1.x - multSignX * correction,\r\n p1.y - multSignY * correction,\r\n ]);\r\n let i;\r\n for (i = 1; i < len; i++) {\r\n if (!p1.eq(p2)) {\r\n const midPoint = p1.midPointFrom(p2);\r\n // p1 is our bezier control point\r\n // midpoint is our endpoint\r\n // start point is p(i-1) value.\r\n path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]);\r\n }\r\n p1 = points[i];\r\n if (i + 1 < points.length) {\r\n p2 = points[i + 1];\r\n }\r\n }\r\n if (manyPoints) {\r\n multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1;\r\n multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1;\r\n }\r\n path.push([\r\n 'L',\r\n p1.x + multSignX * correction,\r\n p1.y + multSignY * correction,\r\n ]);\r\n return path;\r\n};\r\n\r\n/**\r\n * Transform a path by transforming each segment.\r\n * it has to be a simplified path or it won't work.\r\n * WARNING: this depends from pathOffset for correct operation\r\n * @param {Array} path fabricJS parsed and simplified path commands\r\n * @param {Array} transform matrix that represent the transformation\r\n * @param {Object} [pathOffset] the fabric.Path pathOffset\r\n * @param {Number} pathOffset.x\r\n * @param {Number} pathOffset.y\r\n * @returns {Array} the transformed path\r\n */\r\nexport const transformPath = (path, transform, pathOffset) => {\r\n if (pathOffset) {\r\n transform = multiplyTransformMatrices(transform, [\r\n 1,\r\n 0,\r\n 0,\r\n 1,\r\n -pathOffset.x,\r\n -pathOffset.y,\r\n ]);\r\n }\r\n return path.map((pathSegment) => {\r\n const newSegment = pathSegment.slice(0);\r\n for (let i = 1; i < pathSegment.length - 1; i += 2) {\r\n const { x, y } = transformPoint(\r\n {\r\n x: pathSegment[i],\r\n y: pathSegment[i + 1],\r\n },\r\n transform\r\n );\r\n newSegment[i] = x;\r\n newSegment[i + 1] = y;\r\n }\r\n return newSegment;\r\n });\r\n};\r\n\r\n/**\r\n * Returns an array of path commands to create a regular polygon\r\n * @param {number} radius\r\n * @param {number} numVertexes\r\n * @returns {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getRegularPolygonPath = (numVertexes, radius) => {\r\n const interiorAngle = (Math.PI * 2) / numVertexes;\r\n // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom\r\n // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn\r\n let rotationAdjustment = -halfPI;\r\n if (numVertexes % 2 === 0) {\r\n rotationAdjustment += interiorAngle / 2;\r\n }\r\n const d = new Array(numVertexes + 1);\r\n for (let i = 0; i < numVertexes; i++) {\r\n const rad = i * interiorAngle + rotationAdjustment;\r\n const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius);\r\n d[i] = [i === 0 ? 'M' : 'L', x, y];\r\n }\r\n d[numVertexes] = ['Z'];\r\n return d;\r\n};\r\n\r\n/**\r\n * Join path commands to go back to svg format\r\n * @param {Array} pathData fabricJS parsed path commands\r\n * @return {String} joined path 'M 0 0 L 20 30'\r\n */\r\nexport const joinPath = (pathData) =>\r\n pathData.map((segment) => segment.join(' ')).join(' ');\r\n","//@ts-nocheck\r\n// TODO this file needs to go away, cross browser style support is not fabricjs domain.\r\n\r\n/**\r\n * wrapper for setting element's style\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {Object | string} styles\r\n */\r\nexport function setStyle(element, styles) {\r\n const elementStyle = element.style;\r\n if (!elementStyle) {\r\n return;\r\n } else if (typeof styles === 'string') {\r\n element.style.cssText += ';' + styles;\r\n } else {\r\n Object.entries(styles).forEach(([property, value]) =>\r\n elementStyle.setProperty(property, value)\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n * Cross-browser abstraction for sending XMLHttpRequest\r\n * @memberOf fabric.util\r\n * @deprecated this has to go away, we can use a modern browser method to do the same.\r\n * @param {String} url URL to send XMLHttpRequest to\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.method=\"GET\"]\r\n * @param {Record} [options.parameters] parameters to append to url in GET or in body\r\n * @param {String} [options.body] body to send with POST or PUT request\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} options.onComplete Callback to invoke when request is completed\r\n * @return {XMLHttpRequest} request\r\n */\r\nexport function request(url, options = {}) {\r\n const method = options.method ? options.method.toUpperCase() : 'GET',\r\n onComplete = options.onComplete || noop,\r\n xhr = new fabric.window.XMLHttpRequest(),\r\n body = options.body || options.parameters,\r\n signal = options.signal,\r\n abort = function () {\r\n xhr.abort();\r\n },\r\n removeListener = function () {\r\n signal && signal.removeEventListener('abort', abort);\r\n xhr.onerror = xhr.ontimeout = noop;\r\n };\r\n\r\n if (signal && signal.aborted) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n } else if (signal) {\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n\r\n /** @ignore */\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState === 4) {\r\n removeListener();\r\n onComplete(xhr);\r\n xhr.onreadystatechange = noop;\r\n }\r\n };\r\n\r\n xhr.onerror = xhr.ontimeout = removeListener;\r\n\r\n if (method === 'GET' && options.parameters) {\r\n const { origin, pathname, searchParams } = new URL(url);\r\n url = `${origin}${pathname}?${new URLSearchParams([\r\n ...Array.from(searchParams.entries()),\r\n ...Object.entries(options.parameters),\r\n ])}`;\r\n }\r\n\r\n xhr.open(method, url, true);\r\n\r\n if (method === 'POST' || method === 'PUT') {\r\n xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\r\n }\r\n\r\n xhr.send(method === 'GET' ? null : body);\r\n return xhr;\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\nconst touchEvents = ['touchstart', 'touchmove', 'touchend'];\r\n\r\n/**\r\n * Adds an event listener to an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const addListener = (element, eventName, handler, options) =>\r\n element && element.addEventListener(eventName, handler, options);\r\n\r\n/**\r\n * Removes an event listener from an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const removeListener = (element, eventName, handler, options) =>\r\n element && element.removeEventListener(eventName, handler, options);\r\n\r\nfunction getTouchInfo(event) {\r\n const touchProp = event.changedTouches;\r\n if (touchProp && touchProp[0]) {\r\n return touchProp[0];\r\n }\r\n return event;\r\n}\r\n\r\nexport const getPointer = (event) => {\r\n const element = event.target,\r\n scroll = fabric.util.getScrollLeftTop(element),\r\n _evt = getTouchInfo(event);\r\n return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top);\r\n};\r\n\r\nexport const isTouchEvent = (event) =>\r\n touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch';\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Wraps element with another element\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to wrap\r\n * @param {HTMLElement|String} wrapper Element to wrap with\r\n * @param {Object} [attributes] Attributes to set on a wrapper\r\n * @return {HTMLElement} wrapper\r\n */\r\nexport function wrapElement(element, wrapper) {\r\n if (element.parentNode) {\r\n element.parentNode.replaceChild(wrapper, element);\r\n }\r\n wrapper.appendChild(element);\r\n return wrapper;\r\n}\r\n\r\n/**\r\n * Returns element scroll offsets\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to operate on\r\n * @return {Object} Object with left/top values\r\n */\r\nexport function getScrollLeftTop(element) {\r\n let left = 0,\r\n top = 0;\r\n\r\n const docElement = fabric.document.documentElement,\r\n body = fabric.document.body || {\r\n scrollLeft: 0,\r\n scrollTop: 0,\r\n };\r\n // While loop checks (and then sets element to) .parentNode OR .host\r\n // to account for ShadowDOM. We still want to traverse up out of ShadowDOM,\r\n // but the .parentNode of a root ShadowDOM node will always be null, instead\r\n // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938\r\n while (element && (element.parentNode || element.host)) {\r\n // Set element to element parent, or 'host' in case of ShadowDOM\r\n element = element.parentNode || element.host;\r\n\r\n if (element === fabric.document) {\r\n left = body.scrollLeft || docElement.scrollLeft || 0;\r\n top = body.scrollTop || docElement.scrollTop || 0;\r\n } else {\r\n left += element.scrollLeft || 0;\r\n top += element.scrollTop || 0;\r\n }\r\n\r\n if (element.nodeType === 1 && element.style.position === 'fixed') {\r\n break;\r\n }\r\n }\r\n\r\n return { left, top };\r\n}\r\n\r\n/**\r\n * Returns offset for a given element\r\n * @function\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to get offset for\r\n * @return {Object} Object with \"left\" and \"top\" properties\r\n */\r\nexport function getElementOffset(element) {\r\n let box = { left: 0, top: 0 };\r\n const doc = element && element.ownerDocument,\r\n offset = { left: 0, top: 0 },\r\n offsetAttributes = {\r\n borderLeftWidth: 'left',\r\n borderTopWidth: 'top',\r\n paddingLeft: 'left',\r\n paddingTop: 'top',\r\n };\r\n\r\n if (!doc) {\r\n return offset;\r\n }\r\n const elemStyle = fabric.document.defaultView.getComputedStyle(element, null);\r\n for (const attr in offsetAttributes) {\r\n offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0;\r\n }\r\n\r\n const docElem = doc.documentElement;\r\n if (typeof element.getBoundingClientRect !== 'undefined') {\r\n box = element.getBoundingClientRect();\r\n }\r\n\r\n const scrollLeftTop = getScrollLeftTop(element);\r\n\r\n return {\r\n left:\r\n box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left,\r\n top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top,\r\n };\r\n}\r\n\r\n/**\r\n * Makes element unselectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make unselectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementUnselectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = () => false;\r\n }\r\n element.style.userSelect = 'none';\r\n return element;\r\n}\r\n\r\n/**\r\n * Makes element selectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make selectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementSelectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = null;\r\n }\r\n element.style.userSelect = '';\r\n return element;\r\n}\r\n\r\nexport function getNodeCanvas(element) {\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n return impl._canvas || impl._image;\r\n}\r\n\r\nexport function cleanUpJsdomNode(element) {\r\n if (!fabric.isLikelyNode) {\r\n return;\r\n }\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n if (impl) {\r\n impl._image = null;\r\n impl._canvas = null;\r\n // unsure if necessary\r\n impl._currentSrc = null;\r\n impl._attributes = null;\r\n impl._classList = null;\r\n }\r\n}\r\n","/**\r\n * Returns true if context has transparent pixel\r\n * at specified location (taking tolerance into account)\r\n * @param {CanvasRenderingContext2D} ctx context\r\n * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance\r\n * @return {boolean} true if transparent\r\n */\r\nexport const isTransparent = (\r\n ctx: CanvasRenderingContext2D,\r\n x: number,\r\n y: number,\r\n tolerance: number\r\n): boolean => {\r\n // If tolerance is > 0 adjust start coords to take into account.\r\n // If moves off Canvas fix to 0\r\n if (tolerance > 0) {\r\n if (x > tolerance) {\r\n x -= tolerance;\r\n } else {\r\n x = 0;\r\n }\r\n if (y > tolerance) {\r\n y -= tolerance;\r\n } else {\r\n y = 0;\r\n }\r\n }\r\n\r\n let _isTransparent = true;\r\n const { data } = ctx.getImageData(\r\n x,\r\n y,\r\n tolerance * 2 || 1,\r\n tolerance * 2 || 1\r\n );\r\n const l = data.length;\r\n\r\n // Split image data - for tolerance > 1, pixelDataSize = 4;\r\n for (let i = 3; i < l; i += 4) {\r\n const alphaChannel = data[i];\r\n if (alphaChannel > 0) {\r\n // Stop if colour found\r\n _isTransparent = false;\r\n break;\r\n }\r\n }\r\n\r\n return _isTransparent;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { TObject } from '../../__types__';\r\nimport { sendObjectToPlane } from './planeChange';\r\n\r\n/**\r\n * Merges 2 clip paths into one visually equal clip path\r\n *\r\n * **IMPORTANT**:\\\r\n * Does **NOT** clone the arguments, clone them proir if necessary.\r\n *\r\n * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap.\r\n * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible.\r\n *\r\n * In order to handle the `inverted` property we follow logic described in the following cases:\\\r\n * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\\\r\n * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\\\r\n * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged.\r\n *\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} c1\r\n * @param {fabric.Object} c2\r\n * @returns {fabric.Object} merged clip path\r\n */\r\nexport const mergeClipPaths = (c1: TObject, c2: TObject) => {\r\n let a = c1,\r\n b = c2;\r\n if (a.inverted && !b.inverted) {\r\n // case (2)\r\n a = c2;\r\n b = c1;\r\n }\r\n // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane\r\n sendObjectToPlane(b, b.group?.calcTransformMatrix(), a.calcTransformMatrix());\r\n // assign the `inverted` prop to the wrapping group\r\n const inverted = a.inverted && b.inverted;\r\n if (inverted) {\r\n // case (1)\r\n a.inverted = b.inverted = false;\r\n }\r\n return new fabric.Group([a], { clipPath: b, inverted });\r\n};\r\n","import { twoMathPi, halfPI } from '../constants';\r\n\r\ntype TEasingFunction = (\r\n currentTime: number,\r\n startValue: number,\r\n byValue: number,\r\n duration: number\r\n) => number;\r\n\r\n/**\r\n * Easing functions\r\n * See Easing Equations by Robert Penner\r\n * @namespace fabric.util.ease\r\n */\r\n\r\nconst normalize = (a: number, c: number, p: number, s: number) => {\r\n if (a < Math.abs(c)) {\r\n a = c;\r\n s = p / 4;\r\n } else {\r\n //handle the 0/0 case:\r\n if (c === 0 && a === 0) {\r\n s = (p / twoMathPi) * Math.asin(1);\r\n } else {\r\n s = (p / twoMathPi) * Math.asin(c / a);\r\n }\r\n }\r\n return { a, c, p, s };\r\n};\r\n\r\nconst elastic = (\r\n a: number,\r\n s: number,\r\n p: number,\r\n t: number,\r\n d: number\r\n): number =>\r\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\r\n\r\n/**\r\n * Cubic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 2 + 1) + b;\r\n\r\n/**\r\n * Cubic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 3 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 2 + 2) + b;\r\n};\r\n\r\n/**\r\n * Quartic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 3 + b;\r\n\r\n/**\r\n * Quartic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\r\n -c * ((t = t / d - 1) * t ** 3 - 1) + b;\r\n\r\n/**\r\n * Quartic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 4 + b;\r\n }\r\n return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b;\r\n};\r\n\r\n/**\r\n * Quintic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 4 + b;\r\n\r\n/**\r\n * Quintic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 4 + 1) + b;\r\n\r\n/**\r\n * Quintic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 5 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 4 + 2) + b;\r\n};\r\n\r\n/**\r\n * Sinusoidal easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * halfPI) + c + b;\r\n\r\n/**\r\n * Sinusoidal easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sin((t / d) * halfPI) + b;\r\n\r\n/**\r\n * Sinusoidal easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\r\n (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b;\r\n\r\n/**\r\n * Exponential easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\r\n t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b;\r\n\r\n/**\r\n * Exponential easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\r\n t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b;\r\n\r\n/**\r\n * Exponential easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\r\n if (t === 0) {\r\n return b;\r\n }\r\n if (t === d) {\r\n return b + c;\r\n }\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * 2 ** (10 * (t - 1)) + b;\r\n }\r\n return (c / 2) * -(2 ** (-10 * --t) + 2) + b;\r\n};\r\n\r\n/**\r\n * Circular easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\r\n -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;\r\n\r\n/**\r\n * Circular easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sqrt(1 - (t = t / d - 1) * t) + b;\r\n\r\n/**\r\n * Circular easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b;\r\n }\r\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\r\n return -elastic(normA, normS, normP, t, d) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n return (\r\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Elastic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d / 2;\r\n if (t === 2) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * (0.3 * 1.5);\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n if (t < 1) {\r\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\r\n }\r\n return (\r\n normA *\r\n Math.pow(2, -10 * (t -= 1)) *\r\n Math.sin(((t * d - normS) * twoMathPi) / normP) *\r\n 0.5 +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Backwards easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * (t /= d) * t * ((s + 1) * t - s) + b;\r\n\r\n/**\r\n * Backwards easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\r\n\r\n/**\r\n * Backwards easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;\r\n};\r\n\r\n/**\r\n * Bouncing easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\r\n if ((t /= d) < 1 / 2.75) {\r\n return c * (7.5625 * t * t) + b;\r\n } else if (t < 2 / 2.75) {\r\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\r\n } else if (t < 2.5 / 2.75) {\r\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\r\n } else {\r\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\r\n }\r\n};\r\n\r\n/**\r\n * Bouncing easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\r\n c - easeOutBounce(d - t, 0, c, d) + b;\r\n\r\n/**\r\n * Bouncing easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\r\n t < d / 2\r\n ? easeInBounce(t * 2, 0, c, d) * 0.5 + b\r\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\r\n\r\n/**\r\n * Quadratic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c * (t /= d) * t + b;\r\n\r\n/**\r\n * Quadratic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\r\n -c * (t /= d) * (t - 2) + b;\r\n\r\n/**\r\n * Quadratic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 2 + b;\r\n }\r\n return (-c / 2) * (--t * (t - 2) - 1) + b;\r\n};\r\n\r\n/**\r\n * Cubic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t * t + b;\r\n","/**\r\n * Map of the 148 color names with HEX code\r\n * @see: https://www.w3.org/TR/css3-color/#svg-color\r\n */\r\nexport const ColorNameMap = {\r\n aliceblue: '#F0F8FF',\r\n antiquewhite: '#FAEBD7',\r\n aqua: '#00FFFF',\r\n aquamarine: '#7FFFD4',\r\n azure: '#F0FFFF',\r\n beige: '#F5F5DC',\r\n bisque: '#FFE4C4',\r\n black: '#000000',\r\n blanchedalmond: '#FFEBCD',\r\n blue: '#0000FF',\r\n blueviolet: '#8A2BE2',\r\n brown: '#A52A2A',\r\n burlywood: '#DEB887',\r\n cadetblue: '#5F9EA0',\r\n chartreuse: '#7FFF00',\r\n chocolate: '#D2691E',\r\n coral: '#FF7F50',\r\n cornflowerblue: '#6495ED',\r\n cornsilk: '#FFF8DC',\r\n crimson: '#DC143C',\r\n cyan: '#00FFFF',\r\n darkblue: '#00008B',\r\n darkcyan: '#008B8B',\r\n darkgoldenrod: '#B8860B',\r\n darkgray: '#A9A9A9',\r\n darkgrey: '#A9A9A9',\r\n darkgreen: '#006400',\r\n darkkhaki: '#BDB76B',\r\n darkmagenta: '#8B008B',\r\n darkolivegreen: '#556B2F',\r\n darkorange: '#FF8C00',\r\n darkorchid: '#9932CC',\r\n darkred: '#8B0000',\r\n darksalmon: '#E9967A',\r\n darkseagreen: '#8FBC8F',\r\n darkslateblue: '#483D8B',\r\n darkslategray: '#2F4F4F',\r\n darkslategrey: '#2F4F4F',\r\n darkturquoise: '#00CED1',\r\n darkviolet: '#9400D3',\r\n deeppink: '#FF1493',\r\n deepskyblue: '#00BFFF',\r\n dimgray: '#696969',\r\n dimgrey: '#696969',\r\n dodgerblue: '#1E90FF',\r\n firebrick: '#B22222',\r\n floralwhite: '#FFFAF0',\r\n forestgreen: '#228B22',\r\n fuchsia: '#FF00FF',\r\n gainsboro: '#DCDCDC',\r\n ghostwhite: '#F8F8FF',\r\n gold: '#FFD700',\r\n goldenrod: '#DAA520',\r\n gray: '#808080',\r\n grey: '#808080',\r\n green: '#008000',\r\n greenyellow: '#ADFF2F',\r\n honeydew: '#F0FFF0',\r\n hotpink: '#FF69B4',\r\n indianred: '#CD5C5C',\r\n indigo: '#4B0082',\r\n ivory: '#FFFFF0',\r\n khaki: '#F0E68C',\r\n lavender: '#E6E6FA',\r\n lavenderblush: '#FFF0F5',\r\n lawngreen: '#7CFC00',\r\n lemonchiffon: '#FFFACD',\r\n lightblue: '#ADD8E6',\r\n lightcoral: '#F08080',\r\n lightcyan: '#E0FFFF',\r\n lightgoldenrodyellow: '#FAFAD2',\r\n lightgray: '#D3D3D3',\r\n lightgrey: '#D3D3D3',\r\n lightgreen: '#90EE90',\r\n lightpink: '#FFB6C1',\r\n lightsalmon: '#FFA07A',\r\n lightseagreen: '#20B2AA',\r\n lightskyblue: '#87CEFA',\r\n lightslategray: '#778899',\r\n lightslategrey: '#778899',\r\n lightsteelblue: '#B0C4DE',\r\n lightyellow: '#FFFFE0',\r\n lime: '#00FF00',\r\n limegreen: '#32CD32',\r\n linen: '#FAF0E6',\r\n magenta: '#FF00FF',\r\n maroon: '#800000',\r\n mediumaquamarine: '#66CDAA',\r\n mediumblue: '#0000CD',\r\n mediumorchid: '#BA55D3',\r\n mediumpurple: '#9370DB',\r\n mediumseagreen: '#3CB371',\r\n mediumslateblue: '#7B68EE',\r\n mediumspringgreen: '#00FA9A',\r\n mediumturquoise: '#48D1CC',\r\n mediumvioletred: '#C71585',\r\n midnightblue: '#191970',\r\n mintcream: '#F5FFFA',\r\n mistyrose: '#FFE4E1',\r\n moccasin: '#FFE4B5',\r\n navajowhite: '#FFDEAD',\r\n navy: '#000080',\r\n oldlace: '#FDF5E6',\r\n olive: '#808000',\r\n olivedrab: '#6B8E23',\r\n orange: '#FFA500',\r\n orangered: '#FF4500',\r\n orchid: '#DA70D6',\r\n palegoldenrod: '#EEE8AA',\r\n palegreen: '#98FB98',\r\n paleturquoise: '#AFEEEE',\r\n palevioletred: '#DB7093',\r\n papayawhip: '#FFEFD5',\r\n peachpuff: '#FFDAB9',\r\n peru: '#CD853F',\r\n pink: '#FFC0CB',\r\n plum: '#DDA0DD',\r\n powderblue: '#B0E0E6',\r\n purple: '#800080',\r\n rebeccapurple: '#663399',\r\n red: '#FF0000',\r\n rosybrown: '#BC8F8F',\r\n royalblue: '#4169E1',\r\n saddlebrown: '#8B4513',\r\n salmon: '#FA8072',\r\n sandybrown: '#F4A460',\r\n seagreen: '#2E8B57',\r\n seashell: '#FFF5EE',\r\n sienna: '#A0522D',\r\n silver: '#C0C0C0',\r\n skyblue: '#87CEEB',\r\n slateblue: '#6A5ACD',\r\n slategray: '#708090',\r\n slategrey: '#708090',\r\n snow: '#FFFAFA',\r\n springgreen: '#00FF7F',\r\n steelblue: '#4682B4',\r\n tan: '#D2B48C',\r\n teal: '#008080',\r\n thistle: '#D8BFD8',\r\n tomato: '#FF6347',\r\n turquoise: '#40E0D0',\r\n violet: '#EE82EE',\r\n wheat: '#F5DEB3',\r\n white: '#FFFFFF',\r\n whitesmoke: '#F5F5F5',\r\n yellow: '#FFFF00',\r\n yellowgreen: '#9ACD32',\r\n};\r\n","/**\r\n * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\n// eslint-disable-next-line max-len\r\nexport const reRGBa =\r\n /^rgba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*(?:\\s*,\\s*((?:\\d*\\.?\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 ))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHSLa =\r\n /^hsla?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3}%)\\s*,\\s*(\\d{1,3}%)\\s*(?:\\s*,\\s*(\\d+(?:\\.\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff)\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;\r\n","/**\r\n * @private\r\n * @param {Number} p\r\n * @param {Number} q\r\n * @param {Number} t\r\n * @return {Number}\r\n */\r\nexport function hue2rgb(p: number, q: number, t: number): number {\r\n if (t < 0) {\r\n t += 1;\r\n }\r\n if (t > 1) {\r\n t -= 1;\r\n }\r\n if (t < 1 / 6) {\r\n return p + (q - p) * 6 * t;\r\n }\r\n if (t < 1 / 2) {\r\n return q;\r\n }\r\n if (t < 2 / 3) {\r\n return p + (q - p) * (2 / 3 - t) * 6;\r\n }\r\n return p;\r\n}\r\n\r\n/**\r\n * Convert a [0, 255] value to hex\r\n * @param value\r\n * @returns\r\n */\r\nexport function hexify(value: number) {\r\n const hexValue = value.toString(16).toUpperCase();\r\n return hexValue.length === 1 ? `0${hexValue}` : hexValue;\r\n}\r\n","//@ts-nocheck\r\nimport { ColorNameMap } from './color_map';\r\nimport { reHSLa, reHex, reRGBa } from './constants';\r\nimport { hue2rgb, hexify } from './util';\r\n\r\ntype TColorSource = [number, number, number];\r\n\r\ntype TColorAlphaSource = [number, number, number, number];\r\n\r\n/**\r\n * @class Color common color operations\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}\r\n */\r\nexport class Color {\r\n private _source: TColorAlphaSource;\r\n\r\n /**\r\n *\r\n * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list\r\n */\r\n constructor(color?: string) {\r\n if (!color) {\r\n this.setSource([0, 0, 0, 1]);\r\n } else {\r\n this._tryParsingColor(color);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} [color] Color value to parse\r\n */\r\n _tryParsingColor(color?: string) {\r\n if (color in ColorNameMap) {\r\n color = ColorNameMap[color];\r\n }\r\n\r\n const source =\r\n color === 'transparent'\r\n ? [255, 255, 255, 0]\r\n : Color.sourceFromHex(color) ||\r\n Color.sourceFromRgb(color) ||\r\n Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does\r\n\r\n if (source) {\r\n this.setSource(source);\r\n }\r\n }\r\n\r\n /**\r\n * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson}\r\n * @private\r\n * @param {Number} r Red color value\r\n * @param {Number} g Green color value\r\n * @param {Number} b Blue color value\r\n * @return {TColorSource} Hsl color\r\n */\r\n _rgbToHsl(r: number, g: number, b: number): TColorSource {\r\n r /= 255;\r\n g /= 255;\r\n b /= 255;\r\n const maxValue = Math.max(r, g, b),\r\n minValue = Math.min(r, g, b);\r\n\r\n let h, s;\r\n const l = (maxValue + minValue) / 2;\r\n\r\n if (maxValue === minValue) {\r\n h = s = 0; // achromatic\r\n } else {\r\n const d = maxValue - minValue;\r\n s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue);\r\n switch (maxValue) {\r\n case r:\r\n h = (g - b) / d + (g < b ? 6 : 0);\r\n break;\r\n case g:\r\n h = (b - r) / d + 2;\r\n break;\r\n case b:\r\n h = (r - g) / d + 4;\r\n break;\r\n }\r\n h /= 6;\r\n }\r\n\r\n return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\r\n }\r\n\r\n /**\r\n * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @return {TColorAlphaSource}\r\n */\r\n getSource() {\r\n return this._source;\r\n }\r\n\r\n /**\r\n * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @param {TColorAlphaSource} source\r\n */\r\n setSource(source: TColorAlphaSource) {\r\n this._source = source;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGB format\r\n * @return {String} ex: rgb(0-255,0-255,0-255)\r\n */\r\n toRgb() {\r\n const source = this.getSource();\r\n return `rgb(${source[0]},${source[1]},${source[2]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGBA format\r\n * @return {String} ex: rgba(0-255,0-255,0-255,0-1)\r\n */\r\n toRgba() {\r\n const source = this.getSource();\r\n return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSL format\r\n * @return {String} ex: hsl(0-360,0%-100%,0%-100%)\r\n */\r\n toHsl() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSLA format\r\n * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)\r\n */\r\n toHsla() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEX format\r\n * @return {String} ex: FF5555\r\n */\r\n toHex() {\r\n const [r, g, b] = this.getSource();\r\n return `${hexify(r)}${hexify(g)}${hexify(b)}`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEXA format\r\n * @return {String} ex: FF5555CC\r\n */\r\n toHexa() {\r\n const source = this.getSource();\r\n return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`;\r\n }\r\n\r\n /**\r\n * Gets value of alpha channel for this color\r\n * @return {Number} 0-1\r\n */\r\n getAlpha() {\r\n return this.getSource()[3];\r\n }\r\n\r\n /**\r\n * Sets value of alpha channel for this color\r\n * @param {Number} alpha Alpha value 0-1\r\n * @return {Color} thisArg\r\n */\r\n setAlpha(alpha: number) {\r\n const source = this.getSource();\r\n source[3] = alpha;\r\n this.setSource(source);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its grayscale representation\r\n * @return {Color} thisArg\r\n */\r\n toGrayscale() {\r\n const source = this.getSource(),\r\n average = parseInt(\r\n (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0),\r\n 10\r\n ),\r\n currentAlpha = source[3];\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its black and white representation\r\n * @param {Number} threshold\r\n * @return {Color} thisArg\r\n */\r\n toBlackWhite(threshold: number) {\r\n const source = this.getSource(),\r\n currentAlpha = source[3];\r\n let average = Math.round(\r\n source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11\r\n );\r\n\r\n average = average < (threshold || 127) ? 0 : 255;\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Overlays color with another color\r\n * @param {String|Color} otherColor\r\n * @return {Color} thisArg\r\n */\r\n overlayWith(otherColor: string | Color) {\r\n if (!(otherColor instanceof Color)) {\r\n otherColor = new Color(otherColor);\r\n }\r\n\r\n const result = [],\r\n alpha = this.getAlpha(),\r\n otherAlpha = 0.5,\r\n source = this.getSource(),\r\n otherSource = otherColor.getSource();\r\n\r\n for (let i = 0; i < 3; i++) {\r\n result.push(\r\n Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)\r\n );\r\n }\r\n\r\n result[3] = alpha;\r\n this.setSource(result);\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGB format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255)\r\n * @return {Color}\r\n */\r\n static fromRgb(color: string): Color {\r\n return Color.fromRgba(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGBA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromRgba(color: string): Color {\r\n return Color.fromSource(Color.sourceFromRgb(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromRgb(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reRGBa);\r\n if (match) {\r\n const r =\r\n (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) *\r\n (/%$/.test(match[1]) ? 255 : 1),\r\n g =\r\n (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) *\r\n (/%$/.test(match[2]) ? 255 : 1),\r\n b =\r\n (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) *\r\n (/%$/.test(match[3]) ? 255 : 1);\r\n\r\n return [\r\n parseInt(r, 10),\r\n parseInt(g, 10),\r\n parseInt(b, 10),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSL format\r\n * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)\r\n * @memberOf Color\r\n * @return {Color}\r\n */\r\n static fromHsl(color: string): Color {\r\n return Color.fromHsla(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSLA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromHsla(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHsl(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.\r\n * Adapted from https://github.com/mjijackson\r\n * @memberOf Color\r\n * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)\r\n * @return {TColorAlphaSource | undefined} source\r\n * @see http://http://www.w3.org/TR/css3-color/#hsl-color\r\n */\r\n static sourceFromHsl(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reHSLa);\r\n if (!match) {\r\n return;\r\n }\r\n\r\n const h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360,\r\n s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1),\r\n l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1);\r\n let r, g, b;\r\n\r\n if (s === 0) {\r\n r = g = b = l;\r\n } else {\r\n const q = l <= 0.5 ? l * (s + 1) : l + s - l * s,\r\n p = l * 2 - q;\r\n\r\n r = hue2rgb(p, q, h + 1 / 3);\r\n g = hue2rgb(p, q, h);\r\n b = hue2rgb(p, q, h - 1 / 3);\r\n }\r\n\r\n return [\r\n Math.round(r * 255),\r\n Math.round(g * 255),\r\n Math.round(b * 255),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color Color value ex: FF5555\r\n * @return {Color}\r\n */\r\n static fromHex(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHex(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color ex: FF5555 or FF5544CC (RGBa)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromHex(color: string): TColorAlphaSource | undefined {\r\n if (color.match(reHex)) {\r\n const value = color.slice(color.indexOf('#') + 1),\r\n isShortNotation = value.length === 3 || value.length === 4,\r\n isRGBa = value.length === 8 || value.length === 4,\r\n r = isShortNotation\r\n ? value.charAt(0) + value.charAt(0)\r\n : value.substring(0, 2),\r\n g = isShortNotation\r\n ? value.charAt(1) + value.charAt(1)\r\n : value.substring(2, 4),\r\n b = isShortNotation\r\n ? value.charAt(2) + value.charAt(2)\r\n : value.substring(4, 6),\r\n a = isRGBa\r\n ? isShortNotation\r\n ? value.charAt(3) + value.charAt(3)\r\n : value.substring(6, 8)\r\n : 'FF';\r\n\r\n return [\r\n parseInt(r, 16),\r\n parseInt(g, 16),\r\n parseInt(b, 16),\r\n parseFloat((parseInt(a, 16) / 255).toFixed(2)),\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5])\r\n * @static\r\n * @memberOf Color\r\n * @param {TColorSource | TColorAlphaSource} source\r\n * @return {Color}\r\n */\r\n static fromSource(source: TColorSource | TColorAlphaSource): Color {\r\n const oColor = new Color();\r\n oColor.setSource(source);\r\n return oColor;\r\n }\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from './color.class';\r\nexport { Color };\r\nfabric.Color = Color;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Array holding all running animations\r\n * @memberof fabric\r\n * @type {AnimationContext[]}\r\n */\r\nclass RunningAnimations extends Array {\r\n /**\r\n * cancel all running animations at the next requestAnimFrame\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelAll(): any[] {\r\n const animations = this.splice(0);\r\n animations.forEach((animation) => animation.cancel());\r\n return animations;\r\n }\r\n\r\n /**\r\n * cancel all running animations attached to canvas at the next requestAnimFrame\r\n * @param {fabric.Canvas} canvas\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByCanvas(canvas: any) {\r\n if (!canvas) {\r\n return [];\r\n }\r\n const cancelled = this.filter(\r\n (animation) =>\r\n typeof animation.target === 'object' &&\r\n animation.target.canvas === canvas\r\n );\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n * cancel all running animations for target at the next requestAnimFrame\r\n * @param {*} target\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByTarget(target) {\r\n const cancelled = this.findAnimationsByTarget(target);\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {number}\r\n */\r\n findAnimationIndex(cancelFunc) {\r\n return this.indexOf(this.findAnimation(cancelFunc));\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {AnimationContext | undefined} animation's options object\r\n */\r\n findAnimation(cancelFunc) {\r\n return this.find((animation) => animation.cancel === cancelFunc);\r\n }\r\n\r\n /**\r\n *\r\n * @param {*} target the object that is assigned to the target property of the animation context\r\n * @returns {AnimationContext[]} array of animation options object associated with target\r\n */\r\n findAnimationsByTarget(target) {\r\n if (!target) {\r\n return [];\r\n }\r\n return this.filter((animation) => animation.target === target);\r\n }\r\n}\r\n\r\nexport const runningAnimations = new RunningAnimations();\r\n\r\nfabric.runningAnimations = runningAnimations;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { runningAnimations } from './animation_registry';\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n *\r\n * @typedef {Object} AnimationOptions\r\n * Animation of a value or list of values.\r\n * @property {Function} [onChange] Callback; invoked on every value change\r\n * @property {Function} [onComplete] Callback; invoked when value change is completed\r\n * @property {number | number[]} [startValue=0] Starting value\r\n * @property {number | number[]} [endValue=100] Ending value\r\n * @property {number | number[]} [byValue=100] Value to modify the property by\r\n * @property {Function} [easing] Easing function\r\n * @property {number} [duration=500] Duration of change (in ms)\r\n * @property {Function} [abort] Additional function with logic. If returns true, animation aborts.\r\n * @property {number} [delay] Delay of animation start (in ms)\r\n *\r\n * @typedef {() => void} CancelFunction\r\n *\r\n * @typedef {Object} AnimationCurrentState\r\n * @property {number | number[]} currentValue value in range [`startValue`, `endValue`]\r\n * @property {number} completionRate value in range [0, 1]\r\n * @property {number} durationRate value in range [0, 1]\r\n *\r\n * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext\r\n */\r\n\r\nconst defaultEasing = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * (Math.PI / 2)) + c + b;\r\n\r\n/**\r\n * Changes value from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {AnimationOptions} [options] Animation options\r\n * When using lists, think of something like this:\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: [1, 2, 3],\r\n * endValue: [2, 4, 6],\r\n * onChange: function([x, y, zoom]) {\r\n * canvas.zoomToPoint(new Point(x, y), zoom);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: 1,\r\n * endValue: 0,\r\n * onChange: function(v) {\r\n * obj.set('opacity', v);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @returns {CancelFunction} cancel function\r\n */\r\nexport function animate(options = {}) {\r\n let cancel = false;\r\n\r\n const {\r\n startValue = 0,\r\n duration = 500,\r\n easing = defaultEasing,\r\n onChange = noop,\r\n abort = noop,\r\n onComplete = noop,\r\n endValue = 100,\r\n delay = 0,\r\n } = options;\r\n\r\n const context = {\r\n ...options,\r\n currentValue: startValue,\r\n completionRate: 0,\r\n durationRate: 0,\r\n };\r\n\r\n const removeFromRegistry = () => {\r\n const index = runningAnimations.indexOf(context);\r\n return index > -1 && runningAnimations.splice(index, 1)[0];\r\n };\r\n\r\n context.cancel = function () {\r\n cancel = true;\r\n return removeFromRegistry();\r\n };\r\n runningAnimations.push(context);\r\n\r\n const runner = function (timestamp) {\r\n const start = timestamp || +new Date(),\r\n finish = start + duration,\r\n isMany = Array.isArray(startValue),\r\n byValue =\r\n options.byValue ||\r\n (isMany\r\n ? startValue.map((value, i) => endValue[i] - value)\r\n : endValue - startValue);\r\n\r\n options.onStart && options.onStart();\r\n\r\n (function tick(ticktime) {\r\n const time = ticktime || +new Date();\r\n const currentTime = time > finish ? duration : time - start,\r\n timePerc = currentTime / duration,\r\n current = isMany\r\n ? startValue.map((_value, i) =>\r\n easing(currentTime, _value, byValue[i], duration)\r\n )\r\n : easing(currentTime, startValue, byValue, duration),\r\n valuePerc = isMany\r\n ? Math.abs((current[0] - startValue[0]) / byValue[0])\r\n : Math.abs((current - startValue) / byValue);\r\n // update context\r\n context.currentValue = isMany ? current.slice() : current;\r\n context.completionRate = valuePerc;\r\n context.durationRate = timePerc;\r\n\r\n if (cancel) {\r\n return;\r\n }\r\n if (abort(current, valuePerc, timePerc)) {\r\n removeFromRegistry();\r\n return;\r\n }\r\n if (time > finish) {\r\n // update context\r\n context.currentValue = isMany ? endValue.slice() : endValue;\r\n context.completionRate = 1;\r\n context.durationRate = 1;\r\n // execute callbacks\r\n onChange(isMany ? endValue.slice() : endValue, 1, 1);\r\n onComplete(endValue, 1, 1);\r\n removeFromRegistry();\r\n return;\r\n } else {\r\n onChange(current, valuePerc, timePerc);\r\n requestAnimFrame(tick);\r\n }\r\n })(start);\r\n };\r\n\r\n if (delay > 0) {\r\n setTimeout(() => requestAnimFrame(runner), delay);\r\n } else {\r\n requestAnimFrame(runner);\r\n }\r\n\r\n return context.cancel;\r\n}\r\n\r\nconst _requestAnimFrame =\r\n fabric.window.requestAnimationFrame ||\r\n function (callback) {\r\n return fabric.window.setTimeout(callback, 1000 / 60);\r\n };\r\n\r\nconst _cancelAnimFrame =\r\n fabric.window.cancelAnimationFrame || fabric.window.clearTimeout;\r\n\r\n/**\r\n * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/\r\n * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method\r\n * @memberOf fabric.util\r\n * @param {Function} callback Callback to invoke\r\n * @param {DOMElement} element optional Element to associate with animation\r\n */\r\nexport function requestAnimFrame(...args) {\r\n return _requestAnimFrame.apply(fabric.window, args);\r\n}\r\n\r\nexport function cancelAnimFrame(...args) {\r\n return _cancelAnimFrame.apply(fabric.window, args);\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { animate } from './animate';\r\n\r\n// Calculate an in-between color. Returns a \"rgba()\" string.\r\n// Credit: Edwin Martin \r\n// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js\r\n// const calculateColor = (begin: number[], end: number[], pos) => {\r\n// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg));\r\n// const a = begin && end ? parseFloat(_a) : 1;\r\n// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`;\r\n// }\r\n\r\n// color animation is broken. This function pass the tests for some reasons\r\n// but begin and end aren't array anymore since we improved animate function\r\n// to handler arrays internally.\r\nfunction calculateColor(begin, end, pos) {\r\n let color =\r\n 'rgba(' +\r\n parseInt(begin[0] + pos * (end[0] - begin[0]), 10) +\r\n ',' +\r\n parseInt(begin[1] + pos * (end[1] - begin[1]), 10) +\r\n ',' +\r\n parseInt(begin[2] + pos * (end[2] - begin[2]), 10);\r\n\r\n color +=\r\n ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1);\r\n color += ')';\r\n return color;\r\n}\r\n\r\nconst defaultColorEasing = (currentTime, duration) =>\r\n 1 - Math.cos((currentTime / duration) * (Math.PI / 2));\r\n\r\n/**\r\n * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {String} fromColor The starting color in hex or rgb(a) format.\r\n * @param {String} toColor The starting color in hex or rgb(a) format.\r\n * @param {Number} [duration] Duration of change (in ms).\r\n * @param {Object} [options] Animation options\r\n * @param {Function} [options.onChange] Callback; invoked on every value change\r\n * @param {Function} [options.onComplete] Callback; invoked when value change is completed\r\n * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used.\r\n * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called.\r\n * @returns {Function} abort function\r\n */\r\nexport function animateColor(\r\n fromColor,\r\n toColor,\r\n duration = 500,\r\n {\r\n colorEasing = defaultColorEasing,\r\n onComplete,\r\n onChange,\r\n ...restOfOptions\r\n } = {}\r\n) {\r\n const startColor = new Color(fromColor).getSource(),\r\n endColor = new Color(toColor).getSource();\r\n return animate({\r\n ...restOfOptions,\r\n duration,\r\n startValue: startColor,\r\n endValue: endColor,\r\n byValue: endColor,\r\n easing: (currentTime, startValue, byValue, duration) =>\r\n calculateColor(startValue, byValue, colorEasing(currentTime, duration)),\r\n // has to take in account for color restoring;\r\n onComplete: (current, valuePerc, timePerc) =>\r\n onComplete?.(calculateColor(endColor, endColor, 0), valuePerc, timePerc),\r\n onChange: (current, valuePerc, timePerc) => {\r\n if (onChange) {\r\n if (Array.isArray(current)) {\r\n return onChange(\r\n calculateColor(current, current, 0),\r\n valuePerc,\r\n timePerc\r\n );\r\n }\r\n onChange(current, valuePerc, timePerc);\r\n }\r\n },\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\nfunction addMethods(klass, source, parent) {\r\n for (var property in source) {\r\n if (\r\n property in klass.prototype &&\r\n typeof klass.prototype[property] === 'function' &&\r\n (source[property] + '').indexOf('callSuper') > -1\r\n ) {\r\n klass.prototype[property] = (function (property) {\r\n return function (...args) {\r\n var superclass = this.constructor.superclass;\r\n this.constructor.superclass = parent;\r\n var returnValue = source[property].call(this, ...args);\r\n this.constructor.superclass = superclass;\r\n\r\n if (property !== 'initialize') {\r\n return returnValue;\r\n }\r\n };\r\n })(property);\r\n } else {\r\n klass.prototype[property] = source[property];\r\n }\r\n }\r\n}\r\n\r\nfunction Subclass() {}\r\n\r\nfunction callSuper(methodName, ...args) {\r\n var parentMethod = null,\r\n _this = this;\r\n\r\n // climb prototype chain to find method not equal to callee's method\r\n while (_this.constructor.superclass) {\r\n var superClassMethod = _this.constructor.superclass.prototype[methodName];\r\n if (_this[methodName] !== superClassMethod) {\r\n parentMethod = superClassMethod;\r\n break;\r\n }\r\n // eslint-disable-next-line\r\n _this = _this.constructor.superclass.prototype;\r\n }\r\n\r\n if (!parentMethod) {\r\n return console.log(\r\n 'tried to callSuper ' +\r\n methodName +\r\n ', method not found in prototype chain',\r\n this\r\n );\r\n }\r\n\r\n return parentMethod.call(this, ...args);\r\n}\r\n\r\n/**\r\n * Helper for creation of \"classes\".\r\n * @memberOf fabric.util\r\n * @param {Function} [parent] optional \"Class\" to inherit from\r\n * @param {Object} [properties] Properties shared by all instances of this class\r\n * (be careful modifying objects defined here as this would affect all instances)\r\n */\r\nexport function createClass(...args) {\r\n var parent = null,\r\n properties = [...args];\r\n\r\n if (typeof args[0] === 'function') {\r\n parent = properties.shift();\r\n }\r\n function klass(...klassArgs) {\r\n this.initialize.call(this, ...klassArgs);\r\n }\r\n\r\n klass.superclass = parent;\r\n\r\n if (parent) {\r\n Subclass.prototype = parent.prototype;\r\n klass.prototype = new Subclass();\r\n }\r\n for (var i = 0, length = properties.length; i < length; i++) {\r\n addMethods(klass, properties[i], parent);\r\n }\r\n if (!klass.prototype.initialize) {\r\n klass.prototype.initialize = noop;\r\n }\r\n klass.prototype.constructor = klass;\r\n klass.prototype.callSuper = callSuper;\r\n return klass;\r\n}\r\n","import { fabric } from '../../../HEADER';\r\nimport { cos } from './cos';\r\nimport { sin } from './sin';\r\nimport {\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n} from './vectors';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { rotatePoint } from './rotatePoint';\r\nimport { getRandomInt, removeFromArray } from '../internals';\r\nimport { projectStrokeOnPoints } from './projectStroke';\r\nimport {\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n} from './matrix';\r\nimport { stylesFromArray, stylesToArray, hasStyleChanged } from './textStyles';\r\nimport { clone, extend } from '../lang_object';\r\nimport {\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n} from './dom';\r\nimport { toFixed } from './toFixed';\r\nimport {\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n} from './svgParsing';\r\nimport { findScaleToFit, findScaleToCover } from './findScaleTo';\r\nimport { capValue } from './capValue';\r\nimport {\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n sizeAfterTransform,\r\n} from './objectTransforms';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport {\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n} from './planeChange';\r\nimport { camelize, capitalize, escapeXml, graphemeSplit } from '../lang_string';\r\nimport {\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n} from './objectEnlive';\r\nimport { pick } from './pick';\r\nimport {\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n} from '../path';\r\nimport { setStyle } from '../dom_style';\r\nimport { request } from '../dom_request';\r\nimport {\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n} from '../dom_event';\r\nimport {\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n} from '../dom_misc';\r\nimport { isTransparent } from './isTransparent';\r\nimport { mergeClipPaths } from './mergeClipPaths';\r\nimport * as ease from '../anim_ease';\r\nimport { animateColor } from '../animate_color';\r\nimport { animate, requestAnimFrame, cancelAnimFrame } from '../animate';\r\nimport { createClass } from '../lang_class';\r\n/**\r\n * @namespace fabric.util\r\n */\r\nfabric.util = {\r\n cos,\r\n sin,\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n degreesToRadians,\r\n radiansToDegrees,\r\n rotatePoint,\r\n // probably we should stop exposing this from the interface\r\n getRandomInt,\r\n removeFromArray,\r\n projectStrokeOnPoints,\r\n // matrix.ts file\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n // textStyles.ts file\r\n stylesFromArray,\r\n stylesToArray,\r\n hasStyleChanged,\r\n object: {\r\n clone,\r\n extend,\r\n },\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n toFixed,\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n findScaleToFit,\r\n findScaleToCover,\r\n capValue,\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n makeBoundingBoxFromPoints,\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n string: {\r\n camelize,\r\n capitalize,\r\n escapeXml,\r\n graphemeSplit,\r\n },\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n pick,\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n request,\r\n setStyle,\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n isTransparent,\r\n sizeAfterTransform,\r\n mergeClipPaths,\r\n ease,\r\n animateColor,\r\n animate,\r\n requestAnimFrame,\r\n cancelAnimFrame,\r\n createClass,\r\n};\r\n","/**\r\n * Attributes parsed from all SVG elements\r\n * @type array\r\n */\r\nexport const SHARED_ATTRIBUTES = [\r\n 'display',\r\n 'transform',\r\n 'fill',\r\n 'fill-opacity',\r\n 'fill-rule',\r\n 'opacity',\r\n 'stroke',\r\n 'stroke-dasharray',\r\n 'stroke-linecap',\r\n 'stroke-dashoffset',\r\n 'stroke-linejoin',\r\n 'stroke-miterlimit',\r\n 'stroke-opacity',\r\n 'stroke-width',\r\n 'id',\r\n 'paint-order',\r\n 'vector-effect',\r\n 'instantiated_by_use',\r\n 'clip-path',\r\n];\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { capitalize } from '../util/lang_string';\r\nimport {\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../util/misc/matrix';\r\n\r\nconst ElementsParser = function (\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions,\r\n doc\r\n) {\r\n this.elements = elements;\r\n this.callback = callback;\r\n this.options = options;\r\n this.reviver = reviver;\r\n this.svgUid = (options && options.svgUid) || 0;\r\n this.parsingOptions = parsingOptions;\r\n this.regexUrl = /^url\\(['\"]?#([^'\"]+)['\"]?\\)/g;\r\n this.doc = doc;\r\n};\r\n\r\n(function (proto) {\r\n proto.parse = function () {\r\n this.instances = new Array(this.elements.length);\r\n this.numElements = this.elements.length;\r\n this.createObjects();\r\n };\r\n\r\n proto.createObjects = function () {\r\n this.elements.forEach((element, i) => {\r\n element.setAttribute('svgUid', this.svgUid);\r\n this.createObject(element, i);\r\n });\r\n };\r\n\r\n proto.findTag = function (el) {\r\n return fabric[capitalize(el.tagName.replace('svg:', ''))];\r\n };\r\n\r\n proto.createObject = function (el, index) {\r\n const klass = this.findTag(el);\r\n if (klass && klass.fromElement) {\r\n try {\r\n klass.fromElement(el, this.createCallback(index, el), this.options);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n } else {\r\n this.checkIfDone();\r\n }\r\n };\r\n\r\n proto.createCallback = function (index, el) {\r\n const _this = this;\r\n return function (obj) {\r\n let _options;\r\n _this.resolveGradient(obj, el, 'fill');\r\n _this.resolveGradient(obj, el, 'stroke');\r\n if (obj instanceof fabric.Image && obj._originalElement) {\r\n _options = obj.parsePreserveAspectRatioAttribute(el);\r\n }\r\n obj._removeTransformMatrix(_options);\r\n _this.resolveClipPath(obj, el);\r\n _this.reviver && _this.reviver(el, obj);\r\n _this.instances[index] = obj;\r\n _this.checkIfDone();\r\n };\r\n };\r\n\r\n proto.extractPropertyDefinition = function (obj, property, storage) {\r\n const value = obj[property],\r\n regex = this.regexUrl;\r\n if (!regex.test(value)) {\r\n return;\r\n }\r\n regex.lastIndex = 0;\r\n const id = regex.exec(value)[1];\r\n regex.lastIndex = 0;\r\n return fabric[storage][this.svgUid][id];\r\n };\r\n\r\n proto.resolveGradient = function (obj, el, property) {\r\n const gradientDef = this.extractPropertyDefinition(\r\n obj,\r\n property,\r\n 'gradientDefs'\r\n );\r\n if (gradientDef) {\r\n const opacityAttr = el.getAttribute(property + '-opacity');\r\n const gradient = fabric.Gradient.fromElement(gradientDef, obj, {\r\n ...this.options,\r\n opacity: opacityAttr,\r\n });\r\n obj.set(property, gradient);\r\n }\r\n };\r\n\r\n proto.createClipPathCallback = function (obj, container) {\r\n return function (_newObj) {\r\n _newObj._removeTransformMatrix();\r\n _newObj.fillRule = _newObj.clipRule;\r\n container.push(_newObj);\r\n };\r\n };\r\n\r\n proto.resolveClipPath = function (obj, usingElement) {\r\n var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'),\r\n element,\r\n klass,\r\n objTransformInv,\r\n container,\r\n gTransform,\r\n options;\r\n if (clipPath) {\r\n container = [];\r\n objTransformInv = invertTransform(obj.calcTransformMatrix());\r\n // move the clipPath tag as sibling to the real element that is using it\r\n const clipPathTag = clipPath[0].parentNode;\r\n let clipPathOwner = usingElement;\r\n while (\r\n clipPathOwner.parentNode &&\r\n clipPathOwner.getAttribute('clip-path') !== obj.clipPath\r\n ) {\r\n clipPathOwner = clipPathOwner.parentNode;\r\n }\r\n clipPathOwner.parentNode.appendChild(clipPathTag);\r\n for (let i = 0; i < clipPath.length; i++) {\r\n element = clipPath[i];\r\n klass = this.findTag(element);\r\n klass.fromElement(\r\n element,\r\n this.createClipPathCallback(obj, container),\r\n this.options\r\n );\r\n }\r\n if (container.length === 1) {\r\n clipPath = container[0];\r\n } else {\r\n clipPath = new fabric.Group(container);\r\n }\r\n gTransform = multiplyTransformMatrices(\r\n objTransformInv,\r\n clipPath.calcTransformMatrix()\r\n );\r\n if (clipPath.clipPath) {\r\n this.resolveClipPath(clipPath, clipPathOwner);\r\n }\r\n const options = qrDecompose(gTransform);\r\n clipPath.flipX = false;\r\n clipPath.flipY = false;\r\n clipPath.set('scaleX', options.scaleX);\r\n clipPath.set('scaleY', options.scaleY);\r\n clipPath.angle = options.angle;\r\n clipPath.skewX = options.skewX;\r\n clipPath.skewY = 0;\r\n clipPath.setPositionByOrigin(\r\n { x: options.translateX, y: options.translateY },\r\n 'center',\r\n 'center'\r\n );\r\n obj.clipPath = clipPath;\r\n } else {\r\n // if clip-path does not resolve to any element, delete the property.\r\n delete obj.clipPath;\r\n }\r\n };\r\n\r\n proto.checkIfDone = function () {\r\n if (--this.numElements === 0) {\r\n this.instances = this.instances.filter(function (el) {\r\n // eslint-disable-next-line no-eq-null, eqeqeq\r\n return el != null;\r\n });\r\n this.callback(this.instances, this.elements);\r\n }\r\n };\r\n})(ElementsParser.prototype);\r\n\r\nexport { ElementsParser };\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Returns CSS rules for a given SVG document\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} CSS rules of this document\r\n */\r\nexport function getCSSRules(doc) {\r\n let styles = doc.getElementsByTagName('style'),\r\n i,\r\n len,\r\n allRules = {},\r\n rules;\r\n\r\n // very crude parsing of style contents\r\n for (i = 0, len = styles.length; i < len; i++) {\r\n let styleContents = styles[i].textContent;\r\n\r\n // remove comments\r\n styleContents = styleContents.replace(/\\/\\*[\\s\\S]*?\\*\\//g, '');\r\n if (styleContents.trim() === '') {\r\n continue;\r\n }\r\n // recovers all the rule in this form `body { style code... }`\r\n // rules = styleContents.match(/[^{]*\\{[\\s\\S]*?\\}/g);\r\n rules = styleContents.split('}');\r\n // remove empty rules.\r\n rules = rules.filter(function (rule) {\r\n return rule.trim();\r\n });\r\n // at this point we have hopefully an array of rules `body { style code... `\r\n // eslint-disable-next-line no-loop-func\r\n rules.forEach(function (rule) {\r\n const match = rule.split('{'),\r\n ruleObj = {},\r\n declaration = match[1].trim(),\r\n propertyValuePairs = declaration.split(';').filter(function (pair) {\r\n return pair.trim();\r\n });\r\n\r\n for (i = 0, len = propertyValuePairs.length; i < len; i++) {\r\n const pair = propertyValuePairs[i].split(':'),\r\n property = pair[0].trim(),\r\n value = pair[1].trim();\r\n ruleObj[property] = value;\r\n }\r\n rule = match[0].trim();\r\n rule.split(',').forEach(function (_rule) {\r\n _rule = _rule.replace(/^svg/i, '').trim();\r\n if (_rule === '') {\r\n return;\r\n }\r\n if (allRules[_rule]) {\r\n Object.assign(allRules[_rule], ruleObj);\r\n } else {\r\n allRules[_rule] = Object.assign({}, ruleObj);\r\n }\r\n });\r\n });\r\n }\r\n return allRules;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function getMultipleNodes(doc, nodeNames) {\r\n let nodeName,\r\n nodeArray = [],\r\n nodeList,\r\n i,\r\n len;\r\n for (i = 0, len = nodeNames.length; i < len; i++) {\r\n nodeName = nodeNames[i];\r\n nodeList = doc.getElementsByTagName(nodeName);\r\n nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList));\r\n }\r\n return nodeArray;\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * @private\r\n * to support IE8 missing getElementById on SVGdocument and on node xmlDOM\r\n */\r\nexport function elementById(doc, id) {\r\n let el;\r\n doc.getElementById && (el = doc.getElementById(id));\r\n if (el) {\r\n return el;\r\n }\r\n let node,\r\n i,\r\n len,\r\n nodelist = doc.getElementsByTagName('*');\r\n for (i = 0, len = nodelist.length; i < len; i++) {\r\n node = nodelist[i];\r\n if (id === node.getAttribute('id')) {\r\n return node;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { elementById } from './elementById';\r\n\r\nconst gradientsAttrs = [\r\n 'gradientTransform',\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2',\r\n 'gradientUnits',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n];\r\nconst xlinkAttr = 'xlink:href';\r\n\r\nexport function recursivelyParseGradientsXlink(doc, gradient) {\r\n const xLink = gradient.getAttribute(xlinkAttr).slice(1),\r\n referencedGradient = elementById(doc, xLink);\r\n if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) {\r\n recursivelyParseGradientsXlink(doc, referencedGradient);\r\n }\r\n gradientsAttrs.forEach(function (attr) {\r\n if (\r\n referencedGradient &&\r\n !gradient.hasAttribute(attr) &&\r\n referencedGradient.hasAttribute(attr)\r\n ) {\r\n gradient.setAttribute(attr, referencedGradient.getAttribute(attr));\r\n }\r\n });\r\n if (!gradient.children.length) {\r\n const referenceClone = referencedGradient.cloneNode(true);\r\n while (referenceClone.firstChild) {\r\n gradient.appendChild(referenceClone.firstChild);\r\n }\r\n }\r\n gradient.removeAttribute(xlinkAttr);\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { recursivelyParseGradientsXlink } from './recursivelyParseGradientsXlink';\r\n\r\nconst tagArray = [\r\n 'linearGradient',\r\n 'radialGradient',\r\n 'svg:linearGradient',\r\n 'svg:radialGradient',\r\n];\r\n\r\n/**\r\n * Parses an SVG document, returning all of the gradient declarations found in it\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element\r\n */\r\nexport function getGradientDefs(doc) {\r\n let elList = getMultipleNodes(doc, tagArray),\r\n el,\r\n j = 0,\r\n gradientDefs = {};\r\n j = elList.length;\r\n while (j--) {\r\n el = elList[j];\r\n if (el.getAttribute('xlink:href')) {\r\n recursivelyParseGradientsXlink(doc, el);\r\n }\r\n gradientDefs[el.getAttribute('id')] = el;\r\n }\r\n return gradientDefs;\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport {\r\n parsePreserveAspectRatioAttribute,\r\n parseUnit,\r\n} from '../util/misc/svgParsing';\r\nimport { svgViewBoxElementsRegEx, reViewBoxAttrValue } from './constants';\r\n\r\n/**\r\n * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements\r\n */\r\n\r\nexport function applyViewboxTransform(element) {\r\n if (!svgViewBoxElementsRegEx.test(element.nodeName)) {\r\n return {};\r\n }\r\n let viewBoxAttr = element.getAttribute('viewBox'),\r\n scaleX = 1,\r\n scaleY = 1,\r\n minX = 0,\r\n minY = 0,\r\n viewBoxWidth,\r\n viewBoxHeight,\r\n matrix,\r\n el,\r\n widthAttr = element.getAttribute('width'),\r\n heightAttr = element.getAttribute('height'),\r\n x = element.getAttribute('x') || 0,\r\n y = element.getAttribute('y') || 0,\r\n preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '',\r\n missingViewBox =\r\n !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)),\r\n missingDimAttr =\r\n !widthAttr ||\r\n !heightAttr ||\r\n widthAttr === '100%' ||\r\n heightAttr === '100%',\r\n toBeParsed = missingViewBox && missingDimAttr,\r\n parsedDim = {},\r\n translateMatrix = '',\r\n widthDiff = 0,\r\n heightDiff = 0;\r\n\r\n parsedDim.width = 0;\r\n parsedDim.height = 0;\r\n parsedDim.toBeParsed = toBeParsed;\r\n\r\n if (missingViewBox) {\r\n if (\r\n (x || y) &&\r\n element.parentNode &&\r\n element.parentNode.nodeName !== '#document'\r\n ) {\r\n translateMatrix =\r\n ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n matrix = (element.getAttribute('transform') || '') + translateMatrix;\r\n element.setAttribute('transform', matrix);\r\n element.removeAttribute('x');\r\n element.removeAttribute('y');\r\n }\r\n }\r\n\r\n if (toBeParsed) {\r\n return parsedDim;\r\n }\r\n\r\n if (missingViewBox) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n // set a transform for elements that have x y and are inner(only) SVGs\r\n return parsedDim;\r\n }\r\n minX = -parseFloat(viewBoxAttr[1]);\r\n minY = -parseFloat(viewBoxAttr[2]);\r\n viewBoxWidth = parseFloat(viewBoxAttr[3]);\r\n viewBoxHeight = parseFloat(viewBoxAttr[4]);\r\n parsedDim.minX = minX;\r\n parsedDim.minY = minY;\r\n parsedDim.viewBoxWidth = viewBoxWidth;\r\n parsedDim.viewBoxHeight = viewBoxHeight;\r\n if (!missingDimAttr) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n scaleX = parsedDim.width / viewBoxWidth;\r\n scaleY = parsedDim.height / viewBoxHeight;\r\n } else {\r\n parsedDim.width = viewBoxWidth;\r\n parsedDim.height = viewBoxHeight;\r\n }\r\n\r\n // default is to preserve aspect ratio\r\n preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio);\r\n if (preserveAspectRatio.alignX !== 'none') {\r\n //translate all container for the effect of Mid, Min, Max\r\n if (preserveAspectRatio.meetOrSlice === 'meet') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX;\r\n // calculate additional translation to move the viewbox\r\n }\r\n if (preserveAspectRatio.meetOrSlice === 'slice') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY;\r\n // calculate additional translation to move the viewbox\r\n }\r\n widthDiff = parsedDim.width - viewBoxWidth * scaleX;\r\n heightDiff = parsedDim.height - viewBoxHeight * scaleX;\r\n if (preserveAspectRatio.alignX === 'Mid') {\r\n widthDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignY === 'Mid') {\r\n heightDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignX === 'Min') {\r\n widthDiff = 0;\r\n }\r\n if (preserveAspectRatio.alignY === 'Min') {\r\n heightDiff = 0;\r\n }\r\n }\r\n\r\n if (\r\n scaleX === 1 &&\r\n scaleY === 1 &&\r\n minX === 0 &&\r\n minY === 0 &&\r\n x === 0 &&\r\n y === 0\r\n ) {\r\n return parsedDim;\r\n }\r\n if ((x || y) && element.parentNode.nodeName !== '#document') {\r\n translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n }\r\n\r\n matrix =\r\n translateMatrix +\r\n ' matrix(' +\r\n scaleX +\r\n ' 0' +\r\n ' 0 ' +\r\n scaleY +\r\n ' ' +\r\n (minX * scaleX + widthDiff) +\r\n ' ' +\r\n (minY * scaleY + heightDiff) +\r\n ') ';\r\n // seems unused.\r\n // parsedDim.viewboxTransform = parseTransformAttribute(matrix);\r\n if (element.nodeName === 'svg') {\r\n el = element.ownerDocument.createElementNS(svgNS, 'g');\r\n // element.firstChild != null\r\n while (element.firstChild) {\r\n el.appendChild(element.firstChild);\r\n }\r\n element.appendChild(el);\r\n } else {\r\n el = element;\r\n el.removeAttribute('x');\r\n el.removeAttribute('y');\r\n matrix = el.getAttribute('transform') + matrix;\r\n }\r\n el.setAttribute('transform', matrix);\r\n return parsedDim;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function hasAncestorWithNodeName(element, nodeName) {\r\n while (element && (element = element.parentNode)) {\r\n if (\r\n element.nodeName &&\r\n nodeName.test(element.nodeName.replace('svg:', '')) &&\r\n !element.getAttribute('instantiated_by_use')\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { ElementsParser } from './elements_parser';\r\n\r\n/**\r\n * Transforms an array of svg elements to corresponding fabric.* instances\r\n * @static\r\n * @memberOf fabric\r\n * @param {Array} elements Array of elements to parse\r\n * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements)\r\n * @param {Object} [options] Options object\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n */\r\nexport function parseElements(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n) {\r\n new ElementsParser(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n ).parse();\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport { elementById } from './elementById';\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\n\r\nexport function parseUseDirectives(doc) {\r\n let nodelist = getMultipleNodes(doc, ['use', 'svg:use']),\r\n i = 0;\r\n while (nodelist.length && i < nodelist.length) {\r\n const el = nodelist[i],\r\n xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href');\r\n\r\n if (xlinkAttribute === null) {\r\n return;\r\n }\r\n\r\n var xlink = xlinkAttribute.slice(1),\r\n x = el.getAttribute('x') || 0,\r\n y = el.getAttribute('y') || 0,\r\n el2 = elementById(doc, xlink).cloneNode(true),\r\n currentTrans =\r\n (el2.getAttribute('transform') || '') +\r\n ' translate(' +\r\n x +\r\n ', ' +\r\n y +\r\n ')',\r\n parentNode,\r\n oldLength = nodelist.length,\r\n attr,\r\n j,\r\n attrs,\r\n len,\r\n namespace = svgNS;\r\n\r\n applyViewboxTransform(el2);\r\n if (/^svg$/i.test(el2.nodeName)) {\r\n const el3 = el2.ownerDocument.createElementNS(namespace, 'g');\r\n for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue);\r\n }\r\n // el2.firstChild != null\r\n while (el2.firstChild) {\r\n el3.appendChild(el2.firstChild);\r\n }\r\n el2 = el3;\r\n }\r\n\r\n for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n if (\r\n attr.nodeName === 'x' ||\r\n attr.nodeName === 'y' ||\r\n attr.nodeName === 'xlink:href' ||\r\n attr.nodeName === 'href'\r\n ) {\r\n continue;\r\n }\r\n\r\n if (attr.nodeName === 'transform') {\r\n currentTrans = attr.nodeValue + ' ' + currentTrans;\r\n } else {\r\n el2.setAttribute(attr.nodeName, attr.nodeValue);\r\n }\r\n }\r\n\r\n el2.setAttribute('transform', currentTrans);\r\n el2.setAttribute('instantiated_by_use', '1');\r\n el2.removeAttribute('id');\r\n parentNode = el.parentNode;\r\n parentNode.replaceChild(el2, el);\r\n // some browsers do not shorten nodelist after replaceChild (IE8)\r\n if (nodelist.length === oldLength) {\r\n i++;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from './point.class';\r\nimport { fabric } from '../HEADER';\r\n\r\n/* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */\r\n\r\nexport type IntersectionType = 'Intersection' | 'Coincident' | 'Parallel';\r\n\r\n/**\r\n * **Assuming `T`, `A`, `B` are points on the same line**,\r\n * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B`\r\n * @param T\r\n * @param A\r\n * @param B\r\n * @returns true if `T` is contained\r\n */\r\nconst isContainedInInterval = (T: Point, A: Point, B: Point) => {\r\n const TA = new Point(T).subtract(A);\r\n const TB = new Point(T).subtract(B);\r\n return (\r\n Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)\r\n );\r\n};\r\n\r\nexport class Intersection {\r\n points: Point[];\r\n\r\n status?: IntersectionType;\r\n\r\n constructor(status?: IntersectionType) {\r\n this.status = status;\r\n this.points = [];\r\n }\r\n\r\n /**\r\n *\r\n * @param {Point} point\r\n * @returns\r\n */\r\n contains(point) {\r\n return this.points.some((p) => p.eq(point));\r\n }\r\n\r\n /**\r\n * Appends points of intersection\r\n * @param {...Point[]} points\r\n * @return {Intersection} thisArg\r\n * @chainable\r\n */\r\n private append(...points) {\r\n this.points = this.points.concat(\r\n points.filter((point) => {\r\n return !this.contains(point);\r\n })\r\n );\r\n return this;\r\n }\r\n\r\n /**\r\n * Checks if a line intersects another\r\n * @static\r\n * @param {Point} a1\r\n * @param {Point} a2\r\n * @param {Point} b1\r\n * @param {Point} b2\r\n * @param {boolean} [aInfinite=true] check segment intersection by passing `false`\r\n * @param {boolean} [bInfinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) {\r\n let result;\r\n const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x),\r\n ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x),\r\n uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y);\r\n if (uB !== 0) {\r\n const ua = uaT / uB,\r\n ub = ubT / uB;\r\n if (\r\n (aInfinite || (0 <= ua && ua <= 1)) &&\r\n (bInfinite || (0 <= ub && ub <= 1))\r\n ) {\r\n result = new Intersection('Intersection');\r\n result.append(\r\n new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))\r\n );\r\n } else {\r\n result = new Intersection();\r\n }\r\n } else {\r\n if (uaT === 0 || ubT === 0) {\r\n const segmentsCoincide =\r\n aInfinite ||\r\n bInfinite ||\r\n isContainedInInterval(a1, b1, b2) ||\r\n isContainedInInterval(a2, b1, b2) ||\r\n isContainedInInterval(b1, a1, a2) ||\r\n isContainedInInterval(b2, a1, a2);\r\n result = new Intersection(segmentsCoincide ? 'Coincident' : undefined);\r\n } else {\r\n result = new Intersection('Parallel');\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects a line\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} s1 boundary point of segment\r\n * @param {Point} s2 other boundary point of segment\r\n * @param {Point} l1 point on line\r\n * @param {Point} l2 other point on line\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentLine(s1, s2, l1, l2) {\r\n return Intersection.intersectLineLine(s1, s2, l1, l2, false, true);\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects another\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point} b1 boundary point of segment\r\n * @param {Point} b2 other boundary point of segment\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentSegment(a1, a2, b1, b2) {\r\n return Intersection.intersectLineLine(a1, a2, b1, b2, false, false);\r\n }\r\n\r\n /**\r\n * Checks if line intersects polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @see {@link intersectSegmentPolygon} for segment intersection\r\n * @param {Point} a1 point on line\r\n * @param {Point} a2 other point on line\r\n * @param {Point[]} points polygon points\r\n * @param {boolean} [infinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLinePolygon(a1, a2, points, infinite = true) {\r\n const result = new Intersection();\r\n const length = points.length;\r\n\r\n for (let i = 0, b1, b2, inter; i < length; i++) {\r\n b1 = points[i];\r\n b2 = points[(i + 1) % length];\r\n inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false);\r\n if (inter.status === 'Coincident') {\r\n return inter;\r\n }\r\n result.append(...inter.points);\r\n }\r\n\r\n if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if segment intersects polygon\r\n * @static\r\n * @see {@link intersectLinePolygon} for line intersection\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point[]} points polygon points\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentPolygon(a1, a2, points) {\r\n return Intersection.intersectLinePolygon(a1, a2, points, false);\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects another polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @param {Point[]} points1\r\n * @param {Point[]} points2\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonPolygon(points1, points2) {\r\n const result = new Intersection(),\r\n length = points1.length;\r\n const coincidences = [];\r\n\r\n for (let i = 0; i < length; i++) {\r\n const a1 = points1[i],\r\n a2 = points1[(i + 1) % length],\r\n inter = Intersection.intersectSegmentPolygon(a1, a2, points2);\r\n if (inter.status === 'Coincident') {\r\n coincidences.push(inter);\r\n result.append(a1, a2);\r\n } else {\r\n result.append(...inter.points);\r\n }\r\n }\r\n\r\n if (coincidences.length > 0 && coincidences.length === points1.length) {\r\n return new Intersection('Coincident');\r\n } else if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects rectangle\r\n * @static\r\n * @see {@link intersectPolygonPolygon} for polygon intersection\r\n * @param {Point[]} points polygon points\r\n * @param {Point} r1 top left point of rect\r\n * @param {Point} r2 bottom right point of rect\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonRectangle(points, r1, r2) {\r\n const min = r1.min(r2),\r\n max = r1.max(r2),\r\n topRight = new Point(max.x, min.y),\r\n bottomLeft = new Point(min.x, max.y);\r\n\r\n return Intersection.intersectPolygonPolygon(points, [\r\n min,\r\n topRight,\r\n max,\r\n bottomLeft,\r\n ]);\r\n }\r\n}\r\n\r\nfabric.Intersection = Intersection;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\ntype EventRegistryObject = Record;\r\n\r\n/**\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events}\r\n * @see {@link http://fabricjs.com/events|Events demo}\r\n */\r\nexport class Observable {\r\n private __eventListeners: Record = {};\r\n\r\n /**\r\n * Observes specified event\r\n * @alias on\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n on(eventName: string, handler: Function): Function;\r\n on(handlers: EventRegistryObject): Function;\r\n on(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (!this.__eventListeners) {\r\n this.__eventListeners = {};\r\n }\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n for (const eventName in arg0) {\r\n this.on(eventName, arg0[eventName]);\r\n }\r\n return () => this.off(arg0);\r\n } else if (handler) {\r\n const eventName = arg0;\r\n if (!this.__eventListeners[eventName]) {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n this.__eventListeners[eventName].push(handler);\r\n return () => this.off(eventName, handler);\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * Observes specified event **once**\r\n * @alias once\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n once(eventName: string, handler: Function): Function;\r\n once(handlers: EventRegistryObject): Function;\r\n once(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n const disposers: Function[] = [];\r\n for (const eventName in arg0) {\r\n disposers.push(this.once(eventName, arg0[eventName]));\r\n }\r\n return () => disposers.forEach((d) => d());\r\n } else if (handler) {\r\n const disposer = this.on(arg0, (...args: any[]) => {\r\n handler(...args);\r\n disposer();\r\n });\r\n return disposer;\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} eventName\r\n * @param {Function} [handler]\r\n */\r\n private _removeEventListener(eventName: string, handler?: Function) {\r\n if (!this.__eventListeners[eventName]) {\r\n return;\r\n }\r\n\r\n if (handler) {\r\n const eventListener = this.__eventListeners[eventName];\r\n const index = eventListener.indexOf(handler);\r\n index > -1 && eventListener.splice(index, 1);\r\n } else {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n }\r\n\r\n /**\r\n * Stops event observing for a particular event handler. Calling this method\r\n * without arguments removes all handlers for all events\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function to be deleted from EventListeners\r\n */\r\n off(eventName: string, handler: Function): void;\r\n off(handlers: EventRegistryObject): void;\r\n off(arg0?: string | EventRegistryObject, handler?: Function) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n // remove all key/value pairs (event name -> event handler)\r\n if (typeof arg0 === 'undefined') {\r\n for (const eventName in this.__eventListeners) {\r\n this._removeEventListener(eventName);\r\n }\r\n }\r\n // one object with key/value pairs was passed\r\n else if (typeof arg0 === 'object') {\r\n for (const eventName in arg0) {\r\n this._removeEventListener(eventName, arg0[eventName]);\r\n }\r\n } else {\r\n this._removeEventListener(arg0, handler);\r\n }\r\n }\r\n\r\n /**\r\n * Fires event with an optional options object\r\n * @param {String} eventName Event name to fire\r\n * @param {Object} [options] Options object\r\n */\r\n fire(eventName: string, options: object) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n const listenersForEvent = this.__eventListeners[eventName]?.concat();\r\n if (listenersForEvent) {\r\n for (let i = 0; i < listenersForEvent.length; i++) {\r\n listenersForEvent[i].call(this, options || {});\r\n }\r\n }\r\n }\r\n}\r\n\r\nfabric.Observable = Observable;\r\n","//@ts-nocheck\r\nimport { Observable } from './observable.mixin';\r\n\r\nexport class CommonMethods extends Observable {\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n _setOptions(options: any) {\r\n for (const prop in options) {\r\n this.set(prop, options[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _setObject(obj: Record) {\r\n for (const prop in obj) {\r\n this._set(prop, obj[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n set(key: string | Record, value?: any) {\r\n if (typeof key === 'object') {\r\n this._setObject(key);\r\n } else {\r\n this._set(key, value);\r\n }\r\n return this;\r\n }\r\n\r\n _set(key: string, value: any) {\r\n this[key] = value;\r\n }\r\n\r\n /**\r\n * Toggles specified property from `true` to `false` or from `false` to `true`\r\n * @param {String} property Property to toggle\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n toggle(property: string) {\r\n const value = this.get(property);\r\n if (typeof value === 'boolean') {\r\n this.set(property, !value);\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Basic getter\r\n * @param {String} property Property name\r\n * @return {*} value of a property\r\n */\r\n get(property: string) {\r\n return this[property];\r\n }\r\n}\r\n","import { Point } from '../point.class';\r\nimport { transformPoint } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { CommonMethods } from './shared_methods.mixin';\r\nimport { TDegree, TOriginX, TOriginY } from '../typedefs';\r\nimport { Group } from '../shapes/group.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\nconst originOffset = {\r\n left: -0.5,\r\n top: -0.5,\r\n center: 0,\r\n bottom: 0.5,\r\n right: 0.5,\r\n};\r\n\r\n/**\r\n * Resolves origin value relative to center\r\n * @private\r\n * @param {TOriginX | TOriginY} originValue originX / originY\r\n * @returns number\r\n */\r\nexport const resolveOrigin = (\r\n originValue: TOriginX | TOriginY | number\r\n): number =>\r\n typeof originValue === 'string'\r\n ? originOffset[originValue]\r\n : originValue - 0.5;\r\n\r\nexport class ObjectOrigin extends CommonMethods {\r\n /**\r\n * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom}\r\n * @type Number\r\n * @default 0\r\n */\r\n top: number;\r\n\r\n /**\r\n * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right}\r\n * @type Number\r\n * @default 0\r\n */\r\n left: number;\r\n\r\n /**\r\n * Object width\r\n * @type Number\r\n * @default\r\n */\r\n width: number;\r\n\r\n /**\r\n * Object height\r\n * @type Number\r\n * @default\r\n */\r\n height: number;\r\n\r\n /**\r\n * Object scale factor (horizontal)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleX: number;\r\n\r\n /**\r\n * Object scale factor (vertical)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleY: number;\r\n\r\n /**\r\n * Angle of skew on x axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewX: number;\r\n\r\n /**\r\n * Angle of skew on y axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewY: number;\r\n\r\n /**\r\n * Horizontal origin of transformation of an object (one of \"left\", \"right\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'left'\r\n */\r\n originX: TOriginX;\r\n\r\n /**\r\n * Vertical origin of transformation of an object (one of \"top\", \"bottom\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'top'\r\n */\r\n originY: TOriginY;\r\n\r\n /**\r\n * Angle of rotation of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n angle: TDegree;\r\n\r\n /**\r\n * Width of a stroke used to render this object\r\n * @type Number\r\n * @default 1\r\n */\r\n strokeWidth: number;\r\n\r\n /**\r\n * When `false`, the stoke width will scale with the object.\r\n * When `true`, the stroke will always match the exact pixel size entered for stroke width.\r\n * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods\r\n * default to false\r\n * @since 2.6.0\r\n * @type Boolean\r\n * @default false\r\n * @type Boolean\r\n * @default false\r\n */\r\n strokeUniform: boolean;\r\n\r\n /**\r\n * Object containing this object.\r\n * can influence its size and position\r\n */\r\n group?: Group;\r\n\r\n _originalOriginX?: TOriginX;\r\n\r\n _originalOriginY?: TOriginY;\r\n\r\n /**\r\n * Calculate object bounding box dimensions from its properties scale, skew.\r\n * @param {Object} [options]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getTransformedDimensions(options: any = {}): Point {\r\n const dimOptions = {\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n width: this.width,\r\n height: this.height,\r\n strokeWidth: this.strokeWidth,\r\n ...options,\r\n };\r\n // stroke is applied before/after transformations are applied according to `strokeUniform`\r\n const strokeWidth = dimOptions.strokeWidth;\r\n let preScalingStrokeValue = strokeWidth,\r\n postScalingStrokeValue = 0;\r\n\r\n if (this.strokeUniform) {\r\n preScalingStrokeValue = 0;\r\n postScalingStrokeValue = strokeWidth;\r\n }\r\n const dimX = dimOptions.width + preScalingStrokeValue,\r\n dimY = dimOptions.height + preScalingStrokeValue,\r\n noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0;\r\n let finalDimensions;\r\n if (noSkew) {\r\n finalDimensions = new Point(\r\n dimX * dimOptions.scaleX,\r\n dimY * dimOptions.scaleY\r\n );\r\n } else {\r\n finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions);\r\n }\r\n\r\n return finalDimensions.scalarAdd(postScalingStrokeValue);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from a set of origin to another (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToGivenOrigin(\r\n point: Point,\r\n fromOriginX: TOriginX,\r\n fromOriginY: TOriginY,\r\n toOriginX: TOriginX,\r\n toOriginY: TOriginY\r\n ): Point {\r\n let x = point.x,\r\n y = point.y;\r\n const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX),\r\n offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY);\r\n\r\n if (offsetX || offsetY) {\r\n const dim = this._getTransformedDimensions();\r\n x += offsetX * dim.x;\r\n y += offsetY * dim.y;\r\n }\r\n\r\n return new Point(x, y);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from origin to center coordinates (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToCenterPoint(\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n point,\r\n originX,\r\n originY,\r\n 'center',\r\n 'center'\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), point);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Translates the coordinates from center to origin coordinates (based on the object's dimensions)\r\n * @param {Point} center The point which corresponds to center of the object\r\n * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToOriginPoint(\r\n center: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), center);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to canvas\r\n * @return {Point}\r\n */\r\n getCenterPoint(): Point {\r\n const relCenter = this.getRelativeCenterPoint();\r\n return this.group\r\n ? transformPoint(relCenter, this.group.calcTransformMatrix())\r\n : relCenter;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to it's parent\r\n * @return {Point}\r\n */\r\n getRelativeCenterPoint(): Point {\r\n return this.translateToCenterPoint(\r\n new Point(this.left, this.top),\r\n this.originX,\r\n this.originY\r\n );\r\n }\r\n\r\n /**\r\n * Returns the coordinates of the object as if it has a different origin\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n getPointByOrigin(originX: TOriginX, originY: TOriginY): Point {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n }\r\n\r\n /**\r\n * Sets the position of the object taking into consideration the object's origin\r\n * @param {Point} pos The new position of the object\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {void}\r\n */\r\n setPositionByOrigin(pos: Point, originX: TOriginX, originY: TOriginY) {\r\n const center = this.translateToCenterPoint(pos, originX, originY),\r\n position = this.translateToOriginPoint(\r\n center,\r\n this.originX,\r\n this.originY\r\n );\r\n this.set({ left: position.x, top: position.y });\r\n }\r\n\r\n /**\r\n * Sets the origin/position of the object to it's center point\r\n * @private\r\n * @return {void}\r\n */\r\n _setOriginToCenter() {\r\n this._originalOriginX = this.originX;\r\n this._originalOriginY = this.originY;\r\n\r\n const center = this.getRelativeCenterPoint();\r\n\r\n this.originX = 'center';\r\n this.originY = 'center';\r\n\r\n this.left = center.x;\r\n this.top = center.y;\r\n }\r\n\r\n /**\r\n * Resets the origin/position of the object to it's original origin\r\n * @private\r\n * @return {void}\r\n */\r\n _resetOrigin() {\r\n if (\r\n this._originalOriginX !== undefined &&\r\n this._originalOriginY !== undefined\r\n ) {\r\n const originPoint = this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n this._originalOriginX,\r\n this._originalOriginY\r\n );\r\n\r\n this.left = originPoint.x;\r\n this.top = originPoint.y;\r\n\r\n this.originX = this._originalOriginX;\r\n this.originY = this._originalOriginY;\r\n this._originalOriginX = undefined;\r\n this._originalOriginY = undefined;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getLeftTopCoords() {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n 'left',\r\n 'top'\r\n );\r\n }\r\n}\r\n","import type {\r\n TBBox,\r\n TCornerPoint,\r\n TDegree,\r\n TMat2D,\r\n TOriginX,\r\n TOriginY,\r\n} from '../typedefs';\r\nimport { iMatrix } from '../constants';\r\nimport { Intersection } from '../intersection.class';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { cos } from '../util/misc/cos';\r\nimport {\r\n calcRotateMatrix,\r\n composeMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n transformPoint,\r\n} from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { Canvas, StaticCanvas } from '../__types__';\r\nimport { ObjectOrigin } from './object_origin.mixin';\r\n\r\ntype TLineDescriptor = {\r\n o: Point;\r\n d: Point;\r\n};\r\n\r\ntype TBBoxLines = {\r\n topline: TLineDescriptor;\r\n leftline: TLineDescriptor;\r\n bottomline: TLineDescriptor;\r\n rightline: TLineDescriptor;\r\n};\r\n\r\ntype TMatrixCache = {\r\n key: string;\r\n value: TMat2D;\r\n};\r\n\r\ntype TACoords = TCornerPoint;\r\n\r\nexport class ObjectGeometry extends ObjectOrigin {\r\n /**\r\n * When true, an object is rendered as flipped horizontally\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipX: boolean;\r\n\r\n /**\r\n * When true, an object is rendered as flipped vertically\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipY: boolean;\r\n\r\n /**\r\n * Padding between object and its controlling borders (in pixels)\r\n * @type Number\r\n * @default 0\r\n */\r\n padding: number;\r\n\r\n /**\r\n * Describe object's corner position in canvas object absolute coordinates\r\n * properties are tl,tr,bl,br and describe the four main corner.\r\n * each property is an object with x, y, instance of Fabric.Point.\r\n * The coordinates depends from this properties: width, height, scaleX, scaleY\r\n * skewX, skewY, angle, strokeWidth, top, left.\r\n * Those coordinates are useful to understand where an object is. They get updated\r\n * with lineCoords or oCoords in interactive cases but they do not need to be updated when zoom or panning change.\r\n * The coordinates get updated with @method setCoords.\r\n * You can calculate them without updating with @method calcACoords();\r\n * @memberOf fabric.Object.prototype\r\n */\r\n aCoords: TACoords;\r\n\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * includes padding. Used of object detection.\r\n * set and refreshed with setCoords.\r\n * Those could go away\r\n * @todo investigate how to get rid of those\r\n * @memberOf fabric.Object.prototype\r\n */\r\n lineCoords: TCornerPoint;\r\n\r\n /**\r\n * storage cache for object transform matrix\r\n */\r\n ownMatrixCache?: TMatrixCache;\r\n\r\n /**\r\n * storage cache for object full transform matrix\r\n */\r\n matrixCache?: TMatrixCache;\r\n\r\n /**\r\n * A Reference of the Canvas where the object is actually added\r\n * @type StaticCanvas | Canvas;\r\n * @default undefined\r\n * @private\r\n */\r\n canvas?: StaticCanvas | Canvas;\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n getX(): number {\r\n return this.getXY().x;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n setX(value: number) {\r\n this.setXY(this.getXY().setX(value));\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n getY(): number {\r\n return this.getXY().y;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n setY(value: number) {\r\n this.setXY(this.getXY().setY(value));\r\n }\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getX}\r\n */\r\n getRelativeX(): number {\r\n return this.left;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this method is identical to {@link fabric.Object#setX}\r\n */\r\n setRelativeX(value: number) {\r\n this.left = value;\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getY}\r\n */\r\n getRelativeY(): number {\r\n return this.top;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#setY}\r\n */\r\n setRelativeY(value: number) {\r\n this.top = value;\r\n }\r\n\r\n /**\r\n * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane\r\n */\r\n getXY(): Point {\r\n const relativePosition = this.getRelativeXY();\r\n return this.group\r\n ? transformPoint(relativePosition, this.group.calcTransformMatrix())\r\n : relativePosition;\r\n }\r\n\r\n /**\r\n * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate.\r\n * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values,\r\n * that otherwise are the object's current values.\r\n * @example Set object's bottom left corner to point (5,5) on canvas\r\n * object.setXY(new Point(5, 5), 'left', 'bottom').\r\n * @param {Point} point position in canvas coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n if (this.group) {\r\n point = transformPoint(\r\n point,\r\n invertTransform(this.group.calcTransformMatrix())\r\n );\r\n }\r\n this.setRelativeXY(point, originX, originY);\r\n }\r\n\r\n /**\r\n * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n */\r\n getRelativeXY(): Point {\r\n return new Point(this.left, this.top);\r\n }\r\n\r\n /**\r\n * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas)\r\n * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setRelativeXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n this.setPositionByOrigin(\r\n point,\r\n originX || this.originX,\r\n originY || this.originY\r\n );\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will calculate the coords or use the one\r\n * that are attached to the object instance\r\n * @return {Object} {tl, tr, br, bl} points\r\n */\r\n _getCoords(absolute = false, calculate = false): TCornerPoint {\r\n if (calculate) {\r\n return absolute ? this.calcACoords() : this.calcLineCoords();\r\n }\r\n // swapped this double if in place of setCoords();\r\n if (!this.aCoords) {\r\n this.aCoords = this.calcACoords();\r\n }\r\n if (!this.lineCoords) {\r\n this.lineCoords = this.calcLineCoords();\r\n }\r\n return absolute ? this.aCoords : this.lineCoords;\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * The coords are returned in an array.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will return aCoords if true or lineCoords\r\n * @return {Array} [tl, tr, br, bl] of points\r\n */\r\n getCoords(absolute = false, calculate = false): Point[] {\r\n const { tl, tr, br, bl } = this._getCoords(absolute, calculate);\r\n const coords = [tl, tr, br, bl];\r\n if (this.group) {\r\n const t = this.group.calcTransformMatrix();\r\n return coords.map((p) => transformPoint(p, t));\r\n }\r\n return coords;\r\n }\r\n\r\n /**\r\n * Checks if object intersects with an area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object intersects with an area formed by 2 points\r\n */\r\n intersectsWithRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const coords = this.getCoords(absolute, calculate),\r\n intersection = Intersection.intersectPolygonRectangle(\r\n coords,\r\n pointTL,\r\n pointBR\r\n );\r\n return intersection.status === 'Intersection';\r\n }\r\n\r\n /**\r\n * Checks if object intersects with another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of calculating them\r\n * @return {Boolean} true if object intersects with another object\r\n */\r\n intersectsWithObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const intersection = Intersection.intersectPolygonPolygon(\r\n this.getCoords(absolute, calculate),\r\n other.getCoords(absolute, calculate)\r\n );\r\n\r\n return (\r\n intersection.status === 'Intersection' ||\r\n intersection.status === 'Coincident' ||\r\n other.isContainedWithinObject(this, absolute, calculate) ||\r\n this.isContainedWithinObject(other, absolute, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area of another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of store ones\r\n * @return {Boolean} true if object is fully contained within area of another object\r\n */\r\n isContainedWithinObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const points = this.getCoords(absolute, calculate),\r\n otherCoords = absolute ? other.aCoords : other.lineCoords,\r\n lines = other._getImageLines(otherCoords);\r\n for (let i = 0; i < 4; i++) {\r\n if (!other.containsPoint(points[i], lines)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object is fully contained within area formed by 2 points\r\n */\r\n isContainedWithinRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const boundingRect = this.getBoundingRect(absolute, calculate);\r\n return (\r\n boundingRect.left >= pointTL.x &&\r\n boundingRect.left + boundingRect.width <= pointBR.x &&\r\n boundingRect.top >= pointTL.y &&\r\n boundingRect.top + boundingRect.height <= pointBR.y\r\n );\r\n }\r\n\r\n /**\r\n * Checks if point is inside the object\r\n * @param {Point} point Point to check against\r\n * @param {Object} [lines] object returned from @method _getImageLines\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if point is inside the object\r\n */\r\n containsPoint(\r\n point: Point,\r\n lines: TBBoxLines | undefined,\r\n absolute = false,\r\n calculate = false\r\n ): boolean {\r\n const coords = this._getCoords(absolute, calculate),\r\n imageLines = lines || this._getImageLines(coords),\r\n xPoints = this._findCrossPoints(point, imageLines);\r\n // if xPoints is odd then point is inside the object\r\n return xPoints !== 0 && xPoints % 2 === 1;\r\n }\r\n\r\n /**\r\n * Checks if object is contained within the canvas with current viewportTransform\r\n * the check is done stopping at first point that appears on screen\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords\r\n * @return {Boolean} true if object is fully or partially contained within canvas\r\n */\r\n isOnScreen(calculate = false): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n const points = this.getCoords(true, calculate);\r\n // if some point is on screen, the object is on screen.\r\n if (\r\n points.some(\r\n (point) =>\r\n point.x <= br.x &&\r\n point.x >= tl.x &&\r\n point.y <= br.y &&\r\n point.y >= tl.y\r\n )\r\n ) {\r\n return true;\r\n }\r\n // no points on screen, check intersection with absolute coordinates\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n return this._containsCenterOfCanvas(tl, br, calculate);\r\n }\r\n\r\n /**\r\n * Checks if the object contains the midpoint between canvas extremities\r\n * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen\r\n * @private\r\n * @param {Point} pointTL Top Left point\r\n * @param {Point} pointBR Top Right point\r\n * @param {Boolean} calculate use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if the object contains the point\r\n */\r\n private _containsCenterOfCanvas(\r\n pointTL: Point,\r\n pointBR: Point,\r\n calculate: boolean\r\n ): boolean {\r\n // worst case scenario the object is so big that contains the screen\r\n const centerPoint = pointTL.midPointFrom(pointBR);\r\n return this.containsPoint(centerPoint, undefined, true, calculate);\r\n }\r\n\r\n /**\r\n * Checks if object is partially contained within the canvas with current viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if object is partially contained within canvas\r\n */\r\n isPartiallyOnScreen(calculate: boolean): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n const allPointsAreOutside = this.getCoords(true, calculate).every(\r\n (point) =>\r\n (point.x >= br.x || point.x <= tl.x) &&\r\n (point.y >= br.y || point.y <= tl.y)\r\n );\r\n return (\r\n allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Method that returns an object with the object edges in it, given the coordinates of the corners\r\n * @private\r\n * @param {Object} lineCoords or aCoords Coordinates of the object corners\r\n */\r\n _getImageLines({ tl, tr, bl, br }: TCornerPoint): TBBoxLines {\r\n const lines = {\r\n topline: {\r\n o: tl,\r\n d: tr,\r\n },\r\n rightline: {\r\n o: tr,\r\n d: br,\r\n },\r\n bottomline: {\r\n o: br,\r\n d: bl,\r\n },\r\n leftline: {\r\n o: bl,\r\n d: tl,\r\n },\r\n };\r\n\r\n // // debugging\r\n // if (this.canvas.contextTop) {\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n // }\r\n\r\n return lines;\r\n }\r\n\r\n /**\r\n * Helper method to determine how many cross points are between the 4 object edges\r\n * and the horizontal line determined by a point on canvas\r\n * @private\r\n * @param {Point} point Point to check\r\n * @param {Object} lines Coordinates of the object being evaluated\r\n * @return {number} number of crossPoint\r\n */\r\n _findCrossPoints(point: Point, lines: TBBoxLines): number {\r\n let xcount = 0;\r\n\r\n for (const lineKey in lines) {\r\n let xi;\r\n const iLine = lines[lineKey as keyof TBBoxLines];\r\n // optimization 1: line below point. no cross\r\n if (iLine.o.y < point.y && iLine.d.y < point.y) {\r\n continue;\r\n }\r\n // optimization 2: line above point. no cross\r\n if (iLine.o.y >= point.y && iLine.d.y >= point.y) {\r\n continue;\r\n }\r\n // optimization 3: vertical line case\r\n if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) {\r\n xi = iLine.o.x;\r\n }\r\n // calculate the intersection point\r\n else {\r\n const b1 = 0;\r\n const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x);\r\n const a1 = point.y - b1 * point.x;\r\n const a2 = iLine.o.y - b2 * iLine.o.x;\r\n\r\n xi = -(a1 - a2) / (b1 - b2);\r\n }\r\n // don't count xi < point.x cases\r\n if (xi >= point.x) {\r\n xcount += 1;\r\n }\r\n // optimization 4: specific for square images\r\n if (xcount === 2) {\r\n break;\r\n }\r\n }\r\n return xcount;\r\n }\r\n\r\n /**\r\n * Returns coordinates of object's bounding rectangle (left, top, width, height)\r\n * the box is intended as aligned to axis of canvas.\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\n getBoundingRect(absolute?: boolean, calculate?: boolean): TBBox {\r\n return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate));\r\n }\r\n\r\n /**\r\n * Returns width of an object's bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} width value\r\n */\r\n getScaledWidth(): number {\r\n return this._getTransformedDimensions().x;\r\n }\r\n\r\n /**\r\n * Returns height of an object bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} height value\r\n */\r\n getScaledHeight(): number {\r\n return this._getTransformedDimensions().y;\r\n }\r\n\r\n /**\r\n * Scales an object (equally by x and y)\r\n * @param {Number} value Scale factor\r\n * @return {void}\r\n */\r\n scale(value: number): void {\r\n this._set('scaleX', value);\r\n this._set('scaleY', value);\r\n this.setCoords();\r\n }\r\n\r\n /**\r\n * Scales an object to a given width, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New width value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToWidth(value: number, absolute: boolean) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).width / this.getScaledWidth();\r\n return this.scale(value / this.width / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Scales an object to a given height, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New height value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToHeight(value: number, absolute = false) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).height / this.getScaledHeight();\r\n return this.scale(value / this.height / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Returns the object angle relative to canvas counting also the group property\r\n * @returns {TDegree}\r\n */\r\n getTotalAngle(): TDegree {\r\n return this.group\r\n ? qrDecompose(this.calcTransformMatrix()).angle\r\n : this.angle;\r\n }\r\n\r\n /**\r\n * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates\r\n * used for bounding box interactivity with the mouse\r\n * @returns {TCornerPoint}\r\n */\r\n calcLineCoords(): TCornerPoint {\r\n const vpt = this.getViewportTransform(),\r\n padding = this.padding,\r\n angle = degreesToRadians(this.getTotalAngle()),\r\n cosP = cos(angle) * padding,\r\n sinP = sin(angle) * padding,\r\n cosPSinP = cosP + sinP,\r\n cosPMinusSinP = cosP - sinP,\r\n { tl, tr, bl, br } = this.calcACoords();\r\n\r\n const lineCoords: TCornerPoint = {\r\n tl: transformPoint(tl, vpt),\r\n tr: transformPoint(tr, vpt),\r\n bl: transformPoint(bl, vpt),\r\n br: transformPoint(br, vpt),\r\n };\r\n\r\n if (padding) {\r\n lineCoords.tl.x -= cosPMinusSinP;\r\n lineCoords.tl.y -= cosPSinP;\r\n lineCoords.tr.x += cosPSinP;\r\n lineCoords.tr.y -= cosPMinusSinP;\r\n lineCoords.bl.x -= cosPSinP;\r\n lineCoords.bl.y += cosPMinusSinP;\r\n lineCoords.br.x += cosPMinusSinP;\r\n lineCoords.br.y += cosPSinP;\r\n }\r\n\r\n return lineCoords;\r\n }\r\n\r\n /**\r\n * Retrieves viewportTransform from Object's canvas if possible\r\n * @method getViewportTransform\r\n * @memberOf FabricObject.prototype\r\n * @return {TMat2D}\r\n */\r\n getViewportTransform(): TMat2D {\r\n return this.canvas?.viewportTransform || (iMatrix.concat() as TMat2D);\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates.\r\n * those never change with zoom or viewport changes.\r\n * @return {TCornerPoint}\r\n */\r\n calcACoords(): TCornerPoint {\r\n const rotateMatrix = calcRotateMatrix({ angle: this.angle }),\r\n center = this.getRelativeCenterPoint(),\r\n translateMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix),\r\n dim = this._getTransformedDimensions(),\r\n w = dim.x / 2,\r\n h = dim.y / 2;\r\n return {\r\n // corners\r\n tl: transformPoint({ x: -w, y: -h }, finalMatrix),\r\n tr: transformPoint({ x: w, y: -h }, finalMatrix),\r\n bl: transformPoint({ x: -w, y: h }, finalMatrix),\r\n br: transformPoint({ x: w, y: h }, finalMatrix),\r\n };\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords.\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n this.aCoords = this.calcACoords();\r\n // in case we are in a group, for how the inner group target check works,\r\n // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer.\r\n this.lineCoords = this.group ? this.aCoords : this.calcLineCoords();\r\n }\r\n\r\n transformMatrixKey(skipGroup = false): string {\r\n const sep = '_';\r\n let prefix = '';\r\n if (!skipGroup && this.group) {\r\n prefix = this.group.transformMatrixKey(skipGroup) + sep;\r\n }\r\n return (\r\n prefix +\r\n this.top +\r\n sep +\r\n this.left +\r\n sep +\r\n this.scaleX +\r\n sep +\r\n this.scaleY +\r\n sep +\r\n this.skewX +\r\n sep +\r\n this.skewY +\r\n sep +\r\n this.angle +\r\n sep +\r\n this.originX +\r\n sep +\r\n this.originY +\r\n sep +\r\n this.width +\r\n sep +\r\n this.height +\r\n sep +\r\n this.strokeWidth +\r\n this.flipX +\r\n this.flipY\r\n );\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties.\r\n * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations\r\n * There are some situation in which this is useful to avoid the fake rotation.\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcTransformMatrix(skipGroup = false): TMat2D {\r\n let matrix = this.calcOwnMatrix();\r\n if (skipGroup || !this.group) {\r\n return matrix;\r\n }\r\n const key = this.transformMatrixKey(skipGroup),\r\n cache = this.matrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n if (this.group) {\r\n matrix = multiplyTransformMatrices(\r\n this.group.calcTransformMatrix(false),\r\n matrix\r\n );\r\n }\r\n this.matrixCache = {\r\n key,\r\n value: matrix,\r\n };\r\n return matrix;\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties, this matrix does not include the group transformation\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcOwnMatrix(): TMat2D {\r\n const key = this.transformMatrixKey(true),\r\n cache = this.ownMatrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n const center = this.getRelativeCenterPoint(),\r\n options = {\r\n angle: this.angle,\r\n translateX: center.x,\r\n translateY: center.y,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n },\r\n value = composeMatrix(options);\r\n this.ownMatrixCache = {\r\n key,\r\n value,\r\n };\r\n return value;\r\n }\r\n\r\n /**\r\n * Calculate object dimensions from its properties\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getNonTransformedDimensions(): Point {\r\n return new Point(this.width, this.height).scalarAdd(this.strokeWidth);\r\n }\r\n\r\n /**\r\n * Calculate object dimensions for controls box, including padding and canvas zoom.\r\n * and active selection\r\n * @private\r\n * @param {object} [options] transform options\r\n * @returns {Point} dimensions\r\n */\r\n _calculateCurrentDimensions(options?: any): Point {\r\n return this._getTransformedDimensions(options)\r\n .transform(this.getViewportTransform(), true)\r\n .scalarAdd(2 * this.padding);\r\n }\r\n}\r\n","// @ts-nocheck\r\nimport type { TClassProperties, TDegree, TSize, TFiller } from '../typedefs';\r\nimport { fabric } from '../../HEADER';\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { VERSION } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport { capValue } from '../util/misc/capValue';\r\nimport { pick } from '../util/misc/pick';\r\nimport { runningAnimations } from '../util/animation_registry';\r\nimport { enlivenObjectEnlivables } from '../util/misc/objectEnlive';\r\nimport { clone } from '../util/lang_object';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { capitalize } from '../util/lang_string';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { ObjectGeometry } from '../mixins/object_geometry.mixin';\r\nimport { qrDecompose, transformPoint } from '../util/misc/matrix';\r\nimport { Canvas, Shadow, StaticCanvas } from '../__types__';\r\n\r\n// temporary hack for unfinished migration\r\ntype TCallSuper = (arg0: string, ...moreArgs: any[]) => any;\r\n\r\nconst ALIASING_LIMIT = 2;\r\n\r\n/**\r\n * Root object class from which all 2d shape classes inherit from\r\n * @class fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects}\r\n * @see {@link fabric.Object#initialize} for constructor definition\r\n *\r\n * @fires added\r\n * @fires removed\r\n *\r\n * @fires selected\r\n * @fires deselected\r\n * @fires modified\r\n * @fires modified\r\n * @fires moved\r\n * @fires scaled\r\n * @fires rotated\r\n * @fires skewed\r\n *\r\n * @fires rotating\r\n * @fires scaling\r\n * @fires moving\r\n * @fires skewing\r\n *\r\n * @fires mousedown\r\n * @fires mouseup\r\n * @fires mouseover\r\n * @fires mouseout\r\n * @fires mousewheel\r\n * @fires mousedblclick\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drop\r\n */\r\nexport class FabricObject extends ObjectGeometry {\r\n type: string;\r\n\r\n /**\r\n * Opacity of an object\r\n * @type Number\r\n * @default 1\r\n */\r\n opacity: number;\r\n\r\n /**\r\n * Size of object's controlling corners (in pixels)\r\n * @type Number\r\n * @default 13\r\n */\r\n cornerSize: number;\r\n\r\n /**\r\n * Size of object's controlling corners when touch interaction is detected\r\n * @type Number\r\n * @default 24\r\n */\r\n touchCornerSize: number;\r\n\r\n /**\r\n * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill)\r\n * @type Boolean\r\n * @default true\r\n */\r\n transparentCorners: boolean;\r\n\r\n /**\r\n * Default cursor value used when hovering over this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n hoverCursor: null;\r\n\r\n /**\r\n * Default cursor value used when moving this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n moveCursor: null;\r\n\r\n /**\r\n * Color of controlling borders of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n borderColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's borders (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n * default null;\r\n */\r\n borderDashArray: number[] | null;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n cornerColor: string;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active and transparentCorners false)\r\n * @since 1.6.2\r\n * @type String\r\n * @default null\r\n */\r\n cornerStrokeColor: string;\r\n\r\n /**\r\n * Specify style of control, 'rect' or 'circle'\r\n * @since 1.6.2\r\n * @type 'rect' | 'circle'\r\n * @default rect\r\n */\r\n cornerStyle: 'rect' | 'circle';\r\n\r\n /**\r\n * Array specifying dash pattern of an object's control (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n */\r\n cornerDashArray: number[] | null;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being scaled via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being rotated via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: true;\r\n\r\n /**\r\n * When defined, an object is rendered via stroke and this property specifies its color\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default null\r\n */\r\n stroke: string | TFiller | null;\r\n\r\n /**\r\n * Color of object's fill\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default rgb(0,0,0)\r\n */\r\n fill: string | null;\r\n\r\n /**\r\n * Fill rule used to fill an object\r\n * accepted values are nonzero, evenodd\r\n * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead)\r\n * @type String\r\n * @default nonzero\r\n */\r\n fillRule: 'nonzero' | 'evenodd';\r\n\r\n /**\r\n * Composite rule used for canvas globalCompositeOperation\r\n * @type String\r\n * @default\r\n */\r\n globalCompositeOperation: GlobalCompositeOperation;\r\n\r\n /**\r\n * Background color of an object.\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default\r\n */\r\n backgroundColor: string;\r\n\r\n /**\r\n * Selection Background color of an object. colored layer behind the object when it is active.\r\n * does not mix good with globalCompositeOperation methods.\r\n * @type String\r\n * @default\r\n */\r\n selectionBackgroundColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's stroke (stroke must be defined)\r\n * @type Array\r\n * @default null;\r\n */\r\n strokeDashArray: number[] | null;\r\n\r\n /**\r\n * Line offset of an object's stroke\r\n * @type Number\r\n * @default 0\r\n */\r\n strokeDashOffset: number;\r\n\r\n /**\r\n * Line endings style of an object's stroke (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default butt\r\n */\r\n strokeLineCap: string;\r\n\r\n /**\r\n * Corner style of an object's stroke (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: string;\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of an object's stroke\r\n * @type Number\r\n * @default 4\r\n */\r\n strokeMiterLimit: number;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape\r\n * @type fabric.Shadow\r\n * @default null\r\n */\r\n shadow: Shadow | null;\r\n\r\n /**\r\n * Opacity of object's controlling borders when object is active and moving\r\n * @type Number\r\n * @default 0.4\r\n */\r\n borderOpacityWhenMoving: number;\r\n\r\n /**\r\n * Scale factor of object's controlling borders\r\n * bigger number will make a thicker border\r\n * border is 1, so this is basically a border thickness\r\n * since there is no way to change the border itself.\r\n * @type Number\r\n * @default 1\r\n */\r\n borderScaleFactor: number;\r\n\r\n /**\r\n * Minimum allowed scale value of an object\r\n * @type Number\r\n * @default 0\r\n */\r\n minScaleLimit: number;\r\n\r\n /**\r\n * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection).\r\n * But events still fire on it.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectable: boolean;\r\n\r\n /**\r\n * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n evented: boolean;\r\n\r\n /**\r\n * When set to `false`, an object is not rendered on canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n visible: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controls are not displayed and can not be used to manipulate object\r\n * @type Boolean\r\n * @default\r\n */\r\n hasControls: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controlling borders are not rendered\r\n * @type Boolean\r\n * @default\r\n */\r\n hasBorders: boolean;\r\n\r\n /**\r\n * When set to `true`, objects are \"found\" on canvas on per-pixel basis rather than according to bounding box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: boolean;\r\n\r\n /**\r\n * When `false`, default object's values are not included in its serialization\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementY: boolean;\r\n\r\n /**\r\n * When `true`, object rotation is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockRotation: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingY: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingY: boolean;\r\n\r\n /**\r\n * When `true`, object cannot be flipped by scaling into negative values\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingFlip: boolean;\r\n\r\n /**\r\n * When `true`, object is not exported in OBJECT/JSON\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n excludeFromExport: boolean;\r\n\r\n /**\r\n * When `true`, object is cached on an additional canvas.\r\n * When `false`, object is not cached unless necessary ( clipPath )\r\n * default to true\r\n * @since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n objectCaching: boolean;\r\n\r\n /**\r\n * When `true`, object properties are checked for cache invalidation. In some particular\r\n * situation you may want this to be disabled ( spray brush, very big, groups)\r\n * or if your application does not allow you to modify properties for groups child you want\r\n * to disable it for groups.\r\n * default to false\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default false\r\n */\r\n statefullCache: boolean;\r\n\r\n /**\r\n * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled\r\n * too much and will be redrawn with correct details at the end of scaling.\r\n * this setting is performance and application dependant.\r\n * default to true\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n noScaleCache: boolean;\r\n\r\n /**\r\n * When set to `true`, object's cache will be rerendered next render call.\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n dirty: boolean;\r\n\r\n /**\r\n * Determines if the fill or the stroke is drawn first (one of \"fill\" or \"stroke\")\r\n * @type String\r\n * @default\r\n */\r\n paintFirst: 'fill' | 'stroke';\r\n\r\n /**\r\n * When 'down', object is set to active on mousedown/touchstart\r\n * When 'up', object is set to active on mouseup/touchend\r\n * Experimental. Let's see if this breaks anything before supporting officially\r\n * @private\r\n * since 4.4.0\r\n * @type String\r\n * @default 'down'\r\n */\r\n activeOn: 'down' | 'up';\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: string[];\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: string[];\r\n\r\n /**\r\n * List of properties to consider for animating colors.\r\n * @type String[]\r\n */\r\n colorProperties: string[];\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the object has rendered, and the context is placed in the center\r\n * of the object cacheCanvas.\r\n * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center'\r\n * @type fabric.Object\r\n */\r\n clipPath?: FabricObject;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will make the object clip to the outside of the clipPath\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n inverted: boolean;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will have its top and left relative to canvas, and will\r\n * not be influenced by the object transform. This will make the clipPath relative\r\n * to the canvas, but clipping just a particular object.\r\n * WARNING this is beta, this feature may change or be renamed.\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n absolutePositioned: boolean;\r\n\r\n /**\r\n * Quick access for the _cacheCanvas rendering context\r\n * This is part of the objectCaching feature\r\n * since 1.7.0\r\n * @type boolean\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheContext: CanvasRenderingContext2D | null = null;\r\n\r\n /**\r\n * A reference to the HTMLCanvasElement that is used to contain the cache of the object\r\n * this canvas element is resized and cleared as needed\r\n * Is marked private, you can read it, don't use it since it is handled by fabric\r\n * since 1.7.0\r\n * @type HTMLCanvasElement\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheCanvas?: HTMLCanvasElement;\r\n\r\n /**\r\n * Size of the cache canvas, width\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheWidth?: number;\r\n\r\n /**\r\n * Size of the cache canvas, height\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheHeight?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, X axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomX?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomY?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationX?: number;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationY?: number;\r\n\r\n /**\r\n * A reference to the parent of the object, usually a FabricGroup\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n group?: FabricObject;\r\n\r\n /**\r\n * Indicate if the object is sitting on a cache dedicated to it\r\n * or is part of a larger cache for many object ( a group for example)\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n ownCaching?: boolean;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * @static\r\n * @memberOf fabric.Object\r\n * @type Number\r\n */\r\n static __uid = 0;\r\n\r\n callSuper?: TCallSuper;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Partial>) {\r\n super();\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options?: Partial>) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Create a the canvas used to keep the cached copy of the object\r\n * @private\r\n */\r\n _createCacheCanvas() {\r\n this._cacheCanvas = createCanvasElement();\r\n this._cacheContext = this._cacheCanvas.getContext('2d');\r\n this._updateCacheCanvas();\r\n // if canvas gets created, is empty, so dirty.\r\n this.dirty = true;\r\n }\r\n\r\n /**\r\n * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal\r\n * and each side do not cross fabric.cacheSideLimit\r\n * those numbers are configurable so that you can get as much detail as you want\r\n * making bargain with performances.\r\n * @param {Object} dims\r\n * @param {Object} dims.width width of canvas\r\n * @param {Object} dims.height height of canvas\r\n * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _limitCacheSize(\r\n dims: TSize & { zoomX: number; zoomY: number; capped: boolean } & any\r\n ) {\r\n const width = dims.width,\r\n height = dims.height,\r\n max = config.maxCacheSideLimit,\r\n min = config.minCacheSideLimit;\r\n if (\r\n width <= max &&\r\n height <= max &&\r\n width * height <= config.perfLimitSizeTotal\r\n ) {\r\n if (width < min) {\r\n dims.width = min;\r\n }\r\n if (height < min) {\r\n dims.height = min;\r\n }\r\n return dims;\r\n }\r\n const ar = width / height,\r\n [limX, limY] = cache.limitDimsByArea(ar),\r\n x = capValue(min, limX, max),\r\n y = capValue(min, limY, max);\r\n if (width > x) {\r\n dims.zoomX /= width / x;\r\n dims.width = x;\r\n dims.capped = true;\r\n }\r\n if (height > y) {\r\n dims.zoomY /= height / y;\r\n dims.height = y;\r\n dims.capped = true;\r\n }\r\n return dims;\r\n }\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @return {Object}.x width of object to be cached\r\n * @return {Object}.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions() {\r\n const objectScale = this.getTotalObjectScaling(),\r\n // calculate dimensions without skewing\r\n dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }),\r\n neededX = (dim.x * objectScale.x) / this.scaleX,\r\n neededY = (dim.y * objectScale.y) / this.scaleY;\r\n return {\r\n // for sure this ALIASING_LIMIT is slightly creating problem\r\n // in situation in which the cache canvas gets an upper limit\r\n // also objectScale contains already scaleX and scaleY\r\n width: neededX + ALIASING_LIMIT,\r\n height: neededY + ALIASING_LIMIT,\r\n zoomX: objectScale.x,\r\n zoomY: objectScale.y,\r\n x: neededX,\r\n y: neededY,\r\n };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const target = targetCanvas._currentTransform.target,\r\n action = targetCanvas._currentTransform.action;\r\n if (this === target && action.slice && action.slice(0, 5) === 'scale') {\r\n return false;\r\n }\r\n }\r\n const canvas = this._cacheCanvas,\r\n context = this._cacheContext,\r\n dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n minCacheSize = config.minCacheSideLimit,\r\n width = dims.width,\r\n height = dims.height,\r\n zoomX = dims.zoomX,\r\n zoomY = dims.zoomY,\r\n dimensionsChanged =\r\n width !== this.cacheWidth || height !== this.cacheHeight,\r\n zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY;\r\n\r\n if (!canvas || !context) {\r\n return false;\r\n }\r\n\r\n let drawingWidth,\r\n drawingHeight,\r\n shouldRedraw = dimensionsChanged || zoomChanged,\r\n additionalWidth = 0,\r\n additionalHeight = 0,\r\n shouldResizeCanvas = false;\r\n\r\n if (dimensionsChanged) {\r\n const canvasWidth = (this._cacheCanvas as HTMLCanvasElement).width,\r\n canvasHeight = (this._cacheCanvas as HTMLCanvasElement).height,\r\n sizeGrowing = width > canvasWidth || height > canvasHeight,\r\n sizeShrinking =\r\n (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) &&\r\n canvasWidth > minCacheSize &&\r\n canvasHeight > minCacheSize;\r\n shouldResizeCanvas = sizeGrowing || sizeShrinking;\r\n if (\r\n sizeGrowing &&\r\n !dims.capped &&\r\n (width > minCacheSize || height > minCacheSize)\r\n ) {\r\n additionalWidth = width * 0.1;\r\n additionalHeight = height * 0.1;\r\n }\r\n }\r\n if (this instanceof fabric.Text && this.path) {\r\n shouldRedraw = true;\r\n shouldResizeCanvas = true;\r\n // IMHO in those lines we are using zoomX and zoomY not the this version.\r\n additionalWidth += this.getHeightOfLine(0) * this.zoomX;\r\n additionalHeight += this.getHeightOfLine(0) * this.zoomY;\r\n }\r\n if (shouldRedraw) {\r\n if (shouldResizeCanvas) {\r\n canvas.width = Math.ceil(width + additionalWidth);\r\n canvas.height = Math.ceil(height + additionalHeight);\r\n } else {\r\n context.setTransform(1, 0, 0, 1, 0, 0);\r\n context.clearRect(0, 0, canvas.width, canvas.height);\r\n }\r\n drawingWidth = dims.x / 2;\r\n drawingHeight = dims.y / 2;\r\n this.cacheTranslationX =\r\n Math.round(canvas.width / 2 - drawingWidth) + drawingWidth;\r\n this.cacheTranslationY =\r\n Math.round(canvas.height / 2 - drawingHeight) + drawingHeight;\r\n this.cacheWidth = width;\r\n this.cacheHeight = height;\r\n context.translate(this.cacheTranslationX, this.cacheTranslationY);\r\n context.scale(zoomX, zoomY);\r\n this.zoomX = zoomX;\r\n this.zoomY = zoomY;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions(options: Record = {}) {\r\n this._setOptions(options);\r\n }\r\n\r\n /**\r\n * Transforms context when rendering an object\r\n * @param {CanvasRenderingContext2D} ctx Context\r\n */\r\n transform(ctx: CanvasRenderingContext2D) {\r\n const needFullTransform =\r\n (this.group && !this.group._transformDone) ||\r\n (this.group && this.canvas && ctx === this.canvas.contextTop);\r\n const m = this.calcTransformMatrix(!needFullTransform);\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n\r\n /**\r\n * Returns an object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]): Record {\r\n const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n clipPathData =\r\n this.clipPath && !this.clipPath.excludeFromExport\r\n ? {\r\n ...this.clipPath.toObject(propertiesToInclude),\r\n inverted: this.clipPath.inverted,\r\n absolutePositioned: this.clipPath.absolutePositioned,\r\n }\r\n : null,\r\n object = {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n version: VERSION,\r\n originX: this.originX,\r\n originY: this.originY,\r\n left: toFixed(this.left, NUM_FRACTION_DIGITS),\r\n top: toFixed(this.top, NUM_FRACTION_DIGITS),\r\n width: toFixed(this.width, NUM_FRACTION_DIGITS),\r\n height: toFixed(this.height, NUM_FRACTION_DIGITS),\r\n fill:\r\n this.fill && this.fill.toObject ? this.fill.toObject() : this.fill,\r\n stroke:\r\n this.stroke && this.stroke.toObject\r\n ? this.stroke.toObject()\r\n : this.stroke,\r\n strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS),\r\n strokeDashArray: this.strokeDashArray\r\n ? this.strokeDashArray.concat()\r\n : this.strokeDashArray,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeDashOffset: this.strokeDashOffset,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeUniform: this.strokeUniform,\r\n strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS),\r\n scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS),\r\n scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS),\r\n angle: toFixed(this.angle, NUM_FRACTION_DIGITS),\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS),\r\n shadow:\r\n this.shadow && this.shadow.toObject\r\n ? this.shadow.toObject()\r\n : this.shadow,\r\n visible: this.visible,\r\n backgroundColor: this.backgroundColor,\r\n fillRule: this.fillRule,\r\n paintFirst: this.paintFirst,\r\n globalCompositeOperation: this.globalCompositeOperation,\r\n skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS),\r\n skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n\r\n return !this.includeDefaultValues\r\n ? this._removeDefaultValues(object)\r\n : object;\r\n }\r\n\r\n /**\r\n * Returns (dataless) object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toDatalessObject(propertiesToInclude: (keyof this)[]) {\r\n // will be overwritten by subclasses\r\n return this.toObject(propertiesToInclude);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Object} object\r\n */\r\n _removeDefaultValues(object: Record) {\r\n const prototype = fabric.util.getKlass(object.type).prototype;\r\n Object.keys(object).forEach(function (prop) {\r\n if (prop === 'left' || prop === 'top' || prop === 'type') {\r\n return;\r\n }\r\n if (object[prop] === prototype[prop]) {\r\n delete object[prop];\r\n }\r\n // basically a check for [] === []\r\n if (\r\n Array.isArray(object[prop]) &&\r\n Array.isArray(prototype[prop]) &&\r\n object[prop].length === 0 &&\r\n prototype[prop].length === 0\r\n ) {\r\n delete object[prop];\r\n }\r\n });\r\n\r\n return object;\r\n }\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String}\r\n */\r\n toString() {\r\n return '#';\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling\r\n * @return {Point}\r\n */\r\n getObjectScaling() {\r\n // if the object is a top level one, on the canvas, we go for simple aritmetic\r\n // otherwise the complex method with angles will return approximations and decimals\r\n // and will likely kill the cache when not needed\r\n // https://github.com/fabricjs/fabric.js/issues/7157\r\n if (!this.group) {\r\n return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY));\r\n }\r\n // if we are inside a group total zoom calculation is complex, we defer to generic matrices\r\n const options = qrDecompose(this.calcTransformMatrix());\r\n return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY));\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling, zoom and retina\r\n * @return {Object} object with scaleX and scaleY properties\r\n */\r\n getTotalObjectScaling() {\r\n const scale = this.getObjectScaling();\r\n if (this.canvas) {\r\n const zoom = this.canvas.getZoom();\r\n const retina = this.canvas.getRetinaScaling();\r\n return scale.scalarMultiply(zoom * retina);\r\n }\r\n return scale;\r\n }\r\n\r\n /**\r\n * Return the object opacity counting also the group property\r\n * @return {Number}\r\n */\r\n getObjectOpacity() {\r\n let opacity = this.opacity;\r\n if (this.group) {\r\n opacity *= this.group.getObjectOpacity();\r\n }\r\n return opacity;\r\n }\r\n\r\n /**\r\n * Makes sure the scale is valid and modifies it if necessary\r\n * @todo: this is a control action issue, not a geometry one\r\n * @private\r\n * @param {Number} value, unconstrained\r\n * @return {Number} constrained value;\r\n */\r\n _constrainScale(value: number): number {\r\n if (Math.abs(value) < this.minScaleLimit) {\r\n if (value < 0) {\r\n return -this.minScaleLimit;\r\n } else {\r\n return this.minScaleLimit;\r\n }\r\n } else if (value === 0) {\r\n return 0.0001;\r\n }\r\n return value;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {fabric.Object} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n const shouldConstrainValue = key === 'scaleX' || key === 'scaleY',\r\n isChanged = this[key] !== value;\r\n\r\n if (shouldConstrainValue) {\r\n value = this._constrainScale(value);\r\n }\r\n if (key === 'scaleX' && value < 0) {\r\n this.flipX = !this.flipX;\r\n value *= -1;\r\n } else if (key === 'scaleY' && value < 0) {\r\n this.flipY = !this.flipY;\r\n value *= -1;\r\n } else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) {\r\n value = new fabric.Shadow(value);\r\n } else if (key === 'dirty' && this.group) {\r\n this.group.set('dirty', value);\r\n }\r\n\r\n this[key] = value;\r\n\r\n if (isChanged) {\r\n const groupNeedsUpdate = this.group && this.group.isOnACache();\r\n if (this.cacheProperties.indexOf(key) > -1) {\r\n this.dirty = true;\r\n groupNeedsUpdate && this.group.set('dirty', true);\r\n } else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) {\r\n this.group.set('dirty', true);\r\n }\r\n }\r\n return this;\r\n }\r\n\r\n /*\r\n * @private\r\n * return if the object would be visible in rendering\r\n * @memberOf FabricObject.prototype\r\n * @return {Boolean}\r\n */\r\n isNotVisible() {\r\n return (\r\n this.opacity === 0 ||\r\n (!this.width && !this.height && this.strokeWidth === 0) ||\r\n !this.visible\r\n );\r\n }\r\n\r\n /**\r\n * Renders an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n // do not render if width/height are zeros or object is not visible\r\n if (this.isNotVisible()) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n this._setupCompositeOperation(ctx);\r\n this.drawSelectionBackground(ctx);\r\n this.transform(ctx);\r\n this._setOpacity(ctx);\r\n this._setShadow(ctx);\r\n if (this.shouldCache()) {\r\n this.renderCache();\r\n this.drawCacheOnCanvas(ctx);\r\n } else {\r\n this._removeCacheCanvas();\r\n this.dirty = false;\r\n this.drawObject(ctx);\r\n if (this.objectCaching && this.statefullCache) {\r\n this.saveState({ propertySet: 'cacheProperties' });\r\n }\r\n }\r\n ctx.restore();\r\n }\r\n\r\n renderCache(options?: any) {\r\n options = options || {};\r\n if (!this._cacheCanvas || !this._cacheContext) {\r\n this._createCacheCanvas();\r\n }\r\n if (this.isCacheDirty() && this._cacheContext) {\r\n this.statefullCache && this.saveState({ propertySet: 'cacheProperties' });\r\n this.drawObject(this._cacheContext, options.forClipping);\r\n this.dirty = false;\r\n }\r\n }\r\n\r\n /**\r\n * Remove cacheCanvas and its dimensions from the objects\r\n */\r\n _removeCacheCanvas() {\r\n this._cacheCanvas = undefined;\r\n this._cacheContext = null;\r\n this.cacheWidth = 0;\r\n this.cacheHeight = 0;\r\n }\r\n\r\n /**\r\n * return true if the object will draw a stroke\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when stroke happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the stroke is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasStroke() {\r\n return (\r\n this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0\r\n );\r\n }\r\n\r\n /**\r\n * return true if the object will draw a fill\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when fill happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the fill is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasFill() {\r\n return this.fill && this.fill !== 'transparent';\r\n }\r\n\r\n /**\r\n * When set to `true`, force the object to have its own cache, even if it is inside a group\r\n * it may be needed when your object behave in a particular way on the cache and always needs\r\n * its own isolated canvas to render correctly.\r\n * Created to be overridden\r\n * since 1.7.12\r\n * @returns Boolean\r\n */\r\n needsItsOwnCache() {\r\n if (\r\n this.paintFirst === 'stroke' &&\r\n this.hasFill() &&\r\n this.hasStroke() &&\r\n typeof this.shadow === 'object'\r\n ) {\r\n return true;\r\n }\r\n if (this.clipPath) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * Read as: cache if is needed, or if the feature is enabled but we are not already caching.\r\n * @return {Boolean}\r\n */\r\n shouldCache() {\r\n this.ownCaching =\r\n this.needsItsOwnCache() ||\r\n (this.objectCaching && (!this.group || !this.group.isOnACache()));\r\n return this.ownCaching;\r\n }\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * used by Group.shouldCache to know if child has a shadow recursively\r\n * @return {Boolean}\r\n * @deprecated\r\n */\r\n willDrawShadow() {\r\n return (\r\n !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)\r\n );\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object clipPath\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Object} clipPath\r\n * todo while converting things, we need a type that is a union of classes that\r\n * represent the fabricObjects. Rect, Circle...\r\n */\r\n drawClipPathOnCache(ctx: CanvasRenderingContext2D, clipPath: FabricObject) {\r\n ctx.save();\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4\r\n if (clipPath.inverted) {\r\n ctx.globalCompositeOperation = 'destination-out';\r\n } else {\r\n ctx.globalCompositeOperation = 'destination-in';\r\n }\r\n //ctx.scale(1 / 2, 1 / 2);\r\n if (clipPath.absolutePositioned) {\r\n const m = fabric.util.invertTransform(this.calcTransformMatrix());\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n clipPath.transform(ctx);\r\n ctx.scale(1 / clipPath.zoomX!, 1 / clipPath.zoomY!);\r\n ctx.drawImage(\r\n clipPath._cacheCanvas!,\r\n -clipPath.cacheTranslationX!,\r\n -clipPath.cacheTranslationY!\r\n );\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {boolean} forClipping apply clipping styles\r\n */\r\n drawObject(ctx: CanvasRenderingContext2D, forClipping?: boolean) {\r\n const originalFill = this.fill,\r\n originalStroke = this.stroke;\r\n if (forClipping) {\r\n this.fill = 'black';\r\n this.stroke = '';\r\n this._setClippingProperties(ctx);\r\n } else {\r\n this._renderBackground(ctx);\r\n }\r\n this._render(ctx);\r\n this._drawClipPath(ctx, this.clipPath);\r\n this.fill = originalFill;\r\n this.stroke = originalStroke;\r\n }\r\n\r\n /**\r\n * Prepare clipPath state and cache and draw it on instance's cache\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {fabric.Object} clipPath\r\n */\r\n _drawClipPath(ctx, clipPath) {\r\n if (!clipPath) {\r\n return;\r\n }\r\n // needed to setup a couple of variables\r\n // path canvas gets overridden with this one.\r\n // TODO find a better solution?\r\n clipPath._set('canvas', this.canvas);\r\n clipPath.shouldCache();\r\n clipPath._transformDone = true;\r\n clipPath.renderCache({ forClipping: true });\r\n this.drawClipPathOnCache(ctx, clipPath);\r\n }\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas(ctx) {\r\n ctx.scale(1 / this.zoomX, 1 / this.zoomY);\r\n ctx.drawImage(\r\n this._cacheCanvas,\r\n -this.cacheTranslationX,\r\n -this.cacheTranslationY\r\n );\r\n }\r\n\r\n /**\r\n * Check if cache is dirty\r\n * @param {Boolean} skipCanvas skip canvas checks because this object is painted\r\n * on parent canvas.\r\n */\r\n isCacheDirty(skipCanvas = false) {\r\n if (this.isNotVisible()) {\r\n return false;\r\n }\r\n if (\r\n this._cacheCanvas &&\r\n this._cacheContext &&\r\n !skipCanvas &&\r\n this._updateCacheCanvas()\r\n ) {\r\n // in this case the context is already cleared.\r\n return true;\r\n } else {\r\n if (\r\n this.dirty ||\r\n (this.clipPath && this.clipPath.absolutePositioned) ||\r\n (this.statefullCache && this.hasStateChanged('cacheProperties'))\r\n ) {\r\n if (this._cacheCanvas && this._cacheContext && !skipCanvas) {\r\n const width = this.cacheWidth / this.zoomX;\r\n const height = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-width / 2, -height / 2, width, height);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Draws a background for the object big as its untransformed dimensions\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground(ctx) {\r\n if (!this.backgroundColor) {\r\n return;\r\n }\r\n const dim = this._getNonTransformedDimensions();\r\n ctx.fillStyle = this.backgroundColor;\r\n\r\n ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y);\r\n // if there is background color no other shadows\r\n // should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setOpacity(ctx) {\r\n if (this.group && !this.group._transformDone) {\r\n ctx.globalAlpha = this.getObjectOpacity();\r\n } else {\r\n ctx.globalAlpha *= this.opacity;\r\n }\r\n }\r\n\r\n _setStrokeStyles(ctx, decl) {\r\n const stroke = decl.stroke;\r\n if (stroke) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = decl.strokeLineCap;\r\n ctx.lineDashOffset = decl.strokeDashOffset;\r\n ctx.lineJoin = decl.strokeLineJoin;\r\n ctx.miterLimit = decl.strokeMiterLimit;\r\n if (stroke.toLive) {\r\n if (\r\n stroke.gradientUnits === 'percentage' ||\r\n stroke.gradientTransform ||\r\n stroke.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n this._applyPatternForTransformedGradient(ctx, stroke);\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx.strokeStyle = stroke.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, stroke);\r\n }\r\n } else {\r\n // is a color\r\n ctx.strokeStyle = decl.stroke;\r\n }\r\n }\r\n }\r\n\r\n _setFillStyles(ctx, decl) {\r\n const fill = decl.fill;\r\n if (fill) {\r\n if (fill.toLive) {\r\n ctx.fillStyle = fill.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, decl.fill);\r\n } else {\r\n ctx.fillStyle = fill;\r\n }\r\n }\r\n }\r\n\r\n _setClippingProperties(ctx) {\r\n ctx.globalAlpha = 1;\r\n ctx.strokeStyle = 'transparent';\r\n ctx.fillStyle = '#000000';\r\n }\r\n\r\n /**\r\n * @private\r\n * Sets line dash\r\n * @param {CanvasRenderingContext2D} ctx Context to set the dash line on\r\n * @param {Array} dashArray array representing dashes\r\n */\r\n _setLineDash(ctx, dashArray) {\r\n if (!dashArray || dashArray.length === 0) {\r\n return;\r\n }\r\n // Spec requires the concatenation of two copies the dash list when the number of elements is odd\r\n if (1 & dashArray.length) {\r\n dashArray.push.apply(dashArray, dashArray);\r\n }\r\n ctx.setLineDash(dashArray);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setShadow(ctx: CanvasRenderingContext2D) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n let shadow = this.shadow,\r\n canvas = this.canvas,\r\n multX = (canvas && canvas.viewportTransform[0]) || 1,\r\n multY = (canvas && canvas.viewportTransform[3]) || 1,\r\n scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling();\r\n if (canvas && canvas._isRetinaScaling()) {\r\n multX *= config.devicePixelRatio;\r\n multY *= config.devicePixelRatio;\r\n }\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur =\r\n (shadow.blur *\r\n config.browserShadowBlurConstant *\r\n (multX + multY) *\r\n (scaling.x + scaling.y)) /\r\n 4;\r\n ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x;\r\n ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _removeShadow(ctx) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} filler fabric.Pattern or fabric.Gradient\r\n * @return {Object} offset.offsetX offset for text rendering\r\n * @return {Object} offset.offsetY offset for text rendering\r\n */\r\n _applyPatternGradientTransform(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n if (!filler || !filler.toLive) {\r\n return { offsetX: 0, offsetY: 0 };\r\n }\r\n const t = filler.gradientTransform || filler.patternTransform;\r\n const offsetX = -this.width / 2 + filler.offsetX || 0,\r\n offsetY = -this.height / 2 + filler.offsetY || 0;\r\n\r\n if (filler.gradientUnits === 'percentage') {\r\n ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY);\r\n } else {\r\n ctx.transform(1, 0, 0, 1, offsetX, offsetY);\r\n }\r\n if (t) {\r\n ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]);\r\n }\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderPaintInOrder(ctx: CanvasRenderingContext2D) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderStroke(ctx);\r\n this._renderFill(ctx);\r\n } else {\r\n this._renderFill(ctx);\r\n this._renderStroke(ctx);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * function that actually render something on the context.\r\n * empty here to allow Obects to work on tests to benchmark fabric functionalites\r\n * not related to rendering\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n // placeholder to be overridden\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderFill(ctx: CanvasRenderingContext2D) {\r\n if (!this.fill) {\r\n return;\r\n }\r\n\r\n ctx.save();\r\n this._setFillStyles(ctx, this);\r\n if (this.fillRule === 'evenodd') {\r\n ctx.fill('evenodd');\r\n } else {\r\n ctx.fill();\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderStroke(ctx: CanvasRenderingContext2D) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n if (this.strokeUniform) {\r\n const scaling = this.getObjectScaling();\r\n ctx.scale(1 / scaling.x, 1 / scaling.y);\r\n }\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n this._setStrokeStyles(ctx, this);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n */\r\n _applyPatternForTransformedGradient(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n const dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n pCanvas = fabric.util.createCanvasElement(),\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n width = dims.x / this.scaleX / retinaScaling,\r\n height = dims.y / this.scaleY / retinaScaling;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n const pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.scale(\r\n dims.zoomX / this.scaleX / retinaScaling,\r\n dims.zoomY / this.scaleY / retinaScaling\r\n );\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fillStyle = filler.toLive(ctx);\r\n pCtx.fill();\r\n ctx.translate(\r\n -this.width / 2 - this.strokeWidth / 2,\r\n -this.height / 2 - this.strokeWidth / 2\r\n );\r\n ctx.scale(\r\n (retinaScaling * this.scaleX) / dims.zoomX,\r\n (retinaScaling * this.scaleY) / dims.zoomY\r\n );\r\n ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat');\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement() {\r\n return { x: this.left + this.width / 2, y: this.top + this.height / 2 };\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it decompose the transformMatrix\r\n * and assign properties to object.\r\n * untransformed coordinates\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n */\r\n _assignTransformMatrixProps() {\r\n if (this.transformMatrix) {\r\n const options = qrDecompose(this.transformMatrix);\r\n this.flipX = false;\r\n this.flipY = false;\r\n this.set('scaleX', options.scaleX);\r\n this.set('scaleY', options.scaleY);\r\n this.angle = options.angle;\r\n this.skewX = options.skewX;\r\n this.skewY = 0;\r\n }\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it removes the transform matrix\r\n * and set to object properties that fabricjs can handle\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n * @param {Object} preserveAspectRatioOptions\r\n */\r\n _removeTransformMatrix(preserveAspectRatioOptions) {\r\n let center = this._findCenterFromElement();\r\n if (this.transformMatrix) {\r\n this._assignTransformMatrixProps();\r\n center = transformPoint(center, this.transformMatrix);\r\n }\r\n this.transformMatrix = null;\r\n if (preserveAspectRatioOptions) {\r\n this.scaleX *= preserveAspectRatioOptions.scaleX;\r\n this.scaleY *= preserveAspectRatioOptions.scaleY;\r\n this.cropX = preserveAspectRatioOptions.cropX;\r\n this.cropY = preserveAspectRatioOptions.cropY;\r\n center.x += preserveAspectRatioOptions.offsetLeft;\r\n center.y += preserveAspectRatioOptions.offsetTop;\r\n this.width = preserveAspectRatioOptions.width;\r\n this.height = preserveAspectRatioOptions.height;\r\n }\r\n this.setPositionByOrigin(center, 'center', 'center');\r\n }\r\n\r\n /**\r\n * Clones an instance.\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {Promise}\r\n */\r\n clone(propertiesToInclude: (keyof this)[]) {\r\n const objectForm = this.toObject(propertiesToInclude);\r\n // todo ok understand this. is static or it isn't?\r\n return this.constructor.fromObject(objectForm);\r\n }\r\n\r\n /**\r\n * Creates an instance of fabric.Image out of an object\r\n * makes use of toCanvasElement.\r\n * Once this method was based on toDataUrl and loadImage, so it also had a quality\r\n * and format option. toCanvasElement is faster and produce no loss of quality.\r\n * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it.\r\n * toCanvasElement and then toBlob from the obtained canvas is also a good option.\r\n * @param {Object} [options] for clone as image, passed to toDataURL\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {fabric.Image} Object cloned as image.\r\n */\r\n cloneAsImage(options: any) {\r\n const canvasEl = this.toCanvasElement(options);\r\n return new fabric.Image(canvasEl);\r\n }\r\n\r\n /**\r\n * Converts an object into a HTMLCanvas element\r\n * @param {Object} options Options object\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object\r\n */\r\n toCanvasElement(options: any) {\r\n options || (options = {});\r\n\r\n const utils = fabric.util,\r\n origParams = utils.saveObjectTransform(this),\r\n originalGroup = this.group,\r\n originalShadow = this.shadow,\r\n abs = Math.abs,\r\n retinaScaling = options.enableRetinaScaling\r\n ? Math.max(config.devicePixelRatio, 1)\r\n : 1,\r\n multiplier = (options.multiplier || 1) * retinaScaling;\r\n delete this.group;\r\n if (options.withoutTransform) {\r\n utils.resetObjectTransform(this);\r\n }\r\n if (options.withoutShadow) {\r\n this.shadow = null;\r\n }\r\n\r\n let el = fabric.util.createCanvasElement(),\r\n // skip canvas zoom and calculate with setCoords now.\r\n boundingRect = this.getBoundingRect(true, true),\r\n shadow = this.shadow,\r\n shadowOffset = { x: 0, y: 0 },\r\n width,\r\n height;\r\n\r\n if (shadow) {\r\n const shadowBlur = shadow.blur;\r\n const scaling = shadow.nonScaling\r\n ? new Point(1, 1)\r\n : this.getObjectScaling();\r\n // consider non scaling shadow.\r\n shadowOffset.x =\r\n 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x);\r\n shadowOffset.y =\r\n 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y);\r\n }\r\n width = boundingRect.width + shadowOffset.x;\r\n height = boundingRect.height + shadowOffset.y;\r\n // if the current width/height is not an integer\r\n // we need to make it so.\r\n el.width = Math.ceil(width);\r\n el.height = Math.ceil(height);\r\n let canvas = new fabric.StaticCanvas(el, {\r\n enableRetinaScaling: false,\r\n renderOnAddRemove: false,\r\n skipOffscreen: false,\r\n });\r\n if (options.format === 'jpeg') {\r\n canvas.backgroundColor = '#fff';\r\n }\r\n this.setPositionByOrigin(\r\n new Point(canvas.width / 2, canvas.height / 2),\r\n 'center',\r\n 'center'\r\n );\r\n const originalCanvas = this.canvas;\r\n canvas._objects = [this];\r\n this.set('canvas', canvas);\r\n this.setCoords();\r\n const canvasEl = canvas.toCanvasElement(multiplier || 1, options);\r\n this.set('canvas', originalCanvas);\r\n this.shadow = originalShadow;\r\n if (originalGroup) {\r\n this.group = originalGroup;\r\n }\r\n this.set(origParams);\r\n this.setCoords();\r\n // canvas.dispose will call image.dispose that will nullify the elements\r\n // since this canvas is a simple element for the process, we remove references\r\n // to objects in this way in order to avoid object trashing.\r\n canvas._objects = [];\r\n // since render has settled it is safe to destroy canvas\r\n canvas.destroy();\r\n canvas = null;\r\n\r\n return canvasEl;\r\n }\r\n\r\n /**\r\n * Converts an object into a data-url-like string\r\n * @param {Object} options Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n */\r\n toDataURL(options: any = {}) {\r\n return fabric.util.toDataURL(\r\n this.toCanvasElement(options),\r\n options.format || 'png',\r\n options.quality || 1\r\n );\r\n }\r\n\r\n /**\r\n * Returns true if specified type is identical to the type of an instance\r\n * @param {String} type Type to check against\r\n * @return {Boolean}\r\n */\r\n isType(...types: string[]) {\r\n return types.includes(this.type);\r\n }\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance (is 1 unless subclassed)\r\n */\r\n complexity() {\r\n return 1;\r\n }\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON() {\r\n // delegate, not alias\r\n return this.toObject();\r\n }\r\n\r\n /**\r\n * Sets \"angle\" of an instance with centered rotation\r\n * @param {Number} angle Angle value (in degrees)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n rotate(angle: TDegree) {\r\n const shouldCenterOrigin =\r\n (this.originX !== 'center' || this.originY !== 'center') &&\r\n this.centeredRotation;\r\n\r\n if (shouldCenterOrigin) {\r\n this._setOriginToCenter();\r\n }\r\n\r\n this.set('angle', angle);\r\n\r\n if (shouldCenterOrigin) {\r\n this._resetOrigin();\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerH() {\r\n this.canvas && this.canvas.centerObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterH() {\r\n this.canvas && this.canvas.viewportCenterObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerV() {\r\n this.canvas && this.canvas.centerObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterV() {\r\n this.canvas && this.canvas.viewportCenterObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically and horizontally on canvas to which is was added last\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n center() {\r\n this.canvas && this.canvas.centerObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenter() {\r\n this.canvas && this.canvas.viewportCenterObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * This callback function is called by the parent group of an object every\r\n * time a non-delegated property changes on the group. It is passed the key\r\n * and value as parameters. Not adding in this function's signature to avoid\r\n * Travis build error about unused variables.\r\n */\r\n setOnGroup() {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Sets canvas globalCompositeOperation for specific object\r\n * custom composition operation for the particular object can be specified using globalCompositeOperation property\r\n * @param {CanvasRenderingContext2D} ctx Rendering canvas context\r\n */\r\n _setupCompositeOperation(ctx: CanvasRenderingContext2D) {\r\n if (this.globalCompositeOperation) {\r\n ctx.globalCompositeOperation = this.globalCompositeOperation;\r\n }\r\n }\r\n\r\n /**\r\n * cancel instance's running animations\r\n * override if necessary to dispose artifacts such as `clipPath`\r\n */\r\n dispose() {\r\n // todo verify this.\r\n // runningAnimations is always truthy\r\n if (runningAnimations) {\r\n runningAnimations.cancelByTarget(this);\r\n }\r\n }\r\n\r\n /**\r\n *\r\n * @param {Function} klass\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {string} [options.extraParam] property to pass as first argument to the constructor\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static _fromObject(klass, object, { extraParam, ...options } = {}) {\r\n return enlivenObjectEnlivables(clone(object, true), options).then(\r\n (enlivedMap) => {\r\n // from the resulting enlived options, extract options.extraParam to arg0\r\n // to avoid accidental overrides later\r\n const { [extraParam]: arg0, ...rest } = { ...options, ...enlivedMap };\r\n return extraParam ? new klass(arg0, rest) : new klass(rest);\r\n }\r\n );\r\n }\r\n\r\n /**\r\n *\r\n * @static\r\n * @memberOf fabric.Object\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static fromObject(object, options) {\r\n return FabricObject._fromObject(FabricObject, object, options);\r\n }\r\n}\r\n\r\nexport const fabricObjectDefaultValues: TClassProperties = {\r\n type: 'object',\r\n originX: 'left',\r\n originY: 'top',\r\n top: 0,\r\n left: 0,\r\n width: 0,\r\n height: 0,\r\n scaleX: 1,\r\n scaleY: 1,\r\n flipX: false,\r\n flipY: false,\r\n opacity: 1,\r\n angle: 0,\r\n skewX: 0,\r\n skewY: 0,\r\n cornerSize: 13,\r\n touchCornerSize: 24,\r\n transparentCorners: true,\r\n hoverCursor: null,\r\n moveCursor: null,\r\n padding: 0,\r\n borderColor: 'rgb(178,204,255)',\r\n borderDashArray: null,\r\n cornerColor: 'rgb(178,204,255)',\r\n cornerStrokeColor: '',\r\n cornerStyle: 'rect',\r\n cornerDashArray: null,\r\n centeredScaling: false,\r\n centeredRotation: true,\r\n fill: 'rgb(0,0,0)',\r\n fillRule: 'nonzero',\r\n globalCompositeOperation: 'source-over',\r\n backgroundColor: '',\r\n selectionBackgroundColor: '',\r\n stroke: null,\r\n strokeWidth: 1,\r\n strokeDashArray: null,\r\n strokeDashOffset: 0,\r\n strokeLineCap: 'butt',\r\n strokeLineJoin: 'miter',\r\n strokeMiterLimit: 4,\r\n shadow: null,\r\n borderOpacityWhenMoving: 0.4,\r\n borderScaleFactor: 1,\r\n minScaleLimit: 0,\r\n selectable: true,\r\n evented: true,\r\n visible: true,\r\n hasControls: true,\r\n hasBorders: true,\r\n perPixelTargetFind: false,\r\n includeDefaultValues: true,\r\n lockMovementX: false,\r\n lockMovementY: false,\r\n lockRotation: false,\r\n lockScalingX: false,\r\n lockScalingY: false,\r\n lockSkewingX: false,\r\n lockSkewingY: false,\r\n lockScalingFlip: false,\r\n excludeFromExport: false,\r\n objectCaching: !fabric.isLikelyNode,\r\n statefullCache: false,\r\n noScaleCache: true,\r\n strokeUniform: false,\r\n dirty: true,\r\n __corner: 0,\r\n paintFirst: 'fill',\r\n activeOn: 'down',\r\n stateProperties: (\r\n 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' +\r\n 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' +\r\n 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' +\r\n 'skewX skewY fillRule paintFirst clipPath strokeUniform'\r\n ).split(' '),\r\n cacheProperties: (\r\n 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' +\r\n ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath'\r\n ).split(' '),\r\n colorProperties: 'fill stroke backgroundColor'.split(' '),\r\n clipPath: undefined,\r\n inverted: false,\r\n absolutePositioned: false,\r\n controls: {},\r\n};\r\n\r\nObject.assign(FabricObject.prototype, fabricObjectDefaultValues);\r\n","import { IPoint, Point } from '../point.class';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n TQrDecomposeOut,\r\n} from '../util/misc/matrix';\r\nimport { ObjectGeometry } from './object_geometry.mixin';\r\nimport type { Control } from '../controls/control.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\ntype TOCoord = IPoint & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\ntype TControlSet = Record;\r\n\r\nexport class InteractiveFabricObject extends FabricObject {\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * properties are depending on control keys and padding the main controls.\r\n * each property is an object with x, y and corner.\r\n * The `corner` property contains in a similar manner the 4 points of the\r\n * interactive area of the corner.\r\n * The coordinates depends from the controls positionHandler and are used\r\n * to draw and locate controls\r\n * @memberOf fabric.Object.prototype\r\n */\r\n oCoords: Record = {};\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type number|string|any\r\n * @default 0\r\n */\r\n __corner: number | string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to do not brea the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n _controlsVisibility: Record;\r\n\r\n /**\r\n * The angle that an object will lock to while rotating.\r\n * @type [TDegree]\r\n */\r\n snapAngle?: TDegree;\r\n\r\n /**\r\n * The angle difference from the current snapped angle in which snapping should occur.\r\n * When undefined, the snapThreshold will default to the snapAngle.\r\n * @type [TDegree]\r\n */\r\n snapThreshold?: TDegree;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the drag action.\r\n */\r\n isMoving?: boolean;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options: Record) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Determines which corner has been clicked\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found\r\n */\r\n _findTargetCorner(pointer: Point, forTouch: boolean): false | string {\r\n if (\r\n !this.hasControls ||\r\n !this.canvas ||\r\n this.canvas._activeObject !== this\r\n ) {\r\n return false;\r\n }\r\n\r\n this.__corner = 0;\r\n // had to keep the reverse loop because was breaking tests\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [cornerKey, corner] = cornerEntries[i];\r\n if (!this.isControlVisible(cornerKey)) {\r\n continue;\r\n }\r\n const lines = this._getImageLines(\r\n forTouch ? corner.touchCorner : corner.corner\r\n );\r\n const xPoints = this._findCrossPoints(pointer, lines);\r\n if (xPoints !== 0 && xPoints % 2 === 1) {\r\n this.__corner = cornerKey;\r\n return cornerKey;\r\n }\r\n // // debugging\r\n //\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record}\r\n */\r\n calcOCoords(): Record {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n rMatrix = calcRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined,\r\n dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record = {};\r\n\r\n this.forEachControl(\r\n (control: any, key: string, fabricObject: InteractiveFabricObject) => {\r\n coords[key] = control.positionHandler(dim, finalMatrix, fabricObject);\r\n }\r\n );\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * oCoords are used to find the corners\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n if (this.callSuper) {\r\n ObjectGeometry.prototype.setCoords.call(this);\r\n } else {\r\n super.setCoords();\r\n }\r\n // set coordinates of the draggable boxes in the corners used to scale/rotate the image\r\n this.oCoords = this.calcOCoords();\r\n this._setCornerCoords();\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: any,\r\n key: string,\r\n fabricObject: InteractiveFabricObject\r\n ) => any\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n _setCornerCoords(): void {\r\n Object.entries(this.oCoords).forEach(([controlKey, control]) => {\r\n const controlObject = this.controls[controlKey];\r\n control.corner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.cornerSize,\r\n control.x,\r\n control.y,\r\n false\r\n );\r\n control.touchCorner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.touchCornerSize,\r\n control.x,\r\n control.y,\r\n true\r\n );\r\n });\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && !this.canvas.interactive) ||\r\n (this.canvas && this.canvas._activeObject !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: Record = {}\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = 1 * this.borderScaleFactor;\r\n if (!this.group) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {Object} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: any\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(this.width, this.height, options),\r\n stroke = (\r\n this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth);\r\n size = bbox.add(stroke).scalarAdd(this.borderScaleFactor);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(fabricObject, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n drawControls(ctx: CanvasRenderingContext2D, styleOverride = {}) {\r\n ctx.save();\r\n const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1;\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.setCoords();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n if (control.getVisibility(fabricObject, key)) {\r\n const p = fabricObject.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, fabricObject);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible;\r\n * @param {Record} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility)\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursror text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually: boolean\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onDeselect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onSelect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * return true if the object currently dragged can be dropped on the target\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop(e?: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDragSourceEffect() {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDropTargetEffect(e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n","import { InteractiveFabricObject } from '../mixins/object_interactivity.mixin';\r\n\r\n// TODO somehow we have to make a tree-shakeable import\r\n\r\nexport { InteractiveFabricObject as FabricObject };\r\n\r\n(function (global) {\r\n const fabric = global.fabric;\r\n fabric.Object = InteractiveFabricObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\nimport {\r\n clipPaths,\r\n cssRules,\r\n gradientDefs,\r\n svgInvalidAncestorsRegEx,\r\n svgValidTagNamesRegEx,\r\n} from './constants';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { hasAncestorWithNodeName } from './hasAncestorWithNodeName';\r\nimport { parseElements } from './parseElements';\r\nimport { parseUseDirectives } from './parseUseDirectives';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @param {Function} callback Callback to call when parsing is finished;\r\n * It's being passed an array of elements (parsed from a document).\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [parsingOptions] options for parsing document\r\n * @param {String} [parsingOptions.crossOrigin] crossOrigin settings\r\n * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function parseSVGDocument(doc, callback, reviver, parsingOptions) {\r\n if (!doc) {\r\n return;\r\n }\r\n if (\r\n parsingOptions &&\r\n parsingOptions.signal &&\r\n parsingOptions.signal.aborted\r\n ) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n }\r\n parseUseDirectives(doc);\r\n\r\n let svgUid = FabricObject.__uid++,\r\n i,\r\n len,\r\n options = applyViewboxTransform(doc),\r\n descendants = Array.from(doc.getElementsByTagName('*'));\r\n options.crossOrigin = parsingOptions && parsingOptions.crossOrigin;\r\n options.svgUid = svgUid;\r\n options.signal = parsingOptions && parsingOptions.signal;\r\n\r\n if (descendants.length === 0 && isLikelyNode) {\r\n // we're likely in node, where \"o3-xml\" library fails to gEBTN(\"*\")\r\n // https://github.com/ajaxorg/node-o3-xml/issues/21\r\n descendants = doc.selectNodes('//*[name(.)!=\"svg\"]');\r\n const arr = [];\r\n for (i = 0, len = descendants.length; i < len; i++) {\r\n arr[i] = descendants[i];\r\n }\r\n descendants = arr;\r\n }\r\n\r\n const elements = descendants.filter(function (el) {\r\n applyViewboxTransform(el);\r\n return (\r\n svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) &&\r\n !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)\r\n ); // http://www.w3.org/TR/SVG/struct.html#DefsElement\r\n });\r\n if (!elements || (elements && !elements.length)) {\r\n callback && callback([], {});\r\n return;\r\n }\r\n const localClipPaths = {};\r\n descendants\r\n .filter(function (el) {\r\n return el.nodeName.replace('svg:', '') === 'clipPath';\r\n })\r\n .forEach(function (el) {\r\n const id = el.getAttribute('id');\r\n localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(\r\n function (el) {\r\n return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', ''));\r\n }\r\n );\r\n });\r\n gradientDefs[svgUid] = getGradientDefs(doc);\r\n cssRules[svgUid] = getCSSRules(doc);\r\n clipPaths[svgUid] = localClipPaths;\r\n // Precedence of rules: style > class > attribute\r\n parseElements(\r\n elements,\r\n function (instances, elements) {\r\n if (callback) {\r\n callback(instances, options, elements, descendants);\r\n delete gradientDefs[svgUid];\r\n delete cssRules[svgUid];\r\n delete clipPaths[svgUid];\r\n }\r\n },\r\n Object.assign({}, options),\r\n reviver,\r\n parsingOptions\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes string corresponding to an SVG document, and parses it into a set of fabric objects\r\n * @memberOf fabric\r\n * @param {String} string\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromString(string, callback, reviver, options) {\r\n const parser = new fabric.window.DOMParser(),\r\n doc = parser.parseFromString(string.trim(), 'text/xml');\r\n parseSVGDocument(\r\n doc.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { request } from '../util/dom_request';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes url corresponding to an SVG document, and parses it into a set of fabric objects.\r\n * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy)\r\n * @memberOf fabric\r\n * @param {String} url\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromURL(url, callback, reviver, options) {\r\n new request(url.replace(/^\\n\\s*/, '').trim(), {\r\n method: 'get',\r\n onComplete: onComplete,\r\n signal: options && options.signal,\r\n });\r\n\r\n function onComplete(r) {\r\n const xml = r.responseXML;\r\n if (!xml || !xml.documentElement) {\r\n callback && callback(null);\r\n return false;\r\n }\r\n\r\n parseSVGDocument(\r\n xml.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback && callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function selectorMatches(element, selector) {\r\n let nodeName = element.nodeName,\r\n classNames = element.getAttribute('class'),\r\n id = element.getAttribute('id'),\r\n matcher,\r\n i;\r\n // i check if a selector matches slicing away part from it.\r\n // if i get empty string i should match\r\n matcher = new RegExp('^' + nodeName, 'i');\r\n selector = selector.replace(matcher, '');\r\n if (id && selector.length) {\r\n matcher = new RegExp('#' + id + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n if (classNames && selector.length) {\r\n classNames = classNames.split(' ');\r\n for (i = classNames.length; i--; ) {\r\n matcher = new RegExp('\\\\.' + classNames[i] + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n }\r\n return selector.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { selectorMatches } from './selectorMatches';\r\n\r\nexport function doesSomeParentMatch(element, selectors) {\r\n let selector,\r\n parentMatching = true;\r\n while (\r\n element.parentNode &&\r\n element.parentNode.nodeType === 1 &&\r\n selectors.length\r\n ) {\r\n if (parentMatching) {\r\n selector = selectors.pop();\r\n }\r\n element = element.parentNode;\r\n parentMatching = selectorMatches(element, selector);\r\n }\r\n return selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { selectorMatches } from './selectorMatches';\r\nimport { doesSomeParentMatch } from './doesSomeParentMatch';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function elementMatchesRule(element, selectors) {\r\n let firstMatching,\r\n parentMatching = true;\r\n //start from rightmost selector.\r\n firstMatching = selectorMatches(element, selectors.pop());\r\n if (firstMatching && selectors.length) {\r\n parentMatching = doesSomeParentMatch(element, selectors);\r\n }\r\n return firstMatching && parentMatching && selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { cssRules } from './constants';\r\nimport { elementMatchesRule } from './elementMatchesRule';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function getGlobalStylesForElement(element, svgUid) {\r\n const styles = {};\r\n for (const rule in cssRules[svgUid]) {\r\n if (elementMatchesRule(element, rule.split(' '))) {\r\n for (const property in cssRules[svgUid][rule]) {\r\n styles[property] = cssRules[svgUid][rule][property];\r\n }\r\n }\r\n }\r\n return styles;\r\n}\r\n","//@ts-nocheck\r\nimport { attributesMap } from './constants';\r\n\r\nexport function normalizeAttr(attr) {\r\n // transform attribute names\r\n if (attr in attributesMap) {\r\n return attributesMap[attr];\r\n }\r\n return attr;\r\n}\r\n","//@ts-nocheck\r\nimport { cos } from '../util/misc/cos';\r\nimport { sin } from '../util/misc/sin';\r\n\r\nexport function rotateMatrix(matrix, args) {\r\n const cosValue = cos(args[0]),\r\n sinValue = sin(args[0]);\r\n let x = 0,\r\n y = 0;\r\n if (args.length === 3) {\r\n x = args[1];\r\n y = args[2];\r\n }\r\n\r\n matrix[0] = cosValue;\r\n matrix[1] = sinValue;\r\n matrix[2] = -sinValue;\r\n matrix[3] = cosValue;\r\n matrix[4] = x - (cosValue * x - sinValue * y);\r\n matrix[5] = y - (sinValue * x + cosValue * y);\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function scaleMatrix(matrix, args) {\r\n const multiplierX = args[0],\r\n multiplierY = args.length === 2 ? args[1] : args[0];\r\n\r\n matrix[0] = multiplierX;\r\n matrix[3] = multiplierY;\r\n}\r\n","//@ts-nocheck\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\nexport function skewMatrix(matrix, args, pos) {\r\n matrix[pos] = Math.tan(degreesToRadians(args[0]));\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function translateMatrix(matrix, args) {\r\n matrix[4] = args[0];\r\n if (args.length === 2) {\r\n matrix[5] = args[1];\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { iMatrix } from '../constants';\r\nimport { commaWsp, reNum } from './constants';\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { rotateMatrix } from './rotateMatrix';\r\nimport { scaleMatrix } from './scaleMatrix';\r\nimport { skewMatrix } from './skewMatrix';\r\nimport { translateMatrix } from './translateMatrix';\r\n\r\n// == begin transform regexp\r\nconst number = reNum,\r\n skewX = '(?:(skewX)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n skewY = '(?:(skewY)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n rotate =\r\n '(?:(rotate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n scale =\r\n '(?:(scale)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n translate =\r\n '(?:(translate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n matrix =\r\n '(?:(matrix)\\\\s*\\\\(\\\\s*' +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n '\\\\s*\\\\))',\r\n transform =\r\n '(?:' +\r\n matrix +\r\n '|' +\r\n translate +\r\n '|' +\r\n scale +\r\n '|' +\r\n rotate +\r\n '|' +\r\n skewX +\r\n '|' +\r\n skewY +\r\n ')',\r\n transforms =\r\n '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')',\r\n transformList = '^\\\\s*(?:' + transforms + '?)\\\\s*$',\r\n // http://www.w3.org/TR/SVG/coords.html#TransformAttribute\r\n reTransformList = new RegExp(transformList),\r\n // == end transform regexp\r\n reTransform = new RegExp(transform, 'g');\r\n\r\n/**\r\n * Parses \"transform\" attribute, returning an array of values\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} attributeValue String containing attribute value\r\n * @return {Array} Array of 6 elements representing transformation matrix\r\n */\r\nexport function parseTransformAttribute(attributeValue) {\r\n // start with identity matrix\r\n let matrix = iMatrix.concat(),\r\n matrices = [];\r\n\r\n // return if no argument was given or\r\n // an argument does not match transform attribute regexp\r\n if (\r\n !attributeValue ||\r\n (attributeValue && !reTransformList.test(attributeValue))\r\n ) {\r\n return matrix;\r\n }\r\n\r\n attributeValue.replace(reTransform, function (match) {\r\n const m = new RegExp(transform).exec(match).filter(function (match) {\r\n // match !== '' && match != null\r\n return !!match;\r\n }),\r\n operation = m[1],\r\n args = m.slice(2).map(parseFloat);\r\n\r\n switch (operation) {\r\n case 'translate':\r\n translateMatrix(matrix, args);\r\n break;\r\n case 'rotate':\r\n args[0] = degreesToRadians(args[0]);\r\n rotateMatrix(matrix, args);\r\n break;\r\n case 'scale':\r\n scaleMatrix(matrix, args);\r\n break;\r\n case 'skewX':\r\n skewMatrix(matrix, args, 2);\r\n break;\r\n case 'skewY':\r\n skewMatrix(matrix, args, 1);\r\n break;\r\n case 'matrix':\r\n matrix = args;\r\n break;\r\n }\r\n\r\n // snapshot current matrix into matrices array\r\n matrices.push(matrix.concat());\r\n // reset\r\n matrix = iMatrix.concat();\r\n });\r\n\r\n let combinedMatrix = matrices[0];\r\n while (matrices.length > 1) {\r\n matrices.shift();\r\n combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]);\r\n }\r\n return combinedMatrix;\r\n}\r\n","//@ts-nocheck\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nexport function normalizeValue(attr, value, parentAttributes, fontSize) {\r\n let isArray = Array.isArray(value),\r\n parsed;\r\n\r\n if ((attr === 'fill' || attr === 'stroke') && value === 'none') {\r\n value = '';\r\n } else if (attr === 'strokeUniform') {\r\n return value === 'non-scaling-stroke';\r\n } else if (attr === 'strokeDashArray') {\r\n if (value === 'none') {\r\n value = null;\r\n } else {\r\n value = value.replace(/,/g, ' ').split(/\\s+/).map(parseFloat);\r\n }\r\n } else if (attr === 'transformMatrix') {\r\n if (parentAttributes && parentAttributes.transformMatrix) {\r\n value = multiplyTransformMatrices(\r\n parentAttributes.transformMatrix,\r\n parseTransformAttribute(value)\r\n );\r\n } else {\r\n value = parseTransformAttribute(value);\r\n }\r\n } else if (attr === 'visible') {\r\n value = value !== 'none' && value !== 'hidden';\r\n // display=none on parent element always takes precedence over child element\r\n if (parentAttributes && parentAttributes.visible === false) {\r\n value = false;\r\n }\r\n } else if (attr === 'opacity') {\r\n value = parseFloat(value);\r\n if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') {\r\n value *= parentAttributes.opacity;\r\n }\r\n } else if (attr === 'textAnchor' /* text-anchor */) {\r\n value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center';\r\n } else if (attr === 'charSpacing') {\r\n // parseUnit returns px and we convert it to em\r\n parsed = (parseUnit(value, fontSize) / fontSize) * 1000;\r\n } else if (attr === 'paintFirst') {\r\n const fillIndex = value.indexOf('fill');\r\n const strokeIndex = value.indexOf('stroke');\r\n var value = 'fill';\r\n if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) {\r\n value = 'stroke';\r\n } else if (fillIndex === -1 && strokeIndex > -1) {\r\n value = 'stroke';\r\n }\r\n } else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') {\r\n return value;\r\n } else if (attr === 'imageSmoothing') {\r\n return value === 'optimizeQuality';\r\n } else {\r\n parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize);\r\n }\r\n\r\n return !isArray && isNaN(parsed) ? value : parsed;\r\n}\r\n","//@ts-nocheck\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { reFontDeclaration } from './constants';\r\n\r\n/**\r\n * Parses a short font declaration, building adding its properties to a style object\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} value font declaration\r\n * @param {Object} oStyle definition\r\n */\r\nexport function parseFontDeclaration(value, oStyle) {\r\n const match = value.match(reFontDeclaration);\r\n\r\n if (!match) {\r\n return;\r\n }\r\n const fontStyle = match[1],\r\n // font variant is not used\r\n // fontVariant = match[2],\r\n fontWeight = match[3],\r\n fontSize = match[4],\r\n lineHeight = match[5],\r\n fontFamily = match[6];\r\n\r\n if (fontStyle) {\r\n oStyle.fontStyle = fontStyle;\r\n }\r\n if (fontWeight) {\r\n oStyle.fontWeight = isNaN(parseFloat(fontWeight))\r\n ? fontWeight\r\n : parseFloat(fontWeight);\r\n }\r\n if (fontSize) {\r\n oStyle.fontSize = parseUnit(fontSize);\r\n }\r\n if (fontFamily) {\r\n oStyle.fontFamily = fontFamily;\r\n }\r\n if (lineHeight) {\r\n oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleObject(style, oStyle) {\r\n let attr, value;\r\n for (const prop in style) {\r\n if (typeof style[prop] === 'undefined') {\r\n continue;\r\n }\r\n\r\n attr = prop.toLowerCase();\r\n value = style[prop];\r\n\r\n oStyle[attr] = value;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleString(style, oStyle) {\r\n let attr, value;\r\n style\r\n .replace(/;\\s*$/, '')\r\n .split(';')\r\n .forEach(function (chunk) {\r\n const pair = chunk.split(':');\r\n\r\n attr = pair[0].trim().toLowerCase();\r\n value = pair[1].trim();\r\n\r\n oStyle[attr] = value;\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { parseStyleObject } from './parseStyleObject';\r\nimport { parseStyleString } from './parseStyleString';\r\n\r\n/**\r\n * Parses \"style\" attribute, retuning an object with values\r\n * @static\r\n * @memberOf fabric\r\n * @param {SVGElement} element Element to parse\r\n * @return {Object} Objects with values parsed from style attribute of an element\r\n */\r\nexport function parseStyleAttribute(element) {\r\n const oStyle = {},\r\n style = element.getAttribute('style');\r\n\r\n if (!style) {\r\n return oStyle;\r\n }\r\n\r\n if (typeof style === 'string') {\r\n parseStyleString(style, oStyle);\r\n } else {\r\n parseStyleObject(style, oStyle);\r\n }\r\n\r\n return oStyle;\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { colorAttributes } from './constants';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * @private\r\n * @param {Object} attributes Array of attributes to parse\r\n */\r\n\r\nexport function setStrokeFillOpacity(attributes) {\r\n for (const attr in colorAttributes) {\r\n if (\r\n typeof attributes[colorAttributes[attr]] === 'undefined' ||\r\n attributes[attr] === ''\r\n ) {\r\n continue;\r\n }\r\n\r\n if (typeof attributes[attr] === 'undefined') {\r\n if (!FabricObject.prototype[attr]) {\r\n continue;\r\n }\r\n attributes[attr] = FabricObject.prototype[attr];\r\n }\r\n\r\n if (attributes[attr].indexOf('url(') === 0) {\r\n continue;\r\n }\r\n\r\n const color = new Color(attributes[attr]);\r\n attributes[attr] = color\r\n .setAlpha(\r\n toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)\r\n )\r\n .toRgba();\r\n }\r\n return attributes;\r\n}\r\n","//@ts-nocheck\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { cPath, fSize, svgValidParentsRegEx } from './constants';\r\nimport { getGlobalStylesForElement } from './getGlobalStylesForElement';\r\nimport { normalizeAttr } from './normalizeAttr';\r\nimport { normalizeValue } from './normalizeValue';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { setStrokeFillOpacity } from './setStrokeFillOpacity';\r\n\r\n/**\r\n * Returns an object of attributes' name/value, given element and an array of attribute names;\r\n * Parses parent \"g\" nodes recursively upwards.\r\n * @param {DOMElement} element Element to parse\r\n * @param {Array} attributes Array of attributes to parse\r\n * @return {Object} object containing parsed attributes' names/values\r\n */\r\nexport function parseAttributes(element, attributes, svgUid?: string) {\r\n if (!element) {\r\n return;\r\n }\r\n\r\n let value,\r\n parentAttributes = {},\r\n fontSize,\r\n parentFontSize;\r\n\r\n if (typeof svgUid === 'undefined') {\r\n svgUid = element.getAttribute('svgUid');\r\n }\r\n // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards\r\n if (\r\n element.parentNode &&\r\n svgValidParentsRegEx.test(element.parentNode.nodeName)\r\n ) {\r\n parentAttributes = parseAttributes(element.parentNode, attributes, svgUid);\r\n }\r\n\r\n let ownAttributes = attributes.reduce(function (memo, attr) {\r\n value = element.getAttribute(attr);\r\n if (value) {\r\n // eslint-disable-line\r\n memo[attr] = value;\r\n }\r\n return memo;\r\n }, {});\r\n // add values parsed from style, which take precedence over attributes\r\n // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes)\r\n const cssAttrs = Object.assign(\r\n getGlobalStylesForElement(element, svgUid),\r\n parseStyleAttribute(element)\r\n );\r\n ownAttributes = Object.assign(ownAttributes, cssAttrs);\r\n if (cssAttrs[cPath]) {\r\n element.setAttribute(cPath, cssAttrs[cPath]);\r\n }\r\n fontSize = parentFontSize =\r\n parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE;\r\n if (ownAttributes[fSize]) {\r\n // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers.\r\n ownAttributes[fSize] = fontSize = parseUnit(\r\n ownAttributes[fSize],\r\n parentFontSize\r\n );\r\n }\r\n\r\n let normalizedAttr,\r\n normalizedValue,\r\n normalizedStyle = {};\r\n for (const attr in ownAttributes) {\r\n normalizedAttr = normalizeAttr(attr);\r\n normalizedValue = normalizeValue(\r\n normalizedAttr,\r\n ownAttributes[attr],\r\n parentAttributes,\r\n fontSize\r\n );\r\n normalizedStyle[normalizedAttr] = normalizedValue;\r\n }\r\n if (normalizedStyle && normalizedStyle.font) {\r\n parseFontDeclaration(normalizedStyle.font, normalizedStyle);\r\n }\r\n const mergedAttrs = Object.assign(parentAttributes, normalizedStyle);\r\n return svgValidParentsRegEx.test(element.nodeName)\r\n ? mergedAttrs\r\n : setStrokeFillOpacity(mergedAttrs);\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Parses \"points\" attribute, returning an array of values\r\n * @static\r\n * @memberOf fabric\r\n * @param {String} points points attribute string\r\n * @return {Array} array of points\r\n */\r\nexport function parsePointsAttribute(points) {\r\n // points attribute is required and must not be empty\r\n if (!points) {\r\n return null;\r\n }\r\n\r\n // replace commas with whitespace and remove bookending whitespace\r\n points = points.replace(/,/g, ' ').trim();\r\n\r\n points = points.split(/\\s+/);\r\n let parsedPoints = [],\r\n i,\r\n len;\r\n\r\n for (i = 0, len = points.length; i < len; i += 2) {\r\n parsedPoints.push({\r\n x: parseFloat(points[i]),\r\n y: parseFloat(points[i + 1]),\r\n });\r\n }\r\n\r\n // odd number of points is an error\r\n // if (parsedPoints.length % 2 !== 0) {\r\n // return null;\r\n // }\r\n return parsedPoints;\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from './attributes';\r\nimport { clipPaths, cssRules, gradientDefs } from './constants';\r\nimport { ElementsParser } from './elements_parser';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { loadSVGFromString } from './loadSVGFromString';\r\nimport { loadSVGFromURL } from './loadSVGFromURL';\r\nimport { parseAttributes } from './parseAttributes';\r\nimport { parseElements } from './parseElements';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parsePointsAttribute } from './parsePointsAttribute';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nObject.assign(fabric, {\r\n SHARED_ATTRIBUTES,\r\n cssRules,\r\n gradientDefs,\r\n clipPaths,\r\n parseTransformAttribute,\r\n parseSVGDocument,\r\n parseFontDeclaration,\r\n getGradientDefs,\r\n parseAttributes,\r\n parseElements,\r\n parseStyleAttribute,\r\n parsePointsAttribute,\r\n getCSSRules,\r\n loadSVGFromURL,\r\n loadSVGFromString,\r\n ElementsParser,\r\n});\r\n","export const linearDefaultCoords = {\r\n x1: 0,\r\n y1: 0,\r\n x2: 0,\r\n y2: 0,\r\n};\r\n\r\nexport const radialDefaultCoords = {\r\n ...linearDefaultCoords,\r\n r1: 0,\r\n r2: 0,\r\n};\r\n","import { GradientType, GradientUnits } from '../typedefs';\r\n\r\nexport function parseType(el: SVGGradientElement): GradientType {\r\n return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT'\r\n ? 'linear'\r\n : 'radial';\r\n}\r\n\r\nexport function parseGradientUnits(el: SVGGradientElement): GradientUnits {\r\n return el.getAttribute('gradientUnits') === 'userSpaceOnUse'\r\n ? 'pixels'\r\n : 'percentage';\r\n}\r\n","import { ifNaN } from '../util/internals';\r\nimport { capValue } from '../util/misc/capValue';\r\n\r\nconst RE_PERCENT = /^(\\d+\\.\\d+)%|(\\d+)%$/;\r\n\r\nexport function isPercent(value: string | null) {\r\n return value && RE_PERCENT.test(value);\r\n}\r\n\r\n/**\r\n *\r\n * @param value\r\n * @param valueIfNaN\r\n * @returns ∈ [0, 1]\r\n */\r\nexport function parsePercent(\r\n value: string | number | null | undefined,\r\n valueIfNaN?: number\r\n) {\r\n const parsed =\r\n typeof value === 'number'\r\n ? value\r\n : typeof value === 'string'\r\n ? parseFloat(value) / (isPercent(value) ? 100 : 1)\r\n : NaN;\r\n return capValue(0, ifNaN(parsed, valueIfNaN), 1);\r\n}\r\n","import { Color } from '../../color';\r\nimport { parsePercent } from '../../parser/percent';\r\nimport { ifNaN } from '../../util/internals';\r\n\r\nconst RE_KEY_VALUE_PAIRS = /\\s*;\\s*/;\r\nconst RE_KEY_VALUE = /\\s*:\\s*/;\r\n\r\nfunction parseColorStop(el: SVGStopElement, multiplier: number) {\r\n let colorValue, opacity;\r\n const style = el.getAttribute('style');\r\n if (style) {\r\n const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS);\r\n\r\n if (keyValuePairs[keyValuePairs.length - 1] === '') {\r\n keyValuePairs.pop();\r\n }\r\n\r\n for (let i = keyValuePairs.length; i--; ) {\r\n const [key, value] = keyValuePairs[i]\r\n .split(RE_KEY_VALUE)\r\n .map((s) => s.trim());\r\n if (key === 'stop-color') {\r\n colorValue = value;\r\n } else if (key === 'stop-opacity') {\r\n opacity = value;\r\n }\r\n }\r\n }\r\n\r\n const color = new Color(\r\n colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'\r\n );\r\n\r\n return {\r\n offset: parsePercent(el.getAttribute('offset'), 0),\r\n color: color.toRgb(),\r\n opacity:\r\n ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) *\r\n color.getAlpha() *\r\n multiplier,\r\n };\r\n}\r\n\r\nexport function parseColorStops(\r\n el: SVGGradientElement,\r\n opacityAttr: string | null\r\n) {\r\n const colorStops = [],\r\n colorStopEls = el.getElementsByTagName('stop'),\r\n multiplier = parsePercent(opacityAttr, 1);\r\n for (let i = colorStopEls.length; i--; ) {\r\n colorStops.push(parseColorStop(colorStopEls[i], multiplier));\r\n }\r\n return colorStops;\r\n}\r\n","import { isPercent } from '../../parser/percent';\r\nimport { TSize } from '../../typedefs';\r\nimport { GradientCoords, GradientType, GradientUnits } from '../typedefs';\r\nimport { parseGradientUnits, parseType } from './misc';\r\n\r\nfunction convertPercentUnitsToValues<\r\n T extends GradientType,\r\n K extends keyof GradientCoords\r\n>(\r\n valuesToConvert: Record,\r\n { width, height, gradientUnits }: TSize & { gradientUnits: GradientUnits }\r\n) {\r\n let finalValue;\r\n return (Object.keys(valuesToConvert) as K[]).reduce((acc, prop) => {\r\n const propValue = valuesToConvert[prop];\r\n if (propValue === 'Infinity') {\r\n finalValue = 1;\r\n } else if (propValue === '-Infinity') {\r\n finalValue = 0;\r\n } else {\r\n finalValue =\r\n typeof propValue === 'string' ? parseFloat(propValue) : propValue;\r\n if (typeof propValue === 'string' && isPercent(propValue)) {\r\n finalValue *= 0.01;\r\n if (gradientUnits === 'pixels') {\r\n // then we need to fix those percentages here in svg parsing\r\n if (prop === 'x1' || prop === 'x2' || prop === 'r2') {\r\n finalValue *= width;\r\n }\r\n if (prop === 'y1' || prop === 'y2') {\r\n finalValue *= height;\r\n }\r\n }\r\n }\r\n }\r\n acc[prop] = finalValue;\r\n return acc;\r\n }, {} as Record);\r\n}\r\n\r\nfunction getValue(el: SVGGradientElement, key: string) {\r\n return el.getAttribute(key);\r\n}\r\n\r\nexport function parseLinearCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'x1') || 0,\r\n y1: getValue(el, 'y1') || 0,\r\n x2: getValue(el, 'x2') || '100%',\r\n y2: getValue(el, 'y2') || 0,\r\n };\r\n}\r\n\r\nexport function parseRadialCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%',\r\n y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%',\r\n r1: 0,\r\n x2: getValue(el, 'cx') || '50%',\r\n y2: getValue(el, 'cy') || '50%',\r\n r2: getValue(el, 'r') || '50%',\r\n };\r\n}\r\n\r\nexport function parseCoords(el: SVGGradientElement, size: TSize) {\r\n return convertPercentUnitsToValues(\r\n parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el),\r\n {\r\n ...size,\r\n gradientUnits: parseGradientUnits(el),\r\n }\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { iMatrix } from '../constants';\r\nimport { parseTransformAttribute } from '../parser/parseTransformAttribute';\r\nimport { TMat2D } from '../typedefs';\r\nimport { pick } from '../util/misc/pick';\r\nimport { matrixToSVG } from '../util/misc/svgParsing';\r\nimport { linearDefaultCoords, radialDefaultCoords } from './constants';\r\nimport {\r\n parseColorStops,\r\n parseCoords,\r\n parseGradientUnits,\r\n parseType,\r\n} from './parser';\r\nimport {\r\n ColorStop,\r\n GradientCoords,\r\n GradientOptions,\r\n GradientType,\r\n GradientUnits,\r\n SVGOptions,\r\n} from './typedefs';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Gradient class\r\n * @class Gradient\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients}\r\n */\r\nexport class Gradient<\r\n S,\r\n T extends GradientType = S extends GradientType ? S : 'linear'\r\n> {\r\n /**\r\n * Horizontal offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * A transform matrix to apply to the gradient before painting.\r\n * Imported from svg gradients, is not applied with the current transform in the center.\r\n * Before this transform is applied, the origin point is at the top left corner of the object\r\n * plus the addition of offsetY and offsetX.\r\n * @type Number[]\r\n * @default null\r\n */\r\n gradientTransform: TMat2D | null = null;\r\n\r\n /**\r\n * coordinates units for coords.\r\n * If `pixels`, the number of coords are in the same unit of width / height.\r\n * If set as `percentage` the coords are still a number, but 1 means 100% of width\r\n * for the X and 100% of the height for the y. It can be bigger than 1 and negative.\r\n * allowed values pixels or percentage.\r\n * @type GradientUnits\r\n * @default 'pixels'\r\n */\r\n gradientUnits: GradientUnits;\r\n\r\n /**\r\n * Gradient type linear or radial\r\n * @type GradientType\r\n * @default 'linear'\r\n */\r\n type: T;\r\n\r\n coords: GradientCoords;\r\n\r\n colorStops: ColorStop[];\r\n\r\n private id: string | number;\r\n\r\n constructor({\r\n type = 'linear' as T,\r\n gradientUnits = 'pixels',\r\n coords,\r\n colorStops = [],\r\n offsetX = 0,\r\n offsetY = 0,\r\n gradientTransform,\r\n id,\r\n }: GradientOptions) {\r\n const uid = FabricObject.__uid++;\r\n this.id = id ? `${id}_${uid}` : uid;\r\n this.type = type;\r\n this.gradientUnits = gradientUnits;\r\n this.gradientTransform = gradientTransform || null;\r\n this.offsetX = offsetX;\r\n this.offsetY = offsetY;\r\n this.coords = {\r\n ...(this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords),\r\n ...coords,\r\n } as GradientCoords;\r\n this.colorStops = colorStops.slice();\r\n }\r\n\r\n // isType(type: S): this is Gradient {\r\n // return (this.type as GradientType) === type;\r\n // }\r\n\r\n /**\r\n * Adds another colorStop\r\n * @param {Record} colorStop Object with offset and color\r\n * @return {Gradient} thisArg\r\n */\r\n addColorStop(colorStops: Record) {\r\n for (const position in colorStops) {\r\n const color = new Color(colorStops[position]);\r\n this.colorStops.push({\r\n offset: parseFloat(position),\r\n color: color.toRgb(),\r\n opacity: color.getAlpha(),\r\n });\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns object representation of a gradient\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object}\r\n */\r\n toObject(propertiesToInclude?: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n coords: this.coords,\r\n colorStops: this.colorStops,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n gradientUnits: this.gradientUnits,\r\n gradientTransform: this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : this.gradientTransform,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of an gradient\r\n * @param {fabric.Object} object Object to create a gradient for\r\n * @return {String} SVG representation of an gradient (linear/radial)\r\n */\r\n toSVG(\r\n object: FabricObject,\r\n { additionalTransform: preTransform }: { additionalTransform?: string } = {}\r\n ) {\r\n const markup = [],\r\n transform = (\r\n this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : iMatrix.concat()\r\n ) as TMat2D,\r\n gradientUnits =\r\n this.gradientUnits === 'pixels'\r\n ? 'userSpaceOnUse'\r\n : 'objectBoundingBox';\r\n // colorStops must be sorted ascending, and guarded against deep mutations\r\n const colorStops = this.colorStops\r\n .map((colorStop) => ({ ...colorStop }))\r\n .sort((a, b) => {\r\n return a.offset - b.offset;\r\n });\r\n\r\n let offsetX = -this.offsetX,\r\n offsetY = -this.offsetY;\r\n if (gradientUnits === 'objectBoundingBox') {\r\n offsetX /= object.width;\r\n offsetY /= object.height;\r\n } else {\r\n offsetX += object.width / 2;\r\n offsetY += object.height / 2;\r\n }\r\n if (object.type === 'path' && this.gradientUnits !== 'percentage') {\r\n offsetX -= object.pathOffset.x;\r\n offsetY -= object.pathOffset.y;\r\n }\r\n transform[4] -= offsetX;\r\n transform[5] -= offsetY;\r\n\r\n const commonAttributes = [\r\n `id=\"SVGID_${this.id}\"`,\r\n `gradientUnits=\"${gradientUnits}\"`,\r\n `gradientTransform=\"${\r\n preTransform ? preTransform + ' ' : ''\r\n }${matrixToSVG(transform)}\"`,\r\n '',\r\n ].join(' ');\r\n\r\n if (this.type === 'linear') {\r\n const { x1, y1, x2, y2 } = this.coords;\r\n markup.push(\r\n '\\n'\r\n );\r\n } else if (this.type === 'radial') {\r\n const { x1, y1, x2, y2, r1, r2 } = this\r\n .coords as GradientCoords<'radial'>;\r\n const needsSwap = r1 > r2;\r\n // svg radial gradient has just 1 radius. the biggest.\r\n markup.push(\r\n '\\n'\r\n );\r\n if (needsSwap) {\r\n // svg goes from internal to external radius. if radius are inverted, swap color stops.\r\n colorStops.reverse(); // mutates array\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset = 1 - colorStop.offset;\r\n });\r\n }\r\n const minRadius = Math.min(r1, r2);\r\n if (minRadius > 0) {\r\n // i have to shift all colorStops and add new one in 0.\r\n const maxRadius = Math.max(r1, r2),\r\n percentageShift = minRadius / maxRadius;\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset += percentageShift * (1 - colorStop.offset);\r\n });\r\n }\r\n }\r\n\r\n colorStops.forEach(({ color, offset, opacity }) => {\r\n markup.push(\r\n '\\n'\r\n );\r\n });\r\n\r\n markup.push(\r\n this.type === 'linear' ? '' : '',\r\n '\\n'\r\n );\r\n\r\n return markup.join('');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns an instance of CanvasGradient\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {CanvasGradient}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (!this.type) {\r\n return;\r\n }\r\n\r\n const coords = this.coords as GradientCoords<'radial'>;\r\n const gradient =\r\n this.type === 'linear'\r\n ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2)\r\n : ctx.createRadialGradient(\r\n coords.x1,\r\n coords.y1,\r\n coords.r1,\r\n coords.x2,\r\n coords.y2,\r\n coords.r2\r\n );\r\n\r\n this.colorStops.forEach(({ color, opacity, offset }) => {\r\n gradient.addColorStop(\r\n offset,\r\n typeof opacity !== 'undefined'\r\n ? new Color(color).setAlpha(opacity).toRgba()\r\n : color\r\n );\r\n });\r\n\r\n return gradient;\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * Returns {@link Gradient} instance from an SVG element\r\n * @static\r\n * @memberOf Gradient\r\n * @param {SVGGradientElement} el SVG gradient element\r\n * @param {FabricObject} instance\r\n * @param {String} opacity A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity.\r\n * @param {SVGOptions} svgOptions an object containing the size of the SVG in order to parse correctly gradients\r\n * that uses gradientUnits as 'userSpaceOnUse' and percentages.\r\n * @return {Gradient} Gradient instance\r\n * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement\r\n * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement\r\n *\r\n * @example\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n */\r\n static fromElement(\r\n el: SVGGradientElement,\r\n instance: FabricObject,\r\n svgOptions: SVGOptions\r\n ): Gradient {\r\n const gradientUnits = parseGradientUnits(el);\r\n return new Gradient({\r\n id: el.getAttribute('id') || undefined,\r\n type: parseType(el),\r\n coords: parseCoords(el, {\r\n width: svgOptions.viewBoxWidth || svgOptions.width,\r\n height: svgOptions.viewBoxHeight || svgOptions.height,\r\n }),\r\n colorStops: parseColorStops(el, svgOptions.opacity),\r\n gradientUnits,\r\n gradientTransform: parseTransformAttribute(\r\n el.getAttribute('gradientTransform') || ''\r\n ),\r\n ...(gradientUnits === 'pixels'\r\n ? {\r\n offsetX: -instance.left,\r\n offsetY: -instance.top,\r\n }\r\n : {\r\n offsetX: 0,\r\n offsetY: 0,\r\n }),\r\n });\r\n }\r\n /* _FROM_SVG_END_ */\r\n}\r\n\r\nfabric.Gradient = Gradient;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../HEADER';\r\nimport { config } from './config';\r\nimport { TCrossOrigin, TMat2D, TSize } from './typedefs';\r\nimport { ifNaN } from './util/internals';\r\nimport { loadImage } from './util/misc/objectEnlive';\r\nimport { pick } from './util/misc/pick';\r\nimport { toFixed } from './util/misc/toFixed';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nexport type TPatternRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\r\n\r\ntype TExportedKeys =\r\n | 'crossOrigin'\r\n | 'offsetX'\r\n | 'offsetY'\r\n | 'patternTransform'\r\n | 'repeat'\r\n | 'source';\r\n\r\nexport type TPatternOptions = Partial>;\r\n\r\nexport type TPatternSerialized = TPatternOptions & {\r\n source: string;\r\n};\r\n\r\nexport type TPatternHydrationOptions = {\r\n /**\r\n * handle aborting\r\n * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\n signal: AbortSignal;\r\n};\r\n\r\ntype TImageSource = { source: HTMLImageElement };\r\ntype TCanvasSource = { source: HTMLCanvasElement };\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/patterns demo}\r\n * @see {@link http://fabricjs.com/dynamic-patterns demo}\r\n */\r\nexport class Pattern {\r\n type = 'pattern';\r\n\r\n /**\r\n * @type TPatternRepeat\r\n * @defaults\r\n */\r\n repeat: TPatternRepeat = 'repeat';\r\n\r\n /**\r\n * Pattern horizontal offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Pattern vertical offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * @type TCrossOrigin\r\n * @default\r\n */\r\n crossOrigin: TCrossOrigin = '';\r\n\r\n /**\r\n * transform matrix to change the pattern, imported from svgs.\r\n * @type Array\r\n * @default\r\n */\r\n patternTransform: TMat2D | null = null;\r\n\r\n source!: CanvasImageSource;\r\n\r\n readonly id: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @param {option.source} [source] the pattern source, eventually empty or a drawable\r\n * @return {fabric.Pattern} thisArg\r\n */\r\n constructor(options: TPatternOptions = {}) {\r\n this.id = FabricObject.__uid++;\r\n this.setOptions(options);\r\n }\r\n\r\n setOptions(options: Record) {\r\n for (const prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is an element\r\n */\r\n isImageSource(): this is TImageSource {\r\n return typeof this.source.src === 'string';\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is a element\r\n */\r\n isCanvasSource(): this is TCanvasSource {\r\n return typeof this.source === 'object' && this.source.toDataURL;\r\n }\r\n\r\n sourceToString() {\r\n return this.isImageSource()\r\n ? this.source.src\r\n : this.isCanvasSource()\r\n ? this.source.toDataURL()\r\n : '';\r\n }\r\n\r\n /**\r\n * Returns an instance of CanvasPattern\r\n * @param {CanvasRenderingContext2D} ctx Context to create pattern\r\n * @return {CanvasPattern}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (\r\n // if the image failed to load, return, and allow rest to continue loading\r\n !this.source ||\r\n // if an image\r\n (this.isImageSource() &&\r\n (!this.source.complete ||\r\n this.source.naturalWidth === 0 ||\r\n this.source.naturalHeight === 0))\r\n ) {\r\n return '';\r\n }\r\n\r\n return ctx.createPattern(this.source, this.repeat);\r\n }\r\n\r\n /**\r\n * Returns object representation of a pattern\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object} Object representation of a pattern instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: 'pattern',\r\n source: this.sourceToString(),\r\n repeat: this.repeat,\r\n crossOrigin: this.crossOrigin,\r\n offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS),\r\n offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS),\r\n patternTransform: this.patternTransform\r\n ? this.patternTransform.concat()\r\n : null,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a pattern\r\n */\r\n toSVG({ width, height }: TSize) {\r\n const patternSource = this.source,\r\n patternOffsetX = ifNaN(this.offsetX / width, 0),\r\n patternOffsetY = ifNaN(this.offsetY / height, 0),\r\n patternWidth =\r\n this.repeat === 'repeat-y' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetX || 0)\r\n : ifNaN(patternSource.width / width, 0),\r\n patternHeight =\r\n this.repeat === 'repeat-x' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetY || 0)\r\n : ifNaN(patternSource.height / height, 0);\r\n\r\n return [\r\n ``,\r\n ``,\r\n ``,\r\n '',\r\n ].join('\\n');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n static async fromObject(\r\n { source, ...serialized }: TPatternSerialized,\r\n options: TPatternHydrationOptions\r\n ) {\r\n const img = await loadImage(source, {\r\n ...options,\r\n crossOrigin: serialized.crossOrigin,\r\n });\r\n return new Pattern({ ...serialized, source: img });\r\n }\r\n}\r\n\r\nfabric.Pattern = Pattern;\r\n","//@ts-nocheck\r\n\r\nimport { Color } from './color';\r\nimport { config } from './config';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Shadow class\r\n * @class fabric.Shadow\r\n * @see {@link http://fabricjs.com/shadows|Shadow demo}\r\n * @see {@link fabric.Shadow#initialize} for constructor definition\r\n */\r\n fabric.Shadow = fabric.util.createClass(\r\n /** @lends fabric.Shadow.prototype */ {\r\n /**\r\n * Shadow color\r\n * @type String\r\n * @default\r\n */\r\n color: 'rgb(0,0,0)',\r\n\r\n /**\r\n * Shadow blur\r\n * @type Number\r\n */\r\n blur: 0,\r\n\r\n /**\r\n * Shadow horizontal offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetX: 0,\r\n\r\n /**\r\n * Shadow vertical offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetY: 0,\r\n\r\n /**\r\n * Whether the shadow should affect stroke operations\r\n * @type Boolean\r\n * @default\r\n */\r\n affectStroke: false,\r\n\r\n /**\r\n * Indicates whether toObject should include default values\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * When `false`, the shadow will scale with the object.\r\n * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale.\r\n * default to false\r\n * @type Boolean\r\n * @default\r\n */\r\n nonScaling: false,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. \"rgba(0,0,0,0.2) 2px 2px 10px\")\r\n * @return {fabric.Shadow} thisArg\r\n */\r\n initialize: function (options) {\r\n if (typeof options === 'string') {\r\n options = this._parseShadow(options);\r\n }\r\n\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n\r\n this.id = FabricObject.__uid++;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} shadow Shadow value to parse\r\n * @return {Object} Shadow object with color, offsetX, offsetY and blur\r\n */\r\n _parseShadow: function (shadow) {\r\n var shadowStr = shadow.trim(),\r\n offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [],\r\n color =\r\n shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') ||\r\n 'rgb(0,0,0)';\r\n\r\n return {\r\n color: color.trim(),\r\n offsetX: parseFloat(offsetsAndBlur[1], 10) || 0,\r\n offsetY: parseFloat(offsetsAndBlur[2], 10) || 0,\r\n blur: parseFloat(offsetsAndBlur[3], 10) || 0,\r\n };\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow\r\n * @return {String} Returns CSS3 text-shadow declaration\r\n */\r\n toString: function () {\r\n return [this.offsetX, this.offsetY, this.blur, this.color].join('px ');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a shadow\r\n * @param {fabric.Object} object\r\n * @return {String} SVG representation of a shadow\r\n */\r\n toSVG: function (object) {\r\n var fBoxX = 40,\r\n fBoxY = 40,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n offset = fabric.util.rotateVector(\r\n new Point(this.offsetX, this.offsetY),\r\n fabric.util.degreesToRadians(-object.angle)\r\n ),\r\n BLUR_BOX = 20,\r\n color = new Color(this.color);\r\n\r\n if (object.width && object.height) {\r\n //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion\r\n // we add some extra space to filter box to contain the blur ( 20 )\r\n fBoxX =\r\n toFixed(\r\n (Math.abs(offset.x) + this.blur) / object.width,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n fBoxY =\r\n toFixed(\r\n (Math.abs(offset.y) + this.blur) / object.height,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n }\r\n if (object.flipX) {\r\n offset.x *= -1;\r\n }\r\n if (object.flipY) {\r\n offset.y *= -1;\r\n }\r\n\r\n return (\r\n '\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\n' +\r\n '\\n'\r\n );\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns object representation of a shadow\r\n * @return {Object} Object representation of a shadow instance\r\n */\r\n toObject: function () {\r\n if (this.includeDefaultValues) {\r\n return {\r\n color: this.color,\r\n blur: this.blur,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n affectStroke: this.affectStroke,\r\n nonScaling: this.nonScaling,\r\n };\r\n }\r\n var obj = {},\r\n proto = fabric.Shadow.prototype;\r\n\r\n [\r\n 'color',\r\n 'blur',\r\n 'offsetX',\r\n 'offsetY',\r\n 'affectStroke',\r\n 'nonScaling',\r\n ].forEach(function (prop) {\r\n if (this[prop] !== proto[prop]) {\r\n obj[prop] = this[prop];\r\n }\r\n }, this);\r\n\r\n return obj;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Regex matching shadow offsetX, offsetY and blur (ex: \"2px 2px 10px rgba(0,0,0,0.2)\", \"rgb(0,255,0) 2px 2px\")\r\n * @static\r\n * @field\r\n * @memberOf fabric.Shadow\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.Shadow.reOffsetsAndBlur =\r\n /(?:\\s|^)(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(\\d+(?:\\.\\d*)?(?:px)?)?(?:\\s?|$)(?:$|\\s)/;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { config } from './config';\r\nimport { VERSION } from './constants';\r\nimport { Observable } from './mixins/observable.mixin';\r\nimport { Point } from './point.class';\r\nimport { requestAnimFrame } from './util/animate';\r\nimport { removeFromArray } from './util/internals';\r\nimport { pick } from './util/misc/pick';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { CommonMethods } from './mixins/shared_methods.mixin';\r\n(function (global) {\r\n // aliases for faster resolution\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n getElementOffset = fabric.util.getElementOffset,\r\n toFixed = fabric.util.toFixed,\r\n transformPoint = fabric.util.transformPoint,\r\n invertTransform = fabric.util.invertTransform,\r\n getNodeCanvas = fabric.util.getNodeCanvas,\r\n createCanvasElement = fabric.util.createCanvasElement,\r\n CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element');\r\n\r\n /**\r\n * Static canvas class\r\n * @class fabric.StaticCanvas\r\n * @mixes fabric.Collection\r\n * @mixes fabric.Observable\r\n * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo}\r\n * @see {@link fabric.StaticCanvas#initialize} for constructor definition\r\n * @fires before:render\r\n * @fires after:render\r\n * @fires canvas:cleared\r\n * @fires object:added\r\n * @fires object:removed\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.StaticCanvas = fabric.util.createClass(\r\n fabric.Collection,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n },\r\n\r\n /**\r\n * Background color of canvas instance.\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n backgroundColor: '',\r\n\r\n /**\r\n * Background image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as background, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n backgroundImage: null,\r\n\r\n /**\r\n * Overlay color of canvas instance.\r\n * @since 1.3.9\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n overlayColor: '',\r\n\r\n /**\r\n * Overlay image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as overlay, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n overlayImage: null,\r\n\r\n /**\r\n * Indicates whether toObject/toDatalessObject should include default values\r\n * if set to false, takes precedence over the object value.\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * Indicates whether objects' state should be saved\r\n * @type Boolean\r\n * @default\r\n */\r\n stateful: false,\r\n\r\n /**\r\n * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove},\r\n * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas.\r\n * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once\r\n * since the renders are quequed and executed one per frame.\r\n * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() )\r\n * Left default to true to do not break documentation and old app, fiddles.\r\n * @type Boolean\r\n * @default\r\n */\r\n renderOnAddRemove: true,\r\n\r\n /**\r\n * Indicates whether object controls (borders/controls) are rendered above overlay image\r\n * @type Boolean\r\n * @default\r\n */\r\n controlsAboveOverlay: false,\r\n\r\n /**\r\n * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n allowTouchScrolling: false,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing, this is on by default in browsers\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothingEnabled: true,\r\n\r\n /**\r\n * The transformation (a Canvas 2D API transform matrix) which focuses the viewport\r\n * @type Array\r\n * @example Default transform\r\n * canvas.viewportTransform = [1, 0, 0, 1, 0, 0];\r\n * @example Scale by 70% and translate toward bottom-right by 50, without skewing\r\n * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50];\r\n * @default\r\n */\r\n viewportTransform: fabric.iMatrix.concat(),\r\n\r\n /**\r\n * if set to false background image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n backgroundVpt: true,\r\n\r\n /**\r\n * if set to false overlya image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n overlayVpt: true,\r\n\r\n /**\r\n * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens\r\n * @type Boolean\r\n * @default\r\n */\r\n enableRetinaScaling: true,\r\n\r\n /**\r\n * Describe canvas element extension over design\r\n * properties are tl,tr,bl,br.\r\n * if canvas is not zoomed/panned those points are the four corner of canvas\r\n * if canvas is viewportTransformed you those points indicate the extension\r\n * of canvas element in plain untrasformed coordinates\r\n * The coordinates get updated with @method calcViewportBoundaries.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n */\r\n vptCoords: {},\r\n\r\n /**\r\n * Based on vptCoords and object.aCoords, skip rendering of objects that\r\n * are not included in current viewport.\r\n * May greatly help in applications with crowded canvas and use of zoom/pan\r\n * If One of the corner of the bounding box of the object is on the canvas\r\n * the objects get rendered.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n * @type Boolean\r\n * @default\r\n */\r\n skipOffscreen: true,\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the canvas has rendered, and the context is placed in the\r\n * top left corner of the canvas.\r\n * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true\r\n * @type fabric.Object\r\n */\r\n clipPath: undefined,\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n */\r\n _initStatic: function (el, options) {\r\n this._objects = [];\r\n this._createLowerCanvas(el);\r\n this._initOptions(options);\r\n // only initialize retina scaling once\r\n if (!this.interactive) {\r\n this._initRetinaScaling();\r\n }\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _isRetinaScaling: function () {\r\n return config.devicePixelRatio > 1 && this.enableRetinaScaling;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} retinaScaling if applied, otherwise 1;\r\n */\r\n getRetinaScaling: function () {\r\n return this._isRetinaScaling()\r\n ? Math.max(1, config.devicePixelRatio)\r\n : 1;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initRetinaScaling: function () {\r\n if (!this._isRetinaScaling()) {\r\n return;\r\n }\r\n var scaleRatio = config.devicePixelRatio;\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.lowerCanvasEl,\r\n this.contextContainer\r\n );\r\n if (this.upperCanvasEl) {\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.upperCanvasEl,\r\n this.contextTop\r\n );\r\n }\r\n },\r\n\r\n __initRetinaScaling: function (scaleRatio, canvas, context) {\r\n canvas.setAttribute('width', this.width * scaleRatio);\r\n canvas.setAttribute('height', this.height * scaleRatio);\r\n context.scale(scaleRatio, scaleRatio);\r\n },\r\n\r\n /**\r\n * Calculates canvas element offset relative to the document\r\n * This method is also attached as \"resize\" event handler of window\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n calcOffset: function () {\r\n this._offset = getElementOffset(this.lowerCanvasEl);\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCanvasElement: function () {\r\n var element = createCanvasElement();\r\n if (!element) {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n if (!element.style) {\r\n element.style = {};\r\n }\r\n if (typeof element.getContext === 'undefined') {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n return element;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initOptions: function (options) {\r\n var lowerCanvasEl = this.lowerCanvasEl;\r\n this.set(options);\r\n\r\n this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0;\r\n this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0;\r\n\r\n if (!this.lowerCanvasEl.style) {\r\n return;\r\n }\r\n\r\n lowerCanvasEl.width = this.width;\r\n lowerCanvasEl.height = this.height;\r\n\r\n lowerCanvasEl.style.width = this.width + 'px';\r\n lowerCanvasEl.style.height = this.height + 'px';\r\n\r\n this.viewportTransform = this.viewportTransform.slice();\r\n },\r\n\r\n /**\r\n * Creates a bottom canvas\r\n * @private\r\n * @param {HTMLElement} [canvasEl]\r\n */\r\n _createLowerCanvas: function (canvasEl) {\r\n // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node\r\n if (canvasEl && canvasEl.getContext) {\r\n this.lowerCanvasEl = canvasEl;\r\n } else {\r\n this.lowerCanvasEl =\r\n fabric.document.getElementById(canvasEl) ||\r\n canvasEl ||\r\n this._createCanvasElement();\r\n }\r\n if (this.lowerCanvasEl.hasAttribute('data-fabric')) {\r\n /* _DEV_MODE_START_ */\r\n throw new Error(\r\n 'fabric.js: trying to initialize a canvas that has already been initialized'\r\n );\r\n /* _DEV_MODE_END_ */\r\n }\r\n this.lowerCanvasEl.classList.add('lower-canvas');\r\n this.lowerCanvasEl.setAttribute('data-fabric', 'main');\r\n if (this.interactive) {\r\n this._originalCanvasStyle = this.lowerCanvasEl.style.cssText;\r\n this._applyCanvasStyle(this.lowerCanvasEl);\r\n }\r\n\r\n this.contextContainer = this.lowerCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * Returns canvas width (in px)\r\n * @return {Number}\r\n */\r\n getWidth: function () {\r\n return this.width;\r\n },\r\n\r\n /**\r\n * Returns canvas height (in px)\r\n * @return {Number}\r\n */\r\n getHeight: function () {\r\n return this.height;\r\n },\r\n\r\n /**\r\n * Sets width of this canvas instance\r\n * @param {Number|String} value Value to set width to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setWidth: function (value, options) {\r\n return this.setDimensions({ width: value }, options);\r\n },\r\n\r\n /**\r\n * Sets height of this canvas instance\r\n * @param {Number|String} value Value to set height to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setHeight: function (value, options) {\r\n return this.setDimensions({ height: value }, options);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n var cssValue;\r\n\r\n options = options || {};\r\n\r\n for (var prop in dimensions) {\r\n cssValue = dimensions[prop];\r\n\r\n if (!options.cssOnly) {\r\n this._setBackstoreDimension(prop, dimensions[prop]);\r\n cssValue += 'px';\r\n this.hasLostContext = true;\r\n }\r\n\r\n if (!options.backstoreOnly) {\r\n this._setCssDimension(prop, cssValue);\r\n }\r\n }\r\n if (this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush &&\r\n this.freeDrawingBrush._setBrushStyles(this.contextTop);\r\n }\r\n this._initRetinaScaling();\r\n this.calcOffset();\r\n\r\n if (!options.cssOnly) {\r\n this.requestRenderAll();\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {Number} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setBackstoreDimension: function (prop, value) {\r\n this.lowerCanvasEl[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl[prop] = value;\r\n }\r\n\r\n if (this.cacheCanvasEl) {\r\n this.cacheCanvasEl[prop] = value;\r\n }\r\n\r\n this[prop] = value;\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting css width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {String} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setCssDimension: function (prop, value) {\r\n this.lowerCanvasEl.style[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl.style[prop] = value;\r\n }\r\n\r\n if (this.wrapperEl) {\r\n this.wrapperEl.style[prop] = value;\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns canvas zoom level\r\n * @return {Number}\r\n */\r\n getZoom: function () {\r\n return this.viewportTransform[0];\r\n },\r\n\r\n /**\r\n * Sets viewport transformation of this canvas instance\r\n * @param {Array} vpt a Canvas 2D API transform matrix\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setViewportTransform: function (vpt) {\r\n var activeObject = this._activeObject,\r\n backgroundObject = this.backgroundImage,\r\n overlayObject = this.overlayImage,\r\n object,\r\n i,\r\n len;\r\n this.viewportTransform = vpt;\r\n for (i = 0, len = this._objects.length; i < len; i++) {\r\n object = this._objects[i];\r\n object.group || object.setCoords();\r\n }\r\n if (activeObject) {\r\n activeObject.setCoords();\r\n }\r\n if (backgroundObject) {\r\n backgroundObject.setCoords();\r\n }\r\n if (overlayObject) {\r\n overlayObject.setCoords();\r\n }\r\n this.calcViewportBoundaries();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance, the zoom centered around point\r\n * meaning that following zoom to point with the same point will have the visual\r\n * effect of the zoom originating from that point. The point won't move.\r\n * It has nothing to do with canvas center or visual center of the viewport.\r\n * @param {Point} point to zoom with respect to\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n zoomToPoint: function (point, value) {\r\n // TODO: just change the scale, preserve other transformations\r\n var before = point,\r\n vpt = this.viewportTransform.slice(0);\r\n point = transformPoint(point, invertTransform(this.viewportTransform));\r\n vpt[0] = value;\r\n vpt[3] = value;\r\n var after = transformPoint(point, vpt);\r\n vpt[4] += before.x - after.x;\r\n vpt[5] += before.y - after.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setZoom: function (value) {\r\n this.zoomToPoint(new Point(0, 0), value);\r\n return this;\r\n },\r\n\r\n /**\r\n * Pan viewport so as to place point at top left corner of canvas\r\n * @param {Point} point to move to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n absolutePan: function (point) {\r\n var vpt = this.viewportTransform.slice(0);\r\n vpt[4] = -point.x;\r\n vpt[5] = -point.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Pans viewpoint relatively\r\n * @param {Point} point (position vector) to move by\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n relativePan: function (point) {\r\n return this.absolutePan(\r\n new Point(\r\n -point.x - this.viewportTransform[4],\r\n -point.y - this.viewportTransform[5]\r\n )\r\n );\r\n },\r\n\r\n /**\r\n * Returns <canvas> element corresponding to this instance\r\n * @return {HTMLCanvasElement}\r\n */\r\n getElement: function () {\r\n return this.lowerCanvasEl;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to add\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n add: function () {\r\n fabric.Collection.add.call(this, arguments, this._onObjectAdded);\r\n arguments.length > 0 &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n insertAt: function (objects, index) {\r\n fabric.Collection.insertAt.call(\r\n this,\r\n objects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n (Array.isArray(objects) ? objects.length > 0 : !!objects) &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to remove\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this.stateful && obj.setupState();\r\n if (obj.canvas && obj.canvas !== this) {\r\n /* _DEV_MODE_START_ */\r\n console.warn(\r\n 'fabric.Canvas: trying to add an object that belongs to a different canvas.\\n' +\r\n 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'\r\n );\r\n /* _DEV_MODE_END_ */\r\n obj.canvas.remove(obj);\r\n }\r\n obj._set('canvas', this);\r\n obj.setCoords();\r\n this.fire('object:added', { target: obj });\r\n obj.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n obj._set('canvas', undefined);\r\n this.fire('object:removed', { target: obj });\r\n obj.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Clears specified context of canvas element\r\n * @param {CanvasRenderingContext2D} ctx Context to clear\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clearContext: function (ctx) {\r\n ctx.clearRect(0, 0, this.width, this.height);\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where objects are drawn\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getContext: function () {\r\n return this.contextContainer;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n this.remove.apply(this, this.getObjects());\r\n this.backgroundImage = null;\r\n this.overlayImage = null;\r\n this.backgroundColor = '';\r\n this.overlayColor = '';\r\n if (this._hasITextHandlers) {\r\n this.off('mouse:up', this._mouseUpITextHandler);\r\n this._iTextInstances = null;\r\n this._hasITextHandlers = false;\r\n }\r\n this.clearContext(this.contextContainer);\r\n this.fire('canvas:cleared');\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Renders the canvas\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n this.renderCanvas(this.contextContainer, this._objects);\r\n return this;\r\n },\r\n\r\n /**\r\n * Function created to be instance bound at initialization\r\n * used in requestAnimationFrame rendering\r\n * Let the fabricJS call it. If you call it manually you could have more\r\n * animationFrame stacking on to of each other\r\n * for an imperative rendering, use canvas.renderAll\r\n * @private\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAndReset: function () {\r\n this.nextRenderHandle = 0;\r\n this.renderAll();\r\n },\r\n\r\n /**\r\n * Append a renderAll request to next animation frame.\r\n * unless one is already in progress, in that case nothing is done\r\n * a boolean flag will avoid appending more.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n requestRenderAll: function () {\r\n if (!this.nextRenderHandle && !this.disposed && !this.destroyed) {\r\n this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Calculate the position of the 4 corner of canvas with current viewportTransform.\r\n * helps to determinate when an object is in the current rendering viewport using\r\n * object absolute coordinates ( aCoords )\r\n * @return {Object} points.tl\r\n * @chainable\r\n */\r\n calcViewportBoundaries: function () {\r\n var width = this.width,\r\n height = this.height,\r\n iVpt = invertTransform(this.viewportTransform),\r\n a = transformPoint({ x: 0, y: 0 }, iVpt),\r\n b = transformPoint({ x: width, y: height }, iVpt),\r\n // we don't support vpt flipping\r\n // but the code is robust enough to mostly work with flipping\r\n min = a.min(b),\r\n max = a.max(b);\r\n return (this.vptCoords = {\r\n tl: min,\r\n tr: new Point(max.x, min.y),\r\n bl: new Point(min.x, max.y),\r\n br: max,\r\n });\r\n },\r\n\r\n cancelRequestedRender: function () {\r\n if (this.nextRenderHandle) {\r\n fabric.util.cancelAnimFrame(this.nextRenderHandle);\r\n this.nextRenderHandle = 0;\r\n }\r\n },\r\n\r\n /**\r\n * Renders background, objects, overlay and controls.\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {Array} objects to render\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderCanvas: function (ctx, objects) {\r\n if (this.destroyed) {\r\n return;\r\n }\r\n\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n this.calcViewportBoundaries();\r\n this.clearContext(ctx);\r\n ctx.imageSmoothingEnabled = this.imageSmoothingEnabled;\r\n // node-canvas\r\n ctx.patternQuality = 'best';\r\n this.fire('before:render', { ctx: ctx });\r\n this._renderBackground(ctx);\r\n\r\n ctx.save();\r\n //apply viewport transform once for all rendering process\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this._renderObjects(ctx, objects);\r\n ctx.restore();\r\n if (!this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n if (path) {\r\n path._set('canvas', this);\r\n // needed to setup a couple of variables\r\n path.shouldCache();\r\n path._transformDone = true;\r\n path.renderCache({ forClipping: true });\r\n this.drawClipPathOnCanvas(ctx);\r\n }\r\n this._renderOverlay(ctx);\r\n if (this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n this.fire('after:render', { ctx: ctx });\r\n\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask();\r\n this.__cleanupTask = undefined;\r\n }\r\n },\r\n\r\n /**\r\n * Paint the cached clipPath on the lowerCanvasEl\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawClipPathOnCanvas: function (ctx) {\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4;\r\n ctx.globalCompositeOperation = 'destination-in';\r\n path.transform(ctx);\r\n ctx.scale(1 / path.zoomX, 1 / path.zoomY);\r\n ctx.drawImage(\r\n path._cacheCanvas,\r\n -path.cacheTranslationX,\r\n -path.cacheTranslationY\r\n );\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} objects to render\r\n */\r\n _renderObjects: function (ctx, objects) {\r\n var i, len;\r\n for (i = 0, len = objects.length; i < len; ++i) {\r\n objects[i] && objects[i].render(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {string} property 'background' or 'overlay'\r\n */\r\n _renderBackgroundOrOverlay: function (ctx, property) {\r\n var fill = this[property + 'Color'],\r\n object = this[property + 'Image'],\r\n v = this.viewportTransform,\r\n needsVpt = this[property + 'Vpt'];\r\n if (!fill && !object) {\r\n return;\r\n }\r\n if (fill) {\r\n ctx.save();\r\n ctx.beginPath();\r\n ctx.moveTo(0, 0);\r\n ctx.lineTo(this.width, 0);\r\n ctx.lineTo(this.width, this.height);\r\n ctx.lineTo(0, this.height);\r\n ctx.closePath();\r\n ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill;\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0);\r\n var m = fill.gradientTransform || fill.patternTransform;\r\n m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n ctx.fill();\r\n ctx.restore();\r\n }\r\n if (object) {\r\n ctx.save();\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n object.render(ctx);\r\n ctx.restore();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'background');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderOverlay: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'overlay');\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * Returned value is an object with top and left properties\r\n * @return {Object} object with \"top\" and \"left\" number values\r\n * @deprecated migrate to `getCenterPoint`\r\n */\r\n getCenter: function () {\r\n return {\r\n top: this.height / 2,\r\n left: this.width / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * @return {Point}\r\n */\r\n getCenterPoint: function () {\r\n return new Point(this.width / 2, this.height / 2);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the canvas\r\n * @param {fabric.Object} object Object to center horizontally\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n centerObjectH: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(this.getCenterPoint().x, object.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically in the canvas\r\n * @param {fabric.Object} object Object to center vertically\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObjectV: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, this.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the canvas\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObject: function (object) {\r\n var center = this.getCenterPoint();\r\n return this._centerObject(object, center);\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the viewport\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObject: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n return this._centerObject(object, vpCenter);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectH: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n this._centerObject(\r\n object,\r\n new Point(vpCenter.x, object.getCenterPoint().y)\r\n );\r\n return this;\r\n },\r\n\r\n /**\r\n * Centers object Vertically in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectV: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, vpCenter.y)\r\n );\r\n },\r\n\r\n /**\r\n * Calculate the point in canvas that correspond to the center of actual viewport.\r\n * @return {Point} vpCenter, viewport center\r\n * @chainable\r\n */\r\n getVpCenter: function () {\r\n var center = this.getCenterPoint(),\r\n iVpt = invertTransform(this.viewportTransform);\r\n return transformPoint(center, iVpt);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object Object to center\r\n * @param {Point} center Center point\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n _centerObject: function (object, center) {\r\n object.setXY(center, 'center', 'center');\r\n object.setCoords();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns dataless JSON representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {String} json string\r\n */\r\n toDatalessJSON: function (propertiesToInclude) {\r\n return this.toDatalessObject(propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns Object representation of canvas\r\n * this alias is provided because if you call JSON.stringify on an instance,\r\n * the toJSON object will be invoked if it exists.\r\n * Having a toJSON method means you can do JSON.stringify(myCanvas)\r\n * @return {Object} JSON compatible object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo}\r\n * @example JSON without additional properties\r\n * var json = canvas.toJSON();\r\n * @example JSON with additional properties included\r\n * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']);\r\n * @example JSON without default values\r\n * var json = canvas.toJSON();\r\n */\r\n toJSON: function () {\r\n return this.toObject();\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toDatalessObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObjectMethod: function (methodName, propertiesToInclude) {\r\n const clipPath = this.clipPath;\r\n const clipPathData =\r\n clipPath && !clipPath.excludeFromExport\r\n ? this._toObject(clipPath, methodName, propertiesToInclude)\r\n : null;\r\n return {\r\n version: VERSION,\r\n ...pick(this, propertiesToInclude),\r\n objects: this._objects\r\n .filter((object) => !object.excludeFromExport)\r\n .map((instance) =>\r\n this._toObject(instance, methodName, propertiesToInclude)\r\n ),\r\n ...this.__serializeBgOverlay(methodName, propertiesToInclude),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n var originalValue;\r\n\r\n if (!this.includeDefaultValues) {\r\n originalValue = instance.includeDefaultValues;\r\n instance.includeDefaultValues = false;\r\n }\r\n\r\n var object = instance[methodName](propertiesToInclude);\r\n if (!this.includeDefaultValues) {\r\n instance.includeDefaultValues = originalValue;\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n __serializeBgOverlay: function (methodName, propertiesToInclude) {\r\n var data = {},\r\n bgImage = this.backgroundImage,\r\n overlayImage = this.overlayImage,\r\n bgColor = this.backgroundColor,\r\n overlayColor = this.overlayColor;\r\n\r\n if (bgColor && bgColor.toObject) {\r\n if (!bgColor.excludeFromExport) {\r\n data.background = bgColor.toObject(propertiesToInclude);\r\n }\r\n } else if (bgColor) {\r\n data.background = bgColor;\r\n }\r\n\r\n if (overlayColor && overlayColor.toObject) {\r\n if (!overlayColor.excludeFromExport) {\r\n data.overlay = overlayColor.toObject(propertiesToInclude);\r\n }\r\n } else if (overlayColor) {\r\n data.overlay = overlayColor;\r\n }\r\n\r\n if (bgImage && !bgImage.excludeFromExport) {\r\n data.backgroundImage = this._toObject(\r\n bgImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n if (overlayImage && !overlayImage.excludeFromExport) {\r\n data.overlayImage = this._toObject(\r\n overlayImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n\r\n return data;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true,\r\n * a zoomed canvas will then produce zoomed SVG output.\r\n * @type Boolean\r\n * @default\r\n */\r\n svgViewportTransformation: true,\r\n\r\n /**\r\n * Returns SVG representation of canvas\r\n * @function\r\n * @param {Object} [options] Options object for SVG output\r\n * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included\r\n * @param {Object} [options.viewBox] SVG viewbox object\r\n * @param {Number} [options.viewBox.x] x-coordinate of viewbox\r\n * @param {Number} [options.viewBox.y] y-coordinate of viewbox\r\n * @param {Number} [options.viewBox.width] Width of viewbox\r\n * @param {Number} [options.viewBox.height] Height of viewbox\r\n * @param {String} [options.encoding=UTF-8] Encoding of SVG output\r\n * @param {String} [options.width] desired width of svg with or without units\r\n * @param {String} [options.height] desired height of svg with or without units\r\n * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation.\r\n * @return {String} SVG string\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo}\r\n * @example Normal SVG output\r\n * var svg = canvas.toSVG();\r\n * @example SVG output without preamble (without <?xml ../>)\r\n * var svg = canvas.toSVG({suppressPreamble: true});\r\n * @example SVG output with viewBox attribute\r\n * var svg = canvas.toSVG({\r\n * viewBox: {\r\n * x: 100,\r\n * y: 100,\r\n * width: 200,\r\n * height: 300\r\n * }\r\n * });\r\n * @example SVG output with different encoding (default: UTF-8)\r\n * var svg = canvas.toSVG({encoding: 'ISO-8859-1'});\r\n * @example Modify SVG output with reviver function\r\n * var svg = canvas.toSVG(null, function(svg) {\r\n * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', '');\r\n * });\r\n */\r\n toSVG: function (options, reviver) {\r\n options || (options = {});\r\n options.reviver = reviver;\r\n var markup = [];\r\n\r\n this._setSVGPreamble(markup, options);\r\n this._setSVGHeader(markup, options);\r\n if (this.clipPath) {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n this._setSVGBgOverlayColor(markup, 'background');\r\n this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver);\r\n this._setSVGObjects(markup, reviver);\r\n if (this.clipPath) {\r\n markup.push('\\n');\r\n }\r\n this._setSVGBgOverlayColor(markup, 'overlay');\r\n this._setSVGBgOverlayImage(markup, 'overlayImage', reviver);\r\n\r\n markup.push('');\r\n\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGPreamble: function (markup, options) {\r\n if (options.suppressPreamble) {\r\n return;\r\n }\r\n markup.push(\r\n '\\n',\r\n '\\n'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGHeader: function (markup, options) {\r\n var width = options.width || this.width,\r\n height = options.height || this.height,\r\n vpt,\r\n viewBox = 'viewBox=\"0 0 ' + this.width + ' ' + this.height + '\" ',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n if (options.viewBox) {\r\n viewBox =\r\n 'viewBox=\"' +\r\n options.viewBox.x +\r\n ' ' +\r\n options.viewBox.y +\r\n ' ' +\r\n options.viewBox.width +\r\n ' ' +\r\n options.viewBox.height +\r\n '\" ';\r\n } else {\r\n if (this.svgViewportTransformation) {\r\n vpt = this.viewportTransform;\r\n viewBox =\r\n 'viewBox=\"' +\r\n toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) +\r\n '\" ';\r\n }\r\n }\r\n\r\n markup.push(\r\n '\\n',\r\n 'Created with Fabric.js ',\r\n VERSION,\r\n '\\n',\r\n '\\n',\r\n this.createSVGFontFacesMarkup(),\r\n this.createSVGRefElementsMarkup(),\r\n this.createSVGClipPathMarkup(options),\r\n '\\n'\r\n );\r\n },\r\n\r\n createSVGClipPathMarkup: function (options) {\r\n var clipPath = this.clipPath;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n return (\r\n '\\n' +\r\n this.clipPath.toClipPathSVG(options.reviver) +\r\n '\\n'\r\n );\r\n }\r\n return '';\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG referenced elements like patterns, gradients etc.\r\n * @return {String}\r\n */\r\n createSVGRefElementsMarkup: function () {\r\n var _this = this,\r\n markup = ['background', 'overlay'].map(function (prop) {\r\n var fill = _this[prop + 'Color'];\r\n if (fill && fill.toLive) {\r\n var shouldTransform = _this[prop + 'Vpt'],\r\n vpt = _this.viewportTransform,\r\n object = {\r\n width: _this.width / (shouldTransform ? vpt[0] : 1),\r\n height: _this.height / (shouldTransform ? vpt[3] : 1),\r\n };\r\n return fill.toSVG(object, {\r\n additionalTransform: shouldTransform\r\n ? fabric.util.matrixToSVG(vpt)\r\n : '',\r\n });\r\n }\r\n });\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG font faces,\r\n * font URLs for font faces must be collected by developers\r\n * and are not extracted from the DOM by fabricjs\r\n * @param {Array} objects Array of fabric objects\r\n * @return {String}\r\n */\r\n createSVGFontFacesMarkup: function () {\r\n var markup = '',\r\n fontList = {},\r\n obj,\r\n fontFamily,\r\n style,\r\n row,\r\n rowIndex,\r\n _char,\r\n charIndex,\r\n i,\r\n len,\r\n fontPaths = config.fontPaths,\r\n objects = [];\r\n\r\n this._objects.forEach(function add(object) {\r\n objects.push(object);\r\n if (object._objects) {\r\n object._objects.forEach(add);\r\n }\r\n });\r\n\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n obj = objects[i];\r\n fontFamily = obj.fontFamily;\r\n if (\r\n obj.type.indexOf('text') === -1 ||\r\n fontList[fontFamily] ||\r\n !fontPaths[fontFamily]\r\n ) {\r\n continue;\r\n }\r\n fontList[fontFamily] = true;\r\n if (!obj.styles) {\r\n continue;\r\n }\r\n style = obj.styles;\r\n for (rowIndex in style) {\r\n row = style[rowIndex];\r\n for (charIndex in row) {\r\n _char = row[charIndex];\r\n fontFamily = _char.fontFamily;\r\n if (!fontList[fontFamily] && fontPaths[fontFamily]) {\r\n fontList[fontFamily] = true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n for (var j in fontList) {\r\n markup += [\r\n '\\t\\t@font-face {\\n',\r\n \"\\t\\t\\tfont-family: '\",\r\n j,\r\n \"';\\n\",\r\n \"\\t\\t\\tsrc: url('\",\r\n fontPaths[j],\r\n \"');\\n\",\r\n '\\t\\t}\\n',\r\n ].join('');\r\n }\r\n\r\n if (markup) {\r\n markup = [\r\n '\\t\\n',\r\n ].join('');\r\n }\r\n\r\n return markup;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObjects: function (markup, reviver) {\r\n var instance,\r\n i,\r\n len,\r\n objects = this._objects;\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n instance = objects[i];\r\n if (instance.excludeFromExport) {\r\n continue;\r\n }\r\n this._setSVGObject(markup, instance, reviver);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n markup.push(instance.toSVG(reviver));\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayImage: function (markup, property, reviver) {\r\n if (\r\n this[property] &&\r\n !this[property].excludeFromExport &&\r\n this[property].toSVG\r\n ) {\r\n markup.push(this[property].toSVG(reviver));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayColor: function (markup, property) {\r\n var filler = this[property + 'Color'],\r\n vpt = this.viewportTransform,\r\n finalWidth = this.width,\r\n finalHeight = this.height;\r\n if (!filler) {\r\n return;\r\n }\r\n if (filler.toLive) {\r\n var repeat = filler.repeat,\r\n iVpt = fabric.util.invertTransform(vpt),\r\n shouldInvert = this[property + 'Vpt'],\r\n additionalTransform = shouldInvert\r\n ? fabric.util.matrixToSVG(iVpt)\r\n : '';\r\n markup.push(\r\n '\\n'\r\n );\r\n } else {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the bottom of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send to back\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.unshift(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.unshift(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the top of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.push(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.push(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection down in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in behind\r\n * the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx > 0 + objsMoved) {\r\n newIdx = idx - 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== 0) {\r\n // if object is not on the bottom of stack\r\n newIdx = this._findNewLowerIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewLowerIndex: function (object, idx, intersecting) {\r\n var newIdx, i;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse down the stack looking for the nearest intersecting object\r\n for (i = idx - 1; i >= 0; --i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx - 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection up in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in front\r\n * of the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx < this._objects.length - 1 - objsMoved) {\r\n newIdx = idx + 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== this._objects.length - 1) {\r\n // if object is not on top of stack (last item in an array)\r\n newIdx = this._findNewUpperIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewUpperIndex: function (object, idx, intersecting) {\r\n var newIdx, i, len;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse up the stack looking for the nearest intersecting object\r\n for (i = idx + 1, len = this._objects.length; i < len; ++i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx + 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @param {Number} index Position to move to\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (object, index) {\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(index, 0, object);\r\n return this.renderOnAddRemove && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * Waits until rendering has settled to destroy the canvas\r\n * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed\r\n * @throws if aborted by a consequent call\r\n */\r\n dispose: function () {\r\n this.disposed = true;\r\n return new Promise((resolve, reject) => {\r\n const task = () => {\r\n this.destroy();\r\n resolve(true);\r\n };\r\n task.kill = reject;\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask.kill('aborted');\r\n }\r\n\r\n if (this.destroyed) {\r\n resolve(false);\r\n } else if (this.nextRenderHandle) {\r\n this.__cleanupTask = task;\r\n } else {\r\n task();\r\n }\r\n });\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n this.destroyed = true;\r\n this.cancelRequestedRender();\r\n this.forEachObject(function (object) {\r\n object.dispose && object.dispose();\r\n });\r\n this._objects = [];\r\n if (this.backgroundImage && this.backgroundImage.dispose) {\r\n this.backgroundImage.dispose();\r\n }\r\n this.backgroundImage = null;\r\n if (this.overlayImage && this.overlayImage.dispose) {\r\n this.overlayImage.dispose();\r\n }\r\n this.overlayImage = null;\r\n this._iTextInstances = null;\r\n this.contextContainer = null;\r\n // restore canvas style and attributes\r\n this.lowerCanvasEl.classList.remove('lower-canvas');\r\n this.lowerCanvasEl.removeAttribute('data-fabric');\r\n if (this.interactive) {\r\n this.lowerCanvasEl.style.cssText = this._originalCanvasStyle;\r\n delete this._originalCanvasStyle;\r\n }\r\n // restore canvas size to original size in case retina scaling was applied\r\n this.lowerCanvasEl.setAttribute('width', this.width);\r\n this.lowerCanvasEl.setAttribute('height', this.height);\r\n fabric.util.cleanUpJsdomNode(this.lowerCanvasEl);\r\n this.lowerCanvasEl = undefined;\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n }\r\n );\r\n\r\n // hack - class methods are not enumrable\r\n // TODO remove when migrating to es6\r\n Object.getOwnPropertyNames(Observable.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: Observable.prototype[key],\r\n });\r\n });\r\n Object.getOwnPropertyNames(CommonMethods.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: CommonMethods.prototype[key],\r\n });\r\n });\r\n\r\n extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter);\r\n\r\n extend(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.StaticCanvas */ {\r\n /**\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n EMPTY_JSON: '{\"objects\": [], \"background\": \"white\"}',\r\n\r\n /**\r\n * Provides a way to check support of some of the canvas methods\r\n * (either those of HTMLCanvasElement itself, or rendering context)\r\n *\r\n * @param {String} methodName Method to check support for;\r\n * Could be one of \"setLineDash\"\r\n * @return {Boolean | null} `true` if method is supported (or at least exists),\r\n * `null` if canvas element or context can not be initialized\r\n */\r\n supports: function (methodName) {\r\n var el = createCanvasElement();\r\n\r\n if (!el || !el.getContext) {\r\n return null;\r\n }\r\n\r\n var ctx = el.getContext('2d');\r\n if (!ctx) {\r\n return null;\r\n }\r\n\r\n switch (methodName) {\r\n case 'setLineDash':\r\n return typeof ctx.setLineDash !== 'undefined';\r\n\r\n default:\r\n return null;\r\n }\r\n },\r\n }\r\n );\r\n\r\n if (fabric.isLikelyNode) {\r\n fabric.StaticCanvas.prototype.createPNGStream = function () {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createPNGStream();\r\n };\r\n fabric.StaticCanvas.prototype.createJPEGStream = function (opts) {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createJPEGStream(opts);\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n TOriginX,\r\n TOriginY,\r\n TPointerEvent,\r\n Transform,\r\n TransformAction,\r\n TransformEvent,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport const NOT_ALLOWED_CURSOR = 'not-allowed';\r\n\r\n/**\r\n * @param {Boolean} alreadySelected true if target is already selected\r\n * @param {String} corner a string representing the corner ml, mr, tl ...\r\n * @param {Event} e Event object\r\n * @param {FabricObject} [target] inserted back to help overriding. Unused\r\n */\r\nexport const getActionFromCorner = (\r\n alreadySelected: boolean,\r\n corner: string,\r\n e: TPointerEvent,\r\n target: FabricObject\r\n) => {\r\n if (!corner || !alreadySelected) {\r\n return 'drag';\r\n }\r\n const control = target.controls[corner];\r\n return control.getActionName(e, control, target);\r\n};\r\n\r\n/**\r\n * Checks if transform is centered\r\n * @param {Object} transform transform data\r\n * @return {Boolean} true if transform is centered\r\n */\r\nexport function isTransformCentered(transform: Transform) {\r\n return transform.originX === 'center' && transform.originY === 'center';\r\n}\r\n\r\nexport function invertOrigin(origin: TOriginX | TOriginY) {\r\n return -resolveOrigin(origin) + 0.5;\r\n}\r\n\r\nexport const isLocked = (\r\n target: FabricObject,\r\n lockingKey:\r\n | 'lockMovementX'\r\n | 'lockMovementY'\r\n | 'lockRotation'\r\n | 'lockScalingX'\r\n | 'lockScalingY'\r\n | 'lockSkewingX'\r\n | 'lockSkewingY'\r\n | 'lockScalingFlip'\r\n) => target[lockingKey];\r\n\r\nexport const commonEventInfo: TransformAction = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return {\r\n e: eventData,\r\n transform,\r\n pointer: new Point(x, y),\r\n };\r\n};\r\n\r\n/**\r\n * Combine control position and object angle to find the control direction compared\r\n * to the object center.\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n * @param {Control} control the control class\r\n * @return {Number} 0 - 7 a quadrant number\r\n */\r\nexport function findCornerQuadrant(\r\n fabricObject: FabricObject,\r\n control: Control\r\n) {\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle(),\r\n cornerAngle =\r\n angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360;\r\n return Math.round((cornerAngle % 360) / 45);\r\n}\r\n\r\n/**\r\n * @returns the normalized point (rotated relative to center) in local coordinates\r\n */\r\nfunction normalizePoint(\r\n target: FabricObject,\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n): Point {\r\n const center = target.getRelativeCenterPoint(),\r\n p =\r\n typeof originX !== 'undefined' && typeof originY !== 'undefined'\r\n ? target.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n )\r\n : new Point(target.left, target.top),\r\n p2 = target.angle\r\n ? point.rotate(-degreesToRadians(target.angle), center)\r\n : point;\r\n return p2.subtract(p);\r\n}\r\n\r\n/**\r\n * Transforms a point to the offset from the given origin\r\n * @param {Object} transform\r\n * @param {String} originX\r\n * @param {String} originY\r\n * @param {number} x\r\n * @param {number} y\r\n * @return {Fabric.Point} the normalized point\r\n */\r\nexport function getLocalPoint(\r\n { target, corner }: Transform,\r\n originX: TOriginX,\r\n originY: TOriginY,\r\n x: number,\r\n y: number\r\n) {\r\n const control = target.controls[corner],\r\n zoom = target.canvas?.getZoom() || 1,\r\n padding = target.padding / zoom,\r\n localPoint = normalizePoint(target, new Point(x, y), originX, originY);\r\n if (localPoint.x >= padding) {\r\n localPoint.x -= padding;\r\n }\r\n if (localPoint.x <= -padding) {\r\n localPoint.x += padding;\r\n }\r\n if (localPoint.y >= padding) {\r\n localPoint.y -= padding;\r\n }\r\n if (localPoint.y <= padding) {\r\n localPoint.y += padding;\r\n }\r\n localPoint.x -= control.offsetX;\r\n localPoint.y -= control.offsetY;\r\n return localPoint;\r\n}\r\n","import { TransformEvent } from '../typedefs';\r\n\r\nexport const fireEvent = (eventName: string, options: TransformEvent) => {\r\n const {\r\n transform: { target },\r\n } = options;\r\n target.canvas?.fire(`object:${eventName}`, { ...options, target });\r\n target.fire(eventName, options);\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo } from './util';\r\n\r\n/**\r\n * Wrap an action handler with firing an event if the action is performed\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport const wrapWithFireEvent = (\r\n eventName: string,\r\n actionHandler: TransformActionHandler\r\n) => {\r\n return ((eventData, transform, x, y) => {\r\n const actionPerformed = actionHandler(eventData, transform, x, y);\r\n if (actionPerformed) {\r\n fireEvent(eventName, commonEventInfo(eventData, transform, x, y));\r\n }\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\n\r\n/**\r\n * Wrap an action handler with saving/restoring object position on the transform.\r\n * this is the code that permits to objects to keep their position while transforming.\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport function wrapWithFixedAnchor(\r\n actionHandler: TransformActionHandler\r\n) {\r\n return ((eventData, transform, x, y) => {\r\n const { target, originX, originY } = transform,\r\n centerPoint = target.getRelativeCenterPoint(),\r\n constraint = target.translateToOriginPoint(centerPoint, originX, originY),\r\n actionPerformed = actionHandler(eventData, transform, x, y);\r\n target.setPositionByOrigin(constraint, originX, originY);\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { getLocalPoint, isTransformCentered } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Action handler to change object's width\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const changeObjectWidth: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const localPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // make sure the control changes width ONLY from it's side of target\r\n if (\r\n transform.originX === 'center' ||\r\n (transform.originX === 'right' && localPoint.x < 0) ||\r\n (transform.originX === 'left' && localPoint.x > 0)\r\n ) {\r\n const { target } = transform,\r\n strokePadding =\r\n target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),\r\n multiplier = isTransformCentered(transform) ? 2 : 1,\r\n oldWidth = target.width,\r\n newWidth = Math.ceil(\r\n Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding\r\n );\r\n target.set('width', Math.max(newWidth, 0));\r\n // check against actual target width in case `newWidth` was rejected\r\n return oldWidth !== target.width;\r\n }\r\n return false;\r\n};\r\n\r\nexport const changeWidth = wrapWithFireEvent(\r\n 'resizing',\r\n wrapWithFixedAnchor(changeObjectWidth)\r\n);\r\n","import { PiBy180, twoMathPi } from '../constants';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport type ControlRenderingStyleOverride = Partial<\r\n Pick<\r\n FabricObject,\r\n | 'cornerStyle'\r\n | 'cornerSize'\r\n | 'cornerColor'\r\n | 'cornerStrokeColor'\r\n | 'cornerDashArray'\r\n | 'transparentCorners'\r\n >\r\n>;\r\n\r\nexport type ControlRenderer = (\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) => void;\r\n\r\n/**\r\n * Render a round control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderCircleControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);\r\n let myLeft = left,\r\n myTop = top,\r\n size;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // TODO: use proper ellipse code.\r\n if (xSize > ySize) {\r\n size = xSize;\r\n ctx.scale(1.0, ySize / xSize);\r\n myTop = (top * xSize) / ySize;\r\n } else if (ySize > xSize) {\r\n size = ySize;\r\n ctx.scale(xSize / ySize, 1.0);\r\n myLeft = (left * ySize) / xSize;\r\n } else {\r\n size = xSize;\r\n }\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.beginPath();\r\n ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false);\r\n ctx[methodName]();\r\n if (stroke) {\r\n ctx.stroke();\r\n }\r\n ctx.restore();\r\n}\r\n\r\n/**\r\n * Render a square control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderSquareControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),\r\n xSizeBy2 = xSize / 2,\r\n ySizeBy2 = ySize / 2;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.translate(left, top);\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle();\r\n ctx.rotate(degreesToRadians(angle));\r\n // this does not work, and fixed with ( && ) does not make sense.\r\n // to have real transparent corners we need the controls on upperCanvas\r\n // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n if (stroke) {\r\n ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n }\r\n ctx.restore();\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo, isLocked } from './util';\r\n\r\n/**\r\n * Action handler\r\n * @private\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if the translation occurred\r\n */\r\nexport const dragHandler: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const { target, offsetX, offsetY } = transform,\r\n newLeft = x - offsetX,\r\n newTop = y - offsetY,\r\n moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\r\n moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\r\n moveX && target.set('left', newLeft);\r\n moveY && target.set('top', newTop);\r\n if (moveX || moveY) {\r\n fireEvent('moving', commonEventInfo(eventData, transform, x, y));\r\n }\r\n return moveX || moveY;\r\n};\r\n","// @ts-nocheck\r\n\r\nimport { ControlCursorCallback, TransformActionHandler } from '../typedefs';\r\nimport { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\r\nimport { isLocked, NOT_ALLOWED_CURSOR } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Find the correct style for the control that is used for rotation.\r\n * this function is very simple and it just take care of not-allowed or standard cursor\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const rotationStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (fabricObject.lockRotation) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n return control.cursorStyle;\r\n};\r\n\r\n/**\r\n * Action handler for rotation and snapping, without anchor point.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nconst rotateObjectWithSnapping: TransformActionHandler = (\r\n eventData,\r\n { target, ex, ey, theta, originX, originY },\r\n x,\r\n y\r\n) => {\r\n const pivotPoint = target.translateToOriginPoint(\r\n target.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n\r\n if (isLocked(target, 'lockRotation')) {\r\n return false;\r\n }\r\n\r\n const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x),\r\n curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x);\r\n let angle = radiansToDegrees(curAngle - lastAngle + theta);\r\n\r\n if (target.snapAngle && target.snapAngle > 0) {\r\n const snapAngle = target.snapAngle,\r\n snapThreshold = target.snapThreshold || snapAngle,\r\n rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle,\r\n leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle;\r\n\r\n if (Math.abs(angle - leftAngleLocked) < snapThreshold) {\r\n angle = leftAngleLocked;\r\n } else if (Math.abs(angle - rightAngleLocked) < snapThreshold) {\r\n angle = rightAngleLocked;\r\n }\r\n }\r\n\r\n // normalize angle to positive value\r\n if (angle < 0) {\r\n angle = 360 + angle;\r\n }\r\n angle %= 360;\r\n\r\n const hasRotated = target.angle !== angle;\r\n // TODO: why aren't we using set?\r\n target.angle = angle;\r\n return hasRotated;\r\n};\r\n\r\nexport const rotationWithSnapping = wrapWithFireEvent(\r\n 'rotating',\r\n wrapWithFixedAnchor(rotateObjectWithSnapping)\r\n);\r\n","import type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n invertOrigin,\r\n isLocked,\r\n isTransformCentered,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\ntype ScaleTransform = Transform & {\r\n gestureScale?: number;\r\n signX?: number;\r\n signY?: number;\r\n};\r\n\r\ntype ScaleBy = TAxis | 'equally' | '' | undefined;\r\n\r\n/**\r\n * Inspect event and fabricObject properties to understand if the scaling action\r\n * @param {Event} eventData from the user action\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @return {Boolean} true if scale is proportional\r\n */\r\nexport function scaleIsProportional(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject\r\n): boolean {\r\n const canvas = fabricObject.canvas as Canvas,\r\n uniformIsToggled = eventData[canvas.uniScaleKey];\r\n return (\r\n (canvas.uniformScaling && !uniformIsToggled) ||\r\n (!canvas.uniformScaling && uniformIsToggled)\r\n );\r\n}\r\n\r\n/**\r\n * Inspect fabricObject to understand if the current scaling action is allowed\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @param {String} by 'x' or 'y' or ''\r\n * @param {Boolean} scaleProportionally true if we are trying to scale proportionally\r\n * @return {Boolean} true if scaling is not allowed at current conditions\r\n */\r\nexport function scalingIsForbidden(\r\n fabricObject: FabricObject,\r\n by: ScaleBy,\r\n scaleProportionally: boolean\r\n) {\r\n const lockX = isLocked(fabricObject, 'lockScalingX'),\r\n lockY = isLocked(fabricObject, 'lockScalingY');\r\n if (lockX && lockY) {\r\n return true;\r\n }\r\n if (!by && (lockX || lockY) && scaleProportionally) {\r\n return true;\r\n }\r\n if (lockX && by === 'x') {\r\n return true;\r\n }\r\n if (lockY && by === 'y') {\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nconst scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'];\r\n\r\n/**\r\n * return the correct cursor style for the scale action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n const scaleProportionally = scaleIsProportional(eventData, fabricObject),\r\n by =\r\n control.x !== 0 && control.y === 0\r\n ? 'x'\r\n : control.x === 0 && control.y !== 0\r\n ? 'y'\r\n : '';\r\n if (scalingIsForbidden(fabricObject, by, scaleProportionally)) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control);\r\n return `${scaleMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @param {Object} options additional information for scaling\r\n * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nfunction scaleObject(\r\n eventData: TPointerEvent,\r\n transform: ScaleTransform,\r\n x: number,\r\n y: number,\r\n options: { by?: ScaleBy } = {}\r\n) {\r\n const target = transform.target,\r\n by = options.by,\r\n scaleProportionally = scaleIsProportional(eventData, target),\r\n forbidScaling = scalingIsForbidden(target, by, scaleProportionally);\r\n let newPoint, scaleX, scaleY, dim, signX, signY;\r\n\r\n if (forbidScaling) {\r\n return false;\r\n }\r\n if (transform.gestureScale) {\r\n scaleX = transform.scaleX * transform.gestureScale;\r\n scaleY = transform.scaleY * transform.gestureScale;\r\n } else {\r\n newPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // use of sign: We use sign to detect change of direction of an action. sign usually change when\r\n // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling\r\n // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily\r\n // cross many time the origin point and flip the object. so we need a way to filter out the noise.\r\n // This ternary here should be ok to filter out X scaling when we want Y only and vice versa.\r\n signX = by !== 'y' ? Math.sign(newPoint.x) : 1;\r\n signY = by !== 'x' ? Math.sign(newPoint.y) : 1;\r\n if (!transform.signX) {\r\n transform.signX = signX;\r\n }\r\n if (!transform.signY) {\r\n transform.signY = signY;\r\n }\r\n\r\n if (\r\n isLocked(target, 'lockScalingFlip') &&\r\n (transform.signX !== signX || transform.signY !== signY)\r\n ) {\r\n return false;\r\n }\r\n\r\n dim = target._getTransformedDimensions();\r\n // missing detection of flip and logic to switch the origin\r\n if (scaleProportionally && !by) {\r\n // uniform scaling\r\n const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y),\r\n { original } = transform,\r\n originalDistance =\r\n Math.abs((dim.x * original.scaleX) / target.scaleX) +\r\n Math.abs((dim.y * original.scaleY) / target.scaleY),\r\n scale = distance / originalDistance;\r\n scaleX = original.scaleX * scale;\r\n scaleY = original.scaleY * scale;\r\n } else {\r\n scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x);\r\n scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y);\r\n }\r\n // if we are scaling by center, we need to double the scale\r\n if (isTransformCentered(transform)) {\r\n scaleX *= 2;\r\n scaleY *= 2;\r\n }\r\n if (transform.signX !== signX && by !== 'y') {\r\n transform.originX = invertOrigin(transform.originX);\r\n scaleX *= -1;\r\n transform.signX = signX;\r\n }\r\n if (transform.signY !== signY && by !== 'x') {\r\n transform.originY = invertOrigin(transform.originY);\r\n scaleY *= -1;\r\n transform.signY = signY;\r\n }\r\n }\r\n // minScale is taken are in the setter.\r\n const oldScaleX = target.scaleX,\r\n oldScaleY = target.scaleY;\r\n if (!by) {\r\n !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX);\r\n !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY);\r\n } else {\r\n // forbidden cases already handled on top here.\r\n by === 'x' && target.set('scaleX', scaleX);\r\n by === 'y' && target.set('scaleY', scaleY);\r\n }\r\n return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY;\r\n}\r\n\r\n/**\r\n * Generic scaling logic, to scale from corners either equally or freely.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scaleObjectFromCorner: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Scaling logic for the X axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'x' });\r\n};\r\n\r\n/**\r\n * Scaling logic for the Y axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'y' });\r\n};\r\n\r\nexport const scalingEqually = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectFromCorner)\r\n);\r\n\r\nexport const scalingX = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectX)\r\n);\r\n\r\nexport const scalingY = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectY)\r\n);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TAxisKey,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n isLocked,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport type SkewTransform = Transform & { skewingSide: -1 | 1 };\r\n\r\nconst AXIS_KEYS: Record<\r\n TAxis,\r\n {\r\n counterAxis: TAxis;\r\n scale: TAxisKey<'scale'>;\r\n skew: TAxisKey<'skew'>;\r\n lockSkewing: TAxisKey<'lockSkewing'>;\r\n origin: TAxisKey<'origin'>;\r\n flip: TAxisKey<'flip'>;\r\n }\r\n> = {\r\n x: {\r\n counterAxis: 'y',\r\n scale: 'scaleX',\r\n skew: 'skewX',\r\n lockSkewing: 'lockSkewingX',\r\n origin: 'originX',\r\n flip: 'flipX',\r\n },\r\n y: {\r\n counterAxis: 'x',\r\n scale: 'scaleY',\r\n skew: 'skewY',\r\n lockSkewing: 'lockSkewingY',\r\n origin: 'originY',\r\n flip: 'flipY',\r\n },\r\n};\r\n\r\nconst skewMap = ['ns', 'nesw', 'ew', 'nwse'];\r\n\r\n/**\r\n * return the correct cursor style for the skew action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const skewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control) % 4;\r\n return `${skewMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Since skewing is applied before scaling, calculations are done in a scaleless plane\r\n * @see https://github.com/fabricjs/fabric.js/pull/8380\r\n */\r\nfunction skewObject(\r\n axis: TAxis,\r\n { target, ex, ey, skewingSide, ...transform }: SkewTransform,\r\n pointer: Point\r\n) {\r\n const { skew: skewKey } = AXIS_KEYS[axis],\r\n offset = pointer\r\n .subtract(new Point(ex, ey))\r\n .divide(new Point(target.scaleX, target.scaleY))[axis],\r\n skewingBefore = target[skewKey],\r\n skewingStart = transform[skewKey],\r\n shearingStart = Math.tan(degreesToRadians(skewingStart)),\r\n // let a, b be the size of target\r\n // let a' be the value of a after applying skewing\r\n // then:\r\n // a' = a + b * skewA => skewA = (a' - a) / b\r\n // the value b is tricky since skewY is applied before skewX\r\n b =\r\n axis === 'y'\r\n ? target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n // since skewY is applied before skewX, b (=width) is not affected by skewX\r\n skewX: 0,\r\n }).x\r\n : target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n }).y;\r\n\r\n const shearing =\r\n (2 * offset * skewingSide) /\r\n // we max out fractions to safeguard from asymptotic behavior\r\n Math.max(b, 1) +\r\n // add starting state\r\n shearingStart;\r\n\r\n const skewing = radiansToDegrees(Math.atan(shearing));\r\n\r\n target.set(skewKey, skewing);\r\n const changed = skewingBefore !== target[skewKey];\r\n\r\n if (changed && axis === 'y') {\r\n // we don't want skewing to affect scaleX\r\n // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer\r\n const { skewX, scaleX } = target,\r\n dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }),\r\n dimAfter = target._getTransformedDimensions(),\r\n compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1;\r\n compensationFactor !== 1 &&\r\n target.set('scaleX', compensationFactor * scaleX);\r\n }\r\n\r\n return changed;\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on a given axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nfunction skewHandler(\r\n axis: TAxis,\r\n eventData: TPointerEvent,\r\n transform: Transform,\r\n x: number,\r\n y: number\r\n) {\r\n const { target } = transform,\r\n {\r\n counterAxis,\r\n origin: originKey,\r\n lockSkewing: lockSkewingKey,\r\n skew: skewKey,\r\n flip: flipKey,\r\n } = AXIS_KEYS[axis];\r\n if (isLocked(target, lockSkewingKey)) {\r\n return false;\r\n }\r\n\r\n const { origin: counterOriginKey, flip: counterFlipKey } =\r\n AXIS_KEYS[counterAxis],\r\n counterOriginFactor =\r\n resolveOrigin(transform[counterOriginKey]) *\r\n (target[counterFlipKey] ? -1 : 1),\r\n // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively.\r\n // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively.\r\n // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer,\r\n // so we factor skewing direction by this value.\r\n skewingSide = (-Math.sign(counterOriginFactor) *\r\n (target[flipKey] ? -1 : 1)) as 1 | -1,\r\n skewingDirection =\r\n ((target[skewKey] === 0 &&\r\n // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing\r\n getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) ||\r\n // in case target has skewing we use that as the direction\r\n target[skewKey] > 0\r\n ? 1\r\n : -1) * skewingSide,\r\n // anchor to the opposite side of the skewing direction\r\n // normalize value from [-1, 1] to origin value [0, 1]\r\n origin = -skewingDirection * 0.5 + 0.5;\r\n\r\n const finalHandler = wrapWithFireEvent(\r\n 'skewing',\r\n wrapWithFixedAnchor((eventData, transform, x, y) =>\r\n skewObject(axis, transform, new Point(x, y))\r\n )\r\n );\r\n\r\n return finalHandler(\r\n eventData,\r\n {\r\n ...transform,\r\n [originKey]: origin,\r\n skewingSide,\r\n },\r\n x,\r\n y\r\n );\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the X axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('x', eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the Y axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('y', eventData, transform, x, y);\r\n};\r\n","import type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n ControlCallback,\r\n ControlCursorCallback,\r\n TAxisKey,\r\n TPointerEvent,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport { scaleCursorStyleHandler, scalingX, scalingY } from './scale';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\n\r\nfunction isAltAction(eventData: TPointerEvent, target: FabricObject) {\r\n return eventData[(target.canvas as Canvas)?.altActionKey];\r\n}\r\n\r\n/**\r\n * Inspect event, control and fabricObject to return the correct action name\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} an action name\r\n */\r\nexport const scaleOrSkewActionName: ControlCallback<\r\n TAxisKey<'skew' | 'scale'> | undefined\r\n> = (eventData, control, fabricObject) => {\r\n const isAlternative = isAltAction(eventData, fabricObject);\r\n if (control.x === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewX' : 'scaleY';\r\n }\r\n if (control.y === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewY' : 'scaleX';\r\n }\r\n};\r\n\r\n/**\r\n * Combine skew and scale style handlers to cover fabric standard use case\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleSkewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n return isAltAction(eventData, fabricObject)\r\n ? skewCursorStyleHandler(eventData, control, fabricObject)\r\n : scaleCursorStyleHandler(eventData, control, fabricObject);\r\n};\r\n/**\r\n * Composed action handler to either scale X or skew Y\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingXOrSkewingY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerY(eventData, transform, x, y)\r\n : scalingX(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Composed action handler to either scale Y or skew X\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingYOrSkewingX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerX(eventData, transform, x, y)\r\n : scalingY(eventData, transform, x, y);\r\n};\r\n","import { fabric } from '../../HEADER';\r\nimport { changeWidth } from './changeWidth';\r\nimport { renderCircleControl, renderSquareControl } from './controls.render';\r\nimport { dragHandler } from './drag';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport {\r\n scaleCursorStyleHandler,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n} from './scale';\r\nimport {\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './scaleSkew';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\nimport { getLocalPoint, getActionFromCorner } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n getActionFromCorner,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n\r\n/**\r\n * @todo remove as unused\r\n */\r\nfabric.controlsUtils = {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n","//@ts-nocheck\r\nimport { dragHandler, getActionFromCorner } from './controls/actions';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { Transform } from './typedefs';\r\nimport { saveObjectTransform } from './util/misc/objectTransforms';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n getPointer = fabric.util.getPointer,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n isTouchEvent = fabric.util.isTouchEvent;\r\n\r\n /**\r\n * Canvas class\r\n * @class fabric.Canvas\r\n * @extends fabric.StaticCanvas\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas}\r\n * @see {@link fabric.Canvas#initialize} for constructor definition\r\n *\r\n * @fires object:modified at the end of a transform or any change when statefull is true\r\n * @fires object:rotating while an object is being rotated from the control\r\n * @fires object:scaling while an object is being scaled by controls\r\n * @fires object:moving while an object is being dragged\r\n * @fires object:skewing while an object is being skewed from the controls\r\n *\r\n * @fires before:transform before a transform is is started\r\n * @fires before:selection:cleared\r\n * @fires selection:cleared\r\n * @fires selection:updated\r\n * @fires selection:created\r\n *\r\n * @fires path:created after a drawing operation ends and the path is added\r\n * @fires mouse:down\r\n * @fires mouse:move\r\n * @fires mouse:up\r\n * @fires mouse:down:before on mouse down, before the inner fabric logic runs\r\n * @fires mouse:move:before on mouse move, before the inner fabric logic runs\r\n * @fires mouse:up:before on mouse up, before the inner fabric logic runs\r\n * @fires mouse:over\r\n * @fires mouse:out\r\n * @fires mouse:dblclick whenever a native dbl click event fires on the canvas.\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drag:enter object drag enter\r\n * @fires drag:leave object drag leave\r\n * @fires drop:before before drop event. Prepare for the drop event (same native event).\r\n * @fires drop\r\n * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event).\r\n * @example\r\n * let a: fabric.Object, b: fabric.Object;\r\n * let flag = false;\r\n * canvas.add(a, b);\r\n * a.on('drop:before', opt => {\r\n * // we want a to accept the drop even though it's below b in the stack\r\n * flag = this.canDrop(opt.e);\r\n * });\r\n * b.canDrop = function(e) {\r\n * !flag && this.callSuper('canDrop', e);\r\n * }\r\n * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black'));\r\n * a.on('drop', opt => {\r\n * opt.e.defaultPrevented // drop occured\r\n * opt.didDrop // drop occured on canvas\r\n * opt.target // drop target\r\n * opt.target !== a && a.set('text', 'I lost');\r\n * });\r\n * canvas.on('drop:after', opt => {\r\n * // inform user who won\r\n * if(!opt.e.defaultPrevented) {\r\n * // no winners\r\n * }\r\n * else if(!opt.didDrop) {\r\n * // my objects didn't win, some other lucky object\r\n * }\r\n * else {\r\n * // we have a winner it's opt.target!!\r\n * }\r\n * })\r\n *\r\n * @fires after:render at the end of the render process, receives the context in the callback\r\n * @fires before:render at start the render process, receives the context in the callback\r\n *\r\n * @fires contextmenu:before\r\n * @fires contextmenu\r\n * @example\r\n * let handler;\r\n * targets.forEach(target => {\r\n * target.on('contextmenu:before', opt => {\r\n * // decide which target should handle the event before canvas hijacks it\r\n * if (someCaseHappens && opt.targets.includes(target)) {\r\n * handler = target;\r\n * }\r\n * });\r\n * target.on('contextmenu', opt => {\r\n * // do something fantastic\r\n * });\r\n * });\r\n * canvas.on('contextmenu', opt => {\r\n * if (!handler) {\r\n * // no one takes responsibility, it's always left to me\r\n * // let's show them how it's done!\r\n * }\r\n * });\r\n *\r\n */\r\n fabric.Canvas = fabric.util.createClass(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n this._initInteractive();\r\n this._createCacheCanvas();\r\n },\r\n\r\n /**\r\n * When true, objects can be transformed by one side (unproportionally)\r\n * when dragged on the corners that normally would not do that.\r\n * @type Boolean\r\n * @default\r\n * @since fabric 4.0 // changed name and default value\r\n */\r\n uniformScaling: true,\r\n\r\n /**\r\n * Indicates which key switches uniform scaling.\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * totally wrong named. this sounds like `uniform scaling`\r\n * if Canvas.uniformScaling is true, pressing this will set it to false\r\n * and viceversa.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n uniScaleKey: 'shiftKey',\r\n\r\n /**\r\n * When true, objects use center point as the origin of scale transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false,\r\n\r\n /**\r\n * When true, objects use center point as the origin of rotate transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: false,\r\n\r\n /**\r\n * Indicates which key enable centered Transform\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n centeredKey: 'altKey',\r\n\r\n /**\r\n * Indicates which key enable alternate action on corner\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n altActionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates that canvas is interactive. This property should not be changed.\r\n * @type Boolean\r\n * @default\r\n */\r\n interactive: true,\r\n\r\n /**\r\n * Indicates whether group selection should be enabled\r\n * @type Boolean\r\n * @default\r\n */\r\n selection: true,\r\n\r\n /**\r\n * Indicates which key or keys enable multiple click selection\r\n * Pass value as a string or array of strings\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or empty or containing any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey|ModifierKey[]\r\n * @default\r\n */\r\n selectionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates which key enable alternative selection\r\n * in case of target overlapping with active object\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * For a series of reason that come from the general expectations on how\r\n * things should work, this feature works only for preserveObjectStacking true.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.5\r\n * @type null|ModifierKey\r\n * @default\r\n */\r\n altSelectionKey: null,\r\n\r\n /**\r\n * Color of selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: 'rgba(100, 100, 255, 0.3)', // blue\r\n\r\n /**\r\n * Default dash array pattern\r\n * If not empty the selection border is dashed\r\n * @type Array\r\n */\r\n selectionDashArray: [],\r\n\r\n /**\r\n * Color of the border of selection (usually slightly darker than color of selection itself)\r\n * @type String\r\n * @default\r\n */\r\n selectionBorderColor: 'rgba(255, 255, 255, 0.3)',\r\n\r\n /**\r\n * Width of a line used in object/group selection\r\n * @type Number\r\n * @default\r\n */\r\n selectionLineWidth: 1,\r\n\r\n /**\r\n * Select only shapes that are fully contained in the dragged selection rectangle.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectionFullyContained: false,\r\n\r\n /**\r\n * Default cursor value used when hovering over an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n hoverCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used when moving an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n moveCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used for the entire canvas\r\n * @type String\r\n * @default\r\n */\r\n defaultCursor: 'default',\r\n\r\n /**\r\n * Cursor value used during free drawing\r\n * @type String\r\n * @default\r\n */\r\n freeDrawingCursor: 'crosshair',\r\n\r\n /**\r\n * Cursor value used for disabled elements ( corners with disabled action )\r\n * @type String\r\n * @since 2.0.0\r\n * @default\r\n */\r\n notAllowedCursor: 'not-allowed',\r\n\r\n /**\r\n * Default element class that's given to wrapper (div) element of canvas\r\n * @type String\r\n * @default\r\n */\r\n containerClass: 'canvas-container',\r\n\r\n /**\r\n * When true, object detection happens on per-pixel basis rather than on per-bounding-box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: false,\r\n\r\n /**\r\n * Number of pixels around target pixel to tolerate (consider active) during object detection\r\n * @type Number\r\n * @default\r\n */\r\n targetFindTolerance: 0,\r\n\r\n /**\r\n * When true, target detection is skipped. Target detection will return always undefined.\r\n * click selection won't work anymore, events will fire with no targets.\r\n * if something is selected before setting it to true, it will be deselected at the first click.\r\n * area selection will still work. check the `selection` property too.\r\n * if you deactivate both, you should look into staticCanvas.\r\n * @type Boolean\r\n * @default\r\n */\r\n skipTargetFind: false,\r\n\r\n /**\r\n * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing.\r\n * After mousedown, mousemove creates a shape,\r\n * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas.\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing}\r\n * @type Boolean\r\n * @default\r\n */\r\n isDrawingMode: false,\r\n\r\n /**\r\n * Indicates whether objects should remain in current stack position when selected.\r\n * When false objects are brought to top and rendered as part of the selection group\r\n * @type Boolean\r\n * @default\r\n */\r\n preserveObjectStacking: false,\r\n\r\n /**\r\n * Indicates if the right click on canvas can output the context menu or not\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n stopContextMenu: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire right click events\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n fireRightClick: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire middle click events\r\n * @type Boolean\r\n * @since 1.7.8\r\n * @default\r\n */\r\n fireMiddleClick: false,\r\n\r\n /**\r\n * Keep track of the subTargets for Mouse Events\r\n * @type fabric.Object[]\r\n */\r\n targets: [],\r\n\r\n /**\r\n * When the option is enabled, PointerEvent is used instead of MouseEvent.\r\n * @type Boolean\r\n * @default\r\n */\r\n enablePointerEvents: false,\r\n\r\n /**\r\n * Keep track of the hovered target\r\n * @type fabric.Object\r\n * @private\r\n */\r\n _hoveredTarget: null,\r\n\r\n /**\r\n * hold the list of nested targets hovered\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _hoveredTargets: [],\r\n\r\n /**\r\n * hold the list of objects to render\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _objectsToRender: undefined,\r\n\r\n /**\r\n * @private\r\n */\r\n _initInteractive: function () {\r\n this._currentTransform = null;\r\n this._groupSelector = null;\r\n this._initWrapperElement();\r\n this._createUpperCanvas();\r\n this._initEventListeners();\r\n\r\n this._initRetinaScaling();\r\n\r\n this.freeDrawingBrush =\r\n fabric.PencilBrush && new fabric.PencilBrush(this);\r\n\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this._objectsToRender = undefined;\r\n this.callSuper('_onObjectAdded', obj);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n this._objectsToRender = undefined;\r\n // removing active object should fire \"selection:cleared\" events\r\n if (obj === this._activeObject) {\r\n this.fire('before:selection:cleared', { target: obj });\r\n this._discardActiveObject();\r\n this.fire('selection:cleared', { target: obj });\r\n obj.fire('deselected');\r\n }\r\n if (obj === this._hoveredTarget) {\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n this.callSuper('_onObjectRemoved', obj);\r\n },\r\n\r\n /**\r\n * Divides objects in two groups, one to render immediately\r\n * and one to render as activeGroup.\r\n * @return {Array} objects to render immediately and pushes the other in the activeGroup.\r\n */\r\n _chooseObjectsToRender: function () {\r\n var activeObjects = this.getActiveObjects(),\r\n object,\r\n objsToRender,\r\n activeGroupObjects;\r\n\r\n if (!this.preserveObjectStacking && activeObjects.length > 1) {\r\n objsToRender = [];\r\n activeGroupObjects = [];\r\n for (var i = 0, length = this._objects.length; i < length; i++) {\r\n object = this._objects[i];\r\n if (activeObjects.indexOf(object) === -1) {\r\n objsToRender.push(object);\r\n } else {\r\n activeGroupObjects.push(object);\r\n }\r\n }\r\n if (activeObjects.length > 1) {\r\n this._activeObject._objects = activeGroupObjects;\r\n }\r\n objsToRender.push.apply(objsToRender, activeGroupObjects);\r\n }\r\n // in case a single object is selected render it's entire parent above the other objects\r\n else if (!this.preserveObjectStacking && activeObjects.length === 1) {\r\n var target = activeObjects[0],\r\n ancestors = target.getAncestors(true);\r\n var topAncestor = ancestors.length === 0 ? target : ancestors.pop();\r\n objsToRender = this._objects.slice();\r\n var index = objsToRender.indexOf(topAncestor);\r\n index > -1 &&\r\n objsToRender.splice(objsToRender.indexOf(topAncestor), 1);\r\n objsToRender.push(topAncestor);\r\n } else {\r\n objsToRender = this._objects;\r\n }\r\n return objsToRender;\r\n },\r\n\r\n /**\r\n * Renders both the top canvas and the secondary container canvas.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n if (\r\n this.contextTopDirty &&\r\n !this._groupSelector &&\r\n !this.isDrawingMode\r\n ) {\r\n this.clearContext(this.contextTop);\r\n this.contextTopDirty = false;\r\n }\r\n if (this.hasLostContext) {\r\n this.renderTopLayer(this.contextTop);\r\n this.hasLostContext = false;\r\n }\r\n !this._objectsToRender &&\r\n (this._objectsToRender = this._chooseObjectsToRender());\r\n this.renderCanvas(this.contextContainer, this._objectsToRender);\r\n return this;\r\n },\r\n\r\n renderTopLayer: function (ctx) {\r\n ctx.save();\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush && this.freeDrawingBrush._render();\r\n this.contextTopDirty = true;\r\n }\r\n // we render the top context - last object\r\n if (this.selection && this._groupSelector) {\r\n this._drawSelection(ctx);\r\n this.contextTopDirty = true;\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Method to render only the top canvas.\r\n * Also used to render the group selection box.\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n renderTop: function () {\r\n var ctx = this.contextTop;\r\n this.clearContext(ctx);\r\n this.renderTopLayer(ctx);\r\n this.fire('after:render');\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _normalizePointer: function (object, pointer) {\r\n var m = object.calcTransformMatrix(),\r\n invertedM = fabric.util.invertTransform(m),\r\n vptPointer = this.restorePointerVpt(pointer);\r\n return fabric.util.transformPoint(vptPointer, invertedM);\r\n },\r\n\r\n /**\r\n * Returns true if object is transparent at a certain location\r\n * @param {fabric.Object} target Object to check\r\n * @param {Number} x Left coordinate\r\n * @param {Number} y Top coordinate\r\n * @return {Boolean}\r\n */\r\n isTargetTransparent: function (target, x, y) {\r\n // in case the target is the activeObject, we cannot execute this optimization\r\n // because we need to draw controls too.\r\n if (\r\n target.shouldCache() &&\r\n target._cacheCanvas &&\r\n target !== this._activeObject\r\n ) {\r\n var normalizedPointer = this._normalizePointer(target, {\r\n x: x,\r\n y: y,\r\n }),\r\n targetRelativeX = Math.max(\r\n target.cacheTranslationX + normalizedPointer.x * target.zoomX,\r\n 0\r\n ),\r\n targetRelativeY = Math.max(\r\n target.cacheTranslationY + normalizedPointer.y * target.zoomY,\r\n 0\r\n );\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n target._cacheContext,\r\n Math.round(targetRelativeX),\r\n Math.round(targetRelativeY),\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n }\r\n\r\n var ctx = this.contextCache,\r\n originalColor = target.selectionBackgroundColor,\r\n v = this.viewportTransform;\r\n\r\n target.selectionBackgroundColor = '';\r\n\r\n this.clearContext(ctx);\r\n\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n target.render(ctx);\r\n ctx.restore();\r\n\r\n target.selectionBackgroundColor = originalColor;\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n ctx,\r\n x,\r\n y,\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n },\r\n\r\n /**\r\n * takes an event and determines if selection key has been pressed\r\n * @private\r\n * @param {Event} e Event object\r\n */\r\n _isSelectionKeyPressed: function (e) {\r\n var selectionKeyPressed = false;\r\n\r\n if (Array.isArray(this.selectionKey)) {\r\n selectionKeyPressed = !!this.selectionKey.find(function (key) {\r\n return e[key] === true;\r\n });\r\n } else {\r\n selectionKeyPressed = e[this.selectionKey];\r\n }\r\n\r\n return selectionKeyPressed;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _shouldClearSelection: function (e, target) {\r\n var activeObjects = this.getActiveObjects(),\r\n activeObject = this._activeObject;\r\n\r\n return (\r\n !target ||\r\n (target &&\r\n activeObject &&\r\n activeObjects.length > 1 &&\r\n activeObjects.indexOf(target) === -1 &&\r\n activeObject !== target &&\r\n !this._isSelectionKeyPressed(e)) ||\r\n (target && !target.evented) ||\r\n (target &&\r\n !target.selectable &&\r\n activeObject &&\r\n activeObject !== target)\r\n );\r\n },\r\n\r\n /**\r\n * centeredScaling from object can't override centeredScaling from canvas.\r\n * this should be fixed, since object setting should take precedence over canvas.\r\n * also this should be something that will be migrated in the control properties.\r\n * as ability to define the origin of the transformation that the control provide.\r\n * @private\r\n * @param {fabric.Object} target\r\n * @param {String} action\r\n * @param {Boolean} altKey\r\n */\r\n _shouldCenterTransform: function (target, action, altKey) {\r\n if (!target) {\r\n return;\r\n }\r\n\r\n var centerTransform;\r\n\r\n if (\r\n action === 'scale' ||\r\n action === 'scaleX' ||\r\n action === 'scaleY' ||\r\n action === 'resizing'\r\n ) {\r\n centerTransform = this.centeredScaling || target.centeredScaling;\r\n } else if (action === 'rotate') {\r\n centerTransform = this.centeredRotation || target.centeredRotation;\r\n }\r\n\r\n return centerTransform ? !altKey : altKey;\r\n },\r\n\r\n /**\r\n * should disappear before release 4.0\r\n * @private\r\n */\r\n _getOriginFromCorner: function (target, corner) {\r\n var origin = {\r\n x: target.originX,\r\n y: target.originY,\r\n };\r\n\r\n if (corner === 'ml' || corner === 'tl' || corner === 'bl') {\r\n origin.x = 'right';\r\n } else if (corner === 'mr' || corner === 'tr' || corner === 'br') {\r\n origin.x = 'left';\r\n }\r\n\r\n if (corner === 'tl' || corner === 'mt' || corner === 'tr') {\r\n origin.y = 'bottom';\r\n } else if (corner === 'bl' || corner === 'mb' || corner === 'br') {\r\n origin.y = 'top';\r\n }\r\n return origin;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _setupCurrentTransform: function (e, target, alreadySelected) {\r\n if (!target) {\r\n return;\r\n }\r\n var pointer = this.getPointer(e);\r\n if (target.group) {\r\n // transform pointer to target's containing coordinate plane\r\n pointer = fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(target.group.calcTransformMatrix())\r\n );\r\n }\r\n var corner = target.__corner,\r\n control = target.controls[corner],\r\n actionHandler =\r\n alreadySelected && corner\r\n ? control.getActionHandler(e, target, control)\r\n : dragHandler,\r\n action = getActionFromCorner(alreadySelected, corner, e, target),\r\n origin = this._getOriginFromCorner(target, corner),\r\n altKey = e[this.centeredKey],\r\n /**\r\n * relative to target's containing coordinate plane\r\n * both agree on every point\r\n **/\r\n transform: Transform = {\r\n target: target,\r\n action: action,\r\n actionHandler: actionHandler,\r\n corner: corner,\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n offsetX: pointer.x - target.left,\r\n offsetY: pointer.y - target.top,\r\n originX: origin.x,\r\n originY: origin.y,\r\n ex: pointer.x,\r\n ey: pointer.y,\r\n lastX: pointer.x,\r\n lastY: pointer.y,\r\n theta: degreesToRadians(target.angle),\r\n width: target.width,\r\n height: target.height,\r\n shiftKey: e.shiftKey,\r\n altKey: altKey,\r\n original: saveObjectTransform(target),\r\n };\r\n\r\n if (this._shouldCenterTransform(target, action, altKey)) {\r\n transform.originX = 'center';\r\n transform.originY = 'center';\r\n }\r\n transform.original.originX = origin.x;\r\n transform.original.originY = origin.y;\r\n this._currentTransform = transform;\r\n this._beforeTransform(e);\r\n },\r\n\r\n /**\r\n * Set the cursor type of the canvas element\r\n * @param {String} value Cursor type of the canvas element.\r\n * @see http://www.w3.org/TR/css3-ui/#cursor\r\n */\r\n setCursor: function (value) {\r\n this.upperCanvasEl.style.cursor = value;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx to draw the selection on\r\n */\r\n _drawSelection: function (ctx) {\r\n var selector = this._groupSelector,\r\n viewportStart = new Point(selector.ex, selector.ey),\r\n start = fabric.util.transformPoint(\r\n viewportStart,\r\n this.viewportTransform\r\n ),\r\n viewportExtent = new Point(\r\n selector.ex + selector.left,\r\n selector.ey + selector.top\r\n ),\r\n extent = fabric.util.transformPoint(\r\n viewportExtent,\r\n this.viewportTransform\r\n ),\r\n minX = Math.min(start.x, extent.x),\r\n minY = Math.min(start.y, extent.y),\r\n maxX = Math.max(start.x, extent.x),\r\n maxY = Math.max(start.y, extent.y),\r\n strokeOffset = this.selectionLineWidth / 2;\r\n\r\n if (this.selectionColor) {\r\n ctx.fillStyle = this.selectionColor;\r\n ctx.fillRect(minX, minY, maxX - minX, maxY - minY);\r\n }\r\n\r\n if (!this.selectionLineWidth || !this.selectionBorderColor) {\r\n return;\r\n }\r\n ctx.lineWidth = this.selectionLineWidth;\r\n ctx.strokeStyle = this.selectionBorderColor;\r\n\r\n minX += strokeOffset;\r\n minY += strokeOffset;\r\n maxX -= strokeOffset;\r\n maxY -= strokeOffset;\r\n // selection border\r\n FabricObject.prototype._setLineDash.call(\r\n this,\r\n ctx,\r\n this.selectionDashArray\r\n );\r\n ctx.strokeRect(minX, minY, maxX - minX, maxY - minY);\r\n },\r\n\r\n /**\r\n * Method that determines what object we are clicking on\r\n * the skipGroup parameter is for internal use, is needed for shift+click action\r\n * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target\r\n * or the outside part of the corner.\r\n * @param {Event} e mouse event\r\n * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through\r\n * @return {fabric.Object} the target found\r\n */\r\n findTarget: function (e, skipGroup) {\r\n if (this.skipTargetFind) {\r\n return;\r\n }\r\n\r\n var ignoreZoom = true,\r\n pointer = this.getPointer(e, ignoreZoom),\r\n activeObject = this._activeObject,\r\n aObjects = this.getActiveObjects(),\r\n activeTarget,\r\n activeTargetSubs,\r\n isTouch = isTouchEvent(e),\r\n shouldLookForActive =\r\n (aObjects.length > 1 && !skipGroup) || aObjects.length === 1;\r\n\r\n // first check current group (if one exists)\r\n // active group does not check sub targets like normal groups.\r\n // if active group just exits.\r\n this.targets = [];\r\n\r\n // if we hit the corner of an activeObject, let's return that.\r\n if (\r\n shouldLookForActive &&\r\n activeObject._findTargetCorner(pointer, isTouch)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length > 1 &&\r\n activeObject.type === 'activeSelection' &&\r\n !skipGroup &&\r\n this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length === 1 &&\r\n activeObject === this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n if (!this.preserveObjectStacking) {\r\n return activeObject;\r\n } else {\r\n activeTarget = activeObject;\r\n activeTargetSubs = this.targets;\r\n this.targets = [];\r\n }\r\n }\r\n var target = this.searchPossibleTargets(this._objects, pointer);\r\n if (\r\n e[this.altSelectionKey] &&\r\n target &&\r\n activeTarget &&\r\n target !== activeTarget\r\n ) {\r\n target = activeTarget;\r\n this.targets = activeTargetSubs;\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Checks point is inside the object.\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @param {fabric.Object} obj Object to test against\r\n * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target.\r\n * @return {Boolean} true if point is contained within an area of given object\r\n * @private\r\n */\r\n _checkTarget: function (pointer, obj, globalPointer) {\r\n if (\r\n obj &&\r\n obj.visible &&\r\n obj.evented &&\r\n // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html\r\n // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html\r\n obj.containsPoint(pointer)\r\n ) {\r\n if (\r\n (this.perPixelTargetFind || obj.perPixelTargetFind) &&\r\n !obj.isEditing\r\n ) {\r\n var isTransparent = this.isTargetTransparent(\r\n obj,\r\n globalPointer.x,\r\n globalPointer.y\r\n );\r\n if (!isTransparent) {\r\n return true;\r\n }\r\n } else {\r\n return true;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object from given `objects`** that contains pointer\r\n * @private\r\n */\r\n _searchPossibleTargets: function (objects, pointer) {\r\n // Cache all targets where their bounding box contains point.\r\n var target,\r\n i = objects.length,\r\n subTarget;\r\n // Do not check for currently grouped objects, since we check the parent group itself.\r\n // until we call this function specifically to search inside the activeGroup\r\n while (i--) {\r\n var objToCheck = objects[i];\r\n var pointerToUse = objToCheck.group\r\n ? this._normalizePointer(objToCheck.group, pointer)\r\n : pointer;\r\n if (this._checkTarget(pointerToUse, objToCheck, pointer)) {\r\n target = objects[i];\r\n if (target.subTargetCheck && Array.isArray(target._objects)) {\r\n subTarget = this._searchPossibleTargets(target._objects, pointer);\r\n subTarget && this.targets.push(subTarget);\r\n }\r\n break;\r\n }\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @see {@link fabric.Canvas#_searchPossibleTargets}\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object on screen** that contains pointer\r\n */\r\n searchPossibleTargets: function (objects, pointer) {\r\n var target = this._searchPossibleTargets(objects, pointer);\r\n return target && target.interactive && this.targets[0]\r\n ? this.targets[0]\r\n : target;\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates without the effect of the viewport\r\n * @param {Object} pointer with \"x\" and \"y\" number values\r\n * @return {Object} object with \"x\" and \"y\" number values\r\n */\r\n restorePointerVpt: function (pointer) {\r\n return fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(this.viewportTransform)\r\n );\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates relative to canvas.\r\n * Can return coordinates with or without viewportTransform.\r\n * ignoreVpt false gives back coordinates that represent\r\n * the point clicked on canvas element.\r\n * ignoreVpt true gives back coordinates after being processed\r\n * by the viewportTransform ( sort of coordinates of what is displayed\r\n * on the canvas where you are clicking.\r\n * ignoreVpt true = HTMLElement coordinates relative to top,left\r\n * ignoreVpt false, default = fabric space coordinates, the same used for shape position\r\n * To interact with your shapes top and left you want to use ignoreVpt true\r\n * most of the time, while ignoreVpt false will give you coordinates\r\n * compatible with the object.oCoords system.\r\n * of the time.\r\n * @param {Event} e\r\n * @param {Boolean} ignoreVpt\r\n * @return {Point}\r\n */\r\n getPointer: function (e, ignoreVpt) {\r\n // return cached values if we are in the event processing chain\r\n if (this._absolutePointer && !ignoreVpt) {\r\n return this._absolutePointer;\r\n }\r\n if (this._pointer && ignoreVpt) {\r\n return this._pointer;\r\n }\r\n\r\n var pointer = getPointer(e),\r\n upperCanvasEl = this.upperCanvasEl,\r\n bounds = upperCanvasEl.getBoundingClientRect(),\r\n boundsWidth = bounds.width || 0,\r\n boundsHeight = bounds.height || 0,\r\n cssScale;\r\n\r\n if (!boundsWidth || !boundsHeight) {\r\n if ('top' in bounds && 'bottom' in bounds) {\r\n boundsHeight = Math.abs(bounds.top - bounds.bottom);\r\n }\r\n if ('right' in bounds && 'left' in bounds) {\r\n boundsWidth = Math.abs(bounds.right - bounds.left);\r\n }\r\n }\r\n\r\n this.calcOffset();\r\n pointer.x = pointer.x - this._offset.left;\r\n pointer.y = pointer.y - this._offset.top;\r\n if (!ignoreVpt) {\r\n pointer = this.restorePointerVpt(pointer);\r\n }\r\n\r\n var retinaScaling = this.getRetinaScaling();\r\n if (retinaScaling !== 1) {\r\n pointer.x /= retinaScaling;\r\n pointer.y /= retinaScaling;\r\n }\r\n\r\n // If bounds are not available (i.e. not visible), do not apply scale.\r\n cssScale =\r\n boundsWidth === 0 || boundsHeight === 0\r\n ? new Point(1, 1)\r\n : new Point(\r\n upperCanvasEl.width / boundsWidth,\r\n upperCanvasEl.height / boundsHeight\r\n );\r\n\r\n return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n this._resetTransformEventData();\r\n return this.callSuper('setDimensions', dimensions, options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized\r\n */\r\n _createUpperCanvas: function () {\r\n var lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl;\r\n\r\n // if there is no upperCanvas (most common case) we create one.\r\n if (!upperCanvasEl) {\r\n upperCanvasEl = this._createCanvasElement();\r\n this.upperCanvasEl = upperCanvasEl;\r\n }\r\n // we assign the same classname of the lowerCanvas\r\n upperCanvasEl.className = lowerCanvasEl.className;\r\n // but then we remove the lower-canvas specific className\r\n upperCanvasEl.classList.remove('lower-canvas');\r\n // we add the specific upper-canvas class\r\n upperCanvasEl.classList.add('upper-canvas');\r\n upperCanvasEl.setAttribute('data-fabric', 'top');\r\n this.wrapperEl.appendChild(upperCanvasEl);\r\n\r\n this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl);\r\n this._applyCanvasStyle(upperCanvasEl);\r\n upperCanvasEl.setAttribute('draggable', 'true');\r\n this.contextTop = upperCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCacheCanvas: function () {\r\n this.cacheCanvasEl = this._createCanvasElement();\r\n this.cacheCanvasEl.setAttribute('width', this.width);\r\n this.cacheCanvasEl.setAttribute('height', this.height);\r\n this.contextCache = this.cacheCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initWrapperElement: function () {\r\n if (this.wrapperEl) {\r\n return;\r\n }\r\n const container = fabric.document.createElement('div');\r\n container.classList.add(this.containerClass);\r\n this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container);\r\n this.wrapperEl.setAttribute('data-fabric', 'wrapper');\r\n fabric.util.setStyle(this.wrapperEl, {\r\n width: this.width + 'px',\r\n height: this.height + 'px',\r\n position: 'relative',\r\n });\r\n fabric.util.makeElementUnselectable(this.wrapperEl);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement} element canvas element to apply styles on\r\n */\r\n _applyCanvasStyle: function (element) {\r\n var width = this.width || element.width,\r\n height = this.height || element.height;\r\n\r\n fabric.util.setStyle(element, {\r\n position: 'absolute',\r\n width: width + 'px',\r\n height: height + 'px',\r\n left: 0,\r\n top: 0,\r\n 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none',\r\n '-ms-touch-action': this.allowTouchScrolling\r\n ? 'manipulation'\r\n : 'none',\r\n });\r\n element.width = width;\r\n element.height = height;\r\n fabric.util.makeElementUnselectable(element);\r\n },\r\n\r\n /**\r\n * Copy the entire inline style from one element (fromEl) to another (toEl)\r\n * @private\r\n * @param {Element} fromEl Element style is copied from\r\n * @param {Element} toEl Element copied style is applied to\r\n */\r\n _copyCanvasStyle: function (fromEl, toEl) {\r\n toEl.style.cssText = fromEl.style.cssText;\r\n },\r\n\r\n /**\r\n * Returns context of top canvas where interactions are drawn\r\n * @returns {CanvasRenderingContext2D}\r\n */\r\n getTopContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where object selection is drawn\r\n * @alias\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getSelectionContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns <canvas> element on which object selection is drawn\r\n * @return {HTMLCanvasElement}\r\n */\r\n getSelectionElement: function () {\r\n return this.upperCanvasEl;\r\n },\r\n\r\n /**\r\n * Returns currently active object\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObject: function () {\r\n return this._activeObject;\r\n },\r\n\r\n /**\r\n * Returns an array with the current selected objects\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObjects: function () {\r\n var active = this._activeObject;\r\n if (active) {\r\n if (active.type === 'activeSelection' && active._objects) {\r\n return active._objects.slice(0);\r\n } else {\r\n return [active];\r\n }\r\n }\r\n return [];\r\n },\r\n\r\n /**\r\n * @private\r\n * Compares the old activeObject with the current one and fires correct events\r\n * @param {fabric.Object} obj old activeObject\r\n */\r\n _fireSelectionEvents: function (oldObjects, e) {\r\n var somethingChanged = false,\r\n objects = this.getActiveObjects(),\r\n added = [],\r\n removed = [],\r\n invalidate = false;\r\n oldObjects.forEach(function (oldObject) {\r\n if (objects.indexOf(oldObject) === -1) {\r\n somethingChanged = true;\r\n oldObject.fire('deselected', {\r\n e: e,\r\n target: oldObject,\r\n });\r\n removed.push(oldObject);\r\n }\r\n });\r\n objects.forEach(function (object) {\r\n if (oldObjects.indexOf(object) === -1) {\r\n somethingChanged = true;\r\n object.fire('selected', {\r\n e: e,\r\n target: object,\r\n });\r\n added.push(object);\r\n }\r\n });\r\n if (oldObjects.length > 0 && objects.length > 0) {\r\n invalidate = true;\r\n somethingChanged &&\r\n this.fire('selection:updated', {\r\n e: e,\r\n selected: added,\r\n deselected: removed,\r\n });\r\n } else if (objects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:created', {\r\n e: e,\r\n selected: added,\r\n });\r\n } else if (oldObjects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:cleared', {\r\n e: e,\r\n deselected: removed,\r\n });\r\n }\r\n invalidate && (this._objectsToRender = undefined);\r\n },\r\n\r\n /**\r\n * Sets given object as the only active object on canvas\r\n * @param {fabric.Object} object Object to set as an active one\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setActiveObject: function (object, e) {\r\n var currentActives = this.getActiveObjects();\r\n this._setActiveObject(object, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to setActiveObject but without firing\r\n * any event. There is commitment to have this stay this way.\r\n * This is the functional part of setActiveObject.\r\n * @private\r\n * @param {Object} object to set as active\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {Boolean} true if the selection happened\r\n */\r\n _setActiveObject: function (object, e) {\r\n if (this._activeObject === object) {\r\n return false;\r\n }\r\n if (!this._discardActiveObject(e, object)) {\r\n return false;\r\n }\r\n if (object.onSelect({ e: e })) {\r\n return false;\r\n }\r\n this._activeObject = object;\r\n return true;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to discardActiveObject but without firing\r\n * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way.\r\n * This is the functional part of discardActiveObject.\r\n * @param {Event} [e] Event (passed along when firing \"object:deselected\")\r\n * @param {Object} object to set as active\r\n * @return {Boolean} true if the selection happened\r\n * @private\r\n */\r\n _discardActiveObject: function (e, object) {\r\n var obj = this._activeObject;\r\n if (obj) {\r\n // onDeselect return TRUE to cancel selection;\r\n if (obj.onDeselect({ e: e, object: object })) {\r\n return false;\r\n }\r\n if (this._currentTransform && this._currentTransform.target === obj) {\r\n this.endCurrentTransform(e);\r\n }\r\n this._activeObject = null;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * Discards currently active object and fire events. If the function is called by fabric\r\n * as a consequence of a mouse event, the event is passed as a parameter and\r\n * sent to the fire function for the custom events. When used as a method the\r\n * e param does not have any application.\r\n * @param {event} e\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n discardActiveObject: function (e) {\r\n var currentActives = this.getActiveObjects(),\r\n activeObject = this.getActiveObject();\r\n if (currentActives.length) {\r\n this.fire('before:selection:cleared', { target: activeObject, e: e });\r\n }\r\n this._discardActiveObject(e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects, removes all event listeners and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n var wrapperEl = this.wrapperEl,\r\n lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl,\r\n cacheCanvasEl = this.cacheCanvasEl;\r\n this.removeListeners();\r\n this.callSuper('destroy');\r\n wrapperEl.removeChild(upperCanvasEl);\r\n wrapperEl.removeChild(lowerCanvasEl);\r\n this.contextCache = null;\r\n this.contextTop = null;\r\n fabric.util.cleanUpJsdomNode(upperCanvasEl);\r\n this.upperCanvasEl = undefined;\r\n fabric.util.cleanUpJsdomNode(cacheCanvasEl);\r\n this.cacheCanvasEl = undefined;\r\n if (wrapperEl.parentNode) {\r\n wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl);\r\n }\r\n delete this.wrapperEl;\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n // this.discardActiveGroup();\r\n this.discardActiveObject();\r\n this.clearContext(this.contextTop);\r\n return this.callSuper('clear');\r\n },\r\n\r\n /**\r\n * Draws objects' controls (borders/controls)\r\n * @param {CanvasRenderingContext2D} ctx Context to render controls on\r\n */\r\n drawControls: function (ctx) {\r\n var activeObject = this._activeObject;\r\n\r\n if (activeObject) {\r\n activeObject._renderControls(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n //If the object is part of the current selection group, it should\r\n //be transformed appropriately\r\n //i.e. it should be serialised as it would appear if the selection group\r\n //were to be destroyed.\r\n var originalProperties = this._realizeGroupTransformOnObject(instance),\r\n object = this.callSuper(\r\n '_toObject',\r\n instance,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n //Undo the damage we did by changing all of its properties\r\n originalProperties && instance.set(originalProperties);\r\n return object;\r\n },\r\n\r\n /**\r\n * Realises an object's group transformation on it\r\n * @private\r\n * @param {fabric.Object} [instance] the object to transform (gets mutated)\r\n * @returns the original values of instance which were changed\r\n */\r\n _realizeGroupTransformOnObject: function (instance) {\r\n if (\r\n instance.group &&\r\n instance.group.type === 'activeSelection' &&\r\n this._activeObject === instance.group\r\n ) {\r\n var layoutProps = [\r\n 'angle',\r\n 'flipX',\r\n 'flipY',\r\n 'left',\r\n 'scaleX',\r\n 'scaleY',\r\n 'skewX',\r\n 'skewY',\r\n 'top',\r\n ];\r\n //Copy all the positionally relevant properties across now\r\n var originalValues = {};\r\n layoutProps.forEach(function (prop) {\r\n originalValues[prop] = instance[prop];\r\n });\r\n fabric.util.addTransformToObject(\r\n instance,\r\n this._activeObject.calcOwnMatrix()\r\n );\r\n return originalValues;\r\n } else {\r\n return null;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n //If the object is in a selection group, simulate what would happen to that\r\n //object when the group is deselected\r\n var originalProperties = this._realizeGroupTransformOnObject(instance);\r\n this.callSuper('_setSVGObject', markup, instance, reviver);\r\n originalProperties && instance.set(originalProperties);\r\n },\r\n\r\n setViewportTransform: function (vpt) {\r\n if (\r\n this.renderOnAddRemove &&\r\n this._activeObject &&\r\n this._activeObject.isEditing\r\n ) {\r\n this._activeObject.clearContextTop();\r\n }\r\n fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt);\r\n },\r\n }\r\n );\r\n\r\n // copying static properties manually to work around Opera's bug,\r\n // where \"prototype\" property is enumerable and overrides existing prototype\r\n for (var prop in fabric.StaticCanvas) {\r\n if (prop !== 'prototype') {\r\n fabric.Canvas[prop] = fabric.StaticCanvas[prop];\r\n }\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fireEvent } from '../util/fireEvent';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n addListener = fabric.util.addListener,\r\n removeListener = fabric.util.removeListener,\r\n RIGHT_CLICK = 3,\r\n MIDDLE_CLICK = 2,\r\n LEFT_CLICK = 1,\r\n addEventOptions = { passive: false };\r\n\r\n function checkClick(e, value) {\r\n return e.button && e.button === value - 1;\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Contains the id of the touch event that owns the fabric transform\r\n * @type Number\r\n * @private\r\n */\r\n mainTouchId: null,\r\n\r\n /**\r\n * Adds mouse listeners to canvas\r\n * @private\r\n */\r\n _initEventListeners: function () {\r\n // in case we initialized the class twice. This should not happen normally\r\n // but in some kind of applications where the canvas element may be changed\r\n // this is a workaround to having double listeners.\r\n this.removeListeners();\r\n this._bindEvents();\r\n this.addOrRemove(addListener, 'add');\r\n },\r\n\r\n /**\r\n * return an event prefix pointer or mouse.\r\n * @private\r\n */\r\n _getEventPrefix: function () {\r\n return this.enablePointerEvents ? 'pointer' : 'mouse';\r\n },\r\n\r\n addOrRemove: function (functor, eventjsFunctor) {\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n functor(fabric.window, 'resize', this._onResize);\r\n functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown);\r\n functor(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut);\r\n functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter);\r\n functor(canvasElement, 'wheel', this._onMouseWheel);\r\n functor(canvasElement, 'contextmenu', this._onContextMenu);\r\n functor(canvasElement, 'dblclick', this._onDoubleClick);\r\n functor(canvasElement, 'dragstart', this._onDragStart);\r\n functor(canvasElement, 'dragend', this._onDragEnd);\r\n functor(canvasElement, 'dragover', this._onDragOver);\r\n functor(canvasElement, 'dragenter', this._onDragEnter);\r\n functor(canvasElement, 'dragleave', this._onDragLeave);\r\n functor(canvasElement, 'drop', this._onDrop);\r\n if (!this.enablePointerEvents) {\r\n functor(\r\n canvasElement,\r\n 'touchstart',\r\n this._onTouchStart,\r\n addEventOptions\r\n );\r\n }\r\n if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) {\r\n eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture);\r\n eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'orientation',\r\n this._onOrientationChange\r\n );\r\n eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'longpress',\r\n this._onLongPress\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Removes all event listeners\r\n */\r\n removeListeners: function () {\r\n this.addOrRemove(removeListener, 'remove');\r\n // if you dispose on a mouseDown, before mouse up, you need to clean document to...\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _bindEvents: function () {\r\n if (this.eventsBound) {\r\n // for any reason we pass here twice we do not want to bind events twice.\r\n return;\r\n }\r\n this._onMouseDown = this._onMouseDown.bind(this);\r\n this._onTouchStart = this._onTouchStart.bind(this);\r\n this._onMouseMove = this._onMouseMove.bind(this);\r\n this._onMouseUp = this._onMouseUp.bind(this);\r\n this._onTouchEnd = this._onTouchEnd.bind(this);\r\n this._onResize = this._onResize.bind(this);\r\n this._onGesture = this._onGesture.bind(this);\r\n this._onDrag = this._onDrag.bind(this);\r\n this._onShake = this._onShake.bind(this);\r\n this._onLongPress = this._onLongPress.bind(this);\r\n this._onOrientationChange = this._onOrientationChange.bind(this);\r\n this._onMouseWheel = this._onMouseWheel.bind(this);\r\n this._onMouseOut = this._onMouseOut.bind(this);\r\n this._onMouseEnter = this._onMouseEnter.bind(this);\r\n this._onContextMenu = this._onContextMenu.bind(this);\r\n this._onDoubleClick = this._onDoubleClick.bind(this);\r\n this._onDragStart = this._onDragStart.bind(this);\r\n this._onDragEnd = this._onDragEnd.bind(this);\r\n this._onDragProgress = this._onDragProgress.bind(this);\r\n this._onDragOver = this._onDragOver.bind(this);\r\n this._onDragEnter = this._onDragEnter.bind(this);\r\n this._onDragLeave = this._onDragLeave.bind(this);\r\n this._onDrop = this._onDrop.bind(this);\r\n this.eventsBound = true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js gesture\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onGesture: function (e, self) {\r\n this.__onTransformGesture && this.__onTransformGesture(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js drag\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onDrag: function (e, self) {\r\n this.__onDrag && this.__onDrag(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on wheel event\r\n */\r\n _onMouseWheel: function (e) {\r\n this.__onMouseWheel(e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseOut: function (e) {\r\n var target = this._hoveredTarget;\r\n this.fire('mouse:out', { target: target, e: e });\r\n this._hoveredTarget = null;\r\n target && target.fire('mouseout', { e: e });\r\n\r\n this._hoveredTargets.forEach(function (nestedTarget) {\r\n this.fire('mouse:out', { target: nestedTarget, e: e });\r\n nestedTarget && nestedTarget.fire('mouseout', { e: e });\r\n }, this);\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseenter\r\n */\r\n _onMouseEnter: function (e) {\r\n // This find target and consequent 'mouse:over' is used to\r\n // clear old instances on hovered target.\r\n // calling findTarget has the side effect of killing target.__corner.\r\n // as a short term fix we are not firing this if we are currently transforming.\r\n // as a long term fix we need to separate the action of finding a target with the\r\n // side effects we added to it.\r\n if (!this._currentTransform && !this.findTarget(e)) {\r\n this.fire('mouse:over', { target: null, e: e });\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js orientation change\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onOrientationChange: function (e, self) {\r\n this.__onOrientationChange && this.__onOrientationChange(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onShake: function (e, self) {\r\n this.__onShake && this.__onShake(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onLongPress: function (e, self) {\r\n this.__onLongPress && this.__onLongPress(e, self);\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragStart: function (e) {\r\n var activeObject = this.getActiveObject();\r\n if (\r\n activeObject &&\r\n typeof activeObject.onDragStart === 'function' &&\r\n activeObject.onDragStart(e)\r\n ) {\r\n this._dragSource = activeObject;\r\n var options = { e: e, target: activeObject };\r\n this.fire('dragstart', options);\r\n activeObject.fire('dragstart', options);\r\n addListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n return;\r\n }\r\n e.preventDefault();\r\n e.stopPropagation();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _renderDragEffects: function (e, source, target) {\r\n var ctx = this.contextTop;\r\n if (source) {\r\n source.clearContextTop(true);\r\n source.renderDragSourceEffect(e);\r\n }\r\n if (target) {\r\n if (target !== source) {\r\n ctx.restore();\r\n ctx.save();\r\n target.clearContextTop(true);\r\n }\r\n target.renderDropTargetEffect(e);\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragEnd: function (e) {\r\n var didDrop = e.dataTransfer.dropEffect !== 'none',\r\n dropTarget = didDrop ? this._activeObject : undefined,\r\n options = {\r\n e: e,\r\n target: this._dragSource,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n didDrop: didDrop,\r\n dropTarget: dropTarget,\r\n };\r\n removeListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n this.fire('dragend', options);\r\n this._dragSource && this._dragSource.fire('dragend', options);\r\n delete this._dragSource;\r\n // we need to call mouse up synthetically because the browser won't\r\n this._onMouseUp(e);\r\n },\r\n\r\n /**\r\n * fire `drag` event on canvas and drag source\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragProgress: function (e) {\r\n var options = {\r\n e: e,\r\n dragSource: this._dragSource,\r\n dropTarget: this._draggedoverTarget,\r\n };\r\n this.fire('drag', options);\r\n this._dragSource && this._dragSource.fire('drag', options);\r\n },\r\n\r\n /**\r\n * prevent default to allow drop event to be fired\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragOver: function (e) {\r\n var eventType = 'dragover',\r\n target = this.findTarget(e),\r\n targets = this.targets,\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n dragSource: this._dragSource,\r\n canDrop: false,\r\n dropTarget: undefined,\r\n },\r\n dropTarget;\r\n // fire on canvas\r\n this.fire(eventType, options);\r\n // make sure we fire dragenter events before dragover\r\n // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it\r\n this._fireEnterLeaveEvents(target, options);\r\n if (target) {\r\n // render drag selection before rendering target cursor for correct visuals\r\n if (target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // propagate the event to subtargets\r\n for (var i = 0; i < targets.length; i++) {\r\n target = targets[i];\r\n // accept event only if previous targets didn't\r\n if (!e.defaultPrevented && target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // render drag effects now that relations between source and target is clear\r\n this._renderDragEffects(e, this._dragSource, dropTarget);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragEnter: function (e) {\r\n var target = this.findTarget(e);\r\n var options = {\r\n e: e,\r\n target: target,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragenter', options);\r\n // fire dragenter on targets\r\n this._fireEnterLeaveEvents(target, options);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragLeave: function (e) {\r\n var options = {\r\n e: e,\r\n target: this._draggedoverTarget,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragleave', options);\r\n // fire dragleave on targets\r\n this._fireEnterLeaveEvents(null, options);\r\n // clear targets\r\n this.targets = [];\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * `drop:before` is a an event that allows you to schedule logic\r\n * before the `drop` event. Prefer `drop` event always, but if you need\r\n * to run some drop-disabling logic on an event, since there is no way\r\n * to handle event handlers ordering, use `drop:before`\r\n * @private\r\n * @param {Event} e\r\n */\r\n _onDrop: function (e) {\r\n var options = this._simpleEventHandler('drop:before', e, {\r\n dragSource: this._dragSource,\r\n pointer: this.getPointer(e),\r\n });\r\n // will be set by the drop target\r\n options.didDrop = false;\r\n // will be set by the drop target, used in case options.target refuses the drop\r\n options.dropTarget = undefined;\r\n // fire `drop`\r\n this._basicEventHandler('drop', options);\r\n // inform canvas of the drop\r\n // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it\r\n // use for side effects\r\n this.fire('drop:after', options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onContextMenu: function (e) {\r\n var options = this._simpleEventHandler('contextmenu:before', e);\r\n if (this.stopContextMenu) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }\r\n this._basicEventHandler('contextmenu', options);\r\n return false;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onDoubleClick: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'dblclick');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Return a the id of an event.\r\n * returns either the pointerId or the identifier or 0 for the mouse event\r\n * @private\r\n * @param {Event} evt Event object\r\n */\r\n getPointerId: function (evt) {\r\n var changedTouches = evt.changedTouches;\r\n\r\n if (changedTouches) {\r\n return changedTouches[0] && changedTouches[0].identifier;\r\n }\r\n\r\n if (this.enablePointerEvents) {\r\n return evt.pointerId;\r\n }\r\n\r\n return -1;\r\n },\r\n\r\n /**\r\n * Determines if an event has the id of the event that is considered main\r\n * @private\r\n * @param {evt} event Event object\r\n */\r\n _isMainEvent: function (evt) {\r\n if (evt.isPrimary === true) {\r\n return true;\r\n }\r\n if (evt.isPrimary === false) {\r\n return false;\r\n }\r\n if (evt.type === 'touchend' && evt.touches.length === 0) {\r\n return true;\r\n }\r\n if (evt.changedTouches) {\r\n return evt.changedTouches[0].identifier === this.mainTouchId;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchStart: function (e) {\r\n e.preventDefault();\r\n if (this.mainTouchId === null) {\r\n this.mainTouchId = this.getPointerId(e);\r\n }\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n addListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n addListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n // Unbind mousedown to prevent double triggers from touch devices\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'down',\r\n this._onMouseDown\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDown: function (e) {\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp);\r\n addListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchEnd: function (e) {\r\n if (e.touches.length > 0) {\r\n // if there are still touches stop here\r\n return;\r\n }\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n this.mainTouchId = null;\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n var _this = this;\r\n if (this._willAddMouseDown) {\r\n clearTimeout(this._willAddMouseDown);\r\n }\r\n this._willAddMouseDown = setTimeout(function () {\r\n // Wait 400ms before rebinding mousedown to prevent double triggers\r\n // from touch devices\r\n addListener(\r\n _this.upperCanvasEl,\r\n eventTypePrefix + 'down',\r\n _this._onMouseDown\r\n );\r\n _this._willAddMouseDown = 0;\r\n }, 400);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUp: function (e) {\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n if (this._isMainEvent(e)) {\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMove: function (e) {\r\n var activeObject = this.getActiveObject();\r\n !this.allowTouchScrolling &&\r\n (!activeObject || !activeObject.__isDragging) &&\r\n e.preventDefault &&\r\n e.preventDefault();\r\n this.__onMouseMove(e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _onResize: function () {\r\n this.calcOffset();\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Decides whether the canvas should be redrawn in mouseup and mousedown events.\r\n * @private\r\n * @param {Object} target\r\n */\r\n _shouldRender: function (target) {\r\n var activeObject = this._activeObject;\r\n\r\n if (\r\n !!activeObject !== !!target ||\r\n (activeObject && target && activeObject !== target)\r\n ) {\r\n // this covers: switch of target, from target to no target, selection of target\r\n // multiSelection with key and mouse\r\n return true;\r\n } else if (activeObject && activeObject.isEditing) {\r\n // if we mouse up/down over a editing textbox a cursor change,\r\n // there is no need to re render\r\n return false;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is released on canvas.\r\n * The method resets the currentTransform parameters, store the image corner\r\n * position in the image object and render the canvas on top.\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseUp: function (e) {\r\n var target,\r\n transform = this._currentTransform,\r\n groupSelector = this._groupSelector,\r\n shouldRender = false,\r\n isClick =\r\n !groupSelector ||\r\n (groupSelector.left === 0 && groupSelector.top === 0);\r\n this._cacheTransformEventData(e);\r\n target = this._target;\r\n this._handleEvent(e, 'up:before');\r\n // if right/middle click just fire events and return\r\n // target undefined will make the _handleEvent search the target\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'up', RIGHT_CLICK, isClick);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'up', MIDDLE_CLICK, isClick);\r\n }\r\n this._resetTransformEventData();\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this._onMouseUpInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n if (transform) {\r\n this._finalizeCurrentTransform(e);\r\n shouldRender = transform.actionPerformed;\r\n }\r\n if (!isClick) {\r\n var targetWasActive = target === this._activeObject;\r\n this._maybeGroupObjects(e);\r\n if (!shouldRender) {\r\n shouldRender =\r\n this._shouldRender(target) ||\r\n (!targetWasActive && target === this._activeObject);\r\n }\r\n }\r\n var corner, pointer;\r\n if (target) {\r\n corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n if (\r\n target.selectable &&\r\n target !== this._activeObject &&\r\n target.activeOn === 'up'\r\n ) {\r\n this.setActiveObject(target, e);\r\n shouldRender = true;\r\n } else {\r\n var control = target.controls[corner],\r\n mouseUpHandler =\r\n control && control.getMouseUpHandler(e, target, control);\r\n if (mouseUpHandler) {\r\n pointer = this.getPointer(e);\r\n mouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n }\r\n target.isMoving = false;\r\n }\r\n // if we are ending up a transform on a different control or a new object\r\n // fire the original mouse up from the corner that started the transform\r\n if (\r\n transform &&\r\n (transform.target !== target || transform.corner !== corner)\r\n ) {\r\n var originalControl =\r\n transform.target && transform.target.controls[transform.corner],\r\n originalMouseUpHandler =\r\n originalControl &&\r\n originalControl.getMouseUpHandler(e, target, control);\r\n pointer = pointer || this.getPointer(e);\r\n originalMouseUpHandler &&\r\n originalMouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n this._setCursorFromEvent(e, target);\r\n this._handleEvent(e, 'up', LEFT_CLICK, isClick);\r\n this._groupSelector = null;\r\n this._currentTransform = null;\r\n // reset the target information about which corner is selected\r\n target && (target.__corner = 0);\r\n if (shouldRender) {\r\n this.requestRenderAll();\r\n } else if (!isClick) {\r\n this.renderTop();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {object} [data] event data overrides\r\n * @return {object} options\r\n */\r\n _simpleEventHandler: function (eventType, e, data) {\r\n var target = this.findTarget(e),\r\n subTargets = this.targets || [];\r\n return this._basicEventHandler(\r\n eventType,\r\n Object.assign(\r\n {},\r\n {\r\n e: e,\r\n target: target,\r\n subTargets: subTargets,\r\n },\r\n data\r\n )\r\n );\r\n },\r\n\r\n _basicEventHandler: function (eventType, options) {\r\n var target = options.target,\r\n subTargets = options.subTargets;\r\n this.fire(eventType, options);\r\n target && target.fire(eventType, options);\r\n for (var i = 0; i < subTargets.length; i++) {\r\n subTargets[i].fire(eventType, options);\r\n }\r\n return options;\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {fabric.Object} targetObj receiving event\r\n * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right\r\n * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move.\r\n */\r\n _handleEvent: function (e, eventType, button, isClick) {\r\n var target = this._target,\r\n targets = this.targets || [],\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n button: button || LEFT_CLICK,\r\n isClick: isClick || false,\r\n pointer: this._pointer,\r\n absolutePointer: this._absolutePointer,\r\n transform: this._currentTransform,\r\n };\r\n if (eventType === 'up') {\r\n options.currentTarget = this.findTarget(e);\r\n options.currentSubTargets = this.targets;\r\n }\r\n this.fire('mouse:' + eventType, options);\r\n target && target.fire('mouse' + eventType, options);\r\n for (var i = 0; i < targets.length; i++) {\r\n targets[i].fire('mouse' + eventType, options);\r\n }\r\n },\r\n\r\n /**\r\n * End the current transfrom.\r\n * You don't usually need to call this method unless you are interupting a user initiated transform\r\n * because of some other event ( a press of key combination, or something that block the user UX )\r\n * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n endCurrentTransform: function (e) {\r\n var transform = this._currentTransform;\r\n this._finalizeCurrentTransform(e);\r\n if (transform && transform.target) {\r\n // this could probably go inside _finalizeCurrentTransform\r\n transform.target.isMoving = false;\r\n }\r\n this._currentTransform = null;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n _finalizeCurrentTransform: function (e) {\r\n var transform = this._currentTransform,\r\n target = transform.target,\r\n options = {\r\n e: e,\r\n target: target,\r\n transform: transform,\r\n action: transform.action,\r\n };\r\n\r\n if (target._scaling) {\r\n target._scaling = false;\r\n }\r\n\r\n target.setCoords();\r\n\r\n if (\r\n transform.actionPerformed ||\r\n (this.stateful && target.hasStateChanged())\r\n ) {\r\n this._fire('modified', options);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDownInDrawingMode: function (e) {\r\n this._isCurrentlyDrawing = true;\r\n if (this.getActiveObject()) {\r\n this.discardActiveObject(e).requestRenderAll();\r\n }\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer });\r\n this._handleEvent(e, 'down');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMoveInDrawingMode: function (e) {\r\n if (this._isCurrentlyDrawing) {\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseMove(pointer, {\r\n e: e,\r\n pointer: pointer,\r\n });\r\n }\r\n this.setCursor(this.freeDrawingCursor);\r\n this._handleEvent(e, 'move');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUpInDrawingMode: function (e) {\r\n var pointer = this.getPointer(e);\r\n this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({\r\n e: e,\r\n pointer: pointer,\r\n });\r\n this._handleEvent(e, 'up');\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is clicked on canvas.\r\n * The method inits the currentTransform parameters and renders all the\r\n * canvas so the current image can be placed on the top canvas and the rest\r\n * in on the container one.\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n __onMouseDown: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'down:before');\r\n var target = this._target;\r\n // if right click just fire events\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'down', RIGHT_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'down', MIDDLE_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseDownInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n // ignore if some object is being transformed at this moment\r\n if (this._currentTransform) {\r\n return;\r\n }\r\n\r\n var pointer = this._pointer;\r\n // save pointer for check in __onMouseUp event\r\n this._previousPointer = pointer;\r\n var shouldRender = this._shouldRender(target),\r\n shouldGroup = this._shouldGroup(e, target);\r\n if (this._shouldClearSelection(e, target)) {\r\n this.discardActiveObject(e);\r\n } else if (shouldGroup) {\r\n this._handleGrouping(e, target);\r\n target = this._activeObject;\r\n }\r\n\r\n if (\r\n this.selection &&\r\n (!target ||\r\n (!target.selectable &&\r\n !target.isEditing &&\r\n target !== this._activeObject))\r\n ) {\r\n this._groupSelector = {\r\n ex: this._absolutePointer.x,\r\n ey: this._absolutePointer.y,\r\n top: 0,\r\n left: 0,\r\n };\r\n }\r\n\r\n if (target) {\r\n var alreadySelected = target === this._activeObject;\r\n if (target.selectable && target.activeOn === 'down') {\r\n this.setActiveObject(target, e);\r\n }\r\n var corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n target.__corner = corner;\r\n if (target === this._activeObject && (corner || !shouldGroup)) {\r\n this._setupCurrentTransform(e, target, alreadySelected);\r\n var control = target.controls[corner],\r\n pointer = this.getPointer(e),\r\n mouseDownHandler =\r\n control && control.getMouseDownHandler(e, target, control);\r\n if (mouseDownHandler) {\r\n mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y);\r\n }\r\n }\r\n }\r\n var invalidate = shouldRender || shouldGroup;\r\n // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering\r\n // run before firing the `down` event to give the dev a chance to populate it themselves\r\n invalidate && (this._objectsToRender = undefined);\r\n this._handleEvent(e, 'down');\r\n // we must renderAll so that we update the visuals\r\n invalidate && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * reset cache form common information needed during event processing\r\n * @private\r\n */\r\n _resetTransformEventData: function () {\r\n this._target = null;\r\n this._pointer = null;\r\n this._absolutePointer = null;\r\n },\r\n\r\n /**\r\n * Cache common information needed during event processing\r\n * @private\r\n * @param {Event} e Event object fired on event\r\n */\r\n _cacheTransformEventData: function (e) {\r\n // reset in order to avoid stale caching\r\n this._resetTransformEventData();\r\n this._pointer = this.getPointer(e, true);\r\n this._absolutePointer = this.restorePointerVpt(this._pointer);\r\n this._target = this._currentTransform\r\n ? this._currentTransform.target\r\n : this.findTarget(e) || null;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _beforeTransform: function (e) {\r\n var t = this._currentTransform;\r\n this.stateful && t.target.saveState();\r\n this.fire('before:transform', {\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is hovering the canvas.\r\n * The currentTransform parameter will define whether the user is rotating/scaling/translating\r\n * an image or neither of them (only hovering). A group selection is also possible and would cancel\r\n * all any other type of action.\r\n * In case of an image transformation only the top canvas will be rendered.\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n __onMouseMove: function (e) {\r\n this._handleEvent(e, 'move:before');\r\n this._cacheTransformEventData(e);\r\n var target, pointer;\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseMoveInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n var groupSelector = this._groupSelector;\r\n\r\n // We initially clicked in an empty area, so we draw a box for multiple selection\r\n if (groupSelector) {\r\n pointer = this._absolutePointer;\r\n\r\n groupSelector.left = pointer.x - groupSelector.ex;\r\n groupSelector.top = pointer.y - groupSelector.ey;\r\n\r\n this.renderTop();\r\n } else if (!this._currentTransform) {\r\n target = this.findTarget(e) || null;\r\n this._setCursorFromEvent(e, target);\r\n this._fireOverOutEvents(target, e);\r\n } else {\r\n this._transformObject(e);\r\n }\r\n this._handleEvent(e, 'move');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Manage the mouseout, mouseover events for the fabric object on the canvas\r\n * @param {Fabric.Object} target the target where the target from the mousemove event\r\n * @param {Event} e Event object fired on mousemove\r\n * @private\r\n */\r\n _fireOverOutEvents: function (target, e) {\r\n var _hoveredTarget = this._hoveredTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(\r\n target,\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTarget,\r\n evtOut: 'mouseout',\r\n canvasEvtOut: 'mouse:out',\r\n evtIn: 'mouseover',\r\n canvasEvtIn: 'mouse:over',\r\n }\r\n );\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(\r\n targets[i],\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'mouseout',\r\n evtIn: 'mouseover',\r\n }\r\n );\r\n }\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n },\r\n\r\n /**\r\n * Manage the dragEnter, dragLeave events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the onDrag event\r\n * @param {Object} data Event object fired on dragover\r\n * @private\r\n */\r\n _fireEnterLeaveEvents: function (target, data) {\r\n var _draggedoverTarget = this._draggedoverTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(target, data, {\r\n oldTarget: _draggedoverTarget,\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n canvasEvtIn: 'drag:enter',\r\n canvasEvtOut: 'drag:leave',\r\n });\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(targets[i], data, {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n });\r\n }\r\n this._draggedoverTarget = target;\r\n },\r\n\r\n /**\r\n * Manage the synthetic in/out events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the supported events\r\n * @param {Object} data Event object fired\r\n * @param {Object} config configuration for the function to work\r\n * @param {String} config.targetName property on the canvas where the old target is stored\r\n * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out\r\n * @param {String} config.evtOut name of the event to fire for out\r\n * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in\r\n * @param {String} config.evtIn name of the event to fire for in\r\n * @private\r\n */\r\n fireSyntheticInOutEvents: function (target, data, config) {\r\n var inOpt,\r\n outOpt,\r\n oldTarget = config.oldTarget,\r\n outFires,\r\n inFires,\r\n targetChanged = oldTarget !== target,\r\n canvasEvtIn = config.canvasEvtIn,\r\n canvasEvtOut = config.canvasEvtOut;\r\n if (targetChanged) {\r\n inOpt = Object.assign({}, data, {\r\n target: target,\r\n previousTarget: oldTarget,\r\n });\r\n outOpt = Object.assign({}, data, {\r\n target: oldTarget,\r\n nextTarget: target,\r\n });\r\n }\r\n inFires = target && targetChanged;\r\n outFires = oldTarget && targetChanged;\r\n if (outFires) {\r\n canvasEvtOut && this.fire(canvasEvtOut, outOpt);\r\n oldTarget.fire(config.evtOut, outOpt);\r\n }\r\n if (inFires) {\r\n canvasEvtIn && this.fire(canvasEvtIn, inOpt);\r\n target.fire(config.evtIn, inOpt);\r\n }\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event Mouse Wheel\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseWheel: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'wheel');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event fired on mousemove\r\n */\r\n _transformObject: function (e) {\r\n var pointer = this.getPointer(e),\r\n transform = this._currentTransform,\r\n target = transform.target,\r\n // transform pointer to target's containing coordinate plane\r\n // both pointer and object should agree on every point\r\n localPointer = target.group\r\n ? fabric.util.sendPointToPlane(\r\n pointer,\r\n undefined,\r\n target.group.calcTransformMatrix()\r\n )\r\n : pointer;\r\n\r\n transform.reset = false;\r\n transform.shiftKey = e.shiftKey;\r\n transform.altKey = e[this.centeredKey];\r\n\r\n this._performTransformAction(e, transform, localPointer);\r\n transform.actionPerformed && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _performTransformAction: function (e, transform, pointer) {\r\n var x = pointer.x,\r\n y = pointer.y,\r\n action = transform.action,\r\n actionPerformed = false,\r\n actionHandler = transform.actionHandler;\r\n // this object could be created from the function in the control handlers\r\n\r\n if (actionHandler) {\r\n actionPerformed = actionHandler(e, transform, x, y);\r\n }\r\n if (action === 'drag' && actionPerformed) {\r\n transform.target.isMoving = true;\r\n this.setCursor(transform.target.moveCursor || this.moveCursor);\r\n }\r\n transform.actionPerformed =\r\n transform.actionPerformed || actionPerformed;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _fire: function (eventName, options) {\r\n return fireEvent(eventName, options);\r\n },\r\n\r\n /**\r\n * Sets the cursor depending on where the canvas is being hovered.\r\n * Note: very buggy in Opera\r\n * @param {Event} e Event object\r\n * @param {Object} target Object that the mouse is hovering, if so.\r\n */\r\n _setCursorFromEvent: function (e, target) {\r\n if (!target) {\r\n this.setCursor(this.defaultCursor);\r\n return false;\r\n }\r\n var hoverCursor = target.hoverCursor || this.hoverCursor,\r\n activeSelection =\r\n this._activeObject && this._activeObject.type === 'activeSelection'\r\n ? this._activeObject\r\n : null,\r\n // only show proper corner when group selection is not active\r\n corner =\r\n (!activeSelection || !activeSelection.contains(target)) &&\r\n // here we call findTargetCorner always with undefined for the touch parameter.\r\n // we assume that if you are using a cursor you do not need to interact with\r\n // the bigger touch area.\r\n target._findTargetCorner(this.getPointer(e, true));\r\n\r\n if (!corner) {\r\n if (target.subTargetCheck) {\r\n // hoverCursor should come from top-most subTarget,\r\n // so we walk the array backwards\r\n this.targets\r\n .concat()\r\n .reverse()\r\n .map(function (_target) {\r\n hoverCursor = _target.hoverCursor || hoverCursor;\r\n });\r\n }\r\n this.setCursor(hoverCursor);\r\n } else {\r\n this.setCursor(this.getCornerCursor(corner, target, e));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n getCornerCursor: function (corner, target, e) {\r\n var control = target.controls[corner];\r\n return control.cursorStyleHandler(e, control, target);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n min = Math.min,\r\n max = Math.max;\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n * @return {Boolean}\r\n */\r\n _shouldGroup: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection.\r\n return (\r\n !!activeObject &&\r\n this._isSelectionKeyPressed(e) &&\r\n this.selection &&\r\n // on top of that the user also has to hit a target that is selectable.\r\n !!target &&\r\n target.selectable &&\r\n // if all pre-requisite pass, the target is either something different from the current\r\n // activeObject or if an activeSelection already exists\r\n // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear.\r\n // is a very old condition uncertain if still valid.\r\n (activeObject !== target ||\r\n activeObject.type === 'activeSelection') &&\r\n // make sure `activeObject` and `target` aren't ancestors of each other\r\n !target.isDescendantOf(activeObject) &&\r\n !activeObject.isDescendantOf(target) &&\r\n // target accepts selection\r\n !target.onSelect({ e: e })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _handleGrouping: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // avoid multi select when shift click on a corner\r\n if (activeObject.__corner) {\r\n return;\r\n }\r\n if (target === activeObject) {\r\n // if it's a group, find target again, using activeGroup objects\r\n target = this.findTarget(e, true);\r\n // if even object is not found or we are on activeObjectCorner, bail out\r\n if (!target || !target.selectable) {\r\n return;\r\n }\r\n }\r\n if (activeObject && activeObject.type === 'activeSelection') {\r\n this._updateActiveSelection(target, e);\r\n } else {\r\n this._createActiveSelection(target, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _updateActiveSelection: function (target, e) {\r\n var activeSelection = this._activeObject,\r\n currentActiveObjects = activeSelection._objects.slice(0);\r\n if (target.group === activeSelection) {\r\n activeSelection.remove(target);\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n if (activeSelection.size() === 1) {\r\n // activate last remaining object\r\n this._setActiveObject(activeSelection.item(0), e);\r\n }\r\n } else {\r\n activeSelection.add(target);\r\n this._hoveredTarget = activeSelection;\r\n this._hoveredTargets = this.targets.concat();\r\n }\r\n this._fireSelectionEvents(currentActiveObjects, e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createActiveSelection: function (target, e) {\r\n var currentActives = this.getActiveObjects(),\r\n group = this._createGroup(target);\r\n this._hoveredTarget = group;\r\n // ISSUE 4115: should we consider subTargets here?\r\n // this._hoveredTargets = [];\r\n // this._hoveredTargets = this.targets.concat();\r\n this._setActiveObject(group, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} target\r\n * @returns {fabric.ActiveSelection}\r\n */\r\n _createGroup: function (target) {\r\n var activeObject = this._activeObject;\r\n var groupObjects = target.isInFrontOf(activeObject)\r\n ? [activeObject, target]\r\n : [target, activeObject];\r\n activeObject.isEditing && activeObject.exitEditing();\r\n // handle case: target is nested\r\n return new fabric.ActiveSelection(groupObjects, {\r\n canvas: this,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e mouse event\r\n */\r\n _groupSelectedObjects: function (e) {\r\n var group = this._collectObjects(e),\r\n aGroup;\r\n\r\n // do not create group for 1 element only\r\n if (group.length === 1) {\r\n this.setActiveObject(group[0], e);\r\n } else if (group.length > 1) {\r\n aGroup = new fabric.ActiveSelection(group.reverse(), {\r\n canvas: this,\r\n });\r\n this.setActiveObject(aGroup, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _collectObjects: function (e) {\r\n var group = [],\r\n currentObject,\r\n x1 = this._groupSelector.ex,\r\n y1 = this._groupSelector.ey,\r\n x2 = x1 + this._groupSelector.left,\r\n y2 = y1 + this._groupSelector.top,\r\n selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)),\r\n selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)),\r\n allowIntersect = !this.selectionFullyContained,\r\n isClick = x1 === x2 && y1 === y2;\r\n // we iterate reverse order to collect top first in case of click.\r\n for (var i = this._objects.length; i--; ) {\r\n currentObject = this._objects[i];\r\n\r\n if (\r\n !currentObject ||\r\n !currentObject.selectable ||\r\n !currentObject.visible\r\n ) {\r\n continue;\r\n }\r\n\r\n if (\r\n (allowIntersect &&\r\n currentObject.intersectsWithRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n )) ||\r\n currentObject.isContainedWithinRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n ) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX1Y1, null, true)) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX2Y2, null, true))\r\n ) {\r\n group.push(currentObject);\r\n // only add one object if it's a click\r\n if (isClick) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (group.length > 1) {\r\n group = group.filter(function (object) {\r\n return !object.onSelect({ e: e });\r\n });\r\n }\r\n\r\n return group;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _maybeGroupObjects: function (e) {\r\n if (this.selection && this._groupSelector) {\r\n this._groupSelectedObjects(e);\r\n }\r\n this.setCursor(this.defaultCursor);\r\n // clear selection and current transformation\r\n this._groupSelector = null;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n * @see {@link https://jsfiddle.net/xsjua1rd/ demo}\r\n * @example Generate jpeg dataURL with lower quality\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'jpeg',\r\n * quality: 0.8\r\n * });\r\n * @example Generate cropped png dataURL (clipping of canvas)\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * left: 100,\r\n * top: 100,\r\n * width: 200,\r\n * height: 200\r\n * });\r\n * @example Generate double scaled png dataURL\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * multiplier: 2\r\n * });\r\n * @example Generate dataURL with objects that overlap a specified object\r\n * var myObject;\r\n * var dataURL = canvas.toDataURL({\r\n * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject)\r\n * });\r\n */\r\n toDataURL: function (options) {\r\n options || (options = {});\r\n\r\n var format = options.format || 'png',\r\n quality = options.quality || 1,\r\n multiplier =\r\n (options.multiplier || 1) *\r\n (options.enableRetinaScaling ? this.getRetinaScaling() : 1),\r\n canvasEl = this.toCanvasElement(multiplier, options);\r\n return fabric.util.toDataURL(canvasEl, format, quality);\r\n },\r\n\r\n /**\r\n * Create a new HTMLCanvas element painted with the current canvas content.\r\n * No need to resize the actual one or repaint it.\r\n * Will transfer object ownership to a new canvas, paint it, and set everything back.\r\n * This is an intermediary step used to get to a dataUrl but also it is useful to\r\n * create quick image copies of a canvas without passing for the dataUrl string\r\n * @param {Number} [multiplier] a zoom factor.\r\n * @param {Object} [options] Cropping informations\r\n * @param {Number} [options.left] Cropping left offset.\r\n * @param {Number} [options.top] Cropping top offset.\r\n * @param {Number} [options.width] Cropping width.\r\n * @param {Number} [options.height] Cropping height.\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n */\r\n toCanvasElement: function (multiplier, options) {\r\n multiplier = multiplier || 1;\r\n options = options || {};\r\n var scaledWidth = (options.width || this.width) * multiplier,\r\n scaledHeight = (options.height || this.height) * multiplier,\r\n zoom = this.getZoom(),\r\n originalWidth = this.width,\r\n originalHeight = this.height,\r\n newZoom = zoom * multiplier,\r\n vp = this.viewportTransform,\r\n translateX = (vp[4] - (options.left || 0)) * multiplier,\r\n translateY = (vp[5] - (options.top || 0)) * multiplier,\r\n originalInteractive = this.interactive,\r\n newVp = [newZoom, 0, 0, newZoom, translateX, translateY],\r\n originalRetina = this.enableRetinaScaling,\r\n canvasEl = fabric.util.createCanvasElement(),\r\n originalContextTop = this.contextTop,\r\n objectsToRender = options.filter\r\n ? this._objects.filter(options.filter)\r\n : this._objects;\r\n canvasEl.width = scaledWidth;\r\n canvasEl.height = scaledHeight;\r\n this.contextTop = null;\r\n this.enableRetinaScaling = false;\r\n this.interactive = false;\r\n this.viewportTransform = newVp;\r\n this.width = scaledWidth;\r\n this.height = scaledHeight;\r\n this.calcViewportBoundaries();\r\n this.renderCanvas(canvasEl.getContext('2d'), objectsToRender);\r\n this.viewportTransform = vp;\r\n this.width = originalWidth;\r\n this.height = originalHeight;\r\n this.calcViewportBoundaries();\r\n this.interactive = originalInteractive;\r\n this.enableRetinaScaling = originalRetina;\r\n this.contextTop = originalContextTop;\r\n return canvasEl;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Populates canvas with data from the specified JSON.\r\n * JSON format must conform to the one of {@link fabric.Canvas#toJSON}\r\n *\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n *\r\n * @param {String|Object} json JSON string or object\r\n * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created.\r\n * @param {Object} [options] options\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @return {Promise} instance\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo}\r\n * @example loadFromJSON\r\n * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll());\r\n * @example loadFromJSON with reviver\r\n * canvas.loadFromJSON(json, function(o, object) {\r\n * // `o` = json object\r\n * // `object` = fabric.Object instance\r\n * // ... do some stuff ...\r\n * }).then((canvas) => {\r\n * ... canvas is restored, add your code.\r\n * });\r\n *\r\n */\r\n loadFromJSON: function (json, reviver, options) {\r\n if (!json) {\r\n return Promise.reject(new Error('fabric.js: `json` is undefined'));\r\n }\r\n\r\n // serialize if it wasn't already\r\n var serialized =\r\n typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json);\r\n\r\n var _this = this,\r\n renderOnAddRemove = this.renderOnAddRemove;\r\n this.renderOnAddRemove = false;\r\n\r\n return Promise.all([\r\n fabric.util.enlivenObjects(serialized.objects || [], {\r\n reviver: reviver,\r\n signal: options && options.signal,\r\n }),\r\n fabric.util.enlivenObjectEnlivables(\r\n {\r\n backgroundImage: serialized.backgroundImage,\r\n backgroundColor: serialized.background,\r\n overlayImage: serialized.overlayImage,\r\n overlayColor: serialized.overlay,\r\n clipPath: serialized.clipPath,\r\n },\r\n { signal: options && options.signal }\r\n ),\r\n ]).then(function (res) {\r\n var enlived = res[0],\r\n enlivedMap = res[1];\r\n _this.clear();\r\n _this.__setupCanvas(serialized, enlived);\r\n _this.renderOnAddRemove = renderOnAddRemove;\r\n _this.set(enlivedMap);\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} serialized Object with background and overlay information\r\n * @param {Array} enlivenedObjects canvas objects\r\n */\r\n __setupCanvas: function (serialized, enlivenedObjects) {\r\n var _this = this;\r\n enlivenedObjects.forEach(function (obj, index) {\r\n // we splice the array just in case some custom classes restored from JSON\r\n // will add more object to canvas at canvas init.\r\n _this.insertAt(obj, index);\r\n });\r\n // remove parts i cannot set as options\r\n delete serialized.objects;\r\n delete serialized.backgroundImage;\r\n delete serialized.overlayImage;\r\n delete serialized.background;\r\n delete serialized.overlay;\r\n // this._initOptions does too many things to just\r\n // call it. Normally loading an Object from JSON\r\n // create the Object instance. Here the Canvas is\r\n // already an instance and we are just loading things over it\r\n this._setOptions(serialized);\r\n },\r\n\r\n /**\r\n * Clones canvas instance\r\n * @param {Array} [properties] Array of properties to include in the cloned canvas and children\r\n * @returns {Promise}\r\n */\r\n clone: function (properties) {\r\n var data = JSON.stringify(this.toJSON(properties));\r\n return this.cloneWithoutData().then(function (clone) {\r\n return clone.loadFromJSON(data);\r\n });\r\n },\r\n\r\n /**\r\n * Clones canvas instance without cloning existing data.\r\n * This essentially copies canvas dimensions, clipping properties, etc.\r\n * but leaves data empty (so that you can populate it with your own)\r\n * @returns {Promise}\r\n */\r\n cloneWithoutData: function () {\r\n var el = fabric.util.createCanvasElement();\r\n\r\n el.width = this.width;\r\n el.height = this.height;\r\n // this seems wrong. either Canvas or StaticCanvas\r\n var clone = new fabric.Canvas(el);\r\n var data = {};\r\n if (this.backgroundImage) {\r\n data.backgroundImage = this.backgroundImage.toObject();\r\n }\r\n if (this.backgroundColor) {\r\n data.background = this.backgroundColor.toObject\r\n ? this.backgroundColor.toObject()\r\n : this.backgroundColor;\r\n }\r\n return clone.loadFromJSON(data);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { scalingEqually } from '../controls/actions';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n radiansToDegrees = fabric.util.radiansToDegrees;\r\n\r\n /**\r\n * Adds support for multi-touch gestures using the Event.js library.\r\n * Fires the following custom events:\r\n * - touch:gesture\r\n * - touch:drag\r\n * - touch:orientation\r\n * - touch:shake\r\n * - touch:longpress\r\n */\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports\r\n * 2 finger gestures.\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onTransformGesture: function (e, self) {\r\n if (\r\n this.isDrawingMode ||\r\n !e.touches ||\r\n e.touches.length !== 2 ||\r\n 'gesture' !== self.gesture\r\n ) {\r\n return;\r\n }\r\n\r\n var target = this.findTarget(e);\r\n if ('undefined' !== typeof target) {\r\n this.__gesturesParams = {\r\n e: e,\r\n self: self,\r\n target: target,\r\n };\r\n\r\n this.__gesturesRenderer();\r\n }\r\n\r\n this.fire('touch:gesture', {\r\n target: target,\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n __gesturesParams: null,\r\n __gesturesRenderer: function () {\r\n if (this.__gesturesParams === null || this._currentTransform === null) {\r\n return;\r\n }\r\n\r\n var self = this.__gesturesParams.self,\r\n t = this._currentTransform,\r\n e = this.__gesturesParams.e;\r\n\r\n t.action = 'scale';\r\n t.originX = t.originY = 'center';\r\n\r\n this._scaleObjectBy(self.scale, e);\r\n\r\n if (self.rotation !== 0) {\r\n t.action = 'rotate';\r\n this._rotateObjectByAngle(self.rotation, e);\r\n }\r\n\r\n this.requestRenderAll();\r\n\r\n t.action = 'drag';\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js drag is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onDrag: function (e, self) {\r\n this.fire('touch:drag', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js orientation event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onOrientationChange: function (e, self) {\r\n this.fire('touch:orientation', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js shake event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onShake: function (e, self) {\r\n this.fire('touch:shake', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js longpress event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onLongPress: function (e, self) {\r\n this.fire('touch:longpress', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Scales an object by a factor\r\n * @param {Number} s The scale factor to apply to the current scale level\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _scaleObjectBy: function (s, e) {\r\n var t = this._currentTransform,\r\n target = t.target;\r\n t.gestureScale = s;\r\n target._scaling = true;\r\n return scalingEqually(e, t, 0, 0);\r\n },\r\n\r\n /**\r\n * Rotates object by an angle\r\n * @param {Number} curAngle The angle of rotation in degrees\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _rotateObjectByAngle: function (curAngle, e) {\r\n var t = this._currentTransform;\r\n\r\n if (t.target.get('lockRotation')) {\r\n return;\r\n }\r\n t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta));\r\n this._fire('rotating', {\r\n target: t.target,\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Checks if object is decendant of target\r\n * Should be used instead of @link {fabric.Collection.contains} for performance reasons\r\n * @param {fabric.Object|fabric.StaticCanvas} target\r\n * @returns {boolean}\r\n */\r\n isDescendantOf: function (target) {\r\n var parent = this.group || this.canvas;\r\n while (parent) {\r\n if (target === parent) {\r\n return true;\r\n } else if (parent instanceof fabric.StaticCanvas) {\r\n // happens after all parents were traversed through without a match\r\n return false;\r\n }\r\n parent = parent.group || parent.canvas;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n *\r\n * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors\r\n *\r\n * @param {boolean} [strict] returns only ancestors that are objects (without canvas)\r\n * @returns {Ancestors} ancestors from bottom to top\r\n */\r\n getAncestors: function (strict) {\r\n var ancestors = [];\r\n var parent = this.group || (strict ? undefined : this.canvas);\r\n while (parent) {\r\n ancestors.push(parent);\r\n parent = parent.group || (strict ? undefined : parent.canvas);\r\n }\r\n return ancestors;\r\n },\r\n\r\n /**\r\n * Returns an object that represent the ancestry situation.\r\n *\r\n * @typedef {object} AncestryComparison\r\n * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`)\r\n * @property {Ancestors} fork ancestors that are of `this` only\r\n * @property {Ancestors} otherFork ancestors that are of `other` only\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] finds only ancestors that are objects (without canvas)\r\n * @returns {AncestryComparison | undefined}\r\n *\r\n */\r\n findCommonAncestors: function (other, strict) {\r\n if (this === other) {\r\n return {\r\n fork: [],\r\n otherFork: [],\r\n common: [this].concat(this.getAncestors(strict)),\r\n };\r\n } else if (!other) {\r\n // meh, warn and inform, and not my issue.\r\n // the argument is NOT optional, we can't end up here.\r\n return undefined;\r\n }\r\n var ancestors = this.getAncestors(strict);\r\n var otherAncestors = other.getAncestors(strict);\r\n // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case\r\n if (\r\n ancestors.length === 0 &&\r\n otherAncestors.length > 0 &&\r\n this === otherAncestors[otherAncestors.length - 1]\r\n ) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(\r\n otherAncestors.slice(0, otherAncestors.length - 1)\r\n ),\r\n common: [this],\r\n };\r\n }\r\n // compare ancestors\r\n for (var i = 0, ancestor; i < ancestors.length; i++) {\r\n ancestor = ancestors[i];\r\n if (ancestor === other) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [],\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n for (var j = 0; j < otherAncestors.length; j++) {\r\n if (this === otherAncestors[j]) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: [this].concat(ancestors),\r\n };\r\n }\r\n if (ancestor === otherAncestors[j]) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n }\r\n }\r\n // nothing shared\r\n return {\r\n fork: [this].concat(ancestors),\r\n otherFork: [other].concat(otherAncestors),\r\n common: [],\r\n };\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] checks only ancestors that are objects (without canvas)\r\n * @returns {boolean}\r\n */\r\n hasCommonAncestors: function (other, strict) {\r\n var commonAncestors = this.findCommonAncestors(other, strict);\r\n return commonAncestors && !!commonAncestors.ancestors.length;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Moves an object to the bottom of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendToBack.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.sendToBack(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to the top of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringToFront.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.bringToFront(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object down in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendBackwards.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.sendBackwards(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object up in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringForward.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.bringForward(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {Number} index New position of object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (index) {\r\n if (this.group && this.group.type !== 'activeSelection') {\r\n fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index);\r\n } else if (this.canvas) {\r\n this.canvas.moveTo(this, index);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other object to compare against\r\n * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined`\r\n */\r\n isInFrontOf: function (other) {\r\n if (this === other) {\r\n return undefined;\r\n }\r\n var ancestorData = this.findCommonAncestors(other);\r\n if (!ancestorData) {\r\n return undefined;\r\n }\r\n if (ancestorData.fork.includes(other)) {\r\n return true;\r\n }\r\n if (ancestorData.otherFork.includes(this)) {\r\n return false;\r\n }\r\n var firstCommonAncestor = ancestorData.common[0];\r\n if (!firstCommonAncestor) {\r\n return undefined;\r\n }\r\n var headOfFork = ancestorData.fork.pop(),\r\n headOfOtherFork = ancestorData.otherFork.pop(),\r\n thisIndex = firstCommonAncestor._objects.indexOf(headOfFork),\r\n otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork);\r\n return thisIndex > -1 && thisIndex > otherIndex;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\n(function (global) {\r\n var fabric = global.fabric;\r\n function getSvgColorString(prop, value) {\r\n if (!value) {\r\n return prop + ': none; ';\r\n } else if (value.toLive) {\r\n return prop + ': url(#SVGID_' + value.id + '); ';\r\n } else {\r\n var color = new Color(value),\r\n str = prop + ': ' + color.toRgb() + '; ',\r\n opacity = color.getAlpha();\r\n if (opacity !== 1) {\r\n //change the color in rgb + opacity\r\n str += prop + '-opacity: ' + opacity.toString() + '; ';\r\n }\r\n return str;\r\n }\r\n }\r\n\r\n var toFixed = (fabric = global.fabric),\r\n toFixed = fabric.util.toFixed;\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles: function (skipShadow) {\r\n var fillRule = this.fillRule ? this.fillRule : 'nonzero',\r\n strokeWidth = this.strokeWidth ? this.strokeWidth : '0',\r\n strokeDashArray = this.strokeDashArray\r\n ? this.strokeDashArray.join(' ')\r\n : 'none',\r\n strokeDashOffset = this.strokeDashOffset\r\n ? this.strokeDashOffset\r\n : '0',\r\n strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt',\r\n strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter',\r\n strokeMiterLimit = this.strokeMiterLimit\r\n ? this.strokeMiterLimit\r\n : '4',\r\n opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1',\r\n visibility = this.visible ? '' : ' visibility: hidden;',\r\n filter = skipShadow ? '' : this.getSvgFilter(),\r\n fill = getSvgColorString('fill', this.fill),\r\n stroke = getSvgColorString('stroke', this.stroke);\r\n\r\n return [\r\n stroke,\r\n 'stroke-width: ',\r\n strokeWidth,\r\n '; ',\r\n 'stroke-dasharray: ',\r\n strokeDashArray,\r\n '; ',\r\n 'stroke-linecap: ',\r\n strokeLineCap,\r\n '; ',\r\n 'stroke-dashoffset: ',\r\n strokeDashOffset,\r\n '; ',\r\n 'stroke-linejoin: ',\r\n strokeLineJoin,\r\n '; ',\r\n 'stroke-miterlimit: ',\r\n strokeMiterLimit,\r\n '; ',\r\n fill,\r\n 'fill-rule: ',\r\n fillRule,\r\n '; ',\r\n 'opacity: ',\r\n opacity,\r\n ';',\r\n filter,\r\n visibility,\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\r\n * @return {String}\r\n */\r\n getSvgSpanStyles: function (style, useWhiteSpace) {\r\n var term = '; ';\r\n var fontFamily = style.fontFamily\r\n ? 'font-family: ' +\r\n (style.fontFamily.indexOf(\"'\") === -1 &&\r\n style.fontFamily.indexOf('\"') === -1\r\n ? \"'\" + style.fontFamily + \"'\"\r\n : style.fontFamily) +\r\n term\r\n : '';\r\n var strokeWidth = style.strokeWidth\r\n ? 'stroke-width: ' + style.strokeWidth + term\r\n : '',\r\n fontFamily = fontFamily,\r\n fontSize = style.fontSize\r\n ? 'font-size: ' + style.fontSize + 'px' + term\r\n : '',\r\n fontStyle = style.fontStyle\r\n ? 'font-style: ' + style.fontStyle + term\r\n : '',\r\n fontWeight = style.fontWeight\r\n ? 'font-weight: ' + style.fontWeight + term\r\n : '',\r\n fill = style.fill ? getSvgColorString('fill', style.fill) : '',\r\n stroke = style.stroke\r\n ? getSvgColorString('stroke', style.stroke)\r\n : '',\r\n textDecoration = this.getSvgTextDecoration(style),\r\n deltaY = style.deltaY\r\n ? 'baseline-shift: ' + -style.deltaY + '; '\r\n : '';\r\n if (textDecoration) {\r\n textDecoration = 'text-decoration: ' + textDecoration + term;\r\n }\r\n\r\n return [\r\n stroke,\r\n strokeWidth,\r\n fontFamily,\r\n fontSize,\r\n fontStyle,\r\n fontWeight,\r\n textDecoration,\r\n fill,\r\n deltaY,\r\n useWhiteSpace ? 'white-space: pre; ' : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns text-decoration property for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @return {String}\r\n */\r\n getSvgTextDecoration: function (style) {\r\n return ['overline', 'underline', 'line-through']\r\n .filter(function (decoration) {\r\n return style[decoration.replace('-', '')];\r\n })\r\n .join(' ');\r\n },\r\n\r\n /**\r\n * Returns filter for svg shadow\r\n * @return {String}\r\n */\r\n getSvgFilter: function () {\r\n return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : '';\r\n },\r\n\r\n /**\r\n * Returns id attribute for svg output\r\n * @return {String}\r\n */\r\n getSvgCommons: function () {\r\n return [\r\n this.id ? 'id=\"' + this.id + '\" ' : '',\r\n this.clipPath\r\n ? 'clip-path=\"url(#' + this.clipPath.clipPathId + ')\" '\r\n : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns transform-string for svg-export\r\n * @param {Boolean} use the full transform or the single object one.\r\n * @return {String}\r\n */\r\n getSvgTransform: function (full, additionalTransform) {\r\n var transform = full\r\n ? this.calcTransformMatrix()\r\n : this.calcOwnMatrix(),\r\n svgTransform = 'transform=\"' + fabric.util.matrixToSVG(transform);\r\n return svgTransform + (additionalTransform || '') + '\" ';\r\n },\r\n\r\n _setSVGBg: function (textBgRects) {\r\n if (this.backgroundColor) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n return this._createBaseSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n });\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseClipPathSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var reviver = options.reviver,\r\n additionalTransform = options.additionalTransform || '',\r\n commonPieces = [\r\n this.getSvgTransform(true, additionalTransform),\r\n this.getSvgCommons(),\r\n ].join(''),\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS');\r\n objectMarkup[index] = commonPieces;\r\n return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var noStyle = options.noStyle,\r\n reviver = options.reviver,\r\n styleInfo = noStyle ? '' : 'style=\"' + this.getSvgStyles() + '\" ',\r\n shadowInfo = options.withShadow\r\n ? 'style=\"' + this.getSvgFilter() + '\" '\r\n : '',\r\n clipPath = this.clipPath,\r\n vectorEffect = this.strokeUniform\r\n ? 'vector-effect=\"non-scaling-stroke\" '\r\n : '',\r\n absoluteClipPath = clipPath && clipPath.absolutePositioned,\r\n stroke = this.stroke,\r\n fill = this.fill,\r\n shadow = this.shadow,\r\n commonPieces,\r\n markup = [],\r\n clipPathMarkup,\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS'),\r\n additionalTransform = options.additionalTransform;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n clipPathMarkup =\r\n '\\n' +\r\n clipPath.toClipPathSVG(reviver) +\r\n '\\n';\r\n }\r\n if (absoluteClipPath) {\r\n markup.push('\\n');\r\n }\r\n markup.push(\r\n '\\n'\r\n );\r\n commonPieces = [\r\n styleInfo,\r\n vectorEffect,\r\n noStyle ? '' : this.addPaintOrder(),\r\n ' ',\r\n additionalTransform ? 'transform=\"' + additionalTransform + '\" ' : '',\r\n ].join('');\r\n objectMarkup[index] = commonPieces;\r\n if (fill && fill.toLive) {\r\n markup.push(fill.toSVG(this));\r\n }\r\n if (stroke && stroke.toLive) {\r\n markup.push(stroke.toSVG(this));\r\n }\r\n if (shadow) {\r\n markup.push(shadow.toSVG(this));\r\n }\r\n if (clipPath) {\r\n markup.push(clipPathMarkup);\r\n }\r\n markup.push(objectMarkup.join(''));\r\n markup.push('\\n');\r\n absoluteClipPath && markup.push('\\n');\r\n return reviver ? reviver(markup.join('')) : markup.join('');\r\n },\r\n\r\n addPaintOrder: function () {\r\n return this.paintFirst !== 'fill'\r\n ? ' paint-order=\"' + this.paintFirst + '\" '\r\n : '';\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n/* _TO_SVG_END_ */\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n originalSet = 'stateProperties';\r\n\r\n /*\r\n Depends on `stateProperties`\r\n */\r\n function saveProps(origin, destination, props) {\r\n var tmpObj = {},\r\n deep = true;\r\n props.forEach(function (prop) {\r\n tmpObj[prop] = origin[prop];\r\n });\r\n\r\n extend(origin[destination], tmpObj, deep);\r\n }\r\n\r\n function _isEqual(origValue, currentValue, firstPass) {\r\n if (origValue === currentValue) {\r\n // if the objects are identical, return\r\n return true;\r\n } else if (Array.isArray(origValue)) {\r\n if (\r\n !Array.isArray(currentValue) ||\r\n origValue.length !== currentValue.length\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = origValue.length; i < len; i++) {\r\n if (!_isEqual(origValue[i], currentValue[i])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else if (origValue && typeof origValue === 'object') {\r\n var keys = Object.keys(origValue),\r\n key;\r\n if (\r\n !currentValue ||\r\n typeof currentValue !== 'object' ||\r\n (!firstPass && keys.length !== Object.keys(currentValue).length)\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = keys.length; i < len; i++) {\r\n key = keys[i];\r\n // since clipPath is in the statefull cache list and the clipPath objects\r\n // would be iterated as an object, this would lead to possible infinite recursion\r\n // we do not want to compare those.\r\n if (key === 'canvas' || key === 'group') {\r\n continue;\r\n }\r\n if (!_isEqual(origValue[key], currentValue[key])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Object.prototype,\r\n /** @lends fabric.Object.prototype */ {\r\n /**\r\n * Returns true if object state (one of its state properties) was changed\r\n * @param {String} [propertySet] optional name for the set of property we want to save\r\n * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called\r\n */\r\n hasStateChanged: function (propertySet) {\r\n propertySet = propertySet || originalSet;\r\n var dashedPropertySet = '_' + propertySet;\r\n if (\r\n Object.keys(this[dashedPropertySet]).length < this[propertySet].length\r\n ) {\r\n return true;\r\n }\r\n return !_isEqual(this[dashedPropertySet], this, true);\r\n },\r\n\r\n /**\r\n * Saves state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n saveState: function (options) {\r\n var propertySet = (options && options.propertySet) || originalSet,\r\n destination = '_' + propertySet;\r\n if (!this[destination]) {\r\n return this.setupState(options);\r\n }\r\n saveProps(this, destination, this[propertySet]);\r\n if (options && options.stateProperties) {\r\n saveProps(this, destination, options.stateProperties);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Setups state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n setupState: function (options) {\r\n options = options || {};\r\n var propertySet = options.propertySet || originalSet;\r\n options.propertySet = propertySet;\r\n this['_' + propertySet] = {};\r\n this.saveState(options);\r\n return this;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Animation duration (in ms) for fx* methods\r\n * @type Number\r\n * @default\r\n */\r\n FX_DURATION: 500,\r\n\r\n /**\r\n * Centers object horizontally with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectH: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getX(),\r\n endValue: this.getCenterPoint().x,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setX(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Centers object vertically with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectV: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getY(),\r\n endValue: this.getCenterPoint().y,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setY(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Same as `fabric.Canvas#remove` but animated\r\n * @param {fabric.Object} object Object to remove\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxRemove: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.opacity,\r\n endValue: 0,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.set('opacity', value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.remove(object);\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Animates object's properties\r\n * @param {String|Object} property Property to animate (if string) or properties to animate (if object)\r\n * @param {Number|Object} value Value to animate property to (if string was given first) or options object\r\n * @return {fabric.Object} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation}\r\n * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties)\r\n *\r\n * As object — multiple properties\r\n *\r\n * object.animate({ left: ..., top: ... });\r\n * object.animate({ left: ..., top: ... }, { duration: ... });\r\n *\r\n * As string — one property\r\n *\r\n * object.animate('left', ...);\r\n * object.animate('left', { duration: ... });\r\n *\r\n */\r\n animate: function () {\r\n if (arguments[0] && typeof arguments[0] === 'object') {\r\n var propsToAnimate = [],\r\n prop,\r\n skipCallbacks,\r\n out = [];\r\n for (prop in arguments[0]) {\r\n propsToAnimate.push(prop);\r\n }\r\n for (var i = 0, len = propsToAnimate.length; i < len; i++) {\r\n prop = propsToAnimate[i];\r\n skipCallbacks = i !== len - 1;\r\n out.push(\r\n this._animate(\r\n prop,\r\n arguments[0][prop],\r\n arguments[1],\r\n skipCallbacks\r\n )\r\n );\r\n }\r\n return out;\r\n } else {\r\n return this._animate.apply(this, arguments);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} property Property to animate\r\n * @param {String} to Value to animate to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked\r\n */\r\n _animate: function (property, to, options, skipCallbacks) {\r\n var _this = this,\r\n propPair;\r\n\r\n to = to.toString();\r\n\r\n options = Object.assign({}, options);\r\n\r\n if (~property.indexOf('.')) {\r\n propPair = property.split('.');\r\n }\r\n\r\n var propIsColor =\r\n _this.colorProperties.indexOf(property) > -1 ||\r\n (propPair && _this.colorProperties.indexOf(propPair[1]) > -1);\r\n\r\n var currentValue = propPair\r\n ? this.get(propPair[0])[propPair[1]]\r\n : this.get(property);\r\n\r\n if (!('from' in options)) {\r\n options.from = currentValue;\r\n }\r\n\r\n if (!propIsColor) {\r\n if (~to.indexOf('=')) {\r\n to = currentValue + parseFloat(to.replace('=', ''));\r\n } else {\r\n to = parseFloat(to);\r\n }\r\n }\r\n\r\n var _options = {\r\n target: this,\r\n startValue: options.from,\r\n endValue: to,\r\n byValue: options.by,\r\n easing: options.easing,\r\n duration: options.duration,\r\n abort:\r\n options.abort &&\r\n function (value, valueProgress, timeProgress) {\r\n return options.abort.call(\r\n _this,\r\n value,\r\n valueProgress,\r\n timeProgress\r\n );\r\n },\r\n onChange: function (value, valueProgress, timeProgress) {\r\n if (propPair) {\r\n _this[propPair[0]][propPair[1]] = value;\r\n } else {\r\n _this.set(property, value);\r\n }\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n options.onChange &&\r\n options.onChange(value, valueProgress, timeProgress);\r\n },\r\n onComplete: function (value, valueProgress, timeProgress) {\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n\r\n _this.setCoords();\r\n options.onComplete &&\r\n options.onComplete(value, valueProgress, timeProgress);\r\n },\r\n };\r\n\r\n if (propIsColor) {\r\n return fabric.util.animateColor(\r\n _options.startValue,\r\n _options.endValue,\r\n _options.duration,\r\n _options\r\n );\r\n } else {\r\n return fabric.util.animate(_options);\r\n }\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 };\r\n\r\n /**\r\n * Line class\r\n * @class fabric.Line\r\n * @extends fabric.Object\r\n * @see {@link fabric.Line#initialize} for constructor definition\r\n */\r\n fabric.Line = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Line.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'line',\r\n\r\n /**\r\n * x value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n x1: 0,\r\n\r\n /**\r\n * y value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n y1: 0,\r\n\r\n /**\r\n * x value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n x2: 0,\r\n\r\n /**\r\n * y value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n y2: 0,\r\n\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2'\r\n ),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} [points] Array of points\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Line} thisArg\r\n */\r\n initialize: function (points, options) {\r\n if (!points) {\r\n points = [0, 0, 0, 0];\r\n }\r\n\r\n this.callSuper('initialize', options);\r\n\r\n this.set('x1', points[0]);\r\n this.set('y1', points[1]);\r\n this.set('x2', points[2]);\r\n this.set('y2', points[3]);\r\n\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n\r\n this.width = Math.abs(this.x2 - this.x1);\r\n this.height = Math.abs(this.y2 - this.y1);\r\n\r\n this.left = 'left' in options ? options.left : this._getLeftToOriginX();\r\n\r\n this.top = 'top' in options ? options.top : this._getTopToOriginY();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n this.callSuper('_set', key, value);\r\n if (typeof coordProps[key] !== 'undefined') {\r\n this._setWidthHeight();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line.\r\n */\r\n _getLeftToOriginX: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originX',\r\n axis1: 'x1',\r\n axis2: 'x2',\r\n dimension: 'width',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'left',\r\n center: 'center',\r\n farthest: 'right',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line.\r\n */\r\n _getTopToOriginY: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originY',\r\n axis1: 'y1',\r\n axis2: 'y2',\r\n dimension: 'height',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'top',\r\n center: 'center',\r\n farthest: 'bottom',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.beginPath();\r\n\r\n var p = this.calcLinePoints();\r\n ctx.moveTo(p.x1, p.y1);\r\n ctx.lineTo(p.x2, p.y2);\r\n\r\n ctx.lineWidth = this.strokeWidth;\r\n\r\n // TODO: test this\r\n // make sure setting \"fill\" changes color of a line\r\n // (by copying fillStyle to strokeStyle, since line is stroked, not filled)\r\n var origStrokeStyle = ctx.strokeStyle;\r\n ctx.strokeStyle = this.stroke || ctx.fillStyle;\r\n this.stroke && this._renderStroke(ctx);\r\n ctx.strokeStyle = origStrokeStyle;\r\n },\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement: function () {\r\n return {\r\n x: (this.x1 + this.x2) / 2,\r\n y: (this.y1 + this.y2) / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(\r\n this.callSuper('toObject', propertiesToInclude),\r\n this.calcLinePoints()\r\n );\r\n },\r\n\r\n /*\r\n * Calculate object dimensions from its properties\r\n * @private\r\n */\r\n _getNonTransformedDimensions: function () {\r\n var dim = this.callSuper('_getNonTransformedDimensions');\r\n if (this.strokeLineCap === 'butt') {\r\n if (this.width === 0) {\r\n dim.y -= this.strokeWidth;\r\n }\r\n if (this.height === 0) {\r\n dim.x -= this.strokeWidth;\r\n }\r\n }\r\n return dim;\r\n },\r\n\r\n /**\r\n * Recalculates line points given width and height\r\n * @private\r\n */\r\n calcLinePoints: function () {\r\n var xMult = this.x1 <= this.x2 ? -1 : 1,\r\n yMult = this.y1 <= this.y2 ? -1 : 1,\r\n x1 = xMult * this.width * 0.5,\r\n y1 = yMult * this.height * 0.5,\r\n x2 = xMult * this.width * -0.5,\r\n y2 = yMult * this.height * -0.5;\r\n\r\n return {\r\n x1: x1,\r\n x2: x2,\r\n y1: y1,\r\n y2: y2,\r\n };\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var p = this.calcLinePoints();\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement})\r\n * @static\r\n * @memberOf fabric.Line\r\n * @see http://www.w3.org/TR/SVG/shapes.html#LineElement\r\n */\r\n fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x1 y1 x2 y2'.split(' ')\r\n );\r\n\r\n /**\r\n * Returns fabric.Line instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] callback function invoked after parsing\r\n */\r\n fabric.Line.fromElement = function (element, callback, options) {\r\n options = options || {};\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Line.ATTRIBUTE_NAMES\r\n ),\r\n points = [\r\n parsedAttributes.x1 || 0,\r\n parsedAttributes.y1 || 0,\r\n parsedAttributes.x2 || 0,\r\n parsedAttributes.y2 || 0,\r\n ];\r\n callback(new fabric.Line(points, extend(parsedAttributes, options)));\r\n };\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Line instance from an object representation\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Line.fromObject = function (object) {\r\n var options = clone(object, true);\r\n options.points = [object.x1, object.y1, object.x2, object.y2];\r\n return FabricObject._fromObject(fabric.Line, options, {\r\n extraParam: 'points',\r\n }).then(function (fabricLine) {\r\n delete fabricLine.points;\r\n return fabricLine;\r\n });\r\n };\r\n\r\n /**\r\n * Produces a function that calculates distance from canvas edge to Line origin.\r\n */\r\n function makeEdgeToOriginGetter(propertyNames, originValues) {\r\n var origin = propertyNames.origin,\r\n axis1 = propertyNames.axis1,\r\n axis2 = propertyNames.axis2,\r\n dimension = propertyNames.dimension,\r\n nearest = originValues.nearest,\r\n center = originValues.center,\r\n farthest = originValues.farthest;\r\n\r\n return function () {\r\n switch (this.get(origin)) {\r\n case nearest:\r\n return Math.min(this.get(axis1), this.get(axis2));\r\n case center:\r\n return (\r\n Math.min(this.get(axis1), this.get(axis2)) +\r\n 0.5 * this.get(dimension)\r\n );\r\n case farthest:\r\n return Math.max(this.get(axis1), this.get(axis2));\r\n }\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Circle extends FabricObject {\r\n /**\r\n * Radius of this circle\r\n * @type Number\r\n * @default\r\n */\r\n radius: number;\r\n\r\n /**\r\n * degrees of start of the circle.\r\n * probably will change to degrees in next major version\r\n * @type Number 0 - 359\r\n * @default 0\r\n */\r\n startAngle: number;\r\n\r\n /**\r\n * End angle of the circle\r\n * probably will change to degrees in next major version\r\n * @type Number 1 - 360\r\n * @default 360\r\n */\r\n endAngle: number;\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n\r\n if (key === 'radius') {\r\n this.setRadius(value);\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.arc(\r\n 0,\r\n 0,\r\n this.radius,\r\n degreesToRadians(this.startAngle),\r\n degreesToRadians(this.endAngle),\r\n false\r\n );\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusX(): number {\r\n return this.get('radius') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusY(): number {\r\n return this.get('radius') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Sets radius of an object (and updates width accordingly)\r\n */\r\n setRadius(value: number) {\r\n this.radius = value;\r\n this.set({ width: value * 2, height: value * 2 });\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []): object {\r\n return super.toObject([\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle',\r\n ...propertiesToInclude,\r\n ]);\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG(): (string | number)[] {\r\n const angle = (this.endAngle - this.startAngle) % 360;\r\n\r\n if (angle === 0) {\r\n return [\r\n '\\n',\r\n ];\r\n } else {\r\n const { radius } = this;\r\n const start = degreesToRadians(this.startAngle),\r\n end = degreesToRadians(this.endAngle),\r\n startX = cos(start) * radius,\r\n startY = sin(start) * radius,\r\n endX = cos(end) * radius,\r\n endY = sin(end) * radius,\r\n largeFlag = angle > 180 ? '1' : '0';\r\n return [\r\n `\\n',\r\n ];\r\n }\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement})\r\n * @static\r\n * @memberOf Circle\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement\r\n */\r\n static ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES];\r\n\r\n /**\r\n * Returns {@link Circle} instance from an SVG element\r\n * @static\r\n * @memberOf Circle\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @param {Object} [options] Partial Circle object to default missing properties on the element.\r\n * @throws {Error} If value of `r` attribute is missing or invalid\r\n */\r\n static fromElement(element: SVGElement, callback: (circle: Circle) => any) {\r\n const {\r\n left = 0,\r\n top = 0,\r\n radius,\r\n ...otherParsedAttributes\r\n } = parseAttributes(element, Circle.ATTRIBUTE_NAMES);\r\n\r\n if (!radius || radius < 0) {\r\n throw new Error(\r\n 'value of `r` attribute is required and can not be negative'\r\n );\r\n }\r\n\r\n // this probably requires to be fixed for default origins not being top/left.\r\n callback(\r\n new Circle({\r\n ...otherParsedAttributes,\r\n radius,\r\n left: left - radius,\r\n top: top - radius,\r\n })\r\n );\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Circle} instance from an object representation\r\n * @static\r\n * @memberOf Circle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n return FabricObject._fromObject(Circle, object);\r\n }\r\n}\r\n\r\nexport const circleDefaultValues: Partial> = {\r\n type: 'circle',\r\n radius: 0,\r\n startAngle: 0,\r\n endAngle: 360,\r\n stateProperties: fabricObjectDefaultValues.stateProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n cacheProperties: fabricObjectDefaultValues.cacheProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n};\r\n\r\nObject.assign(Circle.prototype, circleDefaultValues);\r\n\r\nfabric.Circle = Circle;\r\n","import { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\nexport class Triangle extends FabricObject {\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2;\r\n\r\n ctx.beginPath();\r\n ctx.moveTo(-widthBy2, heightBy2);\r\n ctx.lineTo(0, -heightBy2);\r\n ctx.lineTo(widthBy2, heightBy2);\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2,\r\n points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`;\r\n return [''];\r\n }\r\n\r\n /**\r\n * Returns {@link Triangle} instance from an object representation\r\n * @static\r\n * @memberOf Triangle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Triangle, object);\r\n }\r\n}\r\n\r\nexport const triangleDefaultValues: Partial> = {\r\n type: 'triangle',\r\n width: 100,\r\n height: 100,\r\n};\r\n\r\nObject.assign(Triangle.prototype, triangleDefaultValues);\r\n\r\nfabric.Triangle = Triangle;\r\n","import { fabric } from '../../HEADER';\r\nimport { twoMathPi } from '../constants';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Ellipse extends FabricObject {\r\n /**\r\n * Horizontal radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: number;\r\n\r\n /**\r\n * Vertical radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Ellipse} thisArg\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n this.set('rx', (options && options.rx) || 0);\r\n this.set('ry', (options && options.ry) || 0);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {Ellipse} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n switch (key) {\r\n case 'rx':\r\n this.rx = value;\r\n this.set('width', value * 2);\r\n break;\r\n\r\n case 'ry':\r\n this.ry = value;\r\n this.set('height', value * 2);\r\n break;\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRx() {\r\n return this.get('rx') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns Vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRy() {\r\n return this.get('ry') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []) {\r\n return super.toObject(['rx', 'ry', ...propertiesToInclude]);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n return [\r\n '\\n',\r\n ];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.save();\r\n ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0);\r\n ctx.arc(0, 0, this.rx, 0, twoMathPi, false);\r\n ctx.restore();\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement})\r\n * @static\r\n * @memberOf Ellipse\r\n * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement\r\n */\r\n static ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry'];\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an SVG element\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @return {Ellipse}\r\n */\r\n static fromElement(\r\n element: SVGElement,\r\n callback: (ellipse: Ellipse) => void\r\n ) {\r\n const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES);\r\n\r\n parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx;\r\n parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry;\r\n callback(new Ellipse(parsedAttributes));\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an object representation\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Ellipse, object);\r\n }\r\n}\r\n\r\nexport const ellipseDefaultValues: Partial> = {\r\n type: 'ellipse',\r\n rx: 0,\r\n ry: 0,\r\n cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'],\r\n};\r\n\r\nObject.assign(Ellipse.prototype, ellipseDefaultValues);\r\n\r\nfabric.Ellipse = Ellipse;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { kRect } from '../constants';\r\n/**\r\n * Rectangle class\r\n * @class Rect\r\n * @extends fabric.Object\r\n * @return {Rect} thisArg\r\n * @see {@link Rect#initialize} for constructor definition\r\n */\r\nconst Rect = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends Rect.prototype */ {\r\n /**\r\n * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: fabric.Object.prototype.stateProperties.concat('rx', 'ry'),\r\n\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'rect',\r\n\r\n /**\r\n * Horizontal border radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: 0,\r\n\r\n /**\r\n * Vertical border radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: 0,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'),\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n this._initRxRy();\r\n },\r\n\r\n /**\r\n * Initializes rx/ry attributes\r\n * @private\r\n */\r\n _initRxRy: function () {\r\n const { rx, ry } = this;\r\n if (rx && !ry) {\r\n this.ry = rx;\r\n } else if (ry && !rx) {\r\n this.rx = ry;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n // 1x1 case (used in spray brush) optimization was removed because\r\n // with caching and higher zoom level this makes more damage than help\r\n const { width: w, height: h } = this;\r\n const x = -w / 2;\r\n const y = -h / 2;\r\n const rx = this.rx ? Math.min(this.rx, w / 2) : 0;\r\n const ry = this.ry ? Math.min(this.ry, h / 2) : 0;\r\n const isRounded = rx !== 0 || ry !== 0;\r\n\r\n ctx.beginPath();\r\n\r\n ctx.moveTo(x + rx, y);\r\n\r\n ctx.lineTo(x + w - rx, y);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w - kRect * rx,\r\n y,\r\n x + w,\r\n y + kRect * ry,\r\n x + w,\r\n y + ry\r\n );\r\n\r\n ctx.lineTo(x + w, y + h - ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w,\r\n y + h - kRect * ry,\r\n x + w - kRect * rx,\r\n y + h,\r\n x + w - rx,\r\n y + h\r\n );\r\n\r\n ctx.lineTo(x + rx, y + h);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + kRect * rx,\r\n y + h,\r\n x,\r\n y + h - kRect * ry,\r\n x,\r\n y + h - ry\r\n );\r\n\r\n ctx.lineTo(x, y + ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y);\r\n\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this.callSuper(\r\n 'toObject',\r\n ['rx', 'ry'].concat(propertiesToInclude)\r\n );\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n const { width, height, rx, ry } = this;\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n);\r\n\r\n/* _FROM_SVG_START_ */\r\n/**\r\n * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`)\r\n * @static\r\n * @memberOf Rect\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement\r\n */\r\nRect.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y rx ry width height'.split(' ')\r\n);\r\n\r\n/**\r\n * Returns {@link Rect} instance from an SVG element\r\n * @static\r\n * @memberOf Rect\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\nRect.fromElement = function (element, callback, options = {}) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const {\r\n left = 0,\r\n top = 0,\r\n width = 0,\r\n height = 0,\r\n visible = true,\r\n ...restOfparsedAttributes\r\n } = fabric.parseAttributes(element, Rect.ATTRIBUTE_NAMES);\r\n\r\n const rect = new Rect({\r\n ...options,\r\n ...restOfparsedAttributes,\r\n left,\r\n top,\r\n width,\r\n height,\r\n visible: Boolean(visible && width && height),\r\n });\r\n callback(rect);\r\n};\r\n/* _FROM_SVG_END_ */\r\n\r\n/**\r\n * Returns {@link Rect} instance from an object representation\r\n * @static\r\n * @memberOf Rect\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\nRect.fromObject = (object) => fabric.Object._fromObject(Rect, object);\r\n\r\nfabric.Rect = Rect;\r\nexport { Rect };\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { parsePointsAttribute } from '../parser/parsePointsAttribute';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Polyline class\r\n * @class fabric.Polyline\r\n * @extends fabric.Object\r\n * @see {@link fabric.Polyline#initialize} for constructor definition\r\n */\r\n fabric.Polyline = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Polyline.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polyline',\r\n\r\n /**\r\n * Points array\r\n * @type Array\r\n * @default\r\n */\r\n points: null,\r\n\r\n /**\r\n * WARNING: Feature in progress\r\n * Calculate the exact bounding box taking in account strokeWidth on acute angles\r\n * this will be turned to true by default on fabric 6.0\r\n * maybe will be left in as an optimization since calculations may be slow\r\n * @deprecated\r\n * @type Boolean\r\n * @default false\r\n * @todo set default to true and remove flag and related logic\r\n */\r\n exactBoundingBox: false,\r\n\r\n initialized: false,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'),\r\n\r\n /**\r\n * A list of properties that if changed trigger a recalculation of dimensions\r\n * @todo check if you really need to recalculate for all cases\r\n */\r\n strokeBBoxAffectingProperties: [\r\n 'skewX',\r\n 'skewY',\r\n 'strokeLineCap',\r\n 'strokeLineJoin',\r\n 'strokeMiterLimit',\r\n 'strokeWidth',\r\n 'strokeUniform',\r\n 'points',\r\n ],\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} points Array of points (where each point is an object with x and y)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Polyline} thisArg\r\n * @example\r\n * var poly = new fabric.Polyline([\r\n * { x: 10, y: 10 },\r\n * { x: 50, y: 30 },\r\n * { x: 40, y: 70 },\r\n * { x: 60, y: 50 },\r\n * { x: 100, y: 150 },\r\n * { x: 40, y: 100 }\r\n * ], {\r\n * stroke: 'red',\r\n * left: 100,\r\n * top: 100\r\n * });\r\n */\r\n initialize: function (points, options = {}) {\r\n this.points = points || [];\r\n this.callSuper('initialize', options);\r\n this.initialized = true;\r\n const bboxTL = this.setDimensions();\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? bboxTL.x, options.top ?? bboxTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this, true);\r\n },\r\n\r\n /**\r\n * Calculate the polygon bounding box\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const points = this.exactBoundingBox\r\n ? this._projectStrokeOnPoints().map(\r\n (projection) => projection.projectedPoint\r\n )\r\n : this.points;\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n pathOffset: new Point(),\r\n };\r\n }\r\n const bbox = makeBoundingBoxFromPoints(points);\r\n const bboxNoStroke = makeBoundingBoxFromPoints(this.points);\r\n const offsetX = bbox.left + bbox.width / 2,\r\n offsetY = bbox.top + bbox.height / 2;\r\n const pathOffsetX =\r\n offsetX - offsetY * Math.tan(degreesToRadians(this.skewX));\r\n const pathOffsetY =\r\n offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY));\r\n // TODO: remove next line\r\n const legacyCorrection =\r\n !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0;\r\n return {\r\n ...bbox,\r\n left: bbox.left - legacyCorrection,\r\n top: bbox.top - legacyCorrection,\r\n pathOffset: new Point(pathOffsetX, pathOffsetY),\r\n strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(\r\n bbox.left,\r\n bbox.top\r\n ),\r\n };\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset, strokeOffset } =\r\n this._calcDimensions();\r\n this.set({ width, height, pathOffset, strokeOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @override stroke is taken in account in size\r\n */\r\n _getNonTransformedDimensions: function () {\r\n return this.exactBoundingBox\r\n ? new Point(this.width, this.height)\r\n : this.callSuper('_getNonTransformedDimensions');\r\n },\r\n\r\n /**\r\n * @override stroke and skewing are taken into account when projecting stroke on points,\r\n * therefore we don't want the default calculation to account for skewing as well\r\n *\r\n * @private\r\n */\r\n _getTransformedDimensions: function (options) {\r\n return this.exactBoundingBox\r\n ? this.callSuper('_getTransformedDimensions', {\r\n ...(options || {}),\r\n // disable stroke bbox calculations\r\n strokeWidth: 0,\r\n // disable skewing bbox calculations\r\n skewX: 0,\r\n skewY: 0,\r\n })\r\n : this.callSuper('_getTransformedDimensions', options);\r\n },\r\n\r\n /**\r\n * Recalculates dimensions when changing skew and scale\r\n * @private\r\n */\r\n _set: function (key, value) {\r\n const changed = this.initialized && this[key] !== value;\r\n const output = this.callSuper('_set', key, value);\r\n if (\r\n changed &&\r\n (((key === 'scaleX' || key === 'scaleY') &&\r\n this.strokeUniform &&\r\n this.strokeBBoxAffectingProperties.includes('strokeUniform') &&\r\n this.strokeLineJoin !== 'round') ||\r\n this.strokeBBoxAffectingProperties.includes(key))\r\n ) {\r\n this.setDimensions();\r\n }\r\n return output;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n points: this.points.concat(),\r\n });\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var points = [],\r\n diffX = this.pathOffset.x,\r\n diffY = this.pathOffset.y,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n for (var i = 0, len = this.points.length; i < len; i++) {\r\n points.push(\r\n toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS),\r\n ',',\r\n toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS),\r\n ' '\r\n );\r\n }\r\n return [\r\n '<' + this.type + ' ',\r\n 'COMMON_PARTS',\r\n 'points=\"',\r\n points.join(''),\r\n '\" />\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n commonRender: function (ctx) {\r\n var point,\r\n len = this.points.length,\r\n x = this.pathOffset.x,\r\n y = this.pathOffset.y;\r\n\r\n if (!len || isNaN(this.points[len - 1].y)) {\r\n // do not draw if no points or odd points\r\n // NaN comes from parseFloat of a empty string in parser\r\n return false;\r\n }\r\n ctx.beginPath();\r\n ctx.moveTo(this.points[0].x - x, this.points[0].y - y);\r\n for (var i = 0; i < len; i++) {\r\n point = this.points[i];\r\n ctx.lineTo(point.x - x, point.y - y);\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.get('points').length;\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement})\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement\r\n */\r\n fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {SVGElement} element Element to parser\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polyline.fromElementGenerator = function (_class) {\r\n return function (element, callback, options = {}) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const points = parsePointsAttribute(element.getAttribute('points')),\r\n // we omit left and top to instruct the constructor to position the object using the bbox\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n { left, top, ...parsedAttributes } = parseAttributes(\r\n element,\r\n fabric[_class].ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric[_class](points, {\r\n ...parsedAttributes,\r\n ...options,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n };\r\n\r\n fabric.Polyline.fromElement =\r\n fabric.Polyline.fromElementGenerator('Polyline');\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polyline.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polyline, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Polygon class\r\n * @class fabric.Polygon\r\n * @extends fabric.Polyline\r\n * @see {@link fabric.Polygon#initialize} for constructor definition\r\n */\r\n fabric.Polygon = fabric.util.createClass(\r\n fabric.Polyline,\r\n /** @lends fabric.Polygon.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polygon',\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n ctx.closePath();\r\n this._renderPaintInOrder(ctx);\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`)\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement\r\n */\r\n fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns {@link fabric.Polygon} instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon');\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polygon instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polygon.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polygon, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { Point } from '../point.class';\r\nimport { PathData } from '../typedefs';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { getBoundsOfCurve, makePathSimpler, parsePath } from '../util/path';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Path class\r\n * @class fabric.Path\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup}\r\n * @see {@link fabric.Path#initialize} for constructor definition\r\n */\r\n fabric.Path = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Path.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'path',\r\n\r\n /**\r\n * Array of path points\r\n * @type Array\r\n * @default\r\n */\r\n path: null,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat(\r\n 'path',\r\n 'fillRule'\r\n ),\r\n\r\n stateProperties: fabric.Object.prototype.stateProperties.concat('path'),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array|String} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Path} thisArg\r\n */\r\n initialize: function (path, options) {\r\n options = clone(options || {});\r\n delete options.path;\r\n this.callSuper('initialize', options);\r\n const pathTL = this._setPath(path || []);\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? pathTL.x, options.top ?? pathTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {PathData | string} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n _setPath: function (path: PathData | string) {\r\n this.path = makePathSimpler(\r\n Array.isArray(path) ? path : parsePath(path)\r\n );\r\n return this.setDimensions();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _renderPathCommands: function (ctx) {\r\n var current, // current instruction\r\n subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0, // current y\r\n controlX = 0, // current control point x\r\n controlY = 0, // current control point y\r\n l = -this.pathOffset.x,\r\n t = -this.pathOffset.y;\r\n\r\n ctx.beginPath();\r\n\r\n for (var i = 0, len = this.path.length; i < len; ++i) {\r\n current = this.path[i];\r\n\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n ctx.lineTo(x + l, y + t);\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n ctx.moveTo(x + l, y + t);\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n x = current[5];\r\n y = current[6];\r\n controlX = current[3];\r\n controlY = current[4];\r\n ctx.bezierCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n controlX + l,\r\n controlY + t,\r\n x + l,\r\n y + t\r\n );\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n ctx.quadraticCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n current[3] + l,\r\n current[4] + t\r\n );\r\n x = current[3];\r\n y = current[4];\r\n controlX = current[1];\r\n controlY = current[2];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n ctx.closePath();\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _render: function (ctx) {\r\n this._renderPathCommands(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n path: this.path.map(function (item) {\r\n return item.slice();\r\n }),\r\n });\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n var o = this.toObject(['sourcePath'].concat(propertiesToInclude));\r\n if (o.sourcePath) {\r\n delete o.path;\r\n }\r\n return o;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var path = fabric.util.joinPath(this.path);\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n\r\n _getOffsetTransform: function () {\r\n var digits = config.NUM_FRACTION_DIGITS;\r\n return (\r\n ' translate(' +\r\n toFixed(-this.pathOffset.x, digits) +\r\n ', ' +\r\n toFixed(-this.pathOffset.y, digits) +\r\n ')'\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns number representation of an instance complexity\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.path.length;\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset } = this._calcDimensions();\r\n this.set({ width, height, pathOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const bounds: Point[] = [];\r\n let subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0; // current y\r\n\r\n for (let i = 0; i < this.path.length; ++i) {\r\n const current = this.path[i]; // current instruction\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n bounds.push(\r\n new Point(subpathStartX, subpathStartY),\r\n new Point(x, y)\r\n );\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n )\r\n );\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n )\r\n );\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n break;\r\n }\r\n }\r\n\r\n const bbox = makeBoundingBoxFromPoints(bounds);\r\n const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2;\r\n\r\n return {\r\n ...bbox,\r\n left: bbox.left - strokeCorrection,\r\n top: bbox.top - strokeCorrection,\r\n pathOffset: new Point(\r\n bbox.left + bbox.width / 2,\r\n bbox.top + bbox.height / 2\r\n ),\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an object\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {Object} object\r\n * @returns {Promise}\r\n */\r\n fabric.Path.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Path, object, {\r\n extraParam: 'path',\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`)\r\n * @static\r\n * @memberOf fabric.Path\r\n * @see http://www.w3.org/TR/SVG/paths.html#PathElement\r\n */\r\n fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']);\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an SVG element\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {SVGElement} element to parse\r\n * @param {Function} callback Callback to invoke when an fabric.Path instance is created\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n */\r\n fabric.Path.fromElement = function (element, callback, options) {\r\n const parsedAttributes = parseAttributes(\r\n element,\r\n fabric.Path.ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric.Path(parsedAttributes.d, {\r\n ...parsedAttributes,\r\n ...options,\r\n // we pass undefined to instruct the constructor to position the object using the bbox\r\n left: undefined,\r\n top: undefined,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { resolveOrigin } from '../mixins/object_origin.mixin';\r\n\r\nexport class Group extends FabricObject {}\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n multiplyTransformMatrices = fabric.util.multiplyTransformMatrices,\r\n invertTransform = fabric.util.invertTransform,\r\n transformPoint = fabric.util.transformPoint,\r\n applyTransformToObject = fabric.util.applyTransformToObject,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n clone = fabric.util.object.clone;\r\n /**\r\n * Group class\r\n * @class fabric.Group\r\n * @extends fabric.Object\r\n * @mixes fabric.Collection\r\n * @fires layout once layout completes\r\n * @see {@link fabric.Group#initialize} for constructor definition\r\n */\r\n fabric.Group = fabric.util.createClass(\r\n FabricObject,\r\n fabric.Collection,\r\n /** @lends fabric.Group.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type string\r\n * @default\r\n */\r\n type: 'group',\r\n\r\n /**\r\n * Specifies the **layout strategy** for instance\r\n * Used by `getLayoutStrategyResult` to calculate layout\r\n * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box\r\n * @type string\r\n * @default\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * Width of stroke\r\n * @type Number\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type string[]\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat('layout'),\r\n\r\n /**\r\n * Used to optimize performance\r\n * set to `false` if you don't need contained objects to be targets of events\r\n * @default\r\n * @type boolean\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * Used to allow targeting of object inside groups.\r\n * set to true if you want to select an object inside a group.\\\r\n * **REQUIRES** `subTargetCheck` set to true\r\n * @default\r\n * @type boolean\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Used internally to optimize performance\r\n * Once an object is selected, instance is rendered without the selected object.\r\n * This way instance is cached only once for the entire interaction with the selected object.\r\n * @private\r\n */\r\n _activeObjects: undefined,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.Group} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this._objects = objects || [];\r\n this._activeObjects = [];\r\n this.__objectMonitor = this.__objectMonitor.bind(this);\r\n this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(\r\n this,\r\n true\r\n );\r\n this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(\r\n this,\r\n false\r\n );\r\n this._firstLayoutDone = false;\r\n // setting angle, skewX, skewY must occur after initial layout\r\n this.callSuper(\r\n 'initialize',\r\n Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })\r\n );\r\n this.forEachObject(function (object) {\r\n this.enterGroup(object, false);\r\n }, this);\r\n this._applyLayoutStrategy({\r\n type: 'initialization',\r\n options: options,\r\n objectsRelativeToGroup: objectsRelativeToGroup,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n var prev = this[key];\r\n this.callSuper('_set', key, value);\r\n if (key === 'canvas' && prev !== value) {\r\n this.forEachObject(function (object) {\r\n object._set(key, value);\r\n });\r\n }\r\n if (key === 'layout' && prev !== value) {\r\n this._applyLayoutStrategy({\r\n type: 'layout_change',\r\n layout: value,\r\n prevLayout: prev,\r\n });\r\n }\r\n if (key === 'interactive') {\r\n this.forEachObject(this._watchObject.bind(this, value));\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return this.subTargetCheck;\r\n },\r\n\r\n /**\r\n * Override this method to enhance performance (for groups with a lot of objects).\r\n * If Overriding, be sure not pass illegal objects to group - it will break your app.\r\n * @private\r\n */\r\n _filterObjectsBeforeEnteringGroup: function (objects) {\r\n return objects.filter(function (object, index, array) {\r\n // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates)\r\n return this.canEnterGroup(object) && array.indexOf(object) === index;\r\n }, this);\r\n },\r\n\r\n /**\r\n * Add objects\r\n * @param {...fabric.Object} objects\r\n */\r\n add: function () {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.from(arguments)\r\n );\r\n fabric.Collection.add.call(this, allowedObjects, this._onObjectAdded);\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index\r\n * @param {fabric.Object | fabric.Object[]} objects Object to insert\r\n * @param {Number} index Index to insert object at\r\n */\r\n insertAt: function (objects, index) {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.isArray(objects) ? objects : [objects]\r\n );\r\n fabric.Collection.insertAt.call(\r\n this,\r\n allowedObjects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Remove objects\r\n * @param {...fabric.Object} objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n this._onAfterObjectsChange('removed', removed);\r\n return removed;\r\n },\r\n\r\n /**\r\n * Remove all objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n removeAll: function () {\r\n this._activeObjects = [];\r\n return this.remove.apply(this, this._objects.slice());\r\n },\r\n\r\n /**\r\n * invalidates layout on object modified\r\n * @private\r\n */\r\n __objectMonitor: function (opt) {\r\n this._applyLayoutStrategy(\r\n Object.assign({}, opt, {\r\n type: 'object_modified',\r\n })\r\n );\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * keeps track of the selected objects\r\n * @private\r\n */\r\n __objectSelectionMonitor: function (selected, opt) {\r\n var object = opt.target;\r\n if (selected) {\r\n this._activeObjects.push(object);\r\n this._set('dirty', true);\r\n } else if (this._activeObjects.length > 0) {\r\n var index = this._activeObjects.indexOf(object);\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n this._set('dirty', true);\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {boolean} watch\r\n * @param {fabric.Object} object\r\n */\r\n _watchObject: function (watch, object) {\r\n var directive = watch ? 'on' : 'off';\r\n // make sure we listen only once\r\n watch && this._watchObject(false, object);\r\n object[directive]('changed', this.__objectMonitor);\r\n object[directive]('modified', this.__objectMonitor);\r\n object[directive]('selected', this.__objectSelectionTracker);\r\n object[directive]('deselected', this.__objectSelectionDisposer);\r\n },\r\n\r\n /**\r\n * Checks if object can enter group and logs relevant warnings\r\n * @private\r\n * @param {fabric.Object} object\r\n * @returns\r\n */\r\n canEnterGroup: function (object) {\r\n if (object === this || this.isDescendantOf(object)) {\r\n // prevent circular object tree\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: circular object trees are not supported, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n } else if (this._objects.indexOf(object) !== -1) {\r\n // is already in the objects array\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: duplicate objects are not supported inside group, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n object.group.remove(object);\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n */\r\n _enterGroup: function (object, removeParentTransform) {\r\n if (removeParentTransform) {\r\n // can this be converted to utils (sendObjectToPlane)?\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n invertTransform(this.calcTransformMatrix()),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n }\r\n this._shouldSetNestedCoords() && object.setCoords();\r\n object._set('group', this);\r\n object._set('canvas', this.canvas);\r\n this.interactive && this._watchObject(true, object);\r\n var activeObject =\r\n this.canvas &&\r\n this.canvas.getActiveObject &&\r\n this.canvas.getActiveObject();\r\n // if we are adding the activeObject in a group\r\n if (\r\n activeObject &&\r\n (activeObject === object || object.isDescendantOf(activeObject))\r\n ) {\r\n this._activeObjects.push(object);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n object._set('canvas', undefined);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _exitGroup: function (object, removeParentTransform) {\r\n object._set('group', undefined);\r\n if (!removeParentTransform) {\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n this.calcTransformMatrix(),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n object.setCoords();\r\n }\r\n this._watchObject(false, object);\r\n var index =\r\n this._activeObjects.length > 0\r\n ? this._activeObjects.indexOf(object)\r\n : -1;\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n this._applyLayoutStrategy({\r\n type: type,\r\n targets: targets,\r\n });\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onObjectAdded: function (object) {\r\n this.enterGroup(object, true);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onRelativeObjectAdded: function (object) {\r\n this.enterGroup(object, false);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _onObjectRemoved: function (object, removeParentTransform) {\r\n this.exitGroup(object, removeParentTransform);\r\n object.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group is already cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n var ownCache = FabricObject.prototype.shouldCache.call(this);\r\n if (ownCache) {\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n this.ownCaching = false;\r\n return false;\r\n }\r\n }\r\n }\r\n return ownCache;\r\n },\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * @return {Boolean}\r\n */\r\n willDrawShadow: function () {\r\n if (FabricObject.prototype.willDrawShadow.call(this)) {\r\n return true;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if instance or its group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return this.ownCaching || (!!this.group && this.group.isOnACache());\r\n },\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawObject: function (ctx) {\r\n this._renderBackground(ctx);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i].render(ctx);\r\n }\r\n this._drawClipPath(ctx, this.clipPath);\r\n },\r\n\r\n /**\r\n * Check if cache is dirty\r\n */\r\n isCacheDirty: function (skipCanvas) {\r\n if (this.callSuper('isCacheDirty', skipCanvas)) {\r\n return true;\r\n }\r\n if (!this.statefullCache) {\r\n return false;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].isCacheDirty(true)) {\r\n if (this._cacheCanvas) {\r\n // if this group has not a cache canvas there is nothing to clean\r\n var x = this.cacheWidth / this.zoomX,\r\n y = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-x / 2, -y / 2, x, y);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * @override\r\n * @return {Boolean}\r\n */\r\n setCoords: function () {\r\n this.callSuper('setCoords');\r\n this._shouldSetNestedCoords() &&\r\n this.forEachObject(function (object) {\r\n object.setCoords();\r\n });\r\n },\r\n\r\n /**\r\n * Renders instance on a given context\r\n * @param {CanvasRenderingContext2D} ctx context to render instance on\r\n */\r\n render: function (ctx) {\r\n // used to inform objects not to double opacity\r\n this._transformDone = true;\r\n this.callSuper('render', ctx);\r\n this._transformDone = false;\r\n },\r\n\r\n /**\r\n * @public\r\n * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations\r\n */\r\n triggerLayout: function (context) {\r\n if (context && context.layout) {\r\n context.prevLayout = this.layout;\r\n this.layout = context.layout;\r\n }\r\n this._applyLayoutStrategy({ type: 'imperative', context: context });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {Point} diff\r\n */\r\n _adjustObjectPosition: function (object, diff) {\r\n object.set({\r\n left: object.left + diff.x,\r\n top: object.top + diff.y,\r\n });\r\n },\r\n\r\n /**\r\n * initial layout logic:\r\n * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height)\r\n * so it is placed in the center of the bbox received from the constructor\r\n *\r\n * @private\r\n * @param {LayoutContext} context\r\n */\r\n _applyLayoutStrategy: function (context) {\r\n var isFirstLayout = context.type === 'initialization';\r\n if (!isFirstLayout && !this._firstLayoutDone) {\r\n // reject layout requests before initialization layout\r\n return;\r\n }\r\n var options = isFirstLayout && context.options;\r\n var initialTransform = options && {\r\n angle: options.angle || 0,\r\n skewX: options.skewX || 0,\r\n skewY: options.skewY || 0,\r\n };\r\n var center = this.getRelativeCenterPoint();\r\n var result = this.getLayoutStrategyResult(\r\n this.layout,\r\n this._objects.concat(),\r\n context\r\n );\r\n if (result) {\r\n // handle positioning\r\n var newCenter = new Point(result.centerX, result.centerY);\r\n var vector = center\r\n .subtract(newCenter)\r\n .add(new Point(result.correctionX || 0, result.correctionY || 0));\r\n var diff = transformPoint(\r\n vector,\r\n invertTransform(this.calcOwnMatrix()),\r\n true\r\n );\r\n // set dimensions\r\n this.set({ width: result.width, height: result.height });\r\n // adjust objects to account for new center\r\n !context.objectsRelativeToGroup &&\r\n this.forEachObject(function (object) {\r\n this._adjustObjectPosition(object, diff);\r\n }, this);\r\n // clip path as well\r\n !isFirstLayout &&\r\n this.layout !== 'clip-path' &&\r\n this.clipPath &&\r\n !this.clipPath.absolutePositioned &&\r\n this._adjustObjectPosition(this.clipPath, diff);\r\n if (!newCenter.eq(center) || initialTransform) {\r\n // set position\r\n this.setPositionByOrigin(newCenter, 'center', 'center');\r\n initialTransform && this.set(initialTransform);\r\n this.setCoords();\r\n }\r\n } else if (isFirstLayout) {\r\n // fill `result` with initial values for the layout hook\r\n result = {\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: this.width,\r\n height: this.height,\r\n };\r\n initialTransform && this.set(initialTransform);\r\n } else {\r\n // no `result` so we return\r\n return;\r\n }\r\n // flag for next layouts\r\n this._firstLayoutDone = true;\r\n // fire layout hook and event (event will fire only for layouts after initialization layout)\r\n this.onLayout(context, result);\r\n this.fire('layout', {\r\n context: context,\r\n result: result,\r\n diff: diff,\r\n });\r\n // recursive up\r\n if (this.group && this.group._applyLayoutStrategy) {\r\n // append the path recursion to context\r\n if (!context.path) {\r\n context.path = [];\r\n }\r\n context.path.push(this);\r\n // all parents should invalidate their layout\r\n this.group._applyLayoutStrategy(context);\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * If you need to run logic once layout completes use `onLayout`\r\n * @public\r\n *\r\n * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType\r\n *\r\n * @typedef LayoutContext context object with data regarding what triggered the call\r\n * @property {LayoutContextType} type\r\n * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one\r\n *\r\n * @typedef LayoutResult positioning and layout data **relative** to instance's parent\r\n * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`)\r\n * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`)\r\n * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX`\r\n * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY`\r\n * @property {number} width\r\n * @property {number} height\r\n *\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n getLayoutStrategyResult: function (layoutDirective, objects, context) {\r\n // eslint-disable-line no-unused-vars\r\n // `fit-content-lazy` performance enhancement\r\n // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects\r\n if (\r\n layoutDirective === 'fit-content-lazy' &&\r\n context.type === 'added' &&\r\n objects.length > context.targets.length\r\n ) {\r\n // calculate added objects' bbox with existing bbox\r\n var addedObjects = context.targets.concat(this);\r\n return this.prepareBoundingBox(\r\n layoutDirective,\r\n addedObjects,\r\n context\r\n );\r\n } else if (\r\n layoutDirective === 'fit-content' ||\r\n layoutDirective === 'fit-content-lazy' ||\r\n (layoutDirective === 'fixed' &&\r\n (context.type === 'initialization' ||\r\n context.type === 'imperative'))\r\n ) {\r\n return this.prepareBoundingBox(layoutDirective, objects, context);\r\n } else if (layoutDirective === 'clip-path' && this.clipPath) {\r\n var clipPath = this.clipPath;\r\n var clipPathSizeAfter = clipPath._getTransformedDimensions();\r\n if (\r\n clipPath.absolutePositioned &&\r\n (context.type === 'initialization' ||\r\n context.type === 'layout_change')\r\n ) {\r\n // we want the center point to exist in group's containing plane\r\n var clipPathCenter = clipPath.getCenterPoint();\r\n if (this.group) {\r\n // send point from canvas plane to group's containing plane\r\n var inv = invertTransform(this.group.calcTransformMatrix());\r\n clipPathCenter = transformPoint(clipPathCenter, inv);\r\n }\r\n return {\r\n centerX: clipPathCenter.x,\r\n centerY: clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n } else if (!clipPath.absolutePositioned) {\r\n var center;\r\n var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(),\r\n // we want the center point to exist in group's containing plane, so we send it upwards\r\n clipPathCenter = transformPoint(\r\n clipPathRelativeCenter,\r\n this.calcOwnMatrix(),\r\n true\r\n );\r\n if (\r\n context.type === 'initialization' ||\r\n context.type === 'layout_change'\r\n ) {\r\n var bbox =\r\n this.prepareBoundingBox(layoutDirective, objects, context) ||\r\n {};\r\n center = new Point(bbox.centerX || 0, bbox.centerY || 0);\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n correctionX: bbox.correctionX - clipPathCenter.x,\r\n correctionY: bbox.correctionY - clipPathCenter.y,\r\n width: clipPath.width,\r\n height: clipPath.height,\r\n };\r\n } else {\r\n center = this.getRelativeCenterPoint();\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n }\r\n }\r\n } else if (\r\n layoutDirective === 'svg' &&\r\n context.type === 'initialization'\r\n ) {\r\n var bbox = this.getObjectsBoundingBox(objects, true) || {};\r\n return Object.assign(bbox, {\r\n correctionX: -bbox.offsetX || 0,\r\n correctionY: -bbox.offsetY || 0,\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * A wrapper around {@link fabric.Group#getObjectsBoundingBox}\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareBoundingBox: function (layoutDirective, objects, context) {\r\n if (context.type === 'initialization') {\r\n return this.prepareInitialBoundingBox(\r\n layoutDirective,\r\n objects,\r\n context\r\n );\r\n } else if (context.type === 'imperative' && context.context) {\r\n return Object.assign(\r\n this.getObjectsBoundingBox(objects) || {},\r\n context.context\r\n );\r\n } else {\r\n return this.getObjectsBoundingBox(objects);\r\n }\r\n },\r\n\r\n /**\r\n * Calculates center taking into account originX, originY while not being sure that width/height are initialized\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareInitialBoundingBox: function (layoutDirective, objects, context) {\r\n var options = context.options || {},\r\n hasX = typeof options.left === 'number',\r\n hasY = typeof options.top === 'number',\r\n hasWidth = typeof options.width === 'number',\r\n hasHeight = typeof options.height === 'number';\r\n\r\n // performance enhancement\r\n // skip layout calculation if bbox is defined\r\n if (\r\n (hasX &&\r\n hasY &&\r\n hasWidth &&\r\n hasHeight &&\r\n context.objectsRelativeToGroup) ||\r\n objects.length === 0\r\n ) {\r\n // return nothing to skip layout\r\n return;\r\n }\r\n\r\n var bbox = this.getObjectsBoundingBox(objects) || {};\r\n var width = hasWidth ? this.width : bbox.width || 0,\r\n height = hasHeight ? this.height : bbox.height || 0,\r\n calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0),\r\n origin = new Point(\r\n resolveOrigin(this.originX),\r\n resolveOrigin(this.originY)\r\n ),\r\n size = new Point(width, height),\r\n strokeWidthVector = this._getTransformedDimensions({\r\n width: 0,\r\n height: 0,\r\n }),\r\n sizeAfter = this._getTransformedDimensions({\r\n width: width,\r\n height: height,\r\n strokeWidth: 0,\r\n }),\r\n bboxSizeAfter = this._getTransformedDimensions({\r\n width: bbox.width,\r\n height: bbox.height,\r\n strokeWidth: 0,\r\n }),\r\n rotationCorrection = new Point(0, 0);\r\n\r\n // calculate center and correction\r\n var originT = origin.scalarAdd(0.5);\r\n var originCorrection = sizeAfter.multiply(originT);\r\n var centerCorrection = new Point(\r\n hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x,\r\n hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y\r\n );\r\n var center = new Point(\r\n hasX\r\n ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x\r\n : calculatedCenter.x - centerCorrection.x,\r\n hasY\r\n ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y\r\n : calculatedCenter.y - centerCorrection.y\r\n );\r\n var offsetCorrection = new Point(\r\n hasX\r\n ? center.x -\r\n calculatedCenter.x +\r\n bboxSizeAfter.x * (hasWidth ? 0.5 : 0)\r\n : -(hasWidth\r\n ? (sizeAfter.x - strokeWidthVector.x) * 0.5\r\n : sizeAfter.x * originT.x),\r\n hasY\r\n ? center.y -\r\n calculatedCenter.y +\r\n bboxSizeAfter.y * (hasHeight ? 0.5 : 0)\r\n : -(hasHeight\r\n ? (sizeAfter.y - strokeWidthVector.y) * 0.5\r\n : sizeAfter.y * originT.y)\r\n ).add(rotationCorrection);\r\n var correction = new Point(\r\n hasWidth ? -sizeAfter.x / 2 : 0,\r\n hasHeight ? -sizeAfter.y / 2 : 0\r\n ).add(offsetCorrection);\r\n\r\n return {\r\n centerX: center.x,\r\n centerY: center.y,\r\n correctionX: correction.x,\r\n correctionY: correction.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Calculate the bbox of objects relative to instance's containing plane\r\n * @public\r\n * @param {fabric.Object[]} objects\r\n * @returns {LayoutResult | null} bounding box\r\n */\r\n getObjectsBoundingBox: function (objects, ignoreOffset) {\r\n if (objects.length === 0) {\r\n return null;\r\n }\r\n var objCenter, sizeVector, min, max, a, b;\r\n objects.forEach(function (object, i) {\r\n objCenter = object.getRelativeCenterPoint();\r\n sizeVector = object._getTransformedDimensions().scalarDivide(2);\r\n if (object.angle) {\r\n var rad = degreesToRadians(object.angle),\r\n sin = Math.abs(fabric.util.sin(rad)),\r\n cos = Math.abs(fabric.util.cos(rad)),\r\n rx = sizeVector.x * cos + sizeVector.y * sin,\r\n ry = sizeVector.x * sin + sizeVector.y * cos;\r\n sizeVector = new Point(rx, ry);\r\n }\r\n a = objCenter.subtract(sizeVector);\r\n b = objCenter.add(sizeVector);\r\n if (i === 0) {\r\n min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y));\r\n max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y));\r\n } else {\r\n min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y));\r\n max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y));\r\n }\r\n });\r\n\r\n var size = max.subtract(min),\r\n relativeCenter = ignoreOffset\r\n ? size.scalarDivide(2)\r\n : min.midPointFrom(max),\r\n // we send `relativeCenter` up to group's containing plane\r\n offset = transformPoint(min, this.calcOwnMatrix()),\r\n center = transformPoint(relativeCenter, this.calcOwnMatrix());\r\n\r\n return {\r\n offsetX: offset.x,\r\n offsetY: offset.y,\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Hook that is called once layout has completed.\r\n * Provided for layout customization, override if necessary.\r\n * Complements `getLayoutStrategyResult`, which is called at the beginning of layout.\r\n * @public\r\n * @param {LayoutContext} context layout context\r\n * @param {LayoutResult} result layout result\r\n */\r\n onLayout: function (/* context, result */) {\r\n // override by subclass\r\n },\r\n\r\n /**\r\n *\r\n * @private\r\n * @param {'toObject'|'toDatalessObject'} [method]\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {fabric.Object[]} serialized objects\r\n */\r\n __serializeObjects: function (method, propertiesToInclude) {\r\n var _includeDefaultValues = this.includeDefaultValues;\r\n return this._objects\r\n .filter(function (obj) {\r\n return !obj.excludeFromExport;\r\n })\r\n .map(function (obj) {\r\n var originalDefaults = obj.includeDefaultValues;\r\n obj.includeDefaultValues = _includeDefaultValues;\r\n var data = obj[method || 'toObject'](propertiesToInclude);\r\n obj.includeDefaultValues = originalDefaults;\r\n //delete data.version;\r\n return data;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var obj = this.callSuper(\r\n 'toObject',\r\n ['layout', 'subTargetCheck', 'interactive'].concat(\r\n propertiesToInclude\r\n )\r\n );\r\n obj.objects = this.__serializeObjects('toObject', propertiesToInclude);\r\n return obj;\r\n },\r\n\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n dispose: function () {\r\n this._activeObjects = [];\r\n this.forEachObject(function (object) {\r\n this._watchObject(false, object);\r\n object.dispose && object.dispose();\r\n }, this);\r\n this.callSuper('dispose');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * @private\r\n */\r\n _createSVGBgRect: function (reviver) {\r\n if (!this.backgroundColor) {\r\n return '';\r\n }\r\n var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver);\r\n var commons = fillStroke.indexOf('COMMON_PARTS');\r\n fillStroke[commons] = 'for=\"group\" ';\r\n return fillStroke.join('');\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG: function (reviver) {\r\n var svgString = ['\\n'];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t\\t', this._objects[i].toSVG(reviver));\r\n }\r\n svgString.push('\\n');\r\n return svgString;\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export, specific version for group\r\n * @return {String}\r\n */\r\n getSvgStyles: function () {\r\n var opacity =\r\n typeof this.opacity !== 'undefined' && this.opacity !== 1\r\n ? 'opacity: ' + this.opacity + ';'\r\n : '',\r\n visibility = this.visible ? '' : ' visibility: hidden;';\r\n return [opacity, this.getSvgFilter(), visibility].join('');\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var svgString = [];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t', this._objects[i].toClipPathSVG(reviver));\r\n }\r\n return this._createBaseClipPathSVGMarkup(svgString, {\r\n reviver: reviver,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /**\r\n * @todo support loading from svg\r\n * @private\r\n * @static\r\n * @memberOf fabric.Group\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.Group.fromObject = function (object) {\r\n var objects = object.objects || [],\r\n options = clone(object, true);\r\n delete options.objects;\r\n return Promise.all([\r\n fabric.util.enlivenObjects(objects),\r\n fabric.util.enlivenObjectEnlivables(options),\r\n ]).then(function (enlivened) {\r\n return new fabric.Group(\r\n enlivened[0],\r\n Object.assign(options, enlivened[1]),\r\n true\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Group class\r\n * @class fabric.ActiveSelection\r\n * @extends fabric.Group\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups}\r\n * @see {@link fabric.ActiveSelection#initialize} for constructor definition\r\n */\r\n fabric.ActiveSelection = fabric.util.createClass(\r\n fabric.Group,\r\n /** @lends fabric.ActiveSelection.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'activeSelection',\r\n\r\n /**\r\n * @override\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * @override\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * @override\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.ActiveSelection} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this.callSuper('initialize', objects, options, objectsRelativeToGroup);\r\n this.setCoords();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n // save ref to group for later in order to return to it\r\n var parent = object.group;\r\n parent._exitGroup(object);\r\n object.__owningGroup = parent;\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * we want objects to retain their canvas ref when exiting instance\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n var parent = object.__owningGroup;\r\n if (parent) {\r\n // return to owning group\r\n parent.enterGroup(object);\r\n delete object.__owningGroup;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n var groups = [];\r\n targets.forEach(function (object) {\r\n object.group &&\r\n !groups.includes(object.group) &&\r\n groups.push(object.group);\r\n });\r\n if (type === 'removed') {\r\n // invalidate groups' layout and mark as dirty\r\n groups.forEach(function (group) {\r\n group._onAfterObjectsChange('added', targets);\r\n });\r\n } else {\r\n // mark groups as dirty\r\n groups.forEach(function (group) {\r\n group._set('dirty', true);\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * If returns true, deselection is cancelled.\r\n * @since 2.0.0\r\n * @return {Boolean} [cancel]\r\n */\r\n onDeselect: function () {\r\n this.removeAll();\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns string representation of a group\r\n * @return {String}\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if this group or its parent group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n * @param {Object} [childrenOverride] properties to override the children overrides\r\n */\r\n _renderControls: function (ctx, styleOverride, childrenOverride) {\r\n ctx.save();\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n this.callSuper('_renderControls', ctx, styleOverride);\r\n var options = Object.assign({ hasControls: false }, childrenOverride, {\r\n forActiveSelection: true,\r\n });\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i]._renderControls(ctx, options);\r\n }\r\n ctx.restore();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.ActiveSelection} instance from an object representation\r\n * @static\r\n * @memberOf fabric.ActiveSelection\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.ActiveSelection.fromObject = function (object) {\r\n var objects = object.objects,\r\n options = fabric.util.object.clone(object, true);\r\n delete options.objects;\r\n return fabric.util\r\n .enlivenObjects(objects)\r\n .then(function (enlivenedObjects) {\r\n return new fabric.ActiveSelection(enlivenedObjects, options, true);\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend;\r\n /**\r\n * Image class\r\n * @class fabric.Image\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images}\r\n * @see {@link fabric.Image#initialize} for constructor definition\r\n */\r\n fabric.Image = fabric.util.createClass(\r\n FabricObject,\r\n /** @lends fabric.Image.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'image',\r\n\r\n /**\r\n * Width of a stroke.\r\n * For image quality a stroke multiple of 2 gives better results.\r\n * @type Number\r\n * @default\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`.\r\n * This allows for relative urls as image src.\r\n * @since 2.7.0\r\n * @type Boolean\r\n * @default\r\n */\r\n srcFromAttribute: false,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleX to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleY to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleY: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingY: 1,\r\n\r\n /**\r\n * minimum scale factor under which any resizeFilter is triggered to resize the image\r\n * 0 will disable the automatic resize. 1 will trigger automatically always.\r\n * number bigger than 1 are not implemented yet.\r\n * @type Number\r\n */\r\n minimumScaleTrigger: 0.5,\r\n\r\n /**\r\n * List of properties to consider when checking if\r\n * state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * key used to retrieve the texture representing this image\r\n * @since 2.0.0\r\n * @type String\r\n * @default\r\n */\r\n cacheKey: '',\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropX: 0,\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropY: 0,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing when painting this image.\r\n * Also influence if the cacheCanvas for this image uses imageSmoothing\r\n * @since 4.0.0-beta.11\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothing: true,\r\n\r\n /**\r\n * Constructor\r\n * Image can be initialized with any canvas drawable or a string.\r\n * The string should be a url and will be loaded as an image.\r\n * Canvas and Image element work out of the box, while videos require extra code to work.\r\n * Please check video element events for seeking.\r\n * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n */\r\n initialize: function (element, options) {\r\n options || (options = {});\r\n this.filters = [];\r\n this.cacheKey = 'texture' + FabricObject.__uid++;\r\n this.callSuper('initialize', options);\r\n this._initElement(element, options);\r\n },\r\n\r\n /**\r\n * Returns image element which this instance if based on\r\n * @return {HTMLImageElement} Image element\r\n */\r\n getElement: function () {\r\n return this._element || {};\r\n },\r\n\r\n /**\r\n * Sets image element for this instance to a specified one.\r\n * If filters defined they are applied to new image.\r\n * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area.\r\n * @param {HTMLImageElement} element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n * @chainable\r\n */\r\n setElement: function (element, options) {\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._element = element;\r\n this._originalElement = element;\r\n this._initConfig(options);\r\n element.classList.add(fabric.Image.CSS_CANVAS);\r\n if (this.filters.length !== 0) {\r\n this.applyFilters();\r\n }\r\n // resizeFilters work on the already filtered copy.\r\n // we need to apply resizeFilters AFTER normal filters.\r\n // applyResizeFilters is run more often than normal filters\r\n // and is triggered by user interactions rather than dev code\r\n if (this.resizeFilter) {\r\n this.applyResizeFilters();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Delete a single texture if in webgl mode\r\n */\r\n removeTexture: function (key) {\r\n var backend = fabric.filterBackend;\r\n if (backend && backend.evictCachesForKey) {\r\n backend.evictCachesForKey(key);\r\n }\r\n },\r\n\r\n /**\r\n * Delete textures, reference to elements and eventually JSDOM cleanup\r\n */\r\n dispose: function () {\r\n this.callSuper('dispose');\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._cacheContext = undefined;\r\n ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(\r\n function (element) {\r\n fabric.util.cleanUpJsdomNode(this[element]);\r\n this[element] = undefined;\r\n }.bind(this)\r\n );\r\n },\r\n\r\n /**\r\n * Get the crossOrigin value (of the corresponding image element)\r\n */\r\n getCrossOrigin: function () {\r\n return (\r\n this._originalElement && (this._originalElement.crossOrigin || null)\r\n );\r\n },\r\n\r\n /**\r\n * Returns original size of an image\r\n * @return {Object} Object with \"width\" and \"height\" properties\r\n */\r\n getOriginalSize: function () {\r\n var element = this.getElement();\r\n return {\r\n width: element.naturalWidth || element.width,\r\n height: element.naturalHeight || element.height,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _stroke: function (ctx) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n var w = this.width / 2,\r\n h = this.height / 2;\r\n ctx.beginPath();\r\n ctx.moveTo(-w, -h);\r\n ctx.lineTo(w, -h);\r\n ctx.lineTo(w, h);\r\n ctx.lineTo(-w, h);\r\n ctx.lineTo(-w, -h);\r\n ctx.closePath();\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var filters = [];\r\n\r\n this.filters.forEach(function (filterObj) {\r\n if (filterObj) {\r\n filters.push(filterObj.toObject());\r\n }\r\n });\r\n var object = extend(\r\n this.callSuper(\r\n 'toObject',\r\n ['cropX', 'cropY'].concat(propertiesToInclude)\r\n ),\r\n {\r\n src: this.getSrc(),\r\n crossOrigin: this.getCrossOrigin(),\r\n filters: filters,\r\n }\r\n );\r\n if (this.resizeFilter) {\r\n object.resizeFilter = this.resizeFilter.toObject();\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height.\r\n * @return {Boolean}\r\n */\r\n hasCrop: function () {\r\n return (\r\n this.cropX ||\r\n this.cropY ||\r\n this.width < this._element.width ||\r\n this.height < this._element.height\r\n );\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var svgString = [],\r\n imageMarkup = [],\r\n strokeSvg,\r\n element = this._element,\r\n x = -this.width / 2,\r\n y = -this.height / 2,\r\n clipPath = '',\r\n imageRendering = '';\r\n if (!element) {\r\n return [];\r\n }\r\n if (this.hasCrop()) {\r\n var clipPathId = FabricObject.__uid++;\r\n svgString.push(\r\n '\\n',\r\n '\\t\\n',\r\n '\\n'\r\n );\r\n clipPath = ' clip-path=\"url(#imageCrop_' + clipPathId + ')\" ';\r\n }\r\n if (!this.imageSmoothing) {\r\n imageRendering = '\" image-rendering=\"optimizeSpeed';\r\n }\r\n imageMarkup.push(\r\n '\\t element with actual transformation, then offsetting object to the top/left\r\n // so that object's center aligns with container's left/top\r\n '\" width=\"',\r\n element.width || element.naturalWidth,\r\n '\" height=\"',\r\n element.height || element.height,\r\n imageRendering,\r\n '\"',\r\n clipPath,\r\n '>\\n'\r\n );\r\n\r\n if (this.stroke || this.strokeDashArray) {\r\n var origFill = this.fill;\r\n this.fill = null;\r\n strokeSvg = [\r\n '\\t\\n',\r\n ];\r\n this.fill = origFill;\r\n }\r\n if (this.paintFirst !== 'fill') {\r\n svgString = svgString.concat(strokeSvg, imageMarkup);\r\n } else {\r\n svgString = svgString.concat(imageMarkup, strokeSvg);\r\n }\r\n return svgString;\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns source of an image\r\n * @param {Boolean} filtered indicates if the src is needed for svg\r\n * @return {String} Source of an image\r\n */\r\n getSrc: function (filtered) {\r\n var element = filtered ? this._element : this._originalElement;\r\n if (element) {\r\n if (element.toDataURL) {\r\n return element.toDataURL();\r\n }\r\n\r\n if (this.srcFromAttribute) {\r\n return element.getAttribute('src');\r\n } else {\r\n return element.src;\r\n }\r\n } else {\r\n return this.src || '';\r\n }\r\n },\r\n\r\n /**\r\n * Loads and sets source of an image\\\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n * @param {String} src Source string (URL)\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {String} [options.crossOrigin] crossOrigin value (one of \"\", \"anonymous\", \"use-credentials\")\r\n * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes\r\n * @return {Promise} thisArg\r\n */\r\n setSrc: function (src, options) {\r\n var _this = this;\r\n return fabric.util.loadImage(src, options).then(function (img) {\r\n _this.setElement(img, options);\r\n _this._setWidthHeight();\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of an instance\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n applyResizeFilters: function () {\r\n var filter = this.resizeFilter,\r\n minimumScale = this.minimumScaleTrigger,\r\n objectScale = this.getTotalObjectScaling(),\r\n scaleX = objectScale.x,\r\n scaleY = objectScale.y,\r\n elementToFilter = this._filteredEl || this._originalElement;\r\n if (this.group) {\r\n this.set('dirty', true);\r\n }\r\n if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) {\r\n this._element = elementToFilter;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n this._lastScaleX = scaleX;\r\n this._lastScaleY = scaleY;\r\n return;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n var canvasEl = fabric.util.createCanvasElement(),\r\n cacheKey = this._filteredEl\r\n ? this.cacheKey + '_filtered'\r\n : this.cacheKey,\r\n sourceWidth = elementToFilter.width,\r\n sourceHeight = elementToFilter.height;\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._lastScaleX = filter.scaleX = scaleX;\r\n this._lastScaleY = filter.scaleY = scaleY;\r\n fabric.filterBackend.applyFilters(\r\n [filter],\r\n elementToFilter,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n cacheKey\r\n );\r\n this._filterScalingX = canvasEl.width / this._originalElement.width;\r\n this._filterScalingY = canvasEl.height / this._originalElement.height;\r\n },\r\n\r\n /**\r\n * Applies filters assigned to this image (from \"filters\" array) or from filter param\r\n * @method applyFilters\r\n * @param {Array} filters to be applied\r\n * @param {Boolean} forResizing specify if the filter operation is a resize operation\r\n * @return {thisArg} return the fabric.Image object\r\n * @chainable\r\n */\r\n applyFilters: function (filters) {\r\n filters = filters || this.filters || [];\r\n filters = filters.filter(function (filter) {\r\n return filter && !filter.isNeutralState();\r\n });\r\n this.set('dirty', true);\r\n\r\n // needs to clear out or WEBGL will not resize correctly\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n\r\n if (filters.length === 0) {\r\n this._element = this._originalElement;\r\n this._filteredEl = null;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n return this;\r\n }\r\n\r\n var imgElement = this._originalElement,\r\n sourceWidth = imgElement.naturalWidth || imgElement.width,\r\n sourceHeight = imgElement.naturalHeight || imgElement.height;\r\n\r\n if (this._element === this._originalElement) {\r\n // if the element is the same we need to create a new element\r\n var canvasEl = fabric.util.createCanvasElement();\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._filteredEl = canvasEl;\r\n } else {\r\n // clear the existing element to get new filter data\r\n // also dereference the eventual resized _element\r\n this._element = this._filteredEl;\r\n this._filteredEl\r\n .getContext('2d')\r\n .clearRect(0, 0, sourceWidth, sourceHeight);\r\n // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y\r\n this._lastScaleX = 1;\r\n this._lastScaleY = 1;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n fabric.filterBackend.applyFilters(\r\n filters,\r\n this._originalElement,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n this.cacheKey\r\n );\r\n if (\r\n this._originalElement.width !== this._element.width ||\r\n this._originalElement.height !== this._element.height\r\n ) {\r\n this._filterScalingX =\r\n this._element.width / this._originalElement.width;\r\n this._filterScalingY =\r\n this._element.height / this._originalElement.height;\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n if (\r\n this.isMoving !== true &&\r\n this.resizeFilter &&\r\n this._needsResize()\r\n ) {\r\n this.applyResizeFilters();\r\n }\r\n this._stroke(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * it will set the imageSmoothing for the draw operation\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n FabricObject.prototype.drawCacheOnCanvas.call(this, ctx);\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * This is the special image version where we would like to avoid caching where possible.\r\n * Essentially images do not benefit from caching. They may require caching, and in that\r\n * case we do it. Also caching an image usually ends in a loss of details.\r\n * A full performance audit should be done.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return this.needsItsOwnCache();\r\n },\r\n\r\n _renderFill: function (ctx) {\r\n var elementToDraw = this._element;\r\n if (!elementToDraw) {\r\n return;\r\n }\r\n var scaleX = this._filterScalingX,\r\n scaleY = this._filterScalingY,\r\n w = this.width,\r\n h = this.height,\r\n min = Math.min,\r\n max = Math.max,\r\n // crop values cannot be lesser than 0.\r\n cropX = max(this.cropX, 0),\r\n cropY = max(this.cropY, 0),\r\n elWidth = elementToDraw.naturalWidth || elementToDraw.width,\r\n elHeight = elementToDraw.naturalHeight || elementToDraw.height,\r\n sX = cropX * scaleX,\r\n sY = cropY * scaleY,\r\n // the width height cannot exceed element width/height, starting from the crop offset.\r\n sW = min(w * scaleX, elWidth - sX),\r\n sH = min(h * scaleY, elHeight - sY),\r\n x = -w / 2,\r\n y = -h / 2,\r\n maxDestW = min(w, elWidth / scaleX - cropX),\r\n maxDestH = min(h, elHeight / scaleY - cropY);\r\n\r\n elementToDraw &&\r\n ctx.drawImage(\r\n elementToDraw,\r\n sX,\r\n sY,\r\n sW,\r\n sH,\r\n x,\r\n y,\r\n maxDestW,\r\n maxDestH\r\n );\r\n },\r\n\r\n /**\r\n * needed to check if image needs resize\r\n * @private\r\n */\r\n _needsResize: function () {\r\n var scale = this.getTotalObjectScaling();\r\n return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _resetWidthHeight: function () {\r\n this.set(this.getOriginalSize());\r\n },\r\n\r\n /**\r\n * The Image class's initialization method. This method is automatically\r\n * called by the constructor.\r\n * @private\r\n * @param {HTMLImageElement|String} element The element representing the image\r\n * @param {Object} [options] Options object\r\n */\r\n _initElement: function (element, options) {\r\n this.setElement(\r\n fabric.document.getElementById(element) || element,\r\n options\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initConfig: function (options) {\r\n options || (options = {});\r\n this.setOptions(options);\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * Set the width and the height of the image object, using the element or the\r\n * options.\r\n * @param {Object} [options] Object with width/height properties\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n var el = this.getElement();\r\n this.width = options.width || el.naturalWidth || el.width || 0;\r\n this.height = options.height || el.naturalHeight || el.height || 0;\r\n },\r\n\r\n /**\r\n * Calculate offset for center and scale factor for the image in order to respect\r\n * the preserveAspectRatio attribute\r\n * @private\r\n * @return {Object}\r\n */\r\n parsePreserveAspectRatioAttribute: function () {\r\n var pAR = fabric.util.parsePreserveAspectRatioAttribute(\r\n this.preserveAspectRatio || ''\r\n ),\r\n rWidth = this._element.width,\r\n rHeight = this._element.height,\r\n scaleX = 1,\r\n scaleY = 1,\r\n offsetLeft = 0,\r\n offsetTop = 0,\r\n cropX = 0,\r\n cropY = 0,\r\n offset,\r\n pWidth = this.width,\r\n pHeight = this.height,\r\n parsedAttributes = { width: pWidth, height: pHeight };\r\n if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) {\r\n if (pAR.meetOrSlice === 'meet') {\r\n scaleX = scaleY = fabric.util.findScaleToFit(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = (pWidth - rWidth * scaleX) / 2;\r\n if (pAR.alignX === 'Min') {\r\n offsetLeft = -offset;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n offsetLeft = offset;\r\n }\r\n offset = (pHeight - rHeight * scaleY) / 2;\r\n if (pAR.alignY === 'Min') {\r\n offsetTop = -offset;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n offsetTop = offset;\r\n }\r\n }\r\n if (pAR.meetOrSlice === 'slice') {\r\n scaleX = scaleY = fabric.util.findScaleToCover(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = rWidth - pWidth / scaleX;\r\n if (pAR.alignX === 'Mid') {\r\n cropX = offset / 2;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n cropX = offset;\r\n }\r\n offset = rHeight - pHeight / scaleY;\r\n if (pAR.alignY === 'Mid') {\r\n cropY = offset / 2;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n cropY = offset;\r\n }\r\n rWidth = pWidth / scaleX;\r\n rHeight = pHeight / scaleY;\r\n }\r\n } else {\r\n scaleX = pWidth / rWidth;\r\n scaleY = pHeight / rHeight;\r\n }\r\n return {\r\n width: rWidth,\r\n height: rHeight,\r\n scaleX: scaleX,\r\n scaleY: scaleY,\r\n offsetLeft: offsetLeft,\r\n offsetTop: offsetTop,\r\n cropX: cropX,\r\n cropY: cropY,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Default CSS class name for canvas\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n fabric.Image.CSS_CANVAS = 'canvas-img';\r\n\r\n /**\r\n * Alias for getSrc\r\n * @static\r\n */\r\n fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc;\r\n\r\n /**\r\n * Creates an instance of fabric.Image from its object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @param {object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromObject = function (object, options) {\r\n var _object = Object.assign({}, object),\r\n filters = _object.filters,\r\n resizeFilter = _object.resizeFilter;\r\n // the generic enliving will fail on filters for now\r\n delete _object.resizeFilter;\r\n delete _object.filters;\r\n var imageOptions = Object.assign({}, options, {\r\n crossOrigin: _object.crossOrigin,\r\n }),\r\n filterOptions = Object.assign({}, options, {\r\n namespace: fabric.Image.filters,\r\n });\r\n return Promise.all([\r\n fabric.util.loadImage(_object.src, imageOptions),\r\n filters && fabric.util.enlivenObjects(filters, filterOptions),\r\n resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions),\r\n fabric.util.enlivenObjectEnlivables(_object, options),\r\n ]).then(function (imgAndFilters) {\r\n _object.filters = imgAndFilters[1] || [];\r\n _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0];\r\n return new fabric.Image(\r\n imgAndFilters[0],\r\n Object.assign(_object, imgAndFilters[3])\r\n );\r\n });\r\n };\r\n\r\n /**\r\n * Creates an instance of fabric.Image from an URL string\r\n * @static\r\n * @param {String} url URL to create an image from\r\n * @param {object} [options] Options object\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromURL = function (url, options) {\r\n return fabric.util.loadImage(url, options || {}).then(function (img) {\r\n return new fabric.Image(img, options);\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement})\r\n * @static\r\n * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement}\r\n */\r\n fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(\r\n ' '\r\n )\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.Image} instance from an SVG element\r\n * @static\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} callback Callback to execute when fabric.Image object is created\r\n * @return {fabric.Image} Instance of fabric.Image\r\n */\r\n fabric.Image.fromElement = function (element, callback, options) {\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Image.ATTRIBUTE_NAMES\r\n );\r\n fabric.Image.fromURL(\r\n parsedAttributes['xlink:href'],\r\n Object.assign({}, options || {}, parsedAttributes)\r\n ).then(function (fabricImage) {\r\n callback(fabricImage);\r\n });\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * @private\r\n * @return {Number} angle value\r\n */\r\n _getAngleValueForStraighten: function () {\r\n var angle = this.angle % 360;\r\n if (angle > 0) {\r\n return Math.round((angle - 1) / 90) * 90;\r\n }\r\n return Math.round(angle / 90) * 90;\r\n },\r\n\r\n /**\r\n * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n straighten: function () {\r\n return this.rotate(this._getAngleValueForStraighten());\r\n },\r\n\r\n /**\r\n * Same as {@link FabricObject.prototype.straighten} but with animation\r\n * @param {Object} callbacks Object with callback functions\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.Object} thisArg\r\n */\r\n fxStraighten: function (callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: this.get('angle'),\r\n endValue: this._getAngleValueForStraighten(),\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n _this.rotate(value);\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Straightens object, then rerenders canvas\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n straightenObject: function (object) {\r\n object.straighten();\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n fxStraightenObject: function (object) {\r\n return object.fxStraighten({\r\n onChange: this.requestRenderAllBound,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\n\r\nexport const enum TWebGLPrecision {\r\n low = 'lowp',\r\n medium = 'mediump',\r\n high = 'highp',\r\n}\r\n\r\n/**\r\n * @todo remove once rollup supports transforming enums...\r\n * https://github.com/rollup/plugins/issues/463\r\n */\r\nconst WebGLPrecision = [\r\n TWebGLPrecision.low,\r\n TWebGLPrecision.medium,\r\n TWebGLPrecision.high,\r\n];\r\n\r\n/**\r\n * Lazy initialize WebGL contants\r\n */\r\nclass WebGLProbe {\r\n private initialized = false;\r\n\r\n private _maxTextureSize?: number;\r\n\r\n private _webGLPrecision?: TWebGLPrecision;\r\n\r\n get maxTextureSize() {\r\n this.queryWebGL();\r\n return this._maxTextureSize;\r\n }\r\n\r\n get webGLPrecision() {\r\n this.queryWebGL();\r\n return this._webGLPrecision;\r\n }\r\n\r\n /**\r\n * Tests if webgl supports certain precision\r\n * @param {WebGL} Canvas WebGL context to test on\r\n * @param {TWebGLPrecision} Precision to test can be any of following\r\n * @returns {Boolean} Whether the user's browser WebGL supports given precision.\r\n */\r\n private testPrecision(gl: WebGLRenderingContext, precision: TWebGLPrecision) {\r\n const fragmentSource = `precision ${precision} float;\\nvoid main(){}`;\r\n const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS);\r\n }\r\n\r\n /**\r\n * query browser for WebGL\r\n * @returns config object if true\r\n */\r\n private queryWebGL() {\r\n if (this.initialized || fabric.isLikelyNode) {\r\n return;\r\n }\r\n const canvas = createCanvasElement();\r\n const gl =\r\n canvas.getContext('webgl') || canvas.getContext('experimental-webgl');\r\n if (gl) {\r\n this._maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE);\r\n this._webGLPrecision = WebGLPrecision.find((key) =>\r\n this.testPrecision(gl, key)\r\n );\r\n console.log(`fabric: max texture size ${this._maxTextureSize}`);\r\n }\r\n this.initialized = true;\r\n }\r\n\r\n isSupported(textureSize: number) {\r\n return this.maxTextureSize && this.maxTextureSize >= textureSize;\r\n }\r\n}\r\n\r\nexport const webGLProbe = new WebGLProbe();\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n\r\n fabric.initFilterBackend = function () {\r\n if (\r\n config.enableGLFiltering &&\r\n webGLProbe.isSupported(config.textureSize)\r\n ) {\r\n return new fabric.WebglFilterBackend({ tileSize: config.textureSize });\r\n } else if (fabric.Canvas2dFilterBackend) {\r\n return new fabric.Canvas2dFilterBackend();\r\n }\r\n };\r\n\r\n fabric.WebglFilterBackend = WebglFilterBackend;\r\n\r\n /**\r\n * WebGL filter backend.\r\n */\r\n function WebglFilterBackend(options) {\r\n if (options && options.tileSize) {\r\n this.tileSize = options.tileSize;\r\n }\r\n this.setupGLContext(this.tileSize, this.tileSize);\r\n this.captureGPUInfo();\r\n }\r\n\r\n WebglFilterBackend.prototype =\r\n /** @lends fabric.WebglFilterBackend.prototype */ {\r\n tileSize: config.textureSize,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Setup a WebGL context suitable for filtering, and bind any needed event handlers.\r\n */\r\n setupGLContext: function (width, height) {\r\n this.dispose();\r\n this.createWebGLCanvas(width, height);\r\n // eslint-disable-next-line\r\n this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]);\r\n this.chooseFastestCopyGLTo2DMethod(width, height);\r\n },\r\n\r\n /**\r\n * Pick a method to copy data from GL context to 2d canvas. In some browsers using\r\n * putImageData is faster than drawImage for that specific operation.\r\n */\r\n chooseFastestCopyGLTo2DMethod: function (width, height) {\r\n var canMeasurePerf = typeof window.performance !== 'undefined',\r\n canUseImageData;\r\n try {\r\n new ImageData(1, 1);\r\n canUseImageData = true;\r\n } catch (e) {\r\n canUseImageData = false;\r\n }\r\n // eslint-disable-next-line no-undef\r\n var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined';\r\n // eslint-disable-next-line no-undef\r\n var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined';\r\n\r\n if (\r\n !(\r\n canMeasurePerf &&\r\n canUseImageData &&\r\n canUseArrayBuffer &&\r\n canUseUint8Clamped\r\n )\r\n ) {\r\n return;\r\n }\r\n\r\n var targetCanvas = fabric.util.createCanvasElement();\r\n // eslint-disable-next-line no-undef\r\n var imageBuffer = new ArrayBuffer(width * height * 4);\r\n if (config.forceGLPutImageData) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n return;\r\n }\r\n var testContext = {\r\n imageBuffer: imageBuffer,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n targetCanvas: targetCanvas,\r\n };\r\n var startTime, drawImageTime, putImageDataTime;\r\n targetCanvas.width = width;\r\n targetCanvas.height = height;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DDrawImage.call(testContext, this.gl, testContext);\r\n drawImageTime = window.performance.now() - startTime;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DPutImageData.call(testContext, this.gl, testContext);\r\n putImageDataTime = window.performance.now() - startTime;\r\n\r\n if (drawImageTime > putImageDataTime) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n } else {\r\n this.copyGLTo2D = copyGLTo2DDrawImage;\r\n }\r\n },\r\n\r\n /**\r\n * Create a canvas element and associated WebGL context and attaches them as\r\n * class properties to the GLFilterBackend class.\r\n */\r\n createWebGLCanvas: function (width, height) {\r\n var canvas = fabric.util.createCanvasElement();\r\n canvas.width = width;\r\n canvas.height = height;\r\n var glOptions = {\r\n alpha: true,\r\n premultipliedAlpha: false,\r\n depth: false,\r\n stencil: false,\r\n antialias: false,\r\n },\r\n gl = canvas.getContext('webgl', glOptions);\r\n if (!gl) {\r\n gl = canvas.getContext('experimental-webgl', glOptions);\r\n }\r\n if (!gl) {\r\n return;\r\n }\r\n gl.clearColor(0, 0, 0, 0);\r\n // this canvas can fire webglcontextlost and webglcontextrestored\r\n this.canvas = canvas;\r\n this.gl = gl;\r\n },\r\n\r\n /**\r\n * Attempts to apply the requested filters to the source provided, drawing the filtered output\r\n * to the provided target canvas.\r\n *\r\n * @param {Array} filters The filters to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered.\r\n * @param {Number} width The width of the source input.\r\n * @param {Number} height The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n * @param {String|undefined} cacheKey A key used to cache resources related to the source. If\r\n * omitted, caching will be skipped.\r\n */\r\n applyFilters: function (\r\n filters,\r\n source,\r\n width,\r\n height,\r\n targetCanvas,\r\n cacheKey\r\n ) {\r\n var gl = this.gl;\r\n var cachedTexture;\r\n if (cacheKey) {\r\n cachedTexture = this.getCachedTexture(cacheKey, source);\r\n }\r\n var pipelineState = {\r\n originalWidth: source.width || source.originalWidth,\r\n originalHeight: source.height || source.originalHeight,\r\n sourceWidth: width,\r\n sourceHeight: height,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n context: gl,\r\n sourceTexture: this.createTexture(\r\n gl,\r\n width,\r\n height,\r\n !cachedTexture && source\r\n ),\r\n targetTexture: this.createTexture(gl, width, height),\r\n originalTexture:\r\n cachedTexture ||\r\n this.createTexture(gl, width, height, !cachedTexture && source),\r\n passes: filters.length,\r\n webgl: true,\r\n aPosition: this.aPosition,\r\n programCache: this.programCache,\r\n pass: 0,\r\n filterBackend: this,\r\n targetCanvas: targetCanvas,\r\n };\r\n var tempFbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo);\r\n filters.forEach(function (filter) {\r\n filter && filter.applyTo(pipelineState);\r\n });\r\n resizeCanvasIfNeeded(pipelineState);\r\n this.copyGLTo2D(gl, pipelineState);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.deleteTexture(pipelineState.sourceTexture);\r\n gl.deleteTexture(pipelineState.targetTexture);\r\n gl.deleteFramebuffer(tempFbo);\r\n targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0);\r\n return pipelineState;\r\n },\r\n\r\n /**\r\n * Detach event listeners, remove references, and clean up caches.\r\n */\r\n dispose: function () {\r\n if (this.canvas) {\r\n this.canvas = null;\r\n this.gl = null;\r\n }\r\n this.clearWebGLCaches();\r\n },\r\n\r\n /**\r\n * Wipe out WebGL-related caches.\r\n */\r\n clearWebGLCaches: function () {\r\n this.programCache = {};\r\n this.textureCache = {};\r\n },\r\n\r\n /**\r\n * Create a WebGL texture object.\r\n *\r\n * Accepts specific dimensions to initialize the texture to or a source image.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL context to use for creating the texture.\r\n * @param {Number} width The width to initialize the texture at.\r\n * @param {Number} height The height to initialize the texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data.\r\n * @returns {WebGLTexture}\r\n */\r\n createTexture: function (gl, width, height, textureImageSource) {\r\n var texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n if (textureImageSource) {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n textureImageSource\r\n );\r\n } else {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n width,\r\n height,\r\n 0,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n null\r\n );\r\n }\r\n return texture;\r\n },\r\n\r\n /**\r\n * Can be optionally used to get a texture from the cache array\r\n *\r\n * If an existing texture is not found, a new texture is created and cached.\r\n *\r\n * @param {String} uniqueId A cache key to use to find an existing texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the\r\n * texture cache entry if one does not already exist.\r\n */\r\n getCachedTexture: function (uniqueId, textureImageSource) {\r\n if (this.textureCache[uniqueId]) {\r\n return this.textureCache[uniqueId];\r\n } else {\r\n var texture = this.createTexture(\r\n this.gl,\r\n textureImageSource.width,\r\n textureImageSource.height,\r\n textureImageSource\r\n );\r\n this.textureCache[uniqueId] = texture;\r\n return texture;\r\n }\r\n },\r\n\r\n /**\r\n * Clear out cached resources related to a source image that has been\r\n * filtered previously.\r\n *\r\n * @param {String} cacheKey The cache key provided when the source image was filtered.\r\n */\r\n evictCachesForKey: function (cacheKey) {\r\n if (this.textureCache[cacheKey]) {\r\n this.gl.deleteTexture(this.textureCache[cacheKey]);\r\n delete this.textureCache[cacheKey];\r\n }\r\n },\r\n\r\n copyGLTo2D: copyGLTo2DDrawImage,\r\n\r\n /**\r\n * Attempt to extract GPU information strings from a WebGL context.\r\n *\r\n * Useful information when debugging or blacklisting specific GPUs.\r\n *\r\n * @returns {Object} A GPU info object with renderer and vendor strings.\r\n */\r\n captureGPUInfo: function () {\r\n if (this.gpuInfo) {\r\n return this.gpuInfo;\r\n }\r\n var gl = this.gl,\r\n gpuInfo = { renderer: '', vendor: '' };\r\n if (!gl) {\r\n return gpuInfo;\r\n }\r\n var ext = gl.getExtension('WEBGL_debug_renderer_info');\r\n if (ext) {\r\n var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL);\r\n var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL);\r\n if (renderer) {\r\n gpuInfo.renderer = renderer.toLowerCase();\r\n }\r\n if (vendor) {\r\n gpuInfo.vendor = vendor.toLowerCase();\r\n }\r\n }\r\n this.gpuInfo = gpuInfo;\r\n return gpuInfo;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n\r\nfunction resizeCanvasIfNeeded(pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n width = targetCanvas.width,\r\n height = targetCanvas.height,\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight;\r\n\r\n if (width !== dWidth || height !== dHeight) {\r\n targetCanvas.width = dWidth;\r\n targetCanvas.height = dHeight;\r\n }\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas.\r\n *\r\n * The WebGL canvas is assumed to be upside down, with the top-left pixel of the\r\n * desired output image appearing in the bottom-left corner of the WebGL canvas.\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DDrawImage(gl, pipelineState) {\r\n var glCanvas = gl.canvas,\r\n targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d');\r\n ctx.translate(0, targetCanvas.height); // move it down again\r\n ctx.scale(1, -1); // vertical flip\r\n // where is my image on the big glcanvas?\r\n var sourceY = glCanvas.height - targetCanvas.height;\r\n ctx.drawImage(\r\n glCanvas,\r\n 0,\r\n sourceY,\r\n targetCanvas.width,\r\n targetCanvas.height,\r\n 0,\r\n 0,\r\n targetCanvas.width,\r\n targetCanvas.height\r\n );\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData\r\n * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra).\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DPutImageData(gl, pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d'),\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight,\r\n numBytes = dWidth * dHeight * 4;\r\n\r\n // eslint-disable-next-line no-undef\r\n var u8 = new Uint8Array(this.imageBuffer, 0, numBytes);\r\n // eslint-disable-next-line no-undef\r\n var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes);\r\n\r\n gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8);\r\n var imgData = new ImageData(u8Clamped, dWidth, dHeight);\r\n ctx.putImageData(imgData, 0, 0);\r\n}\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n noop = function () {};\r\n\r\n fabric.Canvas2dFilterBackend = Canvas2dFilterBackend;\r\n\r\n /**\r\n * Canvas 2D filter backend.\r\n */\r\n function Canvas2dFilterBackend() {}\r\n\r\n Canvas2dFilterBackend.prototype =\r\n /** @lends fabric.Canvas2dFilterBackend.prototype */ {\r\n evictCachesForKey: noop,\r\n dispose: noop,\r\n clearWebGLCaches: noop,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Apply a set of filters against a source image and draw the filtered output\r\n * to the provided destination canvas.\r\n *\r\n * @param {EnhancedFilter} filters The filter to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered.\r\n * @param {Number} sourceWidth The width of the source input.\r\n * @param {Number} sourceHeight The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n */\r\n applyFilters: function (\r\n filters,\r\n sourceElement,\r\n sourceWidth,\r\n sourceHeight,\r\n targetCanvas\r\n ) {\r\n var ctx = targetCanvas.getContext('2d');\r\n ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight);\r\n var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\r\n var originalImageData = ctx.getImageData(\r\n 0,\r\n 0,\r\n sourceWidth,\r\n sourceHeight\r\n );\r\n var pipelineState = {\r\n sourceWidth: sourceWidth,\r\n sourceHeight: sourceHeight,\r\n imageData: imageData,\r\n originalEl: sourceElement,\r\n originalImageData: originalImageData,\r\n canvasEl: targetCanvas,\r\n ctx: ctx,\r\n filterBackend: this,\r\n };\r\n filters.forEach(function (filter) {\r\n filter.applyTo(pipelineState);\r\n });\r\n if (\r\n pipelineState.imageData.width !== sourceWidth ||\r\n pipelineState.imageData.height !== sourceHeight\r\n ) {\r\n targetCanvas.width = pipelineState.imageData.width;\r\n targetCanvas.height = pipelineState.imageData.height;\r\n }\r\n ctx.putImageData(pipelineState.imageData, 0, 0);\r\n return pipelineState;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { TWebGLPrecision, webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Image.filters\r\n * @memberOf fabric.Image\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters}\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n */\r\n fabric.Image.filters = fabric.Image.filters || {};\r\n\r\n /**\r\n * Root filter class from which all filter classes inherit from\r\n * @class fabric.Image.filters.BaseFilter\r\n * @memberOf fabric.Image.filters\r\n */\r\n fabric.Image.filters.BaseFilter = fabric.util.createClass(\r\n /** @lends fabric.Image.filters.BaseFilter.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'BaseFilter',\r\n\r\n /**\r\n * Array of attributes to send with buffers. do not modify\r\n * @private\r\n */\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n '}',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n },\r\n\r\n /**\r\n * Sets filter's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions: function (options) {\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n },\r\n\r\n /**\r\n * Compile this filter's shader program.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation.\r\n * @param {String} fragmentSource fragmentShader source for compilation\r\n * @param {String} vertexSource vertexShader source for compilation\r\n */\r\n createProgram: function (gl, fragmentSource, vertexSource) {\r\n fragmentSource = fragmentSource || this.fragmentSource;\r\n vertexSource = vertexSource || this.vertexSource;\r\n if (webGLProbe.webGLPrecision !== TWebGLPrecision.high) {\r\n fragmentSource = fragmentSource.replace(\r\n new RegExp(`precision ${TWebGLPrecision.high} float`, 'g'),\r\n `precision ${webGLProbe.webGLPrecision} float`\r\n );\r\n }\r\n var vertexShader = gl.createShader(gl.VERTEX_SHADER);\r\n gl.shaderSource(vertexShader, vertexSource);\r\n gl.compileShader(vertexShader);\r\n if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Vertex shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(vertexShader)\r\n );\r\n }\r\n\r\n var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Fragment shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(fragmentShader)\r\n );\r\n }\r\n\r\n var program = gl.createProgram();\r\n gl.attachShader(program, vertexShader);\r\n gl.attachShader(program, fragmentShader);\r\n gl.linkProgram(program);\r\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Shader link error for \"${this.type}\" ' +\r\n gl.getProgramInfoLog(program)\r\n );\r\n }\r\n\r\n var attributeLocations = this.getAttributeLocations(gl, program);\r\n var uniformLocations = this.getUniformLocations(gl, program) || {};\r\n uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW');\r\n uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH');\r\n return {\r\n program: program,\r\n attributeLocations: attributeLocations,\r\n uniformLocations: uniformLocations,\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of attribute names to WebGLAttributeLocation objects.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take attribute locations.\r\n * @returns {Object} A map of attribute names to attribute locations.\r\n */\r\n getAttributeLocations: function (gl, program) {\r\n return {\r\n aPosition: gl.getAttribLocation(program, 'aPosition'),\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of uniform names to WebGLUniformLocation objects.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take uniform locations.\r\n * @returns {Object} A map of uniform names to uniform locations.\r\n */\r\n getUniformLocations: function (/* gl, program */) {\r\n // in case i do not need any special uniform i need to return an empty object\r\n return {};\r\n },\r\n\r\n /**\r\n * Send attribute data from this filter to its shader program on the GPU.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} attributeLocations A map of shader attribute names to their locations.\r\n */\r\n sendAttributeData: function (gl, attributeLocations, aPositionData) {\r\n var attributeLocation = attributeLocations.aPosition;\r\n var buffer = gl.createBuffer();\r\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\r\n gl.enableVertexAttribArray(attributeLocation);\r\n gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0);\r\n gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW);\r\n },\r\n\r\n _setupFrameBuffer: function (options) {\r\n var gl = options.context,\r\n width,\r\n height;\r\n if (options.passes > 1) {\r\n width = options.destinationWidth;\r\n height = options.destinationHeight;\r\n if (\r\n options.sourceWidth !== width ||\r\n options.sourceHeight !== height\r\n ) {\r\n gl.deleteTexture(options.targetTexture);\r\n options.targetTexture = options.filterBackend.createTexture(\r\n gl,\r\n width,\r\n height\r\n );\r\n }\r\n gl.framebufferTexture2D(\r\n gl.FRAMEBUFFER,\r\n gl.COLOR_ATTACHMENT0,\r\n gl.TEXTURE_2D,\r\n options.targetTexture,\r\n 0\r\n );\r\n } else {\r\n // draw last filter on canvas and not to framebuffer.\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, null);\r\n gl.finish();\r\n }\r\n },\r\n\r\n _swapTextures: function (options) {\r\n options.passes--;\r\n options.pass++;\r\n var temp = options.targetTexture;\r\n options.targetTexture = options.sourceTexture;\r\n options.sourceTexture = temp;\r\n },\r\n\r\n /**\r\n * Generic isNeutral implementation for one parameter based filters.\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter )\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (/* options */) {\r\n var main = this.mainParameter,\r\n _class = fabric.Image.filters[this.type].prototype;\r\n if (main) {\r\n if (Array.isArray(_class[main])) {\r\n for (var i = _class[main].length; i--; ) {\r\n if (this[main][i] !== _class[main][i]) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else {\r\n return _class[main] === this[main];\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n if (!options.programCache.hasOwnProperty(this.type)) {\r\n options.programCache[this.type] = this.createProgram(options.context);\r\n }\r\n return options.programCache[this.type];\r\n },\r\n\r\n /**\r\n * Apply this filter using webgl.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.originalTexture The texture of the original input image.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyToWebGL: function (options) {\r\n var gl = options.context;\r\n var shader = this.retrieveShader(options);\r\n if (options.pass === 0 && options.originalTexture) {\r\n gl.bindTexture(gl.TEXTURE_2D, options.originalTexture);\r\n } else {\r\n gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture);\r\n }\r\n gl.useProgram(shader.program);\r\n this.sendAttributeData(\r\n gl,\r\n shader.attributeLocations,\r\n options.aPosition\r\n );\r\n\r\n gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth);\r\n gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight);\r\n\r\n this.sendUniformData(gl, shader.uniformLocations);\r\n gl.viewport(0, 0, options.destinationWidth, options.destinationHeight);\r\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\r\n },\r\n\r\n bindAdditionalTexture: function (gl, texture, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n // reset active texture to 0 as usual\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n unbindAdditionalTexture: function (gl, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n getMainParameter: function () {\r\n return this[this.mainParameter];\r\n },\r\n\r\n setMainParameter: function (value) {\r\n this[this.mainParameter] = value;\r\n },\r\n\r\n /**\r\n * Send uniform data from this filter to its shader program on the GPU.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} uniformLocations A map of shader uniform names to their locations.\r\n */\r\n sendUniformData: function (/* gl, uniformLocations */) {\r\n // Intentionally left blank. Override me in subclasses.\r\n },\r\n\r\n /**\r\n * If needed by a 2d filter, this functions can create an helper canvas to be used\r\n * remember that options.targetCanvas is available for use till end of chain.\r\n */\r\n createHelpLayer: function (options) {\r\n if (!options.helpLayer) {\r\n var helpLayer = document.createElement('canvas');\r\n helpLayer.width = options.sourceWidth;\r\n helpLayer.height = options.sourceHeight;\r\n options.helpLayer = helpLayer;\r\n }\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n var object = { type: this.type },\r\n mainP = this.mainParameter;\r\n if (mainP) {\r\n object[mainP] = this[mainP];\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON: function () {\r\n // delegate, not alias\r\n return this.toObject();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BaseFilter.fromObject = function (object) {\r\n return Promise.resolve(new fabric.Image.filters[object.type](object));\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Matrix filter class\r\n * @class fabric.Image.filters.ColorMatrix\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php}\r\n * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl}\r\n * @example Kodachrome filter\r\n * var filter = new fabric.Image.filters.ColorMatrix({\r\n * matrix: [\r\n 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,\r\n -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,\r\n -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,\r\n 0, 0, 0, 1, 0\r\n ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.ColorMatrix = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.ColorMatrix.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'ColorMatrix',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform mat4 uColorMatrix;\\n' +\r\n 'uniform vec4 uConstants;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color *= uColorMatrix;\\n' +\r\n 'color += uConstants;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Colormatrix for pixels.\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0],\r\n\r\n mainParameter: 'matrix',\r\n\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario\r\n * to save some calculation\r\n * @type Boolean\r\n * @default true\r\n */\r\n colorsOnly: true,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.matrix = this.matrix.slice(0);\r\n },\r\n\r\n /**\r\n * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n m = this.matrix,\r\n r,\r\n g,\r\n b,\r\n a,\r\n i,\r\n colorsOnly = this.colorsOnly;\r\n\r\n for (i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n if (colorsOnly) {\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;\r\n data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;\r\n data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;\r\n } else {\r\n a = data[i + 3];\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255;\r\n data[i + 1] =\r\n r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255;\r\n data[i + 2] =\r\n r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255;\r\n data[i + 3] =\r\n r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'),\r\n uConstants: gl.getUniformLocation(program, 'uConstants'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var m = this.matrix,\r\n matrix = [\r\n m[0],\r\n m[1],\r\n m[2],\r\n m[3],\r\n m[5],\r\n m[6],\r\n m[7],\r\n m[8],\r\n m[10],\r\n m[11],\r\n m[12],\r\n m[13],\r\n m[15],\r\n m[16],\r\n m[17],\r\n m[18],\r\n ],\r\n constants = [m[4], m[9], m[14], m[19]];\r\n gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);\r\n gl.uniform4fv(uniformLocations.uConstants, constants);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.ColorMatrix.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Brightness filter class\r\n * @class fabric.Image.filters.Brightness\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Brightness({\r\n * brightness: 0.05\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Brightness = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Brightness.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Brightness',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBrightness;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += uBrightness;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Brightness value, from -1 to 1.\r\n * translated to -255 to 255 for 2d\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Number} brightness\r\n * @default\r\n */\r\n brightness: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'brightness',\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.brightness === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n brightness = Math.round(this.brightness * 255);\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = data[i] + brightness;\r\n data[i + 1] = data[i + 1] + brightness;\r\n data[i + 2] = data[i + 2] + brightness;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBrightness: gl.getUniformLocation(program, 'uBrightness'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBrightness, this.brightness);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Brightness.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Adapted from html5rocks article\r\n * @class fabric.Image.filters.Convolute\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example Sharpen filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 0, -1, 0,\r\n * -1, 5, -1,\r\n * 0, -1, 0 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Blur filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter with opaqueness\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * opaque: true,\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Convolute = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Convolute.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Convolute',\r\n\r\n /*\r\n * Opaque value (true/false)\r\n */\r\n opaque: false,\r\n\r\n /*\r\n * matrix for the filter, max 9x9\r\n */\r\n matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0],\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource: {\r\n Convolute_3_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_3_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_5_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_5_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_7_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_7_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_9_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_9_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Convolute.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.opaque=false] Opaque value (true/false)\r\n * @param {Array} [options.matrix] Filter matrix\r\n */\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var size = Math.sqrt(this.matrix.length);\r\n var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0);\r\n var shaderSource = this.fragmentSource[cacheKey];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n weights = this.matrix,\r\n side = Math.round(Math.sqrt(weights.length)),\r\n halfSide = Math.floor(side / 2),\r\n sw = imageData.width,\r\n sh = imageData.height,\r\n output = options.ctx.createImageData(sw, sh),\r\n dst = output.data,\r\n // go through the destination image pixels\r\n alphaFac = this.opaque ? 1 : 0,\r\n r,\r\n g,\r\n b,\r\n a,\r\n dstOff,\r\n scx,\r\n scy,\r\n srcOff,\r\n wt,\r\n x,\r\n y,\r\n cx,\r\n cy;\r\n\r\n for (y = 0; y < sh; y++) {\r\n for (x = 0; x < sw; x++) {\r\n dstOff = (y * sw + x) * 4;\r\n // calculate the weighed sum of the source image pixels that\r\n // fall under the convolution matrix\r\n r = 0;\r\n g = 0;\r\n b = 0;\r\n a = 0;\r\n\r\n for (cy = 0; cy < side; cy++) {\r\n for (cx = 0; cx < side; cx++) {\r\n scy = y + cy - halfSide;\r\n scx = x + cx - halfSide;\r\n\r\n // eslint-disable-next-line max-depth\r\n if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) {\r\n continue;\r\n }\r\n\r\n srcOff = (scy * sw + scx) * 4;\r\n wt = weights[cy * side + cx];\r\n\r\n r += data[srcOff] * wt;\r\n g += data[srcOff + 1] * wt;\r\n b += data[srcOff + 2] * wt;\r\n // eslint-disable-next-line max-depth\r\n if (!alphaFac) {\r\n a += data[srcOff + 3] * wt;\r\n }\r\n }\r\n }\r\n dst[dstOff] = r;\r\n dst[dstOff + 1] = g;\r\n dst[dstOff + 2] = b;\r\n if (!alphaFac) {\r\n dst[dstOff + 3] = a;\r\n } else {\r\n dst[dstOff + 3] = data[dstOff + 3];\r\n }\r\n }\r\n }\r\n options.imageData = output;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMatrix: gl.getUniformLocation(program, 'uMatrix'),\r\n uOpaque: gl.getUniformLocation(program, 'uOpaque'),\r\n uHalfSize: gl.getUniformLocation(program, 'uHalfSize'),\r\n uSize: gl.getUniformLocation(program, 'uSize'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1fv(uniformLocations.uMatrix, this.matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n opaque: this.opaque,\r\n matrix: this.matrix,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Convolute.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Grayscale image filter class\r\n * @class fabric.Image.filters.Grayscale\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Grayscale();\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Grayscale = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Grayscale.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Grayscale',\r\n\r\n fragmentSource: {\r\n average:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (color.r + color.b + color.g) / 3.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, color.a);\\n' +\r\n '}',\r\n lightness:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n luminosity:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Grayscale mode, between 'average', 'lightness', 'luminosity'\r\n * @param {String} type\r\n * @default\r\n */\r\n mode: 'average',\r\n\r\n mainParameter: 'mode',\r\n\r\n /**\r\n * Apply the Grayscale operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n value,\r\n mode = this.mode;\r\n for (i = 0; i < len; i += 4) {\r\n if (mode === 'average') {\r\n value = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n } else if (mode === 'lightness') {\r\n value =\r\n (Math.min(data[i], data[i + 1], data[i + 2]) +\r\n Math.max(data[i], data[i + 1], data[i + 2])) /\r\n 2;\r\n } else if (mode === 'luminosity') {\r\n value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2];\r\n }\r\n data[i] = value;\r\n data[i + 1] = value;\r\n data[i + 2] = value;\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var shaderSource = this.fragmentSource[this.mode];\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMode: gl.getUniformLocation(program, 'uMode'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n // default average mode.\r\n var mode = 1;\r\n gl.uniform1i(uniformLocations.uMode, mode);\r\n },\r\n\r\n /**\r\n * Grayscale filter isNeutralState implementation\r\n * The filter is never neutral\r\n * on the image\r\n **/\r\n isNeutralState: function () {\r\n return false;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Grayscale.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Invert filter class\r\n * @class fabric.Image.filters.Invert\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Invert();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Invert = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Invert.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Invert',\r\n\r\n /**\r\n * Invert also alpha.\r\n * @param {Boolean} alpha\r\n * @default\r\n **/\r\n alpha: false,\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uInvert;\\n' +\r\n 'uniform int uAlpha;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if (uInvert == 1) {\\n' +\r\n 'if (uAlpha == 1) {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\\n' +\r\n '}\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * Filter invert. if false, does nothing\r\n * @param {Boolean} invert\r\n * @default\r\n */\r\n invert: true,\r\n\r\n mainParameter: 'invert',\r\n\r\n /**\r\n * Apply the Invert operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length;\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = 255 - data[i];\r\n data[i + 1] = 255 - data[i + 1];\r\n data[i + 2] = 255 - data[i + 2];\r\n\r\n if (this.alpha) {\r\n data[i + 3] = 255 - data[i + 3];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Invert filter isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function () {\r\n return !this.invert;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uInvert: gl.getUniformLocation(program, 'uInvert'),\r\n uAlpha: gl.getUniformLocation(program, 'uAlpha'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1i(uniformLocations.uInvert, this.invert);\r\n gl.uniform1i(uniformLocations.uAlpha, this.alpha);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Invert.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Noise filter class\r\n * @class fabric.Image.filters.Noise\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Noise({\r\n * noise: 700\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Noise = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Noise.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Noise',\r\n\r\n /**\r\n * Fragment source for the noise program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'uniform float uNoise;\\n' +\r\n 'uniform float uSeed;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'float rand(vec2 co, float seed, float vScale) {\\n' +\r\n 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'noise',\r\n\r\n /**\r\n * Noise value, from\r\n * @param {Number} noise\r\n * @default\r\n */\r\n noise: 0,\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.noise === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n noise = this.noise,\r\n rand;\r\n\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n rand = (0.5 - Math.random()) * noise;\r\n\r\n data[i] += rand;\r\n data[i + 1] += rand;\r\n data[i + 2] += rand;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uNoise: gl.getUniformLocation(program, 'uNoise'),\r\n uSeed: gl.getUniformLocation(program, 'uSeed'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uNoise, this.noise / 255);\r\n gl.uniform1f(uniformLocations.uSeed, Math.random());\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n noise: this.noise,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Noise.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Pixelate filter class\r\n * @class fabric.Image.filters.Pixelate\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Pixelate({\r\n * blocksize: 8\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Pixelate = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Pixelate.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Pixelate',\r\n\r\n blocksize: 4,\r\n\r\n mainParameter: 'blocksize',\r\n\r\n /**\r\n * Fragment source for the Pixelate program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBlocksize;\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'float blockW = uBlocksize * uStepW;\\n' +\r\n 'float blockH = uBlocksize * uStepW;\\n' +\r\n 'int posX = int(vTexCoord.x / blockW);\\n' +\r\n 'int posY = int(vTexCoord.y / blockH);\\n' +\r\n 'float fposX = float(posX);\\n' +\r\n 'float fposY = float(posY);\\n' +\r\n 'vec2 squareCoords = vec2(fposX * blockW, fposY * blockH);\\n' +\r\n 'vec4 color = texture2D(uTexture, squareCoords);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = imageData.height,\r\n jLen = imageData.width,\r\n index,\r\n i,\r\n j,\r\n r,\r\n g,\r\n b,\r\n a,\r\n _i,\r\n _j,\r\n _iLen,\r\n _jLen;\r\n\r\n for (i = 0; i < iLen; i += this.blocksize) {\r\n for (j = 0; j < jLen; j += this.blocksize) {\r\n index = i * 4 * jLen + j * 4;\r\n\r\n r = data[index];\r\n g = data[index + 1];\r\n b = data[index + 2];\r\n a = data[index + 3];\r\n\r\n _iLen = Math.min(i + this.blocksize, iLen);\r\n _jLen = Math.min(j + this.blocksize, jLen);\r\n for (_i = i; _i < _iLen; _i++) {\r\n for (_j = j; _j < _jLen; _j++) {\r\n index = _i * 4 * jLen + _j * 4;\r\n data[index] = r;\r\n data[index + 1] = g;\r\n data[index + 2] = b;\r\n data[index + 3] = a;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Indicate when the filter is not gonna apply changes to the image\r\n **/\r\n isNeutralState: function () {\r\n return this.blocksize === 1;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBlocksize: gl.getUniformLocation(program, 'uBlocksize'),\r\n uStepW: gl.getUniformLocation(program, 'uStepW'),\r\n uStepH: gl.getUniformLocation(program, 'uStepH'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBlocksize, this.blocksize);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Pixelate.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Remove white filter class\r\n * @class fabric.Image.filters.RemoveColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.RemoveColor({\r\n * threshold: 0.2,\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.RemoveColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.RemoveColor.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'RemoveColor',\r\n\r\n /**\r\n * Color to remove, in any format understood by fabric.Color.\r\n * @param {String} type\r\n * @default\r\n */\r\n color: '#FFFFFF',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uLow;\\n' +\r\n 'uniform vec4 uHigh;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\\n' +\r\n 'gl_FragColor.a = 0.0;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * distance to actual color, as value up or down from each r,g,b\r\n * between 0 and 1\r\n **/\r\n distance: 0.02,\r\n\r\n /**\r\n * For color to remove inside distance, use alpha channel for a smoother deletion\r\n * NOT IMPLEMENTED YET\r\n **/\r\n useAlpha: false,\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.RemoveWhite.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.color=#RRGGBB] Threshold value\r\n * @param {Number} [options.distance=10] Distance value\r\n */\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n distance = this.distance * 255,\r\n r,\r\n g,\r\n b,\r\n source = new Color(this.color).getSource(),\r\n lowC = [\r\n source[0] - distance,\r\n source[1] - distance,\r\n source[2] - distance,\r\n ],\r\n highC = [\r\n source[0] + distance,\r\n source[1] + distance,\r\n source[2] + distance,\r\n ];\r\n\r\n for (i = 0; i < data.length; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n if (\r\n r > lowC[0] &&\r\n g > lowC[1] &&\r\n b > lowC[2] &&\r\n r < highC[0] &&\r\n g < highC[1] &&\r\n b < highC[2]\r\n ) {\r\n data[i + 3] = 0;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uLow: gl.getUniformLocation(program, 'uLow'),\r\n uHigh: gl.getUniformLocation(program, 'uHigh'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource(),\r\n distance = parseFloat(this.distance),\r\n lowC = [\r\n 0 + source[0] / 255 - distance,\r\n 0 + source[1] / 255 - distance,\r\n 0 + source[2] / 255 - distance,\r\n 1,\r\n ],\r\n highC = [\r\n source[0] / 255 + distance,\r\n source[1] / 255 + distance,\r\n source[2] / 255 + distance,\r\n 1,\r\n ];\r\n gl.uniform4fv(uniformLocations.uLow, lowC);\r\n gl.uniform4fv(uniformLocations.uHigh, highC);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n color: this.color,\r\n distance: this.distance,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.RemoveColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n var matrices = {\r\n Brownie: [\r\n 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0,\r\n -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0,\r\n ],\r\n Vintage: [\r\n 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0,\r\n 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0,\r\n ],\r\n Kodachrome: [\r\n 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0,\r\n 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0,\r\n ],\r\n Technicolor: [\r\n 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0,\r\n -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0,\r\n ],\r\n Polaroid: [\r\n 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016,\r\n 1.483, 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n Sepia: [\r\n 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131,\r\n 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n BlackWhite: [\r\n 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0,\r\n 1, 0,\r\n ],\r\n };\r\n\r\n for (var key in matrices) {\r\n filters[key] = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.Sepia.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: key,\r\n\r\n /**\r\n * Colormatrix for the effect\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: matrices[key],\r\n\r\n /**\r\n * Lock the matrix export for this kind of static, parameter less filters.\r\n */\r\n mainParameter: false,\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha\r\n */\r\n colorsOnly: true,\r\n }\r\n );\r\n fabric.Image.filters[key].fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Blend filter class\r\n * @class fabric.Image.filter.BlendColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blend.prototype */ {\r\n type: 'BlendColor',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n * @type String\r\n * @default\r\n **/\r\n color: '#F95C63',\r\n\r\n /**\r\n * Blend mode for the filter: one of multiply, add, diff, screen, subtract,\r\n * darken, lighten, overlay, exclusion, tint.\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend color operation.\r\n * @type Number\r\n * @default\r\n **/\r\n alpha: 1,\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply: 'gl_FragColor.rgb *= uColor.rgb;\\n',\r\n screen:\r\n 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\\n',\r\n add: 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\\n',\r\n subtract: 'gl_FragColor.rgb -= uColor.rgb;\\n',\r\n lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\\n',\r\n darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\\n',\r\n exclusion:\r\n 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\\n',\r\n overlay:\r\n 'if (uColor.r < 0.5) {\\n' +\r\n 'gl_FragColor.r *= 2.0 * uColor.r;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\\n' +\r\n '}\\n' +\r\n 'if (uColor.g < 0.5) {\\n' +\r\n 'gl_FragColor.g *= 2.0 * uColor.g;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\\n' +\r\n '}\\n' +\r\n 'if (uColor.b < 0.5) {\\n' +\r\n 'gl_FragColor.b *= 2.0 * uColor.b;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\\n' +\r\n '}\\n',\r\n tint:\r\n 'gl_FragColor.rgb *= (1.0 - uColor.a);\\n' +\r\n 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n },\r\n\r\n /**\r\n * build the fragment source for the filters, joining the common part with\r\n * the specific one.\r\n * @param {String} mode the mode of the filter, a key of this.fragmentSource\r\n * @return {String} the source to be compiled\r\n * @private\r\n */\r\n buildSource: function (mode) {\r\n return (\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'if (color.a > 0.0) {\\n' +\r\n this.fragmentSource[mode] +\r\n '}\\n' +\r\n '}'\r\n );\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode,\r\n shaderSource;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n shaderSource = this.buildSource(this.mode);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n tr,\r\n tg,\r\n tb,\r\n r,\r\n g,\r\n b,\r\n source,\r\n alpha1 = 1 - this.alpha;\r\n\r\n source = new Color(this.color).getSource();\r\n tr = source[0] * this.alpha;\r\n tg = source[1] * this.alpha;\r\n tb = source[2] * this.alpha;\r\n\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n break;\r\n case 'screen':\r\n data[i] = 255 - ((255 - r) * (255 - tr)) / 255;\r\n data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255;\r\n data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'add':\r\n data[i] = r + tr;\r\n data[i + 1] = g + tg;\r\n data[i + 2] = b + tb;\r\n break;\r\n case 'diff':\r\n case 'difference':\r\n data[i] = Math.abs(r - tr);\r\n data[i + 1] = Math.abs(g - tg);\r\n data[i + 2] = Math.abs(b - tb);\r\n break;\r\n case 'subtract':\r\n data[i] = r - tr;\r\n data[i + 1] = g - tg;\r\n data[i + 2] = b - tb;\r\n break;\r\n case 'darken':\r\n data[i] = Math.min(r, tr);\r\n data[i + 1] = Math.min(g, tg);\r\n data[i + 2] = Math.min(b, tb);\r\n break;\r\n case 'lighten':\r\n data[i] = Math.max(r, tr);\r\n data[i + 1] = Math.max(g, tg);\r\n data[i + 2] = Math.max(b, tb);\r\n break;\r\n case 'overlay':\r\n data[i] =\r\n tr < 128\r\n ? (2 * r * tr) / 255\r\n : 255 - (2 * (255 - r) * (255 - tr)) / 255;\r\n data[i + 1] =\r\n tg < 128\r\n ? (2 * g * tg) / 255\r\n : 255 - (2 * (255 - g) * (255 - tg)) / 255;\r\n data[i + 2] =\r\n tb < 128\r\n ? (2 * b * tb) / 255\r\n : 255 - (2 * (255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'exclusion':\r\n data[i] = tr + r - (2 * tr * r) / 255;\r\n data[i + 1] = tg + g - (2 * tg * g) / 255;\r\n data[i + 2] = tb + b - (2 * tb * b) / 255;\r\n break;\r\n case 'tint':\r\n data[i] = tr + r * alpha1;\r\n data[i + 1] = tg + g * alpha1;\r\n data[i + 2] = tb + b * alpha1;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColor: gl.getUniformLocation(program, 'uColor'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource();\r\n source[0] = (this.alpha * source[0]) / 255;\r\n source[1] = (this.alpha * source[1]) / 255;\r\n source[2] = (this.alpha * source[2]) / 255;\r\n source[3] = this.alpha;\r\n gl.uniform4fv(uniformLocations.uColor, source);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n color: this.color,\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Image Blend filter class\r\n * @class fabric.Image.filter.BlendImage\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendImage = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.BlendImage.prototype */ {\r\n type: 'BlendImage',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n **/\r\n image: null,\r\n\r\n /**\r\n * Blend mode for the filter (one of \"multiply\", \"mask\")\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend image operation.\r\n * not implemented.\r\n **/\r\n alpha: 1,\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'uniform mat3 uTransformMatrix;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.rgba *= color2.rgba;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n mask:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.a = color2.a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n var shaderSource = this.fragmentSource[this.mode];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n applyToWebGL: function (options) {\r\n // load texture to blend.\r\n var gl = options.context,\r\n texture = this.createTexture(options.filterBackend, this.image);\r\n this.bindAdditionalTexture(gl, texture, gl.TEXTURE1);\r\n this.callSuper('applyToWebGL', options);\r\n this.unbindAdditionalTexture(gl, gl.TEXTURE1);\r\n },\r\n\r\n createTexture: function (backend, image) {\r\n return backend.getCachedTexture(image.cacheKey, image._element);\r\n },\r\n\r\n /**\r\n * Calculate a transformMatrix to adapt the image to blend over\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n calculateMatrix: function () {\r\n var image = this.image,\r\n width = image._element.width,\r\n height = image._element.height;\r\n return [\r\n 1 / image.scaleX,\r\n 0,\r\n 0,\r\n 0,\r\n 1 / image.scaleY,\r\n 0,\r\n -image.left / width,\r\n -image.top / height,\r\n 1,\r\n ];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n resources = options.filterBackend.resources,\r\n data = imageData.data,\r\n iLen = data.length,\r\n width = imageData.width,\r\n height = imageData.height,\r\n tr,\r\n tg,\r\n tb,\r\n ta,\r\n r,\r\n g,\r\n b,\r\n a,\r\n canvas1,\r\n context,\r\n image = this.image,\r\n blendData;\r\n\r\n if (!resources.blendImage) {\r\n resources.blendImage = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blendImage;\r\n context = canvas1.getContext('2d');\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas1.width = width;\r\n canvas1.height = height;\r\n } else {\r\n context.clearRect(0, 0, width, height);\r\n }\r\n context.setTransform(\r\n image.scaleX,\r\n 0,\r\n 0,\r\n image.scaleY,\r\n image.left,\r\n image.top\r\n );\r\n context.drawImage(image._element, 0, 0, width, height);\r\n blendData = context.getImageData(0, 0, width, height).data;\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n a = data[i + 3];\r\n\r\n tr = blendData[i];\r\n tg = blendData[i + 1];\r\n tb = blendData[i + 2];\r\n ta = blendData[i + 3];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n data[i + 3] = (a * ta) / 255;\r\n break;\r\n case 'mask':\r\n data[i + 3] = ta;\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'),\r\n uImage: gl.getUniformLocation(program, 'uImage'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var matrix = this.calculateMatrix();\r\n gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.\r\n gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n image: this.image && this.image.toObject(),\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {object} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendImage.fromObject = function (object, options) {\r\n return fabric.Image.fromObject(object.image, options).then(function (\r\n image\r\n ) {\r\n return new fabric.Image.filters.BlendImage(\r\n Object.assign({}, object, { image: image })\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n pow = Math.pow,\r\n floor = Math.floor,\r\n sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n round = Math.round,\r\n sin = Math.sin,\r\n ceil = Math.ceil,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Resize image filter class\r\n * @class fabric.Image.filters.Resize\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Resize();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Resize = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Resize.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Resize',\r\n\r\n /**\r\n * Resize type\r\n * for webgl resizeType is just lanczos, for canvas2d can be:\r\n * bilinear, hermite, sliceHack, lanczos.\r\n * @param {String} resizeType\r\n * @default\r\n */\r\n resizeType: 'hermite',\r\n\r\n /**\r\n * Scale factor for resizing, x axis\r\n * @param {Number} scaleX\r\n * @default\r\n */\r\n scaleX: 1,\r\n\r\n /**\r\n * Scale factor for resizing, y axis\r\n * @param {Number} scaleY\r\n * @default\r\n */\r\n scaleY: 1,\r\n\r\n /**\r\n * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos\r\n * @param {Number} lanczosLobes\r\n * @default\r\n */\r\n lanczosLobes: 3,\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uDelta: gl.getUniformLocation(program, 'uDelta'),\r\n uTaps: gl.getUniformLocation(program, 'uTaps'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform2fv(\r\n uniformLocations.uDelta,\r\n this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]\r\n );\r\n gl.uniform1fv(uniformLocations.uTaps, this.taps);\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var filterWindow = this.getFilterWindow(),\r\n cacheKey = this.type + '_' + filterWindow;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var fragmentShader = this.generateShader(filterWindow);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n fragmentShader\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n getFilterWindow: function () {\r\n var scale = this.tempScale;\r\n return Math.ceil(this.lanczosLobes / scale);\r\n },\r\n\r\n getTaps: function () {\r\n var lobeFunction = this.lanczosCreate(this.lanczosLobes),\r\n scale = this.tempScale,\r\n filterWindow = this.getFilterWindow(),\r\n taps = new Array(filterWindow);\r\n for (var i = 1; i <= filterWindow; i++) {\r\n taps[i - 1] = lobeFunction(i * scale);\r\n }\r\n return taps;\r\n },\r\n\r\n /**\r\n * Generate vertex and shader sources from the necessary steps numbers\r\n * @param {Number} filterWindow\r\n */\r\n generateShader: function (filterWindow) {\r\n var offsets = new Array(filterWindow),\r\n fragmentShader = this.fragmentSourceTOP,\r\n filterWindow;\r\n\r\n for (var i = 1; i <= filterWindow; i++) {\r\n offsets[i - 1] = i + '.0 * uDelta';\r\n }\r\n\r\n fragmentShader += 'uniform float uTaps[' + filterWindow + '];\\n';\r\n fragmentShader += 'void main() {\\n';\r\n fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\\n';\r\n fragmentShader += ' float sum = 1.0;\\n';\r\n\r\n offsets.forEach(function (offset, i) {\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord + ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord - ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\\n';\r\n });\r\n fragmentShader += ' gl_FragColor = color / sum;\\n';\r\n fragmentShader += '}';\r\n return fragmentShader;\r\n },\r\n\r\n fragmentSourceTOP:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n',\r\n\r\n /**\r\n * Apply the resize filter to the image\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n options.passes++;\r\n this.width = options.sourceWidth;\r\n this.horizontal = true;\r\n this.dW = Math.round(this.width * this.scaleX);\r\n this.dH = options.sourceHeight;\r\n this.tempScale = this.dW / this.width;\r\n this.taps = this.getTaps();\r\n options.destinationWidth = this.dW;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceWidth = options.destinationWidth;\r\n\r\n this.height = options.sourceHeight;\r\n this.horizontal = false;\r\n this.dH = Math.round(this.height * this.scaleY);\r\n this.tempScale = this.dH / this.height;\r\n this.taps = this.getTaps();\r\n options.destinationHeight = this.dH;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceHeight = options.destinationHeight;\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n isNeutralState: function () {\r\n return this.scaleX === 1 && this.scaleY === 1;\r\n },\r\n\r\n lanczosCreate: function (lobes) {\r\n return function (x) {\r\n if (x >= lobes || x <= -lobes) {\r\n return 0.0;\r\n }\r\n if (x < 1.1920929e-7 && x > -1.1920929e-7) {\r\n return 1.0;\r\n }\r\n x *= Math.PI;\r\n var xx = x / lobes;\r\n return ((sin(x) / x) * sin(xx)) / xx;\r\n };\r\n },\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @memberOf fabric.Image.filters.Resize.prototype\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} scaleX\r\n * @param {Number} scaleY\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n scaleX = this.scaleX,\r\n scaleY = this.scaleY;\r\n\r\n this.rcpScaleX = 1 / scaleX;\r\n this.rcpScaleY = 1 / scaleY;\r\n\r\n var oW = imageData.width,\r\n oH = imageData.height,\r\n dW = round(oW * scaleX),\r\n dH = round(oH * scaleY),\r\n newData;\r\n\r\n if (this.resizeType === 'sliceHack') {\r\n newData = this.sliceByTwo(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'hermite') {\r\n newData = this.hermiteFastResize(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'bilinear') {\r\n newData = this.bilinearFiltering(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'lanczos') {\r\n newData = this.lanczosResize(options, oW, oH, dW, dH);\r\n }\r\n options.imageData = newData;\r\n },\r\n\r\n /**\r\n * Filter sliceByTwo\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n sliceByTwo: function (options, oW, oH, dW, dH) {\r\n var imageData = options.imageData,\r\n mult = 0.5,\r\n doneW = false,\r\n doneH = false,\r\n stepW = oW * mult,\r\n stepH = oH * mult,\r\n resources = fabric.filterBackend.resources,\r\n tmpCanvas,\r\n ctx,\r\n sX = 0,\r\n sY = 0,\r\n dX = oW,\r\n dY = 0;\r\n if (!resources.sliceByTwo) {\r\n resources.sliceByTwo = document.createElement('canvas');\r\n }\r\n tmpCanvas = resources.sliceByTwo;\r\n if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) {\r\n tmpCanvas.width = oW * 1.5;\r\n tmpCanvas.height = oH;\r\n }\r\n ctx = tmpCanvas.getContext('2d');\r\n ctx.clearRect(0, 0, oW * 1.5, oH);\r\n ctx.putImageData(imageData, 0, 0);\r\n\r\n dW = floor(dW);\r\n dH = floor(dH);\r\n\r\n while (!doneW || !doneH) {\r\n oW = stepW;\r\n oH = stepH;\r\n if (dW < floor(stepW * mult)) {\r\n stepW = floor(stepW * mult);\r\n } else {\r\n stepW = dW;\r\n doneW = true;\r\n }\r\n if (dH < floor(stepH * mult)) {\r\n stepH = floor(stepH * mult);\r\n } else {\r\n stepH = dH;\r\n doneH = true;\r\n }\r\n ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH);\r\n sX = dX;\r\n sY = dY;\r\n dY += stepH;\r\n }\r\n return ctx.getImageData(sX, sY, dW, dH);\r\n },\r\n\r\n /**\r\n * Filter lanczosResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n lanczosResize: function (options, oW, oH, dW, dH) {\r\n function process(u) {\r\n var v, i, weight, idx, a, red, green, blue, alpha, fX, fY;\r\n center.x = (u + 0.5) * ratioX;\r\n icenter.x = floor(center.x);\r\n for (v = 0; v < dH; v++) {\r\n center.y = (v + 0.5) * ratioY;\r\n icenter.y = floor(center.y);\r\n a = 0;\r\n red = 0;\r\n green = 0;\r\n blue = 0;\r\n alpha = 0;\r\n for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) {\r\n if (i < 0 || i >= oW) {\r\n continue;\r\n }\r\n fX = floor(1000 * abs(i - center.x));\r\n if (!cacheLanc[fX]) {\r\n cacheLanc[fX] = {};\r\n }\r\n for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) {\r\n if (j < 0 || j >= oH) {\r\n continue;\r\n }\r\n fY = floor(1000 * abs(j - center.y));\r\n if (!cacheLanc[fX][fY]) {\r\n cacheLanc[fX][fY] = lanczos(\r\n sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000\r\n );\r\n }\r\n weight = cacheLanc[fX][fY];\r\n if (weight > 0) {\r\n idx = (j * oW + i) * 4;\r\n a += weight;\r\n red += weight * srcData[idx];\r\n green += weight * srcData[idx + 1];\r\n blue += weight * srcData[idx + 2];\r\n alpha += weight * srcData[idx + 3];\r\n }\r\n }\r\n }\r\n idx = (v * dW + u) * 4;\r\n destData[idx] = red / a;\r\n destData[idx + 1] = green / a;\r\n destData[idx + 2] = blue / a;\r\n destData[idx + 3] = alpha / a;\r\n }\r\n\r\n if (++u < dW) {\r\n return process(u);\r\n } else {\r\n return destImg;\r\n }\r\n }\r\n\r\n var srcData = options.imageData.data,\r\n destImg = options.ctx.createImageData(dW, dH),\r\n destData = destImg.data,\r\n lanczos = this.lanczosCreate(this.lanczosLobes),\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n rcpRatioX = 2 / this.rcpScaleX,\r\n rcpRatioY = 2 / this.rcpScaleY,\r\n range2X = ceil((ratioX * this.lanczosLobes) / 2),\r\n range2Y = ceil((ratioY * this.lanczosLobes) / 2),\r\n cacheLanc = {},\r\n center = {},\r\n icenter = {};\r\n\r\n return process(0);\r\n },\r\n\r\n /**\r\n * bilinearFiltering\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n bilinearFiltering: function (options, oW, oH, dW, dH) {\r\n var a,\r\n b,\r\n c,\r\n d,\r\n x,\r\n y,\r\n i,\r\n j,\r\n xDiff,\r\n yDiff,\r\n chnl,\r\n color,\r\n offset = 0,\r\n origPix,\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n w4 = 4 * (oW - 1),\r\n img = options.imageData,\r\n pixels = img.data,\r\n destImage = options.ctx.createImageData(dW, dH),\r\n destPixels = destImage.data;\r\n for (i = 0; i < dH; i++) {\r\n for (j = 0; j < dW; j++) {\r\n x = floor(ratioX * j);\r\n y = floor(ratioY * i);\r\n xDiff = ratioX * j - x;\r\n yDiff = ratioY * i - y;\r\n origPix = 4 * (y * oW + x);\r\n\r\n for (chnl = 0; chnl < 4; chnl++) {\r\n a = pixels[origPix + chnl];\r\n b = pixels[origPix + 4 + chnl];\r\n c = pixels[origPix + w4 + chnl];\r\n d = pixels[origPix + w4 + 4 + chnl];\r\n color =\r\n a * (1 - xDiff) * (1 - yDiff) +\r\n b * xDiff * (1 - yDiff) +\r\n c * yDiff * (1 - xDiff) +\r\n d * xDiff * yDiff;\r\n destPixels[offset++] = color;\r\n }\r\n }\r\n }\r\n return destImage;\r\n },\r\n\r\n /**\r\n * hermiteFastResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n hermiteFastResize: function (options, oW, oH, dW, dH) {\r\n var ratioW = this.rcpScaleX,\r\n ratioH = this.rcpScaleY,\r\n ratioWHalf = ceil(ratioW / 2),\r\n ratioHHalf = ceil(ratioH / 2),\r\n img = options.imageData,\r\n data = img.data,\r\n img2 = options.ctx.createImageData(dW, dH),\r\n data2 = img2.data;\r\n for (var j = 0; j < dH; j++) {\r\n for (var i = 0; i < dW; i++) {\r\n var x2 = (i + j * dW) * 4,\r\n weight = 0,\r\n weights = 0,\r\n weightsAlpha = 0,\r\n gxR = 0,\r\n gxG = 0,\r\n gxB = 0,\r\n gxA = 0,\r\n centerY = (j + 0.5) * ratioH;\r\n for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) {\r\n var dy = abs(centerY - (yy + 0.5)) / ratioHHalf,\r\n centerX = (i + 0.5) * ratioW,\r\n w0 = dy * dy;\r\n for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) {\r\n var dx = abs(centerX - (xx + 0.5)) / ratioWHalf,\r\n w = sqrt(w0 + dx * dx);\r\n /* eslint-disable max-depth */\r\n if (w > 1 && w < -1) {\r\n continue;\r\n }\r\n //hermite filter\r\n weight = 2 * w * w * w - 3 * w * w + 1;\r\n if (weight > 0) {\r\n dx = 4 * (xx + yy * oW);\r\n //alpha\r\n gxA += weight * data[dx + 3];\r\n weightsAlpha += weight;\r\n //colors\r\n if (data[dx + 3] < 255) {\r\n weight = (weight * data[dx + 3]) / 250;\r\n }\r\n gxR += weight * data[dx];\r\n gxG += weight * data[dx + 1];\r\n gxB += weight * data[dx + 2];\r\n weights += weight;\r\n }\r\n /* eslint-enable max-depth */\r\n }\r\n }\r\n data2[x2] = gxR / weights;\r\n data2[x2 + 1] = gxG / weights;\r\n data2[x2 + 2] = gxB / weights;\r\n data2[x2 + 3] = gxA / weightsAlpha;\r\n }\r\n }\r\n return img2;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n resizeType: this.resizeType,\r\n lanczosLobes: this.lanczosLobes,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Resize.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Contrast filter class\r\n * @class fabric.Image.filters.Contrast\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Contrast({\r\n * contrast: 0.25\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Contrast = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Contrast.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Contrast',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uContrast;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\\n' +\r\n 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * contrast value, range from -1 to 1.\r\n * @param {Number} contrast\r\n * @default 0\r\n */\r\n contrast: 0,\r\n\r\n mainParameter: 'contrast',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Contrast.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Contrast operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.contrast === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n i,\r\n len,\r\n data = imageData.data,\r\n len = data.length,\r\n contrast = Math.floor(this.contrast * 255),\r\n contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast));\r\n\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = contrastF * (data[i] - 128) + 128;\r\n data[i + 1] = contrastF * (data[i + 1] - 128) + 128;\r\n data[i + 2] = contrastF * (data[i + 2] - 128) + 128;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uContrast: gl.getUniformLocation(program, 'uContrast'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uContrast, this.contrast);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Contrast.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Saturate filter class\r\n * @class fabric.Image.filters.Saturation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Saturation({\r\n * saturation: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Saturation = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Saturation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Saturation',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uSaturation;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float rgMax = max(color.r, color.g);\\n' +\r\n 'float rgbMax = max(rgMax, color.b);\\n' +\r\n 'color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\\n' +\r\n 'color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\\n' +\r\n 'color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Saturation value, from -1 to 1.\r\n * Increases/decreases the color saturation.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} saturation\r\n * @default\r\n */\r\n saturation: 0,\r\n\r\n mainParameter: 'saturation',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Saturate.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.saturate=0] Value to saturate the image (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.saturation === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.saturation,\r\n i,\r\n max;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n data[i] += max !== data[i] ? (max - data[i]) * adjust : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uSaturation: gl.getUniformLocation(program, 'uSaturation'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uSaturation, -this.saturation);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Saturation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Vibrance filter class\r\n * @class fabric.Image.filters.Vibrance\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Vibrance({\r\n * vibrance: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Vibrance = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Vibrance.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Vibrance',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uVibrance;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float max = max(color.r, max(color.g, color.b));\\n' +\r\n 'float avg = (color.r + color.g + color.b) / 3.0;\\n' +\r\n 'float amt = (abs(max - avg) * 2.0) * uVibrance;\\n' +\r\n 'color.r += max != color.r ? (max - color.r) * amt : 0.00;\\n' +\r\n 'color.g += max != color.g ? (max - color.g) * amt : 0.00;\\n' +\r\n 'color.b += max != color.b ? (max - color.b) * amt : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Vibrance value, from -1 to 1.\r\n * Increases/decreases the saturation of more muted colors with less effect on saturated colors.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} vibrance\r\n * @default\r\n */\r\n vibrance: 0,\r\n\r\n mainParameter: 'vibrance',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Vibrance.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1)\r\n */\r\n\r\n /**\r\n * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.vibrance === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.vibrance,\r\n i,\r\n max,\r\n avg,\r\n amt;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n avg = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n amt = ((Math.abs(max - avg) * 2) / 255) * adjust;\r\n data[i] += max !== data[i] ? (max - data[i]) * amt : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uVibrance: gl.getUniformLocation(program, 'uVibrance'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uVibrance, -this.vibrance);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Vibrance.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Blur filter class\r\n * @class fabric.Image.filters.Blur\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Blur({\r\n * blur: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Blur = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blur.prototype */ {\r\n type: 'Blur',\r\n\r\n /*\r\n'gl_FragColor = vec4(0.0);',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;',\r\n*/\r\n\r\n /* eslint-disable max-len */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'const float nSamples = 15.0;\\n' +\r\n 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\\n' +\r\n 'float random(vec3 scale) {\\n' +\r\n /* use the fragment position for a different seed per-pixel */\r\n 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0.0);\\n' +\r\n 'float total = 0.0;\\n' +\r\n 'float offset = random(v3offset);\\n' +\r\n 'for (float t = -nSamples; t <= nSamples; t++) {\\n' +\r\n 'float percent = (t + offset - 0.5) / nSamples;\\n' +\r\n 'float weight = 1.0 - abs(percent);\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\\n' +\r\n 'total += weight;\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color / total;\\n' +\r\n '}',\r\n /* eslint-enable max-len */\r\n\r\n /**\r\n * blur value, in percentage of image dimensions.\r\n * specific to keep the image blur constant at different resolutions\r\n * range between 0 and 1.\r\n * @type Number\r\n * @default\r\n */\r\n blur: 0,\r\n\r\n mainParameter: 'blur',\r\n\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n // this aspectRatio is used to give the same blur to vertical and horizontal\r\n this.aspectRatio = options.sourceWidth / options.sourceHeight;\r\n options.passes++;\r\n this._setupFrameBuffer(options);\r\n this.horizontal = true;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n this._setupFrameBuffer(options);\r\n this.horizontal = false;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n applyTo2d: function (options) {\r\n // paint canvasEl with current image data.\r\n //options.ctx.putImageData(options.imageData, 0, 0);\r\n options.imageData = this.simpleBlur(options);\r\n },\r\n\r\n simpleBlur: function (options) {\r\n var resources = options.filterBackend.resources,\r\n canvas1,\r\n canvas2,\r\n width = options.imageData.width,\r\n height = options.imageData.height;\r\n\r\n if (!resources.blurLayer1) {\r\n resources.blurLayer1 = fabric.util.createCanvasElement();\r\n resources.blurLayer2 = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blurLayer1;\r\n canvas2 = resources.blurLayer2;\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas2.width = canvas1.width = width;\r\n canvas2.height = canvas1.height = height;\r\n }\r\n var ctx1 = canvas1.getContext('2d'),\r\n ctx2 = canvas2.getContext('2d'),\r\n nSamples = 15,\r\n random,\r\n percent,\r\n j,\r\n i,\r\n blur = this.blur * 0.06 * 0.5;\r\n\r\n // load first canvas\r\n ctx1.putImageData(options.imageData, 0, 0);\r\n ctx2.clearRect(0, 0, width, height);\r\n\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * width + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, j, random);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * height + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, random, j);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n options.ctx.drawImage(canvas1, 0, 0);\r\n var newImageData = options.ctx.getImageData(\r\n 0,\r\n 0,\r\n canvas1.width,\r\n canvas1.height\r\n );\r\n ctx1.globalAlpha = 1;\r\n ctx1.clearRect(0, 0, canvas1.width, canvas1.height);\r\n return newImageData;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n delta: gl.getUniformLocation(program, 'uDelta'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var delta = this.chooseRightDelta();\r\n gl.uniform2fv(uniformLocations.delta, delta);\r\n },\r\n\r\n /**\r\n * choose right value of image percentage to blur with\r\n * @returns {Array} a numeric array with delta values\r\n */\r\n chooseRightDelta: function () {\r\n var blurScale = 1,\r\n delta = [0, 0],\r\n blur;\r\n if (this.horizontal) {\r\n if (this.aspectRatio > 1) {\r\n // image is wide, i want to shrink radius horizontal\r\n blurScale = 1 / this.aspectRatio;\r\n }\r\n } else {\r\n if (this.aspectRatio < 1) {\r\n // image is tall, i want to shrink radius vertical\r\n blurScale = this.aspectRatio;\r\n }\r\n }\r\n blur = blurScale * this.blur * 0.12;\r\n if (this.horizontal) {\r\n delta[0] = blur;\r\n } else {\r\n delta[1] = blur;\r\n }\r\n return delta;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Gamma filter class\r\n * @class fabric.Image.filters.Gamma\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Gamma({\r\n * gamma: [1, 0.5, 2.1]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Gamma = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Gamma.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Gamma',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec3 uGamma;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec3 correction = (1.0 / uGamma);\\n' +\r\n 'color.r = pow(color.r, correction.r);\\n' +\r\n 'color.g = pow(color.g, correction.g);\\n' +\r\n 'color.b = pow(color.b, correction.b);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.rgb *= color.a;\\n' +\r\n '}',\r\n\r\n /**\r\n * Gamma array value, from 0.01 to 2.2.\r\n * @param {Array} gamma\r\n * @default\r\n */\r\n gamma: [1, 1, 1],\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'gamma',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.gamma = [1, 1, 1];\r\n filters.BaseFilter.prototype.initialize.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply the Gamma operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n gamma = this.gamma,\r\n len = data.length,\r\n rInv = 1 / gamma[0],\r\n gInv = 1 / gamma[1],\r\n bInv = 1 / gamma[2],\r\n i;\r\n\r\n if (!this.rVals) {\r\n // eslint-disable-next-line\r\n this.rVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.gVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.bVals = new Uint8Array(256);\r\n }\r\n\r\n // This is an optimization - pre-compute a look-up table for each color channel\r\n // instead of performing these pow calls for each pixel in the image.\r\n for (i = 0, len = 256; i < len; i++) {\r\n this.rVals[i] = Math.pow(i / 255, rInv) * 255;\r\n this.gVals[i] = Math.pow(i / 255, gInv) * 255;\r\n this.bVals[i] = Math.pow(i / 255, bInv) * 255;\r\n }\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n data[i] = this.rVals[data[i]];\r\n data[i + 1] = this.gVals[data[i + 1]];\r\n data[i + 2] = this.bVals[data[i + 2]];\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uGamma: gl.getUniformLocation(program, 'uGamma'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform3fv(uniformLocations.uGamma, this.gamma);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Gamma.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * A container class that knows how to apply a sequence of filters to an input image.\r\n */\r\n filters.Composed = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Composed.prototype */ {\r\n type: 'Composed',\r\n\r\n /**\r\n * A non sparse array of filters to apply\r\n */\r\n subFilters: [],\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.subFilters = this.subFilters.slice(0);\r\n },\r\n\r\n /**\r\n * Apply this container's filters to the input image provided.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be applied.\r\n */\r\n applyTo: function (options) {\r\n options.passes += this.subFilters.length - 1;\r\n this.subFilters.forEach(function (filter) {\r\n filter.applyTo(options);\r\n });\r\n },\r\n\r\n /**\r\n * Serialize this filter into JSON.\r\n *\r\n * @returns {Object} A JSON representation of this filter.\r\n */\r\n toObject: function () {\r\n return fabric.util.object.extend(this.callSuper('toObject'), {\r\n subFilters: this.subFilters.map(function (filter) {\r\n return filter.toObject();\r\n }),\r\n });\r\n },\r\n\r\n isNeutralState: function () {\r\n return !this.subFilters.some(function (filter) {\r\n return !filter.isNeutralState();\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Deserialize a JSON definition of a ComposedFilter into a concrete instance.\r\n * @static\r\n * @param {oject} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Composed.fromObject = function (object, options) {\r\n var filters = object.subFilters || [];\r\n return Promise.all(\r\n filters.map(function (filter) {\r\n return fabric.Image.filters[filter.type].fromObject(filter, options);\r\n })\r\n ).then(function (enlivedFilters) {\r\n return new fabric.Image.filters.Composed({ subFilters: enlivedFilters });\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * HueRotation filter class\r\n * @class fabric.Image.filters.HueRotation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.HueRotation({\r\n * rotation: -0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.HueRotation = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.HueRotation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'HueRotation',\r\n\r\n /**\r\n * HueRotation value, from -1 to 1.\r\n * the unit is radians\r\n * @param {Number} myParameter\r\n * @default\r\n */\r\n rotation: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'rotation',\r\n\r\n calculateMatrix: function () {\r\n var rad = this.rotation * Math.PI,\r\n cos = fabric.util.cos(rad),\r\n sin = fabric.util.sin(rad),\r\n aThird = 1 / 3,\r\n aThirdSqtSin = Math.sqrt(aThird) * sin,\r\n OneMinusCos = 1 - cos;\r\n this.matrix = [\r\n 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0,\r\n ];\r\n this.matrix[0] = cos + OneMinusCos / 3;\r\n this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[6] = cos + aThird * OneMinusCos;\r\n this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[12] = cos + aThird * OneMinusCos;\r\n },\r\n\r\n /**\r\n * HueRotation isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (options) {\r\n this.calculateMatrix();\r\n return filters.BaseFilter.prototype.isNeutralState.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n this.calculateMatrix();\r\n filters.BaseFilter.prototype.applyTo.call(this, options);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.HueRotation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { FabricObject } from '../shapes/fabricObject.class';\r\n\r\ntype TextStyleDeclaration = Record;\r\n\r\nexport type TextStyle = {\r\n [line: number | string]: { [char: number | string]: TextStyleDeclaration };\r\n};\r\n\r\nexport abstract class TextStyleMixin extends FabricObject {\r\n abstract styles: TextStyle;\r\n protected abstract _textLines: string[][];\r\n protected abstract _forceClearCache: boolean;\r\n protected abstract _styleProperties: string[];\r\n abstract get2DCursorLocation(\r\n selectionStart: number,\r\n skipWrapping?: boolean\r\n ): { charIndex: number; lineIndex: number };\r\n\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles(lineIndex: number): boolean {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return true;\r\n }\r\n const obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (const p1 in obj) {\r\n for (const p2 in obj[p1]) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (const p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Returns true if object has a style property or has it ina specified line\r\n * This function is used to detect if a text will use a particular property or not.\r\n * @param {String} property to check for\r\n * @param {Number} lineIndex to check the style on\r\n * @return {Boolean}\r\n */\r\n styleHas(property: string, lineIndex: number): boolean {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return false;\r\n }\r\n const obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { 0: this.styles[lineIndex] };\r\n // eslint-disable-next-line\r\n for (const p1 in obj) {\r\n // eslint-disable-next-line\r\n for (const p2 in obj[p1]) {\r\n if (typeof obj[p1][p2][property] !== 'undefined') {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Check if characters in a text have a value for a property\r\n * whose value matches the textbox's value for that property. If so,\r\n * the character-level property is deleted. If the character\r\n * has no other properties, then it is also deleted. Finally,\r\n * if the line containing that character has no other characters\r\n * then it also is deleted.\r\n *\r\n * @param {string} property The property to compare between characters and text.\r\n */\r\n cleanStyle(property: string) {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n const obj = this.styles;\r\n let stylesCount = 0,\r\n letterCount,\r\n stylePropertyValue,\r\n allStyleObjectPropertiesMatch = true,\r\n graphemeCount = 0;\r\n for (const p1 in obj) {\r\n letterCount = 0;\r\n for (const p2 in obj[p1]) {\r\n const styleObject = obj[p1][p2],\r\n stylePropertyHasBeenSet = Object.prototype.hasOwnProperty.call(\r\n styleObject,\r\n property\r\n );\r\n\r\n stylesCount++;\r\n\r\n if (stylePropertyHasBeenSet) {\r\n if (!stylePropertyValue) {\r\n stylePropertyValue = styleObject[property];\r\n } else if (styleObject[property] !== stylePropertyValue) {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (styleObject[property] === this[property as keyof this]) {\r\n delete styleObject[property];\r\n }\r\n } else {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (Object.keys(styleObject).length !== 0) {\r\n letterCount++;\r\n } else {\r\n delete obj[p1][p2];\r\n }\r\n }\r\n\r\n if (letterCount === 0) {\r\n delete obj[p1];\r\n }\r\n }\r\n // if every grapheme has the same style set then\r\n // delete those styles and set it on the parent\r\n for (let i = 0; i < this._textLines.length; i++) {\r\n graphemeCount += this._textLines[i].length;\r\n }\r\n if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) {\r\n this[property as keyof this] = stylePropertyValue;\r\n this.removeStyle(property);\r\n }\r\n }\r\n\r\n /**\r\n * Remove a style property or properties from all individual character styles\r\n * in a text object. Deletes the character style object if it contains no other style\r\n * props. Deletes a line style object if it contains no other character styles.\r\n *\r\n * @param {String} props The property to remove from character styles.\r\n */\r\n removeStyle(property: string) {\r\n if (!this.styles || !property || property === '') {\r\n return;\r\n }\r\n const obj = this.styles;\r\n let line, lineNum, charNum;\r\n for (lineNum in obj) {\r\n line = obj[lineNum];\r\n for (charNum in line) {\r\n delete line[charNum][property];\r\n if (Object.keys(line[charNum]).length === 0) {\r\n delete line[charNum];\r\n }\r\n }\r\n if (Object.keys(line).length === 0) {\r\n delete obj[lineNum];\r\n }\r\n }\r\n }\r\n\r\n private _extendStyles(index: number, styles: TextStyleDeclaration) {\r\n const { lineIndex, charIndex } = this.get2DCursorLocation(index);\r\n\r\n if (!this._getLineStyle(lineIndex)) {\r\n this._setLineStyle(lineIndex);\r\n }\r\n\r\n if (!this._getStyleDeclaration(lineIndex, charIndex)) {\r\n this._setStyleDeclaration(lineIndex, charIndex, {});\r\n }\r\n\r\n return Object.assign(\r\n this._getStyleDeclaration(lineIndex, charIndex) || {},\r\n styles\r\n );\r\n }\r\n\r\n /**\r\n * Gets style of a current selection/cursor (at the start position)\r\n * @param {Number} startIndex Start index to get styles at\r\n * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1\r\n * @param {Boolean} [complete] get full style or not\r\n * @return {Array} styles an array with one, zero or more Style objects\r\n */\r\n getSelectionStyles(\r\n startIndex: number,\r\n endIndex?: number,\r\n complete?: boolean\r\n ) {\r\n const styles: TextStyleDeclaration[] = [];\r\n for (let i = startIndex; i < (endIndex || startIndex); i++) {\r\n styles.push(this.getStyleAtPosition(i, complete));\r\n }\r\n return styles;\r\n }\r\n\r\n /**\r\n * Gets style of a current selection/cursor position\r\n * @param {Number} position to get styles at\r\n * @param {Boolean} [complete] full style if true\r\n * @return {Object} style Style object at a specified index\r\n * @private\r\n */\r\n getStyleAtPosition(position: number, complete?: boolean) {\r\n const { lineIndex, charIndex } = this.get2DCursorLocation(position);\r\n return (\r\n (complete\r\n ? this.getCompleteStyleDeclaration(lineIndex, charIndex)\r\n : this._getStyleDeclaration(lineIndex, charIndex)) || {}\r\n );\r\n }\r\n\r\n /**\r\n * Sets style of a current selection, if no selection exist, do not set anything.\r\n * @param {Object} styles Styles object\r\n * @param {Number} startIndex Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1\r\n */\r\n setSelectionStyles(styles: object, startIndex: number, endIndex?: number) {\r\n for (let i = startIndex; i < (endIndex || startIndex); i++) {\r\n this._extendStyles(i, styles);\r\n }\r\n /* not included in _extendStyles to avoid clearing cache more than once */\r\n this._forceClearCache = true;\r\n }\r\n\r\n /**\r\n * get the reference, not a clone, of the style object for a given character\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Object} style object\r\n */\r\n _getStyleDeclaration(lineIndex: number, charIndex: number) {\r\n const lineStyle = this.styles && this.styles[lineIndex];\r\n if (!lineStyle) {\r\n return null;\r\n }\r\n return lineStyle[charIndex];\r\n }\r\n\r\n /**\r\n * return a new object that contains all the style property for a character\r\n * the object returned is newly created\r\n * @param {Number} lineIndex of the line where the character is\r\n * @param {Number} charIndex position of the character on the line\r\n * @return {Object} style object\r\n */\r\n getCompleteStyleDeclaration(lineIndex: number, charIndex: number) {\r\n const style = this._getStyleDeclaration(lineIndex, charIndex) || {},\r\n styleObject: TextStyleDeclaration = {};\r\n for (let i = 0; i < this._styleProperties.length; i++) {\r\n const prop = this._styleProperties[i];\r\n styleObject[prop] =\r\n typeof style[prop] === 'undefined'\r\n ? this[prop as keyof this]\r\n : style[prop];\r\n }\r\n return styleObject;\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n protected _setStyleDeclaration(\r\n lineIndex: number,\r\n charIndex: number,\r\n style: object\r\n ) {\r\n this.styles[lineIndex][charIndex] = style;\r\n }\r\n\r\n /**\r\n *\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n protected _deleteStyleDeclaration(lineIndex: number, charIndex: number) {\r\n delete this.styles[lineIndex][charIndex];\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @return {Boolean} if the line exists or not\r\n * @private\r\n */\r\n protected _getLineStyle(lineIndex: number): boolean {\r\n return !!this.styles[lineIndex];\r\n }\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @private\r\n */\r\n protected _setLineStyle(lineIndex: number) {\r\n this.styles[lineIndex] = {};\r\n }\r\n\r\n protected _deleteLineStyle(lineIndex: number) {\r\n delete this.styles[lineIndex];\r\n }\r\n}\r\n","// @ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { cache } from '../cache';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\nimport { TextStyleMixin } from '../mixins/text_style.mixin';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { graphemeSplit } from '../util/lang_string';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport {\r\n hasStyleChanged,\r\n stylesFromArray,\r\n stylesToArray,\r\n} from '../util/misc/textStyles';\r\nimport { getPathSegmentsInfo, getPointOnPath } from '../util/path';\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n/**\r\n * Measure and return the info of a single grapheme.\r\n * needs the the info of previous graphemes already filled\r\n * Override to customize measuring\r\n */\r\nexport type GraphemeBBox = {\r\n width: number;\r\n height: number;\r\n kernedWidth: number;\r\n left: number;\r\n deltaY: number;\r\n};\r\n\r\nconst additionalProps = [\r\n 'fontFamily',\r\n 'fontWeight',\r\n 'fontSize',\r\n 'text',\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n 'textAlign',\r\n 'fontStyle',\r\n 'lineHeight',\r\n 'textBackgroundColor',\r\n 'charSpacing',\r\n 'styles',\r\n 'direction',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n];\r\n\r\n/**\r\n * Text class\r\n * @class Text\r\n * @extends FabricObject\r\n * @return {Text} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text}\r\n * @see {@link Text#initialize} for constructor definition\r\n */\r\nexport class Text extends TextStyleMixin {\r\n /**\r\n * Properties which when set cause object to change dimensions\r\n * @type Array\r\n * @private\r\n */\r\n _dimensionAffectingProps: Partial>[];\r\n\r\n /**\r\n * @private\r\n */\r\n _reNewline: RegExp;\r\n\r\n /**\r\n * Use this regular expression to filter for whitespaces that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpacesAndTabs: RegExp;\r\n\r\n /**\r\n * Use this regular expression to filter for whitespace that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpaceAndTab: RegExp;\r\n\r\n /**\r\n * Use this regular expression to filter consecutive groups of non spaces.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reWords: RegExp;\r\n\r\n text: string;\r\n\r\n /**\r\n * Font size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n fontSize: number;\r\n\r\n /**\r\n * Font weight (e.g. bold, normal, 400, 600, 800)\r\n * @type {(Number|String)}\r\n * @default\r\n */\r\n fontWeight: string;\r\n\r\n /**\r\n * Font family\r\n * @type String\r\n * @default\r\n */\r\n fontFamily: string;\r\n\r\n /**\r\n * Text decoration underline.\r\n * @type Boolean\r\n * @default\r\n */\r\n underline: boolean;\r\n\r\n /**\r\n * Text decoration overline.\r\n * @type Boolean\r\n * @default\r\n */\r\n overline: boolean;\r\n\r\n /**\r\n * Text decoration linethrough.\r\n * @type Boolean\r\n * @default\r\n */\r\n linethrough: boolean;\r\n\r\n /**\r\n * Text alignment. Possible values: \"left\", \"center\", \"right\", \"justify\",\r\n * \"justify-left\", \"justify-center\" or \"justify-right\".\r\n * @type String\r\n * @default\r\n */\r\n textAlign: string;\r\n\r\n /**\r\n * Font style . Possible values: \"\", \"normal\", \"italic\" or \"oblique\".\r\n * @type String\r\n * @default\r\n */\r\n fontStyle: string;\r\n\r\n /**\r\n * Line height\r\n * @type Number\r\n * @default\r\n */\r\n lineHeight: number;\r\n\r\n /**\r\n * Superscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n superscript: object;\r\n\r\n /**\r\n * Subscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n subscript: object;\r\n\r\n /**\r\n * Background color of text lines\r\n * @type String\r\n * @default\r\n */\r\n textBackgroundColor: string;\r\n\r\n /**\r\n * fabric.Path that the text should follow.\r\n * since 4.6.0 the path will be drawn automatically.\r\n * if you want to make the path visible, give it a stroke and strokeWidth or fill value\r\n * if you want it to be hidden, assign visible = false to the path.\r\n * This feature is in BETA, and SVG import/export is not yet supported.\r\n * @type fabric.Path\r\n * @example\r\n * var textPath = new Text('Text on a path', {\r\n * top: 150,\r\n * left: 150,\r\n * textAlign: 'center',\r\n * charSpacing: -50,\r\n * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', {\r\n * strokeWidth: 1,\r\n * visible: false\r\n * }),\r\n * pathSide: 'left',\r\n * pathStartOffset: 0\r\n * });\r\n * @default\r\n */\r\n path: FabricObject /* todo fabric.Path*/;\r\n\r\n /**\r\n * Offset amount for text path starting position\r\n * Only used when text has a path\r\n * @type Number\r\n * @default\r\n */\r\n pathStartOffset: number;\r\n\r\n /**\r\n * Which side of the path the text should be drawn on.\r\n * Only used when text has a path\r\n * @type {String} 'left|right'\r\n * @default\r\n */\r\n pathSide: string;\r\n\r\n /**\r\n * How text is aligned to the path. This property determines\r\n * the perpendicular position of each character relative to the path.\r\n * (one of \"baseline\", \"center\", \"ascender\", \"descender\")\r\n * This feature is in BETA, and its behavior may change\r\n * @type String\r\n * @default\r\n */\r\n pathAlign: string;\r\n\r\n /**\r\n * @private\r\n */\r\n _fontSizeFraction: number;\r\n\r\n /**\r\n * @private\r\n */\r\n offsets: { underline: number; linethrough: number; overline: number };\r\n\r\n /**\r\n * Text Line proportion to font Size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n _fontSizeMult: number;\r\n\r\n /**\r\n * additional space between characters\r\n * expressed in thousands of em unit\r\n * @type Number\r\n * @default\r\n */\r\n charSpacing: number;\r\n\r\n /**\r\n * Object containing character styles - top-level properties -> line numbers,\r\n * 2nd-level properties - character numbers\r\n * @type Object\r\n * @default\r\n */\r\n styles: object;\r\n\r\n /**\r\n * Reference to a context to measure text char or couple of chars\r\n * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas\r\n * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every\r\n * text object created.\r\n * @type {CanvasRenderingContext2D}\r\n * @default\r\n */\r\n _measuringContext: CanvasRenderingContext2D | null = null;\r\n\r\n /**\r\n * Baseline shift, styles only, keep at 0 for the main text object\r\n * @type {Number}\r\n * @default\r\n */\r\n deltaY: number;\r\n\r\n /**\r\n * WARNING: EXPERIMENTAL. NOT SUPPORTED YET\r\n * determine the direction of the text.\r\n * This has to be set manually together with textAlign and originX for proper\r\n * experience.\r\n * some interesting link for the future\r\n * https://www.w3.org/International/questions/qa-bidi-unicode-controls\r\n * @since 4.5.0\r\n * @type {String} 'ltr|rtl'\r\n * @default\r\n */\r\n direction: string;\r\n\r\n /**\r\n * Array of properties that define a style unit (of 'styles').\r\n * @type {Array}\r\n * @default\r\n */\r\n _styleProperties: (keyof this)[];\r\n\r\n /**\r\n * contains characters bounding boxes\r\n */\r\n protected __charBounds: {\r\n left: number;\r\n width: number;\r\n kernedWidth: number;\r\n height: number;\r\n }[];\r\n\r\n /**\r\n * use this size when measuring text. To avoid IE11 rounding errors\r\n * @type {Number}\r\n * @default\r\n * @readonly\r\n * @private\r\n */\r\n CACHE_FONT_SIZE: number;\r\n\r\n /**\r\n * contains the min text width to avoid getting 0\r\n * @type {Number}\r\n * @default\r\n */\r\n MIN_TEXT_WIDTH: number;\r\n\r\n protected __skipDimension: boolean;\r\n protected textLines: string[];\r\n protected _textLines: string[][];\r\n protected _unwrappedTextLines: string[][];\r\n protected _text: string[];\r\n protected cursorWidth: number;\r\n protected __lineHeights: number[];\r\n protected __lineWidths: number[];\r\n protected _forceClearCache: boolean;\r\n\r\n private initialized?: true;\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {Text} thisArg\r\n */\r\n constructor(text: string, options: object): Text {\r\n super({ ...options, text, styles: options?.styles || {} });\r\n this.initialized = true;\r\n if (this.path) {\r\n this.setPathInfo();\r\n }\r\n this.__skipDimension = false;\r\n this.initDimensions();\r\n this.setCoords();\r\n this.setupState({ propertySet: '_dimensionAffectingProps' });\r\n }\r\n\r\n /**\r\n * If text has a path, it will add the extra information needed\r\n * for path and text calculations\r\n * @return {Text} thisArg\r\n */\r\n setPathInfo(): Text {\r\n const path = this.path;\r\n if (path) {\r\n path.segmentsInfo = getPathSegmentsInfo(path.path);\r\n }\r\n }\r\n\r\n /**\r\n * Return a context for measurement of text string.\r\n * if created it gets stored for reuse\r\n * this is for internal use, please do not use it\r\n * @private\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {Text} thisArg\r\n */\r\n getMeasuringContext(): Text {\r\n if (!fabric._measuringContext) {\r\n fabric._measuringContext =\r\n (this.canvas && this.canvas.contextCache) ||\r\n createCanvasElement().getContext('2d');\r\n }\r\n return fabric._measuringContext;\r\n }\r\n\r\n /**\r\n * @private\r\n * Divides text into lines of text and lines of graphemes.\r\n */\r\n _splitText() {\r\n const newLines = this._splitTextIntoLines(this.text);\r\n this.textLines = newLines.lines;\r\n this._textLines = newLines.graphemeLines;\r\n this._unwrappedTextLines = newLines._unwrappedLines;\r\n this._text = newLines.graphemeText;\r\n return newLines;\r\n }\r\n\r\n /**\r\n * Initialize or update text dimensions.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n */\r\n initDimensions() {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this._splitText();\r\n this._clearCache();\r\n if (this.path) {\r\n this.width = this.path.width;\r\n this.height = this.path.height;\r\n } else {\r\n this.width =\r\n this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH;\r\n this.height = this.calcTextHeight();\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n }\r\n\r\n /**\r\n * Enlarge space boxes and shift the others\r\n */\r\n enlargeSpaces() {\r\n let diffSpace,\r\n currentLineWidth,\r\n numberOfSpaces,\r\n accumulatedSpace,\r\n line,\r\n charBound,\r\n spaces;\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n if (\r\n this.textAlign !== 'justify' &&\r\n (i === len - 1 || this.isEndOfWrapping(i))\r\n ) {\r\n continue;\r\n }\r\n accumulatedSpace = 0;\r\n line = this._textLines[i];\r\n currentLineWidth = this.getLineWidth(i);\r\n if (\r\n currentLineWidth < this.width &&\r\n (spaces = this.textLines[i].match(this._reSpacesAndTabs))\r\n ) {\r\n numberOfSpaces = spaces.length;\r\n diffSpace = (this.width - currentLineWidth) / numberOfSpaces;\r\n for (let j = 0, jlen = line.length; j <= jlen; j++) {\r\n charBound = this.__charBounds[i][j];\r\n if (this._reSpaceAndTab.test(line[j])) {\r\n charBound.width += diffSpace;\r\n charBound.kernedWidth += diffSpace;\r\n charBound.left += accumulatedSpace;\r\n accumulatedSpace += diffSpace;\r\n } else {\r\n charBound.left += accumulatedSpace;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping(lineIndex: number): boolean {\r\n return lineIndex === this._textLines.length - 1;\r\n }\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * It return always for text and Itext.\r\n * @return Number\r\n */\r\n missingNewlineOffset() {\r\n return 1;\r\n }\r\n\r\n /**\r\n * Returns 2d representation (lineIndex and charIndex) of cursor\r\n * @param {Number} selectionStart\r\n * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\r\n */\r\n get2DCursorLocation(selectionStart: number, skipWrapping?: boolean) {\r\n const lines = skipWrapping ? this._unwrappedTextLines : this._textLines;\r\n let i: number;\r\n for (i = 0; i < lines.length; i++) {\r\n if (selectionStart <= lines[i].length) {\r\n return {\r\n lineIndex: i,\r\n charIndex: selectionStart,\r\n };\r\n }\r\n selectionStart -= lines[i].length + this.missingNewlineOffset(i);\r\n }\r\n return {\r\n lineIndex: i - 1,\r\n charIndex:\r\n lines[i - 1].length < selectionStart\r\n ? lines[i - 1].length\r\n : selectionStart,\r\n };\r\n }\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of text object\r\n */\r\n toString(): string {\r\n return (\r\n '#'\r\n );\r\n }\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @param {Object} dim.x width of object to be cached\r\n * @param {Object} dim.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions(): object {\r\n const dims = super._getCacheCanvasDimensions();\r\n const fontSize = this.fontSize;\r\n dims.width += fontSize * dims.zoomX;\r\n dims.height += fontSize * dims.zoomY;\r\n return dims;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const path = this.path;\r\n path && !path.isNotVisible() && path._render(ctx);\r\n this._setTextStyles(ctx);\r\n this._renderTextLinesBackground(ctx);\r\n this._renderTextDecoration(ctx, 'underline');\r\n this._renderText(ctx);\r\n this._renderTextDecoration(ctx, 'overline');\r\n this._renderTextDecoration(ctx, 'linethrough');\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderText(ctx: CanvasRenderingContext2D) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderTextStroke(ctx);\r\n this._renderTextFill(ctx);\r\n } else {\r\n this._renderTextFill(ctx);\r\n this._renderTextStroke(ctx);\r\n }\r\n }\r\n\r\n /**\r\n * Set the font parameter of the context with the object properties or with charStyle\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [charStyle] object with font style properties\r\n * @param {String} [charStyle.fontFamily] Font Family\r\n * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix )\r\n * @param {String} [charStyle.fontWeight] Font weight\r\n * @param {String} [charStyle.fontStyle] Font style (italic|normal)\r\n */\r\n _setTextStyles(\r\n ctx: CanvasRenderingContext2D,\r\n charStyle: any,\r\n forMeasuring?: boolean\r\n ) {\r\n ctx.textBaseline = 'alphabetical';\r\n if (this.path) {\r\n switch (this.pathAlign) {\r\n case 'center':\r\n ctx.textBaseline = 'middle';\r\n break;\r\n case 'ascender':\r\n ctx.textBaseline = 'top';\r\n break;\r\n case 'descender':\r\n ctx.textBaseline = 'bottom';\r\n break;\r\n }\r\n }\r\n ctx.font = this._getFontDeclaration(charStyle, forMeasuring);\r\n }\r\n\r\n /**\r\n * calculate and return the text Width measuring each line.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {Number} Maximum width of Text object\r\n */\r\n calcTextWidth(): number {\r\n let maxWidth = this.getLineWidth(0);\r\n\r\n for (let i = 1, len = this._textLines.length; i < len; i++) {\r\n const currentLineWidth = this.getLineWidth(i);\r\n if (currentLineWidth > maxWidth) {\r\n maxWidth = currentLineWidth;\r\n }\r\n }\r\n return maxWidth;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} line Text to render\r\n * @param {Number} left Left position of text\r\n * @param {Number} top Top position of text\r\n * @param {Number} lineIndex Index of a line in a text\r\n */\r\n _renderTextLine(\r\n method: 'fillText' | 'strokeText',\r\n ctx: CanvasRenderingContext2D,\r\n line: string,\r\n left: number,\r\n top: number,\r\n lineIndex: number\r\n ) {\r\n this._renderChars(method, ctx, line, left, top, lineIndex);\r\n }\r\n\r\n /**\r\n * Renders the text background for lines, taking care of style\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextLinesBackground(ctx: CanvasRenderingContext2D) {\r\n if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) {\r\n return;\r\n }\r\n let heightOfLine,\r\n lineLeftOffset,\r\n originalFill = ctx.fillStyle,\r\n line,\r\n lastColor,\r\n leftOffset = this._getLeftOffset(),\r\n lineTopOffset = this._getTopOffset(),\r\n boxStart = 0,\r\n boxWidth = 0,\r\n charBox,\r\n currentColor,\r\n path = this.path,\r\n drawStart;\r\n\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (\r\n !this.textBackgroundColor &&\r\n !this.styleHas('textBackgroundColor', i)\r\n ) {\r\n lineTopOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxWidth = 0;\r\n boxStart = 0;\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (let j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillStyle = currentColor;\r\n currentColor &&\r\n ctx.fillRect(\r\n -charBox.width / 2,\r\n (-heightOfLine / this.lineHeight) * (1 - this._fontSizeFraction),\r\n charBox.width,\r\n heightOfLine / this.lineHeight\r\n );\r\n ctx.restore();\r\n } else if (currentColor !== lastColor) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = lastColor;\r\n lastColor &&\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n if (currentColor && !path) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentColor;\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n }\r\n lineTopOffset += heightOfLine;\r\n }\r\n ctx.fillStyle = originalFill;\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * measure and return the width of a single character.\r\n * possibly overridden to accommodate different measure logic or\r\n * to hook some external lib for character measurement\r\n * @private\r\n * @param {String} _char, char to be measured\r\n * @param {Object} charStyle style of char to be measured\r\n * @param {String} [previousChar] previous char\r\n * @param {Object} [prevCharStyle] style of previous char\r\n */\r\n _measureChar(\r\n _char: string,\r\n charStyle: object,\r\n previousChar: string,\r\n prevCharStyle: object\r\n ) {\r\n let fontCache = cache.getFontCache(charStyle),\r\n fontDeclaration = this._getFontDeclaration(charStyle),\r\n previousFontDeclaration = this._getFontDeclaration(prevCharStyle),\r\n couple = previousChar + _char,\r\n stylesAreEqual = fontDeclaration === previousFontDeclaration,\r\n width,\r\n coupleWidth,\r\n previousWidth,\r\n fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE,\r\n kernedWidth;\r\n\r\n if (previousChar && fontCache[previousChar] !== undefined) {\r\n previousWidth = fontCache[previousChar];\r\n }\r\n if (fontCache[_char] !== undefined) {\r\n kernedWidth = width = fontCache[_char];\r\n }\r\n if (stylesAreEqual && fontCache[couple] !== undefined) {\r\n coupleWidth = fontCache[couple];\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n if (\r\n width === undefined ||\r\n previousWidth === undefined ||\r\n coupleWidth === undefined\r\n ) {\r\n var ctx = this.getMeasuringContext();\r\n // send a TRUE to specify measuring font size CACHE_FONT_SIZE\r\n this._setTextStyles(ctx, charStyle, true);\r\n }\r\n if (width === undefined) {\r\n kernedWidth = width = ctx.measureText(_char).width;\r\n fontCache[_char] = width;\r\n }\r\n if (previousWidth === undefined && stylesAreEqual && previousChar) {\r\n previousWidth = ctx.measureText(previousChar).width;\r\n fontCache[previousChar] = previousWidth;\r\n }\r\n if (stylesAreEqual && coupleWidth === undefined) {\r\n // we can measure the kerning couple and subtract the width of the previous character\r\n coupleWidth = ctx.measureText(couple).width;\r\n fontCache[couple] = coupleWidth;\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n return {\r\n width: width * fontMultiplier,\r\n kernedWidth: kernedWidth * fontMultiplier,\r\n };\r\n }\r\n\r\n /**\r\n * Computes height of character at given position\r\n * @param {Number} line the line index number\r\n * @param {Number} _char the character index number\r\n * @return {Number} fontSize of the character\r\n */\r\n getHeightOfChar(line: number, _char: number): number {\r\n return this.getValueOfPropertyAt(line, _char, 'fontSize');\r\n }\r\n\r\n /**\r\n * measure a text line measuring all characters.\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n measureLine(lineIndex: number): number {\r\n const lineInfo = this._measureLine(lineIndex);\r\n if (this.charSpacing !== 0) {\r\n lineInfo.width -= this._getWidthOfCharSpacing();\r\n }\r\n if (lineInfo.width < 0) {\r\n lineInfo.width = 0;\r\n }\r\n return lineInfo;\r\n }\r\n\r\n /**\r\n * measure every grapheme of a line, populating __charBounds\r\n * @param {Number} lineIndex\r\n * @return {Object} object.width total width of characters\r\n * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs\r\n */\r\n _measureLine(lineIndex: number): object {\r\n let width = 0,\r\n i,\r\n grapheme,\r\n line = this._textLines[lineIndex],\r\n prevGrapheme,\r\n graphemeInfo,\r\n numOfSpaces = 0,\r\n lineBounds = new Array(line.length),\r\n positionInPath = 0,\r\n startingPoint,\r\n totalPathLength,\r\n path = this.path,\r\n reverse = this.pathSide === 'right';\r\n\r\n this.__charBounds[lineIndex] = lineBounds;\r\n for (i = 0; i < line.length; i++) {\r\n grapheme = line[i];\r\n graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme);\r\n lineBounds[i] = graphemeInfo;\r\n width += graphemeInfo.kernedWidth;\r\n prevGrapheme = grapheme;\r\n }\r\n // this latest bound box represent the last character of the line\r\n // to simplify cursor handling in interactive mode.\r\n lineBounds[i] = {\r\n left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0,\r\n width: 0,\r\n kernedWidth: 0,\r\n height: this.fontSize,\r\n };\r\n if (path) {\r\n totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length;\r\n startingPoint = getPointOnPath(path.path, 0, path.segmentsInfo);\r\n startingPoint.x += path.pathOffset.x;\r\n startingPoint.y += path.pathOffset.y;\r\n switch (this.textAlign) {\r\n case 'left':\r\n positionInPath = reverse ? totalPathLength - width : 0;\r\n break;\r\n case 'center':\r\n positionInPath = (totalPathLength - width) / 2;\r\n break;\r\n case 'right':\r\n positionInPath = reverse ? 0 : totalPathLength - width;\r\n break;\r\n //todo - add support for justify\r\n }\r\n positionInPath += this.pathStartOffset * (reverse ? -1 : 1);\r\n for (\r\n i = reverse ? line.length - 1 : 0;\r\n reverse ? i >= 0 : i < line.length;\r\n reverse ? i-- : i++\r\n ) {\r\n graphemeInfo = lineBounds[i];\r\n if (positionInPath > totalPathLength) {\r\n positionInPath %= totalPathLength;\r\n } else if (positionInPath < 0) {\r\n positionInPath += totalPathLength;\r\n }\r\n // it would probably much faster to send all the grapheme position for a line\r\n // and calculate path position/angle at once.\r\n this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint);\r\n positionInPath += graphemeInfo.kernedWidth;\r\n }\r\n }\r\n return { width: width, numOfSpaces: numOfSpaces };\r\n }\r\n\r\n /**\r\n * Calculate the angle and the left,top position of the char that follow a path.\r\n * It appends it to graphemeInfo to be reused later at rendering\r\n * @private\r\n * @param {Number} positionInPath to be measured\r\n * @param {Object} graphemeInfo current grapheme box information\r\n * @param {Object} startingPoint position of the point\r\n */\r\n _setGraphemeOnPath(\r\n positionInPath: number,\r\n graphemeInfo: object,\r\n startingPoint\r\n ) {\r\n const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2,\r\n path = this.path;\r\n\r\n // we are at currentPositionOnPath. we want to know what point on the path is.\r\n const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo);\r\n graphemeInfo.renderLeft = info.x - startingPoint.x;\r\n graphemeInfo.renderTop = info.y - startingPoint.y;\r\n graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0);\r\n }\r\n\r\n /**\r\n *\r\n * @param {String} grapheme to be measured\r\n * @param {Number} lineIndex index of the line where the char is\r\n * @param {Number} charIndex position in the line\r\n * @param {String} [prevGrapheme] character preceding the one to be measured\r\n * @returns {GraphemeBBox} grapheme bbox\r\n */\r\n _getGraphemeBox(\r\n grapheme: string,\r\n lineIndex: number,\r\n charIndex: number,\r\n prevGrapheme: string,\r\n skipLeft\r\n ): GraphemeBBox {\r\n const style = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n prevStyle = prevGrapheme\r\n ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1)\r\n : {},\r\n info = this._measureChar(grapheme, style, prevGrapheme, prevStyle);\r\n let kernedWidth = info.kernedWidth,\r\n width = info.width,\r\n charSpacing;\r\n\r\n if (this.charSpacing !== 0) {\r\n charSpacing = this._getWidthOfCharSpacing();\r\n width += charSpacing;\r\n kernedWidth += charSpacing;\r\n }\r\n\r\n const box: GraphemeBBox = {\r\n width: width,\r\n left: 0,\r\n height: style.fontSize,\r\n kernedWidth: kernedWidth,\r\n deltaY: style.deltaY,\r\n };\r\n if (charIndex > 0 && !skipLeft) {\r\n const previousBox = this.__charBounds[lineIndex][charIndex - 1];\r\n box.left =\r\n previousBox.left + previousBox.width + info.kernedWidth - info.width;\r\n }\r\n return box;\r\n }\r\n\r\n /**\r\n * Calculate height of line at 'lineIndex'\r\n * @param {Number} lineIndex index of line to calculate\r\n * @return {Number}\r\n */\r\n getHeightOfLine(lineIndex: number): number {\r\n if (this.__lineHeights[lineIndex]) {\r\n return this.__lineHeights[lineIndex];\r\n }\r\n\r\n let line = this._textLines[lineIndex],\r\n // char 0 is measured before the line cycle because it nneds to char\r\n // emptylines\r\n maxHeight = this.getHeightOfChar(lineIndex, 0);\r\n for (let i = 1, len = line.length; i < len; i++) {\r\n maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight);\r\n }\r\n\r\n return (this.__lineHeights[lineIndex] =\r\n maxHeight * this.lineHeight * this._fontSizeMult);\r\n }\r\n\r\n /**\r\n * Calculate text box height\r\n */\r\n calcTextHeight() {\r\n let lineHeight,\r\n height = 0;\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n lineHeight = this.getHeightOfLine(i);\r\n height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight;\r\n }\r\n return height;\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Number} Left offset\r\n */\r\n _getLeftOffset(): number {\r\n return this.direction === 'ltr' ? -this.width / 2 : this.width / 2;\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Number} Top offset\r\n */\r\n _getTopOffset(): number {\r\n return -this.height / 2;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n */\r\n _renderTextCommon(\r\n ctx: CanvasRenderingContext2D,\r\n method: 'fillText' | 'strokeText'\r\n ) {\r\n ctx.save();\r\n let lineHeights = 0,\r\n left = this._getLeftOffset(),\r\n top = this._getTopOffset();\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n const heightOfLine = this.getHeightOfLine(i),\r\n maxHeight = heightOfLine / this.lineHeight,\r\n leftOffset = this._getLineLeftOffset(i);\r\n this._renderTextLine(\r\n method,\r\n ctx,\r\n this._textLines[i],\r\n left + leftOffset,\r\n top + lineHeights + maxHeight,\r\n i\r\n );\r\n lineHeights += heightOfLine;\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextFill(ctx: CanvasRenderingContext2D) {\r\n if (!this.fill && !this.styleHas('fill')) {\r\n return;\r\n }\r\n\r\n this._renderTextCommon(ctx, 'fillText');\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextStroke(ctx: CanvasRenderingContext2D) {\r\n if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n ctx.beginPath();\r\n this._renderTextCommon(ctx, 'strokeText');\r\n ctx.closePath();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} method fillText or strokeText.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} line Content of the line, splitted in an array by grapheme\r\n * @param {Number} left\r\n * @param {Number} top\r\n * @param {Number} lineIndex\r\n */\r\n _renderChars(\r\n method: 'fillText' | 'strokeText',\r\n ctx: CanvasRenderingContext2D,\r\n line: Array,\r\n left: number,\r\n top: number,\r\n lineIndex: number\r\n ) {\r\n let lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n boxWidth = 0,\r\n timeToRender,\r\n path = this.path,\r\n shortCut =\r\n !isJustify &&\r\n this.charSpacing === 0 &&\r\n this.isEmptyStyles(lineIndex) &&\r\n !path,\r\n isLtr = this.direction === 'ltr',\r\n sign = this.direction === 'ltr' ? 1 : -1,\r\n // this was changed in the PR #7674\r\n // currentDirection = ctx.canvas.getAttribute('dir');\r\n drawingLeft,\r\n currentDirection = ctx.direction;\r\n ctx.save();\r\n if (currentDirection !== this.direction) {\r\n ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');\r\n ctx.direction = isLtr ? 'ltr' : 'rtl';\r\n ctx.textAlign = isLtr ? 'left' : 'right';\r\n }\r\n top -= (lineHeight * this._fontSizeFraction) / this.lineHeight;\r\n if (shortCut) {\r\n // render all the line in one pass without checking\r\n // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n 0,\r\n line.join(''),\r\n left,\r\n top,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n return;\r\n }\r\n for (let i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing || path;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n left += sign * (charBox.kernedWidth - charBox.width);\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = hasStyleChanged(actualStyle, nextStyle, false);\r\n }\r\n if (timeToRender) {\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n -boxWidth / 2,\r\n 0,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n } else {\r\n drawingLeft = left;\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n drawingLeft,\r\n top,\r\n lineHeight\r\n );\r\n }\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n left += sign * boxWidth;\r\n boxWidth = 0;\r\n }\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n * @return {CanvasPattern} a pattern to use as fill/stroke style\r\n */\r\n _applyPatternGradientTransformText(filler: fabric.Gradient): CanvasPattern {\r\n let pCanvas = createCanvasElement(),\r\n pCtx,\r\n // TODO: verify compatibility with strokeUniform\r\n width = this.width + this.strokeWidth,\r\n height = this.height + this.strokeWidth;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.fillStyle = filler.toLive(pCtx);\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fill();\r\n return pCtx.createPattern(pCanvas, 'no-repeat');\r\n }\r\n\r\n handleFiller(ctx, property, filler) {\r\n let offsetX, offsetY;\r\n if (filler.toLive) {\r\n if (\r\n filler.gradientUnits === 'percentage' ||\r\n filler.gradientTransform ||\r\n filler.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n offsetX = -this.width / 2;\r\n offsetY = -this.height / 2;\r\n ctx.translate(offsetX, offsetY);\r\n ctx[property] = this._applyPatternGradientTransformText(filler);\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx[property] = filler.toLive(ctx, this);\r\n return this._applyPatternGradientTransform(ctx, filler);\r\n }\r\n } else {\r\n // is a color\r\n ctx[property] = filler;\r\n }\r\n return { offsetX: 0, offsetY: 0 };\r\n }\r\n\r\n _setStrokeStyles(ctx, decl) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.lineDashOffset = this.strokeDashOffset;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n return this.handleFiller(ctx, 'strokeStyle', decl.stroke);\r\n }\r\n\r\n _setFillStyles(ctx, decl) {\r\n return this.handleFiller(ctx, 'fillStyle', decl.fill);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} method\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {String} _char\r\n * @param {Number} left Left coordinate\r\n * @param {Number} top Top coordinate\r\n * @param {Number} lineHeight Height of the line\r\n */\r\n _renderChar(\r\n method: 'fillText' | 'strokeText',\r\n ctx: CanvasRenderingContext2D,\r\n lineIndex: number,\r\n charIndex: number,\r\n _char: string,\r\n left: number,\r\n top: number\r\n ) {\r\n const decl = this._getStyleDeclaration(lineIndex, charIndex),\r\n fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n shouldFill = method === 'fillText' && fullDecl.fill,\r\n shouldStroke =\r\n method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth;\r\n let fillOffsets, strokeOffsets;\r\n\r\n if (!shouldStroke && !shouldFill) {\r\n return;\r\n }\r\n ctx.save();\r\n\r\n shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl));\r\n shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl));\r\n\r\n ctx.font = this._getFontDeclaration(fullDecl);\r\n\r\n if (decl && decl.textBackgroundColor) {\r\n this._removeShadow(ctx);\r\n }\r\n if (decl && decl.deltaY) {\r\n top += decl.deltaY;\r\n }\r\n shouldFill &&\r\n ctx.fillText(\r\n _char,\r\n left - fillOffsets.offsetX,\r\n top - fillOffsets.offsetY\r\n );\r\n shouldStroke &&\r\n ctx.strokeText(\r\n _char,\r\n left - strokeOffsets.offsetX,\r\n top - strokeOffsets.offsetY\r\n );\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Turns the character into a 'superior figure' (i.e. 'superscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {Text} thisArg\r\n * @chainable\r\n */\r\n setSuperscript(start: number, end: number): Text {\r\n return this._setScript(start, end, this.superscript);\r\n }\r\n\r\n /**\r\n * Turns the character into an 'inferior figure' (i.e. 'subscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {Text} thisArg\r\n * @chainable\r\n */\r\n setSubscript(start: number, end: number): Text {\r\n return this._setScript(start, end, this.subscript);\r\n }\r\n\r\n /**\r\n * Applies 'schema' at given position\r\n * @private\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @param {Number} schema\r\n * @returns {Text} thisArg\r\n * @chainable\r\n */\r\n _setScript(start: number, end: number, schema: number): Text {\r\n const loc = this.get2DCursorLocation(start, true),\r\n fontSize = this.getValueOfPropertyAt(\r\n loc.lineIndex,\r\n loc.charIndex,\r\n 'fontSize'\r\n ),\r\n dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'),\r\n style = {\r\n fontSize: fontSize * schema.size,\r\n deltaY: dy + fontSize * schema.baseline,\r\n };\r\n this.setSelectionStyles(style, start, end);\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Number} lineIndex index text line\r\n * @return {Number} Line left offset\r\n */\r\n _getLineLeftOffset(lineIndex: number): number {\r\n var lineWidth = this.getLineWidth(lineIndex),\r\n lineDiff = this.width - lineWidth,\r\n textAlign = this.textAlign,\r\n direction = this.direction,\r\n isEndOfWrapping,\r\n leftOffset = 0,\r\n isEndOfWrapping = this.isEndOfWrapping(lineIndex);\r\n if (\r\n textAlign === 'justify' ||\r\n (textAlign === 'justify-center' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-right' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-left' && !isEndOfWrapping)\r\n ) {\r\n return 0;\r\n }\r\n if (textAlign === 'center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (textAlign === 'justify-center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'justify-right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (direction === 'rtl') {\r\n if (\r\n textAlign === 'right' ||\r\n textAlign === 'justify' ||\r\n textAlign === 'justify-right'\r\n ) {\r\n leftOffset = 0;\r\n } else if (textAlign === 'left' || textAlign === 'justify-left') {\r\n leftOffset = -lineDiff;\r\n } else if (textAlign === 'center' || textAlign === 'justify-center') {\r\n leftOffset = -lineDiff / 2;\r\n }\r\n }\r\n return leftOffset;\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _clearCache() {\r\n this.__lineWidths = [];\r\n this.__lineHeights = [];\r\n this.__charBounds = [];\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldClearDimensionCache() {\r\n let shouldClear = this._forceClearCache;\r\n shouldClear ||\r\n (shouldClear = this.hasStateChanged('_dimensionAffectingProps'));\r\n if (shouldClear) {\r\n this.dirty = true;\r\n this._forceClearCache = false;\r\n }\r\n return shouldClear;\r\n }\r\n\r\n /**\r\n * Measure a single line given its index. Used to calculate the initial\r\n * text bounding box. The values are calculated and stored in __lineWidths cache.\r\n * @private\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n getLineWidth(lineIndex: number): number {\r\n if (this.__lineWidths[lineIndex] !== undefined) {\r\n return this.__lineWidths[lineIndex];\r\n }\r\n\r\n const lineInfo = this.measureLine(lineIndex);\r\n const width = lineInfo.width;\r\n this.__lineWidths[lineIndex] = width;\r\n return width;\r\n }\r\n\r\n _getWidthOfCharSpacing() {\r\n if (this.charSpacing !== 0) {\r\n return (this.fontSize * this.charSpacing) / 1000;\r\n }\r\n return 0;\r\n }\r\n\r\n /**\r\n * Retrieves the value of property at given character position\r\n * @param {Number} lineIndex the line number\r\n * @param {Number} charIndex the character number\r\n * @param {String} property the property name\r\n * @returns the value of 'property'\r\n */\r\n getValueOfPropertyAt(lineIndex: number, charIndex: number, property: string) {\r\n const charStyle = this._getStyleDeclaration(lineIndex, charIndex);\r\n if (charStyle && typeof charStyle[property] !== 'undefined') {\r\n return charStyle[property];\r\n }\r\n return this[property];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextDecoration(ctx: CanvasRenderingContext2D, type) {\r\n if (!this[type] && !this.styleHas(type)) {\r\n return;\r\n }\r\n let heightOfLine,\r\n size,\r\n _size,\r\n lineLeftOffset,\r\n dy,\r\n _dy,\r\n line,\r\n lastDecoration,\r\n leftOffset = this._getLeftOffset(),\r\n topOffset = this._getTopOffset(),\r\n top,\r\n boxStart,\r\n boxWidth,\r\n charBox,\r\n currentDecoration,\r\n maxHeight,\r\n currentFill,\r\n lastFill,\r\n path = this.path,\r\n charSpacing = this._getWidthOfCharSpacing(),\r\n offsetY = this.offsets[type];\r\n\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (!this[type] && !this.styleHas(type, i)) {\r\n topOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n maxHeight = heightOfLine / this.lineHeight;\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxStart = 0;\r\n boxWidth = 0;\r\n lastDecoration = this.getValueOfPropertyAt(i, 0, type);\r\n lastFill = this.getValueOfPropertyAt(i, 0, 'fill');\r\n top = topOffset + maxHeight * (1 - this._fontSizeFraction);\r\n size = this.getHeightOfChar(i, 0);\r\n dy = this.getValueOfPropertyAt(i, 0, 'deltaY');\r\n for (let j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentDecoration = this.getValueOfPropertyAt(i, j, type);\r\n currentFill = this.getValueOfPropertyAt(i, j, 'fill');\r\n _size = this.getHeightOfChar(i, j);\r\n _dy = this.getValueOfPropertyAt(i, j, 'deltaY');\r\n if (path && currentDecoration && currentFill) {\r\n ctx.save();\r\n ctx.fillStyle = lastFill;\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillRect(\r\n -charBox.kernedWidth / 2,\r\n offsetY * _size + _dy,\r\n charBox.kernedWidth,\r\n this.fontSize / 15\r\n );\r\n ctx.restore();\r\n } else if (\r\n (currentDecoration !== lastDecoration ||\r\n currentFill !== lastFill ||\r\n _size !== size ||\r\n _dy !== dy) &&\r\n boxWidth > 0\r\n ) {\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n if (lastDecoration && lastFill) {\r\n ctx.fillStyle = lastFill;\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth,\r\n this.fontSize / 15\r\n );\r\n }\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastDecoration = currentDecoration;\r\n lastFill = currentFill;\r\n size = _size;\r\n dy = _dy;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentFill;\r\n currentDecoration &&\r\n currentFill &&\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth - charSpacing,\r\n this.fontSize / 15\r\n );\r\n topOffset += heightOfLine;\r\n }\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * return font declaration string for canvas context\r\n * @param {Object} [styleObject] object\r\n * @returns {String} font declaration formatted for canvas context.\r\n */\r\n _getFontDeclaration(styleObject: object, forMeasuring): string {\r\n const style = styleObject || this,\r\n family = this.fontFamily,\r\n fontIsGeneric = Text.genericFonts.indexOf(family.toLowerCase()) > -1;\r\n const fontFamily =\r\n family === undefined ||\r\n family.indexOf(\"'\") > -1 ||\r\n family.indexOf(',') > -1 ||\r\n family.indexOf('\"') > -1 ||\r\n fontIsGeneric\r\n ? style.fontFamily\r\n : '\"' + style.fontFamily + '\"';\r\n return [\r\n // node-canvas needs \"weight style\", while browsers need \"style weight\"\r\n // verify if this can be fixed in JSDOM\r\n fabric.isLikelyNode ? style.fontWeight : style.fontStyle,\r\n fabric.isLikelyNode ? style.fontStyle : style.fontWeight,\r\n forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px',\r\n fontFamily,\r\n ].join(' ');\r\n }\r\n\r\n /**\r\n * Renders text instance on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n if (!this.visible) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n }\r\n super.render(ctx);\r\n }\r\n\r\n /**\r\n * Override this method to customize grapheme splitting\r\n * @param {string} value\r\n * @returns {string[]} array of graphemes\r\n */\r\n graphemeSplit(value: string): string[] {\r\n return graphemeSplit(value);\r\n }\r\n\r\n /**\r\n * Returns the text as an array of lines.\r\n * @param {String} text text to split\r\n * @returns Lines in the text\r\n */\r\n _splitTextIntoLines(text: string) {\r\n const lines = text.split(this._reNewline),\r\n newLines = new Array(lines.length),\r\n newLine = ['\\n'];\r\n let newText = [];\r\n for (let i = 0; i < lines.length; i++) {\r\n newLines[i] = this.graphemeSplit(lines[i]);\r\n newText = newText.concat(newLines[i], newLine);\r\n }\r\n newText.pop();\r\n return {\r\n _unwrappedLines: newLines,\r\n lines: lines,\r\n graphemeText: newText,\r\n graphemeLines: newLines,\r\n };\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject(propertiesToInclude: Array): object {\r\n const allProperties = additionalProps.concat(propertiesToInclude);\r\n const obj = super.toObject(allProperties);\r\n obj.styles = stylesToArray(this.styles, this.text);\r\n if (obj.path) {\r\n obj.path = this.path.toObject();\r\n }\r\n return obj;\r\n }\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {*} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {FabricObject} thisArg\r\n * @chainable\r\n */\r\n set(key: string | any, value?: any) {\r\n super.set(key, value);\r\n let needsDims = false;\r\n let isAddingPath = false;\r\n if (typeof key === 'object') {\r\n for (const _key in key) {\r\n if (_key === 'path') {\r\n this.setPathInfo();\r\n }\r\n needsDims =\r\n needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1;\r\n isAddingPath = isAddingPath || _key === 'path';\r\n }\r\n } else {\r\n needsDims = this._dimensionAffectingProps.indexOf(key) !== -1;\r\n isAddingPath = key === 'path';\r\n }\r\n if (isAddingPath) {\r\n this.setPathInfo();\r\n }\r\n if (needsDims && this.initialized) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity\r\n */\r\n complexity(): number {\r\n return 1;\r\n }\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement})\r\n * @static\r\n * @memberOf Text\r\n * @see: http://www.w3.org/TR/SVG/text.html#TextElement\r\n */\r\n static ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(\r\n ' '\r\n )\r\n );\r\n\r\n static genericFonts = [\r\n 'sans-serif',\r\n 'serif',\r\n 'cursive',\r\n 'fantasy',\r\n 'monospace',\r\n ];\r\n\r\n /**\r\n * Returns Text instance from an SVG element (not yet implemented)\r\n * @static\r\n * @memberOf Text\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n static fromElement(element: SVGElement, callback: Function, options: object) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n\r\n const parsedAttributes = fabric.parseAttributes(\r\n element,\r\n Text.ATTRIBUTE_NAMES\r\n ),\r\n parsedAnchor = parsedAttributes.textAnchor || 'left';\r\n options = Object.assign({}, options, parsedAttributes);\r\n\r\n options.top = options.top || 0;\r\n options.left = options.left || 0;\r\n if (parsedAttributes.textDecoration) {\r\n const textDecoration = parsedAttributes.textDecoration;\r\n if (textDecoration.indexOf('underline') !== -1) {\r\n options.underline = true;\r\n }\r\n if (textDecoration.indexOf('overline') !== -1) {\r\n options.overline = true;\r\n }\r\n if (textDecoration.indexOf('line-through') !== -1) {\r\n options.linethrough = true;\r\n }\r\n delete options.textDecoration;\r\n }\r\n if ('dx' in parsedAttributes) {\r\n options.left += parsedAttributes.dx;\r\n }\r\n if ('dy' in parsedAttributes) {\r\n options.top += parsedAttributes.dy;\r\n }\r\n if (!('fontSize' in options)) {\r\n options.fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n\r\n let textContent = '';\r\n\r\n // The XML is not properly parsed in IE9 so a workaround to get\r\n // textContent is through firstChild.data. Another workaround would be\r\n // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does)\r\n if (!('textContent' in element)) {\r\n if ('firstChild' in element && element.firstChild !== null) {\r\n if ('data' in element.firstChild && element.firstChild.data !== null) {\r\n textContent = element.firstChild.data;\r\n }\r\n }\r\n } else {\r\n textContent = element.textContent;\r\n }\r\n\r\n textContent = textContent\r\n .replace(/^\\s+|\\s+$|\\n+/g, '')\r\n .replace(/\\s+/g, ' ');\r\n const originalStrokeWidth = options.strokeWidth;\r\n options.strokeWidth = 0;\r\n\r\n let text = new Text(textContent, options),\r\n textHeightScaleFactor = text.getScaledHeight() / text.height,\r\n lineHeightDiff =\r\n (text.height + text.strokeWidth) * text.lineHeight - text.height,\r\n scaledDiff = lineHeightDiff * textHeightScaleFactor,\r\n textHeight = text.getScaledHeight() + scaledDiff,\r\n offX = 0;\r\n /*\r\n Adjust positioning:\r\n x/y attributes in SVG correspond to the bottom-left corner of text bounding box\r\n fabric output by default at top, left.\r\n */\r\n if (parsedAnchor === 'center') {\r\n offX = text.getScaledWidth() / 2;\r\n }\r\n if (parsedAnchor === 'right') {\r\n offX = text.getScaledWidth();\r\n }\r\n text.set({\r\n left: text.left - offX,\r\n top:\r\n text.top -\r\n (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) /\r\n text.lineHeight,\r\n strokeWidth:\r\n typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1,\r\n });\r\n callback(text);\r\n }\r\n\r\n /**\r\n * Returns Text instance from an object representation\r\n * @static\r\n * @memberOf Text\r\n * @param {Object} object plain js Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n const styles = stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n const objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(Text, objCopy, {\r\n extraParam: 'text',\r\n });\r\n }\r\n}\r\n\r\nexport const textDefaultValues: Partial> = {\r\n _dimensionAffectingProps: [\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontFamily',\r\n 'fontStyle',\r\n 'lineHeight',\r\n 'text',\r\n 'charSpacing',\r\n 'textAlign',\r\n 'styles',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n ],\r\n _reNewline: /\\r?\\n/,\r\n _reSpacesAndTabs: /[ \\t\\r]/g,\r\n _reSpaceAndTab: /[ \\t\\r]/,\r\n _reWords: /\\S+/g,\r\n type: 'text',\r\n fontSize: 40,\r\n fontWeight: 'normal',\r\n fontFamily: 'Times New Roman',\r\n underline: false,\r\n overline: false,\r\n linethrough: false,\r\n textAlign: 'left',\r\n fontStyle: 'normal',\r\n lineHeight: 1.16,\r\n superscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: -0.35, // baseline-shift factor (upwards)\r\n },\r\n subscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: 0.11, // baseline-shift factor (downwards)\r\n },\r\n textBackgroundColor: '',\r\n stateProperties:\r\n FabricObject.prototype.stateProperties.concat(additionalProps),\r\n cacheProperties:\r\n FabricObject.prototype.cacheProperties.concat(additionalProps),\r\n stroke: null,\r\n shadow: null,\r\n path: null,\r\n pathStartOffset: 0,\r\n pathSide: 'left',\r\n pathAlign: 'baseline',\r\n _fontSizeFraction: 0.222,\r\n offsets: {\r\n underline: 0.1,\r\n linethrough: -0.315,\r\n overline: -0.88,\r\n },\r\n _fontSizeMult: 1.13,\r\n charSpacing: 0,\r\n styles: null,\r\n deltaY: 0,\r\n direction: 'ltr',\r\n _styleProperties: [\r\n 'stroke',\r\n 'strokeWidth',\r\n 'fill',\r\n 'fontFamily',\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontStyle',\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n 'deltaY',\r\n 'textBackgroundColor',\r\n ],\r\n __charBounds: [],\r\n CACHE_FONT_SIZE: 400,\r\n MIN_TEXT_WIDTH: 2,\r\n};\r\n\r\nObject.assign(Text.prototype, textDefaultValues);\r\n\r\n/* _FROM_SVG_START_ */\r\n\r\n/* _FROM_SVG_END_ */\r\n\r\nfabric.Text = Text;\r\n","// @ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { stylesFromArray } from '../util/misc/textStyles';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { Text } from './text.class';\r\n\r\n/**\r\n * IText class (introduced in v1.4) Events are also fired with \"text:\"\r\n * prefix when observing canvas.\r\n * @class IText\r\n *\r\n * @fires changed\r\n * @fires selection:changed\r\n * @fires editing:entered\r\n * @fires editing:exited\r\n * @fires dragstart\r\n * @fires drag drag event firing on the drag source\r\n * @fires dragend\r\n * @fires copy\r\n * @fires cut\r\n * @fires paste\r\n *\r\n * @return {IText} thisArg\r\n * @see {@link IText#initialize} for constructor definition\r\n *\r\n *

Supported key combinations:

\r\n * 
\r\n *   Move cursor:                    left, right, up, down\r\n *   Select character:               shift + left, shift + right\r\n *   Select text vertically:         shift + up, shift + down\r\n *   Move cursor by word:            alt + left, alt + right\r\n *   Select words:                   shift + alt + left, shift + alt + right\r\n *   Move cursor to line start/end:  cmd + left, cmd + right or home, end\r\n *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end\r\n *   Jump to start/end of text:      cmd + up, cmd + down\r\n *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown\r\n *   Delete character:               backspace\r\n *   Delete word:                    alt + backspace\r\n *   Delete line:                    cmd + backspace\r\n *   Forward delete:                 delete\r\n *   Copy text:                      ctrl/cmd + c\r\n *   Paste text:                     ctrl/cmd + v\r\n *   Cut text:                       ctrl/cmd + x\r\n *   Select entire text:             ctrl/cmd + a\r\n *   Quit editing                    tab or esc\r\n *
\r\n *\r\n *

Supported mouse/touch combination

\r\n * 
\r\n *   Position cursor:                click/touch\r\n *   Create selection:               click/touch & drag\r\n *   Create selection:               click & shift + click\r\n *   Select word:                    double click\r\n *   Select line:                    triple click\r\n *
\r\n */\r\nexport class IText extends Text {\r\n /**\r\n * Index where text selection starts (or where cursor is when there is no selection)\r\n * @type Number\r\n * @default\r\n */\r\n selectionStart = 0;\r\n\r\n /**\r\n * Index where text selection ends\r\n * @type Number\r\n * @default\r\n */\r\n selectionEnd = 0;\r\n\r\n /**\r\n * Color of text selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: string;\r\n\r\n /**\r\n * Indicates whether text is in editing mode\r\n * @type Boolean\r\n * @default\r\n */\r\n isEditing: boolean;\r\n\r\n /**\r\n * Indicates whether a text can be edited\r\n * @type Boolean\r\n * @default\r\n */\r\n editable: boolean;\r\n\r\n /**\r\n * Border color of text object while it's in editing mode\r\n * @type String\r\n * @default\r\n */\r\n editingBorderColor: string;\r\n\r\n /**\r\n * Width of cursor (in px)\r\n * @type Number\r\n * @default\r\n */\r\n cursorWidth: number;\r\n\r\n /**\r\n * Color of text cursor color in editing mode.\r\n * if not set (default) will take color from the text.\r\n * if set to a color value that fabric can understand, it will\r\n * be used instead of the color of the text at the current position.\r\n * @type String\r\n * @default\r\n */\r\n cursorColor: string;\r\n\r\n /**\r\n * Delay between cursor blink (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDelay: number;\r\n\r\n /**\r\n * Duration of cursor fade in (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDuration: number;\r\n\r\n /**\r\n * Indicates whether internal text char widths can be cached\r\n * @type Boolean\r\n * @default\r\n */\r\n caching: boolean;\r\n\r\n /**\r\n * DOM container to append the hiddenTextarea.\r\n * An alternative to attaching to the document.body.\r\n * Useful to reduce laggish redraw of the full document.body tree and\r\n * also with modals event capturing that won't let the textarea take focus.\r\n * @type HTMLElement\r\n * @default\r\n */\r\n hiddenTextareaContainer?: HTMLElement | null;\r\n\r\n /**\r\n * @private\r\n */\r\n _reSpace: RegExp;\r\n\r\n /**\r\n * @private\r\n */\r\n _currentCursorOpacity: number;\r\n\r\n /**\r\n * @private\r\n */\r\n _selectionDirection: CanvasDirection;\r\n\r\n /**\r\n * Helps determining when the text is in composition, so that the cursor\r\n * rendering is altered.\r\n */\r\n inCompositionMode: boolean;\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {IText} thisArg\r\n */\r\n constructor(text: string, options: object) {\r\n super(text, options);\r\n this.initBehavior();\r\n }\r\n\r\n /**\r\n * While editing handle differently\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set(key: string, value: any) {\r\n if (this.isEditing && this._savedProps && key in this._savedProps) {\r\n this._savedProps[key] = value;\r\n } else {\r\n super._set(key, value);\r\n }\r\n }\r\n\r\n /**\r\n * Sets selection start (left boundary of a selection)\r\n * @param {Number} index Index to set selection start to\r\n */\r\n setSelectionStart(index: number) {\r\n index = Math.max(index, 0);\r\n this._updateAndFire('selectionStart', index);\r\n }\r\n\r\n /**\r\n * Sets selection end (right boundary of a selection)\r\n * @param {Number} index Index to set selection end to\r\n */\r\n setSelectionEnd(index: number) {\r\n index = Math.min(index, this.text.length);\r\n this._updateAndFire('selectionEnd', index);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} property 'selectionStart' or 'selectionEnd'\r\n * @param {Number} index new position of property\r\n */\r\n _updateAndFire(property: string, index: number) {\r\n if (this[property] !== index) {\r\n this._fireSelectionChanged();\r\n this[property] = index;\r\n }\r\n this._updateTextarea();\r\n }\r\n\r\n /**\r\n * Fires the even of selection changed\r\n * @private\r\n */\r\n _fireSelectionChanged() {\r\n this.fire('selection:changed');\r\n this.canvas && this.canvas.fire('text:selection:changed', { target: this });\r\n }\r\n\r\n /**\r\n * Initialize text dimensions. Render all text on given context\r\n * or on a offscreen canvas to get the text width with measureText.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n * @private\r\n */\r\n initDimensions() {\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n super.initDimensions();\r\n }\r\n\r\n /**\r\n * Gets style of a current selection/cursor (at the start position)\r\n * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used.\r\n * @param {Number} startIndex Start index to get styles at\r\n * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n * @param {Boolean} [complete] get full style or not\r\n * @return {Array} styles an array with one, zero or more Style objects\r\n */\r\n getSelectionStyles(\r\n startIndex: number = this.selectionStart || 0,\r\n endIndex: number = this.selectionEnd,\r\n complete?: boolean\r\n ) {\r\n return super.getSelectionStyles(startIndex, endIndex, complete);\r\n }\r\n\r\n /**\r\n * Sets style of a current selection, if no selection exist, do not set anything.\r\n * @param {Object} [styles] Styles object\r\n * @param {Number} [startIndex] Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n */\r\n setSelectionStyles(\r\n styles: object,\r\n startIndex: number = this.selectionStart || 0,\r\n endIndex: number = this.selectionEnd\r\n ) {\r\n return super.setSelectionStyles(styles, startIndex, endIndex);\r\n }\r\n\r\n /**\r\n * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start)\r\n * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used.\r\n * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\r\n */\r\n get2DCursorLocation(\r\n selectionStart = this.selectionStart,\r\n skipWrapping?: boolean\r\n ) {\r\n return super.get2DCursorLocation(selectionStart, skipWrapping);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n this.clearContextTop();\r\n super.render(ctx);\r\n // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor\r\n // the correct position but not at every cursor animation.\r\n this.cursorOffsetCache = {};\r\n this.renderCursorOrSelection();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n super._render(ctx);\r\n }\r\n\r\n /**\r\n * Renders cursor or selection (depending on what exists)\r\n * it does on the contextTop. If contextTop is not available, do nothing.\r\n */\r\n renderCursorOrSelection() {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n const ctx = this.clearContextTop(true);\r\n if (!ctx) {\r\n return;\r\n }\r\n const boundaries = this._getCursorBoundaries();\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.renderCursor(ctx, boundaries);\r\n } else {\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders cursor on context Top, outside the animation cycle, on request\r\n * Used for the drag/drop effect.\r\n * If contextTop is not available, do nothing.\r\n */\r\n renderCursorAt(selectionStart) {\r\n const boundaries = this._getCursorBoundaries(selectionStart, true);\r\n this._renderCursor(this.canvas.contextTop, boundaries, selectionStart);\r\n }\r\n\r\n /**\r\n * Returns cursor boundaries (left, top, leftOffset, topOffset)\r\n * left/top are left/top of entire text box\r\n * leftOffset/topOffset are offset from that left/top point of a text box\r\n * @private\r\n * @param {number} [index] index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundaries(index: number, skipCaching: boolean) {\r\n if (typeof index === 'undefined') {\r\n index = this.selectionStart;\r\n }\r\n const left = this._getLeftOffset(),\r\n top = this._getTopOffset(),\r\n offsets = this._getCursorBoundariesOffsets(index, skipCaching);\r\n return {\r\n left: left,\r\n top: top,\r\n leftOffset: offsets.left,\r\n topOffset: offsets.top,\r\n };\r\n }\r\n\r\n /**\r\n * Caches and returns cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundariesOffsets(index: number, skipCaching: boolean) {\r\n if (skipCaching) {\r\n return this.__getCursorBoundariesOffsets(index);\r\n }\r\n if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) {\r\n return this.cursorOffsetCache;\r\n }\r\n return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index));\r\n }\r\n\r\n /**\r\n * Calculates cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n */\r\n __getCursorBoundariesOffsets(index: number) {\r\n let topOffset = 0,\r\n leftOffset = 0;\r\n const { charIndex, lineIndex } = this.get2DCursorLocation(index);\r\n\r\n for (let i = 0; i < lineIndex; i++) {\r\n topOffset += this.getHeightOfLine(i);\r\n }\r\n const lineLeftOffset = this._getLineLeftOffset(lineIndex);\r\n const bound = this.__charBounds[lineIndex][charIndex];\r\n bound && (leftOffset = bound.left);\r\n if (\r\n this.charSpacing !== 0 &&\r\n charIndex === this._textLines[lineIndex].length\r\n ) {\r\n leftOffset -= this._getWidthOfCharSpacing();\r\n }\r\n const boundaries = {\r\n top: topOffset,\r\n left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0),\r\n };\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n boundaries.left *= -1;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n }\r\n }\r\n return boundaries;\r\n }\r\n\r\n /**\r\n * Renders cursor\r\n * @param {Object} boundaries\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderCursor(ctx: CanvasRenderingContext2D, boundaries: object) {\r\n this._renderCursor(ctx, boundaries, this.selectionStart);\r\n }\r\n\r\n _renderCursor(ctx, boundaries, selectionStart) {\r\n let cursorLocation = this.get2DCursorLocation(selectionStart),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex =\r\n cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0,\r\n charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'),\r\n multiplier = this.scaleX * this.canvas.getZoom(),\r\n cursorWidth = this.cursorWidth / multiplier,\r\n topOffset = boundaries.topOffset,\r\n dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY');\r\n topOffset +=\r\n ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) /\r\n this.lineHeight -\r\n charHeight * (1 - this._fontSizeFraction);\r\n\r\n if (this.inCompositionMode) {\r\n // TODO: investigate why there isn't a return inside the if,\r\n // and why can't happe top of the function\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.fillStyle =\r\n this.cursorColor ||\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fill');\r\n ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity;\r\n ctx.fillRect(\r\n boundaries.left + boundaries.leftOffset - cursorWidth / 2,\r\n topOffset + boundaries.top + dy,\r\n cursorWidth,\r\n charHeight\r\n );\r\n }\r\n\r\n /**\r\n * Renders text selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderSelection(ctx: CanvasRenderingContext2D, boundaries: object) {\r\n const selection = {\r\n selectionStart: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionStart\r\n : this.selectionStart,\r\n selectionEnd: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionEnd\r\n : this.selectionEnd,\r\n };\r\n this._renderSelection(ctx, selection, boundaries);\r\n }\r\n\r\n /**\r\n * Renders drag start text selection\r\n */\r\n renderDragSourceEffect() {\r\n if (\r\n this.__isDragging &&\r\n this.__dragStartSelection &&\r\n this.__dragStartSelection\r\n ) {\r\n this._renderSelection(\r\n this.canvas.contextTop,\r\n this.__dragStartSelection,\r\n this._getCursorBoundaries(\r\n this.__dragStartSelection.selectionStart,\r\n true\r\n )\r\n );\r\n }\r\n }\r\n\r\n renderDropTargetEffect(e) {\r\n const dragSelection = this.getSelectionStartFromPointer(e);\r\n this.renderCursorAt(dragSelection);\r\n }\r\n\r\n /**\r\n * Renders text selection\r\n * @private\r\n * @param {{ selectionStart: number, selectionEnd: number }} selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n _renderSelection(\r\n ctx: CanvasRenderingContext2D,\r\n selection: { selectionStart: number; selectionEnd: number },\r\n boundaries: object\r\n ) {\r\n const selectionStart = selection.selectionStart,\r\n selectionEnd = selection.selectionEnd,\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n start = this.get2DCursorLocation(selectionStart),\r\n end = this.get2DCursorLocation(selectionEnd),\r\n startLine = start.lineIndex,\r\n endLine = end.lineIndex,\r\n startChar = start.charIndex < 0 ? 0 : start.charIndex,\r\n endChar = end.charIndex < 0 ? 0 : end.charIndex;\r\n\r\n for (let i = startLine; i <= endLine; i++) {\r\n let lineOffset = this._getLineLeftOffset(i) || 0,\r\n lineHeight = this.getHeightOfLine(i),\r\n realLineHeight = 0,\r\n boxStart = 0,\r\n boxEnd = 0;\r\n\r\n if (i === startLine) {\r\n boxStart = this.__charBounds[startLine][startChar].left;\r\n }\r\n if (i >= startLine && i < endLine) {\r\n boxEnd =\r\n isJustify && !this.isEndOfWrapping(i)\r\n ? this.width\r\n : this.getLineWidth(i) || 5; // WTF is this 5?\r\n } else if (i === endLine) {\r\n if (endChar === 0) {\r\n boxEnd = this.__charBounds[endLine][endChar].left;\r\n } else {\r\n const charSpacing = this._getWidthOfCharSpacing();\r\n boxEnd =\r\n this.__charBounds[endLine][endChar - 1].left +\r\n this.__charBounds[endLine][endChar - 1].width -\r\n charSpacing;\r\n }\r\n }\r\n realLineHeight = lineHeight;\r\n if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) {\r\n lineHeight /= this.lineHeight;\r\n }\r\n let drawStart = boundaries.left + lineOffset + boxStart,\r\n drawWidth = boxEnd - boxStart,\r\n drawHeight = lineHeight,\r\n extraTop = 0;\r\n if (this.inCompositionMode) {\r\n ctx.fillStyle = this.compositionColor || 'black';\r\n drawHeight = 1;\r\n extraTop = lineHeight;\r\n } else {\r\n ctx.fillStyle = this.selectionColor;\r\n }\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n drawStart = this.width - drawStart - drawWidth;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n }\r\n }\r\n ctx.fillRect(\r\n drawStart,\r\n boundaries.top + boundaries.topOffset + extraTop,\r\n drawWidth,\r\n drawHeight\r\n );\r\n boundaries.topOffset += realLineHeight;\r\n }\r\n }\r\n\r\n /**\r\n * High level function to know the height of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns fontSize of char at the current cursor\r\n * Unused from the library, is for the end user\r\n * @return {Number} Character font size\r\n */\r\n getCurrentCharFontSize(): number {\r\n const cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize');\r\n }\r\n\r\n /**\r\n * High level function to know the color of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns color (fill) of char at the current cursor\r\n * if the text object has a pattern or gradient for filler, it will return that.\r\n * Unused by the library, is for the end user\r\n * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill)\r\n */\r\n getCurrentCharColor(): string | fabric.Gradient | fabric.Pattern {\r\n const cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fill');\r\n }\r\n\r\n /**\r\n * Returns the cursor position for the getCurrent.. functions\r\n * @private\r\n */\r\n _getCurrentCharIndex() {\r\n const cursorPosition = this.get2DCursorLocation(this.selectionStart, true),\r\n charIndex =\r\n cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0;\r\n return { l: cursorPosition.lineIndex, c: charIndex };\r\n }\r\n\r\n /**\r\n * Returns IText instance from an object representation\r\n * @static\r\n * @memberOf IText\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n const styles = stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n const objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(IText, objCopy, {\r\n extraParam: 'text',\r\n });\r\n }\r\n}\r\n\r\nexport const iTextDefaultValues: Partial> = {\r\n type: 'i-text',\r\n selectionStart: 0,\r\n selectionEnd: 0,\r\n selectionColor: 'rgba(17,119,255,0.3)',\r\n isEditing: false,\r\n editable: true,\r\n editingBorderColor: 'rgba(102,153,255,0.25)',\r\n cursorWidth: 2,\r\n cursorColor: '',\r\n cursorDelay: 1000,\r\n cursorDuration: 600,\r\n caching: true,\r\n hiddenTextareaContainer: null,\r\n _reSpace: /\\s|\\n/,\r\n _currentCursorOpacity: 1,\r\n _selectionDirection: null,\r\n inCompositionMode: false,\r\n};\r\n\r\nObject.assign(IText.prototype, iTextDefaultValues);\r\n\r\nfabric.IText = IText;\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { TEvent } from '../typedefs';\r\nimport { removeFromArray } from '../util/internals';\r\n\r\n// extend this regex to support non english languages\r\nconst reNonWord = /[ \\n\\.,;!\\?\\-]/;\r\n\r\nconst fabric = global.fabric;\r\n\r\nexport function ITextBehaviorMixinGenerator(Klass) {\r\n return class ITextBehaviorMixin extends Klass {\r\n /**\r\n * Initializes all the interactive behavior of IText\r\n */\r\n initBehavior() {\r\n this.initAddedHandler();\r\n this.initRemovedHandler();\r\n this.initCursorSelectionHandlers();\r\n this.initDoubleClickSimulation();\r\n this.mouseMoveHandler = this.mouseMoveHandler.bind(this);\r\n this.dragEnterHandler = this.dragEnterHandler.bind(this);\r\n this.dragOverHandler = this.dragOverHandler.bind(this);\r\n this.dragLeaveHandler = this.dragLeaveHandler.bind(this);\r\n this.dragEndHandler = this.dragEndHandler.bind(this);\r\n this.dropHandler = this.dropHandler.bind(this);\r\n this.on('dragenter', this.dragEnterHandler);\r\n this.on('dragover', this.dragOverHandler);\r\n this.on('dragleave', this.dragLeaveHandler);\r\n this.on('dragend', this.dragEndHandler);\r\n this.on('drop', this.dropHandler);\r\n }\r\n\r\n onDeselect() {\r\n this.isEditing && this.exitEditing();\r\n this.selected = false;\r\n }\r\n\r\n /**\r\n * Initializes \"added\" event handler\r\n */\r\n initAddedHandler() {\r\n const _this = this;\r\n this.on('added', function (opt) {\r\n // make sure we listen to the canvas added event\r\n const canvas = opt.target;\r\n if (canvas) {\r\n if (!canvas._hasITextHandlers) {\r\n canvas._hasITextHandlers = true;\r\n _this._initCanvasHandlers(canvas);\r\n }\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n canvas._iTextInstances.push(_this);\r\n }\r\n });\r\n }\r\n\r\n initRemovedHandler() {\r\n const _this = this;\r\n this.on('removed', function (opt) {\r\n // make sure we listen to the canvas removed event\r\n const canvas = opt.target;\r\n if (canvas) {\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n removeFromArray(canvas._iTextInstances, _this);\r\n if (canvas._iTextInstances.length === 0) {\r\n canvas._hasITextHandlers = false;\r\n _this._removeCanvasHandlers(canvas);\r\n }\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * register canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _initCanvasHandlers(canvas) {\r\n canvas._mouseUpITextHandler = function () {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.__isMousedown = false;\r\n });\r\n }\r\n };\r\n canvas.on('mouse:up', canvas._mouseUpITextHandler);\r\n }\r\n\r\n /**\r\n * remove canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _removeCanvasHandlers(canvas) {\r\n canvas.off('mouse:up', canvas._mouseUpITextHandler);\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _tick() {\r\n this._currentTickState = this._animateCursor(\r\n this,\r\n 1,\r\n this.cursorDuration,\r\n '_onTickComplete'\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _animateCursor(obj, targetOpacity, duration, completeMethod) {\r\n const tickState = {\r\n isAborted: false,\r\n abort: function () {\r\n this.isAborted = true;\r\n },\r\n };\r\n\r\n obj.animate('_currentCursorOpacity', targetOpacity, {\r\n duration: duration,\r\n onComplete: function () {\r\n if (!tickState.isAborted) {\r\n obj[completeMethod]();\r\n }\r\n },\r\n onChange: function () {\r\n // we do not want to animate a selection, only cursor\r\n if (obj.canvas && obj.selectionStart === obj.selectionEnd) {\r\n obj.renderCursorOrSelection();\r\n }\r\n },\r\n abort: function () {\r\n return tickState.isAborted;\r\n },\r\n });\r\n return tickState;\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _onTickComplete() {\r\n const _this = this;\r\n\r\n if (this._cursorTimeout1) {\r\n clearTimeout(this._cursorTimeout1);\r\n }\r\n this._cursorTimeout1 = setTimeout(function () {\r\n _this._currentTickCompleteState = _this._animateCursor(\r\n _this,\r\n 0,\r\n this.cursorDuration / 2,\r\n '_tick'\r\n );\r\n }, 100);\r\n }\r\n\r\n /**\r\n * Initializes delayed cursor\r\n */\r\n initDelayedCursor(restart) {\r\n const _this = this,\r\n delay = restart ? 0 : this.cursorDelay;\r\n\r\n this.abortCursorAnimation();\r\n if (delay) {\r\n this._cursorTimeout2 = setTimeout(function () {\r\n _this._tick();\r\n }, delay);\r\n } else {\r\n this._tick();\r\n }\r\n }\r\n\r\n /**\r\n * Aborts cursor animation, clears all timeouts and clear textarea context if necessary\r\n */\r\n abortCursorAnimation() {\r\n const shouldClear =\r\n this._currentTickState || this._currentTickCompleteState;\r\n this._currentTickState && this._currentTickState.abort();\r\n this._currentTickCompleteState && this._currentTickCompleteState.abort();\r\n\r\n clearTimeout(this._cursorTimeout1);\r\n clearTimeout(this._cursorTimeout2);\r\n\r\n this._currentCursorOpacity = 1;\r\n\r\n // make sure we clear context even if instance is not editing\r\n if (shouldClear) {\r\n this.clearContextTop();\r\n }\r\n }\r\n\r\n /**\r\n * Selects entire text\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n selectAll(): IText {\r\n this.selectionStart = 0;\r\n this.selectionEnd = this._text.length;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns selected text\r\n * @return {String}\r\n */\r\n getSelectedText(): string {\r\n return this._text.slice(this.selectionStart, this.selectionEnd).join('');\r\n }\r\n\r\n /**\r\n * Find new selection index representing start of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryLeft(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom - 1;\r\n\r\n // remove space before cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index--;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n }\r\n\r\n /**\r\n * Find new selection index representing end of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryRight(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom;\r\n\r\n // remove space after cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index++;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n }\r\n\r\n /**\r\n * Find new selection index representing start of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryLeft(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom - 1;\r\n\r\n while (!/\\n/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n }\r\n\r\n /**\r\n * Find new selection index representing end of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryRight(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom;\r\n\r\n while (!/\\n/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n }\r\n\r\n /**\r\n * Finds index corresponding to beginning or end of a word\r\n * @param {Number} selectionStart Index of a character\r\n * @param {Number} direction 1 or -1\r\n * @return {Number} Index of the beginning or end of a word\r\n */\r\n searchWordBoundary(selectionStart: number, direction: number): number {\r\n let text = this._text,\r\n index = this._reSpace.test(text[selectionStart])\r\n ? selectionStart - 1\r\n : selectionStart,\r\n _char = text[index];\r\n\r\n while (!reNonWord.test(_char) && index > 0 && index < text.length) {\r\n index += direction;\r\n _char = text[index];\r\n }\r\n if (reNonWord.test(_char)) {\r\n index += direction === 1 ? 0 : 1;\r\n }\r\n return index;\r\n }\r\n\r\n /**\r\n * Selects a word based on the index\r\n * @param {Number} selectionStart Index of a character\r\n */\r\n selectWord(selectionStart: number) {\r\n selectionStart = selectionStart || this.selectionStart;\r\n const newSelectionStart = this.searchWordBoundary(\r\n selectionStart,\r\n -1\r\n ) /* search backwards */,\r\n newSelectionEnd = this.searchWordBoundary(\r\n selectionStart,\r\n 1\r\n ); /* search forward */\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n }\r\n\r\n /**\r\n * Selects a line based on the index\r\n * @param {Number} selectionStart Index of a character\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n selectLine(selectionStart: number): IText {\r\n selectionStart = selectionStart || this.selectionStart;\r\n const newSelectionStart = this.findLineBoundaryLeft(selectionStart),\r\n newSelectionEnd = this.findLineBoundaryRight(selectionStart);\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n }\r\n\r\n /**\r\n * Enters editing state\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n enterEditing(e): IText {\r\n if (this.isEditing || !this.editable) {\r\n return;\r\n }\r\n if (this.canvas) {\r\n this.canvas.calcOffset();\r\n this.exitEditingOnOthers(this.canvas);\r\n }\r\n\r\n this.isEditing = true;\r\n\r\n this.initHiddenTextarea(e);\r\n this.hiddenTextarea.focus();\r\n this.hiddenTextarea.value = this.text;\r\n this._updateTextarea();\r\n this._saveEditingProps();\r\n this._setEditingProps();\r\n this._textBeforeEdit = this.text;\r\n\r\n this._tick();\r\n this.fire('editing:entered');\r\n this._fireSelectionChanged();\r\n if (!this.canvas) {\r\n return this;\r\n }\r\n this.canvas.fire('text:editing:entered', { target: this });\r\n this.initMouseMoveHandler();\r\n this.canvas.requestRenderAll();\r\n return this;\r\n }\r\n\r\n exitEditingOnOthers(canvas) {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.selected = false;\r\n if (obj.isEditing) {\r\n obj.exitEditing();\r\n }\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Initializes \"mousemove\" event handler\r\n */\r\n initMouseMoveHandler() {\r\n this.canvas.on('mouse:move', this.mouseMoveHandler);\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n mouseMoveHandler(options) {\r\n if (!this.__isMousedown || !this.isEditing) {\r\n return;\r\n }\r\n\r\n // regain focus\r\n fabric.document.activeElement !== this.hiddenTextarea &&\r\n this.hiddenTextarea.focus();\r\n\r\n const newSelectionStart = this.getSelectionStartFromPointer(options.e),\r\n currentStart = this.selectionStart,\r\n currentEnd = this.selectionEnd;\r\n if (\r\n (newSelectionStart !== this.__selectionStartOnMouseDown ||\r\n currentStart === currentEnd) &&\r\n (currentStart === newSelectionStart || currentEnd === newSelectionStart)\r\n ) {\r\n return;\r\n }\r\n if (newSelectionStart > this.__selectionStartOnMouseDown) {\r\n this.selectionStart = this.__selectionStartOnMouseDown;\r\n this.selectionEnd = newSelectionStart;\r\n } else {\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = this.__selectionStartOnMouseDown;\r\n }\r\n if (\r\n this.selectionStart !== currentStart ||\r\n this.selectionEnd !== currentEnd\r\n ) {\r\n this.restartCursorIfNeeded();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n }\r\n }\r\n\r\n /**\r\n * Override to customize the drag image\r\n * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage\r\n * @param {DragEvent} e\r\n * @param {object} data\r\n * @param {number} data.selectionStart\r\n * @param {number} data.selectionEnd\r\n * @param {string} data.text\r\n * @param {string} data.value selected text\r\n */\r\n setDragImage(\r\n e: DragEvent,\r\n data: {\r\n selectionStart: number;\r\n selectionEnd: number;\r\n text: string;\r\n value: string;\r\n }\r\n ) {\r\n const t = this.calcTransformMatrix();\r\n const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1);\r\n const boundaries = this._getCursorBoundaries(data.selectionStart);\r\n const selectionPosition = new Point(\r\n boundaries.left + boundaries.leftOffset,\r\n boundaries.top + boundaries.topOffset\r\n ).multiply(flipFactor);\r\n const pos = transformPoint(selectionPosition, t);\r\n const pointer = this.canvas.getPointer(e);\r\n const diff = pointer.subtract(pos);\r\n const enableRetinaScaling = this.canvas._isRetinaScaling();\r\n const retinaScaling = this.canvas.getRetinaScaling();\r\n const bbox = this.getBoundingRect(true);\r\n const correction = pos.subtract(new Point(bbox.left, bbox.top));\r\n const offset = correction.add(diff).scalarMultiply(retinaScaling);\r\n // prepare instance for drag image snapshot by making all non selected text invisible\r\n const bgc = this.backgroundColor;\r\n const styles = object.clone(this.styles, true);\r\n delete this.backgroundColor;\r\n const styleOverride = {\r\n fill: 'transparent',\r\n textBackgroundColor: 'transparent',\r\n };\r\n this.setSelectionStyles(styleOverride, 0, data.selectionStart);\r\n this.setSelectionStyles(\r\n styleOverride,\r\n data.selectionEnd,\r\n data.text.length\r\n );\r\n let dragImage = this.toCanvasElement({\r\n enableRetinaScaling: enableRetinaScaling,\r\n });\r\n this.backgroundColor = bgc;\r\n this.styles = styles;\r\n // handle retina scaling\r\n if (enableRetinaScaling && retinaScaling > 1) {\r\n const c = createCanvasElement();\r\n c.width = dragImage.width / retinaScaling;\r\n c.height = dragImage.height / retinaScaling;\r\n const ctx = c.getContext('2d');\r\n ctx.scale(1 / retinaScaling, 1 / retinaScaling);\r\n ctx.drawImage(dragImage, 0, 0);\r\n dragImage = c;\r\n }\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n this.__dragImageDisposer = function () {\r\n dragImage.remove();\r\n };\r\n // position drag image offsecreen\r\n setStyle(dragImage, {\r\n position: 'absolute',\r\n left: -dragImage.width + 'px',\r\n border: 'none',\r\n });\r\n fabric.document.body.appendChild(dragImage);\r\n e.dataTransfer.setDragImage(dragImage, offset.x, offset.y);\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n * @returns {boolean} should handle event\r\n */\r\n onDragStart(e: DragEvent): boolean {\r\n this.__dragStartFired = true;\r\n if (this.__isDragging) {\r\n const selection = (this.__dragStartSelection = {\r\n selectionStart: this.selectionStart,\r\n selectionEnd: this.selectionEnd,\r\n });\r\n const value = this._text\r\n .slice(selection.selectionStart, selection.selectionEnd)\r\n .join('');\r\n const data = Object.assign(\r\n { text: this.text, value: value },\r\n selection\r\n );\r\n e.dataTransfer.setData('text/plain', value);\r\n e.dataTransfer.setData(\r\n 'application/fabric',\r\n JSON.stringify({\r\n value: value,\r\n styles: this.getSelectionStyles(\r\n selection.selectionStart,\r\n selection.selectionEnd,\r\n true\r\n ),\r\n })\r\n );\r\n e.dataTransfer.effectAllowed = 'copyMove';\r\n this.setDragImage(e, data);\r\n }\r\n this.abortCursorAnimation();\r\n return this.__isDragging;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop(e: DragEvent): boolean {\r\n if (this.editable && !this.__corner) {\r\n if (this.__isDragging && this.__dragStartSelection) {\r\n // drag source trying to drop over itself\r\n // allow dropping only outside of drag start selection\r\n const index = this.getSelectionStartFromPointer(e);\r\n const dragStartSelection = this.__dragStartSelection;\r\n return (\r\n index < dragStartSelection.selectionStart ||\r\n index > dragStartSelection.selectionEnd\r\n );\r\n }\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEnterHandler({ e }: TEvent) {\r\n const canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n }\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragOverHandler({ e }: TEvent) {\r\n const canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n } else if (this.__isDraggingOver && !canDrop) {\r\n // drop state has changed\r\n this.__isDraggingOver = false;\r\n }\r\n if (this.__isDraggingOver) {\r\n // can be dropped, inform browser\r\n e.preventDefault();\r\n // inform event subscribers\r\n options.canDrop = true;\r\n options.dropTarget = this;\r\n // find cursor under the drag part.\r\n }\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n */\r\n dragLeaveHandler() {\r\n if (this.__isDraggingOver || this.__isDragging) {\r\n this.__isDraggingOver = false;\r\n }\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * fired only on the drag source\r\n * handle changes to the drag source in case of a drop on another object or a cancellation\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEndHandler({ e }: TEvent) {\r\n if (this.__isDragging && this.__dragStartFired) {\r\n // once the drop event finishes we check if we need to change the drag source\r\n // if the drag source received the drop we bail out\r\n if (this.__dragStartSelection) {\r\n const selectionStart = this.__dragStartSelection.selectionStart;\r\n const selectionEnd = this.__dragStartSelection.selectionEnd;\r\n const dropEffect = e.dataTransfer.dropEffect;\r\n if (dropEffect === 'none') {\r\n this.selectionStart = selectionStart;\r\n this.selectionEnd = selectionEnd;\r\n this._updateTextarea();\r\n } else {\r\n this.clearContextTop();\r\n if (dropEffect === 'move') {\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n this.selectionStart = this.selectionEnd = selectionStart;\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: selectionStart,\r\n action: 'dragend',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n this.exitEditing();\r\n // disable mouse up logic\r\n this.__lastSelected = false;\r\n }\r\n }\r\n }\r\n\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n delete this.__dragImageDisposer;\r\n delete this.__dragStartSelection;\r\n this.__isDraggingOver = false;\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n *\r\n * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}\r\n * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dropHandler({ e }: TEvent) {\r\n const didDrop = e.defaultPrevented;\r\n this.__isDraggingOver = false;\r\n // inform browser that the drop has been accepted\r\n e.preventDefault();\r\n let insert = e.dataTransfer.getData('text/plain');\r\n if (insert && !didDrop) {\r\n let insertAt = this.getSelectionStartFromPointer(e);\r\n const data = e.dataTransfer.types.includes('application/fabric')\r\n ? JSON.parse(e.dataTransfer.getData('application/fabric'))\r\n : {};\r\n const styles = data.styles;\r\n const trailing = insert[Math.max(0, insert.length - 1)];\r\n const selectionStartOffset = 0;\r\n // drag and drop in same instance\r\n if (this.__dragStartSelection) {\r\n const selectionStart = this.__dragStartSelection.selectionStart;\r\n const selectionEnd = this.__dragStartSelection.selectionEnd;\r\n if (insertAt > selectionStart && insertAt <= selectionEnd) {\r\n insertAt = selectionStart;\r\n } else if (insertAt > selectionEnd) {\r\n insertAt -= selectionEnd - selectionStart;\r\n }\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n // prevent `dragend` from handling event\r\n delete this.__dragStartSelection;\r\n }\r\n // remove redundant line break\r\n if (\r\n this._reNewline.test(trailing) &&\r\n (this._reNewline.test(this._text[insertAt]) ||\r\n insertAt === this._text.length)\r\n ) {\r\n insert = insert.trimEnd();\r\n }\r\n // inform subscribers\r\n options.didDrop = true;\r\n options.dropTarget = this;\r\n // finalize\r\n this.insertChars(insert, styles, insertAt);\r\n // can this part be moved in an outside event? andrea to check.\r\n this.canvas.setActiveObject(this);\r\n this.enterEditing();\r\n this.selectionStart = Math.min(\r\n insertAt + selectionStartOffset,\r\n this._text.length\r\n );\r\n this.selectionEnd = Math.min(\r\n this.selectionStart + insert.length,\r\n this._text.length\r\n );\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: insertAt + selectionStartOffset,\r\n action: 'drop',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.contextTopDirty = true;\r\n this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _setEditingProps() {\r\n this.hoverCursor = 'text';\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this.canvas.moveCursor = 'text';\r\n }\r\n\r\n this.borderColor = this.editingBorderColor;\r\n this.hasControls = this.selectable = false;\r\n this.lockMovementX = this.lockMovementY = true;\r\n }\r\n\r\n /**\r\n * convert from textarea to grapheme indexes\r\n */\r\n fromStringToGraphemeSelection(start, end, text) {\r\n const smallerTextStart = text.slice(0, start),\r\n graphemeStart = this.graphemeSplit(smallerTextStart).length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n const smallerTextEnd = text.slice(start, end),\r\n graphemeEnd = this.graphemeSplit(smallerTextEnd).length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n }\r\n\r\n /**\r\n * convert from fabric to textarea values\r\n */\r\n fromGraphemeToStringSelection(start, end, _text) {\r\n const smallerTextStart = _text.slice(0, start),\r\n graphemeStart = smallerTextStart.join('').length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n const smallerTextEnd = _text.slice(start, end),\r\n graphemeEnd = smallerTextEnd.join('').length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _updateTextarea() {\r\n this.cursorOffsetCache = {};\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n if (!this.inCompositionMode) {\r\n const newSelection = this.fromGraphemeToStringSelection(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n this._text\r\n );\r\n this.hiddenTextarea.selectionStart = newSelection.selectionStart;\r\n this.hiddenTextarea.selectionEnd = newSelection.selectionEnd;\r\n }\r\n this.updateTextareaPosition();\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n updateFromTextArea() {\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n this.cursorOffsetCache = {};\r\n this.text = this.hiddenTextarea.value;\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n const newSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n this.selectionEnd = this.selectionStart = newSelection.selectionEnd;\r\n if (!this.inCompositionMode) {\r\n this.selectionStart = newSelection.selectionStart;\r\n }\r\n this.updateTextareaPosition();\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n updateTextareaPosition() {\r\n if (this.selectionStart === this.selectionEnd) {\r\n const style = this._calcTextareaPosition();\r\n this.hiddenTextarea.style.left = style.left;\r\n this.hiddenTextarea.style.top = style.top;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Object} style contains style for hiddenTextarea\r\n */\r\n _calcTextareaPosition(): object {\r\n if (!this.canvas) {\r\n return { x: 1, y: 1 };\r\n }\r\n let desiredPosition = this.inCompositionMode\r\n ? this.compositionStart\r\n : this.selectionStart,\r\n boundaries = this._getCursorBoundaries(desiredPosition),\r\n cursorLocation = this.get2DCursorLocation(desiredPosition),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex = cursorLocation.charIndex,\r\n charHeight =\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') *\r\n this.lineHeight,\r\n leftOffset = boundaries.leftOffset,\r\n m = this.calcTransformMatrix(),\r\n p = {\r\n x: boundaries.left + leftOffset,\r\n y: boundaries.top + boundaries.topOffset + charHeight,\r\n },\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n upperCanvas = this.canvas.upperCanvasEl,\r\n upperCanvasWidth = upperCanvas.width / retinaScaling,\r\n upperCanvasHeight = upperCanvas.height / retinaScaling,\r\n maxWidth = upperCanvasWidth - charHeight,\r\n maxHeight = upperCanvasHeight - charHeight,\r\n scaleX = upperCanvas.clientWidth / upperCanvasWidth,\r\n scaleY = upperCanvas.clientHeight / upperCanvasHeight;\r\n\r\n p = transformPoint(p, m);\r\n p = transformPoint(p, this.canvas.viewportTransform);\r\n p.x *= scaleX;\r\n p.y *= scaleY;\r\n if (p.x < 0) {\r\n p.x = 0;\r\n }\r\n if (p.x > maxWidth) {\r\n p.x = maxWidth;\r\n }\r\n if (p.y < 0) {\r\n p.y = 0;\r\n }\r\n if (p.y > maxHeight) {\r\n p.y = maxHeight;\r\n }\r\n\r\n // add canvas offset on document\r\n p.x += this.canvas._offset.left;\r\n p.y += this.canvas._offset.top;\r\n\r\n return {\r\n left: p.x + 'px',\r\n top: p.y + 'px',\r\n fontSize: charHeight + 'px',\r\n charHeight: charHeight,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _saveEditingProps() {\r\n this._savedProps = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n lockMovementX: this.lockMovementX,\r\n lockMovementY: this.lockMovementY,\r\n hoverCursor: this.hoverCursor,\r\n selectable: this.selectable,\r\n defaultCursor: this.canvas && this.canvas.defaultCursor,\r\n moveCursor: this.canvas && this.canvas.moveCursor,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _restoreEditingProps() {\r\n if (!this._savedProps) {\r\n return;\r\n }\r\n\r\n this.hoverCursor = this._savedProps.hoverCursor;\r\n this.hasControls = this._savedProps.hasControls;\r\n this.borderColor = this._savedProps.borderColor;\r\n this.selectable = this._savedProps.selectable;\r\n this.lockMovementX = this._savedProps.lockMovementX;\r\n this.lockMovementY = this._savedProps.lockMovementY;\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this._savedProps.defaultCursor;\r\n this.canvas.moveCursor = this._savedProps.moveCursor;\r\n }\r\n\r\n delete this._savedProps;\r\n }\r\n\r\n /**\r\n * Exits from editing state\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n exitEditing(): IText {\r\n const isTextChanged = this._textBeforeEdit !== this.text;\r\n const hiddenTextarea = this.hiddenTextarea;\r\n this.selected = false;\r\n this.isEditing = false;\r\n\r\n this.selectionEnd = this.selectionStart;\r\n\r\n if (hiddenTextarea) {\r\n hiddenTextarea.blur && hiddenTextarea.blur();\r\n hiddenTextarea.parentNode &&\r\n hiddenTextarea.parentNode.removeChild(hiddenTextarea);\r\n }\r\n this.hiddenTextarea = null;\r\n this.abortCursorAnimation();\r\n this._restoreEditingProps();\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this.fire('editing:exited');\r\n isTextChanged && this.fire('modified');\r\n if (this.canvas) {\r\n this.canvas.off('mouse:move', this.mouseMoveHandler);\r\n this.canvas.fire('text:editing:exited', { target: this });\r\n isTextChanged && this.canvas.fire('object:modified', { target: this });\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _removeExtraneousStyles() {\r\n for (const prop in this.styles) {\r\n if (!this._textLines[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * remove and reflow a style block from start to end.\r\n * @param {Number} start linear start position for removal (included in removal)\r\n * @param {Number} end linear end position for removal ( excluded from removal )\r\n */\r\n removeStyleFromTo(start: number, end: number) {\r\n let cursorStart = this.get2DCursorLocation(start, true),\r\n cursorEnd = this.get2DCursorLocation(end, true),\r\n lineStart = cursorStart.lineIndex,\r\n charStart = cursorStart.charIndex,\r\n lineEnd = cursorEnd.lineIndex,\r\n charEnd = cursorEnd.charIndex,\r\n i,\r\n styleObj;\r\n if (lineStart !== lineEnd) {\r\n // step1 remove the trailing of lineStart\r\n if (this.styles[lineStart]) {\r\n for (\r\n i = charStart;\r\n i < this._unwrappedTextLines[lineStart].length;\r\n i++\r\n ) {\r\n delete this.styles[lineStart][i];\r\n }\r\n }\r\n // step2 move the trailing of lineEnd to lineStart if needed\r\n if (this.styles[lineEnd]) {\r\n for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) {\r\n styleObj = this.styles[lineEnd][i];\r\n if (styleObj) {\r\n this.styles[lineStart] || (this.styles[lineStart] = {});\r\n this.styles[lineStart][charStart + i - charEnd] = styleObj;\r\n }\r\n }\r\n }\r\n // step3 detects lines will be completely removed.\r\n for (i = lineStart + 1; i <= lineEnd; i++) {\r\n delete this.styles[i];\r\n }\r\n // step4 shift remaining lines.\r\n this.shiftLineStyles(lineEnd, lineStart - lineEnd);\r\n } else {\r\n // remove and shift left on the same line\r\n if (this.styles[lineStart]) {\r\n styleObj = this.styles[lineStart];\r\n let diff = charEnd - charStart,\r\n numericChar,\r\n _char;\r\n for (i = charStart; i < charEnd; i++) {\r\n delete styleObj[i];\r\n }\r\n for (_char in this.styles[lineStart]) {\r\n numericChar = parseInt(_char, 10);\r\n if (numericChar >= charEnd) {\r\n styleObj[numericChar - diff] = styleObj[_char];\r\n delete styleObj[_char];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Shifts line styles up or down\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} offset Can any number?\r\n */\r\n shiftLineStyles(lineIndex: number, offset: number) {\r\n const clonedStyles = Object.assign({}, this.styles);\r\n for (const line in this.styles) {\r\n const numericLine = parseInt(line, 10);\r\n if (numericLine > lineIndex) {\r\n this.styles[numericLine + offset] = clonedStyles[numericLine];\r\n if (!clonedStyles[numericLine - offset]) {\r\n delete this.styles[numericLine];\r\n }\r\n }\r\n }\r\n }\r\n\r\n restartCursorIfNeeded() {\r\n if (\r\n !this._currentTickState ||\r\n this._currentTickState.isAborted ||\r\n !this._currentTickCompleteState ||\r\n this._currentTickCompleteState.isAborted\r\n ) {\r\n this.initDelayedCursor();\r\n }\r\n }\r\n\r\n /**\r\n * Handle insertion of more consecutive style lines for when one or more\r\n * newlines gets added to the text. Since current style needs to be shifted\r\n * first we shift the current style of the number lines needed, then we add\r\n * new lines from the last to the first.\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} qty number of lines to add\r\n * @param {Array} copiedStyle Array of objects styles\r\n */\r\n insertNewlineStyleObject(\r\n lineIndex: number,\r\n charIndex: number,\r\n qty: number,\r\n copiedStyl\r\n ) {\r\n let currentCharStyle,\r\n newLineStyles = {},\r\n somethingAdded = false,\r\n isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex;\r\n\r\n qty || (qty = 1);\r\n this.shiftLineStyles(lineIndex, qty);\r\n if (this.styles[lineIndex]) {\r\n currentCharStyle =\r\n this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1];\r\n }\r\n // we clone styles of all chars\r\n // after cursor onto the current line\r\n for (const index in this.styles[lineIndex]) {\r\n const numIndex = parseInt(index, 10);\r\n if (numIndex >= charIndex) {\r\n somethingAdded = true;\r\n newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index];\r\n // remove lines from the previous line since they're on a new line now\r\n if (!(isEndOfLine && charIndex === 0)) {\r\n delete this.styles[lineIndex][index];\r\n }\r\n }\r\n }\r\n let styleCarriedOver = false;\r\n if (somethingAdded && !isEndOfLine) {\r\n // if is end of line, the extra style we copied\r\n // is probably not something we want\r\n this.styles[lineIndex + qty] = newLineStyles;\r\n styleCarriedOver = true;\r\n }\r\n if (styleCarriedOver) {\r\n // skip the last line of since we already prepared it.\r\n qty--;\r\n }\r\n // for the all the lines or all the other lines\r\n // we clone current char style onto the next (otherwise empty) line\r\n while (qty > 0) {\r\n if (copiedStyle && copiedStyle[qty - 1]) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, copiedStyle[qty - 1]),\r\n };\r\n } else if (currentCharStyle) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, currentCharStyle),\r\n };\r\n } else {\r\n delete this.styles[lineIndex + qty];\r\n }\r\n qty--;\r\n }\r\n this._forceClearCache = true;\r\n }\r\n\r\n /**\r\n * Inserts style object for a given line/char index\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} quantity number Style object to insert, if given\r\n * @param {Array} copiedStyle array of style objects\r\n */\r\n insertCharStyleObject(\r\n lineIndex: number,\r\n charIndex: number,\r\n quantity: number,\r\n copiedStyl\r\n ) {\r\n if (!this.styles) {\r\n this.styles = {};\r\n }\r\n const currentLineStyles = this.styles[lineIndex],\r\n currentLineStylesCloned = currentLineStyles\r\n ? Object.assign({}, currentLineStyles)\r\n : {};\r\n\r\n quantity || (quantity = 1);\r\n // shift all char styles by quantity forward\r\n // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4\r\n for (const index in currentLineStylesCloned) {\r\n const numericIndex = parseInt(index, 10);\r\n if (numericIndex >= charIndex) {\r\n currentLineStyles[numericIndex + quantity] =\r\n currentLineStylesCloned[numericIndex];\r\n // only delete the style if there was nothing moved there\r\n if (!currentLineStylesCloned[numericIndex - quantity]) {\r\n delete currentLineStyles[numericIndex];\r\n }\r\n }\r\n }\r\n this._forceClearCache = true;\r\n if (copiedStyle) {\r\n while (quantity--) {\r\n if (!Object.keys(copiedStyle[quantity]).length) {\r\n continue;\r\n }\r\n if (!this.styles[lineIndex]) {\r\n this.styles[lineIndex] = {};\r\n }\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n copiedStyle[quantity]\r\n );\r\n }\r\n return;\r\n }\r\n if (!currentLineStyles) {\r\n return;\r\n }\r\n const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1];\r\n while (newStyle && quantity--) {\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n newStyle\r\n );\r\n }\r\n }\r\n\r\n /**\r\n * Inserts style object(s)\r\n * @param {Array} insertedText Characters at the location where style is inserted\r\n * @param {Number} start cursor index for inserting style\r\n * @param {Array} [copiedStyle] array of style objects to insert.\r\n */\r\n insertNewStyleBlock(\r\n insertedText: string[],\r\n start: number,\r\n copiedStyle: Array\r\n ) {\r\n let cursorLoc = this.get2DCursorLocation(start, true),\r\n addedLines = [0],\r\n linesLength = 0;\r\n // get an array of how many char per lines are being added.\r\n for (var i = 0; i < insertedText.length; i++) {\r\n if (insertedText[i] === '\\n') {\r\n linesLength++;\r\n addedLines[linesLength] = 0;\r\n } else {\r\n addedLines[linesLength]++;\r\n }\r\n }\r\n // for the first line copy the style from the current char position.\r\n if (addedLines[0] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex,\r\n addedLines[0],\r\n copiedStyle\r\n );\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1);\r\n }\r\n linesLength &&\r\n this.insertNewlineStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex + addedLines[0],\r\n linesLength\r\n );\r\n for (var i = 1; i < linesLength; i++) {\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n } else if (copiedStyle) {\r\n // this test is required in order to close #6841\r\n // when a pasted buffer begins with a newline then\r\n // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0]\r\n // may be undefined for some reason\r\n if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) {\r\n this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0];\r\n }\r\n }\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1);\r\n }\r\n // we use i outside the loop to get it like linesLength\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n }\r\n }\r\n\r\n /**\r\n * Set the selectionStart and selectionEnd according to the new position of cursor\r\n * mimic the key - mouse navigation when shift is pressed.\r\n */\r\n setSelectionStartEndWithShift(start, end, newSelection) {\r\n if (newSelection <= start) {\r\n if (end === start) {\r\n this._selectionDirection = 'left';\r\n } else if (this._selectionDirection === 'right') {\r\n this._selectionDirection = 'left';\r\n this.selectionEnd = start;\r\n }\r\n this.selectionStart = newSelection;\r\n } else if (newSelection > start && newSelection < end) {\r\n if (this._selectionDirection === 'right') {\r\n this.selectionEnd = newSelection;\r\n } else {\r\n this.selectionStart = newSelection;\r\n }\r\n } else {\r\n // newSelection is > selection start and end\r\n if (end === start) {\r\n this._selectionDirection = 'right';\r\n } else if (this._selectionDirection === 'left') {\r\n this._selectionDirection = 'right';\r\n this.selectionStart = end;\r\n }\r\n this.selectionEnd = newSelection;\r\n }\r\n }\r\n\r\n setSelectionInBoundaries() {\r\n const length = this.text.length;\r\n if (this.selectionStart > length) {\r\n this.selectionStart = length;\r\n } else if (this.selectionStart < 0) {\r\n this.selectionStart = 0;\r\n }\r\n if (this.selectionEnd > length) {\r\n this.selectionEnd = length;\r\n } else if (this.selectionEnd < 0) {\r\n this.selectionEnd = 0;\r\n }\r\n }\r\n };\r\n}\r\n\r\nIText = ITextBehaviorMixinGenerator(IText);\r\n","//@ts-nocheck\r\nimport { invertTransform, transformPoint } from '../util/misc/matrix';\r\nimport { Point } from '../point.class';\r\nimport { TPointerEvent } from '../typedefs';\r\n\r\nexport function ITextClickBehaviorMixinGenerator(Klass) {\r\n return class ITextClickBehaviorMixin extends Klass {\r\n /**\r\n * Initializes \"dbclick\" event handler\r\n */\r\n initDoubleClickSimulation() {\r\n this.__lastClickTime = +new Date();\r\n\r\n // for triple click\r\n this.__lastLastClickTime = +new Date();\r\n\r\n this.__lastPointer = {};\r\n\r\n this.on('mousedown', this.onMouseDown);\r\n }\r\n\r\n /**\r\n * Default event handler to simulate triple click\r\n * @private\r\n */\r\n onMouseDown(options) {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n this.__newClickTime = +new Date();\r\n var newPointer = options.pointer;\r\n if (this.isTripleClick(newPointer)) {\r\n this.fire('tripleclick', options);\r\n this._stopEvent(options.e);\r\n }\r\n this.__lastLastClickTime = this.__lastClickTime;\r\n this.__lastClickTime = this.__newClickTime;\r\n this.__lastPointer = newPointer;\r\n this.__lastIsEditing = this.isEditing;\r\n this.__lastSelected = this.selected;\r\n }\r\n\r\n isTripleClick(newPointer) {\r\n return (\r\n this.__newClickTime - this.__lastClickTime < 500 &&\r\n this.__lastClickTime - this.__lastLastClickTime < 500 &&\r\n this.__lastPointer.x === newPointer.x &&\r\n this.__lastPointer.y === newPointer.y\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _stopEvent(e) {\r\n e.preventDefault && e.preventDefault();\r\n e.stopPropagation && e.stopPropagation();\r\n }\r\n\r\n /**\r\n * Initializes event handlers related to cursor or selection\r\n */\r\n initCursorSelectionHandlers() {\r\n this.initMousedownHandler();\r\n this.initMouseupHandler();\r\n this.initClicks();\r\n }\r\n\r\n /**\r\n * Default handler for double click, select a word\r\n */\r\n doubleClickHandler(options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectWord(this.getSelectionStartFromPointer(options.e));\r\n }\r\n\r\n /**\r\n * Default handler for triple click, select a line\r\n */\r\n tripleClickHandler(options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectLine(this.getSelectionStartFromPointer(options.e));\r\n }\r\n\r\n /**\r\n * Initializes double and triple click event handlers\r\n */\r\n initClicks() {\r\n this.on('mousedblclick', this.doubleClickHandler);\r\n this.on('tripleclick', this.tripleClickHandler);\r\n }\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on _mouseDown\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: find the click position, set selectionStart\r\n * find selectionEnd, initialize the drawing of either cursor or selection area\r\n * initializing a mousedDown on a text area will cancel fabricjs knowledge of\r\n * current compositionMode. It will be set to false.\r\n */\r\n _mouseDownHandler(options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n this.__isMousedown = true;\r\n\r\n if (this.selected) {\r\n this.inCompositionMode = false;\r\n this.setCursorByClick(options.e);\r\n }\r\n\r\n if (this.isEditing) {\r\n this.__selectionStartOnMouseDown = this.selectionStart;\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.abortCursorAnimation();\r\n }\r\n this.renderCursorOrSelection();\r\n }\r\n }\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on mousedown:before\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: verify the object is already selected when mousing down\r\n */\r\n _mouseDownHandlerBefore(options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n // we want to avoid that an object that was selected and then becomes unselectable,\r\n // may trigger editing mode in some way.\r\n this.selected = this === this.canvas._activeObject;\r\n // text dragging logic\r\n var newSelection = this.getSelectionStartFromPointer(options.e);\r\n this.__isDragging =\r\n this.isEditing &&\r\n newSelection >= this.selectionStart &&\r\n newSelection <= this.selectionEnd &&\r\n this.selectionStart < this.selectionEnd;\r\n }\r\n\r\n /**\r\n * Initializes \"mousedown\" event handler\r\n */\r\n initMousedownHandler() {\r\n this.on('mousedown', this._mouseDownHandler);\r\n this.on('mousedown:before', this._mouseDownHandlerBefore);\r\n }\r\n\r\n /**\r\n * Initializes \"mouseup\" event handler\r\n */\r\n initMouseupHandler() {\r\n this.on('mouseup', this.mouseUpHandler);\r\n }\r\n\r\n /**\r\n * standard handler for mouse up, overridable\r\n * @private\r\n */\r\n mouseUpHandler(options) {\r\n this.__isMousedown = false;\r\n if (\r\n !this.editable ||\r\n (this.group && !this.group.interactive) ||\r\n (options.transform && options.transform.actionPerformed) ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n if (this.canvas) {\r\n var currentActive = this.canvas._activeObject;\r\n if (currentActive && currentActive !== this) {\r\n // avoid running this logic when there is an active object\r\n // this because is possible with shift click and fast clicks,\r\n // to rapidly deselect and reselect this object and trigger an enterEdit\r\n return;\r\n }\r\n }\r\n\r\n if (this.__lastSelected && !this.__corner) {\r\n this.selected = false;\r\n this.__lastSelected = false;\r\n this.enterEditing(options.e);\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.initDelayedCursor(true);\r\n } else {\r\n this.renderCursorOrSelection();\r\n }\r\n } else {\r\n this.selected = true;\r\n }\r\n }\r\n\r\n /**\r\n * Changes cursor location in a text depending on passed pointer (x/y) object\r\n * @param {TPointerEvent} e Event object\r\n */\r\n setCursorByClick(e: TPointerEvent) {\r\n var newSelection = this.getSelectionStartFromPointer(e),\r\n start = this.selectionStart,\r\n end = this.selectionEnd;\r\n if (e.shiftKey) {\r\n this.setSelectionStartEndWithShift(start, end, newSelection);\r\n } else {\r\n this.selectionStart = newSelection;\r\n this.selectionEnd = newSelection;\r\n }\r\n if (this.isEditing) {\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n }\r\n\r\n /**\r\n * Returns coordinates of a pointer relative to object's top left corner in object's plane\r\n * @param {TPointerEvent} e Event to operate upon\r\n * @param {IPoint} [pointer] Pointer to operate upon (instead of event)\r\n * @return {Point} Coordinates of a pointer (x, y)\r\n */\r\n getLocalPointer(e: TPointerEvent, pointer: IPoint): Point {\r\n const thePointer = pointer || this.canvas.getPointer(e);\r\n return transformPoint(\r\n thePointer,\r\n invertTransform(this.calcTransformMatrix())\r\n ).add(new Point(this.width / 2, this.height / 2));\r\n }\r\n\r\n /**\r\n * Returns index of a character corresponding to where an object was clicked\r\n * @param {TPointerEvent} e Event object\r\n * @return {Number} Index of a character\r\n */\r\n getSelectionStartFromPointer(e: TPointerEvent): number {\r\n var mouseOffset = this.getLocalPointer(e),\r\n prevWidth = 0,\r\n width = 0,\r\n height = 0,\r\n charIndex = 0,\r\n lineIndex = 0,\r\n lineLeftOffset,\r\n line;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n if (height <= mouseOffset.y) {\r\n height += this.getHeightOfLine(i) * this.scaleY;\r\n lineIndex = i;\r\n if (i > 0) {\r\n charIndex +=\r\n this._textLines[i - 1].length + this.missingNewlineOffset(i - 1);\r\n }\r\n } else {\r\n break;\r\n }\r\n }\r\n lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex));\r\n width = lineLeftOffset * this.scaleX;\r\n line = this._textLines[lineIndex];\r\n // handling of RTL: in order to get things work correctly,\r\n // we assume RTL writing is mirrored compared to LTR writing.\r\n // so in position detection we mirror the X offset, and when is time\r\n // of rendering it, we mirror it again.\r\n if (this.direction === 'rtl') {\r\n mouseOffset.x = this.width * this.scaleX - mouseOffset.x;\r\n }\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n prevWidth = width;\r\n // i removed something about flipX here, check.\r\n width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX;\r\n if (width <= mouseOffset.x) {\r\n charIndex++;\r\n } else {\r\n break;\r\n }\r\n }\r\n return this._getNewSelectionStartFromOffset(\r\n mouseOffset,\r\n prevWidth,\r\n width,\r\n charIndex,\r\n jlen\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) {\r\n var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth,\r\n distanceBtwNextCharAndCursor = width - mouseOffset.x,\r\n offset =\r\n distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor ||\r\n distanceBtwNextCharAndCursor < 0\r\n ? 0\r\n : 1,\r\n newSelectionStart = index + offset;\r\n // if object is horizontally flipped, mirror cursor location from the end\r\n if (this.flipX) {\r\n newSelectionStart = jlen - newSelectionStart;\r\n }\r\n\r\n if (newSelectionStart > this._text.length) {\r\n newSelectionStart = this._text.length;\r\n }\r\n\r\n return newSelectionStart;\r\n }\r\n };\r\n}\r\n\r\nIText = ITextClickBehaviorMixinGenerator(IText);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\n\r\nvar fabric = global.fabric;\r\n\r\nexport function ITextKeyBehaviorMixinGenerator(Klass) {\r\n return class ITextKeyBehaviorMixin extends Klass {\r\n /**\r\n * For functionalities on keyDown\r\n * Map a special key to a function of the instance/prototype\r\n * If you need different behaviour for ESC or TAB or arrows, you have to change\r\n * this map setting the name of a function that you build on the fabric.Itext or\r\n * your prototype.\r\n * the map change will affect all Instances unless you need for only some text Instances\r\n * in that case you have to clone this object and assign your Instance.\r\n * this.keysMap = Object.assign({}, this.keysMap);\r\n * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0]\r\n */\r\n keysMap;\r\n\r\n keysMapRtl;\r\n\r\n /**\r\n * For functionalities on keyUp + ctrl || cmd\r\n */\r\n ctrlKeysMapUp;\r\n\r\n /**\r\n * For functionalities on keyDown + ctrl || cmd\r\n */\r\n ctrlKeysMapDown;\r\n\r\n /**\r\n * Initializes hidden textarea (needed to bring up keyboard in iOS)\r\n */\r\n initHiddenTextarea() {\r\n this.hiddenTextarea = fabric.document.createElement('textarea');\r\n this.hiddenTextarea.setAttribute('autocapitalize', 'off');\r\n this.hiddenTextarea.setAttribute('autocorrect', 'off');\r\n this.hiddenTextarea.setAttribute('autocomplete', 'off');\r\n this.hiddenTextarea.setAttribute('spellcheck', 'false');\r\n this.hiddenTextarea.setAttribute('data-fabric', 'textarea');\r\n this.hiddenTextarea.setAttribute('wrap', 'off');\r\n var style = this._calcTextareaPosition();\r\n // line-height: 1px; was removed from the style to fix this:\r\n // https://bugs.chromium.org/p/chromium/issues/detail?id=870966\r\n this.hiddenTextarea.style.cssText =\r\n 'position: absolute; top: ' +\r\n style.top +\r\n '; left: ' +\r\n style.left +\r\n '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' +\r\n ' padding-top: ' +\r\n style.fontSize +\r\n ';';\r\n\r\n if (this.hiddenTextareaContainer) {\r\n this.hiddenTextareaContainer.appendChild(this.hiddenTextarea);\r\n } else {\r\n fabric.document.body.appendChild(this.hiddenTextarea);\r\n }\r\n\r\n addListener(this.hiddenTextarea, 'blur', this.blur.bind(this));\r\n addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this));\r\n addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this));\r\n addListener(this.hiddenTextarea, 'input', this.onInput.bind(this));\r\n addListener(this.hiddenTextarea, 'copy', this.copy.bind(this));\r\n addListener(this.hiddenTextarea, 'cut', this.copy.bind(this));\r\n addListener(this.hiddenTextarea, 'paste', this.paste.bind(this));\r\n addListener(\r\n this.hiddenTextarea,\r\n 'compositionstart',\r\n this.onCompositionStart.bind(this)\r\n );\r\n addListener(\r\n this.hiddenTextarea,\r\n 'compositionupdate',\r\n this.onCompositionUpdate.bind(this)\r\n );\r\n addListener(\r\n this.hiddenTextarea,\r\n 'compositionend',\r\n this.onCompositionEnd.bind(this)\r\n );\r\n\r\n if (!this._clickHandlerInitialized && this.canvas) {\r\n addListener(\r\n this.canvas.upperCanvasEl,\r\n 'click',\r\n this.onClick.bind(this)\r\n );\r\n this._clickHandlerInitialized = true;\r\n }\r\n }\r\n\r\n onClick() {\r\n this.hiddenTextarea && this.hiddenTextarea.focus();\r\n }\r\n\r\n /**\r\n * Override this method to customize cursor behavior on textbox blur\r\n */\r\n blur() {\r\n this.abortCursorAnimation();\r\n }\r\n\r\n /**\r\n * Handles keydown event\r\n * only used for arrows and combination of modifier keys.\r\n * @param {TPointerEvent} e Event object\r\n */\r\n onKeyDown(e: TPointerEvent) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap;\r\n if (e.keyCode in keyMap) {\r\n this[keyMap[e.keyCode]](e);\r\n } else if (\r\n e.keyCode in this.ctrlKeysMapDown &&\r\n (e.ctrlKey || e.metaKey)\r\n ) {\r\n this[this.ctrlKeysMapDown[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n if (e.keyCode >= 33 && e.keyCode <= 40) {\r\n // if i press an arrow key just update selection\r\n this.inCompositionMode = false;\r\n this.clearContextTop();\r\n this.renderCursorOrSelection();\r\n } else {\r\n this.canvas && this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n /**\r\n * Handles keyup event\r\n * We handle KeyUp because ie11 and edge have difficulties copy/pasting\r\n * if a copy/cut event fired, keyup is dismissed\r\n * @param {TPointerEvent} e Event object\r\n */\r\n onKeyUp(e: TPointerEvent) {\r\n if (!this.isEditing || this._copyDone || this.inCompositionMode) {\r\n this._copyDone = false;\r\n return;\r\n }\r\n if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) {\r\n this[this.ctrlKeysMapUp[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n this.canvas && this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * Handles onInput event\r\n * @param {TPointerEvent} e Event object\r\n */\r\n onInput(e: TPointerEvent) {\r\n var fromPaste = this.fromPaste;\r\n this.fromPaste = false;\r\n e && e.stopPropagation();\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n // decisions about style changes.\r\n var nextText = this._splitTextIntoLines(\r\n this.hiddenTextarea.value\r\n ).graphemeText,\r\n charCount = this._text.length,\r\n nextCharCount = nextText.length,\r\n removedText,\r\n insertedText,\r\n charDiff = nextCharCount - charCount,\r\n selectionStart = this.selectionStart,\r\n selectionEnd = this.selectionEnd,\r\n selection = selectionStart !== selectionEnd,\r\n copiedStyle,\r\n removeFrom,\r\n removeTo;\r\n if (this.hiddenTextarea.value === '') {\r\n this.styles = {};\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n return;\r\n }\r\n\r\n var textareaSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n var backDelete = selectionStart > textareaSelection.selectionStart;\r\n\r\n if (selection) {\r\n removedText = this._text.slice(selectionStart, selectionEnd);\r\n charDiff += selectionEnd - selectionStart;\r\n } else if (nextCharCount < charCount) {\r\n if (backDelete) {\r\n removedText = this._text.slice(selectionEnd + charDiff, selectionEnd);\r\n } else {\r\n removedText = this._text.slice(\r\n selectionStart,\r\n selectionStart - charDiff\r\n );\r\n }\r\n }\r\n insertedText = nextText.slice(\r\n textareaSelection.selectionEnd - charDiff,\r\n textareaSelection.selectionEnd\r\n );\r\n if (removedText && removedText.length) {\r\n if (insertedText.length) {\r\n // let's copy some style before deleting.\r\n // we want to copy the style before the cursor OR the style at the cursor if selection\r\n // is bigger than 0.\r\n copiedStyle = this.getSelectionStyles(\r\n selectionStart,\r\n selectionStart + 1,\r\n false\r\n );\r\n // now duplicate the style one for each inserted text.\r\n copiedStyle = insertedText.map(function () {\r\n // this return an array of references, but that is fine since we are\r\n // copying the style later.\r\n return copiedStyle[0];\r\n });\r\n }\r\n if (selection) {\r\n removeFrom = selectionStart;\r\n removeTo = selectionEnd;\r\n } else if (backDelete) {\r\n // detect differences between forwardDelete and backDelete\r\n removeFrom = selectionEnd - removedText.length;\r\n removeTo = selectionEnd;\r\n } else {\r\n removeFrom = selectionEnd;\r\n removeTo = selectionEnd + removedText.length;\r\n }\r\n this.removeStyleFromTo(removeFrom, removeTo);\r\n }\r\n if (insertedText.length) {\r\n if (\r\n fromPaste &&\r\n insertedText.join('') === fabric.copiedText &&\r\n !config.disableStyleCopyPaste\r\n ) {\r\n copiedStyle = fabric.copiedTextStyle;\r\n }\r\n this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle);\r\n }\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n /**\r\n * Composition start\r\n */\r\n onCompositionStart() {\r\n this.inCompositionMode = true;\r\n }\r\n\r\n /**\r\n * Composition end\r\n */\r\n onCompositionEnd() {\r\n this.inCompositionMode = false;\r\n }\r\n\r\n // */\r\n onCompositionUpdate(e) {\r\n this.compositionStart = e.target.selectionStart;\r\n this.compositionEnd = e.target.selectionEnd;\r\n this.updateTextareaPosition();\r\n }\r\n\r\n /**\r\n * Copies selected text\r\n */\r\n copy() {\r\n if (this.selectionStart === this.selectionEnd) {\r\n //do not cut-copy if no selection\r\n return;\r\n }\r\n\r\n fabric.copiedText = this.getSelectedText();\r\n if (!config.disableStyleCopyPaste) {\r\n fabric.copiedTextStyle = this.getSelectionStyles(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n true\r\n );\r\n } else {\r\n fabric.copiedTextStyle = null;\r\n }\r\n this._copyDone = true;\r\n }\r\n\r\n /**\r\n * Pastes text\r\n */\r\n paste() {\r\n this.fromPaste = true;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {TPointerEvent} e Event object\r\n * @return {Object} Clipboard data object\r\n */\r\n _getClipboardData(e: TPointerEvent): object {\r\n return (e && e.clipboardData) || fabric.window.clipboardData;\r\n }\r\n\r\n /**\r\n * Finds the width in pixels before the cursor on the same line\r\n * @private\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Number} widthBeforeCursor width before cursor\r\n */\r\n _getWidthBeforeCursor(lineIndex: number, charIndex: number): number {\r\n var widthBeforeCursor = this._getLineLeftOffset(lineIndex),\r\n bound;\r\n\r\n if (charIndex > 0) {\r\n bound = this.__charBounds[lineIndex][charIndex - 1];\r\n widthBeforeCursor += bound.left + bound.width;\r\n }\r\n return widthBeforeCursor;\r\n }\r\n\r\n /**\r\n * Gets start offset of a selection\r\n * @param {TPointerEvent} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getDownCursorOffset(e: TPointerEvent, isRight: boolean): number {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n // if on last line, down cursor goes to end of line\r\n if (\r\n lineIndex === this._textLines.length - 1 ||\r\n e.metaKey ||\r\n e.keyCode === 34\r\n ) {\r\n // move to the end of a text\r\n return this._text.length - selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex + 1,\r\n widthBeforeCursor\r\n ),\r\n textAfterCursor = this._textLines[lineIndex].slice(charIndex);\r\n return (\r\n textAfterCursor.length +\r\n indexOnOtherLine +\r\n 1 +\r\n this.missingNewlineOffset(lineIndex)\r\n );\r\n }\r\n\r\n /**\r\n * private\r\n * Helps finding if the offset should be counted from Start or End\r\n * @param {TPointerEvent} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number {\r\n if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) {\r\n return this.selectionEnd;\r\n } else {\r\n return this.selectionStart;\r\n }\r\n }\r\n\r\n /**\r\n * @param {TPointerEvent} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getUpCursorOffset(e: TPointerEvent, isRight: boolean): number {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n if (lineIndex === 0 || e.metaKey || e.keyCode === 33) {\r\n // if on first line, up cursor goes to start of line\r\n return -selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex - 1,\r\n widthBeforeCursor\r\n ),\r\n textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex),\r\n missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1);\r\n // return a negative offset\r\n return (\r\n -this._textLines[lineIndex - 1].length +\r\n indexOnOtherLine -\r\n textBeforeCursor.length +\r\n (1 - missingNewlineOffset)\r\n );\r\n }\r\n\r\n /**\r\n * for a given width it founds the matching character.\r\n * @private\r\n */\r\n _getIndexOnLine(lineIndex, width) {\r\n var line = this._textLines[lineIndex],\r\n lineLeftOffset = this._getLineLeftOffset(lineIndex),\r\n widthOfCharsOnLine = lineLeftOffset,\r\n indexOnLine = 0,\r\n charWidth,\r\n foundMatch;\r\n\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charWidth = this.__charBounds[lineIndex][j].width;\r\n widthOfCharsOnLine += charWidth;\r\n if (widthOfCharsOnLine > width) {\r\n foundMatch = true;\r\n var leftEdge = widthOfCharsOnLine - charWidth,\r\n rightEdge = widthOfCharsOnLine,\r\n offsetFromLeftEdge = Math.abs(leftEdge - width),\r\n offsetFromRightEdge = Math.abs(rightEdge - width);\r\n\r\n indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1;\r\n break;\r\n }\r\n }\r\n\r\n // reached end\r\n if (!foundMatch) {\r\n indexOnLine = line.length - 1;\r\n }\r\n\r\n return indexOnLine;\r\n }\r\n\r\n /**\r\n * Moves cursor down\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorDown(e: TPointerEvent) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Down', e);\r\n }\r\n\r\n /**\r\n * Moves cursor up\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorUp(e: TPointerEvent) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Up', e);\r\n }\r\n\r\n /**\r\n * Moves cursor up or down, fires the events\r\n * @param {String} direction 'Up' or 'Down'\r\n * @param {TPointerEvent} e Event object\r\n */\r\n _moveCursorUpOrDown(direction: string, e: TPointerEvent) {\r\n var action = 'get' + direction + 'CursorOffset',\r\n offset = this[action](e, this._selectionDirection === 'right');\r\n if (e.shiftKey) {\r\n this.moveCursorWithShift(offset);\r\n } else {\r\n this.moveCursorWithoutShift(offset);\r\n }\r\n if (offset !== 0) {\r\n this.setSelectionInBoundaries();\r\n this.abortCursorAnimation();\r\n this._currentCursorOpacity = 1;\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor with shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithShift(offset: number) {\r\n var newSelection =\r\n this._selectionDirection === 'left'\r\n ? this.selectionStart + offset\r\n : this.selectionEnd + offset;\r\n this.setSelectionStartEndWithShift(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n newSelection\r\n );\r\n return offset !== 0;\r\n }\r\n\r\n /**\r\n * Moves cursor up without shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithoutShift(offset: number) {\r\n if (offset < 0) {\r\n this.selectionStart += offset;\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionEnd += offset;\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return offset !== 0;\r\n }\r\n\r\n /**\r\n * Moves cursor left\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorLeft(e: TPointerEvent) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Left', e);\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Boolean} true if a change happened\r\n */\r\n _move(e, prop, direction): boolean {\r\n var newValue;\r\n if (e.altKey) {\r\n newValue = this['findWordBoundary' + direction](this[prop]);\r\n } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) {\r\n newValue = this['findLineBoundary' + direction](this[prop]);\r\n } else {\r\n this[prop] += direction === 'Left' ? -1 : 1;\r\n return true;\r\n }\r\n if (typeof newValue !== 'undefined' && this[prop] !== newValue) {\r\n this[prop] = newValue;\r\n return true;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _moveLeft(e, prop) {\r\n return this._move(e, prop, 'Left');\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _moveRight(e, prop) {\r\n return this._move(e, prop, 'Right');\r\n }\r\n\r\n /**\r\n * Moves cursor left without keeping selection\r\n * @param {TPointerEvent} e\r\n */\r\n moveCursorLeftWithoutShift(e: TPointerEvent) {\r\n var change = true;\r\n this._selectionDirection = 'left';\r\n\r\n // only move cursor when there is no selection,\r\n // otherwise we discard it, and leave cursor on same place\r\n if (\r\n this.selectionEnd === this.selectionStart &&\r\n this.selectionStart !== 0\r\n ) {\r\n change = this._moveLeft(e, 'selectionStart');\r\n }\r\n this.selectionEnd = this.selectionStart;\r\n return change;\r\n }\r\n\r\n /**\r\n * Moves cursor left while keeping selection\r\n * @param {TPointerEvent} e\r\n */\r\n moveCursorLeftWithShift(e: TPointerEvent) {\r\n if (\r\n this._selectionDirection === 'right' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveLeft(e, 'selectionEnd');\r\n } else if (this.selectionStart !== 0) {\r\n this._selectionDirection = 'left';\r\n return this._moveLeft(e, 'selectionStart');\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor right\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorRight(e: TPointerEvent) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Right', e);\r\n }\r\n\r\n /**\r\n * Moves cursor right or Left, fires event\r\n * @param {String} direction 'Left', 'Right'\r\n * @param {TPointerEvent} e Event object\r\n */\r\n _moveCursorLeftOrRight(direction: string, e: TPointerEvent) {\r\n var actionName = 'moveCursor' + direction + 'With';\r\n this._currentCursorOpacity = 1;\r\n\r\n if (e.shiftKey) {\r\n actionName += 'Shift';\r\n } else {\r\n actionName += 'outShift';\r\n }\r\n if (this[actionName](e)) {\r\n this.abortCursorAnimation();\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor right while keeping selection\r\n * @param {TPointerEvent} e\r\n */\r\n moveCursorRightWithShift(e: TPointerEvent) {\r\n if (\r\n this._selectionDirection === 'left' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveRight(e, 'selectionStart');\r\n } else if (this.selectionEnd !== this._text.length) {\r\n this._selectionDirection = 'right';\r\n return this._moveRight(e, 'selectionEnd');\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor right without keeping selection\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorRightWithoutShift(e: TPointerEvent) {\r\n var changed = true;\r\n this._selectionDirection = 'right';\r\n\r\n if (this.selectionStart === this.selectionEnd) {\r\n changed = this._moveRight(e, 'selectionStart');\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return changed;\r\n }\r\n\r\n /**\r\n * Removes characters from start/end\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n removeChars(start: number, end: number) {\r\n if (typeof end === 'undefined') {\r\n end = start + 1;\r\n }\r\n this.removeStyleFromTo(start, end);\r\n this._text.splice(start, end - start);\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n }\r\n\r\n /**\r\n * insert characters at start position, before start position.\r\n * start equal 1 it means the text get inserted between actual grapheme 0 and 1\r\n * if style array is provided, it must be as the same length of text in graphemes\r\n * if end is provided and is bigger than start, old text is replaced.\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {String} text text to insert\r\n * @param {Array} style array of style objects\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n insertChars(text: string, style: Array, start: number, end: number) {\r\n if (typeof end === 'undefined') {\r\n end = start;\r\n }\r\n if (end > start) {\r\n this.removeStyleFromTo(start, end);\r\n }\r\n var graphemes = this.graphemeSplit(text);\r\n this.insertNewStyleBlock(graphemes, start, style);\r\n this._text = [].concat(\r\n this._text.slice(0, start),\r\n graphemes,\r\n this._text.slice(end)\r\n );\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n }\r\n };\r\n}\r\n\r\nIText = ITextKeyBehaviorMixinGenerator(IText);\r\n\r\nexport const iTextKeyBehaviorMixinDefaultValues: Partial<\r\n TClassProperties\r\n> = {\r\n keysMap: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorRight',\r\n 36: 'moveCursorLeft',\r\n 37: 'moveCursorLeft',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorRight',\r\n 40: 'moveCursorDown',\r\n },\r\n keysMapRtl: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorLeft',\r\n 36: 'moveCursorRight',\r\n 37: 'moveCursorRight',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorLeft',\r\n 40: 'moveCursorDown',\r\n },\r\n ctrlKeysMapUp: {\r\n 67: 'copy',\r\n 88: 'cut',\r\n },\r\n ctrlKeysMapDown: {\r\n 65: 'selectAll',\r\n },\r\n};\r\n\r\nObject.assign(\r\n ITextKeyBehaviorMixin.prototype,\r\n iTextKeyBehaviorMixinDefaultValues\r\n);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\nvar fabric = global.fabric,\r\n toFixed = toFixed,\r\n multipleSpacesRegex = / +/g;\r\n\r\nexport function TextIMixinGenerator(Klass) {\r\n return class TextIMixin extends Klass {\r\n /**\r\n * Returns SVG representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG(): string {\r\n var offsets = this._getSVGLeftTopOffsets(),\r\n textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\r\n return this._wrapSVGTextAndBg(textAndBg);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG(reviver: Function): string {\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n noStyle: true,\r\n withShadow: true,\r\n });\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLeftTopOffsets() {\r\n return {\r\n textLeft: -this.width / 2,\r\n textTop: -this.height / 2,\r\n lineTop: this.getHeightOfLine(0),\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _wrapSVGTextAndBg(textAndBg) {\r\n var noShadow = true,\r\n textDecoration = this.getSvgTextDecoration(this);\r\n return [\r\n textAndBg.textBgRects.join(''),\r\n '\\t\\t',\r\n textAndBg.textSpans.join(''),\r\n '\\n',\r\n ];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Number} textTopOffset Text top offset\r\n * @param {Number} textLeftOffset Text left offset\r\n * @return {Object}\r\n */\r\n _getSVGTextAndBg(textTopOffset: number, textLeftOffset: number): object {\r\n var textSpans = [],\r\n textBgRects = [],\r\n height = textTopOffset,\r\n lineOffset;\r\n // bounding-box background\r\n this._setSVGBg(textBgRects);\r\n\r\n // text and text-background\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n lineOffset = this._getLineLeftOffset(i);\r\n if (this.direction === 'rtl') {\r\n lineOffset += this.width;\r\n }\r\n if (\r\n this.textBackgroundColor ||\r\n this.styleHas('textBackgroundColor', i)\r\n ) {\r\n this._setSVGTextLineBg(\r\n textBgRects,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n }\r\n this._setSVGTextLineText(\r\n textSpans,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n height += this.getHeightOfLine(i);\r\n }\r\n\r\n return {\r\n textSpans: textSpans,\r\n textBgRects: textBgRects,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _createTextCharSpan(_char, styleDecl, left, top) {\r\n var shouldUseWhitespace =\r\n _char !== _char.trim() || _char.match(multipleSpacesRegex),\r\n styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace),\r\n fillStyles = styleProps ? 'style=\"' + styleProps + '\"' : '',\r\n dy = styleDecl.deltaY,\r\n dySpan = '',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n if (dy) {\r\n dySpan = ' dy=\"' + toFixed(dy, NUM_FRACTION_DIGITS) + '\" ';\r\n }\r\n return [\r\n '',\r\n string.escapeXml(_char),\r\n '',\r\n ].join('');\r\n }\r\n\r\n _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) {\r\n var lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n style,\r\n boxWidth = 0,\r\n line = this._textLines[lineIndex],\r\n timeToRender;\r\n\r\n textTopOffset +=\r\n (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight;\r\n for (var i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n textLeftOffset += charBox.kernedWidth - charBox.width;\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = hasStyleChanged(actualStyle, nextStyle, true);\r\n }\r\n if (timeToRender) {\r\n style = this._getStyleDeclaration(lineIndex, i) || {};\r\n textSpans.push(\r\n this._createTextCharSpan(\r\n charsToRender,\r\n style,\r\n textLeftOffset,\r\n textTopOffset\r\n )\r\n );\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n if (this.direction === 'rtl') {\r\n textLeftOffset -= boxWidth;\r\n } else {\r\n textLeftOffset += boxWidth;\r\n }\r\n boxWidth = 0;\r\n }\r\n }\r\n }\r\n\r\n _pushTextBgRect(textBgRects, color, left, top, width, height) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n }\r\n\r\n _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) {\r\n var line = this._textLines[i],\r\n heightOfLine = this.getHeightOfLine(i) / this.lineHeight,\r\n boxWidth = 0,\r\n boxStart = 0,\r\n charBox,\r\n currentColor,\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\r\n if (currentColor !== lastColor) {\r\n lastColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n lastColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n currentColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n currentColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n }\r\n\r\n /**\r\n * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values\r\n * we work around it by \"moving\" alpha channel into opacity attribute and setting fill's alpha to 1\r\n *\r\n * @private\r\n * @param {*} value\r\n * @return {String}\r\n */\r\n _getFillAttributes(value: any): string {\r\n var fillColor =\r\n value && typeof value === 'string' ? new Color(value) : '';\r\n if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) {\r\n return 'fill=\"' + value + '\"';\r\n }\r\n return (\r\n 'opacity=\"' +\r\n fillColor.getAlpha() +\r\n '\" fill=\"' +\r\n fillColor.setAlpha(1).toRgb() +\r\n '\"'\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLineTopOffset(lineIndex) {\r\n var lineTopOffset = 0,\r\n lastHeight = 0;\r\n for (var j = 0; j < lineIndex; j++) {\r\n lineTopOffset += this.getHeightOfLine(j);\r\n }\r\n lastHeight = this.getHeightOfLine(j);\r\n return {\r\n lineTop: lineTopOffset,\r\n offset:\r\n ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) /\r\n (this.lineHeight * this._fontSizeMult),\r\n };\r\n }\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles(skipShadow: boolean): string {\r\n var svgStyle = FabricObject.prototype.getSvgStyles.call(this, skipShadow);\r\n return svgStyle + ' white-space: pre;';\r\n }\r\n };\r\n}\r\n\r\nText = TextIMixinGenerator(Text);\r\n\r\n/* _TO_SVG_END_ */\r\n","// @ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { stylesFromArray } from '../util/misc/textStyles';\r\nimport { IText } from './itext.class';\r\nimport { FabricObject } from './object.class';\r\nimport { textDefaultValues } from './text.class';\r\n\r\n/**\r\n * Textbox class, based on IText, allows the user to resize the text rectangle\r\n * and wraps lines automatically. Textboxes have their Y scaling locked, the\r\n * user can only change width. Height is adjusted automatically based on the\r\n * wrapping of lines.\r\n */\r\nexport class Textbox extends IText {\r\n /**\r\n * Minimum width of textbox, in pixels.\r\n * @type Number\r\n * @default\r\n */\r\n minWidth: number;\r\n\r\n /**\r\n * Minimum calculated width of a textbox, in pixels.\r\n * fixed to 2 so that an empty textbox cannot go to 0\r\n * and is still selectable without text.\r\n * @type Number\r\n * @default\r\n */\r\n dynamicMinWidth: number;\r\n\r\n /**\r\n * Cached array of text wrapping.\r\n * @type Array\r\n */\r\n __cachedLines: Array | null = null;\r\n\r\n /**\r\n * Use this boolean property in order to split strings that have no white space concept.\r\n * this is a cheap way to help with chinese/japanese\r\n * @type Boolean\r\n * @since 2.6.0\r\n */\r\n splitByGrapheme: boolean;\r\n\r\n /**\r\n * Unlike superclass's version of this function, Textbox does not update\r\n * its width.\r\n * @private\r\n * @override\r\n */\r\n initDimensions() {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n this._clearCache();\r\n // clear dynamicMinWidth as it will be different after we re-wrap line\r\n this.dynamicMinWidth = 0;\r\n // wrap lines\r\n this._styleMap = this._generateStyleMap(this._splitText());\r\n // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap\r\n if (this.dynamicMinWidth > this.width) {\r\n this._set('width', this.dynamicMinWidth);\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n // clear cache and re-calculate height\r\n this.height = this.calcTextHeight();\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n }\r\n\r\n /**\r\n * Generate an object that translates the style object so that it is\r\n * broken up by visual lines (new lines and automatic wrapping).\r\n * The original text styles object is broken up by actual lines (new lines only),\r\n * which is only sufficient for Text / IText\r\n * @private\r\n */\r\n _generateStyleMap(textInfo) {\r\n let realLineCount = 0,\r\n realLineCharCount = 0,\r\n charCount = 0,\r\n map = {};\r\n\r\n for (let i = 0; i < textInfo.graphemeLines.length; i++) {\r\n if (textInfo.graphemeText[charCount] === '\\n' && i > 0) {\r\n realLineCharCount = 0;\r\n charCount++;\r\n realLineCount++;\r\n } else if (\r\n !this.splitByGrapheme &&\r\n this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) &&\r\n i > 0\r\n ) {\r\n // this case deals with space's that are removed from end of lines when wrapping\r\n realLineCharCount++;\r\n charCount++;\r\n }\r\n\r\n map[i] = { line: realLineCount, offset: realLineCharCount };\r\n\r\n charCount += textInfo.graphemeLines[i].length;\r\n realLineCharCount += textInfo.graphemeLines[i].length;\r\n }\r\n\r\n return map;\r\n }\r\n\r\n /**\r\n * Returns true if object has a style property or has it on a specified line\r\n * @param {Number} lineIndex\r\n * @return {Boolean}\r\n */\r\n styleHas(property, lineIndex: number): boolean {\r\n if (this._styleMap && !this.isWrapping) {\r\n const map = this._styleMap[lineIndex];\r\n if (map) {\r\n lineIndex = map.line;\r\n }\r\n }\r\n return super.styleHas(property, lineIndex);\r\n }\r\n\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles(lineIndex: number): boolean {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n let offset = 0,\r\n nextLineIndex = lineIndex + 1,\r\n nextOffset,\r\n obj,\r\n shouldLimit = false,\r\n map = this._styleMap[lineIndex],\r\n mapNextLine = this._styleMap[lineIndex + 1];\r\n if (map) {\r\n lineIndex = map.line;\r\n offset = map.offset;\r\n }\r\n if (mapNextLine) {\r\n nextLineIndex = mapNextLine.line;\r\n shouldLimit = nextLineIndex === lineIndex;\r\n nextOffset = mapNextLine.offset;\r\n }\r\n obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (const p1 in obj) {\r\n for (const p2 in obj[p1]) {\r\n if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (const p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _getStyleDeclaration(lineIndex: number, charIndex: number) {\r\n if (this._styleMap && !this.isWrapping) {\r\n const map = this._styleMap[lineIndex];\r\n if (!map) {\r\n return null;\r\n }\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n }\r\n return super._getStyleDeclaration(lineIndex, charIndex);\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) {\r\n const map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n\r\n this.styles[lineIndex][charIndex] = style;\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _deleteStyleDeclaration(lineIndex: number, charIndex: number) {\r\n const map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n delete this.styles[lineIndex][charIndex];\r\n }\r\n\r\n /**\r\n * probably broken need a fix\r\n * Returns the real style line that correspond to the wrapped lineIndex line\r\n * Used just to verify if the line does exist or not.\r\n * @param {Number} lineIndex\r\n * @returns {Boolean} if the line exists or not\r\n * @private\r\n */\r\n _getLineStyle(lineIndex: number): boolean {\r\n const map = this._styleMap[lineIndex];\r\n return !!this.styles[map.line];\r\n }\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setLineStyle(lineIndex: number) {\r\n const map = this._styleMap[lineIndex];\r\n this.styles[map.line] = {};\r\n }\r\n\r\n /**\r\n * Wraps text using the 'width' property of Textbox. First this function\r\n * splits text on newlines, so we preserve newlines entered by the user.\r\n * Then it wraps each line using the width of the Textbox by calling\r\n * _wrapLine().\r\n * @param {Array} lines The string array of text that is split into lines\r\n * @param {Number} desiredWidth width you want to wrap to\r\n * @returns {Array} Array of lines\r\n */\r\n _wrapText(lines: Array, desiredWidth: number): Array {\r\n let wrapped = [],\r\n i;\r\n this.isWrapping = true;\r\n for (i = 0; i < lines.length; i++) {\r\n wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth));\r\n }\r\n this.isWrapping = false;\r\n return wrapped;\r\n }\r\n\r\n /**\r\n * Helper function to measure a string of text, given its lineIndex and charIndex offset\r\n * It gets called when charBounds are not available yet.\r\n * Override if necessary\r\n * Use with {@link Textbox#wordSplit}\r\n *\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {String} text\r\n * @param {number} lineIndex\r\n * @param {number} charOffset\r\n * @returns {number}\r\n */\r\n _measureWord(word, lineIndex: number, charOffset: number): number {\r\n let width = 0,\r\n prevGrapheme,\r\n skipLeft = true;\r\n charOffset = charOffset || 0;\r\n for (let i = 0, len = word.length; i < len; i++) {\r\n const box = this._getGraphemeBox(\r\n word[i],\r\n lineIndex,\r\n i + charOffset,\r\n prevGrapheme,\r\n skipLeft\r\n );\r\n width += box.kernedWidth;\r\n prevGrapheme = word[i];\r\n }\r\n return width;\r\n }\r\n\r\n /**\r\n * Override this method to customize word splitting\r\n * Use with {@link Textbox#_measureWord}\r\n * @param {string} value\r\n * @returns {string[]} array of words\r\n */\r\n wordSplit(value: string): string[] {\r\n return value.split(this._wordJoiners);\r\n }\r\n\r\n /**\r\n * Wraps a line of text using the width of the Textbox and a context.\r\n * @param {Array} line The grapheme array that represent the line\r\n * @param {Number} lineIndex\r\n * @param {Number} desiredWidth width you want to wrap the line to\r\n * @param {Number} reservedSpace space to remove from wrapping for custom functionalities\r\n * @returns {Array} Array of line(s) into which the given text is wrapped\r\n * to.\r\n */\r\n _wrapLine(\r\n _line,\r\n lineIndex: number,\r\n desiredWidth: number,\r\n reservedSpace: number\r\n ): Array {\r\n var lineWidth = 0,\r\n splitByGrapheme = this.splitByGrapheme,\r\n graphemeLines = [],\r\n line = [],\r\n // spaces in different languages?\r\n words = splitByGrapheme\r\n ? this.graphemeSplit(_line)\r\n : this.wordSplit(_line),\r\n word = '',\r\n offset = 0,\r\n infix = splitByGrapheme ? '' : ' ',\r\n wordWidth = 0,\r\n infixWidth = 0,\r\n largestWordWidth = 0,\r\n lineJustStarted = true,\r\n additionalSpace = this._getWidthOfCharSpacing(),\r\n reservedSpace = reservedSpace || 0;\r\n // fix a difference between split and graphemeSplit\r\n if (words.length === 0) {\r\n words.push([]);\r\n }\r\n desiredWidth -= reservedSpace;\r\n // measure words\r\n const data = words.map(\r\n function (word) {\r\n // if using splitByGrapheme words are already in graphemes.\r\n word = splitByGrapheme ? word : this.graphemeSplit(word);\r\n const width = this._measureWord(word, lineIndex, offset);\r\n largestWordWidth = Math.max(width, largestWordWidth);\r\n offset += word.length + 1;\r\n return { word: word, width: width };\r\n }.bind(this)\r\n );\r\n const maxWidth = Math.max(\r\n desiredWidth,\r\n largestWordWidth,\r\n this.dynamicMinWidth\r\n );\r\n // layout words\r\n offset = 0;\r\n for (var i = 0; i < words.length; i++) {\r\n word = data[i].word;\r\n wordWidth = data[i].width;\r\n offset += word.length;\r\n\r\n lineWidth += infixWidth + wordWidth - additionalSpace;\r\n if (lineWidth > maxWidth && !lineJustStarted) {\r\n graphemeLines.push(line);\r\n line = [];\r\n lineWidth = wordWidth;\r\n lineJustStarted = true;\r\n } else {\r\n lineWidth += additionalSpace;\r\n }\r\n\r\n if (!lineJustStarted && !splitByGrapheme) {\r\n line.push(infix);\r\n }\r\n line = line.concat(word);\r\n\r\n infixWidth = splitByGrapheme\r\n ? 0\r\n : this._measureWord([infix], lineIndex, offset);\r\n offset++;\r\n lineJustStarted = false;\r\n }\r\n\r\n i && graphemeLines.push(line);\r\n\r\n if (largestWordWidth + reservedSpace > this.dynamicMinWidth) {\r\n this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace;\r\n }\r\n return graphemeLines;\r\n }\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @param {Number} lineIndex text to split\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping(lineIndex: number): boolean {\r\n if (!this._styleMap[lineIndex + 1]) {\r\n // is last line, return true;\r\n return true;\r\n }\r\n if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) {\r\n // this is last line before a line break, return true;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * @return Number\r\n */\r\n missingNewlineOffset(lineIndex) {\r\n if (this.splitByGrapheme) {\r\n return this.isEndOfWrapping(lineIndex) ? 1 : 0;\r\n }\r\n return 1;\r\n }\r\n\r\n /**\r\n * Gets lines of text to render in the Textbox. This function calculates\r\n * text wrapping on the fly every time it is called.\r\n * @param {String} text text to split\r\n * @returns {Array} Array of lines in the Textbox.\r\n * @override\r\n */\r\n _splitTextIntoLines(text: string) {\r\n const newText = super._splitTextIntoLines(text),\r\n graphemeLines = this._wrapText(newText.lines, this.width),\r\n lines = new Array(graphemeLines.length);\r\n for (let i = 0; i < graphemeLines.length; i++) {\r\n lines[i] = graphemeLines[i].join('');\r\n }\r\n newText.lines = lines;\r\n newText.graphemeLines = graphemeLines;\r\n return newText;\r\n }\r\n\r\n getMinWidth() {\r\n return Math.max(this.minWidth, this.dynamicMinWidth);\r\n }\r\n\r\n _removeExtraneousStyles() {\r\n const linesToKeep = {};\r\n for (var prop in this._styleMap) {\r\n if (this._textLines[prop]) {\r\n linesToKeep[this._styleMap[prop].line] = 1;\r\n }\r\n }\r\n for (var prop in this.styles) {\r\n if (!linesToKeep[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: Array): object {\r\n return super.toObject(\r\n ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)\r\n );\r\n }\r\n\r\n /**\r\n * Returns Textbox instance from an object representation\r\n * @static\r\n * @memberOf Textbox\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n const styles = stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n const objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(Textbox, objCopy, {\r\n extraParam: 'text',\r\n });\r\n }\r\n}\r\n\r\nexport const textboxDefaultValues: Partial> = {\r\n type: 'textbox',\r\n minWidth: 20,\r\n dynamicMinWidth: 2,\r\n lockScalingFlip: true,\r\n noScaleCache: false,\r\n _dimensionAffectingProps:\r\n textDefaultValues._dimensionAffectingProps!.concat('width'),\r\n _wordJoiners: /[ \\t\\r]/,\r\n splitByGrapheme: false,\r\n};\r\n\r\nObject.assign(Textbox.prototype, textboxDefaultValues);\r\n\r\nfabric.Textbox = Textbox;\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n TDegree,\r\n TMat2D,\r\n TPointerEvent,\r\n TransformAction,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport {\r\n ControlRenderingStyleOverride,\r\n renderCircleControl,\r\n renderSquareControl,\r\n} from './controls.render';\r\n\r\nexport class Control {\r\n /**\r\n * keep track of control visibility.\r\n * mainly for backward compatibility.\r\n * if you do not want to see a control, you can remove it\r\n * from the control set.\r\n * @type {Boolean}\r\n * @default true\r\n */\r\n visible = true;\r\n\r\n /**\r\n * Name of the action that the control will likely execute.\r\n * This is optional. FabricJS uses to identify what the user is doing for some\r\n * extra optimizations. If you are writing a custom control and you want to know\r\n * somewhere else in the code what is going on, you can use this string here.\r\n * you can also provide a custom getActionName if your control run multiple actions\r\n * depending on some external state.\r\n * default to scale since is the most common, used on 4 corners by default\r\n * @type {String}\r\n * @default 'scale'\r\n */\r\n actionName = 'scale';\r\n\r\n /**\r\n * Drawing angle of the control.\r\n * NOT used for now, but name marked as needed for internal logic\r\n * example: to reuse the same drawing function for different rotated controls\r\n * @type {Number}\r\n * @default 0\r\n */\r\n angle = 0;\r\n\r\n /**\r\n * Relative position of the control. X\r\n * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n x = 0;\r\n\r\n /**\r\n * Relative position of the control. Y\r\n * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n y = 0;\r\n\r\n /**\r\n * Horizontal offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the right, negative to the left.\r\n * It used when you want to have position of control that does not scale with\r\n * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n * stay 30 pixels no matter how the object is big. Another example is having 2\r\n * controls in the corner, that stay in the same position when the object scale.\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the bottom, negative to the top.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * Sets the length of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeY: number | null = null;\r\n\r\n /**\r\n * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeY: number | null = null;\r\n\r\n /**\r\n * Css cursor style to display when the control is hovered.\r\n * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n * @type {String}\r\n * @default 'crosshair'\r\n */\r\n cursorStyle = 'crosshair';\r\n\r\n /**\r\n * If controls has an offsetY or offsetX, draw a line that connects\r\n * the control to the bounding box\r\n * @type {Boolean}\r\n * @default false\r\n */\r\n withConnection = false;\r\n\r\n constructor(options: Partial) {\r\n Object.assign(this, options);\r\n }\r\n\r\n /**\r\n * The control actionHandler, provide one to handle action ( control being moved )\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n actionHandler: TransformActionHandler;\r\n\r\n /**\r\n * The control handler for mouse down, provide one to handle mouse down on control\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseDownHandler?: TransformAction;\r\n\r\n /**\r\n * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseUpHandler?: TransformAction;\r\n\r\n /**\r\n * Returns control actionHandler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getActionHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.actionHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseDown handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseDownHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseDownHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseUp handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseUpHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseUpHandler;\r\n }\r\n\r\n /**\r\n * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n * function you can pass one in the constructor\r\n * the cursorStyle property\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n cursorStyleHandler(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.cursorStyle;\r\n }\r\n\r\n /**\r\n * Returns the action name. The basic implementation just return the actionName property.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n getActionName(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.actionName;\r\n }\r\n\r\n /**\r\n * Returns controls visibility\r\n * @param {FabricObject} object on which the control is displayed\r\n * @param {String} controlKey key where the control is memorized on the\r\n * @return {Boolean}\r\n */\r\n getVisibility(fabricObject: FabricObject, controlKey: string) {\r\n // @ts-expect-error TODO remove directive once fixed\r\n return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n }\r\n\r\n /**\r\n * Sets controls visibility\r\n * @param {Boolean} visibility for the object\r\n * @return {Void}\r\n */\r\n setVisibility(visibility: boolean, name: string, fabricObject: FabricObject) {\r\n this.visible = visibility;\r\n }\r\n\r\n positionHandler(\r\n dim: Point,\r\n finalMatrix: TMat2D,\r\n fabricObject: FabricObject,\r\n currentControl: Control\r\n ) {\r\n return new Point(\r\n this.x * dim.x + this.offsetX,\r\n this.y * dim.y + this.offsetY\r\n ).transform(finalMatrix);\r\n }\r\n\r\n /**\r\n * Returns the coords for this control based on object values.\r\n * @param {Number} objectAngle angle from the fabric object holding the control\r\n * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n * isTouch is true)\r\n * @param {Number} centerX x coordinate where the control center should be\r\n * @param {Number} centerY y coordinate where the control center should be\r\n * @param {boolean} isTouch true if touch corner, false if normal corner\r\n */\r\n calcCornerCoords(\r\n objectAngle: TDegree,\r\n objectCornerSize: number,\r\n centerX: number,\r\n centerY: number,\r\n isTouch: boolean\r\n ) {\r\n let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp;\r\n const xSize = isTouch ? this.touchSizeX : this.sizeX,\r\n ySize = isTouch ? this.touchSizeY : this.sizeY;\r\n if (xSize && ySize && xSize !== ySize) {\r\n // handle rectangular corners\r\n const controlTriangleAngle = Math.atan2(ySize, xSize);\r\n const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2;\r\n const newTheta = controlTriangleAngle - degreesToRadians(objectAngle);\r\n const newThetaComp =\r\n halfPI - controlTriangleAngle - degreesToRadians(objectAngle);\r\n cosHalfOffset = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = cornerHypotenuse * sin(newTheta);\r\n // use complementary angle for two corners\r\n cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp);\r\n sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp);\r\n } else {\r\n // handle square corners\r\n // use default object corner size unless size is defined\r\n const cornerSize = xSize && ySize ? xSize : objectCornerSize;\r\n const cornerHypotenuse = cornerSize * Math.SQRT1_2;\r\n // complementary angles are equal since they're both 45 degrees\r\n const newTheta = degreesToRadians(45 - objectAngle);\r\n cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta);\r\n }\r\n\r\n return {\r\n tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp),\r\n tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset),\r\n bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset),\r\n br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp),\r\n };\r\n }\r\n\r\n /**\r\n * Render function for the control.\r\n * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n * all the functions will have to translate to the point left,top before starting Drawing\r\n * if they want to draw a control where the position is detected.\r\n * left and top are the result of the positionHandler function\r\n * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n * @param {Number} left position of the canvas where we are about to render the control.\r\n * @param {Number} top position of the canvas where we are about to render the control.\r\n * @param {Object} styleOverride\r\n * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n */\r\n render(\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride | undefined,\r\n fabricObject: FabricObject\r\n ) {\r\n styleOverride = styleOverride || {};\r\n switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n case 'circle':\r\n renderCircleControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n break;\r\n default:\r\n renderSquareControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n }\r\n }\r\n}\r\n\r\nfabric.Control = Control;\r\n","// @ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n changeWidth,\r\n rotationStyleHandler,\r\n rotationWithSnapping,\r\n scaleCursorStyleHandler,\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingEqually,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './actions';\r\nimport { Control } from './control.class';\r\n\r\nexport const defaultControls = {\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mb: new Control({\r\n x: 0,\r\n y: 0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mt: new Control({\r\n x: 0,\r\n y: -0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n tl: new Control({\r\n x: -0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n tr: new Control({\r\n x: 0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n bl: new Control({\r\n x: -0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n br: new Control({\r\n x: 0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n mtr: new Control({\r\n x: 0,\r\n y: -0.5,\r\n actionHandler: rotationWithSnapping,\r\n cursorStyleHandler: rotationStyleHandler,\r\n offsetY: -40,\r\n withConnection: true,\r\n actionName: 'rotate',\r\n }),\r\n};\r\n\r\nexport const textboxDefaultControls = {\r\n ...defaultControls,\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n};\r\n\r\nFabricObject.prototype.controls = {\r\n ...(FabricObject.prototype.controls || {}),\r\n ...defaultControls,\r\n};\r\n\r\nif (fabric.Textbox) {\r\n // this is breaking the prototype inheritance, no time / ideas to fix it.\r\n // is important to document that if you want to have all objects to have a\r\n // specific custom control, you have to add it to Object prototype and to Textbox\r\n // prototype. The controls are shared as references. So changes to control `tr`\r\n // can still apply to all objects if needed.\r\n fabric.Textbox.prototype.controls = {\r\n ...(fabric.Textbox.prototype.controls || {}),\r\n ...textboxDefaultControls,\r\n };\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { Canvas, Shadow } from '../__types__';\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}\r\n */\r\nexport abstract class BaseBrush {\r\n /**\r\n * Color of a brush\r\n * @type String\r\n * @default\r\n */\r\n color = 'rgb(0, 0, 0)';\r\n\r\n /**\r\n * Width of a brush, has to be a Number, no string literals\r\n * @type Number\r\n * @default\r\n */\r\n width = 1;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape.\r\n * Backwards incompatibility note: This property replaces \"shadowColor\" (String), \"shadowOffsetX\" (Number),\r\n * \"shadowOffsetY\" (Number) and \"shadowBlur\" (Number) since v1.2.12\r\n * @type Shadow\r\n * @default\r\n */\r\n shadow: Shadow | null = null;\r\n\r\n /**\r\n * Line endings style of a brush (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineCap: CanvasLineCap = 'round';\r\n\r\n /**\r\n * Corner style of a brush (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: CanvasLineJoin = 'round';\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of a brush's\r\n * @type Number\r\n * @default\r\n */\r\n strokeMiterLimit = 10;\r\n\r\n /**\r\n * Stroke Dash Array.\r\n * @type Array\r\n * @default\r\n */\r\n strokeDashArray: number[] | null = null;\r\n\r\n /**\r\n * When `true`, the free drawing is limited to the whiteboard size. Default to false.\r\n * @type Boolean\r\n * @default false\r\n */\r\n\r\n limitedToCanvasSize = false;\r\n\r\n /**\r\n * @todo add type\r\n */\r\n canvas: Canvas;\r\n\r\n constructor(canvas: Canvas) {\r\n this.canvas = canvas;\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n ctx.strokeStyle = this.color;\r\n ctx.lineWidth = this.width;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.setLineDash(this.strokeDashArray || []);\r\n }\r\n\r\n /**\r\n * Sets the transformation on given context\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @private\r\n */\r\n protected _saveAndTransform(ctx: CanvasRenderingContext2D) {\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n\r\n /**\r\n * Sets brush shadow styles\r\n * @private\r\n */\r\n protected _setShadow() {\r\n if (!this.shadow || !this.canvas) {\r\n return;\r\n }\r\n\r\n const canvas = this.canvas,\r\n shadow = this.shadow,\r\n ctx = canvas.contextTop,\r\n zoom = canvas.getZoom() * canvas.getRetinaScaling();\r\n\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur = shadow.blur * zoom;\r\n ctx.shadowOffsetX = shadow.offsetX * zoom;\r\n ctx.shadowOffsetY = shadow.offsetY * zoom;\r\n }\r\n\r\n protected needsFullRender() {\r\n const color = new Color(this.color);\r\n return color.getAlpha() < 1 || !!this.shadow;\r\n }\r\n\r\n /**\r\n * Removes brush shadow styles\r\n * @private\r\n */\r\n protected _resetShadow() {\r\n const ctx = this.canvas.contextTop;\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * Check is pointer is outside canvas boundaries\r\n * @param {Object} pointer\r\n * @private\r\n */\r\n protected _isOutSideCanvas(pointer: Point) {\r\n return (\r\n pointer.x < 0 ||\r\n pointer.x > this.canvas.getWidth() ||\r\n pointer.y < 0 ||\r\n pointer.y > this.canvas.getHeight()\r\n );\r\n }\r\n}\r\n\r\nfabric.BaseBrush = BaseBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Circle, Group, Shadow } = fabric;\r\n\r\nexport type CircleBrushPoint = {\r\n x: number;\r\n y: number;\r\n radius: number;\r\n fill: string;\r\n};\r\n\r\nexport class CircleBrush extends BaseBrush {\r\n /**\r\n * Width of a brush\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n points: CircleBrushPoint[];\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.points = [];\r\n }\r\n\r\n /**\r\n * Invoked inside on mouse down and mouse move\r\n * @param {Point} pointer\r\n */\r\n drawDot(pointer: Point) {\r\n const point = this.addPoint(pointer),\r\n ctx = this.canvas.contextTop;\r\n this._saveAndTransform(ctx);\r\n this.dot(ctx, point);\r\n ctx.restore();\r\n }\r\n\r\n dot(ctx: CanvasRenderingContext2D, point: CircleBrushPoint) {\r\n ctx.fillStyle = point.fill;\r\n ctx.beginPath();\r\n ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false);\r\n ctx.closePath();\r\n ctx.fill();\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.points = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n this.drawDot(pointer);\r\n }\r\n\r\n /**\r\n * Render the full state of the brush\r\n * @private\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop,\r\n points = this.points;\r\n this._saveAndTransform(ctx);\r\n for (let i = 0; i < points.length; i++) {\r\n this.dot(ctx, points[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this.needsFullRender()) {\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.addPoint(pointer);\r\n this._render();\r\n } else {\r\n this.drawDot(pointer);\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const circles = [];\r\n\r\n for (let i = 0; i < this.points.length; i++) {\r\n const point = this.points[i],\r\n circle = new Circle({\r\n radius: point.radius,\r\n left: point.x,\r\n top: point.y,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: point.fill,\r\n });\r\n\r\n this.shadow && (circle.shadow = new Shadow(this.shadow));\r\n\r\n circles.push(circle);\r\n }\r\n const group = new Group(circles, { canvas: this.canvas });\r\n\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * @param {Object} pointer\r\n * @return {Point} Just added pointer point\r\n */\r\n addPoint({ x, y }: Point) {\r\n const pointerPoint: CircleBrushPoint = {\r\n x,\r\n y,\r\n radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2,\r\n fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(),\r\n };\r\n\r\n this.points.push(pointerPoint);\r\n\r\n return pointerPoint;\r\n }\r\n}\r\n\r\nfabric.CircleBrush = CircleBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { TEvent, ModifierKey, PathData } from '../typedefs';\r\nimport { getSmoothPathFromPoints, joinPath } from '../util/path';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Path, Shadow } = fabric;\r\n\r\n/**\r\n * @private\r\n * @param {PathData} pathData SVG path commands\r\n * @returns {boolean}\r\n */\r\nfunction isEmptySVGPath(pathData: PathData): boolean {\r\n return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0';\r\n}\r\n\r\nexport class PencilBrush extends BaseBrush {\r\n /**\r\n * Discard points that are less than `decimate` pixel distant from each other\r\n * @type Number\r\n * @default 0.4\r\n */\r\n decimate = 0.4;\r\n\r\n /**\r\n * Draws a straight line between last recorded point to current pointer\r\n * Used for `shift` functionality\r\n *\r\n * @type boolean\r\n * @default false\r\n */\r\n drawStraightLine = false;\r\n\r\n /**\r\n * The event modifier key that makes the brush draw a straight line.\r\n * If `null` or 'none' or any other string that is not a modifier key the feature is disabled.\r\n * @type {ModifierKey | undefined | null}\r\n */\r\n straightLineKey: ModifierKey | undefined | null = 'shiftKey';\r\n\r\n private _points: Point[];\r\n private _hasStraightLine: boolean;\r\n private oldEnd?: Point;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this._points = [];\r\n this._hasStraightLine = false;\r\n }\r\n\r\n needsFullRender() {\r\n return super.needsFullRender() || this._hasStraightLine;\r\n }\r\n\r\n static drawSegment(ctx: CanvasRenderingContext2D, p1: Point, p2: Point) {\r\n const midPoint = p1.midPointFrom(p2);\r\n ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\r\n return midPoint;\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n this._prepareForDrawing(pointer);\r\n // capture coordinates immediately\r\n // this allows to draw dots (when movement never occurs)\r\n this._addPoint(pointer);\r\n this._render();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this._addPoint(pointer) && this._points.length > 1) {\r\n if (this.needsFullRender()) {\r\n // redraw curve\r\n // clear top canvas\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._render();\r\n } else {\r\n const points = this._points,\r\n length = points.length,\r\n ctx = this.canvas.contextTop;\r\n // draw the curve update\r\n this._saveAndTransform(ctx);\r\n if (this.oldEnd) {\r\n ctx.beginPath();\r\n ctx.moveTo(this.oldEnd.x, this.oldEnd.y);\r\n }\r\n this.oldEnd = PencilBrush.drawSegment(\r\n ctx,\r\n points[length - 2],\r\n points[length - 1]\r\n );\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp({ e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return true;\r\n }\r\n this.drawStraightLine = false;\r\n this.oldEnd = undefined;\r\n this._finalizeAndAddPath();\r\n return false;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} pointer Actual mouse position related to the canvas.\r\n */\r\n _prepareForDrawing(pointer: Point) {\r\n this._reset();\r\n this._addPoint(pointer);\r\n this.canvas.contextTop.moveTo(pointer.x, pointer.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} point Point to be added to points array\r\n */\r\n _addPoint(point: Point) {\r\n if (\r\n this._points.length > 1 &&\r\n point.eq(this._points[this._points.length - 1])\r\n ) {\r\n return false;\r\n }\r\n if (this.drawStraightLine && this._points.length > 1) {\r\n this._hasStraightLine = true;\r\n this._points.pop();\r\n }\r\n this._points.push(point);\r\n return true;\r\n }\r\n\r\n /**\r\n * Clear points array and set contextTop canvas style.\r\n * @private\r\n */\r\n _reset() {\r\n this._points = [];\r\n this._setBrushStyles(this.canvas.contextTop);\r\n this._setShadow();\r\n this._hasStraightLine = false;\r\n }\r\n\r\n /**\r\n * Draw a smooth path on the topCanvas using quadraticCurveTo\r\n * @private\r\n * @param {CanvasRenderingContext2D} [ctx]\r\n */\r\n _render(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\r\n let p1 = this._points[0],\r\n p2 = this._points[1];\r\n this._saveAndTransform(ctx);\r\n ctx.beginPath();\r\n //if we only have 2 points in the path and they are the same\r\n //it means that the user only clicked the canvas without moving the mouse\r\n //then we should be drawing a dot. A path isn't drawn between two identical dots\r\n //that's why we set them apart a bit\r\n if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) {\r\n const width = this.width / 1000;\r\n p1.x -= width;\r\n p2.x += width;\r\n }\r\n ctx.moveTo(p1.x, p1.y);\r\n\r\n for (let i = 1; i < this._points.length; i++) {\r\n // we pick the point between pi + 1 & pi + 2 as the\r\n // end point and p1 as our control point.\r\n PencilBrush.drawSegment(ctx, p1, p2);\r\n p1 = this._points[i];\r\n p2 = this._points[i + 1];\r\n }\r\n // Draw last line as a straight line while\r\n // we wait for the next point to be able to calculate\r\n // the bezier control point\r\n ctx.lineTo(p1.x, p1.y);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Converts points to SVG path\r\n * @param {Array} points Array of points\r\n * @return {PathData} SVG path commands\r\n */\r\n convertPointsToSVGPath(points: Point[]): PathData {\r\n const correction = this.width / 1000;\r\n return getSmoothPathFromPoints(points, correction);\r\n }\r\n\r\n /**\r\n * Creates a Path object to add on canvas\r\n * @param {PathData} pathData Path data\r\n * @return {Path} Path to add on canvas\r\n */\r\n createPath(pathData: PathData) {\r\n const path = new Path(pathData, {\r\n fill: null,\r\n stroke: this.color,\r\n strokeWidth: this.width,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeMiterLimit: this.strokeMiterLimit,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeDashArray: this.strokeDashArray,\r\n });\r\n if (this.shadow) {\r\n this.shadow.affectStroke = true;\r\n path.shadow = new Shadow(this.shadow);\r\n }\r\n\r\n return path;\r\n }\r\n\r\n /**\r\n * Decimate points array with the decimate value\r\n */\r\n decimatePoints(points: Point[], distance: number) {\r\n if (points.length <= 2) {\r\n return points;\r\n }\r\n let lastPoint = points[0],\r\n cDistance;\r\n const zoom = this.canvas.getZoom(),\r\n adjustedDistance = Math.pow(distance / zoom, 2),\r\n l = points.length - 1,\r\n newPoints = [lastPoint];\r\n for (let i = 1; i < l - 1; i++) {\r\n cDistance =\r\n Math.pow(lastPoint.x - points[i].x, 2) +\r\n Math.pow(lastPoint.y - points[i].y, 2);\r\n if (cDistance >= adjustedDistance) {\r\n lastPoint = points[i];\r\n newPoints.push(lastPoint);\r\n }\r\n }\r\n // Add the last point from the original line to the end of the array.\r\n // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point.\r\n newPoints.push(points[l]);\r\n return newPoints;\r\n }\r\n\r\n /**\r\n * On mouseup after drawing the path on contextTop canvas\r\n * we use the points captured to create an new Path object\r\n * and add it to the canvas.\r\n */\r\n _finalizeAndAddPath() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.closePath();\r\n if (this.decimate) {\r\n this._points = this.decimatePoints(this._points, this.decimate);\r\n }\r\n const pathData = this.convertPointsToSVGPath(this._points);\r\n if (isEmptySVGPath(pathData)) {\r\n // do not create 0 width/height paths, as they are\r\n // rendered inconsistently across browsers\r\n // Firefox 4, for example, renders a dot,\r\n // whereas Chrome 10 renders nothing\r\n this.canvas.requestRenderAll();\r\n return;\r\n }\r\n\r\n const path = this.createPath(pathData);\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.canvas.fire('before:path:created', { path: path });\r\n this.canvas.add(path);\r\n this.canvas.requestRenderAll();\r\n path.setCoords();\r\n this._resetShadow();\r\n\r\n // fire event 'path' created\r\n this.canvas.fire('path:created', { path: path });\r\n }\r\n}\r\n\r\nfabric.PencilBrush = PencilBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { PathData } from '../typedefs';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { Canvas } from '../__types__';\r\nimport { PencilBrush } from './pencil_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Pattern } = fabric;\r\n\r\nexport class PatternBrush extends PencilBrush {\r\n source?: CanvasImageSource;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n }\r\n\r\n getPatternSrc() {\r\n const dotWidth = 20,\r\n dotDistance = 5,\r\n patternCanvas = createCanvasElement(),\r\n patternCtx = patternCanvas.getContext('2d');\r\n\r\n patternCanvas.width = patternCanvas.height = dotWidth + dotDistance;\r\n if (patternCtx) {\r\n patternCtx.fillStyle = this.color;\r\n patternCtx.beginPath();\r\n patternCtx.arc(\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n 0,\r\n Math.PI * 2,\r\n false\r\n );\r\n patternCtx.closePath();\r\n patternCtx.fill();\r\n }\r\n return patternCanvas;\r\n }\r\n\r\n getPatternSrcFunction() {\r\n return String(this.getPatternSrc).replace(\r\n 'this.color',\r\n '\"' + this.color + '\"'\r\n );\r\n }\r\n\r\n /**\r\n * Creates \"pattern\" instance property\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n getPattern(ctx: CanvasRenderingContext2D) {\r\n return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat');\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n super._setBrushStyles(ctx);\r\n const pattern = this.getPattern(ctx);\r\n pattern && (ctx.strokeStyle = pattern);\r\n }\r\n\r\n /**\r\n * Creates path\r\n */\r\n createPath(pathData: PathData) {\r\n const path = super.createPath(pathData),\r\n topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2);\r\n\r\n path.stroke = new Pattern({\r\n source: this.source || this.getPatternSrcFunction(),\r\n offsetX: -topLeft.x,\r\n offsetY: -topLeft.y,\r\n });\r\n return path;\r\n }\r\n}\r\n\r\nfabric.PatternBrush = PatternBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas, Rect } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Group, Rect, Shadow } = fabric;\r\n\r\nexport type SprayBrushPoint = {\r\n x: number;\r\n y: number;\r\n width: number;\r\n opacity: number;\r\n};\r\n\r\n/**\r\n *\r\n * @param rects\r\n * @returns\r\n */\r\nfunction getUniqueRects(rects: Rect[]) {\r\n const uniqueRects: Record = {};\r\n const uniqueRectsArray: Rect[] = [];\r\n\r\n for (let i = 0, key: string; i < rects.length; i++) {\r\n key = `${rects[i].left}${rects[i].top}`;\r\n if (!uniqueRects[key]) {\r\n uniqueRects[key] = true;\r\n uniqueRectsArray.push(rects[i]);\r\n }\r\n }\r\n\r\n return uniqueRectsArray;\r\n}\r\n\r\nexport class SprayBrush extends BaseBrush {\r\n /**\r\n * Width of a spray\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n /**\r\n * Density of a spray (number of dots per chunk)\r\n * @type Number\r\n * @default\r\n */\r\n density = 20;\r\n\r\n /**\r\n * Width of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidth = 1;\r\n\r\n /**\r\n * Width variance of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidthVariance = 1;\r\n\r\n /**\r\n * Whether opacity of a dot should be random\r\n * @type Boolean\r\n * @default\r\n */\r\n randomOpacity = false;\r\n\r\n /**\r\n * Whether overlapping dots (rectangles) should be removed (for performance reasons)\r\n * @type Boolean\r\n * @default\r\n */\r\n optimizeOverlapping = true;\r\n\r\n private sprayChunks: SprayBrushPoint[][];\r\n\r\n private sprayChunk: SprayBrushPoint[];\r\n\r\n /**\r\n * Constructor\r\n * @param {Canvas} canvas\r\n * @return {SprayBrush} Instance of a spray brush\r\n */\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.sprayChunks = [];\r\n this.sprayChunk = [];\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.sprayChunks = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const rects = [];\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n const sprayChunk = this.sprayChunks[i];\r\n for (let j = 0; j < sprayChunk.length; j++) {\r\n const chunck = sprayChunk[j];\r\n const rect = new Rect({\r\n width: chunck.width,\r\n height: chunck.width,\r\n left: chunck.x + 1,\r\n top: chunck.y + 1,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: this.color,\r\n });\r\n rects.push(rect);\r\n }\r\n }\r\n\r\n const group = new Group(\r\n this.optimizeOverlapping ? getUniqueRects(rects) : rects,\r\n {\r\n objectCaching: true,\r\n layout: 'fixed',\r\n subTargetCheck: false,\r\n interactive: false,\r\n }\r\n );\r\n this.shadow && group.set('shadow', new Shadow(this.shadow));\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n renderChunck(sprayChunck: SprayBrushPoint[]) {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < sprayChunck.length; i++) {\r\n const point = sprayChunck[i];\r\n ctx.globalAlpha = point.opacity;\r\n ctx.fillRect(point.x, point.y, point.width, point.width);\r\n }\r\n\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Render all spray chunks\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n this.renderChunck(this.sprayChunks[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @param {Point} pointer\r\n */\r\n addSprayChunk(pointer: Point) {\r\n this.sprayChunk = [];\r\n const radius = this.width / 2;\r\n\r\n for (let i = 0; i < this.density; i++) {\r\n this.sprayChunk.push({\r\n x: getRandomInt(pointer.x - radius, pointer.x + radius),\r\n y: getRandomInt(pointer.y - radius, pointer.y + radius),\r\n width: this.dotWidthVariance\r\n ? getRandomInt(\r\n // bottom clamp width to 1\r\n Math.max(1, this.dotWidth - this.dotWidthVariance),\r\n this.dotWidth + this.dotWidthVariance\r\n )\r\n : this.dotWidth,\r\n opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1,\r\n });\r\n }\r\n\r\n this.sprayChunks.push(this.sprayChunk);\r\n }\r\n}\r\n\r\nfabric.SprayBrush = SprayBrush;\r\n"],"names":["fabric","VERSION","transformPoint","hasStyleChanged","createCanvasElement","toFixed","setStyle","addListener","FabricObject","Pattern","Circle","Rect","Text","IText","Group","Shadow"],"mappings":"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"} \ No newline at end of file diff --git a/rollup.config.js b/rollup.config.js index 75ac9b4bb59..03bdc93c3bf 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -1,4 +1,6 @@ import json from '@rollup/plugin-json'; +import { writeFileSync } from 'fs'; +import analyze from 'rollup-plugin-analyzer'; import { sizeSnapshot } from 'rollup-plugin-size-snapshot'; import { terser } from 'rollup-plugin-terser'; import ts from 'rollup-plugin-ts'; @@ -39,5 +41,19 @@ export default { ts({ /* Plugin options */ }), + runStats && + analyze({ + onAnalysis(analysis) { + if (analyzed) { + // We only want reports on the minified output + throw ''; + } + writeFileSync( + 'cli_output/build_stats.json', + JSON.stringify(analysis, null, 2) + ); + analyzed = true; + }, + }), ], }; From b392cc165585c8258682b59a54fa2631e24d6865 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:55:43 +0200 Subject: [PATCH 21/58] Update text_to_svg.js --- test/unit/text_to_svg.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/test/unit/text_to_svg.js b/test/unit/text_to_svg.js index 50774c220ec..783b971f8cc 100644 --- a/test/unit/text_to_svg.js +++ b/test/unit/text_to_svg.js @@ -2,7 +2,14 @@ function removeTranslate(str) { return str.replace(/matrix\(.*?\)/, ''); } - QUnit.module('fabric.Text'); + QUnit.module('fabric.Text SVG Export', { + before() { + fabric.config.configure({ NUM_FRACTION_DIGITS: 2 }); + }, + after() { + fabric.config.restoreDefaults(); + } + }); QUnit.test('toSVG', function(assert) { var TEXT_SVG = '\n\t\tx\n\n'; var text = new fabric.Text('x'); From 8980236431abf43a55937953cb6e8655deead654 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 14:59:05 +0200 Subject: [PATCH 22/58] Create Untitled-1.json --- test/unit/textbox.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/test/unit/textbox.js b/test/unit/textbox.js index 913ff396ddc..5191cf67b4a 100644 --- a/test/unit/textbox.js +++ b/test/unit/textbox.js @@ -1,11 +1,16 @@ (function() { var canvas = this.canvas = new fabric.Canvas(); QUnit.module('fabric.Textbox', { - afterEach: function() { + before() { + fabric.config.configure({ NUM_FRACTION_DIGITS: 2 }); + }, + after() { + fabric.config.restoreDefaults(); + }, + afterEach() { canvas.clear(); } }); - var TEXTBOX_OBJECT = { version: fabric.version, type: 'textbox', From b9916f1048acb3a7321a4499b09ef57f410f9742 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:02:43 +0200 Subject: [PATCH 23/58] checkout IText mixins --- src/mixins/itext.svg_export.ts | 587 ++--- src/mixins/itext_behavior.mixin.ts | 2523 +++++++++++----------- src/mixins/itext_click_behavior.mixin.ts | 576 ++--- src/mixins/itext_key_behavior.mixin.ts | 1537 ++++++------- 4 files changed, 2640 insertions(+), 2583 deletions(-) diff --git a/src/mixins/itext.svg_export.ts b/src/mixins/itext.svg_export.ts index fd8a81a79ec..ac8234b303f 100644 --- a/src/mixins/itext.svg_export.ts +++ b/src/mixins/itext.svg_export.ts @@ -5,315 +5,332 @@ import { config } from '../config'; import { FabricObject } from '../shapes/fabricObject.class'; /* _TO_SVG_START_ */ -var fabric = global.fabric, - toFixed = toFixed, - multipleSpacesRegex = / +/g; +(function (global) { + var fabric = global.fabric, + toFixed = fabric.util.toFixed, + multipleSpacesRegex = / +/g; -export function TextIMixinGenerator(Klass) { - return class TextIMixin extends Klass { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG(): string { - var offsets = this._getSVGLeftTopOffsets(), - textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - } + fabric.util.object.extend( + fabric.Text.prototype, + /** @lends fabric.Text.prototype */ { + /** + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function () { + var offsets = this._getSVGLeftTopOffsets(), + textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG(reviver: Function): string { - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - noStyle: true, - withShadow: true, - }); - } + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function (reviver) { + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + noStyle: true, + withShadow: true, + }); + }, - /** - * @private - */ - _getSVGLeftTopOffsets() { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0), - }; - } + /** + * @private + */ + _getSVGLeftTopOffsets: function () { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0), + }; + }, - /** - * @private - */ - _wrapSVGTextAndBg(textAndBg) { - var noShadow = true, - textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n', - ]; - } + /** + * @private + */ + _wrapSVGTextAndBg: function (textAndBg) { + var noShadow = true, + textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n', + ]; + }, - /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg(textTopOffset: number, textLeftOffset: number): object { - var textSpans = [], - textBgRects = [], - height = textTopOffset, - lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); + /** + * @private + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { + var textSpans = [], + textBgRects = [], + height = textTopOffset, + lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.direction === 'rtl') { - lineOffset += this.width; - } - if ( - this.textBackgroundColor || - this.styleHas('textBackgroundColor', i) - ) { - this._setSVGTextLineBg( - textBgRects, + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.direction === 'rtl') { + lineOffset += this.width; + } + if ( + this.textBackgroundColor || + this.styleHas('textBackgroundColor', i) + ) { + this._setSVGTextLineBg( + textBgRects, + i, + textLeftOffset + lineOffset, + height + ); + } + this._setSVGTextLineText( + textSpans, i, textLeftOffset + lineOffset, height ); + height += this.getHeightOfLine(i); } - this._setSVGTextLineText( - textSpans, - i, - textLeftOffset + lineOffset, - height - ); - height += this.getHeightOfLine(i); - } - return { - textSpans: textSpans, - textBgRects: textBgRects, - }; - } + return { + textSpans: textSpans, + textBgRects: textBgRects, + }; + }, - /** - * @private - */ - _createTextCharSpan(_char, styleDecl, left, top) { - var shouldUseWhitespace = - _char !== _char.trim() || _char.match(multipleSpacesRegex), - styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), - fillStyles = styleProps ? 'style="' + styleProps + '"' : '', - dy = styleDecl.deltaY, - dySpan = '', - NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - string.escapeXml(_char), - '', - ].join(''); - } + /** + * @private + */ + _createTextCharSpan: function (_char, styleDecl, left, top) { + var shouldUseWhitespace = + _char !== _char.trim() || _char.match(multipleSpacesRegex), + styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), + fillStyles = styleProps ? 'style="' + styleProps + '"' : '', + dy = styleDecl.deltaY, + dySpan = '', + NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + fabric.util.string.escapeXml(_char), + '', + ].join(''); + }, - _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) { - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, - style, - boxWidth = 0, - line = this._textLines[lineIndex], - timeToRender; + _setSVGTextLineText: function ( + textSpans, + lineIndex, + textLeftOffset, + textTopOffset + ) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, + style, + boxWidth = 0, + line = this._textLines[lineIndex], + timeToRender; - textTopOffset += - (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; - } else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; + textTopOffset += + (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = fabric.util.hasStyleChanged( + actualStyle, + nextStyle, + true + ); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || {}; + textSpans.push( + this._createTextCharSpan( + charsToRender, + style, + textLeftOffset, + textTopOffset + ) + ); + charsToRender = ''; + actualStyle = nextStyle; + if (this.direction === 'rtl') { + textLeftOffset -= boxWidth; + } else { + textLeftOffset += boxWidth; + } + boxWidth = 0; } } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = hasStyleChanged(actualStyle, nextStyle, true); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || {}; - textSpans.push( - this._createTextCharSpan( - charsToRender, - style, - textLeftOffset, - textTopOffset - ) - ); - charsToRender = ''; - actualStyle = nextStyle; - if (this.direction === 'rtl') { - textLeftOffset -= boxWidth; + }, + + _pushTextBgRect: function (textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n' + ); + }, + + _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], + heightOfLine = this.getHeightOfLine(i) / this.lineHeight, + boxWidth = 0, + boxStart = 0, + charBox, + currentColor, + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && + this._pushTextBgRect( + textBgRects, + lastColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine + ); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; } else { - textLeftOffset += boxWidth; + boxWidth += charBox.kernedWidth; } - boxWidth = 0; } - } - } - - _pushTextBgRect(textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n' - ); - } + currentColor && + this._pushTextBgRect( + textBgRects, + currentColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine + ); + }, - _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], - heightOfLine = this.getHeightOfLine(i) / this.lineHeight, - boxWidth = 0, - boxStart = 0, - charBox, - currentColor, - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && - this._pushTextBgRect( - textBgRects, - lastColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine - ); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } else { - boxWidth += charBox.kernedWidth; + /** + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} + */ + _getFillAttributes: function (value) { + var fillColor = + value && typeof value === 'string' ? new Color(value) : ''; + if ( + !fillColor || + !fillColor.getSource() || + fillColor.getAlpha() === 1 + ) { + return 'fill="' + value + '"'; } - } - currentColor && - this._pushTextBgRect( - textBgRects, - currentColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine + return ( + 'opacity="' + + fillColor.getAlpha() + + '" fill="' + + fillColor.setAlpha(1).toRgb() + + '"' ); - } - - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes(value: any): string { - var fillColor = - value && typeof value === 'string' ? new Color(value) : ''; - if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { - return 'fill="' + value + '"'; - } - return ( - 'opacity="' + - fillColor.getAlpha() + - '" fill="' + - fillColor.setAlpha(1).toRgb() + - '"' - ); - } + }, - /** - * @private - */ - _getSVGLineTopOffset(lineIndex) { - var lineTopOffset = 0, - lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: - ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / - (this.lineHeight * this._fontSizeMult), - }; - } + /** + * @private + */ + _getSVGLineTopOffset: function (lineIndex) { + var lineTopOffset = 0, + lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: + ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / + (this.lineHeight * this._fontSizeMult), + }; + }, - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles(skipShadow: boolean): string { - var svgStyle = FabricObject.prototype.getSvgStyles.call(this, skipShadow); - return svgStyle + ' white-space: pre;'; + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function (skipShadow) { + var svgStyle = FabricObject.prototype.getSvgStyles.call( + this, + skipShadow + ); + return svgStyle + ' white-space: pre;'; + }, } - }; -} - -Text = TextIMixinGenerator(Text); - + ); +})(typeof exports !== 'undefined' ? exports : window); /* _TO_SVG_END_ */ diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index fb1cdd71110..db654811daf 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1,1281 +1,1304 @@ //@ts-nocheck import { Point } from '../point.class'; -import { TEvent } from '../typedefs'; import { removeFromArray } from '../util/internals'; // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; -const fabric = global.fabric; - -export function ITextBehaviorMixinGenerator(Klass) { - return class ITextBehaviorMixin extends Klass { - /** - * Initializes all the interactive behavior of IText - */ - initBehavior() { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - this.dragEnterHandler = this.dragEnterHandler.bind(this); - this.dragOverHandler = this.dragOverHandler.bind(this); - this.dragLeaveHandler = this.dragLeaveHandler.bind(this); - this.dragEndHandler = this.dragEndHandler.bind(this); - this.dropHandler = this.dropHandler.bind(this); - this.on('dragenter', this.dragEnterHandler); - this.on('dragover', this.dragOverHandler); - this.on('dragleave', this.dragLeaveHandler); - this.on('dragend', this.dragEndHandler); - this.on('drop', this.dropHandler); - } - - onDeselect() { - this.isEditing && this.exitEditing(); - this.selected = false; - } - - /** - * Initializes "added" event handler - */ - initAddedHandler() { - const _this = this; - this.on('added', function (opt) { - // make sure we listen to the canvas added event - const canvas = opt.target; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - _this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(_this); - } - }); - } - - initRemovedHandler() { - const _this = this; - this.on('removed', function (opt) { - // make sure we listen to the canvas removed event - const canvas = opt.target; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - removeFromArray(canvas._iTextInstances, _this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - _this._removeCanvasHandlers(canvas); +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend( + fabric.IText.prototype, + /** @lends fabric.IText.prototype */ { + /** + * Initializes all the interactive behavior of IText + */ + initBehavior: function () { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + this.dragEnterHandler = this.dragEnterHandler.bind(this); + this.dragOverHandler = this.dragOverHandler.bind(this); + this.dragLeaveHandler = this.dragLeaveHandler.bind(this); + this.dragEndHandler = this.dragEndHandler.bind(this); + this.dropHandler = this.dropHandler.bind(this); + this.on('dragenter', this.dragEnterHandler); + this.on('dragover', this.dragOverHandler); + this.on('dragleave', this.dragLeaveHandler); + this.on('dragend', this.dragEndHandler); + this.on('drop', this.dropHandler); + }, + + onDeselect: function () { + this.isEditing && this.exitEditing(); + this.selected = false; + }, + + /** + * Initializes "added" event handler + */ + initAddedHandler: function () { + var _this = this; + this.on('added', function (opt) { + // make sure we listen to the canvas added event + var canvas = opt.target; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + _this._initCanvasHandlers(canvas); + } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(_this); } - } - }); - } - - /** - * register canvas event to manage exiting on other instances - * @private - */ - _initCanvasHandlers(canvas) { - canvas._mouseUpITextHandler = function () { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.__isMousedown = false; - }); - } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - } - - /** - * remove canvas event to manage exiting on other instances - * @private - */ - _removeCanvasHandlers(canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); - } - - /** - * @private - */ - _tick() { - this._currentTickState = this._animateCursor( - this, - 1, - this.cursorDuration, - '_onTickComplete' - ); - } - - /** - * @private - */ - _animateCursor(obj, targetOpacity, duration, completeMethod) { - const tickState = { - isAborted: false, - abort: function () { - this.isAborted = true; - }, - }; - - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function () { - if (!tickState.isAborted) { - obj[completeMethod](); + }); + }, + + initRemovedHandler: function () { + var _this = this; + this.on('removed', function (opt) { + // make sure we listen to the canvas removed event + var canvas = opt.target; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + removeFromArray(canvas._iTextInstances, _this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + _this._removeCanvasHandlers(canvas); + } } - }, - onChange: function () { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); + }); + }, + + /** + * register canvas event to manage exiting on other instances + * @private + */ + _initCanvasHandlers: function (canvas) { + canvas._mouseUpITextHandler = function () { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.__isMousedown = false; + }); } - }, - abort: function () { - return tickState.isAborted; - }, - }); - return tickState; - } - - /** - * @private - */ - _onTickComplete() { - const _this = this; - - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); - } - this._cursorTimeout1 = setTimeout(function () { - _this._currentTickCompleteState = _this._animateCursor( - _this, - 0, - this.cursorDuration / 2, - '_tick' + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + }, + + /** + * remove canvas event to manage exiting on other instances + * @private + */ + _removeCanvasHandlers: function (canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + }, + + /** + * @private + */ + _tick: function () { + this._currentTickState = this._animateCursor( + this, + 1, + this.cursorDuration, + '_onTickComplete' ); - }, 100); - } - - /** - * Initializes delayed cursor - */ - initDelayedCursor(restart) { - const _this = this, - delay = restart ? 0 : this.cursorDelay; - - this.abortCursorAnimation(); - if (delay) { - this._cursorTimeout2 = setTimeout(function () { - _this._tick(); - }, delay); - } else { - this._tick(); - } - } - - /** - * Aborts cursor animation, clears all timeouts and clear textarea context if necessary - */ - abortCursorAnimation() { - const shouldClear = - this._currentTickState || this._currentTickCompleteState; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && this._currentTickCompleteState.abort(); - - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); + }, + + /** + * @private + */ + _animateCursor: function (obj, targetOpacity, duration, completeMethod) { + var tickState = { + isAborted: false, + abort: function () { + this.isAborted = true; + }, + }; + + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function () { + if (!tickState.isAborted) { + obj[completeMethod](); + } + }, + onChange: function () { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); + } + }, + abort: function () { + return tickState.isAborted; + }, + }); + return tickState; + }, - this._currentCursorOpacity = 1; + /** + * @private + */ + _onTickComplete: function () { + var _this = this; - // make sure we clear context even if instance is not editing - if (shouldClear) { - this.clearContextTop(); - } - } + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); + } + this._cursorTimeout1 = setTimeout(function () { + _this._currentTickCompleteState = _this._animateCursor( + _this, + 0, + this.cursorDuration / 2, + '_tick' + ); + }, 100); + }, + + /** + * Initializes delayed cursor + */ + initDelayedCursor: function (restart) { + var _this = this, + delay = restart ? 0 : this.cursorDelay; + + this.abortCursorAnimation(); + if (delay) { + this._cursorTimeout2 = setTimeout(function () { + _this._tick(); + }, delay); + } else { + this._tick(); + } + }, + + /** + * Aborts cursor animation, clears all timeouts and clear textarea context if necessary + */ + abortCursorAnimation: function () { + var shouldClear = + this._currentTickState || this._currentTickCompleteState; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && + this._currentTickCompleteState.abort(); - /** - * Selects entire text - * @return {IText} thisArg - * @chainable - */ - selectAll(): IText { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - } + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); - /** - * Returns selected text - * @return {String} - */ - getSelectedText(): string { - return this._text.slice(this.selectionStart, this.selectionEnd).join(''); - } + this._currentCursorOpacity = 1; - /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryLeft(startFrom: number): number { - let offset = 0, - index = startFrom - 1; - - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { + // make sure we clear context even if instance is not editing + if (shouldClear) { + this.clearContextTop(); + } + }, + + /** + * Selects entire text + * @return {fabric.IText} thisArg + * @chainable + */ + selectAll: function () { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + + /** + * Returns selected text + * @return {String} + */ + getSelectedText: function () { + return this._text + .slice(this.selectionStart, this.selectionEnd) + .join(''); + }, + + /** + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryLeft: function (startFrom) { + var offset = 0, + index = startFrom - 1; + + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index--; + } + } + while (/\S/.test(this._text[index]) && index > -1) { offset++; index--; } - } - while (/\S/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - - return startFrom - offset; - } - /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryRight(startFrom: number): number { - let offset = 0, - index = startFrom; - - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { + return startFrom - offset; + }, + + /** + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryRight: function (startFrom) { + var offset = 0, + index = startFrom; + + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index++; + } + } + while (/\S/.test(this._text[index]) && index < this._text.length) { offset++; index++; } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - - return startFrom + offset; - } - - /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryLeft(startFrom: number): number { - let offset = 0, - index = startFrom - 1; - - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - - return startFrom - offset; - } - /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryRight(startFrom: number): number { - let offset = 0, - index = startFrom; - - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - - return startFrom + offset; - } + return startFrom + offset; + }, - /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word - */ - searchWordBoundary(selectionStart: number, direction: number): number { - let text = this._text, - index = this._reSpace.test(text[selectionStart]) - ? selectionStart - 1 - : selectionStart, - _char = text[index]; - - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - } + /** + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryLeft: function (startFrom) { + var offset = 0, + index = startFrom - 1; - /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character - */ - selectWord(selectionStart: number) { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.searchWordBoundary( - selectionStart, - -1 - ) /* search backwards */, - newSelectionEnd = this.searchWordBoundary( - selectionStart, - 1 - ); /* search forward */ - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; + } - /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character - * @return {IText} thisArg - * @chainable - */ - selectLine(selectionStart: number): IText { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.findLineBoundaryLeft(selectionStart), - newSelectionEnd = this.findLineBoundaryRight(selectionStart); - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - } + return startFrom - offset; + }, - /** - * Enters editing state - * @return {IText} thisArg - * @chainable - */ - enterEditing(e): IText { - if (this.isEditing || !this.editable) { - return; - } - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); - } - - this.isEditing = true; - - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; - - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); - return this; - } + /** + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryRight: function (startFrom) { + var offset = 0, + index = startFrom; - exitEditingOnOthers(canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); - } - }); - } - } - - /** - * Initializes "mousemove" event handler - */ - initMouseMoveHandler() { - this.canvas.on('mouse:move', this.mouseMoveHandler); - } - - /** - * @private - */ - mouseMoveHandler(options) { - if (!this.__isMousedown || !this.isEditing) { - return; - } + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } - // regain focus - fabric.document.activeElement !== this.hiddenTextarea && - this.hiddenTextarea.focus(); + return startFrom + offset; + }, + + /** + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word + */ + searchWordBoundary: function (selectionStart, direction) { + var text = this._text, + index = this._reSpace.test(text[selectionStart]) + ? selectionStart - 1 + : selectionStart, + _char = text[index]; + + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + }, + + /** + * Selects a word based on the index + * @param {Number} selectionStart Index of a character + */ + selectWord: function (selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.searchWordBoundary( + selectionStart, + -1 + ) /* search backwards */, + newSelectionEnd = this.searchWordBoundary( + selectionStart, + 1 + ); /* search forward */ - const newSelectionStart = this.getSelectionStartFromPointer(options.e), - currentStart = this.selectionStart, - currentEnd = this.selectionEnd; - if ( - (newSelectionStart !== this.__selectionStartOnMouseDown || - currentStart === currentEnd) && - (currentStart === newSelectionStart || currentEnd === newSelectionStart) - ) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } else { this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; - } - if ( - this.selectionStart !== currentStart || - this.selectionEnd !== currentEnd - ) { - this.restartCursorIfNeeded(); + this.selectionEnd = newSelectionEnd; this._fireSelectionChanged(); this._updateTextarea(); this.renderCursorOrSelection(); - } - } - - /** - * Override to customize the drag image - * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage - * @param {DragEvent} e - * @param {object} data - * @param {number} data.selectionStart - * @param {number} data.selectionEnd - * @param {string} data.text - * @param {string} data.value selected text - */ - setDragImage( - e: DragEvent, - data: { - selectionStart: number; - selectionEnd: number; - text: string; - value: string; - } - ) { - const t = this.calcTransformMatrix(); - const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - const boundaries = this._getCursorBoundaries(data.selectionStart); - const selectionPosition = new Point( - boundaries.left + boundaries.leftOffset, - boundaries.top + boundaries.topOffset - ).multiply(flipFactor); - const pos = transformPoint(selectionPosition, t); - const pointer = this.canvas.getPointer(e); - const diff = pointer.subtract(pos); - const enableRetinaScaling = this.canvas._isRetinaScaling(); - const retinaScaling = this.canvas.getRetinaScaling(); - const bbox = this.getBoundingRect(true); - const correction = pos.subtract(new Point(bbox.left, bbox.top)); - const offset = correction.add(diff).scalarMultiply(retinaScaling); - // prepare instance for drag image snapshot by making all non selected text invisible - const bgc = this.backgroundColor; - const styles = object.clone(this.styles, true); - delete this.backgroundColor; - const styleOverride = { - fill: 'transparent', - textBackgroundColor: 'transparent', - }; - this.setSelectionStyles(styleOverride, 0, data.selectionStart); - this.setSelectionStyles( - styleOverride, - data.selectionEnd, - data.text.length - ); - let dragImage = this.toCanvasElement({ - enableRetinaScaling: enableRetinaScaling, - }); - this.backgroundColor = bgc; - this.styles = styles; - // handle retina scaling - if (enableRetinaScaling && retinaScaling > 1) { - const c = createCanvasElement(); - c.width = dragImage.width / retinaScaling; - c.height = dragImage.height / retinaScaling; - const ctx = c.getContext('2d'); - ctx.scale(1 / retinaScaling, 1 / retinaScaling); - ctx.drawImage(dragImage, 0, 0); - dragImage = c; - } - this.__dragImageDisposer && this.__dragImageDisposer(); - this.__dragImageDisposer = function () { - dragImage.remove(); - }; - // position drag image offsecreen - setStyle(dragImage, { - position: 'absolute', - left: -dragImage.width + 'px', - border: 'none', - }); - fabric.document.body.appendChild(dragImage); - e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); - } - - /** - * support native like text dragging - * @private - * @param {DragEvent} e - * @returns {boolean} should handle event - */ - onDragStart(e: DragEvent): boolean { - this.__dragStartFired = true; - if (this.__isDragging) { - const selection = (this.__dragStartSelection = { - selectionStart: this.selectionStart, - selectionEnd: this.selectionEnd, - }); - const value = this._text - .slice(selection.selectionStart, selection.selectionEnd) - .join(''); - const data = Object.assign( - { text: this.text, value: value }, - selection - ); - e.dataTransfer.setData('text/plain', value); - e.dataTransfer.setData( - 'application/fabric', - JSON.stringify({ - value: value, - styles: this.getSelectionStyles( - selection.selectionStart, - selection.selectionEnd, - true - ), - }) - ); - e.dataTransfer.effectAllowed = 'copyMove'; - this.setDragImage(e, data); - } - this.abortCursorAnimation(); - return this.__isDragging; - } + }, + + /** + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + * @return {fabric.IText} thisArg + * @chainable + */ + selectLine: function (selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.findLineBoundaryLeft(selectionStart), + newSelectionEnd = this.findLineBoundaryRight(selectionStart); - /** - * Override to customize drag and drop behavior - * @public - * @param {DragEvent} e - * @returns {boolean} - */ - canDrop(e: DragEvent): boolean { - if (this.editable && !this.__corner) { - if (this.__isDragging && this.__dragStartSelection) { - // drag source trying to drop over itself - // allow dropping only outside of drag start selection - const index = this.getSelectionStartFromPointer(e); - const dragStartSelection = this.__dragStartSelection; - return ( - index < dragStartSelection.selectionStart || - index > dragStartSelection.selectionEnd - ); + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + + /** + * Enters editing state + * @return {fabric.IText} thisArg + * @chainable + */ + enterEditing: function (e) { + if (this.isEditing || !this.editable) { + return; + } + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); } - return true; - } - return false; - } - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEnterHandler({ e }: TEvent) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } - } + this.isEditing = true; - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragOverHandler({ e }: TEvent) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } else if (this.__isDraggingOver && !canDrop) { - // drop state has changed - this.__isDraggingOver = false; - } - if (this.__isDraggingOver) { - // can be dropped, inform browser - e.preventDefault(); - // inform event subscribers - options.canDrop = true; - options.dropTarget = this; - // find cursor under the drag part. - } - } + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; - /** - * support native like text dragging - * @private - */ - dragLeaveHandler() { - if (this.__isDraggingOver || this.__isDragging) { - this.__isDraggingOver = false; - } - } + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { + return this; + } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; + }, - /** - * support native like text dragging - * fired only on the drag source - * handle changes to the drag source in case of a drop on another object or a cancellation - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEndHandler({ e }: TEvent) { - if (this.__isDragging && this.__dragStartFired) { - // once the drop event finishes we check if we need to change the drag source - // if the drag source received the drop we bail out - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - const dropEffect = e.dataTransfer.dropEffect; - if (dropEffect === 'none') { - this.selectionStart = selectionStart; - this.selectionEnd = selectionEnd; - this._updateTextarea(); - } else { - this.clearContextTop(); - if (dropEffect === 'move') { - this.insertChars('', null, selectionStart, selectionEnd); - this.selectionStart = this.selectionEnd = selectionStart; - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: selectionStart, - action: 'dragend', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); + exitEditingOnOthers: function (canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); } - this.exitEditing(); - // disable mouse up logic - this.__lastSelected = false; - } + }); + } + }, + + /** + * Initializes "mousemove" event handler + */ + initMouseMoveHandler: function () { + this.canvas.on('mouse:move', this.mouseMoveHandler); + }, + + /** + * @private + */ + mouseMoveHandler: function (options) { + if (!this.__isMousedown || !this.isEditing) { + return; } - } - this.__dragImageDisposer && this.__dragImageDisposer(); - delete this.__dragImageDisposer; - delete this.__dragStartSelection; - this.__isDraggingOver = false; - } + // regain focus + fabric.document.activeElement !== this.hiddenTextarea && + this.hiddenTextarea.focus(); - /** - * support native like text dragging - * - * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} - * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dropHandler({ e }: TEvent) { - const didDrop = e.defaultPrevented; - this.__isDraggingOver = false; - // inform browser that the drop has been accepted - e.preventDefault(); - let insert = e.dataTransfer.getData('text/plain'); - if (insert && !didDrop) { - let insertAt = this.getSelectionStartFromPointer(e); - const data = e.dataTransfer.types.includes('application/fabric') - ? JSON.parse(e.dataTransfer.getData('application/fabric')) - : {}; - const styles = data.styles; - const trailing = insert[Math.max(0, insert.length - 1)]; - const selectionStartOffset = 0; - // drag and drop in same instance - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - if (insertAt > selectionStart && insertAt <= selectionEnd) { - insertAt = selectionStart; - } else if (insertAt > selectionEnd) { - insertAt -= selectionEnd - selectionStart; - } - this.insertChars('', null, selectionStart, selectionEnd); - // prevent `dragend` from handling event - delete this.__dragStartSelection; + var newSelectionStart = this.getSelectionStartFromPointer(options.e), + currentStart = this.selectionStart, + currentEnd = this.selectionEnd; + if ( + (newSelectionStart !== this.__selectionStartOnMouseDown || + currentStart === currentEnd) && + (currentStart === newSelectionStart || + currentEnd === newSelectionStart) + ) { + return; + } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } else { + this.selectionStart = newSelectionStart; + this.selectionEnd = this.__selectionStartOnMouseDown; } - // remove redundant line break if ( - this._reNewline.test(trailing) && - (this._reNewline.test(this._text[insertAt]) || - insertAt === this._text.length) + this.selectionStart !== currentStart || + this.selectionEnd !== currentEnd ) { - insert = insert.trimEnd(); - } - // inform subscribers - options.didDrop = true; - options.dropTarget = this; - // finalize - this.insertChars(insert, styles, insertAt); - // can this part be moved in an outside event? andrea to check. - this.canvas.setActiveObject(this); - this.enterEditing(); - this.selectionStart = Math.min( - insertAt + selectionStartOffset, - this._text.length - ); - this.selectionEnd = Math.min( - this.selectionStart + insert.length, - this._text.length + this.restartCursorIfNeeded(); + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + }, + + /** + * Override to customize the drag image + * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage + * @param {DragEvent} e + * @param {object} data + * @param {number} data.selectionStart + * @param {number} data.selectionEnd + * @param {string} data.text + * @param {string} data.value selected text + */ + setDragImage: function (e, data) { + var t = this.calcTransformMatrix(); + var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + var boundaries = this._getCursorBoundaries(data.selectionStart); + var selectionPosition = new Point( + boundaries.left + boundaries.leftOffset, + boundaries.top + boundaries.topOffset + ).multiply(flipFactor); + var pos = fabric.util.transformPoint(selectionPosition, t); + var pointer = this.canvas.getPointer(e); + var diff = pointer.subtract(pos); + var enableRetinaScaling = this.canvas._isRetinaScaling(); + var retinaScaling = this.canvas.getRetinaScaling(); + var bbox = this.getBoundingRect(true); + var correction = pos.subtract(new Point(bbox.left, bbox.top)); + var offset = correction.add(diff).scalarMultiply(retinaScaling); + // prepare instance for drag image snapshot by making all non selected text invisible + var bgc = this.backgroundColor; + var styles = fabric.util.object.clone(this.styles, true); + delete this.backgroundColor; + var styleOverride = { + fill: 'transparent', + textBackgroundColor: 'transparent', + }; + this.setSelectionStyles(styleOverride, 0, data.selectionStart); + this.setSelectionStyles( + styleOverride, + data.selectionEnd, + data.text.length ); - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: insertAt + selectionStartOffset, - action: 'drop', + var dragImage = this.toCanvasElement({ + enableRetinaScaling: enableRetinaScaling, }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.contextTopDirty = true; - this.canvas.requestRenderAll(); - } - } - - /** - * @private - */ - _setEditingProps() { - this.hoverCursor = 'text'; - - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } + this.backgroundColor = bgc; + this.styles = styles; + // handle retina scaling + if (enableRetinaScaling && retinaScaling > 1) { + var c = fabric.util.createCanvasElement(); + c.width = dragImage.width / retinaScaling; + c.height = dragImage.height / retinaScaling; + var ctx = c.getContext('2d'); + ctx.scale(1 / retinaScaling, 1 / retinaScaling); + ctx.drawImage(dragImage, 0, 0); + dragImage = c; + } + this.__dragImageDisposer && this.__dragImageDisposer(); + this.__dragImageDisposer = function () { + dragImage.remove(); + }; + // position drag image offsecreen + fabric.util.setStyle(dragImage, { + position: 'absolute', + left: -dragImage.width + 'px', + border: 'none', + }); + fabric.document.body.appendChild(dragImage); + e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); + }, + + /** + * support native like text dragging + * @private + * @param {DragEvent} e + * @returns {boolean} should handle event + */ + onDragStart: function (e) { + this.__dragStartFired = true; + if (this.__isDragging) { + var selection = (this.__dragStartSelection = { + selectionStart: this.selectionStart, + selectionEnd: this.selectionEnd, + }); + var value = this._text + .slice(selection.selectionStart, selection.selectionEnd) + .join(''); + var data = Object.assign( + { text: this.text, value: value }, + selection + ); + e.dataTransfer.setData('text/plain', value); + e.dataTransfer.setData( + 'application/fabric', + JSON.stringify({ + value: value, + styles: this.getSelectionStyles( + selection.selectionStart, + selection.selectionEnd, + true + ), + }) + ); + e.dataTransfer.effectAllowed = 'copyMove'; + this.setDragImage(e, data); + } + this.abortCursorAnimation(); + return this.__isDragging; + }, + + /** + * Override to customize drag and drop behavior + * @public + * @param {DragEvent} e + * @returns {boolean} + */ + canDrop: function (e) { + if (this.editable && !this.__corner) { + if (this.__isDragging && this.__dragStartSelection) { + // drag source trying to drop over itself + // allow dropping only outside of drag start selection + var index = this.getSelectionStartFromPointer(e); + var dragStartSelection = this.__dragStartSelection; + return ( + index < dragStartSelection.selectionStart || + index > dragStartSelection.selectionEnd + ); + } + return true; + } + return false; + }, + + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEnterHandler: function (options) { + var e = options.e; + var canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } + }, + + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragOverHandler: function (options) { + var e = options.e; + var canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } else if (this.__isDraggingOver && !canDrop) { + // drop state has changed + this.__isDraggingOver = false; + } + if (this.__isDraggingOver) { + // can be dropped, inform browser + e.preventDefault(); + // inform event subscribers + options.canDrop = true; + options.dropTarget = this; + // find cursor under the drag part. + } + }, + + /** + * support native like text dragging + * @private + */ + dragLeaveHandler: function () { + if (this.__isDraggingOver || this.__isDragging) { + this.__isDraggingOver = false; + } + }, + + /** + * support native like text dragging + * fired only on the drag source + * handle changes to the drag source in case of a drop on another object or a cancellation + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEndHandler: function (options) { + var e = options.e; + if (this.__isDragging && this.__dragStartFired) { + // once the drop event finishes we check if we need to change the drag source + // if the drag source received the drop we bail out + if (this.__dragStartSelection) { + var selectionStart = this.__dragStartSelection.selectionStart; + var selectionEnd = this.__dragStartSelection.selectionEnd; + var dropEffect = e.dataTransfer.dropEffect; + if (dropEffect === 'none') { + this.selectionStart = selectionStart; + this.selectionEnd = selectionEnd; + this._updateTextarea(); + } else { + this.clearContextTop(); + if (dropEffect === 'move') { + this.insertChars('', null, selectionStart, selectionEnd); + this.selectionStart = this.selectionEnd = selectionStart; + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: selectionStart, + action: 'dragend', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + this.exitEditing(); + // disable mouse up logic + this.__lastSelected = false; + } + } + } - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; - } + this.__dragImageDisposer && this.__dragImageDisposer(); + delete this.__dragImageDisposer; + delete this.__dragStartSelection; + this.__isDraggingOver = false; + }, + + /** + * support native like text dragging + * + * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} + * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dropHandler: function (options) { + var e = options.e, + didDrop = e.defaultPrevented; + this.__isDraggingOver = false; + // inform browser that the drop has been accepted + e.preventDefault(); + var insert = e.dataTransfer.getData('text/plain'); + if (insert && !didDrop) { + var insertAt = this.getSelectionStartFromPointer(e); + var data = e.dataTransfer.types.includes('application/fabric') + ? JSON.parse(e.dataTransfer.getData('application/fabric')) + : {}; + var styles = data.styles; + var trailing = insert[Math.max(0, insert.length - 1)]; + var selectionStartOffset = 0; + // drag and drop in same instance + if (this.__dragStartSelection) { + var selectionStart = this.__dragStartSelection.selectionStart; + var selectionEnd = this.__dragStartSelection.selectionEnd; + if (insertAt > selectionStart && insertAt <= selectionEnd) { + insertAt = selectionStart; + } else if (insertAt > selectionEnd) { + insertAt -= selectionEnd - selectionStart; + } + this.insertChars('', null, selectionStart, selectionEnd); + // prevent `dragend` from handling event + delete this.__dragStartSelection; + } + // remove redundant line break + if ( + this._reNewline.test(trailing) && + (this._reNewline.test(this._text[insertAt]) || + insertAt === this._text.length) + ) { + insert = insert.trimEnd(); + } + // inform subscribers + options.didDrop = true; + options.dropTarget = this; + // finalize + this.insertChars(insert, styles, insertAt); + // can this part be moved in an outside event? andrea to check. + this.canvas.setActiveObject(this); + this.enterEditing(); + this.selectionStart = Math.min( + insertAt + selectionStartOffset, + this._text.length + ); + this.selectionEnd = Math.min( + this.selectionStart + insert.length, + this._text.length + ); + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: insertAt + selectionStartOffset, + action: 'drop', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.contextTopDirty = true; + this.canvas.requestRenderAll(); + } + }, - /** - * convert from textarea to grapheme indexes - */ - fromStringToGraphemeSelection(start, end, text) { - const smallerTextStart = text.slice(0, start), - graphemeStart = this.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = text.slice(start, end), - graphemeEnd = this.graphemeSplit(smallerTextEnd).length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } + /** + * @private + */ + _setEditingProps: function () { + this.hoverCursor = 'text'; - /** - * convert from fabric to textarea values - */ - fromGraphemeToStringSelection(start, end, _text) { - const smallerTextStart = _text.slice(0, start), - graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = _text.slice(start, end), - graphemeEnd = smallerTextEnd.join('').length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; + } - /** - * @private - */ - _updateTextarea() { - this.cursorOffsetCache = {}; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - const newSelection = this.fromGraphemeToStringSelection( - this.selectionStart, - this.selectionEnd, - this._text + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + }, + + /** + * convert from textarea to grapheme indexes + */ + fromStringToGraphemeSelection: function (start, end, text) { + var smallerTextStart = text.slice(0, start), + graphemeStart = this.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = text.slice(start, end), + graphemeEnd = this.graphemeSplit(smallerTextEnd).length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + }, + + /** + * convert from fabric to textarea values + */ + fromGraphemeToStringSelection: function (start, end, _text) { + var smallerTextStart = _text.slice(0, start), + graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = _text.slice(start, end), + graphemeEnd = smallerTextEnd.join('').length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + }, + + /** + * @private + */ + _updateTextarea: function () { + this.cursorOffsetCache = {}; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + var newSelection = this.fromGraphemeToStringSelection( + this.selectionStart, + this.selectionEnd, + this._text + ); + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; + } + this.updateTextareaPosition(); + }, + + /** + * @private + */ + updateFromTextArea: function () { + if (!this.hiddenTextarea) { + return; + } + this.cursorOffsetCache = {}; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + var newSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value ); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); - } - - /** - * @private - */ - updateFromTextArea() { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = {}; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - const newSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value - ); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); - } - - /** - * @private - */ - updateTextareaPosition() { - if (this.selectionStart === this.selectionEnd) { - const style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } - } - - /** - * @private - * @return {Object} style contains style for hiddenTextarea - */ - _calcTextareaPosition(): object { - if (!this.canvas) { - return { x: 1, y: 1 }; - } - let desiredPosition = this.inCompositionMode - ? this.compositionStart - : this.selectionStart, - boundaries = this._getCursorBoundaries(desiredPosition), - cursorLocation = this.get2DCursorLocation(desiredPosition), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex, - charHeight = - this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * - this.lineHeight, - leftOffset = boundaries.leftOffset, - m = this.calcTransformMatrix(), - p = { - x: boundaries.left + leftOffset, - y: boundaries.top + boundaries.topOffset + charHeight, - }, - retinaScaling = this.canvas.getRetinaScaling(), - upperCanvas = this.canvas.upperCanvasEl, - upperCanvasWidth = upperCanvas.width / retinaScaling, - upperCanvasHeight = upperCanvas.height / retinaScaling, - maxWidth = upperCanvasWidth - charHeight, - maxHeight = upperCanvasHeight - charHeight, - scaleX = upperCanvas.clientWidth / upperCanvasWidth, - scaleY = upperCanvas.clientHeight / upperCanvasHeight; - - p = transformPoint(p, m); - p = transformPoint(p, this.canvas.viewportTransform); - p.x *= scaleX; - p.y *= scaleY; - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } - - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - - return { - left: p.x + 'px', - top: p.y + 'px', - fontSize: charHeight + 'px', - charHeight: charHeight, - }; - } - - /** - * @private - */ - _saveEditingProps() { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor, - }; - } + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + }, + + /** + * @private + */ + updateTextareaPosition: function () { + if (this.selectionStart === this.selectionEnd) { + var style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + }, + + /** + * @private + * @return {Object} style contains style for hiddenTextarea + */ + _calcTextareaPosition: function () { + if (!this.canvas) { + return { x: 1, y: 1 }; + } + var desiredPosition = this.inCompositionMode + ? this.compositionStart + : this.selectionStart, + boundaries = this._getCursorBoundaries(desiredPosition), + cursorLocation = this.get2DCursorLocation(desiredPosition), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex, + charHeight = + this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * + this.lineHeight, + leftOffset = boundaries.leftOffset, + m = this.calcTransformMatrix(), + p = { + x: boundaries.left + leftOffset, + y: boundaries.top + boundaries.topOffset + charHeight, + }, + retinaScaling = this.canvas.getRetinaScaling(), + upperCanvas = this.canvas.upperCanvasEl, + upperCanvasWidth = upperCanvas.width / retinaScaling, + upperCanvasHeight = upperCanvas.height / retinaScaling, + maxWidth = upperCanvasWidth - charHeight, + maxHeight = upperCanvasHeight - charHeight, + scaleX = upperCanvas.clientWidth / upperCanvasWidth, + scaleY = upperCanvas.clientHeight / upperCanvasHeight; + + p = fabric.util.transformPoint(p, m); + p = fabric.util.transformPoint(p, this.canvas.viewportTransform); + p.x *= scaleX; + p.y *= scaleY; + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } - /** - * @private - */ - _restoreEditingProps() { - if (!this._savedProps) { - return; - } - - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; - - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } - - delete this._savedProps; - } + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + + return { + left: p.x + 'px', + top: p.y + 'px', + fontSize: charHeight + 'px', + charHeight: charHeight, + }; + }, + + /** + * @private + */ + _saveEditingProps: function () { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor, + }; + }, + + /** + * @private + */ + _restoreEditingProps: function () { + if (!this._savedProps) { + return; + } - /** - * Exits from editing state - * @return {IText} thisArg - * @chainable - */ - exitEditing(): IText { - const isTextChanged = this._textBeforeEdit !== this.text; - const hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; - - this.selectionEnd = this.selectionStart; - - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && - hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && this.canvas.fire('object:modified', { target: this }); - } - return this; - } + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; - /** - * @private - */ - _removeExtraneousStyles() { - for (const prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; } - } - } - /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) - */ - removeStyleFromTo(start: number, end: number) { - let cursorStart = this.get2DCursorLocation(start, true), - cursorEnd = this.get2DCursorLocation(end, true), - lineStart = cursorStart.lineIndex, - charStart = cursorStart.charIndex, - lineEnd = cursorEnd.lineIndex, - charEnd = cursorEnd.charIndex, - i, - styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for ( - i = charStart; - i < this._unwrappedTextLines[lineStart].length; - i++ - ) { - delete this.styles[lineStart][i]; + delete this._savedProps; + }, + + /** + * Exits from editing state + * @return {fabric.IText} thisArg + * @chainable + */ + exitEditing: function () { + var isTextChanged = this._textBeforeEdit !== this.text; + var hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; + + this.selectionEnd = this.selectionStart; + + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && + hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && + this.canvas.fire('object:modified', { target: this }); + } + return this; + }, + + /** + * @private + */ + _removeExtraneousStyles: function () { + for (var prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; } } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = {}); - this.styles[lineStart][charStart + i - charEnd] = styleObj; + }, + + /** + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) + */ + removeStyleFromTo: function (start, end) { + var cursorStart = this.get2DCursorLocation(start, true), + cursorEnd = this.get2DCursorLocation(end, true), + lineStart = cursorStart.lineIndex, + charStart = cursorStart.charIndex, + lineEnd = cursorEnd.lineIndex, + charEnd = cursorEnd.charIndex, + i, + styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for ( + i = charStart; + i < this._unwrappedTextLines[lineStart].length; + i++ + ) { + delete this.styles[lineStart][i]; } } - } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; - } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - let diff = charEnd - charStart, - numericChar, - _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for ( + i = charEnd; + i < this._unwrappedTextLines[lineEnd].length; + i++ + ) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = {}); + this.styles[lineStart][charStart + i - charEnd] = styleObj; + } + } + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + var diff = charEnd - charStart, + numericChar, + _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; + } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; + } } } } - } - } - - /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? - */ - shiftLineStyles(lineIndex: number, offset: number) { - const clonedStyles = Object.assign({}, this.styles); - for (const line in this.styles) { - const numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; + }, + + /** + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? + */ + shiftLineStyles: function (lineIndex, offset) { + // shift all line styles by offset upward or downward + // do not clone deep. we need new array, not new style objects + var clonedStyles = Object.assign({}, this.styles); + for (var line in this.styles) { + var numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; + } } } - } - } + }, - restartCursorIfNeeded() { - if ( - !this._currentTickState || - this._currentTickState.isAborted || - !this._currentTickCompleteState || - this._currentTickCompleteState.isAborted + restartCursorIfNeeded: function () { + if ( + !this._currentTickState || + this._currentTickState.isAborted || + !this._currentTickCompleteState || + this._currentTickCompleteState.isAborted + ) { + this.initDelayedCursor(); + } + }, + + /** + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles + */ + insertNewlineStyleObject: function ( + lineIndex, + charIndex, + qty, + copiedStyle ) { - this.initDelayedCursor(); - } - } - - /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles - */ - insertNewlineStyleObject( - lineIndex: number, - charIndex: number, - qty: number, - copiedStyl - ) { - let currentCharStyle, - newLineStyles = {}, - somethingAdded = false, - isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; - - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = - this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (const index in this.styles[lineIndex]) { - const numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; + var currentCharStyle, + newLineStyles = {}, + somethingAdded = false, + isEndOfLine = + this._unwrappedTextLines[lineIndex].length === charIndex; + + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = + this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (var index in this.styles[lineIndex]) { + var numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; + } } } - } - let styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; - } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, copiedStyle[qty - 1]), - }; - } else if (currentCharStyle) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, currentCharStyle), - }; - } else { - delete this.styles[lineIndex + qty]; + var styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; } - qty--; - } - this._forceClearCache = true; - } - - /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects - */ - insertCharStyleObject( - lineIndex: number, - charIndex: number, - quantity: number, - copiedStyl - ) { - if (!this.styles) { - this.styles = {}; - } - const currentLineStyles = this.styles[lineIndex], - currentLineStylesCloned = currentLineStyles - ? Object.assign({}, currentLineStyles) - : {}; - - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (const index in currentLineStylesCloned) { - const numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = - currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, copiedStyle[qty - 1]), + }; + } else if (currentCharStyle) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, currentCharStyle), + }; + } else { + delete this.styles[lineIndex + qty]; } + qty--; + } + this._forceClearCache = true; + }, + + /** + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects + */ + insertCharStyleObject: function ( + lineIndex, + charIndex, + quantity, + copiedStyle + ) { + if (!this.styles) { + this.styles = {}; } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; + var currentLineStyles = this.styles[lineIndex], + currentLineStylesCloned = currentLineStyles + ? Object.assign({}, currentLineStyles) + : {}; + + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (var index in currentLineStylesCloned) { + var numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = + currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; + } } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; + } + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; + } + this.styles[lineIndex][charIndex + quantity] = Object.assign( + {}, + copiedStyle[quantity] + ); } + return; + } + if (!currentLineStyles) { + return; + } + var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { this.styles[lineIndex][charIndex + quantity] = Object.assign( {}, - copiedStyle[quantity] + newStyle ); } - return; - } - if (!currentLineStyles) { - return; - } - const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { - this.styles[lineIndex][charIndex + quantity] = Object.assign( - {}, - newStyle - ); - } - } - - /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. - */ - insertNewStyleBlock( - insertedText: string[], - start: number, - copiedStyle: Array - ) { - let cursorLoc = this.get2DCursorLocation(start, true), - addedLines = [0], - linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex, - addedLines[0], - copiedStyle - ); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && - this.insertNewlineStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex + addedLines[0], - linesLength - ); - for (var i = 1; i < linesLength; i++) { + }, + + /** + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. + */ + insertNewStyleBlock: function (insertedText, start, copiedStyle) { + var cursorLoc = this.get2DCursorLocation(start, true), + addedLines = [0], + linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; + } else { + addedLines[linesLength]++; + } + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex, + addedLines[0], + copiedStyle + ); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && + this.insertNewlineStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex + addedLines[0], + linesLength + ); + for (var i = 1; i < linesLength; i++) { + if (addedLines[i] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex + i, + 0, + addedLines[i], + copiedStyle + ); + } else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; + } + } + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + } + // we use i outside the loop to get it like linesLength if (addedLines[i] > 0) { this.insertCharStyleObject( cursorLoc.lineIndex + i, @@ -1283,73 +1306,53 @@ export function ITextBehaviorMixinGenerator(Klass) { addedLines[i], copiedStyle ); - } else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); - } - // we use i outside the loop to get it like linesLength - if (addedLines[i] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex + i, - 0, - addedLines[i], - copiedStyle - ); - } - } - - /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. - */ - setSelectionStartEndWithShift(start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; - } - this.selectionStart = newSelection; - } else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } else { + }, + + /** + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. + */ + setSelectionStartEndWithShift: function (start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; + } else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; + } this.selectionStart = newSelection; + } else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { + this.selectionEnd = newSelection; + } else { + this.selectionStart = newSelection; + } + } else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; + } + this.selectionEnd = newSelection; } - } else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; - } else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; + }, + + setSelectionInBoundaries: function () { + var length = this.text.length; + if (this.selectionStart > length) { + this.selectionStart = length; + } else if (this.selectionStart < 0) { + this.selectionStart = 0; } - this.selectionEnd = newSelection; - } - } - - setSelectionInBoundaries() { - const length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } else if (this.selectionStart < 0) { - this.selectionStart = 0; - } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } else if (this.selectionEnd < 0) { - this.selectionEnd = 0; - } + if (this.selectionEnd > length) { + this.selectionEnd = length; + } else if (this.selectionEnd < 0) { + this.selectionEnd = 0; + } + }, } - }; -} - -IText = ITextBehaviorMixinGenerator(IText); + ); +})(typeof exports !== 'undefined' ? exports : window); diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index 456c0d11eee..33ebfe5f172 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,324 +1,334 @@ //@ts-nocheck import { invertTransform, transformPoint } from '../util/misc/matrix'; import { Point } from '../point.class'; -import { TPointerEvent } from '../typedefs'; -export function ITextClickBehaviorMixinGenerator(Klass) { - return class ITextClickBehaviorMixin extends Klass { - /** - * Initializes "dbclick" event handler - */ - initDoubleClickSimulation() { - this.__lastClickTime = +new Date(); +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend( + fabric.IText.prototype, + /** @lends fabric.IText.prototype */ { + /** + * Initializes "dbclick" event handler + */ + initDoubleClickSimulation: function () { + // for double click + this.__lastClickTime = +new Date(); - // for triple click - this.__lastLastClickTime = +new Date(); + // for triple click + this.__lastLastClickTime = +new Date(); - this.__lastPointer = {}; + this.__lastPointer = {}; - this.on('mousedown', this.onMouseDown); - } + this.on('mousedown', this.onMouseDown); + }, - /** - * Default event handler to simulate triple click - * @private - */ - onMouseDown(options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - var newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - this._stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; - this.__lastSelected = this.selected; - } + /** + * Default event handler to simulate triple click + * @private + */ + onMouseDown: function (options) { + if (!this.canvas) { + return; + } + this.__newClickTime = +new Date(); + var newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + this._stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastIsEditing = this.isEditing; + this.__lastSelected = this.selected; + }, - isTripleClick(newPointer) { - return ( - this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y - ); - } + isTripleClick: function (newPointer) { + return ( + this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y + ); + }, - /** - * @private - */ - _stopEvent(e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); - } + /** + * @private + */ + _stopEvent: function (e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + }, - /** - * Initializes event handlers related to cursor or selection - */ - initCursorSelectionHandlers() { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); - } - - /** - * Default handler for double click, select a word - */ - doubleClickHandler(options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); - } + /** + * Initializes event handlers related to cursor or selection + */ + initCursorSelectionHandlers: function () { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); + }, - /** - * Default handler for triple click, select a line - */ - tripleClickHandler(options) { - if (!this.isEditing) { - return; - } - this.selectLine(this.getSelectionStartFromPointer(options.e)); - } + /** + * Default handler for double click, select a word + */ + doubleClickHandler: function (options) { + if (!this.isEditing) { + return; + } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + }, - /** - * Initializes double and triple click event handlers - */ - initClicks() { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); - } + /** + * Default handler for triple click, select a line + */ + tripleClickHandler: function (options) { + if (!this.isEditing) { + return; + } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + }, - /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. - */ - _mouseDownHandler(options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * Initializes double and triple click event handlers + */ + initClicks: function () { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + }, - this.__isMousedown = true; + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler: function (options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; + } - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } + this.__isMousedown = true; - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); } - this.renderCursorOrSelection(); - } - } - /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down - */ - _mouseDownHandlerBefore(options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { - return; - } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - // text dragging logic - var newSelection = this.getSelectionStartFromPointer(options.e); - this.__isDragging = - this.isEditing && - newSelection >= this.selectionStart && - newSelection <= this.selectionEnd && - this.selectionStart < this.selectionEnd; - } + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); + } + this.renderCursorOrSelection(); + } + }, - /** - * Initializes "mousedown" event handler - */ - initMousedownHandler() { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); - } + /** + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down + */ + _mouseDownHandlerBefore: function (options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; + } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + // text dragging logic + var newSelection = this.getSelectionStartFromPointer(options.e); + this.__isDragging = + this.isEditing && + newSelection >= this.selectionStart && + newSelection <= this.selectionEnd && + this.selectionStart < this.selectionEnd; + }, - /** - * Initializes "mouseup" event handler - */ - initMouseupHandler() { - this.on('mouseup', this.mouseUpHandler); - } + /** + * Initializes "mousedown" event handler + */ + initMousedownHandler: function () { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + }, - /** - * standard handler for mouse up, overridable - * @private - */ - mouseUpHandler(options) { - this.__isMousedown = false; - if ( - !this.editable || - (this.group && !this.group.interactive) || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * Initializes "mouseup" event handler + */ + initMouseupHandler: function () { + this.on('mouseup', this.mouseUpHandler); + }, - if (this.canvas) { - var currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit + /** + * standard handler for mouse up, overridable + * @private + */ + mouseUpHandler: function (options) { + this.__isMousedown = false; + if ( + !this.editable || + (this.group && !this.group.interactive) || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1) + ) { return; } - } - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); + if (this.canvas) { + var currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit + return; + } + } + + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); + } else { + this.renderCursorOrSelection(); + } } else { - this.renderCursorOrSelection(); + this.selected = true; } - } else { - this.selected = true; - } - } + }, - /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {TPointerEvent} e Event object - */ - setCursorByClick(e: TPointerEvent) { - var newSelection = this.getSelectionStartFromPointer(e), - start = this.selectionStart, - end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); - } else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); - } - } + /** + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {Event} e Event object + */ + setCursorByClick: function (e) { + var newSelection = this.getSelectionStartFromPointer(e), + start = this.selectionStart, + end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, - /** - * Returns coordinates of a pointer relative to object's top left corner in object's plane - * @param {TPointerEvent} e Event to operate upon - * @param {IPoint} [pointer] Pointer to operate upon (instead of event) - * @return {Point} Coordinates of a pointer (x, y) - */ - getLocalPointer(e: TPointerEvent, pointer: IPoint): Point { - const thePointer = pointer || this.canvas.getPointer(e); - return transformPoint( - thePointer, - invertTransform(this.calcTransformMatrix()) - ).add(new Point(this.width / 2, this.height / 2)); - } + /** + * Returns coordinates of a pointer relative to object's top left corner in object's plane + * @param {Event} e Event to operate upon + * @param {Object} [pointer] Pointer to operate upon (instead of event) + * @return {Point} Coordinates of a pointer (x, y) + */ + getLocalPointer: function (e: Event, pointer?: IPoint): Point { + const thePointer = pointer || this.canvas.getPointer(e); + return transformPoint( + thePointer, + invertTransform(this.calcTransformMatrix()) + ).add(new Point(this.width / 2, this.height / 2)); + }, - /** - * Returns index of a character corresponding to where an object was clicked - * @param {TPointerEvent} e Event object - * @return {Number} Index of a character - */ - getSelectionStartFromPointer(e: TPointerEvent): number { - var mouseOffset = this.getLocalPointer(e), - prevWidth = 0, - width = 0, - height = 0, - charIndex = 0, - lineIndex = 0, - lineLeftOffset, - line; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += - this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); + /** + * Returns index of a character corresponding to where an object was clicked + * @param {Event} e Event object + * @return {Number} Index of a character + */ + getSelectionStartFromPointer: function (e) { + var mouseOffset = this.getLocalPointer(e), + prevWidth = 0, + width = 0, + height = 0, + charIndex = 0, + lineIndex = 0, + lineLeftOffset, + line; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += + this._textLines[i - 1].length + + this.missingNewlineOffset(i - 1); + } + } else { + break; } - } else { - break; } - } - lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. - if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x; - } - for (var j = 0, jlen = line.length; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } else { - break; + lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); + width = lineLeftOffset * this.scaleX; + line = this._textLines[lineIndex]; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x; } - } - return this._getNewSelectionStartFromOffset( + for (var j = 0, jlen = line.length; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; + } else { + break; + } + } + return this._getNewSelectionStartFromOffset( + mouseOffset, + prevWidth, + width, + charIndex, + jlen + ); + }, + + /** + * @private + */ + _getNewSelectionStartFromOffset: function ( mouseOffset, prevWidth, width, - charIndex, + index, jlen - ); - } - - /** - * @private - */ - _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, - distanceBtwNextCharAndCursor = width - mouseOffset.x, - offset = - distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 - ? 0 - : 1, - newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } + ) { + // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 + var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, + distanceBtwNextCharAndCursor = width - mouseOffset.x, + offset = + distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 + ? 0 + : 1, + newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; + } - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; + } - return newSelectionStart; + return newSelectionStart; + }, } - }; -} - -IText = ITextClickBehaviorMixinGenerator(IText); + ); +})(typeof exports !== 'undefined' ? exports : window); diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index c53e9a99cbd..4abad594c23 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -2,790 +2,817 @@ import { config } from '../config'; -var fabric = global.fabric; - -export function ITextKeyBehaviorMixinGenerator(Klass) { - return class ITextKeyBehaviorMixin extends Klass { - /** - * For functionalities on keyDown - * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or - * your prototype. - * the map change will affect all Instances unless you need for only some text Instances - * in that case you have to clone this object and assign your Instance. - * this.keysMap = Object.assign({}, this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] - */ - keysMap; - - keysMapRtl; - - /** - * For functionalities on keyUp + ctrl || cmd - */ - ctrlKeysMapUp; - - /** - * For functionalities on keyDown + ctrl || cmd - */ - ctrlKeysMapDown; - - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea() { - this.hiddenTextarea = fabric.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); - this.hiddenTextarea.setAttribute('wrap', 'off'); - var style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = - 'position: absolute; top: ' + - style.top + - '; left: ' + - style.left + - '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + - ' padding-top: ' + - style.fontSize + - ';'; - - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } else { - fabric.document.body.appendChild(this.hiddenTextarea); - } - - addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); - addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); - addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); - addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); - addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); - addListener( - this.hiddenTextarea, - 'compositionstart', - this.onCompositionStart.bind(this) - ); - addListener( - this.hiddenTextarea, - 'compositionupdate', - this.onCompositionUpdate.bind(this) - ); - addListener( - this.hiddenTextarea, - 'compositionend', - this.onCompositionEnd.bind(this) - ); - - if (!this._clickHandlerInitialized && this.canvas) { - addListener( - this.canvas.upperCanvasEl, - 'click', - this.onClick.bind(this) - ); - this._clickHandlerInitialized = true; - } - } - - onClick() { - this.hiddenTextarea && this.hiddenTextarea.focus(); - } +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend( + fabric.IText.prototype, + /** @lends fabric.IText.prototype */ { + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea: function () { + this.hiddenTextarea = fabric.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); + this.hiddenTextarea.setAttribute('wrap', 'off'); + var style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = + 'position: absolute; top: ' + + style.top + + '; left: ' + + style.left + + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + + ' padding-top: ' + + style.fontSize + + ';'; + + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } else { + fabric.document.body.appendChild(this.hiddenTextarea); + } - /** - * Override this method to customize cursor behavior on textbox blur - */ - blur() { - this.abortCursorAnimation(); - } + fabric.util.addListener( + this.hiddenTextarea, + 'blur', + this.blur.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'keydown', + this.onKeyDown.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'keyup', + this.onKeyUp.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'input', + this.onInput.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'copy', + this.copy.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'cut', + this.copy.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'paste', + this.paste.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'compositionstart', + this.onCompositionStart.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'compositionupdate', + this.onCompositionUpdate.bind(this) + ); + fabric.util.addListener( + this.hiddenTextarea, + 'compositionend', + this.onCompositionEnd.bind(this) + ); - /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {TPointerEvent} e Event object - */ - onKeyDown(e: TPointerEvent) { - if (!this.isEditing) { - return; - } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } else if ( - e.keyCode in this.ctrlKeysMapDown && - (e.ctrlKey || e.metaKey) - ) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } else { + if (!this._clickHandlerInitialized && this.canvas) { + fabric.util.addListener( + this.canvas.upperCanvasEl, + 'click', + this.onClick.bind(this) + ); + this._clickHandlerInitialized = true; + } + }, + + /** + * For functionalities on keyDown + * Map a special key to a function of the instance/prototype + * If you need different behaviour for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the fabric.Itext or + * your prototype. + * the map change will affect all Instances unless you need for only some text Instances + * in that case you have to clone this object and assign your Instance. + * this.keysMap = Object.assign({}, this.keysMap); + * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + */ + keysMap: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorRight', + 36: 'moveCursorLeft', + 37: 'moveCursorLeft', + 38: 'moveCursorUp', + 39: 'moveCursorRight', + 40: 'moveCursorDown', + }, + + keysMapRtl: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorLeft', + 36: 'moveCursorRight', + 37: 'moveCursorRight', + 38: 'moveCursorUp', + 39: 'moveCursorLeft', + 40: 'moveCursorDown', + }, + + /** + * For functionalities on keyUp + ctrl || cmd + */ + ctrlKeysMapUp: { + 67: 'copy', + 88: 'cut', + }, + + /** + * For functionalities on keyDown + ctrl || cmd + */ + ctrlKeysMapDown: { + 65: 'selectAll', + }, + + onClick: function () { + // No need to trigger click event here, focus is enough to have the keyboard appear on Android + this.hiddenTextarea && this.hiddenTextarea.focus(); + }, + + /** + * Override this method to customize cursor behavior on textbox blur + */ + blur: function () { + this.abortCursorAnimation(); + }, + + /** + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {Event} e Event object + */ + onKeyDown: function (e) { + if (!this.isEditing) { + return; + } + var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } else if ( + e.keyCode in this.ctrlKeysMapDown && + (e.ctrlKey || e.metaKey) + ) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } else { + this.canvas && this.canvas.requestRenderAll(); + } + }, + + /** + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {Event} e Event object + */ + onKeyUp: function (e) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); this.canvas && this.canvas.requestRenderAll(); - } - } - - /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {TPointerEvent} e Event object - */ - onKeyUp(e: TPointerEvent) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - this.canvas && this.canvas.requestRenderAll(); - } + }, + + /** + * Handles onInput event + * @param {Event} e Event object + */ + onInput: function (e) { + var fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + var nextText = this._splitTextIntoLines( + this.hiddenTextarea.value + ).graphemeText, + charCount = this._text.length, + nextCharCount = nextText.length, + removedText, + insertedText, + charDiff = nextCharCount - charCount, + selectionStart = this.selectionStart, + selectionEnd = this.selectionEnd, + selection = selectionStart !== selectionEnd, + copiedStyle, + removeFrom, + removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = {}; + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + return; + } - /** - * Handles onInput event - * @param {TPointerEvent} e Event object - */ - onInput(e: TPointerEvent) { - var fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - var nextText = this._splitTextIntoLines( + var textareaSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value - ).graphemeText, - charCount = this._text.length, - nextCharCount = nextText.length, - removedText, - insertedText, - charDiff = nextCharCount - charCount, - selectionStart = this.selectionStart, - selectionEnd = this.selectionEnd, - selection = selectionStart !== selectionEnd, - copiedStyle, - removeFrom, - removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = {}; + ); + var backDelete = selectionStart > textareaSelection.selectionStart; + + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice( + selectionEnd + charDiff, + selectionEnd + ); + } else { + removedText = this._text.slice( + selectionStart, + selectionStart - charDiff + ); + } + } + insertedText = nextText.slice( + textareaSelection.selectionEnd - charDiff, + textareaSelection.selectionEnd + ); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles( + selectionStart, + selectionStart + 1, + false + ); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(function () { + // this return an array of references, but that is fine since we are + // copying the style later. + return copiedStyle[0]; + }); + } + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; + } + this.removeStyleFromTo(removeFrom, removeTo); + } + if (insertedText.length) { + if ( + fromPaste && + insertedText.join('') === fabric.copiedText && + !config.disableStyleCopyPaste + ) { + copiedStyle = fabric.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } this.updateFromTextArea(); this.fire('changed'); if (this.canvas) { this.canvas.fire('text:changed', { target: this }); this.canvas.requestRenderAll(); } - return; - } - - var textareaSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value - ); - var backDelete = selectionStart > textareaSelection.selectionStart; - - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); - } else { - removedText = this._text.slice( - selectionStart, - selectionStart - charDiff - ); + }, + /** + * Composition start + */ + onCompositionStart: function () { + this.inCompositionMode = true; + }, + + /** + * Composition end + */ + onCompositionEnd: function () { + this.inCompositionMode = false; + }, + + // /** + // * Composition update + // */ + onCompositionUpdate: function (e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + }, + + /** + * Copies selected text + * @param {Event} e Event object + */ + copy: function () { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; } - } - insertedText = nextText.slice( - textareaSelection.selectionEnd - charDiff, - textareaSelection.selectionEnd - ); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles( - selectionStart, - selectionStart + 1, - false + + fabric.copiedText = this.getSelectedText(); + if (!config.disableStyleCopyPaste) { + fabric.copiedTextStyle = this.getSelectionStyles( + this.selectionStart, + this.selectionEnd, + true ); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function () { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; - }); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; } else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; + fabric.copiedTextStyle = null; + } + this._copyDone = true; + }, + + /** + * Pastes text + * @param {Event} e Event object + */ + paste: function () { + this.fromPaste = true; + }, + + /** + * @private + * @param {Event} e Event object + * @return {Object} Clipboard data object + */ + _getClipboardData: function (e) { + return (e && e.clipboardData) || fabric.window.clipboardData; + }, + + /** + * Finds the width in pixels before the cursor on the same line + * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor + */ + _getWidthBeforeCursor: function (lineIndex, charIndex) { + var widthBeforeCursor = this._getLineLeftOffset(lineIndex), + bound; + + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { + return widthBeforeCursor; + }, + + /** + * Gets start offset of a selection + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getDownCursorOffset: function (e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line if ( - fromPaste && - insertedText.join('') === fabric.copiedText && - !config.disableStyleCopyPaste + lineIndex === this._textLines.length - 1 || + e.metaKey || + e.keyCode === 34 ) { - copiedStyle = fabric.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - } - - /** - * Composition start - */ - onCompositionStart() { - this.inCompositionMode = true; - } + // move to the end of a text + return this._text.length - selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine( + lineIndex + 1, + widthBeforeCursor + ), + textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return ( + textAfterCursor.length + + indexOnOtherLine + + 1 + + this.missingNewlineOffset(lineIndex) + ); + }, + + /** + * private + * Helps finding if the offset should be counted from Start or End + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + _getSelectionForOffset: function (e, isRight) { + if ( + e.shiftKey && + this.selectionStart !== this.selectionEnd && + isRight + ) { + return this.selectionEnd; + } else { + return this.selectionStart; + } + }, + + /** + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getUpCursorOffset: function (e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine( + lineIndex - 1, + widthBeforeCursor + ), + textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), + missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return ( + -this._textLines[lineIndex - 1].length + + indexOnOtherLine - + textBeforeCursor.length + + (1 - missingNewlineOffset) + ); + }, + + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine: function (lineIndex, width) { + var line = this._textLines[lineIndex], + lineLeftOffset = this._getLineLeftOffset(lineIndex), + widthOfCharsOnLine = lineLeftOffset, + indexOnLine = 0, + charWidth, + foundMatch; + + for (var j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + var leftEdge = widthOfCharsOnLine - charWidth, + rightEdge = widthOfCharsOnLine, + offsetFromLeftEdge = Math.abs(leftEdge - width), + offsetFromRightEdge = Math.abs(rightEdge - width); + + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; + break; + } + } - /** - * Composition end - */ - onCompositionEnd() { - this.inCompositionMode = false; - } + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; + } - // */ - onCompositionUpdate(e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - } + return indexOnLine; + }, - /** - * Copies selected text - */ - copy() { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } - - fabric.copiedText = this.getSelectedText(); - if (!config.disableStyleCopyPaste) { - fabric.copiedTextStyle = this.getSelectionStyles( + /** + * Moves cursor down + * @param {Event} e Event object + */ + moveCursorDown: function (e) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorUpOrDown('Down', e); + }, + + /** + * Moves cursor up + * @param {Event} e Event object + */ + moveCursorUp: function (e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + }, + + /** + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {Event} e Event object + */ + _moveCursorUpOrDown: function (direction, e) { + // getUpCursorOffset + // getDownCursorOffset + var action = 'get' + direction + 'CursorOffset', + offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); + } else { + this.moveCursorWithoutShift(offset); + } + if (offset !== 0) { + this.setSelectionInBoundaries(); + this.abortCursorAnimation(); + this._currentCursorOpacity = 1; + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, + + /** + * Moves cursor with shift + * @param {Number} offset + */ + moveCursorWithShift: function (offset) { + var newSelection = + this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift( this.selectionStart, this.selectionEnd, - true + newSelection ); - } else { - fabric.copiedTextStyle = null; - } - this._copyDone = true; - } - - /** - * Pastes text - */ - paste() { - this.fromPaste = true; - } - - /** - * @private - * @param {TPointerEvent} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData(e: TPointerEvent): object { - return (e && e.clipboardData) || fabric.window.clipboardData; - } - - /** - * Finds the width in pixels before the cursor on the same line - * @private - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor - */ - _getWidthBeforeCursor(lineIndex: number, charIndex: number): number { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), - bound; - - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; - } - return widthBeforeCursor; - } - - /** - * Gets start offset of a selection - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getDownCursorOffset(e: TPointerEvent, isRight: boolean): number { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if ( - lineIndex === this._textLines.length - 1 || - e.metaKey || - e.keyCode === 34 - ) { - // move to the end of a text - return this._text.length - selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex + 1, - widthBeforeCursor - ), - textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return ( - textAfterCursor.length + - indexOnOtherLine + - 1 + - this.missingNewlineOffset(lineIndex) - ); - } - - /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number { - if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { - return this.selectionEnd; - } else { - return this.selectionStart; - } - } - - /** - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getUpCursorOffset(e: TPointerEvent, isRight: boolean): number { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex - 1, - widthBeforeCursor - ), - textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), - missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return ( - -this._textLines[lineIndex - 1].length + - indexOnOtherLine - - textBeforeCursor.length + - (1 - missingNewlineOffset) - ); - } - - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine(lineIndex, width) { - var line = this._textLines[lineIndex], - lineLeftOffset = this._getLineLeftOffset(lineIndex), - widthOfCharsOnLine = lineLeftOffset, - indexOnLine = 0, - charWidth, - foundMatch; - - for (var j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, - rightEdge = widthOfCharsOnLine, - offsetFromLeftEdge = Math.abs(leftEdge - width), - offsetFromRightEdge = Math.abs(rightEdge - width); - - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; - break; - } - } - - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; - } - - return indexOnLine; - } - - /** - * Moves cursor down - * @param {TPointerEvent} e Event object - */ - moveCursorDown(e: TPointerEvent) { - if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length - ) { - return; - } - this._moveCursorUpOrDown('Down', e); - } - - /** - * Moves cursor up - * @param {TPointerEvent} e Event object - */ - moveCursorUp(e: TPointerEvent) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - } - - /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {TPointerEvent} e Event object - */ - _moveCursorUpOrDown(direction: string, e: TPointerEvent) { - var action = 'get' + direction + 'CursorOffset', - offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); - } else { - this.moveCursorWithoutShift(offset); - } - if (offset !== 0) { - this.setSelectionInBoundaries(); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - } - - /** - * Moves cursor with shift - * @param {Number} offset - */ - moveCursorWithShift(offset: number) { - var newSelection = - this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift( - this.selectionStart, - this.selectionEnd, - newSelection - ); - return offset !== 0; - } + return offset !== 0; + }, + + /** + * Moves cursor up without shift + * @param {Number} offset + */ + moveCursorWithoutShift: function (offset) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; + } else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; + } + return offset !== 0; + }, + + /** + * Moves cursor left + * @param {Event} e Event object + */ + moveCursorLeft: function (e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + }, + + /** + * @private + * @return {Boolean} true if a change happened + */ + _move: function (e, prop, direction) { + var newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { + newValue = this['findLineBoundary' + direction](this[prop]); + } else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; + } + if (typeof newValue !== 'undefined' && this[prop] !== newValue) { + this[prop] = newValue; + return true; + } + }, + + /** + * @private + */ + _moveLeft: function (e, prop) { + return this._move(e, prop, 'Left'); + }, + + /** + * @private + */ + _moveRight: function (e, prop) { + return this._move(e, prop, 'Right'); + }, + + /** + * Moves cursor left without keeping selection + * @param {Event} e + */ + moveCursorLeftWithoutShift: function (e) { + var change = true; + this._selectionDirection = 'left'; - /** - * Moves cursor up without shift - * @param {Number} offset - */ - moveCursorWithoutShift(offset: number) { - if (offset < 0) { - this.selectionStart += offset; + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if ( + this.selectionEnd === this.selectionStart && + this.selectionStart !== 0 + ) { + change = this._moveLeft(e, 'selectionStart'); + } this.selectionEnd = this.selectionStart; - } else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; - } - return offset !== 0; - } - - /** - * Moves cursor left - * @param {TPointerEvent} e Event object - */ - moveCursorLeft(e: TPointerEvent) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - } - - /** - * @private - * @return {Boolean} true if a change happened - */ - _move(e, prop, direction): boolean { - var newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { - newValue = this['findLineBoundary' + direction](this[prop]); - } else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; - } - if (typeof newValue !== 'undefined' && this[prop] !== newValue) { - this[prop] = newValue; - return true; - } - } - - /** - * @private - */ - _moveLeft(e, prop) { - return this._move(e, prop, 'Left'); - } - - /** - * @private - */ - _moveRight(e, prop) { - return this._move(e, prop, 'Right'); - } - - /** - * Moves cursor left without keeping selection - * @param {TPointerEvent} e - */ - moveCursorLeftWithoutShift(e: TPointerEvent) { - var change = true; - this._selectionDirection = 'left'; - - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if ( - this.selectionEnd === this.selectionStart && - this.selectionStart !== 0 - ) { - change = this._moveLeft(e, 'selectionStart'); - } - this.selectionEnd = this.selectionStart; - return change; - } - - /** - * Moves cursor left while keeping selection - * @param {TPointerEvent} e - */ - moveCursorLeftWithShift(e: TPointerEvent) { - if ( - this._selectionDirection === 'right' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveLeft(e, 'selectionEnd'); - } else if (this.selectionStart !== 0) { - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } - } + return change; + }, + + /** + * Moves cursor left while keeping selection + * @param {Event} e + */ + moveCursorLeftWithShift: function (e) { + if ( + this._selectionDirection === 'right' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveLeft(e, 'selectionEnd'); + } else if (this.selectionStart !== 0) { + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + }, - /** - * Moves cursor right - * @param {TPointerEvent} e Event object - */ - moveCursorRight(e: TPointerEvent) { - if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length - ) { - return; - } - this._moveCursorLeftOrRight('Right', e); - } + /** + * Moves cursor right + * @param {Event} e Event object + */ + moveCursorRight: function (e) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorLeftOrRight('Right', e); + }, + + /** + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {Event} e Event object + */ + _moveCursorLeftOrRight: function (direction, e) { + var actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; - /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {TPointerEvent} e Event object - */ - _moveCursorLeftOrRight(direction: string, e: TPointerEvent) { - var actionName = 'moveCursor' + direction + 'With'; - this._currentCursorOpacity = 1; - - if (e.shiftKey) { - actionName += 'Shift'; - } else { - actionName += 'outShift'; - } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - } + if (e.shiftKey) { + actionName += 'Shift'; + } else { + actionName += 'outShift'; + } + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, - /** - * Moves cursor right while keeping selection - * @param {TPointerEvent} e - */ - moveCursorRightWithShift(e: TPointerEvent) { - if ( - this._selectionDirection === 'left' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveRight(e, 'selectionStart'); - } else if (this.selectionEnd !== this._text.length) { + /** + * Moves cursor right while keeping selection + * @param {Event} e + */ + moveCursorRightWithShift: function (e) { + if ( + this._selectionDirection === 'left' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveRight(e, 'selectionStart'); + } else if (this.selectionEnd !== this._text.length) { + this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); + } + }, + + /** + * Moves cursor right without keeping selection + * @param {Event} e Event object + */ + moveCursorRightWithoutShift: function (e) { + var changed = true; this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } - } - /** - * Moves cursor right without keeping selection - * @param {TPointerEvent} e Event object - */ - moveCursorRightWithoutShift(e: TPointerEvent) { - var changed = true; - this._selectionDirection = 'right'; - - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; - } else { - this.selectionStart = this.selectionEnd; - } - return changed; - } - - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars(start: number, end: number) { - if (typeof end === 'undefined') { - end = start + 1; - } - this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - } - - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars(text: string, style: Array, start: number, end: number) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; + } else { + this.selectionStart = this.selectionEnd; + } + return changed; + }, + + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars: function (start, end) { + if (typeof end === 'undefined') { + end = start + 1; + } this.removeStyleFromTo(start, end); - } - var graphemes = this.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat( - this._text.slice(0, start), - graphemes, - this._text.slice(end) - ); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, + + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars: function (text, style, start, end) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { + this.removeStyleFromTo(start, end); + } + var graphemes = this.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat( + this._text.slice(0, start), + graphemes, + this._text.slice(end) + ); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, } - }; -} - -IText = ITextKeyBehaviorMixinGenerator(IText); - -export const iTextKeyBehaviorMixinDefaultValues: Partial< - TClassProperties -> = { - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut', - }, - ctrlKeysMapDown: { - 65: 'selectAll', - }, -}; - -Object.assign( - ITextKeyBehaviorMixin.prototype, - iTextKeyBehaviorMixinDefaultValues -); + ); +})(typeof exports !== 'undefined' ? exports : window); From 0d7bc75e1668d43525a61f93f7847cd9ce01847c Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:12:21 +0200 Subject: [PATCH 24/58] cleanup --- dist/fabric.d.ts | 1 - dist/fabric.js | 56494 +++++++++++++++++++++++-------------------- dist/fabric.js.map | 1 - 3 files changed, 29823 insertions(+), 26673 deletions(-) delete mode 100644 dist/fabric.d.ts delete mode 100644 dist/fabric.js.map diff --git a/dist/fabric.d.ts b/dist/fabric.d.ts deleted file mode 100644 index cb0ff5c3b54..00000000000 --- a/dist/fabric.d.ts +++ /dev/null @@ -1 +0,0 @@ -export {}; diff --git a/dist/fabric.js b/dist/fabric.js index 6489944ff1c..9b7bf655d2a 100644 --- a/dist/fabric.js +++ b/dist/fabric.js @@ -1,5007 +1,4896 @@ -'use strict'; - -class BaseConfiguration { - constructor() { - /** - * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, - * which is unitless and not rendered equally across browsers. - * - * Values that work quite well (as of October 2017) are: - * - Chrome: 1.5 - * - Edge: 1.75 - * - Firefox: 0.9 - * - Safari: 0.95 - * - * @since 2.0.0 - * @type Number - * @default 1 - */ - this.browserShadowBlurConstant = 1; - /** - * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. - */ - this.DPI = 96; - /** - * Device Pixel Ratio - * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html - */ - this.devicePixelRatio = 1; - /** - * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. - * @since 1.7.14 - * @type Number - * @default - */ - this.perfLimitSizeTotal = 2097152; - /** - * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 - * @since 1.7.14 - * @type Number - * @default - */ - this.maxCacheSideLimit = 4096; - /** - * Lowest pixel limit for cache canvases, set at 256PX - * @since 1.7.14 - * @type Number - * @default - */ - this.minCacheSideLimit = 256; - /** - * When 'true', style information is not retained when copy/pasting text, making - * pasted text use destination style. - * Defaults to 'false'. - * @type Boolean - * @default - * @deprecated - */ - this.disableStyleCopyPaste = false; - /** - * Enable webgl for filtering picture is available - * A filtering backend will be initialized, this will both take memory and - * time since a default 2048x2048 canvas will be created for the gl context - * @since 2.0.0 - * @type Boolean - * @default - */ - this.enableGLFiltering = true; - /** - * if webgl is enabled and available, textureSize will determine the size - * of the canvas backend - * - * In order to support old hardware set to `2048` to avoid OOM - * - * @since 2.0.0 - * @type Number - * @default - */ - this.textureSize = 4096; - /** - * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on - * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true - * this has to be set before instantiating the filtering backend ( before filtering the first image ) - * @type Boolean - * @default false - */ - this.forceGLPutImageData = false; - /** - * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better - * @default true - */ - this.cachesBoundsOfCurve = true; - /** - * Map of font files - * Map of font files - */ - this.fontPaths = {}; - /** - * Defines the number of fraction digits to use when serializing object values. - * Used in exporting methods (`toObject`, `toJSON`, `toSVG`) - * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. - */ - this.NUM_FRACTION_DIGITS = 4; - } -} -class Configuration extends BaseConfiguration { - constructor(config) { - super(); - this.configure(config); - } - configure(config = {}) { - Object.assign(this, config); - } - /** - * Map of font files - */ - addFonts(paths = {}) { - this.fontPaths = Object.assign(Object.assign({}, this.fontPaths), paths); - } - removeFonts(fontFamilys = []) { - fontFamilys.forEach((fontFamily) => { - delete this.fontPaths[fontFamily]; - }); - } - clearFonts() { - this.fontPaths = {}; - } - restoreDefaults(keys) { - const defaults = new BaseConfiguration(); - const config = (keys === null || keys === void 0 ? void 0 : keys.reduce((acc, key) => { - acc[key] = defaults[key]; - return acc; - }, {})) || defaults; - this.configure(config); - } -} -const config = new Configuration(); - -class Cache { - constructor() { - /** - * Cache of widths of chars in text rendering. - */ - this.charWidthsCache = {}; - /** - * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. - * It was an internal variable, is accessible since version 2.3.4 - */ - this.arcToSegmentsCache = {}; - /** - * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. - * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing - * you do not get any speed benefit and you get a big object in memory. - * The object was a private variable before, while now is appended to the lib so that you have access to it and you - * can eventually clear it. - * It was an internal variable, is accessible since version 2.3.4 - */ - this.boundsOfCurveCache = {}; - } - /** - * @return {Object} reference to cache - */ - getFontCache({ fontFamily, fontStyle, fontWeight, }) { - fontFamily = fontFamily.toLowerCase(); - if (!this.charWidthsCache[fontFamily]) { - this.charWidthsCache[fontFamily] = {}; - } - const fontCache = this.charWidthsCache[fontFamily]; - const cacheKey = `${fontStyle.toLowerCase()}_${(fontWeight + '').toLowerCase()}`; - if (!fontCache[cacheKey]) { - fontCache[cacheKey] = {}; - } - return fontCache[cacheKey]; - } - /** - * Clear char widths cache for the given font family or all the cache if no - * fontFamily is specified. - * Use it if you know you are loading fonts in a lazy way and you are not waiting - * for custom fonts to load properly when adding text objects to the canvas. - * If a text object is added when its own font is not loaded yet, you will get wrong - * measurement and so wrong bounding boxes. - * After the font cache is cleared, either change the textObject text content or call - * initDimensions() to trigger a recalculation - * @memberOf fabric.util - * @param {String} [fontFamily] font family to clear - */ - clearFontCache(fontFamily) { - fontFamily = (fontFamily || '').toLowerCase(); - if (!fontFamily) { - this.charWidthsCache = {}; - } - else if (this.charWidthsCache[fontFamily]) { - delete this.charWidthsCache[fontFamily]; - } - } - /** - * Given current aspect ratio, determines the max width and height that can - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {number} ar aspect ratio - * @return {number[]} Limited dimensions X and Y - */ - limitDimsByArea(ar) { - const { perfLimitSizeTotal } = config; - const roughWidth = Math.sqrt(perfLimitSizeTotal * ar); - // we are not returning a point on purpose, to avoid circular dependencies - // this is an internal utility - return [ - Math.floor(roughWidth), - Math.floor(perfLimitSizeTotal / roughWidth), - ]; - } -} -const cache = new Cache(); - -var version = "5.1.0"; - -// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass -function noop() { } -const halfPI = Math.PI / 2; -const twoMathPi = Math.PI * 2; -const PiBy180 = Math.PI / 180; -const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]); -const DEFAULT_SVG_FONT_SIZE = 16; -/* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ -const kRect = 1 - 0.5522847498; - -var fabric$3 = fabric$3 || { - version: version, - config, - cache, - iMatrix, -}; +/* build: `node build.js modules=ALL exclude=gestures,accessors,erasing requirejs minifier=uglifyjs` */ +/*! Fabric.js Copyright 2008-2015, Printio (Juriy Zaytsev, Maxim Chernyak) */ + +var fabric = fabric || { version: '5.1.0' }; if (typeof exports !== 'undefined') { - exports.fabric = fabric$3; + exports.fabric = fabric; } +/* _AMD_START_ */ else if (typeof define === 'function' && define.amd) { - /* _AMD_START_ */ - define([], function () { - return fabric$3; - }); + define([], function() { return fabric; }); } /* _AMD_END_ */ if (typeof document !== 'undefined' && typeof window !== 'undefined') { - if (document instanceof - (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { - fabric$3.document = document; - } - else { - fabric$3.document = document.implementation.createHTMLDocument(''); - } - fabric$3.window = window; - window.fabric = fabric$3; + if (document instanceof (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { + fabric.document = document; + } + else { + fabric.document = document.implementation.createHTMLDocument(''); + } + fabric.window = window; } else { - // assume we're running under node.js when document/window are not present - var jsdom = require('jsdom'); - var virtualWindow = new jsdom.JSDOM(decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), { - features: { - FetchExternalResources: ['img'], - }, - resources: 'usable', + // assume we're running under node.js when document/window are not present + var jsdom = require('jsdom'); + var virtualWindow = new jsdom.JSDOM( + decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), + { + features: { + FetchExternalResources: ['img'] + }, + resources: 'usable' }).window; - fabric$3.document = virtualWindow.document; - fabric$3.jsdomImplForWrapper = - require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; - fabric$3.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; - fabric$3.window = virtualWindow; - global.DOMParser = fabric$3.window.DOMParser; + fabric.document = virtualWindow.document; + fabric.jsdomImplForWrapper = require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; + fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; + fabric.window = virtualWindow; + DOMParser = fabric.window.DOMParser; } + /** * True when in environment that supports touch events * @type boolean */ -fabric$3.isTouchSupported = - 'ontouchstart' in fabric$3.window || - 'ontouchstart' in fabric$3.document || - (fabric$3.window && - fabric$3.window.navigator && - fabric$3.window.navigator.maxTouchPoints > 0); +fabric.isTouchSupported = 'ontouchstart' in fabric.window || 'ontouchstart' in fabric.document || + (fabric.window && fabric.window.navigator && fabric.window.navigator.maxTouchPoints > 0); + /** * True when in environment that's probably Node.js * @type boolean */ -fabric$3.isLikelyNode = - typeof Buffer !== 'undefined' && typeof window === 'undefined'; +fabric.isLikelyNode = typeof Buffer !== 'undefined' && + typeof window === 'undefined'; + +/* _FROM_SVG_START_ */ /** - * @todo move to config when window is exported + * Attributes parsed from all SVG elements + * @type array */ -config.configure({ - devicePixelRatio: fabric$3.window.devicePixelRatio || - fabric$3.window.webkitDevicePixelRatio || - fabric$3.window.mozDevicePixelRatio || - 1, -}); +fabric.SHARED_ATTRIBUTES = [ + 'display', + 'transform', + 'fill', 'fill-opacity', 'fill-rule', + 'opacity', + 'stroke', 'stroke-dasharray', 'stroke-linecap', 'stroke-dashoffset', + 'stroke-linejoin', 'stroke-miterlimit', + 'stroke-opacity', 'stroke-width', + 'id', 'paint-order', 'vector-effect', + 'instantiated_by_use', 'clip-path', +]; +/* _FROM_SVG_END_ */ -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - /** - * @namespace fabric.Collection - */ - fabric.Collection = { - /** - * @type {fabric.Object[]} - */ - _objects: [], - /** - * Adds objects to collection, Canvas or Group, then renders canvas - * (if `renderOnAddRemove` is not `false`). - * Objects should be instances of (or inherit from) fabric.Object - * @private - * @param {fabric.Object[]} objects to add - * @param {(object:fabric.Object) => any} [callback] - * @returns {number} new array length - */ - add: function (objects, callback) { - var size = this._objects.push.apply(this._objects, objects); - if (callback) { - for (var i = 0; i < objects.length; i++) { - callback.call(this, objects[i]); - } - } - return size; - }, - /** - * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) - * An object should be an instance of (or inherit from) fabric.Object - * @private - * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert - * @param {Number} index Index to insert object at - * @param {(object:fabric.Object) => any} [callback] - * @returns {number} new array length - */ - insertAt: function (objects, index, callback) { - var args = [index, 0].concat(objects); - this._objects.splice.apply(this._objects, args); - if (callback) { - for (var i = 2; i < args.length; i++) { - callback.call(this, args[i]); - } - } - return this._objects.length; - }, - /** - * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) - * @private - * @param {fabric.Object[]} objectsToRemove objects to remove - * @param {(object:fabric.Object) => any} [callback] function to call for each object removed - * @returns {fabric.Object[]} removed objects - */ - remove: function (objectsToRemove, callback) { - var objects = this._objects, removed = []; - for (var i = 0, object, index; i < objectsToRemove.length; i++) { - object = objectsToRemove[i]; - index = objects.indexOf(object); - // only call onObjectRemoved if an object was actually removed - if (index !== -1) { - objects.splice(index, 1); - removed.push(object); - callback && callback.call(this, object); - } - } - return removed; - }, - /** - * Executes given function for each object in this group - * @param {Function} callback - * Callback invoked with current object as first argument, - * index - as second and an array of all objects - as third. - * Callback is invoked in a context of Global Object (e.g. `window`) - * when no `context` argument is given - * - * @param {Object} context Context (aka thisObject) - * @return {Self} thisArg - * @chainable - */ - forEachObject: function (callback, context) { - var objects = this.getObjects(); - for (var i = 0; i < objects.length; i++) { - callback.call(context, objects[i], i, objects); - } - return this; - }, - /** - * Returns an array of children objects of this instance - * @param {...String} [types] When specified, only objects of these types are returned - * @return {Array} - */ - getObjects: function () { - if (arguments.length === 0) { - return this._objects.concat(); - } - var types = Array.from(arguments); - return this._objects.filter(function (o) { - return types.indexOf(o.type) > -1; - }); - }, - /** - * Returns object at specified index - * @param {Number} index - * @return {Object} object at index - */ - item: function (index) { - return this._objects[index]; - }, - /** - * Returns true if collection contains no objects - * @return {Boolean} true if collection is empty - */ - isEmpty: function () { - return this._objects.length === 0; - }, - /** - * Returns a size of a collection (i.e: length of an array containing its objects) - * @return {Number} Collection size - */ - size: function () { - return this._objects.length; - }, - /** - * Returns true if collection contains an object.\ - * **Prefer using {@link `fabric.Object#isDescendantOf`} for performance reasons** - * instead of a.contains(b) use b.isDescendantOf(a) - * @param {Object} object Object to check against - * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` - * @return {Boolean} `true` if collection contains an object - */ - contains: function (object, deep) { - if (this._objects.indexOf(object) > -1) { - return true; - } - else if (deep) { - return this._objects.some(function (obj) { - return (typeof obj.contains === 'function' && obj.contains(object, true)); - }); - } - return false; - }, - /** - * Returns number representation of a collection complexity - * @return {Number} complexity - */ - complexity: function () { - return this._objects.reduce(function (memo, current) { - memo += current.complexity ? current.complexity() : 0; - return memo; - }, 0); - }, - }; -})(typeof exports !== 'undefined' ? exports : window); +/** + * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. + */ +fabric.DPI = 96; +fabric.reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; +fabric.commaWsp = '(?:\\s+,?\\s*|,\\s*)'; +fabric.rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/ig; +fabric.reNonWord = /[ \n\.,;!\?\-]/; +fabric.fontPaths = { }; +fabric.iMatrix = [1, 0, 0, 1, 0, 0]; +fabric.svgNS = 'http://www.w3.org/2000/svg'; /** - * Calculate the cos of an angle, avoiding returning floats for known results - * This function is here just to avoid getting 0.999999999999999 when dealing - * with numbers that are really 1 or 0. - * @static - * @memberOf fabric.util - * @param {TRadian} angle the angle - * @return {Number} the cosin value for angle. + * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. + * @since 1.7.14 + * @type Number + * @default */ -const cos = (angle) => { - if (angle === 0) { - return 1; - } - const angleSlice = Math.abs(angle) / halfPI; - switch (angleSlice) { - case 1: - case 3: - return 0; - case 2: - return -1; - } - return Math.cos(angle); -}; +fabric.perfLimitSizeTotal = 2097152; /** - * Calculate the cos of an angle, avoiding returning floats for known results - * This function is here just to avoid getting 0.999999999999999 when dealing - * with numbers that are really 1 or 0. - * @static - * @memberOf fabric.util - * @param {TRadian} angle the angle - * @return {Number} the sin value for angle. + * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 + * @since 1.7.14 + * @type Number + * @default */ -const sin = (angle) => { - if (angle === 0) { - return 0; - } - const angleSlice = angle / halfPI; - const value = Math.sign(angle); - switch (angleSlice) { - case 1: - return value; - case 2: - return 0; - case 3: - return -value; - } - return Math.sin(angle); -}; +fabric.maxCacheSideLimit = 4096; + +/** + * Lowest pixel limit for cache canvases, set at 256PX + * @since 1.7.14 + * @type Number + * @default + */ +fabric.minCacheSideLimit = 256; /** - * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com) + * Cache Object for widths of chars in text rendering. */ -class Point { - constructor(arg0 = 0, y = 0) { - this.type = 'point'; - if (typeof arg0 === 'object') { - this.x = arg0.x; - this.y = arg0.y; - } - else { - this.x = arg0; - this.y = y; - } +fabric.charWidthsCache = { }; + +/** + * if webgl is enabled and available, textureSize will determine the size + * of the canvas backend + * @since 2.0.0 + * @type Number + * @default + */ +fabric.textureSize = 2048; + +/** + * When 'true', style information is not retained when copy/pasting text, making + * pasted text use destination style. + * Defaults to 'false'. + * @type Boolean + * @default + */ +fabric.disableStyleCopyPaste = false; + +/** + * Enable webgl for filtering picture is available + * A filtering backend will be initialized, this will both take memory and + * time since a default 2048x2048 canvas will be created for the gl context + * @since 2.0.0 + * @type Boolean + * @default + */ +fabric.enableGLFiltering = true; + +/** + * Device Pixel Ratio + * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html + */ +fabric.devicePixelRatio = fabric.window.devicePixelRatio || + fabric.window.webkitDevicePixelRatio || + fabric.window.mozDevicePixelRatio || + 1; +/** + * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, + * which is unitless and not rendered equally across browsers. + * + * Values that work quite well (as of October 2017) are: + * - Chrome: 1.5 + * - Edge: 1.75 + * - Firefox: 0.9 + * - Safari: 0.95 + * + * @since 2.0.0 + * @type Number + * @default 1 + */ +fabric.browserShadowBlurConstant = 1; + +/** + * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. + * It was an internal variable, is accessible since version 2.3.4 + */ +fabric.arcToSegmentsCache = { }; + +/** + * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. + * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing + * you do not get any speed benefit and you get a big object in memory. + * The object was a private variable before, while now is appended to the lib so that you have access to it and you + * can eventually clear it. + * It was an internal variable, is accessible since version 2.3.4 + */ +fabric.boundsOfCurveCache = { }; + +/** + * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better + * @default true + */ +fabric.cachesBoundsOfCurve = true; + +/** + * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on + * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true + * this has to be set before instantiating the filtering backend ( before filtering the first image ) + * @type Boolean + * @default false + */ +fabric.forceGLPutImageData = false; + +fabric.initFilterBackend = function() { + if (fabric.enableGLFiltering && fabric.isWebglSupported && fabric.isWebglSupported(fabric.textureSize)) { + console.log('max texture size: ' + fabric.maxTextureSize); + return (new fabric.WebglFilterBackend({ tileSize: fabric.textureSize })); + } + else if (fabric.Canvas2dFilterBackend) { + return (new fabric.Canvas2dFilterBackend()); + } +}; + + +if (typeof document !== 'undefined' && typeof window !== 'undefined') { + // ensure globality even if entire library were function wrapped (as in Meteor.js packaging system) + window.fabric = fabric; +} + + +(function() { + + /** + * @private + * @param {String} eventName + * @param {Function} handler + */ + function _removeEventListener(eventName, handler) { + if (!this.__eventListeners[eventName]) { + return; + } + var eventListener = this.__eventListeners[eventName]; + if (handler) { + eventListener[eventListener.indexOf(handler)] = false; } - /** - * Adds another point to this one and returns another one - * @param {Point} that - * @return {Point} new Point instance with added values - */ - add(that) { - return new Point(this.x + that.x, this.y + that.y); + else { + fabric.util.array.fill(eventListener, false); } - /** - * Adds another point to this one - * @param {Point} that - * @return {Point} thisArg - * @chainable - * @deprecated - */ - addEquals(that) { - this.x += that.x; - this.y += that.y; - return this; + } + + /** + * Observes specified event + * @memberOf fabric.Observable + * @alias on + * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) + * @param {Function} handler Function that receives a notification when an event of the specified type occurs + * @return {Self} thisArg + * @chainable + */ + function on(eventName, handler) { + if (!this.__eventListeners) { + this.__eventListeners = { }; + } + // one object with key/value pairs was passed + if (arguments.length === 1) { + for (var prop in eventName) { + this.on(prop, eventName[prop]); + } } - /** - * Adds value to this point and returns a new one - * @param {Number} scalar - * @return {Point} new Point with added value - */ - scalarAdd(scalar) { - return new Point(this.x + scalar, this.y + scalar); + else { + if (!this.__eventListeners[eventName]) { + this.__eventListeners[eventName] = []; + } + this.__eventListeners[eventName].push(handler); } - /** - * Adds value to this point - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarAddEquals(scalar) { - this.x += scalar; - this.y += scalar; - return this; + return this; + } + + function _once(eventName, handler) { + var _handler = function () { + handler.apply(this, arguments); + this.off(eventName, _handler); + }.bind(this); + this.on(eventName, _handler); + } + + function once(eventName, handler) { + // one object with key/value pairs was passed + if (arguments.length === 1) { + for (var prop in eventName) { + _once.call(this, prop, eventName[prop]); + } } - /** - * Subtracts another point from this point and returns a new one - * @param {Point} that - * @return {Point} new Point object with subtracted values - */ - subtract(that) { - return new Point(this.x - that.x, this.y - that.y); + else { + _once.call(this, eventName, handler); } - /** - * Subtracts another point from this point - * @param {Point} that - * @return {Point} thisArg - * @chainable - * @deprecated - */ - subtractEquals(that) { - this.x -= that.x; - this.y -= that.y; - return this; + return this; + } + + /** + * Stops event observing for a particular event handler. Calling this method + * without arguments removes all handlers for all events + * @memberOf fabric.Observable + * @alias off + * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) + * @param {Function} handler Function to be deleted from EventListeners + * @return {Self} thisArg + * @chainable + */ + function off(eventName, handler) { + if (!this.__eventListeners) { + return this; } - /** - * Subtracts value from this point and returns a new one - * @param {Number} scalar - * @return {Point} - */ - scalarSubtract(scalar) { - return new Point(this.x - scalar, this.y - scalar); + + // remove all key/value pairs (event name -> event handler) + if (arguments.length === 0) { + for (eventName in this.__eventListeners) { + _removeEventListener.call(this, eventName); + } + } + // one object with key/value pairs was passed + else if (arguments.length === 1 && typeof arguments[0] === 'object') { + for (var prop in eventName) { + _removeEventListener.call(this, prop, eventName[prop]); + } } - /** - * Subtracts value from this point - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarSubtractEquals(scalar) { - this.x -= scalar; - this.y -= scalar; - return this; + else { + _removeEventListener.call(this, eventName, handler); } - /** - * Multiplies this point by another value and returns a new one - * @param {Point} that - * @return {Point} - */ - multiply(that) { - return new Point(this.x * that.x, this.y * that.y); + return this; + } + + /** + * Fires event with an optional options object + * @memberOf fabric.Observable + * @param {String} eventName Event name to fire + * @param {Object} [options] Options object + * @return {Self} thisArg + * @chainable + */ + function fire(eventName, options) { + if (!this.__eventListeners) { + return this; } - /** - * Multiplies this point by a value and returns a new one - * @param {Number} scalar - * @return {Point} - */ - scalarMultiply(scalar) { - return new Point(this.x * scalar, this.y * scalar); + + var listenersForEvent = this.__eventListeners[eventName]; + if (!listenersForEvent) { + return this; } - /** - * Multiplies this point by a value - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarMultiplyEquals(scalar) { - this.x *= scalar; - this.y *= scalar; - return this; + + for (var i = 0, len = listenersForEvent.length; i < len; i++) { + listenersForEvent[i] && listenersForEvent[i].call(this, options || { }); } - /** - * Divides this point by another and returns a new one - * @param {Point} that - * @return {Point} - */ - divide(that) { - return new Point(this.x / that.x, this.y / that.y); + this.__eventListeners[eventName] = listenersForEvent.filter(function(value) { + return value !== false; + }); + return this; + } + + /** + * @namespace fabric.Observable + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} + * @see {@link http://fabricjs.com/events|Events demo} + */ + fabric.Observable = { + fire: fire, + on: on, + once: once, + off: off, + }; +})(); + + +/** + * @namespace fabric.Collection + */ +fabric.Collection = { + + _objects: [], + + /** + * Adds objects to collection, Canvas or Group, then renders canvas + * (if `renderOnAddRemove` is not `false`). + * in case of Group no changes to bounding box are made. + * Objects should be instances of (or inherit from) fabric.Object + * Use of this function is highly discouraged for groups. + * you can add a bunch of objects with the add method but then you NEED + * to run a addWithUpdate call for the Group class or position/bbox will be wrong. + * @param {...fabric.Object} object Zero or more fabric instances + * @return {Self} thisArg + * @chainable + */ + add: function () { + this._objects.push.apply(this._objects, arguments); + if (this._onObjectAdded) { + for (var i = 0, length = arguments.length; i < length; i++) { + this._onObjectAdded(arguments[i]); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) + * An object should be an instance of (or inherit from) fabric.Object + * Use of this function is highly discouraged for groups. + * you can add a bunch of objects with the insertAt method but then you NEED + * to run a addWithUpdate call for the Group class or position/bbox will be wrong. + * @param {Object} object Object to insert + * @param {Number} index Index to insert object at + * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs + * @return {Self} thisArg + * @chainable + */ + insertAt: function (object, index, nonSplicing) { + var objects = this._objects; + if (nonSplicing) { + objects[index] = object; } - /** - * Divides this point by a value and returns a new one - * @param {Number} scalar - * @return {Point} - */ - scalarDivide(scalar) { - return new Point(this.x / scalar, this.y / scalar); + else { + objects.splice(index, 0, object); } - /** - * Divides this point by a value - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarDivideEquals(scalar) { - this.x /= scalar; - this.y /= scalar; - return this; + this._onObjectAdded && this._onObjectAdded(object); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) + * @param {...fabric.Object} object Zero or more fabric instances + * @return {Self} thisArg + * @chainable + */ + remove: function() { + var objects = this._objects, + index, somethingRemoved = false; + + for (var i = 0, length = arguments.length; i < length; i++) { + index = objects.indexOf(arguments[i]); + + // only call onObjectRemoved if an object was actually removed + if (index !== -1) { + somethingRemoved = true; + objects.splice(index, 1); + this._onObjectRemoved && this._onObjectRemoved(arguments[i]); + } } - /** - * Returns true if this point is equal to another one - * @param {Point} that - * @return {Boolean} - */ - eq(that) { - return this.x === that.x && this.y === that.y; + + this.renderOnAddRemove && somethingRemoved && this.requestRenderAll(); + return this; + }, + + /** + * Executes given function for each object in this group + * @param {Function} callback + * Callback invoked with current object as first argument, + * index - as second and an array of all objects - as third. + * Callback is invoked in a context of Global Object (e.g. `window`) + * when no `context` argument is given + * + * @param {Object} context Context (aka thisObject) + * @return {Self} thisArg + * @chainable + */ + forEachObject: function(callback, context) { + var objects = this.getObjects(); + for (var i = 0, len = objects.length; i < len; i++) { + callback.call(context, objects[i], i, objects); + } + return this; + }, + + /** + * Returns an array of children objects of this instance + * Type parameter introduced in 1.3.10 + * since 2.3.5 this method return always a COPY of the array; + * @param {String} [type] When specified, only objects of this type are returned + * @return {Array} + */ + getObjects: function(type) { + if (typeof type === 'undefined') { + return this._objects.concat(); + } + return this._objects.filter(function(o) { + return o.type === type; + }); + }, + + /** + * Returns object at specified index + * @param {Number} index + * @return {Self} thisArg + */ + item: function (index) { + return this._objects[index]; + }, + + /** + * Returns true if collection contains no objects + * @return {Boolean} true if collection is empty + */ + isEmpty: function () { + return this._objects.length === 0; + }, + + /** + * Returns a size of a collection (i.e: length of an array containing its objects) + * @return {Number} Collection size + */ + size: function() { + return this._objects.length; + }, + + /** + * Returns true if collection contains an object + * @param {Object} object Object to check against + * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` + * @return {Boolean} `true` if collection contains an object + */ + contains: function (object, deep) { + if (this._objects.indexOf(object) > -1) { + return true; + } + else if (deep) { + return this._objects.some(function (obj) { + return typeof obj.contains === 'function' && obj.contains(object, true); + }); } - /** - * Returns true if this point is less than another one - * @param {Point} that - * @return {Boolean} - */ - lt(that) { - return this.x < that.x && this.y < that.y; + return false; + }, + + /** + * Returns number representation of a collection complexity + * @return {Number} complexity + */ + complexity: function () { + return this._objects.reduce(function (memo, current) { + memo += current.complexity ? current.complexity() : 0; + return memo; + }, 0); + } +}; + + +/** + * @namespace fabric.CommonMethods + */ +fabric.CommonMethods = { + + /** + * Sets object's properties from options + * @param {Object} [options] Options object + */ + _setOptions: function(options) { + for (var prop in options) { + this.set(prop, options[prop]); + } + }, + + /** + * @private + * @param {Object} [filler] Options object + * @param {String} [property] property to set the Gradient to + */ + _initGradient: function(filler, property) { + if (filler && filler.colorStops && !(filler instanceof fabric.Gradient)) { + this.set(property, new fabric.Gradient(filler)); + } + }, + + /** + * @private + * @param {Object} [filler] Options object + * @param {String} [property] property to set the Pattern to + * @param {Function} [callback] callback to invoke after pattern load + */ + _initPattern: function(filler, property, callback) { + if (filler && filler.source && !(filler instanceof fabric.Pattern)) { + this.set(property, new fabric.Pattern(filler, callback)); } - /** - * Returns true if this point is less than or equal to another one - * @param {Point} that - * @return {Boolean} - */ - lte(that) { - return this.x <= that.x && this.y <= that.y; + else { + callback && callback(); } - /** - - * Returns true if this point is greater another one - * @param {Point} that - * @return {Boolean} - */ - gt(that) { - return this.x > that.x && this.y > that.y; + }, + + /** + * @private + */ + _setObject: function(obj) { + for (var prop in obj) { + this._set(prop, obj[prop]); + } + }, + + /** + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {fabric.Object} thisArg + * @chainable + */ + set: function(key, value) { + if (typeof key === 'object') { + this._setObject(key); } - /** - * Returns true if this point is greater than or equal to another one - * @param {Point} that - * @return {Boolean} - */ - gte(that) { - return this.x >= that.x && this.y >= that.y; + else { + this._set(key, value); } + return this; + }, + + _set: function(key, value) { + this[key] = value; + }, + + /** + * Toggles specified property from `true` to `false` or from `false` to `true` + * @param {String} property Property to toggle + * @return {fabric.Object} thisArg + * @chainable + */ + toggle: function(property) { + var value = this.get(property); + if (typeof value === 'boolean') { + this.set(property, !value); + } + return this; + }, + + /** + * Basic getter + * @param {String} property Property name + * @return {*} value of a property + */ + get: function(property) { + return this[property]; + } +}; + + +(function(global) { + + var sqrt = Math.sqrt, + atan2 = Math.atan2, + pow = Math.pow, + PiBy180 = Math.PI / 180, + PiBy2 = Math.PI / 2; + + /** + * @namespace fabric.util + */ + fabric.util = { + /** - * Returns new point which is the result of linear interpolation with this one and another one - * @param {Point} that - * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 - * @return {Point} + * Calculate the cos of an angle, avoiding returning floats for known results + * @static + * @memberOf fabric.util + * @param {Number} angle the angle in radians or in degree + * @return {Number} */ - lerp(that, t = 0.5) { - t = Math.max(Math.min(1, t), 0); - return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); - } + cos: function(angle) { + if (angle === 0) { return 1; } + if (angle < 0) { + // cos(a) = cos(-a) + angle = -angle; + } + var angleSlice = angle / PiBy2; + switch (angleSlice) { + case 1: case 3: return 0; + case 2: return -1; + } + return Math.cos(angle); + }, + /** - * Returns distance from this point and another one - * @param {Point} that + * Calculate the sin of an angle, avoiding returning floats for known results + * @static + * @memberOf fabric.util + * @param {Number} angle the angle in radians or in degree * @return {Number} */ - distanceFrom(that) { - const dx = this.x - that.x, dy = this.y - that.y; - return Math.sqrt(dx * dx + dy * dy); - } + sin: function(angle) { + if (angle === 0) { return 0; } + var angleSlice = angle / PiBy2, sign = 1; + if (angle < 0) { + // sin(-a) = -sin(a) + sign = -1; + } + switch (angleSlice) { + case 1: return sign; + case 2: return 0; + case 3: return -sign; + } + return Math.sin(angle); + }, + /** - * Returns the point between this point and another one - * @param {Point} that - * @return {Point} + * Removes value from an array. + * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` + * @static + * @memberOf fabric.util + * @param {Array} array + * @param {*} value + * @return {Array} original array */ - midPointFrom(that) { - return this.lerp(that); - } + removeFromArray: function(array, value) { + var idx = array.indexOf(value); + if (idx !== -1) { + array.splice(idx, 1); + } + return array; + }, + /** - * Returns a new point which is the min of this and another one - * @param {Point} that - * @return {Point} + * Returns random number between 2 specified ones. + * @static + * @memberOf fabric.util + * @param {Number} min lower limit + * @param {Number} max upper limit + * @return {Number} random value (between min and max) */ - min(that) { - return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); - } + getRandomInt: function(min, max) { + return Math.floor(Math.random() * (max - min + 1)) + min; + }, + /** - * Returns a new point which is the max of this and another one - * @param {Point} that - * @return {Point} + * Transforms degrees to radians. + * @static + * @memberOf fabric.util + * @param {Number} degrees value in degrees + * @return {Number} value in radians */ - max(that) { - return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); - } + degreesToRadians: function(degrees) { + return degrees * PiBy180; + }, + /** - * Returns string representation of this point - * @return {String} + * Transforms radians to degrees. + * @static + * @memberOf fabric.util + * @param {Number} radians value in radians + * @return {Number} value in degrees */ - toString() { - return this.x + ',' + this.y; - } + radiansToDegrees: function(radians) { + return radians / PiBy180; + }, + /** - * Sets x/y of this point - * @param {Number} x - * @param {Number} y - * @chainable - */ - setXY(x, y) { - this.x = x; - this.y = y; - return this; - } + * Rotates `point` around `origin` with `radians` + * @static + * @memberOf fabric.util + * @param {fabric.Point} point The point to rotate + * @param {fabric.Point} origin The origin of the rotation + * @param {Number} radians The radians of the angle for the rotation + * @return {fabric.Point} The new rotated point + */ + rotatePoint: function(point, origin, radians) { + var newPoint = new fabric.Point(point.x - origin.x, point.y - origin.y), + v = fabric.util.rotateVector(newPoint, radians); + return new fabric.Point(v.x, v.y).addEquals(origin); + }, + /** - * Sets x of this point - * @param {Number} x - * @chainable - */ - setX(x) { - this.x = x; - return this; - } + * Rotates `vector` with `radians` + * @static + * @memberOf fabric.util + * @param {Object} vector The vector to rotate (x and y) + * @param {Number} radians The radians of the angle for the rotation + * @return {Object} The new rotated point + */ + rotateVector: function(vector, radians) { + var sin = fabric.util.sin(radians), + cos = fabric.util.cos(radians), + rx = vector.x * cos - vector.y * sin, + ry = vector.x * sin + vector.y * cos; + return { + x: rx, + y: ry + }; + }, + /** - * Sets y of this point - * @param {Number} y - * @chainable + * Creates a vetor from points represented as a point + * @static + * @memberOf fabric.util + * + * @typedef {Object} Point + * @property {number} x + * @property {number} y + * + * @param {Point} from + * @param {Point} to + * @returns {Point} vector */ - setY(y) { - this.y = y; - return this; - } + createVector: function (from, to) { + return new fabric.Point(to.x - from.x, to.y - from.y); + }, + /** - * Sets x/y of this point from another point - * @param {Point} that - * @chainable + * Calculates angle between 2 vectors using dot product + * @static + * @memberOf fabric.util + * @param {Point} a + * @param {Point} b + * @returns the angle in radian between the vectors */ - setFromPoint(that) { - this.x = that.x; - this.y = that.y; - return this; - } + calcAngleBetweenVectors: function (a, b) { + return Math.acos((a.x * b.x + a.y * b.y) / (Math.hypot(a.x, a.y) * Math.hypot(b.x, b.y))); + }, + /** - * Swaps x/y of this point and another point - * @param {Point} that + * @static + * @memberOf fabric.util + * @param {Point} v + * @returns {Point} vector representing the unit vector of pointing to the direction of `v` */ - swap(that) { - const x = this.x, y = this.y; - this.x = that.x; - this.y = that.y; - that.x = x; - that.y = y; - } + getHatVector: function (v) { + return new fabric.Point(v.x, v.y).multiply(1 / Math.hypot(v.x, v.y)); + }, + /** - * return a cloned instance of the point - * @return {Point} - */ - clone() { - return new Point(this.x, this.y); - } + * @static + * @memberOf fabric.util + * @param {Point} A + * @param {Point} B + * @param {Point} C + * @returns {{ vector: Point, angle: number }} vector representing the bisector of A and A's angle + */ + getBisector: function (A, B, C) { + var AB = fabric.util.createVector(A, B), AC = fabric.util.createVector(A, C); + var alpha = fabric.util.calcAngleBetweenVectors(AB, AC); + // check if alpha is relative to AB->BC + var ro = fabric.util.calcAngleBetweenVectors(fabric.util.rotateVector(AB, alpha), AC); + var phi = alpha * (ro === 0 ? 1 : -1) / 2; + return { + vector: fabric.util.getHatVector(fabric.util.rotateVector(AB, phi)), + angle: alpha + }; + }, + /** - * Rotates `point` around `origin` with `radians` + * Project stroke width on points returning 2 projections for each point as follows: + * - `miter`: 2 points corresponding to the outer boundary and the inner boundary of stroke. + * - `bevel`: 2 points corresponding to the bevel boundaries, tangent to the bisector. + * - `round`: same as `bevel` + * Used to calculate object's bounding box * @static * @memberOf fabric.util - * @param {Point} origin The origin of the rotation - * @param {TRadian} radians The radians of the angle for the rotation - * @return {Point} The new rotated point - */ - rotate(radians, origin = originZero) { - // TODO benchmark and verify the add and subtract how much cost - // and then in case early return if no origin is passed - const sinus = sin(radians), cosinus = cos(radians); - const p = this.subtract(origin); - const rotated = new Point(p.x * cosinus - p.y * sinus, p.x * sinus + p.y * cosinus); - return rotated.add(origin); - } + * @param {Point[]} points + * @param {Object} options + * @param {number} options.strokeWidth + * @param {'miter'|'bevel'|'round'} options.strokeLineJoin + * @param {number} options.strokeMiterLimit https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit + * @param {boolean} options.strokeUniform + * @param {number} options.scaleX + * @param {number} options.scaleY + * @param {boolean} [openPath] whether the shape is open or not, affects the calculations of the first and last points + * @returns {fabric.Point[]} array of size 2n/4n of all suspected points + */ + projectStrokeOnPoints: function (points, options, openPath) { + var coords = [], s = options.strokeWidth / 2, + strokeUniformScalar = options.strokeUniform ? + new fabric.Point(1 / options.scaleX, 1 / options.scaleY) : new fabric.Point(1, 1), + getStrokeHatVector = function (v) { + var scalar = s / (Math.hypot(v.x, v.y)); + return new fabric.Point(v.x * scalar * strokeUniformScalar.x, v.y * scalar * strokeUniformScalar.y); + }; + if (points.length <= 1) {return coords;} + points.forEach(function (p, index) { + var A = new fabric.Point(p.x, p.y), B, C; + if (index === 0) { + C = points[index + 1]; + B = openPath ? getStrokeHatVector(fabric.util.createVector(C, A)).addEquals(A) : points[points.length - 1]; + } + else if (index === points.length - 1) { + B = points[index - 1]; + C = openPath ? getStrokeHatVector(fabric.util.createVector(B, A)).addEquals(A) : points[0]; + } + else { + B = points[index - 1]; + C = points[index + 1]; + } + var bisector = fabric.util.getBisector(A, B, C), + bisectorVector = bisector.vector, + alpha = bisector.angle, + scalar, + miterVector; + if (options.strokeLineJoin === 'miter') { + scalar = -s / Math.sin(alpha / 2); + miterVector = new fabric.Point( + bisectorVector.x * scalar * strokeUniformScalar.x, + bisectorVector.y * scalar * strokeUniformScalar.y + ); + if (Math.hypot(miterVector.x, miterVector.y) / s <= options.strokeMiterLimit) { + coords.push(A.add(miterVector)); + coords.push(A.subtract(miterVector)); + return; + } + } + scalar = -s * Math.SQRT2; + miterVector = new fabric.Point( + bisectorVector.x * scalar * strokeUniformScalar.x, + bisectorVector.y * scalar * strokeUniformScalar.y + ); + coords.push(A.add(miterVector)); + coords.push(A.subtract(miterVector)); + }); + return coords; + }, + /** * Apply transform t to point p * @static * @memberOf fabric.util - * @param {TMat2D} t The transform + * @param {fabric.Point} p The point to transform + * @param {Array} t The transform * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied - * @return {Point} The transformed point + * @return {fabric.Point} The transformed point + */ + transformPoint: function(p, t, ignoreOffset) { + if (ignoreOffset) { + return new fabric.Point( + t[0] * p.x + t[2] * p.y, + t[1] * p.x + t[3] * p.y + ); + } + return new fabric.Point( + t[0] * p.x + t[2] * p.y + t[4], + t[1] * p.x + t[3] * p.y + t[5] + ); + }, + + /** + * Returns coordinates of points's bounding rectangle (left, top, width, height) + * @param {Array} points 4 points array + * @param {Array} [transform] an array of 6 numbers representing a 2x3 transform matrix + * @return {Object} Object with left, top, width, height properties */ - transform(t, ignoreOffset = false) { - return new Point(t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]), t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])); - } -} -const originZero = new Point(0, 0); -fabric$3.Point = Point; + makeBoundingBoxFromPoints: function(points, transform) { + if (transform) { + for (var i = 0; i < points.length; i++) { + points[i] = fabric.util.transformPoint(points[i], transform); + } + } + var xPoints = [points[0].x, points[1].x, points[2].x, points[3].x], + minX = fabric.util.array.min(xPoints), + maxX = fabric.util.array.max(xPoints), + width = maxX - minX, + yPoints = [points[0].y, points[1].y, points[2].y, points[3].y], + minY = fabric.util.array.min(yPoints), + maxY = fabric.util.array.max(yPoints), + height = maxY - minY; -const unitVectorX = new Point(1, 0); -/** - * Rotates `vector` with `radians` - * @static - * @memberOf fabric.util - * @param {Point} vector The vector to rotate (x and y) - * @param {Number} radians The radians of the angle for the rotation - * @return {Point} The new rotated point - */ -const rotateVector = (vector, radians) => vector.rotate(radians); -/** - * Creates a vector from points represented as a point - * @static - * @memberOf fabric.util - * - * @param {Point} from - * @param {Point} to - * @returns {Point} vector - */ -const createVector = (from, to) => new Point(to).subtract(from); -/** - * return the magnitude of a vector - * @return {number} - */ -const magnitude = (point) => point.distanceFrom(new Point()); -/** - * Calculates the angle between 2 vectors - * @param {Point} a - * @param {Point} b - * @returns the angle in radians from `a` to `b` - */ -const calcAngleBetweenVectors = (a, b) => { - const dot = a.x * b.x + a.y * b.y, det = a.x * b.y - a.y * b.x; - return Math.atan2(det, dot); -}; -/** - * Calculates the angle between the x axis and the vector - * @param {Point} v - * @returns the angle in radians of `v` - */ -const calcVectorRotation = (v) => calcAngleBetweenVectors(unitVectorX, v); -/** - * @param {Point} v - * @returns {Point} vector representing the unit vector pointing to the direction of `v` - */ -const getUnitVector = (v) => v.scalarDivide(magnitude(v)); -/** - * @param {Point} A - * @param {Point} B - * @param {Point} C - * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle - */ -const getBisector = (A, B, C) => { - const AB = createVector(A, B), AC = createVector(A, C), alpha = calcAngleBetweenVectors(AB, AC); - return { - vector: getUnitVector(rotateVector(AB, alpha / 2)), - angle: alpha, - }; -}; -/** - * @param {Point} v - * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true` - * @returns {Point} the unit orthogonal vector - */ -const getOrthonormalVector = (v, counterClockwise = true) => getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1)); + return { + left: minX, + top: minY, + width: width, + height: height + }; + }, -/** - * Transforms degrees to radians. - * @static - * @memberOf fabric.util - * @param {TDegree} degrees value in degrees - * @return {TRadian} value in radians - */ -const degreesToRadians = (degrees) => (degrees * PiBy180); -/** - * Transforms radians to degrees. - * @static - * @memberOf fabric.util - * @param {TRadian} radians value in radians - * @return {TDegree} value in degrees - */ -const radiansToDegrees = (radians) => (radians / PiBy180); + /** + * Invert transformation t + * @static + * @memberOf fabric.util + * @param {Array} t The transform + * @return {Array} The inverted transform + */ + invertTransform: function(t) { + var a = 1 / (t[0] * t[3] - t[1] * t[2]), + r = [a * t[3], -a * t[1], -a * t[2], a * t[0]], + o = fabric.util.transformPoint({ x: t[4], y: t[5] }, r, true); + r[4] = -o.x; + r[5] = -o.y; + return r; + }, -/** - * Rotates `point` around `origin` with `radians` - * @static - * @deprecated use the Point.rotate - * @memberOf fabric.util - * @param {Point} origin The origin of the rotation - * @param {Point} origin The origin of the rotation - * @param {TRadian} radians The radians of the angle for the rotation - * @return {Point} The new rotated point - */ -const rotatePoint = (point, origin, radians) => point.rotate(radians, origin); + /** + * A wrapper around Number#toFixed, which contrary to native method returns number, not string. + * @static + * @memberOf fabric.util + * @param {Number|String} number number to operate on + * @param {Number} fractionDigits number of fraction digits to "leave" + * @return {Number} + */ + toFixed: function(number, fractionDigits) { + return parseFloat(Number(number).toFixed(fractionDigits)); + }, -/** - * Returns random number between 2 specified ones. - * @static - * @memberOf fabric.util - * @param {Number} min lower limit - * @param {Number} max upper limit - * @return {Number} random value (between min and max) - */ -const getRandomInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; + /** + * Converts from attribute value to pixel value if applicable. + * Returns converted pixels or original value not converted. + * @param {Number|String} value number to operate on + * @param {Number} fontSize + * @return {Number|String} + */ + parseUnit: function(value, fontSize) { + var unit = /\D{0,2}$/.exec(value), + number = parseFloat(value); + if (!fontSize) { + fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; + } + switch (unit[0]) { + case 'mm': + return number * fabric.DPI / 25.4; -/** - * - * @param value value to check if NaN - * @param [valueIfNaN] - * @returns `fallback` is `value is NaN - */ -const ifNaN = (value, valueIfNaN) => { - return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value; -}; + case 'cm': + return number * fabric.DPI / 2.54; -/** - * Removes value from an array. - * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` - * @static - * @memberOf fabric.util - * @param {Array} array - * @param {*} value - * @return {Array} original array - */ -const removeFromArray = (array, value) => { - const idx = array.indexOf(value); - if (idx !== -1) { - array.splice(idx, 1); - } - return array; -}; + case 'in': + return number * fabric.DPI; + + case 'pt': + return number * fabric.DPI / 72; // or * 4 / 3 + + case 'pc': + return number * fabric.DPI / 72 * 12; // or * 16 + + case 'em': + return number * fontSize; + + default: + return number; + } + }, -/** - * @see https://github.com/fabricjs/fabric.js/pull/8344 - */ -class StrokeProjectionsBase { - constructor(options) { - this.options = options; - this.strokeProjectionMagnitude = this.options.strokeWidth / 2; - this.scale = new Point(this.options.scaleX, this.options.scaleY); - this.strokeUniformScalar = this.options.strokeUniform - ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY) - : new Point(1, 1); - } - static getAcuteAngleFactor(vector1, vector2) { - const angle = vector2 - ? calcAngleBetweenVectors(vector1, vector2) - : calcVectorRotation(vector1); - return Math.abs(angle) < halfPI ? -1 : 1; - } /** - * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account. + * Function which always returns `false`. + * @static + * @memberOf fabric.util + * @return {Boolean} */ - createSideVector(from, to) { - const v = createVector(from, to); - return this.options.strokeUniform ? v.multiply(this.scale) : v; - } - projectOrthogonally(from, to, magnitude) { - return this.applySkew(from.add(this.calcOrthogonalProjection(from, to, magnitude))); - } - isSkewed() { - return this.options.skewX !== 0 || this.options.skewY !== 0; - } - applySkew(point) { - const p = new Point(point); - // skewY must be applied before skewX as this distortion affects skewX calculation - p.y += p.x * Math.tan(degreesToRadians(this.options.skewY)); - p.x += p.y * Math.tan(degreesToRadians(this.options.skewX)); - return p; - } - scaleUnitVector(unitVector, scalar) { - return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar); - } -} + falseFunction: function() { + return false; + }, -/** - * class in charge of finding projections for each type of line join - * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)} - * - * - MDN: - * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin - * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin - * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty - * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html - * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js - * - */ -class StrokeLineJoinProjections extends StrokeProjectionsBase { - constructor(A, B, C, options) { - super(options); - this.A = new Point(A); - this.B = new Point(B); - this.C = new Point(C); - // First we calculate the bisector between the points. Used in `round` and `miter` cases - // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account - this.bisector = this.options.strokeUniform - ? getBisector(this.A.multiply(this.scale), this.B.multiply(this.scale), this.C.multiply(this.scale)) - : getBisector(this.A, this.B, this.C); - } - get bisectorVector() { - return this.bisector.vector; - } - get bisectorAngle() { - return this.bisector.angle; - } - calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { - const vector = this.createSideVector(from, to); - const orthogonalProjection = getOrthonormalVector(vector); - const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(orthogonalProjection, this.bisectorVector); - return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide); - } - /** - * BEVEL - * Calculation: the projection points are formed by the vector orthogonal to the vertex. - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel - */ - projectBevel() { - return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to)); - } - /** - * MITER - * Calculation: the corner is formed by extending the outer edges of the stroke - * at the tangents of the path segments until they intersect. - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter - */ - projectMiter() { - const alpha = Math.abs(this.bisectorAngle), hypotUnitScalar = 1 / Math.sin(alpha / 2), miterVector = this.scaleUnitVector(this.bisectorVector, -this.strokeProjectionMagnitude * hypotUnitScalar); - // When two line segments meet at a sharp angle, it is possible for the join to extend, - // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes - // a limit on the extent of the line join. - // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit - // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit - const strokeMiterLimit = this.options.strokeUniform - ? hypotUnitScalar - : this.options.strokeMiterLimit; - if (magnitude(miterVector) / this.strokeProjectionMagnitude <= - strokeMiterLimit) { - return [this.applySkew(this.A.add(miterVector))]; - } - else { - // when the miter-limit is reached, the stroke line join becomes of type bevel - return this.projectBevel(); - } - } - /** - * ROUND (without skew) - * Calculation: the projections are the two vectors parallel to X and Y axes - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew - */ - projectRoundNoSkew() { - // correctSide is used to only consider projecting for the outer side - const correctSide = new Point(StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector), StrokeProjectionsBase.getAcuteAngleFactor(new Point(this.bisectorVector.y, this.bisectorVector.x))), radiusOnAxisX = new Point(1, 0) - .scalarMultiply(this.strokeProjectionMagnitude) - .multiply(this.strokeUniformScalar) - .multiply(correctSide), radiusOnAxisY = new Point(0, 1) - .scalarMultiply(this.strokeProjectionMagnitude) - .multiply(this.strokeUniformScalar) - .multiply(correctSide); - return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)]; - } - /** - * ROUND (with skew) - * Calculation: the projections are the points furthest from the vertex in - * the direction of the X and Y axes after distortion. - * - * @todo TODO: - * - Consider only projections that are inside the beginning and end of the circle segment - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew - */ - projectRoundWithSkew() { - const projections = []; - // The start and end points of the circle segment - [this.B, this.C].forEach((to) => projections.push(this.projectOrthogonally(this.A, to))); - const { skewX, skewY } = this.options; - // The points furthest from the vertex in the direction of the X and Y axes after distortion - const circleRadius = new Point() - .scalarAdd(this.strokeProjectionMagnitude) - .multiply(this.strokeUniformScalar), newY = circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2), furthestY = new Point(Math.sqrt(circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2), newY), newX = circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2), furthestX = new Point(newX, Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)); - [furthestX, furthestY].forEach((vector) => { - projections.push(this.applySkew(this.A.add(vector)), this.applySkew(this.A.subtract(vector))); - }); - return projections; - } - projectRound() { - if (!this.isSkewed()) { - return this.projectRoundNoSkew(); - } - else { - return this.projectRoundWithSkew(); - } - } /** - * Project stroke width on points returning projections for each point as follows: - * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel) - * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke. - * - `round`: same as `bevel` when it has no skew, with skew are 4 points. - */ - projectPoints() { - switch (this.options.strokeLineJoin) { - case 'miter': - return this.projectMiter(); - case 'round': - return this.projectRound(); - default: - return this.projectBevel(); - } - } - project() { - return this.projectPoints().map((point) => ({ - originPoint: this.A, - projectedPoint: point, - bisector: this.bisector, - })); - } -} + * Returns klass "Class" object of given namespace + * @memberOf fabric.util + * @param {String} type Type of object (eg. 'circle') + * @param {String} namespace Namespace to get klass "Class" object from + * @return {Object} klass "Class" + */ + getKlass: function(type, namespace) { + // capitalize first letter only + type = fabric.util.string.camelize(type.charAt(0).toUpperCase() + type.slice(1)); + return fabric.util.resolveNamespace(namespace)[type]; + }, -/** - * class in charge of finding projections for each type of line cap for start/end of an open path - * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)} - * - * Reference: - * - MDN: - * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap - * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap - * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev - * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html - * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js - */ -class StrokeLineCapProjections extends StrokeProjectionsBase { - constructor(A, T, options) { - super(options); - this.A = new Point(A); - this.T = new Point(T); - } - calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { - const vector = this.createSideVector(from, to); - return this.scaleUnitVector(getOrthonormalVector(vector), magnitude); - } /** - * OPEN PATH START/END - Line cap: Butt - * Calculation: to find the projections, just find the points orthogonal to the stroke - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt - */ - projectButt() { - return [ - this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude), - this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude), - ]; - } + * Returns array of attributes for given svg that fabric parses + * @memberOf fabric.util + * @param {String} type Type of svg element (eg. 'circle') + * @return {Array} string names of supported attributes + */ + getSvgAttributes: function(type) { + var attributes = [ + 'instantiated_by_use', + 'style', + 'id', + 'class' + ]; + switch (type) { + case 'linearGradient': + attributes = attributes.concat(['x1', 'y1', 'x2', 'y2', 'gradientUnits', 'gradientTransform']); + break; + case 'radialGradient': + attributes = attributes.concat(['gradientUnits', 'gradientTransform', 'cx', 'cy', 'r', 'fx', 'fy', 'fr']); + break; + case 'stop': + attributes = attributes.concat(['offset', 'stop-color', 'stop-opacity']); + break; + } + return attributes; + }, + /** - * OPEN PATH START/END - Line cap: Round - * Calculation: same as stroke line join `round` - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round + * Returns object of given namespace + * @memberOf fabric.util + * @param {String} namespace Namespace string e.g. 'fabric.Image.filter' or 'fabric' + * @return {Object} Object for given namespace (default fabric) */ - projectRound() { - return new StrokeLineJoinProjections(this.A, this.T, this.T, this.options).projectRound(); - } - /** - * OPEN PATH START/END - Line cap: Square - * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT` - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square - */ - projectSquare() { - const orthogonalProjection = this.calcOrthogonalProjection(this.A, this.T, this.strokeProjectionMagnitude); - const strokePointingOut = this.scaleUnitVector(getUnitVector(createVector(this.A, this.T)), -this.strokeProjectionMagnitude); - const projectedA = this.A.add(strokePointingOut); - return [ - projectedA.add(orthogonalProjection), - projectedA.subtract(orthogonalProjection), - ].map((p) => this.applySkew(p)); - } - projectPoints() { - switch (this.options.strokeLineCap) { - case 'round': - return this.projectRound(); - case 'square': - return this.projectSquare(); - default: - return this.projectButt(); - } - } - project() { - return this.projectPoints().map((point) => ({ - originPoint: this.A, - projectedPoint: point, - })); - } -} + resolveNamespace: function(namespace) { + if (!namespace) { + return fabric; + } -/** - * - * Used to calculate object's bounding box - * - * @see https://github.com/fabricjs/fabric.js/pull/8344 - * - */ -const projectStrokeOnPoints = (points, options, openPath = false) => { - const projections = []; - if (points.length <= 1) { - return projections; - } - points.forEach((A, index) => { - let B, C; - if (index === 0) { - C = points[1]; - B = openPath ? A : points[points.length - 1]; + var parts = namespace.split('.'), + len = parts.length, i, + obj = global || fabric.window; + + for (i = 0; i < len; ++i) { + obj = obj[parts[i]]; + } + + return obj; + }, + + /** + * Loads image element from given url and passes it to a callback + * @memberOf fabric.util + * @param {String} url URL representing an image + * @param {Function} callback Callback; invoked with loaded image + * @param {*} [context] Context to invoke callback in + * @param {Object} [crossOrigin] crossOrigin value to set image element to + */ + loadImage: function(url, callback, context, crossOrigin) { + if (!url) { + callback && callback.call(context, url); + return; + } + + var img = fabric.util.createImage(); + + /** @ignore */ + var onLoadCallback = function () { + callback && callback.call(context, img, false); + img = img.onload = img.onerror = null; + }; + + img.onload = onLoadCallback; + /** @ignore */ + img.onerror = function() { + fabric.log('Error loading ' + img.src); + callback && callback.call(context, null, true); + img = img.onload = img.onerror = null; + }; + + // data-urls appear to be buggy with crossOrigin + // https://github.com/kangax/fabric.js/commit/d0abb90f1cd5c5ef9d2a94d3fb21a22330da3e0a#commitcomment-4513767 + // see https://code.google.com/p/chromium/issues/detail?id=315152 + // https://bugzilla.mozilla.org/show_bug.cgi?id=935069 + // crossOrigin null is the same as not set. + if (url.indexOf('data') !== 0 && + crossOrigin !== undefined && + crossOrigin !== null) { + img.crossOrigin = crossOrigin; + } + + // IE10 / IE11-Fix: SVG contents from data: URI + // will only be available if the IMG is present + // in the DOM (and visible) + if (url.substring(0,14) === 'data:image/svg') { + img.onload = null; + fabric.util.loadImageInDom(img, onLoadCallback); + } + + img.src = url; + }, + + /** + * Attaches SVG image with data: URL to the dom + * @memberOf fabric.util + * @param {Object} img Image object with data:image/svg src + * @param {Function} callback Callback; invoked with loaded image + * @return {Object} DOM element (div containing the SVG image) + */ + loadImageInDom: function(img, onLoadCallback) { + var div = fabric.document.createElement('div'); + div.style.width = div.style.height = '1px'; + div.style.left = div.style.top = '-100%'; + div.style.position = 'absolute'; + div.appendChild(img); + fabric.document.querySelector('body').appendChild(div); + /** + * Wrap in function to: + * 1. Call existing callback + * 2. Cleanup DOM + */ + img.onload = function () { + onLoadCallback(); + div.parentNode.removeChild(div); + div = null; + }; + }, + + /** + * Creates corresponding fabric instances from their object representations + * @static + * @memberOf fabric.util + * @param {Array} objects Objects to enliven + * @param {Function} callback Callback to invoke when all objects are created + * @param {String} namespace Namespace to get klass "Class" object from + * @param {Function} reviver Method for further parsing of object elements, + * called after each fabric object created. + */ + enlivenObjects: function(objects, callback, namespace, reviver) { + objects = objects || []; + + var enlivenedObjects = [], + numLoadedObjects = 0, + numTotalObjects = objects.length; + + function onLoaded() { + if (++numLoadedObjects === numTotalObjects) { + callback && callback(enlivenedObjects.filter(function(obj) { + // filter out undefined objects (objects that gave error) + return obj; + })); } - else if (index === points.length - 1) { - B = points[index - 1]; - C = openPath ? A : points[0]; + } + + if (!numTotalObjects) { + callback && callback(enlivenedObjects); + return; + } + + objects.forEach(function (o, index) { + // if sparse array + if (!o || !o.type) { + onLoaded(); + return; + } + var klass = fabric.util.getKlass(o.type, namespace); + klass.fromObject(o, function (obj, error) { + error || (enlivenedObjects[index] = obj); + reviver && reviver(o, obj, error); + onLoaded(); + }); + }); + }, + + /** + * Creates corresponding fabric instances residing in an object, e.g. `clipPath` + * @see {@link fabric.Object.ENLIVEN_PROPS} + * @param {Object} object + * @param {Object} [context] assign enlived props to this object (pass null to skip this) + * @param {(objects:fabric.Object[]) => void} callback + */ + enlivenObjectEnlivables: function (object, context, callback) { + var enlivenProps = fabric.Object.ENLIVEN_PROPS.filter(function (key) { return !!object[key]; }); + fabric.util.enlivenObjects(enlivenProps.map(function (key) { return object[key]; }), function (enlivedProps) { + var objects = {}; + enlivenProps.forEach(function (key, index) { + objects[key] = enlivedProps[index]; + context && (context[key] = enlivedProps[index]); + }); + callback && callback(objects); + }); + }, + + /** + * Create and wait for loading of patterns + * @static + * @memberOf fabric.util + * @param {Array} patterns Objects to enliven + * @param {Function} callback Callback to invoke when all objects are created + * called after each fabric object created. + */ + enlivenPatterns: function(patterns, callback) { + patterns = patterns || []; + + function onLoaded() { + if (++numLoadedPatterns === numPatterns) { + callback && callback(enlivenedPatterns); + } + } + + var enlivenedPatterns = [], + numLoadedPatterns = 0, + numPatterns = patterns.length; + + if (!numPatterns) { + callback && callback(enlivenedPatterns); + return; + } + + patterns.forEach(function (p, index) { + if (p && p.source) { + new fabric.Pattern(p, function(pattern) { + enlivenedPatterns[index] = pattern; + onLoaded(); + }); } else { - B = points[index - 1]; - C = points[index + 1]; + enlivenedPatterns[index] = p; + onLoaded(); } - if (openPath && (index === 0 || index === points.length - 1)) { - projections.push(...new StrokeLineCapProjections(A, index === 0 ? C : B, options).project()); + }); + }, + + /** + * Groups SVG elements (usually those retrieved from SVG document) + * @static + * @memberOf fabric.util + * @param {Array} elements SVG elements to group + * @param {Object} [options] Options object + * @param {String} path Value to set sourcePath to + * @return {fabric.Object|fabric.Group} + */ + groupSVGElements: function(elements, options, path) { + var object; + if (elements && elements.length === 1) { + return elements[0]; + } + if (options) { + if (options.width && options.height) { + options.centerPoint = { + x: options.width / 2, + y: options.height / 2 + }; } else { - projections.push(...new StrokeLineJoinProjections(A, B, C, options).project()); - } - }); - return projections; -}; + delete options.width; + delete options.height; + } + } + object = new fabric.Group(elements, options); + if (typeof path !== 'undefined') { + object.sourcePath = path; + } + return object; + }, -/*! ***************************************************************************** -Copyright (c) Microsoft Corporation. - -Permission to use, copy, modify, and/or distribute this software for any -purpose with or without fee is hereby granted. - -THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH -REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY -AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, -INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM -LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR -OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR -PERFORMANCE OF THIS SOFTWARE. -***************************************************************************** */ -function __rest(s, e) { - var t = {}; - for (var p in s) - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) - t[p] = s[p]; - if (s != null && typeof Object.getOwnPropertySymbols === "function") - for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) - t[p[i]] = s[p[i]]; - } - return t; -} + /** + * Populates an object with properties of another object + * @static + * @memberOf fabric.util + * @param {Object} source Source object + * @param {Object} destination Destination object + * @return {Array} properties Properties names to include + */ + populateWithProperties: function(source, destination, properties) { + if (properties && Object.prototype.toString.call(properties) === '[object Array]') { + for (var i = 0, len = properties.length; i < len; i++) { + if (properties[i] in source) { + destination[properties[i]] = source[properties[i]]; + } + } + } + }, -/** - * Apply transform t to point p - * @static - * @memberOf fabric.util - * @param {Point | IPoint} p The point to transform - * @param {Array} t The transform - * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied - * @return {Point} The transformed point - */ -const transformPoint$1 = (p, t, ignoreOffset) => new Point(p).transform(t, ignoreOffset); -/** - * Invert transformation t - * @static - * @memberOf fabric.util - * @param {Array} t The transform - * @return {Array} The inverted transform - */ -const invertTransform = (t) => { - const a = 1 / (t[0] * t[3] - t[1] * t[2]), r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0], { x, y } = transformPoint$1(new Point(t[4], t[5]), r, true); - r[4] = -x; - r[5] = -y; - return r; -}; -/** - * Multiply matrix A by matrix B to nest transformations - * @static - * @memberOf fabric.util - * @param {TMat2D} a First transformMatrix - * @param {TMat2D} b Second transformMatrix - * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices - * @return {TMat2D} The product of the two transform matrices - */ -const multiplyTransformMatrices = (a, b, is2x2) => [ - a[0] * b[0] + a[2] * b[1], - a[1] * b[0] + a[3] * b[1], - a[0] * b[2] + a[2] * b[3], - a[1] * b[2] + a[3] * b[3], - is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], - is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5], -]; -/** - * Decomposes standard 2x3 matrix into transform components - * @static - * @memberOf fabric.util - * @param {TMat2D} a transformMatrix - * @return {Object} Components of transform - */ -const qrDecompose = (a) => { - const angle = Math.atan2(a[1], a[0]), denom = Math.pow(a[0], 2) + Math.pow(a[1], 2), scaleX = Math.sqrt(denom), scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom); - return { - angle: radiansToDegrees(angle), - scaleX, - scaleY, - skewX: radiansToDegrees(skewX), + /** + * Creates canvas element + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ + createCanvasElement: function() { + return fabric.document.createElement('canvas'); + }, + + /** + * Creates a canvas element that is a copy of another and is also painted + * @param {CanvasElement} canvas to copy size and content of + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ + copyCanvasElement: function(canvas) { + var newCanvas = fabric.util.createCanvasElement(); + newCanvas.width = canvas.width; + newCanvas.height = canvas.height; + newCanvas.getContext('2d').drawImage(canvas, 0, 0); + return newCanvas; + }, + + /** + * since 2.6.0 moved from canvas instance to utility. + * @param {CanvasElement} canvasEl to copy size and content of + * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too + * @param {Number} quality <= 1 and > 0 + * @static + * @memberOf fabric.util + * @return {String} data url + */ + toDataURL: function(canvasEl, format, quality) { + return canvasEl.toDataURL('image/' + format, quality); + }, + + /** + * Creates image element (works on client and node) + * @static + * @memberOf fabric.util + * @return {HTMLImageElement} HTML image element + */ + createImage: function() { + return fabric.document.createElement('img'); + }, + + /** + * Multiply matrix A by matrix B to nest transformations + * @static + * @memberOf fabric.util + * @param {Array} a First transformMatrix + * @param {Array} b Second transformMatrix + * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices + * @return {Array} The product of the two transform matrices + */ + multiplyTransformMatrices: function(a, b, is2x2) { + // Matrix multiply a * b + return [ + a[0] * b[0] + a[2] * b[1], + a[1] * b[0] + a[3] * b[1], + a[0] * b[2] + a[2] * b[3], + a[1] * b[2] + a[3] * b[3], + is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], + is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5] + ]; + }, + + /** + * Decomposes standard 2x3 matrix into transform components + * @static + * @memberOf fabric.util + * @param {Array} a transformMatrix + * @return {Object} Components of transform + */ + qrDecompose: function(a) { + var angle = atan2(a[1], a[0]), + denom = pow(a[0], 2) + pow(a[1], 2), + scaleX = sqrt(denom), + scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, + skewX = atan2(a[0] * a[2] + a[1] * a [3], denom); + return { + angle: angle / PiBy180, + scaleX: scaleX, + scaleY: scaleY, + skewX: skewX / PiBy180, skewY: 0, - translateX: a[4] || 0, - translateY: a[5] || 0, - }; -}; -/** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] angle in degrees - * @return {TMat2D} transform matrix - */ -const calcRotateMatrix = ({ angle }) => { - if (!angle) { - return iMatrix; - } - const theta = degreesToRadians(angle), cosin = cos(theta), sinus = sin(theta); - return [cosin, sinus, -sinus, cosin, 0, 0]; -}; -/** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet. - * is called DimensionsTransformMatrix because those properties are the one that influence - * the size of the resulting box of the object. - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @return {Number[]} transform matrix - */ -const calcDimensionsMatrix = ({ scaleX = 1, scaleY = 1, flipX = false, flipY = false, skewX = 0, skewY = 0, }) => { - let scaleMatrix = iMatrix; - if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) { - scaleMatrix = [ - flipX ? -scaleX : scaleX, - 0, + translateX: a[4], + translateY: a[5] + }; + }, + + /** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] angle in degrees + * @return {Number[]} transform matrix + */ + calcRotateMatrix: function(options) { + if (!options.angle) { + return fabric.iMatrix.concat(); + } + var theta = fabric.util.degreesToRadians(options.angle), + cos = fabric.util.cos(theta), + sin = fabric.util.sin(theta); + return [cos, sin, -sin, cos, 0, 0]; + }, + + /** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet. + * is called DimensionsTransformMatrix because those properties are the one that influence + * the size of the resulting box of the object. + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @return {Number[]} transform matrix + */ + calcDimensionsMatrix: function(options) { + var scaleX = typeof options.scaleX === 'undefined' ? 1 : options.scaleX, + scaleY = typeof options.scaleY === 'undefined' ? 1 : options.scaleY, + scaleMatrix = [ + options.flipX ? -scaleX : scaleX, 0, - flipY ? -scaleY : scaleY, 0, + options.flipY ? -scaleY : scaleY, 0, - ]; - } - if (skewX) { - scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, 0, Math.tan(degreesToRadians(skewX)), 1], true); - } - if (skewY) { - scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, Math.tan(degreesToRadians(skewY)), 0, 1], true); - } - return scaleMatrix; -}; -/** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @param {Number} [options.translateX] - * @param {Number} [options.translateY] - * @return {Number[]} transform matrix - */ -const composeMatrix = (_a) => { - var { translateX = 0, translateY = 0, angle = 0 } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "angle"]); - let matrix = [1, 0, 0, 1, translateX, translateY]; - if (angle) { - matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle })); - } - const scaleMatrix = calcDimensionsMatrix(otherOptions); - if (scaleMatrix !== iMatrix) { - matrix = multiplyTransformMatrices(matrix, scaleMatrix); - } - return matrix; -}; + 0], + multiply = fabric.util.multiplyTransformMatrices, + degreesToRadians = fabric.util.degreesToRadians; + if (options.skewX) { + scaleMatrix = multiply( + scaleMatrix, + [1, 0, Math.tan(degreesToRadians(options.skewX)), 1], + true); + } + if (options.skewY) { + scaleMatrix = multiply( + scaleMatrix, + [1, Math.tan(degreesToRadians(options.skewY)), 0, 1], + true); + } + return scaleMatrix; + }, -//@ts-nocheck -/** - * Copies all enumerable properties of one js object to another - * this does not and cannot compete with generic utils. - * Does not clone or extend fabric.Object subclasses. - * This is mostly for internal use and has extra handling for fabricJS objects - * it skips the canvas and group properties in deep cloning. - * @memberOf fabric.util.object - * @param {Object} destination Where to copy to - * @param {Object} source Where to copy from - * @param {Boolean} [deep] Whether to extend nested objects - * @return {Object} - */ -const extend = (destination, source, deep) => { - // the deep clone is for internal use, is not meant to avoid - // javascript traps or cloning html element or self referenced objects. - if (deep) { - if (!fabric$3.isLikelyNode && source instanceof Element) { - // avoid cloning deep images, canvases, - destination = source; - } - else if (Array.isArray(source)) { - destination = []; - for (let i = 0, len = source.length; i < len; i++) { - destination[i] = extend({}, source[i], deep); - } - } - else if (source && typeof source === 'object') { - for (const property in source) { - if (property === 'canvas' || property === 'group') { - // we do not want to clone this props at all. - // we want to keep the keys in the copy - destination[property] = null; - } - else if (Object.prototype.hasOwnProperty.call(source, property)) { - destination[property] = extend({}, source[property], deep); - } - } + /** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewX] + * @param {Number} [options.translateX] + * @param {Number} [options.translateY] + * @return {Number[]} transform matrix + */ + composeMatrix: function(options) { + var matrix = [1, 0, 0, 1, options.translateX || 0, options.translateY || 0], + multiply = fabric.util.multiplyTransformMatrices; + if (options.angle) { + matrix = multiply(matrix, fabric.util.calcRotateMatrix(options)); + } + if (options.scaleX !== 1 || options.scaleY !== 1 || + options.skewX || options.skewY || options.flipX || options.flipY) { + matrix = multiply(matrix, fabric.util.calcDimensionsMatrix(options)); + } + return matrix; + }, + + /** + * reset an object transform state to neutral. Top and left are not accounted for + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to transform + */ + resetObjectTransform: function (target) { + target.scaleX = 1; + target.scaleY = 1; + target.skewX = 0; + target.skewY = 0; + target.flipX = false; + target.flipY = false; + target.rotate(0); + }, + + /** + * Extract Object transform values + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to read from + * @return {Object} Components of transform + */ + saveObjectTransform: function (target) { + return { + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + angle: target.angle, + left: target.left, + flipX: target.flipX, + flipY: target.flipY, + top: target.top + }; + }, + + /** + * Returns true if context has transparent pixel + * at specified location (taking tolerance into account) + * @param {CanvasRenderingContext2D} ctx context + * @param {Number} x x coordinate + * @param {Number} y y coordinate + * @param {Number} tolerance Tolerance + */ + isTransparent: function(ctx, x, y, tolerance) { + + // If tolerance is > 0 adjust start coords to take into account. + // If moves off Canvas fix to 0 + if (tolerance > 0) { + if (x > tolerance) { + x -= tolerance; } else { - // this sounds odd for an extend but is ok for recursive use - destination = source; - } - } - else { - for (const property in source) { - destination[property] = source[property]; - } - } - return destination; -}; -/** - * Creates an empty object and copies all enumerable properties of another object to it - * This method is mostly for internal use, and not intended for duplicating shapes in canvas. - * @memberOf fabric.util.object - * @param {Object} object Object to clone - * @param {Boolean} [deep] Whether to clone nested objects - * @return {Object} - */ -//TODO: this function return an empty object if you try to clone null -const clone = (object, deep) => deep ? extend({}, object, deep) : Object.assign({}, object); - -/** - * @memberOf fabric.util - * @param {Object} prevStyle first style to compare - * @param {Object} thisStyle second style to compare - * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties - * @return {boolean} true if the style changed - */ -const hasStyleChanged$1 = (prevStyle, thisStyle, forTextSpans = false) => prevStyle.fill !== thisStyle.fill || - prevStyle.stroke !== thisStyle.stroke || - prevStyle.strokeWidth !== thisStyle.strokeWidth || - prevStyle.fontSize !== thisStyle.fontSize || - prevStyle.fontFamily !== thisStyle.fontFamily || - prevStyle.fontWeight !== thisStyle.fontWeight || - prevStyle.fontStyle !== thisStyle.fontStyle || - prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor || - prevStyle.deltaY !== thisStyle.deltaY || - (forTextSpans && - (prevStyle.overline !== thisStyle.overline || - prevStyle.underline !== thisStyle.underline || - prevStyle.linethrough !== thisStyle.linethrough)); -/** - * Returns the array form of a text object's inline styles property with styles grouped in ranges - * rather than per character. This format is less verbose, and is better suited for storage - * so it is used in serialization (not during runtime). - * @memberOf fabric.util - * @param {object} styles per character styles for a text object - * @param {String} text the text string that the styles are applied to - * @return {{start: number, end: number, style: object}[]} - */ -const stylesToArray = (styles, text) => { - const textLines = text.split('\n'), stylesArray = []; - let charIndex = -1, prevStyle = {}; - // clone style structure to prevent mutation - styles = clone(styles, true); - //loop through each textLine - for (let i = 0; i < textLines.length; i++) { - if (!styles[i]) { - //no styles exist for this line, so add the line's length to the charIndex total - charIndex += textLines[i].length; - continue; + x = 0; } - //loop through each character of the current line - for (let c = 0; c < textLines[i].length; c++) { - charIndex++; - const thisStyle = styles[i][c]; - //check if style exists for this character - if (thisStyle && Object.keys(thisStyle).length > 0) { - if (hasStyleChanged$1(prevStyle, thisStyle, true)) { - stylesArray.push({ - start: charIndex, - end: charIndex + 1, - style: thisStyle, - }); - } - else { - //if style is the same as previous character, increase end index - stylesArray[stylesArray.length - 1].end++; - } - } - prevStyle = thisStyle || {}; + if (y > tolerance) { + y -= tolerance; } - } - return stylesArray; -}; -/** - * Returns the object form of the styles property with styles that are assigned per - * character rather than grouped by range. This format is more verbose, and is - * only used during runtime (not for serialization/storage) - * @memberOf fabric.util - * @param {Array} styles the serialized form of a text object's styles - * @param {String} text the text string that the styles are applied to - * @return {Object} - */ -const stylesFromArray = (styles, text) => { - if (!Array.isArray(styles)) { - return styles; - } - const textLines = text.split('\n'), stylesObject = {}; - let charIndex = -1, styleIndex = 0; - //loop through each textLine - for (let i = 0; i < textLines.length; i++) { - //loop through each character of the current line - for (let c = 0; c < textLines[i].length; c++) { - charIndex++; - //check if there's a style collection that includes the current character - if (styles[styleIndex] && - styles[styleIndex].start <= charIndex && - charIndex < styles[styleIndex].end) { - //create object for line index if it doesn't exist - stylesObject[i] = stylesObject[i] || {}; - //assign a style at this character's index - stylesObject[i][c] = Object.assign({}, styles[styleIndex].style); - //if character is at the end of the current style collection, move to the next - if (charIndex === styles[styleIndex].end - 1) { - styleIndex++; - } - } + else { + y = 0; } - } - return stylesObject; -}; + } -/** - * Creates canvas element - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element - */ -const createCanvasElement$1 = () => fabric$3.document.createElement('canvas'); -/** - * Creates image element (works on client and node) - * @static - * @memberOf fabric.util - * @return {HTMLImageElement} HTML image element - */ -const createImage = () => fabric$3.document.createElement('img'); -/** - * Creates a canvas element that is a copy of another and is also painted - * @param {CanvasElement} canvas to copy size and content of - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element - */ -const copyCanvasElement = (canvas) => { - var _a; - const newCanvas = createCanvasElement$1(); - newCanvas.width = canvas.width; - newCanvas.height = canvas.height; - (_a = newCanvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(canvas, 0, 0); - return newCanvas; -}; -/** - * since 2.6.0 moved from canvas instance to utility. - * possibly useless - * @param {CanvasElement} canvasEl to copy size and content of - * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too - * @param {Number} quality <= 1 and > 0 - * @static - * @memberOf fabric.util - * @return {String} data url - */ -const toDataURL = (canvasEl, format, quality) => canvasEl.toDataURL(`image/${format}`, quality); + var _isTransparent = true, i, temp, + imageData = ctx.getImageData(x, y, (tolerance * 2) || 1, (tolerance * 2) || 1), + l = imageData.data.length; -/** - * A wrapper around Number#toFixed, which contrary to native method returns number, not string. - * @static - * @memberOf fabric.util - * @param {number|string} number number to operate on - * @param {number} fractionDigits number of fraction digits to "leave" - * @return {number} - */ -const toFixed$1 = (number, fractionDigits) => parseFloat(Number(number).toFixed(fractionDigits)); + // Split image data - for tolerance > 1, pixelDataSize = 4; + for (i = 3; i < l; i += 4) { + temp = imageData.data[i]; + _isTransparent = temp <= 0; + if (_isTransparent === false) { + break; // Stop if colour found + } + } -/** - * Returns array of attributes for given svg that fabric parses - * @memberOf fabric.util - * @param {SVGElementName} type Type of svg element (eg. 'circle') - * @return {Array} string names of supported attributes - */ -const getSvgAttributes = (type) => { - const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class']; - switch (type) { - case "linearGradient" /* SVGElementName.linearGradient */: - return commonAttributes.concat([ - 'x1', - 'y1', - 'x2', - 'y2', - 'gradientUnits', - 'gradientTransform', - ]); - case 'radialGradient': - return commonAttributes.concat([ - 'gradientUnits', - 'gradientTransform', - 'cx', - 'cy', - 'r', - 'fx', - 'fy', - 'fr', - ]); - case 'stop': - return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']); - } - return commonAttributes; -}; -/** - * Converts from attribute value to pixel value if applicable. - * Returns converted pixels or original value not converted. - * @param {string} value number to operate on - * @param {number} fontSize - * @return {number} - */ -const parseUnit = (value, fontSize) => { - const unit = /\D{0,2}$/.exec(value), number = parseFloat(value); - if (!fontSize) { - fontSize = DEFAULT_SVG_FONT_SIZE; - } - const dpi = config.DPI; - switch (unit === null || unit === void 0 ? void 0 : unit[0]) { - case "mm" /* SupportedSVGUnit.mm */: - return (number * dpi) / 25.4; - case "cm" /* SupportedSVGUnit.cm */: - return (number * dpi) / 2.54; - case "in" /* SupportedSVGUnit.in */: - return number * dpi; - case "pt" /* SupportedSVGUnit.pt */: - return (number * dpi) / 72; // or * 4 / 3 - case "pc" /* SupportedSVGUnit.pc */: - return ((number * dpi) / 72) * 12; // or * 16 - case "em" /* SupportedSVGUnit.em */: - return number * fontSize; - default: - return number; - } -}; -/** - * Groups SVG elements (usually those retrieved from SVG document) - * @static - * @memberOf fabric.util - * @param {Array} elements fabric.Object(s) parsed from svg, to group - * @return {fabric.Object|fabric.Group} - */ -const groupSVGElements = (elements) => { - if (elements && elements.length === 1) { - return elements[0]; - } - return new fabric$3.Group(elements); -}; -// align can be either none or undefined or a combination of mid/max -const parseAlign = (align) => { - //divide align in alignX and alignY - if (align && align !== "none" /* MinMidMax.none */) { - return [align.slice(1, 4), align.slice(5, 8)]; - } - else if (align === "none" /* MinMidMax.none */) { - return [align, align]; - } - return ["Mid" /* MinMidMax.mid */, "Mid" /* MinMidMax.mid */]; -}; -/** - * Parse preserveAspectRatio attribute from element - * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio - * @param {string} attribute to be parsed - * @return {Object} an object containing align and meetOrSlice attribute - */ -const parsePreserveAspectRatioAttribute = (attribute) => { - const [firstPart, secondPart] = attribute.trim().split(' '); - const [alignX, alignY] = parseAlign(firstPart); - return { - meetOrSlice: secondPart || "meet" /* MeetOrSlice.meet */, - alignX, - alignY, - }; -}; -/** - * given an array of 6 number returns something like `"matrix(...numbers)"` - * @memberOf fabric.util - * @param {TMat2D} transform an array with 6 numbers - * @return {String} transform matrix for svg - */ -const matrixToSVG = (transform) => 'matrix(' + - transform - .map((value) => toFixed$1(value, config.NUM_FRACTION_DIGITS)) - .join(' ') + - ')'; + imageData = null; -/** - * Finds the scale for the object source to fit inside the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to fit into destination - */ -const findScaleToFit = (source, destination) => Math.min(destination.width / source.width, destination.height / source.height); -/** - * Finds the scale for the object source to cover entirely the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to cover destination - */ -const findScaleToCover = (source, destination) => Math.max(destination.width / source.width, destination.height / source.height); + return _isTransparent; + }, -const capValue = (min, value, max) => Math.max(min, Math.min(value, max)); + /** + * Parse preserveAspectRatio attribute from element + * @param {string} attribute to be parsed + * @return {Object} an object containing align and meetOrSlice attribute + */ + parsePreserveAspectRatioAttribute: function(attribute) { + var meetOrSlice = 'meet', alignX = 'Mid', alignY = 'Mid', + aspectRatioAttrs = attribute.split(' '), align; -/** - * Calculates bounding box (left, top, width, height) from given `points` - * @static - * @memberOf fabric.util - * @param {IPoint[]} points - * @return {Object} Object with left, top, width, height properties - */ -const makeBoundingBoxFromPoints = (points) => { - if (points.length === 0) { - return { - left: 0, - top: 0, - width: 0, - height: 0, - }; - } - const { min, max } = points.reduce(({ min, max }, curr) => { - return { - min: min.min(curr), - max: max.max(curr), - }; - }, { min: new Point(points[0]), max: new Point(points[0]) }); - const size = max.subtract(min); - return { - left: min.x, - top: min.y, - width: size.x, - height: size.y, - }; -}; + if (aspectRatioAttrs && aspectRatioAttrs.length) { + meetOrSlice = aspectRatioAttrs.pop(); + if (meetOrSlice !== 'meet' && meetOrSlice !== 'slice') { + align = meetOrSlice; + meetOrSlice = 'meet'; + } + else if (aspectRatioAttrs.length) { + align = aspectRatioAttrs.pop(); + } + } + //divide align in alignX and alignY + alignX = align !== 'none' ? align.slice(1, 4) : 'none'; + alignY = align !== 'none' ? align.slice(5, 8) : 'none'; + return { + meetOrSlice: meetOrSlice, + alignX: alignX, + alignY: alignY + }; + }, -/** - * given an object and a transform, apply the inverse transform to the object, - * this is equivalent to remove from that object that transformation, so that - * added in a space with the removed transform, the object will be the same as before. - * Removing from an object a transform that scale by 2 is like scaling it by 1/2. - * Removing from an object a transform that rotate by 30deg is like rotating by 30deg - * in the opposite direction. - * This util is used to add objects inside transformed groups or nested groups. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ -const removeTransformFromObject = (object, transform) => { - const inverted = invertTransform(transform), finalTransform = multiplyTransformMatrices(inverted, object.calcOwnMatrix()); - applyTransformToObject(object, finalTransform); -}; -/** - * given an object and a transform, apply the transform to the object. - * this is equivalent to change the space where the object is drawn. - * Adding to an object a transform that scale by 2 is like scaling it by 2. - * This is used when removing an object from an active selection for example. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ -const addTransformToObject = (object, transform) => applyTransformToObject(object, multiplyTransformMatrices(transform, object.calcOwnMatrix())); -/** - * discard an object transform state and apply the one from the matrix. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ -const applyTransformToObject = (object, transform) => { - const _a = qrDecompose(transform), { translateX, translateY, scaleX, scaleY } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "scaleX", "scaleY"]), center = new Point(translateX, translateY); - object.flipX = false; - object.flipY = false; - Object.assign(object, otherOptions); - object.set({ scaleX, scaleY }); - object.setPositionByOrigin(center, 'center', 'center'); -}; -/** - * reset an object transform state to neutral. Top and left are not accounted for - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to transform - */ -const resetObjectTransform = (target) => { - target.scaleX = 1; - target.scaleY = 1; - target.skewX = 0; - target.skewY = 0; - target.flipX = false; - target.flipY = false; - target.rotate(0); -}; -/** - * Extract Object transform values - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to read from - * @return {Object} Components of transform - */ -const saveObjectTransform = (target) => ({ - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - angle: target.angle, - left: target.left, - flipX: target.flipX, - flipY: target.flipY, - top: target.top, -}); -/** - * given a width and height, return the size of the bounding box - * that can contains the box with width/height with applied transform - * described in options. - * Use to calculate the boxes around objects for controls. - * @memberOf fabric.util - * @param {Number} width - * @param {Number} height - * @param {Object} options - * @param {Number} options.scaleX - * @param {Number} options.scaleY - * @param {Number} options.skewX - * @param {Number} options.skewY - * @returns {Point} size - */ -const sizeAfterTransform = (width, height, options) => { - const dimX = width / 2, dimY = height / 2, transformMatrix = calcDimensionsMatrix(options), points = [ - new Point(-dimX, -dimY), - new Point(dimX, -dimY), - new Point(-dimX, dimY), - new Point(dimX, dimY), - ].map((p) => p.transform(transformMatrix)), bbox = makeBoundingBoxFromPoints(points); - return new Point(bbox.width, bbox.height); -}; + /** + * Clear char widths cache for the given font family or all the cache if no + * fontFamily is specified. + * Use it if you know you are loading fonts in a lazy way and you are not waiting + * for custom fonts to load properly when adding text objects to the canvas. + * If a text object is added when its own font is not loaded yet, you will get wrong + * measurement and so wrong bounding boxes. + * After the font cache is cleared, either change the textObject text content or call + * initDimensions() to trigger a recalculation + * @memberOf fabric.util + * @param {String} [fontFamily] font family to clear + */ + clearFabricFontCache: function(fontFamily) { + fontFamily = (fontFamily || '').toLowerCase(); + if (!fontFamily) { + fabric.charWidthsCache = { }; + } + else if (fabric.charWidthsCache[fontFamily]) { + delete fabric.charWidthsCache[fontFamily]; + } + }, -/** - * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\ - * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`) - * @param [from] - * @param [to] - * @returns - */ -const calcPlaneChangeMatrix = (from = iMatrix, to = iMatrix) => multiplyTransformMatrices(invertTransform(to), from); -/** - * Sends a point from the source coordinate plane to the destination coordinate plane.\ - * From the canvas/viewer's perspective the point remains unchanged. - * - * @example Send point from canvas plane to group plane - * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 }); - * var group = new fabric.Group([obj], { strokeWidth: 0 }); - * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix()); - * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix()); - * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group - * - * @static - * @memberOf fabric.util - * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas - * @param {Point} point - * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane. - * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane. - * @returns {Point} transformed point - */ -const sendPointToPlane = (point, from = iMatrix, to = iMatrix) => -// we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping) -// the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from) -point.transform(calcPlaneChangeMatrix(from, to)); -/** - * Transform point relative to canvas. - * From the viewport/viewer's perspective the point remains unchanged. - * - * `child` relation means `point` exists in the coordinate plane created by `canvas`. - * In other words point is measured acoording to canvas' top left corner - * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner. - * - * `sibling` relation means `point` exists in the same coordinate plane as canvas. - * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas. - * - * @static - * @memberOf fabric.util - * @param {Point} point - * @param {fabric.StaticCanvas} canvas - * @param {'sibling'|'child'} relationBefore current relation of point to canvas - * @param {'sibling'|'child'} relationAfter desired relation of point to canvas - * @returns {Point} transformed point - */ -const transformPointRelativeToCanvas = (point, canvas, relationBefore, relationAfter) => { - // is this still needed with TS? - if (relationBefore !== "child" /* ObjectRelation.child */ && - relationBefore !== "sibling" /* ObjectRelation.sibling */) { - throw new Error('fabric.js: received bad argument ' + relationBefore); - } - if (relationAfter !== "child" /* ObjectRelation.child */ && - relationAfter !== "sibling" /* ObjectRelation.sibling */) { - throw new Error('fabric.js: received bad argument ' + relationAfter); - } - if (relationBefore === relationAfter) { - return point; - } - const t = canvas.viewportTransform; - return point.transform(relationAfter === 'child' ? invertTransform(t) : t); -}; -/** - * - * A util that abstracts applying transform to objects.\ - * Sends `object` to the destination coordinate plane by applying the relevant transformations.\ - * Changes the space/plane where `object` is drawn.\ - * From the canvas/viewer's perspective `object` remains unchanged. - * - * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer - * let obj, obj2; - * let clipPath = new fabric.Circle({ radius: 50 }); - * obj.clipPath = clipPath; - * // render - * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix()); - * obj.clipPath = undefined; - * obj2.clipPath = clipPath; - * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer - * - * @example Clip an object's clip path with an existing object - * let obj, existingObj; - * let clipPath = new fabric.Circle({ radius: 50 }); - * obj.clipPath = clipPath; - * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix()); - * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo); - * clipPath.clipPath = existingObj; - * - * @static - * @memberof fabric.util - * @param {fabric.Object} object - * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas. - * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane. - * @returns {Matrix} the transform matrix that was applied to `object` - */ -const sendObjectToPlane = (object, from, to) => { - const t = calcPlaneChangeMatrix(from, to); - applyTransformToObject(object, multiplyTransformMatrices(t, object.calcOwnMatrix())); - return t; -}; + /** + * Given current aspect ratio, determines the max width and height that can + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Number} ar aspect ratio + * @param {Number} maximumArea Maximum area you want to achieve + * @return {Object.x} Limited dimensions by X + * @return {Object.y} Limited dimensions by Y + */ + limitDimsByArea: function(ar, maximumArea) { + var roughWidth = Math.sqrt(maximumArea * ar), + perfLimitSizeY = Math.floor(maximumArea / roughWidth); + return { x: Math.floor(roughWidth), y: perfLimitSizeY }; + }, -/** - * Camelizes a string - * @memberOf fabric.util.string - * @param {String} string String to camelize - * @return {String} Camelized version of a string - */ -const camelize = (string) => string.replace(/-+(.)?/g, function (match, character) { - return character ? character.toUpperCase() : ''; -}); -/** - * Capitalizes a string - * @memberOf fabric.util.string - * @param {String} string String to capitalize - * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized - * and other letters stay untouched, if false first letter is capitalized - * and other letters are converted to lowercase. - * @return {String} Capitalized version of a string - */ -const capitalize = (string, firstLetterOnly = false) => `${string.charAt(0).toUpperCase()}${firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()}`; -/** - * Escapes XML in a string - * @memberOf fabric.util.string - * @param {String} string String to escape - * @return {String} Escaped version of a string - */ -const escapeXml = (string) => string - .replace(/&/g, '&') - .replace(/"/g, '"') - .replace(/'/g, ''') - .replace(//g, '>'); -/** - * Divide a string in the user perceived single units - * @memberOf fabric.util.string - * @param {String} textstring String to escape - * @return {Array} array containing the graphemes - */ -const graphemeSplit = (textstring) => { - const graphemes = []; - for (let i = 0, chr; i < textstring.length; i++) { - if ((chr = getWholeChar(textstring, i)) === false) { - continue; - } - graphemes.push(chr); - } - return graphemes; -}; -// taken from mdn in the charAt doc page. -const getWholeChar = (str, i) => { - const code = str.charCodeAt(i); - if (isNaN(code)) { - return ''; // Position not found - } - if (code < 0xd800 || code > 0xdfff) { - return str.charAt(i); - } - // High surrogate (could change last hex to 0xDB7F to treat high private - // surrogates as single characters) - if (0xd800 <= code && code <= 0xdbff) { - if (str.length <= i + 1) { - throw 'High surrogate without following low surrogate'; - } - const next = str.charCodeAt(i + 1); - if (0xdc00 > next || next > 0xdfff) { - throw 'High surrogate without following low surrogate'; - } - return str.charAt(i) + str.charAt(i + 1); - } - // Low surrogate (0xDC00 <= code && code <= 0xDFFF) - if (i === 0) { - throw 'Low surrogate without preceding high surrogate'; - } - const prev = str.charCodeAt(i - 1); - // (could change last hex to 0xDB7F to treat high private - // surrogates as single characters) - if (0xd800 > prev || prev > 0xdbff) { - throw 'Low surrogate without preceding high surrogate'; - } - // We can pass over low surrogates now as the second component - // in a pair which we have already processed - return false; -}; + capValue: function(min, value, max) { + return Math.max(min, Math.min(value, max)); + }, -/** - * Returns klass "Class" object of given namespace - * @memberOf fabric.util - * @param {String} type Type of object (eg. 'circle') - * @param {object} namespace Namespace to get klass "Class" object from - * @return {Object} klass "Class" - */ -const getKlass = (type, namespace = fabric$3) => namespace[capitalize(camelize(type), true)]; -/** - * Loads image element from given url and resolve it, or catch. - * @memberOf fabric.util - * @param {String} url URL representing an image - * @param {Object} [options] image loading options - * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {Promise} img the loaded image. - */ -const loadImage = (url, { signal, crossOrigin = null } = {}) => new Promise(function (resolve, reject) { - if (signal && signal.aborted) { - return reject(new Error('`options.signal` is in `aborted` state')); - } - const img = createImage(); - let abort; - if (signal) { - abort = function (err) { - img.src = ''; - reject(err); - }; - signal.addEventListener('abort', abort, { once: true }); - } - const done = function () { - img.onload = img.onerror = null; - abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); - resolve(img); - }; - if (!url) { - done(); - return; - } - img.onload = done; - img.onerror = function () { - abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); - reject(new Error('Error loading ' + img.src)); - }; - crossOrigin && (img.crossOrigin = crossOrigin); - img.src = url; -}); -/** - * Creates corresponding fabric instances from their object representations - * @static - * @memberOf fabric.util - * @param {Object[]} objects Objects to enliven - * @param {object} [options] - * @param {object} [options.namespace] Namespace to get klass "Class" object from - * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements, - * called after each fabric object created. - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ -const enlivenObjects = (objects, { signal, reviver = noop, namespace = fabric$3 } = {}) => new Promise((resolve, reject) => { - const instances = []; - signal && signal.addEventListener('abort', reject, { once: true }); - Promise.all(objects.map((obj) => getKlass(obj.type, namespace) - .fromObject(obj, { - signal, - reviver, - namespace, - }) - .then((fabricInstance) => { - reviver(obj, fabricInstance); - instances.push(fabricInstance); - return fabricInstance; - }))) - .then(resolve) - .catch((error) => { - // cleanup - instances.forEach(function (instance) { - instance.dispose && instance.dispose(); - }); - reject(error); - }) - .finally(() => { - signal && signal.removeEventListener('abort', reject); - }); -}); -/** - * Creates corresponding fabric instances residing in an object, e.g. `clipPath` - * @static - * @memberOf fabric.util - * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path ) - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values - */ -const enlivenObjectEnlivables = (serializedObject, { signal } = {}) => new Promise((resolve, reject) => { - const instances = []; - signal && signal.addEventListener('abort', reject, { once: true }); - // enlive every possible property - const promises = Object.values(serializedObject).map((value) => { - if (!value) { - return value; - } - // gradient - if (value.colorStops) { - return new fabric$3.Gradient(value); - } - // clipPath - if (value.type) { - return enlivenObjects([value], { signal }).then(([enlived]) => { - instances.push(enlived); - return enlived; - }); - } - // pattern - if (value.source) { - return fabric$3.Pattern.fromObject(value, { signal }).then((pattern) => { - instances.push(pattern); - return pattern; - }); - } - return value; - }); - const keys = Object.keys(serializedObject); - Promise.all(promises) - .then((enlived) => { - return enlived.reduce(function (acc, instance, index) { - acc[keys[index]] = instance; - return acc; - }, {}); - }) - .then(resolve) - .catch(function (error) { - // cleanup - instances.forEach((instance) => { - instance.dispose && instance.dispose(); - }); - reject(error); - }) - .finally(function () { - signal && signal.removeEventListener('abort', reject); - }); -}); + /** + * Finds the scale for the object source to fit inside the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to fit into destination + */ + findScaleToFit: function(source, destination) { + return Math.min(destination.width / source.width, destination.height / source.height); + }, -/** - * Populates an object with properties of another object - * @param {Object} source Source object - * @param {string[]} properties Properties names to include - * @returns object populated with the picked keys - */ -const pick = (source, keys = []) => { - return keys.reduce((o, key) => { - if (key in source) { - o[key] = source[key]; - } - return o; - }, {}); -}; + /** + * Finds the scale for the object source to cover entirely the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to cover destination + */ + findScaleToCover: function(source, destination) { + return Math.max(destination.width / source.width, destination.height / source.height); + }, -//@ts-nocheck -function getSvgRegex(arr) { - return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); -} + /** + * given an array of 6 number returns something like `"matrix(...numbers)"` + * @memberOf fabric.util + * @param {Array} transform an array with 6 numbers + * @return {String} transform matrix for svg + * @return {Object.y} Limited dimensions by Y + */ + matrixToSVG: function(transform) { + return 'matrix(' + transform.map(function(value) { + return fabric.util.toFixed(value, fabric.Object.NUM_FRACTION_DIGITS); + }).join(' ') + ')'; + }, + + /** + * given an object and a transform, apply the inverse transform to the object, + * this is equivalent to remove from that object that transformation, so that + * added in a space with the removed transform, the object will be the same as before. + * Removing from an object a transform that scale by 2 is like scaling it by 1/2. + * Removing from an object a transfrom that rotate by 30deg is like rotating by 30deg + * in the opposite direction. + * This util is used to add objects inside transformed groups or nested groups. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ + removeTransformFromObject: function(object, transform) { + var inverted = fabric.util.invertTransform(transform), + finalTransform = fabric.util.multiplyTransformMatrices(inverted, object.calcOwnMatrix()); + fabric.util.applyTransformToObject(object, finalTransform); + }, + + /** + * given an object and a transform, apply the transform to the object. + * this is equivalent to change the space where the object is drawn. + * Adding to an object a transform that scale by 2 is like scaling it by 2. + * This is used when removing an object from an active selection for example. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ + addTransformToObject: function(object, transform) { + fabric.util.applyTransformToObject( + object, + fabric.util.multiplyTransformMatrices(transform, object.calcOwnMatrix()) + ); + }, + + /** + * discard an object transform state and apply the one from the matrix. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ + applyTransformToObject: function(object, transform) { + var options = fabric.util.qrDecompose(transform), + center = new fabric.Point(options.translateX, options.translateY); + object.flipX = false; + object.flipY = false; + object.set('scaleX', options.scaleX); + object.set('scaleY', options.scaleY); + object.skewX = options.skewX; + object.skewY = options.skewY; + object.angle = options.angle; + object.setPositionByOrigin(center, 'center', 'center'); + }, + + /** + * given a width and height, return the size of the bounding box + * that can contains the box with width/height with applied transform + * described in options. + * Use to calculate the boxes around objects for controls. + * @memberOf fabric.util + * @param {Number} width + * @param {Number} height + * @param {Object} options + * @param {Number} options.scaleX + * @param {Number} options.scaleY + * @param {Number} options.skewX + * @param {Number} options.skewY + * @return {Object.x} width of containing + * @return {Object.y} height of containing + */ + sizeAfterTransform: function(width, height, options) { + var dimX = width / 2, dimY = height / 2, + points = [ + { + x: -dimX, + y: -dimY + }, + { + x: dimX, + y: -dimY + }, + { + x: -dimX, + y: dimY + }, + { + x: dimX, + y: dimY + }], + transformMatrix = fabric.util.calcDimensionsMatrix(options), + bbox = fabric.util.makeBoundingBoxFromPoints(points, transformMatrix); + return { + x: bbox.width, + y: bbox.height, + }; + }, + + /** + * Merges 2 clip paths into one visually equal clip path + * + * **IMPORTANT**:\ + * Does **NOT** clone the arguments, clone them proir if necessary. + * + * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. + * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. + * + * In order to handle the `inverted` property we follow logic described in the following cases:\ + * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ + * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ + * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. + * + * @memberOf fabric.util + * @param {fabric.Object} c1 + * @param {fabric.Object} c2 + * @returns {fabric.Object} merged clip path + */ + mergeClipPaths: function (c1, c2) { + var a = c1, b = c2; + if (a.inverted && !b.inverted) { + // case (2) + a = c2; + b = c1; + } + // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane + fabric.util.applyTransformToObject( + b, + fabric.util.multiplyTransformMatrices( + fabric.util.invertTransform(a.calcTransformMatrix()), + b.calcTransformMatrix() + ) + ); + // assign the `inverted` prop to the wrapping group + var inverted = a.inverted && b.inverted; + if (inverted) { + // case (1) + a.inverted = b.inverted = false; + } + return new fabric.Group([a], { clipPath: b, inverted: inverted }); + }, + }; +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + var _join = Array.prototype.join, + commandLengths = { + m: 2, + l: 2, + h: 1, + v: 1, + c: 6, + s: 4, + q: 4, + t: 2, + a: 7 + }, + repeatedCommands = { + m: 'l', + M: 'L' + }; + function segmentToBezier(th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) { + var costh2 = fabric.util.cos(th2), + sinth2 = fabric.util.sin(th2), + costh3 = fabric.util.cos(th3), + sinth3 = fabric.util.sin(th3), + toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, + toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, + cp1X = fromX + mT * ( -cosTh * rx * sinth2 - sinTh * ry * costh2), + cp1Y = fromY + mT * ( -sinTh * rx * sinth2 + cosTh * ry * costh2), + cp2X = toX + mT * ( cosTh * rx * sinth3 + sinTh * ry * costh3), + cp2Y = toY + mT * ( sinTh * rx * sinth3 - cosTh * ry * costh3); + + return ['C', + cp1X, cp1Y, + cp2X, cp2Y, + toX, toY + ]; + } + + /* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp + * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here + * http://mozilla.org/MPL/2.0/ + */ + function arcToSegments(toX, toY, rx, ry, large, sweep, rotateX) { + var PI = Math.PI, th = rotateX * PI / 180, + sinTh = fabric.util.sin(th), + cosTh = fabric.util.cos(th), + fromX = 0, fromY = 0; + + rx = Math.abs(rx); + ry = Math.abs(ry); + + var px = -cosTh * toX * 0.5 - sinTh * toY * 0.5, + py = -cosTh * toY * 0.5 + sinTh * toX * 0.5, + rx2 = rx * rx, ry2 = ry * ry, py2 = py * py, px2 = px * px, + pl = rx2 * ry2 - rx2 * py2 - ry2 * px2, + root = 0; -//@ts-nocheck -const cssRules = {}; -const gradientDefs = {}; -const clipPaths = {}; -const reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; -const svgNS = 'http://www.w3.org/2000/svg'; -const commaWsp = '(?:\\s+,?\\s*|,\\s*)'; -const rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/gi; -const reFontDeclaration = new RegExp('(normal|italic)?\\s*(normal|small-caps)?\\s*' + - '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + - reNum + - '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + - reNum + - '))?\\s+(.*)'); -const svgValidTagNames = [ - 'path', - 'circle', - 'polygon', - 'polyline', - 'ellipse', - 'rect', - 'line', - 'image', - 'text', -], svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], svgInvalidAncestors = [ - 'pattern', - 'defs', - 'symbol', - 'metadata', - 'clipPath', - 'mask', - 'desc', -], svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], attributesMap = { - cx: 'left', - x: 'left', - r: 'radius', - cy: 'top', - y: 'top', - display: 'visible', - visibility: 'visible', - transform: 'transformMatrix', - 'fill-opacity': 'fillOpacity', - 'fill-rule': 'fillRule', - 'font-family': 'fontFamily', - 'font-size': 'fontSize', - 'font-style': 'fontStyle', - 'font-weight': 'fontWeight', - 'letter-spacing': 'charSpacing', - 'paint-order': 'paintFirst', - 'stroke-dasharray': 'strokeDashArray', - 'stroke-dashoffset': 'strokeDashOffset', - 'stroke-linecap': 'strokeLineCap', - 'stroke-linejoin': 'strokeLineJoin', - 'stroke-miterlimit': 'strokeMiterLimit', - 'stroke-opacity': 'strokeOpacity', - 'stroke-width': 'strokeWidth', - 'text-decoration': 'textDecoration', - 'text-anchor': 'textAnchor', - opacity: 'opacity', - 'clip-path': 'clipPath', - 'clip-rule': 'clipRule', - 'vector-effect': 'strokeUniform', - 'image-rendering': 'imageSmoothing', -}, colorAttributes = { - stroke: 'strokeOpacity', - fill: 'fillOpacity', -}, fSize = 'font-size', cPath = 'clip-path'; -const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); -const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); -const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); -const svgValidParentsRegEx = getSvgRegex(svgValidParents); -// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute -// matches, e.g.: +14.56e-12, etc. -const reViewBoxAttrValue = new RegExp('^' + - '\\s*(' + - reNum + - '+)\\s*,?' + - '\\s*(' + - reNum + - '+)\\s*,?' + - '\\s*(' + - reNum + - '+)\\s*,?' + - '\\s*(' + - reNum + - '+)\\s*' + - '$'); - -//@ts-nocheck -const commandLengths = { - m: 2, - l: 2, - h: 1, - v: 1, - c: 6, - s: 4, - q: 4, - t: 2, - a: 7, -}; -const repeatedCommands = { - m: 'l', - M: 'L', -}; -const segmentToBezier = (th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) => { - const costh2 = cos(th2), sinth2 = sin(th2), costh3 = cos(th3), sinth3 = sin(th3), toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2), cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2), cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3), cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3); - return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY]; -}; -/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp - * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here - * http://mozilla.org/MPL/2.0/ - */ -const arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => { - let fromX = 0, fromY = 0, root = 0; - const PI = Math.PI, th = rotateX * PiBy180, sinTh = sin(th), cosTh = cos(th), px = 0.5 * (-cosTh * toX - sinTh * toY), py = 0.5 * (-cosTh * toY + sinTh * toX), rx2 = rx ** 2, ry2 = ry ** 2, py2 = py ** 2, px2 = px ** 2, pl = rx2 * ry2 - rx2 * py2 - ry2 * px2; - let _rx = Math.abs(rx); - let _ry = Math.abs(ry); if (pl < 0) { - const s = Math.sqrt(1 - pl / (rx2 * ry2)); - _rx *= s; - _ry *= s; + var s = Math.sqrt(1 - pl / (rx2 * ry2)); + rx *= s; + ry *= s; } else { - root = - (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2)); + root = (large === sweep ? -1.0 : 1.0) * + Math.sqrt( pl / (rx2 * py2 + ry2 * px2)); } - const cx = (root * _rx * py) / _ry, cy = (-root * _ry * px) / _rx, cx1 = cosTh * cx - sinTh * cy + toX * 0.5, cy1 = sinTh * cx + cosTh * cy + toY * 0.5; - let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry); - let dtheta = calcVectorAngle((px - cx) / _rx, (py - cy) / _ry, (-px - cx) / _rx, (-py - cy) / _ry); + + var cx = root * rx * py / ry, + cy = -root * ry * px / rx, + cx1 = cosTh * cx - sinTh * cy + toX * 0.5, + cy1 = sinTh * cx + cosTh * cy + toY * 0.5, + mTheta = calcVectorAngle(1, 0, (px - cx) / rx, (py - cy) / ry), + dtheta = calcVectorAngle((px - cx) / rx, (py - cy) / ry, (-px - cx) / rx, (-py - cy) / ry); + if (sweep === 0 && dtheta > 0) { - dtheta -= 2 * PI; + dtheta -= 2 * PI; } else if (sweep === 1 && dtheta < 0) { - dtheta += 2 * PI; + dtheta += 2 * PI; } + // Convert into cubic bezier segments <= 90deg - const segments = Math.ceil(Math.abs((dtheta / PI) * 2)), result = new Array(segments), mDelta = dtheta / segments, mT = ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) / - Math.sin(mDelta / 2); - let th3 = mTheta + mDelta; - for (let i = 0; i < segments; i++) { - result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, _rx, _ry, cx1, cy1, mT, fromX, fromY); - fromX = result[i][5]; - fromY = result[i][6]; - mTheta = th3; - th3 += mDelta; + var segments = Math.ceil(Math.abs(dtheta / PI * 2)), + result = [], mDelta = dtheta / segments, + mT = 8 / 3 * Math.sin(mDelta / 4) * Math.sin(mDelta / 4) / Math.sin(mDelta / 2), + th3 = mTheta + mDelta; + + for (var i = 0; i < segments; i++) { + result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY); + fromX = result[i][5]; + fromY = result[i][6]; + mTheta = th3; + th3 += mDelta; } return result; -}; -/* - * Private - */ -const calcVectorAngle = (ux, uy, vx, vy) => { - const ta = Math.atan2(uy, ux), tb = Math.atan2(vy, vx); + } + + /* + * Private + */ + function calcVectorAngle(ux, uy, vx, vy) { + var ta = Math.atan2(uy, ux), + tb = Math.atan2(vy, vx); if (tb >= ta) { - return tb - ta; + return tb - ta; } else { - return 2 * Math.PI - (ta - tb); + return 2 * Math.PI - (ta - tb); } -}; -// functions for the Cubic beizer -// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 -const CB1 = (t) => t ** 3; -const CB2 = (t) => 3 * t ** 2 * (1 - t); -const CB3 = (t) => 3 * t * (1 - t) ** 2; -const CB4 = (t) => (1 - t) ** 3; -/** - * Calculate bounding box of a beziercurve - * @param {Number} x0 starting point - * @param {Number} y0 - * @param {Number} x1 first control point - * @param {Number} y1 - * @param {Number} x2 secondo control point - * @param {Number} y2 - * @param {Number} x3 end of bezier - * @param {Number} y3 - */ -// taken from http://jsbin.com/ivomiq/56/edit no credits available for that. -// TODO: can we normalize this with the starting points set at 0 and then translated the bbox? -function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { - let argsString; - if (config.cachesBoundsOfCurve) { - // eslint-disable-next-line - argsString = [...arguments].join(); - if (cache.boundsOfCurveCache[argsString]) { - return cache.boundsOfCurveCache[argsString]; - } + } + + /** + * Calculate bounding box of a beziercurve + * @param {Number} x0 starting point + * @param {Number} y0 + * @param {Number} x1 first control point + * @param {Number} y1 + * @param {Number} x2 secondo control point + * @param {Number} y2 + * @param {Number} x3 end of bezier + * @param {Number} y3 + */ + // taken from http://jsbin.com/ivomiq/56/edit no credits available for that. + // TODO: can we normalize this with the starting points set at 0 and then translated the bbox? + function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { + var argsString; + if (fabric.cachesBoundsOfCurve) { + argsString = _join.call(arguments); + if (fabric.boundsOfCurveCache[argsString]) { + return fabric.boundsOfCurveCache[argsString]; + } } - const sqrt = Math.sqrt, abs = Math.abs, tvalues = [], bounds = [[], []]; - let b = 6 * x0 - 12 * x1 + 6 * x2; - let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; - let c = 3 * x1 - 3 * x0; - for (let i = 0; i < 2; ++i) { - if (i > 0) { - b = 6 * y0 - 12 * y1 + 6 * y2; - a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; - c = 3 * y1 - 3 * y0; - } - if (abs(a) < 1e-12) { - if (abs(b) < 1e-12) { - continue; - } - const t = -c / b; - if (0 < t && t < 1) { - tvalues.push(t); - } - continue; - } - const b2ac = b * b - 4 * c * a; - if (b2ac < 0) { - continue; - } - const sqrtb2ac = sqrt(b2ac); - const t1 = (-b + sqrtb2ac) / (2 * a); - if (0 < t1 && t1 < 1) { - tvalues.push(t1); - } - const t2 = (-b - sqrtb2ac) / (2 * a); - if (0 < t2 && t2 < 1) { - tvalues.push(t2); - } + + var sqrt = Math.sqrt, + min = Math.min, max = Math.max, + abs = Math.abs, tvalues = [], + bounds = [[], []], + a, b, c, t, t1, t2, b2ac, sqrtb2ac; + + b = 6 * x0 - 12 * x1 + 6 * x2; + a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; + c = 3 * x1 - 3 * x0; + + for (var i = 0; i < 2; ++i) { + if (i > 0) { + b = 6 * y0 - 12 * y1 + 6 * y2; + a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; + c = 3 * y1 - 3 * y0; + } + + if (abs(a) < 1e-12) { + if (abs(b) < 1e-12) { + continue; + } + t = -c / b; + if (0 < t && t < 1) { + tvalues.push(t); + } + continue; + } + b2ac = b * b - 4 * c * a; + if (b2ac < 0) { + continue; + } + sqrtb2ac = sqrt(b2ac); + t1 = (-b + sqrtb2ac) / (2 * a); + if (0 < t1 && t1 < 1) { + tvalues.push(t1); + } + t2 = (-b - sqrtb2ac) / (2 * a); + if (0 < t2 && t2 < 1) { + tvalues.push(t2); + } } - let j = tvalues.length; - const jlen = j; - const iterator = getPointOnCubicBezierIterator(x0, y0, x1, y1, x2, y2, x3, y3); + + var x, y, j = tvalues.length, jlen = j, mt; while (j--) { - const { x, y } = iterator(tvalues[j]); - bounds[0][j] = x; - bounds[1][j] = y; + t = tvalues[j]; + mt = 1 - t; + x = (mt * mt * mt * x0) + (3 * mt * mt * t * x1) + (3 * mt * t * t * x2) + (t * t * t * x3); + bounds[0][j] = x; + + y = (mt * mt * mt * y0) + (3 * mt * mt * t * y1) + (3 * mt * t * t * y2) + (t * t * t * y3); + bounds[1][j] = y; } + bounds[0][jlen] = x0; bounds[1][jlen] = y0; bounds[0][jlen + 1] = x3; bounds[1][jlen + 1] = y3; - const result = [ - new Point(Math.min(...bounds[0]), Math.min(...bounds[1])), - new Point(Math.max(...bounds[0]), Math.max(...bounds[1])), + var result = [ + { + x: min.apply(null, bounds[0]), + y: min.apply(null, bounds[1]) + }, + { + x: max.apply(null, bounds[0]), + y: max.apply(null, bounds[1]) + } ]; - if (config.cachesBoundsOfCurve) { - cache.boundsOfCurveCache[argsString] = result; + if (fabric.cachesBoundsOfCurve) { + fabric.boundsOfCurveCache[argsString] = result; } return result; -} -/** - * Converts arc to a bunch of bezier curves - * @param {Number} fx starting point x - * @param {Number} fy starting point y - * @param {Array} coords Arc command - */ -const fromArcToBeziers = (fx, fy, [_, rx, ry, rot, large, sweep, tx, ty] = []) => { - const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); - for (let i = 0, len = segsNorm.length; i < len; i++) { - segsNorm[i][1] += fx; - segsNorm[i][2] += fy; - segsNorm[i][3] += fx; - segsNorm[i][4] += fy; - segsNorm[i][5] += fx; - segsNorm[i][6] += fy; + } + + /** + * Converts arc to a bunch of bezier curves + * @param {Number} fx starting point x + * @param {Number} fy starting point y + * @param {Array} coords Arc command + */ + function fromArcToBeziers(fx, fy, coords) { + var rx = coords[1], + ry = coords[2], + rot = coords[3], + large = coords[4], + sweep = coords[5], + tx = coords[6], + ty = coords[7], + segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); + + for (var i = 0, len = segsNorm.length; i < len; i++) { + segsNorm[i][1] += fx; + segsNorm[i][2] += fy; + segsNorm[i][3] += fx; + segsNorm[i][4] += fy; + segsNorm[i][5] += fx; + segsNorm[i][6] += fy; } return segsNorm; -}; -/** - * This function take a parsed SVG path and make it simpler for fabricJS logic. - * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) - * S converted in C, T converted in Q, A converted in C. - * @param {Array} path the array of commands of a parsed svg path for fabric.Path - * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path - */ -const makePathSimpler = (path) => { + }; + + /** + * This function take a parsed SVG path and make it simpler for fabricJS logic. + * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) + * S converted in C, T converted in Q, A converted in C. + * @param {Array} path the array of commands of a parsed svg path for fabric.Path + * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path + */ + function makePathSimpler(path) { // x and y represent the last point of the path. the previous command point. // we add them to each relative command to make it an absolute comment. // we also swap the v V h H with L, because are easier to transform. - let x = 0, y = 0; - const len = path.length; - // x1 and y1 represent the last point of the subpath. the subpath is started with - // m or M command. When a z or Z command is drawn, x and y need to be resetted to - // the last x1 and y1. - let x1 = 0, y1 = 0; - // previous will host the letter of the previous command, to handle S and T. - // controlX and controlY will host the previous reflected control point - let destinationPath = [], previous, controlX, controlY; - for (let i = 0; i < len; ++i) { - let converted = false; - const current = path[i].slice(0); - switch (current[0] // first letter - ) { - case 'l': // lineto, relative - current[0] = 'L'; - current[1] += x; - current[2] += y; - // falls through - case 'L': - x = current[1]; - y = current[2]; - break; - case 'h': // horizontal lineto, relative - current[1] += x; - // falls through - case 'H': - current[0] = 'L'; - current[2] = y; - x = current[1]; - break; - case 'v': // vertical lineto, relative - current[1] += y; - // falls through - case 'V': - current[0] = 'L'; - y = current[1]; - current[1] = x; - current[2] = y; - break; - case 'm': // moveTo, relative - current[0] = 'M'; - current[1] += x; - current[2] += y; - // falls through - case 'M': - x = current[1]; - y = current[2]; - x1 = current[1]; - y1 = current[2]; - break; - case 'c': // bezierCurveTo, relative - current[0] = 'C'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - current[5] += x; - current[6] += y; - // falls through - case 'C': - controlX = current[3]; - controlY = current[4]; - x = current[5]; - y = current[6]; - break; - case 's': // shorthand cubic bezierCurveTo, relative - current[0] = 'S'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'S': - // would be sScC but since we are swapping sSc for C, we check just that. - if (previous === 'C') { - // calculate reflection of previous control points - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a C, c, S, or s, - // the control point is coincident with the current point - controlX = x; - controlY = y; - } - x = current[3]; - y = current[4]; - current[0] = 'C'; - current[5] = current[3]; - current[6] = current[4]; - current[3] = current[1]; - current[4] = current[2]; - current[1] = controlX; - current[2] = controlY; - // current[3] and current[4] are NOW the second control point. - // we keep it for the next reflection. - controlX = current[3]; - controlY = current[4]; - break; - case 'q': // quadraticCurveTo, relative - current[0] = 'Q'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'Q': - controlX = current[1]; - controlY = current[2]; - x = current[3]; - y = current[4]; - break; - case 't': // shorthand quadraticCurveTo, relative - current[0] = 'T'; - current[1] += x; - current[2] += y; - // falls through - case 'T': - if (previous === 'Q') { - // calculate reflection of previous control point - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a Q, q, T or t, - // assume the control point is coincident with the current point - controlX = x; - controlY = y; - } - current[0] = 'Q'; - x = current[1]; - y = current[2]; - current[1] = controlX; - current[2] = controlY; - current[3] = x; - current[4] = y; - break; - case 'a': - current[0] = 'A'; - current[6] += x; - current[7] += y; - // falls through - case 'A': - converted = true; - destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); - x = current[6]; - y = current[7]; - break; - case 'z': - case 'Z': - x = x1; - y = y1; - break; - } - if (!converted) { - destinationPath.push(current); - } - previous = current[0]; + var x = 0, y = 0, len = path.length, + // x1 and y1 represent the last point of the subpath. the subpath is started with + // m or M command. When a z or Z command is drawn, x and y need to be resetted to + // the last x1 and y1. + x1 = 0, y1 = 0, current, i, converted, + // previous will host the letter of the previous command, to handle S and T. + // controlX and controlY will host the previous reflected control point + destinationPath = [], previous, controlX, controlY; + for (i = 0; i < len; ++i) { + converted = false; + current = path[i].slice(0); + switch (current[0]) { // first letter + case 'l': // lineto, relative + current[0] = 'L'; + current[1] += x; + current[2] += y; + // falls through + case 'L': + x = current[1]; + y = current[2]; + break; + case 'h': // horizontal lineto, relative + current[1] += x; + // falls through + case 'H': + current[0] = 'L'; + current[2] = y; + x = current[1]; + break; + case 'v': // vertical lineto, relative + current[1] += y; + // falls through + case 'V': + current[0] = 'L'; + y = current[1]; + current[1] = x; + current[2] = y; + break; + case 'm': // moveTo, relative + current[0] = 'M'; + current[1] += x; + current[2] += y; + // falls through + case 'M': + x = current[1]; + y = current[2]; + x1 = current[1]; + y1 = current[2]; + break; + case 'c': // bezierCurveTo, relative + current[0] = 'C'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + current[5] += x; + current[6] += y; + // falls through + case 'C': + controlX = current[3]; + controlY = current[4]; + x = current[5]; + y = current[6]; + break; + case 's': // shorthand cubic bezierCurveTo, relative + current[0] = 'S'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'S': + // would be sScC but since we are swapping sSc for C, we check just that. + if (previous === 'C') { + // calculate reflection of previous control points + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a C, c, S, or s, + // the control point is coincident with the current point + controlX = x; + controlY = y; + } + x = current[3]; + y = current[4]; + current[0] = 'C'; + current[5] = current[3]; + current[6] = current[4]; + current[3] = current[1]; + current[4] = current[2]; + current[1] = controlX; + current[2] = controlY; + // current[3] and current[4] are NOW the second control point. + // we keep it for the next reflection. + controlX = current[3]; + controlY = current[4]; + break; + case 'q': // quadraticCurveTo, relative + current[0] = 'Q'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'Q': + controlX = current[1]; + controlY = current[2]; + x = current[3]; + y = current[4]; + break; + case 't': // shorthand quadraticCurveTo, relative + current[0] = 'T'; + current[1] += x; + current[2] += y; + // falls through + case 'T': + if (previous === 'Q') { + // calculate reflection of previous control point + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a Q, q, T or t, + // assume the control point is coincident with the current point + controlX = x; + controlY = y; + } + current[0] = 'Q'; + x = current[1]; + y = current[2]; + current[1] = controlX; + current[2] = controlY; + current[3] = x; + current[4] = y; + break; + case 'a': + current[0] = 'A'; + current[6] += x; + current[7] += y; + // falls through + case 'A': + converted = true; + destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); + x = current[6]; + y = current[7]; + break; + case 'z': + case 'Z': + x = x1; + y = y1; + break; + default: + } + if (!converted) { + destinationPath.push(current); + } + previous = current[0]; } return destinationPath; -}; -// todo verify if we can just use the point class here -/** - * Calc length from point x1,y1 to x2,y2 - * @param {Number} x1 starting point x - * @param {Number} y1 starting point y - * @param {Number} x2 starting point x - * @param {Number} y2 starting point y - * @return {Number} length of segment - */ -const calcLineLength = (x1, y1, x2, y2) => Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2); -const getPointOnCubicBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { - const c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); - return { + }; + + /** + * Calc length from point x1,y1 to x2,y2 + * @param {Number} x1 starting point x + * @param {Number} y1 starting point y + * @param {Number} x2 starting point x + * @param {Number} y2 starting point y + * @return {Number} length of segment + */ + function calcLineLength(x1, y1, x2, y2) { + return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)); + } + + // functions for the Cubic beizer + // taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 + function CB1(t) { + return t * t * t; + } + function CB2(t) { + return 3 * t * t * (1 - t); + } + function CB3(t) { + return 3 * t * (1 - t) * (1 - t); + } + function CB4(t) { + return (1 - t) * (1 - t) * (1 - t); + } + + function getPointOnCubicBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { + return function(pct) { + var c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); + return { x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4, - y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4, + y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4 + }; }; -}; -const QB1 = (t) => t ** 2; -const QB2 = (t) => 2 * t * (1 - t); -const QB3 = (t) => (1 - t) ** 2; -const getTangentCubicIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { - const qb1 = QB1(pct), qb2 = QB2(pct), qb3 = QB3(pct), tangentX = 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)), tangentY = 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y)); - return Math.atan2(tangentY, tangentX); -}; -const getPointOnQuadraticBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { - const c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); - return { + } + + function getTangentCubicIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { + return function (pct) { + var invT = 1 - pct, + tangentX = (3 * invT * invT * (p2x - p1x)) + (6 * invT * pct * (p3x - p2x)) + + (3 * pct * pct * (p4x - p3x)), + tangentY = (3 * invT * invT * (p2y - p1y)) + (6 * invT * pct * (p3y - p2y)) + + (3 * pct * pct * (p4y - p3y)); + return Math.atan2(tangentY, tangentX); + }; + } + + function QB1(t) { + return t * t; + } + + function QB2(t) { + return 2 * t * (1 - t); + } + + function QB3(t) { + return (1 - t) * (1 - t); + } + + function getPointOnQuadraticBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y) { + return function(pct) { + var c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); + return { x: p3x * c1 + p2x * c2 + p1x * c3, - y: p3y * c1 + p2y * c2 + p1y * c3, + y: p3y * c1 + p2y * c2 + p1y * c3 + }; }; -}; -const getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { - const invT = 1 - pct, tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)), tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y)); - return Math.atan2(tangentY, tangentX); -}; -// this will run over a path segment ( a cubic or quadratic segment) and approximate it -// with 100 segemnts. This will good enough to calculate the length of the curve -const pathIterator = (iterator, x1, y1) => { - let tempP = { x: x1, y: y1 }, tmpLen = 0; - for (let perc = 1; perc <= 100; perc += 1) { - const p = iterator(perc / 100); - tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); - tempP = p; + } + + function getTangentQuadraticIterator(p1x, p1y, p2x, p2y, p3x, p3y) { + return function (pct) { + var invT = 1 - pct, + tangentX = (2 * invT * (p2x - p1x)) + (2 * pct * (p3x - p2x)), + tangentY = (2 * invT * (p2y - p1y)) + (2 * pct * (p3y - p2y)); + return Math.atan2(tangentY, tangentX); + }; + } + + + // this will run over a path segment ( a cubic or quadratic segment) and approximate it + // with 100 segemnts. This will good enough to calculate the length of the curve + function pathIterator(iterator, x1, y1) { + var tempP = { x: x1, y: y1 }, p, tmpLen = 0, perc; + for (perc = 1; perc <= 100; perc += 1) { + p = iterator(perc / 100); + tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); + tempP = p; } return tmpLen; -}; -/** - * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 - * that correspond to that pixels run over the path. - * The percentage will be then used to find the correct point on the canvas for the path. - * @param {Array} segInfo fabricJS collection of information on a parsed path - * @param {Number} distance from starting point, in pixels. - * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; - */ -const findPercentageForDistance = (segInfo, distance) => { - let perc = 0, tmpLen = 0, tempP = { x: segInfo.x, y: segInfo.y }, p, nextLen, nextStep = 0.01, lastPerc; + } + + /** + * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 + * that correspond to that pixels run over the path. + * The percentage will be then used to find the correct point on the canvas for the path. + * @param {Array} segInfo fabricJS collection of information on a parsed path + * @param {Number} distance from starting point, in pixels. + * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; + */ + function findPercentageForDistance(segInfo, distance) { + var perc = 0, tmpLen = 0, iterator = segInfo.iterator, tempP = { x: segInfo.x, y: segInfo.y }, + p, nextLen, nextStep = 0.01, angleFinder = segInfo.angleFinder, lastPerc; // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100 // the path - const iterator = segInfo.iterator, angleFinder = segInfo.angleFinder; while (tmpLen < distance && nextStep > 0.0001) { - p = iterator(perc); - lastPerc = perc; - nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); - // compare tmpLen each cycle with distance, decide next perc to test. - if (nextLen + tmpLen > distance) { - // we discard this step and we make smaller steps. - perc -= nextStep; - nextStep /= 2; - } - else { - tempP = p; - perc += nextStep; - tmpLen += nextLen; - } + p = iterator(perc); + lastPerc = perc; + nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); + // compare tmpLen each cycle with distance, decide next perc to test. + if ((nextLen + tmpLen) > distance) { + // we discard this step and we make smaller steps. + perc -= nextStep; + nextStep /= 2; + } + else { + tempP = p; + perc += nextStep; + tmpLen += nextLen; + } } p.angle = angleFinder(lastPerc); return p; -}; -/** - * Run over a parsed and simplifed path and extract some informations. - * informations are length of each command and starting point - * @param {Array} path fabricJS parsed path commands - * @return {Array} path commands informations - */ -const getPathSegmentsInfo = (path) => { - let totalLength = 0, current, - //x2 and y2 are the coords of segment start - //x1 and y1 are the coords of the current point - x1 = 0, y1 = 0, x2 = 0, y2 = 0, iterator, tempInfo, angleFinder; - const len = path.length, info = []; - for (let i = 0; i < len; i++) { - current = path[i]; - tempInfo = { - x: x1, - y: y1, - command: current[0], - }; - switch (current[0] //first letter - ) { - case 'M': - tempInfo.length = 0; - x2 = x1 = current[1]; - y2 = y1 = current[2]; - break; - case 'L': - tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); - x1 = current[1]; - y1 = current[2]; - break; - case 'C': - iterator = getPointOnCubicBezierIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); - angleFinder = getTangentCubicIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[5]; - y1 = current[6]; - break; - case 'Q': - iterator = getPointOnQuadraticBezierIterator(x1, y1, current[1], current[2], current[3], current[4]); - angleFinder = getTangentQuadraticIterator(x1, y1, current[1], current[2], current[3], current[4]); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[3]; - y1 = current[4]; - break; - case 'Z': - case 'z': - // we add those in order to ease calculations later - tempInfo.destX = x2; - tempInfo.destY = y2; - tempInfo.length = calcLineLength(x1, y1, x2, y2); - x1 = x2; - y1 = y2; - break; - } - totalLength += tempInfo.length; - info.push(tempInfo); + } + + /** + * Run over a parsed and simplifed path and extrac some informations. + * informations are length of each command and starting point + * @param {Array} path fabricJS parsed path commands + * @return {Array} path commands informations + */ + function getPathSegmentsInfo(path) { + var totalLength = 0, len = path.length, current, + //x2 and y2 are the coords of segment start + //x1 and y1 are the coords of the current point + x1 = 0, y1 = 0, x2 = 0, y2 = 0, info = [], iterator, tempInfo, angleFinder; + for (var i = 0; i < len; i++) { + current = path[i]; + tempInfo = { + x: x1, + y: y1, + command: current[0], + }; + switch (current[0]) { //first letter + case 'M': + tempInfo.length = 0; + x2 = x1 = current[1]; + y2 = y1 = current[2]; + break; + case 'L': + tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); + x1 = current[1]; + y1 = current[2]; + break; + case 'C': + iterator = getPointOnCubicBezierIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4], + current[5], + current[6] + ); + angleFinder = getTangentCubicIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4], + current[5], + current[6] + ); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[5]; + y1 = current[6]; + break; + case 'Q': + iterator = getPointOnQuadraticBezierIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4] + ); + angleFinder = getTangentQuadraticIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4] + ); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[3]; + y1 = current[4]; + break; + case 'Z': + case 'z': + // we add those in order to ease calculations later + tempInfo.destX = x2; + tempInfo.destY = y2; + tempInfo.length = calcLineLength(x1, y1, x2, y2); + x1 = x2; + y1 = y2; + break; + } + totalLength += tempInfo.length; + info.push(tempInfo); } info.push({ length: totalLength, x: x1, y: y1 }); return info; -}; -const getPointOnPath = (path, distance, infos) => { + } + + function getPointOnPath(path, distance, infos) { if (!infos) { - infos = getPathSegmentsInfo(path); + infos = getPathSegmentsInfo(path); } - let i = 0; - while (distance - infos[i].length > 0 && i < infos.length - 2) { - distance -= infos[i].length; - i++; + var i = 0; + while ((distance - infos[i].length > 0) && i < (infos.length - 2)) { + distance -= infos[i].length; + i++; } // var distance = infos[infos.length - 1] * perc; - const segInfo = infos[i], segPercent = distance / segInfo.length, command = segInfo.command, segment = path[i]; - let info; + var segInfo = infos[i], segPercent = distance / segInfo.length, + command = segInfo.command, segment = path[i], info; + switch (command) { - case 'M': - return { x: segInfo.x, y: segInfo.y, angle: 0 }; - case 'Z': - case 'z': - info = new Point(segInfo.x, segInfo.y).lerp(new Point(segInfo.destX, segInfo.destY), segPercent); - info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); - return info; - case 'L': - info = new Point(segInfo.x, segInfo.y).lerp(new Point(segment[1], segment[2]), segPercent); - info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); - return info; - case 'C': - return findPercentageForDistance(segInfo, distance); - case 'Q': - return findPercentageForDistance(segInfo, distance); - } -}; -/** - * - * @param {string} pathString - * @return {(string|number)[][]} An array of SVG path commands - * @example Usage - * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ - * ['M', 3, 4], - * ['Q', 3, 5, 2, 1, 4, 0], - * ['Q', 9, 12, 2, 1, 4, 0], - * ]; - * - */ -const parsePath = (pathString) => { - // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) - const re = rePathCommand, rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', rNumberCommaWsp = `(${rNumber})${commaWsp}`, rFlagCommaWsp = `([01])${commaWsp}?`, rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`, regArcArgumentSequence = new RegExp(rArcSeq, 'g'), result = []; + case 'M': + return { x: segInfo.x, y: segInfo.y, angle: 0 }; + case 'Z': + case 'z': + info = new fabric.Point(segInfo.x, segInfo.y).lerp( + new fabric.Point(segInfo.destX, segInfo.destY), + segPercent + ); + info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); + return info; + case 'L': + info = new fabric.Point(segInfo.x, segInfo.y).lerp( + new fabric.Point(segment[1], segment[2]), + segPercent + ); + info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); + return info; + case 'C': + return findPercentageForDistance(segInfo, distance); + case 'Q': + return findPercentageForDistance(segInfo, distance); + } + } + + /** + * + * @param {string} pathString + * @return {(string|number)[][]} An array of SVG path commands + * @example Usage + * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ + * ['M', 3, 4], + * ['Q', 3, 5, 2, 1, 4, 0], + * ['Q', 9, 12, 2, 1, 4, 0], + * ]; + * + */ + function parsePath(pathString) { + var result = [], + coords = [], + currentPath, + parsed, + re = fabric.rePathCommand, + rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', + rNumberCommaWsp = '(' + rNumber + ')' + fabric.commaWsp, + rFlagCommaWsp = '([01])' + fabric.commaWsp + '?', + rArcSeq = rNumberCommaWsp + '?' + rNumberCommaWsp + '?' + rNumberCommaWsp + rFlagCommaWsp + rFlagCommaWsp + + rNumberCommaWsp + '?(' + rNumber + ')', + regArcArgumentSequence = new RegExp(rArcSeq, 'g'), + match, + coordsStr, + // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) + path; if (!pathString || !pathString.match) { - return result; - } - const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); - for (let i = 0, len = path.length; i < len; i++) { - const currentPath = path[i]; - const coordsStr = currentPath.slice(1).trim(); - const coords = []; - let command = currentPath.charAt(0); - const coordsParsed = [command]; - if (command.toLowerCase() === 'a') { - // arcs have special flags that apparently don't require spaces so handle special - for (let args; (args = regArcArgumentSequence.exec(coordsStr));) { - for (let j = 1; j < args.length; j++) { - coords.push(args[j]); - } - } - } - else { - let match; - while ((match = re.exec(coordsStr))) { - coords.push(match[0]); - } - } - for (let j = 0, jlen = coords.length; j < jlen; j++) { - const parsed = parseFloat(coords[j]); - if (!isNaN(parsed)) { - coordsParsed.push(parsed); - } - } - const commandLength = commandLengths[command.toLowerCase()], repeatedCommand = repeatedCommands[command] || command; - if (coordsParsed.length - 1 > commandLength) { - for (let k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { - result.push([command].concat(coordsParsed.slice(k, k + commandLength))); - command = repeatedCommand; - } + return result; + } + path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); + + for (var i = 0, coordsParsed, len = path.length; i < len; i++) { + currentPath = path[i]; + + coordsStr = currentPath.slice(1).trim(); + coords.length = 0; + + var command = currentPath.charAt(0); + coordsParsed = [command]; + + if (command.toLowerCase() === 'a') { + // arcs have special flags that apparently don't require spaces so handle special + for (var args; (args = regArcArgumentSequence.exec(coordsStr));) { + for (var j = 1; j < args.length; j++) { + coords.push(args[j]); + } + } + } + else { + while ((match = re.exec(coordsStr))) { + coords.push(match[0]); + } + } + + for (var j = 0, jlen = coords.length; j < jlen; j++) { + parsed = parseFloat(coords[j]); + if (!isNaN(parsed)) { + coordsParsed.push(parsed); } - else { - result.push(coordsParsed); + } + + var commandLength = commandLengths[command.toLowerCase()], + repeatedCommand = repeatedCommands[command] || command; + + if (coordsParsed.length - 1 > commandLength) { + for (var k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { + result.push([command].concat(coordsParsed.slice(k, k + commandLength))); + command = repeatedCommand; } + } + else { + result.push(coordsParsed); + } } + return result; -}; -/** - * - * Converts points to a smooth SVG path - * @param {{ x: number,y: number }[]} points Array of points - * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. - * @return {(string|number)[][]} An array of SVG path commands - */ -const getSmoothPathFromPoints = (points, correction = 0) => { - let p1 = new Point(points[0]), p2 = new Point(points[1]), multSignX = 1, multSignY = 0; - const path = [], len = points.length, manyPoints = len > 2; + }; + + /** + * + * Converts points to a smooth SVG path + * @param {{ x: number,y: number }[]} points Array of points + * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. + * @return {(string|number)[][]} An array of SVG path commands + */ + function getSmoothPathFromPoints(points, correction) { + var path = [], i, + p1 = new fabric.Point(points[0].x, points[0].y), + p2 = new fabric.Point(points[1].x, points[1].y), + len = points.length, multSignX = 1, multSignY = 0, manyPoints = len > 2; + correction = correction || 0; + if (manyPoints) { - multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; - multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; - } - path.push([ - 'M', - p1.x - multSignX * correction, - p1.y - multSignY * correction, - ]); - let i; + multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; + multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; + } + path.push(['M', p1.x - multSignX * correction, p1.y - multSignY * correction]); for (i = 1; i < len; i++) { - if (!p1.eq(p2)) { - const midPoint = p1.midPointFrom(p2); - // p1 is our bezier control point - // midpoint is our endpoint - // start point is p(i-1) value. - path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); - } - p1 = points[i]; - if (i + 1 < points.length) { - p2 = points[i + 1]; - } + if (!p1.eq(p2)) { + var midPoint = p1.midPointFrom(p2); + // p1 is our bezier control point + // midpoint is our endpoint + // start point is p(i-1) value. + path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); + } + p1 = points[i]; + if ((i + 1) < points.length) { + p2 = points[i + 1]; + } } if (manyPoints) { - multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; - multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; - } - path.push([ - 'L', - p1.x + multSignX * correction, - p1.y + multSignY * correction, - ]); + multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; + multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; + } + path.push(['L', p1.x + multSignX * correction, p1.y + multSignY * correction]); return path; -}; -/** - * Transform a path by transforming each segment. - * it has to be a simplified path or it won't work. - * WARNING: this depends from pathOffset for correct operation - * @param {Array} path fabricJS parsed and simplified path commands - * @param {Array} transform matrix that represent the transformation - * @param {Object} [pathOffset] the fabric.Path pathOffset - * @param {Number} pathOffset.x - * @param {Number} pathOffset.y - * @returns {Array} the transformed path - */ -const transformPath = (path, transform, pathOffset) => { + } + /** + * Transform a path by transforming each segment. + * it has to be a simplified path or it won't work. + * WARNING: this depends from pathOffset for correct operation + * @param {Array} path fabricJS parsed and simplified path commands + * @param {Array} transform matrix that represent the transformation + * @param {Object} [pathOffset] the fabric.Path pathOffset + * @param {Number} pathOffset.x + * @param {Number} pathOffset.y + * @returns {Array} the transformed path + */ + function transformPath(path, transform, pathOffset) { if (pathOffset) { - transform = multiplyTransformMatrices(transform, [ - 1, - 0, - 0, - 1, - -pathOffset.x, - -pathOffset.y, - ]); - } - return path.map((pathSegment) => { - const newSegment = pathSegment.slice(0); - for (let i = 1; i < pathSegment.length - 1; i += 2) { - const { x, y } = transformPoint$1({ - x: pathSegment[i], - y: pathSegment[i + 1], - }, transform); - newSegment[i] = x; - newSegment[i + 1] = y; - } - return newSegment; + transform = fabric.util.multiplyTransformMatrices( + transform, + [1, 0, 0, 1, -pathOffset.x, -pathOffset.y] + ); + } + return path.map(function(pathSegment) { + var newSegment = pathSegment.slice(0), point = {}; + for (var i = 1; i < pathSegment.length - 1; i += 2) { + point.x = pathSegment[i]; + point.y = pathSegment[i + 1]; + point = fabric.util.transformPoint(point, transform); + newSegment[i] = point.x; + newSegment[i + 1] = point.y; + } + return newSegment; }); -}; -/** - * Returns an array of path commands to create a regular polygon - * @param {number} radius - * @param {number} numVertexes - * @returns {(string|number)[][]} An array of SVG path commands - */ -const getRegularPolygonPath = (numVertexes, radius) => { - const interiorAngle = (Math.PI * 2) / numVertexes; - // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom - // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn - let rotationAdjustment = -halfPI; - if (numVertexes % 2 === 0) { - rotationAdjustment += interiorAngle / 2; - } - const d = new Array(numVertexes + 1); - for (let i = 0; i < numVertexes; i++) { - const rad = i * interiorAngle + rotationAdjustment; - const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius); - d[i] = [i === 0 ? 'M' : 'L', x, y]; - } - d[numVertexes] = ['Z']; - return d; -}; -/** - * Join path commands to go back to svg format - * @param {Array} pathData fabricJS parsed path commands - * @return {String} joined path 'M 0 0 L 20 30' - */ -const joinPath = (pathData) => pathData.map((segment) => segment.join(' ')).join(' '); + } -//@ts-nocheck -// TODO this file needs to go away, cross browser style support is not fabricjs domain. -/** - * wrapper for setting element's style - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {Object | string} styles - */ -function setStyle$1(element, styles) { - const elementStyle = element.style; - if (!elementStyle) { - return; + /** + * Join path commands to go back to svg format + * @param {Array} pathData fabricJS parsed path commands + * @return {String} joined path 'M 0 0 L 20 30' + */ + fabric.util.joinPath = function(pathData) { + return pathData.map(function (segment) { return segment.join(' '); }).join(' '); + }; + fabric.util.parsePath = parsePath; + fabric.util.makePathSimpler = makePathSimpler; + fabric.util.getSmoothPathFromPoints = getSmoothPathFromPoints; + fabric.util.getPathSegmentsInfo = getPathSegmentsInfo; + fabric.util.getBoundsOfCurve = getBoundsOfCurve; + fabric.util.getPointOnPath = getPointOnPath; + fabric.util.transformPath = transformPath; +})(); + + +(function() { + + var slice = Array.prototype.slice; + + /** + * Invokes method on all items in a given array + * @memberOf fabric.util.array + * @param {Array} array Array to iterate over + * @param {String} method Name of a method to invoke + * @return {Array} + */ + function invoke(array, method) { + var args = slice.call(arguments, 2), result = []; + for (var i = 0, len = array.length; i < len; i++) { + result[i] = args.length ? array[i][method].apply(array[i], args) : array[i][method].call(array[i]); + } + return result; + } + + /** + * Finds maximum value in array (not necessarily "first" one) + * @memberOf fabric.util.array + * @param {Array} array Array to iterate over + * @param {String} byProperty + * @return {*} + */ + function max(array, byProperty) { + return find(array, byProperty, function(value1, value2) { + return value1 >= value2; + }); + } + + /** + * Finds minimum value in array (not necessarily "first" one) + * @memberOf fabric.util.array + * @param {Array} array Array to iterate over + * @param {String} byProperty + * @return {*} + */ + function min(array, byProperty) { + return find(array, byProperty, function(value1, value2) { + return value1 < value2; + }); + } + + /** + * @private + */ + function fill(array, value) { + var k = array.length; + while (k--) { + array[k] = value; + } + return array; + } + + /** + * @private + */ + function find(array, byProperty, condition) { + if (!array || array.length === 0) { + return; } - else if (typeof styles === 'string') { - element.style.cssText += ';' + styles; + + var i = array.length - 1, + result = byProperty ? array[i][byProperty] : array[i]; + if (byProperty) { + while (i--) { + if (condition(array[i][byProperty], result)) { + result = array[i][byProperty]; + } + } } else { - Object.entries(styles).forEach(([property, value]) => elementStyle.setProperty(property, value)); + while (i--) { + if (condition(array[i], result)) { + result = array[i]; + } + } } -} + return result; + } -//@ts-nocheck -/** - * Cross-browser abstraction for sending XMLHttpRequest - * @memberOf fabric.util - * @deprecated this has to go away, we can use a modern browser method to do the same. - * @param {String} url URL to send XMLHttpRequest to - * @param {Object} [options] Options object - * @param {String} [options.method="GET"] - * @param {Record} [options.parameters] parameters to append to url in GET or in body - * @param {String} [options.body] body to send with POST or PUT request - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {Function} options.onComplete Callback to invoke when request is completed - * @return {XMLHttpRequest} request - */ -function request(url, options = {}) { - const method = options.method ? options.method.toUpperCase() : 'GET', onComplete = options.onComplete || noop, xhr = new fabric.window.XMLHttpRequest(), body = options.body || options.parameters, signal = options.signal, abort = function () { - xhr.abort(); - }, removeListener = function () { - signal && signal.removeEventListener('abort', abort); - xhr.onerror = xhr.ontimeout = noop; - }; - if (signal && signal.aborted) { - throw new Error('`options.signal` is in `aborted` state'); + /** + * @namespace fabric.util.array + */ + fabric.util.array = { + fill: fill, + invoke: invoke, + min: min, + max: max + }; + +})(); + + +(function() { + /** + * Copies all enumerable properties of one js object to another + * this does not and cannot compete with generic utils. + * Does not clone or extend fabric.Object subclasses. + * This is mostly for internal use and has extra handling for fabricJS objects + * it skips the canvas and group properties in deep cloning. + * @memberOf fabric.util.object + * @param {Object} destination Where to copy to + * @param {Object} source Where to copy from + * @param {Boolean} [deep] Whether to extend nested objects + * @return {Object} + */ + + function extend(destination, source, deep) { + // JScript DontEnum bug is not taken care of + // the deep clone is for internal use, is not meant to avoid + // javascript traps or cloning html element or self referenced objects. + if (deep) { + if (!fabric.isLikelyNode && source instanceof Element) { + // avoid cloning deep images, canvases, + destination = source; + } + else if (source instanceof Array) { + destination = []; + for (var i = 0, len = source.length; i < len; i++) { + destination[i] = extend({ }, source[i], deep); + } + } + else if (source && typeof source === 'object') { + for (var property in source) { + if (property === 'canvas' || property === 'group') { + // we do not want to clone this props at all. + // we want to keep the keys in the copy + destination[property] = null; + } + else if (source.hasOwnProperty(property)) { + destination[property] = extend({ }, source[property], deep); + } + } + } + else { + // this sounds odd for an extend but is ok for recursive use + destination = source; + } } - else if (signal) { - signal.addEventListener('abort', abort, { once: true }); + else { + for (var property in source) { + destination[property] = source[property]; + } } - /** @ignore */ - xhr.onreadystatechange = function () { - if (xhr.readyState === 4) { - removeListener(); - onComplete(xhr); - xhr.onreadystatechange = noop; + return destination; + } + + /** + * Creates an empty object and copies all enumerable properties of another object to it + * This method is mostly for internal use, and not intended for duplicating shapes in canvas. + * @memberOf fabric.util.object + * @param {Object} object Object to clone + * @param {Boolean} [deep] Whether to clone nested objects + * @return {Object} + */ + + //TODO: this function return an empty object if you try to clone null + function clone(object, deep) { + return extend({ }, object, deep); + } + + /** @namespace fabric.util.object */ + fabric.util.object = { + extend: extend, + clone: clone + }; + fabric.util.object.extend(fabric.util, fabric.Observable); +})(); + + +(function() { + + /** + * Camelizes a string + * @memberOf fabric.util.string + * @param {String} string String to camelize + * @return {String} Camelized version of a string + */ + function camelize(string) { + return string.replace(/-+(.)?/g, function(match, character) { + return character ? character.toUpperCase() : ''; + }); + } + + /** + * Capitalizes a string + * @memberOf fabric.util.string + * @param {String} string String to capitalize + * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized + * and other letters stay untouched, if false first letter is capitalized + * and other letters are converted to lowercase. + * @return {String} Capitalized version of a string + */ + function capitalize(string, firstLetterOnly) { + return string.charAt(0).toUpperCase() + + (firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()); + } + + /** + * Escapes XML in a string + * @memberOf fabric.util.string + * @param {String} string String to escape + * @return {String} Escaped version of a string + */ + function escapeXml(string) { + return string.replace(/&/g, '&') + .replace(/"/g, '"') + .replace(/'/g, ''') + .replace(//g, '>'); + } + + /** + * Divide a string in the user perceived single units + * @memberOf fabric.util.string + * @param {String} textstring String to escape + * @return {Array} array containing the graphemes + */ + function graphemeSplit(textstring) { + var i = 0, chr, graphemes = []; + for (i = 0, chr; i < textstring.length; i++) { + if ((chr = getWholeChar(textstring, i)) === false) { + continue; + } + graphemes.push(chr); + } + return graphemes; + } + + // taken from mdn in the charAt doc page. + function getWholeChar(str, i) { + var code = str.charCodeAt(i); + + if (isNaN(code)) { + return ''; // Position not found + } + if (code < 0xD800 || code > 0xDFFF) { + return str.charAt(i); + } + + // High surrogate (could change last hex to 0xDB7F to treat high private + // surrogates as single characters) + if (0xD800 <= code && code <= 0xDBFF) { + if (str.length <= (i + 1)) { + throw 'High surrogate without following low surrogate'; + } + var next = str.charCodeAt(i + 1); + if (0xDC00 > next || next > 0xDFFF) { + throw 'High surrogate without following low surrogate'; + } + return str.charAt(i) + str.charAt(i + 1); + } + // Low surrogate (0xDC00 <= code && code <= 0xDFFF) + if (i === 0) { + throw 'Low surrogate without preceding high surrogate'; + } + var prev = str.charCodeAt(i - 1); + + // (could change last hex to 0xDB7F to treat high private + // surrogates as single characters) + if (0xD800 > prev || prev > 0xDBFF) { + throw 'Low surrogate without preceding high surrogate'; + } + // We can pass over low surrogates now as the second component + // in a pair which we have already processed + return false; + } + + + /** + * String utilities + * @namespace fabric.util.string + */ + fabric.util.string = { + camelize: camelize, + capitalize: capitalize, + escapeXml: escapeXml, + graphemeSplit: graphemeSplit + }; +})(); + + +(function() { + + var slice = Array.prototype.slice, emptyFunction = function() { }, + + IS_DONTENUM_BUGGY = (function() { + for (var p in { toString: 1 }) { + if (p === 'toString') { + return false; + } } - }; - xhr.onerror = xhr.ontimeout = removeListener; - if (method === 'GET' && options.parameters) { - const { origin, pathname, searchParams } = new URL(url); - url = `${origin}${pathname}?${new URLSearchParams([ - ...Array.from(searchParams.entries()), - ...Object.entries(options.parameters), - ])}`; + return true; + })(), + + /** @ignore */ + addMethods = function(klass, source, parent) { + for (var property in source) { + + if (property in klass.prototype && + typeof klass.prototype[property] === 'function' && + (source[property] + '').indexOf('callSuper') > -1) { + + klass.prototype[property] = (function(property) { + return function() { + + var superclass = this.constructor.superclass; + this.constructor.superclass = parent; + var returnValue = source[property].apply(this, arguments); + this.constructor.superclass = superclass; + + if (property !== 'initialize') { + return returnValue; + } + }; + })(property); + } + else { + klass.prototype[property] = source[property]; + } + + if (IS_DONTENUM_BUGGY) { + if (source.toString !== Object.prototype.toString) { + klass.prototype.toString = source.toString; + } + if (source.valueOf !== Object.prototype.valueOf) { + klass.prototype.valueOf = source.valueOf; + } + } + } + }; + + function Subclass() { } + + function callSuper(methodName) { + var parentMethod = null, + _this = this; + + // climb prototype chain to find method not equal to callee's method + while (_this.constructor.superclass) { + var superClassMethod = _this.constructor.superclass.prototype[methodName]; + if (_this[methodName] !== superClassMethod) { + parentMethod = superClassMethod; + break; + } + // eslint-disable-next-line + _this = _this.constructor.superclass.prototype; } - xhr.open(method, url, true); - if (method === 'POST' || method === 'PUT') { - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + + if (!parentMethod) { + return console.log('tried to callSuper ' + methodName + ', method not found in prototype chain', this); } - xhr.send(method === 'GET' ? null : body); - return xhr; -} -//@ts-nocheck -const touchEvents = ['touchstart', 'touchmove', 'touchend']; -/** - * Adds an event listener to an element - * @function - * @deprecated - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ -const addListener$1 = (element, eventName, handler, options) => element && element.addEventListener(eventName, handler, options); -/** - * Removes an event listener from an element - * @function - * @deprecated - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ -const removeListener = (element, eventName, handler, options) => element && element.removeEventListener(eventName, handler, options); -function getTouchInfo(event) { - const touchProp = event.changedTouches; + return (arguments.length > 1) + ? parentMethod.apply(this, slice.call(arguments, 1)) + : parentMethod.call(this); + } + + /** + * Helper for creation of "classes". + * @memberOf fabric.util + * @param {Function} [parent] optional "Class" to inherit from + * @param {Object} [properties] Properties shared by all instances of this class + * (be careful modifying objects defined here as this would affect all instances) + */ + function createClass() { + var parent = null, + properties = slice.call(arguments, 0); + + if (typeof properties[0] === 'function') { + parent = properties.shift(); + } + function klass() { + this.initialize.apply(this, arguments); + } + + klass.superclass = parent; + klass.subclasses = []; + + if (parent) { + Subclass.prototype = parent.prototype; + klass.prototype = new Subclass(); + parent.subclasses.push(klass); + } + for (var i = 0, length = properties.length; i < length; i++) { + addMethods(klass, properties[i], parent); + } + if (!klass.prototype.initialize) { + klass.prototype.initialize = emptyFunction; + } + klass.prototype.constructor = klass; + klass.prototype.callSuper = callSuper; + return klass; + } + + fabric.util.createClass = createClass; +})(); + + +(function () { + // since ie11 can use addEventListener but they do not support options, i need to check + var couldUseAttachEvent = !!fabric.document.createElement('div').attachEvent, + touchEvents = ['touchstart', 'touchmove', 'touchend']; + /** + * Adds an event listener to an element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ + fabric.util.addListener = function(element, eventName, handler, options) { + element && element.addEventListener(eventName, handler, couldUseAttachEvent ? false : options); + }; + + /** + * Removes an event listener from an element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ + fabric.util.removeListener = function(element, eventName, handler, options) { + element && element.removeEventListener(eventName, handler, couldUseAttachEvent ? false : options); + }; + + function getTouchInfo(event) { + var touchProp = event.changedTouches; if (touchProp && touchProp[0]) { - return touchProp[0]; + return touchProp[0]; } return event; -} -const getPointer = (event) => { - const element = event.target, scroll = fabric.util.getScrollLeftTop(element), _evt = getTouchInfo(event); - return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top); -}; -const isTouchEvent = (event) => touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; + } -//@ts-nocheck -/** - * Wraps element with another element - * @memberOf fabric.util - * @param {HTMLElement} element Element to wrap - * @param {HTMLElement|String} wrapper Element to wrap with - * @param {Object} [attributes] Attributes to set on a wrapper - * @return {HTMLElement} wrapper - */ -function wrapElement(element, wrapper) { + fabric.util.getPointer = function(event) { + var element = event.target, + scroll = fabric.util.getScrollLeftTop(element), + _evt = getTouchInfo(event); + return { + x: _evt.clientX + scroll.left, + y: _evt.clientY + scroll.top + }; + }; + + fabric.util.isTouchEvent = function(event) { + return touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; + }; +})(); + + +(function () { + + /** + * Cross-browser wrapper for setting element's style + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {Object} styles + * @return {HTMLElement} Element that was passed as a first argument + */ + function setStyle(element, styles) { + var elementStyle = element.style; + if (!elementStyle) { + return element; + } + if (typeof styles === 'string') { + element.style.cssText += ';' + styles; + return styles.indexOf('opacity') > -1 + ? setOpacity(element, styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) + : element; + } + for (var property in styles) { + if (property === 'opacity') { + setOpacity(element, styles[property]); + } + else { + var normalizedProperty = (property === 'float' || property === 'cssFloat') + ? (typeof elementStyle.styleFloat === 'undefined' ? 'cssFloat' : 'styleFloat') + : property; + elementStyle[normalizedProperty] = styles[property]; + } + } + return element; + } + + var parseEl = fabric.document.createElement('div'), + supportsOpacity = typeof parseEl.style.opacity === 'string', + supportsFilters = typeof parseEl.style.filter === 'string', + reOpacity = /alpha\s*\(\s*opacity\s*=\s*([^\)]+)\)/, + + /** @ignore */ + setOpacity = function (element) { return element; }; + + if (supportsOpacity) { + /** @ignore */ + setOpacity = function(element, value) { + element.style.opacity = value; + return element; + }; + } + else if (supportsFilters) { + /** @ignore */ + setOpacity = function(element, value) { + var es = element.style; + if (element.currentStyle && !element.currentStyle.hasLayout) { + es.zoom = 1; + } + if (reOpacity.test(es.filter)) { + value = value >= 0.9999 ? '' : ('alpha(opacity=' + (value * 100) + ')'); + es.filter = es.filter.replace(reOpacity, value); + } + else { + es.filter += ' alpha(opacity=' + (value * 100) + ')'; + } + return element; + }; + } + + fabric.util.setStyle = setStyle; + +})(); + + +(function() { + + var _slice = Array.prototype.slice; + + /** + * Takes id and returns an element with that id (if one exists in a document) + * @memberOf fabric.util + * @param {String|HTMLElement} id + * @return {HTMLElement|null} + */ + function getById(id) { + return typeof id === 'string' ? fabric.document.getElementById(id) : id; + } + + var sliceCanConvertNodelists, + /** + * Converts an array-like object (e.g. arguments or NodeList) to an array + * @memberOf fabric.util + * @param {Object} arrayLike + * @return {Array} + */ + toArray = function(arrayLike) { + return _slice.call(arrayLike, 0); + }; + + try { + sliceCanConvertNodelists = toArray(fabric.document.childNodes) instanceof Array; + } + catch (err) { } + + if (!sliceCanConvertNodelists) { + toArray = function(arrayLike) { + var arr = new Array(arrayLike.length), i = arrayLike.length; + while (i--) { + arr[i] = arrayLike[i]; + } + return arr; + }; + } + + /** + * Creates specified element with specified attributes + * @memberOf fabric.util + * @param {String} tagName Type of an element to create + * @param {Object} [attributes] Attributes to set on an element + * @return {HTMLElement} Newly created element + */ + function makeElement(tagName, attributes) { + var el = fabric.document.createElement(tagName); + for (var prop in attributes) { + if (prop === 'class') { + el.className = attributes[prop]; + } + else if (prop === 'for') { + el.htmlFor = attributes[prop]; + } + else { + el.setAttribute(prop, attributes[prop]); + } + } + return el; + } + + /** + * Adds class to an element + * @memberOf fabric.util + * @param {HTMLElement} element Element to add class to + * @param {String} className Class to add to an element + */ + function addClass(element, className) { + if (element && (' ' + element.className + ' ').indexOf(' ' + className + ' ') === -1) { + element.className += (element.className ? ' ' : '') + className; + } + } + + /** + * Wraps element with another element + * @memberOf fabric.util + * @param {HTMLElement} element Element to wrap + * @param {HTMLElement|String} wrapper Element to wrap with + * @param {Object} [attributes] Attributes to set on a wrapper + * @return {HTMLElement} wrapper + */ + function wrapElement(element, wrapper, attributes) { + if (typeof wrapper === 'string') { + wrapper = makeElement(wrapper, attributes); + } if (element.parentNode) { - element.parentNode.replaceChild(wrapper, element); + element.parentNode.replaceChild(wrapper, element); } wrapper.appendChild(element); return wrapper; -} -/** - * Returns element scroll offsets - * @memberOf fabric.util - * @param {HTMLElement} element Element to operate on - * @return {Object} Object with left/top values - */ -function getScrollLeftTop(element) { - let left = 0, top = 0; - const docElement = fabric$3.document.documentElement, body = fabric$3.document.body || { - scrollLeft: 0, - scrollTop: 0, - }; + } + + /** + * Returns element scroll offsets + * @memberOf fabric.util + * @param {HTMLElement} element Element to operate on + * @return {Object} Object with left/top values + */ + function getScrollLeftTop(element) { + + var left = 0, + top = 0, + docElement = fabric.document.documentElement, + body = fabric.document.body || { + scrollLeft: 0, scrollTop: 0 + }; + // While loop checks (and then sets element to) .parentNode OR .host // to account for ShadowDOM. We still want to traverse up out of ShadowDOM, // but the .parentNode of a root ShadowDOM node will always be null, instead // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938 while (element && (element.parentNode || element.host)) { - // Set element to element parent, or 'host' in case of ShadowDOM - element = element.parentNode || element.host; - if (element === fabric$3.document) { - left = body.scrollLeft || docElement.scrollLeft || 0; - top = body.scrollTop || docElement.scrollTop || 0; - } - else { - left += element.scrollLeft || 0; - top += element.scrollTop || 0; - } - if (element.nodeType === 1 && element.style.position === 'fixed') { - break; - } + + // Set element to element parent, or 'host' in case of ShadowDOM + element = element.parentNode || element.host; + + if (element === fabric.document) { + left = body.scrollLeft || docElement.scrollLeft || 0; + top = body.scrollTop || docElement.scrollTop || 0; + } + else { + left += element.scrollLeft || 0; + top += element.scrollTop || 0; + } + + if (element.nodeType === 1 && element.style.position === 'fixed') { + break; + } } - return { left, top }; -} -/** - * Returns offset for a given element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element Element to get offset for - * @return {Object} Object with "left" and "top" properties - */ -function getElementOffset(element) { - let box = { left: 0, top: 0 }; - const doc = element && element.ownerDocument, offset = { left: 0, top: 0 }, offsetAttributes = { - borderLeftWidth: 'left', - borderTopWidth: 'top', - paddingLeft: 'left', - paddingTop: 'top', - }; + + return { left: left, top: top }; + } + + /** + * Returns offset for a given element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element Element to get offset for + * @return {Object} Object with "left" and "top" properties + */ + function getElementOffset(element) { + var docElem, + doc = element && element.ownerDocument, + box = { left: 0, top: 0 }, + offset = { left: 0, top: 0 }, + scrollLeftTop, + offsetAttributes = { + borderLeftWidth: 'left', + borderTopWidth: 'top', + paddingLeft: 'left', + paddingTop: 'top' + }; + if (!doc) { - return offset; + return offset; } - const elemStyle = fabric$3.document.defaultView.getComputedStyle(element, null); - for (const attr in offsetAttributes) { - offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0; + + for (var attr in offsetAttributes) { + offset[offsetAttributes[attr]] += parseInt(getElementStyle(element, attr), 10) || 0; } - const docElem = doc.documentElement; - if (typeof element.getBoundingClientRect !== 'undefined') { - box = element.getBoundingClientRect(); + + docElem = doc.documentElement; + if ( typeof element.getBoundingClientRect !== 'undefined' ) { + box = element.getBoundingClientRect(); } - const scrollLeftTop = getScrollLeftTop(element); + + scrollLeftTop = getScrollLeftTop(element); + return { - left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, - top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top, + left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, + top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top }; -} -/** - * Makes element unselectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make unselectable - * @return {HTMLElement} Element that was passed in - */ -function makeElementUnselectable(element) { - if (typeof element.onselectstart !== 'undefined') { - element.onselectstart = () => false; + } + + /** + * Returns style attribute value of a given element + * @memberOf fabric.util + * @param {HTMLElement} element Element to get style attribute for + * @param {String} attr Style attribute to get for element + * @return {String} Style attribute value of the given element. + */ + var getElementStyle; + if (fabric.document.defaultView && fabric.document.defaultView.getComputedStyle) { + getElementStyle = function(element, attr) { + var style = fabric.document.defaultView.getComputedStyle(element, null); + return style ? style[attr] : undefined; + }; + } + else { + getElementStyle = function(element, attr) { + var value = element.style[attr]; + if (!value && element.currentStyle) { + value = element.currentStyle[attr]; + } + return value; + }; + } + + (function () { + var style = fabric.document.documentElement.style, + selectProp = 'userSelect' in style + ? 'userSelect' + : 'MozUserSelect' in style + ? 'MozUserSelect' + : 'WebkitUserSelect' in style + ? 'WebkitUserSelect' + : 'KhtmlUserSelect' in style + ? 'KhtmlUserSelect' + : ''; + + /** + * Makes element unselectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make unselectable + * @return {HTMLElement} Element that was passed in + */ + function makeElementUnselectable(element) { + if (typeof element.onselectstart !== 'undefined') { + element.onselectstart = fabric.util.falseFunction; + } + if (selectProp) { + element.style[selectProp] = 'none'; + } + else if (typeof element.unselectable === 'string') { + element.unselectable = 'on'; + } + return element; } - element.style.userSelect = 'none'; - return element; -} -/** - * Makes element selectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make selectable - * @return {HTMLElement} Element that was passed in - */ -function makeElementSelectable(element) { - if (typeof element.onselectstart !== 'undefined') { + + /** + * Makes element selectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make selectable + * @return {HTMLElement} Element that was passed in + */ + function makeElementSelectable(element) { + if (typeof element.onselectstart !== 'undefined') { element.onselectstart = null; + } + if (selectProp) { + element.style[selectProp] = ''; + } + else if (typeof element.unselectable === 'string') { + element.unselectable = ''; + } + return element; } - element.style.userSelect = ''; - return element; -} -function getNodeCanvas(element) { - const impl = fabric$3.jsdomImplForWrapper(element); + + fabric.util.makeElementUnselectable = makeElementUnselectable; + fabric.util.makeElementSelectable = makeElementSelectable; + })(); + + function getNodeCanvas(element) { + var impl = fabric.jsdomImplForWrapper(element); return impl._canvas || impl._image; -} -function cleanUpJsdomNode(element) { - if (!fabric$3.isLikelyNode) { - return; + }; + + function cleanUpJsdomNode(element) { + if (!fabric.isLikelyNode) { + return; } - const impl = fabric$3.jsdomImplForWrapper(element); + var impl = fabric.jsdomImplForWrapper(element); if (impl) { - impl._image = null; - impl._canvas = null; - // unsure if necessary - impl._currentSrc = null; - impl._attributes = null; - impl._classList = null; + impl._image = null; + impl._canvas = null; + // unsure if necessary + impl._currentSrc = null; + impl._attributes = null; + impl._classList = null; + } + } + + function setImageSmoothing(ctx, value) { + ctx.imageSmoothingEnabled = ctx.imageSmoothingEnabled || ctx.webkitImageSmoothingEnabled + || ctx.mozImageSmoothingEnabled || ctx.msImageSmoothingEnabled || ctx.oImageSmoothingEnabled; + ctx.imageSmoothingEnabled = value; + } + + /** + * setImageSmoothing sets the context imageSmoothingEnabled property. + * Used by canvas and by ImageObject. + * @memberOf fabric.util + * @since 4.0.0 + * @param {HTMLRenderingContext2D} ctx to set on + * @param {Boolean} value true or false + */ + fabric.util.setImageSmoothing = setImageSmoothing; + fabric.util.getById = getById; + fabric.util.toArray = toArray; + fabric.util.addClass = addClass; + fabric.util.makeElement = makeElement; + fabric.util.wrapElement = wrapElement; + fabric.util.getScrollLeftTop = getScrollLeftTop; + fabric.util.getElementOffset = getElementOffset; + fabric.util.getNodeCanvas = getNodeCanvas; + fabric.util.cleanUpJsdomNode = cleanUpJsdomNode; + +})(); + + +(function() { + + function addParamToUrl(url, param) { + return url + (/\?/.test(url) ? '&' : '?') + param; + } + + function emptyFn() { } + + /** + * Cross-browser abstraction for sending XMLHttpRequest + * @memberOf fabric.util + * @param {String} url URL to send XMLHttpRequest to + * @param {Object} [options] Options object + * @param {String} [options.method="GET"] + * @param {String} [options.parameters] parameters to append to url in GET or in body + * @param {String} [options.body] body to send with POST or PUT request + * @param {Function} options.onComplete Callback to invoke when request is completed + * @return {XMLHttpRequest} request + */ + function request(url, options) { + options || (options = { }); + + var method = options.method ? options.method.toUpperCase() : 'GET', + onComplete = options.onComplete || function() { }, + xhr = new fabric.window.XMLHttpRequest(), + body = options.body || options.parameters; + + /** @ignore */ + xhr.onreadystatechange = function() { + if (xhr.readyState === 4) { + onComplete(xhr); + xhr.onreadystatechange = emptyFn; + } + }; + + if (method === 'GET') { + body = null; + if (typeof options.parameters === 'string') { + url = addParamToUrl(url, options.parameters); + } } -} -/** - * Returns true if context has transparent pixel - * at specified location (taking tolerance into account) - * @param {CanvasRenderingContext2D} ctx context - * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space - * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space - * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance - * @return {boolean} true if transparent - */ -const isTransparent = (ctx, x, y, tolerance) => { - // If tolerance is > 0 adjust start coords to take into account. - // If moves off Canvas fix to 0 - if (tolerance > 0) { - if (x > tolerance) { - x -= tolerance; - } - else { - x = 0; - } - if (y > tolerance) { - y -= tolerance; - } - else { - y = 0; - } - } - let _isTransparent = true; - const { data } = ctx.getImageData(x, y, tolerance * 2 || 1, tolerance * 2 || 1); - const l = data.length; - // Split image data - for tolerance > 1, pixelDataSize = 4; - for (let i = 3; i < l; i += 4) { - const alphaChannel = data[i]; - if (alphaChannel > 0) { - // Stop if colour found - _isTransparent = false; - break; - } + xhr.open(method, url, true); + + if (method === 'POST' || method === 'PUT') { + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); } - return _isTransparent; -}; + + xhr.send(body); + return xhr; + } + + fabric.util.request = request; +})(); + /** - * Merges 2 clip paths into one visually equal clip path - * - * **IMPORTANT**:\ - * Does **NOT** clone the arguments, clone them proir if necessary. - * - * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. - * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. - * - * In order to handle the `inverted` property we follow logic described in the following cases:\ - * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ - * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ - * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. - * - * @memberOf fabric.util - * @param {fabric.Object} c1 - * @param {fabric.Object} c2 - * @returns {fabric.Object} merged clip path + * Wrapper around `console.log` (when available) + * @param {*} [values] Values to log */ -const mergeClipPaths = (c1, c2) => { - var _a; - let a = c1, b = c2; - if (a.inverted && !b.inverted) { - // case (2) - a = c2; - b = c1; - } - // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane - sendObjectToPlane(b, (_a = b.group) === null || _a === void 0 ? void 0 : _a.calcTransformMatrix(), a.calcTransformMatrix()); - // assign the `inverted` prop to the wrapping group - const inverted = a.inverted && b.inverted; - if (inverted) { - // case (1) - a.inverted = b.inverted = false; - } - return new fabric$3.Group([a], { clipPath: b, inverted }); -}; +fabric.log = console.log; /** - * Easing functions - * See Easing Equations by Robert Penner - * @namespace fabric.util.ease + * Wrapper around `console.warn` (when available) + * @param {*} [values] Values to log as a warning */ -const normalize = (a, c, p, s) => { - if (a < Math.abs(c)) { - a = c; - s = p / 4; +fabric.warn = console.warn; + + +(function () { + + var extend = fabric.util.object.extend, + clone = fabric.util.object.clone; + + /** + * @typedef {Object} AnimationOptions + * Animation of a value or list of values. + * When using lists, think of something like this: + * fabric.util.animate({ + * startValue: [1, 2, 3], + * endValue: [2, 4, 6], + * onChange: function([a, b, c]) { + * canvas.zoomToPoint({x: b, y: c}, a) + * canvas.renderAll() + * } + * }); + * @example + * @property {Function} [onChange] Callback; invoked on every value change + * @property {Function} [onComplete] Callback; invoked when value change is completed + * @example + * // Note: startValue, endValue, and byValue must match the type + * var animationOptions = { startValue: 0, endValue: 1, byValue: 0.25 } + * var animationOptions = { startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] } + * @property {number | number[]} [startValue=0] Starting value + * @property {number | number[]} [endValue=100] Ending value + * @property {number | number[]} [byValue=100] Value to modify the property by + * @property {Function} [easing] Easing function + * @property {Number} [duration=500] Duration of change (in ms) + * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. + * + * @typedef {() => void} CancelFunction + * + * @typedef {Object} AnimationCurrentState + * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] + * @property {number} completionRate value in range [0, 1] + * @property {number} durationRate value in range [0, 1] + * + * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext + */ + + /** + * Array holding all running animations + * @memberof fabric + * @type {AnimationContext[]} + */ + var RUNNING_ANIMATIONS = []; + fabric.util.object.extend(RUNNING_ANIMATIONS, { + + /** + * cancel all running animations at the next requestAnimFrame + * @returns {AnimationContext[]} + */ + cancelAll: function () { + var animations = this.splice(0); + animations.forEach(function (animation) { + animation.cancel(); + }); + return animations; + }, + + /** + * cancel all running animations attached to canvas at the next requestAnimFrame + * @param {fabric.Canvas} canvas + * @returns {AnimationContext[]} + */ + cancelByCanvas: function (canvas) { + if (!canvas) { + return []; + } + var cancelled = this.filter(function (animation) { + return typeof animation.target === 'object' && animation.target.canvas === canvas; + }); + cancelled.forEach(function (animation) { + animation.cancel(); + }); + return cancelled; + }, + + /** + * cancel all running animations for target at the next requestAnimFrame + * @param {*} target + * @returns {AnimationContext[]} + */ + cancelByTarget: function (target) { + var cancelled = this.findAnimationsByTarget(target); + cancelled.forEach(function (animation) { + animation.cancel(); + }); + return cancelled; + }, + + /** + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {number} + */ + findAnimationIndex: function (cancelFunc) { + return this.indexOf(this.findAnimation(cancelFunc)); + }, + + /** + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {AnimationContext | undefined} animation's options object + */ + findAnimation: function (cancelFunc) { + return this.find(function (animation) { + return animation.cancel === cancelFunc; + }); + }, + + /** + * + * @param {*} target the object that is assigned to the target property of the animation context + * @returns {AnimationContext[]} array of animation options object associated with target + */ + findAnimationsByTarget: function (target) { + if (!target) { + return []; + } + return this.filter(function (animation) { + return animation.target === target; + }); } - else { - //handle the 0/0 case: - if (c === 0 && a === 0) { - s = (p / twoMathPi) * Math.asin(1); + }); + + function noop() { + return false; + } + + function defaultEasing(t, b, c, d) { + return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; + } + + /** + * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {AnimationOptions} [options] Animation options + * @example + * // Note: startValue, endValue, and byValue must match the type + * fabric.util.animate({ startValue: 0, endValue: 1, byValue: 0.25 }) + * fabric.util.animate({ startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] }) + * @returns {CancelFunction} cancel function + */ + function animate(options) { + options || (options = {}); + var cancel = false, + context, + removeFromRegistry = function () { + var index = fabric.runningAnimations.indexOf(context); + return index > -1 && fabric.runningAnimations.splice(index, 1)[0]; + }; + + context = extend(clone(options), { + cancel: function () { + cancel = true; + return removeFromRegistry(); + }, + currentValue: 'startValue' in options ? options.startValue : 0, + completionRate: 0, + durationRate: 0 + }); + fabric.runningAnimations.push(context); + + requestAnimFrame(function(timestamp) { + var start = timestamp || +new Date(), + duration = options.duration || 500, + finish = start + duration, time, + onChange = options.onChange || noop, + abort = options.abort || noop, + onComplete = options.onComplete || noop, + easing = options.easing || defaultEasing, + isMany = 'startValue' in options ? options.startValue.length > 0 : false, + startValue = 'startValue' in options ? options.startValue : 0, + endValue = 'endValue' in options ? options.endValue : 100, + byValue = options.byValue || (isMany ? startValue.map(function(value, i) { + return endValue[i] - startValue[i]; + }) : endValue - startValue); + + options.onStart && options.onStart(); + + (function tick(ticktime) { + time = ticktime || +new Date(); + var currentTime = time > finish ? duration : (time - start), + timePerc = currentTime / duration, + current = isMany ? startValue.map(function(_value, i) { + return easing(currentTime, startValue[i], byValue[i], duration); + }) : easing(currentTime, startValue, byValue, duration), + valuePerc = isMany ? Math.abs((current[0] - startValue[0]) / byValue[0]) + : Math.abs((current - startValue) / byValue); + // update context + context.currentValue = isMany ? current.slice() : current; + context.completionRate = valuePerc; + context.durationRate = timePerc; + if (cancel) { + return; + } + if (abort(current, valuePerc, timePerc)) { + removeFromRegistry(); + return; + } + if (time > finish) { + // update context + context.currentValue = isMany ? endValue.slice() : endValue; + context.completionRate = 1; + context.durationRate = 1; + // execute callbacks + onChange(isMany ? endValue.slice() : endValue, 1, 1); + onComplete(endValue, 1, 1); + removeFromRegistry(); + return; } else { - s = (p / twoMathPi) * Math.asin(c / a); + onChange(current, valuePerc, timePerc); + requestAnimFrame(tick); } + })(start); + }); + + return context.cancel; + } + + var _requestAnimFrame = fabric.window.requestAnimationFrame || + fabric.window.webkitRequestAnimationFrame || + fabric.window.mozRequestAnimationFrame || + fabric.window.oRequestAnimationFrame || + fabric.window.msRequestAnimationFrame || + function(callback) { + return fabric.window.setTimeout(callback, 1000 / 60); + }; + + var _cancelAnimFrame = fabric.window.cancelAnimationFrame || fabric.window.clearTimeout; + + /** + * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ + * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method + * @memberOf fabric.util + * @param {Function} callback Callback to invoke + * @param {DOMElement} element optional Element to associate with animation + */ + function requestAnimFrame() { + return _requestAnimFrame.apply(fabric.window, arguments); + } + + function cancelAnimFrame() { + return _cancelAnimFrame.apply(fabric.window, arguments); + } + + fabric.util.animate = animate; + fabric.util.requestAnimFrame = requestAnimFrame; + fabric.util.cancelAnimFrame = cancelAnimFrame; + fabric.runningAnimations = RUNNING_ANIMATIONS; +})(); + + +(function() { + // Calculate an in-between color. Returns a "rgba()" string. + // Credit: Edwin Martin + // http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js + function calculateColor(begin, end, pos) { + var color = 'rgba(' + + parseInt((begin[0] + pos * (end[0] - begin[0])), 10) + ',' + + parseInt((begin[1] + pos * (end[1] - begin[1])), 10) + ',' + + parseInt((begin[2] + pos * (end[2] - begin[2])), 10); + + color += ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); + color += ')'; + return color; + } + + /** + * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {String} fromColor The starting color in hex or rgb(a) format. + * @param {String} toColor The starting color in hex or rgb(a) format. + * @param {Number} [duration] Duration of change (in ms). + * @param {Object} [options] Animation options + * @param {Function} [options.onChange] Callback; invoked on every value change + * @param {Function} [options.onComplete] Callback; invoked when value change is completed + * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. + * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. + * @returns {Function} abort function + */ + function animateColor(fromColor, toColor, duration, options) { + var startColor = new fabric.Color(fromColor).getSource(), + endColor = new fabric.Color(toColor).getSource(), + originalOnComplete = options.onComplete, + originalOnChange = options.onChange; + options = options || {}; + + return fabric.util.animate(fabric.util.object.extend(options, { + duration: duration || 500, + startValue: startColor, + endValue: endColor, + byValue: endColor, + easing: function (currentTime, startValue, byValue, duration) { + var posValue = options.colorEasing + ? options.colorEasing(currentTime, duration) + : 1 - Math.cos(currentTime / duration * (Math.PI / 2)); + return calculateColor(startValue, byValue, posValue); + }, + // has to take in account for color restoring; + onComplete: function(current, valuePerc, timePerc) { + if (originalOnComplete) { + return originalOnComplete( + calculateColor(endColor, endColor, 0), + valuePerc, + timePerc + ); + } + }, + onChange: function(current, valuePerc, timePerc) { + if (originalOnChange) { + if (Array.isArray(current)) { + return originalOnChange( + calculateColor(current, current, 0), + valuePerc, + timePerc + ); + } + originalOnChange(current, valuePerc, timePerc); + } + } + })); + } + + fabric.util.animateColor = animateColor; + +})(); + + +(function() { + + function normalize(a, c, p, s) { + if (a < Math.abs(c)) { + a = c; + s = p / 4; } - return { a, c, p, s }; -}; -const elastic = (a, s, p, t, d) => a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p); -/** - * Cubic easing out - * @memberOf fabric.util.ease - */ -const easeOutCubic = (t, b, c, d) => c * ((t /= d - 1) * t ** 2 + 1) + b; -/** - * Cubic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutCubic = (t, b, c, d) => { + else { + //handle the 0/0 case: + if (c === 0 && a === 0) { + s = p / (2 * Math.PI) * Math.asin(1); + } + else { + s = p / (2 * Math.PI) * Math.asin(c / a); + } + } + return { a: a, c: c, p: p, s: s }; + } + + function elastic(opts, t, d) { + return opts.a * + Math.pow(2, 10 * (t -= 1)) * + Math.sin( (t * d - opts.s) * (2 * Math.PI) / opts.p ); + } + + /** + * Cubic easing out + * @memberOf fabric.util.ease + */ + function easeOutCubic(t, b, c, d) { + return c * ((t = t / d - 1) * t * t + 1) + b; + } + + /** + * Cubic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutCubic(t, b, c, d) { t /= d / 2; if (t < 1) { - return (c / 2) * t ** 3 + b; + return c / 2 * t * t * t + b; } - return (c / 2) * ((t -= 2) * t ** 2 + 2) + b; -}; -/** - * Quartic easing in - * @memberOf fabric.util.ease - */ -const easeInQuart = (t, b, c, d) => c * (t /= d) * t ** 3 + b; -/** - * Quartic easing out - * @memberOf fabric.util.ease - */ -const easeOutQuart = (t, b, c, d) => -c * ((t = t / d - 1) * t ** 3 - 1) + b; -/** - * Quartic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutQuart = (t, b, c, d) => { + return c / 2 * ((t -= 2) * t * t + 2) + b; + } + + /** + * Quartic easing in + * @memberOf fabric.util.ease + */ + function easeInQuart(t, b, c, d) { + return c * (t /= d) * t * t * t + b; + } + + /** + * Quartic easing out + * @memberOf fabric.util.ease + */ + function easeOutQuart(t, b, c, d) { + return -c * ((t = t / d - 1) * t * t * t - 1) + b; + } + + /** + * Quartic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutQuart(t, b, c, d) { t /= d / 2; if (t < 1) { - return (c / 2) * t ** 4 + b; + return c / 2 * t * t * t * t + b; } - return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b; -}; -/** - * Quintic easing in - * @memberOf fabric.util.ease - */ -const easeInQuint = (t, b, c, d) => c * (t /= d) * t ** 4 + b; -/** - * Quintic easing out - * @memberOf fabric.util.ease - */ -const easeOutQuint = (t, b, c, d) => c * ((t /= d - 1) * t ** 4 + 1) + b; -/** - * Quintic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutQuint = (t, b, c, d) => { + return -c / 2 * ((t -= 2) * t * t * t - 2) + b; + } + + /** + * Quintic easing in + * @memberOf fabric.util.ease + */ + function easeInQuint(t, b, c, d) { + return c * (t /= d) * t * t * t * t + b; + } + + /** + * Quintic easing out + * @memberOf fabric.util.ease + */ + function easeOutQuint(t, b, c, d) { + return c * ((t = t / d - 1) * t * t * t * t + 1) + b; + } + + /** + * Quintic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutQuint(t, b, c, d) { t /= d / 2; if (t < 1) { - return (c / 2) * t ** 5 + b; + return c / 2 * t * t * t * t * t + b; } - return (c / 2) * ((t -= 2) * t ** 4 + 2) + b; -}; -/** - * Sinusoidal easing in - * @memberOf fabric.util.ease - */ -const easeInSine = (t, b, c, d) => -c * Math.cos((t / d) * halfPI) + c + b; -/** - * Sinusoidal easing out - * @memberOf fabric.util.ease - */ -const easeOutSine = (t, b, c, d) => c * Math.sin((t / d) * halfPI) + b; -/** - * Sinusoidal easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutSine = (t, b, c, d) => (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b; -/** - * Exponential easing in - * @memberOf fabric.util.ease - */ -const easeInExpo = (t, b, c, d) => t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b; -/** - * Exponential easing out - * @memberOf fabric.util.ease - */ -const easeOutExpo = (t, b, c, d) => t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b; -/** - * Exponential easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutExpo = (t, b, c, d) => { + return c / 2 * ((t -= 2) * t * t * t * t + 2) + b; + } + + /** + * Sinusoidal easing in + * @memberOf fabric.util.ease + */ + function easeInSine(t, b, c, d) { + return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; + } + + /** + * Sinusoidal easing out + * @memberOf fabric.util.ease + */ + function easeOutSine(t, b, c, d) { + return c * Math.sin(t / d * (Math.PI / 2)) + b; + } + + /** + * Sinusoidal easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutSine(t, b, c, d) { + return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b; + } + + /** + * Exponential easing in + * @memberOf fabric.util.ease + */ + function easeInExpo(t, b, c, d) { + return (t === 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b; + } + + /** + * Exponential easing out + * @memberOf fabric.util.ease + */ + function easeOutExpo(t, b, c, d) { + return (t === d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b; + } + + /** + * Exponential easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutExpo(t, b, c, d) { if (t === 0) { - return b; + return b; } if (t === d) { - return b + c; + return b + c; } t /= d / 2; if (t < 1) { - return (c / 2) * 2 ** (10 * (t - 1)) + b; + return c / 2 * Math.pow(2, 10 * (t - 1)) + b; } - return (c / 2) * -(2 ** (-10 * --t) + 2) + b; -}; -/** - * Circular easing in - * @memberOf fabric.util.ease - */ -const easeInCirc = (t, b, c, d) => -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; -/** - * Circular easing out - * @memberOf fabric.util.ease - */ -const easeOutCirc = (t, b, c, d) => c * Math.sqrt(1 - (t = t / d - 1) * t) + b; -/** - * Circular easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutCirc = (t, b, c, d) => { + return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b; + } + + /** + * Circular easing in + * @memberOf fabric.util.ease + */ + function easeInCirc(t, b, c, d) { + return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; + } + + /** + * Circular easing out + * @memberOf fabric.util.ease + */ + function easeOutCirc(t, b, c, d) { + return c * Math.sqrt(1 - (t = t / d - 1) * t) + b; + } + + /** + * Circular easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutCirc(t, b, c, d) { t /= d / 2; if (t < 1) { - return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b; + return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b; } - return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; -}; -/** - * Elastic easing in - * @memberOf fabric.util.ease - */ -const easeInElastic = (t, b, c, d) => { - const s = 1.70158, a = c; - let p = 0; + return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; + } + + /** + * Elastic easing in + * @memberOf fabric.util.ease + */ + function easeInElastic(t, b, c, d) { + var s = 1.70158, p = 0, a = c; if (t === 0) { - return b; + return b; } t /= d; if (t === 1) { - return b + c; + return b + c; } if (!p) { - p = d * 0.3; + p = d * 0.3; } - const { a: normA, s: normS, p: normP } = normalize(a, c, p, s); - return -elastic(normA, normS, normP, t, d) + b; -}; -/** - * Elastic easing out - * @memberOf fabric.util.ease - */ -const easeOutElastic = (t, b, c, d) => { - const s = 1.70158, a = c; - let p = 0; + var opts = normalize(a, c, p, s); + return -elastic(opts, t, d) + b; + } + + /** + * Elastic easing out + * @memberOf fabric.util.ease + */ + function easeOutElastic(t, b, c, d) { + var s = 1.70158, p = 0, a = c; if (t === 0) { - return b; + return b; } t /= d; if (t === 1) { - return b + c; + return b + c; } if (!p) { - p = d * 0.3; + p = d * 0.3; } - const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); - return (normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) + - normC + - b); -}; -/** - * Elastic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutElastic = (t, b, c, d) => { - const s = 1.70158, a = c; - let p = 0; + var opts = normalize(a, c, p, s); + return opts.a * Math.pow(2, -10 * t) * Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) + opts.c + b; + } + + /** + * Elastic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutElastic(t, b, c, d) { + var s = 1.70158, p = 0, a = c; if (t === 0) { - return b; + return b; } t /= d / 2; if (t === 2) { - return b + c; + return b + c; } if (!p) { - p = d * (0.3 * 1.5); + p = d * (0.3 * 1.5); } - const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); + var opts = normalize(a, c, p, s); if (t < 1) { - return -0.5 * elastic(normA, normS, normP, t, d) + b; - } - return (normA * - Math.pow(2, -10 * (t -= 1)) * - Math.sin(((t * d - normS) * twoMathPi) / normP) * - 0.5 + - normC + - b); -}; -/** - * Backwards easing in - * @memberOf fabric.util.ease - */ -const easeInBack = (t, b, c, d, s = 1.70158) => c * (t /= d) * t * ((s + 1) * t - s) + b; -/** - * Backwards easing out - * @memberOf fabric.util.ease - */ -const easeOutBack = (t, b, c, d, s = 1.70158) => c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; -/** - * Backwards easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutBack = (t, b, c, d, s = 1.70158) => { + return -0.5 * elastic(opts, t, d) + b; + } + return opts.a * Math.pow(2, -10 * (t -= 1)) * + Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) * 0.5 + opts.c + b; + } + + /** + * Backwards easing in + * @memberOf fabric.util.ease + */ + function easeInBack(t, b, c, d, s) { + if (s === undefined) { + s = 1.70158; + } + return c * (t /= d) * t * ((s + 1) * t - s) + b; + } + + /** + * Backwards easing out + * @memberOf fabric.util.ease + */ + function easeOutBack(t, b, c, d, s) { + if (s === undefined) { + s = 1.70158; + } + return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; + } + + /** + * Backwards easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutBack(t, b, c, d, s) { + if (s === undefined) { + s = 1.70158; + } t /= d / 2; if (t < 1) { - return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b; + return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b; } - return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b; -}; -/** - * Bouncing easing out - * @memberOf fabric.util.ease - */ -const easeOutBounce = (t, b, c, d) => { - if ((t /= d) < 1 / 2.75) { - return c * (7.5625 * t * t) + b; + return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b; + } + + /** + * Bouncing easing in + * @memberOf fabric.util.ease + */ + function easeInBounce(t, b, c, d) { + return c - easeOutBounce (d - t, 0, c, d) + b; + } + + /** + * Bouncing easing out + * @memberOf fabric.util.ease + */ + function easeOutBounce(t, b, c, d) { + if ((t /= d) < (1 / 2.75)) { + return c * (7.5625 * t * t) + b; } - else if (t < 2 / 2.75) { - return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b; + else if (t < (2 / 2.75)) { + return c * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75) + b; } - else if (t < 2.5 / 2.75) { - return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b; + else if (t < (2.5 / 2.75)) { + return c * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375) + b; } else { - return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b; - } -}; -/** - * Bouncing easing in - * @memberOf fabric.util.ease - */ -const easeInBounce = (t, b, c, d) => c - easeOutBounce(d - t, 0, c, d) + b; -/** - * Bouncing easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutBounce = (t, b, c, d) => t < d / 2 - ? easeInBounce(t * 2, 0, c, d) * 0.5 + b - : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; -/** - * Quadratic easing in - * @memberOf fabric.util.ease - */ -const easeInQuad = (t, b, c, d) => c * (t /= d) * t + b; -/** - * Quadratic easing out - * @memberOf fabric.util.ease - */ -const easeOutQuad = (t, b, c, d) => -c * (t /= d) * (t - 2) + b; -/** - * Quadratic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutQuad = (t, b, c, d) => { - t /= d / 2; - if (t < 1) { - return (c / 2) * t ** 2 + b; + return c * (7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375) + b; } - return (-c / 2) * (--t * (t - 2) - 1) + b; -}; -/** - * Cubic easing in - * @memberOf fabric.util.ease - */ -const easeInCubic = (t, b, c, d) => c * (t /= d) * t * t + b; - -var ease = /*#__PURE__*/Object.freeze({ - __proto__: null, - easeOutCubic: easeOutCubic, - easeInOutCubic: easeInOutCubic, - easeInQuart: easeInQuart, - easeOutQuart: easeOutQuart, - easeInOutQuart: easeInOutQuart, - easeInQuint: easeInQuint, - easeOutQuint: easeOutQuint, - easeInOutQuint: easeInOutQuint, - easeInSine: easeInSine, - easeOutSine: easeOutSine, - easeInOutSine: easeInOutSine, - easeInExpo: easeInExpo, - easeOutExpo: easeOutExpo, - easeInOutExpo: easeInOutExpo, - easeInCirc: easeInCirc, - easeOutCirc: easeOutCirc, - easeInOutCirc: easeInOutCirc, - easeInElastic: easeInElastic, - easeOutElastic: easeOutElastic, - easeInOutElastic: easeInOutElastic, - easeInBack: easeInBack, - easeOutBack: easeOutBack, - easeInOutBack: easeInOutBack, - easeOutBounce: easeOutBounce, - easeInBounce: easeInBounce, - easeInOutBounce: easeInOutBounce, - easeInQuad: easeInQuad, - easeOutQuad: easeOutQuad, - easeInOutQuad: easeInOutQuad, - easeInCubic: easeInCubic -}); + } -/** - * Map of the 148 color names with HEX code - * @see: https://www.w3.org/TR/css3-color/#svg-color - */ -const ColorNameMap = { - aliceblue: '#F0F8FF', - antiquewhite: '#FAEBD7', - aqua: '#00FFFF', - aquamarine: '#7FFFD4', - azure: '#F0FFFF', - beige: '#F5F5DC', - bisque: '#FFE4C4', - black: '#000000', - blanchedalmond: '#FFEBCD', - blue: '#0000FF', - blueviolet: '#8A2BE2', - brown: '#A52A2A', - burlywood: '#DEB887', - cadetblue: '#5F9EA0', - chartreuse: '#7FFF00', - chocolate: '#D2691E', - coral: '#FF7F50', - cornflowerblue: '#6495ED', - cornsilk: '#FFF8DC', - crimson: '#DC143C', - cyan: '#00FFFF', - darkblue: '#00008B', - darkcyan: '#008B8B', - darkgoldenrod: '#B8860B', - darkgray: '#A9A9A9', - darkgrey: '#A9A9A9', - darkgreen: '#006400', - darkkhaki: '#BDB76B', - darkmagenta: '#8B008B', - darkolivegreen: '#556B2F', - darkorange: '#FF8C00', - darkorchid: '#9932CC', - darkred: '#8B0000', - darksalmon: '#E9967A', - darkseagreen: '#8FBC8F', - darkslateblue: '#483D8B', - darkslategray: '#2F4F4F', - darkslategrey: '#2F4F4F', - darkturquoise: '#00CED1', - darkviolet: '#9400D3', - deeppink: '#FF1493', - deepskyblue: '#00BFFF', - dimgray: '#696969', - dimgrey: '#696969', - dodgerblue: '#1E90FF', - firebrick: '#B22222', - floralwhite: '#FFFAF0', - forestgreen: '#228B22', - fuchsia: '#FF00FF', - gainsboro: '#DCDCDC', - ghostwhite: '#F8F8FF', - gold: '#FFD700', - goldenrod: '#DAA520', - gray: '#808080', - grey: '#808080', - green: '#008000', - greenyellow: '#ADFF2F', - honeydew: '#F0FFF0', - hotpink: '#FF69B4', - indianred: '#CD5C5C', - indigo: '#4B0082', - ivory: '#FFFFF0', - khaki: '#F0E68C', - lavender: '#E6E6FA', - lavenderblush: '#FFF0F5', - lawngreen: '#7CFC00', - lemonchiffon: '#FFFACD', - lightblue: '#ADD8E6', - lightcoral: '#F08080', - lightcyan: '#E0FFFF', - lightgoldenrodyellow: '#FAFAD2', - lightgray: '#D3D3D3', - lightgrey: '#D3D3D3', - lightgreen: '#90EE90', - lightpink: '#FFB6C1', - lightsalmon: '#FFA07A', - lightseagreen: '#20B2AA', - lightskyblue: '#87CEFA', - lightslategray: '#778899', - lightslategrey: '#778899', - lightsteelblue: '#B0C4DE', - lightyellow: '#FFFFE0', - lime: '#00FF00', - limegreen: '#32CD32', - linen: '#FAF0E6', - magenta: '#FF00FF', - maroon: '#800000', - mediumaquamarine: '#66CDAA', - mediumblue: '#0000CD', - mediumorchid: '#BA55D3', - mediumpurple: '#9370DB', - mediumseagreen: '#3CB371', - mediumslateblue: '#7B68EE', - mediumspringgreen: '#00FA9A', - mediumturquoise: '#48D1CC', - mediumvioletred: '#C71585', - midnightblue: '#191970', - mintcream: '#F5FFFA', - mistyrose: '#FFE4E1', - moccasin: '#FFE4B5', - navajowhite: '#FFDEAD', - navy: '#000080', - oldlace: '#FDF5E6', - olive: '#808000', - olivedrab: '#6B8E23', - orange: '#FFA500', - orangered: '#FF4500', - orchid: '#DA70D6', - palegoldenrod: '#EEE8AA', - palegreen: '#98FB98', - paleturquoise: '#AFEEEE', - palevioletred: '#DB7093', - papayawhip: '#FFEFD5', - peachpuff: '#FFDAB9', - peru: '#CD853F', - pink: '#FFC0CB', - plum: '#DDA0DD', - powderblue: '#B0E0E6', - purple: '#800080', - rebeccapurple: '#663399', - red: '#FF0000', - rosybrown: '#BC8F8F', - royalblue: '#4169E1', - saddlebrown: '#8B4513', - salmon: '#FA8072', - sandybrown: '#F4A460', - seagreen: '#2E8B57', - seashell: '#FFF5EE', - sienna: '#A0522D', - silver: '#C0C0C0', - skyblue: '#87CEEB', - slateblue: '#6A5ACD', - slategray: '#708090', - slategrey: '#708090', - snow: '#FFFAFA', - springgreen: '#00FF7F', - steelblue: '#4682B4', - tan: '#D2B48C', - teal: '#008080', - thistle: '#D8BFD8', - tomato: '#FF6347', - turquoise: '#40E0D0', - violet: '#EE82EE', - wheat: '#F5DEB3', - white: '#FFFFFF', - whitesmoke: '#F5F5F5', - yellow: '#FFFF00', - yellowgreen: '#9ACD32', -}; - -/** - * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) - * @static - * @field - * @memberOf Color - */ -// eslint-disable-next-line max-len -const reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; -/** - * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) - * @static - * @field - * @memberOf Color - */ -const reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}%)\s*,\s*(\d{1,3}%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; -/** - * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) - * @static - * @field - * @memberOf Color - */ -const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; + /** + * Bouncing easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutBounce(t, b, c, d) { + if (t < d / 2) { + return easeInBounce (t * 2, 0, c, d) * 0.5 + b; + } + return easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; + } -/** - * @private - * @param {Number} p - * @param {Number} q - * @param {Number} t - * @return {Number} - */ -function hue2rgb(p, q, t) { - if (t < 0) { - t += 1; - } - if (t > 1) { - t -= 1; - } - if (t < 1 / 6) { - return p + (q - p) * 6 * t; - } - if (t < 1 / 2) { - return q; - } - if (t < 2 / 3) { - return p + (q - p) * (2 / 3 - t) * 6; - } - return p; -} -/** - * Convert a [0, 255] value to hex - * @param value - * @returns - */ -function hexify(value) { - const hexValue = value.toString(16).toUpperCase(); - return hexValue.length === 1 ? `0${hexValue}` : hexValue; -} + /** + * Easing functions + * See Easing Equations by Robert Penner + * @namespace fabric.util.ease + */ + fabric.util.ease = { -//@ts-nocheck -/** - * @class Color common color operations - * @tutorial {@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) { - if (!color) { - this.setSource([0, 0, 0, 1]); - } - else { - this._tryParsingColor(color); - } - } /** - * @private - * @param {string} [color] Color value to parse + * Quadratic easing in + * @memberOf fabric.util.ease */ - _tryParsingColor(color) { - if (color in ColorNameMap) { - color = ColorNameMap[color]; - } - const source = color === 'transparent' - ? [255, 255, 255, 0] - : Color.sourceFromHex(color) || - Color.sourceFromRgb(color) || - Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does - if (source) { - this.setSource(source); - } - } - /** - * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson} - * @private - * @param {Number} r Red color value - * @param {Number} g Green color value - * @param {Number} b Blue color value - * @return {TColorSource} Hsl color - */ - _rgbToHsl(r, g, b) { - r /= 255; - g /= 255; - b /= 255; - const maxValue = Math.max(r, g, b), minValue = Math.min(r, g, b); - let h, s; - const l = (maxValue + minValue) / 2; - if (maxValue === minValue) { - h = s = 0; // achromatic - } - else { - const d = maxValue - minValue; - s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue); - switch (maxValue) { - case r: - h = (g - b) / d + (g < b ? 6 : 0); - break; - case g: - h = (b - r) / d + 2; - break; - case b: - h = (r - g) / d + 4; - break; - } - h /= 6; - } - return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)]; - } + easeInQuad: function(t, b, c, d) { + return c * (t /= d) * t + b; + }, + /** - * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @return {TColorAlphaSource} + * Quadratic easing out + * @memberOf fabric.util.ease */ - getSource() { - return this._source; - } + easeOutQuad: function(t, b, c, d) { + return -c * (t /= d) * (t - 2) + b; + }, + /** - * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @param {TColorAlphaSource} source + * Quadratic easing in and out + * @memberOf fabric.util.ease */ - setSource(source) { - this._source = source; - } + easeInOutQuad: function(t, b, c, d) { + t /= (d / 2); + if (t < 1) { + return c / 2 * t * t + b; + } + return -c / 2 * ((--t) * (t - 2) - 1) + b; + }, + /** - * Returns color representation in RGB format - * @return {String} ex: rgb(0-255,0-255,0-255) + * Cubic easing in + * @memberOf fabric.util.ease */ - toRgb() { - const source = this.getSource(); - return `rgb(${source[0]},${source[1]},${source[2]})`; + easeInCubic: function(t, b, c, d) { + return c * (t /= d) * t * t + b; + }, + + easeOutCubic: easeOutCubic, + easeInOutCubic: easeInOutCubic, + easeInQuart: easeInQuart, + easeOutQuart: easeOutQuart, + easeInOutQuart: easeInOutQuart, + easeInQuint: easeInQuint, + easeOutQuint: easeOutQuint, + easeInOutQuint: easeInOutQuint, + easeInSine: easeInSine, + easeOutSine: easeOutSine, + easeInOutSine: easeInOutSine, + easeInExpo: easeInExpo, + easeOutExpo: easeOutExpo, + easeInOutExpo: easeInOutExpo, + easeInCirc: easeInCirc, + easeOutCirc: easeOutCirc, + easeInOutCirc: easeInOutCirc, + easeInElastic: easeInElastic, + easeOutElastic: easeOutElastic, + easeInOutElastic: easeInOutElastic, + easeInBack: easeInBack, + easeOutBack: easeOutBack, + easeInOutBack: easeInOutBack, + easeInBounce: easeInBounce, + easeOutBounce: easeOutBounce, + easeInOutBounce: easeInOutBounce + }; + +})(); + + +(function(global) { + + 'use strict'; + + /** + * @name fabric + * @namespace + */ + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + toFixed = fabric.util.toFixed, + parseUnit = fabric.util.parseUnit, + multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, + + svgValidTagNames = ['path', 'circle', 'polygon', 'polyline', 'ellipse', 'rect', 'line', + 'image', 'text'], + svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], + svgInvalidAncestors = ['pattern', 'defs', 'symbol', 'metadata', 'clipPath', 'mask', 'desc'], + svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], + + attributesMap = { + cx: 'left', + x: 'left', + r: 'radius', + cy: 'top', + y: 'top', + display: 'visible', + visibility: 'visible', + transform: 'transformMatrix', + 'fill-opacity': 'fillOpacity', + 'fill-rule': 'fillRule', + 'font-family': 'fontFamily', + 'font-size': 'fontSize', + 'font-style': 'fontStyle', + 'font-weight': 'fontWeight', + 'letter-spacing': 'charSpacing', + 'paint-order': 'paintFirst', + 'stroke-dasharray': 'strokeDashArray', + 'stroke-dashoffset': 'strokeDashOffset', + 'stroke-linecap': 'strokeLineCap', + 'stroke-linejoin': 'strokeLineJoin', + 'stroke-miterlimit': 'strokeMiterLimit', + 'stroke-opacity': 'strokeOpacity', + 'stroke-width': 'strokeWidth', + 'text-decoration': 'textDecoration', + 'text-anchor': 'textAnchor', + opacity: 'opacity', + 'clip-path': 'clipPath', + 'clip-rule': 'clipRule', + 'vector-effect': 'strokeUniform', + 'image-rendering': 'imageSmoothing', + }, + + colorAttributes = { + stroke: 'strokeOpacity', + fill: 'fillOpacity' + }, + + fSize = 'font-size', cPath = 'clip-path'; + + fabric.svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); + fabric.svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); + fabric.svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); + fabric.svgValidParentsRegEx = getSvgRegex(svgValidParents); + + fabric.cssRules = { }; + fabric.gradientDefs = { }; + fabric.clipPaths = { }; + + function normalizeAttr(attr) { + // transform attribute names + if (attr in attributesMap) { + return attributesMap[attr]; } - /** - * Returns color representation in RGBA format - * @return {String} ex: rgba(0-255,0-255,0-255,0-1) - */ - toRgba() { - const source = this.getSource(); - return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`; + return attr; + } + + function normalizeValue(attr, value, parentAttributes, fontSize) { + var isArray = Object.prototype.toString.call(value) === '[object Array]', + parsed; + + if ((attr === 'fill' || attr === 'stroke') && value === 'none') { + value = ''; } - /** - * Returns color representation in HSL format - * @return {String} ex: hsl(0-360,0%-100%,0%-100%) - */ - toHsl() { - const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); - return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`; + else if (attr === 'strokeUniform') { + return (value === 'non-scaling-stroke'); } - /** - * Returns color representation in HSLA format - * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) - */ - toHsla() { - const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); - return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`; + else if (attr === 'strokeDashArray') { + if (value === 'none') { + value = null; + } + else { + value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); + } } - /** - * Returns color representation in HEX format - * @return {String} ex: FF5555 - */ - toHex() { - const [r, g, b] = this.getSource(); - return `${hexify(r)}${hexify(g)}${hexify(b)}`; + else if (attr === 'transformMatrix') { + if (parentAttributes && parentAttributes.transformMatrix) { + value = multiplyTransformMatrices( + parentAttributes.transformMatrix, fabric.parseTransformAttribute(value)); + } + else { + value = fabric.parseTransformAttribute(value); + } } - /** - * Returns color representation in HEXA format - * @return {String} ex: FF5555CC - */ - toHexa() { - const source = this.getSource(); - return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`; + else if (attr === 'visible') { + value = value !== 'none' && value !== 'hidden'; + // display=none on parent element always takes precedence over child element + if (parentAttributes && parentAttributes.visible === false) { + value = false; + } } - /** - * Gets value of alpha channel for this color - * @return {Number} 0-1 - */ - getAlpha() { - return this.getSource()[3]; + else if (attr === 'opacity') { + value = parseFloat(value); + if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { + value *= parentAttributes.opacity; + } } - /** - * Sets value of alpha channel for this color - * @param {Number} alpha Alpha value 0-1 - * @return {Color} thisArg - */ - setAlpha(alpha) { - const source = this.getSource(); - source[3] = alpha; - this.setSource(source); - return this; + else if (attr === 'textAnchor' /* text-anchor */) { + value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; } - /** - * Transforms color to its grayscale representation - * @return {Color} thisArg - */ - toGrayscale() { - const source = this.getSource(), average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), currentAlpha = source[3]; - this.setSource([average, average, average, currentAlpha]); - return this; + else if (attr === 'charSpacing') { + // parseUnit returns px and we convert it to em + parsed = parseUnit(value, fontSize) / fontSize * 1000; } - /** - * Transforms color to its black and white representation - * @param {Number} threshold - * @return {Color} thisArg - */ - toBlackWhite(threshold) { - const source = this.getSource(), currentAlpha = source[3]; - let average = Math.round(source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11); - average = average < (threshold || 127) ? 0 : 255; - this.setSource([average, average, average, currentAlpha]); - return this; + else if (attr === 'paintFirst') { + var fillIndex = value.indexOf('fill'); + var strokeIndex = value.indexOf('stroke'); + var value = 'fill'; + if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { + value = 'stroke'; + } + else if (fillIndex === -1 && strokeIndex > -1) { + value = 'stroke'; + } } - /** - * Overlays color with another color - * @param {String|Color} otherColor - * @return {Color} thisArg - */ - overlayWith(otherColor) { - if (!(otherColor instanceof Color)) { - otherColor = new Color(otherColor); - } - const result = [], alpha = this.getAlpha(), otherAlpha = 0.5, source = this.getSource(), otherSource = otherColor.getSource(); - for (let i = 0; i < 3; i++) { - result.push(Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)); - } - result[3] = alpha; - this.setSource(result); - return this; + else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { + return value; } - /** - * Returns new color object, when given a color in RGB format - * @memberOf Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255) - * @return {Color} - */ - static fromRgb(color) { - return Color.fromRgba(color); + else if (attr === 'imageSmoothing') { + return (value === 'optimizeQuality'); } - /** - * Returns new color object, when given a color in RGBA format - * @static - * @function - * @memberOf Color - * @param {String} color - * @return {Color} - */ - static fromRgba(color) { - return Color.fromSource(Color.sourceFromRgb(color)); + else { + parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); } - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format - * @memberOf Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) - * @return {TColorAlphaSource | undefined} source - */ - static sourceFromRgb(color) { - const match = color.match(reRGBa); - if (match) { - const r = (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) * - (/%$/.test(match[1]) ? 255 : 1), g = (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) * - (/%$/.test(match[2]) ? 255 : 1), b = (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) * - (/%$/.test(match[3]) ? 255 : 1); - return [ - parseInt(r, 10), - parseInt(g, 10), - parseInt(b, 10), - match[4] ? parseFloat(match[4]) : 1, - ]; + + return (!isArray && isNaN(parsed) ? value : parsed); + } + + /** + * @private + */ + function getSvgRegex(arr) { + return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); + } + + /** + * @private + * @param {Object} attributes Array of attributes to parse + */ + function _setStrokeFillOpacity(attributes) { + for (var attr in colorAttributes) { + + if (typeof attributes[colorAttributes[attr]] === 'undefined' || attributes[attr] === '') { + continue; + } + + if (typeof attributes[attr] === 'undefined') { + if (!fabric.Object.prototype[attr]) { + continue; } + attributes[attr] = fabric.Object.prototype[attr]; + } + + if (attributes[attr].indexOf('url(') === 0) { + continue; + } + + var color = new fabric.Color(attributes[attr]); + attributes[attr] = color.setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)).toRgba(); } - /** - * Returns new color object, when given a color in HSL format - * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) - * @memberOf Color - * @return {Color} - */ - static fromHsl(color) { - return Color.fromHsla(color); + return attributes; + } + + /** + * @private + */ + function _getMultipleNodes(doc, nodeNames) { + var nodeName, nodeArray = [], nodeList, i, len; + for (i = 0, len = nodeNames.length; i < len; i++) { + nodeName = nodeNames[i]; + nodeList = doc.getElementsByTagName(nodeName); + nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); } - /** - * Returns new color object, when given a color in HSLA format - * @static - * @function - * @memberOf Color - * @param {String} color - * @return {Color} - */ - static fromHsla(color) { - return Color.fromSource(Color.sourceFromHsl(color)); + return nodeArray; + } + + /** + * Parses "transform" attribute, returning an array of values + * @static + * @function + * @memberOf fabric + * @param {String} attributeValue String containing attribute value + * @return {Array} Array of 6 elements representing transformation matrix + */ + fabric.parseTransformAttribute = (function() { + function rotateMatrix(matrix, args) { + var cos = fabric.util.cos(args[0]), sin = fabric.util.sin(args[0]), + x = 0, y = 0; + if (args.length === 3) { + x = args[1]; + y = args[2]; + } + + matrix[0] = cos; + matrix[1] = sin; + matrix[2] = -sin; + matrix[3] = cos; + matrix[4] = x - (cos * x - sin * y); + matrix[5] = y - (sin * x + cos * y); } - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. - * Adapted from https://github.com/mjijackson - * @memberOf Color - * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) - * @return {TColorAlphaSource | 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 h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1); - 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), - match[4] ? parseFloat(match[4]) : 1, - ]; + + function scaleMatrix(matrix, args) { + var multiplierX = args[0], + multiplierY = (args.length === 2) ? args[1] : args[0]; + + matrix[0] = multiplierX; + matrix[3] = multiplierY; } - /** - * Returns new color object, when given a color in HEX format - * @static - * @memberOf Color - * @param {String} color Color value ex: FF5555 - * @return {Color} - */ - static fromHex(color) { - return Color.fromSource(Color.sourceFromHex(color)); + + function skewMatrix(matrix, args, pos) { + matrix[pos] = Math.tan(fabric.util.degreesToRadians(args[0])); } - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format - * @static - * @memberOf Color - * @param {String} color ex: FF5555 or FF5544CC (RGBa) - * @return {TColorAlphaSource | undefined} source - */ - static sourceFromHex(color) { - if (color.match(reHex)) { - const value = color.slice(color.indexOf('#') + 1), isShortNotation = value.length === 3 || value.length === 4, isRGBa = value.length === 8 || value.length === 4, r = isShortNotation - ? value.charAt(0) + value.charAt(0) - : value.substring(0, 2), g = isShortNotation - ? value.charAt(1) + value.charAt(1) - : value.substring(2, 4), b = isShortNotation - ? value.charAt(2) + value.charAt(2) - : value.substring(4, 6), a = isRGBa - ? isShortNotation - ? value.charAt(3) + value.charAt(3) - : value.substring(6, 8) - : 'FF'; - return [ - parseInt(r, 16), - parseInt(g, 16), - parseInt(b, 16), - parseFloat((parseInt(a, 16) / 255).toFixed(2)), - ]; - } - } - /** - * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) - * @static - * @memberOf Color - * @param {TColorSource | TColorAlphaSource} source - * @return {Color} - */ - static fromSource(source) { - const oColor = new Color(); - oColor.setSource(source); - return oColor; + + function translateMatrix(matrix, args) { + matrix[4] = args[0]; + if (args.length === 2) { + matrix[5] = args[1]; + } } -} -fabric$3.Color = Color; + // identity matrix + var iMatrix = fabric.iMatrix, -//@ts-nocheck -/** - * Array holding all running animations - * @memberof fabric - * @type {AnimationContext[]} - */ -class RunningAnimations extends Array { - /** - * cancel all running animations at the next requestAnimFrame - * @returns {AnimationContext[]} - */ - cancelAll() { - const animations = this.splice(0); - animations.forEach((animation) => animation.cancel()); - return animations; - } - /** - * cancel all running animations attached to canvas at the next requestAnimFrame - * @param {fabric.Canvas} canvas - * @returns {AnimationContext[]} - */ - cancelByCanvas(canvas) { - if (!canvas) { - return []; + // == begin transform regexp + number = fabric.reNum, + + commaWsp = fabric.commaWsp, + + skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', + + skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', + + rotate = '(?:(rotate)\\s*\\(\\s*(' + number + ')(?:' + + commaWsp + '(' + number + ')' + + commaWsp + '(' + number + '))?\\s*\\))', + + scale = '(?:(scale)\\s*\\(\\s*(' + number + ')(?:' + + commaWsp + '(' + number + '))?\\s*\\))', + + translate = '(?:(translate)\\s*\\(\\s*(' + number + ')(?:' + + commaWsp + '(' + number + '))?\\s*\\))', + + matrix = '(?:(matrix)\\s*\\(\\s*' + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + + '\\s*\\))', + + transform = '(?:' + + matrix + '|' + + translate + '|' + + scale + '|' + + rotate + '|' + + skewX + '|' + + skewY + + ')', + + transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', + + transformList = '^\\s*(?:' + transforms + '?)\\s*$', + + // http://www.w3.org/TR/SVG/coords.html#TransformAttribute + reTransformList = new RegExp(transformList), + // == end transform regexp + + reTransform = new RegExp(transform, 'g'); + + return function(attributeValue) { + + // start with identity matrix + var matrix = iMatrix.concat(), + matrices = []; + + // return if no argument was given or + // an argument does not match transform attribute regexp + if (!attributeValue || (attributeValue && !reTransformList.test(attributeValue))) { + return matrix; + } + + attributeValue.replace(reTransform, function(match) { + + var m = new RegExp(transform).exec(match).filter(function (match) { + // match !== '' && match != null + return (!!match); + }), + operation = m[1], + args = m.slice(2).map(parseFloat); + + switch (operation) { + case 'translate': + translateMatrix(matrix, args); + break; + case 'rotate': + args[0] = fabric.util.degreesToRadians(args[0]); + rotateMatrix(matrix, args); + break; + case 'scale': + scaleMatrix(matrix, args); + break; + case 'skewX': + skewMatrix(matrix, args, 2); + break; + case 'skewY': + skewMatrix(matrix, args, 1); + break; + case 'matrix': + matrix = args; + break; } - const cancelled = this.filter((animation) => typeof animation.target === 'object' && - animation.target.canvas === canvas); - cancelled.forEach((animation) => animation.cancel()); - return cancelled; - } - /** - * cancel all running animations for target at the next requestAnimFrame - * @param {*} target - * @returns {AnimationContext[]} - */ - cancelByTarget(target) { - const cancelled = this.findAnimationsByTarget(target); - cancelled.forEach((animation) => animation.cancel()); - return cancelled; + + // snapshot current matrix into matrices array + matrices.push(matrix.concat()); + // reset + matrix = iMatrix.concat(); + }); + + var combinedMatrix = matrices[0]; + while (matrices.length > 1) { + matrices.shift(); + combinedMatrix = fabric.util.multiplyTransformMatrices(combinedMatrix, matrices[0]); + } + return combinedMatrix; + }; + })(); + + /** + * @private + */ + function parseStyleString(style, oStyle) { + var attr, value; + style.replace(/;\s*$/, '').split(';').forEach(function (chunk) { + var pair = chunk.split(':'); + + attr = pair[0].trim().toLowerCase(); + value = pair[1].trim(); + + oStyle[attr] = value; + }); + } + + /** + * @private + */ + function parseStyleObject(style, oStyle) { + var attr, value; + for (var prop in style) { + if (typeof style[prop] === 'undefined') { + continue; + } + + attr = prop.toLowerCase(); + value = style[prop]; + + oStyle[attr] = value; } - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {number} - */ - findAnimationIndex(cancelFunc) { - return this.indexOf(this.findAnimation(cancelFunc)); + } + + /** + * @private + */ + function getGlobalStylesForElement(element, svgUid) { + var styles = { }; + for (var rule in fabric.cssRules[svgUid]) { + if (elementMatchesRule(element, rule.split(' '))) { + for (var property in fabric.cssRules[svgUid][rule]) { + styles[property] = fabric.cssRules[svgUid][rule][property]; + } + } } - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {AnimationContext | undefined} animation's options object - */ - findAnimation(cancelFunc) { - return this.find((animation) => animation.cancel === cancelFunc); - } - /** - * - * @param {*} target the object that is assigned to the target property of the animation context - * @returns {AnimationContext[]} array of animation options object associated with target - */ - findAnimationsByTarget(target) { - if (!target) { - return []; - } - return this.filter((animation) => animation.target === target); - } -} -const runningAnimations = new RunningAnimations(); -fabric$3.runningAnimations = runningAnimations; + return styles; + } -//@ts-nocheck -/** - * - * @typedef {Object} AnimationOptions - * Animation of a value or list of values. - * @property {Function} [onChange] Callback; invoked on every value change - * @property {Function} [onComplete] Callback; invoked when value change is completed - * @property {number | number[]} [startValue=0] Starting value - * @property {number | number[]} [endValue=100] Ending value - * @property {number | number[]} [byValue=100] Value to modify the property by - * @property {Function} [easing] Easing function - * @property {number} [duration=500] Duration of change (in ms) - * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. - * @property {number} [delay] Delay of animation start (in ms) - * - * @typedef {() => void} CancelFunction - * - * @typedef {Object} AnimationCurrentState - * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] - * @property {number} completionRate value in range [0, 1] - * @property {number} durationRate value in range [0, 1] - * - * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext - */ -const defaultEasing = (t, b, c, d) => -c * Math.cos((t / d) * (Math.PI / 2)) + c + b; -/** - * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {AnimationOptions} [options] Animation options - * When using lists, think of something like this: - * @example - * fabric.util.animate({ - * startValue: [1, 2, 3], - * endValue: [2, 4, 6], - * onChange: function([x, y, zoom]) { - * canvas.zoomToPoint(new Point(x, y), zoom); - * canvas.requestRenderAll(); - * } - * }); - * - * @example - * fabric.util.animate({ - * startValue: 1, - * endValue: 0, - * onChange: function(v) { - * obj.set('opacity', v); - * canvas.requestRenderAll(); - * } - * }); - * - * @returns {CancelFunction} cancel function - */ -function animate(options = {}) { - let cancel = false; - const { startValue = 0, duration = 500, easing = defaultEasing, onChange = noop, abort = noop, onComplete = noop, endValue = 100, delay = 0, } = options; - const context = Object.assign(Object.assign({}, options), { currentValue: startValue, completionRate: 0, durationRate: 0 }); - const removeFromRegistry = () => { - const index = runningAnimations.indexOf(context); - return index > -1 && runningAnimations.splice(index, 1)[0]; - }; - context.cancel = function () { - cancel = true; - return removeFromRegistry(); - }; - runningAnimations.push(context); - const runner = function (timestamp) { - const start = timestamp || +new Date(), finish = start + duration, isMany = Array.isArray(startValue), byValue = options.byValue || - (isMany - ? startValue.map((value, i) => endValue[i] - value) - : endValue - startValue); - options.onStart && options.onStart(); - (function tick(ticktime) { - const time = ticktime || +new Date(); - const currentTime = time > finish ? duration : time - start, timePerc = currentTime / duration, current = isMany - ? startValue.map((_value, i) => easing(currentTime, _value, byValue[i], duration)) - : easing(currentTime, startValue, byValue, duration), valuePerc = isMany - ? Math.abs((current[0] - startValue[0]) / byValue[0]) - : Math.abs((current - startValue) / byValue); - // update context - context.currentValue = isMany ? current.slice() : current; - context.completionRate = valuePerc; - context.durationRate = timePerc; - if (cancel) { - return; - } - if (abort(current, valuePerc, timePerc)) { - removeFromRegistry(); - return; - } - if (time > finish) { - // update context - context.currentValue = isMany ? endValue.slice() : endValue; - context.completionRate = 1; - context.durationRate = 1; - // execute callbacks - onChange(isMany ? endValue.slice() : endValue, 1, 1); - onComplete(endValue, 1, 1); - removeFromRegistry(); - return; - } - else { - onChange(current, valuePerc, timePerc); - requestAnimFrame(tick); - } - })(start); - }; - if (delay > 0) { - setTimeout(() => requestAnimFrame(runner), delay); - } - else { - requestAnimFrame(runner); + /** + * @private + */ + function elementMatchesRule(element, selectors) { + var firstMatching, parentMatching = true; + //start from rightmost selector. + firstMatching = selectorMatches(element, selectors.pop()); + if (firstMatching && selectors.length) { + parentMatching = doesSomeParentMatch(element, selectors); } - return context.cancel; -} -const _requestAnimFrame = fabric$3.window.requestAnimationFrame || - function (callback) { - return fabric$3.window.setTimeout(callback, 1000 / 60); - }; -const _cancelAnimFrame = fabric$3.window.cancelAnimationFrame || fabric$3.window.clearTimeout; -/** - * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ - * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method - * @memberOf fabric.util - * @param {Function} callback Callback to invoke - * @param {DOMElement} element optional Element to associate with animation - */ -function requestAnimFrame(...args) { - return _requestAnimFrame.apply(fabric$3.window, args); -} -function cancelAnimFrame(...args) { - return _cancelAnimFrame.apply(fabric$3.window, args); -} - -// Calculate an in-between color. Returns a "rgba()" string. -// Credit: Edwin Martin -// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js -// const calculateColor = (begin: number[], end: number[], pos) => { -// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg)); -// const a = begin && end ? parseFloat(_a) : 1; -// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`; -// } -// color animation is broken. This function pass the tests for some reasons -// but begin and end aren't array anymore since we improved animate function -// to handler arrays internally. -function calculateColor(begin, end, pos) { - let color = 'rgba(' + - parseInt(begin[0] + pos * (end[0] - begin[0]), 10) + - ',' + - parseInt(begin[1] + pos * (end[1] - begin[1]), 10) + - ',' + - parseInt(begin[2] + pos * (end[2] - begin[2]), 10); - color += - ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); - color += ')'; - return color; -} -const defaultColorEasing = (currentTime, duration) => 1 - Math.cos((currentTime / duration) * (Math.PI / 2)); -/** - * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {String} fromColor The starting color in hex or rgb(a) format. - * @param {String} toColor The starting color in hex or rgb(a) format. - * @param {Number} [duration] Duration of change (in ms). - * @param {Object} [options] Animation options - * @param {Function} [options.onChange] Callback; invoked on every value change - * @param {Function} [options.onComplete] Callback; invoked when value change is completed - * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. - * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. - * @returns {Function} abort function - */ -function animateColor(fromColor, toColor, duration = 500, _a = {}) { - var { colorEasing = defaultColorEasing, onComplete, onChange } = _a, restOfOptions = __rest(_a, ["colorEasing", "onComplete", "onChange"]); - const startColor = new Color(fromColor).getSource(), endColor = new Color(toColor).getSource(); - return animate(Object.assign(Object.assign({}, restOfOptions), { duration, startValue: startColor, endValue: endColor, byValue: endColor, easing: (currentTime, startValue, byValue, duration) => calculateColor(startValue, byValue, colorEasing(currentTime, duration)), - // has to take in account for color restoring; - onComplete: (current, valuePerc, timePerc) => onComplete === null || onComplete === void 0 ? void 0 : onComplete(calculateColor(endColor, endColor, 0), valuePerc, timePerc), onChange: (current, valuePerc, timePerc) => { - if (onChange) { - if (Array.isArray(current)) { - return onChange(calculateColor(current, current, 0), valuePerc, timePerc); - } - onChange(current, valuePerc, timePerc); - } - } })); -} + return firstMatching && parentMatching && (selectors.length === 0); + } -//@ts-nocheck -function addMethods(klass, source, parent) { - for (var property in source) { - if (property in klass.prototype && - typeof klass.prototype[property] === 'function' && - (source[property] + '').indexOf('callSuper') > -1) { - klass.prototype[property] = (function (property) { - return function (...args) { - var superclass = this.constructor.superclass; - this.constructor.superclass = parent; - var returnValue = source[property].call(this, ...args); - this.constructor.superclass = superclass; - if (property !== 'initialize') { - return returnValue; - } - }; - })(property); - } - else { - klass.prototype[property] = source[property]; - } - } -} -function Subclass() { } -function callSuper(methodName, ...args) { - var parentMethod = null, _this = this; - // climb prototype chain to find method not equal to callee's method - while (_this.constructor.superclass) { - var superClassMethod = _this.constructor.superclass.prototype[methodName]; - if (_this[methodName] !== superClassMethod) { - parentMethod = superClassMethod; - break; - } - // eslint-disable-next-line - _this = _this.constructor.superclass.prototype; - } - if (!parentMethod) { - return console.log('tried to callSuper ' + - methodName + - ', method not found in prototype chain', this); - } - return parentMethod.call(this, ...args); -} -/** - * Helper for creation of "classes". - * @memberOf fabric.util - * @param {Function} [parent] optional "Class" to inherit from - * @param {Object} [properties] Properties shared by all instances of this class - * (be careful modifying objects defined here as this would affect all instances) - */ -function createClass(...args) { - var parent = null, properties = [...args]; - if (typeof args[0] === 'function') { - parent = properties.shift(); + function doesSomeParentMatch(element, selectors) { + var selector, parentMatching = true; + while (element.parentNode && element.parentNode.nodeType === 1 && selectors.length) { + if (parentMatching) { + selector = selectors.pop(); + } + element = element.parentNode; + parentMatching = selectorMatches(element, selector); } - function klass(...klassArgs) { - this.initialize.call(this, ...klassArgs); + return selectors.length === 0; + } + + /** + * @private + */ + function selectorMatches(element, selector) { + var nodeName = element.nodeName, + classNames = element.getAttribute('class'), + id = element.getAttribute('id'), matcher, i; + // i check if a selector matches slicing away part from it. + // if i get empty string i should match + matcher = new RegExp('^' + nodeName, 'i'); + selector = selector.replace(matcher, ''); + if (id && selector.length) { + matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); } - klass.superclass = parent; - if (parent) { - Subclass.prototype = parent.prototype; - klass.prototype = new Subclass(); + if (classNames && selector.length) { + classNames = classNames.split(' '); + for (i = classNames.length; i--;) { + matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); + } } - for (var i = 0, length = properties.length; i < length; i++) { - addMethods(klass, properties[i], parent); + return selector.length === 0; + } + + /** + * @private + * to support IE8 missing getElementById on SVGdocument and on node xmlDOM + */ + function elementById(doc, id) { + var el; + doc.getElementById && (el = doc.getElementById(id)); + if (el) { + return el; } - if (!klass.prototype.initialize) { - klass.prototype.initialize = noop; + var node, i, len, nodelist = doc.getElementsByTagName('*'); + for (i = 0, len = nodelist.length; i < len; i++) { + node = nodelist[i]; + if (id === node.getAttribute('id')) { + return node; + } } - klass.prototype.constructor = klass; - klass.prototype.callSuper = callSuper; - return klass; -} - -/** - * @namespace fabric.util - */ -fabric$3.util = { - cos, - sin, - rotateVector, - createVector, - calcAngleBetweenVectors, - getUnitVector, - getBisector, - degreesToRadians, - radiansToDegrees, - rotatePoint, - // probably we should stop exposing this from the interface - getRandomInt, - removeFromArray, - projectStrokeOnPoints, - // matrix.ts file - transformPoint: transformPoint$1, - invertTransform, - composeMatrix, - qrDecompose, - calcDimensionsMatrix, - calcRotateMatrix, - multiplyTransformMatrices, - // textStyles.ts file - stylesFromArray, - stylesToArray, - hasStyleChanged: hasStyleChanged$1, - object: { - clone, - extend, - }, - createCanvasElement: createCanvasElement$1, - createImage, - copyCanvasElement, - toDataURL, - toFixed: toFixed$1, - matrixToSVG, - parsePreserveAspectRatioAttribute, - groupSVGElements, - parseUnit, - getSvgAttributes, - findScaleToFit, - findScaleToCover, - capValue, - saveObjectTransform, - resetObjectTransform, - addTransformToObject, - applyTransformToObject, - removeTransformFromObject, - makeBoundingBoxFromPoints, - calcPlaneChangeMatrix, - sendPointToPlane, - transformPointRelativeToCanvas, - sendObjectToPlane, - string: { - camelize, - capitalize, - escapeXml, - graphemeSplit, - }, - getKlass, - loadImage, - enlivenObjects, - enlivenObjectEnlivables, - pick, - joinPath, - parsePath, - makePathSimpler, - getSmoothPathFromPoints, - getPathSegmentsInfo, - getBoundsOfCurve, - getPointOnPath, - transformPath, - getRegularPolygonPath, - request, - setStyle: setStyle$1, - isTouchEvent, - getPointer, - removeListener, - addListener: addListener$1, - wrapElement, - getScrollLeftTop, - getElementOffset, - getNodeCanvas, - cleanUpJsdomNode, - makeElementUnselectable, - makeElementSelectable, - isTransparent, - sizeAfterTransform, - mergeClipPaths, - ease, - animateColor, - animate, - requestAnimFrame, - cancelAnimFrame, - createClass, -}; + } -/** - * Attributes parsed from all SVG elements - * @type array - */ -const SHARED_ATTRIBUTES = [ - 'display', - 'transform', - 'fill', - 'fill-opacity', - 'fill-rule', - 'opacity', - 'stroke', - 'stroke-dasharray', - 'stroke-linecap', - 'stroke-dashoffset', - 'stroke-linejoin', - 'stroke-miterlimit', - 'stroke-opacity', - 'stroke-width', - 'id', - 'paint-order', - 'vector-effect', - 'instantiated_by_use', - 'clip-path', -]; + /** + * @private + */ + function parseUseDirectives(doc) { + var nodelist = _getMultipleNodes(doc, ['use', 'svg:use']), i = 0; + while (nodelist.length && i < nodelist.length) { + var el = nodelist[i], + xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); -//@ts-nocheck -const ElementsParser = function (elements, callback, options, reviver, parsingOptions, doc) { - this.elements = elements; - this.callback = callback; - this.options = options; - this.reviver = reviver; - this.svgUid = (options && options.svgUid) || 0; - this.parsingOptions = parsingOptions; - this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; - this.doc = doc; -}; -(function (proto) { - proto.parse = function () { - this.instances = new Array(this.elements.length); - this.numElements = this.elements.length; - this.createObjects(); - }; - proto.createObjects = function () { - this.elements.forEach((element, i) => { - element.setAttribute('svgUid', this.svgUid); - this.createObject(element, i); - }); - }; - proto.findTag = function (el) { - return fabric$3[capitalize(el.tagName.replace('svg:', ''))]; - }; - proto.createObject = function (el, index) { - const klass = this.findTag(el); - if (klass && klass.fromElement) { - try { - klass.fromElement(el, this.createCallback(index, el), this.options); - } - catch (err) { - console.log(err); - } - } - else { - this.checkIfDone(); - } - }; - proto.createCallback = function (index, el) { - const _this = this; - return function (obj) { - let _options; - _this.resolveGradient(obj, el, 'fill'); - _this.resolveGradient(obj, el, 'stroke'); - if (obj instanceof fabric$3.Image && obj._originalElement) { - _options = obj.parsePreserveAspectRatioAttribute(el); - } - obj._removeTransformMatrix(_options); - _this.resolveClipPath(obj, el); - _this.reviver && _this.reviver(el, obj); - _this.instances[index] = obj; - _this.checkIfDone(); - }; - }; - proto.extractPropertyDefinition = function (obj, property, storage) { - const value = obj[property], regex = this.regexUrl; - if (!regex.test(value)) { - return; - } - regex.lastIndex = 0; - const id = regex.exec(value)[1]; - regex.lastIndex = 0; - return fabric$3[storage][this.svgUid][id]; - }; - proto.resolveGradient = function (obj, el, property) { - const gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); - if (gradientDef) { - const opacityAttr = el.getAttribute(property + '-opacity'); - const gradient = fabric$3.Gradient.fromElement(gradientDef, obj, Object.assign(Object.assign({}, this.options), { opacity: opacityAttr })); - obj.set(property, gradient); - } - }; - proto.createClipPathCallback = function (obj, container) { - return function (_newObj) { - _newObj._removeTransformMatrix(); - _newObj.fillRule = _newObj.clipRule; - container.push(_newObj); - }; - }; - proto.resolveClipPath = function (obj, usingElement) { - var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), element, klass, objTransformInv, container, gTransform; - if (clipPath) { - container = []; - objTransformInv = invertTransform(obj.calcTransformMatrix()); - // move the clipPath tag as sibling to the real element that is using it - const clipPathTag = clipPath[0].parentNode; - let clipPathOwner = usingElement; - while (clipPathOwner.parentNode && - clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { - clipPathOwner = clipPathOwner.parentNode; - } - clipPathOwner.parentNode.appendChild(clipPathTag); - for (let i = 0; i < clipPath.length; i++) { - element = clipPath[i]; - klass = this.findTag(element); - klass.fromElement(element, this.createClipPathCallback(obj, container), this.options); - } - if (container.length === 1) { - clipPath = container[0]; - } - else { - clipPath = new fabric$3.Group(container); - } - gTransform = multiplyTransformMatrices(objTransformInv, clipPath.calcTransformMatrix()); - if (clipPath.clipPath) { - this.resolveClipPath(clipPath, clipPathOwner); - } - const options = qrDecompose(gTransform); - clipPath.flipX = false; - clipPath.flipY = false; - clipPath.set('scaleX', options.scaleX); - clipPath.set('scaleY', options.scaleY); - clipPath.angle = options.angle; - clipPath.skewX = options.skewX; - clipPath.skewY = 0; - clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); - obj.clipPath = clipPath; - } - else { - // if clip-path does not resolve to any element, delete the property. - delete obj.clipPath; - } - }; - proto.checkIfDone = function () { - if (--this.numElements === 0) { - this.instances = this.instances.filter(function (el) { - // eslint-disable-next-line no-eq-null, eqeqeq - return el != null; - }); - this.callback(this.instances, this.elements); - } - }; -})(ElementsParser.prototype); + if (xlinkAttribute === null) { + return; + } -//@ts-nocheck -/** - * Returns CSS rules for a given SVG document - * @param {SVGDocument} doc SVG document to parse - * @return {Object} CSS rules of this document - */ -function getCSSRules(doc) { - let styles = doc.getElementsByTagName('style'), i, len, allRules = {}, rules; - // very crude parsing of style contents - for (i = 0, len = styles.length; i < len; i++) { - let styleContents = styles[i].textContent; - // remove comments - styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); - if (styleContents.trim() === '') { - continue; - } - // recovers all the rule in this form `body { style code... }` - // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); - rules = styleContents.split('}'); - // remove empty rules. - rules = rules.filter(function (rule) { - return rule.trim(); - }); - // at this point we have hopefully an array of rules `body { style code... ` - // eslint-disable-next-line no-loop-func - rules.forEach(function (rule) { - const match = rule.split('{'), ruleObj = {}, declaration = match[1].trim(), propertyValuePairs = declaration.split(';').filter(function (pair) { - return pair.trim(); - }); - for (i = 0, len = propertyValuePairs.length; i < len; i++) { - const pair = propertyValuePairs[i].split(':'), property = pair[0].trim(), value = pair[1].trim(); - ruleObj[property] = value; - } - rule = match[0].trim(); - rule.split(',').forEach(function (_rule) { - _rule = _rule.replace(/^svg/i, '').trim(); - if (_rule === '') { - return; - } - if (allRules[_rule]) { - Object.assign(allRules[_rule], ruleObj); - } - else { - allRules[_rule] = Object.assign({}, ruleObj); - } - }); - }); - } - return allRules; -} + var xlink = xlinkAttribute.substr(1), + x = el.getAttribute('x') || 0, + y = el.getAttribute('y') || 0, + el2 = elementById(doc, xlink).cloneNode(true), + currentTrans = (el2.getAttribute('transform') || '') + ' translate(' + x + ', ' + y + ')', + parentNode, + oldLength = nodelist.length, attr, + j, + attrs, + len, + namespace = fabric.svgNS; -//@ts-nocheck -function getMultipleNodes(doc, nodeNames) { - let nodeName, nodeArray = [], nodeList, i, len; - for (i = 0, len = nodeNames.length; i < len; i++) { - nodeName = nodeNames[i]; - nodeList = doc.getElementsByTagName(nodeName); - nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); - } - return nodeArray; -} + applyViewboxTransform(el2); + if (/^svg$/i.test(el2.nodeName)) { + var el3 = el2.ownerDocument.createElementNS(namespace, 'g'); + for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); + } + // el2.firstChild != null + while (el2.firstChild) { + el3.appendChild(el2.firstChild); + } + el2 = el3; + } -//@ts-nocheck -/** - * @private - * to support IE8 missing getElementById on SVGdocument and on node xmlDOM - */ -function elementById(doc, id) { - let el; - doc.getElementById && (el = doc.getElementById(id)); - if (el) { - return el; - } - let node, i, len, nodelist = doc.getElementsByTagName('*'); - for (i = 0, len = nodelist.length; i < len; i++) { - node = nodelist[i]; - if (id === node.getAttribute('id')) { - return node; + for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + if (attr.nodeName === 'x' || attr.nodeName === 'y' || + attr.nodeName === 'xlink:href' || attr.nodeName === 'href') { + continue; } - } -} -//@ts-nocheck -const gradientsAttrs = [ - 'gradientTransform', - 'x1', - 'x2', - 'y1', - 'y2', - 'gradientUnits', - 'cx', - 'cy', - 'r', - 'fx', - 'fy', -]; -const xlinkAttr = 'xlink:href'; -function recursivelyParseGradientsXlink(doc, gradient) { - const xLink = gradient.getAttribute(xlinkAttr).slice(1), referencedGradient = elementById(doc, xLink); - if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { - recursivelyParseGradientsXlink(doc, referencedGradient); - } - gradientsAttrs.forEach(function (attr) { - if (referencedGradient && - !gradient.hasAttribute(attr) && - referencedGradient.hasAttribute(attr)) { - gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); + if (attr.nodeName === 'transform') { + currentTrans = attr.nodeValue + ' ' + currentTrans; } - }); - if (!gradient.children.length) { - const referenceClone = referencedGradient.cloneNode(true); - while (referenceClone.firstChild) { - gradient.appendChild(referenceClone.firstChild); + else { + el2.setAttribute(attr.nodeName, attr.nodeValue); } - } - gradient.removeAttribute(xlinkAttr); -} + } -//@ts-nocheck -const tagArray = [ - 'linearGradient', - 'radialGradient', - 'svg:linearGradient', - 'svg:radialGradient', -]; -/** - * Parses an SVG document, returning all of the gradient declarations found in it - * @param {SVGDocument} doc SVG document to parse - * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element - */ -function getGradientDefs(doc) { - let elList = getMultipleNodes(doc, tagArray), el, j = 0, gradientDefs = {}; - j = elList.length; - while (j--) { - el = elList[j]; - if (el.getAttribute('xlink:href')) { - recursivelyParseGradientsXlink(doc, el); - } - gradientDefs[el.getAttribute('id')] = el; + el2.setAttribute('transform', currentTrans); + el2.setAttribute('instantiated_by_use', '1'); + el2.removeAttribute('id'); + parentNode = el.parentNode; + parentNode.replaceChild(el2, el); + // some browsers do not shorten nodelist after replaceChild (IE8) + if (nodelist.length === oldLength) { + i++; + } } - return gradientDefs; -} + } + + // http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute + // matches, e.g.: +14.56e-12, etc. + var reViewBoxAttrValue = new RegExp( + '^' + + '\\s*(' + fabric.reNum + '+)\\s*,?' + + '\\s*(' + fabric.reNum + '+)\\s*,?' + + '\\s*(' + fabric.reNum + '+)\\s*,?' + + '\\s*(' + fabric.reNum + '+)\\s*' + + '$' + ); + + /** + * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements + */ + function applyViewboxTransform(element) { + if (!fabric.svgViewBoxElementsRegEx.test(element.nodeName)) { + return {}; + } + var viewBoxAttr = element.getAttribute('viewBox'), + scaleX = 1, + scaleY = 1, + minX = 0, + minY = 0, + viewBoxWidth, viewBoxHeight, matrix, el, + widthAttr = element.getAttribute('width'), + heightAttr = element.getAttribute('height'), + x = element.getAttribute('x') || 0, + y = element.getAttribute('y') || 0, + preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', + missingViewBox = (!viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue))), + missingDimAttr = (!widthAttr || !heightAttr || widthAttr === '100%' || heightAttr === '100%'), + toBeParsed = missingViewBox && missingDimAttr, + parsedDim = { }, translateMatrix = '', widthDiff = 0, heightDiff = 0; -//@ts-nocheck -/** - * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements - */ -function applyViewboxTransform(element) { - if (!svgViewBoxElementsRegEx.test(element.nodeName)) { - return {}; - } - let viewBoxAttr = element.getAttribute('viewBox'), scaleX = 1, scaleY = 1, minX = 0, minY = 0, viewBoxWidth, viewBoxHeight, matrix, el, widthAttr = element.getAttribute('width'), heightAttr = element.getAttribute('height'), x = element.getAttribute('x') || 0, y = element.getAttribute('y') || 0, preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', missingViewBox = !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)), missingDimAttr = !widthAttr || - !heightAttr || - widthAttr === '100%' || - heightAttr === '100%', toBeParsed = missingViewBox && missingDimAttr, parsedDim = {}, translateMatrix = '', widthDiff = 0, heightDiff = 0; parsedDim.width = 0; parsedDim.height = 0; parsedDim.toBeParsed = toBeParsed; + if (missingViewBox) { - if ((x || y) && - element.parentNode && - element.parentNode.nodeName !== '#document') { - translateMatrix = - ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; - matrix = (element.getAttribute('transform') || '') + translateMatrix; - element.setAttribute('transform', matrix); - element.removeAttribute('x'); - element.removeAttribute('y'); - } + if (((x || y) && element.parentNode && element.parentNode.nodeName !== '#document')) { + translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + matrix = (element.getAttribute('transform') || '') + translateMatrix; + element.setAttribute('transform', matrix); + element.removeAttribute('x'); + element.removeAttribute('y'); + } } + if (toBeParsed) { - return parsedDim; + return parsedDim; } + if (missingViewBox) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - // set a transform for elements that have x y and are inner(only) SVGs - return parsedDim; + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + // set a transform for elements that have x y and are inner(only) SVGs + return parsedDim; } minX = -parseFloat(viewBoxAttr[1]); minY = -parseFloat(viewBoxAttr[2]); @@ -5012,22914 +4901,26177 @@ function applyViewboxTransform(element) { parsedDim.viewBoxWidth = viewBoxWidth; parsedDim.viewBoxHeight = viewBoxHeight; if (!missingDimAttr) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - scaleX = parsedDim.width / viewBoxWidth; - scaleY = parsedDim.height / viewBoxHeight; + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + scaleX = parsedDim.width / viewBoxWidth; + scaleY = parsedDim.height / viewBoxHeight; } else { - parsedDim.width = viewBoxWidth; - parsedDim.height = viewBoxHeight; + parsedDim.width = viewBoxWidth; + parsedDim.height = viewBoxHeight; } + // default is to preserve aspect ratio - preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio); + preserveAspectRatio = fabric.util.parsePreserveAspectRatioAttribute(preserveAspectRatio); if (preserveAspectRatio.alignX !== 'none') { - //translate all container for the effect of Mid, Min, Max - if (preserveAspectRatio.meetOrSlice === 'meet') { - scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX; - // calculate additional translation to move the viewbox - } - if (preserveAspectRatio.meetOrSlice === 'slice') { - scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY; - // calculate additional translation to move the viewbox - } - widthDiff = parsedDim.width - viewBoxWidth * scaleX; - heightDiff = parsedDim.height - viewBoxHeight * scaleX; - if (preserveAspectRatio.alignX === 'Mid') { - widthDiff /= 2; - } - if (preserveAspectRatio.alignY === 'Mid') { - heightDiff /= 2; - } - if (preserveAspectRatio.alignX === 'Min') { - widthDiff = 0; - } - if (preserveAspectRatio.alignY === 'Min') { - heightDiff = 0; - } + //translate all container for the effect of Mid, Min, Max + if (preserveAspectRatio.meetOrSlice === 'meet') { + scaleY = scaleX = (scaleX > scaleY ? scaleY : scaleX); + // calculate additional translation to move the viewbox + } + if (preserveAspectRatio.meetOrSlice === 'slice') { + scaleY = scaleX = (scaleX > scaleY ? scaleX : scaleY); + // calculate additional translation to move the viewbox + } + widthDiff = parsedDim.width - viewBoxWidth * scaleX; + heightDiff = parsedDim.height - viewBoxHeight * scaleX; + if (preserveAspectRatio.alignX === 'Mid') { + widthDiff /= 2; + } + if (preserveAspectRatio.alignY === 'Mid') { + heightDiff /= 2; + } + if (preserveAspectRatio.alignX === 'Min') { + widthDiff = 0; + } + if (preserveAspectRatio.alignY === 'Min') { + heightDiff = 0; + } } - if (scaleX === 1 && - scaleY === 1 && - minX === 0 && - minY === 0 && - x === 0 && - y === 0) { - return parsedDim; + + if (scaleX === 1 && scaleY === 1 && minX === 0 && minY === 0 && x === 0 && y === 0) { + return parsedDim; } if ((x || y) && element.parentNode.nodeName !== '#document') { - translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; } - matrix = - translateMatrix + - ' matrix(' + - scaleX + - ' 0' + - ' 0 ' + - scaleY + - ' ' + - (minX * scaleX + widthDiff) + - ' ' + - (minY * scaleY + heightDiff) + - ') '; + + matrix = translateMatrix + ' matrix(' + scaleX + + ' 0' + + ' 0 ' + + scaleY + ' ' + + (minX * scaleX + widthDiff) + ' ' + + (minY * scaleY + heightDiff) + ') '; // seems unused. - // parsedDim.viewboxTransform = parseTransformAttribute(matrix); + // parsedDim.viewboxTransform = fabric.parseTransformAttribute(matrix); if (element.nodeName === 'svg') { - el = element.ownerDocument.createElementNS(svgNS, 'g'); - // element.firstChild != null - while (element.firstChild) { - el.appendChild(element.firstChild); - } - element.appendChild(el); + el = element.ownerDocument.createElementNS(fabric.svgNS, 'g'); + // element.firstChild != null + while (element.firstChild) { + el.appendChild(element.firstChild); + } + element.appendChild(el); } else { - el = element; - el.removeAttribute('x'); - el.removeAttribute('y'); - matrix = el.getAttribute('transform') + matrix; + el = element; + el.removeAttribute('x'); + el.removeAttribute('y'); + matrix = el.getAttribute('transform') + matrix; } el.setAttribute('transform', matrix); return parsedDim; -} + } -//@ts-nocheck -function hasAncestorWithNodeName(element, nodeName) { + function hasAncestorWithNodeName(element, nodeName) { while (element && (element = element.parentNode)) { - if (element.nodeName && - nodeName.test(element.nodeName.replace('svg:', '')) && - !element.getAttribute('instantiated_by_use')) { - return true; - } + if (element.nodeName && nodeName.test(element.nodeName.replace('svg:', '')) + && !element.getAttribute('instantiated_by_use')) { + return true; + } } return false; -} + } -//@ts-nocheck -/** - * Transforms an array of svg elements to corresponding fabric.* instances - * @static - * @memberOf fabric - * @param {Array} elements Array of elements to parse - * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) - * @param {Object} [options] Options object - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - */ -function parseElements(elements, callback, options, reviver, parsingOptions) { - new ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); -} + /** + * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback + * @static + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @param {Function} callback Callback to call when parsing is finished; + * It's being passed an array of elements (parsed from a document). + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [parsingOptions] options for parsing document + * @param {String} [parsingOptions.crossOrigin] crossOrigin settings + */ + fabric.parseSVGDocument = function(doc, callback, reviver, parsingOptions) { + if (!doc) { + return; + } -//@ts-nocheck -function parseUseDirectives(doc) { - let nodelist = getMultipleNodes(doc, ['use', 'svg:use']), i = 0; - while (nodelist.length && i < nodelist.length) { - const el = nodelist[i], xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); - if (xlinkAttribute === null) { - return; - } - var xlink = xlinkAttribute.slice(1), x = el.getAttribute('x') || 0, y = el.getAttribute('y') || 0, el2 = elementById(doc, xlink).cloneNode(true), currentTrans = (el2.getAttribute('transform') || '') + - ' translate(' + - x + - ', ' + - y + - ')', parentNode, oldLength = nodelist.length, attr, j, attrs, len, namespace = svgNS; - applyViewboxTransform(el2); - if (/^svg$/i.test(el2.nodeName)) { - const el3 = el2.ownerDocument.createElementNS(namespace, 'g'); - for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); - } - // el2.firstChild != null - while (el2.firstChild) { - el3.appendChild(el2.firstChild); - } - el2 = el3; - } - for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - if (attr.nodeName === 'x' || - attr.nodeName === 'y' || - attr.nodeName === 'xlink:href' || - attr.nodeName === 'href') { - continue; - } - if (attr.nodeName === 'transform') { - currentTrans = attr.nodeValue + ' ' + currentTrans; - } - else { - el2.setAttribute(attr.nodeName, attr.nodeValue); - } - } - el2.setAttribute('transform', currentTrans); - el2.setAttribute('instantiated_by_use', '1'); - el2.removeAttribute('id'); - parentNode = el.parentNode; - parentNode.replaceChild(el2, el); - // some browsers do not shorten nodelist after replaceChild (IE8) - if (nodelist.length === oldLength) { - i++; - } + parseUseDirectives(doc); + + var svgUid = fabric.Object.__uid++, i, len, + options = applyViewboxTransform(doc), + descendants = fabric.util.toArray(doc.getElementsByTagName('*')); + options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; + options.svgUid = svgUid; + + if (descendants.length === 0 && fabric.isLikelyNode) { + // we're likely in node, where "o3-xml" library fails to gEBTN("*") + // https://github.com/ajaxorg/node-o3-xml/issues/21 + descendants = doc.selectNodes('//*[name(.)!="svg"]'); + var arr = []; + for (i = 0, len = descendants.length; i < len; i++) { + arr[i] = descendants[i]; + } + descendants = arr; } -} -//@ts-nocheck -/** - * **Assuming `T`, `A`, `B` are points on the same line**, - * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B` - * @param T - * @param A - * @param B - * @returns true if `T` is contained - */ -const isContainedInInterval = (T, A, B) => { - const TA = new Point(T).subtract(A); - const TB = new Point(T).subtract(B); - return (Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)); -}; -class Intersection { - constructor(status) { - this.status = status; - this.points = []; + var elements = descendants.filter(function(el) { + applyViewboxTransform(el); + return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && + !hasAncestorWithNodeName(el, fabric.svgInvalidAncestorsRegEx); // http://www.w3.org/TR/SVG/struct.html#DefsElement + }); + if (!elements || (elements && !elements.length)) { + callback && callback([], {}); + return; + } + var clipPaths = { }; + descendants.filter(function(el) { + return el.nodeName.replace('svg:', '') === 'clipPath'; + }).forEach(function(el) { + var id = el.getAttribute('id'); + clipPaths[id] = fabric.util.toArray(el.getElementsByTagName('*')).filter(function(el) { + return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); + }); + }); + fabric.gradientDefs[svgUid] = fabric.getGradientDefs(doc); + fabric.cssRules[svgUid] = fabric.getCSSRules(doc); + fabric.clipPaths[svgUid] = clipPaths; + // Precedence of rules: style > class > attribute + fabric.parseElements(elements, function(instances, elements) { + if (callback) { + callback(instances, options, elements, descendants); + delete fabric.gradientDefs[svgUid]; + delete fabric.cssRules[svgUid]; + delete fabric.clipPaths[svgUid]; + } + }, clone(options), reviver, parsingOptions); + }; + + function recursivelyParseGradientsXlink(doc, gradient) { + var gradientsAttrs = ['gradientTransform', 'x1', 'x2', 'y1', 'y2', 'gradientUnits', 'cx', 'cy', 'r', 'fx', 'fy'], + xlinkAttr = 'xlink:href', + xLink = gradient.getAttribute(xlinkAttr).substr(1), + referencedGradient = elementById(doc, xLink); + if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { + recursivelyParseGradientsXlink(doc, referencedGradient); } - /** - * - * @param {Point} point - * @returns - */ - contains(point) { - return this.points.some((p) => p.eq(point)); - } - /** - * Appends points of intersection - * @param {...Point[]} points - * @return {Intersection} thisArg - * @chainable - */ - append(...points) { - this.points = this.points.concat(points.filter((point) => { - return !this.contains(point); - })); - return this; + gradientsAttrs.forEach(function(attr) { + if (referencedGradient && !gradient.hasAttribute(attr) && referencedGradient.hasAttribute(attr)) { + gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); + } + }); + if (!gradient.children.length) { + var referenceClone = referencedGradient.cloneNode(true); + while (referenceClone.firstChild) { + gradient.appendChild(referenceClone.firstChild); + } } + gradient.removeAttribute(xlinkAttr); + } + + var reFontDeclaration = new RegExp( + '(normal|italic)?\\s*(normal|small-caps)?\\s*' + + '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + + fabric.reNum + + '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + fabric.reNum + '))?\\s+(.*)'); + + extend(fabric, { /** - * Checks if a line intersects another + * Parses a short font declaration, building adding its properties to a style object * @static - * @param {Point} a1 - * @param {Point} a2 - * @param {Point} b1 - * @param {Point} b2 - * @param {boolean} [aInfinite=true] check segment intersection by passing `false` - * @param {boolean} [bInfinite=true] check segment intersection by passing `false` - * @return {Intersection} - */ - static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) { - let result; - const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); - if (uB !== 0) { - const ua = uaT / uB, ub = ubT / uB; - if ((aInfinite || (0 <= ua && ua <= 1)) && - (bInfinite || (0 <= ub && ub <= 1))) { - result = new Intersection('Intersection'); - result.append(new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); - } - else { - result = new Intersection(); - } - } - else { - if (uaT === 0 || ubT === 0) { - const segmentsCoincide = aInfinite || - bInfinite || - isContainedInInterval(a1, b1, b2) || - isContainedInInterval(a2, b1, b2) || - isContainedInInterval(b1, a1, a2) || - isContainedInInterval(b2, a1, a2); - result = new Intersection(segmentsCoincide ? 'Coincident' : undefined); - } - else { - result = new Intersection('Parallel'); - } + * @function + * @memberOf fabric + * @param {String} value font declaration + * @param {Object} oStyle definition + */ + parseFontDeclaration: function(value, oStyle) { + var match = value.match(reFontDeclaration); + + if (!match) { + return; + } + var fontStyle = match[1], + // font variant is not used + // fontVariant = match[2], + fontWeight = match[3], + fontSize = match[4], + lineHeight = match[5], + fontFamily = match[6]; + + if (fontStyle) { + oStyle.fontStyle = fontStyle; + } + if (fontWeight) { + oStyle.fontWeight = isNaN(parseFloat(fontWeight)) ? fontWeight : parseFloat(fontWeight); + } + if (fontSize) { + oStyle.fontSize = parseUnit(fontSize); + } + if (fontFamily) { + oStyle.fontFamily = fontFamily; + } + if (lineHeight) { + oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; + } + }, + + /** + * Parses an SVG document, returning all of the gradient declarations found in it + * @static + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element + */ + getGradientDefs: function(doc) { + var tagArray = [ + 'linearGradient', + 'radialGradient', + 'svg:linearGradient', + 'svg:radialGradient'], + elList = _getMultipleNodes(doc, tagArray), + el, j = 0, gradientDefs = { }; + j = elList.length; + while (j--) { + el = elList[j]; + if (el.getAttribute('xlink:href')) { + recursivelyParseGradientsXlink(doc, el); } - return result; - } + gradientDefs[el.getAttribute('id')] = el; + } + return gradientDefs; + }, + /** - * Checks if a segment intersects a line - * @see {@link intersectLineLine} for line intersection + * Returns an object of attributes' name/value, given element and an array of attribute names; + * Parses parent "g" nodes recursively upwards. * @static - * @param {Point} s1 boundary point of segment - * @param {Point} s2 other boundary point of segment - * @param {Point} l1 point on line - * @param {Point} l2 other point on line - * @return {Intersection} + * @memberOf fabric + * @param {DOMElement} element Element to parse + * @param {Array} attributes Array of attributes to parse + * @return {Object} object containing parsed attributes' names/values */ - static intersectSegmentLine(s1, s2, l1, l2) { - return Intersection.intersectLineLine(s1, s2, l1, l2, false, true); - } + parseAttributes: function(element, attributes, svgUid) { + + if (!element) { + return; + } + + var value, + parentAttributes = { }, + fontSize, parentFontSize; + + if (typeof svgUid === 'undefined') { + svgUid = element.getAttribute('svgUid'); + } + // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards + if (element.parentNode && fabric.svgValidParentsRegEx.test(element.parentNode.nodeName)) { + parentAttributes = fabric.parseAttributes(element.parentNode, attributes, svgUid); + } + + var ownAttributes = attributes.reduce(function(memo, attr) { + value = element.getAttribute(attr); + if (value) { // eslint-disable-line + memo[attr] = value; + } + return memo; + }, { }); + // add values parsed from style, which take precedence over attributes + // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) + var cssAttrs = extend( + getGlobalStylesForElement(element, svgUid), + fabric.parseStyleAttribute(element) + ); + ownAttributes = extend( + ownAttributes, + cssAttrs + ); + if (cssAttrs[cPath]) { + element.setAttribute(cPath, cssAttrs[cPath]); + } + fontSize = parentFontSize = parentAttributes.fontSize || fabric.Text.DEFAULT_SVG_FONT_SIZE; + if (ownAttributes[fSize]) { + // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. + ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); + } + + var normalizedAttr, normalizedValue, normalizedStyle = {}; + for (var attr in ownAttributes) { + normalizedAttr = normalizeAttr(attr); + normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); + normalizedStyle[normalizedAttr] = normalizedValue; + } + if (normalizedStyle && normalizedStyle.font) { + fabric.parseFontDeclaration(normalizedStyle.font, normalizedStyle); + } + var mergedAttrs = extend(parentAttributes, normalizedStyle); + return fabric.svgValidParentsRegEx.test(element.nodeName) ? mergedAttrs : _setStrokeFillOpacity(mergedAttrs); + }, + /** - * Checks if a segment intersects another - * @see {@link intersectLineLine} for line intersection + * Transforms an array of svg elements to corresponding fabric.* instances * @static - * @param {Point} a1 boundary point of segment - * @param {Point} a2 other boundary point of segment - * @param {Point} b1 boundary point of segment - * @param {Point} b2 other boundary point of segment - * @return {Intersection} + * @memberOf fabric + * @param {Array} elements Array of elements to parse + * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) + * @param {Object} [options] Options object + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. */ - static intersectSegmentSegment(a1, a2, b1, b2) { - return Intersection.intersectLineLine(a1, a2, b1, b2, false, false); - } + parseElements: function(elements, callback, options, reviver, parsingOptions) { + new fabric.ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); + }, + /** - * Checks if line intersects polygon - * - * @todo account for stroke - * + * Parses "style" attribute, retuning an object with values * @static - * @see {@link intersectSegmentPolygon} for segment intersection - * @param {Point} a1 point on line - * @param {Point} a2 other point on line - * @param {Point[]} points polygon points - * @param {boolean} [infinite=true] check segment intersection by passing `false` - * @return {Intersection} - */ - static intersectLinePolygon(a1, a2, points, infinite = true) { - const result = new Intersection(); - const length = points.length; - for (let i = 0, b1, b2, inter; i < length; i++) { - b1 = points[i]; - b2 = points[(i + 1) % length]; - inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false); - if (inter.status === 'Coincident') { - return inter; - } - result.append(...inter.points); - } - if (result.points.length > 0) { - result.status = 'Intersection'; - } - return result; - } + * @memberOf fabric + * @param {SVGElement} element Element to parse + * @return {Object} Objects with values parsed from style attribute of an element + */ + parseStyleAttribute: function(element) { + var oStyle = { }, + style = element.getAttribute('style'); + + if (!style) { + return oStyle; + } + + if (typeof style === 'string') { + parseStyleString(style, oStyle); + } + else { + parseStyleObject(style, oStyle); + } + + return oStyle; + }, + /** - * Checks if segment intersects polygon + * Parses "points" attribute, returning an array of values * @static - * @see {@link intersectLinePolygon} for line intersection - * @param {Point} a1 boundary point of segment - * @param {Point} a2 other boundary point of segment - * @param {Point[]} points polygon points - * @return {Intersection} + * @memberOf fabric + * @param {String} points points attribute string + * @return {Array} array of points */ - static intersectSegmentPolygon(a1, a2, points) { - return Intersection.intersectLinePolygon(a1, a2, points, false); - } + parsePointsAttribute: function(points) { + + // points attribute is required and must not be empty + if (!points) { + return null; + } + + // replace commas with whitespace and remove bookending whitespace + points = points.replace(/,/g, ' ').trim(); + + points = points.split(/\s+/); + var parsedPoints = [], i, len; + + for (i = 0, len = points.length; i < len; i += 2) { + parsedPoints.push({ + x: parseFloat(points[i]), + y: parseFloat(points[i + 1]) + }); + } + + // odd number of points is an error + // if (parsedPoints.length % 2 !== 0) { + // return null; + // } + + return parsedPoints; + }, + /** - * Checks if polygon intersects another polygon - * - * @todo account for stroke - * + * Returns CSS rules for a given SVG document * @static - * @param {Point[]} points1 - * @param {Point[]} points2 - * @return {Intersection} - */ - static intersectPolygonPolygon(points1, points2) { - const result = new Intersection(), length = points1.length; - const coincidences = []; - for (let i = 0; i < length; i++) { - const a1 = points1[i], a2 = points1[(i + 1) % length], inter = Intersection.intersectSegmentPolygon(a1, a2, points2); - if (inter.status === 'Coincident') { - coincidences.push(inter); - result.append(a1, a2); + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @return {Object} CSS rules of this document + */ + getCSSRules: function(doc) { + var styles = doc.getElementsByTagName('style'), i, len, + allRules = { }, rules; + + // very crude parsing of style contents + for (i = 0, len = styles.length; i < len; i++) { + var styleContents = styles[i].textContent; + + // remove comments + styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); + if (styleContents.trim() === '') { + continue; + } + // recovers all the rule in this form `body { style code... }` + // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); + rules = styleContents.split('}'); + // remove empty rules. + rules = rules.filter(function(rule) { return rule.trim(); }); + // at this point we have hopefully an array of rules `body { style code... ` + // eslint-disable-next-line no-loop-func + rules.forEach(function(rule) { + + var match = rule.split('{'), + ruleObj = { }, declaration = match[1].trim(), + propertyValuePairs = declaration.split(';').filter(function(pair) { return pair.trim(); }); + + for (i = 0, len = propertyValuePairs.length; i < len; i++) { + var pair = propertyValuePairs[i].split(':'), + property = pair[0].trim(), + value = pair[1].trim(); + ruleObj[property] = value; + } + rule = match[0].trim(); + rule.split(',').forEach(function(_rule) { + _rule = _rule.replace(/^svg/i, '').trim(); + if (_rule === '') { + return; + } + if (allRules[_rule]) { + fabric.util.object.extend(allRules[_rule], ruleObj); } else { - result.append(...inter.points); + allRules[_rule] = fabric.util.object.clone(ruleObj); } + }); + }); + } + return allRules; + }, + + /** + * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. + * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) + * @memberOf fabric + * @param {String} url + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + */ + loadSVGFromURL: function(url, callback, reviver, options) { + + url = url.replace(/^\n\s*/, '').trim(); + new fabric.util.request(url, { + method: 'get', + onComplete: onComplete + }); + + function onComplete(r) { + + var xml = r.responseXML; + if (!xml || !xml.documentElement) { + callback && callback(null); + return false; } - if (coincidences.length > 0 && coincidences.length === points1.length) { - return new Intersection('Coincident'); - } - else if (result.points.length > 0) { - result.status = 'Intersection'; - } - return result; - } + + fabric.parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { + callback && callback(results, _options, elements, allElements); + }, reviver, options); + } + }, + /** - * Checks if polygon intersects rectangle - * @static - * @see {@link intersectPolygonPolygon} for polygon intersection - * @param {Point[]} points polygon points - * @param {Point} r1 top left point of rect - * @param {Point} r2 bottom right point of rect - * @return {Intersection} - */ - static intersectPolygonRectangle(points, r1, r2) { - const min = r1.min(r2), max = r1.max(r2), topRight = new Point(max.x, min.y), bottomLeft = new Point(min.x, max.y); - return Intersection.intersectPolygonPolygon(points, [ - min, - topRight, - max, - bottomLeft, - ]); + * Takes string corresponding to an SVG document, and parses it into a set of fabric objects + * @memberOf fabric + * @param {String} string + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + */ + loadSVGFromString: function(string, callback, reviver, options) { + var parser = new fabric.window.DOMParser(), + doc = parser.parseFromString(string.trim(), 'text/xml'); + fabric.parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { + callback(results, _options, elements, allElements); + }, reviver, options); } -} -fabric$3.Intersection = Intersection; + }); -//@ts-nocheck -/** - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} - * @see {@link http://fabricjs.com/events|Events demo} - */ -class Observable { - constructor() { - this.__eventListeners = {}; - } - on(arg0, handler) { - if (!this.__eventListeners) { - this.__eventListeners = {}; - } - if (typeof arg0 === 'object') { - // one object with key/value pairs was passed - for (const eventName in arg0) { - this.on(eventName, arg0[eventName]); - } - return () => this.off(arg0); - } - else if (handler) { - const eventName = arg0; - if (!this.__eventListeners[eventName]) { - this.__eventListeners[eventName] = []; - } - this.__eventListeners[eventName].push(handler); - return () => this.off(eventName, handler); - } - else { - // noop - return () => false; - } +})(typeof exports !== 'undefined' ? exports : this); + + +fabric.ElementsParser = function(elements, callback, options, reviver, parsingOptions, doc) { + this.elements = elements; + this.callback = callback; + this.options = options; + this.reviver = reviver; + this.svgUid = (options && options.svgUid) || 0; + this.parsingOptions = parsingOptions; + this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; + this.doc = doc; +}; + +(function(proto) { + proto.parse = function() { + this.instances = new Array(this.elements.length); + this.numElements = this.elements.length; + this.createObjects(); + }; + + proto.createObjects = function() { + var _this = this; + this.elements.forEach(function(element, i) { + element.setAttribute('svgUid', _this.svgUid); + _this.createObject(element, i); + }); + }; + + proto.findTag = function(el) { + return fabric[fabric.util.string.capitalize(el.tagName.replace('svg:', ''))]; + }; + + proto.createObject = function(el, index) { + var klass = this.findTag(el); + if (klass && klass.fromElement) { + try { + klass.fromElement(el, this.createCallback(index, el), this.options); + } + catch (err) { + fabric.log(err); + } } - once(arg0, handler) { - if (typeof arg0 === 'object') { - // one object with key/value pairs was passed - const disposers = []; - for (const eventName in arg0) { - disposers.push(this.once(eventName, arg0[eventName])); - } - return () => disposers.forEach((d) => d()); - } - else if (handler) { - const disposer = this.on(arg0, (...args) => { - handler(...args); - disposer(); - }); - return disposer; - } - else { - // noop - return () => false; - } + else { + this.checkIfDone(); } - /** - * @private - * @param {string} eventName - * @param {Function} [handler] - */ - _removeEventListener(eventName, handler) { - if (!this.__eventListeners[eventName]) { - return; - } - if (handler) { - const eventListener = this.__eventListeners[eventName]; - const index = eventListener.indexOf(handler); - index > -1 && eventListener.splice(index, 1); - } - else { - this.__eventListeners[eventName] = []; - } + }; + + proto.createCallback = function(index, el) { + var _this = this; + return function(obj) { + var _options; + _this.resolveGradient(obj, el, 'fill'); + _this.resolveGradient(obj, el, 'stroke'); + if (obj instanceof fabric.Image && obj._originalElement) { + _options = obj.parsePreserveAspectRatioAttribute(el); + } + obj._removeTransformMatrix(_options); + _this.resolveClipPath(obj, el); + _this.reviver && _this.reviver(el, obj); + _this.instances[index] = obj; + _this.checkIfDone(); + }; + }; + + proto.extractPropertyDefinition = function(obj, property, storage) { + var value = obj[property], regex = this.regexUrl; + if (!regex.test(value)) { + return; + } + regex.lastIndex = 0; + var id = regex.exec(value)[1]; + regex.lastIndex = 0; + return fabric[storage][this.svgUid][id]; + }; + + proto.resolveGradient = function(obj, el, property) { + var gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); + if (gradientDef) { + var opacityAttr = el.getAttribute(property + '-opacity'); + var gradient = fabric.Gradient.fromElement(gradientDef, obj, opacityAttr, this.options); + obj.set(property, gradient); + } + }; + + proto.createClipPathCallback = function(obj, container) { + return function(_newObj) { + _newObj._removeTransformMatrix(); + _newObj.fillRule = _newObj.clipRule; + container.push(_newObj); + }; + }; + + proto.resolveClipPath = function(obj, usingElement) { + var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), + element, klass, objTransformInv, container, gTransform, options; + if (clipPath) { + container = []; + objTransformInv = fabric.util.invertTransform(obj.calcTransformMatrix()); + // move the clipPath tag as sibling to the real element that is using it + var clipPathTag = clipPath[0].parentNode; + var clipPathOwner = usingElement; + while (clipPathOwner.parentNode && clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { + clipPathOwner = clipPathOwner.parentNode; + } + clipPathOwner.parentNode.appendChild(clipPathTag); + for (var i = 0; i < clipPath.length; i++) { + element = clipPath[i]; + klass = this.findTag(element); + klass.fromElement( + element, + this.createClipPathCallback(obj, container), + this.options + ); + } + if (container.length === 1) { + clipPath = container[0]; + } + else { + clipPath = new fabric.Group(container); + } + gTransform = fabric.util.multiplyTransformMatrices( + objTransformInv, + clipPath.calcTransformMatrix() + ); + if (clipPath.clipPath) { + this.resolveClipPath(clipPath, clipPathOwner); + } + var options = fabric.util.qrDecompose(gTransform); + clipPath.flipX = false; + clipPath.flipY = false; + clipPath.set('scaleX', options.scaleX); + clipPath.set('scaleY', options.scaleY); + clipPath.angle = options.angle; + clipPath.skewX = options.skewX; + clipPath.skewY = 0; + clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); + obj.clipPath = clipPath; } - off(arg0, handler) { - if (!this.__eventListeners) { - return; - } - // remove all key/value pairs (event name -> event handler) - if (typeof arg0 === 'undefined') { - for (const eventName in this.__eventListeners) { - this._removeEventListener(eventName); - } - } - // one object with key/value pairs was passed - else if (typeof arg0 === 'object') { - for (const eventName in arg0) { - this._removeEventListener(eventName, arg0[eventName]); - } - } - else { - this._removeEventListener(arg0, handler); - } + else { + // if clip-path does not resolve to any element, delete the property. + delete obj.clipPath; } + }; + + proto.checkIfDone = function() { + if (--this.numElements === 0) { + this.instances = this.instances.filter(function(el) { + // eslint-disable-next-line no-eq-null, eqeqeq + return el != null; + }); + this.callback(this.instances, this.elements); + } + }; +})(fabric.ElementsParser.prototype); + + +(function(global) { + + 'use strict'; + + /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Point) { + fabric.warn('fabric.Point is already defined'); + return; + } + + fabric.Point = Point; + + /** + * Point class + * @class fabric.Point + * @memberOf fabric + * @constructor + * @param {Number} x + * @param {Number} y + * @return {fabric.Point} thisArg + */ + function Point(x, y) { + this.x = x; + this.y = y; + } + + Point.prototype = /** @lends fabric.Point.prototype */ { + + type: 'point', + + constructor: Point, + /** - * Fires event with an optional options object - * @param {String} eventName Event name to fire - * @param {Object} [options] Options object + * Adds another point to this one and returns another one + * @param {fabric.Point} that + * @return {fabric.Point} new Point instance with added values */ - fire(eventName, options) { - var _a; - if (!this.__eventListeners) { - return; - } - const listenersForEvent = (_a = this.__eventListeners[eventName]) === null || _a === void 0 ? void 0 : _a.concat(); - if (listenersForEvent) { - for (let i = 0; i < listenersForEvent.length; i++) { - listenersForEvent[i].call(this, options || {}); - } - } - } -} -fabric$3.Observable = Observable; + add: function (that) { + return new Point(this.x + that.x, this.y + that.y); + }, -//@ts-nocheck -class CommonMethods extends Observable { /** - * Sets object's properties from options - * @param {Object} [options] Options object + * Adds another point to this one + * @param {fabric.Point} that + * @return {fabric.Point} thisArg + * @chainable */ - _setOptions(options) { - for (const prop in options) { - this.set(prop, options[prop]); - } - } + addEquals: function (that) { + this.x += that.x; + this.y += that.y; + return this; + }, + /** - * @private + * Adds value to this point and returns a new one + * @param {Number} scalar + * @return {fabric.Point} new Point with added value */ - _setObject(obj) { - for (const prop in obj) { - this._set(prop, obj[prop]); - } - } + scalarAdd: function (scalar) { + return new Point(this.x + scalar, this.y + scalar); + }, + /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg + * Adds value to this point + * @param {Number} scalar + * @return {fabric.Point} thisArg * @chainable */ - set(key, value) { - if (typeof key === 'object') { - this._setObject(key); - } - else { - this._set(key, value); - } - return this; - } - _set(key, value) { - this[key] = value; - } + scalarAddEquals: function (scalar) { + this.x += scalar; + this.y += scalar; + return this; + }, + /** - * Toggles specified property from `true` to `false` or from `false` to `true` - * @param {String} property Property to toggle - * @return {fabric.Object} thisArg - * @chainable + * Subtracts another point from this point and returns a new one + * @param {fabric.Point} that + * @return {fabric.Point} new Point object with subtracted values */ - toggle(property) { - const value = this.get(property); - if (typeof value === 'boolean') { - this.set(property, !value); - } - return this; - } + subtract: function (that) { + return new Point(this.x - that.x, this.y - that.y); + }, + /** - * Basic getter - * @param {String} property Property name - * @return {*} value of a property + * Subtracts another point from this point + * @param {fabric.Point} that + * @return {fabric.Point} thisArg + * @chainable */ - get(property) { - return this[property]; - } -} + subtractEquals: function (that) { + this.x -= that.x; + this.y -= that.y; + return this; + }, -const originOffset = { - left: -0.5, - top: -0.5, - center: 0, - bottom: 0.5, - right: 0.5, -}; -/** - * Resolves origin value relative to center - * @private - * @param {TOriginX | TOriginY} originValue originX / originY - * @returns number - */ -const resolveOrigin = (originValue) => typeof originValue === 'string' - ? originOffset[originValue] - : originValue - 0.5; -class ObjectOrigin extends CommonMethods { - /** - * Calculate object bounding box dimensions from its properties scale, skew. - * @param {Object} [options] - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @private - * @returns {Point} dimensions - */ - _getTransformedDimensions(options = {}) { - const dimOptions = Object.assign({ scaleX: this.scaleX, scaleY: this.scaleY, skewX: this.skewX, skewY: this.skewY, width: this.width, height: this.height, strokeWidth: this.strokeWidth }, options); - // stroke is applied before/after transformations are applied according to `strokeUniform` - const strokeWidth = dimOptions.strokeWidth; - let preScalingStrokeValue = strokeWidth, postScalingStrokeValue = 0; - if (this.strokeUniform) { - preScalingStrokeValue = 0; - postScalingStrokeValue = strokeWidth; - } - const dimX = dimOptions.width + preScalingStrokeValue, dimY = dimOptions.height + preScalingStrokeValue, noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0; - let finalDimensions; - if (noSkew) { - finalDimensions = new Point(dimX * dimOptions.scaleX, dimY * dimOptions.scaleY); - } - else { - finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions); - } - return finalDimensions.scalarAdd(postScalingStrokeValue); - } /** - * Translates the coordinates from a set of origin to another (based on the object's dimensions) - * @param {Point} point The point which corresponds to the originX and originY params - * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom' - * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} + * Subtracts value from this point and returns a new one + * @param {Number} scalar + * @return {fabric.Point} */ - translateToGivenOrigin(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { - let x = point.x, y = point.y; - const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX), offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY); - if (offsetX || offsetY) { - const dim = this._getTransformedDimensions(); - x += offsetX * dim.x; - y += offsetY * dim.y; - } - return new Point(x, y); - } + scalarSubtract: function (scalar) { + return new Point(this.x - scalar, this.y - scalar); + }, + /** - * Translates the coordinates from origin to center coordinates (based on the object's dimensions) - * @param {Point} point The point which corresponds to the originX and originY params - * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} + * Subtracts value from this point + * @param {Number} scalar + * @return {fabric.Point} thisArg + * @chainable */ - translateToCenterPoint(point, originX, originY) { - const p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); - if (this.angle) { - return p.rotate(degreesToRadians(this.angle), point); - } - return p; - } - /** - * Translates the coordinates from center to origin coordinates (based on the object's dimensions) - * @param {Point} center The point which corresponds to center of the object - * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} - */ - translateToOriginPoint(center, originX, originY) { - const p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); - if (this.angle) { - return p.rotate(degreesToRadians(this.angle), center); - } - return p; - } + scalarSubtractEquals: function (scalar) { + this.x -= scalar; + this.y -= scalar; + return this; + }, + /** - * Returns the center coordinates of the object relative to canvas - * @return {Point} + * Multiplies this point by a value and returns a new one + * TODO: rename in scalarMultiply in 2.0 + * @param {Number} scalar + * @return {fabric.Point} */ - getCenterPoint() { - const relCenter = this.getRelativeCenterPoint(); - return this.group - ? transformPoint$1(relCenter, this.group.calcTransformMatrix()) - : relCenter; - } + multiply: function (scalar) { + return new Point(this.x * scalar, this.y * scalar); + }, + /** - * Returns the center coordinates of the object relative to it's parent - * @return {Point} + * Multiplies this point by a value + * TODO: rename in scalarMultiplyEquals in 2.0 + * @param {Number} scalar + * @return {fabric.Point} thisArg + * @chainable */ - getRelativeCenterPoint() { - return this.translateToCenterPoint(new Point(this.left, this.top), this.originX, this.originY); - } + multiplyEquals: function (scalar) { + this.x *= scalar; + this.y *= scalar; + return this; + }, + /** - * Returns the coordinates of the object as if it has a different origin - * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} + * Divides this point by a value and returns a new one + * TODO: rename in scalarDivide in 2.0 + * @param {Number} scalar + * @return {fabric.Point} */ - getPointByOrigin(originX, originY) { - return this.translateToOriginPoint(this.getRelativeCenterPoint(), originX, originY); - } + divide: function (scalar) { + return new Point(this.x / scalar, this.y / scalar); + }, + /** - * Sets the position of the object taking into consideration the object's origin - * @param {Point} pos The new position of the object - * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {void} + * Divides this point by a value + * TODO: rename in scalarDivideEquals in 2.0 + * @param {Number} scalar + * @return {fabric.Point} thisArg + * @chainable */ - setPositionByOrigin(pos, originX, originY) { - const center = this.translateToCenterPoint(pos, originX, originY), position = this.translateToOriginPoint(center, this.originX, this.originY); - this.set({ left: position.x, top: position.y }); - } + divideEquals: function (scalar) { + this.x /= scalar; + this.y /= scalar; + return this; + }, + /** - * Sets the origin/position of the object to it's center point - * @private - * @return {void} + * Returns true if this point is equal to another one + * @param {fabric.Point} that + * @return {Boolean} */ - _setOriginToCenter() { - this._originalOriginX = this.originX; - this._originalOriginY = this.originY; - const center = this.getRelativeCenterPoint(); - this.originX = 'center'; - this.originY = 'center'; - this.left = center.x; - this.top = center.y; - } + eq: function (that) { + return (this.x === that.x && this.y === that.y); + }, + /** - * Resets the origin/position of the object to it's original origin - * @private - * @return {void} + * Returns true if this point is less than another one + * @param {fabric.Point} that + * @return {Boolean} */ - _resetOrigin() { - if (this._originalOriginX !== undefined && - this._originalOriginY !== undefined) { - const originPoint = this.translateToOriginPoint(this.getRelativeCenterPoint(), this._originalOriginX, this._originalOriginY); - this.left = originPoint.x; - this.top = originPoint.y; - this.originX = this._originalOriginX; - this.originY = this._originalOriginY; - this._originalOriginX = undefined; - this._originalOriginY = undefined; - } - } + lt: function (that) { + return (this.x < that.x && this.y < that.y); + }, + /** - * @private + * Returns true if this point is less than or equal to another one + * @param {fabric.Point} that + * @return {Boolean} */ - _getLeftTopCoords() { - return this.translateToOriginPoint(this.getRelativeCenterPoint(), 'left', 'top'); - } -} + lte: function (that) { + return (this.x <= that.x && this.y <= that.y); + }, -class ObjectGeometry extends ObjectOrigin { /** - * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane + + * Returns true if this point is greater another one + * @param {fabric.Point} that + * @return {Boolean} */ - getX() { - return this.getXY().x; - } + gt: function (that) { + return (this.x > that.x && this.y > that.y); + }, + /** - * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane + * Returns true if this point is greater than or equal to another one + * @param {fabric.Point} that + * @return {Boolean} */ - setX(value) { - this.setXY(this.getXY().setX(value)); - } + gte: function (that) { + return (this.x >= that.x && this.y >= that.y); + }, + /** - * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane - */ - getY() { - return this.getXY().y; - } + * Returns new point which is the result of linear interpolation with this one and another one + * @param {fabric.Point} that + * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 + * @return {fabric.Point} + */ + lerp: function (that, t) { + if (typeof t === 'undefined') { + t = 0.5; + } + t = Math.max(Math.min(1, t), 0); + return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); + }, + /** - * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane + * Returns distance from this point and another one + * @param {fabric.Point} that + * @return {Number} */ - setY(value) { - this.setXY(this.getXY().setY(value)); - } + distanceFrom: function (that) { + var dx = this.x - that.x, + dy = this.y - that.y; + return Math.sqrt(dx * dx + dy * dy); + }, + /** - * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ - * if parent is canvas then this property is identical to {@link fabric.Object#getX} + * Returns the point between this point and another one + * @param {fabric.Point} that + * @return {fabric.Point} */ - getRelativeX() { - return this.left; - } + midPointFrom: function (that) { + return this.lerp(that); + }, + /** - * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ - * if parent is canvas then this method is identical to {@link fabric.Object#setX} + * Returns a new point which is the min of this and another one + * @param {fabric.Point} that + * @return {fabric.Point} */ - setRelativeX(value) { - this.left = value; - } + min: function (that) { + return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); + }, + /** - * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ - * if parent is canvas then this property is identical to {@link fabric.Object#getY} + * Returns a new point which is the max of this and another one + * @param {fabric.Point} that + * @return {fabric.Point} */ - getRelativeY() { - return this.top; - } + max: function (that) { + return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); + }, + /** - * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ - * if parent is canvas then this property is identical to {@link fabric.Object#setY} + * Returns string representation of this point + * @return {String} */ - setRelativeY(value) { - this.top = value; - } + toString: function () { + return this.x + ',' + this.y; + }, + /** - * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane + * Sets x/y of this point + * @param {Number} x + * @param {Number} y + * @chainable */ - getXY() { - const relativePosition = this.getRelativeXY(); - return this.group - ? transformPoint$1(relativePosition, this.group.calcTransformMatrix()) - : relativePosition; - } + setXY: function (x, y) { + this.x = x; + this.y = y; + return this; + }, + /** - * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate. - * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values, - * that otherwise are the object's current values. - * @example Set object's bottom left corner to point (5,5) on canvas - * object.setXY(new Point(5, 5), 'left', 'bottom'). - * @param {Point} point position in canvas coordinate plane - * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' + * Sets x of this point + * @param {Number} x + * @chainable */ - setXY(point, originX, originY) { - if (this.group) { - point = transformPoint$1(point, invertTransform(this.group.calcTransformMatrix())); - } - this.setRelativeXY(point, originX, originY); - } + setX: function (x) { + this.x = x; + return this; + }, + /** - * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane + * Sets y of this point + * @param {Number} y + * @chainable */ - getRelativeXY() { - return new Point(this.left, this.top); - } + setY: function (y) { + this.y = y; + return this; + }, + /** - * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas) - * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane - * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' + * Sets x/y of this point from another point + * @param {fabric.Point} that + * @chainable */ - setRelativeXY(point, originX, originY) { - this.setPositionByOrigin(point, originX || this.originX, originY || this.originY); - } + setFromPoint: function (that) { + this.x = that.x; + this.y = that.y; + return this; + }, + /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * @param {boolean} absolute will return aCoords if true or lineCoords - * @param {boolean} calculate will calculate the coords or use the one - * that are attached to the object instance - * @return {Object} {tl, tr, br, bl} points - */ - _getCoords(absolute = false, calculate = false) { - if (calculate) { - return absolute ? this.calcACoords() : this.calcLineCoords(); - } - // swapped this double if in place of setCoords(); - if (!this.aCoords) { - this.aCoords = this.calcACoords(); - } - if (!this.lineCoords) { - this.lineCoords = this.calcLineCoords(); - } - return absolute ? this.aCoords : this.lineCoords; - } + * Swaps x/y of this point and another point + * @param {fabric.Point} that + */ + swap: function (that) { + var x = this.x, + y = this.y; + this.x = that.x; + this.y = that.y; + that.x = x; + that.y = y; + }, + /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * The coords are returned in an array. - * @param {boolean} absolute will return aCoords if true or lineCoords - * @param {boolean} calculate will return aCoords if true or lineCoords - * @return {Array} [tl, tr, br, bl] of points + * return a cloned instance of the point + * @return {fabric.Point} */ - getCoords(absolute = false, calculate = false) { - const { tl, tr, br, bl } = this._getCoords(absolute, calculate); - const coords = [tl, tr, br, bl]; - if (this.group) { - const t = this.group.calcTransformMatrix(); - return coords.map((p) => transformPoint$1(p, t)); - } - return coords; + clone: function () { + return new Point(this.x, this.y); } + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Intersection) { + fabric.warn('fabric.Intersection is already defined'); + return; + } + + /** + * Intersection class + * @class fabric.Intersection + * @memberOf fabric + * @constructor + */ + function Intersection(status) { + this.status = status; + this.points = []; + } + + fabric.Intersection = Intersection; + + fabric.Intersection.prototype = /** @lends fabric.Intersection.prototype */ { + + constructor: Intersection, + /** - * Checks if object intersects with an area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored one - * @return {Boolean} true if object intersects with an area formed by 2 points + * Appends a point to intersection + * @param {fabric.Point} point + * @return {fabric.Intersection} thisArg + * @chainable */ - intersectsWithRect(pointTL, pointBR, absolute, calculate) { - const coords = this.getCoords(absolute, calculate), intersection = Intersection.intersectPolygonRectangle(coords, pointTL, pointBR); - return intersection.status === 'Intersection'; - } + appendPoint: function (point) { + this.points.push(point); + return this; + }, + /** - * Checks if object intersects with another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of calculating them - * @return {Boolean} true if object intersects with another object + * Appends points to intersection + * @param {Array} points + * @return {fabric.Intersection} thisArg + * @chainable */ - intersectsWithObject(other, absolute, calculate) { - const intersection = Intersection.intersectPolygonPolygon(this.getCoords(absolute, calculate), other.getCoords(absolute, calculate)); - return (intersection.status === 'Intersection' || - intersection.status === 'Coincident' || - other.isContainedWithinObject(this, absolute, calculate) || - this.isContainedWithinObject(other, absolute, calculate)); + appendPoints: function (points) { + this.points = this.points.concat(points); + return this; } - /** - * Checks if object is fully contained within area of another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of store ones - * @return {Boolean} true if object is fully contained within area of another object - */ - isContainedWithinObject(other, absolute, calculate) { - const points = this.getCoords(absolute, calculate), otherCoords = absolute ? other.aCoords : other.lineCoords, lines = other._getImageLines(otherCoords); - for (let i = 0; i < 4; i++) { - if (!other.containsPoint(points[i], lines)) { - return false; - } - } - return true; + }; + + /** + * Checks if one line intersects another + * TODO: rename in intersectSegmentSegment + * @static + * @param {fabric.Point} a1 + * @param {fabric.Point} a2 + * @param {fabric.Point} b1 + * @param {fabric.Point} b2 + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectLineLine = function (a1, a2, b1, b2) { + var result, + uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), + ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), + uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); + if (uB !== 0) { + var ua = uaT / uB, + ub = ubT / uB; + if (0 <= ua && ua <= 1 && 0 <= ub && ub <= 1) { + result = new Intersection('Intersection'); + result.appendPoint(new fabric.Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); + } + else { + result = new Intersection(); + } } - /** - * Checks if object is fully contained within area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored one - * @return {Boolean} true if object is fully contained within area formed by 2 points - */ - isContainedWithinRect(pointTL, pointBR, absolute, calculate) { - const boundingRect = this.getBoundingRect(absolute, calculate); - return (boundingRect.left >= pointTL.x && - boundingRect.left + boundingRect.width <= pointBR.x && - boundingRect.top >= pointTL.y && - boundingRect.top + boundingRect.height <= pointBR.y); + else { + if (uaT === 0 || ubT === 0) { + result = new Intersection('Coincident'); + } + else { + result = new Intersection('Parallel'); + } } - /** - * Checks if point is inside the object - * @param {Point} point Point to check against - * @param {Object} [lines] object returned from @method _getImageLines - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored ones - * @return {Boolean} true if point is inside the object - */ - containsPoint(point, lines, absolute = false, calculate = false) { - const coords = this._getCoords(absolute, calculate), imageLines = lines || this._getImageLines(coords), xPoints = this._findCrossPoints(point, imageLines); - // if xPoints is odd then point is inside the object - return xPoints !== 0 && xPoints % 2 === 1; + return result; + }; + + /** + * Checks if line intersects polygon + * TODO: rename in intersectSegmentPolygon + * fix detection of coincident + * @static + * @param {fabric.Point} a1 + * @param {fabric.Point} a2 + * @param {Array} points + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectLinePolygon = function(a1, a2, points) { + var result = new Intersection(), + length = points.length, + b1, b2, inter, i; + + for (i = 0; i < length; i++) { + b1 = points[i]; + b2 = points[(i + 1) % length]; + inter = Intersection.intersectLineLine(a1, a2, b1, b2); + + result.appendPoints(inter.points); } - /** - * Checks if object is contained within the canvas with current viewportTransform - * the check is done stopping at first point that appears on screen - * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords - * @return {Boolean} true if object is fully or partially contained within canvas - */ - isOnScreen(calculate = false) { - if (!this.canvas) { - return false; - } - const { tl, br } = this.canvas.vptCoords; - const points = this.getCoords(true, calculate); - // if some point is on screen, the object is on screen. - if (points.some((point) => point.x <= br.x && - point.x >= tl.x && - point.y <= br.y && - point.y >= tl.y)) { - return true; - } - // no points on screen, check intersection with absolute coordinates - if (this.intersectsWithRect(tl, br, true, calculate)) { - return true; - } - return this._containsCenterOfCanvas(tl, br, calculate); + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + }; + + /** + * Checks if polygon intersects another polygon + * @static + * @param {Array} points1 + * @param {Array} points2 + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectPolygonPolygon = function (points1, points2) { + var result = new Intersection(), + length = points1.length, i; + + for (i = 0; i < length; i++) { + var a1 = points1[i], + a2 = points1[(i + 1) % length], + inter = Intersection.intersectLinePolygon(a1, a2, points2); + + result.appendPoints(inter.points); + } + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + }; + + /** + * Checks if polygon intersects rectangle + * @static + * @param {Array} points + * @param {fabric.Point} r1 + * @param {fabric.Point} r2 + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectPolygonRectangle = function (points, r1, r2) { + var min = r1.min(r2), + max = r1.max(r2), + topRight = new fabric.Point(max.x, min.y), + bottomLeft = new fabric.Point(min.x, max.y), + inter1 = Intersection.intersectLinePolygon(min, topRight, points), + inter2 = Intersection.intersectLinePolygon(topRight, max, points), + inter3 = Intersection.intersectLinePolygon(max, bottomLeft, points), + inter4 = Intersection.intersectLinePolygon(bottomLeft, min, points), + result = new Intersection(); + + result.appendPoints(inter1.points); + result.appendPoints(inter2.points); + result.appendPoints(inter3.points); + result.appendPoints(inter4.points); + + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Color) { + fabric.warn('fabric.Color is already defined.'); + return; + } + + /** + * Color class + * The purpose of {@link fabric.Color} is to abstract and encapsulate common color operations; + * {@link fabric.Color} is a constructor and creates instances of {@link fabric.Color} objects. + * + * @class fabric.Color + * @param {String} color optional in hex or rgb(a) or hsl format or from known color list + * @return {fabric.Color} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors} + */ + function Color(color) { + if (!color) { + this.setSource([0, 0, 0, 1]); } + else { + this._tryParsingColor(color); + } + } + + fabric.Color = Color; + + fabric.Color.prototype = /** @lends fabric.Color.prototype */ { + /** - * Checks if the object contains the midpoint between canvas extremities - * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen * @private - * @param {Point} pointTL Top Left point - * @param {Point} pointBR Top Right point - * @param {Boolean} calculate use coordinates of current position instead of stored ones - * @return {Boolean} true if the object contains the point + * @param {String|Array} color Color value to parse */ - _containsCenterOfCanvas(pointTL, pointBR, calculate) { - // worst case scenario the object is so big that contains the screen - const centerPoint = pointTL.midPointFrom(pointBR); - return this.containsPoint(centerPoint, undefined, true, calculate); - } + _tryParsingColor: function(color) { + var source; + + if (color in Color.colorNameMap) { + color = Color.colorNameMap[color]; + } + + if (color === 'transparent') { + source = [255, 255, 255, 0]; + } + + if (!source) { + source = Color.sourceFromHex(color); + } + if (!source) { + source = Color.sourceFromRgb(color); + } + if (!source) { + source = Color.sourceFromHsl(color); + } + if (!source) { + //if color is not recognize let's make black as canvas does + source = [0, 0, 0, 1]; + } + if (source) { + this.setSource(source); + } + }, + /** - * Checks if object is partially contained within the canvas with current viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored ones - * @return {Boolean} true if object is partially contained within canvas + * Adapted from https://github.com/mjijackson + * @private + * @param {Number} r Red color value + * @param {Number} g Green color value + * @param {Number} b Blue color value + * @return {Array} Hsl color */ - isPartiallyOnScreen(calculate) { - if (!this.canvas) { - return false; - } - const { tl, br } = this.canvas.vptCoords; - if (this.intersectsWithRect(tl, br, true, calculate)) { - return true; + _rgbToHsl: function(r, g, b) { + r /= 255; g /= 255; b /= 255; + + var h, s, l, + max = fabric.util.array.max([r, g, b]), + min = fabric.util.array.min([r, g, b]); + + l = (max + min) / 2; + + if (max === min) { + h = s = 0; // achromatic + } + else { + var d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + switch (max) { + case r: + h = (g - b) / d + (g < b ? 6 : 0); + break; + case g: + h = (b - r) / d + 2; + break; + case b: + h = (r - g) / d + 4; + break; } - const allPointsAreOutside = this.getCoords(true, calculate).every((point) => (point.x >= br.x || point.x <= tl.x) && - (point.y >= br.y || point.y <= tl.y)); - return (allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)); - } + h /= 6; + } + + return [ + Math.round(h * 360), + Math.round(s * 100), + Math.round(l * 100) + ]; + }, + /** - * Method that returns an object with the object edges in it, given the coordinates of the corners - * @private - * @param {Object} lineCoords or aCoords Coordinates of the object corners + * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @return {Array} */ - _getImageLines({ tl, tr, bl, br }) { - const lines = { - topline: { - o: tl, - d: tr, - }, - rightline: { - o: tr, - d: br, - }, - bottomline: { - o: br, - d: bl, - }, - leftline: { - o: bl, - d: tl, - }, - }; - // // debugging - // if (this.canvas.contextTop) { - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - // } - return lines; - } - /** - * Helper method to determine how many cross points are between the 4 object edges - * and the horizontal line determined by a point on canvas - * @private - * @param {Point} point Point to check - * @param {Object} lines Coordinates of the object being evaluated - * @return {number} number of crossPoint - */ - _findCrossPoints(point, lines) { - let xcount = 0; - for (const lineKey in lines) { - let xi; - const iLine = lines[lineKey]; - // optimization 1: line below point. no cross - if (iLine.o.y < point.y && iLine.d.y < point.y) { - continue; - } - // optimization 2: line above point. no cross - if (iLine.o.y >= point.y && iLine.d.y >= point.y) { - continue; - } - // optimization 3: vertical line case - if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) { - xi = iLine.o.x; - } - // calculate the intersection point - else { - const b1 = 0; - const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); - const a1 = point.y - b1 * point.x; - const a2 = iLine.o.y - b2 * iLine.o.x; - xi = -(a1 - a2) / (b1 - b2); - } - // don't count xi < point.x cases - if (xi >= point.x) { - xcount += 1; - } - // optimization 4: specific for square images - if (xcount === 2) { - break; - } - } - return xcount; - } + getSource: function() { + return this._source; + }, + /** - * Returns coordinates of object's bounding rectangle (left, top, width, height) - * the box is intended as aligned to axis of canvas. - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords - * @return {Object} Object with left, top, width, height properties + * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @param {Array} source */ - getBoundingRect(absolute, calculate) { - return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate)); - } + setSource: function(source) { + this._source = source; + }, + /** - * Returns width of an object's bounding box counting transformations - * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? - * @return {Number} width value + * Returns color representation in RGB format + * @return {String} ex: rgb(0-255,0-255,0-255) */ - getScaledWidth() { - return this._getTransformedDimensions().x; - } + toRgb: function() { + var source = this.getSource(); + return 'rgb(' + source[0] + ',' + source[1] + ',' + source[2] + ')'; + }, + /** - * Returns height of an object bounding box counting transformations - * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? - * @return {Number} height value + * Returns color representation in RGBA format + * @return {String} ex: rgba(0-255,0-255,0-255,0-1) */ - getScaledHeight() { - return this._getTransformedDimensions().y; - } + toRgba: function() { + var source = this.getSource(); + return 'rgba(' + source[0] + ',' + source[1] + ',' + source[2] + ',' + source[3] + ')'; + }, + /** - * Scales an object (equally by x and y) - * @param {Number} value Scale factor - * @return {void} + * Returns color representation in HSL format + * @return {String} ex: hsl(0-360,0%-100%,0%-100%) */ - scale(value) { - this._set('scaleX', value); - this._set('scaleY', value); - this.setCoords(); - } + toHsl: function() { + var source = this.getSource(), + hsl = this._rgbToHsl(source[0], source[1], source[2]); + + return 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%)'; + }, + /** - * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New width value - * @param {Boolean} absolute ignore viewport - * @return {void} + * Returns color representation in HSLA format + * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) */ - scaleToWidth(value, absolute) { - // adjust to bounding rect factor so that rotated shapes would fit as well - const boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); - return this.scale(value / this.width / boundingRectFactor); - } + toHsla: function() { + var source = this.getSource(), + hsl = this._rgbToHsl(source[0], source[1], source[2]); + + return 'hsla(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%,' + source[3] + ')'; + }, + /** - * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New height value - * @param {Boolean} absolute ignore viewport - * @return {void} + * Returns color representation in HEX format + * @return {String} ex: FF5555 */ - scaleToHeight(value, absolute = false) { - // adjust to bounding rect factor so that rotated shapes would fit as well - const boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); - return this.scale(value / this.height / boundingRectFactor); - } + toHex: function() { + var source = this.getSource(), r, g, b; + + r = source[0].toString(16); + r = (r.length === 1) ? ('0' + r) : r; + + g = source[1].toString(16); + g = (g.length === 1) ? ('0' + g) : g; + + b = source[2].toString(16); + b = (b.length === 1) ? ('0' + b) : b; + + return r.toUpperCase() + g.toUpperCase() + b.toUpperCase(); + }, + /** - * Returns the object angle relative to canvas counting also the group property - * @returns {TDegree} + * Returns color representation in HEXA format + * @return {String} ex: FF5555CC */ - getTotalAngle() { - return this.group - ? qrDecompose(this.calcTransformMatrix()).angle - : this.angle; - } + toHexa: function() { + var source = this.getSource(), a; + + a = Math.round(source[3] * 255); + a = a.toString(16); + a = (a.length === 1) ? ('0' + a) : a; + + return this.toHex() + a.toUpperCase(); + }, + /** - * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates - * used for bounding box interactivity with the mouse - * @returns {TCornerPoint} + * Gets value of alpha channel for this color + * @return {Number} 0-1 */ - calcLineCoords() { - const vpt = this.getViewportTransform(), padding = this.padding, angle = degreesToRadians(this.getTotalAngle()), cosP = cos(angle) * padding, sinP = sin(angle) * padding, cosPSinP = cosP + sinP, cosPMinusSinP = cosP - sinP, { tl, tr, bl, br } = this.calcACoords(); - const lineCoords = { - tl: transformPoint$1(tl, vpt), - tr: transformPoint$1(tr, vpt), - bl: transformPoint$1(bl, vpt), - br: transformPoint$1(br, vpt), - }; - if (padding) { - lineCoords.tl.x -= cosPMinusSinP; - lineCoords.tl.y -= cosPSinP; - lineCoords.tr.x += cosPSinP; - lineCoords.tr.y -= cosPMinusSinP; - lineCoords.bl.x -= cosPSinP; - lineCoords.bl.y += cosPMinusSinP; - lineCoords.br.x += cosPMinusSinP; - lineCoords.br.y += cosPSinP; - } - return lineCoords; - } + getAlpha: function() { + return this.getSource()[3]; + }, + /** - * Retrieves viewportTransform from Object's canvas if possible - * @method getViewportTransform - * @memberOf FabricObject.prototype - * @return {TMat2D} + * Sets value of alpha channel for this color + * @param {Number} alpha Alpha value 0-1 + * @return {fabric.Color} thisArg */ - getViewportTransform() { - var _a; - return ((_a = this.canvas) === null || _a === void 0 ? void 0 : _a.viewportTransform) || iMatrix.concat(); - } + setAlpha: function(alpha) { + var source = this.getSource(); + source[3] = alpha; + this.setSource(source); + return this; + }, + /** - * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates. - * those never change with zoom or viewport changes. - * @return {TCornerPoint} - */ - calcACoords() { - const rotateMatrix = calcRotateMatrix({ angle: this.angle }), center = this.getRelativeCenterPoint(), translateMatrix = [1, 0, 0, 1, center.x, center.y], finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix), dim = this._getTransformedDimensions(), w = dim.x / 2, h = dim.y / 2; - return { - // corners - tl: transformPoint$1({ x: -w, y: -h }, finalMatrix), - tr: transformPoint$1({ x: w, y: -h }, finalMatrix), - bl: transformPoint$1({ x: -w, y: h }, finalMatrix), - br: transformPoint$1({ x: w, y: h }, finalMatrix), - }; - } + * Transforms color to its grayscale representation + * @return {fabric.Color} thisArg + */ + toGrayscale: function() { + var source = this.getSource(), + average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), + currentAlpha = source[3]; + this.setSource([average, average, average, currentAlpha]); + return this; + }, + /** - * Sets corner and controls position coordinates based on current angle, width and height, left and top. - * aCoords are used to quickly find an object on the canvas - * lineCoords are used to quickly find object during pointer events. - * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} - * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords. - * @return {void} + * Transforms color to its black and white representation + * @param {Number} threshold + * @return {fabric.Color} thisArg */ - setCoords() { - this.aCoords = this.calcACoords(); - // in case we are in a group, for how the inner group target check works, - // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. - this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); - } - transformMatrixKey(skipGroup = false) { - const sep = '_'; - let prefix = ''; - if (!skipGroup && this.group) { - prefix = this.group.transformMatrixKey(skipGroup) + sep; - } - return (prefix + - this.top + - sep + - this.left + - sep + - this.scaleX + - sep + - this.scaleY + - sep + - this.skewX + - sep + - this.skewY + - sep + - this.angle + - sep + - this.originX + - sep + - this.originY + - sep + - this.width + - sep + - this.height + - sep + - this.strokeWidth + - this.flipX + - this.flipY); - } + toBlackWhite: function(threshold) { + var source = this.getSource(), + average = (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), + currentAlpha = source[3]; + + threshold = threshold || 127; + + average = (Number(average) < Number(threshold)) ? 0 : 255; + this.setSource([average, average, average, currentAlpha]); + return this; + }, + /** - * calculate transform matrix that represents the current transformations from the - * object's properties. - * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations - * There are some situation in which this is useful to avoid the fake rotation. - * @return {TMat2D} transform matrix for the object + * Overlays color with another color + * @param {String|fabric.Color} otherColor + * @return {fabric.Color} thisArg */ - calcTransformMatrix(skipGroup = false) { - let matrix = this.calcOwnMatrix(); - if (skipGroup || !this.group) { - return matrix; - } - const key = this.transformMatrixKey(skipGroup), cache = this.matrixCache; - if (cache && cache.key === key) { - return cache.value; - } - if (this.group) { - matrix = multiplyTransformMatrices(this.group.calcTransformMatrix(false), matrix); - } - this.matrixCache = { - key, - value: matrix, - }; - return matrix; + overlayWith: function(otherColor) { + if (!(otherColor instanceof Color)) { + otherColor = new Color(otherColor); + } + + var result = [], + alpha = this.getAlpha(), + otherAlpha = 0.5, + source = this.getSource(), + otherSource = otherColor.getSource(), i; + + for (i = 0; i < 3; i++) { + result.push(Math.round((source[i] * (1 - otherAlpha)) + (otherSource[i] * otherAlpha))); + } + + result[3] = alpha; + this.setSource(result); + return this; } - /** - * calculate transform matrix that represents the current transformations from the - * object's properties, this matrix does not include the group transformation - * @return {TMat2D} transform matrix for the object - */ - calcOwnMatrix() { - const key = this.transformMatrixKey(true), cache = this.ownMatrixCache; - if (cache && cache.key === key) { - return cache.value; - } - const center = this.getRelativeCenterPoint(), options = { - angle: this.angle, - translateX: center.x, - translateY: center.y, - scaleX: this.scaleX, - scaleY: this.scaleY, - skewX: this.skewX, - skewY: this.skewY, - flipX: this.flipX, - flipY: this.flipY, - }, value = composeMatrix(options); - this.ownMatrixCache = { - key, - value, - }; - return value; + }; + + /** + * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) + * @static + * @field + * @memberOf fabric.Color + */ + // eslint-disable-next-line max-len + fabric.Color.reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; + + /** + * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) + * @static + * @field + * @memberOf fabric.Color + */ + fabric.Color.reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}\%)\s*,\s*(\d{1,3}\%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; + + /** + * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) + * @static + * @field + * @memberOf fabric.Color + */ + fabric.Color.reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; + + /** + * Map of the 148 color names with HEX code + * @static + * @field + * @memberOf fabric.Color + * @see: https://www.w3.org/TR/css3-color/#svg-color + */ + fabric.Color.colorNameMap = { + aliceblue: '#F0F8FF', + antiquewhite: '#FAEBD7', + aqua: '#00FFFF', + aquamarine: '#7FFFD4', + azure: '#F0FFFF', + beige: '#F5F5DC', + bisque: '#FFE4C4', + black: '#000000', + blanchedalmond: '#FFEBCD', + blue: '#0000FF', + blueviolet: '#8A2BE2', + brown: '#A52A2A', + burlywood: '#DEB887', + cadetblue: '#5F9EA0', + chartreuse: '#7FFF00', + chocolate: '#D2691E', + coral: '#FF7F50', + cornflowerblue: '#6495ED', + cornsilk: '#FFF8DC', + crimson: '#DC143C', + cyan: '#00FFFF', + darkblue: '#00008B', + darkcyan: '#008B8B', + darkgoldenrod: '#B8860B', + darkgray: '#A9A9A9', + darkgrey: '#A9A9A9', + darkgreen: '#006400', + darkkhaki: '#BDB76B', + darkmagenta: '#8B008B', + darkolivegreen: '#556B2F', + darkorange: '#FF8C00', + darkorchid: '#9932CC', + darkred: '#8B0000', + darksalmon: '#E9967A', + darkseagreen: '#8FBC8F', + darkslateblue: '#483D8B', + darkslategray: '#2F4F4F', + darkslategrey: '#2F4F4F', + darkturquoise: '#00CED1', + darkviolet: '#9400D3', + deeppink: '#FF1493', + deepskyblue: '#00BFFF', + dimgray: '#696969', + dimgrey: '#696969', + dodgerblue: '#1E90FF', + firebrick: '#B22222', + floralwhite: '#FFFAF0', + forestgreen: '#228B22', + fuchsia: '#FF00FF', + gainsboro: '#DCDCDC', + ghostwhite: '#F8F8FF', + gold: '#FFD700', + goldenrod: '#DAA520', + gray: '#808080', + grey: '#808080', + green: '#008000', + greenyellow: '#ADFF2F', + honeydew: '#F0FFF0', + hotpink: '#FF69B4', + indianred: '#CD5C5C', + indigo: '#4B0082', + ivory: '#FFFFF0', + khaki: '#F0E68C', + lavender: '#E6E6FA', + lavenderblush: '#FFF0F5', + lawngreen: '#7CFC00', + lemonchiffon: '#FFFACD', + lightblue: '#ADD8E6', + lightcoral: '#F08080', + lightcyan: '#E0FFFF', + lightgoldenrodyellow: '#FAFAD2', + lightgray: '#D3D3D3', + lightgrey: '#D3D3D3', + lightgreen: '#90EE90', + lightpink: '#FFB6C1', + lightsalmon: '#FFA07A', + lightseagreen: '#20B2AA', + lightskyblue: '#87CEFA', + lightslategray: '#778899', + lightslategrey: '#778899', + lightsteelblue: '#B0C4DE', + lightyellow: '#FFFFE0', + lime: '#00FF00', + limegreen: '#32CD32', + linen: '#FAF0E6', + magenta: '#FF00FF', + maroon: '#800000', + mediumaquamarine: '#66CDAA', + mediumblue: '#0000CD', + mediumorchid: '#BA55D3', + mediumpurple: '#9370DB', + mediumseagreen: '#3CB371', + mediumslateblue: '#7B68EE', + mediumspringgreen: '#00FA9A', + mediumturquoise: '#48D1CC', + mediumvioletred: '#C71585', + midnightblue: '#191970', + mintcream: '#F5FFFA', + mistyrose: '#FFE4E1', + moccasin: '#FFE4B5', + navajowhite: '#FFDEAD', + navy: '#000080', + oldlace: '#FDF5E6', + olive: '#808000', + olivedrab: '#6B8E23', + orange: '#FFA500', + orangered: '#FF4500', + orchid: '#DA70D6', + palegoldenrod: '#EEE8AA', + palegreen: '#98FB98', + paleturquoise: '#AFEEEE', + palevioletred: '#DB7093', + papayawhip: '#FFEFD5', + peachpuff: '#FFDAB9', + peru: '#CD853F', + pink: '#FFC0CB', + plum: '#DDA0DD', + powderblue: '#B0E0E6', + purple: '#800080', + rebeccapurple: '#663399', + red: '#FF0000', + rosybrown: '#BC8F8F', + royalblue: '#4169E1', + saddlebrown: '#8B4513', + salmon: '#FA8072', + sandybrown: '#F4A460', + seagreen: '#2E8B57', + seashell: '#FFF5EE', + sienna: '#A0522D', + silver: '#C0C0C0', + skyblue: '#87CEEB', + slateblue: '#6A5ACD', + slategray: '#708090', + slategrey: '#708090', + snow: '#FFFAFA', + springgreen: '#00FF7F', + steelblue: '#4682B4', + tan: '#D2B48C', + teal: '#008080', + thistle: '#D8BFD8', + tomato: '#FF6347', + turquoise: '#40E0D0', + violet: '#EE82EE', + wheat: '#F5DEB3', + white: '#FFFFFF', + whitesmoke: '#F5F5F5', + yellow: '#FFFF00', + yellowgreen: '#9ACD32' + }; + + /** + * @private + * @param {Number} p + * @param {Number} q + * @param {Number} t + * @return {Number} + */ + function hue2rgb(p, q, t) { + if (t < 0) { + t += 1; } - /** - * Calculate object dimensions from its properties - * @private - * @returns {Point} dimensions - */ - _getNonTransformedDimensions() { - return new Point(this.width, this.height).scalarAdd(this.strokeWidth); + if (t > 1) { + t -= 1; } - /** - * Calculate object dimensions for controls box, including padding and canvas zoom. - * and active selection - * @private - * @param {object} [options] transform options - * @returns {Point} dimensions - */ - _calculateCurrentDimensions(options) { - return this._getTransformedDimensions(options) - .transform(this.getViewportTransform(), true) - .scalarAdd(2 * this.padding); + if (t < 1 / 6) { + return p + (q - p) * 6 * t; } -} - -const ALIASING_LIMIT = 2; -/** - * Root object class from which all 2d shape classes inherit from - * @class fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} - * @see {@link fabric.Object#initialize} for constructor definition - * - * @fires added - * @fires removed - * - * @fires selected - * @fires deselected - * @fires modified - * @fires modified - * @fires moved - * @fires scaled - * @fires rotated - * @fires skewed - * - * @fires rotating - * @fires scaling - * @fires moving - * @fires skewing - * - * @fires mousedown - * @fires mouseup - * @fires mouseover - * @fires mouseout - * @fires mousewheel - * @fires mousedblclick - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drop - */ -class FabricObject extends ObjectGeometry { - /** - * Constructor - * @param {Object} [options] Options object - */ - constructor(options) { - super(); - /** - * Quick access for the _cacheCanvas rendering context - * This is part of the objectCaching feature - * since 1.7.0 - * @type boolean - * @default undefined - * @private - */ - this._cacheContext = null; - if (options) { - this.setOptions(options); - } + if (t < 1 / 2) { + return q; } - /** - * Temporary compatibility issue with old classes - * @param {Object} [options] Options object - */ - initialize(options) { - if (options) { - this.setOptions(options); - } + if (t < 2 / 3) { + return p + (q - p) * (2 / 3 - t) * 6; } - /** - * Create a the canvas used to keep the cached copy of the object - * @private - */ - _createCacheCanvas() { - this._cacheCanvas = createCanvasElement$1(); - this._cacheContext = this._cacheCanvas.getContext('2d'); - this._updateCacheCanvas(); - // if canvas gets created, is empty, so dirty. - this.dirty = true; + return p; + } + + /** + * Returns new color object, when given a color in RGB format + * @memberOf fabric.Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255) + * @return {fabric.Color} + */ + fabric.Color.fromRgb = function(color) { + return Color.fromSource(Color.sourceFromRgb(color)); + }; + + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format + * @memberOf fabric.Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) + * @return {Array} source + */ + fabric.Color.sourceFromRgb = function(color) { + var match = color.match(Color.reRGBa); + if (match) { + var r = parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1) * (/%$/.test(match[1]) ? 255 : 1), + g = parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1) * (/%$/.test(match[2]) ? 255 : 1), + b = parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1) * (/%$/.test(match[3]) ? 255 : 1); + + return [ + parseInt(r, 10), + parseInt(g, 10), + parseInt(b, 10), + match[4] ? parseFloat(match[4]) : 1 + ]; + } + }; + + /** + * Returns new color object, when given a color in RGBA format + * @static + * @function + * @memberOf fabric.Color + * @param {String} color + * @return {fabric.Color} + */ + fabric.Color.fromRgba = Color.fromRgb; + + /** + * Returns new color object, when given a color in HSL format + * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) + * @memberOf fabric.Color + * @return {fabric.Color} + */ + fabric.Color.fromHsl = function(color) { + return Color.fromSource(Color.sourceFromHsl(color)); + }; + + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. + * Adapted from https://github.com/mjijackson + * @memberOf fabric.Color + * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) + * @return {Array} source + * @see http://http://www.w3.org/TR/css3-color/#hsl-color + */ + fabric.Color.sourceFromHsl = function(color) { + var match = color.match(Color.reHSLa); + if (!match) { + return; } - /** - * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal - * and each side do not cross fabric.cacheSideLimit - * those numbers are configurable so that you can get as much detail as you want - * making bargain with performances. - * @param {Object} dims - * @param {Object} dims.width width of canvas - * @param {Object} dims.height height of canvas - * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _limitCacheSize(dims) { - const width = dims.width, height = dims.height, max = config.maxCacheSideLimit, min = config.minCacheSideLimit; - if (width <= max && - height <= max && - width * height <= config.perfLimitSizeTotal) { - if (width < min) { - dims.width = min; - } - if (height < min) { - dims.height = min; - } - return dims; - } - const ar = width / height, [limX, limY] = cache.limitDimsByArea(ar), x = capValue(min, limX, max), y = capValue(min, limY, max); - if (width > x) { - dims.zoomX /= width / x; - dims.width = x; - dims.capped = true; - } - if (height > y) { - dims.zoomY /= height / y; - dims.height = y; - dims.capped = true; - } - return dims; + + var h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, + s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), + l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1), + r, g, b; + + if (s === 0) { + r = g = b = l; } - /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @return {Object}.x width of object to be cached - * @return {Object}.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _getCacheCanvasDimensions() { - const objectScale = this.getTotalObjectScaling(), - // calculate dimensions without skewing - dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }), neededX = (dim.x * objectScale.x) / this.scaleX, neededY = (dim.y * objectScale.y) / this.scaleY; - return { - // for sure this ALIASING_LIMIT is slightly creating problem - // in situation in which the cache canvas gets an upper limit - // also objectScale contains already scaleX and scaleY - width: neededX + ALIASING_LIMIT, - height: neededY + ALIASING_LIMIT, - zoomX: objectScale.x, - zoomY: objectScale.y, - x: neededX, - y: neededY, - }; + else { + var 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); } - /** - * Update width and height of the canvas for cache - * returns true or false if canvas needed resize. - * @private - * @return {Boolean} true if the canvas has been resized - */ - _updateCacheCanvas() { - const targetCanvas = this.canvas; - if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { - const target = targetCanvas._currentTransform.target, action = targetCanvas._currentTransform.action; - if (this === target && action.slice && action.slice(0, 5) === 'scale') { - return false; - } - } - const canvas = this._cacheCanvas, context = this._cacheContext, dims = this._limitCacheSize(this._getCacheCanvasDimensions()), minCacheSize = config.minCacheSideLimit, width = dims.width, height = dims.height, zoomX = dims.zoomX, zoomY = dims.zoomY, dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY; - if (!canvas || !context) { - return false; - } - let drawingWidth, drawingHeight, shouldRedraw = dimensionsChanged || zoomChanged, additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; - if (dimensionsChanged) { - const canvasWidth = this._cacheCanvas.width, canvasHeight = this._cacheCanvas.height, sizeGrowing = width > canvasWidth || height > canvasHeight, sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && - canvasWidth > minCacheSize && - canvasHeight > minCacheSize; - shouldResizeCanvas = sizeGrowing || sizeShrinking; - if (sizeGrowing && - !dims.capped && - (width > minCacheSize || height > minCacheSize)) { - additionalWidth = width * 0.1; - additionalHeight = height * 0.1; - } - } - if (this instanceof fabric$3.Text && this.path) { - shouldRedraw = true; - shouldResizeCanvas = true; - // IMHO in those lines we are using zoomX and zoomY not the this version. - additionalWidth += this.getHeightOfLine(0) * this.zoomX; - additionalHeight += this.getHeightOfLine(0) * this.zoomY; - } - if (shouldRedraw) { - if (shouldResizeCanvas) { - canvas.width = Math.ceil(width + additionalWidth); - canvas.height = Math.ceil(height + additionalHeight); - } - else { - context.setTransform(1, 0, 0, 1, 0, 0); - context.clearRect(0, 0, canvas.width, canvas.height); - } - drawingWidth = dims.x / 2; - drawingHeight = dims.y / 2; - this.cacheTranslationX = - Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; - this.cacheTranslationY = - Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; - this.cacheWidth = width; - this.cacheHeight = height; - context.translate(this.cacheTranslationX, this.cacheTranslationY); - context.scale(zoomX, zoomY); - this.zoomX = zoomX; - this.zoomY = zoomY; - return true; - } + + return [ + Math.round(r * 255), + Math.round(g * 255), + Math.round(b * 255), + match[4] ? parseFloat(match[4]) : 1 + ]; + }; + + /** + * Returns new color object, when given a color in HSLA format + * @static + * @function + * @memberOf fabric.Color + * @param {String} color + * @return {fabric.Color} + */ + fabric.Color.fromHsla = Color.fromHsl; + + /** + * Returns new color object, when given a color in HEX format + * @static + * @memberOf fabric.Color + * @param {String} color Color value ex: FF5555 + * @return {fabric.Color} + */ + fabric.Color.fromHex = function(color) { + return Color.fromSource(Color.sourceFromHex(color)); + }; + + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format + * @static + * @memberOf fabric.Color + * @param {String} color ex: FF5555 or FF5544CC (RGBa) + * @return {Array} source + */ + fabric.Color.sourceFromHex = function(color) { + if (color.match(Color.reHex)) { + var value = color.slice(color.indexOf('#') + 1), + isShortNotation = (value.length === 3 || value.length === 4), + isRGBa = (value.length === 8 || value.length === 4), + r = isShortNotation ? (value.charAt(0) + value.charAt(0)) : value.substring(0, 2), + g = isShortNotation ? (value.charAt(1) + value.charAt(1)) : value.substring(2, 4), + b = isShortNotation ? (value.charAt(2) + value.charAt(2)) : value.substring(4, 6), + a = isRGBa ? (isShortNotation ? (value.charAt(3) + value.charAt(3)) : value.substring(6, 8)) : 'FF'; + + return [ + parseInt(r, 16), + parseInt(g, 16), + parseInt(b, 16), + parseFloat((parseInt(a, 16) / 255).toFixed(2)) + ]; + } + }; + + /** + * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) + * @static + * @memberOf fabric.Color + * @param {Array} source + * @return {fabric.Color} + */ + fabric.Color.fromSource = function(source) { + var oColor = new Color(); + oColor.setSource(source); + return oColor; + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'], + skewMap = ['ns', 'nesw', 'ew', 'nwse'], + controls = {}, + LEFT = 'left', TOP = 'top', RIGHT = 'right', BOTTOM = 'bottom', CENTER = 'center', + opposite = { + top: BOTTOM, + bottom: TOP, + left: RIGHT, + right: LEFT, + center: CENTER, + }, radiansToDegrees = fabric.util.radiansToDegrees, + sign = (Math.sign || function(x) { return ((x > 0) - (x < 0)) || +x; }); + + /** + * Combine control position and object angle to find the control direction compared + * to the object center. + * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls + * @param {fabric.Control} control the control class + * @return {Number} 0 - 7 a quadrant number + */ + function findCornerQuadrant(fabricObject, control) { + var cornerAngle = fabricObject.angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; + return Math.round((cornerAngle % 360) / 45); + } + + function fireEvent(eventName, options) { + var target = options.transform.target, + canvas = target.canvas, + canvasOptions = fabric.util.object.clone(options); + canvasOptions.target = target; + canvas && canvas.fire('object:' + eventName, canvasOptions); + target.fire(eventName, options); + } + + /** + * Inspect event and fabricObject properties to understand if the scaling action + * @param {Event} eventData from the user action + * @param {fabric.Object} fabricObject the fabric object about to scale + * @return {Boolean} true if scale is proportional + */ + function scaleIsProportional(eventData, fabricObject) { + var canvas = fabricObject.canvas, uniScaleKey = canvas.uniScaleKey, + uniformIsToggled = eventData[uniScaleKey]; + return (canvas.uniformScaling && !uniformIsToggled) || + (!canvas.uniformScaling && uniformIsToggled); + } + + /** + * Checks if transform is centered + * @param {Object} transform transform data + * @return {Boolean} true if transform is centered + */ + function isTransformCentered(transform) { + return transform.originX === CENTER && transform.originY === CENTER; + } + + /** + * Inspect fabricObject to understand if the current scaling action is allowed + * @param {fabric.Object} fabricObject the fabric object about to scale + * @param {String} by 'x' or 'y' or '' + * @param {Boolean} scaleProportionally true if we are trying to scale proportionally + * @return {Boolean} true if scaling is not allowed at current conditions + */ + function scalingIsForbidden(fabricObject, by, scaleProportionally) { + var lockX = fabricObject.lockScalingX, lockY = fabricObject.lockScalingY; + if (lockX && lockY) { + return true; + } + if (!by && (lockX || lockY) && scaleProportionally) { + return true; + } + if (lockX && by === 'x') { + return true; + } + if (lockY && by === 'y') { + return true; + } + return false; + } + + /** + * return the correct cursor style for the scale action + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function scaleCursorStyleHandler(eventData, control, fabricObject) { + var notAllowed = 'not-allowed', + scaleProportionally = scaleIsProportional(eventData, fabricObject), + by = ''; + if (control.x !== 0 && control.y === 0) { + by = 'x'; + } + else if (control.x === 0 && control.y !== 0) { + by = 'y'; + } + if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { + return notAllowed; + } + var n = findCornerQuadrant(fabricObject, control); + return scaleMap[n] + '-resize'; + } + + /** + * return the correct cursor style for the skew action + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function skewCursorStyleHandler(eventData, control, fabricObject) { + var notAllowed = 'not-allowed'; + if (control.x !== 0 && fabricObject.lockSkewingY) { + return notAllowed; + } + if (control.y !== 0 && fabricObject.lockSkewingX) { + return notAllowed; + } + var n = findCornerQuadrant(fabricObject, control) % 4; + return skewMap[n] + '-resize'; + } + + /** + * Combine skew and scale style handlers to cover fabric standard use case + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function scaleSkewCursorStyleHandler(eventData, control, fabricObject) { + if (eventData[fabricObject.canvas.altActionKey]) { + return controls.skewCursorStyleHandler(eventData, control, fabricObject); + } + return controls.scaleCursorStyleHandler(eventData, control, fabricObject); + } + + /** + * Inspect event, control and fabricObject to return the correct action name + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} an action name + */ + function scaleOrSkewActionName(eventData, control, fabricObject) { + var isAlternative = eventData[fabricObject.canvas.altActionKey]; + if (control.x === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewX' : 'scaleY'; + } + if (control.y === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewY' : 'scaleX'; + } + } + + /** + * Find the correct style for the control that is used for rotation. + * this function is very simple and it just take care of not-allowed or standard cursor + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function rotationStyleHandler(eventData, control, fabricObject) { + if (fabricObject.lockRotation) { + return 'not-allowed'; + } + return control.cursorStyle; + } + + function commonEventInfo(eventData, transform, x, y) { + return { + e: eventData, + transform: transform, + pointer: { + x: x, + y: y, + } + }; + } + + /** + * Wrap an action handler with saving/restoring object position on the transform. + * this is the code that permits to objects to keep their position while transforming. + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature + */ + function wrapWithFixedAnchor(actionHandler) { + return function(eventData, transform, x, y) { + var target = transform.target, centerPoint = target.getCenterPoint(), + constraint = target.translateToOriginPoint(centerPoint, transform.originX, transform.originY), + actionPerformed = actionHandler(eventData, transform, x, y); + target.setPositionByOrigin(constraint, transform.originX, transform.originY); + return actionPerformed; + }; + } + + /** + * Wrap an action handler with firing an event if the action is performed + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature + */ + function wrapWithFireEvent(eventName, actionHandler) { + return function(eventData, transform, x, y) { + var actionPerformed = actionHandler(eventData, transform, x, y); + if (actionPerformed) { + fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); + } + return actionPerformed; + }; + } + + /** + * Transforms a point described by x and y in a distance from the top left corner of the object + * bounding box. + * @param {Object} transform + * @param {String} originX + * @param {String} originY + * @param {number} x + * @param {number} y + * @return {Fabric.Point} the normalized point + */ + function getLocalPoint(transform, originX, originY, x, y) { + var target = transform.target, + control = target.controls[transform.corner], + zoom = target.canvas.getZoom(), + padding = target.padding / zoom, + localPoint = target.toLocalPoint(new fabric.Point(x, y), originX, originY); + if (localPoint.x >= padding) { + localPoint.x -= padding; + } + if (localPoint.x <= -padding) { + localPoint.x += padding; + } + if (localPoint.y >= padding) { + localPoint.y -= padding; + } + if (localPoint.y <= padding) { + localPoint.y += padding; + } + localPoint.x -= control.offsetX; + localPoint.y -= control.offsetY; + return localPoint; + } + + /** + * Detect if the fabric object is flipped on one side. + * @param {fabric.Object} target + * @return {Boolean} true if one flip, but not two. + */ + function targetHasOneFlip(target) { + return target.flipX !== target.flipY; + } + + /** + * Utility function to compensate the scale factor when skew is applied on both axes + * @private + */ + function compensateScaleForSkew(target, oppositeSkew, scaleToCompensate, axis, reference) { + if (target[oppositeSkew] !== 0) { + var newDim = target._getTransformedDimensions()[axis]; + var newValue = reference / newDim * target[scaleToCompensate]; + target.set(scaleToCompensate, newValue); + } + } + + /** + * Action handler for skewing on the X axis + * @private + */ + function skewObjectX(eventData, transform, x, y) { + var target = transform.target, + // find how big the object would be, if there was no skewX. takes in account scaling + dimNoSkew = target._getTransformedDimensions(0, target.skewY), + localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), + // the mouse is in the center of the object, and we want it to stay there. + // so the object will grow twice as much as the mouse. + // this makes the skew growth to localPoint * 2 - dimNoSkew. + totalSkewSize = Math.abs(localPoint.x * 2) - dimNoSkew.x, + currentSkew = target.skewX, newSkew; + if (totalSkewSize < 2) { + // let's make it easy to go back to position 0. + newSkew = 0; + } + else { + newSkew = radiansToDegrees( + Math.atan2((totalSkewSize / target.scaleX), (dimNoSkew.y / target.scaleY)) + ); + // now we have to find the sign of the skew. + // it mostly depend on the origin of transformation. + if (transform.originX === LEFT && transform.originY === BOTTOM) { + newSkew = -newSkew; + } + if (transform.originX === RIGHT && transform.originY === TOP) { + newSkew = -newSkew; + } + if (targetHasOneFlip(target)) { + newSkew = -newSkew; + } + } + var hasSkewed = currentSkew !== newSkew; + if (hasSkewed) { + var dimBeforeSkewing = target._getTransformedDimensions().y; + target.set('skewX', newSkew); + compensateScaleForSkew(target, 'skewY', 'scaleY', 'y', dimBeforeSkewing); + } + return hasSkewed; + } + + /** + * Action handler for skewing on the Y axis + * @private + */ + function skewObjectY(eventData, transform, x, y) { + var target = transform.target, + // find how big the object would be, if there was no skewX. takes in account scaling + dimNoSkew = target._getTransformedDimensions(target.skewX, 0), + localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), + // the mouse is in the center of the object, and we want it to stay there. + // so the object will grow twice as much as the mouse. + // this makes the skew growth to localPoint * 2 - dimNoSkew. + totalSkewSize = Math.abs(localPoint.y * 2) - dimNoSkew.y, + currentSkew = target.skewY, newSkew; + if (totalSkewSize < 2) { + // let's make it easy to go back to position 0. + newSkew = 0; + } + else { + newSkew = radiansToDegrees( + Math.atan2((totalSkewSize / target.scaleY), (dimNoSkew.x / target.scaleX)) + ); + // now we have to find the sign of the skew. + // it mostly depend on the origin of transformation. + if (transform.originX === LEFT && transform.originY === BOTTOM) { + newSkew = -newSkew; + } + if (transform.originX === RIGHT && transform.originY === TOP) { + newSkew = -newSkew; + } + if (targetHasOneFlip(target)) { + newSkew = -newSkew; + } + } + var hasSkewed = currentSkew !== newSkew; + if (hasSkewed) { + var dimBeforeSkewing = target._getTransformedDimensions().x; + target.set('skewY', newSkew); + compensateScaleForSkew(target, 'skewX', 'scaleX', 'x', dimBeforeSkewing); + } + return hasSkewed; + } + + /** + * Wrapped Action handler for skewing on the Y axis, takes care of the + * skew direction and determine the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function skewHandlerX(eventData, transform, x, y) { + // step1 figure out and change transform origin. + // if skewX > 0 and originY bottom we anchor on right + // if skewX > 0 and originY top we anchor on left + // if skewX < 0 and originY bottom we anchor on left + // if skewX < 0 and originY top we anchor on right + // if skewX is 0, we look for mouse position to understand where are we going. + var target = transform.target, currentSkew = target.skewX, originX, originY = transform.originY; + if (target.lockSkewingX) { + return false; + } + if (currentSkew === 0) { + var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); + if (localPointFromCenter.x > 0) { + // we are pulling right, anchor left; + originX = LEFT; + } + else { + // we are pulling right, anchor right + originX = RIGHT; + } + } + else { + if (currentSkew > 0) { + originX = originY === TOP ? LEFT : RIGHT; + } + if (currentSkew < 0) { + originX = originY === TOP ? RIGHT : LEFT; + } + // is the object flipped on one side only? swap the origin. + if (targetHasOneFlip(target)) { + originX = originX === LEFT ? RIGHT : LEFT; + } + } + + // once we have the origin, we find the anchor point + transform.originX = originX; + var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectX)); + return finalHandler(eventData, transform, x, y); + } + + /** + * Wrapped Action handler for skewing on the Y axis, takes care of the + * skew direction and determine the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function skewHandlerY(eventData, transform, x, y) { + // step1 figure out and change transform origin. + // if skewY > 0 and originX left we anchor on top + // if skewY > 0 and originX right we anchor on bottom + // if skewY < 0 and originX left we anchor on bottom + // if skewY < 0 and originX right we anchor on top + // if skewY is 0, we look for mouse position to understand where are we going. + var target = transform.target, currentSkew = target.skewY, originY, originX = transform.originX; + if (target.lockSkewingY) { + return false; + } + if (currentSkew === 0) { + var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); + if (localPointFromCenter.y > 0) { + // we are pulling down, anchor up; + originY = TOP; + } + else { + // we are pulling up, anchor down + originY = BOTTOM; + } + } + else { + if (currentSkew > 0) { + originY = originX === LEFT ? TOP : BOTTOM; + } + if (currentSkew < 0) { + originY = originX === LEFT ? BOTTOM : TOP; + } + // is the object flipped on one side only? swap the origin. + if (targetHasOneFlip(target)) { + originY = originY === TOP ? BOTTOM : TOP; + } + } + + // once we have the origin, we find the anchor point + transform.originY = originY; + var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectY)); + return finalHandler(eventData, transform, x, y); + } + + /** + * Action handler for rotation and snapping, without anchor point. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + * @private + */ + function rotationWithSnapping(eventData, transform, x, y) { + var t = transform, + target = t.target, + pivotPoint = target.translateToOriginPoint(target.getCenterPoint(), t.originX, t.originY); + + if (target.lockRotation) { + return false; + } + + var lastAngle = Math.atan2(t.ey - pivotPoint.y, t.ex - pivotPoint.x), + curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x), + angle = radiansToDegrees(curAngle - lastAngle + t.theta), + hasRotated = true; + + if (target.snapAngle > 0) { + var snapAngle = target.snapAngle, + snapThreshold = target.snapThreshold || snapAngle, + rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, + leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; + + if (Math.abs(angle - leftAngleLocked) < snapThreshold) { + angle = leftAngleLocked; + } + else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { + angle = rightAngleLocked; + } + } + + // normalize angle to positive value + if (angle < 0) { + angle = 360 + angle; + } + angle %= 360; + + hasRotated = target.angle !== angle; + target.angle = angle; + return hasRotated; + } + + /** + * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @param {Object} options additional information for scaling + * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling + * @return {Boolean} true if some change happened + * @private + */ + function scaleObject(eventData, transform, x, y, options) { + options = options || {}; + var target = transform.target, + lockScalingX = target.lockScalingX, lockScalingY = target.lockScalingY, + by = options.by, newPoint, scaleX, scaleY, dim, + scaleProportionally = scaleIsProportional(eventData, target), + forbidScaling = scalingIsForbidden(target, by, scaleProportionally), + signX, signY, gestureScale = transform.gestureScale; + + if (forbidScaling) { + return false; + } + if (gestureScale) { + scaleX = transform.scaleX * gestureScale; + scaleY = transform.scaleY * gestureScale; + } + else { + newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); + // use of sign: We use sign to detect change of direction of an action. sign usually change when + // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling + // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily + // cross many time the origin point and flip the object. so we need a way to filter out the noise. + // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. + signX = by !== 'y' ? sign(newPoint.x) : 1; + signY = by !== 'x' ? sign(newPoint.y) : 1; + if (!transform.signX) { + transform.signX = signX; + } + if (!transform.signY) { + transform.signY = signY; + } + + if (target.lockScalingFlip && + (transform.signX !== signX || transform.signY !== signY) + ) { return false; + } + + dim = target._getTransformedDimensions(); + // missing detection of flip and logic to switch the origin + if (scaleProportionally && !by) { + // uniform scaling + var distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), + original = transform.original, + originalDistance = Math.abs(dim.x * original.scaleX / target.scaleX) + + Math.abs(dim.y * original.scaleY / target.scaleY), + scale = distance / originalDistance; + scaleX = original.scaleX * scale; + scaleY = original.scaleY * scale; + } + else { + scaleX = Math.abs(newPoint.x * target.scaleX / dim.x); + scaleY = Math.abs(newPoint.y * target.scaleY / dim.y); + } + // if we are scaling by center, we need to double the scale + if (isTransformCentered(transform)) { + scaleX *= 2; + scaleY *= 2; + } + if (transform.signX !== signX && by !== 'y') { + transform.originX = opposite[transform.originX]; + scaleX *= -1; + transform.signX = signX; + } + if (transform.signY !== signY && by !== 'x') { + transform.originY = opposite[transform.originY]; + scaleY *= -1; + transform.signY = signY; + } + } + // minScale is taken are in the setter. + var oldScaleX = target.scaleX, oldScaleY = target.scaleY; + if (!by) { + !lockScalingX && target.set('scaleX', scaleX); + !lockScalingY && target.set('scaleY', scaleY); + } + else { + // forbidden cases already handled on top here. + by === 'x' && target.set('scaleX', scaleX); + by === 'y' && target.set('scaleY', scaleY); + } + return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; + } + + /** + * Generic scaling logic, to scale from corners either equally or freely. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scaleObjectFromCorner(eventData, transform, x, y) { + return scaleObject(eventData, transform, x, y); + } + + /** + * Scaling logic for the X axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scaleObjectX(eventData, transform, x, y) { + return scaleObject(eventData, transform, x, y , { by: 'x' }); + } + + /** + * Scaling logic for the Y axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scaleObjectY(eventData, transform, x, y) { + return scaleObject(eventData, transform, x, y , { by: 'y' }); + } + + /** + * Composed action handler to either scale Y or skew X + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scalingYOrSkewingX(eventData, transform, x, y) { + // ok some safety needed here. + if (eventData[transform.target.canvas.altActionKey]) { + return controls.skewHandlerX(eventData, transform, x, y); + } + return controls.scalingY(eventData, transform, x, y); + } + + /** + * Composed action handler to either scale X or skew Y + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scalingXOrSkewingY(eventData, transform, x, y) { + // ok some safety needed here. + if (eventData[transform.target.canvas.altActionKey]) { + return controls.skewHandlerY(eventData, transform, x, y); + } + return controls.scalingX(eventData, transform, x, y); + } + + /** + * Action handler to change textbox width + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function changeWidth(eventData, transform, x, y) { + var target = transform.target, localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), + strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), + multiplier = isTransformCentered(transform) ? 2 : 1, + oldWidth = target.width, + newWidth = Math.abs(localPoint.x * multiplier / target.scaleX) - strokePadding; + target.set('width', Math.max(newWidth, 0)); + return oldWidth !== newWidth; + } + + /** + * Action handler + * @private + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if the translation occurred + */ + function dragHandler(eventData, transform, x, y) { + var target = transform.target, + newLeft = x - transform.offsetX, + newTop = y - transform.offsetY, + moveX = !target.get('lockMovementX') && target.left !== newLeft, + moveY = !target.get('lockMovementY') && target.top !== newTop; + moveX && target.set('left', newLeft); + moveY && target.set('top', newTop); + if (moveX || moveY) { + fireEvent('moving', commonEventInfo(eventData, transform, x, y)); + } + return moveX || moveY; + } + + controls.scaleCursorStyleHandler = scaleCursorStyleHandler; + controls.skewCursorStyleHandler = skewCursorStyleHandler; + controls.scaleSkewCursorStyleHandler = scaleSkewCursorStyleHandler; + controls.rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotationWithSnapping)); + controls.scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor( scaleObjectFromCorner)); + controls.scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); + controls.scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); + controls.scalingYOrSkewingX = scalingYOrSkewingX; + controls.scalingXOrSkewingY = scalingXOrSkewingY; + controls.changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeWidth)); + controls.skewHandlerX = skewHandlerX; + controls.skewHandlerY = skewHandlerY; + controls.dragHandler = dragHandler; + controls.scaleOrSkewActionName = scaleOrSkewActionName; + controls.rotationStyleHandler = rotationStyleHandler; + controls.fireEvent = fireEvent; + controls.wrapWithFixedAnchor = wrapWithFixedAnchor; + controls.wrapWithFireEvent = wrapWithFireEvent; + controls.getLocalPoint = getLocalPoint; + fabric.controlsUtils = controls; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + degreesToRadians = fabric.util.degreesToRadians, + controls = fabric.controlsUtils; + + /** + * Render a round control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for fabric.Object controls style + * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls + */ + function renderCircleControl (ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, + ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, + transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? + styleOverride.transparentCorners : fabricObject.transparentCorners, + methodName = transparentCorners ? 'stroke' : 'fill', + stroke = !transparentCorners && (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), + myLeft = left, + myTop = top, size; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; + ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; + // as soon as fabric react v5, remove ie11, use proper ellipse code. + if (xSize > ySize) { + size = xSize; + ctx.scale(1.0, ySize / xSize); + myTop = top * xSize / ySize; + } + else if (ySize > xSize) { + size = ySize; + ctx.scale(xSize / ySize, 1.0); + myLeft = left * ySize / xSize; + } + else { + size = xSize; + } + // this is still wrong + ctx.lineWidth = 1; + ctx.beginPath(); + ctx.arc(myLeft, myTop, size / 2, 0, 2 * Math.PI, false); + ctx[methodName](); + if (stroke) { + ctx.stroke(); + } + ctx.restore(); + } + + /** + * Render a square control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for fabric.Object controls style + * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls + */ + function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, + ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, + transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? + styleOverride.transparentCorners : fabricObject.transparentCorners, + methodName = transparentCorners ? 'stroke' : 'fill', + stroke = !transparentCorners && ( + styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor + ), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; + ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; + // this is still wrong + ctx.lineWidth = 1; + ctx.translate(left, top); + ctx.rotate(degreesToRadians(fabricObject.angle)); + // this does not work, and fixed with ( && ) does not make sense. + // to have real transparent corners we need the controls on upperCanvas + // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); + ctx[methodName + 'Rect'](-xSizeBy2, -ySizeBy2, xSize, ySize); + if (stroke) { + ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); + } + ctx.restore(); + } + + controls.renderCircleControl = renderCircleControl; + controls.renderSquareControl = renderSquareControl; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + function Control(options) { + for (var i in options) { + this[i] = options[i]; } + } + + fabric.Control = Control; + + fabric.Control.prototype = /** @lends fabric.Control.prototype */ { + /** - * Sets object's properties from options - * @param {Object} [options] Options object + * keep track of control visibility. + * mainly for backward compatibility. + * if you do not want to see a control, you can remove it + * from the controlset. + * @type {Boolean} + * @default true */ - setOptions(options = {}) { - this._setOptions(options); - } + visible: true, + /** - * Transforms context when rendering an object - * @param {CanvasRenderingContext2D} ctx Context + * Name of the action that the control will likely execute. + * This is optional. FabricJS uses to identify what the user is doing for some + * extra optimizations. If you are writing a custom control and you want to know + * somewhere else in the code what is going on, you can use this string here. + * you can also provide a custom getActionName if your control run multiple actions + * depending on some external state. + * default to scale since is the most common, used on 4 corners by default + * @type {String} + * @default 'scale' + */ + actionName: 'scale', + + /** + * Drawing angle of the control. + * NOT used for now, but name marked as needed for internal logic + * example: to reuse the same drawing function for different rotated controls + * @type {Number} + * @default 0 */ - transform(ctx) { - const needFullTransform = (this.group && !this.group._transformDone) || - (this.group && this.canvas && ctx === this.canvas.contextTop); - const m = this.calcTransformMatrix(!needFullTransform); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - } + angle: 0, + /** - * Returns an object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance + * Relative position of the control. X + * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 */ - toObject(propertiesToInclude) { - const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, clipPathData = this.clipPath && !this.clipPath.excludeFromExport - ? Object.assign(Object.assign({}, this.clipPath.toObject(propertiesToInclude)), { inverted: this.clipPath.inverted, absolutePositioned: this.clipPath.absolutePositioned }) : null, object = Object.assign(Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, version: version, originX: this.originX, originY: this.originY, left: toFixed$1(this.left, NUM_FRACTION_DIGITS), top: toFixed$1(this.top, NUM_FRACTION_DIGITS), width: toFixed$1(this.width, NUM_FRACTION_DIGITS), height: toFixed$1(this.height, NUM_FRACTION_DIGITS), fill: this.fill && this.fill.toObject ? this.fill.toObject() : this.fill, stroke: this.stroke && this.stroke.toObject - ? this.stroke.toObject() - : this.stroke, strokeWidth: toFixed$1(this.strokeWidth, NUM_FRACTION_DIGITS), strokeDashArray: this.strokeDashArray - ? this.strokeDashArray.concat() - : this.strokeDashArray, strokeLineCap: this.strokeLineCap, strokeDashOffset: this.strokeDashOffset, strokeLineJoin: this.strokeLineJoin, strokeUniform: this.strokeUniform, strokeMiterLimit: toFixed$1(this.strokeMiterLimit, NUM_FRACTION_DIGITS), scaleX: toFixed$1(this.scaleX, NUM_FRACTION_DIGITS), scaleY: toFixed$1(this.scaleY, NUM_FRACTION_DIGITS), angle: toFixed$1(this.angle, NUM_FRACTION_DIGITS), flipX: this.flipX, flipY: this.flipY, opacity: toFixed$1(this.opacity, NUM_FRACTION_DIGITS), shadow: this.shadow && this.shadow.toObject - ? this.shadow.toObject() - : this.shadow, visible: this.visible, backgroundColor: this.backgroundColor, fillRule: this.fillRule, paintFirst: this.paintFirst, globalCompositeOperation: this.globalCompositeOperation, skewX: toFixed$1(this.skewX, NUM_FRACTION_DIGITS), skewY: toFixed$1(this.skewY, NUM_FRACTION_DIGITS) }), (clipPathData ? { clipPath: clipPathData } : null)); - return !this.includeDefaultValues - ? this._removeDefaultValues(object) - : object; - } + x: 0, + /** - * Returns (dataless) object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance + * Relative position of the control. Y + * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 */ - toDatalessObject(propertiesToInclude) { - // will be overwritten by subclasses - return this.toObject(propertiesToInclude); - } + y: 0, + /** - * @private - * @param {Object} object + * Horizontal offset of the control from the defined position. In pixels + * Positive offset moves the control to the right, negative to the left. + * It used when you want to have position of control that does not scale with + * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on + * the boundindbox, with an offset of 30 pixels vertically. Those 30 pixels will + * stay 30 pixels no matter how the object is big. Another example is having 2 + * controls in the corner, that stay in the same position when the object scale. + * of the bounding box. + * @type {Number} + * @default 0 + */ + offsetX: 0, + + /** + * Vertical offset of the control from the defined position. In pixels + * Positive offset moves the control to the bottom, negative to the top. + * @type {Number} + * @default 0 */ - _removeDefaultValues(object) { - const prototype = fabric$3.util.getKlass(object.type).prototype; - Object.keys(object).forEach(function (prop) { - if (prop === 'left' || prop === 'top' || prop === 'type') { - return; - } - if (object[prop] === prototype[prop]) { - delete object[prop]; - } - // basically a check for [] === [] - if (Array.isArray(object[prop]) && - Array.isArray(prototype[prop]) && - object[prop].length === 0 && - prototype[prop].length === 0) { - delete object[prop]; - } - }); - return object; - } + offsetY: 0, + /** - * Returns a string representation of an instance - * @return {String} + * Sets the length of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null */ - toString() { - return '#'; - } + sizeX: null, + /** - * Return the object scale factor counting also the group scaling - * @return {Point} + * Sets the height of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null */ - getObjectScaling() { - // if the object is a top level one, on the canvas, we go for simple aritmetic - // otherwise the complex method with angles will return approximations and decimals - // and will likely kill the cache when not needed - // https://github.com/fabricjs/fabric.js/issues/7157 - if (!this.group) { - return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY)); - } - // if we are inside a group total zoom calculation is complex, we defer to generic matrices - const options = qrDecompose(this.calcTransformMatrix()); - return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY)); - } + sizeY: null, + /** - * Return the object scale factor counting also the group scaling, zoom and retina - * @return {Object} object with scaleX and scaleY properties + * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null */ - getTotalObjectScaling() { - const scale = this.getObjectScaling(); - if (this.canvas) { - const zoom = this.canvas.getZoom(); - const retina = this.canvas.getRetinaScaling(); - return scale.scalarMultiply(zoom * retina); - } - return scale; - } + touchSizeX: null, + /** - * Return the object opacity counting also the group property - * @return {Number} + * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null */ - getObjectOpacity() { - let opacity = this.opacity; - if (this.group) { - opacity *= this.group.getObjectOpacity(); - } - return opacity; - } + touchSizeY: null, + /** - * Makes sure the scale is valid and modifies it if necessary - * @todo: this is a control action issue, not a geometry one - * @private - * @param {Number} value, unconstrained - * @return {Number} constrained value; + * Css cursor style to display when the control is hovered. + * if the method `cursorStyleHandler` is provided, this property is ignored. + * @type {String} + * @default 'crosshair' */ - _constrainScale(value) { - if (Math.abs(value) < this.minScaleLimit) { - if (value < 0) { - return -this.minScaleLimit; - } - else { - return this.minScaleLimit; - } - } - else if (value === 0) { - return 0.0001; - } - return value; - } + cursorStyle: 'crosshair', + /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Object} thisArg + * If controls has an offsetY or offsetX, draw a line that connects + * the control to the bounding box + * @type {Boolean} + * @default false */ - _set(key, value) { - const shouldConstrainValue = key === 'scaleX' || key === 'scaleY', isChanged = this[key] !== value; - if (shouldConstrainValue) { - value = this._constrainScale(value); - } - if (key === 'scaleX' && value < 0) { - this.flipX = !this.flipX; - value *= -1; - } - else if (key === 'scaleY' && value < 0) { - this.flipY = !this.flipY; - value *= -1; - } - else if (key === 'shadow' && value && !(value instanceof fabric$3.Shadow)) { - value = new fabric$3.Shadow(value); - } - else if (key === 'dirty' && this.group) { - this.group.set('dirty', value); - } - this[key] = value; - if (isChanged) { - const groupNeedsUpdate = this.group && this.group.isOnACache(); - if (this.cacheProperties.indexOf(key) > -1) { - this.dirty = true; - groupNeedsUpdate && this.group.set('dirty', true); - } - else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { - this.group.set('dirty', true); - } - } - return this; - } - /* - * @private - * return if the object would be visible in rendering - * @memberOf FabricObject.prototype - * @return {Boolean} + withConnection: false, + + /** + * The control actionHandler, provide one to handle action ( control being moved ) + * @param {Event} eventData the native mouse event + * @param {Object} transformData properties of the current transform + * @param {Number} x x position of the cursor + * @param {Number} y y position of the cursor + * @return {Boolean} true if the action/event modified the object */ - isNotVisible() { - return (this.opacity === 0 || - (!this.width && !this.height && this.strokeWidth === 0) || - !this.visible); - } + actionHandler: function(/* eventData, transformData, x, y */) { }, + /** - * Renders an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on + * The control handler for mouse down, provide one to handle mouse down on control + * @param {Event} eventData the native mouse event + * @param {Object} transformData properties of the current transform + * @param {Number} x x position of the cursor + * @param {Number} y y position of the cursor + * @return {Boolean} true if the action/event modified the object */ - render(ctx) { - // do not render if width/height are zeros or object is not visible - if (this.isNotVisible()) { - return; - } - if (this.canvas && - this.canvas.skipOffscreen && - !this.group && - !this.isOnScreen()) { - return; - } - ctx.save(); - this._setupCompositeOperation(ctx); - this.drawSelectionBackground(ctx); - this.transform(ctx); - this._setOpacity(ctx); - this._setShadow(ctx); - if (this.shouldCache()) { - this.renderCache(); - this.drawCacheOnCanvas(ctx); - } - else { - this._removeCacheCanvas(); - this.dirty = false; - this.drawObject(ctx); - if (this.objectCaching && this.statefullCache) { - this.saveState({ propertySet: 'cacheProperties' }); - } - } - ctx.restore(); - } - renderCache(options) { - options = options || {}; - if (!this._cacheCanvas || !this._cacheContext) { - this._createCacheCanvas(); - } - if (this.isCacheDirty() && this._cacheContext) { - this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); - this.drawObject(this._cacheContext, options.forClipping); - this.dirty = false; - } - } - /** - * Remove cacheCanvas and its dimensions from the objects - */ - _removeCacheCanvas() { - this._cacheCanvas = undefined; - this._cacheContext = null; - this.cacheWidth = 0; - this.cacheHeight = 0; - } - /** - * return true if the object will draw a stroke - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when stroke happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the stroke is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasStroke() { - return (this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0); - } - /** - * return true if the object will draw a fill - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when fill happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the fill is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasFill() { - return this.fill && this.fill !== 'transparent'; - } + mouseDownHandler: function(/* eventData, transformData, x, y */) { }, + /** - * When set to `true`, force the object to have its own cache, even if it is inside a group - * it may be needed when your object behave in a particular way on the cache and always needs - * its own isolated canvas to render correctly. - * Created to be overridden - * since 1.7.12 - * @returns Boolean + * The control mouseUpHandler, provide one to handle an effect on mouse up. + * @param {Event} eventData the native mouse event + * @param {Object} transformData properties of the current transform + * @param {Number} x x position of the cursor + * @param {Number} y y position of the cursor + * @return {Boolean} true if the action/event modified the object */ - needsItsOwnCache() { - if (this.paintFirst === 'stroke' && - this.hasFill() && - this.hasStroke() && - typeof this.shadow === 'object') { - return true; - } - if (this.clipPath) { - return true; - } - return false; - } + mouseUpHandler: function(/* eventData, transformData, x, y */) { }, + /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * Read as: cache if is needed, or if the feature is enabled but we are not already caching. - * @return {Boolean} + * Returns control actionHandler + * @param {Event} eventData the native mouse event + * @param {fabric.Object} fabricObject on which the control is displayed + * @param {fabric.Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - shouldCache() { - this.ownCaching = - this.needsItsOwnCache() || - (this.objectCaching && (!this.group || !this.group.isOnACache())); - return this.ownCaching; - } + getActionHandler: function(/* eventData, fabricObject, control */) { + return this.actionHandler; + }, + /** - * Check if this object or a child object will cast a shadow - * used by Group.shouldCache to know if child has a shadow recursively - * @return {Boolean} - * @deprecated + * Returns control mouseDown handler + * @param {Event} eventData the native mouse event + * @param {fabric.Object} fabricObject on which the control is displayed + * @param {fabric.Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - willDrawShadow() { - return (!!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)); - } + getMouseDownHandler: function(/* eventData, fabricObject, control */) { + return this.mouseDownHandler; + }, + /** - * Execute the drawing operation for an object clipPath - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Object} clipPath - * todo while converting things, we need a type that is a union of classes that - * represent the fabricObjects. Rect, Circle... + * Returns control mouseUp handler + * @param {Event} eventData the native mouse event + * @param {fabric.Object} fabricObject on which the control is displayed + * @param {fabric.Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - drawClipPathOnCache(ctx, clipPath) { - ctx.save(); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4 - if (clipPath.inverted) { - ctx.globalCompositeOperation = 'destination-out'; - } - else { - ctx.globalCompositeOperation = 'destination-in'; - } - //ctx.scale(1 / 2, 1 / 2); - if (clipPath.absolutePositioned) { - const m = fabric$3.util.invertTransform(this.calcTransformMatrix()); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - } - clipPath.transform(ctx); - ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); - ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); - ctx.restore(); - } + getMouseUpHandler: function(/* eventData, fabricObject, control */) { + return this.mouseUpHandler; + }, + /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {boolean} forClipping apply clipping styles + * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate + * function you can pass one in the constructor + * the cursorStyle property + * @param {Event} eventData the native mouse event + * @param {fabric.Control} control the current control ( likely this) + * @param {fabric.Object} object on which the control is displayed + * @return {String} */ - drawObject(ctx, forClipping) { - const originalFill = this.fill, originalStroke = this.stroke; - if (forClipping) { - this.fill = 'black'; - this.stroke = ''; - this._setClippingProperties(ctx); - } - else { - this._renderBackground(ctx); - } - this._render(ctx); - this._drawClipPath(ctx, this.clipPath); - this.fill = originalFill; - this.stroke = originalStroke; - } + cursorStyleHandler: function(eventData, control /* fabricObject */) { + return control.cursorStyle; + }, + /** - * Prepare clipPath state and cache and draw it on instance's cache - * @param {CanvasRenderingContext2D} ctx - * @param {fabric.Object} clipPath + * Returns the action name. The basic implementation just return the actionName property. + * @param {Event} eventData the native mouse event + * @param {fabric.Control} control the current control ( likely this) + * @param {fabric.Object} object on which the control is displayed + * @return {String} */ - _drawClipPath(ctx, clipPath) { - if (!clipPath) { - return; - } - // needed to setup a couple of variables - // path canvas gets overridden with this one. - // TODO find a better solution? - clipPath._set('canvas', this.canvas); - clipPath.shouldCache(); - clipPath._transformDone = true; - clipPath.renderCache({ forClipping: true }); - this.drawClipPathOnCache(ctx, clipPath); - } + getActionName: function(eventData, control /* fabricObject */) { + return control.actionName; + }, + /** - * Paint the cached copy of the object on the target context. - * @param {CanvasRenderingContext2D} ctx Context to render on + * Returns controls visibility + * @param {fabric.Object} object on which the control is displayed + * @param {String} controlKey key where the control is memorized on the + * @return {Boolean} */ - drawCacheOnCanvas(ctx) { - ctx.scale(1 / this.zoomX, 1 / this.zoomY); - ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); - } + getVisibility: function(fabricObject, controlKey) { + var objectVisibility = fabricObject._controlsVisibility; + if (objectVisibility && typeof objectVisibility[controlKey] !== 'undefined') { + return objectVisibility[controlKey]; + } + return this.visible; + }, + /** - * Check if cache is dirty - * @param {Boolean} skipCanvas skip canvas checks because this object is painted - * on parent canvas. + * Sets controls visibility + * @param {Boolean} visibility for the object + * @return {Void} */ - isCacheDirty(skipCanvas = false) { - if (this.isNotVisible()) { - return false; - } - if (this._cacheCanvas && - this._cacheContext && - !skipCanvas && - this._updateCacheCanvas()) { - // in this case the context is already cleared. - return true; - } - else { - if (this.dirty || - (this.clipPath && this.clipPath.absolutePositioned) || - (this.statefullCache && this.hasStateChanged('cacheProperties'))) { - if (this._cacheCanvas && this._cacheContext && !skipCanvas) { - const width = this.cacheWidth / this.zoomX; - const height = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-width / 2, -height / 2, width, height); - } - return true; - } - } - return false; - } + setVisibility: function(visibility /* name, fabricObject */) { + this.visible = visibility; + }, + + + positionHandler: function(dim, finalMatrix /*, fabricObject, currentControl */) { + var point = fabric.util.transformPoint({ + x: this.x * dim.x + this.offsetX, + y: this.y * dim.y + this.offsetY }, finalMatrix); + return point; + }, + /** - * Draws a background for the object big as its untransformed dimensions - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Returns the coords for this control based on object values. + * @param {Number} objectAngle angle from the fabric object holding the control + * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if + * isTouch is true) + * @param {Number} centerX x coordinate where the control center should be + * @param {Number} centerY y coordinate where the control center should be + * @param {boolean} isTouch true if touch corner, false if normal corner */ - _renderBackground(ctx) { - if (!this.backgroundColor) { - return; - } - const dim = this._getNonTransformedDimensions(); - ctx.fillStyle = this.backgroundColor; - ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y); - // if there is background color no other shadows - // should be casted - this._removeShadow(ctx); - } + calcCornerCoords: function(objectAngle, objectCornerSize, centerX, centerY, isTouch) { + var cosHalfOffset, + sinHalfOffset, + cosHalfOffsetComp, + sinHalfOffsetComp, + xSize = (isTouch) ? this.touchSizeX : this.sizeX, + ySize = (isTouch) ? this.touchSizeY : this.sizeY; + if (xSize && ySize && xSize !== ySize) { + // handle rectangular corners + var controlTriangleAngle = Math.atan2(ySize, xSize); + var cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; + var newTheta = controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); + var newThetaComp = Math.PI / 2 - controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); + cosHalfOffset = cornerHypotenuse * fabric.util.cos(newTheta); + sinHalfOffset = cornerHypotenuse * fabric.util.sin(newTheta); + // use complementary angle for two corners + cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newThetaComp); + sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newThetaComp); + } + else { + // handle square corners + // use default object corner size unless size is defined + var cornerSize = (xSize && ySize) ? xSize : objectCornerSize; + /* 0.7071067812 stands for sqrt(2)/2 */ + cornerHypotenuse = cornerSize * 0.7071067812; + // complementary angles are equal since they're both 45 degrees + var newTheta = fabric.util.degreesToRadians(45 - objectAngle); + cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newTheta); + sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newTheta); + } + + return { + tl: { + x: centerX - sinHalfOffsetComp, + y: centerY - cosHalfOffsetComp, + }, + tr: { + x: centerX + cosHalfOffset, + y: centerY - sinHalfOffset, + }, + bl: { + x: centerX - cosHalfOffset, + y: centerY + sinHalfOffset, + }, + br: { + x: centerX + sinHalfOffsetComp, + y: centerY + cosHalfOffsetComp, + }, + }; + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _setOpacity(ctx) { - if (this.group && !this.group._transformDone) { - ctx.globalAlpha = this.getObjectOpacity(); + * Render function for the control. + * When this function runs the context is unscaled. unrotate. Just retina scaled. + * all the functions will have to translate to the point left,top before starting Drawing + * if they want to draw a control where the position is detected. + * left and top are the result of the positionHandler function + * @param {RenderingContext2D} ctx the context where the control will be drawn + * @param {Number} left position of the canvas where we are about to render the control. + * @param {Number} top position of the canvas where we are about to render the control. + * @param {Object} styleOverride + * @param {fabric.Object} fabricObject the object where the control is about to be rendered + */ + render: function(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { + case 'circle': + fabric.controlsUtils.renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); + break; + default: + fabric.controlsUtils.renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); + } + }, + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + + /* _FROM_SVG_START_ */ + function getColorStop(el, multiplier) { + var style = el.getAttribute('style'), + offset = el.getAttribute('offset') || 0, + color, colorAlpha, opacity, i; + + // convert percents to absolute values + offset = parseFloat(offset) / (/%$/.test(offset) ? 100 : 1); + offset = offset < 0 ? 0 : offset > 1 ? 1 : offset; + if (style) { + var keyValuePairs = style.split(/\s*;\s*/); + + if (keyValuePairs[keyValuePairs.length - 1] === '') { + keyValuePairs.pop(); + } + + for (i = keyValuePairs.length; i--; ) { + + var split = keyValuePairs[i].split(/\s*:\s*/), + key = split[0].trim(), + value = split[1].trim(); + + if (key === 'stop-color') { + color = value; } - else { - ctx.globalAlpha *= this.opacity; - } - } - _setStrokeStyles(ctx, decl) { - const stroke = decl.stroke; - if (stroke) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = decl.strokeLineCap; - ctx.lineDashOffset = decl.strokeDashOffset; - ctx.lineJoin = decl.strokeLineJoin; - ctx.miterLimit = decl.strokeMiterLimit; - if (stroke.toLive) { - if (stroke.gradientUnits === 'percentage' || - stroke.gradientTransform || - stroke.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - this._applyPatternForTransformedGradient(ctx, stroke); - } - else { - // is a simple gradient or pattern - ctx.strokeStyle = stroke.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, stroke); - } - } - else { - // is a color - ctx.strokeStyle = decl.stroke; - } + else if (key === 'stop-opacity') { + opacity = value; } + } } - _setFillStyles(ctx, decl) { - const fill = decl.fill; - if (fill) { - if (fill.toLive) { - ctx.fillStyle = fill.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, decl.fill); - } - else { - ctx.fillStyle = fill; - } - } + + if (!color) { + color = el.getAttribute('stop-color') || 'rgb(0,0,0)'; } - _setClippingProperties(ctx) { - ctx.globalAlpha = 1; - ctx.strokeStyle = 'transparent'; - ctx.fillStyle = '#000000'; + if (!opacity) { + opacity = el.getAttribute('stop-opacity'); } + + color = new fabric.Color(color); + colorAlpha = color.getAlpha(); + opacity = isNaN(parseFloat(opacity)) ? 1 : parseFloat(opacity); + opacity *= colorAlpha * multiplier; + + return { + offset: offset, + color: color.toRgb(), + opacity: opacity + }; + } + + function getLinearCoords(el) { + return { + x1: el.getAttribute('x1') || 0, + y1: el.getAttribute('y1') || 0, + x2: el.getAttribute('x2') || '100%', + y2: el.getAttribute('y2') || 0 + }; + } + + function getRadialCoords(el) { + return { + x1: el.getAttribute('fx') || el.getAttribute('cx') || '50%', + y1: el.getAttribute('fy') || el.getAttribute('cy') || '50%', + r1: 0, + x2: el.getAttribute('cx') || '50%', + y2: el.getAttribute('cy') || '50%', + r2: el.getAttribute('r') || '50%' + }; + } + /* _FROM_SVG_END_ */ + + var clone = fabric.util.object.clone; + + /** + * Gradient class + * @class fabric.Gradient + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} + * @see {@link fabric.Gradient#initialize} for constructor definition + */ + fabric.Gradient = fabric.util.createClass(/** @lends fabric.Gradient.prototype */ { + /** - * @private - * Sets line dash - * @param {CanvasRenderingContext2D} ctx Context to set the dash line on - * @param {Array} dashArray array representing dashes + * Horizontal offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 */ - _setLineDash(ctx, dashArray) { - if (!dashArray || dashArray.length === 0) { - return; - } - // Spec requires the concatenation of two copies the dash list when the number of elements is odd - if (1 & dashArray.length) { - dashArray.push.apply(dashArray, dashArray); - } - ctx.setLineDash(dashArray); - } + offsetX: 0, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Vertical offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 */ - _setShadow(ctx) { - if (!this.shadow) { - return; - } - let shadow = this.shadow, canvas = this.canvas, multX = (canvas && canvas.viewportTransform[0]) || 1, multY = (canvas && canvas.viewportTransform[3]) || 1, scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling(); - if (canvas && canvas._isRetinaScaling()) { - multX *= config.devicePixelRatio; - multY *= config.devicePixelRatio; - } - ctx.shadowColor = shadow.color; - ctx.shadowBlur = - (shadow.blur * - config.browserShadowBlurConstant * - (multX + multY) * - (scaling.x + scaling.y)) / - 4; - ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x; - ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y; - } + offsetY: 0, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * 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 */ - _removeShadow(ctx) { - if (!this.shadow) { - return; - } - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - } + gradientTransform: null, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} filler fabric.Pattern or fabric.Gradient - * @return {Object} offset.offsetX offset for text rendering - * @return {Object} offset.offsetY offset for text rendering + * 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 String + * @default 'pixels' */ - _applyPatternGradientTransform(ctx, filler) { - if (!filler || !filler.toLive) { - return { offsetX: 0, offsetY: 0 }; - } - const t = filler.gradientTransform || filler.patternTransform; - const offsetX = -this.width / 2 + filler.offsetX || 0, offsetY = -this.height / 2 + filler.offsetY || 0; - if (filler.gradientUnits === 'percentage') { - ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); - } - else { - ctx.transform(1, 0, 0, 1, offsetX, offsetY); - } - if (t) { - ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); - } - return { offsetX: offsetX, offsetY: offsetY }; - } + gradientUnits: 'pixels', + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Gradient type linear or radial + * @type String + * @default 'pixels' */ - _renderPaintInOrder(ctx) { - if (this.paintFirst === 'stroke') { - this._renderStroke(ctx); - this._renderFill(ctx); - } - else { - this._renderFill(ctx); - this._renderStroke(ctx); - } - } + type: 'linear', + /** - * @private - * function that actually render something on the context. - * empty here to allow Obects to work on tests to benchmark fabric functionalites - * not related to rendering - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render(ctx) { - // placeholder to be overridden - } + * Constructor + * @param {Object} options Options object with type, coords, gradientUnits and colorStops + * @param {Object} [options.type] gradient type linear or radial + * @param {Object} [options.gradientUnits] gradient units + * @param {Object} [options.offsetX] SVG import compatibility + * @param {Object} [options.offsetY] SVG import compatibility + * @param {Object[]} options.colorStops contains the colorstops. + * @param {Object} options.coords contains the coords of the gradient + * @param {Number} [options.coords.x1] X coordiante of the first point for linear or of the focal point for radial + * @param {Number} [options.coords.y1] Y coordiante of the first point for linear or of the focal point for radial + * @param {Number} [options.coords.x2] X coordiante of the second point for linear or of the center point for radial + * @param {Number} [options.coords.y2] Y coordiante of the second point for linear or of the center point for radial + * @param {Number} [options.coords.r1] only for radial gradient, radius of the inner circle + * @param {Number} [options.coords.r2] only for radial gradient, radius of the external circle + * @return {fabric.Gradient} thisArg + */ + initialize: function(options) { + options || (options = { }); + options.coords || (options.coords = { }); + + var coords, _this = this; + + // sets everything, then coords and colorstops get sets again + Object.keys(options).forEach(function(option) { + _this[option] = options[option]; + }); + + if (this.id) { + this.id += '_' + fabric.Object.__uid++; + } + else { + this.id = fabric.Object.__uid++; + } + + coords = { + x1: options.coords.x1 || 0, + y1: options.coords.y1 || 0, + x2: options.coords.x2 || 0, + y2: options.coords.y2 || 0 + }; + + if (this.type === 'radial') { + coords.r1 = options.coords.r1 || 0; + coords.r2 = options.coords.r2 || 0; + } + + this.coords = coords; + this.colorStops = options.colorStops.slice(); + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Adds another colorStop + * @param {Object} colorStop Object with offset and color + * @return {fabric.Gradient} thisArg + */ + addColorStop: function(colorStops) { + for (var position in colorStops) { + var color = new fabric.Color(colorStops[position]); + this.colorStops.push({ + offset: parseFloat(position), + color: color.toRgb(), + opacity: color.getAlpha() + }); + } + return this; + }, + + /** + * Returns object representation of a gradient + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} + */ + toObject: function(propertiesToInclude) { + var object = { + type: this.type, + coords: this.coords, + colorStops: this.colorStops, + offsetX: this.offsetX, + offsetY: this.offsetY, + gradientUnits: this.gradientUnits, + gradientTransform: this.gradientTransform ? this.gradientTransform.concat() : this.gradientTransform + }; + fabric.util.populateWithProperties(this, object, propertiesToInclude); + + return object; + }, + + /* _TO_SVG_START_ */ + /** + * Returns SVG representation of an gradient + * @param {Object} object Object to create a gradient for + * @return {String} SVG representation of an gradient (linear/radial) */ - _renderFill(ctx) { - if (!this.fill) { - return; - } - ctx.save(); - this._setFillStyles(ctx, this); - if (this.fillRule === 'evenodd') { - ctx.fill('evenodd'); - } - else { - ctx.fill(); - } - ctx.restore(); - } + toSVG: function(object, options) { + var coords = clone(this.coords, true), i, len, options = options || {}, + markup, commonAttributes, colorStops = clone(this.colorStops, true), + needsSwap = coords.r1 > coords.r2, + transform = this.gradientTransform ? this.gradientTransform.concat() : fabric.iMatrix.concat(), + offsetX = -this.offsetX, offsetY = -this.offsetY, + withViewport = !!options.additionalTransform, + gradientUnits = this.gradientUnits === 'pixels' ? 'userSpaceOnUse' : 'objectBoundingBox'; + // colorStops must be sorted ascending + colorStops.sort(function(a, b) { + return a.offset - b.offset; + }); + + if (gradientUnits === 'objectBoundingBox') { + offsetX /= object.width; + offsetY /= object.height; + } + else { + offsetX += object.width / 2; + offsetY += object.height / 2; + } + if (object.type === 'path' && this.gradientUnits !== 'percentage') { + offsetX -= object.pathOffset.x; + offsetY -= object.pathOffset.y; + } + + + transform[4] -= offsetX; + transform[5] -= offsetY; + + commonAttributes = 'id="SVGID_' + this.id + + '" gradientUnits="' + gradientUnits + '"'; + commonAttributes += ' gradientTransform="' + (withViewport ? + options.additionalTransform + ' ' : '') + fabric.util.matrixToSVG(transform) + '" '; + + if (this.type === 'linear') { + markup = [ + '\n' + ]; + } + else if (this.type === 'radial') { + // svg radial gradient has just 1 radius. the biggest. + markup = [ + '\n' + ]; + } + + if (this.type === 'radial') { + if (needsSwap) { + // svg goes from internal to external radius. if radius are inverted, swap color stops. + colorStops = colorStops.concat(); + colorStops.reverse(); + for (i = 0, len = colorStops.length; i < len; i++) { + colorStops[i].offset = 1 - colorStops[i].offset; + } + } + var minRadius = Math.min(coords.r1, coords.r2); + if (minRadius > 0) { + // i have to shift all colorStops and add new one in 0. + var maxRadius = Math.max(coords.r1, coords.r2), + percentageShift = minRadius / maxRadius; + for (i = 0, len = colorStops.length; i < len; i++) { + colorStops[i].offset += percentageShift * (1 - colorStops[i].offset); + } + } + } + + for (i = 0, len = colorStops.length; i < len; i++) { + var colorStop = colorStops[i]; + markup.push( + '\n' + ); + } + + markup.push((this.type === 'linear' ? '\n' : '\n')); + + return markup.join(''); + }, + /* _TO_SVG_END_ */ + /** - * @private + * Returns an instance of CanvasGradient * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {CanvasGradient} */ - _renderStroke(ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - ctx.save(); - if (this.strokeUniform) { - const scaling = this.getObjectScaling(); - ctx.scale(1 / scaling.x, 1 / scaling.y); + toLive: function(ctx) { + var gradient, coords = fabric.util.object.clone(this.coords), i, len; + + if (!this.type) { + return; + } + + if (this.type === 'linear') { + gradient = ctx.createLinearGradient( + coords.x1, coords.y1, coords.x2, coords.y2); + } + else if (this.type === 'radial') { + gradient = ctx.createRadialGradient( + coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); + } + + for (i = 0, len = this.colorStops.length; i < len; i++) { + var color = this.colorStops[i].color, + opacity = this.colorStops[i].opacity, + offset = this.colorStops[i].offset; + + if (typeof opacity !== 'undefined') { + color = new fabric.Color(color).setAlpha(opacity).toRgba(); } - this._setLineDash(ctx, this.strokeDashArray); - this._setStrokeStyles(ctx, this); - ctx.stroke(); - ctx.restore(); + gradient.addColorStop(offset, color); + } + + return gradient; } + }); + + fabric.util.object.extend(fabric.Gradient, { + + /* _FROM_SVG_START_ */ /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Gradient} filler a fabric gradient instance + * Returns {@link fabric.Gradient} instance from an SVG element + * @static + * @memberOf fabric.Gradient + * @param {SVGGradientElement} el SVG gradient element + * @param {fabric.Object} instance + * @param {String} opacityAttr A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity. + * @param {Object} svgOptions an object containing the size of the SVG in order to parse correctly gradients + * that uses gradientUnits as 'userSpaceOnUse' and percentages. + * @param {Object.number} viewBoxWidth width part of the viewBox attribute on svg + * @param {Object.number} viewBoxHeight height part of the viewBox attribute on svg + * @param {Object.number} width width part of the svg tag if viewBox is not specified + * @param {Object.number} height height part of the svg tag if viewBox is not specified + * @return {fabric.Gradient} Gradient instance + * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement + * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement */ - _applyPatternForTransformedGradient(ctx, filler) { - const dims = this._limitCacheSize(this._getCacheCanvasDimensions()), pCanvas = fabric$3.util.createCanvasElement(), retinaScaling = this.canvas.getRetinaScaling(), width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; - pCanvas.width = width; - pCanvas.height = height; - const pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); - pCtx.moveTo(0, 0); - pCtx.lineTo(width, 0); - pCtx.lineTo(width, height); - pCtx.lineTo(0, height); - pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.scale(dims.zoomX / this.scaleX / retinaScaling, dims.zoomY / this.scaleY / retinaScaling); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fillStyle = filler.toLive(ctx); - pCtx.fill(); - ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); - ctx.scale((retinaScaling * this.scaleX) / dims.zoomX, (retinaScaling * this.scaleY) / dims.zoomY); - ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); + fromElement: function(el, instance, opacityAttr, svgOptions) { + /** + * @example: + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * + */ + + var multiplier = parseFloat(opacityAttr) / (/%$/.test(opacityAttr) ? 100 : 1); + multiplier = multiplier < 0 ? 0 : multiplier > 1 ? 1 : multiplier; + if (isNaN(multiplier)) { + multiplier = 1; + } + + var colorStopEls = el.getElementsByTagName('stop'), + type, + gradientUnits = el.getAttribute('gradientUnits') === 'userSpaceOnUse' ? + 'pixels' : 'percentage', + gradientTransform = el.getAttribute('gradientTransform') || '', + colorStops = [], + coords, i, offsetX = 0, offsetY = 0, + transformMatrix; + if (el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT') { + type = 'linear'; + coords = getLinearCoords(el); + } + else { + type = 'radial'; + coords = getRadialCoords(el); + } + + for (i = colorStopEls.length; i--; ) { + colorStops.push(getColorStop(colorStopEls[i], multiplier)); + } + + transformMatrix = fabric.parseTransformAttribute(gradientTransform); + + __convertPercentUnitsToValues(instance, coords, svgOptions, gradientUnits); + + if (gradientUnits === 'pixels') { + offsetX = -instance.left; + offsetY = -instance.top; + } + + var gradient = new fabric.Gradient({ + id: el.getAttribute('id'), + type: type, + coords: coords, + colorStops: colorStops, + gradientUnits: gradientUnits, + gradientTransform: transformMatrix, + offsetX: offsetX, + offsetY: offsetY, + }); + + return gradient; } + /* _FROM_SVG_END_ */ + }); + + /** + * @private + */ + function __convertPercentUnitsToValues(instance, options, svgOptions, gradientUnits) { + var propValue, finalValue; + Object.keys(options).forEach(function(prop) { + propValue = options[prop]; + if (propValue === 'Infinity') { + finalValue = 1; + } + else if (propValue === '-Infinity') { + finalValue = 0; + } + else { + finalValue = parseFloat(options[prop], 10); + if (typeof propValue === 'string' && /^(\d+\.\d+)%|(\d+)%$/.test(propValue)) { + finalValue *= 0.01; + if (gradientUnits === 'pixels') { + // then we need to fix those percentages here in svg parsing + if (prop === 'x1' || prop === 'x2' || prop === 'r2') { + finalValue *= svgOptions.viewBoxWidth || svgOptions.width; + } + if (prop === 'y1' || prop === 'y2') { + finalValue *= svgOptions.viewBoxHeight || svgOptions.height; + } + } + } + } + options[prop] = finalValue; + }); + } +})(); + + +(function() { + + 'use strict'; + + var toFixed = fabric.util.toFixed; + + /** + * Pattern class + * @class fabric.Pattern + * @see {@link http://fabricjs.com/patterns|Pattern demo} + * @see {@link http://fabricjs.com/dynamic-patterns|DynamicPattern demo} + * @see {@link fabric.Pattern#initialize} for constructor definition + */ + + + fabric.Pattern = fabric.util.createClass(/** @lends fabric.Pattern.prototype */ { + /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates + * Repeat property of a pattern (one of repeat, repeat-x, repeat-y or no-repeat) + * @type String + * @default */ - _findCenterFromElement() { - return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; - } + repeat: 'repeat', + /** - * This function is an helper for svg import. it decompose the transformMatrix - * and assign properties to object. - * untransformed coordinates - * @todo move away in the svg import stuff. - * @private + * Pattern horizontal offset from object's left/top corner + * @type Number + * @default */ - _assignTransformMatrixProps() { - if (this.transformMatrix) { - const options = qrDecompose(this.transformMatrix); - this.flipX = false; - this.flipY = false; - this.set('scaleX', options.scaleX); - this.set('scaleY', options.scaleY); - this.angle = options.angle; - this.skewX = options.skewX; - this.skewY = 0; - } - } + offsetX: 0, + /** - * This function is an helper for svg import. it removes the transform matrix - * and set to object properties that fabricjs can handle - * @todo move away in the svg import stuff. - * @private - * @param {Object} preserveAspectRatioOptions + * Pattern vertical offset from object's left/top corner + * @type Number + * @default */ - _removeTransformMatrix(preserveAspectRatioOptions) { - let center = this._findCenterFromElement(); - if (this.transformMatrix) { - this._assignTransformMatrixProps(); - center = transformPoint$1(center, this.transformMatrix); - } - this.transformMatrix = null; - if (preserveAspectRatioOptions) { - this.scaleX *= preserveAspectRatioOptions.scaleX; - this.scaleY *= preserveAspectRatioOptions.scaleY; - this.cropX = preserveAspectRatioOptions.cropX; - this.cropY = preserveAspectRatioOptions.cropY; - center.x += preserveAspectRatioOptions.offsetLeft; - center.y += preserveAspectRatioOptions.offsetTop; - this.width = preserveAspectRatioOptions.width; - this.height = preserveAspectRatioOptions.height; - } - this.setPositionByOrigin(center, 'center', 'center'); - } + offsetY: 0, + /** - * Clones an instance. - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @returns {Promise} + * crossOrigin value (one of "", "anonymous", "use-credentials") + * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes + * @type String + * @default */ - clone(propertiesToInclude) { - const objectForm = this.toObject(propertiesToInclude); - // todo ok understand this. is static or it isn't? - return this.constructor.fromObject(objectForm); - } + crossOrigin: '', + /** - * Creates an instance of fabric.Image out of an object - * makes use of toCanvasElement. - * Once this method was based on toDataUrl and loadImage, so it also had a quality - * and format option. toCanvasElement is faster and produce no loss of quality. - * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. - * toCanvasElement and then toBlob from the obtained canvas is also a good option. - * @param {Object} [options] for clone as image, passed to toDataURL - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {fabric.Image} Object cloned as image. + * transform matrix to change the pattern, imported from svgs. + * @type Array + * @default */ - cloneAsImage(options) { - const canvasEl = this.toCanvasElement(options); - return new fabric$3.Image(canvasEl); - } + patternTransform: null, + /** - * Converts an object into a HTMLCanvas element - * @param {Object} options Options object - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object + * Constructor + * @param {Object} [options] Options object + * @param {Function} [callback] function to invoke after callback init. + * @return {fabric.Pattern} thisArg */ - toCanvasElement(options) { - options || (options = {}); - const utils = fabric$3.util, origParams = utils.saveObjectTransform(this), originalGroup = this.group, originalShadow = this.shadow, abs = Math.abs, retinaScaling = options.enableRetinaScaling - ? Math.max(config.devicePixelRatio, 1) - : 1, multiplier = (options.multiplier || 1) * retinaScaling; - delete this.group; - if (options.withoutTransform) { - utils.resetObjectTransform(this); - } - if (options.withoutShadow) { - this.shadow = null; - } - let el = fabric$3.util.createCanvasElement(), - // skip canvas zoom and calculate with setCoords now. - boundingRect = this.getBoundingRect(true, true), shadow = this.shadow, shadowOffset = { x: 0, y: 0 }, width, height; - if (shadow) { - const shadowBlur = shadow.blur; - const scaling = shadow.nonScaling - ? new Point(1, 1) - : this.getObjectScaling(); - // consider non scaling shadow. - shadowOffset.x = - 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x); - shadowOffset.y = - 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y); - } - width = boundingRect.width + shadowOffset.x; - height = boundingRect.height + shadowOffset.y; - // if the current width/height is not an integer - // we need to make it so. - el.width = Math.ceil(width); - el.height = Math.ceil(height); - let canvas = new fabric$3.StaticCanvas(el, { - enableRetinaScaling: false, - renderOnAddRemove: false, - skipOffscreen: false, - }); - if (options.format === 'jpeg') { - canvas.backgroundColor = '#fff'; - } - this.setPositionByOrigin(new Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); - const originalCanvas = this.canvas; - canvas._objects = [this]; - this.set('canvas', canvas); - this.setCoords(); - const canvasEl = canvas.toCanvasElement(multiplier || 1, options); - this.set('canvas', originalCanvas); - this.shadow = originalShadow; - if (originalGroup) { - this.group = originalGroup; + initialize: function(options, callback) { + options || (options = { }); + + this.id = fabric.Object.__uid++; + this.setOptions(options); + if (!options.source || (options.source && typeof options.source !== 'string')) { + callback && callback(this); + return; + } + else { + // img src string + var _this = this; + this.source = fabric.util.createImage(); + fabric.util.loadImage(options.source, function(img, isError) { + _this.source = img; + callback && callback(_this, isError); + }, null, this.crossOrigin); + } + }, + + /** + * Returns object representation of a pattern + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of a pattern instance + */ + toObject: function(propertiesToInclude) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, + source, object; + + // element + if (typeof this.source.src === 'string') { + source = this.source.src; + } + // element + else if (typeof this.source === 'object' && this.source.toDataURL) { + source = this.source.toDataURL(); + } + + object = { + type: 'pattern', + source: source, + repeat: this.repeat, + crossOrigin: this.crossOrigin, + offsetX: toFixed(this.offsetX, NUM_FRACTION_DIGITS), + offsetY: toFixed(this.offsetY, NUM_FRACTION_DIGITS), + patternTransform: this.patternTransform ? this.patternTransform.concat() : null + }; + fabric.util.populateWithProperties(this, object, propertiesToInclude); + + return object; + }, + + /* _TO_SVG_START_ */ + /** + * Returns SVG representation of a pattern + * @param {fabric.Object} object + * @return {String} SVG representation of a pattern + */ + toSVG: function(object) { + var patternSource = typeof this.source === 'function' ? this.source() : this.source, + patternWidth = patternSource.width / object.width, + patternHeight = patternSource.height / object.height, + patternOffsetX = this.offsetX / object.width, + patternOffsetY = this.offsetY / object.height, + patternImgSrc = ''; + if (this.repeat === 'repeat-x' || this.repeat === 'no-repeat') { + patternHeight = 1; + if (patternOffsetY) { + patternHeight += Math.abs(patternOffsetY); + } + } + if (this.repeat === 'repeat-y' || this.repeat === 'no-repeat') { + patternWidth = 1; + if (patternOffsetX) { + patternWidth += Math.abs(patternOffsetX); } - this.set(origParams); - this.setCoords(); - // canvas.dispose will call image.dispose that will nullify the elements - // since this canvas is a simple element for the process, we remove references - // to objects in this way in order to avoid object trashing. - canvas._objects = []; - // since render has settled it is safe to destroy canvas - canvas.destroy(); - canvas = null; - return canvasEl; - } + + } + if (patternSource.src) { + patternImgSrc = patternSource.src; + } + else if (patternSource.toDataURL) { + patternImgSrc = patternSource.toDataURL(); + } + + return '\n' + + '\n' + + '\n'; + }, + /* _TO_SVG_END_ */ + + setOptions: function(options) { + for (var prop in options) { + this[prop] = options[prop]; + } + }, + /** - * Converts an object into a data-url-like string - * @param {Object} options Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + * Returns an instance of CanvasPattern + * @param {CanvasRenderingContext2D} ctx Context to create pattern + * @return {CanvasPattern} */ - toDataURL(options = {}) { - return fabric$3.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); + toLive: function(ctx) { + var source = this.source; + // if the image failed to load, return, and allow rest to continue loading + if (!source) { + return ''; + } + + // if an image + if (typeof source.src !== 'undefined') { + if (!source.complete) { + return ''; + } + if (source.naturalWidth === 0 || source.naturalHeight === 0) { + return ''; + } + } + return ctx.createPattern(source, this.repeat); } + }); +})(); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + toFixed = fabric.util.toFixed; + + if (fabric.Shadow) { + fabric.warn('fabric.Shadow is already defined.'); + return; + } + + /** + * Shadow class + * @class fabric.Shadow + * @see {@link http://fabricjs.com/shadows|Shadow demo} + * @see {@link fabric.Shadow#initialize} for constructor definition + */ + fabric.Shadow = fabric.util.createClass(/** @lends fabric.Shadow.prototype */ { + /** - * Returns true if specified type is identical to the type of an instance - * @param {String} type Type to check against - * @return {Boolean} + * Shadow color + * @type String + * @default */ - isType(...types) { - return types.includes(this.type); - } + color: 'rgb(0,0,0)', + /** - * Returns complexity of an instance - * @return {Number} complexity of this instance (is 1 unless subclassed) + * Shadow blur + * @type Number */ - complexity() { - return 1; - } + blur: 0, + /** - * Returns a JSON representation of an instance - * @return {Object} JSON + * Shadow horizontal offset + * @type Number + * @default */ - toJSON() { - // delegate, not alias - return this.toObject(); - } + offsetX: 0, + /** - * Sets "angle" of an instance with centered rotation - * @param {Number} angle Angle value (in degrees) - * @return {fabric.Object} thisArg - * @chainable + * Shadow vertical offset + * @type Number + * @default */ - rotate(angle) { - const shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && - this.centeredRotation; - if (shouldCenterOrigin) { - this._setOriginToCenter(); - } - this.set('angle', angle); - if (shouldCenterOrigin) { - this._resetOrigin(); - } - return this; - } + offsetY: 0, + /** - * Centers object horizontally on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Whether the shadow should affect stroke operations + * @type Boolean + * @default */ - centerH() { - this.canvas && this.canvas.centerObjectH(this); - return this; - } + affectStroke: false, + /** - * Centers object horizontally on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Indicates whether toObject should include default values + * @type Boolean + * @default */ - viewportCenterH() { - this.canvas && this.canvas.viewportCenterObjectH(this); - return this; - } + includeDefaultValues: true, + /** - * Centers object vertically on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * When `false`, the shadow will scale with the object. + * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. + * default to false + * @type Boolean + * @default */ - centerV() { - this.canvas && this.canvas.centerObjectV(this); - return this; - } + nonScaling: false, + /** - * Centers object vertically on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Constructor + * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") + * @return {fabric.Shadow} thisArg */ - viewportCenterV() { - this.canvas && this.canvas.viewportCenterObjectV(this); - return this; - } + initialize: function(options) { + + if (typeof options === 'string') { + options = this._parseShadow(options); + } + + for (var prop in options) { + this[prop] = options[prop]; + } + + this.id = fabric.Object.__uid++; + }, + /** - * Centers object vertically and horizontally on canvas to which is was added last - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * @private + * @param {String} shadow Shadow value to parse + * @return {Object} Shadow object with color, offsetX, offsetY and blur */ - center() { - this.canvas && this.canvas.centerObject(this); - return this; - } + _parseShadow: function(shadow) { + var shadowStr = shadow.trim(), + offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], + color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || 'rgb(0,0,0)'; + + return { + color: color.trim(), + offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, + offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, + blur: parseFloat(offsetsAndBlur[3], 10) || 0 + }; + }, + /** - * Centers object on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Returns a string representation of an instance + * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow + * @return {String} Returns CSS3 text-shadow declaration */ - viewportCenter() { - this.canvas && this.canvas.viewportCenterObject(this); - return this; - } + toString: function() { + return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); + }, + + /* _TO_SVG_START_ */ /** - * This callback function is called by the parent group of an object every - * time a non-delegated property changes on the group. It is passed the key - * and value as parameters. Not adding in this function's signature to avoid - * Travis build error about unused variables. + * Returns SVG representation of a shadow + * @param {fabric.Object} object + * @return {String} SVG representation of a shadow */ - setOnGroup() { - // implemented by sub-classes, as needed. - } + toSVG: function(object) { + var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, + offset = fabric.util.rotateVector( + { x: this.offsetX, y: this.offsetY }, + fabric.util.degreesToRadians(-object.angle)), + BLUR_BOX = 20, color = new fabric.Color(this.color); + + if (object.width && object.height) { + //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion + // we add some extra space to filter box to contain the blur ( 20 ) + fBoxX = toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; + fBoxY = toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; + } + if (object.flipX) { + offset.x *= -1; + } + if (object.flipY) { + offset.y *= -1; + } + + return ( + '\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\t\n' + + '\t\t\n' + + '\t\n' + + '\n'); + }, + /* _TO_SVG_END_ */ + /** - * Sets canvas globalCompositeOperation for specific object - * custom composition operation for the particular object can be specified using globalCompositeOperation property - * @param {CanvasRenderingContext2D} ctx Rendering canvas context + * Returns object representation of a shadow + * @return {Object} Object representation of a shadow instance */ - _setupCompositeOperation(ctx) { - if (this.globalCompositeOperation) { - ctx.globalCompositeOperation = this.globalCompositeOperation; + toObject: function() { + if (this.includeDefaultValues) { + return { + color: this.color, + blur: this.blur, + offsetX: this.offsetX, + offsetY: this.offsetY, + affectStroke: this.affectStroke, + nonScaling: this.nonScaling + }; + } + var obj = { }, proto = fabric.Shadow.prototype; + + ['color', 'blur', 'offsetX', 'offsetY', 'affectStroke', 'nonScaling'].forEach(function(prop) { + if (this[prop] !== proto[prop]) { + obj[prop] = this[prop]; } + }, this); + + return obj; } + }); + + /** + * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") + * @static + * @field + * @memberOf fabric.Shadow + */ + // eslint-disable-next-line max-len + fabric.Shadow.reOffsetsAndBlur = /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function () { + + 'use strict'; + + if (fabric.StaticCanvas) { + fabric.warn('fabric.StaticCanvas is already defined.'); + return; + } + + // aliases for faster resolution + var extend = fabric.util.object.extend, + getElementOffset = fabric.util.getElementOffset, + removeFromArray = fabric.util.removeFromArray, + toFixed = fabric.util.toFixed, + transformPoint = fabric.util.transformPoint, + invertTransform = fabric.util.invertTransform, + getNodeCanvas = fabric.util.getNodeCanvas, + createCanvasElement = fabric.util.createCanvasElement, + + CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); + + /** + * Static canvas class + * @class fabric.StaticCanvas + * @mixes fabric.Collection + * @mixes fabric.Observable + * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} + * @see {@link fabric.StaticCanvas#initialize} for constructor definition + * @fires before:render + * @fires after:render + * @fires canvas:cleared + * @fires object:added + * @fires object:removed + */ + fabric.StaticCanvas = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.StaticCanvas.prototype */ { + /** - * cancel instance's running animations - * override if necessary to dispose artifacts such as `clipPath` + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg */ - dispose() { - // todo verify this. - // runningAnimations is always truthy - if (runningAnimations) { - runningAnimations.cancelByTarget(this); - } - } - /** - * - * @param {Function} klass - * @param {object} object - * @param {object} [options] - * @param {string} [options.extraParam] property to pass as first argument to the constructor - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - static _fromObject(klass, object, _a = {}) { - var { extraParam } = _a, options = __rest(_a, ["extraParam"]); - return enlivenObjectEnlivables(clone(object, true), options).then((enlivedMap) => { - // from the resulting enlived options, extract options.extraParam to arg0 - // to avoid accidental overrides later - const _a = Object.assign(Object.assign({}, options), enlivedMap), _b = extraParam, arg0 = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]); - return extraParam ? new klass(arg0, rest) : new klass(rest); - }); - } + initialize: function(el, options) { + options || (options = { }); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + }, + /** - * - * @static - * @memberOf fabric.Object - * @param {object} object - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} + * Background color of canvas instance. + * Should be set via {@link fabric.StaticCanvas#setBackgroundColor}. + * @type {(String|fabric.Pattern)} + * @default */ - static fromObject(object, options) { - return FabricObject._fromObject(FabricObject, object, options); - } -} -/** - * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness - * @static - * @memberOf fabric.Object - * @type Number - */ -FabricObject.__uid = 0; -const fabricObjectDefaultValues = { - type: 'object', - originX: 'left', - originY: 'top', - top: 0, - left: 0, - width: 0, - height: 0, - scaleX: 1, - scaleY: 1, - flipX: false, - flipY: false, - opacity: 1, - angle: 0, - skewX: 0, - skewY: 0, - cornerSize: 13, - touchCornerSize: 24, - transparentCorners: true, - hoverCursor: null, - moveCursor: null, - padding: 0, - borderColor: 'rgb(178,204,255)', - borderDashArray: null, - cornerColor: 'rgb(178,204,255)', - cornerStrokeColor: '', - cornerStyle: 'rect', - cornerDashArray: null, - centeredScaling: false, - centeredRotation: true, - fill: 'rgb(0,0,0)', - fillRule: 'nonzero', - globalCompositeOperation: 'source-over', backgroundColor: '', - selectionBackgroundColor: '', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeDashOffset: 0, - strokeLineCap: 'butt', - strokeLineJoin: 'miter', - strokeMiterLimit: 4, - shadow: null, - borderOpacityWhenMoving: 0.4, - borderScaleFactor: 1, - minScaleLimit: 0, - selectable: true, - evented: true, - visible: true, - hasControls: true, - hasBorders: true, - perPixelTargetFind: false, - includeDefaultValues: true, - lockMovementX: false, - lockMovementY: false, - lockRotation: false, - lockScalingX: false, - lockScalingY: false, - lockSkewingX: false, - lockSkewingY: false, - lockScalingFlip: false, - excludeFromExport: false, - objectCaching: !fabric$3.isLikelyNode, - statefullCache: false, - noScaleCache: true, - strokeUniform: false, - dirty: true, - __corner: 0, - paintFirst: 'fill', - activeOn: 'down', - stateProperties: ('top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + - 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + - 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + - 'skewX skewY fillRule paintFirst clipPath strokeUniform').split(' '), - cacheProperties: ('fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + - ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath').split(' '), - colorProperties: 'fill stroke backgroundColor'.split(' '), - clipPath: undefined, - inverted: false, - absolutePositioned: false, - controls: {}, -}; -Object.assign(FabricObject.prototype, fabricObjectDefaultValues); -class InteractiveFabricObject extends FabricObject { /** - * Constructor - * @param {Object} [options] Options object - */ - constructor(options) { - super(options); - /** - * Describe object's corner position in canvas element coordinates. - * properties are depending on control keys and padding the main controls. - * each property is an object with x, y and corner. - * The `corner` property contains in a similar manner the 4 points of the - * interactive area of the corner. - * The coordinates depends from the controls positionHandler and are used - * to draw and locate controls - * @memberOf fabric.Object.prototype - */ - this.oCoords = {}; - } - /** - * Temporary compatibility issue with old classes - * @param {Object} [options] Options object + * Background image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as background, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default */ - initialize(options) { - if (options) { - this.setOptions(options); - } - } + backgroundImage: null, + /** - * Determines which corner has been clicked - * @private - * @param {Object} pointer The pointer indicating the mouse position - * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action - * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found + * Overlay color of canvas instance. + * Should be set via {@link fabric.StaticCanvas#setOverlayColor} + * @since 1.3.9 + * @type {(String|fabric.Pattern)} + * @default */ - _findTargetCorner(pointer, forTouch) { - if (!this.hasControls || - !this.canvas || - this.canvas._activeObject !== this) { - return false; - } - this.__corner = 0; - // had to keep the reverse loop because was breaking tests - const cornerEntries = Object.entries(this.oCoords); - for (let i = cornerEntries.length - 1; i >= 0; i--) { - const [cornerKey, corner] = cornerEntries[i]; - if (!this.isControlVisible(cornerKey)) { - continue; - } - const lines = this._getImageLines(forTouch ? corner.touchCorner : corner.corner); - const xPoints = this._findCrossPoints(pointer, lines); - if (xPoints !== 0 && xPoints % 2 === 1) { - this.__corner = cornerKey; - return cornerKey; - } - // // debugging - // - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - } - return false; - } + overlayColor: '', + /** - * Calculates the coordinates of the center of each control plus the corners of the control itself - * This basically just delegates to each control positionHandler - * WARNING: changing what is passed to positionHandler is a breaking change, since position handler - * is a public api and should be done just if extremely necessary - * @return {Record} + * Overlay image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as overlay, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default */ - calcOCoords() { - const vpt = this.getViewportTransform(), center = this.getCenterPoint(), tMatrix = [1, 0, 0, 1, center.x, center.y], rMatrix = calcRotateMatrix({ - angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0), - }), positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix), startMatrix = multiplyTransformMatrices(vpt, positionMatrix), finalMatrix = multiplyTransformMatrices(startMatrix, [ - 1 / vpt[0], - 0, - 0, - 1 / vpt[3], - 0, - 0, - ]), transformOptions = this.group - ? qrDecompose(this.calcTransformMatrix()) - : undefined, dim = this._calculateCurrentDimensions(transformOptions), coords = {}; - this.forEachControl((control, key, fabricObject) => { - coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); - }); - // debug code - /* - const canvas = this.canvas; - setTimeout(function () { - if (!canvas) return; - canvas.contextTop.clearRect(0, 0, 700, 700); - canvas.contextTop.fillStyle = 'green'; - Object.keys(coords).forEach(function(key) { - const control = coords[key]; - canvas.contextTop.fillRect(control.x, control.y, 3, 3); - }); - } 50); - */ - return coords; - } + overlayImage: null, + /** - * Sets corner and controls position coordinates based on current angle, width and height, left and top. - * oCoords are used to find the corners - * aCoords are used to quickly find an object on the canvas - * lineCoords are used to quickly find object during pointer events. - * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} - * @return {void} + * Indicates whether toObject/toDatalessObject should include default values + * if set to false, takes precedence over the object value. + * @type Boolean + * @default */ - setCoords() { - if (this.callSuper) { - ObjectGeometry.prototype.setCoords.call(this); - } - else { - super.setCoords(); - } - // set coordinates of the draggable boxes in the corners used to scale/rotate the image - this.oCoords = this.calcOCoords(); - this._setCornerCoords(); - } + includeDefaultValues: true, + /** - * Calls a function for each control. The function gets called, - * with the control, the control's key and the object that is calling the iterator - * @param {Function} fn function to iterate over the controls over + * Indicates whether objects' state should be saved + * @type Boolean + * @default */ - forEachControl(fn) { - for (const i in this.controls) { - fn(this.controls[i], i, this); - } - } + stateful: false, + /** - * Sets the coordinates that determine the interaction area of each control - * note: if we would switch to ROUND corner area, all of this would disappear. - * everything would resolve to a single point and a pythagorean theorem for the distance - * @todo evaluate simplification of code switching to circle interaction area at runtime - * @private + * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove}, + * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. + * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once + * since the renders are quequed and executed one per frame. + * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) + * Left default to true to do not break documentation and old app, fiddles. + * @type Boolean + * @default */ - _setCornerCoords() { - Object.entries(this.oCoords).forEach(([controlKey, control]) => { - const controlObject = this.controls[controlKey]; - control.corner = controlObject.calcCornerCoords(this.angle, this.cornerSize, control.x, control.y, false); - control.touchCorner = controlObject.calcCornerCoords(this.angle, this.touchCornerSize, control.x, control.y, true); - }); - } + renderOnAddRemove: true, + /** - * Draws a colored layer behind the object, inside its selection borders. - * Requires public options: padding, selectionBackgroundColor - * this function is called when the context is transformed - * has checks to be skipped when the object is on a staticCanvas - * @todo evaluate if make this disappear in favor of a pre-render hook for objects - * this was added by Andrea Bogazzi to make possible some feature for work reasons - * it seemed a good option, now is an edge case - * @param {CanvasRenderingContext2D} ctx Context to draw on + * Indicates whether object controls (borders/controls) are rendered above overlay image + * @type Boolean + * @default */ - drawSelectionBackground(ctx) { - if (!this.selectionBackgroundColor || - (this.canvas && !this.canvas.interactive) || - (this.canvas && this.canvas._activeObject !== this)) { - return; - } - ctx.save(); - const center = this.getRelativeCenterPoint(), wh = this._calculateCurrentDimensions(), vpt = this.getViewportTransform(); - ctx.translate(center.x, center.y); - ctx.scale(1 / vpt[0], 1 / vpt[3]); - ctx.rotate(degreesToRadians(this.angle)); - ctx.fillStyle = this.selectionBackgroundColor; - ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); - ctx.restore(); - } + controlsAboveOverlay: false, + /** - * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style. - * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center - * @param {Point} size the control box size used + * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas + * @type Boolean + * @default */ - strokeBorders(ctx, size) { - ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y); - } + allowTouchScrolling: false, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Point} size - * @param {Object} styleOverride object to override the object style + * Indicates whether this canvas will use image smoothing, this is on by default in browsers + * @type Boolean + * @default */ - _drawBorders(ctx, size, styleOverride = {}) { - const options = Object.assign({ hasControls: this.hasControls, borderColor: this.borderColor, borderDashArray: this.borderDashArray }, styleOverride); - ctx.save(); - ctx.strokeStyle = options.borderColor; - this._setLineDash(ctx, options.borderDashArray); - this.strokeBorders(ctx, size); - options.hasControls && this.drawControlsConnectingLines(ctx, size); - ctx.restore(); - } + imageSmoothingEnabled: true, + /** - * Renders controls and borders for the object - * the context here is not transformed - * @todo move to interactivity - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style + * The transformation (a Canvas 2D API transform matrix) which focuses the viewport + * @type Array + * @example Default transform + * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; + * @example Scale by 70% and translate toward bottom-right by 50, without skewing + * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; + * @default */ - _renderControls(ctx, styleOverride = {}) { - const { hasBorders, hasControls } = this; - const styleOptions = Object.assign({ hasBorders, - hasControls }, styleOverride); - const vpt = this.getViewportTransform(), shouldDrawBorders = styleOptions.hasBorders, shouldDrawControls = styleOptions.hasControls; - const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix()); - const options = qrDecompose(matrix); - ctx.save(); - ctx.translate(options.translateX, options.translateY); - ctx.lineWidth = 1 * this.borderScaleFactor; - if (!this.group) { - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - } - if (this.flipX) { - options.angle -= 180; - } - ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); - shouldDrawBorders && this.drawBorders(ctx, options, styleOverride); - shouldDrawControls && this.drawControls(ctx, styleOverride); - ctx.restore(); - } + viewportTransform: fabric.iMatrix.concat(), + /** - * Draws borders of an object's bounding box. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {object} options object representing current object parameters - * @param {Object} [styleOverride] object to override the object style - */ - drawBorders(ctx, options, styleOverride) { - let size; - if ((styleOverride && styleOverride.forActiveSelection) || this.group) { - const bbox = sizeAfterTransform(this.width, this.height, options), stroke = (this.strokeUniform - ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1) - : // this is extremely confusing. options comes from the upper function - // and is the qrDecompose of a matrix that takes in account zoom too - new Point(options.scaleX, options.scaleY)).scalarMultiply(this.strokeWidth); - size = bbox.add(stroke).scalarAdd(this.borderScaleFactor); - } - else { - size = this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor); - } - this._drawBorders(ctx, size, styleOverride); - } + * if set to false background image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default + */ + backgroundVpt: true, + /** - * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Point} size object size x = width, y = height + * if set to false overlya image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default */ - drawControlsConnectingLines(ctx, size) { - let shouldStroke = false; - ctx.beginPath(); - this.forEachControl(function (control, key, fabricObject) { - // in this moment, the ctx is centered on the object. - // width and height of the above function are the size of the bbox. - if (control.withConnection && control.getVisibility(fabricObject, key)) { - // reset movement for each control - shouldStroke = true; - ctx.moveTo(control.x * size.x, control.y * size.y); - ctx.lineTo(control.x * size.x + control.offsetX, control.y * size.y + control.offsetY); - } - }); - shouldStroke && ctx.stroke(); - } + overlayVpt: true, + /** - * Draws corners of an object's bounding box. - * Requires public properties: width, height - * Requires public options: cornerSize, padding - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Object} styleOverride object to override the object style + * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens + * @type Boolean + * @default */ - drawControls(ctx, styleOverride = {}) { - ctx.save(); - const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1; - const { cornerStrokeColor, cornerDashArray, cornerColor } = this; - const options = Object.assign({ cornerStrokeColor, - cornerDashArray, - cornerColor }, styleOverride); - ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); - ctx.strokeStyle = ctx.fillStyle = options.cornerColor; - if (!this.transparentCorners) { - ctx.strokeStyle = options.cornerStrokeColor; - } - this._setLineDash(ctx, options.cornerDashArray); - this.setCoords(); - this.forEachControl(function (control, key, fabricObject) { - if (control.getVisibility(fabricObject, key)) { - const p = fabricObject.oCoords[key]; - control.render(ctx, p.x, p.y, options, fabricObject); - } - }); - ctx.restore(); - } + enableRetinaScaling: true, + /** - * Returns true if the specified control is visible, false otherwise. - * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr', - * but since the control api allow for any control name, can be any string. - * @returns {boolean} true if the specified control is visible, false otherwise + * Describe canvas element extension over design + * properties are tl,tr,bl,br. + * if canvas is not zoomed/panned those points are the four corner of canvas + * if canvas is viewportTransformed you those points indicate the extension + * of canvas element in plain untrasformed coordinates + * The coordinates get updated with @method calcViewportBoundaries. + * @memberOf fabric.StaticCanvas.prototype */ - isControlVisible(controlKey) { - return (this.controls[controlKey] && - this.controls[controlKey].getVisibility(this, controlKey)); - } + vptCoords: { }, + /** - * Sets the visibility of the specified control. - * please do not use. - * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. - * but since the control api allow for any control name, can be any string. - * @param {Boolean} visible true to set the specified control visible, false otherwise - * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details + * Based on vptCoords and object.aCoords, skip rendering of objects that + * are not included in current viewport. + * May greatly help in applications with crowded canvas and use of zoom/pan + * If One of the corner of the bounding box of the object is on the canvas + * the objects get rendered. + * @memberOf fabric.StaticCanvas.prototype + * @type Boolean + * @default */ - setControlVisible(controlKey, visible) { - if (!this._controlsVisibility) { - this._controlsVisibility = {}; - } - this._controlsVisibility[controlKey] = visible; - } + skipOffscreen: true, + /** - * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible; - * @param {Record} [options] with an optional key per control - * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it + * a fabricObject that, without stroke define a clipping area with their shape. filled in black + * the clipPath object gets used when the canvas has rendered, and the context is placed in the + * top left corner of the canvas. + * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true + * @type fabric.Object */ - setControlsVisibility(options = {}) { - Object.entries(options).forEach(([controlKey, visibility]) => this.setControlVisible(controlKey, visibility)); - } + clipPath: undefined, + /** - * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box - * that is in the canvas.contextContainer. - * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object. - * Example: blinking cursror text selection, drag effects. - * @todo discuss swapping restoreManually with a renderCallback, but think of async issues - * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else. - * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed - * with the object transformMatrix, or restored to neutral transform + * @private + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object */ - clearContextTop(restoreManually) { - if (!this.canvas) { - return; - } - const ctx = this.canvas.contextTop; - if (!ctx) { - return; - } - const v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this.transform(ctx); - // we add 4 pixel, to be sure to do not leave any pixel out - const width = this.width + 4, height = this.height + 4; - ctx.clearRect(-width / 2, -height / 2, width, height); - restoreManually || ctx.restore(); - return ctx; - } + _initStatic: function(el, options) { + var cb = this.requestRenderAllBound; + this._objects = []; + this._createLowerCanvas(el); + this._initOptions(options); + // only initialize retina scaling once + if (!this.interactive) { + this._initRetinaScaling(); + } + + if (options.overlayImage) { + this.setOverlayImage(options.overlayImage, cb); + } + if (options.backgroundImage) { + this.setBackgroundImage(options.backgroundImage, cb); + } + if (options.backgroundColor) { + this.setBackgroundColor(options.backgroundColor, cb); + } + if (options.overlayColor) { + this.setOverlayColor(options.overlayColor, cb); + } + this.calcOffset(); + }, + /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to deselect this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event + * @private */ - onDeselect(options) { - // implemented by sub-classes, as needed. - } + _isRetinaScaling: function() { + return (fabric.devicePixelRatio > 1 && this.enableRetinaScaling); + }, + /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to select this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event + * @private + * @return {Number} retinaScaling if applied, otherwise 1; */ - onSelect(options) { - // implemented by sub-classes, as needed. - } + getRetinaScaling: function() { + return this._isRetinaScaling() ? Math.max(1, fabric.devicePixelRatio) : 1; + }, + /** - * Override to customize drag and drop behavior - * return true if the object currently dragged can be dropped on the target - * @public - * @param {DragEvent} e - * @returns {boolean} + * @private */ - canDrop(e) { - return false; - } + _initRetinaScaling: function() { + if (!this._isRetinaScaling()) { + return; + } + var scaleRatio = fabric.devicePixelRatio; + this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); + if (this.upperCanvasEl) { + this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); + } + }, + + __initRetinaScaling: function(scaleRatio, canvas, context) { + canvas.setAttribute('width', this.width * scaleRatio); + canvas.setAttribute('height', this.height * scaleRatio); + context.scale(scaleRatio, scaleRatio); + }, + + /** - * Override to customize drag and drop behavior - * render a specific effect when an object is the source of a drag event - * example: render the selection status for the part of text that is being dragged from a text object - * @public - * @param {DragEvent} e - * @returns {boolean} + * Calculates canvas element offset relative to the document + * This method is also attached as "resize" event handler of window + * @return {fabric.Canvas} instance + * @chainable */ - renderDragSourceEffect() { - // for subclasses - } + calcOffset: function () { + this._offset = getElementOffset(this.lowerCanvasEl); + return this; + }, + /** - * Override to customize drag and drop behavior - * render a specific effect when an object is the target of a drag event - * used to show that the underly object can receive a drop, or to show how the - * object will change when dropping. example: show the cursor where the text is about to be dropped - * @public - * @param {DragEvent} e - * @returns {boolean} + * Sets {@link fabric.StaticCanvas#overlayImage|overlay image} for this canvas + * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set overlay to + * @param {Function} callback callback to invoke when image is loaded and set as an overlay + * @param {Object} [options] Optional options to set for the {@link fabric.Image|overlay image}. + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/fabricjs/MnzHT/|jsFiddle demo} + * @example Normal overlayImage with left/top = 0 + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * // Needed to position overlayImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example overlayImage with different properties + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top' + * }); + * @example Stretched overlayImage #1 - width/height correspond to canvas width/height + * fabric.Image.fromURL('http://fabricjs.com/assets/jail_cell_bars.png', function(img, isError) { + * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); + * canvas.setOverlayImage(img, canvas.renderAll.bind(canvas)); + * }); + * @example Stretched overlayImage #2 - width/height correspond to canvas width/height + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * width: canvas.width, + * height: canvas.height, + * // Needed to position overlayImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example overlayImage loaded from cross-origin + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top', + * crossOrigin: 'anonymous' + * }); */ - renderDropTargetEffect(e) { - // for subclasses - } -} + setOverlayImage: function (image, callback, options) { + return this.__setBgOverlayImage('overlayImage', image, callback, options); + }, -(function (global) { - const fabric = global.fabric; - fabric.Object = InteractiveFabricObject; -})(typeof exports !== 'undefined' ? exports : window); + /** + * Sets {@link fabric.StaticCanvas#backgroundImage|background image} for this canvas + * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set background to + * @param {Function} callback Callback to invoke when image is loaded and set as background + * @param {Object} [options] Optional options to set for the {@link fabric.Image|background image}. + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/djnr8o7a/28/|jsFiddle demo} + * @example Normal backgroundImage with left/top = 0 + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * // Needed to position backgroundImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example backgroundImage with different properties + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top' + * }); + * @example Stretched backgroundImage #1 - width/height correspond to canvas width/height + * fabric.Image.fromURL('http://fabricjs.com/assets/honey_im_subtle.png', function(img, isError) { + * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); + * canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas)); + * }); + * @example Stretched backgroundImage #2 - width/height correspond to canvas width/height + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * width: canvas.width, + * height: canvas.height, + * // Needed to position backgroundImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example backgroundImage loaded from cross-origin + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top', + * crossOrigin: 'anonymous' + * }); + */ + // TODO: fix stretched examples + setBackgroundImage: function (image, callback, options) { + return this.__setBgOverlayImage('backgroundImage', image, callback, options); + }, -//@ts-nocheck -/** - * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback - * @static - * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @param {Function} callback Callback to call when parsing is finished; - * It's being passed an array of elements (parsed from a document). - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [parsingOptions] options for parsing document - * @param {String} [parsingOptions.crossOrigin] crossOrigin settings - * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - */ -function parseSVGDocument(doc, callback, reviver, parsingOptions) { - if (!doc) { - return; - } - if (parsingOptions && - parsingOptions.signal && - parsingOptions.signal.aborted) { - throw new Error('`options.signal` is in `aborted` state'); - } - parseUseDirectives(doc); - let svgUid = InteractiveFabricObject.__uid++, i, len, options = applyViewboxTransform(doc), descendants = Array.from(doc.getElementsByTagName('*')); - options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; - options.svgUid = svgUid; - options.signal = parsingOptions && parsingOptions.signal; - if (descendants.length === 0 && isLikelyNode) { - // we're likely in node, where "o3-xml" library fails to gEBTN("*") - // https://github.com/ajaxorg/node-o3-xml/issues/21 - descendants = doc.selectNodes('//*[name(.)!="svg"]'); - const arr = []; - for (i = 0, len = descendants.length; i < len; i++) { - arr[i] = descendants[i]; - } - descendants = arr; - } - const elements = descendants.filter(function (el) { - applyViewboxTransform(el); - return (svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && - !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)); // http://www.w3.org/TR/SVG/struct.html#DefsElement - }); - if (!elements || (elements && !elements.length)) { - callback && callback([], {}); - return; - } - const localClipPaths = {}; - descendants - .filter(function (el) { - return el.nodeName.replace('svg:', '') === 'clipPath'; - }) - .forEach(function (el) { - const id = el.getAttribute('id'); - localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(function (el) { - return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); - }); - }); - gradientDefs[svgUid] = getGradientDefs(doc); - cssRules[svgUid] = getCSSRules(doc); - clipPaths[svgUid] = localClipPaths; - // Precedence of rules: style > class > attribute - parseElements(elements, function (instances, elements) { - if (callback) { - callback(instances, options, elements, descendants); - delete gradientDefs[svgUid]; - delete cssRules[svgUid]; - delete clipPaths[svgUid]; - } - }, Object.assign({}, options), reviver, parsingOptions); -} + /** + * Sets {@link fabric.StaticCanvas#overlayColor|foreground color} for this canvas + * @param {(String|fabric.Pattern)} overlayColor Color or pattern to set foreground color to + * @param {Function} callback Callback to invoke when foreground color is set + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/fabricjs/pB55h/|jsFiddle demo} + * @example Normal overlayColor - color value + * canvas.setOverlayColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as overlayColor + * canvas.setOverlayColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png' + * }, canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as overlayColor with repeat and offset + * canvas.setOverlayColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png', + * repeat: 'repeat', + * offsetX: 200, + * offsetY: 100 + * }, canvas.renderAll.bind(canvas)); + */ + setOverlayColor: function(overlayColor, callback) { + return this.__setBgOverlayColor('overlayColor', overlayColor, callback); + }, -//@ts-nocheck -/** - * Takes string corresponding to an SVG document, and parses it into a set of fabric objects - * @memberOf fabric - * @param {String} string - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - */ -function loadSVGFromString(string, callback, reviver, options) { - const parser = new fabric$3.window.DOMParser(), doc = parser.parseFromString(string.trim(), 'text/xml'); - parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { - callback(results, _options, elements, allElements); - }, reviver, options); -} + /** + * Sets {@link fabric.StaticCanvas#backgroundColor|background color} for this canvas + * @param {(String|fabric.Pattern)} backgroundColor Color or pattern to set background color to + * @param {Function} callback Callback to invoke when background color is set + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/fabricjs/hXzvk/|jsFiddle demo} + * @example Normal backgroundColor - color value + * canvas.setBackgroundColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as backgroundColor + * canvas.setBackgroundColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png' + * }, canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as backgroundColor with repeat and offset + * canvas.setBackgroundColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png', + * repeat: 'repeat', + * offsetX: 200, + * offsetY: 100 + * }, canvas.renderAll.bind(canvas)); + */ + setBackgroundColor: function(backgroundColor, callback) { + return this.__setBgOverlayColor('backgroundColor', backgroundColor, callback); + }, -//@ts-nocheck -/** - * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. - * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) - * @memberOf fabric - * @param {String} url - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - */ -function loadSVGFromURL(url, callback, reviver, options) { - new request(url.replace(/^\n\s*/, '').trim(), { - method: 'get', - onComplete: onComplete, - signal: options && options.signal, - }); - function onComplete(r) { - const xml = r.responseXML; - if (!xml || !xml.documentElement) { - callback && callback(null); - return false; - } - parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { - callback && callback(results, _options, elements, allElements); - }, reviver, options); - } -} + /** + * @private + * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundImage|backgroundImage} + * or {@link fabric.StaticCanvas#overlayImage|overlayImage}) + * @param {(fabric.Image|String|null)} image fabric.Image instance, URL of an image or null to set background or overlay to + * @param {Function} callback Callback to invoke when image is loaded and set as background or overlay. The first argument is the created image, the second argument is a flag indicating whether an error occurred or not. + * @param {Object} [options] Optional options to set for the {@link fabric.Image|image}. + */ + __setBgOverlayImage: function(property, image, callback, options) { + if (typeof image === 'string') { + fabric.util.loadImage(image, function(img, isError) { + if (img) { + var instance = new fabric.Image(img, options); + this[property] = instance; + instance.canvas = this; + } + callback && callback(img, isError); + }, this, options && options.crossOrigin); + } + else { + options && image.setOptions(options); + this[property] = image; + image && (image.canvas = this); + callback && callback(image, false); + } -//@ts-nocheck -function selectorMatches(element, selector) { - let nodeName = element.nodeName, classNames = element.getAttribute('class'), id = element.getAttribute('id'), matcher, i; - // i check if a selector matches slicing away part from it. - // if i get empty string i should match - matcher = new RegExp('^' + nodeName, 'i'); - selector = selector.replace(matcher, ''); - if (id && selector.length) { - matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); - } - if (classNames && selector.length) { - classNames = classNames.split(' '); - for (i = classNames.length; i--;) { - matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); - } - } - return selector.length === 0; -} + return this; + }, -//@ts-nocheck -function doesSomeParentMatch(element, selectors) { - let selector, parentMatching = true; - while (element.parentNode && - element.parentNode.nodeType === 1 && - selectors.length) { - if (parentMatching) { - selector = selectors.pop(); - } - element = element.parentNode; - parentMatching = selectorMatches(element, selector); - } - return selectors.length === 0; -} + /** + * @private + * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundColor|backgroundColor} + * or {@link fabric.StaticCanvas#overlayColor|overlayColor}) + * @param {(Object|String|null)} color Object with pattern information, color value or null + * @param {Function} [callback] Callback is invoked when color is set + */ + __setBgOverlayColor: function(property, color, callback) { + this[property] = color; + this._initGradient(color, property); + this._initPattern(color, property, callback); + return this; + }, -//@ts-nocheck -/** - * @private - */ -function elementMatchesRule(element, selectors) { - let firstMatching, parentMatching = true; - //start from rightmost selector. - firstMatching = selectorMatches(element, selectors.pop()); - if (firstMatching && selectors.length) { - parentMatching = doesSomeParentMatch(element, selectors); - } - return firstMatching && parentMatching && selectors.length === 0; -} + /** + * @private + */ + _createCanvasElement: function() { + var element = createCanvasElement(); + if (!element) { + throw CANVAS_INIT_ERROR; + } + if (!element.style) { + element.style = { }; + } + if (typeof element.getContext === 'undefined') { + throw CANVAS_INIT_ERROR; + } + return element; + }, -//@ts-nocheck -/** - * @private - */ -function getGlobalStylesForElement(element, svgUid) { - const styles = {}; - for (const rule in cssRules[svgUid]) { - if (elementMatchesRule(element, rule.split(' '))) { - for (const property in cssRules[svgUid][rule]) { - styles[property] = cssRules[svgUid][rule][property]; - } - } - } - return styles; -} + /** + * @private + * @param {Object} [options] Options object + */ + _initOptions: function (options) { + var lowerCanvasEl = this.lowerCanvasEl; + this._setOptions(options); -//@ts-nocheck -function normalizeAttr(attr) { - // transform attribute names - if (attr in attributesMap) { - return attributesMap[attr]; - } - return attr; -} + this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; + this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; -//@ts-nocheck -function rotateMatrix(matrix, args) { - const cosValue = cos(args[0]), sinValue = sin(args[0]); - let x = 0, y = 0; - if (args.length === 3) { - x = args[1]; - y = args[2]; - } - matrix[0] = cosValue; - matrix[1] = sinValue; - matrix[2] = -sinValue; - matrix[3] = cosValue; - matrix[4] = x - (cosValue * x - sinValue * y); - matrix[5] = y - (sinValue * x + cosValue * y); -} + if (!this.lowerCanvasEl.style) { + return; + } -//@ts-nocheck -function scaleMatrix(matrix, args) { - const multiplierX = args[0], multiplierY = args.length === 2 ? args[1] : args[0]; - matrix[0] = multiplierX; - matrix[3] = multiplierY; -} + lowerCanvasEl.width = this.width; + lowerCanvasEl.height = this.height; -//@ts-nocheck -function skewMatrix(matrix, args, pos) { - matrix[pos] = Math.tan(degreesToRadians(args[0])); -} + lowerCanvasEl.style.width = this.width + 'px'; + lowerCanvasEl.style.height = this.height + 'px'; -//@ts-nocheck -function translateMatrix(matrix, args) { - matrix[4] = args[0]; - if (args.length === 2) { - matrix[5] = args[1]; - } -} + this.viewportTransform = this.viewportTransform.slice(); + }, -//@ts-nocheck -// == begin transform regexp -const number = reNum, skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', rotate = '(?:(rotate)\\s*\\(\\s*(' + - number + - ')(?:' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - '))?\\s*\\))', scale = '(?:(scale)\\s*\\(\\s*(' + - number + - ')(?:' + - commaWsp + - '(' + - number + - '))?\\s*\\))', translate = '(?:(translate)\\s*\\(\\s*(' + - number + - ')(?:' + - commaWsp + - '(' + - number + - '))?\\s*\\))', matrix = '(?:(matrix)\\s*\\(\\s*' + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - '\\s*\\))', transform = '(?:' + - matrix + - '|' + - translate + - '|' + - scale + - '|' + - rotate + - '|' + - skewX + - '|' + - skewY + - ')', transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', transformList = '^\\s*(?:' + transforms + '?)\\s*$', -// http://www.w3.org/TR/SVG/coords.html#TransformAttribute -reTransformList = new RegExp(transformList), -// == end transform regexp -reTransform = new RegExp(transform, 'g'); -/** - * Parses "transform" attribute, returning an array of values - * @static - * @function - * @memberOf fabric - * @param {String} attributeValue String containing attribute value - * @return {Array} Array of 6 elements representing transformation matrix - */ -function parseTransformAttribute(attributeValue) { - // start with identity matrix - let matrix = iMatrix.concat(), matrices = []; - // return if no argument was given or - // an argument does not match transform attribute regexp - if (!attributeValue || - (attributeValue && !reTransformList.test(attributeValue))) { - return matrix; - } - attributeValue.replace(reTransform, function (match) { - const m = new RegExp(transform).exec(match).filter(function (match) { - // match !== '' && match != null - return !!match; - }), operation = m[1], args = m.slice(2).map(parseFloat); - switch (operation) { - case 'translate': - translateMatrix(matrix, args); - break; - case 'rotate': - args[0] = degreesToRadians(args[0]); - rotateMatrix(matrix, args); - break; - case 'scale': - scaleMatrix(matrix, args); - break; - case 'skewX': - skewMatrix(matrix, args, 2); - break; - case 'skewY': - skewMatrix(matrix, args, 1); - break; - case 'matrix': - matrix = args; - break; - } - // snapshot current matrix into matrices array - matrices.push(matrix.concat()); - // reset - matrix = iMatrix.concat(); - }); - let combinedMatrix = matrices[0]; - while (matrices.length > 1) { - matrices.shift(); - combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]); - } - return combinedMatrix; -} + /** + * Creates a bottom canvas + * @private + * @param {HTMLElement} [canvasEl] + */ + _createLowerCanvas: function (canvasEl) { + // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node + if (canvasEl && canvasEl.getContext) { + this.lowerCanvasEl = canvasEl; + } + else { + this.lowerCanvasEl = fabric.util.getById(canvasEl) || this._createCanvasElement(); + } -//@ts-nocheck -function normalizeValue(attr, value, parentAttributes, fontSize) { - let isArray = Array.isArray(value), parsed; - if ((attr === 'fill' || attr === 'stroke') && value === 'none') { - value = ''; - } - else if (attr === 'strokeUniform') { - return value === 'non-scaling-stroke'; - } - else if (attr === 'strokeDashArray') { - if (value === 'none') { - value = null; - } - else { - value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); - } - } - else if (attr === 'transformMatrix') { - if (parentAttributes && parentAttributes.transformMatrix) { - value = multiplyTransformMatrices(parentAttributes.transformMatrix, parseTransformAttribute(value)); - } - else { - value = parseTransformAttribute(value); - } - } - else if (attr === 'visible') { - value = value !== 'none' && value !== 'hidden'; - // display=none on parent element always takes precedence over child element - if (parentAttributes && parentAttributes.visible === false) { - value = false; - } - } - else if (attr === 'opacity') { - value = parseFloat(value); - if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { - value *= parentAttributes.opacity; - } - } - else if (attr === 'textAnchor' /* text-anchor */) { - value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; - } - else if (attr === 'charSpacing') { - // parseUnit returns px and we convert it to em - parsed = (parseUnit(value, fontSize) / fontSize) * 1000; - } - else if (attr === 'paintFirst') { - const fillIndex = value.indexOf('fill'); - const strokeIndex = value.indexOf('stroke'); - var value = 'fill'; - if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { - value = 'stroke'; - } - else if (fillIndex === -1 && strokeIndex > -1) { - value = 'stroke'; - } - } - else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { - return value; - } - else if (attr === 'imageSmoothing') { - return value === 'optimizeQuality'; - } - else { - parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); - } - return !isArray && isNaN(parsed) ? value : parsed; -} + fabric.util.addClass(this.lowerCanvasEl, 'lower-canvas'); + this._originalCanvasStyle = this.lowerCanvasEl.style; + if (this.interactive) { + this._applyCanvasStyle(this.lowerCanvasEl); + } -//@ts-nocheck -/** - * Parses a short font declaration, building adding its properties to a style object - * @static - * @function - * @memberOf fabric - * @param {String} value font declaration - * @param {Object} oStyle definition - */ -function parseFontDeclaration(value, oStyle) { - const match = value.match(reFontDeclaration); - if (!match) { - return; - } - const fontStyle = match[1], - // font variant is not used - // fontVariant = match[2], - fontWeight = match[3], fontSize = match[4], lineHeight = match[5], fontFamily = match[6]; - if (fontStyle) { - oStyle.fontStyle = fontStyle; - } - if (fontWeight) { - oStyle.fontWeight = isNaN(parseFloat(fontWeight)) - ? fontWeight - : parseFloat(fontWeight); - } - if (fontSize) { - oStyle.fontSize = parseUnit(fontSize); - } - if (fontFamily) { - oStyle.fontFamily = fontFamily; - } - if (lineHeight) { - oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; - } -} + this.contextContainer = this.lowerCanvasEl.getContext('2d'); + }, -//@ts-nocheck -function parseStyleObject(style, oStyle) { - let attr, value; - for (const prop in style) { - if (typeof style[prop] === 'undefined') { - continue; - } - attr = prop.toLowerCase(); - value = style[prop]; - oStyle[attr] = value; - } -} + /** + * Returns canvas width (in px) + * @return {Number} + */ + getWidth: function () { + return this.width; + }, -//@ts-nocheck -function parseStyleString(style, oStyle) { - let attr, value; - style - .replace(/;\s*$/, '') - .split(';') - .forEach(function (chunk) { - const pair = chunk.split(':'); - attr = pair[0].trim().toLowerCase(); - value = pair[1].trim(); - oStyle[attr] = value; - }); -} + /** + * Returns canvas height (in px) + * @return {Number} + */ + getHeight: function () { + return this.height; + }, -//@ts-nocheck -/** - * Parses "style" attribute, retuning an object with values - * @static - * @memberOf fabric - * @param {SVGElement} element Element to parse - * @return {Object} Objects with values parsed from style attribute of an element - */ -function parseStyleAttribute(element) { - const oStyle = {}, style = element.getAttribute('style'); - if (!style) { - return oStyle; - } - if (typeof style === 'string') { - parseStyleString(style, oStyle); - } - else { - parseStyleObject(style, oStyle); - } - return oStyle; -} + /** + * Sets width of this canvas instance + * @param {Number|String} value Value to set width to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setWidth: function (value, options) { + return this.setDimensions({ width: value }, options); + }, -//@ts-nocheck -/** - * @private - * @param {Object} attributes Array of attributes to parse - */ -function setStrokeFillOpacity(attributes) { - for (const attr in colorAttributes) { - if (typeof attributes[colorAttributes[attr]] === 'undefined' || - attributes[attr] === '') { - continue; - } - if (typeof attributes[attr] === 'undefined') { - if (!InteractiveFabricObject.prototype[attr]) { - continue; - } - attributes[attr] = InteractiveFabricObject.prototype[attr]; - } - if (attributes[attr].indexOf('url(') === 0) { - continue; - } - const color = new Color(attributes[attr]); - attributes[attr] = color - .setAlpha(toFixed$1(color.getAlpha() * attributes[colorAttributes[attr]], 2)) - .toRgba(); - } - return attributes; -} + /** + * Sets height of this canvas instance + * @param {Number|String} value Value to set height to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setHeight: function (value, options) { + return this.setDimensions({ height: value }, options); + }, -//@ts-nocheck -/** - * Returns an object of attributes' name/value, given element and an array of attribute names; - * Parses parent "g" nodes recursively upwards. - * @param {DOMElement} element Element to parse - * @param {Array} attributes Array of attributes to parse - * @return {Object} object containing parsed attributes' names/values - */ -function parseAttributes(element, attributes, svgUid) { - if (!element) { - return; - } - let value, parentAttributes = {}, fontSize, parentFontSize; - if (typeof svgUid === 'undefined') { - svgUid = element.getAttribute('svgUid'); - } - // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards - if (element.parentNode && - svgValidParentsRegEx.test(element.parentNode.nodeName)) { - parentAttributes = parseAttributes(element.parentNode, attributes, svgUid); - } - let ownAttributes = attributes.reduce(function (memo, attr) { - value = element.getAttribute(attr); - if (value) { - // eslint-disable-line - memo[attr] = value; + /** + * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) + * @param {Object} dimensions Object with width/height properties + * @param {Number|String} [dimensions.width] Width of canvas element + * @param {Number|String} [dimensions.height] Height of canvas element + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} thisArg + * @chainable + */ + setDimensions: function (dimensions, options) { + var cssValue; + + options = options || {}; + + for (var prop in dimensions) { + cssValue = dimensions[prop]; + + if (!options.cssOnly) { + this._setBackstoreDimension(prop, dimensions[prop]); + cssValue += 'px'; + this.hasLostContext = true; } - return memo; - }, {}); - // add values parsed from style, which take precedence over attributes - // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) - const cssAttrs = Object.assign(getGlobalStylesForElement(element, svgUid), parseStyleAttribute(element)); - ownAttributes = Object.assign(ownAttributes, cssAttrs); - if (cssAttrs[cPath]) { - element.setAttribute(cPath, cssAttrs[cPath]); - } - fontSize = parentFontSize = - parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE; - if (ownAttributes[fSize]) { - // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. - ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); - } - let normalizedAttr, normalizedValue, normalizedStyle = {}; - for (const attr in ownAttributes) { - normalizedAttr = normalizeAttr(attr); - normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); - normalizedStyle[normalizedAttr] = normalizedValue; - } - if (normalizedStyle && normalizedStyle.font) { - parseFontDeclaration(normalizedStyle.font, normalizedStyle); - } - const mergedAttrs = Object.assign(parentAttributes, normalizedStyle); - return svgValidParentsRegEx.test(element.nodeName) - ? mergedAttrs - : setStrokeFillOpacity(mergedAttrs); -} -//@ts-nocheck -/** - * Parses "points" attribute, returning an array of values - * @static - * @memberOf fabric - * @param {String} points points attribute string - * @return {Array} array of points - */ -function parsePointsAttribute(points) { - // points attribute is required and must not be empty - if (!points) { - return null; - } - // replace commas with whitespace and remove bookending whitespace - points = points.replace(/,/g, ' ').trim(); - points = points.split(/\s+/); - let parsedPoints = [], i, len; - for (i = 0, len = points.length; i < len; i += 2) { - parsedPoints.push({ - x: parseFloat(points[i]), - y: parseFloat(points[i + 1]), - }); - } - // odd number of points is an error - // if (parsedPoints.length % 2 !== 0) { - // return null; - // } - return parsedPoints; -} + if (!options.backstoreOnly) { + this._setCssDimension(prop, cssValue); + } + } + if (this._isCurrentlyDrawing) { + this.freeDrawingBrush && this.freeDrawingBrush._setBrushStyles(this.contextTop); + } + this._initRetinaScaling(); + this.calcOffset(); -Object.assign(fabric$3, { - SHARED_ATTRIBUTES, - cssRules, - gradientDefs, - clipPaths, - parseTransformAttribute, - parseSVGDocument, - parseFontDeclaration, - getGradientDefs, - parseAttributes, - parseElements, - parseStyleAttribute, - parsePointsAttribute, - getCSSRules, - loadSVGFromURL, - loadSVGFromString, - ElementsParser, -}); + if (!options.cssOnly) { + this.requestRenderAll(); + } -const linearDefaultCoords = { - x1: 0, - y1: 0, - x2: 0, - y2: 0, -}; -const radialDefaultCoords = Object.assign(Object.assign({}, linearDefaultCoords), { r1: 0, r2: 0 }); + return this; + }, -function parseType(el) { - return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT' - ? 'linear' - : 'radial'; -} -function parseGradientUnits(el) { - return el.getAttribute('gradientUnits') === 'userSpaceOnUse' - ? 'pixels' - : 'percentage'; -} + /** + * Helper for setting width/height + * @private + * @param {String} prop property (width|height) + * @param {Number} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true + */ + _setBackstoreDimension: function (prop, value) { + this.lowerCanvasEl[prop] = value; -const RE_PERCENT = /^(\d+\.\d+)%|(\d+)%$/; -function isPercent(value) { - return value && RE_PERCENT.test(value); -} -/** - * - * @param value - * @param valueIfNaN - * @returns ∈ [0, 1] - */ -function parsePercent(value, valueIfNaN) { - const parsed = typeof value === 'number' - ? value - : typeof value === 'string' - ? parseFloat(value) / (isPercent(value) ? 100 : 1) - : NaN; - return capValue(0, ifNaN(parsed, valueIfNaN), 1); -} + if (this.upperCanvasEl) { + this.upperCanvasEl[prop] = value; + } -const RE_KEY_VALUE_PAIRS = /\s*;\s*/; -const RE_KEY_VALUE = /\s*:\s*/; -function parseColorStop(el, multiplier) { - let colorValue, opacity; - const style = el.getAttribute('style'); - if (style) { - const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS); - if (keyValuePairs[keyValuePairs.length - 1] === '') { - keyValuePairs.pop(); - } - for (let i = keyValuePairs.length; i--;) { - const [key, value] = keyValuePairs[i] - .split(RE_KEY_VALUE) - .map((s) => s.trim()); - if (key === 'stop-color') { - colorValue = value; - } - else if (key === 'stop-opacity') { - opacity = value; - } - } - } - const color = new Color(colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'); - return { - offset: parsePercent(el.getAttribute('offset'), 0), - color: color.toRgb(), - opacity: ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) * - color.getAlpha() * - multiplier, - }; -} -function parseColorStops(el, opacityAttr) { - const colorStops = [], colorStopEls = el.getElementsByTagName('stop'), multiplier = parsePercent(opacityAttr, 1); - for (let i = colorStopEls.length; i--;) { - colorStops.push(parseColorStop(colorStopEls[i], multiplier)); - } - return colorStops; -} + if (this.cacheCanvasEl) { + this.cacheCanvasEl[prop] = value; + } -function convertPercentUnitsToValues(valuesToConvert, { width, height, gradientUnits }) { - let finalValue; - return Object.keys(valuesToConvert).reduce((acc, prop) => { - const propValue = valuesToConvert[prop]; - if (propValue === 'Infinity') { - finalValue = 1; - } - else if (propValue === '-Infinity') { - finalValue = 0; - } - else { - finalValue = - typeof propValue === 'string' ? parseFloat(propValue) : propValue; - if (typeof propValue === 'string' && isPercent(propValue)) { - finalValue *= 0.01; - if (gradientUnits === 'pixels') { - // then we need to fix those percentages here in svg parsing - if (prop === 'x1' || prop === 'x2' || prop === 'r2') { - finalValue *= width; - } - if (prop === 'y1' || prop === 'y2') { - finalValue *= height; - } - } - } - } - acc[prop] = finalValue; - return acc; - }, {}); -} -function getValue(el, key) { - return el.getAttribute(key); -} -function parseLinearCoords(el) { - return { - x1: getValue(el, 'x1') || 0, - y1: getValue(el, 'y1') || 0, - x2: getValue(el, 'x2') || '100%', - y2: getValue(el, 'y2') || 0, - }; -} -function parseRadialCoords(el) { - return { - x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%', - y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%', - r1: 0, - x2: getValue(el, 'cx') || '50%', - y2: getValue(el, 'cy') || '50%', - r2: getValue(el, 'r') || '50%', - }; -} -function parseCoords(el, size) { - return convertPercentUnitsToValues(parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el), Object.assign(Object.assign({}, size), { gradientUnits: parseGradientUnits(el) })); -} + this[prop] = value; + + return this; + }, -//@ts-nocheck -/** - * Gradient class - * @class Gradient - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} - */ -class Gradient { - constructor({ type = 'linear', gradientUnits = 'pixels', coords, colorStops = [], offsetX = 0, offsetY = 0, gradientTransform, id, }) { - /** - * Horizontal offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 - */ - this.offsetX = 0; - /** - * Vertical offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 - */ - this.offsetY = 0; - /** - * 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 - */ - this.gradientTransform = null; - const uid = InteractiveFabricObject.__uid++; - this.id = id ? `${id}_${uid}` : uid; - this.type = type; - this.gradientUnits = gradientUnits; - this.gradientTransform = gradientTransform || null; - this.offsetX = offsetX; - this.offsetY = offsetY; - this.coords = Object.assign(Object.assign({}, (this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords)), coords); - this.colorStops = colorStops.slice(); - } - // isType(type: S): this is Gradient { - // return (this.type as GradientType) === type; - // } /** - * Adds another colorStop - * @param {Record} colorStop Object with offset and color - * @return {Gradient} thisArg - */ - addColorStop(colorStops) { - for (const position in colorStops) { - const color = new Color(colorStops[position]); - this.colorStops.push({ - offset: parseFloat(position), - color: color.toRgb(), - opacity: color.getAlpha(), - }); - } - return this; - } + * Helper for setting css width/height + * @private + * @param {String} prop property (width|height) + * @param {String} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true + */ + _setCssDimension: function (prop, value) { + this.lowerCanvasEl.style[prop] = value; + + if (this.upperCanvasEl) { + this.upperCanvasEl.style[prop] = value; + } + + if (this.wrapperEl) { + this.wrapperEl.style[prop] = value; + } + + return this; + }, + /** - * Returns object representation of a gradient - * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {object} + * Returns canvas zoom level + * @return {Number} */ - toObject(propertiesToInclude) { - return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, coords: this.coords, colorStops: this.colorStops, offsetX: this.offsetX, offsetY: this.offsetY, gradientUnits: this.gradientUnits, gradientTransform: this.gradientTransform - ? this.gradientTransform.concat() - : this.gradientTransform }); - } - /* _TO_SVG_START_ */ + getZoom: function () { + return this.viewportTransform[0]; + }, + /** - * Returns SVG representation of an gradient - * @param {fabric.Object} object Object to create a gradient for - * @return {String} SVG representation of an gradient (linear/radial) + * Sets viewport transformation of this canvas instance + * @param {Array} vpt a Canvas 2D API transform matrix + * @return {fabric.Canvas} instance + * @chainable true + */ + setViewportTransform: function (vpt) { + var activeObject = this._activeObject, + backgroundObject = this.backgroundImage, + overlayObject = this.overlayImage, + object, i, len; + this.viewportTransform = vpt; + for (i = 0, len = this._objects.length; i < len; i++) { + object = this._objects[i]; + object.group || object.setCoords(true); + } + if (activeObject) { + activeObject.setCoords(); + } + if (backgroundObject) { + backgroundObject.setCoords(true); + } + if (overlayObject) { + overlayObject.setCoords(true); + } + this.calcViewportBoundaries(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Sets zoom level of this canvas instance, the zoom centered around point + * meaning that following zoom to point with the same point will have the visual + * effect of the zoom originating from that point. The point won't move. + * It has nothing to do with canvas center or visual center of the viewport. + * @param {fabric.Point} point to zoom with respect to + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true + */ + zoomToPoint: function (point, value) { + // TODO: just change the scale, preserve other transformations + var before = point, vpt = this.viewportTransform.slice(0); + point = transformPoint(point, invertTransform(this.viewportTransform)); + vpt[0] = value; + vpt[3] = value; + var after = transformPoint(point, vpt); + vpt[4] += before.x - after.x; + vpt[5] += before.y - after.y; + return this.setViewportTransform(vpt); + }, + + /** + * Sets zoom level of this canvas instance + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true */ - toSVG(object, { additionalTransform: preTransform } = {}) { - const markup = [], transform = (this.gradientTransform - ? this.gradientTransform.concat() - : iMatrix.concat()), gradientUnits = this.gradientUnits === 'pixels' - ? 'userSpaceOnUse' - : 'objectBoundingBox'; - // colorStops must be sorted ascending, and guarded against deep mutations - const colorStops = this.colorStops - .map((colorStop) => (Object.assign({}, colorStop))) - .sort((a, b) => { - return a.offset - b.offset; - }); - let offsetX = -this.offsetX, offsetY = -this.offsetY; - if (gradientUnits === 'objectBoundingBox') { - offsetX /= object.width; - offsetY /= object.height; - } - else { - offsetX += object.width / 2; - offsetY += object.height / 2; - } - if (object.type === 'path' && this.gradientUnits !== 'percentage') { - offsetX -= object.pathOffset.x; - offsetY -= object.pathOffset.y; - } - transform[4] -= offsetX; - transform[5] -= offsetY; - const commonAttributes = [ - `id="SVGID_${this.id}"`, - `gradientUnits="${gradientUnits}"`, - `gradientTransform="${preTransform ? preTransform + ' ' : ''}${matrixToSVG(transform)}"`, - '', - ].join(' '); - if (this.type === 'linear') { - const { x1, y1, x2, y2 } = this.coords; - markup.push('\n'); - } - else if (this.type === 'radial') { - const { x1, y1, x2, y2, r1, r2 } = this - .coords; - const needsSwap = r1 > r2; - // svg radial gradient has just 1 radius. the biggest. - markup.push('\n'); - if (needsSwap) { - // svg goes from internal to external radius. if radius are inverted, swap color stops. - colorStops.reverse(); // mutates array - colorStops.forEach((colorStop) => { - colorStop.offset = 1 - colorStop.offset; - }); - } - const minRadius = Math.min(r1, r2); - if (minRadius > 0) { - // i have to shift all colorStops and add new one in 0. - const maxRadius = Math.max(r1, r2), percentageShift = minRadius / maxRadius; - colorStops.forEach((colorStop) => { - colorStop.offset += percentageShift * (1 - colorStop.offset); - }); - } - } - colorStops.forEach(({ color, offset, opacity }) => { - markup.push('\n'); - }); - markup.push(this.type === 'linear' ? '' : '', '\n'); - return markup.join(''); - } - /* _TO_SVG_END_ */ + setZoom: function (value) { + this.zoomToPoint(new fabric.Point(0, 0), value); + return this; + }, + /** - * Returns an instance of CanvasGradient - * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {CanvasGradient} + * Pan viewport so as to place point at top left corner of canvas + * @param {fabric.Point} point to move to + * @return {fabric.Canvas} instance + * @chainable true */ - toLive(ctx) { - if (!this.type) { - return; - } - const coords = this.coords; - const gradient = this.type === 'linear' - ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2) - : ctx.createRadialGradient(coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); - this.colorStops.forEach(({ color, opacity, offset }) => { - gradient.addColorStop(offset, typeof opacity !== 'undefined' - ? new Color(color).setAlpha(opacity).toRgba() - : color); - }); - return gradient; - } - /* _FROM_SVG_START_ */ + absolutePan: function (point) { + var vpt = this.viewportTransform.slice(0); + vpt[4] = -point.x; + vpt[5] = -point.y; + return this.setViewportTransform(vpt); + }, + /** - * Returns {@link Gradient} instance from an SVG element - * @static - * @memberOf Gradient - * @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 - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * + * Pans viewpoint relatively + * @param {fabric.Point} point (position vector) to move by + * @return {fabric.Canvas} instance + * @chainable true */ - static fromElement(el, instance, svgOptions) { - const gradientUnits = parseGradientUnits(el); - return new Gradient(Object.assign({ id: el.getAttribute('id') || undefined, type: parseType(el), coords: parseCoords(el, { - width: svgOptions.viewBoxWidth || svgOptions.width, - height: svgOptions.viewBoxHeight || svgOptions.height, - }), colorStops: parseColorStops(el, svgOptions.opacity), gradientUnits, gradientTransform: parseTransformAttribute(el.getAttribute('gradientTransform') || '') }, (gradientUnits === 'pixels' - ? { - offsetX: -instance.left, - offsetY: -instance.top, - } - : { - offsetX: 0, - offsetY: 0, - }))); - } -} -fabric$3.Gradient = Gradient; + relativePan: function (point) { + return this.absolutePan(new fabric.Point( + -point.x - this.viewportTransform[4], + -point.y - this.viewportTransform[5] + )); + }, -//@ts-nocheck -/** - * @see {@link http://fabricjs.com/patterns demo} - * @see {@link http://fabricjs.com/dynamic-patterns demo} - */ -class Pattern$1 { /** - * Constructor - * @param {Object} [options] Options object - * @param {option.source} [source] the pattern source, eventually empty or a drawable - * @return {fabric.Pattern} thisArg + * Returns <canvas> element corresponding to this instance + * @return {HTMLCanvasElement} */ - constructor(options = {}) { - this.type = 'pattern'; - /** - * @type TPatternRepeat - * @defaults - */ - this.repeat = 'repeat'; - /** - * Pattern horizontal offset from object's left/top corner - * @type Number - * @default - */ - this.offsetX = 0; - /** - * Pattern vertical offset from object's left/top corner - * @type Number - * @default - */ - this.offsetY = 0; - /** - * @type TCrossOrigin - * @default - */ - this.crossOrigin = ''; - /** - * transform matrix to change the pattern, imported from svgs. - * @type Array - * @default - */ - this.patternTransform = null; - this.id = InteractiveFabricObject.__uid++; - this.setOptions(options); - } - setOptions(options) { - for (const prop in options) { - this[prop] = options[prop]; - } - } + getElement: function () { + return this.lowerCanvasEl; + }, + + /** + * @private + * @param {fabric.Object} obj Object that was added + */ + _onObjectAdded: function(obj) { + this.stateful && obj.setupState(); + obj._set('canvas', this); + obj.setCoords(); + this.fire('object:added', { target: obj }); + obj.fire('added'); + }, + /** - * @returns true if {@link source} is an element + * @private + * @param {fabric.Object} obj Object that was removed */ - isImageSource() { - return typeof this.source.src === 'string'; - } + _onObjectRemoved: function(obj) { + this.fire('object:removed', { target: obj }); + obj.fire('removed'); + delete obj.canvas; + }, + /** - * @returns true if {@link source} is a element + * Clears specified context of canvas element + * @param {CanvasRenderingContext2D} ctx Context to clear + * @return {fabric.Canvas} thisArg + * @chainable */ - isCanvasSource() { - return typeof this.source === 'object' && this.source.toDataURL; - } - sourceToString() { - return this.isImageSource() - ? this.source.src - : this.isCanvasSource() - ? this.source.toDataURL() - : ''; - } + clearContext: function(ctx) { + ctx.clearRect(0, 0, this.width, this.height); + return this; + }, + /** - * Returns an instance of CanvasPattern - * @param {CanvasRenderingContext2D} ctx Context to create pattern - * @return {CanvasPattern} + * Returns context of canvas where objects are drawn + * @return {CanvasRenderingContext2D} */ - toLive(ctx) { - if ( - // if the image failed to load, return, and allow rest to continue loading - !this.source || - // if an image - (this.isImageSource() && - (!this.source.complete || - this.source.naturalWidth === 0 || - this.source.naturalHeight === 0))) { - return ''; - } - return ctx.createPattern(this.source, this.repeat); - } + getContext: function () { + return this.contextContainer; + }, + /** - * Returns object representation of a pattern - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {object} Object representation of a pattern instance + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable */ - toObject(propertiesToInclude) { - return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: 'pattern', source: this.sourceToString(), repeat: this.repeat, crossOrigin: this.crossOrigin, offsetX: toFixed$1(this.offsetX, config.NUM_FRACTION_DIGITS), offsetY: toFixed$1(this.offsetY, config.NUM_FRACTION_DIGITS), patternTransform: this.patternTransform - ? this.patternTransform.concat() - : null }); - } - /* _TO_SVG_START_ */ + clear: function () { + this.remove.apply(this, this.getObjects()); + this.backgroundImage = null; + this.overlayImage = null; + this.backgroundColor = ''; + this.overlayColor = ''; + if (this._hasITextHandlers) { + this.off('mouse:up', this._mouseUpITextHandler); + this._iTextInstances = null; + this._hasITextHandlers = false; + } + this.clearContext(this.contextContainer); + this.fire('canvas:cleared'); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** - * Returns SVG representation of a pattern + * Renders the canvas + * @return {fabric.Canvas} instance + * @chainable */ - toSVG({ width, height }) { - const patternSource = this.source, patternOffsetX = ifNaN(this.offsetX / width, 0), patternOffsetY = ifNaN(this.offsetY / height, 0), patternWidth = this.repeat === 'repeat-y' || this.repeat === 'no-repeat' - ? 1 + Math.abs(patternOffsetX || 0) - : ifNaN(patternSource.width / width, 0), patternHeight = this.repeat === 'repeat-x' || this.repeat === 'no-repeat' - ? 1 + Math.abs(patternOffsetY || 0) - : ifNaN(patternSource.height / height, 0); - return [ - ``, - ``, - ``, - '', - ].join('\n'); - } - /* _TO_SVG_END_ */ - static async fromObject(_a, options) { - var { source } = _a, serialized = __rest(_a, ["source"]); - const img = await loadImage(source, Object.assign(Object.assign({}, options), { crossOrigin: serialized.crossOrigin })); - return new Pattern$1(Object.assign(Object.assign({}, serialized), { source: img })); - } -} -fabric$3.Pattern = Pattern$1; - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), toFixed = fabric.util.toFixed; - /** - * Shadow class - * @class fabric.Shadow - * @see {@link http://fabricjs.com/shadows|Shadow demo} - * @see {@link fabric.Shadow#initialize} for constructor definition - */ - fabric.Shadow = fabric.util.createClass( - /** @lends fabric.Shadow.prototype */ { - /** - * Shadow color - * @type String - * @default - */ - color: 'rgb(0,0,0)', - /** - * Shadow blur - * @type Number - */ - blur: 0, - /** - * Shadow horizontal offset - * @type Number - * @default - */ - offsetX: 0, - /** - * Shadow vertical offset - * @type Number - * @default - */ - offsetY: 0, - /** - * Whether the shadow should affect stroke operations - * @type Boolean - * @default - */ - affectStroke: false, - /** - * Indicates whether toObject should include default values - * @type Boolean - * @default - */ - includeDefaultValues: true, - /** - * When `false`, the shadow will scale with the object. - * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. - * default to false - * @type Boolean - * @default - */ - nonScaling: false, - /** - * Constructor - * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") - * @return {fabric.Shadow} thisArg - */ - initialize: function (options) { - if (typeof options === 'string') { - options = this._parseShadow(options); - } - for (var prop in options) { - this[prop] = options[prop]; - } - this.id = InteractiveFabricObject.__uid++; - }, - /** - * @private - * @param {String} shadow Shadow value to parse - * @return {Object} Shadow object with color, offsetX, offsetY and blur - */ - _parseShadow: function (shadow) { - var shadowStr = shadow.trim(), offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || - 'rgb(0,0,0)'; - return { - color: color.trim(), - offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, - offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, - blur: parseFloat(offsetsAndBlur[3], 10) || 0, - }; - }, - /** - * Returns a string representation of an instance - * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow - * @return {String} Returns CSS3 text-shadow declaration - */ - toString: function () { - return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); - }, - /* _TO_SVG_START_ */ - /** - * Returns SVG representation of a shadow - * @param {fabric.Object} object - * @return {String} SVG representation of a shadow - */ - toSVG: function (object) { - var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, offset = fabric.util.rotateVector(new Point(this.offsetX, this.offsetY), fabric.util.degreesToRadians(-object.angle)), BLUR_BOX = 20, color = new Color(this.color); - if (object.width && object.height) { - //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion - // we add some extra space to filter box to contain the blur ( 20 ) - fBoxX = - toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * - 100 + - BLUR_BOX; - fBoxY = - toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * - 100 + - BLUR_BOX; - } - if (object.flipX) { - offset.x *= -1; - } - if (object.flipY) { - offset.y *= -1; - } - return ('\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\t\n' + - '\t\t\n' + - '\t\n' + - '\n'); - }, - /* _TO_SVG_END_ */ - /** - * Returns object representation of a shadow - * @return {Object} Object representation of a shadow instance - */ - toObject: function () { - if (this.includeDefaultValues) { - return { - color: this.color, - blur: this.blur, - offsetX: this.offsetX, - offsetY: this.offsetY, - affectStroke: this.affectStroke, - nonScaling: this.nonScaling, - }; - } - var obj = {}, proto = fabric.Shadow.prototype; - [ - 'color', - 'blur', - 'offsetX', - 'offsetY', - 'affectStroke', - 'nonScaling', - ].forEach(function (prop) { - if (this[prop] !== proto[prop]) { - obj[prop] = this[prop]; - } - }, this); - return obj; - }, - }); + renderAll: function () { + var canvasToDrawOn = this.contextContainer; + this.renderCanvas(canvasToDrawOn, this._objects); + return this; + }, + /** - * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") - * @static - * @field - * @memberOf fabric.Shadow - */ - // eslint-disable-next-line max-len - fabric.Shadow.reOffsetsAndBlur = - /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - // aliases for faster resolution - var fabric = global.fabric, extend = fabric.util.object.extend, getElementOffset = fabric.util.getElementOffset, toFixed = fabric.util.toFixed, transformPoint = fabric.util.transformPoint, invertTransform = fabric.util.invertTransform, getNodeCanvas = fabric.util.getNodeCanvas, createCanvasElement = fabric.util.createCanvasElement, CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); - /** - * Static canvas class - * @class fabric.StaticCanvas - * @mixes fabric.Collection - * @mixes fabric.Observable - * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} - * @see {@link fabric.StaticCanvas#initialize} for constructor definition - * @fires before:render - * @fires after:render - * @fires canvas:cleared - * @fires object:added - * @fires object:removed - */ - // eslint-disable-next-line max-len - fabric.StaticCanvas = fabric.util.createClass(fabric.Collection, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function (el, options) { - options || (options = {}); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - }, - /** - * Background color of canvas instance. - * @type {(String|fabric.Pattern)} - * @default - */ - backgroundColor: '', - /** - * Background image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as background, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default - */ - backgroundImage: null, - /** - * Overlay color of canvas instance. - * @since 1.3.9 - * @type {(String|fabric.Pattern)} - * @default - */ - overlayColor: '', - /** - * Overlay image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as overlay, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default - */ - overlayImage: null, - /** - * Indicates whether toObject/toDatalessObject should include default values - * if set to false, takes precedence over the object value. - * @type Boolean - * @default - */ - includeDefaultValues: true, - /** - * Indicates whether objects' state should be saved - * @type Boolean - * @default - */ - stateful: false, - /** - * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove}, - * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. - * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once - * since the renders are quequed and executed one per frame. - * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) - * Left default to true to do not break documentation and old app, fiddles. - * @type Boolean - * @default - */ - renderOnAddRemove: true, - /** - * Indicates whether object controls (borders/controls) are rendered above overlay image - * @type Boolean - * @default - */ - controlsAboveOverlay: false, - /** - * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas - * @type Boolean - * @default - */ - allowTouchScrolling: false, - /** - * Indicates whether this canvas will use image smoothing, this is on by default in browsers - * @type Boolean - * @default - */ - imageSmoothingEnabled: true, - /** - * The transformation (a Canvas 2D API transform matrix) which focuses the viewport - * @type Array - * @example Default transform - * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; - * @example Scale by 70% and translate toward bottom-right by 50, without skewing - * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; - * @default - */ - viewportTransform: fabric.iMatrix.concat(), - /** - * if set to false background image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default - */ - backgroundVpt: true, - /** - * if set to false overlya image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default - */ - overlayVpt: true, - /** - * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens - * @type Boolean - * @default - */ - enableRetinaScaling: true, - /** - * Describe canvas element extension over design - * properties are tl,tr,bl,br. - * if canvas is not zoomed/panned those points are the four corner of canvas - * if canvas is viewportTransformed you those points indicate the extension - * of canvas element in plain untrasformed coordinates - * The coordinates get updated with @method calcViewportBoundaries. - * @memberOf fabric.StaticCanvas.prototype - */ - vptCoords: {}, - /** - * Based on vptCoords and object.aCoords, skip rendering of objects that - * are not included in current viewport. - * May greatly help in applications with crowded canvas and use of zoom/pan - * If One of the corner of the bounding box of the object is on the canvas - * the objects get rendered. - * @memberOf fabric.StaticCanvas.prototype - * @type Boolean - * @default - */ - skipOffscreen: true, - /** - * a fabricObject that, without stroke define a clipping area with their shape. filled in black - * the clipPath object gets used when the canvas has rendered, and the context is placed in the - * top left corner of the canvas. - * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true - * @type fabric.Object - */ - clipPath: undefined, - /** - * @private - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - */ - _initStatic: function (el, options) { - this._objects = []; - this._createLowerCanvas(el); - this._initOptions(options); - // only initialize retina scaling once - if (!this.interactive) { - this._initRetinaScaling(); - } - this.calcOffset(); - }, - /** - * @private - */ - _isRetinaScaling: function () { - return config.devicePixelRatio > 1 && this.enableRetinaScaling; - }, - /** - * @private - * @return {Number} retinaScaling if applied, otherwise 1; - */ - getRetinaScaling: function () { - return this._isRetinaScaling() - ? Math.max(1, config.devicePixelRatio) - : 1; - }, - /** - * @private - */ - _initRetinaScaling: function () { - if (!this._isRetinaScaling()) { - return; - } - var scaleRatio = config.devicePixelRatio; - this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); - if (this.upperCanvasEl) { - this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); - } - }, - __initRetinaScaling: function (scaleRatio, canvas, context) { - canvas.setAttribute('width', this.width * scaleRatio); - canvas.setAttribute('height', this.height * scaleRatio); - context.scale(scaleRatio, scaleRatio); - }, - /** - * Calculates canvas element offset relative to the document - * This method is also attached as "resize" event handler of window - * @return {fabric.Canvas} instance - * @chainable - */ - calcOffset: function () { - this._offset = getElementOffset(this.lowerCanvasEl); - return this; - }, - /** - * @private - */ - _createCanvasElement: function () { - var element = createCanvasElement(); - if (!element) { - throw CANVAS_INIT_ERROR; - } - if (!element.style) { - element.style = {}; - } - if (typeof element.getContext === 'undefined') { - throw CANVAS_INIT_ERROR; - } - return element; - }, - /** - * @private - * @param {Object} [options] Options object - */ - _initOptions: function (options) { - var lowerCanvasEl = this.lowerCanvasEl; - this.set(options); - this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; - this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; - if (!this.lowerCanvasEl.style) { - return; - } - lowerCanvasEl.width = this.width; - lowerCanvasEl.height = this.height; - lowerCanvasEl.style.width = this.width + 'px'; - lowerCanvasEl.style.height = this.height + 'px'; - this.viewportTransform = this.viewportTransform.slice(); - }, - /** - * Creates a bottom canvas - * @private - * @param {HTMLElement} [canvasEl] - */ - _createLowerCanvas: function (canvasEl) { - // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node - if (canvasEl && canvasEl.getContext) { - this.lowerCanvasEl = canvasEl; - } - else { - this.lowerCanvasEl = - fabric.document.getElementById(canvasEl) || - canvasEl || - this._createCanvasElement(); - } - if (this.lowerCanvasEl.hasAttribute('data-fabric')) { - /* _DEV_MODE_START_ */ - throw new Error('fabric.js: trying to initialize a canvas that has already been initialized'); - /* _DEV_MODE_END_ */ - } - this.lowerCanvasEl.classList.add('lower-canvas'); - this.lowerCanvasEl.setAttribute('data-fabric', 'main'); - if (this.interactive) { - this._originalCanvasStyle = this.lowerCanvasEl.style.cssText; - this._applyCanvasStyle(this.lowerCanvasEl); - } - this.contextContainer = this.lowerCanvasEl.getContext('2d'); - }, - /** - * Returns canvas width (in px) - * @return {Number} - */ - getWidth: function () { - return this.width; - }, - /** - * Returns canvas height (in px) - * @return {Number} - */ - getHeight: function () { - return this.height; - }, - /** - * Sets width of this canvas instance - * @param {Number|String} value Value to set width to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setWidth: function (value, options) { - return this.setDimensions({ width: value }, options); - }, - /** - * Sets height of this canvas instance - * @param {Number|String} value Value to set height to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setHeight: function (value, options) { - return this.setDimensions({ height: value }, options); - }, - /** - * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) - * @param {Object} dimensions Object with width/height properties - * @param {Number|String} [dimensions.width] Width of canvas element - * @param {Number|String} [dimensions.height] Height of canvas element - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} thisArg - * @chainable - */ - setDimensions: function (dimensions, options) { - var cssValue; - options = options || {}; - for (var prop in dimensions) { - cssValue = dimensions[prop]; - if (!options.cssOnly) { - this._setBackstoreDimension(prop, dimensions[prop]); - cssValue += 'px'; - this.hasLostContext = true; - } - if (!options.backstoreOnly) { - this._setCssDimension(prop, cssValue); - } - } - if (this._isCurrentlyDrawing) { - this.freeDrawingBrush && - this.freeDrawingBrush._setBrushStyles(this.contextTop); - } - this._initRetinaScaling(); - this.calcOffset(); - if (!options.cssOnly) { - this.requestRenderAll(); - } - return this; - }, - /** - * Helper for setting width/height - * @private - * @param {String} prop property (width|height) - * @param {Number} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setBackstoreDimension: function (prop, value) { - this.lowerCanvasEl[prop] = value; - if (this.upperCanvasEl) { - this.upperCanvasEl[prop] = value; - } - if (this.cacheCanvasEl) { - this.cacheCanvasEl[prop] = value; - } - this[prop] = value; - return this; - }, - /** - * Helper for setting css width/height - * @private - * @param {String} prop property (width|height) - * @param {String} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setCssDimension: function (prop, value) { - this.lowerCanvasEl.style[prop] = value; - if (this.upperCanvasEl) { - this.upperCanvasEl.style[prop] = value; - } - if (this.wrapperEl) { - this.wrapperEl.style[prop] = value; - } - return this; - }, - /** - * Returns canvas zoom level - * @return {Number} - */ - getZoom: function () { - return this.viewportTransform[0]; - }, - /** - * Sets viewport transformation of this canvas instance - * @param {Array} vpt a Canvas 2D API transform matrix - * @return {fabric.Canvas} instance - * @chainable true - */ - setViewportTransform: function (vpt) { - var activeObject = this._activeObject, backgroundObject = this.backgroundImage, overlayObject = this.overlayImage, object, i, len; - this.viewportTransform = vpt; - for (i = 0, len = this._objects.length; i < len; i++) { - object = this._objects[i]; - object.group || object.setCoords(); - } - if (activeObject) { - activeObject.setCoords(); - } - if (backgroundObject) { - backgroundObject.setCoords(); - } - if (overlayObject) { - overlayObject.setCoords(); - } - this.calcViewportBoundaries(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Sets zoom level of this canvas instance, the zoom centered around point - * meaning that following zoom to point with the same point will have the visual - * effect of the zoom originating from that point. The point won't move. - * It has nothing to do with canvas center or visual center of the viewport. - * @param {Point} point to zoom with respect to - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - zoomToPoint: function (point, value) { - // TODO: just change the scale, preserve other transformations - var before = point, vpt = this.viewportTransform.slice(0); - point = transformPoint(point, invertTransform(this.viewportTransform)); - vpt[0] = value; - vpt[3] = value; - var after = transformPoint(point, vpt); - vpt[4] += before.x - after.x; - vpt[5] += before.y - after.y; - return this.setViewportTransform(vpt); - }, - /** - * Sets zoom level of this canvas instance - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - setZoom: function (value) { - this.zoomToPoint(new Point(0, 0), value); - return this; - }, - /** - * Pan viewport so as to place point at top left corner of canvas - * @param {Point} point to move to - * @return {fabric.Canvas} instance - * @chainable true - */ - absolutePan: function (point) { - var vpt = this.viewportTransform.slice(0); - vpt[4] = -point.x; - vpt[5] = -point.y; - return this.setViewportTransform(vpt); - }, - /** - * Pans viewpoint relatively - * @param {Point} point (position vector) to move by - * @return {fabric.Canvas} instance - * @chainable true - */ - relativePan: function (point) { - return this.absolutePan(new Point(-point.x - this.viewportTransform[4], -point.y - this.viewportTransform[5])); - }, - /** - * Returns <canvas> element corresponding to this instance - * @return {HTMLCanvasElement} - */ - getElement: function () { - return this.lowerCanvasEl; - }, - /** - * @param {...fabric.Object} objects to add - * @return {Self} thisArg - * @chainable - */ - add: function () { - fabric.Collection.add.call(this, arguments, this._onObjectAdded); - arguments.length > 0 && - this.renderOnAddRemove && - this.requestRenderAll(); - return this; - }, - /** - * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) - * An object should be an instance of (or inherit from) fabric.Object - * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert - * @param {Number} index Index to insert object at - * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs - * @return {Self} thisArg - * @chainable - */ - insertAt: function (objects, index) { - fabric.Collection.insertAt.call(this, objects, index, this._onObjectAdded); - (Array.isArray(objects) ? objects.length > 0 : !!objects) && - this.renderOnAddRemove && - this.requestRenderAll(); - return this; - }, - /** - * @param {...fabric.Object} objects to remove - * @return {Self} thisArg - * @chainable - */ - remove: function () { - var removed = fabric.Collection.remove.call(this, arguments, this._onObjectRemoved); - removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * @private - * @param {fabric.Object} obj Object that was added - */ - _onObjectAdded: function (obj) { - this.stateful && obj.setupState(); - if (obj.canvas && obj.canvas !== this) { - /* _DEV_MODE_START_ */ - console.warn('fabric.Canvas: trying to add an object that belongs to a different canvas.\n' + - 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'); - /* _DEV_MODE_END_ */ - obj.canvas.remove(obj); - } - obj._set('canvas', this); - obj.setCoords(); - this.fire('object:added', { target: obj }); - obj.fire('added', { target: this }); - }, - /** - * @private - * @param {fabric.Object} obj Object that was removed - */ - _onObjectRemoved: function (obj) { - obj._set('canvas', undefined); - this.fire('object:removed', { target: obj }); - obj.fire('removed', { target: this }); - }, - /** - * Clears specified context of canvas element - * @param {CanvasRenderingContext2D} ctx Context to clear - * @return {fabric.Canvas} thisArg - * @chainable - */ - clearContext: function (ctx) { - ctx.clearRect(0, 0, this.width, this.height); - return this; - }, - /** - * Returns context of canvas where objects are drawn - * @return {CanvasRenderingContext2D} - */ - getContext: function () { - return this.contextContainer; - }, - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - this.remove.apply(this, this.getObjects()); - this.backgroundImage = null; - this.overlayImage = null; - this.backgroundColor = ''; - this.overlayColor = ''; - if (this._hasITextHandlers) { - this.off('mouse:up', this._mouseUpITextHandler); - this._iTextInstances = null; - this._hasITextHandlers = false; - } - this.clearContext(this.contextContainer); - this.fire('canvas:cleared'); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Renders the canvas - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - this.cancelRequestedRender(); - if (this.destroyed) { - return; - } - this.renderCanvas(this.contextContainer, this._objects); - return this; - }, - /** - * Function created to be instance bound at initialization - * used in requestAnimationFrame rendering - * Let the fabricJS call it. If you call it manually you could have more - * animationFrame stacking on to of each other - * for an imperative rendering, use canvas.renderAll - * @private - * @return {fabric.Canvas} instance - * @chainable - */ - renderAndReset: function () { - this.nextRenderHandle = 0; - this.renderAll(); - }, - /** - * Append a renderAll request to next animation frame. - * unless one is already in progress, in that case nothing is done - * a boolean flag will avoid appending more. - * @return {fabric.Canvas} instance - * @chainable - */ - requestRenderAll: function () { - if (!this.nextRenderHandle && !this.disposed && !this.destroyed) { - this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound); - } - return this; - }, - /** - * Calculate the position of the 4 corner of canvas with current viewportTransform. - * helps to determinate when an object is in the current rendering viewport using - * object absolute coordinates ( aCoords ) - * @return {Object} points.tl - * @chainable - */ - calcViewportBoundaries: function () { - var width = this.width, height = this.height, iVpt = invertTransform(this.viewportTransform), a = transformPoint({ x: 0, y: 0 }, iVpt), b = transformPoint({ x: width, y: height }, iVpt), - // we don't support vpt flipping - // but the code is robust enough to mostly work with flipping - min = a.min(b), max = a.max(b); - return (this.vptCoords = { - tl: min, - tr: new Point(max.x, min.y), - bl: new Point(min.x, max.y), - br: max, - }); - }, - cancelRequestedRender: function () { - if (this.nextRenderHandle) { - fabric.util.cancelAnimFrame(this.nextRenderHandle); - this.nextRenderHandle = 0; - } - }, - /** - * Renders background, objects, overlay and controls. - * @param {CanvasRenderingContext2D} ctx - * @param {Array} objects to render - * @return {fabric.Canvas} instance - * @chainable - */ - renderCanvas: function (ctx, objects) { - if (this.destroyed) { - return; - } - var v = this.viewportTransform, path = this.clipPath; - this.calcViewportBoundaries(); - this.clearContext(ctx); - ctx.imageSmoothingEnabled = this.imageSmoothingEnabled; - // node-canvas - ctx.patternQuality = 'best'; - this.fire('before:render', { ctx: ctx }); - this._renderBackground(ctx); - ctx.save(); - //apply viewport transform once for all rendering process - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this._renderObjects(ctx, objects); - ctx.restore(); - if (!this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - if (path) { - path._set('canvas', this); - // needed to setup a couple of variables - path.shouldCache(); - path._transformDone = true; - path.renderCache({ forClipping: true }); - this.drawClipPathOnCanvas(ctx); - } - this._renderOverlay(ctx); - if (this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - this.fire('after:render', { ctx: ctx }); - if (this.__cleanupTask) { - this.__cleanupTask(); - this.__cleanupTask = undefined; - } - }, - /** - * Paint the cached clipPath on the lowerCanvasEl - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawClipPathOnCanvas: function (ctx) { - var v = this.viewportTransform, path = this.clipPath; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4; - ctx.globalCompositeOperation = 'destination-in'; - path.transform(ctx); - ctx.scale(1 / path.zoomX, 1 / path.zoomY); - ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); - ctx.restore(); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} objects to render - */ - _renderObjects: function (ctx, objects) { - var i, len; - for (i = 0, len = objects.length; i < len; ++i) { - objects[i] && objects[i].render(ctx); - } - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {string} property 'background' or 'overlay' - */ - _renderBackgroundOrOverlay: function (ctx, property) { - var fill = this[property + 'Color'], object = this[property + 'Image'], v = this.viewportTransform, needsVpt = this[property + 'Vpt']; - if (!fill && !object) { - return; - } - if (fill) { - ctx.save(); - ctx.beginPath(); - ctx.moveTo(0, 0); - ctx.lineTo(this.width, 0); - ctx.lineTo(this.width, this.height); - ctx.lineTo(0, this.height); - ctx.closePath(); - ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill; - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } - ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); - var m = fill.gradientTransform || fill.patternTransform; - m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - ctx.fill(); - ctx.restore(); - } - if (object) { - ctx.save(); - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } - object.render(ctx); - ctx.restore(); - } - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderBackground: function (ctx) { - this._renderBackgroundOrOverlay(ctx, 'background'); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderOverlay: function (ctx) { - this._renderBackgroundOrOverlay(ctx, 'overlay'); - }, - /** - * Returns coordinates of a center of canvas. - * Returned value is an object with top and left properties - * @return {Object} object with "top" and "left" number values - * @deprecated migrate to `getCenterPoint` - */ - getCenter: function () { - return { - top: this.height / 2, - left: this.width / 2, - }; - }, - /** - * Returns coordinates of a center of canvas. - * @return {Point} - */ - getCenterPoint: function () { - return new Point(this.width / 2, this.height / 2); - }, - /** - * Centers object horizontally in the canvas - * @param {fabric.Object} object Object to center horizontally - * @return {fabric.Canvas} thisArg - */ - centerObjectH: function (object) { - return this._centerObject(object, new Point(this.getCenterPoint().x, object.getCenterPoint().y)); - }, - /** - * Centers object vertically in the canvas - * @param {fabric.Object} object Object to center vertically - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObjectV: function (object) { - return this._centerObject(object, new Point(object.getCenterPoint().x, this.getCenterPoint().y)); - }, - /** - * Centers object vertically and horizontally in the canvas - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObject: function (object) { - var center = this.getCenterPoint(); - return this._centerObject(object, center); - }, - /** - * Centers object vertically and horizontally in the viewport - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObject: function (object) { - var vpCenter = this.getVpCenter(); - return this._centerObject(object, vpCenter); - }, - /** - * Centers object horizontally in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObjectH: function (object) { - var vpCenter = this.getVpCenter(); - this._centerObject(object, new Point(vpCenter.x, object.getCenterPoint().y)); - return this; - }, - /** - * Centers object Vertically in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObjectV: function (object) { - var vpCenter = this.getVpCenter(); - return this._centerObject(object, new Point(object.getCenterPoint().x, vpCenter.y)); - }, - /** - * Calculate the point in canvas that correspond to the center of actual viewport. - * @return {Point} vpCenter, viewport center - * @chainable - */ - getVpCenter: function () { - var center = this.getCenterPoint(), iVpt = invertTransform(this.viewportTransform); - return transformPoint(center, iVpt); - }, - /** - * @private - * @param {fabric.Object} object Object to center - * @param {Point} center Center point - * @return {fabric.Canvas} thisArg - * @chainable - */ - _centerObject: function (object, center) { - object.setXY(center, 'center', 'center'); - object.setCoords(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Returns dataless JSON representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {String} json string - */ - toDatalessJSON: function (propertiesToInclude) { - return this.toDatalessObject(propertiesToInclude); - }, - /** - * Returns object representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - return this._toObjectMethod('toObject', propertiesToInclude); - }, - /** - * Returns Object representation of canvas - * this alias is provided because if you call JSON.stringify on an instance, - * the toJSON object will be invoked if it exists. - * Having a toJSON method means you can do JSON.stringify(myCanvas) - * @return {Object} JSON compatible object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} - * @example JSON without additional properties - * var json = canvas.toJSON(); - * @example JSON with additional properties included - * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); - * @example JSON without default values - * var json = canvas.toJSON(); - */ - toJSON: function () { - return this.toObject(); - }, - /** - * Returns dataless object representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function (propertiesToInclude) { - return this._toObjectMethod('toDatalessObject', propertiesToInclude); - }, - /** - * @private - */ - _toObjectMethod: function (methodName, propertiesToInclude) { - const clipPath = this.clipPath; - const clipPathData = clipPath && !clipPath.excludeFromExport - ? this._toObject(clipPath, methodName, propertiesToInclude) - : null; - return Object.assign(Object.assign(Object.assign(Object.assign({ version: version }, pick(this, propertiesToInclude)), { objects: this._objects - .filter((object) => !object.excludeFromExport) - .map((instance) => this._toObject(instance, methodName, propertiesToInclude)) }), this.__serializeBgOverlay(methodName, propertiesToInclude)), (clipPathData ? { clipPath: clipPathData } : null)); - }, - /** - * @private - */ - _toObject: function (instance, methodName, propertiesToInclude) { - var originalValue; - if (!this.includeDefaultValues) { - originalValue = instance.includeDefaultValues; - instance.includeDefaultValues = false; - } - var object = instance[methodName](propertiesToInclude); - if (!this.includeDefaultValues) { - instance.includeDefaultValues = originalValue; - } - return object; - }, - /** - * @private - */ - __serializeBgOverlay: function (methodName, propertiesToInclude) { - var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, bgColor = this.backgroundColor, overlayColor = this.overlayColor; - if (bgColor && bgColor.toObject) { - if (!bgColor.excludeFromExport) { - data.background = bgColor.toObject(propertiesToInclude); - } - } - else if (bgColor) { - data.background = bgColor; - } - if (overlayColor && overlayColor.toObject) { - if (!overlayColor.excludeFromExport) { - data.overlay = overlayColor.toObject(propertiesToInclude); - } - } - else if (overlayColor) { - data.overlay = overlayColor; - } - if (bgImage && !bgImage.excludeFromExport) { - data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); - } - if (overlayImage && !overlayImage.excludeFromExport) { - data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); - } - return data; - }, - /* _TO_SVG_START_ */ - /** - * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, - * a zoomed canvas will then produce zoomed SVG output. - * @type Boolean - * @default - */ - svgViewportTransformation: true, - /** - * Returns SVG representation of canvas - * @function - * @param {Object} [options] Options object for SVG output - * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included - * @param {Object} [options.viewBox] SVG viewbox object - * @param {Number} [options.viewBox.x] x-coordinate of viewbox - * @param {Number} [options.viewBox.y] y-coordinate of viewbox - * @param {Number} [options.viewBox.width] Width of viewbox - * @param {Number} [options.viewBox.height] Height of viewbox - * @param {String} [options.encoding=UTF-8] Encoding of SVG output - * @param {String} [options.width] desired width of svg with or without units - * @param {String} [options.height] desired height of svg with or without units - * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. - * @return {String} SVG string - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} - * @example Normal SVG output - * var svg = canvas.toSVG(); - * @example SVG output without preamble (without <?xml ../>) - * var svg = canvas.toSVG({suppressPreamble: true}); - * @example SVG output with viewBox attribute - * var svg = canvas.toSVG({ - * viewBox: { - * x: 100, - * y: 100, - * width: 200, - * height: 300 - * } - * }); - * @example SVG output with different encoding (default: UTF-8) - * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); - * @example Modify SVG output with reviver function - * var svg = canvas.toSVG(null, function(svg) { - * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); - * }); - */ - toSVG: function (options, reviver) { - options || (options = {}); - options.reviver = reviver; - var markup = []; - this._setSVGPreamble(markup, options); - this._setSVGHeader(markup, options); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'background'); - this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); - this._setSVGObjects(markup, reviver); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'overlay'); - this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); - markup.push(''); - return markup.join(''); - }, - /** - * @private - */ - _setSVGPreamble: function (markup, options) { - if (options.suppressPreamble) { - return; - } - markup.push('\n', '\n'); - }, - /** - * @private - */ - _setSVGHeader: function (markup, options) { - var width = options.width || this.width, height = options.height || this.height, vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (options.viewBox) { - viewBox = - 'viewBox="' + - options.viewBox.x + - ' ' + - options.viewBox.y + - ' ' + - options.viewBox.width + - ' ' + - options.viewBox.height + - '" '; - } - else { - if (this.svgViewportTransformation) { - vpt = this.viewportTransform; - viewBox = - 'viewBox="' + - toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + - ' ' + - toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + - ' ' + - toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + - ' ' + - toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + - '" '; - } - } - markup.push('\n', 'Created with Fabric.js ', version, '\n', '\n', this.createSVGFontFacesMarkup(), this.createSVGRefElementsMarkup(), this.createSVGClipPathMarkup(options), '\n'); - }, - createSVGClipPathMarkup: function (options) { - var clipPath = this.clipPath; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; - return ('\n' + - this.clipPath.toClipPathSVG(options.reviver) + - '\n'); - } - return ''; - }, - /** - * Creates markup containing SVG referenced elements like patterns, gradients etc. - * @return {String} - */ - createSVGRefElementsMarkup: function () { - var _this = this, markup = ['background', 'overlay'].map(function (prop) { - var fill = _this[prop + 'Color']; - if (fill && fill.toLive) { - var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, object = { - width: _this.width / (shouldTransform ? vpt[0] : 1), - height: _this.height / (shouldTransform ? vpt[3] : 1), - }; - return fill.toSVG(object, { - additionalTransform: shouldTransform - ? fabric.util.matrixToSVG(vpt) - : '', - }); - } - }); - return markup.join(''); - }, - /** - * Creates markup containing SVG font faces, - * font URLs for font faces must be collected by developers - * and are not extracted from the DOM by fabricjs - * @param {Array} objects Array of fabric objects - * @return {String} - */ - createSVGFontFacesMarkup: function () { - var markup = '', fontList = {}, obj, fontFamily, style, row, rowIndex, _char, charIndex, i, len, fontPaths = config.fontPaths, objects = []; - this._objects.forEach(function add(object) { - objects.push(object); - if (object._objects) { - object._objects.forEach(add); - } - }); - for (i = 0, len = objects.length; i < len; i++) { - obj = objects[i]; - fontFamily = obj.fontFamily; - if (obj.type.indexOf('text') === -1 || - fontList[fontFamily] || - !fontPaths[fontFamily]) { - continue; - } - fontList[fontFamily] = true; - if (!obj.styles) { - continue; - } - style = obj.styles; - for (rowIndex in style) { - row = style[rowIndex]; - for (charIndex in row) { - _char = row[charIndex]; - fontFamily = _char.fontFamily; - if (!fontList[fontFamily] && fontPaths[fontFamily]) { - fontList[fontFamily] = true; - } - } - } - } - for (var j in fontList) { - markup += [ - '\t\t@font-face {\n', - "\t\t\tfont-family: '", - j, - "';\n", - "\t\t\tsrc: url('", - fontPaths[j], - "');\n", - '\t\t}\n', - ].join(''); - } - if (markup) { - markup = [ - '\t\n', - ].join(''); - } - return markup; - }, - /** - * @private - */ - _setSVGObjects: function (markup, reviver) { - var instance, i, len, objects = this._objects; - for (i = 0, len = objects.length; i < len; i++) { - instance = objects[i]; - if (instance.excludeFromExport) { - continue; - } - this._setSVGObject(markup, instance, reviver); - } - }, - /** - * @private - */ - _setSVGObject: function (markup, instance, reviver) { - markup.push(instance.toSVG(reviver)); - }, - /** - * @private - */ - _setSVGBgOverlayImage: function (markup, property, reviver) { - if (this[property] && - !this[property].excludeFromExport && - this[property].toSVG) { - markup.push(this[property].toSVG(reviver)); - } - }, - /** - * @private - */ - _setSVGBgOverlayColor: function (markup, property) { - var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, finalHeight = this.height; - if (!filler) { - return; - } - if (filler.toLive) { - var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], additionalTransform = shouldInvert - ? fabric.util.matrixToSVG(iVpt) - : ''; - markup.push('\n'); - } - else { - markup.push('\n'); - } - }, - /* _TO_SVG_END_ */ - /** - * Moves an object or the objects of a multiple selection - * to the bottom of the stack of drawn objects - * @param {fabric.Object} object Object to send to back - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendToBack: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.unshift(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.unshift(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Moves an object or the objects of a multiple selection - * to the top of the stack of drawn objects - * @param {fabric.Object} object Object to send - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringToFront: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.push(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.push(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Moves an object or a selection down in stack of drawn objects - * An optional parameter, intersecting allows to move the object in behind - * the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendBackwards: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx > 0 + objsMoved) { - newIdx = idx - 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== 0) { - // if object is not on the bottom of stack - newIdx = this._findNewLowerIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * @private - */ - _findNewLowerIndex: function (object, idx, intersecting) { - var newIdx, i; - if (intersecting) { - newIdx = idx; - // traverse down the stack looking for the nearest intersecting object - for (i = idx - 1; i >= 0; --i) { - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx - 1; - } - return newIdx; - }, - /** - * Moves an object or a selection up in stack of drawn objects - * An optional parameter, intersecting allows to move the object in front - * of the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringForward: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx < this._objects.length - 1 - objsMoved) { - newIdx = idx + 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== this._objects.length - 1) { - // if object is not on top of stack (last item in an array) - newIdx = this._findNewUpperIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * @private - */ - _findNewUpperIndex: function (object, idx, intersecting) { - var newIdx, i, len; - if (intersecting) { - newIdx = idx; - // traverse up the stack looking for the nearest intersecting object - for (i = idx + 1, len = this._objects.length; i < len; ++i) { - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx + 1; - } - return newIdx; - }, - /** - * Moves an object to specified level in stack of drawn objects - * @param {fabric.Object} object Object to send - * @param {Number} index Position to move to - * @return {fabric.Canvas} thisArg - * @chainable - */ - moveTo: function (object, index) { - removeFromArray(this._objects, object); - this._objects.splice(index, 0, object); - return this.renderOnAddRemove && this.requestRenderAll(); - }, - /** - * Waits until rendering has settled to destroy the canvas - * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed - * @throws if aborted by a consequent call - */ - dispose: function () { - this.disposed = true; - return new Promise((resolve, reject) => { - const task = () => { - this.destroy(); - resolve(true); - }; - task.kill = reject; - if (this.__cleanupTask) { - this.__cleanupTask.kill('aborted'); - } - if (this.destroyed) { - resolve(false); - } - else if (this.nextRenderHandle) { - this.__cleanupTask = task; - } - else { - task(); - } - }); - }, - /** - * Clears the canvas element, disposes objects and frees resources - * - * **CAUTION**: - * - * This method is **UNSAFE**. - * You may encounter a race condition using it if there's a requested render. - * Call this method only if you are sure rendering has settled. - * Consider using {@link dispose} as it is **SAFE** - * - * @private - */ - destroy: function () { - this.destroyed = true; - this.cancelRequestedRender(); - this.forEachObject(function (object) { - object.dispose && object.dispose(); - }); - this._objects = []; - if (this.backgroundImage && this.backgroundImage.dispose) { - this.backgroundImage.dispose(); - } - this.backgroundImage = null; - if (this.overlayImage && this.overlayImage.dispose) { - this.overlayImage.dispose(); - } - this.overlayImage = null; - this._iTextInstances = null; - this.contextContainer = null; - // restore canvas style and attributes - this.lowerCanvasEl.classList.remove('lower-canvas'); - this.lowerCanvasEl.removeAttribute('data-fabric'); - if (this.interactive) { - this.lowerCanvasEl.style.cssText = this._originalCanvasStyle; - delete this._originalCanvasStyle; - } - // restore canvas size to original size in case retina scaling was applied - this.lowerCanvasEl.setAttribute('width', this.width); - this.lowerCanvasEl.setAttribute('height', this.height); - fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); - this.lowerCanvasEl = undefined; - }, - /** - * Returns a string representation of an instance - * @return {String} string representation of an instance - */ - toString: function () { - return ('#'); - }, - }); - // hack - class methods are not enumrable - // TODO remove when migrating to es6 - Object.getOwnPropertyNames(Observable.prototype).forEach((key) => { - if (key === 'constructor') - return; - Object.defineProperty(fabric.StaticCanvas.prototype, key, { - value: Observable.prototype[key], - }); - }); - Object.getOwnPropertyNames(CommonMethods.prototype).forEach((key) => { - if (key === 'constructor') - return; - Object.defineProperty(fabric.StaticCanvas.prototype, key, { - value: CommonMethods.prototype[key], - }); - }); - extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); - extend(fabric.StaticCanvas, - /** @lends fabric.StaticCanvas */ { - /** - * @static - * @type String - * @default - */ - EMPTY_JSON: '{"objects": [], "background": "white"}', - /** - * Provides a way to check support of some of the canvas methods - * (either those of HTMLCanvasElement itself, or rendering context) - * - * @param {String} methodName Method to check support for; - * Could be one of "setLineDash" - * @return {Boolean | null} `true` if method is supported (or at least exists), - * `null` if canvas element or context can not be initialized - */ - supports: function (methodName) { - var el = createCanvasElement(); - if (!el || !el.getContext) { - return null; - } - var ctx = el.getContext('2d'); - if (!ctx) { - return null; - } - switch (methodName) { - case 'setLineDash': - return typeof ctx.setLineDash !== 'undefined'; - default: - return null; - } - }, - }); - if (fabric.isLikelyNode) { - fabric.StaticCanvas.prototype.createPNGStream = function () { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createPNGStream(); - }; - fabric.StaticCanvas.prototype.createJPEGStream = function (opts) { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createJPEGStream(opts); - }; - } -})(typeof exports !== 'undefined' ? exports : window); + * Function created to be instance bound at initialization + * used in requestAnimationFrame rendering + * Let the fabricJS call it. If you call it manually you could have more + * animationFrame stacking on to of each other + * for an imperative rendering, use canvas.renderAll + * @private + * @return {fabric.Canvas} instance + * @chainable + */ + renderAndReset: function() { + this.isRendering = 0; + this.renderAll(); + }, -const NOT_ALLOWED_CURSOR = 'not-allowed'; -/** - * @param {Boolean} alreadySelected true if target is already selected - * @param {String} corner a string representing the corner ml, mr, tl ... - * @param {Event} e Event object - * @param {FabricObject} [target] inserted back to help overriding. Unused - */ -const getActionFromCorner = (alreadySelected, corner, e, target) => { - if (!corner || !alreadySelected) { - return 'drag'; - } - const control = target.controls[corner]; - return control.getActionName(e, control, target); -}; -/** - * Checks if transform is centered - * @param {Object} transform transform data - * @return {Boolean} true if transform is centered - */ -function isTransformCentered(transform) { - return transform.originX === 'center' && transform.originY === 'center'; -} -function invertOrigin(origin) { - return -resolveOrigin(origin) + 0.5; -} -const isLocked = (target, lockingKey) => target[lockingKey]; -const commonEventInfo = (eventData, transform, x, y) => { - return { - e: eventData, - transform, - pointer: new Point(x, y), - }; -}; -/** - * Combine control position and object angle to find the control direction compared - * to the object center. - * @param {FabricObject} fabricObject the fabric object for which we are rendering controls - * @param {Control} control the control class - * @return {Number} 0 - 7 a quadrant number - */ -function findCornerQuadrant(fabricObject, control) { - // angle is relative to canvas plane - const angle = fabricObject.getTotalAngle(), cornerAngle = angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; - return Math.round((cornerAngle % 360) / 45); -} -/** - * @returns the normalized point (rotated relative to center) in local coordinates - */ -function normalizePoint(target, point, originX, originY) { - const center = target.getRelativeCenterPoint(), p = typeof originX !== 'undefined' && typeof originY !== 'undefined' - ? target.translateToGivenOrigin(center, 'center', 'center', originX, originY) - : new Point(target.left, target.top), p2 = target.angle - ? point.rotate(-degreesToRadians(target.angle), center) - : point; - return p2.subtract(p); -} -/** - * Transforms a point to the offset from the given origin - * @param {Object} transform - * @param {String} originX - * @param {String} originY - * @param {number} x - * @param {number} y - * @return {Fabric.Point} the normalized point - */ -function getLocalPoint({ target, corner }, originX, originY, x, y) { - var _a; - const control = target.controls[corner], zoom = ((_a = target.canvas) === null || _a === void 0 ? void 0 : _a.getZoom()) || 1, padding = target.padding / zoom, localPoint = normalizePoint(target, new Point(x, y), originX, originY); - if (localPoint.x >= padding) { - localPoint.x -= padding; - } - if (localPoint.x <= -padding) { - localPoint.x += padding; - } - if (localPoint.y >= padding) { - localPoint.y -= padding; - } - if (localPoint.y <= padding) { - localPoint.y += padding; - } - localPoint.x -= control.offsetX; - localPoint.y -= control.offsetY; - return localPoint; -} + /** + * Append a renderAll request to next animation frame. + * unless one is already in progress, in that case nothing is done + * a boolean flag will avoid appending more. + * @return {fabric.Canvas} instance + * @chainable + */ + requestRenderAll: function () { + if (!this.isRendering) { + this.isRendering = fabric.util.requestAnimFrame(this.renderAndResetBound); + } + return this; + }, -const fireEvent = (eventName, options) => { - var _a; - const { transform: { target }, } = options; - (_a = target.canvas) === null || _a === void 0 ? void 0 : _a.fire(`object:${eventName}`, Object.assign(Object.assign({}, options), { target })); - target.fire(eventName, options); -}; + /** + * Calculate the position of the 4 corner of canvas with current viewportTransform. + * helps to determinate when an object is in the current rendering viewport using + * object absolute coordinates ( aCoords ) + * @return {Object} points.tl + * @chainable + */ + calcViewportBoundaries: function() { + var points = { }, width = this.width, height = this.height, + iVpt = invertTransform(this.viewportTransform); + points.tl = transformPoint({ x: 0, y: 0 }, iVpt); + points.br = transformPoint({ x: width, y: height }, iVpt); + points.tr = new fabric.Point(points.br.x, points.tl.y); + points.bl = new fabric.Point(points.tl.x, points.br.y); + this.vptCoords = points; + return points; + }, -/** - * Wrap an action handler with firing an event if the action is performed - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ -const wrapWithFireEvent = (eventName, actionHandler) => { - return ((eventData, transform, x, y) => { - const actionPerformed = actionHandler(eventData, transform, x, y); - if (actionPerformed) { - fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); - } - return actionPerformed; - }); -}; + cancelRequestedRender: function() { + if (this.isRendering) { + fabric.util.cancelAnimFrame(this.isRendering); + this.isRendering = 0; + } + }, -/** - * Wrap an action handler with saving/restoring object position on the transform. - * this is the code that permits to objects to keep their position while transforming. - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ -function wrapWithFixedAnchor(actionHandler) { - return ((eventData, transform, x, y) => { - const { target, originX, originY } = transform, centerPoint = target.getRelativeCenterPoint(), constraint = target.translateToOriginPoint(centerPoint, originX, originY), actionPerformed = actionHandler(eventData, transform, x, y); - target.setPositionByOrigin(constraint, originX, originY); - return actionPerformed; - }); -} + /** + * Renders background, objects, overlay and controls. + * @param {CanvasRenderingContext2D} ctx + * @param {Array} objects to render + * @return {fabric.Canvas} instance + * @chainable + */ + renderCanvas: function(ctx, objects) { + var v = this.viewportTransform, path = this.clipPath; + this.cancelRequestedRender(); + this.calcViewportBoundaries(); + this.clearContext(ctx); + fabric.util.setImageSmoothing(ctx, this.imageSmoothingEnabled); + this.fire('before:render', { ctx: ctx, }); + this._renderBackground(ctx); -/** - * Action handler to change object's width - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const changeObjectWidth = (eventData, transform, x, y) => { - const localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); - // make sure the control changes width ONLY from it's side of target - if (transform.originX === 'center' || - (transform.originX === 'right' && localPoint.x < 0) || - (transform.originX === 'left' && localPoint.x > 0)) { - const { target } = transform, strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), multiplier = isTransformCentered(transform) ? 2 : 1, oldWidth = target.width, newWidth = Math.ceil(Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding); - target.set('width', Math.max(newWidth, 0)); - // check against actual target width in case `newWidth` was rejected - return oldWidth !== target.width; - } - return false; -}; -const changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeObjectWidth)); + ctx.save(); + //apply viewport transform once for all rendering process + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this._renderObjects(ctx, objects); + ctx.restore(); + if (!this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + if (path) { + path.canvas = this; + // needed to setup a couple of variables + path.shouldCache(); + path._transformDone = true; + path.renderCache({ forClipping: true }); + this.drawClipPathOnCanvas(ctx); + } + this._renderOverlay(ctx); + if (this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + this.fire('after:render', { ctx: ctx, }); + }, -/** - * Render a round control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for FabricObject controls style - * @param {FabricObject} fabricObject the fabric object for which we are rendering controls - */ -function renderCircleControl(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' - ? styleOverride.transparentCorners - : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && - (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor); - let myLeft = left, myTop = top, size; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; - ctx.strokeStyle = - styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; - // TODO: use proper ellipse code. - if (xSize > ySize) { - size = xSize; - ctx.scale(1.0, ySize / xSize); - myTop = (top * xSize) / ySize; - } - else if (ySize > xSize) { - size = ySize; - ctx.scale(xSize / ySize, 1.0); - myLeft = (left * ySize) / xSize; - } - else { - size = xSize; - } - // this is still wrong - ctx.lineWidth = 1; - ctx.beginPath(); - ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false); - ctx[methodName](); - if (stroke) { - ctx.stroke(); - } - ctx.restore(); -} -/** - * Render a square control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for FabricObject controls style - * @param {FabricObject} fabricObject the fabric object for which we are rendering controls - */ -function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' - ? styleOverride.transparentCorners - : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && - (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; - ctx.strokeStyle = - styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; - // this is still wrong - ctx.lineWidth = 1; - ctx.translate(left, top); - // angle is relative to canvas plane - const angle = fabricObject.getTotalAngle(); - ctx.rotate(degreesToRadians(angle)); - // this does not work, and fixed with ( && ) does not make sense. - // to have real transparent corners we need the controls on upperCanvas - // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize); - if (stroke) { - ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - } - ctx.restore(); -} + /** + * Paint the cached clipPath on the lowerCanvasEl + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawClipPathOnCanvas: function(ctx) { + var v = this.viewportTransform, path = this.clipPath; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4; + ctx.globalCompositeOperation = 'destination-in'; + path.transform(ctx); + ctx.scale(1 / path.zoomX, 1 / path.zoomY); + ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); + ctx.restore(); + }, -/** - * Action handler - * @private - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if the translation occurred - */ -const dragHandler = (eventData, transform, x, y) => { - const { target, offsetX, offsetY } = transform, newLeft = x - offsetX, newTop = y - offsetY, moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft, moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop; - moveX && target.set('left', newLeft); - moveY && target.set('top', newTop); - if (moveX || moveY) { - fireEvent('moving', commonEventInfo(eventData, transform, x, y)); - } - return moveX || moveY; -}; + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} objects to render + */ + _renderObjects: function(ctx, objects) { + var i, len; + for (i = 0, len = objects.length; i < len; ++i) { + objects[i] && objects[i].render(ctx); + } + }, -// @ts-nocheck -/** - * Find the correct style for the control that is used for rotation. - * this function is very simple and it just take care of not-allowed or standard cursor - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const rotationStyleHandler = (eventData, control, fabricObject) => { - if (fabricObject.lockRotation) { - return NOT_ALLOWED_CURSOR; - } - return control.cursorStyle; -}; -/** - * Action handler for rotation and snapping, without anchor point. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - * @private - */ -const rotateObjectWithSnapping = (eventData, { target, ex, ey, theta, originX, originY }, x, y) => { - const pivotPoint = target.translateToOriginPoint(target.getRelativeCenterPoint(), originX, originY); - if (isLocked(target, 'lockRotation')) { - return false; - } - const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x), curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x); - let angle = radiansToDegrees(curAngle - lastAngle + theta); - if (target.snapAngle && target.snapAngle > 0) { - const snapAngle = target.snapAngle, snapThreshold = target.snapThreshold || snapAngle, rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; - if (Math.abs(angle - leftAngleLocked) < snapThreshold) { - angle = leftAngleLocked; - } - else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { - angle = rightAngleLocked; + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {string} property 'background' or 'overlay' + */ + _renderBackgroundOrOverlay: function(ctx, property) { + var fill = this[property + 'Color'], object = this[property + 'Image'], + v = this.viewportTransform, needsVpt = this[property + 'Vpt']; + if (!fill && !object) { + return; + } + if (fill) { + ctx.save(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(this.width, 0); + ctx.lineTo(this.width, this.height); + ctx.lineTo(0, this.height); + ctx.closePath(); + ctx.fillStyle = fill.toLive + ? fill.toLive(ctx, this) + : fill; + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } + ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); + var m = fill.gradientTransform || fill.patternTransform; + m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + ctx.fill(); + ctx.restore(); + } + if (object) { + ctx.save(); + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); } - } - // normalize angle to positive value - if (angle < 0) { - angle = 360 + angle; - } - angle %= 360; - const hasRotated = target.angle !== angle; - // TODO: why aren't we using set? - target.angle = angle; - return hasRotated; -}; -const rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotateObjectWithSnapping)); + object.render(ctx); + ctx.restore(); + } + }, -/** - * Inspect event and fabricObject properties to understand if the scaling action - * @param {Event} eventData from the user action - * @param {FabricObject} fabricObject the fabric object about to scale - * @return {Boolean} true if scale is proportional - */ -function scaleIsProportional(eventData, fabricObject) { - const canvas = fabricObject.canvas, uniformIsToggled = eventData[canvas.uniScaleKey]; - return ((canvas.uniformScaling && !uniformIsToggled) || - (!canvas.uniformScaling && uniformIsToggled)); -} -/** - * Inspect fabricObject to understand if the current scaling action is allowed - * @param {FabricObject} fabricObject the fabric object about to scale - * @param {String} by 'x' or 'y' or '' - * @param {Boolean} scaleProportionally true if we are trying to scale proportionally - * @return {Boolean} true if scaling is not allowed at current conditions - */ -function scalingIsForbidden(fabricObject, by, scaleProportionally) { - const lockX = isLocked(fabricObject, 'lockScalingX'), lockY = isLocked(fabricObject, 'lockScalingY'); - if (lockX && lockY) { - return true; - } - if (!by && (lockX || lockY) && scaleProportionally) { - return true; - } - if (lockX && by === 'x') { - return true; - } - if (lockY && by === 'y') { - return true; - } - return false; -} -const scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e']; -/** - * return the correct cursor style for the scale action - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const scaleCursorStyleHandler = (eventData, control, fabricObject) => { - const scaleProportionally = scaleIsProportional(eventData, fabricObject), by = control.x !== 0 && control.y === 0 - ? 'x' - : control.x === 0 && control.y !== 0 - ? 'y' - : ''; - if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { - return NOT_ALLOWED_CURSOR; - } - const n = findCornerQuadrant(fabricObject, control); - return `${scaleMap[n]}-resize`; -}; -/** - * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @param {Object} options additional information for scaling - * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling - * @return {Boolean} true if some change happened - * @private - */ -function scaleObject(eventData, transform, x, y, options = {}) { - const target = transform.target, by = options.by, scaleProportionally = scaleIsProportional(eventData, target), forbidScaling = scalingIsForbidden(target, by, scaleProportionally); - let newPoint, scaleX, scaleY, dim, signX, signY; - if (forbidScaling) { - return false; - } - if (transform.gestureScale) { - scaleX = transform.scaleX * transform.gestureScale; - scaleY = transform.scaleY * transform.gestureScale; - } - else { - newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); - // use of sign: We use sign to detect change of direction of an action. sign usually change when - // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling - // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily - // cross many time the origin point and flip the object. so we need a way to filter out the noise. - // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. - signX = by !== 'y' ? Math.sign(newPoint.x) : 1; - signY = by !== 'x' ? Math.sign(newPoint.y) : 1; - if (!transform.signX) { - transform.signX = signX; - } - if (!transform.signY) { - transform.signY = signY; - } - if (isLocked(target, 'lockScalingFlip') && - (transform.signX !== signX || transform.signY !== signY)) { - return false; - } - dim = target._getTransformedDimensions(); - // missing detection of flip and logic to switch the origin - if (scaleProportionally && !by) { - // uniform scaling - const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), { original } = transform, originalDistance = Math.abs((dim.x * original.scaleX) / target.scaleX) + - Math.abs((dim.y * original.scaleY) / target.scaleY), scale = distance / originalDistance; - scaleX = original.scaleX * scale; - scaleY = original.scaleY * scale; - } - else { - scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x); - scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y); - } - // if we are scaling by center, we need to double the scale - if (isTransformCentered(transform)) { - scaleX *= 2; - scaleY *= 2; - } - if (transform.signX !== signX && by !== 'y') { - transform.originX = invertOrigin(transform.originX); - scaleX *= -1; - transform.signX = signX; - } - if (transform.signY !== signY && by !== 'x') { - transform.originY = invertOrigin(transform.originY); - scaleY *= -1; - transform.signY = signY; - } - } - // minScale is taken are in the setter. - const oldScaleX = target.scaleX, oldScaleY = target.scaleY; - if (!by) { - !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX); - !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY); - } - else { - // forbidden cases already handled on top here. - by === 'x' && target.set('scaleX', scaleX); - by === 'y' && target.set('scaleY', scaleY); - } - return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; -} -/** - * Generic scaling logic, to scale from corners either equally or freely. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scaleObjectFromCorner = (eventData, transform, x, y) => { - return scaleObject(eventData, transform, x, y); -}; -/** - * Scaling logic for the X axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scaleObjectX = (eventData, transform, x, y) => { - return scaleObject(eventData, transform, x, y, { by: 'x' }); -}; -/** - * Scaling logic for the Y axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scaleObjectY = (eventData, transform, x, y) => { - return scaleObject(eventData, transform, x, y, { by: 'y' }); -}; -const scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectFromCorner)); -const scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); -const scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); - -const AXIS_KEYS = { - x: { - counterAxis: 'y', - scale: 'scaleX', - skew: 'skewX', - lockSkewing: 'lockSkewingX', - origin: 'originX', - flip: 'flipX', + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderBackground: function(ctx) { + this._renderBackgroundOrOverlay(ctx, 'background'); }, - y: { - counterAxis: 'x', - scale: 'scaleY', - skew: 'skewY', - lockSkewing: 'lockSkewingY', - origin: 'originY', - flip: 'flipY', + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderOverlay: function(ctx) { + this._renderBackgroundOrOverlay(ctx, 'overlay'); }, -}; -const skewMap = ['ns', 'nesw', 'ew', 'nwse']; -/** - * return the correct cursor style for the skew action - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const skewCursorStyleHandler = (eventData, control, fabricObject) => { - if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) { - return NOT_ALLOWED_CURSOR; - } - if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) { - return NOT_ALLOWED_CURSOR; - } - const n = findCornerQuadrant(fabricObject, control) % 4; - return `${skewMap[n]}-resize`; -}; -/** - * Since skewing is applied before scaling, calculations are done in a scaleless plane - * @see https://github.com/fabricjs/fabric.js/pull/8380 - */ -function skewObject(axis, _a, pointer) { - var { target, ex, ey, skewingSide } = _a, transform = __rest(_a, ["target", "ex", "ey", "skewingSide"]); - const { skew: skewKey } = AXIS_KEYS[axis], offset = pointer - .subtract(new Point(ex, ey)) - .divide(new Point(target.scaleX, target.scaleY))[axis], skewingBefore = target[skewKey], skewingStart = transform[skewKey], shearingStart = Math.tan(degreesToRadians(skewingStart)), - // let a, b be the size of target - // let a' be the value of a after applying skewing - // then: - // a' = a + b * skewA => skewA = (a' - a) / b - // the value b is tricky since skewY is applied before skewX - b = axis === 'y' - ? target._getTransformedDimensions({ - scaleX: 1, - scaleY: 1, - // since skewY is applied before skewX, b (=width) is not affected by skewX - skewX: 0, - }).x - : target._getTransformedDimensions({ - scaleX: 1, - scaleY: 1, - }).y; - const shearing = (2 * offset * skewingSide) / - // we max out fractions to safeguard from asymptotic behavior - Math.max(b, 1) + - // add starting state - shearingStart; - const skewing = radiansToDegrees(Math.atan(shearing)); - target.set(skewKey, skewing); - const changed = skewingBefore !== target[skewKey]; - if (changed && axis === 'y') { - // we don't want skewing to affect scaleX - // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer - const { skewX, scaleX } = target, dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }), dimAfter = target._getTransformedDimensions(), compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1; - compensationFactor !== 1 && - target.set('scaleX', compensationFactor * scaleX); - } - return changed; -} -/** - * Wrapped Action handler for skewing on a given axis, takes care of the - * skew direction and determines the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -function skewHandler(axis, eventData, transform, x, y) { - const { target } = transform, { counterAxis, origin: originKey, lockSkewing: lockSkewingKey, skew: skewKey, flip: flipKey, } = AXIS_KEYS[axis]; - if (isLocked(target, lockSkewingKey)) { - return false; - } - const { origin: counterOriginKey, flip: counterFlipKey } = AXIS_KEYS[counterAxis], counterOriginFactor = resolveOrigin(transform[counterOriginKey]) * - (target[counterFlipKey] ? -1 : 1), - // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively. - // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively. - // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer, - // so we factor skewing direction by this value. - skewingSide = (-Math.sign(counterOriginFactor) * - (target[flipKey] ? -1 : 1)), skewingDirection = ((target[skewKey] === 0 && - // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing - getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) || - // in case target has skewing we use that as the direction - target[skewKey] > 0 - ? 1 - : -1) * skewingSide, - // anchor to the opposite side of the skewing direction - // normalize value from [-1, 1] to origin value [0, 1] - origin = -skewingDirection * 0.5 + 0.5; - const finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor((eventData, transform, x, y) => skewObject(axis, transform, new Point(x, y)))); - return finalHandler(eventData, Object.assign(Object.assign({}, transform), { [originKey]: origin, skewingSide }), x, y); -} -/** - * Wrapped Action handler for skewing on the X axis, takes care of the - * skew direction and determines the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const skewHandlerX = (eventData, transform, x, y) => { - return skewHandler('x', eventData, transform, x, y); -}; -/** - * Wrapped Action handler for skewing on the Y axis, takes care of the - * skew direction and determines the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const skewHandlerY = (eventData, transform, x, y) => { - return skewHandler('y', eventData, transform, x, y); -}; -function isAltAction(eventData, target) { - var _a; - return eventData[(_a = target.canvas) === null || _a === void 0 ? void 0 : _a.altActionKey]; -} -/** - * Inspect event, control and fabricObject to return the correct action name - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} an action name - */ -const scaleOrSkewActionName = (eventData, control, fabricObject) => { - const isAlternative = isAltAction(eventData, fabricObject); - if (control.x === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewX' : 'scaleY'; - } - if (control.y === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewY' : 'scaleX'; - } -}; -/** - * Combine skew and scale style handlers to cover fabric standard use case - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const scaleSkewCursorStyleHandler = (eventData, control, fabricObject) => { - return isAltAction(eventData, fabricObject) - ? skewCursorStyleHandler(eventData, control, fabricObject) - : scaleCursorStyleHandler(eventData, control, fabricObject); -}; -/** - * Composed action handler to either scale X or skew Y - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scalingXOrSkewingY = (eventData, transform, x, y) => { - return isAltAction(eventData, transform.target) - ? skewHandlerY(eventData, transform, x, y) - : scalingX(eventData, transform, x, y); -}; -/** - * Composed action handler to either scale Y or skew X - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scalingYOrSkewingX = (eventData, transform, x, y) => { - return isAltAction(eventData, transform.target) - ? skewHandlerX(eventData, transform, x, y) - : scalingY(eventData, transform, x, y); -}; + /** + * Returns coordinates of a center of canvas. + * Returned value is an object with top and left properties + * @return {Object} object with "top" and "left" number values + */ + getCenter: function () { + return { + top: this.height / 2, + left: this.width / 2 + }; + }, -/** - * @todo remove as unused - */ -fabric$3.controlsUtils = { - scaleCursorStyleHandler, - skewCursorStyleHandler, - scaleSkewCursorStyleHandler, - rotationWithSnapping, - scalingEqually, - scalingX, - scalingY, - scalingYOrSkewingX, - scalingXOrSkewingY, - changeWidth, - skewHandlerX, - skewHandlerY, - dragHandler, - scaleOrSkewActionName, - rotationStyleHandler, - wrapWithFixedAnchor, - wrapWithFireEvent, - getLocalPoint, - renderCircleControl, - renderSquareControl, -}; + /** + * Centers object horizontally in the canvas + * @param {fabric.Object} object Object to center horizontally + * @return {fabric.Canvas} thisArg + */ + centerObjectH: function (object) { + return this._centerObject(object, new fabric.Point(this.getCenter().left, object.getCenterPoint().y)); + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, getPointer = fabric.util.getPointer, degreesToRadians = fabric.util.degreesToRadians, isTouchEvent = fabric.util.isTouchEvent; /** - * Canvas class - * @class fabric.Canvas - * @extends fabric.StaticCanvas - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} - * @see {@link fabric.Canvas#initialize} for constructor definition - * - * @fires object:modified at the end of a transform or any change when statefull is true - * @fires object:rotating while an object is being rotated from the control - * @fires object:scaling while an object is being scaled by controls - * @fires object:moving while an object is being dragged - * @fires object:skewing while an object is being skewed from the controls - * - * @fires before:transform before a transform is is started - * @fires before:selection:cleared - * @fires selection:cleared - * @fires selection:updated - * @fires selection:created - * - * @fires path:created after a drawing operation ends and the path is added - * @fires mouse:down - * @fires mouse:move - * @fires mouse:up - * @fires mouse:down:before on mouse down, before the inner fabric logic runs - * @fires mouse:move:before on mouse move, before the inner fabric logic runs - * @fires mouse:up:before on mouse up, before the inner fabric logic runs - * @fires mouse:over - * @fires mouse:out - * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drag:enter object drag enter - * @fires drag:leave object drag leave - * @fires drop:before before drop event. Prepare for the drop event (same native event). - * @fires drop - * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event). - * @example - * let a: fabric.Object, b: fabric.Object; - * let flag = false; - * canvas.add(a, b); - * a.on('drop:before', opt => { - * // we want a to accept the drop even though it's below b in the stack - * flag = this.canDrop(opt.e); - * }); - * b.canDrop = function(e) { - * !flag && this.callSuper('canDrop', e); - * } - * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black')); - * a.on('drop', opt => { - * opt.e.defaultPrevented // drop occured - * opt.didDrop // drop occured on canvas - * opt.target // drop target - * opt.target !== a && a.set('text', 'I lost'); - * }); - * canvas.on('drop:after', opt => { - * // inform user who won - * if(!opt.e.defaultPrevented) { - * // no winners - * } - * else if(!opt.didDrop) { - * // my objects didn't win, some other lucky object - * } - * else { - * // we have a winner it's opt.target!! - * } - * }) - * - * @fires after:render at the end of the render process, receives the context in the callback - * @fires before:render at start the render process, receives the context in the callback - * - * @fires contextmenu:before - * @fires contextmenu - * @example - * let handler; - * targets.forEach(target => { - * target.on('contextmenu:before', opt => { - * // decide which target should handle the event before canvas hijacks it - * if (someCaseHappens && opt.targets.includes(target)) { - * handler = target; - * } - * }); - * target.on('contextmenu', opt => { - * // do something fantastic - * }); - * }); - * canvas.on('contextmenu', opt => { - * if (!handler) { - * // no one takes responsibility, it's always left to me - * // let's show them how it's done! - * } - * }); - * + * Centers object vertically in the canvas + * @param {fabric.Object} object Object to center vertically + * @return {fabric.Canvas} thisArg + * @chainable */ - fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, - /** @lends fabric.Canvas.prototype */ { - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function (el, options) { - options || (options = {}); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - this._initInteractive(); - this._createCacheCanvas(); - }, - /** - * When true, objects can be transformed by one side (unproportionally) - * when dragged on the corners that normally would not do that. - * @type Boolean - * @default - * @since fabric 4.0 // changed name and default value - */ - uniformScaling: true, - /** - * Indicates which key switches uniform scaling. - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * totally wrong named. this sounds like `uniform scaling` - * if Canvas.uniformScaling is true, pressing this will set it to false - * and viceversa. - * @since 1.6.2 - * @type ModifierKey - * @default - */ - uniScaleKey: 'shiftKey', - /** - * When true, objects use center point as the origin of scale transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredScaling: false, - /** - * When true, objects use center point as the origin of rotate transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredRotation: false, - /** - * Indicates which key enable centered Transform - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type ModifierKey - * @default - */ - centeredKey: 'altKey', - /** - * Indicates which key enable alternate action on corner - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type ModifierKey - * @default - */ - altActionKey: 'shiftKey', - /** - * Indicates that canvas is interactive. This property should not be changed. - * @type Boolean - * @default - */ - interactive: true, - /** - * Indicates whether group selection should be enabled - * @type Boolean - * @default - */ - selection: true, - /** - * Indicates which key or keys enable multiple click selection - * Pass value as a string or array of strings - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or empty or containing any other string that is not a modifier key - * feature is disabled. - * @since 1.6.2 - * @type ModifierKey|ModifierKey[] - * @default - */ - selectionKey: 'shiftKey', - /** - * Indicates which key enable alternative selection - * in case of target overlapping with active object - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * For a series of reason that come from the general expectations on how - * things should work, this feature works only for preserveObjectStacking true. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * @since 1.6.5 - * @type null|ModifierKey - * @default - */ - altSelectionKey: null, - /** - * Color of selection - * @type String - * @default - */ - selectionColor: 'rgba(100, 100, 255, 0.3)', - /** - * Default dash array pattern - * If not empty the selection border is dashed - * @type Array - */ - selectionDashArray: [], - /** - * Color of the border of selection (usually slightly darker than color of selection itself) - * @type String - * @default - */ - selectionBorderColor: 'rgba(255, 255, 255, 0.3)', - /** - * Width of a line used in object/group selection - * @type Number - * @default - */ - selectionLineWidth: 1, - /** - * Select only shapes that are fully contained in the dragged selection rectangle. - * @type Boolean - * @default - */ - selectionFullyContained: false, - /** - * Default cursor value used when hovering over an object on canvas - * @type String - * @default - */ - hoverCursor: 'move', - /** - * Default cursor value used when moving an object on canvas - * @type String - * @default - */ - moveCursor: 'move', - /** - * Default cursor value used for the entire canvas - * @type String - * @default - */ - defaultCursor: 'default', - /** - * Cursor value used during free drawing - * @type String - * @default - */ - freeDrawingCursor: 'crosshair', - /** - * Cursor value used for disabled elements ( corners with disabled action ) - * @type String - * @since 2.0.0 - * @default - */ - notAllowedCursor: 'not-allowed', - /** - * Default element class that's given to wrapper (div) element of canvas - * @type String - * @default - */ - containerClass: 'canvas-container', - /** - * When true, object detection happens on per-pixel basis rather than on per-bounding-box - * @type Boolean - * @default - */ - perPixelTargetFind: false, - /** - * Number of pixels around target pixel to tolerate (consider active) during object detection - * @type Number - * @default - */ - targetFindTolerance: 0, - /** - * When true, target detection is skipped. Target detection will return always undefined. - * click selection won't work anymore, events will fire with no targets. - * if something is selected before setting it to true, it will be deselected at the first click. - * area selection will still work. check the `selection` property too. - * if you deactivate both, you should look into staticCanvas. - * @type Boolean - * @default - */ - skipTargetFind: false, - /** - * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. - * After mousedown, mousemove creates a shape, - * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. - * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} - * @type Boolean - * @default - */ - isDrawingMode: false, - /** - * Indicates whether objects should remain in current stack position when selected. - * When false objects are brought to top and rendered as part of the selection group - * @type Boolean - * @default - */ - preserveObjectStacking: false, - /** - * Indicates if the right click on canvas can output the context menu or not - * @type Boolean - * @since 1.6.5 - * @default - */ - stopContextMenu: false, - /** - * Indicates if the canvas can fire right click events - * @type Boolean - * @since 1.6.5 - * @default - */ - fireRightClick: false, - /** - * Indicates if the canvas can fire middle click events - * @type Boolean - * @since 1.7.8 - * @default - */ - fireMiddleClick: false, - /** - * Keep track of the subTargets for Mouse Events - * @type fabric.Object[] - */ - targets: [], - /** - * When the option is enabled, PointerEvent is used instead of MouseEvent. - * @type Boolean - * @default - */ - enablePointerEvents: false, - /** - * Keep track of the hovered target - * @type fabric.Object - * @private - */ - _hoveredTarget: null, - /** - * hold the list of nested targets hovered - * @type fabric.Object[] - * @private - */ - _hoveredTargets: [], - /** - * hold the list of objects to render - * @type fabric.Object[] - * @private - */ - _objectsToRender: undefined, - /** - * @private - */ - _initInteractive: function () { - this._currentTransform = null; - this._groupSelector = null; - this._initWrapperElement(); - this._createUpperCanvas(); - this._initEventListeners(); - this._initRetinaScaling(); - this.freeDrawingBrush = - fabric.PencilBrush && new fabric.PencilBrush(this); - this.calcOffset(); - }, - /** - * @private - * @param {fabric.Object} obj Object that was added - */ - _onObjectAdded: function (obj) { - this._objectsToRender = undefined; - this.callSuper('_onObjectAdded', obj); - }, - /** - * @private - * @param {fabric.Object} obj Object that was removed - */ - _onObjectRemoved: function (obj) { - this._objectsToRender = undefined; - // removing active object should fire "selection:cleared" events - if (obj === this._activeObject) { - this.fire('before:selection:cleared', { target: obj }); - this._discardActiveObject(); - this.fire('selection:cleared', { target: obj }); - obj.fire('deselected'); - } - if (obj === this._hoveredTarget) { - this._hoveredTarget = null; - this._hoveredTargets = []; - } - this.callSuper('_onObjectRemoved', obj); - }, - /** - * Divides objects in two groups, one to render immediately - * and one to render as activeGroup. - * @return {Array} objects to render immediately and pushes the other in the activeGroup. - */ - _chooseObjectsToRender: function () { - var activeObjects = this.getActiveObjects(), object, objsToRender, activeGroupObjects; - if (!this.preserveObjectStacking && activeObjects.length > 1) { - objsToRender = []; - activeGroupObjects = []; - for (var i = 0, length = this._objects.length; i < length; i++) { - object = this._objects[i]; - if (activeObjects.indexOf(object) === -1) { - objsToRender.push(object); - } - else { - activeGroupObjects.push(object); - } - } - if (activeObjects.length > 1) { - this._activeObject._objects = activeGroupObjects; - } - objsToRender.push.apply(objsToRender, activeGroupObjects); - } - // in case a single object is selected render it's entire parent above the other objects - else if (!this.preserveObjectStacking && activeObjects.length === 1) { - var target = activeObjects[0], ancestors = target.getAncestors(true); - var topAncestor = ancestors.length === 0 ? target : ancestors.pop(); - objsToRender = this._objects.slice(); - var index = objsToRender.indexOf(topAncestor); - index > -1 && - objsToRender.splice(objsToRender.indexOf(topAncestor), 1); - objsToRender.push(topAncestor); - } - else { - objsToRender = this._objects; - } - return objsToRender; - }, - /** - * Renders both the top canvas and the secondary container canvas. - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - this.cancelRequestedRender(); - if (this.destroyed) { - return; - } - if (this.contextTopDirty && - !this._groupSelector && - !this.isDrawingMode) { - this.clearContext(this.contextTop); - this.contextTopDirty = false; - } - if (this.hasLostContext) { - this.renderTopLayer(this.contextTop); - this.hasLostContext = false; - } - !this._objectsToRender && - (this._objectsToRender = this._chooseObjectsToRender()); - this.renderCanvas(this.contextContainer, this._objectsToRender); - return this; - }, - renderTopLayer: function (ctx) { - ctx.save(); - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this.freeDrawingBrush && this.freeDrawingBrush._render(); - this.contextTopDirty = true; - } - // we render the top context - last object - if (this.selection && this._groupSelector) { - this._drawSelection(ctx); - this.contextTopDirty = true; - } - ctx.restore(); - }, - /** - * Method to render only the top canvas. - * Also used to render the group selection box. - * @return {fabric.Canvas} thisArg - * @chainable - */ - renderTop: function () { - var ctx = this.contextTop; - this.clearContext(ctx); - this.renderTopLayer(ctx); - this.fire('after:render'); - return this; - }, - /** - * @private - */ - _normalizePointer: function (object, pointer) { - var m = object.calcTransformMatrix(), invertedM = fabric.util.invertTransform(m), vptPointer = this.restorePointerVpt(pointer); - return fabric.util.transformPoint(vptPointer, invertedM); - }, - /** - * Returns true if object is transparent at a certain location - * @param {fabric.Object} target Object to check - * @param {Number} x Left coordinate - * @param {Number} y Top coordinate - * @return {Boolean} - */ - isTargetTransparent: function (target, x, y) { - // in case the target is the activeObject, we cannot execute this optimization - // because we need to draw controls too. - if (target.shouldCache() && - target._cacheCanvas && - target !== this._activeObject) { - var normalizedPointer = this._normalizePointer(target, { - x: x, - y: y, - }), targetRelativeX = Math.max(target.cacheTranslationX + normalizedPointer.x * target.zoomX, 0), targetRelativeY = Math.max(target.cacheTranslationY + normalizedPointer.y * target.zoomY, 0); - var isTransparent = fabric.util.isTransparent(target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); - return isTransparent; - } - var ctx = this.contextCache, originalColor = target.selectionBackgroundColor, v = this.viewportTransform; - target.selectionBackgroundColor = ''; - this.clearContext(ctx); - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - target.render(ctx); - ctx.restore(); - target.selectionBackgroundColor = originalColor; - var isTransparent = fabric.util.isTransparent(ctx, x, y, this.targetFindTolerance); - return isTransparent; - }, - /** - * takes an event and determines if selection key has been pressed - * @private - * @param {Event} e Event object - */ - _isSelectionKeyPressed: function (e) { - var selectionKeyPressed = false; - if (Array.isArray(this.selectionKey)) { - selectionKeyPressed = !!this.selectionKey.find(function (key) { - return e[key] === true; - }); - } - else { - selectionKeyPressed = e[this.selectionKey]; - } - return selectionKeyPressed; - }, - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _shouldClearSelection: function (e, target) { - var activeObjects = this.getActiveObjects(), activeObject = this._activeObject; - return (!target || - (target && - activeObject && - activeObjects.length > 1 && - activeObjects.indexOf(target) === -1 && - activeObject !== target && - !this._isSelectionKeyPressed(e)) || - (target && !target.evented) || - (target && - !target.selectable && - activeObject && - activeObject !== target)); - }, - /** - * centeredScaling from object can't override centeredScaling from canvas. - * this should be fixed, since object setting should take precedence over canvas. - * also this should be something that will be migrated in the control properties. - * as ability to define the origin of the transformation that the control provide. - * @private - * @param {fabric.Object} target - * @param {String} action - * @param {Boolean} altKey - */ - _shouldCenterTransform: function (target, action, altKey) { - if (!target) { - return; - } - var centerTransform; - if (action === 'scale' || - action === 'scaleX' || - action === 'scaleY' || - action === 'resizing') { - centerTransform = this.centeredScaling || target.centeredScaling; - } - else if (action === 'rotate') { - centerTransform = this.centeredRotation || target.centeredRotation; - } - return centerTransform ? !altKey : altKey; - }, - /** - * should disappear before release 4.0 - * @private - */ - _getOriginFromCorner: function (target, corner) { - var origin = { - x: target.originX, - y: target.originY, - }; - if (corner === 'ml' || corner === 'tl' || corner === 'bl') { - origin.x = 'right'; - } - else if (corner === 'mr' || corner === 'tr' || corner === 'br') { - origin.x = 'left'; - } - if (corner === 'tl' || corner === 'mt' || corner === 'tr') { - origin.y = 'bottom'; - } - else if (corner === 'bl' || corner === 'mb' || corner === 'br') { - origin.y = 'top'; - } - return origin; - }, - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _setupCurrentTransform: function (e, target, alreadySelected) { - if (!target) { - return; - } - var pointer = this.getPointer(e); - if (target.group) { - // transform pointer to target's containing coordinate plane - pointer = fabric.util.transformPoint(pointer, fabric.util.invertTransform(target.group.calcTransformMatrix())); - } - var corner = target.__corner, control = target.controls[corner], actionHandler = alreadySelected && corner - ? control.getActionHandler(e, target, control) - : dragHandler, action = getActionFromCorner(alreadySelected, corner, e, target), origin = this._getOriginFromCorner(target, corner), altKey = e[this.centeredKey], - /** - * relative to target's containing coordinate plane - * both agree on every point - **/ - transform = { - target: target, - action: action, - actionHandler: actionHandler, - corner: corner, - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - offsetX: pointer.x - target.left, - offsetY: pointer.y - target.top, - originX: origin.x, - originY: origin.y, - ex: pointer.x, - ey: pointer.y, - lastX: pointer.x, - lastY: pointer.y, - theta: degreesToRadians(target.angle), - width: target.width, - height: target.height, - shiftKey: e.shiftKey, - altKey: altKey, - original: saveObjectTransform(target), - }; - if (this._shouldCenterTransform(target, action, altKey)) { - transform.originX = 'center'; - transform.originY = 'center'; - } - transform.original.originX = origin.x; - transform.original.originY = origin.y; - this._currentTransform = transform; - this._beforeTransform(e); - }, - /** - * Set the cursor type of the canvas element - * @param {String} value Cursor type of the canvas element. - * @see http://www.w3.org/TR/css3-ui/#cursor - */ - setCursor: function (value) { - this.upperCanvasEl.style.cursor = value; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx to draw the selection on - */ - _drawSelection: function (ctx) { - var selector = this._groupSelector, viewportStart = new Point(selector.ex, selector.ey), start = fabric.util.transformPoint(viewportStart, this.viewportTransform), viewportExtent = new Point(selector.ex + selector.left, selector.ey + selector.top), extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), minX = Math.min(start.x, extent.x), minY = Math.min(start.y, extent.y), maxX = Math.max(start.x, extent.x), maxY = Math.max(start.y, extent.y), strokeOffset = this.selectionLineWidth / 2; - if (this.selectionColor) { - ctx.fillStyle = this.selectionColor; - ctx.fillRect(minX, minY, maxX - minX, maxY - minY); - } - if (!this.selectionLineWidth || !this.selectionBorderColor) { - return; - } - ctx.lineWidth = this.selectionLineWidth; - ctx.strokeStyle = this.selectionBorderColor; - minX += strokeOffset; - minY += strokeOffset; - maxX -= strokeOffset; - maxY -= strokeOffset; - // selection border - InteractiveFabricObject.prototype._setLineDash.call(this, ctx, this.selectionDashArray); - ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); - }, - /** - * Method that determines what object we are clicking on - * the skipGroup parameter is for internal use, is needed for shift+click action - * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target - * or the outside part of the corner. - * @param {Event} e mouse event - * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through - * @return {fabric.Object} the target found - */ - findTarget: function (e, skipGroup) { - if (this.skipTargetFind) { - return; - } - var ignoreZoom = true, pointer = this.getPointer(e, ignoreZoom), activeObject = this._activeObject, aObjects = this.getActiveObjects(), activeTarget, activeTargetSubs, isTouch = isTouchEvent(e), shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; - // first check current group (if one exists) - // active group does not check sub targets like normal groups. - // if active group just exits. - this.targets = []; - // if we hit the corner of an activeObject, let's return that. - if (shouldLookForActive && - activeObject._findTargetCorner(pointer, isTouch)) { - return activeObject; - } - if (aObjects.length > 1 && - activeObject.type === 'activeSelection' && - !skipGroup && - this.searchPossibleTargets([activeObject], pointer)) { - return activeObject; - } - if (aObjects.length === 1 && - activeObject === this.searchPossibleTargets([activeObject], pointer)) { - if (!this.preserveObjectStacking) { - return activeObject; - } - else { - activeTarget = activeObject; - activeTargetSubs = this.targets; - this.targets = []; - } - } - var target = this.searchPossibleTargets(this._objects, pointer); - if (e[this.altSelectionKey] && - target && - activeTarget && - target !== activeTarget) { - target = activeTarget; - this.targets = activeTargetSubs; - } - return target; - }, - /** - * Checks point is inside the object. - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @param {fabric.Object} obj Object to test against - * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. - * @return {Boolean} true if point is contained within an area of given object - * @private - */ - _checkTarget: function (pointer, obj, globalPointer) { - if (obj && - obj.visible && - obj.evented && - // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html - // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html - obj.containsPoint(pointer)) { - if ((this.perPixelTargetFind || obj.perPixelTargetFind) && - !obj.isEditing) { - var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); - if (!isTransparent) { - return true; - } - } - else { - return true; - } - } - }, - /** - * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted - * @param {Array} [objects] objects array to look into - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @return {fabric.Object} **top most object from given `objects`** that contains pointer - * @private - */ - _searchPossibleTargets: function (objects, pointer) { - // Cache all targets where their bounding box contains point. - var target, i = objects.length, subTarget; - // Do not check for currently grouped objects, since we check the parent group itself. - // until we call this function specifically to search inside the activeGroup - while (i--) { - var objToCheck = objects[i]; - var pointerToUse = objToCheck.group - ? this._normalizePointer(objToCheck.group, pointer) - : pointer; - if (this._checkTarget(pointerToUse, objToCheck, pointer)) { - target = objects[i]; - if (target.subTargetCheck && Array.isArray(target._objects)) { - subTarget = this._searchPossibleTargets(target._objects, pointer); - subTarget && this.targets.push(subTarget); - } - break; - } - } - return target; - }, - /** - * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted - * @see {@link fabric.Canvas#_searchPossibleTargets} - * @param {Array} [objects] objects array to look into - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @return {fabric.Object} **top most object on screen** that contains pointer - */ - searchPossibleTargets: function (objects, pointer) { - var target = this._searchPossibleTargets(objects, pointer); - return target && target.interactive && this.targets[0] - ? this.targets[0] - : target; - }, - /** - * Returns pointer coordinates without the effect of the viewport - * @param {Object} pointer with "x" and "y" number values - * @return {Object} object with "x" and "y" number values - */ - restorePointerVpt: function (pointer) { - return fabric.util.transformPoint(pointer, fabric.util.invertTransform(this.viewportTransform)); - }, - /** - * Returns pointer coordinates relative to canvas. - * Can return coordinates with or without viewportTransform. - * ignoreVpt false gives back coordinates that represent - * the point clicked on canvas element. - * ignoreVpt true gives back coordinates after being processed - * by the viewportTransform ( sort of coordinates of what is displayed - * on the canvas where you are clicking. - * ignoreVpt true = HTMLElement coordinates relative to top,left - * ignoreVpt false, default = fabric space coordinates, the same used for shape position - * To interact with your shapes top and left you want to use ignoreVpt true - * most of the time, while ignoreVpt false will give you coordinates - * compatible with the object.oCoords system. - * of the time. - * @param {Event} e - * @param {Boolean} ignoreVpt - * @return {Point} - */ - getPointer: function (e, ignoreVpt) { - // return cached values if we are in the event processing chain - if (this._absolutePointer && !ignoreVpt) { - return this._absolutePointer; - } - if (this._pointer && ignoreVpt) { - return this._pointer; - } - var pointer = getPointer(e), upperCanvasEl = this.upperCanvasEl, bounds = upperCanvasEl.getBoundingClientRect(), boundsWidth = bounds.width || 0, boundsHeight = bounds.height || 0, cssScale; - if (!boundsWidth || !boundsHeight) { - if ('top' in bounds && 'bottom' in bounds) { - boundsHeight = Math.abs(bounds.top - bounds.bottom); - } - if ('right' in bounds && 'left' in bounds) { - boundsWidth = Math.abs(bounds.right - bounds.left); - } - } - this.calcOffset(); - pointer.x = pointer.x - this._offset.left; - pointer.y = pointer.y - this._offset.top; - if (!ignoreVpt) { - pointer = this.restorePointerVpt(pointer); - } - var retinaScaling = this.getRetinaScaling(); - if (retinaScaling !== 1) { - pointer.x /= retinaScaling; - pointer.y /= retinaScaling; - } - // If bounds are not available (i.e. not visible), do not apply scale. - cssScale = - boundsWidth === 0 || boundsHeight === 0 - ? new Point(1, 1) - : new Point(upperCanvasEl.width / boundsWidth, upperCanvasEl.height / boundsHeight); - return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y); - }, - /** - * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) - * @param {Object} dimensions Object with width/height properties - * @param {Number|String} [dimensions.width] Width of canvas element - * @param {Number|String} [dimensions.height] Height of canvas element - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} thisArg - * @chainable - */ - setDimensions: function (dimensions, options) { - this._resetTransformEventData(); - return this.callSuper('setDimensions', dimensions, options); - }, - /** - * @private - * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized - */ - _createUpperCanvas: function () { - var lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; - // if there is no upperCanvas (most common case) we create one. - if (!upperCanvasEl) { - upperCanvasEl = this._createCanvasElement(); - this.upperCanvasEl = upperCanvasEl; - } - // we assign the same classname of the lowerCanvas - upperCanvasEl.className = lowerCanvasEl.className; - // but then we remove the lower-canvas specific className - upperCanvasEl.classList.remove('lower-canvas'); - // we add the specific upper-canvas class - upperCanvasEl.classList.add('upper-canvas'); - upperCanvasEl.setAttribute('data-fabric', 'top'); - this.wrapperEl.appendChild(upperCanvasEl); - this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); - this._applyCanvasStyle(upperCanvasEl); - upperCanvasEl.setAttribute('draggable', 'true'); - this.contextTop = upperCanvasEl.getContext('2d'); - }, - /** - * @private - */ - _createCacheCanvas: function () { - this.cacheCanvasEl = this._createCanvasElement(); - this.cacheCanvasEl.setAttribute('width', this.width); - this.cacheCanvasEl.setAttribute('height', this.height); - this.contextCache = this.cacheCanvasEl.getContext('2d'); - }, - /** - * @private - */ - _initWrapperElement: function () { - if (this.wrapperEl) { - return; - } - const container = fabric.document.createElement('div'); - container.classList.add(this.containerClass); - this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container); - this.wrapperEl.setAttribute('data-fabric', 'wrapper'); - fabric.util.setStyle(this.wrapperEl, { - width: this.width + 'px', - height: this.height + 'px', - position: 'relative', - }); - fabric.util.makeElementUnselectable(this.wrapperEl); - }, - /** - * @private - * @param {HTMLElement} element canvas element to apply styles on - */ - _applyCanvasStyle: function (element) { - var width = this.width || element.width, height = this.height || element.height; - fabric.util.setStyle(element, { - position: 'absolute', - width: width + 'px', - height: height + 'px', - left: 0, - top: 0, - 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', - '-ms-touch-action': this.allowTouchScrolling - ? 'manipulation' - : 'none', - }); - element.width = width; - element.height = height; - fabric.util.makeElementUnselectable(element); - }, - /** - * Copy the entire inline style from one element (fromEl) to another (toEl) - * @private - * @param {Element} fromEl Element style is copied from - * @param {Element} toEl Element copied style is applied to - */ - _copyCanvasStyle: function (fromEl, toEl) { - toEl.style.cssText = fromEl.style.cssText; - }, - /** - * Returns context of top canvas where interactions are drawn - * @returns {CanvasRenderingContext2D} - */ - getTopContext: function () { - return this.contextTop; - }, - /** - * Returns context of canvas where object selection is drawn - * @alias - * @return {CanvasRenderingContext2D} - */ - getSelectionContext: function () { - return this.contextTop; - }, - /** - * Returns <canvas> element on which object selection is drawn - * @return {HTMLCanvasElement} - */ - getSelectionElement: function () { - return this.upperCanvasEl; - }, - /** - * Returns currently active object - * @return {fabric.Object} active object - */ - getActiveObject: function () { - return this._activeObject; - }, - /** - * Returns an array with the current selected objects - * @return {fabric.Object} active object - */ - getActiveObjects: function () { - var active = this._activeObject; - if (active) { - if (active.type === 'activeSelection' && active._objects) { - return active._objects.slice(0); - } - else { - return [active]; - } - } - return []; - }, - /** - * @private - * Compares the old activeObject with the current one and fires correct events - * @param {fabric.Object} obj old activeObject - */ - _fireSelectionEvents: function (oldObjects, e) { - var somethingChanged = false, objects = this.getActiveObjects(), added = [], removed = [], invalidate = false; - oldObjects.forEach(function (oldObject) { - if (objects.indexOf(oldObject) === -1) { - somethingChanged = true; - oldObject.fire('deselected', { - e: e, - target: oldObject, - }); - removed.push(oldObject); - } - }); - objects.forEach(function (object) { - if (oldObjects.indexOf(object) === -1) { - somethingChanged = true; - object.fire('selected', { - e: e, - target: object, - }); - added.push(object); - } - }); - if (oldObjects.length > 0 && objects.length > 0) { - invalidate = true; - somethingChanged && - this.fire('selection:updated', { - e: e, - selected: added, - deselected: removed, - }); - } - else if (objects.length > 0) { - invalidate = true; - this.fire('selection:created', { - e: e, - selected: added, - }); - } - else if (oldObjects.length > 0) { - invalidate = true; - this.fire('selection:cleared', { - e: e, - deselected: removed, - }); - } - invalidate && (this._objectsToRender = undefined); - }, - /** - * Sets given object as the only active object on canvas - * @param {fabric.Object} object Object to set as an active one - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {fabric.Canvas} thisArg - * @chainable - */ - setActiveObject: function (object, e) { - var currentActives = this.getActiveObjects(); - this._setActiveObject(object, e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - /** - * This is a private method for now. - * This is supposed to be equivalent to setActiveObject but without firing - * any event. There is commitment to have this stay this way. - * This is the functional part of setActiveObject. - * @private - * @param {Object} object to set as active - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {Boolean} true if the selection happened - */ - _setActiveObject: function (object, e) { - if (this._activeObject === object) { - return false; - } - if (!this._discardActiveObject(e, object)) { - return false; - } - if (object.onSelect({ e: e })) { - return false; - } - this._activeObject = object; - return true; - }, - /** - * This is a private method for now. - * This is supposed to be equivalent to discardActiveObject but without firing - * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way. - * This is the functional part of discardActiveObject. - * @param {Event} [e] Event (passed along when firing "object:deselected") - * @param {Object} object to set as active - * @return {Boolean} true if the selection happened - * @private - */ - _discardActiveObject: function (e, object) { - var obj = this._activeObject; - if (obj) { - // onDeselect return TRUE to cancel selection; - if (obj.onDeselect({ e: e, object: object })) { - return false; - } - if (this._currentTransform && this._currentTransform.target === obj) { - this.endCurrentTransform(e); - } - this._activeObject = null; - } - return true; - }, - /** - * Discards currently active object and fire events. If the function is called by fabric - * as a consequence of a mouse event, the event is passed as a parameter and - * sent to the fire function for the custom events. When used as a method the - * e param does not have any application. - * @param {event} e - * @return {fabric.Canvas} thisArg - * @chainable - */ - discardActiveObject: function (e) { - var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); - if (currentActives.length) { - this.fire('before:selection:cleared', { target: activeObject, e: e }); - } - this._discardActiveObject(e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - /** - * Clears the canvas element, disposes objects, removes all event listeners and frees resources - * - * **CAUTION**: - * - * This method is **UNSAFE**. - * You may encounter a race condition using it if there's a requested render. - * Call this method only if you are sure rendering has settled. - * Consider using {@link dispose} as it is **SAFE** - * - * @private - */ - destroy: function () { - var wrapperEl = this.wrapperEl, lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl, cacheCanvasEl = this.cacheCanvasEl; - this.removeListeners(); - this.callSuper('destroy'); - wrapperEl.removeChild(upperCanvasEl); - wrapperEl.removeChild(lowerCanvasEl); - this.contextCache = null; - this.contextTop = null; - fabric.util.cleanUpJsdomNode(upperCanvasEl); - this.upperCanvasEl = undefined; - fabric.util.cleanUpJsdomNode(cacheCanvasEl); - this.cacheCanvasEl = undefined; - if (wrapperEl.parentNode) { - wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl); - } - delete this.wrapperEl; - return this; - }, - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - // this.discardActiveGroup(); - this.discardActiveObject(); - this.clearContext(this.contextTop); - return this.callSuper('clear'); - }, - /** - * Draws objects' controls (borders/controls) - * @param {CanvasRenderingContext2D} ctx Context to render controls on - */ - drawControls: function (ctx) { - var activeObject = this._activeObject; - if (activeObject) { - activeObject._renderControls(ctx); - } - }, - /** - * @private - */ - _toObject: function (instance, methodName, propertiesToInclude) { - //If the object is part of the current selection group, it should - //be transformed appropriately - //i.e. it should be serialised as it would appear if the selection group - //were to be destroyed. - var originalProperties = this._realizeGroupTransformOnObject(instance), object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); - //Undo the damage we did by changing all of its properties - originalProperties && instance.set(originalProperties); - return object; - }, - /** - * Realises an object's group transformation on it - * @private - * @param {fabric.Object} [instance] the object to transform (gets mutated) - * @returns the original values of instance which were changed - */ - _realizeGroupTransformOnObject: function (instance) { - if (instance.group && - instance.group.type === 'activeSelection' && - this._activeObject === instance.group) { - var layoutProps = [ - 'angle', - 'flipX', - 'flipY', - 'left', - 'scaleX', - 'scaleY', - 'skewX', - 'skewY', - 'top', - ]; - //Copy all the positionally relevant properties across now - var originalValues = {}; - layoutProps.forEach(function (prop) { - originalValues[prop] = instance[prop]; - }); - fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); - return originalValues; - } - else { - return null; - } - }, - /** - * @private - */ - _setSVGObject: function (markup, instance, reviver) { - //If the object is in a selection group, simulate what would happen to that - //object when the group is deselected - var originalProperties = this._realizeGroupTransformOnObject(instance); - this.callSuper('_setSVGObject', markup, instance, reviver); - originalProperties && instance.set(originalProperties); - }, - setViewportTransform: function (vpt) { - if (this.renderOnAddRemove && - this._activeObject && - this._activeObject.isEditing) { - this._activeObject.clearContextTop(); - } - fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); - }, - }); - // copying static properties manually to work around Opera's bug, - // where "prototype" property is enumerable and overrides existing prototype - for (var prop in fabric.StaticCanvas) { - if (prop !== 'prototype') { - fabric.Canvas[prop] = fabric.StaticCanvas[prop]; - } - } -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, addListener = fabric.util.addListener, removeListener = fabric.util.removeListener, RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, addEventOptions = { passive: false }; - function checkClick(e, value) { - return e.button && e.button === value - 1; - } - fabric.util.object.extend(fabric.Canvas.prototype, - /** @lends fabric.Canvas.prototype */ { - /** - * Contains the id of the touch event that owns the fabric transform - * @type Number - * @private - */ - mainTouchId: null, - /** - * Adds mouse listeners to canvas - * @private - */ - _initEventListeners: function () { - // in case we initialized the class twice. This should not happen normally - // but in some kind of applications where the canvas element may be changed - // this is a workaround to having double listeners. - this.removeListeners(); - this._bindEvents(); - this.addOrRemove(addListener, 'add'); - }, - /** - * return an event prefix pointer or mouse. - * @private - */ - _getEventPrefix: function () { - return this.enablePointerEvents ? 'pointer' : 'mouse'; - }, - addOrRemove: function (functor, eventjsFunctor) { - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - functor(fabric.window, 'resize', this._onResize); - functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); - functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); - functor(canvasElement, 'wheel', this._onMouseWheel); - functor(canvasElement, 'contextmenu', this._onContextMenu); - functor(canvasElement, 'dblclick', this._onDoubleClick); - functor(canvasElement, 'dragstart', this._onDragStart); - functor(canvasElement, 'dragend', this._onDragEnd); - functor(canvasElement, 'dragover', this._onDragOver); - functor(canvasElement, 'dragenter', this._onDragEnter); - functor(canvasElement, 'dragleave', this._onDragLeave); - functor(canvasElement, 'drop', this._onDrop); - if (!this.enablePointerEvents) { - functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); - } - if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { - eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); - eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); - eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); - eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); - eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); - } - }, - /** - * Removes all event listeners - */ - removeListeners: function () { - this.addOrRemove(removeListener, 'remove'); - // if you dispose on a mouseDown, before mouse up, you need to clean document to... - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - }, - /** - * @private - */ - _bindEvents: function () { - if (this.eventsBound) { - // for any reason we pass here twice we do not want to bind events twice. - return; - } - this._onMouseDown = this._onMouseDown.bind(this); - this._onTouchStart = this._onTouchStart.bind(this); - this._onMouseMove = this._onMouseMove.bind(this); - this._onMouseUp = this._onMouseUp.bind(this); - this._onTouchEnd = this._onTouchEnd.bind(this); - this._onResize = this._onResize.bind(this); - this._onGesture = this._onGesture.bind(this); - this._onDrag = this._onDrag.bind(this); - this._onShake = this._onShake.bind(this); - this._onLongPress = this._onLongPress.bind(this); - this._onOrientationChange = this._onOrientationChange.bind(this); - this._onMouseWheel = this._onMouseWheel.bind(this); - this._onMouseOut = this._onMouseOut.bind(this); - this._onMouseEnter = this._onMouseEnter.bind(this); - this._onContextMenu = this._onContextMenu.bind(this); - this._onDoubleClick = this._onDoubleClick.bind(this); - this._onDragStart = this._onDragStart.bind(this); - this._onDragEnd = this._onDragEnd.bind(this); - this._onDragProgress = this._onDragProgress.bind(this); - this._onDragOver = this._onDragOver.bind(this); - this._onDragEnter = this._onDragEnter.bind(this); - this._onDragLeave = this._onDragLeave.bind(this); - this._onDrop = this._onDrop.bind(this); - this.eventsBound = true; - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js gesture - * @param {Event} [self] Inner Event object - */ - _onGesture: function (e, self) { - this.__onTransformGesture && this.__onTransformGesture(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js drag - * @param {Event} [self] Inner Event object - */ - _onDrag: function (e, self) { - this.__onDrag && this.__onDrag(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on wheel event - */ - _onMouseWheel: function (e) { - this.__onMouseWheel(e); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseOut: function (e) { - var target = this._hoveredTarget; - this.fire('mouse:out', { target: target, e: e }); - this._hoveredTarget = null; - target && target.fire('mouseout', { e: e }); - this._hoveredTargets.forEach(function (nestedTarget) { - this.fire('mouse:out', { target: nestedTarget, e: e }); - nestedTarget && nestedTarget.fire('mouseout', { e: e }); - }, this); - this._hoveredTargets = []; - }, - /** - * @private - * @param {Event} e Event object fired on mouseenter - */ - _onMouseEnter: function (e) { - // This find target and consequent 'mouse:over' is used to - // clear old instances on hovered target. - // calling findTarget has the side effect of killing target.__corner. - // as a short term fix we are not firing this if we are currently transforming. - // as a long term fix we need to separate the action of finding a target with the - // side effects we added to it. - if (!this._currentTransform && !this.findTarget(e)) { - this.fire('mouse:over', { target: null, e: e }); - this._hoveredTarget = null; - this._hoveredTargets = []; - } - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js orientation change - * @param {Event} [self] Inner Event object - */ - _onOrientationChange: function (e, self) { - this.__onOrientationChange && this.__onOrientationChange(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object - */ - _onShake: function (e, self) { - this.__onShake && this.__onShake(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object - */ - _onLongPress: function (e, self) { - this.__onLongPress && this.__onLongPress(e, self); - }, - /** - * supports native like text dragging - * @private - * @param {DragEvent} e - */ - _onDragStart: function (e) { - var activeObject = this.getActiveObject(); - if (activeObject && - typeof activeObject.onDragStart === 'function' && - activeObject.onDragStart(e)) { - this._dragSource = activeObject; - var options = { e: e, target: activeObject }; - this.fire('dragstart', options); - activeObject.fire('dragstart', options); - addListener(this.upperCanvasEl, 'drag', this._onDragProgress); - return; - } - e.preventDefault(); - e.stopPropagation(); - }, - /** - * @private - */ - _renderDragEffects: function (e, source, target) { - var ctx = this.contextTop; - if (source) { - source.clearContextTop(true); - source.renderDragSourceEffect(e); - } - if (target) { - if (target !== source) { - ctx.restore(); - ctx.save(); - target.clearContextTop(true); - } - target.renderDropTargetEffect(e); - } - ctx.restore(); - }, - /** - * supports native like text dragging - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag - * @private - * @param {DragEvent} e - */ - _onDragEnd: function (e) { - var didDrop = e.dataTransfer.dropEffect !== 'none', dropTarget = didDrop ? this._activeObject : undefined, options = { - e: e, - target: this._dragSource, - subTargets: this.targets, - dragSource: this._dragSource, - didDrop: didDrop, - dropTarget: dropTarget, - }; - removeListener(this.upperCanvasEl, 'drag', this._onDragProgress); - this.fire('dragend', options); - this._dragSource && this._dragSource.fire('dragend', options); - delete this._dragSource; - // we need to call mouse up synthetically because the browser won't - this._onMouseUp(e); - }, - /** - * fire `drag` event on canvas and drag source - * @private - * @param {DragEvent} e - */ - _onDragProgress: function (e) { - var options = { - e: e, - dragSource: this._dragSource, - dropTarget: this._draggedoverTarget, - }; - this.fire('drag', options); - this._dragSource && this._dragSource.fire('drag', options); - }, - /** - * prevent default to allow drop event to be fired - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets - * @private - * @param {Event} [e] Event object fired on Event.js shake - */ - _onDragOver: function (e) { - var eventType = 'dragover', target = this.findTarget(e), targets = this.targets, options = { - e: e, - target: target, - subTargets: targets, - dragSource: this._dragSource, - canDrop: false, - dropTarget: undefined, - }, dropTarget; - // fire on canvas - this.fire(eventType, options); - // make sure we fire dragenter events before dragover - // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it - this._fireEnterLeaveEvents(target, options); - if (target) { - // render drag selection before rendering target cursor for correct visuals - if (target.canDrop(e)) { - dropTarget = target; - } - target.fire(eventType, options); - } - // propagate the event to subtargets - for (var i = 0; i < targets.length; i++) { - target = targets[i]; - // accept event only if previous targets didn't - if (!e.defaultPrevented && target.canDrop(e)) { - dropTarget = target; - } - target.fire(eventType, options); - } - // render drag effects now that relations between source and target is clear - this._renderDragEffects(e, this._dragSource, dropTarget); - }, - /** - * fire `dragleave` on `dragover` targets - * @private - * @param {Event} [e] Event object fired on Event.js shake - */ - _onDragEnter: function (e) { - var target = this.findTarget(e); - var options = { - e: e, - target: target, - subTargets: this.targets, - dragSource: this._dragSource, - }; - this.fire('dragenter', options); - // fire dragenter on targets - this._fireEnterLeaveEvents(target, options); - }, - /** - * fire `dragleave` on `dragover` targets - * @private - * @param {Event} [e] Event object fired on Event.js shake - */ - _onDragLeave: function (e) { - var options = { - e: e, - target: this._draggedoverTarget, - subTargets: this.targets, - dragSource: this._dragSource, - }; - this.fire('dragleave', options); - // fire dragleave on targets - this._fireEnterLeaveEvents(null, options); - // clear targets - this.targets = []; - this._hoveredTargets = []; - }, - /** - * `drop:before` is a an event that allows you to schedule logic - * before the `drop` event. Prefer `drop` event always, but if you need - * to run some drop-disabling logic on an event, since there is no way - * to handle event handlers ordering, use `drop:before` - * @private - * @param {Event} e - */ - _onDrop: function (e) { - var options = this._simpleEventHandler('drop:before', e, { - dragSource: this._dragSource, - pointer: this.getPointer(e), - }); - // will be set by the drop target - options.didDrop = false; - // will be set by the drop target, used in case options.target refuses the drop - options.dropTarget = undefined; - // fire `drop` - this._basicEventHandler('drop', options); - // inform canvas of the drop - // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it - // use for side effects - this.fire('drop:after', options); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onContextMenu: function (e) { - var options = this._simpleEventHandler('contextmenu:before', e); - if (this.stopContextMenu) { - e.stopPropagation(); - e.preventDefault(); - } - this._basicEventHandler('contextmenu', options); - return false; - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onDoubleClick: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'dblclick'); - this._resetTransformEventData(); - }, - /** - * Return a the id of an event. - * returns either the pointerId or the identifier or 0 for the mouse event - * @private - * @param {Event} evt Event object - */ - getPointerId: function (evt) { - var changedTouches = evt.changedTouches; - if (changedTouches) { - return changedTouches[0] && changedTouches[0].identifier; - } - if (this.enablePointerEvents) { - return evt.pointerId; - } - return -1; - }, - /** - * Determines if an event has the id of the event that is considered main - * @private - * @param {evt} event Event object - */ - _isMainEvent: function (evt) { - if (evt.isPrimary === true) { - return true; - } - if (evt.isPrimary === false) { - return false; - } - if (evt.type === 'touchend' && evt.touches.length === 0) { - return true; - } - if (evt.changedTouches) { - return evt.changedTouches[0].identifier === this.mainTouchId; - } - return true; - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onTouchStart: function (e) { - e.preventDefault(); - if (this.mainTouchId === null) { - this.mainTouchId = this.getPointerId(e); - } - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - // Unbind mousedown to prevent double triggers from touch devices - removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDown: function (e) { - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onTouchEnd: function (e) { - if (e.touches.length > 0) { - // if there are still touches stop here - return; - } - this.__onMouseUp(e); - this._resetTransformEventData(); - this.mainTouchId = null; - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - var _this = this; - if (this._willAddMouseDown) { - clearTimeout(this._willAddMouseDown); - } - this._willAddMouseDown = setTimeout(function () { - // Wait 400ms before rebinding mousedown to prevent double triggers - // from touch devices - addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); - _this._willAddMouseDown = 0; - }, 400); - }, - /** - * @private - * @param {Event} e Event object fired on mouseup - */ - _onMouseUp: function (e) { - this.__onMouseUp(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - if (this._isMainEvent(e)) { - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - } - }, - /** - * @private - * @param {Event} e Event object fired on mousemove - */ - _onMouseMove: function (e) { - var activeObject = this.getActiveObject(); - !this.allowTouchScrolling && - (!activeObject || !activeObject.__isDragging) && - e.preventDefault && - e.preventDefault(); - this.__onMouseMove(e); - }, - /** - * @private - */ - _onResize: function () { - this.calcOffset(); - this._resetTransformEventData(); - }, - /** - * Decides whether the canvas should be redrawn in mouseup and mousedown events. - * @private - * @param {Object} target - */ - _shouldRender: function (target) { - var activeObject = this._activeObject; - if (!!activeObject !== !!target || - (activeObject && target && activeObject !== target)) { - // this covers: switch of target, from target to no target, selection of target - // multiSelection with key and mouse - return true; - } - else if (activeObject && activeObject.isEditing) { - // if we mouse up/down over a editing textbox a cursor change, - // there is no need to re render - return false; - } - return false; - }, - /** - * Method that defines the actions when mouse is released on canvas. - * The method resets the currentTransform parameters, store the image corner - * position in the image object and render the canvas on top. - * @private - * @param {Event} e Event object fired on mouseup - */ - __onMouseUp: function (e) { - var target, transform = this._currentTransform, groupSelector = this._groupSelector, shouldRender = false, isClick = !groupSelector || - (groupSelector.left === 0 && groupSelector.top === 0); - this._cacheTransformEventData(e); - target = this._target; - this._handleEvent(e, 'up:before'); - // if right/middle click just fire events and return - // target undefined will make the _handleEvent search the target - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'up', RIGHT_CLICK, isClick); - } - return; - } - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); - } - this._resetTransformEventData(); - return; - } - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this._onMouseUpInDrawingMode(e); - return; - } - if (!this._isMainEvent(e)) { - return; - } - if (transform) { - this._finalizeCurrentTransform(e); - shouldRender = transform.actionPerformed; - } - if (!isClick) { - var targetWasActive = target === this._activeObject; - this._maybeGroupObjects(e); - if (!shouldRender) { - shouldRender = - this._shouldRender(target) || - (!targetWasActive && target === this._activeObject); - } - } - var corner, pointer; - if (target) { - corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); - if (target.selectable && - target !== this._activeObject && - target.activeOn === 'up') { - this.setActiveObject(target, e); - shouldRender = true; - } - else { - var control = target.controls[corner], mouseUpHandler = control && control.getMouseUpHandler(e, target, control); - if (mouseUpHandler) { - pointer = this.getPointer(e); - mouseUpHandler(e, transform, pointer.x, pointer.y); - } - } - target.isMoving = false; - } - // if we are ending up a transform on a different control or a new object - // fire the original mouse up from the corner that started the transform - if (transform && - (transform.target !== target || transform.corner !== corner)) { - var originalControl = transform.target && transform.target.controls[transform.corner], originalMouseUpHandler = originalControl && - originalControl.getMouseUpHandler(e, target, control); - pointer = pointer || this.getPointer(e); - originalMouseUpHandler && - originalMouseUpHandler(e, transform, pointer.x, pointer.y); - } - this._setCursorFromEvent(e, target); - this._handleEvent(e, 'up', LEFT_CLICK, isClick); - this._groupSelector = null; - this._currentTransform = null; - // reset the target information about which corner is selected - target && (target.__corner = 0); - if (shouldRender) { - this.requestRenderAll(); - } - else if (!isClick) { - this.renderTop(); - } - }, - /** - * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @param {object} [data] event data overrides - * @return {object} options - */ - _simpleEventHandler: function (eventType, e, data) { - var target = this.findTarget(e), subTargets = this.targets || []; - return this._basicEventHandler(eventType, Object.assign({}, { - e: e, - target: target, - subTargets: subTargets, - }, data)); - }, - _basicEventHandler: function (eventType, options) { - var target = options.target, subTargets = options.subTargets; - this.fire(eventType, options); - target && target.fire(eventType, options); - for (var i = 0; i < subTargets.length; i++) { - subTargets[i].fire(eventType, options); - } - return options; - }, - /** - * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @param {fabric.Object} targetObj receiving event - * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right - * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. - */ - _handleEvent: function (e, eventType, button, isClick) { - var target = this._target, targets = this.targets || [], options = { - e: e, - target: target, - subTargets: targets, - button: button || LEFT_CLICK, - isClick: isClick || false, - pointer: this._pointer, - absolutePointer: this._absolutePointer, - transform: this._currentTransform, - }; - if (eventType === 'up') { - options.currentTarget = this.findTarget(e); - options.currentSubTargets = this.targets; - } - this.fire('mouse:' + eventType, options); - target && target.fire('mouse' + eventType, options); - for (var i = 0; i < targets.length; i++) { - targets[i].fire('mouse' + eventType, options); - } - }, - /** - * End the current transfrom. - * You don't usually need to call this method unless you are interupting a user initiated transform - * because of some other event ( a press of key combination, or something that block the user UX ) - * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event - */ - endCurrentTransform: function (e) { - var transform = this._currentTransform; - this._finalizeCurrentTransform(e); - if (transform && transform.target) { - // this could probably go inside _finalizeCurrentTransform - transform.target.isMoving = false; - } - this._currentTransform = null; - }, - /** - * @private - * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event - */ - _finalizeCurrentTransform: function (e) { - var transform = this._currentTransform, target = transform.target, options = { - e: e, - target: target, - transform: transform, - action: transform.action, - }; - if (target._scaling) { - target._scaling = false; - } - target.setCoords(); - if (transform.actionPerformed || - (this.stateful && target.hasStateChanged())) { - this._fire('modified', options); - } - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDownInDrawingMode: function (e) { - this._isCurrentlyDrawing = true; - if (this.getActiveObject()) { - this.discardActiveObject(e).requestRenderAll(); - } - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); - this._handleEvent(e, 'down'); - }, - /** - * @private - * @param {Event} e Event object fired on mousemove - */ - _onMouseMoveInDrawingMode: function (e) { - if (this._isCurrentlyDrawing) { - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseMove(pointer, { - e: e, - pointer: pointer, - }); - } - this.setCursor(this.freeDrawingCursor); - this._handleEvent(e, 'move'); - }, - /** - * @private - * @param {Event} e Event object fired on mouseup - */ - _onMouseUpInDrawingMode: function (e) { - var pointer = this.getPointer(e); - this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ - e: e, - pointer: pointer, - }); - this._handleEvent(e, 'up'); - }, - /** - * Method that defines the actions when mouse is clicked on canvas. - * The method inits the currentTransform parameters and renders all the - * canvas so the current image can be placed on the top canvas and the rest - * in on the container one. - * @private - * @param {Event} e Event object fired on mousedown - */ - __onMouseDown: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'down:before'); - var target = this._target; - // if right click just fire events - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'down', RIGHT_CLICK); - } - return; - } - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'down', MIDDLE_CLICK); - } - return; - } - if (this.isDrawingMode) { - this._onMouseDownInDrawingMode(e); - return; - } - if (!this._isMainEvent(e)) { - return; - } - // ignore if some object is being transformed at this moment - if (this._currentTransform) { - return; - } - var pointer = this._pointer; - // save pointer for check in __onMouseUp event - this._previousPointer = pointer; - var shouldRender = this._shouldRender(target), shouldGroup = this._shouldGroup(e, target); - if (this._shouldClearSelection(e, target)) { - this.discardActiveObject(e); - } - else if (shouldGroup) { - this._handleGrouping(e, target); - target = this._activeObject; - } - if (this.selection && - (!target || - (!target.selectable && - !target.isEditing && - target !== this._activeObject))) { - this._groupSelector = { - ex: this._absolutePointer.x, - ey: this._absolutePointer.y, - top: 0, - left: 0, - }; - } - if (target) { - var alreadySelected = target === this._activeObject; - if (target.selectable && target.activeOn === 'down') { - this.setActiveObject(target, e); - } - var corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); - target.__corner = corner; - if (target === this._activeObject && (corner || !shouldGroup)) { - this._setupCurrentTransform(e, target, alreadySelected); - var control = target.controls[corner], pointer = this.getPointer(e), mouseDownHandler = control && control.getMouseDownHandler(e, target, control); - if (mouseDownHandler) { - mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); - } - } - } - var invalidate = shouldRender || shouldGroup; - // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering - // run before firing the `down` event to give the dev a chance to populate it themselves - invalidate && (this._objectsToRender = undefined); - this._handleEvent(e, 'down'); - // we must renderAll so that we update the visuals - invalidate && this.requestRenderAll(); - }, - /** - * reset cache form common information needed during event processing - * @private - */ - _resetTransformEventData: function () { - this._target = null; - this._pointer = null; - this._absolutePointer = null; - }, - /** - * Cache common information needed during event processing - * @private - * @param {Event} e Event object fired on event - */ - _cacheTransformEventData: function (e) { - // reset in order to avoid stale caching - this._resetTransformEventData(); - this._pointer = this.getPointer(e, true); - this._absolutePointer = this.restorePointerVpt(this._pointer); - this._target = this._currentTransform - ? this._currentTransform.target - : this.findTarget(e) || null; - }, - /** - * @private - */ - _beforeTransform: function (e) { - var t = this._currentTransform; - this.stateful && t.target.saveState(); - this.fire('before:transform', { - e: e, - transform: t, - }); - }, - /** - * Method that defines the actions when mouse is hovering the canvas. - * The currentTransform parameter will define whether the user is rotating/scaling/translating - * an image or neither of them (only hovering). A group selection is also possible and would cancel - * all any other type of action. - * In case of an image transformation only the top canvas will be rendered. - * @private - * @param {Event} e Event object fired on mousemove - */ - __onMouseMove: function (e) { - this._handleEvent(e, 'move:before'); - this._cacheTransformEventData(e); - var target, pointer; - if (this.isDrawingMode) { - this._onMouseMoveInDrawingMode(e); - return; - } - if (!this._isMainEvent(e)) { - return; - } - var groupSelector = this._groupSelector; - // We initially clicked in an empty area, so we draw a box for multiple selection - if (groupSelector) { - pointer = this._absolutePointer; - groupSelector.left = pointer.x - groupSelector.ex; - groupSelector.top = pointer.y - groupSelector.ey; - this.renderTop(); - } - else if (!this._currentTransform) { - target = this.findTarget(e) || null; - this._setCursorFromEvent(e, target); - this._fireOverOutEvents(target, e); - } - else { - this._transformObject(e); - } - this._handleEvent(e, 'move'); - this._resetTransformEventData(); - }, - /** - * Manage the mouseout, mouseover events for the fabric object on the canvas - * @param {Fabric.Object} target the target where the target from the mousemove event - * @param {Event} e Event object fired on mousemove - * @private - */ - _fireOverOutEvents: function (target, e) { - var _hoveredTarget = this._hoveredTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); - this.fireSyntheticInOutEvents(target, { e: e }, { - oldTarget: _hoveredTarget, - evtOut: 'mouseout', - canvasEvtOut: 'mouse:out', - evtIn: 'mouseover', - canvasEvtIn: 'mouse:over', - }); - for (var i = 0; i < length; i++) { - this.fireSyntheticInOutEvents(targets[i], { e: e }, { - oldTarget: _hoveredTargets[i], - evtOut: 'mouseout', - evtIn: 'mouseover', - }); - } - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - }, - /** - * Manage the dragEnter, dragLeave events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the onDrag event - * @param {Object} data Event object fired on dragover - * @private - */ - _fireEnterLeaveEvents: function (target, data) { - var _draggedoverTarget = this._draggedoverTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); - this.fireSyntheticInOutEvents(target, data, { - oldTarget: _draggedoverTarget, - evtOut: 'dragleave', - evtIn: 'dragenter', - canvasEvtIn: 'drag:enter', - canvasEvtOut: 'drag:leave', - }); - for (var i = 0; i < length; i++) { - this.fireSyntheticInOutEvents(targets[i], data, { - oldTarget: _hoveredTargets[i], - evtOut: 'dragleave', - evtIn: 'dragenter', - }); - } - this._draggedoverTarget = target; - }, - /** - * Manage the synthetic in/out events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the supported events - * @param {Object} data Event object fired - * @param {Object} config configuration for the function to work - * @param {String} config.targetName property on the canvas where the old target is stored - * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out - * @param {String} config.evtOut name of the event to fire for out - * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in - * @param {String} config.evtIn name of the event to fire for in - * @private - */ - fireSyntheticInOutEvents: function (target, data, config) { - var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; - if (targetChanged) { - inOpt = Object.assign({}, data, { - target: target, - previousTarget: oldTarget, - }); - outOpt = Object.assign({}, data, { - target: oldTarget, - nextTarget: target, - }); - } - inFires = target && targetChanged; - outFires = oldTarget && targetChanged; - if (outFires) { - canvasEvtOut && this.fire(canvasEvtOut, outOpt); - oldTarget.fire(config.evtOut, outOpt); - } - if (inFires) { - canvasEvtIn && this.fire(canvasEvtIn, inOpt); - target.fire(config.evtIn, inOpt); - } - }, - /** - * Method that defines actions when an Event Mouse Wheel - * @param {Event} e Event object fired on mouseup - */ - __onMouseWheel: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'wheel'); - this._resetTransformEventData(); - }, - /** - * @private - * @param {Event} e Event fired on mousemove - */ - _transformObject: function (e) { - var pointer = this.getPointer(e), transform = this._currentTransform, target = transform.target, - // transform pointer to target's containing coordinate plane - // both pointer and object should agree on every point - localPointer = target.group - ? fabric.util.sendPointToPlane(pointer, undefined, target.group.calcTransformMatrix()) - : pointer; - transform.reset = false; - transform.shiftKey = e.shiftKey; - transform.altKey = e[this.centeredKey]; - this._performTransformAction(e, transform, localPointer); - transform.actionPerformed && this.requestRenderAll(); - }, - /** - * @private - */ - _performTransformAction: function (e, transform, pointer) { - var x = pointer.x, y = pointer.y, action = transform.action, actionPerformed = false, actionHandler = transform.actionHandler; - // this object could be created from the function in the control handlers - if (actionHandler) { - actionPerformed = actionHandler(e, transform, x, y); - } - if (action === 'drag' && actionPerformed) { - transform.target.isMoving = true; - this.setCursor(transform.target.moveCursor || this.moveCursor); - } - transform.actionPerformed = - transform.actionPerformed || actionPerformed; - }, - /** - * @private - */ - _fire: function (eventName, options) { - return fireEvent(eventName, options); - }, - /** - * Sets the cursor depending on where the canvas is being hovered. - * Note: very buggy in Opera - * @param {Event} e Event object - * @param {Object} target Object that the mouse is hovering, if so. - */ - _setCursorFromEvent: function (e, target) { - if (!target) { - this.setCursor(this.defaultCursor); - return false; - } - var hoverCursor = target.hoverCursor || this.hoverCursor, activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' - ? this._activeObject - : null, - // only show proper corner when group selection is not active - corner = (!activeSelection || !activeSelection.contains(target)) && - // here we call findTargetCorner always with undefined for the touch parameter. - // we assume that if you are using a cursor you do not need to interact with - // the bigger touch area. - target._findTargetCorner(this.getPointer(e, true)); - if (!corner) { - if (target.subTargetCheck) { - // hoverCursor should come from top-most subTarget, - // so we walk the array backwards - this.targets - .concat() - .reverse() - .map(function (_target) { - hoverCursor = _target.hoverCursor || hoverCursor; - }); - } - this.setCursor(hoverCursor); - } - else { - this.setCursor(this.getCornerCursor(corner, target, e)); - } - }, - /** - * @private - */ - getCornerCursor: function (corner, target, e) { - var control = target.controls[corner]; - return control.cursorStyleHandler(e, control, target); - }, + centerObjectV: function (object) { + return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, this.getCenter().top)); + }, + + /** + * Centers object vertically and horizontally in the canvas + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + centerObject: function(object) { + var center = this.getCenter(); + + return this._centerObject(object, new fabric.Point(center.left, center.top)); + }, + + /** + * Centers object vertically and horizontally in the viewport + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObject: function(object) { + var vpCenter = this.getVpCenter(); + + return this._centerObject(object, vpCenter); + }, + + /** + * Centers object horizontally in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectH: function(object) { + var vpCenter = this.getVpCenter(); + this._centerObject(object, new fabric.Point(vpCenter.x, object.getCenterPoint().y)); + return this; + }, + + /** + * Centers object Vertically in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectV: function(object) { + var vpCenter = this.getVpCenter(); + + return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, vpCenter.y)); + }, + + /** + * Calculate the point in canvas that correspond to the center of actual viewport. + * @return {fabric.Point} vpCenter, viewport center + * @chainable + */ + getVpCenter: function() { + var center = this.getCenter(), + iVpt = invertTransform(this.viewportTransform); + return transformPoint({ x: center.left, y: center.top }, iVpt); + }, + + /** + * @private + * @param {fabric.Object} object Object to center + * @param {fabric.Point} center Center point + * @return {fabric.Canvas} thisArg + * @chainable + */ + _centerObject: function(object, center) { + object.setPositionByOrigin(center, 'center', 'center'); + object.setCoords(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Returns dataless JSON representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {String} json string + */ + toDatalessJSON: function (propertiesToInclude) { + return this.toDatalessObject(propertiesToInclude); + }, + + /** + * Returns object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + return this._toObjectMethod('toObject', propertiesToInclude); + }, + + /** + * Returns dataless object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function (propertiesToInclude) { + return this._toObjectMethod('toDatalessObject', propertiesToInclude); + }, + + /** + * @private + */ + _toObjectMethod: function (methodName, propertiesToInclude) { + + var clipPath = this.clipPath, data = { + version: fabric.version, + objects: this._toObjects(methodName, propertiesToInclude), + }; + if (clipPath && !clipPath.excludeFromExport) { + data.clipPath = this._toObject(this.clipPath, methodName, propertiesToInclude); + } + extend(data, this.__serializeBgOverlay(methodName, propertiesToInclude)); + + fabric.util.populateWithProperties(this, data, propertiesToInclude); + + return data; + }, + + /** + * @private + */ + _toObjects: function(methodName, propertiesToInclude) { + return this._objects.filter(function(object) { + return !object.excludeFromExport; + }).map(function(instance) { + return this._toObject(instance, methodName, propertiesToInclude); + }, this); + }, + + /** + * @private + */ + _toObject: function(instance, methodName, propertiesToInclude) { + var originalValue; + + if (!this.includeDefaultValues) { + originalValue = instance.includeDefaultValues; + instance.includeDefaultValues = false; + } + + var object = instance[methodName](propertiesToInclude); + if (!this.includeDefaultValues) { + instance.includeDefaultValues = originalValue; + } + return object; + }, + + /** + * @private + */ + __serializeBgOverlay: function(methodName, propertiesToInclude) { + var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, + bgColor = this.backgroundColor, overlayColor = this.overlayColor; + + if (bgColor && bgColor.toObject) { + if (!bgColor.excludeFromExport) { + data.background = bgColor.toObject(propertiesToInclude); + } + } + else if (bgColor) { + data.background = bgColor; + } + + if (overlayColor && overlayColor.toObject) { + if (!overlayColor.excludeFromExport) { + data.overlay = overlayColor.toObject(propertiesToInclude); + } + } + else if (overlayColor) { + data.overlay = overlayColor; + } + + if (bgImage && !bgImage.excludeFromExport) { + data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); + } + if (overlayImage && !overlayImage.excludeFromExport) { + data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); + } + + return data; + }, + + /* _TO_SVG_START_ */ + /** + * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, + * a zoomed canvas will then produce zoomed SVG output. + * @type Boolean + * @default + */ + svgViewportTransformation: true, + + /** + * Returns SVG representation of canvas + * @function + * @param {Object} [options] Options object for SVG output + * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included + * @param {Object} [options.viewBox] SVG viewbox object + * @param {Number} [options.viewBox.x] x-coordinate of viewbox + * @param {Number} [options.viewBox.y] y-coordinate of viewbox + * @param {Number} [options.viewBox.width] Width of viewbox + * @param {Number} [options.viewBox.height] Height of viewbox + * @param {String} [options.encoding=UTF-8] Encoding of SVG output + * @param {String} [options.width] desired width of svg with or without units + * @param {String} [options.height] desired height of svg with or without units + * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. + * @return {String} SVG string + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} + * @example Normal SVG output + * var svg = canvas.toSVG(); + * @example SVG output without preamble (without <?xml ../>) + * var svg = canvas.toSVG({suppressPreamble: true}); + * @example SVG output with viewBox attribute + * var svg = canvas.toSVG({ + * viewBox: { + * x: 100, + * y: 100, + * width: 200, + * height: 300 + * } + * }); + * @example SVG output with different encoding (default: UTF-8) + * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); + * @example Modify SVG output with reviver function + * var svg = canvas.toSVG(null, function(svg) { + * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); + * }); + */ + toSVG: function(options, reviver) { + options || (options = { }); + options.reviver = reviver; + var markup = []; + + this._setSVGPreamble(markup, options); + this._setSVGHeader(markup, options); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'background'); + this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); + this._setSVGObjects(markup, reviver); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'overlay'); + this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); + + markup.push(''); + + return markup.join(''); + }, + + /** + * @private + */ + _setSVGPreamble: function(markup, options) { + if (options.suppressPreamble) { + return; + } + markup.push( + '\n', + '\n' + ); + }, + + /** + * @private + */ + _setSVGHeader: function(markup, options) { + var width = options.width || this.width, + height = options.height || this.height, + vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', + NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + + if (options.viewBox) { + viewBox = 'viewBox="' + + options.viewBox.x + ' ' + + options.viewBox.y + ' ' + + options.viewBox.width + ' ' + + options.viewBox.height + '" '; + } + else { + if (this.svgViewportTransformation) { + vpt = this.viewportTransform; + viewBox = 'viewBox="' + + toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + ' ' + + toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + ' ' + + toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + ' ' + + toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + '" '; + } + } + + markup.push( + '\n', + 'Created with Fabric.js ', fabric.version, '\n', + '\n', + this.createSVGFontFacesMarkup(), + this.createSVGRefElementsMarkup(), + this.createSVGClipPathMarkup(options), + '\n' + ); + }, + + createSVGClipPathMarkup: function(options) { + var clipPath = this.clipPath; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; + return '\n' + + this.clipPath.toClipPathSVG(options.reviver) + + '\n'; + } + return ''; + }, + + /** + * Creates markup containing SVG referenced elements like patterns, gradients etc. + * @return {String} + */ + createSVGRefElementsMarkup: function() { + var _this = this, + markup = ['background', 'overlay'].map(function(prop) { + var fill = _this[prop + 'Color']; + if (fill && fill.toLive) { + var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, + object = { + width: _this.width / (shouldTransform ? vpt[0] : 1), + height: _this.height / (shouldTransform ? vpt[3] : 1) + }; + return fill.toSVG( + object, + { additionalTransform: shouldTransform ? fabric.util.matrixToSVG(vpt) : '' } + ); + } + }); + return markup.join(''); + }, + + /** + * Creates markup containing SVG font faces, + * font URLs for font faces must be collected by developers + * and are not extracted from the DOM by fabricjs + * @param {Array} objects Array of fabric objects + * @return {String} + */ + createSVGFontFacesMarkup: function() { + var markup = '', fontList = { }, obj, fontFamily, + style, row, rowIndex, _char, charIndex, i, len, + fontPaths = fabric.fontPaths, objects = []; + + this._objects.forEach(function add(object) { + objects.push(object); + if (object._objects) { + object._objects.forEach(add); + } + }); + + for (i = 0, len = objects.length; i < len; i++) { + obj = objects[i]; + fontFamily = obj.fontFamily; + if (obj.type.indexOf('text') === -1 || fontList[fontFamily] || !fontPaths[fontFamily]) { + continue; + } + fontList[fontFamily] = true; + if (!obj.styles) { + continue; + } + style = obj.styles; + for (rowIndex in style) { + row = style[rowIndex]; + for (charIndex in row) { + _char = row[charIndex]; + fontFamily = _char.fontFamily; + if (!fontList[fontFamily] && fontPaths[fontFamily]) { + fontList[fontFamily] = true; + } + } + } + } + + for (var j in fontList) { + markup += [ + '\t\t@font-face {\n', + '\t\t\tfont-family: \'', j, '\';\n', + '\t\t\tsrc: url(\'', fontPaths[j], '\');\n', + '\t\t}\n' + ].join(''); + } + + if (markup) { + markup = [ + '\t\n' + ].join(''); + } + + return markup; + }, + + /** + * @private + */ + _setSVGObjects: function(markup, reviver) { + var instance, i, len, objects = this._objects; + for (i = 0, len = objects.length; i < len; i++) { + instance = objects[i]; + if (instance.excludeFromExport) { + continue; + } + this._setSVGObject(markup, instance, reviver); + } + }, + + /** + * @private + */ + _setSVGObject: function(markup, instance, reviver) { + markup.push(instance.toSVG(reviver)); + }, + + /** + * @private + */ + _setSVGBgOverlayImage: function(markup, property, reviver) { + if (this[property] && !this[property].excludeFromExport && this[property].toSVG) { + markup.push(this[property].toSVG(reviver)); + } + }, + + /** + * @private + */ + _setSVGBgOverlayColor: function(markup, property) { + var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, + finalHeight = this.height; + if (!filler) { + return; + } + if (filler.toLive) { + var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], + additionalTransform = shouldInvert ? fabric.util.matrixToSVG(iVpt) : ''; + markup.push( + '\n' + ); + } + else { + markup.push( + '\n' + ); + } + }, + /* _TO_SVG_END_ */ + + /** + * Moves an object or the objects of a multiple selection + * to the bottom of the stack of drawn objects + * @param {fabric.Object} object Object to send to back + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendToBack: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.unshift(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.unshift(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Moves an object or the objects of a multiple selection + * to the top of the stack of drawn objects + * @param {fabric.Object} object Object to send + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringToFront: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.push(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.push(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Moves an object or a selection down in stack of drawn objects + * An optional parameter, intersecting allows to move the object in behind + * the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendBackwards: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, idx, newIdx, objs, objsMoved = 0; + + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx > 0 + objsMoved) { + newIdx = idx - 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== 0) { + // if object is not on the bottom of stack + newIdx = this._findNewLowerIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * @private + */ + _findNewLowerIndex: function(object, idx, intersecting) { + var newIdx, i; + + if (intersecting) { + newIdx = idx; + + // traverse down the stack looking for the nearest intersecting object + for (i = idx - 1; i >= 0; --i) { + + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx - 1; + } + + return newIdx; + }, + + /** + * Moves an object or a selection up in stack of drawn objects + * An optional parameter, intersecting allows to move the object in front + * of the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringForward: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, idx, newIdx, objs, objsMoved = 0; + + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx < this._objects.length - 1 - objsMoved) { + newIdx = idx + 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== this._objects.length - 1) { + // if object is not on top of stack (last item in an array) + newIdx = this._findNewUpperIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * @private + */ + _findNewUpperIndex: function(object, idx, intersecting) { + var newIdx, i, len; + + if (intersecting) { + newIdx = idx; + + // traverse up the stack looking for the nearest intersecting object + for (i = idx + 1, len = this._objects.length; i < len; ++i) { + + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx + 1; + } + + return newIdx; + }, + + /** + * Moves an object to specified level in stack of drawn objects + * @param {fabric.Object} object Object to send + * @param {Number} index Position to move to + * @return {fabric.Canvas} thisArg + * @chainable + */ + moveTo: function (object, index) { + removeFromArray(this._objects, object); + this._objects.splice(index, 0, object); + return this.renderOnAddRemove && this.requestRenderAll(); + }, + + /** + * Clears a canvas element and dispose objects + * @return {fabric.Canvas} thisArg + * @chainable + */ + dispose: function () { + // cancel eventually ongoing renders + if (this.isRendering) { + fabric.util.cancelAnimFrame(this.isRendering); + this.isRendering = 0; + } + this.forEachObject(function(object) { + object.dispose && object.dispose(); + }); + this._objects = []; + if (this.backgroundImage && this.backgroundImage.dispose) { + this.backgroundImage.dispose(); + } + this.backgroundImage = null; + if (this.overlayImage && this.overlayImage.dispose) { + this.overlayImage.dispose(); + } + this.overlayImage = null; + this._iTextInstances = null; + this.contextContainer = null; + // restore canvas style + this.lowerCanvasEl.classList.remove('lower-canvas'); + fabric.util.setStyle(this.lowerCanvasEl, this._originalCanvasStyle); + delete this._originalCanvasStyle; + // restore canvas size to original size in case retina scaling was applied + this.lowerCanvasEl.setAttribute('width', this.width); + this.lowerCanvasEl.setAttribute('height', this.height); + fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); + this.lowerCanvasEl = undefined; + return this; + }, + + /** + * Returns a string representation of an instance + * @return {String} string representation of an instance + */ + toString: function () { + return '#'; + } + }); + + extend(fabric.StaticCanvas.prototype, fabric.Observable); + extend(fabric.StaticCanvas.prototype, fabric.Collection); + extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); + + extend(fabric.StaticCanvas, /** @lends fabric.StaticCanvas */ { + + /** + * @static + * @type String + * @default + */ + EMPTY_JSON: '{"objects": [], "background": "white"}', + + /** + * Provides a way to check support of some of the canvas methods + * (either those of HTMLCanvasElement itself, or rendering context) + * + * @param {String} methodName Method to check support for; + * Could be one of "setLineDash" + * @return {Boolean | null} `true` if method is supported (or at least exists), + * `null` if canvas element or context can not be initialized + */ + supports: function (methodName) { + var el = createCanvasElement(); + + if (!el || !el.getContext) { + return null; + } + + var ctx = el.getContext('2d'); + if (!ctx) { + return null; + } + + switch (methodName) { + + case 'setLineDash': + return typeof ctx.setLineDash !== 'undefined'; + + default: + return null; + } + } + }); + + /** + * Returns Object representation of canvas + * this alias is provided because if you call JSON.stringify on an instance, + * the toJSON object will be invoked if it exists. + * Having a toJSON method means you can do JSON.stringify(myCanvas) + * @function + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} JSON compatible object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} + * @example JSON without additional properties + * var json = canvas.toJSON(); + * @example JSON with additional properties included + * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); + * @example JSON without default values + * canvas.includeDefaultValues = false; + * var json = canvas.toJSON(); + */ + fabric.StaticCanvas.prototype.toJSON = fabric.StaticCanvas.prototype.toObject; + + if (fabric.isLikelyNode) { + fabric.StaticCanvas.prototype.createPNGStream = function() { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createPNGStream(); + }; + fabric.StaticCanvas.prototype.createJPEGStream = function(opts) { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createJPEGStream(opts); + }; + } +})(); + + +/** + * BaseBrush class + * @class fabric.BaseBrush + * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} + */ +fabric.BaseBrush = fabric.util.createClass(/** @lends fabric.BaseBrush.prototype */ { + + /** + * Color of a brush + * @type String + * @default + */ + color: 'rgb(0, 0, 0)', + + /** + * Width of a brush, has to be a Number, no string literals + * @type Number + * @default + */ + width: 1, + + /** + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), + * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 + * @type fabric.Shadow + * @default + */ + shadow: null, + + /** + * Line endings style of a brush (one of "butt", "round", "square") + * @type String + * @default + */ + strokeLineCap: 'round', + + /** + * Corner style of a brush (one of "bevel", "round", "miter") + * @type String + * @default + */ + strokeLineJoin: 'round', + + /** + * Maximum miter length (used for strokeLineJoin = "miter") of a brush's + * @type Number + * @default + */ + strokeMiterLimit: 10, + + /** + * Stroke Dash Array. + * @type Array + * @default + */ + strokeDashArray: null, + + /** + * When `true`, the free drawing is limited to the whiteboard size. Default to false. + * @type Boolean + * @default false + */ + + limitedToCanvasSize: false, + + + /** + * Sets brush styles + * @private + * @param {CanvasRenderingContext2D} ctx + */ + _setBrushStyles: function (ctx) { + ctx.strokeStyle = this.color; + ctx.lineWidth = this.width; + ctx.lineCap = this.strokeLineCap; + ctx.miterLimit = this.strokeMiterLimit; + ctx.lineJoin = this.strokeLineJoin; + ctx.setLineDash(this.strokeDashArray || []); + }, + + /** + * Sets the transformation on given context + * @param {RenderingContext2d} ctx context to render on + * @private + */ + _saveAndTransform: function(ctx) { + var v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + }, + + /** + * Sets brush shadow styles + * @private + */ + _setShadow: function() { + if (!this.shadow) { + return; + } + + var canvas = this.canvas, + shadow = this.shadow, + ctx = canvas.contextTop, + zoom = canvas.getZoom(); + if (canvas && canvas._isRetinaScaling()) { + zoom *= fabric.devicePixelRatio; + } + + ctx.shadowColor = shadow.color; + ctx.shadowBlur = shadow.blur * zoom; + ctx.shadowOffsetX = shadow.offsetX * zoom; + ctx.shadowOffsetY = shadow.offsetY * zoom; + }, + + needsFullRender: function() { + var color = new fabric.Color(this.color); + return color.getAlpha() < 1 || !!this.shadow; + }, + + /** + * Removes brush shadow styles + * @private + */ + _resetShadow: function() { + var ctx = this.canvas.contextTop; + + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + }, + + /** + * Check is pointer is outside canvas boundaries + * @param {Object} pointer + * @private + */ + _isOutSideCanvas: function(pointer) { + return pointer.x < 0 || pointer.x > this.canvas.getWidth() || pointer.y < 0 || pointer.y > this.canvas.getHeight(); + } +}); + + +(function() { + /** + * PencilBrush class + * @class fabric.PencilBrush + * @extends fabric.BaseBrush + */ + fabric.PencilBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.PencilBrush.prototype */ { + + /** + * Discard points that are less than `decimate` pixel distant from each other + * @type Number + * @default 0.4 + */ + decimate: 0.4, + + /** + * Draws a straight line between last recorded point to current pointer + * Used for `shift` functionality + * + * @type boolean + * @default false + */ + drawStraightLine: false, + + /** + * The event modifier key that makes the brush draw a straight line. + * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. + * @type {'altKey' | 'shiftKey' | 'ctrlKey' | 'none' | undefined | null} + */ + straightLineKey: 'shiftKey', + + /** + * Constructor + * @param {fabric.Canvas} canvas + * @return {fabric.PencilBrush} Instance of a pencil brush + */ + initialize: function(canvas) { + this.canvas = canvas; + this._points = []; + }, + + needsFullRender: function () { + return this.callSuper('needsFullRender') || this._hasStraightLine; + }, + + /** + * Invoked inside on mouse down and mouse move + * @param {Object} pointer + */ + _drawSegment: function (ctx, p1, p2) { + var midPoint = p1.midPointFrom(p2); + ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); + return midPoint; + }, + + /** + * Invoked on mouse down + * @param {Object} pointer + */ + onMouseDown: function(pointer, options) { + if (!this.canvas._isMainEvent(options.e)) { + return; + } + this.drawStraightLine = options.e[this.straightLineKey]; + this._prepareForDrawing(pointer); + // capture coordinates immediately + // this allows to draw dots (when movement never occurs) + this._captureDrawingPath(pointer); + this._render(); + }, + + /** + * Invoked on mouse move + * @param {Object} pointer + */ + onMouseMove: function(pointer, options) { + if (!this.canvas._isMainEvent(options.e)) { + return; + } + this.drawStraightLine = options.e[this.straightLineKey]; + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + if (this._captureDrawingPath(pointer) && this._points.length > 1) { + if (this.needsFullRender()) { + // redraw curve + // clear top canvas + this.canvas.clearContext(this.canvas.contextTop); + this._render(); + } + else { + var points = this._points, length = points.length, ctx = this.canvas.contextTop; + // draw the curve update + this._saveAndTransform(ctx); + if (this.oldEnd) { + ctx.beginPath(); + ctx.moveTo(this.oldEnd.x, this.oldEnd.y); + } + this.oldEnd = this._drawSegment(ctx, points[length - 2], points[length - 1], true); + ctx.stroke(); + ctx.restore(); + } + } + }, + + /** + * Invoked on mouse up + */ + onMouseUp: function(options) { + if (!this.canvas._isMainEvent(options.e)) { + return true; + } + this.drawStraightLine = false; + this.oldEnd = undefined; + this._finalizeAndAddPath(); + return false; + }, + + /** + * @private + * @param {Object} pointer Actual mouse position related to the canvas. + */ + _prepareForDrawing: function(pointer) { + + var p = new fabric.Point(pointer.x, pointer.y); + + this._reset(); + this._addPoint(p); + this.canvas.contextTop.moveTo(p.x, p.y); + }, + + /** + * @private + * @param {fabric.Point} point Point to be added to points array + */ + _addPoint: function(point) { + if (this._points.length > 1 && point.eq(this._points[this._points.length - 1])) { + return false; + } + if (this.drawStraightLine && this._points.length > 1) { + this._hasStraightLine = true; + this._points.pop(); + } + this._points.push(point); + return true; + }, + + /** + * Clear points array and set contextTop canvas style. + * @private + */ + _reset: function() { + this._points = []; + this._setBrushStyles(this.canvas.contextTop); + this._setShadow(); + this._hasStraightLine = false; + }, + + /** + * @private + * @param {Object} pointer Actual mouse position related to the canvas. + */ + _captureDrawingPath: function(pointer) { + var pointerPoint = new fabric.Point(pointer.x, pointer.y); + return this._addPoint(pointerPoint); + }, + + /** + * Draw a smooth path on the topCanvas using quadraticCurveTo + * @private + * @param {CanvasRenderingContext2D} [ctx] + */ + _render: function(ctx) { + var i, len, + p1 = this._points[0], + p2 = this._points[1]; + ctx = ctx || this.canvas.contextTop; + this._saveAndTransform(ctx); + ctx.beginPath(); + //if we only have 2 points in the path and they are the same + //it means that the user only clicked the canvas without moving the mouse + //then we should be drawing a dot. A path isn't drawn between two identical dots + //that's why we set them apart a bit + if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { + var width = this.width / 1000; + p1 = new fabric.Point(p1.x, p1.y); + p2 = new fabric.Point(p2.x, p2.y); + p1.x -= width; + p2.x += width; + } + ctx.moveTo(p1.x, p1.y); + + for (i = 1, len = this._points.length; i < len; i++) { + // we pick the point between pi + 1 & pi + 2 as the + // end point and p1 as our control point. + this._drawSegment(ctx, p1, p2); + p1 = this._points[i]; + p2 = this._points[i + 1]; + } + // Draw last line as a straight line while + // we wait for the next point to be able to calculate + // the bezier control point + ctx.lineTo(p1.x, p1.y); + ctx.stroke(); + ctx.restore(); + }, + + /** + * Converts points to SVG path + * @param {Array} points Array of points + * @return {(string|number)[][]} SVG path commands + */ + convertPointsToSVGPath: function (points) { + var correction = this.width / 1000; + return fabric.util.getSmoothPathFromPoints(points, correction); + }, + + /** + * @private + * @param {(string|number)[][]} pathData SVG path commands + * @returns {boolean} + */ + _isEmptySVGPath: function (pathData) { + var pathString = fabric.util.joinPath(pathData); + return pathString === 'M 0 0 Q 0 0 0 0 L 0 0'; + }, + + /** + * Creates fabric.Path object to add on canvas + * @param {(string|number)[][]} pathData Path data + * @return {fabric.Path} Path to add on canvas + */ + createPath: function(pathData) { + var path = new fabric.Path(pathData, { + fill: null, + stroke: this.color, + strokeWidth: this.width, + strokeLineCap: this.strokeLineCap, + strokeMiterLimit: this.strokeMiterLimit, + strokeLineJoin: this.strokeLineJoin, + strokeDashArray: this.strokeDashArray, + }); + if (this.shadow) { + this.shadow.affectStroke = true; + path.shadow = new fabric.Shadow(this.shadow); + } + + return path; + }, + + /** + * Decimate points array with the decimate value + */ + decimatePoints: function(points, distance) { + if (points.length <= 2) { + return points; + } + var zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), + i, l = points.length - 1, lastPoint = points[0], newPoints = [lastPoint], + cDistance; + for (i = 1; i < l - 1; i++) { + cDistance = Math.pow(lastPoint.x - points[i].x, 2) + Math.pow(lastPoint.y - points[i].y, 2); + if (cDistance >= adjustedDistance) { + lastPoint = points[i]; + newPoints.push(lastPoint); + } + } + /** + * Add the last point from the original line to the end of the array. + * This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. + */ + newPoints.push(points[l]); + return newPoints; + }, + + /** + * On mouseup after drawing the path on contextTop canvas + * we use the points captured to create an new fabric path object + * and add it to the fabric canvas. + */ + _finalizeAndAddPath: function() { + var ctx = this.canvas.contextTop; + ctx.closePath(); + if (this.decimate) { + this._points = this.decimatePoints(this._points, this.decimate); + } + var pathData = this.convertPointsToSVGPath(this._points); + if (this._isEmptySVGPath(pathData)) { + // do not create 0 width/height paths, as they are + // rendered inconsistently across browsers + // Firefox 4, for example, renders a dot, + // whereas Chrome 10 renders nothing + this.canvas.requestRenderAll(); + return; + } + + var path = this.createPath(pathData); + this.canvas.clearContext(this.canvas.contextTop); + this.canvas.fire('before:path:created', { path: path }); + this.canvas.add(path); + this.canvas.requestRenderAll(); + path.setCoords(); + this._resetShadow(); + + + // fire event 'path' created + this.canvas.fire('path:created', { path: path }); + } + }); +})(); + + +/** + * CircleBrush class + * @class fabric.CircleBrush + */ +fabric.CircleBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.CircleBrush.prototype */ { + + /** + * Width of a brush + * @type Number + * @default + */ + width: 10, + + /** + * Constructor + * @param {fabric.Canvas} canvas + * @return {fabric.CircleBrush} Instance of a circle brush + */ + initialize: function(canvas) { + this.canvas = canvas; + this.points = []; + }, + + /** + * Invoked inside on mouse down and mouse move + * @param {Object} pointer + */ + drawDot: function(pointer) { + var point = this.addPoint(pointer), + ctx = this.canvas.contextTop; + this._saveAndTransform(ctx); + this.dot(ctx, point); + ctx.restore(); + }, + + dot: function(ctx, point) { + ctx.fillStyle = point.fill; + ctx.beginPath(); + ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); + ctx.closePath(); + ctx.fill(); + }, + + /** + * Invoked on mouse down + */ + onMouseDown: function(pointer) { + this.points.length = 0; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + this.drawDot(pointer); + }, + + /** + * Render the full state of the brush + * @private + */ + _render: function() { + var ctx = this.canvas.contextTop, i, len, + points = this.points; + this._saveAndTransform(ctx); + for (i = 0, len = points.length; i < len; i++) { + this.dot(ctx, points[i]); + } + ctx.restore(); + }, + + /** + * Invoked on mouse move + * @param {Object} pointer + */ + onMouseMove: function(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + if (this.needsFullRender()) { + this.canvas.clearContext(this.canvas.contextTop); + this.addPoint(pointer); + this._render(); + } + else { + this.drawDot(pointer); + } + }, + + /** + * Invoked on mouse up + */ + onMouseUp: function() { + var originalRenderOnAddRemove = this.canvas.renderOnAddRemove, i, len; + this.canvas.renderOnAddRemove = false; + + var circles = []; + + for (i = 0, len = this.points.length; i < len; i++) { + var point = this.points[i], + circle = new fabric.Circle({ + radius: point.radius, + left: point.x, + top: point.y, + originX: 'center', + originY: 'center', + fill: point.fill + }); + + this.shadow && (circle.shadow = new fabric.Shadow(this.shadow)); + + circles.push(circle); + } + var group = new fabric.Group(circles); + group.canvas = this.canvas; + + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + }, + + /** + * @param {Object} pointer + * @return {fabric.Point} Just added pointer point + */ + addPoint: function(pointer) { + var pointerPoint = new fabric.Point(pointer.x, pointer.y), + + circleRadius = fabric.util.getRandomInt( + Math.max(0, this.width - 20), this.width + 20) / 2, + + circleColor = new fabric.Color(this.color) + .setAlpha(fabric.util.getRandomInt(0, 100) / 100) + .toRgba(); + + pointerPoint.radius = circleRadius; + pointerPoint.fill = circleColor; + + this.points.push(pointerPoint); + + return pointerPoint; + } +}); + + +/** + * SprayBrush class + * @class fabric.SprayBrush + */ +fabric.SprayBrush = fabric.util.createClass( fabric.BaseBrush, /** @lends fabric.SprayBrush.prototype */ { + + /** + * Width of a spray + * @type Number + * @default + */ + width: 10, + + /** + * Density of a spray (number of dots per chunk) + * @type Number + * @default + */ + density: 20, + + /** + * Width of spray dots + * @type Number + * @default + */ + dotWidth: 1, + + /** + * Width variance of spray dots + * @type Number + * @default + */ + dotWidthVariance: 1, + + /** + * Whether opacity of a dot should be random + * @type Boolean + * @default + */ + randomOpacity: false, + + /** + * Whether overlapping dots (rectangles) should be removed (for performance reasons) + * @type Boolean + * @default + */ + optimizeOverlapping: true, + + /** + * Constructor + * @param {fabric.Canvas} canvas + * @return {fabric.SprayBrush} Instance of a spray brush + */ + initialize: function(canvas) { + this.canvas = canvas; + this.sprayChunks = []; + }, + + /** + * Invoked on mouse down + * @param {Object} pointer + */ + onMouseDown: function(pointer) { + this.sprayChunks.length = 0; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + + this.addSprayChunk(pointer); + this.render(this.sprayChunkPoints); + }, + + /** + * Invoked on mouse move + * @param {Object} pointer + */ + onMouseMove: function(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + this.addSprayChunk(pointer); + this.render(this.sprayChunkPoints); + }, + + /** + * Invoked on mouse up + */ + onMouseUp: function() { + var originalRenderOnAddRemove = this.canvas.renderOnAddRemove; + this.canvas.renderOnAddRemove = false; + + var rects = []; + + for (var i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { + var sprayChunk = this.sprayChunks[i]; + + for (var j = 0, jlen = sprayChunk.length; j < jlen; j++) { + + var rect = new fabric.Rect({ + width: sprayChunk[j].width, + height: sprayChunk[j].width, + left: sprayChunk[j].x + 1, + top: sprayChunk[j].y + 1, + originX: 'center', + originY: 'center', + fill: this.color + }); + rects.push(rect); + } + } + + if (this.optimizeOverlapping) { + rects = this._getOptimizedRects(rects); + } + + var group = new fabric.Group(rects); + this.shadow && group.set('shadow', new fabric.Shadow(this.shadow)); + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + }, + + /** + * @private + * @param {Array} rects + */ + _getOptimizedRects: function(rects) { + + // avoid creating duplicate rects at the same coordinates + var uniqueRects = { }, key, i, len; + + for (i = 0, len = rects.length; i < len; i++) { + key = rects[i].left + '' + rects[i].top; + if (!uniqueRects[key]) { + uniqueRects[key] = rects[i]; + } + } + var uniqueRectsArray = []; + for (key in uniqueRects) { + uniqueRectsArray.push(uniqueRects[key]); + } + + return uniqueRectsArray; + }, + + /** + * Render new chunk of spray brush + */ + render: function(sprayChunk) { + var ctx = this.canvas.contextTop, i, len; + ctx.fillStyle = this.color; + + this._saveAndTransform(ctx); + + for (i = 0, len = sprayChunk.length; i < len; i++) { + var point = sprayChunk[i]; + if (typeof point.opacity !== 'undefined') { + ctx.globalAlpha = point.opacity; + } + ctx.fillRect(point.x, point.y, point.width, point.width); + } + ctx.restore(); + }, + + /** + * Render all spray chunks + */ + _render: function() { + var ctx = this.canvas.contextTop, i, ilen; + ctx.fillStyle = this.color; + + this._saveAndTransform(ctx); + + for (i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { + this.render(this.sprayChunks[i]); + } + ctx.restore(); + }, + + /** + * @param {Object} pointer + */ + addSprayChunk: function(pointer) { + this.sprayChunkPoints = []; + + var x, y, width, radius = this.width / 2, i; + + for (i = 0; i < this.density; i++) { + + x = fabric.util.getRandomInt(pointer.x - radius, pointer.x + radius); + y = fabric.util.getRandomInt(pointer.y - radius, pointer.y + radius); + + if (this.dotWidthVariance) { + width = fabric.util.getRandomInt( + // bottom clamp width to 1 + Math.max(1, this.dotWidth - this.dotWidthVariance), + this.dotWidth + this.dotWidthVariance); + } + else { + width = this.dotWidth; + } + + var point = new fabric.Point(x, y); + point.width = width; + + if (this.randomOpacity) { + point.opacity = fabric.util.getRandomInt(0, 100) / 100; + } + + this.sprayChunkPoints.push(point); + } + + this.sprayChunks.push(this.sprayChunkPoints); + } +}); + + +/** + * PatternBrush class + * @class fabric.PatternBrush + * @extends fabric.BaseBrush + */ +fabric.PatternBrush = fabric.util.createClass(fabric.PencilBrush, /** @lends fabric.PatternBrush.prototype */ { + + getPatternSrc: function() { + + var dotWidth = 20, + dotDistance = 5, + patternCanvas = fabric.util.createCanvasElement(), + patternCtx = patternCanvas.getContext('2d'); + + patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; + + patternCtx.fillStyle = this.color; + patternCtx.beginPath(); + patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); + patternCtx.closePath(); + patternCtx.fill(); + + return patternCanvas; + }, + + getPatternSrcFunction: function() { + return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); + }, + + /** + * Creates "pattern" instance property + * @param {CanvasRenderingContext2D} ctx + */ + getPattern: function(ctx) { + return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); + }, + + /** + * Sets brush styles + * @param {CanvasRenderingContext2D} ctx + */ + _setBrushStyles: function(ctx) { + this.callSuper('_setBrushStyles', ctx); + ctx.strokeStyle = this.getPattern(ctx); + }, + + /** + * Creates path + */ + createPath: function(pathData) { + var path = this.callSuper('createPath', pathData), + topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); + + path.stroke = new fabric.Pattern({ + source: this.source || this.getPatternSrcFunction(), + offsetX: -topLeft.x, + offsetY: -topLeft.y + }); + return path; + } +}); + + +(function() { + + var getPointer = fabric.util.getPointer, + degreesToRadians = fabric.util.degreesToRadians, + isTouchEvent = fabric.util.isTouchEvent; + + /** + * Canvas class + * @class fabric.Canvas + * @extends fabric.StaticCanvas + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} + * @see {@link fabric.Canvas#initialize} for constructor definition + * + * @fires object:modified at the end of a transform or any change when statefull is true + * @fires object:rotating while an object is being rotated from the control + * @fires object:scaling while an object is being scaled by controls + * @fires object:moving while an object is being dragged + * @fires object:skewing while an object is being skewed from the controls + * + * @fires before:transform before a transform is is started + * @fires before:selection:cleared + * @fires selection:cleared + * @fires selection:updated + * @fires selection:created + * + * @fires path:created after a drawing operation ends and the path is added + * @fires mouse:down + * @fires mouse:move + * @fires mouse:up + * @fires mouse:down:before on mouse down, before the inner fabric logic runs + * @fires mouse:move:before on mouse move, before the inner fabric logic runs + * @fires mouse:up:before on mouse up, before the inner fabric logic runs + * @fires mouse:over + * @fires mouse:out + * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drop:before before drop event. same native event. This is added to handle edge cases + * @fires drop + * @fires after:render at the end of the render process, receives the context in the callback + * @fires before:render at start the render process, receives the context in the callback + * + */ + fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, /** @lends fabric.Canvas.prototype */ { + + /** + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function(el, options) { + options || (options = { }); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + this._initInteractive(); + this._createCacheCanvas(); + }, + + /** + * When true, objects can be transformed by one side (unproportionally) + * when dragged on the corners that normally would not do that. + * @type Boolean + * @default + * @since fabric 4.0 // changed name and default value + */ + uniformScaling: true, + + /** + * Indicates which key switches uniform scaling. + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * totally wrong named. this sounds like `uniform scaling` + * if Canvas.uniformScaling is true, pressing this will set it to false + * and viceversa. + * @since 1.6.2 + * @type String + * @default + */ + uniScaleKey: 'shiftKey', + + /** + * When true, objects use center point as the origin of scale transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredScaling: false, + + /** + * When true, objects use center point as the origin of rotate transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredRotation: false, + + /** + * Indicates which key enable centered Transform + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type String + * @default + */ + centeredKey: 'altKey', + + /** + * Indicates which key enable alternate action on corner + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type String + * @default + */ + altActionKey: 'shiftKey', + + /** + * Indicates that canvas is interactive. This property should not be changed. + * @type Boolean + * @default + */ + interactive: true, + + /** + * Indicates whether group selection should be enabled + * @type Boolean + * @default + */ + selection: true, + + /** + * Indicates which key or keys enable multiple click selection + * Pass value as a string or array of strings + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or empty or containing any other string that is not a modifier key + * feature is disabled. + * @since 1.6.2 + * @type String|Array + * @default + */ + selectionKey: 'shiftKey', + + /** + * Indicates which key enable alternative selection + * in case of target overlapping with active object + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * For a series of reason that come from the general expectations on how + * things should work, this feature works only for preserveObjectStacking true. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * @since 1.6.5 + * @type null|String + * @default + */ + altSelectionKey: null, + + /** + * Color of selection + * @type String + * @default + */ + selectionColor: 'rgba(100, 100, 255, 0.3)', // blue + + /** + * Default dash array pattern + * If not empty the selection border is dashed + * @type Array + */ + selectionDashArray: [], + + /** + * Color of the border of selection (usually slightly darker than color of selection itself) + * @type String + * @default + */ + selectionBorderColor: 'rgba(255, 255, 255, 0.3)', + + /** + * Width of a line used in object/group selection + * @type Number + * @default + */ + selectionLineWidth: 1, + + /** + * Select only shapes that are fully contained in the dragged selection rectangle. + * @type Boolean + * @default + */ + selectionFullyContained: false, + + /** + * Default cursor value used when hovering over an object on canvas + * @type String + * @default + */ + hoverCursor: 'move', + + /** + * Default cursor value used when moving an object on canvas + * @type String + * @default + */ + moveCursor: 'move', + + /** + * Default cursor value used for the entire canvas + * @type String + * @default + */ + defaultCursor: 'default', + + /** + * Cursor value used during free drawing + * @type String + * @default + */ + freeDrawingCursor: 'crosshair', + + /** + * Cursor value used for disabled elements ( corners with disabled action ) + * @type String + * @since 2.0.0 + * @default + */ + notAllowedCursor: 'not-allowed', + + /** + * Default element class that's given to wrapper (div) element of canvas + * @type String + * @default + */ + containerClass: 'canvas-container', + + /** + * When true, object detection happens on per-pixel basis rather than on per-bounding-box + * @type Boolean + * @default + */ + perPixelTargetFind: false, + + /** + * Number of pixels around target pixel to tolerate (consider active) during object detection + * @type Number + * @default + */ + targetFindTolerance: 0, + + /** + * When true, target detection is skipped. Target detection will return always undefined. + * click selection won't work anymore, events will fire with no targets. + * if something is selected before setting it to true, it will be deselected at the first click. + * area selection will still work. check the `selection` property too. + * if you deactivate both, you should look into staticCanvas. + * @type Boolean + * @default + */ + skipTargetFind: false, + + /** + * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. + * After mousedown, mousemove creates a shape, + * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. + * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} + * @type Boolean + * @default + */ + isDrawingMode: false, + + /** + * Indicates whether objects should remain in current stack position when selected. + * When false objects are brought to top and rendered as part of the selection group + * @type Boolean + * @default + */ + preserveObjectStacking: false, + + /** + * Indicates the angle that an object will lock to while rotating. + * @type Number + * @since 1.6.7 + * @default + */ + snapAngle: 0, + + /** + * Indicates the distance from the snapAngle the rotation will lock to the snapAngle. + * When `null`, the snapThreshold will default to the snapAngle. + * @type null|Number + * @since 1.6.7 + * @default + */ + snapThreshold: null, + + /** + * Indicates if the right click on canvas can output the context menu or not + * @type Boolean + * @since 1.6.5 + * @default + */ + stopContextMenu: false, + + /** + * Indicates if the canvas can fire right click events + * @type Boolean + * @since 1.6.5 + * @default + */ + fireRightClick: false, + + /** + * Indicates if the canvas can fire middle click events + * @type Boolean + * @since 1.7.8 + * @default + */ + fireMiddleClick: false, + + /** + * Keep track of the subTargets for Mouse Events + * @type fabric.Object[] + */ + targets: [], + + /** + * When the option is enabled, PointerEvent is used instead of MouseEvent. + * @type Boolean + * @default + */ + enablePointerEvents: false, + + /** + * Keep track of the hovered target + * @type fabric.Object + * @private + */ + _hoveredTarget: null, + + /** + * hold the list of nested targets hovered + * @type fabric.Object[] + * @private + */ + _hoveredTargets: [], + + /** + * @private + */ + _initInteractive: function() { + this._currentTransform = null; + this._groupSelector = null; + this._initWrapperElement(); + this._createUpperCanvas(); + this._initEventListeners(); + + this._initRetinaScaling(); + + this.freeDrawingBrush = fabric.PencilBrush && new fabric.PencilBrush(this); + + this.calcOffset(); + }, + + /** + * Divides objects in two groups, one to render immediately + * and one to render as activeGroup. + * @return {Array} objects to render immediately and pushes the other in the activeGroup. + */ + _chooseObjectsToRender: function() { + var activeObjects = this.getActiveObjects(), + object, objsToRender, activeGroupObjects; + + if (activeObjects.length > 0 && !this.preserveObjectStacking) { + objsToRender = []; + activeGroupObjects = []; + for (var i = 0, length = this._objects.length; i < length; i++) { + object = this._objects[i]; + if (activeObjects.indexOf(object) === -1 ) { + objsToRender.push(object); + } + else { + activeGroupObjects.push(object); + } + } + if (activeObjects.length > 1) { + this._activeObject._objects = activeGroupObjects; + } + objsToRender.push.apply(objsToRender, activeGroupObjects); + } + else { + objsToRender = this._objects; + } + return objsToRender; + }, + + /** + * Renders both the top canvas and the secondary container canvas. + * @return {fabric.Canvas} instance + * @chainable + */ + renderAll: function () { + if (this.contextTopDirty && !this._groupSelector && !this.isDrawingMode) { + this.clearContext(this.contextTop); + this.contextTopDirty = false; + } + if (this.hasLostContext) { + this.renderTopLayer(this.contextTop); + this.hasLostContext = false; + } + var canvasToDrawOn = this.contextContainer; + this.renderCanvas(canvasToDrawOn, this._chooseObjectsToRender()); + return this; + }, + + renderTopLayer: function(ctx) { + ctx.save(); + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this.freeDrawingBrush && this.freeDrawingBrush._render(); + this.contextTopDirty = true; + } + // we render the top context - last object + if (this.selection && this._groupSelector) { + this._drawSelection(ctx); + this.contextTopDirty = true; + } + ctx.restore(); + }, + + /** + * Method to render only the top canvas. + * Also used to render the group selection box. + * @return {fabric.Canvas} thisArg + * @chainable + */ + renderTop: function () { + var ctx = this.contextTop; + this.clearContext(ctx); + this.renderTopLayer(ctx); + this.fire('after:render'); + return this; + }, + + /** + * @private + */ + _normalizePointer: function (object, pointer) { + var m = object.calcTransformMatrix(), + invertedM = fabric.util.invertTransform(m), + vptPointer = this.restorePointerVpt(pointer); + return fabric.util.transformPoint(vptPointer, invertedM); + }, + + /** + * Returns true if object is transparent at a certain location + * @param {fabric.Object} target Object to check + * @param {Number} x Left coordinate + * @param {Number} y Top coordinate + * @return {Boolean} + */ + isTargetTransparent: function (target, x, y) { + // in case the target is the activeObject, we cannot execute this optimization + // because we need to draw controls too. + if (target.shouldCache() && target._cacheCanvas && target !== this._activeObject) { + var normalizedPointer = this._normalizePointer(target, {x: x, y: y}), + targetRelativeX = Math.max(target.cacheTranslationX + (normalizedPointer.x * target.zoomX), 0), + targetRelativeY = Math.max(target.cacheTranslationY + (normalizedPointer.y * target.zoomY), 0); + + var isTransparent = fabric.util.isTransparent( + target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); + + return isTransparent; + } + + var ctx = this.contextCache, + originalColor = target.selectionBackgroundColor, v = this.viewportTransform; + + target.selectionBackgroundColor = ''; + + this.clearContext(ctx); + + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + target.render(ctx); + ctx.restore(); + + target.selectionBackgroundColor = originalColor; + + var isTransparent = fabric.util.isTransparent( + ctx, x, y, this.targetFindTolerance); + + return isTransparent; + }, + + /** + * takes an event and determines if selection key has been pressed + * @private + * @param {Event} e Event object + */ + _isSelectionKeyPressed: function(e) { + var selectionKeyPressed = false; + + if (Object.prototype.toString.call(this.selectionKey) === '[object Array]') { + selectionKeyPressed = !!this.selectionKey.find(function(key) { return e[key] === true; }); + } + else { + selectionKeyPressed = e[this.selectionKey]; + } + + return selectionKeyPressed; + }, + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _shouldClearSelection: function (e, target) { + var activeObjects = this.getActiveObjects(), + activeObject = this._activeObject; + + return ( + !target + || + (target && + activeObject && + activeObjects.length > 1 && + activeObjects.indexOf(target) === -1 && + activeObject !== target && + !this._isSelectionKeyPressed(e)) + || + (target && !target.evented) + || + (target && + !target.selectable && + activeObject && + activeObject !== target) + ); + }, + + /** + * centeredScaling from object can't override centeredScaling from canvas. + * this should be fixed, since object setting should take precedence over canvas. + * also this should be something that will be migrated in the control properties. + * as ability to define the origin of the transformation that the control provide. + * @private + * @param {fabric.Object} target + * @param {String} action + * @param {Boolean} altKey + */ + _shouldCenterTransform: function (target, action, altKey) { + if (!target) { + return; + } + + var centerTransform; + + if (action === 'scale' || action === 'scaleX' || action === 'scaleY' || action === 'resizing') { + centerTransform = this.centeredScaling || target.centeredScaling; + } + else if (action === 'rotate') { + centerTransform = this.centeredRotation || target.centeredRotation; + } + + return centerTransform ? !altKey : altKey; + }, + + /** + * should disappear before release 4.0 + * @private + */ + _getOriginFromCorner: function(target, corner) { + var origin = { + x: target.originX, + y: target.originY + }; + + if (corner === 'ml' || corner === 'tl' || corner === 'bl') { + origin.x = 'right'; + } + else if (corner === 'mr' || corner === 'tr' || corner === 'br') { + origin.x = 'left'; + } + + if (corner === 'tl' || corner === 'mt' || corner === 'tr') { + origin.y = 'bottom'; + } + else if (corner === 'bl' || corner === 'mb' || corner === 'br') { + origin.y = 'top'; + } + return origin; + }, + + /** + * @private + * @param {Boolean} alreadySelected true if target is already selected + * @param {String} corner a string representing the corner ml, mr, tl ... + * @param {Event} e Event object + * @param {fabric.Object} [target] inserted back to help overriding. Unused + */ + _getActionFromCorner: function(alreadySelected, corner, e, target) { + if (!corner || !alreadySelected) { + return 'drag'; + } + var control = target.controls[corner]; + return control.getActionName(e, control, target); + }, + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _setupCurrentTransform: function (e, target, alreadySelected) { + if (!target) { + return; + } + + var pointer = this.getPointer(e), corner = target.__corner, + control = target.controls[corner], + actionHandler = (alreadySelected && corner) ? + control.getActionHandler(e, target, control) : fabric.controlsUtils.dragHandler, + action = this._getActionFromCorner(alreadySelected, corner, e, target), + origin = this._getOriginFromCorner(target, corner), + altKey = e[this.centeredKey], + transform = { + target: target, + action: action, + actionHandler: actionHandler, + corner: corner, + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + // used by transation + offsetX: pointer.x - target.left, + offsetY: pointer.y - target.top, + originX: origin.x, + originY: origin.y, + ex: pointer.x, + ey: pointer.y, + lastX: pointer.x, + lastY: pointer.y, + // unsure they are useful anymore. + // left: target.left, + // top: target.top, + theta: degreesToRadians(target.angle), + // end of unsure + width: target.width * target.scaleX, + shiftKey: e.shiftKey, + altKey: altKey, + original: fabric.util.saveObjectTransform(target), + }; + + if (this._shouldCenterTransform(target, action, altKey)) { + transform.originX = 'center'; + transform.originY = 'center'; + } + transform.original.originX = origin.x; + transform.original.originY = origin.y; + this._currentTransform = transform; + this._beforeTransform(e); + }, + + /** + * Set the cursor type of the canvas element + * @param {String} value Cursor type of the canvas element. + * @see http://www.w3.org/TR/css3-ui/#cursor + */ + setCursor: function (value) { + this.upperCanvasEl.style.cursor = value; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx to draw the selection on + */ + _drawSelection: function (ctx) { + var selector = this._groupSelector, + viewportStart = new fabric.Point(selector.ex, selector.ey), + start = fabric.util.transformPoint(viewportStart, this.viewportTransform), + viewportExtent = new fabric.Point(selector.ex + selector.left, selector.ey + selector.top), + extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), + minX = Math.min(start.x, extent.x), + minY = Math.min(start.y, extent.y), + maxX = Math.max(start.x, extent.x), + maxY = Math.max(start.y, extent.y), + strokeOffset = this.selectionLineWidth / 2; + + if (this.selectionColor) { + ctx.fillStyle = this.selectionColor; + ctx.fillRect(minX, minY, maxX - minX, maxY - minY); + } + + if (!this.selectionLineWidth || !this.selectionBorderColor) { + return; + } + ctx.lineWidth = this.selectionLineWidth; + ctx.strokeStyle = this.selectionBorderColor; + + minX += strokeOffset; + minY += strokeOffset; + maxX -= strokeOffset; + maxY -= strokeOffset; + // selection border + fabric.Object.prototype._setLineDash.call(this, ctx, this.selectionDashArray); + ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); + }, + + /** + * Method that determines what object we are clicking on + * the skipGroup parameter is for internal use, is needed for shift+click action + * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target + * or the outside part of the corner. + * @param {Event} e mouse event + * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through + * @return {fabric.Object} the target found + */ + findTarget: function (e, skipGroup) { + if (this.skipTargetFind) { + return; + } + + var ignoreZoom = true, + pointer = this.getPointer(e, ignoreZoom), + activeObject = this._activeObject, + aObjects = this.getActiveObjects(), + activeTarget, activeTargetSubs, + isTouch = isTouchEvent(e), + shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; + + // first check current group (if one exists) + // active group does not check sub targets like normal groups. + // if active group just exits. + this.targets = []; + + // if we hit the corner of an activeObject, let's return that. + if (shouldLookForActive && activeObject._findTargetCorner(pointer, isTouch)) { + return activeObject; + } + if (aObjects.length > 1 && !skipGroup && activeObject === this._searchPossibleTargets([activeObject], pointer)) { + return activeObject; + } + if (aObjects.length === 1 && + activeObject === this._searchPossibleTargets([activeObject], pointer)) { + if (!this.preserveObjectStacking) { + return activeObject; + } + else { + activeTarget = activeObject; + activeTargetSubs = this.targets; + this.targets = []; + } + } + var target = this._searchPossibleTargets(this._objects, pointer); + if (e[this.altSelectionKey] && target && activeTarget && target !== activeTarget) { + target = activeTarget; + this.targets = activeTargetSubs; + } + return target; + }, + + /** + * Checks point is inside the object. + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @param {fabric.Object} obj Object to test against + * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. + * @return {Boolean} true if point is contained within an area of given object + * @private + */ + _checkTarget: function(pointer, obj, globalPointer) { + if (obj && + obj.visible && + obj.evented && + // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html + // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html + obj.containsPoint(pointer) + ) { + if ((this.perPixelTargetFind || obj.perPixelTargetFind) && !obj.isEditing) { + var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); + if (!isTransparent) { + return true; + } + } + else { + return true; + } + } + }, + + /** + * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted + * @param {Array} [objects] objects array to look into + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @return {fabric.Object} object that contains pointer + * @private + */ + _searchPossibleTargets: function(objects, pointer) { + // Cache all targets where their bounding box contains point. + var target, i = objects.length, subTarget; + // Do not check for currently grouped objects, since we check the parent group itself. + // until we call this function specifically to search inside the activeGroup + while (i--) { + var objToCheck = objects[i]; + var pointerToUse = objToCheck.group ? + this._normalizePointer(objToCheck.group, pointer) : pointer; + if (this._checkTarget(pointerToUse, objToCheck, pointer)) { + target = objects[i]; + if (target.subTargetCheck && target instanceof fabric.Group) { + subTarget = this._searchPossibleTargets(target._objects, pointer); + subTarget && this.targets.push(subTarget); + } + break; + } + } + return target; + }, + + /** + * Returns pointer coordinates without the effect of the viewport + * @param {Object} pointer with "x" and "y" number values + * @return {Object} object with "x" and "y" number values + */ + restorePointerVpt: function(pointer) { + return fabric.util.transformPoint( + pointer, + fabric.util.invertTransform(this.viewportTransform) + ); + }, + + /** + * Returns pointer coordinates relative to canvas. + * Can return coordinates with or without viewportTransform. + * ignoreZoom false gives back coordinates that represent + * the point clicked on canvas element. + * ignoreZoom true gives back coordinates after being processed + * by the viewportTransform ( sort of coordinates of what is displayed + * on the canvas where you are clicking. + * ignoreZoom true = HTMLElement coordinates relative to top,left + * ignoreZoom false, default = fabric space coordinates, the same used for shape position + * To interact with your shapes top and left you want to use ignoreZoom true + * most of the time, while ignoreZoom false will give you coordinates + * compatible with the object.oCoords system. + * of the time. + * @param {Event} e + * @param {Boolean} ignoreZoom + * @return {Object} object with "x" and "y" number values + */ + getPointer: function (e, ignoreZoom) { + // return cached values if we are in the event processing chain + if (this._absolutePointer && !ignoreZoom) { + return this._absolutePointer; + } + if (this._pointer && ignoreZoom) { + return this._pointer; + } + + var pointer = getPointer(e), + upperCanvasEl = this.upperCanvasEl, + bounds = upperCanvasEl.getBoundingClientRect(), + boundsWidth = bounds.width || 0, + boundsHeight = bounds.height || 0, + cssScale; + + if (!boundsWidth || !boundsHeight ) { + if ('top' in bounds && 'bottom' in bounds) { + boundsHeight = Math.abs( bounds.top - bounds.bottom ); + } + if ('right' in bounds && 'left' in bounds) { + boundsWidth = Math.abs( bounds.right - bounds.left ); + } + } + + this.calcOffset(); + pointer.x = pointer.x - this._offset.left; + pointer.y = pointer.y - this._offset.top; + if (!ignoreZoom) { + pointer = this.restorePointerVpt(pointer); + } + + var retinaScaling = this.getRetinaScaling(); + if (retinaScaling !== 1) { + pointer.x /= retinaScaling; + pointer.y /= retinaScaling; + } + + if (boundsWidth === 0 || boundsHeight === 0) { + // If bounds are not available (i.e. not visible), do not apply scale. + cssScale = { width: 1, height: 1 }; + } + else { + cssScale = { + width: upperCanvasEl.width / boundsWidth, + height: upperCanvasEl.height / boundsHeight + }; + } + + return { + x: pointer.x * cssScale.width, + y: pointer.y * cssScale.height + }; + }, + + /** + * @private + * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized + */ + _createUpperCanvas: function () { + var lowerCanvasClass = this.lowerCanvasEl.className.replace(/\s*lower-canvas\s*/, ''), + lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; + + // there is no need to create a new upperCanvas element if we have already one. + if (upperCanvasEl) { + upperCanvasEl.className = ''; + } + else { + upperCanvasEl = this._createCanvasElement(); + this.upperCanvasEl = upperCanvasEl; + } + fabric.util.addClass(upperCanvasEl, 'upper-canvas ' + lowerCanvasClass); + + this.wrapperEl.appendChild(upperCanvasEl); + + this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); + this._applyCanvasStyle(upperCanvasEl); + this.contextTop = upperCanvasEl.getContext('2d'); + }, + + /** + * @private + */ + _createCacheCanvas: function () { + this.cacheCanvasEl = this._createCanvasElement(); + this.cacheCanvasEl.setAttribute('width', this.width); + this.cacheCanvasEl.setAttribute('height', this.height); + this.contextCache = this.cacheCanvasEl.getContext('2d'); + }, + + /** + * @private + */ + _initWrapperElement: function () { + this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, 'div', { + 'class': this.containerClass + }); + fabric.util.setStyle(this.wrapperEl, { + width: this.width + 'px', + height: this.height + 'px', + position: 'relative' + }); + fabric.util.makeElementUnselectable(this.wrapperEl); + }, + + /** + * @private + * @param {HTMLElement} element canvas element to apply styles on + */ + _applyCanvasStyle: function (element) { + var width = this.width || element.width, + height = this.height || element.height; + + fabric.util.setStyle(element, { + position: 'absolute', + width: width + 'px', + height: height + 'px', + left: 0, + top: 0, + 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', + '-ms-touch-action': this.allowTouchScrolling ? 'manipulation' : 'none' + }); + element.width = width; + element.height = height; + fabric.util.makeElementUnselectable(element); + }, + + /** + * Copy the entire inline style from one element (fromEl) to another (toEl) + * @private + * @param {Element} fromEl Element style is copied from + * @param {Element} toEl Element copied style is applied to + */ + _copyCanvasStyle: function (fromEl, toEl) { + toEl.style.cssText = fromEl.style.cssText; + }, + + /** + * Returns context of canvas where object selection is drawn + * @return {CanvasRenderingContext2D} + */ + getSelectionContext: function() { + return this.contextTop; + }, + + /** + * Returns <canvas> element on which object selection is drawn + * @return {HTMLCanvasElement} + */ + getSelectionElement: function () { + return this.upperCanvasEl; + }, + + /** + * Returns currently active object + * @return {fabric.Object} active object + */ + getActiveObject: function () { + return this._activeObject; + }, + + /** + * Returns an array with the current selected objects + * @return {fabric.Object} active object + */ + getActiveObjects: function () { + var active = this._activeObject; + if (active) { + if (active.type === 'activeSelection' && active._objects) { + return active._objects.slice(0); + } + else { + return [active]; + } + } + return []; + }, + + /** + * @private + * @param {fabric.Object} obj Object that was removed + */ + _onObjectRemoved: function(obj) { + // removing active object should fire "selection:cleared" events + if (obj === this._activeObject) { + this.fire('before:selection:cleared', { target: obj }); + this._discardActiveObject(); + this.fire('selection:cleared', { target: obj }); + obj.fire('deselected'); + } + if (obj === this._hoveredTarget){ + this._hoveredTarget = null; + this._hoveredTargets = []; + } + this.callSuper('_onObjectRemoved', obj); + }, + + /** + * @private + * Compares the old activeObject with the current one and fires correct events + * @param {fabric.Object} obj old activeObject + */ + _fireSelectionEvents: function(oldObjects, e) { + var somethingChanged = false, objects = this.getActiveObjects(), + added = [], removed = []; + oldObjects.forEach(function(oldObject) { + if (objects.indexOf(oldObject) === -1) { + somethingChanged = true; + oldObject.fire('deselected', { + e: e, + target: oldObject + }); + removed.push(oldObject); + } + }); + objects.forEach(function(object) { + if (oldObjects.indexOf(object) === -1) { + somethingChanged = true; + object.fire('selected', { + e: e, + target: object + }); + added.push(object); + } + }); + if (oldObjects.length > 0 && objects.length > 0) { + somethingChanged && this.fire('selection:updated', { + e: e, + selected: added, + deselected: removed, + }); + } + else if (objects.length > 0) { + this.fire('selection:created', { + e: e, + selected: added, + }); + } + else if (oldObjects.length > 0) { + this.fire('selection:cleared', { + e: e, + deselected: removed, + }); + } + }, + + /** + * Sets given object as the only active object on canvas + * @param {fabric.Object} object Object to set as an active one + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {fabric.Canvas} thisArg + * @chainable + */ + setActiveObject: function (object, e) { + var currentActives = this.getActiveObjects(); + this._setActiveObject(object, e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + + /** + * This is a private method for now. + * This is supposed to be equivalent to setActiveObject but without firing + * any event. There is commitment to have this stay this way. + * This is the functional part of setActiveObject. + * @private + * @param {Object} object to set as active + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {Boolean} true if the selection happened + */ + _setActiveObject: function(object, e) { + if (this._activeObject === object) { + return false; + } + if (!this._discardActiveObject(e, object)) { + return false; + } + if (object.onSelect({ e: e })) { + return false; + } + this._activeObject = object; + return true; + }, + + /** + * This is a private method for now. + * This is supposed to be equivalent to discardActiveObject but without firing + * any events. There is commitment to have this stay this way. + * This is the functional part of discardActiveObject. + * @param {Event} [e] Event (passed along when firing "object:deselected") + * @param {Object} object to set as active + * @return {Boolean} true if the selection happened + * @private + */ + _discardActiveObject: function(e, object) { + var obj = this._activeObject; + if (obj) { + // onDeselect return TRUE to cancel selection; + if (obj.onDeselect({ e: e, object: object })) { + return false; + } + this._activeObject = null; + } + return true; + }, + + /** + * Discards currently active object and fire events. If the function is called by fabric + * as a consequence of a mouse event, the event is passed as a parameter and + * sent to the fire function for the custom events. When used as a method the + * e param does not have any application. + * @param {event} e + * @return {fabric.Canvas} thisArg + * @chainable + */ + discardActiveObject: function (e) { + var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); + if (currentActives.length) { + this.fire('before:selection:cleared', { target: activeObject, e: e }); + } + this._discardActiveObject(e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + + /** + * Clears a canvas element and removes all event listeners + * @return {fabric.Canvas} thisArg + * @chainable + */ + dispose: function () { + var wrapper = this.wrapperEl; + this.removeListeners(); + wrapper.removeChild(this.upperCanvasEl); + wrapper.removeChild(this.lowerCanvasEl); + this.contextCache = null; + this.contextTop = null; + ['upperCanvasEl', 'cacheCanvasEl'].forEach((function(element) { + fabric.util.cleanUpJsdomNode(this[element]); + this[element] = undefined; + }).bind(this)); + if (wrapper.parentNode) { + wrapper.parentNode.replaceChild(this.lowerCanvasEl, this.wrapperEl); + } + delete this.wrapperEl; + fabric.StaticCanvas.prototype.dispose.call(this); + return this; + }, + + /** + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable + */ + clear: function () { + // this.discardActiveGroup(); + this.discardActiveObject(); + this.clearContext(this.contextTop); + return this.callSuper('clear'); + }, + + /** + * Draws objects' controls (borders/controls) + * @param {CanvasRenderingContext2D} ctx Context to render controls on + */ + drawControls: function(ctx) { + var activeObject = this._activeObject; + + if (activeObject) { + activeObject._renderControls(ctx); + } + }, + + /** + * @private + */ + _toObject: function(instance, methodName, propertiesToInclude) { + //If the object is part of the current selection group, it should + //be transformed appropriately + //i.e. it should be serialised as it would appear if the selection group + //were to be destroyed. + var originalProperties = this._realizeGroupTransformOnObject(instance), + object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); + //Undo the damage we did by changing all of its properties + this._unwindGroupTransformOnObject(instance, originalProperties); + return object; + }, + + /** + * Realises an object's group transformation on it + * @private + * @param {fabric.Object} [instance] the object to transform (gets mutated) + * @returns the original values of instance which were changed + */ + _realizeGroupTransformOnObject: function(instance) { + if (instance.group && instance.group.type === 'activeSelection' && this._activeObject === instance.group) { + var layoutProps = ['angle', 'flipX', 'flipY', 'left', 'scaleX', 'scaleY', 'skewX', 'skewY', 'top']; + //Copy all the positionally relevant properties across now + var originalValues = {}; + layoutProps.forEach(function(prop) { + originalValues[prop] = instance[prop]; + }); + fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); + return originalValues; + } + else { + return null; + } + }, + + /** + * Restores the changed properties of instance + * @private + * @param {fabric.Object} [instance] the object to un-transform (gets mutated) + * @param {Object} [originalValues] the original values of instance, as returned by _realizeGroupTransformOnObject + */ + _unwindGroupTransformOnObject: function(instance, originalValues) { + if (originalValues) { + instance.set(originalValues); + } + }, + + /** + * @private + */ + _setSVGObject: function(markup, instance, reviver) { + //If the object is in a selection group, simulate what would happen to that + //object when the group is deselected + var originalProperties = this._realizeGroupTransformOnObject(instance); + this.callSuper('_setSVGObject', markup, instance, reviver); + this._unwindGroupTransformOnObject(instance, originalProperties); + }, + + setViewportTransform: function (vpt) { + if (this.renderOnAddRemove && this._activeObject && this._activeObject.isEditing) { + this._activeObject.clearContextTop(); + } + fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); + } + }); + + // copying static properties manually to work around Opera's bug, + // where "prototype" property is enumerable and overrides existing prototype + for (var prop in fabric.StaticCanvas) { + if (prop !== 'prototype') { + fabric.Canvas[prop] = fabric.StaticCanvas[prop]; + } + } +})(); + + +(function() { + + var addListener = fabric.util.addListener, + removeListener = fabric.util.removeListener, + RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, + addEventOptions = { passive: false }; + + function checkClick(e, value) { + return e.button && (e.button === value - 1); + } + + fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { + + /** + * Contains the id of the touch event that owns the fabric transform + * @type Number + * @private + */ + mainTouchId: null, + + /** + * Adds mouse listeners to canvas + * @private + */ + _initEventListeners: function () { + // in case we initialized the class twice. This should not happen normally + // but in some kind of applications where the canvas element may be changed + // this is a workaround to having double listeners. + this.removeListeners(); + this._bindEvents(); + this.addOrRemove(addListener, 'add'); + }, + + /** + * return an event prefix pointer or mouse. + * @private + */ + _getEventPrefix: function () { + return this.enablePointerEvents ? 'pointer' : 'mouse'; + }, + + addOrRemove: function(functor, eventjsFunctor) { + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + functor(fabric.window, 'resize', this._onResize); + functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); + functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); + functor(canvasElement, 'wheel', this._onMouseWheel); + functor(canvasElement, 'contextmenu', this._onContextMenu); + functor(canvasElement, 'dblclick', this._onDoubleClick); + functor(canvasElement, 'dragover', this._onDragOver); + functor(canvasElement, 'dragenter', this._onDragEnter); + functor(canvasElement, 'dragleave', this._onDragLeave); + functor(canvasElement, 'drop', this._onDrop); + if (!this.enablePointerEvents) { + functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); + } + if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { + eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); + eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); + eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); + eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); + eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); + } + }, + + /** + * Removes all event listeners + */ + removeListeners: function() { + this.addOrRemove(removeListener, 'remove'); + // if you dispose on a mouseDown, before mouse up, you need to clean document to... + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + }, + + /** + * @private + */ + _bindEvents: function() { + if (this.eventsBound) { + // for any reason we pass here twice we do not want to bind events twice. + return; + } + this._onMouseDown = this._onMouseDown.bind(this); + this._onTouchStart = this._onTouchStart.bind(this); + this._onMouseMove = this._onMouseMove.bind(this); + this._onMouseUp = this._onMouseUp.bind(this); + this._onTouchEnd = this._onTouchEnd.bind(this); + this._onResize = this._onResize.bind(this); + this._onGesture = this._onGesture.bind(this); + this._onDrag = this._onDrag.bind(this); + this._onShake = this._onShake.bind(this); + this._onLongPress = this._onLongPress.bind(this); + this._onOrientationChange = this._onOrientationChange.bind(this); + this._onMouseWheel = this._onMouseWheel.bind(this); + this._onMouseOut = this._onMouseOut.bind(this); + this._onMouseEnter = this._onMouseEnter.bind(this); + this._onContextMenu = this._onContextMenu.bind(this); + this._onDoubleClick = this._onDoubleClick.bind(this); + this._onDragOver = this._onDragOver.bind(this); + this._onDragEnter = this._simpleEventHandler.bind(this, 'dragenter'); + this._onDragLeave = this._simpleEventHandler.bind(this, 'dragleave'); + this._onDrop = this._onDrop.bind(this); + this.eventsBound = true; + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js gesture + * @param {Event} [self] Inner Event object + */ + _onGesture: function(e, self) { + this.__onTransformGesture && this.__onTransformGesture(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js drag + * @param {Event} [self] Inner Event object + */ + _onDrag: function(e, self) { + this.__onDrag && this.__onDrag(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on wheel event + */ + _onMouseWheel: function(e) { + this.__onMouseWheel(e); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseOut: function(e) { + var target = this._hoveredTarget; + this.fire('mouse:out', { target: target, e: e }); + this._hoveredTarget = null; + target && target.fire('mouseout', { e: e }); + + var _this = this; + this._hoveredTargets.forEach(function(_target){ + _this.fire('mouse:out', { target: target, e: e }); + _target && target.fire('mouseout', { e: e }); + }); + this._hoveredTargets = []; + + if (this._iTextInstances) { + this._iTextInstances.forEach(function(obj) { + if (obj.isEditing) { + obj.hiddenTextarea.focus(); + } + }); + } + }, + + /** + * @private + * @param {Event} e Event object fired on mouseenter + */ + _onMouseEnter: function(e) { + // This find target and consequent 'mouse:over' is used to + // clear old instances on hovered target. + // calling findTarget has the side effect of killing target.__corner. + // as a short term fix we are not firing this if we are currently transforming. + // as a long term fix we need to separate the action of finding a target with the + // side effects we added to it. + if (!this._currentTransform && !this.findTarget(e)) { + this.fire('mouse:over', { target: null, e: e }); + this._hoveredTarget = null; + this._hoveredTargets = []; + } + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js orientation change + * @param {Event} [self] Inner Event object + */ + _onOrientationChange: function(e, self) { + this.__onOrientationChange && this.__onOrientationChange(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onShake: function(e, self) { + this.__onShake && this.__onShake(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onLongPress: function(e, self) { + this.__onLongPress && this.__onLongPress(e, self); + }, + + /** + * prevent default to allow drop event to be fired + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragOver: function(e) { + e.preventDefault(); + var target = this._simpleEventHandler('dragover', e); + this._fireEnterLeaveEvents(target, e); + }, + + /** + * `drop:before` is a an event that allow you to schedule logic + * before the `drop` event. Prefer `drop` event always, but if you need + * to run some drop-disabling logic on an event, since there is no way + * to handle event handlers ordering, use `drop:before` + * @param {Event} e + */ + _onDrop: function (e) { + this._simpleEventHandler('drop:before', e); + return this._simpleEventHandler('drop', e); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onContextMenu: function (e) { + if (this.stopContextMenu) { + e.stopPropagation(); + e.preventDefault(); + } + return false; + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onDoubleClick: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'dblclick'); + this._resetTransformEventData(e); + }, + + /** + * Return a the id of an event. + * returns either the pointerId or the identifier or 0 for the mouse event + * @private + * @param {Event} evt Event object + */ + getPointerId: function(evt) { + var changedTouches = evt.changedTouches; + + if (changedTouches) { + return changedTouches[0] && changedTouches[0].identifier; + } + + if (this.enablePointerEvents) { + return evt.pointerId; + } + + return -1; + }, + + /** + * Determines if an event has the id of the event that is considered main + * @private + * @param {evt} event Event object + */ + _isMainEvent: function(evt) { + if (evt.isPrimary === true) { + return true; + } + if (evt.isPrimary === false) { + return false; + } + if (evt.type === 'touchend' && evt.touches.length === 0) { + return true; + } + if (evt.changedTouches) { + return evt.changedTouches[0].identifier === this.mainTouchId; + } + return true; + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchStart: function(e) { + e.preventDefault(); + if (this.mainTouchId === null) { + this.mainTouchId = this.getPointerId(e); + } + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + // Unbind mousedown to prevent double triggers from touch devices + removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDown: function (e) { + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchEnd: function(e) { + if (e.touches.length > 0) { + // if there are still touches stop here + return; + } + this.__onMouseUp(e); + this._resetTransformEventData(); + this.mainTouchId = null; + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + var _this = this; + if (this._willAddMouseDown) { + clearTimeout(this._willAddMouseDown); + } + this._willAddMouseDown = setTimeout(function() { + // Wait 400ms before rebinding mousedown to prevent double triggers + // from touch devices + addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); + _this._willAddMouseDown = 0; + }, 400); + }, + + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUp: function (e) { + this.__onMouseUp(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + if (this._isMainEvent(e)) { + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + } + }, + + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMove: function (e) { + !this.allowTouchScrolling && e.preventDefault && e.preventDefault(); + this.__onMouseMove(e); + }, + + /** + * @private + */ + _onResize: function () { + this.calcOffset(); + }, + + /** + * Decides whether the canvas should be redrawn in mouseup and mousedown events. + * @private + * @param {Object} target + */ + _shouldRender: function(target) { + var activeObject = this._activeObject; + + if ( + !!activeObject !== !!target || + (activeObject && target && (activeObject !== target)) + ) { + // this covers: switch of target, from target to no target, selection of target + // multiSelection with key and mouse + return true; + } + else if (activeObject && activeObject.isEditing) { + // if we mouse up/down over a editing textbox a cursor change, + // there is no need to re render + return false; + } + return false; + }, + + /** + * Method that defines the actions when mouse is released on canvas. + * The method resets the currentTransform parameters, store the image corner + * position in the image object and render the canvas on top. + * @private + * @param {Event} e Event object fired on mouseup + */ + __onMouseUp: function (e) { + var target, transform = this._currentTransform, + groupSelector = this._groupSelector, shouldRender = false, + isClick = (!groupSelector || (groupSelector.left === 0 && groupSelector.top === 0)); + this._cacheTransformEventData(e); + target = this._target; + this._handleEvent(e, 'up:before'); + // if right/middle click just fire events and return + // target undefined will make the _handleEvent search the target + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'up', RIGHT_CLICK, isClick); + } + return; + } + + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); + } + this._resetTransformEventData(); + return; + } + + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this._onMouseUpInDrawingMode(e); + return; + } + + if (!this._isMainEvent(e)) { + return; + } + if (transform) { + this._finalizeCurrentTransform(e); + shouldRender = transform.actionPerformed; + } + if (!isClick) { + var targetWasActive = target === this._activeObject; + this._maybeGroupObjects(e); + if (!shouldRender) { + shouldRender = ( + this._shouldRender(target) || + (!targetWasActive && target === this._activeObject) + ); + } + } + var corner, pointer; + if (target) { + corner = target._findTargetCorner( + this.getPointer(e, true), + fabric.util.isTouchEvent(e) + ); + if (target.selectable && target !== this._activeObject && target.activeOn === 'up') { + this.setActiveObject(target, e); + shouldRender = true; + } + else { + var control = target.controls[corner], + mouseUpHandler = control && control.getMouseUpHandler(e, target, control); + if (mouseUpHandler) { + pointer = this.getPointer(e); + mouseUpHandler(e, transform, pointer.x, pointer.y); + } + } + target.isMoving = false; + } + // if we are ending up a transform on a different control or a new object + // fire the original mouse up from the corner that started the transform + if (transform && (transform.target !== target || transform.corner !== corner)) { + var originalControl = transform.target && transform.target.controls[transform.corner], + originalMouseUpHandler = originalControl && originalControl.getMouseUpHandler(e, target, control); + pointer = pointer || this.getPointer(e); + originalMouseUpHandler && originalMouseUpHandler(e, transform, pointer.x, pointer.y); + } + this._setCursorFromEvent(e, target); + this._handleEvent(e, 'up', LEFT_CLICK, isClick); + this._groupSelector = null; + this._currentTransform = null; + // reset the target information about which corner is selected + target && (target.__corner = 0); + if (shouldRender) { + this.requestRenderAll(); + } + else if (!isClick) { + this.renderTop(); + } + }, + + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @return {Fabric.Object} target return the the target found, for internal reasons. + */ + _simpleEventHandler: function(eventType, e) { + var target = this.findTarget(e), + targets = this.targets, + options = { + e: e, + target: target, + subTargets: targets, + }; + this.fire(eventType, options); + target && target.fire(eventType, options); + if (!targets) { + return target; + } + for (var i = 0; i < targets.length; i++) { + targets[i].fire(eventType, options); + } + return target; + }, + + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @param {fabric.Object} targetObj receiving event + * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right + * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. + */ + _handleEvent: function(e, eventType, button, isClick) { + var target = this._target, + targets = this.targets || [], + options = { + e: e, + target: target, + subTargets: targets, + button: button || LEFT_CLICK, + isClick: isClick || false, + pointer: this._pointer, + absolutePointer: this._absolutePointer, + transform: this._currentTransform + }; + if (eventType === 'up') { + options.currentTarget = this.findTarget(e); + options.currentSubTargets = this.targets; + } + this.fire('mouse:' + eventType, options); + target && target.fire('mouse' + eventType, options); + for (var i = 0; i < targets.length; i++) { + targets[i].fire('mouse' + eventType, options); + } + }, + + /** + * @private + * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event + */ + _finalizeCurrentTransform: function(e) { + + var transform = this._currentTransform, + target = transform.target, + options = { + e: e, + target: target, + transform: transform, + action: transform.action, + }; + + if (target._scaling) { + target._scaling = false; + } + + target.setCoords(); + + if (transform.actionPerformed || (this.stateful && target.hasStateChanged())) { + this._fire('modified', options); + } + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDownInDrawingMode: function(e) { + this._isCurrentlyDrawing = true; + if (this.getActiveObject()) { + this.discardActiveObject(e).requestRenderAll(); + } + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); + this._handleEvent(e, 'down'); + }, + + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMoveInDrawingMode: function(e) { + if (this._isCurrentlyDrawing) { + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseMove(pointer, { e: e, pointer: pointer }); + } + this.setCursor(this.freeDrawingCursor); + this._handleEvent(e, 'move'); + }, + + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUpInDrawingMode: function(e) { + var pointer = this.getPointer(e); + this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ e: e, pointer: pointer }); + this._handleEvent(e, 'up'); + }, + + /** + * Method that defines the actions when mouse is clicked on canvas. + * The method inits the currentTransform parameters and renders all the + * canvas so the current image can be placed on the top canvas and the rest + * in on the container one. + * @private + * @param {Event} e Event object fired on mousedown + */ + __onMouseDown: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'down:before'); + var target = this._target; + // if right click just fire events + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'down', RIGHT_CLICK); + } + return; + } + + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'down', MIDDLE_CLICK); + } + return; + } + + if (this.isDrawingMode) { + this._onMouseDownInDrawingMode(e); + return; + } + + if (!this._isMainEvent(e)) { + return; + } + + // ignore if some object is being transformed at this moment + if (this._currentTransform) { + return; + } + + var pointer = this._pointer; + // save pointer for check in __onMouseUp event + this._previousPointer = pointer; + var shouldRender = this._shouldRender(target), + shouldGroup = this._shouldGroup(e, target); + if (this._shouldClearSelection(e, target)) { + this.discardActiveObject(e); + } + else if (shouldGroup) { + this._handleGrouping(e, target); + target = this._activeObject; + } + + if (this.selection && (!target || + (!target.selectable && !target.isEditing && target !== this._activeObject))) { + this._groupSelector = { + ex: this._absolutePointer.x, + ey: this._absolutePointer.y, + top: 0, + left: 0 + }; + } + + if (target) { + var alreadySelected = target === this._activeObject; + if (target.selectable && target.activeOn === 'down') { + this.setActiveObject(target, e); + } + var corner = target._findTargetCorner( + this.getPointer(e, true), + fabric.util.isTouchEvent(e) + ); + target.__corner = corner; + if (target === this._activeObject && (corner || !shouldGroup)) { + this._setupCurrentTransform(e, target, alreadySelected); + var control = target.controls[corner], + pointer = this.getPointer(e), + mouseDownHandler = control && control.getMouseDownHandler(e, target, control); + if (mouseDownHandler) { + mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); + } + } + } + this._handleEvent(e, 'down'); + // we must renderAll so that we update the visuals + (shouldRender || shouldGroup) && this.requestRenderAll(); + }, + + /** + * reset cache form common information needed during event processing + * @private + */ + _resetTransformEventData: function() { + this._target = null; + this._pointer = null; + this._absolutePointer = null; + }, + + /** + * Cache common information needed during event processing + * @private + * @param {Event} e Event object fired on event + */ + _cacheTransformEventData: function(e) { + // reset in order to avoid stale caching + this._resetTransformEventData(); + this._pointer = this.getPointer(e, true); + this._absolutePointer = this.restorePointerVpt(this._pointer); + this._target = this._currentTransform ? this._currentTransform.target : this.findTarget(e) || null; + }, + + /** + * @private + */ + _beforeTransform: function(e) { + var t = this._currentTransform; + this.stateful && t.target.saveState(); + this.fire('before:transform', { + e: e, + transform: t, + }); + }, + + /** + * Method that defines the actions when mouse is hovering the canvas. + * The currentTransform parameter will define whether the user is rotating/scaling/translating + * an image or neither of them (only hovering). A group selection is also possible and would cancel + * all any other type of action. + * In case of an image transformation only the top canvas will be rendered. + * @private + * @param {Event} e Event object fired on mousemove + */ + __onMouseMove: function (e) { + this._handleEvent(e, 'move:before'); + this._cacheTransformEventData(e); + var target, pointer; + + if (this.isDrawingMode) { + this._onMouseMoveInDrawingMode(e); + return; + } + + if (!this._isMainEvent(e)) { + return; + } + + var groupSelector = this._groupSelector; + + // We initially clicked in an empty area, so we draw a box for multiple selection + if (groupSelector) { + pointer = this._absolutePointer; + + groupSelector.left = pointer.x - groupSelector.ex; + groupSelector.top = pointer.y - groupSelector.ey; + + this.renderTop(); + } + else if (!this._currentTransform) { + target = this.findTarget(e) || null; + this._setCursorFromEvent(e, target); + this._fireOverOutEvents(target, e); + } + else { + this._transformObject(e); + } + this._handleEvent(e, 'move'); + this._resetTransformEventData(); + }, + + /** + * Manage the mouseout, mouseover events for the fabric object on the canvas + * @param {Fabric.Object} target the target where the target from the mousemove event + * @param {Event} e Event object fired on mousemove + * @private + */ + _fireOverOutEvents: function(target, e) { + var _hoveredTarget = this._hoveredTarget, + _hoveredTargets = this._hoveredTargets, targets = this.targets, + length = Math.max(_hoveredTargets.length, targets.length); + + this.fireSyntheticInOutEvents(target, e, { + oldTarget: _hoveredTarget, + evtOut: 'mouseout', + canvasEvtOut: 'mouse:out', + evtIn: 'mouseover', + canvasEvtIn: 'mouse:over', + }); + for (var i = 0; i < length; i++){ + this.fireSyntheticInOutEvents(targets[i], e, { + oldTarget: _hoveredTargets[i], + evtOut: 'mouseout', + evtIn: 'mouseover', + }); + } + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + }, + + /** + * Manage the dragEnter, dragLeave events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the onDrag event + * @param {Event} e Event object fired on ondrag + * @private + */ + _fireEnterLeaveEvents: function(target, e) { + var _draggedoverTarget = this._draggedoverTarget, + _hoveredTargets = this._hoveredTargets, targets = this.targets, + length = Math.max(_hoveredTargets.length, targets.length); + + this.fireSyntheticInOutEvents(target, e, { + oldTarget: _draggedoverTarget, + evtOut: 'dragleave', + evtIn: 'dragenter', + }); + for (var i = 0; i < length; i++) { + this.fireSyntheticInOutEvents(targets[i], e, { + oldTarget: _hoveredTargets[i], + evtOut: 'dragleave', + evtIn: 'dragenter', + }); + } + this._draggedoverTarget = target; + }, + + /** + * Manage the synthetic in/out events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the supported events + * @param {Event} e Event object fired + * @param {Object} config configuration for the function to work + * @param {String} config.targetName property on the canvas where the old target is stored + * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out + * @param {String} config.evtOut name of the event to fire for out + * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in + * @param {String} config.evtIn name of the event to fire for in + * @private + */ + fireSyntheticInOutEvents: function(target, e, config) { + var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, + targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; + if (targetChanged) { + inOpt = { e: e, target: target, previousTarget: oldTarget }; + outOpt = { e: e, target: oldTarget, nextTarget: target }; + } + inFires = target && targetChanged; + outFires = oldTarget && targetChanged; + if (outFires) { + canvasEvtOut && this.fire(canvasEvtOut, outOpt); + oldTarget.fire(config.evtOut, outOpt); + } + if (inFires) { + canvasEvtIn && this.fire(canvasEvtIn, inOpt); + target.fire(config.evtIn, inOpt); + } + }, + + /** + * Method that defines actions when an Event Mouse Wheel + * @param {Event} e Event object fired on mouseup + */ + __onMouseWheel: function(e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'wheel'); + this._resetTransformEventData(); + }, + + /** + * @private + * @param {Event} e Event fired on mousemove + */ + _transformObject: function(e) { + var pointer = this.getPointer(e), + transform = this._currentTransform; + + transform.reset = false; + transform.shiftKey = e.shiftKey; + transform.altKey = e[this.centeredKey]; + + this._performTransformAction(e, transform, pointer); + transform.actionPerformed && this.requestRenderAll(); + }, + + /** + * @private + */ + _performTransformAction: function(e, transform, pointer) { + var x = pointer.x, + y = pointer.y, + action = transform.action, + actionPerformed = false, + actionHandler = transform.actionHandler; + // this object could be created from the function in the control handlers + + + if (actionHandler) { + actionPerformed = actionHandler(e, transform, x, y); + } + if (action === 'drag' && actionPerformed) { + transform.target.isMoving = true; + this.setCursor(transform.target.moveCursor || this.moveCursor); + } + transform.actionPerformed = transform.actionPerformed || actionPerformed; + }, + + /** + * @private + */ + _fire: fabric.controlsUtils.fireEvent, + + /** + * Sets the cursor depending on where the canvas is being hovered. + * Note: very buggy in Opera + * @param {Event} e Event object + * @param {Object} target Object that the mouse is hovering, if so. + */ + _setCursorFromEvent: function (e, target) { + if (!target) { + this.setCursor(this.defaultCursor); + return false; + } + var hoverCursor = target.hoverCursor || this.hoverCursor, + activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' ? + this._activeObject : null, + // only show proper corner when group selection is not active + corner = (!activeSelection || !activeSelection.contains(target)) + // here we call findTargetCorner always with undefined for the touch parameter. + // we assume that if you are using a cursor you do not need to interact with + // the bigger touch area. + && target._findTargetCorner(this.getPointer(e, true)); + + if (!corner) { + if (target.subTargetCheck){ + // hoverCursor should come from top-most subTarget, + // so we walk the array backwards + this.targets.concat().reverse().map(function(_target){ + hoverCursor = _target.hoverCursor || hoverCursor; + }); + } + this.setCursor(hoverCursor); + } + else { + this.setCursor(this.getCornerCursor(corner, target, e)); + } + }, + + /** + * @private + */ + getCornerCursor: function(corner, target, e) { + var control = target.controls[corner]; + return control.cursorStyleHandler(e, control, target); + } + }); +})(); + + +(function() { + + var min = Math.min, + max = Math.max; + + fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + * @return {Boolean} + */ + _shouldGroup: function(e, target) { + var activeObject = this._activeObject; + return activeObject && this._isSelectionKeyPressed(e) && target && target.selectable && this.selection && + (activeObject !== target || activeObject.type === 'activeSelection') && !target.onSelect({ e: e }); + }, + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _handleGrouping: function (e, target) { + var activeObject = this._activeObject; + // avoid multi select when shift click on a corner + if (activeObject.__corner) { + return; + } + if (target === activeObject) { + // if it's a group, find target again, using activeGroup objects + target = this.findTarget(e, true); + // if even object is not found or we are on activeObjectCorner, bail out + if (!target || !target.selectable) { + return; + } + } + if (activeObject && activeObject.type === 'activeSelection') { + this._updateActiveSelection(target, e); + } + else { + this._createActiveSelection(target, e); + } + }, + + /** + * @private + */ + _updateActiveSelection: function(target, e) { + var activeSelection = this._activeObject, + currentActiveObjects = activeSelection._objects.slice(0); + if (activeSelection.contains(target)) { + activeSelection.removeWithUpdate(target); + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + if (activeSelection.size() === 1) { + // activate last remaining object + this._setActiveObject(activeSelection.item(0), e); + } + } + else { + activeSelection.addWithUpdate(target); + this._hoveredTarget = activeSelection; + this._hoveredTargets = this.targets.concat(); + } + this._fireSelectionEvents(currentActiveObjects, e); + }, + + /** + * @private + */ + _createActiveSelection: function(target, e) { + var currentActives = this.getActiveObjects(), group = this._createGroup(target); + this._hoveredTarget = group; + // ISSUE 4115: should we consider subTargets here? + // this._hoveredTargets = []; + // this._hoveredTargets = this.targets.concat(); + this._setActiveObject(group, e); + this._fireSelectionEvents(currentActives, e); + }, + + /** + * @private + * @param {Object} target + */ + _createGroup: function(target) { + var objects = this._objects, + isActiveLower = objects.indexOf(this._activeObject) < objects.indexOf(target), + groupObjects = isActiveLower + ? [this._activeObject, target] + : [target, this._activeObject]; + this._activeObject.isEditing && this._activeObject.exitEditing(); + return new fabric.ActiveSelection(groupObjects, { + canvas: this + }); + }, + + /** + * @private + * @param {Event} e mouse event + */ + _groupSelectedObjects: function (e) { + + var group = this._collectObjects(e), + aGroup; + + // do not create group for 1 element only + if (group.length === 1) { + this.setActiveObject(group[0], e); + } + else if (group.length > 1) { + aGroup = new fabric.ActiveSelection(group.reverse(), { + canvas: this + }); + this.setActiveObject(aGroup, e); + } + }, + + /** + * @private + */ + _collectObjects: function(e) { + var group = [], + currentObject, + x1 = this._groupSelector.ex, + y1 = this._groupSelector.ey, + x2 = x1 + this._groupSelector.left, + y2 = y1 + this._groupSelector.top, + selectionX1Y1 = new fabric.Point(min(x1, x2), min(y1, y2)), + selectionX2Y2 = new fabric.Point(max(x1, x2), max(y1, y2)), + allowIntersect = !this.selectionFullyContained, + isClick = x1 === x2 && y1 === y2; + // we iterate reverse order to collect top first in case of click. + for (var i = this._objects.length; i--; ) { + currentObject = this._objects[i]; + + if (!currentObject || !currentObject.selectable || !currentObject.visible) { + continue; + } + + if ((allowIntersect && currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || + currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || + (allowIntersect && currentObject.containsPoint(selectionX1Y1, null, true)) || + (allowIntersect && currentObject.containsPoint(selectionX2Y2, null, true)) + ) { + group.push(currentObject); + // only add one object if it's a click + if (isClick) { + break; + } + } + } + + if (group.length > 1) { + group = group.filter(function(object) { + return !object.onSelect({ e: e }); + }); + } + + return group; + }, + + /** + * @private + */ + _maybeGroupObjects: function(e) { + if (this.selection && this._groupSelector) { + this._groupSelectedObjects(e); + } + this.setCursor(this.defaultCursor); + // clear selection and current transformation + this._groupSelector = null; + } + }); + +})(); + + +(function () { + fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + + /** + * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately + * @param {Object} [options] Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + * @see {@link http://jsfiddle.net/fabricjs/NfZVb/|jsFiddle demo} + * @example Generate jpeg dataURL with lower quality + * var dataURL = canvas.toDataURL({ + * format: 'jpeg', + * quality: 0.8 + * }); + * @example Generate cropped png dataURL (clipping of canvas) + * var dataURL = canvas.toDataURL({ + * format: 'png', + * left: 100, + * top: 100, + * width: 200, + * height: 200 + * }); + * @example Generate double scaled png dataURL + * var dataURL = canvas.toDataURL({ + * format: 'png', + * multiplier: 2 + * }); + */ + toDataURL: function (options) { + options || (options = { }); + + var format = options.format || 'png', + quality = options.quality || 1, + multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? this.getRetinaScaling() : 1), + canvasEl = this.toCanvasElement(multiplier, options); + return fabric.util.toDataURL(canvasEl, format, quality); + }, + + /** + * Create a new HTMLCanvas element painted with the current canvas content. + * No need to resize the actual one or repaint it. + * Will transfer object ownership to a new canvas, paint it, and set everything back. + * This is an intermediary step used to get to a dataUrl but also it is useful to + * create quick image copies of a canvas without passing for the dataUrl string + * @param {Number} [multiplier] a zoom factor. + * @param {Object} [cropping] Cropping informations + * @param {Number} [cropping.left] Cropping left offset. + * @param {Number} [cropping.top] Cropping top offset. + * @param {Number} [cropping.width] Cropping width. + * @param {Number} [cropping.height] Cropping height. + */ + toCanvasElement: function(multiplier, cropping) { + multiplier = multiplier || 1; + cropping = cropping || { }; + var scaledWidth = (cropping.width || this.width) * multiplier, + scaledHeight = (cropping.height || this.height) * multiplier, + zoom = this.getZoom(), + originalWidth = this.width, + originalHeight = this.height, + newZoom = zoom * multiplier, + vp = this.viewportTransform, + translateX = (vp[4] - (cropping.left || 0)) * multiplier, + translateY = (vp[5] - (cropping.top || 0)) * multiplier, + originalInteractive = this.interactive, + newVp = [newZoom, 0, 0, newZoom, translateX, translateY], + originalRetina = this.enableRetinaScaling, + canvasEl = fabric.util.createCanvasElement(), + originalContextTop = this.contextTop; + canvasEl.width = scaledWidth; + canvasEl.height = scaledHeight; + this.contextTop = null; + this.enableRetinaScaling = false; + this.interactive = false; + this.viewportTransform = newVp; + this.width = scaledWidth; + this.height = scaledHeight; + this.calcViewportBoundaries(); + this.renderCanvas(canvasEl.getContext('2d'), this._objects); + this.viewportTransform = vp; + this.width = originalWidth; + this.height = originalHeight; + this.calcViewportBoundaries(); + this.interactive = originalInteractive; + this.enableRetinaScaling = originalRetina; + this.contextTop = originalContextTop; + return canvasEl; + }, + }); + +})(); + + +fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + /** + * Populates canvas with data from the specified JSON. + * JSON format must conform to the one of {@link fabric.Canvas#toJSON} + * @param {String|Object} json JSON string or object + * @param {Function} callback Callback, invoked when json is parsed + * and corresponding objects (e.g: {@link fabric.Image}) + * are initialized + * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. + * @return {fabric.Canvas} instance + * @chainable + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} + * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} + * @example loadFromJSON + * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas)); + * @example loadFromJSON with reviver + * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas), function(o, object) { + * // `o` = json object + * // `object` = fabric.Object instance + * // ... do some stuff ... + * }); + */ + loadFromJSON: function (json, callback, reviver) { + if (!json) { + return; + } + + // serialize if it wasn't already + var serialized = (typeof json === 'string') + ? JSON.parse(json) + : fabric.util.object.clone(json); + + var _this = this, + clipPath = serialized.clipPath, + renderOnAddRemove = this.renderOnAddRemove; + + this.renderOnAddRemove = false; + + delete serialized.clipPath; + + this._enlivenObjects(serialized.objects, function (enlivenedObjects) { + _this.clear(); + _this._setBgOverlay(serialized, function () { + if (clipPath) { + _this._enlivenObjects([clipPath], function (enlivenedCanvasClip) { + _this.clipPath = enlivenedCanvasClip[0]; + _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); + }); + } + else { + _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); + } + }); + }, reviver); + return this; + }, + + /** + * @private + * @param {Object} serialized Object with background and overlay information + * @param {Array} restored canvas objects + * @param {Function} cached renderOnAddRemove callback + * @param {Function} callback Invoked after all background and overlay images/patterns loaded + */ + __setupCanvas: function(serialized, enlivenedObjects, renderOnAddRemove, callback) { + var _this = this; + enlivenedObjects.forEach(function(obj, index) { + // we splice the array just in case some custom classes restored from JSON + // will add more object to canvas at canvas init. + _this.insertAt(obj, index); }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, min = Math.min, max = Math.max; - fabric.util.object.extend(fabric.Canvas.prototype, - /** @lends fabric.Canvas.prototype */ { - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - * @return {Boolean} - */ - _shouldGroup: function (e, target) { - var activeObject = this._activeObject; - // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection. - return (!!activeObject && - this._isSelectionKeyPressed(e) && - this.selection && - // on top of that the user also has to hit a target that is selectable. - !!target && - target.selectable && - // if all pre-requisite pass, the target is either something different from the current - // activeObject or if an activeSelection already exists - // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear. - // is a very old condition uncertain if still valid. - (activeObject !== target || - activeObject.type === 'activeSelection') && - // make sure `activeObject` and `target` aren't ancestors of each other - !target.isDescendantOf(activeObject) && - !activeObject.isDescendantOf(target) && - // target accepts selection - !target.onSelect({ e: e })); - }, - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _handleGrouping: function (e, target) { - var activeObject = this._activeObject; - // avoid multi select when shift click on a corner - if (activeObject.__corner) { - return; - } - if (target === activeObject) { - // if it's a group, find target again, using activeGroup objects - target = this.findTarget(e, true); - // if even object is not found or we are on activeObjectCorner, bail out - if (!target || !target.selectable) { - return; - } - } - if (activeObject && activeObject.type === 'activeSelection') { - this._updateActiveSelection(target, e); - } - else { - this._createActiveSelection(target, e); - } - }, - /** - * @private - */ - _updateActiveSelection: function (target, e) { - var activeSelection = this._activeObject, currentActiveObjects = activeSelection._objects.slice(0); - if (target.group === activeSelection) { - activeSelection.remove(target); - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - if (activeSelection.size() === 1) { - // activate last remaining object - this._setActiveObject(activeSelection.item(0), e); - } - } - else { - activeSelection.add(target); - this._hoveredTarget = activeSelection; - this._hoveredTargets = this.targets.concat(); - } - this._fireSelectionEvents(currentActiveObjects, e); - }, - /** - * @private - */ - _createActiveSelection: function (target, e) { - var currentActives = this.getActiveObjects(), group = this._createGroup(target); - this._hoveredTarget = group; - // ISSUE 4115: should we consider subTargets here? - // this._hoveredTargets = []; - // this._hoveredTargets = this.targets.concat(); - this._setActiveObject(group, e); - this._fireSelectionEvents(currentActives, e); - }, - /** - * @private - * @param {Object} target - * @returns {fabric.ActiveSelection} - */ - _createGroup: function (target) { - var activeObject = this._activeObject; - var groupObjects = target.isInFrontOf(activeObject) - ? [activeObject, target] - : [target, activeObject]; - activeObject.isEditing && activeObject.exitEditing(); - // handle case: target is nested - return new fabric.ActiveSelection(groupObjects, { - canvas: this, - }); - }, - /** - * @private - * @param {Event} e mouse event - */ - _groupSelectedObjects: function (e) { - var group = this._collectObjects(e), aGroup; - // do not create group for 1 element only - if (group.length === 1) { - this.setActiveObject(group[0], e); - } - else if (group.length > 1) { - aGroup = new fabric.ActiveSelection(group.reverse(), { - canvas: this, - }); - this.setActiveObject(aGroup, e); - } + this.renderOnAddRemove = renderOnAddRemove; + // remove parts i cannot set as options + delete serialized.objects; + delete serialized.backgroundImage; + delete serialized.overlayImage; + delete serialized.background; + delete serialized.overlay; + // this._initOptions does too many things to just + // call it. Normally loading an Object from JSON + // create the Object instance. Here the Canvas is + // already an instance and we are just loading things over it + this._setOptions(serialized); + this.renderAll(); + callback && callback(); + }, + + /** + * @private + * @param {Object} serialized Object with background and overlay information + * @param {Function} callback Invoked after all background and overlay images/patterns loaded + */ + _setBgOverlay: function(serialized, callback) { + var loaded = { + backgroundColor: false, + overlayColor: false, + backgroundImage: false, + overlayImage: false + }; + + if (!serialized.backgroundImage && !serialized.overlayImage && !serialized.background && !serialized.overlay) { + callback && callback(); + return; + } + + var cbIfLoaded = function () { + if (loaded.backgroundImage && loaded.overlayImage && loaded.backgroundColor && loaded.overlayColor) { + callback && callback(); + } + }; + + this.__setBgOverlay('backgroundImage', serialized.backgroundImage, loaded, cbIfLoaded); + this.__setBgOverlay('overlayImage', serialized.overlayImage, loaded, cbIfLoaded); + this.__setBgOverlay('backgroundColor', serialized.background, loaded, cbIfLoaded); + this.__setBgOverlay('overlayColor', serialized.overlay, loaded, cbIfLoaded); + }, + + /** + * @private + * @param {String} property Property to set (backgroundImage, overlayImage, backgroundColor, overlayColor) + * @param {(Object|String)} value Value to set + * @param {Object} loaded Set loaded property to true if property is set + * @param {Object} callback Callback function to invoke after property is set + */ + __setBgOverlay: function(property, value, loaded, callback) { + var _this = this; + + if (!value) { + loaded[property] = true; + callback && callback(); + return; + } + + if (property === 'backgroundImage' || property === 'overlayImage') { + fabric.util.enlivenObjects([value], function(enlivedObject){ + _this[property] = enlivedObject[0]; + loaded[property] = true; + callback && callback(); + }); + } + else { + this['set' + fabric.util.string.capitalize(property, true)](value, function() { + loaded[property] = true; + callback && callback(); + }); + } + }, + + /** + * @private + * @param {Array} objects + * @param {Function} callback + * @param {Function} [reviver] + */ + _enlivenObjects: function (objects, callback, reviver) { + if (!objects || objects.length === 0) { + callback && callback([]); + return; + } + + fabric.util.enlivenObjects(objects, function(enlivenedObjects) { + callback && callback(enlivenedObjects); + }, null, reviver); + }, + + /** + * @private + * @param {String} format + * @param {Function} callback + */ + _toDataURL: function (format, callback) { + this.clone(function (clone) { + callback(clone.toDataURL(format)); + }); + }, + + /** + * @private + * @param {String} format + * @param {Number} multiplier + * @param {Function} callback + */ + _toDataURLWithMultiplier: function (format, multiplier, callback) { + this.clone(function (clone) { + callback(clone.toDataURLWithMultiplier(format, multiplier)); + }); + }, + + /** + * Clones canvas instance + * @param {Object} [callback] Receives cloned instance as a first argument + * @param {Array} [properties] Array of properties to include in the cloned canvas and children + */ + clone: function (callback, properties) { + var data = JSON.stringify(this.toJSON(properties)); + this.cloneWithoutData(function(clone) { + clone.loadFromJSON(data, function() { + callback && callback(clone); + }); + }); + }, + + /** + * Clones canvas instance without cloning existing data. + * This essentially copies canvas dimensions, clipping properties, etc. + * but leaves data empty (so that you can populate it with your own) + * @param {Object} [callback] Receives cloned instance as a first argument + */ + cloneWithoutData: function(callback) { + var el = fabric.util.createCanvasElement(); + + el.width = this.width; + el.height = this.height; + + var clone = new fabric.Canvas(el); + if (this.backgroundImage) { + clone.setBackgroundImage(this.backgroundImage.src, function() { + clone.renderAll(); + callback && callback(clone); + }); + clone.backgroundImageOpacity = this.backgroundImageOpacity; + clone.backgroundImageStretch = this.backgroundImageStretch; + } + else { + callback && callback(clone); + } + } +}); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + toFixed = fabric.util.toFixed, + capitalize = fabric.util.string.capitalize, + degreesToRadians = fabric.util.degreesToRadians, + objectCaching = !fabric.isLikelyNode, + ALIASING_LIMIT = 2; + + if (fabric.Object) { + return; + } + + /** + * Root object class from which all 2d shape classes inherit from + * @class fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} + * @see {@link fabric.Object#initialize} for constructor definition + * + * @fires added + * @fires removed + * + * @fires selected + * @fires deselected + * @fires modified + * @fires modified + * @fires moved + * @fires scaled + * @fires rotated + * @fires skewed + * + * @fires rotating + * @fires scaling + * @fires moving + * @fires skewing + * + * @fires mousedown + * @fires mouseup + * @fires mouseover + * @fires mouseout + * @fires mousewheel + * @fires mousedblclick + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drop + */ + fabric.Object = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.Object.prototype */ { + + /** + * Type of an object (rect, circle, path, etc.). + * Note that this property is meant to be read-only and not meant to be modified. + * If you modify, certain parts of Fabric (such as JSON loading) won't work correctly. + * @type String + * @default + */ + type: 'object', + + /** + * Horizontal origin of transformation of an object (one of "left", "right", "center") + * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups + * @type String + * @default + */ + originX: 'left', + + /** + * Vertical origin of transformation of an object (one of "top", "bottom", "center") + * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups + * @type String + * @default + */ + originY: 'top', + + /** + * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom} + * @type Number + * @default + */ + top: 0, + + /** + * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right} + * @type Number + * @default + */ + left: 0, + + /** + * Object width + * @type Number + * @default + */ + width: 0, + + /** + * Object height + * @type Number + * @default + */ + height: 0, + + /** + * Object scale factor (horizontal) + * @type Number + * @default + */ + scaleX: 1, + + /** + * Object scale factor (vertical) + * @type Number + * @default + */ + scaleY: 1, + + /** + * When true, an object is rendered as flipped horizontally + * @type Boolean + * @default + */ + flipX: false, + + /** + * When true, an object is rendered as flipped vertically + * @type Boolean + * @default + */ + flipY: false, + + /** + * Opacity of an object + * @type Number + * @default + */ + opacity: 1, + + /** + * Angle of rotation of an object (in degrees) + * @type Number + * @default + */ + angle: 0, + + /** + * Angle of skew on x axes of an object (in degrees) + * @type Number + * @default + */ + skewX: 0, + + /** + * Angle of skew on y axes of an object (in degrees) + * @type Number + * @default + */ + skewY: 0, + + /** + * Size of object's controlling corners (in pixels) + * @type Number + * @default + */ + cornerSize: 13, + + /** + * Size of object's controlling corners when touch interaction is detected + * @type Number + * @default + */ + touchCornerSize: 24, + + /** + * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill) + * @type Boolean + * @default + */ + transparentCorners: true, + + /** + * Default cursor value used when hovering over this object on canvas + * @type String + * @default + */ + hoverCursor: null, + + /** + * Default cursor value used when moving this object on canvas + * @type String + * @default + */ + moveCursor: null, + + /** + * Padding between object and its controlling borders (in pixels) + * @type Number + * @default + */ + padding: 0, + + /** + * Color of controlling borders of an object (when it's active) + * @type String + * @default + */ + borderColor: 'rgb(178,204,255)', + + /** + * Array specifying dash pattern of an object's borders (hasBorder must be true) + * @since 1.6.2 + * @type Array + */ + borderDashArray: null, + + /** + * Color of controlling corners of an object (when it's active) + * @type String + * @default + */ + cornerColor: 'rgb(178,204,255)', + + /** + * Color of controlling corners of an object (when it's active and transparentCorners false) + * @since 1.6.2 + * @type String + * @default + */ + cornerStrokeColor: null, + + /** + * Specify style of control, 'rect' or 'circle' + * @since 1.6.2 + * @type String + */ + cornerStyle: 'rect', + + /** + * Array specifying dash pattern of an object's control (hasBorder must be true) + * @since 1.6.2 + * @type Array + */ + cornerDashArray: null, + + /** + * When true, this object will use center point as the origin of transformation + * when being scaled via the controls. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredScaling: false, + + /** + * When true, this object will use center point as the origin of transformation + * when being rotated via the controls. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredRotation: true, + + /** + * Color of object's fill + * takes css colors https://www.w3.org/TR/css-color-3/ + * @type String + * @default + */ + fill: 'rgb(0,0,0)', + + /** + * Fill rule used to fill an object + * accepted values are nonzero, evenodd + * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead) + * @type String + * @default + */ + fillRule: 'nonzero', + + /** + * Composite rule used for canvas globalCompositeOperation + * @type String + * @default + */ + globalCompositeOperation: 'source-over', + + /** + * Background color of an object. + * takes css colors https://www.w3.org/TR/css-color-3/ + * @type String + * @default + */ + backgroundColor: '', + + /** + * Selection Background color of an object. colored layer behind the object when it is active. + * does not mix good with globalCompositeOperation methods. + * @type String + * @default + */ + selectionBackgroundColor: '', + + /** + * When defined, an object is rendered via stroke and this property specifies its color + * takes css colors https://www.w3.org/TR/css-color-3/ + * @type String + * @default + */ + stroke: null, + + /** + * Width of a stroke used to render this object + * @type Number + * @default + */ + strokeWidth: 1, + + /** + * Array specifying dash pattern of an object's stroke (stroke must be defined) + * @type Array + */ + strokeDashArray: null, + + /** + * Line offset of an object's stroke + * @type Number + * @default + */ + strokeDashOffset: 0, + + /** + * Line endings style of an object's stroke (one of "butt", "round", "square") + * @type String + * @default + */ + strokeLineCap: 'butt', + + /** + * Corner style of an object's stroke (one of "bevel", "round", "miter") + * @type String + * @default + */ + strokeLineJoin: 'miter', + + /** + * Maximum miter length (used for strokeLineJoin = "miter") of an object's stroke + * @type Number + * @default + */ + strokeMiterLimit: 4, + + /** + * Shadow object representing shadow of this shape + * @type fabric.Shadow + * @default + */ + shadow: null, + + /** + * Opacity of object's controlling borders when object is active and moving + * @type Number + * @default + */ + borderOpacityWhenMoving: 0.4, + + /** + * Scale factor of object's controlling borders + * bigger number will make a thicker border + * border is 1, so this is basically a border thickness + * since there is no way to change the border itself. + * @type Number + * @default + */ + borderScaleFactor: 1, + + /** + * Minimum allowed scale value of an object + * @type Number + * @default + */ + minScaleLimit: 0, + + /** + * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection). + * But events still fire on it. + * @type Boolean + * @default + */ + selectable: true, + + /** + * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4 + * @type Boolean + * @default + */ + evented: true, + + /** + * When set to `false`, an object is not rendered on canvas + * @type Boolean + * @default + */ + visible: true, + + /** + * When set to `false`, object's controls are not displayed and can not be used to manipulate object + * @type Boolean + * @default + */ + hasControls: true, + + /** + * When set to `false`, object's controlling borders are not rendered + * @type Boolean + * @default + */ + hasBorders: true, + + /** + * When set to `true`, objects are "found" on canvas on per-pixel basis rather than according to bounding box + * @type Boolean + * @default + */ + perPixelTargetFind: false, + + /** + * When `false`, default object's values are not included in its serialization + * @type Boolean + * @default + */ + includeDefaultValues: true, + + /** + * When `true`, object horizontal movement is locked + * @type Boolean + * @default + */ + lockMovementX: false, + + /** + * When `true`, object vertical movement is locked + * @type Boolean + * @default + */ + lockMovementY: false, + + /** + * When `true`, object rotation is locked + * @type Boolean + * @default + */ + lockRotation: false, + + /** + * When `true`, object horizontal scaling is locked + * @type Boolean + * @default + */ + lockScalingX: false, + + /** + * When `true`, object vertical scaling is locked + * @type Boolean + * @default + */ + lockScalingY: false, + + /** + * When `true`, object horizontal skewing is locked + * @type Boolean + * @default + */ + lockSkewingX: false, + + /** + * When `true`, object vertical skewing is locked + * @type Boolean + * @default + */ + lockSkewingY: false, + + /** + * When `true`, object cannot be flipped by scaling into negative values + * @type Boolean + * @default + */ + lockScalingFlip: false, + + /** + * When `true`, object is not exported in OBJECT/JSON + * @since 1.6.3 + * @type Boolean + * @default + */ + excludeFromExport: false, + + /** + * When `true`, object is cached on an additional canvas. + * When `false`, object is not cached unless necessary ( clipPath ) + * default to true + * @since 1.7.0 + * @type Boolean + * @default true + */ + objectCaching: objectCaching, + + /** + * When `true`, object properties are checked for cache invalidation. In some particular + * situation you may want this to be disabled ( spray brush, very big, groups) + * or if your application does not allow you to modify properties for groups child you want + * to disable it for groups. + * default to false + * since 1.7.0 + * @type Boolean + * @default false + */ + statefullCache: false, + + /** + * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled + * too much and will be redrawn with correct details at the end of scaling. + * this setting is performance and application dependant. + * default to true + * since 1.7.0 + * @type Boolean + * @default true + */ + noScaleCache: true, + + /** + * When `false`, the stoke width will scale with the object. + * When `true`, the stroke will always match the exact pixel size entered for stroke width. + * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods + * default to false + * @since 2.6.0 + * @type Boolean + * @default false + * @type Boolean + * @default false + */ + strokeUniform: false, + + /** + * When set to `true`, object's cache will be rerendered next render call. + * since 1.7.0 + * @type Boolean + * @default true + */ + dirty: true, + + /** + * keeps the value of the last hovered corner during mouse move. + * 0 is no corner, or 'mt', 'ml', 'mtr' etc.. + * It should be private, but there is no harm in using it as + * a read-only property. + * @type number|string|any + * @default 0 + */ + __corner: 0, + + /** + * Determines if the fill or the stroke is drawn first (one of "fill" or "stroke") + * @type String + * @default + */ + paintFirst: 'fill', + + /** + * When 'down', object is set to active on mousedown/touchstart + * When 'up', object is set to active on mouseup/touchend + * Experimental. Let's see if this breaks anything before supporting officially + * @private + * since 4.4.0 + * @type String + * @default 'down' + */ + activeOn: 'down', + + /** + * List of properties to consider when checking if state + * of an object is changed (fabric.Object#hasStateChanged) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: ( + 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + + 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + + 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + + 'skewX skewY fillRule paintFirst clipPath strokeUniform' + ).split(' '), + + /** + * List of properties to consider when checking if cache needs refresh + * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single + * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty + * and refreshed at the next render + * @type Array + */ + cacheProperties: ( + 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + + ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath' + ).split(' '), + + /** + * List of properties to consider for animating colors. + * @type Array + */ + colorProperties: ( + 'fill stroke backgroundColor' + ).split(' '), + + /** + * a fabricObject that, without stroke define a clipping area with their shape. filled in black + * the clipPath object gets used when the object has rendered, and the context is placed in the center + * of the object cacheCanvas. + * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center' + * @type fabric.Object + */ + clipPath: undefined, + + /** + * Meaningful ONLY when the object is used as clipPath. + * if true, the clipPath will make the object clip to the outside of the clipPath + * since 2.4.0 + * @type boolean + * @default false + */ + inverted: false, + + /** + * Meaningful ONLY when the object is used as clipPath. + * if true, the clipPath will have its top and left relative to canvas, and will + * not be influenced by the object transform. This will make the clipPath relative + * to the canvas, but clipping just a particular object. + * WARNING this is beta, this feature may change or be renamed. + * since 2.4.0 + * @type boolean + * @default false + */ + absolutePositioned: false, + + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function(options) { + if (options) { + this.setOptions(options); + } + }, + + /** + * Create a the canvas used to keep the cached copy of the object + * @private + */ + _createCacheCanvas: function() { + this._cacheProperties = {}; + this._cacheCanvas = fabric.util.createCanvasElement(); + this._cacheContext = this._cacheCanvas.getContext('2d'); + this._updateCacheCanvas(); + // if canvas gets created, is empty, so dirty. + this.dirty = true; + }, + + /** + * Limit the cache dimensions so that X * Y do not cross fabric.perfLimitSizeTotal + * and each side do not cross fabric.cacheSideLimit + * those numbers are configurable so that you can get as much detail as you want + * making bargain with performances. + * @param {Object} dims + * @param {Object} dims.width width of canvas + * @param {Object} dims.height height of canvas + * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _limitCacheSize: function(dims) { + var perfLimitSizeTotal = fabric.perfLimitSizeTotal, + width = dims.width, height = dims.height, + max = fabric.maxCacheSideLimit, min = fabric.minCacheSideLimit; + if (width <= max && height <= max && width * height <= perfLimitSizeTotal) { + if (width < min) { + dims.width = min; + } + if (height < min) { + dims.height = min; + } + return dims; + } + var ar = width / height, limitedDims = fabric.util.limitDimsByArea(ar, perfLimitSizeTotal), + capValue = fabric.util.capValue, + x = capValue(min, limitedDims.x, max), + y = capValue(min, limitedDims.y, max); + if (width > x) { + dims.zoomX /= width / x; + dims.width = x; + dims.capped = true; + } + if (height > y) { + dims.zoomY /= height / y; + dims.height = y; + dims.capped = true; + } + return dims; + }, + + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. + * @private + * @return {Object}.x width of object to be cached + * @return {Object}.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _getCacheCanvasDimensions: function() { + var objectScale = this.getTotalObjectScaling(), + // caculate dimensions without skewing + dim = this._getTransformedDimensions(0, 0), + neededX = dim.x * objectScale.scaleX / this.scaleX, + neededY = dim.y * objectScale.scaleY / this.scaleY; + return { + // for sure this ALIASING_LIMIT is slightly creating problem + // in situation in which the cache canvas gets an upper limit + // also objectScale contains already scaleX and scaleY + width: neededX + ALIASING_LIMIT, + height: neededY + ALIASING_LIMIT, + zoomX: objectScale.scaleX, + zoomY: objectScale.scaleY, + x: neededX, + y: neededY + }; + }, + + /** + * Update width and height of the canvas for cache + * returns true or false if canvas needed resize. + * @private + * @return {Boolean} true if the canvas has been resized + */ + _updateCacheCanvas: function() { + var targetCanvas = this.canvas; + if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { + var target = targetCanvas._currentTransform.target, + action = targetCanvas._currentTransform.action; + if (this === target && action.slice && action.slice(0, 5) === 'scale') { + return false; + } + } + var canvas = this._cacheCanvas, + dims = this._limitCacheSize(this._getCacheCanvasDimensions()), + minCacheSize = fabric.minCacheSideLimit, + width = dims.width, height = dims.height, drawingWidth, drawingHeight, + zoomX = dims.zoomX, zoomY = dims.zoomY, + dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, + zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY, + shouldRedraw = dimensionsChanged || zoomChanged, + additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; + if (dimensionsChanged) { + var canvasWidth = this._cacheCanvas.width, + canvasHeight = this._cacheCanvas.height, + sizeGrowing = width > canvasWidth || height > canvasHeight, + sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && + canvasWidth > minCacheSize && canvasHeight > minCacheSize; + shouldResizeCanvas = sizeGrowing || sizeShrinking; + if (sizeGrowing && !dims.capped && (width > minCacheSize || height > minCacheSize)) { + additionalWidth = width * 0.1; + additionalHeight = height * 0.1; + } + } + if (this instanceof fabric.Text && this.path) { + shouldRedraw = true; + shouldResizeCanvas = true; + additionalWidth += this.getHeightOfLine(0) * this.zoomX; + additionalHeight += this.getHeightOfLine(0) * this.zoomY; + } + if (shouldRedraw) { + if (shouldResizeCanvas) { + canvas.width = Math.ceil(width + additionalWidth); + canvas.height = Math.ceil(height + additionalHeight); + } + else { + this._cacheContext.setTransform(1, 0, 0, 1, 0, 0); + this._cacheContext.clearRect(0, 0, canvas.width, canvas.height); + } + drawingWidth = dims.x / 2; + drawingHeight = dims.y / 2; + this.cacheTranslationX = Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; + this.cacheTranslationY = Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; + this.cacheWidth = width; + this.cacheHeight = height; + this._cacheContext.translate(this.cacheTranslationX, this.cacheTranslationY); + this._cacheContext.scale(zoomX, zoomY); + this.zoomX = zoomX; + this.zoomY = zoomY; + return true; + } + return false; + }, + + /** + * Sets object's properties from options + * @param {Object} [options] Options object + */ + setOptions: function(options) { + this._setOptions(options); + this._initGradient(options.fill, 'fill'); + this._initGradient(options.stroke, 'stroke'); + this._initPattern(options.fill, 'fill'); + this._initPattern(options.stroke, 'stroke'); + }, + + /** + * Transforms context when rendering an object + * @param {CanvasRenderingContext2D} ctx Context + */ + transform: function(ctx) { + var needFullTransform = (this.group && !this.group._transformDone) || + (this.group && this.canvas && ctx === this.canvas.contextTop); + var m = this.calcTransformMatrix(!needFullTransform); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + }, + + /** + * Returns an object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function(propertiesToInclude) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, + + object = { + type: this.type, + version: fabric.version, + originX: this.originX, + originY: this.originY, + left: toFixed(this.left, NUM_FRACTION_DIGITS), + top: toFixed(this.top, NUM_FRACTION_DIGITS), + width: toFixed(this.width, NUM_FRACTION_DIGITS), + height: toFixed(this.height, NUM_FRACTION_DIGITS), + fill: (this.fill && this.fill.toObject) ? this.fill.toObject() : this.fill, + stroke: (this.stroke && this.stroke.toObject) ? this.stroke.toObject() : this.stroke, + strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), + strokeDashArray: this.strokeDashArray ? this.strokeDashArray.concat() : this.strokeDashArray, + strokeLineCap: this.strokeLineCap, + strokeDashOffset: this.strokeDashOffset, + strokeLineJoin: this.strokeLineJoin, + strokeUniform: this.strokeUniform, + strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), + scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), + scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), + angle: toFixed(this.angle, NUM_FRACTION_DIGITS), + flipX: this.flipX, + flipY: this.flipY, + opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), + shadow: (this.shadow && this.shadow.toObject) ? this.shadow.toObject() : this.shadow, + visible: this.visible, + backgroundColor: this.backgroundColor, + fillRule: this.fillRule, + paintFirst: this.paintFirst, + globalCompositeOperation: this.globalCompositeOperation, + skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), + skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS), + }; + + if (this.clipPath && !this.clipPath.excludeFromExport) { + object.clipPath = this.clipPath.toObject(propertiesToInclude); + object.clipPath.inverted = this.clipPath.inverted; + object.clipPath.absolutePositioned = this.clipPath.absolutePositioned; + } + + fabric.util.populateWithProperties(this, object, propertiesToInclude); + if (!this.includeDefaultValues) { + object = this._removeDefaultValues(object); + } + + return object; + }, + + /** + * Returns (dataless) object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toDatalessObject: function(propertiesToInclude) { + // will be overwritten by subclasses + return this.toObject(propertiesToInclude); + }, + + /** + * @private + * @param {Object} object + */ + _removeDefaultValues: function(object) { + var prototype = fabric.util.getKlass(object.type).prototype, + stateProperties = prototype.stateProperties; + stateProperties.forEach(function(prop) { + if (prop === 'left' || prop === 'top') { + return; + } + if (object[prop] === prototype[prop]) { + delete object[prop]; + } + var isArray = Object.prototype.toString.call(object[prop]) === '[object Array]' && + Object.prototype.toString.call(prototype[prop]) === '[object Array]'; + + // basically a check for [] === [] + if (isArray && object[prop].length === 0 && prototype[prop].length === 0) { + delete object[prop]; + } + }); + + return object; + }, + + /** + * Returns a string representation of an instance + * @return {String} + */ + toString: function() { + return '#'; + }, + + /** + * Return the object scale factor counting also the group scaling + * @return {Object} object with scaleX and scaleY properties + */ + getObjectScaling: function() { + // if the object is a top level one, on the canvas, we go for simple aritmetic + // otherwise the complex method with angles will return approximations and decimals + // and will likely kill the cache when not needed + // https://github.com/fabricjs/fabric.js/issues/7157 + if (!this.group) { + return { + scaleX: this.scaleX, + scaleY: this.scaleY, + }; + } + // if we are inside a group total zoom calculation is complex, we defer to generic matrices + var options = fabric.util.qrDecompose(this.calcTransformMatrix()); + return { scaleX: Math.abs(options.scaleX), scaleY: Math.abs(options.scaleY) }; + }, + + /** + * Return the object scale factor counting also the group scaling, zoom and retina + * @return {Object} object with scaleX and scaleY properties + */ + getTotalObjectScaling: function() { + var scale = this.getObjectScaling(), scaleX = scale.scaleX, scaleY = scale.scaleY; + if (this.canvas) { + var zoom = this.canvas.getZoom(); + var retina = this.canvas.getRetinaScaling(); + scaleX *= zoom * retina; + scaleY *= zoom * retina; + } + return { scaleX: scaleX, scaleY: scaleY }; + }, + + /** + * Return the object opacity counting also the group property + * @return {Number} + */ + getObjectOpacity: function() { + var opacity = this.opacity; + if (this.group) { + opacity *= this.group.getObjectOpacity(); + } + return opacity; + }, + + /** + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Object} thisArg + */ + _set: function(key, value) { + var shouldConstrainValue = (key === 'scaleX' || key === 'scaleY'), + isChanged = this[key] !== value, groupNeedsUpdate = false; + + if (shouldConstrainValue) { + value = this._constrainScale(value); + } + if (key === 'scaleX' && value < 0) { + this.flipX = !this.flipX; + value *= -1; + } + else if (key === 'scaleY' && value < 0) { + this.flipY = !this.flipY; + value *= -1; + } + else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) { + value = new fabric.Shadow(value); + } + else if (key === 'dirty' && this.group) { + this.group.set('dirty', value); + } + + this[key] = value; + + if (isChanged) { + groupNeedsUpdate = this.group && this.group.isOnACache(); + if (this.cacheProperties.indexOf(key) > -1) { + this.dirty = true; + groupNeedsUpdate && this.group.set('dirty', true); + } + else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { + this.group.set('dirty', true); + } + } + return this; + }, + + /** + * This callback function is called by the parent group of an object every + * time a non-delegated property changes on the group. It is passed the key + * and value as parameters. Not adding in this function's signature to avoid + * Travis build error about unused variables. + */ + setOnGroup: function() { + // implemented by sub-classes, as needed. + }, + + /** + * Retrieves viewportTransform from Object's canvas if possible + * @method getViewportTransform + * @memberOf fabric.Object.prototype + * @return {Array} + */ + getViewportTransform: function() { + if (this.canvas && this.canvas.viewportTransform) { + return this.canvas.viewportTransform; + } + return fabric.iMatrix.concat(); + }, + + /* + * @private + * return if the object would be visible in rendering + * @memberOf fabric.Object.prototype + * @return {Boolean} + */ + isNotVisible: function() { + return this.opacity === 0 || + (!this.width && !this.height && this.strokeWidth === 0) || + !this.visible; + }, + + /** + * Renders an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render: function(ctx) { + // do not render if width/height are zeros or object is not visible + if (this.isNotVisible()) { + return; + } + if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { + return; + } + ctx.save(); + this._setupCompositeOperation(ctx); + this.drawSelectionBackground(ctx); + this.transform(ctx); + this._setOpacity(ctx); + this._setShadow(ctx, this); + if (this.shouldCache()) { + this.renderCache(); + this.drawCacheOnCanvas(ctx); + } + else { + this._removeCacheCanvas(); + this.dirty = false; + this.drawObject(ctx); + if (this.objectCaching && this.statefullCache) { + this.saveState({ propertySet: 'cacheProperties' }); + } + } + ctx.restore(); + }, + + renderCache: function(options) { + options = options || {}; + if (!this._cacheCanvas) { + this._createCacheCanvas(); + } + if (this.isCacheDirty()) { + this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); + this.drawObject(this._cacheContext, options.forClipping); + this.dirty = false; + } + }, + + /** + * Remove cacheCanvas and its dimensions from the objects + */ + _removeCacheCanvas: function() { + this._cacheCanvas = null; + this.cacheWidth = 0; + this.cacheHeight = 0; + }, + + /** + * return true if the object will draw a stroke + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when stroke happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the stroke is invisible. + * @since 3.0.0 + * @returns Boolean + */ + hasStroke: function() { + return this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0; + }, + + /** + * return true if the object will draw a fill + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when fill happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the fill is invisible. + * @since 3.0.0 + * @returns Boolean + */ + hasFill: function() { + return this.fill && this.fill !== 'transparent'; + }, + + /** + * When set to `true`, force the object to have its own cache, even if it is inside a group + * it may be needed when your object behave in a particular way on the cache and always needs + * its own isolated canvas to render correctly. + * Created to be overridden + * since 1.7.12 + * @returns Boolean + */ + needsItsOwnCache: function() { + if (this.paintFirst === 'stroke' && + this.hasFill() && this.hasStroke() && typeof this.shadow === 'object') { + return true; + } + if (this.clipPath) { + return true; + } + return false; + }, + + /** + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * Read as: cache if is needed, or if the feature is enabled but we are not already caching. + * @return {Boolean} + */ + shouldCache: function() { + this.ownCaching = this.needsItsOwnCache() || ( + this.objectCaching && + (!this.group || !this.group.isOnACache()) + ); + return this.ownCaching; + }, + + /** + * Check if this object or a child object will cast a shadow + * used by Group.shouldCache to know if child has a shadow recursively + * @return {Boolean} + */ + willDrawShadow: function() { + return !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0); + }, + + /** + * Execute the drawing operation for an object clipPath + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Object} clipPath + */ + drawClipPathOnCache: function(ctx, clipPath) { + ctx.save(); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4 + if (clipPath.inverted) { + ctx.globalCompositeOperation = 'destination-out'; + } + else { + ctx.globalCompositeOperation = 'destination-in'; + } + //ctx.scale(1 / 2, 1 / 2); + if (clipPath.absolutePositioned) { + var m = fabric.util.invertTransform(this.calcTransformMatrix()); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + } + clipPath.transform(ctx); + ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); + ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); + ctx.restore(); + }, + + /** + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawObject: function(ctx, forClipping) { + var originalFill = this.fill, originalStroke = this.stroke; + if (forClipping) { + this.fill = 'black'; + this.stroke = ''; + this._setClippingProperties(ctx); + } + else { + this._renderBackground(ctx); + } + this._render(ctx); + this._drawClipPath(ctx, this.clipPath); + this.fill = originalFill; + this.stroke = originalStroke; + }, + + /** + * Prepare clipPath state and cache and draw it on instance's cache + * @param {CanvasRenderingContext2D} ctx + * @param {fabric.Object} clipPath + */ + _drawClipPath: function (ctx, clipPath) { + if (!clipPath) { return; } + // needed to setup a couple of variables + // path canvas gets overridden with this one. + // TODO find a better solution? + clipPath.canvas = this.canvas; + clipPath.shouldCache(); + clipPath._transformDone = true; + clipPath.renderCache({ forClipping: true }); + this.drawClipPathOnCache(ctx, clipPath); + }, + + /** + * Paint the cached copy of the object on the target context. + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawCacheOnCanvas: function(ctx) { + ctx.scale(1 / this.zoomX, 1 / this.zoomY); + ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); + }, + + /** + * Check if cache is dirty + * @param {Boolean} skipCanvas skip canvas checks because this object is painted + * on parent canvas. + */ + isCacheDirty: function(skipCanvas) { + if (this.isNotVisible()) { + return false; + } + if (this._cacheCanvas && !skipCanvas && this._updateCacheCanvas()) { + // in this case the context is already cleared. + return true; + } + else { + if (this.dirty || + (this.clipPath && this.clipPath.absolutePositioned) || + (this.statefullCache && this.hasStateChanged('cacheProperties')) + ) { + if (this._cacheCanvas && !skipCanvas) { + var width = this.cacheWidth / this.zoomX; + var height = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-width / 2, -height / 2, width, height); + } + return true; + } + } + return false; + }, + + /** + * Draws a background for the object big as its untransformed dimensions + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderBackground: function(ctx) { + if (!this.backgroundColor) { + return; + } + var dim = this._getNonTransformedDimensions(); + ctx.fillStyle = this.backgroundColor; + + ctx.fillRect( + -dim.x / 2, + -dim.y / 2, + dim.x, + dim.y + ); + // if there is background color no other shadows + // should be casted + this._removeShadow(ctx); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _setOpacity: function(ctx) { + if (this.group && !this.group._transformDone) { + ctx.globalAlpha = this.getObjectOpacity(); + } + else { + ctx.globalAlpha *= this.opacity; + } + }, + + _setStrokeStyles: function(ctx, decl) { + var stroke = decl.stroke; + if (stroke) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = decl.strokeLineCap; + ctx.lineDashOffset = decl.strokeDashOffset; + ctx.lineJoin = decl.strokeLineJoin; + ctx.miterLimit = decl.strokeMiterLimit; + if (stroke.toLive) { + if (stroke.gradientUnits === 'percentage' || stroke.gradientTransform || stroke.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + this._applyPatternForTransformedGradient(ctx, stroke); + } + else { + // is a simple gradient or pattern + ctx.strokeStyle = stroke.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, stroke); + } + } + else { + // is a color + ctx.strokeStyle = decl.stroke; + } + } + }, + + _setFillStyles: function(ctx, decl) { + var fill = decl.fill; + if (fill) { + if (fill.toLive) { + ctx.fillStyle = fill.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, decl.fill); + } + else { + ctx.fillStyle = fill; + } + } + }, + + _setClippingProperties: function(ctx) { + ctx.globalAlpha = 1; + ctx.strokeStyle = 'transparent'; + ctx.fillStyle = '#000000'; + }, + + /** + * @private + * Sets line dash + * @param {CanvasRenderingContext2D} ctx Context to set the dash line on + * @param {Array} dashArray array representing dashes + */ + _setLineDash: function(ctx, dashArray) { + if (!dashArray || dashArray.length === 0) { + return; + } + // Spec requires the concatenation of two copies the dash list when the number of elements is odd + if (1 & dashArray.length) { + dashArray.push.apply(dashArray, dashArray); + } + ctx.setLineDash(dashArray); + }, + + /** + * Renders controls and borders for the object + * the context here is not transformed + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style + */ + _renderControls: function(ctx, styleOverride) { + var vpt = this.getViewportTransform(), + matrix = this.calcTransformMatrix(), + options, drawBorders, drawControls; + styleOverride = styleOverride || { }; + drawBorders = typeof styleOverride.hasBorders !== 'undefined' ? styleOverride.hasBorders : this.hasBorders; + drawControls = typeof styleOverride.hasControls !== 'undefined' ? styleOverride.hasControls : this.hasControls; + matrix = fabric.util.multiplyTransformMatrices(vpt, matrix); + options = fabric.util.qrDecompose(matrix); + ctx.save(); + ctx.translate(options.translateX, options.translateY); + ctx.lineWidth = 1 * this.borderScaleFactor; + if (!this.group) { + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + } + if (this.flipX) { + options.angle -= 180; + } + ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); + if (styleOverride.forActiveSelection || this.group) { + drawBorders && this.drawBordersInGroup(ctx, options, styleOverride); + } + else { + drawBorders && this.drawBorders(ctx, styleOverride); + } + drawControls && this.drawControls(ctx, styleOverride); + ctx.restore(); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _setShadow: function(ctx) { + if (!this.shadow) { + return; + } + + var shadow = this.shadow, canvas = this.canvas, scaling, + multX = (canvas && canvas.viewportTransform[0]) || 1, + multY = (canvas && canvas.viewportTransform[3]) || 1; + if (shadow.nonScaling) { + scaling = { scaleX: 1, scaleY: 1 }; + } + else { + scaling = this.getObjectScaling(); + } + if (canvas && canvas._isRetinaScaling()) { + multX *= fabric.devicePixelRatio; + multY *= fabric.devicePixelRatio; + } + ctx.shadowColor = shadow.color; + ctx.shadowBlur = shadow.blur * fabric.browserShadowBlurConstant * + (multX + multY) * (scaling.scaleX + scaling.scaleY) / 4; + ctx.shadowOffsetX = shadow.offsetX * multX * scaling.scaleX; + ctx.shadowOffsetY = shadow.offsetY * multY * scaling.scaleY; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _removeShadow: function(ctx) { + if (!this.shadow) { + return; + } + + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} filler fabric.Pattern or fabric.Gradient + * @return {Object} offset.offsetX offset for text rendering + * @return {Object} offset.offsetY offset for text rendering + */ + _applyPatternGradientTransform: function(ctx, filler) { + if (!filler || !filler.toLive) { + return { offsetX: 0, offsetY: 0 }; + } + var t = filler.gradientTransform || filler.patternTransform; + var offsetX = -this.width / 2 + filler.offsetX || 0, + offsetY = -this.height / 2 + filler.offsetY || 0; + + if (filler.gradientUnits === 'percentage') { + ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); + } + else { + ctx.transform(1, 0, 0, 1, offsetX, offsetY); + } + if (t) { + ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); + } + return { offsetX: offsetX, offsetY: offsetY }; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderPaintInOrder: function(ctx) { + if (this.paintFirst === 'stroke') { + this._renderStroke(ctx); + this._renderFill(ctx); + } + else { + this._renderFill(ctx); + this._renderStroke(ctx); + } + }, + + /** + * @private + * function that actually render something on the context. + * empty here to allow Obects to work on tests to benchmark fabric functionalites + * not related to rendering + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(/* ctx */) { + + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderFill: function(ctx) { + if (!this.fill) { + return; + } + + ctx.save(); + this._setFillStyles(ctx, this); + if (this.fillRule === 'evenodd') { + ctx.fill('evenodd'); + } + else { + ctx.fill(); + } + ctx.restore(); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderStroke: function(ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + + ctx.save(); + if (this.strokeUniform && this.group) { + var scaling = this.getObjectScaling(); + ctx.scale(1 / scaling.scaleX, 1 / scaling.scaleY); + } + else if (this.strokeUniform) { + ctx.scale(1 / this.scaleX, 1 / this.scaleY); + } + this._setLineDash(ctx, this.strokeDashArray); + this._setStrokeStyles(ctx, this); + ctx.stroke(); + ctx.restore(); + }, + + /** + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Gradient} filler a fabric gradient instance + */ + _applyPatternForTransformedGradient: function(ctx, filler) { + var dims = this._limitCacheSize(this._getCacheCanvasDimensions()), + pCanvas = fabric.util.createCanvasElement(), pCtx, retinaScaling = this.canvas.getRetinaScaling(), + width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; + pCanvas.width = width; + pCanvas.height = height; + pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); + pCtx.lineTo(0, height); pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.scale( + dims.zoomX / this.scaleX / retinaScaling, + dims.zoomY / this.scaleY / retinaScaling + ); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fillStyle = filler.toLive(ctx); + pCtx.fill(); + ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); + ctx.scale( + retinaScaling * this.scaleX / dims.zoomX, + retinaScaling * this.scaleY / dims.zoomY + ); + ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); + }, + + /** + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates + */ + _findCenterFromElement: function() { + return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; + }, + + /** + * This function is an helper for svg import. it decompose the transformMatrix + * and assign properties to object. + * untransformed coordinates + * @private + * @chainable + */ + _assignTransformMatrixProps: function() { + if (this.transformMatrix) { + var options = fabric.util.qrDecompose(this.transformMatrix); + this.flipX = false; + this.flipY = false; + this.set('scaleX', options.scaleX); + this.set('scaleY', options.scaleY); + this.angle = options.angle; + this.skewX = options.skewX; + this.skewY = 0; + } + }, + + /** + * This function is an helper for svg import. it removes the transform matrix + * and set to object properties that fabricjs can handle + * @private + * @param {Object} preserveAspectRatioOptions + * @return {thisArg} + */ + _removeTransformMatrix: function(preserveAspectRatioOptions) { + var center = this._findCenterFromElement(); + if (this.transformMatrix) { + this._assignTransformMatrixProps(); + center = fabric.util.transformPoint(center, this.transformMatrix); + } + this.transformMatrix = null; + if (preserveAspectRatioOptions) { + this.scaleX *= preserveAspectRatioOptions.scaleX; + this.scaleY *= preserveAspectRatioOptions.scaleY; + this.cropX = preserveAspectRatioOptions.cropX; + this.cropY = preserveAspectRatioOptions.cropY; + center.x += preserveAspectRatioOptions.offsetLeft; + center.y += preserveAspectRatioOptions.offsetTop; + this.width = preserveAspectRatioOptions.width; + this.height = preserveAspectRatioOptions.height; + } + this.setPositionByOrigin(center, 'center', 'center'); + }, + + /** + * Clones an instance, using a callback method will work for every object. + * @param {Function} callback Callback is invoked with a clone as a first argument + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + */ + clone: function(callback, propertiesToInclude) { + var objectForm = this.toObject(propertiesToInclude); + if (this.constructor.fromObject) { + this.constructor.fromObject(objectForm, callback); + } + else { + fabric.Object._fromObject('Object', objectForm, callback); + } + }, + + /** + * Creates an instance of fabric.Image out of an object + * makes use of toCanvasElement. + * Once this method was based on toDataUrl and loadImage, so it also had a quality + * and format option. toCanvasElement is faster and produce no loss of quality. + * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. + * toCanvasElement and then toBlob from the obtained canvas is also a good option. + * This method is sync now, but still support the callback because we did not want to break. + * When fabricJS 5.0 will be planned, this will probably be changed to not have a callback. + * @param {Function} callback callback, invoked with an instance as a first argument + * @param {Object} [options] for clone as image, passed to toDataURL + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {fabric.Object} thisArg + */ + cloneAsImage: function(callback, options) { + var canvasEl = this.toCanvasElement(options); + if (callback) { + callback(new fabric.Image(canvasEl)); + } + return this; + }, + + /** + * Converts an object into a HTMLCanvas element + * @param {Object} options Options object + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object + */ + toCanvasElement: function(options) { + options || (options = { }); + + var utils = fabric.util, origParams = utils.saveObjectTransform(this), + originalGroup = this.group, + originalShadow = this.shadow, abs = Math.abs, + multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? fabric.devicePixelRatio : 1); + delete this.group; + if (options.withoutTransform) { + utils.resetObjectTransform(this); + } + if (options.withoutShadow) { + this.shadow = null; + } + + var el = fabric.util.createCanvasElement(), + // skip canvas zoom and calculate with setCoords now. + boundingRect = this.getBoundingRect(true, true), + shadow = this.shadow, scaling, + shadowOffset = { x: 0, y: 0 }, shadowBlur, + width, height; + + if (shadow) { + shadowBlur = shadow.blur; + if (shadow.nonScaling) { + scaling = { scaleX: 1, scaleY: 1 }; + } + else { + scaling = this.getObjectScaling(); + } + // consider non scaling shadow. + shadowOffset.x = 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * (abs(scaling.scaleX)); + shadowOffset.y = 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * (abs(scaling.scaleY)); + } + width = boundingRect.width + shadowOffset.x; + height = boundingRect.height + shadowOffset.y; + // if the current width/height is not an integer + // we need to make it so. + el.width = Math.ceil(width); + el.height = Math.ceil(height); + var canvas = new fabric.StaticCanvas(el, { + enableRetinaScaling: false, + renderOnAddRemove: false, + skipOffscreen: false, + }); + if (options.format === 'jpeg') { + canvas.backgroundColor = '#fff'; + } + this.setPositionByOrigin(new fabric.Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); + + var originalCanvas = this.canvas; + canvas.add(this); + var canvasEl = canvas.toCanvasElement(multiplier || 1, options); + this.shadow = originalShadow; + this.set('canvas', originalCanvas); + if (originalGroup) { + this.group = originalGroup; + } + this.set(origParams).setCoords(); + // canvas.dispose will call image.dispose that will nullify the elements + // since this canvas is a simple element for the process, we remove references + // to objects in this way in order to avoid object trashing. + canvas._objects = []; + canvas.dispose(); + canvas = null; + + return canvasEl; + }, + + /** + * Converts an object into a data-url-like string + * @param {Object} options Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + */ + toDataURL: function(options) { + options || (options = { }); + return fabric.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); + }, + + /** + * Returns true if specified type is identical to the type of an instance + * @param {String} type Type to check against + * @return {Boolean} + */ + isType: function(type) { + return this.type === type; + }, + + /** + * Returns complexity of an instance + * @return {Number} complexity of this instance (is 1 unless subclassed) + */ + complexity: function() { + return 1; + }, + + /** + * Returns a JSON representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} JSON + */ + toJSON: function(propertiesToInclude) { + // delegate, not alias + return this.toObject(propertiesToInclude); + }, + + /** + * Sets "angle" of an instance with centered rotation + * @param {Number} angle Angle value (in degrees) + * @return {fabric.Object} thisArg + * @chainable + */ + rotate: function(angle) { + var shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && this.centeredRotation; + + if (shouldCenterOrigin) { + this._setOriginToCenter(); + } + + this.set('angle', angle); + + if (shouldCenterOrigin) { + this._resetOrigin(); + } + + return this; + }, + + /** + * Centers object horizontally on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + centerH: function () { + this.canvas && this.canvas.centerObjectH(this); + return this; + }, + + /** + * Centers object horizontally on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + viewportCenterH: function () { + this.canvas && this.canvas.viewportCenterObjectH(this); + return this; + }, + + /** + * Centers object vertically on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + centerV: function () { + this.canvas && this.canvas.centerObjectV(this); + return this; + }, + + /** + * Centers object vertically on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + viewportCenterV: function () { + this.canvas && this.canvas.viewportCenterObjectV(this); + return this; + }, + + /** + * Centers object vertically and horizontally on canvas to which is was added last + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + center: function () { + this.canvas && this.canvas.centerObject(this); + return this; + }, + + /** + * Centers object on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + viewportCenter: function () { + this.canvas && this.canvas.viewportCenterObject(this); + return this; + }, + + /** + * Returns coordinates of a pointer relative to an object + * @param {Event} e Event to operate upon + * @param {Object} [pointer] Pointer to operate upon (instead of event) + * @return {Object} Coordinates of a pointer (x, y) + */ + getLocalPointer: function(e, pointer) { + pointer = pointer || this.canvas.getPointer(e); + var pClicked = new fabric.Point(pointer.x, pointer.y), + objectLeftTop = this._getLeftTopCoords(); + if (this.angle) { + pClicked = fabric.util.rotatePoint( + pClicked, objectLeftTop, degreesToRadians(-this.angle)); + } + return { + x: pClicked.x - objectLeftTop.x, + y: pClicked.y - objectLeftTop.y + }; + }, + + /** + * Sets canvas globalCompositeOperation for specific object + * custom composition operation for the particular object can be specified using globalCompositeOperation property + * @param {CanvasRenderingContext2D} ctx Rendering canvas context + */ + _setupCompositeOperation: function (ctx) { + if (this.globalCompositeOperation) { + ctx.globalCompositeOperation = this.globalCompositeOperation; + } + }, + + /** + * cancel instance's running animations + * override if necessary to dispose artifacts such as `clipPath` + */ + dispose: function () { + if (fabric.runningAnimations) { + fabric.runningAnimations.cancelByTarget(this); + } + } + }); + + fabric.util.createAccessors && fabric.util.createAccessors(fabric.Object); + + extend(fabric.Object.prototype, fabric.Observable); + + /** + * Defines the number of fraction digits to use when serializing object values. + * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. + * @static + * @memberOf fabric.Object + * @constant + * @type Number + */ + fabric.Object.NUM_FRACTION_DIGITS = 2; + + /** + * Defines which properties should be enlivened from the object passed to {@link fabric.Object._fromObject} + * @static + * @memberOf fabric.Object + * @constant + * @type string[] + */ + fabric.Object.ENLIVEN_PROPS = ['clipPath']; + + fabric.Object._fromObject = function(className, object, callback, extraParam) { + var klass = fabric[className]; + object = clone(object, true); + fabric.util.enlivenPatterns([object.fill, object.stroke], function(patterns) { + if (typeof patterns[0] !== 'undefined') { + object.fill = patterns[0]; + } + if (typeof patterns[1] !== 'undefined') { + object.stroke = patterns[1]; + } + fabric.util.enlivenObjectEnlivables(object, object, function () { + var instance = extraParam ? new klass(object[extraParam], object) : new klass(object); + callback && callback(instance); + }); + }); + }; + + /** + * Unique id used internally when creating SVG elements + * @static + * @memberOf fabric.Object + * @type Number + */ + fabric.Object.__uid = 0; +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + + var degreesToRadians = fabric.util.degreesToRadians, + originXOffset = { + left: -0.5, + center: 0, + right: 0.5 + }, + originYOffset = { + top: -0.5, + center: 0, + bottom: 0.5 + }; + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Translates the coordinates from a set of origin to another (based on the object's dimensions) + * @param {fabric.Point} point The point which corresponds to the originX and originY params + * @param {String} fromOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {String} fromOriginY Vertical origin: 'top', 'center' or 'bottom' + * @param {String} toOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {String} toOriginY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + translateToGivenOrigin: function(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { + var x = point.x, + y = point.y, + offsetX, offsetY, dim; + + if (typeof fromOriginX === 'string') { + fromOriginX = originXOffset[fromOriginX]; + } + else { + fromOriginX -= 0.5; + } + + if (typeof toOriginX === 'string') { + toOriginX = originXOffset[toOriginX]; + } + else { + toOriginX -= 0.5; + } + + offsetX = toOriginX - fromOriginX; + + if (typeof fromOriginY === 'string') { + fromOriginY = originYOffset[fromOriginY]; + } + else { + fromOriginY -= 0.5; + } + + if (typeof toOriginY === 'string') { + toOriginY = originYOffset[toOriginY]; + } + else { + toOriginY -= 0.5; + } + + offsetY = toOriginY - fromOriginY; + + if (offsetX || offsetY) { + dim = this._getTransformedDimensions(); + x = point.x + offsetX * dim.x; + y = point.y + offsetY * dim.y; + } + + return new fabric.Point(x, y); + }, + + /** + * Translates the coordinates from origin to center coordinates (based on the object's dimensions) + * @param {fabric.Point} point The point which corresponds to the originX and originY params + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + translateToCenterPoint: function(point, originX, originY) { + var p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); + if (this.angle) { + return fabric.util.rotatePoint(p, point, degreesToRadians(this.angle)); + } + return p; + }, + + /** + * Translates the coordinates from center to origin coordinates (based on the object's dimensions) + * @param {fabric.Point} center The point which corresponds to center of the object + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + translateToOriginPoint: function(center, originX, originY) { + var p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); + if (this.angle) { + return fabric.util.rotatePoint(p, center, degreesToRadians(this.angle)); + } + return p; + }, + + /** + * Returns the real center coordinates of the object + * @return {fabric.Point} + */ + getCenterPoint: function() { + var leftTop = new fabric.Point(this.left, this.top); + return this.translateToCenterPoint(leftTop, this.originX, this.originY); + }, + + /** + * Returns the coordinates of the object based on center coordinates + * @param {fabric.Point} point The point which corresponds to the originX and originY params + * @return {fabric.Point} + */ + // getOriginPoint: function(center) { + // return this.translateToOriginPoint(center, this.originX, this.originY); + // }, + + /** + * Returns the coordinates of the object as if it has a different origin + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + getPointByOrigin: function(originX, originY) { + var center = this.getCenterPoint(); + return this.translateToOriginPoint(center, originX, originY); + }, + + /** + * Returns the point in local coordinates + * @param {fabric.Point} point The point relative to the global coordinate system + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + toLocalPoint: function(point, originX, originY) { + var center = this.getCenterPoint(), + p, p2; + + if (typeof originX !== 'undefined' && typeof originY !== 'undefined' ) { + p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); + } + else { + p = new fabric.Point(this.left, this.top); + } + + p2 = new fabric.Point(point.x, point.y); + if (this.angle) { + p2 = fabric.util.rotatePoint(p2, center, -degreesToRadians(this.angle)); + } + return p2.subtractEquals(p); + }, + + /** + * Returns the point in global coordinates + * @param {fabric.Point} The point relative to the local coordinate system + * @return {fabric.Point} + */ + // toGlobalPoint: function(point) { + // return fabric.util.rotatePoint(point, this.getCenterPoint(), degreesToRadians(this.angle)).addEquals(new fabric.Point(this.left, this.top)); + // }, + + /** + * Sets the position of the object taking into consideration the object's origin + * @param {fabric.Point} pos The new position of the object + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {void} + */ + setPositionByOrigin: function(pos, originX, originY) { + var center = this.translateToCenterPoint(pos, originX, originY), + position = this.translateToOriginPoint(center, this.originX, this.originY); + this.set('left', position.x); + this.set('top', position.y); + }, + + /** + * @param {String} to One of 'left', 'center', 'right' + */ + adjustPosition: function(to) { + var angle = degreesToRadians(this.angle), + hypotFull = this.getScaledWidth(), + xFull = fabric.util.cos(angle) * hypotFull, + yFull = fabric.util.sin(angle) * hypotFull, + offsetFrom, offsetTo; + + //TODO: this function does not consider mixed situation like top, center. + if (typeof this.originX === 'string') { + offsetFrom = originXOffset[this.originX]; + } + else { + offsetFrom = this.originX - 0.5; + } + if (typeof to === 'string') { + offsetTo = originXOffset[to]; + } + else { + offsetTo = to - 0.5; + } + this.left += xFull * (offsetTo - offsetFrom); + this.top += yFull * (offsetTo - offsetFrom); + this.setCoords(); + this.originX = to; + }, + + /** + * Sets the origin/position of the object to it's center point + * @private + * @return {void} + */ + _setOriginToCenter: function() { + this._originalOriginX = this.originX; + this._originalOriginY = this.originY; + + var center = this.getCenterPoint(); + + this.originX = 'center'; + this.originY = 'center'; + + this.left = center.x; + this.top = center.y; + }, + + /** + * Resets the origin/position of the object to it's original origin + * @private + * @return {void} + */ + _resetOrigin: function() { + var originPoint = this.translateToOriginPoint( + this.getCenterPoint(), + this._originalOriginX, + this._originalOriginY); + + this.originX = this._originalOriginX; + this.originY = this._originalOriginY; + + this.left = originPoint.x; + this.top = originPoint.y; + + this._originalOriginX = null; + this._originalOriginY = null; + }, + + /** + * @private + */ + _getLeftTopCoords: function() { + return this.translateToOriginPoint(this.getCenterPoint(), 'left', 'top'); + }, + }); + +})(); + + +(function() { + + function arrayFromCoords(coords) { + return [ + new fabric.Point(coords.tl.x, coords.tl.y), + new fabric.Point(coords.tr.x, coords.tr.y), + new fabric.Point(coords.br.x, coords.br.y), + new fabric.Point(coords.bl.x, coords.bl.y) + ]; + } + + var util = fabric.util, + degreesToRadians = util.degreesToRadians, + multiplyMatrices = util.multiplyTransformMatrices, + transformPoint = util.transformPoint; + + util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Describe object's corner position in canvas element coordinates. + * properties are depending on control keys and padding the main controls. + * each property is an object with x, y and corner. + * The `corner` property contains in a similar manner the 4 points of the + * interactive area of the corner. + * The coordinates depends from the controls positionHandler and are used + * to draw and locate controls + * @memberOf fabric.Object.prototype + */ + oCoords: null, + + /** + * Describe object's corner position in canvas object absolute coordinates + * properties are tl,tr,bl,br and describe the four main corner. + * each property is an object with x, y, instance of Fabric.Point. + * The coordinates depends from this properties: width, height, scaleX, scaleY + * skewX, skewY, angle, strokeWidth, top, left. + * Those coordinates are useful to understand where an object is. They get updated + * with oCoords but they do not need to be updated when zoom or panning change. + * The coordinates get updated with @method setCoords. + * You can calculate them without updating with @method calcACoords(); + * @memberOf fabric.Object.prototype + */ + aCoords: null, + + /** + * Describe object's corner position in canvas element coordinates. + * includes padding. Used of object detection. + * set and refreshed with setCoords. + * @memberOf fabric.Object.prototype + */ + lineCoords: null, + + /** + * storage for object transform matrix + */ + ownMatrixCache: null, + + /** + * storage for object full transform matrix + */ + matrixCache: null, + + /** + * custom controls interface + * controls are added by default_controls.js + */ + controls: { }, + + /** + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * @param {Boolean} absolute will return aCoords if true or lineCoords + * @return {Object} {tl, tr, br, bl} points + */ + _getCoords: function(absolute, calculate) { + if (calculate) { + return (absolute ? this.calcACoords() : this.calcLineCoords()); + } + if (!this.aCoords || !this.lineCoords) { + this.setCoords(true); + } + return (absolute ? this.aCoords : this.lineCoords); + }, + + /** + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * The coords are returned in an array. + * @return {Array} [tl, tr, br, bl] of points + */ + getCoords: function(absolute, calculate) { + return arrayFromCoords(this._getCoords(absolute, calculate)); + }, + + /** + * Checks if object intersects with an area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object intersects with an area formed by 2 points + */ + intersectsWithRect: function(pointTL, pointBR, absolute, calculate) { + var coords = this.getCoords(absolute, calculate), + intersection = fabric.Intersection.intersectPolygonRectangle( + coords, + pointTL, + pointBR + ); + return intersection.status === 'Intersection'; + }, + + /** + * Checks if object intersects with another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object intersects with another object + */ + intersectsWithObject: function(other, absolute, calculate) { + var intersection = fabric.Intersection.intersectPolygonPolygon( + this.getCoords(absolute, calculate), + other.getCoords(absolute, calculate) + ); + + return intersection.status === 'Intersection' + || other.isContainedWithinObject(this, absolute, calculate) + || this.isContainedWithinObject(other, absolute, calculate); + }, + + /** + * Checks if object is fully contained within area of another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object is fully contained within area of another object + */ + isContainedWithinObject: function(other, absolute, calculate) { + var points = this.getCoords(absolute, calculate), + otherCoords = absolute ? other.aCoords : other.lineCoords, + i = 0, lines = other._getImageLines(otherCoords); + for (; i < 4; i++) { + if (!other.containsPoint(points[i], lines)) { + return false; + } + } + return true; + }, + + /** + * Checks if object is fully contained within area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object is fully contained within area formed by 2 points + */ + isContainedWithinRect: function(pointTL, pointBR, absolute, calculate) { + var boundingRect = this.getBoundingRect(absolute, calculate); + + return ( + boundingRect.left >= pointTL.x && + boundingRect.left + boundingRect.width <= pointBR.x && + boundingRect.top >= pointTL.y && + boundingRect.top + boundingRect.height <= pointBR.y + ); + }, + + /** + * Checks if point is inside the object + * @param {fabric.Point} point Point to check against + * @param {Object} [lines] object returned from @method _getImageLines + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if point is inside the object + */ + containsPoint: function(point, lines, absolute, calculate) { + var coords = this._getCoords(absolute, calculate), + lines = lines || this._getImageLines(coords), + xPoints = this._findCrossPoints(point, lines); + // if xPoints is odd then point is inside the object + return (xPoints !== 0 && xPoints % 2 === 1); + }, + + /** + * Checks if object is contained within the canvas with current viewportTransform + * the check is done stopping at first point that appears on screen + * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords + * @return {Boolean} true if object is fully or partially contained within canvas + */ + isOnScreen: function(calculate) { + if (!this.canvas) { + return false; + } + var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; + var points = this.getCoords(true, calculate); + // if some point is on screen, the object is on screen. + if (points.some(function(point) { + return point.x <= pointBR.x && point.x >= pointTL.x && + point.y <= pointBR.y && point.y >= pointTL.y; + })) { + return true; + } + // no points on screen, check intersection with absolute coordinates + if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { + return true; + } + return this._containsCenterOfCanvas(pointTL, pointBR, calculate); + }, + + /** + * Checks if the object contains the midpoint between canvas extremities + * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen + * @private + * @param {Fabric.Point} pointTL Top Left point + * @param {Fabric.Point} pointBR Top Right point + * @param {Boolean} calculate use coordinates of current position instead of .oCoords + * @return {Boolean} true if the object contains the point + */ + _containsCenterOfCanvas: function(pointTL, pointBR, calculate) { + // worst case scenario the object is so big that contains the screen + var centerPoint = { x: (pointTL.x + pointBR.x) / 2, y: (pointTL.y + pointBR.y) / 2 }; + if (this.containsPoint(centerPoint, null, true, calculate)) { + return true; + } + return false; + }, + + /** + * Checks if object is partially contained within the canvas with current viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object is partially contained within canvas + */ + isPartiallyOnScreen: function(calculate) { + if (!this.canvas) { + return false; + } + var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; + if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { + return true; + } + var allPointsAreOutside = this.getCoords(true, calculate).every(function(point) { + return (point.x >= pointBR.x || point.x <= pointTL.x) && + (point.y >= pointBR.y || point.y <= pointTL.y); + }); + return allPointsAreOutside && this._containsCenterOfCanvas(pointTL, pointBR, calculate); + }, + + /** + * Method that returns an object with the object edges in it, given the coordinates of the corners + * @private + * @param {Object} oCoords Coordinates of the object corners + */ + _getImageLines: function(oCoords) { + + var lines = { + topline: { + o: oCoords.tl, + d: oCoords.tr }, - /** - * @private - */ - _collectObjects: function (e) { - var group = [], currentObject, x1 = this._groupSelector.ex, y1 = this._groupSelector.ey, x2 = x1 + this._groupSelector.left, y2 = y1 + this._groupSelector.top, selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)), selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)), allowIntersect = !this.selectionFullyContained, isClick = x1 === x2 && y1 === y2; - // we iterate reverse order to collect top first in case of click. - for (var i = this._objects.length; i--;) { - currentObject = this._objects[i]; - if (!currentObject || - !currentObject.selectable || - !currentObject.visible) { - continue; - } - if ((allowIntersect && - currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || - currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || - (allowIntersect && - currentObject.containsPoint(selectionX1Y1, null, true)) || - (allowIntersect && - currentObject.containsPoint(selectionX2Y2, null, true))) { - group.push(currentObject); - // only add one object if it's a click - if (isClick) { - break; - } - } - } - if (group.length > 1) { - group = group.filter(function (object) { - return !object.onSelect({ e: e }); - }); - } - return group; + rightline: { + o: oCoords.tr, + d: oCoords.br }, - /** - * @private - */ - _maybeGroupObjects: function (e) { - if (this.selection && this._groupSelector) { - this._groupSelectedObjects(e); - } - this.setCursor(this.defaultCursor); - // clear selection and current transformation - this._groupSelector = null; + bottomline: { + o: oCoords.br, + d: oCoords.bl }, + leftline: { + o: oCoords.bl, + d: oCoords.tl + } + }; + + // // debugging + // if (this.canvas.contextTop) { + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + // } + + return lines; + }, + + /** + * Helper method to determine how many cross points are between the 4 object edges + * and the horizontal line determined by a point on canvas + * @private + * @param {fabric.Point} point Point to check + * @param {Object} lines Coordinates of the object being evaluated + */ + // remove yi, not used but left code here just in case. + _findCrossPoints: function(point, lines) { + var b1, b2, a1, a2, xi, // yi, + xcount = 0, + iLine; + + for (var lineKey in lines) { + iLine = lines[lineKey]; + // optimisation 1: line below point. no cross + if ((iLine.o.y < point.y) && (iLine.d.y < point.y)) { + continue; + } + // optimisation 2: line above point. no cross + if ((iLine.o.y >= point.y) && (iLine.d.y >= point.y)) { + continue; + } + // optimisation 3: vertical line case + if ((iLine.o.x === iLine.d.x) && (iLine.o.x >= point.x)) { + xi = iLine.o.x; + // yi = point.y; + } + // calculate the intersection point + else { + b1 = 0; + b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); + a1 = point.y - b1 * point.x; + a2 = iLine.o.y - b2 * iLine.o.x; + + xi = -(a1 - a2) / (b1 - b2); + // yi = a1 + b1 * xi; + } + // dont count xi < point.x cases + if (xi >= point.x) { + xcount += 1; + } + // optimisation 4: specific for square images + if (xcount === 2) { + break; + } + } + return xcount; + }, + + /** + * Returns coordinates of object's bounding rectangle (left, top, width, height) + * the box is intended as aligned to axis of canvas. + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords / .aCoords + * @return {Object} Object with left, top, width, height properties + */ + getBoundingRect: function(absolute, calculate) { + var coords = this.getCoords(absolute, calculate); + return util.makeBoundingBoxFromPoints(coords); + }, + + /** + * Returns width of an object's bounding box counting transformations + * before 2.0 it was named getWidth(); + * @return {Number} width value + */ + getScaledWidth: function() { + return this._getTransformedDimensions().x; + }, + + /** + * Returns height of an object bounding box counting transformations + * before 2.0 it was named getHeight(); + * @return {Number} height value + */ + getScaledHeight: function() { + return this._getTransformedDimensions().y; + }, + + /** + * Makes sure the scale is valid and modifies it if necessary + * @private + * @param {Number} value + * @return {Number} + */ + _constrainScale: function(value) { + if (Math.abs(value) < this.minScaleLimit) { + if (value < 0) { + return -this.minScaleLimit; + } + else { + return this.minScaleLimit; + } + } + else if (value === 0) { + return 0.0001; + } + return value; + }, + + /** + * Scales an object (equally by x and y) + * @param {Number} value Scale factor + * @return {fabric.Object} thisArg + * @chainable + */ + scale: function(value) { + this._set('scaleX', value); + this._set('scaleY', value); + return this.setCoords(); + }, + + /** + * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New width value + * @param {Boolean} absolute ignore viewport + * @return {fabric.Object} thisArg + * @chainable + */ + scaleToWidth: function(value, absolute) { + // adjust to bounding rect factor so that rotated shapes would fit as well + var boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); + return this.scale(value / this.width / boundingRectFactor); + }, + + /** + * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New height value + * @param {Boolean} absolute ignore viewport + * @return {fabric.Object} thisArg + * @chainable + */ + scaleToHeight: function(value, absolute) { + // adjust to bounding rect factor so that rotated shapes would fit as well + var boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); + return this.scale(value / this.height / boundingRectFactor); + }, + + calcLineCoords: function() { + var vpt = this.getViewportTransform(), + padding = this.padding, angle = degreesToRadians(this.angle), + cos = util.cos(angle), sin = util.sin(angle), + cosP = cos * padding, sinP = sin * padding, cosPSinP = cosP + sinP, + cosPMinusSinP = cosP - sinP, aCoords = this.calcACoords(); + + var lineCoords = { + tl: transformPoint(aCoords.tl, vpt), + tr: transformPoint(aCoords.tr, vpt), + bl: transformPoint(aCoords.bl, vpt), + br: transformPoint(aCoords.br, vpt), + }; + + if (padding) { + lineCoords.tl.x -= cosPMinusSinP; + lineCoords.tl.y -= cosPSinP; + lineCoords.tr.x += cosPSinP; + lineCoords.tr.y -= cosPMinusSinP; + lineCoords.bl.x -= cosPSinP; + lineCoords.bl.y += cosPMinusSinP; + lineCoords.br.x += cosPMinusSinP; + lineCoords.br.y += cosPSinP; + } + + return lineCoords; + }, + + calcOCoords: function() { + var rotateMatrix = this._calcRotateMatrix(), + translateMatrix = this._calcTranslateMatrix(), + vpt = this.getViewportTransform(), + startMatrix = multiplyMatrices(vpt, translateMatrix), + finalMatrix = multiplyMatrices(startMatrix, rotateMatrix), + finalMatrix = multiplyMatrices(finalMatrix, [1 / vpt[0], 0, 0, 1 / vpt[3], 0, 0]), + dim = this._calculateCurrentDimensions(), + coords = {}; + this.forEachControl(function(control, key, fabricObject) { + coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); + }); + + // debug code + // var canvas = this.canvas; + // setTimeout(function() { + // canvas.contextTop.clearRect(0, 0, 700, 700); + // canvas.contextTop.fillStyle = 'green'; + // Object.keys(coords).forEach(function(key) { + // var control = coords[key]; + // canvas.contextTop.fillRect(control.x, control.y, 3, 3); + // }); + // }, 50); + return coords; + }, + + calcACoords: function() { + var rotateMatrix = this._calcRotateMatrix(), + translateMatrix = this._calcTranslateMatrix(), + finalMatrix = multiplyMatrices(translateMatrix, rotateMatrix), + dim = this._getTransformedDimensions(), + w = dim.x / 2, h = dim.y / 2; + return { + // corners + tl: transformPoint({ x: -w, y: -h }, finalMatrix), + tr: transformPoint({ x: w, y: -h }, finalMatrix), + bl: transformPoint({ x: -w, y: h }, finalMatrix), + br: transformPoint({ x: w, y: h }, finalMatrix) + }; + }, + + /** + * Sets corner and controls position coordinates based on current angle, width and height, left and top. + * oCoords are used to find the corners + * aCoords are used to quickly find an object on the canvas + * lineCoords are used to quickly find object during pointer events. + * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} + * + * @param {Boolean} [skipCorners] skip calculation of oCoords. + * @return {fabric.Object} thisArg + * @chainable + */ + setCoords: function(skipCorners) { + this.aCoords = this.calcACoords(); + // in case we are in a group, for how the inner group target check works, + // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. + this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); + if (skipCorners) { + return this; + } + // set coordinates of the draggable boxes in the corners used to scale/rotate the image + this.oCoords = this.calcOCoords(); + this._setCornerCoords && this._setCornerCoords(); + return this; + }, + + /** + * calculate rotation matrix of an object + * @return {Array} rotation matrix for the object + */ + _calcRotateMatrix: function() { + return util.calcRotateMatrix(this); + }, + + /** + * calculate the translation matrix for an object transform + * @return {Array} rotation matrix for the object + */ + _calcTranslateMatrix: function() { + var center = this.getCenterPoint(); + return [1, 0, 0, 1, center.x, center.y]; + }, + + transformMatrixKey: function(skipGroup) { + var sep = '_', prefix = ''; + if (!skipGroup && this.group) { + prefix = this.group.transformMatrixKey(skipGroup) + sep; + }; + return prefix + this.top + sep + this.left + sep + this.scaleX + sep + this.scaleY + + sep + this.skewX + sep + this.skewY + sep + this.angle + sep + this.originX + sep + this.originY + + sep + this.width + sep + this.height + sep + this.strokeWidth + this.flipX + this.flipY; + }, + + /** + * calculate transform matrix that represents the current transformations from the + * object's properties. + * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations + * There are some situation in which this is useful to avoid the fake rotation. + * @return {Array} transform matrix for the object + */ + calcTransformMatrix: function(skipGroup) { + var matrix = this.calcOwnMatrix(); + if (skipGroup || !this.group) { + return matrix; + } + var key = this.transformMatrixKey(skipGroup), cache = this.matrixCache || (this.matrixCache = {}); + if (cache.key === key) { + return cache.value; + } + if (this.group) { + matrix = multiplyMatrices(this.group.calcTransformMatrix(false), matrix); + } + cache.key = key; + cache.value = matrix; + return matrix; + }, + + /** + * calculate transform matrix that represents the current transformations from the + * object's properties, this matrix does not include the group transformation + * @return {Array} transform matrix for the object + */ + calcOwnMatrix: function() { + var key = this.transformMatrixKey(true), cache = this.ownMatrixCache || (this.ownMatrixCache = {}); + if (cache.key === key) { + return cache.value; + } + var tMatrix = this._calcTranslateMatrix(), + options = { + angle: this.angle, + translateX: tMatrix[4], + translateY: tMatrix[5], + scaleX: this.scaleX, + scaleY: this.scaleY, + skewX: this.skewX, + skewY: this.skewY, + flipX: this.flipX, + flipY: this.flipY, + }; + cache.key = key; + cache.value = util.composeMatrix(options); + return cache.value; + }, + + /* + * Calculate object dimensions from its properties + * @private + * @return {Object} .x width dimension + * @return {Object} .y height dimension + */ + _getNonTransformedDimensions: function() { + var strokeWidth = this.strokeWidth, + w = this.width + strokeWidth, + h = this.height + strokeWidth; + return { x: w, y: h }; + }, + + /* + * Calculate object bounding box dimensions from its properties scale, skew. + * @param {Number} skewX, a value to override current skewX + * @param {Number} skewY, a value to override current skewY + * @private + * @return {Object} .x width dimension + * @return {Object} .y height dimension + */ + _getTransformedDimensions: function(skewX, skewY) { + if (typeof skewX === 'undefined') { + skewX = this.skewX; + } + if (typeof skewY === 'undefined') { + skewY = this.skewY; + } + var dimensions, dimX, dimY, + noSkew = skewX === 0 && skewY === 0; + + if (this.strokeUniform) { + dimX = this.width; + dimY = this.height; + } + else { + dimensions = this._getNonTransformedDimensions(); + dimX = dimensions.x; + dimY = dimensions.y; + } + if (noSkew) { + return this._finalizeDimensions(dimX * this.scaleX, dimY * this.scaleY); + } + var bbox = util.sizeAfterTransform(dimX, dimY, { + scaleX: this.scaleX, + scaleY: this.scaleY, + skewX: skewX, + skewY: skewY, + }); + return this._finalizeDimensions(bbox.x, bbox.y); + }, + + /* + * Calculate object bounding box dimensions from its properties scale, skew. + * @param Number width width of the bbox + * @param Number height height of the bbox + * @private + * @return {Object} .x finalized width dimension + * @return {Object} .y finalized height dimension + */ + _finalizeDimensions: function(width, height) { + return this.strokeUniform ? + { x: width + this.strokeWidth, y: height + this.strokeWidth } + : + { x: width, y: height }; + }, + + /* + * Calculate object dimensions for controls box, including padding and canvas zoom. + * and active selection + * private + */ + _calculateCurrentDimensions: function() { + var vpt = this.getViewportTransform(), + dim = this._getTransformedDimensions(), + p = transformPoint(dim, vpt, true); + return p.scalarAdd(2 * this.padding); + }, + }); +})(); + + +fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Moves an object to the bottom of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + sendToBack: function() { + if (this.group) { + fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); + } + else if (this.canvas) { + this.canvas.sendToBack(this); + } + return this; + }, + + /** + * Moves an object to the top of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + bringToFront: function() { + if (this.group) { + fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); + } + else if (this.canvas) { + this.canvas.bringToFront(this); + } + return this; + }, + + /** + * Moves an object down in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + sendBackwards: function(intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.sendBackwards(this, intersecting); + } + return this; + }, + + /** + * Moves an object up in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + bringForward: function(intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.bringForward(this, intersecting); + } + return this; + }, + + /** + * Moves an object to specified level in stack of drawn objects + * @param {Number} index New position of object + * @return {fabric.Object} thisArg + * @chainable + */ + moveTo: function(index) { + if (this.group && this.group.type !== 'activeSelection') { + fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); + } + else if (this.canvas) { + this.canvas.moveTo(this, index); + } + return this; + } +}); + + +/* _TO_SVG_START_ */ +(function() { + function getSvgColorString(prop, value) { + if (!value) { + return prop + ': none; '; + } + else if (value.toLive) { + return prop + ': url(#SVGID_' + value.id + '); '; + } + else { + var color = new fabric.Color(value), + str = prop + ': ' + color.toRgb() + '; ', + opacity = color.getAlpha(); + if (opacity !== 1) { + //change the color in rgb + opacity + str += prop + '-opacity: ' + opacity.toString() + '; '; + } + return str; + } + } + + var toFixed = fabric.util.toFixed; + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function(skipShadow) { + + var fillRule = this.fillRule ? this.fillRule : 'nonzero', + strokeWidth = this.strokeWidth ? this.strokeWidth : '0', + strokeDashArray = this.strokeDashArray ? this.strokeDashArray.join(' ') : 'none', + strokeDashOffset = this.strokeDashOffset ? this.strokeDashOffset : '0', + strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', + strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', + strokeMiterLimit = this.strokeMiterLimit ? this.strokeMiterLimit : '4', + opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', + visibility = this.visible ? '' : ' visibility: hidden;', + filter = skipShadow ? '' : this.getSvgFilter(), + fill = getSvgColorString('fill', this.fill), + stroke = getSvgColorString('stroke', this.stroke); + + return [ + stroke, + 'stroke-width: ', strokeWidth, '; ', + 'stroke-dasharray: ', strokeDashArray, '; ', + 'stroke-linecap: ', strokeLineCap, '; ', + 'stroke-dashoffset: ', strokeDashOffset, '; ', + 'stroke-linejoin: ', strokeLineJoin, '; ', + 'stroke-miterlimit: ', strokeMiterLimit, '; ', + fill, + 'fill-rule: ', fillRule, '; ', + 'opacity: ', opacity, ';', + filter, + visibility + ].join(''); + }, + + /** + * Returns styles-string for svg-export + * @param {Object} style the object from which to retrieve style properties + * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. + * @return {String} + */ + getSvgSpanStyles: function(style, useWhiteSpace) { + var term = '; '; + var fontFamily = style.fontFamily ? + 'font-family: ' + (((style.fontFamily.indexOf('\'') === -1 && style.fontFamily.indexOf('"') === -1) ? + '\'' + style.fontFamily + '\'' : style.fontFamily)) + term : ''; + var strokeWidth = style.strokeWidth ? 'stroke-width: ' + style.strokeWidth + term : '', + fontFamily = fontFamily, + fontSize = style.fontSize ? 'font-size: ' + style.fontSize + 'px' + term : '', + fontStyle = style.fontStyle ? 'font-style: ' + style.fontStyle + term : '', + fontWeight = style.fontWeight ? 'font-weight: ' + style.fontWeight + term : '', + fill = style.fill ? getSvgColorString('fill', style.fill) : '', + stroke = style.stroke ? getSvgColorString('stroke', style.stroke) : '', + textDecoration = this.getSvgTextDecoration(style), + deltaY = style.deltaY ? 'baseline-shift: ' + (-style.deltaY) + '; ' : ''; + if (textDecoration) { + textDecoration = 'text-decoration: ' + textDecoration + term; + } + + return [ + stroke, + strokeWidth, + fontFamily, + fontSize, + fontStyle, + fontWeight, + textDecoration, + fill, + deltaY, + useWhiteSpace ? 'white-space: pre; ' : '' + ].join(''); + }, + + /** + * Returns text-decoration property for svg-export + * @param {Object} style the object from which to retrieve style properties + * @return {String} + */ + getSvgTextDecoration: function(style) { + return ['overline', 'underline', 'line-through'].filter(function(decoration) { + return style[decoration.replace('-', '')]; + }).join(' '); + }, + + /** + * Returns filter for svg shadow + * @return {String} + */ + getSvgFilter: function() { + return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; + }, + + /** + * Returns id attribute for svg output + * @return {String} + */ + getSvgCommons: function() { + return [ + this.id ? 'id="' + this.id + '" ' : '', + this.clipPath ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' : '', + ].join(''); + }, + + /** + * Returns transform-string for svg-export + * @param {Boolean} use the full transform or the single object one. + * @return {String} + */ + getSvgTransform: function(full, additionalTransform) { + var transform = full ? this.calcTransformMatrix() : this.calcOwnMatrix(), + svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); + return svgTransform + + (additionalTransform || '') + '" '; + }, + + _setSVGBg: function(textBgRects) { + if (this.backgroundColor) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n'); + } + }, + + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function(reviver) { + return this._createBaseSVGMarkup(this._toSVG(reviver), { reviver: reviver }); + }, + + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function(reviver) { + return '\t' + this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { reviver: reviver }); + }, + + /** + * @private + */ + _createBaseClipPathSVGMarkup: function(objectMarkup, options) { + options = options || {}; + var reviver = options.reviver, + additionalTransform = options.additionalTransform || '', + commonPieces = [ + this.getSvgTransform(true, additionalTransform), + this.getSvgCommons(), + ].join(''), + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'); + objectMarkup[index] = commonPieces; + return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); + }, + + /** + * @private + */ + _createBaseSVGMarkup: function(objectMarkup, options) { + options = options || {}; + var noStyle = options.noStyle, + reviver = options.reviver, + styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', + shadowInfo = options.withShadow ? 'style="' + this.getSvgFilter() + '" ' : '', + clipPath = this.clipPath, + vectorEffect = this.strokeUniform ? 'vector-effect="non-scaling-stroke" ' : '', + absoluteClipPath = clipPath && clipPath.absolutePositioned, + stroke = this.stroke, fill = this.fill, shadow = this.shadow, + commonPieces, markup = [], clipPathMarkup, + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'), + additionalTransform = options.additionalTransform; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; + clipPathMarkup = '\n' + + clipPath.toClipPathSVG(reviver) + + '\n'; + } + if (absoluteClipPath) { + markup.push( + '\n' + ); + } + markup.push( + '\n' + ); + commonPieces = [ + styleInfo, + vectorEffect, + noStyle ? '' : this.addPaintOrder(), ' ', + additionalTransform ? 'transform="' + additionalTransform + '" ' : '', + ].join(''); + objectMarkup[index] = commonPieces; + if (fill && fill.toLive) { + markup.push(fill.toSVG(this)); + } + if (stroke && stroke.toLive) { + markup.push(stroke.toSVG(this)); + } + if (shadow) { + markup.push(shadow.toSVG(this)); + } + if (clipPath) { + markup.push(clipPathMarkup); + } + markup.push(objectMarkup.join('')); + markup.push('\n'); + absoluteClipPath && markup.push('\n'); + return reviver ? reviver(markup.join('')) : markup.join(''); + }, + + addPaintOrder: function() { + return this.paintFirst !== 'fill' ? ' paint-order="' + this.paintFirst + '" ' : ''; + } + }); +})(); +/* _TO_SVG_END_ */ + + +(function() { + + var extend = fabric.util.object.extend, + originalSet = 'stateProperties'; + + /* + Depends on `stateProperties` + */ + function saveProps(origin, destination, props) { + var tmpObj = { }, deep = true; + props.forEach(function(prop) { + tmpObj[prop] = origin[prop]; }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately - * @param {Object} [options] Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 - * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format - * @see {@link https://jsfiddle.net/xsjua1rd/ demo} - * @example Generate jpeg dataURL with lower quality - * var dataURL = canvas.toDataURL({ - * format: 'jpeg', - * quality: 0.8 - * }); - * @example Generate cropped png dataURL (clipping of canvas) - * var dataURL = canvas.toDataURL({ - * format: 'png', - * left: 100, - * top: 100, - * width: 200, - * height: 200 - * }); - * @example Generate double scaled png dataURL - * var dataURL = canvas.toDataURL({ - * format: 'png', - * multiplier: 2 - * }); - * @example Generate dataURL with objects that overlap a specified object - * var myObject; - * var dataURL = canvas.toDataURL({ - * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject) - * }); - */ - toDataURL: function (options) { - options || (options = {}); - var format = options.format || 'png', quality = options.quality || 1, multiplier = (options.multiplier || 1) * - (options.enableRetinaScaling ? this.getRetinaScaling() : 1), canvasEl = this.toCanvasElement(multiplier, options); - return fabric.util.toDataURL(canvasEl, format, quality); - }, - /** - * Create a new HTMLCanvas element painted with the current canvas content. - * No need to resize the actual one or repaint it. - * Will transfer object ownership to a new canvas, paint it, and set everything back. - * This is an intermediary step used to get to a dataUrl but also it is useful to - * create quick image copies of a canvas without passing for the dataUrl string - * @param {Number} [multiplier] a zoom factor. - * @param {Object} [options] Cropping informations - * @param {Number} [options.left] Cropping left offset. - * @param {Number} [options.top] Cropping top offset. - * @param {Number} [options.width] Cropping width. - * @param {Number} [options.height] Cropping height. - * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. - */ - toCanvasElement: function (multiplier, options) { - multiplier = multiplier || 1; - options = options || {}; - var scaledWidth = (options.width || this.width) * multiplier, scaledHeight = (options.height || this.height) * multiplier, zoom = this.getZoom(), originalWidth = this.width, originalHeight = this.height, newZoom = zoom * multiplier, vp = this.viewportTransform, translateX = (vp[4] - (options.left || 0)) * multiplier, translateY = (vp[5] - (options.top || 0)) * multiplier, originalInteractive = this.interactive, newVp = [newZoom, 0, 0, newZoom, translateX, translateY], originalRetina = this.enableRetinaScaling, canvasEl = fabric.util.createCanvasElement(), originalContextTop = this.contextTop, objectsToRender = options.filter - ? this._objects.filter(options.filter) - : this._objects; - canvasEl.width = scaledWidth; - canvasEl.height = scaledHeight; - this.contextTop = null; - this.enableRetinaScaling = false; - this.interactive = false; - this.viewportTransform = newVp; - this.width = scaledWidth; - this.height = scaledHeight; - this.calcViewportBoundaries(); - this.renderCanvas(canvasEl.getContext('2d'), objectsToRender); - this.viewportTransform = vp; - this.width = originalWidth; - this.height = originalHeight; - this.calcViewportBoundaries(); - this.interactive = originalInteractive; - this.enableRetinaScaling = originalRetina; - this.contextTop = originalContextTop; - return canvasEl; - }, + + extend(origin[destination], tmpObj, deep); + } + + function _isEqual(origValue, currentValue, firstPass) { + if (origValue === currentValue) { + // if the objects are identical, return + return true; + } + else if (Array.isArray(origValue)) { + if (!Array.isArray(currentValue) || origValue.length !== currentValue.length) { + return false; + } + for (var i = 0, len = origValue.length; i < len; i++) { + if (!_isEqual(origValue[i], currentValue[i])) { + return false; + } + } + return true; + } + else if (origValue && typeof origValue === 'object') { + var keys = Object.keys(origValue), key; + if (!currentValue || + typeof currentValue !== 'object' || + (!firstPass && keys.length !== Object.keys(currentValue).length) + ) { + return false; + } + for (var i = 0, len = keys.length; i < len; i++) { + key = keys[i]; + // since clipPath is in the statefull cache list and the clipPath objects + // would be iterated as an object, this would lead to possible infinite recursion + // we do not want to compare those. + if (key === 'canvas' || key === 'group') { + continue; + } + if (!_isEqual(origValue[key], currentValue[key])) { + return false; + } + } + return true; + } + } + + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Returns true if object state (one of its state properties) was changed + * @param {String} [propertySet] optional name for the set of property we want to save + * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called + */ + hasStateChanged: function(propertySet) { + propertySet = propertySet || originalSet; + var dashedPropertySet = '_' + propertySet; + if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { + return true; + } + return !_isEqual(this[dashedPropertySet], this, true); + }, + + /** + * Saves state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + saveState: function(options) { + var propertySet = options && options.propertySet || originalSet, + destination = '_' + propertySet; + if (!this[destination]) { + return this.setupState(options); + } + saveProps(this, destination, this[propertySet]); + if (options && options.stateProperties) { + saveProps(this, destination, options.stateProperties); + } + return this; + }, + + /** + * Setups state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + setupState: function(options) { + options = options || { }; + var propertySet = options.propertySet || originalSet; + options.propertySet = propertySet; + this['_' + propertySet] = { }; + this.saveState(options); + return this; + } + }); +})(); + + +(function() { + + var degreesToRadians = fabric.util.degreesToRadians; + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + /** + * Determines which corner has been clicked + * @private + * @param {Object} pointer The pointer indicating the mouse position + * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found + */ + _findTargetCorner: function(pointer, forTouch) { + // objects in group, anykind, are not self modificable, + // must not return an hovered corner. + if (!this.hasControls || this.group || (!this.canvas || this.canvas._activeObject !== this)) { + return false; + } + + var ex = pointer.x, + ey = pointer.y, + xPoints, + lines, keys = Object.keys(this.oCoords), + j = keys.length - 1, i; + this.__corner = 0; + + // cycle in reverse order so we pick first the one on top + for (; j >= 0; j--) { + i = keys[j]; + if (!this.isControlVisible(i)) { + continue; + } + + lines = this._getImageLines(forTouch ? this.oCoords[i].touchCorner : this.oCoords[i].corner); + // // debugging + // + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + + xPoints = this._findCrossPoints({ x: ex, y: ey }, lines); + if (xPoints !== 0 && xPoints % 2 === 1) { + this.__corner = i; + return i; + } + } + return false; + }, + + /** + * Calls a function for each control. The function gets called, + * with the control, the object that is calling the iterator and the control's key + * @param {Function} fn function to iterate over the controls over + */ + forEachControl: function(fn) { + for (var i in this.controls) { + fn(this.controls[i], i, this); + }; + }, + + /** + * Sets the coordinates of the draggable boxes in the corners of + * the image used to scale/rotate it. + * note: if we would switch to ROUND corner area, all of this would disappear. + * everything would resolve to a single point and a pythagorean theorem for the distance + * @private + */ + _setCornerCoords: function() { + var coords = this.oCoords; + + for (var control in coords) { + var controlObject = this.controls[control]; + coords[control].corner = controlObject.calcCornerCoords( + this.angle, this.cornerSize, coords[control].x, coords[control].y, false); + coords[control].touchCorner = controlObject.calcCornerCoords( + this.angle, this.touchCornerSize, coords[control].x, coords[control].y, true); + } + }, + + /** + * Draws a colored layer behind the object, inside its selection borders. + * Requires public options: padding, selectionBackgroundColor + * this function is called when the context is transformed + * has checks to be skipped when the object is on a staticCanvas + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @return {fabric.Object} thisArg + * @chainable + */ + drawSelectionBackground: function(ctx) { + if (!this.selectionBackgroundColor || + (this.canvas && !this.canvas.interactive) || + (this.canvas && this.canvas._activeObject !== this) + ) { + return this; + } + ctx.save(); + var center = this.getCenterPoint(), wh = this._calculateCurrentDimensions(), + vpt = this.canvas.viewportTransform; + ctx.translate(center.x, center.y); + ctx.scale(1 / vpt[0], 1 / vpt[3]); + ctx.rotate(degreesToRadians(this.angle)); + ctx.fillStyle = this.selectionBackgroundColor; + ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); + ctx.restore(); + return this; + }, + + /** + * Draws borders of an object's bounding box. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Object} styleOverride object to override the object style + * @return {fabric.Object} thisArg + * @chainable + */ + drawBorders: function(ctx, styleOverride) { + styleOverride = styleOverride || {}; + var wh = this._calculateCurrentDimensions(), + strokeWidth = this.borderScaleFactor, + width = wh.x + strokeWidth, + height = wh.y + strokeWidth, + hasControls = typeof styleOverride.hasControls !== 'undefined' ? + styleOverride.hasControls : this.hasControls, + shouldStroke = false; + + ctx.save(); + ctx.strokeStyle = styleOverride.borderColor || this.borderColor; + this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); + + ctx.strokeRect( + -width / 2, + -height / 2, + width, + height + ); + + if (hasControls) { + ctx.beginPath(); + this.forEachControl(function(control, key, fabricObject) { + // in this moment, the ctx is centered on the object. + // width and height of the above function are the size of the bbox. + if (control.withConnection && control.getVisibility(fabricObject, key)) { + // reset movement for each control + shouldStroke = true; + ctx.moveTo(control.x * width, control.y * height); + ctx.lineTo( + control.x * width + control.offsetX, + control.y * height + control.offsetY + ); + } + }); + if (shouldStroke) { + ctx.stroke(); + } + } + ctx.restore(); + return this; + }, + + /** + * Draws borders of an object's bounding box when it is inside a group. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {object} options object representing current object parameters + * @param {Object} styleOverride object to override the object style + * @return {fabric.Object} thisArg + * @chainable + */ + drawBordersInGroup: function(ctx, options, styleOverride) { + styleOverride = styleOverride || {}; + var bbox = fabric.util.sizeAfterTransform(this.width, this.height, options), + strokeWidth = this.strokeWidth, + strokeUniform = this.strokeUniform, + borderScaleFactor = this.borderScaleFactor, + width = + bbox.x + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleX) + borderScaleFactor, + height = + bbox.y + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleY) + borderScaleFactor; + ctx.save(); + this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); + ctx.strokeStyle = styleOverride.borderColor || this.borderColor; + ctx.strokeRect( + -width / 2, + -height / 2, + width, + height + ); + + ctx.restore(); + return this; + }, + + /** + * Draws corners of an object's bounding box. + * Requires public properties: width, height + * Requires public options: cornerSize, padding + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Object} styleOverride object to override the object style + * @return {fabric.Object} thisArg + * @chainable + */ + drawControls: function(ctx, styleOverride) { + styleOverride = styleOverride || {}; + ctx.save(); + var retinaScaling = this.canvas.getRetinaScaling(), matrix, p; + ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); + ctx.strokeStyle = ctx.fillStyle = styleOverride.cornerColor || this.cornerColor; + if (!this.transparentCorners) { + ctx.strokeStyle = styleOverride.cornerStrokeColor || this.cornerStrokeColor; + } + this._setLineDash(ctx, styleOverride.cornerDashArray || this.cornerDashArray); + this.setCoords(); + if (this.group) { + // fabricJS does not really support drawing controls inside groups, + // this piece of code here helps having at least the control in places. + // If an application needs to show some objects as selected because of some UI state + // can still call Object._renderControls() on any object they desire, independently of groups. + // using no padding, circular controls and hiding the rotating cursor is higly suggested, + matrix = this.group.calcTransformMatrix(); + } + this.forEachControl(function(control, key, fabricObject) { + p = fabricObject.oCoords[key]; + if (control.getVisibility(fabricObject, key)) { + if (matrix) { + p = fabric.util.transformPoint(p, matrix); + } + control.render(ctx, p.x, p.y, styleOverride, fabricObject); + } + }); + ctx.restore(); + + return this; + }, + + /** + * Returns true if the specified control is visible, false otherwise. + * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. + * @returns {Boolean} true if the specified control is visible, false otherwise + */ + isControlVisible: function(controlKey) { + return this.controls[controlKey] && this.controls[controlKey].getVisibility(this, controlKey); + }, + + /** + * Sets the visibility of the specified control. + * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. + * @param {Boolean} visible true to set the specified control visible, false otherwise + * @return {fabric.Object} thisArg + * @chainable + */ + setControlVisible: function(controlKey, visible) { + if (!this._controlsVisibility) { + this._controlsVisibility = {}; + } + this._controlsVisibility[controlKey] = visible; + return this; + }, + + /** + * Sets the visibility state of object controls. + * @param {Object} [options] Options object + * @param {Boolean} [options.bl] true to enable the bottom-left control, false to disable it + * @param {Boolean} [options.br] true to enable the bottom-right control, false to disable it + * @param {Boolean} [options.mb] true to enable the middle-bottom control, false to disable it + * @param {Boolean} [options.ml] true to enable the middle-left control, false to disable it + * @param {Boolean} [options.mr] true to enable the middle-right control, false to disable it + * @param {Boolean} [options.mt] true to enable the middle-top control, false to disable it + * @param {Boolean} [options.tl] true to enable the top-left control, false to disable it + * @param {Boolean} [options.tr] true to enable the top-right control, false to disable it + * @param {Boolean} [options.mtr] true to enable the middle-top-rotate control, false to disable it + * @return {fabric.Object} thisArg + * @chainable + */ + setControlsVisibility: function(options) { + options || (options = { }); + + for (var p in options) { + this.setControlVisible(p, options[p]); + } + return this; + }, + + + /** + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to deselect this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event + */ + onDeselect: function() { + // implemented by sub-classes, as needed. + }, + + + /** + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to select this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event + */ + onSelect: function() { + // implemented by sub-classes, as needed. + } + }); +})(); + + +fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + + /** + * Animation duration (in ms) for fx* methods + * @type Number + * @default + */ + FX_DURATION: 500, + + /** + * Centers object horizontally with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectH: function (object, callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: object.left, + endValue: this.getCenter().left, + duration: this.FX_DURATION, + onChange: function(value) { + object.set('left', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function() { + object.setCoords(); + onComplete(); + } }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Populates canvas with data from the specified JSON. - * JSON format must conform to the one of {@link fabric.Canvas#toJSON} - * - * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking - * - * @param {String|Object} json JSON string or object - * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. - * @param {Object} [options] options - * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @return {Promise} instance - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} - * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} - * @example loadFromJSON - * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll()); - * @example loadFromJSON with reviver - * canvas.loadFromJSON(json, function(o, object) { - * // `o` = json object - * // `object` = fabric.Object instance - * // ... do some stuff ... - * }).then((canvas) => { - * ... canvas is restored, add your code. - * }); - * - */ - loadFromJSON: function (json, reviver, options) { - if (!json) { - return Promise.reject(new Error('fabric.js: `json` is undefined')); - } - // serialize if it wasn't already - var serialized = typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json); - var _this = this, renderOnAddRemove = this.renderOnAddRemove; - this.renderOnAddRemove = false; - return Promise.all([ - fabric.util.enlivenObjects(serialized.objects || [], { - reviver: reviver, - signal: options && options.signal, - }), - fabric.util.enlivenObjectEnlivables({ - backgroundImage: serialized.backgroundImage, - backgroundColor: serialized.background, - overlayImage: serialized.overlayImage, - overlayColor: serialized.overlay, - clipPath: serialized.clipPath, - }, { signal: options && options.signal }), - ]).then(function (res) { - var enlived = res[0], enlivedMap = res[1]; - _this.clear(); - _this.__setupCanvas(serialized, enlived); - _this.renderOnAddRemove = renderOnAddRemove; - _this.set(enlivedMap); - return _this; - }); - }, - /** - * @private - * @param {Object} serialized Object with background and overlay information - * @param {Array} enlivenedObjects canvas objects - */ - __setupCanvas: function (serialized, enlivenedObjects) { - var _this = this; - enlivenedObjects.forEach(function (obj, index) { - // we splice the array just in case some custom classes restored from JSON - // will add more object to canvas at canvas init. - _this.insertAt(obj, index); - }); - // remove parts i cannot set as options - delete serialized.objects; - delete serialized.backgroundImage; - delete serialized.overlayImage; - delete serialized.background; - delete serialized.overlay; - // this._initOptions does too many things to just - // call it. Normally loading an Object from JSON - // create the Object instance. Here the Canvas is - // already an instance and we are just loading things over it - this._setOptions(serialized); - }, - /** - * Clones canvas instance - * @param {Array} [properties] Array of properties to include in the cloned canvas and children - * @returns {Promise} - */ - clone: function (properties) { - var data = JSON.stringify(this.toJSON(properties)); - return this.cloneWithoutData().then(function (clone) { - return clone.loadFromJSON(data); - }); - }, - /** - * Clones canvas instance without cloning existing data. - * This essentially copies canvas dimensions, clipping properties, etc. - * but leaves data empty (so that you can populate it with your own) - * @returns {Promise} - */ - cloneWithoutData: function () { - var el = fabric.util.createCanvasElement(); - el.width = this.width; - el.height = this.height; - // this seems wrong. either Canvas or StaticCanvas - var clone = new fabric.Canvas(el); - var data = {}; - if (this.backgroundImage) { - data.backgroundImage = this.backgroundImage.toObject(); - } - if (this.backgroundColor) { - data.background = this.backgroundColor.toObject - ? this.backgroundColor.toObject() - : this.backgroundColor; - } - return clone.loadFromJSON(data); - }, + }, + + /** + * Centers object vertically with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectV: function (object, callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: object.top, + endValue: this.getCenter().top, + duration: this.FX_DURATION, + onChange: function(value) { + object.set('top', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function() { + object.setCoords(); + onComplete(); + } }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, degreesToRadians = fabric.util.degreesToRadians, radiansToDegrees = fabric.util.radiansToDegrees; - /** - * Adds support for multi-touch gestures using the Event.js library. - * Fires the following custom events: - * - touch:gesture - * - touch:drag - * - touch:orientation - * - touch:shake - * - touch:longpress - */ - fabric.util.object.extend(fabric.Canvas.prototype, - /** @lends fabric.Canvas.prototype */ { - /** - * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports - * 2 finger gestures. - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onTransformGesture: function (e, self) { - if (this.isDrawingMode || - !e.touches || - e.touches.length !== 2 || - 'gesture' !== self.gesture) { - return; - } - var target = this.findTarget(e); - if ('undefined' !== typeof target) { - this.__gesturesParams = { - e: e, - self: self, - target: target, - }; - this.__gesturesRenderer(); - } - this.fire('touch:gesture', { - target: target, - e: e, - self: self, - }); - }, - __gesturesParams: null, - __gesturesRenderer: function () { - if (this.__gesturesParams === null || this._currentTransform === null) { - return; - } - var self = this.__gesturesParams.self, t = this._currentTransform, e = this.__gesturesParams.e; - t.action = 'scale'; - t.originX = t.originY = 'center'; - this._scaleObjectBy(self.scale, e); - if (self.rotation !== 0) { - t.action = 'rotate'; - this._rotateObjectByAngle(self.rotation, e); - } - this.requestRenderAll(); - t.action = 'drag'; - }, - /** - * Method that defines actions when an Event.js drag is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onDrag: function (e, self) { - this.fire('touch:drag', { - e: e, - self: self, - }); - }, - /** - * Method that defines actions when an Event.js orientation event is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onOrientationChange: function (e, self) { - this.fire('touch:orientation', { - e: e, - self: self, - }); - }, - /** - * Method that defines actions when an Event.js shake event is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onShake: function (e, self) { - this.fire('touch:shake', { - e: e, - self: self, - }); - }, - /** - * Method that defines actions when an Event.js longpress event is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onLongPress: function (e, self) { - this.fire('touch:longpress', { - e: e, - self: self, - }); - }, - /** - * Scales an object by a factor - * @param {Number} s The scale factor to apply to the current scale level - * @param {Event} e Event object by Event.js - */ - _scaleObjectBy: function (s, e) { - var t = this._currentTransform, target = t.target; - t.gestureScale = s; - target._scaling = true; - return scalingEqually(e, t, 0, 0); - }, - /** - * Rotates object by an angle - * @param {Number} curAngle The angle of rotation in degrees - * @param {Event} e Event object by Event.js - */ - _rotateObjectByAngle: function (curAngle, e) { - var t = this._currentTransform; - if (t.target.get('lockRotation')) { - return; - } - t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta)); - this._fire('rotating', { - target: t.target, - e: e, - transform: t, - }); - }, + }, + + /** + * Same as `fabric.Canvas#remove` but animated + * @param {fabric.Object} object Object to remove + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxRemove: function (object, callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: object.opacity, + endValue: 0, + duration: this.FX_DURATION, + onChange: function(value) { + object.set('opacity', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + _this.remove(object); + onComplete(); + } }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Checks if object is decendant of target - * Should be used instead of @link {fabric.Collection.contains} for performance reasons - * @param {fabric.Object|fabric.StaticCanvas} target - * @returns {boolean} - */ - isDescendantOf: function (target) { - var parent = this.group || this.canvas; - while (parent) { - if (target === parent) { - return true; - } - else if (parent instanceof fabric.StaticCanvas) { - // happens after all parents were traversed through without a match - return false; - } - parent = parent.group || parent.canvas; - } + } +}); + +fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + /** + * Animates object's properties + * @param {String|Object} property Property to animate (if string) or properties to animate (if object) + * @param {Number|Object} value Value to animate property to (if string was given first) or options object + * @return {fabric.Object} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} + * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) + * + * As object — multiple properties + * + * object.animate({ left: ..., top: ... }); + * object.animate({ left: ..., top: ... }, { duration: ... }); + * + * As string — one property + * + * object.animate('left', ...); + * object.animate('left', { duration: ... }); + * + */ + animate: function () { + if (arguments[0] && typeof arguments[0] === 'object') { + var propsToAnimate = [], prop, skipCallbacks, out = []; + for (prop in arguments[0]) { + propsToAnimate.push(prop); + } + for (var i = 0, len = propsToAnimate.length; i < len; i++) { + prop = propsToAnimate[i]; + skipCallbacks = i !== len - 1; + out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); + } + return out; + } + else { + return this._animate.apply(this, arguments); + } + }, + + /** + * @private + * @param {String} property Property to animate + * @param {String} to Value to animate to + * @param {Object} [options] Options object + * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked + */ + _animate: function(property, to, options, skipCallbacks) { + var _this = this, propPair; + + to = to.toString(); + + if (!options) { + options = { }; + } + else { + options = fabric.util.object.clone(options); + } + + if (~property.indexOf('.')) { + propPair = property.split('.'); + } + + var propIsColor = + _this.colorProperties.indexOf(property) > -1 || + (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); + + var currentValue = propPair + ? this.get(propPair[0])[propPair[1]] + : this.get(property); + + if (!('from' in options)) { + options.from = currentValue; + } + + if (!propIsColor) { + if (~to.indexOf('=')) { + to = currentValue + parseFloat(to.replace('=', '')); + } + else { + to = parseFloat(to); + } + } + + var _options = { + target: this, + startValue: options.from, + endValue: to, + byValue: options.by, + easing: options.easing, + duration: options.duration, + abort: options.abort && function(value, valueProgress, timeProgress) { + return options.abort.call(_this, value, valueProgress, timeProgress); + }, + onChange: function (value, valueProgress, timeProgress) { + if (propPair) { + _this[propPair[0]][propPair[1]] = value; + } + else { + _this.set(property, value); + } + if (skipCallbacks) { + return; + } + options.onChange && options.onChange(value, valueProgress, timeProgress); + }, + onComplete: function (value, valueProgress, timeProgress) { + if (skipCallbacks) { + return; + } + + _this.setCoords(); + options.onComplete && options.onComplete(value, valueProgress, timeProgress); + } + }; + + if (propIsColor) { + return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); + } + else { + return fabric.util.animate(_options); + } + } +}); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; + + if (fabric.Line) { + fabric.warn('fabric.Line is already defined'); + return; + } + + /** + * Line class + * @class fabric.Line + * @extends fabric.Object + * @see {@link fabric.Line#initialize} for constructor definition + */ + fabric.Line = fabric.util.createClass(fabric.Object, /** @lends fabric.Line.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'line', + + /** + * x value or first line edge + * @type Number + * @default + */ + x1: 0, + + /** + * y value or first line edge + * @type Number + * @default + */ + y1: 0, + + /** + * x value or second line edge + * @type Number + * @default + */ + x2: 0, + + /** + * y value or second line edge + * @type Number + * @default + */ + y2: 0, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), + + /** + * Constructor + * @param {Array} [points] Array of points + * @param {Object} [options] Options object + * @return {fabric.Line} thisArg + */ + initialize: function(points, options) { + if (!points) { + points = [0, 0, 0, 0]; + } + + this.callSuper('initialize', options); + + this.set('x1', points[0]); + this.set('y1', points[1]); + this.set('x2', points[2]); + this.set('y2', points[3]); + + this._setWidthHeight(options); + }, + + /** + * @private + * @param {Object} [options] Options + */ + _setWidthHeight: function(options) { + options || (options = { }); + + this.width = Math.abs(this.x2 - this.x1); + this.height = Math.abs(this.y2 - this.y1); + + this.left = 'left' in options + ? options.left + : this._getLeftToOriginX(); + + this.top = 'top' in options + ? options.top + : this._getTopToOriginY(); + }, + + /** + * @private + * @param {String} key + * @param {*} value + */ + _set: function(key, value) { + this.callSuper('_set', key, value); + if (typeof coordProps[key] !== 'undefined') { + this._setWidthHeight(); + } + return this; + }, + + /** + * @private + * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. + */ + _getLeftToOriginX: makeEdgeToOriginGetter( + { // property names + origin: 'originX', + axis1: 'x1', + axis2: 'x2', + dimension: 'width' + }, + { // possible values of origin + nearest: 'left', + center: 'center', + farthest: 'right' + } + ), + + /** + * @private + * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line. + */ + _getTopToOriginY: makeEdgeToOriginGetter( + { // property names + origin: 'originY', + axis1: 'y1', + axis2: 'y2', + dimension: 'height' + }, + { // possible values of origin + nearest: 'top', + center: 'center', + farthest: 'bottom' + } + ), + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + ctx.beginPath(); + + + var p = this.calcLinePoints(); + ctx.moveTo(p.x1, p.y1); + ctx.lineTo(p.x2, p.y2); + + ctx.lineWidth = this.strokeWidth; + + // TODO: test this + // make sure setting "fill" changes color of a line + // (by copying fillStyle to strokeStyle, since line is stroked, not filled) + var origStrokeStyle = ctx.strokeStyle; + ctx.strokeStyle = this.stroke || ctx.fillStyle; + this.stroke && this._renderStroke(ctx); + ctx.strokeStyle = origStrokeStyle; + }, + + /** + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates + */ + _findCenterFromElement: function() { + return { + x: (this.x1 + this.x2) / 2, + y: (this.y1 + this.y2) / 2, + }; + }, + + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), this.calcLinePoints()); + }, + + /* + * Calculate object dimensions from its properties + * @private + */ + _getNonTransformedDimensions: function() { + var dim = this.callSuper('_getNonTransformedDimensions'); + if (this.strokeLineCap === 'butt') { + if (this.width === 0) { + dim.y -= this.strokeWidth; + } + if (this.height === 0) { + dim.x -= this.strokeWidth; + } + } + return dim; + }, + + /** + * Recalculates line points given width and height + * @private + */ + calcLinePoints: function() { + var xMult = this.x1 <= this.x2 ? -1 : 1, + yMult = this.y1 <= this.y2 ? -1 : 1, + x1 = (xMult * this.width * 0.5), + y1 = (yMult * this.height * 0.5), + x2 = (xMult * this.width * -0.5), + y2 = (yMult * this.height * -0.5); + + return { + x1: x1, + x2: x2, + y1: y1, + y2: y2 + }; + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var p = this.calcLinePoints(); + return [ + '\n' + ]; + }, + /* _TO_SVG_END_ */ + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement}) + * @static + * @memberOf fabric.Line + * @see http://www.w3.org/TR/SVG/shapes.html#LineElement + */ + fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); + + /** + * Returns fabric.Line instance from an SVG element + * @static + * @memberOf fabric.Line + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {Function} [callback] callback function invoked after parsing + */ + fabric.Line.fromElement = function(element, callback, options) { + options = options || { }; + var parsedAttributes = fabric.parseAttributes(element, fabric.Line.ATTRIBUTE_NAMES), + points = [ + parsedAttributes.x1 || 0, + parsedAttributes.y1 || 0, + parsedAttributes.x2 || 0, + parsedAttributes.y2 || 0 + ]; + callback(new fabric.Line(points, extend(parsedAttributes, options))); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Line instance from an object representation + * @static + * @memberOf fabric.Line + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + */ + fabric.Line.fromObject = function(object, callback) { + function _callback(instance) { + delete instance.points; + callback && callback(instance); + }; + var options = clone(object, true); + options.points = [object.x1, object.y1, object.x2, object.y2]; + fabric.Object._fromObject('Line', options, _callback, 'points'); + }; + + /** + * Produces a function that calculates distance from canvas edge to Line origin. + */ + function makeEdgeToOriginGetter(propertyNames, originValues) { + var origin = propertyNames.origin, + axis1 = propertyNames.axis1, + axis2 = propertyNames.axis2, + dimension = propertyNames.dimension, + nearest = originValues.nearest, + center = originValues.center, + farthest = originValues.farthest; + + return function() { + switch (this.get(origin)) { + case nearest: + return Math.min(this.get(axis1), this.get(axis2)); + case center: + return Math.min(this.get(axis1), this.get(axis2)) + (0.5 * this.get(dimension)); + case farthest: + return Math.max(this.get(axis1), this.get(axis2)); + } + }; + + } + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + degreesToRadians = fabric.util.degreesToRadians; + + if (fabric.Circle) { + fabric.warn('fabric.Circle is already defined.'); + return; + } + + /** + * Circle class + * @class fabric.Circle + * @extends fabric.Object + * @see {@link fabric.Circle#initialize} for constructor definition + */ + fabric.Circle = fabric.util.createClass(fabric.Object, /** @lends fabric.Circle.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'circle', + + /** + * Radius of this circle + * @type Number + * @default + */ + radius: 0, + + /** + * degrees of start of the circle. + * probably will change to degrees in next major version + * @type Number 0 - 359 + * @default 0 + */ + startAngle: 0, + + /** + * End angle of the circle + * probably will change to degrees in next major version + * @type Number 1 - 360 + * @default 360 + */ + endAngle: 360, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('radius', 'startAngle', 'endAngle'), + + /** + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Circle} thisArg + */ + _set: function(key, value) { + this.callSuper('_set', key, value); + + if (key === 'radius') { + this.setRadius(value); + } + + return this; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['radius', 'startAngle', 'endAngle'].concat(propertiesToInclude)); + }, + + /* _TO_SVG_START_ */ + + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var svgString, x = 0, y = 0, + angle = (this.endAngle - this.startAngle) % 360; + + if (angle === 0) { + svgString = [ + '\n' + ]; + } + else { + var start = degreesToRadians(this.startAngle), + end = degreesToRadians(this.endAngle), + radius = this.radius, + startX = fabric.util.cos(start) * radius, + startY = fabric.util.sin(start) * radius, + endX = fabric.util.cos(end) * radius, + endY = fabric.util.sin(end) * radius, + largeFlag = angle > 180 ? '1' : '0'; + svgString = [ + '\n' + ]; + } + return svgString; + }, + /* _TO_SVG_END_ */ + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render on + */ + _render: function(ctx) { + ctx.beginPath(); + ctx.arc( + 0, + 0, + this.radius, + degreesToRadians(this.startAngle), + degreesToRadians(this.endAngle), + false + ); + this._renderPaintInOrder(ctx); + }, + + /** + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRadiusX: function() { + return this.get('radius') * this.get('scaleX'); + }, + + /** + * Returns vertical radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRadiusY: function() { + return this.get('radius') * this.get('scaleY'); + }, + + /** + * Sets radius of an object (and updates width accordingly) + * @return {fabric.Circle} thisArg + */ + setRadius: function(value) { + this.radius = value; + return this.set('width', value * 2).set('height', value * 2); + }, + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Circle.fromElement}) + * @static + * @memberOf fabric.Circle + * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement + */ + fabric.Circle.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy r'.split(' ')); + + /** + * Returns {@link fabric.Circle} instance from an SVG element + * @static + * @memberOf fabric.Circle + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @param {Object} [options] Options object + * @throws {Error} If value of `r` attribute is missing or invalid + */ + fabric.Circle.fromElement = function(element, callback) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Circle.ATTRIBUTE_NAMES); + + if (!isValidRadius(parsedAttributes)) { + throw new Error('value of `r` attribute is required and can not be negative'); + } + + parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.radius; + parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.radius; + callback(new fabric.Circle(parsedAttributes)); + }; + + /** + * @private + */ + function isValidRadius(attributes) { + return (('radius' in attributes) && (attributes.radius >= 0)); + } + /* _FROM_SVG_END_ */ + + /** + * Returns {@link fabric.Circle} instance from an object representation + * @static + * @memberOf fabric.Circle + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + * @return {void} + */ + fabric.Circle.fromObject = function(object, callback) { + fabric.Object._fromObject('Circle', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Triangle) { + fabric.warn('fabric.Triangle is already defined'); + return; + } + + /** + * Triangle class + * @class fabric.Triangle + * @extends fabric.Object + * @return {fabric.Triangle} thisArg + * @see {@link fabric.Triangle#initialize} for constructor definition + */ + fabric.Triangle = fabric.util.createClass(fabric.Object, /** @lends fabric.Triangle.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'triangle', + + /** + * Width is set to 100 to compensate the old initialize code that was setting it to 100 + * @type Number + * @default + */ + width: 100, + + /** + * Height is set to 100 to compensate the old initialize code that was setting it to 100 + * @type Number + * @default + */ + height: 100, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + var widthBy2 = this.width / 2, + heightBy2 = this.height / 2; + + ctx.beginPath(); + ctx.moveTo(-widthBy2, heightBy2); + ctx.lineTo(0, -heightBy2); + ctx.lineTo(widthBy2, heightBy2); + ctx.closePath(); + + this._renderPaintInOrder(ctx); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var widthBy2 = this.width / 2, + heightBy2 = this.height / 2, + points = [ + -widthBy2 + ' ' + heightBy2, + '0 ' + -heightBy2, + widthBy2 + ' ' + heightBy2 + ].join(','); + return [ + '' + ]; + }, + /* _TO_SVG_END_ */ + }); + + /** + * Returns {@link fabric.Triangle} instance from an object representation + * @static + * @memberOf fabric.Triangle + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + */ + fabric.Triangle.fromObject = function(object, callback) { + return fabric.Object._fromObject('Triangle', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + piBy2 = Math.PI * 2; + + if (fabric.Ellipse) { + fabric.warn('fabric.Ellipse is already defined.'); + return; + } + + /** + * Ellipse class + * @class fabric.Ellipse + * @extends fabric.Object + * @return {fabric.Ellipse} thisArg + * @see {@link fabric.Ellipse#initialize} for constructor definition + */ + fabric.Ellipse = fabric.util.createClass(fabric.Object, /** @lends fabric.Ellipse.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'ellipse', + + /** + * Horizontal radius + * @type Number + * @default + */ + rx: 0, + + /** + * Vertical radius + * @type Number + * @default + */ + ry: 0, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), + + /** + * Constructor + * @param {Object} [options] Options object + * @return {fabric.Ellipse} thisArg + */ + initialize: function(options) { + this.callSuper('initialize', options); + this.set('rx', options && options.rx || 0); + this.set('ry', options && options.ry || 0); + }, + + /** + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Ellipse} thisArg + */ + _set: function(key, value) { + this.callSuper('_set', key, value); + switch (key) { + + case 'rx': + this.rx = value; + this.set('width', value * 2); + break; + + case 'ry': + this.ry = value; + this.set('height', value * 2); + break; + + } + return this; + }, + + /** + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRx: function() { + return this.get('rx') * this.get('scaleX'); + }, + + /** + * Returns Vertical radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRy: function() { + return this.get('ry') * this.get('scaleY'); + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + return [ + '\n' + ]; + }, + /* _TO_SVG_END_ */ + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render on + */ + _render: function(ctx) { + ctx.beginPath(); + ctx.save(); + ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); + ctx.arc( + 0, + 0, + this.rx, + 0, + piBy2, + false); + ctx.restore(); + this._renderPaintInOrder(ctx); + }, + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Ellipse.fromElement}) + * @static + * @memberOf fabric.Ellipse + * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement + */ + fabric.Ellipse.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy rx ry'.split(' ')); + + /** + * Returns {@link fabric.Ellipse} instance from an SVG element + * @static + * @memberOf fabric.Ellipse + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @return {fabric.Ellipse} + */ + fabric.Ellipse.fromElement = function(element, callback) { + + var parsedAttributes = fabric.parseAttributes(element, fabric.Ellipse.ATTRIBUTE_NAMES); + + parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; + parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; + callback(new fabric.Ellipse(parsedAttributes)); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns {@link fabric.Ellipse} instance from an object representation + * @static + * @memberOf fabric.Ellipse + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + * @return {void} + */ + fabric.Ellipse.fromObject = function(object, callback) { + fabric.Object._fromObject('Ellipse', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend; + + if (fabric.Rect) { + fabric.warn('fabric.Rect is already defined'); + return; + } + + /** + * Rectangle class + * @class fabric.Rect + * @extends fabric.Object + * @return {fabric.Rect} thisArg + * @see {@link fabric.Rect#initialize} for constructor definition + */ + fabric.Rect = fabric.util.createClass(fabric.Object, /** @lends fabric.Rect.prototype */ { + + /** + * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: fabric.Object.prototype.stateProperties.concat('rx', 'ry'), + + /** + * Type of an object + * @type String + * @default + */ + type: 'rect', + + /** + * Horizontal border radius + * @type Number + * @default + */ + rx: 0, + + /** + * Vertical border radius + * @type Number + * @default + */ + ry: 0, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), + + /** + * Constructor + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function(options) { + this.callSuper('initialize', options); + this._initRxRy(); + }, + + /** + * Initializes rx/ry attributes + * @private + */ + _initRxRy: function() { + if (this.rx && !this.ry) { + this.ry = this.rx; + } + else if (this.ry && !this.rx) { + this.rx = this.ry; + } + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + + // 1x1 case (used in spray brush) optimization was removed because + // with caching and higher zoom level this makes more damage than help + + var rx = this.rx ? Math.min(this.rx, this.width / 2) : 0, + ry = this.ry ? Math.min(this.ry, this.height / 2) : 0, + w = this.width, + h = this.height, + x = -this.width / 2, + y = -this.height / 2, + isRounded = rx !== 0 || ry !== 0, + /* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ + k = 1 - 0.5522847498; + ctx.beginPath(); + + ctx.moveTo(x + rx, y); + + ctx.lineTo(x + w - rx, y); + isRounded && ctx.bezierCurveTo(x + w - k * rx, y, x + w, y + k * ry, x + w, y + ry); + + ctx.lineTo(x + w, y + h - ry); + isRounded && ctx.bezierCurveTo(x + w, y + h - k * ry, x + w - k * rx, y + h, x + w - rx, y + h); + + ctx.lineTo(x + rx, y + h); + isRounded && ctx.bezierCurveTo(x + k * rx, y + h, x, y + h - k * ry, x, y + h - ry); + + ctx.lineTo(x, y + ry); + isRounded && ctx.bezierCurveTo(x, y + k * ry, x + k * rx, y, x + rx, y); + + ctx.closePath(); + + this._renderPaintInOrder(ctx); + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var x = -this.width / 2, y = -this.height / 2; + return [ + '\n' + ]; + }, + /* _TO_SVG_END_ */ + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by `fabric.Rect.fromElement`) + * @static + * @memberOf fabric.Rect + * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement + */ + fabric.Rect.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y rx ry width height'.split(' ')); + + /** + * Returns {@link fabric.Rect} instance from an SVG element + * @static + * @memberOf fabric.Rect + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Rect.fromElement = function(element, callback, options) { + if (!element) { + return callback(null); + } + options = options || { }; + + var parsedAttributes = fabric.parseAttributes(element, fabric.Rect.ATTRIBUTE_NAMES); + parsedAttributes.left = parsedAttributes.left || 0; + parsedAttributes.top = parsedAttributes.top || 0; + parsedAttributes.height = parsedAttributes.height || 0; + parsedAttributes.width = parsedAttributes.width || 0; + var rect = new fabric.Rect(extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); + rect.visible = rect.visible && rect.width > 0 && rect.height > 0; + callback(rect); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns {@link fabric.Rect} instance from an object representation + * @static + * @memberOf fabric.Rect + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Rect instance is created + */ + fabric.Rect.fromObject = function(object, callback) { + return fabric.Object._fromObject('Rect', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + min = fabric.util.array.min, + max = fabric.util.array.max, + toFixed = fabric.util.toFixed, + projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; + + if (fabric.Polyline) { + fabric.warn('fabric.Polyline is already defined'); + return; + } + + /** + * Polyline class + * @class fabric.Polyline + * @extends fabric.Object + * @see {@link fabric.Polyline#initialize} for constructor definition + */ + fabric.Polyline = fabric.util.createClass(fabric.Object, /** @lends fabric.Polyline.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'polyline', + + /** + * Points array + * @type Array + * @default + */ + points: null, + + /** + * WARNING: Feature in progress + * Calculate the exact bounding box taking in account strokeWidth on acute angles + * this will be turned to true by default on fabric 6.0 + * maybe will be left in as an optimization since calculations may be slow + * @deprecated + * @type Boolean + * @default false + */ + exactBoundingBox: false, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'), + + /** + * Constructor + * @param {Array} points Array of points (where each point is an object with x and y) + * @param {Object} [options] Options object + * @return {fabric.Polyline} thisArg + * @example + * var poly = new fabric.Polyline([ + * { x: 10, y: 10 }, + * { x: 50, y: 30 }, + * { x: 40, y: 70 }, + * { x: 60, y: 50 }, + * { x: 100, y: 150 }, + * { x: 40, y: 100 } + * ], { + * stroke: 'red', + * left: 100, + * top: 100 + * }); + */ + initialize: function(points, options) { + options = options || {}; + this.points = points || []; + this.callSuper('initialize', options); + this._setPositionDimensions(options); + }, + + /** + * @private + */ + _projectStrokeOnPoints: function () { + return projectStrokeOnPoints(this.points, this, true); + }, + + _setPositionDimensions: function(options) { + var calcDim = this._calcDimensions(options), correctLeftTop, + correctSize = this.exactBoundingBox ? this.strokeWidth : 0; + this.width = calcDim.width - correctSize; + this.height = calcDim.height - correctSize; + if (!options.fromSVG) { + correctLeftTop = this.translateToGivenOrigin( + { + // this looks bad, but is one way to keep it optional for now. + x: calcDim.left - this.strokeWidth / 2 + correctSize / 2, + y: calcDim.top - this.strokeWidth / 2 + correctSize / 2 + }, + 'left', + 'top', + this.originX, + this.originY + ); + } + if (typeof options.left === 'undefined') { + this.left = options.fromSVG ? calcDim.left : correctLeftTop.x; + } + if (typeof options.top === 'undefined') { + this.top = options.fromSVG ? calcDim.top : correctLeftTop.y; + } + this.pathOffset = { + x: calcDim.left + this.width / 2 + correctSize / 2, + y: calcDim.top + this.height / 2 + correctSize / 2 + }; + }, + + /** + * Calculate the polygon min and max point from points array, + * returning an object with left, top, width, height to measure the + * polygon size + * @return {Object} object.left X coordinate of the polygon leftmost point + * @return {Object} object.top Y coordinate of the polygon topmost point + * @return {Object} object.width distance between X coordinates of the polygon leftmost and rightmost point + * @return {Object} object.height distance between Y coordinates of the polygon topmost and bottommost point + * @private + */ + _calcDimensions: function() { + + var points = this.exactBoundingBox ? this._projectStrokeOnPoints() : this.points, + minX = min(points, 'x') || 0, + minY = min(points, 'y') || 0, + maxX = max(points, 'x') || 0, + maxY = max(points, 'y') || 0, + width = (maxX - minX), + height = (maxY - minY); + + return { + left: minX, + top: minY, + width: width, + height: height, + }; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function(propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), { + points: this.points.concat() + }); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, + NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + + for (var i = 0, len = this.points.length; i < len; i++) { + points.push( + toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', + toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' ' + ); + } + return [ + '<' + this.type + ' ', 'COMMON_PARTS', + 'points="', points.join(''), + '" />\n' + ]; + }, + /* _TO_SVG_END_ */ + + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + commonRender: function(ctx) { + var point, len = this.points.length, + x = this.pathOffset.x, + y = this.pathOffset.y; + + if (!len || isNaN(this.points[len - 1].y)) { + // do not draw if no points or odd points + // NaN comes from parseFloat of a empty string in parser + return false; + } + ctx.beginPath(); + ctx.moveTo(this.points[0].x - x, this.points[0].y - y); + for (var i = 0; i < len; i++) { + point = this.points[i]; + ctx.lineTo(point.x - x, point.y - y); + } + return true; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + if (!this.commonRender(ctx)) { + return; + } + this._renderPaintInOrder(ctx); + }, + + /** + * Returns complexity of an instance + * @return {Number} complexity of this instance + */ + complexity: function() { + return this.get('points').length; + } + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement}) + * @static + * @memberOf fabric.Polyline + * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement + */ + fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); + + /** + * Returns fabric.Polyline instance from an SVG element + * @static + * @memberOf fabric.Polyline + * @param {SVGElement} element Element to parser + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Polyline.fromElementGenerator = function(_class) { + return function(element, callback, options) { + if (!element) { + return callback(null); + } + options || (options = { }); + + var points = fabric.parsePointsAttribute(element.getAttribute('points')), + parsedAttributes = fabric.parseAttributes(element, fabric[_class].ATTRIBUTE_NAMES); + parsedAttributes.fromSVG = true; + callback(new fabric[_class](points, extend(parsedAttributes, options))); + }; + }; + + fabric.Polyline.fromElement = fabric.Polyline.fromElementGenerator('Polyline'); + + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Polyline instance from an object representation + * @static + * @memberOf fabric.Polyline + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created + */ + fabric.Polyline.fromObject = function(object, callback) { + return fabric.Object._fromObject('Polyline', object, callback, 'points'); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = {}), + projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; + + if (fabric.Polygon) { + fabric.warn('fabric.Polygon is already defined'); + return; + } + + /** + * Polygon class + * @class fabric.Polygon + * @extends fabric.Polyline + * @see {@link fabric.Polygon#initialize} for constructor definition + */ + fabric.Polygon = fabric.util.createClass(fabric.Polyline, /** @lends fabric.Polygon.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'polygon', + + /** + * @private + */ + _projectStrokeOnPoints: function () { + return projectStrokeOnPoints(this.points, this); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + if (!this.commonRender(ctx)) { + return; + } + ctx.closePath(); + this._renderPaintInOrder(ctx); + }, + + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`) + * @static + * @memberOf fabric.Polygon + * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement + */ + fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); + + /** + * Returns {@link fabric.Polygon} instance from an SVG element + * @static + * @memberOf fabric.Polygon + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon'); + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Polygon instance from an object representation + * @static + * @memberOf fabric.Polygon + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created + * @return {void} + */ + fabric.Polygon.fromObject = function(object, callback) { + fabric.Object._fromObject('Polygon', object, callback, 'points'); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + min = fabric.util.array.min, + max = fabric.util.array.max, + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + _toString = Object.prototype.toString, + toFixed = fabric.util.toFixed; + + if (fabric.Path) { + fabric.warn('fabric.Path is already defined'); + return; + } + + /** + * Path class + * @class fabric.Path + * @extends fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup} + * @see {@link fabric.Path#initialize} for constructor definition + */ + fabric.Path = fabric.util.createClass(fabric.Object, /** @lends fabric.Path.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'path', + + /** + * Array of path points + * @type Array + * @default + */ + path: null, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('path', 'fillRule'), + + stateProperties: fabric.Object.prototype.stateProperties.concat('path'), + + /** + * Constructor + * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) + * @param {Object} [options] Options object + * @return {fabric.Path} thisArg + */ + initialize: function (path, options) { + options = clone(options || {}); + delete options.path; + this.callSuper('initialize', options); + this._setPath(path || [], options); + }, + + /** + * @private + * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) + * @param {Object} [options] Options object + */ + _setPath: function (path, options) { + var fromArray = _toString.call(path) === '[object Array]'; + + this.path = fabric.util.makePathSimpler( + fromArray ? path : fabric.util.parsePath(path) + ); + + fabric.Polyline.prototype._setPositionDimensions.call(this, options || {}); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on + */ + _renderPathCommands: function(ctx) { + var current, // current instruction + subpathStartX = 0, + subpathStartY = 0, + x = 0, // current x + y = 0, // current y + controlX = 0, // current control point x + controlY = 0, // current control point y + l = -this.pathOffset.x, + t = -this.pathOffset.y; + + ctx.beginPath(); + + for (var i = 0, len = this.path.length; i < len; ++i) { + + current = this.path[i]; + + switch (current[0]) { // first letter + + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + ctx.lineTo(x + l, y + t); + break; + + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + ctx.moveTo(x + l, y + t); + break; + + case 'C': // bezierCurveTo, absolute + x = current[5]; + y = current[6]; + controlX = current[3]; + controlY = current[4]; + ctx.bezierCurveTo( + current[1] + l, + current[2] + t, + controlX + l, + controlY + t, + x + l, + y + t + ); + break; + + case 'Q': // quadraticCurveTo, absolute + ctx.quadraticCurveTo( + current[1] + l, + current[2] + t, + current[3] + l, + current[4] + t + ); + x = current[3]; + y = current[4]; + controlX = current[1]; + controlY = current[2]; + break; + + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + ctx.closePath(); + break; + } + } + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on + */ + _render: function(ctx) { + this._renderPathCommands(ctx); + this._renderPaintInOrder(ctx); + }, + + /** + * Returns string representation of an instance + * @return {String} string representation of an instance + */ + toString: function() { + return '#'; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), { + path: this.path.map(function(item) { return item.slice(); }), + }); + }, + + /** + * Returns dataless object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function(propertiesToInclude) { + var o = this.toObject(['sourcePath'].concat(propertiesToInclude)); + if (o.sourcePath) { + delete o.path; + } + return o; + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var path = fabric.util.joinPath(this.path); + return [ + '\n' + ]; + }, + + _getOffsetTransform: function() { + var digits = fabric.Object.NUM_FRACTION_DIGITS; + return ' translate(' + toFixed(-this.pathOffset.x, digits) + ', ' + + toFixed(-this.pathOffset.y, digits) + ')'; + }, + + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function(reviver) { + var additionalTransform = this._getOffsetTransform(); + return '\t' + this._createBaseClipPathSVGMarkup( + this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform } + ); + }, + + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function(reviver) { + var additionalTransform = this._getOffsetTransform(); + return this._createBaseSVGMarkup(this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform }); + }, + /* _TO_SVG_END_ */ + + /** + * Returns number representation of an instance complexity + * @return {Number} complexity of this instance + */ + complexity: function() { + return this.path.length; + }, + + /** + * @private + */ + _calcDimensions: function() { + + var aX = [], + aY = [], + current, // current instruction + subpathStartX = 0, + subpathStartY = 0, + x = 0, // current x + y = 0, // current y + bounds; + + for (var i = 0, len = this.path.length; i < len; ++i) { + + current = this.path[i]; + + switch (current[0]) { // first letter + + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + bounds = []; + break; + + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + bounds = []; + break; + + case 'C': // bezierCurveTo, absolute + bounds = fabric.util.getBoundsOfCurve(x, y, + current[1], + current[2], + current[3], + current[4], + current[5], + current[6] + ); + x = current[5]; + y = current[6]; + break; + + case 'Q': // quadraticCurveTo, absolute + bounds = fabric.util.getBoundsOfCurve(x, y, + current[1], + current[2], + current[1], + current[2], + current[3], + current[4] + ); + x = current[3]; + y = current[4]; + break; + + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + break; + } + bounds.forEach(function (point) { + aX.push(point.x); + aY.push(point.y); + }); + aX.push(x); + aY.push(y); + } + + var minX = min(aX) || 0, + minY = min(aY) || 0, + maxX = max(aX) || 0, + maxY = max(aY) || 0, + deltaX = maxX - minX, + deltaY = maxY - minY; + + return { + left: minX, + top: minY, + width: deltaX, + height: deltaY + }; + } + }); + + /** + * Creates an instance of fabric.Path from an object + * @static + * @memberOf fabric.Path + * @param {Object} object + * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created + */ + fabric.Path.fromObject = function(object, callback) { + if (typeof object.sourcePath === 'string') { + var pathUrl = object.sourcePath; + fabric.loadSVGFromURL(pathUrl, function (elements) { + var path = elements[0]; + path.setOptions(object); + callback && callback(path); + }); + } + else { + fabric.Object._fromObject('Path', object, callback, 'path'); + } + }; + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`) + * @static + * @memberOf fabric.Path + * @see http://www.w3.org/TR/SVG/paths.html#PathElement + */ + fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']); + + /** + * Creates an instance of fabric.Path from an SVG element + * @static + * @memberOf fabric.Path + * @param {SVGElement} element to parse + * @param {Function} callback Callback to invoke when an fabric.Path instance is created + * @param {Object} [options] Options object + * @param {Function} [callback] Options callback invoked after parsing is finished + */ + fabric.Path.fromElement = function(element, callback, options) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Path.ATTRIBUTE_NAMES); + parsedAttributes.fromSVG = true; + callback(new fabric.Path(parsedAttributes.d, extend(parsedAttributes, options))); + }; + /* _FROM_SVG_END_ */ + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + min = fabric.util.array.min, + max = fabric.util.array.max; + + if (fabric.Group) { + return; + } + + /** + * Group class + * @class fabric.Group + * @extends fabric.Object + * @mixes fabric.Collection + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} + * @see {@link fabric.Group#initialize} for constructor definition + */ + fabric.Group = fabric.util.createClass(fabric.Object, fabric.Collection, /** @lends fabric.Group.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'group', + + /** + * Width of stroke + * @type Number + * @default + */ + strokeWidth: 0, + + /** + * Indicates if click, mouseover, mouseout events & hoverCursor should also check for subtargets + * @type Boolean + * @default + */ + subTargetCheck: false, + + /** + * Groups are container, do not render anything on theyr own, ence no cache properties + * @type Array + * @default + */ + cacheProperties: [], + + /** + * setOnGroup is a method used for TextBox that is no more used since 2.0.0 The behavior is still + * available setting this boolean to true. + * @type Boolean + * @since 2.0.0 + * @default + */ + useSetOnGroup: false, + + /** + * Constructor + * @param {Object} objects Group objects + * @param {Object} [options] Options object + * @param {Boolean} [isAlreadyGrouped] if true, objects have been grouped already. + * @return {Object} thisArg + */ + initialize: function(objects, options, isAlreadyGrouped) { + options = options || {}; + this._objects = []; + // if objects enclosed in a group have been grouped already, + // we cannot change properties of objects. + // Thus we need to set options to group without objects, + isAlreadyGrouped && this.callSuper('initialize', options); + this._objects = objects || []; + for (var i = this._objects.length; i--; ) { + this._objects[i].group = this; + } + + if (!isAlreadyGrouped) { + var center = options && options.centerPoint; + // we want to set origins before calculating the bounding box. + // so that the topleft can be set with that in mind. + // if specific top and left are passed, are overwritten later + // with the callSuper('initialize', options) + if (options.originX !== undefined) { + this.originX = options.originX; + } + if (options.originY !== undefined) { + this.originY = options.originY; + } + // if coming from svg i do not want to calc bounds. + // i assume width and height are passed along options + center || this._calcBounds(); + this._updateObjectsCoords(center); + delete options.centerPoint; + this.callSuper('initialize', options); + } + else { + this._updateObjectsACoords(); + } + + this.setCoords(); + }, + + /** + * @private + */ + _updateObjectsACoords: function() { + var skipControls = true; + for (var i = this._objects.length; i--; ){ + this._objects[i].setCoords(skipControls); + } + }, + + /** + * @private + * @param {Boolean} [skipCoordsChange] if true, coordinates of objects enclosed in a group do not change + */ + _updateObjectsCoords: function(center) { + var center = center || this.getCenterPoint(); + for (var i = this._objects.length; i--; ){ + this._updateObjectCoords(this._objects[i], center); + } + }, + + /** + * @private + * @param {Object} object + * @param {fabric.Point} center, current center of group. + */ + _updateObjectCoords: function(object, center) { + var objectLeft = object.left, + objectTop = object.top, + skipControls = true; + + object.set({ + left: objectLeft - center.x, + top: objectTop - center.y + }); + object.group = this; + object.setCoords(skipControls); + }, + + /** + * Returns string represenation of a group + * @return {String} + */ + toString: function() { + return '#'; + }, + + /** + * Adds an object to a group; Then recalculates group's dimension, position. + * @param {Object} object + * @return {fabric.Group} thisArg + * @chainable + */ + addWithUpdate: function(object) { + var nested = !!this.group; + this._restoreObjectsState(); + fabric.util.resetObjectTransform(this); + if (object) { + if (nested) { + // if this group is inside another group, we need to pre transform the object + fabric.util.removeTransformFromObject(object, this.group.calcTransformMatrix()); + } + this._objects.push(object); + object.group = this; + object._set('canvas', this.canvas); + } + this._calcBounds(); + this._updateObjectsCoords(); + this.dirty = true; + if (nested) { + this.group.addWithUpdate(); + } + else { + this.setCoords(); + } + return this; + }, + + /** + * Removes an object from a group; Then recalculates group's dimension, position. + * @param {Object} object + * @return {fabric.Group} thisArg + * @chainable + */ + removeWithUpdate: function(object) { + this._restoreObjectsState(); + fabric.util.resetObjectTransform(this); + + this.remove(object); + this._calcBounds(); + this._updateObjectsCoords(); + this.setCoords(); + this.dirty = true; + return this; + }, + + /** + * @private + */ + _onObjectAdded: function(object) { + this.dirty = true; + object.group = this; + object._set('canvas', this.canvas); + }, + + /** + * @private + */ + _onObjectRemoved: function(object) { + this.dirty = true; + delete object.group; + }, + + /** + * @private + */ + _set: function(key, value) { + var i = this._objects.length; + if (this.useSetOnGroup) { + while (i--) { + this._objects[i].setOnGroup(key, value); + } + } + if (key === 'canvas') { + while (i--) { + this._objects[i]._set(key, value); + } + } + fabric.Object.prototype._set.call(this, key, value); + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + var _includeDefaultValues = this.includeDefaultValues; + var objsToObject = this._objects + .filter(function (obj) { + return !obj.excludeFromExport; + }) + .map(function (obj) { + var originalDefaults = obj.includeDefaultValues; + obj.includeDefaultValues = _includeDefaultValues; + var _obj = obj.toObject(propertiesToInclude); + obj.includeDefaultValues = originalDefaults; + return _obj; + }); + var obj = fabric.Object.prototype.toObject.call(this, propertiesToInclude); + obj.objects = objsToObject; + return obj; + }, + + /** + * Returns object representation of an instance, in dataless mode. + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function(propertiesToInclude) { + var objsToObject, sourcePath = this.sourcePath; + if (sourcePath) { + objsToObject = sourcePath; + } + else { + var _includeDefaultValues = this.includeDefaultValues; + objsToObject = this._objects.map(function(obj) { + var originalDefaults = obj.includeDefaultValues; + obj.includeDefaultValues = _includeDefaultValues; + var _obj = obj.toDatalessObject(propertiesToInclude); + obj.includeDefaultValues = originalDefaults; + return _obj; + }); + } + var obj = fabric.Object.prototype.toDatalessObject.call(this, propertiesToInclude); + obj.objects = objsToObject; + return obj; + }, + + /** + * Renders instance on a given context + * @param {CanvasRenderingContext2D} ctx context to render instance on + */ + render: function(ctx) { + this._transformDone = true; + this.callSuper('render', ctx); + this._transformDone = false; + }, + + /** + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group is already cached. + * @return {Boolean} + */ + shouldCache: function() { + var ownCache = fabric.Object.prototype.shouldCache.call(this); + if (ownCache) { + for (var i = 0, len = this._objects.length; i < len; i++) { + if (this._objects[i].willDrawShadow()) { + this.ownCaching = false; return false; - }, - /** - * - * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors - * - * @param {boolean} [strict] returns only ancestors that are objects (without canvas) - * @returns {Ancestors} ancestors from bottom to top - */ - getAncestors: function (strict) { - var ancestors = []; - var parent = this.group || (strict ? undefined : this.canvas); - while (parent) { - ancestors.push(parent); - parent = parent.group || (strict ? undefined : parent.canvas); - } - return ancestors; - }, - /** - * Returns an object that represent the ancestry situation. - * - * @typedef {object} AncestryComparison - * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`) - * @property {Ancestors} fork ancestors that are of `this` only - * @property {Ancestors} otherFork ancestors that are of `other` only - * - * @param {fabric.Object} other - * @param {boolean} [strict] finds only ancestors that are objects (without canvas) - * @returns {AncestryComparison | undefined} - * - */ - findCommonAncestors: function (other, strict) { - if (this === other) { - return { - fork: [], - otherFork: [], - common: [this].concat(this.getAncestors(strict)), - }; - } - else if (!other) { - // meh, warn and inform, and not my issue. - // the argument is NOT optional, we can't end up here. - return undefined; - } - var ancestors = this.getAncestors(strict); - var otherAncestors = other.getAncestors(strict); - // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case - if (ancestors.length === 0 && - otherAncestors.length > 0 && - this === otherAncestors[otherAncestors.length - 1]) { - return { - fork: [], - otherFork: [other].concat(otherAncestors.slice(0, otherAncestors.length - 1)), - common: [this], - }; - } - // compare ancestors - for (var i = 0, ancestor; i < ancestors.length; i++) { - ancestor = ancestors[i]; - if (ancestor === other) { - return { - fork: [this].concat(ancestors.slice(0, i)), - otherFork: [], - common: ancestors.slice(i), - }; - } - for (var j = 0; j < otherAncestors.length; j++) { - if (this === otherAncestors[j]) { - return { - fork: [], - otherFork: [other].concat(otherAncestors.slice(0, j)), - common: [this].concat(ancestors), - }; - } - if (ancestor === otherAncestors[j]) { - return { - fork: [this].concat(ancestors.slice(0, i)), - otherFork: [other].concat(otherAncestors.slice(0, j)), - common: ancestors.slice(i), - }; - } - } - } - // nothing shared - return { - fork: [this].concat(ancestors), - otherFork: [other].concat(otherAncestors), - common: [], - }; - }, - /** - * - * @param {fabric.Object} other - * @param {boolean} [strict] checks only ancestors that are objects (without canvas) - * @returns {boolean} - */ - hasCommonAncestors: function (other, strict) { - var commonAncestors = this.findCommonAncestors(other, strict); - return commonAncestors && !!commonAncestors.ancestors.length; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Moves an object to the bottom of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - sendToBack: function () { - if (this.group) { - fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); - } - else if (this.canvas) { - this.canvas.sendToBack(this); - } - return this; - }, - /** - * Moves an object to the top of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - bringToFront: function () { - if (this.group) { - fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); - } - else if (this.canvas) { - this.canvas.bringToFront(this); - } - return this; - }, - /** - * Moves an object down in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - sendBackwards: function (intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.sendBackwards(this, intersecting); - } - return this; - }, - /** - * Moves an object up in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - bringForward: function (intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.bringForward(this, intersecting); - } - return this; - }, - /** - * Moves an object to specified level in stack of drawn objects - * @param {Number} index New position of object - * @return {fabric.Object} thisArg - * @chainable - */ - moveTo: function (index) { - if (this.group && this.group.type !== 'activeSelection') { - fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); - } - else if (this.canvas) { - this.canvas.moveTo(this, index); - } - return this; - }, - /** - * - * @param {fabric.Object} other object to compare against - * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined` - */ - isInFrontOf: function (other) { - if (this === other) { - return undefined; - } - var ancestorData = this.findCommonAncestors(other); - if (!ancestorData) { - return undefined; - } - if (ancestorData.fork.includes(other)) { - return true; - } - if (ancestorData.otherFork.includes(this)) { - return false; - } - var firstCommonAncestor = ancestorData.common[0]; - if (!firstCommonAncestor) { - return undefined; - } - var headOfFork = ancestorData.fork.pop(), headOfOtherFork = ancestorData.otherFork.pop(), thisIndex = firstCommonAncestor._objects.indexOf(headOfFork), otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork); - return thisIndex > -1 && thisIndex > otherIndex; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); + } + } + } + return ownCache; + }, + + /** + * Check if this object or a child object will cast a shadow + * @return {Boolean} + */ + willDrawShadow: function() { + if (fabric.Object.prototype.willDrawShadow.call(this)) { + return true; + } + for (var i = 0, len = this._objects.length; i < len; i++) { + if (this._objects[i].willDrawShadow()) { + return true; + } + } + return false; + }, + + /** + * Check if this group or its parent group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function() { + return this.ownCaching || (this.group && this.group.isOnACache()); + }, + + /** + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawObject: function(ctx) { + for (var i = 0, len = this._objects.length; i < len; i++) { + this._objects[i].render(ctx); + } + this._drawClipPath(ctx, this.clipPath); + }, + + /** + * Check if cache is dirty + */ + isCacheDirty: function(skipCanvas) { + if (this.callSuper('isCacheDirty', skipCanvas)) { + return true; + } + if (!this.statefullCache) { + return false; + } + for (var i = 0, len = this._objects.length; i < len; i++) { + if (this._objects[i].isCacheDirty(true)) { + if (this._cacheCanvas) { + // if this group has not a cache canvas there is nothing to clean + var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-x / 2, -y / 2, x, y); + } + return true; + } + } + return false; + }, + + /** + * Restores original state of each of group objects (original state is that which was before group was created). + * if the nested boolean is true, the original state will be restored just for the + * first group and not for all the group chain + * @private + * @param {Boolean} nested tell the function to restore object state up to the parent group and not more + * @return {fabric.Group} thisArg + * @chainable + */ + _restoreObjectsState: function() { + var groupMatrix = this.calcOwnMatrix(); + this._objects.forEach(function(object) { + // instead of using _this = this; + fabric.util.addTransformToObject(object, groupMatrix); + delete object.group; + object.setCoords(); + }); + return this; + }, + + /** + * Destroys a group (restoring state of its objects) + * @return {fabric.Group} thisArg + * @chainable + */ + destroy: function() { + // when group is destroyed objects needs to get a repaint to be eventually + // displayed on canvas. + this._objects.forEach(function(object) { + object.set('dirty', true); + }); + return this._restoreObjectsState(); + }, + + dispose: function () { + this.callSuper('dispose'); + this.forEachObject(function (object) { + object.dispose && object.dispose(); + }); + this._objects = []; + }, + + /** + * make a group an active selection, remove the group from canvas + * the group has to be on canvas for this to work. + * @return {fabric.ActiveSelection} thisArg + * @chainable + */ + toActiveSelection: function() { + if (!this.canvas) { + return; + } + var objects = this._objects, canvas = this.canvas; + this._objects = []; + var options = this.toObject(); + delete options.objects; + var activeSelection = new fabric.ActiveSelection([]); + activeSelection.set(options); + activeSelection.type = 'activeSelection'; + canvas.remove(this); + objects.forEach(function(object) { + object.group = activeSelection; + object.dirty = true; + canvas.add(object); + }); + activeSelection.canvas = canvas; + activeSelection._objects = objects; + canvas._activeObject = activeSelection; + activeSelection.setCoords(); + return activeSelection; + }, + + /** + * Destroys a group (restoring state of its objects) + * @return {fabric.Group} thisArg + * @chainable + */ + ungroupOnCanvas: function() { + return this._restoreObjectsState(); + }, -//@ts-nocheck -/* _TO_SVG_START_ */ -(function (global) { - var fabric = global.fabric; - function getSvgColorString(prop, value) { - if (!value) { - return prop + ': none; '; - } - else if (value.toLive) { - return prop + ': url(#SVGID_' + value.id + '); '; - } - else { - var color = new Color(value), str = prop + ': ' + color.toRgb() + '; ', opacity = color.getAlpha(); - if (opacity !== 1) { - //change the color in rgb + opacity - str += prop + '-opacity: ' + opacity.toString() + '; '; - } - return str; - } - } - var toFixed = (fabric = global.fabric), toFixed = fabric.util.toFixed; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function (skipShadow) { - var fillRule = this.fillRule ? this.fillRule : 'nonzero', strokeWidth = this.strokeWidth ? this.strokeWidth : '0', strokeDashArray = this.strokeDashArray - ? this.strokeDashArray.join(' ') - : 'none', strokeDashOffset = this.strokeDashOffset - ? this.strokeDashOffset - : '0', strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', strokeMiterLimit = this.strokeMiterLimit - ? this.strokeMiterLimit - : '4', opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', visibility = this.visible ? '' : ' visibility: hidden;', filter = skipShadow ? '' : this.getSvgFilter(), fill = getSvgColorString('fill', this.fill), stroke = getSvgColorString('stroke', this.stroke); - return [ - stroke, - 'stroke-width: ', - strokeWidth, - '; ', - 'stroke-dasharray: ', - strokeDashArray, - '; ', - 'stroke-linecap: ', - strokeLineCap, - '; ', - 'stroke-dashoffset: ', - strokeDashOffset, - '; ', - 'stroke-linejoin: ', - strokeLineJoin, - '; ', - 'stroke-miterlimit: ', - strokeMiterLimit, - '; ', - fill, - 'fill-rule: ', - fillRule, - '; ', - 'opacity: ', - opacity, - ';', - filter, - visibility, - ].join(''); - }, - /** - * Returns styles-string for svg-export - * @param {Object} style the object from which to retrieve style properties - * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. - * @return {String} - */ - getSvgSpanStyles: function (style, useWhiteSpace) { - var term = '; '; - var fontFamily = style.fontFamily - ? 'font-family: ' + - (style.fontFamily.indexOf("'") === -1 && - style.fontFamily.indexOf('"') === -1 - ? "'" + style.fontFamily + "'" - : style.fontFamily) + - term - : ''; - var strokeWidth = style.strokeWidth - ? 'stroke-width: ' + style.strokeWidth + term - : '', fontFamily = fontFamily, fontSize = style.fontSize - ? 'font-size: ' + style.fontSize + 'px' + term - : '', fontStyle = style.fontStyle - ? 'font-style: ' + style.fontStyle + term - : '', fontWeight = style.fontWeight - ? 'font-weight: ' + style.fontWeight + term - : '', fill = style.fill ? getSvgColorString('fill', style.fill) : '', stroke = style.stroke - ? getSvgColorString('stroke', style.stroke) - : '', textDecoration = this.getSvgTextDecoration(style), deltaY = style.deltaY - ? 'baseline-shift: ' + -style.deltaY + '; ' - : ''; - if (textDecoration) { - textDecoration = 'text-decoration: ' + textDecoration + term; - } - return [ - stroke, - strokeWidth, - fontFamily, - fontSize, - fontStyle, - fontWeight, - textDecoration, - fill, - deltaY, - useWhiteSpace ? 'white-space: pre; ' : '', - ].join(''); - }, - /** - * Returns text-decoration property for svg-export - * @param {Object} style the object from which to retrieve style properties - * @return {String} - */ - getSvgTextDecoration: function (style) { - return ['overline', 'underline', 'line-through'] - .filter(function (decoration) { - return style[decoration.replace('-', '')]; - }) - .join(' '); - }, - /** - * Returns filter for svg shadow - * @return {String} - */ - getSvgFilter: function () { - return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; - }, - /** - * Returns id attribute for svg output - * @return {String} - */ - getSvgCommons: function () { - return [ - this.id ? 'id="' + this.id + '" ' : '', - this.clipPath - ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' - : '', - ].join(''); - }, - /** - * Returns transform-string for svg-export - * @param {Boolean} use the full transform or the single object one. - * @return {String} - */ - getSvgTransform: function (full, additionalTransform) { - var transform = full - ? this.calcTransformMatrix() - : this.calcOwnMatrix(), svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); - return svgTransform + (additionalTransform || '') + '" '; - }, - _setSVGBg: function (textBgRects) { - if (this.backgroundColor) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push('\t\t\n'); - } - }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function (reviver) { - return this._createBaseSVGMarkup(this._toSVG(reviver), { - reviver: reviver, - }); - }, - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function (reviver) { - return ('\t' + - this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { - reviver: reviver, - })); - }, - /** - * @private - */ - _createBaseClipPathSVGMarkup: function (objectMarkup, options) { - options = options || {}; - var reviver = options.reviver, additionalTransform = options.additionalTransform || '', commonPieces = [ - this.getSvgTransform(true, additionalTransform), - this.getSvgCommons(), - ].join(''), - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'); - objectMarkup[index] = commonPieces; - return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); - }, - /** - * @private - */ - _createBaseSVGMarkup: function (objectMarkup, options) { - options = options || {}; - var noStyle = options.noStyle, reviver = options.reviver, styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', shadowInfo = options.withShadow - ? 'style="' + this.getSvgFilter() + '" ' - : '', clipPath = this.clipPath, vectorEffect = this.strokeUniform - ? 'vector-effect="non-scaling-stroke" ' - : '', absoluteClipPath = clipPath && clipPath.absolutePositioned, stroke = this.stroke, fill = this.fill, shadow = this.shadow, commonPieces, markup = [], clipPathMarkup, - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'), additionalTransform = options.additionalTransform; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; - clipPathMarkup = - '\n' + - clipPath.toClipPathSVG(reviver) + - '\n'; - } - if (absoluteClipPath) { - markup.push('\n'); - } - markup.push('\n'); - commonPieces = [ - styleInfo, - vectorEffect, - noStyle ? '' : this.addPaintOrder(), - ' ', - additionalTransform ? 'transform="' + additionalTransform + '" ' : '', - ].join(''); - objectMarkup[index] = commonPieces; - if (fill && fill.toLive) { - markup.push(fill.toSVG(this)); - } - if (stroke && stroke.toLive) { - markup.push(stroke.toSVG(this)); - } - if (shadow) { - markup.push(shadow.toSVG(this)); - } - if (clipPath) { - markup.push(clipPathMarkup); - } - markup.push(objectMarkup.join('')); - markup.push('\n'); - absoluteClipPath && markup.push('\n'); - return reviver ? reviver(markup.join('')) : markup.join(''); - }, - addPaintOrder: function () { - return this.paintFirst !== 'fill' - ? ' paint-order="' + this.paintFirst + '" ' - : ''; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); -/* _TO_SVG_END_ */ + /** + * Sets coordinates of all objects inside group + * @return {fabric.Group} thisArg + * @chainable + */ + setObjectsCoords: function() { + var skipControls = true; + this.forEachObject(function(object) { + object.setCoords(skipControls); + }); + return this; + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, extend = fabric.util.object.extend, originalSet = 'stateProperties'; - /* - Depends on `stateProperties` - */ - function saveProps(origin, destination, props) { - var tmpObj = {}, deep = true; - props.forEach(function (prop) { - tmpObj[prop] = origin[prop]; - }); - extend(origin[destination], tmpObj, deep); - } - function _isEqual(origValue, currentValue, firstPass) { - if (origValue === currentValue) { - // if the objects are identical, return - return true; - } - else if (Array.isArray(origValue)) { - if (!Array.isArray(currentValue) || - origValue.length !== currentValue.length) { - return false; - } - for (var i = 0, len = origValue.length; i < len; i++) { - if (!_isEqual(origValue[i], currentValue[i])) { - return false; - } - } - return true; - } - else if (origValue && typeof origValue === 'object') { - var keys = Object.keys(origValue), key; - if (!currentValue || - typeof currentValue !== 'object' || - (!firstPass && keys.length !== Object.keys(currentValue).length)) { - return false; - } - for (var i = 0, len = keys.length; i < len; i++) { - key = keys[i]; - // since clipPath is in the statefull cache list and the clipPath objects - // would be iterated as an object, this would lead to possible infinite recursion - // we do not want to compare those. - if (key === 'canvas' || key === 'group') { - continue; - } - if (!_isEqual(origValue[key], currentValue[key])) { - return false; - } - } - return true; - } - } - fabric.util.object.extend(fabric.Object.prototype, - /** @lends fabric.Object.prototype */ { - /** - * Returns true if object state (one of its state properties) was changed - * @param {String} [propertySet] optional name for the set of property we want to save - * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called - */ - hasStateChanged: function (propertySet) { - propertySet = propertySet || originalSet; - var dashedPropertySet = '_' + propertySet; - if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { - return true; - } - return !_isEqual(this[dashedPropertySet], this, true); - }, - /** - * Saves state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - saveState: function (options) { - var propertySet = (options && options.propertySet) || originalSet, destination = '_' + propertySet; - if (!this[destination]) { - return this.setupState(options); - } - saveProps(this, destination, this[propertySet]); - if (options && options.stateProperties) { - saveProps(this, destination, options.stateProperties); - } - return this; - }, - /** - * Setups state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - setupState: function (options) { - options = options || {}; - var propertySet = options.propertySet || originalSet; - options.propertySet = propertySet; - this['_' + propertySet] = {}; - this.saveState(options); - return this; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Animation duration (in ms) for fx* methods - * @type Number - * @default - */ - FX_DURATION: 500, - /** - * Centers object horizontally with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectH: function (object, callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: object.getX(), - endValue: this.getCenterPoint().x, - duration: this.FX_DURATION, - onChange: function (value) { - object.setX(value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - object.setCoords(); - onComplete(); - }, - }); - }, - /** - * Centers object vertically with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectV: function (object, callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: object.getY(), - endValue: this.getCenterPoint().y, - duration: this.FX_DURATION, - onChange: function (value) { - object.setY(value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - object.setCoords(); - onComplete(); - }, - }); - }, - /** - * Same as `fabric.Canvas#remove` but animated - * @param {fabric.Object} object Object to remove - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxRemove: function (object, callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: object.opacity, - endValue: 0, - duration: this.FX_DURATION, - onChange: function (value) { - object.set('opacity', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - _this.remove(object); - onComplete(); - }, - }); - }, - }); - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Animates object's properties - * @param {String|Object} property Property to animate (if string) or properties to animate (if object) - * @param {Number|Object} value Value to animate property to (if string was given first) or options object - * @return {fabric.Object} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} - * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) - * - * As object — multiple properties - * - * object.animate({ left: ..., top: ... }); - * object.animate({ left: ..., top: ... }, { duration: ... }); - * - * As string — one property - * - * object.animate('left', ...); - * object.animate('left', { duration: ... }); - * - */ - animate: function () { - if (arguments[0] && typeof arguments[0] === 'object') { - var propsToAnimate = [], prop, skipCallbacks, out = []; - for (prop in arguments[0]) { - propsToAnimate.push(prop); - } - for (var i = 0, len = propsToAnimate.length; i < len; i++) { - prop = propsToAnimate[i]; - skipCallbacks = i !== len - 1; - out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); - } - return out; - } - else { - return this._animate.apply(this, arguments); - } - }, - /** - * @private - * @param {String} property Property to animate - * @param {String} to Value to animate to - * @param {Object} [options] Options object - * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked - */ - _animate: function (property, to, options, skipCallbacks) { - var _this = this, propPair; - to = to.toString(); - options = Object.assign({}, options); - if (~property.indexOf('.')) { - propPair = property.split('.'); - } - var propIsColor = _this.colorProperties.indexOf(property) > -1 || - (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); - var currentValue = propPair - ? this.get(propPair[0])[propPair[1]] - : this.get(property); - if (!('from' in options)) { - options.from = currentValue; - } - if (!propIsColor) { - if (~to.indexOf('=')) { - to = currentValue + parseFloat(to.replace('=', '')); - } - else { - to = parseFloat(to); - } - } - var _options = { - target: this, - startValue: options.from, - endValue: to, - byValue: options.by, - easing: options.easing, - duration: options.duration, - abort: options.abort && - function (value, valueProgress, timeProgress) { - return options.abort.call(_this, value, valueProgress, timeProgress); - }, - onChange: function (value, valueProgress, timeProgress) { - if (propPair) { - _this[propPair[0]][propPair[1]] = value; - } - else { - _this.set(property, value); - } - if (skipCallbacks) { - return; - } - options.onChange && - options.onChange(value, valueProgress, timeProgress); - }, - onComplete: function (value, valueProgress, timeProgress) { - if (skipCallbacks) { - return; - } - _this.setCoords(); - options.onComplete && - options.onComplete(value, valueProgress, timeProgress); - }, - }; - if (propIsColor) { - return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); - } - else { - return fabric.util.animate(_options); - } - }, + /** + * @private + */ + _calcBounds: function(onlyWidthHeight) { + var aX = [], + aY = [], + o, prop, coords, + props = ['tr', 'br', 'bl', 'tl'], + i = 0, iLen = this._objects.length, + j, jLen = props.length; + + for ( ; i < iLen; ++i) { + o = this._objects[i]; + coords = o.calcACoords(); + for (j = 0; j < jLen; j++) { + prop = props[j]; + aX.push(coords[prop].x); + aY.push(coords[prop].y); + } + o.aCoords = coords; + } + + this._getBounds(aX, aY, onlyWidthHeight); + }, + + /** + * @private + */ + _getBounds: function(aX, aY, onlyWidthHeight) { + var minXY = new fabric.Point(min(aX), min(aY)), + maxXY = new fabric.Point(max(aX), max(aY)), + top = minXY.y || 0, left = minXY.x || 0, + width = (maxXY.x - minXY.x) || 0, + height = (maxXY.y - minXY.y) || 0; + this.width = width; + this.height = height; + if (!onlyWidthHeight) { + // the bounding box always finds the topleft most corner. + // whatever is the group origin, we set up here the left/top position. + this.setPositionByOrigin({ x: left, y: top }, 'left', 'top'); + } + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function(reviver) { + var svgString = ['\n']; + + for (var i = 0, len = this._objects.length; i < len; i++) { + svgString.push('\t\t', this._objects[i].toSVG(reviver)); + } + svgString.push('\n'); + return svgString; + }, + + /** + * Returns styles-string for svg-export, specific version for group + * @return {String} + */ + getSvgStyles: function() { + var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 ? + 'opacity: ' + this.opacity + ';' : '', + visibility = this.visible ? '' : ' visibility: hidden;'; + return [ + opacity, + this.getSvgFilter(), + visibility + ].join(''); + }, + + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function(reviver) { + var svgString = []; + + for (var i = 0, len = this._objects.length; i < len; i++) { + svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); + } + + return this._createBaseClipPathSVGMarkup(svgString, { reviver: reviver }); + }, + /* _TO_SVG_END_ */ + }); + + /** + * Returns {@link fabric.Group} instance from an object representation + * @static + * @memberOf fabric.Group + * @param {Object} object Object to create a group from + * @param {Function} [callback] Callback to invoke when an group instance is created + */ + fabric.Group.fromObject = function(object, callback) { + var objects = object.objects, + options = fabric.util.object.clone(object, true); + delete options.objects; + if (typeof objects === 'string') { + // it has to be an url or something went wrong. + fabric.loadSVGFromURL(objects, function (elements) { + var group = fabric.util.groupSVGElements(elements, object, objects); + group.set(options); + callback && callback(group); + }); + return; + } + fabric.util.enlivenObjects(objects, function (enlivenedObjects) { + var options = fabric.util.object.clone(object, true); + delete options.objects; + fabric.util.enlivenObjectEnlivables(object, options, function () { + callback && callback(new fabric.Group(enlivenedObjects, options, true)); + }); }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, clone = fabric.util.object.clone, coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; - /** - * Line class - * @class fabric.Line - * @extends fabric.Object - * @see {@link fabric.Line#initialize} for constructor definition - */ - fabric.Line = fabric.util.createClass(fabric.Object, - /** @lends fabric.Line.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'line', - /** - * x value or first line edge - * @type Number - * @default - */ - x1: 0, - /** - * y value or first line edge - * @type Number - * @default - */ - y1: 0, - /** - * x value or second line edge - * @type Number - * @default - */ - x2: 0, - /** - * y value or second line edge - * @type Number - * @default - */ - y2: 0, - cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), - /** - * Constructor - * @param {Array} [points] Array of points - * @param {Object} [options] Options object - * @return {fabric.Line} thisArg - */ - initialize: function (points, options) { - if (!points) { - points = [0, 0, 0, 0]; - } - this.callSuper('initialize', options); - this.set('x1', points[0]); - this.set('y1', points[1]); - this.set('x2', points[2]); - this.set('y2', points[3]); - this._setWidthHeight(options); - }, - /** - * @private - * @param {Object} [options] Options - */ - _setWidthHeight: function (options) { - options || (options = {}); - this.width = Math.abs(this.x2 - this.x1); - this.height = Math.abs(this.y2 - this.y1); - this.left = 'left' in options ? options.left : this._getLeftToOriginX(); - this.top = 'top' in options ? options.top : this._getTopToOriginY(); - }, - /** - * @private - * @param {String} key - * @param {*} value - */ - _set: function (key, value) { - this.callSuper('_set', key, value); - if (typeof coordProps[key] !== 'undefined') { - this._setWidthHeight(); - } - return this; - }, - /** - * @private - * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. - */ - _getLeftToOriginX: makeEdgeToOriginGetter({ - // property names - origin: 'originX', - axis1: 'x1', - axis2: 'x2', - dimension: 'width', - }, { - // possible values of origin - nearest: 'left', - center: 'center', - farthest: 'right', - }), - /** - * @private - * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line. - */ - _getTopToOriginY: makeEdgeToOriginGetter({ - // property names - origin: 'originY', - axis1: 'y1', - axis2: 'y2', - dimension: 'height', - }, { - // possible values of origin - nearest: 'top', - center: 'center', - farthest: 'bottom', - }), - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - ctx.beginPath(); - var p = this.calcLinePoints(); - ctx.moveTo(p.x1, p.y1); - ctx.lineTo(p.x2, p.y2); - ctx.lineWidth = this.strokeWidth; - // TODO: test this - // make sure setting "fill" changes color of a line - // (by copying fillStyle to strokeStyle, since line is stroked, not filled) - var origStrokeStyle = ctx.strokeStyle; - ctx.strokeStyle = this.stroke || ctx.fillStyle; - this.stroke && this._renderStroke(ctx); - ctx.strokeStyle = origStrokeStyle; - }, - /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates - */ - _findCenterFromElement: function () { - return { - x: (this.x1 + this.x2) / 2, - y: (this.y1 + this.y2) / 2, - }; - }, - /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), this.calcLinePoints()); - }, - /* - * Calculate object dimensions from its properties - * @private - */ - _getNonTransformedDimensions: function () { - var dim = this.callSuper('_getNonTransformedDimensions'); - if (this.strokeLineCap === 'butt') { - if (this.width === 0) { - dim.y -= this.strokeWidth; - } - if (this.height === 0) { - dim.x -= this.strokeWidth; - } - } - return dim; - }, - /** - * Recalculates line points given width and height - * @private - */ - calcLinePoints: function () { - var xMult = this.x1 <= this.x2 ? -1 : 1, yMult = this.y1 <= this.y2 ? -1 : 1, x1 = xMult * this.width * 0.5, y1 = yMult * this.height * 0.5, x2 = xMult * this.width * -0.5, y2 = yMult * this.height * -0.5; - return { - x1: x1, - x2: x2, - y1: y1, - y2: y2, - }; - }, - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function () { - var p = this.calcLinePoints(); - return [ - '\n', - ]; - }, - /* _TO_SVG_END_ */ + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.ActiveSelection) { + return; + } + + /** + * Group class + * @class fabric.ActiveSelection + * @extends fabric.Group + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} + * @see {@link fabric.ActiveSelection#initialize} for constructor definition + */ + fabric.ActiveSelection = fabric.util.createClass(fabric.Group, /** @lends fabric.ActiveSelection.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'activeSelection', + + /** + * Constructor + * @param {Object} objects ActiveSelection objects + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function(objects, options) { + options = options || {}; + this._objects = objects || []; + for (var i = this._objects.length; i--; ) { + this._objects[i].group = this; + } + + if (options.originX) { + this.originX = options.originX; + } + if (options.originY) { + this.originY = options.originY; + } + this._calcBounds(); + this._updateObjectsCoords(); + fabric.Object.prototype.initialize.call(this, options); + this.setCoords(); + }, + + /** + * Change te activeSelection to a normal group, + * High level function that automatically adds it to canvas as + * active object. no events fired. + * @since 2.0.0 + * @return {fabric.Group} + */ + toGroup: function() { + var objects = this._objects.concat(); + this._objects = []; + var options = fabric.Object.prototype.toObject.call(this); + var newGroup = new fabric.Group([]); + delete options.type; + newGroup.set(options); + objects.forEach(function(object) { + object.canvas.remove(object); + object.group = newGroup; + }); + newGroup._objects = objects; + if (!this.canvas) { + return newGroup; + } + var canvas = this.canvas; + canvas.add(newGroup); + canvas._activeObject = newGroup; + newGroup.setCoords(); + return newGroup; + }, + + /** + * If returns true, deselection is cancelled. + * @since 2.0.0 + * @return {Boolean} [cancel] + */ + onDeselect: function() { + this.destroy(); + return false; + }, + + /** + * Returns string representation of a group + * @return {String} + */ + toString: function() { + return '#'; + }, + + /** + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * @return {Boolean} + */ + shouldCache: function() { + return false; + }, + + /** + * Check if this group or its parent group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function() { + return false; + }, + + /** + * Renders controls and borders for the object + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style + * @param {Object} [childrenOverride] properties to override the children overrides + */ + _renderControls: function(ctx, styleOverride, childrenOverride) { + ctx.save(); + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + this.callSuper('_renderControls', ctx, styleOverride); + childrenOverride = childrenOverride || { }; + if (typeof childrenOverride.hasControls === 'undefined') { + childrenOverride.hasControls = false; + } + childrenOverride.forActiveSelection = true; + for (var i = 0, len = this._objects.length; i < len; i++) { + this._objects[i]._renderControls(ctx, childrenOverride); + } + ctx.restore(); + }, + }); + + /** + * Returns {@link fabric.ActiveSelection} instance from an object representation + * @static + * @memberOf fabric.ActiveSelection + * @param {Object} object Object to create a group from + * @param {Function} [callback] Callback to invoke when an ActiveSelection instance is created + */ + fabric.ActiveSelection.fromObject = function(object, callback) { + fabric.util.enlivenObjects(object.objects, function(enlivenedObjects) { + delete object.objects; + callback && callback(new fabric.ActiveSelection(enlivenedObjects, object, true)); }); - /* _FROM_SVG_START_ */ + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var extend = fabric.util.object.extend; + + if (!global.fabric) { + global.fabric = { }; + } + + if (global.fabric.Image) { + fabric.warn('fabric.Image is already defined.'); + return; + } + + /** + * Image class + * @class fabric.Image + * @extends fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} + * @see {@link fabric.Image#initialize} for constructor definition + */ + fabric.Image = fabric.util.createClass(fabric.Object, /** @lends fabric.Image.prototype */ { + /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement}) - * @static - * @memberOf fabric.Line - * @see http://www.w3.org/TR/SVG/shapes.html#LineElement + * Type of an object + * @type String + * @default + */ + type: 'image', + + /** + * Width of a stroke. + * For image quality a stroke multiple of 2 gives better results. + * @type Number + * @default + */ + strokeWidth: 0, + + /** + * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. + * This allows for relative urls as image src. + * @since 2.7.0 + * @type Boolean + * @default + */ + srcFromAttribute: false, + + /** + * private + * contains last value of scaleX to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleX: 1, + + /** + * private + * contains last value of scaleY to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleY: 1, + + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingX: 1, + + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingY: 1, + + /** + * minimum scale factor under which any resizeFilter is triggered to resize the image + * 0 will disable the automatic resize. 1 will trigger automatically always. + * number bigger than 1 are not implemented yet. + * @type Number + */ + minimumScaleTrigger: 0.5, + + /** + * List of properties to consider when checking if + * state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: fabric.Object.prototype.stateProperties.concat('cropX', 'cropY'), + + /** + * List of properties to consider when checking if cache needs refresh + * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single + * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty + * and refreshed at the next render + * @type Array + */ + cacheProperties: fabric.Object.prototype.cacheProperties.concat('cropX', 'cropY'), + + /** + * key used to retrieve the texture representing this image + * @since 2.0.0 + * @type String + * @default + */ + cacheKey: '', + + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropX: 0, + + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropY: 0, + + /** + * Indicates whether this canvas will use image smoothing when painting this image. + * Also influence if the cacheCanvas for this image uses imageSmoothing + * @since 4.0.0-beta.11 + * @type Boolean + * @default */ - fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); + imageSmoothing: true, + /** - * Returns fabric.Line instance from an SVG element - * @static - * @memberOf fabric.Line - * @param {SVGElement} element Element to parse + * Constructor + * Image can be initialized with any canvas drawable or a string. + * The string should be a url and will be loaded as an image. + * Canvas and Image element work out of the box, while videos require extra code to work. + * Please check video element events for seeking. + * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element * @param {Object} [options] Options object - * @param {Function} [callback] callback function invoked after parsing - */ - fabric.Line.fromElement = function (element, callback, options) { - options = options || {}; - var parsedAttributes = fabric.parseAttributes(element, fabric.Line.ATTRIBUTE_NAMES), points = [ - parsedAttributes.x1 || 0, - parsedAttributes.y1 || 0, - parsedAttributes.x2 || 0, - parsedAttributes.y2 || 0, - ]; - callback(new fabric.Line(points, extend(parsedAttributes, options))); - }; - /* _FROM_SVG_END_ */ - /** - * Returns fabric.Line instance from an object representation - * @static - * @memberOf fabric.Line - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Line.fromObject = function (object) { - var options = clone(object, true); - options.points = [object.x1, object.y1, object.x2, object.y2]; - return InteractiveFabricObject._fromObject(fabric.Line, options, { - extraParam: 'points', - }).then(function (fabricLine) { - delete fabricLine.points; - return fabricLine; - }); - }; + * @param {function} [callback] callback function to call after eventual filters applied. + * @return {fabric.Image} thisArg + */ + initialize: function(element, options) { + options || (options = { }); + this.filters = []; + this.cacheKey = 'texture' + fabric.Object.__uid++; + this.callSuper('initialize', options); + this._initElement(element, options); + }, + /** - * Produces a function that calculates distance from canvas edge to Line origin. - */ - function makeEdgeToOriginGetter(propertyNames, originValues) { - var origin = propertyNames.origin, axis1 = propertyNames.axis1, axis2 = propertyNames.axis2, dimension = propertyNames.dimension, nearest = originValues.nearest, center = originValues.center, farthest = originValues.farthest; - return function () { - switch (this.get(origin)) { - case nearest: - return Math.min(this.get(axis1), this.get(axis2)); - case center: - return (Math.min(this.get(axis1), this.get(axis2)) + - 0.5 * this.get(dimension)); - case farthest: - return Math.max(this.get(axis1), this.get(axis2)); - } - }; - } -})(typeof exports !== 'undefined' ? exports : window); + * Returns image element which this instance if based on + * @return {HTMLImageElement} Image element + */ + getElement: function() { + return this._element || {}; + }, -class Circle$1 extends InteractiveFabricObject { /** - * @private - * @param {String} key - * @param {*} value + * Sets image element for this instance to a specified one. + * If filters defined they are applied to new image. + * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. + * @param {HTMLImageElement} element + * @param {Object} [options] Options object + * @return {fabric.Image} thisArg + * @chainable */ - _set(key, value) { - super._set(key, value); - if (key === 'radius') { - this.setRadius(value); - } - return this; - } + setElement: function(element, options) { + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._element = element; + this._originalElement = element; + this._initConfig(options); + if (this.filters.length !== 0) { + this.applyFilters(); + } + // resizeFilters work on the already filtered copy. + // we need to apply resizeFilters AFTER normal filters. + // applyResizeFilters is run more often than normal filters + // and is triggered by user interactions rather than dev code + if (this.resizeFilter) { + this.applyResizeFilters(); + } + return this; + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render on + * Delete a single texture if in webgl mode */ - _render(ctx) { - ctx.beginPath(); - ctx.arc(0, 0, this.radius, degreesToRadians(this.startAngle), degreesToRadians(this.endAngle), false); - this._renderPaintInOrder(ctx); - } + removeTexture: function(key) { + var backend = fabric.filterBackend; + if (backend && backend.evictCachesForKey) { + backend.evictCachesForKey(key); + } + }, + /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} + * Delete textures, reference to elements and eventually JSDOM cleanup + */ + dispose: function () { + this.callSuper('dispose'); + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._cacheContext = undefined; + ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach((function(element) { + fabric.util.cleanUpJsdomNode(this[element]); + this[element] = undefined; + }).bind(this)); + }, + + /** + * Get the crossOrigin value (of the corresponding image element) */ - getRadiusX() { - return this.get('radius') * this.get('scaleX'); - } + getCrossOrigin: function() { + return this._originalElement && (this._originalElement.crossOrigin || null); + }, + /** - * Returns vertical radius of an object (according to how an object is scaled) - * @return {Number} + * Returns original size of an image + * @return {Object} Object with "width" and "height" properties */ - getRadiusY() { - return this.get('radius') * this.get('scaleY'); - } + getOriginalSize: function() { + var element = this.getElement(); + return { + width: element.naturalWidth || element.width, + height: element.naturalHeight || element.height + }; + }, + /** - * Sets radius of an object (and updates width accordingly) + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - setRadius(value) { - this.radius = value; - this.set({ width: value * 2, height: value * 2 }); - } + _stroke: function(ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + var w = this.width / 2, h = this.height / 2; + ctx.beginPath(); + ctx.moveTo(-w, -h); + ctx.lineTo(w, -h); + ctx.lineTo(w, h); + ctx.lineTo(-w, h); + ctx.lineTo(-w, -h); + ctx.closePath(); + }, + /** * Returns object representation of an instance * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * @return {Object} Object representation of an instance */ - toObject(propertiesToInclude = []) { - return super.toObject([ - 'radius', - 'startAngle', - 'endAngle', - ...propertiesToInclude, - ]); - } + toObject: function(propertiesToInclude) { + var filters = []; + + this.filters.forEach(function(filterObj) { + if (filterObj) { + filters.push(filterObj.toObject()); + } + }); + var object = extend( + this.callSuper( + 'toObject', + ['cropX', 'cropY'].concat(propertiesToInclude) + ), { + src: this.getSrc(), + crossOrigin: this.getCrossOrigin(), + filters: filters, + }); + if (this.resizeFilter) { + object.resizeFilter = this.resizeFilter.toObject(); + } + return object; + }, + + /** + * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. + * @return {Boolean} + */ + hasCrop: function() { + return this.cropX || this.cropY || this.width < this._element.width || this.height < this._element.height; + }, + /* _TO_SVG_START_ */ /** * Returns svg representation of an instance * @return {Array} an array of strings with the specific svg representation * of the instance */ - _toSVG() { - const angle = (this.endAngle - this.startAngle) % 360; - if (angle === 0) { - return [ - '\n', - ]; + _toSVG: function() { + var svgString = [], imageMarkup = [], strokeSvg, element = this._element, + x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; + if (!element) { + return []; + } + if (this.hasCrop()) { + var clipPathId = fabric.Object.__uid++; + svgString.push( + '\n', + '\t\n', + '\n' + ); + clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; + } + if (!this.imageSmoothing) { + imageRendering = '" image-rendering="optimizeSpeed'; + } + imageMarkup.push('\t\n'); + + if (this.stroke || this.strokeDashArray) { + var origFill = this.fill; + this.fill = null; + strokeSvg = [ + '\t\n' + ]; + this.fill = origFill; + } + if (this.paintFirst !== 'fill') { + svgString = svgString.concat(strokeSvg, imageMarkup); + } + else { + svgString = svgString.concat(imageMarkup, strokeSvg); + } + return svgString; + }, + /* _TO_SVG_END_ */ + + /** + * Returns source of an image + * @param {Boolean} filtered indicates if the src is needed for svg + * @return {String} Source of an image + */ + getSrc: function(filtered) { + var element = filtered ? this._element : this._originalElement; + if (element) { + if (element.toDataURL) { + return element.toDataURL(); + } + + if (this.srcFromAttribute) { + return element.getAttribute('src'); } else { - const { radius } = this; - const start = degreesToRadians(this.startAngle), end = degreesToRadians(this.endAngle), startX = cos(start) * radius, startY = sin(start) * radius, endX = cos(end) * radius, endY = sin(end) * radius, largeFlag = angle > 180 ? '1' : '0'; - return [ - `\n', - ]; - } - } - /** - * Returns {@link Circle} instance from an SVG element - * @static - * @memberOf Circle - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @param {Object} [options] Partial Circle object to default missing properties on the element. - * @throws {Error} If value of `r` attribute is missing or invalid - */ - static fromElement(element, callback) { - const _a = parseAttributes(element, Circle$1.ATTRIBUTE_NAMES), { left = 0, top = 0, radius } = _a, otherParsedAttributes = __rest(_a, ["left", "top", "radius"]); - if (!radius || radius < 0) { - throw new Error('value of `r` attribute is required and can not be negative'); + return element.src; } - // this probably requires to be fixed for default origins not being top/left. - callback(new Circle$1(Object.assign(Object.assign({}, otherParsedAttributes), { radius, left: left - radius, top: top - radius }))); - } - /* _FROM_SVG_END_ */ + } + else { + return this.src || ''; + } + }, + /** - * Returns {@link Circle} instance from an object representation - * @static - * @memberOf Circle - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Sets source of an image + * @param {String} src Source string (URL) + * @param {Function} [callback] Callback is invoked when image has been loaded (and all filters have been applied) + * @param {Object} [options] Options object + * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") + * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes + * @return {fabric.Image} thisArg + * @chainable + */ + setSrc: function(src, callback, options) { + fabric.util.loadImage(src, function(img, isError) { + this.setElement(img, options); + this._setWidthHeight(); + callback && callback(this, isError); + }, this, options && options.crossOrigin); + return this; + }, + + /** + * Returns string representation of an instance + * @return {String} String representation of an instance + */ + toString: function() { + return '#'; + }, + + applyResizeFilters: function() { + var filter = this.resizeFilter, + minimumScale = this.minimumScaleTrigger, + objectScale = this.getTotalObjectScaling(), + scaleX = objectScale.scaleX, + scaleY = objectScale.scaleY, + elementToFilter = this._filteredEl || this._originalElement; + if (this.group) { + this.set('dirty', true); + } + if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { + this._element = elementToFilter; + this._filterScalingX = 1; + this._filterScalingY = 1; + this._lastScaleX = scaleX; + this._lastScaleY = scaleY; + return; + } + if (!fabric.filterBackend) { + fabric.filterBackend = fabric.initFilterBackend(); + } + var canvasEl = fabric.util.createCanvasElement(), + cacheKey = this._filteredEl ? (this.cacheKey + '_filtered') : this.cacheKey, + sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._lastScaleX = filter.scaleX = scaleX; + this._lastScaleY = filter.scaleY = scaleY; + fabric.filterBackend.applyFilters( + [filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); + this._filterScalingX = canvasEl.width / this._originalElement.width; + this._filterScalingY = canvasEl.height / this._originalElement.height; + }, + + /** + * Applies filters assigned to this image (from "filters" array) or from filter param + * @method applyFilters + * @param {Array} filters to be applied + * @param {Boolean} forResizing specify if the filter operation is a resize operation + * @return {thisArg} return the fabric.Image object + * @chainable + */ + applyFilters: function(filters) { + + filters = filters || this.filters || []; + filters = filters.filter(function(filter) { return filter && !filter.isNeutralState(); }); + this.set('dirty', true); + + // needs to clear out or WEBGL will not resize correctly + this.removeTexture(this.cacheKey + '_filtered'); + + if (filters.length === 0) { + this._element = this._originalElement; + this._filteredEl = null; + this._filterScalingX = 1; + this._filterScalingY = 1; + return this; + } + + var imgElement = this._originalElement, + sourceWidth = imgElement.naturalWidth || imgElement.width, + sourceHeight = imgElement.naturalHeight || imgElement.height; + + if (this._element === this._originalElement) { + // if the element is the same we need to create a new element + var canvasEl = fabric.util.createCanvasElement(); + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._filteredEl = canvasEl; + } + else { + // clear the existing element to get new filter data + // also dereference the eventual resized _element + this._element = this._filteredEl; + this._filteredEl.getContext('2d').clearRect(0, 0, sourceWidth, sourceHeight); + // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y + this._lastScaleX = 1; + this._lastScaleY = 1; + } + if (!fabric.filterBackend) { + fabric.filterBackend = fabric.initFilterBackend(); + } + fabric.filterBackend.applyFilters( + filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); + if (this._originalElement.width !== this._element.width || + this._originalElement.height !== this._element.height) { + this._filterScalingX = this._element.width / this._originalElement.width; + this._filterScalingY = this._element.height / this._originalElement.height; + } + return this; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + fabric.util.setImageSmoothing(ctx, this.imageSmoothing); + if (this.isMoving !== true && this.resizeFilter && this._needsResize()) { + this.applyResizeFilters(); + } + this._stroke(ctx); + this._renderPaintInOrder(ctx); + }, + + /** + * Paint the cached copy of the object on the target context. + * it will set the imageSmoothing for the draw operation + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawCacheOnCanvas: function(ctx) { + fabric.util.setImageSmoothing(ctx, this.imageSmoothing); + fabric.Object.prototype.drawCacheOnCanvas.call(this, ctx); + }, + + /** + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * This is the special image version where we would like to avoid caching where possible. + * Essentially images do not benefit from caching. They may require caching, and in that + * case we do it. Also caching an image usually ends in a loss of details. + * A full performance audit should be done. + * @return {Boolean} + */ + shouldCache: function() { + return this.needsItsOwnCache(); + }, + + _renderFill: function(ctx) { + var elementToDraw = this._element; + if (!elementToDraw) { + return; + } + var scaleX = this._filterScalingX, scaleY = this._filterScalingY, + w = this.width, h = this.height, min = Math.min, max = Math.max, + // crop values cannot be lesser than 0. + cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), + elWidth = elementToDraw.naturalWidth || elementToDraw.width, + elHeight = elementToDraw.naturalHeight || elementToDraw.height, + sX = cropX * scaleX, + sY = cropY * scaleY, + // the width height cannot exceed element width/height, starting from the crop offset. + sW = min(w * scaleX, elWidth - sX), + sH = min(h * scaleY, elHeight - sY), + x = -w / 2, y = -h / 2, + maxDestW = min(w, elWidth / scaleX - cropX), + maxDestH = min(h, elHeight / scaleY - cropY); + + elementToDraw && ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); + }, + + /** + * needed to check if image needs resize + * @private + */ + _needsResize: function() { + var scale = this.getTotalObjectScaling(); + return (scale.scaleX !== this._lastScaleX || scale.scaleY !== this._lastScaleY); + }, + + /** + * @private + */ + _resetWidthHeight: function() { + this.set(this.getOriginalSize()); + }, + + /** + * The Image class's initialization method. This method is automatically + * called by the constructor. + * @private + * @param {HTMLImageElement|String} element The element representing the image + * @param {Object} [options] Options object */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Circle$1, object); + _initElement: function(element, options) { + this.setElement(fabric.util.getById(element), options); + fabric.util.addClass(this.getElement(), fabric.Image.CSS_CANVAS); + }, + + /** + * @private + * @param {Object} [options] Options object + */ + _initConfig: function(options) { + options || (options = { }); + this.setOptions(options); + this._setWidthHeight(options); + }, + + /** + * @private + * @param {Array} filters to be initialized + * @param {Function} callback Callback to invoke when all fabric.Image.filters instances are created + */ + _initFilters: function(filters, callback) { + if (filters && filters.length) { + fabric.util.enlivenObjects(filters, function(enlivenedObjects) { + callback && callback(enlivenedObjects); + }, 'fabric.Image.filters'); + } + else { + callback && callback(); + } + }, + + /** + * @private + * Set the width and the height of the image object, using the element or the + * options. + * @param {Object} [options] Object with width/height properties + */ + _setWidthHeight: function(options) { + options || (options = { }); + var el = this.getElement(); + this.width = options.width || el.naturalWidth || el.width || 0; + this.height = options.height || el.naturalHeight || el.height || 0; + }, + + /** + * Calculate offset for center and scale factor for the image in order to respect + * the preserveAspectRatio attribute + * @private + * @return {Object} + */ + parsePreserveAspectRatioAttribute: function() { + var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), + rWidth = this._element.width, rHeight = this._element.height, + scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, + offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; + if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { + if (pAR.meetOrSlice === 'meet') { + scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); + offset = (pWidth - rWidth * scaleX) / 2; + if (pAR.alignX === 'Min') { + offsetLeft = -offset; + } + if (pAR.alignX === 'Max') { + offsetLeft = offset; + } + offset = (pHeight - rHeight * scaleY) / 2; + if (pAR.alignY === 'Min') { + offsetTop = -offset; + } + if (pAR.alignY === 'Max') { + offsetTop = offset; + } + } + if (pAR.meetOrSlice === 'slice') { + scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); + offset = rWidth - pWidth / scaleX; + if (pAR.alignX === 'Mid') { + cropX = offset / 2; + } + if (pAR.alignX === 'Max') { + cropX = offset; + } + offset = rHeight - pHeight / scaleY; + if (pAR.alignY === 'Mid') { + cropY = offset / 2; + } + if (pAR.alignY === 'Max') { + cropY = offset; + } + rWidth = pWidth / scaleX; + rHeight = pHeight / scaleY; + } + } + else { + scaleX = pWidth / rWidth; + scaleY = pHeight / rHeight; + } + return { + width: rWidth, + height: rHeight, + scaleX: scaleX, + scaleY: scaleY, + offsetLeft: offsetLeft, + offsetTop: offsetTop, + cropX: cropX, + cropY: cropY + }; + } + }); + + /** + * Default CSS class name for canvas + * @static + * @type String + * @default + */ + fabric.Image.CSS_CANVAS = 'canvas-img'; + + /** + * Alias for getSrc + * @static + */ + fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; + + /** + * Creates an instance of fabric.Image from its object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} callback Callback to invoke when an image instance is created + */ + fabric.Image.fromObject = function(_object, callback) { + var object = fabric.util.object.clone(_object); + fabric.util.loadImage(object.src, function(img, isError) { + if (isError) { + callback && callback(null, true); + return; + } + fabric.Image.prototype._initFilters.call(object, object.filters, function(filters) { + object.filters = filters || []; + fabric.Image.prototype._initFilters.call(object, [object.resizeFilter], function(resizeFilters) { + object.resizeFilter = resizeFilters[0]; + fabric.util.enlivenObjectEnlivables(object, object, function () { + var image = new fabric.Image(img, object); + callback(image, false); + }); + }); + }); + }, null, object.crossOrigin); + }; + + /** + * Creates an instance of fabric.Image from an URL string + * @static + * @param {String} url URL to create an image from + * @param {Function} [callback] Callback to invoke when image is created (newly created image is passed as a first argument). Second argument is a boolean indicating if an error occurred or not. + * @param {Object} [imgOptions] Options object + */ + fabric.Image.fromURL = function(url, callback, imgOptions) { + fabric.util.loadImage(url, function(img, isError) { + callback && callback(new fabric.Image(img, imgOptions), isError); + }, null, imgOptions && imgOptions.crossOrigin); + }; + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) + * @static + * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} + */ + fabric.Image.ATTRIBUTE_NAMES = + fabric.SHARED_ATTRIBUTES.concat( + 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ') + ); + + /** + * Returns {@link fabric.Image} instance from an SVG element + * @static + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {Function} callback Callback to execute when fabric.Image object is created + * @return {fabric.Image} Instance of fabric.Image + */ + fabric.Image.fromElement = function(element, callback, options) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); + fabric.Image.fromURL(parsedAttributes['xlink:href'], callback, + extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); + }; + /* _FROM_SVG_END_ */ + +})(typeof exports !== 'undefined' ? exports : this); + + +fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * @private + * @return {Number} angle value + */ + _getAngleValueForStraighten: function() { + var angle = this.angle % 360; + if (angle > 0) { + return Math.round((angle - 1) / 90) * 90; + } + return Math.round(angle / 90) * 90; + }, + + /** + * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) + * @return {fabric.Object} thisArg + * @chainable + */ + straighten: function() { + return this.rotate(this._getAngleValueForStraighten()); + }, + + /** + * Same as {@link fabric.Object.prototype.straighten} but with animation + * @param {Object} callbacks Object with callback functions + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.Object} thisArg + */ + fxStraighten: function(callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: this.get('angle'), + endValue: this._getAngleValueForStraighten(), + duration: this.FX_DURATION, + onChange: function(value) { + _this.rotate(value); + onChange(); + }, + onComplete: function() { + _this.setCoords(); + onComplete(); + }, + }); + } +}); + +fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + + /** + * Straightens object, then rerenders canvas + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + * @chainable + */ + straightenObject: function (object) { + object.straighten(); + this.requestRenderAll(); + return this; + }, + + /** + * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + */ + fxStraightenObject: function (object) { + return object.fxStraighten({ + onChange: this.requestRenderAllBound + }); + } +}); + + +(function() { + + 'use strict'; + + /** + * Tests if webgl supports certain precision + * @param {WebGL} Canvas WebGL context to test on + * @param {String} Precision to test can be any of following: 'lowp', 'mediump', 'highp' + * @returns {Boolean} Whether the user's browser WebGL supports given precision. + */ + function testPrecision(gl, precision){ + var fragmentSource = 'precision ' + precision + ' float;\nvoid main(){}'; + var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { + return false; + } + return true; + } + + /** + * Indicate whether this filtering backend is supported by the user's browser. + * @param {Number} tileSize check if the tileSize is supported + * @returns {Boolean} Whether the user's browser supports WebGL. + */ + fabric.isWebglSupported = function(tileSize) { + if (fabric.isLikelyNode) { + return false; + } + tileSize = tileSize || fabric.WebglFilterBackend.prototype.tileSize; + var canvas = document.createElement('canvas'); + var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); + var isSupported = false; + // eslint-disable-next-line + if (gl) { + fabric.maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); + isSupported = fabric.maxTextureSize >= tileSize; + var precisions = ['highp', 'mediump', 'lowp']; + for (var i = 0; i < 3; i++){ + if (testPrecision(gl, precisions[i])){ + fabric.webGlPrecision = precisions[i]; + break; + }; + } } + this.isSupported = isSupported; + return isSupported; + }; + + fabric.WebglFilterBackend = WebglFilterBackend; + + /** + * WebGL filter backend. + */ + function WebglFilterBackend(options) { + if (options && options.tileSize) { + this.tileSize = options.tileSize; + } + this.setupGLContext(this.tileSize, this.tileSize); + this.captureGPUInfo(); + }; + + WebglFilterBackend.prototype = /** @lends fabric.WebglFilterBackend.prototype */ { + + tileSize: 2048, + + /** + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + resources: { + + }, + + /** + * Setup a WebGL context suitable for filtering, and bind any needed event handlers. + */ + setupGLContext: function(width, height) { + this.dispose(); + this.createWebGLCanvas(width, height); + // eslint-disable-next-line + this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); + this.chooseFastestCopyGLTo2DMethod(width, height); + }, + + /** + * Pick a method to copy data from GL context to 2d canvas. In some browsers using + * putImageData is faster than drawImage for that specific operation. + */ + chooseFastestCopyGLTo2DMethod: function(width, height) { + var canMeasurePerf = typeof window.performance !== 'undefined', canUseImageData; + try { + new ImageData(1, 1); + canUseImageData = true; + } + catch (e) { + canUseImageData = false; + } + // eslint-disable-next-line no-undef + var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined'; + // eslint-disable-next-line no-undef + var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined'; + + if (!(canMeasurePerf && canUseImageData && canUseArrayBuffer && canUseUint8Clamped)) { + return; + } + + var targetCanvas = fabric.util.createCanvasElement(); + // eslint-disable-next-line no-undef + var imageBuffer = new ArrayBuffer(width * height * 4); + if (fabric.forceGLPutImageData) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + return; + } + var testContext = { + imageBuffer: imageBuffer, + destinationWidth: width, + destinationHeight: height, + targetCanvas: targetCanvas + }; + var startTime, drawImageTime, putImageDataTime; + targetCanvas.width = width; + targetCanvas.height = height; + + startTime = window.performance.now(); + copyGLTo2DDrawImage.call(testContext, this.gl, testContext); + drawImageTime = window.performance.now() - startTime; + + startTime = window.performance.now(); + copyGLTo2DPutImageData.call(testContext, this.gl, testContext); + putImageDataTime = window.performance.now() - startTime; + + if (drawImageTime > putImageDataTime) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + } + else { + this.copyGLTo2D = copyGLTo2DDrawImage; + } + }, + + /** + * Create a canvas element and associated WebGL context and attaches them as + * class properties to the GLFilterBackend class. + */ + createWebGLCanvas: function(width, height) { + var canvas = fabric.util.createCanvasElement(); + canvas.width = width; + canvas.height = height; + var glOptions = { + alpha: true, + premultipliedAlpha: false, + depth: false, + stencil: false, + antialias: false + }, + gl = canvas.getContext('webgl', glOptions); + if (!gl) { + gl = canvas.getContext('experimental-webgl', glOptions); + } + if (!gl) { + return; + } + gl.clearColor(0, 0, 0, 0); + // this canvas can fire webglcontextlost and webglcontextrestored + this.canvas = canvas; + this.gl = gl; + }, + + /** + * Attempts to apply the requested filters to the source provided, drawing the filtered output + * to the provided target canvas. + * + * @param {Array} filters The filters to apply. + * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered. + * @param {Number} width The width of the source input. + * @param {Number} height The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. + * @param {String|undefined} cacheKey A key used to cache resources related to the source. If + * omitted, caching will be skipped. + */ + applyFilters: function(filters, source, width, height, targetCanvas, cacheKey) { + var gl = this.gl; + var cachedTexture; + if (cacheKey) { + cachedTexture = this.getCachedTexture(cacheKey, source); + } + var pipelineState = { + originalWidth: source.width || source.originalWidth, + originalHeight: source.height || source.originalHeight, + sourceWidth: width, + sourceHeight: height, + destinationWidth: width, + destinationHeight: height, + context: gl, + sourceTexture: this.createTexture(gl, width, height, !cachedTexture && source), + targetTexture: this.createTexture(gl, width, height), + originalTexture: cachedTexture || + this.createTexture(gl, width, height, !cachedTexture && source), + passes: filters.length, + webgl: true, + aPosition: this.aPosition, + programCache: this.programCache, + pass: 0, + filterBackend: this, + targetCanvas: targetCanvas + }; + var tempFbo = gl.createFramebuffer(); + gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); + filters.forEach(function(filter) { filter && filter.applyTo(pipelineState); }); + resizeCanvasIfNeeded(pipelineState); + this.copyGLTo2D(gl, pipelineState); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.deleteTexture(pipelineState.sourceTexture); + gl.deleteTexture(pipelineState.targetTexture); + gl.deleteFramebuffer(tempFbo); + targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0); + return pipelineState; + }, + + /** + * Detach event listeners, remove references, and clean up caches. + */ + dispose: function() { + if (this.canvas) { + this.canvas = null; + this.gl = null; + } + this.clearWebGLCaches(); + }, + + /** + * Wipe out WebGL-related caches. + */ + clearWebGLCaches: function() { + this.programCache = {}; + this.textureCache = {}; + }, + + /** + * Create a WebGL texture object. + * + * Accepts specific dimensions to initialize the texture to or a source image. + * + * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. + * @param {Number} width The width to initialize the texture at. + * @param {Number} height The height to initialize the texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. + * @returns {WebGLTexture} + */ + createTexture: function(gl, width, height, textureImageSource) { + var texture = gl.createTexture(); + gl.bindTexture(gl.TEXTURE_2D, texture); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); + if (textureImageSource) { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); + } + else { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); + } + return texture; + }, + + /** + * Can be optionally used to get a texture from the cache array + * + * If an existing texture is not found, a new texture is created and cached. + * + * @param {String} uniqueId A cache key to use to find an existing texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the + * texture cache entry if one does not already exist. + */ + getCachedTexture: function(uniqueId, textureImageSource) { + if (this.textureCache[uniqueId]) { + return this.textureCache[uniqueId]; + } + else { + var texture = this.createTexture( + this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); + this.textureCache[uniqueId] = texture; + return texture; + } + }, + + /** + * Clear out cached resources related to a source image that has been + * filtered previously. + * + * @param {String} cacheKey The cache key provided when the source image was filtered. + */ + evictCachesForKey: function(cacheKey) { + if (this.textureCache[cacheKey]) { + this.gl.deleteTexture(this.textureCache[cacheKey]); + delete this.textureCache[cacheKey]; + } + }, + + copyGLTo2D: copyGLTo2DDrawImage, + + /** + * Attempt to extract GPU information strings from a WebGL context. + * + * Useful information when debugging or blacklisting specific GPUs. + * + * @returns {Object} A GPU info object with renderer and vendor strings. + */ + captureGPUInfo: function() { + if (this.gpuInfo) { + return this.gpuInfo; + } + var gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; + if (!gl) { + return gpuInfo; + } + var ext = gl.getExtension('WEBGL_debug_renderer_info'); + if (ext) { + var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); + var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); + if (renderer) { + gpuInfo.renderer = renderer.toLowerCase(); + } + if (vendor) { + gpuInfo.vendor = vendor.toLowerCase(); + } + } + this.gpuInfo = gpuInfo; + return gpuInfo; + }, + }; +})(); + +function resizeCanvasIfNeeded(pipelineState) { + var targetCanvas = pipelineState.targetCanvas, + width = targetCanvas.width, height = targetCanvas.height, + dWidth = pipelineState.destinationWidth, + dHeight = pipelineState.destinationHeight; + + if (width !== dWidth || height !== dHeight) { + targetCanvas.width = dWidth; + targetCanvas.height = dHeight; + } +} + +/** + * Copy an input WebGL canvas on to an output 2D canvas. + * + * The WebGL canvas is assumed to be upside down, with the top-left pixel of the + * desired output image appearing in the bottom-left corner of the WebGL canvas. + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. + * @param {Object} pipelineState The 2D target canvas to copy on to. + */ +function copyGLTo2DDrawImage(gl, pipelineState) { + var glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, + ctx = targetCanvas.getContext('2d'); + ctx.translate(0, targetCanvas.height); // move it down again + ctx.scale(1, -1); // vertical flip + // where is my image on the big glcanvas? + var sourceY = glCanvas.height - targetCanvas.height; + ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, + targetCanvas.width, targetCanvas.height); } -/* _TO_SVG_END_ */ -/* _FROM_SVG_START_ */ + /** - * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement}) - * @static - * @memberOf Circle - * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement + * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData + * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. + * @param {Object} pipelineState The 2D target canvas to copy on to. */ -Circle$1.ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES]; -const circleDefaultValues = { - type: 'circle', - radius: 0, - startAngle: 0, - endAngle: 360, - stateProperties: fabricObjectDefaultValues.stateProperties.concat('radius', 'startAngle', 'endAngle'), - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('radius', 'startAngle', 'endAngle'), -}; -Object.assign(Circle$1.prototype, circleDefaultValues); -fabric$3.Circle = Circle$1; +function copyGLTo2DPutImageData(gl, pipelineState) { + var targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), + dWidth = pipelineState.destinationWidth, + dHeight = pipelineState.destinationHeight, + numBytes = dWidth * dHeight * 4; + + // eslint-disable-next-line no-undef + var u8 = new Uint8Array(this.imageBuffer, 0, numBytes); + // eslint-disable-next-line no-undef + var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); + + gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); + var imgData = new ImageData(u8Clamped, dWidth, dHeight); + ctx.putImageData(imgData, 0, 0); +} + + +(function() { + + 'use strict'; + + var noop = function() {}; + + fabric.Canvas2dFilterBackend = Canvas2dFilterBackend; + + /** + * Canvas 2D filter backend. + */ + function Canvas2dFilterBackend() {}; + + Canvas2dFilterBackend.prototype = /** @lends fabric.Canvas2dFilterBackend.prototype */ { + evictCachesForKey: noop, + dispose: noop, + clearWebGLCaches: noop, -class Triangle extends InteractiveFabricObject { /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render(ctx) { - const widthBy2 = this.width / 2, heightBy2 = this.height / 2; - ctx.beginPath(); - ctx.moveTo(-widthBy2, heightBy2); - ctx.lineTo(0, -heightBy2); - ctx.lineTo(widthBy2, heightBy2); - ctx.closePath(); - this._renderPaintInOrder(ctx); - } + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + resources: { + + }, + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG() { - const widthBy2 = this.width / 2, heightBy2 = this.height / 2, points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`; - return ['']; + * Apply a set of filters against a source image and draw the filtered output + * to the provided destination canvas. + * + * @param {EnhancedFilter} filters The filter to apply. + * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. + * @param {Number} sourceWidth The width of the source input. + * @param {Number} sourceHeight The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. + */ + applyFilters: function(filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { + var ctx = targetCanvas.getContext('2d'); + ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); + var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + var originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + var pipelineState = { + sourceWidth: sourceWidth, + sourceHeight: sourceHeight, + imageData: imageData, + originalEl: sourceElement, + originalImageData: originalImageData, + canvasEl: targetCanvas, + ctx: ctx, + filterBackend: this, + }; + filters.forEach(function(filter) { filter.applyTo(pipelineState); }); + if (pipelineState.imageData.width !== sourceWidth || pipelineState.imageData.height !== sourceHeight) { + targetCanvas.width = pipelineState.imageData.width; + targetCanvas.height = pipelineState.imageData.height; + } + ctx.putImageData(pipelineState.imageData, 0, 0); + return pipelineState; + }, + + }; +})(); + + +/** + * @namespace fabric.Image.filters + * @memberOf fabric.Image + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + */ +fabric.Image = fabric.Image || { }; +fabric.Image.filters = fabric.Image.filters || { }; + +/** + * Root filter class from which all filter classes inherit from + * @class fabric.Image.filters.BaseFilter + * @memberOf fabric.Image.filters + */ +fabric.Image.filters.BaseFilter = fabric.util.createClass(/** @lends fabric.Image.filters.BaseFilter.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: 'BaseFilter', + + /** + * Array of attributes to send with buffers. do not modify + * @private + */ + + vertexSource: 'attribute vec2 aPosition;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vTexCoord = aPosition;\n' + + 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + + '}', + + fragmentSource: 'precision highp float;\n' + + 'varying vec2 vTexCoord;\n' + + 'uniform sampler2D uTexture;\n' + + 'void main() {\n' + + 'gl_FragColor = texture2D(uTexture, vTexCoord);\n' + + '}', + + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function(options) { + if (options) { + this.setOptions(options); + } + }, + + /** + * Sets filter's properties from options + * @param {Object} [options] Options object + */ + setOptions: function(options) { + for (var prop in options) { + this[prop] = options[prop]; + } + }, + + /** + * Compile this filter's shader program. + * + * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. + * @param {String} fragmentSource fragmentShader source for compilation + * @param {String} vertexSource vertexShader source for compilation + */ + createProgram: function(gl, fragmentSource, vertexSource) { + fragmentSource = fragmentSource || this.fragmentSource; + vertexSource = vertexSource || this.vertexSource; + if (fabric.webGlPrecision !== 'highp'){ + fragmentSource = fragmentSource.replace( + /precision highp float/g, + 'precision ' + fabric.webGlPrecision + ' float' + ); + } + var vertexShader = gl.createShader(gl.VERTEX_SHADER); + gl.shaderSource(vertexShader, vertexSource); + gl.compileShader(vertexShader); + if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Vertex shader compile error for ' + this.type + ': ' + + gl.getShaderInfoLog(vertexShader) + ); } - /** - * Returns {@link Triangle} instance from an object representation - * @static - * @memberOf Triangle - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Triangle, object); + + var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Fragment shader compile error for ' + this.type + ': ' + + gl.getShaderInfoLog(fragmentShader) + ); } -} -const triangleDefaultValues = { - type: 'triangle', - width: 100, - height: 100, -}; -Object.assign(Triangle.prototype, triangleDefaultValues); -fabric$3.Triangle = Triangle; -class Ellipse extends InteractiveFabricObject { - /** - * Constructor - * @param {Object} [options] Options object - * @return {Ellipse} thisArg - */ - constructor(options) { - super(options); - this.set('rx', (options && options.rx) || 0); - this.set('ry', (options && options.ry) || 0); + var program = gl.createProgram(); + gl.attachShader(program, vertexShader); + gl.attachShader(program, fragmentShader); + gl.linkProgram(program); + if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Shader link error for "${this.type}" ' + + gl.getProgramInfoLog(program) + ); } - /** - * @private - * @param {String} key - * @param {*} value - * @return {Ellipse} thisArg - */ - _set(key, value) { - super._set(key, value); - switch (key) { - case 'rx': - this.rx = value; - this.set('width', value * 2); - break; - case 'ry': - this.ry = value; - this.set('height', value * 2); - break; - } - return this; + + var attributeLocations = this.getAttributeLocations(gl, program); + var uniformLocations = this.getUniformLocations(gl, program) || { }; + uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); + uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); + return { + program: program, + attributeLocations: attributeLocations, + uniformLocations: uniformLocations + }; + }, + + /** + * Return a map of attribute names to WebGLAttributeLocation objects. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. + * @returns {Object} A map of attribute names to attribute locations. + */ + getAttributeLocations: function(gl, program) { + return { + aPosition: gl.getAttribLocation(program, 'aPosition'), + }; + }, + + /** + * Return a map of uniform names to WebGLUniformLocation objects. + * + * Intended to be overridden by subclasses. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {WebGLShaderProgram} program The shader program from which to take uniform locations. + * @returns {Object} A map of uniform names to uniform locations. + */ + getUniformLocations: function (/* gl, program */) { + // in case i do not need any special uniform i need to return an empty object + return { }; + }, + + /** + * Send attribute data from this filter to its shader program on the GPU. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {Object} attributeLocations A map of shader attribute names to their locations. + */ + sendAttributeData: function(gl, attributeLocations, aPositionData) { + var attributeLocation = attributeLocations.aPosition; + var buffer = gl.createBuffer(); + gl.bindBuffer(gl.ARRAY_BUFFER, buffer); + gl.enableVertexAttribArray(attributeLocation); + gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); + gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); + }, + + _setupFrameBuffer: function(options) { + var gl = options.context, width, height; + if (options.passes > 1) { + width = options.destinationWidth; + height = options.destinationHeight; + if (options.sourceWidth !== width || options.sourceHeight !== height) { + gl.deleteTexture(options.targetTexture); + options.targetTexture = options.filterBackend.createTexture(gl, width, height); + } + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, + options.targetTexture, 0); } - /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRx() { - return this.get('rx') * this.get('scaleX'); + else { + // draw last filter on canvas and not to framebuffer. + gl.bindFramebuffer(gl.FRAMEBUFFER, null); + gl.finish(); } - /** - * Returns Vertical radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRy() { - return this.get('ry') * this.get('scaleY'); + }, + + _swapTextures: function(options) { + options.passes--; + options.pass++; + var temp = options.targetTexture; + options.targetTexture = options.sourceTexture; + options.sourceTexture = temp; + }, + + /** + * Generic isNeutral implementation for one parameter based filters. + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) + * @param {Object} options + **/ + isNeutralState: function(/* options */) { + var main = this.mainParameter, + _class = fabric.Image.filters[this.type].prototype; + if (main) { + if (Array.isArray(_class[main])) { + for (var i = _class[main].length; i--;) { + if (this[main][i] !== _class[main][i]) { + return false; + } + } + return true; + } + else { + return _class[main] === this[main]; + } } - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject(propertiesToInclude = []) { - return super.toObject(['rx', 'ry', ...propertiesToInclude]); + else { + return false; } - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG() { - return [ - '\n', - ]; + }, + + /** + * Apply this filter to the input image data provided. + * + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function(options) { + if (options.webgl) { + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); } - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render on - */ - _render(ctx) { - ctx.beginPath(); - ctx.save(); - ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); - ctx.arc(0, 0, this.rx, 0, twoMathPi, false); - ctx.restore(); - this._renderPaintInOrder(ctx); + else { + this.applyTo2d(options); } - /** - * Returns {@link Ellipse} instance from an SVG element - * @static - * @memberOf Ellipse - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @return {Ellipse} - */ - static fromElement(element, callback) { - const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES); - parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; - parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; - callback(new Ellipse(parsedAttributes)); + }, + + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + if (!options.programCache.hasOwnProperty(this.type)) { + options.programCache[this.type] = this.createProgram(options.context); + } + return options.programCache[this.type]; + }, + + /** + * Apply this filter using webgl. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.originalTexture The texture of the original input image. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyToWebGL: function(options) { + var gl = options.context; + var shader = this.retrieveShader(options); + if (options.pass === 0 && options.originalTexture) { + gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); } - /* _FROM_SVG_END_ */ - /** - * Returns {@link Ellipse} instance from an object representation - * @static - * @memberOf Ellipse - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Ellipse, object); + else { + gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); } -} -/* _FROM_SVG_START_ */ -/** - * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement}) - * @static - * @memberOf Ellipse - * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement - */ -Ellipse.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry']; -const ellipseDefaultValues = { - type: 'ellipse', - rx: 0, - ry: 0, - cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'], + gl.useProgram(shader.program); + this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); + + gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); + gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); + + this.sendUniformData(gl, shader.uniformLocations); + gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); + gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); + }, + + bindAdditionalTexture: function(gl, texture, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, texture); + // reset active texture to 0 as usual + gl.activeTexture(gl.TEXTURE0); + }, + + unbindAdditionalTexture: function(gl, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.activeTexture(gl.TEXTURE0); + }, + + getMainParameter: function() { + return this[this.mainParameter]; + }, + + setMainParameter: function(value) { + this[this.mainParameter] = value; + }, + + /** + * Send uniform data from this filter to its shader program on the GPU. + * + * Intended to be overridden by subclasses. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {Object} uniformLocations A map of shader uniform names to their locations. + */ + sendUniformData: function(/* gl, uniformLocations */) { + // Intentionally left blank. Override me in subclasses. + }, + + /** + * If needed by a 2d filter, this functions can create an helper canvas to be used + * remember that options.targetCanvas is available for use till end of chain. + */ + createHelpLayer: function(options) { + if (!options.helpLayer) { + var helpLayer = document.createElement('canvas'); + helpLayer.width = options.sourceWidth; + helpLayer.height = options.sourceHeight; + options.helpLayer = helpLayer; + } + }, + + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + var object = { type: this.type }, mainP = this.mainParameter; + if (mainP) { + object[mainP] = this[mainP]; + } + return object; + }, + + /** + * Returns a JSON representation of an instance + * @return {Object} JSON + */ + toJSON: function() { + // delegate, not alias + return this.toObject(); + } +}); + +fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { + var filter = new fabric.Image.filters[object.type](object); + callback && callback(filter); + return filter; }; -Object.assign(Ellipse.prototype, ellipseDefaultValues); -fabric$3.Ellipse = Ellipse; -/** - * Rectangle class - * @class Rect - * @extends fabric.Object - * @return {Rect} thisArg - * @see {@link Rect#initialize} for constructor definition - */ -const Rect$1 = fabric$3.util.createClass(fabric$3.Object, -/** @lends Rect.prototype */ { - /** - * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric$3.Object.prototype.stateProperties.concat('rx', 'ry'), + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Color Matrix filter class + * @class fabric.Image.filters.ColorMatrix + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} + * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} + * @example Kodachrome filter + * var filter = new fabric.Image.filters.ColorMatrix({ + * matrix: [ + 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, + -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, + -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, + 0, 0, 0, 1, 0 + ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.ColorMatrix = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.ColorMatrix.prototype */ { + /** - * Type of an object - * @type String + * Filter type + * @param {String} type * @default */ - type: 'rect', + type: 'ColorMatrix', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'uniform mat4 uColorMatrix;\n' + + 'uniform vec4 uConstants;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color *= uColorMatrix;\n' + + 'color += uConstants;\n' + + 'gl_FragColor = color;\n' + + '}', + /** - * Horizontal border radius - * @type Number + * Colormatrix for pixels. + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Array} matrix array of 20 numbers. * @default */ - rx: 0, + matrix: [ + 1, 0, 0, 0, 0, + 0, 1, 0, 0, 0, + 0, 0, 1, 0, 0, + 0, 0, 0, 1, 0 + ], + + mainParameter: 'matrix', + /** - * Vertical border radius - * @type Number - * @default + * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario + * to save some calculation + * @type Boolean + * @default true */ - ry: 0, - cacheProperties: fabric$3.Object.prototype.cacheProperties.concat('rx', 'ry'), + colorsOnly: true, + /** * Constructor * @param {Object} [options] Options object - * @return {Object} thisArg */ - initialize: function (options) { - this.callSuper('initialize', options); - this._initRxRy(); + initialize: function(options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.matrix = this.matrix.slice(0); }, + /** - * Initializes rx/ry attributes - * @private - */ - _initRxRy: function () { - const { rx, ry } = this; - if (rx && !ry) { - this.ry = rx; + * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, + iLen = data.length, + m = this.matrix, + r, g, b, a, i, colorsOnly = this.colorsOnly; + + for (i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + if (colorsOnly) { + data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; + data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; + data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; } - else if (ry && !rx) { - this.rx = ry; + else { + a = data[i + 3]; + data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; + data[i + 1] = r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; + data[i + 2] = r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; + data[i + 3] = r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; } + } }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - // 1x1 case (used in spray brush) optimization was removed because - // with caching and higher zoom level this makes more damage than help - const { width: w, height: h } = this; - const x = -w / 2; - const y = -h / 2; - const rx = this.rx ? Math.min(this.rx, w / 2) : 0; - const ry = this.ry ? Math.min(this.ry, h / 2) : 0; - const isRounded = rx !== 0 || ry !== 0; - ctx.beginPath(); - ctx.moveTo(x + rx, y); - ctx.lineTo(x + w - rx, y); - isRounded && - ctx.bezierCurveTo(x + w - kRect * rx, y, x + w, y + kRect * ry, x + w, y + ry); - ctx.lineTo(x + w, y + h - ry); - isRounded && - ctx.bezierCurveTo(x + w, y + h - kRect * ry, x + w - kRect * rx, y + h, x + w - rx, y + h); - ctx.lineTo(x + rx, y + h); - isRounded && - ctx.bezierCurveTo(x + kRect * rx, y + h, x, y + h - kRect * ry, x, y + h - ry); - ctx.lineTo(x, y + ry); - isRounded && - ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y); - ctx.closePath(); - this._renderPaintInOrder(ctx); - }, - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), + uConstants: gl.getUniformLocation(program, 'uConstants'), + }; }, - /* _TO_SVG_START_ */ + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function () { - const { width, height, rx, ry } = this; - return [ - '\n', - ]; + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var m = this.matrix, + matrix = [ + m[0], m[1], m[2], m[3], + m[5], m[6], m[7], m[8], + m[10], m[11], m[12], m[13], + m[15], m[16], m[17], m[18] + ], + constants = [m[4], m[9], m[14], m[19]]; + gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); + gl.uniform4fv(uniformLocations.uConstants, constants); }, - /* _TO_SVG_END_ */ -}); -/* _FROM_SVG_START_ */ -/** - * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`) - * @static - * @memberOf Rect - * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement - */ -Rect$1.ATTRIBUTE_NAMES = fabric$3.SHARED_ATTRIBUTES.concat('x y rx ry width height'.split(' ')); -/** - * Returns {@link Rect} instance from an SVG element - * @static - * @memberOf Rect - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ -Rect$1.fromElement = function (element, callback, options = {}) { - if (!element) { - return callback(null); - } - const _a = fabric$3.parseAttributes(element, Rect$1.ATTRIBUTE_NAMES), { left = 0, top = 0, width = 0, height = 0, visible = true } = _a, restOfparsedAttributes = __rest(_a, ["left", "top", "width", "height", "visible"]); - const rect = new Rect$1(Object.assign(Object.assign(Object.assign({}, options), restOfparsedAttributes), { left, - top, - width, - height, visible: Boolean(visible && width && height) })); - callback(rect); -}; -/* _FROM_SVG_END_ */ -/** - * Returns {@link Rect} instance from an object representation - * @static - * @memberOf Rect - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ -Rect$1.fromObject = (object) => fabric$3.Object._fromObject(Rect$1, object); -fabric$3.Rect = Rect$1; - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, toFixed = fabric.util.toFixed; - /** - * Polyline class - * @class fabric.Polyline - * @extends fabric.Object - * @see {@link fabric.Polyline#initialize} for constructor definition - */ - fabric.Polyline = fabric.util.createClass(fabric.Object, - /** @lends fabric.Polyline.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'polyline', - /** - * Points array - * @type Array - * @default - */ - points: null, - /** - * WARNING: Feature in progress - * Calculate the exact bounding box taking in account strokeWidth on acute angles - * this will be turned to true by default on fabric 6.0 - * maybe will be left in as an optimization since calculations may be slow - * @deprecated - * @type Boolean - * @default false - * @todo set default to true and remove flag and related logic - */ - exactBoundingBox: false, - initialized: false, - cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'), - /** - * A list of properties that if changed trigger a recalculation of dimensions - * @todo check if you really need to recalculate for all cases - */ - strokeBBoxAffectingProperties: [ - 'skewX', - 'skewY', - 'strokeLineCap', - 'strokeLineJoin', - 'strokeMiterLimit', - 'strokeWidth', - 'strokeUniform', - 'points', - ], - /** - * Constructor - * @param {Array} points Array of points (where each point is an object with x and y) - * @param {Object} [options] Options object - * @return {fabric.Polyline} thisArg - * @example - * var poly = new fabric.Polyline([ - * { x: 10, y: 10 }, - * { x: 50, y: 30 }, - * { x: 40, y: 70 }, - * { x: 60, y: 50 }, - * { x: 100, y: 150 }, - * { x: 40, y: 100 } - * ], { - * stroke: 'red', - * left: 100, - * top: 100 - * }); - */ - initialize: function (points, options = {}) { - var _a, _b; - this.points = points || []; - this.callSuper('initialize', options); - this.initialized = true; - const bboxTL = this.setDimensions(); - const origin = this.translateToGivenOrigin(new Point((_a = options.left) !== null && _a !== void 0 ? _a : bboxTL.x, (_b = options.top) !== null && _b !== void 0 ? _b : bboxTL.y), typeof options.left === 'number' ? this.originX : 'left', typeof options.top === 'number' ? this.originY : 'top', this.originX, this.originY); - this.setPositionByOrigin(origin, this.originX, this.originY); - }, - /** - * @private - */ - _projectStrokeOnPoints: function () { - return projectStrokeOnPoints(this.points, this, true); - }, - /** - * Calculate the polygon bounding box - * @private - */ - _calcDimensions: function () { - const points = this.exactBoundingBox - ? this._projectStrokeOnPoints().map((projection) => projection.projectedPoint) - : this.points; - if (points.length === 0) { - return { - left: 0, - top: 0, - width: 0, - height: 0, - pathOffset: new Point(), - }; - } - const bbox = makeBoundingBoxFromPoints(points); - const bboxNoStroke = makeBoundingBoxFromPoints(this.points); - const offsetX = bbox.left + bbox.width / 2, offsetY = bbox.top + bbox.height / 2; - const pathOffsetX = offsetX - offsetY * Math.tan(degreesToRadians(this.skewX)); - const pathOffsetY = offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY)); - // TODO: remove next line - const legacyCorrection = !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0; - return Object.assign(Object.assign({}, bbox), { left: bbox.left - legacyCorrection, top: bbox.top - legacyCorrection, pathOffset: new Point(pathOffsetX, pathOffsetY), strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(bbox.left, bbox.top) }); - }, - /** - * @returns {Point} top left position of the bounding box, useful for complementary positioning - */ - setDimensions: function () { - const { left, top, width, height, pathOffset, strokeOffset } = this._calcDimensions(); - this.set({ width, height, pathOffset, strokeOffset }); - return new Point(left, top); - }, - /** - * @override stroke is taken in account in size - */ - _getNonTransformedDimensions: function () { - return this.exactBoundingBox - ? new Point(this.width, this.height) - : this.callSuper('_getNonTransformedDimensions'); - }, - /** - * @override stroke and skewing are taken into account when projecting stroke on points, - * therefore we don't want the default calculation to account for skewing as well - * - * @private - */ - _getTransformedDimensions: function (options) { - return this.exactBoundingBox - ? this.callSuper('_getTransformedDimensions', Object.assign(Object.assign({}, (options || {})), { - // disable stroke bbox calculations - strokeWidth: 0, - // disable skewing bbox calculations - skewX: 0, skewY: 0 })) - : this.callSuper('_getTransformedDimensions', options); - }, - /** - * Recalculates dimensions when changing skew and scale - * @private - */ - _set: function (key, value) { - const changed = this.initialized && this[key] !== value; - const output = this.callSuper('_set', key, value); - if (changed && - (((key === 'scaleX' || key === 'scaleY') && - this.strokeUniform && - this.strokeBBoxAffectingProperties.includes('strokeUniform') && - this.strokeLineJoin !== 'round') || - this.strokeBBoxAffectingProperties.includes(key))) { - this.setDimensions(); - } - return output; - }, - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function (propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), { - points: this.points.concat(), - }); - }, - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function () { - var points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - for (var i = 0, len = this.points.length; i < len; i++) { - points.push(toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' '); - } - return [ - '<' + this.type + ' ', - 'COMMON_PARTS', - 'points="', - points.join(''), - '" />\n', - ]; - }, - /* _TO_SVG_END_ */ - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - commonRender: function (ctx) { - var point, len = this.points.length, x = this.pathOffset.x, y = this.pathOffset.y; - if (!len || isNaN(this.points[len - 1].y)) { - // do not draw if no points or odd points - // NaN comes from parseFloat of a empty string in parser - return false; - } - ctx.beginPath(); - ctx.moveTo(this.points[0].x - x, this.points[0].y - y); - for (var i = 0; i < len; i++) { - point = this.points[i]; - ctx.lineTo(point.x - x, point.y - y); - } - return true; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - if (!this.commonRender(ctx)) { - return; - } - this._renderPaintInOrder(ctx); - }, - /** - * Returns complexity of an instance - * @return {Number} complexity of this instance - */ - complexity: function () { - return this.get('points').length; - }, - }); - /* _FROM_SVG_START_ */ + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] function to invoke after filter creation + * @return {fabric.Image.filters.ColorMatrix} Instance of fabric.Image.filters.ColorMatrix + */ + fabric.Image.filters.ColorMatrix.fromObject = fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Brightness filter class + * @class fabric.Image.filters.Brightness + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Brightness({ + * brightness: 0.05 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Brightness = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Brightness.prototype */ { + /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement}) - * @static - * @memberOf fabric.Polyline - * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement + * Filter type + * @param {String} type + * @default */ - fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); + type: 'Brightness', + /** - * Returns fabric.Polyline instance from an SVG element - * @static - * @memberOf fabric.Polyline - * @param {SVGElement} element Element to parser - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uBrightness;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += uBrightness;\n' + + 'gl_FragColor = color;\n' + + '}', + + /** + * Brightness value, from -1 to 1. + * translated to -255 to 255 for 2d + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Number} brightness + * @default */ - fabric.Polyline.fromElementGenerator = function (_class) { - return function (element, callback, options = {}) { - if (!element) { - return callback(null); - } - const points = parsePointsAttribute(element.getAttribute('points')), - // we omit left and top to instruct the constructor to position the object using the bbox - // eslint-disable-next-line @typescript-eslint/no-unused-vars - _a = parseAttributes(element, fabric[_class].ATTRIBUTE_NAMES), - parsedAttributes = __rest(_a, - // we omit left and top to instruct the constructor to position the object using the bbox - // eslint-disable-next-line @typescript-eslint/no-unused-vars - ["left", "top"]); - callback(new fabric[_class](points, Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { fromSVG: true }))); - }; - }; - fabric.Polyline.fromElement = - fabric.Polyline.fromElementGenerator('Polyline'); - /* _FROM_SVG_END_ */ + brightness: 0, + /** - * Returns fabric.Polyline instance from an object representation - * @static - * @memberOf fabric.Polyline - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Describe the property that is the filter parameter + * @param {String} m + * @default */ - fabric.Polyline.fromObject = function (object) { - return fabric.Object._fromObject(fabric.Polyline, object, { - extraParam: 'points', - }); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}); - /** - * Polygon class - * @class fabric.Polygon - * @extends fabric.Polyline - * @see {@link fabric.Polygon#initialize} for constructor definition - */ - fabric.Polygon = fabric.util.createClass(fabric.Polyline, - /** @lends fabric.Polygon.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'polygon', - /** - * @private - */ - _projectStrokeOnPoints: function () { - return projectStrokeOnPoints(this.points, this); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - if (!this.commonRender(ctx)) { - return; - } - ctx.closePath(); - this._renderPaintInOrder(ctx); - }, - }); - /* _FROM_SVG_START_ */ + mainParameter: 'brightness', + /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`) - * @static - * @memberOf fabric.Polygon - * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + if (this.brightness === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, i, len = data.length, + brightness = Math.round(this.brightness * 255); + for (i = 0; i < len; i += 4) { + data[i] = data[i] + brightness; + data[i + 1] = data[i + 1] + brightness; + data[i + 2] = data[i + 2] + brightness; + } + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); + getUniformLocations: function(gl, program) { + return { + uBrightness: gl.getUniformLocation(program, 'uBrightness'), + }; + }, + /** - * Returns {@link fabric.Polygon} instance from an SVG element - * @static - * @memberOf fabric.Polygon - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBrightness, this.brightness); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Brightness} Instance of fabric.Image.filters.Brightness + */ + fabric.Image.filters.Brightness.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Adapted from html5rocks article + * @class fabric.Image.filters.Convolute + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example Sharpen filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 0, -1, 0, + * -1, 5, -1, + * 0, -1, 0 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Blur filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter with opaqueness + * var filter = new fabric.Image.filters.Convolute({ + * opaque: true, + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Convolute = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Convolute.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Convolute', + + /* + * Opaque value (true/false) + */ + opaque: false, + + /* + * matrix for the filter, max 9x9 + */ + matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], + + /** + * Fragment source for the brightness program + */ + fragmentSource: { + Convolute_3_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_3_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_5_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_5_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_7_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_7_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_9_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_9_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + }, + + /** + * Constructor + * @memberOf fabric.Image.filters.Convolute.prototype * @param {Object} [options] Options object + * @param {Boolean} [options.opaque=false] Opaque value (true/false) + * @param {Array} [options.matrix] Filter matrix */ - fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon'); - /* _FROM_SVG_END_ */ + + /** - * Returns fabric.Polygon instance from an object representation - * @static - * @memberOf fabric.Polygon - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + var size = Math.sqrt(this.matrix.length); + var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); + var shaderSource = this.fragmentSource[cacheKey]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, + weights = this.matrix, + side = Math.round(Math.sqrt(weights.length)), + halfSide = Math.floor(side / 2), + sw = imageData.width, + sh = imageData.height, + output = options.ctx.createImageData(sw, sh), + dst = output.data, + // go through the destination image pixels + alphaFac = this.opaque ? 1 : 0, + r, g, b, a, dstOff, + scx, scy, srcOff, wt, + x, y, cx, cy; + + for (y = 0; y < sh; y++) { + for (x = 0; x < sw; x++) { + dstOff = (y * sw + x) * 4; + // calculate the weighed sum of the source image pixels that + // fall under the convolution matrix + r = 0; g = 0; b = 0; a = 0; + + for (cy = 0; cy < side; cy++) { + for (cx = 0; cx < side; cx++) { + scy = y + cy - halfSide; + scx = x + cx - halfSide; + + // eslint-disable-next-line max-depth + if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { + continue; + } + + srcOff = (scy * sw + scx) * 4; + wt = weights[cy * side + cx]; + + r += data[srcOff] * wt; + g += data[srcOff + 1] * wt; + b += data[srcOff + 2] * wt; + // eslint-disable-next-line max-depth + if (!alphaFac) { + a += data[srcOff + 3] * wt; + } + } + } + dst[dstOff] = r; + dst[dstOff + 1] = g; + dst[dstOff + 2] = b; + if (!alphaFac) { + dst[dstOff + 3] = a; + } + else { + dst[dstOff + 3] = data[dstOff + 3]; + } + } + } + options.imageData = output; + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uMatrix: gl.getUniformLocation(program, 'uMatrix'), + uOpaque: gl.getUniformLocation(program, 'uOpaque'), + uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), + uSize: gl.getUniformLocation(program, 'uSize'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - fabric.Polygon.fromObject = function (object) { - return fabric.Object._fromObject(fabric.Polygon, object, { - extraParam: 'points', - }); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, clone = fabric.util.object.clone, toFixed = fabric.util.toFixed; - /** - * Path class - * @class fabric.Path - * @extends fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup} - * @see {@link fabric.Path#initialize} for constructor definition - */ - fabric.Path = fabric.util.createClass(fabric.Object, - /** @lends fabric.Path.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'path', - /** - * Array of path points - * @type Array - * @default - */ - path: null, - cacheProperties: fabric.Object.prototype.cacheProperties.concat('path', 'fillRule'), - stateProperties: fabric.Object.prototype.stateProperties.concat('path'), - /** - * Constructor - * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) - * @param {Object} [options] Options object - * @return {fabric.Path} thisArg - */ - initialize: function (path, options) { - var _a, _b; - options = clone(options || {}); - delete options.path; - this.callSuper('initialize', options); - const pathTL = this._setPath(path || []); - const origin = this.translateToGivenOrigin(new Point((_a = options.left) !== null && _a !== void 0 ? _a : pathTL.x, (_b = options.top) !== null && _b !== void 0 ? _b : pathTL.y), typeof options.left === 'number' ? this.originX : 'left', typeof options.top === 'number' ? this.originY : 'top', this.originX, this.originY); - this.setPositionByOrigin(origin, this.originX, this.originY); - }, - /** - * @private - * @param {PathData | string} path Path data (sequence of coordinates and corresponding "command" tokens) - * @returns {Point} top left position of the bounding box, useful for complementary positioning - */ - _setPath: function (path) { - this.path = makePathSimpler(Array.isArray(path) ? path : parsePath(path)); - return this.setDimensions(); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _renderPathCommands: function (ctx) { - var current, // current instruction - subpathStartX = 0, subpathStartY = 0, x = 0, // current x - y = 0, // current y - controlX = 0, // current control point x - controlY = 0, // current control point y - l = -this.pathOffset.x, t = -this.pathOffset.y; - ctx.beginPath(); - for (var i = 0, len = this.path.length; i < len; ++i) { - current = this.path[i]; - switch (current[0] // first letter - ) { - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - ctx.lineTo(x + l, y + t); - break; - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - ctx.moveTo(x + l, y + t); - break; - case 'C': // bezierCurveTo, absolute - x = current[5]; - y = current[6]; - controlX = current[3]; - controlY = current[4]; - ctx.bezierCurveTo(current[1] + l, current[2] + t, controlX + l, controlY + t, x + l, y + t); - break; - case 'Q': // quadraticCurveTo, absolute - ctx.quadraticCurveTo(current[1] + l, current[2] + t, current[3] + l, current[4] + t); - x = current[3]; - y = current[4]; - controlX = current[1]; - controlY = current[2]; - break; - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - ctx.closePath(); - break; - } - } - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _render: function (ctx) { - this._renderPathCommands(ctx); - this._renderPaintInOrder(ctx); - }, - /** - * Returns string representation of an instance - * @return {String} string representation of an instance - */ - toString: function () { - return ('#'); - }, - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), { - path: this.path.map(function (item) { - return item.slice(); - }), - }); - }, - /** - * Returns dataless object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function (propertiesToInclude) { - var o = this.toObject(['sourcePath'].concat(propertiesToInclude)); - if (o.sourcePath) { - delete o.path; - } - return o; - }, - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function () { - var path = fabric.util.joinPath(this.path); - return [ - '\n', - ]; - }, - _getOffsetTransform: function () { - var digits = config.NUM_FRACTION_DIGITS; - return (' translate(' + - toFixed(-this.pathOffset.x, digits) + - ', ' + - toFixed(-this.pathOffset.y, digits) + - ')'); - }, - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function (reviver) { - var additionalTransform = this._getOffsetTransform(); - return ('\t' + - this._createBaseClipPathSVGMarkup(this._toSVG(), { - reviver: reviver, - additionalTransform: additionalTransform, - })); - }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function (reviver) { - var additionalTransform = this._getOffsetTransform(); - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - additionalTransform: additionalTransform, - }); - }, - /* _TO_SVG_END_ */ - /** - * Returns number representation of an instance complexity - * @return {Number} complexity of this instance - */ - complexity: function () { - return this.path.length; - }, - /** - * @returns {Point} top left position of the bounding box, useful for complementary positioning - */ - setDimensions: function () { - const { left, top, width, height, pathOffset } = this._calcDimensions(); - this.set({ width, height, pathOffset }); - return new Point(left, top); - }, - /** - * @private - */ - _calcDimensions: function () { - const bounds = []; - let subpathStartX = 0, subpathStartY = 0, x = 0, // current x - y = 0; // current y - for (let i = 0; i < this.path.length; ++i) { - const current = this.path[i]; // current instruction - switch (current[0] // first letter - ) { - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - bounds.push(new Point(subpathStartX, subpathStartY), new Point(x, y)); - break; - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - break; - case 'C': // bezierCurveTo, absolute - bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[3], current[4], current[5], current[6])); - x = current[5]; - y = current[6]; - break; - case 'Q': // quadraticCurveTo, absolute - bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[1], current[2], current[3], current[4])); - x = current[3]; - y = current[4]; - break; - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - break; - } - } - const bbox = makeBoundingBoxFromPoints(bounds); - const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2; - return Object.assign(Object.assign({}, bbox), { left: bbox.left - strokeCorrection, top: bbox.top - strokeCorrection, pathOffset: new Point(bbox.left + bbox.width / 2, bbox.top + bbox.height / 2) }); - }, - }); + sendUniformData: function(gl, uniformLocations) { + gl.uniform1fv(uniformLocations.uMatrix, this.matrix); + }, + /** - * Creates an instance of fabric.Path from an object - * @static - * @memberOf fabric.Path - * @param {Object} object - * @returns {Promise} + * Returns object representation of an instance + * @return {Object} Object representation of an instance */ - fabric.Path.fromObject = function (object) { - return fabric.Object._fromObject(fabric.Path, object, { - extraParam: 'path', - }); - }; - /* _FROM_SVG_START_ */ + toObject: function() { + return extend(this.callSuper('toObject'), { + opaque: this.opaque, + matrix: this.matrix + }); + } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Convolute} Instance of fabric.Image.filters.Convolute + */ + fabric.Image.filters.Convolute.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Grayscale image filter class + * @class fabric.Image.filters.Grayscale + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Grayscale(); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Grayscale = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Grayscale.prototype */ { + /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`) - * @static - * @memberOf fabric.Path - * @see http://www.w3.org/TR/SVG/paths.html#PathElement + * Filter type + * @param {String} type + * @default */ - fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']); + type: 'Grayscale', + + fragmentSource: { + average: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float average = (color.r + color.b + color.g) / 3.0;\n' + + 'gl_FragColor = vec4(average, average, average, color.a);\n' + + '}', + lightness: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + luminosity: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + }, + + /** - * Creates an instance of fabric.Path from an SVG element - * @static - * @memberOf fabric.Path - * @param {SVGElement} element to parse - * @param {Function} callback Callback to invoke when an fabric.Path instance is created - * @param {Object} [options] Options object - * @param {Function} [callback] Options callback invoked after parsing is finished + * Grayscale mode, between 'average', 'lightness', 'luminosity' + * @param {String} type + * @default */ - fabric.Path.fromElement = function (element, callback, options) { - const parsedAttributes = parseAttributes(element, fabric.Path.ATTRIBUTE_NAMES); - callback(new fabric.Path(parsedAttributes.d, Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { - // we pass undefined to instruct the constructor to position the object using the bbox - left: undefined, top: undefined, fromSVG: true }))); - }; - /* _FROM_SVG_END_ */ -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, invertTransform = fabric.util.invertTransform, transformPoint = fabric.util.transformPoint, applyTransformToObject = fabric.util.applyTransformToObject, degreesToRadians = fabric.util.degreesToRadians, clone = fabric.util.object.clone; - /** - * Group class - * @class fabric.Group - * @extends fabric.Object - * @mixes fabric.Collection - * @fires layout once layout completes - * @see {@link fabric.Group#initialize} for constructor definition - */ - fabric.Group = fabric.util.createClass(InteractiveFabricObject, fabric.Collection, - /** @lends fabric.Group.prototype */ { - /** - * Type of an object - * @type string - * @default - */ - type: 'group', - /** - * Specifies the **layout strategy** for instance - * Used by `getLayoutStrategyResult` to calculate layout - * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box - * @type string - * @default - */ - layout: 'fit-content', - /** - * Width of stroke - * @type Number - */ - strokeWidth: 0, - /** - * List of properties to consider when checking if state - * of an object is changed (fabric.Object#hasStateChanged) - * as well as for history (undo/redo) purposes - * @type string[] - */ - stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('layout'), - /** - * Used to optimize performance - * set to `false` if you don't need contained objects to be targets of events - * @default - * @type boolean - */ - subTargetCheck: false, - /** - * Used to allow targeting of object inside groups. - * set to true if you want to select an object inside a group.\ - * **REQUIRES** `subTargetCheck` set to true - * @default - * @type boolean - */ - interactive: false, - /** - * Used internally to optimize performance - * Once an object is selected, instance is rendered without the selected object. - * This way instance is cached only once for the entire interaction with the selected object. - * @private - */ - _activeObjects: undefined, - /** - * Constructor - * - * @param {fabric.Object[]} [objects] instance objects - * @param {Object} [options] Options object - * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane - * @return {fabric.Group} thisArg - */ - initialize: function (objects, options, objectsRelativeToGroup) { - this._objects = objects || []; - this._activeObjects = []; - this.__objectMonitor = this.__objectMonitor.bind(this); - this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(this, true); - this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(this, false); - this._firstLayoutDone = false; - // setting angle, skewX, skewY must occur after initial layout - this.callSuper('initialize', Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })); - this.forEachObject(function (object) { - this.enterGroup(object, false); - }, this); - this._applyLayoutStrategy({ - type: 'initialization', - options: options, - objectsRelativeToGroup: objectsRelativeToGroup, - }); - }, - /** - * @private - * @param {string} key - * @param {*} value - */ - _set: function (key, value) { - var prev = this[key]; - this.callSuper('_set', key, value); - if (key === 'canvas' && prev !== value) { - this.forEachObject(function (object) { - object._set(key, value); - }); - } - if (key === 'layout' && prev !== value) { - this._applyLayoutStrategy({ - type: 'layout_change', - layout: value, - prevLayout: prev, - }); - } - if (key === 'interactive') { - this.forEachObject(this._watchObject.bind(this, value)); - } - return this; - }, - /** - * @private - */ - _shouldSetNestedCoords: function () { - return this.subTargetCheck; - }, - /** - * Override this method to enhance performance (for groups with a lot of objects). - * If Overriding, be sure not pass illegal objects to group - it will break your app. - * @private - */ - _filterObjectsBeforeEnteringGroup: function (objects) { - return objects.filter(function (object, index, array) { - // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates) - return this.canEnterGroup(object) && array.indexOf(object) === index; - }, this); - }, - /** - * Add objects - * @param {...fabric.Object} objects - */ - add: function () { - var allowedObjects = this._filterObjectsBeforeEnteringGroup(Array.from(arguments)); - fabric.Collection.add.call(this, allowedObjects, this._onObjectAdded); - this._onAfterObjectsChange('added', allowedObjects); - }, - /** - * Inserts an object into collection at specified index - * @param {fabric.Object | fabric.Object[]} objects Object to insert - * @param {Number} index Index to insert object at - */ - insertAt: function (objects, index) { - var allowedObjects = this._filterObjectsBeforeEnteringGroup(Array.isArray(objects) ? objects : [objects]); - fabric.Collection.insertAt.call(this, allowedObjects, index, this._onObjectAdded); - this._onAfterObjectsChange('added', allowedObjects); - }, - /** - * Remove objects - * @param {...fabric.Object} objects - * @returns {fabric.Object[]} removed objects - */ - remove: function () { - var removed = fabric.Collection.remove.call(this, arguments, this._onObjectRemoved); - this._onAfterObjectsChange('removed', removed); - return removed; - }, - /** - * Remove all objects - * @returns {fabric.Object[]} removed objects - */ - removeAll: function () { - this._activeObjects = []; - return this.remove.apply(this, this._objects.slice()); - }, - /** - * invalidates layout on object modified - * @private - */ - __objectMonitor: function (opt) { - this._applyLayoutStrategy(Object.assign({}, opt, { - type: 'object_modified', - })); - this._set('dirty', true); - }, - /** - * keeps track of the selected objects - * @private - */ - __objectSelectionMonitor: function (selected, opt) { - var object = opt.target; - if (selected) { - this._activeObjects.push(object); - this._set('dirty', true); - } - else if (this._activeObjects.length > 0) { - var index = this._activeObjects.indexOf(object); - if (index > -1) { - this._activeObjects.splice(index, 1); - this._set('dirty', true); - } - } - }, - /** - * @private - * @param {boolean} watch - * @param {fabric.Object} object - */ - _watchObject: function (watch, object) { - var directive = watch ? 'on' : 'off'; - // make sure we listen only once - watch && this._watchObject(false, object); - object[directive]('changed', this.__objectMonitor); - object[directive]('modified', this.__objectMonitor); - object[directive]('selected', this.__objectSelectionTracker); - object[directive]('deselected', this.__objectSelectionDisposer); - }, - /** - * Checks if object can enter group and logs relevant warnings - * @private - * @param {fabric.Object} object - * @returns - */ - canEnterGroup: function (object) { - if (object === this || this.isDescendantOf(object)) { - // prevent circular object tree - /* _DEV_MODE_START_ */ - console.error('fabric.Group: circular object trees are not supported, this call has no effect'); - /* _DEV_MODE_END_ */ - return false; - } - else if (this._objects.indexOf(object) !== -1) { - // is already in the objects array - /* _DEV_MODE_START_ */ - console.error('fabric.Group: duplicate objects are not supported inside group, this call has no effect'); - /* _DEV_MODE_END_ */ - return false; - } - return true; - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane - * @returns {boolean} true if object entered group - */ - enterGroup: function (object, removeParentTransform) { - if (object.group) { - object.group.remove(object); - } - this._enterGroup(object, removeParentTransform); - return true; - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane - */ - _enterGroup: function (object, removeParentTransform) { - if (removeParentTransform) { - // can this be converted to utils (sendObjectToPlane)? - applyTransformToObject(object, multiplyTransformMatrices(invertTransform(this.calcTransformMatrix()), object.calcTransformMatrix())); - } - this._shouldSetNestedCoords() && object.setCoords(); - object._set('group', this); - object._set('canvas', this.canvas); - this.interactive && this._watchObject(true, object); - var activeObject = this.canvas && - this.canvas.getActiveObject && - this.canvas.getActiveObject(); - // if we are adding the activeObject in a group - if (activeObject && - (activeObject === object || object.isDescendantOf(activeObject))) { - this._activeObjects.push(object); - } - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - exitGroup: function (object, removeParentTransform) { - this._exitGroup(object, removeParentTransform); - object._set('canvas', undefined); - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - _exitGroup: function (object, removeParentTransform) { - object._set('group', undefined); - if (!removeParentTransform) { - applyTransformToObject(object, multiplyTransformMatrices(this.calcTransformMatrix(), object.calcTransformMatrix())); - object.setCoords(); - } - this._watchObject(false, object); - var index = this._activeObjects.length > 0 - ? this._activeObjects.indexOf(object) - : -1; - if (index > -1) { - this._activeObjects.splice(index, 1); - } - }, - /** - * @private - * @param {'added'|'removed'} type - * @param {fabric.Object[]} targets - */ - _onAfterObjectsChange: function (type, targets) { - this._applyLayoutStrategy({ - type: type, - targets: targets, - }); - this._set('dirty', true); - }, - /** - * @private - * @param {fabric.Object} object - */ - _onObjectAdded: function (object) { - this.enterGroup(object, true); - object.fire('added', { target: this }); - }, - /** - * @private - * @param {fabric.Object} object - */ - _onRelativeObjectAdded: function (object) { - this.enterGroup(object, false); - object.fire('added', { target: this }); - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - _onObjectRemoved: function (object, removeParentTransform) { - this.exitGroup(object, removeParentTransform); - object.fire('removed', { target: this }); - }, - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group is already cached. - * @return {Boolean} - */ - shouldCache: function () { - var ownCache = InteractiveFabricObject.prototype.shouldCache.call(this); - if (ownCache) { - for (var i = 0; i < this._objects.length; i++) { - if (this._objects[i].willDrawShadow()) { - this.ownCaching = false; - return false; - } - } - } - return ownCache; - }, - /** - * Check if this object or a child object will cast a shadow - * @return {Boolean} - */ - willDrawShadow: function () { - if (InteractiveFabricObject.prototype.willDrawShadow.call(this)) { - return true; - } - for (var i = 0; i < this._objects.length; i++) { - if (this._objects[i].willDrawShadow()) { - return true; - } - } - return false; - }, - /** - * Check if instance or its group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function () { - return this.ownCaching || (!!this.group && this.group.isOnACache()); - }, - /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawObject: function (ctx) { - this._renderBackground(ctx); - for (var i = 0; i < this._objects.length; i++) { - this._objects[i].render(ctx); - } - this._drawClipPath(ctx, this.clipPath); - }, - /** - * Check if cache is dirty - */ - isCacheDirty: function (skipCanvas) { - if (this.callSuper('isCacheDirty', skipCanvas)) { - return true; - } - if (!this.statefullCache) { - return false; - } - for (var i = 0; i < this._objects.length; i++) { - if (this._objects[i].isCacheDirty(true)) { - if (this._cacheCanvas) { - // if this group has not a cache canvas there is nothing to clean - var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-x / 2, -y / 2, x, y); - } - return true; - } - } - return false; - }, - /** - * @override - * @return {Boolean} - */ - setCoords: function () { - this.callSuper('setCoords'); - this._shouldSetNestedCoords() && - this.forEachObject(function (object) { - object.setCoords(); - }); - }, - /** - * Renders instance on a given context - * @param {CanvasRenderingContext2D} ctx context to render instance on - */ - render: function (ctx) { - // used to inform objects not to double opacity - this._transformDone = true; - this.callSuper('render', ctx); - this._transformDone = false; - }, - /** - * @public - * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations - */ - triggerLayout: function (context) { - if (context && context.layout) { - context.prevLayout = this.layout; - this.layout = context.layout; - } - this._applyLayoutStrategy({ type: 'imperative', context: context }); - }, - /** - * @private - * @param {fabric.Object} object - * @param {Point} diff - */ - _adjustObjectPosition: function (object, diff) { - object.set({ - left: object.left + diff.x, - top: object.top + diff.y, - }); - }, - /** - * initial layout logic: - * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height) - * so it is placed in the center of the bbox received from the constructor - * - * @private - * @param {LayoutContext} context - */ - _applyLayoutStrategy: function (context) { - var isFirstLayout = context.type === 'initialization'; - if (!isFirstLayout && !this._firstLayoutDone) { - // reject layout requests before initialization layout - return; - } - var options = isFirstLayout && context.options; - var initialTransform = options && { - angle: options.angle || 0, - skewX: options.skewX || 0, - skewY: options.skewY || 0, - }; - var center = this.getRelativeCenterPoint(); - var result = this.getLayoutStrategyResult(this.layout, this._objects.concat(), context); - if (result) { - // handle positioning - var newCenter = new Point(result.centerX, result.centerY); - var vector = center - .subtract(newCenter) - .add(new Point(result.correctionX || 0, result.correctionY || 0)); - var diff = transformPoint(vector, invertTransform(this.calcOwnMatrix()), true); - // set dimensions - this.set({ width: result.width, height: result.height }); - // adjust objects to account for new center - !context.objectsRelativeToGroup && - this.forEachObject(function (object) { - this._adjustObjectPosition(object, diff); - }, this); - // clip path as well - !isFirstLayout && - this.layout !== 'clip-path' && - this.clipPath && - !this.clipPath.absolutePositioned && - this._adjustObjectPosition(this.clipPath, diff); - if (!newCenter.eq(center) || initialTransform) { - // set position - this.setPositionByOrigin(newCenter, 'center', 'center'); - initialTransform && this.set(initialTransform); - this.setCoords(); - } - } - else if (isFirstLayout) { - // fill `result` with initial values for the layout hook - result = { - centerX: center.x, - centerY: center.y, - width: this.width, - height: this.height, - }; - initialTransform && this.set(initialTransform); - } - else { - // no `result` so we return - return; - } - // flag for next layouts - this._firstLayoutDone = true; - // fire layout hook and event (event will fire only for layouts after initialization layout) - this.onLayout(context, result); - this.fire('layout', { - context: context, - result: result, - diff: diff, - }); - // recursive up - if (this.group && this.group._applyLayoutStrategy) { - // append the path recursion to context - if (!context.path) { - context.path = []; - } - context.path.push(this); - // all parents should invalidate their layout - this.group._applyLayoutStrategy(context); - } - }, - /** - * Override this method to customize layout. - * If you need to run logic once layout completes use `onLayout` - * @public - * - * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType - * - * @typedef LayoutContext context object with data regarding what triggered the call - * @property {LayoutContextType} type - * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one - * - * @typedef LayoutResult positioning and layout data **relative** to instance's parent - * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`) - * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`) - * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX` - * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY` - * @property {number} width - * @property {number} height - * - * @param {string} layoutDirective - * @param {fabric.Object[]} objects - * @param {LayoutContext} context - * @returns {LayoutResult | undefined} - */ - getLayoutStrategyResult: function (layoutDirective, objects, context) { - // eslint-disable-line no-unused-vars - // `fit-content-lazy` performance enhancement - // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects - if (layoutDirective === 'fit-content-lazy' && - context.type === 'added' && - objects.length > context.targets.length) { - // calculate added objects' bbox with existing bbox - var addedObjects = context.targets.concat(this); - return this.prepareBoundingBox(layoutDirective, addedObjects, context); - } - else if (layoutDirective === 'fit-content' || - layoutDirective === 'fit-content-lazy' || - (layoutDirective === 'fixed' && - (context.type === 'initialization' || - context.type === 'imperative'))) { - return this.prepareBoundingBox(layoutDirective, objects, context); - } - else if (layoutDirective === 'clip-path' && this.clipPath) { - var clipPath = this.clipPath; - var clipPathSizeAfter = clipPath._getTransformedDimensions(); - if (clipPath.absolutePositioned && - (context.type === 'initialization' || - context.type === 'layout_change')) { - // we want the center point to exist in group's containing plane - var clipPathCenter = clipPath.getCenterPoint(); - if (this.group) { - // send point from canvas plane to group's containing plane - var inv = invertTransform(this.group.calcTransformMatrix()); - clipPathCenter = transformPoint(clipPathCenter, inv); - } - return { - centerX: clipPathCenter.x, - centerY: clipPathCenter.y, - width: clipPathSizeAfter.x, - height: clipPathSizeAfter.y, - }; - } - else if (!clipPath.absolutePositioned) { - var center; - var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(), - // we want the center point to exist in group's containing plane, so we send it upwards - clipPathCenter = transformPoint(clipPathRelativeCenter, this.calcOwnMatrix(), true); - if (context.type === 'initialization' || - context.type === 'layout_change') { - var bbox = this.prepareBoundingBox(layoutDirective, objects, context) || - {}; - center = new Point(bbox.centerX || 0, bbox.centerY || 0); - return { - centerX: center.x + clipPathCenter.x, - centerY: center.y + clipPathCenter.y, - correctionX: bbox.correctionX - clipPathCenter.x, - correctionY: bbox.correctionY - clipPathCenter.y, - width: clipPath.width, - height: clipPath.height, - }; - } - else { - center = this.getRelativeCenterPoint(); - return { - centerX: center.x + clipPathCenter.x, - centerY: center.y + clipPathCenter.y, - width: clipPathSizeAfter.x, - height: clipPathSizeAfter.y, - }; - } - } - } - else if (layoutDirective === 'svg' && - context.type === 'initialization') { - var bbox = this.getObjectsBoundingBox(objects, true) || {}; - return Object.assign(bbox, { - correctionX: -bbox.offsetX || 0, - correctionY: -bbox.offsetY || 0, - }); - } - }, - /** - * Override this method to customize layout. - * A wrapper around {@link fabric.Group#getObjectsBoundingBox} - * @public - * @param {string} layoutDirective - * @param {fabric.Object[]} objects - * @param {LayoutContext} context - * @returns {LayoutResult | undefined} - */ - prepareBoundingBox: function (layoutDirective, objects, context) { - if (context.type === 'initialization') { - return this.prepareInitialBoundingBox(layoutDirective, objects, context); - } - else if (context.type === 'imperative' && context.context) { - return Object.assign(this.getObjectsBoundingBox(objects) || {}, context.context); - } - else { - return this.getObjectsBoundingBox(objects); - } - }, - /** - * Calculates center taking into account originX, originY while not being sure that width/height are initialized - * @public - * @param {string} layoutDirective - * @param {fabric.Object[]} objects - * @param {LayoutContext} context - * @returns {LayoutResult | undefined} - */ - prepareInitialBoundingBox: function (layoutDirective, objects, context) { - var options = context.options || {}, hasX = typeof options.left === 'number', hasY = typeof options.top === 'number', hasWidth = typeof options.width === 'number', hasHeight = typeof options.height === 'number'; - // performance enhancement - // skip layout calculation if bbox is defined - if ((hasX && - hasY && - hasWidth && - hasHeight && - context.objectsRelativeToGroup) || - objects.length === 0) { - // return nothing to skip layout - return; - } - var bbox = this.getObjectsBoundingBox(objects) || {}; - var width = hasWidth ? this.width : bbox.width || 0, height = hasHeight ? this.height : bbox.height || 0, calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0), origin = new Point(resolveOrigin(this.originX), resolveOrigin(this.originY)), size = new Point(width, height), strokeWidthVector = this._getTransformedDimensions({ - width: 0, - height: 0, - }), sizeAfter = this._getTransformedDimensions({ - width: width, - height: height, - strokeWidth: 0, - }), bboxSizeAfter = this._getTransformedDimensions({ - width: bbox.width, - height: bbox.height, - strokeWidth: 0, - }), rotationCorrection = new Point(0, 0); - // calculate center and correction - var originT = origin.scalarAdd(0.5); - var originCorrection = sizeAfter.multiply(originT); - var centerCorrection = new Point(hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x, hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y); - var center = new Point(hasX - ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x - : calculatedCenter.x - centerCorrection.x, hasY - ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y - : calculatedCenter.y - centerCorrection.y); - var offsetCorrection = new Point(hasX - ? center.x - - calculatedCenter.x + - bboxSizeAfter.x * (hasWidth ? 0.5 : 0) - : -(hasWidth - ? (sizeAfter.x - strokeWidthVector.x) * 0.5 - : sizeAfter.x * originT.x), hasY - ? center.y - - calculatedCenter.y + - bboxSizeAfter.y * (hasHeight ? 0.5 : 0) - : -(hasHeight - ? (sizeAfter.y - strokeWidthVector.y) * 0.5 - : sizeAfter.y * originT.y)).add(rotationCorrection); - var correction = new Point(hasWidth ? -sizeAfter.x / 2 : 0, hasHeight ? -sizeAfter.y / 2 : 0).add(offsetCorrection); - return { - centerX: center.x, - centerY: center.y, - correctionX: correction.x, - correctionY: correction.y, - width: size.x, - height: size.y, - }; - }, - /** - * Calculate the bbox of objects relative to instance's containing plane - * @public - * @param {fabric.Object[]} objects - * @returns {LayoutResult | null} bounding box - */ - getObjectsBoundingBox: function (objects, ignoreOffset) { - if (objects.length === 0) { - return null; - } - var objCenter, sizeVector, min, max, a, b; - objects.forEach(function (object, i) { - objCenter = object.getRelativeCenterPoint(); - sizeVector = object._getTransformedDimensions().scalarDivide(2); - if (object.angle) { - var rad = degreesToRadians(object.angle), sin = Math.abs(fabric.util.sin(rad)), cos = Math.abs(fabric.util.cos(rad)), rx = sizeVector.x * cos + sizeVector.y * sin, ry = sizeVector.x * sin + sizeVector.y * cos; - sizeVector = new Point(rx, ry); - } - a = objCenter.subtract(sizeVector); - b = objCenter.add(sizeVector); - if (i === 0) { - min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y)); - max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y)); - } - else { - min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y)); - max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y)); - } - }); - var size = max.subtract(min), relativeCenter = ignoreOffset - ? size.scalarDivide(2) - : min.midPointFrom(max), - // we send `relativeCenter` up to group's containing plane - offset = transformPoint(min, this.calcOwnMatrix()), center = transformPoint(relativeCenter, this.calcOwnMatrix()); - return { - offsetX: offset.x, - offsetY: offset.y, - centerX: center.x, - centerY: center.y, - width: size.x, - height: size.y, - }; - }, - /** - * Hook that is called once layout has completed. - * Provided for layout customization, override if necessary. - * Complements `getLayoutStrategyResult`, which is called at the beginning of layout. - * @public - * @param {LayoutContext} context layout context - * @param {LayoutResult} result layout result - */ - onLayout: function ( /* context, result */) { - // override by subclass - }, - /** - * - * @private - * @param {'toObject'|'toDatalessObject'} [method] - * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @returns {fabric.Object[]} serialized objects - */ - __serializeObjects: function (method, propertiesToInclude) { - var _includeDefaultValues = this.includeDefaultValues; - return this._objects - .filter(function (obj) { - return !obj.excludeFromExport; - }) - .map(function (obj) { - var originalDefaults = obj.includeDefaultValues; - obj.includeDefaultValues = _includeDefaultValues; - var data = obj[method || 'toObject'](propertiesToInclude); - obj.includeDefaultValues = originalDefaults; - //delete data.version; - return data; - }); - }, - /** - * Returns object representation of an instance - * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - var obj = this.callSuper('toObject', ['layout', 'subTargetCheck', 'interactive'].concat(propertiesToInclude)); - obj.objects = this.__serializeObjects('toObject', propertiesToInclude); - return obj; - }, - toString: function () { - return '#'; - }, - dispose: function () { - this._activeObjects = []; - this.forEachObject(function (object) { - this._watchObject(false, object); - object.dispose && object.dispose(); - }, this); - this.callSuper('dispose'); - }, - /* _TO_SVG_START_ */ - /** - * @private - */ - _createSVGBgRect: function (reviver) { - if (!this.backgroundColor) { - return ''; - } - var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver); - var commons = fillStroke.indexOf('COMMON_PARTS'); - fillStroke[commons] = 'for="group" '; - return fillStroke.join(''); - }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG: function (reviver) { - var svgString = ['\n']; - var bg = this._createSVGBgRect(reviver); - bg && svgString.push('\t\t', bg); - for (var i = 0; i < this._objects.length; i++) { - svgString.push('\t\t', this._objects[i].toSVG(reviver)); - } - svgString.push('\n'); - return svgString; - }, - /** - * Returns styles-string for svg-export, specific version for group - * @return {String} - */ - getSvgStyles: function () { - var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 - ? 'opacity: ' + this.opacity + ';' - : '', visibility = this.visible ? '' : ' visibility: hidden;'; - return [opacity, this.getSvgFilter(), visibility].join(''); - }, - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function (reviver) { - var svgString = []; - var bg = this._createSVGBgRect(reviver); - bg && svgString.push('\t', bg); - for (var i = 0; i < this._objects.length; i++) { - svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); - } - return this._createBaseClipPathSVGMarkup(svgString, { - reviver: reviver, - }); - }, - /* _TO_SVG_END_ */ - }); + mode: 'average', + + mainParameter: 'mode', + + /** + * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, i, + len = data.length, value, + mode = this.mode; + for (i = 0; i < len; i += 4) { + if (mode === 'average') { + value = (data[i] + data[i + 1] + data[i + 2]) / 3; + } + else if (mode === 'lightness') { + value = (Math.min(data[i], data[i + 1], data[i + 2]) + + Math.max(data[i], data[i + 1], data[i + 2])) / 2; + } + else if (mode === 'luminosity') { + value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; + } + data[i] = value; + data[i + 1] = value; + data[i + 2] = value; + } + }, + + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + var cacheKey = this.type + '_' + this.mode; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var shaderSource = this.fragmentSource[this.mode]; + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uMode: gl.getUniformLocation(program, 'uMode'), + }; + }, + /** - * @todo support loading from svg - * @private - * @static - * @memberOf fabric.Group - * @param {Object} object Object to create a group from - * @returns {Promise} - */ - fabric.Group.fromObject = function (object) { - var objects = object.objects || [], options = clone(object, true); - delete options.objects; - return Promise.all([ - fabric.util.enlivenObjects(objects), - fabric.util.enlivenObjectEnlivables(options), - ]).then(function (enlivened) { - return new fabric.Group(enlivened[0], Object.assign(options, enlivened[1]), true); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}); - /** - * Group class - * @class fabric.ActiveSelection - * @extends fabric.Group - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} - * @see {@link fabric.ActiveSelection#initialize} for constructor definition - */ - fabric.ActiveSelection = fabric.util.createClass(fabric.Group, - /** @lends fabric.ActiveSelection.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'activeSelection', - /** - * @override - */ - layout: 'fit-content', - /** - * @override - */ - subTargetCheck: false, - /** - * @override - */ - interactive: false, - /** - * Constructor - * - * @param {fabric.Object[]} [objects] instance objects - * @param {Object} [options] Options object - * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane - * @return {fabric.ActiveSelection} thisArg - */ - initialize: function (objects, options, objectsRelativeToGroup) { - this.callSuper('initialize', objects, options, objectsRelativeToGroup); - this.setCoords(); - }, - /** - * @private - */ - _shouldSetNestedCoords: function () { - return true; - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane - * @returns {boolean} true if object entered group - */ - enterGroup: function (object, removeParentTransform) { - if (object.group) { - // save ref to group for later in order to return to it - var parent = object.group; - parent._exitGroup(object); - object.__owningGroup = parent; - } - this._enterGroup(object, removeParentTransform); - return true; - }, - /** - * we want objects to retain their canvas ref when exiting instance - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - exitGroup: function (object, removeParentTransform) { - this._exitGroup(object, removeParentTransform); - var parent = object.__owningGroup; - if (parent) { - // return to owning group - parent.enterGroup(object); - delete object.__owningGroup; - } - }, - /** - * @private - * @param {'added'|'removed'} type - * @param {fabric.Object[]} targets - */ - _onAfterObjectsChange: function (type, targets) { - var groups = []; - targets.forEach(function (object) { - object.group && - !groups.includes(object.group) && - groups.push(object.group); - }); - if (type === 'removed') { - // invalidate groups' layout and mark as dirty - groups.forEach(function (group) { - group._onAfterObjectsChange('added', targets); - }); - } - else { - // mark groups as dirty - groups.forEach(function (group) { - group._set('dirty', true); - }); - } - }, - /** - * If returns true, deselection is cancelled. - * @since 2.0.0 - * @return {Boolean} [cancel] - */ - onDeselect: function () { - this.removeAll(); - return false; - }, - /** - * Returns string representation of a group - * @return {String} - */ - toString: function () { - return '#'; - }, - /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * @return {Boolean} - */ - shouldCache: function () { - return false; - }, - /** - * Check if this group or its parent group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function () { - return false; - }, - /** - * Renders controls and borders for the object - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style - * @param {Object} [childrenOverride] properties to override the children overrides - */ - _renderControls: function (ctx, styleOverride, childrenOverride) { - ctx.save(); - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - this.callSuper('_renderControls', ctx, styleOverride); - var options = Object.assign({ hasControls: false }, childrenOverride, { - forActiveSelection: true, - }); - for (var i = 0; i < this._objects.length; i++) { - this._objects[i]._renderControls(ctx, options); - } - ctx.restore(); - }, - }); + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + // default average mode. + var mode = 1; + gl.uniform1i(uniformLocations.uMode, mode); + }, + /** - * Returns {@link fabric.ActiveSelection} instance from an object representation - * @static - * @memberOf fabric.ActiveSelection - * @param {Object} object Object to create a group from - * @returns {Promise} - */ - fabric.ActiveSelection.fromObject = function (object) { - var objects = object.objects, options = fabric.util.object.clone(object, true); - delete options.objects; - return fabric.util - .enlivenObjects(objects) - .then(function (enlivenedObjects) { - return new fabric.ActiveSelection(enlivenedObjects, options, true); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, extend = fabric.util.object.extend; - /** - * Image class - * @class fabric.Image - * @extends fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} - * @see {@link fabric.Image#initialize} for constructor definition - */ - fabric.Image = fabric.util.createClass(InteractiveFabricObject, - /** @lends fabric.Image.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'image', - /** - * Width of a stroke. - * For image quality a stroke multiple of 2 gives better results. - * @type Number - * @default - */ - strokeWidth: 0, - /** - * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. - * This allows for relative urls as image src. - * @since 2.7.0 - * @type Boolean - * @default - */ - srcFromAttribute: false, - /** - * private - * contains last value of scaleX to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleX: 1, - /** - * private - * contains last value of scaleY to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleY: 1, - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingX: 1, - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingY: 1, - /** - * minimum scale factor under which any resizeFilter is triggered to resize the image - * 0 will disable the automatic resize. 1 will trigger automatically always. - * number bigger than 1 are not implemented yet. - * @type Number - */ - minimumScaleTrigger: 0.5, - /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('cropX', 'cropY'), - /** - * List of properties to consider when checking if cache needs refresh - * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single - * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty - * and refreshed at the next render - * @type Array - */ - cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat('cropX', 'cropY'), - /** - * key used to retrieve the texture representing this image - * @since 2.0.0 - * @type String - * @default - */ - cacheKey: '', - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropX: 0, - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropY: 0, - /** - * Indicates whether this canvas will use image smoothing when painting this image. - * Also influence if the cacheCanvas for this image uses imageSmoothing - * @since 4.0.0-beta.11 - * @type Boolean - * @default - */ - imageSmoothing: true, - /** - * Constructor - * Image can be initialized with any canvas drawable or a string. - * The string should be a url and will be loaded as an image. - * Canvas and Image element work out of the box, while videos require extra code to work. - * Please check video element events for seeking. - * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element - * @param {Object} [options] Options object - * @return {fabric.Image} thisArg - */ - initialize: function (element, options) { - options || (options = {}); - this.filters = []; - this.cacheKey = 'texture' + InteractiveFabricObject.__uid++; - this.callSuper('initialize', options); - this._initElement(element, options); - }, - /** - * Returns image element which this instance if based on - * @return {HTMLImageElement} Image element - */ - getElement: function () { - return this._element || {}; - }, - /** - * Sets image element for this instance to a specified one. - * If filters defined they are applied to new image. - * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. - * @param {HTMLImageElement} element - * @param {Object} [options] Options object - * @return {fabric.Image} thisArg - * @chainable - */ - setElement: function (element, options) { - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._element = element; - this._originalElement = element; - this._initConfig(options); - element.classList.add(fabric.Image.CSS_CANVAS); - if (this.filters.length !== 0) { - this.applyFilters(); - } - // resizeFilters work on the already filtered copy. - // we need to apply resizeFilters AFTER normal filters. - // applyResizeFilters is run more often than normal filters - // and is triggered by user interactions rather than dev code - if (this.resizeFilter) { - this.applyResizeFilters(); - } - return this; - }, - /** - * Delete a single texture if in webgl mode - */ - removeTexture: function (key) { - var backend = fabric.filterBackend; - if (backend && backend.evictCachesForKey) { - backend.evictCachesForKey(key); - } - }, - /** - * Delete textures, reference to elements and eventually JSDOM cleanup - */ - dispose: function () { - this.callSuper('dispose'); - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._cacheContext = undefined; - ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(function (element) { - fabric.util.cleanUpJsdomNode(this[element]); - this[element] = undefined; - }.bind(this)); - }, - /** - * Get the crossOrigin value (of the corresponding image element) - */ - getCrossOrigin: function () { - return (this._originalElement && (this._originalElement.crossOrigin || null)); - }, - /** - * Returns original size of an image - * @return {Object} Object with "width" and "height" properties - */ - getOriginalSize: function () { - var element = this.getElement(); - return { - width: element.naturalWidth || element.width, - height: element.naturalHeight || element.height, - }; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _stroke: function (ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - var w = this.width / 2, h = this.height / 2; - ctx.beginPath(); - ctx.moveTo(-w, -h); - ctx.lineTo(w, -h); - ctx.lineTo(w, h); - ctx.lineTo(-w, h); - ctx.lineTo(-w, -h); - ctx.closePath(); - }, - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function (propertiesToInclude) { - var filters = []; - this.filters.forEach(function (filterObj) { - if (filterObj) { - filters.push(filterObj.toObject()); - } - }); - var object = extend(this.callSuper('toObject', ['cropX', 'cropY'].concat(propertiesToInclude)), { - src: this.getSrc(), - crossOrigin: this.getCrossOrigin(), - filters: filters, - }); - if (this.resizeFilter) { - object.resizeFilter = this.resizeFilter.toObject(); - } - return object; - }, - /** - * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. - * @return {Boolean} - */ - hasCrop: function () { - return (this.cropX || - this.cropY || - this.width < this._element.width || - this.height < this._element.height); - }, - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function () { - var svgString = [], imageMarkup = [], strokeSvg, element = this._element, x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; - if (!element) { - return []; - } - if (this.hasCrop()) { - var clipPathId = InteractiveFabricObject.__uid++; - svgString.push('\n', '\t\n', '\n'); - clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; - } - if (!this.imageSmoothing) { - imageRendering = '" image-rendering="optimizeSpeed'; - } - imageMarkup.push('\t\n'); - if (this.stroke || this.strokeDashArray) { - var origFill = this.fill; - this.fill = null; - strokeSvg = [ - '\t\n', - ]; - this.fill = origFill; - } - if (this.paintFirst !== 'fill') { - svgString = svgString.concat(strokeSvg, imageMarkup); - } - else { - svgString = svgString.concat(imageMarkup, strokeSvg); - } - return svgString; - }, - /* _TO_SVG_END_ */ - /** - * Returns source of an image - * @param {Boolean} filtered indicates if the src is needed for svg - * @return {String} Source of an image - */ - getSrc: function (filtered) { - var element = filtered ? this._element : this._originalElement; - if (element) { - if (element.toDataURL) { - return element.toDataURL(); - } - if (this.srcFromAttribute) { - return element.getAttribute('src'); - } - else { - return element.src; - } - } - else { - return this.src || ''; - } - }, - /** - * Loads and sets source of an image\ - * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking - * @param {String} src Source string (URL) - * @param {Object} [options] Options object - * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") - * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes - * @return {Promise} thisArg - */ - setSrc: function (src, options) { - var _this = this; - return fabric.util.loadImage(src, options).then(function (img) { - _this.setElement(img, options); - _this._setWidthHeight(); - return _this; - }); - }, - /** - * Returns string representation of an instance - * @return {String} String representation of an instance - */ - toString: function () { - return '#'; - }, - applyResizeFilters: function () { - var filter = this.resizeFilter, minimumScale = this.minimumScaleTrigger, objectScale = this.getTotalObjectScaling(), scaleX = objectScale.x, scaleY = objectScale.y, elementToFilter = this._filteredEl || this._originalElement; - if (this.group) { - this.set('dirty', true); - } - if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { - this._element = elementToFilter; - this._filterScalingX = 1; - this._filterScalingY = 1; - this._lastScaleX = scaleX; - this._lastScaleY = scaleY; - return; - } - if (!fabric.filterBackend) { - fabric.filterBackend = fabric.initFilterBackend(); - } - var canvasEl = fabric.util.createCanvasElement(), cacheKey = this._filteredEl - ? this.cacheKey + '_filtered' - : this.cacheKey, sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._lastScaleX = filter.scaleX = scaleX; - this._lastScaleY = filter.scaleY = scaleY; - fabric.filterBackend.applyFilters([filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); - this._filterScalingX = canvasEl.width / this._originalElement.width; - this._filterScalingY = canvasEl.height / this._originalElement.height; - }, - /** - * Applies filters assigned to this image (from "filters" array) or from filter param - * @method applyFilters - * @param {Array} filters to be applied - * @param {Boolean} forResizing specify if the filter operation is a resize operation - * @return {thisArg} return the fabric.Image object - * @chainable - */ - applyFilters: function (filters) { - filters = filters || this.filters || []; - filters = filters.filter(function (filter) { - return filter && !filter.isNeutralState(); - }); - this.set('dirty', true); - // needs to clear out or WEBGL will not resize correctly - this.removeTexture(this.cacheKey + '_filtered'); - if (filters.length === 0) { - this._element = this._originalElement; - this._filteredEl = null; - this._filterScalingX = 1; - this._filterScalingY = 1; - return this; - } - var imgElement = this._originalElement, sourceWidth = imgElement.naturalWidth || imgElement.width, sourceHeight = imgElement.naturalHeight || imgElement.height; - if (this._element === this._originalElement) { - // if the element is the same we need to create a new element - var canvasEl = fabric.util.createCanvasElement(); - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._filteredEl = canvasEl; - } - else { - // clear the existing element to get new filter data - // also dereference the eventual resized _element - this._element = this._filteredEl; - this._filteredEl - .getContext('2d') - .clearRect(0, 0, sourceWidth, sourceHeight); - // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y - this._lastScaleX = 1; - this._lastScaleY = 1; - } - if (!fabric.filterBackend) { - fabric.filterBackend = fabric.initFilterBackend(); - } - fabric.filterBackend.applyFilters(filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); - if (this._originalElement.width !== this._element.width || - this._originalElement.height !== this._element.height) { - this._filterScalingX = - this._element.width / this._originalElement.width; - this._filterScalingY = - this._element.height / this._originalElement.height; - } - return this; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - ctx.imageSmoothingEnabled = this.imageSmoothing; - if (this.isMoving !== true && - this.resizeFilter && - this._needsResize()) { - this.applyResizeFilters(); - } - this._stroke(ctx); - this._renderPaintInOrder(ctx); - }, - /** - * Paint the cached copy of the object on the target context. - * it will set the imageSmoothing for the draw operation - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawCacheOnCanvas: function (ctx) { - ctx.imageSmoothingEnabled = this.imageSmoothing; - InteractiveFabricObject.prototype.drawCacheOnCanvas.call(this, ctx); - }, - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * This is the special image version where we would like to avoid caching where possible. - * Essentially images do not benefit from caching. They may require caching, and in that - * case we do it. Also caching an image usually ends in a loss of details. - * A full performance audit should be done. - * @return {Boolean} - */ - shouldCache: function () { - return this.needsItsOwnCache(); - }, - _renderFill: function (ctx) { - var elementToDraw = this._element; - if (!elementToDraw) { - return; - } - var scaleX = this._filterScalingX, scaleY = this._filterScalingY, w = this.width, h = this.height, min = Math.min, max = Math.max, - // crop values cannot be lesser than 0. - cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), elWidth = elementToDraw.naturalWidth || elementToDraw.width, elHeight = elementToDraw.naturalHeight || elementToDraw.height, sX = cropX * scaleX, sY = cropY * scaleY, - // the width height cannot exceed element width/height, starting from the crop offset. - sW = min(w * scaleX, elWidth - sX), sH = min(h * scaleY, elHeight - sY), x = -w / 2, y = -h / 2, maxDestW = min(w, elWidth / scaleX - cropX), maxDestH = min(h, elHeight / scaleY - cropY); - elementToDraw && - ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); - }, - /** - * needed to check if image needs resize - * @private - */ - _needsResize: function () { - var scale = this.getTotalObjectScaling(); - return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY; - }, - /** - * @private - */ - _resetWidthHeight: function () { - this.set(this.getOriginalSize()); - }, - /** - * The Image class's initialization method. This method is automatically - * called by the constructor. - * @private - * @param {HTMLImageElement|String} element The element representing the image - * @param {Object} [options] Options object - */ - _initElement: function (element, options) { - this.setElement(fabric.document.getElementById(element) || element, options); - }, - /** - * @private - * @param {Object} [options] Options object - */ - _initConfig: function (options) { - options || (options = {}); - this.setOptions(options); - this._setWidthHeight(options); - }, - /** - * @private - * Set the width and the height of the image object, using the element or the - * options. - * @param {Object} [options] Object with width/height properties - */ - _setWidthHeight: function (options) { - options || (options = {}); - var el = this.getElement(); - this.width = options.width || el.naturalWidth || el.width || 0; - this.height = options.height || el.naturalHeight || el.height || 0; - }, - /** - * Calculate offset for center and scale factor for the image in order to respect - * the preserveAspectRatio attribute - * @private - * @return {Object} - */ - parsePreserveAspectRatioAttribute: function () { - var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), rWidth = this._element.width, rHeight = this._element.height, scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; - if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { - if (pAR.meetOrSlice === 'meet') { - scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); - offset = (pWidth - rWidth * scaleX) / 2; - if (pAR.alignX === 'Min') { - offsetLeft = -offset; - } - if (pAR.alignX === 'Max') { - offsetLeft = offset; - } - offset = (pHeight - rHeight * scaleY) / 2; - if (pAR.alignY === 'Min') { - offsetTop = -offset; - } - if (pAR.alignY === 'Max') { - offsetTop = offset; - } - } - if (pAR.meetOrSlice === 'slice') { - scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); - offset = rWidth - pWidth / scaleX; - if (pAR.alignX === 'Mid') { - cropX = offset / 2; - } - if (pAR.alignX === 'Max') { - cropX = offset; - } - offset = rHeight - pHeight / scaleY; - if (pAR.alignY === 'Mid') { - cropY = offset / 2; - } - if (pAR.alignY === 'Max') { - cropY = offset; - } - rWidth = pWidth / scaleX; - rHeight = pHeight / scaleY; - } - } - else { - scaleX = pWidth / rWidth; - scaleY = pHeight / rHeight; - } - return { - width: rWidth, - height: rHeight, - scaleX: scaleX, - scaleY: scaleY, - offsetLeft: offsetLeft, - offsetTop: offsetTop, - cropX: cropX, - cropY: cropY, - }; - }, - }); + * Grayscale filter isNeutralState implementation + * The filter is never neutral + * on the image + **/ + isNeutralState: function() { + return false; + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Grayscale} Instance of fabric.Image.filters.Grayscale + */ + fabric.Image.filters.Grayscale.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Invert filter class + * @class fabric.Image.filters.Invert + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Invert(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Invert = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Invert.prototype */ { + /** - * Default CSS class name for canvas - * @static - * @type String + * Filter type + * @param {String} type * @default */ - fabric.Image.CSS_CANVAS = 'canvas-img'; + type: 'Invert', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uInvert;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'if (uInvert == 1) {\n' + + 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + + '} else {\n' + + 'gl_FragColor = color;\n' + + '}\n' + + '}', + /** - * Alias for getSrc - * @static + * Filter invert. if false, does nothing + * @param {Boolean} invert + * @default */ - fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; + invert: true, + + mainParameter: 'invert', + /** - * Creates an instance of fabric.Image from its object representation - * @static - * @param {Object} object Object to create an instance from - * @param {object} [options] Options object - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.fromObject = function (object, options) { - var _object = Object.assign({}, object), filters = _object.filters, resizeFilter = _object.resizeFilter; - // the generic enliving will fail on filters for now - delete _object.resizeFilter; - delete _object.filters; - var imageOptions = Object.assign({}, options, { - crossOrigin: _object.crossOrigin, - }), filterOptions = Object.assign({}, options, { - namespace: fabric.Image.filters, - }); - return Promise.all([ - fabric.util.loadImage(_object.src, imageOptions), - filters && fabric.util.enlivenObjects(filters, filterOptions), - resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions), - fabric.util.enlivenObjectEnlivables(_object, options), - ]).then(function (imgAndFilters) { - _object.filters = imgAndFilters[1] || []; - _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0]; - return new fabric.Image(imgAndFilters[0], Object.assign(_object, imgAndFilters[3])); - }); - }; + * Apply the Invert operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, i, + len = data.length; + for (i = 0; i < len; i += 4) { + data[i] = 255 - data[i]; + data[i + 1] = 255 - data[i + 1]; + data[i + 2] = 255 - data[i + 2]; + } + }, + /** - * Creates an instance of fabric.Image from an URL string - * @static - * @param {String} url URL to create an image from - * @param {object} [options] Options object - * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.fromURL = function (url, options) { - return fabric.util.loadImage(url, options || {}).then(function (img) { - return new fabric.Image(img, options); - }); - }; - /* _FROM_SVG_START_ */ + * Invert filter isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function() { + return !this.invert; + }, + /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) - * @static - * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ')); + getUniformLocations: function(gl, program) { + return { + uInvert: gl.getUniformLocation(program, 'uInvert'), + }; + }, + /** - * Returns {@link fabric.Image} instance from an SVG element - * @static - * @param {SVGElement} element Element to parse - * @param {Object} [options] Options object - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {Function} callback Callback to execute when fabric.Image object is created - * @return {fabric.Image} Instance of fabric.Image - */ - fabric.Image.fromElement = function (element, callback, options) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); - fabric.Image.fromURL(parsedAttributes['xlink:href'], Object.assign({}, options || {}, parsedAttributes)).then(function (fabricImage) { - callback(fabricImage); - }); - }; - /* _FROM_SVG_END_ */ -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * @private - * @return {Number} angle value - */ - _getAngleValueForStraighten: function () { - var angle = this.angle % 360; - if (angle > 0) { - return Math.round((angle - 1) / 90) * 90; - } - return Math.round(angle / 90) * 90; - }, - /** - * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) - * @return {fabric.Object} thisArg - * @chainable - */ - straighten: function () { - return this.rotate(this._getAngleValueForStraighten()); - }, - /** - * Same as {@link FabricObject.prototype.straighten} but with animation - * @param {Object} callbacks Object with callback functions - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.Object} thisArg - */ - fxStraighten: function (callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: this.get('angle'), - endValue: this._getAngleValueForStraighten(), - duration: this.FX_DURATION, - onChange: function (value) { - _this.rotate(value); - onChange(); - }, - onComplete: function () { - _this.setCoords(); - onComplete(); - }, - }); - }, - }); - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Straightens object, then rerenders canvas - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - * @chainable - */ - straightenObject: function (object) { - object.straighten(); - this.requestRenderAll(); - return this; - }, - /** - * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - */ - fxStraightenObject: function (object) { - return object.fxStraighten({ - onChange: this.requestRenderAllBound, - }); - }, - }); -})(typeof exports !== 'undefined' ? exports : window); + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + gl.uniform1i(uniformLocations.uInvert, this.invert); + }, + }); -//@ts-nocheck -/** - * @todo remove once rollup supports transforming enums... - * https://github.com/rollup/plugins/issues/463 - */ -const WebGLPrecision = [ - "lowp" /* TWebGLPrecision.low */, - "mediump" /* TWebGLPrecision.medium */, - "highp" /* TWebGLPrecision.high */, -]; -/** - * Lazy initialize WebGL contants - */ -class WebGLProbe { - constructor() { - this.initialized = false; - } - get maxTextureSize() { - this.queryWebGL(); - return this._maxTextureSize; - } - get webGLPrecision() { - this.queryWebGL(); - return this._webGLPrecision; + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Invert} Instance of fabric.Image.filters.Invert + */ + fabric.Image.filters.Invert.fromObject = fabric.Image.filters.BaseFilter.fromObject; + + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Noise filter class + * @class fabric.Image.filters.Noise + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Noise({ + * noise: 700 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Noise = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Noise.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Noise', + + /** + * Fragment source for the noise program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uStepH;\n' + + 'uniform float uNoise;\n' + + 'uniform float uSeed;\n' + + 'varying vec2 vTexCoord;\n' + + 'float rand(vec2 co, float seed, float vScale) {\n' + + 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + + 'gl_FragColor = color;\n' + + '}', + + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'noise', + + /** + * Noise value, from + * @param {Number} noise + * @default + */ + noise: 0, + + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + if (this.noise === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, i, len = data.length, + noise = this.noise, rand; + + for (i = 0, len = data.length; i < len; i += 4) { + + rand = (0.5 - Math.random()) * noise; + + data[i] += rand; + data[i + 1] += rand; + data[i + 2] += rand; + } + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uNoise: gl.getUniformLocation(program, 'uNoise'), + uSeed: gl.getUniformLocation(program, 'uSeed'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uNoise, this.noise / 255); + gl.uniform1f(uniformLocations.uSeed, Math.random()); + }, + + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + return extend(this.callSuper('toObject'), { + noise: this.noise + }); } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Noise} Instance of fabric.Image.filters.Noise + */ + fabric.Image.filters.Noise.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Pixelate filter class + * @class fabric.Image.filters.Pixelate + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Pixelate({ + * blocksize: 8 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Pixelate = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Pixelate.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Pixelate', + + blocksize: 4, + + mainParameter: 'blocksize', + + /** + * Fragment source for the Pixelate program + */ + fragmentSource: '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 * uStepW;\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' + + '}', + + /** + * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, + iLen = imageData.height, + jLen = imageData.width, + index, i, j, r, g, b, a, + _i, _j, _iLen, _jLen; + + for (i = 0; i < iLen; i += this.blocksize) { + for (j = 0; j < jLen; j += this.blocksize) { + + index = (i * 4) * jLen + (j * 4); + + r = data[index]; + g = data[index + 1]; + b = data[index + 2]; + a = data[index + 3]; + + _iLen = Math.min(i + this.blocksize, iLen); + _jLen = Math.min(j + this.blocksize, jLen); + for (_i = i; _i < _iLen; _i++) { + for (_j = j; _j < _jLen; _j++) { + index = (_i * 4) * jLen + (_j * 4); + data[index] = r; + data[index + 1] = g; + data[index + 2] = b; + data[index + 3] = a; + } + } + } + } + }, + + /** + * Indicate when the filter is not gonna apply changes to the image + **/ + isNeutralState: function() { + return this.blocksize === 1; + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), + uStepW: gl.getUniformLocation(program, 'uStepW'), + uStepH: gl.getUniformLocation(program, 'uStepH'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Pixelate} Instance of fabric.Image.filters.Pixelate + */ + fabric.Image.filters.Pixelate.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Remove white filter class + * @class fabric.Image.filters.RemoveColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.RemoveColor({ + * threshold: 0.2, + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.RemoveColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.RemoveColor.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: 'RemoveColor', + + /** + * Color to remove, in any format understood by fabric.Color. + * @param {String} type + * @default + */ + color: '#FFFFFF', + /** - * Tests if webgl supports certain precision - * @param {WebGL} Canvas WebGL context to test on - * @param {TWebGLPrecision} Precision to test can be any of following - * @returns {Boolean} Whether the user's browser WebGL supports given precision. - */ - testPrecision(gl, precision) { - const fragmentSource = `precision ${precision} float;\nvoid main(){}`; - const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS); - } + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uLow;\n' + + 'uniform vec4 uHigh;\n' + + 'varying vec2 vTexCoord;\n' + + 'void 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' + + '}', + /** - * query browser for WebGL - * @returns config object if true - */ - queryWebGL() { - if (this.initialized || fabric$3.isLikelyNode) { - return; - } - const canvas = createCanvasElement$1(); - const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); - if (gl) { - this._maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); - this._webGLPrecision = WebGLPrecision.find((key) => this.testPrecision(gl, key)); - console.log(`fabric: max texture size ${this._maxTextureSize}`); - } - this.initialized = true; - } - isSupported(textureSize) { - return this.maxTextureSize && this.maxTextureSize >= textureSize; - } -} -const webGLProbe = new WebGLProbe(); + * distance to actual color, as value up or down from each r,g,b + * between 0 and 1 + **/ + distance: 0.02, -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.initFilterBackend = function () { - if (config.enableGLFiltering && - webGLProbe.isSupported(config.textureSize)) { - return new fabric.WebglFilterBackend({ tileSize: config.textureSize }); - } - else if (fabric.Canvas2dFilterBackend) { - return new fabric.Canvas2dFilterBackend(); - } - }; - fabric.WebglFilterBackend = WebglFilterBackend; - /** - * WebGL filter backend. - */ - function WebglFilterBackend(options) { - if (options && options.tileSize) { - this.tileSize = options.tileSize; - } - this.setupGLContext(this.tileSize, this.tileSize); - this.captureGPUInfo(); - } - WebglFilterBackend.prototype = - /** @lends fabric.WebglFilterBackend.prototype */ { - tileSize: config.textureSize, - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - resources: {}, - /** - * Setup a WebGL context suitable for filtering, and bind any needed event handlers. - */ - setupGLContext: function (width, height) { - this.dispose(); - this.createWebGLCanvas(width, height); - // eslint-disable-next-line - this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); - this.chooseFastestCopyGLTo2DMethod(width, height); - }, - /** - * Pick a method to copy data from GL context to 2d canvas. In some browsers using - * putImageData is faster than drawImage for that specific operation. - */ - chooseFastestCopyGLTo2DMethod: function (width, height) { - var canMeasurePerf = typeof window.performance !== 'undefined', canUseImageData; - try { - new ImageData(1, 1); - canUseImageData = true; - } - catch (e) { - canUseImageData = false; - } - // eslint-disable-next-line no-undef - var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined'; - // eslint-disable-next-line no-undef - var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined'; - if (!(canMeasurePerf && - canUseImageData && - canUseArrayBuffer && - canUseUint8Clamped)) { - return; - } - var targetCanvas = fabric.util.createCanvasElement(); - // eslint-disable-next-line no-undef - var imageBuffer = new ArrayBuffer(width * height * 4); - if (config.forceGLPutImageData) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - return; - } - var testContext = { - imageBuffer: imageBuffer, - destinationWidth: width, - destinationHeight: height, - targetCanvas: targetCanvas, - }; - var startTime, drawImageTime, putImageDataTime; - targetCanvas.width = width; - targetCanvas.height = height; - startTime = window.performance.now(); - copyGLTo2DDrawImage.call(testContext, this.gl, testContext); - drawImageTime = window.performance.now() - startTime; - startTime = window.performance.now(); - copyGLTo2DPutImageData.call(testContext, this.gl, testContext); - putImageDataTime = window.performance.now() - startTime; - if (drawImageTime > putImageDataTime) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - } - else { - this.copyGLTo2D = copyGLTo2DDrawImage; - } - }, - /** - * Create a canvas element and associated WebGL context and attaches them as - * class properties to the GLFilterBackend class. - */ - createWebGLCanvas: function (width, height) { - var canvas = fabric.util.createCanvasElement(); - canvas.width = width; - canvas.height = height; - var glOptions = { - alpha: true, - premultipliedAlpha: false, - depth: false, - stencil: false, - antialias: false, - }, gl = canvas.getContext('webgl', glOptions); - if (!gl) { - gl = canvas.getContext('experimental-webgl', glOptions); - } - if (!gl) { - return; - } - gl.clearColor(0, 0, 0, 0); - // this canvas can fire webglcontextlost and webglcontextrestored - this.canvas = canvas; - this.gl = gl; - }, - /** - * Attempts to apply the requested filters to the source provided, drawing the filtered output - * to the provided target canvas. - * - * @param {Array} filters The filters to apply. - * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered. - * @param {Number} width The width of the source input. - * @param {Number} height The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. - * @param {String|undefined} cacheKey A key used to cache resources related to the source. If - * omitted, caching will be skipped. - */ - applyFilters: function (filters, source, width, height, targetCanvas, cacheKey) { - var gl = this.gl; - var cachedTexture; - if (cacheKey) { - cachedTexture = this.getCachedTexture(cacheKey, source); - } - var pipelineState = { - originalWidth: source.width || source.originalWidth, - originalHeight: source.height || source.originalHeight, - sourceWidth: width, - sourceHeight: height, - destinationWidth: width, - destinationHeight: height, - context: gl, - sourceTexture: this.createTexture(gl, width, height, !cachedTexture && source), - targetTexture: this.createTexture(gl, width, height), - originalTexture: cachedTexture || - this.createTexture(gl, width, height, !cachedTexture && source), - passes: filters.length, - webgl: true, - aPosition: this.aPosition, - programCache: this.programCache, - pass: 0, - filterBackend: this, - targetCanvas: targetCanvas, - }; - var tempFbo = gl.createFramebuffer(); - gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); - filters.forEach(function (filter) { - filter && filter.applyTo(pipelineState); - }); - resizeCanvasIfNeeded(pipelineState); - this.copyGLTo2D(gl, pipelineState); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.deleteTexture(pipelineState.sourceTexture); - gl.deleteTexture(pipelineState.targetTexture); - gl.deleteFramebuffer(tempFbo); - targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0); - return pipelineState; - }, - /** - * Detach event listeners, remove references, and clean up caches. - */ - dispose: function () { - if (this.canvas) { - this.canvas = null; - this.gl = null; - } - this.clearWebGLCaches(); - }, - /** - * Wipe out WebGL-related caches. - */ - clearWebGLCaches: function () { - this.programCache = {}; - this.textureCache = {}; - }, - /** - * Create a WebGL texture object. - * - * Accepts specific dimensions to initialize the texture to or a source image. - * - * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. - * @param {Number} width The width to initialize the texture at. - * @param {Number} height The height to initialize the texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. - * @returns {WebGLTexture} - */ - createTexture: function (gl, width, height, textureImageSource) { - var texture = gl.createTexture(); - gl.bindTexture(gl.TEXTURE_2D, texture); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); - if (textureImageSource) { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); - } - else { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); - } - return texture; - }, - /** - * Can be optionally used to get a texture from the cache array - * - * If an existing texture is not found, a new texture is created and cached. - * - * @param {String} uniqueId A cache key to use to find an existing texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the - * texture cache entry if one does not already exist. - */ - getCachedTexture: function (uniqueId, textureImageSource) { - if (this.textureCache[uniqueId]) { - return this.textureCache[uniqueId]; - } - else { - var texture = this.createTexture(this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); - this.textureCache[uniqueId] = texture; - return texture; - } - }, - /** - * Clear out cached resources related to a source image that has been - * filtered previously. - * - * @param {String} cacheKey The cache key provided when the source image was filtered. - */ - evictCachesForKey: function (cacheKey) { - if (this.textureCache[cacheKey]) { - this.gl.deleteTexture(this.textureCache[cacheKey]); - delete this.textureCache[cacheKey]; - } - }, - copyGLTo2D: copyGLTo2DDrawImage, - /** - * Attempt to extract GPU information strings from a WebGL context. - * - * Useful information when debugging or blacklisting specific GPUs. - * - * @returns {Object} A GPU info object with renderer and vendor strings. - */ - captureGPUInfo: function () { - if (this.gpuInfo) { - return this.gpuInfo; - } - var gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; - if (!gl) { - return gpuInfo; - } - var ext = gl.getExtension('WEBGL_debug_renderer_info'); - if (ext) { - var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); - var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); - if (renderer) { - gpuInfo.renderer = renderer.toLowerCase(); - } - if (vendor) { - gpuInfo.vendor = vendor.toLowerCase(); - } - } - this.gpuInfo = gpuInfo; - return gpuInfo; - }, - }; -})(typeof exports !== 'undefined' ? exports : window); -function resizeCanvasIfNeeded(pipelineState) { - var targetCanvas = pipelineState.targetCanvas, width = targetCanvas.width, height = targetCanvas.height, dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight; - if (width !== dWidth || height !== dHeight) { - targetCanvas.width = dWidth; - targetCanvas.height = dHeight; - } -} -/** - * Copy an input WebGL canvas on to an output 2D canvas. - * - * The WebGL canvas is assumed to be upside down, with the top-left pixel of the - * desired output image appearing in the bottom-left corner of the WebGL canvas. - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. - * @param {Object} pipelineState The 2D target canvas to copy on to. - */ -function copyGLTo2DDrawImage(gl, pipelineState) { - var glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'); - ctx.translate(0, targetCanvas.height); // move it down again - ctx.scale(1, -1); // vertical flip - // where is my image on the big glcanvas? - var sourceY = glCanvas.height - targetCanvas.height; - ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, targetCanvas.width, targetCanvas.height); -} -/** - * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData - * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. - * @param {Object} pipelineState The 2D target canvas to copy on to. - */ -function copyGLTo2DPutImageData(gl, pipelineState) { - var targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight, numBytes = dWidth * dHeight * 4; - // eslint-disable-next-line no-undef - var u8 = new Uint8Array(this.imageBuffer, 0, numBytes); - // eslint-disable-next-line no-undef - var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); - gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); - var imgData = new ImageData(u8Clamped, dWidth, dHeight); - ctx.putImageData(imgData, 0, 0); -} + /** + * For color to remove inside distance, use alpha channel for a smoother deletion + * NOT IMPLEMENTED YET + **/ + useAlpha: false, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, noop = function () { }; - fabric.Canvas2dFilterBackend = Canvas2dFilterBackend; - /** - * Canvas 2D filter backend. - */ - function Canvas2dFilterBackend() { } - Canvas2dFilterBackend.prototype = - /** @lends fabric.Canvas2dFilterBackend.prototype */ { - evictCachesForKey: noop, - dispose: noop, - clearWebGLCaches: noop, - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - resources: {}, - /** - * Apply a set of filters against a source image and draw the filtered output - * to the provided destination canvas. - * - * @param {EnhancedFilter} filters The filter to apply. - * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. - * @param {Number} sourceWidth The width of the source input. - * @param {Number} sourceHeight The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. - */ - applyFilters: function (filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { - var ctx = targetCanvas.getContext('2d'); - ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); - var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - var originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - var pipelineState = { - sourceWidth: sourceWidth, - sourceHeight: sourceHeight, - imageData: imageData, - originalEl: sourceElement, - originalImageData: originalImageData, - canvasEl: targetCanvas, - ctx: ctx, - filterBackend: this, - }; - filters.forEach(function (filter) { - filter.applyTo(pipelineState); - }); - if (pipelineState.imageData.width !== sourceWidth || - pipelineState.imageData.height !== sourceHeight) { - targetCanvas.width = pipelineState.imageData.width; - targetCanvas.height = pipelineState.imageData.height; - } - ctx.putImageData(pipelineState.imageData, 0, 0); - return pipelineState; - }, - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - /** - * @namespace fabric.Image.filters - * @memberOf fabric.Image - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - */ - fabric.Image.filters = fabric.Image.filters || {}; - /** - * Root filter class from which all filter classes inherit from - * @class fabric.Image.filters.BaseFilter - * @memberOf fabric.Image.filters - */ - fabric.Image.filters.BaseFilter = fabric.util.createClass( - /** @lends fabric.Image.filters.BaseFilter.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'BaseFilter', - /** - * Array of attributes to send with buffers. do not modify - * @private - */ - vertexSource: 'attribute vec2 aPosition;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vTexCoord = aPosition;\n' + - 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + - '}', - fragmentSource: 'precision highp float;\n' + - 'varying vec2 vTexCoord;\n' + - 'uniform sampler2D uTexture;\n' + - 'void main() {\n' + - 'gl_FragColor = texture2D(uTexture, vTexCoord);\n' + - '}', - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function (options) { - if (options) { - this.setOptions(options); - } - }, - /** - * Sets filter's properties from options - * @param {Object} [options] Options object - */ - setOptions: function (options) { - for (var prop in options) { - this[prop] = options[prop]; - } - }, - /** - * Compile this filter's shader program. - * - * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. - * @param {String} fragmentSource fragmentShader source for compilation - * @param {String} vertexSource vertexShader source for compilation - */ - createProgram: function (gl, fragmentSource, vertexSource) { - fragmentSource = fragmentSource || this.fragmentSource; - vertexSource = vertexSource || this.vertexSource; - if (webGLProbe.webGLPrecision !== "highp" /* TWebGLPrecision.high */) { - fragmentSource = fragmentSource.replace(new RegExp(`precision ${"highp" /* TWebGLPrecision.high */} float`, 'g'), `precision ${webGLProbe.webGLPrecision} float`); - } - var vertexShader = gl.createShader(gl.VERTEX_SHADER); - gl.shaderSource(vertexShader, vertexSource); - gl.compileShader(vertexShader); - if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Vertex shader compile error for ' + - this.type + - ': ' + - gl.getShaderInfoLog(vertexShader)); - } - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Fragment shader compile error for ' + - this.type + - ': ' + - gl.getShaderInfoLog(fragmentShader)); - } - var program = gl.createProgram(); - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); - gl.linkProgram(program); - if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Shader link error for "${this.type}" ' + - gl.getProgramInfoLog(program)); - } - var attributeLocations = this.getAttributeLocations(gl, program); - var uniformLocations = this.getUniformLocations(gl, program) || {}; - uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); - uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); - return { - program: program, - attributeLocations: attributeLocations, - uniformLocations: uniformLocations, - }; - }, - /** - * Return a map of attribute names to WebGLAttributeLocation objects. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. - * @returns {Object} A map of attribute names to attribute locations. - */ - getAttributeLocations: function (gl, program) { - return { - aPosition: gl.getAttribLocation(program, 'aPosition'), - }; - }, - /** - * Return a map of uniform names to WebGLUniformLocation objects. - * - * Intended to be overridden by subclasses. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {WebGLShaderProgram} program The shader program from which to take uniform locations. - * @returns {Object} A map of uniform names to uniform locations. - */ - getUniformLocations: function ( /* gl, program */) { - // in case i do not need any special uniform i need to return an empty object - return {}; - }, - /** - * Send attribute data from this filter to its shader program on the GPU. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {Object} attributeLocations A map of shader attribute names to their locations. - */ - sendAttributeData: function (gl, attributeLocations, aPositionData) { - var attributeLocation = attributeLocations.aPosition; - var buffer = gl.createBuffer(); - gl.bindBuffer(gl.ARRAY_BUFFER, buffer); - gl.enableVertexAttribArray(attributeLocation); - gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); - gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); - }, - _setupFrameBuffer: function (options) { - var gl = options.context, width, height; - if (options.passes > 1) { - width = options.destinationWidth; - height = options.destinationHeight; - if (options.sourceWidth !== width || - options.sourceHeight !== height) { - gl.deleteTexture(options.targetTexture); - options.targetTexture = options.filterBackend.createTexture(gl, width, height); - } - gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, options.targetTexture, 0); - } - else { - // draw last filter on canvas and not to framebuffer. - gl.bindFramebuffer(gl.FRAMEBUFFER, null); - gl.finish(); - } - }, - _swapTextures: function (options) { - options.passes--; - options.pass++; - var temp = options.targetTexture; - options.targetTexture = options.sourceTexture; - options.sourceTexture = temp; - }, - /** - * Generic isNeutral implementation for one parameter based filters. - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) - * @param {Object} options - **/ - isNeutralState: function ( /* options */) { - var main = this.mainParameter, _class = fabric.Image.filters[this.type].prototype; - if (main) { - if (Array.isArray(_class[main])) { - for (var i = _class[main].length; i--;) { - if (this[main][i] !== _class[main][i]) { - return false; - } - } - return true; - } - else { - return _class[main] === this[main]; - } - } - else { - return false; - } - }, - /** - * Apply this filter to the input image data provided. - * - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function (options) { - if (options.webgl) { - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - if (!options.programCache.hasOwnProperty(this.type)) { - options.programCache[this.type] = this.createProgram(options.context); - } - return options.programCache[this.type]; - }, - /** - * Apply this filter using webgl. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.originalTexture The texture of the original input image. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyToWebGL: function (options) { - var gl = options.context; - var shader = this.retrieveShader(options); - if (options.pass === 0 && options.originalTexture) { - gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); - } - else { - gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); - } - gl.useProgram(shader.program); - this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); - gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); - gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); - this.sendUniformData(gl, shader.uniformLocations); - gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); - gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); - }, - bindAdditionalTexture: function (gl, texture, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, texture); - // reset active texture to 0 as usual - gl.activeTexture(gl.TEXTURE0); - }, - unbindAdditionalTexture: function (gl, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.activeTexture(gl.TEXTURE0); - }, - getMainParameter: function () { - return this[this.mainParameter]; - }, - setMainParameter: function (value) { - this[this.mainParameter] = value; - }, - /** - * Send uniform data from this filter to its shader program on the GPU. - * - * Intended to be overridden by subclasses. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {Object} uniformLocations A map of shader uniform names to their locations. - */ - sendUniformData: function ( /* gl, uniformLocations */) { - // Intentionally left blank. Override me in subclasses. - }, - /** - * If needed by a 2d filter, this functions can create an helper canvas to be used - * remember that options.targetCanvas is available for use till end of chain. - */ - createHelpLayer: function (options) { - if (!options.helpLayer) { - var helpLayer = document.createElement('canvas'); - helpLayer.width = options.sourceWidth; - helpLayer.height = options.sourceHeight; - options.helpLayer = helpLayer; - } - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - var object = { type: this.type }, mainP = this.mainParameter; - if (mainP) { - object[mainP] = this[mainP]; - } - return object; - }, - /** - * Returns a JSON representation of an instance - * @return {Object} JSON - */ - toJSON: function () { - // delegate, not alias - return this.toObject(); - }, - }); /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Constructor + * @memberOf fabric.Image.filters.RemoveWhite.prototype + * @param {Object} [options] Options object + * @param {Number} [options.color=#RRGGBB] Threshold value + * @param {Number} [options.distance=10] Distance value */ - fabric.Image.filters.BaseFilter.fromObject = function (object) { - return Promise.resolve(new fabric.Image.filters[object.type](object)); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Color Matrix filter class - * @class fabric.Image.filters.ColorMatrix - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} - * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} - * @example Kodachrome filter - * var filter = new fabric.Image.filters.ColorMatrix({ - * matrix: [ - 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, - -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, - -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, - 0, 0, 0, 1, 0 - ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.ColorMatrix = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.ColorMatrix.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'ColorMatrix', - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'uniform mat4 uColorMatrix;\n' + - 'uniform vec4 uConstants;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color *= uColorMatrix;\n' + - 'color += uConstants;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * Colormatrix for pixels. - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], - mainParameter: 'matrix', - /** - * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario - * to save some calculation - * @type Boolean - * @default true - */ - colorsOnly: true, - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function (options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.matrix = this.matrix.slice(0); - }, - /** - * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, iLen = data.length, m = this.matrix, r, g, b, a, i, colorsOnly = this.colorsOnly; - for (i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - if (colorsOnly) { - data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; - data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; - data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; - } - else { - a = data[i + 3]; - data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; - data[i + 1] = - r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; - data[i + 2] = - r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; - data[i + 3] = - r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), - uConstants: gl.getUniformLocation(program, 'uConstants'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var m = this.matrix, matrix = [ - m[0], - m[1], - m[2], - m[3], - m[5], - m[6], - m[7], - m[8], - m[10], - m[11], - m[12], - m[13], - m[15], - m[16], - m[17], - m[18], - ], constants = [m[4], m[9], m[14], m[19]]; - gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); - gl.uniform4fv(uniformLocations.uConstants, constants); - }, - }); + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.ColorMatrix.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Brightness filter class - * @class fabric.Image.filters.Brightness - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Brightness({ - * brightness: 0.05 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Brightness = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Brightness.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Brightness', - /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uBrightness;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += uBrightness;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * Brightness value, from -1 to 1. - * translated to -255 to 255 for 2d - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Number} brightness - * @default - */ - brightness: 0, - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'brightness', - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.brightness === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, i, len = data.length, brightness = Math.round(this.brightness * 255); - for (i = 0; i < len; i += 4) { - data[i] = data[i] + brightness; - data[i + 1] = data[i + 1] + brightness; - data[i + 2] = data[i + 2] + brightness; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uBrightness: gl.getUniformLocation(program, 'uBrightness'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBrightness, this.brightness); - }, - }); + * Applies filter to canvas element + * @param {Object} canvasEl Canvas element to apply filter to + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, i, + distance = this.distance * 255, + r, g, b, + source = new fabric.Color(this.color).getSource(), + lowC = [ + source[0] - distance, + source[1] - distance, + source[2] - distance, + ], + highC = [ + source[0] + distance, + source[1] + distance, + source[2] + distance, + ]; + + + for (i = 0; i < data.length; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + + if (r > lowC[0] && + g > lowC[1] && + b > lowC[2] && + r < highC[0] && + g < highC[1] && + b < highC[2]) { + data[i + 3] = 0; + } + } + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Brightness.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Adapted from html5rocks article - * @class fabric.Image.filters.Convolute - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example Sharpen filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 0, -1, 0, - * -1, 5, -1, - * 0, -1, 0 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Blur filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter with opaqueness - * var filter = new fabric.Image.filters.Convolute({ - * opaque: true, - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Convolute = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Convolute.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Convolute', - /* - * Opaque value (true/false) - */ - opaque: false, - /* - * matrix for the filter, max 9x9 - */ - matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], - /** - * Fragment source for the brightness program - */ - fragmentSource: { - Convolute_3_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_3_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_5_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_5_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_7_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_7_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_9_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_9_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - }, - /** - * Constructor - * @memberOf fabric.Image.filters.Convolute.prototype - * @param {Object} [options] Options object - * @param {Boolean} [options.opaque=false] Opaque value (true/false) - * @param {Array} [options.matrix] Filter matrix - */ - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var size = Math.sqrt(this.matrix.length); - var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); - var shaderSource = this.fragmentSource[cacheKey]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, weights = this.matrix, side = Math.round(Math.sqrt(weights.length)), halfSide = Math.floor(side / 2), sw = imageData.width, sh = imageData.height, output = options.ctx.createImageData(sw, sh), dst = output.data, - // go through the destination image pixels - alphaFac = this.opaque ? 1 : 0, r, g, b, a, dstOff, scx, scy, srcOff, wt, x, y, cx, cy; - for (y = 0; y < sh; y++) { - for (x = 0; x < sw; x++) { - dstOff = (y * sw + x) * 4; - // calculate the weighed sum of the source image pixels that - // fall under the convolution matrix - r = 0; - g = 0; - b = 0; - a = 0; - for (cy = 0; cy < side; cy++) { - for (cx = 0; cx < side; cx++) { - scy = y + cy - halfSide; - scx = x + cx - halfSide; - // eslint-disable-next-line max-depth - if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { - continue; - } - srcOff = (scy * sw + scx) * 4; - wt = weights[cy * side + cx]; - r += data[srcOff] * wt; - g += data[srcOff + 1] * wt; - b += data[srcOff + 2] * wt; - // eslint-disable-next-line max-depth - if (!alphaFac) { - a += data[srcOff + 3] * wt; - } - } - } - dst[dstOff] = r; - dst[dstOff + 1] = g; - dst[dstOff + 2] = b; - if (!alphaFac) { - dst[dstOff + 3] = a; - } - else { - dst[dstOff + 3] = data[dstOff + 3]; - } - } - } - options.imageData = output; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uMatrix: gl.getUniformLocation(program, 'uMatrix'), - uOpaque: gl.getUniformLocation(program, 'uOpaque'), - uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), - uSize: gl.getUniformLocation(program, 'uSize'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1fv(uniformLocations.uMatrix, this.matrix); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return extend(this.callSuper('toObject'), { - opaque: this.opaque, - matrix: this.matrix, - }); - }, - }); + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uLow: gl.getUniformLocation(program, 'uLow'), + uHigh: gl.getUniformLocation(program, 'uHigh'), + }; + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Convolute.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Grayscale image filter class - * @class fabric.Image.filters.Grayscale - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Grayscale(); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Grayscale = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Grayscale.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Grayscale', - fragmentSource: { - average: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float average = (color.r + color.b + color.g) / 3.0;\n' + - 'gl_FragColor = vec4(average, average, average, color.a);\n' + - '}', - lightness: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - luminosity: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - }, - /** - * Grayscale mode, between 'average', 'lightness', 'luminosity' - * @param {String} type - * @default - */ - mode: 'average', - mainParameter: 'mode', - /** - * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, i, len = data.length, value, mode = this.mode; - for (i = 0; i < len; i += 4) { - if (mode === 'average') { - value = (data[i] + data[i + 1] + data[i + 2]) / 3; - } - else if (mode === 'lightness') { - value = - (Math.min(data[i], data[i + 1], data[i + 2]) + - Math.max(data[i], data[i + 1], data[i + 2])) / - 2; - } - else if (mode === 'luminosity') { - value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; - } - data[i] = value; - data[i + 1] = value; - data[i + 2] = value; - } - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var cacheKey = this.type + '_' + this.mode; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var shaderSource = this.fragmentSource[this.mode]; - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uMode: gl.getUniformLocation(program, 'uMode'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - // default average mode. - var mode = 1; - gl.uniform1i(uniformLocations.uMode, mode); - }, - /** - * Grayscale filter isNeutralState implementation - * The filter is never neutral - * on the image - **/ - isNeutralState: function () { - return false; - }, - }); + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var source = new fabric.Color(this.color).getSource(), + distance = parseFloat(this.distance), + lowC = [ + 0 + source[0] / 255 - distance, + 0 + source[1] / 255 - distance, + 0 + source[2] / 255 - distance, + 1 + ], + highC = [ + source[0] / 255 + distance, + source[1] / 255 + distance, + source[2] / 255 + distance, + 1 + ]; + gl.uniform4fv(uniformLocations.uLow, lowC); + gl.uniform4fv(uniformLocations.uHigh, highC); + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Grayscale.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Invert filter class - * @class fabric.Image.filters.Invert - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Invert(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Invert = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Invert.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Invert', - /** - * Invert also alpha. - * @param {Boolean} alpha - * @default - **/ - alpha: false, - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uInvert;\n' + - 'uniform int uAlpha;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'if (uInvert == 1) {\n' + - 'if (uAlpha == 1) {\n' + - 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\n' + - '} else {\n' + - 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + - '}\n' + - '} else {\n' + - 'gl_FragColor = color;\n' + - '}\n' + - '}', - /** - * Filter invert. if false, does nothing - * @param {Boolean} invert - * @default - */ - invert: true, - mainParameter: 'invert', - /** - * Apply the Invert operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, i, len = data.length; - for (i = 0; i < len; i += 4) { - data[i] = 255 - data[i]; - data[i + 1] = 255 - data[i + 1]; - data[i + 2] = 255 - data[i + 2]; - if (this.alpha) { - data[i + 3] = 255 - data[i + 3]; - } - } - }, - /** - * Invert filter isNeutralState implementation - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * @param {Object} options - **/ - isNeutralState: function () { - return !this.invert; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uInvert: gl.getUniformLocation(program, 'uInvert'), - uAlpha: gl.getUniformLocation(program, 'uAlpha'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1i(uniformLocations.uInvert, this.invert); - gl.uniform1i(uniformLocations.uAlpha, this.alpha); - }, + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + return extend(this.callSuper('toObject'), { + color: this.color, + distance: this.distance + }); + } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.RemoveColor} Instance of fabric.Image.filters.RemoveWhite + */ + fabric.Image.filters.RemoveColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + var matrices = { + Brownie: [ + 0.59970,0.34553,-0.27082,0,0.186, + -0.03770,0.86095,0.15059,0,-0.1449, + 0.24113,-0.07441,0.44972,0,-0.02965, + 0,0,0,1,0 + ], + Vintage: [ + 0.62793,0.32021,-0.03965,0,0.03784, + 0.02578,0.64411,0.03259,0,0.02926, + 0.04660,-0.08512,0.52416,0,0.02023, + 0,0,0,1,0 + ], + Kodachrome: [ + 1.12855,-0.39673,-0.03992,0,0.24991, + -0.16404,1.08352,-0.05498,0,0.09698, + -0.16786,-0.56034,1.60148,0,0.13972, + 0,0,0,1,0 + ], + Technicolor: [ + 1.91252,-0.85453,-0.09155,0,0.04624, + -0.30878,1.76589,-0.10601,0,-0.27589, + -0.23110,-0.75018,1.84759,0,0.12137, + 0,0,0,1,0 + ], + Polaroid: [ + 1.438,-0.062,-0.062,0,0, + -0.122,1.378,-0.122,0,0, + -0.016,-0.016,1.483,0,0, + 0,0,0,1,0 + ], + Sepia: [ + 0.393, 0.769, 0.189, 0, 0, + 0.349, 0.686, 0.168, 0, 0, + 0.272, 0.534, 0.131, 0, 0, + 0, 0, 0, 1, 0 + ], + BlackWhite: [ + 1.5, 1.5, 1.5, 0, -1, + 1.5, 1.5, 1.5, 0, -1, + 1.5, 1.5, 1.5, 0, -1, + 0, 0, 0, 1, 0, + ] + }; + + for (var key in matrices) { + filters[key] = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.Sepia.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: key, + + /** + * Colormatrix for the effect + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * @param {Array} matrix array of 20 numbers. + * @default + */ + matrix: matrices[key], + + /** + * Lock the matrix export for this kind of static, parameter less filters. + */ + mainParameter: false, + /** + * Lock the colormatrix on the color part, skipping alpha + */ + colorsOnly: true, + }); + fabric.Image.filters[key].fromObject = fabric.Image.filters.BaseFilter.fromObject; + } +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + 'use strict'; + + var fabric = global.fabric, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Color Blend filter class + * @class fabric.Image.filter.BlendColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' + * }); + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + + filters.BlendColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blend.prototype */ { + type: 'BlendColor', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Invert.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Noise filter class - * @class fabric.Image.filters.Noise - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Noise({ - * noise: 700 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Noise = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Noise.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Noise', - /** - * Fragment source for the noise program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uStepH;\n' + - 'uniform float uNoise;\n' + - 'uniform float uSeed;\n' + - 'varying vec2 vTexCoord;\n' + - 'float rand(vec2 co, float seed, float vScale) {\n' + - 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'noise', - /** - * Noise value, from - * @param {Number} noise - * @default - */ - noise: 0, - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.noise === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, i, len = data.length, noise = this.noise, rand; - for (i = 0, len = data.length; i < len; i += 4) { - rand = (0.5 - Math.random()) * noise; - data[i] += rand; - data[i + 1] += rand; - data[i + 2] += rand; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uNoise: gl.getUniformLocation(program, 'uNoise'), - uSeed: gl.getUniformLocation(program, 'uSeed'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uNoise, this.noise / 255); - gl.uniform1f(uniformLocations.uSeed, Math.random()); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return extend(this.callSuper('toObject'), { - noise: this.noise, - }); - }, - }); + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + * @type String + * @default + **/ + color: '#F95C63', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Noise.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Pixelate filter class - * @class fabric.Image.filters.Pixelate - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Pixelate({ - * blocksize: 8 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Pixelate = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Pixelate.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Pixelate', - blocksize: 4, - mainParameter: 'blocksize', - /** - * Fragment source for the Pixelate program - */ - fragmentSource: '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 * uStepW;\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' + - '}', - /** - * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, iLen = imageData.height, jLen = imageData.width, index, i, j, r, g, b, a, _i, _j, _iLen, _jLen; - for (i = 0; i < iLen; i += this.blocksize) { - for (j = 0; j < jLen; j += this.blocksize) { - index = i * 4 * jLen + j * 4; - r = data[index]; - g = data[index + 1]; - b = data[index + 2]; - a = data[index + 3]; - _iLen = Math.min(i + this.blocksize, iLen); - _jLen = Math.min(j + this.blocksize, jLen); - for (_i = i; _i < _iLen; _i++) { - for (_j = j; _j < _jLen; _j++) { - index = _i * 4 * jLen + _j * 4; - data[index] = r; - data[index + 1] = g; - data[index + 2] = b; - data[index + 3] = a; - } - } - } - } - }, - /** - * Indicate when the filter is not gonna apply changes to the image - **/ - isNeutralState: function () { - return this.blocksize === 1; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), - uStepW: gl.getUniformLocation(program, 'uStepW'), - uStepH: gl.getUniformLocation(program, 'uStepH'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); - }, - }); + * Blend mode for the filter: one of multiply, add, diff, screen, subtract, + * darken, lighten, overlay, exclusion, tint. + * @type String + * @default + **/ + mode: 'multiply', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Pixelate.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Remove white filter class - * @class fabric.Image.filters.RemoveColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.RemoveColor({ - * threshold: 0.2, - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.RemoveColor = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.RemoveColor.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'RemoveColor', - /** - * Color to remove, in any format understood by fabric.Color. - * @param {String} type - * @default - */ - color: '#FFFFFF', - /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uLow;\n' + - 'uniform vec4 uHigh;\n' + - 'varying vec2 vTexCoord;\n' + - 'void 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' + - '}', - /** - * distance to actual color, as value up or down from each r,g,b - * between 0 and 1 - **/ - distance: 0.02, - /** - * For color to remove inside distance, use alpha channel for a smoother deletion - * NOT IMPLEMENTED YET - **/ - useAlpha: false, - /** - * Constructor - * @memberOf fabric.Image.filters.RemoveWhite.prototype - * @param {Object} [options] Options object - * @param {Number} [options.color=#RRGGBB] Threshold value - * @param {Number} [options.distance=10] Distance value - */ - /** - * Applies filter to canvas element - * @param {Object} canvasEl Canvas element to apply filter to - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, i, distance = this.distance * 255, r, g, b, source = new Color(this.color).getSource(), lowC = [ - source[0] - distance, - source[1] - distance, - source[2] - distance, - ], highC = [ - source[0] + distance, - source[1] + distance, - source[2] + distance, - ]; - for (i = 0; i < data.length; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - if (r > lowC[0] && - g > lowC[1] && - b > lowC[2] && - r < highC[0] && - g < highC[1] && - b < highC[2]) { - data[i + 3] = 0; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uLow: gl.getUniformLocation(program, 'uLow'), - uHigh: gl.getUniformLocation(program, 'uHigh'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var source = new Color(this.color).getSource(), distance = parseFloat(this.distance), lowC = [ - 0 + source[0] / 255 - distance, - 0 + source[1] / 255 - distance, - 0 + source[2] / 255 - distance, - 1, - ], highC = [ - source[0] / 255 + distance, - source[1] / 255 + distance, - source[2] / 255 + distance, - 1, - ]; - gl.uniform4fv(uniformLocations.uLow, lowC); - gl.uniform4fv(uniformLocations.uHigh, highC); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return extend(this.callSuper('toObject'), { - color: this.color, - distance: this.distance, - }); - }, - }); + * alpha value. represent the strength of the blend color operation. + * @type Number + * @default + **/ + alpha: 1, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.RemoveColor.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - var matrices = { - Brownie: [ - 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, - -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0, - ], - Vintage: [ - 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0, - 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0, - ], - Kodachrome: [ - 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0, - 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0, - ], - Technicolor: [ - 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0, - -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0, - ], - Polaroid: [ - 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016, - 1.483, 0, 0, 0, 0, 0, 1, 0, - ], - Sepia: [ - 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, - 0, 0, 0, 0, 0, 1, 0, - ], - BlackWhite: [ - 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0, - 1, 0, - ], - }; - for (var key in matrices) { - filters[key] = createClass(filters.ColorMatrix, - /** @lends fabric.Image.filters.Sepia.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: key, - /** - * Colormatrix for the effect - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: matrices[key], - /** - * Lock the matrix export for this kind of static, parameter less filters. - */ - mainParameter: false, - /** - * Lock the colormatrix on the color part, skipping alpha - */ - colorsOnly: true, - }); - fabric.Image.filters[key].fromObject = - fabric.Image.filters.BaseFilter.fromObject; - } -})(typeof exports !== 'undefined' ? exports : window); + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', + screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', + add: 'gl_FragColor.rgb += uColor.rgb;\n', + diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', + subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', + lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', + darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', + exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', + overlay: 'if (uColor.r < 0.5) {\n' + + 'gl_FragColor.r *= 2.0 * uColor.r;\n' + + '} else {\n' + + 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + + '}\n' + + 'if (uColor.g < 0.5) {\n' + + 'gl_FragColor.g *= 2.0 * uColor.g;\n' + + '} else {\n' + + 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + + '}\n' + + 'if (uColor.b < 0.5) {\n' + + 'gl_FragColor.b *= 2.0 * uColor.b;\n' + + '} else {\n' + + 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + + '}\n', + tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + + 'gl_FragColor.rgb += uColor.rgb;\n', + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Color Blend filter class - * @class fabric.Image.filter.BlendColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); + * build the fragment source for the filters, joining the common part with + * the specific one. + * @param {String} mode the mode of the filter, a key of this.fragmentSource + * @return {String} the source to be compiled + * @private + */ + buildSource: function(mode) { + return 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'gl_FragColor = color;\n' + + 'if (color.a > 0.0) {\n' + + this.fragmentSource[mode] + + '}\n' + + '}'; + }, + + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + var cacheKey = this.type + '_' + this.mode, shaderSource; + if (!options.programCache.hasOwnProperty(cacheKey)) { + shaderSource = this.buildSource(this.mode); + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + + /** + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.BlendColor = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Blend.prototype */ { - type: 'BlendColor', - /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - * @type String - * @default - **/ - color: '#F95C63', - /** - * Blend mode for the filter: one of multiply, add, diff, screen, subtract, - * darken, lighten, overlay, exclusion, tint. - * @type String - * @default - **/ - mode: 'multiply', - /** - * alpha value. represent the strength of the blend color operation. - * @type Number - * @default - **/ - alpha: 1, - /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', - screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', - add: 'gl_FragColor.rgb += uColor.rgb;\n', - diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', - subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', - lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', - darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', - exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', - overlay: 'if (uColor.r < 0.5) {\n' + - 'gl_FragColor.r *= 2.0 * uColor.r;\n' + - '} else {\n' + - 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + - '}\n' + - 'if (uColor.g < 0.5) {\n' + - 'gl_FragColor.g *= 2.0 * uColor.g;\n' + - '} else {\n' + - 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + - '}\n' + - 'if (uColor.b < 0.5) {\n' + - 'gl_FragColor.b *= 2.0 * uColor.b;\n' + - '} else {\n' + - 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + - '}\n', - tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + - 'gl_FragColor.rgb += uColor.rgb;\n', - }, - /** - * build the fragment source for the filters, joining the common part with - * the specific one. - * @param {String} mode the mode of the filter, a key of this.fragmentSource - * @return {String} the source to be compiled - * @private - */ - buildSource: function (mode) { - return ('precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'gl_FragColor = color;\n' + - 'if (color.a > 0.0) {\n' + - this.fragmentSource[mode] + - '}\n' + - '}'); - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var cacheKey = this.type + '_' + this.mode, shaderSource; - if (!options.programCache.hasOwnProperty(cacheKey)) { - shaderSource = this.buildSource(this.mode); - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, iLen = data.length, tr, tg, tb, r, g, b, source, alpha1 = 1 - this.alpha; - source = new Color(this.color).getSource(); - tr = source[0] * this.alpha; - tg = source[1] * this.alpha; - tb = source[2] * this.alpha; - for (var i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - switch (this.mode) { - case 'multiply': - data[i] = (r * tr) / 255; - data[i + 1] = (g * tg) / 255; - data[i + 2] = (b * tb) / 255; - break; - case 'screen': - data[i] = 255 - ((255 - r) * (255 - tr)) / 255; - data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255; - data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255; - break; - case 'add': - data[i] = r + tr; - data[i + 1] = g + tg; - data[i + 2] = b + tb; - break; - case 'diff': - case 'difference': - data[i] = Math.abs(r - tr); - data[i + 1] = Math.abs(g - tg); - data[i + 2] = Math.abs(b - tb); - break; - case 'subtract': - data[i] = r - tr; - data[i + 1] = g - tg; - data[i + 2] = b - tb; - break; - case 'darken': - data[i] = Math.min(r, tr); - data[i + 1] = Math.min(g, tg); - data[i + 2] = Math.min(b, tb); - break; - case 'lighten': - data[i] = Math.max(r, tr); - data[i + 1] = Math.max(g, tg); - data[i + 2] = Math.max(b, tb); - break; - case 'overlay': - data[i] = - tr < 128 - ? (2 * r * tr) / 255 - : 255 - (2 * (255 - r) * (255 - tr)) / 255; - data[i + 1] = - tg < 128 - ? (2 * g * tg) / 255 - : 255 - (2 * (255 - g) * (255 - tg)) / 255; - data[i + 2] = - tb < 128 - ? (2 * b * tb) / 255 - : 255 - (2 * (255 - b) * (255 - tb)) / 255; - break; - case 'exclusion': - data[i] = tr + r - (2 * tr * r) / 255; - data[i + 1] = tg + g - (2 * tg * g) / 255; - data[i + 2] = tb + b - (2 * tb * b) / 255; - break; - case 'tint': - data[i] = tr + r * alpha1; - data[i + 1] = tg + g * alpha1; - data[i + 2] = tb + b * alpha1; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uColor: gl.getUniformLocation(program, 'uColor'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var source = new Color(this.color).getSource(); - source[0] = (this.alpha * source[0]) / 255; - source[1] = (this.alpha * source[1]) / 255; - source[2] = (this.alpha * source[2]) / 255; - source[3] = this.alpha; - gl.uniform4fv(uniformLocations.uColor, source); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return { - type: this.type, - color: this.color, - mode: this.mode, - alpha: this.alpha, - }; - }, - }); + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, iLen = data.length, + tr, tg, tb, + r, g, b, + source, alpha1 = 1 - this.alpha; + + source = new fabric.Color(this.color).getSource(); + tr = source[0] * this.alpha; + tg = source[1] * this.alpha; + tb = source[2] * this.alpha; + + for (var i = 0; i < iLen; i += 4) { + + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + + switch (this.mode) { + case 'multiply': + data[i] = r * tr / 255; + data[i + 1] = g * tg / 255; + data[i + 2] = b * tb / 255; + break; + case 'screen': + data[i] = 255 - (255 - r) * (255 - tr) / 255; + data[i + 1] = 255 - (255 - g) * (255 - tg) / 255; + data[i + 2] = 255 - (255 - b) * (255 - tb) / 255; + break; + case 'add': + data[i] = r + tr; + data[i + 1] = g + tg; + data[i + 2] = b + tb; + break; + case 'diff': + case 'difference': + data[i] = Math.abs(r - tr); + data[i + 1] = Math.abs(g - tg); + data[i + 2] = Math.abs(b - tb); + break; + case 'subtract': + data[i] = r - tr; + data[i + 1] = g - tg; + data[i + 2] = b - tb; + break; + case 'darken': + data[i] = Math.min(r, tr); + data[i + 1] = Math.min(g, tg); + data[i + 2] = Math.min(b, tb); + break; + case 'lighten': + data[i] = Math.max(r, tr); + data[i + 1] = Math.max(g, tg); + data[i + 2] = Math.max(b, tb); + break; + case 'overlay': + data[i] = tr < 128 ? (2 * r * tr / 255) : (255 - 2 * (255 - r) * (255 - tr) / 255); + data[i + 1] = tg < 128 ? (2 * g * tg / 255) : (255 - 2 * (255 - g) * (255 - tg) / 255); + data[i + 2] = tb < 128 ? (2 * b * tb / 255) : (255 - 2 * (255 - b) * (255 - tb) / 255); + break; + case 'exclusion': + data[i] = tr + r - ((2 * tr * r) / 255); + data[i + 1] = tg + g - ((2 * tg * g) / 255); + data[i + 2] = tb + b - ((2 * tb * b) / 255); + break; + case 'tint': + data[i] = tr + r * alpha1; + data[i + 1] = tg + g * alpha1; + data[i + 2] = tb + b * alpha1; + } + } + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - fabric.Image.filters.BlendColor.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); + getUniformLocations: function(gl, program) { + return { + uColor: gl.getUniformLocation(program, 'uColor'), + }; + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Image Blend filter class - * @class fabric.Image.filter.BlendImage - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); + * Send data from this filter to its shader program's uniforms. * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.BlendImage = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.BlendImage.prototype */ { - type: 'BlendImage', - /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - **/ - image: null, - /** - * Blend mode for the filter (one of "multiply", "mask") - * @type String - * @default - **/ - mode: 'multiply', - /** - * alpha value. represent the strength of the blend image operation. - * not implemented. - **/ - alpha: 1, - vertexSource: 'attribute vec2 aPosition;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'uniform mat3 uTransformMatrix;\n' + - 'void main() {\n' + - 'vTexCoord = aPosition;\n' + - 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + - 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + - '}', - /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.rgba *= color2.rgba;\n' + - 'gl_FragColor = color;\n' + - '}', - mask: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.a = color2.a;\n' + - 'gl_FragColor = color;\n' + - '}', - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var cacheKey = this.type + '_' + this.mode; - var shaderSource = this.fragmentSource[this.mode]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - applyToWebGL: function (options) { - // load texture to blend. - var gl = options.context, texture = this.createTexture(options.filterBackend, this.image); - this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); - this.callSuper('applyToWebGL', options); - this.unbindAdditionalTexture(gl, gl.TEXTURE1); - }, - createTexture: function (backend, image) { - return backend.getCachedTexture(image.cacheKey, image._element); - }, - /** - * Calculate a transformMatrix to adapt the image to blend over - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - calculateMatrix: function () { - var image = this.image, width = image._element.width, height = image._element.height; - return [ - 1 / image.scaleX, - 0, - 0, - 0, - 1 / image.scaleY, - 0, - -image.left / width, - -image.top / height, - 1, - ]; - }, - /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, resources = options.filterBackend.resources, data = imageData.data, iLen = data.length, width = imageData.width, height = imageData.height, tr, tg, tb, ta, r, g, b, a, canvas1, context, image = this.image, blendData; - if (!resources.blendImage) { - resources.blendImage = fabric.util.createCanvasElement(); - } - canvas1 = resources.blendImage; - context = canvas1.getContext('2d'); - if (canvas1.width !== width || canvas1.height !== height) { - canvas1.width = width; - canvas1.height = height; - } - else { - context.clearRect(0, 0, width, height); - } - context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); - context.drawImage(image._element, 0, 0, width, height); - blendData = context.getImageData(0, 0, width, height).data; - for (var i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - a = data[i + 3]; - tr = blendData[i]; - tg = blendData[i + 1]; - tb = blendData[i + 2]; - ta = blendData[i + 3]; - switch (this.mode) { - case 'multiply': - data[i] = (r * tr) / 255; - data[i + 1] = (g * tg) / 255; - data[i + 2] = (b * tb) / 255; - data[i + 3] = (a * ta) / 255; - break; - case 'mask': - data[i + 3] = ta; - break; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), - uImage: gl.getUniformLocation(program, 'uImage'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var matrix = this.calculateMatrix(); - gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. - gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return { - type: this.type, - image: this.image && this.image.toObject(), - mode: this.mode, - alpha: this.alpha, - }; - }, - }); + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var source = new fabric.Color(this.color).getSource(); + source[0] = this.alpha * source[0] / 255; + source[1] = this.alpha * source[1] / 255; + source[2] = this.alpha * source[2] / 255; + source[3] = this.alpha; + gl.uniform4fv(uniformLocations.uColor, source); + }, + /** - * Create filter instance from an object representation - * @static - * @param {object} object Object to create an instance from - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.filters.BlendImage.fromObject = function (object, options) { - return fabric.Image.fromObject(object.image, options).then(function (image) { - return new fabric.Image.filters.BlendImage(Object.assign({}, object, { image: image })); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + return { + type: this.type, + color: this.color, + mode: this.mode, + alpha: this.alpha + }; + } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.BlendColor} Instance of fabric.Image.filters.BlendColor + */ + fabric.Image.filters.BlendColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + 'use strict'; + + var fabric = global.fabric, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Image Blend filter class + * @class fabric.Image.filter.BlendImage + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' + * }); + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + + filters.BlendImage = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.BlendImage.prototype */ { + type: 'BlendImage', -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), pow = Math.pow, floor = Math.floor, sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, ceil = Math.ceil, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Resize image filter class - * @class fabric.Image.filters.Resize - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Resize(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Resize = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Resize.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Resize', - /** - * Resize type - * for webgl resizeType is just lanczos, for canvas2d can be: - * bilinear, hermite, sliceHack, lanczos. - * @param {String} resizeType - * @default - */ - resizeType: 'hermite', - /** - * Scale factor for resizing, x axis - * @param {Number} scaleX - * @default - */ - scaleX: 1, - /** - * Scale factor for resizing, y axis - * @param {Number} scaleY - * @default - */ - scaleY: 1, - /** - * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos - * @param {Number} lanczosLobes - * @default - */ - lanczosLobes: 3, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uDelta: gl.getUniformLocation(program, 'uDelta'), - uTaps: gl.getUniformLocation(program, 'uTaps'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); - gl.uniform1fv(uniformLocations.uTaps, this.taps); - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var fragmentShader = this.generateShader(filterWindow); - options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); - } - return options.programCache[cacheKey]; - }, - getFilterWindow: function () { - var scale = this.tempScale; - return Math.ceil(this.lanczosLobes / scale); - }, - getTaps: function () { - var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); - for (var i = 1; i <= filterWindow; i++) { - taps[i - 1] = lobeFunction(i * scale); - } - return taps; - }, - /** - * Generate vertex and shader sources from the necessary steps numbers - * @param {Number} filterWindow - */ - generateShader: function (filterWindow) { - var offsets = new Array(filterWindow), fragmentShader = this.fragmentSourceTOP, filterWindow; - for (var i = 1; i <= filterWindow; i++) { - offsets[i - 1] = i + '.0 * uDelta'; - } - fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; - fragmentShader += 'void main() {\n'; - fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; - fragmentShader += ' float sum = 1.0;\n'; - offsets.forEach(function (offset, i) { - fragmentShader += - ' color += texture2D(uTexture, vTexCoord + ' + - offset + - ') * uTaps[' + - i + - '];\n'; - fragmentShader += - ' color += texture2D(uTexture, vTexCoord - ' + - offset + - ') * uTaps[' + - i + - '];\n'; - fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; - }); - fragmentShader += ' gl_FragColor = color / sum;\n'; - fragmentShader += '}'; - return fragmentShader; - }, - fragmentSourceTOP: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n', - /** - * Apply the resize filter to the image - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function (options) { - if (options.webgl) { - options.passes++; - this.width = options.sourceWidth; - this.horizontal = true; - this.dW = Math.round(this.width * this.scaleX); - this.dH = options.sourceHeight; - this.tempScale = this.dW / this.width; - this.taps = this.getTaps(); - options.destinationWidth = this.dW; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceWidth = options.destinationWidth; - this.height = options.sourceHeight; - this.horizontal = false; - this.dH = Math.round(this.height * this.scaleY); - this.tempScale = this.dH / this.height; - this.taps = this.getTaps(); - options.destinationHeight = this.dH; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceHeight = options.destinationHeight; - } - else { - this.applyTo2d(options); - } - }, - isNeutralState: function () { - return this.scaleX === 1 && this.scaleY === 1; - }, - lanczosCreate: function (lobes) { - return function (x) { - if (x >= lobes || x <= -lobes) { - return 0.0; - } - if (x < 1.1920929e-7 && x > -1.1920929e-7) { - return 1.0; - } - x *= Math.PI; - var xx = x / lobes; - return ((sin(x) / x) * sin(xx)) / xx; - }; - }, - /** - * Applies filter to canvas element - * @memberOf fabric.Image.filters.Resize.prototype - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} scaleX - * @param {Number} scaleY - */ - applyTo2d: function (options) { - var imageData = options.imageData, scaleX = this.scaleX, scaleY = this.scaleY; - this.rcpScaleX = 1 / scaleX; - this.rcpScaleY = 1 / scaleY; - var oW = imageData.width, oH = imageData.height, dW = round(oW * scaleX), dH = round(oH * scaleY), newData; - if (this.resizeType === 'sliceHack') { - newData = this.sliceByTwo(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'hermite') { - newData = this.hermiteFastResize(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'bilinear') { - newData = this.bilinearFiltering(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'lanczos') { - newData = this.lanczosResize(options, oW, oH, dW, dH); - } - options.imageData = newData; - }, - /** - * Filter sliceByTwo - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - sliceByTwo: function (options, oW, oH, dW, dH) { - var imageData = options.imageData, mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, stepH = oH * mult, resources = fabric.filterBackend.resources, tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; - if (!resources.sliceByTwo) { - resources.sliceByTwo = document.createElement('canvas'); - } - tmpCanvas = resources.sliceByTwo; - if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { - tmpCanvas.width = oW * 1.5; - tmpCanvas.height = oH; - } - ctx = tmpCanvas.getContext('2d'); - ctx.clearRect(0, 0, oW * 1.5, oH); - ctx.putImageData(imageData, 0, 0); - dW = floor(dW); - dH = floor(dH); - while (!doneW || !doneH) { - oW = stepW; - oH = stepH; - if (dW < floor(stepW * mult)) { - stepW = floor(stepW * mult); - } - else { - stepW = dW; - doneW = true; - } - if (dH < floor(stepH * mult)) { - stepH = floor(stepH * mult); - } - else { - stepH = dH; - doneH = true; - } - ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); - sX = dX; - sY = dY; - dY += stepH; - } - return ctx.getImageData(sX, sY, dW, dH); - }, - /** - * Filter lanczosResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - lanczosResize: function (options, oW, oH, dW, dH) { - function process(u) { - var v, i, weight, idx, a, red, green, blue, alpha, fX, fY; - center.x = (u + 0.5) * ratioX; - icenter.x = floor(center.x); - for (v = 0; v < dH; v++) { - center.y = (v + 0.5) * ratioY; - icenter.y = floor(center.y); - a = 0; - red = 0; - green = 0; - blue = 0; - alpha = 0; - for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { - if (i < 0 || i >= oW) { - continue; - } - fX = floor(1000 * abs(i - center.x)); - if (!cacheLanc[fX]) { - cacheLanc[fX] = {}; - } - for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { - if (j < 0 || j >= oH) { - continue; - } - fY = floor(1000 * abs(j - center.y)); - if (!cacheLanc[fX][fY]) { - cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); - } - weight = cacheLanc[fX][fY]; - if (weight > 0) { - idx = (j * oW + i) * 4; - a += weight; - red += weight * srcData[idx]; - green += weight * srcData[idx + 1]; - blue += weight * srcData[idx + 2]; - alpha += weight * srcData[idx + 3]; - } - } - } - idx = (v * dW + u) * 4; - destData[idx] = red / a; - destData[idx + 1] = green / a; - destData[idx + 2] = blue / a; - destData[idx + 3] = alpha / a; - } - if (++u < dW) { - return process(u); - } - else { - return destImg; - } - } - var srcData = options.imageData.data, destImg = options.ctx.createImageData(dW, dH), destData = destImg.data, lanczos = this.lanczosCreate(this.lanczosLobes), ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, range2X = ceil((ratioX * this.lanczosLobes) / 2), range2Y = ceil((ratioY * this.lanczosLobes) / 2), cacheLanc = {}, center = {}, icenter = {}; - return process(0); - }, - /** - * bilinearFiltering - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - bilinearFiltering: function (options, oW, oH, dW, dH) { - var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, color, offset = 0, origPix, ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, w4 = 4 * (oW - 1), img = options.imageData, pixels = img.data, destImage = options.ctx.createImageData(dW, dH), destPixels = destImage.data; - for (i = 0; i < dH; i++) { - for (j = 0; j < dW; j++) { - x = floor(ratioX * j); - y = floor(ratioY * i); - xDiff = ratioX * j - x; - yDiff = ratioY * i - y; - origPix = 4 * (y * oW + x); - for (chnl = 0; chnl < 4; chnl++) { - a = pixels[origPix + chnl]; - b = pixels[origPix + 4 + chnl]; - c = pixels[origPix + w4 + chnl]; - d = pixels[origPix + w4 + 4 + chnl]; - color = - a * (1 - xDiff) * (1 - yDiff) + - b * xDiff * (1 - yDiff) + - c * yDiff * (1 - xDiff) + - d * xDiff * yDiff; - destPixels[offset++] = color; - } - } - } - return destImage; - }, - /** - * hermiteFastResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - hermiteFastResize: function (options, oW, oH, dW, dH) { - var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, ratioWHalf = ceil(ratioW / 2), ratioHHalf = ceil(ratioH / 2), img = options.imageData, data = img.data, img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; - for (var j = 0; j < dH; j++) { - for (var i = 0; i < dW; i++) { - var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; - for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { - var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, centerX = (i + 0.5) * ratioW, w0 = dy * dy; - for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { - var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, w = sqrt(w0 + dx * dx); - /* eslint-disable max-depth */ - if (w > 1 && w < -1) { - continue; - } - //hermite filter - weight = 2 * w * w * w - 3 * w * w + 1; - if (weight > 0) { - dx = 4 * (xx + yy * oW); - //alpha - gxA += weight * data[dx + 3]; - weightsAlpha += weight; - //colors - if (data[dx + 3] < 255) { - weight = (weight * data[dx + 3]) / 250; - } - gxR += weight * data[dx]; - gxG += weight * data[dx + 1]; - gxB += weight * data[dx + 2]; - weights += weight; - } - /* eslint-enable max-depth */ - } - } - data2[x2] = gxR / weights; - data2[x2 + 1] = gxG / weights; - data2[x2 + 2] = gxB / weights; - data2[x2 + 3] = gxA / weightsAlpha; - } - } - return img2; - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return { - type: this.type, - scaleX: this.scaleX, - scaleY: this.scaleY, - resizeType: this.resizeType, - lanczosLobes: this.lanczosLobes, - }; - }, - }); + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + **/ + image: null, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Resize.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Contrast filter class - * @class fabric.Image.filters.Contrast - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Contrast({ - * contrast: 0.25 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Contrast = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Contrast.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Contrast', - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uContrast;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + - 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * contrast value, range from -1 to 1. - * @param {Number} contrast - * @default 0 - */ - contrast: 0, - mainParameter: 'contrast', - /** - * Constructor - * @memberOf fabric.Image.filters.Contrast.prototype - * @param {Object} [options] Options object - * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) - */ - /** - * Apply the Contrast operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - if (this.contrast === 0) { - return; - } - var imageData = options.imageData, i, len, data = imageData.data, len = data.length, contrast = Math.floor(this.contrast * 255), contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast)); - for (i = 0; i < len; i += 4) { - data[i] = contrastF * (data[i] - 128) + 128; - data[i + 1] = contrastF * (data[i + 1] - 128) + 128; - data[i + 2] = contrastF * (data[i + 2] - 128) + 128; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uContrast: gl.getUniformLocation(program, 'uContrast'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uContrast, this.contrast); - }, - }); + * Blend mode for the filter (one of "multiply", "mask") + * @type String + * @default + **/ + mode: 'multiply', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Contrast.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Saturate filter class - * @class fabric.Image.filters.Saturation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Saturation({ - * saturation: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Saturation = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Saturation.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Saturation', - fragmentSource: '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' + - '}', - /** - * Saturation value, from -1 to 1. - * Increases/decreases the color saturation. - * A value of 0 has no effect. - * - * @param {Number} saturation - * @default - */ - saturation: 0, - mainParameter: 'saturation', - /** - * Constructor - * @memberOf fabric.Image.filters.Saturate.prototype - * @param {Object} [options] Options object - * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) - */ - /** - * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.saturation === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.saturation, i, max; - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uSaturation: gl.getUniformLocation(program, 'uSaturation'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uSaturation, -this.saturation); - }, - }); + * alpha value. represent the strength of the blend image operation. + * not implemented. + **/ + alpha: 1, + + vertexSource: 'attribute vec2 aPosition;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'uniform mat3 uTransformMatrix;\n' + + 'void main() {\n' + + 'vTexCoord = aPosition;\n' + + 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + + 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + + '}', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Saturation.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Vibrance filter class - * @class fabric.Image.filters.Vibrance - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Vibrance({ - * vibrance: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Vibrance = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Vibrance.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Vibrance', - fragmentSource: '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' + - '}', - /** - * Vibrance value, from -1 to 1. - * Increases/decreases the saturation of more muted colors with less effect on saturated colors. - * A value of 0 has no effect. - * - * @param {Number} vibrance - * @default - */ - vibrance: 0, - mainParameter: 'vibrance', - /** - * Constructor - * @memberOf fabric.Image.filters.Vibrance.prototype - * @param {Object} [options] Options object - * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) - */ - /** - * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.vibrance === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.vibrance, i, max, avg, amt; - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - avg = (data[i] + data[i + 1] + data[i + 2]) / 3; - amt = ((Math.abs(max - avg) * 2) / 255) * adjust; - data[i] += max !== data[i] ? (max - data[i]) * amt : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uVibrance: gl.getUniformLocation(program, 'uVibrance'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); - }, - }); + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.rgba *= color2.rgba;\n' + + 'gl_FragColor = color;\n' + + '}', + mask: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.a = color2.a;\n' + + 'gl_FragColor = color;\n' + + '}', + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Vibrance.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Blur filter class - * @class fabric.Image.filters.Blur - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Blur({ - * blur: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Blur = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Blur.prototype */ { - type: 'Blur', - /* - 'gl_FragColor = vec4(0.0);', - 'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', - 'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', - 'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', - 'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', - 'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', - 'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', - 'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', - 'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', - 'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', - 'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', - 'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', - 'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', - 'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', - 'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', - 'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', - */ - /* eslint-disable max-len */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n' + - 'const float nSamples = 15.0;\n' + - 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + - 'float random(vec3 scale) {\n' + - /* use the fragment position for a different seed per-pixel */ - 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = vec4(0.0);\n' + - 'float total = 0.0;\n' + - 'float offset = random(v3offset);\n' + - 'for (float t = -nSamples; t <= nSamples; t++) {\n' + - 'float percent = (t + offset - 0.5) / nSamples;\n' + - 'float weight = 1.0 - abs(percent);\n' + - 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + - 'total += weight;\n' + - '}\n' + - 'gl_FragColor = color / total;\n' + - '}', - /* eslint-enable max-len */ - /** - * blur value, in percentage of image dimensions. - * specific to keep the image blur constant at different resolutions - * range between 0 and 1. - * @type Number - * @default - */ - blur: 0, - mainParameter: 'blur', - applyTo: function (options) { - if (options.webgl) { - // this aspectRatio is used to give the same blur to vertical and horizontal - this.aspectRatio = options.sourceWidth / options.sourceHeight; - options.passes++; - this._setupFrameBuffer(options); - this.horizontal = true; - this.applyToWebGL(options); - this._swapTextures(options); - this._setupFrameBuffer(options); - this.horizontal = false; - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - }, - applyTo2d: function (options) { - // paint canvasEl with current image data. - //options.ctx.putImageData(options.imageData, 0, 0); - options.imageData = this.simpleBlur(options); - }, - simpleBlur: function (options) { - var resources = options.filterBackend.resources, canvas1, canvas2, width = options.imageData.width, height = options.imageData.height; - if (!resources.blurLayer1) { - resources.blurLayer1 = fabric.util.createCanvasElement(); - resources.blurLayer2 = fabric.util.createCanvasElement(); - } - canvas1 = resources.blurLayer1; - canvas2 = resources.blurLayer2; - if (canvas1.width !== width || canvas1.height !== height) { - canvas2.width = canvas1.width = width; - canvas2.height = canvas1.height = height; - } - var ctx1 = canvas1.getContext('2d'), ctx2 = canvas2.getContext('2d'), nSamples = 15, random, percent, j, i, blur = this.blur * 0.06 * 0.5; - // load first canvas - ctx1.putImageData(options.imageData, 0, 0); - ctx2.clearRect(0, 0, width, height); - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * width + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, j, random); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * height + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, random, j); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - options.ctx.drawImage(canvas1, 0, 0); - var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); - ctx1.globalAlpha = 1; - ctx1.clearRect(0, 0, canvas1.width, canvas1.height); - return newImageData; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - delta: gl.getUniformLocation(program, 'uDelta'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var delta = this.chooseRightDelta(); - gl.uniform2fv(uniformLocations.delta, delta); - }, - /** - * choose right value of image percentage to blur with - * @returns {Array} a numeric array with delta values - */ - chooseRightDelta: function () { - var blurScale = 1, delta = [0, 0], blur; - if (this.horizontal) { - if (this.aspectRatio > 1) { - // image is wide, i want to shrink radius horizontal - blurScale = 1 / this.aspectRatio; - } - } - else { - if (this.aspectRatio < 1) { - // image is tall, i want to shrink radius vertical - blurScale = this.aspectRatio; - } - } - blur = blurScale * this.blur * 0.12; - if (this.horizontal) { - delta[0] = blur; - } - else { - delta[1] = blur; - } - return delta; - }, - }); + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + var cacheKey = this.type + '_' + this.mode; + var shaderSource = this.fragmentSource[this.mode]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + + applyToWebGL: function(options) { + // load texture to blend. + var gl = options.context, + texture = this.createTexture(options.filterBackend, this.image); + this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); + this.callSuper('applyToWebGL', options); + this.unbindAdditionalTexture(gl, gl.TEXTURE1); + }, + + createTexture: function(backend, image) { + return backend.getCachedTexture(image.cacheKey, image._element); + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Gamma filter class - * @class fabric.Image.filters.Gamma - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Gamma({ - * gamma: [1, 0.5, 2.1] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Gamma = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Gamma.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Gamma', - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec3 uGamma;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec3 correction = (1.0 / uGamma);\n' + - 'color.r = pow(color.r, correction.r);\n' + - 'color.g = pow(color.g, correction.g);\n' + - 'color.b = pow(color.b, correction.b);\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.rgb *= color.a;\n' + - '}', - /** - * Gamma array value, from 0.01 to 2.2. - * @param {Array} gamma - * @default - */ - gamma: [1, 1, 1], - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'gamma', - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function (options) { - this.gamma = [1, 1, 1]; - filters.BaseFilter.prototype.initialize.call(this, options); - }, - /** - * Apply the Gamma operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, gamma = this.gamma, len = data.length, rInv = 1 / gamma[0], gInv = 1 / gamma[1], bInv = 1 / gamma[2], i; - if (!this.rVals) { - // eslint-disable-next-line - this.rVals = new Uint8Array(256); - // eslint-disable-next-line - this.gVals = new Uint8Array(256); - // eslint-disable-next-line - this.bVals = new Uint8Array(256); - } - // This is an optimization - pre-compute a look-up table for each color channel - // instead of performing these pow calls for each pixel in the image. - for (i = 0, len = 256; i < len; i++) { - this.rVals[i] = Math.pow(i / 255, rInv) * 255; - this.gVals[i] = Math.pow(i / 255, gInv) * 255; - this.bVals[i] = Math.pow(i / 255, bInv) * 255; - } - for (i = 0, len = data.length; i < len; i += 4) { - data[i] = this.rVals[data[i]]; - data[i + 1] = this.gVals[data[i + 1]]; - data[i + 2] = this.bVals[data[i + 2]]; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uGamma: gl.getUniformLocation(program, 'uGamma'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform3fv(uniformLocations.uGamma, this.gamma); - }, - }); + * Calculate a transformMatrix to adapt the image to blend over + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + calculateMatrix: function() { + var image = this.image, + width = image._element.width, + height = image._element.height; + return [ + 1 / image.scaleX, 0, 0, + 0, 1 / image.scaleY, 0, + -image.left / width, -image.top / height, 1 + ]; + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Gamma.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * A container class that knows how to apply a sequence of filters to an input image. - */ - filters.Composed = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Composed.prototype */ { - type: 'Composed', - /** - * A non sparse array of filters to apply - */ - subFilters: [], - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function (options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.subFilters = this.subFilters.slice(0); - }, - /** - * Apply this container's filters to the input image provided. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be applied. - */ - applyTo: function (options) { - options.passes += this.subFilters.length - 1; - this.subFilters.forEach(function (filter) { - filter.applyTo(options); - }); - }, - /** - * Serialize this filter into JSON. - * - * @returns {Object} A JSON representation of this filter. - */ - toObject: function () { - return fabric.util.object.extend(this.callSuper('toObject'), { - subFilters: this.subFilters.map(function (filter) { - return filter.toObject(); - }), - }); - }, - isNeutralState: function () { - return !this.subFilters.some(function (filter) { - return !filter.isNeutralState(); - }); - }, - }); + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + resources = options.filterBackend.resources, + data = imageData.data, iLen = data.length, + width = imageData.width, + height = imageData.height, + tr, tg, tb, ta, + r, g, b, a, + canvas1, context, image = this.image, blendData; + + if (!resources.blendImage) { + resources.blendImage = fabric.util.createCanvasElement(); + } + canvas1 = resources.blendImage; + context = canvas1.getContext('2d'); + if (canvas1.width !== width || canvas1.height !== height) { + canvas1.width = width; + canvas1.height = height; + } + else { + context.clearRect(0, 0, width, height); + } + context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); + context.drawImage(image._element, 0, 0, width, height); + blendData = context.getImageData(0, 0, width, height).data; + for (var i = 0; i < iLen; i += 4) { + + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + a = data[i + 3]; + + tr = blendData[i]; + tg = blendData[i + 1]; + tb = blendData[i + 2]; + ta = blendData[i + 3]; + + switch (this.mode) { + case 'multiply': + data[i] = r * tr / 255; + data[i + 1] = g * tg / 255; + data[i + 2] = b * tb / 255; + data[i + 3] = a * ta / 255; + break; + case 'mask': + data[i + 3] = ta; + break; + } + } + }, + /** - * Deserialize a JSON definition of a ComposedFilter into a concrete instance. - * @static - * @param {oject} object Object to create an instance from - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.filters.Composed.fromObject = function (object, options) { - var filters = object.subFilters || []; - return Promise.all(filters.map(function (filter) { - return fabric.Image.filters[filter.type].fromObject(filter, options); - })).then(function (enlivedFilters) { - return new fabric.Image.filters.Composed({ subFilters: enlivedFilters }); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * HueRotation filter class - * @class fabric.Image.filters.HueRotation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.HueRotation({ - * rotation: -0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.HueRotation = createClass(filters.ColorMatrix, - /** @lends fabric.Image.filters.HueRotation.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'HueRotation', - /** - * HueRotation value, from -1 to 1. - * the unit is radians - * @param {Number} myParameter - * @default - */ - rotation: 0, - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'rotation', - calculateMatrix: function () { - var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; - this.matrix = [ - 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, - ]; - this.matrix[0] = cos + OneMinusCos / 3; - this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[6] = cos + aThird * OneMinusCos; - this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[12] = cos + aThird * OneMinusCos; - }, - /** - * HueRotation isNeutralState implementation - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * @param {Object} options - **/ - isNeutralState: function (options) { - this.calculateMatrix(); - return filters.BaseFilter.prototype.isNeutralState.call(this, options); - }, - /** - * Apply this filter to the input image data provided. - * - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function (options) { - this.calculateMatrix(); - filters.BaseFilter.prototype.applyTo.call(this, options); - }, + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), + uImage: gl.getUniformLocation(program, 'uImage'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var matrix = this.calculateMatrix(); + gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. + gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); + }, + + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + return { + type: this.type, + image: this.image && this.image.toObject(), + mode: this.mode, + alpha: this.alpha + }; + } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} callback to be invoked after filter creation + * @return {fabric.Image.filters.BlendImage} Instance of fabric.Image.filters.BlendImage + */ + fabric.Image.filters.BlendImage.fromObject = function(object, callback) { + fabric.Image.fromObject(object.image, function(image) { + var options = fabric.util.object.clone(object); + options.image = image; + callback(new fabric.Image.filters.BlendImage(options)); }); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), pow = Math.pow, floor = Math.floor, + sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, + ceil = Math.ceil, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Resize image filter class + * @class fabric.Image.filters.Resize + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Resize(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Resize = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Resize.prototype */ { + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Filter type + * @param {String} type + * @default */ - fabric.Image.filters.HueRotation.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); + type: 'Resize', -class TextStyleMixin extends InteractiveFabricObject { /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * Resize type + * for webgl resizeType is just lanczos, for canvas2d can be: + * bilinear, hermite, sliceHack, lanczos. + * @param {String} resizeType + * @default */ - isEmptyStyles(lineIndex) { - if (!this.styles) { - return true; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return true; - } - const obj = typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (const p1 in obj) { - for (const p2 in obj[p1]) { - // eslint-disable-next-line no-unused-vars - for (const p3 in obj[p1][p2]) { - return false; - } - } - } - return true; - } + resizeType: 'hermite', + /** - * Returns true if object has a style property or has it ina specified line - * This function is used to detect if a text will use a particular property or not. - * @param {String} property to check for - * @param {Number} lineIndex to check the style on - * @return {Boolean} + * Scale factor for resizing, x axis + * @param {Number} scaleX + * @default */ - styleHas(property, lineIndex) { - if (!this.styles || !property || property === '') { - return false; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return false; - } - const obj = typeof lineIndex === 'undefined' - ? this.styles - : { 0: this.styles[lineIndex] }; - // eslint-disable-next-line - for (const p1 in obj) { - // eslint-disable-next-line - for (const p2 in obj[p1]) { - if (typeof obj[p1][p2][property] !== 'undefined') { - return true; - } - } - } - return false; - } + scaleX: 1, + /** - * Check if characters in a text have a value for a property - * whose value matches the textbox's value for that property. If so, - * the character-level property is deleted. If the character - * has no other properties, then it is also deleted. Finally, - * if the line containing that character has no other characters - * then it also is deleted. - * - * @param {string} property The property to compare between characters and text. + * Scale factor for resizing, y axis + * @param {Number} scaleY + * @default */ - cleanStyle(property) { - if (!this.styles || !property || property === '') { - return false; - } - const obj = this.styles; - let stylesCount = 0, letterCount, stylePropertyValue, allStyleObjectPropertiesMatch = true, graphemeCount = 0; - for (const p1 in obj) { - letterCount = 0; - for (const p2 in obj[p1]) { - const styleObject = obj[p1][p2], stylePropertyHasBeenSet = Object.prototype.hasOwnProperty.call(styleObject, property); - stylesCount++; - if (stylePropertyHasBeenSet) { - if (!stylePropertyValue) { - stylePropertyValue = styleObject[property]; - } - else if (styleObject[property] !== stylePropertyValue) { - allStyleObjectPropertiesMatch = false; - } - if (styleObject[property] === this[property]) { - delete styleObject[property]; - } - } - else { - allStyleObjectPropertiesMatch = false; - } - if (Object.keys(styleObject).length !== 0) { - letterCount++; - } - else { - delete obj[p1][p2]; - } - } - if (letterCount === 0) { - delete obj[p1]; - } - } - // if every grapheme has the same style set then - // delete those styles and set it on the parent - for (let i = 0; i < this._textLines.length; i++) { - graphemeCount += this._textLines[i].length; - } - if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; - this.removeStyle(property); - } - } + scaleY: 1, + /** - * Remove a style property or properties from all individual character styles - * in a text object. Deletes the character style object if it contains no other style - * props. Deletes a line style object if it contains no other character styles. - * - * @param {String} props The property to remove from character styles. + * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos + * @param {Number} lanczosLobes + * @default */ - removeStyle(property) { - if (!this.styles || !property || property === '') { - return; - } - const obj = this.styles; - let line, lineNum, charNum; - for (lineNum in obj) { - line = obj[lineNum]; - for (charNum in line) { - delete line[charNum][property]; - if (Object.keys(line[charNum]).length === 0) { - delete line[charNum]; - } - } - if (Object.keys(line).length === 0) { - delete obj[lineNum]; - } - } - } - _extendStyles(index, styles) { - const { lineIndex, charIndex } = this.get2DCursorLocation(index); - if (!this._getLineStyle(lineIndex)) { - this._setLineStyle(lineIndex); - } - if (!this._getStyleDeclaration(lineIndex, charIndex)) { - this._setStyleDeclaration(lineIndex, charIndex, {}); - } - return Object.assign(this._getStyleDeclaration(lineIndex, charIndex) || {}, styles); - } + lanczosLobes: 3, + + /** - * Gets style of a current selection/cursor (at the start position) - * @param {Number} startIndex Start index to get styles at - * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects - */ - getSelectionStyles(startIndex, endIndex, complete) { - const styles = []; - for (let i = startIndex; i < (endIndex || startIndex); i++) { - styles.push(this.getStyleAtPosition(i, complete)); - } - return styles; - } + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uDelta: gl.getUniformLocation(program, 'uDelta'), + uTaps: gl.getUniformLocation(program, 'uTaps'), + }; + }, + /** - * Gets style of a current selection/cursor position - * @param {Number} position to get styles at - * @param {Boolean} [complete] full style if true - * @return {Object} style Style object at a specified index - * @private + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - getStyleAtPosition(position, complete) { - const { lineIndex, charIndex } = this.get2DCursorLocation(position); - return ((complete - ? this.getCompleteStyleDeclaration(lineIndex, charIndex) - : this._getStyleDeclaration(lineIndex, charIndex)) || {}); - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); + gl.uniform1fv(uniformLocations.uTaps, this.taps); + }, + /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} styles Styles object - * @param {Number} startIndex Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1 + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var fragmentShader = this.generateShader(filterWindow); + options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); + } + return options.programCache[cacheKey]; + }, + + getFilterWindow: function() { + var scale = this.tempScale; + return Math.ceil(this.lanczosLobes / scale); + }, + + getTaps: function() { + var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, + filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); + for (var i = 1; i <= filterWindow; i++) { + taps[i - 1] = lobeFunction(i * scale); + } + return taps; + }, + + /** + * Generate vertex and shader sources from the necessary steps numbers + * @param {Number} filterWindow */ - setSelectionStyles(styles, startIndex, endIndex) { - for (let i = startIndex; i < (endIndex || startIndex); i++) { - this._extendStyles(i, styles); - } - /* not included in _extendStyles to avoid clearing cache more than once */ - this._forceClearCache = true; - } + generateShader: function(filterWindow) { + var offsets = new Array(filterWindow), + fragmentShader = this.fragmentSourceTOP, filterWindow; + + for (var i = 1; i <= filterWindow; i++) { + offsets[i - 1] = i + '.0 * uDelta'; + } + + fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; + fragmentShader += 'void main() {\n'; + fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; + fragmentShader += ' float sum = 1.0;\n'; + + offsets.forEach(function(offset, i) { + fragmentShader += ' color += texture2D(uTexture, vTexCoord + ' + offset + ') * uTaps[' + i + '];\n'; + fragmentShader += ' color += texture2D(uTexture, vTexCoord - ' + offset + ') * uTaps[' + i + '];\n'; + fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; + }); + fragmentShader += ' gl_FragColor = color / sum;\n'; + fragmentShader += '}'; + return fragmentShader; + }, + + fragmentSourceTOP: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n', + /** - * get the reference, not a clone, of the style object for a given character - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Object} style object + * Apply the resize filter to the image + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function(options) { + if (options.webgl) { + options.passes++; + this.width = options.sourceWidth; + this.horizontal = true; + this.dW = Math.round(this.width * this.scaleX); + this.dH = options.sourceHeight; + this.tempScale = this.dW / this.width; + this.taps = this.getTaps(); + options.destinationWidth = this.dW; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceWidth = options.destinationWidth; + + this.height = options.sourceHeight; + this.horizontal = false; + this.dH = Math.round(this.height * this.scaleY); + this.tempScale = this.dH / this.height; + this.taps = this.getTaps(); + options.destinationHeight = this.dH; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceHeight = options.destinationHeight; + } + else { + this.applyTo2d(options); + } + }, + + isNeutralState: function() { + return this.scaleX === 1 && this.scaleY === 1; + }, + + lanczosCreate: function(lobes) { + return function(x) { + if (x >= lobes || x <= -lobes) { + return 0.0; + } + if (x < 1.19209290E-07 && x > -1.19209290E-07) { + return 1.0; + } + x *= Math.PI; + var xx = x / lobes; + return (sin(x) / x) * sin(xx) / xx; + }; + }, + + /** + * Applies filter to canvas element + * @memberOf fabric.Image.filters.Resize.prototype + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} scaleX + * @param {Number} scaleY */ - _getStyleDeclaration(lineIndex, charIndex) { - const lineStyle = this.styles && this.styles[lineIndex]; - if (!lineStyle) { - return null; + applyTo2d: function(options) { + var imageData = options.imageData, + scaleX = this.scaleX, + scaleY = this.scaleY; + + this.rcpScaleX = 1 / scaleX; + this.rcpScaleY = 1 / scaleY; + + var oW = imageData.width, oH = imageData.height, + dW = round(oW * scaleX), dH = round(oH * scaleY), + newData; + + if (this.resizeType === 'sliceHack') { + newData = this.sliceByTwo(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'hermite') { + newData = this.hermiteFastResize(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'bilinear') { + newData = this.bilinearFiltering(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'lanczos') { + newData = this.lanczosResize(options, oW, oH, dW, dH); + } + options.imageData = newData; + }, + + /** + * Filter sliceByTwo + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + sliceByTwo: function(options, oW, oH, dW, dH) { + var imageData = options.imageData, + mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, + stepH = oH * mult, resources = fabric.filterBackend.resources, + tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; + if (!resources.sliceByTwo) { + resources.sliceByTwo = document.createElement('canvas'); + } + tmpCanvas = resources.sliceByTwo; + if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { + tmpCanvas.width = oW * 1.5; + tmpCanvas.height = oH; + } + ctx = tmpCanvas.getContext('2d'); + ctx.clearRect(0, 0, oW * 1.5, oH); + ctx.putImageData(imageData, 0, 0); + + dW = floor(dW); + dH = floor(dH); + + while (!doneW || !doneH) { + oW = stepW; + oH = stepH; + if (dW < floor(stepW * mult)) { + stepW = floor(stepW * mult); } - return lineStyle[charIndex]; - } + else { + stepW = dW; + doneW = true; + } + if (dH < floor(stepH * mult)) { + stepH = floor(stepH * mult); + } + else { + stepH = dH; + doneH = true; + } + ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); + sX = dX; + sY = dY; + dY += stepH; + } + return ctx.getImageData(sX, sY, dW, dH); + }, + /** - * return a new object that contains all the style property for a character - * the object returned is newly created - * @param {Number} lineIndex of the line where the character is - * @param {Number} charIndex position of the character on the line - * @return {Object} style object + * Filter lanczosResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} */ - getCompleteStyleDeclaration(lineIndex, charIndex) { - const style = this._getStyleDeclaration(lineIndex, charIndex) || {}, styleObject = {}; - for (let i = 0; i < this._styleProperties.length; i++) { - const prop = this._styleProperties[i]; - styleObject[prop] = - typeof style[prop] === 'undefined' - ? this[prop] - : style[prop]; + lanczosResize: function(options, oW, oH, dW, dH) { + + function process(u) { + var v, i, weight, idx, a, red, green, + blue, alpha, fX, fY; + center.x = (u + 0.5) * ratioX; + icenter.x = floor(center.x); + for (v = 0; v < dH; v++) { + center.y = (v + 0.5) * ratioY; + icenter.y = floor(center.y); + a = 0; red = 0; green = 0; blue = 0; alpha = 0; + for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { + if (i < 0 || i >= oW) { + continue; + } + fX = floor(1000 * abs(i - center.x)); + if (!cacheLanc[fX]) { + cacheLanc[fX] = { }; + } + for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { + if (j < 0 || j >= oH) { + continue; + } + fY = floor(1000 * abs(j - center.y)); + if (!cacheLanc[fX][fY]) { + cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); + } + weight = cacheLanc[fX][fY]; + if (weight > 0) { + idx = (j * oW + i) * 4; + a += weight; + red += weight * srcData[idx]; + green += weight * srcData[idx + 1]; + blue += weight * srcData[idx + 2]; + alpha += weight * srcData[idx + 3]; + } + } + } + idx = (v * dW + u) * 4; + destData[idx] = red / a; + destData[idx + 1] = green / a; + destData[idx + 2] = blue / a; + destData[idx + 3] = alpha / a; } - return styleObject; - } + + if (++u < dW) { + return process(u); + } + else { + return destImg; + } + } + + var srcData = options.imageData.data, + destImg = options.ctx.createImageData(dW, dH), + destData = destImg.data, + lanczos = this.lanczosCreate(this.lanczosLobes), + ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, + rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, + range2X = ceil(ratioX * this.lanczosLobes / 2), + range2Y = ceil(ratioY * this.lanczosLobes / 2), + cacheLanc = { }, center = { }, icenter = { }; + + return process(0); + }, + /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private - */ - _setStyleDeclaration(lineIndex, charIndex, style) { - this.styles[lineIndex][charIndex] = style; - } + * bilinearFiltering + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + bilinearFiltering: function(options, oW, oH, dW, dH) { + var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, + color, offset = 0, origPix, ratioX = this.rcpScaleX, + ratioY = this.rcpScaleY, + w4 = 4 * (oW - 1), img = options.imageData, + pixels = img.data, destImage = options.ctx.createImageData(dW, dH), + destPixels = destImage.data; + for (i = 0; i < dH; i++) { + for (j = 0; j < dW; j++) { + x = floor(ratioX * j); + y = floor(ratioY * i); + xDiff = ratioX * j - x; + yDiff = ratioY * i - y; + origPix = 4 * (y * oW + x); + + for (chnl = 0; chnl < 4; chnl++) { + a = pixels[origPix + chnl]; + b = pixels[origPix + 4 + chnl]; + c = pixels[origPix + w4 + chnl]; + d = pixels[origPix + w4 + 4 + chnl]; + color = a * (1 - xDiff) * (1 - yDiff) + b * xDiff * (1 - yDiff) + + c * yDiff * (1 - xDiff) + d * xDiff * yDiff; + destPixels[offset++] = color; + } + } + } + return destImage; + }, + /** - * - * @param {Number} lineIndex - * @param {Number} charIndex - * @private + * hermiteFastResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + hermiteFastResize: function(options, oW, oH, dW, dH) { + var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, + ratioWHalf = ceil(ratioW / 2), + ratioHHalf = ceil(ratioH / 2), + img = options.imageData, data = img.data, + img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; + for (var j = 0; j < dH; j++) { + for (var i = 0; i < dW; i++) { + var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, + gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; + for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { + var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, + centerX = (i + 0.5) * ratioW, w0 = dy * dy; + for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { + var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, + w = sqrt(w0 + dx * dx); + /* eslint-disable max-depth */ + if (w > 1 && w < -1) { + continue; + } + //hermite filter + weight = 2 * w * w * w - 3 * w * w + 1; + if (weight > 0) { + dx = 4 * (xx + yy * oW); + //alpha + gxA += weight * data[dx + 3]; + weightsAlpha += weight; + //colors + if (data[dx + 3] < 255) { + weight = weight * data[dx + 3] / 250; + } + gxR += weight * data[dx]; + gxG += weight * data[dx + 1]; + gxB += weight * data[dx + 2]; + weights += weight; + } + /* eslint-enable max-depth */ + } + } + data2[x2] = gxR / weights; + data2[x2 + 1] = gxG / weights; + data2[x2 + 2] = gxB / weights; + data2[x2 + 3] = gxA / weightsAlpha; + } + } + return img2; + }, + + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance */ - _deleteStyleDeclaration(lineIndex, charIndex) { - delete this.styles[lineIndex][charIndex]; + toObject: function() { + return { + type: this.type, + scaleX: this.scaleX, + scaleY: this.scaleY, + resizeType: this.resizeType, + lanczosLobes: this.lanczosLobes + }; } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Resize} Instance of fabric.Image.filters.Resize + */ + fabric.Image.filters.Resize.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Contrast filter class + * @class fabric.Image.filters.Contrast + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Contrast({ + * contrast: 0.25 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Contrast = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Contrast.prototype */ { + /** - * @param {Number} lineIndex - * @return {Boolean} if the line exists or not - * @private + * Filter type + * @param {String} type + * @default */ - _getLineStyle(lineIndex) { - return !!this.styles[lineIndex]; - } + type: 'Contrast', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uContrast;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + + 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + + 'gl_FragColor = color;\n' + + '}', + /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @private + * contrast value, range from -1 to 1. + * @param {Number} contrast + * @default 0 */ - _setLineStyle(lineIndex) { - this.styles[lineIndex] = {}; - } - _deleteLineStyle(lineIndex) { - delete this.styles[lineIndex]; - } -} + contrast: 0, + + mainParameter: 'contrast', -// @ts-nocheck -const additionalProps = [ - 'fontFamily', - 'fontWeight', - 'fontSize', - 'text', - 'underline', - 'overline', - 'linethrough', - 'textAlign', - 'fontStyle', - 'lineHeight', - 'textBackgroundColor', - 'charSpacing', - 'styles', - 'direction', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign', -]; -/** - * Text class - * @class Text - * @extends FabricObject - * @return {Text} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} - * @see {@link Text#initialize} for constructor definition - */ -class Text$1 extends TextStyleMixin { /** * Constructor - * @param {String} text Text string + * @memberOf fabric.Image.filters.Contrast.prototype * @param {Object} [options] Options object - * @return {Text} thisArg - */ - constructor(text, options) { - super(Object.assign(Object.assign({}, options), { text, styles: (options === null || options === void 0 ? void 0 : options.styles) || {} })); - /** - * Reference to a context to measure text char or couple of chars - * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas - * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every - * text object created. - * @type {CanvasRenderingContext2D} - * @default - */ - this._measuringContext = null; - this.initialized = true; - if (this.path) { - this.setPathInfo(); - } - this.__skipDimension = false; - this.initDimensions(); - this.setCoords(); - this.setupState({ propertySet: '_dimensionAffectingProps' }); - } + * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) + */ + /** - * If text has a path, it will add the extra information needed - * for path and text calculations - * @return {Text} thisArg + * Apply the Contrast operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + if (this.contrast === 0) { + return; + } + var imageData = options.imageData, i, len, + data = imageData.data, len = data.length, + contrast = Math.floor(this.contrast * 255), + contrastF = 259 * (contrast + 255) / (255 * (259 - contrast)); + + for (i = 0; i < len; i += 4) { + data[i] = contrastF * (data[i] - 128) + 128; + data[i + 1] = contrastF * (data[i + 1] - 128) + 128; + data[i + 2] = contrastF * (data[i + 2] - 128) + 128; + } + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - setPathInfo() { - const path = this.path; - if (path) { - path.segmentsInfo = getPathSegmentsInfo(path.path); - } - } + getUniformLocations: function(gl, program) { + return { + uContrast: gl.getUniformLocation(program, 'uContrast'), + }; + }, + /** - * Return a context for measurement of text string. - * if created it gets stored for reuse - * this is for internal use, please do not use it - * @private - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {Text} thisArg + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - getMeasuringContext() { - if (!fabric$3._measuringContext) { - fabric$3._measuringContext = - (this.canvas && this.canvas.contextCache) || - createCanvasElement$1().getContext('2d'); - } - return fabric$3._measuringContext; - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uContrast, this.contrast); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Contrast} Instance of fabric.Image.filters.Contrast + */ + fabric.Image.filters.Contrast.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Saturate filter class + * @class fabric.Image.filters.Saturation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Saturation({ + * saturation: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Saturation = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Saturation.prototype */ { + /** - * @private - * Divides text into lines of text and lines of graphemes. + * Filter type + * @param {String} type + * @default */ - _splitText() { - const newLines = this._splitTextIntoLines(this.text); - this.textLines = newLines.lines; - this._textLines = newLines.graphemeLines; - this._unwrappedTextLines = newLines._unwrappedLines; - this._text = newLines.graphemeText; - return newLines; - } + type: 'Saturation', + + fragmentSource: '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' + + '}', + /** - * Initialize or update text dimensions. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. + * Saturation value, from -1 to 1. + * Increases/decreases the color saturation. + * A value of 0 has no effect. + * + * @param {Number} saturation + * @default */ - initDimensions() { - if (this.__skipDimension) { - return; - } - this._splitText(); - this._clearCache(); - if (this.path) { - this.width = this.path.width; - this.height = this.path.height; - } - else { - this.width = - this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; - this.height = this.calcTextHeight(); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - this.saveState({ propertySet: '_dimensionAffectingProps' }); - } + saturation: 0, + + mainParameter: 'saturation', + + /** + * Constructor + * @memberOf fabric.Image.filters.Saturate.prototype + * @param {Object} [options] Options object + * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) + */ + /** - * Enlarge space boxes and shift the others + * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. */ - enlargeSpaces() { - let diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; - for (let i = 0, len = this._textLines.length; i < len; i++) { - if (this.textAlign !== 'justify' && - (i === len - 1 || this.isEndOfWrapping(i))) { - continue; - } - accumulatedSpace = 0; - line = this._textLines[i]; - currentLineWidth = this.getLineWidth(i); - if (currentLineWidth < this.width && - (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { - numberOfSpaces = spaces.length; - diffSpace = (this.width - currentLineWidth) / numberOfSpaces; - for (let j = 0, jlen = line.length; j <= jlen; j++) { - charBound = this.__charBounds[i][j]; - if (this._reSpaceAndTab.test(line[j])) { - charBound.width += diffSpace; - charBound.kernedWidth += diffSpace; - charBound.left += accumulatedSpace; - accumulatedSpace += diffSpace; - } - else { - charBound.left += accumulatedSpace; - } - } - } - } - } + applyTo2d: function(options) { + if (this.saturation === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, len = data.length, + adjust = -this.saturation, i, max; + + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; + } + }, + /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @return {Boolean} + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - isEndOfWrapping(lineIndex) { - return lineIndex === this._textLines.length - 1; - } + getUniformLocations: function(gl, program) { + return { + uSaturation: gl.getUniformLocation(program, 'uSaturation'), + }; + }, + /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * It return always for text and Itext. - * @return Number + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - missingNewlineOffset() { - return 1; - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uSaturation, -this.saturation); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Saturation} Instance of fabric.Image.filters.Saturate + */ + fabric.Image.filters.Saturation.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Vibrance filter class + * @class fabric.Image.filters.Vibrance + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Vibrance({ + * vibrance: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Vibrance = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Vibrance.prototype */ { + /** - * Returns 2d representation (lineIndex and charIndex) of cursor - * @param {Number} selectionStart - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + * Filter type + * @param {String} type + * @default */ - get2DCursorLocation(selectionStart, skipWrapping) { - const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; - let i; - for (i = 0; i < lines.length; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart, - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: lines[i - 1].length < selectionStart - ? lines[i - 1].length - : selectionStart, - }; - } + type: 'Vibrance', + + fragmentSource: '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' + + '}', + /** - * Returns string representation of an instance - * @return {String} String representation of text object + * Vibrance value, from -1 to 1. + * Increases/decreases the saturation of more muted colors with less effect on saturated colors. + * A value of 0 has no effect. + * + * @param {Number} vibrance + * @default */ - toString() { - return ('#'); - } + vibrance: 0, + + mainParameter: 'vibrance', + /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @param {Object} dim.x width of object to be cached - * @param {Object} dim.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + * Constructor + * @memberOf fabric.Image.filters.Vibrance.prototype + * @param {Object} [options] Options object + * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) */ - _getCacheCanvasDimensions() { - const dims = super._getCacheCanvasDimensions(); - const fontSize = this.fontSize; - dims.width += fontSize * dims.zoomX; - dims.height += fontSize * dims.zoomY; - return dims; - } + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. */ - _render(ctx) { - const path = this.path; - path && !path.isNotVisible() && path._render(ctx); - this._setTextStyles(ctx); - this._renderTextLinesBackground(ctx); - this._renderTextDecoration(ctx, 'underline'); - this._renderText(ctx); - this._renderTextDecoration(ctx, 'overline'); - this._renderTextDecoration(ctx, 'linethrough'); - } + applyTo2d: function(options) { + if (this.vibrance === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, len = data.length, + adjust = -this.vibrance, i, max, avg, amt; + + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + avg = (data[i] + data[i + 1] + data[i + 2]) / 3; + amt = ((Math.abs(max - avg) * 2 / 255) * adjust); + data[i] += max !== data[i] ? (max - data[i]) * amt : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; + } + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - _renderText(ctx) { - if (this.paintFirst === 'stroke') { - this._renderTextStroke(ctx); - this._renderTextFill(ctx); - } - else { - this._renderTextFill(ctx); - this._renderTextStroke(ctx); - } - } + getUniformLocations: function(gl, program) { + return { + uVibrance: gl.getUniformLocation(program, 'uVibrance'), + }; + }, + /** - * Set the font parameter of the context with the object properties or with charStyle - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [charStyle] object with font style properties - * @param {String} [charStyle.fontFamily] Font Family - * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) - * @param {String} [charStyle.fontWeight] Font weight - * @param {String} [charStyle.fontStyle] Font style (italic|normal) + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - _setTextStyles(ctx, charStyle, forMeasuring) { - ctx.textBaseline = 'alphabetical'; - if (this.path) { - switch (this.pathAlign) { - case 'center': - ctx.textBaseline = 'middle'; - break; - case 'ascender': - ctx.textBaseline = 'top'; - break; - case 'descender': - ctx.textBaseline = 'bottom'; - break; - } - } - ctx.font = this._getFontDeclaration(charStyle, forMeasuring); - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Vibrance} Instance of fabric.Image.filters.Vibrance + */ + fabric.Image.filters.Vibrance.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Blur filter class + * @class fabric.Image.filters.Blur + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Blur({ + * blur: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Blur = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blur.prototype */ { + + type: 'Blur', + + /* +'gl_FragColor = vec4(0.0);', +'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', +'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', +'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', +'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', +'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', +'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', +'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', +'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', +'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', +'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', +'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', +'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', +'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', +'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', +'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', +*/ + + /* eslint-disable max-len */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n' + + 'const float nSamples = 15.0;\n' + + 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + + 'float random(vec3 scale) {\n' + + /* use the fragment position for a different seed per-pixel */ + 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = vec4(0.0);\n' + + 'float total = 0.0;\n' + + 'float offset = random(v3offset);\n' + + 'for (float t = -nSamples; t <= nSamples; t++) {\n' + + 'float percent = (t + offset - 0.5) / nSamples;\n' + + 'float weight = 1.0 - abs(percent);\n' + + 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + + 'total += weight;\n' + + '}\n' + + 'gl_FragColor = color / total;\n' + + '}', + /* eslint-enable max-len */ + /** - * calculate and return the text Width measuring each line. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {Number} Maximum width of Text object - */ - calcTextWidth() { - let maxWidth = this.getLineWidth(0); - for (let i = 1, len = this._textLines.length; i < len; i++) { - const currentLineWidth = this.getLineWidth(i); - if (currentLineWidth > maxWidth) { - maxWidth = currentLineWidth; - } - } - return maxWidth; - } + * blur value, in percentage of image dimensions. + * specific to keep the image blur constant at different resolutions + * range between 0 and 1. + * @type Number + * @default + */ + blur: 0, + + mainParameter: 'blur', + + applyTo: function(options) { + if (options.webgl) { + // this aspectRatio is used to give the same blur to vertical and horizontal + this.aspectRatio = options.sourceWidth / options.sourceHeight; + options.passes++; + this._setupFrameBuffer(options); + this.horizontal = true; + this.applyToWebGL(options); + this._swapTextures(options); + this._setupFrameBuffer(options); + this.horizontal = false; + this.applyToWebGL(options); + this._swapTextures(options); + } + else { + this.applyTo2d(options); + } + }, + + applyTo2d: function(options) { + // paint canvasEl with current image data. + //options.ctx.putImageData(options.imageData, 0, 0); + options.imageData = this.simpleBlur(options); + }, + + simpleBlur: function(options) { + var resources = options.filterBackend.resources, canvas1, canvas2, + width = options.imageData.width, + height = options.imageData.height; + + if (!resources.blurLayer1) { + resources.blurLayer1 = fabric.util.createCanvasElement(); + resources.blurLayer2 = fabric.util.createCanvasElement(); + } + canvas1 = resources.blurLayer1; + canvas2 = resources.blurLayer2; + if (canvas1.width !== width || canvas1.height !== height) { + canvas2.width = canvas1.width = width; + canvas2.height = canvas1.height = height; + } + var ctx1 = canvas1.getContext('2d'), + ctx2 = canvas2.getContext('2d'), + nSamples = 15, + random, percent, j, i, + blur = this.blur * 0.06 * 0.5; + + // load first canvas + ctx1.putImageData(options.imageData, 0, 0); + ctx2.clearRect(0, 0, width, height); + + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * width + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, j, random); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * height + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, random, j); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + options.ctx.drawImage(canvas1, 0, 0); + var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); + ctx1.globalAlpha = 1; + ctx1.clearRect(0, 0, canvas1.width, canvas1.height); + return newImageData; + }, + /** - * @private - * @param {String} method Method name ("fillText" or "strokeText") - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} line Text to render - * @param {Number} left Left position of text - * @param {Number} top Top position of text - * @param {Number} lineIndex Index of a line in a text + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - _renderTextLine(method, ctx, line, left, top, lineIndex) { - this._renderChars(method, ctx, line, left, top, lineIndex); - } + getUniformLocations: function(gl, program) { + return { + delta: gl.getUniformLocation(program, 'uDelta'), + }; + }, + /** - * Renders the text background for lines, taking care of style - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - _renderTextLinesBackground(ctx) { - if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { - return; - } - let heightOfLine, lineLeftOffset, originalFill = ctx.fillStyle, line, lastColor, leftOffset = this._getLeftOffset(), lineTopOffset = this._getTopOffset(), boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, drawStart; - for (let i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this.textBackgroundColor && - !this.styleHas('textBackgroundColor', i)) { - lineTopOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - lineLeftOffset = this._getLineLeftOffset(i); - boxWidth = 0; - boxStart = 0; - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (let j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillStyle = currentColor; - currentColor && - ctx.fillRect(-charBox.width / 2, (-heightOfLine / this.lineHeight) * (1 - this._fontSizeFraction), charBox.width, heightOfLine / this.lineHeight); - ctx.restore(); - } - else if (currentColor !== lastColor) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = lastColor; - lastColor && - ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } - } - if (currentColor && !path) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentColor; - ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); - } - lineTopOffset += heightOfLine; - } - ctx.fillStyle = originalFill; - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - } + sendUniformData: function(gl, uniformLocations) { + var delta = this.chooseRightDelta(); + gl.uniform2fv(uniformLocations.delta, delta); + }, + /** - * measure and return the width of a single character. - * possibly overridden to accommodate different measure logic or - * to hook some external lib for character measurement - * @private - * @param {String} _char, char to be measured - * @param {Object} charStyle style of char to be measured - * @param {String} [previousChar] previous char - * @param {Object} [prevCharStyle] style of previous char + * choose right value of image percentage to blur with + * @returns {Array} a numeric array with delta values + */ + chooseRightDelta: function() { + var blurScale = 1, delta = [0, 0], blur; + if (this.horizontal) { + if (this.aspectRatio > 1) { + // image is wide, i want to shrink radius horizontal + blurScale = 1 / this.aspectRatio; + } + } + else { + if (this.aspectRatio < 1) { + // image is tall, i want to shrink radius vertical + blurScale = this.aspectRatio; + } + } + blur = blurScale * this.blur * 0.12; + if (this.horizontal) { + delta[0] = blur; + } + else { + delta[1] = blur; + } + return delta; + }, + }); + + /** + * Deserialize a JSON definition of a BlurFilter into a concrete instance. + */ + filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Gamma filter class + * @class fabric.Image.filters.Gamma + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Gamma({ + * gamma: [1, 0.5, 2.1] + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Gamma = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Gamma.prototype */ { + + /** + * Filter type + * @param {String} type + * @default */ - _measureChar(_char, charStyle, previousChar, prevCharStyle) { - let fontCache = cache.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; - if (previousChar && fontCache[previousChar] !== undefined) { - previousWidth = fontCache[previousChar]; - } - if (fontCache[_char] !== undefined) { - kernedWidth = width = fontCache[_char]; - } - if (stylesAreEqual && fontCache[couple] !== undefined) { - coupleWidth = fontCache[couple]; - kernedWidth = coupleWidth - previousWidth; - } - if (width === undefined || - previousWidth === undefined || - coupleWidth === undefined) { - var ctx = this.getMeasuringContext(); - // send a TRUE to specify measuring font size CACHE_FONT_SIZE - this._setTextStyles(ctx, charStyle, true); - } - if (width === undefined) { - kernedWidth = width = ctx.measureText(_char).width; - fontCache[_char] = width; - } - if (previousWidth === undefined && stylesAreEqual && previousChar) { - previousWidth = ctx.measureText(previousChar).width; - fontCache[previousChar] = previousWidth; - } - if (stylesAreEqual && coupleWidth === undefined) { - // we can measure the kerning couple and subtract the width of the previous character - coupleWidth = ctx.measureText(couple).width; - fontCache[couple] = coupleWidth; - kernedWidth = coupleWidth - previousWidth; - } - return { - width: width * fontMultiplier, - kernedWidth: kernedWidth * fontMultiplier, - }; - } + type: 'Gamma', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec3 uGamma;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec3 correction = (1.0 / uGamma);\n' + + 'color.r = pow(color.r, correction.r);\n' + + 'color.g = pow(color.g, correction.g);\n' + + 'color.b = pow(color.b, correction.b);\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.rgb *= color.a;\n' + + '}', + /** - * Computes height of character at given position - * @param {Number} line the line index number - * @param {Number} _char the character index number - * @return {Number} fontSize of the character + * Gamma array value, from 0.01 to 2.2. + * @param {Array} gamma + * @default */ - getHeightOfChar(line, _char) { - return this.getValueOfPropertyAt(line, _char, 'fontSize'); - } + gamma: [1, 1, 1], + /** - * measure a text line measuring all characters. - * @param {Number} lineIndex line number - * @return {Number} Line width + * Describe the property that is the filter parameter + * @param {String} m + * @default */ - measureLine(lineIndex) { - const lineInfo = this._measureLine(lineIndex); - if (this.charSpacing !== 0) { - lineInfo.width -= this._getWidthOfCharSpacing(); - } - if (lineInfo.width < 0) { - lineInfo.width = 0; - } - return lineInfo; - } + mainParameter: 'gamma', + /** - * measure every grapheme of a line, populating __charBounds - * @param {Number} lineIndex - * @return {Object} object.width total width of characters - * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs + * Constructor + * @param {Object} [options] Options object */ - _measureLine(lineIndex) { - let width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), positionInPath = 0, startingPoint, totalPathLength, path = this.path, reverse = this.pathSide === 'right'; - this.__charBounds[lineIndex] = lineBounds; - for (i = 0; i < line.length; i++) { - grapheme = line[i]; - graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); - lineBounds[i] = graphemeInfo; - width += graphemeInfo.kernedWidth; - prevGrapheme = grapheme; - } - // this latest bound box represent the last character of the line - // to simplify cursor handling in interactive mode. - lineBounds[i] = { - left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, - width: 0, - kernedWidth: 0, - height: this.fontSize, - }; - if (path) { - totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; - startingPoint = getPointOnPath(path.path, 0, path.segmentsInfo); - startingPoint.x += path.pathOffset.x; - startingPoint.y += path.pathOffset.y; - switch (this.textAlign) { - case 'left': - positionInPath = reverse ? totalPathLength - width : 0; - break; - case 'center': - positionInPath = (totalPathLength - width) / 2; - break; - case 'right': - positionInPath = reverse ? 0 : totalPathLength - width; - break; - //todo - add support for justify - } - positionInPath += this.pathStartOffset * (reverse ? -1 : 1); - for (i = reverse ? line.length - 1 : 0; reverse ? i >= 0 : i < line.length; reverse ? i-- : i++) { - graphemeInfo = lineBounds[i]; - if (positionInPath > totalPathLength) { - positionInPath %= totalPathLength; - } - else if (positionInPath < 0) { - positionInPath += totalPathLength; - } - // it would probably much faster to send all the grapheme position for a line - // and calculate path position/angle at once. - this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); - positionInPath += graphemeInfo.kernedWidth; - } - } - return { width: width, numOfSpaces: numOfSpaces }; - } + initialize: function(options) { + this.gamma = [1, 1, 1]; + filters.BaseFilter.prototype.initialize.call(this, options); + }, + /** - * Calculate the angle and the left,top position of the char that follow a path. - * It appends it to graphemeInfo to be reused later at rendering - * @private - * @param {Number} positionInPath to be measured - * @param {Object} graphemeInfo current grapheme box information - * @param {Object} startingPoint position of the point + * Apply the Gamma operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, data = imageData.data, + gamma = this.gamma, len = data.length, + rInv = 1 / gamma[0], gInv = 1 / gamma[1], + bInv = 1 / gamma[2], i; + + if (!this.rVals) { + // eslint-disable-next-line + this.rVals = new Uint8Array(256); + // eslint-disable-next-line + this.gVals = new Uint8Array(256); + // eslint-disable-next-line + this.bVals = new Uint8Array(256); + } + + // This is an optimization - pre-compute a look-up table for each color channel + // instead of performing these pow calls for each pixel in the image. + for (i = 0, len = 256; i < len; i++) { + this.rVals[i] = Math.pow(i / 255, rInv) * 255; + this.gVals[i] = Math.pow(i / 255, gInv) * 255; + this.bVals[i] = Math.pow(i / 255, bInv) * 255; + } + for (i = 0, len = data.length; i < len; i += 4) { + data[i] = this.rVals[data[i]]; + data[i + 1] = this.gVals[data[i + 1]]; + data[i + 2] = this.bVals[data[i + 2]]; + } + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - _setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint) { - const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; - // we are at currentPositionOnPath. we want to know what point on the path is. - const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo); - graphemeInfo.renderLeft = info.x - startingPoint.x; - graphemeInfo.renderTop = info.y - startingPoint.y; - graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); - } + getUniformLocations: function(gl, program) { + return { + uGamma: gl.getUniformLocation(program, 'uGamma'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. * - * @param {String} grapheme to be measured - * @param {Number} lineIndex index of the line where the char is - * @param {Number} charIndex position in the line - * @param {String} [prevGrapheme] character preceding the one to be measured - * @returns {GraphemeBBox} grapheme bbox - */ - _getGraphemeBox(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { - const style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme - ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) - : {}, info = this._measureChar(grapheme, style, prevGrapheme, prevStyle); - let kernedWidth = info.kernedWidth, width = info.width, charSpacing; - if (this.charSpacing !== 0) { - charSpacing = this._getWidthOfCharSpacing(); - width += charSpacing; - kernedWidth += charSpacing; - } - const box = { - width: width, - left: 0, - height: style.fontSize, - kernedWidth: kernedWidth, - deltaY: style.deltaY, - }; - if (charIndex > 0 && !skipLeft) { - const previousBox = this.__charBounds[lineIndex][charIndex - 1]; - box.left = - previousBox.left + previousBox.width + info.kernedWidth - info.width; - } - return box; - } + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + gl.uniform3fv(uniformLocations.uGamma, this.gamma); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Gamma} Instance of fabric.Image.filters.Gamma + */ + fabric.Image.filters.Gamma.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * A container class that knows how to apply a sequence of filters to an input image. + */ + filters.Composed = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Composed.prototype */ { + + type: 'Composed', + /** - * Calculate height of line at 'lineIndex' - * @param {Number} lineIndex index of line to calculate - * @return {Number} + * A non sparse array of filters to apply */ - getHeightOfLine(lineIndex) { - if (this.__lineHeights[lineIndex]) { - return this.__lineHeights[lineIndex]; - } - let line = this._textLines[lineIndex], - // char 0 is measured before the line cycle because it nneds to char - // emptylines - maxHeight = this.getHeightOfChar(lineIndex, 0); - for (let i = 1, len = line.length; i < len; i++) { - maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); - } - return (this.__lineHeights[lineIndex] = - maxHeight * this.lineHeight * this._fontSizeMult); - } + subFilters: [], + /** - * Calculate text box height + * Constructor + * @param {Object} [options] Options object */ - calcTextHeight() { - let lineHeight, height = 0; - for (let i = 0, len = this._textLines.length; i < len; i++) { - lineHeight = this.getHeightOfLine(i); - height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; - } - return height; - } + initialize: function(options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.subFilters = this.subFilters.slice(0); + }, + /** - * @private - * @return {Number} Left offset - */ - _getLeftOffset() { - return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; - } + * Apply this container's filters to the input image provided. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be applied. + */ + applyTo: function(options) { + options.passes += this.subFilters.length - 1; + this.subFilters.forEach(function(filter) { + filter.applyTo(options); + }); + }, + /** - * @private - * @return {Number} Top offset + * Serialize this filter into JSON. + * + * @returns {Object} A JSON representation of this filter. */ - _getTopOffset() { - return -this.height / 2; + toObject: function() { + return fabric.util.object.extend(this.callSuper('toObject'), { + subFilters: this.subFilters.map(function(filter) { return filter.toObject(); }), + }); + }, + + isNeutralState: function() { + return !this.subFilters.some(function(filter) { return !filter.isNeutralState(); }); } + }); + + /** + * Deserialize a JSON definition of a ComposedFilter into a concrete instance. + */ + fabric.Image.filters.Composed.fromObject = function(object, callback) { + var filters = object.subFilters || [], + subFilters = filters.map(function(filter) { + return new fabric.Image.filters[filter.type](filter); + }), + instance = new fabric.Image.filters.Composed({ subFilters: subFilters }); + callback && callback(instance); + return instance; + }; +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * HueRotation filter class + * @class fabric.Image.filters.HueRotation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.HueRotation({ + * rotation: -0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.HueRotation = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.HueRotation.prototype */ { + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} method Method name ("fillText" or "strokeText") + * Filter type + * @param {String} type + * @default */ - _renderTextCommon(ctx, method) { - ctx.save(); - let lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); - for (let i = 0, len = this._textLines.length; i < len; i++) { - const heightOfLine = this.getHeightOfLine(i), maxHeight = heightOfLine / this.lineHeight, leftOffset = this._getLineLeftOffset(i); - this._renderTextLine(method, ctx, this._textLines[i], left + leftOffset, top + lineHeights + maxHeight, i); - lineHeights += heightOfLine; - } - ctx.restore(); - } + type: 'HueRotation', + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * HueRotation value, from -1 to 1. + * the unit is radians + * @param {Number} myParameter + * @default */ - _renderTextFill(ctx) { - if (!this.fill && !this.styleHas('fill')) { - return; - } - this._renderTextCommon(ctx, 'fillText'); - } + rotation: 0, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Describe the property that is the filter parameter + * @param {String} m + * @default */ - _renderTextStroke(ctx) { - if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { - return; - } - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - ctx.save(); - this._setLineDash(ctx, this.strokeDashArray); - ctx.beginPath(); - this._renderTextCommon(ctx, 'strokeText'); - ctx.closePath(); - ctx.restore(); - } + mainParameter: 'rotation', + + calculateMatrix: function() { + var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), + aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; + this.matrix = [ + 1, 0, 0, 0, 0, + 0, 1, 0, 0, 0, + 0, 0, 1, 0, 0, + 0, 0, 0, 1, 0 + ]; + this.matrix[0] = cos + OneMinusCos / 3; + this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[6] = cos + aThird * OneMinusCos; + this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[12] = cos + aThird * OneMinusCos; + }, + + /** + * HueRotation isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function(options) { + this.calculateMatrix(); + return filters.BaseFilter.prototype.isNeutralState.call(this, options); + }, + + /** + * Apply this filter to the input image data provided. + * + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function(options) { + this.calculateMatrix(); + filters.BaseFilter.prototype.applyTo.call(this, options); + }, + + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.HueRotation} Instance of fabric.Image.filters.HueRotation + */ + fabric.Image.filters.HueRotation.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + clone = fabric.util.object.clone; + + if (fabric.Text) { + fabric.warn('fabric.Text is already defined'); + return; + } + + var additionalProps = + ('fontFamily fontWeight fontSize text underline overline linethrough' + + ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + + ' direction path pathStartOffset pathSide pathAlign').split(' '); + + /** + * Text class + * @class fabric.Text + * @extends fabric.Object + * @return {fabric.Text} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} + * @see {@link fabric.Text#initialize} for constructor definition + */ + fabric.Text = fabric.util.createClass(fabric.Object, /** @lends fabric.Text.prototype */ { + /** + * Properties which when set cause object to change dimensions + * @type Array * @private - * @param {String} method fillText or strokeText. - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} line Content of the line, splitted in an array by grapheme - * @param {Number} left - * @param {Number} top - * @param {Number} lineIndex */ - _renderChars(method, ctx, line, left, top, lineIndex) { - let lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, boxWidth = 0, timeToRender, path = this.path, shortCut = !isJustify && - this.charSpacing === 0 && - this.isEmptyStyles(lineIndex) && - !path, isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, - // this was changed in the PR #7674 - // currentDirection = ctx.canvas.getAttribute('dir'); - drawingLeft, currentDirection = ctx.direction; - ctx.save(); - if (currentDirection !== this.direction) { - ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); - ctx.direction = isLtr ? 'ltr' : 'rtl'; - ctx.textAlign = isLtr ? 'left' : 'right'; - } - top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; - if (shortCut) { - // render all the line in one pass without checking - // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); - this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); - ctx.restore(); - return; - } - for (let i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing || path; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - left += sign * (charBox.kernedWidth - charBox.width); - boxWidth += charBox.width; - } - else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = hasStyleChanged$1(actualStyle, nextStyle, false); - } - if (timeToRender) { - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); - ctx.restore(); - } - else { - drawingLeft = left; - this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); - } - charsToRender = ''; - actualStyle = nextStyle; - left += sign * boxWidth; - boxWidth = 0; - } - } - ctx.restore(); - } + _dimensionAffectingProps: [ + 'fontSize', + 'fontWeight', + 'fontFamily', + 'fontStyle', + 'lineHeight', + 'text', + 'charSpacing', + 'textAlign', + 'styles', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign' + ], + /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size - * is limited. * @private - * @param {fabric.Gradient} filler a fabric gradient instance - * @return {CanvasPattern} a pattern to use as fill/stroke style */ - _applyPatternGradientTransformText(filler) { - let pCanvas = createCanvasElement$1(), pCtx, - // TODO: verify compatibility with strokeUniform - width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; - pCanvas.width = width; - pCanvas.height = height; - pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); - pCtx.moveTo(0, 0); - pCtx.lineTo(width, 0); - pCtx.lineTo(width, height); - pCtx.lineTo(0, height); - pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.fillStyle = filler.toLive(pCtx); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fill(); - return pCtx.createPattern(pCanvas, 'no-repeat'); - } - handleFiller(ctx, property, filler) { - let offsetX, offsetY; - if (filler.toLive) { - if (filler.gradientUnits === 'percentage' || - filler.gradientTransform || - filler.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - offsetX = -this.width / 2; - offsetY = -this.height / 2; - ctx.translate(offsetX, offsetY); - ctx[property] = this._applyPatternGradientTransformText(filler); - return { offsetX: offsetX, offsetY: offsetY }; - } - else { - // is a simple gradient or pattern - ctx[property] = filler.toLive(ctx, this); - return this._applyPatternGradientTransform(ctx, filler); - } - } - else { - // is a color - ctx[property] = filler; - } - return { offsetX: 0, offsetY: 0 }; - } - _setStrokeStyles(ctx, decl) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = this.strokeLineCap; - ctx.lineDashOffset = this.strokeDashOffset; - ctx.lineJoin = this.strokeLineJoin; - ctx.miterLimit = this.strokeMiterLimit; - return this.handleFiller(ctx, 'strokeStyle', decl.stroke); - } - _setFillStyles(ctx, decl) { - return this.handleFiller(ctx, 'fillStyle', decl.fill); - } + _reNewline: /\r?\n/, + /** + * Use this regular expression to filter for whitespaces that is not a new line. + * Mostly used when text is 'justify' aligned. * @private - * @param {String} method - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {String} _char - * @param {Number} left Left coordinate - * @param {Number} top Top coordinate - * @param {Number} lineHeight Height of the line */ - _renderChar(method, ctx, lineIndex, charIndex, _char, left, top) { - const decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth; - let fillOffsets, strokeOffsets; - if (!shouldStroke && !shouldFill) { - return; - } - ctx.save(); - shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); - shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); - ctx.font = this._getFontDeclaration(fullDecl); - if (decl && decl.textBackgroundColor) { - this._removeShadow(ctx); - } - if (decl && decl.deltaY) { - top += decl.deltaY; - } - shouldFill && - ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); - shouldStroke && - ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); - ctx.restore(); - } + _reSpacesAndTabs: /[ \t\r]/g, + /** - * Turns the character into a 'superior figure' (i.e. 'superscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {Text} thisArg - * @chainable + * Use this regular expression to filter for whitespace that is not a new line. + * Mostly used when text is 'justify' aligned. + * @private */ - setSuperscript(start, end) { - return this._setScript(start, end, this.superscript); - } + _reSpaceAndTab: /[ \t\r]/, + /** - * Turns the character into an 'inferior figure' (i.e. 'subscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {Text} thisArg - * @chainable + * Use this regular expression to filter consecutive groups of non spaces. + * Mostly used when text is 'justify' aligned. + * @private */ - setSubscript(start, end) { - return this._setScript(start, end, this.subscript); - } + _reWords: /\S+/g, + /** - * Applies 'schema' at given position - * @private - * @param {Number} start selection start - * @param {Number} end selection end - * @param {Number} schema - * @returns {Text} thisArg - * @chainable + * Type of an object + * @type String + * @default */ - _setScript(start, end, schema) { - const loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), style = { - fontSize: fontSize * schema.size, - deltaY: dy + fontSize * schema.baseline, - }; - this.setSelectionStyles(style, start, end); - return this; - } + type: 'text', + /** - * @private - * @param {Number} lineIndex index text line - * @return {Number} Line left offset + * Font size (in pixels) + * @type Number + * @default */ - _getLineLeftOffset(lineIndex) { - var lineWidth = this.getLineWidth(lineIndex), lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); - if (textAlign === 'justify' || - (textAlign === 'justify-center' && !isEndOfWrapping) || - (textAlign === 'justify-right' && !isEndOfWrapping) || - (textAlign === 'justify-left' && !isEndOfWrapping)) { - return 0; - } - if (textAlign === 'center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'right') { - leftOffset = lineDiff; - } - if (textAlign === 'justify-center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'justify-right') { - leftOffset = lineDiff; - } - if (direction === 'rtl') { - if (textAlign === 'right' || - textAlign === 'justify' || - textAlign === 'justify-right') { - leftOffset = 0; - } - else if (textAlign === 'left' || textAlign === 'justify-left') { - leftOffset = -lineDiff; - } - else if (textAlign === 'center' || textAlign === 'justify-center') { - leftOffset = -lineDiff / 2; - } - } - return leftOffset; - } + fontSize: 40, + /** - * @private + * Font weight (e.g. bold, normal, 400, 600, 800) + * @type {(Number|String)} + * @default */ - _clearCache() { - this.__lineWidths = []; - this.__lineHeights = []; - this.__charBounds = []; - } + fontWeight: 'normal', + /** - * @private + * Font family + * @type String + * @default */ - _shouldClearDimensionCache() { - let shouldClear = this._forceClearCache; - shouldClear || - (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); - if (shouldClear) { - this.dirty = true; - this._forceClearCache = false; - } - return shouldClear; - } + fontFamily: 'Times New Roman', + /** - * Measure a single line given its index. Used to calculate the initial - * text bounding box. The values are calculated and stored in __lineWidths cache. - * @private - * @param {Number} lineIndex line number - * @return {Number} Line width + * Text decoration underline. + * @type Boolean + * @default */ - getLineWidth(lineIndex) { - if (this.__lineWidths[lineIndex] !== undefined) { - return this.__lineWidths[lineIndex]; - } - const lineInfo = this.measureLine(lineIndex); - const width = lineInfo.width; - this.__lineWidths[lineIndex] = width; - return width; - } - _getWidthOfCharSpacing() { - if (this.charSpacing !== 0) { - return (this.fontSize * this.charSpacing) / 1000; - } - return 0; - } + underline: false, + /** - * Retrieves the value of property at given character position - * @param {Number} lineIndex the line number - * @param {Number} charIndex the character number - * @param {String} property the property name - * @returns the value of 'property' + * Text decoration overline. + * @type Boolean + * @default */ - getValueOfPropertyAt(lineIndex, charIndex, property) { - const charStyle = this._getStyleDeclaration(lineIndex, charIndex); - if (charStyle && typeof charStyle[property] !== 'undefined') { - return charStyle[property]; - } - return this[property]; - } + overline: false, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Text decoration linethrough. + * @type Boolean + * @default */ - _renderTextDecoration(ctx, type) { - if (!this[type] && !this.styleHas(type)) { - return; - } - let heightOfLine, size, _size, lineLeftOffset, dy, _dy, line, lastDecoration, leftOffset = this._getLeftOffset(), topOffset = this._getTopOffset(), top, boxStart, boxWidth, charBox, currentDecoration, maxHeight, currentFill, lastFill, path = this.path, charSpacing = this._getWidthOfCharSpacing(), offsetY = this.offsets[type]; - for (let i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this[type] && !this.styleHas(type, i)) { - topOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - maxHeight = heightOfLine / this.lineHeight; - lineLeftOffset = this._getLineLeftOffset(i); - boxStart = 0; - boxWidth = 0; - lastDecoration = this.getValueOfPropertyAt(i, 0, type); - lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); - top = topOffset + maxHeight * (1 - this._fontSizeFraction); - size = this.getHeightOfChar(i, 0); - dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); - for (let j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentDecoration = this.getValueOfPropertyAt(i, j, type); - currentFill = this.getValueOfPropertyAt(i, j, 'fill'); - _size = this.getHeightOfChar(i, j); - _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); - if (path && currentDecoration && currentFill) { - ctx.save(); - ctx.fillStyle = lastFill; - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillRect(-charBox.kernedWidth / 2, offsetY * _size + _dy, charBox.kernedWidth, this.fontSize / 15); - ctx.restore(); - } - else if ((currentDecoration !== lastDecoration || - currentFill !== lastFill || - _size !== size || - _dy !== dy) && - boxWidth > 0) { - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - if (lastDecoration && lastFill) { - ctx.fillStyle = lastFill; - ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth, this.fontSize / 15); - } - boxStart = charBox.left; - boxWidth = charBox.width; - lastDecoration = currentDecoration; - lastFill = currentFill; - size = _size; - dy = _dy; - } - else { - boxWidth += charBox.kernedWidth; - } - } - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentFill; - currentDecoration && - currentFill && - ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth - charSpacing, this.fontSize / 15); - topOffset += heightOfLine; - } - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - } + linethrough: false, + /** - * return font declaration string for canvas context - * @param {Object} [styleObject] object - * @returns {String} font declaration formatted for canvas context. + * Text alignment. Possible values: "left", "center", "right", "justify", + * "justify-left", "justify-center" or "justify-right". + * @type String + * @default */ - _getFontDeclaration(styleObject, forMeasuring) { - const style = styleObject || this, family = this.fontFamily, fontIsGeneric = Text$1.genericFonts.indexOf(family.toLowerCase()) > -1; - const fontFamily = family === undefined || - family.indexOf("'") > -1 || - family.indexOf(',') > -1 || - family.indexOf('"') > -1 || - fontIsGeneric - ? style.fontFamily - : '"' + style.fontFamily + '"'; - return [ - // node-canvas needs "weight style", while browsers need "style weight" - // verify if this can be fixed in JSDOM - fabric$3.isLikelyNode ? style.fontWeight : style.fontStyle, - fabric$3.isLikelyNode ? style.fontStyle : style.fontWeight, - forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', - fontFamily, - ].join(' '); - } + textAlign: 'left', + /** - * Renders text instance on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on + * Font style . Possible values: "", "normal", "italic" or "oblique". + * @type String + * @default */ - render(ctx) { - if (!this.visible) { - return; - } - if (this.canvas && - this.canvas.skipOffscreen && - !this.group && - !this.isOnScreen()) { - return; - } - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - } - super.render(ctx); - } + fontStyle: 'normal', + /** - * Override this method to customize grapheme splitting - * @param {string} value - * @returns {string[]} array of graphemes + * Line height + * @type Number + * @default */ - graphemeSplit(value) { - return graphemeSplit(value); - } + lineHeight: 1.16, + /** - * Returns the text as an array of lines. - * @param {String} text text to split - * @returns Lines in the text + * Superscript schema object (minimum overlap) + * @type {Object} + * @default */ - _splitTextIntoLines(text) { - const lines = text.split(this._reNewline), newLines = new Array(lines.length), newLine = ['\n']; - let newText = []; - for (let i = 0; i < lines.length; i++) { - newLines[i] = this.graphemeSplit(lines[i]); - newText = newText.concat(newLines[i], newLine); - } - newText.pop(); - return { - _unwrappedLines: newLines, - lines: lines, - graphemeText: newText, - graphemeLines: newLines, - }; - } + superscript: { + size: 0.60, // fontSize factor + baseline: -0.35 // baseline-shift factor (upwards) + }, + /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance + * Subscript schema object (minimum overlap) + * @type {Object} + * @default */ - toObject(propertiesToInclude) { - const allProperties = additionalProps.concat(propertiesToInclude); - const obj = super.toObject(allProperties); - obj.styles = stylesToArray(this.styles, this.text); - if (obj.path) { - obj.path = this.path.toObject(); - } - return obj; - } + subscript: { + size: 0.60, // fontSize factor + baseline: 0.11 // baseline-shift factor (downwards) + }, + /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {*} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {FabricObject} thisArg - * @chainable + * Background color of text lines + * @type String + * @default */ - set(key, value) { - super.set(key, value); - let needsDims = false; - let isAddingPath = false; - if (typeof key === 'object') { - for (const _key in key) { - if (_key === 'path') { - this.setPathInfo(); - } - needsDims = - needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; - isAddingPath = isAddingPath || _key === 'path'; - } - } - else { - needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; - isAddingPath = key === 'path'; - } - if (isAddingPath) { - this.setPathInfo(); - } - if (needsDims && this.initialized) { - this.initDimensions(); - this.setCoords(); - } - return this; - } + textBackgroundColor: '', + /** - * Returns complexity of an instance - * @return {Number} complexity + * List of properties to consider when checking if + * state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array */ - complexity() { - return 1; - } + stateProperties: fabric.Object.prototype.stateProperties.concat(additionalProps), + /** - * Returns Text instance from an SVG element (not yet implemented) - * @static - * @memberOf Text - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object + * List of properties to consider when checking if cache needs refresh + * @type Array */ - static fromElement(element, callback, options) { - if (!element) { - return callback(null); - } - const parsedAttributes = fabric$3.parseAttributes(element, Text$1.ATTRIBUTE_NAMES), parsedAnchor = parsedAttributes.textAnchor || 'left'; - options = Object.assign({}, options, parsedAttributes); - options.top = options.top || 0; - options.left = options.left || 0; - if (parsedAttributes.textDecoration) { - const textDecoration = parsedAttributes.textDecoration; - if (textDecoration.indexOf('underline') !== -1) { - options.underline = true; - } - if (textDecoration.indexOf('overline') !== -1) { - options.overline = true; - } - if (textDecoration.indexOf('line-through') !== -1) { - options.linethrough = true; - } - delete options.textDecoration; - } - if ('dx' in parsedAttributes) { - options.left += parsedAttributes.dx; - } - if ('dy' in parsedAttributes) { - options.top += parsedAttributes.dy; - } - if (!('fontSize' in options)) { - options.fontSize = DEFAULT_SVG_FONT_SIZE; - } - let textContent = ''; - // The XML is not properly parsed in IE9 so a workaround to get - // textContent is through firstChild.data. Another workaround would be - // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) - if (!('textContent' in element)) { - if ('firstChild' in element && element.firstChild !== null) { - if ('data' in element.firstChild && element.firstChild.data !== null) { - textContent = element.firstChild.data; - } - } - } - else { - textContent = element.textContent; - } - textContent = textContent - .replace(/^\s+|\s+$|\n+/g, '') - .replace(/\s+/g, ' '); - const originalStrokeWidth = options.strokeWidth; - options.strokeWidth = 0; - let text = new Text$1(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, scaledDiff = lineHeightDiff * textHeightScaleFactor, textHeight = text.getScaledHeight() + scaledDiff, offX = 0; - /* - Adjust positioning: - x/y attributes in SVG correspond to the bottom-left corner of text bounding box - fabric output by default at top, left. - */ - if (parsedAnchor === 'center') { - offX = text.getScaledWidth() / 2; - } - if (parsedAnchor === 'right') { - offX = text.getScaledWidth(); - } - text.set({ - left: text.left - offX, - top: text.top - - (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / - text.lineHeight, - strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, - }); - callback(text); - } + cacheProperties: fabric.Object.prototype.cacheProperties.concat(additionalProps), + /** - * Returns Text instance from an object representation - * @static - * @memberOf Text - * @param {Object} object plain js Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - const styles = stylesFromArray(object.styles, object.text); - //copy object to prevent mutation - const objCopy = Object.assign({}, object, { styles: styles }); - return InteractiveFabricObject._fromObject(Text$1, objCopy, { - extraParam: 'text', - }); - } -} -/** - * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement}) - * @static - * @memberOf Text - * @see: http://www.w3.org/TR/SVG/text.html#TextElement - */ -Text$1.ATTRIBUTE_NAMES = fabric$3.SHARED_ATTRIBUTES.concat('x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); -Text$1.genericFonts = [ - 'sans-serif', - 'serif', - 'cursive', - 'fantasy', - 'monospace', -]; -const textDefaultValues = { - _dimensionAffectingProps: [ - 'fontSize', - 'fontWeight', - 'fontFamily', - 'fontStyle', - 'lineHeight', - 'text', - 'charSpacing', - 'textAlign', - 'styles', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign', - ], - _reNewline: /\r?\n/, - _reSpacesAndTabs: /[ \t\r]/g, - _reSpaceAndTab: /[ \t\r]/, - _reWords: /\S+/g, - type: 'text', - fontSize: 40, - fontWeight: 'normal', - fontFamily: 'Times New Roman', - underline: false, - overline: false, - linethrough: false, - textAlign: 'left', - fontStyle: 'normal', - lineHeight: 1.16, - superscript: { - size: 0.6, - baseline: -0.35, // baseline-shift factor (upwards) - }, - subscript: { - size: 0.6, - baseline: 0.11, // baseline-shift factor (downwards) - }, - textBackgroundColor: '', - stateProperties: InteractiveFabricObject.prototype.stateProperties.concat(additionalProps), - cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat(additionalProps), - stroke: null, - shadow: null, - path: null, - pathStartOffset: 0, - pathSide: 'left', - pathAlign: 'baseline', - _fontSizeFraction: 0.222, - offsets: { - underline: 0.1, - linethrough: -0.315, - overline: -0.88, - }, - _fontSizeMult: 1.13, - charSpacing: 0, - styles: null, - deltaY: 0, - direction: 'ltr', - _styleProperties: [ - 'stroke', - 'strokeWidth', - 'fill', - 'fontFamily', - 'fontSize', - 'fontWeight', - 'fontStyle', - 'underline', - 'overline', - 'linethrough', - 'deltaY', - 'textBackgroundColor', - ], - __charBounds: [], - CACHE_FONT_SIZE: 400, - MIN_TEXT_WIDTH: 2, -}; -Object.assign(Text$1.prototype, textDefaultValues); -/* _FROM_SVG_START_ */ -/* _FROM_SVG_END_ */ -fabric$3.Text = Text$1; + * When defined, an object is rendered via stroke and this property specifies its color. + * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 + * @type String + * @default + */ + stroke: null, -// @ts-nocheck -/** - * IText class (introduced in v1.4) Events are also fired with "text:" - * prefix when observing canvas. - * @class IText - * - * @fires changed - * @fires selection:changed - * @fires editing:entered - * @fires editing:exited - * @fires dragstart - * @fires drag drag event firing on the drag source - * @fires dragend - * @fires copy - * @fires cut - * @fires paste - * - * @return {IText} thisArg - * @see {@link IText#initialize} for constructor definition - * - *

Supported key combinations:

- * 
- *   Move cursor:                    left, right, up, down
- *   Select character:               shift + left, shift + right
- *   Select text vertically:         shift + up, shift + down
- *   Move cursor by word:            alt + left, alt + right
- *   Select words:                   shift + alt + left, shift + alt + right
- *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
- *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
- *   Jump to start/end of text:      cmd + up, cmd + down
- *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
- *   Delete character:               backspace
- *   Delete word:                    alt + backspace
- *   Delete line:                    cmd + backspace
- *   Forward delete:                 delete
- *   Copy text:                      ctrl/cmd + c
- *   Paste text:                     ctrl/cmd + v
- *   Cut text:                       ctrl/cmd + x
- *   Select entire text:             ctrl/cmd + a
- *   Quit editing                    tab or esc
- *
- * - *

Supported mouse/touch combination

- * 
- *   Position cursor:                click/touch
- *   Create selection:               click/touch & drag
- *   Create selection:               click & shift + click
- *   Select word:                    double click
- *   Select line:                    triple click
- *
- */ -class IText$1 extends Text$1 { /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {IText} thisArg - */ - constructor(text, options) { - super(text, options); - /** - * Index where text selection starts (or where cursor is when there is no selection) - * @type Number - * @default - */ - this.selectionStart = 0; - /** - * Index where text selection ends - * @type Number - * @default - */ - this.selectionEnd = 0; - this.initBehavior(); - } + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 + * @type fabric.Shadow + * @default + */ + shadow: null, + /** - * While editing handle differently - * @private - * @param {string} key - * @param {*} value + * fabric.Path that the text should follow. + * since 4.6.0 the path will be drawn automatically. + * if you want to make the path visible, give it a stroke and strokeWidth or fill value + * if you want it to be hidden, assign visible = false to the path. + * This feature is in BETA, and SVG import/export is not yet supported. + * @type fabric.Path + * @example + * var textPath = new fabric.Text('Text on a path', { + * top: 150, + * left: 150, + * textAlign: 'center', + * charSpacing: -50, + * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { + * strokeWidth: 1, + * visible: false + * }), + * pathSide: 'left', + * pathStartOffset: 0 + * }); + * @default */ - _set(key, value) { - if (this.isEditing && this._savedProps && key in this._savedProps) { - this._savedProps[key] = value; - } - else { - super._set(key, value); - } - } + path: null, + /** - * Sets selection start (left boundary of a selection) - * @param {Number} index Index to set selection start to + * Offset amount for text path starting position + * Only used when text has a path + * @type Number + * @default */ - setSelectionStart(index) { - index = Math.max(index, 0); - this._updateAndFire('selectionStart', index); - } + pathStartOffset: 0, + /** - * Sets selection end (right boundary of a selection) - * @param {Number} index Index to set selection end to + * Which side of the path the text should be drawn on. + * Only used when text has a path + * @type {String} 'left|right' + * @default */ - setSelectionEnd(index) { - index = Math.min(index, this.text.length); - this._updateAndFire('selectionEnd', index); - } + pathSide: 'left', + /** - * @private - * @param {String} property 'selectionStart' or 'selectionEnd' - * @param {Number} index new position of property + * How text is aligned to the path. This property determines + * the perpendicular position of each character relative to the path. + * (one of "baseline", "center", "ascender", "descender") + * This feature is in BETA, and its behavior may change + * @type String + * @default */ - _updateAndFire(property, index) { - if (this[property] !== index) { - this._fireSelectionChanged(); - this[property] = index; - } - this._updateTextarea(); - } + pathAlign: 'baseline', + /** - * Fires the even of selection changed * @private */ - _fireSelectionChanged() { - this.fire('selection:changed'); - this.canvas && this.canvas.fire('text:selection:changed', { target: this }); - } + _fontSizeFraction: 0.222, + /** - * Initialize text dimensions. Render all text on given context - * or on a offscreen canvas to get the text width with measureText. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. * @private */ - initDimensions() { - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - super.initDimensions(); - } + offsets: { + underline: 0.10, + linethrough: -0.315, + overline: -0.88 + }, + /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} startIndex Start index to get styles at - * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects + * Text Line proportion to font Size (in pixels) + * @type Number + * @default */ - getSelectionStyles(startIndex = this.selectionStart || 0, endIndex = this.selectionEnd, complete) { - return super.getSelectionStyles(startIndex, endIndex, complete); - } + _fontSizeMult: 1.13, + /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * additional space between characters + * expressed in thousands of em unit + * @type Number + * @default */ - setSelectionStyles(styles, startIndex = this.selectionStart || 0, endIndex = this.selectionEnd) { - return super.setSelectionStyles(styles, startIndex, endIndex); - } + charSpacing: 0, + /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + * Object containing character styles - top-level properties -> line numbers, + * 2nd-level properties - character numbers + * @type Object + * @default */ - get2DCursorLocation(selectionStart = this.selectionStart, skipWrapping) { - return super.get2DCursorLocation(selectionStart, skipWrapping); - } + styles: null, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Reference to a context to measure text char or couple of chars + * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas + * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every + * text object created. + * @type {CanvasRenderingContext2D} + * @default */ - render(ctx) { - this.clearContextTop(); - super.render(ctx); - // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor - // the correct position but not at every cursor animation. - this.cursorOffsetCache = {}; - this.renderCursorOrSelection(); - } + _measuringContext: null, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Baseline shift, styles only, keep at 0 for the main text object + * @type {Number} + * @default */ - _render(ctx) { - super._render(ctx); - } + deltaY: 0, + /** - * Renders cursor or selection (depending on what exists) - * it does on the contextTop. If contextTop is not available, do nothing. + * WARNING: EXPERIMENTAL. NOT SUPPORTED YET + * determine the direction of the text. + * This has to be set manually together with textAlign and originX for proper + * experience. + * some interesting link for the future + * https://www.w3.org/International/questions/qa-bidi-unicode-controls + * @since 4.5.0 + * @type {String} 'ltr|rtl' + * @default */ - renderCursorOrSelection() { - if (!this.isEditing) { - return; - } - const ctx = this.clearContextTop(true); - if (!ctx) { - return; - } - const boundaries = this._getCursorBoundaries(); - if (this.selectionStart === this.selectionEnd) { - this.renderCursor(ctx, boundaries); - } - else { - this.renderSelection(ctx, boundaries); - } - ctx.restore(); - } + direction: 'ltr', + /** - * Renders cursor on context Top, outside the animation cycle, on request - * Used for the drag/drop effect. - * If contextTop is not available, do nothing. + * Array of properties that define a style unit (of 'styles'). + * @type {Array} + * @default */ - renderCursorAt(selectionStart) { - const boundaries = this._getCursorBoundaries(selectionStart, true); - this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); - } + _styleProperties: [ + 'stroke', + 'strokeWidth', + 'fill', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'fontStyle', + 'underline', + 'overline', + 'linethrough', + 'deltaY', + 'textBackgroundColor', + ], + /** - * Returns cursor boundaries (left, top, leftOffset, topOffset) - * left/top are left/top of entire text box - * leftOffset/topOffset are offset from that left/top point of a text box - * @private - * @param {number} [index] index from start - * @param {boolean} [skipCaching] + * contains characters bounding boxes */ - _getCursorBoundaries(index, skipCaching) { - if (typeof index === 'undefined') { - index = this.selectionStart; - } - const left = this._getLeftOffset(), top = this._getTopOffset(), offsets = this._getCursorBoundariesOffsets(index, skipCaching); - return { - left: left, - top: top, - leftOffset: offsets.left, - topOffset: offsets.top, - }; - } + __charBounds: [], + /** - * Caches and returns cursor left/top offset relative to instance's center point + * use this size when measuring text. To avoid IE11 rounding errors + * @type {Number} + * @default + * @readonly * @private - * @param {number} index index from start - * @param {boolean} [skipCaching] */ - _getCursorBoundariesOffsets(index, skipCaching) { - if (skipCaching) { - return this.__getCursorBoundariesOffsets(index); - } - if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { - return this.cursorOffsetCache; - } - return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index)); - } + CACHE_FONT_SIZE: 400, + /** - * Calculates cursor left/top offset relative to instance's center point - * @private - * @param {number} index index from start + * contains the min text width to avoid getting 0 + * @type {Number} + * @default */ - __getCursorBoundariesOffsets(index) { - let topOffset = 0, leftOffset = 0; - const { charIndex, lineIndex } = this.get2DCursorLocation(index); - for (let i = 0; i < lineIndex; i++) { - topOffset += this.getHeightOfLine(i); - } - const lineLeftOffset = this._getLineLeftOffset(lineIndex); - const bound = this.__charBounds[lineIndex][charIndex]; - bound && (leftOffset = bound.left); - if (this.charSpacing !== 0 && - charIndex === this._textLines[lineIndex].length) { - leftOffset -= this._getWidthOfCharSpacing(); - } - const boundaries = { - top: topOffset, - left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), - }; - if (this.direction === 'rtl') { - if (this.textAlign === 'right' || - this.textAlign === 'justify' || - this.textAlign === 'justify-right') { - boundaries.left *= -1; - } - else if (this.textAlign === 'left' || - this.textAlign === 'justify-left') { - boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); - } - else if (this.textAlign === 'center' || - this.textAlign === 'justify-center') { - boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); - } - } - return boundaries; - } + MIN_TEXT_WIDTH: 2, + /** - * Renders cursor - * @param {Object} boundaries - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.Text} thisArg + */ + initialize: function(text, options) { + this.styles = options ? (options.styles || { }) : { }; + this.text = text; + this.__skipDimension = true; + this.callSuper('initialize', options); + if (this.path) { + this.setPathInfo(); + } + this.__skipDimension = false; + this.initDimensions(); + this.setCoords(); + this.setupState({ propertySet: '_dimensionAffectingProps' }); + }, + + /** + * If text has a path, it will add the extra information needed + * for path and text calculations + * @return {fabric.Text} thisArg */ - renderCursor(ctx, boundaries) { - this._renderCursor(ctx, boundaries, this.selectionStart); - } - _renderCursor(ctx, boundaries, selectionStart) { - let cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, topOffset = boundaries.topOffset, dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); - topOffset += - ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / - this.lineHeight - - charHeight * (1 - this._fontSizeFraction); - if (this.inCompositionMode) { - // TODO: investigate why there isn't a return inside the if, - // and why can't happe top of the function - this.renderSelection(ctx, boundaries); - } - ctx.fillStyle = - this.cursorColor || - this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); - ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; - ctx.fillRect(boundaries.left + boundaries.leftOffset - cursorWidth / 2, topOffset + boundaries.top + dy, cursorWidth, charHeight); - } + setPathInfo: function() { + var path = this.path; + if (path) { + path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path); + } + }, + + /** + * Return a context for measurement of text string. + * if created it gets stored for reuse + * this is for internal use, please do not use it + * @private + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.Text} thisArg + */ + getMeasuringContext: function() { + // if we did not return we have to measure something. + if (!fabric._measuringContext) { + fabric._measuringContext = this.canvas && this.canvas.contextCache || + fabric.util.createCanvasElement().getContext('2d'); + } + return fabric._measuringContext; + }, + /** - * Renders text selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * @private + * Divides text into lines of text and lines of graphemes. */ - renderSelection(ctx, boundaries) { - const selection = { - selectionStart: this.inCompositionMode - ? this.hiddenTextarea.selectionStart - : this.selectionStart, - selectionEnd: this.inCompositionMode - ? this.hiddenTextarea.selectionEnd - : this.selectionEnd, - }; - this._renderSelection(ctx, selection, boundaries); - } + _splitText: function() { + var newLines = this._splitTextIntoLines(this.text); + this.textLines = newLines.lines; + this._textLines = newLines.graphemeLines; + this._unwrappedTextLines = newLines._unwrappedLines; + this._text = newLines.graphemeText; + return newLines; + }, + /** - * Renders drag start text selection + * Initialize or update text dimensions. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. */ - renderDragSourceEffect() { - if (this.__isDragging && - this.__dragStartSelection && - this.__dragStartSelection) { - this._renderSelection(this.canvas.contextTop, this.__dragStartSelection, this._getCursorBoundaries(this.__dragStartSelection.selectionStart, true)); - } - } - renderDropTargetEffect(e) { - const dragSelection = this.getSelectionStartFromPointer(e); - this.renderCursorAt(dragSelection); - } + initDimensions: function() { + if (this.__skipDimension) { + return; + } + this._splitText(); + this._clearCache(); + if (this.path) { + this.width = this.path.width; + this.height = this.path.height; + } + else { + this.width = this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; + this.height = this.calcTextHeight(); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + this.saveState({ propertySet: '_dimensionAffectingProps' }); + }, + /** - * Renders text selection - * @private - * @param {{ selectionStart: number, selectionEnd: number }} selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * Enlarge space boxes and shift the others */ - _renderSelection(ctx, selection, boundaries) { - const selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, start = this.get2DCursorLocation(selectionStart), end = this.get2DCursorLocation(selectionEnd), startLine = start.lineIndex, endLine = end.lineIndex, startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex; - for (let i = startLine; i <= endLine; i++) { - let lineOffset = this._getLineLeftOffset(i) || 0, lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0; - if (i === startLine) { - boxStart = this.__charBounds[startLine][startChar].left; - } - if (i >= startLine && i < endLine) { - boxEnd = - isJustify && !this.isEndOfWrapping(i) - ? this.width - : this.getLineWidth(i) || 5; // WTF is this 5? - } - else if (i === endLine) { - if (endChar === 0) { - boxEnd = this.__charBounds[endLine][endChar].left; - } - else { - const charSpacing = this._getWidthOfCharSpacing(); - boxEnd = - this.__charBounds[endLine][endChar - 1].left + - this.__charBounds[endLine][endChar - 1].width - - charSpacing; - } - } - realLineHeight = lineHeight; - if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { - lineHeight /= this.lineHeight; - } - let drawStart = boundaries.left + lineOffset + boxStart, drawWidth = boxEnd - boxStart, drawHeight = lineHeight, extraTop = 0; - if (this.inCompositionMode) { - ctx.fillStyle = this.compositionColor || 'black'; - drawHeight = 1; - extraTop = lineHeight; + enlargeSpaces: function() { + var diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (this.textAlign !== 'justify' && (i === len - 1 || this.isEndOfWrapping(i))) { + continue; + } + accumulatedSpace = 0; + line = this._textLines[i]; + currentLineWidth = this.getLineWidth(i); + if (currentLineWidth < this.width && (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { + numberOfSpaces = spaces.length; + diffSpace = (this.width - currentLineWidth) / numberOfSpaces; + for (var j = 0, jlen = line.length; j <= jlen; j++) { + charBound = this.__charBounds[i][j]; + if (this._reSpaceAndTab.test(line[j])) { + charBound.width += diffSpace; + charBound.kernedWidth += diffSpace; + charBound.left += accumulatedSpace; + accumulatedSpace += diffSpace; } else { - ctx.fillStyle = this.selectionColor; - } - if (this.direction === 'rtl') { - if (this.textAlign === 'right' || - this.textAlign === 'justify' || - this.textAlign === 'justify-right') { - drawStart = this.width - drawStart - drawWidth; - } - else if (this.textAlign === 'left' || - this.textAlign === 'justify-left') { - drawStart = boundaries.left + lineOffset - boxEnd; - } - else if (this.textAlign === 'center' || - this.textAlign === 'justify-center') { - drawStart = boundaries.left + lineOffset - boxEnd; - } + charBound.left += accumulatedSpace; } - ctx.fillRect(drawStart, boundaries.top + boundaries.topOffset + extraTop, drawWidth, drawHeight); - boundaries.topOffset += realLineHeight; + } } - } + } + }, + /** - * High level function to know the height of the cursor. - * the currentChar is the one that precedes the cursor - * Returns fontSize of char at the current cursor - * Unused from the library, is for the end user - * @return {Number} Character font size + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @return {Boolean} */ - getCurrentCharFontSize() { - const cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); - } + isEndOfWrapping: function(lineIndex) { + return lineIndex === this._textLines.length - 1; + }, + /** - * High level function to know the color of the cursor. - * the currentChar is the one that precedes the cursor - * Returns color (fill) of char at the current cursor - * if the text object has a pattern or gradient for filler, it will return that. - * Unused by the library, is for the end user - * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * It return always for text and Itext. + * @return Number */ - getCurrentCharColor() { - const cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); - } + missingNewlineOffset: function() { + return 1; + }, + /** - * Returns the cursor position for the getCurrent.. functions + * Returns string representation of an instance + * @return {String} String representation of text object + */ + toString: function() { + return '#'; + }, + + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. * @private + * @param {Object} dim.x width of object to be cached + * @param {Object} dim.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache */ - _getCurrentCharIndex() { - const cursorPosition = this.get2DCursorLocation(this.selectionStart, true), charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; - return { l: cursorPosition.lineIndex, c: charIndex }; - } + _getCacheCanvasDimensions: function() { + var dims = this.callSuper('_getCacheCanvasDimensions'); + var fontSize = this.fontSize; + dims.width += fontSize * dims.zoomX; + dims.height += fontSize * dims.zoomY; + return dims; + }, + /** - * Returns IText instance from an object representation - * @static - * @memberOf IText - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - const styles = stylesFromArray(object.styles, object.text); - //copy object to prevent mutation - const objCopy = Object.assign({}, object, { styles: styles }); - return InteractiveFabricObject._fromObject(IText$1, objCopy, { - extraParam: 'text', - }); - } -} -const iTextDefaultValues = { - type: 'i-text', - selectionStart: 0, - selectionEnd: 0, - selectionColor: 'rgba(17,119,255,0.3)', - isEditing: false, - editable: true, - editingBorderColor: 'rgba(102,153,255,0.25)', - cursorWidth: 2, - cursorColor: '', - cursorDelay: 1000, - cursorDuration: 600, - caching: true, - hiddenTextareaContainer: null, - _reSpace: /\s|\n/, - _currentCursorOpacity: 1, - _selectionDirection: null, - inCompositionMode: false, -}; -Object.assign(IText$1.prototype, iTextDefaultValues); -fabric$3.IText = IText$1; - -//@ts-nocheck -// extend this regex to support non english languages -const reNonWord = /[ \n\.,;!\?\-]/; -const fabric$2 = global.fabric; -function ITextBehaviorMixinGenerator(Klass) { - return class ITextBehaviorMixin extends Klass { - /** - * Initializes all the interactive behavior of IText - */ - initBehavior() { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - this.dragEnterHandler = this.dragEnterHandler.bind(this); - this.dragOverHandler = this.dragOverHandler.bind(this); - this.dragLeaveHandler = this.dragLeaveHandler.bind(this); - this.dragEndHandler = this.dragEndHandler.bind(this); - this.dropHandler = this.dropHandler.bind(this); - this.on('dragenter', this.dragEnterHandler); - this.on('dragover', this.dragOverHandler); - this.on('dragleave', this.dragLeaveHandler); - this.on('dragend', this.dragEndHandler); - this.on('drop', this.dropHandler); - } - onDeselect() { - this.isEditing && this.exitEditing(); - this.selected = false; - } - /** - * Initializes "added" event handler - */ - initAddedHandler() { - const _this = this; - this.on('added', function (opt) { - // make sure we listen to the canvas added event - const canvas = opt.target; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - _this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(_this); - } - }); - } - initRemovedHandler() { - const _this = this; - this.on('removed', function (opt) { - // make sure we listen to the canvas removed event - const canvas = opt.target; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - removeFromArray(canvas._iTextInstances, _this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - _this._removeCanvasHandlers(canvas); - } - } - }); - } - /** - * register canvas event to manage exiting on other instances - * @private - */ - _initCanvasHandlers(canvas) { - canvas._mouseUpITextHandler = function () { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.__isMousedown = false; - }); - } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - } - /** - * remove canvas event to manage exiting on other instances - * @private - */ - _removeCanvasHandlers(canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); - } - /** - * @private - */ - _tick() { - this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); - } - /** - * @private - */ - _animateCursor(obj, targetOpacity, duration, completeMethod) { - const tickState = { - isAborted: false, - abort: function () { - this.isAborted = true; - }, - }; - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function () { - if (!tickState.isAborted) { - obj[completeMethod](); - } - }, - onChange: function () { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); - } - }, - abort: function () { - return tickState.isAborted; - }, - }); - return tickState; - } - /** - * @private - */ - _onTickComplete() { - const _this = this; - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); - } - this._cursorTimeout1 = setTimeout(function () { - _this._currentTickCompleteState = _this._animateCursor(_this, 0, this.cursorDuration / 2, '_tick'); - }, 100); - } - /** - * Initializes delayed cursor - */ - initDelayedCursor(restart) { - const _this = this, delay = restart ? 0 : this.cursorDelay; - this.abortCursorAnimation(); - if (delay) { - this._cursorTimeout2 = setTimeout(function () { - _this._tick(); - }, delay); - } - else { - this._tick(); - } - } - /** - * Aborts cursor animation, clears all timeouts and clear textarea context if necessary - */ - abortCursorAnimation() { - const shouldClear = this._currentTickState || this._currentTickCompleteState; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && this._currentTickCompleteState.abort(); - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); - this._currentCursorOpacity = 1; - // make sure we clear context even if instance is not editing - if (shouldClear) { - this.clearContextTop(); - } - } - /** - * Selects entire text - * @return {IText} thisArg - * @chainable - */ - selectAll() { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - } - /** - * Returns selected text - * @return {String} - */ - getSelectedText() { - return this._text.slice(this.selectionStart, this.selectionEnd).join(''); - } - /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryLeft(startFrom) { - let offset = 0, index = startFrom - 1; - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index--; - } - } - while (/\S/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - return startFrom - offset; - } - /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryRight(startFrom) { - let offset = 0, index = startFrom; - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index++; - } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - return startFrom + offset; - } - /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryLeft(startFrom) { - let offset = 0, index = startFrom - 1; - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - return startFrom - offset; - } - /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryRight(startFrom) { - let offset = 0, index = startFrom; - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - return startFrom + offset; - } - /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word - */ - searchWordBoundary(selectionStart, direction) { - let text = this._text, index = this._reSpace.test(text[selectionStart]) - ? selectionStart - 1 - : selectionStart, _char = text[index]; - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - } - /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character - */ - selectWord(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.searchWordBoundary(selectionStart, -1) /* search backwards */, newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } - /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character - * @return {IText} thisArg - * @chainable - */ - selectLine(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.findLineBoundaryLeft(selectionStart), newSelectionEnd = this.findLineBoundaryRight(selectionStart); - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - } - /** - * Enters editing state - * @return {IText} thisArg - * @chainable - */ - enterEditing(e) { - if (this.isEditing || !this.editable) { - return; - } - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); - } - this.isEditing = true; - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); - return this; - } - exitEditingOnOthers(canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); - } - }); - } - } - /** - * Initializes "mousemove" event handler - */ - initMouseMoveHandler() { - this.canvas.on('mouse:move', this.mouseMoveHandler); - } - /** - * @private - */ - mouseMoveHandler(options) { - if (!this.__isMousedown || !this.isEditing) { - return; - } - // regain focus - fabric$2.document.activeElement !== this.hiddenTextarea && - this.hiddenTextarea.focus(); - const newSelectionStart = this.getSelectionStartFromPointer(options.e), currentStart = this.selectionStart, currentEnd = this.selectionEnd; - if ((newSelectionStart !== this.__selectionStartOnMouseDown || - currentStart === currentEnd) && - (currentStart === newSelectionStart || currentEnd === newSelectionStart)) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } - else { - this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; - } - if (this.selectionStart !== currentStart || - this.selectionEnd !== currentEnd) { - this.restartCursorIfNeeded(); - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } - } - /** - * Override to customize the drag image - * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage - * @param {DragEvent} e - * @param {object} data - * @param {number} data.selectionStart - * @param {number} data.selectionEnd - * @param {string} data.text - * @param {string} data.value selected text - */ - setDragImage(e, data) { - const t = this.calcTransformMatrix(); - const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - const boundaries = this._getCursorBoundaries(data.selectionStart); - const selectionPosition = new Point(boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset).multiply(flipFactor); - const pos = transformPoint(selectionPosition, t); - const pointer = this.canvas.getPointer(e); - const diff = pointer.subtract(pos); - const enableRetinaScaling = this.canvas._isRetinaScaling(); - const retinaScaling = this.canvas.getRetinaScaling(); - const bbox = this.getBoundingRect(true); - const correction = pos.subtract(new Point(bbox.left, bbox.top)); - const offset = correction.add(diff).scalarMultiply(retinaScaling); - // prepare instance for drag image snapshot by making all non selected text invisible - const bgc = this.backgroundColor; - const styles = object.clone(this.styles, true); - delete this.backgroundColor; - const styleOverride = { - fill: 'transparent', - textBackgroundColor: 'transparent', - }; - this.setSelectionStyles(styleOverride, 0, data.selectionStart); - this.setSelectionStyles(styleOverride, data.selectionEnd, data.text.length); - let dragImage = this.toCanvasElement({ - enableRetinaScaling: enableRetinaScaling, - }); - this.backgroundColor = bgc; - this.styles = styles; - // handle retina scaling - if (enableRetinaScaling && retinaScaling > 1) { - const c = createCanvasElement(); - c.width = dragImage.width / retinaScaling; - c.height = dragImage.height / retinaScaling; - const ctx = c.getContext('2d'); - ctx.scale(1 / retinaScaling, 1 / retinaScaling); - ctx.drawImage(dragImage, 0, 0); - dragImage = c; - } - this.__dragImageDisposer && this.__dragImageDisposer(); - this.__dragImageDisposer = function () { - dragImage.remove(); - }; - // position drag image offsecreen - setStyle(dragImage, { - position: 'absolute', - left: -dragImage.width + 'px', - border: 'none', - }); - fabric$2.document.body.appendChild(dragImage); - e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); - } - /** - * support native like text dragging - * @private - * @param {DragEvent} e - * @returns {boolean} should handle event - */ - onDragStart(e) { - this.__dragStartFired = true; - if (this.__isDragging) { - const selection = (this.__dragStartSelection = { - selectionStart: this.selectionStart, - selectionEnd: this.selectionEnd, - }); - const value = this._text - .slice(selection.selectionStart, selection.selectionEnd) - .join(''); - const data = Object.assign({ text: this.text, value: value }, selection); - e.dataTransfer.setData('text/plain', value); - e.dataTransfer.setData('application/fabric', JSON.stringify({ - value: value, - styles: this.getSelectionStyles(selection.selectionStart, selection.selectionEnd, true), - })); - e.dataTransfer.effectAllowed = 'copyMove'; - this.setDragImage(e, data); - } - this.abortCursorAnimation(); - return this.__isDragging; - } - /** - * Override to customize drag and drop behavior - * @public - * @param {DragEvent} e - * @returns {boolean} - */ - canDrop(e) { - if (this.editable && !this.__corner) { - if (this.__isDragging && this.__dragStartSelection) { - // drag source trying to drop over itself - // allow dropping only outside of drag start selection - const index = this.getSelectionStartFromPointer(e); - const dragStartSelection = this.__dragStartSelection; - return (index < dragStartSelection.selectionStart || - index > dragStartSelection.selectionEnd); - } - return true; - } - return false; - } - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEnterHandler({ e }) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } - } - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragOverHandler({ e }) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } - else if (this.__isDraggingOver && !canDrop) { - // drop state has changed - this.__isDraggingOver = false; - } - if (this.__isDraggingOver) { - // can be dropped, inform browser - e.preventDefault(); - // inform event subscribers - options.canDrop = true; - options.dropTarget = this; - // find cursor under the drag part. - } - } - /** - * support native like text dragging - * @private - */ - dragLeaveHandler() { - if (this.__isDraggingOver || this.__isDragging) { - this.__isDraggingOver = false; - } - } - /** - * support native like text dragging - * fired only on the drag source - * handle changes to the drag source in case of a drop on another object or a cancellation - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEndHandler({ e }) { - if (this.__isDragging && this.__dragStartFired) { - // once the drop event finishes we check if we need to change the drag source - // if the drag source received the drop we bail out - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - const dropEffect = e.dataTransfer.dropEffect; - if (dropEffect === 'none') { - this.selectionStart = selectionStart; - this.selectionEnd = selectionEnd; - this._updateTextarea(); - } - else { - this.clearContextTop(); - if (dropEffect === 'move') { - this.insertChars('', null, selectionStart, selectionEnd); - this.selectionStart = this.selectionEnd = selectionStart; - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: selectionStart, - action: 'dragend', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - this.exitEditing(); - // disable mouse up logic - this.__lastSelected = false; - } - } - } - this.__dragImageDisposer && this.__dragImageDisposer(); - delete this.__dragImageDisposer; - delete this.__dragStartSelection; - this.__isDraggingOver = false; - } - /** - * support native like text dragging - * - * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} - * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dropHandler({ e }) { - const didDrop = e.defaultPrevented; - this.__isDraggingOver = false; - // inform browser that the drop has been accepted - e.preventDefault(); - let insert = e.dataTransfer.getData('text/plain'); - if (insert && !didDrop) { - let insertAt = this.getSelectionStartFromPointer(e); - const data = e.dataTransfer.types.includes('application/fabric') - ? JSON.parse(e.dataTransfer.getData('application/fabric')) - : {}; - const styles = data.styles; - const trailing = insert[Math.max(0, insert.length - 1)]; - const selectionStartOffset = 0; - // drag and drop in same instance - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - if (insertAt > selectionStart && insertAt <= selectionEnd) { - insertAt = selectionStart; - } - else if (insertAt > selectionEnd) { - insertAt -= selectionEnd - selectionStart; - } - this.insertChars('', null, selectionStart, selectionEnd); - // prevent `dragend` from handling event - delete this.__dragStartSelection; - } - // remove redundant line break - if (this._reNewline.test(trailing) && - (this._reNewline.test(this._text[insertAt]) || - insertAt === this._text.length)) { - insert = insert.trimEnd(); - } - // inform subscribers - options.didDrop = true; - options.dropTarget = this; - // finalize - this.insertChars(insert, styles, insertAt); - // can this part be moved in an outside event? andrea to check. - this.canvas.setActiveObject(this); - this.enterEditing(); - this.selectionStart = Math.min(insertAt + selectionStartOffset, this._text.length); - this.selectionEnd = Math.min(this.selectionStart + insert.length, this._text.length); - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: insertAt + selectionStartOffset, - action: 'drop', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.contextTopDirty = true; - this.canvas.requestRenderAll(); - } - } - /** - * @private - */ - _setEditingProps() { - this.hoverCursor = 'text'; - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; - } - /** - * convert from textarea to grapheme indexes - */ - fromStringToGraphemeSelection(start, end, text) { - const smallerTextStart = text.slice(0, start), graphemeStart = this.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = text.slice(start, end), graphemeEnd = this.graphemeSplit(smallerTextEnd).length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } - /** - * convert from fabric to textarea values - */ - fromGraphemeToStringSelection(start, end, _text) { - const smallerTextStart = _text.slice(0, start), graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = _text.slice(start, end), graphemeEnd = smallerTextEnd.join('').length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } - /** - * @private - */ - _updateTextarea() { - this.cursorOffsetCache = {}; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - const newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); - } - /** - * @private - */ - updateFromTextArea() { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = {}; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - const newSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); - } - /** - * @private - */ - updateTextareaPosition() { - if (this.selectionStart === this.selectionEnd) { - const style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } - } - /** - * @private - * @return {Object} style contains style for hiddenTextarea - */ - _calcTextareaPosition() { - if (!this.canvas) { - return { x: 1, y: 1 }; - } - let desiredPosition = this.inCompositionMode - ? this.compositionStart - : this.selectionStart, boundaries = this._getCursorBoundaries(desiredPosition), cursorLocation = this.get2DCursorLocation(desiredPosition), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * - this.lineHeight, leftOffset = boundaries.leftOffset, m = this.calcTransformMatrix(), p = { - x: boundaries.left + leftOffset, - y: boundaries.top + boundaries.topOffset + charHeight, - }, retinaScaling = this.canvas.getRetinaScaling(), upperCanvas = this.canvas.upperCanvasEl, upperCanvasWidth = upperCanvas.width / retinaScaling, upperCanvasHeight = upperCanvas.height / retinaScaling, maxWidth = upperCanvasWidth - charHeight, maxHeight = upperCanvasHeight - charHeight, scaleX = upperCanvas.clientWidth / upperCanvasWidth, scaleY = upperCanvas.clientHeight / upperCanvasHeight; - p = transformPoint(p, m); - p = transformPoint(p, this.canvas.viewportTransform); - p.x *= scaleX; - p.y *= scaleY; - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - return { - left: p.x + 'px', - top: p.y + 'px', - fontSize: charHeight + 'px', - charHeight: charHeight, - }; - } - /** - * @private - */ - _saveEditingProps() { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor, - }; - } - /** - * @private - */ - _restoreEditingProps() { - if (!this._savedProps) { - return; - } - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } - delete this._savedProps; - } - /** - * Exits from editing state - * @return {IText} thisArg - * @chainable - */ - exitEditing() { - const isTextChanged = this._textBeforeEdit !== this.text; - const hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; - this.selectionEnd = this.selectionStart; - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && - hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && this.canvas.fire('object:modified', { target: this }); - } - return this; - } - /** - * @private - */ - _removeExtraneousStyles() { - for (const prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; - } - } - } - /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) - */ - removeStyleFromTo(start, end) { - let cursorStart = this.get2DCursorLocation(start, true), cursorEnd = this.get2DCursorLocation(end, true), lineStart = cursorStart.lineIndex, charStart = cursorStart.charIndex, lineEnd = cursorEnd.lineIndex, charEnd = cursorEnd.charIndex, i, styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { - delete this.styles[lineStart][i]; - } - } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = {}); - this.styles[lineStart][charStart + i - charEnd] = styleObj; - } - } - } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; - } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } - else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - let diff = charEnd - charStart, numericChar, _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; - } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; - } - } - } - } - } - /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? - */ - shiftLineStyles(lineIndex, offset) { - const clonedStyles = Object.assign({}, this.styles); - for (const line in this.styles) { - const numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; - } - } - } - } - restartCursorIfNeeded() { - if (!this._currentTickState || - this._currentTickState.isAborted || - !this._currentTickCompleteState || - this._currentTickCompleteState.isAborted) { - this.initDelayedCursor(); - } - } - /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles - */ - insertNewlineStyleObject(lineIndex, charIndex, qty, copiedStyl) { - let currentCharStyle, newLineStyles = {}, somethingAdded = false, isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = - this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (const index in this.styles[lineIndex]) { - const numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; - } - } - } - let styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; - } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, copiedStyle[qty - 1]), - }; - } - else if (currentCharStyle) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, currentCharStyle), - }; - } - else { - delete this.styles[lineIndex + qty]; - } - qty--; - } - this._forceClearCache = true; - } - /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects - */ - insertCharStyleObject(lineIndex, charIndex, quantity, copiedStyl) { - if (!this.styles) { - this.styles = {}; - } - const currentLineStyles = this.styles[lineIndex], currentLineStylesCloned = currentLineStyles - ? Object.assign({}, currentLineStyles) - : {}; - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (const index in currentLineStylesCloned) { - const numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = - currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; - } - } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; - } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; - } - this.styles[lineIndex][charIndex + quantity] = Object.assign({}, copiedStyle[quantity]); - } - return; - } - if (!currentLineStyles) { - return; - } - const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { - this.styles[lineIndex][charIndex + quantity] = Object.assign({}, newStyle); - } - } - /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. - */ - insertNewStyleBlock(insertedText, start, copiedStyle) { - let cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } - else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && - this.insertNewlineStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); - for (var i = 1; i < linesLength; i++) { - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); - } - else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } - } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); - } - // we use i outside the loop to get it like linesLength - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); - } - } - /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. - */ - setSelectionStartEndWithShift(start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } - else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; - } - this.selectionStart = newSelection; - } - else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } - else { - this.selectionStart = newSelection; - } - } - else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; - } - else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; - } - this.selectionEnd = newSelection; - } - } - setSelectionInBoundaries() { - const length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } - else if (this.selectionStart < 0) { - this.selectionStart = 0; - } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } - else if (this.selectionEnd < 0) { - this.selectionEnd = 0; - } - } - }; -} -IText = ITextBehaviorMixinGenerator(IText); - -//@ts-nocheck -function ITextClickBehaviorMixinGenerator(Klass) { - return class ITextClickBehaviorMixin extends Klass { - /** - * Initializes "dbclick" event handler - */ - initDoubleClickSimulation() { - this.__lastClickTime = +new Date(); - // for triple click - this.__lastLastClickTime = +new Date(); - this.__lastPointer = {}; - this.on('mousedown', this.onMouseDown); - } - /** - * Default event handler to simulate triple click - * @private - */ - onMouseDown(options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - var newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - this._stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; - this.__lastSelected = this.selected; - } - isTripleClick(newPointer) { - return (this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y); - } - /** - * @private - */ - _stopEvent(e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); - } - /** - * Initializes event handlers related to cursor or selection - */ - initCursorSelectionHandlers() { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); - } - /** - * Default handler for double click, select a word - */ - doubleClickHandler(options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); - } - /** - * Default handler for triple click, select a line - */ - tripleClickHandler(options) { - if (!this.isEditing) { - return; - } - this.selectLine(this.getSelectionStartFromPointer(options.e)); - } - /** - * Initializes double and triple click event handlers - */ - initClicks() { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); - } - /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. - */ - _mouseDownHandler(options) { - if (!this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1)) { - return; - } - this.__isMousedown = true; - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); - } - this.renderCursorOrSelection(); - } - } - /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down - */ - _mouseDownHandlerBefore(options) { - if (!this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1)) { - return; - } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - // text dragging logic - var newSelection = this.getSelectionStartFromPointer(options.e); - this.__isDragging = - this.isEditing && - newSelection >= this.selectionStart && - newSelection <= this.selectionEnd && - this.selectionStart < this.selectionEnd; - } - /** - * Initializes "mousedown" event handler - */ - initMousedownHandler() { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); - } - /** - * Initializes "mouseup" event handler - */ - initMouseupHandler() { - this.on('mouseup', this.mouseUpHandler); - } - /** - * standard handler for mouse up, overridable - * @private - */ - mouseUpHandler(options) { - this.__isMousedown = false; - if (!this.editable || - (this.group && !this.group.interactive) || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1)) { - return; - } - if (this.canvas) { - var currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit - return; - } - } - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); - } - else { - this.renderCursorOrSelection(); - } - } - else { - this.selected = true; - } + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + var path = this.path; + path && !path.isNotVisible() && path._render(ctx); + this._setTextStyles(ctx); + this._renderTextLinesBackground(ctx); + this._renderTextDecoration(ctx, 'underline'); + this._renderText(ctx); + this._renderTextDecoration(ctx, 'overline'); + this._renderTextDecoration(ctx, 'linethrough'); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderText: function(ctx) { + if (this.paintFirst === 'stroke') { + this._renderTextStroke(ctx); + this._renderTextFill(ctx); + } + else { + this._renderTextFill(ctx); + this._renderTextStroke(ctx); + } + }, + + /** + * Set the font parameter of the context with the object properties or with charStyle + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [charStyle] object with font style properties + * @param {String} [charStyle.fontFamily] Font Family + * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) + * @param {String} [charStyle.fontWeight] Font weight + * @param {String} [charStyle.fontStyle] Font style (italic|normal) + */ + _setTextStyles: function(ctx, charStyle, forMeasuring) { + ctx.textBaseline = 'alphabetical'; + if (this.path) { + switch (this.pathAlign) { + case 'center': + ctx.textBaseline = 'middle'; + break; + case 'ascender': + ctx.textBaseline = 'top'; + break; + case 'descender': + ctx.textBaseline = 'bottom'; + break; } - /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {TPointerEvent} e Event object - */ - setCursorByClick(e) { - var newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); - } - else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); - } + } + ctx.font = this._getFontDeclaration(charStyle, forMeasuring); + }, + + /** + * calculate and return the text Width measuring each line. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {Number} Maximum width of fabric.Text object + */ + calcTextWidth: function() { + var maxWidth = this.getLineWidth(0); + + for (var i = 1, len = this._textLines.length; i < len; i++) { + var currentLineWidth = this.getLineWidth(i); + if (currentLineWidth > maxWidth) { + maxWidth = currentLineWidth; } - /** - * Returns coordinates of a pointer relative to object's top left corner in object's plane - * @param {TPointerEvent} e Event to operate upon - * @param {IPoint} [pointer] Pointer to operate upon (instead of event) - * @return {Point} Coordinates of a pointer (x, y) - */ - getLocalPointer(e, pointer) { - const thePointer = pointer || this.canvas.getPointer(e); - return transformPoint$1(thePointer, invertTransform(this.calcTransformMatrix())).add(new Point(this.width / 2, this.height / 2)); - } - /** - * Returns index of a character corresponding to where an object was clicked - * @param {TPointerEvent} e Event object - * @return {Number} Index of a character - */ - getSelectionStartFromPointer(e) { - var mouseOffset = this.getLocalPointer(e), prevWidth = 0, width = 0, height = 0, charIndex = 0, lineIndex = 0, lineLeftOffset, line; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += - this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); - } - } - else { - break; - } - } - lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. + } + return maxWidth; + }, + + /** + * @private + * @param {String} method Method name ("fillText" or "strokeText") + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} line Text to render + * @param {Number} left Left position of text + * @param {Number} top Top position of text + * @param {Number} lineIndex Index of a line in a text + */ + _renderTextLine: function(method, ctx, line, left, top, lineIndex) { + this._renderChars(method, ctx, line, left, top, lineIndex); + }, + + /** + * Renders the text background for lines, taking care of style + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextLinesBackground: function(ctx) { + if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { + return; + } + var heightOfLine, + lineLeftOffset, originalFill = ctx.fillStyle, + line, lastColor, + leftOffset = this._getLeftOffset(), + lineTopOffset = this._getTopOffset(), + boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, + drawStart; + + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor', i)) { + lineTopOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + lineLeftOffset = this._getLineLeftOffset(i); + boxWidth = 0; + boxStart = 0; + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillStyle = currentColor; + currentColor && ctx.fillRect( + -charBox.width / 2, + -heightOfLine / this.lineHeight * (1 - this._fontSizeFraction), + charBox.width, + heightOfLine / this.lineHeight + ); + ctx.restore(); + } + else if (currentColor !== lastColor) { + drawStart = leftOffset + lineLeftOffset + boxStart; if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x; - } - for (var j = 0, jlen = line.length; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } - else { - break; - } - } - return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); - } - /** - * @private - */ - _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, distanceBtwNextCharAndCursor = width - mouseOffset.x, offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 - ? 0 - : 1, newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } - return newSelectionStart; + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = lastColor; + lastColor && ctx.fillRect( + drawStart, + lineTopOffset, + boxWidth, + heightOfLine / this.lineHeight + ); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + if (currentColor && !path) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentColor; + ctx.fillRect( + drawStart, + lineTopOffset, + boxWidth, + heightOfLine / this.lineHeight + ); + } + lineTopOffset += heightOfLine; + } + ctx.fillStyle = originalFill; + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + }, + + /** + * @private + * @param {Object} decl style declaration for cache + * @param {String} decl.fontFamily fontFamily + * @param {String} decl.fontStyle fontStyle + * @param {String} decl.fontWeight fontWeight + * @return {Object} reference to cache + */ + getFontCache: function(decl) { + var fontFamily = decl.fontFamily.toLowerCase(); + if (!fabric.charWidthsCache[fontFamily]) { + fabric.charWidthsCache[fontFamily] = { }; + } + var cache = fabric.charWidthsCache[fontFamily], + cacheProp = decl.fontStyle.toLowerCase() + '_' + (decl.fontWeight + '').toLowerCase(); + if (!cache[cacheProp]) { + cache[cacheProp] = { }; + } + return cache[cacheProp]; + }, + + /** + * measure and return the width of a single character. + * possibly overridden to accommodate different measure logic or + * to hook some external lib for character measurement + * @private + * @param {String} _char, char to be measured + * @param {Object} charStyle style of char to be measured + * @param {String} [previousChar] previous char + * @param {Object} [prevCharStyle] style of previous char + */ + _measureChar: function(_char, charStyle, previousChar, prevCharStyle) { + // first i try to return from cache + var fontCache = this.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), + previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, + stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, + fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; + + if (previousChar && fontCache[previousChar] !== undefined) { + previousWidth = fontCache[previousChar]; + } + if (fontCache[_char] !== undefined) { + kernedWidth = width = fontCache[_char]; + } + if (stylesAreEqual && fontCache[couple] !== undefined) { + coupleWidth = fontCache[couple]; + kernedWidth = coupleWidth - previousWidth; + } + if (width === undefined || previousWidth === undefined || coupleWidth === undefined) { + var ctx = this.getMeasuringContext(); + // send a TRUE to specify measuring font size CACHE_FONT_SIZE + this._setTextStyles(ctx, charStyle, true); + } + if (width === undefined) { + kernedWidth = width = ctx.measureText(_char).width; + fontCache[_char] = width; + } + if (previousWidth === undefined && stylesAreEqual && previousChar) { + previousWidth = ctx.measureText(previousChar).width; + fontCache[previousChar] = previousWidth; + } + if (stylesAreEqual && coupleWidth === undefined) { + // we can measure the kerning couple and subtract the width of the previous character + coupleWidth = ctx.measureText(couple).width; + fontCache[couple] = coupleWidth; + kernedWidth = coupleWidth - previousWidth; + } + return { width: width * fontMultiplier, kernedWidth: kernedWidth * fontMultiplier }; + }, + + /** + * Computes height of character at given position + * @param {Number} line the line index number + * @param {Number} _char the character index number + * @return {Number} fontSize of the character + */ + getHeightOfChar: function(line, _char) { + return this.getValueOfPropertyAt(line, _char, 'fontSize'); + }, + + /** + * measure a text line measuring all characters. + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + measureLine: function(lineIndex) { + var lineInfo = this._measureLine(lineIndex); + if (this.charSpacing !== 0) { + lineInfo.width -= this._getWidthOfCharSpacing(); + } + if (lineInfo.width < 0) { + lineInfo.width = 0; + } + return lineInfo; + }, + + /** + * measure every grapheme of a line, populating __charBounds + * @param {Number} lineIndex + * @return {Object} object.width total width of characters + * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs + */ + _measureLine: function(lineIndex) { + var width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, + graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), + positionInPath = 0, startingPoint, totalPathLength, path = this.path, + reverse = this.pathSide === 'right'; + + this.__charBounds[lineIndex] = lineBounds; + for (i = 0; i < line.length; i++) { + grapheme = line[i]; + graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); + lineBounds[i] = graphemeInfo; + width += graphemeInfo.kernedWidth; + prevGrapheme = grapheme; + } + // this latest bound box represent the last character of the line + // to simplify cursor handling in interactive mode. + lineBounds[i] = { + left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, + width: 0, + kernedWidth: 0, + height: this.fontSize + }; + if (path) { + totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; + startingPoint = fabric.util.getPointOnPath(path.path, 0, path.segmentsInfo); + startingPoint.x += path.pathOffset.x; + startingPoint.y += path.pathOffset.y; + switch (this.textAlign) { + case 'left': + positionInPath = reverse ? (totalPathLength - width) : 0; + break; + case 'center': + positionInPath = (totalPathLength - width) / 2; + break; + case 'right': + positionInPath = reverse ? 0 : (totalPathLength - width); + break; + //todo - add support for justify + } + positionInPath += this.pathStartOffset * (reverse ? -1 : 1); + for (i = reverse ? line.length - 1 : 0; + reverse ? i >= 0 : i < line.length; + reverse ? i-- : i++) { + graphemeInfo = lineBounds[i]; + if (positionInPath > totalPathLength) { + positionInPath %= totalPathLength; + } + else if (positionInPath < 0) { + positionInPath += totalPathLength; + } + // it would probably much faster to send all the grapheme position for a line + // and calculate path position/angle at once. + this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); + positionInPath += graphemeInfo.kernedWidth; + } + } + return { width: width, numOfSpaces: numOfSpaces }; + }, + + /** + * Calculate the angle and the left,top position of the char that follow a path. + * It appends it to graphemeInfo to be reused later at rendering + * @private + * @param {Number} positionInPath to be measured + * @param {Object} graphemeInfo current grapheme box information + * @param {Object} startingPoint position of the point + */ + _setGraphemeOnPath: function(positionInPath, graphemeInfo, startingPoint) { + var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, + path = this.path; + + // we are at currentPositionOnPath. we want to know what point on the path is. + var info = fabric.util.getPointOnPath(path.path, centerPosition, path.segmentsInfo); + graphemeInfo.renderLeft = info.x - startingPoint.x; + graphemeInfo.renderTop = info.y - startingPoint.y; + graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); + }, + + /** + * Measure and return the info of a single grapheme. + * needs the the info of previous graphemes already filled + * @private + * @param {String} grapheme to be measured + * @param {Number} lineIndex index of the line where the char is + * @param {Number} charIndex position in the line + * @param {String} [prevGrapheme] character preceding the one to be measured + */ + _getGraphemeBox: function(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { + var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), + prevStyle = prevGrapheme ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) : { }, + info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), + kernedWidth = info.kernedWidth, + width = info.width, charSpacing; + + if (this.charSpacing !== 0) { + charSpacing = this._getWidthOfCharSpacing(); + width += charSpacing; + kernedWidth += charSpacing; + } + + var box = { + width: width, + left: 0, + height: style.fontSize, + kernedWidth: kernedWidth, + deltaY: style.deltaY, + }; + if (charIndex > 0 && !skipLeft) { + var previousBox = this.__charBounds[lineIndex][charIndex - 1]; + box.left = previousBox.left + previousBox.width + info.kernedWidth - info.width; + } + return box; + }, + + /** + * Calculate height of line at 'lineIndex' + * @param {Number} lineIndex index of line to calculate + * @return {Number} + */ + getHeightOfLine: function(lineIndex) { + if (this.__lineHeights[lineIndex]) { + return this.__lineHeights[lineIndex]; + } + + var line = this._textLines[lineIndex], + // char 0 is measured before the line cycle because it nneds to char + // emptylines + maxHeight = this.getHeightOfChar(lineIndex, 0); + for (var i = 1, len = line.length; i < len; i++) { + maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); + } + + return this.__lineHeights[lineIndex] = maxHeight * this.lineHeight * this._fontSizeMult; + }, + + /** + * Calculate text box height + */ + calcTextHeight: function() { + var lineHeight, height = 0; + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineHeight = this.getHeightOfLine(i); + height += (i === len - 1 ? lineHeight / this.lineHeight : lineHeight); + } + return height; + }, + + /** + * @private + * @return {Number} Left offset + */ + _getLeftOffset: function() { + return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; + }, + + /** + * @private + * @return {Number} Top offset + */ + _getTopOffset: function() { + return -this.height / 2; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} method Method name ("fillText" or "strokeText") + */ + _renderTextCommon: function(ctx, method) { + ctx.save(); + var lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); + for (var i = 0, len = this._textLines.length; i < len; i++) { + var heightOfLine = this.getHeightOfLine(i), + maxHeight = heightOfLine / this.lineHeight, + leftOffset = this._getLineLeftOffset(i); + this._renderTextLine( + method, + ctx, + this._textLines[i], + left + leftOffset, + top + lineHeights + maxHeight, + i + ); + lineHeights += heightOfLine; + } + ctx.restore(); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextFill: function(ctx) { + if (!this.fill && !this.styleHas('fill')) { + return; + } + + this._renderTextCommon(ctx, 'fillText'); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextStroke: function(ctx) { + if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { + return; + } + + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + + ctx.save(); + this._setLineDash(ctx, this.strokeDashArray); + ctx.beginPath(); + this._renderTextCommon(ctx, 'strokeText'); + ctx.closePath(); + ctx.restore(); + }, + + /** + * @private + * @param {String} method fillText or strokeText. + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} line Content of the line, splitted in an array by grapheme + * @param {Number} left + * @param {Number} top + * @param {Number} lineIndex + */ + _renderChars: function(method, ctx, line, left, top, lineIndex) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, + boxWidth = 0, + timeToRender, + path = this.path, + shortCut = !isJustify && this.charSpacing === 0 && this.isEmptyStyles(lineIndex) && !path, + isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, + drawingLeft, currentDirection = ctx.canvas.getAttribute('dir'); + ctx.save(); + if (currentDirection !== this.direction) { + ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); + ctx.direction = isLtr ? 'ltr' : 'rtl'; + ctx.textAlign = isLtr ? 'left' : 'right'; + } + top -= lineHeight * this._fontSizeFraction / this.lineHeight; + if (shortCut) { + // render all the line in one pass without checking + // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); + this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); + ctx.restore(); + return; + } + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing || path; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + left += sign * (charBox.kernedWidth - charBox.width); + boxWidth += charBox.width; } - }; -} -IText = ITextClickBehaviorMixinGenerator(IText); - -//@ts-nocheck -var fabric$1 = global.fabric; -function ITextKeyBehaviorMixinGenerator(Klass) { - return class ITextKeyBehaviorMixin extends Klass { - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea() { - this.hiddenTextarea = fabric$1.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); - this.hiddenTextarea.setAttribute('wrap', 'off'); - var style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = - 'position: absolute; top: ' + - style.top + - '; left: ' + - style.left + - '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + - ' padding-top: ' + - style.fontSize + - ';'; - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } - else { - fabric$1.document.body.appendChild(this.hiddenTextarea); - } - addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); - addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); - addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); - addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); - addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); - addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); - addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); - addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); - if (!this._clickHandlerInitialized && this.canvas) { - addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); - this._clickHandlerInitialized = true; - } + else { + boxWidth += charBox.kernedWidth; } - onClick() { - this.hiddenTextarea && this.hiddenTextarea.focus(); - } - /** - * Override this method to customize cursor behavior on textbox blur - */ - blur() { - this.abortCursorAnimation(); - } - /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {TPointerEvent} e Event object - */ - onKeyDown(e) { - if (!this.isEditing) { - return; - } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } - else if (e.keyCode in this.ctrlKeysMapDown && - (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } - else { - this.canvas && this.canvas.requestRenderAll(); - } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } } - /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {TPointerEvent} e Event object - */ - onKeyUp(e) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - this.canvas && this.canvas.requestRenderAll(); - } - /** - * Handles onInput event - * @param {TPointerEvent} e Event object - */ - onInput(e) { - var fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - var nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, charCount = this._text.length, nextCharCount = nextText.length, removedText, insertedText, charDiff = nextCharCount - charCount, selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, selection = selectionStart !== selectionEnd, copiedStyle, removeFrom, removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = {}; - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - return; - } - var textareaSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); - var backDelete = selectionStart > textareaSelection.selectionStart; - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } - else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); - } - else { - removedText = this._text.slice(selectionStart, selectionStart - charDiff); - } - } - insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function () { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; - }); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } - else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; - } - else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; - } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { - if (fromPaste && - insertedText.join('') === fabric$1.copiedText && - !config.disableStyleCopyPaste) { - copiedStyle = fabric$1.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = this._hasStyleChanged(actualStyle, nextStyle); } - /** - * Composition start - */ - onCompositionStart() { - this.inCompositionMode = true; - } - /** - * Composition end - */ - onCompositionEnd() { - this.inCompositionMode = false; - } - // */ - onCompositionUpdate(e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - } - /** - * Copies selected text - */ - copy() { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } - fabric$1.copiedText = this.getSelectedText(); - if (!config.disableStyleCopyPaste) { - fabric$1.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); - } - else { - fabric$1.copiedTextStyle = null; - } - this._copyDone = true; - } - /** - * Pastes text - */ - paste() { - this.fromPaste = true; - } - /** - * @private - * @param {TPointerEvent} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData(e) { - return (e && e.clipboardData) || fabric$1.window.clipboardData; - } - /** - * Finds the width in pixels before the cursor on the same line - * @private - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor - */ - _getWidthBeforeCursor(lineIndex, charIndex) { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; - } - return widthBeforeCursor; - } - /** - * Gets start offset of a selection - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getDownCursorOffset(e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if (lineIndex === this._textLines.length - 1 || - e.metaKey || - e.keyCode === 34) { - // move to the end of a text - return this._text.length - selectionProp; - } - var charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return (textAfterCursor.length + - indexOnOtherLine + - 1 + - this.missingNewlineOffset(lineIndex)); - } - /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - _getSelectionForOffset(e, isRight) { - if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { - return this.selectionEnd; - } - else { - return this.selectionStart; - } + if (timeToRender) { + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); + ctx.restore(); + } + else { + drawingLeft = left; + this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); + } + charsToRender = ''; + actualStyle = nextStyle; + left += sign * boxWidth; + boxWidth = 0; + } + } + ctx.restore(); + }, + + /** + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {fabric.Gradient} filler a fabric gradient instance + * @return {CanvasPattern} a pattern to use as fill/stroke style + */ + _applyPatternGradientTransformText: function(filler) { + var pCanvas = fabric.util.createCanvasElement(), pCtx, + // TODO: verify compatibility with strokeUniform + width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; + pCanvas.width = width; + pCanvas.height = height; + pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); + pCtx.lineTo(0, height); pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.fillStyle = filler.toLive(pCtx); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fill(); + return pCtx.createPattern(pCanvas, 'no-repeat'); + }, + + handleFiller: function(ctx, property, filler) { + var offsetX, offsetY; + if (filler.toLive) { + if (filler.gradientUnits === 'percentage' || filler.gradientTransform || filler.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + offsetX = -this.width / 2; + offsetY = -this.height / 2; + ctx.translate(offsetX, offsetY); + ctx[property] = this._applyPatternGradientTransformText(filler); + return { offsetX: offsetX, offsetY: offsetY }; } - /** - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getUpCursorOffset(e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; - } - var charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return (-this._textLines[lineIndex - 1].length + - indexOnOtherLine - - textBeforeCursor.length + - (1 - missingNewlineOffset)); - } - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine(lineIndex, width) { - var line = this._textLines[lineIndex], lineLeftOffset = this._getLineLeftOffset(lineIndex), widthOfCharsOnLine = lineLeftOffset, indexOnLine = 0, charWidth, foundMatch; - for (var j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, rightEdge = widthOfCharsOnLine, offsetFromLeftEdge = Math.abs(leftEdge - width), offsetFromRightEdge = Math.abs(rightEdge - width); - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; - break; - } - } - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; - } - return indexOnLine; - } - /** - * Moves cursor down - * @param {TPointerEvent} e Event object - */ - moveCursorDown(e) { - if (this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorUpOrDown('Down', e); - } - /** - * Moves cursor up - * @param {TPointerEvent} e Event object - */ - moveCursorUp(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - } - /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {TPointerEvent} e Event object - */ - _moveCursorUpOrDown(direction, e) { - var action = 'get' + direction + 'CursorOffset', offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); - } - else { - this.moveCursorWithoutShift(offset); - } - if (offset !== 0) { - this.setSelectionInBoundaries(); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } + else { + // is a simple gradient or pattern + ctx[property] = filler.toLive(ctx, this); + return this._applyPatternGradientTransform(ctx, filler); + } + } + else { + // is a color + ctx[property] = filler; + } + return { offsetX: 0, offsetY: 0 }; + }, + + _setStrokeStyles: function(ctx, decl) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = this.strokeLineCap; + ctx.lineDashOffset = this.strokeDashOffset; + ctx.lineJoin = this.strokeLineJoin; + ctx.miterLimit = this.strokeMiterLimit; + return this.handleFiller(ctx, 'strokeStyle', decl.stroke); + }, + + _setFillStyles: function(ctx, decl) { + return this.handleFiller(ctx, 'fillStyle', decl.fill); + }, + + /** + * @private + * @param {String} method + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {String} _char + * @param {Number} left Left coordinate + * @param {Number} top Top coordinate + * @param {Number} lineHeight Height of the line + */ + _renderChar: function(method, ctx, lineIndex, charIndex, _char, left, top) { + var decl = this._getStyleDeclaration(lineIndex, charIndex), + fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), + shouldFill = method === 'fillText' && fullDecl.fill, + shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, + fillOffsets, strokeOffsets; + + if (!shouldStroke && !shouldFill) { + return; + } + ctx.save(); + + shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); + shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); + + ctx.font = this._getFontDeclaration(fullDecl); + + + if (decl && decl.textBackgroundColor) { + this._removeShadow(ctx); + } + if (decl && decl.deltaY) { + top += decl.deltaY; + } + shouldFill && ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); + shouldStroke && ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); + ctx.restore(); + }, + + /** + * Turns the character into a 'superior figure' (i.e. 'superscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {fabric.Text} thisArg + * @chainable + */ + setSuperscript: function(start, end) { + return this._setScript(start, end, this.superscript); + }, + + /** + * Turns the character into an 'inferior figure' (i.e. 'subscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {fabric.Text} thisArg + * @chainable + */ + setSubscript: function(start, end) { + return this._setScript(start, end, this.subscript); + }, + + /** + * Applies 'schema' at given position + * @private + * @param {Number} start selection start + * @param {Number} end selection end + * @param {Number} schema + * @returns {fabric.Text} thisArg + * @chainable + */ + _setScript: function(start, end, schema) { + var loc = this.get2DCursorLocation(start, true), + fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), + dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), + style = { fontSize: fontSize * schema.size, deltaY: dy + fontSize * schema.baseline }; + this.setSelectionStyles(style, start, end); + return this; + }, + + /** + * @private + * @param {Object} prevStyle + * @param {Object} thisStyle + */ + _hasStyleChanged: function(prevStyle, thisStyle) { + return prevStyle.fill !== thisStyle.fill || + prevStyle.stroke !== thisStyle.stroke || + prevStyle.strokeWidth !== thisStyle.strokeWidth || + prevStyle.fontSize !== thisStyle.fontSize || + prevStyle.fontFamily !== thisStyle.fontFamily || + prevStyle.fontWeight !== thisStyle.fontWeight || + prevStyle.fontStyle !== thisStyle.fontStyle || + prevStyle.deltaY !== thisStyle.deltaY; + }, + + /** + * @private + * @param {Object} prevStyle + * @param {Object} thisStyle + */ + _hasStyleChangedForSvg: function(prevStyle, thisStyle) { + return this._hasStyleChanged(prevStyle, thisStyle) || + prevStyle.overline !== thisStyle.overline || + prevStyle.underline !== thisStyle.underline || + prevStyle.linethrough !== thisStyle.linethrough; + }, + + /** + * @private + * @param {Number} lineIndex index text line + * @return {Number} Line left offset + */ + _getLineLeftOffset: function(lineIndex) { + var lineWidth = this.getLineWidth(lineIndex), + lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, + isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); + if (textAlign === 'justify' + || (textAlign === 'justify-center' && !isEndOfWrapping) + || (textAlign === 'justify-right' && !isEndOfWrapping) + || (textAlign === 'justify-left' && !isEndOfWrapping) + ) { + return 0; + } + if (textAlign === 'center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'right') { + leftOffset = lineDiff; + } + if (textAlign === 'justify-center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'justify-right') { + leftOffset = lineDiff; + } + if (direction === 'rtl') { + leftOffset -= lineDiff; + } + return leftOffset; + }, + + /** + * @private + */ + _clearCache: function() { + this.__lineWidths = []; + this.__lineHeights = []; + this.__charBounds = []; + }, + + /** + * @private + */ + _shouldClearDimensionCache: function() { + var shouldClear = this._forceClearCache; + shouldClear || (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); + if (shouldClear) { + this.dirty = true; + this._forceClearCache = false; + } + return shouldClear; + }, + + /** + * Measure a single line given its index. Used to calculate the initial + * text bounding box. The values are calculated and stored in __lineWidths cache. + * @private + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + getLineWidth: function(lineIndex) { + if (this.__lineWidths[lineIndex] !== undefined) { + return this.__lineWidths[lineIndex]; + } + + var lineInfo = this.measureLine(lineIndex); + var width = lineInfo.width; + this.__lineWidths[lineIndex] = width; + return width; + }, + + _getWidthOfCharSpacing: function() { + if (this.charSpacing !== 0) { + return this.fontSize * this.charSpacing / 1000; + } + return 0; + }, + + /** + * Retrieves the value of property at given character position + * @param {Number} lineIndex the line number + * @param {Number} charIndex the character number + * @param {String} property the property name + * @returns the value of 'property' + */ + getValueOfPropertyAt: function(lineIndex, charIndex, property) { + var charStyle = this._getStyleDeclaration(lineIndex, charIndex); + if (charStyle && typeof charStyle[property] !== 'undefined') { + return charStyle[property]; + } + return this[property]; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextDecoration: function(ctx, type) { + if (!this[type] && !this.styleHas(type)) { + return; + } + var heightOfLine, size, _size, + lineLeftOffset, dy, _dy, + line, lastDecoration, + leftOffset = this._getLeftOffset(), + topOffset = this._getTopOffset(), top, + boxStart, boxWidth, charBox, currentDecoration, + maxHeight, currentFill, lastFill, path = this.path, + charSpacing = this._getWidthOfCharSpacing(), + offsetY = this.offsets[type]; + + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this[type] && !this.styleHas(type, i)) { + topOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + maxHeight = heightOfLine / this.lineHeight; + lineLeftOffset = this._getLineLeftOffset(i); + boxStart = 0; + boxWidth = 0; + lastDecoration = this.getValueOfPropertyAt(i, 0, type); + lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); + top = topOffset + maxHeight * (1 - this._fontSizeFraction); + size = this.getHeightOfChar(i, 0); + dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentDecoration = this.getValueOfPropertyAt(i, j, type); + currentFill = this.getValueOfPropertyAt(i, j, 'fill'); + _size = this.getHeightOfChar(i, j); + _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); + if (path && currentDecoration && currentFill) { + ctx.save(); + ctx.fillStyle = lastFill; + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillRect( + -charBox.kernedWidth / 2, + offsetY * _size + _dy, + charBox.kernedWidth, + this.fontSize / 15 + ); + ctx.restore(); + } + else if ( + (currentDecoration !== lastDecoration || currentFill !== lastFill || _size !== size || _dy !== dy) + && boxWidth > 0 + ) { + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + if (lastDecoration && lastFill) { + ctx.fillStyle = lastFill; + ctx.fillRect( + drawStart, + top + offsetY * size + dy, + boxWidth, + this.fontSize / 15 + ); + } + boxStart = charBox.left; + boxWidth = charBox.width; + lastDecoration = currentDecoration; + lastFill = currentFill; + size = _size; + dy = _dy; + } + else { + boxWidth += charBox.kernedWidth; + } + } + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentFill; + currentDecoration && currentFill && ctx.fillRect( + drawStart, + top + offsetY * size + dy, + boxWidth - charSpacing, + this.fontSize / 15 + ); + topOffset += heightOfLine; + } + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + }, + + /** + * return font declaration string for canvas context + * @param {Object} [styleObject] object + * @returns {String} font declaration formatted for canvas context. + */ + _getFontDeclaration: function(styleObject, forMeasuring) { + var style = styleObject || this, family = this.fontFamily, + fontIsGeneric = fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1; + var fontFamily = family === undefined || + family.indexOf('\'') > -1 || family.indexOf(',') > -1 || + family.indexOf('"') > -1 || fontIsGeneric + ? style.fontFamily : '"' + style.fontFamily + '"'; + return [ + // node-canvas needs "weight style", while browsers need "style weight" + // verify if this can be fixed in JSDOM + (fabric.isLikelyNode ? style.fontWeight : style.fontStyle), + (fabric.isLikelyNode ? style.fontStyle : style.fontWeight), + forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', + fontFamily + ].join(' '); + }, + + /** + * Renders text instance on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render: function(ctx) { + // do not render if object is not visible + if (!this.visible) { + return; + } + if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { + return; + } + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + } + this.callSuper('render', ctx); + }, + + /** + * Returns the text as an array of lines. + * @param {String} text text to split + * @returns {Array} Lines in the text + */ + _splitTextIntoLines: function(text) { + var lines = text.split(this._reNewline), + newLines = new Array(lines.length), + newLine = ['\n'], + newText = []; + for (var i = 0; i < lines.length; i++) { + newLines[i] = fabric.util.string.graphemeSplit(lines[i]); + newText = newText.concat(newLines[i], newLine); + } + newText.pop(); + return { _unwrappedLines: newLines, lines: lines, graphemeText: newText, graphemeLines: newLines }; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function(propertiesToInclude) { + var allProperties = additionalProps.concat(propertiesToInclude); + var obj = this.callSuper('toObject', allProperties); + // styles will be overridden with a properly cloned structure + obj.styles = clone(this.styles, true); + if (obj.path) { + obj.path = this.path.toObject(); + } + return obj; + }, + + /** + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {fabric.Object} thisArg + * @chainable + */ + set: function(key, value) { + this.callSuper('set', key, value); + var needsDims = false; + var isAddingPath = false; + if (typeof key === 'object') { + for (var _key in key) { + if (_key === 'path') { + this.setPathInfo(); + } + needsDims = needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; + isAddingPath = isAddingPath || _key === 'path'; + } + } + else { + needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; + isAddingPath = key === 'path'; + } + if (isAddingPath) { + this.setPathInfo(); + } + if (needsDims) { + this.initDimensions(); + this.setCoords(); + } + return this; + }, + + /** + * Returns complexity of an instance + * @return {Number} complexity + */ + complexity: function() { + return 1; + } + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement}) + * @static + * @memberOf fabric.Text + * @see: http://www.w3.org/TR/SVG/text.html#TextElement + */ + fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat( + 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); + + /** + * Default SVG font size + * @static + * @memberOf fabric.Text + */ + fabric.Text.DEFAULT_SVG_FONT_SIZE = 16; + + /** + * Returns fabric.Text instance from an SVG element (not yet implemented) + * @static + * @memberOf fabric.Text + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Text.fromElement = function(element, callback, options) { + if (!element) { + return callback(null); + } + + var parsedAttributes = fabric.parseAttributes(element, fabric.Text.ATTRIBUTE_NAMES), + parsedAnchor = parsedAttributes.textAnchor || 'left'; + options = fabric.util.object.extend((options ? clone(options) : { }), parsedAttributes); + + options.top = options.top || 0; + options.left = options.left || 0; + if (parsedAttributes.textDecoration) { + var textDecoration = parsedAttributes.textDecoration; + if (textDecoration.indexOf('underline') !== -1) { + options.underline = true; + } + if (textDecoration.indexOf('overline') !== -1) { + options.overline = true; + } + if (textDecoration.indexOf('line-through') !== -1) { + options.linethrough = true; + } + delete options.textDecoration; + } + if ('dx' in parsedAttributes) { + options.left += parsedAttributes.dx; + } + if ('dy' in parsedAttributes) { + options.top += parsedAttributes.dy; + } + if (!('fontSize' in options)) { + options.fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; + } + + var textContent = ''; + + // The XML is not properly parsed in IE9 so a workaround to get + // textContent is through firstChild.data. Another workaround would be + // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) + if (!('textContent' in element)) { + if ('firstChild' in element && element.firstChild !== null) { + if ('data' in element.firstChild && element.firstChild.data !== null) { + textContent = element.firstChild.data; } - /** - * Moves cursor with shift - * @param {Number} offset - */ - moveCursorWithShift(offset) { - var newSelection = this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); - return offset !== 0; - } - /** - * Moves cursor up without shift - * @param {Number} offset - */ - moveCursorWithoutShift(offset) { - if (offset < 0) { - this.selectionStart += offset; - this.selectionEnd = this.selectionStart; - } - else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; - } - return offset !== 0; - } - /** - * Moves cursor left - * @param {TPointerEvent} e Event object - */ - moveCursorLeft(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - } - /** - * @private - * @return {Boolean} true if a change happened - */ - _move(e, prop, direction) { - var newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } - else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { - newValue = this['findLineBoundary' + direction](this[prop]); - } - else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; - } - if (typeof newValue !== 'undefined' && this[prop] !== newValue) { - this[prop] = newValue; - return true; - } + } + } + else { + textContent = element.textContent; + } + + textContent = textContent.replace(/^\s+|\s+$|\n+/g, '').replace(/\s+/g, ' '); + var originalStrokeWidth = options.strokeWidth; + options.strokeWidth = 0; + + var text = new fabric.Text(textContent, options), + textHeightScaleFactor = text.getScaledHeight() / text.height, + lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, + scaledDiff = lineHeightDiff * textHeightScaleFactor, + textHeight = text.getScaledHeight() + scaledDiff, + offX = 0; + /* + Adjust positioning: + x/y attributes in SVG correspond to the bottom-left corner of text bounding box + fabric output by default at top, left. + */ + if (parsedAnchor === 'center') { + offX = text.getScaledWidth() / 2; + } + if (parsedAnchor === 'right') { + offX = text.getScaledWidth(); + } + text.set({ + left: text.left - offX, + top: text.top - (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / text.lineHeight, + strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, + }); + callback(text); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Text instance from an object representation + * @static + * @memberOf fabric.Text + * @param {Object} object plain js Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Text instance is created + */ + fabric.Text.fromObject = function(object, callback) { + var objectCopy = clone(object), path = object.path; + delete objectCopy.path; + return fabric.Object._fromObject('Text', objectCopy, function(textInstance) { + if (path) { + fabric.Object._fromObject('Path', path, function(pathInstance) { + textInstance.set('path', pathInstance); + callback(textInstance); + }, 'path'); + } + else { + callback(textInstance); + } + }, 'text'); + }; + + fabric.Text.genericFonts = ['sans-serif', 'serif', 'cursive', 'fantasy', 'monospace']; + + fabric.util.createAccessors && fabric.util.createAccessors(fabric.Text); + +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { + /** + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} + */ + isEmptyStyles: function(lineIndex) { + if (!this.styles) { + return true; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return true; + } + var obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; + } } - /** - * @private - */ - _moveLeft(e, prop) { - return this._move(e, prop, 'Left'); - } - /** - * @private - */ - _moveRight(e, prop) { - return this._move(e, prop, 'Right'); - } - /** - * Moves cursor left without keeping selection - * @param {TPointerEvent} e - */ - moveCursorLeftWithoutShift(e) { - var change = true; - this._selectionDirection = 'left'; - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if (this.selectionEnd === this.selectionStart && - this.selectionStart !== 0) { - change = this._moveLeft(e, 'selectionStart'); - } - this.selectionEnd = this.selectionStart; - return change; - } - /** - * Moves cursor left while keeping selection - * @param {TPointerEvent} e - */ - moveCursorLeftWithShift(e) { - if (this._selectionDirection === 'right' && - this.selectionStart !== this.selectionEnd) { - return this._moveLeft(e, 'selectionEnd'); - } - else if (this.selectionStart !== 0) { - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } + } + return true; + }, + + /** + * Returns true if object has a style property or has it ina specified line + * This function is used to detect if a text will use a particular property or not. + * @param {String} property to check for + * @param {Number} lineIndex to check the style on + * @return {Boolean} + */ + styleHas: function(property, lineIndex) { + if (!this.styles || !property || property === '') { + return false; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return false; + } + var obj = typeof lineIndex === 'undefined' ? this.styles : { 0: this.styles[lineIndex] }; + // eslint-disable-next-line + for (var p1 in obj) { + // eslint-disable-next-line + for (var p2 in obj[p1]) { + if (typeof obj[p1][p2][property] !== 'undefined') { + return true; + } } - /** - * Moves cursor right - * @param {TPointerEvent} e Event object - */ - moveCursorRight(e) { - if (this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorLeftOrRight('Right', e); - } - /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {TPointerEvent} e Event object - */ - _moveCursorLeftOrRight(direction, e) { - var actionName = 'moveCursor' + direction + 'With'; - this._currentCursorOpacity = 1; - if (e.shiftKey) { - actionName += 'Shift'; + } + return false; + }, + + /** + * Check if characters in a text have a value for a property + * whose value matches the textbox's value for that property. If so, + * the character-level property is deleted. If the character + * has no other properties, then it is also deleted. Finally, + * if the line containing that character has no other characters + * then it also is deleted. + * + * @param {string} property The property to compare between characters and text. + */ + cleanStyle: function(property) { + if (!this.styles || !property || property === '') { + return false; + } + var obj = this.styles, stylesCount = 0, letterCount, stylePropertyValue, + allStyleObjectPropertiesMatch = true, graphemeCount = 0, styleObject; + // eslint-disable-next-line + for (var p1 in obj) { + letterCount = 0; + // eslint-disable-next-line + for (var p2 in obj[p1]) { + var styleObject = obj[p1][p2], + stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); + + stylesCount++; + + if (stylePropertyHasBeenSet) { + if (!stylePropertyValue) { + stylePropertyValue = styleObject[property]; } - else { - actionName += 'outShift'; + else if (styleObject[property] !== stylePropertyValue) { + allStyleObjectPropertiesMatch = false; } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); + + if (styleObject[property] === this[property]) { + delete styleObject[property]; } + } + else { + allStyleObjectPropertiesMatch = false; + } + + if (Object.keys(styleObject).length !== 0) { + letterCount++; + } + else { + delete obj[p1][p2]; + } } - /** - * Moves cursor right while keeping selection - * @param {TPointerEvent} e - */ - moveCursorRightWithShift(e) { - if (this._selectionDirection === 'left' && - this.selectionStart !== this.selectionEnd) { - return this._moveRight(e, 'selectionStart'); - } - else if (this.selectionEnd !== this._text.length) { - this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } + + if (letterCount === 0) { + delete obj[p1]; + } + } + // if every grapheme has the same style set then + // delete those styles and set it on the parent + for (var i = 0; i < this._textLines.length; i++) { + graphemeCount += this._textLines[i].length; + } + if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { + this[property] = stylePropertyValue; + this.removeStyle(property); + } + }, + + /** + * Remove a style property or properties from all individual character styles + * in a text object. Deletes the character style object if it contains no other style + * props. Deletes a line style object if it contains no other character styles. + * + * @param {String} props The property to remove from character styles. + */ + removeStyle: function(property) { + if (!this.styles || !property || property === '') { + return; + } + var obj = this.styles, line, lineNum, charNum; + for (lineNum in obj) { + line = obj[lineNum]; + for (charNum in line) { + delete line[charNum][property]; + if (Object.keys(line[charNum]).length === 0) { + delete line[charNum]; + } + } + if (Object.keys(line).length === 0) { + delete obj[lineNum]; + } + } + }, + + /** + * @private + */ + _extendStyles: function(index, styles) { + var loc = this.get2DCursorLocation(index); + + if (!this._getLineStyle(loc.lineIndex)) { + this._setLineStyle(loc.lineIndex); + } + + if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { + this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); + } + + fabric.util.object.extend(this._getStyleDeclaration(loc.lineIndex, loc.charIndex), styles); + }, + + /** + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation: function(selectionStart, skipWrapping) { + if (typeof selectionStart === 'undefined') { + selectionStart = this.selectionStart; + } + var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, + len = lines.length; + for (var i = 0; i < len; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart + }; + } + selectionStart -= lines[i].length + this.missingNewlineOffset(i); + } + return { + lineIndex: i - 1, + charIndex: lines[i - 1].length < selectionStart ? lines[i - 1].length : selectionStart + }; + }, + + /** + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects + */ + getSelectionStyles: function(startIndex, endIndex, complete) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + var styles = []; + for (var i = startIndex; i < endIndex; i++) { + styles.push(this.getStyleAtPosition(i, complete)); + } + return styles; + }, + + /** + * Gets style of a current selection/cursor position + * @param {Number} position to get styles at + * @param {Boolean} [complete] full style if true + * @return {Object} style Style object at a specified index + * @private + */ + getStyleAtPosition: function(position, complete) { + var loc = this.get2DCursorLocation(position), + style = complete ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) : + this._getStyleDeclaration(loc.lineIndex, loc.charIndex); + return style || {}; + }, + + /** + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @return {fabric.IText} thisArg + * @chainable + */ + setSelectionStyles: function(styles, startIndex, endIndex) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + for (var i = startIndex; i < endIndex; i++) { + this._extendStyles(i, styles); + } + /* not included in _extendStyles to avoid clearing cache more than once */ + this._forceClearCache = true; + return this; + }, + + /** + * get the reference, not a clone, of the style object for a given character + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Object} style object + */ + _getStyleDeclaration: function(lineIndex, charIndex) { + var lineStyle = this.styles && this.styles[lineIndex]; + if (!lineStyle) { + return null; + } + return lineStyle[charIndex]; + }, + + /** + * return a new object that contains all the style property for a character + * the object returned is newly created + * @param {Number} lineIndex of the line where the character is + * @param {Number} charIndex position of the character on the line + * @return {Object} style object + */ + getCompleteStyleDeclaration: function(lineIndex, charIndex) { + var style = this._getStyleDeclaration(lineIndex, charIndex) || { }, + styleObject = { }, prop; + for (var i = 0; i < this._styleProperties.length; i++) { + prop = this._styleProperties[i]; + styleObject[prop] = typeof style[prop] === 'undefined' ? this[prop] : style[prop]; + } + return styleObject; + }, + + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private + */ + _setStyleDeclaration: function(lineIndex, charIndex, style) { + this.styles[lineIndex][charIndex] = style; + }, + + /** + * + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _deleteStyleDeclaration: function(lineIndex, charIndex) { + delete this.styles[lineIndex][charIndex]; + }, + + /** + * @param {Number} lineIndex + * @return {Boolean} if the line exists or not + * @private + */ + _getLineStyle: function(lineIndex) { + return !!this.styles[lineIndex]; + }, + + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @private + */ + _setLineStyle: function(lineIndex) { + this.styles[lineIndex] = {}; + }, + + /** + * @param {Number} lineIndex + * @private + */ + _deleteLineStyle: function(lineIndex) { + delete this.styles[lineIndex]; + } + }); +})(); + + +(function() { + + function parseDecoration(object) { + if (object.textDecoration) { + object.textDecoration.indexOf('underline') > -1 && (object.underline = true); + object.textDecoration.indexOf('line-through') > -1 && (object.linethrough = true); + object.textDecoration.indexOf('overline') > -1 && (object.overline = true); + delete object.textDecoration; + } + } + + /** + * IText class (introduced in v1.4) Events are also fired with "text:" + * prefix when observing canvas. + * @class fabric.IText + * @extends fabric.Text + * @mixes fabric.Observable + * + * @fires changed + * @fires selection:changed + * @fires editing:entered + * @fires editing:exited + * + * @return {fabric.IText} thisArg + * @see {@link fabric.IText#initialize} for constructor definition + * + *

Supported key combinations:

+ * 
+   *   Move cursor:                    left, right, up, down
+   *   Select character:               shift + left, shift + right
+   *   Select text vertically:         shift + up, shift + down
+   *   Move cursor by word:            alt + left, alt + right
+   *   Select words:                   shift + alt + left, shift + alt + right
+   *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
+   *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
+   *   Jump to start/end of text:      cmd + up, cmd + down
+   *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
+   *   Delete character:               backspace
+   *   Delete word:                    alt + backspace
+   *   Delete line:                    cmd + backspace
+   *   Forward delete:                 delete
+   *   Copy text:                      ctrl/cmd + c
+   *   Paste text:                     ctrl/cmd + v
+   *   Cut text:                       ctrl/cmd + x
+   *   Select entire text:             ctrl/cmd + a
+   *   Quit editing                    tab or esc
+   *
+ * + *

Supported mouse/touch combination

+ * 
+   *   Position cursor:                click/touch
+   *   Create selection:               click/touch & drag
+   *   Create selection:               click & shift + click
+   *   Select word:                    double click
+   *   Select line:                    triple click
+   *
+ */ + fabric.IText = fabric.util.createClass(fabric.Text, fabric.Observable, /** @lends fabric.IText.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'i-text', + + /** + * Index where text selection starts (or where cursor is when there is no selection) + * @type Number + * @default + */ + selectionStart: 0, + + /** + * Index where text selection ends + * @type Number + * @default + */ + selectionEnd: 0, + + /** + * Color of text selection + * @type String + * @default + */ + selectionColor: 'rgba(17,119,255,0.3)', + + /** + * Indicates whether text is in editing mode + * @type Boolean + * @default + */ + isEditing: false, + + /** + * Indicates whether a text can be edited + * @type Boolean + * @default + */ + editable: true, + + /** + * Border color of text object while it's in editing mode + * @type String + * @default + */ + editingBorderColor: 'rgba(102,153,255,0.25)', + + /** + * Width of cursor (in px) + * @type Number + * @default + */ + cursorWidth: 2, + + /** + * Color of text cursor color in editing mode. + * if not set (default) will take color from the text. + * if set to a color value that fabric can understand, it will + * be used instead of the color of the text at the current position. + * @type String + * @default + */ + cursorColor: '', + + /** + * Delay between cursor blink (in ms) + * @type Number + * @default + */ + cursorDelay: 1000, + + /** + * Duration of cursor fadein (in ms) + * @type Number + * @default + */ + cursorDuration: 600, + + /** + * Indicates whether internal text char widths can be cached + * @type Boolean + * @default + */ + caching: true, + + /** + * DOM container to append the hiddenTextarea. + * An alternative to attaching to the document.body. + * Useful to reduce laggish redraw of the full document.body tree and + * also with modals event capturing that won't let the textarea take focus. + * @type HTMLElement + * @default + */ + hiddenTextareaContainer: null, + + /** + * @private + */ + _reSpace: /\s|\n/, + + /** + * @private + */ + _currentCursorOpacity: 0, + + /** + * @private + */ + _selectionDirection: null, + + /** + * @private + */ + _abortCursorAnimation: false, + + /** + * @private + */ + __widthOfSpace: [], + + /** + * Helps determining when the text is in composition, so that the cursor + * rendering is altered. + */ + inCompositionMode: false, + + /** + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.IText} thisArg + */ + initialize: function(text, options) { + this.callSuper('initialize', text, options); + this.initBehavior(); + }, + + /** + * Sets selection start (left boundary of a selection) + * @param {Number} index Index to set selection start to + */ + setSelectionStart: function(index) { + index = Math.max(index, 0); + this._updateAndFire('selectionStart', index); + }, + + /** + * Sets selection end (right boundary of a selection) + * @param {Number} index Index to set selection end to + */ + setSelectionEnd: function(index) { + index = Math.min(index, this.text.length); + this._updateAndFire('selectionEnd', index); + }, + + /** + * @private + * @param {String} property 'selectionStart' or 'selectionEnd' + * @param {Number} index new position of property + */ + _updateAndFire: function(property, index) { + if (this[property] !== index) { + this._fireSelectionChanged(); + this[property] = index; + } + this._updateTextarea(); + }, + + /** + * Fires the even of selection changed + * @private + */ + _fireSelectionChanged: function() { + this.fire('selection:changed'); + this.canvas && this.canvas.fire('text:selection:changed', { target: this }); + }, + + /** + * Initialize text dimensions. Render all text on given context + * or on a offscreen canvas to get the text width with measureText. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + * @private + */ + initDimensions: function() { + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this.callSuper('initDimensions'); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render: function(ctx) { + this.clearContextTop(); + this.callSuper('render', ctx); + // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor + // the correct position but not at every cursor animation. + this.cursorOffsetCache = { }; + this.renderCursorOrSelection(); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + this.callSuper('_render', ctx); + }, + + /** + * Prepare and clean the contextTop + */ + clearContextTop: function(skipRestore) { + if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { + return; + } + var ctx = this.canvas.contextTop, v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this.transform(ctx); + this._clearTextArea(ctx); + skipRestore || ctx.restore(); + }, + /** + * Renders cursor or selection (depending on what exists) + * it does on the contextTop. If contextTop is not available, do nothing. + */ + renderCursorOrSelection: function() { + if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { + return; + } + var boundaries = this._getCursorBoundaries(), + ctx = this.canvas.contextTop; + this.clearContextTop(true); + if (this.selectionStart === this.selectionEnd) { + this.renderCursor(boundaries, ctx); + } + else { + this.renderSelection(boundaries, ctx); + } + ctx.restore(); + }, + + _clearTextArea: function(ctx) { + // we add 4 pixel, to be sure to do not leave any pixel out + var width = this.width + 4, height = this.height + 4; + ctx.clearRect(-width / 2, -height / 2, width, height); + }, + + /** + * Returns cursor boundaries (left, top, leftOffset, topOffset) + * @private + * @param {Array} chars Array of characters + * @param {String} typeOfBoundaries + */ + _getCursorBoundaries: function(position) { + + // left/top are left/top of entire text box + // leftOffset/topOffset are offset from that left/top point of a text box + + if (typeof position === 'undefined') { + position = this.selectionStart; + } + + var left = this._getLeftOffset(), + top = this._getTopOffset(), + offsets = this._getCursorBoundariesOffsets(position); + return { + left: left, + top: top, + leftOffset: offsets.left, + topOffset: offsets.top + }; + }, + + /** + * @private + */ + _getCursorBoundariesOffsets: function(position) { + if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { + return this.cursorOffsetCache; + } + var lineLeftOffset, + lineIndex, + charIndex, + topOffset = 0, + leftOffset = 0, + boundaries, + cursorPosition = this.get2DCursorLocation(position); + charIndex = cursorPosition.charIndex; + lineIndex = cursorPosition.lineIndex; + for (var i = 0; i < lineIndex; i++) { + topOffset += this.getHeightOfLine(i); + } + lineLeftOffset = this._getLineLeftOffset(lineIndex); + var bound = this.__charBounds[lineIndex][charIndex]; + bound && (leftOffset = bound.left); + if (this.charSpacing !== 0 && charIndex === this._textLines[lineIndex].length) { + leftOffset -= this._getWidthOfCharSpacing(); + } + boundaries = { + top: topOffset, + left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), + }; + if (this.direction === 'rtl') { + boundaries.left *= -1; + } + this.cursorOffsetCache = boundaries; + return this.cursorOffsetCache; + }, + + /** + * Renders cursor + * @param {Object} boundaries + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderCursor: function(boundaries, ctx) { + var cursorLocation = this.get2DCursorLocation(), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, + charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), + multiplier = this.scaleX * this.canvas.getZoom(), + cursorWidth = this.cursorWidth / multiplier, + topOffset = boundaries.topOffset, + dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); + topOffset += (1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex) / this.lineHeight + - charHeight * (1 - this._fontSizeFraction); + + if (this.inCompositionMode) { + this.renderSelection(boundaries, ctx); + } + ctx.fillStyle = this.cursorColor || this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); + ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; + ctx.fillRect( + boundaries.left + boundaries.leftOffset - cursorWidth / 2, + topOffset + boundaries.top + dy, + cursorWidth, + charHeight); + }, + + /** + * Renders text selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on + */ + renderSelection: function(boundaries, ctx) { + + var selectionStart = this.inCompositionMode ? this.hiddenTextarea.selectionStart : this.selectionStart, + selectionEnd = this.inCompositionMode ? this.hiddenTextarea.selectionEnd : this.selectionEnd, + isJustify = this.textAlign.indexOf('justify') !== -1, + start = this.get2DCursorLocation(selectionStart), + end = this.get2DCursorLocation(selectionEnd), + startLine = start.lineIndex, + endLine = end.lineIndex, + startChar = start.charIndex < 0 ? 0 : start.charIndex, + endChar = end.charIndex < 0 ? 0 : end.charIndex; + + for (var i = startLine; i <= endLine; i++) { + var lineOffset = this._getLineLeftOffset(i) || 0, + lineHeight = this.getHeightOfLine(i), + realLineHeight = 0, boxStart = 0, boxEnd = 0; + + if (i === startLine) { + boxStart = this.__charBounds[startLine][startChar].left; + } + if (i >= startLine && i < endLine) { + boxEnd = isJustify && !this.isEndOfWrapping(i) ? this.width : this.getLineWidth(i) || 5; // WTF is this 5? + } + else if (i === endLine) { + if (endChar === 0) { + boxEnd = this.__charBounds[endLine][endChar].left; + } + else { + var charSpacing = this._getWidthOfCharSpacing(); + boxEnd = this.__charBounds[endLine][endChar - 1].left + + this.__charBounds[endLine][endChar - 1].width - charSpacing; + } + } + realLineHeight = lineHeight; + if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { + lineHeight /= this.lineHeight; + } + var drawStart = boundaries.left + lineOffset + boxStart, + drawWidth = boxEnd - boxStart, + drawHeight = lineHeight, extraTop = 0; + if (this.inCompositionMode) { + ctx.fillStyle = this.compositionColor || 'black'; + drawHeight = 1; + extraTop = lineHeight; } - /** - * Moves cursor right without keeping selection - * @param {TPointerEvent} e Event object - */ - moveCursorRightWithoutShift(e) { - var changed = true; - this._selectionDirection = 'right'; - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; - } - else { - this.selectionStart = this.selectionEnd; - } - return changed; - } - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars(start, end) { - if (typeof end === 'undefined') { - end = start + 1; - } - this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - } - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars(text, style, start, end) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - var graphemes = this.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat(this._text.slice(0, start), graphemes, this._text.slice(end)); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); + else { + ctx.fillStyle = this.selectionColor; } - }; -} -IText = ITextKeyBehaviorMixinGenerator(IText); -const iTextKeyBehaviorMixinDefaultValues = { - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut', - }, - ctrlKeysMapDown: { - 65: 'selectAll', + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - drawWidth; + } + ctx.fillRect( + drawStart, + boundaries.top + boundaries.topOffset + extraTop, + drawWidth, + drawHeight); + boundaries.topOffset += realLineHeight; + } }, -}; -Object.assign(ITextKeyBehaviorMixin.prototype, iTextKeyBehaviorMixinDefaultValues); -//@ts-nocheck -/* _TO_SVG_START_ */ -var toFixed = toFixed, multipleSpacesRegex = / +/g; -function TextIMixinGenerator(Klass) { - return class TextIMixin extends Klass { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG() { - var offsets = this._getSVGLeftTopOffsets(), textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - } - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG(reviver) { - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - noStyle: true, - withShadow: true, - }); - } - /** - * @private - */ - _getSVGLeftTopOffsets() { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0), - }; - } - /** - * @private - */ - _wrapSVGTextAndBg(textAndBg) { - var noShadow = true, textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n', - ]; - } - /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg(textTopOffset, textLeftOffset) { - var textSpans = [], textBgRects = [], height = textTopOffset, lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.direction === 'rtl') { - lineOffset += this.width; - } - if (this.textBackgroundColor || - this.styleHas('textBackgroundColor', i)) { - this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); - } - this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); - height += this.getHeightOfLine(i); - } - return { - textSpans: textSpans, - textBgRects: textBgRects, - }; - } - /** - * @private - */ - _createTextCharSpan(_char, styleDecl, left, top) { - var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), fillStyles = styleProps ? 'style="' + styleProps + '"' : '', dy = styleDecl.deltaY, dySpan = '', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - string.escapeXml(_char), - '', - ].join(''); - } - _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) { - var lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, style, boxWidth = 0, line = this._textLines[lineIndex], timeToRender; - textTopOffset += - (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; - } - else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = hasStyleChanged(actualStyle, nextStyle, true); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || {}; - textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); - charsToRender = ''; - actualStyle = nextStyle; - if (this.direction === 'rtl') { - textLeftOffset -= boxWidth; - } - else { - textLeftOffset += boxWidth; - } - boxWidth = 0; - } - } - } - _pushTextBgRect(textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push('\t\t\n'); - } - _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], heightOfLine = this.getHeightOfLine(i) / this.lineHeight, boxWidth = 0, boxStart = 0, charBox, currentColor, lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && - this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } - } - currentColor && - this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); - } - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes(value) { - var fillColor = value && typeof value === 'string' ? new Color(value) : ''; - if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { - return 'fill="' + value + '"'; - } - return ('opacity="' + - fillColor.getAlpha() + - '" fill="' + - fillColor.setAlpha(1).toRgb() + - '"'); - } - /** - * @private - */ - _getSVGLineTopOffset(lineIndex) { - var lineTopOffset = 0, lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / - (this.lineHeight * this._fontSizeMult), - }; - } - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles(skipShadow) { - var svgStyle = InteractiveFabricObject.prototype.getSvgStyles.call(this, skipShadow); - return svgStyle + ' white-space: pre;'; + /** + * High level function to know the height of the cursor. + * the currentChar is the one that precedes the cursor + * Returns fontSize of char at the current cursor + * Unused from the library, is for the end user + * @return {Number} Character font size + */ + getCurrentCharFontSize: function() { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); + }, + + /** + * High level function to know the color of the cursor. + * the currentChar is the one that precedes the cursor + * Returns color (fill) of char at the current cursor + * if the text object has a pattern or gradient for filler, it will return that. + * Unused by the library, is for the end user + * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) + */ + getCurrentCharColor: function() { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); + }, + + /** + * Returns the cursor position for the getCurrent.. functions + * @private + */ + _getCurrentCharIndex: function() { + var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), + charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; + return { l: cursorPosition.lineIndex, c: charIndex }; + } + }); + + /** + * Returns fabric.IText instance from an object representation + * @static + * @memberOf fabric.IText + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as argument + */ + fabric.IText.fromObject = function(object, callback) { + parseDecoration(object); + if (object.styles) { + for (var i in object.styles) { + for (var j in object.styles[i]) { + parseDecoration(object.styles[i][j]); + } + } + } + fabric.Object._fromObject('IText', object, callback, 'text'); + }; +})(); + + +(function() { + + var clone = fabric.util.object.clone; + + fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { + + /** + * Initializes all the interactive behavior of IText + */ + initBehavior: function() { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + }, + + onDeselect: function() { + this.isEditing && this.exitEditing(); + this.selected = false; + }, + + /** + * Initializes "added" event handler + */ + initAddedHandler: function() { + var _this = this; + this.on('added', function() { + var canvas = _this.canvas; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + _this._initCanvasHandlers(canvas); + } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(_this); + } + }); + }, + + initRemovedHandler: function() { + var _this = this; + this.on('removed', function() { + var canvas = _this.canvas; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + fabric.util.removeFromArray(canvas._iTextInstances, _this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + _this._removeCanvasHandlers(canvas); + } + } + }); + }, + + /** + * register canvas event to manage exiting on other instances + * @private + */ + _initCanvasHandlers: function(canvas) { + canvas._mouseUpITextHandler = function() { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function(obj) { + obj.__isMousedown = false; + }); } - }; -} -Text = TextIMixinGenerator(Text); -/* _TO_SVG_END_ */ + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + }, + + /** + * remove canvas event to manage exiting on other instances + * @private + */ + _removeCanvasHandlers: function(canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + }, + + /** + * @private + */ + _tick: function() { + this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); + }, + + /** + * @private + */ + _animateCursor: function(obj, targetOpacity, duration, completeMethod) { + + var tickState; + + tickState = { + isAborted: false, + abort: function() { + this.isAborted = true; + }, + }; + + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function() { + if (!tickState.isAborted) { + obj[completeMethod](); + } + }, + onChange: function() { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); + } + }, + abort: function() { + return tickState.isAborted; + } + }); + return tickState; + }, + + /** + * @private + */ + _onTickComplete: function() { + + var _this = this; + + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); + } + this._cursorTimeout1 = setTimeout(function() { + _this._currentTickCompleteState = _this._animateCursor(_this, 0, this.cursorDuration / 2, '_tick'); + }, 100); + }, + + /** + * Initializes delayed cursor + */ + initDelayedCursor: function(restart) { + var _this = this, + delay = restart ? 0 : this.cursorDelay; + + this.abortCursorAnimation(); + this._currentCursorOpacity = 1; + this._cursorTimeout2 = setTimeout(function() { + _this._tick(); + }, delay); + }, + + /** + * Aborts cursor animation and clears all timeouts + */ + abortCursorAnimation: function() { + var shouldClear = this._currentTickState || this._currentTickCompleteState, + canvas = this.canvas; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && this._currentTickCompleteState.abort(); + + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); + + this._currentCursorOpacity = 0; + // to clear just itext area we need to transform the context + // it may not be worth it + if (shouldClear && canvas) { + canvas.clearContext(canvas.contextTop || canvas.contextContainer); + } + + }, + + /** + * Selects entire text + * @return {fabric.IText} thisArg + * @chainable + */ + selectAll: function() { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + + /** + * Returns selected text + * @return {String} + */ + getSelectedText: function() { + return this._text.slice(this.selectionStart, this.selectionEnd).join(''); + }, + + /** + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryLeft: function(startFrom) { + var offset = 0, index = startFrom - 1; + + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index--; + } + } + while (/\S/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + + return startFrom - offset; + }, + + /** + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryRight: function(startFrom) { + var offset = 0, index = startFrom; + + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index++; + } + } + while (/\S/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + + return startFrom + offset; + }, + + /** + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryLeft: function(startFrom) { + var offset = 0, index = startFrom - 1; + + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + + return startFrom - offset; + }, + + /** + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryRight: function(startFrom) { + var offset = 0, index = startFrom; + + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + + return startFrom + offset; + }, + + /** + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word + */ + searchWordBoundary: function(selectionStart, direction) { + var text = this._text, + index = this._reSpace.test(text[selectionStart]) ? selectionStart - 1 : selectionStart, + _char = text[index], + // wrong + reNonWord = fabric.reNonWord; + + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + }, + + /** + * Selects a word based on the index + * @param {Number} selectionStart Index of a character + */ + selectWord: function(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.searchWordBoundary(selectionStart, -1), /* search backwards */ + newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + }, + + /** + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + * @return {fabric.IText} thisArg + * @chainable + */ + selectLine: function(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.findLineBoundaryLeft(selectionStart), + newSelectionEnd = this.findLineBoundaryRight(selectionStart); + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + + /** + * Enters editing state + * @return {fabric.IText} thisArg + * @chainable + */ + enterEditing: function(e) { + if (this.isEditing || !this.editable) { + return; + } + + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); + } + + this.isEditing = true; + + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; + + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { + return this; + } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; + }, + + exitEditingOnOthers: function(canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function(obj) { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); + } + }); + } + }, + + /** + * Initializes "mousemove" event handler + */ + initMouseMoveHandler: function() { + this.canvas.on('mouse:move', this.mouseMoveHandler); + }, + + /** + * @private + */ + mouseMoveHandler: function(options) { + if (!this.__isMousedown || !this.isEditing) { + return; + } + + var newSelectionStart = this.getSelectionStartFromPointer(options.e), + currentStart = this.selectionStart, + currentEnd = this.selectionEnd; + if ( + (newSelectionStart !== this.__selectionStartOnMouseDown || currentStart === currentEnd) + && + (currentStart === newSelectionStart || currentEnd === newSelectionStart) + ) { + return; + } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } + else { + this.selectionStart = newSelectionStart; + this.selectionEnd = this.__selectionStartOnMouseDown; + } + if (this.selectionStart !== currentStart || this.selectionEnd !== currentEnd) { + this.restartCursorIfNeeded(); + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + }, + + /** + * @private + */ + _setEditingProps: function() { + this.hoverCursor = 'text'; + + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; + } + + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + }, + + /** + * convert from textarea to grapheme indexes + */ + fromStringToGraphemeSelection: function(start, end, text) { + var smallerTextStart = text.slice(0, start), + graphemeStart = fabric.util.string.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = text.slice(start, end), + graphemeEnd = fabric.util.string.graphemeSplit(smallerTextEnd).length; + return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; + }, -// @ts-nocheck -/** - * Textbox class, based on IText, allows the user to resize the text rectangle - * and wraps lines automatically. Textboxes have their Y scaling locked, the - * user can only change width. Height is adjusted automatically based on the - * wrapping of lines. - */ -class Textbox extends IText$1 { - constructor() { - super(...arguments); - /** - * Cached array of text wrapping. - * @type Array - */ - this.__cachedLines = null; - } /** - * Unlike superclass's version of this function, Textbox does not update - * its width. - * @private - * @override - */ - initDimensions() { - if (this.__skipDimension) { - return; - } - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this._clearCache(); - // clear dynamicMinWidth as it will be different after we re-wrap line - this.dynamicMinWidth = 0; - // wrap lines - this._styleMap = this._generateStyleMap(this._splitText()); - // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap - if (this.dynamicMinWidth > this.width) { - this._set('width', this.dynamicMinWidth); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - // clear cache and re-calculate height - this.height = this.calcTextHeight(); - this.saveState({ propertySet: '_dimensionAffectingProps' }); - } + * convert from fabric to textarea values + */ + fromGraphemeToStringSelection: function(start, end, _text) { + var smallerTextStart = _text.slice(0, start), + graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = _text.slice(start, end), + graphemeEnd = smallerTextEnd.join('').length; + return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; + }, + /** - * Generate an object that translates the style object so that it is - * broken up by visual lines (new lines and automatic wrapping). - * The original text styles object is broken up by actual lines (new lines only), - * which is only sufficient for Text / IText * @private */ - _generateStyleMap(textInfo) { - let realLineCount = 0, realLineCharCount = 0, charCount = 0, map = {}; - for (let i = 0; i < textInfo.graphemeLines.length; i++) { - if (textInfo.graphemeText[charCount] === '\n' && i > 0) { - realLineCharCount = 0; - charCount++; - realLineCount++; - } - else if (!this.splitByGrapheme && - this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && - i > 0) { - // this case deals with space's that are removed from end of lines when wrapping - realLineCharCount++; - charCount++; - } - map[i] = { line: realLineCount, offset: realLineCharCount }; - charCount += textInfo.graphemeLines[i].length; - realLineCharCount += textInfo.graphemeLines[i].length; - } - return map; - } + _updateTextarea: function() { + this.cursorOffsetCache = { }; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + var newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; + } + this.updateTextareaPosition(); + }, + /** - * Returns true if object has a style property or has it on a specified line - * @param {Number} lineIndex - * @return {Boolean} + * @private */ - styleHas(property, lineIndex) { - if (this._styleMap && !this.isWrapping) { - const map = this._styleMap[lineIndex]; - if (map) { - lineIndex = map.line; - } - } - return super.styleHas(property, lineIndex); - } + updateFromTextArea: function() { + if (!this.hiddenTextarea) { + return; + } + this.cursorOffsetCache = { }; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + var newSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + }, + /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * @private */ - isEmptyStyles(lineIndex) { - if (!this.styles) { - return true; - } - let offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; - if (map) { - lineIndex = map.line; - offset = map.offset; - } - if (mapNextLine) { - nextLineIndex = mapNextLine.line; - shouldLimit = nextLineIndex === lineIndex; - nextOffset = mapNextLine.offset; - } - obj = - typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (const p1 in obj) { - for (const p2 in obj[p1]) { - if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { - // eslint-disable-next-line no-unused-vars - for (const p3 in obj[p1][p2]) { - return false; - } - } - } - } - return true; - } + updateTextareaPosition: function() { + if (this.selectionStart === this.selectionEnd) { + var style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + }, + /** - * @param {Number} lineIndex - * @param {Number} charIndex * @private - */ - _getStyleDeclaration(lineIndex, charIndex) { - if (this._styleMap && !this.isWrapping) { - const map = this._styleMap[lineIndex]; - if (!map) { - return null; - } - lineIndex = map.line; - charIndex = map.offset + charIndex; - } - return super._getStyleDeclaration(lineIndex, charIndex); - } + * @return {Object} style contains style for hiddenTextarea + */ + _calcTextareaPosition: function() { + if (!this.canvas) { + return { x: 1, y: 1 }; + } + var desiredPosition = this.inCompositionMode ? this.compositionStart : this.selectionStart, + boundaries = this._getCursorBoundaries(desiredPosition), + cursorLocation = this.get2DCursorLocation(desiredPosition), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex, + charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * this.lineHeight, + leftOffset = boundaries.leftOffset, + m = this.calcTransformMatrix(), + p = { + x: boundaries.left + leftOffset, + y: boundaries.top + boundaries.topOffset + charHeight + }, + retinaScaling = this.canvas.getRetinaScaling(), + upperCanvas = this.canvas.upperCanvasEl, + upperCanvasWidth = upperCanvas.width / retinaScaling, + upperCanvasHeight = upperCanvas.height / retinaScaling, + maxWidth = upperCanvasWidth - charHeight, + maxHeight = upperCanvasHeight - charHeight, + scaleX = upperCanvas.clientWidth / upperCanvasWidth, + scaleY = upperCanvas.clientHeight / upperCanvasHeight; + + p = fabric.util.transformPoint(p, m); + p = fabric.util.transformPoint(p, this.canvas.viewportTransform); + p.x *= scaleX; + p.y *= scaleY; + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } + + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + + return { left: p.x + 'px', top: p.y + 'px', fontSize: charHeight + 'px', charHeight: charHeight }; + }, + /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style * @private */ - _setStyleDeclaration(lineIndex, charIndex, style) { - const map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - this.styles[lineIndex][charIndex] = style; - } + _saveEditingProps: function() { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor + }; + }, + /** - * @param {Number} lineIndex - * @param {Number} charIndex * @private */ - _deleteStyleDeclaration(lineIndex, charIndex) { - const map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - delete this.styles[lineIndex][charIndex]; - } + _restoreEditingProps: function() { + if (!this._savedProps) { + return; + } + + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; + + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; + } + }, + /** - * probably broken need a fix - * Returns the real style line that correspond to the wrapped lineIndex line - * Used just to verify if the line does exist or not. - * @param {Number} lineIndex - * @returns {Boolean} if the line exists or not - * @private + * Exits from editing state + * @return {fabric.IText} thisArg + * @chainable */ - _getLineStyle(lineIndex) { - const map = this._styleMap[lineIndex]; - return !!this.styles[map.line]; - } + exitEditing: function() { + var isTextChanged = (this._textBeforeEdit !== this.text); + var hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; + + this.selectionEnd = this.selectionStart; + + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + this._currentCursorOpacity = 0; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && this.canvas.fire('object:modified', { target: this }); + } + return this; + }, + /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @param {Object} style * @private */ - _setLineStyle(lineIndex) { - const map = this._styleMap[lineIndex]; - this.styles[map.line] = {}; - } + _removeExtraneousStyles: function() { + for (var prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; + } + } + }, + /** - * Wraps text using the 'width' property of Textbox. First this function - * splits text on newlines, so we preserve newlines entered by the user. - * Then it wraps each line using the width of the Textbox by calling - * _wrapLine(). - * @param {Array} lines The string array of text that is split into lines - * @param {Number} desiredWidth width you want to wrap to - * @returns {Array} Array of lines - */ - _wrapText(lines, desiredWidth) { - let wrapped = [], i; - this.isWrapping = true; - for (i = 0; i < lines.length; i++) { - wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth)); + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) + */ + removeStyleFromTo: function(start, end) { + var cursorStart = this.get2DCursorLocation(start, true), + cursorEnd = this.get2DCursorLocation(end, true), + lineStart = cursorStart.lineIndex, + charStart = cursorStart.charIndex, + lineEnd = cursorEnd.lineIndex, + charEnd = cursorEnd.charIndex, + i, styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { + delete this.styles[lineStart][i]; + } + } + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = { }); + this.styles[lineStart][charStart + i - charEnd] = styleObj; + } + } + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; + } + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } + else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + var diff = charEnd - charStart, numericChar, _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; + } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; + } + } + } + } + }, + + /** + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? + */ + shiftLineStyles: function(lineIndex, offset) { + // shift all line styles by offset upward or downward + // do not clone deep. we need new array, not new style objects + var clonedStyles = clone(this.styles); + for (var line in this.styles) { + var numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; + } + } + } + }, + + restartCursorIfNeeded: function() { + if (!this._currentTickState || this._currentTickState.isAborted + || !this._currentTickCompleteState || this._currentTickCompleteState.isAborted + ) { + this.initDelayedCursor(); + } + }, + + /** + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles + */ + insertNewlineStyleObject: function(lineIndex, charIndex, qty, copiedStyle) { + var currentCharStyle, + newLineStyles = {}, + somethingAdded = false, + isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (var index in this.styles[lineIndex]) { + var numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; + } + } + } + var styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; + } + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { 0: clone(copiedStyle[qty - 1]) }; + } + else if (currentCharStyle) { + this.styles[lineIndex + qty] = { 0: clone(currentCharStyle) }; } - this.isWrapping = false; - return wrapped; - } + else { + delete this.styles[lineIndex + qty]; + } + qty--; + } + this._forceClearCache = true; + }, + /** - * Helper function to measure a string of text, given its lineIndex and charIndex offset - * It gets called when charBounds are not available yet. - * Override if necessary - * Use with {@link Textbox#wordSplit} - * - * @param {CanvasRenderingContext2D} ctx - * @param {String} text - * @param {number} lineIndex - * @param {number} charOffset - * @returns {number} - */ - _measureWord(word, lineIndex, charOffset) { - let width = 0, prevGrapheme, skipLeft = true; - charOffset = charOffset || 0; - for (let i = 0, len = word.length; i < len; i++) { - const box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); - width += box.kernedWidth; - prevGrapheme = word[i]; + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects + */ + insertCharStyleObject: function(lineIndex, charIndex, quantity, copiedStyle) { + if (!this.styles) { + this.styles = {}; + } + var currentLineStyles = this.styles[lineIndex], + currentLineStylesCloned = currentLineStyles ? clone(currentLineStyles) : {}; + + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (var index in currentLineStylesCloned) { + var numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; + } + } + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; + } + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; + } + this.styles[lineIndex][charIndex + quantity] = clone(copiedStyle[quantity]); } - return width; - } + return; + } + if (!currentLineStyles) { + return; + } + var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { + this.styles[lineIndex][charIndex + quantity] = clone(newStyle); + } + }, + /** - * Override this method to customize word splitting - * Use with {@link Textbox#_measureWord} - * @param {string} value - * @returns {string[]} array of words + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. */ - wordSplit(value) { - return value.split(this._wordJoiners); - } + insertNewStyleBlock: function(insertedText, start, copiedStyle) { + var cursorLoc = this.get2DCursorLocation(start, true), + addedLines = [0], linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; + } + else { + addedLines[linesLength]++; + } + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && this.insertNewlineStyleObject( + cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); + for (var i = 1; i < linesLength; i++) { + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; + } + } + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + } + // we use i outside the loop to get it like linesLength + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + }, + /** - * Wraps a line of text using the width of the Textbox and a context. - * @param {Array} line The grapheme array that represent the line - * @param {Number} lineIndex - * @param {Number} desiredWidth width you want to wrap the line to - * @param {Number} reservedSpace space to remove from wrapping for custom functionalities - * @returns {Array} Array of line(s) into which the given text is wrapped - * to. + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. */ - _wrapLine(_line, lineIndex, desiredWidth, reservedSpace) { - var lineWidth = 0, splitByGrapheme = this.splitByGrapheme, graphemeLines = [], line = [], - // spaces in different languages? - words = splitByGrapheme - ? this.graphemeSplit(_line) - : this.wordSplit(_line), word = '', offset = 0, infix = splitByGrapheme ? '' : ' ', wordWidth = 0, infixWidth = 0, largestWordWidth = 0, lineJustStarted = true, additionalSpace = this._getWidthOfCharSpacing(), reservedSpace = reservedSpace || 0; - // fix a difference between split and graphemeSplit - if (words.length === 0) { - words.push([]); - } - desiredWidth -= reservedSpace; - // measure words - const data = words.map(function (word) { - // if using splitByGrapheme words are already in graphemes. - word = splitByGrapheme ? word : this.graphemeSplit(word); - const width = this._measureWord(word, lineIndex, offset); - largestWordWidth = Math.max(width, largestWordWidth); - offset += word.length + 1; - return { word: word, width: width }; - }.bind(this)); - const maxWidth = Math.max(desiredWidth, largestWordWidth, this.dynamicMinWidth); - // layout words - offset = 0; - for (var i = 0; i < words.length; i++) { - word = data[i].word; - wordWidth = data[i].width; - offset += word.length; - lineWidth += infixWidth + wordWidth - additionalSpace; - if (lineWidth > maxWidth && !lineJustStarted) { - graphemeLines.push(line); - line = []; - lineWidth = wordWidth; - lineJustStarted = true; - } - else { - lineWidth += additionalSpace; - } - if (!lineJustStarted && !splitByGrapheme) { - line.push(infix); - } - line = line.concat(word); - infixWidth = splitByGrapheme - ? 0 - : this._measureWord([infix], lineIndex, offset); - offset++; - lineJustStarted = false; + setSelectionStartEndWithShift: function(start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; } - i && graphemeLines.push(line); - if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { - this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; + else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; } - return graphemeLines; - } - /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @param {Number} lineIndex text to split - * @return {Boolean} - */ - isEndOfWrapping(lineIndex) { - if (!this._styleMap[lineIndex + 1]) { - // is last line, return true; - return true; + this.selectionStart = newSelection; + } + else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { + this.selectionEnd = newSelection; } - if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { - // this is last line before a line break, return true; - return true; + else { + this.selectionStart = newSelection; } - return false; + } + else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } + else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; + } + this.selectionEnd = newSelection; + } + }, + + setSelectionInBoundaries: function() { + var length = this.text.length; + if (this.selectionStart > length) { + this.selectionStart = length; + } + else if (this.selectionStart < 0) { + this.selectionStart = 0; + } + if (this.selectionEnd > length) { + this.selectionEnd = length; + } + else if (this.selectionEnd < 0) { + this.selectionEnd = 0; + } + } + }); +})(); + + +fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { + /** + * Initializes "dbclick" event handler + */ + initDoubleClickSimulation: function() { + + // for double click + this.__lastClickTime = +new Date(); + + // for triple click + this.__lastLastClickTime = +new Date(); + + this.__lastPointer = { }; + + this.on('mousedown', this.onMouseDown); + }, + + /** + * Default event handler to simulate triple click + * @private + */ + onMouseDown: function(options) { + if (!this.canvas) { + return; + } + this.__newClickTime = +new Date(); + var newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + this._stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastIsEditing = this.isEditing; + this.__lastSelected = this.selected; + }, + + isTripleClick: function(newPointer) { + return this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y; + }, + + /** + * @private + */ + _stopEvent: function(e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + }, + + /** + * Initializes event handlers related to cursor or selection + */ + initCursorSelectionHandlers: function() { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); + }, + + /** + * Default handler for double click, select a word + */ + doubleClickHandler: function(options) { + if (!this.isEditing) { + return; + } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + }, + + /** + * Default handler for triple click, select a line + */ + tripleClickHandler: function(options) { + if (!this.isEditing) { + return; + } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + }, + + /** + * Initializes double and triple click event handlers + */ + initClicks: function() { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + }, + + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler: function(options) { + if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { + return; + } + + this.__isMousedown = true; + + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); + } + + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); + } + this.renderCursorOrSelection(); + } + }, + + /** + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down + */ + _mouseDownHandlerBefore: function(options) { + if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { + return; + } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + }, + + /** + * Initializes "mousedown" event handler + */ + initMousedownHandler: function() { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + }, + + /** + * Initializes "mouseup" event handler + */ + initMouseupHandler: function() { + this.on('mouseup', this.mouseUpHandler); + }, + + /** + * standard handler for mouse up, overridable + * @private + */ + mouseUpHandler: function(options) { + this.__isMousedown = false; + if (!this.editable || this.group || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1)) { + return; + } + + if (this.canvas) { + var currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit + return; + } + } + + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); + } + else { + this.renderCursorOrSelection(); + } + } + else { + this.selected = true; + } + }, + + /** + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {Event} e Event object + */ + setCursorByClick: function(e) { + var newSelection = this.getSelectionStartFromPointer(e), + start = this.selectionStart, end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } + else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, + + /** + * Returns index of a character corresponding to where an object was clicked + * @param {Event} e Event object + * @return {Number} Index of a character + */ + getSelectionStartFromPointer: function(e) { + var mouseOffset = this.getLocalPointer(e), + prevWidth = 0, + width = 0, + height = 0, + charIndex = 0, + lineIndex = 0, + lineLeftOffset, + line; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); + } + } + else { + break; + } + } + lineLeftOffset = this._getLineLeftOffset(lineIndex); + width = lineLeftOffset * this.scaleX; + line = this._textLines[lineIndex]; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x + width; + } + for (var j = 0, jlen = line.length; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; + } + else { + break; + } + } + return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); + }, + + /** + * @private + */ + _getNewSelectionStartFromOffset: function(mouseOffset, prevWidth, width, index, jlen) { + // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 + var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, + distanceBtwNextCharAndCursor = width - mouseOffset.x, + offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 ? 0 : 1, + newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; + } + + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; + } + + return newSelectionStart; + } +}); + + +fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { + + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea: function() { + this.hiddenTextarea = fabric.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric-hiddentextarea', ''); + this.hiddenTextarea.setAttribute('wrap', 'off'); + var style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = 'position: absolute; top: ' + style.top + + '; left: ' + style.left + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + + ' paddingｰtop: ' + style.fontSize + ';'; + + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } + else { + fabric.document.body.appendChild(this.hiddenTextarea); + } + + fabric.util.addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); + + if (!this._clickHandlerInitialized && this.canvas) { + fabric.util.addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); + this._clickHandlerInitialized = true; + } + }, + + /** + * For functionalities on keyDown + * Map a special key to a function of the instance/prototype + * If you need different behaviour for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the fabric.Itext or + * your prototype. + * the map change will affect all Instances unless you need for only some text Instances + * in that case you have to clone this object and assign your Instance. + * this.keysMap = fabric.util.object.clone(this.keysMap); + * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + */ + keysMap: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorRight', + 36: 'moveCursorLeft', + 37: 'moveCursorLeft', + 38: 'moveCursorUp', + 39: 'moveCursorRight', + 40: 'moveCursorDown', + }, + + keysMapRtl: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorLeft', + 36: 'moveCursorRight', + 37: 'moveCursorRight', + 38: 'moveCursorUp', + 39: 'moveCursorLeft', + 40: 'moveCursorDown', + }, + + /** + * For functionalities on keyUp + ctrl || cmd + */ + ctrlKeysMapUp: { + 67: 'copy', + 88: 'cut' + }, + + /** + * For functionalities on keyDown + ctrl || cmd + */ + ctrlKeysMapDown: { + 65: 'selectAll' + }, + + onClick: function() { + // No need to trigger click event here, focus is enough to have the keyboard appear on Android + this.hiddenTextarea && this.hiddenTextarea.focus(); + }, + + /** + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {Event} e Event object + */ + onKeyDown: function(e) { + if (!this.isEditing) { + return; + } + var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } + else if ((e.keyCode in this.ctrlKeysMapDown) && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } + else { + this.canvas && this.canvas.requestRenderAll(); + } + }, + + /** + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {Event} e Event object + */ + onKeyUp: function(e) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if ((e.keyCode in this.ctrlKeysMapUp) && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + this.canvas && this.canvas.requestRenderAll(); + }, + + /** + * Handles onInput event + * @param {Event} e Event object + */ + onInput: function(e) { + var fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + var nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, + charCount = this._text.length, + nextCharCount = nextText.length, + removedText, insertedText, + charDiff = nextCharCount - charCount, + selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, + selection = selectionStart !== selectionEnd, + copiedStyle, removeFrom, removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = { }; + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + return; + } + + var textareaSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + var backDelete = selectionStart > textareaSelection.selectionStart; + + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } + else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); + } + else { + removedText = this._text.slice(selectionStart, selectionStart - charDiff); + } + } + insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(function() { + // this return an array of references, but that is fine since we are + // copying the style later. + return copiedStyle[0]; + }); + } + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } + else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } + else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; + } + this.removeStyleFromTo(removeFrom, removeTo); + } + if (insertedText.length) { + if (fromPaste && insertedText.join('') === fabric.copiedText && !fabric.disableStyleCopyPaste) { + copiedStyle = fabric.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + }, + /** + * Composition start + */ + onCompositionStart: function() { + this.inCompositionMode = true; + }, + + /** + * Composition end + */ + onCompositionEnd: function() { + this.inCompositionMode = false; + }, + + // /** + // * Composition update + // */ + onCompositionUpdate: function(e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + }, + + /** + * Copies selected text + * @param {Event} e Event object + */ + copy: function() { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; + } + + fabric.copiedText = this.getSelectedText(); + if (!fabric.disableStyleCopyPaste) { + fabric.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); + } + else { + fabric.copiedTextStyle = null; } - /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * @return Number - */ - missingNewlineOffset(lineIndex) { - if (this.splitByGrapheme) { - return this.isEndOfWrapping(lineIndex) ? 1 : 0; - } - return 1; + this._copyDone = true; + }, + + /** + * Pastes text + * @param {Event} e Event object + */ + paste: function() { + this.fromPaste = true; + }, + + /** + * @private + * @param {Event} e Event object + * @return {Object} Clipboard data object + */ + _getClipboardData: function(e) { + return (e && e.clipboardData) || fabric.window.clipboardData; + }, + + /** + * Finds the width in pixels before the cursor on the same line + * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor + */ + _getWidthBeforeCursor: function(lineIndex, charIndex) { + var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; + + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; } - /** - * Gets lines of text to render in the Textbox. This function calculates - * text wrapping on the fly every time it is called. - * @param {String} text text to split - * @returns {Array} Array of lines in the Textbox. - * @override - */ - _splitTextIntoLines(text) { - const newText = super._splitTextIntoLines(text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); - for (let i = 0; i < graphemeLines.length; i++) { - lines[i] = graphemeLines[i].join(''); - } - newText.lines = lines; - newText.graphemeLines = graphemeLines; - return newText; + return widthBeforeCursor; + }, + + /** + * Gets start offset of a selection + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getDownCursorOffset: function(e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line + if (lineIndex === this._textLines.length - 1 || e.metaKey || e.keyCode === 34) { + // move to the end of a text + return this._text.length - selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), + textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return textAfterCursor.length + indexOnOtherLine + 1 + this.missingNewlineOffset(lineIndex); + }, + + /** + * private + * Helps finding if the offset should be counted from Start or End + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + _getSelectionForOffset: function(e, isRight) { + if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { + return this.selectionEnd; } - getMinWidth() { - return Math.max(this.minWidth, this.dynamicMinWidth); + else { + return this.selectionStart; } - _removeExtraneousStyles() { - const linesToKeep = {}; - for (var prop in this._styleMap) { - if (this._textLines[prop]) { - linesToKeep[this._styleMap[prop].line] = 1; - } - } - for (var prop in this.styles) { - if (!linesToKeep[prop]) { - delete this.styles[prop]; - } - } + }, + + /** + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getUpCursorOffset: function(e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), + textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), + missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return -this._textLines[lineIndex - 1].length + + indexOnOtherLine - textBeforeCursor.length + (1 - missingNewlineOffset); + }, + + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine: function(lineIndex, width) { + + var line = this._textLines[lineIndex], + lineLeftOffset = this._getLineLeftOffset(lineIndex), + widthOfCharsOnLine = lineLeftOffset, + indexOnLine = 0, charWidth, foundMatch; + + for (var j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + var leftEdge = widthOfCharsOnLine - charWidth, + rightEdge = widthOfCharsOnLine, + offsetFromLeftEdge = Math.abs(leftEdge - width), + offsetFromRightEdge = Math.abs(rightEdge - width); + + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : (j - 1); + break; + } } - /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject(propertiesToInclude) { - return super.toObject(['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); + + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; } - /** - * Returns Textbox instance from an object representation - * @static - * @memberOf Textbox - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - const styles = stylesFromArray(object.styles, object.text); - //copy object to prevent mutation - const objCopy = Object.assign({}, object, { styles: styles }); - return FabricObject._fromObject(Textbox, objCopy, { - extraParam: 'text', - }); + + return indexOnLine; + }, + + + /** + * Moves cursor down + * @param {Event} e Event object + */ + moveCursorDown: function(e) { + if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorUpOrDown('Down', e); + }, + + /** + * Moves cursor up + * @param {Event} e Event object + */ + moveCursorUp: function(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + }, + + /** + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {Event} e Event object + */ + _moveCursorUpOrDown: function(direction, e) { + // getUpCursorOffset + // getDownCursorOffset + var action = 'get' + direction + 'CursorOffset', + offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); } -} -const textboxDefaultValues = { - type: 'textbox', - minWidth: 20, - dynamicMinWidth: 2, - lockScalingFlip: true, - noScaleCache: false, - _dimensionAffectingProps: textDefaultValues._dimensionAffectingProps.concat('width'), - _wordJoiners: /[ \t\r]/, - splitByGrapheme: false, -}; -Object.assign(Textbox.prototype, textboxDefaultValues); -fabric$3.Textbox = Textbox; - -/* eslint-disable @typescript-eslint/no-unused-vars */ -class Control { - constructor(options) { - /** - * keep track of control visibility. - * mainly for backward compatibility. - * if you do not want to see a control, you can remove it - * from the control set. - * @type {Boolean} - * @default true - */ - this.visible = true; - /** - * Name of the action that the control will likely execute. - * This is optional. FabricJS uses to identify what the user is doing for some - * extra optimizations. If you are writing a custom control and you want to know - * somewhere else in the code what is going on, you can use this string here. - * you can also provide a custom getActionName if your control run multiple actions - * depending on some external state. - * default to scale since is the most common, used on 4 corners by default - * @type {String} - * @default 'scale' - */ - this.actionName = 'scale'; - /** - * Drawing angle of the control. - * NOT used for now, but name marked as needed for internal logic - * example: to reuse the same drawing function for different rotated controls - * @type {Number} - * @default 0 - */ - this.angle = 0; - /** - * Relative position of the control. X - * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 - */ - this.x = 0; - /** - * Relative position of the control. Y - * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 - */ - this.y = 0; - /** - * Horizontal offset of the control from the defined position. In pixels - * Positive offset moves the control to the right, negative to the left. - * It used when you want to have position of control that does not scale with - * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on - * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will - * stay 30 pixels no matter how the object is big. Another example is having 2 - * controls in the corner, that stay in the same position when the object scale. - * of the bounding box. - * @type {Number} - * @default 0 - */ - this.offsetX = 0; - /** - * Vertical offset of the control from the defined position. In pixels - * Positive offset moves the control to the bottom, negative to the top. - * @type {Number} - * @default 0 - */ - this.offsetY = 0; - /** - * Sets the length of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null - */ - this.sizeX = null; - /** - * Sets the height of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null - */ - this.sizeY = null; - /** - * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null - */ - this.touchSizeX = null; - /** - * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null - */ - this.touchSizeY = null; - /** - * Css cursor style to display when the control is hovered. - * if the method `cursorStyleHandler` is provided, this property is ignored. - * @type {String} - * @default 'crosshair' - */ - this.cursorStyle = 'crosshair'; - /** - * If controls has an offsetY or offsetX, draw a line that connects - * the control to the bounding box - * @type {Boolean} - * @default false - */ - this.withConnection = false; - Object.assign(this, options); + else { + this.moveCursorWithoutShift(offset); } - /** - * Returns control actionHandler - * @param {Event} eventData the native mouse event - * @param {FabricObject} fabricObject on which the control is displayed - * @param {Control} control control for which the action handler is being asked - * @return {Function} the action handler - */ - getActionHandler(eventData, fabricObject, control) { - return this.actionHandler; + if (offset !== 0) { + this.setSelectionInBoundaries(); + this.abortCursorAnimation(); + this._currentCursorOpacity = 1; + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); } - /** - * Returns control mouseDown handler - * @param {Event} eventData the native mouse event - * @param {FabricObject} fabricObject on which the control is displayed - * @param {Control} control control for which the action handler is being asked - * @return {Function} the action handler - */ - getMouseDownHandler(eventData, fabricObject, control) { - return this.mouseDownHandler; + }, + + /** + * Moves cursor with shift + * @param {Number} offset + */ + moveCursorWithShift: function(offset) { + var newSelection = this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); + return offset !== 0; + }, + + /** + * Moves cursor up without shift + * @param {Number} offset + */ + moveCursorWithoutShift: function(offset) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; } - /** - * Returns control mouseUp handler - * @param {Event} eventData the native mouse event - * @param {FabricObject} fabricObject on which the control is displayed - * @param {Control} control control for which the action handler is being asked - * @return {Function} the action handler - */ - getMouseUpHandler(eventData, fabricObject, control) { - return this.mouseUpHandler; + else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; } - /** - * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate - * function you can pass one in the constructor - * the cursorStyle property - * @param {Event} eventData the native mouse event - * @param {Control} control the current control ( likely this) - * @param {FabricObject} object on which the control is displayed - * @return {String} - */ - cursorStyleHandler(eventData, control, fabricObject) { - return control.cursorStyle; + return offset !== 0; + }, + + /** + * Moves cursor left + * @param {Event} e Event object + */ + moveCursorLeft: function(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + }, + + /** + * @private + * @return {Boolean} true if a change happened + */ + _move: function(e, prop, direction) { + var newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } + else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36 ) { + newValue = this['findLineBoundary' + direction](this[prop]); } - /** - * Returns the action name. The basic implementation just return the actionName property. - * @param {Event} eventData the native mouse event - * @param {Control} control the current control ( likely this) - * @param {FabricObject} object on which the control is displayed - * @return {String} - */ - getActionName(eventData, control, fabricObject) { - return control.actionName; + else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; } - /** - * Returns controls visibility - * @param {FabricObject} object on which the control is displayed - * @param {String} controlKey key where the control is memorized on the - * @return {Boolean} - */ - getVisibility(fabricObject, controlKey) { - var _a, _b; - // @ts-expect-error TODO remove directive once fixed - return (_b = (_a = fabricObject._controlsVisibility) === null || _a === void 0 ? void 0 : _a[controlKey]) !== null && _b !== void 0 ? _b : this.visible; + if (typeof newValue !== undefined && this[prop] !== newValue) { + this[prop] = newValue; + return true; } - /** - * Sets controls visibility - * @param {Boolean} visibility for the object - * @return {Void} - */ - setVisibility(visibility, name, fabricObject) { - this.visible = visibility; + }, + + /** + * @private + */ + _moveLeft: function(e, prop) { + return this._move(e, prop, 'Left'); + }, + + /** + * @private + */ + _moveRight: function(e, prop) { + return this._move(e, prop, 'Right'); + }, + + /** + * Moves cursor left without keeping selection + * @param {Event} e + */ + moveCursorLeftWithoutShift: function(e) { + var change = true; + this._selectionDirection = 'left'; + + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if (this.selectionEnd === this.selectionStart && this.selectionStart !== 0) { + change = this._moveLeft(e, 'selectionStart'); + } - positionHandler(dim, finalMatrix, fabricObject, currentControl) { - return new Point(this.x * dim.x + this.offsetX, this.y * dim.y + this.offsetY).transform(finalMatrix); + this.selectionEnd = this.selectionStart; + return change; + }, + + /** + * Moves cursor left while keeping selection + * @param {Event} e + */ + moveCursorLeftWithShift: function(e) { + if (this._selectionDirection === 'right' && this.selectionStart !== this.selectionEnd) { + return this._moveLeft(e, 'selectionEnd'); + } + else if (this.selectionStart !== 0){ + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + }, + + /** + * Moves cursor right + * @param {Event} e Event object + */ + moveCursorRight: function(e) { + if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorLeftOrRight('Right', e); + }, + + /** + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {Event} e Event object + */ + _moveCursorLeftOrRight: function(direction, e) { + var actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; + + if (e.shiftKey) { + actionName += 'Shift'; } - /** - * Returns the coords for this control based on object values. - * @param {Number} objectAngle angle from the fabric object holding the control - * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if - * isTouch is true) - * @param {Number} centerX x coordinate where the control center should be - * @param {Number} centerY y coordinate where the control center should be - * @param {boolean} isTouch true if touch corner, false if normal corner - */ - calcCornerCoords(objectAngle, objectCornerSize, centerX, centerY, isTouch) { - let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp; - const xSize = isTouch ? this.touchSizeX : this.sizeX, ySize = isTouch ? this.touchSizeY : this.sizeY; - if (xSize && ySize && xSize !== ySize) { - // handle rectangular corners - const controlTriangleAngle = Math.atan2(ySize, xSize); - const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; - const newTheta = controlTriangleAngle - degreesToRadians(objectAngle); - const newThetaComp = halfPI - controlTriangleAngle - degreesToRadians(objectAngle); - cosHalfOffset = cornerHypotenuse * cos(newTheta); - sinHalfOffset = cornerHypotenuse * sin(newTheta); - // use complementary angle for two corners - cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp); - sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp); - } - else { - // handle square corners - // use default object corner size unless size is defined - const cornerSize = xSize && ySize ? xSize : objectCornerSize; - const cornerHypotenuse = cornerSize * Math.SQRT1_2; - // complementary angles are equal since they're both 45 degrees - const newTheta = degreesToRadians(45 - objectAngle); - cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta); - sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta); - } - return { - tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp), - tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset), - bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset), - br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp), - }; + else { + actionName += 'outShift'; } - /** - * Render function for the control. - * When this function runs the context is unscaled. unrotate. Just retina scaled. - * all the functions will have to translate to the point left,top before starting Drawing - * if they want to draw a control where the position is detected. - * left and top are the result of the positionHandler function - * @param {RenderingContext2D} ctx the context where the control will be drawn - * @param {Number} left position of the canvas where we are about to render the control. - * @param {Number} top position of the canvas where we are about to render the control. - * @param {Object} styleOverride - * @param {FabricObject} fabricObject the object where the control is about to be rendered - */ - render(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { - case 'circle': - renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); - break; - default: - renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); - } + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); } -} -fabric$3.Control = Control; - -// @ts-nocheck -const defaultControls = { - ml: new Control({ - x: -0.5, - y: 0, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }), - mr: new Control({ - x: 0.5, - y: 0, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }), - mb: new Control({ - x: 0, - y: 0.5, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }), - mt: new Control({ - x: 0, - y: -0.5, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }), - tl: new Control({ - x: -0.5, - y: -0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - tr: new Control({ - x: 0.5, - y: -0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - bl: new Control({ - x: -0.5, - y: 0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - br: new Control({ - x: 0.5, - y: 0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - mtr: new Control({ - x: 0, - y: -0.5, - actionHandler: rotationWithSnapping, - cursorStyleHandler: rotationStyleHandler, - offsetY: -40, - withConnection: true, - actionName: 'rotate', - }), -}; -const textboxDefaultControls = Object.assign(Object.assign({}, defaultControls), { mr: new Control({ - x: 0.5, - y: 0, - actionHandler: changeWidth, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionName: 'resizing', - }), ml: new Control({ - x: -0.5, - y: 0, - actionHandler: changeWidth, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionName: 'resizing', - }) }); -InteractiveFabricObject.prototype.controls = Object.assign(Object.assign({}, (InteractiveFabricObject.prototype.controls || {})), defaultControls); -if (fabric$3.Textbox) { - // this is breaking the prototype inheritance, no time / ideas to fix it. - // is important to document that if you want to have all objects to have a - // specific custom control, you have to add it to Object prototype and to Textbox - // prototype. The controls are shared as references. So changes to control `tr` - // can still apply to all objects if needed. - fabric$3.Textbox.prototype.controls = Object.assign(Object.assign({}, (fabric$3.Textbox.prototype.controls || {})), textboxDefaultControls); -} + }, -/** - * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} - */ -class BaseBrush { - constructor(canvas) { - /** - * Color of a brush - * @type String - * @default - */ - this.color = 'rgb(0, 0, 0)'; - /** - * Width of a brush, has to be a Number, no string literals - * @type Number - * @default - */ - this.width = 1; - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), - * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 - * @type Shadow - * @default - */ - this.shadow = null; - /** - * Line endings style of a brush (one of "butt", "round", "square") - * @type String - * @default - */ - this.strokeLineCap = 'round'; - /** - * Corner style of a brush (one of "bevel", "round", "miter") - * @type String - * @default - */ - this.strokeLineJoin = 'round'; - /** - * Maximum miter length (used for strokeLineJoin = "miter") of a brush's - * @type Number - * @default - */ - this.strokeMiterLimit = 10; - /** - * Stroke Dash Array. - * @type Array - * @default - */ - this.strokeDashArray = null; - /** - * When `true`, the free drawing is limited to the whiteboard size. Default to false. - * @type Boolean - * @default false - */ - this.limitedToCanvasSize = false; - this.canvas = canvas; - } - /** - * Sets brush styles - * @private - * @param {CanvasRenderingContext2D} ctx - */ - _setBrushStyles(ctx) { - ctx.strokeStyle = this.color; - ctx.lineWidth = this.width; - ctx.lineCap = this.strokeLineCap; - ctx.miterLimit = this.strokeMiterLimit; - ctx.lineJoin = this.strokeLineJoin; - ctx.setLineDash(this.strokeDashArray || []); + /** + * Moves cursor right while keeping selection + * @param {Event} e + */ + moveCursorRightWithShift: function(e) { + if (this._selectionDirection === 'left' && this.selectionStart !== this.selectionEnd) { + return this._moveRight(e, 'selectionStart'); + } + else if (this.selectionEnd !== this._text.length) { + this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); + } + }, + + /** + * Moves cursor right without keeping selection + * @param {Event} e Event object + */ + moveCursorRightWithoutShift: function(e) { + var changed = true; + this._selectionDirection = 'right'; + + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; + } + else { + this.selectionStart = this.selectionEnd; } + return changed; + }, + + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars: function(start, end) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, + + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars: function(text, style, start, end) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { + this.removeStyleFromTo(start, end); + } + var graphemes = fabric.util.string.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat(this._text.slice(0, start), graphemes, this._text.slice(end)); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, + +}); + + +/* _TO_SVG_START_ */ +(function() { + var toFixed = fabric.util.toFixed, + multipleSpacesRegex = / +/g; + + fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { + /** - * Sets the transformation on given context - * @param {CanvasRenderingContext2D} ctx context to render on - * @private + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance */ - _saveAndTransform(ctx) { - const v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } + _toSVG: function() { + var offsets = this._getSVGLeftTopOffsets(), + textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + }, + + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function(reviver) { + return this._createBaseSVGMarkup( + this._toSVG(), + { reviver: reviver, noStyle: true, withShadow: true } + ); + }, + /** - * Sets brush shadow styles * @private */ - _setShadow() { - if (!this.shadow || !this.canvas) { - return; - } - const canvas = this.canvas, shadow = this.shadow, ctx = canvas.contextTop, zoom = canvas.getZoom() * canvas.getRetinaScaling(); - ctx.shadowColor = shadow.color; - ctx.shadowBlur = shadow.blur * zoom; - ctx.shadowOffsetX = shadow.offsetX * zoom; - ctx.shadowOffsetY = shadow.offsetY * zoom; - } - needsFullRender() { - const color = new Color(this.color); - return color.getAlpha() < 1 || !!this.shadow; - } + _getSVGLeftTopOffsets: function() { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0) + }; + }, + /** - * Removes brush shadow styles * @private */ - _resetShadow() { - const ctx = this.canvas.contextTop; - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - } + _wrapSVGTextAndBg: function(textAndBg) { + var noShadow = true, + textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n' + ]; + }, + /** - * Check is pointer is outside canvas boundaries - * @param {Object} pointer * @private - */ - _isOutSideCanvas(pointer) { - return (pointer.x < 0 || - pointer.x > this.canvas.getWidth() || - pointer.y < 0 || - pointer.y > this.canvas.getHeight()); - } -} -fabric$3.BaseBrush = BaseBrush; + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg: function(textTopOffset, textLeftOffset) { + var textSpans = [], + textBgRects = [], + height = textTopOffset, lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); + + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.textBackgroundColor || this.styleHas('textBackgroundColor', i)) { + this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); + } + this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); + height += this.getHeightOfLine(i); + } + + return { + textSpans: textSpans, + textBgRects: textBgRects + }; + }, -/** - * @todo remove transient - */ -const { Circle, Group: Group$1, Shadow: Shadow$2 } = fabric$3; -class CircleBrush extends BaseBrush { - constructor(canvas) { - super(canvas); - /** - * Width of a brush - * @type Number - * @default - */ - this.width = 10; - this.points = []; - } /** - * Invoked inside on mouse down and mouse move - * @param {Point} pointer + * @private */ - drawDot(pointer) { - const point = this.addPoint(pointer), ctx = this.canvas.contextTop; - this._saveAndTransform(ctx); - this.dot(ctx, point); - ctx.restore(); - } - dot(ctx, point) { - ctx.fillStyle = point.fill; - ctx.beginPath(); - ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); - ctx.closePath(); - ctx.fill(); - } + _createTextCharSpan: function(_char, styleDecl, left, top) { + var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), + styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), + fillStyles = styleProps ? 'style="' + styleProps + '"' : '', + dy = styleDecl.deltaY, dySpan = '', + NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + fabric.util.string.escapeXml(_char), + '' + ].join(''); + }, + + _setSVGTextLineText: function(textSpans, lineIndex, textLeftOffset, textTopOffset) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, style, + boxWidth = 0, + line = this._textLines[lineIndex], + timeToRender; + + textTopOffset += lineHeight * (1 - this._fontSizeFraction) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } + else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = this._hasStyleChangedForSvg(actualStyle, nextStyle); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || { }; + textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); + charsToRender = ''; + actualStyle = nextStyle; + textLeftOffset += boxWidth; + boxWidth = 0; + } + } + }, + + _pushTextBgRect: function(textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n'); + }, + + _setSVGTextLineBg: function(textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], + heightOfLine = this.getHeightOfLine(i) / this.lineHeight, + boxWidth = 0, + boxStart = 0, + charBox, currentColor, + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, + textTopOffset, boxWidth, heightOfLine); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + currentColor && this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, + textTopOffset, boxWidth, heightOfLine); + }, + /** - * Invoked on mouse down + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} */ - onMouseDown(pointer) { - this.points = []; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - this.drawDot(pointer); - } + _getFillAttributes: function(value) { + var fillColor = (value && typeof value === 'string') ? new fabric.Color(value) : ''; + if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { + return 'fill="' + value + '"'; + } + return 'opacity="' + fillColor.getAlpha() + '" fill="' + fillColor.setAlpha(1).toRgb() + '"'; + }, + /** - * Render the full state of the brush * @private */ - _render() { - const ctx = this.canvas.contextTop, points = this.points; - this._saveAndTransform(ctx); - for (let i = 0; i < points.length; i++) { - this.dot(ctx, points[i]); - } - ctx.restore(); - } + _getSVGLineTopOffset: function(lineIndex) { + var lineTopOffset = 0, lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: (this._fontSizeMult - this._fontSizeFraction) * lastHeight / (this.lineHeight * this._fontSizeMult) + }; + }, + /** - * Invoked on mouse move - * @param {Point} pointer + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} */ - onMouseMove(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this.needsFullRender()) { - this.canvas.clearContext(this.canvas.contextTop); - this.addPoint(pointer); - this._render(); - } - else { - this.drawDot(pointer); - } - } + getSvgStyles: function(skipShadow) { + var svgStyle = fabric.Object.prototype.getSvgStyles.call(this, skipShadow); + return svgStyle + ' white-space: pre;'; + }, + }); +})(); +/* _TO_SVG_END_ */ + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = {}); + + /** + * Textbox class, based on IText, allows the user to resize the text rectangle + * and wraps lines automatically. Textboxes have their Y scaling locked, the + * user can only change width. Height is adjusted automatically based on the + * wrapping of lines. + * @class fabric.Textbox + * @extends fabric.IText + * @mixes fabric.Observable + * @return {fabric.Textbox} thisArg + * @see {@link fabric.Textbox#initialize} for constructor definition + */ + fabric.Textbox = fabric.util.createClass(fabric.IText, fabric.Observable, { + /** - * Invoked on mouse up + * Type of an object + * @type String + * @default */ - onMouseUp() { - const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; - this.canvas.renderOnAddRemove = false; - const circles = []; - for (let i = 0; i < this.points.length; i++) { - const point = this.points[i], circle = new Circle({ - radius: point.radius, - left: point.x, - top: point.y, - originX: 'center', - originY: 'center', - fill: point.fill, - }); - this.shadow && (circle.shadow = new Shadow$2(this.shadow)); - circles.push(circle); - } - const group = new Group$1(circles, { canvas: this.canvas }); - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - } + type: 'textbox', + /** - * @param {Object} pointer - * @return {Point} Just added pointer point - */ - addPoint({ x, y }) { - const pointerPoint = { - x, - y, - radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2, - fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(), - }; - this.points.push(pointerPoint); - return pointerPoint; - } -} -fabric$3.CircleBrush = CircleBrush; + * Minimum width of textbox, in pixels. + * @type Number + * @default + */ + minWidth: 20, + + /** + * Minimum calculated width of a textbox, in pixels. + * fixed to 2 so that an empty textbox cannot go to 0 + * and is still selectable without text. + * @type Number + * @default + */ + dynamicMinWidth: 2, -/** - * @todo remove transient - */ -const { Path, Shadow: Shadow$1 } = fabric$3; -/** - * @private - * @param {PathData} pathData SVG path commands - * @returns {boolean} - */ -function isEmptySVGPath(pathData) { - return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0'; -} -class PencilBrush extends BaseBrush { - constructor(canvas) { - super(canvas); - /** - * Discard points that are less than `decimate` pixel distant from each other - * @type Number - * @default 0.4 - */ - this.decimate = 0.4; - /** - * Draws a straight line between last recorded point to current pointer - * Used for `shift` functionality - * - * @type boolean - * @default false - */ - this.drawStraightLine = false; - /** - * The event modifier key that makes the brush draw a straight line. - * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. - * @type {ModifierKey | undefined | null} - */ - this.straightLineKey = 'shiftKey'; - this._points = []; - this._hasStraightLine = false; - } - needsFullRender() { - return super.needsFullRender() || this._hasStraightLine; - } - static drawSegment(ctx, p1, p2) { - const midPoint = p1.midPointFrom(p2); - ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); - return midPoint; - } /** - * Invoked on mouse down - * @param {Point} pointer + * Cached array of text wrapping. + * @type Array */ - onMouseDown(pointer, { e }) { - if (!this.canvas._isMainEvent(e)) { - return; - } - this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; - this._prepareForDrawing(pointer); - // capture coordinates immediately - // this allows to draw dots (when movement never occurs) - this._addPoint(pointer); - this._render(); - } + __cachedLines: null, + /** - * Invoked on mouse move - * @param {Point} pointer + * Override standard Object class values */ - onMouseMove(pointer, { e }) { - if (!this.canvas._isMainEvent(e)) { - return; - } - this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this._addPoint(pointer) && this._points.length > 1) { - if (this.needsFullRender()) { - // redraw curve - // clear top canvas - this.canvas.clearContext(this.canvas.contextTop); - this._render(); - } - else { - const points = this._points, length = points.length, ctx = this.canvas.contextTop; - // draw the curve update - this._saveAndTransform(ctx); - if (this.oldEnd) { - ctx.beginPath(); - ctx.moveTo(this.oldEnd.x, this.oldEnd.y); - } - this.oldEnd = PencilBrush.drawSegment(ctx, points[length - 2], points[length - 1]); - ctx.stroke(); - ctx.restore(); - } - } - } + lockScalingFlip: true, + /** - * Invoked on mouse up + * Override standard Object class values + * Textbox needs this on false */ - onMouseUp({ e }) { - if (!this.canvas._isMainEvent(e)) { - return true; - } - this.drawStraightLine = false; - this.oldEnd = undefined; - this._finalizeAndAddPath(); - return false; - } + noScaleCache: false, + /** + * Properties which when set cause object to change dimensions + * @type Object * @private - * @param {Point} pointer Actual mouse position related to the canvas. */ - _prepareForDrawing(pointer) { - this._reset(); - this._addPoint(pointer); - this.canvas.contextTop.moveTo(pointer.x, pointer.y); - } + _dimensionAffectingProps: fabric.Text.prototype._dimensionAffectingProps.concat('width'), + /** + * Use this regular expression to split strings in breakable lines * @private - * @param {Point} point Point to be added to points array */ - _addPoint(point) { - if (this._points.length > 1 && - point.eq(this._points[this._points.length - 1])) { - return false; - } - if (this.drawStraightLine && this._points.length > 1) { - this._hasStraightLine = true; - this._points.pop(); - } - this._points.push(point); - return true; - } + _wordJoiners: /[ \t\r]/, + /** - * Clear points array and set contextTop canvas style. - * @private + * Use this boolean property in order to split strings that have no white space concept. + * this is a cheap way to help with chinese/japanese + * @type Boolean + * @since 2.6.0 */ - _reset() { - this._points = []; - this._setBrushStyles(this.canvas.contextTop); - this._setShadow(); - this._hasStraightLine = false; - } + splitByGrapheme: false, + /** - * Draw a smooth path on the topCanvas using quadraticCurveTo + * Unlike superclass's version of this function, Textbox does not update + * its width. * @private - * @param {CanvasRenderingContext2D} [ctx] + * @override */ - _render(ctx = this.canvas.contextTop) { - let p1 = this._points[0], p2 = this._points[1]; - this._saveAndTransform(ctx); - ctx.beginPath(); - //if we only have 2 points in the path and they are the same - //it means that the user only clicked the canvas without moving the mouse - //then we should be drawing a dot. A path isn't drawn between two identical dots - //that's why we set them apart a bit - if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { - const width = this.width / 1000; - p1.x -= width; - p2.x += width; - } - ctx.moveTo(p1.x, p1.y); - for (let i = 1; i < this._points.length; i++) { - // we pick the point between pi + 1 & pi + 2 as the - // end point and p1 as our control point. - PencilBrush.drawSegment(ctx, p1, p2); - p1 = this._points[i]; - p2 = this._points[i + 1]; - } - // Draw last line as a straight line while - // we wait for the next point to be able to calculate - // the bezier control point - ctx.lineTo(p1.x, p1.y); - ctx.stroke(); - ctx.restore(); - } + initDimensions: function() { + if (this.__skipDimension) { + return; + } + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this._clearCache(); + // clear dynamicMinWidth as it will be different after we re-wrap line + this.dynamicMinWidth = 0; + // wrap lines + this._styleMap = this._generateStyleMap(this._splitText()); + // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap + if (this.dynamicMinWidth > this.width) { + this._set('width', this.dynamicMinWidth); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + // clear cache and re-calculate height + this.height = this.calcTextHeight(); + this.saveState({ propertySet: '_dimensionAffectingProps' }); + }, + /** - * Converts points to SVG path - * @param {Array} points Array of points - * @return {PathData} SVG path commands - */ - convertPointsToSVGPath(points) { - const correction = this.width / 1000; - return getSmoothPathFromPoints(points, correction); - } - /** - * Creates a Path object to add on canvas - * @param {PathData} pathData Path data - * @return {Path} Path to add on canvas - */ - createPath(pathData) { - const path = new Path(pathData, { - fill: null, - stroke: this.color, - strokeWidth: this.width, - strokeLineCap: this.strokeLineCap, - strokeMiterLimit: this.strokeMiterLimit, - strokeLineJoin: this.strokeLineJoin, - strokeDashArray: this.strokeDashArray, - }); - if (this.shadow) { - this.shadow.affectStroke = true; - path.shadow = new Shadow$1(this.shadow); + * Generate an object that translates the style object so that it is + * broken up by visual lines (new lines and automatic wrapping). + * The original text styles object is broken up by actual lines (new lines only), + * which is only sufficient for Text / IText + * @private + */ + _generateStyleMap: function(textInfo) { + var realLineCount = 0, + realLineCharCount = 0, + charCount = 0, + map = {}; + + for (var i = 0; i < textInfo.graphemeLines.length; i++) { + if (textInfo.graphemeText[charCount] === '\n' && i > 0) { + realLineCharCount = 0; + charCount++; + realLineCount++; } - return path; - } + else if (!this.splitByGrapheme && this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && i > 0) { + // this case deals with space's that are removed from end of lines when wrapping + realLineCharCount++; + charCount++; + } + + map[i] = { line: realLineCount, offset: realLineCharCount }; + + charCount += textInfo.graphemeLines[i].length; + realLineCharCount += textInfo.graphemeLines[i].length; + } + + return map; + }, + /** - * Decimate points array with the decimate value + * Returns true if object has a style property or has it on a specified line + * @param {Number} lineIndex + * @return {Boolean} */ - decimatePoints(points, distance) { - if (points.length <= 2) { - return points; - } - let lastPoint = points[0], cDistance; - const zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), l = points.length - 1, newPoints = [lastPoint]; - for (let i = 1; i < l - 1; i++) { - cDistance = - Math.pow(lastPoint.x - points[i].x, 2) + - Math.pow(lastPoint.y - points[i].y, 2); - if (cDistance >= adjustedDistance) { - lastPoint = points[i]; - newPoints.push(lastPoint); - } + styleHas: function(property, lineIndex) { + if (this._styleMap && !this.isWrapping) { + var map = this._styleMap[lineIndex]; + if (map) { + lineIndex = map.line; } - // Add the last point from the original line to the end of the array. - // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. - newPoints.push(points[l]); - return newPoints; - } + } + return fabric.Text.prototype.styleHas.call(this, property, lineIndex); + }, + /** - * On mouseup after drawing the path on contextTop canvas - * we use the points captured to create an new Path object - * and add it to the canvas. + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} */ - _finalizeAndAddPath() { - const ctx = this.canvas.contextTop; - ctx.closePath(); - if (this.decimate) { - this._points = this.decimatePoints(this._points, this.decimate); - } - const pathData = this.convertPointsToSVGPath(this._points); - if (isEmptySVGPath(pathData)) { - // do not create 0 width/height paths, as they are - // rendered inconsistently across browsers - // Firefox 4, for example, renders a dot, - // whereas Chrome 10 renders nothing - this.canvas.requestRenderAll(); - return; - } - const path = this.createPath(pathData); - this.canvas.clearContext(this.canvas.contextTop); - this.canvas.fire('before:path:created', { path: path }); - this.canvas.add(path); - this.canvas.requestRenderAll(); - path.setCoords(); - this._resetShadow(); - // fire event 'path' created - this.canvas.fire('path:created', { path: path }); - } -} -fabric$3.PencilBrush = PencilBrush; + isEmptyStyles: function(lineIndex) { + if (!this.styles) { + return true; + } + var offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, + map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; + if (map) { + lineIndex = map.line; + offset = map.offset; + } + if (mapNextLine) { + nextLineIndex = mapNextLine.line; + shouldLimit = nextLineIndex === lineIndex; + nextOffset = mapNextLine.offset; + } + obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; + } + } + } + } + return true; + }, -/** - * @todo remove transient - */ -const { Pattern } = fabric$3; -class PatternBrush extends PencilBrush { - constructor(canvas) { - super(canvas); - } - getPatternSrc() { - const dotWidth = 20, dotDistance = 5, patternCanvas = createCanvasElement$1(), patternCtx = patternCanvas.getContext('2d'); - patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; - if (patternCtx) { - patternCtx.fillStyle = this.color; - patternCtx.beginPath(); - patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); - patternCtx.closePath(); - patternCtx.fill(); + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _getStyleDeclaration: function(lineIndex, charIndex) { + if (this._styleMap && !this.isWrapping) { + var map = this._styleMap[lineIndex]; + if (!map) { + return null; } - return patternCanvas; - } - getPatternSrcFunction() { - return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); - } + lineIndex = map.line; + charIndex = map.offset + charIndex; + } + return this.callSuper('_getStyleDeclaration', lineIndex, charIndex); + }, + /** - * Creates "pattern" instance property - * @param {CanvasRenderingContext2D} ctx + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private */ - getPattern(ctx) { - return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); - } + _setStyleDeclaration: function(lineIndex, charIndex, style) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + + this.styles[lineIndex][charIndex] = style; + }, + /** - * Sets brush styles - * @param {CanvasRenderingContext2D} ctx + * @param {Number} lineIndex + * @param {Number} charIndex + * @private */ - _setBrushStyles(ctx) { - super._setBrushStyles(ctx); - const pattern = this.getPattern(ctx); - pattern && (ctx.strokeStyle = pattern); - } + _deleteStyleDeclaration: function(lineIndex, charIndex) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + delete this.styles[lineIndex][charIndex]; + }, + /** - * Creates path + * probably broken need a fix + * Returns the real style line that correspond to the wrapped lineIndex line + * Used just to verify if the line does exist or not. + * @param {Number} lineIndex + * @returns {Boolean} if the line exists or not + * @private */ - createPath(pathData) { - const path = super.createPath(pathData), topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); - path.stroke = new Pattern({ - source: this.source || this.getPatternSrcFunction(), - offsetX: -topLeft.x, - offsetY: -topLeft.y, - }); - return path; - } -} -fabric$3.PatternBrush = PatternBrush; + _getLineStyle: function(lineIndex) { + var map = this._styleMap[lineIndex]; + return !!this.styles[map.line]; + }, -/** - * @todo remove transient - */ -const { Group, Rect, Shadow } = fabric$3; -/** - * - * @param rects - * @returns - */ -function getUniqueRects(rects) { - const uniqueRects = {}; - const uniqueRectsArray = []; - for (let i = 0, key; i < rects.length; i++) { - key = `${rects[i].left}${rects[i].top}`; - if (!uniqueRects[key]) { - uniqueRects[key] = true; - uniqueRectsArray.push(rects[i]); - } - } - return uniqueRectsArray; -} -class SprayBrush extends BaseBrush { /** - * Constructor - * @param {Canvas} canvas - * @return {SprayBrush} Instance of a spray brush - */ - constructor(canvas) { - super(canvas); - /** - * Width of a spray - * @type Number - * @default - */ - this.width = 10; - /** - * Density of a spray (number of dots per chunk) - * @type Number - * @default - */ - this.density = 20; - /** - * Width of spray dots - * @type Number - * @default - */ - this.dotWidth = 1; - /** - * Width variance of spray dots - * @type Number - * @default - */ - this.dotWidthVariance = 1; - /** - * Whether opacity of a dot should be random - * @type Boolean - * @default - */ - this.randomOpacity = false; - /** - * Whether overlapping dots (rectangles) should be removed (for performance reasons) - * @type Boolean - * @default - */ - this.optimizeOverlapping = true; - this.sprayChunks = []; - this.sprayChunk = []; - } + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @param {Object} style + * @private + */ + _setLineStyle: function(lineIndex) { + var map = this._styleMap[lineIndex]; + this.styles[map.line] = {}; + }, + /** - * Invoked on mouse down - * @param {Point} pointer + * Wraps text using the 'width' property of Textbox. First this function + * splits text on newlines, so we preserve newlines entered by the user. + * Then it wraps each line using the width of the Textbox by calling + * _wrapLine(). + * @param {Array} lines The string array of text that is split into lines + * @param {Number} desiredWidth width you want to wrap to + * @returns {Array} Array of lines */ - onMouseDown(pointer) { - this.sprayChunks = []; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - this.addSprayChunk(pointer); - this.renderChunck(this.sprayChunk); - } + _wrapText: function(lines, desiredWidth) { + var wrapped = [], i; + this.isWrapping = true; + for (i = 0; i < lines.length; i++) { + wrapped = wrapped.concat(this._wrapLine(lines[i], i, desiredWidth)); + } + this.isWrapping = false; + return wrapped; + }, + /** - * Invoked on mouse move - * @param {Point} pointer + * Helper function to measure a string of text, given its lineIndex and charIndex offset + * it gets called when charBounds are not available yet. + * @param {CanvasRenderingContext2D} ctx + * @param {String} text + * @param {number} lineIndex + * @param {number} charOffset + * @returns {number} + * @private */ - onMouseMove(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - this.addSprayChunk(pointer); - this.renderChunck(this.sprayChunk); - } + _measureWord: function(word, lineIndex, charOffset) { + var width = 0, prevGrapheme, skipLeft = true; + charOffset = charOffset || 0; + for (var i = 0, len = word.length; i < len; i++) { + var box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); + width += box.kernedWidth; + prevGrapheme = word[i]; + } + return width; + }, + /** - * Invoked on mouse up + * Wraps a line of text using the width of the Textbox and a context. + * @param {Array} line The grapheme array that represent the line + * @param {Number} lineIndex + * @param {Number} desiredWidth width you want to wrap the line to + * @param {Number} reservedSpace space to remove from wrapping for custom functionalities + * @returns {Array} Array of line(s) into which the given text is wrapped + * to. */ - onMouseUp() { - const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; - this.canvas.renderOnAddRemove = false; - const rects = []; - for (let i = 0; i < this.sprayChunks.length; i++) { - const sprayChunk = this.sprayChunks[i]; - for (let j = 0; j < sprayChunk.length; j++) { - const chunck = sprayChunk[j]; - const rect = new Rect({ - width: chunck.width, - height: chunck.width, - left: chunck.x + 1, - top: chunck.y + 1, - originX: 'center', - originY: 'center', - fill: this.color, - }); - rects.push(rect); - } + _wrapLine: function(_line, lineIndex, desiredWidth, reservedSpace) { + var lineWidth = 0, + splitByGrapheme = this.splitByGrapheme, + graphemeLines = [], + line = [], + // spaces in different languages? + words = splitByGrapheme ? fabric.util.string.graphemeSplit(_line) : _line.split(this._wordJoiners), + word = '', + offset = 0, + infix = splitByGrapheme ? '' : ' ', + wordWidth = 0, + infixWidth = 0, + largestWordWidth = 0, + lineJustStarted = true, + additionalSpace = this._getWidthOfCharSpacing(), + reservedSpace = reservedSpace || 0; + // fix a difference between split and graphemeSplit + if (words.length === 0) { + words.push([]); + } + desiredWidth -= reservedSpace; + for (var i = 0; i < words.length; i++) { + // if using splitByGrapheme words are already in graphemes. + word = splitByGrapheme ? words[i] : fabric.util.string.graphemeSplit(words[i]); + wordWidth = this._measureWord(word, lineIndex, offset); + offset += word.length; + + lineWidth += infixWidth + wordWidth - additionalSpace; + if (lineWidth > desiredWidth && !lineJustStarted) { + graphemeLines.push(line); + line = []; + lineWidth = wordWidth; + lineJustStarted = true; } - const group = new Group(this.optimizeOverlapping ? getUniqueRects(rects) : rects, { - objectCaching: true, - layout: 'fixed', - subTargetCheck: false, - interactive: false, - }); - this.shadow && group.set('shadow', new Shadow(this.shadow)); - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - } - renderChunck(sprayChunck) { - const ctx = this.canvas.contextTop; - ctx.fillStyle = this.color; - this._saveAndTransform(ctx); - for (let i = 0; i < sprayChunck.length; i++) { - const point = sprayChunck[i]; - ctx.globalAlpha = point.opacity; - ctx.fillRect(point.x, point.y, point.width, point.width); + else { + lineWidth += additionalSpace; } - ctx.restore(); - } + + if (!lineJustStarted && !splitByGrapheme) { + line.push(infix); + } + line = line.concat(word); + + infixWidth = splitByGrapheme ? 0 : this._measureWord([infix], lineIndex, offset); + offset++; + lineJustStarted = false; + // keep track of largest word + if (wordWidth > largestWordWidth) { + largestWordWidth = wordWidth; + } + } + + i && graphemeLines.push(line); + + if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { + this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; + } + return graphemeLines; + }, + /** - * Render all spray chunks + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @param {Number} lineIndex text to split + * @return {Boolean} */ - _render() { - const ctx = this.canvas.contextTop; - ctx.fillStyle = this.color; - this._saveAndTransform(ctx); - for (let i = 0; i < this.sprayChunks.length; i++) { - this.renderChunck(this.sprayChunks[i]); - } - ctx.restore(); - } + isEndOfWrapping: function(lineIndex) { + if (!this._styleMap[lineIndex + 1]) { + // is last line, return true; + return true; + } + if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { + // this is last line before a line break, return true; + return true; + } + return false; + }, + /** - * @param {Point} pointer + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * @return Number */ - addSprayChunk(pointer) { - this.sprayChunk = []; - const radius = this.width / 2; - for (let i = 0; i < this.density; i++) { - this.sprayChunk.push({ - x: getRandomInt(pointer.x - radius, pointer.x + radius), - y: getRandomInt(pointer.y - radius, pointer.y + radius), - width: this.dotWidthVariance - ? getRandomInt( - // bottom clamp width to 1 - Math.max(1, this.dotWidth - this.dotWidthVariance), this.dotWidth + this.dotWidthVariance) - : this.dotWidth, - opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1, - }); - } - this.sprayChunks.push(this.sprayChunk); + missingNewlineOffset: function(lineIndex) { + if (this.splitByGrapheme) { + return this.isEndOfWrapping(lineIndex) ? 1 : 0; + } + return 1; + }, + + /** + * Gets lines of text to render in the Textbox. This function calculates + * text wrapping on the fly every time it is called. + * @param {String} text text to split + * @returns {Array} Array of lines in the Textbox. + * @override + */ + _splitTextIntoLines: function(text) { + var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), + graphemeLines = this._wrapText(newText.lines, this.width), + lines = new Array(graphemeLines.length); + for (var i = 0; i < graphemeLines.length; i++) { + lines[i] = graphemeLines[i].join(''); + } + newText.lines = lines; + newText.graphemeLines = graphemeLines; + return newText; + }, + + getMinWidth: function() { + return Math.max(this.minWidth, this.dynamicMinWidth); + }, + + _removeExtraneousStyles: function() { + var linesToKeep = {}; + for (var prop in this._styleMap) { + if (this._textLines[prop]) { + linesToKeep[this._styleMap[prop].line] = 1; + } + } + for (var prop in this.styles) { + if (!linesToKeep[prop]) { + delete this.styles[prop]; + } + } + }, + + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); } -} -fabric$3.SprayBrush = SprayBrush; -//# sourceMappingURL=fabric.js.map + }); + + /** + * Returns fabric.Textbox instance from an object representation + * @static + * @memberOf fabric.Textbox + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Textbox instance is created + */ + fabric.Textbox.fromObject = function(object, callback) { + return fabric.Object._fromObject('Textbox', object, callback, 'text'); + }; +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + + var controlsUtils = fabric.controlsUtils, + scaleSkewStyleHandler = controlsUtils.scaleSkewCursorStyleHandler, + scaleStyleHandler = controlsUtils.scaleCursorStyleHandler, + scalingEqually = controlsUtils.scalingEqually, + scalingYOrSkewingX = controlsUtils.scalingYOrSkewingX, + scalingXOrSkewingY = controlsUtils.scalingXOrSkewingY, + scaleOrSkewActionName = controlsUtils.scaleOrSkewActionName, + objectControls = fabric.Object.prototype.controls; + + objectControls.ml = new fabric.Control({ + x: -0.5, + y: 0, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }); + + objectControls.mr = new fabric.Control({ + x: 0.5, + y: 0, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }); + + objectControls.mb = new fabric.Control({ + x: 0, + y: 0.5, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }); + + objectControls.mt = new fabric.Control({ + x: 0, + y: -0.5, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }); + + objectControls.tl = new fabric.Control({ + x: -0.5, + y: -0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.tr = new fabric.Control({ + x: 0.5, + y: -0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.bl = new fabric.Control({ + x: -0.5, + y: 0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.br = new fabric.Control({ + x: 0.5, + y: 0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.mtr = new fabric.Control({ + x: 0, + y: -0.5, + actionHandler: controlsUtils.rotationWithSnapping, + cursorStyleHandler: controlsUtils.rotationStyleHandler, + offsetY: -40, + withConnection: true, + actionName: 'rotate', + }); + + if (fabric.Textbox) { + // this is breaking the prototype inheritance, no time / ideas to fix it. + // is important to document that if you want to have all objects to have a + // specific custom control, you have to add it to Object prototype and to Textbox + // prototype. The controls are shared as references. So changes to control `tr` + // can still apply to all objects if needed. + var textBoxControls = fabric.Textbox.prototype.controls = { }; + + textBoxControls.mtr = objectControls.mtr; + textBoxControls.tr = objectControls.tr; + textBoxControls.br = objectControls.br; + textBoxControls.tl = objectControls.tl; + textBoxControls.bl = objectControls.bl; + textBoxControls.mt = objectControls.mt; + textBoxControls.mb = objectControls.mb; + + textBoxControls.mr = new fabric.Control({ + x: 0.5, + y: 0, + actionHandler: controlsUtils.changeWidth, + cursorStyleHandler: scaleSkewStyleHandler, + actionName: 'resizing', + }); + + textBoxControls.ml = new fabric.Control({ + x: -0.5, + y: 0, + actionHandler: controlsUtils.changeWidth, + cursorStyleHandler: scaleSkewStyleHandler, + actionName: 'resizing', + }); + } +})(); + diff --git a/dist/fabric.js.map b/dist/fabric.js.map deleted file mode 100644 index d589bf16512..00000000000 --- a/dist/fabric.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"fabric.js","sources":["../src/config.ts","../src/cache.ts","../src/constants.ts","../HEADER.js","../src/mixins/collection.mixin.ts","../src/util/misc/cos.ts","../src/util/misc/sin.ts","../src/point.class.ts","../src/util/misc/vectors.ts","../src/util/misc/radiansDegreesConversion.ts","../src/util/misc/rotatePoint.ts","../src/util/internals/getRandomInt.ts","../src/util/internals/ifNaN.ts","../src/util/internals/removeFromArray.ts","../src/util/misc/projectStroke/StrokeProjectionsBase.ts","../src/util/misc/projectStroke/StrokeLineJoinProjections.ts","../src/util/misc/projectStroke/StrokeLineCapProjections.ts","../src/util/misc/projectStroke/index.ts","../node_modules/tslib/tslib.es6.js","../src/util/misc/matrix.ts","../src/util/lang_object.ts","../src/util/misc/textStyles.ts","../src/util/misc/dom.ts","../src/util/misc/toFixed.ts","../src/util/misc/svgParsing.ts","../src/util/misc/findScaleTo.ts","../src/util/misc/capValue.ts","../src/util/misc/boundingBoxFromPoints.ts","../src/util/misc/objectTransforms.ts","../src/util/misc/planeChange.ts","../src/util/lang_string.ts","../src/util/misc/objectEnlive.ts","../src/util/misc/pick.ts","../src/parser/getSvgRegex.ts","../src/parser/constants.ts","../src/util/path.ts","../src/util/dom_style.ts","../src/util/dom_request.ts","../src/util/dom_event.ts","../src/util/dom_misc.ts","../src/util/misc/isTransparent.ts","../src/util/misc/mergeClipPaths.ts","../src/util/anim_ease.ts","../src/color/color_map.ts","../src/color/constants.ts","../src/color/util.ts","../src/color/color.class.ts","../src/color/index.ts","../src/util/animation_registry.ts","../src/util/animate.ts","../src/util/animate_color.ts","../src/util/lang_class.ts","../src/util/misc/misc.ts","../src/parser/attributes.ts","../src/parser/elements_parser.ts","../src/parser/getCSSRules.ts","../src/parser/getMultipleNodes.ts","../src/parser/elementById.ts","../src/parser/recursivelyParseGradientsXlink.ts","../src/parser/getGradientDefs.ts","../src/parser/applyViewboxTransform.ts","../src/parser/hasAncestorWithNodeName.ts","../src/parser/parseElements.ts","../src/parser/parseUseDirectives.ts","../src/intersection.class.ts","../src/mixins/observable.mixin.ts","../src/mixins/shared_methods.mixin.ts","../src/mixins/object_origin.mixin.ts","../src/mixins/object_geometry.mixin.ts","../src/shapes/object.class.ts","../src/mixins/object_interactivity.mixin.ts","../src/shapes/fabricObject.class.js","../src/parser/parseSVGDocument.ts","../src/parser/loadSVGFromString.ts","../src/parser/loadSVGFromURL.ts","../src/parser/selectorMatches.ts","../src/parser/doesSomeParentMatch.ts","../src/parser/elementMatchesRule.ts","../src/parser/getGlobalStylesForElement.ts","../src/parser/normalizeAttr.ts","../src/parser/rotateMatrix.ts","../src/parser/scaleMatrix.ts","../src/parser/skewMatrix.ts","../src/parser/translateMatrix.ts","../src/parser/parseTransformAttribute.ts","../src/parser/normalizeValue.ts","../src/parser/parseFontDeclaration.ts","../src/parser/parseStyleObject.ts","../src/parser/parseStyleString.ts","../src/parser/parseStyleAttribute.ts","../src/parser/setStrokeFillOpacity.ts","../src/parser/parseAttributes.ts","../src/parser/parsePointsAttribute.ts","../src/parser/index.ts","../src/gradient/constants.ts","../src/gradient/parser/misc.ts","../src/parser/percent.ts","../src/gradient/parser/parseColorStops.ts","../src/gradient/parser/parseCoords.ts","../src/gradient/gradient.class.ts","../src/pattern.class.ts","../src/shadow.class.ts","../src/static_canvas.class.ts","../src/controls/util.ts","../src/util/fireEvent.ts","../src/controls/wrapWithFireEvent.ts","../src/controls/wrapWithFixedAnchor.ts","../src/controls/changeWidth.ts","../src/controls/controls.render.ts","../src/controls/drag.ts","../src/controls/rotate.ts","../src/controls/scale.ts","../src/controls/skew.ts","../src/controls/scaleSkew.ts","../src/controls/actions.ts","../src/canvas.class.ts","../src/mixins/canvas_events.mixin.ts","../src/mixins/canvas_grouping.mixin.ts","../src/mixins/canvas_dataurl_exporter.mixin.ts","../src/mixins/canvas_serialization.mixin.ts","../src/mixins/canvas_gestures.mixin.ts","../src/mixins/object_ancestry.mixin.ts","../src/mixins/object_stacking.mixin.ts","../src/mixins/object.svg_export.ts","../src/mixins/stateful.mixin.ts","../src/mixins/animation.mixin.ts","../src/shapes/line.class.ts","../src/shapes/circle.class.ts","../src/shapes/triangle.class.ts","../src/shapes/ellipse.class.ts","../src/shapes/rect.class.ts","../src/shapes/polyline.class.ts","../src/shapes/polygon.class.ts","../src/shapes/path.class.ts","../src/shapes/group.class.ts","../src/shapes/active_selection.class.ts","../src/shapes/image.class.ts","../src/mixins/object_straightening.mixin.ts","../src/filters/WebGLProbe.ts","../src/filters/webgl_backend.class.ts","../src/filters/2d_backend.class.ts","../src/filters/base_filter.class.ts","../src/filters/colormatrix_filter.class.ts","../src/filters/brightness_filter.class.ts","../src/filters/convolute_filter.class.ts","../src/filters/grayscale_filter.class.ts","../src/filters/invert_filter.class.ts","../src/filters/noise_filter.class.ts","../src/filters/pixelate_filter.class.ts","../src/filters/removecolor_filter.class.ts","../src/filters/filter_generator.ts","../src/filters/blendcolor_filter.class.ts","../src/filters/blendimage_filter.class.ts","../src/filters/resize_filter.class.ts","../src/filters/contrast_filter.class.ts","../src/filters/saturate_filter.class.ts","../src/filters/vibrance_filter.class.ts","../src/filters/blur_filter.class.ts","../src/filters/gamma_filter.class.ts","../src/filters/composed_filter.class.ts","../src/filters/hue_rotation.class.ts","../src/mixins/text_style.mixin.ts","../src/shapes/text.class.ts","../src/shapes/itext.class.ts","../src/mixins/itext_behavior.mixin.ts","../src/mixins/itext_click_behavior.mixin.ts","../src/mixins/itext_key_behavior.mixin.ts","../src/mixins/itext.svg_export.ts","../src/shapes/textbox.class.ts","../src/controls/control.class.ts","../src/controls/default_controls.ts","../src/brushes/base_brush.class.ts","../src/brushes/circle_brush.class.ts","../src/brushes/pencil_brush.class.ts","../src/brushes/pattern_brush.class.ts","../src/brushes/spray_brush.class.ts"],"sourcesContent":["export type TConfiguration = Partial;\r\n\r\nclass BaseConfiguration {\r\n /**\r\n * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value,\r\n * which is unitless and not rendered equally across browsers.\r\n *\r\n * Values that work quite well (as of October 2017) are:\r\n * - Chrome: 1.5\r\n * - Edge: 1.75\r\n * - Firefox: 0.9\r\n * - Safari: 0.95\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default 1\r\n */\r\n browserShadowBlurConstant = 1;\r\n\r\n /**\r\n * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion.\r\n */\r\n DPI = 96;\r\n\r\n /**\r\n * Device Pixel Ratio\r\n * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html\r\n */\r\n devicePixelRatio = 1;\r\n\r\n /**\r\n * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine.\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n perfLimitSizeTotal = 2097152;\r\n\r\n /**\r\n * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n maxCacheSideLimit = 4096;\r\n\r\n /**\r\n * Lowest pixel limit for cache canvases, set at 256PX\r\n * @since 1.7.14\r\n * @type Number\r\n * @default\r\n */\r\n minCacheSideLimit = 256;\r\n\r\n /**\r\n * When 'true', style information is not retained when copy/pasting text, making\r\n * pasted text use destination style.\r\n * Defaults to 'false'.\r\n * @type Boolean\r\n * @default\r\n * @deprecated\r\n */\r\n disableStyleCopyPaste = false;\r\n\r\n /**\r\n * Enable webgl for filtering picture is available\r\n * A filtering backend will be initialized, this will both take memory and\r\n * time since a default 2048x2048 canvas will be created for the gl context\r\n * @since 2.0.0\r\n * @type Boolean\r\n * @default\r\n */\r\n enableGLFiltering = true;\r\n\r\n /**\r\n * if webgl is enabled and available, textureSize will determine the size\r\n * of the canvas backend\r\n *\r\n * In order to support old hardware set to `2048` to avoid OOM\r\n *\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n textureSize = 4096;\r\n\r\n /**\r\n * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on\r\n * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true\r\n * this has to be set before instantiating the filtering backend ( before filtering the first image )\r\n * @type Boolean\r\n * @default false\r\n */\r\n forceGLPutImageData = false;\r\n\r\n /**\r\n * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better\r\n * @default true\r\n */\r\n cachesBoundsOfCurve = true;\r\n\r\n /**\r\n * Map of font files\r\n * Map of font files\r\n */\r\n fontPaths: Record = {};\r\n\r\n /**\r\n * Defines the number of fraction digits to use when serializing object values.\r\n * Used in exporting methods (`toObject`, `toJSON`, `toSVG`)\r\n * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc.\r\n */\r\n NUM_FRACTION_DIGITS = 4;\r\n}\r\n\r\nexport class Configuration extends BaseConfiguration {\r\n constructor(config?: TConfiguration) {\r\n super();\r\n this.configure(config);\r\n }\r\n\r\n configure(config: TConfiguration = {}) {\r\n Object.assign(this, config);\r\n }\r\n\r\n /**\r\n * Map of font files\r\n */\r\n addFonts(\r\n paths: Record = {}\r\n ) {\r\n this.fontPaths = {\r\n ...this.fontPaths,\r\n ...paths,\r\n };\r\n }\r\n\r\n removeFonts(fontFamilys: string[] = []) {\r\n fontFamilys.forEach((fontFamily) => {\r\n delete this.fontPaths[fontFamily];\r\n });\r\n }\r\n\r\n clearFonts() {\r\n this.fontPaths = {};\r\n }\r\n\r\n restoreDefaults(keys?: (keyof T)[]) {\r\n const defaults = new BaseConfiguration() as T;\r\n const config =\r\n keys?.reduce((acc, key) => {\r\n acc[key] = defaults[key];\r\n return acc;\r\n }, {} as T) || defaults;\r\n this.configure(config);\r\n }\r\n}\r\n\r\nexport const config = new Configuration();\r\n","import { config } from './config';\r\n\r\nexport class Cache {\r\n /**\r\n * Cache of widths of chars in text rendering.\r\n */\r\n charWidthsCache: Record<\r\n /** fontFamily */ string,\r\n Record<\r\n /** fontStyleCacheKey */ string,\r\n Record\r\n >\r\n > = {};\r\n\r\n /**\r\n * @return {Object} reference to cache\r\n */\r\n getFontCache({\r\n fontFamily,\r\n fontStyle,\r\n fontWeight,\r\n }: {\r\n fontFamily: string;\r\n fontStyle: string;\r\n fontWeight: string | number;\r\n }) {\r\n fontFamily = fontFamily.toLowerCase();\r\n if (!this.charWidthsCache[fontFamily]) {\r\n this.charWidthsCache[fontFamily] = {};\r\n }\r\n const fontCache = this.charWidthsCache[fontFamily];\r\n const cacheKey = `${fontStyle.toLowerCase()}_${(\r\n fontWeight + ''\r\n ).toLowerCase()}`;\r\n if (!fontCache[cacheKey]) {\r\n fontCache[cacheKey] = {};\r\n }\r\n return fontCache[cacheKey];\r\n }\r\n\r\n /**\r\n * Clear char widths cache for the given font family or all the cache if no\r\n * fontFamily is specified.\r\n * Use it if you know you are loading fonts in a lazy way and you are not waiting\r\n * for custom fonts to load properly when adding text objects to the canvas.\r\n * If a text object is added when its own font is not loaded yet, you will get wrong\r\n * measurement and so wrong bounding boxes.\r\n * After the font cache is cleared, either change the textObject text content or call\r\n * initDimensions() to trigger a recalculation\r\n * @memberOf fabric.util\r\n * @param {String} [fontFamily] font family to clear\r\n */\r\n clearFontCache(fontFamily?: string) {\r\n fontFamily = (fontFamily || '').toLowerCase();\r\n if (!fontFamily) {\r\n this.charWidthsCache = {};\r\n } else if (this.charWidthsCache[fontFamily]) {\r\n delete this.charWidthsCache[fontFamily];\r\n }\r\n }\r\n\r\n /**\r\n * Given current aspect ratio, determines the max width and height that can\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {number} ar aspect ratio\r\n * @return {number[]} Limited dimensions X and Y\r\n */\r\n limitDimsByArea(ar: number) {\r\n const { perfLimitSizeTotal } = config;\r\n const roughWidth = Math.sqrt(perfLimitSizeTotal * ar);\r\n // we are not returning a point on purpose, to avoid circular dependencies\r\n // this is an internal utility\r\n return [\r\n Math.floor(roughWidth),\r\n Math.floor(perfLimitSizeTotal / roughWidth),\r\n ];\r\n }\r\n\r\n /**\r\n * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n arcToSegmentsCache = {};\r\n\r\n /**\r\n * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.\r\n * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing\r\n * you do not get any speed benefit and you get a big object in memory.\r\n * The object was a private variable before, while now is appended to the lib so that you have access to it and you\r\n * can eventually clear it.\r\n * It was an internal variable, is accessible since version 2.3.4\r\n */\r\n boundsOfCurveCache = {};\r\n}\r\n\r\nexport const cache = new Cache();\r\n","import { TMat2D } from './typedefs';\r\n\r\n// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass\r\nexport { version as VERSION } from '../package.json';\r\nexport function noop() {}\r\nexport const halfPI = Math.PI / 2;\r\nexport const twoMathPi = Math.PI * 2;\r\nexport const PiBy180 = Math.PI / 180;\r\nexport const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]) as TMat2D;\r\nexport const DEFAULT_SVG_FONT_SIZE = 16;\r\n\r\n/* \"magic number\" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */\r\nexport const kRect = 1 - 0.5522847498;\r\n","import { cache } from './src/cache';\r\nimport { config } from './src/config';\r\nimport { iMatrix, VERSION } from './src/constants';\r\n\r\nvar fabric = fabric || {\r\n version: VERSION,\r\n config,\r\n cache,\r\n iMatrix,\r\n};\r\n\r\nif (typeof exports !== 'undefined') {\r\n exports.fabric = fabric;\r\n} else if (typeof define === 'function' && define.amd) {\r\n /* _AMD_START_ */\r\n define([], function () {\r\n return fabric;\r\n });\r\n}\r\n/* _AMD_END_ */\r\nif (typeof document !== 'undefined' && typeof window !== 'undefined') {\r\n if (\r\n document instanceof\r\n (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)\r\n ) {\r\n fabric.document = document;\r\n } else {\r\n fabric.document = document.implementation.createHTMLDocument('');\r\n }\r\n fabric.window = window;\r\n window.fabric = fabric;\r\n} else {\r\n // assume we're running under node.js when document/window are not present\r\n var jsdom = require('jsdom');\r\n var virtualWindow = new jsdom.JSDOM(\r\n decodeURIComponent(\r\n '%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'\r\n ),\r\n {\r\n features: {\r\n FetchExternalResources: ['img'],\r\n },\r\n resources: 'usable',\r\n }\r\n ).window;\r\n fabric.document = virtualWindow.document;\r\n fabric.jsdomImplForWrapper =\r\n require('jsdom/lib/jsdom/living/generated/utils').implForWrapper;\r\n fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas;\r\n fabric.window = virtualWindow;\r\n global.DOMParser = fabric.window.DOMParser;\r\n}\r\n\r\n/**\r\n * True when in environment that supports touch events\r\n * @type boolean\r\n */\r\nfabric.isTouchSupported =\r\n 'ontouchstart' in fabric.window ||\r\n 'ontouchstart' in fabric.document ||\r\n (fabric.window &&\r\n fabric.window.navigator &&\r\n fabric.window.navigator.maxTouchPoints > 0);\r\n\r\n/**\r\n * True when in environment that's probably Node.js\r\n * @type boolean\r\n */\r\nfabric.isLikelyNode =\r\n typeof Buffer !== 'undefined' && typeof window === 'undefined';\r\n\r\n/**\r\n * @todo move to config when window is exported\r\n */\r\nconfig.configure({\r\n devicePixelRatio:\r\n fabric.window.devicePixelRatio ||\r\n fabric.window.webkitDevicePixelRatio ||\r\n fabric.window.mozDevicePixelRatio ||\r\n 1,\r\n});\r\n\r\nexport { fabric };\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Collection\r\n */\r\n fabric.Collection = {\r\n /**\r\n * @type {fabric.Object[]}\r\n */\r\n _objects: [],\r\n\r\n /**\r\n * Adds objects to collection, Canvas or Group, then renders canvas\r\n * (if `renderOnAddRemove` is not `false`).\r\n * Objects should be instances of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object[]} objects to add\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n add: function (objects, callback) {\r\n var size = this._objects.push.apply(this._objects, objects);\r\n if (callback) {\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(this, objects[i]);\r\n }\r\n }\r\n return size;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @private\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {(object:fabric.Object) => any} [callback]\r\n * @returns {number} new array length\r\n */\r\n insertAt: function (objects, index, callback) {\r\n var args = [index, 0].concat(objects);\r\n this._objects.splice.apply(this._objects, args);\r\n if (callback) {\r\n for (var i = 2; i < args.length; i++) {\r\n callback.call(this, args[i]);\r\n }\r\n }\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * @private\r\n * @param {fabric.Object[]} objectsToRemove objects to remove\r\n * @param {(object:fabric.Object) => any} [callback] function to call for each object removed\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function (objectsToRemove, callback) {\r\n var objects = this._objects,\r\n removed = [];\r\n for (var i = 0, object, index; i < objectsToRemove.length; i++) {\r\n object = objectsToRemove[i];\r\n index = objects.indexOf(object);\r\n // only call onObjectRemoved if an object was actually removed\r\n if (index !== -1) {\r\n objects.splice(index, 1);\r\n removed.push(object);\r\n callback && callback.call(this, object);\r\n }\r\n }\r\n return removed;\r\n },\r\n\r\n /**\r\n * Executes given function for each object in this group\r\n * @param {Function} callback\r\n * Callback invoked with current object as first argument,\r\n * index - as second and an array of all objects - as third.\r\n * Callback is invoked in a context of Global Object (e.g. `window`)\r\n * when no `context` argument is given\r\n *\r\n * @param {Object} context Context (aka thisObject)\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n forEachObject: function (callback, context) {\r\n var objects = this.getObjects();\r\n for (var i = 0; i < objects.length; i++) {\r\n callback.call(context, objects[i], i, objects);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns an array of children objects of this instance\r\n * @param {...String} [types] When specified, only objects of these types are returned\r\n * @return {Array}\r\n */\r\n getObjects: function () {\r\n if (arguments.length === 0) {\r\n return this._objects.concat();\r\n }\r\n var types = Array.from(arguments);\r\n return this._objects.filter(function (o) {\r\n return types.indexOf(o.type) > -1;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object at specified index\r\n * @param {Number} index\r\n * @return {Object} object at index\r\n */\r\n item: function (index) {\r\n return this._objects[index];\r\n },\r\n\r\n /**\r\n * Returns true if collection contains no objects\r\n * @return {Boolean} true if collection is empty\r\n */\r\n isEmpty: function () {\r\n return this._objects.length === 0;\r\n },\r\n\r\n /**\r\n * Returns a size of a collection (i.e: length of an array containing its objects)\r\n * @return {Number} Collection size\r\n */\r\n size: function () {\r\n return this._objects.length;\r\n },\r\n\r\n /**\r\n * Returns true if collection contains an object.\\\r\n * **Prefer using {@link `fabric.Object#isDescendantOf`} for performance reasons**\r\n * instead of a.contains(b) use b.isDescendantOf(a)\r\n * @param {Object} object Object to check against\r\n * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects`\r\n * @return {Boolean} `true` if collection contains an object\r\n */\r\n contains: function (object, deep) {\r\n if (this._objects.indexOf(object) > -1) {\r\n return true;\r\n } else if (deep) {\r\n return this._objects.some(function (obj) {\r\n return (\r\n typeof obj.contains === 'function' && obj.contains(object, true)\r\n );\r\n });\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns number representation of a collection complexity\r\n * @return {Number} complexity\r\n */\r\n complexity: function () {\r\n return this._objects.reduce(function (memo, current) {\r\n memo += current.complexity ? current.complexity() : 0;\r\n return memo;\r\n }, 0);\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the cosin value for angle.\r\n */\r\nexport const cos = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 1;\r\n }\r\n const angleSlice = Math.abs(angle) / halfPI;\r\n switch (angleSlice) {\r\n case 1:\r\n case 3:\r\n return 0;\r\n case 2:\r\n return -1;\r\n }\r\n return Math.cos(angle);\r\n};\r\n","import type { TRadian } from '../../typedefs';\r\nimport { halfPI } from '../../constants';\r\n\r\n/**\r\n * Calculate the cos of an angle, avoiding returning floats for known results\r\n * This function is here just to avoid getting 0.999999999999999 when dealing\r\n * with numbers that are really 1 or 0.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} angle the angle\r\n * @return {Number} the sin value for angle.\r\n */\r\nexport const sin = (angle: TRadian): number => {\r\n if (angle === 0) {\r\n return 0;\r\n }\r\n const angleSlice = angle / halfPI;\r\n const value = Math.sign(angle);\r\n switch (angleSlice) {\r\n case 1:\r\n return value;\r\n case 2:\r\n return 0;\r\n case 3:\r\n return -value;\r\n }\r\n return Math.sin(angle);\r\n};\r\n","import { fabric } from '../HEADER';\r\nimport { TMat2D, TRadian } from './typedefs';\r\nimport { cos } from './util/misc/cos';\r\nimport { sin } from './util/misc/sin';\r\n\r\nexport interface IPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\n/**\r\n * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com)\r\n */\r\nexport class Point {\r\n x: number;\r\n\r\n y: number;\r\n\r\n type = 'point';\r\n\r\n constructor();\r\n constructor(x: number, y: number);\r\n constructor(point: IPoint);\r\n constructor(arg0: number | IPoint = 0, y = 0) {\r\n if (typeof arg0 === 'object') {\r\n this.x = arg0.x;\r\n this.y = arg0.y;\r\n } else {\r\n this.x = arg0;\r\n this.y = y;\r\n }\r\n }\r\n\r\n /**\r\n * Adds another point to this one and returns another one\r\n * @param {Point} that\r\n * @return {Point} new Point instance with added values\r\n */\r\n add(that: IPoint): Point {\r\n return new Point(this.x + that.x, this.y + that.y);\r\n }\r\n\r\n /**\r\n * Adds another point to this one\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n addEquals(that: IPoint): Point {\r\n this.x += that.x;\r\n this.y += that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Adds value to this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point} new Point with added value\r\n */\r\n scalarAdd(scalar: number): Point {\r\n return new Point(this.x + scalar, this.y + scalar);\r\n }\r\n\r\n /**\r\n * Adds value to this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarAddEquals(scalar: number): Point {\r\n this.x += scalar;\r\n this.y += scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point and returns a new one\r\n * @param {Point} that\r\n * @return {Point} new Point object with subtracted values\r\n */\r\n subtract(that: IPoint): Point {\r\n return new Point(this.x - that.x, this.y - that.y);\r\n }\r\n\r\n /**\r\n * Subtracts another point from this point\r\n * @param {Point} that\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n subtractEquals(that: IPoint): Point {\r\n this.x -= that.x;\r\n this.y -= that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Subtracts value from this point and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarSubtract(scalar: number): Point {\r\n return new Point(this.x - scalar, this.y - scalar);\r\n }\r\n\r\n /**\r\n * Subtracts value from this point\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarSubtractEquals(scalar: number): Point {\r\n this.x -= scalar;\r\n this.y -= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Multiplies this point by another value and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n multiply(that: Point): Point {\r\n return new Point(this.x * that.x, this.y * that.y);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarMultiply(scalar: number): Point {\r\n return new Point(this.x * scalar, this.y * scalar);\r\n }\r\n\r\n /**\r\n * Multiplies this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarMultiplyEquals(scalar: number): Point {\r\n this.x *= scalar;\r\n this.y *= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Divides this point by another and returns a new one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n divide(that: IPoint): Point {\r\n return new Point(this.x / that.x, this.y / that.y);\r\n }\r\n\r\n /**\r\n * Divides this point by a value and returns a new one\r\n * @param {Number} scalar\r\n * @return {Point}\r\n */\r\n scalarDivide(scalar: number): Point {\r\n return new Point(this.x / scalar, this.y / scalar);\r\n }\r\n\r\n /**\r\n * Divides this point by a value\r\n * @param {Number} scalar\r\n * @return {Point} thisArg\r\n * @chainable\r\n * @deprecated\r\n */\r\n scalarDivideEquals(scalar: number): Point {\r\n this.x /= scalar;\r\n this.y /= scalar;\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns true if this point is equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n eq(that: IPoint): boolean {\r\n return this.x === that.x && this.y === that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lt(that: IPoint): boolean {\r\n return this.x < that.x && this.y < that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is less than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n lte(that: IPoint): boolean {\r\n return this.x <= that.x && this.y <= that.y;\r\n }\r\n\r\n /**\r\n\r\n * Returns true if this point is greater another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gt(that: IPoint): boolean {\r\n return this.x > that.x && this.y > that.y;\r\n }\r\n\r\n /**\r\n * Returns true if this point is greater than or equal to another one\r\n * @param {Point} that\r\n * @return {Boolean}\r\n */\r\n gte(that: IPoint): boolean {\r\n return this.x >= that.x && this.y >= that.y;\r\n }\r\n\r\n /**\r\n * Returns new point which is the result of linear interpolation with this one and another one\r\n * @param {Point} that\r\n * @param {Number} t , position of interpolation, between 0 and 1 default 0.5\r\n * @return {Point}\r\n */\r\n lerp(that: IPoint, t = 0.5): Point {\r\n t = Math.max(Math.min(1, t), 0);\r\n return new Point(\r\n this.x + (that.x - this.x) * t,\r\n this.y + (that.y - this.y) * t\r\n );\r\n }\r\n\r\n /**\r\n * Returns distance from this point and another one\r\n * @param {Point} that\r\n * @return {Number}\r\n */\r\n distanceFrom(that: IPoint): number {\r\n const dx = this.x - that.x,\r\n dy = this.y - that.y;\r\n return Math.sqrt(dx * dx + dy * dy);\r\n }\r\n\r\n /**\r\n * Returns the point between this point and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n midPointFrom(that: IPoint): Point {\r\n return this.lerp(that);\r\n }\r\n\r\n /**\r\n * Returns a new point which is the min of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n min(that: IPoint): Point {\r\n return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns a new point which is the max of this and another one\r\n * @param {Point} that\r\n * @return {Point}\r\n */\r\n max(that: IPoint): Point {\r\n return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y));\r\n }\r\n\r\n /**\r\n * Returns string representation of this point\r\n * @return {String}\r\n */\r\n toString(): string {\r\n return this.x + ',' + this.y;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point\r\n * @param {Number} x\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setXY(x: number, y: number) {\r\n this.x = x;\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x of this point\r\n * @param {Number} x\r\n * @chainable\r\n */\r\n setX(x: number) {\r\n this.x = x;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets y of this point\r\n * @param {Number} y\r\n * @chainable\r\n */\r\n setY(y: number) {\r\n this.y = y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Sets x/y of this point from another point\r\n * @param {Point} that\r\n * @chainable\r\n */\r\n setFromPoint(that: Point) {\r\n this.x = that.x;\r\n this.y = that.y;\r\n return this;\r\n }\r\n\r\n /**\r\n * Swaps x/y of this point and another point\r\n * @param {Point} that\r\n */\r\n swap(that: Point) {\r\n const x = this.x,\r\n y = this.y;\r\n this.x = that.x;\r\n this.y = that.y;\r\n that.x = x;\r\n that.y = y;\r\n }\r\n\r\n /**\r\n * return a cloned instance of the point\r\n * @return {Point}\r\n */\r\n clone(): Point {\r\n return new Point(this.x, this.y);\r\n }\r\n\r\n /**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\n rotate(radians: TRadian, origin: Point = originZero): Point {\r\n // TODO benchmark and verify the add and subtract how much cost\r\n // and then in case early return if no origin is passed\r\n const sinus = sin(radians),\r\n cosinus = cos(radians);\r\n const p = this.subtract(origin);\r\n const rotated = new Point(\r\n p.x * cosinus - p.y * sinus,\r\n p.x * sinus + p.y * cosinus\r\n );\r\n return rotated.add(origin);\r\n }\r\n\r\n /**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\n transform(t: TMat2D, ignoreOffset = false): Point {\r\n return new Point(\r\n t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]),\r\n t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])\r\n );\r\n }\r\n}\r\n\r\nconst originZero = new Point(0, 0);\r\n\r\nfabric.Point = Point;\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TRadian } from '../../typedefs';\r\n\r\nconst unitVectorX = new Point(1, 0);\r\n\r\n/**\r\n * Rotates `vector` with `radians`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} vector The vector to rotate (x and y)\r\n * @param {Number} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotateVector = (vector: Point, radians: TRadian) =>\r\n vector.rotate(radians);\r\n\r\n/**\r\n * Creates a vector from points represented as a point\r\n * @static\r\n * @memberOf fabric.util\r\n *\r\n * @param {Point} from\r\n * @param {Point} to\r\n * @returns {Point} vector\r\n */\r\nexport const createVector = (from: IPoint, to: IPoint): Point =>\r\n new Point(to).subtract(from);\r\n\r\n/**\r\n * return the magnitude of a vector\r\n * @return {number}\r\n */\r\nexport const magnitude = (point: Point) => point.distanceFrom(new Point());\r\n\r\n/**\r\n * Calculates the angle between 2 vectors\r\n * @param {Point} a\r\n * @param {Point} b\r\n * @returns the angle in radians from `a` to `b`\r\n */\r\nexport const calcAngleBetweenVectors = (a: Point, b: Point): TRadian => {\r\n const dot = a.x * b.x + a.y * b.y,\r\n det = a.x * b.y - a.y * b.x;\r\n return Math.atan2(det, dot) as TRadian;\r\n};\r\n\r\n/**\r\n * Calculates the angle between the x axis and the vector\r\n * @param {Point} v\r\n * @returns the angle in radians of `v`\r\n */\r\nexport const calcVectorRotation = (v: Point) =>\r\n calcAngleBetweenVectors(unitVectorX, v);\r\n\r\n/**\r\n * @param {Point} v\r\n * @returns {Point} vector representing the unit vector pointing to the direction of `v`\r\n */\r\nexport const getUnitVector = (v: Point): Point => v.scalarDivide(magnitude(v));\r\n\r\n/**\r\n * @param {Point} A\r\n * @param {Point} B\r\n * @param {Point} C\r\n * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle\r\n */\r\nexport const getBisector = (A: Point, B: Point, C: Point) => {\r\n const AB = createVector(A, B),\r\n AC = createVector(A, C),\r\n alpha = calcAngleBetweenVectors(AB, AC);\r\n return {\r\n vector: getUnitVector(rotateVector(AB, alpha / 2)),\r\n angle: alpha,\r\n };\r\n};\r\n\r\n/**\r\n * @param {Point} v\r\n * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true`\r\n * @returns {Point} the unit orthogonal vector\r\n */\r\nexport const getOrthonormalVector = (\r\n v: Point,\r\n counterClockwise = true\r\n): Point =>\r\n getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1));\r\n","import type { TRadian, TDegree } from '../../typedefs';\r\nimport { PiBy180 } from '../../constants';\r\n\r\n/**\r\n * Transforms degrees to radians.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TDegree} degrees value in degrees\r\n * @return {TRadian} value in radians\r\n */\r\nexport const degreesToRadians = (degrees: TDegree): TRadian =>\r\n (degrees * PiBy180) as TRadian;\r\n\r\n/**\r\n * Transforms radians to degrees.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TRadian} radians value in radians\r\n * @return {TDegree} value in degrees\r\n */\r\nexport const radiansToDegrees = (radians: TRadian): TDegree =>\r\n (radians / PiBy180) as TDegree;\r\n","import type { Point } from '../../point.class';\r\nimport type { TRadian } from '../../typedefs';\r\n/**\r\n * Rotates `point` around `origin` with `radians`\r\n * @static\r\n * @deprecated use the Point.rotate\r\n * @memberOf fabric.util\r\n * @param {Point} origin The origin of the rotation\r\n * @param {Point} origin The origin of the rotation\r\n * @param {TRadian} radians The radians of the angle for the rotation\r\n * @return {Point} The new rotated point\r\n */\r\nexport const rotatePoint = (\r\n point: Point,\r\n origin: Point,\r\n radians: TRadian\r\n): Point => point.rotate(radians, origin);\r\n","/**\r\n * Returns random number between 2 specified ones.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Number} min lower limit\r\n * @param {Number} max upper limit\r\n * @return {Number} random value (between min and max)\r\n */\r\nexport const getRandomInt = (min: number, max: number): number =>\r\n Math.floor(Math.random() * (max - min + 1)) + min;\r\n","/**\r\n *\r\n * @param value value to check if NaN\r\n * @param [valueIfNaN]\r\n * @returns `fallback` is `value is NaN\r\n */\r\nexport const ifNaN = (value: number, valueIfNaN?: number) => {\r\n return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value;\r\n};\r\n","/**\r\n * Removes value from an array.\r\n * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} array\r\n * @param {*} value\r\n * @return {Array} original array\r\n */\r\nexport const removeFromArray = (array: T[], value: T): T[] => {\r\n const idx = array.indexOf(value);\r\n if (idx !== -1) {\r\n array.splice(idx, 1);\r\n }\r\n return array;\r\n};\r\n","import { halfPI } from '../../../constants';\r\nimport { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport {\r\n calcAngleBetweenVectors,\r\n calcVectorRotation,\r\n createVector,\r\n} from '../vectors';\r\nimport { TProjectStrokeOnPointsOptions, TProjection } from './types';\r\n\r\n/**\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n */\r\nexport abstract class StrokeProjectionsBase {\r\n options: TProjectStrokeOnPointsOptions;\r\n scale: Point;\r\n strokeUniformScalar: Point;\r\n strokeProjectionMagnitude: number;\r\n\r\n static getAcuteAngleFactor(vector1: Point, vector2?: Point) {\r\n const angle = vector2\r\n ? calcAngleBetweenVectors(vector1, vector2)\r\n : calcVectorRotation(vector1);\r\n return Math.abs(angle) < halfPI ? -1 : 1;\r\n }\r\n\r\n constructor(options: TProjectStrokeOnPointsOptions) {\r\n this.options = options;\r\n this.strokeProjectionMagnitude = this.options.strokeWidth / 2;\r\n this.scale = new Point(this.options.scaleX, this.options.scaleY);\r\n this.strokeUniformScalar = this.options.strokeUniform\r\n ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY)\r\n : new Point(1, 1);\r\n }\r\n\r\n /**\r\n * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account.\r\n */\r\n protected createSideVector(from: IPoint, to: IPoint) {\r\n const v = createVector(from, to);\r\n return this.options.strokeUniform ? v.multiply(this.scale) : v;\r\n }\r\n\r\n protected abstract calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude?: number\r\n ): Point;\r\n\r\n protected projectOrthogonally(from: Point, to: Point, magnitude?: number) {\r\n return this.applySkew(\r\n from.add(this.calcOrthogonalProjection(from, to, magnitude))\r\n );\r\n }\r\n\r\n protected isSkewed() {\r\n return this.options.skewX !== 0 || this.options.skewY !== 0;\r\n }\r\n\r\n protected applySkew(point: Point) {\r\n const p = new Point(point);\r\n // skewY must be applied before skewX as this distortion affects skewX calculation\r\n p.y += p.x * Math.tan(degreesToRadians(this.options.skewY));\r\n p.x += p.y * Math.tan(degreesToRadians(this.options.skewX));\r\n return p;\r\n }\r\n\r\n protected scaleUnitVector(unitVector: Point, scalar: number) {\r\n return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar);\r\n }\r\n\r\n protected abstract projectPoints(): Point[];\r\n\r\n public abstract project(): TProjection[];\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { degreesToRadians } from '../radiansDegreesConversion';\r\nimport { getBisector, getOrthonormalVector, magnitude } from '../vectors';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line join\r\n * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)}\r\n *\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin\r\n * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n *\r\n */\r\nexport class StrokeLineJoinProjections extends StrokeProjectionsBase {\r\n /**\r\n * The point being projected (the angle ∠BAC)\r\n */\r\n A: Point;\r\n /**\r\n * The point before A\r\n */\r\n B: Point;\r\n /**\r\n * The point after A\r\n */\r\n C: Point;\r\n /**\r\n * The bisector of A (∠BAC)\r\n */\r\n bisector: ReturnType;\r\n\r\n constructor(\r\n A: IPoint,\r\n B: IPoint,\r\n C: IPoint,\r\n options: TProjectStrokeOnPointsOptions\r\n ) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.B = new Point(B);\r\n this.C = new Point(C);\r\n // First we calculate the bisector between the points. Used in `round` and `miter` cases\r\n // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account\r\n this.bisector = this.options.strokeUniform\r\n ? getBisector(\r\n this.A.multiply(this.scale),\r\n this.B.multiply(this.scale),\r\n this.C.multiply(this.scale)\r\n )\r\n : getBisector(this.A, this.B, this.C);\r\n }\r\n\r\n get bisectorVector() {\r\n return this.bisector.vector;\r\n }\r\n\r\n get bisectorAngle() {\r\n return this.bisector.angle;\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n const orthogonalProjection = getOrthonormalVector(vector);\r\n const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(\r\n orthogonalProjection,\r\n this.bisectorVector\r\n );\r\n return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide);\r\n }\r\n\r\n /**\r\n * BEVEL\r\n * Calculation: the projection points are formed by the vector orthogonal to the vertex.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel\r\n */\r\n projectBevel() {\r\n return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to));\r\n }\r\n\r\n /**\r\n * MITER\r\n * Calculation: the corner is formed by extending the outer edges of the stroke\r\n * at the tangents of the path segments until they intersect.\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter\r\n */\r\n projectMiter() {\r\n const alpha = Math.abs(this.bisectorAngle),\r\n hypotUnitScalar = 1 / Math.sin(alpha / 2),\r\n miterVector = this.scaleUnitVector(\r\n this.bisectorVector,\r\n -this.strokeProjectionMagnitude * hypotUnitScalar\r\n );\r\n\r\n // When two line segments meet at a sharp angle, it is possible for the join to extend,\r\n // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes\r\n // a limit on the extent of the line join.\r\n // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit\r\n // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit\r\n const strokeMiterLimit = this.options.strokeUniform\r\n ? hypotUnitScalar\r\n : this.options.strokeMiterLimit;\r\n\r\n if (\r\n magnitude(miterVector) / this.strokeProjectionMagnitude <=\r\n strokeMiterLimit\r\n ) {\r\n return [this.applySkew(this.A.add(miterVector))];\r\n } else {\r\n // when the miter-limit is reached, the stroke line join becomes of type bevel\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n /**\r\n * ROUND (without skew)\r\n * Calculation: the projections are the two vectors parallel to X and Y axes\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew\r\n */\r\n private projectRoundNoSkew() {\r\n // correctSide is used to only consider projecting for the outer side\r\n const correctSide = new Point(\r\n StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector),\r\n StrokeProjectionsBase.getAcuteAngleFactor(\r\n new Point(this.bisectorVector.y, this.bisectorVector.x)\r\n )\r\n ),\r\n radiusOnAxisX = new Point(1, 0)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide),\r\n radiusOnAxisY = new Point(0, 1)\r\n .scalarMultiply(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar)\r\n .multiply(correctSide);\r\n\r\n return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)];\r\n }\r\n\r\n /**\r\n * ROUND (with skew)\r\n * Calculation: the projections are the points furthest from the vertex in\r\n * the direction of the X and Y axes after distortion.\r\n *\r\n * @todo TODO:\r\n * - Consider only projections that are inside the beginning and end of the circle segment\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew\r\n */\r\n private projectRoundWithSkew() {\r\n const projections: Point[] = [];\r\n\r\n // The start and end points of the circle segment\r\n [this.B, this.C].forEach((to) =>\r\n projections.push(this.projectOrthogonally(this.A, to))\r\n );\r\n\r\n const { skewX, skewY } = this.options;\r\n // The points furthest from the vertex in the direction of the X and Y axes after distortion\r\n const circleRadius = new Point()\r\n .scalarAdd(this.strokeProjectionMagnitude)\r\n .multiply(this.strokeUniformScalar),\r\n newY =\r\n circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2),\r\n furthestY = new Point(\r\n Math.sqrt(\r\n circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2\r\n ),\r\n newY\r\n ),\r\n newX =\r\n circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2),\r\n furthestX = new Point(\r\n newX,\r\n Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)\r\n );\r\n\r\n [furthestX, furthestY].forEach((vector) => {\r\n projections.push(\r\n this.applySkew(this.A.add(vector)),\r\n this.applySkew(this.A.subtract(vector))\r\n );\r\n });\r\n\r\n return projections;\r\n }\r\n\r\n projectRound() {\r\n if (!this.isSkewed()) {\r\n return this.projectRoundNoSkew();\r\n } else {\r\n return this.projectRoundWithSkew();\r\n }\r\n }\r\n\r\n /**\r\n * Project stroke width on points returning projections for each point as follows:\r\n * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel)\r\n * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke.\r\n * - `round`: same as `bevel` when it has no skew, with skew are 4 points.\r\n */\r\n protected projectPoints() {\r\n switch (this.options.strokeLineJoin) {\r\n case 'miter':\r\n return this.projectMiter();\r\n case 'round':\r\n return this.projectRound();\r\n default:\r\n return this.projectBevel();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n bisector: this.bisector,\r\n }));\r\n }\r\n}\r\n","import { IPoint, Point } from '../../../point.class';\r\nimport { createVector, getOrthonormalVector, getUnitVector } from '../vectors';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { StrokeProjectionsBase } from './StrokeProjectionsBase';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n * class in charge of finding projections for each type of line cap for start/end of an open path\r\n * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)}\r\n *\r\n * Reference:\r\n * - MDN:\r\n * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap\r\n * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\r\n * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev\r\n * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html\r\n * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js\r\n */\r\nexport class StrokeLineCapProjections extends StrokeProjectionsBase {\r\n /**\r\n * edge point\r\n */\r\n A: Point;\r\n /**\r\n * point next to edge point\r\n */\r\n T: Point;\r\n\r\n constructor(A: IPoint, T: IPoint, options: TProjectStrokeOnPointsOptions) {\r\n super(options);\r\n this.A = new Point(A);\r\n this.T = new Point(T);\r\n }\r\n\r\n calcOrthogonalProjection(\r\n from: Point,\r\n to: Point,\r\n magnitude: number = this.strokeProjectionMagnitude\r\n ) {\r\n const vector = this.createSideVector(from, to);\r\n return this.scaleUnitVector(getOrthonormalVector(vector), magnitude);\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Butt\r\n * Calculation: to find the projections, just find the points orthogonal to the stroke\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt\r\n */\r\n projectButt() {\r\n return [\r\n this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude),\r\n this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude),\r\n ];\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Round\r\n * Calculation: same as stroke line join `round`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round\r\n */\r\n projectRound() {\r\n return new StrokeLineJoinProjections(\r\n this.A,\r\n this.T,\r\n this.T,\r\n this.options\r\n ).projectRound();\r\n }\r\n\r\n /**\r\n * OPEN PATH START/END - Line cap: Square\r\n * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT`\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square\r\n */\r\n projectSquare() {\r\n const orthogonalProjection = this.calcOrthogonalProjection(\r\n this.A,\r\n this.T,\r\n this.strokeProjectionMagnitude\r\n );\r\n const strokePointingOut = this.scaleUnitVector(\r\n getUnitVector(createVector(this.A, this.T)),\r\n -this.strokeProjectionMagnitude\r\n );\r\n const projectedA = this.A.add(strokePointingOut);\r\n return [\r\n projectedA.add(orthogonalProjection),\r\n projectedA.subtract(orthogonalProjection),\r\n ].map((p) => this.applySkew(p));\r\n }\r\n\r\n protected projectPoints() {\r\n switch (this.options.strokeLineCap) {\r\n case 'round':\r\n return this.projectRound();\r\n case 'square':\r\n return this.projectSquare();\r\n default:\r\n return this.projectButt();\r\n }\r\n }\r\n\r\n public project(): TProjection[] {\r\n return this.projectPoints().map((point) => ({\r\n originPoint: this.A,\r\n projectedPoint: point,\r\n }));\r\n }\r\n}\r\n","import { IPoint } from '../../../point.class';\r\nimport { StrokeLineCapProjections } from './StrokeLineCapProjections';\r\nimport { StrokeLineJoinProjections } from './StrokeLineJoinProjections';\r\nimport { TProjection, TProjectStrokeOnPointsOptions } from './types';\r\n\r\n/**\r\n *\r\n * Used to calculate object's bounding box\r\n *\r\n * @see https://github.com/fabricjs/fabric.js/pull/8344\r\n *\r\n */\r\nexport const projectStrokeOnPoints = (\r\n points: IPoint[],\r\n options: TProjectStrokeOnPointsOptions,\r\n openPath = false\r\n): TProjection[] => {\r\n const projections: TProjection[] = [];\r\n\r\n if (points.length <= 1) {\r\n return projections;\r\n }\r\n\r\n points.forEach((A, index) => {\r\n let B: IPoint, C: IPoint;\r\n if (index === 0) {\r\n C = points[1];\r\n B = openPath ? A : points[points.length - 1];\r\n } else if (index === points.length - 1) {\r\n B = points[index - 1];\r\n C = openPath ? A : points[0];\r\n } else {\r\n B = points[index - 1];\r\n C = points[index + 1];\r\n }\r\n\r\n if (openPath && (index === 0 || index === points.length - 1)) {\r\n projections.push(\r\n ...new StrokeLineCapProjections(\r\n A,\r\n index === 0 ? C : B,\r\n options\r\n ).project()\r\n );\r\n } else {\r\n projections.push(\r\n ...new StrokeLineJoinProjections(A, B, C, options).project()\r\n );\r\n }\r\n });\r\n\r\n return projections;\r\n};\r\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { iMatrix } from '../../constants';\r\nimport { IPoint, Point } from '../../point.class';\r\nimport { TDegree, TMat2D } from '../../typedefs';\r\nimport { cos } from './cos';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { sin } from './sin';\r\n\r\ntype TRotateMatrixArgs = {\r\n angle?: TDegree;\r\n};\r\n\r\ntype TTranslateMatrixArgs = {\r\n translateX?: number;\r\n translateY?: number;\r\n};\r\n\r\nexport type TScaleMatrixArgs = {\r\n scaleX?: number;\r\n scaleY?: number;\r\n flipX?: boolean;\r\n flipY?: boolean;\r\n skewX?: TDegree;\r\n skewY?: TDegree;\r\n};\r\n\r\nexport type TComposeMatrixArgs = TTranslateMatrixArgs &\r\n TRotateMatrixArgs &\r\n TScaleMatrixArgs;\r\n\r\nexport type TQrDecomposeOut = Required<\r\n Omit\r\n>;\r\n/**\r\n * Apply transform t to point p\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point | IPoint} p The point to transform\r\n * @param {Array} t The transform\r\n * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied\r\n * @return {Point} The transformed point\r\n */\r\nexport const transformPoint = (\r\n p: Point | IPoint,\r\n t: TMat2D,\r\n ignoreOffset?: boolean\r\n): Point => new Point(p).transform(t, ignoreOffset);\r\n\r\n/**\r\n * Invert transformation t\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} t The transform\r\n * @return {Array} The inverted transform\r\n */\r\nexport const invertTransform = (t: TMat2D): TMat2D => {\r\n const a = 1 / (t[0] * t[3] - t[1] * t[2]),\r\n r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0] as TMat2D,\r\n { x, y } = transformPoint(new Point(t[4], t[5]), r, true);\r\n r[4] = -x;\r\n r[5] = -y;\r\n return r;\r\n};\r\n\r\n/**\r\n * Multiply matrix A by matrix B to nest transformations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a First transformMatrix\r\n * @param {TMat2D} b Second transformMatrix\r\n * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices\r\n * @return {TMat2D} The product of the two transform matrices\r\n */\r\nexport const multiplyTransformMatrices = (\r\n a: TMat2D,\r\n b: TMat2D,\r\n is2x2?: boolean\r\n): TMat2D =>\r\n [\r\n a[0] * b[0] + a[2] * b[1],\r\n a[1] * b[0] + a[3] * b[1],\r\n a[0] * b[2] + a[2] * b[3],\r\n a[1] * b[2] + a[3] * b[3],\r\n is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4],\r\n is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5],\r\n ] as TMat2D;\r\n\r\n/**\r\n * Decomposes standard 2x3 matrix into transform components\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {TMat2D} a transformMatrix\r\n * @return {Object} Components of transform\r\n */\r\nexport const qrDecompose = (a: TMat2D): TQrDecomposeOut => {\r\n const angle = Math.atan2(a[1], a[0]),\r\n denom = Math.pow(a[0], 2) + Math.pow(a[1], 2),\r\n scaleX = Math.sqrt(denom),\r\n scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX,\r\n skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom);\r\n return {\r\n angle: radiansToDegrees(angle),\r\n scaleX,\r\n scaleY,\r\n skewX: radiansToDegrees(skewX),\r\n skewY: 0 as TDegree,\r\n translateX: a[4] || 0,\r\n translateY: a[5] || 0,\r\n };\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle] angle in degrees\r\n * @return {TMat2D} transform matrix\r\n */\r\n\r\nexport const calcRotateMatrix = ({ angle }: TRotateMatrixArgs): TMat2D => {\r\n if (!angle) {\r\n return iMatrix;\r\n }\r\n const theta = degreesToRadians(angle),\r\n cosin = cos(theta),\r\n sinus = sin(theta);\r\n return [cosin, sinus, -sinus, cosin, 0, 0];\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet.\r\n * is called DimensionsTransformMatrix because those properties are the one that influence\r\n * the size of the resulting box of the object.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @return {Number[]} transform matrix\r\n */\r\nexport const calcDimensionsMatrix = ({\r\n scaleX = 1,\r\n scaleY = 1,\r\n flipX = false,\r\n flipY = false,\r\n skewX = 0 as TDegree,\r\n skewY = 0 as TDegree,\r\n}: TScaleMatrixArgs) => {\r\n let scaleMatrix = iMatrix;\r\n if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) {\r\n scaleMatrix = [\r\n flipX ? -scaleX : scaleX,\r\n 0,\r\n 0,\r\n flipY ? -scaleY : scaleY,\r\n 0,\r\n 0,\r\n ] as TMat2D;\r\n }\r\n if (skewX) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, 0, Math.tan(degreesToRadians(skewX)), 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n if (skewY) {\r\n scaleMatrix = multiplyTransformMatrices(\r\n scaleMatrix,\r\n [1, Math.tan(degreesToRadians(skewY)), 0, 1] as unknown as TMat2D,\r\n true\r\n );\r\n }\r\n return scaleMatrix;\r\n};\r\n\r\n/**\r\n * Returns a transform matrix starting from an object of the same kind of\r\n * the one returned from qrDecompose, useful also if you want to calculate some\r\n * transformations from an object that is not enlived yet\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} options\r\n * @param {Number} [options.angle]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Boolean} [options.flipX]\r\n * @param {Boolean} [options.flipY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @param {Number} [options.translateX]\r\n * @param {Number} [options.translateY]\r\n * @return {Number[]} transform matrix\r\n */\r\n\r\nexport const composeMatrix = ({\r\n translateX = 0,\r\n translateY = 0,\r\n angle = 0 as TDegree,\r\n ...otherOptions\r\n}: TComposeMatrixArgs): TMat2D => {\r\n let matrix = [1, 0, 0, 1, translateX, translateY] as TMat2D;\r\n if (angle) {\r\n matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle }));\r\n }\r\n const scaleMatrix = calcDimensionsMatrix(otherOptions);\r\n if (scaleMatrix !== iMatrix) {\r\n matrix = multiplyTransformMatrices(matrix, scaleMatrix);\r\n }\r\n return matrix;\r\n};\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Copies all enumerable properties of one js object to another\r\n * this does not and cannot compete with generic utils.\r\n * Does not clone or extend fabric.Object subclasses.\r\n * This is mostly for internal use and has extra handling for fabricJS objects\r\n * it skips the canvas and group properties in deep cloning.\r\n * @memberOf fabric.util.object\r\n * @param {Object} destination Where to copy to\r\n * @param {Object} source Where to copy from\r\n * @param {Boolean} [deep] Whether to extend nested objects\r\n * @return {Object}\r\n */\r\n\r\nexport const extend = (destination, source, deep) => {\r\n // the deep clone is for internal use, is not meant to avoid\r\n // javascript traps or cloning html element or self referenced objects.\r\n if (deep) {\r\n if (!fabric.isLikelyNode && source instanceof Element) {\r\n // avoid cloning deep images, canvases,\r\n destination = source;\r\n } else if (Array.isArray(source)) {\r\n destination = [];\r\n for (let i = 0, len = source.length; i < len; i++) {\r\n destination[i] = extend({}, source[i], deep);\r\n }\r\n } else if (source && typeof source === 'object') {\r\n for (const property in source) {\r\n if (property === 'canvas' || property === 'group') {\r\n // we do not want to clone this props at all.\r\n // we want to keep the keys in the copy\r\n destination[property] = null;\r\n } else if (Object.prototype.hasOwnProperty.call(source, property)) {\r\n destination[property] = extend({}, source[property], deep);\r\n }\r\n }\r\n } else {\r\n // this sounds odd for an extend but is ok for recursive use\r\n destination = source;\r\n }\r\n } else {\r\n for (const property in source) {\r\n destination[property] = source[property];\r\n }\r\n }\r\n return destination;\r\n};\r\n\r\n/**\r\n * Creates an empty object and copies all enumerable properties of another object to it\r\n * This method is mostly for internal use, and not intended for duplicating shapes in canvas.\r\n * @memberOf fabric.util.object\r\n * @param {Object} object Object to clone\r\n * @param {Boolean} [deep] Whether to clone nested objects\r\n * @return {Object}\r\n */\r\n\r\n//TODO: this function return an empty object if you try to clone null\r\nexport const clone = (object: any, deep: boolean) =>\r\n deep ? extend({}, object, deep) : { ...object };\r\n","import { clone } from '../lang_object';\r\n\r\n/**\r\n * @memberOf fabric.util\r\n * @param {Object} prevStyle first style to compare\r\n * @param {Object} thisStyle second style to compare\r\n * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties\r\n * @return {boolean} true if the style changed\r\n */\r\nexport const hasStyleChanged = (\r\n prevStyle: any,\r\n thisStyle: any,\r\n forTextSpans = false\r\n) =>\r\n prevStyle.fill !== thisStyle.fill ||\r\n prevStyle.stroke !== thisStyle.stroke ||\r\n prevStyle.strokeWidth !== thisStyle.strokeWidth ||\r\n prevStyle.fontSize !== thisStyle.fontSize ||\r\n prevStyle.fontFamily !== thisStyle.fontFamily ||\r\n prevStyle.fontWeight !== thisStyle.fontWeight ||\r\n prevStyle.fontStyle !== thisStyle.fontStyle ||\r\n prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor ||\r\n prevStyle.deltaY !== thisStyle.deltaY ||\r\n (forTextSpans &&\r\n (prevStyle.overline !== thisStyle.overline ||\r\n prevStyle.underline !== thisStyle.underline ||\r\n prevStyle.linethrough !== thisStyle.linethrough));\r\n\r\n/**\r\n * Returns the array form of a text object's inline styles property with styles grouped in ranges\r\n * rather than per character. This format is less verbose, and is better suited for storage\r\n * so it is used in serialization (not during runtime).\r\n * @memberOf fabric.util\r\n * @param {object} styles per character styles for a text object\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {{start: number, end: number, style: object}[]}\r\n */\r\nexport const stylesToArray = (styles: any, text: string) => {\r\n const textLines = text.split('\\n'),\r\n stylesArray = [];\r\n let charIndex = -1,\r\n prevStyle = {};\r\n // clone style structure to prevent mutation\r\n styles = clone(styles, true);\r\n\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n if (!styles[i]) {\r\n //no styles exist for this line, so add the line's length to the charIndex total\r\n charIndex += textLines[i].length;\r\n continue;\r\n }\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n const thisStyle = styles[i][c];\r\n //check if style exists for this character\r\n if (thisStyle && Object.keys(thisStyle).length > 0) {\r\n if (hasStyleChanged(prevStyle, thisStyle, true)) {\r\n stylesArray.push({\r\n start: charIndex,\r\n end: charIndex + 1,\r\n style: thisStyle,\r\n });\r\n } else {\r\n //if style is the same as previous character, increase end index\r\n stylesArray[stylesArray.length - 1].end++;\r\n }\r\n }\r\n prevStyle = thisStyle || {};\r\n }\r\n }\r\n return stylesArray;\r\n};\r\n\r\n/**\r\n * Returns the object form of the styles property with styles that are assigned per\r\n * character rather than grouped by range. This format is more verbose, and is\r\n * only used during runtime (not for serialization/storage)\r\n * @memberOf fabric.util\r\n * @param {Array} styles the serialized form of a text object's styles\r\n * @param {String} text the text string that the styles are applied to\r\n * @return {Object}\r\n */\r\nexport const stylesFromArray = (styles: any, text: string) => {\r\n if (!Array.isArray(styles)) {\r\n return styles;\r\n }\r\n const textLines = text.split('\\n'),\r\n stylesObject = {} as any;\r\n let charIndex = -1,\r\n styleIndex = 0;\r\n //loop through each textLine\r\n for (let i = 0; i < textLines.length; i++) {\r\n //loop through each character of the current line\r\n for (let c = 0; c < textLines[i].length; c++) {\r\n charIndex++;\r\n //check if there's a style collection that includes the current character\r\n if (\r\n styles[styleIndex] &&\r\n styles[styleIndex].start <= charIndex &&\r\n charIndex < styles[styleIndex].end\r\n ) {\r\n //create object for line index if it doesn't exist\r\n stylesObject[i] = stylesObject[i] || {};\r\n //assign a style at this character's index\r\n stylesObject[i][c] = { ...styles[styleIndex].style };\r\n //if character is at the end of the current style collection, move to the next\r\n if (charIndex === styles[styleIndex].end - 1) {\r\n styleIndex++;\r\n }\r\n }\r\n }\r\n }\r\n return stylesObject;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { ImageFormat } from '../../typedefs';\r\n/**\r\n * Creates canvas element\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const createCanvasElement = (): HTMLCanvasElement =>\r\n fabric.document.createElement('canvas');\r\n\r\n/**\r\n * Creates image element (works on client and node)\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {HTMLImageElement} HTML image element\r\n */\r\nexport const createImage = (): HTMLImageElement =>\r\n fabric.document.createElement('img');\r\n\r\n/**\r\n * Creates a canvas element that is a copy of another and is also painted\r\n * @param {CanvasElement} canvas to copy size and content of\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {CanvasElement} initialized canvas element\r\n */\r\nexport const copyCanvasElement = (\r\n canvas: HTMLCanvasElement\r\n): HTMLCanvasElement => {\r\n const newCanvas = createCanvasElement();\r\n newCanvas.width = canvas.width;\r\n newCanvas.height = canvas.height;\r\n newCanvas.getContext('2d')?.drawImage(canvas, 0, 0);\r\n return newCanvas;\r\n};\r\n\r\n/**\r\n * since 2.6.0 moved from canvas instance to utility.\r\n * possibly useless\r\n * @param {CanvasElement} canvasEl to copy size and content of\r\n * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too\r\n * @param {Number} quality <= 1 and > 0\r\n * @static\r\n * @memberOf fabric.util\r\n * @return {String} data url\r\n */\r\nexport const toDataURL = (\r\n canvasEl: HTMLCanvasElement,\r\n format: ImageFormat,\r\n quality: number\r\n) => canvasEl.toDataURL(`image/${format}`, quality);\r\n","/**\r\n * A wrapper around Number#toFixed, which contrary to native method returns number, not string.\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {number|string} number number to operate on\r\n * @param {number} fractionDigits number of fraction digits to \"leave\"\r\n * @return {number}\r\n */\r\nexport const toFixed = (number: number | string, fractionDigits: number) =>\r\n parseFloat(Number(number).toFixed(fractionDigits));\r\n","import { fabric } from '../../../HEADER';\r\nimport { SVGElementName, SupportedSVGUnit, TMat2D } from '../../typedefs';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../../constants';\r\nimport { toFixed } from './toFixed';\r\nimport { config } from '../../config';\r\n/**\r\n * Returns array of attributes for given svg that fabric parses\r\n * @memberOf fabric.util\r\n * @param {SVGElementName} type Type of svg element (eg. 'circle')\r\n * @return {Array} string names of supported attributes\r\n */\r\nexport const getSvgAttributes = (type: SVGElementName) => {\r\n const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class'];\r\n switch (type) {\r\n case SVGElementName.linearGradient:\r\n return commonAttributes.concat([\r\n 'x1',\r\n 'y1',\r\n 'x2',\r\n 'y2',\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n ]);\r\n case 'radialGradient':\r\n return commonAttributes.concat([\r\n 'gradientUnits',\r\n 'gradientTransform',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n 'fr',\r\n ]);\r\n case 'stop':\r\n return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']);\r\n }\r\n return commonAttributes;\r\n};\r\n\r\n/**\r\n * Converts from attribute value to pixel value if applicable.\r\n * Returns converted pixels or original value not converted.\r\n * @param {string} value number to operate on\r\n * @param {number} fontSize\r\n * @return {number}\r\n */\r\nexport const parseUnit = (value: string, fontSize: number) => {\r\n const unit = /\\D{0,2}$/.exec(value),\r\n number = parseFloat(value);\r\n if (!fontSize) {\r\n fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n const dpi = config.DPI;\r\n switch (unit?.[0]) {\r\n case SupportedSVGUnit.mm:\r\n return (number * dpi) / 25.4;\r\n\r\n case SupportedSVGUnit.cm:\r\n return (number * dpi) / 2.54;\r\n\r\n case SupportedSVGUnit.in:\r\n return number * dpi;\r\n\r\n case SupportedSVGUnit.pt:\r\n return (number * dpi) / 72; // or * 4 / 3\r\n\r\n case SupportedSVGUnit.pc:\r\n return ((number * dpi) / 72) * 12; // or * 16\r\n\r\n case SupportedSVGUnit.em:\r\n return number * fontSize;\r\n\r\n default:\r\n return number;\r\n }\r\n};\r\n\r\n/**\r\n * Groups SVG elements (usually those retrieved from SVG document)\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Array} elements fabric.Object(s) parsed from svg, to group\r\n * @return {fabric.Object|fabric.Group}\r\n */\r\nexport const groupSVGElements = (elements: any[]) => {\r\n if (elements && elements.length === 1) {\r\n return elements[0];\r\n }\r\n return new fabric.Group(elements);\r\n};\r\n\r\nconst enum MeetOrSlice {\r\n meet = 'meet',\r\n slice = 'slice',\r\n}\r\n\r\nconst enum MinMidMax {\r\n min = 'Min',\r\n mid = 'Mid',\r\n max = 'Max',\r\n none = 'none',\r\n}\r\n\r\ntype TPreserveArParsed = {\r\n meetOrSlice: MeetOrSlice;\r\n alignX: MinMidMax;\r\n alignY: MinMidMax;\r\n};\r\n\r\n// align can be either none or undefined or a combination of mid/max\r\nconst parseAlign = (align: string): MinMidMax[] => {\r\n //divide align in alignX and alignY\r\n if (align && align !== MinMidMax.none) {\r\n return [align.slice(1, 4) as MinMidMax, align.slice(5, 8) as MinMidMax];\r\n } else if (align === MinMidMax.none) {\r\n return [align, align];\r\n }\r\n return [MinMidMax.mid, MinMidMax.mid];\r\n};\r\n\r\n/**\r\n * Parse preserveAspectRatio attribute from element\r\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio\r\n * @param {string} attribute to be parsed\r\n * @return {Object} an object containing align and meetOrSlice attribute\r\n */\r\nexport const parsePreserveAspectRatioAttribute = (\r\n attribute: string\r\n): TPreserveArParsed => {\r\n const [firstPart, secondPart] = attribute.trim().split(' ') as [\r\n MinMidMax,\r\n MeetOrSlice | undefined\r\n ];\r\n const [alignX, alignY] = parseAlign(firstPart);\r\n return {\r\n meetOrSlice: secondPart || MeetOrSlice.meet,\r\n alignX,\r\n alignY,\r\n };\r\n};\r\n\r\n/**\r\n * given an array of 6 number returns something like `\"matrix(...numbers)\"`\r\n * @memberOf fabric.util\r\n * @param {TMat2D} transform an array with 6 numbers\r\n * @return {String} transform matrix for svg\r\n */\r\nexport const matrixToSVG = (transform: TMat2D) =>\r\n 'matrix(' +\r\n transform\r\n .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS))\r\n .join(' ') +\r\n ')';\r\n","interface IWithDimensions {\r\n width: number;\r\n height: number;\r\n}\r\n\r\n/**\r\n * Finds the scale for the object source to fit inside the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to fit into destination\r\n */\r\nexport const findScaleToFit = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.min(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n\r\n/**\r\n * Finds the scale for the object source to cover entirely the object destination,\r\n * keeping aspect ratio intact.\r\n * respect the total allowed area for the cache.\r\n * @memberOf fabric.util\r\n * @param {Object | fabric.Object} source\r\n * @param {Number} source.height natural unscaled height of the object\r\n * @param {Number} source.width natural unscaled width of the object\r\n * @param {Object | fabric.Object} destination\r\n * @param {Number} destination.height natural unscaled height of the object\r\n * @param {Number} destination.width natural unscaled width of the object\r\n * @return {Number} scale factor to apply to source to cover destination\r\n */\r\nexport const findScaleToCover = (\r\n source: IWithDimensions,\r\n destination: IWithDimensions\r\n) =>\r\n Math.max(\r\n destination.width / source.width,\r\n destination.height / source.height\r\n );\r\n","export const capValue = (min: number, value: number, max: number) =>\r\n Math.max(min, Math.min(value, max));\r\n","import { IPoint, Point } from '../../point.class';\r\nimport { TBBox } from '../../typedefs';\r\n\r\n/**\r\n * Calculates bounding box (left, top, width, height) from given `points`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {IPoint[]} points\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\nexport const makeBoundingBoxFromPoints = (points: IPoint[]): TBBox => {\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n };\r\n }\r\n\r\n const { min, max } = points.reduce(\r\n ({ min, max }, curr) => {\r\n return {\r\n min: min.min(curr),\r\n max: max.max(curr),\r\n };\r\n },\r\n { min: new Point(points[0]), max: new Point(points[0]) }\r\n );\r\n\r\n const size = max.subtract(min);\r\n\r\n return {\r\n left: min.x,\r\n top: min.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n};\r\n","import { Point } from '../../point.class';\r\nimport type { FabricObject } from '../../shapes/object.class';\r\nimport { TMat2D } from '../../typedefs';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport type { TComposeMatrixArgs, TScaleMatrixArgs } from './matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from './matrix';\r\n\r\n/**\r\n * given an object and a transform, apply the inverse transform to the object,\r\n * this is equivalent to remove from that object that transformation, so that\r\n * added in a space with the removed transform, the object will be the same as before.\r\n * Removing from an object a transform that scale by 2 is like scaling it by 1/2.\r\n * Removing from an object a transform that rotate by 30deg is like rotating by 30deg\r\n * in the opposite direction.\r\n * This util is used to add objects inside transformed groups or nested groups.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const removeTransformFromObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const inverted = invertTransform(transform),\r\n finalTransform = multiplyTransformMatrices(\r\n inverted,\r\n object.calcOwnMatrix()\r\n );\r\n applyTransformToObject(object, finalTransform);\r\n};\r\n\r\n/**\r\n * given an object and a transform, apply the transform to the object.\r\n * this is equivalent to change the space where the object is drawn.\r\n * Adding to an object a transform that scale by 2 is like scaling it by 2.\r\n * This is used when removing an object from an active selection for example.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const addTransformToObject = (object: FabricObject, transform: TMat2D) =>\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(transform, object.calcOwnMatrix())\r\n );\r\n\r\n/**\r\n * discard an object transform state and apply the one from the matrix.\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} object the object you want to transform\r\n * @param {Array} transform the destination transform\r\n */\r\nexport const applyTransformToObject = (\r\n object: FabricObject,\r\n transform: TMat2D\r\n) => {\r\n const { translateX, translateY, scaleX, scaleY, ...otherOptions } =\r\n qrDecompose(transform),\r\n center = new Point(translateX, translateY);\r\n object.flipX = false;\r\n object.flipY = false;\r\n Object.assign(object, otherOptions);\r\n object.set({ scaleX, scaleY });\r\n object.setPositionByOrigin(center, 'center', 'center');\r\n};\r\n/**\r\n * reset an object transform state to neutral. Top and left are not accounted for\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to transform\r\n */\r\nexport const resetObjectTransform = (target: FabricObject) => {\r\n target.scaleX = 1;\r\n target.scaleY = 1;\r\n target.skewX = 0;\r\n target.skewY = 0;\r\n target.flipX = false;\r\n target.flipY = false;\r\n target.rotate(0);\r\n};\r\n\r\n/**\r\n * Extract Object transform values\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} target object to read from\r\n * @return {Object} Components of transform\r\n */\r\nexport const saveObjectTransform = (target: FabricObject) => ({\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n angle: target.angle,\r\n left: target.left,\r\n flipX: target.flipX,\r\n flipY: target.flipY,\r\n top: target.top,\r\n});\r\n\r\n/**\r\n * given a width and height, return the size of the bounding box\r\n * that can contains the box with width/height with applied transform\r\n * described in options.\r\n * Use to calculate the boxes around objects for controls.\r\n * @memberOf fabric.util\r\n * @param {Number} width\r\n * @param {Number} height\r\n * @param {Object} options\r\n * @param {Number} options.scaleX\r\n * @param {Number} options.scaleY\r\n * @param {Number} options.skewX\r\n * @param {Number} options.skewY\r\n * @returns {Point} size\r\n */\r\nexport const sizeAfterTransform = (\r\n width: number,\r\n height: number,\r\n options: TScaleMatrixArgs\r\n) => {\r\n const dimX = width / 2,\r\n dimY = height / 2,\r\n transformMatrix = calcDimensionsMatrix(options),\r\n points = [\r\n new Point(-dimX, -dimY),\r\n new Point(dimX, -dimY),\r\n new Point(-dimX, dimY),\r\n new Point(dimX, dimY),\r\n ].map((p) => p.transform(transformMatrix)),\r\n bbox = makeBoundingBoxFromPoints(points);\r\n return new Point(bbox.width, bbox.height);\r\n};\r\n","import { iMatrix } from '../../constants';\r\nimport type { Point } from '../../point.class';\r\nimport type { TMat2D } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { invertTransform, multiplyTransformMatrices } from './matrix';\r\nimport { applyTransformToObject } from './objectTransforms';\r\n\r\nexport const enum ObjectRelation {\r\n sibling = 'sibling',\r\n child = 'child',\r\n}\r\n\r\n/**\r\n * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\\\r\n * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`)\r\n * @param [from]\r\n * @param [to]\r\n * @returns\r\n */\r\nexport const calcPlaneChangeMatrix = (\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n) => multiplyTransformMatrices(invertTransform(to), from);\r\n\r\n/**\r\n * Sends a point from the source coordinate plane to the destination coordinate plane.\\\r\n * From the canvas/viewer's perspective the point remains unchanged.\r\n *\r\n * @example Send point from canvas plane to group plane\r\n * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 });\r\n * var group = new fabric.Group([obj], { strokeWidth: 0 });\r\n * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix());\r\n * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix());\r\n * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas\r\n * @param {Point} point\r\n * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane.\r\n * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane.\r\n * @returns {Point} transformed point\r\n */\r\nexport const sendPointToPlane = (\r\n point: Point,\r\n from: TMat2D = iMatrix,\r\n to: TMat2D = iMatrix\r\n): Point =>\r\n // we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping)\r\n // the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from)\r\n point.transform(calcPlaneChangeMatrix(from, to));\r\n\r\n/**\r\n * Transform point relative to canvas.\r\n * From the viewport/viewer's perspective the point remains unchanged.\r\n *\r\n * `child` relation means `point` exists in the coordinate plane created by `canvas`.\r\n * In other words point is measured acoording to canvas' top left corner\r\n * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner.\r\n *\r\n * `sibling` relation means `point` exists in the same coordinate plane as canvas.\r\n * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas.\r\n *\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Point} point\r\n * @param {fabric.StaticCanvas} canvas\r\n * @param {'sibling'|'child'} relationBefore current relation of point to canvas\r\n * @param {'sibling'|'child'} relationAfter desired relation of point to canvas\r\n * @returns {Point} transformed point\r\n */\r\nexport const transformPointRelativeToCanvas = (\r\n point: Point,\r\n canvas: any,\r\n relationBefore: ObjectRelation,\r\n relationAfter: ObjectRelation\r\n): Point => {\r\n // is this still needed with TS?\r\n if (\r\n relationBefore !== ObjectRelation.child &&\r\n relationBefore !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationBefore);\r\n }\r\n if (\r\n relationAfter !== ObjectRelation.child &&\r\n relationAfter !== ObjectRelation.sibling\r\n ) {\r\n throw new Error('fabric.js: received bad argument ' + relationAfter);\r\n }\r\n if (relationBefore === relationAfter) {\r\n return point;\r\n }\r\n const t = canvas.viewportTransform;\r\n return point.transform(relationAfter === 'child' ? invertTransform(t) : t);\r\n};\r\n\r\n/**\r\n *\r\n * A util that abstracts applying transform to objects.\\\r\n * Sends `object` to the destination coordinate plane by applying the relevant transformations.\\\r\n * Changes the space/plane where `object` is drawn.\\\r\n * From the canvas/viewer's perspective `object` remains unchanged.\r\n *\r\n * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer\r\n * let obj, obj2;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * // render\r\n * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix());\r\n * obj.clipPath = undefined;\r\n * obj2.clipPath = clipPath;\r\n * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer\r\n *\r\n * @example Clip an object's clip path with an existing object\r\n * let obj, existingObj;\r\n * let clipPath = new fabric.Circle({ radius: 50 });\r\n * obj.clipPath = clipPath;\r\n * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix());\r\n * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo);\r\n * clipPath.clipPath = existingObj;\r\n *\r\n * @static\r\n * @memberof fabric.util\r\n * @param {fabric.Object} object\r\n * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas.\r\n * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane.\r\n * @returns {Matrix} the transform matrix that was applied to `object`\r\n */\r\nexport const sendObjectToPlane = (\r\n object: TObject,\r\n from?: TMat2D,\r\n to?: TMat2D\r\n): TMat2D => {\r\n const t = calcPlaneChangeMatrix(from, to);\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(t, object.calcOwnMatrix())\r\n );\r\n return t;\r\n};\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Camelizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to camelize\r\n * @return {String} Camelized version of a string\r\n */\r\nexport const camelize = (string: string): string =>\r\n string.replace(/-+(.)?/g, function (match, character) {\r\n return character ? character.toUpperCase() : '';\r\n });\r\n\r\n/**\r\n * Capitalizes a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to capitalize\r\n * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized\r\n * and other letters stay untouched, if false first letter is capitalized\r\n * and other letters are converted to lowercase.\r\n * @return {String} Capitalized version of a string\r\n */\r\nexport const capitalize = (string: string, firstLetterOnly = false): string =>\r\n `${string.charAt(0).toUpperCase()}${\r\n firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()\r\n }`;\r\n\r\n/**\r\n * Escapes XML in a string\r\n * @memberOf fabric.util.string\r\n * @param {String} string String to escape\r\n * @return {String} Escaped version of a string\r\n */\r\nexport const escapeXml = (string: string): string =>\r\n string\r\n .replace(/&/g, '&')\r\n .replace(/\"/g, '"')\r\n .replace(/'/g, ''')\r\n .replace(//g, '>');\r\n\r\n/**\r\n * Divide a string in the user perceived single units\r\n * @memberOf fabric.util.string\r\n * @param {String} textstring String to escape\r\n * @return {Array} array containing the graphemes\r\n */\r\nexport const graphemeSplit = (textstring: string): string[] => {\r\n const graphemes = [];\r\n for (let i = 0, chr; i < textstring.length; i++) {\r\n if ((chr = getWholeChar(textstring, i)) === false) {\r\n continue;\r\n }\r\n graphemes.push(chr);\r\n }\r\n return graphemes;\r\n};\r\n\r\n// taken from mdn in the charAt doc page.\r\nconst getWholeChar = (str: string, i: number): string => {\r\n const code = str.charCodeAt(i);\r\n if (isNaN(code)) {\r\n return ''; // Position not found\r\n }\r\n if (code < 0xd800 || code > 0xdfff) {\r\n return str.charAt(i);\r\n }\r\n\r\n // High surrogate (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 <= code && code <= 0xdbff) {\r\n if (str.length <= i + 1) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n const next = str.charCodeAt(i + 1);\r\n if (0xdc00 > next || next > 0xdfff) {\r\n throw 'High surrogate without following low surrogate';\r\n }\r\n return str.charAt(i) + str.charAt(i + 1);\r\n }\r\n // Low surrogate (0xDC00 <= code && code <= 0xDFFF)\r\n if (i === 0) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n const prev = str.charCodeAt(i - 1);\r\n\r\n // (could change last hex to 0xDB7F to treat high private\r\n // surrogates as single characters)\r\n if (0xd800 > prev || prev > 0xdbff) {\r\n throw 'Low surrogate without preceding high surrogate';\r\n }\r\n // We can pass over low surrogates now as the second component\r\n // in a pair which we have already processed\r\n return false;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { noop } from '../../constants';\r\nimport { TCrossOrigin } from '../../typedefs';\r\nimport { TObject } from '../../__types__';\r\nimport { camelize, capitalize } from '../lang_string';\r\nimport { createImage } from './dom';\r\n\r\n/**\r\n * Returns klass \"Class\" object of given namespace\r\n * @memberOf fabric.util\r\n * @param {String} type Type of object (eg. 'circle')\r\n * @param {object} namespace Namespace to get klass \"Class\" object from\r\n * @return {Object} klass \"Class\"\r\n */\r\nexport const getKlass = (type: string, namespace = fabric): any =>\r\n namespace[capitalize(camelize(type), true)];\r\n\r\ntype LoadImageOptions = {\r\n signal?: AbortSignal;\r\n crossOrigin?: TCrossOrigin;\r\n};\r\n\r\n/**\r\n * Loads image element from given url and resolve it, or catch.\r\n * @memberOf fabric.util\r\n * @param {String} url URL representing an image\r\n * @param {Object} [options] image loading options\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Promise} img the loaded image.\r\n */\r\nexport const loadImage = (\r\n url: string,\r\n { signal, crossOrigin = null }: LoadImageOptions = {}\r\n) =>\r\n new Promise(function (resolve, reject) {\r\n if (signal && signal.aborted) {\r\n return reject(new Error('`options.signal` is in `aborted` state'));\r\n }\r\n const img = createImage();\r\n let abort: EventListenerOrEventListenerObject;\r\n if (signal) {\r\n abort = function (err: Event) {\r\n img.src = '';\r\n reject(err);\r\n };\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n const done = function () {\r\n img.onload = img.onerror = null;\r\n abort && signal?.removeEventListener('abort', abort);\r\n resolve(img);\r\n };\r\n if (!url) {\r\n done();\r\n return;\r\n }\r\n img.onload = done;\r\n img.onerror = function () {\r\n abort && signal?.removeEventListener('abort', abort);\r\n reject(new Error('Error loading ' + img.src));\r\n };\r\n crossOrigin && (img.crossOrigin = crossOrigin);\r\n img.src = url;\r\n });\r\n\r\ntype EnlivenObjectOptions = {\r\n signal?: AbortSignal;\r\n reviver?: (arg: any, arg2: any) => void;\r\n namespace?: any;\r\n};\r\n\r\n/**\r\n * Creates corresponding fabric instances from their object representations\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object[]} objects Objects to enliven\r\n * @param {object} [options]\r\n * @param {object} [options.namespace] Namespace to get klass \"Class\" object from\r\n * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements,\r\n * called after each fabric object created.\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\nexport const enlivenObjects = (\r\n objects: any[],\r\n { signal, reviver = noop, namespace = fabric }: EnlivenObjectOptions = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: TObject[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n Promise.all(\r\n objects.map((obj) =>\r\n getKlass(obj.type, namespace)\r\n .fromObject(obj, {\r\n signal,\r\n reviver,\r\n namespace,\r\n })\r\n .then((fabricInstance: TObject) => {\r\n reviver(obj, fabricInstance);\r\n instances.push(fabricInstance);\r\n return fabricInstance;\r\n })\r\n )\r\n )\r\n .then(resolve)\r\n .catch((error) => {\r\n // cleanup\r\n instances.forEach(function (instance) {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(() => {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n\r\n/**\r\n * Creates corresponding fabric instances residing in an object, e.g. `clipPath`\r\n * @static\r\n * @memberOf fabric.util\r\n * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path )\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values\r\n */\r\nexport const enlivenObjectEnlivables = (\r\n serializedObject: any,\r\n { signal }: { signal?: AbortSignal } = {}\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const instances: any[] = [];\r\n signal && signal.addEventListener('abort', reject, { once: true });\r\n // enlive every possible property\r\n const promises = Object.values(serializedObject).map((value: any) => {\r\n if (!value) {\r\n return value;\r\n }\r\n // gradient\r\n if (value.colorStops) {\r\n return new fabric.Gradient(value);\r\n }\r\n // clipPath\r\n if (value.type) {\r\n return enlivenObjects([value], { signal }).then(([enlived]) => {\r\n instances.push(enlived);\r\n return enlived;\r\n });\r\n }\r\n // pattern\r\n if (value.source) {\r\n return fabric.Pattern.fromObject(value, { signal }).then(\r\n (pattern: any) => {\r\n instances.push(pattern);\r\n return pattern;\r\n }\r\n );\r\n }\r\n return value;\r\n });\r\n const keys = Object.keys(serializedObject);\r\n Promise.all(promises)\r\n .then((enlived) => {\r\n return enlived.reduce(function (acc, instance, index) {\r\n acc[keys[index]] = instance;\r\n return acc;\r\n }, {});\r\n })\r\n .then(resolve)\r\n .catch(function (error) {\r\n // cleanup\r\n instances.forEach((instance) => {\r\n instance.dispose && instance.dispose();\r\n });\r\n reject(error);\r\n })\r\n .finally(function () {\r\n signal && signal.removeEventListener('abort', reject);\r\n });\r\n });\r\n","/**\r\n * Populates an object with properties of another object\r\n * @param {Object} source Source object\r\n * @param {string[]} properties Properties names to include\r\n * @returns object populated with the picked keys\r\n */\r\nexport const pick = (source: T, keys: (keyof T)[] = []) => {\r\n return keys.reduce((o, key) => {\r\n if (key in source) {\r\n o[key] = source[key];\r\n }\r\n return o;\r\n }, {} as Partial);\r\n};\r\n","//@ts-nocheck\r\n\r\nexport function getSvgRegex(arr) {\r\n return new RegExp('^(' + arr.join('|') + ')\\\\b', 'i');\r\n}\r\n","//@ts-nocheck\r\nimport { getSvgRegex } from './getSvgRegex';\r\n\r\nexport const cssRules = {};\r\nexport const gradientDefs = {};\r\nexport const clipPaths = {};\r\n\r\nexport const reNum = '(?:[-+]?(?:\\\\d+|\\\\d*\\\\.\\\\d+)(?:[eE][-+]?\\\\d+)?)';\r\n\r\nexport const svgNS = 'http://www.w3.org/2000/svg';\r\n\r\nexport const commaWsp = '(?:\\\\s+,?\\\\s*|,\\\\s*)';\r\n\r\nexport const rePathCommand =\r\n /([-+]?((\\d+\\.\\d+)|((\\d+)|(\\.\\d+)))(?:[eE][-+]?\\d+)?)/gi;\r\n\r\nexport const reFontDeclaration = new RegExp(\r\n '(normal|italic)?\\\\s*(normal|small-caps)?\\\\s*' +\r\n '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\\\s*(' +\r\n reNum +\r\n '(?:px|cm|mm|em|pt|pc|in)*)(?:\\\\/(normal|' +\r\n reNum +\r\n '))?\\\\s+(.*)'\r\n);\r\n\r\nexport const svgValidTagNames = [\r\n 'path',\r\n 'circle',\r\n 'polygon',\r\n 'polyline',\r\n 'ellipse',\r\n 'rect',\r\n 'line',\r\n 'image',\r\n 'text',\r\n ],\r\n svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'],\r\n svgInvalidAncestors = [\r\n 'pattern',\r\n 'defs',\r\n 'symbol',\r\n 'metadata',\r\n 'clipPath',\r\n 'mask',\r\n 'desc',\r\n ],\r\n svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'],\r\n attributesMap = {\r\n cx: 'left',\r\n x: 'left',\r\n r: 'radius',\r\n cy: 'top',\r\n y: 'top',\r\n display: 'visible',\r\n visibility: 'visible',\r\n transform: 'transformMatrix',\r\n 'fill-opacity': 'fillOpacity',\r\n 'fill-rule': 'fillRule',\r\n 'font-family': 'fontFamily',\r\n 'font-size': 'fontSize',\r\n 'font-style': 'fontStyle',\r\n 'font-weight': 'fontWeight',\r\n 'letter-spacing': 'charSpacing',\r\n 'paint-order': 'paintFirst',\r\n 'stroke-dasharray': 'strokeDashArray',\r\n 'stroke-dashoffset': 'strokeDashOffset',\r\n 'stroke-linecap': 'strokeLineCap',\r\n 'stroke-linejoin': 'strokeLineJoin',\r\n 'stroke-miterlimit': 'strokeMiterLimit',\r\n 'stroke-opacity': 'strokeOpacity',\r\n 'stroke-width': 'strokeWidth',\r\n 'text-decoration': 'textDecoration',\r\n 'text-anchor': 'textAnchor',\r\n opacity: 'opacity',\r\n 'clip-path': 'clipPath',\r\n 'clip-rule': 'clipRule',\r\n 'vector-effect': 'strokeUniform',\r\n 'image-rendering': 'imageSmoothing',\r\n },\r\n colorAttributes = {\r\n stroke: 'strokeOpacity',\r\n fill: 'fillOpacity',\r\n },\r\n fSize = 'font-size',\r\n cPath = 'clip-path';\r\n\r\nexport const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames);\r\n\r\nexport const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements);\r\n\r\nexport const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors);\r\n\r\nexport const svgValidParentsRegEx = getSvgRegex(svgValidParents);\r\n\r\n// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute\r\n// matches, e.g.: +14.56e-12, etc.\r\nexport const reViewBoxAttrValue = new RegExp(\r\n '^' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*,?' +\r\n '\\\\s*(' +\r\n reNum +\r\n '+)\\\\s*' +\r\n '$'\r\n);\r\n","//@ts-nocheck\r\n\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI, PiBy180 } from '../constants';\r\nimport { commaWsp, rePathCommand } from '../parser/constants';\r\nimport { Point } from '../point.class';\r\nimport { cos } from './misc/cos';\r\nimport { sin } from './misc/sin';\r\nimport { multiplyTransformMatrices, transformPoint } from './misc/matrix';\r\n\r\nconst commandLengths = {\r\n m: 2,\r\n l: 2,\r\n h: 1,\r\n v: 1,\r\n c: 6,\r\n s: 4,\r\n q: 4,\r\n t: 2,\r\n a: 7,\r\n};\r\nconst repeatedCommands = {\r\n m: 'l',\r\n M: 'L',\r\n};\r\n\r\nconst segmentToBezier = (\r\n th2,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n rx,\r\n ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n) => {\r\n const costh2 = cos(th2),\r\n sinth2 = sin(th2),\r\n costh3 = cos(th3),\r\n sinth3 = sin(th3),\r\n toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1,\r\n toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1,\r\n cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2),\r\n cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2),\r\n cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3),\r\n cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3);\r\n\r\n return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY];\r\n};\r\n\r\n/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp\r\n * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here\r\n * http://mozilla.org/MPL/2.0/\r\n */\r\nconst arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => {\r\n let fromX = 0,\r\n fromY = 0,\r\n root = 0;\r\n const PI = Math.PI,\r\n th = rotateX * PiBy180,\r\n sinTh = sin(th),\r\n cosTh = cos(th),\r\n px = 0.5 * (-cosTh * toX - sinTh * toY),\r\n py = 0.5 * (-cosTh * toY + sinTh * toX),\r\n rx2 = rx ** 2,\r\n ry2 = ry ** 2,\r\n py2 = py ** 2,\r\n px2 = px ** 2,\r\n pl = rx2 * ry2 - rx2 * py2 - ry2 * px2;\r\n let _rx = Math.abs(rx);\r\n let _ry = Math.abs(ry);\r\n\r\n if (pl < 0) {\r\n const s = Math.sqrt(1 - pl / (rx2 * ry2));\r\n _rx *= s;\r\n _ry *= s;\r\n } else {\r\n root =\r\n (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2));\r\n }\r\n\r\n const cx = (root * _rx * py) / _ry,\r\n cy = (-root * _ry * px) / _rx,\r\n cx1 = cosTh * cx - sinTh * cy + toX * 0.5,\r\n cy1 = sinTh * cx + cosTh * cy + toY * 0.5;\r\n let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry);\r\n let dtheta = calcVectorAngle(\r\n (px - cx) / _rx,\r\n (py - cy) / _ry,\r\n (-px - cx) / _rx,\r\n (-py - cy) / _ry\r\n );\r\n\r\n if (sweep === 0 && dtheta > 0) {\r\n dtheta -= 2 * PI;\r\n } else if (sweep === 1 && dtheta < 0) {\r\n dtheta += 2 * PI;\r\n }\r\n\r\n // Convert into cubic bezier segments <= 90deg\r\n const segments = Math.ceil(Math.abs((dtheta / PI) * 2)),\r\n result = new Array(segments),\r\n mDelta = dtheta / segments,\r\n mT =\r\n ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) /\r\n Math.sin(mDelta / 2);\r\n let th3 = mTheta + mDelta;\r\n\r\n for (let i = 0; i < segments; i++) {\r\n result[i] = segmentToBezier(\r\n mTheta,\r\n th3,\r\n cosTh,\r\n sinTh,\r\n _rx,\r\n _ry,\r\n cx1,\r\n cy1,\r\n mT,\r\n fromX,\r\n fromY\r\n );\r\n fromX = result[i][5];\r\n fromY = result[i][6];\r\n mTheta = th3;\r\n th3 += mDelta;\r\n }\r\n return result;\r\n};\r\n\r\n/*\r\n * Private\r\n */\r\nconst calcVectorAngle = (ux, uy, vx, vy) => {\r\n const ta = Math.atan2(uy, ux),\r\n tb = Math.atan2(vy, vx);\r\n if (tb >= ta) {\r\n return tb - ta;\r\n } else {\r\n return 2 * Math.PI - (ta - tb);\r\n }\r\n};\r\n\r\n// functions for the Cubic beizer\r\n// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350\r\nconst CB1 = (t) => t ** 3;\r\nconst CB2 = (t) => 3 * t ** 2 * (1 - t);\r\nconst CB3 = (t) => 3 * t * (1 - t) ** 2;\r\nconst CB4 = (t) => (1 - t) ** 3;\r\n\r\n/**\r\n * Calculate bounding box of a beziercurve\r\n * @param {Number} x0 starting point\r\n * @param {Number} y0\r\n * @param {Number} x1 first control point\r\n * @param {Number} y1\r\n * @param {Number} x2 secondo control point\r\n * @param {Number} y2\r\n * @param {Number} x3 end of bezier\r\n * @param {Number} y3\r\n */\r\n// taken from http://jsbin.com/ivomiq/56/edit no credits available for that.\r\n// TODO: can we normalize this with the starting points set at 0 and then translated the bbox?\r\nexport function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) {\r\n let argsString;\r\n if (config.cachesBoundsOfCurve) {\r\n // eslint-disable-next-line\r\n argsString = [...arguments].join();\r\n if (cache.boundsOfCurveCache[argsString]) {\r\n return cache.boundsOfCurveCache[argsString];\r\n }\r\n }\r\n\r\n const sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n tvalues = [],\r\n bounds = [[], []];\r\n\r\n let b = 6 * x0 - 12 * x1 + 6 * x2;\r\n let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;\r\n let c = 3 * x1 - 3 * x0;\r\n\r\n for (let i = 0; i < 2; ++i) {\r\n if (i > 0) {\r\n b = 6 * y0 - 12 * y1 + 6 * y2;\r\n a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;\r\n c = 3 * y1 - 3 * y0;\r\n }\r\n\r\n if (abs(a) < 1e-12) {\r\n if (abs(b) < 1e-12) {\r\n continue;\r\n }\r\n const t = -c / b;\r\n if (0 < t && t < 1) {\r\n tvalues.push(t);\r\n }\r\n continue;\r\n }\r\n const b2ac = b * b - 4 * c * a;\r\n if (b2ac < 0) {\r\n continue;\r\n }\r\n const sqrtb2ac = sqrt(b2ac);\r\n const t1 = (-b + sqrtb2ac) / (2 * a);\r\n if (0 < t1 && t1 < 1) {\r\n tvalues.push(t1);\r\n }\r\n const t2 = (-b - sqrtb2ac) / (2 * a);\r\n if (0 < t2 && t2 < 1) {\r\n tvalues.push(t2);\r\n }\r\n }\r\n\r\n let j = tvalues.length;\r\n const jlen = j;\r\n const iterator = getPointOnCubicBezierIterator(\r\n x0,\r\n y0,\r\n x1,\r\n y1,\r\n x2,\r\n y2,\r\n x3,\r\n y3\r\n );\r\n while (j--) {\r\n const { x, y } = iterator(tvalues[j]);\r\n bounds[0][j] = x;\r\n bounds[1][j] = y;\r\n }\r\n\r\n bounds[0][jlen] = x0;\r\n bounds[1][jlen] = y0;\r\n bounds[0][jlen + 1] = x3;\r\n bounds[1][jlen + 1] = y3;\r\n const result = [\r\n new Point(Math.min(...bounds[0]), Math.min(...bounds[1])),\r\n new Point(Math.max(...bounds[0]), Math.max(...bounds[1])),\r\n ];\r\n if (config.cachesBoundsOfCurve) {\r\n cache.boundsOfCurveCache[argsString] = result;\r\n }\r\n return result;\r\n}\r\n\r\n/**\r\n * Converts arc to a bunch of bezier curves\r\n * @param {Number} fx starting point x\r\n * @param {Number} fy starting point y\r\n * @param {Array} coords Arc command\r\n */\r\nexport const fromArcToBeziers = (\r\n fx,\r\n fy,\r\n [_, rx, ry, rot, large, sweep, tx, ty] = []\r\n) => {\r\n const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot);\r\n\r\n for (let i = 0, len = segsNorm.length; i < len; i++) {\r\n segsNorm[i][1] += fx;\r\n segsNorm[i][2] += fy;\r\n segsNorm[i][3] += fx;\r\n segsNorm[i][4] += fy;\r\n segsNorm[i][5] += fx;\r\n segsNorm[i][6] += fy;\r\n }\r\n return segsNorm;\r\n};\r\n\r\n/**\r\n * This function take a parsed SVG path and make it simpler for fabricJS logic.\r\n * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute )\r\n * S converted in C, T converted in Q, A converted in C.\r\n * @param {Array} path the array of commands of a parsed svg path for fabric.Path\r\n * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path\r\n */\r\nexport const makePathSimpler = (path) => {\r\n // x and y represent the last point of the path. the previous command point.\r\n // we add them to each relative command to make it an absolute comment.\r\n // we also swap the v V h H with L, because are easier to transform.\r\n let x = 0,\r\n y = 0;\r\n const len = path.length;\r\n // x1 and y1 represent the last point of the subpath. the subpath is started with\r\n // m or M command. When a z or Z command is drawn, x and y need to be resetted to\r\n // the last x1 and y1.\r\n let x1 = 0,\r\n y1 = 0;\r\n // previous will host the letter of the previous command, to handle S and T.\r\n // controlX and controlY will host the previous reflected control point\r\n let destinationPath = [],\r\n previous,\r\n controlX,\r\n controlY;\r\n for (let i = 0; i < len; ++i) {\r\n let converted = false;\r\n const current = path[i].slice(0);\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'l': // lineto, relative\r\n current[0] = 'L';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'L':\r\n x = current[1];\r\n y = current[2];\r\n break;\r\n case 'h': // horizontal lineto, relative\r\n current[1] += x;\r\n // falls through\r\n case 'H':\r\n current[0] = 'L';\r\n current[2] = y;\r\n x = current[1];\r\n break;\r\n case 'v': // vertical lineto, relative\r\n current[1] += y;\r\n // falls through\r\n case 'V':\r\n current[0] = 'L';\r\n y = current[1];\r\n current[1] = x;\r\n current[2] = y;\r\n break;\r\n case 'm': // moveTo, relative\r\n current[0] = 'M';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'M':\r\n x = current[1];\r\n y = current[2];\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'c': // bezierCurveTo, relative\r\n current[0] = 'C';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n current[5] += x;\r\n current[6] += y;\r\n // falls through\r\n case 'C':\r\n controlX = current[3];\r\n controlY = current[4];\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n case 's': // shorthand cubic bezierCurveTo, relative\r\n current[0] = 'S';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'S':\r\n // would be sScC but since we are swapping sSc for C, we check just that.\r\n if (previous === 'C') {\r\n // calculate reflection of previous control points\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a C, c, S, or s,\r\n // the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n x = current[3];\r\n y = current[4];\r\n current[0] = 'C';\r\n current[5] = current[3];\r\n current[6] = current[4];\r\n current[3] = current[1];\r\n current[4] = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n // current[3] and current[4] are NOW the second control point.\r\n // we keep it for the next reflection.\r\n controlX = current[3];\r\n controlY = current[4];\r\n break;\r\n case 'q': // quadraticCurveTo, relative\r\n current[0] = 'Q';\r\n current[1] += x;\r\n current[2] += y;\r\n current[3] += x;\r\n current[4] += y;\r\n // falls through\r\n case 'Q':\r\n controlX = current[1];\r\n controlY = current[2];\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n case 't': // shorthand quadraticCurveTo, relative\r\n current[0] = 'T';\r\n current[1] += x;\r\n current[2] += y;\r\n // falls through\r\n case 'T':\r\n if (previous === 'Q') {\r\n // calculate reflection of previous control point\r\n controlX = 2 * x - controlX;\r\n controlY = 2 * y - controlY;\r\n } else {\r\n // If there is no previous command or if the previous command was not a Q, q, T or t,\r\n // assume the control point is coincident with the current point\r\n controlX = x;\r\n controlY = y;\r\n }\r\n current[0] = 'Q';\r\n x = current[1];\r\n y = current[2];\r\n current[1] = controlX;\r\n current[2] = controlY;\r\n current[3] = x;\r\n current[4] = y;\r\n break;\r\n case 'a':\r\n current[0] = 'A';\r\n current[6] += x;\r\n current[7] += y;\r\n // falls through\r\n case 'A':\r\n converted = true;\r\n destinationPath = destinationPath.concat(\r\n fromArcToBeziers(x, y, current)\r\n );\r\n x = current[6];\r\n y = current[7];\r\n break;\r\n case 'z':\r\n case 'Z':\r\n x = x1;\r\n y = y1;\r\n break;\r\n default:\r\n }\r\n if (!converted) {\r\n destinationPath.push(current);\r\n }\r\n previous = current[0];\r\n }\r\n return destinationPath;\r\n};\r\n\r\n// todo verify if we can just use the point class here\r\n/**\r\n * Calc length from point x1,y1 to x2,y2\r\n * @param {Number} x1 starting point x\r\n * @param {Number} y1 starting point y\r\n * @param {Number} x2 starting point x\r\n * @param {Number} y2 starting point y\r\n * @return {Number} length of segment\r\n */\r\nconst calcLineLength = (x1, y1, x2, y2) =>\r\n Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);\r\n\r\nconst getPointOnCubicBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const c1 = CB1(pct),\r\n c2 = CB2(pct),\r\n c3 = CB3(pct),\r\n c4 = CB4(pct);\r\n return {\r\n x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4,\r\n y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4,\r\n };\r\n };\r\n\r\nconst QB1 = (t) => t ** 2;\r\nconst QB2 = (t) => 2 * t * (1 - t);\r\nconst QB3 = (t) => (1 - t) ** 2;\r\n\r\nconst getTangentCubicIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => {\r\n const qb1 = QB1(pct),\r\n qb2 = QB2(pct),\r\n qb3 = QB3(pct),\r\n tangentX =\r\n 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)),\r\n tangentY =\r\n 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y));\r\n return Math.atan2(tangentY, tangentX);\r\n };\r\n\r\nconst getPointOnQuadraticBezierIterator =\r\n (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const c1 = QB1(pct),\r\n c2 = QB2(pct),\r\n c3 = QB3(pct);\r\n return {\r\n x: p3x * c1 + p2x * c2 + p1x * c3,\r\n y: p3y * c1 + p2y * c2 + p1y * c3,\r\n };\r\n };\r\n\r\nconst getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => {\r\n const invT = 1 - pct,\r\n tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)),\r\n tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y));\r\n return Math.atan2(tangentY, tangentX);\r\n};\r\n\r\n// this will run over a path segment ( a cubic or quadratic segment) and approximate it\r\n// with 100 segemnts. This will good enough to calculate the length of the curve\r\nconst pathIterator = (iterator, x1, y1) => {\r\n let tempP = { x: x1, y: y1 },\r\n tmpLen = 0;\r\n for (let perc = 1; perc <= 100; perc += 1) {\r\n const p = iterator(perc / 100);\r\n tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n tempP = p;\r\n }\r\n return tmpLen;\r\n};\r\n\r\n/**\r\n * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1\r\n * that correspond to that pixels run over the path.\r\n * The percentage will be then used to find the correct point on the canvas for the path.\r\n * @param {Array} segInfo fabricJS collection of information on a parsed path\r\n * @param {Number} distance from starting point, in pixels.\r\n * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point;\r\n */\r\nconst findPercentageForDistance = (segInfo, distance) => {\r\n let perc = 0,\r\n tmpLen = 0,\r\n tempP = { x: segInfo.x, y: segInfo.y },\r\n p,\r\n nextLen,\r\n nextStep = 0.01,\r\n lastPerc;\r\n // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100\r\n // the path\r\n const iterator = segInfo.iterator,\r\n angleFinder = segInfo.angleFinder;\r\n while (tmpLen < distance && nextStep > 0.0001) {\r\n p = iterator(perc);\r\n lastPerc = perc;\r\n nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y);\r\n // compare tmpLen each cycle with distance, decide next perc to test.\r\n if (nextLen + tmpLen > distance) {\r\n // we discard this step and we make smaller steps.\r\n perc -= nextStep;\r\n nextStep /= 2;\r\n } else {\r\n tempP = p;\r\n perc += nextStep;\r\n tmpLen += nextLen;\r\n }\r\n }\r\n p.angle = angleFinder(lastPerc);\r\n return p;\r\n};\r\n\r\n/**\r\n * Run over a parsed and simplifed path and extract some informations.\r\n * informations are length of each command and starting point\r\n * @param {Array} path fabricJS parsed path commands\r\n * @return {Array} path commands informations\r\n */\r\nexport const getPathSegmentsInfo = (path) => {\r\n let totalLength = 0,\r\n current,\r\n //x2 and y2 are the coords of segment start\r\n //x1 and y1 are the coords of the current point\r\n x1 = 0,\r\n y1 = 0,\r\n x2 = 0,\r\n y2 = 0,\r\n iterator,\r\n tempInfo,\r\n angleFinder;\r\n const len = path.length,\r\n info = [];\r\n for (let i = 0; i < len; i++) {\r\n current = path[i];\r\n tempInfo = {\r\n x: x1,\r\n y: y1,\r\n command: current[0],\r\n };\r\n switch (\r\n current[0] //first letter\r\n ) {\r\n case 'M':\r\n tempInfo.length = 0;\r\n x2 = x1 = current[1];\r\n y2 = y1 = current[2];\r\n break;\r\n case 'L':\r\n tempInfo.length = calcLineLength(x1, y1, current[1], current[2]);\r\n x1 = current[1];\r\n y1 = current[2];\r\n break;\r\n case 'C':\r\n iterator = getPointOnCubicBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n angleFinder = getTangentCubicIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[5];\r\n y1 = current[6];\r\n break;\r\n case 'Q':\r\n iterator = getPointOnQuadraticBezierIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n angleFinder = getTangentQuadraticIterator(\r\n x1,\r\n y1,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n );\r\n tempInfo.iterator = iterator;\r\n tempInfo.angleFinder = angleFinder;\r\n tempInfo.length = pathIterator(iterator, x1, y1);\r\n x1 = current[3];\r\n y1 = current[4];\r\n break;\r\n case 'Z':\r\n case 'z':\r\n // we add those in order to ease calculations later\r\n tempInfo.destX = x2;\r\n tempInfo.destY = y2;\r\n tempInfo.length = calcLineLength(x1, y1, x2, y2);\r\n x1 = x2;\r\n y1 = y2;\r\n break;\r\n }\r\n totalLength += tempInfo.length;\r\n info.push(tempInfo);\r\n }\r\n info.push({ length: totalLength, x: x1, y: y1 });\r\n return info;\r\n};\r\n\r\nexport const getPointOnPath = (path, distance, infos) => {\r\n if (!infos) {\r\n infos = getPathSegmentsInfo(path);\r\n }\r\n let i = 0;\r\n while (distance - infos[i].length > 0 && i < infos.length - 2) {\r\n distance -= infos[i].length;\r\n i++;\r\n }\r\n // var distance = infos[infos.length - 1] * perc;\r\n const segInfo = infos[i],\r\n segPercent = distance / segInfo.length,\r\n command = segInfo.command,\r\n segment = path[i];\r\n let info;\r\n\r\n switch (command) {\r\n case 'M':\r\n return { x: segInfo.x, y: segInfo.y, angle: 0 };\r\n case 'Z':\r\n case 'z':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segInfo.destX, segInfo.destY),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(\r\n segInfo.destY - segInfo.y,\r\n segInfo.destX - segInfo.x\r\n );\r\n return info;\r\n case 'L':\r\n info = new Point(segInfo.x, segInfo.y).lerp(\r\n new Point(segment[1], segment[2]),\r\n segPercent\r\n );\r\n info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x);\r\n return info;\r\n case 'C':\r\n return findPercentageForDistance(segInfo, distance);\r\n case 'Q':\r\n return findPercentageForDistance(segInfo, distance);\r\n }\r\n};\r\n\r\n/**\r\n *\r\n * @param {string} pathString\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n * @example Usage\r\n * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [\r\n * ['M', 3, 4],\r\n * ['Q', 3, 5, 2, 1, 4, 0],\r\n * ['Q', 9, 12, 2, 1, 4, 0],\r\n * ];\r\n *\r\n */\r\nexport const parsePath = (pathString) => {\r\n // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values)\r\n const re = rePathCommand,\r\n rNumber = '[-+]?(?:\\\\d*\\\\.\\\\d+|\\\\d+\\\\.?)(?:[eE][-+]?\\\\d+)?\\\\s*',\r\n rNumberCommaWsp = `(${rNumber})${commaWsp}`,\r\n rFlagCommaWsp = `([01])${commaWsp}?`,\r\n rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`,\r\n regArcArgumentSequence = new RegExp(rArcSeq, 'g'),\r\n result = [];\r\n\r\n if (!pathString || !pathString.match) {\r\n return result;\r\n }\r\n const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi);\r\n\r\n for (let i = 0, len = path.length; i < len; i++) {\r\n const currentPath = path[i];\r\n const coordsStr = currentPath.slice(1).trim();\r\n const coords = [];\r\n let command = currentPath.charAt(0);\r\n const coordsParsed = [command];\r\n\r\n if (command.toLowerCase() === 'a') {\r\n // arcs have special flags that apparently don't require spaces so handle special\r\n for (let args; (args = regArcArgumentSequence.exec(coordsStr)); ) {\r\n for (let j = 1; j < args.length; j++) {\r\n coords.push(args[j]);\r\n }\r\n }\r\n } else {\r\n let match;\r\n while ((match = re.exec(coordsStr))) {\r\n coords.push(match[0]);\r\n }\r\n }\r\n\r\n for (let j = 0, jlen = coords.length; j < jlen; j++) {\r\n const parsed = parseFloat(coords[j]);\r\n if (!isNaN(parsed)) {\r\n coordsParsed.push(parsed);\r\n }\r\n }\r\n\r\n const commandLength = commandLengths[command.toLowerCase()],\r\n repeatedCommand = repeatedCommands[command] || command;\r\n\r\n if (coordsParsed.length - 1 > commandLength) {\r\n for (\r\n let k = 1, klen = coordsParsed.length;\r\n k < klen;\r\n k += commandLength\r\n ) {\r\n result.push([command].concat(coordsParsed.slice(k, k + commandLength)));\r\n command = repeatedCommand;\r\n }\r\n } else {\r\n result.push(coordsParsed);\r\n }\r\n }\r\n return result;\r\n};\r\n\r\n/**\r\n *\r\n * Converts points to a smooth SVG path\r\n * @param {{ x: number,y: number }[]} points Array of points\r\n * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value.\r\n * @return {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getSmoothPathFromPoints = (points, correction = 0) => {\r\n let p1 = new Point(points[0]),\r\n p2 = new Point(points[1]),\r\n multSignX = 1,\r\n multSignY = 0;\r\n const path = [],\r\n len = points.length,\r\n manyPoints = len > 2;\r\n\r\n if (manyPoints) {\r\n multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1;\r\n multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1;\r\n }\r\n path.push([\r\n 'M',\r\n p1.x - multSignX * correction,\r\n p1.y - multSignY * correction,\r\n ]);\r\n let i;\r\n for (i = 1; i < len; i++) {\r\n if (!p1.eq(p2)) {\r\n const midPoint = p1.midPointFrom(p2);\r\n // p1 is our bezier control point\r\n // midpoint is our endpoint\r\n // start point is p(i-1) value.\r\n path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]);\r\n }\r\n p1 = points[i];\r\n if (i + 1 < points.length) {\r\n p2 = points[i + 1];\r\n }\r\n }\r\n if (manyPoints) {\r\n multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1;\r\n multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1;\r\n }\r\n path.push([\r\n 'L',\r\n p1.x + multSignX * correction,\r\n p1.y + multSignY * correction,\r\n ]);\r\n return path;\r\n};\r\n\r\n/**\r\n * Transform a path by transforming each segment.\r\n * it has to be a simplified path or it won't work.\r\n * WARNING: this depends from pathOffset for correct operation\r\n * @param {Array} path fabricJS parsed and simplified path commands\r\n * @param {Array} transform matrix that represent the transformation\r\n * @param {Object} [pathOffset] the fabric.Path pathOffset\r\n * @param {Number} pathOffset.x\r\n * @param {Number} pathOffset.y\r\n * @returns {Array} the transformed path\r\n */\r\nexport const transformPath = (path, transform, pathOffset) => {\r\n if (pathOffset) {\r\n transform = multiplyTransformMatrices(transform, [\r\n 1,\r\n 0,\r\n 0,\r\n 1,\r\n -pathOffset.x,\r\n -pathOffset.y,\r\n ]);\r\n }\r\n return path.map((pathSegment) => {\r\n const newSegment = pathSegment.slice(0);\r\n for (let i = 1; i < pathSegment.length - 1; i += 2) {\r\n const { x, y } = transformPoint(\r\n {\r\n x: pathSegment[i],\r\n y: pathSegment[i + 1],\r\n },\r\n transform\r\n );\r\n newSegment[i] = x;\r\n newSegment[i + 1] = y;\r\n }\r\n return newSegment;\r\n });\r\n};\r\n\r\n/**\r\n * Returns an array of path commands to create a regular polygon\r\n * @param {number} radius\r\n * @param {number} numVertexes\r\n * @returns {(string|number)[][]} An array of SVG path commands\r\n */\r\nexport const getRegularPolygonPath = (numVertexes, radius) => {\r\n const interiorAngle = (Math.PI * 2) / numVertexes;\r\n // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom\r\n // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn\r\n let rotationAdjustment = -halfPI;\r\n if (numVertexes % 2 === 0) {\r\n rotationAdjustment += interiorAngle / 2;\r\n }\r\n const d = new Array(numVertexes + 1);\r\n for (let i = 0; i < numVertexes; i++) {\r\n const rad = i * interiorAngle + rotationAdjustment;\r\n const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius);\r\n d[i] = [i === 0 ? 'M' : 'L', x, y];\r\n }\r\n d[numVertexes] = ['Z'];\r\n return d;\r\n};\r\n\r\n/**\r\n * Join path commands to go back to svg format\r\n * @param {Array} pathData fabricJS parsed path commands\r\n * @return {String} joined path 'M 0 0 L 20 30'\r\n */\r\nexport const joinPath = (pathData) =>\r\n pathData.map((segment) => segment.join(' ')).join(' ');\r\n","//@ts-nocheck\r\n// TODO this file needs to go away, cross browser style support is not fabricjs domain.\r\n\r\n/**\r\n * wrapper for setting element's style\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {Object | string} styles\r\n */\r\nexport function setStyle(element, styles) {\r\n const elementStyle = element.style;\r\n if (!elementStyle) {\r\n return;\r\n } else if (typeof styles === 'string') {\r\n element.style.cssText += ';' + styles;\r\n } else {\r\n Object.entries(styles).forEach(([property, value]) =>\r\n elementStyle.setProperty(property, value)\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n * Cross-browser abstraction for sending XMLHttpRequest\r\n * @memberOf fabric.util\r\n * @deprecated this has to go away, we can use a modern browser method to do the same.\r\n * @param {String} url URL to send XMLHttpRequest to\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.method=\"GET\"]\r\n * @param {Record} [options.parameters] parameters to append to url in GET or in body\r\n * @param {String} [options.body] body to send with POST or PUT request\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} options.onComplete Callback to invoke when request is completed\r\n * @return {XMLHttpRequest} request\r\n */\r\nexport function request(url, options = {}) {\r\n const method = options.method ? options.method.toUpperCase() : 'GET',\r\n onComplete = options.onComplete || noop,\r\n xhr = new fabric.window.XMLHttpRequest(),\r\n body = options.body || options.parameters,\r\n signal = options.signal,\r\n abort = function () {\r\n xhr.abort();\r\n },\r\n removeListener = function () {\r\n signal && signal.removeEventListener('abort', abort);\r\n xhr.onerror = xhr.ontimeout = noop;\r\n };\r\n\r\n if (signal && signal.aborted) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n } else if (signal) {\r\n signal.addEventListener('abort', abort, { once: true });\r\n }\r\n\r\n /** @ignore */\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState === 4) {\r\n removeListener();\r\n onComplete(xhr);\r\n xhr.onreadystatechange = noop;\r\n }\r\n };\r\n\r\n xhr.onerror = xhr.ontimeout = removeListener;\r\n\r\n if (method === 'GET' && options.parameters) {\r\n const { origin, pathname, searchParams } = new URL(url);\r\n url = `${origin}${pathname}?${new URLSearchParams([\r\n ...Array.from(searchParams.entries()),\r\n ...Object.entries(options.parameters),\r\n ])}`;\r\n }\r\n\r\n xhr.open(method, url, true);\r\n\r\n if (method === 'POST' || method === 'PUT') {\r\n xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\r\n }\r\n\r\n xhr.send(method === 'GET' ? null : body);\r\n return xhr;\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\nconst touchEvents = ['touchstart', 'touchmove', 'touchend'];\r\n\r\n/**\r\n * Adds an event listener to an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const addListener = (element, eventName, handler, options) =>\r\n element && element.addEventListener(eventName, handler, options);\r\n\r\n/**\r\n * Removes an event listener from an element\r\n * @function\r\n * @deprecated\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element\r\n * @param {String} eventName\r\n * @param {Function} handler\r\n */\r\nexport const removeListener = (element, eventName, handler, options) =>\r\n element && element.removeEventListener(eventName, handler, options);\r\n\r\nfunction getTouchInfo(event) {\r\n const touchProp = event.changedTouches;\r\n if (touchProp && touchProp[0]) {\r\n return touchProp[0];\r\n }\r\n return event;\r\n}\r\n\r\nexport const getPointer = (event) => {\r\n const element = event.target,\r\n scroll = fabric.util.getScrollLeftTop(element),\r\n _evt = getTouchInfo(event);\r\n return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top);\r\n};\r\n\r\nexport const isTouchEvent = (event) =>\r\n touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch';\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Wraps element with another element\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to wrap\r\n * @param {HTMLElement|String} wrapper Element to wrap with\r\n * @param {Object} [attributes] Attributes to set on a wrapper\r\n * @return {HTMLElement} wrapper\r\n */\r\nexport function wrapElement(element, wrapper) {\r\n if (element.parentNode) {\r\n element.parentNode.replaceChild(wrapper, element);\r\n }\r\n wrapper.appendChild(element);\r\n return wrapper;\r\n}\r\n\r\n/**\r\n * Returns element scroll offsets\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to operate on\r\n * @return {Object} Object with left/top values\r\n */\r\nexport function getScrollLeftTop(element) {\r\n let left = 0,\r\n top = 0;\r\n\r\n const docElement = fabric.document.documentElement,\r\n body = fabric.document.body || {\r\n scrollLeft: 0,\r\n scrollTop: 0,\r\n };\r\n // While loop checks (and then sets element to) .parentNode OR .host\r\n // to account for ShadowDOM. We still want to traverse up out of ShadowDOM,\r\n // but the .parentNode of a root ShadowDOM node will always be null, instead\r\n // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938\r\n while (element && (element.parentNode || element.host)) {\r\n // Set element to element parent, or 'host' in case of ShadowDOM\r\n element = element.parentNode || element.host;\r\n\r\n if (element === fabric.document) {\r\n left = body.scrollLeft || docElement.scrollLeft || 0;\r\n top = body.scrollTop || docElement.scrollTop || 0;\r\n } else {\r\n left += element.scrollLeft || 0;\r\n top += element.scrollTop || 0;\r\n }\r\n\r\n if (element.nodeType === 1 && element.style.position === 'fixed') {\r\n break;\r\n }\r\n }\r\n\r\n return { left, top };\r\n}\r\n\r\n/**\r\n * Returns offset for a given element\r\n * @function\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to get offset for\r\n * @return {Object} Object with \"left\" and \"top\" properties\r\n */\r\nexport function getElementOffset(element) {\r\n let box = { left: 0, top: 0 };\r\n const doc = element && element.ownerDocument,\r\n offset = { left: 0, top: 0 },\r\n offsetAttributes = {\r\n borderLeftWidth: 'left',\r\n borderTopWidth: 'top',\r\n paddingLeft: 'left',\r\n paddingTop: 'top',\r\n };\r\n\r\n if (!doc) {\r\n return offset;\r\n }\r\n const elemStyle = fabric.document.defaultView.getComputedStyle(element, null);\r\n for (const attr in offsetAttributes) {\r\n offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0;\r\n }\r\n\r\n const docElem = doc.documentElement;\r\n if (typeof element.getBoundingClientRect !== 'undefined') {\r\n box = element.getBoundingClientRect();\r\n }\r\n\r\n const scrollLeftTop = getScrollLeftTop(element);\r\n\r\n return {\r\n left:\r\n box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left,\r\n top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top,\r\n };\r\n}\r\n\r\n/**\r\n * Makes element unselectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make unselectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementUnselectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = () => false;\r\n }\r\n element.style.userSelect = 'none';\r\n return element;\r\n}\r\n\r\n/**\r\n * Makes element selectable\r\n * @memberOf fabric.util\r\n * @param {HTMLElement} element Element to make selectable\r\n * @return {HTMLElement} Element that was passed in\r\n */\r\nexport function makeElementSelectable(element) {\r\n if (typeof element.onselectstart !== 'undefined') {\r\n element.onselectstart = null;\r\n }\r\n element.style.userSelect = '';\r\n return element;\r\n}\r\n\r\nexport function getNodeCanvas(element) {\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n return impl._canvas || impl._image;\r\n}\r\n\r\nexport function cleanUpJsdomNode(element) {\r\n if (!fabric.isLikelyNode) {\r\n return;\r\n }\r\n const impl = fabric.jsdomImplForWrapper(element);\r\n if (impl) {\r\n impl._image = null;\r\n impl._canvas = null;\r\n // unsure if necessary\r\n impl._currentSrc = null;\r\n impl._attributes = null;\r\n impl._classList = null;\r\n }\r\n}\r\n","/**\r\n * Returns true if context has transparent pixel\r\n * at specified location (taking tolerance into account)\r\n * @param {CanvasRenderingContext2D} ctx context\r\n * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space\r\n * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance\r\n * @return {boolean} true if transparent\r\n */\r\nexport const isTransparent = (\r\n ctx: CanvasRenderingContext2D,\r\n x: number,\r\n y: number,\r\n tolerance: number\r\n): boolean => {\r\n // If tolerance is > 0 adjust start coords to take into account.\r\n // If moves off Canvas fix to 0\r\n if (tolerance > 0) {\r\n if (x > tolerance) {\r\n x -= tolerance;\r\n } else {\r\n x = 0;\r\n }\r\n if (y > tolerance) {\r\n y -= tolerance;\r\n } else {\r\n y = 0;\r\n }\r\n }\r\n\r\n let _isTransparent = true;\r\n const { data } = ctx.getImageData(\r\n x,\r\n y,\r\n tolerance * 2 || 1,\r\n tolerance * 2 || 1\r\n );\r\n const l = data.length;\r\n\r\n // Split image data - for tolerance > 1, pixelDataSize = 4;\r\n for (let i = 3; i < l; i += 4) {\r\n const alphaChannel = data[i];\r\n if (alphaChannel > 0) {\r\n // Stop if colour found\r\n _isTransparent = false;\r\n break;\r\n }\r\n }\r\n\r\n return _isTransparent;\r\n};\r\n","import { fabric } from '../../../HEADER';\r\nimport { TObject } from '../../__types__';\r\nimport { sendObjectToPlane } from './planeChange';\r\n\r\n/**\r\n * Merges 2 clip paths into one visually equal clip path\r\n *\r\n * **IMPORTANT**:\\\r\n * Does **NOT** clone the arguments, clone them proir if necessary.\r\n *\r\n * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap.\r\n * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible.\r\n *\r\n * In order to handle the `inverted` property we follow logic described in the following cases:\\\r\n * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\\\r\n * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\\\r\n * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged.\r\n *\r\n * @memberOf fabric.util\r\n * @param {fabric.Object} c1\r\n * @param {fabric.Object} c2\r\n * @returns {fabric.Object} merged clip path\r\n */\r\nexport const mergeClipPaths = (c1: TObject, c2: TObject) => {\r\n let a = c1,\r\n b = c2;\r\n if (a.inverted && !b.inverted) {\r\n // case (2)\r\n a = c2;\r\n b = c1;\r\n }\r\n // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane\r\n sendObjectToPlane(b, b.group?.calcTransformMatrix(), a.calcTransformMatrix());\r\n // assign the `inverted` prop to the wrapping group\r\n const inverted = a.inverted && b.inverted;\r\n if (inverted) {\r\n // case (1)\r\n a.inverted = b.inverted = false;\r\n }\r\n return new fabric.Group([a], { clipPath: b, inverted });\r\n};\r\n","import { twoMathPi, halfPI } from '../constants';\r\n\r\ntype TEasingFunction = (\r\n currentTime: number,\r\n startValue: number,\r\n byValue: number,\r\n duration: number\r\n) => number;\r\n\r\n/**\r\n * Easing functions\r\n * See Easing Equations by Robert Penner\r\n * @namespace fabric.util.ease\r\n */\r\n\r\nconst normalize = (a: number, c: number, p: number, s: number) => {\r\n if (a < Math.abs(c)) {\r\n a = c;\r\n s = p / 4;\r\n } else {\r\n //handle the 0/0 case:\r\n if (c === 0 && a === 0) {\r\n s = (p / twoMathPi) * Math.asin(1);\r\n } else {\r\n s = (p / twoMathPi) * Math.asin(c / a);\r\n }\r\n }\r\n return { a, c, p, s };\r\n};\r\n\r\nconst elastic = (\r\n a: number,\r\n s: number,\r\n p: number,\r\n t: number,\r\n d: number\r\n): number =>\r\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\r\n\r\n/**\r\n * Cubic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 2 + 1) + b;\r\n\r\n/**\r\n * Cubic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 3 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 2 + 2) + b;\r\n};\r\n\r\n/**\r\n * Quartic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 3 + b;\r\n\r\n/**\r\n * Quartic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\r\n -c * ((t = t / d - 1) * t ** 3 - 1) + b;\r\n\r\n/**\r\n * Quartic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 4 + b;\r\n }\r\n return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b;\r\n};\r\n\r\n/**\r\n * Quintic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t ** 4 + b;\r\n\r\n/**\r\n * Quintic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\r\n c * ((t /= d - 1) * t ** 4 + 1) + b;\r\n\r\n/**\r\n * Quintic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 5 + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t ** 4 + 2) + b;\r\n};\r\n\r\n/**\r\n * Sinusoidal easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * halfPI) + c + b;\r\n\r\n/**\r\n * Sinusoidal easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sin((t / d) * halfPI) + b;\r\n\r\n/**\r\n * Sinusoidal easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\r\n (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b;\r\n\r\n/**\r\n * Exponential easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\r\n t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b;\r\n\r\n/**\r\n * Exponential easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\r\n t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b;\r\n\r\n/**\r\n * Exponential easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\r\n if (t === 0) {\r\n return b;\r\n }\r\n if (t === d) {\r\n return b + c;\r\n }\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * 2 ** (10 * (t - 1)) + b;\r\n }\r\n return (c / 2) * -(2 ** (-10 * --t) + 2) + b;\r\n};\r\n\r\n/**\r\n * Circular easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\r\n -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;\r\n\r\n/**\r\n * Circular easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\r\n c * Math.sqrt(1 - (t = t / d - 1) * t) + b;\r\n\r\n/**\r\n * Circular easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b;\r\n }\r\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\r\n return -elastic(normA, normS, normP, t, d) + b;\r\n};\r\n\r\n/**\r\n * Elastic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d;\r\n if (t === 1) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * 0.3;\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n return (\r\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Elastic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\r\n const s = 1.70158,\r\n a = c;\r\n let p = 0;\r\n if (t === 0) {\r\n return b;\r\n }\r\n t /= d / 2;\r\n if (t === 2) {\r\n return b + c;\r\n }\r\n if (!p) {\r\n p = d * (0.3 * 1.5);\r\n }\r\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\r\n if (t < 1) {\r\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\r\n }\r\n return (\r\n normA *\r\n Math.pow(2, -10 * (t -= 1)) *\r\n Math.sin(((t * d - normS) * twoMathPi) / normP) *\r\n 0.5 +\r\n normC +\r\n b\r\n );\r\n};\r\n\r\n/**\r\n * Backwards easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * (t /= d) * t * ((s + 1) * t - s) + b;\r\n\r\n/**\r\n * Backwards easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\r\n c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\r\n\r\n/**\r\n * Backwards easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b;\r\n }\r\n return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;\r\n};\r\n\r\n/**\r\n * Bouncing easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\r\n if ((t /= d) < 1 / 2.75) {\r\n return c * (7.5625 * t * t) + b;\r\n } else if (t < 2 / 2.75) {\r\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\r\n } else if (t < 2.5 / 2.75) {\r\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\r\n } else {\r\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\r\n }\r\n};\r\n\r\n/**\r\n * Bouncing easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\r\n c - easeOutBounce(d - t, 0, c, d) + b;\r\n\r\n/**\r\n * Bouncing easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\r\n t < d / 2\r\n ? easeInBounce(t * 2, 0, c, d) * 0.5 + b\r\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\r\n\r\n/**\r\n * Quadratic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c * (t /= d) * t + b;\r\n\r\n/**\r\n * Quadratic easing out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\r\n -c * (t /= d) * (t - 2) + b;\r\n\r\n/**\r\n * Quadratic easing in and out\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) * t ** 2 + b;\r\n }\r\n return (-c / 2) * (--t * (t - 2) - 1) + b;\r\n};\r\n\r\n/**\r\n * Cubic easing in\r\n * @memberOf fabric.util.ease\r\n */\r\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\r\n c * (t /= d) * t * t + b;\r\n","/**\r\n * Map of the 148 color names with HEX code\r\n * @see: https://www.w3.org/TR/css3-color/#svg-color\r\n */\r\nexport const ColorNameMap = {\r\n aliceblue: '#F0F8FF',\r\n antiquewhite: '#FAEBD7',\r\n aqua: '#00FFFF',\r\n aquamarine: '#7FFFD4',\r\n azure: '#F0FFFF',\r\n beige: '#F5F5DC',\r\n bisque: '#FFE4C4',\r\n black: '#000000',\r\n blanchedalmond: '#FFEBCD',\r\n blue: '#0000FF',\r\n blueviolet: '#8A2BE2',\r\n brown: '#A52A2A',\r\n burlywood: '#DEB887',\r\n cadetblue: '#5F9EA0',\r\n chartreuse: '#7FFF00',\r\n chocolate: '#D2691E',\r\n coral: '#FF7F50',\r\n cornflowerblue: '#6495ED',\r\n cornsilk: '#FFF8DC',\r\n crimson: '#DC143C',\r\n cyan: '#00FFFF',\r\n darkblue: '#00008B',\r\n darkcyan: '#008B8B',\r\n darkgoldenrod: '#B8860B',\r\n darkgray: '#A9A9A9',\r\n darkgrey: '#A9A9A9',\r\n darkgreen: '#006400',\r\n darkkhaki: '#BDB76B',\r\n darkmagenta: '#8B008B',\r\n darkolivegreen: '#556B2F',\r\n darkorange: '#FF8C00',\r\n darkorchid: '#9932CC',\r\n darkred: '#8B0000',\r\n darksalmon: '#E9967A',\r\n darkseagreen: '#8FBC8F',\r\n darkslateblue: '#483D8B',\r\n darkslategray: '#2F4F4F',\r\n darkslategrey: '#2F4F4F',\r\n darkturquoise: '#00CED1',\r\n darkviolet: '#9400D3',\r\n deeppink: '#FF1493',\r\n deepskyblue: '#00BFFF',\r\n dimgray: '#696969',\r\n dimgrey: '#696969',\r\n dodgerblue: '#1E90FF',\r\n firebrick: '#B22222',\r\n floralwhite: '#FFFAF0',\r\n forestgreen: '#228B22',\r\n fuchsia: '#FF00FF',\r\n gainsboro: '#DCDCDC',\r\n ghostwhite: '#F8F8FF',\r\n gold: '#FFD700',\r\n goldenrod: '#DAA520',\r\n gray: '#808080',\r\n grey: '#808080',\r\n green: '#008000',\r\n greenyellow: '#ADFF2F',\r\n honeydew: '#F0FFF0',\r\n hotpink: '#FF69B4',\r\n indianred: '#CD5C5C',\r\n indigo: '#4B0082',\r\n ivory: '#FFFFF0',\r\n khaki: '#F0E68C',\r\n lavender: '#E6E6FA',\r\n lavenderblush: '#FFF0F5',\r\n lawngreen: '#7CFC00',\r\n lemonchiffon: '#FFFACD',\r\n lightblue: '#ADD8E6',\r\n lightcoral: '#F08080',\r\n lightcyan: '#E0FFFF',\r\n lightgoldenrodyellow: '#FAFAD2',\r\n lightgray: '#D3D3D3',\r\n lightgrey: '#D3D3D3',\r\n lightgreen: '#90EE90',\r\n lightpink: '#FFB6C1',\r\n lightsalmon: '#FFA07A',\r\n lightseagreen: '#20B2AA',\r\n lightskyblue: '#87CEFA',\r\n lightslategray: '#778899',\r\n lightslategrey: '#778899',\r\n lightsteelblue: '#B0C4DE',\r\n lightyellow: '#FFFFE0',\r\n lime: '#00FF00',\r\n limegreen: '#32CD32',\r\n linen: '#FAF0E6',\r\n magenta: '#FF00FF',\r\n maroon: '#800000',\r\n mediumaquamarine: '#66CDAA',\r\n mediumblue: '#0000CD',\r\n mediumorchid: '#BA55D3',\r\n mediumpurple: '#9370DB',\r\n mediumseagreen: '#3CB371',\r\n mediumslateblue: '#7B68EE',\r\n mediumspringgreen: '#00FA9A',\r\n mediumturquoise: '#48D1CC',\r\n mediumvioletred: '#C71585',\r\n midnightblue: '#191970',\r\n mintcream: '#F5FFFA',\r\n mistyrose: '#FFE4E1',\r\n moccasin: '#FFE4B5',\r\n navajowhite: '#FFDEAD',\r\n navy: '#000080',\r\n oldlace: '#FDF5E6',\r\n olive: '#808000',\r\n olivedrab: '#6B8E23',\r\n orange: '#FFA500',\r\n orangered: '#FF4500',\r\n orchid: '#DA70D6',\r\n palegoldenrod: '#EEE8AA',\r\n palegreen: '#98FB98',\r\n paleturquoise: '#AFEEEE',\r\n palevioletred: '#DB7093',\r\n papayawhip: '#FFEFD5',\r\n peachpuff: '#FFDAB9',\r\n peru: '#CD853F',\r\n pink: '#FFC0CB',\r\n plum: '#DDA0DD',\r\n powderblue: '#B0E0E6',\r\n purple: '#800080',\r\n rebeccapurple: '#663399',\r\n red: '#FF0000',\r\n rosybrown: '#BC8F8F',\r\n royalblue: '#4169E1',\r\n saddlebrown: '#8B4513',\r\n salmon: '#FA8072',\r\n sandybrown: '#F4A460',\r\n seagreen: '#2E8B57',\r\n seashell: '#FFF5EE',\r\n sienna: '#A0522D',\r\n silver: '#C0C0C0',\r\n skyblue: '#87CEEB',\r\n slateblue: '#6A5ACD',\r\n slategray: '#708090',\r\n slategrey: '#708090',\r\n snow: '#FFFAFA',\r\n springgreen: '#00FF7F',\r\n steelblue: '#4682B4',\r\n tan: '#D2B48C',\r\n teal: '#008080',\r\n thistle: '#D8BFD8',\r\n tomato: '#FF6347',\r\n turquoise: '#40E0D0',\r\n violet: '#EE82EE',\r\n wheat: '#F5DEB3',\r\n white: '#FFFFFF',\r\n whitesmoke: '#F5F5F5',\r\n yellow: '#FFFF00',\r\n yellowgreen: '#9ACD32',\r\n};\r\n","/**\r\n * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\n// eslint-disable-next-line max-len\r\nexport const reRGBa =\r\n /^rgba?\\(\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*,\\s*(\\d{1,3}(?:\\.\\d+)?%?)\\s*(?:\\s*,\\s*((?:\\d*\\.?\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 ))\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHSLa =\r\n /^hsla?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3}%)\\s*,\\s*(\\d{1,3}%)\\s*(?:\\s*,\\s*(\\d+(?:\\.\\d+)?)\\s*)?\\)$/i;\r\n\r\n/**\r\n * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff)\r\n * @static\r\n * @field\r\n * @memberOf Color\r\n */\r\nexport const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;\r\n","/**\r\n * @private\r\n * @param {Number} p\r\n * @param {Number} q\r\n * @param {Number} t\r\n * @return {Number}\r\n */\r\nexport function hue2rgb(p: number, q: number, t: number): number {\r\n if (t < 0) {\r\n t += 1;\r\n }\r\n if (t > 1) {\r\n t -= 1;\r\n }\r\n if (t < 1 / 6) {\r\n return p + (q - p) * 6 * t;\r\n }\r\n if (t < 1 / 2) {\r\n return q;\r\n }\r\n if (t < 2 / 3) {\r\n return p + (q - p) * (2 / 3 - t) * 6;\r\n }\r\n return p;\r\n}\r\n\r\n/**\r\n * Convert a [0, 255] value to hex\r\n * @param value\r\n * @returns\r\n */\r\nexport function hexify(value: number) {\r\n const hexValue = value.toString(16).toUpperCase();\r\n return hexValue.length === 1 ? `0${hexValue}` : hexValue;\r\n}\r\n","//@ts-nocheck\r\nimport { ColorNameMap } from './color_map';\r\nimport { reHSLa, reHex, reRGBa } from './constants';\r\nimport { hue2rgb, hexify } from './util';\r\n\r\ntype TColorSource = [number, number, number];\r\n\r\ntype TColorAlphaSource = [number, number, number, number];\r\n\r\n/**\r\n * @class Color common color operations\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}\r\n */\r\nexport class Color {\r\n private _source: TColorAlphaSource;\r\n\r\n /**\r\n *\r\n * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list\r\n */\r\n constructor(color?: string) {\r\n if (!color) {\r\n this.setSource([0, 0, 0, 1]);\r\n } else {\r\n this._tryParsingColor(color);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} [color] Color value to parse\r\n */\r\n _tryParsingColor(color?: string) {\r\n if (color in ColorNameMap) {\r\n color = ColorNameMap[color];\r\n }\r\n\r\n const source =\r\n color === 'transparent'\r\n ? [255, 255, 255, 0]\r\n : Color.sourceFromHex(color) ||\r\n Color.sourceFromRgb(color) ||\r\n Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does\r\n\r\n if (source) {\r\n this.setSource(source);\r\n }\r\n }\r\n\r\n /**\r\n * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson}\r\n * @private\r\n * @param {Number} r Red color value\r\n * @param {Number} g Green color value\r\n * @param {Number} b Blue color value\r\n * @return {TColorSource} Hsl color\r\n */\r\n _rgbToHsl(r: number, g: number, b: number): TColorSource {\r\n r /= 255;\r\n g /= 255;\r\n b /= 255;\r\n const maxValue = Math.max(r, g, b),\r\n minValue = Math.min(r, g, b);\r\n\r\n let h, s;\r\n const l = (maxValue + minValue) / 2;\r\n\r\n if (maxValue === minValue) {\r\n h = s = 0; // achromatic\r\n } else {\r\n const d = maxValue - minValue;\r\n s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue);\r\n switch (maxValue) {\r\n case r:\r\n h = (g - b) / d + (g < b ? 6 : 0);\r\n break;\r\n case g:\r\n h = (b - r) / d + 2;\r\n break;\r\n case b:\r\n h = (r - g) / d + 4;\r\n break;\r\n }\r\n h /= 6;\r\n }\r\n\r\n return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\r\n }\r\n\r\n /**\r\n * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @return {TColorAlphaSource}\r\n */\r\n getSource() {\r\n return this._source;\r\n }\r\n\r\n /**\r\n * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])\r\n * @param {TColorAlphaSource} source\r\n */\r\n setSource(source: TColorAlphaSource) {\r\n this._source = source;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGB format\r\n * @return {String} ex: rgb(0-255,0-255,0-255)\r\n */\r\n toRgb() {\r\n const source = this.getSource();\r\n return `rgb(${source[0]},${source[1]},${source[2]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in RGBA format\r\n * @return {String} ex: rgba(0-255,0-255,0-255,0-1)\r\n */\r\n toRgba() {\r\n const source = this.getSource();\r\n return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSL format\r\n * @return {String} ex: hsl(0-360,0%-100%,0%-100%)\r\n */\r\n toHsl() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HSLA format\r\n * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)\r\n */\r\n toHsla() {\r\n const source = this.getSource(),\r\n hsl = this._rgbToHsl(source[0], source[1], source[2]);\r\n\r\n return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEX format\r\n * @return {String} ex: FF5555\r\n */\r\n toHex() {\r\n const [r, g, b] = this.getSource();\r\n return `${hexify(r)}${hexify(g)}${hexify(b)}`;\r\n }\r\n\r\n /**\r\n * Returns color representation in HEXA format\r\n * @return {String} ex: FF5555CC\r\n */\r\n toHexa() {\r\n const source = this.getSource();\r\n return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`;\r\n }\r\n\r\n /**\r\n * Gets value of alpha channel for this color\r\n * @return {Number} 0-1\r\n */\r\n getAlpha() {\r\n return this.getSource()[3];\r\n }\r\n\r\n /**\r\n * Sets value of alpha channel for this color\r\n * @param {Number} alpha Alpha value 0-1\r\n * @return {Color} thisArg\r\n */\r\n setAlpha(alpha: number) {\r\n const source = this.getSource();\r\n source[3] = alpha;\r\n this.setSource(source);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its grayscale representation\r\n * @return {Color} thisArg\r\n */\r\n toGrayscale() {\r\n const source = this.getSource(),\r\n average = parseInt(\r\n (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0),\r\n 10\r\n ),\r\n currentAlpha = source[3];\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Transforms color to its black and white representation\r\n * @param {Number} threshold\r\n * @return {Color} thisArg\r\n */\r\n toBlackWhite(threshold: number) {\r\n const source = this.getSource(),\r\n currentAlpha = source[3];\r\n let average = Math.round(\r\n source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11\r\n );\r\n\r\n average = average < (threshold || 127) ? 0 : 255;\r\n this.setSource([average, average, average, currentAlpha]);\r\n return this;\r\n }\r\n\r\n /**\r\n * Overlays color with another color\r\n * @param {String|Color} otherColor\r\n * @return {Color} thisArg\r\n */\r\n overlayWith(otherColor: string | Color) {\r\n if (!(otherColor instanceof Color)) {\r\n otherColor = new Color(otherColor);\r\n }\r\n\r\n const result = [],\r\n alpha = this.getAlpha(),\r\n otherAlpha = 0.5,\r\n source = this.getSource(),\r\n otherSource = otherColor.getSource();\r\n\r\n for (let i = 0; i < 3; i++) {\r\n result.push(\r\n Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)\r\n );\r\n }\r\n\r\n result[3] = alpha;\r\n this.setSource(result);\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGB format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255)\r\n * @return {Color}\r\n */\r\n static fromRgb(color: string): Color {\r\n return Color.fromRgba(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in RGBA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromRgba(color: string): Color {\r\n return Color.fromSource(Color.sourceFromRgb(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format\r\n * @memberOf Color\r\n * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromRgb(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reRGBa);\r\n if (match) {\r\n const r =\r\n (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) *\r\n (/%$/.test(match[1]) ? 255 : 1),\r\n g =\r\n (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) *\r\n (/%$/.test(match[2]) ? 255 : 1),\r\n b =\r\n (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) *\r\n (/%$/.test(match[3]) ? 255 : 1);\r\n\r\n return [\r\n parseInt(r, 10),\r\n parseInt(g, 10),\r\n parseInt(b, 10),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSL format\r\n * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)\r\n * @memberOf Color\r\n * @return {Color}\r\n */\r\n static fromHsl(color: string): Color {\r\n return Color.fromHsla(color);\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HSLA format\r\n * @static\r\n * @function\r\n * @memberOf Color\r\n * @param {String} color\r\n * @return {Color}\r\n */\r\n static fromHsla(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHsl(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.\r\n * Adapted from https://github.com/mjijackson\r\n * @memberOf Color\r\n * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)\r\n * @return {TColorAlphaSource | undefined} source\r\n * @see http://http://www.w3.org/TR/css3-color/#hsl-color\r\n */\r\n static sourceFromHsl(color: string): TColorAlphaSource | undefined {\r\n const match = color.match(reHSLa);\r\n if (!match) {\r\n return;\r\n }\r\n\r\n const h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360,\r\n s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1),\r\n l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1);\r\n let r, g, b;\r\n\r\n if (s === 0) {\r\n r = g = b = l;\r\n } else {\r\n const q = l <= 0.5 ? l * (s + 1) : l + s - l * s,\r\n p = l * 2 - q;\r\n\r\n r = hue2rgb(p, q, h + 1 / 3);\r\n g = hue2rgb(p, q, h);\r\n b = hue2rgb(p, q, h - 1 / 3);\r\n }\r\n\r\n return [\r\n Math.round(r * 255),\r\n Math.round(g * 255),\r\n Math.round(b * 255),\r\n match[4] ? parseFloat(match[4]) : 1,\r\n ];\r\n }\r\n\r\n /**\r\n * Returns new color object, when given a color in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color Color value ex: FF5555\r\n * @return {Color}\r\n */\r\n static fromHex(color: string): Color {\r\n return Color.fromSource(Color.sourceFromHex(color));\r\n }\r\n\r\n /**\r\n * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format\r\n * @static\r\n * @memberOf Color\r\n * @param {String} color ex: FF5555 or FF5544CC (RGBa)\r\n * @return {TColorAlphaSource | undefined} source\r\n */\r\n static sourceFromHex(color: string): TColorAlphaSource | undefined {\r\n if (color.match(reHex)) {\r\n const value = color.slice(color.indexOf('#') + 1),\r\n isShortNotation = value.length === 3 || value.length === 4,\r\n isRGBa = value.length === 8 || value.length === 4,\r\n r = isShortNotation\r\n ? value.charAt(0) + value.charAt(0)\r\n : value.substring(0, 2),\r\n g = isShortNotation\r\n ? value.charAt(1) + value.charAt(1)\r\n : value.substring(2, 4),\r\n b = isShortNotation\r\n ? value.charAt(2) + value.charAt(2)\r\n : value.substring(4, 6),\r\n a = isRGBa\r\n ? isShortNotation\r\n ? value.charAt(3) + value.charAt(3)\r\n : value.substring(6, 8)\r\n : 'FF';\r\n\r\n return [\r\n parseInt(r, 16),\r\n parseInt(g, 16),\r\n parseInt(b, 16),\r\n parseFloat((parseInt(a, 16) / 255).toFixed(2)),\r\n ];\r\n }\r\n }\r\n\r\n /**\r\n * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5])\r\n * @static\r\n * @memberOf Color\r\n * @param {TColorSource | TColorAlphaSource} source\r\n * @return {Color}\r\n */\r\n static fromSource(source: TColorSource | TColorAlphaSource): Color {\r\n const oColor = new Color();\r\n oColor.setSource(source);\r\n return oColor;\r\n }\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from './color.class';\r\nexport { Color };\r\nfabric.Color = Color;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\n\r\n/**\r\n * Array holding all running animations\r\n * @memberof fabric\r\n * @type {AnimationContext[]}\r\n */\r\nclass RunningAnimations extends Array {\r\n /**\r\n * cancel all running animations at the next requestAnimFrame\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelAll(): any[] {\r\n const animations = this.splice(0);\r\n animations.forEach((animation) => animation.cancel());\r\n return animations;\r\n }\r\n\r\n /**\r\n * cancel all running animations attached to canvas at the next requestAnimFrame\r\n * @param {fabric.Canvas} canvas\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByCanvas(canvas: any) {\r\n if (!canvas) {\r\n return [];\r\n }\r\n const cancelled = this.filter(\r\n (animation) =>\r\n typeof animation.target === 'object' &&\r\n animation.target.canvas === canvas\r\n );\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n * cancel all running animations for target at the next requestAnimFrame\r\n * @param {*} target\r\n * @returns {AnimationContext[]}\r\n */\r\n cancelByTarget(target) {\r\n const cancelled = this.findAnimationsByTarget(target);\r\n cancelled.forEach((animation) => animation.cancel());\r\n return cancelled;\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {number}\r\n */\r\n findAnimationIndex(cancelFunc) {\r\n return this.indexOf(this.findAnimation(cancelFunc));\r\n }\r\n\r\n /**\r\n *\r\n * @param {CancelFunction} cancelFunc the function returned by animate\r\n * @returns {AnimationContext | undefined} animation's options object\r\n */\r\n findAnimation(cancelFunc) {\r\n return this.find((animation) => animation.cancel === cancelFunc);\r\n }\r\n\r\n /**\r\n *\r\n * @param {*} target the object that is assigned to the target property of the animation context\r\n * @returns {AnimationContext[]} array of animation options object associated with target\r\n */\r\n findAnimationsByTarget(target) {\r\n if (!target) {\r\n return [];\r\n }\r\n return this.filter((animation) => animation.target === target);\r\n }\r\n}\r\n\r\nexport const runningAnimations = new RunningAnimations();\r\n\r\nfabric.runningAnimations = runningAnimations;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { runningAnimations } from './animation_registry';\r\nimport { noop } from '../constants';\r\n\r\n/**\r\n *\r\n * @typedef {Object} AnimationOptions\r\n * Animation of a value or list of values.\r\n * @property {Function} [onChange] Callback; invoked on every value change\r\n * @property {Function} [onComplete] Callback; invoked when value change is completed\r\n * @property {number | number[]} [startValue=0] Starting value\r\n * @property {number | number[]} [endValue=100] Ending value\r\n * @property {number | number[]} [byValue=100] Value to modify the property by\r\n * @property {Function} [easing] Easing function\r\n * @property {number} [duration=500] Duration of change (in ms)\r\n * @property {Function} [abort] Additional function with logic. If returns true, animation aborts.\r\n * @property {number} [delay] Delay of animation start (in ms)\r\n *\r\n * @typedef {() => void} CancelFunction\r\n *\r\n * @typedef {Object} AnimationCurrentState\r\n * @property {number | number[]} currentValue value in range [`startValue`, `endValue`]\r\n * @property {number} completionRate value in range [0, 1]\r\n * @property {number} durationRate value in range [0, 1]\r\n *\r\n * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext\r\n */\r\n\r\nconst defaultEasing = (t, b, c, d) =>\r\n -c * Math.cos((t / d) * (Math.PI / 2)) + c + b;\r\n\r\n/**\r\n * Changes value from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {AnimationOptions} [options] Animation options\r\n * When using lists, think of something like this:\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: [1, 2, 3],\r\n * endValue: [2, 4, 6],\r\n * onChange: function([x, y, zoom]) {\r\n * canvas.zoomToPoint(new Point(x, y), zoom);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @example\r\n * fabric.util.animate({\r\n * startValue: 1,\r\n * endValue: 0,\r\n * onChange: function(v) {\r\n * obj.set('opacity', v);\r\n * canvas.requestRenderAll();\r\n * }\r\n * });\r\n *\r\n * @returns {CancelFunction} cancel function\r\n */\r\nexport function animate(options = {}) {\r\n let cancel = false;\r\n\r\n const {\r\n startValue = 0,\r\n duration = 500,\r\n easing = defaultEasing,\r\n onChange = noop,\r\n abort = noop,\r\n onComplete = noop,\r\n endValue = 100,\r\n delay = 0,\r\n } = options;\r\n\r\n const context = {\r\n ...options,\r\n currentValue: startValue,\r\n completionRate: 0,\r\n durationRate: 0,\r\n };\r\n\r\n const removeFromRegistry = () => {\r\n const index = runningAnimations.indexOf(context);\r\n return index > -1 && runningAnimations.splice(index, 1)[0];\r\n };\r\n\r\n context.cancel = function () {\r\n cancel = true;\r\n return removeFromRegistry();\r\n };\r\n runningAnimations.push(context);\r\n\r\n const runner = function (timestamp) {\r\n const start = timestamp || +new Date(),\r\n finish = start + duration,\r\n isMany = Array.isArray(startValue),\r\n byValue =\r\n options.byValue ||\r\n (isMany\r\n ? startValue.map((value, i) => endValue[i] - value)\r\n : endValue - startValue);\r\n\r\n options.onStart && options.onStart();\r\n\r\n (function tick(ticktime) {\r\n const time = ticktime || +new Date();\r\n const currentTime = time > finish ? duration : time - start,\r\n timePerc = currentTime / duration,\r\n current = isMany\r\n ? startValue.map((_value, i) =>\r\n easing(currentTime, _value, byValue[i], duration)\r\n )\r\n : easing(currentTime, startValue, byValue, duration),\r\n valuePerc = isMany\r\n ? Math.abs((current[0] - startValue[0]) / byValue[0])\r\n : Math.abs((current - startValue) / byValue);\r\n // update context\r\n context.currentValue = isMany ? current.slice() : current;\r\n context.completionRate = valuePerc;\r\n context.durationRate = timePerc;\r\n\r\n if (cancel) {\r\n return;\r\n }\r\n if (abort(current, valuePerc, timePerc)) {\r\n removeFromRegistry();\r\n return;\r\n }\r\n if (time > finish) {\r\n // update context\r\n context.currentValue = isMany ? endValue.slice() : endValue;\r\n context.completionRate = 1;\r\n context.durationRate = 1;\r\n // execute callbacks\r\n onChange(isMany ? endValue.slice() : endValue, 1, 1);\r\n onComplete(endValue, 1, 1);\r\n removeFromRegistry();\r\n return;\r\n } else {\r\n onChange(current, valuePerc, timePerc);\r\n requestAnimFrame(tick);\r\n }\r\n })(start);\r\n };\r\n\r\n if (delay > 0) {\r\n setTimeout(() => requestAnimFrame(runner), delay);\r\n } else {\r\n requestAnimFrame(runner);\r\n }\r\n\r\n return context.cancel;\r\n}\r\n\r\nconst _requestAnimFrame =\r\n fabric.window.requestAnimationFrame ||\r\n function (callback) {\r\n return fabric.window.setTimeout(callback, 1000 / 60);\r\n };\r\n\r\nconst _cancelAnimFrame =\r\n fabric.window.cancelAnimationFrame || fabric.window.clearTimeout;\r\n\r\n/**\r\n * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/\r\n * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method\r\n * @memberOf fabric.util\r\n * @param {Function} callback Callback to invoke\r\n * @param {DOMElement} element optional Element to associate with animation\r\n */\r\nexport function requestAnimFrame(...args) {\r\n return _requestAnimFrame.apply(fabric.window, args);\r\n}\r\n\r\nexport function cancelAnimFrame(...args) {\r\n return _cancelAnimFrame.apply(fabric.window, args);\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { animate } from './animate';\r\n\r\n// Calculate an in-between color. Returns a \"rgba()\" string.\r\n// Credit: Edwin Martin \r\n// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js\r\n// const calculateColor = (begin: number[], end: number[], pos) => {\r\n// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg));\r\n// const a = begin && end ? parseFloat(_a) : 1;\r\n// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`;\r\n// }\r\n\r\n// color animation is broken. This function pass the tests for some reasons\r\n// but begin and end aren't array anymore since we improved animate function\r\n// to handler arrays internally.\r\nfunction calculateColor(begin, end, pos) {\r\n let color =\r\n 'rgba(' +\r\n parseInt(begin[0] + pos * (end[0] - begin[0]), 10) +\r\n ',' +\r\n parseInt(begin[1] + pos * (end[1] - begin[1]), 10) +\r\n ',' +\r\n parseInt(begin[2] + pos * (end[2] - begin[2]), 10);\r\n\r\n color +=\r\n ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1);\r\n color += ')';\r\n return color;\r\n}\r\n\r\nconst defaultColorEasing = (currentTime, duration) =>\r\n 1 - Math.cos((currentTime / duration) * (Math.PI / 2));\r\n\r\n/**\r\n * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed.\r\n * @memberOf fabric.util\r\n * @param {String} fromColor The starting color in hex or rgb(a) format.\r\n * @param {String} toColor The starting color in hex or rgb(a) format.\r\n * @param {Number} [duration] Duration of change (in ms).\r\n * @param {Object} [options] Animation options\r\n * @param {Function} [options.onChange] Callback; invoked on every value change\r\n * @param {Function} [options.onComplete] Callback; invoked when value change is completed\r\n * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used.\r\n * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called.\r\n * @returns {Function} abort function\r\n */\r\nexport function animateColor(\r\n fromColor,\r\n toColor,\r\n duration = 500,\r\n {\r\n colorEasing = defaultColorEasing,\r\n onComplete,\r\n onChange,\r\n ...restOfOptions\r\n } = {}\r\n) {\r\n const startColor = new Color(fromColor).getSource(),\r\n endColor = new Color(toColor).getSource();\r\n return animate({\r\n ...restOfOptions,\r\n duration,\r\n startValue: startColor,\r\n endValue: endColor,\r\n byValue: endColor,\r\n easing: (currentTime, startValue, byValue, duration) =>\r\n calculateColor(startValue, byValue, colorEasing(currentTime, duration)),\r\n // has to take in account for color restoring;\r\n onComplete: (current, valuePerc, timePerc) =>\r\n onComplete?.(calculateColor(endColor, endColor, 0), valuePerc, timePerc),\r\n onChange: (current, valuePerc, timePerc) => {\r\n if (onChange) {\r\n if (Array.isArray(current)) {\r\n return onChange(\r\n calculateColor(current, current, 0),\r\n valuePerc,\r\n timePerc\r\n );\r\n }\r\n onChange(current, valuePerc, timePerc);\r\n }\r\n },\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { noop } from '../constants';\r\n\r\nfunction addMethods(klass, source, parent) {\r\n for (var property in source) {\r\n if (\r\n property in klass.prototype &&\r\n typeof klass.prototype[property] === 'function' &&\r\n (source[property] + '').indexOf('callSuper') > -1\r\n ) {\r\n klass.prototype[property] = (function (property) {\r\n return function (...args) {\r\n var superclass = this.constructor.superclass;\r\n this.constructor.superclass = parent;\r\n var returnValue = source[property].call(this, ...args);\r\n this.constructor.superclass = superclass;\r\n\r\n if (property !== 'initialize') {\r\n return returnValue;\r\n }\r\n };\r\n })(property);\r\n } else {\r\n klass.prototype[property] = source[property];\r\n }\r\n }\r\n}\r\n\r\nfunction Subclass() {}\r\n\r\nfunction callSuper(methodName, ...args) {\r\n var parentMethod = null,\r\n _this = this;\r\n\r\n // climb prototype chain to find method not equal to callee's method\r\n while (_this.constructor.superclass) {\r\n var superClassMethod = _this.constructor.superclass.prototype[methodName];\r\n if (_this[methodName] !== superClassMethod) {\r\n parentMethod = superClassMethod;\r\n break;\r\n }\r\n // eslint-disable-next-line\r\n _this = _this.constructor.superclass.prototype;\r\n }\r\n\r\n if (!parentMethod) {\r\n return console.log(\r\n 'tried to callSuper ' +\r\n methodName +\r\n ', method not found in prototype chain',\r\n this\r\n );\r\n }\r\n\r\n return parentMethod.call(this, ...args);\r\n}\r\n\r\n/**\r\n * Helper for creation of \"classes\".\r\n * @memberOf fabric.util\r\n * @param {Function} [parent] optional \"Class\" to inherit from\r\n * @param {Object} [properties] Properties shared by all instances of this class\r\n * (be careful modifying objects defined here as this would affect all instances)\r\n */\r\nexport function createClass(...args) {\r\n var parent = null,\r\n properties = [...args];\r\n\r\n if (typeof args[0] === 'function') {\r\n parent = properties.shift();\r\n }\r\n function klass(...klassArgs) {\r\n this.initialize.call(this, ...klassArgs);\r\n }\r\n\r\n klass.superclass = parent;\r\n\r\n if (parent) {\r\n Subclass.prototype = parent.prototype;\r\n klass.prototype = new Subclass();\r\n }\r\n for (var i = 0, length = properties.length; i < length; i++) {\r\n addMethods(klass, properties[i], parent);\r\n }\r\n if (!klass.prototype.initialize) {\r\n klass.prototype.initialize = noop;\r\n }\r\n klass.prototype.constructor = klass;\r\n klass.prototype.callSuper = callSuper;\r\n return klass;\r\n}\r\n","import { fabric } from '../../../HEADER';\r\nimport { cos } from './cos';\r\nimport { sin } from './sin';\r\nimport {\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n} from './vectors';\r\nimport { degreesToRadians, radiansToDegrees } from './radiansDegreesConversion';\r\nimport { rotatePoint } from './rotatePoint';\r\nimport { getRandomInt, removeFromArray } from '../internals';\r\nimport { projectStrokeOnPoints } from './projectStroke';\r\nimport {\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n} from './matrix';\r\nimport { stylesFromArray, stylesToArray, hasStyleChanged } from './textStyles';\r\nimport { clone, extend } from '../lang_object';\r\nimport {\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n} from './dom';\r\nimport { toFixed } from './toFixed';\r\nimport {\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n} from './svgParsing';\r\nimport { findScaleToFit, findScaleToCover } from './findScaleTo';\r\nimport { capValue } from './capValue';\r\nimport {\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n sizeAfterTransform,\r\n} from './objectTransforms';\r\nimport { makeBoundingBoxFromPoints } from './boundingBoxFromPoints';\r\nimport {\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n} from './planeChange';\r\nimport { camelize, capitalize, escapeXml, graphemeSplit } from '../lang_string';\r\nimport {\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n} from './objectEnlive';\r\nimport { pick } from './pick';\r\nimport {\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n} from '../path';\r\nimport { setStyle } from '../dom_style';\r\nimport { request } from '../dom_request';\r\nimport {\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n} from '../dom_event';\r\nimport {\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n} from '../dom_misc';\r\nimport { isTransparent } from './isTransparent';\r\nimport { mergeClipPaths } from './mergeClipPaths';\r\nimport * as ease from '../anim_ease';\r\nimport { animateColor } from '../animate_color';\r\nimport { animate, requestAnimFrame, cancelAnimFrame } from '../animate';\r\nimport { createClass } from '../lang_class';\r\n/**\r\n * @namespace fabric.util\r\n */\r\nfabric.util = {\r\n cos,\r\n sin,\r\n rotateVector,\r\n createVector,\r\n calcAngleBetweenVectors,\r\n getUnitVector,\r\n getBisector,\r\n degreesToRadians,\r\n radiansToDegrees,\r\n rotatePoint,\r\n // probably we should stop exposing this from the interface\r\n getRandomInt,\r\n removeFromArray,\r\n projectStrokeOnPoints,\r\n // matrix.ts file\r\n transformPoint,\r\n invertTransform,\r\n composeMatrix,\r\n qrDecompose,\r\n calcDimensionsMatrix,\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n // textStyles.ts file\r\n stylesFromArray,\r\n stylesToArray,\r\n hasStyleChanged,\r\n object: {\r\n clone,\r\n extend,\r\n },\r\n createCanvasElement,\r\n createImage,\r\n copyCanvasElement,\r\n toDataURL,\r\n toFixed,\r\n matrixToSVG,\r\n parsePreserveAspectRatioAttribute,\r\n groupSVGElements,\r\n parseUnit,\r\n getSvgAttributes,\r\n findScaleToFit,\r\n findScaleToCover,\r\n capValue,\r\n saveObjectTransform,\r\n resetObjectTransform,\r\n addTransformToObject,\r\n applyTransformToObject,\r\n removeTransformFromObject,\r\n makeBoundingBoxFromPoints,\r\n calcPlaneChangeMatrix,\r\n sendPointToPlane,\r\n transformPointRelativeToCanvas,\r\n sendObjectToPlane,\r\n string: {\r\n camelize,\r\n capitalize,\r\n escapeXml,\r\n graphemeSplit,\r\n },\r\n getKlass,\r\n loadImage,\r\n enlivenObjects,\r\n enlivenObjectEnlivables,\r\n pick,\r\n joinPath,\r\n parsePath,\r\n makePathSimpler,\r\n getSmoothPathFromPoints,\r\n getPathSegmentsInfo,\r\n getBoundsOfCurve,\r\n getPointOnPath,\r\n transformPath,\r\n getRegularPolygonPath,\r\n request,\r\n setStyle,\r\n isTouchEvent,\r\n getPointer,\r\n removeListener,\r\n addListener,\r\n wrapElement,\r\n getScrollLeftTop,\r\n getElementOffset,\r\n getNodeCanvas,\r\n cleanUpJsdomNode,\r\n makeElementUnselectable,\r\n makeElementSelectable,\r\n isTransparent,\r\n sizeAfterTransform,\r\n mergeClipPaths,\r\n ease,\r\n animateColor,\r\n animate,\r\n requestAnimFrame,\r\n cancelAnimFrame,\r\n createClass,\r\n};\r\n","/**\r\n * Attributes parsed from all SVG elements\r\n * @type array\r\n */\r\nexport const SHARED_ATTRIBUTES = [\r\n 'display',\r\n 'transform',\r\n 'fill',\r\n 'fill-opacity',\r\n 'fill-rule',\r\n 'opacity',\r\n 'stroke',\r\n 'stroke-dasharray',\r\n 'stroke-linecap',\r\n 'stroke-dashoffset',\r\n 'stroke-linejoin',\r\n 'stroke-miterlimit',\r\n 'stroke-opacity',\r\n 'stroke-width',\r\n 'id',\r\n 'paint-order',\r\n 'vector-effect',\r\n 'instantiated_by_use',\r\n 'clip-path',\r\n];\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { capitalize } from '../util/lang_string';\r\nimport {\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../util/misc/matrix';\r\n\r\nconst ElementsParser = function (\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions,\r\n doc\r\n) {\r\n this.elements = elements;\r\n this.callback = callback;\r\n this.options = options;\r\n this.reviver = reviver;\r\n this.svgUid = (options && options.svgUid) || 0;\r\n this.parsingOptions = parsingOptions;\r\n this.regexUrl = /^url\\(['\"]?#([^'\"]+)['\"]?\\)/g;\r\n this.doc = doc;\r\n};\r\n\r\n(function (proto) {\r\n proto.parse = function () {\r\n this.instances = new Array(this.elements.length);\r\n this.numElements = this.elements.length;\r\n this.createObjects();\r\n };\r\n\r\n proto.createObjects = function () {\r\n this.elements.forEach((element, i) => {\r\n element.setAttribute('svgUid', this.svgUid);\r\n this.createObject(element, i);\r\n });\r\n };\r\n\r\n proto.findTag = function (el) {\r\n return fabric[capitalize(el.tagName.replace('svg:', ''))];\r\n };\r\n\r\n proto.createObject = function (el, index) {\r\n const klass = this.findTag(el);\r\n if (klass && klass.fromElement) {\r\n try {\r\n klass.fromElement(el, this.createCallback(index, el), this.options);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n } else {\r\n this.checkIfDone();\r\n }\r\n };\r\n\r\n proto.createCallback = function (index, el) {\r\n const _this = this;\r\n return function (obj) {\r\n let _options;\r\n _this.resolveGradient(obj, el, 'fill');\r\n _this.resolveGradient(obj, el, 'stroke');\r\n if (obj instanceof fabric.Image && obj._originalElement) {\r\n _options = obj.parsePreserveAspectRatioAttribute(el);\r\n }\r\n obj._removeTransformMatrix(_options);\r\n _this.resolveClipPath(obj, el);\r\n _this.reviver && _this.reviver(el, obj);\r\n _this.instances[index] = obj;\r\n _this.checkIfDone();\r\n };\r\n };\r\n\r\n proto.extractPropertyDefinition = function (obj, property, storage) {\r\n const value = obj[property],\r\n regex = this.regexUrl;\r\n if (!regex.test(value)) {\r\n return;\r\n }\r\n regex.lastIndex = 0;\r\n const id = regex.exec(value)[1];\r\n regex.lastIndex = 0;\r\n return fabric[storage][this.svgUid][id];\r\n };\r\n\r\n proto.resolveGradient = function (obj, el, property) {\r\n const gradientDef = this.extractPropertyDefinition(\r\n obj,\r\n property,\r\n 'gradientDefs'\r\n );\r\n if (gradientDef) {\r\n const opacityAttr = el.getAttribute(property + '-opacity');\r\n const gradient = fabric.Gradient.fromElement(gradientDef, obj, {\r\n ...this.options,\r\n opacity: opacityAttr,\r\n });\r\n obj.set(property, gradient);\r\n }\r\n };\r\n\r\n proto.createClipPathCallback = function (obj, container) {\r\n return function (_newObj) {\r\n _newObj._removeTransformMatrix();\r\n _newObj.fillRule = _newObj.clipRule;\r\n container.push(_newObj);\r\n };\r\n };\r\n\r\n proto.resolveClipPath = function (obj, usingElement) {\r\n var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'),\r\n element,\r\n klass,\r\n objTransformInv,\r\n container,\r\n gTransform,\r\n options;\r\n if (clipPath) {\r\n container = [];\r\n objTransformInv = invertTransform(obj.calcTransformMatrix());\r\n // move the clipPath tag as sibling to the real element that is using it\r\n const clipPathTag = clipPath[0].parentNode;\r\n let clipPathOwner = usingElement;\r\n while (\r\n clipPathOwner.parentNode &&\r\n clipPathOwner.getAttribute('clip-path') !== obj.clipPath\r\n ) {\r\n clipPathOwner = clipPathOwner.parentNode;\r\n }\r\n clipPathOwner.parentNode.appendChild(clipPathTag);\r\n for (let i = 0; i < clipPath.length; i++) {\r\n element = clipPath[i];\r\n klass = this.findTag(element);\r\n klass.fromElement(\r\n element,\r\n this.createClipPathCallback(obj, container),\r\n this.options\r\n );\r\n }\r\n if (container.length === 1) {\r\n clipPath = container[0];\r\n } else {\r\n clipPath = new fabric.Group(container);\r\n }\r\n gTransform = multiplyTransformMatrices(\r\n objTransformInv,\r\n clipPath.calcTransformMatrix()\r\n );\r\n if (clipPath.clipPath) {\r\n this.resolveClipPath(clipPath, clipPathOwner);\r\n }\r\n const options = qrDecompose(gTransform);\r\n clipPath.flipX = false;\r\n clipPath.flipY = false;\r\n clipPath.set('scaleX', options.scaleX);\r\n clipPath.set('scaleY', options.scaleY);\r\n clipPath.angle = options.angle;\r\n clipPath.skewX = options.skewX;\r\n clipPath.skewY = 0;\r\n clipPath.setPositionByOrigin(\r\n { x: options.translateX, y: options.translateY },\r\n 'center',\r\n 'center'\r\n );\r\n obj.clipPath = clipPath;\r\n } else {\r\n // if clip-path does not resolve to any element, delete the property.\r\n delete obj.clipPath;\r\n }\r\n };\r\n\r\n proto.checkIfDone = function () {\r\n if (--this.numElements === 0) {\r\n this.instances = this.instances.filter(function (el) {\r\n // eslint-disable-next-line no-eq-null, eqeqeq\r\n return el != null;\r\n });\r\n this.callback(this.instances, this.elements);\r\n }\r\n };\r\n})(ElementsParser.prototype);\r\n\r\nexport { ElementsParser };\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Returns CSS rules for a given SVG document\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} CSS rules of this document\r\n */\r\nexport function getCSSRules(doc) {\r\n let styles = doc.getElementsByTagName('style'),\r\n i,\r\n len,\r\n allRules = {},\r\n rules;\r\n\r\n // very crude parsing of style contents\r\n for (i = 0, len = styles.length; i < len; i++) {\r\n let styleContents = styles[i].textContent;\r\n\r\n // remove comments\r\n styleContents = styleContents.replace(/\\/\\*[\\s\\S]*?\\*\\//g, '');\r\n if (styleContents.trim() === '') {\r\n continue;\r\n }\r\n // recovers all the rule in this form `body { style code... }`\r\n // rules = styleContents.match(/[^{]*\\{[\\s\\S]*?\\}/g);\r\n rules = styleContents.split('}');\r\n // remove empty rules.\r\n rules = rules.filter(function (rule) {\r\n return rule.trim();\r\n });\r\n // at this point we have hopefully an array of rules `body { style code... `\r\n // eslint-disable-next-line no-loop-func\r\n rules.forEach(function (rule) {\r\n const match = rule.split('{'),\r\n ruleObj = {},\r\n declaration = match[1].trim(),\r\n propertyValuePairs = declaration.split(';').filter(function (pair) {\r\n return pair.trim();\r\n });\r\n\r\n for (i = 0, len = propertyValuePairs.length; i < len; i++) {\r\n const pair = propertyValuePairs[i].split(':'),\r\n property = pair[0].trim(),\r\n value = pair[1].trim();\r\n ruleObj[property] = value;\r\n }\r\n rule = match[0].trim();\r\n rule.split(',').forEach(function (_rule) {\r\n _rule = _rule.replace(/^svg/i, '').trim();\r\n if (_rule === '') {\r\n return;\r\n }\r\n if (allRules[_rule]) {\r\n Object.assign(allRules[_rule], ruleObj);\r\n } else {\r\n allRules[_rule] = Object.assign({}, ruleObj);\r\n }\r\n });\r\n });\r\n }\r\n return allRules;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function getMultipleNodes(doc, nodeNames) {\r\n let nodeName,\r\n nodeArray = [],\r\n nodeList,\r\n i,\r\n len;\r\n for (i = 0, len = nodeNames.length; i < len; i++) {\r\n nodeName = nodeNames[i];\r\n nodeList = doc.getElementsByTagName(nodeName);\r\n nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList));\r\n }\r\n return nodeArray;\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * @private\r\n * to support IE8 missing getElementById on SVGdocument and on node xmlDOM\r\n */\r\nexport function elementById(doc, id) {\r\n let el;\r\n doc.getElementById && (el = doc.getElementById(id));\r\n if (el) {\r\n return el;\r\n }\r\n let node,\r\n i,\r\n len,\r\n nodelist = doc.getElementsByTagName('*');\r\n for (i = 0, len = nodelist.length; i < len; i++) {\r\n node = nodelist[i];\r\n if (id === node.getAttribute('id')) {\r\n return node;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { elementById } from './elementById';\r\n\r\nconst gradientsAttrs = [\r\n 'gradientTransform',\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2',\r\n 'gradientUnits',\r\n 'cx',\r\n 'cy',\r\n 'r',\r\n 'fx',\r\n 'fy',\r\n];\r\nconst xlinkAttr = 'xlink:href';\r\n\r\nexport function recursivelyParseGradientsXlink(doc, gradient) {\r\n const xLink = gradient.getAttribute(xlinkAttr).slice(1),\r\n referencedGradient = elementById(doc, xLink);\r\n if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) {\r\n recursivelyParseGradientsXlink(doc, referencedGradient);\r\n }\r\n gradientsAttrs.forEach(function (attr) {\r\n if (\r\n referencedGradient &&\r\n !gradient.hasAttribute(attr) &&\r\n referencedGradient.hasAttribute(attr)\r\n ) {\r\n gradient.setAttribute(attr, referencedGradient.getAttribute(attr));\r\n }\r\n });\r\n if (!gradient.children.length) {\r\n const referenceClone = referencedGradient.cloneNode(true);\r\n while (referenceClone.firstChild) {\r\n gradient.appendChild(referenceClone.firstChild);\r\n }\r\n }\r\n gradient.removeAttribute(xlinkAttr);\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { recursivelyParseGradientsXlink } from './recursivelyParseGradientsXlink';\r\n\r\nconst tagArray = [\r\n 'linearGradient',\r\n 'radialGradient',\r\n 'svg:linearGradient',\r\n 'svg:radialGradient',\r\n];\r\n\r\n/**\r\n * Parses an SVG document, returning all of the gradient declarations found in it\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element\r\n */\r\nexport function getGradientDefs(doc) {\r\n let elList = getMultipleNodes(doc, tagArray),\r\n el,\r\n j = 0,\r\n gradientDefs = {};\r\n j = elList.length;\r\n while (j--) {\r\n el = elList[j];\r\n if (el.getAttribute('xlink:href')) {\r\n recursivelyParseGradientsXlink(doc, el);\r\n }\r\n gradientDefs[el.getAttribute('id')] = el;\r\n }\r\n return gradientDefs;\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport {\r\n parsePreserveAspectRatioAttribute,\r\n parseUnit,\r\n} from '../util/misc/svgParsing';\r\nimport { svgViewBoxElementsRegEx, reViewBoxAttrValue } from './constants';\r\n\r\n/**\r\n * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements\r\n */\r\n\r\nexport function applyViewboxTransform(element) {\r\n if (!svgViewBoxElementsRegEx.test(element.nodeName)) {\r\n return {};\r\n }\r\n let viewBoxAttr = element.getAttribute('viewBox'),\r\n scaleX = 1,\r\n scaleY = 1,\r\n minX = 0,\r\n minY = 0,\r\n viewBoxWidth,\r\n viewBoxHeight,\r\n matrix,\r\n el,\r\n widthAttr = element.getAttribute('width'),\r\n heightAttr = element.getAttribute('height'),\r\n x = element.getAttribute('x') || 0,\r\n y = element.getAttribute('y') || 0,\r\n preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '',\r\n missingViewBox =\r\n !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)),\r\n missingDimAttr =\r\n !widthAttr ||\r\n !heightAttr ||\r\n widthAttr === '100%' ||\r\n heightAttr === '100%',\r\n toBeParsed = missingViewBox && missingDimAttr,\r\n parsedDim = {},\r\n translateMatrix = '',\r\n widthDiff = 0,\r\n heightDiff = 0;\r\n\r\n parsedDim.width = 0;\r\n parsedDim.height = 0;\r\n parsedDim.toBeParsed = toBeParsed;\r\n\r\n if (missingViewBox) {\r\n if (\r\n (x || y) &&\r\n element.parentNode &&\r\n element.parentNode.nodeName !== '#document'\r\n ) {\r\n translateMatrix =\r\n ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n matrix = (element.getAttribute('transform') || '') + translateMatrix;\r\n element.setAttribute('transform', matrix);\r\n element.removeAttribute('x');\r\n element.removeAttribute('y');\r\n }\r\n }\r\n\r\n if (toBeParsed) {\r\n return parsedDim;\r\n }\r\n\r\n if (missingViewBox) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n // set a transform for elements that have x y and are inner(only) SVGs\r\n return parsedDim;\r\n }\r\n minX = -parseFloat(viewBoxAttr[1]);\r\n minY = -parseFloat(viewBoxAttr[2]);\r\n viewBoxWidth = parseFloat(viewBoxAttr[3]);\r\n viewBoxHeight = parseFloat(viewBoxAttr[4]);\r\n parsedDim.minX = minX;\r\n parsedDim.minY = minY;\r\n parsedDim.viewBoxWidth = viewBoxWidth;\r\n parsedDim.viewBoxHeight = viewBoxHeight;\r\n if (!missingDimAttr) {\r\n parsedDim.width = parseUnit(widthAttr);\r\n parsedDim.height = parseUnit(heightAttr);\r\n scaleX = parsedDim.width / viewBoxWidth;\r\n scaleY = parsedDim.height / viewBoxHeight;\r\n } else {\r\n parsedDim.width = viewBoxWidth;\r\n parsedDim.height = viewBoxHeight;\r\n }\r\n\r\n // default is to preserve aspect ratio\r\n preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio);\r\n if (preserveAspectRatio.alignX !== 'none') {\r\n //translate all container for the effect of Mid, Min, Max\r\n if (preserveAspectRatio.meetOrSlice === 'meet') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX;\r\n // calculate additional translation to move the viewbox\r\n }\r\n if (preserveAspectRatio.meetOrSlice === 'slice') {\r\n scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY;\r\n // calculate additional translation to move the viewbox\r\n }\r\n widthDiff = parsedDim.width - viewBoxWidth * scaleX;\r\n heightDiff = parsedDim.height - viewBoxHeight * scaleX;\r\n if (preserveAspectRatio.alignX === 'Mid') {\r\n widthDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignY === 'Mid') {\r\n heightDiff /= 2;\r\n }\r\n if (preserveAspectRatio.alignX === 'Min') {\r\n widthDiff = 0;\r\n }\r\n if (preserveAspectRatio.alignY === 'Min') {\r\n heightDiff = 0;\r\n }\r\n }\r\n\r\n if (\r\n scaleX === 1 &&\r\n scaleY === 1 &&\r\n minX === 0 &&\r\n minY === 0 &&\r\n x === 0 &&\r\n y === 0\r\n ) {\r\n return parsedDim;\r\n }\r\n if ((x || y) && element.parentNode.nodeName !== '#document') {\r\n translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') ';\r\n }\r\n\r\n matrix =\r\n translateMatrix +\r\n ' matrix(' +\r\n scaleX +\r\n ' 0' +\r\n ' 0 ' +\r\n scaleY +\r\n ' ' +\r\n (minX * scaleX + widthDiff) +\r\n ' ' +\r\n (minY * scaleY + heightDiff) +\r\n ') ';\r\n // seems unused.\r\n // parsedDim.viewboxTransform = parseTransformAttribute(matrix);\r\n if (element.nodeName === 'svg') {\r\n el = element.ownerDocument.createElementNS(svgNS, 'g');\r\n // element.firstChild != null\r\n while (element.firstChild) {\r\n el.appendChild(element.firstChild);\r\n }\r\n element.appendChild(el);\r\n } else {\r\n el = element;\r\n el.removeAttribute('x');\r\n el.removeAttribute('y');\r\n matrix = el.getAttribute('transform') + matrix;\r\n }\r\n el.setAttribute('transform', matrix);\r\n return parsedDim;\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function hasAncestorWithNodeName(element, nodeName) {\r\n while (element && (element = element.parentNode)) {\r\n if (\r\n element.nodeName &&\r\n nodeName.test(element.nodeName.replace('svg:', '')) &&\r\n !element.getAttribute('instantiated_by_use')\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { ElementsParser } from './elements_parser';\r\n\r\n/**\r\n * Transforms an array of svg elements to corresponding fabric.* instances\r\n * @static\r\n * @memberOf fabric\r\n * @param {Array} elements Array of elements to parse\r\n * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements)\r\n * @param {Object} [options] Options object\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n */\r\nexport function parseElements(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n) {\r\n new ElementsParser(\r\n elements,\r\n callback,\r\n options,\r\n reviver,\r\n parsingOptions\r\n ).parse();\r\n}\r\n","//@ts-nocheck\r\nimport { svgNS } from './constants';\r\nimport { elementById } from './elementById';\r\nimport { getMultipleNodes } from './getMultipleNodes';\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\n\r\nexport function parseUseDirectives(doc) {\r\n let nodelist = getMultipleNodes(doc, ['use', 'svg:use']),\r\n i = 0;\r\n while (nodelist.length && i < nodelist.length) {\r\n const el = nodelist[i],\r\n xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href');\r\n\r\n if (xlinkAttribute === null) {\r\n return;\r\n }\r\n\r\n var xlink = xlinkAttribute.slice(1),\r\n x = el.getAttribute('x') || 0,\r\n y = el.getAttribute('y') || 0,\r\n el2 = elementById(doc, xlink).cloneNode(true),\r\n currentTrans =\r\n (el2.getAttribute('transform') || '') +\r\n ' translate(' +\r\n x +\r\n ', ' +\r\n y +\r\n ')',\r\n parentNode,\r\n oldLength = nodelist.length,\r\n attr,\r\n j,\r\n attrs,\r\n len,\r\n namespace = svgNS;\r\n\r\n applyViewboxTransform(el2);\r\n if (/^svg$/i.test(el2.nodeName)) {\r\n const el3 = el2.ownerDocument.createElementNS(namespace, 'g');\r\n for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue);\r\n }\r\n // el2.firstChild != null\r\n while (el2.firstChild) {\r\n el3.appendChild(el2.firstChild);\r\n }\r\n el2 = el3;\r\n }\r\n\r\n for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) {\r\n attr = attrs.item(j);\r\n if (\r\n attr.nodeName === 'x' ||\r\n attr.nodeName === 'y' ||\r\n attr.nodeName === 'xlink:href' ||\r\n attr.nodeName === 'href'\r\n ) {\r\n continue;\r\n }\r\n\r\n if (attr.nodeName === 'transform') {\r\n currentTrans = attr.nodeValue + ' ' + currentTrans;\r\n } else {\r\n el2.setAttribute(attr.nodeName, attr.nodeValue);\r\n }\r\n }\r\n\r\n el2.setAttribute('transform', currentTrans);\r\n el2.setAttribute('instantiated_by_use', '1');\r\n el2.removeAttribute('id');\r\n parentNode = el.parentNode;\r\n parentNode.replaceChild(el2, el);\r\n // some browsers do not shorten nodelist after replaceChild (IE8)\r\n if (nodelist.length === oldLength) {\r\n i++;\r\n }\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { Point } from './point.class';\r\nimport { fabric } from '../HEADER';\r\n\r\n/* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */\r\n\r\nexport type IntersectionType = 'Intersection' | 'Coincident' | 'Parallel';\r\n\r\n/**\r\n * **Assuming `T`, `A`, `B` are points on the same line**,\r\n * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B`\r\n * @param T\r\n * @param A\r\n * @param B\r\n * @returns true if `T` is contained\r\n */\r\nconst isContainedInInterval = (T: Point, A: Point, B: Point) => {\r\n const TA = new Point(T).subtract(A);\r\n const TB = new Point(T).subtract(B);\r\n return (\r\n Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)\r\n );\r\n};\r\n\r\nexport class Intersection {\r\n points: Point[];\r\n\r\n status?: IntersectionType;\r\n\r\n constructor(status?: IntersectionType) {\r\n this.status = status;\r\n this.points = [];\r\n }\r\n\r\n /**\r\n *\r\n * @param {Point} point\r\n * @returns\r\n */\r\n contains(point) {\r\n return this.points.some((p) => p.eq(point));\r\n }\r\n\r\n /**\r\n * Appends points of intersection\r\n * @param {...Point[]} points\r\n * @return {Intersection} thisArg\r\n * @chainable\r\n */\r\n private append(...points) {\r\n this.points = this.points.concat(\r\n points.filter((point) => {\r\n return !this.contains(point);\r\n })\r\n );\r\n return this;\r\n }\r\n\r\n /**\r\n * Checks if a line intersects another\r\n * @static\r\n * @param {Point} a1\r\n * @param {Point} a2\r\n * @param {Point} b1\r\n * @param {Point} b2\r\n * @param {boolean} [aInfinite=true] check segment intersection by passing `false`\r\n * @param {boolean} [bInfinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) {\r\n let result;\r\n const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x),\r\n ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x),\r\n uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y);\r\n if (uB !== 0) {\r\n const ua = uaT / uB,\r\n ub = ubT / uB;\r\n if (\r\n (aInfinite || (0 <= ua && ua <= 1)) &&\r\n (bInfinite || (0 <= ub && ub <= 1))\r\n ) {\r\n result = new Intersection('Intersection');\r\n result.append(\r\n new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))\r\n );\r\n } else {\r\n result = new Intersection();\r\n }\r\n } else {\r\n if (uaT === 0 || ubT === 0) {\r\n const segmentsCoincide =\r\n aInfinite ||\r\n bInfinite ||\r\n isContainedInInterval(a1, b1, b2) ||\r\n isContainedInInterval(a2, b1, b2) ||\r\n isContainedInInterval(b1, a1, a2) ||\r\n isContainedInInterval(b2, a1, a2);\r\n result = new Intersection(segmentsCoincide ? 'Coincident' : undefined);\r\n } else {\r\n result = new Intersection('Parallel');\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects a line\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} s1 boundary point of segment\r\n * @param {Point} s2 other boundary point of segment\r\n * @param {Point} l1 point on line\r\n * @param {Point} l2 other point on line\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentLine(s1, s2, l1, l2) {\r\n return Intersection.intersectLineLine(s1, s2, l1, l2, false, true);\r\n }\r\n\r\n /**\r\n * Checks if a segment intersects another\r\n * @see {@link intersectLineLine} for line intersection\r\n * @static\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point} b1 boundary point of segment\r\n * @param {Point} b2 other boundary point of segment\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentSegment(a1, a2, b1, b2) {\r\n return Intersection.intersectLineLine(a1, a2, b1, b2, false, false);\r\n }\r\n\r\n /**\r\n * Checks if line intersects polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @see {@link intersectSegmentPolygon} for segment intersection\r\n * @param {Point} a1 point on line\r\n * @param {Point} a2 other point on line\r\n * @param {Point[]} points polygon points\r\n * @param {boolean} [infinite=true] check segment intersection by passing `false`\r\n * @return {Intersection}\r\n */\r\n static intersectLinePolygon(a1, a2, points, infinite = true) {\r\n const result = new Intersection();\r\n const length = points.length;\r\n\r\n for (let i = 0, b1, b2, inter; i < length; i++) {\r\n b1 = points[i];\r\n b2 = points[(i + 1) % length];\r\n inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false);\r\n if (inter.status === 'Coincident') {\r\n return inter;\r\n }\r\n result.append(...inter.points);\r\n }\r\n\r\n if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if segment intersects polygon\r\n * @static\r\n * @see {@link intersectLinePolygon} for line intersection\r\n * @param {Point} a1 boundary point of segment\r\n * @param {Point} a2 other boundary point of segment\r\n * @param {Point[]} points polygon points\r\n * @return {Intersection}\r\n */\r\n static intersectSegmentPolygon(a1, a2, points) {\r\n return Intersection.intersectLinePolygon(a1, a2, points, false);\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects another polygon\r\n *\r\n * @todo account for stroke\r\n *\r\n * @static\r\n * @param {Point[]} points1\r\n * @param {Point[]} points2\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonPolygon(points1, points2) {\r\n const result = new Intersection(),\r\n length = points1.length;\r\n const coincidences = [];\r\n\r\n for (let i = 0; i < length; i++) {\r\n const a1 = points1[i],\r\n a2 = points1[(i + 1) % length],\r\n inter = Intersection.intersectSegmentPolygon(a1, a2, points2);\r\n if (inter.status === 'Coincident') {\r\n coincidences.push(inter);\r\n result.append(a1, a2);\r\n } else {\r\n result.append(...inter.points);\r\n }\r\n }\r\n\r\n if (coincidences.length > 0 && coincidences.length === points1.length) {\r\n return new Intersection('Coincident');\r\n } else if (result.points.length > 0) {\r\n result.status = 'Intersection';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n /**\r\n * Checks if polygon intersects rectangle\r\n * @static\r\n * @see {@link intersectPolygonPolygon} for polygon intersection\r\n * @param {Point[]} points polygon points\r\n * @param {Point} r1 top left point of rect\r\n * @param {Point} r2 bottom right point of rect\r\n * @return {Intersection}\r\n */\r\n static intersectPolygonRectangle(points, r1, r2) {\r\n const min = r1.min(r2),\r\n max = r1.max(r2),\r\n topRight = new Point(max.x, min.y),\r\n bottomLeft = new Point(min.x, max.y);\r\n\r\n return Intersection.intersectPolygonPolygon(points, [\r\n min,\r\n topRight,\r\n max,\r\n bottomLeft,\r\n ]);\r\n }\r\n}\r\n\r\nfabric.Intersection = Intersection;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\n\r\ntype EventRegistryObject = Record;\r\n\r\n/**\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events}\r\n * @see {@link http://fabricjs.com/events|Events demo}\r\n */\r\nexport class Observable {\r\n private __eventListeners: Record = {};\r\n\r\n /**\r\n * Observes specified event\r\n * @alias on\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n on(eventName: string, handler: Function): Function;\r\n on(handlers: EventRegistryObject): Function;\r\n on(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (!this.__eventListeners) {\r\n this.__eventListeners = {};\r\n }\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n for (const eventName in arg0) {\r\n this.on(eventName, arg0[eventName]);\r\n }\r\n return () => this.off(arg0);\r\n } else if (handler) {\r\n const eventName = arg0;\r\n if (!this.__eventListeners[eventName]) {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n this.__eventListeners[eventName].push(handler);\r\n return () => this.off(eventName, handler);\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * Observes specified event **once**\r\n * @alias once\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function that receives a notification when an event of the specified type occurs\r\n * @return {Function} disposer\r\n */\r\n once(eventName: string, handler: Function): Function;\r\n once(handlers: EventRegistryObject): Function;\r\n once(arg0: string | EventRegistryObject, handler?: Function): Function {\r\n if (typeof arg0 === 'object') {\r\n // one object with key/value pairs was passed\r\n const disposers: Function[] = [];\r\n for (const eventName in arg0) {\r\n disposers.push(this.once(eventName, arg0[eventName]));\r\n }\r\n return () => disposers.forEach((d) => d());\r\n } else if (handler) {\r\n const disposer = this.on(arg0, (...args: any[]) => {\r\n handler(...args);\r\n disposer();\r\n });\r\n return disposer;\r\n } else {\r\n // noop\r\n return () => false;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {string} eventName\r\n * @param {Function} [handler]\r\n */\r\n private _removeEventListener(eventName: string, handler?: Function) {\r\n if (!this.__eventListeners[eventName]) {\r\n return;\r\n }\r\n\r\n if (handler) {\r\n const eventListener = this.__eventListeners[eventName];\r\n const index = eventListener.indexOf(handler);\r\n index > -1 && eventListener.splice(index, 1);\r\n } else {\r\n this.__eventListeners[eventName] = [];\r\n }\r\n }\r\n\r\n /**\r\n * Stops event observing for a particular event handler. Calling this method\r\n * without arguments removes all handlers for all events\r\n * @param {string} eventName Event name (eg. 'after:render')\r\n * @param {EventRegistryObject} handlers key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})\r\n * @param {Function} handler Function to be deleted from EventListeners\r\n */\r\n off(eventName: string, handler: Function): void;\r\n off(handlers: EventRegistryObject): void;\r\n off(arg0?: string | EventRegistryObject, handler?: Function) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n // remove all key/value pairs (event name -> event handler)\r\n if (typeof arg0 === 'undefined') {\r\n for (const eventName in this.__eventListeners) {\r\n this._removeEventListener(eventName);\r\n }\r\n }\r\n // one object with key/value pairs was passed\r\n else if (typeof arg0 === 'object') {\r\n for (const eventName in arg0) {\r\n this._removeEventListener(eventName, arg0[eventName]);\r\n }\r\n } else {\r\n this._removeEventListener(arg0, handler);\r\n }\r\n }\r\n\r\n /**\r\n * Fires event with an optional options object\r\n * @param {String} eventName Event name to fire\r\n * @param {Object} [options] Options object\r\n */\r\n fire(eventName: string, options: object) {\r\n if (!this.__eventListeners) {\r\n return;\r\n }\r\n\r\n const listenersForEvent = this.__eventListeners[eventName]?.concat();\r\n if (listenersForEvent) {\r\n for (let i = 0; i < listenersForEvent.length; i++) {\r\n listenersForEvent[i].call(this, options || {});\r\n }\r\n }\r\n }\r\n}\r\n\r\nfabric.Observable = Observable;\r\n","//@ts-nocheck\r\nimport { Observable } from './observable.mixin';\r\n\r\nexport class CommonMethods extends Observable {\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n _setOptions(options: any) {\r\n for (const prop in options) {\r\n this.set(prop, options[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _setObject(obj: Record) {\r\n for (const prop in obj) {\r\n this._set(prop, obj[prop]);\r\n }\r\n }\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n set(key: string | Record, value?: any) {\r\n if (typeof key === 'object') {\r\n this._setObject(key);\r\n } else {\r\n this._set(key, value);\r\n }\r\n return this;\r\n }\r\n\r\n _set(key: string, value: any) {\r\n this[key] = value;\r\n }\r\n\r\n /**\r\n * Toggles specified property from `true` to `false` or from `false` to `true`\r\n * @param {String} property Property to toggle\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n toggle(property: string) {\r\n const value = this.get(property);\r\n if (typeof value === 'boolean') {\r\n this.set(property, !value);\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Basic getter\r\n * @param {String} property Property name\r\n * @return {*} value of a property\r\n */\r\n get(property: string) {\r\n return this[property];\r\n }\r\n}\r\n","import { Point } from '../point.class';\r\nimport { transformPoint } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { CommonMethods } from './shared_methods.mixin';\r\nimport { TDegree, TOriginX, TOriginY } from '../typedefs';\r\nimport { Group } from '../shapes/group.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\nconst originOffset = {\r\n left: -0.5,\r\n top: -0.5,\r\n center: 0,\r\n bottom: 0.5,\r\n right: 0.5,\r\n};\r\n\r\n/**\r\n * Resolves origin value relative to center\r\n * @private\r\n * @param {TOriginX | TOriginY} originValue originX / originY\r\n * @returns number\r\n */\r\nexport const resolveOrigin = (\r\n originValue: TOriginX | TOriginY | number\r\n): number =>\r\n typeof originValue === 'string'\r\n ? originOffset[originValue]\r\n : originValue - 0.5;\r\n\r\nexport class ObjectOrigin extends CommonMethods {\r\n /**\r\n * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom}\r\n * @type Number\r\n * @default 0\r\n */\r\n top: number;\r\n\r\n /**\r\n * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right}\r\n * @type Number\r\n * @default 0\r\n */\r\n left: number;\r\n\r\n /**\r\n * Object width\r\n * @type Number\r\n * @default\r\n */\r\n width: number;\r\n\r\n /**\r\n * Object height\r\n * @type Number\r\n * @default\r\n */\r\n height: number;\r\n\r\n /**\r\n * Object scale factor (horizontal)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleX: number;\r\n\r\n /**\r\n * Object scale factor (vertical)\r\n * @type Number\r\n * @default 1\r\n */\r\n scaleY: number;\r\n\r\n /**\r\n * Angle of skew on x axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewX: number;\r\n\r\n /**\r\n * Angle of skew on y axes of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n skewY: number;\r\n\r\n /**\r\n * Horizontal origin of transformation of an object (one of \"left\", \"right\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'left'\r\n */\r\n originX: TOriginX;\r\n\r\n /**\r\n * Vertical origin of transformation of an object (one of \"top\", \"bottom\", \"center\")\r\n * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups\r\n * @type String\r\n * @default 'top'\r\n */\r\n originY: TOriginY;\r\n\r\n /**\r\n * Angle of rotation of an object (in degrees)\r\n * @type Number\r\n * @default 0\r\n */\r\n angle: TDegree;\r\n\r\n /**\r\n * Width of a stroke used to render this object\r\n * @type Number\r\n * @default 1\r\n */\r\n strokeWidth: number;\r\n\r\n /**\r\n * When `false`, the stoke width will scale with the object.\r\n * When `true`, the stroke will always match the exact pixel size entered for stroke width.\r\n * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods\r\n * default to false\r\n * @since 2.6.0\r\n * @type Boolean\r\n * @default false\r\n * @type Boolean\r\n * @default false\r\n */\r\n strokeUniform: boolean;\r\n\r\n /**\r\n * Object containing this object.\r\n * can influence its size and position\r\n */\r\n group?: Group;\r\n\r\n _originalOriginX?: TOriginX;\r\n\r\n _originalOriginY?: TOriginY;\r\n\r\n /**\r\n * Calculate object bounding box dimensions from its properties scale, skew.\r\n * @param {Object} [options]\r\n * @param {Number} [options.scaleX]\r\n * @param {Number} [options.scaleY]\r\n * @param {Number} [options.skewX]\r\n * @param {Number} [options.skewY]\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getTransformedDimensions(options: any = {}): Point {\r\n const dimOptions = {\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n width: this.width,\r\n height: this.height,\r\n strokeWidth: this.strokeWidth,\r\n ...options,\r\n };\r\n // stroke is applied before/after transformations are applied according to `strokeUniform`\r\n const strokeWidth = dimOptions.strokeWidth;\r\n let preScalingStrokeValue = strokeWidth,\r\n postScalingStrokeValue = 0;\r\n\r\n if (this.strokeUniform) {\r\n preScalingStrokeValue = 0;\r\n postScalingStrokeValue = strokeWidth;\r\n }\r\n const dimX = dimOptions.width + preScalingStrokeValue,\r\n dimY = dimOptions.height + preScalingStrokeValue,\r\n noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0;\r\n let finalDimensions;\r\n if (noSkew) {\r\n finalDimensions = new Point(\r\n dimX * dimOptions.scaleX,\r\n dimY * dimOptions.scaleY\r\n );\r\n } else {\r\n finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions);\r\n }\r\n\r\n return finalDimensions.scalarAdd(postScalingStrokeValue);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from a set of origin to another (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToGivenOrigin(\r\n point: Point,\r\n fromOriginX: TOriginX,\r\n fromOriginY: TOriginY,\r\n toOriginX: TOriginX,\r\n toOriginY: TOriginY\r\n ): Point {\r\n let x = point.x,\r\n y = point.y;\r\n const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX),\r\n offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY);\r\n\r\n if (offsetX || offsetY) {\r\n const dim = this._getTransformedDimensions();\r\n x += offsetX * dim.x;\r\n y += offsetY * dim.y;\r\n }\r\n\r\n return new Point(x, y);\r\n }\r\n\r\n /**\r\n * Translates the coordinates from origin to center coordinates (based on the object's dimensions)\r\n * @param {Point} point The point which corresponds to the originX and originY params\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToCenterPoint(\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n point,\r\n originX,\r\n originY,\r\n 'center',\r\n 'center'\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), point);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Translates the coordinates from center to origin coordinates (based on the object's dimensions)\r\n * @param {Point} center The point which corresponds to center of the object\r\n * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n translateToOriginPoint(\r\n center: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n ): Point {\r\n const p = this.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n );\r\n if (this.angle) {\r\n return p.rotate(degreesToRadians(this.angle), center);\r\n }\r\n return p;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to canvas\r\n * @return {Point}\r\n */\r\n getCenterPoint(): Point {\r\n const relCenter = this.getRelativeCenterPoint();\r\n return this.group\r\n ? transformPoint(relCenter, this.group.calcTransformMatrix())\r\n : relCenter;\r\n }\r\n\r\n /**\r\n * Returns the center coordinates of the object relative to it's parent\r\n * @return {Point}\r\n */\r\n getRelativeCenterPoint(): Point {\r\n return this.translateToCenterPoint(\r\n new Point(this.left, this.top),\r\n this.originX,\r\n this.originY\r\n );\r\n }\r\n\r\n /**\r\n * Returns the coordinates of the object as if it has a different origin\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {Point}\r\n */\r\n getPointByOrigin(originX: TOriginX, originY: TOriginY): Point {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n }\r\n\r\n /**\r\n * Sets the position of the object taking into consideration the object's origin\r\n * @param {Point} pos The new position of the object\r\n * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\r\n * @return {void}\r\n */\r\n setPositionByOrigin(pos: Point, originX: TOriginX, originY: TOriginY) {\r\n const center = this.translateToCenterPoint(pos, originX, originY),\r\n position = this.translateToOriginPoint(\r\n center,\r\n this.originX,\r\n this.originY\r\n );\r\n this.set({ left: position.x, top: position.y });\r\n }\r\n\r\n /**\r\n * Sets the origin/position of the object to it's center point\r\n * @private\r\n * @return {void}\r\n */\r\n _setOriginToCenter() {\r\n this._originalOriginX = this.originX;\r\n this._originalOriginY = this.originY;\r\n\r\n const center = this.getRelativeCenterPoint();\r\n\r\n this.originX = 'center';\r\n this.originY = 'center';\r\n\r\n this.left = center.x;\r\n this.top = center.y;\r\n }\r\n\r\n /**\r\n * Resets the origin/position of the object to it's original origin\r\n * @private\r\n * @return {void}\r\n */\r\n _resetOrigin() {\r\n if (\r\n this._originalOriginX !== undefined &&\r\n this._originalOriginY !== undefined\r\n ) {\r\n const originPoint = this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n this._originalOriginX,\r\n this._originalOriginY\r\n );\r\n\r\n this.left = originPoint.x;\r\n this.top = originPoint.y;\r\n\r\n this.originX = this._originalOriginX;\r\n this.originY = this._originalOriginY;\r\n this._originalOriginX = undefined;\r\n this._originalOriginY = undefined;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getLeftTopCoords() {\r\n return this.translateToOriginPoint(\r\n this.getRelativeCenterPoint(),\r\n 'left',\r\n 'top'\r\n );\r\n }\r\n}\r\n","import type {\r\n TBBox,\r\n TCornerPoint,\r\n TDegree,\r\n TMat2D,\r\n TOriginX,\r\n TOriginY,\r\n} from '../typedefs';\r\nimport { iMatrix } from '../constants';\r\nimport { Intersection } from '../intersection.class';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { cos } from '../util/misc/cos';\r\nimport {\r\n calcRotateMatrix,\r\n composeMatrix,\r\n invertTransform,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n transformPoint,\r\n} from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { Canvas, StaticCanvas } from '../__types__';\r\nimport { ObjectOrigin } from './object_origin.mixin';\r\n\r\ntype TLineDescriptor = {\r\n o: Point;\r\n d: Point;\r\n};\r\n\r\ntype TBBoxLines = {\r\n topline: TLineDescriptor;\r\n leftline: TLineDescriptor;\r\n bottomline: TLineDescriptor;\r\n rightline: TLineDescriptor;\r\n};\r\n\r\ntype TMatrixCache = {\r\n key: string;\r\n value: TMat2D;\r\n};\r\n\r\ntype TACoords = TCornerPoint;\r\n\r\nexport class ObjectGeometry extends ObjectOrigin {\r\n /**\r\n * When true, an object is rendered as flipped horizontally\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipX: boolean;\r\n\r\n /**\r\n * When true, an object is rendered as flipped vertically\r\n * @type Boolean\r\n * @default false\r\n */\r\n flipY: boolean;\r\n\r\n /**\r\n * Padding between object and its controlling borders (in pixels)\r\n * @type Number\r\n * @default 0\r\n */\r\n padding: number;\r\n\r\n /**\r\n * Describe object's corner position in canvas object absolute coordinates\r\n * properties are tl,tr,bl,br and describe the four main corner.\r\n * each property is an object with x, y, instance of Fabric.Point.\r\n * The coordinates depends from this properties: width, height, scaleX, scaleY\r\n * skewX, skewY, angle, strokeWidth, top, left.\r\n * Those coordinates are useful to understand where an object is. They get updated\r\n * with lineCoords or oCoords in interactive cases but they do not need to be updated when zoom or panning change.\r\n * The coordinates get updated with @method setCoords.\r\n * You can calculate them without updating with @method calcACoords();\r\n * @memberOf fabric.Object.prototype\r\n */\r\n aCoords: TACoords;\r\n\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * includes padding. Used of object detection.\r\n * set and refreshed with setCoords.\r\n * Those could go away\r\n * @todo investigate how to get rid of those\r\n * @memberOf fabric.Object.prototype\r\n */\r\n lineCoords: TCornerPoint;\r\n\r\n /**\r\n * storage cache for object transform matrix\r\n */\r\n ownMatrixCache?: TMatrixCache;\r\n\r\n /**\r\n * storage cache for object full transform matrix\r\n */\r\n matrixCache?: TMatrixCache;\r\n\r\n /**\r\n * A Reference of the Canvas where the object is actually added\r\n * @type StaticCanvas | Canvas;\r\n * @default undefined\r\n * @private\r\n */\r\n canvas?: StaticCanvas | Canvas;\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n getX(): number {\r\n return this.getXY().x;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane\r\n */\r\n setX(value: number) {\r\n this.setXY(this.getXY().setX(value));\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n getY(): number {\r\n return this.getXY().y;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane\r\n */\r\n setY(value: number) {\r\n this.setXY(this.getXY().setY(value));\r\n }\r\n\r\n /**\r\n * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getX}\r\n */\r\n getRelativeX(): number {\r\n return this.left;\r\n }\r\n\r\n /**\r\n * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\\\r\n * if parent is canvas then this method is identical to {@link fabric.Object#setX}\r\n */\r\n setRelativeX(value: number) {\r\n this.left = value;\r\n }\r\n\r\n /**\r\n * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#getY}\r\n */\r\n getRelativeY(): number {\r\n return this.top;\r\n }\r\n\r\n /**\r\n * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\\\r\n * if parent is canvas then this property is identical to {@link fabric.Object#setY}\r\n */\r\n setRelativeY(value: number) {\r\n this.top = value;\r\n }\r\n\r\n /**\r\n * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane\r\n */\r\n getXY(): Point {\r\n const relativePosition = this.getRelativeXY();\r\n return this.group\r\n ? transformPoint(relativePosition, this.group.calcTransformMatrix())\r\n : relativePosition;\r\n }\r\n\r\n /**\r\n * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate.\r\n * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values,\r\n * that otherwise are the object's current values.\r\n * @example Set object's bottom left corner to point (5,5) on canvas\r\n * object.setXY(new Point(5, 5), 'left', 'bottom').\r\n * @param {Point} point position in canvas coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n if (this.group) {\r\n point = transformPoint(\r\n point,\r\n invertTransform(this.group.calcTransformMatrix())\r\n );\r\n }\r\n this.setRelativeXY(point, originX, originY);\r\n }\r\n\r\n /**\r\n * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n */\r\n getRelativeXY(): Point {\r\n return new Point(this.left, this.top);\r\n }\r\n\r\n /**\r\n * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas)\r\n * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane\r\n * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\r\n * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\r\n */\r\n setRelativeXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\r\n this.setPositionByOrigin(\r\n point,\r\n originX || this.originX,\r\n originY || this.originY\r\n );\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will calculate the coords or use the one\r\n * that are attached to the object instance\r\n * @return {Object} {tl, tr, br, bl} points\r\n */\r\n _getCoords(absolute = false, calculate = false): TCornerPoint {\r\n if (calculate) {\r\n return absolute ? this.calcACoords() : this.calcLineCoords();\r\n }\r\n // swapped this double if in place of setCoords();\r\n if (!this.aCoords) {\r\n this.aCoords = this.calcACoords();\r\n }\r\n if (!this.lineCoords) {\r\n this.lineCoords = this.calcLineCoords();\r\n }\r\n return absolute ? this.aCoords : this.lineCoords;\r\n }\r\n\r\n /**\r\n * return correct set of coordinates for intersection\r\n * this will return either aCoords or lineCoords.\r\n * The coords are returned in an array.\r\n * @param {boolean} absolute will return aCoords if true or lineCoords\r\n * @param {boolean} calculate will return aCoords if true or lineCoords\r\n * @return {Array} [tl, tr, br, bl] of points\r\n */\r\n getCoords(absolute = false, calculate = false): Point[] {\r\n const { tl, tr, br, bl } = this._getCoords(absolute, calculate);\r\n const coords = [tl, tr, br, bl];\r\n if (this.group) {\r\n const t = this.group.calcTransformMatrix();\r\n return coords.map((p) => transformPoint(p, t));\r\n }\r\n return coords;\r\n }\r\n\r\n /**\r\n * Checks if object intersects with an area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object intersects with an area formed by 2 points\r\n */\r\n intersectsWithRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const coords = this.getCoords(absolute, calculate),\r\n intersection = Intersection.intersectPolygonRectangle(\r\n coords,\r\n pointTL,\r\n pointBR\r\n );\r\n return intersection.status === 'Intersection';\r\n }\r\n\r\n /**\r\n * Checks if object intersects with another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of calculating them\r\n * @return {Boolean} true if object intersects with another object\r\n */\r\n intersectsWithObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const intersection = Intersection.intersectPolygonPolygon(\r\n this.getCoords(absolute, calculate),\r\n other.getCoords(absolute, calculate)\r\n );\r\n\r\n return (\r\n intersection.status === 'Intersection' ||\r\n intersection.status === 'Coincident' ||\r\n other.isContainedWithinObject(this, absolute, calculate) ||\r\n this.isContainedWithinObject(other, absolute, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area of another object\r\n * @param {Object} other Object to test\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of store ones\r\n * @return {Boolean} true if object is fully contained within area of another object\r\n */\r\n isContainedWithinObject(\r\n other: ObjectGeometry,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const points = this.getCoords(absolute, calculate),\r\n otherCoords = absolute ? other.aCoords : other.lineCoords,\r\n lines = other._getImageLines(otherCoords);\r\n for (let i = 0; i < 4; i++) {\r\n if (!other.containsPoint(points[i], lines)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Checks if object is fully contained within area formed by 2 points\r\n * @param {Object} pointTL top-left point of area\r\n * @param {Object} pointBR bottom-right point of area\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored one\r\n * @return {Boolean} true if object is fully contained within area formed by 2 points\r\n */\r\n isContainedWithinRect(\r\n pointTL: Point,\r\n pointBR: Point,\r\n absolute: boolean,\r\n calculate: boolean\r\n ): boolean {\r\n const boundingRect = this.getBoundingRect(absolute, calculate);\r\n return (\r\n boundingRect.left >= pointTL.x &&\r\n boundingRect.left + boundingRect.width <= pointBR.x &&\r\n boundingRect.top >= pointTL.y &&\r\n boundingRect.top + boundingRect.height <= pointBR.y\r\n );\r\n }\r\n\r\n /**\r\n * Checks if point is inside the object\r\n * @param {Point} point Point to check against\r\n * @param {Object} [lines] object returned from @method _getImageLines\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if point is inside the object\r\n */\r\n containsPoint(\r\n point: Point,\r\n lines: TBBoxLines | undefined,\r\n absolute = false,\r\n calculate = false\r\n ): boolean {\r\n const coords = this._getCoords(absolute, calculate),\r\n imageLines = lines || this._getImageLines(coords),\r\n xPoints = this._findCrossPoints(point, imageLines);\r\n // if xPoints is odd then point is inside the object\r\n return xPoints !== 0 && xPoints % 2 === 1;\r\n }\r\n\r\n /**\r\n * Checks if object is contained within the canvas with current viewportTransform\r\n * the check is done stopping at first point that appears on screen\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords\r\n * @return {Boolean} true if object is fully or partially contained within canvas\r\n */\r\n isOnScreen(calculate = false): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n const points = this.getCoords(true, calculate);\r\n // if some point is on screen, the object is on screen.\r\n if (\r\n points.some(\r\n (point) =>\r\n point.x <= br.x &&\r\n point.x >= tl.x &&\r\n point.y <= br.y &&\r\n point.y >= tl.y\r\n )\r\n ) {\r\n return true;\r\n }\r\n // no points on screen, check intersection with absolute coordinates\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n return this._containsCenterOfCanvas(tl, br, calculate);\r\n }\r\n\r\n /**\r\n * Checks if the object contains the midpoint between canvas extremities\r\n * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen\r\n * @private\r\n * @param {Point} pointTL Top Left point\r\n * @param {Point} pointBR Top Right point\r\n * @param {Boolean} calculate use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if the object contains the point\r\n */\r\n private _containsCenterOfCanvas(\r\n pointTL: Point,\r\n pointBR: Point,\r\n calculate: boolean\r\n ): boolean {\r\n // worst case scenario the object is so big that contains the screen\r\n const centerPoint = pointTL.midPointFrom(pointBR);\r\n return this.containsPoint(centerPoint, undefined, true, calculate);\r\n }\r\n\r\n /**\r\n * Checks if object is partially contained within the canvas with current viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of stored ones\r\n * @return {Boolean} true if object is partially contained within canvas\r\n */\r\n isPartiallyOnScreen(calculate: boolean): boolean {\r\n if (!this.canvas) {\r\n return false;\r\n }\r\n const { tl, br } = this.canvas.vptCoords;\r\n if (this.intersectsWithRect(tl, br, true, calculate)) {\r\n return true;\r\n }\r\n const allPointsAreOutside = this.getCoords(true, calculate).every(\r\n (point) =>\r\n (point.x >= br.x || point.x <= tl.x) &&\r\n (point.y >= br.y || point.y <= tl.y)\r\n );\r\n return (\r\n allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)\r\n );\r\n }\r\n\r\n /**\r\n * Method that returns an object with the object edges in it, given the coordinates of the corners\r\n * @private\r\n * @param {Object} lineCoords or aCoords Coordinates of the object corners\r\n */\r\n _getImageLines({ tl, tr, bl, br }: TCornerPoint): TBBoxLines {\r\n const lines = {\r\n topline: {\r\n o: tl,\r\n d: tr,\r\n },\r\n rightline: {\r\n o: tr,\r\n d: br,\r\n },\r\n bottomline: {\r\n o: br,\r\n d: bl,\r\n },\r\n leftline: {\r\n o: bl,\r\n d: tl,\r\n },\r\n };\r\n\r\n // // debugging\r\n // if (this.canvas.contextTop) {\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n // }\r\n\r\n return lines;\r\n }\r\n\r\n /**\r\n * Helper method to determine how many cross points are between the 4 object edges\r\n * and the horizontal line determined by a point on canvas\r\n * @private\r\n * @param {Point} point Point to check\r\n * @param {Object} lines Coordinates of the object being evaluated\r\n * @return {number} number of crossPoint\r\n */\r\n _findCrossPoints(point: Point, lines: TBBoxLines): number {\r\n let xcount = 0;\r\n\r\n for (const lineKey in lines) {\r\n let xi;\r\n const iLine = lines[lineKey as keyof TBBoxLines];\r\n // optimization 1: line below point. no cross\r\n if (iLine.o.y < point.y && iLine.d.y < point.y) {\r\n continue;\r\n }\r\n // optimization 2: line above point. no cross\r\n if (iLine.o.y >= point.y && iLine.d.y >= point.y) {\r\n continue;\r\n }\r\n // optimization 3: vertical line case\r\n if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) {\r\n xi = iLine.o.x;\r\n }\r\n // calculate the intersection point\r\n else {\r\n const b1 = 0;\r\n const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x);\r\n const a1 = point.y - b1 * point.x;\r\n const a2 = iLine.o.y - b2 * iLine.o.x;\r\n\r\n xi = -(a1 - a2) / (b1 - b2);\r\n }\r\n // don't count xi < point.x cases\r\n if (xi >= point.x) {\r\n xcount += 1;\r\n }\r\n // optimization 4: specific for square images\r\n if (xcount === 2) {\r\n break;\r\n }\r\n }\r\n return xcount;\r\n }\r\n\r\n /**\r\n * Returns coordinates of object's bounding rectangle (left, top, width, height)\r\n * the box is intended as aligned to axis of canvas.\r\n * @param {Boolean} [absolute] use coordinates without viewportTransform\r\n * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords\r\n * @return {Object} Object with left, top, width, height properties\r\n */\r\n getBoundingRect(absolute?: boolean, calculate?: boolean): TBBox {\r\n return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate));\r\n }\r\n\r\n /**\r\n * Returns width of an object's bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} width value\r\n */\r\n getScaledWidth(): number {\r\n return this._getTransformedDimensions().x;\r\n }\r\n\r\n /**\r\n * Returns height of an object bounding box counting transformations\r\n * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\r\n * @return {Number} height value\r\n */\r\n getScaledHeight(): number {\r\n return this._getTransformedDimensions().y;\r\n }\r\n\r\n /**\r\n * Scales an object (equally by x and y)\r\n * @param {Number} value Scale factor\r\n * @return {void}\r\n */\r\n scale(value: number): void {\r\n this._set('scaleX', value);\r\n this._set('scaleY', value);\r\n this.setCoords();\r\n }\r\n\r\n /**\r\n * Scales an object to a given width, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New width value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToWidth(value: number, absolute: boolean) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).width / this.getScaledWidth();\r\n return this.scale(value / this.width / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Scales an object to a given height, with respect to bounding box (scaling by x/y equally)\r\n * @param {Number} value New height value\r\n * @param {Boolean} absolute ignore viewport\r\n * @return {void}\r\n */\r\n scaleToHeight(value: number, absolute = false) {\r\n // adjust to bounding rect factor so that rotated shapes would fit as well\r\n const boundingRectFactor =\r\n this.getBoundingRect(absolute).height / this.getScaledHeight();\r\n return this.scale(value / this.height / boundingRectFactor);\r\n }\r\n\r\n /**\r\n * Returns the object angle relative to canvas counting also the group property\r\n * @returns {TDegree}\r\n */\r\n getTotalAngle(): TDegree {\r\n return this.group\r\n ? qrDecompose(this.calcTransformMatrix()).angle\r\n : this.angle;\r\n }\r\n\r\n /**\r\n * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates\r\n * used for bounding box interactivity with the mouse\r\n * @returns {TCornerPoint}\r\n */\r\n calcLineCoords(): TCornerPoint {\r\n const vpt = this.getViewportTransform(),\r\n padding = this.padding,\r\n angle = degreesToRadians(this.getTotalAngle()),\r\n cosP = cos(angle) * padding,\r\n sinP = sin(angle) * padding,\r\n cosPSinP = cosP + sinP,\r\n cosPMinusSinP = cosP - sinP,\r\n { tl, tr, bl, br } = this.calcACoords();\r\n\r\n const lineCoords: TCornerPoint = {\r\n tl: transformPoint(tl, vpt),\r\n tr: transformPoint(tr, vpt),\r\n bl: transformPoint(bl, vpt),\r\n br: transformPoint(br, vpt),\r\n };\r\n\r\n if (padding) {\r\n lineCoords.tl.x -= cosPMinusSinP;\r\n lineCoords.tl.y -= cosPSinP;\r\n lineCoords.tr.x += cosPSinP;\r\n lineCoords.tr.y -= cosPMinusSinP;\r\n lineCoords.bl.x -= cosPSinP;\r\n lineCoords.bl.y += cosPMinusSinP;\r\n lineCoords.br.x += cosPMinusSinP;\r\n lineCoords.br.y += cosPSinP;\r\n }\r\n\r\n return lineCoords;\r\n }\r\n\r\n /**\r\n * Retrieves viewportTransform from Object's canvas if possible\r\n * @method getViewportTransform\r\n * @memberOf FabricObject.prototype\r\n * @return {TMat2D}\r\n */\r\n getViewportTransform(): TMat2D {\r\n return this.canvas?.viewportTransform || (iMatrix.concat() as TMat2D);\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates.\r\n * those never change with zoom or viewport changes.\r\n * @return {TCornerPoint}\r\n */\r\n calcACoords(): TCornerPoint {\r\n const rotateMatrix = calcRotateMatrix({ angle: this.angle }),\r\n center = this.getRelativeCenterPoint(),\r\n translateMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix),\r\n dim = this._getTransformedDimensions(),\r\n w = dim.x / 2,\r\n h = dim.y / 2;\r\n return {\r\n // corners\r\n tl: transformPoint({ x: -w, y: -h }, finalMatrix),\r\n tr: transformPoint({ x: w, y: -h }, finalMatrix),\r\n bl: transformPoint({ x: -w, y: h }, finalMatrix),\r\n br: transformPoint({ x: w, y: h }, finalMatrix),\r\n };\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords.\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n this.aCoords = this.calcACoords();\r\n // in case we are in a group, for how the inner group target check works,\r\n // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer.\r\n this.lineCoords = this.group ? this.aCoords : this.calcLineCoords();\r\n }\r\n\r\n transformMatrixKey(skipGroup = false): string {\r\n const sep = '_';\r\n let prefix = '';\r\n if (!skipGroup && this.group) {\r\n prefix = this.group.transformMatrixKey(skipGroup) + sep;\r\n }\r\n return (\r\n prefix +\r\n this.top +\r\n sep +\r\n this.left +\r\n sep +\r\n this.scaleX +\r\n sep +\r\n this.scaleY +\r\n sep +\r\n this.skewX +\r\n sep +\r\n this.skewY +\r\n sep +\r\n this.angle +\r\n sep +\r\n this.originX +\r\n sep +\r\n this.originY +\r\n sep +\r\n this.width +\r\n sep +\r\n this.height +\r\n sep +\r\n this.strokeWidth +\r\n this.flipX +\r\n this.flipY\r\n );\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties.\r\n * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations\r\n * There are some situation in which this is useful to avoid the fake rotation.\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcTransformMatrix(skipGroup = false): TMat2D {\r\n let matrix = this.calcOwnMatrix();\r\n if (skipGroup || !this.group) {\r\n return matrix;\r\n }\r\n const key = this.transformMatrixKey(skipGroup),\r\n cache = this.matrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n if (this.group) {\r\n matrix = multiplyTransformMatrices(\r\n this.group.calcTransformMatrix(false),\r\n matrix\r\n );\r\n }\r\n this.matrixCache = {\r\n key,\r\n value: matrix,\r\n };\r\n return matrix;\r\n }\r\n\r\n /**\r\n * calculate transform matrix that represents the current transformations from the\r\n * object's properties, this matrix does not include the group transformation\r\n * @return {TMat2D} transform matrix for the object\r\n */\r\n calcOwnMatrix(): TMat2D {\r\n const key = this.transformMatrixKey(true),\r\n cache = this.ownMatrixCache;\r\n if (cache && cache.key === key) {\r\n return cache.value;\r\n }\r\n const center = this.getRelativeCenterPoint(),\r\n options = {\r\n angle: this.angle,\r\n translateX: center.x,\r\n translateY: center.y,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n skewX: this.skewX,\r\n skewY: this.skewY,\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n },\r\n value = composeMatrix(options);\r\n this.ownMatrixCache = {\r\n key,\r\n value,\r\n };\r\n return value;\r\n }\r\n\r\n /**\r\n * Calculate object dimensions from its properties\r\n * @private\r\n * @returns {Point} dimensions\r\n */\r\n _getNonTransformedDimensions(): Point {\r\n return new Point(this.width, this.height).scalarAdd(this.strokeWidth);\r\n }\r\n\r\n /**\r\n * Calculate object dimensions for controls box, including padding and canvas zoom.\r\n * and active selection\r\n * @private\r\n * @param {object} [options] transform options\r\n * @returns {Point} dimensions\r\n */\r\n _calculateCurrentDimensions(options?: any): Point {\r\n return this._getTransformedDimensions(options)\r\n .transform(this.getViewportTransform(), true)\r\n .scalarAdd(2 * this.padding);\r\n }\r\n}\r\n","// @ts-nocheck\r\nimport type { TClassProperties, TDegree, TSize, TFiller } from '../typedefs';\r\nimport { fabric } from '../../HEADER';\r\nimport { cache } from '../cache';\r\nimport { config } from '../config';\r\nimport { VERSION } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport { capValue } from '../util/misc/capValue';\r\nimport { pick } from '../util/misc/pick';\r\nimport { runningAnimations } from '../util/animation_registry';\r\nimport { enlivenObjectEnlivables } from '../util/misc/objectEnlive';\r\nimport { clone } from '../util/lang_object';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { capitalize } from '../util/lang_string';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { ObjectGeometry } from '../mixins/object_geometry.mixin';\r\nimport { qrDecompose, transformPoint } from '../util/misc/matrix';\r\nimport { Canvas, Shadow, StaticCanvas } from '../__types__';\r\n\r\n// temporary hack for unfinished migration\r\ntype TCallSuper = (arg0: string, ...moreArgs: any[]) => any;\r\n\r\nconst ALIASING_LIMIT = 2;\r\n\r\n/**\r\n * Root object class from which all 2d shape classes inherit from\r\n * @class fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects}\r\n * @see {@link fabric.Object#initialize} for constructor definition\r\n *\r\n * @fires added\r\n * @fires removed\r\n *\r\n * @fires selected\r\n * @fires deselected\r\n * @fires modified\r\n * @fires modified\r\n * @fires moved\r\n * @fires scaled\r\n * @fires rotated\r\n * @fires skewed\r\n *\r\n * @fires rotating\r\n * @fires scaling\r\n * @fires moving\r\n * @fires skewing\r\n *\r\n * @fires mousedown\r\n * @fires mouseup\r\n * @fires mouseover\r\n * @fires mouseout\r\n * @fires mousewheel\r\n * @fires mousedblclick\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drop\r\n */\r\nexport class FabricObject extends ObjectGeometry {\r\n type: string;\r\n\r\n /**\r\n * Opacity of an object\r\n * @type Number\r\n * @default 1\r\n */\r\n opacity: number;\r\n\r\n /**\r\n * Size of object's controlling corners (in pixels)\r\n * @type Number\r\n * @default 13\r\n */\r\n cornerSize: number;\r\n\r\n /**\r\n * Size of object's controlling corners when touch interaction is detected\r\n * @type Number\r\n * @default 24\r\n */\r\n touchCornerSize: number;\r\n\r\n /**\r\n * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill)\r\n * @type Boolean\r\n * @default true\r\n */\r\n transparentCorners: boolean;\r\n\r\n /**\r\n * Default cursor value used when hovering over this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n hoverCursor: null;\r\n\r\n /**\r\n * Default cursor value used when moving this object on canvas\r\n * @type String\r\n * @default null\r\n */\r\n moveCursor: null;\r\n\r\n /**\r\n * Color of controlling borders of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n borderColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's borders (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n * default null;\r\n */\r\n borderDashArray: number[] | null;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active)\r\n * @type String\r\n * @default rgb(178,204,255)\r\n */\r\n cornerColor: string;\r\n\r\n /**\r\n * Color of controlling corners of an object (when it's active and transparentCorners false)\r\n * @since 1.6.2\r\n * @type String\r\n * @default null\r\n */\r\n cornerStrokeColor: string;\r\n\r\n /**\r\n * Specify style of control, 'rect' or 'circle'\r\n * @since 1.6.2\r\n * @type 'rect' | 'circle'\r\n * @default rect\r\n */\r\n cornerStyle: 'rect' | 'circle';\r\n\r\n /**\r\n * Array specifying dash pattern of an object's control (hasBorder must be true)\r\n * @since 1.6.2\r\n * @type Array | null\r\n */\r\n cornerDashArray: number[] | null;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being scaled via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false;\r\n\r\n /**\r\n * When true, this object will use center point as the origin of transformation\r\n * when being rotated via the controls.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: true;\r\n\r\n /**\r\n * When defined, an object is rendered via stroke and this property specifies its color\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default null\r\n */\r\n stroke: string | TFiller | null;\r\n\r\n /**\r\n * Color of object's fill\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default rgb(0,0,0)\r\n */\r\n fill: string | null;\r\n\r\n /**\r\n * Fill rule used to fill an object\r\n * accepted values are nonzero, evenodd\r\n * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead)\r\n * @type String\r\n * @default nonzero\r\n */\r\n fillRule: 'nonzero' | 'evenodd';\r\n\r\n /**\r\n * Composite rule used for canvas globalCompositeOperation\r\n * @type String\r\n * @default\r\n */\r\n globalCompositeOperation: GlobalCompositeOperation;\r\n\r\n /**\r\n * Background color of an object.\r\n * takes css colors https://www.w3.org/TR/css-color-3/\r\n * @type String\r\n * @default\r\n */\r\n backgroundColor: string;\r\n\r\n /**\r\n * Selection Background color of an object. colored layer behind the object when it is active.\r\n * does not mix good with globalCompositeOperation methods.\r\n * @type String\r\n * @default\r\n */\r\n selectionBackgroundColor: string;\r\n\r\n /**\r\n * Array specifying dash pattern of an object's stroke (stroke must be defined)\r\n * @type Array\r\n * @default null;\r\n */\r\n strokeDashArray: number[] | null;\r\n\r\n /**\r\n * Line offset of an object's stroke\r\n * @type Number\r\n * @default 0\r\n */\r\n strokeDashOffset: number;\r\n\r\n /**\r\n * Line endings style of an object's stroke (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default butt\r\n */\r\n strokeLineCap: string;\r\n\r\n /**\r\n * Corner style of an object's stroke (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: string;\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of an object's stroke\r\n * @type Number\r\n * @default 4\r\n */\r\n strokeMiterLimit: number;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape\r\n * @type fabric.Shadow\r\n * @default null\r\n */\r\n shadow: Shadow | null;\r\n\r\n /**\r\n * Opacity of object's controlling borders when object is active and moving\r\n * @type Number\r\n * @default 0.4\r\n */\r\n borderOpacityWhenMoving: number;\r\n\r\n /**\r\n * Scale factor of object's controlling borders\r\n * bigger number will make a thicker border\r\n * border is 1, so this is basically a border thickness\r\n * since there is no way to change the border itself.\r\n * @type Number\r\n * @default 1\r\n */\r\n borderScaleFactor: number;\r\n\r\n /**\r\n * Minimum allowed scale value of an object\r\n * @type Number\r\n * @default 0\r\n */\r\n minScaleLimit: number;\r\n\r\n /**\r\n * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection).\r\n * But events still fire on it.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectable: boolean;\r\n\r\n /**\r\n * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n evented: boolean;\r\n\r\n /**\r\n * When set to `false`, an object is not rendered on canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n visible: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controls are not displayed and can not be used to manipulate object\r\n * @type Boolean\r\n * @default\r\n */\r\n hasControls: boolean;\r\n\r\n /**\r\n * When set to `false`, object's controlling borders are not rendered\r\n * @type Boolean\r\n * @default\r\n */\r\n hasBorders: boolean;\r\n\r\n /**\r\n * When set to `true`, objects are \"found\" on canvas on per-pixel basis rather than according to bounding box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: boolean;\r\n\r\n /**\r\n * When `false`, default object's values are not included in its serialization\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical movement is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockMovementY: boolean;\r\n\r\n /**\r\n * When `true`, object rotation is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockRotation: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical scaling is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingY: boolean;\r\n\r\n /**\r\n * When `true`, object horizontal skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingX: boolean;\r\n\r\n /**\r\n * When `true`, object vertical skewing is locked\r\n * @type Boolean\r\n * @default\r\n */\r\n lockSkewingY: boolean;\r\n\r\n /**\r\n * When `true`, object cannot be flipped by scaling into negative values\r\n * @type Boolean\r\n * @default\r\n */\r\n lockScalingFlip: boolean;\r\n\r\n /**\r\n * When `true`, object is not exported in OBJECT/JSON\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n excludeFromExport: boolean;\r\n\r\n /**\r\n * When `true`, object is cached on an additional canvas.\r\n * When `false`, object is not cached unless necessary ( clipPath )\r\n * default to true\r\n * @since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n objectCaching: boolean;\r\n\r\n /**\r\n * When `true`, object properties are checked for cache invalidation. In some particular\r\n * situation you may want this to be disabled ( spray brush, very big, groups)\r\n * or if your application does not allow you to modify properties for groups child you want\r\n * to disable it for groups.\r\n * default to false\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default false\r\n */\r\n statefullCache: boolean;\r\n\r\n /**\r\n * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled\r\n * too much and will be redrawn with correct details at the end of scaling.\r\n * this setting is performance and application dependant.\r\n * default to true\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n noScaleCache: boolean;\r\n\r\n /**\r\n * When set to `true`, object's cache will be rerendered next render call.\r\n * since 1.7.0\r\n * @type Boolean\r\n * @default true\r\n */\r\n dirty: boolean;\r\n\r\n /**\r\n * Determines if the fill or the stroke is drawn first (one of \"fill\" or \"stroke\")\r\n * @type String\r\n * @default\r\n */\r\n paintFirst: 'fill' | 'stroke';\r\n\r\n /**\r\n * When 'down', object is set to active on mousedown/touchstart\r\n * When 'up', object is set to active on mouseup/touchend\r\n * Experimental. Let's see if this breaks anything before supporting officially\r\n * @private\r\n * since 4.4.0\r\n * @type String\r\n * @default 'down'\r\n */\r\n activeOn: 'down' | 'up';\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: string[];\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: string[];\r\n\r\n /**\r\n * List of properties to consider for animating colors.\r\n * @type String[]\r\n */\r\n colorProperties: string[];\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the object has rendered, and the context is placed in the center\r\n * of the object cacheCanvas.\r\n * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center'\r\n * @type fabric.Object\r\n */\r\n clipPath?: FabricObject;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will make the object clip to the outside of the clipPath\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n inverted: boolean;\r\n\r\n /**\r\n * Meaningful ONLY when the object is used as clipPath.\r\n * if true, the clipPath will have its top and left relative to canvas, and will\r\n * not be influenced by the object transform. This will make the clipPath relative\r\n * to the canvas, but clipping just a particular object.\r\n * WARNING this is beta, this feature may change or be renamed.\r\n * since 2.4.0\r\n * @type boolean\r\n * @default false\r\n */\r\n absolutePositioned: boolean;\r\n\r\n /**\r\n * Quick access for the _cacheCanvas rendering context\r\n * This is part of the objectCaching feature\r\n * since 1.7.0\r\n * @type boolean\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheContext: CanvasRenderingContext2D | null = null;\r\n\r\n /**\r\n * A reference to the HTMLCanvasElement that is used to contain the cache of the object\r\n * this canvas element is resized and cleared as needed\r\n * Is marked private, you can read it, don't use it since it is handled by fabric\r\n * since 1.7.0\r\n * @type HTMLCanvasElement\r\n * @default undefined\r\n * @private\r\n */\r\n _cacheCanvas?: HTMLCanvasElement;\r\n\r\n /**\r\n * Size of the cache canvas, width\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheWidth?: number;\r\n\r\n /**\r\n * Size of the cache canvas, height\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheHeight?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, X axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomX?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n zoomY?: number;\r\n\r\n /**\r\n * zoom level used on the cacheCanvas to draw the cache, Y axe\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationX?: number;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * since 1.7.0\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n cacheTranslationY?: number;\r\n\r\n /**\r\n * A reference to the parent of the object, usually a FabricGroup\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n group?: FabricObject;\r\n\r\n /**\r\n * Indicate if the object is sitting on a cache dedicated to it\r\n * or is part of a larger cache for many object ( a group for example)\r\n * @type number\r\n * @default undefined\r\n * @private\r\n */\r\n ownCaching?: boolean;\r\n\r\n /**\r\n * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness\r\n * @static\r\n * @memberOf fabric.Object\r\n * @type Number\r\n */\r\n static __uid = 0;\r\n\r\n callSuper?: TCallSuper;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Partial>) {\r\n super();\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options?: Partial>) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Create a the canvas used to keep the cached copy of the object\r\n * @private\r\n */\r\n _createCacheCanvas() {\r\n this._cacheCanvas = createCanvasElement();\r\n this._cacheContext = this._cacheCanvas.getContext('2d');\r\n this._updateCacheCanvas();\r\n // if canvas gets created, is empty, so dirty.\r\n this.dirty = true;\r\n }\r\n\r\n /**\r\n * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal\r\n * and each side do not cross fabric.cacheSideLimit\r\n * those numbers are configurable so that you can get as much detail as you want\r\n * making bargain with performances.\r\n * @param {Object} dims\r\n * @param {Object} dims.width width of canvas\r\n * @param {Object} dims.height height of canvas\r\n * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _limitCacheSize(\r\n dims: TSize & { zoomX: number; zoomY: number; capped: boolean } & any\r\n ) {\r\n const width = dims.width,\r\n height = dims.height,\r\n max = config.maxCacheSideLimit,\r\n min = config.minCacheSideLimit;\r\n if (\r\n width <= max &&\r\n height <= max &&\r\n width * height <= config.perfLimitSizeTotal\r\n ) {\r\n if (width < min) {\r\n dims.width = min;\r\n }\r\n if (height < min) {\r\n dims.height = min;\r\n }\r\n return dims;\r\n }\r\n const ar = width / height,\r\n [limX, limY] = cache.limitDimsByArea(ar),\r\n x = capValue(min, limX, max),\r\n y = capValue(min, limY, max);\r\n if (width > x) {\r\n dims.zoomX /= width / x;\r\n dims.width = x;\r\n dims.capped = true;\r\n }\r\n if (height > y) {\r\n dims.zoomY /= height / y;\r\n dims.height = y;\r\n dims.capped = true;\r\n }\r\n return dims;\r\n }\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @return {Object}.x width of object to be cached\r\n * @return {Object}.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions() {\r\n const objectScale = this.getTotalObjectScaling(),\r\n // calculate dimensions without skewing\r\n dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }),\r\n neededX = (dim.x * objectScale.x) / this.scaleX,\r\n neededY = (dim.y * objectScale.y) / this.scaleY;\r\n return {\r\n // for sure this ALIASING_LIMIT is slightly creating problem\r\n // in situation in which the cache canvas gets an upper limit\r\n // also objectScale contains already scaleX and scaleY\r\n width: neededX + ALIASING_LIMIT,\r\n height: neededY + ALIASING_LIMIT,\r\n zoomX: objectScale.x,\r\n zoomY: objectScale.y,\r\n x: neededX,\r\n y: neededY,\r\n };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const target = targetCanvas._currentTransform.target,\r\n action = targetCanvas._currentTransform.action;\r\n if (this === target && action.slice && action.slice(0, 5) === 'scale') {\r\n return false;\r\n }\r\n }\r\n const canvas = this._cacheCanvas,\r\n context = this._cacheContext,\r\n dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n minCacheSize = config.minCacheSideLimit,\r\n width = dims.width,\r\n height = dims.height,\r\n zoomX = dims.zoomX,\r\n zoomY = dims.zoomY,\r\n dimensionsChanged =\r\n width !== this.cacheWidth || height !== this.cacheHeight,\r\n zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY;\r\n\r\n if (!canvas || !context) {\r\n return false;\r\n }\r\n\r\n let drawingWidth,\r\n drawingHeight,\r\n shouldRedraw = dimensionsChanged || zoomChanged,\r\n additionalWidth = 0,\r\n additionalHeight = 0,\r\n shouldResizeCanvas = false;\r\n\r\n if (dimensionsChanged) {\r\n const canvasWidth = (this._cacheCanvas as HTMLCanvasElement).width,\r\n canvasHeight = (this._cacheCanvas as HTMLCanvasElement).height,\r\n sizeGrowing = width > canvasWidth || height > canvasHeight,\r\n sizeShrinking =\r\n (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) &&\r\n canvasWidth > minCacheSize &&\r\n canvasHeight > minCacheSize;\r\n shouldResizeCanvas = sizeGrowing || sizeShrinking;\r\n if (\r\n sizeGrowing &&\r\n !dims.capped &&\r\n (width > minCacheSize || height > minCacheSize)\r\n ) {\r\n additionalWidth = width * 0.1;\r\n additionalHeight = height * 0.1;\r\n }\r\n }\r\n if (this instanceof fabric.Text && this.path) {\r\n shouldRedraw = true;\r\n shouldResizeCanvas = true;\r\n // IMHO in those lines we are using zoomX and zoomY not the this version.\r\n additionalWidth += this.getHeightOfLine(0) * this.zoomX;\r\n additionalHeight += this.getHeightOfLine(0) * this.zoomY;\r\n }\r\n if (shouldRedraw) {\r\n if (shouldResizeCanvas) {\r\n canvas.width = Math.ceil(width + additionalWidth);\r\n canvas.height = Math.ceil(height + additionalHeight);\r\n } else {\r\n context.setTransform(1, 0, 0, 1, 0, 0);\r\n context.clearRect(0, 0, canvas.width, canvas.height);\r\n }\r\n drawingWidth = dims.x / 2;\r\n drawingHeight = dims.y / 2;\r\n this.cacheTranslationX =\r\n Math.round(canvas.width / 2 - drawingWidth) + drawingWidth;\r\n this.cacheTranslationY =\r\n Math.round(canvas.height / 2 - drawingHeight) + drawingHeight;\r\n this.cacheWidth = width;\r\n this.cacheHeight = height;\r\n context.translate(this.cacheTranslationX, this.cacheTranslationY);\r\n context.scale(zoomX, zoomY);\r\n this.zoomX = zoomX;\r\n this.zoomY = zoomY;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Sets object's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions(options: Record = {}) {\r\n this._setOptions(options);\r\n }\r\n\r\n /**\r\n * Transforms context when rendering an object\r\n * @param {CanvasRenderingContext2D} ctx Context\r\n */\r\n transform(ctx: CanvasRenderingContext2D) {\r\n const needFullTransform =\r\n (this.group && !this.group._transformDone) ||\r\n (this.group && this.canvas && ctx === this.canvas.contextTop);\r\n const m = this.calcTransformMatrix(!needFullTransform);\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n\r\n /**\r\n * Returns an object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]): Record {\r\n const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n clipPathData =\r\n this.clipPath && !this.clipPath.excludeFromExport\r\n ? {\r\n ...this.clipPath.toObject(propertiesToInclude),\r\n inverted: this.clipPath.inverted,\r\n absolutePositioned: this.clipPath.absolutePositioned,\r\n }\r\n : null,\r\n object = {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n version: VERSION,\r\n originX: this.originX,\r\n originY: this.originY,\r\n left: toFixed(this.left, NUM_FRACTION_DIGITS),\r\n top: toFixed(this.top, NUM_FRACTION_DIGITS),\r\n width: toFixed(this.width, NUM_FRACTION_DIGITS),\r\n height: toFixed(this.height, NUM_FRACTION_DIGITS),\r\n fill:\r\n this.fill && this.fill.toObject ? this.fill.toObject() : this.fill,\r\n stroke:\r\n this.stroke && this.stroke.toObject\r\n ? this.stroke.toObject()\r\n : this.stroke,\r\n strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS),\r\n strokeDashArray: this.strokeDashArray\r\n ? this.strokeDashArray.concat()\r\n : this.strokeDashArray,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeDashOffset: this.strokeDashOffset,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeUniform: this.strokeUniform,\r\n strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS),\r\n scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS),\r\n scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS),\r\n angle: toFixed(this.angle, NUM_FRACTION_DIGITS),\r\n flipX: this.flipX,\r\n flipY: this.flipY,\r\n opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS),\r\n shadow:\r\n this.shadow && this.shadow.toObject\r\n ? this.shadow.toObject()\r\n : this.shadow,\r\n visible: this.visible,\r\n backgroundColor: this.backgroundColor,\r\n fillRule: this.fillRule,\r\n paintFirst: this.paintFirst,\r\n globalCompositeOperation: this.globalCompositeOperation,\r\n skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS),\r\n skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n\r\n return !this.includeDefaultValues\r\n ? this._removeDefaultValues(object)\r\n : object;\r\n }\r\n\r\n /**\r\n * Returns (dataless) object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toDatalessObject(propertiesToInclude: (keyof this)[]) {\r\n // will be overwritten by subclasses\r\n return this.toObject(propertiesToInclude);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Object} object\r\n */\r\n _removeDefaultValues(object: Record) {\r\n const prototype = fabric.util.getKlass(object.type).prototype;\r\n Object.keys(object).forEach(function (prop) {\r\n if (prop === 'left' || prop === 'top' || prop === 'type') {\r\n return;\r\n }\r\n if (object[prop] === prototype[prop]) {\r\n delete object[prop];\r\n }\r\n // basically a check for [] === []\r\n if (\r\n Array.isArray(object[prop]) &&\r\n Array.isArray(prototype[prop]) &&\r\n object[prop].length === 0 &&\r\n prototype[prop].length === 0\r\n ) {\r\n delete object[prop];\r\n }\r\n });\r\n\r\n return object;\r\n }\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String}\r\n */\r\n toString() {\r\n return '#';\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling\r\n * @return {Point}\r\n */\r\n getObjectScaling() {\r\n // if the object is a top level one, on the canvas, we go for simple aritmetic\r\n // otherwise the complex method with angles will return approximations and decimals\r\n // and will likely kill the cache when not needed\r\n // https://github.com/fabricjs/fabric.js/issues/7157\r\n if (!this.group) {\r\n return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY));\r\n }\r\n // if we are inside a group total zoom calculation is complex, we defer to generic matrices\r\n const options = qrDecompose(this.calcTransformMatrix());\r\n return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY));\r\n }\r\n\r\n /**\r\n * Return the object scale factor counting also the group scaling, zoom and retina\r\n * @return {Object} object with scaleX and scaleY properties\r\n */\r\n getTotalObjectScaling() {\r\n const scale = this.getObjectScaling();\r\n if (this.canvas) {\r\n const zoom = this.canvas.getZoom();\r\n const retina = this.canvas.getRetinaScaling();\r\n return scale.scalarMultiply(zoom * retina);\r\n }\r\n return scale;\r\n }\r\n\r\n /**\r\n * Return the object opacity counting also the group property\r\n * @return {Number}\r\n */\r\n getObjectOpacity() {\r\n let opacity = this.opacity;\r\n if (this.group) {\r\n opacity *= this.group.getObjectOpacity();\r\n }\r\n return opacity;\r\n }\r\n\r\n /**\r\n * Makes sure the scale is valid and modifies it if necessary\r\n * @todo: this is a control action issue, not a geometry one\r\n * @private\r\n * @param {Number} value, unconstrained\r\n * @return {Number} constrained value;\r\n */\r\n _constrainScale(value: number): number {\r\n if (Math.abs(value) < this.minScaleLimit) {\r\n if (value < 0) {\r\n return -this.minScaleLimit;\r\n } else {\r\n return this.minScaleLimit;\r\n }\r\n } else if (value === 0) {\r\n return 0.0001;\r\n }\r\n return value;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {fabric.Object} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n const shouldConstrainValue = key === 'scaleX' || key === 'scaleY',\r\n isChanged = this[key] !== value;\r\n\r\n if (shouldConstrainValue) {\r\n value = this._constrainScale(value);\r\n }\r\n if (key === 'scaleX' && value < 0) {\r\n this.flipX = !this.flipX;\r\n value *= -1;\r\n } else if (key === 'scaleY' && value < 0) {\r\n this.flipY = !this.flipY;\r\n value *= -1;\r\n } else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) {\r\n value = new fabric.Shadow(value);\r\n } else if (key === 'dirty' && this.group) {\r\n this.group.set('dirty', value);\r\n }\r\n\r\n this[key] = value;\r\n\r\n if (isChanged) {\r\n const groupNeedsUpdate = this.group && this.group.isOnACache();\r\n if (this.cacheProperties.indexOf(key) > -1) {\r\n this.dirty = true;\r\n groupNeedsUpdate && this.group.set('dirty', true);\r\n } else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) {\r\n this.group.set('dirty', true);\r\n }\r\n }\r\n return this;\r\n }\r\n\r\n /*\r\n * @private\r\n * return if the object would be visible in rendering\r\n * @memberOf FabricObject.prototype\r\n * @return {Boolean}\r\n */\r\n isNotVisible() {\r\n return (\r\n this.opacity === 0 ||\r\n (!this.width && !this.height && this.strokeWidth === 0) ||\r\n !this.visible\r\n );\r\n }\r\n\r\n /**\r\n * Renders an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n // do not render if width/height are zeros or object is not visible\r\n if (this.isNotVisible()) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n this._setupCompositeOperation(ctx);\r\n this.drawSelectionBackground(ctx);\r\n this.transform(ctx);\r\n this._setOpacity(ctx);\r\n this._setShadow(ctx);\r\n if (this.shouldCache()) {\r\n this.renderCache();\r\n this.drawCacheOnCanvas(ctx);\r\n } else {\r\n this._removeCacheCanvas();\r\n this.dirty = false;\r\n this.drawObject(ctx);\r\n if (this.objectCaching && this.statefullCache) {\r\n this.saveState({ propertySet: 'cacheProperties' });\r\n }\r\n }\r\n ctx.restore();\r\n }\r\n\r\n renderCache(options?: any) {\r\n options = options || {};\r\n if (!this._cacheCanvas || !this._cacheContext) {\r\n this._createCacheCanvas();\r\n }\r\n if (this.isCacheDirty() && this._cacheContext) {\r\n this.statefullCache && this.saveState({ propertySet: 'cacheProperties' });\r\n this.drawObject(this._cacheContext, options.forClipping);\r\n this.dirty = false;\r\n }\r\n }\r\n\r\n /**\r\n * Remove cacheCanvas and its dimensions from the objects\r\n */\r\n _removeCacheCanvas() {\r\n this._cacheCanvas = undefined;\r\n this._cacheContext = null;\r\n this.cacheWidth = 0;\r\n this.cacheHeight = 0;\r\n }\r\n\r\n /**\r\n * return true if the object will draw a stroke\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when stroke happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the stroke is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasStroke() {\r\n return (\r\n this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0\r\n );\r\n }\r\n\r\n /**\r\n * return true if the object will draw a fill\r\n * Does not consider text styles. This is just a shortcut used at rendering time\r\n * We want it to be an approximation and be fast.\r\n * wrote to avoid extra caching, it has to return true when fill happens,\r\n * can guess when it will not happen at 100% chance, does not matter if it misses\r\n * some use case where the fill is invisible.\r\n * @since 3.0.0\r\n * @returns Boolean\r\n */\r\n hasFill() {\r\n return this.fill && this.fill !== 'transparent';\r\n }\r\n\r\n /**\r\n * When set to `true`, force the object to have its own cache, even if it is inside a group\r\n * it may be needed when your object behave in a particular way on the cache and always needs\r\n * its own isolated canvas to render correctly.\r\n * Created to be overridden\r\n * since 1.7.12\r\n * @returns Boolean\r\n */\r\n needsItsOwnCache() {\r\n if (\r\n this.paintFirst === 'stroke' &&\r\n this.hasFill() &&\r\n this.hasStroke() &&\r\n typeof this.shadow === 'object'\r\n ) {\r\n return true;\r\n }\r\n if (this.clipPath) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * Read as: cache if is needed, or if the feature is enabled but we are not already caching.\r\n * @return {Boolean}\r\n */\r\n shouldCache() {\r\n this.ownCaching =\r\n this.needsItsOwnCache() ||\r\n (this.objectCaching && (!this.group || !this.group.isOnACache()));\r\n return this.ownCaching;\r\n }\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * used by Group.shouldCache to know if child has a shadow recursively\r\n * @return {Boolean}\r\n * @deprecated\r\n */\r\n willDrawShadow() {\r\n return (\r\n !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)\r\n );\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object clipPath\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Object} clipPath\r\n * todo while converting things, we need a type that is a union of classes that\r\n * represent the fabricObjects. Rect, Circle...\r\n */\r\n drawClipPathOnCache(ctx: CanvasRenderingContext2D, clipPath: FabricObject) {\r\n ctx.save();\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4\r\n if (clipPath.inverted) {\r\n ctx.globalCompositeOperation = 'destination-out';\r\n } else {\r\n ctx.globalCompositeOperation = 'destination-in';\r\n }\r\n //ctx.scale(1 / 2, 1 / 2);\r\n if (clipPath.absolutePositioned) {\r\n const m = fabric.util.invertTransform(this.calcTransformMatrix());\r\n ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n }\r\n clipPath.transform(ctx);\r\n ctx.scale(1 / clipPath.zoomX!, 1 / clipPath.zoomY!);\r\n ctx.drawImage(\r\n clipPath._cacheCanvas!,\r\n -clipPath.cacheTranslationX!,\r\n -clipPath.cacheTranslationY!\r\n );\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {boolean} forClipping apply clipping styles\r\n */\r\n drawObject(ctx: CanvasRenderingContext2D, forClipping?: boolean) {\r\n const originalFill = this.fill,\r\n originalStroke = this.stroke;\r\n if (forClipping) {\r\n this.fill = 'black';\r\n this.stroke = '';\r\n this._setClippingProperties(ctx);\r\n } else {\r\n this._renderBackground(ctx);\r\n }\r\n this._render(ctx);\r\n this._drawClipPath(ctx, this.clipPath);\r\n this.fill = originalFill;\r\n this.stroke = originalStroke;\r\n }\r\n\r\n /**\r\n * Prepare clipPath state and cache and draw it on instance's cache\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {fabric.Object} clipPath\r\n */\r\n _drawClipPath(ctx, clipPath) {\r\n if (!clipPath) {\r\n return;\r\n }\r\n // needed to setup a couple of variables\r\n // path canvas gets overridden with this one.\r\n // TODO find a better solution?\r\n clipPath._set('canvas', this.canvas);\r\n clipPath.shouldCache();\r\n clipPath._transformDone = true;\r\n clipPath.renderCache({ forClipping: true });\r\n this.drawClipPathOnCache(ctx, clipPath);\r\n }\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas(ctx) {\r\n ctx.scale(1 / this.zoomX, 1 / this.zoomY);\r\n ctx.drawImage(\r\n this._cacheCanvas,\r\n -this.cacheTranslationX,\r\n -this.cacheTranslationY\r\n );\r\n }\r\n\r\n /**\r\n * Check if cache is dirty\r\n * @param {Boolean} skipCanvas skip canvas checks because this object is painted\r\n * on parent canvas.\r\n */\r\n isCacheDirty(skipCanvas = false) {\r\n if (this.isNotVisible()) {\r\n return false;\r\n }\r\n if (\r\n this._cacheCanvas &&\r\n this._cacheContext &&\r\n !skipCanvas &&\r\n this._updateCacheCanvas()\r\n ) {\r\n // in this case the context is already cleared.\r\n return true;\r\n } else {\r\n if (\r\n this.dirty ||\r\n (this.clipPath && this.clipPath.absolutePositioned) ||\r\n (this.statefullCache && this.hasStateChanged('cacheProperties'))\r\n ) {\r\n if (this._cacheCanvas && this._cacheContext && !skipCanvas) {\r\n const width = this.cacheWidth / this.zoomX;\r\n const height = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-width / 2, -height / 2, width, height);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Draws a background for the object big as its untransformed dimensions\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground(ctx) {\r\n if (!this.backgroundColor) {\r\n return;\r\n }\r\n const dim = this._getNonTransformedDimensions();\r\n ctx.fillStyle = this.backgroundColor;\r\n\r\n ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y);\r\n // if there is background color no other shadows\r\n // should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setOpacity(ctx) {\r\n if (this.group && !this.group._transformDone) {\r\n ctx.globalAlpha = this.getObjectOpacity();\r\n } else {\r\n ctx.globalAlpha *= this.opacity;\r\n }\r\n }\r\n\r\n _setStrokeStyles(ctx, decl) {\r\n const stroke = decl.stroke;\r\n if (stroke) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = decl.strokeLineCap;\r\n ctx.lineDashOffset = decl.strokeDashOffset;\r\n ctx.lineJoin = decl.strokeLineJoin;\r\n ctx.miterLimit = decl.strokeMiterLimit;\r\n if (stroke.toLive) {\r\n if (\r\n stroke.gradientUnits === 'percentage' ||\r\n stroke.gradientTransform ||\r\n stroke.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n this._applyPatternForTransformedGradient(ctx, stroke);\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx.strokeStyle = stroke.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, stroke);\r\n }\r\n } else {\r\n // is a color\r\n ctx.strokeStyle = decl.stroke;\r\n }\r\n }\r\n }\r\n\r\n _setFillStyles(ctx, decl) {\r\n const fill = decl.fill;\r\n if (fill) {\r\n if (fill.toLive) {\r\n ctx.fillStyle = fill.toLive(ctx, this);\r\n this._applyPatternGradientTransform(ctx, decl.fill);\r\n } else {\r\n ctx.fillStyle = fill;\r\n }\r\n }\r\n }\r\n\r\n _setClippingProperties(ctx) {\r\n ctx.globalAlpha = 1;\r\n ctx.strokeStyle = 'transparent';\r\n ctx.fillStyle = '#000000';\r\n }\r\n\r\n /**\r\n * @private\r\n * Sets line dash\r\n * @param {CanvasRenderingContext2D} ctx Context to set the dash line on\r\n * @param {Array} dashArray array representing dashes\r\n */\r\n _setLineDash(ctx, dashArray) {\r\n if (!dashArray || dashArray.length === 0) {\r\n return;\r\n }\r\n // Spec requires the concatenation of two copies the dash list when the number of elements is odd\r\n if (1 & dashArray.length) {\r\n dashArray.push.apply(dashArray, dashArray);\r\n }\r\n ctx.setLineDash(dashArray);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _setShadow(ctx: CanvasRenderingContext2D) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n let shadow = this.shadow,\r\n canvas = this.canvas,\r\n multX = (canvas && canvas.viewportTransform[0]) || 1,\r\n multY = (canvas && canvas.viewportTransform[3]) || 1,\r\n scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling();\r\n if (canvas && canvas._isRetinaScaling()) {\r\n multX *= config.devicePixelRatio;\r\n multY *= config.devicePixelRatio;\r\n }\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur =\r\n (shadow.blur *\r\n config.browserShadowBlurConstant *\r\n (multX + multY) *\r\n (scaling.x + scaling.y)) /\r\n 4;\r\n ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x;\r\n ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _removeShadow(ctx) {\r\n if (!this.shadow) {\r\n return;\r\n }\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} filler fabric.Pattern or fabric.Gradient\r\n * @return {Object} offset.offsetX offset for text rendering\r\n * @return {Object} offset.offsetY offset for text rendering\r\n */\r\n _applyPatternGradientTransform(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n if (!filler || !filler.toLive) {\r\n return { offsetX: 0, offsetY: 0 };\r\n }\r\n const t = filler.gradientTransform || filler.patternTransform;\r\n const offsetX = -this.width / 2 + filler.offsetX || 0,\r\n offsetY = -this.height / 2 + filler.offsetY || 0;\r\n\r\n if (filler.gradientUnits === 'percentage') {\r\n ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY);\r\n } else {\r\n ctx.transform(1, 0, 0, 1, offsetX, offsetY);\r\n }\r\n if (t) {\r\n ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]);\r\n }\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderPaintInOrder(ctx: CanvasRenderingContext2D) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderStroke(ctx);\r\n this._renderFill(ctx);\r\n } else {\r\n this._renderFill(ctx);\r\n this._renderStroke(ctx);\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * function that actually render something on the context.\r\n * empty here to allow Obects to work on tests to benchmark fabric functionalites\r\n * not related to rendering\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n // placeholder to be overridden\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderFill(ctx: CanvasRenderingContext2D) {\r\n if (!this.fill) {\r\n return;\r\n }\r\n\r\n ctx.save();\r\n this._setFillStyles(ctx, this);\r\n if (this.fillRule === 'evenodd') {\r\n ctx.fill('evenodd');\r\n } else {\r\n ctx.fill();\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderStroke(ctx: CanvasRenderingContext2D) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n if (this.strokeUniform) {\r\n const scaling = this.getObjectScaling();\r\n ctx.scale(1 / scaling.x, 1 / scaling.y);\r\n }\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n this._setStrokeStyles(ctx, this);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n */\r\n _applyPatternForTransformedGradient(\r\n ctx: CanvasRenderingContext2D,\r\n filler: TFiller\r\n ) {\r\n const dims = this._limitCacheSize(this._getCacheCanvasDimensions()),\r\n pCanvas = fabric.util.createCanvasElement(),\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n width = dims.x / this.scaleX / retinaScaling,\r\n height = dims.y / this.scaleY / retinaScaling;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n const pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.scale(\r\n dims.zoomX / this.scaleX / retinaScaling,\r\n dims.zoomY / this.scaleY / retinaScaling\r\n );\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fillStyle = filler.toLive(ctx);\r\n pCtx.fill();\r\n ctx.translate(\r\n -this.width / 2 - this.strokeWidth / 2,\r\n -this.height / 2 - this.strokeWidth / 2\r\n );\r\n ctx.scale(\r\n (retinaScaling * this.scaleX) / dims.zoomX,\r\n (retinaScaling * this.scaleY) / dims.zoomY\r\n );\r\n ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat');\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement() {\r\n return { x: this.left + this.width / 2, y: this.top + this.height / 2 };\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it decompose the transformMatrix\r\n * and assign properties to object.\r\n * untransformed coordinates\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n */\r\n _assignTransformMatrixProps() {\r\n if (this.transformMatrix) {\r\n const options = qrDecompose(this.transformMatrix);\r\n this.flipX = false;\r\n this.flipY = false;\r\n this.set('scaleX', options.scaleX);\r\n this.set('scaleY', options.scaleY);\r\n this.angle = options.angle;\r\n this.skewX = options.skewX;\r\n this.skewY = 0;\r\n }\r\n }\r\n\r\n /**\r\n * This function is an helper for svg import. it removes the transform matrix\r\n * and set to object properties that fabricjs can handle\r\n * @todo move away in the svg import stuff.\r\n * @private\r\n * @param {Object} preserveAspectRatioOptions\r\n */\r\n _removeTransformMatrix(preserveAspectRatioOptions) {\r\n let center = this._findCenterFromElement();\r\n if (this.transformMatrix) {\r\n this._assignTransformMatrixProps();\r\n center = transformPoint(center, this.transformMatrix);\r\n }\r\n this.transformMatrix = null;\r\n if (preserveAspectRatioOptions) {\r\n this.scaleX *= preserveAspectRatioOptions.scaleX;\r\n this.scaleY *= preserveAspectRatioOptions.scaleY;\r\n this.cropX = preserveAspectRatioOptions.cropX;\r\n this.cropY = preserveAspectRatioOptions.cropY;\r\n center.x += preserveAspectRatioOptions.offsetLeft;\r\n center.y += preserveAspectRatioOptions.offsetTop;\r\n this.width = preserveAspectRatioOptions.width;\r\n this.height = preserveAspectRatioOptions.height;\r\n }\r\n this.setPositionByOrigin(center, 'center', 'center');\r\n }\r\n\r\n /**\r\n * Clones an instance.\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {Promise}\r\n */\r\n clone(propertiesToInclude: (keyof this)[]) {\r\n const objectForm = this.toObject(propertiesToInclude);\r\n // todo ok understand this. is static or it isn't?\r\n return this.constructor.fromObject(objectForm);\r\n }\r\n\r\n /**\r\n * Creates an instance of fabric.Image out of an object\r\n * makes use of toCanvasElement.\r\n * Once this method was based on toDataUrl and loadImage, so it also had a quality\r\n * and format option. toCanvasElement is faster and produce no loss of quality.\r\n * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it.\r\n * toCanvasElement and then toBlob from the obtained canvas is also a good option.\r\n * @param {Object} [options] for clone as image, passed to toDataURL\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {fabric.Image} Object cloned as image.\r\n */\r\n cloneAsImage(options: any) {\r\n const canvasEl = this.toCanvasElement(options);\r\n return new fabric.Image(canvasEl);\r\n }\r\n\r\n /**\r\n * Converts an object into a HTMLCanvas element\r\n * @param {Object} options Options object\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object\r\n */\r\n toCanvasElement(options: any) {\r\n options || (options = {});\r\n\r\n const utils = fabric.util,\r\n origParams = utils.saveObjectTransform(this),\r\n originalGroup = this.group,\r\n originalShadow = this.shadow,\r\n abs = Math.abs,\r\n retinaScaling = options.enableRetinaScaling\r\n ? Math.max(config.devicePixelRatio, 1)\r\n : 1,\r\n multiplier = (options.multiplier || 1) * retinaScaling;\r\n delete this.group;\r\n if (options.withoutTransform) {\r\n utils.resetObjectTransform(this);\r\n }\r\n if (options.withoutShadow) {\r\n this.shadow = null;\r\n }\r\n\r\n let el = fabric.util.createCanvasElement(),\r\n // skip canvas zoom and calculate with setCoords now.\r\n boundingRect = this.getBoundingRect(true, true),\r\n shadow = this.shadow,\r\n shadowOffset = { x: 0, y: 0 },\r\n width,\r\n height;\r\n\r\n if (shadow) {\r\n const shadowBlur = shadow.blur;\r\n const scaling = shadow.nonScaling\r\n ? new Point(1, 1)\r\n : this.getObjectScaling();\r\n // consider non scaling shadow.\r\n shadowOffset.x =\r\n 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x);\r\n shadowOffset.y =\r\n 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y);\r\n }\r\n width = boundingRect.width + shadowOffset.x;\r\n height = boundingRect.height + shadowOffset.y;\r\n // if the current width/height is not an integer\r\n // we need to make it so.\r\n el.width = Math.ceil(width);\r\n el.height = Math.ceil(height);\r\n let canvas = new fabric.StaticCanvas(el, {\r\n enableRetinaScaling: false,\r\n renderOnAddRemove: false,\r\n skipOffscreen: false,\r\n });\r\n if (options.format === 'jpeg') {\r\n canvas.backgroundColor = '#fff';\r\n }\r\n this.setPositionByOrigin(\r\n new Point(canvas.width / 2, canvas.height / 2),\r\n 'center',\r\n 'center'\r\n );\r\n const originalCanvas = this.canvas;\r\n canvas._objects = [this];\r\n this.set('canvas', canvas);\r\n this.setCoords();\r\n const canvasEl = canvas.toCanvasElement(multiplier || 1, options);\r\n this.set('canvas', originalCanvas);\r\n this.shadow = originalShadow;\r\n if (originalGroup) {\r\n this.group = originalGroup;\r\n }\r\n this.set(origParams);\r\n this.setCoords();\r\n // canvas.dispose will call image.dispose that will nullify the elements\r\n // since this canvas is a simple element for the process, we remove references\r\n // to objects in this way in order to avoid object trashing.\r\n canvas._objects = [];\r\n // since render has settled it is safe to destroy canvas\r\n canvas.destroy();\r\n canvas = null;\r\n\r\n return canvasEl;\r\n }\r\n\r\n /**\r\n * Converts an object into a data-url-like string\r\n * @param {Object} options Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4\r\n * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4\r\n * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n */\r\n toDataURL(options: any = {}) {\r\n return fabric.util.toDataURL(\r\n this.toCanvasElement(options),\r\n options.format || 'png',\r\n options.quality || 1\r\n );\r\n }\r\n\r\n /**\r\n * Returns true if specified type is identical to the type of an instance\r\n * @param {String} type Type to check against\r\n * @return {Boolean}\r\n */\r\n isType(...types: string[]) {\r\n return types.includes(this.type);\r\n }\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance (is 1 unless subclassed)\r\n */\r\n complexity() {\r\n return 1;\r\n }\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON() {\r\n // delegate, not alias\r\n return this.toObject();\r\n }\r\n\r\n /**\r\n * Sets \"angle\" of an instance with centered rotation\r\n * @param {Number} angle Angle value (in degrees)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n rotate(angle: TDegree) {\r\n const shouldCenterOrigin =\r\n (this.originX !== 'center' || this.originY !== 'center') &&\r\n this.centeredRotation;\r\n\r\n if (shouldCenterOrigin) {\r\n this._setOriginToCenter();\r\n }\r\n\r\n this.set('angle', angle);\r\n\r\n if (shouldCenterOrigin) {\r\n this._resetOrigin();\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerH() {\r\n this.canvas && this.canvas.centerObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object horizontally on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterH() {\r\n this.canvas && this.canvas.viewportCenterObjectH(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n centerV() {\r\n this.canvas && this.canvas.centerObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenterV() {\r\n this.canvas && this.canvas.viewportCenterObjectV(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object vertically and horizontally on canvas to which is was added last\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n center() {\r\n this.canvas && this.canvas.centerObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * Centers object on current viewport of canvas to which it was added last.\r\n * You might need to call `setCoords` on an object after centering, to update controls area.\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n viewportCenter() {\r\n this.canvas && this.canvas.viewportCenterObject(this);\r\n return this;\r\n }\r\n\r\n /**\r\n * This callback function is called by the parent group of an object every\r\n * time a non-delegated property changes on the group. It is passed the key\r\n * and value as parameters. Not adding in this function's signature to avoid\r\n * Travis build error about unused variables.\r\n */\r\n setOnGroup() {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Sets canvas globalCompositeOperation for specific object\r\n * custom composition operation for the particular object can be specified using globalCompositeOperation property\r\n * @param {CanvasRenderingContext2D} ctx Rendering canvas context\r\n */\r\n _setupCompositeOperation(ctx: CanvasRenderingContext2D) {\r\n if (this.globalCompositeOperation) {\r\n ctx.globalCompositeOperation = this.globalCompositeOperation;\r\n }\r\n }\r\n\r\n /**\r\n * cancel instance's running animations\r\n * override if necessary to dispose artifacts such as `clipPath`\r\n */\r\n dispose() {\r\n // todo verify this.\r\n // runningAnimations is always truthy\r\n if (runningAnimations) {\r\n runningAnimations.cancelByTarget(this);\r\n }\r\n }\r\n\r\n /**\r\n *\r\n * @param {Function} klass\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {string} [options.extraParam] property to pass as first argument to the constructor\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static _fromObject(klass, object, { extraParam, ...options } = {}) {\r\n return enlivenObjectEnlivables(clone(object, true), options).then(\r\n (enlivedMap) => {\r\n // from the resulting enlived options, extract options.extraParam to arg0\r\n // to avoid accidental overrides later\r\n const { [extraParam]: arg0, ...rest } = { ...options, ...enlivedMap };\r\n return extraParam ? new klass(arg0, rest) : new klass(rest);\r\n }\r\n );\r\n }\r\n\r\n /**\r\n *\r\n * @static\r\n * @memberOf fabric.Object\r\n * @param {object} object\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n static fromObject(object, options) {\r\n return FabricObject._fromObject(FabricObject, object, options);\r\n }\r\n}\r\n\r\nexport const fabricObjectDefaultValues: TClassProperties = {\r\n type: 'object',\r\n originX: 'left',\r\n originY: 'top',\r\n top: 0,\r\n left: 0,\r\n width: 0,\r\n height: 0,\r\n scaleX: 1,\r\n scaleY: 1,\r\n flipX: false,\r\n flipY: false,\r\n opacity: 1,\r\n angle: 0,\r\n skewX: 0,\r\n skewY: 0,\r\n cornerSize: 13,\r\n touchCornerSize: 24,\r\n transparentCorners: true,\r\n hoverCursor: null,\r\n moveCursor: null,\r\n padding: 0,\r\n borderColor: 'rgb(178,204,255)',\r\n borderDashArray: null,\r\n cornerColor: 'rgb(178,204,255)',\r\n cornerStrokeColor: '',\r\n cornerStyle: 'rect',\r\n cornerDashArray: null,\r\n centeredScaling: false,\r\n centeredRotation: true,\r\n fill: 'rgb(0,0,0)',\r\n fillRule: 'nonzero',\r\n globalCompositeOperation: 'source-over',\r\n backgroundColor: '',\r\n selectionBackgroundColor: '',\r\n stroke: null,\r\n strokeWidth: 1,\r\n strokeDashArray: null,\r\n strokeDashOffset: 0,\r\n strokeLineCap: 'butt',\r\n strokeLineJoin: 'miter',\r\n strokeMiterLimit: 4,\r\n shadow: null,\r\n borderOpacityWhenMoving: 0.4,\r\n borderScaleFactor: 1,\r\n minScaleLimit: 0,\r\n selectable: true,\r\n evented: true,\r\n visible: true,\r\n hasControls: true,\r\n hasBorders: true,\r\n perPixelTargetFind: false,\r\n includeDefaultValues: true,\r\n lockMovementX: false,\r\n lockMovementY: false,\r\n lockRotation: false,\r\n lockScalingX: false,\r\n lockScalingY: false,\r\n lockSkewingX: false,\r\n lockSkewingY: false,\r\n lockScalingFlip: false,\r\n excludeFromExport: false,\r\n objectCaching: !fabric.isLikelyNode,\r\n statefullCache: false,\r\n noScaleCache: true,\r\n strokeUniform: false,\r\n dirty: true,\r\n __corner: 0,\r\n paintFirst: 'fill',\r\n activeOn: 'down',\r\n stateProperties: (\r\n 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' +\r\n 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' +\r\n 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' +\r\n 'skewX skewY fillRule paintFirst clipPath strokeUniform'\r\n ).split(' '),\r\n cacheProperties: (\r\n 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' +\r\n ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath'\r\n ).split(' '),\r\n colorProperties: 'fill stroke backgroundColor'.split(' '),\r\n clipPath: undefined,\r\n inverted: false,\r\n absolutePositioned: false,\r\n controls: {},\r\n};\r\n\r\nObject.assign(FabricObject.prototype, fabricObjectDefaultValues);\r\n","import { IPoint, Point } from '../point.class';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n calcRotateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n TQrDecomposeOut,\r\n} from '../util/misc/matrix';\r\nimport { ObjectGeometry } from './object_geometry.mixin';\r\nimport type { Control } from '../controls/control.class';\r\nimport { sizeAfterTransform } from '../util/misc/objectTransforms';\r\n\r\ntype TOCoord = IPoint & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\ntype TControlSet = Record;\r\n\r\nexport class InteractiveFabricObject extends FabricObject {\r\n /**\r\n * Describe object's corner position in canvas element coordinates.\r\n * properties are depending on control keys and padding the main controls.\r\n * each property is an object with x, y and corner.\r\n * The `corner` property contains in a similar manner the 4 points of the\r\n * interactive area of the corner.\r\n * The coordinates depends from the controls positionHandler and are used\r\n * to draw and locate controls\r\n * @memberOf fabric.Object.prototype\r\n */\r\n oCoords: Record = {};\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type number|string|any\r\n * @default 0\r\n */\r\n __corner: number | string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to do not brea the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n _controlsVisibility: Record;\r\n\r\n /**\r\n * The angle that an object will lock to while rotating.\r\n * @type [TDegree]\r\n */\r\n snapAngle?: TDegree;\r\n\r\n /**\r\n * The angle difference from the current snapped angle in which snapping should occur.\r\n * When undefined, the snapThreshold will default to the snapAngle.\r\n * @type [TDegree]\r\n */\r\n snapThreshold?: TDegree;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the drag action.\r\n */\r\n isMoving?: boolean;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n }\r\n\r\n /**\r\n * Temporary compatibility issue with old classes\r\n * @param {Object} [options] Options object\r\n */\r\n initialize(options: Record) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n }\r\n\r\n /**\r\n * Determines which corner has been clicked\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found\r\n */\r\n _findTargetCorner(pointer: Point, forTouch: boolean): false | string {\r\n if (\r\n !this.hasControls ||\r\n !this.canvas ||\r\n this.canvas._activeObject !== this\r\n ) {\r\n return false;\r\n }\r\n\r\n this.__corner = 0;\r\n // had to keep the reverse loop because was breaking tests\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [cornerKey, corner] = cornerEntries[i];\r\n if (!this.isControlVisible(cornerKey)) {\r\n continue;\r\n }\r\n const lines = this._getImageLines(\r\n forTouch ? corner.touchCorner : corner.corner\r\n );\r\n const xPoints = this._findCrossPoints(pointer, lines);\r\n if (xPoints !== 0 && xPoints % 2 === 1) {\r\n this.__corner = cornerKey;\r\n return cornerKey;\r\n }\r\n // // debugging\r\n //\r\n // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2);\r\n //\r\n // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2);\r\n // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2);\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record}\r\n */\r\n calcOCoords(): Record {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = [1, 0, 0, 1, center.x, center.y] as TMat2D,\r\n rMatrix = calcRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined,\r\n dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record = {};\r\n\r\n this.forEachControl(\r\n (control: any, key: string, fabricObject: InteractiveFabricObject) => {\r\n coords[key] = control.positionHandler(dim, finalMatrix, fabricObject);\r\n }\r\n );\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets corner and controls position coordinates based on current angle, width and height, left and top.\r\n * oCoords are used to find the corners\r\n * aCoords are used to quickly find an object on the canvas\r\n * lineCoords are used to quickly find object during pointer events.\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n if (this.callSuper) {\r\n ObjectGeometry.prototype.setCoords.call(this);\r\n } else {\r\n super.setCoords();\r\n }\r\n // set coordinates of the draggable boxes in the corners used to scale/rotate the image\r\n this.oCoords = this.calcOCoords();\r\n this._setCornerCoords();\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: any,\r\n key: string,\r\n fabricObject: InteractiveFabricObject\r\n ) => any\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n _setCornerCoords(): void {\r\n Object.entries(this.oCoords).forEach(([controlKey, control]) => {\r\n const controlObject = this.controls[controlKey];\r\n control.corner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.cornerSize,\r\n control.x,\r\n control.y,\r\n false\r\n );\r\n control.touchCorner = controlObject.calcCornerCoords(\r\n this.angle,\r\n this.touchCornerSize,\r\n control.x,\r\n control.y,\r\n true\r\n );\r\n });\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && !this.canvas.interactive) ||\r\n (this.canvas && this.canvas._activeObject !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: Record = {}\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = 1 * this.borderScaleFactor;\r\n if (!this.group) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {Object} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: any\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(this.width, this.height, options),\r\n stroke = (\r\n this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth);\r\n size = bbox.add(stroke).scalarAdd(this.borderScaleFactor);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(fabricObject, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Object} styleOverride object to override the object style\r\n */\r\n drawControls(ctx: CanvasRenderingContext2D, styleOverride = {}) {\r\n ctx.save();\r\n const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1;\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.setCoords();\r\n this.forEachControl(function (control, key, fabricObject) {\r\n if (control.getVisibility(fabricObject, key)) {\r\n const p = fabricObject.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, fabricObject);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible;\r\n * @param {Record} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility)\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursror text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually: boolean\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onDeselect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [options] options sent from the upper functions\r\n * @param {Event} [options.e] event if the process is generated by an event\r\n */\r\n onSelect(options: any) {\r\n // implemented by sub-classes, as needed.\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * return true if the object currently dragged can be dropped on the target\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop(e?: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDragSourceEffect() {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n renderDropTargetEffect(e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n","import { InteractiveFabricObject } from '../mixins/object_interactivity.mixin';\r\n\r\n// TODO somehow we have to make a tree-shakeable import\r\n\r\nexport { InteractiveFabricObject as FabricObject };\r\n\r\n(function (global) {\r\n const fabric = global.fabric;\r\n fabric.Object = InteractiveFabricObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { applyViewboxTransform } from './applyViewboxTransform';\r\nimport {\r\n clipPaths,\r\n cssRules,\r\n gradientDefs,\r\n svgInvalidAncestorsRegEx,\r\n svgValidTagNamesRegEx,\r\n} from './constants';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { hasAncestorWithNodeName } from './hasAncestorWithNodeName';\r\nimport { parseElements } from './parseElements';\r\nimport { parseUseDirectives } from './parseUseDirectives';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {SVGDocument} doc SVG document to parse\r\n * @param {Function} callback Callback to call when parsing is finished;\r\n * It's being passed an array of elements (parsed from a document).\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [parsingOptions] options for parsing document\r\n * @param {String} [parsingOptions.crossOrigin] crossOrigin settings\r\n * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function parseSVGDocument(doc, callback, reviver, parsingOptions) {\r\n if (!doc) {\r\n return;\r\n }\r\n if (\r\n parsingOptions &&\r\n parsingOptions.signal &&\r\n parsingOptions.signal.aborted\r\n ) {\r\n throw new Error('`options.signal` is in `aborted` state');\r\n }\r\n parseUseDirectives(doc);\r\n\r\n let svgUid = FabricObject.__uid++,\r\n i,\r\n len,\r\n options = applyViewboxTransform(doc),\r\n descendants = Array.from(doc.getElementsByTagName('*'));\r\n options.crossOrigin = parsingOptions && parsingOptions.crossOrigin;\r\n options.svgUid = svgUid;\r\n options.signal = parsingOptions && parsingOptions.signal;\r\n\r\n if (descendants.length === 0 && isLikelyNode) {\r\n // we're likely in node, where \"o3-xml\" library fails to gEBTN(\"*\")\r\n // https://github.com/ajaxorg/node-o3-xml/issues/21\r\n descendants = doc.selectNodes('//*[name(.)!=\"svg\"]');\r\n const arr = [];\r\n for (i = 0, len = descendants.length; i < len; i++) {\r\n arr[i] = descendants[i];\r\n }\r\n descendants = arr;\r\n }\r\n\r\n const elements = descendants.filter(function (el) {\r\n applyViewboxTransform(el);\r\n return (\r\n svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) &&\r\n !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)\r\n ); // http://www.w3.org/TR/SVG/struct.html#DefsElement\r\n });\r\n if (!elements || (elements && !elements.length)) {\r\n callback && callback([], {});\r\n return;\r\n }\r\n const localClipPaths = {};\r\n descendants\r\n .filter(function (el) {\r\n return el.nodeName.replace('svg:', '') === 'clipPath';\r\n })\r\n .forEach(function (el) {\r\n const id = el.getAttribute('id');\r\n localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(\r\n function (el) {\r\n return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', ''));\r\n }\r\n );\r\n });\r\n gradientDefs[svgUid] = getGradientDefs(doc);\r\n cssRules[svgUid] = getCSSRules(doc);\r\n clipPaths[svgUid] = localClipPaths;\r\n // Precedence of rules: style > class > attribute\r\n parseElements(\r\n elements,\r\n function (instances, elements) {\r\n if (callback) {\r\n callback(instances, options, elements, descendants);\r\n delete gradientDefs[svgUid];\r\n delete cssRules[svgUid];\r\n delete clipPaths[svgUid];\r\n }\r\n },\r\n Object.assign({}, options),\r\n reviver,\r\n parsingOptions\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes string corresponding to an SVG document, and parses it into a set of fabric objects\r\n * @memberOf fabric\r\n * @param {String} string\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromString(string, callback, reviver, options) {\r\n const parser = new fabric.window.DOMParser(),\r\n doc = parser.parseFromString(string.trim(), 'text/xml');\r\n parseSVGDocument(\r\n doc.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { request } from '../util/dom_request';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\n\r\n/**\r\n * Takes url corresponding to an SVG document, and parses it into a set of fabric objects.\r\n * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy)\r\n * @memberOf fabric\r\n * @param {String} url\r\n * @param {Function} callback\r\n * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created.\r\n * @param {Object} [options] Object containing options for parsing\r\n * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\nexport function loadSVGFromURL(url, callback, reviver, options) {\r\n new request(url.replace(/^\\n\\s*/, '').trim(), {\r\n method: 'get',\r\n onComplete: onComplete,\r\n signal: options && options.signal,\r\n });\r\n\r\n function onComplete(r) {\r\n const xml = r.responseXML;\r\n if (!xml || !xml.documentElement) {\r\n callback && callback(null);\r\n return false;\r\n }\r\n\r\n parseSVGDocument(\r\n xml.documentElement,\r\n function (results, _options, elements, allElements) {\r\n callback && callback(results, _options, elements, allElements);\r\n },\r\n reviver,\r\n options\r\n );\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function selectorMatches(element, selector) {\r\n let nodeName = element.nodeName,\r\n classNames = element.getAttribute('class'),\r\n id = element.getAttribute('id'),\r\n matcher,\r\n i;\r\n // i check if a selector matches slicing away part from it.\r\n // if i get empty string i should match\r\n matcher = new RegExp('^' + nodeName, 'i');\r\n selector = selector.replace(matcher, '');\r\n if (id && selector.length) {\r\n matcher = new RegExp('#' + id + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n if (classNames && selector.length) {\r\n classNames = classNames.split(' ');\r\n for (i = classNames.length; i--; ) {\r\n matcher = new RegExp('\\\\.' + classNames[i] + '(?![a-zA-Z\\\\-]+)', 'i');\r\n selector = selector.replace(matcher, '');\r\n }\r\n }\r\n return selector.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { selectorMatches } from './selectorMatches';\r\n\r\nexport function doesSomeParentMatch(element, selectors) {\r\n let selector,\r\n parentMatching = true;\r\n while (\r\n element.parentNode &&\r\n element.parentNode.nodeType === 1 &&\r\n selectors.length\r\n ) {\r\n if (parentMatching) {\r\n selector = selectors.pop();\r\n }\r\n element = element.parentNode;\r\n parentMatching = selectorMatches(element, selector);\r\n }\r\n return selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\n\r\nimport { selectorMatches } from './selectorMatches';\r\nimport { doesSomeParentMatch } from './doesSomeParentMatch';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function elementMatchesRule(element, selectors) {\r\n let firstMatching,\r\n parentMatching = true;\r\n //start from rightmost selector.\r\n firstMatching = selectorMatches(element, selectors.pop());\r\n if (firstMatching && selectors.length) {\r\n parentMatching = doesSomeParentMatch(element, selectors);\r\n }\r\n return firstMatching && parentMatching && selectors.length === 0;\r\n}\r\n","//@ts-nocheck\r\nimport { cssRules } from './constants';\r\nimport { elementMatchesRule } from './elementMatchesRule';\r\n\r\n/**\r\n * @private\r\n */\r\n\r\nexport function getGlobalStylesForElement(element, svgUid) {\r\n const styles = {};\r\n for (const rule in cssRules[svgUid]) {\r\n if (elementMatchesRule(element, rule.split(' '))) {\r\n for (const property in cssRules[svgUid][rule]) {\r\n styles[property] = cssRules[svgUid][rule][property];\r\n }\r\n }\r\n }\r\n return styles;\r\n}\r\n","//@ts-nocheck\r\nimport { attributesMap } from './constants';\r\n\r\nexport function normalizeAttr(attr) {\r\n // transform attribute names\r\n if (attr in attributesMap) {\r\n return attributesMap[attr];\r\n }\r\n return attr;\r\n}\r\n","//@ts-nocheck\r\nimport { cos } from '../util/misc/cos';\r\nimport { sin } from '../util/misc/sin';\r\n\r\nexport function rotateMatrix(matrix, args) {\r\n const cosValue = cos(args[0]),\r\n sinValue = sin(args[0]);\r\n let x = 0,\r\n y = 0;\r\n if (args.length === 3) {\r\n x = args[1];\r\n y = args[2];\r\n }\r\n\r\n matrix[0] = cosValue;\r\n matrix[1] = sinValue;\r\n matrix[2] = -sinValue;\r\n matrix[3] = cosValue;\r\n matrix[4] = x - (cosValue * x - sinValue * y);\r\n matrix[5] = y - (sinValue * x + cosValue * y);\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function scaleMatrix(matrix, args) {\r\n const multiplierX = args[0],\r\n multiplierY = args.length === 2 ? args[1] : args[0];\r\n\r\n matrix[0] = multiplierX;\r\n matrix[3] = multiplierY;\r\n}\r\n","//@ts-nocheck\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\nexport function skewMatrix(matrix, args, pos) {\r\n matrix[pos] = Math.tan(degreesToRadians(args[0]));\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function translateMatrix(matrix, args) {\r\n matrix[4] = args[0];\r\n if (args.length === 2) {\r\n matrix[5] = args[1];\r\n }\r\n}\r\n","//@ts-nocheck\r\nimport { iMatrix } from '../constants';\r\nimport { commaWsp, reNum } from './constants';\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { rotateMatrix } from './rotateMatrix';\r\nimport { scaleMatrix } from './scaleMatrix';\r\nimport { skewMatrix } from './skewMatrix';\r\nimport { translateMatrix } from './translateMatrix';\r\n\r\n// == begin transform regexp\r\nconst number = reNum,\r\n skewX = '(?:(skewX)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n skewY = '(?:(skewY)\\\\s*\\\\(\\\\s*(' + number + ')\\\\s*\\\\))',\r\n rotate =\r\n '(?:(rotate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n scale =\r\n '(?:(scale)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n translate =\r\n '(?:(translate)\\\\s*\\\\(\\\\s*(' +\r\n number +\r\n ')(?:' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n '))?\\\\s*\\\\))',\r\n matrix =\r\n '(?:(matrix)\\\\s*\\\\(\\\\s*' +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n commaWsp +\r\n '(' +\r\n number +\r\n ')' +\r\n '\\\\s*\\\\))',\r\n transform =\r\n '(?:' +\r\n matrix +\r\n '|' +\r\n translate +\r\n '|' +\r\n scale +\r\n '|' +\r\n rotate +\r\n '|' +\r\n skewX +\r\n '|' +\r\n skewY +\r\n ')',\r\n transforms =\r\n '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')',\r\n transformList = '^\\\\s*(?:' + transforms + '?)\\\\s*$',\r\n // http://www.w3.org/TR/SVG/coords.html#TransformAttribute\r\n reTransformList = new RegExp(transformList),\r\n // == end transform regexp\r\n reTransform = new RegExp(transform, 'g');\r\n\r\n/**\r\n * Parses \"transform\" attribute, returning an array of values\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} attributeValue String containing attribute value\r\n * @return {Array} Array of 6 elements representing transformation matrix\r\n */\r\nexport function parseTransformAttribute(attributeValue) {\r\n // start with identity matrix\r\n let matrix = iMatrix.concat(),\r\n matrices = [];\r\n\r\n // return if no argument was given or\r\n // an argument does not match transform attribute regexp\r\n if (\r\n !attributeValue ||\r\n (attributeValue && !reTransformList.test(attributeValue))\r\n ) {\r\n return matrix;\r\n }\r\n\r\n attributeValue.replace(reTransform, function (match) {\r\n const m = new RegExp(transform).exec(match).filter(function (match) {\r\n // match !== '' && match != null\r\n return !!match;\r\n }),\r\n operation = m[1],\r\n args = m.slice(2).map(parseFloat);\r\n\r\n switch (operation) {\r\n case 'translate':\r\n translateMatrix(matrix, args);\r\n break;\r\n case 'rotate':\r\n args[0] = degreesToRadians(args[0]);\r\n rotateMatrix(matrix, args);\r\n break;\r\n case 'scale':\r\n scaleMatrix(matrix, args);\r\n break;\r\n case 'skewX':\r\n skewMatrix(matrix, args, 2);\r\n break;\r\n case 'skewY':\r\n skewMatrix(matrix, args, 1);\r\n break;\r\n case 'matrix':\r\n matrix = args;\r\n break;\r\n }\r\n\r\n // snapshot current matrix into matrices array\r\n matrices.push(matrix.concat());\r\n // reset\r\n matrix = iMatrix.concat();\r\n });\r\n\r\n let combinedMatrix = matrices[0];\r\n while (matrices.length > 1) {\r\n matrices.shift();\r\n combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]);\r\n }\r\n return combinedMatrix;\r\n}\r\n","//@ts-nocheck\r\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nexport function normalizeValue(attr, value, parentAttributes, fontSize) {\r\n let isArray = Array.isArray(value),\r\n parsed;\r\n\r\n if ((attr === 'fill' || attr === 'stroke') && value === 'none') {\r\n value = '';\r\n } else if (attr === 'strokeUniform') {\r\n return value === 'non-scaling-stroke';\r\n } else if (attr === 'strokeDashArray') {\r\n if (value === 'none') {\r\n value = null;\r\n } else {\r\n value = value.replace(/,/g, ' ').split(/\\s+/).map(parseFloat);\r\n }\r\n } else if (attr === 'transformMatrix') {\r\n if (parentAttributes && parentAttributes.transformMatrix) {\r\n value = multiplyTransformMatrices(\r\n parentAttributes.transformMatrix,\r\n parseTransformAttribute(value)\r\n );\r\n } else {\r\n value = parseTransformAttribute(value);\r\n }\r\n } else if (attr === 'visible') {\r\n value = value !== 'none' && value !== 'hidden';\r\n // display=none on parent element always takes precedence over child element\r\n if (parentAttributes && parentAttributes.visible === false) {\r\n value = false;\r\n }\r\n } else if (attr === 'opacity') {\r\n value = parseFloat(value);\r\n if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') {\r\n value *= parentAttributes.opacity;\r\n }\r\n } else if (attr === 'textAnchor' /* text-anchor */) {\r\n value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center';\r\n } else if (attr === 'charSpacing') {\r\n // parseUnit returns px and we convert it to em\r\n parsed = (parseUnit(value, fontSize) / fontSize) * 1000;\r\n } else if (attr === 'paintFirst') {\r\n const fillIndex = value.indexOf('fill');\r\n const strokeIndex = value.indexOf('stroke');\r\n var value = 'fill';\r\n if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) {\r\n value = 'stroke';\r\n } else if (fillIndex === -1 && strokeIndex > -1) {\r\n value = 'stroke';\r\n }\r\n } else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') {\r\n return value;\r\n } else if (attr === 'imageSmoothing') {\r\n return value === 'optimizeQuality';\r\n } else {\r\n parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize);\r\n }\r\n\r\n return !isArray && isNaN(parsed) ? value : parsed;\r\n}\r\n","//@ts-nocheck\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { reFontDeclaration } from './constants';\r\n\r\n/**\r\n * Parses a short font declaration, building adding its properties to a style object\r\n * @static\r\n * @function\r\n * @memberOf fabric\r\n * @param {String} value font declaration\r\n * @param {Object} oStyle definition\r\n */\r\nexport function parseFontDeclaration(value, oStyle) {\r\n const match = value.match(reFontDeclaration);\r\n\r\n if (!match) {\r\n return;\r\n }\r\n const fontStyle = match[1],\r\n // font variant is not used\r\n // fontVariant = match[2],\r\n fontWeight = match[3],\r\n fontSize = match[4],\r\n lineHeight = match[5],\r\n fontFamily = match[6];\r\n\r\n if (fontStyle) {\r\n oStyle.fontStyle = fontStyle;\r\n }\r\n if (fontWeight) {\r\n oStyle.fontWeight = isNaN(parseFloat(fontWeight))\r\n ? fontWeight\r\n : parseFloat(fontWeight);\r\n }\r\n if (fontSize) {\r\n oStyle.fontSize = parseUnit(fontSize);\r\n }\r\n if (fontFamily) {\r\n oStyle.fontFamily = fontFamily;\r\n }\r\n if (lineHeight) {\r\n oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleObject(style, oStyle) {\r\n let attr, value;\r\n for (const prop in style) {\r\n if (typeof style[prop] === 'undefined') {\r\n continue;\r\n }\r\n\r\n attr = prop.toLowerCase();\r\n value = style[prop];\r\n\r\n oStyle[attr] = value;\r\n }\r\n}\r\n","//@ts-nocheck\r\n\r\nexport function parseStyleString(style, oStyle) {\r\n let attr, value;\r\n style\r\n .replace(/;\\s*$/, '')\r\n .split(';')\r\n .forEach(function (chunk) {\r\n const pair = chunk.split(':');\r\n\r\n attr = pair[0].trim().toLowerCase();\r\n value = pair[1].trim();\r\n\r\n oStyle[attr] = value;\r\n });\r\n}\r\n","//@ts-nocheck\r\nimport { parseStyleObject } from './parseStyleObject';\r\nimport { parseStyleString } from './parseStyleString';\r\n\r\n/**\r\n * Parses \"style\" attribute, retuning an object with values\r\n * @static\r\n * @memberOf fabric\r\n * @param {SVGElement} element Element to parse\r\n * @return {Object} Objects with values parsed from style attribute of an element\r\n */\r\nexport function parseStyleAttribute(element) {\r\n const oStyle = {},\r\n style = element.getAttribute('style');\r\n\r\n if (!style) {\r\n return oStyle;\r\n }\r\n\r\n if (typeof style === 'string') {\r\n parseStyleString(style, oStyle);\r\n } else {\r\n parseStyleObject(style, oStyle);\r\n }\r\n\r\n return oStyle;\r\n}\r\n","//@ts-nocheck\r\nimport { Color } from '../color';\r\nimport { toFixed } from '../util/misc/toFixed';\r\nimport { colorAttributes } from './constants';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * @private\r\n * @param {Object} attributes Array of attributes to parse\r\n */\r\n\r\nexport function setStrokeFillOpacity(attributes) {\r\n for (const attr in colorAttributes) {\r\n if (\r\n typeof attributes[colorAttributes[attr]] === 'undefined' ||\r\n attributes[attr] === ''\r\n ) {\r\n continue;\r\n }\r\n\r\n if (typeof attributes[attr] === 'undefined') {\r\n if (!FabricObject.prototype[attr]) {\r\n continue;\r\n }\r\n attributes[attr] = FabricObject.prototype[attr];\r\n }\r\n\r\n if (attributes[attr].indexOf('url(') === 0) {\r\n continue;\r\n }\r\n\r\n const color = new Color(attributes[attr]);\r\n attributes[attr] = color\r\n .setAlpha(\r\n toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)\r\n )\r\n .toRgba();\r\n }\r\n return attributes;\r\n}\r\n","//@ts-nocheck\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\nimport { parseUnit } from '../util/misc/svgParsing';\r\nimport { cPath, fSize, svgValidParentsRegEx } from './constants';\r\nimport { getGlobalStylesForElement } from './getGlobalStylesForElement';\r\nimport { normalizeAttr } from './normalizeAttr';\r\nimport { normalizeValue } from './normalizeValue';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { setStrokeFillOpacity } from './setStrokeFillOpacity';\r\n\r\n/**\r\n * Returns an object of attributes' name/value, given element and an array of attribute names;\r\n * Parses parent \"g\" nodes recursively upwards.\r\n * @param {DOMElement} element Element to parse\r\n * @param {Array} attributes Array of attributes to parse\r\n * @return {Object} object containing parsed attributes' names/values\r\n */\r\nexport function parseAttributes(element, attributes, svgUid?: string) {\r\n if (!element) {\r\n return;\r\n }\r\n\r\n let value,\r\n parentAttributes = {},\r\n fontSize,\r\n parentFontSize;\r\n\r\n if (typeof svgUid === 'undefined') {\r\n svgUid = element.getAttribute('svgUid');\r\n }\r\n // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards\r\n if (\r\n element.parentNode &&\r\n svgValidParentsRegEx.test(element.parentNode.nodeName)\r\n ) {\r\n parentAttributes = parseAttributes(element.parentNode, attributes, svgUid);\r\n }\r\n\r\n let ownAttributes = attributes.reduce(function (memo, attr) {\r\n value = element.getAttribute(attr);\r\n if (value) {\r\n // eslint-disable-line\r\n memo[attr] = value;\r\n }\r\n return memo;\r\n }, {});\r\n // add values parsed from style, which take precedence over attributes\r\n // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes)\r\n const cssAttrs = Object.assign(\r\n getGlobalStylesForElement(element, svgUid),\r\n parseStyleAttribute(element)\r\n );\r\n ownAttributes = Object.assign(ownAttributes, cssAttrs);\r\n if (cssAttrs[cPath]) {\r\n element.setAttribute(cPath, cssAttrs[cPath]);\r\n }\r\n fontSize = parentFontSize =\r\n parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE;\r\n if (ownAttributes[fSize]) {\r\n // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers.\r\n ownAttributes[fSize] = fontSize = parseUnit(\r\n ownAttributes[fSize],\r\n parentFontSize\r\n );\r\n }\r\n\r\n let normalizedAttr,\r\n normalizedValue,\r\n normalizedStyle = {};\r\n for (const attr in ownAttributes) {\r\n normalizedAttr = normalizeAttr(attr);\r\n normalizedValue = normalizeValue(\r\n normalizedAttr,\r\n ownAttributes[attr],\r\n parentAttributes,\r\n fontSize\r\n );\r\n normalizedStyle[normalizedAttr] = normalizedValue;\r\n }\r\n if (normalizedStyle && normalizedStyle.font) {\r\n parseFontDeclaration(normalizedStyle.font, normalizedStyle);\r\n }\r\n const mergedAttrs = Object.assign(parentAttributes, normalizedStyle);\r\n return svgValidParentsRegEx.test(element.nodeName)\r\n ? mergedAttrs\r\n : setStrokeFillOpacity(mergedAttrs);\r\n}\r\n","//@ts-nocheck\r\n\r\n/**\r\n * Parses \"points\" attribute, returning an array of values\r\n * @static\r\n * @memberOf fabric\r\n * @param {String} points points attribute string\r\n * @return {Array} array of points\r\n */\r\nexport function parsePointsAttribute(points) {\r\n // points attribute is required and must not be empty\r\n if (!points) {\r\n return null;\r\n }\r\n\r\n // replace commas with whitespace and remove bookending whitespace\r\n points = points.replace(/,/g, ' ').trim();\r\n\r\n points = points.split(/\\s+/);\r\n let parsedPoints = [],\r\n i,\r\n len;\r\n\r\n for (i = 0, len = points.length; i < len; i += 2) {\r\n parsedPoints.push({\r\n x: parseFloat(points[i]),\r\n y: parseFloat(points[i + 1]),\r\n });\r\n }\r\n\r\n // odd number of points is an error\r\n // if (parsedPoints.length % 2 !== 0) {\r\n // return null;\r\n // }\r\n return parsedPoints;\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from './attributes';\r\nimport { clipPaths, cssRules, gradientDefs } from './constants';\r\nimport { ElementsParser } from './elements_parser';\r\nimport { getCSSRules } from './getCSSRules';\r\nimport { getGradientDefs } from './getGradientDefs';\r\nimport { loadSVGFromString } from './loadSVGFromString';\r\nimport { loadSVGFromURL } from './loadSVGFromURL';\r\nimport { parseAttributes } from './parseAttributes';\r\nimport { parseElements } from './parseElements';\r\nimport { parseFontDeclaration } from './parseFontDeclaration';\r\nimport { parsePointsAttribute } from './parsePointsAttribute';\r\nimport { parseStyleAttribute } from './parseStyleAttribute';\r\nimport { parseSVGDocument } from './parseSVGDocument';\r\nimport { parseTransformAttribute } from './parseTransformAttribute';\r\n\r\nObject.assign(fabric, {\r\n SHARED_ATTRIBUTES,\r\n cssRules,\r\n gradientDefs,\r\n clipPaths,\r\n parseTransformAttribute,\r\n parseSVGDocument,\r\n parseFontDeclaration,\r\n getGradientDefs,\r\n parseAttributes,\r\n parseElements,\r\n parseStyleAttribute,\r\n parsePointsAttribute,\r\n getCSSRules,\r\n loadSVGFromURL,\r\n loadSVGFromString,\r\n ElementsParser,\r\n});\r\n","export const linearDefaultCoords = {\r\n x1: 0,\r\n y1: 0,\r\n x2: 0,\r\n y2: 0,\r\n};\r\n\r\nexport const radialDefaultCoords = {\r\n ...linearDefaultCoords,\r\n r1: 0,\r\n r2: 0,\r\n};\r\n","import { GradientType, GradientUnits } from '../typedefs';\r\n\r\nexport function parseType(el: SVGGradientElement): GradientType {\r\n return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT'\r\n ? 'linear'\r\n : 'radial';\r\n}\r\n\r\nexport function parseGradientUnits(el: SVGGradientElement): GradientUnits {\r\n return el.getAttribute('gradientUnits') === 'userSpaceOnUse'\r\n ? 'pixels'\r\n : 'percentage';\r\n}\r\n","import { ifNaN } from '../util/internals';\r\nimport { capValue } from '../util/misc/capValue';\r\n\r\nconst RE_PERCENT = /^(\\d+\\.\\d+)%|(\\d+)%$/;\r\n\r\nexport function isPercent(value: string | null) {\r\n return value && RE_PERCENT.test(value);\r\n}\r\n\r\n/**\r\n *\r\n * @param value\r\n * @param valueIfNaN\r\n * @returns ∈ [0, 1]\r\n */\r\nexport function parsePercent(\r\n value: string | number | null | undefined,\r\n valueIfNaN?: number\r\n) {\r\n const parsed =\r\n typeof value === 'number'\r\n ? value\r\n : typeof value === 'string'\r\n ? parseFloat(value) / (isPercent(value) ? 100 : 1)\r\n : NaN;\r\n return capValue(0, ifNaN(parsed, valueIfNaN), 1);\r\n}\r\n","import { Color } from '../../color';\r\nimport { parsePercent } from '../../parser/percent';\r\nimport { ifNaN } from '../../util/internals';\r\n\r\nconst RE_KEY_VALUE_PAIRS = /\\s*;\\s*/;\r\nconst RE_KEY_VALUE = /\\s*:\\s*/;\r\n\r\nfunction parseColorStop(el: SVGStopElement, multiplier: number) {\r\n let colorValue, opacity;\r\n const style = el.getAttribute('style');\r\n if (style) {\r\n const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS);\r\n\r\n if (keyValuePairs[keyValuePairs.length - 1] === '') {\r\n keyValuePairs.pop();\r\n }\r\n\r\n for (let i = keyValuePairs.length; i--; ) {\r\n const [key, value] = keyValuePairs[i]\r\n .split(RE_KEY_VALUE)\r\n .map((s) => s.trim());\r\n if (key === 'stop-color') {\r\n colorValue = value;\r\n } else if (key === 'stop-opacity') {\r\n opacity = value;\r\n }\r\n }\r\n }\r\n\r\n const color = new Color(\r\n colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'\r\n );\r\n\r\n return {\r\n offset: parsePercent(el.getAttribute('offset'), 0),\r\n color: color.toRgb(),\r\n opacity:\r\n ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) *\r\n color.getAlpha() *\r\n multiplier,\r\n };\r\n}\r\n\r\nexport function parseColorStops(\r\n el: SVGGradientElement,\r\n opacityAttr: string | null\r\n) {\r\n const colorStops = [],\r\n colorStopEls = el.getElementsByTagName('stop'),\r\n multiplier = parsePercent(opacityAttr, 1);\r\n for (let i = colorStopEls.length; i--; ) {\r\n colorStops.push(parseColorStop(colorStopEls[i], multiplier));\r\n }\r\n return colorStops;\r\n}\r\n","import { isPercent } from '../../parser/percent';\r\nimport { TSize } from '../../typedefs';\r\nimport { GradientCoords, GradientType, GradientUnits } from '../typedefs';\r\nimport { parseGradientUnits, parseType } from './misc';\r\n\r\nfunction convertPercentUnitsToValues<\r\n T extends GradientType,\r\n K extends keyof GradientCoords\r\n>(\r\n valuesToConvert: Record,\r\n { width, height, gradientUnits }: TSize & { gradientUnits: GradientUnits }\r\n) {\r\n let finalValue;\r\n return (Object.keys(valuesToConvert) as K[]).reduce((acc, prop) => {\r\n const propValue = valuesToConvert[prop];\r\n if (propValue === 'Infinity') {\r\n finalValue = 1;\r\n } else if (propValue === '-Infinity') {\r\n finalValue = 0;\r\n } else {\r\n finalValue =\r\n typeof propValue === 'string' ? parseFloat(propValue) : propValue;\r\n if (typeof propValue === 'string' && isPercent(propValue)) {\r\n finalValue *= 0.01;\r\n if (gradientUnits === 'pixels') {\r\n // then we need to fix those percentages here in svg parsing\r\n if (prop === 'x1' || prop === 'x2' || prop === 'r2') {\r\n finalValue *= width;\r\n }\r\n if (prop === 'y1' || prop === 'y2') {\r\n finalValue *= height;\r\n }\r\n }\r\n }\r\n }\r\n acc[prop] = finalValue;\r\n return acc;\r\n }, {} as Record);\r\n}\r\n\r\nfunction getValue(el: SVGGradientElement, key: string) {\r\n return el.getAttribute(key);\r\n}\r\n\r\nexport function parseLinearCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'x1') || 0,\r\n y1: getValue(el, 'y1') || 0,\r\n x2: getValue(el, 'x2') || '100%',\r\n y2: getValue(el, 'y2') || 0,\r\n };\r\n}\r\n\r\nexport function parseRadialCoords(el: SVGGradientElement) {\r\n return {\r\n x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%',\r\n y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%',\r\n r1: 0,\r\n x2: getValue(el, 'cx') || '50%',\r\n y2: getValue(el, 'cy') || '50%',\r\n r2: getValue(el, 'r') || '50%',\r\n };\r\n}\r\n\r\nexport function parseCoords(el: SVGGradientElement, size: TSize) {\r\n return convertPercentUnitsToValues(\r\n parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el),\r\n {\r\n ...size,\r\n gradientUnits: parseGradientUnits(el),\r\n }\r\n );\r\n}\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { iMatrix } from '../constants';\r\nimport { parseTransformAttribute } from '../parser/parseTransformAttribute';\r\nimport { TMat2D } from '../typedefs';\r\nimport { pick } from '../util/misc/pick';\r\nimport { matrixToSVG } from '../util/misc/svgParsing';\r\nimport { linearDefaultCoords, radialDefaultCoords } from './constants';\r\nimport {\r\n parseColorStops,\r\n parseCoords,\r\n parseGradientUnits,\r\n parseType,\r\n} from './parser';\r\nimport {\r\n ColorStop,\r\n GradientCoords,\r\n GradientOptions,\r\n GradientType,\r\n GradientUnits,\r\n SVGOptions,\r\n} from './typedefs';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/**\r\n * Gradient class\r\n * @class Gradient\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients}\r\n */\r\nexport class Gradient<\r\n S,\r\n T extends GradientType = S extends GradientType ? S : 'linear'\r\n> {\r\n /**\r\n * Horizontal offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset for aligning gradients coming from SVG when outside pathgroups\r\n * @type Number\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * A transform matrix to apply to the gradient before painting.\r\n * Imported from svg gradients, is not applied with the current transform in the center.\r\n * Before this transform is applied, the origin point is at the top left corner of the object\r\n * plus the addition of offsetY and offsetX.\r\n * @type Number[]\r\n * @default null\r\n */\r\n gradientTransform: TMat2D | null = null;\r\n\r\n /**\r\n * coordinates units for coords.\r\n * If `pixels`, the number of coords are in the same unit of width / height.\r\n * If set as `percentage` the coords are still a number, but 1 means 100% of width\r\n * for the X and 100% of the height for the y. It can be bigger than 1 and negative.\r\n * allowed values pixels or percentage.\r\n * @type GradientUnits\r\n * @default 'pixels'\r\n */\r\n gradientUnits: GradientUnits;\r\n\r\n /**\r\n * Gradient type linear or radial\r\n * @type GradientType\r\n * @default 'linear'\r\n */\r\n type: T;\r\n\r\n coords: GradientCoords;\r\n\r\n colorStops: ColorStop[];\r\n\r\n private id: string | number;\r\n\r\n constructor({\r\n type = 'linear' as T,\r\n gradientUnits = 'pixels',\r\n coords,\r\n colorStops = [],\r\n offsetX = 0,\r\n offsetY = 0,\r\n gradientTransform,\r\n id,\r\n }: GradientOptions) {\r\n const uid = FabricObject.__uid++;\r\n this.id = id ? `${id}_${uid}` : uid;\r\n this.type = type;\r\n this.gradientUnits = gradientUnits;\r\n this.gradientTransform = gradientTransform || null;\r\n this.offsetX = offsetX;\r\n this.offsetY = offsetY;\r\n this.coords = {\r\n ...(this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords),\r\n ...coords,\r\n } as GradientCoords;\r\n this.colorStops = colorStops.slice();\r\n }\r\n\r\n // isType(type: S): this is Gradient {\r\n // return (this.type as GradientType) === type;\r\n // }\r\n\r\n /**\r\n * Adds another colorStop\r\n * @param {Record} colorStop Object with offset and color\r\n * @return {Gradient} thisArg\r\n */\r\n addColorStop(colorStops: Record) {\r\n for (const position in colorStops) {\r\n const color = new Color(colorStops[position]);\r\n this.colorStops.push({\r\n offset: parseFloat(position),\r\n color: color.toRgb(),\r\n opacity: color.getAlpha(),\r\n });\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns object representation of a gradient\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object}\r\n */\r\n toObject(propertiesToInclude?: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: this.type,\r\n coords: this.coords,\r\n colorStops: this.colorStops,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n gradientUnits: this.gradientUnits,\r\n gradientTransform: this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : this.gradientTransform,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of an gradient\r\n * @param {fabric.Object} object Object to create a gradient for\r\n * @return {String} SVG representation of an gradient (linear/radial)\r\n */\r\n toSVG(\r\n object: FabricObject,\r\n { additionalTransform: preTransform }: { additionalTransform?: string } = {}\r\n ) {\r\n const markup = [],\r\n transform = (\r\n this.gradientTransform\r\n ? this.gradientTransform.concat()\r\n : iMatrix.concat()\r\n ) as TMat2D,\r\n gradientUnits =\r\n this.gradientUnits === 'pixels'\r\n ? 'userSpaceOnUse'\r\n : 'objectBoundingBox';\r\n // colorStops must be sorted ascending, and guarded against deep mutations\r\n const colorStops = this.colorStops\r\n .map((colorStop) => ({ ...colorStop }))\r\n .sort((a, b) => {\r\n return a.offset - b.offset;\r\n });\r\n\r\n let offsetX = -this.offsetX,\r\n offsetY = -this.offsetY;\r\n if (gradientUnits === 'objectBoundingBox') {\r\n offsetX /= object.width;\r\n offsetY /= object.height;\r\n } else {\r\n offsetX += object.width / 2;\r\n offsetY += object.height / 2;\r\n }\r\n if (object.type === 'path' && this.gradientUnits !== 'percentage') {\r\n offsetX -= object.pathOffset.x;\r\n offsetY -= object.pathOffset.y;\r\n }\r\n transform[4] -= offsetX;\r\n transform[5] -= offsetY;\r\n\r\n const commonAttributes = [\r\n `id=\"SVGID_${this.id}\"`,\r\n `gradientUnits=\"${gradientUnits}\"`,\r\n `gradientTransform=\"${\r\n preTransform ? preTransform + ' ' : ''\r\n }${matrixToSVG(transform)}\"`,\r\n '',\r\n ].join(' ');\r\n\r\n if (this.type === 'linear') {\r\n const { x1, y1, x2, y2 } = this.coords;\r\n markup.push(\r\n '\\n'\r\n );\r\n } else if (this.type === 'radial') {\r\n const { x1, y1, x2, y2, r1, r2 } = this\r\n .coords as GradientCoords<'radial'>;\r\n const needsSwap = r1 > r2;\r\n // svg radial gradient has just 1 radius. the biggest.\r\n markup.push(\r\n '\\n'\r\n );\r\n if (needsSwap) {\r\n // svg goes from internal to external radius. if radius are inverted, swap color stops.\r\n colorStops.reverse(); // mutates array\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset = 1 - colorStop.offset;\r\n });\r\n }\r\n const minRadius = Math.min(r1, r2);\r\n if (minRadius > 0) {\r\n // i have to shift all colorStops and add new one in 0.\r\n const maxRadius = Math.max(r1, r2),\r\n percentageShift = minRadius / maxRadius;\r\n colorStops.forEach((colorStop) => {\r\n colorStop.offset += percentageShift * (1 - colorStop.offset);\r\n });\r\n }\r\n }\r\n\r\n colorStops.forEach(({ color, offset, opacity }) => {\r\n markup.push(\r\n '\\n'\r\n );\r\n });\r\n\r\n markup.push(\r\n this.type === 'linear' ? '' : '',\r\n '\\n'\r\n );\r\n\r\n return markup.join('');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns an instance of CanvasGradient\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {CanvasGradient}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (!this.type) {\r\n return;\r\n }\r\n\r\n const coords = this.coords as GradientCoords<'radial'>;\r\n const gradient =\r\n this.type === 'linear'\r\n ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2)\r\n : ctx.createRadialGradient(\r\n coords.x1,\r\n coords.y1,\r\n coords.r1,\r\n coords.x2,\r\n coords.y2,\r\n coords.r2\r\n );\r\n\r\n this.colorStops.forEach(({ color, opacity, offset }) => {\r\n gradient.addColorStop(\r\n offset,\r\n typeof opacity !== 'undefined'\r\n ? new Color(color).setAlpha(opacity).toRgba()\r\n : color\r\n );\r\n });\r\n\r\n return gradient;\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * Returns {@link Gradient} instance from an SVG element\r\n * @static\r\n * @memberOf Gradient\r\n * @param {SVGGradientElement} el SVG gradient element\r\n * @param {FabricObject} instance\r\n * @param {String} opacity A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity.\r\n * @param {SVGOptions} svgOptions an object containing the size of the SVG in order to parse correctly gradients\r\n * that uses gradientUnits as 'userSpaceOnUse' and percentages.\r\n * @return {Gradient} Gradient instance\r\n * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement\r\n * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement\r\n *\r\n * @example\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n * OR\r\n *\r\n * \r\n * \r\n * \r\n * \r\n * \r\n *\r\n */\r\n static fromElement(\r\n el: SVGGradientElement,\r\n instance: FabricObject,\r\n svgOptions: SVGOptions\r\n ): Gradient {\r\n const gradientUnits = parseGradientUnits(el);\r\n return new Gradient({\r\n id: el.getAttribute('id') || undefined,\r\n type: parseType(el),\r\n coords: parseCoords(el, {\r\n width: svgOptions.viewBoxWidth || svgOptions.width,\r\n height: svgOptions.viewBoxHeight || svgOptions.height,\r\n }),\r\n colorStops: parseColorStops(el, svgOptions.opacity),\r\n gradientUnits,\r\n gradientTransform: parseTransformAttribute(\r\n el.getAttribute('gradientTransform') || ''\r\n ),\r\n ...(gradientUnits === 'pixels'\r\n ? {\r\n offsetX: -instance.left,\r\n offsetY: -instance.top,\r\n }\r\n : {\r\n offsetX: 0,\r\n offsetY: 0,\r\n }),\r\n });\r\n }\r\n /* _FROM_SVG_END_ */\r\n}\r\n\r\nfabric.Gradient = Gradient;\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../HEADER';\r\nimport { config } from './config';\r\nimport { TCrossOrigin, TMat2D, TSize } from './typedefs';\r\nimport { ifNaN } from './util/internals';\r\nimport { loadImage } from './util/misc/objectEnlive';\r\nimport { pick } from './util/misc/pick';\r\nimport { toFixed } from './util/misc/toFixed';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nexport type TPatternRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\r\n\r\ntype TExportedKeys =\r\n | 'crossOrigin'\r\n | 'offsetX'\r\n | 'offsetY'\r\n | 'patternTransform'\r\n | 'repeat'\r\n | 'source';\r\n\r\nexport type TPatternOptions = Partial>;\r\n\r\nexport type TPatternSerialized = TPatternOptions & {\r\n source: string;\r\n};\r\n\r\nexport type TPatternHydrationOptions = {\r\n /**\r\n * handle aborting\r\n * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n */\r\n signal: AbortSignal;\r\n};\r\n\r\ntype TImageSource = { source: HTMLImageElement };\r\ntype TCanvasSource = { source: HTMLCanvasElement };\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/patterns demo}\r\n * @see {@link http://fabricjs.com/dynamic-patterns demo}\r\n */\r\nexport class Pattern {\r\n type = 'pattern';\r\n\r\n /**\r\n * @type TPatternRepeat\r\n * @defaults\r\n */\r\n repeat: TPatternRepeat = 'repeat';\r\n\r\n /**\r\n * Pattern horizontal offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Pattern vertical offset from object's left/top corner\r\n * @type Number\r\n * @default\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * @type TCrossOrigin\r\n * @default\r\n */\r\n crossOrigin: TCrossOrigin = '';\r\n\r\n /**\r\n * transform matrix to change the pattern, imported from svgs.\r\n * @type Array\r\n * @default\r\n */\r\n patternTransform: TMat2D | null = null;\r\n\r\n source!: CanvasImageSource;\r\n\r\n readonly id: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @param {option.source} [source] the pattern source, eventually empty or a drawable\r\n * @return {fabric.Pattern} thisArg\r\n */\r\n constructor(options: TPatternOptions = {}) {\r\n this.id = FabricObject.__uid++;\r\n this.setOptions(options);\r\n }\r\n\r\n setOptions(options: Record) {\r\n for (const prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is an element\r\n */\r\n isImageSource(): this is TImageSource {\r\n return typeof this.source.src === 'string';\r\n }\r\n\r\n /**\r\n * @returns true if {@link source} is a element\r\n */\r\n isCanvasSource(): this is TCanvasSource {\r\n return typeof this.source === 'object' && this.source.toDataURL;\r\n }\r\n\r\n sourceToString() {\r\n return this.isImageSource()\r\n ? this.source.src\r\n : this.isCanvasSource()\r\n ? this.source.toDataURL()\r\n : '';\r\n }\r\n\r\n /**\r\n * Returns an instance of CanvasPattern\r\n * @param {CanvasRenderingContext2D} ctx Context to create pattern\r\n * @return {CanvasPattern}\r\n */\r\n toLive(ctx: CanvasRenderingContext2D) {\r\n if (\r\n // if the image failed to load, return, and allow rest to continue loading\r\n !this.source ||\r\n // if an image\r\n (this.isImageSource() &&\r\n (!this.source.complete ||\r\n this.source.naturalWidth === 0 ||\r\n this.source.naturalHeight === 0))\r\n ) {\r\n return '';\r\n }\r\n\r\n return ctx.createPattern(this.source, this.repeat);\r\n }\r\n\r\n /**\r\n * Returns object representation of a pattern\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {object} Object representation of a pattern instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[]) {\r\n return {\r\n ...pick(this, propertiesToInclude),\r\n type: 'pattern',\r\n source: this.sourceToString(),\r\n repeat: this.repeat,\r\n crossOrigin: this.crossOrigin,\r\n offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS),\r\n offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS),\r\n patternTransform: this.patternTransform\r\n ? this.patternTransform.concat()\r\n : null,\r\n };\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a pattern\r\n */\r\n toSVG({ width, height }: TSize) {\r\n const patternSource = this.source,\r\n patternOffsetX = ifNaN(this.offsetX / width, 0),\r\n patternOffsetY = ifNaN(this.offsetY / height, 0),\r\n patternWidth =\r\n this.repeat === 'repeat-y' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetX || 0)\r\n : ifNaN(patternSource.width / width, 0),\r\n patternHeight =\r\n this.repeat === 'repeat-x' || this.repeat === 'no-repeat'\r\n ? 1 + Math.abs(patternOffsetY || 0)\r\n : ifNaN(patternSource.height / height, 0);\r\n\r\n return [\r\n ``,\r\n ``,\r\n ``,\r\n '',\r\n ].join('\\n');\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n static async fromObject(\r\n { source, ...serialized }: TPatternSerialized,\r\n options: TPatternHydrationOptions\r\n ) {\r\n const img = await loadImage(source, {\r\n ...options,\r\n crossOrigin: serialized.crossOrigin,\r\n });\r\n return new Pattern({ ...serialized, source: img });\r\n }\r\n}\r\n\r\nfabric.Pattern = Pattern;\r\n","//@ts-nocheck\r\n\r\nimport { Color } from './color';\r\nimport { config } from './config';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Shadow class\r\n * @class fabric.Shadow\r\n * @see {@link http://fabricjs.com/shadows|Shadow demo}\r\n * @see {@link fabric.Shadow#initialize} for constructor definition\r\n */\r\n fabric.Shadow = fabric.util.createClass(\r\n /** @lends fabric.Shadow.prototype */ {\r\n /**\r\n * Shadow color\r\n * @type String\r\n * @default\r\n */\r\n color: 'rgb(0,0,0)',\r\n\r\n /**\r\n * Shadow blur\r\n * @type Number\r\n */\r\n blur: 0,\r\n\r\n /**\r\n * Shadow horizontal offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetX: 0,\r\n\r\n /**\r\n * Shadow vertical offset\r\n * @type Number\r\n * @default\r\n */\r\n offsetY: 0,\r\n\r\n /**\r\n * Whether the shadow should affect stroke operations\r\n * @type Boolean\r\n * @default\r\n */\r\n affectStroke: false,\r\n\r\n /**\r\n * Indicates whether toObject should include default values\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * When `false`, the shadow will scale with the object.\r\n * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale.\r\n * default to false\r\n * @type Boolean\r\n * @default\r\n */\r\n nonScaling: false,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. \"rgba(0,0,0,0.2) 2px 2px 10px\")\r\n * @return {fabric.Shadow} thisArg\r\n */\r\n initialize: function (options) {\r\n if (typeof options === 'string') {\r\n options = this._parseShadow(options);\r\n }\r\n\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n\r\n this.id = FabricObject.__uid++;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} shadow Shadow value to parse\r\n * @return {Object} Shadow object with color, offsetX, offsetY and blur\r\n */\r\n _parseShadow: function (shadow) {\r\n var shadowStr = shadow.trim(),\r\n offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [],\r\n color =\r\n shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') ||\r\n 'rgb(0,0,0)';\r\n\r\n return {\r\n color: color.trim(),\r\n offsetX: parseFloat(offsetsAndBlur[1], 10) || 0,\r\n offsetY: parseFloat(offsetsAndBlur[2], 10) || 0,\r\n blur: parseFloat(offsetsAndBlur[3], 10) || 0,\r\n };\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow\r\n * @return {String} Returns CSS3 text-shadow declaration\r\n */\r\n toString: function () {\r\n return [this.offsetX, this.offsetY, this.blur, this.color].join('px ');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns SVG representation of a shadow\r\n * @param {fabric.Object} object\r\n * @return {String} SVG representation of a shadow\r\n */\r\n toSVG: function (object) {\r\n var fBoxX = 40,\r\n fBoxY = 40,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS,\r\n offset = fabric.util.rotateVector(\r\n new Point(this.offsetX, this.offsetY),\r\n fabric.util.degreesToRadians(-object.angle)\r\n ),\r\n BLUR_BOX = 20,\r\n color = new Color(this.color);\r\n\r\n if (object.width && object.height) {\r\n //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion\r\n // we add some extra space to filter box to contain the blur ( 20 )\r\n fBoxX =\r\n toFixed(\r\n (Math.abs(offset.x) + this.blur) / object.width,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n fBoxY =\r\n toFixed(\r\n (Math.abs(offset.y) + this.blur) / object.height,\r\n NUM_FRACTION_DIGITS\r\n ) *\r\n 100 +\r\n BLUR_BOX;\r\n }\r\n if (object.flipX) {\r\n offset.x *= -1;\r\n }\r\n if (object.flipY) {\r\n offset.y *= -1;\r\n }\r\n\r\n return (\r\n '\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\t\\n' +\r\n '\\t\\n' +\r\n '\\n'\r\n );\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns object representation of a shadow\r\n * @return {Object} Object representation of a shadow instance\r\n */\r\n toObject: function () {\r\n if (this.includeDefaultValues) {\r\n return {\r\n color: this.color,\r\n blur: this.blur,\r\n offsetX: this.offsetX,\r\n offsetY: this.offsetY,\r\n affectStroke: this.affectStroke,\r\n nonScaling: this.nonScaling,\r\n };\r\n }\r\n var obj = {},\r\n proto = fabric.Shadow.prototype;\r\n\r\n [\r\n 'color',\r\n 'blur',\r\n 'offsetX',\r\n 'offsetY',\r\n 'affectStroke',\r\n 'nonScaling',\r\n ].forEach(function (prop) {\r\n if (this[prop] !== proto[prop]) {\r\n obj[prop] = this[prop];\r\n }\r\n }, this);\r\n\r\n return obj;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Regex matching shadow offsetX, offsetY and blur (ex: \"2px 2px 10px rgba(0,0,0,0.2)\", \"rgb(0,255,0) 2px 2px\")\r\n * @static\r\n * @field\r\n * @memberOf fabric.Shadow\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.Shadow.reOffsetsAndBlur =\r\n /(?:\\s|^)(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?(\\d+(?:\\.\\d*)?(?:px)?)?(?:\\s?|$)(?:$|\\s)/;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { config } from './config';\r\nimport { VERSION } from './constants';\r\nimport { Observable } from './mixins/observable.mixin';\r\nimport { Point } from './point.class';\r\nimport { requestAnimFrame } from './util/animate';\r\nimport { removeFromArray } from './util/internals';\r\nimport { pick } from './util/misc/pick';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { CommonMethods } from './mixins/shared_methods.mixin';\r\n(function (global) {\r\n // aliases for faster resolution\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n getElementOffset = fabric.util.getElementOffset,\r\n toFixed = fabric.util.toFixed,\r\n transformPoint = fabric.util.transformPoint,\r\n invertTransform = fabric.util.invertTransform,\r\n getNodeCanvas = fabric.util.getNodeCanvas,\r\n createCanvasElement = fabric.util.createCanvasElement,\r\n CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element');\r\n\r\n /**\r\n * Static canvas class\r\n * @class fabric.StaticCanvas\r\n * @mixes fabric.Collection\r\n * @mixes fabric.Observable\r\n * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo}\r\n * @see {@link fabric.StaticCanvas#initialize} for constructor definition\r\n * @fires before:render\r\n * @fires after:render\r\n * @fires canvas:cleared\r\n * @fires object:added\r\n * @fires object:removed\r\n */\r\n // eslint-disable-next-line max-len\r\n fabric.StaticCanvas = fabric.util.createClass(\r\n fabric.Collection,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n },\r\n\r\n /**\r\n * Background color of canvas instance.\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n backgroundColor: '',\r\n\r\n /**\r\n * Background image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as background, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n backgroundImage: null,\r\n\r\n /**\r\n * Overlay color of canvas instance.\r\n * @since 1.3.9\r\n * @type {(String|fabric.Pattern)}\r\n * @default\r\n */\r\n overlayColor: '',\r\n\r\n /**\r\n * Overlay image of canvas instance.\r\n * since 2.4.0 image caching is active, please when putting an image as overlay, add to the\r\n * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom\r\n * vale. As an alternative you can disable image objectCaching\r\n * @type fabric.Image\r\n * @default\r\n */\r\n overlayImage: null,\r\n\r\n /**\r\n * Indicates whether toObject/toDatalessObject should include default values\r\n * if set to false, takes precedence over the object value.\r\n * @type Boolean\r\n * @default\r\n */\r\n includeDefaultValues: true,\r\n\r\n /**\r\n * Indicates whether objects' state should be saved\r\n * @type Boolean\r\n * @default\r\n */\r\n stateful: false,\r\n\r\n /**\r\n * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove},\r\n * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas.\r\n * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once\r\n * since the renders are quequed and executed one per frame.\r\n * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() )\r\n * Left default to true to do not break documentation and old app, fiddles.\r\n * @type Boolean\r\n * @default\r\n */\r\n renderOnAddRemove: true,\r\n\r\n /**\r\n * Indicates whether object controls (borders/controls) are rendered above overlay image\r\n * @type Boolean\r\n * @default\r\n */\r\n controlsAboveOverlay: false,\r\n\r\n /**\r\n * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas\r\n * @type Boolean\r\n * @default\r\n */\r\n allowTouchScrolling: false,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing, this is on by default in browsers\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothingEnabled: true,\r\n\r\n /**\r\n * The transformation (a Canvas 2D API transform matrix) which focuses the viewport\r\n * @type Array\r\n * @example Default transform\r\n * canvas.viewportTransform = [1, 0, 0, 1, 0, 0];\r\n * @example Scale by 70% and translate toward bottom-right by 50, without skewing\r\n * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50];\r\n * @default\r\n */\r\n viewportTransform: fabric.iMatrix.concat(),\r\n\r\n /**\r\n * if set to false background image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n backgroundVpt: true,\r\n\r\n /**\r\n * if set to false overlya image is not affected by viewport transform\r\n * @since 1.6.3\r\n * @type Boolean\r\n * @default\r\n */\r\n overlayVpt: true,\r\n\r\n /**\r\n * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens\r\n * @type Boolean\r\n * @default\r\n */\r\n enableRetinaScaling: true,\r\n\r\n /**\r\n * Describe canvas element extension over design\r\n * properties are tl,tr,bl,br.\r\n * if canvas is not zoomed/panned those points are the four corner of canvas\r\n * if canvas is viewportTransformed you those points indicate the extension\r\n * of canvas element in plain untrasformed coordinates\r\n * The coordinates get updated with @method calcViewportBoundaries.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n */\r\n vptCoords: {},\r\n\r\n /**\r\n * Based on vptCoords and object.aCoords, skip rendering of objects that\r\n * are not included in current viewport.\r\n * May greatly help in applications with crowded canvas and use of zoom/pan\r\n * If One of the corner of the bounding box of the object is on the canvas\r\n * the objects get rendered.\r\n * @memberOf fabric.StaticCanvas.prototype\r\n * @type Boolean\r\n * @default\r\n */\r\n skipOffscreen: true,\r\n\r\n /**\r\n * a fabricObject that, without stroke define a clipping area with their shape. filled in black\r\n * the clipPath object gets used when the canvas has rendered, and the context is placed in the\r\n * top left corner of the canvas.\r\n * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true\r\n * @type fabric.Object\r\n */\r\n clipPath: undefined,\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n */\r\n _initStatic: function (el, options) {\r\n this._objects = [];\r\n this._createLowerCanvas(el);\r\n this._initOptions(options);\r\n // only initialize retina scaling once\r\n if (!this.interactive) {\r\n this._initRetinaScaling();\r\n }\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _isRetinaScaling: function () {\r\n return config.devicePixelRatio > 1 && this.enableRetinaScaling;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} retinaScaling if applied, otherwise 1;\r\n */\r\n getRetinaScaling: function () {\r\n return this._isRetinaScaling()\r\n ? Math.max(1, config.devicePixelRatio)\r\n : 1;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initRetinaScaling: function () {\r\n if (!this._isRetinaScaling()) {\r\n return;\r\n }\r\n var scaleRatio = config.devicePixelRatio;\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.lowerCanvasEl,\r\n this.contextContainer\r\n );\r\n if (this.upperCanvasEl) {\r\n this.__initRetinaScaling(\r\n scaleRatio,\r\n this.upperCanvasEl,\r\n this.contextTop\r\n );\r\n }\r\n },\r\n\r\n __initRetinaScaling: function (scaleRatio, canvas, context) {\r\n canvas.setAttribute('width', this.width * scaleRatio);\r\n canvas.setAttribute('height', this.height * scaleRatio);\r\n context.scale(scaleRatio, scaleRatio);\r\n },\r\n\r\n /**\r\n * Calculates canvas element offset relative to the document\r\n * This method is also attached as \"resize\" event handler of window\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n calcOffset: function () {\r\n this._offset = getElementOffset(this.lowerCanvasEl);\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCanvasElement: function () {\r\n var element = createCanvasElement();\r\n if (!element) {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n if (!element.style) {\r\n element.style = {};\r\n }\r\n if (typeof element.getContext === 'undefined') {\r\n throw CANVAS_INIT_ERROR;\r\n }\r\n return element;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initOptions: function (options) {\r\n var lowerCanvasEl = this.lowerCanvasEl;\r\n this.set(options);\r\n\r\n this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0;\r\n this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0;\r\n\r\n if (!this.lowerCanvasEl.style) {\r\n return;\r\n }\r\n\r\n lowerCanvasEl.width = this.width;\r\n lowerCanvasEl.height = this.height;\r\n\r\n lowerCanvasEl.style.width = this.width + 'px';\r\n lowerCanvasEl.style.height = this.height + 'px';\r\n\r\n this.viewportTransform = this.viewportTransform.slice();\r\n },\r\n\r\n /**\r\n * Creates a bottom canvas\r\n * @private\r\n * @param {HTMLElement} [canvasEl]\r\n */\r\n _createLowerCanvas: function (canvasEl) {\r\n // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node\r\n if (canvasEl && canvasEl.getContext) {\r\n this.lowerCanvasEl = canvasEl;\r\n } else {\r\n this.lowerCanvasEl =\r\n fabric.document.getElementById(canvasEl) ||\r\n canvasEl ||\r\n this._createCanvasElement();\r\n }\r\n if (this.lowerCanvasEl.hasAttribute('data-fabric')) {\r\n /* _DEV_MODE_START_ */\r\n throw new Error(\r\n 'fabric.js: trying to initialize a canvas that has already been initialized'\r\n );\r\n /* _DEV_MODE_END_ */\r\n }\r\n this.lowerCanvasEl.classList.add('lower-canvas');\r\n this.lowerCanvasEl.setAttribute('data-fabric', 'main');\r\n if (this.interactive) {\r\n this._originalCanvasStyle = this.lowerCanvasEl.style.cssText;\r\n this._applyCanvasStyle(this.lowerCanvasEl);\r\n }\r\n\r\n this.contextContainer = this.lowerCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * Returns canvas width (in px)\r\n * @return {Number}\r\n */\r\n getWidth: function () {\r\n return this.width;\r\n },\r\n\r\n /**\r\n * Returns canvas height (in px)\r\n * @return {Number}\r\n */\r\n getHeight: function () {\r\n return this.height;\r\n },\r\n\r\n /**\r\n * Sets width of this canvas instance\r\n * @param {Number|String} value Value to set width to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setWidth: function (value, options) {\r\n return this.setDimensions({ width: value }, options);\r\n },\r\n\r\n /**\r\n * Sets height of this canvas instance\r\n * @param {Number|String} value Value to set height to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setHeight: function (value, options) {\r\n return this.setDimensions({ height: value }, options);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n var cssValue;\r\n\r\n options = options || {};\r\n\r\n for (var prop in dimensions) {\r\n cssValue = dimensions[prop];\r\n\r\n if (!options.cssOnly) {\r\n this._setBackstoreDimension(prop, dimensions[prop]);\r\n cssValue += 'px';\r\n this.hasLostContext = true;\r\n }\r\n\r\n if (!options.backstoreOnly) {\r\n this._setCssDimension(prop, cssValue);\r\n }\r\n }\r\n if (this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush &&\r\n this.freeDrawingBrush._setBrushStyles(this.contextTop);\r\n }\r\n this._initRetinaScaling();\r\n this.calcOffset();\r\n\r\n if (!options.cssOnly) {\r\n this.requestRenderAll();\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {Number} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setBackstoreDimension: function (prop, value) {\r\n this.lowerCanvasEl[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl[prop] = value;\r\n }\r\n\r\n if (this.cacheCanvasEl) {\r\n this.cacheCanvasEl[prop] = value;\r\n }\r\n\r\n this[prop] = value;\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Helper for setting css width/height\r\n * @private\r\n * @param {String} prop property (width|height)\r\n * @param {String} value value to set property to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n _setCssDimension: function (prop, value) {\r\n this.lowerCanvasEl.style[prop] = value;\r\n\r\n if (this.upperCanvasEl) {\r\n this.upperCanvasEl.style[prop] = value;\r\n }\r\n\r\n if (this.wrapperEl) {\r\n this.wrapperEl.style[prop] = value;\r\n }\r\n\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns canvas zoom level\r\n * @return {Number}\r\n */\r\n getZoom: function () {\r\n return this.viewportTransform[0];\r\n },\r\n\r\n /**\r\n * Sets viewport transformation of this canvas instance\r\n * @param {Array} vpt a Canvas 2D API transform matrix\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setViewportTransform: function (vpt) {\r\n var activeObject = this._activeObject,\r\n backgroundObject = this.backgroundImage,\r\n overlayObject = this.overlayImage,\r\n object,\r\n i,\r\n len;\r\n this.viewportTransform = vpt;\r\n for (i = 0, len = this._objects.length; i < len; i++) {\r\n object = this._objects[i];\r\n object.group || object.setCoords();\r\n }\r\n if (activeObject) {\r\n activeObject.setCoords();\r\n }\r\n if (backgroundObject) {\r\n backgroundObject.setCoords();\r\n }\r\n if (overlayObject) {\r\n overlayObject.setCoords();\r\n }\r\n this.calcViewportBoundaries();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance, the zoom centered around point\r\n * meaning that following zoom to point with the same point will have the visual\r\n * effect of the zoom originating from that point. The point won't move.\r\n * It has nothing to do with canvas center or visual center of the viewport.\r\n * @param {Point} point to zoom with respect to\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n zoomToPoint: function (point, value) {\r\n // TODO: just change the scale, preserve other transformations\r\n var before = point,\r\n vpt = this.viewportTransform.slice(0);\r\n point = transformPoint(point, invertTransform(this.viewportTransform));\r\n vpt[0] = value;\r\n vpt[3] = value;\r\n var after = transformPoint(point, vpt);\r\n vpt[4] += before.x - after.x;\r\n vpt[5] += before.y - after.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Sets zoom level of this canvas instance\r\n * @param {Number} value to set zoom to, less than 1 zooms out\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n setZoom: function (value) {\r\n this.zoomToPoint(new Point(0, 0), value);\r\n return this;\r\n },\r\n\r\n /**\r\n * Pan viewport so as to place point at top left corner of canvas\r\n * @param {Point} point to move to\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n absolutePan: function (point) {\r\n var vpt = this.viewportTransform.slice(0);\r\n vpt[4] = -point.x;\r\n vpt[5] = -point.y;\r\n return this.setViewportTransform(vpt);\r\n },\r\n\r\n /**\r\n * Pans viewpoint relatively\r\n * @param {Point} point (position vector) to move by\r\n * @return {fabric.Canvas} instance\r\n * @chainable true\r\n */\r\n relativePan: function (point) {\r\n return this.absolutePan(\r\n new Point(\r\n -point.x - this.viewportTransform[4],\r\n -point.y - this.viewportTransform[5]\r\n )\r\n );\r\n },\r\n\r\n /**\r\n * Returns <canvas> element corresponding to this instance\r\n * @return {HTMLCanvasElement}\r\n */\r\n getElement: function () {\r\n return this.lowerCanvasEl;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to add\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n add: function () {\r\n fabric.Collection.add.call(this, arguments, this._onObjectAdded);\r\n arguments.length > 0 &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`)\r\n * An object should be an instance of (or inherit from) fabric.Object\r\n * @param {fabric.Object|fabric.Object[]} objects Object(s) to insert\r\n * @param {Number} index Index to insert object at\r\n * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n insertAt: function (objects, index) {\r\n fabric.Collection.insertAt.call(\r\n this,\r\n objects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n (Array.isArray(objects) ? objects.length > 0 : !!objects) &&\r\n this.renderOnAddRemove &&\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @param {...fabric.Object} objects to remove\r\n * @return {Self} thisArg\r\n * @chainable\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this.stateful && obj.setupState();\r\n if (obj.canvas && obj.canvas !== this) {\r\n /* _DEV_MODE_START_ */\r\n console.warn(\r\n 'fabric.Canvas: trying to add an object that belongs to a different canvas.\\n' +\r\n 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'\r\n );\r\n /* _DEV_MODE_END_ */\r\n obj.canvas.remove(obj);\r\n }\r\n obj._set('canvas', this);\r\n obj.setCoords();\r\n this.fire('object:added', { target: obj });\r\n obj.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n obj._set('canvas', undefined);\r\n this.fire('object:removed', { target: obj });\r\n obj.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Clears specified context of canvas element\r\n * @param {CanvasRenderingContext2D} ctx Context to clear\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clearContext: function (ctx) {\r\n ctx.clearRect(0, 0, this.width, this.height);\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where objects are drawn\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getContext: function () {\r\n return this.contextContainer;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n this.remove.apply(this, this.getObjects());\r\n this.backgroundImage = null;\r\n this.overlayImage = null;\r\n this.backgroundColor = '';\r\n this.overlayColor = '';\r\n if (this._hasITextHandlers) {\r\n this.off('mouse:up', this._mouseUpITextHandler);\r\n this._iTextInstances = null;\r\n this._hasITextHandlers = false;\r\n }\r\n this.clearContext(this.contextContainer);\r\n this.fire('canvas:cleared');\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Renders the canvas\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n this.renderCanvas(this.contextContainer, this._objects);\r\n return this;\r\n },\r\n\r\n /**\r\n * Function created to be instance bound at initialization\r\n * used in requestAnimationFrame rendering\r\n * Let the fabricJS call it. If you call it manually you could have more\r\n * animationFrame stacking on to of each other\r\n * for an imperative rendering, use canvas.renderAll\r\n * @private\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAndReset: function () {\r\n this.nextRenderHandle = 0;\r\n this.renderAll();\r\n },\r\n\r\n /**\r\n * Append a renderAll request to next animation frame.\r\n * unless one is already in progress, in that case nothing is done\r\n * a boolean flag will avoid appending more.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n requestRenderAll: function () {\r\n if (!this.nextRenderHandle && !this.disposed && !this.destroyed) {\r\n this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Calculate the position of the 4 corner of canvas with current viewportTransform.\r\n * helps to determinate when an object is in the current rendering viewport using\r\n * object absolute coordinates ( aCoords )\r\n * @return {Object} points.tl\r\n * @chainable\r\n */\r\n calcViewportBoundaries: function () {\r\n var width = this.width,\r\n height = this.height,\r\n iVpt = invertTransform(this.viewportTransform),\r\n a = transformPoint({ x: 0, y: 0 }, iVpt),\r\n b = transformPoint({ x: width, y: height }, iVpt),\r\n // we don't support vpt flipping\r\n // but the code is robust enough to mostly work with flipping\r\n min = a.min(b),\r\n max = a.max(b);\r\n return (this.vptCoords = {\r\n tl: min,\r\n tr: new Point(max.x, min.y),\r\n bl: new Point(min.x, max.y),\r\n br: max,\r\n });\r\n },\r\n\r\n cancelRequestedRender: function () {\r\n if (this.nextRenderHandle) {\r\n fabric.util.cancelAnimFrame(this.nextRenderHandle);\r\n this.nextRenderHandle = 0;\r\n }\r\n },\r\n\r\n /**\r\n * Renders background, objects, overlay and controls.\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {Array} objects to render\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderCanvas: function (ctx, objects) {\r\n if (this.destroyed) {\r\n return;\r\n }\r\n\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n this.calcViewportBoundaries();\r\n this.clearContext(ctx);\r\n ctx.imageSmoothingEnabled = this.imageSmoothingEnabled;\r\n // node-canvas\r\n ctx.patternQuality = 'best';\r\n this.fire('before:render', { ctx: ctx });\r\n this._renderBackground(ctx);\r\n\r\n ctx.save();\r\n //apply viewport transform once for all rendering process\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this._renderObjects(ctx, objects);\r\n ctx.restore();\r\n if (!this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n if (path) {\r\n path._set('canvas', this);\r\n // needed to setup a couple of variables\r\n path.shouldCache();\r\n path._transformDone = true;\r\n path.renderCache({ forClipping: true });\r\n this.drawClipPathOnCanvas(ctx);\r\n }\r\n this._renderOverlay(ctx);\r\n if (this.controlsAboveOverlay && this.interactive) {\r\n this.drawControls(ctx);\r\n }\r\n this.fire('after:render', { ctx: ctx });\r\n\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask();\r\n this.__cleanupTask = undefined;\r\n }\r\n },\r\n\r\n /**\r\n * Paint the cached clipPath on the lowerCanvasEl\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawClipPathOnCanvas: function (ctx) {\r\n var v = this.viewportTransform,\r\n path = this.clipPath;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n // DEBUG: uncomment this line, comment the following\r\n // ctx.globalAlpha = 0.4;\r\n ctx.globalCompositeOperation = 'destination-in';\r\n path.transform(ctx);\r\n ctx.scale(1 / path.zoomX, 1 / path.zoomY);\r\n ctx.drawImage(\r\n path._cacheCanvas,\r\n -path.cacheTranslationX,\r\n -path.cacheTranslationY\r\n );\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} objects to render\r\n */\r\n _renderObjects: function (ctx, objects) {\r\n var i, len;\r\n for (i = 0, len = objects.length; i < len; ++i) {\r\n objects[i] && objects[i].render(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {string} property 'background' or 'overlay'\r\n */\r\n _renderBackgroundOrOverlay: function (ctx, property) {\r\n var fill = this[property + 'Color'],\r\n object = this[property + 'Image'],\r\n v = this.viewportTransform,\r\n needsVpt = this[property + 'Vpt'];\r\n if (!fill && !object) {\r\n return;\r\n }\r\n if (fill) {\r\n ctx.save();\r\n ctx.beginPath();\r\n ctx.moveTo(0, 0);\r\n ctx.lineTo(this.width, 0);\r\n ctx.lineTo(this.width, this.height);\r\n ctx.lineTo(0, this.height);\r\n ctx.closePath();\r\n ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill;\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0);\r\n var m = fill.gradientTransform || fill.patternTransform;\r\n m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n ctx.fill();\r\n ctx.restore();\r\n }\r\n if (object) {\r\n ctx.save();\r\n if (needsVpt) {\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n object.render(ctx);\r\n ctx.restore();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderBackground: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'background');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderOverlay: function (ctx) {\r\n this._renderBackgroundOrOverlay(ctx, 'overlay');\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * Returned value is an object with top and left properties\r\n * @return {Object} object with \"top\" and \"left\" number values\r\n * @deprecated migrate to `getCenterPoint`\r\n */\r\n getCenter: function () {\r\n return {\r\n top: this.height / 2,\r\n left: this.width / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns coordinates of a center of canvas.\r\n * @return {Point}\r\n */\r\n getCenterPoint: function () {\r\n return new Point(this.width / 2, this.height / 2);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the canvas\r\n * @param {fabric.Object} object Object to center horizontally\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n centerObjectH: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(this.getCenterPoint().x, object.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically in the canvas\r\n * @param {fabric.Object} object Object to center vertically\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObjectV: function (object) {\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, this.getCenterPoint().y)\r\n );\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the canvas\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n centerObject: function (object) {\r\n var center = this.getCenterPoint();\r\n return this._centerObject(object, center);\r\n },\r\n\r\n /**\r\n * Centers object vertically and horizontally in the viewport\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObject: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n return this._centerObject(object, vpCenter);\r\n },\r\n\r\n /**\r\n * Centers object horizontally in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectH: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n this._centerObject(\r\n object,\r\n new Point(vpCenter.x, object.getCenterPoint().y)\r\n );\r\n return this;\r\n },\r\n\r\n /**\r\n * Centers object Vertically in the viewport, object.top is unchanged\r\n * @param {fabric.Object} object Object to center vertically and horizontally\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n viewportCenterObjectV: function (object) {\r\n var vpCenter = this.getVpCenter();\r\n\r\n return this._centerObject(\r\n object,\r\n new Point(object.getCenterPoint().x, vpCenter.y)\r\n );\r\n },\r\n\r\n /**\r\n * Calculate the point in canvas that correspond to the center of actual viewport.\r\n * @return {Point} vpCenter, viewport center\r\n * @chainable\r\n */\r\n getVpCenter: function () {\r\n var center = this.getCenterPoint(),\r\n iVpt = invertTransform(this.viewportTransform);\r\n return transformPoint(center, iVpt);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object Object to center\r\n * @param {Point} center Center point\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n _centerObject: function (object, center) {\r\n object.setXY(center, 'center', 'center');\r\n object.setCoords();\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Returns dataless JSON representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {String} json string\r\n */\r\n toDatalessJSON: function (propertiesToInclude) {\r\n return this.toDatalessObject(propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * Returns Object representation of canvas\r\n * this alias is provided because if you call JSON.stringify on an instance,\r\n * the toJSON object will be invoked if it exists.\r\n * Having a toJSON method means you can do JSON.stringify(myCanvas)\r\n * @return {Object} JSON compatible object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo}\r\n * @example JSON without additional properties\r\n * var json = canvas.toJSON();\r\n * @example JSON with additional properties included\r\n * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']);\r\n * @example JSON without default values\r\n * var json = canvas.toJSON();\r\n */\r\n toJSON: function () {\r\n return this.toObject();\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of canvas\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n return this._toObjectMethod('toDatalessObject', propertiesToInclude);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObjectMethod: function (methodName, propertiesToInclude) {\r\n const clipPath = this.clipPath;\r\n const clipPathData =\r\n clipPath && !clipPath.excludeFromExport\r\n ? this._toObject(clipPath, methodName, propertiesToInclude)\r\n : null;\r\n return {\r\n version: VERSION,\r\n ...pick(this, propertiesToInclude),\r\n objects: this._objects\r\n .filter((object) => !object.excludeFromExport)\r\n .map((instance) =>\r\n this._toObject(instance, methodName, propertiesToInclude)\r\n ),\r\n ...this.__serializeBgOverlay(methodName, propertiesToInclude),\r\n ...(clipPathData ? { clipPath: clipPathData } : null),\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n var originalValue;\r\n\r\n if (!this.includeDefaultValues) {\r\n originalValue = instance.includeDefaultValues;\r\n instance.includeDefaultValues = false;\r\n }\r\n\r\n var object = instance[methodName](propertiesToInclude);\r\n if (!this.includeDefaultValues) {\r\n instance.includeDefaultValues = originalValue;\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n __serializeBgOverlay: function (methodName, propertiesToInclude) {\r\n var data = {},\r\n bgImage = this.backgroundImage,\r\n overlayImage = this.overlayImage,\r\n bgColor = this.backgroundColor,\r\n overlayColor = this.overlayColor;\r\n\r\n if (bgColor && bgColor.toObject) {\r\n if (!bgColor.excludeFromExport) {\r\n data.background = bgColor.toObject(propertiesToInclude);\r\n }\r\n } else if (bgColor) {\r\n data.background = bgColor;\r\n }\r\n\r\n if (overlayColor && overlayColor.toObject) {\r\n if (!overlayColor.excludeFromExport) {\r\n data.overlay = overlayColor.toObject(propertiesToInclude);\r\n }\r\n } else if (overlayColor) {\r\n data.overlay = overlayColor;\r\n }\r\n\r\n if (bgImage && !bgImage.excludeFromExport) {\r\n data.backgroundImage = this._toObject(\r\n bgImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n if (overlayImage && !overlayImage.excludeFromExport) {\r\n data.overlayImage = this._toObject(\r\n overlayImage,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n }\r\n\r\n return data;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true,\r\n * a zoomed canvas will then produce zoomed SVG output.\r\n * @type Boolean\r\n * @default\r\n */\r\n svgViewportTransformation: true,\r\n\r\n /**\r\n * Returns SVG representation of canvas\r\n * @function\r\n * @param {Object} [options] Options object for SVG output\r\n * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included\r\n * @param {Object} [options.viewBox] SVG viewbox object\r\n * @param {Number} [options.viewBox.x] x-coordinate of viewbox\r\n * @param {Number} [options.viewBox.y] y-coordinate of viewbox\r\n * @param {Number} [options.viewBox.width] Width of viewbox\r\n * @param {Number} [options.viewBox.height] Height of viewbox\r\n * @param {String} [options.encoding=UTF-8] Encoding of SVG output\r\n * @param {String} [options.width] desired width of svg with or without units\r\n * @param {String} [options.height] desired height of svg with or without units\r\n * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation.\r\n * @return {String} SVG string\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo}\r\n * @example Normal SVG output\r\n * var svg = canvas.toSVG();\r\n * @example SVG output without preamble (without <?xml ../>)\r\n * var svg = canvas.toSVG({suppressPreamble: true});\r\n * @example SVG output with viewBox attribute\r\n * var svg = canvas.toSVG({\r\n * viewBox: {\r\n * x: 100,\r\n * y: 100,\r\n * width: 200,\r\n * height: 300\r\n * }\r\n * });\r\n * @example SVG output with different encoding (default: UTF-8)\r\n * var svg = canvas.toSVG({encoding: 'ISO-8859-1'});\r\n * @example Modify SVG output with reviver function\r\n * var svg = canvas.toSVG(null, function(svg) {\r\n * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', '');\r\n * });\r\n */\r\n toSVG: function (options, reviver) {\r\n options || (options = {});\r\n options.reviver = reviver;\r\n var markup = [];\r\n\r\n this._setSVGPreamble(markup, options);\r\n this._setSVGHeader(markup, options);\r\n if (this.clipPath) {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n this._setSVGBgOverlayColor(markup, 'background');\r\n this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver);\r\n this._setSVGObjects(markup, reviver);\r\n if (this.clipPath) {\r\n markup.push('\\n');\r\n }\r\n this._setSVGBgOverlayColor(markup, 'overlay');\r\n this._setSVGBgOverlayImage(markup, 'overlayImage', reviver);\r\n\r\n markup.push('');\r\n\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGPreamble: function (markup, options) {\r\n if (options.suppressPreamble) {\r\n return;\r\n }\r\n markup.push(\r\n '\\n',\r\n '\\n'\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGHeader: function (markup, options) {\r\n var width = options.width || this.width,\r\n height = options.height || this.height,\r\n vpt,\r\n viewBox = 'viewBox=\"0 0 ' + this.width + ' ' + this.height + '\" ',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n if (options.viewBox) {\r\n viewBox =\r\n 'viewBox=\"' +\r\n options.viewBox.x +\r\n ' ' +\r\n options.viewBox.y +\r\n ' ' +\r\n options.viewBox.width +\r\n ' ' +\r\n options.viewBox.height +\r\n '\" ';\r\n } else {\r\n if (this.svgViewportTransformation) {\r\n vpt = this.viewportTransform;\r\n viewBox =\r\n 'viewBox=\"' +\r\n toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) +\r\n ' ' +\r\n toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) +\r\n '\" ';\r\n }\r\n }\r\n\r\n markup.push(\r\n '\\n',\r\n 'Created with Fabric.js ',\r\n VERSION,\r\n '\\n',\r\n '\\n',\r\n this.createSVGFontFacesMarkup(),\r\n this.createSVGRefElementsMarkup(),\r\n this.createSVGClipPathMarkup(options),\r\n '\\n'\r\n );\r\n },\r\n\r\n createSVGClipPathMarkup: function (options) {\r\n var clipPath = this.clipPath;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n return (\r\n '\\n' +\r\n this.clipPath.toClipPathSVG(options.reviver) +\r\n '\\n'\r\n );\r\n }\r\n return '';\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG referenced elements like patterns, gradients etc.\r\n * @return {String}\r\n */\r\n createSVGRefElementsMarkup: function () {\r\n var _this = this,\r\n markup = ['background', 'overlay'].map(function (prop) {\r\n var fill = _this[prop + 'Color'];\r\n if (fill && fill.toLive) {\r\n var shouldTransform = _this[prop + 'Vpt'],\r\n vpt = _this.viewportTransform,\r\n object = {\r\n width: _this.width / (shouldTransform ? vpt[0] : 1),\r\n height: _this.height / (shouldTransform ? vpt[3] : 1),\r\n };\r\n return fill.toSVG(object, {\r\n additionalTransform: shouldTransform\r\n ? fabric.util.matrixToSVG(vpt)\r\n : '',\r\n });\r\n }\r\n });\r\n return markup.join('');\r\n },\r\n\r\n /**\r\n * Creates markup containing SVG font faces,\r\n * font URLs for font faces must be collected by developers\r\n * and are not extracted from the DOM by fabricjs\r\n * @param {Array} objects Array of fabric objects\r\n * @return {String}\r\n */\r\n createSVGFontFacesMarkup: function () {\r\n var markup = '',\r\n fontList = {},\r\n obj,\r\n fontFamily,\r\n style,\r\n row,\r\n rowIndex,\r\n _char,\r\n charIndex,\r\n i,\r\n len,\r\n fontPaths = config.fontPaths,\r\n objects = [];\r\n\r\n this._objects.forEach(function add(object) {\r\n objects.push(object);\r\n if (object._objects) {\r\n object._objects.forEach(add);\r\n }\r\n });\r\n\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n obj = objects[i];\r\n fontFamily = obj.fontFamily;\r\n if (\r\n obj.type.indexOf('text') === -1 ||\r\n fontList[fontFamily] ||\r\n !fontPaths[fontFamily]\r\n ) {\r\n continue;\r\n }\r\n fontList[fontFamily] = true;\r\n if (!obj.styles) {\r\n continue;\r\n }\r\n style = obj.styles;\r\n for (rowIndex in style) {\r\n row = style[rowIndex];\r\n for (charIndex in row) {\r\n _char = row[charIndex];\r\n fontFamily = _char.fontFamily;\r\n if (!fontList[fontFamily] && fontPaths[fontFamily]) {\r\n fontList[fontFamily] = true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n for (var j in fontList) {\r\n markup += [\r\n '\\t\\t@font-face {\\n',\r\n \"\\t\\t\\tfont-family: '\",\r\n j,\r\n \"';\\n\",\r\n \"\\t\\t\\tsrc: url('\",\r\n fontPaths[j],\r\n \"');\\n\",\r\n '\\t\\t}\\n',\r\n ].join('');\r\n }\r\n\r\n if (markup) {\r\n markup = [\r\n '\\t\\n',\r\n ].join('');\r\n }\r\n\r\n return markup;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObjects: function (markup, reviver) {\r\n var instance,\r\n i,\r\n len,\r\n objects = this._objects;\r\n for (i = 0, len = objects.length; i < len; i++) {\r\n instance = objects[i];\r\n if (instance.excludeFromExport) {\r\n continue;\r\n }\r\n this._setSVGObject(markup, instance, reviver);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n markup.push(instance.toSVG(reviver));\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayImage: function (markup, property, reviver) {\r\n if (\r\n this[property] &&\r\n !this[property].excludeFromExport &&\r\n this[property].toSVG\r\n ) {\r\n markup.push(this[property].toSVG(reviver));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGBgOverlayColor: function (markup, property) {\r\n var filler = this[property + 'Color'],\r\n vpt = this.viewportTransform,\r\n finalWidth = this.width,\r\n finalHeight = this.height;\r\n if (!filler) {\r\n return;\r\n }\r\n if (filler.toLive) {\r\n var repeat = filler.repeat,\r\n iVpt = fabric.util.invertTransform(vpt),\r\n shouldInvert = this[property + 'Vpt'],\r\n additionalTransform = shouldInvert\r\n ? fabric.util.matrixToSVG(iVpt)\r\n : '';\r\n markup.push(\r\n '\\n'\r\n );\r\n } else {\r\n markup.push(\r\n '\\n'\r\n );\r\n }\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the bottom of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send to back\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.unshift(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.unshift(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or the objects of a multiple selection\r\n * to the top of the stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function (object) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n objs;\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n removeFromArray(this._objects, obj);\r\n this._objects.push(obj);\r\n }\r\n } else {\r\n removeFromArray(this._objects, object);\r\n this._objects.push(object);\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection down in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in behind\r\n * the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = 0; i < objs.length; i++) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx > 0 + objsMoved) {\r\n newIdx = idx - 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== 0) {\r\n // if object is not on the bottom of stack\r\n newIdx = this._findNewLowerIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewLowerIndex: function (object, idx, intersecting) {\r\n var newIdx, i;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse down the stack looking for the nearest intersecting object\r\n for (i = idx - 1; i >= 0; --i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx - 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object or a selection up in stack of drawn objects\r\n * An optional parameter, intersecting allows to move the object in front\r\n * of the first intersecting object. Where intersection is calculated with\r\n * bounding box. If no intersection is found, there will not be change in the\r\n * stack.\r\n * @param {fabric.Object} object Object to send\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (object, intersecting) {\r\n if (!object) {\r\n return this;\r\n }\r\n var activeSelection = this._activeObject,\r\n i,\r\n obj,\r\n idx,\r\n newIdx,\r\n objs,\r\n objsMoved = 0;\r\n\r\n if (object === activeSelection && object.type === 'activeSelection') {\r\n objs = activeSelection._objects;\r\n for (i = objs.length; i--; ) {\r\n obj = objs[i];\r\n idx = this._objects.indexOf(obj);\r\n if (idx < this._objects.length - 1 - objsMoved) {\r\n newIdx = idx + 1;\r\n removeFromArray(this._objects, obj);\r\n this._objects.splice(newIdx, 0, obj);\r\n }\r\n objsMoved++;\r\n }\r\n } else {\r\n idx = this._objects.indexOf(object);\r\n if (idx !== this._objects.length - 1) {\r\n // if object is not on top of stack (last item in an array)\r\n newIdx = this._findNewUpperIndex(object, idx, intersecting);\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(newIdx, 0, object);\r\n }\r\n }\r\n this.renderOnAddRemove && this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _findNewUpperIndex: function (object, idx, intersecting) {\r\n var newIdx, i, len;\r\n\r\n if (intersecting) {\r\n newIdx = idx;\r\n\r\n // traverse up the stack looking for the nearest intersecting object\r\n for (i = idx + 1, len = this._objects.length; i < len; ++i) {\r\n var isIntersecting =\r\n object.intersectsWithObject(this._objects[i]) ||\r\n object.isContainedWithinObject(this._objects[i]) ||\r\n this._objects[i].isContainedWithinObject(object);\r\n\r\n if (isIntersecting) {\r\n newIdx = i;\r\n break;\r\n }\r\n }\r\n } else {\r\n newIdx = idx + 1;\r\n }\r\n\r\n return newIdx;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {fabric.Object} object Object to send\r\n * @param {Number} index Position to move to\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (object, index) {\r\n removeFromArray(this._objects, object);\r\n this._objects.splice(index, 0, object);\r\n return this.renderOnAddRemove && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * Waits until rendering has settled to destroy the canvas\r\n * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed\r\n * @throws if aborted by a consequent call\r\n */\r\n dispose: function () {\r\n this.disposed = true;\r\n return new Promise((resolve, reject) => {\r\n const task = () => {\r\n this.destroy();\r\n resolve(true);\r\n };\r\n task.kill = reject;\r\n if (this.__cleanupTask) {\r\n this.__cleanupTask.kill('aborted');\r\n }\r\n\r\n if (this.destroyed) {\r\n resolve(false);\r\n } else if (this.nextRenderHandle) {\r\n this.__cleanupTask = task;\r\n } else {\r\n task();\r\n }\r\n });\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n this.destroyed = true;\r\n this.cancelRequestedRender();\r\n this.forEachObject(function (object) {\r\n object.dispose && object.dispose();\r\n });\r\n this._objects = [];\r\n if (this.backgroundImage && this.backgroundImage.dispose) {\r\n this.backgroundImage.dispose();\r\n }\r\n this.backgroundImage = null;\r\n if (this.overlayImage && this.overlayImage.dispose) {\r\n this.overlayImage.dispose();\r\n }\r\n this.overlayImage = null;\r\n this._iTextInstances = null;\r\n this.contextContainer = null;\r\n // restore canvas style and attributes\r\n this.lowerCanvasEl.classList.remove('lower-canvas');\r\n this.lowerCanvasEl.removeAttribute('data-fabric');\r\n if (this.interactive) {\r\n this.lowerCanvasEl.style.cssText = this._originalCanvasStyle;\r\n delete this._originalCanvasStyle;\r\n }\r\n // restore canvas size to original size in case retina scaling was applied\r\n this.lowerCanvasEl.setAttribute('width', this.width);\r\n this.lowerCanvasEl.setAttribute('height', this.height);\r\n fabric.util.cleanUpJsdomNode(this.lowerCanvasEl);\r\n this.lowerCanvasEl = undefined;\r\n },\r\n\r\n /**\r\n * Returns a string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n }\r\n );\r\n\r\n // hack - class methods are not enumrable\r\n // TODO remove when migrating to es6\r\n Object.getOwnPropertyNames(Observable.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: Observable.prototype[key],\r\n });\r\n });\r\n Object.getOwnPropertyNames(CommonMethods.prototype).forEach((key) => {\r\n if (key === 'constructor') return;\r\n Object.defineProperty(fabric.StaticCanvas.prototype, key, {\r\n value: CommonMethods.prototype[key],\r\n });\r\n });\r\n\r\n extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter);\r\n\r\n extend(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.StaticCanvas */ {\r\n /**\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n EMPTY_JSON: '{\"objects\": [], \"background\": \"white\"}',\r\n\r\n /**\r\n * Provides a way to check support of some of the canvas methods\r\n * (either those of HTMLCanvasElement itself, or rendering context)\r\n *\r\n * @param {String} methodName Method to check support for;\r\n * Could be one of \"setLineDash\"\r\n * @return {Boolean | null} `true` if method is supported (or at least exists),\r\n * `null` if canvas element or context can not be initialized\r\n */\r\n supports: function (methodName) {\r\n var el = createCanvasElement();\r\n\r\n if (!el || !el.getContext) {\r\n return null;\r\n }\r\n\r\n var ctx = el.getContext('2d');\r\n if (!ctx) {\r\n return null;\r\n }\r\n\r\n switch (methodName) {\r\n case 'setLineDash':\r\n return typeof ctx.setLineDash !== 'undefined';\r\n\r\n default:\r\n return null;\r\n }\r\n },\r\n }\r\n );\r\n\r\n if (fabric.isLikelyNode) {\r\n fabric.StaticCanvas.prototype.createPNGStream = function () {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createPNGStream();\r\n };\r\n fabric.StaticCanvas.prototype.createJPEGStream = function (opts) {\r\n var impl = getNodeCanvas(this.lowerCanvasEl);\r\n return impl && impl.createJPEGStream(opts);\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n TOriginX,\r\n TOriginY,\r\n TPointerEvent,\r\n Transform,\r\n TransformAction,\r\n TransformEvent,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport const NOT_ALLOWED_CURSOR = 'not-allowed';\r\n\r\n/**\r\n * @param {Boolean} alreadySelected true if target is already selected\r\n * @param {String} corner a string representing the corner ml, mr, tl ...\r\n * @param {Event} e Event object\r\n * @param {FabricObject} [target] inserted back to help overriding. Unused\r\n */\r\nexport const getActionFromCorner = (\r\n alreadySelected: boolean,\r\n corner: string,\r\n e: TPointerEvent,\r\n target: FabricObject\r\n) => {\r\n if (!corner || !alreadySelected) {\r\n return 'drag';\r\n }\r\n const control = target.controls[corner];\r\n return control.getActionName(e, control, target);\r\n};\r\n\r\n/**\r\n * Checks if transform is centered\r\n * @param {Object} transform transform data\r\n * @return {Boolean} true if transform is centered\r\n */\r\nexport function isTransformCentered(transform: Transform) {\r\n return transform.originX === 'center' && transform.originY === 'center';\r\n}\r\n\r\nexport function invertOrigin(origin: TOriginX | TOriginY) {\r\n return -resolveOrigin(origin) + 0.5;\r\n}\r\n\r\nexport const isLocked = (\r\n target: FabricObject,\r\n lockingKey:\r\n | 'lockMovementX'\r\n | 'lockMovementY'\r\n | 'lockRotation'\r\n | 'lockScalingX'\r\n | 'lockScalingY'\r\n | 'lockSkewingX'\r\n | 'lockSkewingY'\r\n | 'lockScalingFlip'\r\n) => target[lockingKey];\r\n\r\nexport const commonEventInfo: TransformAction = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return {\r\n e: eventData,\r\n transform,\r\n pointer: new Point(x, y),\r\n };\r\n};\r\n\r\n/**\r\n * Combine control position and object angle to find the control direction compared\r\n * to the object center.\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n * @param {Control} control the control class\r\n * @return {Number} 0 - 7 a quadrant number\r\n */\r\nexport function findCornerQuadrant(\r\n fabricObject: FabricObject,\r\n control: Control\r\n) {\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle(),\r\n cornerAngle =\r\n angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360;\r\n return Math.round((cornerAngle % 360) / 45);\r\n}\r\n\r\n/**\r\n * @returns the normalized point (rotated relative to center) in local coordinates\r\n */\r\nfunction normalizePoint(\r\n target: FabricObject,\r\n point: Point,\r\n originX: TOriginX,\r\n originY: TOriginY\r\n): Point {\r\n const center = target.getRelativeCenterPoint(),\r\n p =\r\n typeof originX !== 'undefined' && typeof originY !== 'undefined'\r\n ? target.translateToGivenOrigin(\r\n center,\r\n 'center',\r\n 'center',\r\n originX,\r\n originY\r\n )\r\n : new Point(target.left, target.top),\r\n p2 = target.angle\r\n ? point.rotate(-degreesToRadians(target.angle), center)\r\n : point;\r\n return p2.subtract(p);\r\n}\r\n\r\n/**\r\n * Transforms a point to the offset from the given origin\r\n * @param {Object} transform\r\n * @param {String} originX\r\n * @param {String} originY\r\n * @param {number} x\r\n * @param {number} y\r\n * @return {Fabric.Point} the normalized point\r\n */\r\nexport function getLocalPoint(\r\n { target, corner }: Transform,\r\n originX: TOriginX,\r\n originY: TOriginY,\r\n x: number,\r\n y: number\r\n) {\r\n const control = target.controls[corner],\r\n zoom = target.canvas?.getZoom() || 1,\r\n padding = target.padding / zoom,\r\n localPoint = normalizePoint(target, new Point(x, y), originX, originY);\r\n if (localPoint.x >= padding) {\r\n localPoint.x -= padding;\r\n }\r\n if (localPoint.x <= -padding) {\r\n localPoint.x += padding;\r\n }\r\n if (localPoint.y >= padding) {\r\n localPoint.y -= padding;\r\n }\r\n if (localPoint.y <= padding) {\r\n localPoint.y += padding;\r\n }\r\n localPoint.x -= control.offsetX;\r\n localPoint.y -= control.offsetY;\r\n return localPoint;\r\n}\r\n","import { TransformEvent } from '../typedefs';\r\n\r\nexport const fireEvent = (eventName: string, options: TransformEvent) => {\r\n const {\r\n transform: { target },\r\n } = options;\r\n target.canvas?.fire(`object:${eventName}`, { ...options, target });\r\n target.fire(eventName, options);\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo } from './util';\r\n\r\n/**\r\n * Wrap an action handler with firing an event if the action is performed\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport const wrapWithFireEvent = (\r\n eventName: string,\r\n actionHandler: TransformActionHandler\r\n) => {\r\n return ((eventData, transform, x, y) => {\r\n const actionPerformed = actionHandler(eventData, transform, x, y);\r\n if (actionPerformed) {\r\n fireEvent(eventName, commonEventInfo(eventData, transform, x, y));\r\n }\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n};\r\n","import { Transform, TransformActionHandler } from '../typedefs';\r\n\r\n/**\r\n * Wrap an action handler with saving/restoring object position on the transform.\r\n * this is the code that permits to objects to keep their position while transforming.\r\n * @param {Function} actionHandler the function to wrap\r\n * @return {Function} a function with an action handler signature\r\n */\r\nexport function wrapWithFixedAnchor(\r\n actionHandler: TransformActionHandler\r\n) {\r\n return ((eventData, transform, x, y) => {\r\n const { target, originX, originY } = transform,\r\n centerPoint = target.getRelativeCenterPoint(),\r\n constraint = target.translateToOriginPoint(centerPoint, originX, originY),\r\n actionPerformed = actionHandler(eventData, transform, x, y);\r\n target.setPositionByOrigin(constraint, originX, originY);\r\n return actionPerformed;\r\n }) as TransformActionHandler;\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { getLocalPoint, isTransformCentered } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Action handler to change object's width\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const changeObjectWidth: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const localPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // make sure the control changes width ONLY from it's side of target\r\n if (\r\n transform.originX === 'center' ||\r\n (transform.originX === 'right' && localPoint.x < 0) ||\r\n (transform.originX === 'left' && localPoint.x > 0)\r\n ) {\r\n const { target } = transform,\r\n strokePadding =\r\n target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),\r\n multiplier = isTransformCentered(transform) ? 2 : 1,\r\n oldWidth = target.width,\r\n newWidth = Math.ceil(\r\n Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding\r\n );\r\n target.set('width', Math.max(newWidth, 0));\r\n // check against actual target width in case `newWidth` was rejected\r\n return oldWidth !== target.width;\r\n }\r\n return false;\r\n};\r\n\r\nexport const changeWidth = wrapWithFireEvent(\r\n 'resizing',\r\n wrapWithFixedAnchor(changeObjectWidth)\r\n);\r\n","import { PiBy180, twoMathPi } from '../constants';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport type { Control } from './control.class';\r\n\r\nexport type ControlRenderingStyleOverride = Partial<\r\n Pick<\r\n FabricObject,\r\n | 'cornerStyle'\r\n | 'cornerSize'\r\n | 'cornerColor'\r\n | 'cornerStrokeColor'\r\n | 'cornerDashArray'\r\n | 'transparentCorners'\r\n >\r\n>;\r\n\r\nexport type ControlRenderer = (\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) => void;\r\n\r\n/**\r\n * Render a round control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderCircleControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);\r\n let myLeft = left,\r\n myTop = top,\r\n size;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // TODO: use proper ellipse code.\r\n if (xSize > ySize) {\r\n size = xSize;\r\n ctx.scale(1.0, ySize / xSize);\r\n myTop = (top * xSize) / ySize;\r\n } else if (ySize > xSize) {\r\n size = ySize;\r\n ctx.scale(xSize / ySize, 1.0);\r\n myLeft = (left * ySize) / xSize;\r\n } else {\r\n size = xSize;\r\n }\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.beginPath();\r\n ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false);\r\n ctx[methodName]();\r\n if (stroke) {\r\n ctx.stroke();\r\n }\r\n ctx.restore();\r\n}\r\n\r\n/**\r\n * Render a square control, as per fabric features.\r\n * This function is written to respect object properties like transparentCorners, cornerSize\r\n * cornerColor, cornerStrokeColor\r\n * plus the addition of offsetY and offsetX.\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @param {Number} left x coordinate where the control center should be\r\n * @param {Number} top y coordinate where the control center should be\r\n * @param {Object} styleOverride override for FabricObject controls style\r\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\r\n */\r\nexport function renderSquareControl(\r\n this: Control,\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride,\r\n fabricObject: FabricObject\r\n) {\r\n styleOverride = styleOverride || {};\r\n const xSize =\r\n this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\r\n ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\r\n transparentCorners =\r\n typeof styleOverride.transparentCorners !== 'undefined'\r\n ? styleOverride.transparentCorners\r\n : fabricObject.transparentCorners,\r\n methodName = transparentCorners ? 'stroke' : 'fill',\r\n stroke =\r\n !transparentCorners &&\r\n (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),\r\n xSizeBy2 = xSize / 2,\r\n ySizeBy2 = ySize / 2;\r\n ctx.save();\r\n ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\r\n ctx.strokeStyle =\r\n styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\r\n // this is still wrong\r\n ctx.lineWidth = 1;\r\n ctx.translate(left, top);\r\n // angle is relative to canvas plane\r\n const angle = fabricObject.getTotalAngle();\r\n ctx.rotate(degreesToRadians(angle));\r\n // this does not work, and fixed with ( && ) does not make sense.\r\n // to have real transparent corners we need the controls on upperCanvas\r\n // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n if (stroke) {\r\n ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\r\n }\r\n ctx.restore();\r\n}\r\n","import { TransformActionHandler } from '../typedefs';\r\nimport { fireEvent } from '../util/fireEvent';\r\nimport { commonEventInfo, isLocked } from './util';\r\n\r\n/**\r\n * Action handler\r\n * @private\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if the translation occurred\r\n */\r\nexport const dragHandler: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n const { target, offsetX, offsetY } = transform,\r\n newLeft = x - offsetX,\r\n newTop = y - offsetY,\r\n moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\r\n moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\r\n moveX && target.set('left', newLeft);\r\n moveY && target.set('top', newTop);\r\n if (moveX || moveY) {\r\n fireEvent('moving', commonEventInfo(eventData, transform, x, y));\r\n }\r\n return moveX || moveY;\r\n};\r\n","// @ts-nocheck\r\n\r\nimport { ControlCursorCallback, TransformActionHandler } from '../typedefs';\r\nimport { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\r\nimport { isLocked, NOT_ALLOWED_CURSOR } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\n/**\r\n * Find the correct style for the control that is used for rotation.\r\n * this function is very simple and it just take care of not-allowed or standard cursor\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const rotationStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (fabricObject.lockRotation) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n return control.cursorStyle;\r\n};\r\n\r\n/**\r\n * Action handler for rotation and snapping, without anchor point.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nconst rotateObjectWithSnapping: TransformActionHandler = (\r\n eventData,\r\n { target, ex, ey, theta, originX, originY },\r\n x,\r\n y\r\n) => {\r\n const pivotPoint = target.translateToOriginPoint(\r\n target.getRelativeCenterPoint(),\r\n originX,\r\n originY\r\n );\r\n\r\n if (isLocked(target, 'lockRotation')) {\r\n return false;\r\n }\r\n\r\n const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x),\r\n curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x);\r\n let angle = radiansToDegrees(curAngle - lastAngle + theta);\r\n\r\n if (target.snapAngle && target.snapAngle > 0) {\r\n const snapAngle = target.snapAngle,\r\n snapThreshold = target.snapThreshold || snapAngle,\r\n rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle,\r\n leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle;\r\n\r\n if (Math.abs(angle - leftAngleLocked) < snapThreshold) {\r\n angle = leftAngleLocked;\r\n } else if (Math.abs(angle - rightAngleLocked) < snapThreshold) {\r\n angle = rightAngleLocked;\r\n }\r\n }\r\n\r\n // normalize angle to positive value\r\n if (angle < 0) {\r\n angle = 360 + angle;\r\n }\r\n angle %= 360;\r\n\r\n const hasRotated = target.angle !== angle;\r\n // TODO: why aren't we using set?\r\n target.angle = angle;\r\n return hasRotated;\r\n};\r\n\r\nexport const rotationWithSnapping = wrapWithFireEvent(\r\n 'rotating',\r\n wrapWithFixedAnchor(rotateObjectWithSnapping)\r\n);\r\n","import type { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n invertOrigin,\r\n isLocked,\r\n isTransformCentered,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\ntype ScaleTransform = Transform & {\r\n gestureScale?: number;\r\n signX?: number;\r\n signY?: number;\r\n};\r\n\r\ntype ScaleBy = TAxis | 'equally' | '' | undefined;\r\n\r\n/**\r\n * Inspect event and fabricObject properties to understand if the scaling action\r\n * @param {Event} eventData from the user action\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @return {Boolean} true if scale is proportional\r\n */\r\nexport function scaleIsProportional(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject\r\n): boolean {\r\n const canvas = fabricObject.canvas as Canvas,\r\n uniformIsToggled = eventData[canvas.uniScaleKey];\r\n return (\r\n (canvas.uniformScaling && !uniformIsToggled) ||\r\n (!canvas.uniformScaling && uniformIsToggled)\r\n );\r\n}\r\n\r\n/**\r\n * Inspect fabricObject to understand if the current scaling action is allowed\r\n * @param {FabricObject} fabricObject the fabric object about to scale\r\n * @param {String} by 'x' or 'y' or ''\r\n * @param {Boolean} scaleProportionally true if we are trying to scale proportionally\r\n * @return {Boolean} true if scaling is not allowed at current conditions\r\n */\r\nexport function scalingIsForbidden(\r\n fabricObject: FabricObject,\r\n by: ScaleBy,\r\n scaleProportionally: boolean\r\n) {\r\n const lockX = isLocked(fabricObject, 'lockScalingX'),\r\n lockY = isLocked(fabricObject, 'lockScalingY');\r\n if (lockX && lockY) {\r\n return true;\r\n }\r\n if (!by && (lockX || lockY) && scaleProportionally) {\r\n return true;\r\n }\r\n if (lockX && by === 'x') {\r\n return true;\r\n }\r\n if (lockY && by === 'y') {\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nconst scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'];\r\n\r\n/**\r\n * return the correct cursor style for the scale action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n const scaleProportionally = scaleIsProportional(eventData, fabricObject),\r\n by =\r\n control.x !== 0 && control.y === 0\r\n ? 'x'\r\n : control.x === 0 && control.y !== 0\r\n ? 'y'\r\n : '';\r\n if (scalingIsForbidden(fabricObject, by, scaleProportionally)) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control);\r\n return `${scaleMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @param {Object} options additional information for scaling\r\n * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling\r\n * @return {Boolean} true if some change happened\r\n * @private\r\n */\r\nfunction scaleObject(\r\n eventData: TPointerEvent,\r\n transform: ScaleTransform,\r\n x: number,\r\n y: number,\r\n options: { by?: ScaleBy } = {}\r\n) {\r\n const target = transform.target,\r\n by = options.by,\r\n scaleProportionally = scaleIsProportional(eventData, target),\r\n forbidScaling = scalingIsForbidden(target, by, scaleProportionally);\r\n let newPoint, scaleX, scaleY, dim, signX, signY;\r\n\r\n if (forbidScaling) {\r\n return false;\r\n }\r\n if (transform.gestureScale) {\r\n scaleX = transform.scaleX * transform.gestureScale;\r\n scaleY = transform.scaleY * transform.gestureScale;\r\n } else {\r\n newPoint = getLocalPoint(\r\n transform,\r\n transform.originX,\r\n transform.originY,\r\n x,\r\n y\r\n );\r\n // use of sign: We use sign to detect change of direction of an action. sign usually change when\r\n // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling\r\n // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily\r\n // cross many time the origin point and flip the object. so we need a way to filter out the noise.\r\n // This ternary here should be ok to filter out X scaling when we want Y only and vice versa.\r\n signX = by !== 'y' ? Math.sign(newPoint.x) : 1;\r\n signY = by !== 'x' ? Math.sign(newPoint.y) : 1;\r\n if (!transform.signX) {\r\n transform.signX = signX;\r\n }\r\n if (!transform.signY) {\r\n transform.signY = signY;\r\n }\r\n\r\n if (\r\n isLocked(target, 'lockScalingFlip') &&\r\n (transform.signX !== signX || transform.signY !== signY)\r\n ) {\r\n return false;\r\n }\r\n\r\n dim = target._getTransformedDimensions();\r\n // missing detection of flip and logic to switch the origin\r\n if (scaleProportionally && !by) {\r\n // uniform scaling\r\n const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y),\r\n { original } = transform,\r\n originalDistance =\r\n Math.abs((dim.x * original.scaleX) / target.scaleX) +\r\n Math.abs((dim.y * original.scaleY) / target.scaleY),\r\n scale = distance / originalDistance;\r\n scaleX = original.scaleX * scale;\r\n scaleY = original.scaleY * scale;\r\n } else {\r\n scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x);\r\n scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y);\r\n }\r\n // if we are scaling by center, we need to double the scale\r\n if (isTransformCentered(transform)) {\r\n scaleX *= 2;\r\n scaleY *= 2;\r\n }\r\n if (transform.signX !== signX && by !== 'y') {\r\n transform.originX = invertOrigin(transform.originX);\r\n scaleX *= -1;\r\n transform.signX = signX;\r\n }\r\n if (transform.signY !== signY && by !== 'x') {\r\n transform.originY = invertOrigin(transform.originY);\r\n scaleY *= -1;\r\n transform.signY = signY;\r\n }\r\n }\r\n // minScale is taken are in the setter.\r\n const oldScaleX = target.scaleX,\r\n oldScaleY = target.scaleY;\r\n if (!by) {\r\n !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX);\r\n !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY);\r\n } else {\r\n // forbidden cases already handled on top here.\r\n by === 'x' && target.set('scaleX', scaleX);\r\n by === 'y' && target.set('scaleY', scaleY);\r\n }\r\n return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY;\r\n}\r\n\r\n/**\r\n * Generic scaling logic, to scale from corners either equally or freely.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scaleObjectFromCorner: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Scaling logic for the X axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'x' });\r\n};\r\n\r\n/**\r\n * Scaling logic for the Y axis.\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nconst scaleObjectY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return scaleObject(eventData, transform, x, y, { by: 'y' });\r\n};\r\n\r\nexport const scalingEqually = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectFromCorner)\r\n);\r\n\r\nexport const scalingX = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectX)\r\n);\r\n\r\nexport const scalingY = wrapWithFireEvent(\r\n 'scaling',\r\n wrapWithFixedAnchor(scaleObjectY)\r\n);\r\n","import { resolveOrigin } from '../mixins/object_origin.mixin';\r\nimport { Point } from '../point.class';\r\nimport {\r\n ControlCursorCallback,\r\n TAxis,\r\n TAxisKey,\r\n TPointerEvent,\r\n Transform,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport {\r\n degreesToRadians,\r\n radiansToDegrees,\r\n} from '../util/misc/radiansDegreesConversion';\r\nimport {\r\n findCornerQuadrant,\r\n getLocalPoint,\r\n isLocked,\r\n NOT_ALLOWED_CURSOR,\r\n} from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport type SkewTransform = Transform & { skewingSide: -1 | 1 };\r\n\r\nconst AXIS_KEYS: Record<\r\n TAxis,\r\n {\r\n counterAxis: TAxis;\r\n scale: TAxisKey<'scale'>;\r\n skew: TAxisKey<'skew'>;\r\n lockSkewing: TAxisKey<'lockSkewing'>;\r\n origin: TAxisKey<'origin'>;\r\n flip: TAxisKey<'flip'>;\r\n }\r\n> = {\r\n x: {\r\n counterAxis: 'y',\r\n scale: 'scaleX',\r\n skew: 'skewX',\r\n lockSkewing: 'lockSkewingX',\r\n origin: 'originX',\r\n flip: 'flipX',\r\n },\r\n y: {\r\n counterAxis: 'x',\r\n scale: 'scaleY',\r\n skew: 'skewY',\r\n lockSkewing: 'lockSkewingY',\r\n origin: 'originY',\r\n flip: 'flipY',\r\n },\r\n};\r\n\r\nconst skewMap = ['ns', 'nesw', 'ew', 'nwse'];\r\n\r\n/**\r\n * return the correct cursor style for the skew action\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const skewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) {\r\n return NOT_ALLOWED_CURSOR;\r\n }\r\n const n = findCornerQuadrant(fabricObject, control) % 4;\r\n return `${skewMap[n]}-resize`;\r\n};\r\n\r\n/**\r\n * Since skewing is applied before scaling, calculations are done in a scaleless plane\r\n * @see https://github.com/fabricjs/fabric.js/pull/8380\r\n */\r\nfunction skewObject(\r\n axis: TAxis,\r\n { target, ex, ey, skewingSide, ...transform }: SkewTransform,\r\n pointer: Point\r\n) {\r\n const { skew: skewKey } = AXIS_KEYS[axis],\r\n offset = pointer\r\n .subtract(new Point(ex, ey))\r\n .divide(new Point(target.scaleX, target.scaleY))[axis],\r\n skewingBefore = target[skewKey],\r\n skewingStart = transform[skewKey],\r\n shearingStart = Math.tan(degreesToRadians(skewingStart)),\r\n // let a, b be the size of target\r\n // let a' be the value of a after applying skewing\r\n // then:\r\n // a' = a + b * skewA => skewA = (a' - a) / b\r\n // the value b is tricky since skewY is applied before skewX\r\n b =\r\n axis === 'y'\r\n ? target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n // since skewY is applied before skewX, b (=width) is not affected by skewX\r\n skewX: 0,\r\n }).x\r\n : target._getTransformedDimensions({\r\n scaleX: 1,\r\n scaleY: 1,\r\n }).y;\r\n\r\n const shearing =\r\n (2 * offset * skewingSide) /\r\n // we max out fractions to safeguard from asymptotic behavior\r\n Math.max(b, 1) +\r\n // add starting state\r\n shearingStart;\r\n\r\n const skewing = radiansToDegrees(Math.atan(shearing));\r\n\r\n target.set(skewKey, skewing);\r\n const changed = skewingBefore !== target[skewKey];\r\n\r\n if (changed && axis === 'y') {\r\n // we don't want skewing to affect scaleX\r\n // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer\r\n const { skewX, scaleX } = target,\r\n dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }),\r\n dimAfter = target._getTransformedDimensions(),\r\n compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1;\r\n compensationFactor !== 1 &&\r\n target.set('scaleX', compensationFactor * scaleX);\r\n }\r\n\r\n return changed;\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on a given axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nfunction skewHandler(\r\n axis: TAxis,\r\n eventData: TPointerEvent,\r\n transform: Transform,\r\n x: number,\r\n y: number\r\n) {\r\n const { target } = transform,\r\n {\r\n counterAxis,\r\n origin: originKey,\r\n lockSkewing: lockSkewingKey,\r\n skew: skewKey,\r\n flip: flipKey,\r\n } = AXIS_KEYS[axis];\r\n if (isLocked(target, lockSkewingKey)) {\r\n return false;\r\n }\r\n\r\n const { origin: counterOriginKey, flip: counterFlipKey } =\r\n AXIS_KEYS[counterAxis],\r\n counterOriginFactor =\r\n resolveOrigin(transform[counterOriginKey]) *\r\n (target[counterFlipKey] ? -1 : 1),\r\n // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively.\r\n // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively.\r\n // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer,\r\n // so we factor skewing direction by this value.\r\n skewingSide = (-Math.sign(counterOriginFactor) *\r\n (target[flipKey] ? -1 : 1)) as 1 | -1,\r\n skewingDirection =\r\n ((target[skewKey] === 0 &&\r\n // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing\r\n getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) ||\r\n // in case target has skewing we use that as the direction\r\n target[skewKey] > 0\r\n ? 1\r\n : -1) * skewingSide,\r\n // anchor to the opposite side of the skewing direction\r\n // normalize value from [-1, 1] to origin value [0, 1]\r\n origin = -skewingDirection * 0.5 + 0.5;\r\n\r\n const finalHandler = wrapWithFireEvent(\r\n 'skewing',\r\n wrapWithFixedAnchor((eventData, transform, x, y) =>\r\n skewObject(axis, transform, new Point(x, y))\r\n )\r\n );\r\n\r\n return finalHandler(\r\n eventData,\r\n {\r\n ...transform,\r\n [originKey]: origin,\r\n skewingSide,\r\n },\r\n x,\r\n y\r\n );\r\n}\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the X axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('x', eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Wrapped Action handler for skewing on the Y axis, takes care of the\r\n * skew direction and determines the correct transform origin for the anchor point\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const skewHandlerY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return skewHandler('y', eventData, transform, x, y);\r\n};\r\n","import type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n ControlCallback,\r\n ControlCursorCallback,\r\n TAxisKey,\r\n TPointerEvent,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { Canvas } from '../__types__';\r\nimport { scaleCursorStyleHandler, scalingX, scalingY } from './scale';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\n\r\nfunction isAltAction(eventData: TPointerEvent, target: FabricObject) {\r\n return eventData[(target.canvas as Canvas)?.altActionKey];\r\n}\r\n\r\n/**\r\n * Inspect event, control and fabricObject to return the correct action name\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} an action name\r\n */\r\nexport const scaleOrSkewActionName: ControlCallback<\r\n TAxisKey<'skew' | 'scale'> | undefined\r\n> = (eventData, control, fabricObject) => {\r\n const isAlternative = isAltAction(eventData, fabricObject);\r\n if (control.x === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewX' : 'scaleY';\r\n }\r\n if (control.y === 0) {\r\n // then is scaleY or skewX\r\n return isAlternative ? 'skewY' : 'scaleX';\r\n }\r\n};\r\n\r\n/**\r\n * Combine skew and scale style handlers to cover fabric standard use case\r\n * @param {Event} eventData the javascript event that is causing the scale\r\n * @param {Control} control the control that is interested in the action\r\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\r\n * @return {String} a valid css string for the cursor\r\n */\r\nexport const scaleSkewCursorStyleHandler: ControlCursorCallback = (\r\n eventData,\r\n control,\r\n fabricObject\r\n) => {\r\n return isAltAction(eventData, fabricObject)\r\n ? skewCursorStyleHandler(eventData, control, fabricObject)\r\n : scaleCursorStyleHandler(eventData, control, fabricObject);\r\n};\r\n/**\r\n * Composed action handler to either scale X or skew Y\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingXOrSkewingY: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerY(eventData, transform, x, y)\r\n : scalingX(eventData, transform, x, y);\r\n};\r\n\r\n/**\r\n * Composed action handler to either scale Y or skew X\r\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\r\n * @param {Event} eventData javascript event that is doing the transform\r\n * @param {Object} transform javascript object containing a series of information around the current transform\r\n * @param {number} x current mouse x position, canvas normalized\r\n * @param {number} y current mouse y position, canvas normalized\r\n * @return {Boolean} true if some change happened\r\n */\r\nexport const scalingYOrSkewingX: TransformActionHandler = (\r\n eventData,\r\n transform,\r\n x,\r\n y\r\n) => {\r\n return isAltAction(eventData, transform.target)\r\n ? skewHandlerX(eventData, transform, x, y)\r\n : scalingY(eventData, transform, x, y);\r\n};\r\n","import { fabric } from '../../HEADER';\r\nimport { changeWidth } from './changeWidth';\r\nimport { renderCircleControl, renderSquareControl } from './controls.render';\r\nimport { dragHandler } from './drag';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport {\r\n scaleCursorStyleHandler,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n} from './scale';\r\nimport {\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './scaleSkew';\r\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\r\nimport { getLocalPoint, getActionFromCorner } from './util';\r\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\r\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\r\n\r\nexport {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n getActionFromCorner,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n\r\n/**\r\n * @todo remove as unused\r\n */\r\nfabric.controlsUtils = {\r\n scaleCursorStyleHandler,\r\n skewCursorStyleHandler,\r\n scaleSkewCursorStyleHandler,\r\n rotationWithSnapping,\r\n scalingEqually,\r\n scalingX,\r\n scalingY,\r\n scalingYOrSkewingX,\r\n scalingXOrSkewingY,\r\n changeWidth,\r\n skewHandlerX,\r\n skewHandlerY,\r\n dragHandler,\r\n scaleOrSkewActionName,\r\n rotationStyleHandler,\r\n wrapWithFixedAnchor,\r\n wrapWithFireEvent,\r\n getLocalPoint,\r\n renderCircleControl,\r\n renderSquareControl,\r\n};\r\n","//@ts-nocheck\r\nimport { dragHandler, getActionFromCorner } from './controls/actions';\r\nimport { Point } from './point.class';\r\nimport { FabricObject } from './shapes/fabricObject.class';\r\nimport { Transform } from './typedefs';\r\nimport { saveObjectTransform } from './util/misc/objectTransforms';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n getPointer = fabric.util.getPointer,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n isTouchEvent = fabric.util.isTouchEvent;\r\n\r\n /**\r\n * Canvas class\r\n * @class fabric.Canvas\r\n * @extends fabric.StaticCanvas\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas}\r\n * @see {@link fabric.Canvas#initialize} for constructor definition\r\n *\r\n * @fires object:modified at the end of a transform or any change when statefull is true\r\n * @fires object:rotating while an object is being rotated from the control\r\n * @fires object:scaling while an object is being scaled by controls\r\n * @fires object:moving while an object is being dragged\r\n * @fires object:skewing while an object is being skewed from the controls\r\n *\r\n * @fires before:transform before a transform is is started\r\n * @fires before:selection:cleared\r\n * @fires selection:cleared\r\n * @fires selection:updated\r\n * @fires selection:created\r\n *\r\n * @fires path:created after a drawing operation ends and the path is added\r\n * @fires mouse:down\r\n * @fires mouse:move\r\n * @fires mouse:up\r\n * @fires mouse:down:before on mouse down, before the inner fabric logic runs\r\n * @fires mouse:move:before on mouse move, before the inner fabric logic runs\r\n * @fires mouse:up:before on mouse up, before the inner fabric logic runs\r\n * @fires mouse:over\r\n * @fires mouse:out\r\n * @fires mouse:dblclick whenever a native dbl click event fires on the canvas.\r\n *\r\n * @fires dragover\r\n * @fires dragenter\r\n * @fires dragleave\r\n * @fires drag:enter object drag enter\r\n * @fires drag:leave object drag leave\r\n * @fires drop:before before drop event. Prepare for the drop event (same native event).\r\n * @fires drop\r\n * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event).\r\n * @example\r\n * let a: fabric.Object, b: fabric.Object;\r\n * let flag = false;\r\n * canvas.add(a, b);\r\n * a.on('drop:before', opt => {\r\n * // we want a to accept the drop even though it's below b in the stack\r\n * flag = this.canDrop(opt.e);\r\n * });\r\n * b.canDrop = function(e) {\r\n * !flag && this.callSuper('canDrop', e);\r\n * }\r\n * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black'));\r\n * a.on('drop', opt => {\r\n * opt.e.defaultPrevented // drop occured\r\n * opt.didDrop // drop occured on canvas\r\n * opt.target // drop target\r\n * opt.target !== a && a.set('text', 'I lost');\r\n * });\r\n * canvas.on('drop:after', opt => {\r\n * // inform user who won\r\n * if(!opt.e.defaultPrevented) {\r\n * // no winners\r\n * }\r\n * else if(!opt.didDrop) {\r\n * // my objects didn't win, some other lucky object\r\n * }\r\n * else {\r\n * // we have a winner it's opt.target!!\r\n * }\r\n * })\r\n *\r\n * @fires after:render at the end of the render process, receives the context in the callback\r\n * @fires before:render at start the render process, receives the context in the callback\r\n *\r\n * @fires contextmenu:before\r\n * @fires contextmenu\r\n * @example\r\n * let handler;\r\n * targets.forEach(target => {\r\n * target.on('contextmenu:before', opt => {\r\n * // decide which target should handle the event before canvas hijacks it\r\n * if (someCaseHappens && opt.targets.includes(target)) {\r\n * handler = target;\r\n * }\r\n * });\r\n * target.on('contextmenu', opt => {\r\n * // do something fantastic\r\n * });\r\n * });\r\n * canvas.on('contextmenu', opt => {\r\n * if (!handler) {\r\n * // no one takes responsibility, it's always left to me\r\n * // let's show them how it's done!\r\n * }\r\n * });\r\n *\r\n */\r\n fabric.Canvas = fabric.util.createClass(\r\n fabric.StaticCanvas,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Constructor\r\n * @param {HTMLElement | String} el <canvas> element to initialize instance on\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (el, options) {\r\n options || (options = {});\r\n this.renderAndResetBound = this.renderAndReset.bind(this);\r\n this.requestRenderAllBound = this.requestRenderAll.bind(this);\r\n this._initStatic(el, options);\r\n this._initInteractive();\r\n this._createCacheCanvas();\r\n },\r\n\r\n /**\r\n * When true, objects can be transformed by one side (unproportionally)\r\n * when dragged on the corners that normally would not do that.\r\n * @type Boolean\r\n * @default\r\n * @since fabric 4.0 // changed name and default value\r\n */\r\n uniformScaling: true,\r\n\r\n /**\r\n * Indicates which key switches uniform scaling.\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * totally wrong named. this sounds like `uniform scaling`\r\n * if Canvas.uniformScaling is true, pressing this will set it to false\r\n * and viceversa.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n uniScaleKey: 'shiftKey',\r\n\r\n /**\r\n * When true, objects use center point as the origin of scale transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredScaling: false,\r\n\r\n /**\r\n * When true, objects use center point as the origin of rotate transformation.\r\n * Backwards incompatibility note: This property replaces \"centerTransform\" (Boolean).\r\n * @since 1.3.4\r\n * @type Boolean\r\n * @default\r\n */\r\n centeredRotation: false,\r\n\r\n /**\r\n * Indicates which key enable centered Transform\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n centeredKey: 'altKey',\r\n\r\n /**\r\n * Indicates which key enable alternate action on corner\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled feature disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey\r\n * @default\r\n */\r\n altActionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates that canvas is interactive. This property should not be changed.\r\n * @type Boolean\r\n * @default\r\n */\r\n interactive: true,\r\n\r\n /**\r\n * Indicates whether group selection should be enabled\r\n * @type Boolean\r\n * @default\r\n */\r\n selection: true,\r\n\r\n /**\r\n * Indicates which key or keys enable multiple click selection\r\n * Pass value as a string or array of strings\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * If `null` or empty or containing any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.2\r\n * @type ModifierKey|ModifierKey[]\r\n * @default\r\n */\r\n selectionKey: 'shiftKey',\r\n\r\n /**\r\n * Indicates which key enable alternative selection\r\n * in case of target overlapping with active object\r\n * values: 'altKey', 'shiftKey', 'ctrlKey'.\r\n * For a series of reason that come from the general expectations on how\r\n * things should work, this feature works only for preserveObjectStacking true.\r\n * If `null` or 'none' or any other string that is not a modifier key\r\n * feature is disabled.\r\n * @since 1.6.5\r\n * @type null|ModifierKey\r\n * @default\r\n */\r\n altSelectionKey: null,\r\n\r\n /**\r\n * Color of selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: 'rgba(100, 100, 255, 0.3)', // blue\r\n\r\n /**\r\n * Default dash array pattern\r\n * If not empty the selection border is dashed\r\n * @type Array\r\n */\r\n selectionDashArray: [],\r\n\r\n /**\r\n * Color of the border of selection (usually slightly darker than color of selection itself)\r\n * @type String\r\n * @default\r\n */\r\n selectionBorderColor: 'rgba(255, 255, 255, 0.3)',\r\n\r\n /**\r\n * Width of a line used in object/group selection\r\n * @type Number\r\n * @default\r\n */\r\n selectionLineWidth: 1,\r\n\r\n /**\r\n * Select only shapes that are fully contained in the dragged selection rectangle.\r\n * @type Boolean\r\n * @default\r\n */\r\n selectionFullyContained: false,\r\n\r\n /**\r\n * Default cursor value used when hovering over an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n hoverCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used when moving an object on canvas\r\n * @type String\r\n * @default\r\n */\r\n moveCursor: 'move',\r\n\r\n /**\r\n * Default cursor value used for the entire canvas\r\n * @type String\r\n * @default\r\n */\r\n defaultCursor: 'default',\r\n\r\n /**\r\n * Cursor value used during free drawing\r\n * @type String\r\n * @default\r\n */\r\n freeDrawingCursor: 'crosshair',\r\n\r\n /**\r\n * Cursor value used for disabled elements ( corners with disabled action )\r\n * @type String\r\n * @since 2.0.0\r\n * @default\r\n */\r\n notAllowedCursor: 'not-allowed',\r\n\r\n /**\r\n * Default element class that's given to wrapper (div) element of canvas\r\n * @type String\r\n * @default\r\n */\r\n containerClass: 'canvas-container',\r\n\r\n /**\r\n * When true, object detection happens on per-pixel basis rather than on per-bounding-box\r\n * @type Boolean\r\n * @default\r\n */\r\n perPixelTargetFind: false,\r\n\r\n /**\r\n * Number of pixels around target pixel to tolerate (consider active) during object detection\r\n * @type Number\r\n * @default\r\n */\r\n targetFindTolerance: 0,\r\n\r\n /**\r\n * When true, target detection is skipped. Target detection will return always undefined.\r\n * click selection won't work anymore, events will fire with no targets.\r\n * if something is selected before setting it to true, it will be deselected at the first click.\r\n * area selection will still work. check the `selection` property too.\r\n * if you deactivate both, you should look into staticCanvas.\r\n * @type Boolean\r\n * @default\r\n */\r\n skipTargetFind: false,\r\n\r\n /**\r\n * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing.\r\n * After mousedown, mousemove creates a shape,\r\n * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas.\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing}\r\n * @type Boolean\r\n * @default\r\n */\r\n isDrawingMode: false,\r\n\r\n /**\r\n * Indicates whether objects should remain in current stack position when selected.\r\n * When false objects are brought to top and rendered as part of the selection group\r\n * @type Boolean\r\n * @default\r\n */\r\n preserveObjectStacking: false,\r\n\r\n /**\r\n * Indicates if the right click on canvas can output the context menu or not\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n stopContextMenu: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire right click events\r\n * @type Boolean\r\n * @since 1.6.5\r\n * @default\r\n */\r\n fireRightClick: false,\r\n\r\n /**\r\n * Indicates if the canvas can fire middle click events\r\n * @type Boolean\r\n * @since 1.7.8\r\n * @default\r\n */\r\n fireMiddleClick: false,\r\n\r\n /**\r\n * Keep track of the subTargets for Mouse Events\r\n * @type fabric.Object[]\r\n */\r\n targets: [],\r\n\r\n /**\r\n * When the option is enabled, PointerEvent is used instead of MouseEvent.\r\n * @type Boolean\r\n * @default\r\n */\r\n enablePointerEvents: false,\r\n\r\n /**\r\n * Keep track of the hovered target\r\n * @type fabric.Object\r\n * @private\r\n */\r\n _hoveredTarget: null,\r\n\r\n /**\r\n * hold the list of nested targets hovered\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _hoveredTargets: [],\r\n\r\n /**\r\n * hold the list of objects to render\r\n * @type fabric.Object[]\r\n * @private\r\n */\r\n _objectsToRender: undefined,\r\n\r\n /**\r\n * @private\r\n */\r\n _initInteractive: function () {\r\n this._currentTransform = null;\r\n this._groupSelector = null;\r\n this._initWrapperElement();\r\n this._createUpperCanvas();\r\n this._initEventListeners();\r\n\r\n this._initRetinaScaling();\r\n\r\n this.freeDrawingBrush =\r\n fabric.PencilBrush && new fabric.PencilBrush(this);\r\n\r\n this.calcOffset();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was added\r\n */\r\n _onObjectAdded: function (obj) {\r\n this._objectsToRender = undefined;\r\n this.callSuper('_onObjectAdded', obj);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} obj Object that was removed\r\n */\r\n _onObjectRemoved: function (obj) {\r\n this._objectsToRender = undefined;\r\n // removing active object should fire \"selection:cleared\" events\r\n if (obj === this._activeObject) {\r\n this.fire('before:selection:cleared', { target: obj });\r\n this._discardActiveObject();\r\n this.fire('selection:cleared', { target: obj });\r\n obj.fire('deselected');\r\n }\r\n if (obj === this._hoveredTarget) {\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n this.callSuper('_onObjectRemoved', obj);\r\n },\r\n\r\n /**\r\n * Divides objects in two groups, one to render immediately\r\n * and one to render as activeGroup.\r\n * @return {Array} objects to render immediately and pushes the other in the activeGroup.\r\n */\r\n _chooseObjectsToRender: function () {\r\n var activeObjects = this.getActiveObjects(),\r\n object,\r\n objsToRender,\r\n activeGroupObjects;\r\n\r\n if (!this.preserveObjectStacking && activeObjects.length > 1) {\r\n objsToRender = [];\r\n activeGroupObjects = [];\r\n for (var i = 0, length = this._objects.length; i < length; i++) {\r\n object = this._objects[i];\r\n if (activeObjects.indexOf(object) === -1) {\r\n objsToRender.push(object);\r\n } else {\r\n activeGroupObjects.push(object);\r\n }\r\n }\r\n if (activeObjects.length > 1) {\r\n this._activeObject._objects = activeGroupObjects;\r\n }\r\n objsToRender.push.apply(objsToRender, activeGroupObjects);\r\n }\r\n // in case a single object is selected render it's entire parent above the other objects\r\n else if (!this.preserveObjectStacking && activeObjects.length === 1) {\r\n var target = activeObjects[0],\r\n ancestors = target.getAncestors(true);\r\n var topAncestor = ancestors.length === 0 ? target : ancestors.pop();\r\n objsToRender = this._objects.slice();\r\n var index = objsToRender.indexOf(topAncestor);\r\n index > -1 &&\r\n objsToRender.splice(objsToRender.indexOf(topAncestor), 1);\r\n objsToRender.push(topAncestor);\r\n } else {\r\n objsToRender = this._objects;\r\n }\r\n return objsToRender;\r\n },\r\n\r\n /**\r\n * Renders both the top canvas and the secondary container canvas.\r\n * @return {fabric.Canvas} instance\r\n * @chainable\r\n */\r\n renderAll: function () {\r\n this.cancelRequestedRender();\r\n if (this.destroyed) {\r\n return;\r\n }\r\n if (\r\n this.contextTopDirty &&\r\n !this._groupSelector &&\r\n !this.isDrawingMode\r\n ) {\r\n this.clearContext(this.contextTop);\r\n this.contextTopDirty = false;\r\n }\r\n if (this.hasLostContext) {\r\n this.renderTopLayer(this.contextTop);\r\n this.hasLostContext = false;\r\n }\r\n !this._objectsToRender &&\r\n (this._objectsToRender = this._chooseObjectsToRender());\r\n this.renderCanvas(this.contextContainer, this._objectsToRender);\r\n return this;\r\n },\r\n\r\n renderTopLayer: function (ctx) {\r\n ctx.save();\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this.freeDrawingBrush && this.freeDrawingBrush._render();\r\n this.contextTopDirty = true;\r\n }\r\n // we render the top context - last object\r\n if (this.selection && this._groupSelector) {\r\n this._drawSelection(ctx);\r\n this.contextTopDirty = true;\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * Method to render only the top canvas.\r\n * Also used to render the group selection box.\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n renderTop: function () {\r\n var ctx = this.contextTop;\r\n this.clearContext(ctx);\r\n this.renderTopLayer(ctx);\r\n this.fire('after:render');\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _normalizePointer: function (object, pointer) {\r\n var m = object.calcTransformMatrix(),\r\n invertedM = fabric.util.invertTransform(m),\r\n vptPointer = this.restorePointerVpt(pointer);\r\n return fabric.util.transformPoint(vptPointer, invertedM);\r\n },\r\n\r\n /**\r\n * Returns true if object is transparent at a certain location\r\n * @param {fabric.Object} target Object to check\r\n * @param {Number} x Left coordinate\r\n * @param {Number} y Top coordinate\r\n * @return {Boolean}\r\n */\r\n isTargetTransparent: function (target, x, y) {\r\n // in case the target is the activeObject, we cannot execute this optimization\r\n // because we need to draw controls too.\r\n if (\r\n target.shouldCache() &&\r\n target._cacheCanvas &&\r\n target !== this._activeObject\r\n ) {\r\n var normalizedPointer = this._normalizePointer(target, {\r\n x: x,\r\n y: y,\r\n }),\r\n targetRelativeX = Math.max(\r\n target.cacheTranslationX + normalizedPointer.x * target.zoomX,\r\n 0\r\n ),\r\n targetRelativeY = Math.max(\r\n target.cacheTranslationY + normalizedPointer.y * target.zoomY,\r\n 0\r\n );\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n target._cacheContext,\r\n Math.round(targetRelativeX),\r\n Math.round(targetRelativeY),\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n }\r\n\r\n var ctx = this.contextCache,\r\n originalColor = target.selectionBackgroundColor,\r\n v = this.viewportTransform;\r\n\r\n target.selectionBackgroundColor = '';\r\n\r\n this.clearContext(ctx);\r\n\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n target.render(ctx);\r\n ctx.restore();\r\n\r\n target.selectionBackgroundColor = originalColor;\r\n\r\n var isTransparent = fabric.util.isTransparent(\r\n ctx,\r\n x,\r\n y,\r\n this.targetFindTolerance\r\n );\r\n\r\n return isTransparent;\r\n },\r\n\r\n /**\r\n * takes an event and determines if selection key has been pressed\r\n * @private\r\n * @param {Event} e Event object\r\n */\r\n _isSelectionKeyPressed: function (e) {\r\n var selectionKeyPressed = false;\r\n\r\n if (Array.isArray(this.selectionKey)) {\r\n selectionKeyPressed = !!this.selectionKey.find(function (key) {\r\n return e[key] === true;\r\n });\r\n } else {\r\n selectionKeyPressed = e[this.selectionKey];\r\n }\r\n\r\n return selectionKeyPressed;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _shouldClearSelection: function (e, target) {\r\n var activeObjects = this.getActiveObjects(),\r\n activeObject = this._activeObject;\r\n\r\n return (\r\n !target ||\r\n (target &&\r\n activeObject &&\r\n activeObjects.length > 1 &&\r\n activeObjects.indexOf(target) === -1 &&\r\n activeObject !== target &&\r\n !this._isSelectionKeyPressed(e)) ||\r\n (target && !target.evented) ||\r\n (target &&\r\n !target.selectable &&\r\n activeObject &&\r\n activeObject !== target)\r\n );\r\n },\r\n\r\n /**\r\n * centeredScaling from object can't override centeredScaling from canvas.\r\n * this should be fixed, since object setting should take precedence over canvas.\r\n * also this should be something that will be migrated in the control properties.\r\n * as ability to define the origin of the transformation that the control provide.\r\n * @private\r\n * @param {fabric.Object} target\r\n * @param {String} action\r\n * @param {Boolean} altKey\r\n */\r\n _shouldCenterTransform: function (target, action, altKey) {\r\n if (!target) {\r\n return;\r\n }\r\n\r\n var centerTransform;\r\n\r\n if (\r\n action === 'scale' ||\r\n action === 'scaleX' ||\r\n action === 'scaleY' ||\r\n action === 'resizing'\r\n ) {\r\n centerTransform = this.centeredScaling || target.centeredScaling;\r\n } else if (action === 'rotate') {\r\n centerTransform = this.centeredRotation || target.centeredRotation;\r\n }\r\n\r\n return centerTransform ? !altKey : altKey;\r\n },\r\n\r\n /**\r\n * should disappear before release 4.0\r\n * @private\r\n */\r\n _getOriginFromCorner: function (target, corner) {\r\n var origin = {\r\n x: target.originX,\r\n y: target.originY,\r\n };\r\n\r\n if (corner === 'ml' || corner === 'tl' || corner === 'bl') {\r\n origin.x = 'right';\r\n } else if (corner === 'mr' || corner === 'tr' || corner === 'br') {\r\n origin.x = 'left';\r\n }\r\n\r\n if (corner === 'tl' || corner === 'mt' || corner === 'tr') {\r\n origin.y = 'bottom';\r\n } else if (corner === 'bl' || corner === 'mb' || corner === 'br') {\r\n origin.y = 'top';\r\n }\r\n return origin;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _setupCurrentTransform: function (e, target, alreadySelected) {\r\n if (!target) {\r\n return;\r\n }\r\n var pointer = this.getPointer(e);\r\n if (target.group) {\r\n // transform pointer to target's containing coordinate plane\r\n pointer = fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(target.group.calcTransformMatrix())\r\n );\r\n }\r\n var corner = target.__corner,\r\n control = target.controls[corner],\r\n actionHandler =\r\n alreadySelected && corner\r\n ? control.getActionHandler(e, target, control)\r\n : dragHandler,\r\n action = getActionFromCorner(alreadySelected, corner, e, target),\r\n origin = this._getOriginFromCorner(target, corner),\r\n altKey = e[this.centeredKey],\r\n /**\r\n * relative to target's containing coordinate plane\r\n * both agree on every point\r\n **/\r\n transform: Transform = {\r\n target: target,\r\n action: action,\r\n actionHandler: actionHandler,\r\n corner: corner,\r\n scaleX: target.scaleX,\r\n scaleY: target.scaleY,\r\n skewX: target.skewX,\r\n skewY: target.skewY,\r\n offsetX: pointer.x - target.left,\r\n offsetY: pointer.y - target.top,\r\n originX: origin.x,\r\n originY: origin.y,\r\n ex: pointer.x,\r\n ey: pointer.y,\r\n lastX: pointer.x,\r\n lastY: pointer.y,\r\n theta: degreesToRadians(target.angle),\r\n width: target.width,\r\n height: target.height,\r\n shiftKey: e.shiftKey,\r\n altKey: altKey,\r\n original: saveObjectTransform(target),\r\n };\r\n\r\n if (this._shouldCenterTransform(target, action, altKey)) {\r\n transform.originX = 'center';\r\n transform.originY = 'center';\r\n }\r\n transform.original.originX = origin.x;\r\n transform.original.originY = origin.y;\r\n this._currentTransform = transform;\r\n this._beforeTransform(e);\r\n },\r\n\r\n /**\r\n * Set the cursor type of the canvas element\r\n * @param {String} value Cursor type of the canvas element.\r\n * @see http://www.w3.org/TR/css3-ui/#cursor\r\n */\r\n setCursor: function (value) {\r\n this.upperCanvasEl.style.cursor = value;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx to draw the selection on\r\n */\r\n _drawSelection: function (ctx) {\r\n var selector = this._groupSelector,\r\n viewportStart = new Point(selector.ex, selector.ey),\r\n start = fabric.util.transformPoint(\r\n viewportStart,\r\n this.viewportTransform\r\n ),\r\n viewportExtent = new Point(\r\n selector.ex + selector.left,\r\n selector.ey + selector.top\r\n ),\r\n extent = fabric.util.transformPoint(\r\n viewportExtent,\r\n this.viewportTransform\r\n ),\r\n minX = Math.min(start.x, extent.x),\r\n minY = Math.min(start.y, extent.y),\r\n maxX = Math.max(start.x, extent.x),\r\n maxY = Math.max(start.y, extent.y),\r\n strokeOffset = this.selectionLineWidth / 2;\r\n\r\n if (this.selectionColor) {\r\n ctx.fillStyle = this.selectionColor;\r\n ctx.fillRect(minX, minY, maxX - minX, maxY - minY);\r\n }\r\n\r\n if (!this.selectionLineWidth || !this.selectionBorderColor) {\r\n return;\r\n }\r\n ctx.lineWidth = this.selectionLineWidth;\r\n ctx.strokeStyle = this.selectionBorderColor;\r\n\r\n minX += strokeOffset;\r\n minY += strokeOffset;\r\n maxX -= strokeOffset;\r\n maxY -= strokeOffset;\r\n // selection border\r\n FabricObject.prototype._setLineDash.call(\r\n this,\r\n ctx,\r\n this.selectionDashArray\r\n );\r\n ctx.strokeRect(minX, minY, maxX - minX, maxY - minY);\r\n },\r\n\r\n /**\r\n * Method that determines what object we are clicking on\r\n * the skipGroup parameter is for internal use, is needed for shift+click action\r\n * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target\r\n * or the outside part of the corner.\r\n * @param {Event} e mouse event\r\n * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through\r\n * @return {fabric.Object} the target found\r\n */\r\n findTarget: function (e, skipGroup) {\r\n if (this.skipTargetFind) {\r\n return;\r\n }\r\n\r\n var ignoreZoom = true,\r\n pointer = this.getPointer(e, ignoreZoom),\r\n activeObject = this._activeObject,\r\n aObjects = this.getActiveObjects(),\r\n activeTarget,\r\n activeTargetSubs,\r\n isTouch = isTouchEvent(e),\r\n shouldLookForActive =\r\n (aObjects.length > 1 && !skipGroup) || aObjects.length === 1;\r\n\r\n // first check current group (if one exists)\r\n // active group does not check sub targets like normal groups.\r\n // if active group just exits.\r\n this.targets = [];\r\n\r\n // if we hit the corner of an activeObject, let's return that.\r\n if (\r\n shouldLookForActive &&\r\n activeObject._findTargetCorner(pointer, isTouch)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length > 1 &&\r\n activeObject.type === 'activeSelection' &&\r\n !skipGroup &&\r\n this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n return activeObject;\r\n }\r\n if (\r\n aObjects.length === 1 &&\r\n activeObject === this.searchPossibleTargets([activeObject], pointer)\r\n ) {\r\n if (!this.preserveObjectStacking) {\r\n return activeObject;\r\n } else {\r\n activeTarget = activeObject;\r\n activeTargetSubs = this.targets;\r\n this.targets = [];\r\n }\r\n }\r\n var target = this.searchPossibleTargets(this._objects, pointer);\r\n if (\r\n e[this.altSelectionKey] &&\r\n target &&\r\n activeTarget &&\r\n target !== activeTarget\r\n ) {\r\n target = activeTarget;\r\n this.targets = activeTargetSubs;\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Checks point is inside the object.\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @param {fabric.Object} obj Object to test against\r\n * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target.\r\n * @return {Boolean} true if point is contained within an area of given object\r\n * @private\r\n */\r\n _checkTarget: function (pointer, obj, globalPointer) {\r\n if (\r\n obj &&\r\n obj.visible &&\r\n obj.evented &&\r\n // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html\r\n // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html\r\n obj.containsPoint(pointer)\r\n ) {\r\n if (\r\n (this.perPixelTargetFind || obj.perPixelTargetFind) &&\r\n !obj.isEditing\r\n ) {\r\n var isTransparent = this.isTargetTransparent(\r\n obj,\r\n globalPointer.x,\r\n globalPointer.y\r\n );\r\n if (!isTransparent) {\r\n return true;\r\n }\r\n } else {\r\n return true;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object from given `objects`** that contains pointer\r\n * @private\r\n */\r\n _searchPossibleTargets: function (objects, pointer) {\r\n // Cache all targets where their bounding box contains point.\r\n var target,\r\n i = objects.length,\r\n subTarget;\r\n // Do not check for currently grouped objects, since we check the parent group itself.\r\n // until we call this function specifically to search inside the activeGroup\r\n while (i--) {\r\n var objToCheck = objects[i];\r\n var pointerToUse = objToCheck.group\r\n ? this._normalizePointer(objToCheck.group, pointer)\r\n : pointer;\r\n if (this._checkTarget(pointerToUse, objToCheck, pointer)) {\r\n target = objects[i];\r\n if (target.subTargetCheck && Array.isArray(target._objects)) {\r\n subTarget = this._searchPossibleTargets(target._objects, pointer);\r\n subTarget && this.targets.push(subTarget);\r\n }\r\n break;\r\n }\r\n }\r\n return target;\r\n },\r\n\r\n /**\r\n * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted\r\n * @see {@link fabric.Canvas#_searchPossibleTargets}\r\n * @param {Array} [objects] objects array to look into\r\n * @param {Object} [pointer] x,y object of point coordinates we want to check.\r\n * @return {fabric.Object} **top most object on screen** that contains pointer\r\n */\r\n searchPossibleTargets: function (objects, pointer) {\r\n var target = this._searchPossibleTargets(objects, pointer);\r\n return target && target.interactive && this.targets[0]\r\n ? this.targets[0]\r\n : target;\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates without the effect of the viewport\r\n * @param {Object} pointer with \"x\" and \"y\" number values\r\n * @return {Object} object with \"x\" and \"y\" number values\r\n */\r\n restorePointerVpt: function (pointer) {\r\n return fabric.util.transformPoint(\r\n pointer,\r\n fabric.util.invertTransform(this.viewportTransform)\r\n );\r\n },\r\n\r\n /**\r\n * Returns pointer coordinates relative to canvas.\r\n * Can return coordinates with or without viewportTransform.\r\n * ignoreVpt false gives back coordinates that represent\r\n * the point clicked on canvas element.\r\n * ignoreVpt true gives back coordinates after being processed\r\n * by the viewportTransform ( sort of coordinates of what is displayed\r\n * on the canvas where you are clicking.\r\n * ignoreVpt true = HTMLElement coordinates relative to top,left\r\n * ignoreVpt false, default = fabric space coordinates, the same used for shape position\r\n * To interact with your shapes top and left you want to use ignoreVpt true\r\n * most of the time, while ignoreVpt false will give you coordinates\r\n * compatible with the object.oCoords system.\r\n * of the time.\r\n * @param {Event} e\r\n * @param {Boolean} ignoreVpt\r\n * @return {Point}\r\n */\r\n getPointer: function (e, ignoreVpt) {\r\n // return cached values if we are in the event processing chain\r\n if (this._absolutePointer && !ignoreVpt) {\r\n return this._absolutePointer;\r\n }\r\n if (this._pointer && ignoreVpt) {\r\n return this._pointer;\r\n }\r\n\r\n var pointer = getPointer(e),\r\n upperCanvasEl = this.upperCanvasEl,\r\n bounds = upperCanvasEl.getBoundingClientRect(),\r\n boundsWidth = bounds.width || 0,\r\n boundsHeight = bounds.height || 0,\r\n cssScale;\r\n\r\n if (!boundsWidth || !boundsHeight) {\r\n if ('top' in bounds && 'bottom' in bounds) {\r\n boundsHeight = Math.abs(bounds.top - bounds.bottom);\r\n }\r\n if ('right' in bounds && 'left' in bounds) {\r\n boundsWidth = Math.abs(bounds.right - bounds.left);\r\n }\r\n }\r\n\r\n this.calcOffset();\r\n pointer.x = pointer.x - this._offset.left;\r\n pointer.y = pointer.y - this._offset.top;\r\n if (!ignoreVpt) {\r\n pointer = this.restorePointerVpt(pointer);\r\n }\r\n\r\n var retinaScaling = this.getRetinaScaling();\r\n if (retinaScaling !== 1) {\r\n pointer.x /= retinaScaling;\r\n pointer.y /= retinaScaling;\r\n }\r\n\r\n // If bounds are not available (i.e. not visible), do not apply scale.\r\n cssScale =\r\n boundsWidth === 0 || boundsHeight === 0\r\n ? new Point(1, 1)\r\n : new Point(\r\n upperCanvasEl.width / boundsWidth,\r\n upperCanvasEl.height / boundsHeight\r\n );\r\n\r\n return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y);\r\n },\r\n\r\n /**\r\n * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)\r\n * @param {Object} dimensions Object with width/height properties\r\n * @param {Number|String} [dimensions.width] Width of canvas element\r\n * @param {Number|String} [dimensions.height] Height of canvas element\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions\r\n * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setDimensions: function (dimensions, options) {\r\n this._resetTransformEventData();\r\n return this.callSuper('setDimensions', dimensions, options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized\r\n */\r\n _createUpperCanvas: function () {\r\n var lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl;\r\n\r\n // if there is no upperCanvas (most common case) we create one.\r\n if (!upperCanvasEl) {\r\n upperCanvasEl = this._createCanvasElement();\r\n this.upperCanvasEl = upperCanvasEl;\r\n }\r\n // we assign the same classname of the lowerCanvas\r\n upperCanvasEl.className = lowerCanvasEl.className;\r\n // but then we remove the lower-canvas specific className\r\n upperCanvasEl.classList.remove('lower-canvas');\r\n // we add the specific upper-canvas class\r\n upperCanvasEl.classList.add('upper-canvas');\r\n upperCanvasEl.setAttribute('data-fabric', 'top');\r\n this.wrapperEl.appendChild(upperCanvasEl);\r\n\r\n this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl);\r\n this._applyCanvasStyle(upperCanvasEl);\r\n upperCanvasEl.setAttribute('draggable', 'true');\r\n this.contextTop = upperCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createCacheCanvas: function () {\r\n this.cacheCanvasEl = this._createCanvasElement();\r\n this.cacheCanvasEl.setAttribute('width', this.width);\r\n this.cacheCanvasEl.setAttribute('height', this.height);\r\n this.contextCache = this.cacheCanvasEl.getContext('2d');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _initWrapperElement: function () {\r\n if (this.wrapperEl) {\r\n return;\r\n }\r\n const container = fabric.document.createElement('div');\r\n container.classList.add(this.containerClass);\r\n this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container);\r\n this.wrapperEl.setAttribute('data-fabric', 'wrapper');\r\n fabric.util.setStyle(this.wrapperEl, {\r\n width: this.width + 'px',\r\n height: this.height + 'px',\r\n position: 'relative',\r\n });\r\n fabric.util.makeElementUnselectable(this.wrapperEl);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {HTMLElement} element canvas element to apply styles on\r\n */\r\n _applyCanvasStyle: function (element) {\r\n var width = this.width || element.width,\r\n height = this.height || element.height;\r\n\r\n fabric.util.setStyle(element, {\r\n position: 'absolute',\r\n width: width + 'px',\r\n height: height + 'px',\r\n left: 0,\r\n top: 0,\r\n 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none',\r\n '-ms-touch-action': this.allowTouchScrolling\r\n ? 'manipulation'\r\n : 'none',\r\n });\r\n element.width = width;\r\n element.height = height;\r\n fabric.util.makeElementUnselectable(element);\r\n },\r\n\r\n /**\r\n * Copy the entire inline style from one element (fromEl) to another (toEl)\r\n * @private\r\n * @param {Element} fromEl Element style is copied from\r\n * @param {Element} toEl Element copied style is applied to\r\n */\r\n _copyCanvasStyle: function (fromEl, toEl) {\r\n toEl.style.cssText = fromEl.style.cssText;\r\n },\r\n\r\n /**\r\n * Returns context of top canvas where interactions are drawn\r\n * @returns {CanvasRenderingContext2D}\r\n */\r\n getTopContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns context of canvas where object selection is drawn\r\n * @alias\r\n * @return {CanvasRenderingContext2D}\r\n */\r\n getSelectionContext: function () {\r\n return this.contextTop;\r\n },\r\n\r\n /**\r\n * Returns <canvas> element on which object selection is drawn\r\n * @return {HTMLCanvasElement}\r\n */\r\n getSelectionElement: function () {\r\n return this.upperCanvasEl;\r\n },\r\n\r\n /**\r\n * Returns currently active object\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObject: function () {\r\n return this._activeObject;\r\n },\r\n\r\n /**\r\n * Returns an array with the current selected objects\r\n * @return {fabric.Object} active object\r\n */\r\n getActiveObjects: function () {\r\n var active = this._activeObject;\r\n if (active) {\r\n if (active.type === 'activeSelection' && active._objects) {\r\n return active._objects.slice(0);\r\n } else {\r\n return [active];\r\n }\r\n }\r\n return [];\r\n },\r\n\r\n /**\r\n * @private\r\n * Compares the old activeObject with the current one and fires correct events\r\n * @param {fabric.Object} obj old activeObject\r\n */\r\n _fireSelectionEvents: function (oldObjects, e) {\r\n var somethingChanged = false,\r\n objects = this.getActiveObjects(),\r\n added = [],\r\n removed = [],\r\n invalidate = false;\r\n oldObjects.forEach(function (oldObject) {\r\n if (objects.indexOf(oldObject) === -1) {\r\n somethingChanged = true;\r\n oldObject.fire('deselected', {\r\n e: e,\r\n target: oldObject,\r\n });\r\n removed.push(oldObject);\r\n }\r\n });\r\n objects.forEach(function (object) {\r\n if (oldObjects.indexOf(object) === -1) {\r\n somethingChanged = true;\r\n object.fire('selected', {\r\n e: e,\r\n target: object,\r\n });\r\n added.push(object);\r\n }\r\n });\r\n if (oldObjects.length > 0 && objects.length > 0) {\r\n invalidate = true;\r\n somethingChanged &&\r\n this.fire('selection:updated', {\r\n e: e,\r\n selected: added,\r\n deselected: removed,\r\n });\r\n } else if (objects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:created', {\r\n e: e,\r\n selected: added,\r\n });\r\n } else if (oldObjects.length > 0) {\r\n invalidate = true;\r\n this.fire('selection:cleared', {\r\n e: e,\r\n deselected: removed,\r\n });\r\n }\r\n invalidate && (this._objectsToRender = undefined);\r\n },\r\n\r\n /**\r\n * Sets given object as the only active object on canvas\r\n * @param {fabric.Object} object Object to set as an active one\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n setActiveObject: function (object, e) {\r\n var currentActives = this.getActiveObjects();\r\n this._setActiveObject(object, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to setActiveObject but without firing\r\n * any event. There is commitment to have this stay this way.\r\n * This is the functional part of setActiveObject.\r\n * @private\r\n * @param {Object} object to set as active\r\n * @param {Event} [e] Event (passed along when firing \"object:selected\")\r\n * @return {Boolean} true if the selection happened\r\n */\r\n _setActiveObject: function (object, e) {\r\n if (this._activeObject === object) {\r\n return false;\r\n }\r\n if (!this._discardActiveObject(e, object)) {\r\n return false;\r\n }\r\n if (object.onSelect({ e: e })) {\r\n return false;\r\n }\r\n this._activeObject = object;\r\n return true;\r\n },\r\n\r\n /**\r\n * This is a private method for now.\r\n * This is supposed to be equivalent to discardActiveObject but without firing\r\n * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way.\r\n * This is the functional part of discardActiveObject.\r\n * @param {Event} [e] Event (passed along when firing \"object:deselected\")\r\n * @param {Object} object to set as active\r\n * @return {Boolean} true if the selection happened\r\n * @private\r\n */\r\n _discardActiveObject: function (e, object) {\r\n var obj = this._activeObject;\r\n if (obj) {\r\n // onDeselect return TRUE to cancel selection;\r\n if (obj.onDeselect({ e: e, object: object })) {\r\n return false;\r\n }\r\n if (this._currentTransform && this._currentTransform.target === obj) {\r\n this.endCurrentTransform(e);\r\n }\r\n this._activeObject = null;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * Discards currently active object and fire events. If the function is called by fabric\r\n * as a consequence of a mouse event, the event is passed as a parameter and\r\n * sent to the fire function for the custom events. When used as a method the\r\n * e param does not have any application.\r\n * @param {event} e\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n discardActiveObject: function (e) {\r\n var currentActives = this.getActiveObjects(),\r\n activeObject = this.getActiveObject();\r\n if (currentActives.length) {\r\n this.fire('before:selection:cleared', { target: activeObject, e: e });\r\n }\r\n this._discardActiveObject(e);\r\n this._fireSelectionEvents(currentActives, e);\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears the canvas element, disposes objects, removes all event listeners and frees resources\r\n *\r\n * **CAUTION**:\r\n *\r\n * This method is **UNSAFE**.\r\n * You may encounter a race condition using it if there's a requested render.\r\n * Call this method only if you are sure rendering has settled.\r\n * Consider using {@link dispose} as it is **SAFE**\r\n *\r\n * @private\r\n */\r\n destroy: function () {\r\n var wrapperEl = this.wrapperEl,\r\n lowerCanvasEl = this.lowerCanvasEl,\r\n upperCanvasEl = this.upperCanvasEl,\r\n cacheCanvasEl = this.cacheCanvasEl;\r\n this.removeListeners();\r\n this.callSuper('destroy');\r\n wrapperEl.removeChild(upperCanvasEl);\r\n wrapperEl.removeChild(lowerCanvasEl);\r\n this.contextCache = null;\r\n this.contextTop = null;\r\n fabric.util.cleanUpJsdomNode(upperCanvasEl);\r\n this.upperCanvasEl = undefined;\r\n fabric.util.cleanUpJsdomNode(cacheCanvasEl);\r\n this.cacheCanvasEl = undefined;\r\n if (wrapperEl.parentNode) {\r\n wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl);\r\n }\r\n delete this.wrapperEl;\r\n return this;\r\n },\r\n\r\n /**\r\n * Clears all contexts (background, main, top) of an instance\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n clear: function () {\r\n // this.discardActiveGroup();\r\n this.discardActiveObject();\r\n this.clearContext(this.contextTop);\r\n return this.callSuper('clear');\r\n },\r\n\r\n /**\r\n * Draws objects' controls (borders/controls)\r\n * @param {CanvasRenderingContext2D} ctx Context to render controls on\r\n */\r\n drawControls: function (ctx) {\r\n var activeObject = this._activeObject;\r\n\r\n if (activeObject) {\r\n activeObject._renderControls(ctx);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _toObject: function (instance, methodName, propertiesToInclude) {\r\n //If the object is part of the current selection group, it should\r\n //be transformed appropriately\r\n //i.e. it should be serialised as it would appear if the selection group\r\n //were to be destroyed.\r\n var originalProperties = this._realizeGroupTransformOnObject(instance),\r\n object = this.callSuper(\r\n '_toObject',\r\n instance,\r\n methodName,\r\n propertiesToInclude\r\n );\r\n //Undo the damage we did by changing all of its properties\r\n originalProperties && instance.set(originalProperties);\r\n return object;\r\n },\r\n\r\n /**\r\n * Realises an object's group transformation on it\r\n * @private\r\n * @param {fabric.Object} [instance] the object to transform (gets mutated)\r\n * @returns the original values of instance which were changed\r\n */\r\n _realizeGroupTransformOnObject: function (instance) {\r\n if (\r\n instance.group &&\r\n instance.group.type === 'activeSelection' &&\r\n this._activeObject === instance.group\r\n ) {\r\n var layoutProps = [\r\n 'angle',\r\n 'flipX',\r\n 'flipY',\r\n 'left',\r\n 'scaleX',\r\n 'scaleY',\r\n 'skewX',\r\n 'skewY',\r\n 'top',\r\n ];\r\n //Copy all the positionally relevant properties across now\r\n var originalValues = {};\r\n layoutProps.forEach(function (prop) {\r\n originalValues[prop] = instance[prop];\r\n });\r\n fabric.util.addTransformToObject(\r\n instance,\r\n this._activeObject.calcOwnMatrix()\r\n );\r\n return originalValues;\r\n } else {\r\n return null;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _setSVGObject: function (markup, instance, reviver) {\r\n //If the object is in a selection group, simulate what would happen to that\r\n //object when the group is deselected\r\n var originalProperties = this._realizeGroupTransformOnObject(instance);\r\n this.callSuper('_setSVGObject', markup, instance, reviver);\r\n originalProperties && instance.set(originalProperties);\r\n },\r\n\r\n setViewportTransform: function (vpt) {\r\n if (\r\n this.renderOnAddRemove &&\r\n this._activeObject &&\r\n this._activeObject.isEditing\r\n ) {\r\n this._activeObject.clearContextTop();\r\n }\r\n fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt);\r\n },\r\n }\r\n );\r\n\r\n // copying static properties manually to work around Opera's bug,\r\n // where \"prototype\" property is enumerable and overrides existing prototype\r\n for (var prop in fabric.StaticCanvas) {\r\n if (prop !== 'prototype') {\r\n fabric.Canvas[prop] = fabric.StaticCanvas[prop];\r\n }\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fireEvent } from '../util/fireEvent';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n addListener = fabric.util.addListener,\r\n removeListener = fabric.util.removeListener,\r\n RIGHT_CLICK = 3,\r\n MIDDLE_CLICK = 2,\r\n LEFT_CLICK = 1,\r\n addEventOptions = { passive: false };\r\n\r\n function checkClick(e, value) {\r\n return e.button && e.button === value - 1;\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Contains the id of the touch event that owns the fabric transform\r\n * @type Number\r\n * @private\r\n */\r\n mainTouchId: null,\r\n\r\n /**\r\n * Adds mouse listeners to canvas\r\n * @private\r\n */\r\n _initEventListeners: function () {\r\n // in case we initialized the class twice. This should not happen normally\r\n // but in some kind of applications where the canvas element may be changed\r\n // this is a workaround to having double listeners.\r\n this.removeListeners();\r\n this._bindEvents();\r\n this.addOrRemove(addListener, 'add');\r\n },\r\n\r\n /**\r\n * return an event prefix pointer or mouse.\r\n * @private\r\n */\r\n _getEventPrefix: function () {\r\n return this.enablePointerEvents ? 'pointer' : 'mouse';\r\n },\r\n\r\n addOrRemove: function (functor, eventjsFunctor) {\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n functor(fabric.window, 'resize', this._onResize);\r\n functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown);\r\n functor(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut);\r\n functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter);\r\n functor(canvasElement, 'wheel', this._onMouseWheel);\r\n functor(canvasElement, 'contextmenu', this._onContextMenu);\r\n functor(canvasElement, 'dblclick', this._onDoubleClick);\r\n functor(canvasElement, 'dragstart', this._onDragStart);\r\n functor(canvasElement, 'dragend', this._onDragEnd);\r\n functor(canvasElement, 'dragover', this._onDragOver);\r\n functor(canvasElement, 'dragenter', this._onDragEnter);\r\n functor(canvasElement, 'dragleave', this._onDragLeave);\r\n functor(canvasElement, 'drop', this._onDrop);\r\n if (!this.enablePointerEvents) {\r\n functor(\r\n canvasElement,\r\n 'touchstart',\r\n this._onTouchStart,\r\n addEventOptions\r\n );\r\n }\r\n if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) {\r\n eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture);\r\n eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'orientation',\r\n this._onOrientationChange\r\n );\r\n eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake);\r\n eventjs[eventjsFunctor](\r\n canvasElement,\r\n 'longpress',\r\n this._onLongPress\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Removes all event listeners\r\n */\r\n removeListeners: function () {\r\n this.addOrRemove(removeListener, 'remove');\r\n // if you dispose on a mouseDown, before mouse up, you need to clean document to...\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _bindEvents: function () {\r\n if (this.eventsBound) {\r\n // for any reason we pass here twice we do not want to bind events twice.\r\n return;\r\n }\r\n this._onMouseDown = this._onMouseDown.bind(this);\r\n this._onTouchStart = this._onTouchStart.bind(this);\r\n this._onMouseMove = this._onMouseMove.bind(this);\r\n this._onMouseUp = this._onMouseUp.bind(this);\r\n this._onTouchEnd = this._onTouchEnd.bind(this);\r\n this._onResize = this._onResize.bind(this);\r\n this._onGesture = this._onGesture.bind(this);\r\n this._onDrag = this._onDrag.bind(this);\r\n this._onShake = this._onShake.bind(this);\r\n this._onLongPress = this._onLongPress.bind(this);\r\n this._onOrientationChange = this._onOrientationChange.bind(this);\r\n this._onMouseWheel = this._onMouseWheel.bind(this);\r\n this._onMouseOut = this._onMouseOut.bind(this);\r\n this._onMouseEnter = this._onMouseEnter.bind(this);\r\n this._onContextMenu = this._onContextMenu.bind(this);\r\n this._onDoubleClick = this._onDoubleClick.bind(this);\r\n this._onDragStart = this._onDragStart.bind(this);\r\n this._onDragEnd = this._onDragEnd.bind(this);\r\n this._onDragProgress = this._onDragProgress.bind(this);\r\n this._onDragOver = this._onDragOver.bind(this);\r\n this._onDragEnter = this._onDragEnter.bind(this);\r\n this._onDragLeave = this._onDragLeave.bind(this);\r\n this._onDrop = this._onDrop.bind(this);\r\n this.eventsBound = true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js gesture\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onGesture: function (e, self) {\r\n this.__onTransformGesture && this.__onTransformGesture(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js drag\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onDrag: function (e, self) {\r\n this.__onDrag && this.__onDrag(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on wheel event\r\n */\r\n _onMouseWheel: function (e) {\r\n this.__onMouseWheel(e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseOut: function (e) {\r\n var target = this._hoveredTarget;\r\n this.fire('mouse:out', { target: target, e: e });\r\n this._hoveredTarget = null;\r\n target && target.fire('mouseout', { e: e });\r\n\r\n this._hoveredTargets.forEach(function (nestedTarget) {\r\n this.fire('mouse:out', { target: nestedTarget, e: e });\r\n nestedTarget && nestedTarget.fire('mouseout', { e: e });\r\n }, this);\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseenter\r\n */\r\n _onMouseEnter: function (e) {\r\n // This find target and consequent 'mouse:over' is used to\r\n // clear old instances on hovered target.\r\n // calling findTarget has the side effect of killing target.__corner.\r\n // as a short term fix we are not firing this if we are currently transforming.\r\n // as a long term fix we need to separate the action of finding a target with the\r\n // side effects we added to it.\r\n if (!this._currentTransform && !this.findTarget(e)) {\r\n this.fire('mouse:over', { target: null, e: e });\r\n this._hoveredTarget = null;\r\n this._hoveredTargets = [];\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js orientation change\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onOrientationChange: function (e, self) {\r\n this.__onOrientationChange && this.__onOrientationChange(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onShake: function (e, self) {\r\n this.__onShake && this.__onShake(e, self);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n * @param {Event} [self] Inner Event object\r\n */\r\n _onLongPress: function (e, self) {\r\n this.__onLongPress && this.__onLongPress(e, self);\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragStart: function (e) {\r\n var activeObject = this.getActiveObject();\r\n if (\r\n activeObject &&\r\n typeof activeObject.onDragStart === 'function' &&\r\n activeObject.onDragStart(e)\r\n ) {\r\n this._dragSource = activeObject;\r\n var options = { e: e, target: activeObject };\r\n this.fire('dragstart', options);\r\n activeObject.fire('dragstart', options);\r\n addListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n return;\r\n }\r\n e.preventDefault();\r\n e.stopPropagation();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _renderDragEffects: function (e, source, target) {\r\n var ctx = this.contextTop;\r\n if (source) {\r\n source.clearContextTop(true);\r\n source.renderDragSourceEffect(e);\r\n }\r\n if (target) {\r\n if (target !== source) {\r\n ctx.restore();\r\n ctx.save();\r\n target.clearContextTop(true);\r\n }\r\n target.renderDropTargetEffect(e);\r\n }\r\n ctx.restore();\r\n },\r\n\r\n /**\r\n * supports native like text dragging\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragEnd: function (e) {\r\n var didDrop = e.dataTransfer.dropEffect !== 'none',\r\n dropTarget = didDrop ? this._activeObject : undefined,\r\n options = {\r\n e: e,\r\n target: this._dragSource,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n didDrop: didDrop,\r\n dropTarget: dropTarget,\r\n };\r\n removeListener(this.upperCanvasEl, 'drag', this._onDragProgress);\r\n this.fire('dragend', options);\r\n this._dragSource && this._dragSource.fire('dragend', options);\r\n delete this._dragSource;\r\n // we need to call mouse up synthetically because the browser won't\r\n this._onMouseUp(e);\r\n },\r\n\r\n /**\r\n * fire `drag` event on canvas and drag source\r\n * @private\r\n * @param {DragEvent} e\r\n */\r\n _onDragProgress: function (e) {\r\n var options = {\r\n e: e,\r\n dragSource: this._dragSource,\r\n dropTarget: this._draggedoverTarget,\r\n };\r\n this.fire('drag', options);\r\n this._dragSource && this._dragSource.fire('drag', options);\r\n },\r\n\r\n /**\r\n * prevent default to allow drop event to be fired\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragOver: function (e) {\r\n var eventType = 'dragover',\r\n target = this.findTarget(e),\r\n targets = this.targets,\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n dragSource: this._dragSource,\r\n canDrop: false,\r\n dropTarget: undefined,\r\n },\r\n dropTarget;\r\n // fire on canvas\r\n this.fire(eventType, options);\r\n // make sure we fire dragenter events before dragover\r\n // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it\r\n this._fireEnterLeaveEvents(target, options);\r\n if (target) {\r\n // render drag selection before rendering target cursor for correct visuals\r\n if (target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // propagate the event to subtargets\r\n for (var i = 0; i < targets.length; i++) {\r\n target = targets[i];\r\n // accept event only if previous targets didn't\r\n if (!e.defaultPrevented && target.canDrop(e)) {\r\n dropTarget = target;\r\n }\r\n target.fire(eventType, options);\r\n }\r\n // render drag effects now that relations between source and target is clear\r\n this._renderDragEffects(e, this._dragSource, dropTarget);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragEnter: function (e) {\r\n var target = this.findTarget(e);\r\n var options = {\r\n e: e,\r\n target: target,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragenter', options);\r\n // fire dragenter on targets\r\n this._fireEnterLeaveEvents(target, options);\r\n },\r\n\r\n /**\r\n * fire `dragleave` on `dragover` targets\r\n * @private\r\n * @param {Event} [e] Event object fired on Event.js shake\r\n */\r\n _onDragLeave: function (e) {\r\n var options = {\r\n e: e,\r\n target: this._draggedoverTarget,\r\n subTargets: this.targets,\r\n dragSource: this._dragSource,\r\n };\r\n this.fire('dragleave', options);\r\n // fire dragleave on targets\r\n this._fireEnterLeaveEvents(null, options);\r\n // clear targets\r\n this.targets = [];\r\n this._hoveredTargets = [];\r\n },\r\n\r\n /**\r\n * `drop:before` is a an event that allows you to schedule logic\r\n * before the `drop` event. Prefer `drop` event always, but if you need\r\n * to run some drop-disabling logic on an event, since there is no way\r\n * to handle event handlers ordering, use `drop:before`\r\n * @private\r\n * @param {Event} e\r\n */\r\n _onDrop: function (e) {\r\n var options = this._simpleEventHandler('drop:before', e, {\r\n dragSource: this._dragSource,\r\n pointer: this.getPointer(e),\r\n });\r\n // will be set by the drop target\r\n options.didDrop = false;\r\n // will be set by the drop target, used in case options.target refuses the drop\r\n options.dropTarget = undefined;\r\n // fire `drop`\r\n this._basicEventHandler('drop', options);\r\n // inform canvas of the drop\r\n // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it\r\n // use for side effects\r\n this.fire('drop:after', options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onContextMenu: function (e) {\r\n var options = this._simpleEventHandler('contextmenu:before', e);\r\n if (this.stopContextMenu) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }\r\n this._basicEventHandler('contextmenu', options);\r\n return false;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onDoubleClick: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'dblclick');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Return a the id of an event.\r\n * returns either the pointerId or the identifier or 0 for the mouse event\r\n * @private\r\n * @param {Event} evt Event object\r\n */\r\n getPointerId: function (evt) {\r\n var changedTouches = evt.changedTouches;\r\n\r\n if (changedTouches) {\r\n return changedTouches[0] && changedTouches[0].identifier;\r\n }\r\n\r\n if (this.enablePointerEvents) {\r\n return evt.pointerId;\r\n }\r\n\r\n return -1;\r\n },\r\n\r\n /**\r\n * Determines if an event has the id of the event that is considered main\r\n * @private\r\n * @param {evt} event Event object\r\n */\r\n _isMainEvent: function (evt) {\r\n if (evt.isPrimary === true) {\r\n return true;\r\n }\r\n if (evt.isPrimary === false) {\r\n return false;\r\n }\r\n if (evt.type === 'touchend' && evt.touches.length === 0) {\r\n return true;\r\n }\r\n if (evt.changedTouches) {\r\n return evt.changedTouches[0].identifier === this.mainTouchId;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchStart: function (e) {\r\n e.preventDefault();\r\n if (this.mainTouchId === null) {\r\n this.mainTouchId = this.getPointerId(e);\r\n }\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n addListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n addListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n // Unbind mousedown to prevent double triggers from touch devices\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'down',\r\n this._onMouseDown\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDown: function (e) {\r\n this.__onMouseDown(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp);\r\n addListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onTouchEnd: function (e) {\r\n if (e.touches.length > 0) {\r\n // if there are still touches stop here\r\n return;\r\n }\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n this.mainTouchId = null;\r\n var eventTypePrefix = this._getEventPrefix();\r\n removeListener(\r\n fabric.document,\r\n 'touchend',\r\n this._onTouchEnd,\r\n addEventOptions\r\n );\r\n removeListener(\r\n fabric.document,\r\n 'touchmove',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n var _this = this;\r\n if (this._willAddMouseDown) {\r\n clearTimeout(this._willAddMouseDown);\r\n }\r\n this._willAddMouseDown = setTimeout(function () {\r\n // Wait 400ms before rebinding mousedown to prevent double triggers\r\n // from touch devices\r\n addListener(\r\n _this.upperCanvasEl,\r\n eventTypePrefix + 'down',\r\n _this._onMouseDown\r\n );\r\n _this._willAddMouseDown = 0;\r\n }, 400);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUp: function (e) {\r\n this.__onMouseUp(e);\r\n this._resetTransformEventData();\r\n var canvasElement = this.upperCanvasEl,\r\n eventTypePrefix = this._getEventPrefix();\r\n if (this._isMainEvent(e)) {\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'up',\r\n this._onMouseUp\r\n );\r\n removeListener(\r\n fabric.document,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n addListener(\r\n canvasElement,\r\n eventTypePrefix + 'move',\r\n this._onMouseMove,\r\n addEventOptions\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMove: function (e) {\r\n var activeObject = this.getActiveObject();\r\n !this.allowTouchScrolling &&\r\n (!activeObject || !activeObject.__isDragging) &&\r\n e.preventDefault &&\r\n e.preventDefault();\r\n this.__onMouseMove(e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _onResize: function () {\r\n this.calcOffset();\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Decides whether the canvas should be redrawn in mouseup and mousedown events.\r\n * @private\r\n * @param {Object} target\r\n */\r\n _shouldRender: function (target) {\r\n var activeObject = this._activeObject;\r\n\r\n if (\r\n !!activeObject !== !!target ||\r\n (activeObject && target && activeObject !== target)\r\n ) {\r\n // this covers: switch of target, from target to no target, selection of target\r\n // multiSelection with key and mouse\r\n return true;\r\n } else if (activeObject && activeObject.isEditing) {\r\n // if we mouse up/down over a editing textbox a cursor change,\r\n // there is no need to re render\r\n return false;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is released on canvas.\r\n * The method resets the currentTransform parameters, store the image corner\r\n * position in the image object and render the canvas on top.\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseUp: function (e) {\r\n var target,\r\n transform = this._currentTransform,\r\n groupSelector = this._groupSelector,\r\n shouldRender = false,\r\n isClick =\r\n !groupSelector ||\r\n (groupSelector.left === 0 && groupSelector.top === 0);\r\n this._cacheTransformEventData(e);\r\n target = this._target;\r\n this._handleEvent(e, 'up:before');\r\n // if right/middle click just fire events and return\r\n // target undefined will make the _handleEvent search the target\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'up', RIGHT_CLICK, isClick);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'up', MIDDLE_CLICK, isClick);\r\n }\r\n this._resetTransformEventData();\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode && this._isCurrentlyDrawing) {\r\n this._onMouseUpInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n if (transform) {\r\n this._finalizeCurrentTransform(e);\r\n shouldRender = transform.actionPerformed;\r\n }\r\n if (!isClick) {\r\n var targetWasActive = target === this._activeObject;\r\n this._maybeGroupObjects(e);\r\n if (!shouldRender) {\r\n shouldRender =\r\n this._shouldRender(target) ||\r\n (!targetWasActive && target === this._activeObject);\r\n }\r\n }\r\n var corner, pointer;\r\n if (target) {\r\n corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n if (\r\n target.selectable &&\r\n target !== this._activeObject &&\r\n target.activeOn === 'up'\r\n ) {\r\n this.setActiveObject(target, e);\r\n shouldRender = true;\r\n } else {\r\n var control = target.controls[corner],\r\n mouseUpHandler =\r\n control && control.getMouseUpHandler(e, target, control);\r\n if (mouseUpHandler) {\r\n pointer = this.getPointer(e);\r\n mouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n }\r\n target.isMoving = false;\r\n }\r\n // if we are ending up a transform on a different control or a new object\r\n // fire the original mouse up from the corner that started the transform\r\n if (\r\n transform &&\r\n (transform.target !== target || transform.corner !== corner)\r\n ) {\r\n var originalControl =\r\n transform.target && transform.target.controls[transform.corner],\r\n originalMouseUpHandler =\r\n originalControl &&\r\n originalControl.getMouseUpHandler(e, target, control);\r\n pointer = pointer || this.getPointer(e);\r\n originalMouseUpHandler &&\r\n originalMouseUpHandler(e, transform, pointer.x, pointer.y);\r\n }\r\n this._setCursorFromEvent(e, target);\r\n this._handleEvent(e, 'up', LEFT_CLICK, isClick);\r\n this._groupSelector = null;\r\n this._currentTransform = null;\r\n // reset the target information about which corner is selected\r\n target && (target.__corner = 0);\r\n if (shouldRender) {\r\n this.requestRenderAll();\r\n } else if (!isClick) {\r\n this.renderTop();\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {object} [data] event data overrides\r\n * @return {object} options\r\n */\r\n _simpleEventHandler: function (eventType, e, data) {\r\n var target = this.findTarget(e),\r\n subTargets = this.targets || [];\r\n return this._basicEventHandler(\r\n eventType,\r\n Object.assign(\r\n {},\r\n {\r\n e: e,\r\n target: target,\r\n subTargets: subTargets,\r\n },\r\n data\r\n )\r\n );\r\n },\r\n\r\n _basicEventHandler: function (eventType, options) {\r\n var target = options.target,\r\n subTargets = options.subTargets;\r\n this.fire(eventType, options);\r\n target && target.fire(eventType, options);\r\n for (var i = 0; i < subTargets.length; i++) {\r\n subTargets[i].fire(eventType, options);\r\n }\r\n return options;\r\n },\r\n\r\n /**\r\n * @private\r\n * Handle event firing for target and subtargets\r\n * @param {Event} e event from mouse\r\n * @param {String} eventType event to fire (up, down or move)\r\n * @param {fabric.Object} targetObj receiving event\r\n * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right\r\n * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move.\r\n */\r\n _handleEvent: function (e, eventType, button, isClick) {\r\n var target = this._target,\r\n targets = this.targets || [],\r\n options = {\r\n e: e,\r\n target: target,\r\n subTargets: targets,\r\n button: button || LEFT_CLICK,\r\n isClick: isClick || false,\r\n pointer: this._pointer,\r\n absolutePointer: this._absolutePointer,\r\n transform: this._currentTransform,\r\n };\r\n if (eventType === 'up') {\r\n options.currentTarget = this.findTarget(e);\r\n options.currentSubTargets = this.targets;\r\n }\r\n this.fire('mouse:' + eventType, options);\r\n target && target.fire('mouse' + eventType, options);\r\n for (var i = 0; i < targets.length; i++) {\r\n targets[i].fire('mouse' + eventType, options);\r\n }\r\n },\r\n\r\n /**\r\n * End the current transfrom.\r\n * You don't usually need to call this method unless you are interupting a user initiated transform\r\n * because of some other event ( a press of key combination, or something that block the user UX )\r\n * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n endCurrentTransform: function (e) {\r\n var transform = this._currentTransform;\r\n this._finalizeCurrentTransform(e);\r\n if (transform && transform.target) {\r\n // this could probably go inside _finalizeCurrentTransform\r\n transform.target.isMoving = false;\r\n }\r\n this._currentTransform = null;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event\r\n */\r\n _finalizeCurrentTransform: function (e) {\r\n var transform = this._currentTransform,\r\n target = transform.target,\r\n options = {\r\n e: e,\r\n target: target,\r\n transform: transform,\r\n action: transform.action,\r\n };\r\n\r\n if (target._scaling) {\r\n target._scaling = false;\r\n }\r\n\r\n target.setCoords();\r\n\r\n if (\r\n transform.actionPerformed ||\r\n (this.stateful && target.hasStateChanged())\r\n ) {\r\n this._fire('modified', options);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n _onMouseDownInDrawingMode: function (e) {\r\n this._isCurrentlyDrawing = true;\r\n if (this.getActiveObject()) {\r\n this.discardActiveObject(e).requestRenderAll();\r\n }\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer });\r\n this._handleEvent(e, 'down');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n _onMouseMoveInDrawingMode: function (e) {\r\n if (this._isCurrentlyDrawing) {\r\n var pointer = this.getPointer(e);\r\n this.freeDrawingBrush.onMouseMove(pointer, {\r\n e: e,\r\n pointer: pointer,\r\n });\r\n }\r\n this.setCursor(this.freeDrawingCursor);\r\n this._handleEvent(e, 'move');\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n _onMouseUpInDrawingMode: function (e) {\r\n var pointer = this.getPointer(e);\r\n this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({\r\n e: e,\r\n pointer: pointer,\r\n });\r\n this._handleEvent(e, 'up');\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is clicked on canvas.\r\n * The method inits the currentTransform parameters and renders all the\r\n * canvas so the current image can be placed on the top canvas and the rest\r\n * in on the container one.\r\n * @private\r\n * @param {Event} e Event object fired on mousedown\r\n */\r\n __onMouseDown: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'down:before');\r\n var target = this._target;\r\n // if right click just fire events\r\n if (checkClick(e, RIGHT_CLICK)) {\r\n if (this.fireRightClick) {\r\n this._handleEvent(e, 'down', RIGHT_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (checkClick(e, MIDDLE_CLICK)) {\r\n if (this.fireMiddleClick) {\r\n this._handleEvent(e, 'down', MIDDLE_CLICK);\r\n }\r\n return;\r\n }\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseDownInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n // ignore if some object is being transformed at this moment\r\n if (this._currentTransform) {\r\n return;\r\n }\r\n\r\n var pointer = this._pointer;\r\n // save pointer for check in __onMouseUp event\r\n this._previousPointer = pointer;\r\n var shouldRender = this._shouldRender(target),\r\n shouldGroup = this._shouldGroup(e, target);\r\n if (this._shouldClearSelection(e, target)) {\r\n this.discardActiveObject(e);\r\n } else if (shouldGroup) {\r\n this._handleGrouping(e, target);\r\n target = this._activeObject;\r\n }\r\n\r\n if (\r\n this.selection &&\r\n (!target ||\r\n (!target.selectable &&\r\n !target.isEditing &&\r\n target !== this._activeObject))\r\n ) {\r\n this._groupSelector = {\r\n ex: this._absolutePointer.x,\r\n ey: this._absolutePointer.y,\r\n top: 0,\r\n left: 0,\r\n };\r\n }\r\n\r\n if (target) {\r\n var alreadySelected = target === this._activeObject;\r\n if (target.selectable && target.activeOn === 'down') {\r\n this.setActiveObject(target, e);\r\n }\r\n var corner = target._findTargetCorner(\r\n this.getPointer(e, true),\r\n fabric.util.isTouchEvent(e)\r\n );\r\n target.__corner = corner;\r\n if (target === this._activeObject && (corner || !shouldGroup)) {\r\n this._setupCurrentTransform(e, target, alreadySelected);\r\n var control = target.controls[corner],\r\n pointer = this.getPointer(e),\r\n mouseDownHandler =\r\n control && control.getMouseDownHandler(e, target, control);\r\n if (mouseDownHandler) {\r\n mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y);\r\n }\r\n }\r\n }\r\n var invalidate = shouldRender || shouldGroup;\r\n // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering\r\n // run before firing the `down` event to give the dev a chance to populate it themselves\r\n invalidate && (this._objectsToRender = undefined);\r\n this._handleEvent(e, 'down');\r\n // we must renderAll so that we update the visuals\r\n invalidate && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * reset cache form common information needed during event processing\r\n * @private\r\n */\r\n _resetTransformEventData: function () {\r\n this._target = null;\r\n this._pointer = null;\r\n this._absolutePointer = null;\r\n },\r\n\r\n /**\r\n * Cache common information needed during event processing\r\n * @private\r\n * @param {Event} e Event object fired on event\r\n */\r\n _cacheTransformEventData: function (e) {\r\n // reset in order to avoid stale caching\r\n this._resetTransformEventData();\r\n this._pointer = this.getPointer(e, true);\r\n this._absolutePointer = this.restorePointerVpt(this._pointer);\r\n this._target = this._currentTransform\r\n ? this._currentTransform.target\r\n : this.findTarget(e) || null;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _beforeTransform: function (e) {\r\n var t = this._currentTransform;\r\n this.stateful && t.target.saveState();\r\n this.fire('before:transform', {\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines the actions when mouse is hovering the canvas.\r\n * The currentTransform parameter will define whether the user is rotating/scaling/translating\r\n * an image or neither of them (only hovering). A group selection is also possible and would cancel\r\n * all any other type of action.\r\n * In case of an image transformation only the top canvas will be rendered.\r\n * @private\r\n * @param {Event} e Event object fired on mousemove\r\n */\r\n __onMouseMove: function (e) {\r\n this._handleEvent(e, 'move:before');\r\n this._cacheTransformEventData(e);\r\n var target, pointer;\r\n\r\n if (this.isDrawingMode) {\r\n this._onMouseMoveInDrawingMode(e);\r\n return;\r\n }\r\n\r\n if (!this._isMainEvent(e)) {\r\n return;\r\n }\r\n\r\n var groupSelector = this._groupSelector;\r\n\r\n // We initially clicked in an empty area, so we draw a box for multiple selection\r\n if (groupSelector) {\r\n pointer = this._absolutePointer;\r\n\r\n groupSelector.left = pointer.x - groupSelector.ex;\r\n groupSelector.top = pointer.y - groupSelector.ey;\r\n\r\n this.renderTop();\r\n } else if (!this._currentTransform) {\r\n target = this.findTarget(e) || null;\r\n this._setCursorFromEvent(e, target);\r\n this._fireOverOutEvents(target, e);\r\n } else {\r\n this._transformObject(e);\r\n }\r\n this._handleEvent(e, 'move');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * Manage the mouseout, mouseover events for the fabric object on the canvas\r\n * @param {Fabric.Object} target the target where the target from the mousemove event\r\n * @param {Event} e Event object fired on mousemove\r\n * @private\r\n */\r\n _fireOverOutEvents: function (target, e) {\r\n var _hoveredTarget = this._hoveredTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(\r\n target,\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTarget,\r\n evtOut: 'mouseout',\r\n canvasEvtOut: 'mouse:out',\r\n evtIn: 'mouseover',\r\n canvasEvtIn: 'mouse:over',\r\n }\r\n );\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(\r\n targets[i],\r\n { e: e },\r\n {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'mouseout',\r\n evtIn: 'mouseover',\r\n }\r\n );\r\n }\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n },\r\n\r\n /**\r\n * Manage the dragEnter, dragLeave events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the onDrag event\r\n * @param {Object} data Event object fired on dragover\r\n * @private\r\n */\r\n _fireEnterLeaveEvents: function (target, data) {\r\n var _draggedoverTarget = this._draggedoverTarget,\r\n _hoveredTargets = this._hoveredTargets,\r\n targets = this.targets,\r\n length = Math.max(_hoveredTargets.length, targets.length);\r\n\r\n this.fireSyntheticInOutEvents(target, data, {\r\n oldTarget: _draggedoverTarget,\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n canvasEvtIn: 'drag:enter',\r\n canvasEvtOut: 'drag:leave',\r\n });\r\n for (var i = 0; i < length; i++) {\r\n this.fireSyntheticInOutEvents(targets[i], data, {\r\n oldTarget: _hoveredTargets[i],\r\n evtOut: 'dragleave',\r\n evtIn: 'dragenter',\r\n });\r\n }\r\n this._draggedoverTarget = target;\r\n },\r\n\r\n /**\r\n * Manage the synthetic in/out events for the fabric objects on the canvas\r\n * @param {Fabric.Object} target the target where the target from the supported events\r\n * @param {Object} data Event object fired\r\n * @param {Object} config configuration for the function to work\r\n * @param {String} config.targetName property on the canvas where the old target is stored\r\n * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out\r\n * @param {String} config.evtOut name of the event to fire for out\r\n * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in\r\n * @param {String} config.evtIn name of the event to fire for in\r\n * @private\r\n */\r\n fireSyntheticInOutEvents: function (target, data, config) {\r\n var inOpt,\r\n outOpt,\r\n oldTarget = config.oldTarget,\r\n outFires,\r\n inFires,\r\n targetChanged = oldTarget !== target,\r\n canvasEvtIn = config.canvasEvtIn,\r\n canvasEvtOut = config.canvasEvtOut;\r\n if (targetChanged) {\r\n inOpt = Object.assign({}, data, {\r\n target: target,\r\n previousTarget: oldTarget,\r\n });\r\n outOpt = Object.assign({}, data, {\r\n target: oldTarget,\r\n nextTarget: target,\r\n });\r\n }\r\n inFires = target && targetChanged;\r\n outFires = oldTarget && targetChanged;\r\n if (outFires) {\r\n canvasEvtOut && this.fire(canvasEvtOut, outOpt);\r\n oldTarget.fire(config.evtOut, outOpt);\r\n }\r\n if (inFires) {\r\n canvasEvtIn && this.fire(canvasEvtIn, inOpt);\r\n target.fire(config.evtIn, inOpt);\r\n }\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event Mouse Wheel\r\n * @param {Event} e Event object fired on mouseup\r\n */\r\n __onMouseWheel: function (e) {\r\n this._cacheTransformEventData(e);\r\n this._handleEvent(e, 'wheel');\r\n this._resetTransformEventData();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event fired on mousemove\r\n */\r\n _transformObject: function (e) {\r\n var pointer = this.getPointer(e),\r\n transform = this._currentTransform,\r\n target = transform.target,\r\n // transform pointer to target's containing coordinate plane\r\n // both pointer and object should agree on every point\r\n localPointer = target.group\r\n ? fabric.util.sendPointToPlane(\r\n pointer,\r\n undefined,\r\n target.group.calcTransformMatrix()\r\n )\r\n : pointer;\r\n\r\n transform.reset = false;\r\n transform.shiftKey = e.shiftKey;\r\n transform.altKey = e[this.centeredKey];\r\n\r\n this._performTransformAction(e, transform, localPointer);\r\n transform.actionPerformed && this.requestRenderAll();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _performTransformAction: function (e, transform, pointer) {\r\n var x = pointer.x,\r\n y = pointer.y,\r\n action = transform.action,\r\n actionPerformed = false,\r\n actionHandler = transform.actionHandler;\r\n // this object could be created from the function in the control handlers\r\n\r\n if (actionHandler) {\r\n actionPerformed = actionHandler(e, transform, x, y);\r\n }\r\n if (action === 'drag' && actionPerformed) {\r\n transform.target.isMoving = true;\r\n this.setCursor(transform.target.moveCursor || this.moveCursor);\r\n }\r\n transform.actionPerformed =\r\n transform.actionPerformed || actionPerformed;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _fire: function (eventName, options) {\r\n return fireEvent(eventName, options);\r\n },\r\n\r\n /**\r\n * Sets the cursor depending on where the canvas is being hovered.\r\n * Note: very buggy in Opera\r\n * @param {Event} e Event object\r\n * @param {Object} target Object that the mouse is hovering, if so.\r\n */\r\n _setCursorFromEvent: function (e, target) {\r\n if (!target) {\r\n this.setCursor(this.defaultCursor);\r\n return false;\r\n }\r\n var hoverCursor = target.hoverCursor || this.hoverCursor,\r\n activeSelection =\r\n this._activeObject && this._activeObject.type === 'activeSelection'\r\n ? this._activeObject\r\n : null,\r\n // only show proper corner when group selection is not active\r\n corner =\r\n (!activeSelection || !activeSelection.contains(target)) &&\r\n // here we call findTargetCorner always with undefined for the touch parameter.\r\n // we assume that if you are using a cursor you do not need to interact with\r\n // the bigger touch area.\r\n target._findTargetCorner(this.getPointer(e, true));\r\n\r\n if (!corner) {\r\n if (target.subTargetCheck) {\r\n // hoverCursor should come from top-most subTarget,\r\n // so we walk the array backwards\r\n this.targets\r\n .concat()\r\n .reverse()\r\n .map(function (_target) {\r\n hoverCursor = _target.hoverCursor || hoverCursor;\r\n });\r\n }\r\n this.setCursor(hoverCursor);\r\n } else {\r\n this.setCursor(this.getCornerCursor(corner, target, e));\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n getCornerCursor: function (corner, target, e) {\r\n var control = target.controls[corner];\r\n return control.cursorStyleHandler(e, control, target);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n min = Math.min,\r\n max = Math.max;\r\n\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n * @return {Boolean}\r\n */\r\n _shouldGroup: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection.\r\n return (\r\n !!activeObject &&\r\n this._isSelectionKeyPressed(e) &&\r\n this.selection &&\r\n // on top of that the user also has to hit a target that is selectable.\r\n !!target &&\r\n target.selectable &&\r\n // if all pre-requisite pass, the target is either something different from the current\r\n // activeObject or if an activeSelection already exists\r\n // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear.\r\n // is a very old condition uncertain if still valid.\r\n (activeObject !== target ||\r\n activeObject.type === 'activeSelection') &&\r\n // make sure `activeObject` and `target` aren't ancestors of each other\r\n !target.isDescendantOf(activeObject) &&\r\n !activeObject.isDescendantOf(target) &&\r\n // target accepts selection\r\n !target.onSelect({ e: e })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e Event object\r\n * @param {fabric.Object} target\r\n */\r\n _handleGrouping: function (e, target) {\r\n var activeObject = this._activeObject;\r\n // avoid multi select when shift click on a corner\r\n if (activeObject.__corner) {\r\n return;\r\n }\r\n if (target === activeObject) {\r\n // if it's a group, find target again, using activeGroup objects\r\n target = this.findTarget(e, true);\r\n // if even object is not found or we are on activeObjectCorner, bail out\r\n if (!target || !target.selectable) {\r\n return;\r\n }\r\n }\r\n if (activeObject && activeObject.type === 'activeSelection') {\r\n this._updateActiveSelection(target, e);\r\n } else {\r\n this._createActiveSelection(target, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _updateActiveSelection: function (target, e) {\r\n var activeSelection = this._activeObject,\r\n currentActiveObjects = activeSelection._objects.slice(0);\r\n if (target.group === activeSelection) {\r\n activeSelection.remove(target);\r\n this._hoveredTarget = target;\r\n this._hoveredTargets = this.targets.concat();\r\n if (activeSelection.size() === 1) {\r\n // activate last remaining object\r\n this._setActiveObject(activeSelection.item(0), e);\r\n }\r\n } else {\r\n activeSelection.add(target);\r\n this._hoveredTarget = activeSelection;\r\n this._hoveredTargets = this.targets.concat();\r\n }\r\n this._fireSelectionEvents(currentActiveObjects, e);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createActiveSelection: function (target, e) {\r\n var currentActives = this.getActiveObjects(),\r\n group = this._createGroup(target);\r\n this._hoveredTarget = group;\r\n // ISSUE 4115: should we consider subTargets here?\r\n // this._hoveredTargets = [];\r\n // this._hoveredTargets = this.targets.concat();\r\n this._setActiveObject(group, e);\r\n this._fireSelectionEvents(currentActives, e);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} target\r\n * @returns {fabric.ActiveSelection}\r\n */\r\n _createGroup: function (target) {\r\n var activeObject = this._activeObject;\r\n var groupObjects = target.isInFrontOf(activeObject)\r\n ? [activeObject, target]\r\n : [target, activeObject];\r\n activeObject.isEditing && activeObject.exitEditing();\r\n // handle case: target is nested\r\n return new fabric.ActiveSelection(groupObjects, {\r\n canvas: this,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Event} e mouse event\r\n */\r\n _groupSelectedObjects: function (e) {\r\n var group = this._collectObjects(e),\r\n aGroup;\r\n\r\n // do not create group for 1 element only\r\n if (group.length === 1) {\r\n this.setActiveObject(group[0], e);\r\n } else if (group.length > 1) {\r\n aGroup = new fabric.ActiveSelection(group.reverse(), {\r\n canvas: this,\r\n });\r\n this.setActiveObject(aGroup, e);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _collectObjects: function (e) {\r\n var group = [],\r\n currentObject,\r\n x1 = this._groupSelector.ex,\r\n y1 = this._groupSelector.ey,\r\n x2 = x1 + this._groupSelector.left,\r\n y2 = y1 + this._groupSelector.top,\r\n selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)),\r\n selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)),\r\n allowIntersect = !this.selectionFullyContained,\r\n isClick = x1 === x2 && y1 === y2;\r\n // we iterate reverse order to collect top first in case of click.\r\n for (var i = this._objects.length; i--; ) {\r\n currentObject = this._objects[i];\r\n\r\n if (\r\n !currentObject ||\r\n !currentObject.selectable ||\r\n !currentObject.visible\r\n ) {\r\n continue;\r\n }\r\n\r\n if (\r\n (allowIntersect &&\r\n currentObject.intersectsWithRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n )) ||\r\n currentObject.isContainedWithinRect(\r\n selectionX1Y1,\r\n selectionX2Y2,\r\n true\r\n ) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX1Y1, null, true)) ||\r\n (allowIntersect &&\r\n currentObject.containsPoint(selectionX2Y2, null, true))\r\n ) {\r\n group.push(currentObject);\r\n // only add one object if it's a click\r\n if (isClick) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (group.length > 1) {\r\n group = group.filter(function (object) {\r\n return !object.onSelect({ e: e });\r\n });\r\n }\r\n\r\n return group;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _maybeGroupObjects: function (e) {\r\n if (this.selection && this._groupSelector) {\r\n this._groupSelectedObjects(e);\r\n }\r\n this.setCursor(this.defaultCursor);\r\n // clear selection and current transformation\r\n this._groupSelector = null;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately\r\n * @param {Object} [options] Options object\r\n * @param {String} [options.format=png] The format of the output image. Either \"jpeg\" or \"png\"\r\n * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.\r\n * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent\r\n * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14\r\n * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14\r\n * @param {Number} [options.width] Cropping width. Introduced in v1.2.14\r\n * @param {Number} [options.height] Cropping height. Introduced in v1.2.14\r\n * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format\r\n * @see {@link https://jsfiddle.net/xsjua1rd/ demo}\r\n * @example Generate jpeg dataURL with lower quality\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'jpeg',\r\n * quality: 0.8\r\n * });\r\n * @example Generate cropped png dataURL (clipping of canvas)\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * left: 100,\r\n * top: 100,\r\n * width: 200,\r\n * height: 200\r\n * });\r\n * @example Generate double scaled png dataURL\r\n * var dataURL = canvas.toDataURL({\r\n * format: 'png',\r\n * multiplier: 2\r\n * });\r\n * @example Generate dataURL with objects that overlap a specified object\r\n * var myObject;\r\n * var dataURL = canvas.toDataURL({\r\n * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject)\r\n * });\r\n */\r\n toDataURL: function (options) {\r\n options || (options = {});\r\n\r\n var format = options.format || 'png',\r\n quality = options.quality || 1,\r\n multiplier =\r\n (options.multiplier || 1) *\r\n (options.enableRetinaScaling ? this.getRetinaScaling() : 1),\r\n canvasEl = this.toCanvasElement(multiplier, options);\r\n return fabric.util.toDataURL(canvasEl, format, quality);\r\n },\r\n\r\n /**\r\n * Create a new HTMLCanvas element painted with the current canvas content.\r\n * No need to resize the actual one or repaint it.\r\n * Will transfer object ownership to a new canvas, paint it, and set everything back.\r\n * This is an intermediary step used to get to a dataUrl but also it is useful to\r\n * create quick image copies of a canvas without passing for the dataUrl string\r\n * @param {Number} [multiplier] a zoom factor.\r\n * @param {Object} [options] Cropping informations\r\n * @param {Number} [options.left] Cropping left offset.\r\n * @param {Number} [options.top] Cropping top offset.\r\n * @param {Number} [options.width] Cropping width.\r\n * @param {Number} [options.height] Cropping height.\r\n * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.\r\n */\r\n toCanvasElement: function (multiplier, options) {\r\n multiplier = multiplier || 1;\r\n options = options || {};\r\n var scaledWidth = (options.width || this.width) * multiplier,\r\n scaledHeight = (options.height || this.height) * multiplier,\r\n zoom = this.getZoom(),\r\n originalWidth = this.width,\r\n originalHeight = this.height,\r\n newZoom = zoom * multiplier,\r\n vp = this.viewportTransform,\r\n translateX = (vp[4] - (options.left || 0)) * multiplier,\r\n translateY = (vp[5] - (options.top || 0)) * multiplier,\r\n originalInteractive = this.interactive,\r\n newVp = [newZoom, 0, 0, newZoom, translateX, translateY],\r\n originalRetina = this.enableRetinaScaling,\r\n canvasEl = fabric.util.createCanvasElement(),\r\n originalContextTop = this.contextTop,\r\n objectsToRender = options.filter\r\n ? this._objects.filter(options.filter)\r\n : this._objects;\r\n canvasEl.width = scaledWidth;\r\n canvasEl.height = scaledHeight;\r\n this.contextTop = null;\r\n this.enableRetinaScaling = false;\r\n this.interactive = false;\r\n this.viewportTransform = newVp;\r\n this.width = scaledWidth;\r\n this.height = scaledHeight;\r\n this.calcViewportBoundaries();\r\n this.renderCanvas(canvasEl.getContext('2d'), objectsToRender);\r\n this.viewportTransform = vp;\r\n this.width = originalWidth;\r\n this.height = originalHeight;\r\n this.calcViewportBoundaries();\r\n this.interactive = originalInteractive;\r\n this.enableRetinaScaling = originalRetina;\r\n this.contextTop = originalContextTop;\r\n return canvasEl;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Populates canvas with data from the specified JSON.\r\n * JSON format must conform to the one of {@link fabric.Canvas#toJSON}\r\n *\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n *\r\n * @param {String|Object} json JSON string or object\r\n * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created.\r\n * @param {Object} [options] options\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @return {Promise} instance\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization}\r\n * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo}\r\n * @example loadFromJSON\r\n * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll());\r\n * @example loadFromJSON with reviver\r\n * canvas.loadFromJSON(json, function(o, object) {\r\n * // `o` = json object\r\n * // `object` = fabric.Object instance\r\n * // ... do some stuff ...\r\n * }).then((canvas) => {\r\n * ... canvas is restored, add your code.\r\n * });\r\n *\r\n */\r\n loadFromJSON: function (json, reviver, options) {\r\n if (!json) {\r\n return Promise.reject(new Error('fabric.js: `json` is undefined'));\r\n }\r\n\r\n // serialize if it wasn't already\r\n var serialized =\r\n typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json);\r\n\r\n var _this = this,\r\n renderOnAddRemove = this.renderOnAddRemove;\r\n this.renderOnAddRemove = false;\r\n\r\n return Promise.all([\r\n fabric.util.enlivenObjects(serialized.objects || [], {\r\n reviver: reviver,\r\n signal: options && options.signal,\r\n }),\r\n fabric.util.enlivenObjectEnlivables(\r\n {\r\n backgroundImage: serialized.backgroundImage,\r\n backgroundColor: serialized.background,\r\n overlayImage: serialized.overlayImage,\r\n overlayColor: serialized.overlay,\r\n clipPath: serialized.clipPath,\r\n },\r\n { signal: options && options.signal }\r\n ),\r\n ]).then(function (res) {\r\n var enlived = res[0],\r\n enlivedMap = res[1];\r\n _this.clear();\r\n _this.__setupCanvas(serialized, enlived);\r\n _this.renderOnAddRemove = renderOnAddRemove;\r\n _this.set(enlivedMap);\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} serialized Object with background and overlay information\r\n * @param {Array} enlivenedObjects canvas objects\r\n */\r\n __setupCanvas: function (serialized, enlivenedObjects) {\r\n var _this = this;\r\n enlivenedObjects.forEach(function (obj, index) {\r\n // we splice the array just in case some custom classes restored from JSON\r\n // will add more object to canvas at canvas init.\r\n _this.insertAt(obj, index);\r\n });\r\n // remove parts i cannot set as options\r\n delete serialized.objects;\r\n delete serialized.backgroundImage;\r\n delete serialized.overlayImage;\r\n delete serialized.background;\r\n delete serialized.overlay;\r\n // this._initOptions does too many things to just\r\n // call it. Normally loading an Object from JSON\r\n // create the Object instance. Here the Canvas is\r\n // already an instance and we are just loading things over it\r\n this._setOptions(serialized);\r\n },\r\n\r\n /**\r\n * Clones canvas instance\r\n * @param {Array} [properties] Array of properties to include in the cloned canvas and children\r\n * @returns {Promise}\r\n */\r\n clone: function (properties) {\r\n var data = JSON.stringify(this.toJSON(properties));\r\n return this.cloneWithoutData().then(function (clone) {\r\n return clone.loadFromJSON(data);\r\n });\r\n },\r\n\r\n /**\r\n * Clones canvas instance without cloning existing data.\r\n * This essentially copies canvas dimensions, clipping properties, etc.\r\n * but leaves data empty (so that you can populate it with your own)\r\n * @returns {Promise}\r\n */\r\n cloneWithoutData: function () {\r\n var el = fabric.util.createCanvasElement();\r\n\r\n el.width = this.width;\r\n el.height = this.height;\r\n // this seems wrong. either Canvas or StaticCanvas\r\n var clone = new fabric.Canvas(el);\r\n var data = {};\r\n if (this.backgroundImage) {\r\n data.backgroundImage = this.backgroundImage.toObject();\r\n }\r\n if (this.backgroundColor) {\r\n data.background = this.backgroundColor.toObject\r\n ? this.backgroundColor.toObject()\r\n : this.backgroundColor;\r\n }\r\n return clone.loadFromJSON(data);\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { scalingEqually } from '../controls/actions';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n radiansToDegrees = fabric.util.radiansToDegrees;\r\n\r\n /**\r\n * Adds support for multi-touch gestures using the Event.js library.\r\n * Fires the following custom events:\r\n * - touch:gesture\r\n * - touch:drag\r\n * - touch:orientation\r\n * - touch:shake\r\n * - touch:longpress\r\n */\r\n fabric.util.object.extend(\r\n fabric.Canvas.prototype,\r\n /** @lends fabric.Canvas.prototype */ {\r\n /**\r\n * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports\r\n * 2 finger gestures.\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onTransformGesture: function (e, self) {\r\n if (\r\n this.isDrawingMode ||\r\n !e.touches ||\r\n e.touches.length !== 2 ||\r\n 'gesture' !== self.gesture\r\n ) {\r\n return;\r\n }\r\n\r\n var target = this.findTarget(e);\r\n if ('undefined' !== typeof target) {\r\n this.__gesturesParams = {\r\n e: e,\r\n self: self,\r\n target: target,\r\n };\r\n\r\n this.__gesturesRenderer();\r\n }\r\n\r\n this.fire('touch:gesture', {\r\n target: target,\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n __gesturesParams: null,\r\n __gesturesRenderer: function () {\r\n if (this.__gesturesParams === null || this._currentTransform === null) {\r\n return;\r\n }\r\n\r\n var self = this.__gesturesParams.self,\r\n t = this._currentTransform,\r\n e = this.__gesturesParams.e;\r\n\r\n t.action = 'scale';\r\n t.originX = t.originY = 'center';\r\n\r\n this._scaleObjectBy(self.scale, e);\r\n\r\n if (self.rotation !== 0) {\r\n t.action = 'rotate';\r\n this._rotateObjectByAngle(self.rotation, e);\r\n }\r\n\r\n this.requestRenderAll();\r\n\r\n t.action = 'drag';\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js drag is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onDrag: function (e, self) {\r\n this.fire('touch:drag', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js orientation event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onOrientationChange: function (e, self) {\r\n this.fire('touch:orientation', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js shake event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onShake: function (e, self) {\r\n this.fire('touch:shake', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Method that defines actions when an Event.js longpress event is detected.\r\n *\r\n * @param {Event} e Event object by Event.js\r\n * @param {Event} self Event proxy object by Event.js\r\n */\r\n __onLongPress: function (e, self) {\r\n this.fire('touch:longpress', {\r\n e: e,\r\n self: self,\r\n });\r\n },\r\n\r\n /**\r\n * Scales an object by a factor\r\n * @param {Number} s The scale factor to apply to the current scale level\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _scaleObjectBy: function (s, e) {\r\n var t = this._currentTransform,\r\n target = t.target;\r\n t.gestureScale = s;\r\n target._scaling = true;\r\n return scalingEqually(e, t, 0, 0);\r\n },\r\n\r\n /**\r\n * Rotates object by an angle\r\n * @param {Number} curAngle The angle of rotation in degrees\r\n * @param {Event} e Event object by Event.js\r\n */\r\n _rotateObjectByAngle: function (curAngle, e) {\r\n var t = this._currentTransform;\r\n\r\n if (t.target.get('lockRotation')) {\r\n return;\r\n }\r\n t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta));\r\n this._fire('rotating', {\r\n target: t.target,\r\n e: e,\r\n transform: t,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Checks if object is decendant of target\r\n * Should be used instead of @link {fabric.Collection.contains} for performance reasons\r\n * @param {fabric.Object|fabric.StaticCanvas} target\r\n * @returns {boolean}\r\n */\r\n isDescendantOf: function (target) {\r\n var parent = this.group || this.canvas;\r\n while (parent) {\r\n if (target === parent) {\r\n return true;\r\n } else if (parent instanceof fabric.StaticCanvas) {\r\n // happens after all parents were traversed through without a match\r\n return false;\r\n }\r\n parent = parent.group || parent.canvas;\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n *\r\n * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors\r\n *\r\n * @param {boolean} [strict] returns only ancestors that are objects (without canvas)\r\n * @returns {Ancestors} ancestors from bottom to top\r\n */\r\n getAncestors: function (strict) {\r\n var ancestors = [];\r\n var parent = this.group || (strict ? undefined : this.canvas);\r\n while (parent) {\r\n ancestors.push(parent);\r\n parent = parent.group || (strict ? undefined : parent.canvas);\r\n }\r\n return ancestors;\r\n },\r\n\r\n /**\r\n * Returns an object that represent the ancestry situation.\r\n *\r\n * @typedef {object} AncestryComparison\r\n * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`)\r\n * @property {Ancestors} fork ancestors that are of `this` only\r\n * @property {Ancestors} otherFork ancestors that are of `other` only\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] finds only ancestors that are objects (without canvas)\r\n * @returns {AncestryComparison | undefined}\r\n *\r\n */\r\n findCommonAncestors: function (other, strict) {\r\n if (this === other) {\r\n return {\r\n fork: [],\r\n otherFork: [],\r\n common: [this].concat(this.getAncestors(strict)),\r\n };\r\n } else if (!other) {\r\n // meh, warn and inform, and not my issue.\r\n // the argument is NOT optional, we can't end up here.\r\n return undefined;\r\n }\r\n var ancestors = this.getAncestors(strict);\r\n var otherAncestors = other.getAncestors(strict);\r\n // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case\r\n if (\r\n ancestors.length === 0 &&\r\n otherAncestors.length > 0 &&\r\n this === otherAncestors[otherAncestors.length - 1]\r\n ) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(\r\n otherAncestors.slice(0, otherAncestors.length - 1)\r\n ),\r\n common: [this],\r\n };\r\n }\r\n // compare ancestors\r\n for (var i = 0, ancestor; i < ancestors.length; i++) {\r\n ancestor = ancestors[i];\r\n if (ancestor === other) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [],\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n for (var j = 0; j < otherAncestors.length; j++) {\r\n if (this === otherAncestors[j]) {\r\n return {\r\n fork: [],\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: [this].concat(ancestors),\r\n };\r\n }\r\n if (ancestor === otherAncestors[j]) {\r\n return {\r\n fork: [this].concat(ancestors.slice(0, i)),\r\n otherFork: [other].concat(otherAncestors.slice(0, j)),\r\n common: ancestors.slice(i),\r\n };\r\n }\r\n }\r\n }\r\n // nothing shared\r\n return {\r\n fork: [this].concat(ancestors),\r\n otherFork: [other].concat(otherAncestors),\r\n common: [],\r\n };\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other\r\n * @param {boolean} [strict] checks only ancestors that are objects (without canvas)\r\n * @returns {boolean}\r\n */\r\n hasCommonAncestors: function (other, strict) {\r\n var commonAncestors = this.findCommonAncestors(other, strict);\r\n return commonAncestors && !!commonAncestors.ancestors.length;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Moves an object to the bottom of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendToBack: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendToBack.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.sendToBack(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to the top of the stack of drawn objects\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringToFront: function () {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringToFront.call(this.group, this);\r\n } else if (this.canvas) {\r\n this.canvas.bringToFront(this);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object down in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n sendBackwards: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.sendBackwards.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.sendBackwards(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object up in stack of drawn objects\r\n * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n bringForward: function (intersecting) {\r\n if (this.group) {\r\n fabric.StaticCanvas.prototype.bringForward.call(\r\n this.group,\r\n this,\r\n intersecting\r\n );\r\n } else if (this.canvas) {\r\n this.canvas.bringForward(this, intersecting);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Moves an object to specified level in stack of drawn objects\r\n * @param {Number} index New position of object\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n moveTo: function (index) {\r\n if (this.group && this.group.type !== 'activeSelection') {\r\n fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index);\r\n } else if (this.canvas) {\r\n this.canvas.moveTo(this, index);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n *\r\n * @param {fabric.Object} other object to compare against\r\n * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined`\r\n */\r\n isInFrontOf: function (other) {\r\n if (this === other) {\r\n return undefined;\r\n }\r\n var ancestorData = this.findCommonAncestors(other);\r\n if (!ancestorData) {\r\n return undefined;\r\n }\r\n if (ancestorData.fork.includes(other)) {\r\n return true;\r\n }\r\n if (ancestorData.otherFork.includes(this)) {\r\n return false;\r\n }\r\n var firstCommonAncestor = ancestorData.common[0];\r\n if (!firstCommonAncestor) {\r\n return undefined;\r\n }\r\n var headOfFork = ancestorData.fork.pop(),\r\n headOfOtherFork = ancestorData.otherFork.pop(),\r\n thisIndex = firstCommonAncestor._objects.indexOf(headOfFork),\r\n otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork);\r\n return thisIndex > -1 && thisIndex > otherIndex;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\n(function (global) {\r\n var fabric = global.fabric;\r\n function getSvgColorString(prop, value) {\r\n if (!value) {\r\n return prop + ': none; ';\r\n } else if (value.toLive) {\r\n return prop + ': url(#SVGID_' + value.id + '); ';\r\n } else {\r\n var color = new Color(value),\r\n str = prop + ': ' + color.toRgb() + '; ',\r\n opacity = color.getAlpha();\r\n if (opacity !== 1) {\r\n //change the color in rgb + opacity\r\n str += prop + '-opacity: ' + opacity.toString() + '; ';\r\n }\r\n return str;\r\n }\r\n }\r\n\r\n var toFixed = (fabric = global.fabric),\r\n toFixed = fabric.util.toFixed;\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles: function (skipShadow) {\r\n var fillRule = this.fillRule ? this.fillRule : 'nonzero',\r\n strokeWidth = this.strokeWidth ? this.strokeWidth : '0',\r\n strokeDashArray = this.strokeDashArray\r\n ? this.strokeDashArray.join(' ')\r\n : 'none',\r\n strokeDashOffset = this.strokeDashOffset\r\n ? this.strokeDashOffset\r\n : '0',\r\n strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt',\r\n strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter',\r\n strokeMiterLimit = this.strokeMiterLimit\r\n ? this.strokeMiterLimit\r\n : '4',\r\n opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1',\r\n visibility = this.visible ? '' : ' visibility: hidden;',\r\n filter = skipShadow ? '' : this.getSvgFilter(),\r\n fill = getSvgColorString('fill', this.fill),\r\n stroke = getSvgColorString('stroke', this.stroke);\r\n\r\n return [\r\n stroke,\r\n 'stroke-width: ',\r\n strokeWidth,\r\n '; ',\r\n 'stroke-dasharray: ',\r\n strokeDashArray,\r\n '; ',\r\n 'stroke-linecap: ',\r\n strokeLineCap,\r\n '; ',\r\n 'stroke-dashoffset: ',\r\n strokeDashOffset,\r\n '; ',\r\n 'stroke-linejoin: ',\r\n strokeLineJoin,\r\n '; ',\r\n 'stroke-miterlimit: ',\r\n strokeMiterLimit,\r\n '; ',\r\n fill,\r\n 'fill-rule: ',\r\n fillRule,\r\n '; ',\r\n 'opacity: ',\r\n opacity,\r\n ';',\r\n filter,\r\n visibility,\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\r\n * @return {String}\r\n */\r\n getSvgSpanStyles: function (style, useWhiteSpace) {\r\n var term = '; ';\r\n var fontFamily = style.fontFamily\r\n ? 'font-family: ' +\r\n (style.fontFamily.indexOf(\"'\") === -1 &&\r\n style.fontFamily.indexOf('\"') === -1\r\n ? \"'\" + style.fontFamily + \"'\"\r\n : style.fontFamily) +\r\n term\r\n : '';\r\n var strokeWidth = style.strokeWidth\r\n ? 'stroke-width: ' + style.strokeWidth + term\r\n : '',\r\n fontFamily = fontFamily,\r\n fontSize = style.fontSize\r\n ? 'font-size: ' + style.fontSize + 'px' + term\r\n : '',\r\n fontStyle = style.fontStyle\r\n ? 'font-style: ' + style.fontStyle + term\r\n : '',\r\n fontWeight = style.fontWeight\r\n ? 'font-weight: ' + style.fontWeight + term\r\n : '',\r\n fill = style.fill ? getSvgColorString('fill', style.fill) : '',\r\n stroke = style.stroke\r\n ? getSvgColorString('stroke', style.stroke)\r\n : '',\r\n textDecoration = this.getSvgTextDecoration(style),\r\n deltaY = style.deltaY\r\n ? 'baseline-shift: ' + -style.deltaY + '; '\r\n : '';\r\n if (textDecoration) {\r\n textDecoration = 'text-decoration: ' + textDecoration + term;\r\n }\r\n\r\n return [\r\n stroke,\r\n strokeWidth,\r\n fontFamily,\r\n fontSize,\r\n fontStyle,\r\n fontWeight,\r\n textDecoration,\r\n fill,\r\n deltaY,\r\n useWhiteSpace ? 'white-space: pre; ' : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns text-decoration property for svg-export\r\n * @param {Object} style the object from which to retrieve style properties\r\n * @return {String}\r\n */\r\n getSvgTextDecoration: function (style) {\r\n return ['overline', 'underline', 'line-through']\r\n .filter(function (decoration) {\r\n return style[decoration.replace('-', '')];\r\n })\r\n .join(' ');\r\n },\r\n\r\n /**\r\n * Returns filter for svg shadow\r\n * @return {String}\r\n */\r\n getSvgFilter: function () {\r\n return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : '';\r\n },\r\n\r\n /**\r\n * Returns id attribute for svg output\r\n * @return {String}\r\n */\r\n getSvgCommons: function () {\r\n return [\r\n this.id ? 'id=\"' + this.id + '\" ' : '',\r\n this.clipPath\r\n ? 'clip-path=\"url(#' + this.clipPath.clipPathId + ')\" '\r\n : '',\r\n ].join('');\r\n },\r\n\r\n /**\r\n * Returns transform-string for svg-export\r\n * @param {Boolean} use the full transform or the single object one.\r\n * @return {String}\r\n */\r\n getSvgTransform: function (full, additionalTransform) {\r\n var transform = full\r\n ? this.calcTransformMatrix()\r\n : this.calcOwnMatrix(),\r\n svgTransform = 'transform=\"' + fabric.util.matrixToSVG(transform);\r\n return svgTransform + (additionalTransform || '') + '\" ';\r\n },\r\n\r\n _setSVGBg: function (textBgRects) {\r\n if (this.backgroundColor) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n return this._createBaseSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n });\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(reviver), {\r\n reviver: reviver,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseClipPathSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var reviver = options.reviver,\r\n additionalTransform = options.additionalTransform || '',\r\n commonPieces = [\r\n this.getSvgTransform(true, additionalTransform),\r\n this.getSvgCommons(),\r\n ].join(''),\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS');\r\n objectMarkup[index] = commonPieces;\r\n return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join('');\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _createBaseSVGMarkup: function (objectMarkup, options) {\r\n options = options || {};\r\n var noStyle = options.noStyle,\r\n reviver = options.reviver,\r\n styleInfo = noStyle ? '' : 'style=\"' + this.getSvgStyles() + '\" ',\r\n shadowInfo = options.withShadow\r\n ? 'style=\"' + this.getSvgFilter() + '\" '\r\n : '',\r\n clipPath = this.clipPath,\r\n vectorEffect = this.strokeUniform\r\n ? 'vector-effect=\"non-scaling-stroke\" '\r\n : '',\r\n absoluteClipPath = clipPath && clipPath.absolutePositioned,\r\n stroke = this.stroke,\r\n fill = this.fill,\r\n shadow = this.shadow,\r\n commonPieces,\r\n markup = [],\r\n clipPathMarkup,\r\n // insert commons in the markup, style and svgCommons\r\n index = objectMarkup.indexOf('COMMON_PARTS'),\r\n additionalTransform = options.additionalTransform;\r\n if (clipPath) {\r\n clipPath.clipPathId = 'CLIPPATH_' + FabricObject.__uid++;\r\n clipPathMarkup =\r\n '\\n' +\r\n clipPath.toClipPathSVG(reviver) +\r\n '\\n';\r\n }\r\n if (absoluteClipPath) {\r\n markup.push('\\n');\r\n }\r\n markup.push(\r\n '\\n'\r\n );\r\n commonPieces = [\r\n styleInfo,\r\n vectorEffect,\r\n noStyle ? '' : this.addPaintOrder(),\r\n ' ',\r\n additionalTransform ? 'transform=\"' + additionalTransform + '\" ' : '',\r\n ].join('');\r\n objectMarkup[index] = commonPieces;\r\n if (fill && fill.toLive) {\r\n markup.push(fill.toSVG(this));\r\n }\r\n if (stroke && stroke.toLive) {\r\n markup.push(stroke.toSVG(this));\r\n }\r\n if (shadow) {\r\n markup.push(shadow.toSVG(this));\r\n }\r\n if (clipPath) {\r\n markup.push(clipPathMarkup);\r\n }\r\n markup.push(objectMarkup.join(''));\r\n markup.push('\\n');\r\n absoluteClipPath && markup.push('\\n');\r\n return reviver ? reviver(markup.join('')) : markup.join('');\r\n },\r\n\r\n addPaintOrder: function () {\r\n return this.paintFirst !== 'fill'\r\n ? ' paint-order=\"' + this.paintFirst + '\" '\r\n : '';\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n/* _TO_SVG_END_ */\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend,\r\n originalSet = 'stateProperties';\r\n\r\n /*\r\n Depends on `stateProperties`\r\n */\r\n function saveProps(origin, destination, props) {\r\n var tmpObj = {},\r\n deep = true;\r\n props.forEach(function (prop) {\r\n tmpObj[prop] = origin[prop];\r\n });\r\n\r\n extend(origin[destination], tmpObj, deep);\r\n }\r\n\r\n function _isEqual(origValue, currentValue, firstPass) {\r\n if (origValue === currentValue) {\r\n // if the objects are identical, return\r\n return true;\r\n } else if (Array.isArray(origValue)) {\r\n if (\r\n !Array.isArray(currentValue) ||\r\n origValue.length !== currentValue.length\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = origValue.length; i < len; i++) {\r\n if (!_isEqual(origValue[i], currentValue[i])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else if (origValue && typeof origValue === 'object') {\r\n var keys = Object.keys(origValue),\r\n key;\r\n if (\r\n !currentValue ||\r\n typeof currentValue !== 'object' ||\r\n (!firstPass && keys.length !== Object.keys(currentValue).length)\r\n ) {\r\n return false;\r\n }\r\n for (var i = 0, len = keys.length; i < len; i++) {\r\n key = keys[i];\r\n // since clipPath is in the statefull cache list and the clipPath objects\r\n // would be iterated as an object, this would lead to possible infinite recursion\r\n // we do not want to compare those.\r\n if (key === 'canvas' || key === 'group') {\r\n continue;\r\n }\r\n if (!_isEqual(origValue[key], currentValue[key])) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n }\r\n\r\n fabric.util.object.extend(\r\n fabric.Object.prototype,\r\n /** @lends fabric.Object.prototype */ {\r\n /**\r\n * Returns true if object state (one of its state properties) was changed\r\n * @param {String} [propertySet] optional name for the set of property we want to save\r\n * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called\r\n */\r\n hasStateChanged: function (propertySet) {\r\n propertySet = propertySet || originalSet;\r\n var dashedPropertySet = '_' + propertySet;\r\n if (\r\n Object.keys(this[dashedPropertySet]).length < this[propertySet].length\r\n ) {\r\n return true;\r\n }\r\n return !_isEqual(this[dashedPropertySet], this, true);\r\n },\r\n\r\n /**\r\n * Saves state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n saveState: function (options) {\r\n var propertySet = (options && options.propertySet) || originalSet,\r\n destination = '_' + propertySet;\r\n if (!this[destination]) {\r\n return this.setupState(options);\r\n }\r\n saveProps(this, destination, this[propertySet]);\r\n if (options && options.stateProperties) {\r\n saveProps(this, destination, options.stateProperties);\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Setups state of an object\r\n * @param {Object} [options] Object with additional `stateProperties` array to include when saving state\r\n * @return {fabric.Object} thisArg\r\n */\r\n setupState: function (options) {\r\n options = options || {};\r\n var propertySet = options.propertySet || originalSet;\r\n options.propertySet = propertySet;\r\n this['_' + propertySet] = {};\r\n this.saveState(options);\r\n return this;\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Animation duration (in ms) for fx* methods\r\n * @type Number\r\n * @default\r\n */\r\n FX_DURATION: 500,\r\n\r\n /**\r\n * Centers object horizontally with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectH: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getX(),\r\n endValue: this.getCenterPoint().x,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setX(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Centers object vertically with animation.\r\n * @param {fabric.Object} object Object to center\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxCenterObjectV: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.getY(),\r\n endValue: this.getCenterPoint().y,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.setY(value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n object.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n\r\n /**\r\n * Same as `fabric.Canvas#remove` but animated\r\n * @param {fabric.Object} object Object to remove\r\n * @param {Object} [callbacks] Callbacks object with optional \"onComplete\" and/or \"onChange\" properties\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.AnimationContext} context\r\n */\r\n fxRemove: function (object, callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: object.opacity,\r\n endValue: 0,\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n object.set('opacity', value);\r\n _this.requestRenderAll();\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.remove(object);\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * Animates object's properties\r\n * @param {String|Object} property Property to animate (if string) or properties to animate (if object)\r\n * @param {Number|Object} value Value to animate property to (if string was given first) or options object\r\n * @return {fabric.Object} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation}\r\n * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties)\r\n *\r\n * As object — multiple properties\r\n *\r\n * object.animate({ left: ..., top: ... });\r\n * object.animate({ left: ..., top: ... }, { duration: ... });\r\n *\r\n * As string — one property\r\n *\r\n * object.animate('left', ...);\r\n * object.animate('left', { duration: ... });\r\n *\r\n */\r\n animate: function () {\r\n if (arguments[0] && typeof arguments[0] === 'object') {\r\n var propsToAnimate = [],\r\n prop,\r\n skipCallbacks,\r\n out = [];\r\n for (prop in arguments[0]) {\r\n propsToAnimate.push(prop);\r\n }\r\n for (var i = 0, len = propsToAnimate.length; i < len; i++) {\r\n prop = propsToAnimate[i];\r\n skipCallbacks = i !== len - 1;\r\n out.push(\r\n this._animate(\r\n prop,\r\n arguments[0][prop],\r\n arguments[1],\r\n skipCallbacks\r\n )\r\n );\r\n }\r\n return out;\r\n } else {\r\n return this._animate.apply(this, arguments);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} property Property to animate\r\n * @param {String} to Value to animate to\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked\r\n */\r\n _animate: function (property, to, options, skipCallbacks) {\r\n var _this = this,\r\n propPair;\r\n\r\n to = to.toString();\r\n\r\n options = Object.assign({}, options);\r\n\r\n if (~property.indexOf('.')) {\r\n propPair = property.split('.');\r\n }\r\n\r\n var propIsColor =\r\n _this.colorProperties.indexOf(property) > -1 ||\r\n (propPair && _this.colorProperties.indexOf(propPair[1]) > -1);\r\n\r\n var currentValue = propPair\r\n ? this.get(propPair[0])[propPair[1]]\r\n : this.get(property);\r\n\r\n if (!('from' in options)) {\r\n options.from = currentValue;\r\n }\r\n\r\n if (!propIsColor) {\r\n if (~to.indexOf('=')) {\r\n to = currentValue + parseFloat(to.replace('=', ''));\r\n } else {\r\n to = parseFloat(to);\r\n }\r\n }\r\n\r\n var _options = {\r\n target: this,\r\n startValue: options.from,\r\n endValue: to,\r\n byValue: options.by,\r\n easing: options.easing,\r\n duration: options.duration,\r\n abort:\r\n options.abort &&\r\n function (value, valueProgress, timeProgress) {\r\n return options.abort.call(\r\n _this,\r\n value,\r\n valueProgress,\r\n timeProgress\r\n );\r\n },\r\n onChange: function (value, valueProgress, timeProgress) {\r\n if (propPair) {\r\n _this[propPair[0]][propPair[1]] = value;\r\n } else {\r\n _this.set(property, value);\r\n }\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n options.onChange &&\r\n options.onChange(value, valueProgress, timeProgress);\r\n },\r\n onComplete: function (value, valueProgress, timeProgress) {\r\n if (skipCallbacks) {\r\n return;\r\n }\r\n\r\n _this.setCoords();\r\n options.onComplete &&\r\n options.onComplete(value, valueProgress, timeProgress);\r\n },\r\n };\r\n\r\n if (propIsColor) {\r\n return fabric.util.animateColor(\r\n _options.startValue,\r\n _options.endValue,\r\n _options.duration,\r\n _options\r\n );\r\n } else {\r\n return fabric.util.animate(_options);\r\n }\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 };\r\n\r\n /**\r\n * Line class\r\n * @class fabric.Line\r\n * @extends fabric.Object\r\n * @see {@link fabric.Line#initialize} for constructor definition\r\n */\r\n fabric.Line = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Line.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'line',\r\n\r\n /**\r\n * x value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n x1: 0,\r\n\r\n /**\r\n * y value or first line edge\r\n * @type Number\r\n * @default\r\n */\r\n y1: 0,\r\n\r\n /**\r\n * x value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n x2: 0,\r\n\r\n /**\r\n * y value or second line edge\r\n * @type Number\r\n * @default\r\n */\r\n y2: 0,\r\n\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'x1',\r\n 'x2',\r\n 'y1',\r\n 'y2'\r\n ),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} [points] Array of points\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Line} thisArg\r\n */\r\n initialize: function (points, options) {\r\n if (!points) {\r\n points = [0, 0, 0, 0];\r\n }\r\n\r\n this.callSuper('initialize', options);\r\n\r\n this.set('x1', points[0]);\r\n this.set('y1', points[1]);\r\n this.set('x2', points[2]);\r\n this.set('y2', points[3]);\r\n\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n\r\n this.width = Math.abs(this.x2 - this.x1);\r\n this.height = Math.abs(this.y2 - this.y1);\r\n\r\n this.left = 'left' in options ? options.left : this._getLeftToOriginX();\r\n\r\n this.top = 'top' in options ? options.top : this._getTopToOriginY();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n this.callSuper('_set', key, value);\r\n if (typeof coordProps[key] !== 'undefined') {\r\n this._setWidthHeight();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line.\r\n */\r\n _getLeftToOriginX: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originX',\r\n axis1: 'x1',\r\n axis2: 'x2',\r\n dimension: 'width',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'left',\r\n center: 'center',\r\n farthest: 'right',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line.\r\n */\r\n _getTopToOriginY: makeEdgeToOriginGetter(\r\n {\r\n // property names\r\n origin: 'originY',\r\n axis1: 'y1',\r\n axis2: 'y2',\r\n dimension: 'height',\r\n },\r\n {\r\n // possible values of origin\r\n nearest: 'top',\r\n center: 'center',\r\n farthest: 'bottom',\r\n }\r\n ),\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.beginPath();\r\n\r\n var p = this.calcLinePoints();\r\n ctx.moveTo(p.x1, p.y1);\r\n ctx.lineTo(p.x2, p.y2);\r\n\r\n ctx.lineWidth = this.strokeWidth;\r\n\r\n // TODO: test this\r\n // make sure setting \"fill\" changes color of a line\r\n // (by copying fillStyle to strokeStyle, since line is stroked, not filled)\r\n var origStrokeStyle = ctx.strokeStyle;\r\n ctx.strokeStyle = this.stroke || ctx.fillStyle;\r\n this.stroke && this._renderStroke(ctx);\r\n ctx.strokeStyle = origStrokeStyle;\r\n },\r\n\r\n /**\r\n * This function is an helper for svg import. it returns the center of the object in the svg\r\n * untransformed coordinates\r\n * @private\r\n * @return {Object} center point from element coordinates\r\n */\r\n _findCenterFromElement: function () {\r\n return {\r\n x: (this.x1 + this.x2) / 2,\r\n y: (this.y1 + this.y2) / 2,\r\n };\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(\r\n this.callSuper('toObject', propertiesToInclude),\r\n this.calcLinePoints()\r\n );\r\n },\r\n\r\n /*\r\n * Calculate object dimensions from its properties\r\n * @private\r\n */\r\n _getNonTransformedDimensions: function () {\r\n var dim = this.callSuper('_getNonTransformedDimensions');\r\n if (this.strokeLineCap === 'butt') {\r\n if (this.width === 0) {\r\n dim.y -= this.strokeWidth;\r\n }\r\n if (this.height === 0) {\r\n dim.x -= this.strokeWidth;\r\n }\r\n }\r\n return dim;\r\n },\r\n\r\n /**\r\n * Recalculates line points given width and height\r\n * @private\r\n */\r\n calcLinePoints: function () {\r\n var xMult = this.x1 <= this.x2 ? -1 : 1,\r\n yMult = this.y1 <= this.y2 ? -1 : 1,\r\n x1 = xMult * this.width * 0.5,\r\n y1 = yMult * this.height * 0.5,\r\n x2 = xMult * this.width * -0.5,\r\n y2 = yMult * this.height * -0.5;\r\n\r\n return {\r\n x1: x1,\r\n x2: x2,\r\n y1: y1,\r\n y2: y2,\r\n };\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var p = this.calcLinePoints();\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement})\r\n * @static\r\n * @memberOf fabric.Line\r\n * @see http://www.w3.org/TR/SVG/shapes.html#LineElement\r\n */\r\n fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x1 y1 x2 y2'.split(' ')\r\n );\r\n\r\n /**\r\n * Returns fabric.Line instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] callback function invoked after parsing\r\n */\r\n fabric.Line.fromElement = function (element, callback, options) {\r\n options = options || {};\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Line.ATTRIBUTE_NAMES\r\n ),\r\n points = [\r\n parsedAttributes.x1 || 0,\r\n parsedAttributes.y1 || 0,\r\n parsedAttributes.x2 || 0,\r\n parsedAttributes.y2 || 0,\r\n ];\r\n callback(new fabric.Line(points, extend(parsedAttributes, options)));\r\n };\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Line instance from an object representation\r\n * @static\r\n * @memberOf fabric.Line\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Line.fromObject = function (object) {\r\n var options = clone(object, true);\r\n options.points = [object.x1, object.y1, object.x2, object.y2];\r\n return FabricObject._fromObject(fabric.Line, options, {\r\n extraParam: 'points',\r\n }).then(function (fabricLine) {\r\n delete fabricLine.points;\r\n return fabricLine;\r\n });\r\n };\r\n\r\n /**\r\n * Produces a function that calculates distance from canvas edge to Line origin.\r\n */\r\n function makeEdgeToOriginGetter(propertyNames, originValues) {\r\n var origin = propertyNames.origin,\r\n axis1 = propertyNames.axis1,\r\n axis2 = propertyNames.axis2,\r\n dimension = propertyNames.dimension,\r\n nearest = originValues.nearest,\r\n center = originValues.center,\r\n farthest = originValues.farthest;\r\n\r\n return function () {\r\n switch (this.get(origin)) {\r\n case nearest:\r\n return Math.min(this.get(axis1), this.get(axis2));\r\n case center:\r\n return (\r\n Math.min(this.get(axis1), this.get(axis2)) +\r\n 0.5 * this.get(dimension)\r\n );\r\n case farthest:\r\n return Math.max(this.get(axis1), this.get(axis2));\r\n }\r\n };\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { fabric } from '../../HEADER';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Circle extends FabricObject {\r\n /**\r\n * Radius of this circle\r\n * @type Number\r\n * @default\r\n */\r\n radius: number;\r\n\r\n /**\r\n * degrees of start of the circle.\r\n * probably will change to degrees in next major version\r\n * @type Number 0 - 359\r\n * @default 0\r\n */\r\n startAngle: number;\r\n\r\n /**\r\n * End angle of the circle\r\n * probably will change to degrees in next major version\r\n * @type Number 1 - 360\r\n * @default 360\r\n */\r\n endAngle: number;\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n\r\n if (key === 'radius') {\r\n this.setRadius(value);\r\n }\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.arc(\r\n 0,\r\n 0,\r\n this.radius,\r\n degreesToRadians(this.startAngle),\r\n degreesToRadians(this.endAngle),\r\n false\r\n );\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusX(): number {\r\n return this.get('radius') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRadiusY(): number {\r\n return this.get('radius') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Sets radius of an object (and updates width accordingly)\r\n */\r\n setRadius(value: number) {\r\n this.radius = value;\r\n this.set({ width: value * 2, height: value * 2 });\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []): object {\r\n return super.toObject([\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle',\r\n ...propertiesToInclude,\r\n ]);\r\n }\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG(): (string | number)[] {\r\n const angle = (this.endAngle - this.startAngle) % 360;\r\n\r\n if (angle === 0) {\r\n return [\r\n '\\n',\r\n ];\r\n } else {\r\n const { radius } = this;\r\n const start = degreesToRadians(this.startAngle),\r\n end = degreesToRadians(this.endAngle),\r\n startX = cos(start) * radius,\r\n startY = sin(start) * radius,\r\n endX = cos(end) * radius,\r\n endY = sin(end) * radius,\r\n largeFlag = angle > 180 ? '1' : '0';\r\n return [\r\n `\\n',\r\n ];\r\n }\r\n }\r\n /* _TO_SVG_END_ */\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement})\r\n * @static\r\n * @memberOf Circle\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement\r\n */\r\n static ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES];\r\n\r\n /**\r\n * Returns {@link Circle} instance from an SVG element\r\n * @static\r\n * @memberOf Circle\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @param {Object} [options] Partial Circle object to default missing properties on the element.\r\n * @throws {Error} If value of `r` attribute is missing or invalid\r\n */\r\n static fromElement(element: SVGElement, callback: (circle: Circle) => any) {\r\n const {\r\n left = 0,\r\n top = 0,\r\n radius,\r\n ...otherParsedAttributes\r\n } = parseAttributes(element, Circle.ATTRIBUTE_NAMES);\r\n\r\n if (!radius || radius < 0) {\r\n throw new Error(\r\n 'value of `r` attribute is required and can not be negative'\r\n );\r\n }\r\n\r\n // this probably requires to be fixed for default origins not being top/left.\r\n callback(\r\n new Circle({\r\n ...otherParsedAttributes,\r\n radius,\r\n left: left - radius,\r\n top: top - radius,\r\n })\r\n );\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Circle} instance from an object representation\r\n * @static\r\n * @memberOf Circle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n return FabricObject._fromObject(Circle, object);\r\n }\r\n}\r\n\r\nexport const circleDefaultValues: Partial> = {\r\n type: 'circle',\r\n radius: 0,\r\n startAngle: 0,\r\n endAngle: 360,\r\n stateProperties: fabricObjectDefaultValues.stateProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n cacheProperties: fabricObjectDefaultValues.cacheProperties.concat(\r\n 'radius',\r\n 'startAngle',\r\n 'endAngle'\r\n ),\r\n};\r\n\r\nObject.assign(Circle.prototype, circleDefaultValues);\r\n\r\nfabric.Circle = Circle;\r\n","import { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\nexport class Triangle extends FabricObject {\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2;\r\n\r\n ctx.beginPath();\r\n ctx.moveTo(-widthBy2, heightBy2);\r\n ctx.lineTo(0, -heightBy2);\r\n ctx.lineTo(widthBy2, heightBy2);\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n const widthBy2 = this.width / 2,\r\n heightBy2 = this.height / 2,\r\n points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`;\r\n return [''];\r\n }\r\n\r\n /**\r\n * Returns {@link Triangle} instance from an object representation\r\n * @static\r\n * @memberOf Triangle\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Triangle, object);\r\n }\r\n}\r\n\r\nexport const triangleDefaultValues: Partial> = {\r\n type: 'triangle',\r\n width: 100,\r\n height: 100,\r\n};\r\n\r\nObject.assign(Triangle.prototype, triangleDefaultValues);\r\n\r\nfabric.Triangle = Triangle;\r\n","import { fabric } from '../../HEADER';\r\nimport { twoMathPi } from '../constants';\r\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { fabricObjectDefaultValues } from './object.class';\r\n\r\nexport class Ellipse extends FabricObject {\r\n /**\r\n * Horizontal radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: number;\r\n\r\n /**\r\n * Vertical radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: number;\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Ellipse} thisArg\r\n */\r\n constructor(options: Record) {\r\n super(options);\r\n this.set('rx', (options && options.rx) || 0);\r\n this.set('ry', (options && options.ry) || 0);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} key\r\n * @param {*} value\r\n * @return {Ellipse} thisArg\r\n */\r\n _set(key: string, value: any) {\r\n super._set(key, value);\r\n switch (key) {\r\n case 'rx':\r\n this.rx = value;\r\n this.set('width', value * 2);\r\n break;\r\n\r\n case 'ry':\r\n this.ry = value;\r\n this.set('height', value * 2);\r\n break;\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns horizontal radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRx() {\r\n return this.get('rx') * this.get('scaleX');\r\n }\r\n\r\n /**\r\n * Returns Vertical radius of an object (according to how an object is scaled)\r\n * @return {Number}\r\n */\r\n getRy() {\r\n return this.get('ry') * this.get('scaleY');\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: (keyof this)[] = []) {\r\n return super.toObject(['rx', 'ry', ...propertiesToInclude]);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG() {\r\n return [\r\n '\\n',\r\n ];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n ctx.beginPath();\r\n ctx.save();\r\n ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0);\r\n ctx.arc(0, 0, this.rx, 0, twoMathPi, false);\r\n ctx.restore();\r\n this._renderPaintInOrder(ctx);\r\n }\r\n\r\n /* _FROM_SVG_START_ */\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement})\r\n * @static\r\n * @memberOf Ellipse\r\n * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement\r\n */\r\n static ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry'];\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an SVG element\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n * @return {Ellipse}\r\n */\r\n static fromElement(\r\n element: SVGElement,\r\n callback: (ellipse: Ellipse) => void\r\n ) {\r\n const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES);\r\n\r\n parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx;\r\n parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry;\r\n callback(new Ellipse(parsedAttributes));\r\n }\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns {@link Ellipse} instance from an object representation\r\n * @static\r\n * @memberOf Ellipse\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: any) {\r\n return FabricObject._fromObject(Ellipse, object);\r\n }\r\n}\r\n\r\nexport const ellipseDefaultValues: Partial> = {\r\n type: 'ellipse',\r\n rx: 0,\r\n ry: 0,\r\n cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'],\r\n};\r\n\r\nObject.assign(Ellipse.prototype, ellipseDefaultValues);\r\n\r\nfabric.Ellipse = Ellipse;\r\n","//@ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { kRect } from '../constants';\r\n/**\r\n * Rectangle class\r\n * @class Rect\r\n * @extends fabric.Object\r\n * @return {Rect} thisArg\r\n * @see {@link Rect#initialize} for constructor definition\r\n */\r\nconst Rect = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends Rect.prototype */ {\r\n /**\r\n * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: fabric.Object.prototype.stateProperties.concat('rx', 'ry'),\r\n\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'rect',\r\n\r\n /**\r\n * Horizontal border radius\r\n * @type Number\r\n * @default\r\n */\r\n rx: 0,\r\n\r\n /**\r\n * Vertical border radius\r\n * @type Number\r\n * @default\r\n */\r\n ry: 0,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'),\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n * @return {Object} thisArg\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n this._initRxRy();\r\n },\r\n\r\n /**\r\n * Initializes rx/ry attributes\r\n * @private\r\n */\r\n _initRxRy: function () {\r\n const { rx, ry } = this;\r\n if (rx && !ry) {\r\n this.ry = rx;\r\n } else if (ry && !rx) {\r\n this.rx = ry;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n // 1x1 case (used in spray brush) optimization was removed because\r\n // with caching and higher zoom level this makes more damage than help\r\n const { width: w, height: h } = this;\r\n const x = -w / 2;\r\n const y = -h / 2;\r\n const rx = this.rx ? Math.min(this.rx, w / 2) : 0;\r\n const ry = this.ry ? Math.min(this.ry, h / 2) : 0;\r\n const isRounded = rx !== 0 || ry !== 0;\r\n\r\n ctx.beginPath();\r\n\r\n ctx.moveTo(x + rx, y);\r\n\r\n ctx.lineTo(x + w - rx, y);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w - kRect * rx,\r\n y,\r\n x + w,\r\n y + kRect * ry,\r\n x + w,\r\n y + ry\r\n );\r\n\r\n ctx.lineTo(x + w, y + h - ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + w,\r\n y + h - kRect * ry,\r\n x + w - kRect * rx,\r\n y + h,\r\n x + w - rx,\r\n y + h\r\n );\r\n\r\n ctx.lineTo(x + rx, y + h);\r\n isRounded &&\r\n ctx.bezierCurveTo(\r\n x + kRect * rx,\r\n y + h,\r\n x,\r\n y + h - kRect * ry,\r\n x,\r\n y + h - ry\r\n );\r\n\r\n ctx.lineTo(x, y + ry);\r\n isRounded &&\r\n ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y);\r\n\r\n ctx.closePath();\r\n\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return this.callSuper(\r\n 'toObject',\r\n ['rx', 'ry'].concat(propertiesToInclude)\r\n );\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n const { width, height, rx, ry } = this;\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n);\r\n\r\n/* _FROM_SVG_START_ */\r\n/**\r\n * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`)\r\n * @static\r\n * @memberOf Rect\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement\r\n */\r\nRect.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y rx ry width height'.split(' ')\r\n);\r\n\r\n/**\r\n * Returns {@link Rect} instance from an SVG element\r\n * @static\r\n * @memberOf Rect\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\nRect.fromElement = function (element, callback, options = {}) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const {\r\n left = 0,\r\n top = 0,\r\n width = 0,\r\n height = 0,\r\n visible = true,\r\n ...restOfparsedAttributes\r\n } = fabric.parseAttributes(element, Rect.ATTRIBUTE_NAMES);\r\n\r\n const rect = new Rect({\r\n ...options,\r\n ...restOfparsedAttributes,\r\n left,\r\n top,\r\n width,\r\n height,\r\n visible: Boolean(visible && width && height),\r\n });\r\n callback(rect);\r\n};\r\n/* _FROM_SVG_END_ */\r\n\r\n/**\r\n * Returns {@link Rect} instance from an object representation\r\n * @static\r\n * @memberOf Rect\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\nRect.fromObject = (object) => fabric.Object._fromObject(Rect, object);\r\n\r\nfabric.Rect = Rect;\r\nexport { Rect };\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { parsePointsAttribute } from '../parser/parsePointsAttribute';\r\nimport { Point } from '../point.class';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Polyline class\r\n * @class fabric.Polyline\r\n * @extends fabric.Object\r\n * @see {@link fabric.Polyline#initialize} for constructor definition\r\n */\r\n fabric.Polyline = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Polyline.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polyline',\r\n\r\n /**\r\n * Points array\r\n * @type Array\r\n * @default\r\n */\r\n points: null,\r\n\r\n /**\r\n * WARNING: Feature in progress\r\n * Calculate the exact bounding box taking in account strokeWidth on acute angles\r\n * this will be turned to true by default on fabric 6.0\r\n * maybe will be left in as an optimization since calculations may be slow\r\n * @deprecated\r\n * @type Boolean\r\n * @default false\r\n * @todo set default to true and remove flag and related logic\r\n */\r\n exactBoundingBox: false,\r\n\r\n initialized: false,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'),\r\n\r\n /**\r\n * A list of properties that if changed trigger a recalculation of dimensions\r\n * @todo check if you really need to recalculate for all cases\r\n */\r\n strokeBBoxAffectingProperties: [\r\n 'skewX',\r\n 'skewY',\r\n 'strokeLineCap',\r\n 'strokeLineJoin',\r\n 'strokeMiterLimit',\r\n 'strokeWidth',\r\n 'strokeUniform',\r\n 'points',\r\n ],\r\n\r\n /**\r\n * Constructor\r\n * @param {Array} points Array of points (where each point is an object with x and y)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Polyline} thisArg\r\n * @example\r\n * var poly = new fabric.Polyline([\r\n * { x: 10, y: 10 },\r\n * { x: 50, y: 30 },\r\n * { x: 40, y: 70 },\r\n * { x: 60, y: 50 },\r\n * { x: 100, y: 150 },\r\n * { x: 40, y: 100 }\r\n * ], {\r\n * stroke: 'red',\r\n * left: 100,\r\n * top: 100\r\n * });\r\n */\r\n initialize: function (points, options = {}) {\r\n this.points = points || [];\r\n this.callSuper('initialize', options);\r\n this.initialized = true;\r\n const bboxTL = this.setDimensions();\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? bboxTL.x, options.top ?? bboxTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this, true);\r\n },\r\n\r\n /**\r\n * Calculate the polygon bounding box\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const points = this.exactBoundingBox\r\n ? this._projectStrokeOnPoints().map(\r\n (projection) => projection.projectedPoint\r\n )\r\n : this.points;\r\n if (points.length === 0) {\r\n return {\r\n left: 0,\r\n top: 0,\r\n width: 0,\r\n height: 0,\r\n pathOffset: new Point(),\r\n };\r\n }\r\n const bbox = makeBoundingBoxFromPoints(points);\r\n const bboxNoStroke = makeBoundingBoxFromPoints(this.points);\r\n const offsetX = bbox.left + bbox.width / 2,\r\n offsetY = bbox.top + bbox.height / 2;\r\n const pathOffsetX =\r\n offsetX - offsetY * Math.tan(degreesToRadians(this.skewX));\r\n const pathOffsetY =\r\n offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY));\r\n // TODO: remove next line\r\n const legacyCorrection =\r\n !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0;\r\n return {\r\n ...bbox,\r\n left: bbox.left - legacyCorrection,\r\n top: bbox.top - legacyCorrection,\r\n pathOffset: new Point(pathOffsetX, pathOffsetY),\r\n strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(\r\n bbox.left,\r\n bbox.top\r\n ),\r\n };\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset, strokeOffset } =\r\n this._calcDimensions();\r\n this.set({ width, height, pathOffset, strokeOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @override stroke is taken in account in size\r\n */\r\n _getNonTransformedDimensions: function () {\r\n return this.exactBoundingBox\r\n ? new Point(this.width, this.height)\r\n : this.callSuper('_getNonTransformedDimensions');\r\n },\r\n\r\n /**\r\n * @override stroke and skewing are taken into account when projecting stroke on points,\r\n * therefore we don't want the default calculation to account for skewing as well\r\n *\r\n * @private\r\n */\r\n _getTransformedDimensions: function (options) {\r\n return this.exactBoundingBox\r\n ? this.callSuper('_getTransformedDimensions', {\r\n ...(options || {}),\r\n // disable stroke bbox calculations\r\n strokeWidth: 0,\r\n // disable skewing bbox calculations\r\n skewX: 0,\r\n skewY: 0,\r\n })\r\n : this.callSuper('_getTransformedDimensions', options);\r\n },\r\n\r\n /**\r\n * Recalculates dimensions when changing skew and scale\r\n * @private\r\n */\r\n _set: function (key, value) {\r\n const changed = this.initialized && this[key] !== value;\r\n const output = this.callSuper('_set', key, value);\r\n if (\r\n changed &&\r\n (((key === 'scaleX' || key === 'scaleY') &&\r\n this.strokeUniform &&\r\n this.strokeBBoxAffectingProperties.includes('strokeUniform') &&\r\n this.strokeLineJoin !== 'round') ||\r\n this.strokeBBoxAffectingProperties.includes(key))\r\n ) {\r\n this.setDimensions();\r\n }\r\n return output;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n points: this.points.concat(),\r\n });\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var points = [],\r\n diffX = this.pathOffset.x,\r\n diffY = this.pathOffset.y,\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n\r\n for (var i = 0, len = this.points.length; i < len; i++) {\r\n points.push(\r\n toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS),\r\n ',',\r\n toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS),\r\n ' '\r\n );\r\n }\r\n return [\r\n '<' + this.type + ' ',\r\n 'COMMON_PARTS',\r\n 'points=\"',\r\n points.join(''),\r\n '\" />\\n',\r\n ];\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n commonRender: function (ctx) {\r\n var point,\r\n len = this.points.length,\r\n x = this.pathOffset.x,\r\n y = this.pathOffset.y;\r\n\r\n if (!len || isNaN(this.points[len - 1].y)) {\r\n // do not draw if no points or odd points\r\n // NaN comes from parseFloat of a empty string in parser\r\n return false;\r\n }\r\n ctx.beginPath();\r\n ctx.moveTo(this.points[0].x - x, this.points[0].y - y);\r\n for (var i = 0; i < len; i++) {\r\n point = this.points[i];\r\n ctx.lineTo(point.x - x, point.y - y);\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.get('points').length;\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement})\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement\r\n */\r\n fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {SVGElement} element Element to parser\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polyline.fromElementGenerator = function (_class) {\r\n return function (element, callback, options = {}) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n const points = parsePointsAttribute(element.getAttribute('points')),\r\n // we omit left and top to instruct the constructor to position the object using the bbox\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n { left, top, ...parsedAttributes } = parseAttributes(\r\n element,\r\n fabric[_class].ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric[_class](points, {\r\n ...parsedAttributes,\r\n ...options,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n };\r\n\r\n fabric.Polyline.fromElement =\r\n fabric.Polyline.fromElementGenerator('Polyline');\r\n\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polyline instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polyline\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polyline.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polyline, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { projectStrokeOnPoints } from '../util/misc/projectStroke';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Polygon class\r\n * @class fabric.Polygon\r\n * @extends fabric.Polyline\r\n * @see {@link fabric.Polygon#initialize} for constructor definition\r\n */\r\n fabric.Polygon = fabric.util.createClass(\r\n fabric.Polyline,\r\n /** @lends fabric.Polygon.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'polygon',\r\n\r\n /**\r\n * @private\r\n */\r\n _projectStrokeOnPoints: function () {\r\n return projectStrokeOnPoints(this.points, this);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n if (!this.commonRender(ctx)) {\r\n return;\r\n }\r\n ctx.closePath();\r\n this._renderPaintInOrder(ctx);\r\n },\r\n }\r\n );\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`)\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement\r\n */\r\n fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat();\r\n\r\n /**\r\n * Returns {@link fabric.Polygon} instance from an SVG element\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon');\r\n /* _FROM_SVG_END_ */\r\n\r\n /**\r\n * Returns fabric.Polygon instance from an object representation\r\n * @static\r\n * @memberOf fabric.Polygon\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Polygon.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Polygon, object, {\r\n extraParam: 'points',\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { parseAttributes } from '../parser/parseAttributes';\r\nimport { Point } from '../point.class';\r\nimport { PathData } from '../typedefs';\r\nimport { makeBoundingBoxFromPoints } from '../util/misc/boundingBoxFromPoints';\r\nimport { getBoundsOfCurve, makePathSimpler, parsePath } from '../util/path';\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n clone = fabric.util.object.clone,\r\n toFixed = fabric.util.toFixed;\r\n\r\n /**\r\n * Path class\r\n * @class fabric.Path\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup}\r\n * @see {@link fabric.Path#initialize} for constructor definition\r\n */\r\n fabric.Path = fabric.util.createClass(\r\n fabric.Object,\r\n /** @lends fabric.Path.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'path',\r\n\r\n /**\r\n * Array of path points\r\n * @type Array\r\n * @default\r\n */\r\n path: null,\r\n\r\n cacheProperties: fabric.Object.prototype.cacheProperties.concat(\r\n 'path',\r\n 'fillRule'\r\n ),\r\n\r\n stateProperties: fabric.Object.prototype.stateProperties.concat('path'),\r\n\r\n /**\r\n * Constructor\r\n * @param {Array|String} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Path} thisArg\r\n */\r\n initialize: function (path, options) {\r\n options = clone(options || {});\r\n delete options.path;\r\n this.callSuper('initialize', options);\r\n const pathTL = this._setPath(path || []);\r\n const origin = this.translateToGivenOrigin(\r\n new Point(options.left ?? pathTL.x, options.top ?? pathTL.y),\r\n typeof options.left === 'number' ? this.originX : 'left',\r\n typeof options.top === 'number' ? this.originY : 'top',\r\n this.originX,\r\n this.originY\r\n );\r\n this.setPositionByOrigin(origin, this.originX, this.originY);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {PathData | string} path Path data (sequence of coordinates and corresponding \"command\" tokens)\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n _setPath: function (path: PathData | string) {\r\n this.path = makePathSimpler(\r\n Array.isArray(path) ? path : parsePath(path)\r\n );\r\n return this.setDimensions();\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _renderPathCommands: function (ctx) {\r\n var current, // current instruction\r\n subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0, // current y\r\n controlX = 0, // current control point x\r\n controlY = 0, // current control point y\r\n l = -this.pathOffset.x,\r\n t = -this.pathOffset.y;\r\n\r\n ctx.beginPath();\r\n\r\n for (var i = 0, len = this.path.length; i < len; ++i) {\r\n current = this.path[i];\r\n\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n ctx.lineTo(x + l, y + t);\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n ctx.moveTo(x + l, y + t);\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n x = current[5];\r\n y = current[6];\r\n controlX = current[3];\r\n controlY = current[4];\r\n ctx.bezierCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n controlX + l,\r\n controlY + t,\r\n x + l,\r\n y + t\r\n );\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n ctx.quadraticCurveTo(\r\n current[1] + l,\r\n current[2] + t,\r\n current[3] + l,\r\n current[4] + t\r\n );\r\n x = current[3];\r\n y = current[4];\r\n controlX = current[1];\r\n controlY = current[2];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n ctx.closePath();\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx context to render path on\r\n */\r\n _render: function (ctx) {\r\n this._renderPathCommands(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} string representation of an instance\r\n */\r\n toString: function () {\r\n return (\r\n '#'\r\n );\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n return extend(this.callSuper('toObject', propertiesToInclude), {\r\n path: this.path.map(function (item) {\r\n return item.slice();\r\n }),\r\n });\r\n },\r\n\r\n /**\r\n * Returns dataless object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toDatalessObject: function (propertiesToInclude) {\r\n var o = this.toObject(['sourcePath'].concat(propertiesToInclude));\r\n if (o.sourcePath) {\r\n delete o.path;\r\n }\r\n return o;\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var path = fabric.util.joinPath(this.path);\r\n return [\r\n '\\n',\r\n ];\r\n },\r\n\r\n _getOffsetTransform: function () {\r\n var digits = config.NUM_FRACTION_DIGITS;\r\n return (\r\n ' translate(' +\r\n toFixed(-this.pathOffset.x, digits) +\r\n ', ' +\r\n toFixed(-this.pathOffset.y, digits) +\r\n ')'\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return (\r\n '\\t' +\r\n this._createBaseClipPathSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n })\r\n );\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG: function (reviver) {\r\n var additionalTransform = this._getOffsetTransform();\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n additionalTransform: additionalTransform,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns number representation of an instance complexity\r\n * @return {Number} complexity of this instance\r\n */\r\n complexity: function () {\r\n return this.path.length;\r\n },\r\n\r\n /**\r\n * @returns {Point} top left position of the bounding box, useful for complementary positioning\r\n */\r\n setDimensions: function () {\r\n const { left, top, width, height, pathOffset } = this._calcDimensions();\r\n this.set({ width, height, pathOffset });\r\n return new Point(left, top);\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _calcDimensions: function () {\r\n const bounds: Point[] = [];\r\n let subpathStartX = 0,\r\n subpathStartY = 0,\r\n x = 0, // current x\r\n y = 0; // current y\r\n\r\n for (let i = 0; i < this.path.length; ++i) {\r\n const current = this.path[i]; // current instruction\r\n switch (\r\n current[0] // first letter\r\n ) {\r\n case 'L': // lineto, absolute\r\n x = current[1];\r\n y = current[2];\r\n bounds.push(\r\n new Point(subpathStartX, subpathStartY),\r\n new Point(x, y)\r\n );\r\n break;\r\n\r\n case 'M': // moveTo, absolute\r\n x = current[1];\r\n y = current[2];\r\n subpathStartX = x;\r\n subpathStartY = y;\r\n break;\r\n\r\n case 'C': // bezierCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4],\r\n current[5],\r\n current[6]\r\n )\r\n );\r\n x = current[5];\r\n y = current[6];\r\n break;\r\n\r\n case 'Q': // quadraticCurveTo, absolute\r\n bounds.push(\r\n ...getBoundsOfCurve(\r\n x,\r\n y,\r\n current[1],\r\n current[2],\r\n current[1],\r\n current[2],\r\n current[3],\r\n current[4]\r\n )\r\n );\r\n x = current[3];\r\n y = current[4];\r\n break;\r\n\r\n case 'z':\r\n case 'Z':\r\n x = subpathStartX;\r\n y = subpathStartY;\r\n break;\r\n }\r\n }\r\n\r\n const bbox = makeBoundingBoxFromPoints(bounds);\r\n const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2;\r\n\r\n return {\r\n ...bbox,\r\n left: bbox.left - strokeCorrection,\r\n top: bbox.top - strokeCorrection,\r\n pathOffset: new Point(\r\n bbox.left + bbox.width / 2,\r\n bbox.top + bbox.height / 2\r\n ),\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an object\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {Object} object\r\n * @returns {Promise}\r\n */\r\n fabric.Path.fromObject = function (object) {\r\n return fabric.Object._fromObject(fabric.Path, object, {\r\n extraParam: 'path',\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`)\r\n * @static\r\n * @memberOf fabric.Path\r\n * @see http://www.w3.org/TR/SVG/paths.html#PathElement\r\n */\r\n fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']);\r\n\r\n /**\r\n * Creates an instance of fabric.Path from an SVG element\r\n * @static\r\n * @memberOf fabric.Path\r\n * @param {SVGElement} element to parse\r\n * @param {Function} callback Callback to invoke when an fabric.Path instance is created\r\n * @param {Object} [options] Options object\r\n * @param {Function} [callback] Options callback invoked after parsing is finished\r\n */\r\n fabric.Path.fromElement = function (element, callback, options) {\r\n const parsedAttributes = parseAttributes(\r\n element,\r\n fabric.Path.ATTRIBUTE_NAMES\r\n );\r\n callback(\r\n new fabric.Path(parsedAttributes.d, {\r\n ...parsedAttributes,\r\n ...options,\r\n // we pass undefined to instruct the constructor to position the object using the bbox\r\n left: undefined,\r\n top: undefined,\r\n fromSVG: true,\r\n })\r\n );\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { resolveOrigin } from '../mixins/object_origin.mixin';\r\n\r\nexport class Group extends FabricObject {}\r\n\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {}),\r\n multiplyTransformMatrices = fabric.util.multiplyTransformMatrices,\r\n invertTransform = fabric.util.invertTransform,\r\n transformPoint = fabric.util.transformPoint,\r\n applyTransformToObject = fabric.util.applyTransformToObject,\r\n degreesToRadians = fabric.util.degreesToRadians,\r\n clone = fabric.util.object.clone;\r\n /**\r\n * Group class\r\n * @class fabric.Group\r\n * @extends fabric.Object\r\n * @mixes fabric.Collection\r\n * @fires layout once layout completes\r\n * @see {@link fabric.Group#initialize} for constructor definition\r\n */\r\n fabric.Group = fabric.util.createClass(\r\n FabricObject,\r\n fabric.Collection,\r\n /** @lends fabric.Group.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type string\r\n * @default\r\n */\r\n type: 'group',\r\n\r\n /**\r\n * Specifies the **layout strategy** for instance\r\n * Used by `getLayoutStrategyResult` to calculate layout\r\n * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box\r\n * @type string\r\n * @default\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * Width of stroke\r\n * @type Number\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * List of properties to consider when checking if state\r\n * of an object is changed (fabric.Object#hasStateChanged)\r\n * as well as for history (undo/redo) purposes\r\n * @type string[]\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat('layout'),\r\n\r\n /**\r\n * Used to optimize performance\r\n * set to `false` if you don't need contained objects to be targets of events\r\n * @default\r\n * @type boolean\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * Used to allow targeting of object inside groups.\r\n * set to true if you want to select an object inside a group.\\\r\n * **REQUIRES** `subTargetCheck` set to true\r\n * @default\r\n * @type boolean\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Used internally to optimize performance\r\n * Once an object is selected, instance is rendered without the selected object.\r\n * This way instance is cached only once for the entire interaction with the selected object.\r\n * @private\r\n */\r\n _activeObjects: undefined,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.Group} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this._objects = objects || [];\r\n this._activeObjects = [];\r\n this.__objectMonitor = this.__objectMonitor.bind(this);\r\n this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(\r\n this,\r\n true\r\n );\r\n this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(\r\n this,\r\n false\r\n );\r\n this._firstLayoutDone = false;\r\n // setting angle, skewX, skewY must occur after initial layout\r\n this.callSuper(\r\n 'initialize',\r\n Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })\r\n );\r\n this.forEachObject(function (object) {\r\n this.enterGroup(object, false);\r\n }, this);\r\n this._applyLayoutStrategy({\r\n type: 'initialization',\r\n options: options,\r\n objectsRelativeToGroup: objectsRelativeToGroup,\r\n });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set: function (key, value) {\r\n var prev = this[key];\r\n this.callSuper('_set', key, value);\r\n if (key === 'canvas' && prev !== value) {\r\n this.forEachObject(function (object) {\r\n object._set(key, value);\r\n });\r\n }\r\n if (key === 'layout' && prev !== value) {\r\n this._applyLayoutStrategy({\r\n type: 'layout_change',\r\n layout: value,\r\n prevLayout: prev,\r\n });\r\n }\r\n if (key === 'interactive') {\r\n this.forEachObject(this._watchObject.bind(this, value));\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return this.subTargetCheck;\r\n },\r\n\r\n /**\r\n * Override this method to enhance performance (for groups with a lot of objects).\r\n * If Overriding, be sure not pass illegal objects to group - it will break your app.\r\n * @private\r\n */\r\n _filterObjectsBeforeEnteringGroup: function (objects) {\r\n return objects.filter(function (object, index, array) {\r\n // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates)\r\n return this.canEnterGroup(object) && array.indexOf(object) === index;\r\n }, this);\r\n },\r\n\r\n /**\r\n * Add objects\r\n * @param {...fabric.Object} objects\r\n */\r\n add: function () {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.from(arguments)\r\n );\r\n fabric.Collection.add.call(this, allowedObjects, this._onObjectAdded);\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Inserts an object into collection at specified index\r\n * @param {fabric.Object | fabric.Object[]} objects Object to insert\r\n * @param {Number} index Index to insert object at\r\n */\r\n insertAt: function (objects, index) {\r\n var allowedObjects = this._filterObjectsBeforeEnteringGroup(\r\n Array.isArray(objects) ? objects : [objects]\r\n );\r\n fabric.Collection.insertAt.call(\r\n this,\r\n allowedObjects,\r\n index,\r\n this._onObjectAdded\r\n );\r\n this._onAfterObjectsChange('added', allowedObjects);\r\n },\r\n\r\n /**\r\n * Remove objects\r\n * @param {...fabric.Object} objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n remove: function () {\r\n var removed = fabric.Collection.remove.call(\r\n this,\r\n arguments,\r\n this._onObjectRemoved\r\n );\r\n this._onAfterObjectsChange('removed', removed);\r\n return removed;\r\n },\r\n\r\n /**\r\n * Remove all objects\r\n * @returns {fabric.Object[]} removed objects\r\n */\r\n removeAll: function () {\r\n this._activeObjects = [];\r\n return this.remove.apply(this, this._objects.slice());\r\n },\r\n\r\n /**\r\n * invalidates layout on object modified\r\n * @private\r\n */\r\n __objectMonitor: function (opt) {\r\n this._applyLayoutStrategy(\r\n Object.assign({}, opt, {\r\n type: 'object_modified',\r\n })\r\n );\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * keeps track of the selected objects\r\n * @private\r\n */\r\n __objectSelectionMonitor: function (selected, opt) {\r\n var object = opt.target;\r\n if (selected) {\r\n this._activeObjects.push(object);\r\n this._set('dirty', true);\r\n } else if (this._activeObjects.length > 0) {\r\n var index = this._activeObjects.indexOf(object);\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n this._set('dirty', true);\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {boolean} watch\r\n * @param {fabric.Object} object\r\n */\r\n _watchObject: function (watch, object) {\r\n var directive = watch ? 'on' : 'off';\r\n // make sure we listen only once\r\n watch && this._watchObject(false, object);\r\n object[directive]('changed', this.__objectMonitor);\r\n object[directive]('modified', this.__objectMonitor);\r\n object[directive]('selected', this.__objectSelectionTracker);\r\n object[directive]('deselected', this.__objectSelectionDisposer);\r\n },\r\n\r\n /**\r\n * Checks if object can enter group and logs relevant warnings\r\n * @private\r\n * @param {fabric.Object} object\r\n * @returns\r\n */\r\n canEnterGroup: function (object) {\r\n if (object === this || this.isDescendantOf(object)) {\r\n // prevent circular object tree\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: circular object trees are not supported, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n } else if (this._objects.indexOf(object) !== -1) {\r\n // is already in the objects array\r\n /* _DEV_MODE_START_ */\r\n console.error(\r\n 'fabric.Group: duplicate objects are not supported inside group, this call has no effect'\r\n );\r\n /* _DEV_MODE_END_ */\r\n return false;\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n object.group.remove(object);\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n */\r\n _enterGroup: function (object, removeParentTransform) {\r\n if (removeParentTransform) {\r\n // can this be converted to utils (sendObjectToPlane)?\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n invertTransform(this.calcTransformMatrix()),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n }\r\n this._shouldSetNestedCoords() && object.setCoords();\r\n object._set('group', this);\r\n object._set('canvas', this.canvas);\r\n this.interactive && this._watchObject(true, object);\r\n var activeObject =\r\n this.canvas &&\r\n this.canvas.getActiveObject &&\r\n this.canvas.getActiveObject();\r\n // if we are adding the activeObject in a group\r\n if (\r\n activeObject &&\r\n (activeObject === object || object.isDescendantOf(activeObject))\r\n ) {\r\n this._activeObjects.push(object);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n object._set('canvas', undefined);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _exitGroup: function (object, removeParentTransform) {\r\n object._set('group', undefined);\r\n if (!removeParentTransform) {\r\n applyTransformToObject(\r\n object,\r\n multiplyTransformMatrices(\r\n this.calcTransformMatrix(),\r\n object.calcTransformMatrix()\r\n )\r\n );\r\n object.setCoords();\r\n }\r\n this._watchObject(false, object);\r\n var index =\r\n this._activeObjects.length > 0\r\n ? this._activeObjects.indexOf(object)\r\n : -1;\r\n if (index > -1) {\r\n this._activeObjects.splice(index, 1);\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n this._applyLayoutStrategy({\r\n type: type,\r\n targets: targets,\r\n });\r\n this._set('dirty', true);\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onObjectAdded: function (object) {\r\n this.enterGroup(object, true);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n */\r\n _onRelativeObjectAdded: function (object) {\r\n this.enterGroup(object, false);\r\n object.fire('added', { target: this });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n _onObjectRemoved: function (object, removeParentTransform) {\r\n this.exitGroup(object, removeParentTransform);\r\n object.fire('removed', { target: this });\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group is already cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n var ownCache = FabricObject.prototype.shouldCache.call(this);\r\n if (ownCache) {\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n this.ownCaching = false;\r\n return false;\r\n }\r\n }\r\n }\r\n return ownCache;\r\n },\r\n\r\n /**\r\n * Check if this object or a child object will cast a shadow\r\n * @return {Boolean}\r\n */\r\n willDrawShadow: function () {\r\n if (FabricObject.prototype.willDrawShadow.call(this)) {\r\n return true;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].willDrawShadow()) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if instance or its group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return this.ownCaching || (!!this.group && this.group.isOnACache());\r\n },\r\n\r\n /**\r\n * Execute the drawing operation for an object on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawObject: function (ctx) {\r\n this._renderBackground(ctx);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i].render(ctx);\r\n }\r\n this._drawClipPath(ctx, this.clipPath);\r\n },\r\n\r\n /**\r\n * Check if cache is dirty\r\n */\r\n isCacheDirty: function (skipCanvas) {\r\n if (this.callSuper('isCacheDirty', skipCanvas)) {\r\n return true;\r\n }\r\n if (!this.statefullCache) {\r\n return false;\r\n }\r\n for (var i = 0; i < this._objects.length; i++) {\r\n if (this._objects[i].isCacheDirty(true)) {\r\n if (this._cacheCanvas) {\r\n // if this group has not a cache canvas there is nothing to clean\r\n var x = this.cacheWidth / this.zoomX,\r\n y = this.cacheHeight / this.zoomY;\r\n this._cacheContext.clearRect(-x / 2, -y / 2, x, y);\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n\r\n /**\r\n * @override\r\n * @return {Boolean}\r\n */\r\n setCoords: function () {\r\n this.callSuper('setCoords');\r\n this._shouldSetNestedCoords() &&\r\n this.forEachObject(function (object) {\r\n object.setCoords();\r\n });\r\n },\r\n\r\n /**\r\n * Renders instance on a given context\r\n * @param {CanvasRenderingContext2D} ctx context to render instance on\r\n */\r\n render: function (ctx) {\r\n // used to inform objects not to double opacity\r\n this._transformDone = true;\r\n this.callSuper('render', ctx);\r\n this._transformDone = false;\r\n },\r\n\r\n /**\r\n * @public\r\n * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations\r\n */\r\n triggerLayout: function (context) {\r\n if (context && context.layout) {\r\n context.prevLayout = this.layout;\r\n this.layout = context.layout;\r\n }\r\n this._applyLayoutStrategy({ type: 'imperative', context: context });\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {Point} diff\r\n */\r\n _adjustObjectPosition: function (object, diff) {\r\n object.set({\r\n left: object.left + diff.x,\r\n top: object.top + diff.y,\r\n });\r\n },\r\n\r\n /**\r\n * initial layout logic:\r\n * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height)\r\n * so it is placed in the center of the bbox received from the constructor\r\n *\r\n * @private\r\n * @param {LayoutContext} context\r\n */\r\n _applyLayoutStrategy: function (context) {\r\n var isFirstLayout = context.type === 'initialization';\r\n if (!isFirstLayout && !this._firstLayoutDone) {\r\n // reject layout requests before initialization layout\r\n return;\r\n }\r\n var options = isFirstLayout && context.options;\r\n var initialTransform = options && {\r\n angle: options.angle || 0,\r\n skewX: options.skewX || 0,\r\n skewY: options.skewY || 0,\r\n };\r\n var center = this.getRelativeCenterPoint();\r\n var result = this.getLayoutStrategyResult(\r\n this.layout,\r\n this._objects.concat(),\r\n context\r\n );\r\n if (result) {\r\n // handle positioning\r\n var newCenter = new Point(result.centerX, result.centerY);\r\n var vector = center\r\n .subtract(newCenter)\r\n .add(new Point(result.correctionX || 0, result.correctionY || 0));\r\n var diff = transformPoint(\r\n vector,\r\n invertTransform(this.calcOwnMatrix()),\r\n true\r\n );\r\n // set dimensions\r\n this.set({ width: result.width, height: result.height });\r\n // adjust objects to account for new center\r\n !context.objectsRelativeToGroup &&\r\n this.forEachObject(function (object) {\r\n this._adjustObjectPosition(object, diff);\r\n }, this);\r\n // clip path as well\r\n !isFirstLayout &&\r\n this.layout !== 'clip-path' &&\r\n this.clipPath &&\r\n !this.clipPath.absolutePositioned &&\r\n this._adjustObjectPosition(this.clipPath, diff);\r\n if (!newCenter.eq(center) || initialTransform) {\r\n // set position\r\n this.setPositionByOrigin(newCenter, 'center', 'center');\r\n initialTransform && this.set(initialTransform);\r\n this.setCoords();\r\n }\r\n } else if (isFirstLayout) {\r\n // fill `result` with initial values for the layout hook\r\n result = {\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: this.width,\r\n height: this.height,\r\n };\r\n initialTransform && this.set(initialTransform);\r\n } else {\r\n // no `result` so we return\r\n return;\r\n }\r\n // flag for next layouts\r\n this._firstLayoutDone = true;\r\n // fire layout hook and event (event will fire only for layouts after initialization layout)\r\n this.onLayout(context, result);\r\n this.fire('layout', {\r\n context: context,\r\n result: result,\r\n diff: diff,\r\n });\r\n // recursive up\r\n if (this.group && this.group._applyLayoutStrategy) {\r\n // append the path recursion to context\r\n if (!context.path) {\r\n context.path = [];\r\n }\r\n context.path.push(this);\r\n // all parents should invalidate their layout\r\n this.group._applyLayoutStrategy(context);\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * If you need to run logic once layout completes use `onLayout`\r\n * @public\r\n *\r\n * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType\r\n *\r\n * @typedef LayoutContext context object with data regarding what triggered the call\r\n * @property {LayoutContextType} type\r\n * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one\r\n *\r\n * @typedef LayoutResult positioning and layout data **relative** to instance's parent\r\n * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`)\r\n * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`)\r\n * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX`\r\n * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY`\r\n * @property {number} width\r\n * @property {number} height\r\n *\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n getLayoutStrategyResult: function (layoutDirective, objects, context) {\r\n // eslint-disable-line no-unused-vars\r\n // `fit-content-lazy` performance enhancement\r\n // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects\r\n if (\r\n layoutDirective === 'fit-content-lazy' &&\r\n context.type === 'added' &&\r\n objects.length > context.targets.length\r\n ) {\r\n // calculate added objects' bbox with existing bbox\r\n var addedObjects = context.targets.concat(this);\r\n return this.prepareBoundingBox(\r\n layoutDirective,\r\n addedObjects,\r\n context\r\n );\r\n } else if (\r\n layoutDirective === 'fit-content' ||\r\n layoutDirective === 'fit-content-lazy' ||\r\n (layoutDirective === 'fixed' &&\r\n (context.type === 'initialization' ||\r\n context.type === 'imperative'))\r\n ) {\r\n return this.prepareBoundingBox(layoutDirective, objects, context);\r\n } else if (layoutDirective === 'clip-path' && this.clipPath) {\r\n var clipPath = this.clipPath;\r\n var clipPathSizeAfter = clipPath._getTransformedDimensions();\r\n if (\r\n clipPath.absolutePositioned &&\r\n (context.type === 'initialization' ||\r\n context.type === 'layout_change')\r\n ) {\r\n // we want the center point to exist in group's containing plane\r\n var clipPathCenter = clipPath.getCenterPoint();\r\n if (this.group) {\r\n // send point from canvas plane to group's containing plane\r\n var inv = invertTransform(this.group.calcTransformMatrix());\r\n clipPathCenter = transformPoint(clipPathCenter, inv);\r\n }\r\n return {\r\n centerX: clipPathCenter.x,\r\n centerY: clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n } else if (!clipPath.absolutePositioned) {\r\n var center;\r\n var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(),\r\n // we want the center point to exist in group's containing plane, so we send it upwards\r\n clipPathCenter = transformPoint(\r\n clipPathRelativeCenter,\r\n this.calcOwnMatrix(),\r\n true\r\n );\r\n if (\r\n context.type === 'initialization' ||\r\n context.type === 'layout_change'\r\n ) {\r\n var bbox =\r\n this.prepareBoundingBox(layoutDirective, objects, context) ||\r\n {};\r\n center = new Point(bbox.centerX || 0, bbox.centerY || 0);\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n correctionX: bbox.correctionX - clipPathCenter.x,\r\n correctionY: bbox.correctionY - clipPathCenter.y,\r\n width: clipPath.width,\r\n height: clipPath.height,\r\n };\r\n } else {\r\n center = this.getRelativeCenterPoint();\r\n return {\r\n centerX: center.x + clipPathCenter.x,\r\n centerY: center.y + clipPathCenter.y,\r\n width: clipPathSizeAfter.x,\r\n height: clipPathSizeAfter.y,\r\n };\r\n }\r\n }\r\n } else if (\r\n layoutDirective === 'svg' &&\r\n context.type === 'initialization'\r\n ) {\r\n var bbox = this.getObjectsBoundingBox(objects, true) || {};\r\n return Object.assign(bbox, {\r\n correctionX: -bbox.offsetX || 0,\r\n correctionY: -bbox.offsetY || 0,\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * Override this method to customize layout.\r\n * A wrapper around {@link fabric.Group#getObjectsBoundingBox}\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareBoundingBox: function (layoutDirective, objects, context) {\r\n if (context.type === 'initialization') {\r\n return this.prepareInitialBoundingBox(\r\n layoutDirective,\r\n objects,\r\n context\r\n );\r\n } else if (context.type === 'imperative' && context.context) {\r\n return Object.assign(\r\n this.getObjectsBoundingBox(objects) || {},\r\n context.context\r\n );\r\n } else {\r\n return this.getObjectsBoundingBox(objects);\r\n }\r\n },\r\n\r\n /**\r\n * Calculates center taking into account originX, originY while not being sure that width/height are initialized\r\n * @public\r\n * @param {string} layoutDirective\r\n * @param {fabric.Object[]} objects\r\n * @param {LayoutContext} context\r\n * @returns {LayoutResult | undefined}\r\n */\r\n prepareInitialBoundingBox: function (layoutDirective, objects, context) {\r\n var options = context.options || {},\r\n hasX = typeof options.left === 'number',\r\n hasY = typeof options.top === 'number',\r\n hasWidth = typeof options.width === 'number',\r\n hasHeight = typeof options.height === 'number';\r\n\r\n // performance enhancement\r\n // skip layout calculation if bbox is defined\r\n if (\r\n (hasX &&\r\n hasY &&\r\n hasWidth &&\r\n hasHeight &&\r\n context.objectsRelativeToGroup) ||\r\n objects.length === 0\r\n ) {\r\n // return nothing to skip layout\r\n return;\r\n }\r\n\r\n var bbox = this.getObjectsBoundingBox(objects) || {};\r\n var width = hasWidth ? this.width : bbox.width || 0,\r\n height = hasHeight ? this.height : bbox.height || 0,\r\n calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0),\r\n origin = new Point(\r\n resolveOrigin(this.originX),\r\n resolveOrigin(this.originY)\r\n ),\r\n size = new Point(width, height),\r\n strokeWidthVector = this._getTransformedDimensions({\r\n width: 0,\r\n height: 0,\r\n }),\r\n sizeAfter = this._getTransformedDimensions({\r\n width: width,\r\n height: height,\r\n strokeWidth: 0,\r\n }),\r\n bboxSizeAfter = this._getTransformedDimensions({\r\n width: bbox.width,\r\n height: bbox.height,\r\n strokeWidth: 0,\r\n }),\r\n rotationCorrection = new Point(0, 0);\r\n\r\n // calculate center and correction\r\n var originT = origin.scalarAdd(0.5);\r\n var originCorrection = sizeAfter.multiply(originT);\r\n var centerCorrection = new Point(\r\n hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x,\r\n hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y\r\n );\r\n var center = new Point(\r\n hasX\r\n ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x\r\n : calculatedCenter.x - centerCorrection.x,\r\n hasY\r\n ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y\r\n : calculatedCenter.y - centerCorrection.y\r\n );\r\n var offsetCorrection = new Point(\r\n hasX\r\n ? center.x -\r\n calculatedCenter.x +\r\n bboxSizeAfter.x * (hasWidth ? 0.5 : 0)\r\n : -(hasWidth\r\n ? (sizeAfter.x - strokeWidthVector.x) * 0.5\r\n : sizeAfter.x * originT.x),\r\n hasY\r\n ? center.y -\r\n calculatedCenter.y +\r\n bboxSizeAfter.y * (hasHeight ? 0.5 : 0)\r\n : -(hasHeight\r\n ? (sizeAfter.y - strokeWidthVector.y) * 0.5\r\n : sizeAfter.y * originT.y)\r\n ).add(rotationCorrection);\r\n var correction = new Point(\r\n hasWidth ? -sizeAfter.x / 2 : 0,\r\n hasHeight ? -sizeAfter.y / 2 : 0\r\n ).add(offsetCorrection);\r\n\r\n return {\r\n centerX: center.x,\r\n centerY: center.y,\r\n correctionX: correction.x,\r\n correctionY: correction.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Calculate the bbox of objects relative to instance's containing plane\r\n * @public\r\n * @param {fabric.Object[]} objects\r\n * @returns {LayoutResult | null} bounding box\r\n */\r\n getObjectsBoundingBox: function (objects, ignoreOffset) {\r\n if (objects.length === 0) {\r\n return null;\r\n }\r\n var objCenter, sizeVector, min, max, a, b;\r\n objects.forEach(function (object, i) {\r\n objCenter = object.getRelativeCenterPoint();\r\n sizeVector = object._getTransformedDimensions().scalarDivide(2);\r\n if (object.angle) {\r\n var rad = degreesToRadians(object.angle),\r\n sin = Math.abs(fabric.util.sin(rad)),\r\n cos = Math.abs(fabric.util.cos(rad)),\r\n rx = sizeVector.x * cos + sizeVector.y * sin,\r\n ry = sizeVector.x * sin + sizeVector.y * cos;\r\n sizeVector = new Point(rx, ry);\r\n }\r\n a = objCenter.subtract(sizeVector);\r\n b = objCenter.add(sizeVector);\r\n if (i === 0) {\r\n min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y));\r\n max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y));\r\n } else {\r\n min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y));\r\n max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y));\r\n }\r\n });\r\n\r\n var size = max.subtract(min),\r\n relativeCenter = ignoreOffset\r\n ? size.scalarDivide(2)\r\n : min.midPointFrom(max),\r\n // we send `relativeCenter` up to group's containing plane\r\n offset = transformPoint(min, this.calcOwnMatrix()),\r\n center = transformPoint(relativeCenter, this.calcOwnMatrix());\r\n\r\n return {\r\n offsetX: offset.x,\r\n offsetY: offset.y,\r\n centerX: center.x,\r\n centerY: center.y,\r\n width: size.x,\r\n height: size.y,\r\n };\r\n },\r\n\r\n /**\r\n * Hook that is called once layout has completed.\r\n * Provided for layout customization, override if necessary.\r\n * Complements `getLayoutStrategyResult`, which is called at the beginning of layout.\r\n * @public\r\n * @param {LayoutContext} context layout context\r\n * @param {LayoutResult} result layout result\r\n */\r\n onLayout: function (/* context, result */) {\r\n // override by subclass\r\n },\r\n\r\n /**\r\n *\r\n * @private\r\n * @param {'toObject'|'toDatalessObject'} [method]\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @returns {fabric.Object[]} serialized objects\r\n */\r\n __serializeObjects: function (method, propertiesToInclude) {\r\n var _includeDefaultValues = this.includeDefaultValues;\r\n return this._objects\r\n .filter(function (obj) {\r\n return !obj.excludeFromExport;\r\n })\r\n .map(function (obj) {\r\n var originalDefaults = obj.includeDefaultValues;\r\n obj.includeDefaultValues = _includeDefaultValues;\r\n var data = obj[method || 'toObject'](propertiesToInclude);\r\n obj.includeDefaultValues = originalDefaults;\r\n //delete data.version;\r\n return data;\r\n });\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var obj = this.callSuper(\r\n 'toObject',\r\n ['layout', 'subTargetCheck', 'interactive'].concat(\r\n propertiesToInclude\r\n )\r\n );\r\n obj.objects = this.__serializeObjects('toObject', propertiesToInclude);\r\n return obj;\r\n },\r\n\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n dispose: function () {\r\n this._activeObjects = [];\r\n this.forEachObject(function (object) {\r\n this._watchObject(false, object);\r\n object.dispose && object.dispose();\r\n }, this);\r\n this.callSuper('dispose');\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n\r\n /**\r\n * @private\r\n */\r\n _createSVGBgRect: function (reviver) {\r\n if (!this.backgroundColor) {\r\n return '';\r\n }\r\n var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver);\r\n var commons = fillStroke.indexOf('COMMON_PARTS');\r\n fillStroke[commons] = 'for=\"group\" ';\r\n return fillStroke.join('');\r\n },\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG: function (reviver) {\r\n var svgString = ['\\n'];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t\\t', this._objects[i].toSVG(reviver));\r\n }\r\n svgString.push('\\n');\r\n return svgString;\r\n },\r\n\r\n /**\r\n * Returns styles-string for svg-export, specific version for group\r\n * @return {String}\r\n */\r\n getSvgStyles: function () {\r\n var opacity =\r\n typeof this.opacity !== 'undefined' && this.opacity !== 1\r\n ? 'opacity: ' + this.opacity + ';'\r\n : '',\r\n visibility = this.visible ? '' : ' visibility: hidden;';\r\n return [opacity, this.getSvgFilter(), visibility].join('');\r\n },\r\n\r\n /**\r\n * Returns svg clipPath representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toClipPathSVG: function (reviver) {\r\n var svgString = [];\r\n var bg = this._createSVGBgRect(reviver);\r\n bg && svgString.push('\\t', bg);\r\n for (var i = 0; i < this._objects.length; i++) {\r\n svgString.push('\\t', this._objects[i].toClipPathSVG(reviver));\r\n }\r\n return this._createBaseClipPathSVGMarkup(svgString, {\r\n reviver: reviver,\r\n });\r\n },\r\n /* _TO_SVG_END_ */\r\n }\r\n );\r\n\r\n /**\r\n * @todo support loading from svg\r\n * @private\r\n * @static\r\n * @memberOf fabric.Group\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.Group.fromObject = function (object) {\r\n var objects = object.objects || [],\r\n options = clone(object, true);\r\n delete options.objects;\r\n return Promise.all([\r\n fabric.util.enlivenObjects(objects),\r\n fabric.util.enlivenObjectEnlivables(options),\r\n ]).then(function (enlivened) {\r\n return new fabric.Group(\r\n enlivened[0],\r\n Object.assign(options, enlivened[1]),\r\n true\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric || (global.fabric = {});\r\n\r\n /**\r\n * Group class\r\n * @class fabric.ActiveSelection\r\n * @extends fabric.Group\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups}\r\n * @see {@link fabric.ActiveSelection#initialize} for constructor definition\r\n */\r\n fabric.ActiveSelection = fabric.util.createClass(\r\n fabric.Group,\r\n /** @lends fabric.ActiveSelection.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'activeSelection',\r\n\r\n /**\r\n * @override\r\n */\r\n layout: 'fit-content',\r\n\r\n /**\r\n * @override\r\n */\r\n subTargetCheck: false,\r\n\r\n /**\r\n * @override\r\n */\r\n interactive: false,\r\n\r\n /**\r\n * Constructor\r\n *\r\n * @param {fabric.Object[]} [objects] instance objects\r\n * @param {Object} [options] Options object\r\n * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane\r\n * @return {fabric.ActiveSelection} thisArg\r\n */\r\n initialize: function (objects, options, objectsRelativeToGroup) {\r\n this.callSuper('initialize', objects, options, objectsRelativeToGroup);\r\n this.setCoords();\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldSetNestedCoords: function () {\r\n return true;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane\r\n * @returns {boolean} true if object entered group\r\n */\r\n enterGroup: function (object, removeParentTransform) {\r\n if (object.group) {\r\n // save ref to group for later in order to return to it\r\n var parent = object.group;\r\n parent._exitGroup(object);\r\n object.__owningGroup = parent;\r\n }\r\n this._enterGroup(object, removeParentTransform);\r\n return true;\r\n },\r\n\r\n /**\r\n * we want objects to retain their canvas ref when exiting instance\r\n * @private\r\n * @param {fabric.Object} object\r\n * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it\r\n */\r\n exitGroup: function (object, removeParentTransform) {\r\n this._exitGroup(object, removeParentTransform);\r\n var parent = object.__owningGroup;\r\n if (parent) {\r\n // return to owning group\r\n parent.enterGroup(object);\r\n delete object.__owningGroup;\r\n }\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {'added'|'removed'} type\r\n * @param {fabric.Object[]} targets\r\n */\r\n _onAfterObjectsChange: function (type, targets) {\r\n var groups = [];\r\n targets.forEach(function (object) {\r\n object.group &&\r\n !groups.includes(object.group) &&\r\n groups.push(object.group);\r\n });\r\n if (type === 'removed') {\r\n // invalidate groups' layout and mark as dirty\r\n groups.forEach(function (group) {\r\n group._onAfterObjectsChange('added', targets);\r\n });\r\n } else {\r\n // mark groups as dirty\r\n groups.forEach(function (group) {\r\n group._set('dirty', true);\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * If returns true, deselection is cancelled.\r\n * @since 2.0.0\r\n * @return {Boolean} [cancel]\r\n */\r\n onDeselect: function () {\r\n this.removeAll();\r\n return false;\r\n },\r\n\r\n /**\r\n * Returns string representation of a group\r\n * @return {String}\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * objectCaching is a global flag, wins over everything\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Check if this group or its parent group are caching, recursively up\r\n * @return {Boolean}\r\n */\r\n isOnACache: function () {\r\n return false;\r\n },\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [styleOverride] properties to override the object style\r\n * @param {Object} [childrenOverride] properties to override the children overrides\r\n */\r\n _renderControls: function (ctx, styleOverride, childrenOverride) {\r\n ctx.save();\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n this.callSuper('_renderControls', ctx, styleOverride);\r\n var options = Object.assign({ hasControls: false }, childrenOverride, {\r\n forActiveSelection: true,\r\n });\r\n for (var i = 0; i < this._objects.length; i++) {\r\n this._objects[i]._renderControls(ctx, options);\r\n }\r\n ctx.restore();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.ActiveSelection} instance from an object representation\r\n * @static\r\n * @memberOf fabric.ActiveSelection\r\n * @param {Object} object Object to create a group from\r\n * @returns {Promise}\r\n */\r\n fabric.ActiveSelection.fromObject = function (object) {\r\n var objects = object.objects,\r\n options = fabric.util.object.clone(object, true);\r\n delete options.objects;\r\n return fabric.util\r\n .enlivenObjects(objects)\r\n .then(function (enlivenedObjects) {\r\n return new fabric.ActiveSelection(enlivenedObjects, options, true);\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric,\r\n extend = fabric.util.object.extend;\r\n /**\r\n * Image class\r\n * @class fabric.Image\r\n * @extends fabric.Object\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images}\r\n * @see {@link fabric.Image#initialize} for constructor definition\r\n */\r\n fabric.Image = fabric.util.createClass(\r\n FabricObject,\r\n /** @lends fabric.Image.prototype */ {\r\n /**\r\n * Type of an object\r\n * @type String\r\n * @default\r\n */\r\n type: 'image',\r\n\r\n /**\r\n * Width of a stroke.\r\n * For image quality a stroke multiple of 2 gives better results.\r\n * @type Number\r\n * @default\r\n */\r\n strokeWidth: 0,\r\n\r\n /**\r\n * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`.\r\n * This allows for relative urls as image src.\r\n * @since 2.7.0\r\n * @type Boolean\r\n * @default\r\n */\r\n srcFromAttribute: false,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleX to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaleY to detect\r\n * if the Image got resized after the last Render\r\n * @type Number\r\n */\r\n _lastScaleY: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingX: 1,\r\n\r\n /**\r\n * private\r\n * contains last value of scaling applied by the apply filter chain\r\n * @type Number\r\n */\r\n _filterScalingY: 1,\r\n\r\n /**\r\n * minimum scale factor under which any resizeFilter is triggered to resize the image\r\n * 0 will disable the automatic resize. 1 will trigger automatically always.\r\n * number bigger than 1 are not implemented yet.\r\n * @type Number\r\n */\r\n minimumScaleTrigger: 0.5,\r\n\r\n /**\r\n * List of properties to consider when checking if\r\n * state of an object is changed ({@link fabric.Object#hasStateChanged})\r\n * as well as for history (undo/redo) purposes\r\n * @type Array\r\n */\r\n stateProperties: FabricObject.prototype.stateProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * List of properties to consider when checking if cache needs refresh\r\n * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single\r\n * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty\r\n * and refreshed at the next render\r\n * @type Array\r\n */\r\n cacheProperties: FabricObject.prototype.cacheProperties.concat(\r\n 'cropX',\r\n 'cropY'\r\n ),\r\n\r\n /**\r\n * key used to retrieve the texture representing this image\r\n * @since 2.0.0\r\n * @type String\r\n * @default\r\n */\r\n cacheKey: '',\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropX: 0,\r\n\r\n /**\r\n * Image crop in pixels from original image size.\r\n * @since 2.0.0\r\n * @type Number\r\n * @default\r\n */\r\n cropY: 0,\r\n\r\n /**\r\n * Indicates whether this canvas will use image smoothing when painting this image.\r\n * Also influence if the cacheCanvas for this image uses imageSmoothing\r\n * @since 4.0.0-beta.11\r\n * @type Boolean\r\n * @default\r\n */\r\n imageSmoothing: true,\r\n\r\n /**\r\n * Constructor\r\n * Image can be initialized with any canvas drawable or a string.\r\n * The string should be a url and will be loaded as an image.\r\n * Canvas and Image element work out of the box, while videos require extra code to work.\r\n * Please check video element events for seeking.\r\n * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n */\r\n initialize: function (element, options) {\r\n options || (options = {});\r\n this.filters = [];\r\n this.cacheKey = 'texture' + FabricObject.__uid++;\r\n this.callSuper('initialize', options);\r\n this._initElement(element, options);\r\n },\r\n\r\n /**\r\n * Returns image element which this instance if based on\r\n * @return {HTMLImageElement} Image element\r\n */\r\n getElement: function () {\r\n return this._element || {};\r\n },\r\n\r\n /**\r\n * Sets image element for this instance to a specified one.\r\n * If filters defined they are applied to new image.\r\n * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area.\r\n * @param {HTMLImageElement} element\r\n * @param {Object} [options] Options object\r\n * @return {fabric.Image} thisArg\r\n * @chainable\r\n */\r\n setElement: function (element, options) {\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._element = element;\r\n this._originalElement = element;\r\n this._initConfig(options);\r\n element.classList.add(fabric.Image.CSS_CANVAS);\r\n if (this.filters.length !== 0) {\r\n this.applyFilters();\r\n }\r\n // resizeFilters work on the already filtered copy.\r\n // we need to apply resizeFilters AFTER normal filters.\r\n // applyResizeFilters is run more often than normal filters\r\n // and is triggered by user interactions rather than dev code\r\n if (this.resizeFilter) {\r\n this.applyResizeFilters();\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * Delete a single texture if in webgl mode\r\n */\r\n removeTexture: function (key) {\r\n var backend = fabric.filterBackend;\r\n if (backend && backend.evictCachesForKey) {\r\n backend.evictCachesForKey(key);\r\n }\r\n },\r\n\r\n /**\r\n * Delete textures, reference to elements and eventually JSDOM cleanup\r\n */\r\n dispose: function () {\r\n this.callSuper('dispose');\r\n this.removeTexture(this.cacheKey);\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n this._cacheContext = undefined;\r\n ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(\r\n function (element) {\r\n fabric.util.cleanUpJsdomNode(this[element]);\r\n this[element] = undefined;\r\n }.bind(this)\r\n );\r\n },\r\n\r\n /**\r\n * Get the crossOrigin value (of the corresponding image element)\r\n */\r\n getCrossOrigin: function () {\r\n return (\r\n this._originalElement && (this._originalElement.crossOrigin || null)\r\n );\r\n },\r\n\r\n /**\r\n * Returns original size of an image\r\n * @return {Object} Object with \"width\" and \"height\" properties\r\n */\r\n getOriginalSize: function () {\r\n var element = this.getElement();\r\n return {\r\n width: element.naturalWidth || element.width,\r\n height: element.naturalHeight || element.height,\r\n };\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _stroke: function (ctx) {\r\n if (!this.stroke || this.strokeWidth === 0) {\r\n return;\r\n }\r\n var w = this.width / 2,\r\n h = this.height / 2;\r\n ctx.beginPath();\r\n ctx.moveTo(-w, -h);\r\n ctx.lineTo(w, -h);\r\n ctx.lineTo(w, h);\r\n ctx.lineTo(-w, h);\r\n ctx.lineTo(-w, -h);\r\n ctx.closePath();\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function (propertiesToInclude) {\r\n var filters = [];\r\n\r\n this.filters.forEach(function (filterObj) {\r\n if (filterObj) {\r\n filters.push(filterObj.toObject());\r\n }\r\n });\r\n var object = extend(\r\n this.callSuper(\r\n 'toObject',\r\n ['cropX', 'cropY'].concat(propertiesToInclude)\r\n ),\r\n {\r\n src: this.getSrc(),\r\n crossOrigin: this.getCrossOrigin(),\r\n filters: filters,\r\n }\r\n );\r\n if (this.resizeFilter) {\r\n object.resizeFilter = this.resizeFilter.toObject();\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height.\r\n * @return {Boolean}\r\n */\r\n hasCrop: function () {\r\n return (\r\n this.cropX ||\r\n this.cropY ||\r\n this.width < this._element.width ||\r\n this.height < this._element.height\r\n );\r\n },\r\n\r\n /* _TO_SVG_START_ */\r\n /**\r\n * Returns svg representation of an instance\r\n * @return {Array} an array of strings with the specific svg representation\r\n * of the instance\r\n */\r\n _toSVG: function () {\r\n var svgString = [],\r\n imageMarkup = [],\r\n strokeSvg,\r\n element = this._element,\r\n x = -this.width / 2,\r\n y = -this.height / 2,\r\n clipPath = '',\r\n imageRendering = '';\r\n if (!element) {\r\n return [];\r\n }\r\n if (this.hasCrop()) {\r\n var clipPathId = FabricObject.__uid++;\r\n svgString.push(\r\n '\\n',\r\n '\\t\\n',\r\n '\\n'\r\n );\r\n clipPath = ' clip-path=\"url(#imageCrop_' + clipPathId + ')\" ';\r\n }\r\n if (!this.imageSmoothing) {\r\n imageRendering = '\" image-rendering=\"optimizeSpeed';\r\n }\r\n imageMarkup.push(\r\n '\\t element with actual transformation, then offsetting object to the top/left\r\n // so that object's center aligns with container's left/top\r\n '\" width=\"',\r\n element.width || element.naturalWidth,\r\n '\" height=\"',\r\n element.height || element.height,\r\n imageRendering,\r\n '\"',\r\n clipPath,\r\n '>\\n'\r\n );\r\n\r\n if (this.stroke || this.strokeDashArray) {\r\n var origFill = this.fill;\r\n this.fill = null;\r\n strokeSvg = [\r\n '\\t\\n',\r\n ];\r\n this.fill = origFill;\r\n }\r\n if (this.paintFirst !== 'fill') {\r\n svgString = svgString.concat(strokeSvg, imageMarkup);\r\n } else {\r\n svgString = svgString.concat(imageMarkup, strokeSvg);\r\n }\r\n return svgString;\r\n },\r\n /* _TO_SVG_END_ */\r\n\r\n /**\r\n * Returns source of an image\r\n * @param {Boolean} filtered indicates if the src is needed for svg\r\n * @return {String} Source of an image\r\n */\r\n getSrc: function (filtered) {\r\n var element = filtered ? this._element : this._originalElement;\r\n if (element) {\r\n if (element.toDataURL) {\r\n return element.toDataURL();\r\n }\r\n\r\n if (this.srcFromAttribute) {\r\n return element.getAttribute('src');\r\n } else {\r\n return element.src;\r\n }\r\n } else {\r\n return this.src || '';\r\n }\r\n },\r\n\r\n /**\r\n * Loads and sets source of an image\\\r\n * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking\r\n * @param {String} src Source string (URL)\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {String} [options.crossOrigin] crossOrigin value (one of \"\", \"anonymous\", \"use-credentials\")\r\n * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes\r\n * @return {Promise} thisArg\r\n */\r\n setSrc: function (src, options) {\r\n var _this = this;\r\n return fabric.util.loadImage(src, options).then(function (img) {\r\n _this.setElement(img, options);\r\n _this._setWidthHeight();\r\n return _this;\r\n });\r\n },\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of an instance\r\n */\r\n toString: function () {\r\n return '#';\r\n },\r\n\r\n applyResizeFilters: function () {\r\n var filter = this.resizeFilter,\r\n minimumScale = this.minimumScaleTrigger,\r\n objectScale = this.getTotalObjectScaling(),\r\n scaleX = objectScale.x,\r\n scaleY = objectScale.y,\r\n elementToFilter = this._filteredEl || this._originalElement;\r\n if (this.group) {\r\n this.set('dirty', true);\r\n }\r\n if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) {\r\n this._element = elementToFilter;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n this._lastScaleX = scaleX;\r\n this._lastScaleY = scaleY;\r\n return;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n var canvasEl = fabric.util.createCanvasElement(),\r\n cacheKey = this._filteredEl\r\n ? this.cacheKey + '_filtered'\r\n : this.cacheKey,\r\n sourceWidth = elementToFilter.width,\r\n sourceHeight = elementToFilter.height;\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._lastScaleX = filter.scaleX = scaleX;\r\n this._lastScaleY = filter.scaleY = scaleY;\r\n fabric.filterBackend.applyFilters(\r\n [filter],\r\n elementToFilter,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n cacheKey\r\n );\r\n this._filterScalingX = canvasEl.width / this._originalElement.width;\r\n this._filterScalingY = canvasEl.height / this._originalElement.height;\r\n },\r\n\r\n /**\r\n * Applies filters assigned to this image (from \"filters\" array) or from filter param\r\n * @method applyFilters\r\n * @param {Array} filters to be applied\r\n * @param {Boolean} forResizing specify if the filter operation is a resize operation\r\n * @return {thisArg} return the fabric.Image object\r\n * @chainable\r\n */\r\n applyFilters: function (filters) {\r\n filters = filters || this.filters || [];\r\n filters = filters.filter(function (filter) {\r\n return filter && !filter.isNeutralState();\r\n });\r\n this.set('dirty', true);\r\n\r\n // needs to clear out or WEBGL will not resize correctly\r\n this.removeTexture(this.cacheKey + '_filtered');\r\n\r\n if (filters.length === 0) {\r\n this._element = this._originalElement;\r\n this._filteredEl = null;\r\n this._filterScalingX = 1;\r\n this._filterScalingY = 1;\r\n return this;\r\n }\r\n\r\n var imgElement = this._originalElement,\r\n sourceWidth = imgElement.naturalWidth || imgElement.width,\r\n sourceHeight = imgElement.naturalHeight || imgElement.height;\r\n\r\n if (this._element === this._originalElement) {\r\n // if the element is the same we need to create a new element\r\n var canvasEl = fabric.util.createCanvasElement();\r\n canvasEl.width = sourceWidth;\r\n canvasEl.height = sourceHeight;\r\n this._element = canvasEl;\r\n this._filteredEl = canvasEl;\r\n } else {\r\n // clear the existing element to get new filter data\r\n // also dereference the eventual resized _element\r\n this._element = this._filteredEl;\r\n this._filteredEl\r\n .getContext('2d')\r\n .clearRect(0, 0, sourceWidth, sourceHeight);\r\n // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y\r\n this._lastScaleX = 1;\r\n this._lastScaleY = 1;\r\n }\r\n if (!fabric.filterBackend) {\r\n fabric.filterBackend = fabric.initFilterBackend();\r\n }\r\n fabric.filterBackend.applyFilters(\r\n filters,\r\n this._originalElement,\r\n sourceWidth,\r\n sourceHeight,\r\n this._element,\r\n this.cacheKey\r\n );\r\n if (\r\n this._originalElement.width !== this._element.width ||\r\n this._originalElement.height !== this._element.height\r\n ) {\r\n this._filterScalingX =\r\n this._element.width / this._originalElement.width;\r\n this._filterScalingY =\r\n this._element.height / this._originalElement.height;\r\n }\r\n return this;\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n if (\r\n this.isMoving !== true &&\r\n this.resizeFilter &&\r\n this._needsResize()\r\n ) {\r\n this.applyResizeFilters();\r\n }\r\n this._stroke(ctx);\r\n this._renderPaintInOrder(ctx);\r\n },\r\n\r\n /**\r\n * Paint the cached copy of the object on the target context.\r\n * it will set the imageSmoothing for the draw operation\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n drawCacheOnCanvas: function (ctx) {\r\n ctx.imageSmoothingEnabled = this.imageSmoothing;\r\n FabricObject.prototype.drawCacheOnCanvas.call(this, ctx);\r\n },\r\n\r\n /**\r\n * Decide if the object should cache or not. Create its own cache level\r\n * needsItsOwnCache should be used when the object drawing method requires\r\n * a cache step. None of the fabric classes requires it.\r\n * Generally you do not cache objects in groups because the group outside is cached.\r\n * This is the special image version where we would like to avoid caching where possible.\r\n * Essentially images do not benefit from caching. They may require caching, and in that\r\n * case we do it. Also caching an image usually ends in a loss of details.\r\n * A full performance audit should be done.\r\n * @return {Boolean}\r\n */\r\n shouldCache: function () {\r\n return this.needsItsOwnCache();\r\n },\r\n\r\n _renderFill: function (ctx) {\r\n var elementToDraw = this._element;\r\n if (!elementToDraw) {\r\n return;\r\n }\r\n var scaleX = this._filterScalingX,\r\n scaleY = this._filterScalingY,\r\n w = this.width,\r\n h = this.height,\r\n min = Math.min,\r\n max = Math.max,\r\n // crop values cannot be lesser than 0.\r\n cropX = max(this.cropX, 0),\r\n cropY = max(this.cropY, 0),\r\n elWidth = elementToDraw.naturalWidth || elementToDraw.width,\r\n elHeight = elementToDraw.naturalHeight || elementToDraw.height,\r\n sX = cropX * scaleX,\r\n sY = cropY * scaleY,\r\n // the width height cannot exceed element width/height, starting from the crop offset.\r\n sW = min(w * scaleX, elWidth - sX),\r\n sH = min(h * scaleY, elHeight - sY),\r\n x = -w / 2,\r\n y = -h / 2,\r\n maxDestW = min(w, elWidth / scaleX - cropX),\r\n maxDestH = min(h, elHeight / scaleY - cropY);\r\n\r\n elementToDraw &&\r\n ctx.drawImage(\r\n elementToDraw,\r\n sX,\r\n sY,\r\n sW,\r\n sH,\r\n x,\r\n y,\r\n maxDestW,\r\n maxDestH\r\n );\r\n },\r\n\r\n /**\r\n * needed to check if image needs resize\r\n * @private\r\n */\r\n _needsResize: function () {\r\n var scale = this.getTotalObjectScaling();\r\n return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY;\r\n },\r\n\r\n /**\r\n * @private\r\n */\r\n _resetWidthHeight: function () {\r\n this.set(this.getOriginalSize());\r\n },\r\n\r\n /**\r\n * The Image class's initialization method. This method is automatically\r\n * called by the constructor.\r\n * @private\r\n * @param {HTMLImageElement|String} element The element representing the image\r\n * @param {Object} [options] Options object\r\n */\r\n _initElement: function (element, options) {\r\n this.setElement(\r\n fabric.document.getElementById(element) || element,\r\n options\r\n );\r\n },\r\n\r\n /**\r\n * @private\r\n * @param {Object} [options] Options object\r\n */\r\n _initConfig: function (options) {\r\n options || (options = {});\r\n this.setOptions(options);\r\n this._setWidthHeight(options);\r\n },\r\n\r\n /**\r\n * @private\r\n * Set the width and the height of the image object, using the element or the\r\n * options.\r\n * @param {Object} [options] Object with width/height properties\r\n */\r\n _setWidthHeight: function (options) {\r\n options || (options = {});\r\n var el = this.getElement();\r\n this.width = options.width || el.naturalWidth || el.width || 0;\r\n this.height = options.height || el.naturalHeight || el.height || 0;\r\n },\r\n\r\n /**\r\n * Calculate offset for center and scale factor for the image in order to respect\r\n * the preserveAspectRatio attribute\r\n * @private\r\n * @return {Object}\r\n */\r\n parsePreserveAspectRatioAttribute: function () {\r\n var pAR = fabric.util.parsePreserveAspectRatioAttribute(\r\n this.preserveAspectRatio || ''\r\n ),\r\n rWidth = this._element.width,\r\n rHeight = this._element.height,\r\n scaleX = 1,\r\n scaleY = 1,\r\n offsetLeft = 0,\r\n offsetTop = 0,\r\n cropX = 0,\r\n cropY = 0,\r\n offset,\r\n pWidth = this.width,\r\n pHeight = this.height,\r\n parsedAttributes = { width: pWidth, height: pHeight };\r\n if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) {\r\n if (pAR.meetOrSlice === 'meet') {\r\n scaleX = scaleY = fabric.util.findScaleToFit(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = (pWidth - rWidth * scaleX) / 2;\r\n if (pAR.alignX === 'Min') {\r\n offsetLeft = -offset;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n offsetLeft = offset;\r\n }\r\n offset = (pHeight - rHeight * scaleY) / 2;\r\n if (pAR.alignY === 'Min') {\r\n offsetTop = -offset;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n offsetTop = offset;\r\n }\r\n }\r\n if (pAR.meetOrSlice === 'slice') {\r\n scaleX = scaleY = fabric.util.findScaleToCover(\r\n this._element,\r\n parsedAttributes\r\n );\r\n offset = rWidth - pWidth / scaleX;\r\n if (pAR.alignX === 'Mid') {\r\n cropX = offset / 2;\r\n }\r\n if (pAR.alignX === 'Max') {\r\n cropX = offset;\r\n }\r\n offset = rHeight - pHeight / scaleY;\r\n if (pAR.alignY === 'Mid') {\r\n cropY = offset / 2;\r\n }\r\n if (pAR.alignY === 'Max') {\r\n cropY = offset;\r\n }\r\n rWidth = pWidth / scaleX;\r\n rHeight = pHeight / scaleY;\r\n }\r\n } else {\r\n scaleX = pWidth / rWidth;\r\n scaleY = pHeight / rHeight;\r\n }\r\n return {\r\n width: rWidth,\r\n height: rHeight,\r\n scaleX: scaleX,\r\n scaleY: scaleY,\r\n offsetLeft: offsetLeft,\r\n offsetTop: offsetTop,\r\n cropX: cropX,\r\n cropY: cropY,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Default CSS class name for canvas\r\n * @static\r\n * @type String\r\n * @default\r\n */\r\n fabric.Image.CSS_CANVAS = 'canvas-img';\r\n\r\n /**\r\n * Alias for getSrc\r\n * @static\r\n */\r\n fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc;\r\n\r\n /**\r\n * Creates an instance of fabric.Image from its object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @param {object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromObject = function (object, options) {\r\n var _object = Object.assign({}, object),\r\n filters = _object.filters,\r\n resizeFilter = _object.resizeFilter;\r\n // the generic enliving will fail on filters for now\r\n delete _object.resizeFilter;\r\n delete _object.filters;\r\n var imageOptions = Object.assign({}, options, {\r\n crossOrigin: _object.crossOrigin,\r\n }),\r\n filterOptions = Object.assign({}, options, {\r\n namespace: fabric.Image.filters,\r\n });\r\n return Promise.all([\r\n fabric.util.loadImage(_object.src, imageOptions),\r\n filters && fabric.util.enlivenObjects(filters, filterOptions),\r\n resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions),\r\n fabric.util.enlivenObjectEnlivables(_object, options),\r\n ]).then(function (imgAndFilters) {\r\n _object.filters = imgAndFilters[1] || [];\r\n _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0];\r\n return new fabric.Image(\r\n imgAndFilters[0],\r\n Object.assign(_object, imgAndFilters[3])\r\n );\r\n });\r\n };\r\n\r\n /**\r\n * Creates an instance of fabric.Image from an URL string\r\n * @static\r\n * @param {String} url URL to create an image from\r\n * @param {object} [options] Options object\r\n * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.fromURL = function (url, options) {\r\n return fabric.util.loadImage(url, options || {}).then(function (img) {\r\n return new fabric.Image(img, options);\r\n });\r\n };\r\n\r\n /* _FROM_SVG_START_ */\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement})\r\n * @static\r\n * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement}\r\n */\r\n fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(\r\n ' '\r\n )\r\n );\r\n\r\n /**\r\n * Returns {@link fabric.Image} instance from an SVG element\r\n * @static\r\n * @param {SVGElement} element Element to parse\r\n * @param {Object} [options] Options object\r\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @param {Function} callback Callback to execute when fabric.Image object is created\r\n * @return {fabric.Image} Instance of fabric.Image\r\n */\r\n fabric.Image.fromElement = function (element, callback, options) {\r\n var parsedAttributes = fabric.parseAttributes(\r\n element,\r\n fabric.Image.ATTRIBUTE_NAMES\r\n );\r\n fabric.Image.fromURL(\r\n parsedAttributes['xlink:href'],\r\n Object.assign({}, options || {}, parsedAttributes)\r\n ).then(function (fabricImage) {\r\n callback(fabricImage);\r\n });\r\n };\r\n /* _FROM_SVG_END_ */\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n fabric.util.object.extend(\r\n FabricObject.prototype,\r\n /** @lends FabricObject.prototype */ {\r\n /**\r\n * @private\r\n * @return {Number} angle value\r\n */\r\n _getAngleValueForStraighten: function () {\r\n var angle = this.angle % 360;\r\n if (angle > 0) {\r\n return Math.round((angle - 1) / 90) * 90;\r\n }\r\n return Math.round(angle / 90) * 90;\r\n },\r\n\r\n /**\r\n * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer)\r\n * @return {fabric.Object} thisArg\r\n * @chainable\r\n */\r\n straighten: function () {\r\n return this.rotate(this._getAngleValueForStraighten());\r\n },\r\n\r\n /**\r\n * Same as {@link FabricObject.prototype.straighten} but with animation\r\n * @param {Object} callbacks Object with callback functions\r\n * @param {Function} [callbacks.onComplete] Invoked on completion\r\n * @param {Function} [callbacks.onChange] Invoked on every step of animation\r\n * @return {fabric.Object} thisArg\r\n */\r\n fxStraighten: function (callbacks) {\r\n callbacks = callbacks || {};\r\n\r\n var empty = function () {},\r\n onComplete = callbacks.onComplete || empty,\r\n onChange = callbacks.onChange || empty,\r\n _this = this;\r\n\r\n return fabric.util.animate({\r\n target: this,\r\n startValue: this.get('angle'),\r\n endValue: this._getAngleValueForStraighten(),\r\n duration: this.FX_DURATION,\r\n onChange: function (value) {\r\n _this.rotate(value);\r\n onChange();\r\n },\r\n onComplete: function () {\r\n _this.setCoords();\r\n onComplete();\r\n },\r\n });\r\n },\r\n }\r\n );\r\n\r\n fabric.util.object.extend(\r\n fabric.StaticCanvas.prototype,\r\n /** @lends fabric.StaticCanvas.prototype */ {\r\n /**\r\n * Straightens object, then rerenders canvas\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n * @chainable\r\n */\r\n straightenObject: function (object) {\r\n object.straighten();\r\n this.requestRenderAll();\r\n return this;\r\n },\r\n\r\n /**\r\n * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated\r\n * @param {fabric.Object} object Object to straighten\r\n * @return {fabric.Canvas} thisArg\r\n */\r\n fxStraightenObject: function (object) {\r\n return object.fxStraighten({\r\n onChange: this.requestRenderAllBound,\r\n });\r\n },\r\n }\r\n );\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\n\r\nexport const enum TWebGLPrecision {\r\n low = 'lowp',\r\n medium = 'mediump',\r\n high = 'highp',\r\n}\r\n\r\n/**\r\n * @todo remove once rollup supports transforming enums...\r\n * https://github.com/rollup/plugins/issues/463\r\n */\r\nconst WebGLPrecision = [\r\n TWebGLPrecision.low,\r\n TWebGLPrecision.medium,\r\n TWebGLPrecision.high,\r\n];\r\n\r\n/**\r\n * Lazy initialize WebGL contants\r\n */\r\nclass WebGLProbe {\r\n private initialized = false;\r\n\r\n private _maxTextureSize?: number;\r\n\r\n private _webGLPrecision?: TWebGLPrecision;\r\n\r\n get maxTextureSize() {\r\n this.queryWebGL();\r\n return this._maxTextureSize;\r\n }\r\n\r\n get webGLPrecision() {\r\n this.queryWebGL();\r\n return this._webGLPrecision;\r\n }\r\n\r\n /**\r\n * Tests if webgl supports certain precision\r\n * @param {WebGL} Canvas WebGL context to test on\r\n * @param {TWebGLPrecision} Precision to test can be any of following\r\n * @returns {Boolean} Whether the user's browser WebGL supports given precision.\r\n */\r\n private testPrecision(gl: WebGLRenderingContext, precision: TWebGLPrecision) {\r\n const fragmentSource = `precision ${precision} float;\\nvoid main(){}`;\r\n const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS);\r\n }\r\n\r\n /**\r\n * query browser for WebGL\r\n * @returns config object if true\r\n */\r\n private queryWebGL() {\r\n if (this.initialized || fabric.isLikelyNode) {\r\n return;\r\n }\r\n const canvas = createCanvasElement();\r\n const gl =\r\n canvas.getContext('webgl') || canvas.getContext('experimental-webgl');\r\n if (gl) {\r\n this._maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE);\r\n this._webGLPrecision = WebGLPrecision.find((key) =>\r\n this.testPrecision(gl, key)\r\n );\r\n console.log(`fabric: max texture size ${this._maxTextureSize}`);\r\n }\r\n this.initialized = true;\r\n }\r\n\r\n isSupported(textureSize: number) {\r\n return this.maxTextureSize && this.maxTextureSize >= textureSize;\r\n }\r\n}\r\n\r\nexport const webGLProbe = new WebGLProbe();\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\nimport { webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n\r\n fabric.initFilterBackend = function () {\r\n if (\r\n config.enableGLFiltering &&\r\n webGLProbe.isSupported(config.textureSize)\r\n ) {\r\n return new fabric.WebglFilterBackend({ tileSize: config.textureSize });\r\n } else if (fabric.Canvas2dFilterBackend) {\r\n return new fabric.Canvas2dFilterBackend();\r\n }\r\n };\r\n\r\n fabric.WebglFilterBackend = WebglFilterBackend;\r\n\r\n /**\r\n * WebGL filter backend.\r\n */\r\n function WebglFilterBackend(options) {\r\n if (options && options.tileSize) {\r\n this.tileSize = options.tileSize;\r\n }\r\n this.setupGLContext(this.tileSize, this.tileSize);\r\n this.captureGPUInfo();\r\n }\r\n\r\n WebglFilterBackend.prototype =\r\n /** @lends fabric.WebglFilterBackend.prototype */ {\r\n tileSize: config.textureSize,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Setup a WebGL context suitable for filtering, and bind any needed event handlers.\r\n */\r\n setupGLContext: function (width, height) {\r\n this.dispose();\r\n this.createWebGLCanvas(width, height);\r\n // eslint-disable-next-line\r\n this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]);\r\n this.chooseFastestCopyGLTo2DMethod(width, height);\r\n },\r\n\r\n /**\r\n * Pick a method to copy data from GL context to 2d canvas. In some browsers using\r\n * putImageData is faster than drawImage for that specific operation.\r\n */\r\n chooseFastestCopyGLTo2DMethod: function (width, height) {\r\n var canMeasurePerf = typeof window.performance !== 'undefined',\r\n canUseImageData;\r\n try {\r\n new ImageData(1, 1);\r\n canUseImageData = true;\r\n } catch (e) {\r\n canUseImageData = false;\r\n }\r\n // eslint-disable-next-line no-undef\r\n var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined';\r\n // eslint-disable-next-line no-undef\r\n var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined';\r\n\r\n if (\r\n !(\r\n canMeasurePerf &&\r\n canUseImageData &&\r\n canUseArrayBuffer &&\r\n canUseUint8Clamped\r\n )\r\n ) {\r\n return;\r\n }\r\n\r\n var targetCanvas = fabric.util.createCanvasElement();\r\n // eslint-disable-next-line no-undef\r\n var imageBuffer = new ArrayBuffer(width * height * 4);\r\n if (config.forceGLPutImageData) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n return;\r\n }\r\n var testContext = {\r\n imageBuffer: imageBuffer,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n targetCanvas: targetCanvas,\r\n };\r\n var startTime, drawImageTime, putImageDataTime;\r\n targetCanvas.width = width;\r\n targetCanvas.height = height;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DDrawImage.call(testContext, this.gl, testContext);\r\n drawImageTime = window.performance.now() - startTime;\r\n\r\n startTime = window.performance.now();\r\n copyGLTo2DPutImageData.call(testContext, this.gl, testContext);\r\n putImageDataTime = window.performance.now() - startTime;\r\n\r\n if (drawImageTime > putImageDataTime) {\r\n this.imageBuffer = imageBuffer;\r\n this.copyGLTo2D = copyGLTo2DPutImageData;\r\n } else {\r\n this.copyGLTo2D = copyGLTo2DDrawImage;\r\n }\r\n },\r\n\r\n /**\r\n * Create a canvas element and associated WebGL context and attaches them as\r\n * class properties to the GLFilterBackend class.\r\n */\r\n createWebGLCanvas: function (width, height) {\r\n var canvas = fabric.util.createCanvasElement();\r\n canvas.width = width;\r\n canvas.height = height;\r\n var glOptions = {\r\n alpha: true,\r\n premultipliedAlpha: false,\r\n depth: false,\r\n stencil: false,\r\n antialias: false,\r\n },\r\n gl = canvas.getContext('webgl', glOptions);\r\n if (!gl) {\r\n gl = canvas.getContext('experimental-webgl', glOptions);\r\n }\r\n if (!gl) {\r\n return;\r\n }\r\n gl.clearColor(0, 0, 0, 0);\r\n // this canvas can fire webglcontextlost and webglcontextrestored\r\n this.canvas = canvas;\r\n this.gl = gl;\r\n },\r\n\r\n /**\r\n * Attempts to apply the requested filters to the source provided, drawing the filtered output\r\n * to the provided target canvas.\r\n *\r\n * @param {Array} filters The filters to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered.\r\n * @param {Number} width The width of the source input.\r\n * @param {Number} height The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n * @param {String|undefined} cacheKey A key used to cache resources related to the source. If\r\n * omitted, caching will be skipped.\r\n */\r\n applyFilters: function (\r\n filters,\r\n source,\r\n width,\r\n height,\r\n targetCanvas,\r\n cacheKey\r\n ) {\r\n var gl = this.gl;\r\n var cachedTexture;\r\n if (cacheKey) {\r\n cachedTexture = this.getCachedTexture(cacheKey, source);\r\n }\r\n var pipelineState = {\r\n originalWidth: source.width || source.originalWidth,\r\n originalHeight: source.height || source.originalHeight,\r\n sourceWidth: width,\r\n sourceHeight: height,\r\n destinationWidth: width,\r\n destinationHeight: height,\r\n context: gl,\r\n sourceTexture: this.createTexture(\r\n gl,\r\n width,\r\n height,\r\n !cachedTexture && source\r\n ),\r\n targetTexture: this.createTexture(gl, width, height),\r\n originalTexture:\r\n cachedTexture ||\r\n this.createTexture(gl, width, height, !cachedTexture && source),\r\n passes: filters.length,\r\n webgl: true,\r\n aPosition: this.aPosition,\r\n programCache: this.programCache,\r\n pass: 0,\r\n filterBackend: this,\r\n targetCanvas: targetCanvas,\r\n };\r\n var tempFbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo);\r\n filters.forEach(function (filter) {\r\n filter && filter.applyTo(pipelineState);\r\n });\r\n resizeCanvasIfNeeded(pipelineState);\r\n this.copyGLTo2D(gl, pipelineState);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.deleteTexture(pipelineState.sourceTexture);\r\n gl.deleteTexture(pipelineState.targetTexture);\r\n gl.deleteFramebuffer(tempFbo);\r\n targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0);\r\n return pipelineState;\r\n },\r\n\r\n /**\r\n * Detach event listeners, remove references, and clean up caches.\r\n */\r\n dispose: function () {\r\n if (this.canvas) {\r\n this.canvas = null;\r\n this.gl = null;\r\n }\r\n this.clearWebGLCaches();\r\n },\r\n\r\n /**\r\n * Wipe out WebGL-related caches.\r\n */\r\n clearWebGLCaches: function () {\r\n this.programCache = {};\r\n this.textureCache = {};\r\n },\r\n\r\n /**\r\n * Create a WebGL texture object.\r\n *\r\n * Accepts specific dimensions to initialize the texture to or a source image.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL context to use for creating the texture.\r\n * @param {Number} width The width to initialize the texture at.\r\n * @param {Number} height The height to initialize the texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data.\r\n * @returns {WebGLTexture}\r\n */\r\n createTexture: function (gl, width, height, textureImageSource) {\r\n var texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n if (textureImageSource) {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n textureImageSource\r\n );\r\n } else {\r\n gl.texImage2D(\r\n gl.TEXTURE_2D,\r\n 0,\r\n gl.RGBA,\r\n width,\r\n height,\r\n 0,\r\n gl.RGBA,\r\n gl.UNSIGNED_BYTE,\r\n null\r\n );\r\n }\r\n return texture;\r\n },\r\n\r\n /**\r\n * Can be optionally used to get a texture from the cache array\r\n *\r\n * If an existing texture is not found, a new texture is created and cached.\r\n *\r\n * @param {String} uniqueId A cache key to use to find an existing texture.\r\n * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the\r\n * texture cache entry if one does not already exist.\r\n */\r\n getCachedTexture: function (uniqueId, textureImageSource) {\r\n if (this.textureCache[uniqueId]) {\r\n return this.textureCache[uniqueId];\r\n } else {\r\n var texture = this.createTexture(\r\n this.gl,\r\n textureImageSource.width,\r\n textureImageSource.height,\r\n textureImageSource\r\n );\r\n this.textureCache[uniqueId] = texture;\r\n return texture;\r\n }\r\n },\r\n\r\n /**\r\n * Clear out cached resources related to a source image that has been\r\n * filtered previously.\r\n *\r\n * @param {String} cacheKey The cache key provided when the source image was filtered.\r\n */\r\n evictCachesForKey: function (cacheKey) {\r\n if (this.textureCache[cacheKey]) {\r\n this.gl.deleteTexture(this.textureCache[cacheKey]);\r\n delete this.textureCache[cacheKey];\r\n }\r\n },\r\n\r\n copyGLTo2D: copyGLTo2DDrawImage,\r\n\r\n /**\r\n * Attempt to extract GPU information strings from a WebGL context.\r\n *\r\n * Useful information when debugging or blacklisting specific GPUs.\r\n *\r\n * @returns {Object} A GPU info object with renderer and vendor strings.\r\n */\r\n captureGPUInfo: function () {\r\n if (this.gpuInfo) {\r\n return this.gpuInfo;\r\n }\r\n var gl = this.gl,\r\n gpuInfo = { renderer: '', vendor: '' };\r\n if (!gl) {\r\n return gpuInfo;\r\n }\r\n var ext = gl.getExtension('WEBGL_debug_renderer_info');\r\n if (ext) {\r\n var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL);\r\n var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL);\r\n if (renderer) {\r\n gpuInfo.renderer = renderer.toLowerCase();\r\n }\r\n if (vendor) {\r\n gpuInfo.vendor = vendor.toLowerCase();\r\n }\r\n }\r\n this.gpuInfo = gpuInfo;\r\n return gpuInfo;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n\r\nfunction resizeCanvasIfNeeded(pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n width = targetCanvas.width,\r\n height = targetCanvas.height,\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight;\r\n\r\n if (width !== dWidth || height !== dHeight) {\r\n targetCanvas.width = dWidth;\r\n targetCanvas.height = dHeight;\r\n }\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas.\r\n *\r\n * The WebGL canvas is assumed to be upside down, with the top-left pixel of the\r\n * desired output image appearing in the bottom-left corner of the WebGL canvas.\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DDrawImage(gl, pipelineState) {\r\n var glCanvas = gl.canvas,\r\n targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d');\r\n ctx.translate(0, targetCanvas.height); // move it down again\r\n ctx.scale(1, -1); // vertical flip\r\n // where is my image on the big glcanvas?\r\n var sourceY = glCanvas.height - targetCanvas.height;\r\n ctx.drawImage(\r\n glCanvas,\r\n 0,\r\n sourceY,\r\n targetCanvas.width,\r\n targetCanvas.height,\r\n 0,\r\n 0,\r\n targetCanvas.width,\r\n targetCanvas.height\r\n );\r\n}\r\n\r\n/**\r\n * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData\r\n * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra).\r\n *\r\n * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from.\r\n * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to.\r\n * @param {Object} pipelineState The 2D target canvas to copy on to.\r\n */\r\nfunction copyGLTo2DPutImageData(gl, pipelineState) {\r\n var targetCanvas = pipelineState.targetCanvas,\r\n ctx = targetCanvas.getContext('2d'),\r\n dWidth = pipelineState.destinationWidth,\r\n dHeight = pipelineState.destinationHeight,\r\n numBytes = dWidth * dHeight * 4;\r\n\r\n // eslint-disable-next-line no-undef\r\n var u8 = new Uint8Array(this.imageBuffer, 0, numBytes);\r\n // eslint-disable-next-line no-undef\r\n var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes);\r\n\r\n gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8);\r\n var imgData = new ImageData(u8Clamped, dWidth, dHeight);\r\n ctx.putImageData(imgData, 0, 0);\r\n}\r\n","//@ts-nocheck\r\n(function (global) {\r\n var fabric = global.fabric,\r\n noop = function () {};\r\n\r\n fabric.Canvas2dFilterBackend = Canvas2dFilterBackend;\r\n\r\n /**\r\n * Canvas 2D filter backend.\r\n */\r\n function Canvas2dFilterBackend() {}\r\n\r\n Canvas2dFilterBackend.prototype =\r\n /** @lends fabric.Canvas2dFilterBackend.prototype */ {\r\n evictCachesForKey: noop,\r\n dispose: noop,\r\n clearWebGLCaches: noop,\r\n\r\n /**\r\n * Experimental. This object is a sort of repository of help layers used to avoid\r\n * of recreating them during frequent filtering. If you are previewing a filter with\r\n * a slider you probably do not want to create help layers every filter step.\r\n * in this object there will be appended some canvases, created once, resized sometimes\r\n * cleared never. Clearing is left to the developer.\r\n **/\r\n resources: {},\r\n\r\n /**\r\n * Apply a set of filters against a source image and draw the filtered output\r\n * to the provided destination canvas.\r\n *\r\n * @param {EnhancedFilter} filters The filter to apply.\r\n * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered.\r\n * @param {Number} sourceWidth The width of the source input.\r\n * @param {Number} sourceHeight The height of the source input.\r\n * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\r\n */\r\n applyFilters: function (\r\n filters,\r\n sourceElement,\r\n sourceWidth,\r\n sourceHeight,\r\n targetCanvas\r\n ) {\r\n var ctx = targetCanvas.getContext('2d');\r\n ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight);\r\n var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\r\n var originalImageData = ctx.getImageData(\r\n 0,\r\n 0,\r\n sourceWidth,\r\n sourceHeight\r\n );\r\n var pipelineState = {\r\n sourceWidth: sourceWidth,\r\n sourceHeight: sourceHeight,\r\n imageData: imageData,\r\n originalEl: sourceElement,\r\n originalImageData: originalImageData,\r\n canvasEl: targetCanvas,\r\n ctx: ctx,\r\n filterBackend: this,\r\n };\r\n filters.forEach(function (filter) {\r\n filter.applyTo(pipelineState);\r\n });\r\n if (\r\n pipelineState.imageData.width !== sourceWidth ||\r\n pipelineState.imageData.height !== sourceHeight\r\n ) {\r\n targetCanvas.width = pipelineState.imageData.width;\r\n targetCanvas.height = pipelineState.imageData.height;\r\n }\r\n ctx.putImageData(pipelineState.imageData, 0, 0);\r\n return pipelineState;\r\n },\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { TWebGLPrecision, webGLProbe } from './WebGLProbe';\r\n\r\n(function (global) {\r\n var fabric = global.fabric;\r\n /**\r\n * @namespace fabric.Image.filters\r\n * @memberOf fabric.Image\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters}\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n */\r\n fabric.Image.filters = fabric.Image.filters || {};\r\n\r\n /**\r\n * Root filter class from which all filter classes inherit from\r\n * @class fabric.Image.filters.BaseFilter\r\n * @memberOf fabric.Image.filters\r\n */\r\n fabric.Image.filters.BaseFilter = fabric.util.createClass(\r\n /** @lends fabric.Image.filters.BaseFilter.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'BaseFilter',\r\n\r\n /**\r\n * Array of attributes to send with buffers. do not modify\r\n * @private\r\n */\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n '}',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n if (options) {\r\n this.setOptions(options);\r\n }\r\n },\r\n\r\n /**\r\n * Sets filter's properties from options\r\n * @param {Object} [options] Options object\r\n */\r\n setOptions: function (options) {\r\n for (var prop in options) {\r\n this[prop] = options[prop];\r\n }\r\n },\r\n\r\n /**\r\n * Compile this filter's shader program.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation.\r\n * @param {String} fragmentSource fragmentShader source for compilation\r\n * @param {String} vertexSource vertexShader source for compilation\r\n */\r\n createProgram: function (gl, fragmentSource, vertexSource) {\r\n fragmentSource = fragmentSource || this.fragmentSource;\r\n vertexSource = vertexSource || this.vertexSource;\r\n if (webGLProbe.webGLPrecision !== TWebGLPrecision.high) {\r\n fragmentSource = fragmentSource.replace(\r\n new RegExp(`precision ${TWebGLPrecision.high} float`, 'g'),\r\n `precision ${webGLProbe.webGLPrecision} float`\r\n );\r\n }\r\n var vertexShader = gl.createShader(gl.VERTEX_SHADER);\r\n gl.shaderSource(vertexShader, vertexSource);\r\n gl.compileShader(vertexShader);\r\n if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Vertex shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(vertexShader)\r\n );\r\n }\r\n\r\n var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\r\n gl.shaderSource(fragmentShader, fragmentSource);\r\n gl.compileShader(fragmentShader);\r\n if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Fragment shader compile error for ' +\r\n this.type +\r\n ': ' +\r\n gl.getShaderInfoLog(fragmentShader)\r\n );\r\n }\r\n\r\n var program = gl.createProgram();\r\n gl.attachShader(program, vertexShader);\r\n gl.attachShader(program, fragmentShader);\r\n gl.linkProgram(program);\r\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\r\n throw new Error(\r\n // eslint-disable-next-line prefer-template\r\n 'Shader link error for \"${this.type}\" ' +\r\n gl.getProgramInfoLog(program)\r\n );\r\n }\r\n\r\n var attributeLocations = this.getAttributeLocations(gl, program);\r\n var uniformLocations = this.getUniformLocations(gl, program) || {};\r\n uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW');\r\n uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH');\r\n return {\r\n program: program,\r\n attributeLocations: attributeLocations,\r\n uniformLocations: uniformLocations,\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of attribute names to WebGLAttributeLocation objects.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take attribute locations.\r\n * @returns {Object} A map of attribute names to attribute locations.\r\n */\r\n getAttributeLocations: function (gl, program) {\r\n return {\r\n aPosition: gl.getAttribLocation(program, 'aPosition'),\r\n };\r\n },\r\n\r\n /**\r\n * Return a map of uniform names to WebGLUniformLocation objects.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {WebGLShaderProgram} program The shader program from which to take uniform locations.\r\n * @returns {Object} A map of uniform names to uniform locations.\r\n */\r\n getUniformLocations: function (/* gl, program */) {\r\n // in case i do not need any special uniform i need to return an empty object\r\n return {};\r\n },\r\n\r\n /**\r\n * Send attribute data from this filter to its shader program on the GPU.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} attributeLocations A map of shader attribute names to their locations.\r\n */\r\n sendAttributeData: function (gl, attributeLocations, aPositionData) {\r\n var attributeLocation = attributeLocations.aPosition;\r\n var buffer = gl.createBuffer();\r\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\r\n gl.enableVertexAttribArray(attributeLocation);\r\n gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0);\r\n gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW);\r\n },\r\n\r\n _setupFrameBuffer: function (options) {\r\n var gl = options.context,\r\n width,\r\n height;\r\n if (options.passes > 1) {\r\n width = options.destinationWidth;\r\n height = options.destinationHeight;\r\n if (\r\n options.sourceWidth !== width ||\r\n options.sourceHeight !== height\r\n ) {\r\n gl.deleteTexture(options.targetTexture);\r\n options.targetTexture = options.filterBackend.createTexture(\r\n gl,\r\n width,\r\n height\r\n );\r\n }\r\n gl.framebufferTexture2D(\r\n gl.FRAMEBUFFER,\r\n gl.COLOR_ATTACHMENT0,\r\n gl.TEXTURE_2D,\r\n options.targetTexture,\r\n 0\r\n );\r\n } else {\r\n // draw last filter on canvas and not to framebuffer.\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, null);\r\n gl.finish();\r\n }\r\n },\r\n\r\n _swapTextures: function (options) {\r\n options.passes--;\r\n options.pass++;\r\n var temp = options.targetTexture;\r\n options.targetTexture = options.sourceTexture;\r\n options.sourceTexture = temp;\r\n },\r\n\r\n /**\r\n * Generic isNeutral implementation for one parameter based filters.\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter )\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (/* options */) {\r\n var main = this.mainParameter,\r\n _class = fabric.Image.filters[this.type].prototype;\r\n if (main) {\r\n if (Array.isArray(_class[main])) {\r\n for (var i = _class[main].length; i--; ) {\r\n if (this[main][i] !== _class[main][i]) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n } else {\r\n return _class[main] === this[main];\r\n }\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n if (!options.programCache.hasOwnProperty(this.type)) {\r\n options.programCache[this.type] = this.createProgram(options.context);\r\n }\r\n return options.programCache[this.type];\r\n },\r\n\r\n /**\r\n * Apply this filter using webgl.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.originalTexture The texture of the original input image.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyToWebGL: function (options) {\r\n var gl = options.context;\r\n var shader = this.retrieveShader(options);\r\n if (options.pass === 0 && options.originalTexture) {\r\n gl.bindTexture(gl.TEXTURE_2D, options.originalTexture);\r\n } else {\r\n gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture);\r\n }\r\n gl.useProgram(shader.program);\r\n this.sendAttributeData(\r\n gl,\r\n shader.attributeLocations,\r\n options.aPosition\r\n );\r\n\r\n gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth);\r\n gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight);\r\n\r\n this.sendUniformData(gl, shader.uniformLocations);\r\n gl.viewport(0, 0, options.destinationWidth, options.destinationHeight);\r\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\r\n },\r\n\r\n bindAdditionalTexture: function (gl, texture, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n // reset active texture to 0 as usual\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n unbindAdditionalTexture: function (gl, textureUnit) {\r\n gl.activeTexture(textureUnit);\r\n gl.bindTexture(gl.TEXTURE_2D, null);\r\n gl.activeTexture(gl.TEXTURE0);\r\n },\r\n\r\n getMainParameter: function () {\r\n return this[this.mainParameter];\r\n },\r\n\r\n setMainParameter: function (value) {\r\n this[this.mainParameter] = value;\r\n },\r\n\r\n /**\r\n * Send uniform data from this filter to its shader program on the GPU.\r\n *\r\n * Intended to be overridden by subclasses.\r\n *\r\n * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program.\r\n * @param {Object} uniformLocations A map of shader uniform names to their locations.\r\n */\r\n sendUniformData: function (/* gl, uniformLocations */) {\r\n // Intentionally left blank. Override me in subclasses.\r\n },\r\n\r\n /**\r\n * If needed by a 2d filter, this functions can create an helper canvas to be used\r\n * remember that options.targetCanvas is available for use till end of chain.\r\n */\r\n createHelpLayer: function (options) {\r\n if (!options.helpLayer) {\r\n var helpLayer = document.createElement('canvas');\r\n helpLayer.width = options.sourceWidth;\r\n helpLayer.height = options.sourceHeight;\r\n options.helpLayer = helpLayer;\r\n }\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n var object = { type: this.type },\r\n mainP = this.mainParameter;\r\n if (mainP) {\r\n object[mainP] = this[mainP];\r\n }\r\n return object;\r\n },\r\n\r\n /**\r\n * Returns a JSON representation of an instance\r\n * @return {Object} JSON\r\n */\r\n toJSON: function () {\r\n // delegate, not alias\r\n return this.toObject();\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BaseFilter.fromObject = function (object) {\r\n return Promise.resolve(new fabric.Image.filters[object.type](object));\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Matrix filter class\r\n * @class fabric.Image.filters.ColorMatrix\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php}\r\n * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl}\r\n * @example Kodachrome filter\r\n * var filter = new fabric.Image.filters.ColorMatrix({\r\n * matrix: [\r\n 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,\r\n -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,\r\n -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,\r\n 0, 0, 0, 1, 0\r\n ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.ColorMatrix = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.ColorMatrix.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'ColorMatrix',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'uniform mat4 uColorMatrix;\\n' +\r\n 'uniform vec4 uConstants;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color *= uColorMatrix;\\n' +\r\n 'color += uConstants;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Colormatrix for pixels.\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0],\r\n\r\n mainParameter: 'matrix',\r\n\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario\r\n * to save some calculation\r\n * @type Boolean\r\n * @default true\r\n */\r\n colorsOnly: true,\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.matrix = this.matrix.slice(0);\r\n },\r\n\r\n /**\r\n * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n m = this.matrix,\r\n r,\r\n g,\r\n b,\r\n a,\r\n i,\r\n colorsOnly = this.colorsOnly;\r\n\r\n for (i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n if (colorsOnly) {\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;\r\n data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;\r\n data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;\r\n } else {\r\n a = data[i + 3];\r\n data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255;\r\n data[i + 1] =\r\n r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255;\r\n data[i + 2] =\r\n r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255;\r\n data[i + 3] =\r\n r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'),\r\n uConstants: gl.getUniformLocation(program, 'uConstants'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var m = this.matrix,\r\n matrix = [\r\n m[0],\r\n m[1],\r\n m[2],\r\n m[3],\r\n m[5],\r\n m[6],\r\n m[7],\r\n m[8],\r\n m[10],\r\n m[11],\r\n m[12],\r\n m[13],\r\n m[15],\r\n m[16],\r\n m[17],\r\n m[18],\r\n ],\r\n constants = [m[4], m[9], m[14], m[19]];\r\n gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);\r\n gl.uniform4fv(uniformLocations.uConstants, constants);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.ColorMatrix.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Brightness filter class\r\n * @class fabric.Image.filters.Brightness\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Brightness({\r\n * brightness: 0.05\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Brightness = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Brightness.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Brightness',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBrightness;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += uBrightness;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Brightness value, from -1 to 1.\r\n * translated to -255 to 255 for 2d\r\n * 0.0039215686 is the part of 1 that get translated to 1 in 2d\r\n * @param {Number} brightness\r\n * @default\r\n */\r\n brightness: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'brightness',\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.brightness === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n brightness = Math.round(this.brightness * 255);\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = data[i] + brightness;\r\n data[i + 1] = data[i + 1] + brightness;\r\n data[i + 2] = data[i + 2] + brightness;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBrightness: gl.getUniformLocation(program, 'uBrightness'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBrightness, this.brightness);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Brightness.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Adapted from html5rocks article\r\n * @class fabric.Image.filters.Convolute\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example Sharpen filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 0, -1, 0,\r\n * -1, 5, -1,\r\n * 0, -1, 0 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Blur filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9,\r\n * 1/9, 1/9, 1/9 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n * @example Emboss filter with opaqueness\r\n * var filter = new fabric.Image.filters.Convolute({\r\n * opaque: true,\r\n * matrix: [ 1, 1, 1,\r\n * 1, 0.7, -1,\r\n * -1, -1, -1 ]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Convolute = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Convolute.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Convolute',\r\n\r\n /*\r\n * Opaque value (true/false)\r\n */\r\n opaque: false,\r\n\r\n /*\r\n * matrix for the filter, max 9x9\r\n */\r\n matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0],\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource: {\r\n Convolute_3_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_3_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[9];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 3.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 3.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_5_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_5_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[25];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 5.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 5.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_7_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_7_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[49];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 7.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 7.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n Convolute_9_1:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 0);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n Convolute_9_0:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uMatrix[81];\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0, 0, 0, 1);\\n' +\r\n 'for (float h = 0.0; h < 9.0; h+=1.0) {\\n' +\r\n 'for (float w = 0.0; w < 9.0; w+=1.0) {\\n' +\r\n 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\\n' +\r\n 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\\n' +\r\n '}\\n' +\r\n '}\\n' +\r\n 'float alpha = texture2D(uTexture, vTexCoord).a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.a = alpha;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Convolute.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Boolean} [options.opaque=false] Opaque value (true/false)\r\n * @param {Array} [options.matrix] Filter matrix\r\n */\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var size = Math.sqrt(this.matrix.length);\r\n var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0);\r\n var shaderSource = this.fragmentSource[cacheKey];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n weights = this.matrix,\r\n side = Math.round(Math.sqrt(weights.length)),\r\n halfSide = Math.floor(side / 2),\r\n sw = imageData.width,\r\n sh = imageData.height,\r\n output = options.ctx.createImageData(sw, sh),\r\n dst = output.data,\r\n // go through the destination image pixels\r\n alphaFac = this.opaque ? 1 : 0,\r\n r,\r\n g,\r\n b,\r\n a,\r\n dstOff,\r\n scx,\r\n scy,\r\n srcOff,\r\n wt,\r\n x,\r\n y,\r\n cx,\r\n cy;\r\n\r\n for (y = 0; y < sh; y++) {\r\n for (x = 0; x < sw; x++) {\r\n dstOff = (y * sw + x) * 4;\r\n // calculate the weighed sum of the source image pixels that\r\n // fall under the convolution matrix\r\n r = 0;\r\n g = 0;\r\n b = 0;\r\n a = 0;\r\n\r\n for (cy = 0; cy < side; cy++) {\r\n for (cx = 0; cx < side; cx++) {\r\n scy = y + cy - halfSide;\r\n scx = x + cx - halfSide;\r\n\r\n // eslint-disable-next-line max-depth\r\n if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) {\r\n continue;\r\n }\r\n\r\n srcOff = (scy * sw + scx) * 4;\r\n wt = weights[cy * side + cx];\r\n\r\n r += data[srcOff] * wt;\r\n g += data[srcOff + 1] * wt;\r\n b += data[srcOff + 2] * wt;\r\n // eslint-disable-next-line max-depth\r\n if (!alphaFac) {\r\n a += data[srcOff + 3] * wt;\r\n }\r\n }\r\n }\r\n dst[dstOff] = r;\r\n dst[dstOff + 1] = g;\r\n dst[dstOff + 2] = b;\r\n if (!alphaFac) {\r\n dst[dstOff + 3] = a;\r\n } else {\r\n dst[dstOff + 3] = data[dstOff + 3];\r\n }\r\n }\r\n }\r\n options.imageData = output;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMatrix: gl.getUniformLocation(program, 'uMatrix'),\r\n uOpaque: gl.getUniformLocation(program, 'uOpaque'),\r\n uHalfSize: gl.getUniformLocation(program, 'uHalfSize'),\r\n uSize: gl.getUniformLocation(program, 'uSize'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1fv(uniformLocations.uMatrix, this.matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n opaque: this.opaque,\r\n matrix: this.matrix,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Convolute.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Grayscale image filter class\r\n * @class fabric.Image.filters.Grayscale\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Grayscale();\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Grayscale = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Grayscale.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Grayscale',\r\n\r\n fragmentSource: {\r\n average:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (color.r + color.b + color.g) / 3.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, color.a);\\n' +\r\n '}',\r\n lightness:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n luminosity:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uMode;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 col = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\\n' +\r\n 'gl_FragColor = vec4(average, average, average, col.a);\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Grayscale mode, between 'average', 'lightness', 'luminosity'\r\n * @param {String} type\r\n * @default\r\n */\r\n mode: 'average',\r\n\r\n mainParameter: 'mode',\r\n\r\n /**\r\n * Apply the Grayscale operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n value,\r\n mode = this.mode;\r\n for (i = 0; i < len; i += 4) {\r\n if (mode === 'average') {\r\n value = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n } else if (mode === 'lightness') {\r\n value =\r\n (Math.min(data[i], data[i + 1], data[i + 2]) +\r\n Math.max(data[i], data[i + 1], data[i + 2])) /\r\n 2;\r\n } else if (mode === 'luminosity') {\r\n value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2];\r\n }\r\n data[i] = value;\r\n data[i + 1] = value;\r\n data[i + 2] = value;\r\n }\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var shaderSource = this.fragmentSource[this.mode];\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uMode: gl.getUniformLocation(program, 'uMode'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n // default average mode.\r\n var mode = 1;\r\n gl.uniform1i(uniformLocations.uMode, mode);\r\n },\r\n\r\n /**\r\n * Grayscale filter isNeutralState implementation\r\n * The filter is never neutral\r\n * on the image\r\n **/\r\n isNeutralState: function () {\r\n return false;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Grayscale.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Invert filter class\r\n * @class fabric.Image.filters.Invert\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Invert();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Invert = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Invert.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Invert',\r\n\r\n /**\r\n * Invert also alpha.\r\n * @param {Boolean} alpha\r\n * @default\r\n **/\r\n alpha: false,\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform int uInvert;\\n' +\r\n 'uniform int uAlpha;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if (uInvert == 1) {\\n' +\r\n 'if (uAlpha == 1) {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\\n' +\r\n '}\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * Filter invert. if false, does nothing\r\n * @param {Boolean} invert\r\n * @default\r\n */\r\n invert: true,\r\n\r\n mainParameter: 'invert',\r\n\r\n /**\r\n * Apply the Invert operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length;\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = 255 - data[i];\r\n data[i + 1] = 255 - data[i + 1];\r\n data[i + 2] = 255 - data[i + 2];\r\n\r\n if (this.alpha) {\r\n data[i + 3] = 255 - data[i + 3];\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Invert filter isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function () {\r\n return !this.invert;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uInvert: gl.getUniformLocation(program, 'uInvert'),\r\n uAlpha: gl.getUniformLocation(program, 'uAlpha'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1i(uniformLocations.uInvert, this.invert);\r\n gl.uniform1i(uniformLocations.uAlpha, this.alpha);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Invert.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Noise filter class\r\n * @class fabric.Image.filters.Noise\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Noise({\r\n * noise: 700\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Noise = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Noise.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Noise',\r\n\r\n /**\r\n * Fragment source for the noise program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'uniform float uNoise;\\n' +\r\n 'uniform float uSeed;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'float rand(vec2 co, float seed, float vScale) {\\n' +\r\n 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'noise',\r\n\r\n /**\r\n * Noise value, from\r\n * @param {Number} noise\r\n * @default\r\n */\r\n noise: 0,\r\n\r\n /**\r\n * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.noise === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n len = data.length,\r\n noise = this.noise,\r\n rand;\r\n\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n rand = (0.5 - Math.random()) * noise;\r\n\r\n data[i] += rand;\r\n data[i + 1] += rand;\r\n data[i + 2] += rand;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uNoise: gl.getUniformLocation(program, 'uNoise'),\r\n uSeed: gl.getUniformLocation(program, 'uSeed'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uNoise, this.noise / 255);\r\n gl.uniform1f(uniformLocations.uSeed, Math.random());\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n noise: this.noise,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Noise.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Pixelate filter class\r\n * @class fabric.Image.filters.Pixelate\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Pixelate({\r\n * blocksize: 8\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Pixelate = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Pixelate.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Pixelate',\r\n\r\n blocksize: 4,\r\n\r\n mainParameter: 'blocksize',\r\n\r\n /**\r\n * Fragment source for the Pixelate program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uBlocksize;\\n' +\r\n 'uniform float uStepW;\\n' +\r\n 'uniform float uStepH;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'float blockW = uBlocksize * uStepW;\\n' +\r\n 'float blockH = uBlocksize * uStepW;\\n' +\r\n 'int posX = int(vTexCoord.x / blockW);\\n' +\r\n 'int posY = int(vTexCoord.y / blockH);\\n' +\r\n 'float fposX = float(posX);\\n' +\r\n 'float fposY = float(posY);\\n' +\r\n 'vec2 squareCoords = vec2(fposX * blockW, fposY * blockH);\\n' +\r\n 'vec4 color = texture2D(uTexture, squareCoords);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = imageData.height,\r\n jLen = imageData.width,\r\n index,\r\n i,\r\n j,\r\n r,\r\n g,\r\n b,\r\n a,\r\n _i,\r\n _j,\r\n _iLen,\r\n _jLen;\r\n\r\n for (i = 0; i < iLen; i += this.blocksize) {\r\n for (j = 0; j < jLen; j += this.blocksize) {\r\n index = i * 4 * jLen + j * 4;\r\n\r\n r = data[index];\r\n g = data[index + 1];\r\n b = data[index + 2];\r\n a = data[index + 3];\r\n\r\n _iLen = Math.min(i + this.blocksize, iLen);\r\n _jLen = Math.min(j + this.blocksize, jLen);\r\n for (_i = i; _i < _iLen; _i++) {\r\n for (_j = j; _j < _jLen; _j++) {\r\n index = _i * 4 * jLen + _j * 4;\r\n data[index] = r;\r\n data[index + 1] = g;\r\n data[index + 2] = b;\r\n data[index + 3] = a;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Indicate when the filter is not gonna apply changes to the image\r\n **/\r\n isNeutralState: function () {\r\n return this.blocksize === 1;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uBlocksize: gl.getUniformLocation(program, 'uBlocksize'),\r\n uStepW: gl.getUniformLocation(program, 'uStepW'),\r\n uStepH: gl.getUniformLocation(program, 'uStepH'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uBlocksize, this.blocksize);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Pixelate.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n extend = fabric.util.object.extend,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Remove white filter class\r\n * @class fabric.Image.filters.RemoveColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.RemoveColor({\r\n * threshold: 0.2,\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.RemoveColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.RemoveColor.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'RemoveColor',\r\n\r\n /**\r\n * Color to remove, in any format understood by fabric.Color.\r\n * @param {String} type\r\n * @default\r\n */\r\n color: '#FFFFFF',\r\n\r\n /**\r\n * Fragment source for the brightness program\r\n */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uLow;\\n' +\r\n 'uniform vec4 uHigh;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'gl_FragColor = texture2D(uTexture, vTexCoord);\\n' +\r\n 'if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\\n' +\r\n 'gl_FragColor.a = 0.0;\\n' +\r\n '}\\n' +\r\n '}',\r\n\r\n /**\r\n * distance to actual color, as value up or down from each r,g,b\r\n * between 0 and 1\r\n **/\r\n distance: 0.02,\r\n\r\n /**\r\n * For color to remove inside distance, use alpha channel for a smoother deletion\r\n * NOT IMPLEMENTED YET\r\n **/\r\n useAlpha: false,\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.RemoveWhite.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.color=#RRGGBB] Threshold value\r\n * @param {Number} [options.distance=10] Distance value\r\n */\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n i,\r\n distance = this.distance * 255,\r\n r,\r\n g,\r\n b,\r\n source = new Color(this.color).getSource(),\r\n lowC = [\r\n source[0] - distance,\r\n source[1] - distance,\r\n source[2] - distance,\r\n ],\r\n highC = [\r\n source[0] + distance,\r\n source[1] + distance,\r\n source[2] + distance,\r\n ];\r\n\r\n for (i = 0; i < data.length; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n if (\r\n r > lowC[0] &&\r\n g > lowC[1] &&\r\n b > lowC[2] &&\r\n r < highC[0] &&\r\n g < highC[1] &&\r\n b < highC[2]\r\n ) {\r\n data[i + 3] = 0;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uLow: gl.getUniformLocation(program, 'uLow'),\r\n uHigh: gl.getUniformLocation(program, 'uHigh'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource(),\r\n distance = parseFloat(this.distance),\r\n lowC = [\r\n 0 + source[0] / 255 - distance,\r\n 0 + source[1] / 255 - distance,\r\n 0 + source[2] / 255 - distance,\r\n 1,\r\n ],\r\n highC = [\r\n source[0] / 255 + distance,\r\n source[1] / 255 + distance,\r\n source[2] / 255 + distance,\r\n 1,\r\n ];\r\n gl.uniform4fv(uniformLocations.uLow, lowC);\r\n gl.uniform4fv(uniformLocations.uHigh, highC);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return extend(this.callSuper('toObject'), {\r\n color: this.color,\r\n distance: this.distance,\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.RemoveColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n var matrices = {\r\n Brownie: [\r\n 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0,\r\n -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0,\r\n ],\r\n Vintage: [\r\n 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0,\r\n 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0,\r\n ],\r\n Kodachrome: [\r\n 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0,\r\n 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0,\r\n ],\r\n Technicolor: [\r\n 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0,\r\n -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0,\r\n ],\r\n Polaroid: [\r\n 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016,\r\n 1.483, 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n Sepia: [\r\n 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131,\r\n 0, 0, 0, 0, 0, 1, 0,\r\n ],\r\n BlackWhite: [\r\n 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0,\r\n 1, 0,\r\n ],\r\n };\r\n\r\n for (var key in matrices) {\r\n filters[key] = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.Sepia.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: key,\r\n\r\n /**\r\n * Colormatrix for the effect\r\n * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\r\n * outside the -1, 1 range.\r\n * @param {Array} matrix array of 20 numbers.\r\n * @default\r\n */\r\n matrix: matrices[key],\r\n\r\n /**\r\n * Lock the matrix export for this kind of static, parameter less filters.\r\n */\r\n mainParameter: false,\r\n /**\r\n * Lock the colormatrix on the color part, skipping alpha\r\n */\r\n colorsOnly: true,\r\n }\r\n );\r\n fabric.Image.filters[key].fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n }\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\n\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Color Blend filter class\r\n * @class fabric.Image.filter.BlendColor\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendColor = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blend.prototype */ {\r\n type: 'BlendColor',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n * @type String\r\n * @default\r\n **/\r\n color: '#F95C63',\r\n\r\n /**\r\n * Blend mode for the filter: one of multiply, add, diff, screen, subtract,\r\n * darken, lighten, overlay, exclusion, tint.\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend color operation.\r\n * @type Number\r\n * @default\r\n **/\r\n alpha: 1,\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply: 'gl_FragColor.rgb *= uColor.rgb;\\n',\r\n screen:\r\n 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\\n',\r\n add: 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\\n',\r\n subtract: 'gl_FragColor.rgb -= uColor.rgb;\\n',\r\n lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\\n',\r\n darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\\n',\r\n exclusion:\r\n 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\\n',\r\n overlay:\r\n 'if (uColor.r < 0.5) {\\n' +\r\n 'gl_FragColor.r *= 2.0 * uColor.r;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\\n' +\r\n '}\\n' +\r\n 'if (uColor.g < 0.5) {\\n' +\r\n 'gl_FragColor.g *= 2.0 * uColor.g;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\\n' +\r\n '}\\n' +\r\n 'if (uColor.b < 0.5) {\\n' +\r\n 'gl_FragColor.b *= 2.0 * uColor.b;\\n' +\r\n '} else {\\n' +\r\n 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\\n' +\r\n '}\\n',\r\n tint:\r\n 'gl_FragColor.rgb *= (1.0 - uColor.a);\\n' +\r\n 'gl_FragColor.rgb += uColor.rgb;\\n',\r\n },\r\n\r\n /**\r\n * build the fragment source for the filters, joining the common part with\r\n * the specific one.\r\n * @param {String} mode the mode of the filter, a key of this.fragmentSource\r\n * @return {String} the source to be compiled\r\n * @private\r\n */\r\n buildSource: function (mode) {\r\n return (\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'if (color.a > 0.0) {\\n' +\r\n this.fragmentSource[mode] +\r\n '}\\n' +\r\n '}'\r\n );\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode,\r\n shaderSource;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n shaderSource = this.buildSource(this.mode);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n iLen = data.length,\r\n tr,\r\n tg,\r\n tb,\r\n r,\r\n g,\r\n b,\r\n source,\r\n alpha1 = 1 - this.alpha;\r\n\r\n source = new Color(this.color).getSource();\r\n tr = source[0] * this.alpha;\r\n tg = source[1] * this.alpha;\r\n tb = source[2] * this.alpha;\r\n\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n break;\r\n case 'screen':\r\n data[i] = 255 - ((255 - r) * (255 - tr)) / 255;\r\n data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255;\r\n data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'add':\r\n data[i] = r + tr;\r\n data[i + 1] = g + tg;\r\n data[i + 2] = b + tb;\r\n break;\r\n case 'diff':\r\n case 'difference':\r\n data[i] = Math.abs(r - tr);\r\n data[i + 1] = Math.abs(g - tg);\r\n data[i + 2] = Math.abs(b - tb);\r\n break;\r\n case 'subtract':\r\n data[i] = r - tr;\r\n data[i + 1] = g - tg;\r\n data[i + 2] = b - tb;\r\n break;\r\n case 'darken':\r\n data[i] = Math.min(r, tr);\r\n data[i + 1] = Math.min(g, tg);\r\n data[i + 2] = Math.min(b, tb);\r\n break;\r\n case 'lighten':\r\n data[i] = Math.max(r, tr);\r\n data[i + 1] = Math.max(g, tg);\r\n data[i + 2] = Math.max(b, tb);\r\n break;\r\n case 'overlay':\r\n data[i] =\r\n tr < 128\r\n ? (2 * r * tr) / 255\r\n : 255 - (2 * (255 - r) * (255 - tr)) / 255;\r\n data[i + 1] =\r\n tg < 128\r\n ? (2 * g * tg) / 255\r\n : 255 - (2 * (255 - g) * (255 - tg)) / 255;\r\n data[i + 2] =\r\n tb < 128\r\n ? (2 * b * tb) / 255\r\n : 255 - (2 * (255 - b) * (255 - tb)) / 255;\r\n break;\r\n case 'exclusion':\r\n data[i] = tr + r - (2 * tr * r) / 255;\r\n data[i + 1] = tg + g - (2 * tg * g) / 255;\r\n data[i + 2] = tb + b - (2 * tb * b) / 255;\r\n break;\r\n case 'tint':\r\n data[i] = tr + r * alpha1;\r\n data[i + 1] = tg + g * alpha1;\r\n data[i + 2] = tb + b * alpha1;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uColor: gl.getUniformLocation(program, 'uColor'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var source = new Color(this.color).getSource();\r\n source[0] = (this.alpha * source[0]) / 255;\r\n source[1] = (this.alpha * source[1]) / 255;\r\n source[2] = (this.alpha * source[2]) / 255;\r\n source[3] = this.alpha;\r\n gl.uniform4fv(uniformLocations.uColor, source);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n color: this.color,\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendColor.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Image Blend filter class\r\n * @class fabric.Image.filter.BlendImage\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @example\r\n * var filter = new fabric.Image.filters.BlendColor({\r\n * color: '#000',\r\n * mode: 'multiply'\r\n * });\r\n *\r\n * var filter = new fabric.Image.filters.BlendImage({\r\n * image: fabricImageObject,\r\n * mode: 'multiply',\r\n * alpha: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n\r\n filters.BlendImage = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.BlendImage.prototype */ {\r\n type: 'BlendImage',\r\n\r\n /**\r\n * Color to make the blend operation with. default to a reddish color since black or white\r\n * gives always strong result.\r\n **/\r\n image: null,\r\n\r\n /**\r\n * Blend mode for the filter (one of \"multiply\", \"mask\")\r\n * @type String\r\n * @default\r\n **/\r\n mode: 'multiply',\r\n\r\n /**\r\n * alpha value. represent the strength of the blend image operation.\r\n * not implemented.\r\n **/\r\n alpha: 1,\r\n\r\n vertexSource:\r\n 'attribute vec2 aPosition;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'uniform mat3 uTransformMatrix;\\n' +\r\n 'void main() {\\n' +\r\n 'vTexCoord = aPosition;\\n' +\r\n 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\\n' +\r\n 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\\n' +\r\n '}',\r\n\r\n /**\r\n * Fragment source for the Multiply program\r\n */\r\n fragmentSource: {\r\n multiply:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.rgba *= color2.rgba;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n mask:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform sampler2D uImage;\\n' +\r\n 'uniform vec4 uColor;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'varying vec2 vTexCoord2;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec4 color2 = texture2D(uImage, vTexCoord2);\\n' +\r\n 'color.a = color2.a;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var cacheKey = this.type + '_' + this.mode;\r\n var shaderSource = this.fragmentSource[this.mode];\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n shaderSource\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n applyToWebGL: function (options) {\r\n // load texture to blend.\r\n var gl = options.context,\r\n texture = this.createTexture(options.filterBackend, this.image);\r\n this.bindAdditionalTexture(gl, texture, gl.TEXTURE1);\r\n this.callSuper('applyToWebGL', options);\r\n this.unbindAdditionalTexture(gl, gl.TEXTURE1);\r\n },\r\n\r\n createTexture: function (backend, image) {\r\n return backend.getCachedTexture(image.cacheKey, image._element);\r\n },\r\n\r\n /**\r\n * Calculate a transformMatrix to adapt the image to blend over\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n calculateMatrix: function () {\r\n var image = this.image,\r\n width = image._element.width,\r\n height = image._element.height;\r\n return [\r\n 1 / image.scaleX,\r\n 0,\r\n 0,\r\n 0,\r\n 1 / image.scaleY,\r\n 0,\r\n -image.left / width,\r\n -image.top / height,\r\n 1,\r\n ];\r\n },\r\n\r\n /**\r\n * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n resources = options.filterBackend.resources,\r\n data = imageData.data,\r\n iLen = data.length,\r\n width = imageData.width,\r\n height = imageData.height,\r\n tr,\r\n tg,\r\n tb,\r\n ta,\r\n r,\r\n g,\r\n b,\r\n a,\r\n canvas1,\r\n context,\r\n image = this.image,\r\n blendData;\r\n\r\n if (!resources.blendImage) {\r\n resources.blendImage = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blendImage;\r\n context = canvas1.getContext('2d');\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas1.width = width;\r\n canvas1.height = height;\r\n } else {\r\n context.clearRect(0, 0, width, height);\r\n }\r\n context.setTransform(\r\n image.scaleX,\r\n 0,\r\n 0,\r\n image.scaleY,\r\n image.left,\r\n image.top\r\n );\r\n context.drawImage(image._element, 0, 0, width, height);\r\n blendData = context.getImageData(0, 0, width, height).data;\r\n for (var i = 0; i < iLen; i += 4) {\r\n r = data[i];\r\n g = data[i + 1];\r\n b = data[i + 2];\r\n a = data[i + 3];\r\n\r\n tr = blendData[i];\r\n tg = blendData[i + 1];\r\n tb = blendData[i + 2];\r\n ta = blendData[i + 3];\r\n\r\n switch (this.mode) {\r\n case 'multiply':\r\n data[i] = (r * tr) / 255;\r\n data[i + 1] = (g * tg) / 255;\r\n data[i + 2] = (b * tb) / 255;\r\n data[i + 3] = (a * ta) / 255;\r\n break;\r\n case 'mask':\r\n data[i + 3] = ta;\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'),\r\n uImage: gl.getUniformLocation(program, 'uImage'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var matrix = this.calculateMatrix();\r\n gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.\r\n gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n image: this.image && this.image.toObject(),\r\n mode: this.mode,\r\n alpha: this.alpha,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {object} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.BlendImage.fromObject = function (object, options) {\r\n return fabric.Image.fromObject(object.image, options).then(function (\r\n image\r\n ) {\r\n return new fabric.Image.filters.BlendImage(\r\n Object.assign({}, object, { image: image })\r\n );\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n pow = Math.pow,\r\n floor = Math.floor,\r\n sqrt = Math.sqrt,\r\n abs = Math.abs,\r\n round = Math.round,\r\n sin = Math.sin,\r\n ceil = Math.ceil,\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Resize image filter class\r\n * @class fabric.Image.filters.Resize\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Resize();\r\n * object.filters.push(filter);\r\n * object.applyFilters(canvas.renderAll.bind(canvas));\r\n */\r\n filters.Resize = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Resize.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Resize',\r\n\r\n /**\r\n * Resize type\r\n * for webgl resizeType is just lanczos, for canvas2d can be:\r\n * bilinear, hermite, sliceHack, lanczos.\r\n * @param {String} resizeType\r\n * @default\r\n */\r\n resizeType: 'hermite',\r\n\r\n /**\r\n * Scale factor for resizing, x axis\r\n * @param {Number} scaleX\r\n * @default\r\n */\r\n scaleX: 1,\r\n\r\n /**\r\n * Scale factor for resizing, y axis\r\n * @param {Number} scaleY\r\n * @default\r\n */\r\n scaleY: 1,\r\n\r\n /**\r\n * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos\r\n * @param {Number} lanczosLobes\r\n * @default\r\n */\r\n lanczosLobes: 3,\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uDelta: gl.getUniformLocation(program, 'uDelta'),\r\n uTaps: gl.getUniformLocation(program, 'uTaps'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform2fv(\r\n uniformLocations.uDelta,\r\n this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]\r\n );\r\n gl.uniform1fv(uniformLocations.uTaps, this.taps);\r\n },\r\n\r\n /**\r\n * Retrieves the cached shader.\r\n * @param {Object} options\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n retrieveShader: function (options) {\r\n var filterWindow = this.getFilterWindow(),\r\n cacheKey = this.type + '_' + filterWindow;\r\n if (!options.programCache.hasOwnProperty(cacheKey)) {\r\n var fragmentShader = this.generateShader(filterWindow);\r\n options.programCache[cacheKey] = this.createProgram(\r\n options.context,\r\n fragmentShader\r\n );\r\n }\r\n return options.programCache[cacheKey];\r\n },\r\n\r\n getFilterWindow: function () {\r\n var scale = this.tempScale;\r\n return Math.ceil(this.lanczosLobes / scale);\r\n },\r\n\r\n getTaps: function () {\r\n var lobeFunction = this.lanczosCreate(this.lanczosLobes),\r\n scale = this.tempScale,\r\n filterWindow = this.getFilterWindow(),\r\n taps = new Array(filterWindow);\r\n for (var i = 1; i <= filterWindow; i++) {\r\n taps[i - 1] = lobeFunction(i * scale);\r\n }\r\n return taps;\r\n },\r\n\r\n /**\r\n * Generate vertex and shader sources from the necessary steps numbers\r\n * @param {Number} filterWindow\r\n */\r\n generateShader: function (filterWindow) {\r\n var offsets = new Array(filterWindow),\r\n fragmentShader = this.fragmentSourceTOP,\r\n filterWindow;\r\n\r\n for (var i = 1; i <= filterWindow; i++) {\r\n offsets[i - 1] = i + '.0 * uDelta';\r\n }\r\n\r\n fragmentShader += 'uniform float uTaps[' + filterWindow + '];\\n';\r\n fragmentShader += 'void main() {\\n';\r\n fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\\n';\r\n fragmentShader += ' float sum = 1.0;\\n';\r\n\r\n offsets.forEach(function (offset, i) {\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord + ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader +=\r\n ' color += texture2D(uTexture, vTexCoord - ' +\r\n offset +\r\n ') * uTaps[' +\r\n i +\r\n '];\\n';\r\n fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\\n';\r\n });\r\n fragmentShader += ' gl_FragColor = color / sum;\\n';\r\n fragmentShader += '}';\r\n return fragmentShader;\r\n },\r\n\r\n fragmentSourceTOP:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n',\r\n\r\n /**\r\n * Apply the resize filter to the image\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n options.passes++;\r\n this.width = options.sourceWidth;\r\n this.horizontal = true;\r\n this.dW = Math.round(this.width * this.scaleX);\r\n this.dH = options.sourceHeight;\r\n this.tempScale = this.dW / this.width;\r\n this.taps = this.getTaps();\r\n options.destinationWidth = this.dW;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceWidth = options.destinationWidth;\r\n\r\n this.height = options.sourceHeight;\r\n this.horizontal = false;\r\n this.dH = Math.round(this.height * this.scaleY);\r\n this.tempScale = this.dH / this.height;\r\n this.taps = this.getTaps();\r\n options.destinationHeight = this.dH;\r\n this._setupFrameBuffer(options);\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n options.sourceHeight = options.destinationHeight;\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n isNeutralState: function () {\r\n return this.scaleX === 1 && this.scaleY === 1;\r\n },\r\n\r\n lanczosCreate: function (lobes) {\r\n return function (x) {\r\n if (x >= lobes || x <= -lobes) {\r\n return 0.0;\r\n }\r\n if (x < 1.1920929e-7 && x > -1.1920929e-7) {\r\n return 1.0;\r\n }\r\n x *= Math.PI;\r\n var xx = x / lobes;\r\n return ((sin(x) / x) * sin(xx)) / xx;\r\n };\r\n },\r\n\r\n /**\r\n * Applies filter to canvas element\r\n * @memberOf fabric.Image.filters.Resize.prototype\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} scaleX\r\n * @param {Number} scaleY\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n scaleX = this.scaleX,\r\n scaleY = this.scaleY;\r\n\r\n this.rcpScaleX = 1 / scaleX;\r\n this.rcpScaleY = 1 / scaleY;\r\n\r\n var oW = imageData.width,\r\n oH = imageData.height,\r\n dW = round(oW * scaleX),\r\n dH = round(oH * scaleY),\r\n newData;\r\n\r\n if (this.resizeType === 'sliceHack') {\r\n newData = this.sliceByTwo(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'hermite') {\r\n newData = this.hermiteFastResize(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'bilinear') {\r\n newData = this.bilinearFiltering(options, oW, oH, dW, dH);\r\n } else if (this.resizeType === 'lanczos') {\r\n newData = this.lanczosResize(options, oW, oH, dW, dH);\r\n }\r\n options.imageData = newData;\r\n },\r\n\r\n /**\r\n * Filter sliceByTwo\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n sliceByTwo: function (options, oW, oH, dW, dH) {\r\n var imageData = options.imageData,\r\n mult = 0.5,\r\n doneW = false,\r\n doneH = false,\r\n stepW = oW * mult,\r\n stepH = oH * mult,\r\n resources = fabric.filterBackend.resources,\r\n tmpCanvas,\r\n ctx,\r\n sX = 0,\r\n sY = 0,\r\n dX = oW,\r\n dY = 0;\r\n if (!resources.sliceByTwo) {\r\n resources.sliceByTwo = document.createElement('canvas');\r\n }\r\n tmpCanvas = resources.sliceByTwo;\r\n if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) {\r\n tmpCanvas.width = oW * 1.5;\r\n tmpCanvas.height = oH;\r\n }\r\n ctx = tmpCanvas.getContext('2d');\r\n ctx.clearRect(0, 0, oW * 1.5, oH);\r\n ctx.putImageData(imageData, 0, 0);\r\n\r\n dW = floor(dW);\r\n dH = floor(dH);\r\n\r\n while (!doneW || !doneH) {\r\n oW = stepW;\r\n oH = stepH;\r\n if (dW < floor(stepW * mult)) {\r\n stepW = floor(stepW * mult);\r\n } else {\r\n stepW = dW;\r\n doneW = true;\r\n }\r\n if (dH < floor(stepH * mult)) {\r\n stepH = floor(stepH * mult);\r\n } else {\r\n stepH = dH;\r\n doneH = true;\r\n }\r\n ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH);\r\n sX = dX;\r\n sY = dY;\r\n dY += stepH;\r\n }\r\n return ctx.getImageData(sX, sY, dW, dH);\r\n },\r\n\r\n /**\r\n * Filter lanczosResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n lanczosResize: function (options, oW, oH, dW, dH) {\r\n function process(u) {\r\n var v, i, weight, idx, a, red, green, blue, alpha, fX, fY;\r\n center.x = (u + 0.5) * ratioX;\r\n icenter.x = floor(center.x);\r\n for (v = 0; v < dH; v++) {\r\n center.y = (v + 0.5) * ratioY;\r\n icenter.y = floor(center.y);\r\n a = 0;\r\n red = 0;\r\n green = 0;\r\n blue = 0;\r\n alpha = 0;\r\n for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) {\r\n if (i < 0 || i >= oW) {\r\n continue;\r\n }\r\n fX = floor(1000 * abs(i - center.x));\r\n if (!cacheLanc[fX]) {\r\n cacheLanc[fX] = {};\r\n }\r\n for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) {\r\n if (j < 0 || j >= oH) {\r\n continue;\r\n }\r\n fY = floor(1000 * abs(j - center.y));\r\n if (!cacheLanc[fX][fY]) {\r\n cacheLanc[fX][fY] = lanczos(\r\n sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000\r\n );\r\n }\r\n weight = cacheLanc[fX][fY];\r\n if (weight > 0) {\r\n idx = (j * oW + i) * 4;\r\n a += weight;\r\n red += weight * srcData[idx];\r\n green += weight * srcData[idx + 1];\r\n blue += weight * srcData[idx + 2];\r\n alpha += weight * srcData[idx + 3];\r\n }\r\n }\r\n }\r\n idx = (v * dW + u) * 4;\r\n destData[idx] = red / a;\r\n destData[idx + 1] = green / a;\r\n destData[idx + 2] = blue / a;\r\n destData[idx + 3] = alpha / a;\r\n }\r\n\r\n if (++u < dW) {\r\n return process(u);\r\n } else {\r\n return destImg;\r\n }\r\n }\r\n\r\n var srcData = options.imageData.data,\r\n destImg = options.ctx.createImageData(dW, dH),\r\n destData = destImg.data,\r\n lanczos = this.lanczosCreate(this.lanczosLobes),\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n rcpRatioX = 2 / this.rcpScaleX,\r\n rcpRatioY = 2 / this.rcpScaleY,\r\n range2X = ceil((ratioX * this.lanczosLobes) / 2),\r\n range2Y = ceil((ratioY * this.lanczosLobes) / 2),\r\n cacheLanc = {},\r\n center = {},\r\n icenter = {};\r\n\r\n return process(0);\r\n },\r\n\r\n /**\r\n * bilinearFiltering\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n bilinearFiltering: function (options, oW, oH, dW, dH) {\r\n var a,\r\n b,\r\n c,\r\n d,\r\n x,\r\n y,\r\n i,\r\n j,\r\n xDiff,\r\n yDiff,\r\n chnl,\r\n color,\r\n offset = 0,\r\n origPix,\r\n ratioX = this.rcpScaleX,\r\n ratioY = this.rcpScaleY,\r\n w4 = 4 * (oW - 1),\r\n img = options.imageData,\r\n pixels = img.data,\r\n destImage = options.ctx.createImageData(dW, dH),\r\n destPixels = destImage.data;\r\n for (i = 0; i < dH; i++) {\r\n for (j = 0; j < dW; j++) {\r\n x = floor(ratioX * j);\r\n y = floor(ratioY * i);\r\n xDiff = ratioX * j - x;\r\n yDiff = ratioY * i - y;\r\n origPix = 4 * (y * oW + x);\r\n\r\n for (chnl = 0; chnl < 4; chnl++) {\r\n a = pixels[origPix + chnl];\r\n b = pixels[origPix + 4 + chnl];\r\n c = pixels[origPix + w4 + chnl];\r\n d = pixels[origPix + w4 + 4 + chnl];\r\n color =\r\n a * (1 - xDiff) * (1 - yDiff) +\r\n b * xDiff * (1 - yDiff) +\r\n c * yDiff * (1 - xDiff) +\r\n d * xDiff * yDiff;\r\n destPixels[offset++] = color;\r\n }\r\n }\r\n }\r\n return destImage;\r\n },\r\n\r\n /**\r\n * hermiteFastResize\r\n * @param {Object} canvasEl Canvas element to apply filter to\r\n * @param {Number} oW Original Width\r\n * @param {Number} oH Original Height\r\n * @param {Number} dW Destination Width\r\n * @param {Number} dH Destination Height\r\n * @returns {ImageData}\r\n */\r\n hermiteFastResize: function (options, oW, oH, dW, dH) {\r\n var ratioW = this.rcpScaleX,\r\n ratioH = this.rcpScaleY,\r\n ratioWHalf = ceil(ratioW / 2),\r\n ratioHHalf = ceil(ratioH / 2),\r\n img = options.imageData,\r\n data = img.data,\r\n img2 = options.ctx.createImageData(dW, dH),\r\n data2 = img2.data;\r\n for (var j = 0; j < dH; j++) {\r\n for (var i = 0; i < dW; i++) {\r\n var x2 = (i + j * dW) * 4,\r\n weight = 0,\r\n weights = 0,\r\n weightsAlpha = 0,\r\n gxR = 0,\r\n gxG = 0,\r\n gxB = 0,\r\n gxA = 0,\r\n centerY = (j + 0.5) * ratioH;\r\n for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) {\r\n var dy = abs(centerY - (yy + 0.5)) / ratioHHalf,\r\n centerX = (i + 0.5) * ratioW,\r\n w0 = dy * dy;\r\n for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) {\r\n var dx = abs(centerX - (xx + 0.5)) / ratioWHalf,\r\n w = sqrt(w0 + dx * dx);\r\n /* eslint-disable max-depth */\r\n if (w > 1 && w < -1) {\r\n continue;\r\n }\r\n //hermite filter\r\n weight = 2 * w * w * w - 3 * w * w + 1;\r\n if (weight > 0) {\r\n dx = 4 * (xx + yy * oW);\r\n //alpha\r\n gxA += weight * data[dx + 3];\r\n weightsAlpha += weight;\r\n //colors\r\n if (data[dx + 3] < 255) {\r\n weight = (weight * data[dx + 3]) / 250;\r\n }\r\n gxR += weight * data[dx];\r\n gxG += weight * data[dx + 1];\r\n gxB += weight * data[dx + 2];\r\n weights += weight;\r\n }\r\n /* eslint-enable max-depth */\r\n }\r\n }\r\n data2[x2] = gxR / weights;\r\n data2[x2 + 1] = gxG / weights;\r\n data2[x2 + 2] = gxB / weights;\r\n data2[x2 + 3] = gxA / weightsAlpha;\r\n }\r\n }\r\n return img2;\r\n },\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject: function () {\r\n return {\r\n type: this.type,\r\n scaleX: this.scaleX,\r\n scaleY: this.scaleY,\r\n resizeType: this.resizeType,\r\n lanczosLobes: this.lanczosLobes,\r\n };\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Resize.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Contrast filter class\r\n * @class fabric.Image.filters.Contrast\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Contrast({\r\n * contrast: 0.25\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Contrast = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Contrast.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Contrast',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uContrast;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\\n' +\r\n 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * contrast value, range from -1 to 1.\r\n * @param {Number} contrast\r\n * @default 0\r\n */\r\n contrast: 0,\r\n\r\n mainParameter: 'contrast',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Contrast.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Contrast operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.contrast === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n i,\r\n len,\r\n data = imageData.data,\r\n len = data.length,\r\n contrast = Math.floor(this.contrast * 255),\r\n contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast));\r\n\r\n for (i = 0; i < len; i += 4) {\r\n data[i] = contrastF * (data[i] - 128) + 128;\r\n data[i + 1] = contrastF * (data[i + 1] - 128) + 128;\r\n data[i + 2] = contrastF * (data[i + 2] - 128) + 128;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uContrast: gl.getUniformLocation(program, 'uContrast'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uContrast, this.contrast);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Contrast.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Saturate filter class\r\n * @class fabric.Image.filters.Saturation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Saturation({\r\n * saturation: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Saturation = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Saturation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Saturation',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uSaturation;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float rgMax = max(color.r, color.g);\\n' +\r\n 'float rgbMax = max(rgMax, color.b);\\n' +\r\n 'color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\\n' +\r\n 'color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\\n' +\r\n 'color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Saturation value, from -1 to 1.\r\n * Increases/decreases the color saturation.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} saturation\r\n * @default\r\n */\r\n saturation: 0,\r\n\r\n mainParameter: 'saturation',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Saturate.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.saturate=0] Value to saturate the image (-1...1)\r\n */\r\n\r\n /**\r\n * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.saturation === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.saturation,\r\n i,\r\n max;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n data[i] += max !== data[i] ? (max - data[i]) * adjust : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uSaturation: gl.getUniformLocation(program, 'uSaturation'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uSaturation, -this.saturation);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Saturation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Vibrance filter class\r\n * @class fabric.Image.filters.Vibrance\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Vibrance({\r\n * vibrance: 1\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Vibrance = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Vibrance.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Vibrance',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform float uVibrance;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'float max = max(color.r, max(color.g, color.b));\\n' +\r\n 'float avg = (color.r + color.g + color.b) / 3.0;\\n' +\r\n 'float amt = (abs(max - avg) * 2.0) * uVibrance;\\n' +\r\n 'color.r += max != color.r ? (max - color.r) * amt : 0.00;\\n' +\r\n 'color.g += max != color.g ? (max - color.g) * amt : 0.00;\\n' +\r\n 'color.b += max != color.b ? (max - color.b) * amt : 0.00;\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n '}',\r\n\r\n /**\r\n * Vibrance value, from -1 to 1.\r\n * Increases/decreases the saturation of more muted colors with less effect on saturated colors.\r\n * A value of 0 has no effect.\r\n *\r\n * @param {Number} vibrance\r\n * @default\r\n */\r\n vibrance: 0,\r\n\r\n mainParameter: 'vibrance',\r\n\r\n /**\r\n * Constructor\r\n * @memberOf fabric.Image.filters.Vibrance.prototype\r\n * @param {Object} [options] Options object\r\n * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1)\r\n */\r\n\r\n /**\r\n * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n if (this.vibrance === 0) {\r\n return;\r\n }\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n len = data.length,\r\n adjust = -this.vibrance,\r\n i,\r\n max,\r\n avg,\r\n amt;\r\n\r\n for (i = 0; i < len; i += 4) {\r\n max = Math.max(data[i], data[i + 1], data[i + 2]);\r\n avg = (data[i] + data[i + 1] + data[i + 2]) / 3;\r\n amt = ((Math.abs(max - avg) * 2) / 255) * adjust;\r\n data[i] += max !== data[i] ? (max - data[i]) * amt : 0;\r\n data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0;\r\n data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0;\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uVibrance: gl.getUniformLocation(program, 'uVibrance'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform1f(uniformLocations.uVibrance, -this.vibrance);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Vibrance.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Blur filter class\r\n * @class fabric.Image.filters.Blur\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Blur({\r\n * blur: 0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n * canvas.renderAll();\r\n */\r\n filters.Blur = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Blur.prototype */ {\r\n type: 'Blur',\r\n\r\n /*\r\n'gl_FragColor = vec4(0.0);',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;',\r\n'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;',\r\n*/\r\n\r\n /* eslint-disable max-len */\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec2 uDelta;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'const float nSamples = 15.0;\\n' +\r\n 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\\n' +\r\n 'float random(vec3 scale) {\\n' +\r\n /* use the fragment position for a different seed per-pixel */\r\n 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\\n' +\r\n '}\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = vec4(0.0);\\n' +\r\n 'float total = 0.0;\\n' +\r\n 'float offset = random(v3offset);\\n' +\r\n 'for (float t = -nSamples; t <= nSamples; t++) {\\n' +\r\n 'float percent = (t + offset - 0.5) / nSamples;\\n' +\r\n 'float weight = 1.0 - abs(percent);\\n' +\r\n 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\\n' +\r\n 'total += weight;\\n' +\r\n '}\\n' +\r\n 'gl_FragColor = color / total;\\n' +\r\n '}',\r\n /* eslint-enable max-len */\r\n\r\n /**\r\n * blur value, in percentage of image dimensions.\r\n * specific to keep the image blur constant at different resolutions\r\n * range between 0 and 1.\r\n * @type Number\r\n * @default\r\n */\r\n blur: 0,\r\n\r\n mainParameter: 'blur',\r\n\r\n applyTo: function (options) {\r\n if (options.webgl) {\r\n // this aspectRatio is used to give the same blur to vertical and horizontal\r\n this.aspectRatio = options.sourceWidth / options.sourceHeight;\r\n options.passes++;\r\n this._setupFrameBuffer(options);\r\n this.horizontal = true;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n this._setupFrameBuffer(options);\r\n this.horizontal = false;\r\n this.applyToWebGL(options);\r\n this._swapTextures(options);\r\n } else {\r\n this.applyTo2d(options);\r\n }\r\n },\r\n\r\n applyTo2d: function (options) {\r\n // paint canvasEl with current image data.\r\n //options.ctx.putImageData(options.imageData, 0, 0);\r\n options.imageData = this.simpleBlur(options);\r\n },\r\n\r\n simpleBlur: function (options) {\r\n var resources = options.filterBackend.resources,\r\n canvas1,\r\n canvas2,\r\n width = options.imageData.width,\r\n height = options.imageData.height;\r\n\r\n if (!resources.blurLayer1) {\r\n resources.blurLayer1 = fabric.util.createCanvasElement();\r\n resources.blurLayer2 = fabric.util.createCanvasElement();\r\n }\r\n canvas1 = resources.blurLayer1;\r\n canvas2 = resources.blurLayer2;\r\n if (canvas1.width !== width || canvas1.height !== height) {\r\n canvas2.width = canvas1.width = width;\r\n canvas2.height = canvas1.height = height;\r\n }\r\n var ctx1 = canvas1.getContext('2d'),\r\n ctx2 = canvas2.getContext('2d'),\r\n nSamples = 15,\r\n random,\r\n percent,\r\n j,\r\n i,\r\n blur = this.blur * 0.06 * 0.5;\r\n\r\n // load first canvas\r\n ctx1.putImageData(options.imageData, 0, 0);\r\n ctx2.clearRect(0, 0, width, height);\r\n\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * width + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, j, random);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n for (i = -nSamples; i <= nSamples; i++) {\r\n random = (Math.random() - 0.5) / 4;\r\n percent = i / nSamples;\r\n j = blur * percent * height + random;\r\n ctx2.globalAlpha = 1 - Math.abs(percent);\r\n ctx2.drawImage(canvas1, random, j);\r\n ctx1.drawImage(canvas2, 0, 0);\r\n ctx2.globalAlpha = 1;\r\n ctx2.clearRect(0, 0, canvas2.width, canvas2.height);\r\n }\r\n options.ctx.drawImage(canvas1, 0, 0);\r\n var newImageData = options.ctx.getImageData(\r\n 0,\r\n 0,\r\n canvas1.width,\r\n canvas1.height\r\n );\r\n ctx1.globalAlpha = 1;\r\n ctx1.clearRect(0, 0, canvas1.width, canvas1.height);\r\n return newImageData;\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n delta: gl.getUniformLocation(program, 'uDelta'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n var delta = this.chooseRightDelta();\r\n gl.uniform2fv(uniformLocations.delta, delta);\r\n },\r\n\r\n /**\r\n * choose right value of image percentage to blur with\r\n * @returns {Array} a numeric array with delta values\r\n */\r\n chooseRightDelta: function () {\r\n var blurScale = 1,\r\n delta = [0, 0],\r\n blur;\r\n if (this.horizontal) {\r\n if (this.aspectRatio > 1) {\r\n // image is wide, i want to shrink radius horizontal\r\n blurScale = 1 / this.aspectRatio;\r\n }\r\n } else {\r\n if (this.aspectRatio < 1) {\r\n // image is tall, i want to shrink radius vertical\r\n blurScale = this.aspectRatio;\r\n }\r\n }\r\n blur = blurScale * this.blur * 0.12;\r\n if (this.horizontal) {\r\n delta[0] = blur;\r\n } else {\r\n delta[1] = blur;\r\n }\r\n return delta;\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * Gamma filter class\r\n * @class fabric.Image.filters.Gamma\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.Gamma({\r\n * gamma: [1, 0.5, 2.1]\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.Gamma = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Gamma.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'Gamma',\r\n\r\n fragmentSource:\r\n 'precision highp float;\\n' +\r\n 'uniform sampler2D uTexture;\\n' +\r\n 'uniform vec3 uGamma;\\n' +\r\n 'varying vec2 vTexCoord;\\n' +\r\n 'void main() {\\n' +\r\n 'vec4 color = texture2D(uTexture, vTexCoord);\\n' +\r\n 'vec3 correction = (1.0 / uGamma);\\n' +\r\n 'color.r = pow(color.r, correction.r);\\n' +\r\n 'color.g = pow(color.g, correction.g);\\n' +\r\n 'color.b = pow(color.b, correction.b);\\n' +\r\n 'gl_FragColor = color;\\n' +\r\n 'gl_FragColor.rgb *= color.a;\\n' +\r\n '}',\r\n\r\n /**\r\n * Gamma array value, from 0.01 to 2.2.\r\n * @param {Array} gamma\r\n * @default\r\n */\r\n gamma: [1, 1, 1],\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'gamma',\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.gamma = [1, 1, 1];\r\n filters.BaseFilter.prototype.initialize.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply the Gamma operation to a Uint8Array representing the pixels of an image.\r\n *\r\n * @param {Object} options\r\n * @param {ImageData} options.imageData The Uint8Array to be filtered.\r\n */\r\n applyTo2d: function (options) {\r\n var imageData = options.imageData,\r\n data = imageData.data,\r\n gamma = this.gamma,\r\n len = data.length,\r\n rInv = 1 / gamma[0],\r\n gInv = 1 / gamma[1],\r\n bInv = 1 / gamma[2],\r\n i;\r\n\r\n if (!this.rVals) {\r\n // eslint-disable-next-line\r\n this.rVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.gVals = new Uint8Array(256);\r\n // eslint-disable-next-line\r\n this.bVals = new Uint8Array(256);\r\n }\r\n\r\n // This is an optimization - pre-compute a look-up table for each color channel\r\n // instead of performing these pow calls for each pixel in the image.\r\n for (i = 0, len = 256; i < len; i++) {\r\n this.rVals[i] = Math.pow(i / 255, rInv) * 255;\r\n this.gVals[i] = Math.pow(i / 255, gInv) * 255;\r\n this.bVals[i] = Math.pow(i / 255, bInv) * 255;\r\n }\r\n for (i = 0, len = data.length; i < len; i += 4) {\r\n data[i] = this.rVals[data[i]];\r\n data[i + 1] = this.gVals[data[i + 1]];\r\n data[i + 2] = this.bVals[data[i + 2]];\r\n }\r\n },\r\n\r\n /**\r\n * Return WebGL uniform locations for this filter's shader.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {WebGLShaderProgram} program This filter's compiled shader program.\r\n */\r\n getUniformLocations: function (gl, program) {\r\n return {\r\n uGamma: gl.getUniformLocation(program, 'uGamma'),\r\n };\r\n },\r\n\r\n /**\r\n * Send data from this filter to its shader program's uniforms.\r\n *\r\n * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\r\n * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\r\n */\r\n sendUniformData: function (gl, uniformLocations) {\r\n gl.uniform3fv(uniformLocations.uGamma, this.gamma);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Gamma.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * A container class that knows how to apply a sequence of filters to an input image.\r\n */\r\n filters.Composed = createClass(\r\n filters.BaseFilter,\r\n /** @lends fabric.Image.filters.Composed.prototype */ {\r\n type: 'Composed',\r\n\r\n /**\r\n * A non sparse array of filters to apply\r\n */\r\n subFilters: [],\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n initialize: function (options) {\r\n this.callSuper('initialize', options);\r\n // create a new array instead mutating the prototype with push\r\n this.subFilters = this.subFilters.slice(0);\r\n },\r\n\r\n /**\r\n * Apply this container's filters to the input image provided.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be applied.\r\n */\r\n applyTo: function (options) {\r\n options.passes += this.subFilters.length - 1;\r\n this.subFilters.forEach(function (filter) {\r\n filter.applyTo(options);\r\n });\r\n },\r\n\r\n /**\r\n * Serialize this filter into JSON.\r\n *\r\n * @returns {Object} A JSON representation of this filter.\r\n */\r\n toObject: function () {\r\n return fabric.util.object.extend(this.callSuper('toObject'), {\r\n subFilters: this.subFilters.map(function (filter) {\r\n return filter.toObject();\r\n }),\r\n });\r\n },\r\n\r\n isNeutralState: function () {\r\n return !this.subFilters.some(function (filter) {\r\n return !filter.isNeutralState();\r\n });\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Deserialize a JSON definition of a ComposedFilter into a concrete instance.\r\n * @static\r\n * @param {oject} object Object to create an instance from\r\n * @param {object} [options]\r\n * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.Composed.fromObject = function (object, options) {\r\n var filters = object.subFilters || [];\r\n return Promise.all(\r\n filters.map(function (filter) {\r\n return fabric.Image.filters[filter.type].fromObject(filter, options);\r\n })\r\n ).then(function (enlivedFilters) {\r\n return new fabric.Image.filters.Composed({ subFilters: enlivedFilters });\r\n });\r\n };\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","//@ts-nocheck\r\n(function (global) {\r\n 'use strict';\r\n\r\n var fabric = global.fabric || (global.fabric = {}),\r\n filters = fabric.Image.filters,\r\n createClass = fabric.util.createClass;\r\n\r\n /**\r\n * HueRotation filter class\r\n * @class fabric.Image.filters.HueRotation\r\n * @memberOf fabric.Image.filters\r\n * @extends fabric.Image.filters.BaseFilter\r\n * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition\r\n * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\r\n * @example\r\n * var filter = new fabric.Image.filters.HueRotation({\r\n * rotation: -0.5\r\n * });\r\n * object.filters.push(filter);\r\n * object.applyFilters();\r\n */\r\n filters.HueRotation = createClass(\r\n filters.ColorMatrix,\r\n /** @lends fabric.Image.filters.HueRotation.prototype */ {\r\n /**\r\n * Filter type\r\n * @param {String} type\r\n * @default\r\n */\r\n type: 'HueRotation',\r\n\r\n /**\r\n * HueRotation value, from -1 to 1.\r\n * the unit is radians\r\n * @param {Number} myParameter\r\n * @default\r\n */\r\n rotation: 0,\r\n\r\n /**\r\n * Describe the property that is the filter parameter\r\n * @param {String} m\r\n * @default\r\n */\r\n mainParameter: 'rotation',\r\n\r\n calculateMatrix: function () {\r\n var rad = this.rotation * Math.PI,\r\n cos = fabric.util.cos(rad),\r\n sin = fabric.util.sin(rad),\r\n aThird = 1 / 3,\r\n aThirdSqtSin = Math.sqrt(aThird) * sin,\r\n OneMinusCos = 1 - cos;\r\n this.matrix = [\r\n 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0,\r\n ];\r\n this.matrix[0] = cos + OneMinusCos / 3;\r\n this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[6] = cos + aThird * OneMinusCos;\r\n this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin;\r\n this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin;\r\n this.matrix[12] = cos + aThird * OneMinusCos;\r\n },\r\n\r\n /**\r\n * HueRotation isNeutralState implementation\r\n * Used only in image applyFilters to discard filters that will not have an effect\r\n * on the image\r\n * @param {Object} options\r\n **/\r\n isNeutralState: function (options) {\r\n this.calculateMatrix();\r\n return filters.BaseFilter.prototype.isNeutralState.call(this, options);\r\n },\r\n\r\n /**\r\n * Apply this filter to the input image data provided.\r\n *\r\n * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\r\n *\r\n * @param {Object} options\r\n * @param {Number} options.passes The number of filters remaining to be executed\r\n * @param {Boolean} options.webgl Whether to use webgl to render the filter.\r\n * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\r\n * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\r\n * @param {WebGLRenderingContext} options.context The GL context used for rendering.\r\n * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\r\n */\r\n applyTo: function (options) {\r\n this.calculateMatrix();\r\n filters.BaseFilter.prototype.applyTo.call(this, options);\r\n },\r\n }\r\n );\r\n\r\n /**\r\n * Create filter instance from an object representation\r\n * @static\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n fabric.Image.filters.HueRotation.fromObject =\r\n fabric.Image.filters.BaseFilter.fromObject;\r\n})(typeof exports !== 'undefined' ? exports : window);\r\n","import { FabricObject } from '../shapes/fabricObject.class';\r\n\r\ntype TextStyleDeclaration = Record;\r\n\r\nexport type TextStyle = {\r\n [line: number | string]: { [char: number | string]: TextStyleDeclaration };\r\n};\r\n\r\nexport abstract class TextStyleMixin extends FabricObject {\r\n abstract styles: TextStyle;\r\n protected abstract _textLines: string[][];\r\n protected abstract _forceClearCache: boolean;\r\n protected abstract _styleProperties: string[];\r\n abstract get2DCursorLocation(\r\n selectionStart: number,\r\n skipWrapping?: boolean\r\n ): { charIndex: number; lineIndex: number };\r\n\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles(lineIndex: number): boolean {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return true;\r\n }\r\n const obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (const p1 in obj) {\r\n for (const p2 in obj[p1]) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (const p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Returns true if object has a style property or has it ina specified line\r\n * This function is used to detect if a text will use a particular property or not.\r\n * @param {String} property to check for\r\n * @param {Number} lineIndex to check the style on\r\n * @return {Boolean}\r\n */\r\n styleHas(property: string, lineIndex: number): boolean {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\r\n return false;\r\n }\r\n const obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { 0: this.styles[lineIndex] };\r\n // eslint-disable-next-line\r\n for (const p1 in obj) {\r\n // eslint-disable-next-line\r\n for (const p2 in obj[p1]) {\r\n if (typeof obj[p1][p2][property] !== 'undefined') {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Check if characters in a text have a value for a property\r\n * whose value matches the textbox's value for that property. If so,\r\n * the character-level property is deleted. If the character\r\n * has no other properties, then it is also deleted. Finally,\r\n * if the line containing that character has no other characters\r\n * then it also is deleted.\r\n *\r\n * @param {string} property The property to compare between characters and text.\r\n */\r\n cleanStyle(property: string) {\r\n if (!this.styles || !property || property === '') {\r\n return false;\r\n }\r\n const obj = this.styles;\r\n let stylesCount = 0,\r\n letterCount,\r\n stylePropertyValue,\r\n allStyleObjectPropertiesMatch = true,\r\n graphemeCount = 0;\r\n for (const p1 in obj) {\r\n letterCount = 0;\r\n for (const p2 in obj[p1]) {\r\n const styleObject = obj[p1][p2],\r\n stylePropertyHasBeenSet = Object.prototype.hasOwnProperty.call(\r\n styleObject,\r\n property\r\n );\r\n\r\n stylesCount++;\r\n\r\n if (stylePropertyHasBeenSet) {\r\n if (!stylePropertyValue) {\r\n stylePropertyValue = styleObject[property];\r\n } else if (styleObject[property] !== stylePropertyValue) {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (styleObject[property] === this[property as keyof this]) {\r\n delete styleObject[property];\r\n }\r\n } else {\r\n allStyleObjectPropertiesMatch = false;\r\n }\r\n\r\n if (Object.keys(styleObject).length !== 0) {\r\n letterCount++;\r\n } else {\r\n delete obj[p1][p2];\r\n }\r\n }\r\n\r\n if (letterCount === 0) {\r\n delete obj[p1];\r\n }\r\n }\r\n // if every grapheme has the same style set then\r\n // delete those styles and set it on the parent\r\n for (let i = 0; i < this._textLines.length; i++) {\r\n graphemeCount += this._textLines[i].length;\r\n }\r\n if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) {\r\n this[property as keyof this] = stylePropertyValue;\r\n this.removeStyle(property);\r\n }\r\n }\r\n\r\n /**\r\n * Remove a style property or properties from all individual character styles\r\n * in a text object. Deletes the character style object if it contains no other style\r\n * props. Deletes a line style object if it contains no other character styles.\r\n *\r\n * @param {String} props The property to remove from character styles.\r\n */\r\n removeStyle(property: string) {\r\n if (!this.styles || !property || property === '') {\r\n return;\r\n }\r\n const obj = this.styles;\r\n let line, lineNum, charNum;\r\n for (lineNum in obj) {\r\n line = obj[lineNum];\r\n for (charNum in line) {\r\n delete line[charNum][property];\r\n if (Object.keys(line[charNum]).length === 0) {\r\n delete line[charNum];\r\n }\r\n }\r\n if (Object.keys(line).length === 0) {\r\n delete obj[lineNum];\r\n }\r\n }\r\n }\r\n\r\n private _extendStyles(index: number, styles: TextStyleDeclaration) {\r\n const { lineIndex, charIndex } = this.get2DCursorLocation(index);\r\n\r\n if (!this._getLineStyle(lineIndex)) {\r\n this._setLineStyle(lineIndex);\r\n }\r\n\r\n if (!this._getStyleDeclaration(lineIndex, charIndex)) {\r\n this._setStyleDeclaration(lineIndex, charIndex, {});\r\n }\r\n\r\n return Object.assign(\r\n this._getStyleDeclaration(lineIndex, charIndex) || {},\r\n styles\r\n );\r\n }\r\n\r\n /**\r\n * Gets style of a current selection/cursor (at the start position)\r\n * @param {Number} startIndex Start index to get styles at\r\n * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1\r\n * @param {Boolean} [complete] get full style or not\r\n * @return {Array} styles an array with one, zero or more Style objects\r\n */\r\n getSelectionStyles(\r\n startIndex: number,\r\n endIndex?: number,\r\n complete?: boolean\r\n ) {\r\n const styles: TextStyleDeclaration[] = [];\r\n for (let i = startIndex; i < (endIndex || startIndex); i++) {\r\n styles.push(this.getStyleAtPosition(i, complete));\r\n }\r\n return styles;\r\n }\r\n\r\n /**\r\n * Gets style of a current selection/cursor position\r\n * @param {Number} position to get styles at\r\n * @param {Boolean} [complete] full style if true\r\n * @return {Object} style Style object at a specified index\r\n * @private\r\n */\r\n getStyleAtPosition(position: number, complete?: boolean) {\r\n const { lineIndex, charIndex } = this.get2DCursorLocation(position);\r\n return (\r\n (complete\r\n ? this.getCompleteStyleDeclaration(lineIndex, charIndex)\r\n : this._getStyleDeclaration(lineIndex, charIndex)) || {}\r\n );\r\n }\r\n\r\n /**\r\n * Sets style of a current selection, if no selection exist, do not set anything.\r\n * @param {Object} styles Styles object\r\n * @param {Number} startIndex Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1\r\n */\r\n setSelectionStyles(styles: object, startIndex: number, endIndex?: number) {\r\n for (let i = startIndex; i < (endIndex || startIndex); i++) {\r\n this._extendStyles(i, styles);\r\n }\r\n /* not included in _extendStyles to avoid clearing cache more than once */\r\n this._forceClearCache = true;\r\n }\r\n\r\n /**\r\n * get the reference, not a clone, of the style object for a given character\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Object} style object\r\n */\r\n _getStyleDeclaration(lineIndex: number, charIndex: number) {\r\n const lineStyle = this.styles && this.styles[lineIndex];\r\n if (!lineStyle) {\r\n return null;\r\n }\r\n return lineStyle[charIndex];\r\n }\r\n\r\n /**\r\n * return a new object that contains all the style property for a character\r\n * the object returned is newly created\r\n * @param {Number} lineIndex of the line where the character is\r\n * @param {Number} charIndex position of the character on the line\r\n * @return {Object} style object\r\n */\r\n getCompleteStyleDeclaration(lineIndex: number, charIndex: number) {\r\n const style = this._getStyleDeclaration(lineIndex, charIndex) || {},\r\n styleObject: TextStyleDeclaration = {};\r\n for (let i = 0; i < this._styleProperties.length; i++) {\r\n const prop = this._styleProperties[i];\r\n styleObject[prop] =\r\n typeof style[prop] === 'undefined'\r\n ? this[prop as keyof this]\r\n : style[prop];\r\n }\r\n return styleObject;\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n protected _setStyleDeclaration(\r\n lineIndex: number,\r\n charIndex: number,\r\n style: object\r\n ) {\r\n this.styles[lineIndex][charIndex] = style;\r\n }\r\n\r\n /**\r\n *\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n protected _deleteStyleDeclaration(lineIndex: number, charIndex: number) {\r\n delete this.styles[lineIndex][charIndex];\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @return {Boolean} if the line exists or not\r\n * @private\r\n */\r\n protected _getLineStyle(lineIndex: number): boolean {\r\n return !!this.styles[lineIndex];\r\n }\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @private\r\n */\r\n protected _setLineStyle(lineIndex: number) {\r\n this.styles[lineIndex] = {};\r\n }\r\n\r\n protected _deleteLineStyle(lineIndex: number) {\r\n delete this.styles[lineIndex];\r\n }\r\n}\r\n","// @ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { cache } from '../cache';\r\nimport { DEFAULT_SVG_FONT_SIZE } from '../constants';\r\nimport { TextStyleMixin } from '../mixins/text_style.mixin';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { graphemeSplit } from '../util/lang_string';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport {\r\n hasStyleChanged,\r\n stylesFromArray,\r\n stylesToArray,\r\n} from '../util/misc/textStyles';\r\nimport { getPathSegmentsInfo, getPointOnPath } from '../util/path';\r\nimport { FabricObject } from './fabricObject.class';\r\n\r\n/**\r\n * Measure and return the info of a single grapheme.\r\n * needs the the info of previous graphemes already filled\r\n * Override to customize measuring\r\n */\r\nexport type GraphemeBBox = {\r\n width: number;\r\n height: number;\r\n kernedWidth: number;\r\n left: number;\r\n deltaY: number;\r\n};\r\n\r\nconst additionalProps = [\r\n 'fontFamily',\r\n 'fontWeight',\r\n 'fontSize',\r\n 'text',\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n 'textAlign',\r\n 'fontStyle',\r\n 'lineHeight',\r\n 'textBackgroundColor',\r\n 'charSpacing',\r\n 'styles',\r\n 'direction',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n];\r\n\r\n/**\r\n * Text class\r\n * @class Text\r\n * @extends FabricObject\r\n * @return {Text} thisArg\r\n * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text}\r\n * @see {@link Text#initialize} for constructor definition\r\n */\r\nexport class Text extends TextStyleMixin {\r\n /**\r\n * Properties which when set cause object to change dimensions\r\n * @type Array\r\n * @private\r\n */\r\n _dimensionAffectingProps: Partial>[];\r\n\r\n /**\r\n * @private\r\n */\r\n _reNewline: RegExp;\r\n\r\n /**\r\n * Use this regular expression to filter for whitespaces that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpacesAndTabs: RegExp;\r\n\r\n /**\r\n * Use this regular expression to filter for whitespace that is not a new line.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reSpaceAndTab: RegExp;\r\n\r\n /**\r\n * Use this regular expression to filter consecutive groups of non spaces.\r\n * Mostly used when text is 'justify' aligned.\r\n * @private\r\n */\r\n _reWords: RegExp;\r\n\r\n text: string;\r\n\r\n /**\r\n * Font size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n fontSize: number;\r\n\r\n /**\r\n * Font weight (e.g. bold, normal, 400, 600, 800)\r\n * @type {(Number|String)}\r\n * @default\r\n */\r\n fontWeight: string;\r\n\r\n /**\r\n * Font family\r\n * @type String\r\n * @default\r\n */\r\n fontFamily: string;\r\n\r\n /**\r\n * Text decoration underline.\r\n * @type Boolean\r\n * @default\r\n */\r\n underline: boolean;\r\n\r\n /**\r\n * Text decoration overline.\r\n * @type Boolean\r\n * @default\r\n */\r\n overline: boolean;\r\n\r\n /**\r\n * Text decoration linethrough.\r\n * @type Boolean\r\n * @default\r\n */\r\n linethrough: boolean;\r\n\r\n /**\r\n * Text alignment. Possible values: \"left\", \"center\", \"right\", \"justify\",\r\n * \"justify-left\", \"justify-center\" or \"justify-right\".\r\n * @type String\r\n * @default\r\n */\r\n textAlign: string;\r\n\r\n /**\r\n * Font style . Possible values: \"\", \"normal\", \"italic\" or \"oblique\".\r\n * @type String\r\n * @default\r\n */\r\n fontStyle: string;\r\n\r\n /**\r\n * Line height\r\n * @type Number\r\n * @default\r\n */\r\n lineHeight: number;\r\n\r\n /**\r\n * Superscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n superscript: object;\r\n\r\n /**\r\n * Subscript schema object (minimum overlap)\r\n * @type {Object}\r\n * @default\r\n */\r\n subscript: object;\r\n\r\n /**\r\n * Background color of text lines\r\n * @type String\r\n * @default\r\n */\r\n textBackgroundColor: string;\r\n\r\n /**\r\n * fabric.Path that the text should follow.\r\n * since 4.6.0 the path will be drawn automatically.\r\n * if you want to make the path visible, give it a stroke and strokeWidth or fill value\r\n * if you want it to be hidden, assign visible = false to the path.\r\n * This feature is in BETA, and SVG import/export is not yet supported.\r\n * @type fabric.Path\r\n * @example\r\n * var textPath = new Text('Text on a path', {\r\n * top: 150,\r\n * left: 150,\r\n * textAlign: 'center',\r\n * charSpacing: -50,\r\n * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', {\r\n * strokeWidth: 1,\r\n * visible: false\r\n * }),\r\n * pathSide: 'left',\r\n * pathStartOffset: 0\r\n * });\r\n * @default\r\n */\r\n path: FabricObject /* todo fabric.Path*/;\r\n\r\n /**\r\n * Offset amount for text path starting position\r\n * Only used when text has a path\r\n * @type Number\r\n * @default\r\n */\r\n pathStartOffset: number;\r\n\r\n /**\r\n * Which side of the path the text should be drawn on.\r\n * Only used when text has a path\r\n * @type {String} 'left|right'\r\n * @default\r\n */\r\n pathSide: string;\r\n\r\n /**\r\n * How text is aligned to the path. This property determines\r\n * the perpendicular position of each character relative to the path.\r\n * (one of \"baseline\", \"center\", \"ascender\", \"descender\")\r\n * This feature is in BETA, and its behavior may change\r\n * @type String\r\n * @default\r\n */\r\n pathAlign: string;\r\n\r\n /**\r\n * @private\r\n */\r\n _fontSizeFraction: number;\r\n\r\n /**\r\n * @private\r\n */\r\n offsets: { underline: number; linethrough: number; overline: number };\r\n\r\n /**\r\n * Text Line proportion to font Size (in pixels)\r\n * @type Number\r\n * @default\r\n */\r\n _fontSizeMult: number;\r\n\r\n /**\r\n * additional space between characters\r\n * expressed in thousands of em unit\r\n * @type Number\r\n * @default\r\n */\r\n charSpacing: number;\r\n\r\n /**\r\n * Object containing character styles - top-level properties -> line numbers,\r\n * 2nd-level properties - character numbers\r\n * @type Object\r\n * @default\r\n */\r\n styles: object;\r\n\r\n /**\r\n * Reference to a context to measure text char or couple of chars\r\n * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas\r\n * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every\r\n * text object created.\r\n * @type {CanvasRenderingContext2D}\r\n * @default\r\n */\r\n _measuringContext: CanvasRenderingContext2D | null = null;\r\n\r\n /**\r\n * Baseline shift, styles only, keep at 0 for the main text object\r\n * @type {Number}\r\n * @default\r\n */\r\n deltaY: number;\r\n\r\n /**\r\n * WARNING: EXPERIMENTAL. NOT SUPPORTED YET\r\n * determine the direction of the text.\r\n * This has to be set manually together with textAlign and originX for proper\r\n * experience.\r\n * some interesting link for the future\r\n * https://www.w3.org/International/questions/qa-bidi-unicode-controls\r\n * @since 4.5.0\r\n * @type {String} 'ltr|rtl'\r\n * @default\r\n */\r\n direction: string;\r\n\r\n /**\r\n * Array of properties that define a style unit (of 'styles').\r\n * @type {Array}\r\n * @default\r\n */\r\n _styleProperties: (keyof this)[];\r\n\r\n /**\r\n * contains characters bounding boxes\r\n */\r\n protected __charBounds: {\r\n left: number;\r\n width: number;\r\n kernedWidth: number;\r\n height: number;\r\n }[];\r\n\r\n /**\r\n * use this size when measuring text. To avoid IE11 rounding errors\r\n * @type {Number}\r\n * @default\r\n * @readonly\r\n * @private\r\n */\r\n CACHE_FONT_SIZE: number;\r\n\r\n /**\r\n * contains the min text width to avoid getting 0\r\n * @type {Number}\r\n * @default\r\n */\r\n MIN_TEXT_WIDTH: number;\r\n\r\n protected __skipDimension: boolean;\r\n protected textLines: string[];\r\n protected _textLines: string[][];\r\n protected _unwrappedTextLines: string[][];\r\n protected _text: string[];\r\n protected cursorWidth: number;\r\n protected __lineHeights: number[];\r\n protected __lineWidths: number[];\r\n protected _forceClearCache: boolean;\r\n\r\n private initialized?: true;\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {Text} thisArg\r\n */\r\n constructor(text: string, options: object): Text {\r\n super({ ...options, text, styles: options?.styles || {} });\r\n this.initialized = true;\r\n if (this.path) {\r\n this.setPathInfo();\r\n }\r\n this.__skipDimension = false;\r\n this.initDimensions();\r\n this.setCoords();\r\n this.setupState({ propertySet: '_dimensionAffectingProps' });\r\n }\r\n\r\n /**\r\n * If text has a path, it will add the extra information needed\r\n * for path and text calculations\r\n * @return {Text} thisArg\r\n */\r\n setPathInfo(): Text {\r\n const path = this.path;\r\n if (path) {\r\n path.segmentsInfo = getPathSegmentsInfo(path.path);\r\n }\r\n }\r\n\r\n /**\r\n * Return a context for measurement of text string.\r\n * if created it gets stored for reuse\r\n * this is for internal use, please do not use it\r\n * @private\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {Text} thisArg\r\n */\r\n getMeasuringContext(): Text {\r\n if (!fabric._measuringContext) {\r\n fabric._measuringContext =\r\n (this.canvas && this.canvas.contextCache) ||\r\n createCanvasElement().getContext('2d');\r\n }\r\n return fabric._measuringContext;\r\n }\r\n\r\n /**\r\n * @private\r\n * Divides text into lines of text and lines of graphemes.\r\n */\r\n _splitText() {\r\n const newLines = this._splitTextIntoLines(this.text);\r\n this.textLines = newLines.lines;\r\n this._textLines = newLines.graphemeLines;\r\n this._unwrappedTextLines = newLines._unwrappedLines;\r\n this._text = newLines.graphemeText;\r\n return newLines;\r\n }\r\n\r\n /**\r\n * Initialize or update text dimensions.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n */\r\n initDimensions() {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this._splitText();\r\n this._clearCache();\r\n if (this.path) {\r\n this.width = this.path.width;\r\n this.height = this.path.height;\r\n } else {\r\n this.width =\r\n this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH;\r\n this.height = this.calcTextHeight();\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n }\r\n\r\n /**\r\n * Enlarge space boxes and shift the others\r\n */\r\n enlargeSpaces() {\r\n let diffSpace,\r\n currentLineWidth,\r\n numberOfSpaces,\r\n accumulatedSpace,\r\n line,\r\n charBound,\r\n spaces;\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n if (\r\n this.textAlign !== 'justify' &&\r\n (i === len - 1 || this.isEndOfWrapping(i))\r\n ) {\r\n continue;\r\n }\r\n accumulatedSpace = 0;\r\n line = this._textLines[i];\r\n currentLineWidth = this.getLineWidth(i);\r\n if (\r\n currentLineWidth < this.width &&\r\n (spaces = this.textLines[i].match(this._reSpacesAndTabs))\r\n ) {\r\n numberOfSpaces = spaces.length;\r\n diffSpace = (this.width - currentLineWidth) / numberOfSpaces;\r\n for (let j = 0, jlen = line.length; j <= jlen; j++) {\r\n charBound = this.__charBounds[i][j];\r\n if (this._reSpaceAndTab.test(line[j])) {\r\n charBound.width += diffSpace;\r\n charBound.kernedWidth += diffSpace;\r\n charBound.left += accumulatedSpace;\r\n accumulatedSpace += diffSpace;\r\n } else {\r\n charBound.left += accumulatedSpace;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping(lineIndex: number): boolean {\r\n return lineIndex === this._textLines.length - 1;\r\n }\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * It return always for text and Itext.\r\n * @return Number\r\n */\r\n missingNewlineOffset() {\r\n return 1;\r\n }\r\n\r\n /**\r\n * Returns 2d representation (lineIndex and charIndex) of cursor\r\n * @param {Number} selectionStart\r\n * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\r\n */\r\n get2DCursorLocation(selectionStart: number, skipWrapping?: boolean) {\r\n const lines = skipWrapping ? this._unwrappedTextLines : this._textLines;\r\n let i: number;\r\n for (i = 0; i < lines.length; i++) {\r\n if (selectionStart <= lines[i].length) {\r\n return {\r\n lineIndex: i,\r\n charIndex: selectionStart,\r\n };\r\n }\r\n selectionStart -= lines[i].length + this.missingNewlineOffset(i);\r\n }\r\n return {\r\n lineIndex: i - 1,\r\n charIndex:\r\n lines[i - 1].length < selectionStart\r\n ? lines[i - 1].length\r\n : selectionStart,\r\n };\r\n }\r\n\r\n /**\r\n * Returns string representation of an instance\r\n * @return {String} String representation of text object\r\n */\r\n toString(): string {\r\n return (\r\n '#'\r\n );\r\n }\r\n\r\n /**\r\n * Return the dimension and the zoom level needed to create a cache canvas\r\n * big enough to host the object to be cached.\r\n * @private\r\n * @param {Object} dim.x width of object to be cached\r\n * @param {Object} dim.y height of object to be cached\r\n * @return {Object}.width width of canvas\r\n * @return {Object}.height height of canvas\r\n * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\r\n * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\r\n */\r\n _getCacheCanvasDimensions(): object {\r\n const dims = super._getCacheCanvasDimensions();\r\n const fontSize = this.fontSize;\r\n dims.width += fontSize * dims.zoomX;\r\n dims.height += fontSize * dims.zoomY;\r\n return dims;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n const path = this.path;\r\n path && !path.isNotVisible() && path._render(ctx);\r\n this._setTextStyles(ctx);\r\n this._renderTextLinesBackground(ctx);\r\n this._renderTextDecoration(ctx, 'underline');\r\n this._renderText(ctx);\r\n this._renderTextDecoration(ctx, 'overline');\r\n this._renderTextDecoration(ctx, 'linethrough');\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderText(ctx: CanvasRenderingContext2D) {\r\n if (this.paintFirst === 'stroke') {\r\n this._renderTextStroke(ctx);\r\n this._renderTextFill(ctx);\r\n } else {\r\n this._renderTextFill(ctx);\r\n this._renderTextStroke(ctx);\r\n }\r\n }\r\n\r\n /**\r\n * Set the font parameter of the context with the object properties or with charStyle\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Object} [charStyle] object with font style properties\r\n * @param {String} [charStyle.fontFamily] Font Family\r\n * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix )\r\n * @param {String} [charStyle.fontWeight] Font weight\r\n * @param {String} [charStyle.fontStyle] Font style (italic|normal)\r\n */\r\n _setTextStyles(\r\n ctx: CanvasRenderingContext2D,\r\n charStyle: any,\r\n forMeasuring?: boolean\r\n ) {\r\n ctx.textBaseline = 'alphabetical';\r\n if (this.path) {\r\n switch (this.pathAlign) {\r\n case 'center':\r\n ctx.textBaseline = 'middle';\r\n break;\r\n case 'ascender':\r\n ctx.textBaseline = 'top';\r\n break;\r\n case 'descender':\r\n ctx.textBaseline = 'bottom';\r\n break;\r\n }\r\n }\r\n ctx.font = this._getFontDeclaration(charStyle, forMeasuring);\r\n }\r\n\r\n /**\r\n * calculate and return the text Width measuring each line.\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @return {Number} Maximum width of Text object\r\n */\r\n calcTextWidth(): number {\r\n let maxWidth = this.getLineWidth(0);\r\n\r\n for (let i = 1, len = this._textLines.length; i < len; i++) {\r\n const currentLineWidth = this.getLineWidth(i);\r\n if (currentLineWidth > maxWidth) {\r\n maxWidth = currentLineWidth;\r\n }\r\n }\r\n return maxWidth;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} line Text to render\r\n * @param {Number} left Left position of text\r\n * @param {Number} top Top position of text\r\n * @param {Number} lineIndex Index of a line in a text\r\n */\r\n _renderTextLine(\r\n method: 'fillText' | 'strokeText',\r\n ctx: CanvasRenderingContext2D,\r\n line: string,\r\n left: number,\r\n top: number,\r\n lineIndex: number\r\n ) {\r\n this._renderChars(method, ctx, line, left, top, lineIndex);\r\n }\r\n\r\n /**\r\n * Renders the text background for lines, taking care of style\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextLinesBackground(ctx: CanvasRenderingContext2D) {\r\n if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) {\r\n return;\r\n }\r\n let heightOfLine,\r\n lineLeftOffset,\r\n originalFill = ctx.fillStyle,\r\n line,\r\n lastColor,\r\n leftOffset = this._getLeftOffset(),\r\n lineTopOffset = this._getTopOffset(),\r\n boxStart = 0,\r\n boxWidth = 0,\r\n charBox,\r\n currentColor,\r\n path = this.path,\r\n drawStart;\r\n\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (\r\n !this.textBackgroundColor &&\r\n !this.styleHas('textBackgroundColor', i)\r\n ) {\r\n lineTopOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxWidth = 0;\r\n boxStart = 0;\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (let j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillStyle = currentColor;\r\n currentColor &&\r\n ctx.fillRect(\r\n -charBox.width / 2,\r\n (-heightOfLine / this.lineHeight) * (1 - this._fontSizeFraction),\r\n charBox.width,\r\n heightOfLine / this.lineHeight\r\n );\r\n ctx.restore();\r\n } else if (currentColor !== lastColor) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = lastColor;\r\n lastColor &&\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n if (currentColor && !path) {\r\n drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentColor;\r\n ctx.fillRect(\r\n drawStart,\r\n lineTopOffset,\r\n boxWidth,\r\n heightOfLine / this.lineHeight\r\n );\r\n }\r\n lineTopOffset += heightOfLine;\r\n }\r\n ctx.fillStyle = originalFill;\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * measure and return the width of a single character.\r\n * possibly overridden to accommodate different measure logic or\r\n * to hook some external lib for character measurement\r\n * @private\r\n * @param {String} _char, char to be measured\r\n * @param {Object} charStyle style of char to be measured\r\n * @param {String} [previousChar] previous char\r\n * @param {Object} [prevCharStyle] style of previous char\r\n */\r\n _measureChar(\r\n _char: string,\r\n charStyle: object,\r\n previousChar: string,\r\n prevCharStyle: object\r\n ) {\r\n let fontCache = cache.getFontCache(charStyle),\r\n fontDeclaration = this._getFontDeclaration(charStyle),\r\n previousFontDeclaration = this._getFontDeclaration(prevCharStyle),\r\n couple = previousChar + _char,\r\n stylesAreEqual = fontDeclaration === previousFontDeclaration,\r\n width,\r\n coupleWidth,\r\n previousWidth,\r\n fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE,\r\n kernedWidth;\r\n\r\n if (previousChar && fontCache[previousChar] !== undefined) {\r\n previousWidth = fontCache[previousChar];\r\n }\r\n if (fontCache[_char] !== undefined) {\r\n kernedWidth = width = fontCache[_char];\r\n }\r\n if (stylesAreEqual && fontCache[couple] !== undefined) {\r\n coupleWidth = fontCache[couple];\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n if (\r\n width === undefined ||\r\n previousWidth === undefined ||\r\n coupleWidth === undefined\r\n ) {\r\n var ctx = this.getMeasuringContext();\r\n // send a TRUE to specify measuring font size CACHE_FONT_SIZE\r\n this._setTextStyles(ctx, charStyle, true);\r\n }\r\n if (width === undefined) {\r\n kernedWidth = width = ctx.measureText(_char).width;\r\n fontCache[_char] = width;\r\n }\r\n if (previousWidth === undefined && stylesAreEqual && previousChar) {\r\n previousWidth = ctx.measureText(previousChar).width;\r\n fontCache[previousChar] = previousWidth;\r\n }\r\n if (stylesAreEqual && coupleWidth === undefined) {\r\n // we can measure the kerning couple and subtract the width of the previous character\r\n coupleWidth = ctx.measureText(couple).width;\r\n fontCache[couple] = coupleWidth;\r\n kernedWidth = coupleWidth - previousWidth;\r\n }\r\n return {\r\n width: width * fontMultiplier,\r\n kernedWidth: kernedWidth * fontMultiplier,\r\n };\r\n }\r\n\r\n /**\r\n * Computes height of character at given position\r\n * @param {Number} line the line index number\r\n * @param {Number} _char the character index number\r\n * @return {Number} fontSize of the character\r\n */\r\n getHeightOfChar(line: number, _char: number): number {\r\n return this.getValueOfPropertyAt(line, _char, 'fontSize');\r\n }\r\n\r\n /**\r\n * measure a text line measuring all characters.\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n measureLine(lineIndex: number): number {\r\n const lineInfo = this._measureLine(lineIndex);\r\n if (this.charSpacing !== 0) {\r\n lineInfo.width -= this._getWidthOfCharSpacing();\r\n }\r\n if (lineInfo.width < 0) {\r\n lineInfo.width = 0;\r\n }\r\n return lineInfo;\r\n }\r\n\r\n /**\r\n * measure every grapheme of a line, populating __charBounds\r\n * @param {Number} lineIndex\r\n * @return {Object} object.width total width of characters\r\n * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs\r\n */\r\n _measureLine(lineIndex: number): object {\r\n let width = 0,\r\n i,\r\n grapheme,\r\n line = this._textLines[lineIndex],\r\n prevGrapheme,\r\n graphemeInfo,\r\n numOfSpaces = 0,\r\n lineBounds = new Array(line.length),\r\n positionInPath = 0,\r\n startingPoint,\r\n totalPathLength,\r\n path = this.path,\r\n reverse = this.pathSide === 'right';\r\n\r\n this.__charBounds[lineIndex] = lineBounds;\r\n for (i = 0; i < line.length; i++) {\r\n grapheme = line[i];\r\n graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme);\r\n lineBounds[i] = graphemeInfo;\r\n width += graphemeInfo.kernedWidth;\r\n prevGrapheme = grapheme;\r\n }\r\n // this latest bound box represent the last character of the line\r\n // to simplify cursor handling in interactive mode.\r\n lineBounds[i] = {\r\n left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0,\r\n width: 0,\r\n kernedWidth: 0,\r\n height: this.fontSize,\r\n };\r\n if (path) {\r\n totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length;\r\n startingPoint = getPointOnPath(path.path, 0, path.segmentsInfo);\r\n startingPoint.x += path.pathOffset.x;\r\n startingPoint.y += path.pathOffset.y;\r\n switch (this.textAlign) {\r\n case 'left':\r\n positionInPath = reverse ? totalPathLength - width : 0;\r\n break;\r\n case 'center':\r\n positionInPath = (totalPathLength - width) / 2;\r\n break;\r\n case 'right':\r\n positionInPath = reverse ? 0 : totalPathLength - width;\r\n break;\r\n //todo - add support for justify\r\n }\r\n positionInPath += this.pathStartOffset * (reverse ? -1 : 1);\r\n for (\r\n i = reverse ? line.length - 1 : 0;\r\n reverse ? i >= 0 : i < line.length;\r\n reverse ? i-- : i++\r\n ) {\r\n graphemeInfo = lineBounds[i];\r\n if (positionInPath > totalPathLength) {\r\n positionInPath %= totalPathLength;\r\n } else if (positionInPath < 0) {\r\n positionInPath += totalPathLength;\r\n }\r\n // it would probably much faster to send all the grapheme position for a line\r\n // and calculate path position/angle at once.\r\n this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint);\r\n positionInPath += graphemeInfo.kernedWidth;\r\n }\r\n }\r\n return { width: width, numOfSpaces: numOfSpaces };\r\n }\r\n\r\n /**\r\n * Calculate the angle and the left,top position of the char that follow a path.\r\n * It appends it to graphemeInfo to be reused later at rendering\r\n * @private\r\n * @param {Number} positionInPath to be measured\r\n * @param {Object} graphemeInfo current grapheme box information\r\n * @param {Object} startingPoint position of the point\r\n */\r\n _setGraphemeOnPath(\r\n positionInPath: number,\r\n graphemeInfo: object,\r\n startingPoint\r\n ) {\r\n const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2,\r\n path = this.path;\r\n\r\n // we are at currentPositionOnPath. we want to know what point on the path is.\r\n const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo);\r\n graphemeInfo.renderLeft = info.x - startingPoint.x;\r\n graphemeInfo.renderTop = info.y - startingPoint.y;\r\n graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0);\r\n }\r\n\r\n /**\r\n *\r\n * @param {String} grapheme to be measured\r\n * @param {Number} lineIndex index of the line where the char is\r\n * @param {Number} charIndex position in the line\r\n * @param {String} [prevGrapheme] character preceding the one to be measured\r\n * @returns {GraphemeBBox} grapheme bbox\r\n */\r\n _getGraphemeBox(\r\n grapheme: string,\r\n lineIndex: number,\r\n charIndex: number,\r\n prevGrapheme: string,\r\n skipLeft\r\n ): GraphemeBBox {\r\n const style = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n prevStyle = prevGrapheme\r\n ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1)\r\n : {},\r\n info = this._measureChar(grapheme, style, prevGrapheme, prevStyle);\r\n let kernedWidth = info.kernedWidth,\r\n width = info.width,\r\n charSpacing;\r\n\r\n if (this.charSpacing !== 0) {\r\n charSpacing = this._getWidthOfCharSpacing();\r\n width += charSpacing;\r\n kernedWidth += charSpacing;\r\n }\r\n\r\n const box: GraphemeBBox = {\r\n width: width,\r\n left: 0,\r\n height: style.fontSize,\r\n kernedWidth: kernedWidth,\r\n deltaY: style.deltaY,\r\n };\r\n if (charIndex > 0 && !skipLeft) {\r\n const previousBox = this.__charBounds[lineIndex][charIndex - 1];\r\n box.left =\r\n previousBox.left + previousBox.width + info.kernedWidth - info.width;\r\n }\r\n return box;\r\n }\r\n\r\n /**\r\n * Calculate height of line at 'lineIndex'\r\n * @param {Number} lineIndex index of line to calculate\r\n * @return {Number}\r\n */\r\n getHeightOfLine(lineIndex: number): number {\r\n if (this.__lineHeights[lineIndex]) {\r\n return this.__lineHeights[lineIndex];\r\n }\r\n\r\n let line = this._textLines[lineIndex],\r\n // char 0 is measured before the line cycle because it nneds to char\r\n // emptylines\r\n maxHeight = this.getHeightOfChar(lineIndex, 0);\r\n for (let i = 1, len = line.length; i < len; i++) {\r\n maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight);\r\n }\r\n\r\n return (this.__lineHeights[lineIndex] =\r\n maxHeight * this.lineHeight * this._fontSizeMult);\r\n }\r\n\r\n /**\r\n * Calculate text box height\r\n */\r\n calcTextHeight() {\r\n let lineHeight,\r\n height = 0;\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n lineHeight = this.getHeightOfLine(i);\r\n height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight;\r\n }\r\n return height;\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Number} Left offset\r\n */\r\n _getLeftOffset(): number {\r\n return this.direction === 'ltr' ? -this.width / 2 : this.width / 2;\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Number} Top offset\r\n */\r\n _getTopOffset(): number {\r\n return -this.height / 2;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {String} method Method name (\"fillText\" or \"strokeText\")\r\n */\r\n _renderTextCommon(\r\n ctx: CanvasRenderingContext2D,\r\n method: 'fillText' | 'strokeText'\r\n ) {\r\n ctx.save();\r\n let lineHeights = 0,\r\n left = this._getLeftOffset(),\r\n top = this._getTopOffset();\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n const heightOfLine = this.getHeightOfLine(i),\r\n maxHeight = heightOfLine / this.lineHeight,\r\n leftOffset = this._getLineLeftOffset(i);\r\n this._renderTextLine(\r\n method,\r\n ctx,\r\n this._textLines[i],\r\n left + leftOffset,\r\n top + lineHeights + maxHeight,\r\n i\r\n );\r\n lineHeights += heightOfLine;\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextFill(ctx: CanvasRenderingContext2D) {\r\n if (!this.fill && !this.styleHas('fill')) {\r\n return;\r\n }\r\n\r\n this._renderTextCommon(ctx, 'fillText');\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextStroke(ctx: CanvasRenderingContext2D) {\r\n if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) {\r\n return;\r\n }\r\n\r\n if (this.shadow && !this.shadow.affectStroke) {\r\n this._removeShadow(ctx);\r\n }\r\n\r\n ctx.save();\r\n this._setLineDash(ctx, this.strokeDashArray);\r\n ctx.beginPath();\r\n this._renderTextCommon(ctx, 'strokeText');\r\n ctx.closePath();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} method fillText or strokeText.\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Array} line Content of the line, splitted in an array by grapheme\r\n * @param {Number} left\r\n * @param {Number} top\r\n * @param {Number} lineIndex\r\n */\r\n _renderChars(\r\n method: 'fillText' | 'strokeText',\r\n ctx: CanvasRenderingContext2D,\r\n line: Array,\r\n left: number,\r\n top: number,\r\n lineIndex: number\r\n ) {\r\n let lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n boxWidth = 0,\r\n timeToRender,\r\n path = this.path,\r\n shortCut =\r\n !isJustify &&\r\n this.charSpacing === 0 &&\r\n this.isEmptyStyles(lineIndex) &&\r\n !path,\r\n isLtr = this.direction === 'ltr',\r\n sign = this.direction === 'ltr' ? 1 : -1,\r\n // this was changed in the PR #7674\r\n // currentDirection = ctx.canvas.getAttribute('dir');\r\n drawingLeft,\r\n currentDirection = ctx.direction;\r\n ctx.save();\r\n if (currentDirection !== this.direction) {\r\n ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');\r\n ctx.direction = isLtr ? 'ltr' : 'rtl';\r\n ctx.textAlign = isLtr ? 'left' : 'right';\r\n }\r\n top -= (lineHeight * this._fontSizeFraction) / this.lineHeight;\r\n if (shortCut) {\r\n // render all the line in one pass without checking\r\n // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n 0,\r\n line.join(''),\r\n left,\r\n top,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n return;\r\n }\r\n for (let i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing || path;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n left += sign * (charBox.kernedWidth - charBox.width);\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = hasStyleChanged(actualStyle, nextStyle, false);\r\n }\r\n if (timeToRender) {\r\n if (path) {\r\n ctx.save();\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n -boxWidth / 2,\r\n 0,\r\n lineHeight\r\n );\r\n ctx.restore();\r\n } else {\r\n drawingLeft = left;\r\n this._renderChar(\r\n method,\r\n ctx,\r\n lineIndex,\r\n i,\r\n charsToRender,\r\n drawingLeft,\r\n top,\r\n lineHeight\r\n );\r\n }\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n left += sign * boxWidth;\r\n boxWidth = 0;\r\n }\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * This function try to patch the missing gradientTransform on canvas gradients.\r\n * transforming a context to transform the gradient, is going to transform the stroke too.\r\n * we want to transform the gradient but not the stroke operation, so we create\r\n * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\r\n * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size\r\n * is limited.\r\n * @private\r\n * @param {fabric.Gradient} filler a fabric gradient instance\r\n * @return {CanvasPattern} a pattern to use as fill/stroke style\r\n */\r\n _applyPatternGradientTransformText(filler: fabric.Gradient): CanvasPattern {\r\n let pCanvas = createCanvasElement(),\r\n pCtx,\r\n // TODO: verify compatibility with strokeUniform\r\n width = this.width + this.strokeWidth,\r\n height = this.height + this.strokeWidth;\r\n pCanvas.width = width;\r\n pCanvas.height = height;\r\n pCtx = pCanvas.getContext('2d');\r\n pCtx.beginPath();\r\n pCtx.moveTo(0, 0);\r\n pCtx.lineTo(width, 0);\r\n pCtx.lineTo(width, height);\r\n pCtx.lineTo(0, height);\r\n pCtx.closePath();\r\n pCtx.translate(width / 2, height / 2);\r\n pCtx.fillStyle = filler.toLive(pCtx);\r\n this._applyPatternGradientTransform(pCtx, filler);\r\n pCtx.fill();\r\n return pCtx.createPattern(pCanvas, 'no-repeat');\r\n }\r\n\r\n handleFiller(ctx, property, filler) {\r\n let offsetX, offsetY;\r\n if (filler.toLive) {\r\n if (\r\n filler.gradientUnits === 'percentage' ||\r\n filler.gradientTransform ||\r\n filler.patternTransform\r\n ) {\r\n // need to transform gradient in a pattern.\r\n // this is a slow process. If you are hitting this codepath, and the object\r\n // is not using caching, you should consider switching it on.\r\n // we need a canvas as big as the current object caching canvas.\r\n offsetX = -this.width / 2;\r\n offsetY = -this.height / 2;\r\n ctx.translate(offsetX, offsetY);\r\n ctx[property] = this._applyPatternGradientTransformText(filler);\r\n return { offsetX: offsetX, offsetY: offsetY };\r\n } else {\r\n // is a simple gradient or pattern\r\n ctx[property] = filler.toLive(ctx, this);\r\n return this._applyPatternGradientTransform(ctx, filler);\r\n }\r\n } else {\r\n // is a color\r\n ctx[property] = filler;\r\n }\r\n return { offsetX: 0, offsetY: 0 };\r\n }\r\n\r\n _setStrokeStyles(ctx, decl) {\r\n ctx.lineWidth = decl.strokeWidth;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.lineDashOffset = this.strokeDashOffset;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n return this.handleFiller(ctx, 'strokeStyle', decl.stroke);\r\n }\r\n\r\n _setFillStyles(ctx, decl) {\r\n return this.handleFiller(ctx, 'fillStyle', decl.fill);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} method\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {String} _char\r\n * @param {Number} left Left coordinate\r\n * @param {Number} top Top coordinate\r\n * @param {Number} lineHeight Height of the line\r\n */\r\n _renderChar(\r\n method: 'fillText' | 'strokeText',\r\n ctx: CanvasRenderingContext2D,\r\n lineIndex: number,\r\n charIndex: number,\r\n _char: string,\r\n left: number,\r\n top: number\r\n ) {\r\n const decl = this._getStyleDeclaration(lineIndex, charIndex),\r\n fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex),\r\n shouldFill = method === 'fillText' && fullDecl.fill,\r\n shouldStroke =\r\n method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth;\r\n let fillOffsets, strokeOffsets;\r\n\r\n if (!shouldStroke && !shouldFill) {\r\n return;\r\n }\r\n ctx.save();\r\n\r\n shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl));\r\n shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl));\r\n\r\n ctx.font = this._getFontDeclaration(fullDecl);\r\n\r\n if (decl && decl.textBackgroundColor) {\r\n this._removeShadow(ctx);\r\n }\r\n if (decl && decl.deltaY) {\r\n top += decl.deltaY;\r\n }\r\n shouldFill &&\r\n ctx.fillText(\r\n _char,\r\n left - fillOffsets.offsetX,\r\n top - fillOffsets.offsetY\r\n );\r\n shouldStroke &&\r\n ctx.strokeText(\r\n _char,\r\n left - strokeOffsets.offsetX,\r\n top - strokeOffsets.offsetY\r\n );\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Turns the character into a 'superior figure' (i.e. 'superscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {Text} thisArg\r\n * @chainable\r\n */\r\n setSuperscript(start: number, end: number): Text {\r\n return this._setScript(start, end, this.superscript);\r\n }\r\n\r\n /**\r\n * Turns the character into an 'inferior figure' (i.e. 'subscript')\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @returns {Text} thisArg\r\n * @chainable\r\n */\r\n setSubscript(start: number, end: number): Text {\r\n return this._setScript(start, end, this.subscript);\r\n }\r\n\r\n /**\r\n * Applies 'schema' at given position\r\n * @private\r\n * @param {Number} start selection start\r\n * @param {Number} end selection end\r\n * @param {Number} schema\r\n * @returns {Text} thisArg\r\n * @chainable\r\n */\r\n _setScript(start: number, end: number, schema: number): Text {\r\n const loc = this.get2DCursorLocation(start, true),\r\n fontSize = this.getValueOfPropertyAt(\r\n loc.lineIndex,\r\n loc.charIndex,\r\n 'fontSize'\r\n ),\r\n dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'),\r\n style = {\r\n fontSize: fontSize * schema.size,\r\n deltaY: dy + fontSize * schema.baseline,\r\n };\r\n this.setSelectionStyles(style, start, end);\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Number} lineIndex index text line\r\n * @return {Number} Line left offset\r\n */\r\n _getLineLeftOffset(lineIndex: number): number {\r\n var lineWidth = this.getLineWidth(lineIndex),\r\n lineDiff = this.width - lineWidth,\r\n textAlign = this.textAlign,\r\n direction = this.direction,\r\n isEndOfWrapping,\r\n leftOffset = 0,\r\n isEndOfWrapping = this.isEndOfWrapping(lineIndex);\r\n if (\r\n textAlign === 'justify' ||\r\n (textAlign === 'justify-center' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-right' && !isEndOfWrapping) ||\r\n (textAlign === 'justify-left' && !isEndOfWrapping)\r\n ) {\r\n return 0;\r\n }\r\n if (textAlign === 'center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (textAlign === 'justify-center') {\r\n leftOffset = lineDiff / 2;\r\n }\r\n if (textAlign === 'justify-right') {\r\n leftOffset = lineDiff;\r\n }\r\n if (direction === 'rtl') {\r\n if (\r\n textAlign === 'right' ||\r\n textAlign === 'justify' ||\r\n textAlign === 'justify-right'\r\n ) {\r\n leftOffset = 0;\r\n } else if (textAlign === 'left' || textAlign === 'justify-left') {\r\n leftOffset = -lineDiff;\r\n } else if (textAlign === 'center' || textAlign === 'justify-center') {\r\n leftOffset = -lineDiff / 2;\r\n }\r\n }\r\n return leftOffset;\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _clearCache() {\r\n this.__lineWidths = [];\r\n this.__lineHeights = [];\r\n this.__charBounds = [];\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _shouldClearDimensionCache() {\r\n let shouldClear = this._forceClearCache;\r\n shouldClear ||\r\n (shouldClear = this.hasStateChanged('_dimensionAffectingProps'));\r\n if (shouldClear) {\r\n this.dirty = true;\r\n this._forceClearCache = false;\r\n }\r\n return shouldClear;\r\n }\r\n\r\n /**\r\n * Measure a single line given its index. Used to calculate the initial\r\n * text bounding box. The values are calculated and stored in __lineWidths cache.\r\n * @private\r\n * @param {Number} lineIndex line number\r\n * @return {Number} Line width\r\n */\r\n getLineWidth(lineIndex: number): number {\r\n if (this.__lineWidths[lineIndex] !== undefined) {\r\n return this.__lineWidths[lineIndex];\r\n }\r\n\r\n const lineInfo = this.measureLine(lineIndex);\r\n const width = lineInfo.width;\r\n this.__lineWidths[lineIndex] = width;\r\n return width;\r\n }\r\n\r\n _getWidthOfCharSpacing() {\r\n if (this.charSpacing !== 0) {\r\n return (this.fontSize * this.charSpacing) / 1000;\r\n }\r\n return 0;\r\n }\r\n\r\n /**\r\n * Retrieves the value of property at given character position\r\n * @param {Number} lineIndex the line number\r\n * @param {Number} charIndex the character number\r\n * @param {String} property the property name\r\n * @returns the value of 'property'\r\n */\r\n getValueOfPropertyAt(lineIndex: number, charIndex: number, property: string) {\r\n const charStyle = this._getStyleDeclaration(lineIndex, charIndex);\r\n if (charStyle && typeof charStyle[property] !== 'undefined') {\r\n return charStyle[property];\r\n }\r\n return this[property];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _renderTextDecoration(ctx: CanvasRenderingContext2D, type) {\r\n if (!this[type] && !this.styleHas(type)) {\r\n return;\r\n }\r\n let heightOfLine,\r\n size,\r\n _size,\r\n lineLeftOffset,\r\n dy,\r\n _dy,\r\n line,\r\n lastDecoration,\r\n leftOffset = this._getLeftOffset(),\r\n topOffset = this._getTopOffset(),\r\n top,\r\n boxStart,\r\n boxWidth,\r\n charBox,\r\n currentDecoration,\r\n maxHeight,\r\n currentFill,\r\n lastFill,\r\n path = this.path,\r\n charSpacing = this._getWidthOfCharSpacing(),\r\n offsetY = this.offsets[type];\r\n\r\n for (let i = 0, len = this._textLines.length; i < len; i++) {\r\n heightOfLine = this.getHeightOfLine(i);\r\n if (!this[type] && !this.styleHas(type, i)) {\r\n topOffset += heightOfLine;\r\n continue;\r\n }\r\n line = this._textLines[i];\r\n maxHeight = heightOfLine / this.lineHeight;\r\n lineLeftOffset = this._getLineLeftOffset(i);\r\n boxStart = 0;\r\n boxWidth = 0;\r\n lastDecoration = this.getValueOfPropertyAt(i, 0, type);\r\n lastFill = this.getValueOfPropertyAt(i, 0, 'fill');\r\n top = topOffset + maxHeight * (1 - this._fontSizeFraction);\r\n size = this.getHeightOfChar(i, 0);\r\n dy = this.getValueOfPropertyAt(i, 0, 'deltaY');\r\n for (let j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentDecoration = this.getValueOfPropertyAt(i, j, type);\r\n currentFill = this.getValueOfPropertyAt(i, j, 'fill');\r\n _size = this.getHeightOfChar(i, j);\r\n _dy = this.getValueOfPropertyAt(i, j, 'deltaY');\r\n if (path && currentDecoration && currentFill) {\r\n ctx.save();\r\n ctx.fillStyle = lastFill;\r\n ctx.translate(charBox.renderLeft, charBox.renderTop);\r\n ctx.rotate(charBox.angle);\r\n ctx.fillRect(\r\n -charBox.kernedWidth / 2,\r\n offsetY * _size + _dy,\r\n charBox.kernedWidth,\r\n this.fontSize / 15\r\n );\r\n ctx.restore();\r\n } else if (\r\n (currentDecoration !== lastDecoration ||\r\n currentFill !== lastFill ||\r\n _size !== size ||\r\n _dy !== dy) &&\r\n boxWidth > 0\r\n ) {\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n if (lastDecoration && lastFill) {\r\n ctx.fillStyle = lastFill;\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth,\r\n this.fontSize / 15\r\n );\r\n }\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastDecoration = currentDecoration;\r\n lastFill = currentFill;\r\n size = _size;\r\n dy = _dy;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n var drawStart = leftOffset + lineLeftOffset + boxStart;\r\n if (this.direction === 'rtl') {\r\n drawStart = this.width - drawStart - boxWidth;\r\n }\r\n ctx.fillStyle = currentFill;\r\n currentDecoration &&\r\n currentFill &&\r\n ctx.fillRect(\r\n drawStart,\r\n top + offsetY * size + dy,\r\n boxWidth - charSpacing,\r\n this.fontSize / 15\r\n );\r\n topOffset += heightOfLine;\r\n }\r\n // if there is text background color no\r\n // other shadows should be casted\r\n this._removeShadow(ctx);\r\n }\r\n\r\n /**\r\n * return font declaration string for canvas context\r\n * @param {Object} [styleObject] object\r\n * @returns {String} font declaration formatted for canvas context.\r\n */\r\n _getFontDeclaration(styleObject: object, forMeasuring): string {\r\n const style = styleObject || this,\r\n family = this.fontFamily,\r\n fontIsGeneric = Text.genericFonts.indexOf(family.toLowerCase()) > -1;\r\n const fontFamily =\r\n family === undefined ||\r\n family.indexOf(\"'\") > -1 ||\r\n family.indexOf(',') > -1 ||\r\n family.indexOf('\"') > -1 ||\r\n fontIsGeneric\r\n ? style.fontFamily\r\n : '\"' + style.fontFamily + '\"';\r\n return [\r\n // node-canvas needs \"weight style\", while browsers need \"style weight\"\r\n // verify if this can be fixed in JSDOM\r\n fabric.isLikelyNode ? style.fontWeight : style.fontStyle,\r\n fabric.isLikelyNode ? style.fontStyle : style.fontWeight,\r\n forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px',\r\n fontFamily,\r\n ].join(' ');\r\n }\r\n\r\n /**\r\n * Renders text instance on a specified context\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n if (!this.visible) {\r\n return;\r\n }\r\n if (\r\n this.canvas &&\r\n this.canvas.skipOffscreen &&\r\n !this.group &&\r\n !this.isOnScreen()\r\n ) {\r\n return;\r\n }\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n }\r\n super.render(ctx);\r\n }\r\n\r\n /**\r\n * Override this method to customize grapheme splitting\r\n * @param {string} value\r\n * @returns {string[]} array of graphemes\r\n */\r\n graphemeSplit(value: string): string[] {\r\n return graphemeSplit(value);\r\n }\r\n\r\n /**\r\n * Returns the text as an array of lines.\r\n * @param {String} text text to split\r\n * @returns Lines in the text\r\n */\r\n _splitTextIntoLines(text: string) {\r\n const lines = text.split(this._reNewline),\r\n newLines = new Array(lines.length),\r\n newLine = ['\\n'];\r\n let newText = [];\r\n for (let i = 0; i < lines.length; i++) {\r\n newLines[i] = this.graphemeSplit(lines[i]);\r\n newText = newText.concat(newLines[i], newLine);\r\n }\r\n newText.pop();\r\n return {\r\n _unwrappedLines: newLines,\r\n lines: lines,\r\n graphemeText: newText,\r\n graphemeLines: newLines,\r\n };\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} Object representation of an instance\r\n */\r\n toObject(propertiesToInclude: Array): object {\r\n const allProperties = additionalProps.concat(propertiesToInclude);\r\n const obj = super.toObject(allProperties);\r\n obj.styles = stylesToArray(this.styles, this.text);\r\n if (obj.path) {\r\n obj.path = this.path.toObject();\r\n }\r\n return obj;\r\n }\r\n\r\n /**\r\n * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.\r\n * @param {String|Object} key Property name or object (if object, iterate over the object properties)\r\n * @param {*} value Property value (if function, the value is passed into it and its return value is used as a new one)\r\n * @return {FabricObject} thisArg\r\n * @chainable\r\n */\r\n set(key: string | any, value?: any) {\r\n super.set(key, value);\r\n let needsDims = false;\r\n let isAddingPath = false;\r\n if (typeof key === 'object') {\r\n for (const _key in key) {\r\n if (_key === 'path') {\r\n this.setPathInfo();\r\n }\r\n needsDims =\r\n needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1;\r\n isAddingPath = isAddingPath || _key === 'path';\r\n }\r\n } else {\r\n needsDims = this._dimensionAffectingProps.indexOf(key) !== -1;\r\n isAddingPath = key === 'path';\r\n }\r\n if (isAddingPath) {\r\n this.setPathInfo();\r\n }\r\n if (needsDims && this.initialized) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns complexity of an instance\r\n * @return {Number} complexity\r\n */\r\n complexity(): number {\r\n return 1;\r\n }\r\n\r\n /**\r\n * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement})\r\n * @static\r\n * @memberOf Text\r\n * @see: http://www.w3.org/TR/SVG/text.html#TextElement\r\n */\r\n static ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(\r\n 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(\r\n ' '\r\n )\r\n );\r\n\r\n static genericFonts = [\r\n 'sans-serif',\r\n 'serif',\r\n 'cursive',\r\n 'fantasy',\r\n 'monospace',\r\n ];\r\n\r\n /**\r\n * Returns Text instance from an SVG element (not yet implemented)\r\n * @static\r\n * @memberOf Text\r\n * @param {SVGElement} element Element to parse\r\n * @param {Function} callback callback function invoked after parsing\r\n * @param {Object} [options] Options object\r\n */\r\n static fromElement(element: SVGElement, callback: Function, options: object) {\r\n if (!element) {\r\n return callback(null);\r\n }\r\n\r\n const parsedAttributes = fabric.parseAttributes(\r\n element,\r\n Text.ATTRIBUTE_NAMES\r\n ),\r\n parsedAnchor = parsedAttributes.textAnchor || 'left';\r\n options = Object.assign({}, options, parsedAttributes);\r\n\r\n options.top = options.top || 0;\r\n options.left = options.left || 0;\r\n if (parsedAttributes.textDecoration) {\r\n const textDecoration = parsedAttributes.textDecoration;\r\n if (textDecoration.indexOf('underline') !== -1) {\r\n options.underline = true;\r\n }\r\n if (textDecoration.indexOf('overline') !== -1) {\r\n options.overline = true;\r\n }\r\n if (textDecoration.indexOf('line-through') !== -1) {\r\n options.linethrough = true;\r\n }\r\n delete options.textDecoration;\r\n }\r\n if ('dx' in parsedAttributes) {\r\n options.left += parsedAttributes.dx;\r\n }\r\n if ('dy' in parsedAttributes) {\r\n options.top += parsedAttributes.dy;\r\n }\r\n if (!('fontSize' in options)) {\r\n options.fontSize = DEFAULT_SVG_FONT_SIZE;\r\n }\r\n\r\n let textContent = '';\r\n\r\n // The XML is not properly parsed in IE9 so a workaround to get\r\n // textContent is through firstChild.data. Another workaround would be\r\n // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does)\r\n if (!('textContent' in element)) {\r\n if ('firstChild' in element && element.firstChild !== null) {\r\n if ('data' in element.firstChild && element.firstChild.data !== null) {\r\n textContent = element.firstChild.data;\r\n }\r\n }\r\n } else {\r\n textContent = element.textContent;\r\n }\r\n\r\n textContent = textContent\r\n .replace(/^\\s+|\\s+$|\\n+/g, '')\r\n .replace(/\\s+/g, ' ');\r\n const originalStrokeWidth = options.strokeWidth;\r\n options.strokeWidth = 0;\r\n\r\n let text = new Text(textContent, options),\r\n textHeightScaleFactor = text.getScaledHeight() / text.height,\r\n lineHeightDiff =\r\n (text.height + text.strokeWidth) * text.lineHeight - text.height,\r\n scaledDiff = lineHeightDiff * textHeightScaleFactor,\r\n textHeight = text.getScaledHeight() + scaledDiff,\r\n offX = 0;\r\n /*\r\n Adjust positioning:\r\n x/y attributes in SVG correspond to the bottom-left corner of text bounding box\r\n fabric output by default at top, left.\r\n */\r\n if (parsedAnchor === 'center') {\r\n offX = text.getScaledWidth() / 2;\r\n }\r\n if (parsedAnchor === 'right') {\r\n offX = text.getScaledWidth();\r\n }\r\n text.set({\r\n left: text.left - offX,\r\n top:\r\n text.top -\r\n (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) /\r\n text.lineHeight,\r\n strokeWidth:\r\n typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1,\r\n });\r\n callback(text);\r\n }\r\n\r\n /**\r\n * Returns Text instance from an object representation\r\n * @static\r\n * @memberOf Text\r\n * @param {Object} object plain js Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n const styles = stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n const objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(Text, objCopy, {\r\n extraParam: 'text',\r\n });\r\n }\r\n}\r\n\r\nexport const textDefaultValues: Partial> = {\r\n _dimensionAffectingProps: [\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontFamily',\r\n 'fontStyle',\r\n 'lineHeight',\r\n 'text',\r\n 'charSpacing',\r\n 'textAlign',\r\n 'styles',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n ],\r\n _reNewline: /\\r?\\n/,\r\n _reSpacesAndTabs: /[ \\t\\r]/g,\r\n _reSpaceAndTab: /[ \\t\\r]/,\r\n _reWords: /\\S+/g,\r\n type: 'text',\r\n fontSize: 40,\r\n fontWeight: 'normal',\r\n fontFamily: 'Times New Roman',\r\n underline: false,\r\n overline: false,\r\n linethrough: false,\r\n textAlign: 'left',\r\n fontStyle: 'normal',\r\n lineHeight: 1.16,\r\n superscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: -0.35, // baseline-shift factor (upwards)\r\n },\r\n subscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: 0.11, // baseline-shift factor (downwards)\r\n },\r\n textBackgroundColor: '',\r\n stateProperties:\r\n FabricObject.prototype.stateProperties.concat(additionalProps),\r\n cacheProperties:\r\n FabricObject.prototype.cacheProperties.concat(additionalProps),\r\n stroke: null,\r\n shadow: null,\r\n path: null,\r\n pathStartOffset: 0,\r\n pathSide: 'left',\r\n pathAlign: 'baseline',\r\n _fontSizeFraction: 0.222,\r\n offsets: {\r\n underline: 0.1,\r\n linethrough: -0.315,\r\n overline: -0.88,\r\n },\r\n _fontSizeMult: 1.13,\r\n charSpacing: 0,\r\n styles: null,\r\n deltaY: 0,\r\n direction: 'ltr',\r\n _styleProperties: [\r\n 'stroke',\r\n 'strokeWidth',\r\n 'fill',\r\n 'fontFamily',\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontStyle',\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n 'deltaY',\r\n 'textBackgroundColor',\r\n ],\r\n __charBounds: [],\r\n CACHE_FONT_SIZE: 400,\r\n MIN_TEXT_WIDTH: 2,\r\n};\r\n\r\nObject.assign(Text.prototype, textDefaultValues);\r\n\r\n/* _FROM_SVG_START_ */\r\n\r\n/* _FROM_SVG_END_ */\r\n\r\nfabric.Text = Text;\r\n","// @ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { stylesFromArray } from '../util/misc/textStyles';\r\nimport { FabricObject } from './fabricObject.class';\r\nimport { Text } from './text.class';\r\n\r\n/**\r\n * IText class (introduced in v1.4) Events are also fired with \"text:\"\r\n * prefix when observing canvas.\r\n * @class IText\r\n *\r\n * @fires changed\r\n * @fires selection:changed\r\n * @fires editing:entered\r\n * @fires editing:exited\r\n * @fires dragstart\r\n * @fires drag drag event firing on the drag source\r\n * @fires dragend\r\n * @fires copy\r\n * @fires cut\r\n * @fires paste\r\n *\r\n * @return {IText} thisArg\r\n * @see {@link IText#initialize} for constructor definition\r\n *\r\n *

Supported key combinations:

\r\n * 
\r\n *   Move cursor:                    left, right, up, down\r\n *   Select character:               shift + left, shift + right\r\n *   Select text vertically:         shift + up, shift + down\r\n *   Move cursor by word:            alt + left, alt + right\r\n *   Select words:                   shift + alt + left, shift + alt + right\r\n *   Move cursor to line start/end:  cmd + left, cmd + right or home, end\r\n *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end\r\n *   Jump to start/end of text:      cmd + up, cmd + down\r\n *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown\r\n *   Delete character:               backspace\r\n *   Delete word:                    alt + backspace\r\n *   Delete line:                    cmd + backspace\r\n *   Forward delete:                 delete\r\n *   Copy text:                      ctrl/cmd + c\r\n *   Paste text:                     ctrl/cmd + v\r\n *   Cut text:                       ctrl/cmd + x\r\n *   Select entire text:             ctrl/cmd + a\r\n *   Quit editing                    tab or esc\r\n *
\r\n *\r\n *

Supported mouse/touch combination

\r\n * 
\r\n *   Position cursor:                click/touch\r\n *   Create selection:               click/touch & drag\r\n *   Create selection:               click & shift + click\r\n *   Select word:                    double click\r\n *   Select line:                    triple click\r\n *
\r\n */\r\nexport class IText extends Text {\r\n /**\r\n * Index where text selection starts (or where cursor is when there is no selection)\r\n * @type Number\r\n * @default\r\n */\r\n selectionStart = 0;\r\n\r\n /**\r\n * Index where text selection ends\r\n * @type Number\r\n * @default\r\n */\r\n selectionEnd = 0;\r\n\r\n /**\r\n * Color of text selection\r\n * @type String\r\n * @default\r\n */\r\n selectionColor: string;\r\n\r\n /**\r\n * Indicates whether text is in editing mode\r\n * @type Boolean\r\n * @default\r\n */\r\n isEditing: boolean;\r\n\r\n /**\r\n * Indicates whether a text can be edited\r\n * @type Boolean\r\n * @default\r\n */\r\n editable: boolean;\r\n\r\n /**\r\n * Border color of text object while it's in editing mode\r\n * @type String\r\n * @default\r\n */\r\n editingBorderColor: string;\r\n\r\n /**\r\n * Width of cursor (in px)\r\n * @type Number\r\n * @default\r\n */\r\n cursorWidth: number;\r\n\r\n /**\r\n * Color of text cursor color in editing mode.\r\n * if not set (default) will take color from the text.\r\n * if set to a color value that fabric can understand, it will\r\n * be used instead of the color of the text at the current position.\r\n * @type String\r\n * @default\r\n */\r\n cursorColor: string;\r\n\r\n /**\r\n * Delay between cursor blink (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDelay: number;\r\n\r\n /**\r\n * Duration of cursor fade in (in ms)\r\n * @type Number\r\n * @default\r\n */\r\n cursorDuration: number;\r\n\r\n /**\r\n * Indicates whether internal text char widths can be cached\r\n * @type Boolean\r\n * @default\r\n */\r\n caching: boolean;\r\n\r\n /**\r\n * DOM container to append the hiddenTextarea.\r\n * An alternative to attaching to the document.body.\r\n * Useful to reduce laggish redraw of the full document.body tree and\r\n * also with modals event capturing that won't let the textarea take focus.\r\n * @type HTMLElement\r\n * @default\r\n */\r\n hiddenTextareaContainer?: HTMLElement | null;\r\n\r\n /**\r\n * @private\r\n */\r\n _reSpace: RegExp;\r\n\r\n /**\r\n * @private\r\n */\r\n _currentCursorOpacity: number;\r\n\r\n /**\r\n * @private\r\n */\r\n _selectionDirection: CanvasDirection;\r\n\r\n /**\r\n * Helps determining when the text is in composition, so that the cursor\r\n * rendering is altered.\r\n */\r\n inCompositionMode: boolean;\r\n\r\n /**\r\n * Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n * @return {IText} thisArg\r\n */\r\n constructor(text: string, options: object) {\r\n super(text, options);\r\n this.initBehavior();\r\n }\r\n\r\n /**\r\n * While editing handle differently\r\n * @private\r\n * @param {string} key\r\n * @param {*} value\r\n */\r\n _set(key: string, value: any) {\r\n if (this.isEditing && this._savedProps && key in this._savedProps) {\r\n this._savedProps[key] = value;\r\n } else {\r\n super._set(key, value);\r\n }\r\n }\r\n\r\n /**\r\n * Sets selection start (left boundary of a selection)\r\n * @param {Number} index Index to set selection start to\r\n */\r\n setSelectionStart(index: number) {\r\n index = Math.max(index, 0);\r\n this._updateAndFire('selectionStart', index);\r\n }\r\n\r\n /**\r\n * Sets selection end (right boundary of a selection)\r\n * @param {Number} index Index to set selection end to\r\n */\r\n setSelectionEnd(index: number) {\r\n index = Math.min(index, this.text.length);\r\n this._updateAndFire('selectionEnd', index);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {String} property 'selectionStart' or 'selectionEnd'\r\n * @param {Number} index new position of property\r\n */\r\n _updateAndFire(property: string, index: number) {\r\n if (this[property] !== index) {\r\n this._fireSelectionChanged();\r\n this[property] = index;\r\n }\r\n this._updateTextarea();\r\n }\r\n\r\n /**\r\n * Fires the even of selection changed\r\n * @private\r\n */\r\n _fireSelectionChanged() {\r\n this.fire('selection:changed');\r\n this.canvas && this.canvas.fire('text:selection:changed', { target: this });\r\n }\r\n\r\n /**\r\n * Initialize text dimensions. Render all text on given context\r\n * or on a offscreen canvas to get the text width with measureText.\r\n * Updates this.width and this.height with the proper values.\r\n * Does not return dimensions.\r\n * @private\r\n */\r\n initDimensions() {\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n super.initDimensions();\r\n }\r\n\r\n /**\r\n * Gets style of a current selection/cursor (at the start position)\r\n * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used.\r\n * @param {Number} startIndex Start index to get styles at\r\n * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n * @param {Boolean} [complete] get full style or not\r\n * @return {Array} styles an array with one, zero or more Style objects\r\n */\r\n getSelectionStyles(\r\n startIndex: number = this.selectionStart || 0,\r\n endIndex: number = this.selectionEnd,\r\n complete?: boolean\r\n ) {\r\n return super.getSelectionStyles(startIndex, endIndex, complete);\r\n }\r\n\r\n /**\r\n * Sets style of a current selection, if no selection exist, do not set anything.\r\n * @param {Object} [styles] Styles object\r\n * @param {Number} [startIndex] Start index to get styles at\r\n * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n */\r\n setSelectionStyles(\r\n styles: object,\r\n startIndex: number = this.selectionStart || 0,\r\n endIndex: number = this.selectionEnd\r\n ) {\r\n return super.setSelectionStyles(styles, startIndex, endIndex);\r\n }\r\n\r\n /**\r\n * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start)\r\n * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used.\r\n * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\r\n */\r\n get2DCursorLocation(\r\n selectionStart = this.selectionStart,\r\n skipWrapping?: boolean\r\n ) {\r\n return super.get2DCursorLocation(selectionStart, skipWrapping);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n render(ctx: CanvasRenderingContext2D) {\r\n this.clearContextTop();\r\n super.render(ctx);\r\n // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor\r\n // the correct position but not at every cursor animation.\r\n this.cursorOffsetCache = {};\r\n this.renderCursorOrSelection();\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n */\r\n _render(ctx: CanvasRenderingContext2D) {\r\n super._render(ctx);\r\n }\r\n\r\n /**\r\n * Renders cursor or selection (depending on what exists)\r\n * it does on the contextTop. If contextTop is not available, do nothing.\r\n */\r\n renderCursorOrSelection() {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n const ctx = this.clearContextTop(true);\r\n if (!ctx) {\r\n return;\r\n }\r\n const boundaries = this._getCursorBoundaries();\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.renderCursor(ctx, boundaries);\r\n } else {\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders cursor on context Top, outside the animation cycle, on request\r\n * Used for the drag/drop effect.\r\n * If contextTop is not available, do nothing.\r\n */\r\n renderCursorAt(selectionStart) {\r\n const boundaries = this._getCursorBoundaries(selectionStart, true);\r\n this._renderCursor(this.canvas.contextTop, boundaries, selectionStart);\r\n }\r\n\r\n /**\r\n * Returns cursor boundaries (left, top, leftOffset, topOffset)\r\n * left/top are left/top of entire text box\r\n * leftOffset/topOffset are offset from that left/top point of a text box\r\n * @private\r\n * @param {number} [index] index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundaries(index: number, skipCaching: boolean) {\r\n if (typeof index === 'undefined') {\r\n index = this.selectionStart;\r\n }\r\n const left = this._getLeftOffset(),\r\n top = this._getTopOffset(),\r\n offsets = this._getCursorBoundariesOffsets(index, skipCaching);\r\n return {\r\n left: left,\r\n top: top,\r\n leftOffset: offsets.left,\r\n topOffset: offsets.top,\r\n };\r\n }\r\n\r\n /**\r\n * Caches and returns cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n * @param {boolean} [skipCaching]\r\n */\r\n _getCursorBoundariesOffsets(index: number, skipCaching: boolean) {\r\n if (skipCaching) {\r\n return this.__getCursorBoundariesOffsets(index);\r\n }\r\n if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) {\r\n return this.cursorOffsetCache;\r\n }\r\n return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index));\r\n }\r\n\r\n /**\r\n * Calculates cursor left/top offset relative to instance's center point\r\n * @private\r\n * @param {number} index index from start\r\n */\r\n __getCursorBoundariesOffsets(index: number) {\r\n let topOffset = 0,\r\n leftOffset = 0;\r\n const { charIndex, lineIndex } = this.get2DCursorLocation(index);\r\n\r\n for (let i = 0; i < lineIndex; i++) {\r\n topOffset += this.getHeightOfLine(i);\r\n }\r\n const lineLeftOffset = this._getLineLeftOffset(lineIndex);\r\n const bound = this.__charBounds[lineIndex][charIndex];\r\n bound && (leftOffset = bound.left);\r\n if (\r\n this.charSpacing !== 0 &&\r\n charIndex === this._textLines[lineIndex].length\r\n ) {\r\n leftOffset -= this._getWidthOfCharSpacing();\r\n }\r\n const boundaries = {\r\n top: topOffset,\r\n left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0),\r\n };\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n boundaries.left *= -1;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n }\r\n }\r\n return boundaries;\r\n }\r\n\r\n /**\r\n * Renders cursor\r\n * @param {Object} boundaries\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderCursor(ctx: CanvasRenderingContext2D, boundaries: object) {\r\n this._renderCursor(ctx, boundaries, this.selectionStart);\r\n }\r\n\r\n _renderCursor(ctx, boundaries, selectionStart) {\r\n let cursorLocation = this.get2DCursorLocation(selectionStart),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex =\r\n cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0,\r\n charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'),\r\n multiplier = this.scaleX * this.canvas.getZoom(),\r\n cursorWidth = this.cursorWidth / multiplier,\r\n topOffset = boundaries.topOffset,\r\n dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY');\r\n topOffset +=\r\n ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) /\r\n this.lineHeight -\r\n charHeight * (1 - this._fontSizeFraction);\r\n\r\n if (this.inCompositionMode) {\r\n // TODO: investigate why there isn't a return inside the if,\r\n // and why can't happe top of the function\r\n this.renderSelection(ctx, boundaries);\r\n }\r\n ctx.fillStyle =\r\n this.cursorColor ||\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fill');\r\n ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity;\r\n ctx.fillRect(\r\n boundaries.left + boundaries.leftOffset - cursorWidth / 2,\r\n topOffset + boundaries.top + dy,\r\n cursorWidth,\r\n charHeight\r\n );\r\n }\r\n\r\n /**\r\n * Renders text selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n renderSelection(ctx: CanvasRenderingContext2D, boundaries: object) {\r\n const selection = {\r\n selectionStart: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionStart\r\n : this.selectionStart,\r\n selectionEnd: this.inCompositionMode\r\n ? this.hiddenTextarea.selectionEnd\r\n : this.selectionEnd,\r\n };\r\n this._renderSelection(ctx, selection, boundaries);\r\n }\r\n\r\n /**\r\n * Renders drag start text selection\r\n */\r\n renderDragSourceEffect() {\r\n if (\r\n this.__isDragging &&\r\n this.__dragStartSelection &&\r\n this.__dragStartSelection\r\n ) {\r\n this._renderSelection(\r\n this.canvas.contextTop,\r\n this.__dragStartSelection,\r\n this._getCursorBoundaries(\r\n this.__dragStartSelection.selectionStart,\r\n true\r\n )\r\n );\r\n }\r\n }\r\n\r\n renderDropTargetEffect(e) {\r\n const dragSelection = this.getSelectionStartFromPointer(e);\r\n this.renderCursorAt(dragSelection);\r\n }\r\n\r\n /**\r\n * Renders text selection\r\n * @private\r\n * @param {{ selectionStart: number, selectionEnd: number }} selection\r\n * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n */\r\n _renderSelection(\r\n ctx: CanvasRenderingContext2D,\r\n selection: { selectionStart: number; selectionEnd: number },\r\n boundaries: object\r\n ) {\r\n const selectionStart = selection.selectionStart,\r\n selectionEnd = selection.selectionEnd,\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n start = this.get2DCursorLocation(selectionStart),\r\n end = this.get2DCursorLocation(selectionEnd),\r\n startLine = start.lineIndex,\r\n endLine = end.lineIndex,\r\n startChar = start.charIndex < 0 ? 0 : start.charIndex,\r\n endChar = end.charIndex < 0 ? 0 : end.charIndex;\r\n\r\n for (let i = startLine; i <= endLine; i++) {\r\n let lineOffset = this._getLineLeftOffset(i) || 0,\r\n lineHeight = this.getHeightOfLine(i),\r\n realLineHeight = 0,\r\n boxStart = 0,\r\n boxEnd = 0;\r\n\r\n if (i === startLine) {\r\n boxStart = this.__charBounds[startLine][startChar].left;\r\n }\r\n if (i >= startLine && i < endLine) {\r\n boxEnd =\r\n isJustify && !this.isEndOfWrapping(i)\r\n ? this.width\r\n : this.getLineWidth(i) || 5; // WTF is this 5?\r\n } else if (i === endLine) {\r\n if (endChar === 0) {\r\n boxEnd = this.__charBounds[endLine][endChar].left;\r\n } else {\r\n const charSpacing = this._getWidthOfCharSpacing();\r\n boxEnd =\r\n this.__charBounds[endLine][endChar - 1].left +\r\n this.__charBounds[endLine][endChar - 1].width -\r\n charSpacing;\r\n }\r\n }\r\n realLineHeight = lineHeight;\r\n if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) {\r\n lineHeight /= this.lineHeight;\r\n }\r\n let drawStart = boundaries.left + lineOffset + boxStart,\r\n drawWidth = boxEnd - boxStart,\r\n drawHeight = lineHeight,\r\n extraTop = 0;\r\n if (this.inCompositionMode) {\r\n ctx.fillStyle = this.compositionColor || 'black';\r\n drawHeight = 1;\r\n extraTop = lineHeight;\r\n } else {\r\n ctx.fillStyle = this.selectionColor;\r\n }\r\n if (this.direction === 'rtl') {\r\n if (\r\n this.textAlign === 'right' ||\r\n this.textAlign === 'justify' ||\r\n this.textAlign === 'justify-right'\r\n ) {\r\n drawStart = this.width - drawStart - drawWidth;\r\n } else if (\r\n this.textAlign === 'left' ||\r\n this.textAlign === 'justify-left'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n } else if (\r\n this.textAlign === 'center' ||\r\n this.textAlign === 'justify-center'\r\n ) {\r\n drawStart = boundaries.left + lineOffset - boxEnd;\r\n }\r\n }\r\n ctx.fillRect(\r\n drawStart,\r\n boundaries.top + boundaries.topOffset + extraTop,\r\n drawWidth,\r\n drawHeight\r\n );\r\n boundaries.topOffset += realLineHeight;\r\n }\r\n }\r\n\r\n /**\r\n * High level function to know the height of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns fontSize of char at the current cursor\r\n * Unused from the library, is for the end user\r\n * @return {Number} Character font size\r\n */\r\n getCurrentCharFontSize(): number {\r\n const cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize');\r\n }\r\n\r\n /**\r\n * High level function to know the color of the cursor.\r\n * the currentChar is the one that precedes the cursor\r\n * Returns color (fill) of char at the current cursor\r\n * if the text object has a pattern or gradient for filler, it will return that.\r\n * Unused by the library, is for the end user\r\n * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill)\r\n */\r\n getCurrentCharColor(): string | fabric.Gradient | fabric.Pattern {\r\n const cp = this._getCurrentCharIndex();\r\n return this.getValueOfPropertyAt(cp.l, cp.c, 'fill');\r\n }\r\n\r\n /**\r\n * Returns the cursor position for the getCurrent.. functions\r\n * @private\r\n */\r\n _getCurrentCharIndex() {\r\n const cursorPosition = this.get2DCursorLocation(this.selectionStart, true),\r\n charIndex =\r\n cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0;\r\n return { l: cursorPosition.lineIndex, c: charIndex };\r\n }\r\n\r\n /**\r\n * Returns IText instance from an object representation\r\n * @static\r\n * @memberOf IText\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n const styles = stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n const objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(IText, objCopy, {\r\n extraParam: 'text',\r\n });\r\n }\r\n}\r\n\r\nexport const iTextDefaultValues: Partial> = {\r\n type: 'i-text',\r\n selectionStart: 0,\r\n selectionEnd: 0,\r\n selectionColor: 'rgba(17,119,255,0.3)',\r\n isEditing: false,\r\n editable: true,\r\n editingBorderColor: 'rgba(102,153,255,0.25)',\r\n cursorWidth: 2,\r\n cursorColor: '',\r\n cursorDelay: 1000,\r\n cursorDuration: 600,\r\n caching: true,\r\n hiddenTextareaContainer: null,\r\n _reSpace: /\\s|\\n/,\r\n _currentCursorOpacity: 1,\r\n _selectionDirection: null,\r\n inCompositionMode: false,\r\n};\r\n\r\nObject.assign(IText.prototype, iTextDefaultValues);\r\n\r\nfabric.IText = IText;\r\n","//@ts-nocheck\r\nimport { Point } from '../point.class';\r\nimport { TEvent } from '../typedefs';\r\nimport { removeFromArray } from '../util/internals';\r\n\r\n// extend this regex to support non english languages\r\nconst reNonWord = /[ \\n\\.,;!\\?\\-]/;\r\n\r\nconst fabric = global.fabric;\r\n\r\nexport function ITextBehaviorMixinGenerator(Klass) {\r\n return class ITextBehaviorMixin extends Klass {\r\n /**\r\n * Initializes all the interactive behavior of IText\r\n */\r\n initBehavior() {\r\n this.initAddedHandler();\r\n this.initRemovedHandler();\r\n this.initCursorSelectionHandlers();\r\n this.initDoubleClickSimulation();\r\n this.mouseMoveHandler = this.mouseMoveHandler.bind(this);\r\n this.dragEnterHandler = this.dragEnterHandler.bind(this);\r\n this.dragOverHandler = this.dragOverHandler.bind(this);\r\n this.dragLeaveHandler = this.dragLeaveHandler.bind(this);\r\n this.dragEndHandler = this.dragEndHandler.bind(this);\r\n this.dropHandler = this.dropHandler.bind(this);\r\n this.on('dragenter', this.dragEnterHandler);\r\n this.on('dragover', this.dragOverHandler);\r\n this.on('dragleave', this.dragLeaveHandler);\r\n this.on('dragend', this.dragEndHandler);\r\n this.on('drop', this.dropHandler);\r\n }\r\n\r\n onDeselect() {\r\n this.isEditing && this.exitEditing();\r\n this.selected = false;\r\n }\r\n\r\n /**\r\n * Initializes \"added\" event handler\r\n */\r\n initAddedHandler() {\r\n const _this = this;\r\n this.on('added', function (opt) {\r\n // make sure we listen to the canvas added event\r\n const canvas = opt.target;\r\n if (canvas) {\r\n if (!canvas._hasITextHandlers) {\r\n canvas._hasITextHandlers = true;\r\n _this._initCanvasHandlers(canvas);\r\n }\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n canvas._iTextInstances.push(_this);\r\n }\r\n });\r\n }\r\n\r\n initRemovedHandler() {\r\n const _this = this;\r\n this.on('removed', function (opt) {\r\n // make sure we listen to the canvas removed event\r\n const canvas = opt.target;\r\n if (canvas) {\r\n canvas._iTextInstances = canvas._iTextInstances || [];\r\n removeFromArray(canvas._iTextInstances, _this);\r\n if (canvas._iTextInstances.length === 0) {\r\n canvas._hasITextHandlers = false;\r\n _this._removeCanvasHandlers(canvas);\r\n }\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * register canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _initCanvasHandlers(canvas) {\r\n canvas._mouseUpITextHandler = function () {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.__isMousedown = false;\r\n });\r\n }\r\n };\r\n canvas.on('mouse:up', canvas._mouseUpITextHandler);\r\n }\r\n\r\n /**\r\n * remove canvas event to manage exiting on other instances\r\n * @private\r\n */\r\n _removeCanvasHandlers(canvas) {\r\n canvas.off('mouse:up', canvas._mouseUpITextHandler);\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _tick() {\r\n this._currentTickState = this._animateCursor(\r\n this,\r\n 1,\r\n this.cursorDuration,\r\n '_onTickComplete'\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _animateCursor(obj, targetOpacity, duration, completeMethod) {\r\n const tickState = {\r\n isAborted: false,\r\n abort: function () {\r\n this.isAborted = true;\r\n },\r\n };\r\n\r\n obj.animate('_currentCursorOpacity', targetOpacity, {\r\n duration: duration,\r\n onComplete: function () {\r\n if (!tickState.isAborted) {\r\n obj[completeMethod]();\r\n }\r\n },\r\n onChange: function () {\r\n // we do not want to animate a selection, only cursor\r\n if (obj.canvas && obj.selectionStart === obj.selectionEnd) {\r\n obj.renderCursorOrSelection();\r\n }\r\n },\r\n abort: function () {\r\n return tickState.isAborted;\r\n },\r\n });\r\n return tickState;\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _onTickComplete() {\r\n const _this = this;\r\n\r\n if (this._cursorTimeout1) {\r\n clearTimeout(this._cursorTimeout1);\r\n }\r\n this._cursorTimeout1 = setTimeout(function () {\r\n _this._currentTickCompleteState = _this._animateCursor(\r\n _this,\r\n 0,\r\n this.cursorDuration / 2,\r\n '_tick'\r\n );\r\n }, 100);\r\n }\r\n\r\n /**\r\n * Initializes delayed cursor\r\n */\r\n initDelayedCursor(restart) {\r\n const _this = this,\r\n delay = restart ? 0 : this.cursorDelay;\r\n\r\n this.abortCursorAnimation();\r\n if (delay) {\r\n this._cursorTimeout2 = setTimeout(function () {\r\n _this._tick();\r\n }, delay);\r\n } else {\r\n this._tick();\r\n }\r\n }\r\n\r\n /**\r\n * Aborts cursor animation, clears all timeouts and clear textarea context if necessary\r\n */\r\n abortCursorAnimation() {\r\n const shouldClear =\r\n this._currentTickState || this._currentTickCompleteState;\r\n this._currentTickState && this._currentTickState.abort();\r\n this._currentTickCompleteState && this._currentTickCompleteState.abort();\r\n\r\n clearTimeout(this._cursorTimeout1);\r\n clearTimeout(this._cursorTimeout2);\r\n\r\n this._currentCursorOpacity = 1;\r\n\r\n // make sure we clear context even if instance is not editing\r\n if (shouldClear) {\r\n this.clearContextTop();\r\n }\r\n }\r\n\r\n /**\r\n * Selects entire text\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n selectAll(): IText {\r\n this.selectionStart = 0;\r\n this.selectionEnd = this._text.length;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n }\r\n\r\n /**\r\n * Returns selected text\r\n * @return {String}\r\n */\r\n getSelectedText(): string {\r\n return this._text.slice(this.selectionStart, this.selectionEnd).join('');\r\n }\r\n\r\n /**\r\n * Find new selection index representing start of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryLeft(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom - 1;\r\n\r\n // remove space before cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index--;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n }\r\n\r\n /**\r\n * Find new selection index representing end of current word according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findWordBoundaryRight(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom;\r\n\r\n // remove space after cursor first\r\n if (this._reSpace.test(this._text[index])) {\r\n while (this._reSpace.test(this._text[index])) {\r\n offset++;\r\n index++;\r\n }\r\n }\r\n while (/\\S/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n }\r\n\r\n /**\r\n * Find new selection index representing start of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryLeft(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom - 1;\r\n\r\n while (!/\\n/.test(this._text[index]) && index > -1) {\r\n offset++;\r\n index--;\r\n }\r\n\r\n return startFrom - offset;\r\n }\r\n\r\n /**\r\n * Find new selection index representing end of current line according to current selection index\r\n * @param {Number} startFrom Current selection index\r\n * @return {Number} New selection index\r\n */\r\n findLineBoundaryRight(startFrom: number): number {\r\n let offset = 0,\r\n index = startFrom;\r\n\r\n while (!/\\n/.test(this._text[index]) && index < this._text.length) {\r\n offset++;\r\n index++;\r\n }\r\n\r\n return startFrom + offset;\r\n }\r\n\r\n /**\r\n * Finds index corresponding to beginning or end of a word\r\n * @param {Number} selectionStart Index of a character\r\n * @param {Number} direction 1 or -1\r\n * @return {Number} Index of the beginning or end of a word\r\n */\r\n searchWordBoundary(selectionStart: number, direction: number): number {\r\n let text = this._text,\r\n index = this._reSpace.test(text[selectionStart])\r\n ? selectionStart - 1\r\n : selectionStart,\r\n _char = text[index];\r\n\r\n while (!reNonWord.test(_char) && index > 0 && index < text.length) {\r\n index += direction;\r\n _char = text[index];\r\n }\r\n if (reNonWord.test(_char)) {\r\n index += direction === 1 ? 0 : 1;\r\n }\r\n return index;\r\n }\r\n\r\n /**\r\n * Selects a word based on the index\r\n * @param {Number} selectionStart Index of a character\r\n */\r\n selectWord(selectionStart: number) {\r\n selectionStart = selectionStart || this.selectionStart;\r\n const newSelectionStart = this.searchWordBoundary(\r\n selectionStart,\r\n -1\r\n ) /* search backwards */,\r\n newSelectionEnd = this.searchWordBoundary(\r\n selectionStart,\r\n 1\r\n ); /* search forward */\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n }\r\n\r\n /**\r\n * Selects a line based on the index\r\n * @param {Number} selectionStart Index of a character\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n selectLine(selectionStart: number): IText {\r\n selectionStart = selectionStart || this.selectionStart;\r\n const newSelectionStart = this.findLineBoundaryLeft(selectionStart),\r\n newSelectionEnd = this.findLineBoundaryRight(selectionStart);\r\n\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = newSelectionEnd;\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n return this;\r\n }\r\n\r\n /**\r\n * Enters editing state\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n enterEditing(e): IText {\r\n if (this.isEditing || !this.editable) {\r\n return;\r\n }\r\n if (this.canvas) {\r\n this.canvas.calcOffset();\r\n this.exitEditingOnOthers(this.canvas);\r\n }\r\n\r\n this.isEditing = true;\r\n\r\n this.initHiddenTextarea(e);\r\n this.hiddenTextarea.focus();\r\n this.hiddenTextarea.value = this.text;\r\n this._updateTextarea();\r\n this._saveEditingProps();\r\n this._setEditingProps();\r\n this._textBeforeEdit = this.text;\r\n\r\n this._tick();\r\n this.fire('editing:entered');\r\n this._fireSelectionChanged();\r\n if (!this.canvas) {\r\n return this;\r\n }\r\n this.canvas.fire('text:editing:entered', { target: this });\r\n this.initMouseMoveHandler();\r\n this.canvas.requestRenderAll();\r\n return this;\r\n }\r\n\r\n exitEditingOnOthers(canvas) {\r\n if (canvas._iTextInstances) {\r\n canvas._iTextInstances.forEach(function (obj) {\r\n obj.selected = false;\r\n if (obj.isEditing) {\r\n obj.exitEditing();\r\n }\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Initializes \"mousemove\" event handler\r\n */\r\n initMouseMoveHandler() {\r\n this.canvas.on('mouse:move', this.mouseMoveHandler);\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n mouseMoveHandler(options) {\r\n if (!this.__isMousedown || !this.isEditing) {\r\n return;\r\n }\r\n\r\n // regain focus\r\n fabric.document.activeElement !== this.hiddenTextarea &&\r\n this.hiddenTextarea.focus();\r\n\r\n const newSelectionStart = this.getSelectionStartFromPointer(options.e),\r\n currentStart = this.selectionStart,\r\n currentEnd = this.selectionEnd;\r\n if (\r\n (newSelectionStart !== this.__selectionStartOnMouseDown ||\r\n currentStart === currentEnd) &&\r\n (currentStart === newSelectionStart || currentEnd === newSelectionStart)\r\n ) {\r\n return;\r\n }\r\n if (newSelectionStart > this.__selectionStartOnMouseDown) {\r\n this.selectionStart = this.__selectionStartOnMouseDown;\r\n this.selectionEnd = newSelectionStart;\r\n } else {\r\n this.selectionStart = newSelectionStart;\r\n this.selectionEnd = this.__selectionStartOnMouseDown;\r\n }\r\n if (\r\n this.selectionStart !== currentStart ||\r\n this.selectionEnd !== currentEnd\r\n ) {\r\n this.restartCursorIfNeeded();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n this.renderCursorOrSelection();\r\n }\r\n }\r\n\r\n /**\r\n * Override to customize the drag image\r\n * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage\r\n * @param {DragEvent} e\r\n * @param {object} data\r\n * @param {number} data.selectionStart\r\n * @param {number} data.selectionEnd\r\n * @param {string} data.text\r\n * @param {string} data.value selected text\r\n */\r\n setDragImage(\r\n e: DragEvent,\r\n data: {\r\n selectionStart: number;\r\n selectionEnd: number;\r\n text: string;\r\n value: string;\r\n }\r\n ) {\r\n const t = this.calcTransformMatrix();\r\n const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1);\r\n const boundaries = this._getCursorBoundaries(data.selectionStart);\r\n const selectionPosition = new Point(\r\n boundaries.left + boundaries.leftOffset,\r\n boundaries.top + boundaries.topOffset\r\n ).multiply(flipFactor);\r\n const pos = transformPoint(selectionPosition, t);\r\n const pointer = this.canvas.getPointer(e);\r\n const diff = pointer.subtract(pos);\r\n const enableRetinaScaling = this.canvas._isRetinaScaling();\r\n const retinaScaling = this.canvas.getRetinaScaling();\r\n const bbox = this.getBoundingRect(true);\r\n const correction = pos.subtract(new Point(bbox.left, bbox.top));\r\n const offset = correction.add(diff).scalarMultiply(retinaScaling);\r\n // prepare instance for drag image snapshot by making all non selected text invisible\r\n const bgc = this.backgroundColor;\r\n const styles = object.clone(this.styles, true);\r\n delete this.backgroundColor;\r\n const styleOverride = {\r\n fill: 'transparent',\r\n textBackgroundColor: 'transparent',\r\n };\r\n this.setSelectionStyles(styleOverride, 0, data.selectionStart);\r\n this.setSelectionStyles(\r\n styleOverride,\r\n data.selectionEnd,\r\n data.text.length\r\n );\r\n let dragImage = this.toCanvasElement({\r\n enableRetinaScaling: enableRetinaScaling,\r\n });\r\n this.backgroundColor = bgc;\r\n this.styles = styles;\r\n // handle retina scaling\r\n if (enableRetinaScaling && retinaScaling > 1) {\r\n const c = createCanvasElement();\r\n c.width = dragImage.width / retinaScaling;\r\n c.height = dragImage.height / retinaScaling;\r\n const ctx = c.getContext('2d');\r\n ctx.scale(1 / retinaScaling, 1 / retinaScaling);\r\n ctx.drawImage(dragImage, 0, 0);\r\n dragImage = c;\r\n }\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n this.__dragImageDisposer = function () {\r\n dragImage.remove();\r\n };\r\n // position drag image offsecreen\r\n setStyle(dragImage, {\r\n position: 'absolute',\r\n left: -dragImage.width + 'px',\r\n border: 'none',\r\n });\r\n fabric.document.body.appendChild(dragImage);\r\n e.dataTransfer.setDragImage(dragImage, offset.x, offset.y);\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {DragEvent} e\r\n * @returns {boolean} should handle event\r\n */\r\n onDragStart(e: DragEvent): boolean {\r\n this.__dragStartFired = true;\r\n if (this.__isDragging) {\r\n const selection = (this.__dragStartSelection = {\r\n selectionStart: this.selectionStart,\r\n selectionEnd: this.selectionEnd,\r\n });\r\n const value = this._text\r\n .slice(selection.selectionStart, selection.selectionEnd)\r\n .join('');\r\n const data = Object.assign(\r\n { text: this.text, value: value },\r\n selection\r\n );\r\n e.dataTransfer.setData('text/plain', value);\r\n e.dataTransfer.setData(\r\n 'application/fabric',\r\n JSON.stringify({\r\n value: value,\r\n styles: this.getSelectionStyles(\r\n selection.selectionStart,\r\n selection.selectionEnd,\r\n true\r\n ),\r\n })\r\n );\r\n e.dataTransfer.effectAllowed = 'copyMove';\r\n this.setDragImage(e, data);\r\n }\r\n this.abortCursorAnimation();\r\n return this.__isDragging;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} e\r\n * @returns {boolean}\r\n */\r\n canDrop(e: DragEvent): boolean {\r\n if (this.editable && !this.__corner) {\r\n if (this.__isDragging && this.__dragStartSelection) {\r\n // drag source trying to drop over itself\r\n // allow dropping only outside of drag start selection\r\n const index = this.getSelectionStartFromPointer(e);\r\n const dragStartSelection = this.__dragStartSelection;\r\n return (\r\n index < dragStartSelection.selectionStart ||\r\n index > dragStartSelection.selectionEnd\r\n );\r\n }\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEnterHandler({ e }: TEvent) {\r\n const canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n }\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragOverHandler({ e }: TEvent) {\r\n const canDrop = !e.defaultPrevented && this.canDrop(e);\r\n if (!this.__isDraggingOver && canDrop) {\r\n this.__isDraggingOver = true;\r\n } else if (this.__isDraggingOver && !canDrop) {\r\n // drop state has changed\r\n this.__isDraggingOver = false;\r\n }\r\n if (this.__isDraggingOver) {\r\n // can be dropped, inform browser\r\n e.preventDefault();\r\n // inform event subscribers\r\n options.canDrop = true;\r\n options.dropTarget = this;\r\n // find cursor under the drag part.\r\n }\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * @private\r\n */\r\n dragLeaveHandler() {\r\n if (this.__isDraggingOver || this.__isDragging) {\r\n this.__isDraggingOver = false;\r\n }\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n * fired only on the drag source\r\n * handle changes to the drag source in case of a drop on another object or a cancellation\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dragEndHandler({ e }: TEvent) {\r\n if (this.__isDragging && this.__dragStartFired) {\r\n // once the drop event finishes we check if we need to change the drag source\r\n // if the drag source received the drop we bail out\r\n if (this.__dragStartSelection) {\r\n const selectionStart = this.__dragStartSelection.selectionStart;\r\n const selectionEnd = this.__dragStartSelection.selectionEnd;\r\n const dropEffect = e.dataTransfer.dropEffect;\r\n if (dropEffect === 'none') {\r\n this.selectionStart = selectionStart;\r\n this.selectionEnd = selectionEnd;\r\n this._updateTextarea();\r\n } else {\r\n this.clearContextTop();\r\n if (dropEffect === 'move') {\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n this.selectionStart = this.selectionEnd = selectionStart;\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: selectionStart,\r\n action: 'dragend',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n this.exitEditing();\r\n // disable mouse up logic\r\n this.__lastSelected = false;\r\n }\r\n }\r\n }\r\n\r\n this.__dragImageDisposer && this.__dragImageDisposer();\r\n delete this.__dragImageDisposer;\r\n delete this.__dragStartSelection;\r\n this.__isDraggingOver = false;\r\n }\r\n\r\n /**\r\n * support native like text dragging\r\n *\r\n * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}\r\n * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event\r\n * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop\r\n * @private\r\n * @param {object} options\r\n * @param {DragEvent} options.e\r\n */\r\n dropHandler({ e }: TEvent) {\r\n const didDrop = e.defaultPrevented;\r\n this.__isDraggingOver = false;\r\n // inform browser that the drop has been accepted\r\n e.preventDefault();\r\n let insert = e.dataTransfer.getData('text/plain');\r\n if (insert && !didDrop) {\r\n let insertAt = this.getSelectionStartFromPointer(e);\r\n const data = e.dataTransfer.types.includes('application/fabric')\r\n ? JSON.parse(e.dataTransfer.getData('application/fabric'))\r\n : {};\r\n const styles = data.styles;\r\n const trailing = insert[Math.max(0, insert.length - 1)];\r\n const selectionStartOffset = 0;\r\n // drag and drop in same instance\r\n if (this.__dragStartSelection) {\r\n const selectionStart = this.__dragStartSelection.selectionStart;\r\n const selectionEnd = this.__dragStartSelection.selectionEnd;\r\n if (insertAt > selectionStart && insertAt <= selectionEnd) {\r\n insertAt = selectionStart;\r\n } else if (insertAt > selectionEnd) {\r\n insertAt -= selectionEnd - selectionStart;\r\n }\r\n this.insertChars('', null, selectionStart, selectionEnd);\r\n // prevent `dragend` from handling event\r\n delete this.__dragStartSelection;\r\n }\r\n // remove redundant line break\r\n if (\r\n this._reNewline.test(trailing) &&\r\n (this._reNewline.test(this._text[insertAt]) ||\r\n insertAt === this._text.length)\r\n ) {\r\n insert = insert.trimEnd();\r\n }\r\n // inform subscribers\r\n options.didDrop = true;\r\n options.dropTarget = this;\r\n // finalize\r\n this.insertChars(insert, styles, insertAt);\r\n // can this part be moved in an outside event? andrea to check.\r\n this.canvas.setActiveObject(this);\r\n this.enterEditing();\r\n this.selectionStart = Math.min(\r\n insertAt + selectionStartOffset,\r\n this._text.length\r\n );\r\n this.selectionEnd = Math.min(\r\n this.selectionStart + insert.length,\r\n this._text.length\r\n );\r\n this.hiddenTextarea && (this.hiddenTextarea.value = this.text);\r\n this._updateTextarea();\r\n this.fire('changed', {\r\n index: insertAt + selectionStartOffset,\r\n action: 'drop',\r\n });\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.contextTopDirty = true;\r\n this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _setEditingProps() {\r\n this.hoverCursor = 'text';\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this.canvas.moveCursor = 'text';\r\n }\r\n\r\n this.borderColor = this.editingBorderColor;\r\n this.hasControls = this.selectable = false;\r\n this.lockMovementX = this.lockMovementY = true;\r\n }\r\n\r\n /**\r\n * convert from textarea to grapheme indexes\r\n */\r\n fromStringToGraphemeSelection(start, end, text) {\r\n const smallerTextStart = text.slice(0, start),\r\n graphemeStart = this.graphemeSplit(smallerTextStart).length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n const smallerTextEnd = text.slice(start, end),\r\n graphemeEnd = this.graphemeSplit(smallerTextEnd).length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n }\r\n\r\n /**\r\n * convert from fabric to textarea values\r\n */\r\n fromGraphemeToStringSelection(start, end, _text) {\r\n const smallerTextStart = _text.slice(0, start),\r\n graphemeStart = smallerTextStart.join('').length;\r\n if (start === end) {\r\n return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\r\n }\r\n const smallerTextEnd = _text.slice(start, end),\r\n graphemeEnd = smallerTextEnd.join('').length;\r\n return {\r\n selectionStart: graphemeStart,\r\n selectionEnd: graphemeStart + graphemeEnd,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _updateTextarea() {\r\n this.cursorOffsetCache = {};\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n if (!this.inCompositionMode) {\r\n const newSelection = this.fromGraphemeToStringSelection(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n this._text\r\n );\r\n this.hiddenTextarea.selectionStart = newSelection.selectionStart;\r\n this.hiddenTextarea.selectionEnd = newSelection.selectionEnd;\r\n }\r\n this.updateTextareaPosition();\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n updateFromTextArea() {\r\n if (!this.hiddenTextarea) {\r\n return;\r\n }\r\n this.cursorOffsetCache = {};\r\n this.text = this.hiddenTextarea.value;\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n const newSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n this.selectionEnd = this.selectionStart = newSelection.selectionEnd;\r\n if (!this.inCompositionMode) {\r\n this.selectionStart = newSelection.selectionStart;\r\n }\r\n this.updateTextareaPosition();\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n updateTextareaPosition() {\r\n if (this.selectionStart === this.selectionEnd) {\r\n const style = this._calcTextareaPosition();\r\n this.hiddenTextarea.style.left = style.left;\r\n this.hiddenTextarea.style.top = style.top;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Object} style contains style for hiddenTextarea\r\n */\r\n _calcTextareaPosition(): object {\r\n if (!this.canvas) {\r\n return { x: 1, y: 1 };\r\n }\r\n let desiredPosition = this.inCompositionMode\r\n ? this.compositionStart\r\n : this.selectionStart,\r\n boundaries = this._getCursorBoundaries(desiredPosition),\r\n cursorLocation = this.get2DCursorLocation(desiredPosition),\r\n lineIndex = cursorLocation.lineIndex,\r\n charIndex = cursorLocation.charIndex,\r\n charHeight =\r\n this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') *\r\n this.lineHeight,\r\n leftOffset = boundaries.leftOffset,\r\n m = this.calcTransformMatrix(),\r\n p = {\r\n x: boundaries.left + leftOffset,\r\n y: boundaries.top + boundaries.topOffset + charHeight,\r\n },\r\n retinaScaling = this.canvas.getRetinaScaling(),\r\n upperCanvas = this.canvas.upperCanvasEl,\r\n upperCanvasWidth = upperCanvas.width / retinaScaling,\r\n upperCanvasHeight = upperCanvas.height / retinaScaling,\r\n maxWidth = upperCanvasWidth - charHeight,\r\n maxHeight = upperCanvasHeight - charHeight,\r\n scaleX = upperCanvas.clientWidth / upperCanvasWidth,\r\n scaleY = upperCanvas.clientHeight / upperCanvasHeight;\r\n\r\n p = transformPoint(p, m);\r\n p = transformPoint(p, this.canvas.viewportTransform);\r\n p.x *= scaleX;\r\n p.y *= scaleY;\r\n if (p.x < 0) {\r\n p.x = 0;\r\n }\r\n if (p.x > maxWidth) {\r\n p.x = maxWidth;\r\n }\r\n if (p.y < 0) {\r\n p.y = 0;\r\n }\r\n if (p.y > maxHeight) {\r\n p.y = maxHeight;\r\n }\r\n\r\n // add canvas offset on document\r\n p.x += this.canvas._offset.left;\r\n p.y += this.canvas._offset.top;\r\n\r\n return {\r\n left: p.x + 'px',\r\n top: p.y + 'px',\r\n fontSize: charHeight + 'px',\r\n charHeight: charHeight,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _saveEditingProps() {\r\n this._savedProps = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n lockMovementX: this.lockMovementX,\r\n lockMovementY: this.lockMovementY,\r\n hoverCursor: this.hoverCursor,\r\n selectable: this.selectable,\r\n defaultCursor: this.canvas && this.canvas.defaultCursor,\r\n moveCursor: this.canvas && this.canvas.moveCursor,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _restoreEditingProps() {\r\n if (!this._savedProps) {\r\n return;\r\n }\r\n\r\n this.hoverCursor = this._savedProps.hoverCursor;\r\n this.hasControls = this._savedProps.hasControls;\r\n this.borderColor = this._savedProps.borderColor;\r\n this.selectable = this._savedProps.selectable;\r\n this.lockMovementX = this._savedProps.lockMovementX;\r\n this.lockMovementY = this._savedProps.lockMovementY;\r\n\r\n if (this.canvas) {\r\n this.canvas.defaultCursor = this._savedProps.defaultCursor;\r\n this.canvas.moveCursor = this._savedProps.moveCursor;\r\n }\r\n\r\n delete this._savedProps;\r\n }\r\n\r\n /**\r\n * Exits from editing state\r\n * @return {IText} thisArg\r\n * @chainable\r\n */\r\n exitEditing(): IText {\r\n const isTextChanged = this._textBeforeEdit !== this.text;\r\n const hiddenTextarea = this.hiddenTextarea;\r\n this.selected = false;\r\n this.isEditing = false;\r\n\r\n this.selectionEnd = this.selectionStart;\r\n\r\n if (hiddenTextarea) {\r\n hiddenTextarea.blur && hiddenTextarea.blur();\r\n hiddenTextarea.parentNode &&\r\n hiddenTextarea.parentNode.removeChild(hiddenTextarea);\r\n }\r\n this.hiddenTextarea = null;\r\n this.abortCursorAnimation();\r\n this._restoreEditingProps();\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this.fire('editing:exited');\r\n isTextChanged && this.fire('modified');\r\n if (this.canvas) {\r\n this.canvas.off('mouse:move', this.mouseMoveHandler);\r\n this.canvas.fire('text:editing:exited', { target: this });\r\n isTextChanged && this.canvas.fire('object:modified', { target: this });\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _removeExtraneousStyles() {\r\n for (const prop in this.styles) {\r\n if (!this._textLines[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * remove and reflow a style block from start to end.\r\n * @param {Number} start linear start position for removal (included in removal)\r\n * @param {Number} end linear end position for removal ( excluded from removal )\r\n */\r\n removeStyleFromTo(start: number, end: number) {\r\n let cursorStart = this.get2DCursorLocation(start, true),\r\n cursorEnd = this.get2DCursorLocation(end, true),\r\n lineStart = cursorStart.lineIndex,\r\n charStart = cursorStart.charIndex,\r\n lineEnd = cursorEnd.lineIndex,\r\n charEnd = cursorEnd.charIndex,\r\n i,\r\n styleObj;\r\n if (lineStart !== lineEnd) {\r\n // step1 remove the trailing of lineStart\r\n if (this.styles[lineStart]) {\r\n for (\r\n i = charStart;\r\n i < this._unwrappedTextLines[lineStart].length;\r\n i++\r\n ) {\r\n delete this.styles[lineStart][i];\r\n }\r\n }\r\n // step2 move the trailing of lineEnd to lineStart if needed\r\n if (this.styles[lineEnd]) {\r\n for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) {\r\n styleObj = this.styles[lineEnd][i];\r\n if (styleObj) {\r\n this.styles[lineStart] || (this.styles[lineStart] = {});\r\n this.styles[lineStart][charStart + i - charEnd] = styleObj;\r\n }\r\n }\r\n }\r\n // step3 detects lines will be completely removed.\r\n for (i = lineStart + 1; i <= lineEnd; i++) {\r\n delete this.styles[i];\r\n }\r\n // step4 shift remaining lines.\r\n this.shiftLineStyles(lineEnd, lineStart - lineEnd);\r\n } else {\r\n // remove and shift left on the same line\r\n if (this.styles[lineStart]) {\r\n styleObj = this.styles[lineStart];\r\n let diff = charEnd - charStart,\r\n numericChar,\r\n _char;\r\n for (i = charStart; i < charEnd; i++) {\r\n delete styleObj[i];\r\n }\r\n for (_char in this.styles[lineStart]) {\r\n numericChar = parseInt(_char, 10);\r\n if (numericChar >= charEnd) {\r\n styleObj[numericChar - diff] = styleObj[_char];\r\n delete styleObj[_char];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Shifts line styles up or down\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} offset Can any number?\r\n */\r\n shiftLineStyles(lineIndex: number, offset: number) {\r\n const clonedStyles = Object.assign({}, this.styles);\r\n for (const line in this.styles) {\r\n const numericLine = parseInt(line, 10);\r\n if (numericLine > lineIndex) {\r\n this.styles[numericLine + offset] = clonedStyles[numericLine];\r\n if (!clonedStyles[numericLine - offset]) {\r\n delete this.styles[numericLine];\r\n }\r\n }\r\n }\r\n }\r\n\r\n restartCursorIfNeeded() {\r\n if (\r\n !this._currentTickState ||\r\n this._currentTickState.isAborted ||\r\n !this._currentTickCompleteState ||\r\n this._currentTickCompleteState.isAborted\r\n ) {\r\n this.initDelayedCursor();\r\n }\r\n }\r\n\r\n /**\r\n * Handle insertion of more consecutive style lines for when one or more\r\n * newlines gets added to the text. Since current style needs to be shifted\r\n * first we shift the current style of the number lines needed, then we add\r\n * new lines from the last to the first.\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} qty number of lines to add\r\n * @param {Array} copiedStyle Array of objects styles\r\n */\r\n insertNewlineStyleObject(\r\n lineIndex: number,\r\n charIndex: number,\r\n qty: number,\r\n copiedStyl\r\n ) {\r\n let currentCharStyle,\r\n newLineStyles = {},\r\n somethingAdded = false,\r\n isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex;\r\n\r\n qty || (qty = 1);\r\n this.shiftLineStyles(lineIndex, qty);\r\n if (this.styles[lineIndex]) {\r\n currentCharStyle =\r\n this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1];\r\n }\r\n // we clone styles of all chars\r\n // after cursor onto the current line\r\n for (const index in this.styles[lineIndex]) {\r\n const numIndex = parseInt(index, 10);\r\n if (numIndex >= charIndex) {\r\n somethingAdded = true;\r\n newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index];\r\n // remove lines from the previous line since they're on a new line now\r\n if (!(isEndOfLine && charIndex === 0)) {\r\n delete this.styles[lineIndex][index];\r\n }\r\n }\r\n }\r\n let styleCarriedOver = false;\r\n if (somethingAdded && !isEndOfLine) {\r\n // if is end of line, the extra style we copied\r\n // is probably not something we want\r\n this.styles[lineIndex + qty] = newLineStyles;\r\n styleCarriedOver = true;\r\n }\r\n if (styleCarriedOver) {\r\n // skip the last line of since we already prepared it.\r\n qty--;\r\n }\r\n // for the all the lines or all the other lines\r\n // we clone current char style onto the next (otherwise empty) line\r\n while (qty > 0) {\r\n if (copiedStyle && copiedStyle[qty - 1]) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, copiedStyle[qty - 1]),\r\n };\r\n } else if (currentCharStyle) {\r\n this.styles[lineIndex + qty] = {\r\n 0: Object.assign({}, currentCharStyle),\r\n };\r\n } else {\r\n delete this.styles[lineIndex + qty];\r\n }\r\n qty--;\r\n }\r\n this._forceClearCache = true;\r\n }\r\n\r\n /**\r\n * Inserts style object for a given line/char index\r\n * @param {Number} lineIndex Index of a line\r\n * @param {Number} charIndex Index of a char\r\n * @param {Number} quantity number Style object to insert, if given\r\n * @param {Array} copiedStyle array of style objects\r\n */\r\n insertCharStyleObject(\r\n lineIndex: number,\r\n charIndex: number,\r\n quantity: number,\r\n copiedStyl\r\n ) {\r\n if (!this.styles) {\r\n this.styles = {};\r\n }\r\n const currentLineStyles = this.styles[lineIndex],\r\n currentLineStylesCloned = currentLineStyles\r\n ? Object.assign({}, currentLineStyles)\r\n : {};\r\n\r\n quantity || (quantity = 1);\r\n // shift all char styles by quantity forward\r\n // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4\r\n for (const index in currentLineStylesCloned) {\r\n const numericIndex = parseInt(index, 10);\r\n if (numericIndex >= charIndex) {\r\n currentLineStyles[numericIndex + quantity] =\r\n currentLineStylesCloned[numericIndex];\r\n // only delete the style if there was nothing moved there\r\n if (!currentLineStylesCloned[numericIndex - quantity]) {\r\n delete currentLineStyles[numericIndex];\r\n }\r\n }\r\n }\r\n this._forceClearCache = true;\r\n if (copiedStyle) {\r\n while (quantity--) {\r\n if (!Object.keys(copiedStyle[quantity]).length) {\r\n continue;\r\n }\r\n if (!this.styles[lineIndex]) {\r\n this.styles[lineIndex] = {};\r\n }\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n copiedStyle[quantity]\r\n );\r\n }\r\n return;\r\n }\r\n if (!currentLineStyles) {\r\n return;\r\n }\r\n const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1];\r\n while (newStyle && quantity--) {\r\n this.styles[lineIndex][charIndex + quantity] = Object.assign(\r\n {},\r\n newStyle\r\n );\r\n }\r\n }\r\n\r\n /**\r\n * Inserts style object(s)\r\n * @param {Array} insertedText Characters at the location where style is inserted\r\n * @param {Number} start cursor index for inserting style\r\n * @param {Array} [copiedStyle] array of style objects to insert.\r\n */\r\n insertNewStyleBlock(\r\n insertedText: string[],\r\n start: number,\r\n copiedStyle: Array\r\n ) {\r\n let cursorLoc = this.get2DCursorLocation(start, true),\r\n addedLines = [0],\r\n linesLength = 0;\r\n // get an array of how many char per lines are being added.\r\n for (var i = 0; i < insertedText.length; i++) {\r\n if (insertedText[i] === '\\n') {\r\n linesLength++;\r\n addedLines[linesLength] = 0;\r\n } else {\r\n addedLines[linesLength]++;\r\n }\r\n }\r\n // for the first line copy the style from the current char position.\r\n if (addedLines[0] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex,\r\n addedLines[0],\r\n copiedStyle\r\n );\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1);\r\n }\r\n linesLength &&\r\n this.insertNewlineStyleObject(\r\n cursorLoc.lineIndex,\r\n cursorLoc.charIndex + addedLines[0],\r\n linesLength\r\n );\r\n for (var i = 1; i < linesLength; i++) {\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n } else if (copiedStyle) {\r\n // this test is required in order to close #6841\r\n // when a pasted buffer begins with a newline then\r\n // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0]\r\n // may be undefined for some reason\r\n if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) {\r\n this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0];\r\n }\r\n }\r\n copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1);\r\n }\r\n // we use i outside the loop to get it like linesLength\r\n if (addedLines[i] > 0) {\r\n this.insertCharStyleObject(\r\n cursorLoc.lineIndex + i,\r\n 0,\r\n addedLines[i],\r\n copiedStyle\r\n );\r\n }\r\n }\r\n\r\n /**\r\n * Set the selectionStart and selectionEnd according to the new position of cursor\r\n * mimic the key - mouse navigation when shift is pressed.\r\n */\r\n setSelectionStartEndWithShift(start, end, newSelection) {\r\n if (newSelection <= start) {\r\n if (end === start) {\r\n this._selectionDirection = 'left';\r\n } else if (this._selectionDirection === 'right') {\r\n this._selectionDirection = 'left';\r\n this.selectionEnd = start;\r\n }\r\n this.selectionStart = newSelection;\r\n } else if (newSelection > start && newSelection < end) {\r\n if (this._selectionDirection === 'right') {\r\n this.selectionEnd = newSelection;\r\n } else {\r\n this.selectionStart = newSelection;\r\n }\r\n } else {\r\n // newSelection is > selection start and end\r\n if (end === start) {\r\n this._selectionDirection = 'right';\r\n } else if (this._selectionDirection === 'left') {\r\n this._selectionDirection = 'right';\r\n this.selectionStart = end;\r\n }\r\n this.selectionEnd = newSelection;\r\n }\r\n }\r\n\r\n setSelectionInBoundaries() {\r\n const length = this.text.length;\r\n if (this.selectionStart > length) {\r\n this.selectionStart = length;\r\n } else if (this.selectionStart < 0) {\r\n this.selectionStart = 0;\r\n }\r\n if (this.selectionEnd > length) {\r\n this.selectionEnd = length;\r\n } else if (this.selectionEnd < 0) {\r\n this.selectionEnd = 0;\r\n }\r\n }\r\n };\r\n}\r\n\r\nIText = ITextBehaviorMixinGenerator(IText);\r\n","//@ts-nocheck\r\nimport { invertTransform, transformPoint } from '../util/misc/matrix';\r\nimport { Point } from '../point.class';\r\nimport { TPointerEvent } from '../typedefs';\r\n\r\nexport function ITextClickBehaviorMixinGenerator(Klass) {\r\n return class ITextClickBehaviorMixin extends Klass {\r\n /**\r\n * Initializes \"dbclick\" event handler\r\n */\r\n initDoubleClickSimulation() {\r\n this.__lastClickTime = +new Date();\r\n\r\n // for triple click\r\n this.__lastLastClickTime = +new Date();\r\n\r\n this.__lastPointer = {};\r\n\r\n this.on('mousedown', this.onMouseDown);\r\n }\r\n\r\n /**\r\n * Default event handler to simulate triple click\r\n * @private\r\n */\r\n onMouseDown(options) {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n this.__newClickTime = +new Date();\r\n var newPointer = options.pointer;\r\n if (this.isTripleClick(newPointer)) {\r\n this.fire('tripleclick', options);\r\n this._stopEvent(options.e);\r\n }\r\n this.__lastLastClickTime = this.__lastClickTime;\r\n this.__lastClickTime = this.__newClickTime;\r\n this.__lastPointer = newPointer;\r\n this.__lastIsEditing = this.isEditing;\r\n this.__lastSelected = this.selected;\r\n }\r\n\r\n isTripleClick(newPointer) {\r\n return (\r\n this.__newClickTime - this.__lastClickTime < 500 &&\r\n this.__lastClickTime - this.__lastLastClickTime < 500 &&\r\n this.__lastPointer.x === newPointer.x &&\r\n this.__lastPointer.y === newPointer.y\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _stopEvent(e) {\r\n e.preventDefault && e.preventDefault();\r\n e.stopPropagation && e.stopPropagation();\r\n }\r\n\r\n /**\r\n * Initializes event handlers related to cursor or selection\r\n */\r\n initCursorSelectionHandlers() {\r\n this.initMousedownHandler();\r\n this.initMouseupHandler();\r\n this.initClicks();\r\n }\r\n\r\n /**\r\n * Default handler for double click, select a word\r\n */\r\n doubleClickHandler(options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectWord(this.getSelectionStartFromPointer(options.e));\r\n }\r\n\r\n /**\r\n * Default handler for triple click, select a line\r\n */\r\n tripleClickHandler(options) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n this.selectLine(this.getSelectionStartFromPointer(options.e));\r\n }\r\n\r\n /**\r\n * Initializes double and triple click event handlers\r\n */\r\n initClicks() {\r\n this.on('mousedblclick', this.doubleClickHandler);\r\n this.on('tripleclick', this.tripleClickHandler);\r\n }\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on _mouseDown\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: find the click position, set selectionStart\r\n * find selectionEnd, initialize the drawing of either cursor or selection area\r\n * initializing a mousedDown on a text area will cancel fabricjs knowledge of\r\n * current compositionMode. It will be set to false.\r\n */\r\n _mouseDownHandler(options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n this.__isMousedown = true;\r\n\r\n if (this.selected) {\r\n this.inCompositionMode = false;\r\n this.setCursorByClick(options.e);\r\n }\r\n\r\n if (this.isEditing) {\r\n this.__selectionStartOnMouseDown = this.selectionStart;\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.abortCursorAnimation();\r\n }\r\n this.renderCursorOrSelection();\r\n }\r\n }\r\n\r\n /**\r\n * Default event handler for the basic functionalities needed on mousedown:before\r\n * can be overridden to do something different.\r\n * Scope of this implementation is: verify the object is already selected when mousing down\r\n */\r\n _mouseDownHandlerBefore(options) {\r\n if (\r\n !this.canvas ||\r\n !this.editable ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n // we want to avoid that an object that was selected and then becomes unselectable,\r\n // may trigger editing mode in some way.\r\n this.selected = this === this.canvas._activeObject;\r\n // text dragging logic\r\n var newSelection = this.getSelectionStartFromPointer(options.e);\r\n this.__isDragging =\r\n this.isEditing &&\r\n newSelection >= this.selectionStart &&\r\n newSelection <= this.selectionEnd &&\r\n this.selectionStart < this.selectionEnd;\r\n }\r\n\r\n /**\r\n * Initializes \"mousedown\" event handler\r\n */\r\n initMousedownHandler() {\r\n this.on('mousedown', this._mouseDownHandler);\r\n this.on('mousedown:before', this._mouseDownHandlerBefore);\r\n }\r\n\r\n /**\r\n * Initializes \"mouseup\" event handler\r\n */\r\n initMouseupHandler() {\r\n this.on('mouseup', this.mouseUpHandler);\r\n }\r\n\r\n /**\r\n * standard handler for mouse up, overridable\r\n * @private\r\n */\r\n mouseUpHandler(options) {\r\n this.__isMousedown = false;\r\n if (\r\n !this.editable ||\r\n (this.group && !this.group.interactive) ||\r\n (options.transform && options.transform.actionPerformed) ||\r\n (options.e.button && options.e.button !== 1)\r\n ) {\r\n return;\r\n }\r\n\r\n if (this.canvas) {\r\n var currentActive = this.canvas._activeObject;\r\n if (currentActive && currentActive !== this) {\r\n // avoid running this logic when there is an active object\r\n // this because is possible with shift click and fast clicks,\r\n // to rapidly deselect and reselect this object and trigger an enterEdit\r\n return;\r\n }\r\n }\r\n\r\n if (this.__lastSelected && !this.__corner) {\r\n this.selected = false;\r\n this.__lastSelected = false;\r\n this.enterEditing(options.e);\r\n if (this.selectionStart === this.selectionEnd) {\r\n this.initDelayedCursor(true);\r\n } else {\r\n this.renderCursorOrSelection();\r\n }\r\n } else {\r\n this.selected = true;\r\n }\r\n }\r\n\r\n /**\r\n * Changes cursor location in a text depending on passed pointer (x/y) object\r\n * @param {TPointerEvent} e Event object\r\n */\r\n setCursorByClick(e: TPointerEvent) {\r\n var newSelection = this.getSelectionStartFromPointer(e),\r\n start = this.selectionStart,\r\n end = this.selectionEnd;\r\n if (e.shiftKey) {\r\n this.setSelectionStartEndWithShift(start, end, newSelection);\r\n } else {\r\n this.selectionStart = newSelection;\r\n this.selectionEnd = newSelection;\r\n }\r\n if (this.isEditing) {\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n }\r\n\r\n /**\r\n * Returns coordinates of a pointer relative to object's top left corner in object's plane\r\n * @param {TPointerEvent} e Event to operate upon\r\n * @param {IPoint} [pointer] Pointer to operate upon (instead of event)\r\n * @return {Point} Coordinates of a pointer (x, y)\r\n */\r\n getLocalPointer(e: TPointerEvent, pointer: IPoint): Point {\r\n const thePointer = pointer || this.canvas.getPointer(e);\r\n return transformPoint(\r\n thePointer,\r\n invertTransform(this.calcTransformMatrix())\r\n ).add(new Point(this.width / 2, this.height / 2));\r\n }\r\n\r\n /**\r\n * Returns index of a character corresponding to where an object was clicked\r\n * @param {TPointerEvent} e Event object\r\n * @return {Number} Index of a character\r\n */\r\n getSelectionStartFromPointer(e: TPointerEvent): number {\r\n var mouseOffset = this.getLocalPointer(e),\r\n prevWidth = 0,\r\n width = 0,\r\n height = 0,\r\n charIndex = 0,\r\n lineIndex = 0,\r\n lineLeftOffset,\r\n line;\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n if (height <= mouseOffset.y) {\r\n height += this.getHeightOfLine(i) * this.scaleY;\r\n lineIndex = i;\r\n if (i > 0) {\r\n charIndex +=\r\n this._textLines[i - 1].length + this.missingNewlineOffset(i - 1);\r\n }\r\n } else {\r\n break;\r\n }\r\n }\r\n lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex));\r\n width = lineLeftOffset * this.scaleX;\r\n line = this._textLines[lineIndex];\r\n // handling of RTL: in order to get things work correctly,\r\n // we assume RTL writing is mirrored compared to LTR writing.\r\n // so in position detection we mirror the X offset, and when is time\r\n // of rendering it, we mirror it again.\r\n if (this.direction === 'rtl') {\r\n mouseOffset.x = this.width * this.scaleX - mouseOffset.x;\r\n }\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n prevWidth = width;\r\n // i removed something about flipX here, check.\r\n width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX;\r\n if (width <= mouseOffset.x) {\r\n charIndex++;\r\n } else {\r\n break;\r\n }\r\n }\r\n return this._getNewSelectionStartFromOffset(\r\n mouseOffset,\r\n prevWidth,\r\n width,\r\n charIndex,\r\n jlen\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) {\r\n var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth,\r\n distanceBtwNextCharAndCursor = width - mouseOffset.x,\r\n offset =\r\n distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor ||\r\n distanceBtwNextCharAndCursor < 0\r\n ? 0\r\n : 1,\r\n newSelectionStart = index + offset;\r\n // if object is horizontally flipped, mirror cursor location from the end\r\n if (this.flipX) {\r\n newSelectionStart = jlen - newSelectionStart;\r\n }\r\n\r\n if (newSelectionStart > this._text.length) {\r\n newSelectionStart = this._text.length;\r\n }\r\n\r\n return newSelectionStart;\r\n }\r\n };\r\n}\r\n\r\nIText = ITextClickBehaviorMixinGenerator(IText);\r\n","//@ts-nocheck\r\n\r\nimport { config } from '../config';\r\n\r\nvar fabric = global.fabric;\r\n\r\nexport function ITextKeyBehaviorMixinGenerator(Klass) {\r\n return class ITextKeyBehaviorMixin extends Klass {\r\n /**\r\n * For functionalities on keyDown\r\n * Map a special key to a function of the instance/prototype\r\n * If you need different behaviour for ESC or TAB or arrows, you have to change\r\n * this map setting the name of a function that you build on the fabric.Itext or\r\n * your prototype.\r\n * the map change will affect all Instances unless you need for only some text Instances\r\n * in that case you have to clone this object and assign your Instance.\r\n * this.keysMap = Object.assign({}, this.keysMap);\r\n * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0]\r\n */\r\n keysMap;\r\n\r\n keysMapRtl;\r\n\r\n /**\r\n * For functionalities on keyUp + ctrl || cmd\r\n */\r\n ctrlKeysMapUp;\r\n\r\n /**\r\n * For functionalities on keyDown + ctrl || cmd\r\n */\r\n ctrlKeysMapDown;\r\n\r\n /**\r\n * Initializes hidden textarea (needed to bring up keyboard in iOS)\r\n */\r\n initHiddenTextarea() {\r\n this.hiddenTextarea = fabric.document.createElement('textarea');\r\n this.hiddenTextarea.setAttribute('autocapitalize', 'off');\r\n this.hiddenTextarea.setAttribute('autocorrect', 'off');\r\n this.hiddenTextarea.setAttribute('autocomplete', 'off');\r\n this.hiddenTextarea.setAttribute('spellcheck', 'false');\r\n this.hiddenTextarea.setAttribute('data-fabric', 'textarea');\r\n this.hiddenTextarea.setAttribute('wrap', 'off');\r\n var style = this._calcTextareaPosition();\r\n // line-height: 1px; was removed from the style to fix this:\r\n // https://bugs.chromium.org/p/chromium/issues/detail?id=870966\r\n this.hiddenTextarea.style.cssText =\r\n 'position: absolute; top: ' +\r\n style.top +\r\n '; left: ' +\r\n style.left +\r\n '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' +\r\n ' padding-top: ' +\r\n style.fontSize +\r\n ';';\r\n\r\n if (this.hiddenTextareaContainer) {\r\n this.hiddenTextareaContainer.appendChild(this.hiddenTextarea);\r\n } else {\r\n fabric.document.body.appendChild(this.hiddenTextarea);\r\n }\r\n\r\n addListener(this.hiddenTextarea, 'blur', this.blur.bind(this));\r\n addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this));\r\n addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this));\r\n addListener(this.hiddenTextarea, 'input', this.onInput.bind(this));\r\n addListener(this.hiddenTextarea, 'copy', this.copy.bind(this));\r\n addListener(this.hiddenTextarea, 'cut', this.copy.bind(this));\r\n addListener(this.hiddenTextarea, 'paste', this.paste.bind(this));\r\n addListener(\r\n this.hiddenTextarea,\r\n 'compositionstart',\r\n this.onCompositionStart.bind(this)\r\n );\r\n addListener(\r\n this.hiddenTextarea,\r\n 'compositionupdate',\r\n this.onCompositionUpdate.bind(this)\r\n );\r\n addListener(\r\n this.hiddenTextarea,\r\n 'compositionend',\r\n this.onCompositionEnd.bind(this)\r\n );\r\n\r\n if (!this._clickHandlerInitialized && this.canvas) {\r\n addListener(\r\n this.canvas.upperCanvasEl,\r\n 'click',\r\n this.onClick.bind(this)\r\n );\r\n this._clickHandlerInitialized = true;\r\n }\r\n }\r\n\r\n onClick() {\r\n this.hiddenTextarea && this.hiddenTextarea.focus();\r\n }\r\n\r\n /**\r\n * Override this method to customize cursor behavior on textbox blur\r\n */\r\n blur() {\r\n this.abortCursorAnimation();\r\n }\r\n\r\n /**\r\n * Handles keydown event\r\n * only used for arrows and combination of modifier keys.\r\n * @param {TPointerEvent} e Event object\r\n */\r\n onKeyDown(e: TPointerEvent) {\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap;\r\n if (e.keyCode in keyMap) {\r\n this[keyMap[e.keyCode]](e);\r\n } else if (\r\n e.keyCode in this.ctrlKeysMapDown &&\r\n (e.ctrlKey || e.metaKey)\r\n ) {\r\n this[this.ctrlKeysMapDown[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n if (e.keyCode >= 33 && e.keyCode <= 40) {\r\n // if i press an arrow key just update selection\r\n this.inCompositionMode = false;\r\n this.clearContextTop();\r\n this.renderCursorOrSelection();\r\n } else {\r\n this.canvas && this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n /**\r\n * Handles keyup event\r\n * We handle KeyUp because ie11 and edge have difficulties copy/pasting\r\n * if a copy/cut event fired, keyup is dismissed\r\n * @param {TPointerEvent} e Event object\r\n */\r\n onKeyUp(e: TPointerEvent) {\r\n if (!this.isEditing || this._copyDone || this.inCompositionMode) {\r\n this._copyDone = false;\r\n return;\r\n }\r\n if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) {\r\n this[this.ctrlKeysMapUp[e.keyCode]](e);\r\n } else {\r\n return;\r\n }\r\n e.stopImmediatePropagation();\r\n e.preventDefault();\r\n this.canvas && this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * Handles onInput event\r\n * @param {TPointerEvent} e Event object\r\n */\r\n onInput(e: TPointerEvent) {\r\n var fromPaste = this.fromPaste;\r\n this.fromPaste = false;\r\n e && e.stopPropagation();\r\n if (!this.isEditing) {\r\n return;\r\n }\r\n // decisions about style changes.\r\n var nextText = this._splitTextIntoLines(\r\n this.hiddenTextarea.value\r\n ).graphemeText,\r\n charCount = this._text.length,\r\n nextCharCount = nextText.length,\r\n removedText,\r\n insertedText,\r\n charDiff = nextCharCount - charCount,\r\n selectionStart = this.selectionStart,\r\n selectionEnd = this.selectionEnd,\r\n selection = selectionStart !== selectionEnd,\r\n copiedStyle,\r\n removeFrom,\r\n removeTo;\r\n if (this.hiddenTextarea.value === '') {\r\n this.styles = {};\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n return;\r\n }\r\n\r\n var textareaSelection = this.fromStringToGraphemeSelection(\r\n this.hiddenTextarea.selectionStart,\r\n this.hiddenTextarea.selectionEnd,\r\n this.hiddenTextarea.value\r\n );\r\n var backDelete = selectionStart > textareaSelection.selectionStart;\r\n\r\n if (selection) {\r\n removedText = this._text.slice(selectionStart, selectionEnd);\r\n charDiff += selectionEnd - selectionStart;\r\n } else if (nextCharCount < charCount) {\r\n if (backDelete) {\r\n removedText = this._text.slice(selectionEnd + charDiff, selectionEnd);\r\n } else {\r\n removedText = this._text.slice(\r\n selectionStart,\r\n selectionStart - charDiff\r\n );\r\n }\r\n }\r\n insertedText = nextText.slice(\r\n textareaSelection.selectionEnd - charDiff,\r\n textareaSelection.selectionEnd\r\n );\r\n if (removedText && removedText.length) {\r\n if (insertedText.length) {\r\n // let's copy some style before deleting.\r\n // we want to copy the style before the cursor OR the style at the cursor if selection\r\n // is bigger than 0.\r\n copiedStyle = this.getSelectionStyles(\r\n selectionStart,\r\n selectionStart + 1,\r\n false\r\n );\r\n // now duplicate the style one for each inserted text.\r\n copiedStyle = insertedText.map(function () {\r\n // this return an array of references, but that is fine since we are\r\n // copying the style later.\r\n return copiedStyle[0];\r\n });\r\n }\r\n if (selection) {\r\n removeFrom = selectionStart;\r\n removeTo = selectionEnd;\r\n } else if (backDelete) {\r\n // detect differences between forwardDelete and backDelete\r\n removeFrom = selectionEnd - removedText.length;\r\n removeTo = selectionEnd;\r\n } else {\r\n removeFrom = selectionEnd;\r\n removeTo = selectionEnd + removedText.length;\r\n }\r\n this.removeStyleFromTo(removeFrom, removeTo);\r\n }\r\n if (insertedText.length) {\r\n if (\r\n fromPaste &&\r\n insertedText.join('') === fabric.copiedText &&\r\n !config.disableStyleCopyPaste\r\n ) {\r\n copiedStyle = fabric.copiedTextStyle;\r\n }\r\n this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle);\r\n }\r\n this.updateFromTextArea();\r\n this.fire('changed');\r\n if (this.canvas) {\r\n this.canvas.fire('text:changed', { target: this });\r\n this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n /**\r\n * Composition start\r\n */\r\n onCompositionStart() {\r\n this.inCompositionMode = true;\r\n }\r\n\r\n /**\r\n * Composition end\r\n */\r\n onCompositionEnd() {\r\n this.inCompositionMode = false;\r\n }\r\n\r\n // */\r\n onCompositionUpdate(e) {\r\n this.compositionStart = e.target.selectionStart;\r\n this.compositionEnd = e.target.selectionEnd;\r\n this.updateTextareaPosition();\r\n }\r\n\r\n /**\r\n * Copies selected text\r\n */\r\n copy() {\r\n if (this.selectionStart === this.selectionEnd) {\r\n //do not cut-copy if no selection\r\n return;\r\n }\r\n\r\n fabric.copiedText = this.getSelectedText();\r\n if (!config.disableStyleCopyPaste) {\r\n fabric.copiedTextStyle = this.getSelectionStyles(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n true\r\n );\r\n } else {\r\n fabric.copiedTextStyle = null;\r\n }\r\n this._copyDone = true;\r\n }\r\n\r\n /**\r\n * Pastes text\r\n */\r\n paste() {\r\n this.fromPaste = true;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {TPointerEvent} e Event object\r\n * @return {Object} Clipboard data object\r\n */\r\n _getClipboardData(e: TPointerEvent): object {\r\n return (e && e.clipboardData) || fabric.window.clipboardData;\r\n }\r\n\r\n /**\r\n * Finds the width in pixels before the cursor on the same line\r\n * @private\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {Number} widthBeforeCursor width before cursor\r\n */\r\n _getWidthBeforeCursor(lineIndex: number, charIndex: number): number {\r\n var widthBeforeCursor = this._getLineLeftOffset(lineIndex),\r\n bound;\r\n\r\n if (charIndex > 0) {\r\n bound = this.__charBounds[lineIndex][charIndex - 1];\r\n widthBeforeCursor += bound.left + bound.width;\r\n }\r\n return widthBeforeCursor;\r\n }\r\n\r\n /**\r\n * Gets start offset of a selection\r\n * @param {TPointerEvent} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getDownCursorOffset(e: TPointerEvent, isRight: boolean): number {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n // if on last line, down cursor goes to end of line\r\n if (\r\n lineIndex === this._textLines.length - 1 ||\r\n e.metaKey ||\r\n e.keyCode === 34\r\n ) {\r\n // move to the end of a text\r\n return this._text.length - selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex + 1,\r\n widthBeforeCursor\r\n ),\r\n textAfterCursor = this._textLines[lineIndex].slice(charIndex);\r\n return (\r\n textAfterCursor.length +\r\n indexOnOtherLine +\r\n 1 +\r\n this.missingNewlineOffset(lineIndex)\r\n );\r\n }\r\n\r\n /**\r\n * private\r\n * Helps finding if the offset should be counted from Start or End\r\n * @param {TPointerEvent} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number {\r\n if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) {\r\n return this.selectionEnd;\r\n } else {\r\n return this.selectionStart;\r\n }\r\n }\r\n\r\n /**\r\n * @param {TPointerEvent} e Event object\r\n * @param {Boolean} isRight\r\n * @return {Number}\r\n */\r\n getUpCursorOffset(e: TPointerEvent, isRight: boolean): number {\r\n var selectionProp = this._getSelectionForOffset(e, isRight),\r\n cursorLocation = this.get2DCursorLocation(selectionProp),\r\n lineIndex = cursorLocation.lineIndex;\r\n if (lineIndex === 0 || e.metaKey || e.keyCode === 33) {\r\n // if on first line, up cursor goes to start of line\r\n return -selectionProp;\r\n }\r\n var charIndex = cursorLocation.charIndex,\r\n widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex),\r\n indexOnOtherLine = this._getIndexOnLine(\r\n lineIndex - 1,\r\n widthBeforeCursor\r\n ),\r\n textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex),\r\n missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1);\r\n // return a negative offset\r\n return (\r\n -this._textLines[lineIndex - 1].length +\r\n indexOnOtherLine -\r\n textBeforeCursor.length +\r\n (1 - missingNewlineOffset)\r\n );\r\n }\r\n\r\n /**\r\n * for a given width it founds the matching character.\r\n * @private\r\n */\r\n _getIndexOnLine(lineIndex, width) {\r\n var line = this._textLines[lineIndex],\r\n lineLeftOffset = this._getLineLeftOffset(lineIndex),\r\n widthOfCharsOnLine = lineLeftOffset,\r\n indexOnLine = 0,\r\n charWidth,\r\n foundMatch;\r\n\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charWidth = this.__charBounds[lineIndex][j].width;\r\n widthOfCharsOnLine += charWidth;\r\n if (widthOfCharsOnLine > width) {\r\n foundMatch = true;\r\n var leftEdge = widthOfCharsOnLine - charWidth,\r\n rightEdge = widthOfCharsOnLine,\r\n offsetFromLeftEdge = Math.abs(leftEdge - width),\r\n offsetFromRightEdge = Math.abs(rightEdge - width);\r\n\r\n indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1;\r\n break;\r\n }\r\n }\r\n\r\n // reached end\r\n if (!foundMatch) {\r\n indexOnLine = line.length - 1;\r\n }\r\n\r\n return indexOnLine;\r\n }\r\n\r\n /**\r\n * Moves cursor down\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorDown(e: TPointerEvent) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Down', e);\r\n }\r\n\r\n /**\r\n * Moves cursor up\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorUp(e: TPointerEvent) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorUpOrDown('Up', e);\r\n }\r\n\r\n /**\r\n * Moves cursor up or down, fires the events\r\n * @param {String} direction 'Up' or 'Down'\r\n * @param {TPointerEvent} e Event object\r\n */\r\n _moveCursorUpOrDown(direction: string, e: TPointerEvent) {\r\n var action = 'get' + direction + 'CursorOffset',\r\n offset = this[action](e, this._selectionDirection === 'right');\r\n if (e.shiftKey) {\r\n this.moveCursorWithShift(offset);\r\n } else {\r\n this.moveCursorWithoutShift(offset);\r\n }\r\n if (offset !== 0) {\r\n this.setSelectionInBoundaries();\r\n this.abortCursorAnimation();\r\n this._currentCursorOpacity = 1;\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor with shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithShift(offset: number) {\r\n var newSelection =\r\n this._selectionDirection === 'left'\r\n ? this.selectionStart + offset\r\n : this.selectionEnd + offset;\r\n this.setSelectionStartEndWithShift(\r\n this.selectionStart,\r\n this.selectionEnd,\r\n newSelection\r\n );\r\n return offset !== 0;\r\n }\r\n\r\n /**\r\n * Moves cursor up without shift\r\n * @param {Number} offset\r\n */\r\n moveCursorWithoutShift(offset: number) {\r\n if (offset < 0) {\r\n this.selectionStart += offset;\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionEnd += offset;\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return offset !== 0;\r\n }\r\n\r\n /**\r\n * Moves cursor left\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorLeft(e: TPointerEvent) {\r\n if (this.selectionStart === 0 && this.selectionEnd === 0) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Left', e);\r\n }\r\n\r\n /**\r\n * @private\r\n * @return {Boolean} true if a change happened\r\n */\r\n _move(e, prop, direction): boolean {\r\n var newValue;\r\n if (e.altKey) {\r\n newValue = this['findWordBoundary' + direction](this[prop]);\r\n } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) {\r\n newValue = this['findLineBoundary' + direction](this[prop]);\r\n } else {\r\n this[prop] += direction === 'Left' ? -1 : 1;\r\n return true;\r\n }\r\n if (typeof newValue !== 'undefined' && this[prop] !== newValue) {\r\n this[prop] = newValue;\r\n return true;\r\n }\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _moveLeft(e, prop) {\r\n return this._move(e, prop, 'Left');\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _moveRight(e, prop) {\r\n return this._move(e, prop, 'Right');\r\n }\r\n\r\n /**\r\n * Moves cursor left without keeping selection\r\n * @param {TPointerEvent} e\r\n */\r\n moveCursorLeftWithoutShift(e: TPointerEvent) {\r\n var change = true;\r\n this._selectionDirection = 'left';\r\n\r\n // only move cursor when there is no selection,\r\n // otherwise we discard it, and leave cursor on same place\r\n if (\r\n this.selectionEnd === this.selectionStart &&\r\n this.selectionStart !== 0\r\n ) {\r\n change = this._moveLeft(e, 'selectionStart');\r\n }\r\n this.selectionEnd = this.selectionStart;\r\n return change;\r\n }\r\n\r\n /**\r\n * Moves cursor left while keeping selection\r\n * @param {TPointerEvent} e\r\n */\r\n moveCursorLeftWithShift(e: TPointerEvent) {\r\n if (\r\n this._selectionDirection === 'right' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveLeft(e, 'selectionEnd');\r\n } else if (this.selectionStart !== 0) {\r\n this._selectionDirection = 'left';\r\n return this._moveLeft(e, 'selectionStart');\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor right\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorRight(e: TPointerEvent) {\r\n if (\r\n this.selectionStart >= this._text.length &&\r\n this.selectionEnd >= this._text.length\r\n ) {\r\n return;\r\n }\r\n this._moveCursorLeftOrRight('Right', e);\r\n }\r\n\r\n /**\r\n * Moves cursor right or Left, fires event\r\n * @param {String} direction 'Left', 'Right'\r\n * @param {TPointerEvent} e Event object\r\n */\r\n _moveCursorLeftOrRight(direction: string, e: TPointerEvent) {\r\n var actionName = 'moveCursor' + direction + 'With';\r\n this._currentCursorOpacity = 1;\r\n\r\n if (e.shiftKey) {\r\n actionName += 'Shift';\r\n } else {\r\n actionName += 'outShift';\r\n }\r\n if (this[actionName](e)) {\r\n this.abortCursorAnimation();\r\n this.initDelayedCursor();\r\n this._fireSelectionChanged();\r\n this._updateTextarea();\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor right while keeping selection\r\n * @param {TPointerEvent} e\r\n */\r\n moveCursorRightWithShift(e: TPointerEvent) {\r\n if (\r\n this._selectionDirection === 'left' &&\r\n this.selectionStart !== this.selectionEnd\r\n ) {\r\n return this._moveRight(e, 'selectionStart');\r\n } else if (this.selectionEnd !== this._text.length) {\r\n this._selectionDirection = 'right';\r\n return this._moveRight(e, 'selectionEnd');\r\n }\r\n }\r\n\r\n /**\r\n * Moves cursor right without keeping selection\r\n * @param {TPointerEvent} e Event object\r\n */\r\n moveCursorRightWithoutShift(e: TPointerEvent) {\r\n var changed = true;\r\n this._selectionDirection = 'right';\r\n\r\n if (this.selectionStart === this.selectionEnd) {\r\n changed = this._moveRight(e, 'selectionStart');\r\n this.selectionEnd = this.selectionStart;\r\n } else {\r\n this.selectionStart = this.selectionEnd;\r\n }\r\n return changed;\r\n }\r\n\r\n /**\r\n * Removes characters from start/end\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n removeChars(start: number, end: number) {\r\n if (typeof end === 'undefined') {\r\n end = start + 1;\r\n }\r\n this.removeStyleFromTo(start, end);\r\n this._text.splice(start, end - start);\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n }\r\n\r\n /**\r\n * insert characters at start position, before start position.\r\n * start equal 1 it means the text get inserted between actual grapheme 0 and 1\r\n * if style array is provided, it must be as the same length of text in graphemes\r\n * if end is provided and is bigger than start, old text is replaced.\r\n * start/end ar per grapheme position in _text array.\r\n *\r\n * @param {String} text text to insert\r\n * @param {Array} style array of style objects\r\n * @param {Number} start\r\n * @param {Number} end default to start + 1\r\n */\r\n insertChars(text: string, style: Array, start: number, end: number) {\r\n if (typeof end === 'undefined') {\r\n end = start;\r\n }\r\n if (end > start) {\r\n this.removeStyleFromTo(start, end);\r\n }\r\n var graphemes = this.graphemeSplit(text);\r\n this.insertNewStyleBlock(graphemes, start, style);\r\n this._text = [].concat(\r\n this._text.slice(0, start),\r\n graphemes,\r\n this._text.slice(end)\r\n );\r\n this.text = this._text.join('');\r\n this.set('dirty', true);\r\n if (this._shouldClearDimensionCache()) {\r\n this.initDimensions();\r\n this.setCoords();\r\n }\r\n this._removeExtraneousStyles();\r\n }\r\n };\r\n}\r\n\r\nIText = ITextKeyBehaviorMixinGenerator(IText);\r\n\r\nexport const iTextKeyBehaviorMixinDefaultValues: Partial<\r\n TClassProperties\r\n> = {\r\n keysMap: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorRight',\r\n 36: 'moveCursorLeft',\r\n 37: 'moveCursorLeft',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorRight',\r\n 40: 'moveCursorDown',\r\n },\r\n keysMapRtl: {\r\n 9: 'exitEditing',\r\n 27: 'exitEditing',\r\n 33: 'moveCursorUp',\r\n 34: 'moveCursorDown',\r\n 35: 'moveCursorLeft',\r\n 36: 'moveCursorRight',\r\n 37: 'moveCursorRight',\r\n 38: 'moveCursorUp',\r\n 39: 'moveCursorLeft',\r\n 40: 'moveCursorDown',\r\n },\r\n ctrlKeysMapUp: {\r\n 67: 'copy',\r\n 88: 'cut',\r\n },\r\n ctrlKeysMapDown: {\r\n 65: 'selectAll',\r\n },\r\n};\r\n\r\nObject.assign(\r\n ITextKeyBehaviorMixin.prototype,\r\n iTextKeyBehaviorMixinDefaultValues\r\n);\r\n","//@ts-nocheck\r\n\r\nimport { Color } from '../color';\r\nimport { config } from '../config';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\n\r\n/* _TO_SVG_START_ */\r\nvar fabric = global.fabric,\r\n toFixed = toFixed,\r\n multipleSpacesRegex = / +/g;\r\n\r\nexport function TextIMixinGenerator(Klass) {\r\n return class TextIMixin extends Klass {\r\n /**\r\n * Returns SVG representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n _toSVG(): string {\r\n var offsets = this._getSVGLeftTopOffsets(),\r\n textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\r\n return this._wrapSVGTextAndBg(textAndBg);\r\n }\r\n\r\n /**\r\n * Returns svg representation of an instance\r\n * @param {Function} [reviver] Method for further parsing of svg representation.\r\n * @return {String} svg representation of an instance\r\n */\r\n toSVG(reviver: Function): string {\r\n return this._createBaseSVGMarkup(this._toSVG(), {\r\n reviver: reviver,\r\n noStyle: true,\r\n withShadow: true,\r\n });\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLeftTopOffsets() {\r\n return {\r\n textLeft: -this.width / 2,\r\n textTop: -this.height / 2,\r\n lineTop: this.getHeightOfLine(0),\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _wrapSVGTextAndBg(textAndBg) {\r\n var noShadow = true,\r\n textDecoration = this.getSvgTextDecoration(this);\r\n return [\r\n textAndBg.textBgRects.join(''),\r\n '\\t\\t',\r\n textAndBg.textSpans.join(''),\r\n '\\n',\r\n ];\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Number} textTopOffset Text top offset\r\n * @param {Number} textLeftOffset Text left offset\r\n * @return {Object}\r\n */\r\n _getSVGTextAndBg(textTopOffset: number, textLeftOffset: number): object {\r\n var textSpans = [],\r\n textBgRects = [],\r\n height = textTopOffset,\r\n lineOffset;\r\n // bounding-box background\r\n this._setSVGBg(textBgRects);\r\n\r\n // text and text-background\r\n for (var i = 0, len = this._textLines.length; i < len; i++) {\r\n lineOffset = this._getLineLeftOffset(i);\r\n if (this.direction === 'rtl') {\r\n lineOffset += this.width;\r\n }\r\n if (\r\n this.textBackgroundColor ||\r\n this.styleHas('textBackgroundColor', i)\r\n ) {\r\n this._setSVGTextLineBg(\r\n textBgRects,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n }\r\n this._setSVGTextLineText(\r\n textSpans,\r\n i,\r\n textLeftOffset + lineOffset,\r\n height\r\n );\r\n height += this.getHeightOfLine(i);\r\n }\r\n\r\n return {\r\n textSpans: textSpans,\r\n textBgRects: textBgRects,\r\n };\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _createTextCharSpan(_char, styleDecl, left, top) {\r\n var shouldUseWhitespace =\r\n _char !== _char.trim() || _char.match(multipleSpacesRegex),\r\n styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace),\r\n fillStyles = styleProps ? 'style=\"' + styleProps + '\"' : '',\r\n dy = styleDecl.deltaY,\r\n dySpan = '',\r\n NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n if (dy) {\r\n dySpan = ' dy=\"' + toFixed(dy, NUM_FRACTION_DIGITS) + '\" ';\r\n }\r\n return [\r\n '',\r\n string.escapeXml(_char),\r\n '',\r\n ].join('');\r\n }\r\n\r\n _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) {\r\n var lineHeight = this.getHeightOfLine(lineIndex),\r\n isJustify = this.textAlign.indexOf('justify') !== -1,\r\n actualStyle,\r\n nextStyle,\r\n charsToRender = '',\r\n charBox,\r\n style,\r\n boxWidth = 0,\r\n line = this._textLines[lineIndex],\r\n timeToRender;\r\n\r\n textTopOffset +=\r\n (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight;\r\n for (var i = 0, len = line.length - 1; i <= len; i++) {\r\n timeToRender = i === len || this.charSpacing;\r\n charsToRender += line[i];\r\n charBox = this.__charBounds[lineIndex][i];\r\n if (boxWidth === 0) {\r\n textLeftOffset += charBox.kernedWidth - charBox.width;\r\n boxWidth += charBox.width;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n if (isJustify && !timeToRender) {\r\n if (this._reSpaceAndTab.test(line[i])) {\r\n timeToRender = true;\r\n }\r\n }\r\n if (!timeToRender) {\r\n // if we have charSpacing, we render char by char\r\n actualStyle =\r\n actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\r\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\r\n timeToRender = hasStyleChanged(actualStyle, nextStyle, true);\r\n }\r\n if (timeToRender) {\r\n style = this._getStyleDeclaration(lineIndex, i) || {};\r\n textSpans.push(\r\n this._createTextCharSpan(\r\n charsToRender,\r\n style,\r\n textLeftOffset,\r\n textTopOffset\r\n )\r\n );\r\n charsToRender = '';\r\n actualStyle = nextStyle;\r\n if (this.direction === 'rtl') {\r\n textLeftOffset -= boxWidth;\r\n } else {\r\n textLeftOffset += boxWidth;\r\n }\r\n boxWidth = 0;\r\n }\r\n }\r\n }\r\n\r\n _pushTextBgRect(textBgRects, color, left, top, width, height) {\r\n var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;\r\n textBgRects.push(\r\n '\\t\\t\\n'\r\n );\r\n }\r\n\r\n _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) {\r\n var line = this._textLines[i],\r\n heightOfLine = this.getHeightOfLine(i) / this.lineHeight,\r\n boxWidth = 0,\r\n boxStart = 0,\r\n charBox,\r\n currentColor,\r\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\r\n for (var j = 0, jlen = line.length; j < jlen; j++) {\r\n charBox = this.__charBounds[i][j];\r\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\r\n if (currentColor !== lastColor) {\r\n lastColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n lastColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n boxStart = charBox.left;\r\n boxWidth = charBox.width;\r\n lastColor = currentColor;\r\n } else {\r\n boxWidth += charBox.kernedWidth;\r\n }\r\n }\r\n currentColor &&\r\n this._pushTextBgRect(\r\n textBgRects,\r\n currentColor,\r\n leftOffset + boxStart,\r\n textTopOffset,\r\n boxWidth,\r\n heightOfLine\r\n );\r\n }\r\n\r\n /**\r\n * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values\r\n * we work around it by \"moving\" alpha channel into opacity attribute and setting fill's alpha to 1\r\n *\r\n * @private\r\n * @param {*} value\r\n * @return {String}\r\n */\r\n _getFillAttributes(value: any): string {\r\n var fillColor =\r\n value && typeof value === 'string' ? new Color(value) : '';\r\n if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) {\r\n return 'fill=\"' + value + '\"';\r\n }\r\n return (\r\n 'opacity=\"' +\r\n fillColor.getAlpha() +\r\n '\" fill=\"' +\r\n fillColor.setAlpha(1).toRgb() +\r\n '\"'\r\n );\r\n }\r\n\r\n /**\r\n * @private\r\n */\r\n _getSVGLineTopOffset(lineIndex) {\r\n var lineTopOffset = 0,\r\n lastHeight = 0;\r\n for (var j = 0; j < lineIndex; j++) {\r\n lineTopOffset += this.getHeightOfLine(j);\r\n }\r\n lastHeight = this.getHeightOfLine(j);\r\n return {\r\n lineTop: lineTopOffset,\r\n offset:\r\n ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) /\r\n (this.lineHeight * this._fontSizeMult),\r\n };\r\n }\r\n\r\n /**\r\n * Returns styles-string for svg-export\r\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\r\n * @return {String}\r\n */\r\n getSvgStyles(skipShadow: boolean): string {\r\n var svgStyle = FabricObject.prototype.getSvgStyles.call(this, skipShadow);\r\n return svgStyle + ' white-space: pre;';\r\n }\r\n };\r\n}\r\n\r\nText = TextIMixinGenerator(Text);\r\n\r\n/* _TO_SVG_END_ */\r\n","// @ts-nocheck\r\n\r\nimport { fabric } from '../../HEADER';\r\nimport { TClassProperties } from '../typedefs';\r\nimport { stylesFromArray } from '../util/misc/textStyles';\r\nimport { IText } from './itext.class';\r\nimport { FabricObject } from './object.class';\r\nimport { textDefaultValues } from './text.class';\r\n\r\n/**\r\n * Textbox class, based on IText, allows the user to resize the text rectangle\r\n * and wraps lines automatically. Textboxes have their Y scaling locked, the\r\n * user can only change width. Height is adjusted automatically based on the\r\n * wrapping of lines.\r\n */\r\nexport class Textbox extends IText {\r\n /**\r\n * Minimum width of textbox, in pixels.\r\n * @type Number\r\n * @default\r\n */\r\n minWidth: number;\r\n\r\n /**\r\n * Minimum calculated width of a textbox, in pixels.\r\n * fixed to 2 so that an empty textbox cannot go to 0\r\n * and is still selectable without text.\r\n * @type Number\r\n * @default\r\n */\r\n dynamicMinWidth: number;\r\n\r\n /**\r\n * Cached array of text wrapping.\r\n * @type Array\r\n */\r\n __cachedLines: Array | null = null;\r\n\r\n /**\r\n * Use this boolean property in order to split strings that have no white space concept.\r\n * this is a cheap way to help with chinese/japanese\r\n * @type Boolean\r\n * @since 2.6.0\r\n */\r\n splitByGrapheme: boolean;\r\n\r\n /**\r\n * Unlike superclass's version of this function, Textbox does not update\r\n * its width.\r\n * @private\r\n * @override\r\n */\r\n initDimensions() {\r\n if (this.__skipDimension) {\r\n return;\r\n }\r\n this.isEditing && this.initDelayedCursor();\r\n this.clearContextTop();\r\n this._clearCache();\r\n // clear dynamicMinWidth as it will be different after we re-wrap line\r\n this.dynamicMinWidth = 0;\r\n // wrap lines\r\n this._styleMap = this._generateStyleMap(this._splitText());\r\n // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap\r\n if (this.dynamicMinWidth > this.width) {\r\n this._set('width', this.dynamicMinWidth);\r\n }\r\n if (this.textAlign.indexOf('justify') !== -1) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n // clear cache and re-calculate height\r\n this.height = this.calcTextHeight();\r\n this.saveState({ propertySet: '_dimensionAffectingProps' });\r\n }\r\n\r\n /**\r\n * Generate an object that translates the style object so that it is\r\n * broken up by visual lines (new lines and automatic wrapping).\r\n * The original text styles object is broken up by actual lines (new lines only),\r\n * which is only sufficient for Text / IText\r\n * @private\r\n */\r\n _generateStyleMap(textInfo) {\r\n let realLineCount = 0,\r\n realLineCharCount = 0,\r\n charCount = 0,\r\n map = {};\r\n\r\n for (let i = 0; i < textInfo.graphemeLines.length; i++) {\r\n if (textInfo.graphemeText[charCount] === '\\n' && i > 0) {\r\n realLineCharCount = 0;\r\n charCount++;\r\n realLineCount++;\r\n } else if (\r\n !this.splitByGrapheme &&\r\n this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) &&\r\n i > 0\r\n ) {\r\n // this case deals with space's that are removed from end of lines when wrapping\r\n realLineCharCount++;\r\n charCount++;\r\n }\r\n\r\n map[i] = { line: realLineCount, offset: realLineCharCount };\r\n\r\n charCount += textInfo.graphemeLines[i].length;\r\n realLineCharCount += textInfo.graphemeLines[i].length;\r\n }\r\n\r\n return map;\r\n }\r\n\r\n /**\r\n * Returns true if object has a style property or has it on a specified line\r\n * @param {Number} lineIndex\r\n * @return {Boolean}\r\n */\r\n styleHas(property, lineIndex: number): boolean {\r\n if (this._styleMap && !this.isWrapping) {\r\n const map = this._styleMap[lineIndex];\r\n if (map) {\r\n lineIndex = map.line;\r\n }\r\n }\r\n return super.styleHas(property, lineIndex);\r\n }\r\n\r\n /**\r\n * Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n */\r\n isEmptyStyles(lineIndex: number): boolean {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n let offset = 0,\r\n nextLineIndex = lineIndex + 1,\r\n nextOffset,\r\n obj,\r\n shouldLimit = false,\r\n map = this._styleMap[lineIndex],\r\n mapNextLine = this._styleMap[lineIndex + 1];\r\n if (map) {\r\n lineIndex = map.line;\r\n offset = map.offset;\r\n }\r\n if (mapNextLine) {\r\n nextLineIndex = mapNextLine.line;\r\n shouldLimit = nextLineIndex === lineIndex;\r\n nextOffset = mapNextLine.offset;\r\n }\r\n obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (const p1 in obj) {\r\n for (const p2 in obj[p1]) {\r\n if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) {\r\n // eslint-disable-next-line no-unused-vars\r\n for (const p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _getStyleDeclaration(lineIndex: number, charIndex: number) {\r\n if (this._styleMap && !this.isWrapping) {\r\n const map = this._styleMap[lineIndex];\r\n if (!map) {\r\n return null;\r\n }\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n }\r\n return super._getStyleDeclaration(lineIndex, charIndex);\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setStyleDeclaration(lineIndex: number, charIndex: number, style: object) {\r\n const map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n\r\n this.styles[lineIndex][charIndex] = style;\r\n }\r\n\r\n /**\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n */\r\n _deleteStyleDeclaration(lineIndex: number, charIndex: number) {\r\n const map = this._styleMap[lineIndex];\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n delete this.styles[lineIndex][charIndex];\r\n }\r\n\r\n /**\r\n * probably broken need a fix\r\n * Returns the real style line that correspond to the wrapped lineIndex line\r\n * Used just to verify if the line does exist or not.\r\n * @param {Number} lineIndex\r\n * @returns {Boolean} if the line exists or not\r\n * @private\r\n */\r\n _getLineStyle(lineIndex: number): boolean {\r\n const map = this._styleMap[lineIndex];\r\n return !!this.styles[map.line];\r\n }\r\n\r\n /**\r\n * Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @param {Object} style\r\n * @private\r\n */\r\n _setLineStyle(lineIndex: number) {\r\n const map = this._styleMap[lineIndex];\r\n this.styles[map.line] = {};\r\n }\r\n\r\n /**\r\n * Wraps text using the 'width' property of Textbox. First this function\r\n * splits text on newlines, so we preserve newlines entered by the user.\r\n * Then it wraps each line using the width of the Textbox by calling\r\n * _wrapLine().\r\n * @param {Array} lines The string array of text that is split into lines\r\n * @param {Number} desiredWidth width you want to wrap to\r\n * @returns {Array} Array of lines\r\n */\r\n _wrapText(lines: Array, desiredWidth: number): Array {\r\n let wrapped = [],\r\n i;\r\n this.isWrapping = true;\r\n for (i = 0; i < lines.length; i++) {\r\n wrapped.push.apply(wrapped, this._wrapLine(lines[i], i, desiredWidth));\r\n }\r\n this.isWrapping = false;\r\n return wrapped;\r\n }\r\n\r\n /**\r\n * Helper function to measure a string of text, given its lineIndex and charIndex offset\r\n * It gets called when charBounds are not available yet.\r\n * Override if necessary\r\n * Use with {@link Textbox#wordSplit}\r\n *\r\n * @param {CanvasRenderingContext2D} ctx\r\n * @param {String} text\r\n * @param {number} lineIndex\r\n * @param {number} charOffset\r\n * @returns {number}\r\n */\r\n _measureWord(word, lineIndex: number, charOffset: number): number {\r\n let width = 0,\r\n prevGrapheme,\r\n skipLeft = true;\r\n charOffset = charOffset || 0;\r\n for (let i = 0, len = word.length; i < len; i++) {\r\n const box = this._getGraphemeBox(\r\n word[i],\r\n lineIndex,\r\n i + charOffset,\r\n prevGrapheme,\r\n skipLeft\r\n );\r\n width += box.kernedWidth;\r\n prevGrapheme = word[i];\r\n }\r\n return width;\r\n }\r\n\r\n /**\r\n * Override this method to customize word splitting\r\n * Use with {@link Textbox#_measureWord}\r\n * @param {string} value\r\n * @returns {string[]} array of words\r\n */\r\n wordSplit(value: string): string[] {\r\n return value.split(this._wordJoiners);\r\n }\r\n\r\n /**\r\n * Wraps a line of text using the width of the Textbox and a context.\r\n * @param {Array} line The grapheme array that represent the line\r\n * @param {Number} lineIndex\r\n * @param {Number} desiredWidth width you want to wrap the line to\r\n * @param {Number} reservedSpace space to remove from wrapping for custom functionalities\r\n * @returns {Array} Array of line(s) into which the given text is wrapped\r\n * to.\r\n */\r\n _wrapLine(\r\n _line,\r\n lineIndex: number,\r\n desiredWidth: number,\r\n reservedSpace: number\r\n ): Array {\r\n var lineWidth = 0,\r\n splitByGrapheme = this.splitByGrapheme,\r\n graphemeLines = [],\r\n line = [],\r\n // spaces in different languages?\r\n words = splitByGrapheme\r\n ? this.graphemeSplit(_line)\r\n : this.wordSplit(_line),\r\n word = '',\r\n offset = 0,\r\n infix = splitByGrapheme ? '' : ' ',\r\n wordWidth = 0,\r\n infixWidth = 0,\r\n largestWordWidth = 0,\r\n lineJustStarted = true,\r\n additionalSpace = this._getWidthOfCharSpacing(),\r\n reservedSpace = reservedSpace || 0;\r\n // fix a difference between split and graphemeSplit\r\n if (words.length === 0) {\r\n words.push([]);\r\n }\r\n desiredWidth -= reservedSpace;\r\n // measure words\r\n const data = words.map(\r\n function (word) {\r\n // if using splitByGrapheme words are already in graphemes.\r\n word = splitByGrapheme ? word : this.graphemeSplit(word);\r\n const width = this._measureWord(word, lineIndex, offset);\r\n largestWordWidth = Math.max(width, largestWordWidth);\r\n offset += word.length + 1;\r\n return { word: word, width: width };\r\n }.bind(this)\r\n );\r\n const maxWidth = Math.max(\r\n desiredWidth,\r\n largestWordWidth,\r\n this.dynamicMinWidth\r\n );\r\n // layout words\r\n offset = 0;\r\n for (var i = 0; i < words.length; i++) {\r\n word = data[i].word;\r\n wordWidth = data[i].width;\r\n offset += word.length;\r\n\r\n lineWidth += infixWidth + wordWidth - additionalSpace;\r\n if (lineWidth > maxWidth && !lineJustStarted) {\r\n graphemeLines.push(line);\r\n line = [];\r\n lineWidth = wordWidth;\r\n lineJustStarted = true;\r\n } else {\r\n lineWidth += additionalSpace;\r\n }\r\n\r\n if (!lineJustStarted && !splitByGrapheme) {\r\n line.push(infix);\r\n }\r\n line = line.concat(word);\r\n\r\n infixWidth = splitByGrapheme\r\n ? 0\r\n : this._measureWord([infix], lineIndex, offset);\r\n offset++;\r\n lineJustStarted = false;\r\n }\r\n\r\n i && graphemeLines.push(line);\r\n\r\n if (largestWordWidth + reservedSpace > this.dynamicMinWidth) {\r\n this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace;\r\n }\r\n return graphemeLines;\r\n }\r\n\r\n /**\r\n * Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @param {Number} lineIndex text to split\r\n * @return {Boolean}\r\n */\r\n isEndOfWrapping(lineIndex: number): boolean {\r\n if (!this._styleMap[lineIndex + 1]) {\r\n // is last line, return true;\r\n return true;\r\n }\r\n if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) {\r\n // this is last line before a line break, return true;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * @return Number\r\n */\r\n missingNewlineOffset(lineIndex) {\r\n if (this.splitByGrapheme) {\r\n return this.isEndOfWrapping(lineIndex) ? 1 : 0;\r\n }\r\n return 1;\r\n }\r\n\r\n /**\r\n * Gets lines of text to render in the Textbox. This function calculates\r\n * text wrapping on the fly every time it is called.\r\n * @param {String} text text to split\r\n * @returns {Array} Array of lines in the Textbox.\r\n * @override\r\n */\r\n _splitTextIntoLines(text: string) {\r\n const newText = super._splitTextIntoLines(text),\r\n graphemeLines = this._wrapText(newText.lines, this.width),\r\n lines = new Array(graphemeLines.length);\r\n for (let i = 0; i < graphemeLines.length; i++) {\r\n lines[i] = graphemeLines[i].join('');\r\n }\r\n newText.lines = lines;\r\n newText.graphemeLines = graphemeLines;\r\n return newText;\r\n }\r\n\r\n getMinWidth() {\r\n return Math.max(this.minWidth, this.dynamicMinWidth);\r\n }\r\n\r\n _removeExtraneousStyles() {\r\n const linesToKeep = {};\r\n for (var prop in this._styleMap) {\r\n if (this._textLines[prop]) {\r\n linesToKeep[this._styleMap[prop].line] = 1;\r\n }\r\n }\r\n for (var prop in this.styles) {\r\n if (!linesToKeep[prop]) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Returns object representation of an instance\r\n * @method toObject\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject(propertiesToInclude: Array): object {\r\n return super.toObject(\r\n ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)\r\n );\r\n }\r\n\r\n /**\r\n * Returns Textbox instance from an object representation\r\n * @static\r\n * @memberOf Textbox\r\n * @param {Object} object Object to create an instance from\r\n * @returns {Promise}\r\n */\r\n static fromObject(object: object): Promise {\r\n const styles = stylesFromArray(object.styles, object.text);\r\n //copy object to prevent mutation\r\n const objCopy = Object.assign({}, object, { styles: styles });\r\n return FabricObject._fromObject(Textbox, objCopy, {\r\n extraParam: 'text',\r\n });\r\n }\r\n}\r\n\r\nexport const textboxDefaultValues: Partial> = {\r\n type: 'textbox',\r\n minWidth: 20,\r\n dynamicMinWidth: 2,\r\n lockScalingFlip: true,\r\n noScaleCache: false,\r\n _dimensionAffectingProps:\r\n textDefaultValues._dimensionAffectingProps!.concat('width'),\r\n _wordJoiners: /[ \\t\\r]/,\r\n splitByGrapheme: false,\r\n};\r\n\r\nObject.assign(Textbox.prototype, textboxDefaultValues);\r\n\r\nfabric.Textbox = Textbox;\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { fabric } from '../../HEADER';\r\nimport { halfPI } from '../constants';\r\nimport { Point } from '../point.class';\r\nimport type { FabricObject } from '../shapes/object.class';\r\nimport {\r\n TDegree,\r\n TMat2D,\r\n TPointerEvent,\r\n TransformAction,\r\n TransformActionHandler,\r\n} from '../typedefs';\r\nimport { cos } from '../util/misc/cos';\r\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\r\nimport { sin } from '../util/misc/sin';\r\nimport {\r\n ControlRenderingStyleOverride,\r\n renderCircleControl,\r\n renderSquareControl,\r\n} from './controls.render';\r\n\r\nexport class Control {\r\n /**\r\n * keep track of control visibility.\r\n * mainly for backward compatibility.\r\n * if you do not want to see a control, you can remove it\r\n * from the control set.\r\n * @type {Boolean}\r\n * @default true\r\n */\r\n visible = true;\r\n\r\n /**\r\n * Name of the action that the control will likely execute.\r\n * This is optional. FabricJS uses to identify what the user is doing for some\r\n * extra optimizations. If you are writing a custom control and you want to know\r\n * somewhere else in the code what is going on, you can use this string here.\r\n * you can also provide a custom getActionName if your control run multiple actions\r\n * depending on some external state.\r\n * default to scale since is the most common, used on 4 corners by default\r\n * @type {String}\r\n * @default 'scale'\r\n */\r\n actionName = 'scale';\r\n\r\n /**\r\n * Drawing angle of the control.\r\n * NOT used for now, but name marked as needed for internal logic\r\n * example: to reuse the same drawing function for different rotated controls\r\n * @type {Number}\r\n * @default 0\r\n */\r\n angle = 0;\r\n\r\n /**\r\n * Relative position of the control. X\r\n * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n x = 0;\r\n\r\n /**\r\n * Relative position of the control. Y\r\n * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n y = 0;\r\n\r\n /**\r\n * Horizontal offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the right, negative to the left.\r\n * It used when you want to have position of control that does not scale with\r\n * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n * stay 30 pixels no matter how the object is big. Another example is having 2\r\n * controls in the corner, that stay in the same position when the object scale.\r\n * of the bounding box.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetX = 0;\r\n\r\n /**\r\n * Vertical offset of the control from the defined position. In pixels\r\n * Positive offset moves the control to the bottom, negative to the top.\r\n * @type {Number}\r\n * @default 0\r\n */\r\n offsetY = 0;\r\n\r\n /**\r\n * Sets the length of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the control. If null, defaults to object's cornerSize.\r\n * Expects both sizeX and sizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n sizeY: number | null = null;\r\n\r\n /**\r\n * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeX: number | null = null;\r\n\r\n /**\r\n * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n * Expects both touchSizeX and touchSizeY to be set when set.\r\n * @type {?Number}\r\n * @default null\r\n */\r\n touchSizeY: number | null = null;\r\n\r\n /**\r\n * Css cursor style to display when the control is hovered.\r\n * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n * @type {String}\r\n * @default 'crosshair'\r\n */\r\n cursorStyle = 'crosshair';\r\n\r\n /**\r\n * If controls has an offsetY or offsetX, draw a line that connects\r\n * the control to the bounding box\r\n * @type {Boolean}\r\n * @default false\r\n */\r\n withConnection = false;\r\n\r\n constructor(options: Partial) {\r\n Object.assign(this, options);\r\n }\r\n\r\n /**\r\n * The control actionHandler, provide one to handle action ( control being moved )\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n actionHandler: TransformActionHandler;\r\n\r\n /**\r\n * The control handler for mouse down, provide one to handle mouse down on control\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseDownHandler?: TransformAction;\r\n\r\n /**\r\n * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Object} transformData properties of the current transform\r\n * @param {Number} x x position of the cursor\r\n * @param {Number} y y position of the cursor\r\n * @return {Boolean} true if the action/event modified the object\r\n */\r\n mouseUpHandler?: TransformAction;\r\n\r\n /**\r\n * Returns control actionHandler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getActionHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.actionHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseDown handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseDownHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseDownHandler;\r\n }\r\n\r\n /**\r\n * Returns control mouseUp handler\r\n * @param {Event} eventData the native mouse event\r\n * @param {FabricObject} fabricObject on which the control is displayed\r\n * @param {Control} control control for which the action handler is being asked\r\n * @return {Function} the action handler\r\n */\r\n getMouseUpHandler(\r\n eventData: TPointerEvent,\r\n fabricObject: FabricObject,\r\n control: Control\r\n ) {\r\n return this.mouseUpHandler;\r\n }\r\n\r\n /**\r\n * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n * function you can pass one in the constructor\r\n * the cursorStyle property\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n cursorStyleHandler(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.cursorStyle;\r\n }\r\n\r\n /**\r\n * Returns the action name. The basic implementation just return the actionName property.\r\n * @param {Event} eventData the native mouse event\r\n * @param {Control} control the current control ( likely this)\r\n * @param {FabricObject} object on which the control is displayed\r\n * @return {String}\r\n */\r\n getActionName(\r\n eventData: TPointerEvent,\r\n control: Control,\r\n fabricObject: FabricObject\r\n ) {\r\n return control.actionName;\r\n }\r\n\r\n /**\r\n * Returns controls visibility\r\n * @param {FabricObject} object on which the control is displayed\r\n * @param {String} controlKey key where the control is memorized on the\r\n * @return {Boolean}\r\n */\r\n getVisibility(fabricObject: FabricObject, controlKey: string) {\r\n // @ts-expect-error TODO remove directive once fixed\r\n return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n }\r\n\r\n /**\r\n * Sets controls visibility\r\n * @param {Boolean} visibility for the object\r\n * @return {Void}\r\n */\r\n setVisibility(visibility: boolean, name: string, fabricObject: FabricObject) {\r\n this.visible = visibility;\r\n }\r\n\r\n positionHandler(\r\n dim: Point,\r\n finalMatrix: TMat2D,\r\n fabricObject: FabricObject,\r\n currentControl: Control\r\n ) {\r\n return new Point(\r\n this.x * dim.x + this.offsetX,\r\n this.y * dim.y + this.offsetY\r\n ).transform(finalMatrix);\r\n }\r\n\r\n /**\r\n * Returns the coords for this control based on object values.\r\n * @param {Number} objectAngle angle from the fabric object holding the control\r\n * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n * isTouch is true)\r\n * @param {Number} centerX x coordinate where the control center should be\r\n * @param {Number} centerY y coordinate where the control center should be\r\n * @param {boolean} isTouch true if touch corner, false if normal corner\r\n */\r\n calcCornerCoords(\r\n objectAngle: TDegree,\r\n objectCornerSize: number,\r\n centerX: number,\r\n centerY: number,\r\n isTouch: boolean\r\n ) {\r\n let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp;\r\n const xSize = isTouch ? this.touchSizeX : this.sizeX,\r\n ySize = isTouch ? this.touchSizeY : this.sizeY;\r\n if (xSize && ySize && xSize !== ySize) {\r\n // handle rectangular corners\r\n const controlTriangleAngle = Math.atan2(ySize, xSize);\r\n const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2;\r\n const newTheta = controlTriangleAngle - degreesToRadians(objectAngle);\r\n const newThetaComp =\r\n halfPI - controlTriangleAngle - degreesToRadians(objectAngle);\r\n cosHalfOffset = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = cornerHypotenuse * sin(newTheta);\r\n // use complementary angle for two corners\r\n cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp);\r\n sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp);\r\n } else {\r\n // handle square corners\r\n // use default object corner size unless size is defined\r\n const cornerSize = xSize && ySize ? xSize : objectCornerSize;\r\n const cornerHypotenuse = cornerSize * Math.SQRT1_2;\r\n // complementary angles are equal since they're both 45 degrees\r\n const newTheta = degreesToRadians(45 - objectAngle);\r\n cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta);\r\n sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta);\r\n }\r\n\r\n return {\r\n tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp),\r\n tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset),\r\n bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset),\r\n br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp),\r\n };\r\n }\r\n\r\n /**\r\n * Render function for the control.\r\n * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n * all the functions will have to translate to the point left,top before starting Drawing\r\n * if they want to draw a control where the position is detected.\r\n * left and top are the result of the positionHandler function\r\n * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n * @param {Number} left position of the canvas where we are about to render the control.\r\n * @param {Number} top position of the canvas where we are about to render the control.\r\n * @param {Object} styleOverride\r\n * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n */\r\n render(\r\n ctx: CanvasRenderingContext2D,\r\n left: number,\r\n top: number,\r\n styleOverride: ControlRenderingStyleOverride | undefined,\r\n fabricObject: FabricObject\r\n ) {\r\n styleOverride = styleOverride || {};\r\n switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n case 'circle':\r\n renderCircleControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n break;\r\n default:\r\n renderSquareControl.call(\r\n this,\r\n ctx,\r\n left,\r\n top,\r\n styleOverride,\r\n fabricObject\r\n );\r\n }\r\n }\r\n}\r\n\r\nfabric.Control = Control;\r\n","// @ts-nocheck\r\nimport { fabric } from '../../HEADER';\r\nimport { FabricObject } from '../shapes/fabricObject.class';\r\nimport {\r\n changeWidth,\r\n rotationStyleHandler,\r\n rotationWithSnapping,\r\n scaleCursorStyleHandler,\r\n scaleOrSkewActionName,\r\n scaleSkewCursorStyleHandler,\r\n scalingEqually,\r\n scalingXOrSkewingY,\r\n scalingYOrSkewingX,\r\n} from './actions';\r\nimport { Control } from './control.class';\r\n\r\nexport const defaultControls = {\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingXOrSkewingY,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mb: new Control({\r\n x: 0,\r\n y: 0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n mt: new Control({\r\n x: 0,\r\n y: -0.5,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionHandler: scalingYOrSkewingX,\r\n getActionName: scaleOrSkewActionName,\r\n }),\r\n\r\n tl: new Control({\r\n x: -0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n tr: new Control({\r\n x: 0.5,\r\n y: -0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n bl: new Control({\r\n x: -0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n br: new Control({\r\n x: 0.5,\r\n y: 0.5,\r\n cursorStyleHandler: scaleCursorStyleHandler,\r\n actionHandler: scalingEqually,\r\n }),\r\n\r\n mtr: new Control({\r\n x: 0,\r\n y: -0.5,\r\n actionHandler: rotationWithSnapping,\r\n cursorStyleHandler: rotationStyleHandler,\r\n offsetY: -40,\r\n withConnection: true,\r\n actionName: 'rotate',\r\n }),\r\n};\r\n\r\nexport const textboxDefaultControls = {\r\n ...defaultControls,\r\n mr: new Control({\r\n x: 0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n\r\n ml: new Control({\r\n x: -0.5,\r\n y: 0,\r\n actionHandler: changeWidth,\r\n cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n actionName: 'resizing',\r\n }),\r\n};\r\n\r\nFabricObject.prototype.controls = {\r\n ...(FabricObject.prototype.controls || {}),\r\n ...defaultControls,\r\n};\r\n\r\nif (fabric.Textbox) {\r\n // this is breaking the prototype inheritance, no time / ideas to fix it.\r\n // is important to document that if you want to have all objects to have a\r\n // specific custom control, you have to add it to Object prototype and to Textbox\r\n // prototype. The controls are shared as references. So changes to control `tr`\r\n // can still apply to all objects if needed.\r\n fabric.Textbox.prototype.controls = {\r\n ...(fabric.Textbox.prototype.controls || {}),\r\n ...textboxDefaultControls,\r\n };\r\n}\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { Canvas, Shadow } from '../__types__';\r\n\r\n/**\r\n * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}\r\n */\r\nexport abstract class BaseBrush {\r\n /**\r\n * Color of a brush\r\n * @type String\r\n * @default\r\n */\r\n color = 'rgb(0, 0, 0)';\r\n\r\n /**\r\n * Width of a brush, has to be a Number, no string literals\r\n * @type Number\r\n * @default\r\n */\r\n width = 1;\r\n\r\n /**\r\n * Shadow object representing shadow of this shape.\r\n * Backwards incompatibility note: This property replaces \"shadowColor\" (String), \"shadowOffsetX\" (Number),\r\n * \"shadowOffsetY\" (Number) and \"shadowBlur\" (Number) since v1.2.12\r\n * @type Shadow\r\n * @default\r\n */\r\n shadow: Shadow | null = null;\r\n\r\n /**\r\n * Line endings style of a brush (one of \"butt\", \"round\", \"square\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineCap: CanvasLineCap = 'round';\r\n\r\n /**\r\n * Corner style of a brush (one of \"bevel\", \"round\", \"miter\")\r\n * @type String\r\n * @default\r\n */\r\n strokeLineJoin: CanvasLineJoin = 'round';\r\n\r\n /**\r\n * Maximum miter length (used for strokeLineJoin = \"miter\") of a brush's\r\n * @type Number\r\n * @default\r\n */\r\n strokeMiterLimit = 10;\r\n\r\n /**\r\n * Stroke Dash Array.\r\n * @type Array\r\n * @default\r\n */\r\n strokeDashArray: number[] | null = null;\r\n\r\n /**\r\n * When `true`, the free drawing is limited to the whiteboard size. Default to false.\r\n * @type Boolean\r\n * @default false\r\n */\r\n\r\n limitedToCanvasSize = false;\r\n\r\n /**\r\n * @todo add type\r\n */\r\n canvas: Canvas;\r\n\r\n constructor(canvas: Canvas) {\r\n this.canvas = canvas;\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n ctx.strokeStyle = this.color;\r\n ctx.lineWidth = this.width;\r\n ctx.lineCap = this.strokeLineCap;\r\n ctx.miterLimit = this.strokeMiterLimit;\r\n ctx.lineJoin = this.strokeLineJoin;\r\n ctx.setLineDash(this.strokeDashArray || []);\r\n }\r\n\r\n /**\r\n * Sets the transformation on given context\r\n * @param {CanvasRenderingContext2D} ctx context to render on\r\n * @private\r\n */\r\n protected _saveAndTransform(ctx: CanvasRenderingContext2D) {\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n }\r\n\r\n /**\r\n * Sets brush shadow styles\r\n * @private\r\n */\r\n protected _setShadow() {\r\n if (!this.shadow || !this.canvas) {\r\n return;\r\n }\r\n\r\n const canvas = this.canvas,\r\n shadow = this.shadow,\r\n ctx = canvas.contextTop,\r\n zoom = canvas.getZoom() * canvas.getRetinaScaling();\r\n\r\n ctx.shadowColor = shadow.color;\r\n ctx.shadowBlur = shadow.blur * zoom;\r\n ctx.shadowOffsetX = shadow.offsetX * zoom;\r\n ctx.shadowOffsetY = shadow.offsetY * zoom;\r\n }\r\n\r\n protected needsFullRender() {\r\n const color = new Color(this.color);\r\n return color.getAlpha() < 1 || !!this.shadow;\r\n }\r\n\r\n /**\r\n * Removes brush shadow styles\r\n * @private\r\n */\r\n protected _resetShadow() {\r\n const ctx = this.canvas.contextTop;\r\n\r\n ctx.shadowColor = '';\r\n ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\r\n }\r\n\r\n /**\r\n * Check is pointer is outside canvas boundaries\r\n * @param {Object} pointer\r\n * @private\r\n */\r\n protected _isOutSideCanvas(pointer: Point) {\r\n return (\r\n pointer.x < 0 ||\r\n pointer.x > this.canvas.getWidth() ||\r\n pointer.y < 0 ||\r\n pointer.y > this.canvas.getHeight()\r\n );\r\n }\r\n}\r\n\r\nfabric.BaseBrush = BaseBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Color } from '../color';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Circle, Group, Shadow } = fabric;\r\n\r\nexport type CircleBrushPoint = {\r\n x: number;\r\n y: number;\r\n radius: number;\r\n fill: string;\r\n};\r\n\r\nexport class CircleBrush extends BaseBrush {\r\n /**\r\n * Width of a brush\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n points: CircleBrushPoint[];\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.points = [];\r\n }\r\n\r\n /**\r\n * Invoked inside on mouse down and mouse move\r\n * @param {Point} pointer\r\n */\r\n drawDot(pointer: Point) {\r\n const point = this.addPoint(pointer),\r\n ctx = this.canvas.contextTop;\r\n this._saveAndTransform(ctx);\r\n this.dot(ctx, point);\r\n ctx.restore();\r\n }\r\n\r\n dot(ctx: CanvasRenderingContext2D, point: CircleBrushPoint) {\r\n ctx.fillStyle = point.fill;\r\n ctx.beginPath();\r\n ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false);\r\n ctx.closePath();\r\n ctx.fill();\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.points = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n this.drawDot(pointer);\r\n }\r\n\r\n /**\r\n * Render the full state of the brush\r\n * @private\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop,\r\n points = this.points;\r\n this._saveAndTransform(ctx);\r\n for (let i = 0; i < points.length; i++) {\r\n this.dot(ctx, points[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this.needsFullRender()) {\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.addPoint(pointer);\r\n this._render();\r\n } else {\r\n this.drawDot(pointer);\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const circles = [];\r\n\r\n for (let i = 0; i < this.points.length; i++) {\r\n const point = this.points[i],\r\n circle = new Circle({\r\n radius: point.radius,\r\n left: point.x,\r\n top: point.y,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: point.fill,\r\n });\r\n\r\n this.shadow && (circle.shadow = new Shadow(this.shadow));\r\n\r\n circles.push(circle);\r\n }\r\n const group = new Group(circles, { canvas: this.canvas });\r\n\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n /**\r\n * @param {Object} pointer\r\n * @return {Point} Just added pointer point\r\n */\r\n addPoint({ x, y }: Point) {\r\n const pointerPoint: CircleBrushPoint = {\r\n x,\r\n y,\r\n radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2,\r\n fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(),\r\n };\r\n\r\n this.points.push(pointerPoint);\r\n\r\n return pointerPoint;\r\n }\r\n}\r\n\r\nfabric.CircleBrush = CircleBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { TEvent, ModifierKey, PathData } from '../typedefs';\r\nimport { getSmoothPathFromPoints, joinPath } from '../util/path';\r\nimport { Canvas } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Path, Shadow } = fabric;\r\n\r\n/**\r\n * @private\r\n * @param {PathData} pathData SVG path commands\r\n * @returns {boolean}\r\n */\r\nfunction isEmptySVGPath(pathData: PathData): boolean {\r\n return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0';\r\n}\r\n\r\nexport class PencilBrush extends BaseBrush {\r\n /**\r\n * Discard points that are less than `decimate` pixel distant from each other\r\n * @type Number\r\n * @default 0.4\r\n */\r\n decimate = 0.4;\r\n\r\n /**\r\n * Draws a straight line between last recorded point to current pointer\r\n * Used for `shift` functionality\r\n *\r\n * @type boolean\r\n * @default false\r\n */\r\n drawStraightLine = false;\r\n\r\n /**\r\n * The event modifier key that makes the brush draw a straight line.\r\n * If `null` or 'none' or any other string that is not a modifier key the feature is disabled.\r\n * @type {ModifierKey | undefined | null}\r\n */\r\n straightLineKey: ModifierKey | undefined | null = 'shiftKey';\r\n\r\n private _points: Point[];\r\n private _hasStraightLine: boolean;\r\n private oldEnd?: Point;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this._points = [];\r\n this._hasStraightLine = false;\r\n }\r\n\r\n needsFullRender() {\r\n return super.needsFullRender() || this._hasStraightLine;\r\n }\r\n\r\n static drawSegment(ctx: CanvasRenderingContext2D, p1: Point, p2: Point) {\r\n const midPoint = p1.midPointFrom(p2);\r\n ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\r\n return midPoint;\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n this._prepareForDrawing(pointer);\r\n // capture coordinates immediately\r\n // this allows to draw dots (when movement never occurs)\r\n this._addPoint(pointer);\r\n this._render();\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point, { e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return;\r\n }\r\n this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n if (this._addPoint(pointer) && this._points.length > 1) {\r\n if (this.needsFullRender()) {\r\n // redraw curve\r\n // clear top canvas\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._render();\r\n } else {\r\n const points = this._points,\r\n length = points.length,\r\n ctx = this.canvas.contextTop;\r\n // draw the curve update\r\n this._saveAndTransform(ctx);\r\n if (this.oldEnd) {\r\n ctx.beginPath();\r\n ctx.moveTo(this.oldEnd.x, this.oldEnd.y);\r\n }\r\n this.oldEnd = PencilBrush.drawSegment(\r\n ctx,\r\n points[length - 2],\r\n points[length - 1]\r\n );\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp({ e }: TEvent) {\r\n if (!this.canvas._isMainEvent(e)) {\r\n return true;\r\n }\r\n this.drawStraightLine = false;\r\n this.oldEnd = undefined;\r\n this._finalizeAndAddPath();\r\n return false;\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} pointer Actual mouse position related to the canvas.\r\n */\r\n _prepareForDrawing(pointer: Point) {\r\n this._reset();\r\n this._addPoint(pointer);\r\n this.canvas.contextTop.moveTo(pointer.x, pointer.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {Point} point Point to be added to points array\r\n */\r\n _addPoint(point: Point) {\r\n if (\r\n this._points.length > 1 &&\r\n point.eq(this._points[this._points.length - 1])\r\n ) {\r\n return false;\r\n }\r\n if (this.drawStraightLine && this._points.length > 1) {\r\n this._hasStraightLine = true;\r\n this._points.pop();\r\n }\r\n this._points.push(point);\r\n return true;\r\n }\r\n\r\n /**\r\n * Clear points array and set contextTop canvas style.\r\n * @private\r\n */\r\n _reset() {\r\n this._points = [];\r\n this._setBrushStyles(this.canvas.contextTop);\r\n this._setShadow();\r\n this._hasStraightLine = false;\r\n }\r\n\r\n /**\r\n * Draw a smooth path on the topCanvas using quadraticCurveTo\r\n * @private\r\n * @param {CanvasRenderingContext2D} [ctx]\r\n */\r\n _render(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\r\n let p1 = this._points[0],\r\n p2 = this._points[1];\r\n this._saveAndTransform(ctx);\r\n ctx.beginPath();\r\n //if we only have 2 points in the path and they are the same\r\n //it means that the user only clicked the canvas without moving the mouse\r\n //then we should be drawing a dot. A path isn't drawn between two identical dots\r\n //that's why we set them apart a bit\r\n if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) {\r\n const width = this.width / 1000;\r\n p1.x -= width;\r\n p2.x += width;\r\n }\r\n ctx.moveTo(p1.x, p1.y);\r\n\r\n for (let i = 1; i < this._points.length; i++) {\r\n // we pick the point between pi + 1 & pi + 2 as the\r\n // end point and p1 as our control point.\r\n PencilBrush.drawSegment(ctx, p1, p2);\r\n p1 = this._points[i];\r\n p2 = this._points[i + 1];\r\n }\r\n // Draw last line as a straight line while\r\n // we wait for the next point to be able to calculate\r\n // the bezier control point\r\n ctx.lineTo(p1.x, p1.y);\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Converts points to SVG path\r\n * @param {Array} points Array of points\r\n * @return {PathData} SVG path commands\r\n */\r\n convertPointsToSVGPath(points: Point[]): PathData {\r\n const correction = this.width / 1000;\r\n return getSmoothPathFromPoints(points, correction);\r\n }\r\n\r\n /**\r\n * Creates a Path object to add on canvas\r\n * @param {PathData} pathData Path data\r\n * @return {Path} Path to add on canvas\r\n */\r\n createPath(pathData: PathData) {\r\n const path = new Path(pathData, {\r\n fill: null,\r\n stroke: this.color,\r\n strokeWidth: this.width,\r\n strokeLineCap: this.strokeLineCap,\r\n strokeMiterLimit: this.strokeMiterLimit,\r\n strokeLineJoin: this.strokeLineJoin,\r\n strokeDashArray: this.strokeDashArray,\r\n });\r\n if (this.shadow) {\r\n this.shadow.affectStroke = true;\r\n path.shadow = new Shadow(this.shadow);\r\n }\r\n\r\n return path;\r\n }\r\n\r\n /**\r\n * Decimate points array with the decimate value\r\n */\r\n decimatePoints(points: Point[], distance: number) {\r\n if (points.length <= 2) {\r\n return points;\r\n }\r\n let lastPoint = points[0],\r\n cDistance;\r\n const zoom = this.canvas.getZoom(),\r\n adjustedDistance = Math.pow(distance / zoom, 2),\r\n l = points.length - 1,\r\n newPoints = [lastPoint];\r\n for (let i = 1; i < l - 1; i++) {\r\n cDistance =\r\n Math.pow(lastPoint.x - points[i].x, 2) +\r\n Math.pow(lastPoint.y - points[i].y, 2);\r\n if (cDistance >= adjustedDistance) {\r\n lastPoint = points[i];\r\n newPoints.push(lastPoint);\r\n }\r\n }\r\n // Add the last point from the original line to the end of the array.\r\n // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point.\r\n newPoints.push(points[l]);\r\n return newPoints;\r\n }\r\n\r\n /**\r\n * On mouseup after drawing the path on contextTop canvas\r\n * we use the points captured to create an new Path object\r\n * and add it to the canvas.\r\n */\r\n _finalizeAndAddPath() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.closePath();\r\n if (this.decimate) {\r\n this._points = this.decimatePoints(this._points, this.decimate);\r\n }\r\n const pathData = this.convertPointsToSVGPath(this._points);\r\n if (isEmptySVGPath(pathData)) {\r\n // do not create 0 width/height paths, as they are\r\n // rendered inconsistently across browsers\r\n // Firefox 4, for example, renders a dot,\r\n // whereas Chrome 10 renders nothing\r\n this.canvas.requestRenderAll();\r\n return;\r\n }\r\n\r\n const path = this.createPath(pathData);\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this.canvas.fire('before:path:created', { path: path });\r\n this.canvas.add(path);\r\n this.canvas.requestRenderAll();\r\n path.setCoords();\r\n this._resetShadow();\r\n\r\n // fire event 'path' created\r\n this.canvas.fire('path:created', { path: path });\r\n }\r\n}\r\n\r\nfabric.PencilBrush = PencilBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { PathData } from '../typedefs';\r\nimport { createCanvasElement } from '../util/misc/dom';\r\nimport { Canvas } from '../__types__';\r\nimport { PencilBrush } from './pencil_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Pattern } = fabric;\r\n\r\nexport class PatternBrush extends PencilBrush {\r\n source?: CanvasImageSource;\r\n\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n }\r\n\r\n getPatternSrc() {\r\n const dotWidth = 20,\r\n dotDistance = 5,\r\n patternCanvas = createCanvasElement(),\r\n patternCtx = patternCanvas.getContext('2d');\r\n\r\n patternCanvas.width = patternCanvas.height = dotWidth + dotDistance;\r\n if (patternCtx) {\r\n patternCtx.fillStyle = this.color;\r\n patternCtx.beginPath();\r\n patternCtx.arc(\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n dotWidth / 2,\r\n 0,\r\n Math.PI * 2,\r\n false\r\n );\r\n patternCtx.closePath();\r\n patternCtx.fill();\r\n }\r\n return patternCanvas;\r\n }\r\n\r\n getPatternSrcFunction() {\r\n return String(this.getPatternSrc).replace(\r\n 'this.color',\r\n '\"' + this.color + '\"'\r\n );\r\n }\r\n\r\n /**\r\n * Creates \"pattern\" instance property\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n getPattern(ctx: CanvasRenderingContext2D) {\r\n return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat');\r\n }\r\n\r\n /**\r\n * Sets brush styles\r\n * @param {CanvasRenderingContext2D} ctx\r\n */\r\n _setBrushStyles(ctx: CanvasRenderingContext2D) {\r\n super._setBrushStyles(ctx);\r\n const pattern = this.getPattern(ctx);\r\n pattern && (ctx.strokeStyle = pattern);\r\n }\r\n\r\n /**\r\n * Creates path\r\n */\r\n createPath(pathData: PathData) {\r\n const path = super.createPath(pathData),\r\n topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2);\r\n\r\n path.stroke = new Pattern({\r\n source: this.source || this.getPatternSrcFunction(),\r\n offsetX: -topLeft.x,\r\n offsetY: -topLeft.y,\r\n });\r\n return path;\r\n }\r\n}\r\n\r\nfabric.PatternBrush = PatternBrush;\r\n","import { fabric } from '../../HEADER';\r\nimport { Point } from '../point.class';\r\nimport { getRandomInt } from '../util/internals';\r\nimport { Canvas, Rect } from '../__types__';\r\nimport { BaseBrush } from './base_brush.class';\r\n\r\n/**\r\n * @todo remove transient\r\n */\r\nconst { Group, Rect, Shadow } = fabric;\r\n\r\nexport type SprayBrushPoint = {\r\n x: number;\r\n y: number;\r\n width: number;\r\n opacity: number;\r\n};\r\n\r\n/**\r\n *\r\n * @param rects\r\n * @returns\r\n */\r\nfunction getUniqueRects(rects: Rect[]) {\r\n const uniqueRects: Record = {};\r\n const uniqueRectsArray: Rect[] = [];\r\n\r\n for (let i = 0, key: string; i < rects.length; i++) {\r\n key = `${rects[i].left}${rects[i].top}`;\r\n if (!uniqueRects[key]) {\r\n uniqueRects[key] = true;\r\n uniqueRectsArray.push(rects[i]);\r\n }\r\n }\r\n\r\n return uniqueRectsArray;\r\n}\r\n\r\nexport class SprayBrush extends BaseBrush {\r\n /**\r\n * Width of a spray\r\n * @type Number\r\n * @default\r\n */\r\n width = 10;\r\n\r\n /**\r\n * Density of a spray (number of dots per chunk)\r\n * @type Number\r\n * @default\r\n */\r\n density = 20;\r\n\r\n /**\r\n * Width of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidth = 1;\r\n\r\n /**\r\n * Width variance of spray dots\r\n * @type Number\r\n * @default\r\n */\r\n dotWidthVariance = 1;\r\n\r\n /**\r\n * Whether opacity of a dot should be random\r\n * @type Boolean\r\n * @default\r\n */\r\n randomOpacity = false;\r\n\r\n /**\r\n * Whether overlapping dots (rectangles) should be removed (for performance reasons)\r\n * @type Boolean\r\n * @default\r\n */\r\n optimizeOverlapping = true;\r\n\r\n private sprayChunks: SprayBrushPoint[][];\r\n\r\n private sprayChunk: SprayBrushPoint[];\r\n\r\n /**\r\n * Constructor\r\n * @param {Canvas} canvas\r\n * @return {SprayBrush} Instance of a spray brush\r\n */\r\n constructor(canvas: Canvas) {\r\n super(canvas);\r\n this.sprayChunks = [];\r\n this.sprayChunk = [];\r\n }\r\n\r\n /**\r\n * Invoked on mouse down\r\n * @param {Point} pointer\r\n */\r\n onMouseDown(pointer: Point) {\r\n this.sprayChunks = [];\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._setShadow();\r\n\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse move\r\n * @param {Point} pointer\r\n */\r\n onMouseMove(pointer: Point) {\r\n if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\r\n return;\r\n }\r\n this.addSprayChunk(pointer);\r\n this.renderChunck(this.sprayChunk);\r\n }\r\n\r\n /**\r\n * Invoked on mouse up\r\n */\r\n onMouseUp() {\r\n const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\r\n this.canvas.renderOnAddRemove = false;\r\n\r\n const rects = [];\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n const sprayChunk = this.sprayChunks[i];\r\n for (let j = 0; j < sprayChunk.length; j++) {\r\n const chunck = sprayChunk[j];\r\n const rect = new Rect({\r\n width: chunck.width,\r\n height: chunck.width,\r\n left: chunck.x + 1,\r\n top: chunck.y + 1,\r\n originX: 'center',\r\n originY: 'center',\r\n fill: this.color,\r\n });\r\n rects.push(rect);\r\n }\r\n }\r\n\r\n const group = new Group(\r\n this.optimizeOverlapping ? getUniqueRects(rects) : rects,\r\n {\r\n objectCaching: true,\r\n layout: 'fixed',\r\n subTargetCheck: false,\r\n interactive: false,\r\n }\r\n );\r\n this.shadow && group.set('shadow', new Shadow(this.shadow));\r\n this.canvas.fire('before:path:created', { path: group });\r\n this.canvas.add(group);\r\n this.canvas.fire('path:created', { path: group });\r\n\r\n this.canvas.clearContext(this.canvas.contextTop);\r\n this._resetShadow();\r\n this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n renderChunck(sprayChunck: SprayBrushPoint[]) {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < sprayChunck.length; i++) {\r\n const point = sprayChunck[i];\r\n ctx.globalAlpha = point.opacity;\r\n ctx.fillRect(point.x, point.y, point.width, point.width);\r\n }\r\n\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Render all spray chunks\r\n */\r\n _render() {\r\n const ctx = this.canvas.contextTop;\r\n ctx.fillStyle = this.color;\r\n\r\n this._saveAndTransform(ctx);\r\n\r\n for (let i = 0; i < this.sprayChunks.length; i++) {\r\n this.renderChunck(this.sprayChunks[i]);\r\n }\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @param {Point} pointer\r\n */\r\n addSprayChunk(pointer: Point) {\r\n this.sprayChunk = [];\r\n const radius = this.width / 2;\r\n\r\n for (let i = 0; i < this.density; i++) {\r\n this.sprayChunk.push({\r\n x: getRandomInt(pointer.x - radius, pointer.x + radius),\r\n y: getRandomInt(pointer.y - radius, pointer.y + radius),\r\n width: this.dotWidthVariance\r\n ? getRandomInt(\r\n // bottom clamp width to 1\r\n Math.max(1, this.dotWidth - this.dotWidthVariance),\r\n this.dotWidth + this.dotWidthVariance\r\n )\r\n : this.dotWidth,\r\n opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1,\r\n });\r\n }\r\n\r\n this.sprayChunks.push(this.sprayChunk);\r\n }\r\n}\r\n\r\nfabric.SprayBrush = SprayBrush;\r\n"],"names":["fabric","VERSION","transformPoint","hasStyleChanged","createCanvasElement","toFixed","setStyle","addListener","FabricObject","Pattern","Circle","Rect","Text","IText","Group","Shadow"],"mappings":"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"} \ No newline at end of file From a5e4e12ccc3b945fd9947301f440a87c05338942 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:17:45 +0200 Subject: [PATCH 25/58] Update text.class.ts --- src/shapes/text.class.ts | 30 ++++++++++++++++++++++++------ 1 file changed, 24 insertions(+), 6 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index fff603105a2..a2cda63b1e4 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -159,17 +159,35 @@ export class Text extends TextStyleMixin { /** * Superscript schema object (minimum overlap) - * @type {Object} - * @default */ - superscript: object; + superscript: { + /** + * fontSize factor + * @default 0.6 + */ + size: number; + /** + * baseline-shift factor (upwards) + * @default -0.35 + */ + baseline: number; + }; /** * Subscript schema object (minimum overlap) - * @type {Object} - * @default */ - subscript: object; + subscript: { + /** + * fontSize factor + * @default 0.6 + */ + size: number; + /** + * baseline-shift factor (downwards) + * @default 0.11 + */ + baseline: number; + }; /** * Background color of text lines From a9cfab7c267dd0e671b6a80b3eb2d5a5ce8b8b67 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:20:10 +0200 Subject: [PATCH 26/58] Update text.class.ts --- src/shapes/text.class.ts | 8 -------- 1 file changed, 8 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index a2cda63b1e4..d47e7225953 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -271,14 +271,6 @@ export class Text extends TextStyleMixin { */ charSpacing: number; - /** - * Object containing character styles - top-level properties -> line numbers, - * 2nd-level properties - character numbers - * @type Object - * @default - */ - styles: object; - /** * Reference to a context to measure text char or couple of chars * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas From 25299389b7dcc96a9546df6dcbb2c934dbedad2d Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:21:18 +0200 Subject: [PATCH 27/58] Update text.class.ts --- src/shapes/text.class.ts | 12 ++---------- 1 file changed, 2 insertions(+), 10 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index d47e7225953..714f6fc0fe4 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -346,12 +346,6 @@ export class Text extends TextStyleMixin { private initialized?: true; - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {Text} thisArg - */ constructor(text: string, options: object): Text { super({ ...options, text, styles: options?.styles || {} }); this.initialized = true; @@ -367,9 +361,8 @@ export class Text extends TextStyleMixin { /** * If text has a path, it will add the extra information needed * for path and text calculations - * @return {Text} thisArg */ - setPathInfo(): Text { + setPathInfo() { const path = this.path; if (path) { path.segmentsInfo = getPathSegmentsInfo(path.path); @@ -383,9 +376,8 @@ export class Text extends TextStyleMixin { * @private * @param {String} text Text string * @param {Object} [options] Options object - * @return {Text} thisArg */ - getMeasuringContext(): Text { + getMeasuringContext() { if (!fabric._measuringContext) { fabric._measuringContext = (this.canvas && this.canvas.contextCache) || From 9f3c09a80fd4ecdf2c853180f256dec2f0c941ec Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:29:25 +0200 Subject: [PATCH 28/58] Update text.class.ts --- src/shapes/text.class.ts | 66 ++++++++++++++++------------------------ 1 file changed, 26 insertions(+), 40 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 714f6fc0fe4..6f8899e5e17 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -4,7 +4,7 @@ import { fabric } from '../../HEADER'; import { cache } from '../cache'; import { DEFAULT_SVG_FONT_SIZE } from '../constants'; import { TextStyleMixin } from '../mixins/text_style.mixin'; -import { TClassProperties } from '../typedefs'; +import { TClassProperties, TFiller } from '../typedefs'; import { graphemeSplit } from '../util/lang_string'; import { createCanvasElement } from '../util/misc/dom'; import { @@ -14,6 +14,7 @@ import { } from '../util/misc/textStyles'; import { getPathSegmentsInfo, getPointOnPath } from '../util/path'; import { FabricObject } from './fabricObject.class'; +import { fabricObjectDefaultValues } from './object.class'; /** * Measure and return the info of a single grapheme. @@ -316,7 +317,7 @@ export class Text extends TextStyleMixin { width: number; kernedWidth: number; height: number; - }[]; + }[] = []; /** * use this size when measuring text. To avoid IE11 rounding errors @@ -912,12 +913,12 @@ export class Text extends TextStyleMixin { * It appends it to graphemeInfo to be reused later at rendering * @private * @param {Number} positionInPath to be measured - * @param {Object} graphemeInfo current grapheme box information + * @param {GraphemeBBox} graphemeInfo current grapheme box information * @param {Object} startingPoint position of the point */ _setGraphemeOnPath( positionInPath: number, - graphemeInfo: object, + graphemeInfo: GraphemeBBox, startingPoint ) { const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, @@ -1217,10 +1218,10 @@ export class Text extends TextStyleMixin { * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size * is limited. * @private - * @param {fabric.Gradient} filler a fabric gradient instance + * @param {TFiller} filler a fabric gradient instance * @return {CanvasPattern} a pattern to use as fill/stroke style */ - _applyPatternGradientTransformText(filler: fabric.Gradient): CanvasPattern { + _applyPatternGradientTransformText(filler: TFiller): CanvasPattern { let pCanvas = createCanvasElement(), pCtx, // TODO: verify compatibility with strokeUniform @@ -1346,10 +1347,8 @@ export class Text extends TextStyleMixin { * Turns the character into a 'superior figure' (i.e. 'superscript') * @param {Number} start selection start * @param {Number} end selection end - * @returns {Text} thisArg - * @chainable */ - setSuperscript(start: number, end: number): Text { + setSuperscript(start: number, end: number) { return this._setScript(start, end, this.superscript); } @@ -1357,10 +1356,8 @@ export class Text extends TextStyleMixin { * Turns the character into an 'inferior figure' (i.e. 'subscript') * @param {Number} start selection start * @param {Number} end selection end - * @returns {Text} thisArg - * @chainable */ - setSubscript(start: number, end: number): Text { + setSubscript(start: number, end: number) { return this._setScript(start, end, this.subscript); } @@ -1370,10 +1367,8 @@ export class Text extends TextStyleMixin { * @param {Number} start selection start * @param {Number} end selection end * @param {Number} schema - * @returns {Text} thisArg - * @chainable */ - _setScript(start: number, end: number, schema: number): Text { + _setScript(start: number, end: number, schema: number) { const loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt( loc.lineIndex, @@ -1386,7 +1381,6 @@ export class Text extends TextStyleMixin { deltaY: dy + fontSize * schema.baseline, }; this.setSelectionStyles(style, start, end); - return this; } /** @@ -1711,13 +1705,6 @@ export class Text extends TextStyleMixin { return obj; } - /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {*} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {FabricObject} thisArg - * @chainable - */ set(key: string | any, value?: any) { super.set(key, value); let needsDims = false; @@ -1902,6 +1889,20 @@ export const textDefaultValues: Partial> = { 'pathSide', 'pathAlign', ], + _styleProperties: [ + 'stroke', + 'strokeWidth', + 'fill', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'fontStyle', + 'underline', + 'overline', + 'linethrough', + 'deltaY', + 'textBackgroundColor', + ], _reNewline: /\r?\n/, _reSpacesAndTabs: /[ \t\r]/g, _reSpaceAndTab: /[ \t\r]/, @@ -1926,9 +1927,9 @@ export const textDefaultValues: Partial> = { }, textBackgroundColor: '', stateProperties: - FabricObject.prototype.stateProperties.concat(additionalProps), + fabricObjectDefaultValues.stateProperties.concat(additionalProps), cacheProperties: - FabricObject.prototype.cacheProperties.concat(additionalProps), + fabricObjectDefaultValues.cacheProperties.concat(additionalProps), stroke: null, shadow: null, path: null, @@ -1946,21 +1947,6 @@ export const textDefaultValues: Partial> = { styles: null, deltaY: 0, direction: 'ltr', - _styleProperties: [ - 'stroke', - 'strokeWidth', - 'fill', - 'fontFamily', - 'fontSize', - 'fontWeight', - 'fontStyle', - 'underline', - 'overline', - 'linethrough', - 'deltaY', - 'textBackgroundColor', - ], - __charBounds: [], CACHE_FONT_SIZE: 400, MIN_TEXT_WIDTH: 2, }; From 332e1cd779f5869fc43a7eea2d7465a3b533b39f Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:31:22 +0200 Subject: [PATCH 29/58] Update text.class.ts --- src/shapes/text.class.ts | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 6f8899e5e17..3d062fa9398 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -1740,6 +1740,16 @@ export class Text extends TextStyleMixin { return 1; } + static genericFonts = [ + 'sans-serif', + 'serif', + 'cursive', + 'fantasy', + 'monospace', + ]; + + /* _FROM_SVG_START_ */ + /** * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement}) * @static @@ -1752,14 +1762,6 @@ export class Text extends TextStyleMixin { ) ); - static genericFonts = [ - 'sans-serif', - 'serif', - 'cursive', - 'fantasy', - 'monospace', - ]; - /** * Returns Text instance from an SVG element (not yet implemented) * @static @@ -1856,6 +1858,8 @@ export class Text extends TextStyleMixin { callback(text); } + /* _FROM_SVG_END_ */ + /** * Returns Text instance from an object representation * @static @@ -1953,8 +1957,4 @@ export const textDefaultValues: Partial> = { Object.assign(Text.prototype, textDefaultValues); -/* _FROM_SVG_START_ */ - -/* _FROM_SVG_END_ */ - fabric.Text = Text; From f43022b6128580f53e0659cbaf3a89e11ae3d120 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:33:49 +0200 Subject: [PATCH 30/58] Update itext.class.ts --- src/shapes/itext.class.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index a9e07f50fdb..076a12b6359 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,6 +1,6 @@ // @ts-nocheck import { fabric } from '../../HEADER'; -import { TClassProperties } from '../typedefs'; +import { TClassProperties, TFiller } from '../typedefs'; import { stylesFromArray } from '../util/misc/textStyles'; import { FabricObject } from './fabricObject.class'; import { Text } from './text.class'; @@ -61,14 +61,14 @@ export class IText extends Text { * @type Number * @default */ - selectionStart = 0; + selectionStart: number; /** * Index where text selection ends * @type Number * @default */ - selectionEnd = 0; + selectionEnd: number; /** * Color of text selection @@ -619,9 +619,9 @@ export class IText extends Text { * Returns color (fill) of char at the current cursor * if the text object has a pattern or gradient for filler, it will return that. * Unused by the library, is for the end user - * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) + * @return {String | TFiller} Character color (fill) */ - getCurrentCharColor(): string | fabric.Gradient | fabric.Pattern { + getCurrentCharColor(): string | TFiller { const cp = this._getCurrentCharIndex(); return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); } From 110f776d8f3bde775faec3e2778bb77c58601bb9 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:38:26 +0200 Subject: [PATCH 31/58] Update text.js --- test/unit/text.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/test/unit/text.js b/test/unit/text.js index 1dc2d2d9457..adf29a86945 100644 --- a/test/unit/text.js +++ b/test/unit/text.js @@ -722,7 +722,8 @@ var schema = text.superscript; var styleFontSize = text.styles[0][2].fontSize; var styleDeltaY = text.styles[0][2].deltaY; - text.setSuperscript(1, 2).setSuperscript(2, 3); + text.setSuperscript(1, 2); + text.setSuperscript(2, 3); assert.equal(text.styles[0][0].fontSize, undefined, 'character 0: fontSize is not set'); assert.equal(text.styles[0][0].deltaY, undefined, 'character 0: deltaY is not set'); @@ -744,7 +745,8 @@ var schema = text.subscript; var styleFontSize = text.styles[0][2].fontSize; var styleDeltaY = text.styles[0][2].deltaY; - text.setSubscript(1,2).setSubscript(2,3); + text.setSubscript(1, 2); + text.setSubscript(2, 3); assert.equal(text.styles[0][0].fontSize, undefined, 'character 0: fontSize is not set'); assert.equal(text.styles[0][0].deltaY, undefined, 'character 0: deltaY is not set'); From d7c29a283b9ccb0361f7b1f8523678af38ccb00c Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:39:04 +0200 Subject: [PATCH 32/58] Update text.class.ts --- src/shapes/text.class.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 3d062fa9398..e4c7b980d99 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -1349,7 +1349,7 @@ export class Text extends TextStyleMixin { * @param {Number} end selection end */ setSuperscript(start: number, end: number) { - return this._setScript(start, end, this.superscript); + this._setScript(start, end, this.superscript); } /** @@ -1358,7 +1358,7 @@ export class Text extends TextStyleMixin { * @param {Number} end selection end */ setSubscript(start: number, end: number) { - return this._setScript(start, end, this.subscript); + this._setScript(start, end, this.subscript); } /** @@ -1368,7 +1368,7 @@ export class Text extends TextStyleMixin { * @param {Number} end selection end * @param {Number} schema */ - _setScript(start: number, end: number, schema: number) { + protected _setScript(start: number, end: number, schema: number) { const loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt( loc.lineIndex, From af12bc3a7906c5e17f2291dfff9a13e0e73dbb76 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 15:49:00 +0200 Subject: [PATCH 33/58] Revert "checkout IText mixins" This reverts commit b9916f1048acb3a7321a4499b09ef57f410f9742. --- src/mixins/itext.svg_export.ts | 587 +++-- src/mixins/itext_behavior.mixin.ts | 2523 +++++++++++----------- src/mixins/itext_click_behavior.mixin.ts | 576 +++-- src/mixins/itext_key_behavior.mixin.ts | 1537 +++++++------ 4 files changed, 2583 insertions(+), 2640 deletions(-) diff --git a/src/mixins/itext.svg_export.ts b/src/mixins/itext.svg_export.ts index ac8234b303f..fd8a81a79ec 100644 --- a/src/mixins/itext.svg_export.ts +++ b/src/mixins/itext.svg_export.ts @@ -5,332 +5,315 @@ import { config } from '../config'; import { FabricObject } from '../shapes/fabricObject.class'; /* _TO_SVG_START_ */ -(function (global) { - var fabric = global.fabric, - toFixed = fabric.util.toFixed, - multipleSpacesRegex = / +/g; +var fabric = global.fabric, + toFixed = toFixed, + multipleSpacesRegex = / +/g; - fabric.util.object.extend( - fabric.Text.prototype, - /** @lends fabric.Text.prototype */ { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG: function () { - var offsets = this._getSVGLeftTopOffsets(), - textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - }, +export function TextIMixinGenerator(Klass) { + return class TextIMixin extends Klass { + /** + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG(): string { + var offsets = this._getSVGLeftTopOffsets(), + textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + } - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function (reviver) { - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - noStyle: true, - withShadow: true, - }); - }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG(reviver: Function): string { + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + noStyle: true, + withShadow: true, + }); + } - /** - * @private - */ - _getSVGLeftTopOffsets: function () { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0), - }; - }, + /** + * @private + */ + _getSVGLeftTopOffsets() { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0), + }; + } - /** - * @private - */ - _wrapSVGTextAndBg: function (textAndBg) { - var noShadow = true, - textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n', - ]; - }, + /** + * @private + */ + _wrapSVGTextAndBg(textAndBg) { + var noShadow = true, + textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n', + ]; + } - /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { - var textSpans = [], - textBgRects = [], - height = textTopOffset, - lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); + /** + * @private + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg(textTopOffset: number, textLeftOffset: number): object { + var textSpans = [], + textBgRects = [], + height = textTopOffset, + lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.direction === 'rtl') { - lineOffset += this.width; - } - if ( - this.textBackgroundColor || - this.styleHas('textBackgroundColor', i) - ) { - this._setSVGTextLineBg( - textBgRects, - i, - textLeftOffset + lineOffset, - height - ); - } - this._setSVGTextLineText( - textSpans, + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.direction === 'rtl') { + lineOffset += this.width; + } + if ( + this.textBackgroundColor || + this.styleHas('textBackgroundColor', i) + ) { + this._setSVGTextLineBg( + textBgRects, i, textLeftOffset + lineOffset, height ); - height += this.getHeightOfLine(i); } + this._setSVGTextLineText( + textSpans, + i, + textLeftOffset + lineOffset, + height + ); + height += this.getHeightOfLine(i); + } - return { - textSpans: textSpans, - textBgRects: textBgRects, - }; - }, + return { + textSpans: textSpans, + textBgRects: textBgRects, + }; + } - /** - * @private - */ - _createTextCharSpan: function (_char, styleDecl, left, top) { - var shouldUseWhitespace = - _char !== _char.trim() || _char.match(multipleSpacesRegex), - styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), - fillStyles = styleProps ? 'style="' + styleProps + '"' : '', - dy = styleDecl.deltaY, - dySpan = '', - NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - fabric.util.string.escapeXml(_char), - '', - ].join(''); - }, + /** + * @private + */ + _createTextCharSpan(_char, styleDecl, left, top) { + var shouldUseWhitespace = + _char !== _char.trim() || _char.match(multipleSpacesRegex), + styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), + fillStyles = styleProps ? 'style="' + styleProps + '"' : '', + dy = styleDecl.deltaY, + dySpan = '', + NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + string.escapeXml(_char), + '', + ].join(''); + } - _setSVGTextLineText: function ( - textSpans, - lineIndex, - textLeftOffset, - textTopOffset - ) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, - style, - boxWidth = 0, - line = this._textLines[lineIndex], - timeToRender; + _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) { + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, + style, + boxWidth = 0, + line = this._textLines[lineIndex], + timeToRender; - textTopOffset += - (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; - } else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = fabric.util.hasStyleChanged( - actualStyle, - nextStyle, - true - ); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || {}; - textSpans.push( - this._createTextCharSpan( - charsToRender, - style, - textLeftOffset, - textTopOffset - ) - ); - charsToRender = ''; - actualStyle = nextStyle; - if (this.direction === 'rtl') { - textLeftOffset -= boxWidth; - } else { - textLeftOffset += boxWidth; - } - boxWidth = 0; + textTopOffset += + (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; } } - }, - - _pushTextBgRect: function (textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n' - ); - }, - - _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], - heightOfLine = this.getHeightOfLine(i) / this.lineHeight, - boxWidth = 0, - boxStart = 0, - charBox, - currentColor, - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && - this._pushTextBgRect( - textBgRects, - lastColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine - ); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = hasStyleChanged(actualStyle, nextStyle, true); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || {}; + textSpans.push( + this._createTextCharSpan( + charsToRender, + style, + textLeftOffset, + textTopOffset + ) + ); + charsToRender = ''; + actualStyle = nextStyle; + if (this.direction === 'rtl') { + textLeftOffset -= boxWidth; } else { - boxWidth += charBox.kernedWidth; + textLeftOffset += boxWidth; } + boxWidth = 0; } - currentColor && - this._pushTextBgRect( - textBgRects, - currentColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine - ); - }, + } + } - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes: function (value) { - var fillColor = - value && typeof value === 'string' ? new Color(value) : ''; - if ( - !fillColor || - !fillColor.getSource() || - fillColor.getAlpha() === 1 - ) { - return 'fill="' + value + '"'; + _pushTextBgRect(textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n' + ); + } + + _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], + heightOfLine = this.getHeightOfLine(i) / this.lineHeight, + boxWidth = 0, + boxStart = 0, + charBox, + currentColor, + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && + this._pushTextBgRect( + textBgRects, + lastColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine + ); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } else { + boxWidth += charBox.kernedWidth; } - return ( - 'opacity="' + - fillColor.getAlpha() + - '" fill="' + - fillColor.setAlpha(1).toRgb() + - '"' + } + currentColor && + this._pushTextBgRect( + textBgRects, + currentColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine ); - }, + } - /** - * @private - */ - _getSVGLineTopOffset: function (lineIndex) { - var lineTopOffset = 0, - lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: - ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / - (this.lineHeight * this._fontSizeMult), - }; - }, + /** + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} + */ + _getFillAttributes(value: any): string { + var fillColor = + value && typeof value === 'string' ? new Color(value) : ''; + if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { + return 'fill="' + value + '"'; + } + return ( + 'opacity="' + + fillColor.getAlpha() + + '" fill="' + + fillColor.setAlpha(1).toRgb() + + '"' + ); + } - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function (skipShadow) { - var svgStyle = FabricObject.prototype.getSvgStyles.call( - this, - skipShadow - ); - return svgStyle + ' white-space: pre;'; - }, + /** + * @private + */ + _getSVGLineTopOffset(lineIndex) { + var lineTopOffset = 0, + lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: + ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / + (this.lineHeight * this._fontSizeMult), + }; + } + + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles(skipShadow: boolean): string { + var svgStyle = FabricObject.prototype.getSvgStyles.call(this, skipShadow); + return svgStyle + ' white-space: pre;'; } - ); -})(typeof exports !== 'undefined' ? exports : window); + }; +} + +Text = TextIMixinGenerator(Text); + /* _TO_SVG_END_ */ diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index db654811daf..fb1cdd71110 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1,1304 +1,1281 @@ //@ts-nocheck import { Point } from '../point.class'; +import { TEvent } from '../typedefs'; import { removeFromArray } from '../util/internals'; // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend( - fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { - /** - * Initializes all the interactive behavior of IText - */ - initBehavior: function () { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - this.dragEnterHandler = this.dragEnterHandler.bind(this); - this.dragOverHandler = this.dragOverHandler.bind(this); - this.dragLeaveHandler = this.dragLeaveHandler.bind(this); - this.dragEndHandler = this.dragEndHandler.bind(this); - this.dropHandler = this.dropHandler.bind(this); - this.on('dragenter', this.dragEnterHandler); - this.on('dragover', this.dragOverHandler); - this.on('dragleave', this.dragLeaveHandler); - this.on('dragend', this.dragEndHandler); - this.on('drop', this.dropHandler); - }, - - onDeselect: function () { - this.isEditing && this.exitEditing(); - this.selected = false; - }, - - /** - * Initializes "added" event handler - */ - initAddedHandler: function () { - var _this = this; - this.on('added', function (opt) { - // make sure we listen to the canvas added event - var canvas = opt.target; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - _this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(_this); +const fabric = global.fabric; + +export function ITextBehaviorMixinGenerator(Klass) { + return class ITextBehaviorMixin extends Klass { + /** + * Initializes all the interactive behavior of IText + */ + initBehavior() { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + this.dragEnterHandler = this.dragEnterHandler.bind(this); + this.dragOverHandler = this.dragOverHandler.bind(this); + this.dragLeaveHandler = this.dragLeaveHandler.bind(this); + this.dragEndHandler = this.dragEndHandler.bind(this); + this.dropHandler = this.dropHandler.bind(this); + this.on('dragenter', this.dragEnterHandler); + this.on('dragover', this.dragOverHandler); + this.on('dragleave', this.dragLeaveHandler); + this.on('dragend', this.dragEndHandler); + this.on('drop', this.dropHandler); + } + + onDeselect() { + this.isEditing && this.exitEditing(); + this.selected = false; + } + + /** + * Initializes "added" event handler + */ + initAddedHandler() { + const _this = this; + this.on('added', function (opt) { + // make sure we listen to the canvas added event + const canvas = opt.target; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + _this._initCanvasHandlers(canvas); } - }); - }, - - initRemovedHandler: function () { - var _this = this; - this.on('removed', function (opt) { - // make sure we listen to the canvas removed event - var canvas = opt.target; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - removeFromArray(canvas._iTextInstances, _this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - _this._removeCanvasHandlers(canvas); - } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(_this); + } + }); + } + + initRemovedHandler() { + const _this = this; + this.on('removed', function (opt) { + // make sure we listen to the canvas removed event + const canvas = opt.target; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + removeFromArray(canvas._iTextInstances, _this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + _this._removeCanvasHandlers(canvas); } - }); - }, - - /** - * register canvas event to manage exiting on other instances - * @private - */ - _initCanvasHandlers: function (canvas) { - canvas._mouseUpITextHandler = function () { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.__isMousedown = false; - }); + } + }); + } + + /** + * register canvas event to manage exiting on other instances + * @private + */ + _initCanvasHandlers(canvas) { + canvas._mouseUpITextHandler = function () { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.__isMousedown = false; + }); + } + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + } + + /** + * remove canvas event to manage exiting on other instances + * @private + */ + _removeCanvasHandlers(canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + } + + /** + * @private + */ + _tick() { + this._currentTickState = this._animateCursor( + this, + 1, + this.cursorDuration, + '_onTickComplete' + ); + } + + /** + * @private + */ + _animateCursor(obj, targetOpacity, duration, completeMethod) { + const tickState = { + isAborted: false, + abort: function () { + this.isAborted = true; + }, + }; + + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function () { + if (!tickState.isAborted) { + obj[completeMethod](); + } + }, + onChange: function () { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - }, - - /** - * remove canvas event to manage exiting on other instances - * @private - */ - _removeCanvasHandlers: function (canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); - }, - - /** - * @private - */ - _tick: function () { - this._currentTickState = this._animateCursor( - this, - 1, - this.cursorDuration, - '_onTickComplete' + }, + abort: function () { + return tickState.isAborted; + }, + }); + return tickState; + } + + /** + * @private + */ + _onTickComplete() { + const _this = this; + + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); + } + this._cursorTimeout1 = setTimeout(function () { + _this._currentTickCompleteState = _this._animateCursor( + _this, + 0, + this.cursorDuration / 2, + '_tick' ); - }, - - /** - * @private - */ - _animateCursor: function (obj, targetOpacity, duration, completeMethod) { - var tickState = { - isAborted: false, - abort: function () { - this.isAborted = true; - }, - }; - - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function () { - if (!tickState.isAborted) { - obj[completeMethod](); - } - }, - onChange: function () { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); - } - }, - abort: function () { - return tickState.isAborted; - }, - }); - return tickState; - }, + }, 100); + } - /** - * @private - */ - _onTickComplete: function () { - var _this = this; + /** + * Initializes delayed cursor + */ + initDelayedCursor(restart) { + const _this = this, + delay = restart ? 0 : this.cursorDelay; + + this.abortCursorAnimation(); + if (delay) { + this._cursorTimeout2 = setTimeout(function () { + _this._tick(); + }, delay); + } else { + this._tick(); + } + } - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); - } - this._cursorTimeout1 = setTimeout(function () { - _this._currentTickCompleteState = _this._animateCursor( - _this, - 0, - this.cursorDuration / 2, - '_tick' - ); - }, 100); - }, - - /** - * Initializes delayed cursor - */ - initDelayedCursor: function (restart) { - var _this = this, - delay = restart ? 0 : this.cursorDelay; - - this.abortCursorAnimation(); - if (delay) { - this._cursorTimeout2 = setTimeout(function () { - _this._tick(); - }, delay); - } else { - this._tick(); - } - }, - - /** - * Aborts cursor animation, clears all timeouts and clear textarea context if necessary - */ - abortCursorAnimation: function () { - var shouldClear = - this._currentTickState || this._currentTickCompleteState; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && - this._currentTickCompleteState.abort(); + /** + * Aborts cursor animation, clears all timeouts and clear textarea context if necessary + */ + abortCursorAnimation() { + const shouldClear = + this._currentTickState || this._currentTickCompleteState; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && this._currentTickCompleteState.abort(); - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); - this._currentCursorOpacity = 1; + this._currentCursorOpacity = 1; - // make sure we clear context even if instance is not editing - if (shouldClear) { - this.clearContextTop(); - } - }, - - /** - * Selects entire text - * @return {fabric.IText} thisArg - * @chainable - */ - selectAll: function () { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - - /** - * Returns selected text - * @return {String} - */ - getSelectedText: function () { - return this._text - .slice(this.selectionStart, this.selectionEnd) - .join(''); - }, - - /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryLeft: function (startFrom) { - var offset = 0, - index = startFrom - 1; - - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index--; - } - } - while (/\S/.test(this._text[index]) && index > -1) { + // make sure we clear context even if instance is not editing + if (shouldClear) { + this.clearContextTop(); + } + } + + /** + * Selects entire text + * @return {IText} thisArg + * @chainable + */ + selectAll(): IText { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } + + /** + * Returns selected text + * @return {String} + */ + getSelectedText(): string { + return this._text.slice(this.selectionStart, this.selectionEnd).join(''); + } + + /** + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryLeft(startFrom: number): number { + let offset = 0, + index = startFrom - 1; + + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { offset++; index--; } + } + while (/\S/.test(this._text[index]) && index > -1) { + offset++; + index--; + } - return startFrom - offset; - }, - - /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryRight: function (startFrom) { - var offset = 0, - index = startFrom; - - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index++; - } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { + return startFrom - offset; + } + + /** + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryRight(startFrom: number): number { + let offset = 0, + index = startFrom; + + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { offset++; index++; } + } + while (/\S/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } - return startFrom + offset; - }, + return startFrom + offset; + } - /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryLeft: function (startFrom) { - var offset = 0, - index = startFrom - 1; + /** + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryLeft(startFrom: number): number { + let offset = 0, + index = startFrom - 1; + + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + + return startFrom - offset; + } - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } + /** + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryRight(startFrom: number): number { + let offset = 0, + index = startFrom; + + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + + return startFrom + offset; + } - return startFrom - offset; - }, + /** + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word + */ + searchWordBoundary(selectionStart: number, direction: number): number { + let text = this._text, + index = this._reSpace.test(text[selectionStart]) + ? selectionStart - 1 + : selectionStart, + _char = text[index]; + + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + } - /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryRight: function (startFrom) { - var offset = 0, - index = startFrom; + /** + * Selects a word based on the index + * @param {Number} selectionStart Index of a character + */ + selectWord(selectionStart: number) { + selectionStart = selectionStart || this.selectionStart; + const newSelectionStart = this.searchWordBoundary( + selectionStart, + -1 + ) /* search backwards */, + newSelectionEnd = this.searchWordBoundary( + selectionStart, + 1 + ); /* search forward */ + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } + /** + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + * @return {IText} thisArg + * @chainable + */ + selectLine(selectionStart: number): IText { + selectionStart = selectionStart || this.selectionStart; + const newSelectionStart = this.findLineBoundaryLeft(selectionStart), + newSelectionEnd = this.findLineBoundaryRight(selectionStart); + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } - return startFrom + offset; - }, - - /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word - */ - searchWordBoundary: function (selectionStart, direction) { - var text = this._text, - index = this._reSpace.test(text[selectionStart]) - ? selectionStart - 1 - : selectionStart, - _char = text[index]; - - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - }, - - /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character - */ - selectWord: function (selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.searchWordBoundary( - selectionStart, - -1 - ) /* search backwards */, - newSelectionEnd = this.searchWordBoundary( - selectionStart, - 1 - ); /* search forward */ + /** + * Enters editing state + * @return {IText} thisArg + * @chainable + */ + enterEditing(e): IText { + if (this.isEditing || !this.editable) { + return; + } + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); + } + + this.isEditing = true; + + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; + + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { + return this; + } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; + } + exitEditingOnOthers(canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); + } + }); + } + } + + /** + * Initializes "mousemove" event handler + */ + initMouseMoveHandler() { + this.canvas.on('mouse:move', this.mouseMoveHandler); + } + + /** + * @private + */ + mouseMoveHandler(options) { + if (!this.__isMousedown || !this.isEditing) { + return; + } + + // regain focus + fabric.document.activeElement !== this.hiddenTextarea && + this.hiddenTextarea.focus(); + + const newSelectionStart = this.getSelectionStartFromPointer(options.e), + currentStart = this.selectionStart, + currentEnd = this.selectionEnd; + if ( + (newSelectionStart !== this.__selectionStartOnMouseDown || + currentStart === currentEnd) && + (currentStart === newSelectionStart || currentEnd === newSelectionStart) + ) { + return; + } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } else { this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; + this.selectionEnd = this.__selectionStartOnMouseDown; + } + if ( + this.selectionStart !== currentStart || + this.selectionEnd !== currentEnd + ) { + this.restartCursorIfNeeded(); this._fireSelectionChanged(); this._updateTextarea(); this.renderCursorOrSelection(); - }, - - /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character - * @return {fabric.IText} thisArg - * @chainable - */ - selectLine: function (selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.findLineBoundaryLeft(selectionStart), - newSelectionEnd = this.findLineBoundaryRight(selectionStart); + } + } - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - - /** - * Enters editing state - * @return {fabric.IText} thisArg - * @chainable - */ - enterEditing: function (e) { - if (this.isEditing || !this.editable) { - return; - } - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); + /** + * Override to customize the drag image + * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage + * @param {DragEvent} e + * @param {object} data + * @param {number} data.selectionStart + * @param {number} data.selectionEnd + * @param {string} data.text + * @param {string} data.value selected text + */ + setDragImage( + e: DragEvent, + data: { + selectionStart: number; + selectionEnd: number; + text: string; + value: string; + } + ) { + const t = this.calcTransformMatrix(); + const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + const boundaries = this._getCursorBoundaries(data.selectionStart); + const selectionPosition = new Point( + boundaries.left + boundaries.leftOffset, + boundaries.top + boundaries.topOffset + ).multiply(flipFactor); + const pos = transformPoint(selectionPosition, t); + const pointer = this.canvas.getPointer(e); + const diff = pointer.subtract(pos); + const enableRetinaScaling = this.canvas._isRetinaScaling(); + const retinaScaling = this.canvas.getRetinaScaling(); + const bbox = this.getBoundingRect(true); + const correction = pos.subtract(new Point(bbox.left, bbox.top)); + const offset = correction.add(diff).scalarMultiply(retinaScaling); + // prepare instance for drag image snapshot by making all non selected text invisible + const bgc = this.backgroundColor; + const styles = object.clone(this.styles, true); + delete this.backgroundColor; + const styleOverride = { + fill: 'transparent', + textBackgroundColor: 'transparent', + }; + this.setSelectionStyles(styleOverride, 0, data.selectionStart); + this.setSelectionStyles( + styleOverride, + data.selectionEnd, + data.text.length + ); + let dragImage = this.toCanvasElement({ + enableRetinaScaling: enableRetinaScaling, + }); + this.backgroundColor = bgc; + this.styles = styles; + // handle retina scaling + if (enableRetinaScaling && retinaScaling > 1) { + const c = createCanvasElement(); + c.width = dragImage.width / retinaScaling; + c.height = dragImage.height / retinaScaling; + const ctx = c.getContext('2d'); + ctx.scale(1 / retinaScaling, 1 / retinaScaling); + ctx.drawImage(dragImage, 0, 0); + dragImage = c; + } + this.__dragImageDisposer && this.__dragImageDisposer(); + this.__dragImageDisposer = function () { + dragImage.remove(); + }; + // position drag image offsecreen + setStyle(dragImage, { + position: 'absolute', + left: -dragImage.width + 'px', + border: 'none', + }); + fabric.document.body.appendChild(dragImage); + e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); + } + + /** + * support native like text dragging + * @private + * @param {DragEvent} e + * @returns {boolean} should handle event + */ + onDragStart(e: DragEvent): boolean { + this.__dragStartFired = true; + if (this.__isDragging) { + const selection = (this.__dragStartSelection = { + selectionStart: this.selectionStart, + selectionEnd: this.selectionEnd, + }); + const value = this._text + .slice(selection.selectionStart, selection.selectionEnd) + .join(''); + const data = Object.assign( + { text: this.text, value: value }, + selection + ); + e.dataTransfer.setData('text/plain', value); + e.dataTransfer.setData( + 'application/fabric', + JSON.stringify({ + value: value, + styles: this.getSelectionStyles( + selection.selectionStart, + selection.selectionEnd, + true + ), + }) + ); + e.dataTransfer.effectAllowed = 'copyMove'; + this.setDragImage(e, data); + } + this.abortCursorAnimation(); + return this.__isDragging; + } + + /** + * Override to customize drag and drop behavior + * @public + * @param {DragEvent} e + * @returns {boolean} + */ + canDrop(e: DragEvent): boolean { + if (this.editable && !this.__corner) { + if (this.__isDragging && this.__dragStartSelection) { + // drag source trying to drop over itself + // allow dropping only outside of drag start selection + const index = this.getSelectionStartFromPointer(e); + const dragStartSelection = this.__dragStartSelection; + return ( + index < dragStartSelection.selectionStart || + index > dragStartSelection.selectionEnd + ); } + return true; + } + return false; + } - this.isEditing = true; + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEnterHandler({ e }: TEvent) { + const canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } + } - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragOverHandler({ e }: TEvent) { + const canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } else if (this.__isDraggingOver && !canDrop) { + // drop state has changed + this.__isDraggingOver = false; + } + if (this.__isDraggingOver) { + // can be dropped, inform browser + e.preventDefault(); + // inform event subscribers + options.canDrop = true; + options.dropTarget = this; + // find cursor under the drag part. + } + } - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); - return this; - }, + /** + * support native like text dragging + * @private + */ + dragLeaveHandler() { + if (this.__isDraggingOver || this.__isDragging) { + this.__isDraggingOver = false; + } + } - exitEditingOnOthers: function (canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); + /** + * support native like text dragging + * fired only on the drag source + * handle changes to the drag source in case of a drop on another object or a cancellation + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEndHandler({ e }: TEvent) { + if (this.__isDragging && this.__dragStartFired) { + // once the drop event finishes we check if we need to change the drag source + // if the drag source received the drop we bail out + if (this.__dragStartSelection) { + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + const dropEffect = e.dataTransfer.dropEffect; + if (dropEffect === 'none') { + this.selectionStart = selectionStart; + this.selectionEnd = selectionEnd; + this._updateTextarea(); + } else { + this.clearContextTop(); + if (dropEffect === 'move') { + this.insertChars('', null, selectionStart, selectionEnd); + this.selectionStart = this.selectionEnd = selectionStart; + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: selectionStart, + action: 'dragend', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); } - }); - } - }, - - /** - * Initializes "mousemove" event handler - */ - initMouseMoveHandler: function () { - this.canvas.on('mouse:move', this.mouseMoveHandler); - }, - - /** - * @private - */ - mouseMoveHandler: function (options) { - if (!this.__isMousedown || !this.isEditing) { - return; + this.exitEditing(); + // disable mouse up logic + this.__lastSelected = false; + } } + } - // regain focus - fabric.document.activeElement !== this.hiddenTextarea && - this.hiddenTextarea.focus(); + this.__dragImageDisposer && this.__dragImageDisposer(); + delete this.__dragImageDisposer; + delete this.__dragStartSelection; + this.__isDraggingOver = false; + } - var newSelectionStart = this.getSelectionStartFromPointer(options.e), - currentStart = this.selectionStart, - currentEnd = this.selectionEnd; - if ( - (newSelectionStart !== this.__selectionStartOnMouseDown || - currentStart === currentEnd) && - (currentStart === newSelectionStart || - currentEnd === newSelectionStart) - ) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } else { - this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; + /** + * support native like text dragging + * + * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} + * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dropHandler({ e }: TEvent) { + const didDrop = e.defaultPrevented; + this.__isDraggingOver = false; + // inform browser that the drop has been accepted + e.preventDefault(); + let insert = e.dataTransfer.getData('text/plain'); + if (insert && !didDrop) { + let insertAt = this.getSelectionStartFromPointer(e); + const data = e.dataTransfer.types.includes('application/fabric') + ? JSON.parse(e.dataTransfer.getData('application/fabric')) + : {}; + const styles = data.styles; + const trailing = insert[Math.max(0, insert.length - 1)]; + const selectionStartOffset = 0; + // drag and drop in same instance + if (this.__dragStartSelection) { + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + if (insertAt > selectionStart && insertAt <= selectionEnd) { + insertAt = selectionStart; + } else if (insertAt > selectionEnd) { + insertAt -= selectionEnd - selectionStart; + } + this.insertChars('', null, selectionStart, selectionEnd); + // prevent `dragend` from handling event + delete this.__dragStartSelection; } + // remove redundant line break if ( - this.selectionStart !== currentStart || - this.selectionEnd !== currentEnd + this._reNewline.test(trailing) && + (this._reNewline.test(this._text[insertAt]) || + insertAt === this._text.length) ) { - this.restartCursorIfNeeded(); - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } - }, - - /** - * Override to customize the drag image - * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage - * @param {DragEvent} e - * @param {object} data - * @param {number} data.selectionStart - * @param {number} data.selectionEnd - * @param {string} data.text - * @param {string} data.value selected text - */ - setDragImage: function (e, data) { - var t = this.calcTransformMatrix(); - var flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - var boundaries = this._getCursorBoundaries(data.selectionStart); - var selectionPosition = new Point( - boundaries.left + boundaries.leftOffset, - boundaries.top + boundaries.topOffset - ).multiply(flipFactor); - var pos = fabric.util.transformPoint(selectionPosition, t); - var pointer = this.canvas.getPointer(e); - var diff = pointer.subtract(pos); - var enableRetinaScaling = this.canvas._isRetinaScaling(); - var retinaScaling = this.canvas.getRetinaScaling(); - var bbox = this.getBoundingRect(true); - var correction = pos.subtract(new Point(bbox.left, bbox.top)); - var offset = correction.add(diff).scalarMultiply(retinaScaling); - // prepare instance for drag image snapshot by making all non selected text invisible - var bgc = this.backgroundColor; - var styles = fabric.util.object.clone(this.styles, true); - delete this.backgroundColor; - var styleOverride = { - fill: 'transparent', - textBackgroundColor: 'transparent', - }; - this.setSelectionStyles(styleOverride, 0, data.selectionStart); - this.setSelectionStyles( - styleOverride, - data.selectionEnd, - data.text.length + insert = insert.trimEnd(); + } + // inform subscribers + options.didDrop = true; + options.dropTarget = this; + // finalize + this.insertChars(insert, styles, insertAt); + // can this part be moved in an outside event? andrea to check. + this.canvas.setActiveObject(this); + this.enterEditing(); + this.selectionStart = Math.min( + insertAt + selectionStartOffset, + this._text.length ); - var dragImage = this.toCanvasElement({ - enableRetinaScaling: enableRetinaScaling, - }); - this.backgroundColor = bgc; - this.styles = styles; - // handle retina scaling - if (enableRetinaScaling && retinaScaling > 1) { - var c = fabric.util.createCanvasElement(); - c.width = dragImage.width / retinaScaling; - c.height = dragImage.height / retinaScaling; - var ctx = c.getContext('2d'); - ctx.scale(1 / retinaScaling, 1 / retinaScaling); - ctx.drawImage(dragImage, 0, 0); - dragImage = c; - } - this.__dragImageDisposer && this.__dragImageDisposer(); - this.__dragImageDisposer = function () { - dragImage.remove(); - }; - // position drag image offsecreen - fabric.util.setStyle(dragImage, { - position: 'absolute', - left: -dragImage.width + 'px', - border: 'none', + this.selectionEnd = Math.min( + this.selectionStart + insert.length, + this._text.length + ); + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: insertAt + selectionStartOffset, + action: 'drop', }); - fabric.document.body.appendChild(dragImage); - e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); - }, - - /** - * support native like text dragging - * @private - * @param {DragEvent} e - * @returns {boolean} should handle event - */ - onDragStart: function (e) { - this.__dragStartFired = true; - if (this.__isDragging) { - var selection = (this.__dragStartSelection = { - selectionStart: this.selectionStart, - selectionEnd: this.selectionEnd, - }); - var value = this._text - .slice(selection.selectionStart, selection.selectionEnd) - .join(''); - var data = Object.assign( - { text: this.text, value: value }, - selection - ); - e.dataTransfer.setData('text/plain', value); - e.dataTransfer.setData( - 'application/fabric', - JSON.stringify({ - value: value, - styles: this.getSelectionStyles( - selection.selectionStart, - selection.selectionEnd, - true - ), - }) - ); - e.dataTransfer.effectAllowed = 'copyMove'; - this.setDragImage(e, data); - } - this.abortCursorAnimation(); - return this.__isDragging; - }, - - /** - * Override to customize drag and drop behavior - * @public - * @param {DragEvent} e - * @returns {boolean} - */ - canDrop: function (e) { - if (this.editable && !this.__corner) { - if (this.__isDragging && this.__dragStartSelection) { - // drag source trying to drop over itself - // allow dropping only outside of drag start selection - var index = this.getSelectionStartFromPointer(e); - var dragStartSelection = this.__dragStartSelection; - return ( - index < dragStartSelection.selectionStart || - index > dragStartSelection.selectionEnd - ); - } - return true; - } - return false; - }, - - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEnterHandler: function (options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } - }, - - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragOverHandler: function (options) { - var e = options.e; - var canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } else if (this.__isDraggingOver && !canDrop) { - // drop state has changed - this.__isDraggingOver = false; - } - if (this.__isDraggingOver) { - // can be dropped, inform browser - e.preventDefault(); - // inform event subscribers - options.canDrop = true; - options.dropTarget = this; - // find cursor under the drag part. - } - }, - - /** - * support native like text dragging - * @private - */ - dragLeaveHandler: function () { - if (this.__isDraggingOver || this.__isDragging) { - this.__isDraggingOver = false; - } - }, - - /** - * support native like text dragging - * fired only on the drag source - * handle changes to the drag source in case of a drop on another object or a cancellation - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEndHandler: function (options) { - var e = options.e; - if (this.__isDragging && this.__dragStartFired) { - // once the drop event finishes we check if we need to change the drag source - // if the drag source received the drop we bail out - if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; - var dropEffect = e.dataTransfer.dropEffect; - if (dropEffect === 'none') { - this.selectionStart = selectionStart; - this.selectionEnd = selectionEnd; - this._updateTextarea(); - } else { - this.clearContextTop(); - if (dropEffect === 'move') { - this.insertChars('', null, selectionStart, selectionEnd); - this.selectionStart = this.selectionEnd = selectionStart; - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: selectionStart, - action: 'dragend', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - this.exitEditing(); - // disable mouse up logic - this.__lastSelected = false; - } - } - } + this.canvas.fire('text:changed', { target: this }); + this.canvas.contextTopDirty = true; + this.canvas.requestRenderAll(); + } + } - this.__dragImageDisposer && this.__dragImageDisposer(); - delete this.__dragImageDisposer; - delete this.__dragStartSelection; - this.__isDraggingOver = false; - }, - - /** - * support native like text dragging - * - * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} - * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dropHandler: function (options) { - var e = options.e, - didDrop = e.defaultPrevented; - this.__isDraggingOver = false; - // inform browser that the drop has been accepted - e.preventDefault(); - var insert = e.dataTransfer.getData('text/plain'); - if (insert && !didDrop) { - var insertAt = this.getSelectionStartFromPointer(e); - var data = e.dataTransfer.types.includes('application/fabric') - ? JSON.parse(e.dataTransfer.getData('application/fabric')) - : {}; - var styles = data.styles; - var trailing = insert[Math.max(0, insert.length - 1)]; - var selectionStartOffset = 0; - // drag and drop in same instance - if (this.__dragStartSelection) { - var selectionStart = this.__dragStartSelection.selectionStart; - var selectionEnd = this.__dragStartSelection.selectionEnd; - if (insertAt > selectionStart && insertAt <= selectionEnd) { - insertAt = selectionStart; - } else if (insertAt > selectionEnd) { - insertAt -= selectionEnd - selectionStart; - } - this.insertChars('', null, selectionStart, selectionEnd); - // prevent `dragend` from handling event - delete this.__dragStartSelection; - } - // remove redundant line break - if ( - this._reNewline.test(trailing) && - (this._reNewline.test(this._text[insertAt]) || - insertAt === this._text.length) - ) { - insert = insert.trimEnd(); - } - // inform subscribers - options.didDrop = true; - options.dropTarget = this; - // finalize - this.insertChars(insert, styles, insertAt); - // can this part be moved in an outside event? andrea to check. - this.canvas.setActiveObject(this); - this.enterEditing(); - this.selectionStart = Math.min( - insertAt + selectionStartOffset, - this._text.length - ); - this.selectionEnd = Math.min( - this.selectionStart + insert.length, - this._text.length - ); - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: insertAt + selectionStartOffset, - action: 'drop', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.contextTopDirty = true; - this.canvas.requestRenderAll(); - } - }, + /** + * @private + */ + _setEditingProps() { + this.hoverCursor = 'text'; - /** - * @private - */ - _setEditingProps: function () { - this.hoverCursor = 'text'; + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; + } - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + } - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; - }, - - /** - * convert from textarea to grapheme indexes - */ - fromStringToGraphemeSelection: function (start, end, text) { - var smallerTextStart = text.slice(0, start), - graphemeStart = this.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = text.slice(start, end), - graphemeEnd = this.graphemeSplit(smallerTextEnd).length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - }, - - /** - * convert from fabric to textarea values - */ - fromGraphemeToStringSelection: function (start, end, _text) { - var smallerTextStart = _text.slice(0, start), - graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = _text.slice(start, end), - graphemeEnd = smallerTextEnd.join('').length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - }, - - /** - * @private - */ - _updateTextarea: function () { - this.cursorOffsetCache = {}; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - var newSelection = this.fromGraphemeToStringSelection( - this.selectionStart, - this.selectionEnd, - this._text - ); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); - }, - - /** - * @private - */ - updateFromTextArea: function () { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = {}; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - var newSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value + /** + * convert from textarea to grapheme indexes + */ + fromStringToGraphemeSelection(start, end, text) { + const smallerTextStart = text.slice(0, start), + graphemeStart = this.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + const smallerTextEnd = text.slice(start, end), + graphemeEnd = this.graphemeSplit(smallerTextEnd).length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } + + /** + * convert from fabric to textarea values + */ + fromGraphemeToStringSelection(start, end, _text) { + const smallerTextStart = _text.slice(0, start), + graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + const smallerTextEnd = _text.slice(start, end), + graphemeEnd = smallerTextEnd.join('').length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } + + /** + * @private + */ + _updateTextarea() { + this.cursorOffsetCache = {}; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + const newSelection = this.fromGraphemeToStringSelection( + this.selectionStart, + this.selectionEnd, + this._text ); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); - }, - - /** - * @private - */ - updateTextareaPosition: function () { - if (this.selectionStart === this.selectionEnd) { - var style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } - }, - - /** - * @private - * @return {Object} style contains style for hiddenTextarea - */ - _calcTextareaPosition: function () { - if (!this.canvas) { - return { x: 1, y: 1 }; - } - var desiredPosition = this.inCompositionMode - ? this.compositionStart - : this.selectionStart, - boundaries = this._getCursorBoundaries(desiredPosition), - cursorLocation = this.get2DCursorLocation(desiredPosition), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex, - charHeight = - this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * - this.lineHeight, - leftOffset = boundaries.leftOffset, - m = this.calcTransformMatrix(), - p = { - x: boundaries.left + leftOffset, - y: boundaries.top + boundaries.topOffset + charHeight, - }, - retinaScaling = this.canvas.getRetinaScaling(), - upperCanvas = this.canvas.upperCanvasEl, - upperCanvasWidth = upperCanvas.width / retinaScaling, - upperCanvasHeight = upperCanvas.height / retinaScaling, - maxWidth = upperCanvasWidth - charHeight, - maxHeight = upperCanvasHeight - charHeight, - scaleX = upperCanvas.clientWidth / upperCanvasWidth, - scaleY = upperCanvas.clientHeight / upperCanvasHeight; - - p = fabric.util.transformPoint(p, m); - p = fabric.util.transformPoint(p, this.canvas.viewportTransform); - p.x *= scaleX; - p.y *= scaleY; - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; + } + this.updateTextareaPosition(); + } - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - - return { - left: p.x + 'px', - top: p.y + 'px', - fontSize: charHeight + 'px', - charHeight: charHeight, - }; - }, - - /** - * @private - */ - _saveEditingProps: function () { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor, - }; - }, - - /** - * @private - */ - _restoreEditingProps: function () { - if (!this._savedProps) { - return; - } + /** + * @private + */ + updateFromTextArea() { + if (!this.hiddenTextarea) { + return; + } + this.cursorOffsetCache = {}; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + const newSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + } - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; + /** + * @private + */ + updateTextareaPosition() { + if (this.selectionStart === this.selectionEnd) { + const style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + } - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } + /** + * @private + * @return {Object} style contains style for hiddenTextarea + */ + _calcTextareaPosition(): object { + if (!this.canvas) { + return { x: 1, y: 1 }; + } + let desiredPosition = this.inCompositionMode + ? this.compositionStart + : this.selectionStart, + boundaries = this._getCursorBoundaries(desiredPosition), + cursorLocation = this.get2DCursorLocation(desiredPosition), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex, + charHeight = + this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * + this.lineHeight, + leftOffset = boundaries.leftOffset, + m = this.calcTransformMatrix(), + p = { + x: boundaries.left + leftOffset, + y: boundaries.top + boundaries.topOffset + charHeight, + }, + retinaScaling = this.canvas.getRetinaScaling(), + upperCanvas = this.canvas.upperCanvasEl, + upperCanvasWidth = upperCanvas.width / retinaScaling, + upperCanvasHeight = upperCanvas.height / retinaScaling, + maxWidth = upperCanvasWidth - charHeight, + maxHeight = upperCanvasHeight - charHeight, + scaleX = upperCanvas.clientWidth / upperCanvasWidth, + scaleY = upperCanvas.clientHeight / upperCanvasHeight; + + p = transformPoint(p, m); + p = transformPoint(p, this.canvas.viewportTransform); + p.x *= scaleX; + p.y *= scaleY; + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } + + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + + return { + left: p.x + 'px', + top: p.y + 'px', + fontSize: charHeight + 'px', + charHeight: charHeight, + }; + } - delete this._savedProps; - }, - - /** - * Exits from editing state - * @return {fabric.IText} thisArg - * @chainable - */ - exitEditing: function () { - var isTextChanged = this._textBeforeEdit !== this.text; - var hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; - - this.selectionEnd = this.selectionStart; - - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && - hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && - this.canvas.fire('object:modified', { target: this }); + /** + * @private + */ + _saveEditingProps() { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor, + }; + } + + /** + * @private + */ + _restoreEditingProps() { + if (!this._savedProps) { + return; + } + + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; + + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; + } + + delete this._savedProps; + } + + /** + * Exits from editing state + * @return {IText} thisArg + * @chainable + */ + exitEditing(): IText { + const isTextChanged = this._textBeforeEdit !== this.text; + const hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; + + this.selectionEnd = this.selectionStart; + + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && + hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && this.canvas.fire('object:modified', { target: this }); + } + return this; + } + + /** + * @private + */ + _removeExtraneousStyles() { + for (const prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; } - return this; - }, - - /** - * @private - */ - _removeExtraneousStyles: function () { - for (var prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; + } + } + + /** + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) + */ + removeStyleFromTo(start: number, end: number) { + let cursorStart = this.get2DCursorLocation(start, true), + cursorEnd = this.get2DCursorLocation(end, true), + lineStart = cursorStart.lineIndex, + charStart = cursorStart.charIndex, + lineEnd = cursorEnd.lineIndex, + charEnd = cursorEnd.charIndex, + i, + styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for ( + i = charStart; + i < this._unwrappedTextLines[lineStart].length; + i++ + ) { + delete this.styles[lineStart][i]; } } - }, - - /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) - */ - removeStyleFromTo: function (start, end) { - var cursorStart = this.get2DCursorLocation(start, true), - cursorEnd = this.get2DCursorLocation(end, true), - lineStart = cursorStart.lineIndex, - charStart = cursorStart.charIndex, - lineEnd = cursorEnd.lineIndex, - charEnd = cursorEnd.charIndex, - i, - styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for ( - i = charStart; - i < this._unwrappedTextLines[lineStart].length; - i++ - ) { - delete this.styles[lineStart][i]; + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = {}); + this.styles[lineStart][charStart + i - charEnd] = styleObj; } } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for ( - i = charEnd; - i < this._unwrappedTextLines[lineEnd].length; - i++ - ) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = {}); - this.styles[lineStart][charStart + i - charEnd] = styleObj; - } - } - } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; + } + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + let diff = charEnd - charStart, + numericChar, + _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - var diff = charEnd - charStart, - numericChar, - _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; - } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; - } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; } } } - }, - - /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? - */ - shiftLineStyles: function (lineIndex, offset) { - // shift all line styles by offset upward or downward - // do not clone deep. we need new array, not new style objects - var clonedStyles = Object.assign({}, this.styles); - for (var line in this.styles) { - var numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; - } + } + } + + /** + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? + */ + shiftLineStyles(lineIndex: number, offset: number) { + const clonedStyles = Object.assign({}, this.styles); + for (const line in this.styles) { + const numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; } } - }, + } + } - restartCursorIfNeeded: function () { - if ( - !this._currentTickState || - this._currentTickState.isAborted || - !this._currentTickCompleteState || - this._currentTickCompleteState.isAborted - ) { - this.initDelayedCursor(); - } - }, - - /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles - */ - insertNewlineStyleObject: function ( - lineIndex, - charIndex, - qty, - copiedStyle + restartCursorIfNeeded() { + if ( + !this._currentTickState || + this._currentTickState.isAborted || + !this._currentTickCompleteState || + this._currentTickCompleteState.isAborted ) { - var currentCharStyle, - newLineStyles = {}, - somethingAdded = false, - isEndOfLine = - this._unwrappedTextLines[lineIndex].length === charIndex; - - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = - this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (var index in this.styles[lineIndex]) { - var numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; - } + this.initDelayedCursor(); + } + } + + /** + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles + */ + insertNewlineStyleObject( + lineIndex: number, + charIndex: number, + qty: number, + copiedStyl + ) { + let currentCharStyle, + newLineStyles = {}, + somethingAdded = false, + isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = + this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (const index in this.styles[lineIndex]) { + const numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; } } - var styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; + } + let styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; + } + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, copiedStyle[qty - 1]), + }; + } else if (currentCharStyle) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, currentCharStyle), + }; + } else { + delete this.styles[lineIndex + qty]; } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, copiedStyle[qty - 1]), - }; - } else if (currentCharStyle) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, currentCharStyle), - }; - } else { - delete this.styles[lineIndex + qty]; + qty--; + } + this._forceClearCache = true; + } + + /** + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects + */ + insertCharStyleObject( + lineIndex: number, + charIndex: number, + quantity: number, + copiedStyl + ) { + if (!this.styles) { + this.styles = {}; + } + const currentLineStyles = this.styles[lineIndex], + currentLineStylesCloned = currentLineStyles + ? Object.assign({}, currentLineStyles) + : {}; + + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (const index in currentLineStylesCloned) { + const numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = + currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; } - qty--; - } - this._forceClearCache = true; - }, - - /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects - */ - insertCharStyleObject: function ( - lineIndex, - charIndex, - quantity, - copiedStyle - ) { - if (!this.styles) { - this.styles = {}; } - var currentLineStyles = this.styles[lineIndex], - currentLineStylesCloned = currentLineStyles - ? Object.assign({}, currentLineStyles) - : {}; - - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (var index in currentLineStylesCloned) { - var numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = - currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; - } + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; - } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; - } - this.styles[lineIndex][charIndex + quantity] = Object.assign( - {}, - copiedStyle[quantity] - ); + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; } - return; - } - if (!currentLineStyles) { - return; - } - var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { this.styles[lineIndex][charIndex + quantity] = Object.assign( {}, - newStyle + copiedStyle[quantity] ); } - }, - - /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. - */ - insertNewStyleBlock: function (insertedText, start, copiedStyle) { - var cursorLoc = this.get2DCursorLocation(start, true), - addedLines = [0], - linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex, - addedLines[0], - copiedStyle - ); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && - this.insertNewlineStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex + addedLines[0], - linesLength - ); - for (var i = 1; i < linesLength; i++) { - if (addedLines[i] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex + i, - 0, - addedLines[i], - copiedStyle - ); - } else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } - } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); - } - // we use i outside the loop to get it like linesLength + return; + } + if (!currentLineStyles) { + return; + } + const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { + this.styles[lineIndex][charIndex + quantity] = Object.assign( + {}, + newStyle + ); + } + } + + /** + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. + */ + insertNewStyleBlock( + insertedText: string[], + start: number, + copiedStyle: Array + ) { + let cursorLoc = this.get2DCursorLocation(start, true), + addedLines = [0], + linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; + } else { + addedLines[linesLength]++; + } + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex, + addedLines[0], + copiedStyle + ); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && + this.insertNewlineStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex + addedLines[0], + linesLength + ); + for (var i = 1; i < linesLength; i++) { if (addedLines[i] > 0) { this.insertCharStyleObject( cursorLoc.lineIndex + i, @@ -1306,53 +1283,73 @@ const reNonWord = /[ \n\.,;!\?\-]/; addedLines[i], copiedStyle ); - } - }, - - /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. - */ - setSelectionStartEndWithShift: function (start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; + } else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; } - this.selectionStart = newSelection; - } else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } else { - this.selectionStart = newSelection; - } - } else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; - } else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; - } - this.selectionEnd = newSelection; } - }, - - setSelectionInBoundaries: function () { - var length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } else if (this.selectionStart < 0) { - this.selectionStart = 0; + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + } + // we use i outside the loop to get it like linesLength + if (addedLines[i] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex + i, + 0, + addedLines[i], + copiedStyle + ); + } + } + + /** + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. + */ + setSelectionStartEndWithShift(start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; + } else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; + } + this.selectionStart = newSelection; + } else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { + this.selectionEnd = newSelection; + } else { + this.selectionStart = newSelection; } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } else if (this.selectionEnd < 0) { - this.selectionEnd = 0; + } else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; } - }, + this.selectionEnd = newSelection; + } } - ); -})(typeof exports !== 'undefined' ? exports : window); + + setSelectionInBoundaries() { + const length = this.text.length; + if (this.selectionStart > length) { + this.selectionStart = length; + } else if (this.selectionStart < 0) { + this.selectionStart = 0; + } + if (this.selectionEnd > length) { + this.selectionEnd = length; + } else if (this.selectionEnd < 0) { + this.selectionEnd = 0; + } + } + }; +} + +IText = ITextBehaviorMixinGenerator(IText); diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index 33ebfe5f172..456c0d11eee 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,334 +1,324 @@ //@ts-nocheck import { invertTransform, transformPoint } from '../util/misc/matrix'; import { Point } from '../point.class'; +import { TPointerEvent } from '../typedefs'; -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend( - fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { - /** - * Initializes "dbclick" event handler - */ - initDoubleClickSimulation: function () { - // for double click - this.__lastClickTime = +new Date(); +export function ITextClickBehaviorMixinGenerator(Klass) { + return class ITextClickBehaviorMixin extends Klass { + /** + * Initializes "dbclick" event handler + */ + initDoubleClickSimulation() { + this.__lastClickTime = +new Date(); - // for triple click - this.__lastLastClickTime = +new Date(); + // for triple click + this.__lastLastClickTime = +new Date(); - this.__lastPointer = {}; + this.__lastPointer = {}; - this.on('mousedown', this.onMouseDown); - }, + this.on('mousedown', this.onMouseDown); + } - /** - * Default event handler to simulate triple click - * @private - */ - onMouseDown: function (options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - var newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - this._stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; - this.__lastSelected = this.selected; - }, + /** + * Default event handler to simulate triple click + * @private + */ + onMouseDown(options) { + if (!this.canvas) { + return; + } + this.__newClickTime = +new Date(); + var newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + this._stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastIsEditing = this.isEditing; + this.__lastSelected = this.selected; + } - isTripleClick: function (newPointer) { - return ( - this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y - ); - }, + isTripleClick(newPointer) { + return ( + this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y + ); + } - /** - * @private - */ - _stopEvent: function (e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); - }, + /** + * @private + */ + _stopEvent(e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + } - /** - * Initializes event handlers related to cursor or selection - */ - initCursorSelectionHandlers: function () { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); - }, + /** + * Initializes event handlers related to cursor or selection + */ + initCursorSelectionHandlers() { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); + } - /** - * Default handler for double click, select a word - */ - doubleClickHandler: function (options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); - }, + /** + * Default handler for double click, select a word + */ + doubleClickHandler(options) { + if (!this.isEditing) { + return; + } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + } - /** - * Default handler for triple click, select a line - */ - tripleClickHandler: function (options) { - if (!this.isEditing) { - return; - } - this.selectLine(this.getSelectionStartFromPointer(options.e)); - }, + /** + * Default handler for triple click, select a line + */ + tripleClickHandler(options) { + if (!this.isEditing) { + return; + } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + } - /** - * Initializes double and triple click event handlers - */ - initClicks: function () { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); - }, + /** + * Initializes double and triple click event handlers + */ + initClicks() { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + } - /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. - */ - _mouseDownHandler: function (options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler(options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; + } - this.__isMousedown = true; + this.__isMousedown = true; - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); + } - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); - } - this.renderCursorOrSelection(); + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); } - }, + this.renderCursorOrSelection(); + } + } - /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down - */ - _mouseDownHandlerBefore: function (options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { - return; - } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - // text dragging logic - var newSelection = this.getSelectionStartFromPointer(options.e); - this.__isDragging = - this.isEditing && - newSelection >= this.selectionStart && - newSelection <= this.selectionEnd && - this.selectionStart < this.selectionEnd; - }, + /** + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down + */ + _mouseDownHandlerBefore(options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; + } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + // text dragging logic + var newSelection = this.getSelectionStartFromPointer(options.e); + this.__isDragging = + this.isEditing && + newSelection >= this.selectionStart && + newSelection <= this.selectionEnd && + this.selectionStart < this.selectionEnd; + } - /** - * Initializes "mousedown" event handler - */ - initMousedownHandler: function () { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); - }, + /** + * Initializes "mousedown" event handler + */ + initMousedownHandler() { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + } - /** - * Initializes "mouseup" event handler - */ - initMouseupHandler: function () { - this.on('mouseup', this.mouseUpHandler); - }, + /** + * Initializes "mouseup" event handler + */ + initMouseupHandler() { + this.on('mouseup', this.mouseUpHandler); + } - /** - * standard handler for mouse up, overridable - * @private - */ - mouseUpHandler: function (options) { - this.__isMousedown = false; - if ( - !this.editable || - (this.group && !this.group.interactive) || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * standard handler for mouse up, overridable + * @private + */ + mouseUpHandler(options) { + this.__isMousedown = false; + if ( + !this.editable || + (this.group && !this.group.interactive) || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1) + ) { + return; + } - if (this.canvas) { - var currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit - return; - } + if (this.canvas) { + var currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit + return; } + } - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); - } else { - this.renderCursorOrSelection(); - } + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); } else { - this.selected = true; + this.renderCursorOrSelection(); } - }, + } else { + this.selected = true; + } + } - /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {Event} e Event object - */ - setCursorByClick: function (e) { - var newSelection = this.getSelectionStartFromPointer(e), - start = this.selectionStart, - end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); - } else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, + /** + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {TPointerEvent} e Event object + */ + setCursorByClick(e: TPointerEvent) { + var newSelection = this.getSelectionStartFromPointer(e), + start = this.selectionStart, + end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); + } + } - /** - * Returns coordinates of a pointer relative to object's top left corner in object's plane - * @param {Event} e Event to operate upon - * @param {Object} [pointer] Pointer to operate upon (instead of event) - * @return {Point} Coordinates of a pointer (x, y) - */ - getLocalPointer: function (e: Event, pointer?: IPoint): Point { - const thePointer = pointer || this.canvas.getPointer(e); - return transformPoint( - thePointer, - invertTransform(this.calcTransformMatrix()) - ).add(new Point(this.width / 2, this.height / 2)); - }, + /** + * Returns coordinates of a pointer relative to object's top left corner in object's plane + * @param {TPointerEvent} e Event to operate upon + * @param {IPoint} [pointer] Pointer to operate upon (instead of event) + * @return {Point} Coordinates of a pointer (x, y) + */ + getLocalPointer(e: TPointerEvent, pointer: IPoint): Point { + const thePointer = pointer || this.canvas.getPointer(e); + return transformPoint( + thePointer, + invertTransform(this.calcTransformMatrix()) + ).add(new Point(this.width / 2, this.height / 2)); + } - /** - * Returns index of a character corresponding to where an object was clicked - * @param {Event} e Event object - * @return {Number} Index of a character - */ - getSelectionStartFromPointer: function (e) { - var mouseOffset = this.getLocalPointer(e), - prevWidth = 0, - width = 0, - height = 0, - charIndex = 0, - lineIndex = 0, - lineLeftOffset, - line; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += - this._textLines[i - 1].length + - this.missingNewlineOffset(i - 1); - } - } else { - break; + /** + * Returns index of a character corresponding to where an object was clicked + * @param {TPointerEvent} e Event object + * @return {Number} Index of a character + */ + getSelectionStartFromPointer(e: TPointerEvent): number { + var mouseOffset = this.getLocalPointer(e), + prevWidth = 0, + width = 0, + height = 0, + charIndex = 0, + lineIndex = 0, + lineLeftOffset, + line; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += + this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); } + } else { + break; } - lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. - if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x; - } - for (var j = 0, jlen = line.length; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } else { - break; - } + } + lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); + width = lineLeftOffset * this.scaleX; + line = this._textLines[lineIndex]; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x; + } + for (var j = 0, jlen = line.length; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; + } else { + break; } - return this._getNewSelectionStartFromOffset( - mouseOffset, - prevWidth, - width, - charIndex, - jlen - ); - }, - - /** - * @private - */ - _getNewSelectionStartFromOffset: function ( + } + return this._getNewSelectionStartFromOffset( mouseOffset, prevWidth, width, - index, + charIndex, jlen - ) { - // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, - distanceBtwNextCharAndCursor = width - mouseOffset.x, - offset = - distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 - ? 0 - : 1, - newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } + ); + } - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } + /** + * @private + */ + _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { + var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, + distanceBtwNextCharAndCursor = width - mouseOffset.x, + offset = + distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 + ? 0 + : 1, + newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; + } + + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; + } - return newSelectionStart; - }, + return newSelectionStart; } - ); -})(typeof exports !== 'undefined' ? exports : window); + }; +} + +IText = ITextClickBehaviorMixinGenerator(IText); diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index 4abad594c23..c53e9a99cbd 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -2,817 +2,790 @@ import { config } from '../config'; -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend( - fabric.IText.prototype, - /** @lends fabric.IText.prototype */ { - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea: function () { - this.hiddenTextarea = fabric.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); - this.hiddenTextarea.setAttribute('wrap', 'off'); - var style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = - 'position: absolute; top: ' + - style.top + - '; left: ' + - style.left + - '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + - ' padding-top: ' + - style.fontSize + - ';'; - - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } else { - fabric.document.body.appendChild(this.hiddenTextarea); - } - - fabric.util.addListener( - this.hiddenTextarea, - 'blur', - this.blur.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'keydown', - this.onKeyDown.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'keyup', - this.onKeyUp.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'input', - this.onInput.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'copy', - this.copy.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'cut', - this.copy.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'paste', - this.paste.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'compositionstart', - this.onCompositionStart.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'compositionupdate', - this.onCompositionUpdate.bind(this) - ); - fabric.util.addListener( - this.hiddenTextarea, - 'compositionend', - this.onCompositionEnd.bind(this) +var fabric = global.fabric; + +export function ITextKeyBehaviorMixinGenerator(Klass) { + return class ITextKeyBehaviorMixin extends Klass { + /** + * For functionalities on keyDown + * Map a special key to a function of the instance/prototype + * If you need different behaviour for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the fabric.Itext or + * your prototype. + * the map change will affect all Instances unless you need for only some text Instances + * in that case you have to clone this object and assign your Instance. + * this.keysMap = Object.assign({}, this.keysMap); + * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + */ + keysMap; + + keysMapRtl; + + /** + * For functionalities on keyUp + ctrl || cmd + */ + ctrlKeysMapUp; + + /** + * For functionalities on keyDown + ctrl || cmd + */ + ctrlKeysMapDown; + + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea() { + this.hiddenTextarea = fabric.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); + this.hiddenTextarea.setAttribute('wrap', 'off'); + var style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = + 'position: absolute; top: ' + + style.top + + '; left: ' + + style.left + + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + + ' padding-top: ' + + style.fontSize + + ';'; + + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } else { + fabric.document.body.appendChild(this.hiddenTextarea); + } + + addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); + addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); + addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); + addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); + addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); + addListener( + this.hiddenTextarea, + 'compositionstart', + this.onCompositionStart.bind(this) + ); + addListener( + this.hiddenTextarea, + 'compositionupdate', + this.onCompositionUpdate.bind(this) + ); + addListener( + this.hiddenTextarea, + 'compositionend', + this.onCompositionEnd.bind(this) + ); + + if (!this._clickHandlerInitialized && this.canvas) { + addListener( + this.canvas.upperCanvasEl, + 'click', + this.onClick.bind(this) ); + this._clickHandlerInitialized = true; + } + } - if (!this._clickHandlerInitialized && this.canvas) { - fabric.util.addListener( - this.canvas.upperCanvasEl, - 'click', - this.onClick.bind(this) - ); - this._clickHandlerInitialized = true; - } - }, - - /** - * For functionalities on keyDown - * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or - * your prototype. - * the map change will affect all Instances unless you need for only some text Instances - * in that case you have to clone this object and assign your Instance. - * this.keysMap = Object.assign({}, this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] - */ - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - - /** - * For functionalities on keyUp + ctrl || cmd - */ - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut', - }, - - /** - * For functionalities on keyDown + ctrl || cmd - */ - ctrlKeysMapDown: { - 65: 'selectAll', - }, - - onClick: function () { - // No need to trigger click event here, focus is enough to have the keyboard appear on Android - this.hiddenTextarea && this.hiddenTextarea.focus(); - }, - - /** - * Override this method to customize cursor behavior on textbox blur - */ - blur: function () { - this.abortCursorAnimation(); - }, - - /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {Event} e Event object - */ - onKeyDown: function (e) { - if (!this.isEditing) { - return; - } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } else if ( - e.keyCode in this.ctrlKeysMapDown && - (e.ctrlKey || e.metaKey) - ) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } else { - this.canvas && this.canvas.requestRenderAll(); - } - }, - - /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {Event} e Event object - */ - onKeyUp: function (e) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); + onClick() { + this.hiddenTextarea && this.hiddenTextarea.focus(); + } + + /** + * Override this method to customize cursor behavior on textbox blur + */ + blur() { + this.abortCursorAnimation(); + } + + /** + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {TPointerEvent} e Event object + */ + onKeyDown(e: TPointerEvent) { + if (!this.isEditing) { + return; + } + var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } else if ( + e.keyCode in this.ctrlKeysMapDown && + (e.ctrlKey || e.metaKey) + ) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } else { this.canvas && this.canvas.requestRenderAll(); - }, - - /** - * Handles onInput event - * @param {Event} e Event object - */ - onInput: function (e) { - var fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - var nextText = this._splitTextIntoLines( - this.hiddenTextarea.value - ).graphemeText, - charCount = this._text.length, - nextCharCount = nextText.length, - removedText, - insertedText, - charDiff = nextCharCount - charCount, - selectionStart = this.selectionStart, - selectionEnd = this.selectionEnd, - selection = selectionStart !== selectionEnd, - copiedStyle, - removeFrom, - removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = {}; - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - return; - } + } + } - var textareaSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value - ); - var backDelete = selectionStart > textareaSelection.selectionStart; + /** + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {TPointerEvent} e Event object + */ + onKeyUp(e: TPointerEvent) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + this.canvas && this.canvas.requestRenderAll(); + } - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice( - selectionEnd + charDiff, - selectionEnd - ); - } else { - removedText = this._text.slice( - selectionStart, - selectionStart - charDiff - ); - } - } - insertedText = nextText.slice( - textareaSelection.selectionEnd - charDiff, - textareaSelection.selectionEnd - ); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles( - selectionStart, - selectionStart + 1, - false - ); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function () { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; - }); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; - } else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; - } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { - if ( - fromPaste && - insertedText.join('') === fabric.copiedText && - !config.disableStyleCopyPaste - ) { - copiedStyle = fabric.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } + /** + * Handles onInput event + * @param {TPointerEvent} e Event object + */ + onInput(e: TPointerEvent) { + var fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + var nextText = this._splitTextIntoLines( + this.hiddenTextarea.value + ).graphemeText, + charCount = this._text.length, + nextCharCount = nextText.length, + removedText, + insertedText, + charDiff = nextCharCount - charCount, + selectionStart = this.selectionStart, + selectionEnd = this.selectionEnd, + selection = selectionStart !== selectionEnd, + copiedStyle, + removeFrom, + removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = {}; this.updateFromTextArea(); this.fire('changed'); if (this.canvas) { this.canvas.fire('text:changed', { target: this }); this.canvas.requestRenderAll(); } - }, - /** - * Composition start - */ - onCompositionStart: function () { - this.inCompositionMode = true; - }, - - /** - * Composition end - */ - onCompositionEnd: function () { - this.inCompositionMode = false; - }, - - // /** - // * Composition update - // */ - onCompositionUpdate: function (e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - }, - - /** - * Copies selected text - * @param {Event} e Event object - */ - copy: function () { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } - - fabric.copiedText = this.getSelectedText(); - if (!config.disableStyleCopyPaste) { - fabric.copiedTextStyle = this.getSelectionStyles( - this.selectionStart, - this.selectionEnd, - true - ); + return; + } + + var textareaSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + var backDelete = selectionStart > textareaSelection.selectionStart; + + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); } else { - fabric.copiedTextStyle = null; + removedText = this._text.slice( + selectionStart, + selectionStart - charDiff + ); } - this._copyDone = true; - }, - - /** - * Pastes text - * @param {Event} e Event object - */ - paste: function () { - this.fromPaste = true; - }, - - /** - * @private - * @param {Event} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData: function (e) { - return (e && e.clipboardData) || fabric.window.clipboardData; - }, - - /** - * Finds the width in pixels before the cursor on the same line - * @private - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor - */ - _getWidthBeforeCursor: function (lineIndex, charIndex) { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), - bound; - - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; + } + insertedText = nextText.slice( + textareaSelection.selectionEnd - charDiff, + textareaSelection.selectionEnd + ); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles( + selectionStart, + selectionStart + 1, + false + ); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(function () { + // this return an array of references, but that is fine since we are + // copying the style later. + return copiedStyle[0]; + }); } - return widthBeforeCursor; - }, - - /** - * Gets start offset of a selection - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getDownCursorOffset: function (e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if ( - lineIndex === this._textLines.length - 1 || - e.metaKey || - e.keyCode === 34 - ) { - // move to the end of a text - return this._text.length - selectionProp; + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex + 1, - widthBeforeCursor - ), - textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return ( - textAfterCursor.length + - indexOnOtherLine + - 1 + - this.missingNewlineOffset(lineIndex) - ); - }, - - /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - _getSelectionForOffset: function (e, isRight) { + this.removeStyleFromTo(removeFrom, removeTo); + } + if (insertedText.length) { if ( - e.shiftKey && - this.selectionStart !== this.selectionEnd && - isRight + fromPaste && + insertedText.join('') === fabric.copiedText && + !config.disableStyleCopyPaste ) { - return this.selectionEnd; - } else { - return this.selectionStart; - } - }, - - /** - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getUpCursorOffset: function (e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex - 1, - widthBeforeCursor - ), - textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), - missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return ( - -this._textLines[lineIndex - 1].length + - indexOnOtherLine - - textBeforeCursor.length + - (1 - missingNewlineOffset) - ); - }, - - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine: function (lineIndex, width) { - var line = this._textLines[lineIndex], - lineLeftOffset = this._getLineLeftOffset(lineIndex), - widthOfCharsOnLine = lineLeftOffset, - indexOnLine = 0, - charWidth, - foundMatch; - - for (var j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, - rightEdge = widthOfCharsOnLine, - offsetFromLeftEdge = Math.abs(leftEdge - width), - offsetFromRightEdge = Math.abs(rightEdge - width); - - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; - break; - } - } + copiedStyle = fabric.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + } - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; - } + /** + * Composition start + */ + onCompositionStart() { + this.inCompositionMode = true; + } - return indexOnLine; - }, + /** + * Composition end + */ + onCompositionEnd() { + this.inCompositionMode = false; + } - /** - * Moves cursor down - * @param {Event} e Event object - */ - moveCursorDown: function (e) { - if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length - ) { - return; - } - this._moveCursorUpOrDown('Down', e); - }, - - /** - * Moves cursor up - * @param {Event} e Event object - */ - moveCursorUp: function (e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - }, - - /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {Event} e Event object - */ - _moveCursorUpOrDown: function (direction, e) { - // getUpCursorOffset - // getDownCursorOffset - var action = 'get' + direction + 'CursorOffset', - offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); - } else { - this.moveCursorWithoutShift(offset); - } - if (offset !== 0) { - this.setSelectionInBoundaries(); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, - - /** - * Moves cursor with shift - * @param {Number} offset - */ - moveCursorWithShift: function (offset) { - var newSelection = - this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift( + // */ + onCompositionUpdate(e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + } + + /** + * Copies selected text + */ + copy() { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; + } + + fabric.copiedText = this.getSelectedText(); + if (!config.disableStyleCopyPaste) { + fabric.copiedTextStyle = this.getSelectionStyles( this.selectionStart, this.selectionEnd, - newSelection + true ); - return offset !== 0; - }, - - /** - * Moves cursor up without shift - * @param {Number} offset - */ - moveCursorWithoutShift: function (offset) { - if (offset < 0) { - this.selectionStart += offset; - this.selectionEnd = this.selectionStart; - } else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; - } - return offset !== 0; - }, - - /** - * Moves cursor left - * @param {Event} e Event object - */ - moveCursorLeft: function (e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - }, - - /** - * @private - * @return {Boolean} true if a change happened - */ - _move: function (e, prop, direction) { - var newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { - newValue = this['findLineBoundary' + direction](this[prop]); - } else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; - } - if (typeof newValue !== 'undefined' && this[prop] !== newValue) { - this[prop] = newValue; - return true; - } - }, - - /** - * @private - */ - _moveLeft: function (e, prop) { - return this._move(e, prop, 'Left'); - }, - - /** - * @private - */ - _moveRight: function (e, prop) { - return this._move(e, prop, 'Right'); - }, - - /** - * Moves cursor left without keeping selection - * @param {Event} e - */ - moveCursorLeftWithoutShift: function (e) { - var change = true; - this._selectionDirection = 'left'; + } else { + fabric.copiedTextStyle = null; + } + this._copyDone = true; + } - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if ( - this.selectionEnd === this.selectionStart && - this.selectionStart !== 0 - ) { - change = this._moveLeft(e, 'selectionStart'); - } - this.selectionEnd = this.selectionStart; - return change; - }, - - /** - * Moves cursor left while keeping selection - * @param {Event} e - */ - moveCursorLeftWithShift: function (e) { - if ( - this._selectionDirection === 'right' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveLeft(e, 'selectionEnd'); - } else if (this.selectionStart !== 0) { - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } - }, + /** + * Pastes text + */ + paste() { + this.fromPaste = true; + } - /** - * Moves cursor right - * @param {Event} e Event object - */ - moveCursorRight: function (e) { - if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length - ) { - return; - } - this._moveCursorLeftOrRight('Right', e); - }, - - /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {Event} e Event object - */ - _moveCursorLeftOrRight: function (direction, e) { - var actionName = 'moveCursor' + direction + 'With'; + /** + * @private + * @param {TPointerEvent} e Event object + * @return {Object} Clipboard data object + */ + _getClipboardData(e: TPointerEvent): object { + return (e && e.clipboardData) || fabric.window.clipboardData; + } + + /** + * Finds the width in pixels before the cursor on the same line + * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor + */ + _getWidthBeforeCursor(lineIndex: number, charIndex: number): number { + var widthBeforeCursor = this._getLineLeftOffset(lineIndex), + bound; + + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; + } + return widthBeforeCursor; + } + + /** + * Gets start offset of a selection + * @param {TPointerEvent} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getDownCursorOffset(e: TPointerEvent, isRight: boolean): number { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line + if ( + lineIndex === this._textLines.length - 1 || + e.metaKey || + e.keyCode === 34 + ) { + // move to the end of a text + return this._text.length - selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine( + lineIndex + 1, + widthBeforeCursor + ), + textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return ( + textAfterCursor.length + + indexOnOtherLine + + 1 + + this.missingNewlineOffset(lineIndex) + ); + } + + /** + * private + * Helps finding if the offset should be counted from Start or End + * @param {TPointerEvent} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number { + if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { + return this.selectionEnd; + } else { + return this.selectionStart; + } + } + + /** + * @param {TPointerEvent} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getUpCursorOffset(e: TPointerEvent, isRight: boolean): number { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine( + lineIndex - 1, + widthBeforeCursor + ), + textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), + missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return ( + -this._textLines[lineIndex - 1].length + + indexOnOtherLine - + textBeforeCursor.length + + (1 - missingNewlineOffset) + ); + } + + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine(lineIndex, width) { + var line = this._textLines[lineIndex], + lineLeftOffset = this._getLineLeftOffset(lineIndex), + widthOfCharsOnLine = lineLeftOffset, + indexOnLine = 0, + charWidth, + foundMatch; + + for (var j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + var leftEdge = widthOfCharsOnLine - charWidth, + rightEdge = widthOfCharsOnLine, + offsetFromLeftEdge = Math.abs(leftEdge - width), + offsetFromRightEdge = Math.abs(rightEdge - width); + + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; + break; + } + } + + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; + } + + return indexOnLine; + } + + /** + * Moves cursor down + * @param {TPointerEvent} e Event object + */ + moveCursorDown(e: TPointerEvent) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorUpOrDown('Down', e); + } + + /** + * Moves cursor up + * @param {TPointerEvent} e Event object + */ + moveCursorUp(e: TPointerEvent) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + } + + /** + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {TPointerEvent} e Event object + */ + _moveCursorUpOrDown(direction: string, e: TPointerEvent) { + var action = 'get' + direction + 'CursorOffset', + offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); + } else { + this.moveCursorWithoutShift(offset); + } + if (offset !== 0) { + this.setSelectionInBoundaries(); + this.abortCursorAnimation(); this._currentCursorOpacity = 1; + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } - if (e.shiftKey) { - actionName += 'Shift'; - } else { - actionName += 'outShift'; - } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, + /** + * Moves cursor with shift + * @param {Number} offset + */ + moveCursorWithShift(offset: number) { + var newSelection = + this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift( + this.selectionStart, + this.selectionEnd, + newSelection + ); + return offset !== 0; + } - /** - * Moves cursor right while keeping selection - * @param {Event} e - */ - moveCursorRightWithShift: function (e) { - if ( - this._selectionDirection === 'left' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveRight(e, 'selectionStart'); - } else if (this.selectionEnd !== this._text.length) { - this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } - }, - - /** - * Moves cursor right without keeping selection - * @param {Event} e Event object - */ - moveCursorRightWithoutShift: function (e) { - var changed = true; + /** + * Moves cursor up without shift + * @param {Number} offset + */ + moveCursorWithoutShift(offset: number) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; + } else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; + } + return offset !== 0; + } + + /** + * Moves cursor left + * @param {TPointerEvent} e Event object + */ + moveCursorLeft(e: TPointerEvent) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + } + + /** + * @private + * @return {Boolean} true if a change happened + */ + _move(e, prop, direction): boolean { + var newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { + newValue = this['findLineBoundary' + direction](this[prop]); + } else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; + } + if (typeof newValue !== 'undefined' && this[prop] !== newValue) { + this[prop] = newValue; + return true; + } + } + + /** + * @private + */ + _moveLeft(e, prop) { + return this._move(e, prop, 'Left'); + } + + /** + * @private + */ + _moveRight(e, prop) { + return this._move(e, prop, 'Right'); + } + + /** + * Moves cursor left without keeping selection + * @param {TPointerEvent} e + */ + moveCursorLeftWithoutShift(e: TPointerEvent) { + var change = true; + this._selectionDirection = 'left'; + + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if ( + this.selectionEnd === this.selectionStart && + this.selectionStart !== 0 + ) { + change = this._moveLeft(e, 'selectionStart'); + } + this.selectionEnd = this.selectionStart; + return change; + } + + /** + * Moves cursor left while keeping selection + * @param {TPointerEvent} e + */ + moveCursorLeftWithShift(e: TPointerEvent) { + if ( + this._selectionDirection === 'right' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveLeft(e, 'selectionEnd'); + } else if (this.selectionStart !== 0) { + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + } + + /** + * Moves cursor right + * @param {TPointerEvent} e Event object + */ + moveCursorRight(e: TPointerEvent) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorLeftOrRight('Right', e); + } + + /** + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {TPointerEvent} e Event object + */ + _moveCursorLeftOrRight(direction: string, e: TPointerEvent) { + var actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; + + if (e.shiftKey) { + actionName += 'Shift'; + } else { + actionName += 'outShift'; + } + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } + + /** + * Moves cursor right while keeping selection + * @param {TPointerEvent} e + */ + moveCursorRightWithShift(e: TPointerEvent) { + if ( + this._selectionDirection === 'left' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveRight(e, 'selectionStart'); + } else if (this.selectionEnd !== this._text.length) { this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); + } + } - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; - } else { - this.selectionStart = this.selectionEnd; - } - return changed; - }, - - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars: function (start, end) { - if (typeof end === 'undefined') { - end = start + 1; - } + /** + * Moves cursor right without keeping selection + * @param {TPointerEvent} e Event object + */ + moveCursorRightWithoutShift(e: TPointerEvent) { + var changed = true; + this._selectionDirection = 'right'; + + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; + } else { + this.selectionStart = this.selectionEnd; + } + return changed; + } + + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars(start: number, end: number) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } + + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars(text: string, style: Array, start: number, end: number) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, - - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars: function (text, style, start, end) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - var graphemes = this.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat( - this._text.slice(0, start), - graphemes, - this._text.slice(end) - ); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, + } + var graphemes = this.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat( + this._text.slice(0, start), + graphemes, + this._text.slice(end) + ); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); } - ); -})(typeof exports !== 'undefined' ? exports : window); + }; +} + +IText = ITextKeyBehaviorMixinGenerator(IText); + +export const iTextKeyBehaviorMixinDefaultValues: Partial< + TClassProperties +> = { + keysMap: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorRight', + 36: 'moveCursorLeft', + 37: 'moveCursorLeft', + 38: 'moveCursorUp', + 39: 'moveCursorRight', + 40: 'moveCursorDown', + }, + keysMapRtl: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorLeft', + 36: 'moveCursorRight', + 37: 'moveCursorRight', + 38: 'moveCursorUp', + 39: 'moveCursorLeft', + 40: 'moveCursorDown', + }, + ctrlKeysMapUp: { + 67: 'copy', + 88: 'cut', + }, + ctrlKeysMapDown: { + 65: 'selectAll', + }, +}; + +Object.assign( + ITextKeyBehaviorMixin.prototype, + iTextKeyBehaviorMixinDefaultValues +); From 0c3b9c7d736248c48cbeeee625300cd3de728729 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 16:02:46 +0200 Subject: [PATCH 34/58] m --- src/mixins/itext_behavior.mixin.ts | 2443 +++++++++++----------- src/mixins/itext_click_behavior.mixin.ts | 592 +++--- 2 files changed, 1527 insertions(+), 1508 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index fb1cdd71110..36c5f059041 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1,1300 +1,1261 @@ -//@ts-nocheck import { Point } from '../point.class'; +import { Text } from '../shapes/text.class'; import { TEvent } from '../typedefs'; import { removeFromArray } from '../util/internals'; +import { Canvas } from '../__types__'; // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; -const fabric = global.fabric; - -export function ITextBehaviorMixinGenerator(Klass) { - return class ITextBehaviorMixin extends Klass { - /** - * Initializes all the interactive behavior of IText - */ - initBehavior() { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - this.dragEnterHandler = this.dragEnterHandler.bind(this); - this.dragOverHandler = this.dragOverHandler.bind(this); - this.dragLeaveHandler = this.dragLeaveHandler.bind(this); - this.dragEndHandler = this.dragEndHandler.bind(this); - this.dropHandler = this.dropHandler.bind(this); - this.on('dragenter', this.dragEnterHandler); - this.on('dragover', this.dragOverHandler); - this.on('dragleave', this.dragLeaveHandler); - this.on('dragend', this.dragEndHandler); - this.on('drop', this.dropHandler); - } - - onDeselect() { - this.isEditing && this.exitEditing(); - this.selected = false; - } - - /** - * Initializes "added" event handler - */ - initAddedHandler() { - const _this = this; - this.on('added', function (opt) { - // make sure we listen to the canvas added event - const canvas = opt.target; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - _this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(_this); +export class ITextBehaviorMixin extends Text { + /** + * Initializes all the interactive behavior of IText + */ + initBehavior() { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + this.dragEnterHandler = this.dragEnterHandler.bind(this); + this.dragOverHandler = this.dragOverHandler.bind(this); + this.dragLeaveHandler = this.dragLeaveHandler.bind(this); + this.dragEndHandler = this.dragEndHandler.bind(this); + this.dropHandler = this.dropHandler.bind(this); + this.on('dragenter', this.dragEnterHandler); + this.on('dragover', this.dragOverHandler); + this.on('dragleave', this.dragLeaveHandler); + this.on('dragend', this.dragEndHandler); + this.on('drop', this.dropHandler); + } + + onDeselect() { + this.isEditing && this.exitEditing(); + this.selected = false; + } + + /** + * Initializes "added" event handler + */ + initAddedHandler() { + this.on('added', (opt) => { + // make sure we listen to the canvas added event + const canvas = opt.target; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + this._initCanvasHandlers(canvas); } - }); - } - - initRemovedHandler() { - const _this = this; - this.on('removed', function (opt) { - // make sure we listen to the canvas removed event - const canvas = opt.target; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - removeFromArray(canvas._iTextInstances, _this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - _this._removeCanvasHandlers(canvas); - } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(this); + } + }); + } + + initRemovedHandler() { + this.on('removed', (opt) => { + // make sure we listen to the canvas removed event + const canvas = opt.target; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + removeFromArray(canvas._iTextInstances, this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + this._removeCanvasHandlers(canvas); } - }); - } + } + }); + } - /** - * register canvas event to manage exiting on other instances - * @private - */ - _initCanvasHandlers(canvas) { - canvas._mouseUpITextHandler = function () { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.__isMousedown = false; - }); + /** + * register canvas event to manage exiting on other instances + * @private + */ + _initCanvasHandlers(canvas: Canvas) { + canvas._mouseUpITextHandler = function () { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach((tObj) => { + tObj.__isMousedown = false; + }); + } + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + } + + /** + * remove canvas event to manage exiting on other instances + * @private + */ + _removeCanvasHandlers(canvas: Canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + } + + /** + * @private + */ + _tick() { + this._currentTickState = this._animateCursor( + this, + 1, + this.cursorDuration, + '_onTickComplete' + ); + } + + /** + * @private + */ + _animateCursor(obj, targetOpacity, duration, completeMethod) { + const tickState = { + isAborted: false, + abort: function () { + this.isAborted = true; + }, + }; + + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function () { + if (!tickState.isAborted) { + obj[completeMethod](); } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - } - - /** - * remove canvas event to manage exiting on other instances - * @private - */ - _removeCanvasHandlers(canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); + }, + onChange: function () { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); + } + }, + abort: function () { + return tickState.isAborted; + }, + }); + return tickState; + } + + /** + * @private + */ + _onTickComplete() { + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); } - - /** - * @private - */ - _tick() { - this._currentTickState = this._animateCursor( + this._cursorTimeout1 = setTimeout(() => { + this._currentTickCompleteState = this._animateCursor( this, - 1, - this.cursorDuration, - '_onTickComplete' + 0, + this.cursorDuration / 2, + '_tick' ); - } - - /** - * @private - */ - _animateCursor(obj, targetOpacity, duration, completeMethod) { - const tickState = { - isAborted: false, - abort: function () { - this.isAborted = true; - }, - }; - - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function () { - if (!tickState.isAborted) { - obj[completeMethod](); - } - }, - onChange: function () { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); - } - }, - abort: function () { - return tickState.isAborted; - }, - }); - return tickState; - } - - /** - * @private - */ - _onTickComplete() { - const _this = this; - - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); - } - this._cursorTimeout1 = setTimeout(function () { - _this._currentTickCompleteState = _this._animateCursor( - _this, - 0, - this.cursorDuration / 2, - '_tick' - ); - }, 100); - } - - /** - * Initializes delayed cursor - */ - initDelayedCursor(restart) { - const _this = this, - delay = restart ? 0 : this.cursorDelay; - - this.abortCursorAnimation(); - if (delay) { - this._cursorTimeout2 = setTimeout(function () { - _this._tick(); - }, delay); - } else { + }, 100); + } + + /** + * Initializes delayed cursor + */ + initDelayedCursor(restart) { + const delay = restart ? 0 : this.cursorDelay; + + this.abortCursorAnimation(); + if (delay) { + this._cursorTimeout2 = setTimeout(() => { this._tick(); - } + }, delay); + } else { + this._tick(); } + } - /** - * Aborts cursor animation, clears all timeouts and clear textarea context if necessary - */ - abortCursorAnimation() { - const shouldClear = - this._currentTickState || this._currentTickCompleteState; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && this._currentTickCompleteState.abort(); - - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); + /** + * Aborts cursor animation, clears all timeouts and clear textarea context if necessary + */ + abortCursorAnimation() { + const shouldClear = + this._currentTickState || this._currentTickCompleteState; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && this._currentTickCompleteState.abort(); - this._currentCursorOpacity = 1; + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); - // make sure we clear context even if instance is not editing - if (shouldClear) { - this.clearContextTop(); - } - } + this._currentCursorOpacity = 1; - /** - * Selects entire text - * @return {IText} thisArg - * @chainable - */ - selectAll(): IText { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; + // make sure we clear context even if instance is not editing + if (shouldClear) { + this.clearContextTop(); } - - /** - * Returns selected text - * @return {String} - */ - getSelectedText(): string { - return this._text.slice(this.selectionStart, this.selectionEnd).join(''); - } - - /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryLeft(startFrom: number): number { - let offset = 0, - index = startFrom - 1; - - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index--; - } - } - while (/\S/.test(this._text[index]) && index > -1) { + } + + /** + * Selects entire text + */ + selectAll() { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } + + /** + * Returns selected text + * @return {String} + */ + getSelectedText(): string { + return this._text.slice(this.selectionStart, this.selectionEnd).join(''); + } + + /** + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryLeft(startFrom: number): number { + let offset = 0, + index = startFrom - 1; + + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { offset++; index--; } - - return startFrom - offset; + } + while (/\S/.test(this._text[index]) && index > -1) { + offset++; + index--; } - /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findWordBoundaryRight(startFrom: number): number { - let offset = 0, - index = startFrom; - - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index++; - } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { + return startFrom - offset; + } + + /** + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findWordBoundaryRight(startFrom: number): number { + let offset = 0, + index = startFrom; + + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { offset++; index++; } - - return startFrom + offset; } - - /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryLeft(startFrom: number): number { - let offset = 0, - index = startFrom - 1; - - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - - return startFrom - offset; + while (/\S/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; } - /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index - */ - findLineBoundaryRight(startFrom: number): number { - let offset = 0, - index = startFrom; - - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - - return startFrom + offset; - } - - /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word - */ - searchWordBoundary(selectionStart: number, direction: number): number { - let text = this._text, - index = this._reSpace.test(text[selectionStart]) - ? selectionStart - 1 - : selectionStart, - _char = text[index]; - - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - } - - /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character - */ - selectWord(selectionStart: number) { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.searchWordBoundary( - selectionStart, - -1 - ) /* search backwards */, - newSelectionEnd = this.searchWordBoundary( - selectionStart, - 1 - ); /* search forward */ - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); + return startFrom + offset; + } + + /** + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryLeft(startFrom: number): number { + let offset = 0, + index = startFrom - 1; + + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; } - /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character - * @return {IText} thisArg - * @chainable - */ - selectLine(selectionStart: number): IText { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.findLineBoundaryLeft(selectionStart), - newSelectionEnd = this.findLineBoundaryRight(selectionStart); - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; + return startFrom - offset; + } + + /** + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryRight(startFrom: number): number { + let offset = 0, + index = startFrom; + + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; } - /** - * Enters editing state - * @return {IText} thisArg - * @chainable - */ - enterEditing(e): IText { - if (this.isEditing || !this.editable) { - return; - } - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); - } + return startFrom + offset; + } + + /** + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word + */ + searchWordBoundary(selectionStart: number, direction: number): number { + const text = this._text; + let index = this._reSpace.test(text[selectionStart]) + ? selectionStart - 1 + : selectionStart, + _char = text[index]; + + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + } + + /** + * Selects a word based on the index + * @param {Number} selectionStart Index of a character + */ + selectWord(selectionStart: number) { + selectionStart = selectionStart || this.selectionStart; + const newSelectionStart = this.searchWordBoundary( + selectionStart, + -1 + ) /* search backwards */, + newSelectionEnd = this.searchWordBoundary( + selectionStart, + 1 + ); /* search forward */ + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + + /** + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + */ + selectLine(selectionStart: number) { + selectionStart = selectionStart || this.selectionStart; + const newSelectionStart = this.findLineBoundaryLeft(selectionStart), + newSelectionEnd = this.findLineBoundaryRight(selectionStart); + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } + + /** + * Enters editing state + */ + enterEditing(e) { + if (this.isEditing || !this.editable) { + return; + } + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); + } - this.isEditing = true; + this.isEditing = true; - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { return this; } - - exitEditingOnOthers(canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); - } - }); - } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; + } + + exitEditingOnOthers(canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function (obj) { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); + } + }); } - - /** - * Initializes "mousemove" event handler - */ - initMouseMoveHandler() { - this.canvas.on('mouse:move', this.mouseMoveHandler); + } + + /** + * Initializes "mousemove" event handler + */ + initMouseMoveHandler() { + this.canvas.on('mouse:move', this.mouseMoveHandler); + } + + /** + * @private + */ + mouseMoveHandler(options) { + if (!this.__isMousedown || !this.isEditing) { + return; } - /** - * @private - */ - mouseMoveHandler(options) { - if (!this.__isMousedown || !this.isEditing) { - return; - } - - // regain focus - fabric.document.activeElement !== this.hiddenTextarea && - this.hiddenTextarea.focus(); + // regain focus + fabric.document.activeElement !== this.hiddenTextarea && + this.hiddenTextarea.focus(); - const newSelectionStart = this.getSelectionStartFromPointer(options.e), - currentStart = this.selectionStart, - currentEnd = this.selectionEnd; - if ( - (newSelectionStart !== this.__selectionStartOnMouseDown || - currentStart === currentEnd) && - (currentStart === newSelectionStart || currentEnd === newSelectionStart) - ) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } else { - this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; - } - if ( - this.selectionStart !== currentStart || - this.selectionEnd !== currentEnd - ) { - this.restartCursorIfNeeded(); - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } + const newSelectionStart = this.getSelectionStartFromPointer(options.e), + currentStart = this.selectionStart, + currentEnd = this.selectionEnd; + if ( + (newSelectionStart !== this.__selectionStartOnMouseDown || + currentStart === currentEnd) && + (currentStart === newSelectionStart || currentEnd === newSelectionStart) + ) { + return; } - - /** - * Override to customize the drag image - * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage - * @param {DragEvent} e - * @param {object} data - * @param {number} data.selectionStart - * @param {number} data.selectionEnd - * @param {string} data.text - * @param {string} data.value selected text - */ - setDragImage( - e: DragEvent, - data: { - selectionStart: number; - selectionEnd: number; - text: string; - value: string; - } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } else { + this.selectionStart = newSelectionStart; + this.selectionEnd = this.__selectionStartOnMouseDown; + } + if ( + this.selectionStart !== currentStart || + this.selectionEnd !== currentEnd ) { - const t = this.calcTransformMatrix(); - const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - const boundaries = this._getCursorBoundaries(data.selectionStart); - const selectionPosition = new Point( - boundaries.left + boundaries.leftOffset, - boundaries.top + boundaries.topOffset - ).multiply(flipFactor); - const pos = transformPoint(selectionPosition, t); - const pointer = this.canvas.getPointer(e); - const diff = pointer.subtract(pos); - const enableRetinaScaling = this.canvas._isRetinaScaling(); - const retinaScaling = this.canvas.getRetinaScaling(); - const bbox = this.getBoundingRect(true); - const correction = pos.subtract(new Point(bbox.left, bbox.top)); - const offset = correction.add(diff).scalarMultiply(retinaScaling); - // prepare instance for drag image snapshot by making all non selected text invisible - const bgc = this.backgroundColor; - const styles = object.clone(this.styles, true); - delete this.backgroundColor; - const styleOverride = { - fill: 'transparent', - textBackgroundColor: 'transparent', - }; - this.setSelectionStyles(styleOverride, 0, data.selectionStart); - this.setSelectionStyles( - styleOverride, - data.selectionEnd, - data.text.length - ); - let dragImage = this.toCanvasElement({ - enableRetinaScaling: enableRetinaScaling, - }); - this.backgroundColor = bgc; - this.styles = styles; - // handle retina scaling - if (enableRetinaScaling && retinaScaling > 1) { - const c = createCanvasElement(); - c.width = dragImage.width / retinaScaling; - c.height = dragImage.height / retinaScaling; - const ctx = c.getContext('2d'); - ctx.scale(1 / retinaScaling, 1 / retinaScaling); - ctx.drawImage(dragImage, 0, 0); - dragImage = c; - } - this.__dragImageDisposer && this.__dragImageDisposer(); - this.__dragImageDisposer = function () { - dragImage.remove(); - }; - // position drag image offsecreen - setStyle(dragImage, { - position: 'absolute', - left: -dragImage.width + 'px', - border: 'none', + this.restartCursorIfNeeded(); + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + } + + /** + * Override to customize the drag image + * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage + * @param {DragEvent} e + * @param {object} data + * @param {number} data.selectionStart + * @param {number} data.selectionEnd + * @param {string} data.text + * @param {string} data.value selected text + */ + setDragImage( + e: DragEvent, + data: { + selectionStart: number; + selectionEnd: number; + text: string; + value: string; + } + ) { + const t = this.calcTransformMatrix(); + const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + const boundaries = this._getCursorBoundaries(data.selectionStart); + const selectionPosition = new Point( + boundaries.left + boundaries.leftOffset, + boundaries.top + boundaries.topOffset + ).multiply(flipFactor); + const pos = transformPoint(selectionPosition, t); + const pointer = this.canvas.getPointer(e); + const diff = pointer.subtract(pos); + const enableRetinaScaling = this.canvas._isRetinaScaling(); + const retinaScaling = this.canvas.getRetinaScaling(); + const bbox = this.getBoundingRect(true); + const correction = pos.subtract(new Point(bbox.left, bbox.top)); + const offset = correction.add(diff).scalarMultiply(retinaScaling); + // prepare instance for drag image snapshot by making all non selected text invisible + const bgc = this.backgroundColor; + const styles = object.clone(this.styles, true); + delete this.backgroundColor; + const styleOverride = { + fill: 'transparent', + textBackgroundColor: 'transparent', + }; + this.setSelectionStyles(styleOverride, 0, data.selectionStart); + this.setSelectionStyles(styleOverride, data.selectionEnd, data.text.length); + let dragImage = this.toCanvasElement({ + enableRetinaScaling: enableRetinaScaling, + }); + this.backgroundColor = bgc; + this.styles = styles; + // handle retina scaling + if (enableRetinaScaling && retinaScaling > 1) { + const c = createCanvasElement(); + c.width = dragImage.width / retinaScaling; + c.height = dragImage.height / retinaScaling; + const ctx = c.getContext('2d'); + ctx.scale(1 / retinaScaling, 1 / retinaScaling); + ctx.drawImage(dragImage, 0, 0); + dragImage = c; + } + this.__dragImageDisposer && this.__dragImageDisposer(); + this.__dragImageDisposer = function () { + dragImage.remove(); + }; + // position drag image offsecreen + setStyle(dragImage, { + position: 'absolute', + left: -dragImage.width + 'px', + border: 'none', + }); + fabric.document.body.appendChild(dragImage); + e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); + } + + /** + * support native like text dragging + * @private + * @param {DragEvent} e + * @returns {boolean} should handle event + */ + onDragStart(e: DragEvent): boolean { + this.__dragStartFired = true; + if (this.__isDragging) { + const selection = (this.__dragStartSelection = { + selectionStart: this.selectionStart, + selectionEnd: this.selectionEnd, }); - fabric.document.body.appendChild(dragImage); - e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); - } - - /** - * support native like text dragging - * @private - * @param {DragEvent} e - * @returns {boolean} should handle event - */ - onDragStart(e: DragEvent): boolean { - this.__dragStartFired = true; - if (this.__isDragging) { - const selection = (this.__dragStartSelection = { - selectionStart: this.selectionStart, - selectionEnd: this.selectionEnd, - }); - const value = this._text - .slice(selection.selectionStart, selection.selectionEnd) - .join(''); - const data = Object.assign( - { text: this.text, value: value }, - selection - ); - e.dataTransfer.setData('text/plain', value); - e.dataTransfer.setData( - 'application/fabric', - JSON.stringify({ - value: value, - styles: this.getSelectionStyles( - selection.selectionStart, - selection.selectionEnd, - true - ), - }) + const value = this._text + .slice(selection.selectionStart, selection.selectionEnd) + .join(''); + const data = Object.assign({ text: this.text, value: value }, selection); + e.dataTransfer.setData('text/plain', value); + e.dataTransfer.setData( + 'application/fabric', + JSON.stringify({ + value: value, + styles: this.getSelectionStyles( + selection.selectionStart, + selection.selectionEnd, + true + ), + }) + ); + e.dataTransfer.effectAllowed = 'copyMove'; + this.setDragImage(e, data); + } + this.abortCursorAnimation(); + return this.__isDragging; + } + + /** + * Override to customize drag and drop behavior + * @public + * @param {DragEvent} e + * @returns {boolean} + */ + canDrop(e: DragEvent): boolean { + if (this.editable && !this.__corner) { + if (this.__isDragging && this.__dragStartSelection) { + // drag source trying to drop over itself + // allow dropping only outside of drag start selection + const index = this.getSelectionStartFromPointer(e); + const dragStartSelection = this.__dragStartSelection; + return ( + index < dragStartSelection.selectionStart || + index > dragStartSelection.selectionEnd ); - e.dataTransfer.effectAllowed = 'copyMove'; - this.setDragImage(e, data); - } - this.abortCursorAnimation(); - return this.__isDragging; - } - - /** - * Override to customize drag and drop behavior - * @public - * @param {DragEvent} e - * @returns {boolean} - */ - canDrop(e: DragEvent): boolean { - if (this.editable && !this.__corner) { - if (this.__isDragging && this.__dragStartSelection) { - // drag source trying to drop over itself - // allow dropping only outside of drag start selection - const index = this.getSelectionStartFromPointer(e); - const dragStartSelection = this.__dragStartSelection; - return ( - index < dragStartSelection.selectionStart || - index > dragStartSelection.selectionEnd - ); - } - return true; - } - return false; - } - - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEnterHandler({ e }: TEvent) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; } + return true; } - - /** - * support native like text dragging - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragOverHandler({ e }: TEvent) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } else if (this.__isDraggingOver && !canDrop) { - // drop state has changed - this.__isDraggingOver = false; - } - if (this.__isDraggingOver) { - // can be dropped, inform browser - e.preventDefault(); - // inform event subscribers - options.canDrop = true; - options.dropTarget = this; - // find cursor under the drag part. - } + return false; + } + + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEnterHandler({ e }: TEvent) { + const canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; } - - /** - * support native like text dragging - * @private - */ - dragLeaveHandler() { - if (this.__isDraggingOver || this.__isDragging) { - this.__isDraggingOver = false; - } + } + + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragOverHandler({ e }: TEvent) { + const canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } else if (this.__isDraggingOver && !canDrop) { + // drop state has changed + this.__isDraggingOver = false; } - - /** - * support native like text dragging - * fired only on the drag source - * handle changes to the drag source in case of a drop on another object or a cancellation - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dragEndHandler({ e }: TEvent) { - if (this.__isDragging && this.__dragStartFired) { - // once the drop event finishes we check if we need to change the drag source - // if the drag source received the drop we bail out - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - const dropEffect = e.dataTransfer.dropEffect; - if (dropEffect === 'none') { - this.selectionStart = selectionStart; - this.selectionEnd = selectionEnd; + if (this.__isDraggingOver) { + // can be dropped, inform browser + e.preventDefault(); + // inform event subscribers + options.canDrop = true; + options.dropTarget = this; + // find cursor under the drag part. + } + } + + /** + * support native like text dragging + * @private + */ + dragLeaveHandler() { + if (this.__isDraggingOver || this.__isDragging) { + this.__isDraggingOver = false; + } + } + + /** + * support native like text dragging + * fired only on the drag source + * handle changes to the drag source in case of a drop on another object or a cancellation + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEndHandler({ e }: TEvent) { + if (this.__isDragging && this.__dragStartFired) { + // once the drop event finishes we check if we need to change the drag source + // if the drag source received the drop we bail out + if (this.__dragStartSelection) { + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + const dropEffect = e.dataTransfer.dropEffect; + if (dropEffect === 'none') { + this.selectionStart = selectionStart; + this.selectionEnd = selectionEnd; + this._updateTextarea(); + } else { + this.clearContextTop(); + if (dropEffect === 'move') { + this.insertChars('', null, selectionStart, selectionEnd); + this.selectionStart = this.selectionEnd = selectionStart; + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); this._updateTextarea(); - } else { - this.clearContextTop(); - if (dropEffect === 'move') { - this.insertChars('', null, selectionStart, selectionEnd); - this.selectionStart = this.selectionEnd = selectionStart; - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: selectionStart, - action: 'dragend', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - this.exitEditing(); - // disable mouse up logic - this.__lastSelected = false; + this.fire('changed', { + index: selectionStart, + action: 'dragend', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); } + this.exitEditing(); + // disable mouse up logic + this.__lastSelected = false; } } - - this.__dragImageDisposer && this.__dragImageDisposer(); - delete this.__dragImageDisposer; - delete this.__dragStartSelection; - this.__isDraggingOver = false; } - /** - * support native like text dragging - * - * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} - * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop - * @private - * @param {object} options - * @param {DragEvent} options.e - */ - dropHandler({ e }: TEvent) { - const didDrop = e.defaultPrevented; - this.__isDraggingOver = false; - // inform browser that the drop has been accepted - e.preventDefault(); - let insert = e.dataTransfer.getData('text/plain'); - if (insert && !didDrop) { - let insertAt = this.getSelectionStartFromPointer(e); - const data = e.dataTransfer.types.includes('application/fabric') - ? JSON.parse(e.dataTransfer.getData('application/fabric')) - : {}; - const styles = data.styles; - const trailing = insert[Math.max(0, insert.length - 1)]; - const selectionStartOffset = 0; - // drag and drop in same instance - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - if (insertAt > selectionStart && insertAt <= selectionEnd) { - insertAt = selectionStart; - } else if (insertAt > selectionEnd) { - insertAt -= selectionEnd - selectionStart; - } - this.insertChars('', null, selectionStart, selectionEnd); - // prevent `dragend` from handling event - delete this.__dragStartSelection; - } - // remove redundant line break - if ( - this._reNewline.test(trailing) && - (this._reNewline.test(this._text[insertAt]) || - insertAt === this._text.length) - ) { - insert = insert.trimEnd(); + this.__dragImageDisposer && this.__dragImageDisposer(); + delete this.__dragImageDisposer; + delete this.__dragStartSelection; + this.__isDraggingOver = false; + } + + /** + * support native like text dragging + * + * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} + * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dropHandler({ e }: TEvent) { + const didDrop = e.defaultPrevented; + this.__isDraggingOver = false; + // inform browser that the drop has been accepted + e.preventDefault(); + let insert = e.dataTransfer.getData('text/plain'); + if (insert && !didDrop) { + let insertAt = this.getSelectionStartFromPointer(e); + const data = e.dataTransfer.types.includes('application/fabric') + ? JSON.parse(e.dataTransfer.getData('application/fabric')) + : {}; + const styles = data.styles; + const trailing = insert[Math.max(0, insert.length - 1)]; + const selectionStartOffset = 0; + // drag and drop in same instance + if (this.__dragStartSelection) { + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + if (insertAt > selectionStart && insertAt <= selectionEnd) { + insertAt = selectionStart; + } else if (insertAt > selectionEnd) { + insertAt -= selectionEnd - selectionStart; } - // inform subscribers - options.didDrop = true; - options.dropTarget = this; - // finalize - this.insertChars(insert, styles, insertAt); - // can this part be moved in an outside event? andrea to check. - this.canvas.setActiveObject(this); - this.enterEditing(); - this.selectionStart = Math.min( - insertAt + selectionStartOffset, - this._text.length - ); - this.selectionEnd = Math.min( - this.selectionStart + insert.length, - this._text.length - ); - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: insertAt + selectionStartOffset, - action: 'drop', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.contextTopDirty = true; - this.canvas.requestRenderAll(); + this.insertChars('', null, selectionStart, selectionEnd); + // prevent `dragend` from handling event + delete this.__dragStartSelection; } + // remove redundant line break + if ( + this._reNewline.test(trailing) && + (this._reNewline.test(this._text[insertAt]) || + insertAt === this._text.length) + ) { + insert = insert.trimEnd(); + } + // inform subscribers + options.didDrop = true; + options.dropTarget = this; + // finalize + this.insertChars(insert, styles, insertAt); + // can this part be moved in an outside event? andrea to check. + this.canvas.setActiveObject(this); + this.enterEditing(); + this.selectionStart = Math.min( + insertAt + selectionStartOffset, + this._text.length + ); + this.selectionEnd = Math.min( + this.selectionStart + insert.length, + this._text.length + ); + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: insertAt + selectionStartOffset, + action: 'drop', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.contextTopDirty = true; + this.canvas.requestRenderAll(); } + } - /** - * @private - */ - _setEditingProps() { - this.hoverCursor = 'text'; + /** + * @private + */ + _setEditingProps() { + this.hoverCursor = 'text'; - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } - - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; } - /** - * convert from textarea to grapheme indexes - */ - fromStringToGraphemeSelection(start, end, text) { - const smallerTextStart = text.slice(0, start), - graphemeStart = this.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = text.slice(start, end), - graphemeEnd = this.graphemeSplit(smallerTextEnd).length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } - - /** - * convert from fabric to textarea values - */ - fromGraphemeToStringSelection(start, end, _text) { - const smallerTextStart = _text.slice(0, start), - graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = _text.slice(start, end), - graphemeEnd = smallerTextEnd.join('').length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } - - /** - * @private - */ - _updateTextarea() { - this.cursorOffsetCache = {}; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - const newSelection = this.fromGraphemeToStringSelection( - this.selectionStart, - this.selectionEnd, - this._text - ); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + } + + /** + * convert from textarea to grapheme indexes + */ + fromStringToGraphemeSelection(start, end, text) { + const smallerTextStart = text.slice(0, start), + graphemeStart = this.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; } - - /** - * @private - */ - updateFromTextArea() { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = {}; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - const newSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value + const smallerTextEnd = text.slice(start, end), + graphemeEnd = this.graphemeSplit(smallerTextEnd).length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } + + /** + * convert from fabric to textarea values + */ + fromGraphemeToStringSelection(start, end, _text) { + const smallerTextStart = _text.slice(0, start), + graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + const smallerTextEnd = _text.slice(start, end), + graphemeEnd = smallerTextEnd.join('').length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } + + /** + * @private + */ + _updateTextarea() { + this.cursorOffsetCache = {}; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + const newSelection = this.fromGraphemeToStringSelection( + this.selectionStart, + this.selectionEnd, + this._text ); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; } - - /** - * @private - */ - updateTextareaPosition() { - if (this.selectionStart === this.selectionEnd) { - const style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } + this.updateTextareaPosition(); + } + + /** + * @private + */ + updateFromTextArea() { + if (!this.hiddenTextarea) { + return; } + this.cursorOffsetCache = {}; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + const newSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + } + + /** + * @private + */ + updateTextareaPosition() { + if (this.selectionStart === this.selectionEnd) { + const style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + } + + /** + * @private + * @return {Object} style contains style for hiddenTextarea + */ + _calcTextareaPosition() { + if (!this.canvas) { + return { left: 1, top: 1 }; + } + const desiredPosition = this.inCompositionMode + ? this.compositionStart + : this.selectionStart, + boundaries = this._getCursorBoundaries(desiredPosition), + cursorLocation = this.get2DCursorLocation(desiredPosition), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex, + charHeight = + this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * + this.lineHeight, + leftOffset = boundaries.leftOffset, + retinaScaling = this.canvas.getRetinaScaling(), + upperCanvas = this.canvas.upperCanvasEl, + upperCanvasWidth = upperCanvas.width / retinaScaling, + upperCanvasHeight = upperCanvas.height / retinaScaling, + maxWidth = upperCanvasWidth - charHeight, + maxHeight = upperCanvasHeight - charHeight; + + const p = new Point( + boundaries.left + leftOffset, + boundaries.top + boundaries.topOffset + charHeight + ) + .transform(this.calcTransformMatrix()) + .transform(this.canvas.viewportTransform) + .multiply( + new Point( + upperCanvas.clientWidth / upperCanvasWidth, + upperCanvas.clientHeight / upperCanvasHeight + ) + ); - /** - * @private - * @return {Object} style contains style for hiddenTextarea - */ - _calcTextareaPosition(): object { - if (!this.canvas) { - return { x: 1, y: 1 }; - } - let desiredPosition = this.inCompositionMode - ? this.compositionStart - : this.selectionStart, - boundaries = this._getCursorBoundaries(desiredPosition), - cursorLocation = this.get2DCursorLocation(desiredPosition), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex, - charHeight = - this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * - this.lineHeight, - leftOffset = boundaries.leftOffset, - m = this.calcTransformMatrix(), - p = { - x: boundaries.left + leftOffset, - y: boundaries.top + boundaries.topOffset + charHeight, - }, - retinaScaling = this.canvas.getRetinaScaling(), - upperCanvas = this.canvas.upperCanvasEl, - upperCanvasWidth = upperCanvas.width / retinaScaling, - upperCanvasHeight = upperCanvas.height / retinaScaling, - maxWidth = upperCanvasWidth - charHeight, - maxHeight = upperCanvasHeight - charHeight, - scaleX = upperCanvas.clientWidth / upperCanvasWidth, - scaleY = upperCanvas.clientHeight / upperCanvasHeight; - - p = transformPoint(p, m); - p = transformPoint(p, this.canvas.viewportTransform); - p.x *= scaleX; - p.y *= scaleY; - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - - return { - left: p.x + 'px', - top: p.y + 'px', - fontSize: charHeight + 'px', - charHeight: charHeight, - }; - } - - /** - * @private - */ - _saveEditingProps() { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor, - }; - } - - /** - * @private - */ - _restoreEditingProps() { - if (!this._savedProps) { - return; - } + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + + return { + left: p.x + 'px', + top: p.y + 'px', + fontSize: charHeight + 'px', + charHeight: charHeight, + }; + } + + /** + * @private + */ + _saveEditingProps() { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor, + }; + } + + /** + * @private + */ + _restoreEditingProps() { + if (!this._savedProps) { + return; + } - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } - - delete this._savedProps; + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; } - /** - * Exits from editing state - * @return {IText} thisArg - * @chainable - */ - exitEditing(): IText { - const isTextChanged = this._textBeforeEdit !== this.text; - const hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; + delete this._savedProps; + } - this.selectionEnd = this.selectionStart; + /** + * Exits from editing state + */ + exitEditing() { + const isTextChanged = this._textBeforeEdit !== this.text; + const hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && - hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && this.canvas.fire('object:modified', { target: this }); - } - return this; + this.selectionEnd = this.selectionStart; + + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && + hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && this.canvas.fire('object:modified', { target: this }); } + return this; + } - /** - * @private - */ - _removeExtraneousStyles() { - for (const prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; - } + /** + * @private + */ + _removeExtraneousStyles() { + for (const prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; } } - - /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) - */ - removeStyleFromTo(start: number, end: number) { - let cursorStart = this.get2DCursorLocation(start, true), - cursorEnd = this.get2DCursorLocation(end, true), - lineStart = cursorStart.lineIndex, - charStart = cursorStart.charIndex, - lineEnd = cursorEnd.lineIndex, - charEnd = cursorEnd.charIndex, - i, - styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for ( - i = charStart; - i < this._unwrappedTextLines[lineStart].length; - i++ - ) { - delete this.styles[lineStart][i]; - } + } + + /** + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) + */ + removeStyleFromTo(start: number, end: number) { + let cursorStart = this.get2DCursorLocation(start, true), + cursorEnd = this.get2DCursorLocation(end, true), + lineStart = cursorStart.lineIndex, + charStart = cursorStart.charIndex, + lineEnd = cursorEnd.lineIndex, + charEnd = cursorEnd.charIndex, + i, + styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for ( + i = charStart; + i < this._unwrappedTextLines[lineStart].length; + i++ + ) { + delete this.styles[lineStart][i]; } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = {}); - this.styles[lineStart][charStart + i - charEnd] = styleObj; - } + } + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = {}); + this.styles[lineStart][charStart + i - charEnd] = styleObj; } } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; + } + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + let diff = charEnd - charStart, + numericChar, + _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - let diff = charEnd - charStart, - numericChar, - _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; - } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; - } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; } } } } - - /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? - */ - shiftLineStyles(lineIndex: number, offset: number) { - const clonedStyles = Object.assign({}, this.styles); - for (const line in this.styles) { - const numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; - } + } + + /** + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? + */ + shiftLineStyles(lineIndex: number, offset: number) { + const clonedStyles = Object.assign({}, this.styles); + for (const line in this.styles) { + const numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; } } } - - restartCursorIfNeeded() { - if ( - !this._currentTickState || - this._currentTickState.isAborted || - !this._currentTickCompleteState || - this._currentTickCompleteState.isAborted - ) { - this.initDelayedCursor(); - } - } - - /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles - */ - insertNewlineStyleObject( - lineIndex: number, - charIndex: number, - qty: number, - copiedStyl + } + + restartCursorIfNeeded() { + if ( + !this._currentTickState || + this._currentTickState.isAborted || + !this._currentTickCompleteState || + this._currentTickCompleteState.isAborted ) { - let currentCharStyle, - newLineStyles = {}, - somethingAdded = false, - isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; - - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = - this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (const index in this.styles[lineIndex]) { - const numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; - } + this.initDelayedCursor(); + } + } + + /** + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles + */ + insertNewlineStyleObject( + lineIndex: number, + charIndex: number, + qty: number, + copiedStyl + ) { + let currentCharStyle, + newLineStyles = {}, + somethingAdded = false, + isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = + this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (const index in this.styles[lineIndex]) { + const numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; } } - let styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; + } + let styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; + } + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, copiedStyle[qty - 1]), + }; + } else if (currentCharStyle) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, currentCharStyle), + }; + } else { + delete this.styles[lineIndex + qty]; } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, copiedStyle[qty - 1]), - }; - } else if (currentCharStyle) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, currentCharStyle), - }; - } else { - delete this.styles[lineIndex + qty]; + qty--; + } + this._forceClearCache = true; + } + + /** + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects + */ + insertCharStyleObject( + lineIndex: number, + charIndex: number, + quantity: number, + copiedStyl + ) { + if (!this.styles) { + this.styles = {}; + } + const currentLineStyles = this.styles[lineIndex], + currentLineStylesCloned = currentLineStyles + ? Object.assign({}, currentLineStyles) + : {}; + + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (const index in currentLineStylesCloned) { + const numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = + currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; } - qty--; - } - this._forceClearCache = true; - } - - /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects - */ - insertCharStyleObject( - lineIndex: number, - charIndex: number, - quantity: number, - copiedStyl - ) { - if (!this.styles) { - this.styles = {}; } - const currentLineStyles = this.styles[lineIndex], - currentLineStylesCloned = currentLineStyles - ? Object.assign({}, currentLineStyles) - : {}; - - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (const index in currentLineStylesCloned) { - const numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = - currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; - } + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; - } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; - } - this.styles[lineIndex][charIndex + quantity] = Object.assign( - {}, - copiedStyle[quantity] - ); + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; } - return; - } - if (!currentLineStyles) { - return; - } - const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { this.styles[lineIndex][charIndex + quantity] = Object.assign( {}, - newStyle + copiedStyle[quantity] ); } + return; } - - /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. - */ - insertNewStyleBlock( - insertedText: string[], - start: number, - copiedStyle: Array - ) { - let cursorLoc = this.get2DCursorLocation(start, true), - addedLines = [0], - linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex, - addedLines[0], - copiedStyle - ); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && - this.insertNewlineStyleObject( - cursorLoc.lineIndex, - cursorLoc.charIndex + addedLines[0], - linesLength - ); - for (var i = 1; i < linesLength; i++) { - if (addedLines[i] > 0) { - this.insertCharStyleObject( - cursorLoc.lineIndex + i, - 0, - addedLines[i], - copiedStyle - ); - } else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } - } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + if (!currentLineStyles) { + return; + } + const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { + this.styles[lineIndex][charIndex + quantity] = Object.assign( + {}, + newStyle + ); + } + } + + /** + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. + */ + insertNewStyleBlock( + insertedText: string[], + start: number, + copiedStyle: Array + ) { + let cursorLoc = this.get2DCursorLocation(start, true), + addedLines = [0], + linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; + } else { + addedLines[linesLength]++; } - // we use i outside the loop to get it like linesLength + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex, + addedLines[0], + copiedStyle + ); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && + this.insertNewlineStyleObject( + cursorLoc.lineIndex, + cursorLoc.charIndex + addedLines[0], + linesLength + ); + for (var i = 1; i < linesLength; i++) { if (addedLines[i] > 0) { this.insertCharStyleObject( cursorLoc.lineIndex + i, @@ -1302,54 +1263,70 @@ export function ITextBehaviorMixinGenerator(Klass) { addedLines[i], copiedStyle ); + } else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; + } } + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); } - - /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. - */ - setSelectionStartEndWithShift(start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; - } - this.selectionStart = newSelection; - } else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } else { - this.selectionStart = newSelection; - } - } else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; - } else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; - } + // we use i outside the loop to get it like linesLength + if (addedLines[i] > 0) { + this.insertCharStyleObject( + cursorLoc.lineIndex + i, + 0, + addedLines[i], + copiedStyle + ); + } + } + + /** + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. + */ + setSelectionStartEndWithShift(start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; + } else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; + } + this.selectionStart = newSelection; + } else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { this.selectionEnd = newSelection; + } else { + this.selectionStart = newSelection; } + } else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; + } + this.selectionEnd = newSelection; } + } - setSelectionInBoundaries() { - const length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } else if (this.selectionStart < 0) { - this.selectionStart = 0; - } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } else if (this.selectionEnd < 0) { - this.selectionEnd = 0; - } + setSelectionInBoundaries() { + const length = this.text.length; + if (this.selectionStart > length) { + this.selectionStart = length; + } else if (this.selectionStart < 0) { + this.selectionStart = 0; } - }; + if (this.selectionEnd > length) { + this.selectionEnd = length; + } else if (this.selectionEnd < 0) { + this.selectionEnd = 0; + } + } } - -IText = ITextBehaviorMixinGenerator(IText); diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index 456c0d11eee..f78e8aba52e 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,324 +1,366 @@ -//@ts-nocheck +////@ts-nocheck import { invertTransform, transformPoint } from '../util/misc/matrix'; import { Point } from '../point.class'; import { TPointerEvent } from '../typedefs'; +import { Text } from '../shapes/text.class'; -export function ITextClickBehaviorMixinGenerator(Klass) { - return class ITextClickBehaviorMixin extends Klass { - /** - * Initializes "dbclick" event handler - */ - initDoubleClickSimulation() { - this.__lastClickTime = +new Date(); +abstract class ITextBase extends Text { + __lastClickTime: number; + __lastLastClickTime: number; + __lastPointer: {}; + __newClickTime: number; + __lastIsEditing: any; + isEditing: any; + __lastSelected: any; + selected: any; + editable: any; + __isMousedown: boolean; + inCompositionMode: boolean; + __selectionStartOnMouseDown: any; + selectionStart: any; + selectionEnd: any; + __isDragging: any; +} - // for triple click - this.__lastLastClickTime = +new Date(); +export class ITextClickBehaviorMixin extends ITextBase { + /** + * Initializes "dbclick" event handler + */ + initDoubleClickSimulation() { + this.__lastClickTime = +new Date(); - this.__lastPointer = {}; + // for triple click + this.__lastLastClickTime = +new Date(); - this.on('mousedown', this.onMouseDown); - } + this.__lastPointer = {}; - /** - * Default event handler to simulate triple click - * @private - */ - onMouseDown(options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - var newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - this._stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; - this.__lastSelected = this.selected; + this.on('mousedown', this.onMouseDown); + } + + /** + * Default event handler to simulate triple click + * @private + */ + onMouseDown(options) { + if (!this.canvas) { + return; } + this.__newClickTime = +new Date(); + var newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + this._stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastIsEditing = this.isEditing; + this.__lastSelected = this.selected; + } + + isTripleClick(newPointer) { + return ( + this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y + ); + } + + /** + * @private + */ + _stopEvent(e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + } - isTripleClick(newPointer) { - return ( - this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y - ); + /** + * Initializes event handlers related to cursor or selection + */ + initCursorSelectionHandlers() { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); + } + + /** + * Default handler for double click, select a word + */ + doubleClickHandler(options) { + if (!this.isEditing) { + return; } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + } + selectWord(arg0: number) { + throw new Error('Method not implemented.'); + } - /** - * @private - */ - _stopEvent(e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); + /** + * Default handler for triple click, select a line + */ + tripleClickHandler(options) { + if (!this.isEditing) { + return; } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + } + selectLine(arg0: number) { + throw new Error('Method not implemented.'); + } + + /** + * Initializes double and triple click event handlers + */ + initClicks() { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + } - /** - * Initializes event handlers related to cursor or selection - */ - initCursorSelectionHandlers() { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler(options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; } - /** - * Default handler for double click, select a word - */ - doubleClickHandler(options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); + this.__isMousedown = true; + + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); } - /** - * Default handler for triple click, select a line - */ - tripleClickHandler(options) { - if (!this.isEditing) { - return; + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); } - this.selectLine(this.getSelectionStartFromPointer(options.e)); + this.renderCursorOrSelection(); } + } + abortCursorAnimation() { + throw new Error('Method not implemented.'); + } + renderCursorOrSelection() { + throw new Error('Method not implemented.'); + } - /** - * Initializes double and triple click event handlers - */ - initClicks() { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); + /** + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down + */ + _mouseDownHandlerBefore(options) { + if ( + !this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1) + ) { + return; } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + // text dragging logic + var newSelection = this.getSelectionStartFromPointer(options.e); + this.__isDragging = + this.isEditing && + newSelection >= this.selectionStart && + newSelection <= this.selectionEnd && + this.selectionStart < this.selectionEnd; + } - /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. - */ - _mouseDownHandler(options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * Initializes "mousedown" event handler + */ + initMousedownHandler() { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + } - this.__isMousedown = true; + /** + * Initializes "mouseup" event handler + */ + initMouseupHandler() { + this.on('mouseup', this.mouseUpHandler); + } - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } - - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); - } - this.renderCursorOrSelection(); - } + /** + * standard handler for mouse up, overridable + * @private + */ + mouseUpHandler(options) { + this.__isMousedown = false; + if ( + !this.editable || + (this.group && !this.group.interactive) || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1) + ) { + return; } - /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down - */ - _mouseDownHandlerBefore(options) { - if ( - !this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1) - ) { + if (this.canvas) { + var currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit return; } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - // text dragging logic - var newSelection = this.getSelectionStartFromPointer(options.e); - this.__isDragging = - this.isEditing && - newSelection >= this.selectionStart && - newSelection <= this.selectionEnd && - this.selectionStart < this.selectionEnd; } - /** - * Initializes "mousedown" event handler - */ - initMousedownHandler() { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); + } else { + this.renderCursorOrSelection(); + } + } else { + this.selected = true; } + } + enterEditing(e: any) { + throw new Error('Method not implemented.'); + } + initDelayedCursor(arg0: boolean) { + throw new Error('Method not implemented.'); + } - /** - * Initializes "mouseup" event handler - */ - initMouseupHandler() { - this.on('mouseup', this.mouseUpHandler); + /** + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {TPointerEvent} e Event object + */ + setCursorByClick(e: TPointerEvent) { + var newSelection = this.getSelectionStartFromPointer(e), + start = this.selectionStart, + end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); } + } + setSelectionStartEndWithShift(start: any, end: any, newSelection: number) { + throw new Error('Method not implemented.'); + } + _fireSelectionChanged() { + throw new Error('Method not implemented.'); + } + _updateTextarea() { + throw new Error('Method not implemented.'); + } - /** - * standard handler for mouse up, overridable - * @private - */ - mouseUpHandler(options) { - this.__isMousedown = false; - if ( - !this.editable || - (this.group && !this.group.interactive) || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1) - ) { - return; - } + /** + * Returns coordinates of a pointer relative to object's top left corner in object's plane + * @param {TPointerEvent} e Event to operate upon + * @param {IPoint} [pointer] Pointer to operate upon (instead of event) + * @return {Point} Coordinates of a pointer (x, y) + */ + getLocalPointer(e: TPointerEvent, pointer: IPoint): Point { + const thePointer = pointer || this.canvas.getPointer(e); + return transformPoint( + thePointer, + invertTransform(this.calcTransformMatrix()) + ).add(new Point(this.width / 2, this.height / 2)); + } - if (this.canvas) { - var currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit - return; - } - } - - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); - } else { - this.renderCursorOrSelection(); + /** + * Returns index of a character corresponding to where an object was clicked + * @param {TPointerEvent} e Event object + * @return {Number} Index of a character + */ + getSelectionStartFromPointer(e: TPointerEvent): number { + var mouseOffset = this.getLocalPointer(e), + prevWidth = 0, + width = 0, + height = 0, + charIndex = 0, + lineIndex = 0, + lineLeftOffset, + line; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += + this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); } } else { - this.selected = true; + break; } } - - /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {TPointerEvent} e Event object - */ - setCursorByClick(e: TPointerEvent) { - var newSelection = this.getSelectionStartFromPointer(e), - start = this.selectionStart, - end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); + lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); + width = lineLeftOffset * this.scaleX; + line = this._textLines[lineIndex]; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x; + } + for (var j = 0, jlen = line.length; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; } else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); + break; } } + return this._getNewSelectionStartFromOffset( + mouseOffset, + prevWidth, + width, + charIndex, + jlen + ); + } - /** - * Returns coordinates of a pointer relative to object's top left corner in object's plane - * @param {TPointerEvent} e Event to operate upon - * @param {IPoint} [pointer] Pointer to operate upon (instead of event) - * @return {Point} Coordinates of a pointer (x, y) - */ - getLocalPointer(e: TPointerEvent, pointer: IPoint): Point { - const thePointer = pointer || this.canvas.getPointer(e); - return transformPoint( - thePointer, - invertTransform(this.calcTransformMatrix()) - ).add(new Point(this.width / 2, this.height / 2)); + /** + * @private + */ + _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { + var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, + distanceBtwNextCharAndCursor = width - mouseOffset.x, + offset = + distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 + ? 0 + : 1, + newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; } - /** - * Returns index of a character corresponding to where an object was clicked - * @param {TPointerEvent} e Event object - * @return {Number} Index of a character - */ - getSelectionStartFromPointer(e: TPointerEvent): number { - var mouseOffset = this.getLocalPointer(e), - prevWidth = 0, - width = 0, - height = 0, - charIndex = 0, - lineIndex = 0, - lineLeftOffset, - line; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += - this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); - } - } else { - break; - } - } - lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. - if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x; - } - for (var j = 0, jlen = line.length; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } else { - break; - } - } - return this._getNewSelectionStartFromOffset( - mouseOffset, - prevWidth, - width, - charIndex, - jlen - ); + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; } - /** - * @private - */ - _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, - distanceBtwNextCharAndCursor = width - mouseOffset.x, - offset = - distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 - ? 0 - : 1, - newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } - - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } - - return newSelectionStart; - } - }; + return newSelectionStart; + } } - -IText = ITextClickBehaviorMixinGenerator(IText); From 18068de813b44ac52d4071b0d22cac2c1c61f7e4 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 16:03:59 +0200 Subject: [PATCH 35/58] Update text.class.ts --- src/shapes/text.class.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index e4c7b980d99..060a92f28f1 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -3,7 +3,7 @@ import { fabric } from '../../HEADER'; import { cache } from '../cache'; import { DEFAULT_SVG_FONT_SIZE } from '../constants'; -import { TextStyleMixin } from '../mixins/text_style.mixin'; +import { TextStyle, TextStyleMixin } from '../mixins/text_style.mixin'; import { TClassProperties, TFiller } from '../typedefs'; import { graphemeSplit } from '../util/lang_string'; import { createCanvasElement } from '../util/misc/dom'; @@ -197,6 +197,8 @@ export class Text extends TextStyleMixin { */ textBackgroundColor: string; + styles: TextStyle; + /** * fabric.Path that the text should follow. * since 4.6.0 the path will be drawn automatically. From 5364846fcabcf008f1ca4c66003faa0fad449508 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 16:07:17 +0200 Subject: [PATCH 36/58] Update itext_key_behavior.mixin.ts --- src/mixins/itext_key_behavior.mixin.ts | 1419 ++++++++++++------------ 1 file changed, 697 insertions(+), 722 deletions(-) diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index c53e9a99cbd..802326ccfa0 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -1,757 +1,732 @@ -//@ts-nocheck +////@ts-nocheck +import { fabric } from '../../HEADER'; import { config } from '../config'; - -var fabric = global.fabric; - -export function ITextKeyBehaviorMixinGenerator(Klass) { - return class ITextKeyBehaviorMixin extends Klass { - /** - * For functionalities on keyDown - * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or - * your prototype. - * the map change will affect all Instances unless you need for only some text Instances - * in that case you have to clone this object and assign your Instance. - * this.keysMap = Object.assign({}, this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] - */ - keysMap; - - keysMapRtl; - - /** - * For functionalities on keyUp + ctrl || cmd - */ - ctrlKeysMapUp; - - /** - * For functionalities on keyDown + ctrl || cmd - */ - ctrlKeysMapDown; - - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea() { - this.hiddenTextarea = fabric.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); - this.hiddenTextarea.setAttribute('wrap', 'off'); - var style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = - 'position: absolute; top: ' + - style.top + - '; left: ' + - style.left + - '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + - ' padding-top: ' + - style.fontSize + - ';'; - - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } else { - fabric.document.body.appendChild(this.hiddenTextarea); - } - - addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); - addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); - addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); - addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); - addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); - addListener( - this.hiddenTextarea, - 'compositionstart', - this.onCompositionStart.bind(this) - ); - addListener( - this.hiddenTextarea, - 'compositionupdate', - this.onCompositionUpdate.bind(this) - ); - addListener( - this.hiddenTextarea, - 'compositionend', - this.onCompositionEnd.bind(this) - ); - - if (!this._clickHandlerInitialized && this.canvas) { - addListener( - this.canvas.upperCanvasEl, - 'click', - this.onClick.bind(this) - ); - this._clickHandlerInitialized = true; - } - } - - onClick() { - this.hiddenTextarea && this.hiddenTextarea.focus(); - } - - /** - * Override this method to customize cursor behavior on textbox blur - */ - blur() { - this.abortCursorAnimation(); - } - - /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {TPointerEvent} e Event object - */ - onKeyDown(e: TPointerEvent) { - if (!this.isEditing) { - return; - } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } else if ( - e.keyCode in this.ctrlKeysMapDown && - (e.ctrlKey || e.metaKey) - ) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } else { - this.canvas && this.canvas.requestRenderAll(); - } - } - - /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {TPointerEvent} e Event object - */ - onKeyUp(e: TPointerEvent) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); +import { Text } from '../shapes/text.class'; +import { TPointerEvent } from '../typedefs'; +import { addListener } from '../util/dom_event'; + +export class ITextKeyBehaviorMixin extends Text { + /** + * For functionalities on keyDown + * Map a special key to a function of the instance/prototype + * If you need different behaviour for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the fabric.Itext or + * your prototype. + * the map change will affect all Instances unless you need for only some text Instances + * in that case you have to clone this object and assign your Instance. + * this.keysMap = Object.assign({}, this.keysMap); + * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + */ + keysMap; + + keysMapRtl; + + /** + * For functionalities on keyUp + ctrl || cmd + */ + ctrlKeysMapUp; + + /** + * For functionalities on keyDown + ctrl || cmd + */ + ctrlKeysMapDown; + + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea() { + this.hiddenTextarea = fabric.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); + this.hiddenTextarea.setAttribute('wrap', 'off'); + const style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = `position: absolute; top: ${style.top}; left: ${style.left}; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px; padding-top: ${style.fontSize};`; + + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } else { + fabric.document.body.appendChild(this.hiddenTextarea); + } + + addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); + addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); + addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); + addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); + addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); + addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); + addListener( + this.hiddenTextarea, + 'compositionstart', + this.onCompositionStart.bind(this) + ); + addListener( + this.hiddenTextarea, + 'compositionupdate', + this.onCompositionUpdate.bind(this) + ); + addListener( + this.hiddenTextarea, + 'compositionend', + this.onCompositionEnd.bind(this) + ); + + if (!this._clickHandlerInitialized && this.canvas) { + addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); + this._clickHandlerInitialized = true; + } + } + + onClick() { + this.hiddenTextarea && this.hiddenTextarea.focus(); + } + + /** + * Override this method to customize cursor behavior on textbox blur + */ + blur() { + this.abortCursorAnimation(); + } + + /** + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {TPointerEvent} e Event object + */ + onKeyDown(e: TPointerEvent) { + if (!this.isEditing) { + return; + } + var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } else if (e.keyCode in this.ctrlKeysMapDown && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } else { this.canvas && this.canvas.requestRenderAll(); } - - /** - * Handles onInput event - * @param {TPointerEvent} e Event object - */ - onInput(e: TPointerEvent) { - var fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - var nextText = this._splitTextIntoLines( - this.hiddenTextarea.value - ).graphemeText, - charCount = this._text.length, - nextCharCount = nextText.length, - removedText, - insertedText, - charDiff = nextCharCount - charCount, - selectionStart = this.selectionStart, - selectionEnd = this.selectionEnd, - selection = selectionStart !== selectionEnd, - copiedStyle, - removeFrom, - removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = {}; - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - return; - } - - var textareaSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, + } + + /** + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {TPointerEvent} e Event object + */ + onKeyUp(e: TPointerEvent) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + this.canvas && this.canvas.requestRenderAll(); + } + + /** + * Handles onInput event + * @param {TPointerEvent} e Event object + */ + onInput(e: TPointerEvent) { + var fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + var nextText = this._splitTextIntoLines( this.hiddenTextarea.value - ); - var backDelete = selectionStart > textareaSelection.selectionStart; - - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); - } else { - removedText = this._text.slice( - selectionStart, - selectionStart - charDiff - ); - } - } - insertedText = nextText.slice( - textareaSelection.selectionEnd - charDiff, - textareaSelection.selectionEnd - ); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles( - selectionStart, - selectionStart + 1, - false - ); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function () { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; - }); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; - } else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; - } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { - if ( - fromPaste && - insertedText.join('') === fabric.copiedText && - !config.disableStyleCopyPaste - ) { - copiedStyle = fabric.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } + ).graphemeText, + charCount = this._text.length, + nextCharCount = nextText.length, + removedText, + insertedText, + charDiff = nextCharCount - charCount, + selectionStart = this.selectionStart, + selectionEnd = this.selectionEnd, + selection = selectionStart !== selectionEnd, + copiedStyle, + removeFrom, + removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = {}; this.updateFromTextArea(); this.fire('changed'); if (this.canvas) { this.canvas.fire('text:changed', { target: this }); this.canvas.requestRenderAll(); } + return; } - /** - * Composition start - */ - onCompositionStart() { - this.inCompositionMode = true; - } - - /** - * Composition end - */ - onCompositionEnd() { - this.inCompositionMode = false; - } - - // */ - onCompositionUpdate(e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - } - - /** - * Copies selected text - */ - copy() { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } + var textareaSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + var backDelete = selectionStart > textareaSelection.selectionStart; - fabric.copiedText = this.getSelectedText(); - if (!config.disableStyleCopyPaste) { - fabric.copiedTextStyle = this.getSelectionStyles( - this.selectionStart, - this.selectionEnd, - true - ); + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); } else { - fabric.copiedTextStyle = null; - } - this._copyDone = true; - } - - /** - * Pastes text - */ - paste() { - this.fromPaste = true; - } - - /** - * @private - * @param {TPointerEvent} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData(e: TPointerEvent): object { - return (e && e.clipboardData) || fabric.window.clipboardData; - } - - /** - * Finds the width in pixels before the cursor on the same line - * @private - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor - */ - _getWidthBeforeCursor(lineIndex: number, charIndex: number): number { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), - bound; - - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; - } - return widthBeforeCursor; - } - - /** - * Gets start offset of a selection - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getDownCursorOffset(e: TPointerEvent, isRight: boolean): number { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if ( - lineIndex === this._textLines.length - 1 || - e.metaKey || - e.keyCode === 34 - ) { - // move to the end of a text - return this._text.length - selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex + 1, - widthBeforeCursor - ), - textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return ( - textAfterCursor.length + - indexOnOtherLine + - 1 + - this.missingNewlineOffset(lineIndex) - ); - } - - /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number { - if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { - return this.selectionEnd; - } else { - return this.selectionStart; - } - } - - /** - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getUpCursorOffset(e: TPointerEvent, isRight: boolean): number { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; + removedText = this._text.slice( + selectionStart, + selectionStart - charDiff + ); } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine( - lineIndex - 1, - widthBeforeCursor - ), - textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), - missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return ( - -this._textLines[lineIndex - 1].length + - indexOnOtherLine - - textBeforeCursor.length + - (1 - missingNewlineOffset) - ); } - - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine(lineIndex, width) { - var line = this._textLines[lineIndex], - lineLeftOffset = this._getLineLeftOffset(lineIndex), - widthOfCharsOnLine = lineLeftOffset, - indexOnLine = 0, - charWidth, - foundMatch; - - for (var j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, - rightEdge = widthOfCharsOnLine, - offsetFromLeftEdge = Math.abs(leftEdge - width), - offsetFromRightEdge = Math.abs(rightEdge - width); - - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; - break; - } + insertedText = nextText.slice( + textareaSelection.selectionEnd - charDiff, + textareaSelection.selectionEnd + ); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles( + selectionStart, + selectionStart + 1, + false + ); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(function () { + // this return an array of references, but that is fine since we are + // copying the style later. + return copiedStyle[0]; + }); } - - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; } - - return indexOnLine; + this.removeStyleFromTo(removeFrom, removeTo); } - - /** - * Moves cursor down - * @param {TPointerEvent} e Event object - */ - moveCursorDown(e: TPointerEvent) { + if (insertedText.length) { if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length + fromPaste && + insertedText.join('') === fabric.copiedText && + !config.disableStyleCopyPaste ) { - return; - } - this._moveCursorUpOrDown('Down', e); - } - - /** - * Moves cursor up - * @param {TPointerEvent} e Event object - */ - moveCursorUp(e: TPointerEvent) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - } - - /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {TPointerEvent} e Event object - */ - _moveCursorUpOrDown(direction: string, e: TPointerEvent) { - var action = 'get' + direction + 'CursorOffset', - offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); - } else { - this.moveCursorWithoutShift(offset); - } - if (offset !== 0) { - this.setSelectionInBoundaries(); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - } - - /** - * Moves cursor with shift - * @param {Number} offset - */ - moveCursorWithShift(offset: number) { - var newSelection = - this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift( + copiedStyle = fabric.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + } + + /** + * Composition start + */ + onCompositionStart() { + this.inCompositionMode = true; + } + + /** + * Composition end + */ + onCompositionEnd() { + this.inCompositionMode = false; + } + + // */ + onCompositionUpdate(e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + } + + /** + * Copies selected text + */ + copy() { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; + } + + fabric.copiedText = this.getSelectedText(); + if (!config.disableStyleCopyPaste) { + fabric.copiedTextStyle = this.getSelectionStyles( this.selectionStart, this.selectionEnd, - newSelection + true ); - return offset !== 0; - } - - /** - * Moves cursor up without shift - * @param {Number} offset - */ - moveCursorWithoutShift(offset: number) { - if (offset < 0) { - this.selectionStart += offset; - this.selectionEnd = this.selectionStart; - } else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; - } - return offset !== 0; - } - - /** - * Moves cursor left - * @param {TPointerEvent} e Event object - */ - moveCursorLeft(e: TPointerEvent) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - } - - /** - * @private - * @return {Boolean} true if a change happened - */ - _move(e, prop, direction): boolean { - var newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { - newValue = this['findLineBoundary' + direction](this[prop]); - } else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; - } - if (typeof newValue !== 'undefined' && this[prop] !== newValue) { - this[prop] = newValue; - return true; - } - } - - /** - * @private - */ - _moveLeft(e, prop) { - return this._move(e, prop, 'Left'); - } - - /** - * @private - */ - _moveRight(e, prop) { - return this._move(e, prop, 'Right'); - } - - /** - * Moves cursor left without keeping selection - * @param {TPointerEvent} e - */ - moveCursorLeftWithoutShift(e: TPointerEvent) { - var change = true; - this._selectionDirection = 'left'; - - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if ( - this.selectionEnd === this.selectionStart && - this.selectionStart !== 0 - ) { - change = this._moveLeft(e, 'selectionStart'); - } - this.selectionEnd = this.selectionStart; - return change; - } - - /** - * Moves cursor left while keeping selection - * @param {TPointerEvent} e - */ - moveCursorLeftWithShift(e: TPointerEvent) { - if ( - this._selectionDirection === 'right' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveLeft(e, 'selectionEnd'); - } else if (this.selectionStart !== 0) { - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } - } - - /** - * Moves cursor right - * @param {TPointerEvent} e Event object - */ - moveCursorRight(e: TPointerEvent) { - if ( - this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length - ) { - return; - } - this._moveCursorLeftOrRight('Right', e); - } - - /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {TPointerEvent} e Event object - */ - _moveCursorLeftOrRight(direction: string, e: TPointerEvent) { - var actionName = 'moveCursor' + direction + 'With'; + } else { + fabric.copiedTextStyle = null; + } + this._copyDone = true; + } + + /** + * Pastes text + */ + paste() { + this.fromPaste = true; + } + + /** + * @private + * @param {TPointerEvent} e Event object + * @return {Object} Clipboard data object + */ + _getClipboardData(e: TPointerEvent): object { + return (e && e.clipboardData) || fabric.window.clipboardData; + } + + /** + * Finds the width in pixels before the cursor on the same line + * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor + */ + _getWidthBeforeCursor(lineIndex: number, charIndex: number): number { + var widthBeforeCursor = this._getLineLeftOffset(lineIndex), + bound; + + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; + } + return widthBeforeCursor; + } + + /** + * Gets start offset of a selection + * @param {TPointerEvent} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getDownCursorOffset(e: TPointerEvent, isRight: boolean): number { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line + if ( + lineIndex === this._textLines.length - 1 || + e.metaKey || + e.keyCode === 34 + ) { + // move to the end of a text + return this._text.length - selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), + textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return ( + textAfterCursor.length + + indexOnOtherLine + + 1 + + this.missingNewlineOffset(lineIndex) + ); + } + + /** + * private + * Helps finding if the offset should be counted from Start or End + * @param {TPointerEvent} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number { + if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { + return this.selectionEnd; + } else { + return this.selectionStart; + } + } + + /** + * @param {TPointerEvent} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getUpCursorOffset(e: TPointerEvent, isRight: boolean): number { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), + textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), + missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return ( + -this._textLines[lineIndex - 1].length + + indexOnOtherLine - + textBeforeCursor.length + + (1 - missingNewlineOffset) + ); + } + + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine(lineIndex, width) { + var line = this._textLines[lineIndex], + lineLeftOffset = this._getLineLeftOffset(lineIndex), + widthOfCharsOnLine = lineLeftOffset, + indexOnLine = 0, + charWidth, + foundMatch; + + for (var j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + var leftEdge = widthOfCharsOnLine - charWidth, + rightEdge = widthOfCharsOnLine, + offsetFromLeftEdge = Math.abs(leftEdge - width), + offsetFromRightEdge = Math.abs(rightEdge - width); + + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; + break; + } + } + + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; + } + + return indexOnLine; + } + + /** + * Moves cursor down + * @param {TPointerEvent} e Event object + */ + moveCursorDown(e: TPointerEvent) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorUpOrDown('Down', e); + } + + /** + * Moves cursor up + * @param {TPointerEvent} e Event object + */ + moveCursorUp(e: TPointerEvent) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + } + + /** + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {TPointerEvent} e Event object + */ + _moveCursorUpOrDown(direction: string, e: TPointerEvent) { + var action = 'get' + direction + 'CursorOffset', + offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); + } else { + this.moveCursorWithoutShift(offset); + } + if (offset !== 0) { + this.setSelectionInBoundaries(); + this.abortCursorAnimation(); this._currentCursorOpacity = 1; - - if (e.shiftKey) { - actionName += 'Shift'; - } else { - actionName += 'outShift'; - } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - } - - /** - * Moves cursor right while keeping selection - * @param {TPointerEvent} e - */ - moveCursorRightWithShift(e: TPointerEvent) { - if ( - this._selectionDirection === 'left' && - this.selectionStart !== this.selectionEnd - ) { - return this._moveRight(e, 'selectionStart'); - } else if (this.selectionEnd !== this._text.length) { - this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } + + /** + * Moves cursor with shift + * @param {Number} offset + */ + moveCursorWithShift(offset: number) { + var newSelection = + this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift( + this.selectionStart, + this.selectionEnd, + newSelection + ); + return offset !== 0; + } + + /** + * Moves cursor up without shift + * @param {Number} offset + */ + moveCursorWithoutShift(offset: number) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; + } else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; + } + return offset !== 0; + } + + /** + * Moves cursor left + * @param {TPointerEvent} e Event object + */ + moveCursorLeft(e: TPointerEvent) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + } + + /** + * @private + * @return {Boolean} true if a change happened + */ + _move(e, prop, direction): boolean { + var newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { + newValue = this['findLineBoundary' + direction](this[prop]); + } else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; + } + if (typeof newValue !== 'undefined' && this[prop] !== newValue) { + this[prop] = newValue; + return true; + } + } + + /** + * @private + */ + _moveLeft(e, prop) { + return this._move(e, prop, 'Left'); + } + + /** + * @private + */ + _moveRight(e, prop) { + return this._move(e, prop, 'Right'); + } + + /** + * Moves cursor left without keeping selection + * @param {TPointerEvent} e + */ + moveCursorLeftWithoutShift(e: TPointerEvent) { + var change = true; + this._selectionDirection = 'left'; + + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if ( + this.selectionEnd === this.selectionStart && + this.selectionStart !== 0 + ) { + change = this._moveLeft(e, 'selectionStart'); + } + this.selectionEnd = this.selectionStart; + return change; + } + + /** + * Moves cursor left while keeping selection + * @param {TPointerEvent} e + */ + moveCursorLeftWithShift(e: TPointerEvent) { + if ( + this._selectionDirection === 'right' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveLeft(e, 'selectionEnd'); + } else if (this.selectionStart !== 0) { + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + } + + /** + * Moves cursor right + * @param {TPointerEvent} e Event object + */ + moveCursorRight(e: TPointerEvent) { + if ( + this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length + ) { + return; + } + this._moveCursorLeftOrRight('Right', e); + } + + /** + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {TPointerEvent} e Event object + */ + _moveCursorLeftOrRight(direction: string, e: TPointerEvent) { + var actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; + + if (e.shiftKey) { + actionName += 'Shift'; + } else { + actionName += 'outShift'; + } + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } + + /** + * Moves cursor right while keeping selection + * @param {TPointerEvent} e + */ + moveCursorRightWithShift(e: TPointerEvent) { + if ( + this._selectionDirection === 'left' && + this.selectionStart !== this.selectionEnd + ) { + return this._moveRight(e, 'selectionStart'); + } else if (this.selectionEnd !== this._text.length) { + this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); } + } - /** - * Moves cursor right without keeping selection - * @param {TPointerEvent} e Event object - */ - moveCursorRightWithoutShift(e: TPointerEvent) { - var changed = true; - this._selectionDirection = 'right'; + /** + * Moves cursor right without keeping selection + * @param {TPointerEvent} e Event object + */ + moveCursorRightWithoutShift(e: TPointerEvent) { + var changed = true; + this._selectionDirection = 'right'; - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; - } else { - this.selectionStart = this.selectionEnd; - } - return changed; - } - - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars(start: number, end: number) { - if (typeof end === 'undefined') { - end = start + 1; - } + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; + } else { + this.selectionStart = this.selectionEnd; + } + return changed; + } + + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars(start: number, end: number) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } + + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars(text: string, style: Array, start: number, end: number) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - } - - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars(text: string, style: Array, start: number, end: number) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - var graphemes = this.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat( - this._text.slice(0, start), - graphemes, - this._text.slice(end) - ); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); } - }; + var graphemes = this.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat( + this._text.slice(0, start), + graphemes, + this._text.slice(end) + ); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } } -IText = ITextKeyBehaviorMixinGenerator(IText); - -export const iTextKeyBehaviorMixinDefaultValues: Partial< - TClassProperties -> = { +export const ITextKeyBehaviorMixinDefaultValues = { keysMap: { 9: 'exitEditing', 27: 'exitEditing', @@ -787,5 +762,5 @@ export const iTextKeyBehaviorMixinDefaultValues: Partial< Object.assign( ITextKeyBehaviorMixin.prototype, - iTextKeyBehaviorMixinDefaultValues + ITextKeyBehaviorMixinDefaultValues ); From c66d4fac8be192f0c5f7e5c5a3c5eb145fdc7e32 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 16:27:08 +0200 Subject: [PATCH 37/58] many and more --- src/mixins/itext_behavior.mixin.ts | 82 +++++++++++++++++++++++- src/mixins/itext_click_behavior.mixin.ts | 55 ++-------------- src/mixins/itext_key_behavior.mixin.ts | 4 +- 3 files changed, 89 insertions(+), 52 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 36c5f059041..076ccc3ba27 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -7,7 +7,50 @@ import { Canvas } from '../__types__'; // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; -export class ITextBehaviorMixin extends Text { +export abstract class ITextBehaviorMixin extends Text { + isEditing: boolean; + selected: boolean; + private _currentTickState: { isAborted: boolean; abort: () => void }; + private _cursorTimeout1: number; + private _currentTickCompleteState: { isAborted: boolean; abort: () => void }; + cursorDelay: number; + private _cursorTimeout2: number; + _currentCursorOpacity: number; + selectionStart: number; + selectionEnd: number; + _reSpace: RegExp; + editable: boolean; + hiddenTextarea: HTMLTextAreaElement; + private _textBeforeEdit: string; + protected __isMousedown: boolean; + protected __selectionStartOnMouseDown: number; + private __dragImageDisposer: VoidFunction; + private __dragStartFired: boolean; + protected __isDragging: boolean; + protected __dragStartSelection: { + selectionStart: number; + selectionEnd: number; + }; + protected __isDraggingOver: boolean; + protected __lastSelected: boolean; + editingBorderColor: string; + cursorOffsetCache: { left?: number; top?: number } = {}; + inCompositionMode: boolean; + compositionStart: number; + protected _savedProps: { + hasControls: boolean; + borderColor: string; + lockMovementX: boolean; + lockMovementY: boolean; + selectable: boolean; + hoverCursor: string; + defaultCursor: string; + moveCursor: string; + }; + protected _selectionDirection: 'left' | 'right' | null; + + abstract initHiddenTextarea(): void; + /** * Initializes all the interactive behavior of IText */ @@ -500,7 +543,7 @@ export class ITextBehaviorMixin extends Text { dragImage = c; } this.__dragImageDisposer && this.__dragImageDisposer(); - this.__dragImageDisposer = function () { + this.__dragImageDisposer = () => { dragImage.remove(); }; // position drag image offsecreen @@ -1285,6 +1328,41 @@ export class ITextBehaviorMixin extends Text { } } + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars(text: string, style: Array, start: number, end: number) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { + this.removeStyleFromTo(start, end); + } + var graphemes = this.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat( + this._text.slice(0, start), + graphemes, + this._text.slice(end) + ); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } + /** * Set the selectionStart and selectionEnd according to the new position of cursor * mimic the key - mouse navigation when shift is pressed. diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index f78e8aba52e..aeb472ed6c5 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,28 +1,15 @@ ////@ts-nocheck -import { invertTransform, transformPoint } from '../util/misc/matrix'; import { Point } from '../point.class'; import { TPointerEvent } from '../typedefs'; -import { Text } from '../shapes/text.class'; +import { invertTransform, transformPoint } from '../util/misc/matrix'; +import { ITextBehaviorMixin } from './itext_behavior.mixin'; -abstract class ITextBase extends Text { - __lastClickTime: number; - __lastLastClickTime: number; - __lastPointer: {}; - __newClickTime: number; - __lastIsEditing: any; - isEditing: any; - __lastSelected: any; - selected: any; - editable: any; - __isMousedown: boolean; - inCompositionMode: boolean; - __selectionStartOnMouseDown: any; - selectionStart: any; - selectionEnd: any; - __isDragging: any; -} +export class ITextClickBehaviorMixin extends ITextBehaviorMixin { + private __lastClickTime: number; + private __lastLastClickTime: number; + private __lastPointer: {}; + private __newClickTime: number; -export class ITextClickBehaviorMixin extends ITextBase { /** * Initializes "dbclick" event handler */ @@ -54,7 +41,6 @@ export class ITextClickBehaviorMixin extends ITextBase { this.__lastLastClickTime = this.__lastClickTime; this.__lastClickTime = this.__newClickTime; this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; this.__lastSelected = this.selected; } @@ -93,9 +79,6 @@ export class ITextClickBehaviorMixin extends ITextBase { } this.selectWord(this.getSelectionStartFromPointer(options.e)); } - selectWord(arg0: number) { - throw new Error('Method not implemented.'); - } /** * Default handler for triple click, select a line @@ -106,9 +89,6 @@ export class ITextClickBehaviorMixin extends ITextBase { } this.selectLine(this.getSelectionStartFromPointer(options.e)); } - selectLine(arg0: number) { - throw new Error('Method not implemented.'); - } /** * Initializes double and triple click event handlers @@ -150,12 +130,6 @@ export class ITextClickBehaviorMixin extends ITextBase { this.renderCursorOrSelection(); } } - abortCursorAnimation() { - throw new Error('Method not implemented.'); - } - renderCursorOrSelection() { - throw new Error('Method not implemented.'); - } /** * Default event handler for the basic functionalities needed on mousedown:before @@ -235,12 +209,6 @@ export class ITextClickBehaviorMixin extends ITextBase { this.selected = true; } } - enterEditing(e: any) { - throw new Error('Method not implemented.'); - } - initDelayedCursor(arg0: boolean) { - throw new Error('Method not implemented.'); - } /** * Changes cursor location in a text depending on passed pointer (x/y) object @@ -261,15 +229,6 @@ export class ITextClickBehaviorMixin extends ITextBase { this._updateTextarea(); } } - setSelectionStartEndWithShift(start: any, end: any, newSelection: number) { - throw new Error('Method not implemented.'); - } - _fireSelectionChanged() { - throw new Error('Method not implemented.'); - } - _updateTextarea() { - throw new Error('Method not implemented.'); - } /** * Returns coordinates of a pointer relative to object's top left corner in object's plane diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index 802326ccfa0..af11cd00cd3 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -2,11 +2,11 @@ import { fabric } from '../../HEADER'; import { config } from '../config'; -import { Text } from '../shapes/text.class'; import { TPointerEvent } from '../typedefs'; import { addListener } from '../util/dom_event'; +import { ITextBehaviorMixin } from './itext_behavior.mixin'; -export class ITextKeyBehaviorMixin extends Text { +export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { /** * For functionalities on keyDown * Map a special key to a function of the instance/prototype From 233cf548eace1140f35e543525ee7e2371d95492 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 16:54:35 +0200 Subject: [PATCH 38/58] p --- src/mixins/itext_behavior.mixin.ts | 51 +++++++++---- src/mixins/itext_key_behavior.mixin.ts | 94 ++++++++++++------------ src/mixins/object_interactivity.mixin.ts | 2 +- src/mixins/observable.mixin.ts | 2 +- src/shapes/itext.class.ts | 4 +- 5 files changed, 88 insertions(+), 65 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 076ccc3ba27..60c73be1e04 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1,7 +1,11 @@ +import { fabric } from '../../HEADER'; import { Point } from '../point.class'; import { Text } from '../shapes/text.class'; -import { TEvent } from '../typedefs'; +import { TEvent, TPointerEvent } from '../typedefs'; +import { setStyle } from '../util/dom_style'; import { removeFromArray } from '../util/internals'; +import { createCanvasElement } from '../util/misc/dom'; +import { transformPoint } from '../util/misc/matrix'; import { Canvas } from '../__types__'; // extend this regex to support non english languages @@ -10,17 +14,23 @@ const reNonWord = /[ \n\.,;!\?\-]/; export abstract class ITextBehaviorMixin extends Text { isEditing: boolean; selected: boolean; - private _currentTickState: { isAborted: boolean; abort: () => void }; - private _cursorTimeout1: number; - private _currentTickCompleteState: { isAborted: boolean; abort: () => void }; cursorDelay: number; - private _cursorTimeout2: number; - _currentCursorOpacity: number; selectionStart: number; selectionEnd: number; - _reSpace: RegExp; + cursorDuration: number; editable: boolean; - hiddenTextarea: HTMLTextAreaElement; + editingBorderColor: string; + inCompositionMode: boolean; + compositionStart: number; + compositionEnd: number; + + abstract hiddenTextarea: HTMLTextAreaElement; + protected _reSpace: RegExp; + private _currentTickState: { isAborted: boolean; abort: () => void }; + private _cursorTimeout1: number; + private _cursorTimeout2: number; + private _currentTickCompleteState: { isAborted: boolean; abort: () => void }; + protected _currentCursorOpacity: number; private _textBeforeEdit: string; protected __isMousedown: boolean; protected __selectionStartOnMouseDown: number; @@ -33,23 +43,34 @@ export abstract class ITextBehaviorMixin extends Text { }; protected __isDraggingOver: boolean; protected __lastSelected: boolean; - editingBorderColor: string; - cursorOffsetCache: { left?: number; top?: number } = {}; - inCompositionMode: boolean; - compositionStart: number; + protected cursorOffsetCache: { left?: number; top?: number } = {}; protected _savedProps: { hasControls: boolean; borderColor: string; lockMovementX: boolean; lockMovementY: boolean; selectable: boolean; - hoverCursor: string; + hoverCursor: string | null; defaultCursor: string; moveCursor: string; }; protected _selectionDirection: 'left' | 'right' | null; abstract initHiddenTextarea(): void; + abstract initCursorSelectionHandlers(): void; + abstract initDoubleClickSimulation(): void; + abstract _fireSelectionChanged(): void; + abstract renderCursorOrSelection(): void; + abstract getSelectionStartFromPointer(e: TPointerEvent): number; + abstract _getCursorBoundaries( + index: number, + skipCaching: boolean + ): { + left: number; + top: number; + leftOffset: number; + topOffset: number; + }; /** * Initializes all the interactive behavior of IText @@ -425,9 +446,9 @@ export abstract class ITextBehaviorMixin extends Text { return this; } - exitEditingOnOthers(canvas) { + exitEditingOnOthers(canvas: Canvas) { if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function (obj) { + canvas._iTextInstances.forEach((obj) => { obj.selected = false; if (obj.isEditing) { obj.exitEditing(); diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index af11cd00cd3..b10e46f69cd 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -6,7 +6,7 @@ import { TPointerEvent } from '../typedefs'; import { addListener } from '../util/dom_event'; import { ITextBehaviorMixin } from './itext_behavior.mixin'; -export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { +export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { /** * For functionalities on keyDown * Map a special key to a function of the instance/prototype @@ -31,6 +31,8 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * For functionalities on keyDown + ctrl || cmd */ ctrlKeysMapDown; + private _clickHandlerInitialized: boolean; + private _copyDone: boolean; /** * Initializes hidden textarea (needed to bring up keyboard in iOS) @@ -54,31 +56,31 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { fabric.document.body.appendChild(this.hiddenTextarea); } - addListener(this.hiddenTextarea, 'blur', this.blur.bind(this)); - addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); - addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); - addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); - addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); - addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); - addListener( - this.hiddenTextarea, + this.hiddenTextarea.addEventListener('blur', this.blur.bind(this)); + this.hiddenTextarea.addEventListener('keydown', this.onKeyDown.bind(this)); + this.hiddenTextarea.addEventListener('keyup', this.onKeyUp.bind(this)); + this.hiddenTextarea.addEventListener('input', this.onInput.bind(this)); + this.hiddenTextarea.addEventListener('copy', this.copy.bind(this)); + this.hiddenTextarea.addEventListener('cut', this.copy.bind(this)); + this.hiddenTextarea.addEventListener('paste', this.paste.bind(this)); + this.hiddenTextarea.addEventListener( 'compositionstart', this.onCompositionStart.bind(this) ); - addListener( - this.hiddenTextarea, + this.hiddenTextarea.addEventListener( 'compositionupdate', this.onCompositionUpdate.bind(this) ); - addListener( - this.hiddenTextarea, + this.hiddenTextarea.addEventListener( 'compositionend', this.onCompositionEnd.bind(this) ); if (!this._clickHandlerInitialized && this.canvas) { - addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); + this.canvas.upperCanvasEl.addEventListener( + 'click', + this.onClick.bind(this) + ); this._clickHandlerInitialized = true; } } @@ -103,7 +105,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { if (!this.isEditing) { return; } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + const keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; if (e.keyCode in keyMap) { this[keyMap[e.keyCode]](e); } else if (e.keyCode in this.ctrlKeysMapDown && (e.ctrlKey || e.metaKey)) { @@ -149,25 +151,24 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {TPointerEvent} e Event object */ onInput(e: TPointerEvent) { - var fromPaste = this.fromPaste; + const fromPaste = this.fromPaste; this.fromPaste = false; e && e.stopPropagation(); if (!this.isEditing) { return; } // decisions about style changes. - var nextText = this._splitTextIntoLines( + const nextText = this._splitTextIntoLines( this.hiddenTextarea.value ).graphemeText, charCount = this._text.length, nextCharCount = nextText.length, - removedText, - insertedText, - charDiff = nextCharCount - charCount, selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, - selection = selectionStart !== selectionEnd, - copiedStyle, + selection = selectionStart !== selectionEnd; + let copiedStyle, + removedText, + charDiff = nextCharCount - charCount, removeFrom, removeTo; if (this.hiddenTextarea.value === '') { @@ -181,12 +182,12 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { return; } - var textareaSelection = this.fromStringToGraphemeSelection( + const textareaSelection = this.fromStringToGraphemeSelection( this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value ); - var backDelete = selectionStart > textareaSelection.selectionStart; + const backDelete = selectionStart > textareaSelection.selectionStart; if (selection) { removedText = this._text.slice(selectionStart, selectionEnd); @@ -201,7 +202,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { ); } } - insertedText = nextText.slice( + const insertedText = nextText.slice( textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd ); @@ -216,11 +217,12 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { false ); // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function () { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; - }); + copiedStyle = insertedText.map( + () => + // this return an array of references, but that is fine since we are + // copying the style later. + copiedStyle[0] + ); } if (selection) { removeFrom = selectionStart; @@ -320,7 +322,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @return {Number} widthBeforeCursor width before cursor */ _getWidthBeforeCursor(lineIndex: number, charIndex: number): number { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), + let widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; if (charIndex > 0) { @@ -337,7 +339,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @return {Number} */ getDownCursorOffset(e: TPointerEvent, isRight: boolean): number { - var selectionProp = this._getSelectionForOffset(e, isRight), + const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; // if on last line, down cursor goes to end of line @@ -349,7 +351,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { // move to the end of a text return this._text.length - selectionProp; } - var charIndex = cursorLocation.charIndex, + const charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), textAfterCursor = this._textLines[lineIndex].slice(charIndex); @@ -382,14 +384,14 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @return {Number} */ getUpCursorOffset(e: TPointerEvent, isRight: boolean): number { - var selectionProp = this._getSelectionForOffset(e, isRight), + const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { // if on first line, up cursor goes to start of line return -selectionProp; } - var charIndex = cursorLocation.charIndex, + const charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), @@ -408,19 +410,19 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @private */ _getIndexOnLine(lineIndex, width) { - var line = this._textLines[lineIndex], + let line = this._textLines[lineIndex], lineLeftOffset = this._getLineLeftOffset(lineIndex), widthOfCharsOnLine = lineLeftOffset, indexOnLine = 0, charWidth, foundMatch; - for (var j = 0, jlen = line.length; j < jlen; j++) { + for (let j = 0, jlen = line.length; j < jlen; j++) { charWidth = this.__charBounds[lineIndex][j].width; widthOfCharsOnLine += charWidth; if (widthOfCharsOnLine > width) { foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, + const leftEdge = widthOfCharsOnLine - charWidth, rightEdge = widthOfCharsOnLine, offsetFromLeftEdge = Math.abs(leftEdge - width), offsetFromRightEdge = Math.abs(rightEdge - width); @@ -469,7 +471,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {TPointerEvent} e Event object */ _moveCursorUpOrDown(direction: string, e: TPointerEvent) { - var action = 'get' + direction + 'CursorOffset', + const action = 'get' + direction + 'CursorOffset', offset = this[action](e, this._selectionDirection === 'right'); if (e.shiftKey) { this.moveCursorWithShift(offset); @@ -491,7 +493,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {Number} offset */ moveCursorWithShift(offset: number) { - var newSelection = + const newSelection = this._selectionDirection === 'left' ? this.selectionStart + offset : this.selectionEnd + offset; @@ -534,7 +536,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @return {Boolean} true if a change happened */ _move(e, prop, direction): boolean { - var newValue; + let newValue; if (e.altKey) { newValue = this['findWordBoundary' + direction](this[prop]); } else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { @@ -568,7 +570,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {TPointerEvent} e */ moveCursorLeftWithoutShift(e: TPointerEvent) { - var change = true; + let change = true; this._selectionDirection = 'left'; // only move cursor when there is no selection, @@ -619,7 +621,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {TPointerEvent} e Event object */ _moveCursorLeftOrRight(direction: string, e: TPointerEvent) { - var actionName = 'moveCursor' + direction + 'With'; + let actionName = 'moveCursor' + direction + 'With'; this._currentCursorOpacity = 1; if (e.shiftKey) { @@ -656,7 +658,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {TPointerEvent} e Event object */ moveCursorRightWithoutShift(e: TPointerEvent) { - var changed = true; + let changed = true; this._selectionDirection = 'right'; if (this.selectionStart === this.selectionEnd) { @@ -709,7 +711,7 @@ export class ITextKeyBehaviorMixin extends ITextBehaviorMixin { if (end > start) { this.removeStyleFromTo(start, end); } - var graphemes = this.graphemeSplit(text); + const graphemes = this.graphemeSplit(text); this.insertNewStyleBlock(graphemes, start, style); this._text = [].concat( this._text.slice(0, start), diff --git a/src/mixins/object_interactivity.mixin.ts b/src/mixins/object_interactivity.mixin.ts index dbd90e23ff2..64cdc32b747 100644 --- a/src/mixins/object_interactivity.mixin.ts +++ b/src/mixins/object_interactivity.mixin.ts @@ -500,7 +500,7 @@ export class InteractiveFabricObject extends FabricObject { * with the object transformMatrix, or restored to neutral transform */ clearContextTop( - restoreManually: boolean + restoreManually?: boolean ): CanvasRenderingContext2D | undefined { if (!this.canvas) { return; diff --git a/src/mixins/observable.mixin.ts b/src/mixins/observable.mixin.ts index 2808c843d67..b0236b13915 100644 --- a/src/mixins/observable.mixin.ts +++ b/src/mixins/observable.mixin.ts @@ -128,7 +128,7 @@ export class Observable { * @param {String} eventName Event name to fire * @param {Object} [options] Options object */ - fire(eventName: string, options: object) { + fire(eventName: string, options?: object) { if (!this.__eventListeners) { return; } diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 076a12b6359..ff4b15d1389 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -347,7 +347,7 @@ export class IText extends Text { * @param {number} [index] index from start * @param {boolean} [skipCaching] */ - _getCursorBoundaries(index: number, skipCaching: boolean) { + _getCursorBoundaries(index: number, skipCaching?: boolean) { if (typeof index === 'undefined') { index = this.selectionStart; } @@ -368,7 +368,7 @@ export class IText extends Text { * @param {number} index index from start * @param {boolean} [skipCaching] */ - _getCursorBoundariesOffsets(index: number, skipCaching: boolean) { + _getCursorBoundariesOffsets(index: number, skipCaching?: boolean) { if (skipCaching) { return this.__getCursorBoundariesOffsets(index); } From 845d29effcc57a675f02f1dd2256bda64f2a504f Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:07:47 +0200 Subject: [PATCH 39/58] more --- src/mixins/itext_behavior.mixin.ts | 2 +- src/mixins/itext_key_behavior.mixin.ts | 143 ++++++++++++------------- src/shapes/itext.class.ts | 10 -- src/shapes/text.class.ts | 5 +- src/shapes/textbox.class.ts | 2 +- 5 files changed, 76 insertions(+), 86 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 60c73be1e04..285bcc9dae1 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -217,7 +217,7 @@ export abstract class ITextBehaviorMixin extends Text { /** * Initializes delayed cursor */ - initDelayedCursor(restart) { + initDelayedCursor(restart?: boolean) { const delay = restart ? 0 : this.cursorDelay; this.abortCursorAnimation(); diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index b10e46f69cd..6878e0ee6ff 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -1,38 +1,76 @@ -////@ts-nocheck +//@ts-nocheck import { fabric } from '../../HEADER'; import { config } from '../config'; import { TPointerEvent } from '../typedefs'; -import { addListener } from '../util/dom_event'; import { ITextBehaviorMixin } from './itext_behavior.mixin'; export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { /** * For functionalities on keyDown * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or + * If you need different behavior for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the IText or * your prototype. * the map change will affect all Instances unless you need for only some text Instances * in that case you have to clone this object and assign your Instance. * this.keysMap = Object.assign({}, this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + * The function must be in IText.prototype.myFunction And will receive event as args[0] */ - keysMap; + keysMap: { + 9: 'exitEditing'; + 27: 'exitEditing'; + 33: 'moveCursorUp'; + 34: 'moveCursorDown'; + 35: 'moveCursorRight'; + 36: 'moveCursorLeft'; + 37: 'moveCursorLeft'; + 38: 'moveCursorUp'; + 39: 'moveCursorRight'; + 40: 'moveCursorDown'; + }; - keysMapRtl; + keysMapRtl: { + 9: 'exitEditing'; + 27: 'exitEditing'; + 33: 'moveCursorUp'; + 34: 'moveCursorDown'; + 35: 'moveCursorLeft'; + 36: 'moveCursorRight'; + 37: 'moveCursorRight'; + 38: 'moveCursorUp'; + 39: 'moveCursorLeft'; + 40: 'moveCursorDown'; + }; /** * For functionalities on keyUp + ctrl || cmd */ - ctrlKeysMapUp; + ctrlKeysMapUp: { + 67: 'copy'; + 88: 'cut'; + }; /** * For functionalities on keyDown + ctrl || cmd */ - ctrlKeysMapDown; + ctrlKeysMapDown: { + 65: 'selectAll'; + }; + + /** + * DOM container to append the hiddenTextarea. + * An alternative to attaching to the document.body. + * Useful to reduce laggish redraw of the full document.body tree and + * also with modals event capturing that won't let the textarea take focus. + * @type HTMLElement + * @default + */ + hiddenTextareaContainer?: HTMLElement | null; + private _clickHandlerInitialized: boolean; private _copyDone: boolean; + private fromPaste: boolean; /** * Initializes hidden textarea (needed to bring up keyboard in iOS) @@ -99,9 +137,9 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { /** * Handles keydown event * only used for arrows and combination of modifier keys. - * @param {TPointerEvent} e Event object + * @param {KeyboardEvent} e Event object */ - onKeyDown(e: TPointerEvent) { + onKeyDown(e: KeyboardEvent) { if (!this.isEditing) { return; } @@ -129,9 +167,9 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * Handles keyup event * We handle KeyUp because ie11 and edge have difficulties copy/pasting * if a copy/cut event fired, keyup is dismissed - * @param {TPointerEvent} e Event object + * @param {KeyboardEvent} e Event object */ - onKeyUp(e: TPointerEvent) { + onKeyUp(e: KeyboardEvent) { if (!this.isEditing || this._copyDone || this.inCompositionMode) { this._copyDone = false; return; @@ -148,9 +186,9 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { /** * Handles onInput event - * @param {TPointerEvent} e Event object + * @param {Event} e Event object */ - onInput(e: TPointerEvent) { + onInput(e: Event) { const fromPaste = this.fromPaste; this.fromPaste = false; e && e.stopPropagation(); @@ -307,10 +345,10 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { /** * @private - * @param {TPointerEvent} e Event object + * @param {ClipboardEvent} e Event object * @return {Object} Clipboard data object */ - _getClipboardData(e: TPointerEvent): object { + _getClipboardData(e: ClipboardEvent): object { return (e && e.clipboardData) || fabric.window.clipboardData; } @@ -338,7 +376,7 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {Boolean} isRight * @return {Number} */ - getDownCursorOffset(e: TPointerEvent, isRight: boolean): number { + getDownCursorOffset(e: KeyboardEvent, isRight: boolean): number { const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; @@ -366,11 +404,11 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { /** * private * Helps finding if the offset should be counted from Start or End - * @param {TPointerEvent} e Event object + * @param {KeyboardEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - _getSelectionForOffset(e: TPointerEvent, isRight: boolean): number { + _getSelectionForOffset(e: KeyboardEvent, isRight: boolean): number { if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { return this.selectionEnd; } else { @@ -379,11 +417,11 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { } /** - * @param {TPointerEvent} e Event object + * @param {KeyboardEvent} e Event object * @param {Boolean} isRight * @return {Number} */ - getUpCursorOffset(e: TPointerEvent, isRight: boolean): number { + getUpCursorOffset(e: KeyboardEvent, isRight: boolean): number { const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; @@ -409,10 +447,10 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * for a given width it founds the matching character. * @private */ - _getIndexOnLine(lineIndex, width) { - let line = this._textLines[lineIndex], - lineLeftOffset = this._getLineLeftOffset(lineIndex), - widthOfCharsOnLine = lineLeftOffset, + _getIndexOnLine(lineIndex: number, width: number) { + const line = this._textLines[lineIndex], + lineLeftOffset = this._getLineLeftOffset(lineIndex); + let widthOfCharsOnLine = lineLeftOffset, indexOnLine = 0, charWidth, foundMatch; @@ -470,8 +508,8 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { * @param {String} direction 'Up' or 'Down' * @param {TPointerEvent} e Event object */ - _moveCursorUpOrDown(direction: string, e: TPointerEvent) { - const action = 'get' + direction + 'CursorOffset', + _moveCursorUpOrDown(direction: 'Up' | 'Down', e: TPointerEvent) { + const action = `get${direction}CursorOffset`, offset = this[action](e, this._selectionDirection === 'right'); if (e.shiftKey) { this.moveCursorWithShift(offset); @@ -713,11 +751,11 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { } const graphemes = this.graphemeSplit(text); this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat( - this._text.slice(0, start), - graphemes, - this._text.slice(end) - ); + this._text = [ + ...this._text.slice(0, start), + ...graphemes, + ...this._text.slice(end), + ]; this.text = this._text.join(''); this.set('dirty', true); if (this._shouldClearDimensionCache()) { @@ -727,42 +765,3 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { this._removeExtraneousStyles(); } } - -export const ITextKeyBehaviorMixinDefaultValues = { - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut', - }, - ctrlKeysMapDown: { - 65: 'selectAll', - }, -}; - -Object.assign( - ITextKeyBehaviorMixin.prototype, - ITextKeyBehaviorMixinDefaultValues -); diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index ff4b15d1389..e29aaf213ab 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -136,16 +136,6 @@ export class IText extends Text { */ caching: boolean; - /** - * DOM container to append the hiddenTextarea. - * An alternative to attaching to the document.body. - * Useful to reduce laggish redraw of the full document.body tree and - * also with modals event capturing that won't let the textarea take focus. - * @type HTMLElement - * @default - */ - hiddenTextareaContainer?: HTMLElement | null; - /** * @private */ diff --git a/src/shapes/text.class.ts b/src/shapes/text.class.ts index 060a92f28f1..898441efa02 100644 --- a/src/shapes/text.class.ts +++ b/src/shapes/text.class.ts @@ -319,7 +319,7 @@ export class Text extends TextStyleMixin { width: number; kernedWidth: number; height: number; - }[] = []; + }[][] = []; /** * use this size when measuring text. To avoid IE11 rounding errors @@ -485,7 +485,8 @@ export class Text extends TextStyleMixin { * It return always for text and Itext. * @return Number */ - missingNewlineOffset() { + // eslint-disable-next-line @typescript-eslint/no-unused-vars + missingNewlineOffset(lineIndex: number) { return 1; } diff --git a/src/shapes/textbox.class.ts b/src/shapes/textbox.class.ts index ce6e29df0ba..988ceab526d 100644 --- a/src/shapes/textbox.class.ts +++ b/src/shapes/textbox.class.ts @@ -409,7 +409,7 @@ export class Textbox extends IText { * and counting style. * @return Number */ - missingNewlineOffset(lineIndex) { + missingNewlineOffset(lineIndex: number) { if (this.splitByGrapheme) { return this.isEndOfWrapping(lineIndex) ? 1 : 0; } From 3690c20b393c85a157a118e89fa54256263e4499 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:12:53 +0200 Subject: [PATCH 40/58] Update itext_click_behavior.mixin.ts --- src/mixins/itext_click_behavior.mixin.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index aeb472ed6c5..eecf9bfa218 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,10 +1,10 @@ ////@ts-nocheck -import { Point } from '../point.class'; -import { TPointerEvent } from '../typedefs'; +import { IPoint, Point } from '../point.class'; +import { TPointerEvent, TransformEvent } from '../typedefs'; import { invertTransform, transformPoint } from '../util/misc/matrix'; import { ITextBehaviorMixin } from './itext_behavior.mixin'; -export class ITextClickBehaviorMixin extends ITextBehaviorMixin { +export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { private __lastClickTime: number; private __lastLastClickTime: number; private __lastPointer: {}; @@ -175,7 +175,7 @@ export class ITextClickBehaviorMixin extends ITextBehaviorMixin { * standard handler for mouse up, overridable * @private */ - mouseUpHandler(options) { + mouseUpHandler(options: TransformEvent) { this.__isMousedown = false; if ( !this.editable || From 8da8d8aeb85752ddd21e0b89f18a0ac91a4f5ba1 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:15:42 +0200 Subject: [PATCH 41/58] Update itext_click_behavior.mixin.ts --- src/mixins/itext_click_behavior.mixin.ts | 40 ++++++++++++++---------- 1 file changed, 23 insertions(+), 17 deletions(-) diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index eecf9bfa218..369ec79422f 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -7,7 +7,7 @@ import { ITextBehaviorMixin } from './itext_behavior.mixin'; export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { private __lastClickTime: number; private __lastLastClickTime: number; - private __lastPointer: {}; + private __lastPointer: IPoint | {}; private __newClickTime: number; /** @@ -28,12 +28,12 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { * Default event handler to simulate triple click * @private */ - onMouseDown(options) { + onMouseDown(options: TransformEvent) { if (!this.canvas) { return; } this.__newClickTime = +new Date(); - var newPointer = options.pointer; + const newPointer = options.pointer; if (this.isTripleClick(newPointer)) { this.fire('tripleclick', options); this._stopEvent(options.e); @@ -44,7 +44,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { this.__lastSelected = this.selected; } - isTripleClick(newPointer) { + isTripleClick(newPointer: IPoint) { return ( this.__newClickTime - this.__lastClickTime < 500 && this.__lastClickTime - this.__lastLastClickTime < 500 && @@ -73,7 +73,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { /** * Default handler for double click, select a word */ - doubleClickHandler(options) { + doubleClickHandler(options: TransformEvent) { if (!this.isEditing) { return; } @@ -83,7 +83,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { /** * Default handler for triple click, select a line */ - tripleClickHandler(options) { + tripleClickHandler(options: TransformEvent) { if (!this.isEditing) { return; } @@ -106,7 +106,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { * initializing a mousedDown on a text area will cancel fabricjs knowledge of * current compositionMode. It will be set to false. */ - _mouseDownHandler(options) { + _mouseDownHandler(options: TransformEvent) { if ( !this.canvas || !this.editable || @@ -136,7 +136,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { * can be overridden to do something different. * Scope of this implementation is: verify the object is already selected when mousing down */ - _mouseDownHandlerBefore(options) { + _mouseDownHandlerBefore(options: TransformEvent) { if ( !this.canvas || !this.editable || @@ -148,7 +148,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { // may trigger editing mode in some way. this.selected = this === this.canvas._activeObject; // text dragging logic - var newSelection = this.getSelectionStartFromPointer(options.e); + const newSelection = this.getSelectionStartFromPointer(options.e); this.__isDragging = this.isEditing && newSelection >= this.selectionStart && @@ -187,7 +187,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { } if (this.canvas) { - var currentActive = this.canvas._activeObject; + const currentActive = this.canvas._activeObject; if (currentActive && currentActive !== this) { // avoid running this logic when there is an active object // this because is possible with shift click and fast clicks, @@ -215,7 +215,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { * @param {TPointerEvent} e Event object */ setCursorByClick(e: TPointerEvent) { - var newSelection = this.getSelectionStartFromPointer(e), + const newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd; if (e.shiftKey) { @@ -250,7 +250,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { * @return {Number} Index of a character */ getSelectionStartFromPointer(e: TPointerEvent): number { - var mouseOffset = this.getLocalPointer(e), + let mouseOffset = this.getLocalPointer(e), prevWidth = 0, width = 0, height = 0, @@ -258,7 +258,7 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { lineIndex = 0, lineLeftOffset, line; - for (var i = 0, len = this._textLines.length; i < len; i++) { + for (let i = 0, len = this._textLines.length; i < len; i++) { if (height <= mouseOffset.y) { height += this.getHeightOfLine(i) * this.scaleY; lineIndex = i; @@ -302,15 +302,21 @@ export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { /** * @private */ - _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jle) { - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, + _getNewSelectionStartFromOffset( + mouseOffset: IPoint, + prevWidth: number, + width: number, + index: number, + jlen: number + ) { + const distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, distanceBtwNextCharAndCursor = width - mouseOffset.x, offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || distanceBtwNextCharAndCursor < 0 ? 0 - : 1, - newSelectionStart = index + offset; + : 1; + let newSelectionStart = index + offset; // if object is horizontally flipped, mirror cursor location from the end if (this.flipX) { newSelectionStart = jlen - newSelectionStart; From 1fefdfe7ab80e61acc9ed780571180493c572eb0 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:18:04 +0200 Subject: [PATCH 42/58] k --- src/mixins/itext_behavior.mixin.ts | 34 ++++++++++++--- src/mixins/itext_key_behavior.mixin.ts | 57 -------------------------- 2 files changed, 28 insertions(+), 63 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 285bcc9dae1..5f205744bd7 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1349,6 +1349,28 @@ export abstract class ITextBehaviorMixin extends Text { } } + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars(start: number, end: number) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } + /** * insert characters at start position, before start position. * start equal 1 it means the text get inserted between actual grapheme 0 and 1 @@ -1368,13 +1390,13 @@ export abstract class ITextBehaviorMixin extends Text { if (end > start) { this.removeStyleFromTo(start, end); } - var graphemes = this.graphemeSplit(text); + const graphemes = this.graphemeSplit(text); this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat( - this._text.slice(0, start), - graphemes, - this._text.slice(end) - ); + this._text = [ + ...this._text.slice(0, start), + ...graphemes, + ...this._text.slice(end), + ]; this.text = this._text.join(''); this.set('dirty', true); if (this._shouldClearDimensionCache()) { diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index 6878e0ee6ff..223ca61338e 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -707,61 +707,4 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { } return changed; } - - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars(start: number, end: number) { - if (typeof end === 'undefined') { - end = start + 1; - } - this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - } - - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars(text: string, style: Array, start: number, end: number) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - const graphemes = this.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [ - ...this._text.slice(0, start), - ...graphemes, - ...this._text.slice(end), - ]; - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - } } From 5efa491d97edfb2b872d4d98c2a9422fb7d20633 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:27:34 +0200 Subject: [PATCH 43/58] proto chain --- src/mixins/itext_behavior.mixin.ts | 25 +++++++++++++----------- src/mixins/itext_click_behavior.mixin.ts | 8 ++++---- src/mixins/itext_key_behavior.mixin.ts | 2 ++ src/shapes/itext.class.ts | 25 ++++++++++++------------ 4 files changed, 32 insertions(+), 28 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 5f205744bd7..66ab6a78f04 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1,3 +1,5 @@ +// @ts-nocheck + import { fabric } from '../../HEADER'; import { Point } from '../point.class'; import { Text } from '../shapes/text.class'; @@ -12,19 +14,20 @@ import { Canvas } from '../__types__'; const reNonWord = /[ \n\.,;!\?\-]/; export abstract class ITextBehaviorMixin extends Text { - isEditing: boolean; - selected: boolean; - cursorDelay: number; - selectionStart: number; - selectionEnd: number; - cursorDuration: number; - editable: boolean; - editingBorderColor: string; - inCompositionMode: boolean; - compositionStart: number; - compositionEnd: number; + abstract isEditing: boolean; + abstract selected: boolean; + abstract cursorDelay: number; + abstract selectionStart: number; + abstract selectionEnd: number; + abstract cursorDuration: number; + abstract editable: boolean; + abstract editingBorderColor: string; + abstract inCompositionMode: boolean; + abstract compositionStart: number; + abstract compositionEnd: number; abstract hiddenTextarea: HTMLTextAreaElement; + protected _reSpace: RegExp; private _currentTickState: { isAborted: boolean; abort: () => void }; private _cursorTimeout1: number; diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index 369ec79422f..a59fbd13b29 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,13 +1,13 @@ -////@ts-nocheck +//@ts-nocheck import { IPoint, Point } from '../point.class'; import { TPointerEvent, TransformEvent } from '../typedefs'; import { invertTransform, transformPoint } from '../util/misc/matrix'; -import { ITextBehaviorMixin } from './itext_behavior.mixin'; +import { ITextKeyBehaviorMixin } from './itext_key_behavior.mixin'; -export abstract class ITextClickBehaviorMixin extends ITextBehaviorMixin { +export abstract class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { private __lastClickTime: number; private __lastLastClickTime: number; - private __lastPointer: IPoint | {}; + private __lastPointer: IPoint | Record; private __newClickTime: number; /** diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index 223ca61338e..d2c1f38f946 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -58,6 +58,8 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { 65: 'selectAll'; }; + hiddenTextarea: HTMLTextAreaElement | null; + /** * DOM container to append the hiddenTextarea. * An alternative to attaching to the document.body. diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index e29aaf213ab..8b83d4c5a2f 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,9 +1,8 @@ -// @ts-nocheck import { fabric } from '../../HEADER'; +import { ITextClickBehaviorMixin } from '../mixins/itext_click_behavior.mixin'; import { TClassProperties, TFiller } from '../typedefs'; import { stylesFromArray } from '../util/misc/textStyles'; import { FabricObject } from './fabricObject.class'; -import { Text } from './text.class'; /** * IText class (introduced in v1.4) Events are also fired with "text:" @@ -55,7 +54,7 @@ import { Text } from './text.class'; * Select line: triple click * */ -export class IText extends Text { +export class IText extends ITextClickBehaviorMixin { /** * Index where text selection starts (or where cursor is when there is no selection) * @type Number @@ -426,23 +425,23 @@ export class IText extends Text { } _renderCursor(ctx, boundaries, selectionStart) { - let cursorLocation = this.get2DCursorLocation(selectionStart), + const cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, - topOffset = boundaries.topOffset, dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); - topOffset += + const topOffset = + boundaries.topOffset + ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / this.lineHeight - charHeight * (1 - this._fontSizeFraction); if (this.inCompositionMode) { // TODO: investigate why there isn't a return inside the if, - // and why can't happe top of the function + // and why can't happen at the top of the function this.renderSelection(ctx, boundaries); } ctx.fillStyle = @@ -522,8 +521,8 @@ export class IText extends Text { endChar = end.charIndex < 0 ? 0 : end.charIndex; for (let i = startLine; i <= endLine; i++) { - let lineOffset = this._getLineLeftOffset(i) || 0, - lineHeight = this.getHeightOfLine(i), + const lineOffset = this._getLineLeftOffset(i) || 0; + let lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0; @@ -551,10 +550,10 @@ export class IText extends Text { if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { lineHeight /= this.lineHeight; } - let drawStart = boundaries.left + lineOffset + boxStart, - drawWidth = boxEnd - boxStart, - drawHeight = lineHeight, - extraTop = 0; + let drawStart = boundaries.left + lineOffset + boxStart; + const drawWidth = boxEnd - boxStart; + let drawHeight = lineHeight; + let extraTop = 0; if (this.inCompositionMode) { ctx.fillStyle = this.compositionColor || 'black'; drawHeight = 1; From cb768abdb8bd1b05b126297f1804724274fd908b Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:33:38 +0200 Subject: [PATCH 44/58] m --- src/mixins/itext_behavior.mixin.ts | 10 ++++++++-- src/shapes/itext.class.ts | 27 ++++++--------------------- 2 files changed, 14 insertions(+), 23 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 66ab6a78f04..fbe514fd89b 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -15,19 +15,24 @@ const reNonWord = /[ \n\.,;!\?\-]/; export abstract class ITextBehaviorMixin extends Text { abstract isEditing: boolean; - abstract selected: boolean; abstract cursorDelay: number; abstract selectionStart: number; abstract selectionEnd: number; abstract cursorDuration: number; abstract editable: boolean; abstract editingBorderColor: string; - abstract inCompositionMode: boolean; + abstract compositionStart: number; abstract compositionEnd: number; abstract hiddenTextarea: HTMLTextAreaElement; + /** + * Helps determining when the text is in composition, so that the cursor + * rendering is altered. + */ + protected inCompositionMode: boolean; + protected _reSpace: RegExp; private _currentTickState: { isAborted: boolean; abort: () => void }; private _cursorTimeout1: number; @@ -45,6 +50,7 @@ export abstract class ITextBehaviorMixin extends Text { selectionEnd: number; }; protected __isDraggingOver: boolean; + protected selected: boolean; protected __lastSelected: boolean; protected cursorOffsetCache: { left?: number; top?: number } = {}; protected _savedProps: { diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 8b83d4c5a2f..559567b109e 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -1,3 +1,4 @@ +// @ts-nocheck import { fabric } from '../../HEADER'; import { ITextClickBehaviorMixin } from '../mixins/itext_click_behavior.mixin'; import { TClassProperties, TFiller } from '../typedefs'; @@ -69,6 +70,10 @@ export class IText extends ITextClickBehaviorMixin { */ selectionEnd: number; + compositionStart: number; + + compositionEnd: number; + /** * Color of text selection * @type String @@ -135,27 +140,6 @@ export class IText extends ITextClickBehaviorMixin { */ caching: boolean; - /** - * @private - */ - _reSpace: RegExp; - - /** - * @private - */ - _currentCursorOpacity: number; - - /** - * @private - */ - _selectionDirection: CanvasDirection; - - /** - * Helps determining when the text is in composition, so that the cursor - * rendering is altered. - */ - inCompositionMode: boolean; - /** * Constructor * @param {String} text Text string @@ -179,6 +163,7 @@ export class IText extends ITextClickBehaviorMixin { } else { super._set(key, value); } + return this; } /** From 3ac07df926d076b793bbe7356bb94ec190a60532 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:40:52 +0200 Subject: [PATCH 45/58] Update index.js --- index.js | 3 --- 1 file changed, 3 deletions(-) diff --git a/index.js b/index.js index 421d937822d..0abf4bff625 100644 --- a/index.js +++ b/index.js @@ -59,9 +59,6 @@ import './src/filters/composed_filter.class'; // optional image_filters import './src/filters/hue_rotation.class'; // optional image_filters import './src/shapes/text.class'; // optional text import './src/shapes/itext.class'; // optional itext -import './src/mixins/itext_behavior.mixin'; // optional itext -import './src/mixins/itext_click_behavior.mixin'; // optional itext -import './src/mixins/itext_key_behavior.mixin'; // optional itext import './src/mixins/itext.svg_export'; // optional itext import './src/shapes/textbox.class'; // optional textbox import './src/controls'; // optional interaction From 6846f9537463cb35b92a45c5e8fc374e99e04e67 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:41:03 +0200 Subject: [PATCH 46/58] type --- src/mixins/itext_behavior.mixin.ts | 12 +++++++++--- src/mixins/text_style.mixin.ts | 2 +- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index fbe514fd89b..5fd4ade96bd 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -9,6 +9,7 @@ import { removeFromArray } from '../util/internals'; import { createCanvasElement } from '../util/misc/dom'; import { transformPoint } from '../util/misc/matrix'; import { Canvas } from '../__types__'; +import { TextStyleDeclaration } from './text_style.mixin'; // extend this regex to support non english languages const reNonWord = /[ \n\.,;!\?\-]/; @@ -1237,7 +1238,7 @@ export abstract class ITextBehaviorMixin extends Text { lineIndex: number, charIndex: number, quantity: number, - copiedStyl + copiedStyle: TextStyleDeclaration[] ) { if (!this.styles) { this.styles = {}; @@ -1298,7 +1299,7 @@ export abstract class ITextBehaviorMixin extends Text { insertNewStyleBlock( insertedText: string[], start: number, - copiedStyle: Array + copiedStyle: TextStyleDeclaration[] ) { let cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], @@ -1392,7 +1393,12 @@ export abstract class ITextBehaviorMixin extends Text { * @param {Number} start * @param {Number} end default to start + 1 */ - insertChars(text: string, style: Array, start: number, end: number) { + insertChars( + text: string, + style: TextStyleDeclaration[], + start: number, + end: number + ) { if (typeof end === 'undefined') { end = start; } diff --git a/src/mixins/text_style.mixin.ts b/src/mixins/text_style.mixin.ts index a67dc716371..d57f8fa2259 100644 --- a/src/mixins/text_style.mixin.ts +++ b/src/mixins/text_style.mixin.ts @@ -1,6 +1,6 @@ import { FabricObject } from '../shapes/fabricObject.class'; -type TextStyleDeclaration = Record; +export type TextStyleDeclaration = Record; export type TextStyle = { [line: number | string]: { [char: number | string]: TextStyleDeclaration }; From 74670ac3effb4325516fea9b9f01680b5bb31723 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:42:57 +0200 Subject: [PATCH 47/58] Update itext_behavior.mixin.ts --- src/mixins/itext_behavior.mixin.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 5fd4ade96bd..4453e93aa2e 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1171,7 +1171,7 @@ export abstract class ITextBehaviorMixin extends Text { lineIndex: number, charIndex: number, qty: number, - copiedStyl + copiedStyle ) { let currentCharStyle, newLineStyles = {}, From 37ece6d13b3596bc698640bce7652f56e35a4b82 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Thu, 3 Nov 2022 17:43:41 +0200 Subject: [PATCH 48/58] checkout svg mixin --- src/mixins/itext.svg_export.ts | 587 +++++++++++++++++---------------- 1 file changed, 302 insertions(+), 285 deletions(-) diff --git a/src/mixins/itext.svg_export.ts b/src/mixins/itext.svg_export.ts index fd8a81a79ec..ac8234b303f 100644 --- a/src/mixins/itext.svg_export.ts +++ b/src/mixins/itext.svg_export.ts @@ -5,315 +5,332 @@ import { config } from '../config'; import { FabricObject } from '../shapes/fabricObject.class'; /* _TO_SVG_START_ */ -var fabric = global.fabric, - toFixed = toFixed, - multipleSpacesRegex = / +/g; +(function (global) { + var fabric = global.fabric, + toFixed = fabric.util.toFixed, + multipleSpacesRegex = / +/g; -export function TextIMixinGenerator(Klass) { - return class TextIMixin extends Klass { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG(): string { - var offsets = this._getSVGLeftTopOffsets(), - textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - } + fabric.util.object.extend( + fabric.Text.prototype, + /** @lends fabric.Text.prototype */ { + /** + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function () { + var offsets = this._getSVGLeftTopOffsets(), + textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG(reviver: Function): string { - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - noStyle: true, - withShadow: true, - }); - } + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function (reviver) { + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + noStyle: true, + withShadow: true, + }); + }, - /** - * @private - */ - _getSVGLeftTopOffsets() { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0), - }; - } + /** + * @private + */ + _getSVGLeftTopOffsets: function () { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0), + }; + }, - /** - * @private - */ - _wrapSVGTextAndBg(textAndBg) { - var noShadow = true, - textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n', - ]; - } + /** + * @private + */ + _wrapSVGTextAndBg: function (textAndBg) { + var noShadow = true, + textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n', + ]; + }, - /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg(textTopOffset: number, textLeftOffset: number): object { - var textSpans = [], - textBgRects = [], - height = textTopOffset, - lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); + /** + * @private + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { + var textSpans = [], + textBgRects = [], + height = textTopOffset, + lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.direction === 'rtl') { - lineOffset += this.width; - } - if ( - this.textBackgroundColor || - this.styleHas('textBackgroundColor', i) - ) { - this._setSVGTextLineBg( - textBgRects, + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.direction === 'rtl') { + lineOffset += this.width; + } + if ( + this.textBackgroundColor || + this.styleHas('textBackgroundColor', i) + ) { + this._setSVGTextLineBg( + textBgRects, + i, + textLeftOffset + lineOffset, + height + ); + } + this._setSVGTextLineText( + textSpans, i, textLeftOffset + lineOffset, height ); + height += this.getHeightOfLine(i); } - this._setSVGTextLineText( - textSpans, - i, - textLeftOffset + lineOffset, - height - ); - height += this.getHeightOfLine(i); - } - return { - textSpans: textSpans, - textBgRects: textBgRects, - }; - } + return { + textSpans: textSpans, + textBgRects: textBgRects, + }; + }, - /** - * @private - */ - _createTextCharSpan(_char, styleDecl, left, top) { - var shouldUseWhitespace = - _char !== _char.trim() || _char.match(multipleSpacesRegex), - styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), - fillStyles = styleProps ? 'style="' + styleProps + '"' : '', - dy = styleDecl.deltaY, - dySpan = '', - NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - string.escapeXml(_char), - '', - ].join(''); - } + /** + * @private + */ + _createTextCharSpan: function (_char, styleDecl, left, top) { + var shouldUseWhitespace = + _char !== _char.trim() || _char.match(multipleSpacesRegex), + styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), + fillStyles = styleProps ? 'style="' + styleProps + '"' : '', + dy = styleDecl.deltaY, + dySpan = '', + NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + fabric.util.string.escapeXml(_char), + '', + ].join(''); + }, - _setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffse) { - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, - style, - boxWidth = 0, - line = this._textLines[lineIndex], - timeToRender; + _setSVGTextLineText: function ( + textSpans, + lineIndex, + textLeftOffset, + textTopOffset + ) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, + style, + boxWidth = 0, + line = this._textLines[lineIndex], + timeToRender; - textTopOffset += - (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; - } else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; + textTopOffset += + (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = fabric.util.hasStyleChanged( + actualStyle, + nextStyle, + true + ); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || {}; + textSpans.push( + this._createTextCharSpan( + charsToRender, + style, + textLeftOffset, + textTopOffset + ) + ); + charsToRender = ''; + actualStyle = nextStyle; + if (this.direction === 'rtl') { + textLeftOffset -= boxWidth; + } else { + textLeftOffset += boxWidth; + } + boxWidth = 0; } } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = hasStyleChanged(actualStyle, nextStyle, true); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || {}; - textSpans.push( - this._createTextCharSpan( - charsToRender, - style, - textLeftOffset, - textTopOffset - ) - ); - charsToRender = ''; - actualStyle = nextStyle; - if (this.direction === 'rtl') { - textLeftOffset -= boxWidth; + }, + + _pushTextBgRect: function (textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n' + ); + }, + + _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], + heightOfLine = this.getHeightOfLine(i) / this.lineHeight, + boxWidth = 0, + boxStart = 0, + charBox, + currentColor, + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && + this._pushTextBgRect( + textBgRects, + lastColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine + ); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; } else { - textLeftOffset += boxWidth; + boxWidth += charBox.kernedWidth; } - boxWidth = 0; } - } - } - - _pushTextBgRect(textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n' - ); - } + currentColor && + this._pushTextBgRect( + textBgRects, + currentColor, + leftOffset + boxStart, + textTopOffset, + boxWidth, + heightOfLine + ); + }, - _setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], - heightOfLine = this.getHeightOfLine(i) / this.lineHeight, - boxWidth = 0, - boxStart = 0, - charBox, - currentColor, - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && - this._pushTextBgRect( - textBgRects, - lastColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine - ); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } else { - boxWidth += charBox.kernedWidth; + /** + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} + */ + _getFillAttributes: function (value) { + var fillColor = + value && typeof value === 'string' ? new Color(value) : ''; + if ( + !fillColor || + !fillColor.getSource() || + fillColor.getAlpha() === 1 + ) { + return 'fill="' + value + '"'; } - } - currentColor && - this._pushTextBgRect( - textBgRects, - currentColor, - leftOffset + boxStart, - textTopOffset, - boxWidth, - heightOfLine + return ( + 'opacity="' + + fillColor.getAlpha() + + '" fill="' + + fillColor.setAlpha(1).toRgb() + + '"' ); - } - - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes(value: any): string { - var fillColor = - value && typeof value === 'string' ? new Color(value) : ''; - if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { - return 'fill="' + value + '"'; - } - return ( - 'opacity="' + - fillColor.getAlpha() + - '" fill="' + - fillColor.setAlpha(1).toRgb() + - '"' - ); - } + }, - /** - * @private - */ - _getSVGLineTopOffset(lineIndex) { - var lineTopOffset = 0, - lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: - ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / - (this.lineHeight * this._fontSizeMult), - }; - } + /** + * @private + */ + _getSVGLineTopOffset: function (lineIndex) { + var lineTopOffset = 0, + lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: + ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / + (this.lineHeight * this._fontSizeMult), + }; + }, - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles(skipShadow: boolean): string { - var svgStyle = FabricObject.prototype.getSvgStyles.call(this, skipShadow); - return svgStyle + ' white-space: pre;'; + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function (skipShadow) { + var svgStyle = FabricObject.prototype.getSvgStyles.call( + this, + skipShadow + ); + return svgStyle + ' white-space: pre;'; + }, } - }; -} - -Text = TextIMixinGenerator(Text); - + ); +})(typeof exports !== 'undefined' ? exports : window); /* _TO_SVG_END_ */ From f601a199c44c43c71ded6e86b4f5ee0fd15b4553 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Wed, 9 Nov 2022 12:30:49 +0200 Subject: [PATCH 49/58] remove `setSelectionInBoundaries` --- src/mixins/itext_behavior.mixin.ts | 14 -------------- src/mixins/itext_key_behavior.mixin.ts | 5 ++++- 2 files changed, 4 insertions(+), 15 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index 4453e93aa2e..d634a28d534 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -1451,18 +1451,4 @@ export abstract class ITextBehaviorMixin extends Text { this.selectionEnd = newSelection; } } - - setSelectionInBoundaries() { - const length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } else if (this.selectionStart < 0) { - this.selectionStart = 0; - } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } else if (this.selectionEnd < 0) { - this.selectionEnd = 0; - } - } } diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index d2c1f38f946..b53ef41ad56 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -3,6 +3,7 @@ import { fabric } from '../../HEADER'; import { config } from '../config'; import { TPointerEvent } from '../typedefs'; +import { capValue } from '../util/misc/capValue'; import { ITextBehaviorMixin } from './itext_behavior.mixin'; export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { @@ -519,7 +520,9 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { this.moveCursorWithoutShift(offset); } if (offset !== 0) { - this.setSelectionInBoundaries(); + const max = this.text.length; + this.selectionStart = capValue(0, this.selectionStart, max); + this.selectionEnd = capValue(0, this.selectionEnd, max); this.abortCursorAnimation(); this._currentCursorOpacity = 1; this.initDelayedCursor(); From 8dcb9b93373d2bdd68e4568e622a8045f20a6cf4 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Wed, 9 Nov 2022 12:32:25 +0200 Subject: [PATCH 50/58] mv --- src/mixins/itext_behavior.mixin.ts | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/mixins/itext_behavior.mixin.ts b/src/mixins/itext_behavior.mixin.ts index d634a28d534..51c623d86cb 100644 --- a/src/mixins/itext_behavior.mixin.ts +++ b/src/mixins/itext_behavior.mixin.ts @@ -260,6 +260,17 @@ export abstract class ITextBehaviorMixin extends Text { } } + restartCursorIfNeeded() { + if ( + !this._currentTickState || + this._currentTickState.isAborted || + !this._currentTickCompleteState || + this._currentTickCompleteState.isAborted + ) { + this.initDelayedCursor(); + } + } + /** * Selects entire text */ @@ -1146,17 +1157,6 @@ export abstract class ITextBehaviorMixin extends Text { } } - restartCursorIfNeeded() { - if ( - !this._currentTickState || - this._currentTickState.isAborted || - !this._currentTickCompleteState || - this._currentTickCompleteState.isAborted - ) { - this.initDelayedCursor(); - } - } - /** * Handle insertion of more consecutive style lines for when one or more * newlines gets added to the text. Since current style needs to be shifted From d69dfe4997308070a4314b5d497da24ffe368229 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Wed, 9 Nov 2022 17:22:38 +0200 Subject: [PATCH 51/58] dead code --- src/mixins/itext_key_behavior.mixin.ts | 9 --------- 1 file changed, 9 deletions(-) diff --git a/src/mixins/itext_key_behavior.mixin.ts b/src/mixins/itext_key_behavior.mixin.ts index b53ef41ad56..5fffe18385e 100644 --- a/src/mixins/itext_key_behavior.mixin.ts +++ b/src/mixins/itext_key_behavior.mixin.ts @@ -346,15 +346,6 @@ export abstract class ITextKeyBehaviorMixin extends ITextBehaviorMixin { this.fromPaste = true; } - /** - * @private - * @param {ClipboardEvent} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData(e: ClipboardEvent): object { - return (e && e.clipboardData) || fabric.window.clipboardData; - } - /** * Finds the width in pixels before the cursor on the same line * @private From e924354003ad7408fb74b70f00a42b8c2b467acd Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Wed, 9 Nov 2022 17:27:34 +0200 Subject: [PATCH 52/58] stopEvent --- src/mixins/canvas_events.mixin.ts | 4 ++-- src/mixins/itext_click_behavior.mixin.ts | 11 ++--------- src/util/dom_event.ts | 5 +++++ 3 files changed, 9 insertions(+), 11 deletions(-) diff --git a/src/mixins/canvas_events.mixin.ts b/src/mixins/canvas_events.mixin.ts index f0ab9d0d864..d5b4e2b4bad 100644 --- a/src/mixins/canvas_events.mixin.ts +++ b/src/mixins/canvas_events.mixin.ts @@ -1,5 +1,6 @@ //@ts-nocheck +import { stopEvent } from '../util/dom_event'; import { fireEvent } from '../util/fireEvent'; (function (global) { @@ -266,8 +267,7 @@ import { fireEvent } from '../util/fireEvent'; addListener(this.upperCanvasEl, 'drag', this._onDragProgress); return; } - e.preventDefault(); - e.stopPropagation(); + stopEvent(e); }, /** diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index a59fbd13b29..f3cf24d6642 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -1,6 +1,7 @@ //@ts-nocheck import { IPoint, Point } from '../point.class'; import { TPointerEvent, TransformEvent } from '../typedefs'; +import { stopEvent } from '../util/dom_event'; import { invertTransform, transformPoint } from '../util/misc/matrix'; import { ITextKeyBehaviorMixin } from './itext_key_behavior.mixin'; @@ -36,7 +37,7 @@ export abstract class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { const newPointer = options.pointer; if (this.isTripleClick(newPointer)) { this.fire('tripleclick', options); - this._stopEvent(options.e); + stopEvent(options.e); } this.__lastLastClickTime = this.__lastClickTime; this.__lastClickTime = this.__newClickTime; @@ -53,14 +54,6 @@ export abstract class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { ); } - /** - * @private - */ - _stopEvent(e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); - } - /** * Initializes event handlers related to cursor or selection */ diff --git a/src/util/dom_event.ts b/src/util/dom_event.ts index a9c47aca289..efe0f684bba 100644 --- a/src/util/dom_event.ts +++ b/src/util/dom_event.ts @@ -44,3 +44,8 @@ export const getPointer = (event) => { export const isTouchEvent = (event) => touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; + +export const stopEvent = (e: Event) => { + e.preventDefault(); + e.stopPropagation(); +}; From 4dca57b693b419723f7f91154e4183ae37f64150 Mon Sep 17 00:00:00 2001 From: Andrea Bogazzi Date: Sun, 20 Nov 2022 10:25:56 +0100 Subject: [PATCH 53/58] wrong resolution of conflict --- src/shapes/itext.class.ts | 59 --------------------------------------- 1 file changed, 59 deletions(-) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 960de191d3b..14f55b7978a 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -4,65 +4,6 @@ import { ITextClickBehaviorMixin } from '../mixins/itext_click_behavior.mixin'; import { TClassProperties, TFiller } from '../typedefs'; import { stylesFromArray } from '../util/misc/textStyles'; import { FabricObject } from './fabricObject.class'; -import { Text } from './text.class'; - -/** - * IText class (introduced in v1.4) Events are also fired with "text:" - * prefix when observing canvas. - * @class IText - * - * @fires changed - * @fires selection:changed - * @fires editing:entered - * @fires editing:exited - * @fires dragstart - * @fires drag drag event firing on the drag source - * @fires dragend - * @fires copy - * @fires cut - * @fires paste - * - * @return {IText} thisArg - * @see {@link IText#initialize} for constructor definition - * - *

Supported key combinations:

- * 
- *   Move cursor:                    left, right, up, down
- *   Select character:               shift + left, shift + right
- *   Select text vertically:         shift + up, shift + down
- *   Move cursor by word:            alt + left, alt + right
- *   Select words:                   shift + alt + left, shift + alt + right
- *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
- *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
- *   Jump to start/end of text:      cmd + up, cmd + down
- *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
- *   Delete character:               backspace
- *   Delete word:                    alt + backspace
- *   Delete line:                    cmd + backspace
- *   Forward delete:                 delete
- *   Copy text:                      ctrl/cmd + c
- *   Paste text:                     ctrl/cmd + v
- *   Cut text:                       ctrl/cmd + x
- *   Select entire text:             ctrl/cmd + a
- *   Quit editing                    tab or esc
- *
- * - *

Supported mouse/touch combination

- * 
- *   Position cursor:                click/touch
- *   Create selection:               click/touch & drag
- *   Create selection:               click & shift + click
- *   Select word:                    double click
- *   Select line:                    triple click
- *
- */ -export class IText extends Text { - /** - * Index where text selection starts (or where cursor is when there is no selection) - * @type Number - * @default - */ - selectionStart: number; /** * IText class (introduced in v1.4) Events are also fired with "text:" From b94dff4e169f5123a885b8850c3e7b4684075976 Mon Sep 17 00:00:00 2001 From: ShaMan123 Date: Fri, 4 Nov 2022 08:24:41 +0200 Subject: [PATCH 54/58] fix(): wrong stats when changing index fixes https://github.com/fabricjs/fabric.js/pull/8421#issuecomment-1302335376 --- .github/workflows/build.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index 50577f052e8..4fcdc6ab220 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -39,7 +39,7 @@ jobs: size: { fabric: { minified: fs.statSync('dist/fabric.min.js').size, bundled: fs.statSync('dist/fabric.js').size } } }); - name: checkout src files - run: git checkout origin/master -- src + run: git checkout origin/master -- src index.js HEADER.js - name: upstream build stats run: npm run build -- -s - name: persist From 0e39b0b0399cd92505bce4962115dc1786753460 Mon Sep 17 00:00:00 2001 From: Andrea Bogazzi Date: Sun, 20 Nov 2022 11:32:05 +0100 Subject: [PATCH 55/58] reduced diffs with mater --- src/shapes/itext.class.ts | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/shapes/itext.class.ts b/src/shapes/itext.class.ts index 14f55b7978a..6416836ea62 100644 --- a/src/shapes/itext.class.ts +++ b/src/shapes/itext.class.ts @@ -418,12 +418,12 @@ export class IText extends ITextClickBehaviorMixin { charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, - dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); - const topOffset = - boundaries.topOffset + - ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / - this.lineHeight - - charHeight * (1 - this._fontSizeFraction); + dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'), + topOffset = + boundaries.topOffset + + ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / + this.lineHeight - + charHeight * (1 - this._fontSizeFraction); if (this.inCompositionMode) { // TODO: investigate why there isn't a return inside the if, @@ -536,10 +536,10 @@ export class IText extends ITextClickBehaviorMixin { if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { lineHeight /= this.lineHeight; } - let drawStart = boundaries.left + lineOffset + boxStart; + let drawStart = boundaries.left + lineOffset + boxStart, + drawHeight = lineHeight, + extraTop = 0; const drawWidth = boxEnd - boxStart; - let drawHeight = lineHeight; - let extraTop = 0; if (this.inCompositionMode) { ctx.fillStyle = this.compositionColor || 'black'; drawHeight = 1; From 3286ff175117eaf4331bc78c822f5ba1b748d6a6 Mon Sep 17 00:00:00 2001 From: Andrea Bogazzi Date: Sun, 20 Nov 2022 14:28:50 +0100 Subject: [PATCH 56/58] var let const --- dist/fabric.js | 55547 ++++++++++----------- src/mixins/itext_click_behavior.mixin.ts | 19 +- 2 files changed, 25998 insertions(+), 29568 deletions(-) diff --git a/dist/fabric.js b/dist/fabric.js index 9b7bf655d2a..def70b8ac89 100644 --- a/dist/fabric.js +++ b/dist/fabric.js @@ -1,25738 +1,18765 @@ -/* build: `node build.js modules=ALL exclude=gestures,accessors,erasing requirejs minifier=uglifyjs` */ -/*! Fabric.js Copyright 2008-2015, Printio (Juriy Zaytsev, Maxim Chernyak) */ - -var fabric = fabric || { version: '5.1.0' }; +'use strict'; + +class BaseConfiguration { + constructor() { + /** + * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, + * which is unitless and not rendered equally across browsers. + * + * Values that work quite well (as of October 2017) are: + * - Chrome: 1.5 + * - Edge: 1.75 + * - Firefox: 0.9 + * - Safari: 0.95 + * + * @since 2.0.0 + * @type Number + * @default 1 + */ + this.browserShadowBlurConstant = 1; + /** + * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. + */ + this.DPI = 96; + /** + * Device Pixel Ratio + * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html + */ + this.devicePixelRatio = 1; + /** + * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. + * @since 1.7.14 + * @type Number + * @default + */ + this.perfLimitSizeTotal = 2097152; + /** + * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 + * @since 1.7.14 + * @type Number + * @default + */ + this.maxCacheSideLimit = 4096; + /** + * Lowest pixel limit for cache canvases, set at 256PX + * @since 1.7.14 + * @type Number + * @default + */ + this.minCacheSideLimit = 256; + /** + * When 'true', style information is not retained when copy/pasting text, making + * pasted text use destination style. + * Defaults to 'false'. + * @type Boolean + * @default + * @deprecated + */ + this.disableStyleCopyPaste = false; + /** + * Enable webgl for filtering picture is available + * A filtering backend will be initialized, this will both take memory and + * time since a default 2048x2048 canvas will be created for the gl context + * @since 2.0.0 + * @type Boolean + * @default + */ + this.enableGLFiltering = true; + /** + * if webgl is enabled and available, textureSize will determine the size + * of the canvas backend + * + * In order to support old hardware set to `2048` to avoid OOM + * + * @since 2.0.0 + * @type Number + * @default + */ + this.textureSize = 4096; + /** + * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on + * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true + * this has to be set before instantiating the filtering backend ( before filtering the first image ) + * @type Boolean + * @default false + */ + this.forceGLPutImageData = false; + /** + * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better + * @default true + */ + this.cachesBoundsOfCurve = true; + /** + * Map of font files + * Map of font files + */ + this.fontPaths = {}; + /** + * Defines the number of fraction digits to use when serializing object values. + * Used in exporting methods (`toObject`, `toJSON`, `toSVG`) + * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. + */ + this.NUM_FRACTION_DIGITS = 4; + } +} +class Configuration extends BaseConfiguration { + constructor(config) { + super(); + this.configure(config); + } + configure(config = {}) { + Object.assign(this, config); + } + /** + * Map of font files + */ + addFonts(paths = {}) { + this.fontPaths = Object.assign(Object.assign({}, this.fontPaths), paths); + } + removeFonts(fontFamilys = []) { + fontFamilys.forEach((fontFamily) => { + delete this.fontPaths[fontFamily]; + }); + } + clearFonts() { + this.fontPaths = {}; + } + restoreDefaults(keys) { + const defaults = new BaseConfiguration(); + const config = (keys === null || keys === void 0 ? void 0 : keys.reduce((acc, key) => { + acc[key] = defaults[key]; + return acc; + }, {})) || defaults; + this.configure(config); + } +} +const config = new Configuration(); + +class Cache { + constructor() { + /** + * Cache of widths of chars in text rendering. + */ + this.charWidthsCache = {}; + /** + * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. + * It was an internal variable, is accessible since version 2.3.4 + */ + this.arcToSegmentsCache = {}; + /** + * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. + * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing + * you do not get any speed benefit and you get a big object in memory. + * The object was a private variable before, while now is appended to the lib so that you have access to it and you + * can eventually clear it. + * It was an internal variable, is accessible since version 2.3.4 + */ + this.boundsOfCurveCache = {}; + } + /** + * @return {Object} reference to cache + */ + getFontCache({ fontFamily, fontStyle, fontWeight, }) { + fontFamily = fontFamily.toLowerCase(); + if (!this.charWidthsCache[fontFamily]) { + this.charWidthsCache[fontFamily] = {}; + } + const fontCache = this.charWidthsCache[fontFamily]; + const cacheKey = `${fontStyle.toLowerCase()}_${(fontWeight + '').toLowerCase()}`; + if (!fontCache[cacheKey]) { + fontCache[cacheKey] = {}; + } + return fontCache[cacheKey]; + } + /** + * Clear char widths cache for the given font family or all the cache if no + * fontFamily is specified. + * Use it if you know you are loading fonts in a lazy way and you are not waiting + * for custom fonts to load properly when adding text objects to the canvas. + * If a text object is added when its own font is not loaded yet, you will get wrong + * measurement and so wrong bounding boxes. + * After the font cache is cleared, either change the textObject text content or call + * initDimensions() to trigger a recalculation + * @memberOf fabric.util + * @param {String} [fontFamily] font family to clear + */ + clearFontCache(fontFamily) { + fontFamily = (fontFamily || '').toLowerCase(); + if (!fontFamily) { + this.charWidthsCache = {}; + } + else if (this.charWidthsCache[fontFamily]) { + delete this.charWidthsCache[fontFamily]; + } + } + /** + * Given current aspect ratio, determines the max width and height that can + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {number} ar aspect ratio + * @return {number[]} Limited dimensions X and Y + */ + limitDimsByArea(ar) { + const { perfLimitSizeTotal } = config; + const roughWidth = Math.sqrt(perfLimitSizeTotal * ar); + // we are not returning a point on purpose, to avoid circular dependencies + // this is an internal utility + return [ + Math.floor(roughWidth), + Math.floor(perfLimitSizeTotal / roughWidth), + ]; + } +} +const cache = new Cache(); + +var version = "5.1.0"; + +// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass +function noop() { } +const halfPI = Math.PI / 2; +const twoMathPi = Math.PI * 2; +const PiBy180 = Math.PI / 180; +const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]); +const DEFAULT_SVG_FONT_SIZE = 16; +/* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ +const kRect = 1 - 0.5522847498; + +var fabric$1 = fabric$1 || { + version: version, + config, + cache, + iMatrix, +}; if (typeof exports !== 'undefined') { - exports.fabric = fabric; + exports.fabric = fabric$1; } -/* _AMD_START_ */ else if (typeof define === 'function' && define.amd) { - define([], function() { return fabric; }); + /* _AMD_START_ */ + define([], function () { + return fabric$1; + }); } /* _AMD_END_ */ if (typeof document !== 'undefined' && typeof window !== 'undefined') { - if (document instanceof (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { - fabric.document = document; - } - else { - fabric.document = document.implementation.createHTMLDocument(''); - } - fabric.window = window; + if (document instanceof + (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { + fabric$1.document = document; + } + else { + fabric$1.document = document.implementation.createHTMLDocument(''); + } + fabric$1.window = window; + window.fabric = fabric$1; } else { - // assume we're running under node.js when document/window are not present - var jsdom = require('jsdom'); - var virtualWindow = new jsdom.JSDOM( - decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), - { - features: { - FetchExternalResources: ['img'] - }, - resources: 'usable' + // assume we're running under node.js when document/window are not present + var jsdom = require('jsdom'); + var virtualWindow = new jsdom.JSDOM(decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), { + features: { + FetchExternalResources: ['img'], + }, + resources: 'usable', }).window; - fabric.document = virtualWindow.document; - fabric.jsdomImplForWrapper = require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; - fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; - fabric.window = virtualWindow; - DOMParser = fabric.window.DOMParser; + fabric$1.document = virtualWindow.document; + fabric$1.jsdomImplForWrapper = + require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; + fabric$1.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; + fabric$1.window = virtualWindow; + global.DOMParser = fabric$1.window.DOMParser; } - /** * True when in environment that supports touch events * @type boolean */ -fabric.isTouchSupported = 'ontouchstart' in fabric.window || 'ontouchstart' in fabric.document || - (fabric.window && fabric.window.navigator && fabric.window.navigator.maxTouchPoints > 0); - +fabric$1.isTouchSupported = + 'ontouchstart' in fabric$1.window || + 'ontouchstart' in fabric$1.document || + (fabric$1.window && + fabric$1.window.navigator && + fabric$1.window.navigator.maxTouchPoints > 0); /** * True when in environment that's probably Node.js * @type boolean */ -fabric.isLikelyNode = typeof Buffer !== 'undefined' && - typeof window === 'undefined'; - -/* _FROM_SVG_START_ */ -/** - * Attributes parsed from all SVG elements - * @type array - */ -fabric.SHARED_ATTRIBUTES = [ - 'display', - 'transform', - 'fill', 'fill-opacity', 'fill-rule', - 'opacity', - 'stroke', 'stroke-dasharray', 'stroke-linecap', 'stroke-dashoffset', - 'stroke-linejoin', 'stroke-miterlimit', - 'stroke-opacity', 'stroke-width', - 'id', 'paint-order', 'vector-effect', - 'instantiated_by_use', 'clip-path', -]; -/* _FROM_SVG_END_ */ - -/** - * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. - */ -fabric.DPI = 96; -fabric.reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; -fabric.commaWsp = '(?:\\s+,?\\s*|,\\s*)'; -fabric.rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/ig; -fabric.reNonWord = /[ \n\.,;!\?\-]/; -fabric.fontPaths = { }; -fabric.iMatrix = [1, 0, 0, 1, 0, 0]; -fabric.svgNS = 'http://www.w3.org/2000/svg'; - -/** - * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. - * @since 1.7.14 - * @type Number - * @default - */ -fabric.perfLimitSizeTotal = 2097152; - -/** - * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 - * @since 1.7.14 - * @type Number - * @default - */ -fabric.maxCacheSideLimit = 4096; - -/** - * Lowest pixel limit for cache canvases, set at 256PX - * @since 1.7.14 - * @type Number - * @default - */ -fabric.minCacheSideLimit = 256; - -/** - * Cache Object for widths of chars in text rendering. - */ -fabric.charWidthsCache = { }; - -/** - * if webgl is enabled and available, textureSize will determine the size - * of the canvas backend - * @since 2.0.0 - * @type Number - * @default - */ -fabric.textureSize = 2048; - -/** - * When 'true', style information is not retained when copy/pasting text, making - * pasted text use destination style. - * Defaults to 'false'. - * @type Boolean - * @default - */ -fabric.disableStyleCopyPaste = false; - -/** - * Enable webgl for filtering picture is available - * A filtering backend will be initialized, this will both take memory and - * time since a default 2048x2048 canvas will be created for the gl context - * @since 2.0.0 - * @type Boolean - * @default - */ -fabric.enableGLFiltering = true; - -/** - * Device Pixel Ratio - * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html - */ -fabric.devicePixelRatio = fabric.window.devicePixelRatio || - fabric.window.webkitDevicePixelRatio || - fabric.window.mozDevicePixelRatio || - 1; -/** - * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, - * which is unitless and not rendered equally across browsers. - * - * Values that work quite well (as of October 2017) are: - * - Chrome: 1.5 - * - Edge: 1.75 - * - Firefox: 0.9 - * - Safari: 0.95 - * - * @since 2.0.0 - * @type Number - * @default 1 - */ -fabric.browserShadowBlurConstant = 1; - -/** - * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. - * It was an internal variable, is accessible since version 2.3.4 - */ -fabric.arcToSegmentsCache = { }; - +fabric$1.isLikelyNode = + typeof Buffer !== 'undefined' && typeof window === 'undefined'; /** - * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. - * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing - * you do not get any speed benefit and you get a big object in memory. - * The object was a private variable before, while now is appended to the lib so that you have access to it and you - * can eventually clear it. - * It was an internal variable, is accessible since version 2.3.4 + * @todo move to config when window is exported */ -fabric.boundsOfCurveCache = { }; +config.configure({ + devicePixelRatio: fabric$1.window.devicePixelRatio || + fabric$1.window.webkitDevicePixelRatio || + fabric$1.window.mozDevicePixelRatio || + 1, +}); -/** - * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better - * @default true - */ -fabric.cachesBoundsOfCurve = true; +function createCollectionMixin(Klass) { + return class Collection extends Klass { + constructor() { + super(...arguments); + /** + * @type {FabricObject[]} + */ + this._objects = []; + } + // eslint-disable-next-line @typescript-eslint/no-unused-vars + _onObjectAdded(object) { + // subclasses should override this method + } + // eslint-disable-next-line @typescript-eslint/no-unused-vars + _onObjectRemoved(object) { + // subclasses should override this method + } + /** + * Adds objects to collection + * Objects should be instances of (or inherit from) FabricObject + * @param {...FabricObject[]} objects to add + * @returns {number} new array length + */ + add(...objects) { + const size = this._objects.push(...objects); + objects.forEach((object) => this._onObjectAdded(object)); + return size; + } + /** + * Inserts an object into collection at specified index + * @param {number} index Index to insert object at + * @param {...FabricObject[]} objects Object(s) to insert + * @returns {number} new array length + */ + insertAt(index, ...objects) { + this._objects.splice(index, 0, ...objects); + objects.forEach((object) => this._onObjectAdded(object)); + return this._objects.length; + } + /** + * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) + * @private + * @param {...FabricObject[]} objects objects to remove + * @returns {FabricObject[]} removed objects + */ + remove(...objects) { + const array = this._objects, removed = []; + objects.forEach((object) => { + const index = array.indexOf(object); + // only call onObjectRemoved if an object was actually removed + if (index !== -1) { + array.splice(index, 1); + removed.push(object); + this._onObjectRemoved(object); + } + }); + return removed; + } + /** + * Executes given function for each object in this group + * A simple shortcut for getObjects().forEach, before es6 was more complicated, + * now is just a shortcut. + * @param {Function} callback + * Callback invoked with current object as first argument, + * index - as second and an array of all objects - as third. + */ + forEachObject(callback) { + this.getObjects().forEach((object, index, objects) => callback(object, index, objects)); + } + /** + * Returns an array of children objects of this instance + * @param {...String} [types] When specified, only objects of these types are returned + * @return {Array} + */ + getObjects(...types) { + if (types.length === 0) { + return [...this._objects]; + } + return this._objects.filter((o) => types.includes(o.type)); + } + /** + * Returns object at specified index + * @param {Number} index + * @return {Object} object at index + */ + item(index) { + return this._objects[index]; + } + /** + * Returns true if collection contains no objects + * @return {Boolean} true if collection is empty + */ + isEmpty() { + return this._objects.length === 0; + } + /** + * Returns a size of a collection (i.e: length of an array containing its objects) + * @return {Number} Collection size + */ + size() { + return this._objects.length; + } + /** + * Returns true if collection contains an object.\ + * **Prefer using {@link `FabricObject#isDescendantOf`} for performance reasons** + * instead of a.contains(b) use b.isDescendantOf(a) + * @param {Object} object Object to check against + * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` + * @return {Boolean} `true` if collection contains an object + */ + contains(object, deep) { + if (this._objects.includes(object)) { + return true; + } + else if (deep) { + return this._objects.some((obj) => obj instanceof Collection && obj.contains(object, true)); + } + return false; + } + /** + * Returns number representation of a collection complexity + * @return {Number} complexity + */ + complexity() { + return this._objects.reduce((memo, current) => { + memo += current.complexity ? current.complexity() : 0; + return memo; + }, 0); + } + }; +} +fabric$1.createCollectionMixin = createCollectionMixin; /** - * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on - * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true - * this has to be set before instantiating the filtering backend ( before filtering the first image ) - * @type Boolean - * @default false + * Calculate the cos of an angle, avoiding returning floats for known results + * This function is here just to avoid getting 0.999999999999999 when dealing + * with numbers that are really 1 or 0. + * @static + * @memberOf fabric.util + * @param {TRadian} angle the angle + * @return {Number} the cosin value for angle. */ -fabric.forceGLPutImageData = false; - -fabric.initFilterBackend = function() { - if (fabric.enableGLFiltering && fabric.isWebglSupported && fabric.isWebglSupported(fabric.textureSize)) { - console.log('max texture size: ' + fabric.maxTextureSize); - return (new fabric.WebglFilterBackend({ tileSize: fabric.textureSize })); - } - else if (fabric.Canvas2dFilterBackend) { - return (new fabric.Canvas2dFilterBackend()); - } +const cos = (angle) => { + if (angle === 0) { + return 1; + } + const angleSlice = Math.abs(angle) / halfPI; + switch (angleSlice) { + case 1: + case 3: + return 0; + case 2: + return -1; + } + return Math.cos(angle); }; - -if (typeof document !== 'undefined' && typeof window !== 'undefined') { - // ensure globality even if entire library were function wrapped (as in Meteor.js packaging system) - window.fabric = fabric; -} - - -(function() { - - /** - * @private - * @param {String} eventName - * @param {Function} handler - */ - function _removeEventListener(eventName, handler) { - if (!this.__eventListeners[eventName]) { - return; - } - var eventListener = this.__eventListeners[eventName]; - if (handler) { - eventListener[eventListener.indexOf(handler)] = false; - } - else { - fabric.util.array.fill(eventListener, false); - } - } - - /** - * Observes specified event - * @memberOf fabric.Observable - * @alias on - * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) - * @param {Function} handler Function that receives a notification when an event of the specified type occurs - * @return {Self} thisArg - * @chainable - */ - function on(eventName, handler) { - if (!this.__eventListeners) { - this.__eventListeners = { }; - } - // one object with key/value pairs was passed - if (arguments.length === 1) { - for (var prop in eventName) { - this.on(prop, eventName[prop]); - } - } - else { - if (!this.__eventListeners[eventName]) { - this.__eventListeners[eventName] = []; - } - this.__eventListeners[eventName].push(handler); - } - return this; - } - - function _once(eventName, handler) { - var _handler = function () { - handler.apply(this, arguments); - this.off(eventName, _handler); - }.bind(this); - this.on(eventName, _handler); - } - - function once(eventName, handler) { - // one object with key/value pairs was passed - if (arguments.length === 1) { - for (var prop in eventName) { - _once.call(this, prop, eventName[prop]); - } - } - else { - _once.call(this, eventName, handler); - } - return this; - } - - /** - * Stops event observing for a particular event handler. Calling this method - * without arguments removes all handlers for all events - * @memberOf fabric.Observable - * @alias off - * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) - * @param {Function} handler Function to be deleted from EventListeners - * @return {Self} thisArg - * @chainable - */ - function off(eventName, handler) { - if (!this.__eventListeners) { - return this; - } - - // remove all key/value pairs (event name -> event handler) - if (arguments.length === 0) { - for (eventName in this.__eventListeners) { - _removeEventListener.call(this, eventName); - } - } - // one object with key/value pairs was passed - else if (arguments.length === 1 && typeof arguments[0] === 'object') { - for (var prop in eventName) { - _removeEventListener.call(this, prop, eventName[prop]); - } - } - else { - _removeEventListener.call(this, eventName, handler); - } - return this; - } - - /** - * Fires event with an optional options object - * @memberOf fabric.Observable - * @param {String} eventName Event name to fire - * @param {Object} [options] Options object - * @return {Self} thisArg - * @chainable - */ - function fire(eventName, options) { - if (!this.__eventListeners) { - return this; - } - - var listenersForEvent = this.__eventListeners[eventName]; - if (!listenersForEvent) { - return this; - } - - for (var i = 0, len = listenersForEvent.length; i < len; i++) { - listenersForEvent[i] && listenersForEvent[i].call(this, options || { }); - } - this.__eventListeners[eventName] = listenersForEvent.filter(function(value) { - return value !== false; - }); - return this; - } - - /** - * @namespace fabric.Observable - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} - * @see {@link http://fabricjs.com/events|Events demo} - */ - fabric.Observable = { - fire: fire, - on: on, - once: once, - off: off, - }; -})(); - - /** - * @namespace fabric.Collection + * Calculate the cos of an angle, avoiding returning floats for known results + * This function is here just to avoid getting 0.999999999999999 when dealing + * with numbers that are really 1 or 0. + * @static + * @memberOf fabric.util + * @param {TRadian} angle the angle + * @return {Number} the sin value for angle. */ -fabric.Collection = { - - _objects: [], - - /** - * Adds objects to collection, Canvas or Group, then renders canvas - * (if `renderOnAddRemove` is not `false`). - * in case of Group no changes to bounding box are made. - * Objects should be instances of (or inherit from) fabric.Object - * Use of this function is highly discouraged for groups. - * you can add a bunch of objects with the add method but then you NEED - * to run a addWithUpdate call for the Group class or position/bbox will be wrong. - * @param {...fabric.Object} object Zero or more fabric instances - * @return {Self} thisArg - * @chainable - */ - add: function () { - this._objects.push.apply(this._objects, arguments); - if (this._onObjectAdded) { - for (var i = 0, length = arguments.length; i < length; i++) { - this._onObjectAdded(arguments[i]); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) - * An object should be an instance of (or inherit from) fabric.Object - * Use of this function is highly discouraged for groups. - * you can add a bunch of objects with the insertAt method but then you NEED - * to run a addWithUpdate call for the Group class or position/bbox will be wrong. - * @param {Object} object Object to insert - * @param {Number} index Index to insert object at - * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs - * @return {Self} thisArg - * @chainable - */ - insertAt: function (object, index, nonSplicing) { - var objects = this._objects; - if (nonSplicing) { - objects[index] = object; - } - else { - objects.splice(index, 0, object); - } - this._onObjectAdded && this._onObjectAdded(object); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) - * @param {...fabric.Object} object Zero or more fabric instances - * @return {Self} thisArg - * @chainable - */ - remove: function() { - var objects = this._objects, - index, somethingRemoved = false; - - for (var i = 0, length = arguments.length; i < length; i++) { - index = objects.indexOf(arguments[i]); - - // only call onObjectRemoved if an object was actually removed - if (index !== -1) { - somethingRemoved = true; - objects.splice(index, 1); - this._onObjectRemoved && this._onObjectRemoved(arguments[i]); - } - } - - this.renderOnAddRemove && somethingRemoved && this.requestRenderAll(); - return this; - }, - - /** - * Executes given function for each object in this group - * @param {Function} callback - * Callback invoked with current object as first argument, - * index - as second and an array of all objects - as third. - * Callback is invoked in a context of Global Object (e.g. `window`) - * when no `context` argument is given - * - * @param {Object} context Context (aka thisObject) - * @return {Self} thisArg - * @chainable - */ - forEachObject: function(callback, context) { - var objects = this.getObjects(); - for (var i = 0, len = objects.length; i < len; i++) { - callback.call(context, objects[i], i, objects); - } - return this; - }, - - /** - * Returns an array of children objects of this instance - * Type parameter introduced in 1.3.10 - * since 2.3.5 this method return always a COPY of the array; - * @param {String} [type] When specified, only objects of this type are returned - * @return {Array} - */ - getObjects: function(type) { - if (typeof type === 'undefined') { - return this._objects.concat(); - } - return this._objects.filter(function(o) { - return o.type === type; - }); - }, - - /** - * Returns object at specified index - * @param {Number} index - * @return {Self} thisArg - */ - item: function (index) { - return this._objects[index]; - }, - - /** - * Returns true if collection contains no objects - * @return {Boolean} true if collection is empty - */ - isEmpty: function () { - return this._objects.length === 0; - }, - - /** - * Returns a size of a collection (i.e: length of an array containing its objects) - * @return {Number} Collection size - */ - size: function() { - return this._objects.length; - }, - - /** - * Returns true if collection contains an object - * @param {Object} object Object to check against - * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` - * @return {Boolean} `true` if collection contains an object - */ - contains: function (object, deep) { - if (this._objects.indexOf(object) > -1) { - return true; - } - else if (deep) { - return this._objects.some(function (obj) { - return typeof obj.contains === 'function' && obj.contains(object, true); - }); +const sin = (angle) => { + if (angle === 0) { + return 0; } - return false; - }, - - /** - * Returns number representation of a collection complexity - * @return {Number} complexity - */ - complexity: function () { - return this._objects.reduce(function (memo, current) { - memo += current.complexity ? current.complexity() : 0; - return memo; - }, 0); - } + const angleSlice = angle / halfPI; + const value = Math.sign(angle); + switch (angleSlice) { + case 1: + return value; + case 2: + return 0; + case 3: + return -value; + } + return Math.sin(angle); }; - /** - * @namespace fabric.CommonMethods + * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com) */ -fabric.CommonMethods = { - - /** - * Sets object's properties from options - * @param {Object} [options] Options object - */ - _setOptions: function(options) { - for (var prop in options) { - this.set(prop, options[prop]); - } - }, - - /** - * @private - * @param {Object} [filler] Options object - * @param {String} [property] property to set the Gradient to - */ - _initGradient: function(filler, property) { - if (filler && filler.colorStops && !(filler instanceof fabric.Gradient)) { - this.set(property, new fabric.Gradient(filler)); - } - }, - - /** - * @private - * @param {Object} [filler] Options object - * @param {String} [property] property to set the Pattern to - * @param {Function} [callback] callback to invoke after pattern load - */ - _initPattern: function(filler, property, callback) { - if (filler && filler.source && !(filler instanceof fabric.Pattern)) { - this.set(property, new fabric.Pattern(filler, callback)); - } - else { - callback && callback(); +class Point { + constructor(arg0 = 0, y = 0) { + if (typeof arg0 === 'object') { + this.x = arg0.x; + this.y = arg0.y; + } + else { + this.x = arg0; + this.y = y; + } } - }, - - /** - * @private - */ - _setObject: function(obj) { - for (var prop in obj) { - this._set(prop, obj[prop]); - } - }, - - /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg - * @chainable - */ - set: function(key, value) { - if (typeof key === 'object') { - this._setObject(key); + /** + * Adds another point to this one and returns another one + * @param {Point} that + * @return {Point} new Point instance with added values + */ + add(that) { + return new Point(this.x + that.x, this.y + that.y); } - else { - this._set(key, value); + /** + * Adds another point to this one + * @param {Point} that + * @return {Point} thisArg + * @chainable + * @deprecated + */ + addEquals(that) { + this.x += that.x; + this.y += that.y; + return this; } - return this; - }, - - _set: function(key, value) { - this[key] = value; - }, - - /** - * Toggles specified property from `true` to `false` or from `false` to `true` - * @param {String} property Property to toggle - * @return {fabric.Object} thisArg - * @chainable - */ - toggle: function(property) { - var value = this.get(property); - if (typeof value === 'boolean') { - this.set(property, !value); - } - return this; - }, - - /** - * Basic getter - * @param {String} property Property name - * @return {*} value of a property - */ - get: function(property) { - return this[property]; - } -}; - - -(function(global) { - - var sqrt = Math.sqrt, - atan2 = Math.atan2, - pow = Math.pow, - PiBy180 = Math.PI / 180, - PiBy2 = Math.PI / 2; - - /** - * @namespace fabric.util - */ - fabric.util = { - /** - * Calculate the cos of an angle, avoiding returning floats for known results - * @static - * @memberOf fabric.util - * @param {Number} angle the angle in radians or in degree - * @return {Number} + * Adds value to this point and returns a new one + * @param {Number} scalar + * @return {Point} new Point with added value */ - cos: function(angle) { - if (angle === 0) { return 1; } - if (angle < 0) { - // cos(a) = cos(-a) - angle = -angle; - } - var angleSlice = angle / PiBy2; - switch (angleSlice) { - case 1: case 3: return 0; - case 2: return -1; - } - return Math.cos(angle); - }, - + scalarAdd(scalar) { + return new Point(this.x + scalar, this.y + scalar); + } /** - * Calculate the sin of an angle, avoiding returning floats for known results - * @static - * @memberOf fabric.util - * @param {Number} angle the angle in radians or in degree - * @return {Number} + * Adds value to this point + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated */ - sin: function(angle) { - if (angle === 0) { return 0; } - var angleSlice = angle / PiBy2, sign = 1; - if (angle < 0) { - // sin(-a) = -sin(a) - sign = -1; - } - switch (angleSlice) { - case 1: return sign; - case 2: return 0; - case 3: return -sign; - } - return Math.sin(angle); - }, - + scalarAddEquals(scalar) { + this.x += scalar; + this.y += scalar; + return this; + } /** - * Removes value from an array. - * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` - * @static - * @memberOf fabric.util - * @param {Array} array - * @param {*} value - * @return {Array} original array + * Subtracts another point from this point and returns a new one + * @param {Point} that + * @return {Point} new Point object with subtracted values */ - removeFromArray: function(array, value) { - var idx = array.indexOf(value); - if (idx !== -1) { - array.splice(idx, 1); - } - return array; - }, - + subtract(that) { + return new Point(this.x - that.x, this.y - that.y); + } /** - * Returns random number between 2 specified ones. - * @static - * @memberOf fabric.util - * @param {Number} min lower limit - * @param {Number} max upper limit - * @return {Number} random value (between min and max) + * Subtracts another point from this point + * @param {Point} that + * @return {Point} thisArg + * @chainable + * @deprecated */ - getRandomInt: function(min, max) { - return Math.floor(Math.random() * (max - min + 1)) + min; - }, - + subtractEquals(that) { + this.x -= that.x; + this.y -= that.y; + return this; + } /** - * Transforms degrees to radians. - * @static - * @memberOf fabric.util - * @param {Number} degrees value in degrees - * @return {Number} value in radians + * Subtracts value from this point and returns a new one + * @param {Number} scalar + * @return {Point} */ - degreesToRadians: function(degrees) { - return degrees * PiBy180; - }, - + scalarSubtract(scalar) { + return new Point(this.x - scalar, this.y - scalar); + } /** - * Transforms radians to degrees. - * @static - * @memberOf fabric.util - * @param {Number} radians value in radians - * @return {Number} value in degrees + * Subtracts value from this point + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated */ - radiansToDegrees: function(radians) { - return radians / PiBy180; - }, - + scalarSubtractEquals(scalar) { + this.x -= scalar; + this.y -= scalar; + return this; + } /** - * Rotates `point` around `origin` with `radians` - * @static - * @memberOf fabric.util - * @param {fabric.Point} point The point to rotate - * @param {fabric.Point} origin The origin of the rotation - * @param {Number} radians The radians of the angle for the rotation - * @return {fabric.Point} The new rotated point - */ - rotatePoint: function(point, origin, radians) { - var newPoint = new fabric.Point(point.x - origin.x, point.y - origin.y), - v = fabric.util.rotateVector(newPoint, radians); - return new fabric.Point(v.x, v.y).addEquals(origin); - }, - + * Multiplies this point by another value and returns a new one + * @param {Point} that + * @return {Point} + */ + multiply(that) { + return new Point(this.x * that.x, this.y * that.y); + } /** - * Rotates `vector` with `radians` - * @static - * @memberOf fabric.util - * @param {Object} vector The vector to rotate (x and y) - * @param {Number} radians The radians of the angle for the rotation - * @return {Object} The new rotated point - */ - rotateVector: function(vector, radians) { - var sin = fabric.util.sin(radians), - cos = fabric.util.cos(radians), - rx = vector.x * cos - vector.y * sin, - ry = vector.x * sin + vector.y * cos; - return { - x: rx, - y: ry - }; - }, - - /** - * Creates a vetor from points represented as a point - * @static - * @memberOf fabric.util - * - * @typedef {Object} Point - * @property {number} x - * @property {number} y - * - * @param {Point} from - * @param {Point} to - * @returns {Point} vector + * Multiplies this point by a value and returns a new one + * @param {Number} scalar + * @return {Point} */ - createVector: function (from, to) { - return new fabric.Point(to.x - from.x, to.y - from.y); - }, - + scalarMultiply(scalar) { + return new Point(this.x * scalar, this.y * scalar); + } /** - * Calculates angle between 2 vectors using dot product - * @static - * @memberOf fabric.util - * @param {Point} a - * @param {Point} b - * @returns the angle in radian between the vectors + * Multiplies this point by a value + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated */ - calcAngleBetweenVectors: function (a, b) { - return Math.acos((a.x * b.x + a.y * b.y) / (Math.hypot(a.x, a.y) * Math.hypot(b.x, b.y))); - }, - + scalarMultiplyEquals(scalar) { + this.x *= scalar; + this.y *= scalar; + return this; + } /** - * @static - * @memberOf fabric.util - * @param {Point} v - * @returns {Point} vector representing the unit vector of pointing to the direction of `v` + * Divides this point by another and returns a new one + * @param {Point} that + * @return {Point} */ - getHatVector: function (v) { - return new fabric.Point(v.x, v.y).multiply(1 / Math.hypot(v.x, v.y)); - }, - - /** - * @static - * @memberOf fabric.util - * @param {Point} A - * @param {Point} B - * @param {Point} C - * @returns {{ vector: Point, angle: number }} vector representing the bisector of A and A's angle - */ - getBisector: function (A, B, C) { - var AB = fabric.util.createVector(A, B), AC = fabric.util.createVector(A, C); - var alpha = fabric.util.calcAngleBetweenVectors(AB, AC); - // check if alpha is relative to AB->BC - var ro = fabric.util.calcAngleBetweenVectors(fabric.util.rotateVector(AB, alpha), AC); - var phi = alpha * (ro === 0 ? 1 : -1) / 2; - return { - vector: fabric.util.getHatVector(fabric.util.rotateVector(AB, phi)), - angle: alpha - }; - }, - - /** - * Project stroke width on points returning 2 projections for each point as follows: - * - `miter`: 2 points corresponding to the outer boundary and the inner boundary of stroke. - * - `bevel`: 2 points corresponding to the bevel boundaries, tangent to the bisector. - * - `round`: same as `bevel` - * Used to calculate object's bounding box - * @static - * @memberOf fabric.util - * @param {Point[]} points - * @param {Object} options - * @param {number} options.strokeWidth - * @param {'miter'|'bevel'|'round'} options.strokeLineJoin - * @param {number} options.strokeMiterLimit https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit - * @param {boolean} options.strokeUniform - * @param {number} options.scaleX - * @param {number} options.scaleY - * @param {boolean} [openPath] whether the shape is open or not, affects the calculations of the first and last points - * @returns {fabric.Point[]} array of size 2n/4n of all suspected points - */ - projectStrokeOnPoints: function (points, options, openPath) { - var coords = [], s = options.strokeWidth / 2, - strokeUniformScalar = options.strokeUniform ? - new fabric.Point(1 / options.scaleX, 1 / options.scaleY) : new fabric.Point(1, 1), - getStrokeHatVector = function (v) { - var scalar = s / (Math.hypot(v.x, v.y)); - return new fabric.Point(v.x * scalar * strokeUniformScalar.x, v.y * scalar * strokeUniformScalar.y); - }; - if (points.length <= 1) {return coords;} - points.forEach(function (p, index) { - var A = new fabric.Point(p.x, p.y), B, C; - if (index === 0) { - C = points[index + 1]; - B = openPath ? getStrokeHatVector(fabric.util.createVector(C, A)).addEquals(A) : points[points.length - 1]; - } - else if (index === points.length - 1) { - B = points[index - 1]; - C = openPath ? getStrokeHatVector(fabric.util.createVector(B, A)).addEquals(A) : points[0]; - } - else { - B = points[index - 1]; - C = points[index + 1]; - } - var bisector = fabric.util.getBisector(A, B, C), - bisectorVector = bisector.vector, - alpha = bisector.angle, - scalar, - miterVector; - if (options.strokeLineJoin === 'miter') { - scalar = -s / Math.sin(alpha / 2); - miterVector = new fabric.Point( - bisectorVector.x * scalar * strokeUniformScalar.x, - bisectorVector.y * scalar * strokeUniformScalar.y - ); - if (Math.hypot(miterVector.x, miterVector.y) / s <= options.strokeMiterLimit) { - coords.push(A.add(miterVector)); - coords.push(A.subtract(miterVector)); - return; - } - } - scalar = -s * Math.SQRT2; - miterVector = new fabric.Point( - bisectorVector.x * scalar * strokeUniformScalar.x, - bisectorVector.y * scalar * strokeUniformScalar.y - ); - coords.push(A.add(miterVector)); - coords.push(A.subtract(miterVector)); - }); - return coords; - }, - - /** - * Apply transform t to point p - * @static - * @memberOf fabric.util - * @param {fabric.Point} p The point to transform - * @param {Array} t The transform - * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied - * @return {fabric.Point} The transformed point - */ - transformPoint: function(p, t, ignoreOffset) { - if (ignoreOffset) { - return new fabric.Point( - t[0] * p.x + t[2] * p.y, - t[1] * p.x + t[3] * p.y - ); - } - return new fabric.Point( - t[0] * p.x + t[2] * p.y + t[4], - t[1] * p.x + t[3] * p.y + t[5] - ); - }, - + divide(that) { + return new Point(this.x / that.x, this.y / that.y); + } /** - * Returns coordinates of points's bounding rectangle (left, top, width, height) - * @param {Array} points 4 points array - * @param {Array} [transform] an array of 6 numbers representing a 2x3 transform matrix - * @return {Object} Object with left, top, width, height properties + * Divides this point by a value and returns a new one + * @param {Number} scalar + * @return {Point} */ - makeBoundingBoxFromPoints: function(points, transform) { - if (transform) { - for (var i = 0; i < points.length; i++) { - points[i] = fabric.util.transformPoint(points[i], transform); - } - } - var xPoints = [points[0].x, points[1].x, points[2].x, points[3].x], - minX = fabric.util.array.min(xPoints), - maxX = fabric.util.array.max(xPoints), - width = maxX - minX, - yPoints = [points[0].y, points[1].y, points[2].y, points[3].y], - minY = fabric.util.array.min(yPoints), - maxY = fabric.util.array.max(yPoints), - height = maxY - minY; - - return { - left: minX, - top: minY, - width: width, - height: height - }; - }, - - /** - * Invert transformation t - * @static - * @memberOf fabric.util - * @param {Array} t The transform - * @return {Array} The inverted transform - */ - invertTransform: function(t) { - var a = 1 / (t[0] * t[3] - t[1] * t[2]), - r = [a * t[3], -a * t[1], -a * t[2], a * t[0]], - o = fabric.util.transformPoint({ x: t[4], y: t[5] }, r, true); - r[4] = -o.x; - r[5] = -o.y; - return r; - }, - + scalarDivide(scalar) { + return new Point(this.x / scalar, this.y / scalar); + } /** - * A wrapper around Number#toFixed, which contrary to native method returns number, not string. - * @static - * @memberOf fabric.util - * @param {Number|String} number number to operate on - * @param {Number} fractionDigits number of fraction digits to "leave" - * @return {Number} + * Divides this point by a value + * @param {Number} scalar + * @return {Point} thisArg + * @chainable + * @deprecated */ - toFixed: function(number, fractionDigits) { - return parseFloat(Number(number).toFixed(fractionDigits)); - }, - + scalarDivideEquals(scalar) { + this.x /= scalar; + this.y /= scalar; + return this; + } /** - * Converts from attribute value to pixel value if applicable. - * Returns converted pixels or original value not converted. - * @param {Number|String} value number to operate on - * @param {Number} fontSize - * @return {Number|String} - */ - parseUnit: function(value, fontSize) { - var unit = /\D{0,2}$/.exec(value), - number = parseFloat(value); - if (!fontSize) { - fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; - } - switch (unit[0]) { - case 'mm': - return number * fabric.DPI / 25.4; - - case 'cm': - return number * fabric.DPI / 2.54; - - case 'in': - return number * fabric.DPI; - - case 'pt': - return number * fabric.DPI / 72; // or * 4 / 3 - - case 'pc': - return number * fabric.DPI / 72 * 12; // or * 16 - - case 'em': - return number * fontSize; - - default: - return number; - } - }, - + * Returns true if this point is equal to another one + * @param {Point} that + * @return {Boolean} + */ + eq(that) { + return this.x === that.x && this.y === that.y; + } /** - * Function which always returns `false`. - * @static - * @memberOf fabric.util + * Returns true if this point is less than another one + * @param {Point} that * @return {Boolean} */ - falseFunction: function() { - return false; - }, - + lt(that) { + return this.x < that.x && this.y < that.y; + } /** - * Returns klass "Class" object of given namespace - * @memberOf fabric.util - * @param {String} type Type of object (eg. 'circle') - * @param {String} namespace Namespace to get klass "Class" object from - * @return {Object} klass "Class" - */ - getKlass: function(type, namespace) { - // capitalize first letter only - type = fabric.util.string.camelize(type.charAt(0).toUpperCase() + type.slice(1)); - return fabric.util.resolveNamespace(namespace)[type]; - }, - + * Returns true if this point is less than or equal to another one + * @param {Point} that + * @return {Boolean} + */ + lte(that) { + return this.x <= that.x && this.y <= that.y; + } /** - * Returns array of attributes for given svg that fabric parses - * @memberOf fabric.util - * @param {String} type Type of svg element (eg. 'circle') - * @return {Array} string names of supported attributes - */ - getSvgAttributes: function(type) { - var attributes = [ - 'instantiated_by_use', - 'style', - 'id', - 'class' - ]; - switch (type) { - case 'linearGradient': - attributes = attributes.concat(['x1', 'y1', 'x2', 'y2', 'gradientUnits', 'gradientTransform']); - break; - case 'radialGradient': - attributes = attributes.concat(['gradientUnits', 'gradientTransform', 'cx', 'cy', 'r', 'fx', 'fy', 'fr']); - break; - case 'stop': - attributes = attributes.concat(['offset', 'stop-color', 'stop-opacity']); - break; - } - return attributes; - }, - + + * Returns true if this point is greater another one + * @param {Point} that + * @return {Boolean} + */ + gt(that) { + return this.x > that.x && this.y > that.y; + } /** - * Returns object of given namespace - * @memberOf fabric.util - * @param {String} namespace Namespace string e.g. 'fabric.Image.filter' or 'fabric' - * @return {Object} Object for given namespace (default fabric) + * Returns true if this point is greater than or equal to another one + * @param {Point} that + * @return {Boolean} */ - resolveNamespace: function(namespace) { - if (!namespace) { - return fabric; - } - - var parts = namespace.split('.'), - len = parts.length, i, - obj = global || fabric.window; - - for (i = 0; i < len; ++i) { - obj = obj[parts[i]]; - } - - return obj; - }, - + gte(that) { + return this.x >= that.x && this.y >= that.y; + } /** - * Loads image element from given url and passes it to a callback - * @memberOf fabric.util - * @param {String} url URL representing an image - * @param {Function} callback Callback; invoked with loaded image - * @param {*} [context] Context to invoke callback in - * @param {Object} [crossOrigin] crossOrigin value to set image element to - */ - loadImage: function(url, callback, context, crossOrigin) { - if (!url) { - callback && callback.call(context, url); - return; - } - - var img = fabric.util.createImage(); - - /** @ignore */ - var onLoadCallback = function () { - callback && callback.call(context, img, false); - img = img.onload = img.onerror = null; - }; - - img.onload = onLoadCallback; - /** @ignore */ - img.onerror = function() { - fabric.log('Error loading ' + img.src); - callback && callback.call(context, null, true); - img = img.onload = img.onerror = null; - }; - - // data-urls appear to be buggy with crossOrigin - // https://github.com/kangax/fabric.js/commit/d0abb90f1cd5c5ef9d2a94d3fb21a22330da3e0a#commitcomment-4513767 - // see https://code.google.com/p/chromium/issues/detail?id=315152 - // https://bugzilla.mozilla.org/show_bug.cgi?id=935069 - // crossOrigin null is the same as not set. - if (url.indexOf('data') !== 0 && - crossOrigin !== undefined && - crossOrigin !== null) { - img.crossOrigin = crossOrigin; - } - - // IE10 / IE11-Fix: SVG contents from data: URI - // will only be available if the IMG is present - // in the DOM (and visible) - if (url.substring(0,14) === 'data:image/svg') { - img.onload = null; - fabric.util.loadImageInDom(img, onLoadCallback); - } - - img.src = url; - }, - + * Returns new point which is the result of linear interpolation with this one and another one + * @param {Point} that + * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 + * @return {Point} + */ + lerp(that, t = 0.5) { + t = Math.max(Math.min(1, t), 0); + return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); + } /** - * Attaches SVG image with data: URL to the dom - * @memberOf fabric.util - * @param {Object} img Image object with data:image/svg src - * @param {Function} callback Callback; invoked with loaded image - * @return {Object} DOM element (div containing the SVG image) - */ - loadImageInDom: function(img, onLoadCallback) { - var div = fabric.document.createElement('div'); - div.style.width = div.style.height = '1px'; - div.style.left = div.style.top = '-100%'; - div.style.position = 'absolute'; - div.appendChild(img); - fabric.document.querySelector('body').appendChild(div); - /** - * Wrap in function to: - * 1. Call existing callback - * 2. Cleanup DOM - */ - img.onload = function () { - onLoadCallback(); - div.parentNode.removeChild(div); - div = null; - }; - }, - + * Returns distance from this point and another one + * @param {Point} that + * @return {Number} + */ + distanceFrom(that) { + const dx = this.x - that.x, dy = this.y - that.y; + return Math.sqrt(dx * dx + dy * dy); + } /** - * Creates corresponding fabric instances from their object representations - * @static - * @memberOf fabric.util - * @param {Array} objects Objects to enliven - * @param {Function} callback Callback to invoke when all objects are created - * @param {String} namespace Namespace to get klass "Class" object from - * @param {Function} reviver Method for further parsing of object elements, - * called after each fabric object created. - */ - enlivenObjects: function(objects, callback, namespace, reviver) { - objects = objects || []; - - var enlivenedObjects = [], - numLoadedObjects = 0, - numTotalObjects = objects.length; - - function onLoaded() { - if (++numLoadedObjects === numTotalObjects) { - callback && callback(enlivenedObjects.filter(function(obj) { - // filter out undefined objects (objects that gave error) - return obj; - })); - } - } - - if (!numTotalObjects) { - callback && callback(enlivenedObjects); - return; - } - - objects.forEach(function (o, index) { - // if sparse array - if (!o || !o.type) { - onLoaded(); - return; - } - var klass = fabric.util.getKlass(o.type, namespace); - klass.fromObject(o, function (obj, error) { - error || (enlivenedObjects[index] = obj); - reviver && reviver(o, obj, error); - onLoaded(); - }); - }); - }, - + * Returns the point between this point and another one + * @param {Point} that + * @return {Point} + */ + midPointFrom(that) { + return this.lerp(that); + } /** - * Creates corresponding fabric instances residing in an object, e.g. `clipPath` - * @see {@link fabric.Object.ENLIVEN_PROPS} - * @param {Object} object - * @param {Object} [context] assign enlived props to this object (pass null to skip this) - * @param {(objects:fabric.Object[]) => void} callback - */ - enlivenObjectEnlivables: function (object, context, callback) { - var enlivenProps = fabric.Object.ENLIVEN_PROPS.filter(function (key) { return !!object[key]; }); - fabric.util.enlivenObjects(enlivenProps.map(function (key) { return object[key]; }), function (enlivedProps) { - var objects = {}; - enlivenProps.forEach(function (key, index) { - objects[key] = enlivedProps[index]; - context && (context[key] = enlivedProps[index]); - }); - callback && callback(objects); - }); - }, - + * Returns a new point which is the min of this and another one + * @param {Point} that + * @return {Point} + */ + min(that) { + return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); + } /** - * Create and wait for loading of patterns - * @static - * @memberOf fabric.util - * @param {Array} patterns Objects to enliven - * @param {Function} callback Callback to invoke when all objects are created - * called after each fabric object created. + * Returns a new point which is the max of this and another one + * @param {Point} that + * @return {Point} */ - enlivenPatterns: function(patterns, callback) { - patterns = patterns || []; - - function onLoaded() { - if (++numLoadedPatterns === numPatterns) { - callback && callback(enlivenedPatterns); - } - } - - var enlivenedPatterns = [], - numLoadedPatterns = 0, - numPatterns = patterns.length; - - if (!numPatterns) { - callback && callback(enlivenedPatterns); - return; - } - - patterns.forEach(function (p, index) { - if (p && p.source) { - new fabric.Pattern(p, function(pattern) { - enlivenedPatterns[index] = pattern; - onLoaded(); - }); - } - else { - enlivenedPatterns[index] = p; - onLoaded(); - } - }); - }, - + max(that) { + return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); + } /** - * Groups SVG elements (usually those retrieved from SVG document) - * @static - * @memberOf fabric.util - * @param {Array} elements SVG elements to group - * @param {Object} [options] Options object - * @param {String} path Value to set sourcePath to - * @return {fabric.Object|fabric.Group} + * Returns string representation of this point + * @return {String} */ - groupSVGElements: function(elements, options, path) { - var object; - if (elements && elements.length === 1) { - return elements[0]; - } - if (options) { - if (options.width && options.height) { - options.centerPoint = { - x: options.width / 2, - y: options.height / 2 - }; - } - else { - delete options.width; - delete options.height; - } - } - object = new fabric.Group(elements, options); - if (typeof path !== 'undefined') { - object.sourcePath = path; - } - return object; - }, - + toString() { + return this.x + ',' + this.y; + } /** - * Populates an object with properties of another object - * @static - * @memberOf fabric.util - * @param {Object} source Source object - * @param {Object} destination Destination object - * @return {Array} properties Properties names to include - */ - populateWithProperties: function(source, destination, properties) { - if (properties && Object.prototype.toString.call(properties) === '[object Array]') { - for (var i = 0, len = properties.length; i < len; i++) { - if (properties[i] in source) { - destination[properties[i]] = source[properties[i]]; - } - } - } - }, - + * Sets x/y of this point + * @param {Number} x + * @param {Number} y + * @chainable + */ + setXY(x, y) { + this.x = x; + this.y = y; + return this; + } /** - * Creates canvas element - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element + * Sets x of this point + * @param {Number} x + * @chainable */ - createCanvasElement: function() { - return fabric.document.createElement('canvas'); - }, - + setX(x) { + this.x = x; + return this; + } /** - * Creates a canvas element that is a copy of another and is also painted - * @param {CanvasElement} canvas to copy size and content of - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element - */ - copyCanvasElement: function(canvas) { - var newCanvas = fabric.util.createCanvasElement(); - newCanvas.width = canvas.width; - newCanvas.height = canvas.height; - newCanvas.getContext('2d').drawImage(canvas, 0, 0); - return newCanvas; - }, - + * Sets y of this point + * @param {Number} y + * @chainable + */ + setY(y) { + this.y = y; + return this; + } /** - * since 2.6.0 moved from canvas instance to utility. - * @param {CanvasElement} canvasEl to copy size and content of - * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too - * @param {Number} quality <= 1 and > 0 - * @static - * @memberOf fabric.util - * @return {String} data url + * Sets x/y of this point from another point + * @param {Point} that + * @chainable */ - toDataURL: function(canvasEl, format, quality) { - return canvasEl.toDataURL('image/' + format, quality); - }, - + setFromPoint(that) { + this.x = that.x; + this.y = that.y; + return this; + } /** - * Creates image element (works on client and node) - * @static - * @memberOf fabric.util - * @return {HTMLImageElement} HTML image element + * Swaps x/y of this point and another point + * @param {Point} that */ - createImage: function() { - return fabric.document.createElement('img'); - }, - + swap(that) { + const x = this.x, y = this.y; + this.x = that.x; + this.y = that.y; + that.x = x; + that.y = y; + } /** - * Multiply matrix A by matrix B to nest transformations - * @static - * @memberOf fabric.util - * @param {Array} a First transformMatrix - * @param {Array} b Second transformMatrix - * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices - * @return {Array} The product of the two transform matrices - */ - multiplyTransformMatrices: function(a, b, is2x2) { - // Matrix multiply a * b - return [ - a[0] * b[0] + a[2] * b[1], - a[1] * b[0] + a[3] * b[1], - a[0] * b[2] + a[2] * b[3], - a[1] * b[2] + a[3] * b[3], - is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], - is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5] - ]; - }, - + * return a cloned instance of the point + * @return {Point} + */ + clone() { + return new Point(this.x, this.y); + } /** - * Decomposes standard 2x3 matrix into transform components + * Rotates `point` around `origin` with `radians` * @static * @memberOf fabric.util - * @param {Array} a transformMatrix - * @return {Object} Components of transform - */ - qrDecompose: function(a) { - var angle = atan2(a[1], a[0]), - denom = pow(a[0], 2) + pow(a[1], 2), - scaleX = sqrt(denom), - scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, - skewX = atan2(a[0] * a[2] + a[1] * a [3], denom); - return { - angle: angle / PiBy180, - scaleX: scaleX, - scaleY: scaleY, - skewX: skewX / PiBy180, - skewY: 0, - translateX: a[4], - translateY: a[5] - }; - }, - + * @param {Point} origin The origin of the rotation + * @param {TRadian} radians The radians of the angle for the rotation + * @return {Point} The new rotated point + */ + rotate(radians, origin = originZero) { + // TODO benchmark and verify the add and subtract how much cost + // and then in case early return if no origin is passed + const sinus = sin(radians), cosinus = cos(radians); + const p = this.subtract(origin); + const rotated = new Point(p.x * cosinus - p.y * sinus, p.x * sinus + p.y * cosinus); + return rotated.add(origin); + } /** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet + * Apply transform t to point p * @static * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] angle in degrees - * @return {Number[]} transform matrix - */ - calcRotateMatrix: function(options) { - if (!options.angle) { - return fabric.iMatrix.concat(); - } - var theta = fabric.util.degreesToRadians(options.angle), - cos = fabric.util.cos(theta), - sin = fabric.util.sin(theta); - return [cos, sin, -sin, cos, 0, 0]; - }, + * @param {TMat2D} t The transform + * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied + * @return {Point} The transformed point + */ + transform(t, ignoreOffset = false) { + return new Point(t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]), t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])); + } +} +const originZero = new Point(0, 0); +fabric$1.Point = Point; - /** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet. - * is called DimensionsTransformMatrix because those properties are the one that influence - * the size of the resulting box of the object. - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @return {Number[]} transform matrix - */ - calcDimensionsMatrix: function(options) { - var scaleX = typeof options.scaleX === 'undefined' ? 1 : options.scaleX, - scaleY = typeof options.scaleY === 'undefined' ? 1 : options.scaleY, - scaleMatrix = [ - options.flipX ? -scaleX : scaleX, - 0, - 0, - options.flipY ? -scaleY : scaleY, - 0, - 0], - multiply = fabric.util.multiplyTransformMatrices, - degreesToRadians = fabric.util.degreesToRadians; - if (options.skewX) { - scaleMatrix = multiply( - scaleMatrix, - [1, 0, Math.tan(degreesToRadians(options.skewX)), 1], - true); - } - if (options.skewY) { - scaleMatrix = multiply( - scaleMatrix, - [1, Math.tan(degreesToRadians(options.skewY)), 0, 1], - true); - } - return scaleMatrix; - }, +const unitVectorX = new Point(1, 0); +/** + * Rotates `vector` with `radians` + * @static + * @memberOf fabric.util + * @param {Point} vector The vector to rotate (x and y) + * @param {Number} radians The radians of the angle for the rotation + * @return {Point} The new rotated point + */ +const rotateVector = (vector, radians) => vector.rotate(radians); +/** + * Creates a vector from points represented as a point + * @static + * @memberOf fabric.util + * + * @param {Point} from + * @param {Point} to + * @returns {Point} vector + */ +const createVector = (from, to) => new Point(to).subtract(from); +/** + * return the magnitude of a vector + * @return {number} + */ +const magnitude = (point) => point.distanceFrom(new Point()); +/** + * Calculates the angle between 2 vectors + * @param {Point} a + * @param {Point} b + * @returns the angle in radians from `a` to `b` + */ +const calcAngleBetweenVectors = (a, b) => { + const dot = a.x * b.x + a.y * b.y, det = a.x * b.y - a.y * b.x; + return Math.atan2(det, dot); +}; +/** + * Calculates the angle between the x axis and the vector + * @param {Point} v + * @returns the angle in radians of `v` + */ +const calcVectorRotation = (v) => calcAngleBetweenVectors(unitVectorX, v); +/** + * @param {Point} v + * @returns {Point} vector representing the unit vector pointing to the direction of `v` + */ +const getUnitVector = (v) => v.scalarDivide(magnitude(v)); +/** + * @param {Point} A + * @param {Point} B + * @param {Point} C + * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle + */ +const getBisector = (A, B, C) => { + const AB = createVector(A, B), AC = createVector(A, C), alpha = calcAngleBetweenVectors(AB, AC); + return { + vector: getUnitVector(rotateVector(AB, alpha / 2)), + angle: alpha, + }; +}; +/** + * @param {Point} v + * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true` + * @returns {Point} the unit orthogonal vector + */ +const getOrthonormalVector = (v, counterClockwise = true) => getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1)); - /** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewX] - * @param {Number} [options.translateX] - * @param {Number} [options.translateY] - * @return {Number[]} transform matrix - */ - composeMatrix: function(options) { - var matrix = [1, 0, 0, 1, options.translateX || 0, options.translateY || 0], - multiply = fabric.util.multiplyTransformMatrices; - if (options.angle) { - matrix = multiply(matrix, fabric.util.calcRotateMatrix(options)); - } - if (options.scaleX !== 1 || options.scaleY !== 1 || - options.skewX || options.skewY || options.flipX || options.flipY) { - matrix = multiply(matrix, fabric.util.calcDimensionsMatrix(options)); - } - return matrix; - }, +/** + * Transforms degrees to radians. + * @static + * @memberOf fabric.util + * @param {TDegree} degrees value in degrees + * @return {TRadian} value in radians + */ +const degreesToRadians = (degrees) => (degrees * PiBy180); +/** + * Transforms radians to degrees. + * @static + * @memberOf fabric.util + * @param {TRadian} radians value in radians + * @return {TDegree} value in degrees + */ +const radiansToDegrees = (radians) => (radians / PiBy180); - /** - * reset an object transform state to neutral. Top and left are not accounted for - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to transform - */ - resetObjectTransform: function (target) { - target.scaleX = 1; - target.scaleY = 1; - target.skewX = 0; - target.skewY = 0; - target.flipX = false; - target.flipY = false; - target.rotate(0); - }, +/** + * Rotates `point` around `origin` with `radians` + * @static + * @deprecated use the Point.rotate + * @memberOf fabric.util + * @param {Point} origin The origin of the rotation + * @param {Point} origin The origin of the rotation + * @param {TRadian} radians The radians of the angle for the rotation + * @return {Point} The new rotated point + */ +const rotatePoint = (point, origin, radians) => point.rotate(radians, origin); - /** - * Extract Object transform values - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to read from - * @return {Object} Components of transform - */ - saveObjectTransform: function (target) { - return { - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - angle: target.angle, - left: target.left, - flipX: target.flipX, - flipY: target.flipY, - top: target.top - }; - }, +/** + * Returns random number between 2 specified ones. + * @static + * @memberOf fabric.util + * @param {Number} min lower limit + * @param {Number} max upper limit + * @return {Number} random value (between min and max) + */ +const getRandomInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; + +/** + * + * @param value value to check if NaN + * @param [valueIfNaN] + * @returns `fallback` is `value is NaN + */ +const ifNaN = (value, valueIfNaN) => { + return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value; +}; +/** + * Removes value from an array. + * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` + * @static + * @memberOf fabric.util + * @param {Array} array + * @param {*} value + * @return {Array} original array + */ +const removeFromArray = (array, value) => { + const idx = array.indexOf(value); + if (idx !== -1) { + array.splice(idx, 1); + } + return array; +}; + +/** + * @see https://github.com/fabricjs/fabric.js/pull/8344 + */ +class StrokeProjectionsBase { + constructor(options) { + this.options = options; + this.strokeProjectionMagnitude = this.options.strokeWidth / 2; + this.scale = new Point(this.options.scaleX, this.options.scaleY); + this.strokeUniformScalar = this.options.strokeUniform + ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY) + : new Point(1, 1); + } + static getAcuteAngleFactor(vector1, vector2) { + const angle = vector2 + ? calcAngleBetweenVectors(vector1, vector2) + : calcVectorRotation(vector1); + return Math.abs(angle) < halfPI ? -1 : 1; + } /** - * Returns true if context has transparent pixel - * at specified location (taking tolerance into account) - * @param {CanvasRenderingContext2D} ctx context - * @param {Number} x x coordinate - * @param {Number} y y coordinate - * @param {Number} tolerance Tolerance + * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account. */ - isTransparent: function(ctx, x, y, tolerance) { + createSideVector(from, to) { + const v = createVector(from, to); + return this.options.strokeUniform ? v.multiply(this.scale) : v; + } + projectOrthogonally(from, to, magnitude) { + return this.applySkew(from.add(this.calcOrthogonalProjection(from, to, magnitude))); + } + isSkewed() { + return this.options.skewX !== 0 || this.options.skewY !== 0; + } + applySkew(point) { + const p = new Point(point); + // skewY must be applied before skewX as this distortion affects skewX calculation + p.y += p.x * Math.tan(degreesToRadians(this.options.skewY)); + p.x += p.y * Math.tan(degreesToRadians(this.options.skewX)); + return p; + } + scaleUnitVector(unitVector, scalar) { + return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar); + } +} - // If tolerance is > 0 adjust start coords to take into account. - // If moves off Canvas fix to 0 - if (tolerance > 0) { - if (x > tolerance) { - x -= tolerance; +/** + * class in charge of finding projections for each type of line join + * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)} + * + * - MDN: + * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin + * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin + * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty + * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html + * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js + * + */ +class StrokeLineJoinProjections extends StrokeProjectionsBase { + constructor(A, B, C, options) { + super(options); + this.A = new Point(A); + this.B = new Point(B); + this.C = new Point(C); + // First we calculate the bisector between the points. Used in `round` and `miter` cases + // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account + this.bisector = this.options.strokeUniform + ? getBisector(this.A.multiply(this.scale), this.B.multiply(this.scale), this.C.multiply(this.scale)) + : getBisector(this.A, this.B, this.C); + } + get bisectorVector() { + return this.bisector.vector; + } + get bisectorAngle() { + return this.bisector.angle; + } + calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { + const vector = this.createSideVector(from, to); + const orthogonalProjection = getOrthonormalVector(vector); + const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(orthogonalProjection, this.bisectorVector); + return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide); + } + /** + * BEVEL + * Calculation: the projection points are formed by the vector orthogonal to the vertex. + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel + */ + projectBevel() { + return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to)); + } + /** + * MITER + * Calculation: the corner is formed by extending the outer edges of the stroke + * at the tangents of the path segments until they intersect. + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter + */ + projectMiter() { + const alpha = Math.abs(this.bisectorAngle), hypotUnitScalar = 1 / Math.sin(alpha / 2), miterVector = this.scaleUnitVector(this.bisectorVector, -this.strokeProjectionMagnitude * hypotUnitScalar); + // When two line segments meet at a sharp angle, it is possible for the join to extend, + // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes + // a limit on the extent of the line join. + // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit + // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit + const strokeMiterLimit = this.options.strokeUniform + ? hypotUnitScalar + : this.options.strokeMiterLimit; + if (magnitude(miterVector) / this.strokeProjectionMagnitude <= + strokeMiterLimit) { + return [this.applySkew(this.A.add(miterVector))]; } else { - x = 0; + // when the miter-limit is reached, the stroke line join becomes of type bevel + return this.projectBevel(); } - if (y > tolerance) { - y -= tolerance; + } + /** + * ROUND (without skew) + * Calculation: the projections are the two vectors parallel to X and Y axes + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew + */ + projectRoundNoSkew() { + // correctSide is used to only consider projecting for the outer side + const correctSide = new Point(StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector), StrokeProjectionsBase.getAcuteAngleFactor(new Point(this.bisectorVector.y, this.bisectorVector.x))), radiusOnAxisX = new Point(1, 0) + .scalarMultiply(this.strokeProjectionMagnitude) + .multiply(this.strokeUniformScalar) + .multiply(correctSide), radiusOnAxisY = new Point(0, 1) + .scalarMultiply(this.strokeProjectionMagnitude) + .multiply(this.strokeUniformScalar) + .multiply(correctSide); + return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)]; + } + /** + * ROUND (with skew) + * Calculation: the projections are the points furthest from the vertex in + * the direction of the X and Y axes after distortion. + * + * @todo TODO: + * - Consider only projections that are inside the beginning and end of the circle segment + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew + */ + projectRoundWithSkew() { + const projections = []; + // The start and end points of the circle segment + [this.B, this.C].forEach((to) => projections.push(this.projectOrthogonally(this.A, to))); + const { skewX, skewY } = this.options; + // The points furthest from the vertex in the direction of the X and Y axes after distortion + const circleRadius = new Point() + .scalarAdd(this.strokeProjectionMagnitude) + .multiply(this.strokeUniformScalar), newY = circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2), furthestY = new Point(Math.sqrt(circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2), newY), newX = circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2), furthestX = new Point(newX, Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)); + [furthestX, furthestY].forEach((vector) => { + projections.push(this.applySkew(this.A.add(vector)), this.applySkew(this.A.subtract(vector))); + }); + return projections; + } + projectRound() { + if (!this.isSkewed()) { + return this.projectRoundNoSkew(); } else { - y = 0; + return this.projectRoundWithSkew(); } - } - - var _isTransparent = true, i, temp, - imageData = ctx.getImageData(x, y, (tolerance * 2) || 1, (tolerance * 2) || 1), - l = imageData.data.length; - - // Split image data - for tolerance > 1, pixelDataSize = 4; - for (i = 3; i < l; i += 4) { - temp = imageData.data[i]; - _isTransparent = temp <= 0; - if (_isTransparent === false) { - break; // Stop if colour found - } - } - - imageData = null; - - return _isTransparent; - }, - + } /** - * Parse preserveAspectRatio attribute from element - * @param {string} attribute to be parsed - * @return {Object} an object containing align and meetOrSlice attribute + * Project stroke width on points returning projections for each point as follows: + * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel) + * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke. + * - `round`: same as `bevel` when it has no skew, with skew are 4 points. */ - parsePreserveAspectRatioAttribute: function(attribute) { - var meetOrSlice = 'meet', alignX = 'Mid', alignY = 'Mid', - aspectRatioAttrs = attribute.split(' '), align; - - if (aspectRatioAttrs && aspectRatioAttrs.length) { - meetOrSlice = aspectRatioAttrs.pop(); - if (meetOrSlice !== 'meet' && meetOrSlice !== 'slice') { - align = meetOrSlice; - meetOrSlice = 'meet'; - } - else if (aspectRatioAttrs.length) { - align = aspectRatioAttrs.pop(); - } - } - //divide align in alignX and alignY - alignX = align !== 'none' ? align.slice(1, 4) : 'none'; - alignY = align !== 'none' ? align.slice(5, 8) : 'none'; - return { - meetOrSlice: meetOrSlice, - alignX: alignX, - alignY: alignY - }; - }, + projectPoints() { + switch (this.options.strokeLineJoin) { + case 'miter': + return this.projectMiter(); + case 'round': + return this.projectRound(); + default: + return this.projectBevel(); + } + } + project() { + return this.projectPoints().map((point) => ({ + originPoint: this.A, + projectedPoint: point, + bisector: this.bisector, + })); + } +} +/** + * class in charge of finding projections for each type of line cap for start/end of an open path + * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)} + * + * Reference: + * - MDN: + * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap + * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap + * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev + * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html + * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js + */ +class StrokeLineCapProjections extends StrokeProjectionsBase { + constructor(A, T, options) { + super(options); + this.A = new Point(A); + this.T = new Point(T); + } + calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { + const vector = this.createSideVector(from, to); + return this.scaleUnitVector(getOrthonormalVector(vector), magnitude); + } /** - * Clear char widths cache for the given font family or all the cache if no - * fontFamily is specified. - * Use it if you know you are loading fonts in a lazy way and you are not waiting - * for custom fonts to load properly when adding text objects to the canvas. - * If a text object is added when its own font is not loaded yet, you will get wrong - * measurement and so wrong bounding boxes. - * After the font cache is cleared, either change the textObject text content or call - * initDimensions() to trigger a recalculation - * @memberOf fabric.util - * @param {String} [fontFamily] font family to clear + * OPEN PATH START/END - Line cap: Butt + * Calculation: to find the projections, just find the points orthogonal to the stroke + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt */ - clearFabricFontCache: function(fontFamily) { - fontFamily = (fontFamily || '').toLowerCase(); - if (!fontFamily) { - fabric.charWidthsCache = { }; - } - else if (fabric.charWidthsCache[fontFamily]) { - delete fabric.charWidthsCache[fontFamily]; - } - }, - - /** - * Given current aspect ratio, determines the max width and height that can - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Number} ar aspect ratio - * @param {Number} maximumArea Maximum area you want to achieve - * @return {Object.x} Limited dimensions by X - * @return {Object.y} Limited dimensions by Y - */ - limitDimsByArea: function(ar, maximumArea) { - var roughWidth = Math.sqrt(maximumArea * ar), - perfLimitSizeY = Math.floor(maximumArea / roughWidth); - return { x: Math.floor(roughWidth), y: perfLimitSizeY }; - }, - - capValue: function(min, value, max) { - return Math.max(min, Math.min(value, max)); - }, - - /** - * Finds the scale for the object source to fit inside the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to fit into destination - */ - findScaleToFit: function(source, destination) { - return Math.min(destination.width / source.width, destination.height / source.height); - }, - - /** - * Finds the scale for the object source to cover entirely the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to cover destination - */ - findScaleToCover: function(source, destination) { - return Math.max(destination.width / source.width, destination.height / source.height); - }, - - /** - * given an array of 6 number returns something like `"matrix(...numbers)"` - * @memberOf fabric.util - * @param {Array} transform an array with 6 numbers - * @return {String} transform matrix for svg - * @return {Object.y} Limited dimensions by Y - */ - matrixToSVG: function(transform) { - return 'matrix(' + transform.map(function(value) { - return fabric.util.toFixed(value, fabric.Object.NUM_FRACTION_DIGITS); - }).join(' ') + ')'; - }, - + projectButt() { + return [ + this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude), + this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude), + ]; + } /** - * given an object and a transform, apply the inverse transform to the object, - * this is equivalent to remove from that object that transformation, so that - * added in a space with the removed transform, the object will be the same as before. - * Removing from an object a transform that scale by 2 is like scaling it by 1/2. - * Removing from an object a transfrom that rotate by 30deg is like rotating by 30deg - * in the opposite direction. - * This util is used to add objects inside transformed groups or nested groups. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform + * OPEN PATH START/END - Line cap: Round + * Calculation: same as stroke line join `round` + * + * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round */ - removeTransformFromObject: function(object, transform) { - var inverted = fabric.util.invertTransform(transform), - finalTransform = fabric.util.multiplyTransformMatrices(inverted, object.calcOwnMatrix()); - fabric.util.applyTransformToObject(object, finalTransform); - }, - - /** - * given an object and a transform, apply the transform to the object. - * this is equivalent to change the space where the object is drawn. - * Adding to an object a transform that scale by 2 is like scaling it by 2. - * This is used when removing an object from an active selection for example. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ - addTransformToObject: function(object, transform) { - fabric.util.applyTransformToObject( - object, - fabric.util.multiplyTransformMatrices(transform, object.calcOwnMatrix()) - ); - }, - - /** - * discard an object transform state and apply the one from the matrix. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ - applyTransformToObject: function(object, transform) { - var options = fabric.util.qrDecompose(transform), - center = new fabric.Point(options.translateX, options.translateY); - object.flipX = false; - object.flipY = false; - object.set('scaleX', options.scaleX); - object.set('scaleY', options.scaleY); - object.skewX = options.skewX; - object.skewY = options.skewY; - object.angle = options.angle; - object.setPositionByOrigin(center, 'center', 'center'); - }, - - /** - * given a width and height, return the size of the bounding box - * that can contains the box with width/height with applied transform - * described in options. - * Use to calculate the boxes around objects for controls. - * @memberOf fabric.util - * @param {Number} width - * @param {Number} height - * @param {Object} options - * @param {Number} options.scaleX - * @param {Number} options.scaleY - * @param {Number} options.skewX - * @param {Number} options.skewY - * @return {Object.x} width of containing - * @return {Object.y} height of containing - */ - sizeAfterTransform: function(width, height, options) { - var dimX = width / 2, dimY = height / 2, - points = [ - { - x: -dimX, - y: -dimY - }, - { - x: dimX, - y: -dimY - }, - { - x: -dimX, - y: dimY - }, - { - x: dimX, - y: dimY - }], - transformMatrix = fabric.util.calcDimensionsMatrix(options), - bbox = fabric.util.makeBoundingBoxFromPoints(points, transformMatrix); - return { - x: bbox.width, - y: bbox.height, - }; - }, - + projectRound() { + return new StrokeLineJoinProjections(this.A, this.T, this.T, this.options).projectRound(); + } /** - * Merges 2 clip paths into one visually equal clip path - * - * **IMPORTANT**:\ - * Does **NOT** clone the arguments, clone them proir if necessary. + * OPEN PATH START/END - Line cap: Square + * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT` * - * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. - * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. - * - * In order to handle the `inverted` property we follow logic described in the following cases:\ - * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ - * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ - * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. - * - * @memberOf fabric.util - * @param {fabric.Object} c1 - * @param {fabric.Object} c2 - * @returns {fabric.Object} merged clip path - */ - mergeClipPaths: function (c1, c2) { - var a = c1, b = c2; - if (a.inverted && !b.inverted) { - // case (2) - a = c2; - b = c1; - } - // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane - fabric.util.applyTransformToObject( - b, - fabric.util.multiplyTransformMatrices( - fabric.util.invertTransform(a.calcTransformMatrix()), - b.calcTransformMatrix() - ) - ); - // assign the `inverted` prop to the wrapping group - var inverted = a.inverted && b.inverted; - if (inverted) { - // case (1) - a.inverted = b.inverted = false; - } - return new fabric.Group([a], { clipPath: b, inverted: inverted }); - }, - }; -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - var _join = Array.prototype.join, - commandLengths = { - m: 2, - l: 2, - h: 1, - v: 1, - c: 6, - s: 4, - q: 4, - t: 2, - a: 7 - }, - repeatedCommands = { - m: 'l', - M: 'L' - }; - function segmentToBezier(th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) { - var costh2 = fabric.util.cos(th2), - sinth2 = fabric.util.sin(th2), - costh3 = fabric.util.cos(th3), - sinth3 = fabric.util.sin(th3), - toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, - toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, - cp1X = fromX + mT * ( -cosTh * rx * sinth2 - sinTh * ry * costh2), - cp1Y = fromY + mT * ( -sinTh * rx * sinth2 + cosTh * ry * costh2), - cp2X = toX + mT * ( cosTh * rx * sinth3 + sinTh * ry * costh3), - cp2Y = toY + mT * ( sinTh * rx * sinth3 - cosTh * ry * costh3); - - return ['C', - cp1X, cp1Y, - cp2X, cp2Y, - toX, toY - ]; - } - - /* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp - * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here - * http://mozilla.org/MPL/2.0/ - */ - function arcToSegments(toX, toY, rx, ry, large, sweep, rotateX) { - var PI = Math.PI, th = rotateX * PI / 180, - sinTh = fabric.util.sin(th), - cosTh = fabric.util.cos(th), - fromX = 0, fromY = 0; + * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square + */ + projectSquare() { + const orthogonalProjection = this.calcOrthogonalProjection(this.A, this.T, this.strokeProjectionMagnitude); + const strokePointingOut = this.scaleUnitVector(getUnitVector(createVector(this.A, this.T)), -this.strokeProjectionMagnitude); + const projectedA = this.A.add(strokePointingOut); + return [ + projectedA.add(orthogonalProjection), + projectedA.subtract(orthogonalProjection), + ].map((p) => this.applySkew(p)); + } + projectPoints() { + switch (this.options.strokeLineCap) { + case 'round': + return this.projectRound(); + case 'square': + return this.projectSquare(); + default: + return this.projectButt(); + } + } + project() { + return this.projectPoints().map((point) => ({ + originPoint: this.A, + projectedPoint: point, + })); + } +} - rx = Math.abs(rx); - ry = Math.abs(ry); +/** + * + * Used to calculate object's bounding box + * + * @see https://github.com/fabricjs/fabric.js/pull/8344 + * + */ +const projectStrokeOnPoints = (points, options, openPath = false) => { + const projections = []; + if (points.length <= 1) { + return projections; + } + points.forEach((A, index) => { + let B, C; + if (index === 0) { + C = points[1]; + B = openPath ? A : points[points.length - 1]; + } + else if (index === points.length - 1) { + B = points[index - 1]; + C = openPath ? A : points[0]; + } + else { + B = points[index - 1]; + C = points[index + 1]; + } + if (openPath && (index === 0 || index === points.length - 1)) { + projections.push(...new StrokeLineCapProjections(A, index === 0 ? C : B, options).project()); + } + else { + projections.push(...new StrokeLineJoinProjections(A, B, C, options).project()); + } + }); + return projections; +}; - var px = -cosTh * toX * 0.5 - sinTh * toY * 0.5, - py = -cosTh * toY * 0.5 + sinTh * toX * 0.5, - rx2 = rx * rx, ry2 = ry * ry, py2 = py * py, px2 = px * px, - pl = rx2 * ry2 - rx2 * py2 - ry2 * px2, - root = 0; +/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */ +function __rest(s, e) { + var t = {}; + for (var p in s) + if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) + t[p] = s[p]; + if (s != null && typeof Object.getOwnPropertySymbols === "function") + for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { + if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) + t[p[i]] = s[p[i]]; + } + return t; +} - if (pl < 0) { - var s = Math.sqrt(1 - pl / (rx2 * ry2)); - rx *= s; - ry *= s; +/** + * Apply transform t to point p + * @static + * @memberOf fabric.util + * @param {Point | IPoint} p The point to transform + * @param {Array} t The transform + * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied + * @return {Point} The transformed point + */ +const transformPoint = (p, t, ignoreOffset) => new Point(p).transform(t, ignoreOffset); +/** + * Invert transformation t + * @static + * @memberOf fabric.util + * @param {Array} t The transform + * @return {Array} The inverted transform + */ +const invertTransform = (t) => { + const a = 1 / (t[0] * t[3] - t[1] * t[2]), r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0], { x, y } = transformPoint(new Point(t[4], t[5]), r, true); + r[4] = -x; + r[5] = -y; + return r; +}; +/** + * Multiply matrix A by matrix B to nest transformations + * @static + * @memberOf fabric.util + * @param {TMat2D} a First transformMatrix + * @param {TMat2D} b Second transformMatrix + * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices + * @return {TMat2D} The product of the two transform matrices + */ +const multiplyTransformMatrices = (a, b, is2x2) => [ + a[0] * b[0] + a[2] * b[1], + a[1] * b[0] + a[3] * b[1], + a[0] * b[2] + a[2] * b[3], + a[1] * b[2] + a[3] * b[3], + is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], + is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5], +]; +/** + * Decomposes standard 2x3 matrix into transform components + * @static + * @memberOf fabric.util + * @param {TMat2D} a transformMatrix + * @return {Object} Components of transform + */ +const qrDecompose = (a) => { + const angle = Math.atan2(a[1], a[0]), denom = Math.pow(a[0], 2) + Math.pow(a[1], 2), scaleX = Math.sqrt(denom), scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom); + return { + angle: radiansToDegrees(angle), + scaleX, + scaleY, + skewX: radiansToDegrees(skewX), + skewY: 0, + translateX: a[4] || 0, + translateY: a[5] || 0, + }; +}; +/** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] angle in degrees + * @return {TMat2D} transform matrix + */ +const calcRotateMatrix = ({ angle }) => { + if (!angle) { + return iMatrix; } - else { - root = (large === sweep ? -1.0 : 1.0) * - Math.sqrt( pl / (rx2 * py2 + ry2 * px2)); + const theta = degreesToRadians(angle), cosin = cos(theta), sinus = sin(theta); + return [cosin, sinus, -sinus, cosin, 0, 0]; +}; +/** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet. + * is called DimensionsTransformMatrix because those properties are the one that influence + * the size of the resulting box of the object. + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @return {Number[]} transform matrix + */ +const calcDimensionsMatrix = ({ scaleX = 1, scaleY = 1, flipX = false, flipY = false, skewX = 0, skewY = 0, }) => { + let scaleMatrix = iMatrix; + if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) { + scaleMatrix = [ + flipX ? -scaleX : scaleX, + 0, + 0, + flipY ? -scaleY : scaleY, + 0, + 0, + ]; } - - var cx = root * rx * py / ry, - cy = -root * ry * px / rx, - cx1 = cosTh * cx - sinTh * cy + toX * 0.5, - cy1 = sinTh * cx + cosTh * cy + toY * 0.5, - mTheta = calcVectorAngle(1, 0, (px - cx) / rx, (py - cy) / ry), - dtheta = calcVectorAngle((px - cx) / rx, (py - cy) / ry, (-px - cx) / rx, (-py - cy) / ry); - - if (sweep === 0 && dtheta > 0) { - dtheta -= 2 * PI; + if (skewX) { + scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, 0, Math.tan(degreesToRadians(skewX)), 1], true); } - else if (sweep === 1 && dtheta < 0) { - dtheta += 2 * PI; + if (skewY) { + scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, Math.tan(degreesToRadians(skewY)), 0, 1], true); } - - // Convert into cubic bezier segments <= 90deg - var segments = Math.ceil(Math.abs(dtheta / PI * 2)), - result = [], mDelta = dtheta / segments, - mT = 8 / 3 * Math.sin(mDelta / 4) * Math.sin(mDelta / 4) / Math.sin(mDelta / 2), - th3 = mTheta + mDelta; - - for (var i = 0; i < segments; i++) { - result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY); - fromX = result[i][5]; - fromY = result[i][6]; - mTheta = th3; - th3 += mDelta; + return scaleMatrix; +}; +/** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @param {Number} [options.translateX] + * @param {Number} [options.translateY] + * @return {Number[]} transform matrix + */ +const composeMatrix = (_a) => { + var { translateX = 0, translateY = 0, angle = 0 } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "angle"]); + let matrix = [1, 0, 0, 1, translateX, translateY]; + if (angle) { + matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle })); } - return result; - } + const scaleMatrix = calcDimensionsMatrix(otherOptions); + if (scaleMatrix !== iMatrix) { + matrix = multiplyTransformMatrices(matrix, scaleMatrix); + } + return matrix; +}; - /* - * Private - */ - function calcVectorAngle(ux, uy, vx, vy) { - var ta = Math.atan2(uy, ux), - tb = Math.atan2(vy, vx); - if (tb >= ta) { - return tb - ta; +//@ts-nocheck +/** + * Copies all enumerable properties of one js object to another + * this does not and cannot compete with generic utils. + * Does not clone or extend fabric.Object subclasses. + * This is mostly for internal use and has extra handling for fabricJS objects + * it skips the canvas and group properties in deep cloning. + * @memberOf fabric.util.object + * @param {Object} destination Where to copy to + * @param {Object} source Where to copy from + * @param {Boolean} [deep] Whether to extend nested objects + * @return {Object} + */ +const extend = (destination, source, deep) => { + // the deep clone is for internal use, is not meant to avoid + // javascript traps or cloning html element or self referenced objects. + if (deep) { + if (!fabric$1.isLikelyNode && source instanceof Element) { + // avoid cloning deep images, canvases, + destination = source; + } + else if (Array.isArray(source)) { + destination = []; + for (let i = 0, len = source.length; i < len; i++) { + destination[i] = extend({}, source[i], deep); + } + } + else if (source && typeof source === 'object') { + for (const property in source) { + if (property === 'canvas' || property === 'group') { + // we do not want to clone this props at all. + // we want to keep the keys in the copy + destination[property] = null; + } + else if (Object.prototype.hasOwnProperty.call(source, property)) { + destination[property] = extend({}, source[property], deep); + } + } + } + else { + // this sounds odd for an extend but is ok for recursive use + destination = source; + } } else { - return 2 * Math.PI - (ta - tb); - } - } - - /** - * Calculate bounding box of a beziercurve - * @param {Number} x0 starting point - * @param {Number} y0 - * @param {Number} x1 first control point - * @param {Number} y1 - * @param {Number} x2 secondo control point - * @param {Number} y2 - * @param {Number} x3 end of bezier - * @param {Number} y3 - */ - // taken from http://jsbin.com/ivomiq/56/edit no credits available for that. - // TODO: can we normalize this with the starting points set at 0 and then translated the bbox? - function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { - var argsString; - if (fabric.cachesBoundsOfCurve) { - argsString = _join.call(arguments); - if (fabric.boundsOfCurveCache[argsString]) { - return fabric.boundsOfCurveCache[argsString]; - } + for (const property in source) { + destination[property] = source[property]; + } } + return destination; +}; +/** + * Creates an empty object and copies all enumerable properties of another object to it + * This method is mostly for internal use, and not intended for duplicating shapes in canvas. + * @memberOf fabric.util.object + * @param {Object} object Object to clone + * @param {Boolean} [deep] Whether to clone nested objects + * @return {Object} + */ +//TODO: this function return an empty object if you try to clone null +const clone = (object, deep) => deep ? extend({}, object, deep) : Object.assign({}, object); - var sqrt = Math.sqrt, - min = Math.min, max = Math.max, - abs = Math.abs, tvalues = [], - bounds = [[], []], - a, b, c, t, t1, t2, b2ac, sqrtb2ac; - - b = 6 * x0 - 12 * x1 + 6 * x2; - a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; - c = 3 * x1 - 3 * x0; - - for (var i = 0; i < 2; ++i) { - if (i > 0) { - b = 6 * y0 - 12 * y1 + 6 * y2; - a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; - c = 3 * y1 - 3 * y0; - } - - if (abs(a) < 1e-12) { - if (abs(b) < 1e-12) { - continue; - } - t = -c / b; - if (0 < t && t < 1) { - tvalues.push(t); - } - continue; - } - b2ac = b * b - 4 * c * a; - if (b2ac < 0) { - continue; - } - sqrtb2ac = sqrt(b2ac); - t1 = (-b + sqrtb2ac) / (2 * a); - if (0 < t1 && t1 < 1) { - tvalues.push(t1); - } - t2 = (-b - sqrtb2ac) / (2 * a); - if (0 < t2 && t2 < 1) { - tvalues.push(t2); - } +/** + * @memberOf fabric.util + * @param {Object} prevStyle first style to compare + * @param {Object} thisStyle second style to compare + * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties + * @return {boolean} true if the style changed + */ +const hasStyleChanged = (prevStyle, thisStyle, forTextSpans = false) => prevStyle.fill !== thisStyle.fill || + prevStyle.stroke !== thisStyle.stroke || + prevStyle.strokeWidth !== thisStyle.strokeWidth || + prevStyle.fontSize !== thisStyle.fontSize || + prevStyle.fontFamily !== thisStyle.fontFamily || + prevStyle.fontWeight !== thisStyle.fontWeight || + prevStyle.fontStyle !== thisStyle.fontStyle || + prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor || + prevStyle.deltaY !== thisStyle.deltaY || + (forTextSpans && + (prevStyle.overline !== thisStyle.overline || + prevStyle.underline !== thisStyle.underline || + prevStyle.linethrough !== thisStyle.linethrough)); +/** + * Returns the array form of a text object's inline styles property with styles grouped in ranges + * rather than per character. This format is less verbose, and is better suited for storage + * so it is used in serialization (not during runtime). + * @memberOf fabric.util + * @param {object} styles per character styles for a text object + * @param {String} text the text string that the styles are applied to + * @return {{start: number, end: number, style: object}[]} + */ +const stylesToArray = (styles, text) => { + const textLines = text.split('\n'), stylesArray = []; + let charIndex = -1, prevStyle = {}; + // clone style structure to prevent mutation + styles = clone(styles, true); + //loop through each textLine + for (let i = 0; i < textLines.length; i++) { + if (!styles[i]) { + //no styles exist for this line, so add the line's length to the charIndex total + charIndex += textLines[i].length; + continue; + } + //loop through each character of the current line + for (let c = 0; c < textLines[i].length; c++) { + charIndex++; + const thisStyle = styles[i][c]; + //check if style exists for this character + if (thisStyle && Object.keys(thisStyle).length > 0) { + if (hasStyleChanged(prevStyle, thisStyle, true)) { + stylesArray.push({ + start: charIndex, + end: charIndex + 1, + style: thisStyle, + }); + } + else { + //if style is the same as previous character, increase end index + stylesArray[stylesArray.length - 1].end++; + } + } + prevStyle = thisStyle || {}; + } } - - var x, y, j = tvalues.length, jlen = j, mt; - while (j--) { - t = tvalues[j]; - mt = 1 - t; - x = (mt * mt * mt * x0) + (3 * mt * mt * t * x1) + (3 * mt * t * t * x2) + (t * t * t * x3); - bounds[0][j] = x; - - y = (mt * mt * mt * y0) + (3 * mt * mt * t * y1) + (3 * mt * t * t * y2) + (t * t * t * y3); - bounds[1][j] = y; + return stylesArray; +}; +/** + * Returns the object form of the styles property with styles that are assigned per + * character rather than grouped by range. This format is more verbose, and is + * only used during runtime (not for serialization/storage) + * @memberOf fabric.util + * @param {Array} styles the serialized form of a text object's styles + * @param {String} text the text string that the styles are applied to + * @return {Object} + */ +const stylesFromArray = (styles, text) => { + if (!Array.isArray(styles)) { + return styles; + } + const textLines = text.split('\n'), stylesObject = {}; + let charIndex = -1, styleIndex = 0; + //loop through each textLine + for (let i = 0; i < textLines.length; i++) { + //loop through each character of the current line + for (let c = 0; c < textLines[i].length; c++) { + charIndex++; + //check if there's a style collection that includes the current character + if (styles[styleIndex] && + styles[styleIndex].start <= charIndex && + charIndex < styles[styleIndex].end) { + //create object for line index if it doesn't exist + stylesObject[i] = stylesObject[i] || {}; + //assign a style at this character's index + stylesObject[i][c] = Object.assign({}, styles[styleIndex].style); + //if character is at the end of the current style collection, move to the next + if (charIndex === styles[styleIndex].end - 1) { + styleIndex++; + } + } + } } + return stylesObject; +}; - bounds[0][jlen] = x0; - bounds[1][jlen] = y0; - bounds[0][jlen + 1] = x3; - bounds[1][jlen + 1] = y3; - var result = [ - { - x: min.apply(null, bounds[0]), - y: min.apply(null, bounds[1]) - }, - { - x: max.apply(null, bounds[0]), - y: max.apply(null, bounds[1]) - } - ]; - if (fabric.cachesBoundsOfCurve) { - fabric.boundsOfCurveCache[argsString] = result; - } - return result; - } +/** + * Creates canvas element + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ +const createCanvasElement = () => fabric$1.document.createElement('canvas'); +/** + * Creates image element (works on client and node) + * @static + * @memberOf fabric.util + * @return {HTMLImageElement} HTML image element + */ +const createImage = () => fabric$1.document.createElement('img'); +/** + * Creates a canvas element that is a copy of another and is also painted + * @param {CanvasElement} canvas to copy size and content of + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ +const copyCanvasElement = (canvas) => { + var _a; + const newCanvas = createCanvasElement(); + newCanvas.width = canvas.width; + newCanvas.height = canvas.height; + (_a = newCanvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(canvas, 0, 0); + return newCanvas; +}; +/** + * since 2.6.0 moved from canvas instance to utility. + * possibly useless + * @param {CanvasElement} canvasEl to copy size and content of + * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too + * @param {Number} quality <= 1 and > 0 + * @static + * @memberOf fabric.util + * @return {String} data url + */ +const toDataURL = (canvasEl, format, quality) => canvasEl.toDataURL(`image/${format}`, quality); - /** - * Converts arc to a bunch of bezier curves - * @param {Number} fx starting point x - * @param {Number} fy starting point y - * @param {Array} coords Arc command - */ - function fromArcToBeziers(fx, fy, coords) { - var rx = coords[1], - ry = coords[2], - rot = coords[3], - large = coords[4], - sweep = coords[5], - tx = coords[6], - ty = coords[7], - segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); +/** + * A wrapper around Number#toFixed, which contrary to native method returns number, not string. + * @static + * @memberOf fabric.util + * @param {number|string} number number to operate on + * @param {number} fractionDigits number of fraction digits to "leave" + * @return {number} + */ +const toFixed = (number, fractionDigits) => parseFloat(Number(number).toFixed(fractionDigits)); - for (var i = 0, len = segsNorm.length; i < len; i++) { - segsNorm[i][1] += fx; - segsNorm[i][2] += fy; - segsNorm[i][3] += fx; - segsNorm[i][4] += fy; - segsNorm[i][5] += fx; - segsNorm[i][6] += fy; +/** + * Returns array of attributes for given svg that fabric parses + * @memberOf fabric.util + * @param {SVGElementName} type Type of svg element (eg. 'circle') + * @return {Array} string names of supported attributes + */ +const getSvgAttributes = (type) => { + const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class']; + switch (type) { + case "linearGradient" /* SVGElementName.linearGradient */: + return commonAttributes.concat([ + 'x1', + 'y1', + 'x2', + 'y2', + 'gradientUnits', + 'gradientTransform', + ]); + case 'radialGradient': + return commonAttributes.concat([ + 'gradientUnits', + 'gradientTransform', + 'cx', + 'cy', + 'r', + 'fx', + 'fy', + 'fr', + ]); + case 'stop': + return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']); } - return segsNorm; - }; - - /** - * This function take a parsed SVG path and make it simpler for fabricJS logic. - * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) - * S converted in C, T converted in Q, A converted in C. - * @param {Array} path the array of commands of a parsed svg path for fabric.Path - * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path - */ - function makePathSimpler(path) { - // x and y represent the last point of the path. the previous command point. - // we add them to each relative command to make it an absolute comment. - // we also swap the v V h H with L, because are easier to transform. - var x = 0, y = 0, len = path.length, - // x1 and y1 represent the last point of the subpath. the subpath is started with - // m or M command. When a z or Z command is drawn, x and y need to be resetted to - // the last x1 and y1. - x1 = 0, y1 = 0, current, i, converted, - // previous will host the letter of the previous command, to handle S and T. - // controlX and controlY will host the previous reflected control point - destinationPath = [], previous, controlX, controlY; - for (i = 0; i < len; ++i) { - converted = false; - current = path[i].slice(0); - switch (current[0]) { // first letter - case 'l': // lineto, relative - current[0] = 'L'; - current[1] += x; - current[2] += y; - // falls through - case 'L': - x = current[1]; - y = current[2]; - break; - case 'h': // horizontal lineto, relative - current[1] += x; - // falls through - case 'H': - current[0] = 'L'; - current[2] = y; - x = current[1]; - break; - case 'v': // vertical lineto, relative - current[1] += y; - // falls through - case 'V': - current[0] = 'L'; - y = current[1]; - current[1] = x; - current[2] = y; - break; - case 'm': // moveTo, relative - current[0] = 'M'; - current[1] += x; - current[2] += y; - // falls through - case 'M': - x = current[1]; - y = current[2]; - x1 = current[1]; - y1 = current[2]; - break; - case 'c': // bezierCurveTo, relative - current[0] = 'C'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - current[5] += x; - current[6] += y; - // falls through - case 'C': - controlX = current[3]; - controlY = current[4]; - x = current[5]; - y = current[6]; - break; - case 's': // shorthand cubic bezierCurveTo, relative - current[0] = 'S'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'S': - // would be sScC but since we are swapping sSc for C, we check just that. - if (previous === 'C') { - // calculate reflection of previous control points - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a C, c, S, or s, - // the control point is coincident with the current point - controlX = x; - controlY = y; - } - x = current[3]; - y = current[4]; - current[0] = 'C'; - current[5] = current[3]; - current[6] = current[4]; - current[3] = current[1]; - current[4] = current[2]; - current[1] = controlX; - current[2] = controlY; - // current[3] and current[4] are NOW the second control point. - // we keep it for the next reflection. - controlX = current[3]; - controlY = current[4]; - break; - case 'q': // quadraticCurveTo, relative - current[0] = 'Q'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'Q': - controlX = current[1]; - controlY = current[2]; - x = current[3]; - y = current[4]; - break; - case 't': // shorthand quadraticCurveTo, relative - current[0] = 'T'; - current[1] += x; - current[2] += y; - // falls through - case 'T': - if (previous === 'Q') { - // calculate reflection of previous control point - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a Q, q, T or t, - // assume the control point is coincident with the current point - controlX = x; - controlY = y; - } - current[0] = 'Q'; - x = current[1]; - y = current[2]; - current[1] = controlX; - current[2] = controlY; - current[3] = x; - current[4] = y; - break; - case 'a': - current[0] = 'A'; - current[6] += x; - current[7] += y; - // falls through - case 'A': - converted = true; - destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); - x = current[6]; - y = current[7]; - break; - case 'z': - case 'Z': - x = x1; - y = y1; - break; + return commonAttributes; +}; +/** + * Converts from attribute value to pixel value if applicable. + * Returns converted pixels or original value not converted. + * @param {string} value number to operate on + * @param {number} fontSize + * @return {number} + */ +const parseUnit = (value, fontSize) => { + const unit = /\D{0,2}$/.exec(value), number = parseFloat(value); + if (!fontSize) { + fontSize = DEFAULT_SVG_FONT_SIZE; + } + const dpi = config.DPI; + switch (unit === null || unit === void 0 ? void 0 : unit[0]) { + case "mm" /* SupportedSVGUnit.mm */: + return (number * dpi) / 25.4; + case "cm" /* SupportedSVGUnit.cm */: + return (number * dpi) / 2.54; + case "in" /* SupportedSVGUnit.in */: + return number * dpi; + case "pt" /* SupportedSVGUnit.pt */: + return (number * dpi) / 72; // or * 4 / 3 + case "pc" /* SupportedSVGUnit.pc */: + return ((number * dpi) / 72) * 12; // or * 16 + case "em" /* SupportedSVGUnit.em */: + return number * fontSize; default: - } - if (!converted) { - destinationPath.push(current); - } - previous = current[0]; - } - return destinationPath; - }; - - /** - * Calc length from point x1,y1 to x2,y2 - * @param {Number} x1 starting point x - * @param {Number} y1 starting point y - * @param {Number} x2 starting point x - * @param {Number} y2 starting point y - * @return {Number} length of segment - */ - function calcLineLength(x1, y1, x2, y2) { - return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)); - } - - // functions for the Cubic beizer - // taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 - function CB1(t) { - return t * t * t; - } - function CB2(t) { - return 3 * t * t * (1 - t); - } - function CB3(t) { - return 3 * t * (1 - t) * (1 - t); - } - function CB4(t) { - return (1 - t) * (1 - t) * (1 - t); - } - - function getPointOnCubicBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { - return function(pct) { - var c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); - return { - x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4, - y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4 - }; - }; - } - - function getTangentCubicIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { - return function (pct) { - var invT = 1 - pct, - tangentX = (3 * invT * invT * (p2x - p1x)) + (6 * invT * pct * (p3x - p2x)) + - (3 * pct * pct * (p4x - p3x)), - tangentY = (3 * invT * invT * (p2y - p1y)) + (6 * invT * pct * (p3y - p2y)) + - (3 * pct * pct * (p4y - p3y)); - return Math.atan2(tangentY, tangentX); - }; - } - - function QB1(t) { - return t * t; - } - - function QB2(t) { - return 2 * t * (1 - t); - } - - function QB3(t) { - return (1 - t) * (1 - t); - } - - function getPointOnQuadraticBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y) { - return function(pct) { - var c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); - return { - x: p3x * c1 + p2x * c2 + p1x * c3, - y: p3y * c1 + p2y * c2 + p1y * c3 - }; - }; - } - - function getTangentQuadraticIterator(p1x, p1y, p2x, p2y, p3x, p3y) { - return function (pct) { - var invT = 1 - pct, - tangentX = (2 * invT * (p2x - p1x)) + (2 * pct * (p3x - p2x)), - tangentY = (2 * invT * (p2y - p1y)) + (2 * pct * (p3y - p2y)); - return Math.atan2(tangentY, tangentX); - }; - } - - - // this will run over a path segment ( a cubic or quadratic segment) and approximate it - // with 100 segemnts. This will good enough to calculate the length of the curve - function pathIterator(iterator, x1, y1) { - var tempP = { x: x1, y: y1 }, p, tmpLen = 0, perc; - for (perc = 1; perc <= 100; perc += 1) { - p = iterator(perc / 100); - tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); - tempP = p; - } - return tmpLen; - } - - /** - * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 - * that correspond to that pixels run over the path. - * The percentage will be then used to find the correct point on the canvas for the path. - * @param {Array} segInfo fabricJS collection of information on a parsed path - * @param {Number} distance from starting point, in pixels. - * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; - */ - function findPercentageForDistance(segInfo, distance) { - var perc = 0, tmpLen = 0, iterator = segInfo.iterator, tempP = { x: segInfo.x, y: segInfo.y }, - p, nextLen, nextStep = 0.01, angleFinder = segInfo.angleFinder, lastPerc; - // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100 - // the path - while (tmpLen < distance && nextStep > 0.0001) { - p = iterator(perc); - lastPerc = perc; - nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); - // compare tmpLen each cycle with distance, decide next perc to test. - if ((nextLen + tmpLen) > distance) { - // we discard this step and we make smaller steps. - perc -= nextStep; - nextStep /= 2; - } - else { - tempP = p; - perc += nextStep; - tmpLen += nextLen; - } - } - p.angle = angleFinder(lastPerc); - return p; - } - - /** - * Run over a parsed and simplifed path and extrac some informations. - * informations are length of each command and starting point - * @param {Array} path fabricJS parsed path commands - * @return {Array} path commands informations - */ - function getPathSegmentsInfo(path) { - var totalLength = 0, len = path.length, current, - //x2 and y2 are the coords of segment start - //x1 and y1 are the coords of the current point - x1 = 0, y1 = 0, x2 = 0, y2 = 0, info = [], iterator, tempInfo, angleFinder; - for (var i = 0; i < len; i++) { - current = path[i]; - tempInfo = { - x: x1, - y: y1, - command: current[0], - }; - switch (current[0]) { //first letter - case 'M': - tempInfo.length = 0; - x2 = x1 = current[1]; - y2 = y1 = current[2]; - break; - case 'L': - tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); - x1 = current[1]; - y1 = current[2]; - break; - case 'C': - iterator = getPointOnCubicBezierIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4], - current[5], - current[6] - ); - angleFinder = getTangentCubicIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4], - current[5], - current[6] - ); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[5]; - y1 = current[6]; - break; - case 'Q': - iterator = getPointOnQuadraticBezierIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4] - ); - angleFinder = getTangentQuadraticIterator( - x1, - y1, - current[1], - current[2], - current[3], - current[4] - ); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[3]; - y1 = current[4]; - break; - case 'Z': - case 'z': - // we add those in order to ease calculations later - tempInfo.destX = x2; - tempInfo.destY = y2; - tempInfo.length = calcLineLength(x1, y1, x2, y2); - x1 = x2; - y1 = y2; - break; - } - totalLength += tempInfo.length; - info.push(tempInfo); - } - info.push({ length: totalLength, x: x1, y: y1 }); - return info; - } - - function getPointOnPath(path, distance, infos) { - if (!infos) { - infos = getPathSegmentsInfo(path); + return number; } - var i = 0; - while ((distance - infos[i].length > 0) && i < (infos.length - 2)) { - distance -= infos[i].length; - i++; +}; +/** + * Groups SVG elements (usually those retrieved from SVG document) + * @static + * @memberOf fabric.util + * @param {Array} elements fabric.Object(s) parsed from svg, to group + * @return {fabric.Object|fabric.Group} + */ +const groupSVGElements = (elements) => { + if (elements && elements.length === 1) { + return elements[0]; } - // var distance = infos[infos.length - 1] * perc; - var segInfo = infos[i], segPercent = distance / segInfo.length, - command = segInfo.command, segment = path[i], info; - - switch (command) { - case 'M': - return { x: segInfo.x, y: segInfo.y, angle: 0 }; - case 'Z': - case 'z': - info = new fabric.Point(segInfo.x, segInfo.y).lerp( - new fabric.Point(segInfo.destX, segInfo.destY), - segPercent - ); - info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); - return info; - case 'L': - info = new fabric.Point(segInfo.x, segInfo.y).lerp( - new fabric.Point(segment[1], segment[2]), - segPercent - ); - info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); - return info; - case 'C': - return findPercentageForDistance(segInfo, distance); - case 'Q': - return findPercentageForDistance(segInfo, distance); - } - } - - /** - * - * @param {string} pathString - * @return {(string|number)[][]} An array of SVG path commands - * @example Usage - * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ - * ['M', 3, 4], - * ['Q', 3, 5, 2, 1, 4, 0], - * ['Q', 9, 12, 2, 1, 4, 0], - * ]; - * - */ - function parsePath(pathString) { - var result = [], - coords = [], - currentPath, - parsed, - re = fabric.rePathCommand, - rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', - rNumberCommaWsp = '(' + rNumber + ')' + fabric.commaWsp, - rFlagCommaWsp = '([01])' + fabric.commaWsp + '?', - rArcSeq = rNumberCommaWsp + '?' + rNumberCommaWsp + '?' + rNumberCommaWsp + rFlagCommaWsp + rFlagCommaWsp + - rNumberCommaWsp + '?(' + rNumber + ')', - regArcArgumentSequence = new RegExp(rArcSeq, 'g'), - match, - coordsStr, - // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) - path; - if (!pathString || !pathString.match) { - return result; + return new fabric$1.Group(elements); +}; +// align can be either none or undefined or a combination of mid/max +const parseAlign = (align) => { + //divide align in alignX and alignY + if (align && align !== "none" /* MinMidMax.none */) { + return [align.slice(1, 4), align.slice(5, 8)]; } - path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); - - for (var i = 0, coordsParsed, len = path.length; i < len; i++) { - currentPath = path[i]; - - coordsStr = currentPath.slice(1).trim(); - coords.length = 0; - - var command = currentPath.charAt(0); - coordsParsed = [command]; - - if (command.toLowerCase() === 'a') { - // arcs have special flags that apparently don't require spaces so handle special - for (var args; (args = regArcArgumentSequence.exec(coordsStr));) { - for (var j = 1; j < args.length; j++) { - coords.push(args[j]); - } - } - } - else { - while ((match = re.exec(coordsStr))) { - coords.push(match[0]); - } - } - - for (var j = 0, jlen = coords.length; j < jlen; j++) { - parsed = parseFloat(coords[j]); - if (!isNaN(parsed)) { - coordsParsed.push(parsed); - } - } - - var commandLength = commandLengths[command.toLowerCase()], - repeatedCommand = repeatedCommands[command] || command; - - if (coordsParsed.length - 1 > commandLength) { - for (var k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { - result.push([command].concat(coordsParsed.slice(k, k + commandLength))); - command = repeatedCommand; - } - } - else { - result.push(coordsParsed); - } + else if (align === "none" /* MinMidMax.none */) { + return [align, align]; } + return ["Mid" /* MinMidMax.mid */, "Mid" /* MinMidMax.mid */]; +}; +/** + * Parse preserveAspectRatio attribute from element + * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio + * @param {string} attribute to be parsed + * @return {Object} an object containing align and meetOrSlice attribute + */ +const parsePreserveAspectRatioAttribute = (attribute) => { + const [firstPart, secondPart] = attribute.trim().split(' '); + const [alignX, alignY] = parseAlign(firstPart); + return { + meetOrSlice: secondPart || "meet" /* MeetOrSlice.meet */, + alignX, + alignY, + }; +}; +/** + * given an array of 6 number returns something like `"matrix(...numbers)"` + * @memberOf fabric.util + * @param {TMat2D} transform an array with 6 numbers + * @return {String} transform matrix for svg + */ +const matrixToSVG = (transform) => 'matrix(' + + transform + .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS)) + .join(' ') + + ')'; - return result; - }; +/** + * Finds the scale for the object source to fit inside the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to fit into destination + */ +const findScaleToFit = (source, destination) => Math.min(destination.width / source.width, destination.height / source.height); +/** + * Finds the scale for the object source to cover entirely the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to cover destination + */ +const findScaleToCover = (source, destination) => Math.max(destination.width / source.width, destination.height / source.height); - /** - * - * Converts points to a smooth SVG path - * @param {{ x: number,y: number }[]} points Array of points - * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. - * @return {(string|number)[][]} An array of SVG path commands - */ - function getSmoothPathFromPoints(points, correction) { - var path = [], i, - p1 = new fabric.Point(points[0].x, points[0].y), - p2 = new fabric.Point(points[1].x, points[1].y), - len = points.length, multSignX = 1, multSignY = 0, manyPoints = len > 2; - correction = correction || 0; +const capValue = (min, value, max) => Math.max(min, Math.min(value, max)); - if (manyPoints) { - multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; - multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; - } - path.push(['M', p1.x - multSignX * correction, p1.y - multSignY * correction]); - for (i = 1; i < len; i++) { - if (!p1.eq(p2)) { - var midPoint = p1.midPointFrom(p2); - // p1 is our bezier control point - // midpoint is our endpoint - // start point is p(i-1) value. - path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); - } - p1 = points[i]; - if ((i + 1) < points.length) { - p2 = points[i + 1]; - } - } - if (manyPoints) { - multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; - multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; +/** + * Calculates bounding box (left, top, width, height) from given `points` + * @static + * @memberOf fabric.util + * @param {IPoint[]} points + * @return {Object} Object with left, top, width, height properties + */ +const makeBoundingBoxFromPoints = (points) => { + if (points.length === 0) { + return { + left: 0, + top: 0, + width: 0, + height: 0, + }; } - path.push(['L', p1.x + multSignX * correction, p1.y + multSignY * correction]); - return path; - } - /** - * Transform a path by transforming each segment. - * it has to be a simplified path or it won't work. - * WARNING: this depends from pathOffset for correct operation - * @param {Array} path fabricJS parsed and simplified path commands - * @param {Array} transform matrix that represent the transformation - * @param {Object} [pathOffset] the fabric.Path pathOffset - * @param {Number} pathOffset.x - * @param {Number} pathOffset.y - * @returns {Array} the transformed path - */ - function transformPath(path, transform, pathOffset) { - if (pathOffset) { - transform = fabric.util.multiplyTransformMatrices( - transform, - [1, 0, 0, 1, -pathOffset.x, -pathOffset.y] - ); - } - return path.map(function(pathSegment) { - var newSegment = pathSegment.slice(0), point = {}; - for (var i = 1; i < pathSegment.length - 1; i += 2) { - point.x = pathSegment[i]; - point.y = pathSegment[i + 1]; - point = fabric.util.transformPoint(point, transform); - newSegment[i] = point.x; - newSegment[i + 1] = point.y; - } - return newSegment; - }); - } - - /** - * Join path commands to go back to svg format - * @param {Array} pathData fabricJS parsed path commands - * @return {String} joined path 'M 0 0 L 20 30' - */ - fabric.util.joinPath = function(pathData) { - return pathData.map(function (segment) { return segment.join(' '); }).join(' '); - }; - fabric.util.parsePath = parsePath; - fabric.util.makePathSimpler = makePathSimpler; - fabric.util.getSmoothPathFromPoints = getSmoothPathFromPoints; - fabric.util.getPathSegmentsInfo = getPathSegmentsInfo; - fabric.util.getBoundsOfCurve = getBoundsOfCurve; - fabric.util.getPointOnPath = getPointOnPath; - fabric.util.transformPath = transformPath; -})(); - - -(function() { + const { min, max } = points.reduce(({ min, max }, curr) => { + return { + min: min.min(curr), + max: max.max(curr), + }; + }, { min: new Point(points[0]), max: new Point(points[0]) }); + const size = max.subtract(min); + return { + left: min.x, + top: min.y, + width: size.x, + height: size.y, + }; +}; - var slice = Array.prototype.slice; +/** + * given an object and a transform, apply the inverse transform to the object, + * this is equivalent to remove from that object that transformation, so that + * added in a space with the removed transform, the object will be the same as before. + * Removing from an object a transform that scale by 2 is like scaling it by 1/2. + * Removing from an object a transform that rotate by 30deg is like rotating by 30deg + * in the opposite direction. + * This util is used to add objects inside transformed groups or nested groups. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ +const removeTransformFromObject = (object, transform) => { + const inverted = invertTransform(transform), finalTransform = multiplyTransformMatrices(inverted, object.calcOwnMatrix()); + applyTransformToObject(object, finalTransform); +}; +/** + * given an object and a transform, apply the transform to the object. + * this is equivalent to change the space where the object is drawn. + * Adding to an object a transform that scale by 2 is like scaling it by 2. + * This is used when removing an object from an active selection for example. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ +const addTransformToObject = (object, transform) => applyTransformToObject(object, multiplyTransformMatrices(transform, object.calcOwnMatrix())); +/** + * discard an object transform state and apply the one from the matrix. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ +const applyTransformToObject = (object, transform) => { + const _a = qrDecompose(transform), { translateX, translateY, scaleX, scaleY } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "scaleX", "scaleY"]), center = new Point(translateX, translateY); + object.flipX = false; + object.flipY = false; + Object.assign(object, otherOptions); + object.set({ scaleX, scaleY }); + object.setPositionByOrigin(center, 'center', 'center'); +}; +/** + * reset an object transform state to neutral. Top and left are not accounted for + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to transform + */ +const resetObjectTransform = (target) => { + target.scaleX = 1; + target.scaleY = 1; + target.skewX = 0; + target.skewY = 0; + target.flipX = false; + target.flipY = false; + target.rotate(0); +}; +/** + * Extract Object transform values + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to read from + * @return {Object} Components of transform + */ +const saveObjectTransform = (target) => ({ + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + angle: target.angle, + left: target.left, + flipX: target.flipX, + flipY: target.flipY, + top: target.top, +}); +/** + * given a width and height, return the size of the bounding box + * that can contains the box with width/height with applied transform + * described in options. + * Use to calculate the boxes around objects for controls. + * @memberOf fabric.util + * @param {Number} width + * @param {Number} height + * @param {Object} options + * @param {Number} options.scaleX + * @param {Number} options.scaleY + * @param {Number} options.skewX + * @param {Number} options.skewY + * @returns {Point} size + */ +const sizeAfterTransform = (width, height, options) => { + const dimX = width / 2, dimY = height / 2, transformMatrix = calcDimensionsMatrix(options), points = [ + new Point(-dimX, -dimY), + new Point(dimX, -dimY), + new Point(-dimX, dimY), + new Point(dimX, dimY), + ].map((p) => p.transform(transformMatrix)), bbox = makeBoundingBoxFromPoints(points); + return new Point(bbox.width, bbox.height); +}; - /** - * Invokes method on all items in a given array - * @memberOf fabric.util.array - * @param {Array} array Array to iterate over - * @param {String} method Name of a method to invoke - * @return {Array} - */ - function invoke(array, method) { - var args = slice.call(arguments, 2), result = []; - for (var i = 0, len = array.length; i < len; i++) { - result[i] = args.length ? array[i][method].apply(array[i], args) : array[i][method].call(array[i]); +/** + * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\ + * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`) + * @param [from] + * @param [to] + * @returns + */ +const calcPlaneChangeMatrix = (from = iMatrix, to = iMatrix) => multiplyTransformMatrices(invertTransform(to), from); +/** + * Sends a point from the source coordinate plane to the destination coordinate plane.\ + * From the canvas/viewer's perspective the point remains unchanged. + * + * @example Send point from canvas plane to group plane + * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 }); + * var group = new fabric.Group([obj], { strokeWidth: 0 }); + * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix()); + * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix()); + * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group + * + * @static + * @memberOf fabric.util + * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas + * @param {Point} point + * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane. + * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane. + * @returns {Point} transformed point + */ +const sendPointToPlane = (point, from = iMatrix, to = iMatrix) => +// we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping) +// the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from) +point.transform(calcPlaneChangeMatrix(from, to)); +/** + * Transform point relative to canvas. + * From the viewport/viewer's perspective the point remains unchanged. + * + * `child` relation means `point` exists in the coordinate plane created by `canvas`. + * In other words point is measured acoording to canvas' top left corner + * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner. + * + * `sibling` relation means `point` exists in the same coordinate plane as canvas. + * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas. + * + * @static + * @memberOf fabric.util + * @param {Point} point + * @param {fabric.StaticCanvas} canvas + * @param {'sibling'|'child'} relationBefore current relation of point to canvas + * @param {'sibling'|'child'} relationAfter desired relation of point to canvas + * @returns {Point} transformed point + */ +const transformPointRelativeToCanvas = (point, canvas, relationBefore, relationAfter) => { + // is this still needed with TS? + if (relationBefore !== "child" /* ObjectRelation.child */ && + relationBefore !== "sibling" /* ObjectRelation.sibling */) { + throw new Error('fabric.js: received bad argument ' + relationBefore); } - return result; - } - - /** - * Finds maximum value in array (not necessarily "first" one) - * @memberOf fabric.util.array - * @param {Array} array Array to iterate over - * @param {String} byProperty - * @return {*} - */ - function max(array, byProperty) { - return find(array, byProperty, function(value1, value2) { - return value1 >= value2; - }); - } - - /** - * Finds minimum value in array (not necessarily "first" one) - * @memberOf fabric.util.array - * @param {Array} array Array to iterate over - * @param {String} byProperty - * @return {*} - */ - function min(array, byProperty) { - return find(array, byProperty, function(value1, value2) { - return value1 < value2; - }); - } - - /** - * @private - */ - function fill(array, value) { - var k = array.length; - while (k--) { - array[k] = value; + if (relationAfter !== "child" /* ObjectRelation.child */ && + relationAfter !== "sibling" /* ObjectRelation.sibling */) { + throw new Error('fabric.js: received bad argument ' + relationAfter); } - return array; - } - - /** - * @private - */ - function find(array, byProperty, condition) { - if (!array || array.length === 0) { - return; + if (relationBefore === relationAfter) { + return point; } + const t = canvas.viewportTransform; + return point.transform(relationAfter === 'child' ? invertTransform(t) : t); +}; +/** + * + * A util that abstracts applying transform to objects.\ + * Sends `object` to the destination coordinate plane by applying the relevant transformations.\ + * Changes the space/plane where `object` is drawn.\ + * From the canvas/viewer's perspective `object` remains unchanged. + * + * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer + * let obj, obj2; + * let clipPath = new fabric.Circle({ radius: 50 }); + * obj.clipPath = clipPath; + * // render + * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix()); + * obj.clipPath = undefined; + * obj2.clipPath = clipPath; + * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer + * + * @example Clip an object's clip path with an existing object + * let obj, existingObj; + * let clipPath = new fabric.Circle({ radius: 50 }); + * obj.clipPath = clipPath; + * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix()); + * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo); + * clipPath.clipPath = existingObj; + * + * @static + * @memberof fabric.util + * @param {fabric.Object} object + * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas. + * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane. + * @returns {Matrix} the transform matrix that was applied to `object` + */ +const sendObjectToPlane = (object, from, to) => { + const t = calcPlaneChangeMatrix(from, to); + applyTransformToObject(object, multiplyTransformMatrices(t, object.calcOwnMatrix())); + return t; +}; - var i = array.length - 1, - result = byProperty ? array[i][byProperty] : array[i]; - if (byProperty) { - while (i--) { - if (condition(array[i][byProperty], result)) { - result = array[i][byProperty]; - } - } - } - else { - while (i--) { - if (condition(array[i], result)) { - result = array[i]; +/** + * Camelizes a string + * @memberOf fabric.util.string + * @param {String} string String to camelize + * @return {String} Camelized version of a string + */ +const camelize = (string) => string.replace(/-+(.)?/g, function (match, character) { + return character ? character.toUpperCase() : ''; +}); +/** + * Capitalizes a string + * @memberOf fabric.util.string + * @param {String} string String to capitalize + * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized + * and other letters stay untouched, if false first letter is capitalized + * and other letters are converted to lowercase. + * @return {String} Capitalized version of a string + */ +const capitalize = (string, firstLetterOnly = false) => `${string.charAt(0).toUpperCase()}${firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()}`; +/** + * Escapes XML in a string + * @memberOf fabric.util.string + * @param {String} string String to escape + * @return {String} Escaped version of a string + */ +const escapeXml = (string) => string + .replace(/&/g, '&') + .replace(/"/g, '"') + .replace(/'/g, ''') + .replace(//g, '>'); +/** + * Divide a string in the user perceived single units + * @memberOf fabric.util.string + * @param {String} textstring String to escape + * @return {Array} array containing the graphemes + */ +const graphemeSplit = (textstring) => { + const graphemes = []; + for (let i = 0, chr; i < textstring.length; i++) { + if ((chr = getWholeChar(textstring, i)) === false) { + continue; } - } - } - return result; - } - - /** - * @namespace fabric.util.array - */ - fabric.util.array = { - fill: fill, - invoke: invoke, - min: min, - max: max - }; - -})(); - - -(function() { - /** - * Copies all enumerable properties of one js object to another - * this does not and cannot compete with generic utils. - * Does not clone or extend fabric.Object subclasses. - * This is mostly for internal use and has extra handling for fabricJS objects - * it skips the canvas and group properties in deep cloning. - * @memberOf fabric.util.object - * @param {Object} destination Where to copy to - * @param {Object} source Where to copy from - * @param {Boolean} [deep] Whether to extend nested objects - * @return {Object} - */ - - function extend(destination, source, deep) { - // JScript DontEnum bug is not taken care of - // the deep clone is for internal use, is not meant to avoid - // javascript traps or cloning html element or self referenced objects. - if (deep) { - if (!fabric.isLikelyNode && source instanceof Element) { - // avoid cloning deep images, canvases, - destination = source; - } - else if (source instanceof Array) { - destination = []; - for (var i = 0, len = source.length; i < len; i++) { - destination[i] = extend({ }, source[i], deep); - } - } - else if (source && typeof source === 'object') { - for (var property in source) { - if (property === 'canvas' || property === 'group') { - // we do not want to clone this props at all. - // we want to keep the keys in the copy - destination[property] = null; - } - else if (source.hasOwnProperty(property)) { - destination[property] = extend({ }, source[property], deep); - } - } - } - else { - // this sounds odd for an extend but is ok for recursive use - destination = source; - } - } - else { - for (var property in source) { - destination[property] = source[property]; - } - } - return destination; - } - - /** - * Creates an empty object and copies all enumerable properties of another object to it - * This method is mostly for internal use, and not intended for duplicating shapes in canvas. - * @memberOf fabric.util.object - * @param {Object} object Object to clone - * @param {Boolean} [deep] Whether to clone nested objects - * @return {Object} - */ - - //TODO: this function return an empty object if you try to clone null - function clone(object, deep) { - return extend({ }, object, deep); - } - - /** @namespace fabric.util.object */ - fabric.util.object = { - extend: extend, - clone: clone - }; - fabric.util.object.extend(fabric.util, fabric.Observable); -})(); - - -(function() { - - /** - * Camelizes a string - * @memberOf fabric.util.string - * @param {String} string String to camelize - * @return {String} Camelized version of a string - */ - function camelize(string) { - return string.replace(/-+(.)?/g, function(match, character) { - return character ? character.toUpperCase() : ''; - }); - } - - /** - * Capitalizes a string - * @memberOf fabric.util.string - * @param {String} string String to capitalize - * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized - * and other letters stay untouched, if false first letter is capitalized - * and other letters are converted to lowercase. - * @return {String} Capitalized version of a string - */ - function capitalize(string, firstLetterOnly) { - return string.charAt(0).toUpperCase() + - (firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()); - } - - /** - * Escapes XML in a string - * @memberOf fabric.util.string - * @param {String} string String to escape - * @return {String} Escaped version of a string - */ - function escapeXml(string) { - return string.replace(/&/g, '&') - .replace(/"/g, '"') - .replace(/'/g, ''') - .replace(//g, '>'); - } - - /** - * Divide a string in the user perceived single units - * @memberOf fabric.util.string - * @param {String} textstring String to escape - * @return {Array} array containing the graphemes - */ - function graphemeSplit(textstring) { - var i = 0, chr, graphemes = []; - for (i = 0, chr; i < textstring.length; i++) { - if ((chr = getWholeChar(textstring, i)) === false) { - continue; - } - graphemes.push(chr); + graphemes.push(chr); } return graphemes; - } - - // taken from mdn in the charAt doc page. - function getWholeChar(str, i) { - var code = str.charCodeAt(i); - +}; +// taken from mdn in the charAt doc page. +const getWholeChar = (str, i) => { + const code = str.charCodeAt(i); if (isNaN(code)) { - return ''; // Position not found + return ''; // Position not found } - if (code < 0xD800 || code > 0xDFFF) { - return str.charAt(i); + if (code < 0xd800 || code > 0xdfff) { + return str.charAt(i); } - // High surrogate (could change last hex to 0xDB7F to treat high private // surrogates as single characters) - if (0xD800 <= code && code <= 0xDBFF) { - if (str.length <= (i + 1)) { - throw 'High surrogate without following low surrogate'; - } - var next = str.charCodeAt(i + 1); - if (0xDC00 > next || next > 0xDFFF) { - throw 'High surrogate without following low surrogate'; - } - return str.charAt(i) + str.charAt(i + 1); + if (0xd800 <= code && code <= 0xdbff) { + if (str.length <= i + 1) { + throw 'High surrogate without following low surrogate'; + } + const next = str.charCodeAt(i + 1); + if (0xdc00 > next || next > 0xdfff) { + throw 'High surrogate without following low surrogate'; + } + return str.charAt(i) + str.charAt(i + 1); } // Low surrogate (0xDC00 <= code && code <= 0xDFFF) if (i === 0) { - throw 'Low surrogate without preceding high surrogate'; + throw 'Low surrogate without preceding high surrogate'; } - var prev = str.charCodeAt(i - 1); - + const prev = str.charCodeAt(i - 1); // (could change last hex to 0xDB7F to treat high private // surrogates as single characters) - if (0xD800 > prev || prev > 0xDBFF) { - throw 'Low surrogate without preceding high surrogate'; + if (0xd800 > prev || prev > 0xdbff) { + throw 'Low surrogate without preceding high surrogate'; } // We can pass over low surrogates now as the second component // in a pair which we have already processed return false; - } - - - /** - * String utilities - * @namespace fabric.util.string - */ - fabric.util.string = { - camelize: camelize, - capitalize: capitalize, - escapeXml: escapeXml, - graphemeSplit: graphemeSplit - }; -})(); - - -(function() { - - var slice = Array.prototype.slice, emptyFunction = function() { }, - - IS_DONTENUM_BUGGY = (function() { - for (var p in { toString: 1 }) { - if (p === 'toString') { - return false; - } - } - return true; - })(), - - /** @ignore */ - addMethods = function(klass, source, parent) { - for (var property in source) { - - if (property in klass.prototype && - typeof klass.prototype[property] === 'function' && - (source[property] + '').indexOf('callSuper') > -1) { - - klass.prototype[property] = (function(property) { - return function() { - - var superclass = this.constructor.superclass; - this.constructor.superclass = parent; - var returnValue = source[property].apply(this, arguments); - this.constructor.superclass = superclass; +}; - if (property !== 'initialize') { - return returnValue; - } - }; - })(property); - } - else { - klass.prototype[property] = source[property]; - } - - if (IS_DONTENUM_BUGGY) { - if (source.toString !== Object.prototype.toString) { - klass.prototype.toString = source.toString; - } - if (source.valueOf !== Object.prototype.valueOf) { - klass.prototype.valueOf = source.valueOf; - } - } - } - }; - - function Subclass() { } - - function callSuper(methodName) { - var parentMethod = null, - _this = this; - - // climb prototype chain to find method not equal to callee's method - while (_this.constructor.superclass) { - var superClassMethod = _this.constructor.superclass.prototype[methodName]; - if (_this[methodName] !== superClassMethod) { - parentMethod = superClassMethod; - break; - } - // eslint-disable-next-line - _this = _this.constructor.superclass.prototype; +/** + * Returns klass "Class" object of given namespace + * @memberOf fabric.util + * @param {String} type Type of object (eg. 'circle') + * @param {object} namespace Namespace to get klass "Class" object from + * @return {Object} klass "Class" + */ +const getKlass = (type, namespace = fabric$1) => namespace[capitalize(camelize(type), true)]; +/** + * Loads image element from given url and resolve it, or catch. + * @memberOf fabric.util + * @param {String} url URL representing an image + * @param {Object} [options] image loading options + * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {Promise} img the loaded image. + */ +const loadImage = (url, { signal, crossOrigin = null } = {}) => new Promise(function (resolve, reject) { + if (signal && signal.aborted) { + return reject(new Error('`options.signal` is in `aborted` state')); + } + const img = createImage(); + let abort; + if (signal) { + abort = function (err) { + img.src = ''; + reject(err); + }; + signal.addEventListener('abort', abort, { once: true }); } - - if (!parentMethod) { - return console.log('tried to callSuper ' + methodName + ', method not found in prototype chain', this); + const done = function () { + img.onload = img.onerror = null; + abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); + resolve(img); + }; + if (!url) { + done(); + return; } + img.onload = done; + img.onerror = function () { + abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); + reject(new Error('Error loading ' + img.src)); + }; + crossOrigin && (img.crossOrigin = crossOrigin); + img.src = url; +}); +/** + * Creates corresponding fabric instances from their object representations + * @static + * @memberOf fabric.util + * @param {Object[]} objects Objects to enliven + * @param {object} [options] + * @param {object} [options.namespace] Namespace to get klass "Class" object from + * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements, + * called after each fabric object created. + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ +const enlivenObjects = (objects, { signal, reviver = noop, namespace = fabric$1 } = {}) => new Promise((resolve, reject) => { + const instances = []; + signal && signal.addEventListener('abort', reject, { once: true }); + Promise.all(objects.map((obj) => getKlass(obj.type, namespace) + .fromObject(obj, { + signal, + reviver, + namespace, + }) + .then((fabricInstance) => { + reviver(obj, fabricInstance); + instances.push(fabricInstance); + return fabricInstance; + }))) + .then(resolve) + .catch((error) => { + // cleanup + instances.forEach(function (instance) { + instance.dispose && instance.dispose(); + }); + reject(error); + }) + .finally(() => { + signal && signal.removeEventListener('abort', reject); + }); +}); +/** + * Creates corresponding fabric instances residing in an object, e.g. `clipPath` + * @static + * @memberOf fabric.util + * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path ) + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values + */ +const enlivenObjectEnlivables = (serializedObject, { signal } = {}) => new Promise((resolve, reject) => { + const instances = []; + signal && signal.addEventListener('abort', reject, { once: true }); + // enlive every possible property + const promises = Object.values(serializedObject).map((value) => { + if (!value) { + return value; + } + // gradient + if (value.colorStops) { + return new fabric$1.Gradient(value); + } + // clipPath + if (value.type) { + return enlivenObjects([value], { signal }).then(([enlived]) => { + instances.push(enlived); + return enlived; + }); + } + // pattern + if (value.source) { + return fabric$1.Pattern.fromObject(value, { signal }).then((pattern) => { + instances.push(pattern); + return pattern; + }); + } + return value; + }); + const keys = Object.keys(serializedObject); + Promise.all(promises) + .then((enlived) => { + return enlived.reduce(function (acc, instance, index) { + acc[keys[index]] = instance; + return acc; + }, {}); + }) + .then(resolve) + .catch(function (error) { + // cleanup + instances.forEach((instance) => { + instance.dispose && instance.dispose(); + }); + reject(error); + }) + .finally(function () { + signal && signal.removeEventListener('abort', reject); + }); +}); - return (arguments.length > 1) - ? parentMethod.apply(this, slice.call(arguments, 1)) - : parentMethod.call(this); - } +/** + * Populates an object with properties of another object + * @param {Object} source Source object + * @param {string[]} properties Properties names to include + * @returns object populated with the picked keys + */ +const pick = (source, keys = []) => { + return keys.reduce((o, key) => { + if (key in source) { + o[key] = source[key]; + } + return o; + }, {}); +}; - /** - * Helper for creation of "classes". - * @memberOf fabric.util - * @param {Function} [parent] optional "Class" to inherit from - * @param {Object} [properties] Properties shared by all instances of this class - * (be careful modifying objects defined here as this would affect all instances) - */ - function createClass() { - var parent = null, - properties = slice.call(arguments, 0); +//@ts-nocheck +function getSvgRegex(arr) { + return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); +} - if (typeof properties[0] === 'function') { - parent = properties.shift(); +//@ts-nocheck +const cssRules = {}; +const gradientDefs = {}; +const clipPaths = {}; +const reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; +const svgNS = 'http://www.w3.org/2000/svg'; +const commaWsp = '(?:\\s+,?\\s*|,\\s*)'; +const rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/gi; +const reFontDeclaration = new RegExp('(normal|italic)?\\s*(normal|small-caps)?\\s*' + + '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + + reNum + + '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + + reNum + + '))?\\s+(.*)'); +const svgValidTagNames = [ + 'path', + 'circle', + 'polygon', + 'polyline', + 'ellipse', + 'rect', + 'line', + 'image', + 'text', +], svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], svgInvalidAncestors = [ + 'pattern', + 'defs', + 'symbol', + 'metadata', + 'clipPath', + 'mask', + 'desc', +], svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], attributesMap = { + cx: 'left', + x: 'left', + r: 'radius', + cy: 'top', + y: 'top', + display: 'visible', + visibility: 'visible', + transform: 'transformMatrix', + 'fill-opacity': 'fillOpacity', + 'fill-rule': 'fillRule', + 'font-family': 'fontFamily', + 'font-size': 'fontSize', + 'font-style': 'fontStyle', + 'font-weight': 'fontWeight', + 'letter-spacing': 'charSpacing', + 'paint-order': 'paintFirst', + 'stroke-dasharray': 'strokeDashArray', + 'stroke-dashoffset': 'strokeDashOffset', + 'stroke-linecap': 'strokeLineCap', + 'stroke-linejoin': 'strokeLineJoin', + 'stroke-miterlimit': 'strokeMiterLimit', + 'stroke-opacity': 'strokeOpacity', + 'stroke-width': 'strokeWidth', + 'text-decoration': 'textDecoration', + 'text-anchor': 'textAnchor', + opacity: 'opacity', + 'clip-path': 'clipPath', + 'clip-rule': 'clipRule', + 'vector-effect': 'strokeUniform', + 'image-rendering': 'imageSmoothing', +}, colorAttributes = { + stroke: 'strokeOpacity', + fill: 'fillOpacity', +}, fSize = 'font-size', cPath = 'clip-path'; +const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); +const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); +const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); +const svgValidParentsRegEx = getSvgRegex(svgValidParents); +// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute +// matches, e.g.: +14.56e-12, etc. +const reViewBoxAttrValue = new RegExp('^' + + '\\s*(' + + reNum + + '+)\\s*,?' + + '\\s*(' + + reNum + + '+)\\s*,?' + + '\\s*(' + + reNum + + '+)\\s*,?' + + '\\s*(' + + reNum + + '+)\\s*' + + '$'); + +//@ts-nocheck +const commandLengths = { + m: 2, + l: 2, + h: 1, + v: 1, + c: 6, + s: 4, + q: 4, + t: 2, + a: 7, +}; +const repeatedCommands = { + m: 'l', + M: 'L', +}; +const segmentToBezier = (th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) => { + const costh2 = cos(th2), sinth2 = sin(th2), costh3 = cos(th3), sinth3 = sin(th3), toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2), cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2), cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3), cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3); + return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY]; +}; +/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp + * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here + * http://mozilla.org/MPL/2.0/ + */ +const arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => { + let fromX = 0, fromY = 0, root = 0; + const PI = Math.PI, th = rotateX * PiBy180, sinTh = sin(th), cosTh = cos(th), px = 0.5 * (-cosTh * toX - sinTh * toY), py = 0.5 * (-cosTh * toY + sinTh * toX), rx2 = rx ** 2, ry2 = ry ** 2, py2 = py ** 2, px2 = px ** 2, pl = rx2 * ry2 - rx2 * py2 - ry2 * px2; + let _rx = Math.abs(rx); + let _ry = Math.abs(ry); + if (pl < 0) { + const s = Math.sqrt(1 - pl / (rx2 * ry2)); + _rx *= s; + _ry *= s; } - function klass() { - this.initialize.apply(this, arguments); + else { + root = + (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2)); } - - klass.superclass = parent; - klass.subclasses = []; - - if (parent) { - Subclass.prototype = parent.prototype; - klass.prototype = new Subclass(); - parent.subclasses.push(klass); + const cx = (root * _rx * py) / _ry, cy = (-root * _ry * px) / _rx, cx1 = cosTh * cx - sinTh * cy + toX * 0.5, cy1 = sinTh * cx + cosTh * cy + toY * 0.5; + let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry); + let dtheta = calcVectorAngle((px - cx) / _rx, (py - cy) / _ry, (-px - cx) / _rx, (-py - cy) / _ry); + if (sweep === 0 && dtheta > 0) { + dtheta -= 2 * PI; } - for (var i = 0, length = properties.length; i < length; i++) { - addMethods(klass, properties[i], parent); + else if (sweep === 1 && dtheta < 0) { + dtheta += 2 * PI; } - if (!klass.prototype.initialize) { - klass.prototype.initialize = emptyFunction; + // Convert into cubic bezier segments <= 90deg + const segments = Math.ceil(Math.abs((dtheta / PI) * 2)), result = new Array(segments), mDelta = dtheta / segments, mT = ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) / + Math.sin(mDelta / 2); + let th3 = mTheta + mDelta; + for (let i = 0; i < segments; i++) { + result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, _rx, _ry, cx1, cy1, mT, fromX, fromY); + fromX = result[i][5]; + fromY = result[i][6]; + mTheta = th3; + th3 += mDelta; } - klass.prototype.constructor = klass; - klass.prototype.callSuper = callSuper; - return klass; - } - - fabric.util.createClass = createClass; -})(); - - -(function () { - // since ie11 can use addEventListener but they do not support options, i need to check - var couldUseAttachEvent = !!fabric.document.createElement('div').attachEvent, - touchEvents = ['touchstart', 'touchmove', 'touchend']; - /** - * Adds an event listener to an element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ - fabric.util.addListener = function(element, eventName, handler, options) { - element && element.addEventListener(eventName, handler, couldUseAttachEvent ? false : options); - }; - - /** - * Removes an event listener from an element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ - fabric.util.removeListener = function(element, eventName, handler, options) { - element && element.removeEventListener(eventName, handler, couldUseAttachEvent ? false : options); - }; - - function getTouchInfo(event) { - var touchProp = event.changedTouches; - if (touchProp && touchProp[0]) { - return touchProp[0]; + return result; +}; +/* + * Private + */ +const calcVectorAngle = (ux, uy, vx, vy) => { + const ta = Math.atan2(uy, ux), tb = Math.atan2(vy, vx); + if (tb >= ta) { + return tb - ta; } - return event; - } - - fabric.util.getPointer = function(event) { - var element = event.target, - scroll = fabric.util.getScrollLeftTop(element), - _evt = getTouchInfo(event); - return { - x: _evt.clientX + scroll.left, - y: _evt.clientY + scroll.top - }; - }; - - fabric.util.isTouchEvent = function(event) { - return touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; - }; -})(); - - -(function () { - - /** - * Cross-browser wrapper for setting element's style - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {Object} styles - * @return {HTMLElement} Element that was passed as a first argument - */ - function setStyle(element, styles) { - var elementStyle = element.style; - if (!elementStyle) { - return element; - } - if (typeof styles === 'string') { - element.style.cssText += ';' + styles; - return styles.indexOf('opacity') > -1 - ? setOpacity(element, styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) - : element; - } - for (var property in styles) { - if (property === 'opacity') { - setOpacity(element, styles[property]); - } - else { - var normalizedProperty = (property === 'float' || property === 'cssFloat') - ? (typeof elementStyle.styleFloat === 'undefined' ? 'cssFloat' : 'styleFloat') - : property; - elementStyle[normalizedProperty] = styles[property]; - } + else { + return 2 * Math.PI - (ta - tb); } - return element; - } - - var parseEl = fabric.document.createElement('div'), - supportsOpacity = typeof parseEl.style.opacity === 'string', - supportsFilters = typeof parseEl.style.filter === 'string', - reOpacity = /alpha\s*\(\s*opacity\s*=\s*([^\)]+)\)/, - - /** @ignore */ - setOpacity = function (element) { return element; }; - - if (supportsOpacity) { - /** @ignore */ - setOpacity = function(element, value) { - element.style.opacity = value; - return element; - }; - } - else if (supportsFilters) { - /** @ignore */ - setOpacity = function(element, value) { - var es = element.style; - if (element.currentStyle && !element.currentStyle.hasLayout) { - es.zoom = 1; - } - if (reOpacity.test(es.filter)) { - value = value >= 0.9999 ? '' : ('alpha(opacity=' + (value * 100) + ')'); - es.filter = es.filter.replace(reOpacity, value); - } - else { - es.filter += ' alpha(opacity=' + (value * 100) + ')'; - } - return element; - }; - } - - fabric.util.setStyle = setStyle; - -})(); - - -(function() { - - var _slice = Array.prototype.slice; - - /** - * Takes id and returns an element with that id (if one exists in a document) - * @memberOf fabric.util - * @param {String|HTMLElement} id - * @return {HTMLElement|null} - */ - function getById(id) { - return typeof id === 'string' ? fabric.document.getElementById(id) : id; - } - - var sliceCanConvertNodelists, - /** - * Converts an array-like object (e.g. arguments or NodeList) to an array - * @memberOf fabric.util - * @param {Object} arrayLike - * @return {Array} - */ - toArray = function(arrayLike) { - return _slice.call(arrayLike, 0); - }; - - try { - sliceCanConvertNodelists = toArray(fabric.document.childNodes) instanceof Array; - } - catch (err) { } - - if (!sliceCanConvertNodelists) { - toArray = function(arrayLike) { - var arr = new Array(arrayLike.length), i = arrayLike.length; - while (i--) { - arr[i] = arrayLike[i]; - } - return arr; - }; - } - - /** - * Creates specified element with specified attributes - * @memberOf fabric.util - * @param {String} tagName Type of an element to create - * @param {Object} [attributes] Attributes to set on an element - * @return {HTMLElement} Newly created element - */ - function makeElement(tagName, attributes) { - var el = fabric.document.createElement(tagName); - for (var prop in attributes) { - if (prop === 'class') { - el.className = attributes[prop]; - } - else if (prop === 'for') { - el.htmlFor = attributes[prop]; - } - else { - el.setAttribute(prop, attributes[prop]); - } - } - return el; - } - - /** - * Adds class to an element - * @memberOf fabric.util - * @param {HTMLElement} element Element to add class to - * @param {String} className Class to add to an element - */ - function addClass(element, className) { - if (element && (' ' + element.className + ' ').indexOf(' ' + className + ' ') === -1) { - element.className += (element.className ? ' ' : '') + className; - } - } - - /** - * Wraps element with another element - * @memberOf fabric.util - * @param {HTMLElement} element Element to wrap - * @param {HTMLElement|String} wrapper Element to wrap with - * @param {Object} [attributes] Attributes to set on a wrapper - * @return {HTMLElement} wrapper - */ - function wrapElement(element, wrapper, attributes) { - if (typeof wrapper === 'string') { - wrapper = makeElement(wrapper, attributes); +}; +// functions for the Cubic beizer +// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 +const CB1 = (t) => t ** 3; +const CB2 = (t) => 3 * t ** 2 * (1 - t); +const CB3 = (t) => 3 * t * (1 - t) ** 2; +const CB4 = (t) => (1 - t) ** 3; +/** + * Calculate bounding box of a beziercurve + * @param {Number} x0 starting point + * @param {Number} y0 + * @param {Number} x1 first control point + * @param {Number} y1 + * @param {Number} x2 secondo control point + * @param {Number} y2 + * @param {Number} x3 end of bezier + * @param {Number} y3 + */ +// taken from http://jsbin.com/ivomiq/56/edit no credits available for that. +// TODO: can we normalize this with the starting points set at 0 and then translated the bbox? +function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { + let argsString; + if (config.cachesBoundsOfCurve) { + // eslint-disable-next-line + argsString = [...arguments].join(); + if (cache.boundsOfCurveCache[argsString]) { + return cache.boundsOfCurveCache[argsString]; + } } - if (element.parentNode) { - element.parentNode.replaceChild(wrapper, element); + const sqrt = Math.sqrt, abs = Math.abs, tvalues = [], bounds = [[], []]; + let b = 6 * x0 - 12 * x1 + 6 * x2; + let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; + let c = 3 * x1 - 3 * x0; + for (let i = 0; i < 2; ++i) { + if (i > 0) { + b = 6 * y0 - 12 * y1 + 6 * y2; + a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; + c = 3 * y1 - 3 * y0; + } + if (abs(a) < 1e-12) { + if (abs(b) < 1e-12) { + continue; + } + const t = -c / b; + if (0 < t && t < 1) { + tvalues.push(t); + } + continue; + } + const b2ac = b * b - 4 * c * a; + if (b2ac < 0) { + continue; + } + const sqrtb2ac = sqrt(b2ac); + const t1 = (-b + sqrtb2ac) / (2 * a); + if (0 < t1 && t1 < 1) { + tvalues.push(t1); + } + const t2 = (-b - sqrtb2ac) / (2 * a); + if (0 < t2 && t2 < 1) { + tvalues.push(t2); + } } - wrapper.appendChild(element); - return wrapper; - } - - /** - * Returns element scroll offsets - * @memberOf fabric.util - * @param {HTMLElement} element Element to operate on - * @return {Object} Object with left/top values - */ - function getScrollLeftTop(element) { - - var left = 0, - top = 0, - docElement = fabric.document.documentElement, - body = fabric.document.body || { - scrollLeft: 0, scrollTop: 0 - }; - - // While loop checks (and then sets element to) .parentNode OR .host - // to account for ShadowDOM. We still want to traverse up out of ShadowDOM, - // but the .parentNode of a root ShadowDOM node will always be null, instead - // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938 - while (element && (element.parentNode || element.host)) { - - // Set element to element parent, or 'host' in case of ShadowDOM - element = element.parentNode || element.host; - - if (element === fabric.document) { - left = body.scrollLeft || docElement.scrollLeft || 0; - top = body.scrollTop || docElement.scrollTop || 0; - } - else { - left += element.scrollLeft || 0; - top += element.scrollTop || 0; - } - - if (element.nodeType === 1 && element.style.position === 'fixed') { - break; - } + let j = tvalues.length; + const jlen = j; + const iterator = getPointOnCubicBezierIterator(x0, y0, x1, y1, x2, y2, x3, y3); + while (j--) { + const { x, y } = iterator(tvalues[j]); + bounds[0][j] = x; + bounds[1][j] = y; } - - return { left: left, top: top }; - } - - /** - * Returns offset for a given element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element Element to get offset for - * @return {Object} Object with "left" and "top" properties - */ - function getElementOffset(element) { - var docElem, - doc = element && element.ownerDocument, - box = { left: 0, top: 0 }, - offset = { left: 0, top: 0 }, - scrollLeftTop, - offsetAttributes = { - borderLeftWidth: 'left', - borderTopWidth: 'top', - paddingLeft: 'left', - paddingTop: 'top' - }; - - if (!doc) { - return offset; + bounds[0][jlen] = x0; + bounds[1][jlen] = y0; + bounds[0][jlen + 1] = x3; + bounds[1][jlen + 1] = y3; + const result = [ + new Point(Math.min(...bounds[0]), Math.min(...bounds[1])), + new Point(Math.max(...bounds[0]), Math.max(...bounds[1])), + ]; + if (config.cachesBoundsOfCurve) { + cache.boundsOfCurveCache[argsString] = result; } - - for (var attr in offsetAttributes) { - offset[offsetAttributes[attr]] += parseInt(getElementStyle(element, attr), 10) || 0; + return result; +} +/** + * Converts arc to a bunch of bezier curves + * @param {Number} fx starting point x + * @param {Number} fy starting point y + * @param {Array} coords Arc command + */ +const fromArcToBeziers = (fx, fy, [_, rx, ry, rot, large, sweep, tx, ty] = []) => { + const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); + for (let i = 0, len = segsNorm.length; i < len; i++) { + segsNorm[i][1] += fx; + segsNorm[i][2] += fy; + segsNorm[i][3] += fx; + segsNorm[i][4] += fy; + segsNorm[i][5] += fx; + segsNorm[i][6] += fy; } - - docElem = doc.documentElement; - if ( typeof element.getBoundingClientRect !== 'undefined' ) { - box = element.getBoundingClientRect(); + return segsNorm; +}; +/** + * This function take a parsed SVG path and make it simpler for fabricJS logic. + * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) + * S converted in C, T converted in Q, A converted in C. + * @param {Array} path the array of commands of a parsed svg path for fabric.Path + * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path + */ +const makePathSimpler = (path) => { + // x and y represent the last point of the path. the previous command point. + // we add them to each relative command to make it an absolute comment. + // we also swap the v V h H with L, because are easier to transform. + let x = 0, y = 0; + const len = path.length; + // x1 and y1 represent the last point of the subpath. the subpath is started with + // m or M command. When a z or Z command is drawn, x and y need to be resetted to + // the last x1 and y1. + let x1 = 0, y1 = 0; + // previous will host the letter of the previous command, to handle S and T. + // controlX and controlY will host the previous reflected control point + let destinationPath = [], previous, controlX, controlY; + for (let i = 0; i < len; ++i) { + let converted = false; + const current = path[i].slice(0); + switch (current[0] // first letter + ) { + case 'l': // lineto, relative + current[0] = 'L'; + current[1] += x; + current[2] += y; + // falls through + case 'L': + x = current[1]; + y = current[2]; + break; + case 'h': // horizontal lineto, relative + current[1] += x; + // falls through + case 'H': + current[0] = 'L'; + current[2] = y; + x = current[1]; + break; + case 'v': // vertical lineto, relative + current[1] += y; + // falls through + case 'V': + current[0] = 'L'; + y = current[1]; + current[1] = x; + current[2] = y; + break; + case 'm': // moveTo, relative + current[0] = 'M'; + current[1] += x; + current[2] += y; + // falls through + case 'M': + x = current[1]; + y = current[2]; + x1 = current[1]; + y1 = current[2]; + break; + case 'c': // bezierCurveTo, relative + current[0] = 'C'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + current[5] += x; + current[6] += y; + // falls through + case 'C': + controlX = current[3]; + controlY = current[4]; + x = current[5]; + y = current[6]; + break; + case 's': // shorthand cubic bezierCurveTo, relative + current[0] = 'S'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'S': + // would be sScC but since we are swapping sSc for C, we check just that. + if (previous === 'C') { + // calculate reflection of previous control points + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a C, c, S, or s, + // the control point is coincident with the current point + controlX = x; + controlY = y; + } + x = current[3]; + y = current[4]; + current[0] = 'C'; + current[5] = current[3]; + current[6] = current[4]; + current[3] = current[1]; + current[4] = current[2]; + current[1] = controlX; + current[2] = controlY; + // current[3] and current[4] are NOW the second control point. + // we keep it for the next reflection. + controlX = current[3]; + controlY = current[4]; + break; + case 'q': // quadraticCurveTo, relative + current[0] = 'Q'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'Q': + controlX = current[1]; + controlY = current[2]; + x = current[3]; + y = current[4]; + break; + case 't': // shorthand quadraticCurveTo, relative + current[0] = 'T'; + current[1] += x; + current[2] += y; + // falls through + case 'T': + if (previous === 'Q') { + // calculate reflection of previous control point + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a Q, q, T or t, + // assume the control point is coincident with the current point + controlX = x; + controlY = y; + } + current[0] = 'Q'; + x = current[1]; + y = current[2]; + current[1] = controlX; + current[2] = controlY; + current[3] = x; + current[4] = y; + break; + case 'a': + current[0] = 'A'; + current[6] += x; + current[7] += y; + // falls through + case 'A': + converted = true; + destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); + x = current[6]; + y = current[7]; + break; + case 'z': + case 'Z': + x = x1; + y = y1; + break; + } + if (!converted) { + destinationPath.push(current); + } + previous = current[0]; } - - scrollLeftTop = getScrollLeftTop(element); - + return destinationPath; +}; +// todo verify if we can just use the point class here +/** + * Calc length from point x1,y1 to x2,y2 + * @param {Number} x1 starting point x + * @param {Number} y1 starting point y + * @param {Number} x2 starting point x + * @param {Number} y2 starting point y + * @return {Number} length of segment + */ +const calcLineLength = (x1, y1, x2, y2) => Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2); +const getPointOnCubicBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { + const c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); return { - left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, - top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top - }; - } - - /** - * Returns style attribute value of a given element - * @memberOf fabric.util - * @param {HTMLElement} element Element to get style attribute for - * @param {String} attr Style attribute to get for element - * @return {String} Style attribute value of the given element. - */ - var getElementStyle; - if (fabric.document.defaultView && fabric.document.defaultView.getComputedStyle) { - getElementStyle = function(element, attr) { - var style = fabric.document.defaultView.getComputedStyle(element, null); - return style ? style[attr] : undefined; + x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4, + y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4, }; - } - else { - getElementStyle = function(element, attr) { - var value = element.style[attr]; - if (!value && element.currentStyle) { - value = element.currentStyle[attr]; - } - return value; +}; +const QB1 = (t) => t ** 2; +const QB2 = (t) => 2 * t * (1 - t); +const QB3 = (t) => (1 - t) ** 2; +const getTangentCubicIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { + const qb1 = QB1(pct), qb2 = QB2(pct), qb3 = QB3(pct), tangentX = 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)), tangentY = 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y)); + return Math.atan2(tangentY, tangentX); +}; +const getPointOnQuadraticBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { + const c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); + return { + x: p3x * c1 + p2x * c2 + p1x * c3, + y: p3y * c1 + p2y * c2 + p1y * c3, }; - } - - (function () { - var style = fabric.document.documentElement.style, - selectProp = 'userSelect' in style - ? 'userSelect' - : 'MozUserSelect' in style - ? 'MozUserSelect' - : 'WebkitUserSelect' in style - ? 'WebkitUserSelect' - : 'KhtmlUserSelect' in style - ? 'KhtmlUserSelect' - : ''; - - /** - * Makes element unselectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make unselectable - * @return {HTMLElement} Element that was passed in - */ - function makeElementUnselectable(element) { - if (typeof element.onselectstart !== 'undefined') { - element.onselectstart = fabric.util.falseFunction; - } - if (selectProp) { - element.style[selectProp] = 'none'; - } - else if (typeof element.unselectable === 'string') { - element.unselectable = 'on'; - } - return element; +}; +const getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { + const invT = 1 - pct, tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)), tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y)); + return Math.atan2(tangentY, tangentX); +}; +// this will run over a path segment ( a cubic or quadratic segment) and approximate it +// with 100 segemnts. This will good enough to calculate the length of the curve +const pathIterator = (iterator, x1, y1) => { + let tempP = { x: x1, y: y1 }, tmpLen = 0; + for (let perc = 1; perc <= 100; perc += 1) { + const p = iterator(perc / 100); + tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); + tempP = p; } - - /** - * Makes element selectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make selectable - * @return {HTMLElement} Element that was passed in - */ - function makeElementSelectable(element) { - if (typeof element.onselectstart !== 'undefined') { - element.onselectstart = null; - } - if (selectProp) { - element.style[selectProp] = ''; - } - else if (typeof element.unselectable === 'string') { - element.unselectable = ''; - } - return element; + return tmpLen; +}; +/** + * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 + * that correspond to that pixels run over the path. + * The percentage will be then used to find the correct point on the canvas for the path. + * @param {Array} segInfo fabricJS collection of information on a parsed path + * @param {Number} distance from starting point, in pixels. + * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; + */ +const findPercentageForDistance = (segInfo, distance) => { + let perc = 0, tmpLen = 0, tempP = { x: segInfo.x, y: segInfo.y }, p, nextLen, nextStep = 0.01, lastPerc; + // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100 + // the path + const iterator = segInfo.iterator, angleFinder = segInfo.angleFinder; + while (tmpLen < distance && nextStep > 0.0001) { + p = iterator(perc); + lastPerc = perc; + nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); + // compare tmpLen each cycle with distance, decide next perc to test. + if (nextLen + tmpLen > distance) { + // we discard this step and we make smaller steps. + perc -= nextStep; + nextStep /= 2; + } + else { + tempP = p; + perc += nextStep; + tmpLen += nextLen; + } } - - fabric.util.makeElementUnselectable = makeElementUnselectable; - fabric.util.makeElementSelectable = makeElementSelectable; - })(); - - function getNodeCanvas(element) { - var impl = fabric.jsdomImplForWrapper(element); - return impl._canvas || impl._image; - }; - - function cleanUpJsdomNode(element) { - if (!fabric.isLikelyNode) { - return; + p.angle = angleFinder(lastPerc); + return p; +}; +/** + * Run over a parsed and simplifed path and extract some informations. + * informations are length of each command and starting point + * @param {Array} path fabricJS parsed path commands + * @return {Array} path commands informations + */ +const getPathSegmentsInfo = (path) => { + let totalLength = 0, current, + //x2 and y2 are the coords of segment start + //x1 and y1 are the coords of the current point + x1 = 0, y1 = 0, x2 = 0, y2 = 0, iterator, tempInfo, angleFinder; + const len = path.length, info = []; + for (let i = 0; i < len; i++) { + current = path[i]; + tempInfo = { + x: x1, + y: y1, + command: current[0], + }; + switch (current[0] //first letter + ) { + case 'M': + tempInfo.length = 0; + x2 = x1 = current[1]; + y2 = y1 = current[2]; + break; + case 'L': + tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); + x1 = current[1]; + y1 = current[2]; + break; + case 'C': + iterator = getPointOnCubicBezierIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); + angleFinder = getTangentCubicIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[5]; + y1 = current[6]; + break; + case 'Q': + iterator = getPointOnQuadraticBezierIterator(x1, y1, current[1], current[2], current[3], current[4]); + angleFinder = getTangentQuadraticIterator(x1, y1, current[1], current[2], current[3], current[4]); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[3]; + y1 = current[4]; + break; + case 'Z': + case 'z': + // we add those in order to ease calculations later + tempInfo.destX = x2; + tempInfo.destY = y2; + tempInfo.length = calcLineLength(x1, y1, x2, y2); + x1 = x2; + y1 = y2; + break; + } + totalLength += tempInfo.length; + info.push(tempInfo); } - var impl = fabric.jsdomImplForWrapper(element); - if (impl) { - impl._image = null; - impl._canvas = null; - // unsure if necessary - impl._currentSrc = null; - impl._attributes = null; - impl._classList = null; - } - } - - function setImageSmoothing(ctx, value) { - ctx.imageSmoothingEnabled = ctx.imageSmoothingEnabled || ctx.webkitImageSmoothingEnabled - || ctx.mozImageSmoothingEnabled || ctx.msImageSmoothingEnabled || ctx.oImageSmoothingEnabled; - ctx.imageSmoothingEnabled = value; - } - - /** - * setImageSmoothing sets the context imageSmoothingEnabled property. - * Used by canvas and by ImageObject. - * @memberOf fabric.util - * @since 4.0.0 - * @param {HTMLRenderingContext2D} ctx to set on - * @param {Boolean} value true or false - */ - fabric.util.setImageSmoothing = setImageSmoothing; - fabric.util.getById = getById; - fabric.util.toArray = toArray; - fabric.util.addClass = addClass; - fabric.util.makeElement = makeElement; - fabric.util.wrapElement = wrapElement; - fabric.util.getScrollLeftTop = getScrollLeftTop; - fabric.util.getElementOffset = getElementOffset; - fabric.util.getNodeCanvas = getNodeCanvas; - fabric.util.cleanUpJsdomNode = cleanUpJsdomNode; - -})(); - - -(function() { - - function addParamToUrl(url, param) { - return url + (/\?/.test(url) ? '&' : '?') + param; - } - - function emptyFn() { } - - /** - * Cross-browser abstraction for sending XMLHttpRequest - * @memberOf fabric.util - * @param {String} url URL to send XMLHttpRequest to - * @param {Object} [options] Options object - * @param {String} [options.method="GET"] - * @param {String} [options.parameters] parameters to append to url in GET or in body - * @param {String} [options.body] body to send with POST or PUT request - * @param {Function} options.onComplete Callback to invoke when request is completed - * @return {XMLHttpRequest} request - */ - function request(url, options) { - options || (options = { }); - - var method = options.method ? options.method.toUpperCase() : 'GET', - onComplete = options.onComplete || function() { }, - xhr = new fabric.window.XMLHttpRequest(), - body = options.body || options.parameters; - - /** @ignore */ - xhr.onreadystatechange = function() { - if (xhr.readyState === 4) { - onComplete(xhr); - xhr.onreadystatechange = emptyFn; - } - }; - - if (method === 'GET') { - body = null; - if (typeof options.parameters === 'string') { - url = addParamToUrl(url, options.parameters); - } + info.push({ length: totalLength, x: x1, y: y1 }); + return info; +}; +const getPointOnPath = (path, distance, infos) => { + if (!infos) { + infos = getPathSegmentsInfo(path); } - - xhr.open(method, url, true); - - if (method === 'POST' || method === 'PUT') { - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + let i = 0; + while (distance - infos[i].length > 0 && i < infos.length - 2) { + distance -= infos[i].length; + i++; } - - xhr.send(body); - return xhr; - } - - fabric.util.request = request; -})(); - - -/** - * Wrapper around `console.log` (when available) - * @param {*} [values] Values to log - */ -fabric.log = console.log; - + // var distance = infos[infos.length - 1] * perc; + const segInfo = infos[i], segPercent = distance / segInfo.length, command = segInfo.command, segment = path[i]; + let info; + switch (command) { + case 'M': + return { x: segInfo.x, y: segInfo.y, angle: 0 }; + case 'Z': + case 'z': + info = new Point(segInfo.x, segInfo.y).lerp(new Point(segInfo.destX, segInfo.destY), segPercent); + info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); + return info; + case 'L': + info = new Point(segInfo.x, segInfo.y).lerp(new Point(segment[1], segment[2]), segPercent); + info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); + return info; + case 'C': + return findPercentageForDistance(segInfo, distance); + case 'Q': + return findPercentageForDistance(segInfo, distance); + } +}; /** - * Wrapper around `console.warn` (when available) - * @param {*} [values] Values to log as a warning + * + * @param {string} pathString + * @return {(string|number)[][]} An array of SVG path commands + * @example Usage + * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ + * ['M', 3, 4], + * ['Q', 3, 5, 2, 1, 4, 0], + * ['Q', 9, 12, 2, 1, 4, 0], + * ]; + * */ -fabric.warn = console.warn; - - -(function () { - - var extend = fabric.util.object.extend, - clone = fabric.util.object.clone; - - /** - * @typedef {Object} AnimationOptions - * Animation of a value or list of values. - * When using lists, think of something like this: - * fabric.util.animate({ - * startValue: [1, 2, 3], - * endValue: [2, 4, 6], - * onChange: function([a, b, c]) { - * canvas.zoomToPoint({x: b, y: c}, a) - * canvas.renderAll() - * } - * }); - * @example - * @property {Function} [onChange] Callback; invoked on every value change - * @property {Function} [onComplete] Callback; invoked when value change is completed - * @example - * // Note: startValue, endValue, and byValue must match the type - * var animationOptions = { startValue: 0, endValue: 1, byValue: 0.25 } - * var animationOptions = { startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] } - * @property {number | number[]} [startValue=0] Starting value - * @property {number | number[]} [endValue=100] Ending value - * @property {number | number[]} [byValue=100] Value to modify the property by - * @property {Function} [easing] Easing function - * @property {Number} [duration=500] Duration of change (in ms) - * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. - * - * @typedef {() => void} CancelFunction - * - * @typedef {Object} AnimationCurrentState - * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] - * @property {number} completionRate value in range [0, 1] - * @property {number} durationRate value in range [0, 1] - * - * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext - */ - - /** - * Array holding all running animations - * @memberof fabric - * @type {AnimationContext[]} - */ - var RUNNING_ANIMATIONS = []; - fabric.util.object.extend(RUNNING_ANIMATIONS, { - - /** - * cancel all running animations at the next requestAnimFrame - * @returns {AnimationContext[]} - */ - cancelAll: function () { - var animations = this.splice(0); - animations.forEach(function (animation) { - animation.cancel(); - }); - return animations; - }, - - /** - * cancel all running animations attached to canvas at the next requestAnimFrame - * @param {fabric.Canvas} canvas - * @returns {AnimationContext[]} - */ - cancelByCanvas: function (canvas) { - if (!canvas) { - return []; - } - var cancelled = this.filter(function (animation) { - return typeof animation.target === 'object' && animation.target.canvas === canvas; - }); - cancelled.forEach(function (animation) { - animation.cancel(); - }); - return cancelled; - }, - - /** - * cancel all running animations for target at the next requestAnimFrame - * @param {*} target - * @returns {AnimationContext[]} - */ - cancelByTarget: function (target) { - var cancelled = this.findAnimationsByTarget(target); - cancelled.forEach(function (animation) { - animation.cancel(); - }); - return cancelled; - }, - - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {number} - */ - findAnimationIndex: function (cancelFunc) { - return this.indexOf(this.findAnimation(cancelFunc)); - }, - - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {AnimationContext | undefined} animation's options object - */ - findAnimation: function (cancelFunc) { - return this.find(function (animation) { - return animation.cancel === cancelFunc; - }); - }, - - /** - * - * @param {*} target the object that is assigned to the target property of the animation context - * @returns {AnimationContext[]} array of animation options object associated with target - */ - findAnimationsByTarget: function (target) { - if (!target) { - return []; - } - return this.filter(function (animation) { - return animation.target === target; - }); - } - }); - - function noop() { - return false; - } - - function defaultEasing(t, b, c, d) { - return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; - } - - /** - * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {AnimationOptions} [options] Animation options - * @example - * // Note: startValue, endValue, and byValue must match the type - * fabric.util.animate({ startValue: 0, endValue: 1, byValue: 0.25 }) - * fabric.util.animate({ startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] }) - * @returns {CancelFunction} cancel function - */ - function animate(options) { - options || (options = {}); - var cancel = false, - context, - removeFromRegistry = function () { - var index = fabric.runningAnimations.indexOf(context); - return index > -1 && fabric.runningAnimations.splice(index, 1)[0]; - }; - - context = extend(clone(options), { - cancel: function () { - cancel = true; - return removeFromRegistry(); - }, - currentValue: 'startValue' in options ? options.startValue : 0, - completionRate: 0, - durationRate: 0 - }); - fabric.runningAnimations.push(context); - - requestAnimFrame(function(timestamp) { - var start = timestamp || +new Date(), - duration = options.duration || 500, - finish = start + duration, time, - onChange = options.onChange || noop, - abort = options.abort || noop, - onComplete = options.onComplete || noop, - easing = options.easing || defaultEasing, - isMany = 'startValue' in options ? options.startValue.length > 0 : false, - startValue = 'startValue' in options ? options.startValue : 0, - endValue = 'endValue' in options ? options.endValue : 100, - byValue = options.byValue || (isMany ? startValue.map(function(value, i) { - return endValue[i] - startValue[i]; - }) : endValue - startValue); - - options.onStart && options.onStart(); - - (function tick(ticktime) { - time = ticktime || +new Date(); - var currentTime = time > finish ? duration : (time - start), - timePerc = currentTime / duration, - current = isMany ? startValue.map(function(_value, i) { - return easing(currentTime, startValue[i], byValue[i], duration); - }) : easing(currentTime, startValue, byValue, duration), - valuePerc = isMany ? Math.abs((current[0] - startValue[0]) / byValue[0]) - : Math.abs((current - startValue) / byValue); - // update context - context.currentValue = isMany ? current.slice() : current; - context.completionRate = valuePerc; - context.durationRate = timePerc; - if (cancel) { - return; - } - if (abort(current, valuePerc, timePerc)) { - removeFromRegistry(); - return; - } - if (time > finish) { - // update context - context.currentValue = isMany ? endValue.slice() : endValue; - context.completionRate = 1; - context.durationRate = 1; - // execute callbacks - onChange(isMany ? endValue.slice() : endValue, 1, 1); - onComplete(endValue, 1, 1); - removeFromRegistry(); - return; +const parsePath = (pathString) => { + // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) + const re = rePathCommand, rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', rNumberCommaWsp = `(${rNumber})${commaWsp}`, rFlagCommaWsp = `([01])${commaWsp}?`, rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`, regArcArgumentSequence = new RegExp(rArcSeq, 'g'), result = []; + if (!pathString || !pathString.match) { + return result; + } + const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); + for (let i = 0, len = path.length; i < len; i++) { + const currentPath = path[i]; + const coordsStr = currentPath.slice(1).trim(); + const coords = []; + let command = currentPath.charAt(0); + const coordsParsed = [command]; + if (command.toLowerCase() === 'a') { + // arcs have special flags that apparently don't require spaces so handle special + for (let args; (args = regArcArgumentSequence.exec(coordsStr));) { + for (let j = 1; j < args.length; j++) { + coords.push(args[j]); + } + } + } + else { + let match; + while ((match = re.exec(coordsStr))) { + coords.push(match[0]); + } + } + for (let j = 0, jlen = coords.length; j < jlen; j++) { + const parsed = parseFloat(coords[j]); + if (!isNaN(parsed)) { + coordsParsed.push(parsed); + } + } + const commandLength = commandLengths[command.toLowerCase()], repeatedCommand = repeatedCommands[command] || command; + if (coordsParsed.length - 1 > commandLength) { + for (let k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { + result.push([command].concat(coordsParsed.slice(k, k + commandLength))); + command = repeatedCommand; + } } else { - onChange(current, valuePerc, timePerc); - requestAnimFrame(tick); + result.push(coordsParsed); + } + } + return result; +}; +/** + * + * Converts points to a smooth SVG path + * @param {{ x: number,y: number }[]} points Array of points + * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. + * @return {(string|number)[][]} An array of SVG path commands + */ +const getSmoothPathFromPoints = (points, correction = 0) => { + let p1 = new Point(points[0]), p2 = new Point(points[1]), multSignX = 1, multSignY = 0; + const path = [], len = points.length, manyPoints = len > 2; + if (manyPoints) { + multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; + multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; + } + path.push([ + 'M', + p1.x - multSignX * correction, + p1.y - multSignY * correction, + ]); + let i; + for (i = 1; i < len; i++) { + if (!p1.eq(p2)) { + const midPoint = p1.midPointFrom(p2); + // p1 is our bezier control point + // midpoint is our endpoint + // start point is p(i-1) value. + path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); + } + p1 = points[i]; + if (i + 1 < points.length) { + p2 = points[i + 1]; } - })(start); + } + if (manyPoints) { + multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; + multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; + } + path.push([ + 'L', + p1.x + multSignX * correction, + p1.y + multSignY * correction, + ]); + return path; +}; +/** + * Transform a path by transforming each segment. + * it has to be a simplified path or it won't work. + * WARNING: this depends from pathOffset for correct operation + * @param {Array} path fabricJS parsed and simplified path commands + * @param {Array} transform matrix that represent the transformation + * @param {Object} [pathOffset] the fabric.Path pathOffset + * @param {Number} pathOffset.x + * @param {Number} pathOffset.y + * @returns {Array} the transformed path + */ +const transformPath = (path, transform, pathOffset) => { + if (pathOffset) { + transform = multiplyTransformMatrices(transform, [ + 1, + 0, + 0, + 1, + -pathOffset.x, + -pathOffset.y, + ]); + } + return path.map((pathSegment) => { + const newSegment = pathSegment.slice(0); + for (let i = 1; i < pathSegment.length - 1; i += 2) { + const { x, y } = transformPoint({ + x: pathSegment[i], + y: pathSegment[i + 1], + }, transform); + newSegment[i] = x; + newSegment[i + 1] = y; + } + return newSegment; }); +}; +/** + * Returns an array of path commands to create a regular polygon + * @param {number} radius + * @param {number} numVertexes + * @returns {(string|number)[][]} An array of SVG path commands + */ +const getRegularPolygonPath = (numVertexes, radius) => { + const interiorAngle = (Math.PI * 2) / numVertexes; + // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom + // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn + let rotationAdjustment = -halfPI; + if (numVertexes % 2 === 0) { + rotationAdjustment += interiorAngle / 2; + } + const d = new Array(numVertexes + 1); + for (let i = 0; i < numVertexes; i++) { + const rad = i * interiorAngle + rotationAdjustment; + const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius); + d[i] = [i === 0 ? 'M' : 'L', x, y]; + } + d[numVertexes] = ['Z']; + return d; +}; +/** + * Join path commands to go back to svg format + * @param {Array} pathData fabricJS parsed path commands + * @return {String} joined path 'M 0 0 L 20 30' + */ +const joinPath = (pathData) => pathData.map((segment) => segment.join(' ')).join(' '); - return context.cancel; - } - - var _requestAnimFrame = fabric.window.requestAnimationFrame || - fabric.window.webkitRequestAnimationFrame || - fabric.window.mozRequestAnimationFrame || - fabric.window.oRequestAnimationFrame || - fabric.window.msRequestAnimationFrame || - function(callback) { - return fabric.window.setTimeout(callback, 1000 / 60); - }; - - var _cancelAnimFrame = fabric.window.cancelAnimationFrame || fabric.window.clearTimeout; - - /** - * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ - * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method - * @memberOf fabric.util - * @param {Function} callback Callback to invoke - * @param {DOMElement} element optional Element to associate with animation - */ - function requestAnimFrame() { - return _requestAnimFrame.apply(fabric.window, arguments); - } - - function cancelAnimFrame() { - return _cancelAnimFrame.apply(fabric.window, arguments); - } - - fabric.util.animate = animate; - fabric.util.requestAnimFrame = requestAnimFrame; - fabric.util.cancelAnimFrame = cancelAnimFrame; - fabric.runningAnimations = RUNNING_ANIMATIONS; -})(); - - -(function() { - // Calculate an in-between color. Returns a "rgba()" string. - // Credit: Edwin Martin - // http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js - function calculateColor(begin, end, pos) { - var color = 'rgba(' - + parseInt((begin[0] + pos * (end[0] - begin[0])), 10) + ',' - + parseInt((begin[1] + pos * (end[1] - begin[1])), 10) + ',' - + parseInt((begin[2] + pos * (end[2] - begin[2])), 10); - - color += ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); - color += ')'; - return color; - } - - /** - * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {String} fromColor The starting color in hex or rgb(a) format. - * @param {String} toColor The starting color in hex or rgb(a) format. - * @param {Number} [duration] Duration of change (in ms). - * @param {Object} [options] Animation options - * @param {Function} [options.onChange] Callback; invoked on every value change - * @param {Function} [options.onComplete] Callback; invoked when value change is completed - * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. - * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. - * @returns {Function} abort function - */ - function animateColor(fromColor, toColor, duration, options) { - var startColor = new fabric.Color(fromColor).getSource(), - endColor = new fabric.Color(toColor).getSource(), - originalOnComplete = options.onComplete, - originalOnChange = options.onChange; - options = options || {}; - - return fabric.util.animate(fabric.util.object.extend(options, { - duration: duration || 500, - startValue: startColor, - endValue: endColor, - byValue: endColor, - easing: function (currentTime, startValue, byValue, duration) { - var posValue = options.colorEasing - ? options.colorEasing(currentTime, duration) - : 1 - Math.cos(currentTime / duration * (Math.PI / 2)); - return calculateColor(startValue, byValue, posValue); - }, - // has to take in account for color restoring; - onComplete: function(current, valuePerc, timePerc) { - if (originalOnComplete) { - return originalOnComplete( - calculateColor(endColor, endColor, 0), - valuePerc, - timePerc - ); - } - }, - onChange: function(current, valuePerc, timePerc) { - if (originalOnChange) { - if (Array.isArray(current)) { - return originalOnChange( - calculateColor(current, current, 0), - valuePerc, - timePerc - ); - } - originalOnChange(current, valuePerc, timePerc); - } - } - })); - } - - fabric.util.animateColor = animateColor; - -})(); - - -(function() { - - function normalize(a, c, p, s) { - if (a < Math.abs(c)) { - a = c; - s = p / 4; +//@ts-nocheck +// TODO this file needs to go away, cross browser style support is not fabricjs domain. +/** + * wrapper for setting element's style + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {Object | string} styles + */ +function setStyle(element, styles) { + const elementStyle = element.style; + if (!elementStyle) { + return; } - else { - //handle the 0/0 case: - if (c === 0 && a === 0) { - s = p / (2 * Math.PI) * Math.asin(1); - } - else { - s = p / (2 * Math.PI) * Math.asin(c / a); - } - } - return { a: a, c: c, p: p, s: s }; - } - - function elastic(opts, t, d) { - return opts.a * - Math.pow(2, 10 * (t -= 1)) * - Math.sin( (t * d - opts.s) * (2 * Math.PI) / opts.p ); - } - - /** - * Cubic easing out - * @memberOf fabric.util.ease - */ - function easeOutCubic(t, b, c, d) { - return c * ((t = t / d - 1) * t * t + 1) + b; - } - - /** - * Cubic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutCubic(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return c / 2 * t * t * t + b; + else if (typeof styles === 'string') { + element.style.cssText += ';' + styles; } - return c / 2 * ((t -= 2) * t * t + 2) + b; - } - - /** - * Quartic easing in - * @memberOf fabric.util.ease - */ - function easeInQuart(t, b, c, d) { - return c * (t /= d) * t * t * t + b; - } - - /** - * Quartic easing out - * @memberOf fabric.util.ease - */ - function easeOutQuart(t, b, c, d) { - return -c * ((t = t / d - 1) * t * t * t - 1) + b; - } - - /** - * Quartic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutQuart(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return c / 2 * t * t * t * t + b; + else { + Object.entries(styles).forEach(([property, value]) => elementStyle.setProperty(property, value)); } - return -c / 2 * ((t -= 2) * t * t * t - 2) + b; - } - - /** - * Quintic easing in - * @memberOf fabric.util.ease - */ - function easeInQuint(t, b, c, d) { - return c * (t /= d) * t * t * t * t + b; - } - - /** - * Quintic easing out - * @memberOf fabric.util.ease - */ - function easeOutQuint(t, b, c, d) { - return c * ((t = t / d - 1) * t * t * t * t + 1) + b; - } +} - /** - * Quintic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutQuint(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return c / 2 * t * t * t * t * t + b; +//@ts-nocheck +/** + * Cross-browser abstraction for sending XMLHttpRequest + * @memberOf fabric.util + * @deprecated this has to go away, we can use a modern browser method to do the same. + * @param {String} url URL to send XMLHttpRequest to + * @param {Object} [options] Options object + * @param {String} [options.method="GET"] + * @param {Record} [options.parameters] parameters to append to url in GET or in body + * @param {String} [options.body] body to send with POST or PUT request + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {Function} options.onComplete Callback to invoke when request is completed + * @return {XMLHttpRequest} request + */ +function request(url, options = {}) { + const method = options.method ? options.method.toUpperCase() : 'GET', onComplete = options.onComplete || noop, xhr = new fabric.window.XMLHttpRequest(), body = options.body || options.parameters, signal = options.signal, abort = function () { + xhr.abort(); + }, removeListener = function () { + signal && signal.removeEventListener('abort', abort); + xhr.onerror = xhr.ontimeout = noop; + }; + if (signal && signal.aborted) { + throw new Error('`options.signal` is in `aborted` state'); } - return c / 2 * ((t -= 2) * t * t * t * t + 2) + b; - } - - /** - * Sinusoidal easing in - * @memberOf fabric.util.ease - */ - function easeInSine(t, b, c, d) { - return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; - } - - /** - * Sinusoidal easing out - * @memberOf fabric.util.ease - */ - function easeOutSine(t, b, c, d) { - return c * Math.sin(t / d * (Math.PI / 2)) + b; - } - - /** - * Sinusoidal easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutSine(t, b, c, d) { - return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b; - } - - /** - * Exponential easing in - * @memberOf fabric.util.ease - */ - function easeInExpo(t, b, c, d) { - return (t === 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b; - } - - /** - * Exponential easing out - * @memberOf fabric.util.ease - */ - function easeOutExpo(t, b, c, d) { - return (t === d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b; - } - - /** - * Exponential easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutExpo(t, b, c, d) { - if (t === 0) { - return b; + else if (signal) { + signal.addEventListener('abort', abort, { once: true }); } - if (t === d) { - return b + c; + /** @ignore */ + xhr.onreadystatechange = function () { + if (xhr.readyState === 4) { + removeListener(); + onComplete(xhr); + xhr.onreadystatechange = noop; + } + }; + xhr.onerror = xhr.ontimeout = removeListener; + if (method === 'GET' && options.parameters) { + const { origin, pathname, searchParams } = new URL(url); + url = `${origin}${pathname}?${new URLSearchParams([ + ...Array.from(searchParams.entries()), + ...Object.entries(options.parameters), + ])}`; } - t /= d / 2; - if (t < 1) { - return c / 2 * Math.pow(2, 10 * (t - 1)) + b; + xhr.open(method, url, true); + if (method === 'POST' || method === 'PUT') { + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); } - return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b; - } - - /** - * Circular easing in - * @memberOf fabric.util.ease - */ - function easeInCirc(t, b, c, d) { - return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; - } - - /** - * Circular easing out - * @memberOf fabric.util.ease - */ - function easeOutCirc(t, b, c, d) { - return c * Math.sqrt(1 - (t = t / d - 1) * t) + b; - } + xhr.send(method === 'GET' ? null : body); + return xhr; +} - /** - * Circular easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutCirc(t, b, c, d) { - t /= d / 2; - if (t < 1) { - return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b; +//@ts-nocheck +const touchEvents = ['touchstart', 'touchmove', 'touchend']; +/** + * Adds an event listener to an element + * @function + * @deprecated + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ +const addListener = (element, eventName, handler, options) => element && element.addEventListener(eventName, handler, options); +/** + * Removes an event listener from an element + * @function + * @deprecated + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ +const removeListener = (element, eventName, handler, options) => element && element.removeEventListener(eventName, handler, options); +function getTouchInfo(event) { + const touchProp = event.changedTouches; + if (touchProp && touchProp[0]) { + return touchProp[0]; } - return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; - } + return event; +} +const getPointer = (event) => { + const element = event.target, scroll = fabric.util.getScrollLeftTop(element), _evt = getTouchInfo(event); + return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top); +}; +const isTouchEvent = (event) => touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; +const stopEvent = (e) => { + e.preventDefault(); + e.stopPropagation(); +}; - /** - * Elastic easing in - * @memberOf fabric.util.ease - */ - function easeInElastic(t, b, c, d) { - var s = 1.70158, p = 0, a = c; - if (t === 0) { - return b; - } - t /= d; - if (t === 1) { - return b + c; +//@ts-nocheck +/** + * Wraps element with another element + * @memberOf fabric.util + * @param {HTMLElement} element Element to wrap + * @param {HTMLElement|String} wrapper Element to wrap with + * @param {Object} [attributes] Attributes to set on a wrapper + * @return {HTMLElement} wrapper + */ +function wrapElement(element, wrapper) { + if (element.parentNode) { + element.parentNode.replaceChild(wrapper, element); } - if (!p) { - p = d * 0.3; + wrapper.appendChild(element); + return wrapper; +} +/** + * Returns element scroll offsets + * @memberOf fabric.util + * @param {HTMLElement} element Element to operate on + * @return {Object} Object with left/top values + */ +function getScrollLeftTop(element) { + let left = 0, top = 0; + const docElement = fabric$1.document.documentElement, body = fabric$1.document.body || { + scrollLeft: 0, + scrollTop: 0, + }; + // While loop checks (and then sets element to) .parentNode OR .host + // to account for ShadowDOM. We still want to traverse up out of ShadowDOM, + // but the .parentNode of a root ShadowDOM node will always be null, instead + // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938 + while (element && (element.parentNode || element.host)) { + // Set element to element parent, or 'host' in case of ShadowDOM + element = element.parentNode || element.host; + if (element === fabric$1.document) { + left = body.scrollLeft || docElement.scrollLeft || 0; + top = body.scrollTop || docElement.scrollTop || 0; + } + else { + left += element.scrollLeft || 0; + top += element.scrollTop || 0; + } + if (element.nodeType === 1 && element.style.position === 'fixed') { + break; + } } - var opts = normalize(a, c, p, s); - return -elastic(opts, t, d) + b; - } - - /** - * Elastic easing out - * @memberOf fabric.util.ease - */ - function easeOutElastic(t, b, c, d) { - var s = 1.70158, p = 0, a = c; - if (t === 0) { - return b; + return { left, top }; +} +/** + * Returns offset for a given element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element Element to get offset for + * @return {Object} Object with "left" and "top" properties + */ +function getElementOffset(element) { + let box = { left: 0, top: 0 }; + const doc = element && element.ownerDocument, offset = { left: 0, top: 0 }, offsetAttributes = { + borderLeftWidth: 'left', + borderTopWidth: 'top', + paddingLeft: 'left', + paddingTop: 'top', + }; + if (!doc) { + return offset; } - t /= d; - if (t === 1) { - return b + c; + const elemStyle = fabric$1.document.defaultView.getComputedStyle(element, null); + for (const attr in offsetAttributes) { + offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0; } - if (!p) { - p = d * 0.3; + const docElem = doc.documentElement; + if (typeof element.getBoundingClientRect !== 'undefined') { + box = element.getBoundingClientRect(); } - var opts = normalize(a, c, p, s); - return opts.a * Math.pow(2, -10 * t) * Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) + opts.c + b; - } - - /** - * Elastic easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutElastic(t, b, c, d) { - var s = 1.70158, p = 0, a = c; - if (t === 0) { - return b; + const scrollLeftTop = getScrollLeftTop(element); + return { + left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, + top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top, + }; +} +/** + * Makes element unselectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make unselectable + * @return {HTMLElement} Element that was passed in + */ +function makeElementUnselectable(element) { + if (typeof element.onselectstart !== 'undefined') { + element.onselectstart = () => false; } - t /= d / 2; - if (t === 2) { - return b + c; + element.style.userSelect = 'none'; + return element; +} +/** + * Makes element selectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make selectable + * @return {HTMLElement} Element that was passed in + */ +function makeElementSelectable(element) { + if (typeof element.onselectstart !== 'undefined') { + element.onselectstart = null; } - if (!p) { - p = d * (0.3 * 1.5); + element.style.userSelect = ''; + return element; +} +function getNodeCanvas(element) { + const impl = fabric$1.jsdomImplForWrapper(element); + return impl._canvas || impl._image; +} +function cleanUpJsdomNode(element) { + if (!fabric$1.isLikelyNode) { + return; } - var opts = normalize(a, c, p, s); - if (t < 1) { - return -0.5 * elastic(opts, t, d) + b; + const impl = fabric$1.jsdomImplForWrapper(element); + if (impl) { + impl._image = null; + impl._canvas = null; + // unsure if necessary + impl._currentSrc = null; + impl._attributes = null; + impl._classList = null; } - return opts.a * Math.pow(2, -10 * (t -= 1)) * - Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) * 0.5 + opts.c + b; - } - - /** - * Backwards easing in - * @memberOf fabric.util.ease - */ - function easeInBack(t, b, c, d, s) { - if (s === undefined) { - s = 1.70158; - } - return c * (t /= d) * t * ((s + 1) * t - s) + b; - } - - /** - * Backwards easing out - * @memberOf fabric.util.ease - */ - function easeOutBack(t, b, c, d, s) { - if (s === undefined) { - s = 1.70158; - } - return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; - } +} - /** - * Backwards easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutBack(t, b, c, d, s) { - if (s === undefined) { - s = 1.70158; - } - t /= d / 2; - if (t < 1) { - return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b; +/** + * Returns true if context has transparent pixel + * at specified location (taking tolerance into account) + * @param {CanvasRenderingContext2D} ctx context + * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space + * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space + * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance + * @return {boolean} true if transparent + */ +const isTransparent = (ctx, x, y, tolerance) => { + // If tolerance is > 0 adjust start coords to take into account. + // If moves off Canvas fix to 0 + if (tolerance > 0) { + if (x > tolerance) { + x -= tolerance; + } + else { + x = 0; + } + if (y > tolerance) { + y -= tolerance; + } + else { + y = 0; + } + } + let _isTransparent = true; + const { data } = ctx.getImageData(x, y, tolerance * 2 || 1, tolerance * 2 || 1); + const l = data.length; + // Split image data - for tolerance > 1, pixelDataSize = 4; + for (let i = 3; i < l; i += 4) { + const alphaChannel = data[i]; + if (alphaChannel > 0) { + // Stop if colour found + _isTransparent = false; + break; + } } - return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b; - } - - /** - * Bouncing easing in - * @memberOf fabric.util.ease - */ - function easeInBounce(t, b, c, d) { - return c - easeOutBounce (d - t, 0, c, d) + b; - } + return _isTransparent; +}; - /** - * Bouncing easing out - * @memberOf fabric.util.ease - */ - function easeOutBounce(t, b, c, d) { - if ((t /= d) < (1 / 2.75)) { - return c * (7.5625 * t * t) + b; +/** + * Merges 2 clip paths into one visually equal clip path + * + * **IMPORTANT**:\ + * Does **NOT** clone the arguments, clone them proir if necessary. + * + * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. + * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. + * + * In order to handle the `inverted` property we follow logic described in the following cases:\ + * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ + * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ + * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. + * + * @memberOf fabric.util + * @param {fabric.Object} c1 + * @param {fabric.Object} c2 + * @returns {fabric.Object} merged clip path + */ +const mergeClipPaths = (c1, c2) => { + var _a; + let a = c1, b = c2; + if (a.inverted && !b.inverted) { + // case (2) + a = c2; + b = c1; } - else if (t < (2 / 2.75)) { - return c * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75) + b; + // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane + sendObjectToPlane(b, (_a = b.group) === null || _a === void 0 ? void 0 : _a.calcTransformMatrix(), a.calcTransformMatrix()); + // assign the `inverted` prop to the wrapping group + const inverted = a.inverted && b.inverted; + if (inverted) { + // case (1) + a.inverted = b.inverted = false; } - else if (t < (2.5 / 2.75)) { - return c * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375) + b; + return new fabric$1.Group([a], { clipPath: b, inverted }); +}; + +/** + * Easing functions + * See Easing Equations by Robert Penner + * @namespace fabric.util.ease + */ +const normalize = (a, c, p, s) => { + if (a < Math.abs(c)) { + a = c; + s = p / 4; } else { - return c * (7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375) + b; + //handle the 0/0 case: + if (c === 0 && a === 0) { + s = (p / twoMathPi) * Math.asin(1); + } + else { + s = (p / twoMathPi) * Math.asin(c / a); + } } - } - - /** - * Bouncing easing in and out - * @memberOf fabric.util.ease - */ - function easeInOutBounce(t, b, c, d) { - if (t < d / 2) { - return easeInBounce (t * 2, 0, c, d) * 0.5 + b; - } - return easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; - } - - /** - * Easing functions - * See Easing Equations by Robert Penner - * @namespace fabric.util.ease - */ - fabric.util.ease = { - - /** - * Quadratic easing in - * @memberOf fabric.util.ease - */ - easeInQuad: function(t, b, c, d) { - return c * (t /= d) * t + b; - }, - - /** - * Quadratic easing out - * @memberOf fabric.util.ease - */ - easeOutQuad: function(t, b, c, d) { - return -c * (t /= d) * (t - 2) + b; - }, - - /** - * Quadratic easing in and out - * @memberOf fabric.util.ease - */ - easeInOutQuad: function(t, b, c, d) { - t /= (d / 2); - if (t < 1) { - return c / 2 * t * t + b; - } - return -c / 2 * ((--t) * (t - 2) - 1) + b; - }, - - /** - * Cubic easing in - * @memberOf fabric.util.ease - */ - easeInCubic: function(t, b, c, d) { - return c * (t /= d) * t * t + b; - }, - - easeOutCubic: easeOutCubic, - easeInOutCubic: easeInOutCubic, - easeInQuart: easeInQuart, - easeOutQuart: easeOutQuart, - easeInOutQuart: easeInOutQuart, - easeInQuint: easeInQuint, - easeOutQuint: easeOutQuint, - easeInOutQuint: easeInOutQuint, - easeInSine: easeInSine, - easeOutSine: easeOutSine, - easeInOutSine: easeInOutSine, - easeInExpo: easeInExpo, - easeOutExpo: easeOutExpo, - easeInOutExpo: easeInOutExpo, - easeInCirc: easeInCirc, - easeOutCirc: easeOutCirc, - easeInOutCirc: easeInOutCirc, - easeInElastic: easeInElastic, - easeOutElastic: easeOutElastic, - easeInOutElastic: easeInOutElastic, - easeInBack: easeInBack, - easeOutBack: easeOutBack, - easeInOutBack: easeInOutBack, - easeInBounce: easeInBounce, - easeOutBounce: easeOutBounce, - easeInOutBounce: easeInOutBounce - }; - -})(); - - -(function(global) { - - 'use strict'; - - /** - * @name fabric - * @namespace - */ - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - toFixed = fabric.util.toFixed, - parseUnit = fabric.util.parseUnit, - multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, - - svgValidTagNames = ['path', 'circle', 'polygon', 'polyline', 'ellipse', 'rect', 'line', - 'image', 'text'], - svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], - svgInvalidAncestors = ['pattern', 'defs', 'symbol', 'metadata', 'clipPath', 'mask', 'desc'], - svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], - - attributesMap = { - cx: 'left', - x: 'left', - r: 'radius', - cy: 'top', - y: 'top', - display: 'visible', - visibility: 'visible', - transform: 'transformMatrix', - 'fill-opacity': 'fillOpacity', - 'fill-rule': 'fillRule', - 'font-family': 'fontFamily', - 'font-size': 'fontSize', - 'font-style': 'fontStyle', - 'font-weight': 'fontWeight', - 'letter-spacing': 'charSpacing', - 'paint-order': 'paintFirst', - 'stroke-dasharray': 'strokeDashArray', - 'stroke-dashoffset': 'strokeDashOffset', - 'stroke-linecap': 'strokeLineCap', - 'stroke-linejoin': 'strokeLineJoin', - 'stroke-miterlimit': 'strokeMiterLimit', - 'stroke-opacity': 'strokeOpacity', - 'stroke-width': 'strokeWidth', - 'text-decoration': 'textDecoration', - 'text-anchor': 'textAnchor', - opacity: 'opacity', - 'clip-path': 'clipPath', - 'clip-rule': 'clipRule', - 'vector-effect': 'strokeUniform', - 'image-rendering': 'imageSmoothing', - }, - - colorAttributes = { - stroke: 'strokeOpacity', - fill: 'fillOpacity' - }, - - fSize = 'font-size', cPath = 'clip-path'; - - fabric.svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); - fabric.svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); - fabric.svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); - fabric.svgValidParentsRegEx = getSvgRegex(svgValidParents); - - fabric.cssRules = { }; - fabric.gradientDefs = { }; - fabric.clipPaths = { }; - - function normalizeAttr(attr) { - // transform attribute names - if (attr in attributesMap) { - return attributesMap[attr]; + return { a, c, p, s }; +}; +const elastic = (a, s, p, t, d) => a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p); +/** + * Cubic easing out + * @memberOf fabric.util.ease + */ +const easeOutCubic = (t, b, c, d) => c * ((t /= d - 1) * t ** 2 + 1) + b; +/** + * Cubic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutCubic = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 3 + b; } - return attr; - } - - function normalizeValue(attr, value, parentAttributes, fontSize) { - var isArray = Object.prototype.toString.call(value) === '[object Array]', - parsed; - - if ((attr === 'fill' || attr === 'stroke') && value === 'none') { - value = ''; + return (c / 2) * ((t -= 2) * t ** 2 + 2) + b; +}; +/** + * Quartic easing in + * @memberOf fabric.util.ease + */ +const easeInQuart = (t, b, c, d) => c * (t /= d) * t ** 3 + b; +/** + * Quartic easing out + * @memberOf fabric.util.ease + */ +const easeOutQuart = (t, b, c, d) => -c * ((t = t / d - 1) * t ** 3 - 1) + b; +/** + * Quartic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutQuart = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 4 + b; } - else if (attr === 'strokeUniform') { - return (value === 'non-scaling-stroke'); + return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b; +}; +/** + * Quintic easing in + * @memberOf fabric.util.ease + */ +const easeInQuint = (t, b, c, d) => c * (t /= d) * t ** 4 + b; +/** + * Quintic easing out + * @memberOf fabric.util.ease + */ +const easeOutQuint = (t, b, c, d) => c * ((t /= d - 1) * t ** 4 + 1) + b; +/** + * Quintic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutQuint = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 5 + b; } - else if (attr === 'strokeDashArray') { - if (value === 'none') { - value = null; - } - else { - value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); - } + return (c / 2) * ((t -= 2) * t ** 4 + 2) + b; +}; +/** + * Sinusoidal easing in + * @memberOf fabric.util.ease + */ +const easeInSine = (t, b, c, d) => -c * Math.cos((t / d) * halfPI) + c + b; +/** + * Sinusoidal easing out + * @memberOf fabric.util.ease + */ +const easeOutSine = (t, b, c, d) => c * Math.sin((t / d) * halfPI) + b; +/** + * Sinusoidal easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutSine = (t, b, c, d) => (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b; +/** + * Exponential easing in + * @memberOf fabric.util.ease + */ +const easeInExpo = (t, b, c, d) => t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b; +/** + * Exponential easing out + * @memberOf fabric.util.ease + */ +const easeOutExpo = (t, b, c, d) => t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b; +/** + * Exponential easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutExpo = (t, b, c, d) => { + if (t === 0) { + return b; } - else if (attr === 'transformMatrix') { - if (parentAttributes && parentAttributes.transformMatrix) { - value = multiplyTransformMatrices( - parentAttributes.transformMatrix, fabric.parseTransformAttribute(value)); - } - else { - value = fabric.parseTransformAttribute(value); - } + if (t === d) { + return b + c; } - else if (attr === 'visible') { - value = value !== 'none' && value !== 'hidden'; - // display=none on parent element always takes precedence over child element - if (parentAttributes && parentAttributes.visible === false) { - value = false; - } + t /= d / 2; + if (t < 1) { + return (c / 2) * 2 ** (10 * (t - 1)) + b; } - else if (attr === 'opacity') { - value = parseFloat(value); - if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { - value *= parentAttributes.opacity; - } + return (c / 2) * -(2 ** (-10 * --t) + 2) + b; +}; +/** + * Circular easing in + * @memberOf fabric.util.ease + */ +const easeInCirc = (t, b, c, d) => -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; +/** + * Circular easing out + * @memberOf fabric.util.ease + */ +const easeOutCirc = (t, b, c, d) => c * Math.sqrt(1 - (t = t / d - 1) * t) + b; +/** + * Circular easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutCirc = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b; } - else if (attr === 'textAnchor' /* text-anchor */) { - value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; + return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; +}; +/** + * Elastic easing in + * @memberOf fabric.util.ease + */ +const easeInElastic = (t, b, c, d) => { + const s = 1.70158, a = c; + let p = 0; + if (t === 0) { + return b; } - else if (attr === 'charSpacing') { - // parseUnit returns px and we convert it to em - parsed = parseUnit(value, fontSize) / fontSize * 1000; + t /= d; + if (t === 1) { + return b + c; } - else if (attr === 'paintFirst') { - var fillIndex = value.indexOf('fill'); - var strokeIndex = value.indexOf('stroke'); - var value = 'fill'; - if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { - value = 'stroke'; - } - else if (fillIndex === -1 && strokeIndex > -1) { - value = 'stroke'; - } + if (!p) { + p = d * 0.3; } - else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { - return value; + const { a: normA, s: normS, p: normP } = normalize(a, c, p, s); + return -elastic(normA, normS, normP, t, d) + b; +}; +/** + * Elastic easing out + * @memberOf fabric.util.ease + */ +const easeOutElastic = (t, b, c, d) => { + const s = 1.70158, a = c; + let p = 0; + if (t === 0) { + return b; } - else if (attr === 'imageSmoothing') { - return (value === 'optimizeQuality'); + t /= d; + if (t === 1) { + return b + c; } - else { - parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); + if (!p) { + p = d * 0.3; } - - return (!isArray && isNaN(parsed) ? value : parsed); - } - - /** - * @private - */ - function getSvgRegex(arr) { - return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); - } - - /** - * @private - * @param {Object} attributes Array of attributes to parse - */ - function _setStrokeFillOpacity(attributes) { - for (var attr in colorAttributes) { - - if (typeof attributes[colorAttributes[attr]] === 'undefined' || attributes[attr] === '') { - continue; - } - - if (typeof attributes[attr] === 'undefined') { - if (!fabric.Object.prototype[attr]) { - continue; - } - attributes[attr] = fabric.Object.prototype[attr]; - } - - if (attributes[attr].indexOf('url(') === 0) { - continue; - } - - var color = new fabric.Color(attributes[attr]); - attributes[attr] = color.setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)).toRgba(); + const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); + return (normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) + + normC + + b); +}; +/** + * Elastic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutElastic = (t, b, c, d) => { + const s = 1.70158, a = c; + let p = 0; + if (t === 0) { + return b; } - return attributes; - } - - /** - * @private - */ - function _getMultipleNodes(doc, nodeNames) { - var nodeName, nodeArray = [], nodeList, i, len; - for (i = 0, len = nodeNames.length; i < len; i++) { - nodeName = nodeNames[i]; - nodeList = doc.getElementsByTagName(nodeName); - nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); + t /= d / 2; + if (t === 2) { + return b + c; } - return nodeArray; - } - - /** - * Parses "transform" attribute, returning an array of values - * @static - * @function - * @memberOf fabric - * @param {String} attributeValue String containing attribute value - * @return {Array} Array of 6 elements representing transformation matrix - */ - fabric.parseTransformAttribute = (function() { - function rotateMatrix(matrix, args) { - var cos = fabric.util.cos(args[0]), sin = fabric.util.sin(args[0]), - x = 0, y = 0; - if (args.length === 3) { - x = args[1]; - y = args[2]; - } - - matrix[0] = cos; - matrix[1] = sin; - matrix[2] = -sin; - matrix[3] = cos; - matrix[4] = x - (cos * x - sin * y); - matrix[5] = y - (sin * x + cos * y); + if (!p) { + p = d * (0.3 * 1.5); } - - function scaleMatrix(matrix, args) { - var multiplierX = args[0], - multiplierY = (args.length === 2) ? args[1] : args[0]; - - matrix[0] = multiplierX; - matrix[3] = multiplierY; + const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); + if (t < 1) { + return -0.5 * elastic(normA, normS, normP, t, d) + b; + } + return (normA * + Math.pow(2, -10 * (t -= 1)) * + Math.sin(((t * d - normS) * twoMathPi) / normP) * + 0.5 + + normC + + b); +}; +/** + * Backwards easing in + * @memberOf fabric.util.ease + */ +const easeInBack = (t, b, c, d, s = 1.70158) => c * (t /= d) * t * ((s + 1) * t - s) + b; +/** + * Backwards easing out + * @memberOf fabric.util.ease + */ +const easeOutBack = (t, b, c, d, s = 1.70158) => c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; +/** + * Backwards easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutBack = (t, b, c, d, s = 1.70158) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b; } - - function skewMatrix(matrix, args, pos) { - matrix[pos] = Math.tan(fabric.util.degreesToRadians(args[0])); + return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b; +}; +/** + * Bouncing easing out + * @memberOf fabric.util.ease + */ +const easeOutBounce = (t, b, c, d) => { + if ((t /= d) < 1 / 2.75) { + return c * (7.5625 * t * t) + b; } - - function translateMatrix(matrix, args) { - matrix[4] = args[0]; - if (args.length === 2) { - matrix[5] = args[1]; - } + else if (t < 2 / 2.75) { + return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b; } - - // identity matrix - var iMatrix = fabric.iMatrix, - - // == begin transform regexp - number = fabric.reNum, - - commaWsp = fabric.commaWsp, - - skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', - - skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', - - rotate = '(?:(rotate)\\s*\\(\\s*(' + number + ')(?:' + - commaWsp + '(' + number + ')' + - commaWsp + '(' + number + '))?\\s*\\))', - - scale = '(?:(scale)\\s*\\(\\s*(' + number + ')(?:' + - commaWsp + '(' + number + '))?\\s*\\))', - - translate = '(?:(translate)\\s*\\(\\s*(' + number + ')(?:' + - commaWsp + '(' + number + '))?\\s*\\))', - - matrix = '(?:(matrix)\\s*\\(\\s*' + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + commaWsp + - '(' + number + ')' + - '\\s*\\))', - - transform = '(?:' + - matrix + '|' + - translate + '|' + - scale + '|' + - rotate + '|' + - skewX + '|' + - skewY + - ')', - - transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', - - transformList = '^\\s*(?:' + transforms + '?)\\s*$', - - // http://www.w3.org/TR/SVG/coords.html#TransformAttribute - reTransformList = new RegExp(transformList), - // == end transform regexp - - reTransform = new RegExp(transform, 'g'); - - return function(attributeValue) { - - // start with identity matrix - var matrix = iMatrix.concat(), - matrices = []; - - // return if no argument was given or - // an argument does not match transform attribute regexp - if (!attributeValue || (attributeValue && !reTransformList.test(attributeValue))) { - return matrix; - } - - attributeValue.replace(reTransform, function(match) { - - var m = new RegExp(transform).exec(match).filter(function (match) { - // match !== '' && match != null - return (!!match); - }), - operation = m[1], - args = m.slice(2).map(parseFloat); - - switch (operation) { - case 'translate': - translateMatrix(matrix, args); - break; - case 'rotate': - args[0] = fabric.util.degreesToRadians(args[0]); - rotateMatrix(matrix, args); - break; - case 'scale': - scaleMatrix(matrix, args); - break; - case 'skewX': - skewMatrix(matrix, args, 2); - break; - case 'skewY': - skewMatrix(matrix, args, 1); - break; - case 'matrix': - matrix = args; - break; - } - - // snapshot current matrix into matrices array - matrices.push(matrix.concat()); - // reset - matrix = iMatrix.concat(); - }); - - var combinedMatrix = matrices[0]; - while (matrices.length > 1) { - matrices.shift(); - combinedMatrix = fabric.util.multiplyTransformMatrices(combinedMatrix, matrices[0]); - } - return combinedMatrix; - }; - })(); - - /** - * @private - */ - function parseStyleString(style, oStyle) { - var attr, value; - style.replace(/;\s*$/, '').split(';').forEach(function (chunk) { - var pair = chunk.split(':'); - - attr = pair[0].trim().toLowerCase(); - value = pair[1].trim(); - - oStyle[attr] = value; - }); - } - - /** - * @private - */ - function parseStyleObject(style, oStyle) { - var attr, value; - for (var prop in style) { - if (typeof style[prop] === 'undefined') { - continue; - } - - attr = prop.toLowerCase(); - value = style[prop]; - - oStyle[attr] = value; + else if (t < 2.5 / 2.75) { + return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b; } - } - - /** - * @private - */ - function getGlobalStylesForElement(element, svgUid) { - var styles = { }; - for (var rule in fabric.cssRules[svgUid]) { - if (elementMatchesRule(element, rule.split(' '))) { - for (var property in fabric.cssRules[svgUid][rule]) { - styles[property] = fabric.cssRules[svgUid][rule][property]; - } - } + else { + return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b; } - return styles; - } - - /** - * @private - */ - function elementMatchesRule(element, selectors) { - var firstMatching, parentMatching = true; - //start from rightmost selector. - firstMatching = selectorMatches(element, selectors.pop()); - if (firstMatching && selectors.length) { - parentMatching = doesSomeParentMatch(element, selectors); +}; +/** + * Bouncing easing in + * @memberOf fabric.util.ease + */ +const easeInBounce = (t, b, c, d) => c - easeOutBounce(d - t, 0, c, d) + b; +/** + * Bouncing easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutBounce = (t, b, c, d) => t < d / 2 + ? easeInBounce(t * 2, 0, c, d) * 0.5 + b + : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; +/** + * Quadratic easing in + * @memberOf fabric.util.ease + */ +const easeInQuad = (t, b, c, d) => c * (t /= d) * t + b; +/** + * Quadratic easing out + * @memberOf fabric.util.ease + */ +const easeOutQuad = (t, b, c, d) => -c * (t /= d) * (t - 2) + b; +/** + * Quadratic easing in and out + * @memberOf fabric.util.ease + */ +const easeInOutQuad = (t, b, c, d) => { + t /= d / 2; + if (t < 1) { + return (c / 2) * t ** 2 + b; } - return firstMatching && parentMatching && (selectors.length === 0); - } + return (-c / 2) * (--t * (t - 2) - 1) + b; +}; +/** + * Cubic easing in + * @memberOf fabric.util.ease + */ +const easeInCubic = (t, b, c, d) => c * (t /= d) * t * t + b; + +var ease = /*#__PURE__*/Object.freeze({ + __proto__: null, + easeOutCubic: easeOutCubic, + easeInOutCubic: easeInOutCubic, + easeInQuart: easeInQuart, + easeOutQuart: easeOutQuart, + easeInOutQuart: easeInOutQuart, + easeInQuint: easeInQuint, + easeOutQuint: easeOutQuint, + easeInOutQuint: easeInOutQuint, + easeInSine: easeInSine, + easeOutSine: easeOutSine, + easeInOutSine: easeInOutSine, + easeInExpo: easeInExpo, + easeOutExpo: easeOutExpo, + easeInOutExpo: easeInOutExpo, + easeInCirc: easeInCirc, + easeOutCirc: easeOutCirc, + easeInOutCirc: easeInOutCirc, + easeInElastic: easeInElastic, + easeOutElastic: easeOutElastic, + easeInOutElastic: easeInOutElastic, + easeInBack: easeInBack, + easeOutBack: easeOutBack, + easeInOutBack: easeInOutBack, + easeOutBounce: easeOutBounce, + easeInBounce: easeInBounce, + easeInOutBounce: easeInOutBounce, + easeInQuad: easeInQuad, + easeOutQuad: easeOutQuad, + easeInOutQuad: easeInOutQuad, + easeInCubic: easeInCubic +}); - function doesSomeParentMatch(element, selectors) { - var selector, parentMatching = true; - while (element.parentNode && element.parentNode.nodeType === 1 && selectors.length) { - if (parentMatching) { - selector = selectors.pop(); - } - element = element.parentNode; - parentMatching = selectorMatches(element, selector); - } - return selectors.length === 0; - } +/** + * Map of the 148 color names with HEX code + * @see: https://www.w3.org/TR/css3-color/#svg-color + */ +const ColorNameMap = { + aliceblue: '#F0F8FF', + antiquewhite: '#FAEBD7', + aqua: '#00FFFF', + aquamarine: '#7FFFD4', + azure: '#F0FFFF', + beige: '#F5F5DC', + bisque: '#FFE4C4', + black: '#000000', + blanchedalmond: '#FFEBCD', + blue: '#0000FF', + blueviolet: '#8A2BE2', + brown: '#A52A2A', + burlywood: '#DEB887', + cadetblue: '#5F9EA0', + chartreuse: '#7FFF00', + chocolate: '#D2691E', + coral: '#FF7F50', + cornflowerblue: '#6495ED', + cornsilk: '#FFF8DC', + crimson: '#DC143C', + cyan: '#00FFFF', + darkblue: '#00008B', + darkcyan: '#008B8B', + darkgoldenrod: '#B8860B', + darkgray: '#A9A9A9', + darkgrey: '#A9A9A9', + darkgreen: '#006400', + darkkhaki: '#BDB76B', + darkmagenta: '#8B008B', + darkolivegreen: '#556B2F', + darkorange: '#FF8C00', + darkorchid: '#9932CC', + darkred: '#8B0000', + darksalmon: '#E9967A', + darkseagreen: '#8FBC8F', + darkslateblue: '#483D8B', + darkslategray: '#2F4F4F', + darkslategrey: '#2F4F4F', + darkturquoise: '#00CED1', + darkviolet: '#9400D3', + deeppink: '#FF1493', + deepskyblue: '#00BFFF', + dimgray: '#696969', + dimgrey: '#696969', + dodgerblue: '#1E90FF', + firebrick: '#B22222', + floralwhite: '#FFFAF0', + forestgreen: '#228B22', + fuchsia: '#FF00FF', + gainsboro: '#DCDCDC', + ghostwhite: '#F8F8FF', + gold: '#FFD700', + goldenrod: '#DAA520', + gray: '#808080', + grey: '#808080', + green: '#008000', + greenyellow: '#ADFF2F', + honeydew: '#F0FFF0', + hotpink: '#FF69B4', + indianred: '#CD5C5C', + indigo: '#4B0082', + ivory: '#FFFFF0', + khaki: '#F0E68C', + lavender: '#E6E6FA', + lavenderblush: '#FFF0F5', + lawngreen: '#7CFC00', + lemonchiffon: '#FFFACD', + lightblue: '#ADD8E6', + lightcoral: '#F08080', + lightcyan: '#E0FFFF', + lightgoldenrodyellow: '#FAFAD2', + lightgray: '#D3D3D3', + lightgrey: '#D3D3D3', + lightgreen: '#90EE90', + lightpink: '#FFB6C1', + lightsalmon: '#FFA07A', + lightseagreen: '#20B2AA', + lightskyblue: '#87CEFA', + lightslategray: '#778899', + lightslategrey: '#778899', + lightsteelblue: '#B0C4DE', + lightyellow: '#FFFFE0', + lime: '#00FF00', + limegreen: '#32CD32', + linen: '#FAF0E6', + magenta: '#FF00FF', + maroon: '#800000', + mediumaquamarine: '#66CDAA', + mediumblue: '#0000CD', + mediumorchid: '#BA55D3', + mediumpurple: '#9370DB', + mediumseagreen: '#3CB371', + mediumslateblue: '#7B68EE', + mediumspringgreen: '#00FA9A', + mediumturquoise: '#48D1CC', + mediumvioletred: '#C71585', + midnightblue: '#191970', + mintcream: '#F5FFFA', + mistyrose: '#FFE4E1', + moccasin: '#FFE4B5', + navajowhite: '#FFDEAD', + navy: '#000080', + oldlace: '#FDF5E6', + olive: '#808000', + olivedrab: '#6B8E23', + orange: '#FFA500', + orangered: '#FF4500', + orchid: '#DA70D6', + palegoldenrod: '#EEE8AA', + palegreen: '#98FB98', + paleturquoise: '#AFEEEE', + palevioletred: '#DB7093', + papayawhip: '#FFEFD5', + peachpuff: '#FFDAB9', + peru: '#CD853F', + pink: '#FFC0CB', + plum: '#DDA0DD', + powderblue: '#B0E0E6', + purple: '#800080', + rebeccapurple: '#663399', + red: '#FF0000', + rosybrown: '#BC8F8F', + royalblue: '#4169E1', + saddlebrown: '#8B4513', + salmon: '#FA8072', + sandybrown: '#F4A460', + seagreen: '#2E8B57', + seashell: '#FFF5EE', + sienna: '#A0522D', + silver: '#C0C0C0', + skyblue: '#87CEEB', + slateblue: '#6A5ACD', + slategray: '#708090', + slategrey: '#708090', + snow: '#FFFAFA', + springgreen: '#00FF7F', + steelblue: '#4682B4', + tan: '#D2B48C', + teal: '#008080', + thistle: '#D8BFD8', + tomato: '#FF6347', + turquoise: '#40E0D0', + violet: '#EE82EE', + wheat: '#F5DEB3', + white: '#FFFFFF', + whitesmoke: '#F5F5F5', + yellow: '#FFFF00', + yellowgreen: '#9ACD32', +}; - /** - * @private - */ - function selectorMatches(element, selector) { - var nodeName = element.nodeName, - classNames = element.getAttribute('class'), - id = element.getAttribute('id'), matcher, i; - // i check if a selector matches slicing away part from it. - // if i get empty string i should match - matcher = new RegExp('^' + nodeName, 'i'); - selector = selector.replace(matcher, ''); - if (id && selector.length) { - matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); +/** + * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) + * @static + * @field + * @memberOf Color + */ +// eslint-disable-next-line max-len +const reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; +/** + * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) + * @static + * @field + * @memberOf Color + */ +const reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}%)\s*,\s*(\d{1,3}%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; +/** + * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) + * @static + * @field + * @memberOf Color + */ +const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; + +/** + * @private + * @param {Number} p + * @param {Number} q + * @param {Number} t + * @return {Number} + */ +function hue2rgb(p, q, t) { + if (t < 0) { + t += 1; } - if (classNames && selector.length) { - classNames = classNames.split(' '); - for (i = classNames.length; i--;) { - matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); - } + if (t > 1) { + t -= 1; } - return selector.length === 0; - } - - /** - * @private - * to support IE8 missing getElementById on SVGdocument and on node xmlDOM - */ - function elementById(doc, id) { - var el; - doc.getElementById && (el = doc.getElementById(id)); - if (el) { - return el; + if (t < 1 / 6) { + return p + (q - p) * 6 * t; } - var node, i, len, nodelist = doc.getElementsByTagName('*'); - for (i = 0, len = nodelist.length; i < len; i++) { - node = nodelist[i]; - if (id === node.getAttribute('id')) { - return node; - } + if (t < 1 / 2) { + return q; } - } - - /** - * @private - */ - function parseUseDirectives(doc) { - var nodelist = _getMultipleNodes(doc, ['use', 'svg:use']), i = 0; - while (nodelist.length && i < nodelist.length) { - var el = nodelist[i], - xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); - - if (xlinkAttribute === null) { - return; - } - - var xlink = xlinkAttribute.substr(1), - x = el.getAttribute('x') || 0, - y = el.getAttribute('y') || 0, - el2 = elementById(doc, xlink).cloneNode(true), - currentTrans = (el2.getAttribute('transform') || '') + ' translate(' + x + ', ' + y + ')', - parentNode, - oldLength = nodelist.length, attr, - j, - attrs, - len, - namespace = fabric.svgNS; - - applyViewboxTransform(el2); - if (/^svg$/i.test(el2.nodeName)) { - var el3 = el2.ownerDocument.createElementNS(namespace, 'g'); - for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); - } - // el2.firstChild != null - while (el2.firstChild) { - el3.appendChild(el2.firstChild); - } - el2 = el3; - } - - for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - if (attr.nodeName === 'x' || attr.nodeName === 'y' || - attr.nodeName === 'xlink:href' || attr.nodeName === 'href') { - continue; - } + if (t < 2 / 3) { + return p + (q - p) * (2 / 3 - t) * 6; + } + return p; +} +/** + * Convert a [0, 255] value to hex + * @param value + * @returns + */ +function hexify(value) { + const hexValue = value.toString(16).toUpperCase(); + return hexValue.length === 1 ? `0${hexValue}` : hexValue; +} - if (attr.nodeName === 'transform') { - currentTrans = attr.nodeValue + ' ' + currentTrans; +//@ts-nocheck +/** + * @class Color common color operations + * @tutorial {@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) { + if (!color) { + this.setSource([0, 0, 0, 1]); } else { - el2.setAttribute(attr.nodeName, attr.nodeValue); + this._tryParsingColor(color); } - } - - el2.setAttribute('transform', currentTrans); - el2.setAttribute('instantiated_by_use', '1'); - el2.removeAttribute('id'); - parentNode = el.parentNode; - parentNode.replaceChild(el2, el); - // some browsers do not shorten nodelist after replaceChild (IE8) - if (nodelist.length === oldLength) { - i++; - } } - } - - // http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute - // matches, e.g.: +14.56e-12, etc. - var reViewBoxAttrValue = new RegExp( - '^' + - '\\s*(' + fabric.reNum + '+)\\s*,?' + - '\\s*(' + fabric.reNum + '+)\\s*,?' + - '\\s*(' + fabric.reNum + '+)\\s*,?' + - '\\s*(' + fabric.reNum + '+)\\s*' + - '$' - ); - - /** - * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements - */ - function applyViewboxTransform(element) { - if (!fabric.svgViewBoxElementsRegEx.test(element.nodeName)) { - return {}; - } - var viewBoxAttr = element.getAttribute('viewBox'), - scaleX = 1, - scaleY = 1, - minX = 0, - minY = 0, - viewBoxWidth, viewBoxHeight, matrix, el, - widthAttr = element.getAttribute('width'), - heightAttr = element.getAttribute('height'), - x = element.getAttribute('x') || 0, - y = element.getAttribute('y') || 0, - preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', - missingViewBox = (!viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue))), - missingDimAttr = (!widthAttr || !heightAttr || widthAttr === '100%' || heightAttr === '100%'), - toBeParsed = missingViewBox && missingDimAttr, - parsedDim = { }, translateMatrix = '', widthDiff = 0, heightDiff = 0; - - parsedDim.width = 0; - parsedDim.height = 0; - parsedDim.toBeParsed = toBeParsed; - - if (missingViewBox) { - if (((x || y) && element.parentNode && element.parentNode.nodeName !== '#document')) { - translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; - matrix = (element.getAttribute('transform') || '') + translateMatrix; - element.setAttribute('transform', matrix); - element.removeAttribute('x'); - element.removeAttribute('y'); - } + /** + * @private + * @param {string} [color] Color value to parse + */ + _tryParsingColor(color) { + if (color in ColorNameMap) { + color = ColorNameMap[color]; + } + const source = color === 'transparent' + ? [255, 255, 255, 0] + : Color.sourceFromHex(color) || + Color.sourceFromRgb(color) || + Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does + if (source) { + this.setSource(source); + } } - - if (toBeParsed) { - return parsedDim; + /** + * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson} + * @private + * @param {Number} r Red color value + * @param {Number} g Green color value + * @param {Number} b Blue color value + * @return {TColorSource} Hsl color + */ + _rgbToHsl(r, g, b) { + r /= 255; + g /= 255; + b /= 255; + const maxValue = Math.max(r, g, b), minValue = Math.min(r, g, b); + let h, s; + const l = (maxValue + minValue) / 2; + if (maxValue === minValue) { + h = s = 0; // achromatic + } + else { + const d = maxValue - minValue; + s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue); + switch (maxValue) { + case r: + h = (g - b) / d + (g < b ? 6 : 0); + break; + case g: + h = (b - r) / d + 2; + break; + case b: + h = (r - g) / d + 4; + break; + } + h /= 6; + } + return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)]; } - - if (missingViewBox) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - // set a transform for elements that have x y and are inner(only) SVGs - return parsedDim; + /** + * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @return {TColorAlphaSource} + */ + getSource() { + return this._source; } - minX = -parseFloat(viewBoxAttr[1]); - minY = -parseFloat(viewBoxAttr[2]); - viewBoxWidth = parseFloat(viewBoxAttr[3]); - viewBoxHeight = parseFloat(viewBoxAttr[4]); - parsedDim.minX = minX; - parsedDim.minY = minY; - parsedDim.viewBoxWidth = viewBoxWidth; - parsedDim.viewBoxHeight = viewBoxHeight; - if (!missingDimAttr) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - scaleX = parsedDim.width / viewBoxWidth; - scaleY = parsedDim.height / viewBoxHeight; + /** + * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @param {TColorAlphaSource} source + */ + setSource(source) { + this._source = source; } - else { - parsedDim.width = viewBoxWidth; - parsedDim.height = viewBoxHeight; + /** + * Returns color representation in RGB format + * @return {String} ex: rgb(0-255,0-255,0-255) + */ + toRgb() { + const source = this.getSource(); + return `rgb(${source[0]},${source[1]},${source[2]})`; } - - // default is to preserve aspect ratio - preserveAspectRatio = fabric.util.parsePreserveAspectRatioAttribute(preserveAspectRatio); - if (preserveAspectRatio.alignX !== 'none') { - //translate all container for the effect of Mid, Min, Max - if (preserveAspectRatio.meetOrSlice === 'meet') { - scaleY = scaleX = (scaleX > scaleY ? scaleY : scaleX); - // calculate additional translation to move the viewbox - } - if (preserveAspectRatio.meetOrSlice === 'slice') { - scaleY = scaleX = (scaleX > scaleY ? scaleX : scaleY); - // calculate additional translation to move the viewbox - } - widthDiff = parsedDim.width - viewBoxWidth * scaleX; - heightDiff = parsedDim.height - viewBoxHeight * scaleX; - if (preserveAspectRatio.alignX === 'Mid') { - widthDiff /= 2; - } - if (preserveAspectRatio.alignY === 'Mid') { - heightDiff /= 2; - } - if (preserveAspectRatio.alignX === 'Min') { - widthDiff = 0; - } - if (preserveAspectRatio.alignY === 'Min') { - heightDiff = 0; - } + /** + * Returns color representation in RGBA format + * @return {String} ex: rgba(0-255,0-255,0-255,0-1) + */ + toRgba() { + const source = this.getSource(); + return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`; } - - if (scaleX === 1 && scaleY === 1 && minX === 0 && minY === 0 && x === 0 && y === 0) { - return parsedDim; + /** + * Returns color representation in HSL format + * @return {String} ex: hsl(0-360,0%-100%,0%-100%) + */ + toHsl() { + const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); + return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`; } - if ((x || y) && element.parentNode.nodeName !== '#document') { - translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + /** + * Returns color representation in HSLA format + * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) + */ + toHsla() { + const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); + return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`; } - - matrix = translateMatrix + ' matrix(' + scaleX + - ' 0' + - ' 0 ' + - scaleY + ' ' + - (minX * scaleX + widthDiff) + ' ' + - (minY * scaleY + heightDiff) + ') '; - // seems unused. - // parsedDim.viewboxTransform = fabric.parseTransformAttribute(matrix); - if (element.nodeName === 'svg') { - el = element.ownerDocument.createElementNS(fabric.svgNS, 'g'); - // element.firstChild != null - while (element.firstChild) { - el.appendChild(element.firstChild); - } - element.appendChild(el); + /** + * Returns color representation in HEX format + * @return {String} ex: FF5555 + */ + toHex() { + const [r, g, b] = this.getSource(); + return `${hexify(r)}${hexify(g)}${hexify(b)}`; } - else { - el = element; - el.removeAttribute('x'); - el.removeAttribute('y'); - matrix = el.getAttribute('transform') + matrix; + /** + * Returns color representation in HEXA format + * @return {String} ex: FF5555CC + */ + toHexa() { + const source = this.getSource(); + return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`; } - el.setAttribute('transform', matrix); - return parsedDim; - } - - function hasAncestorWithNodeName(element, nodeName) { - while (element && (element = element.parentNode)) { - if (element.nodeName && nodeName.test(element.nodeName.replace('svg:', '')) - && !element.getAttribute('instantiated_by_use')) { - return true; - } + /** + * Gets value of alpha channel for this color + * @return {Number} 0-1 + */ + getAlpha() { + return this.getSource()[3]; } - return false; - } - - /** - * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback - * @static - * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @param {Function} callback Callback to call when parsing is finished; - * It's being passed an array of elements (parsed from a document). - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [parsingOptions] options for parsing document - * @param {String} [parsingOptions.crossOrigin] crossOrigin settings - */ - fabric.parseSVGDocument = function(doc, callback, reviver, parsingOptions) { - if (!doc) { - return; + /** + * Sets value of alpha channel for this color + * @param {Number} alpha Alpha value 0-1 + * @return {Color} thisArg + */ + setAlpha(alpha) { + const source = this.getSource(); + source[3] = alpha; + this.setSource(source); + return this; } - - parseUseDirectives(doc); - - var svgUid = fabric.Object.__uid++, i, len, - options = applyViewboxTransform(doc), - descendants = fabric.util.toArray(doc.getElementsByTagName('*')); - options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; - options.svgUid = svgUid; - - if (descendants.length === 0 && fabric.isLikelyNode) { - // we're likely in node, where "o3-xml" library fails to gEBTN("*") - // https://github.com/ajaxorg/node-o3-xml/issues/21 - descendants = doc.selectNodes('//*[name(.)!="svg"]'); - var arr = []; - for (i = 0, len = descendants.length; i < len; i++) { - arr[i] = descendants[i]; - } - descendants = arr; + /** + * Transforms color to its grayscale representation + * @return {Color} thisArg + */ + toGrayscale() { + const source = this.getSource(), average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), currentAlpha = source[3]; + this.setSource([average, average, average, currentAlpha]); + return this; } - - var elements = descendants.filter(function(el) { - applyViewboxTransform(el); - return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && - !hasAncestorWithNodeName(el, fabric.svgInvalidAncestorsRegEx); // http://www.w3.org/TR/SVG/struct.html#DefsElement - }); - if (!elements || (elements && !elements.length)) { - callback && callback([], {}); - return; - } - var clipPaths = { }; - descendants.filter(function(el) { - return el.nodeName.replace('svg:', '') === 'clipPath'; - }).forEach(function(el) { - var id = el.getAttribute('id'); - clipPaths[id] = fabric.util.toArray(el.getElementsByTagName('*')).filter(function(el) { - return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); - }); - }); - fabric.gradientDefs[svgUid] = fabric.getGradientDefs(doc); - fabric.cssRules[svgUid] = fabric.getCSSRules(doc); - fabric.clipPaths[svgUid] = clipPaths; - // Precedence of rules: style > class > attribute - fabric.parseElements(elements, function(instances, elements) { - if (callback) { - callback(instances, options, elements, descendants); - delete fabric.gradientDefs[svgUid]; - delete fabric.cssRules[svgUid]; - delete fabric.clipPaths[svgUid]; - } - }, clone(options), reviver, parsingOptions); - }; - - function recursivelyParseGradientsXlink(doc, gradient) { - var gradientsAttrs = ['gradientTransform', 'x1', 'x2', 'y1', 'y2', 'gradientUnits', 'cx', 'cy', 'r', 'fx', 'fy'], - xlinkAttr = 'xlink:href', - xLink = gradient.getAttribute(xlinkAttr).substr(1), - referencedGradient = elementById(doc, xLink); - if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { - recursivelyParseGradientsXlink(doc, referencedGradient); + /** + * Transforms color to its black and white representation + * @param {Number} threshold + * @return {Color} thisArg + */ + toBlackWhite(threshold) { + const source = this.getSource(), currentAlpha = source[3]; + let average = Math.round(source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11); + average = average < (threshold || 127) ? 0 : 255; + this.setSource([average, average, average, currentAlpha]); + return this; } - gradientsAttrs.forEach(function(attr) { - if (referencedGradient && !gradient.hasAttribute(attr) && referencedGradient.hasAttribute(attr)) { - gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); - } - }); - if (!gradient.children.length) { - var referenceClone = referencedGradient.cloneNode(true); - while (referenceClone.firstChild) { - gradient.appendChild(referenceClone.firstChild); - } + /** + * Overlays color with another color + * @param {String|Color} otherColor + * @return {Color} thisArg + */ + overlayWith(otherColor) { + if (!(otherColor instanceof Color)) { + otherColor = new Color(otherColor); + } + const result = [], alpha = this.getAlpha(), otherAlpha = 0.5, source = this.getSource(), otherSource = otherColor.getSource(); + for (let i = 0; i < 3; i++) { + result.push(Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)); + } + result[3] = alpha; + this.setSource(result); + return this; } - gradient.removeAttribute(xlinkAttr); - } - - var reFontDeclaration = new RegExp( - '(normal|italic)?\\s*(normal|small-caps)?\\s*' + - '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + - fabric.reNum + - '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + fabric.reNum + '))?\\s+(.*)'); - - extend(fabric, { /** - * Parses a short font declaration, building adding its properties to a style object - * @static - * @function - * @memberOf fabric - * @param {String} value font declaration - * @param {Object} oStyle definition + * Returns new color object, when given a color in RGB format + * @memberOf Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255) + * @return {Color} */ - parseFontDeclaration: function(value, oStyle) { - var match = value.match(reFontDeclaration); - - if (!match) { - return; - } - var fontStyle = match[1], - // font variant is not used - // fontVariant = match[2], - fontWeight = match[3], - fontSize = match[4], - lineHeight = match[5], - fontFamily = match[6]; - - if (fontStyle) { - oStyle.fontStyle = fontStyle; - } - if (fontWeight) { - oStyle.fontWeight = isNaN(parseFloat(fontWeight)) ? fontWeight : parseFloat(fontWeight); - } - if (fontSize) { - oStyle.fontSize = parseUnit(fontSize); - } - if (fontFamily) { - oStyle.fontFamily = fontFamily; - } - if (lineHeight) { - oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; - } - }, - + static fromRgb(color) { + return Color.fromRgba(color); + } /** - * Parses an SVG document, returning all of the gradient declarations found in it + * Returns new color object, when given a color in RGBA format * @static * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element - */ - getGradientDefs: function(doc) { - var tagArray = [ - 'linearGradient', - 'radialGradient', - 'svg:linearGradient', - 'svg:radialGradient'], - elList = _getMultipleNodes(doc, tagArray), - el, j = 0, gradientDefs = { }; - j = elList.length; - while (j--) { - el = elList[j]; - if (el.getAttribute('xlink:href')) { - recursivelyParseGradientsXlink(doc, el); + * @memberOf Color + * @param {String} color + * @return {Color} + */ + static fromRgba(color) { + return Color.fromSource(Color.sourceFromRgb(color)); + } + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format + * @memberOf Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) + * @return {TColorAlphaSource | undefined} source + */ + static sourceFromRgb(color) { + const match = color.match(reRGBa); + if (match) { + const r = (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) * + (/%$/.test(match[1]) ? 255 : 1), g = (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) * + (/%$/.test(match[2]) ? 255 : 1), b = (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) * + (/%$/.test(match[3]) ? 255 : 1); + return [ + parseInt(r, 10), + parseInt(g, 10), + parseInt(b, 10), + match[4] ? parseFloat(match[4]) : 1, + ]; } - gradientDefs[el.getAttribute('id')] = el; - } - return gradientDefs; - }, - + } + /** + * Returns new color object, when given a color in HSL format + * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) + * @memberOf Color + * @return {Color} + */ + static fromHsl(color) { + return Color.fromHsla(color); + } /** - * Returns an object of attributes' name/value, given element and an array of attribute names; - * Parses parent "g" nodes recursively upwards. + * Returns new color object, when given a color in HSLA format * @static - * @memberOf fabric - * @param {DOMElement} element Element to parse - * @param {Array} attributes Array of attributes to parse - * @return {Object} object containing parsed attributes' names/values + * @function + * @memberOf Color + * @param {String} color + * @return {Color} */ - parseAttributes: function(element, attributes, svgUid) { - - if (!element) { - return; - } - - var value, - parentAttributes = { }, - fontSize, parentFontSize; - - if (typeof svgUid === 'undefined') { - svgUid = element.getAttribute('svgUid'); - } - // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards - if (element.parentNode && fabric.svgValidParentsRegEx.test(element.parentNode.nodeName)) { - parentAttributes = fabric.parseAttributes(element.parentNode, attributes, svgUid); - } - - var ownAttributes = attributes.reduce(function(memo, attr) { - value = element.getAttribute(attr); - if (value) { // eslint-disable-line - memo[attr] = value; + static fromHsla(color) { + return Color.fromSource(Color.sourceFromHsl(color)); + } + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. + * Adapted from https://github.com/mjijackson + * @memberOf Color + * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) + * @return {TColorAlphaSource | undefined} source + * @see http://http://www.w3.org/TR/css3-color/#hsl-color + */ + static sourceFromHsl(color) { + const match = color.match(reHSLa); + if (!match) { + return; } - return memo; - }, { }); - // add values parsed from style, which take precedence over attributes - // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) - var cssAttrs = extend( - getGlobalStylesForElement(element, svgUid), - fabric.parseStyleAttribute(element) - ); - ownAttributes = extend( - ownAttributes, - cssAttrs - ); - if (cssAttrs[cPath]) { - element.setAttribute(cPath, cssAttrs[cPath]); - } - fontSize = parentFontSize = parentAttributes.fontSize || fabric.Text.DEFAULT_SVG_FONT_SIZE; - if (ownAttributes[fSize]) { - // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. - ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); - } - - var normalizedAttr, normalizedValue, normalizedStyle = {}; - for (var attr in ownAttributes) { - normalizedAttr = normalizeAttr(attr); - normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); - normalizedStyle[normalizedAttr] = normalizedValue; - } - if (normalizedStyle && normalizedStyle.font) { - fabric.parseFontDeclaration(normalizedStyle.font, normalizedStyle); - } - var mergedAttrs = extend(parentAttributes, normalizedStyle); - return fabric.svgValidParentsRegEx.test(element.nodeName) ? mergedAttrs : _setStrokeFillOpacity(mergedAttrs); - }, - + const h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1); + 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), + match[4] ? parseFloat(match[4]) : 1, + ]; + } /** - * Transforms an array of svg elements to corresponding fabric.* instances + * Returns new color object, when given a color in HEX format * @static - * @memberOf fabric - * @param {Array} elements Array of elements to parse - * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) - * @param {Object} [options] Options object - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @memberOf Color + * @param {String} color Color value ex: FF5555 + * @return {Color} */ - parseElements: function(elements, callback, options, reviver, parsingOptions) { - new fabric.ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); - }, - + static fromHex(color) { + return Color.fromSource(Color.sourceFromHex(color)); + } /** - * Parses "style" attribute, retuning an object with values + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format * @static - * @memberOf fabric - * @param {SVGElement} element Element to parse - * @return {Object} Objects with values parsed from style attribute of an element + * @memberOf Color + * @param {String} color ex: FF5555 or FF5544CC (RGBa) + * @return {TColorAlphaSource | undefined} source + */ + static sourceFromHex(color) { + if (color.match(reHex)) { + const value = color.slice(color.indexOf('#') + 1), isShortNotation = value.length === 3 || value.length === 4, isRGBa = value.length === 8 || value.length === 4, r = isShortNotation + ? value.charAt(0) + value.charAt(0) + : value.substring(0, 2), g = isShortNotation + ? value.charAt(1) + value.charAt(1) + : value.substring(2, 4), b = isShortNotation + ? value.charAt(2) + value.charAt(2) + : value.substring(4, 6), a = isRGBa + ? isShortNotation + ? value.charAt(3) + value.charAt(3) + : value.substring(6, 8) + : 'FF'; + return [ + parseInt(r, 16), + parseInt(g, 16), + parseInt(b, 16), + parseFloat((parseInt(a, 16) / 255).toFixed(2)), + ]; + } + } + /** + * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) + * @static + * @memberOf Color + * @param {TColorSource | TColorAlphaSource} source + * @return {Color} */ - parseStyleAttribute: function(element) { - var oStyle = { }, - style = element.getAttribute('style'); - - if (!style) { - return oStyle; - } - - if (typeof style === 'string') { - parseStyleString(style, oStyle); - } - else { - parseStyleObject(style, oStyle); - } + static fromSource(source) { + const oColor = new Color(); + oColor.setSource(source); + return oColor; + } +} - return oStyle; - }, +fabric$1.Color = Color; +//@ts-nocheck +/** + * Array holding all running animations + * @memberof fabric + * @type {AnimationContext[]} + */ +class RunningAnimations extends Array { /** - * Parses "points" attribute, returning an array of values - * @static - * @memberOf fabric - * @param {String} points points attribute string - * @return {Array} array of points + * cancel all running animations at the next requestAnimFrame + * @returns {AnimationContext[]} */ - parsePointsAttribute: function(points) { - - // points attribute is required and must not be empty - if (!points) { - return null; - } - - // replace commas with whitespace and remove bookending whitespace - points = points.replace(/,/g, ' ').trim(); - - points = points.split(/\s+/); - var parsedPoints = [], i, len; - - for (i = 0, len = points.length; i < len; i += 2) { - parsedPoints.push({ - x: parseFloat(points[i]), - y: parseFloat(points[i + 1]) - }); - } - - // odd number of points is an error - // if (parsedPoints.length % 2 !== 0) { - // return null; - // } - - return parsedPoints; - }, - + cancelAll() { + const animations = this.splice(0); + animations.forEach((animation) => animation.cancel()); + return animations; + } /** - * Returns CSS rules for a given SVG document - * @static - * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @return {Object} CSS rules of this document + * cancel all running animations attached to canvas at the next requestAnimFrame + * @param {fabric.Canvas} canvas + * @returns {AnimationContext[]} */ - getCSSRules: function(doc) { - var styles = doc.getElementsByTagName('style'), i, len, - allRules = { }, rules; - - // very crude parsing of style contents - for (i = 0, len = styles.length; i < len; i++) { - var styleContents = styles[i].textContent; - - // remove comments - styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); - if (styleContents.trim() === '') { - continue; + cancelByCanvas(canvas) { + if (!canvas) { + return []; } - // recovers all the rule in this form `body { style code... }` - // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); - rules = styleContents.split('}'); - // remove empty rules. - rules = rules.filter(function(rule) { return rule.trim(); }); - // at this point we have hopefully an array of rules `body { style code... ` - // eslint-disable-next-line no-loop-func - rules.forEach(function(rule) { - - var match = rule.split('{'), - ruleObj = { }, declaration = match[1].trim(), - propertyValuePairs = declaration.split(';').filter(function(pair) { return pair.trim(); }); - - for (i = 0, len = propertyValuePairs.length; i < len; i++) { - var pair = propertyValuePairs[i].split(':'), - property = pair[0].trim(), - value = pair[1].trim(); - ruleObj[property] = value; - } - rule = match[0].trim(); - rule.split(',').forEach(function(_rule) { - _rule = _rule.replace(/^svg/i, '').trim(); - if (_rule === '') { - return; - } - if (allRules[_rule]) { - fabric.util.object.extend(allRules[_rule], ruleObj); - } - else { - allRules[_rule] = fabric.util.object.clone(ruleObj); - } - }); - }); - } - return allRules; - }, - + const cancelled = this.filter((animation) => typeof animation.target === 'object' && + animation.target.canvas === canvas); + cancelled.forEach((animation) => animation.cancel()); + return cancelled; + } /** - * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. - * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) - * @memberOf fabric - * @param {String} url - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources - */ - loadSVGFromURL: function(url, callback, reviver, options) { - - url = url.replace(/^\n\s*/, '').trim(); - new fabric.util.request(url, { - method: 'get', - onComplete: onComplete - }); - - function onComplete(r) { - - var xml = r.responseXML; - if (!xml || !xml.documentElement) { - callback && callback(null); - return false; - } - - fabric.parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { - callback && callback(results, _options, elements, allElements); - }, reviver, options); - } - }, - + * cancel all running animations for target at the next requestAnimFrame + * @param {*} target + * @returns {AnimationContext[]} + */ + cancelByTarget(target) { + const cancelled = this.findAnimationsByTarget(target); + cancelled.forEach((animation) => animation.cancel()); + return cancelled; + } /** - * Takes string corresponding to an SVG document, and parses it into a set of fabric objects - * @memberOf fabric - * @param {String} string - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources - */ - loadSVGFromString: function(string, callback, reviver, options) { - var parser = new fabric.window.DOMParser(), - doc = parser.parseFromString(string.trim(), 'text/xml'); - fabric.parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { - callback(results, _options, elements, allElements); - }, reviver, options); + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {number} + */ + findAnimationIndex(cancelFunc) { + return this.indexOf(this.findAnimation(cancelFunc)); } - }); - -})(typeof exports !== 'undefined' ? exports : this); - - -fabric.ElementsParser = function(elements, callback, options, reviver, parsingOptions, doc) { - this.elements = elements; - this.callback = callback; - this.options = options; - this.reviver = reviver; - this.svgUid = (options && options.svgUid) || 0; - this.parsingOptions = parsingOptions; - this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; - this.doc = doc; -}; - -(function(proto) { - proto.parse = function() { - this.instances = new Array(this.elements.length); - this.numElements = this.elements.length; - this.createObjects(); - }; - - proto.createObjects = function() { - var _this = this; - this.elements.forEach(function(element, i) { - element.setAttribute('svgUid', _this.svgUid); - _this.createObject(element, i); - }); - }; - - proto.findTag = function(el) { - return fabric[fabric.util.string.capitalize(el.tagName.replace('svg:', ''))]; - }; - - proto.createObject = function(el, index) { - var klass = this.findTag(el); - if (klass && klass.fromElement) { - try { - klass.fromElement(el, this.createCallback(index, el), this.options); - } - catch (err) { - fabric.log(err); - } + /** + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {AnimationContext | undefined} animation's options object + */ + findAnimation(cancelFunc) { + return this.find((animation) => animation.cancel === cancelFunc); } - else { - this.checkIfDone(); + /** + * + * @param {*} target the object that is assigned to the target property of the animation context + * @returns {AnimationContext[]} array of animation options object associated with target + */ + findAnimationsByTarget(target) { + if (!target) { + return []; + } + return this.filter((animation) => animation.target === target); } - }; +} +const runningAnimations = new RunningAnimations(); +fabric$1.runningAnimations = runningAnimations; - proto.createCallback = function(index, el) { - var _this = this; - return function(obj) { - var _options; - _this.resolveGradient(obj, el, 'fill'); - _this.resolveGradient(obj, el, 'stroke'); - if (obj instanceof fabric.Image && obj._originalElement) { - _options = obj.parsePreserveAspectRatioAttribute(el); - } - obj._removeTransformMatrix(_options); - _this.resolveClipPath(obj, el); - _this.reviver && _this.reviver(el, obj); - _this.instances[index] = obj; - _this.checkIfDone(); +//@ts-nocheck +/** + * + * @typedef {Object} AnimationOptions + * Animation of a value or list of values. + * @property {Function} [onChange] Callback; invoked on every value change + * @property {Function} [onComplete] Callback; invoked when value change is completed + * @property {number | number[]} [startValue=0] Starting value + * @property {number | number[]} [endValue=100] Ending value + * @property {number | number[]} [byValue=100] Value to modify the property by + * @property {Function} [easing] Easing function + * @property {number} [duration=500] Duration of change (in ms) + * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. + * @property {number} [delay] Delay of animation start (in ms) + * + * @typedef {() => void} CancelFunction + * + * @typedef {Object} AnimationCurrentState + * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] + * @property {number} completionRate value in range [0, 1] + * @property {number} durationRate value in range [0, 1] + * + * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext + */ +const defaultEasing = (t, b, c, d) => -c * Math.cos((t / d) * (Math.PI / 2)) + c + b; +/** + * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {AnimationOptions} [options] Animation options + * When using lists, think of something like this: + * @example + * fabric.util.animate({ + * startValue: [1, 2, 3], + * endValue: [2, 4, 6], + * onChange: function([x, y, zoom]) { + * canvas.zoomToPoint(new Point(x, y), zoom); + * canvas.requestRenderAll(); + * } + * }); + * + * @example + * fabric.util.animate({ + * startValue: 1, + * endValue: 0, + * onChange: function(v) { + * obj.set('opacity', v); + * canvas.requestRenderAll(); + * } + * }); + * + * @returns {CancelFunction} cancel function + */ +function animate(options = {}) { + let cancel = false; + const { startValue = 0, duration = 500, easing = defaultEasing, onChange = noop, abort = noop, onComplete = noop, endValue = 100, delay = 0, } = options; + const context = Object.assign(Object.assign({}, options), { currentValue: startValue, completionRate: 0, durationRate: 0 }); + const removeFromRegistry = () => { + const index = runningAnimations.indexOf(context); + return index > -1 && runningAnimations.splice(index, 1)[0]; }; - }; - - proto.extractPropertyDefinition = function(obj, property, storage) { - var value = obj[property], regex = this.regexUrl; - if (!regex.test(value)) { - return; - } - regex.lastIndex = 0; - var id = regex.exec(value)[1]; - regex.lastIndex = 0; - return fabric[storage][this.svgUid][id]; - }; - - proto.resolveGradient = function(obj, el, property) { - var gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); - if (gradientDef) { - var opacityAttr = el.getAttribute(property + '-opacity'); - var gradient = fabric.Gradient.fromElement(gradientDef, obj, opacityAttr, this.options); - obj.set(property, gradient); - } - }; - - proto.createClipPathCallback = function(obj, container) { - return function(_newObj) { - _newObj._removeTransformMatrix(); - _newObj.fillRule = _newObj.clipRule; - container.push(_newObj); + context.cancel = function () { + cancel = true; + return removeFromRegistry(); }; - }; - - proto.resolveClipPath = function(obj, usingElement) { - var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), - element, klass, objTransformInv, container, gTransform, options; - if (clipPath) { - container = []; - objTransformInv = fabric.util.invertTransform(obj.calcTransformMatrix()); - // move the clipPath tag as sibling to the real element that is using it - var clipPathTag = clipPath[0].parentNode; - var clipPathOwner = usingElement; - while (clipPathOwner.parentNode && clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { - clipPathOwner = clipPathOwner.parentNode; - } - clipPathOwner.parentNode.appendChild(clipPathTag); - for (var i = 0; i < clipPath.length; i++) { - element = clipPath[i]; - klass = this.findTag(element); - klass.fromElement( - element, - this.createClipPathCallback(obj, container), - this.options - ); - } - if (container.length === 1) { - clipPath = container[0]; - } - else { - clipPath = new fabric.Group(container); - } - gTransform = fabric.util.multiplyTransformMatrices( - objTransformInv, - clipPath.calcTransformMatrix() - ); - if (clipPath.clipPath) { - this.resolveClipPath(clipPath, clipPathOwner); - } - var options = fabric.util.qrDecompose(gTransform); - clipPath.flipX = false; - clipPath.flipY = false; - clipPath.set('scaleX', options.scaleX); - clipPath.set('scaleY', options.scaleY); - clipPath.angle = options.angle; - clipPath.skewX = options.skewX; - clipPath.skewY = 0; - clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); - obj.clipPath = clipPath; + runningAnimations.push(context); + const runner = function (timestamp) { + const start = timestamp || +new Date(), finish = start + duration, isMany = Array.isArray(startValue), byValue = options.byValue || + (isMany + ? startValue.map((value, i) => endValue[i] - value) + : endValue - startValue); + options.onStart && options.onStart(); + (function tick(ticktime) { + const time = ticktime || +new Date(); + const currentTime = time > finish ? duration : time - start, timePerc = currentTime / duration, current = isMany + ? startValue.map((_value, i) => easing(currentTime, _value, byValue[i], duration)) + : easing(currentTime, startValue, byValue, duration), valuePerc = isMany + ? Math.abs((current[0] - startValue[0]) / byValue[0]) + : Math.abs((current - startValue) / byValue); + // update context + context.currentValue = isMany ? current.slice() : current; + context.completionRate = valuePerc; + context.durationRate = timePerc; + if (cancel) { + return; + } + if (abort(current, valuePerc, timePerc)) { + removeFromRegistry(); + return; + } + if (time > finish) { + // update context + context.currentValue = isMany ? endValue.slice() : endValue; + context.completionRate = 1; + context.durationRate = 1; + // execute callbacks + onChange(isMany ? endValue.slice() : endValue, 1, 1); + onComplete(endValue, 1, 1); + removeFromRegistry(); + return; + } + else { + onChange(current, valuePerc, timePerc); + requestAnimFrame(tick); + } + })(start); + }; + if (delay > 0) { + setTimeout(() => requestAnimFrame(runner), delay); } else { - // if clip-path does not resolve to any element, delete the property. - delete obj.clipPath; + requestAnimFrame(runner); } - }; - - proto.checkIfDone = function() { - if (--this.numElements === 0) { - this.instances = this.instances.filter(function(el) { - // eslint-disable-next-line no-eq-null, eqeqeq - return el != null; - }); - this.callback(this.instances, this.elements); - } - }; -})(fabric.ElementsParser.prototype); + return context.cancel; +} +const _requestAnimFrame = fabric$1.window.requestAnimationFrame || + function (callback) { + return fabric$1.window.setTimeout(callback, 1000 / 60); + }; +const _cancelAnimFrame = fabric$1.window.cancelAnimationFrame || fabric$1.window.clearTimeout; +/** + * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ + * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method + * @memberOf fabric.util + * @param {Function} callback Callback to invoke + * @param {DOMElement} element optional Element to associate with animation + */ +function requestAnimFrame(...args) { + return _requestAnimFrame.apply(fabric$1.window, args); +} +function cancelAnimFrame(...args) { + return _cancelAnimFrame.apply(fabric$1.window, args); +} +// Calculate an in-between color. Returns a "rgba()" string. +// Credit: Edwin Martin +// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js +// const calculateColor = (begin: number[], end: number[], pos) => { +// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg)); +// const a = begin && end ? parseFloat(_a) : 1; +// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`; +// } +// color animation is broken. This function pass the tests for some reasons +// but begin and end aren't array anymore since we improved animate function +// to handler arrays internally. +function calculateColor(begin, end, pos) { + let color = 'rgba(' + + parseInt(begin[0] + pos * (end[0] - begin[0]), 10) + + ',' + + parseInt(begin[1] + pos * (end[1] - begin[1]), 10) + + ',' + + parseInt(begin[2] + pos * (end[2] - begin[2]), 10); + color += + ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); + color += ')'; + return color; +} +const defaultColorEasing = (currentTime, duration) => 1 - Math.cos((currentTime / duration) * (Math.PI / 2)); +/** + * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {String} fromColor The starting color in hex or rgb(a) format. + * @param {String} toColor The starting color in hex or rgb(a) format. + * @param {Number} [duration] Duration of change (in ms). + * @param {Object} [options] Animation options + * @param {Function} [options.onChange] Callback; invoked on every value change + * @param {Function} [options.onComplete] Callback; invoked when value change is completed + * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. + * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. + * @returns {Function} abort function + */ +function animateColor(fromColor, toColor, duration = 500, _a = {}) { + var { colorEasing = defaultColorEasing, onComplete, onChange } = _a, restOfOptions = __rest(_a, ["colorEasing", "onComplete", "onChange"]); + const startColor = new Color(fromColor).getSource(), endColor = new Color(toColor).getSource(); + return animate(Object.assign(Object.assign({}, restOfOptions), { duration, startValue: startColor, endValue: endColor, byValue: endColor, easing: (currentTime, startValue, byValue, duration) => calculateColor(startValue, byValue, colorEasing(currentTime, duration)), + // has to take in account for color restoring; + onComplete: (current, valuePerc, timePerc) => onComplete === null || onComplete === void 0 ? void 0 : onComplete(calculateColor(endColor, endColor, 0), valuePerc, timePerc), onChange: (current, valuePerc, timePerc) => { + if (onChange) { + if (Array.isArray(current)) { + return onChange(calculateColor(current, current, 0), valuePerc, timePerc); + } + onChange(current, valuePerc, timePerc); + } + } })); +} -(function(global) { +//@ts-nocheck +function addMethods(klass, source, parent) { + for (var property in source) { + if (property in klass.prototype && + typeof klass.prototype[property] === 'function' && + (source[property] + '').indexOf('callSuper') > -1) { + klass.prototype[property] = (function (property) { + return function (...args) { + var superclass = this.constructor.superclass; + this.constructor.superclass = parent; + var returnValue = source[property].call(this, ...args); + this.constructor.superclass = superclass; + if (property !== 'initialize') { + return returnValue; + } + }; + })(property); + } + else { + klass.prototype[property] = source[property]; + } + } +} +function Subclass() { } +function callSuper(methodName, ...args) { + var parentMethod = null, _this = this; + // climb prototype chain to find method not equal to callee's method + while (_this.constructor.superclass) { + var superClassMethod = _this.constructor.superclass.prototype[methodName]; + if (_this[methodName] !== superClassMethod) { + parentMethod = superClassMethod; + break; + } + // eslint-disable-next-line + _this = _this.constructor.superclass.prototype; + } + if (!parentMethod) { + return console.log('tried to callSuper ' + + methodName + + ', method not found in prototype chain', this); + } + return parentMethod.call(this, ...args); +} +/** + * Helper for creation of "classes". + * @memberOf fabric.util + * @param {Function} [parent] optional "Class" to inherit from + * @param {Object} [properties] Properties shared by all instances of this class + * (be careful modifying objects defined here as this would affect all instances) + */ +function createClass(...args) { + var parent = null, properties = [...args]; + if (typeof args[0] === 'function') { + parent = properties.shift(); + } + function klass(...klassArgs) { + this.initialize.call(this, ...klassArgs); + } + klass.superclass = parent; + if (parent) { + Subclass.prototype = parent.prototype; + klass.prototype = new Subclass(); + } + for (var i = 0, length = properties.length; i < length; i++) { + addMethods(klass, properties[i], parent); + } + if (!klass.prototype.initialize) { + klass.prototype.initialize = noop; + } + klass.prototype.constructor = klass; + klass.prototype.callSuper = callSuper; + return klass; +} - 'use strict'; +/** + * @namespace fabric.util + */ +fabric$1.util = { + cos, + sin, + rotateVector, + createVector, + calcAngleBetweenVectors, + getUnitVector, + getBisector, + degreesToRadians, + radiansToDegrees, + rotatePoint, + // probably we should stop exposing this from the interface + getRandomInt, + removeFromArray, + projectStrokeOnPoints, + // matrix.ts file + transformPoint, + invertTransform, + composeMatrix, + qrDecompose, + calcDimensionsMatrix, + calcRotateMatrix, + multiplyTransformMatrices, + // textStyles.ts file + stylesFromArray, + stylesToArray, + hasStyleChanged, + object: { + clone, + extend, + }, + createCanvasElement, + createImage, + copyCanvasElement, + toDataURL, + toFixed, + matrixToSVG, + parsePreserveAspectRatioAttribute, + groupSVGElements, + parseUnit, + getSvgAttributes, + findScaleToFit, + findScaleToCover, + capValue, + saveObjectTransform, + resetObjectTransform, + addTransformToObject, + applyTransformToObject, + removeTransformFromObject, + makeBoundingBoxFromPoints, + calcPlaneChangeMatrix, + sendPointToPlane, + transformPointRelativeToCanvas, + sendObjectToPlane, + string: { + camelize, + capitalize, + escapeXml, + graphemeSplit, + }, + getKlass, + loadImage, + enlivenObjects, + enlivenObjectEnlivables, + pick, + joinPath, + parsePath, + makePathSimpler, + getSmoothPathFromPoints, + getPathSegmentsInfo, + getBoundsOfCurve, + getPointOnPath, + transformPath, + getRegularPolygonPath, + request, + setStyle, + isTouchEvent, + getPointer, + removeListener, + addListener, + wrapElement, + getScrollLeftTop, + getElementOffset, + getNodeCanvas, + cleanUpJsdomNode, + makeElementUnselectable, + makeElementSelectable, + isTransparent, + sizeAfterTransform, + mergeClipPaths, + ease, + animateColor, + animate, + requestAnimFrame, + cancelAnimFrame, + createClass, +}; - /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ +/** + * Attributes parsed from all SVG elements + * @type array + */ +const SHARED_ATTRIBUTES = [ + 'display', + 'transform', + 'fill', + 'fill-opacity', + 'fill-rule', + 'opacity', + 'stroke', + 'stroke-dasharray', + 'stroke-linecap', + 'stroke-dashoffset', + 'stroke-linejoin', + 'stroke-miterlimit', + 'stroke-opacity', + 'stroke-width', + 'id', + 'paint-order', + 'vector-effect', + 'instantiated_by_use', + 'clip-path', +]; - var fabric = global.fabric || (global.fabric = { }); +//@ts-nocheck +const ElementsParser = function (elements, callback, options, reviver, parsingOptions, doc) { + this.elements = elements; + this.callback = callback; + this.options = options; + this.reviver = reviver; + this.svgUid = (options && options.svgUid) || 0; + this.parsingOptions = parsingOptions; + this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; + this.doc = doc; +}; +(function (proto) { + proto.parse = function () { + this.instances = new Array(this.elements.length); + this.numElements = this.elements.length; + this.createObjects(); + }; + proto.createObjects = function () { + this.elements.forEach((element, i) => { + element.setAttribute('svgUid', this.svgUid); + this.createObject(element, i); + }); + }; + proto.findTag = function (el) { + return fabric$1[capitalize(el.tagName.replace('svg:', ''))]; + }; + proto.createObject = function (el, index) { + const klass = this.findTag(el); + if (klass && klass.fromElement) { + try { + klass.fromElement(el, this.createCallback(index, el), this.options); + } + catch (err) { + console.log(err); + } + } + else { + this.checkIfDone(); + } + }; + proto.createCallback = function (index, el) { + const _this = this; + return function (obj) { + let _options; + _this.resolveGradient(obj, el, 'fill'); + _this.resolveGradient(obj, el, 'stroke'); + if (obj instanceof fabric$1.Image && obj._originalElement) { + _options = obj.parsePreserveAspectRatioAttribute(el); + } + obj._removeTransformMatrix(_options); + _this.resolveClipPath(obj, el); + _this.reviver && _this.reviver(el, obj); + _this.instances[index] = obj; + _this.checkIfDone(); + }; + }; + proto.extractPropertyDefinition = function (obj, property, storage) { + const value = obj[property], regex = this.regexUrl; + if (!regex.test(value)) { + return; + } + regex.lastIndex = 0; + const id = regex.exec(value)[1]; + regex.lastIndex = 0; + return fabric$1[storage][this.svgUid][id]; + }; + proto.resolveGradient = function (obj, el, property) { + const gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); + if (gradientDef) { + const opacityAttr = el.getAttribute(property + '-opacity'); + const gradient = fabric$1.Gradient.fromElement(gradientDef, obj, Object.assign(Object.assign({}, this.options), { opacity: opacityAttr })); + obj.set(property, gradient); + } + }; + proto.createClipPathCallback = function (obj, container) { + return function (_newObj) { + _newObj._removeTransformMatrix(); + _newObj.fillRule = _newObj.clipRule; + container.push(_newObj); + }; + }; + proto.resolveClipPath = function (obj, usingElement) { + var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), element, klass, objTransformInv, container, gTransform; + if (clipPath) { + container = []; + objTransformInv = invertTransform(obj.calcTransformMatrix()); + // move the clipPath tag as sibling to the real element that is using it + const clipPathTag = clipPath[0].parentNode; + let clipPathOwner = usingElement; + while (clipPathOwner.parentNode && + clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { + clipPathOwner = clipPathOwner.parentNode; + } + clipPathOwner.parentNode.appendChild(clipPathTag); + for (let i = 0; i < clipPath.length; i++) { + element = clipPath[i]; + klass = this.findTag(element); + klass.fromElement(element, this.createClipPathCallback(obj, container), this.options); + } + if (container.length === 1) { + clipPath = container[0]; + } + else { + clipPath = new fabric$1.Group(container); + } + gTransform = multiplyTransformMatrices(objTransformInv, clipPath.calcTransformMatrix()); + if (clipPath.clipPath) { + this.resolveClipPath(clipPath, clipPathOwner); + } + const options = qrDecompose(gTransform); + clipPath.flipX = false; + clipPath.flipY = false; + clipPath.set('scaleX', options.scaleX); + clipPath.set('scaleY', options.scaleY); + clipPath.angle = options.angle; + clipPath.skewX = options.skewX; + clipPath.skewY = 0; + clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); + obj.clipPath = clipPath; + } + else { + // if clip-path does not resolve to any element, delete the property. + delete obj.clipPath; + } + }; + proto.checkIfDone = function () { + if (--this.numElements === 0) { + this.instances = this.instances.filter(function (el) { + // eslint-disable-next-line no-eq-null, eqeqeq + return el != null; + }); + this.callback(this.instances, this.elements); + } + }; +})(ElementsParser.prototype); - if (fabric.Point) { - fabric.warn('fabric.Point is already defined'); - return; - } +//@ts-nocheck +/** + * Returns CSS rules for a given SVG document + * @param {SVGDocument} doc SVG document to parse + * @return {Object} CSS rules of this document + */ +function getCSSRules(doc) { + let styles = doc.getElementsByTagName('style'), i, len, allRules = {}, rules; + // very crude parsing of style contents + for (i = 0, len = styles.length; i < len; i++) { + let styleContents = styles[i].textContent; + // remove comments + styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); + if (styleContents.trim() === '') { + continue; + } + // recovers all the rule in this form `body { style code... }` + // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); + rules = styleContents.split('}'); + // remove empty rules. + rules = rules.filter(function (rule) { + return rule.trim(); + }); + // at this point we have hopefully an array of rules `body { style code... ` + // eslint-disable-next-line no-loop-func + rules.forEach(function (rule) { + const match = rule.split('{'), ruleObj = {}, declaration = match[1].trim(), propertyValuePairs = declaration.split(';').filter(function (pair) { + return pair.trim(); + }); + for (i = 0, len = propertyValuePairs.length; i < len; i++) { + const pair = propertyValuePairs[i].split(':'), property = pair[0].trim(), value = pair[1].trim(); + ruleObj[property] = value; + } + rule = match[0].trim(); + rule.split(',').forEach(function (_rule) { + _rule = _rule.replace(/^svg/i, '').trim(); + if (_rule === '') { + return; + } + if (allRules[_rule]) { + Object.assign(allRules[_rule], ruleObj); + } + else { + allRules[_rule] = Object.assign({}, ruleObj); + } + }); + }); + } + return allRules; +} - fabric.Point = Point; +//@ts-nocheck +function getMultipleNodes(doc, nodeNames) { + let nodeName, nodeArray = [], nodeList, i, len; + for (i = 0, len = nodeNames.length; i < len; i++) { + nodeName = nodeNames[i]; + nodeList = doc.getElementsByTagName(nodeName); + nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); + } + return nodeArray; +} - /** - * Point class - * @class fabric.Point - * @memberOf fabric - * @constructor - * @param {Number} x - * @param {Number} y - * @return {fabric.Point} thisArg - */ - function Point(x, y) { - this.x = x; - this.y = y; - } +//@ts-nocheck +/** + * @private + * to support IE8 missing getElementById on SVGdocument and on node xmlDOM + */ +function elementById(doc, id) { + let el; + doc.getElementById && (el = doc.getElementById(id)); + if (el) { + return el; + } + let node, i, len, nodelist = doc.getElementsByTagName('*'); + for (i = 0, len = nodelist.length; i < len; i++) { + node = nodelist[i]; + if (id === node.getAttribute('id')) { + return node; + } + } +} - Point.prototype = /** @lends fabric.Point.prototype */ { +//@ts-nocheck +const gradientsAttrs = [ + 'gradientTransform', + 'x1', + 'x2', + 'y1', + 'y2', + 'gradientUnits', + 'cx', + 'cy', + 'r', + 'fx', + 'fy', +]; +const xlinkAttr = 'xlink:href'; +function recursivelyParseGradientsXlink(doc, gradient) { + const xLink = gradient.getAttribute(xlinkAttr).slice(1), referencedGradient = elementById(doc, xLink); + if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { + recursivelyParseGradientsXlink(doc, referencedGradient); + } + gradientsAttrs.forEach(function (attr) { + if (referencedGradient && + !gradient.hasAttribute(attr) && + referencedGradient.hasAttribute(attr)) { + gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); + } + }); + if (!gradient.children.length) { + const referenceClone = referencedGradient.cloneNode(true); + while (referenceClone.firstChild) { + gradient.appendChild(referenceClone.firstChild); + } + } + gradient.removeAttribute(xlinkAttr); +} - type: 'point', +//@ts-nocheck +const tagArray = [ + 'linearGradient', + 'radialGradient', + 'svg:linearGradient', + 'svg:radialGradient', +]; +/** + * Parses an SVG document, returning all of the gradient declarations found in it + * @param {SVGDocument} doc SVG document to parse + * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element + */ +function getGradientDefs(doc) { + let elList = getMultipleNodes(doc, tagArray), el, j = 0, gradientDefs = {}; + j = elList.length; + while (j--) { + el = elList[j]; + if (el.getAttribute('xlink:href')) { + recursivelyParseGradientsXlink(doc, el); + } + gradientDefs[el.getAttribute('id')] = el; + } + return gradientDefs; +} - constructor: Point, +//@ts-nocheck +/** + * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements + */ +function applyViewboxTransform(element) { + if (!svgViewBoxElementsRegEx.test(element.nodeName)) { + return {}; + } + let viewBoxAttr = element.getAttribute('viewBox'), scaleX = 1, scaleY = 1, minX = 0, minY = 0, viewBoxWidth, viewBoxHeight, matrix, el, widthAttr = element.getAttribute('width'), heightAttr = element.getAttribute('height'), x = element.getAttribute('x') || 0, y = element.getAttribute('y') || 0, preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', missingViewBox = !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)), missingDimAttr = !widthAttr || + !heightAttr || + widthAttr === '100%' || + heightAttr === '100%', toBeParsed = missingViewBox && missingDimAttr, parsedDim = {}, translateMatrix = '', widthDiff = 0, heightDiff = 0; + parsedDim.width = 0; + parsedDim.height = 0; + parsedDim.toBeParsed = toBeParsed; + if (missingViewBox) { + if ((x || y) && + element.parentNode && + element.parentNode.nodeName !== '#document') { + translateMatrix = + ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + matrix = (element.getAttribute('transform') || '') + translateMatrix; + element.setAttribute('transform', matrix); + element.removeAttribute('x'); + element.removeAttribute('y'); + } + } + if (toBeParsed) { + return parsedDim; + } + if (missingViewBox) { + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + // set a transform for elements that have x y and are inner(only) SVGs + return parsedDim; + } + minX = -parseFloat(viewBoxAttr[1]); + minY = -parseFloat(viewBoxAttr[2]); + viewBoxWidth = parseFloat(viewBoxAttr[3]); + viewBoxHeight = parseFloat(viewBoxAttr[4]); + parsedDim.minX = minX; + parsedDim.minY = minY; + parsedDim.viewBoxWidth = viewBoxWidth; + parsedDim.viewBoxHeight = viewBoxHeight; + if (!missingDimAttr) { + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + scaleX = parsedDim.width / viewBoxWidth; + scaleY = parsedDim.height / viewBoxHeight; + } + else { + parsedDim.width = viewBoxWidth; + parsedDim.height = viewBoxHeight; + } + // default is to preserve aspect ratio + preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio); + if (preserveAspectRatio.alignX !== 'none') { + //translate all container for the effect of Mid, Min, Max + if (preserveAspectRatio.meetOrSlice === 'meet') { + scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX; + // calculate additional translation to move the viewbox + } + if (preserveAspectRatio.meetOrSlice === 'slice') { + scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY; + // calculate additional translation to move the viewbox + } + widthDiff = parsedDim.width - viewBoxWidth * scaleX; + heightDiff = parsedDim.height - viewBoxHeight * scaleX; + if (preserveAspectRatio.alignX === 'Mid') { + widthDiff /= 2; + } + if (preserveAspectRatio.alignY === 'Mid') { + heightDiff /= 2; + } + if (preserveAspectRatio.alignX === 'Min') { + widthDiff = 0; + } + if (preserveAspectRatio.alignY === 'Min') { + heightDiff = 0; + } + } + if (scaleX === 1 && + scaleY === 1 && + minX === 0 && + minY === 0 && + x === 0 && + y === 0) { + return parsedDim; + } + if ((x || y) && element.parentNode.nodeName !== '#document') { + translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + } + matrix = + translateMatrix + + ' matrix(' + + scaleX + + ' 0' + + ' 0 ' + + scaleY + + ' ' + + (minX * scaleX + widthDiff) + + ' ' + + (minY * scaleY + heightDiff) + + ') '; + // seems unused. + // parsedDim.viewboxTransform = parseTransformAttribute(matrix); + if (element.nodeName === 'svg') { + el = element.ownerDocument.createElementNS(svgNS, 'g'); + // element.firstChild != null + while (element.firstChild) { + el.appendChild(element.firstChild); + } + element.appendChild(el); + } + else { + el = element; + el.removeAttribute('x'); + el.removeAttribute('y'); + matrix = el.getAttribute('transform') + matrix; + } + el.setAttribute('transform', matrix); + return parsedDim; +} - /** - * Adds another point to this one and returns another one - * @param {fabric.Point} that - * @return {fabric.Point} new Point instance with added values - */ - add: function (that) { - return new Point(this.x + that.x, this.y + that.y); - }, +//@ts-nocheck +function hasAncestorWithNodeName(element, nodeName) { + while (element && (element = element.parentNode)) { + if (element.nodeName && + nodeName.test(element.nodeName.replace('svg:', '')) && + !element.getAttribute('instantiated_by_use')) { + return true; + } + } + return false; +} - /** - * Adds another point to this one - * @param {fabric.Point} that - * @return {fabric.Point} thisArg - * @chainable - */ - addEquals: function (that) { - this.x += that.x; - this.y += that.y; - return this; - }, +//@ts-nocheck +/** + * Transforms an array of svg elements to corresponding fabric.* instances + * @static + * @memberOf fabric + * @param {Array} elements Array of elements to parse + * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) + * @param {Object} [options] Options object + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + */ +function parseElements(elements, callback, options, reviver, parsingOptions) { + new ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); +} + +//@ts-nocheck +function parseUseDirectives(doc) { + let nodelist = getMultipleNodes(doc, ['use', 'svg:use']), i = 0; + while (nodelist.length && i < nodelist.length) { + const el = nodelist[i], xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); + if (xlinkAttribute === null) { + return; + } + var xlink = xlinkAttribute.slice(1), x = el.getAttribute('x') || 0, y = el.getAttribute('y') || 0, el2 = elementById(doc, xlink).cloneNode(true), currentTrans = (el2.getAttribute('transform') || '') + + ' translate(' + + x + + ', ' + + y + + ')', parentNode, oldLength = nodelist.length, attr, j, attrs, len, namespace = svgNS; + applyViewboxTransform(el2); + if (/^svg$/i.test(el2.nodeName)) { + const el3 = el2.ownerDocument.createElementNS(namespace, 'g'); + for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); + } + // el2.firstChild != null + while (el2.firstChild) { + el3.appendChild(el2.firstChild); + } + el2 = el3; + } + for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + if (attr.nodeName === 'x' || + attr.nodeName === 'y' || + attr.nodeName === 'xlink:href' || + attr.nodeName === 'href') { + continue; + } + if (attr.nodeName === 'transform') { + currentTrans = attr.nodeValue + ' ' + currentTrans; + } + else { + el2.setAttribute(attr.nodeName, attr.nodeValue); + } + } + el2.setAttribute('transform', currentTrans); + el2.setAttribute('instantiated_by_use', '1'); + el2.removeAttribute('id'); + parentNode = el.parentNode; + parentNode.replaceChild(el2, el); + // some browsers do not shorten nodelist after replaceChild (IE8) + if (nodelist.length === oldLength) { + i++; + } + } +} +//@ts-nocheck +/** + * **Assuming `T`, `A`, `B` are points on the same line**, + * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B` + * @param T + * @param A + * @param B + * @returns true if `T` is contained + */ +const isContainedInInterval = (T, A, B) => { + const TA = new Point(T).subtract(A); + const TB = new Point(T).subtract(B); + return (Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)); +}; +class Intersection { + constructor(status) { + this.status = status; + this.points = []; + } /** - * Adds value to this point and returns a new one - * @param {Number} scalar - * @return {fabric.Point} new Point with added value + * + * @param {Point} point + * @returns */ - scalarAdd: function (scalar) { - return new Point(this.x + scalar, this.y + scalar); - }, - + contains(point) { + return this.points.some((p) => p.eq(point)); + } /** - * Adds value to this point - * @param {Number} scalar - * @return {fabric.Point} thisArg + * Appends points of intersection + * @param {...Point[]} points + * @return {Intersection} thisArg * @chainable */ - scalarAddEquals: function (scalar) { - this.x += scalar; - this.y += scalar; - return this; - }, - + append(...points) { + this.points = this.points.concat(points.filter((point) => { + return !this.contains(point); + })); + return this; + } /** - * Subtracts another point from this point and returns a new one - * @param {fabric.Point} that - * @return {fabric.Point} new Point object with subtracted values + * Checks if a line intersects another + * @static + * @param {Point} a1 + * @param {Point} a2 + * @param {Point} b1 + * @param {Point} b2 + * @param {boolean} [aInfinite=true] check segment intersection by passing `false` + * @param {boolean} [bInfinite=true] check segment intersection by passing `false` + * @return {Intersection} + */ + static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) { + let result; + const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); + if (uB !== 0) { + const ua = uaT / uB, ub = ubT / uB; + if ((aInfinite || (0 <= ua && ua <= 1)) && + (bInfinite || (0 <= ub && ub <= 1))) { + result = new Intersection('Intersection'); + result.append(new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); + } + else { + result = new Intersection(); + } + } + else { + if (uaT === 0 || ubT === 0) { + const segmentsCoincide = aInfinite || + bInfinite || + isContainedInInterval(a1, b1, b2) || + isContainedInInterval(a2, b1, b2) || + isContainedInInterval(b1, a1, a2) || + isContainedInInterval(b2, a1, a2); + result = new Intersection(segmentsCoincide ? 'Coincident' : undefined); + } + else { + result = new Intersection('Parallel'); + } + } + return result; + } + /** + * Checks if a segment intersects a line + * @see {@link intersectLineLine} for line intersection + * @static + * @param {Point} s1 boundary point of segment + * @param {Point} s2 other boundary point of segment + * @param {Point} l1 point on line + * @param {Point} l2 other point on line + * @return {Intersection} */ - subtract: function (that) { - return new Point(this.x - that.x, this.y - that.y); - }, - + static intersectSegmentLine(s1, s2, l1, l2) { + return Intersection.intersectLineLine(s1, s2, l1, l2, false, true); + } /** - * Subtracts another point from this point - * @param {fabric.Point} that - * @return {fabric.Point} thisArg - * @chainable + * Checks if a segment intersects another + * @see {@link intersectLineLine} for line intersection + * @static + * @param {Point} a1 boundary point of segment + * @param {Point} a2 other boundary point of segment + * @param {Point} b1 boundary point of segment + * @param {Point} b2 other boundary point of segment + * @return {Intersection} */ - subtractEquals: function (that) { - this.x -= that.x; - this.y -= that.y; - return this; - }, - + static intersectSegmentSegment(a1, a2, b1, b2) { + return Intersection.intersectLineLine(a1, a2, b1, b2, false, false); + } /** - * Subtracts value from this point and returns a new one - * @param {Number} scalar - * @return {fabric.Point} + * Checks if line intersects polygon + * + * @todo account for stroke + * + * @static + * @see {@link intersectSegmentPolygon} for segment intersection + * @param {Point} a1 point on line + * @param {Point} a2 other point on line + * @param {Point[]} points polygon points + * @param {boolean} [infinite=true] check segment intersection by passing `false` + * @return {Intersection} + */ + static intersectLinePolygon(a1, a2, points, infinite = true) { + const result = new Intersection(); + const length = points.length; + for (let i = 0, b1, b2, inter; i < length; i++) { + b1 = points[i]; + b2 = points[(i + 1) % length]; + inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false); + if (inter.status === 'Coincident') { + return inter; + } + result.append(...inter.points); + } + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + } + /** + * Checks if segment intersects polygon + * @static + * @see {@link intersectLinePolygon} for line intersection + * @param {Point} a1 boundary point of segment + * @param {Point} a2 other boundary point of segment + * @param {Point[]} points polygon points + * @return {Intersection} */ - scalarSubtract: function (scalar) { - return new Point(this.x - scalar, this.y - scalar); - }, + static intersectSegmentPolygon(a1, a2, points) { + return Intersection.intersectLinePolygon(a1, a2, points, false); + } + /** + * Checks if polygon intersects another polygon + * + * @todo account for stroke + * + * @static + * @param {Point[]} points1 + * @param {Point[]} points2 + * @return {Intersection} + */ + static intersectPolygonPolygon(points1, points2) { + const result = new Intersection(), length = points1.length; + const coincidences = []; + for (let i = 0; i < length; i++) { + const a1 = points1[i], a2 = points1[(i + 1) % length], inter = Intersection.intersectSegmentPolygon(a1, a2, points2); + if (inter.status === 'Coincident') { + coincidences.push(inter); + result.append(a1, a2); + } + else { + result.append(...inter.points); + } + } + if (coincidences.length > 0 && coincidences.length === points1.length) { + return new Intersection('Coincident'); + } + else if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + } + /** + * Checks if polygon intersects rectangle + * @static + * @see {@link intersectPolygonPolygon} for polygon intersection + * @param {Point[]} points polygon points + * @param {Point} r1 top left point of rect + * @param {Point} r2 bottom right point of rect + * @return {Intersection} + */ + static intersectPolygonRectangle(points, r1, r2) { + const min = r1.min(r2), max = r1.max(r2), topRight = new Point(max.x, min.y), bottomLeft = new Point(min.x, max.y); + return Intersection.intersectPolygonPolygon(points, [ + min, + topRight, + max, + bottomLeft, + ]); + } +} +fabric$1.Intersection = Intersection; +//@ts-nocheck +/** + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} + * @see {@link http://fabricjs.com/events|Events demo} + */ +class Observable { + constructor() { + this.__eventListeners = {}; + } + on(arg0, handler) { + if (!this.__eventListeners) { + this.__eventListeners = {}; + } + if (typeof arg0 === 'object') { + // one object with key/value pairs was passed + for (const eventName in arg0) { + this.on(eventName, arg0[eventName]); + } + return () => this.off(arg0); + } + else if (handler) { + const eventName = arg0; + if (!this.__eventListeners[eventName]) { + this.__eventListeners[eventName] = []; + } + this.__eventListeners[eventName].push(handler); + return () => this.off(eventName, handler); + } + else { + // noop + return () => false; + } + } + once(arg0, handler) { + if (typeof arg0 === 'object') { + // one object with key/value pairs was passed + const disposers = []; + for (const eventName in arg0) { + disposers.push(this.once(eventName, arg0[eventName])); + } + return () => disposers.forEach((d) => d()); + } + else if (handler) { + const disposer = this.on(arg0, (...args) => { + handler(...args); + disposer(); + }); + return disposer; + } + else { + // noop + return () => false; + } + } /** - * Subtracts value from this point - * @param {Number} scalar - * @return {fabric.Point} thisArg - * @chainable + * @private + * @param {string} eventName + * @param {Function} [handler] */ - scalarSubtractEquals: function (scalar) { - this.x -= scalar; - this.y -= scalar; - return this; - }, - + _removeEventListener(eventName, handler) { + if (!this.__eventListeners[eventName]) { + return; + } + if (handler) { + const eventListener = this.__eventListeners[eventName]; + const index = eventListener.indexOf(handler); + index > -1 && eventListener.splice(index, 1); + } + else { + this.__eventListeners[eventName] = []; + } + } + off(arg0, handler) { + if (!this.__eventListeners) { + return; + } + // remove all key/value pairs (event name -> event handler) + if (typeof arg0 === 'undefined') { + for (const eventName in this.__eventListeners) { + this._removeEventListener(eventName); + } + } + // one object with key/value pairs was passed + else if (typeof arg0 === 'object') { + for (const eventName in arg0) { + this._removeEventListener(eventName, arg0[eventName]); + } + } + else { + this._removeEventListener(arg0, handler); + } + } /** - * Multiplies this point by a value and returns a new one - * TODO: rename in scalarMultiply in 2.0 - * @param {Number} scalar - * @return {fabric.Point} + * Fires event with an optional options object + * @param {String} eventName Event name to fire + * @param {Object} [options] Options object */ - multiply: function (scalar) { - return new Point(this.x * scalar, this.y * scalar); - }, + fire(eventName, options) { + var _a; + if (!this.__eventListeners) { + return; + } + const listenersForEvent = (_a = this.__eventListeners[eventName]) === null || _a === void 0 ? void 0 : _a.concat(); + if (listenersForEvent) { + for (let i = 0; i < listenersForEvent.length; i++) { + listenersForEvent[i].call(this, options || {}); + } + } + } +} +fabric$1.Observable = Observable; +//@ts-nocheck +class CommonMethods extends Observable { /** - * Multiplies this point by a value - * TODO: rename in scalarMultiplyEquals in 2.0 - * @param {Number} scalar - * @return {fabric.Point} thisArg - * @chainable + * Sets object's properties from options + * @param {Object} [options] Options object */ - multiplyEquals: function (scalar) { - this.x *= scalar; - this.y *= scalar; - return this; - }, - + _setOptions(options) { + for (const prop in options) { + this.set(prop, options[prop]); + } + } /** - * Divides this point by a value and returns a new one - * TODO: rename in scalarDivide in 2.0 - * @param {Number} scalar - * @return {fabric.Point} + * @private */ - divide: function (scalar) { - return new Point(this.x / scalar, this.y / scalar); - }, - + _setObject(obj) { + for (const prop in obj) { + this._set(prop, obj[prop]); + } + } /** - * Divides this point by a value - * TODO: rename in scalarDivideEquals in 2.0 - * @param {Number} scalar - * @return {fabric.Point} thisArg + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {fabric.Object} thisArg * @chainable */ - divideEquals: function (scalar) { - this.x /= scalar; - this.y /= scalar; - return this; - }, - + set(key, value) { + if (typeof key === 'object') { + this._setObject(key); + } + else { + this._set(key, value); + } + return this; + } + _set(key, value) { + this[key] = value; + } /** - * Returns true if this point is equal to another one - * @param {fabric.Point} that - * @return {Boolean} + * Toggles specified property from `true` to `false` or from `false` to `true` + * @param {String} property Property to toggle + * @return {fabric.Object} thisArg + * @chainable */ - eq: function (that) { - return (this.x === that.x && this.y === that.y); - }, - + toggle(property) { + const value = this.get(property); + if (typeof value === 'boolean') { + this.set(property, !value); + } + return this; + } /** - * Returns true if this point is less than another one - * @param {fabric.Point} that - * @return {Boolean} + * Basic getter + * @param {String} property Property name + * @return {*} value of a property */ - lt: function (that) { - return (this.x < that.x && this.y < that.y); - }, + get(property) { + return this[property]; + } +} +const originOffset = { + left: -0.5, + top: -0.5, + center: 0, + bottom: 0.5, + right: 0.5, +}; +/** + * Resolves origin value relative to center + * @private + * @param {TOriginX | TOriginY} originValue originX / originY + * @returns number + */ +const resolveOrigin = (originValue) => typeof originValue === 'string' + ? originOffset[originValue] + : originValue - 0.5; +class ObjectOrigin extends CommonMethods { /** - * Returns true if this point is less than or equal to another one - * @param {fabric.Point} that - * @return {Boolean} - */ - lte: function (that) { - return (this.x <= that.x && this.y <= that.y); - }, - + * Calculate object bounding box dimensions from its properties scale, skew. + * @param {Object} [options] + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @private + * @returns {Point} dimensions + */ + _getTransformedDimensions(options = {}) { + const dimOptions = Object.assign({ scaleX: this.scaleX, scaleY: this.scaleY, skewX: this.skewX, skewY: this.skewY, width: this.width, height: this.height, strokeWidth: this.strokeWidth }, options); + // stroke is applied before/after transformations are applied according to `strokeUniform` + const strokeWidth = dimOptions.strokeWidth; + let preScalingStrokeValue = strokeWidth, postScalingStrokeValue = 0; + if (this.strokeUniform) { + preScalingStrokeValue = 0; + postScalingStrokeValue = strokeWidth; + } + const dimX = dimOptions.width + preScalingStrokeValue, dimY = dimOptions.height + preScalingStrokeValue, noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0; + let finalDimensions; + if (noSkew) { + finalDimensions = new Point(dimX * dimOptions.scaleX, dimY * dimOptions.scaleY); + } + else { + finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions); + } + return finalDimensions.scalarAdd(postScalingStrokeValue); + } /** - - * Returns true if this point is greater another one - * @param {fabric.Point} that - * @return {Boolean} + * Translates the coordinates from a set of origin to another (based on the object's dimensions) + * @param {Point} point The point which corresponds to the originX and originY params + * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom' + * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} */ - gt: function (that) { - return (this.x > that.x && this.y > that.y); - }, - + translateToGivenOrigin(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { + let x = point.x, y = point.y; + const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX), offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY); + if (offsetX || offsetY) { + const dim = this._getTransformedDimensions(); + x += offsetX * dim.x; + y += offsetY * dim.y; + } + return new Point(x, y); + } /** - * Returns true if this point is greater than or equal to another one - * @param {fabric.Point} that - * @return {Boolean} + * Translates the coordinates from origin to center coordinates (based on the object's dimensions) + * @param {Point} point The point which corresponds to the originX and originY params + * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} */ - gte: function (that) { - return (this.x >= that.x && this.y >= that.y); - }, - - /** - * Returns new point which is the result of linear interpolation with this one and another one - * @param {fabric.Point} that - * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 - * @return {fabric.Point} - */ - lerp: function (that, t) { - if (typeof t === 'undefined') { - t = 0.5; - } - t = Math.max(Math.min(1, t), 0); - return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); - }, - + translateToCenterPoint(point, originX, originY) { + const p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); + if (this.angle) { + return p.rotate(degreesToRadians(this.angle), point); + } + return p; + } /** - * Returns distance from this point and another one - * @param {fabric.Point} that - * @return {Number} + * Translates the coordinates from center to origin coordinates (based on the object's dimensions) + * @param {Point} center The point which corresponds to center of the object + * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} */ - distanceFrom: function (that) { - var dx = this.x - that.x, - dy = this.y - that.y; - return Math.sqrt(dx * dx + dy * dy); - }, - + translateToOriginPoint(center, originX, originY) { + const p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); + if (this.angle) { + return p.rotate(degreesToRadians(this.angle), center); + } + return p; + } /** - * Returns the point between this point and another one - * @param {fabric.Point} that - * @return {fabric.Point} + * Returns the center coordinates of the object relative to canvas + * @return {Point} */ - midPointFrom: function (that) { - return this.lerp(that); - }, - + getCenterPoint() { + const relCenter = this.getRelativeCenterPoint(); + return this.group + ? transformPoint(relCenter, this.group.calcTransformMatrix()) + : relCenter; + } /** - * Returns a new point which is the min of this and another one - * @param {fabric.Point} that - * @return {fabric.Point} + * Returns the center coordinates of the object relative to it's parent + * @return {Point} */ - min: function (that) { - return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); - }, - + getRelativeCenterPoint() { + return this.translateToCenterPoint(new Point(this.left, this.top), this.originX, this.originY); + } /** - * Returns a new point which is the max of this and another one - * @param {fabric.Point} that - * @return {fabric.Point} + * Returns the coordinates of the object as if it has a different origin + * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {Point} */ - max: function (that) { - return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); - }, - + getPointByOrigin(originX, originY) { + return this.translateToOriginPoint(this.getRelativeCenterPoint(), originX, originY); + } /** - * Returns string representation of this point - * @return {String} + * Sets the position of the object taking into consideration the object's origin + * @param {Point} pos The new position of the object + * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {void} */ - toString: function () { - return this.x + ',' + this.y; - }, - + setPositionByOrigin(pos, originX, originY) { + const center = this.translateToCenterPoint(pos, originX, originY), position = this.translateToOriginPoint(center, this.originX, this.originY); + this.set({ left: position.x, top: position.y }); + } /** - * Sets x/y of this point - * @param {Number} x - * @param {Number} y - * @chainable + * Sets the origin/position of the object to it's center point + * @private + * @return {void} */ - setXY: function (x, y) { - this.x = x; - this.y = y; - return this; - }, - + _setOriginToCenter() { + this._originalOriginX = this.originX; + this._originalOriginY = this.originY; + const center = this.getRelativeCenterPoint(); + this.originX = 'center'; + this.originY = 'center'; + this.left = center.x; + this.top = center.y; + } /** - * Sets x of this point - * @param {Number} x - * @chainable + * Resets the origin/position of the object to it's original origin + * @private + * @return {void} */ - setX: function (x) { - this.x = x; - return this; - }, - + _resetOrigin() { + if (this._originalOriginX !== undefined && + this._originalOriginY !== undefined) { + const originPoint = this.translateToOriginPoint(this.getRelativeCenterPoint(), this._originalOriginX, this._originalOriginY); + this.left = originPoint.x; + this.top = originPoint.y; + this.originX = this._originalOriginX; + this.originY = this._originalOriginY; + this._originalOriginX = undefined; + this._originalOriginY = undefined; + } + } /** - * Sets y of this point - * @param {Number} y - * @chainable + * @private */ - setY: function (y) { - this.y = y; - return this; - }, + _getLeftTopCoords() { + return this.translateToOriginPoint(this.getRelativeCenterPoint(), 'left', 'top'); + } +} +class ObjectGeometry extends ObjectOrigin { /** - * Sets x/y of this point from another point - * @param {fabric.Point} that - * @chainable + * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane */ - setFromPoint: function (that) { - this.x = that.x; - this.y = that.y; - return this; - }, - - /** - * Swaps x/y of this point and another point - * @param {fabric.Point} that - */ - swap: function (that) { - var x = this.x, - y = this.y; - this.x = that.x; - this.y = that.y; - that.x = x; - that.y = y; - }, - + getX() { + return this.getXY().x; + } /** - * return a cloned instance of the point - * @return {fabric.Point} + * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane */ - clone: function () { - return new Point(this.x, this.y); + setX(value) { + this.setXY(this.getXY().setX(value)); } - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.Intersection) { - fabric.warn('fabric.Intersection is already defined'); - return; - } - - /** - * Intersection class - * @class fabric.Intersection - * @memberOf fabric - * @constructor - */ - function Intersection(status) { - this.status = status; - this.points = []; - } - - fabric.Intersection = Intersection; - - fabric.Intersection.prototype = /** @lends fabric.Intersection.prototype */ { - - constructor: Intersection, - /** - * Appends a point to intersection - * @param {fabric.Point} point - * @return {fabric.Intersection} thisArg - * @chainable + * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane */ - appendPoint: function (point) { - this.points.push(point); - return this; - }, - + getY() { + return this.getXY().y; + } /** - * Appends points to intersection - * @param {Array} points - * @return {fabric.Intersection} thisArg - * @chainable + * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane */ - appendPoints: function (points) { - this.points = this.points.concat(points); - return this; - } - }; - - /** - * Checks if one line intersects another - * TODO: rename in intersectSegmentSegment - * @static - * @param {fabric.Point} a1 - * @param {fabric.Point} a2 - * @param {fabric.Point} b1 - * @param {fabric.Point} b2 - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectLineLine = function (a1, a2, b1, b2) { - var result, - uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), - ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), - uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); - if (uB !== 0) { - var ua = uaT / uB, - ub = ubT / uB; - if (0 <= ua && ua <= 1 && 0 <= ub && ub <= 1) { - result = new Intersection('Intersection'); - result.appendPoint(new fabric.Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); - } - else { - result = new Intersection(); - } - } - else { - if (uaT === 0 || ubT === 0) { - result = new Intersection('Coincident'); - } - else { - result = new Intersection('Parallel'); - } - } - return result; - }; - - /** - * Checks if line intersects polygon - * TODO: rename in intersectSegmentPolygon - * fix detection of coincident - * @static - * @param {fabric.Point} a1 - * @param {fabric.Point} a2 - * @param {Array} points - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectLinePolygon = function(a1, a2, points) { - var result = new Intersection(), - length = points.length, - b1, b2, inter, i; - - for (i = 0; i < length; i++) { - b1 = points[i]; - b2 = points[(i + 1) % length]; - inter = Intersection.intersectLineLine(a1, a2, b1, b2); - - result.appendPoints(inter.points); - } - if (result.points.length > 0) { - result.status = 'Intersection'; - } - return result; - }; - - /** - * Checks if polygon intersects another polygon - * @static - * @param {Array} points1 - * @param {Array} points2 - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectPolygonPolygon = function (points1, points2) { - var result = new Intersection(), - length = points1.length, i; - - for (i = 0; i < length; i++) { - var a1 = points1[i], - a2 = points1[(i + 1) % length], - inter = Intersection.intersectLinePolygon(a1, a2, points2); - - result.appendPoints(inter.points); + setY(value) { + this.setXY(this.getXY().setY(value)); } - if (result.points.length > 0) { - result.status = 'Intersection'; + /** + * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ + * if parent is canvas then this property is identical to {@link fabric.Object#getX} + */ + getRelativeX() { + return this.left; } - return result; - }; - - /** - * Checks if polygon intersects rectangle - * @static - * @param {Array} points - * @param {fabric.Point} r1 - * @param {fabric.Point} r2 - * @return {fabric.Intersection} - */ - fabric.Intersection.intersectPolygonRectangle = function (points, r1, r2) { - var min = r1.min(r2), - max = r1.max(r2), - topRight = new fabric.Point(max.x, min.y), - bottomLeft = new fabric.Point(min.x, max.y), - inter1 = Intersection.intersectLinePolygon(min, topRight, points), - inter2 = Intersection.intersectLinePolygon(topRight, max, points), - inter3 = Intersection.intersectLinePolygon(max, bottomLeft, points), - inter4 = Intersection.intersectLinePolygon(bottomLeft, min, points), - result = new Intersection(); - - result.appendPoints(inter1.points); - result.appendPoints(inter2.points); - result.appendPoints(inter3.points); - result.appendPoints(inter4.points); - - if (result.points.length > 0) { - result.status = 'Intersection'; + /** + * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ + * if parent is canvas then this method is identical to {@link fabric.Object#setX} + */ + setRelativeX(value) { + this.left = value; } - return result; - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.Color) { - fabric.warn('fabric.Color is already defined.'); - return; - } - - /** - * Color class - * The purpose of {@link fabric.Color} is to abstract and encapsulate common color operations; - * {@link fabric.Color} is a constructor and creates instances of {@link fabric.Color} objects. - * - * @class fabric.Color - * @param {String} color optional in hex or rgb(a) or hsl format or from known color list - * @return {fabric.Color} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors} - */ - function Color(color) { - if (!color) { - this.setSource([0, 0, 0, 1]); + /** + * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ + * if parent is canvas then this property is identical to {@link fabric.Object#getY} + */ + getRelativeY() { + return this.top; } - else { - this._tryParsingColor(color); + /** + * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ + * if parent is canvas then this property is identical to {@link fabric.Object#setY} + */ + setRelativeY(value) { + this.top = value; } - } - - fabric.Color = Color; - - fabric.Color.prototype = /** @lends fabric.Color.prototype */ { - /** - * @private - * @param {String|Array} color Color value to parse + * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane */ - _tryParsingColor: function(color) { - var source; - - if (color in Color.colorNameMap) { - color = Color.colorNameMap[color]; - } - - if (color === 'transparent') { - source = [255, 255, 255, 0]; - } - - if (!source) { - source = Color.sourceFromHex(color); - } - if (!source) { - source = Color.sourceFromRgb(color); - } - if (!source) { - source = Color.sourceFromHsl(color); - } - if (!source) { - //if color is not recognize let's make black as canvas does - source = [0, 0, 0, 1]; - } - if (source) { - this.setSource(source); - } - }, - + getXY() { + const relativePosition = this.getRelativeXY(); + return this.group + ? transformPoint(relativePosition, this.group.calcTransformMatrix()) + : relativePosition; + } /** - * Adapted from https://github.com/mjijackson - * @private - * @param {Number} r Red color value - * @param {Number} g Green color value - * @param {Number} b Blue color value - * @return {Array} Hsl color + * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate. + * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values, + * that otherwise are the object's current values. + * @example Set object's bottom left corner to point (5,5) on canvas + * object.setXY(new Point(5, 5), 'left', 'bottom'). + * @param {Point} point position in canvas coordinate plane + * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' */ - _rgbToHsl: function(r, g, b) { - r /= 255; g /= 255; b /= 255; - - var h, s, l, - max = fabric.util.array.max([r, g, b]), - min = fabric.util.array.min([r, g, b]); - - l = (max + min) / 2; - - if (max === min) { - h = s = 0; // achromatic - } - else { - var d = max - min; - s = l > 0.5 ? d / (2 - max - min) : d / (max + min); - switch (max) { - case r: - h = (g - b) / d + (g < b ? 6 : 0); - break; - case g: - h = (b - r) / d + 2; - break; - case b: - h = (r - g) / d + 4; - break; + setXY(point, originX, originY) { + if (this.group) { + point = transformPoint(point, invertTransform(this.group.calcTransformMatrix())); } - h /= 6; - } - - return [ - Math.round(h * 360), - Math.round(s * 100), - Math.round(l * 100) - ]; - }, - + this.setRelativeXY(point, originX, originY); + } /** - * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @return {Array} + * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane */ - getSource: function() { - return this._source; - }, - + getRelativeXY() { + return new Point(this.left, this.top); + } /** - * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @param {Array} source + * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas) + * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane + * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' + * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' */ - setSource: function(source) { - this._source = source; - }, - + setRelativeXY(point, originX, originY) { + this.setPositionByOrigin(point, originX || this.originX, originY || this.originY); + } /** - * Returns color representation in RGB format - * @return {String} ex: rgb(0-255,0-255,0-255) + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * @param {boolean} absolute will return aCoords if true or lineCoords + * @param {boolean} calculate will calculate the coords or use the one + * that are attached to the object instance + * @return {Object} {tl, tr, br, bl} points */ - toRgb: function() { - var source = this.getSource(); - return 'rgb(' + source[0] + ',' + source[1] + ',' + source[2] + ')'; - }, - + _getCoords(absolute = false, calculate = false) { + if (calculate) { + return absolute ? this.calcACoords() : this.calcLineCoords(); + } + // swapped this double if in place of setCoords(); + if (!this.aCoords) { + this.aCoords = this.calcACoords(); + } + if (!this.lineCoords) { + this.lineCoords = this.calcLineCoords(); + } + return absolute ? this.aCoords : this.lineCoords; + } /** - * Returns color representation in RGBA format - * @return {String} ex: rgba(0-255,0-255,0-255,0-1) + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * The coords are returned in an array. + * @param {boolean} absolute will return aCoords if true or lineCoords + * @param {boolean} calculate will return aCoords if true or lineCoords + * @return {Array} [tl, tr, br, bl] of points */ - toRgba: function() { - var source = this.getSource(); - return 'rgba(' + source[0] + ',' + source[1] + ',' + source[2] + ',' + source[3] + ')'; - }, - + getCoords(absolute = false, calculate = false) { + const { tl, tr, br, bl } = this._getCoords(absolute, calculate); + const coords = [tl, tr, br, bl]; + if (this.group) { + const t = this.group.calcTransformMatrix(); + return coords.map((p) => transformPoint(p, t)); + } + return coords; + } /** - * Returns color representation in HSL format - * @return {String} ex: hsl(0-360,0%-100%,0%-100%) + * Checks if object intersects with an area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored one + * @return {Boolean} true if object intersects with an area formed by 2 points */ - toHsl: function() { - var source = this.getSource(), - hsl = this._rgbToHsl(source[0], source[1], source[2]); - - return 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%)'; - }, - + intersectsWithRect(pointTL, pointBR, absolute, calculate) { + const coords = this.getCoords(absolute, calculate), intersection = Intersection.intersectPolygonRectangle(coords, pointTL, pointBR); + return intersection.status === 'Intersection'; + } /** - * Returns color representation in HSLA format - * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) + * Checks if object intersects with another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of calculating them + * @return {Boolean} true if object intersects with another object */ - toHsla: function() { - var source = this.getSource(), - hsl = this._rgbToHsl(source[0], source[1], source[2]); - - return 'hsla(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%,' + source[3] + ')'; - }, - + intersectsWithObject(other, absolute, calculate) { + const intersection = Intersection.intersectPolygonPolygon(this.getCoords(absolute, calculate), other.getCoords(absolute, calculate)); + return (intersection.status === 'Intersection' || + intersection.status === 'Coincident' || + other.isContainedWithinObject(this, absolute, calculate) || + this.isContainedWithinObject(other, absolute, calculate)); + } /** - * Returns color representation in HEX format - * @return {String} ex: FF5555 + * Checks if object is fully contained within area of another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of store ones + * @return {Boolean} true if object is fully contained within area of another object */ - toHex: function() { - var source = this.getSource(), r, g, b; - - r = source[0].toString(16); - r = (r.length === 1) ? ('0' + r) : r; - - g = source[1].toString(16); - g = (g.length === 1) ? ('0' + g) : g; - - b = source[2].toString(16); - b = (b.length === 1) ? ('0' + b) : b; - - return r.toUpperCase() + g.toUpperCase() + b.toUpperCase(); - }, - + isContainedWithinObject(other, absolute, calculate) { + const points = this.getCoords(absolute, calculate), otherCoords = absolute ? other.aCoords : other.lineCoords, lines = other._getImageLines(otherCoords); + for (let i = 0; i < 4; i++) { + if (!other.containsPoint(points[i], lines)) { + return false; + } + } + return true; + } /** - * Returns color representation in HEXA format - * @return {String} ex: FF5555CC + * Checks if object is fully contained within area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored one + * @return {Boolean} true if object is fully contained within area formed by 2 points */ - toHexa: function() { - var source = this.getSource(), a; - - a = Math.round(source[3] * 255); - a = a.toString(16); - a = (a.length === 1) ? ('0' + a) : a; - - return this.toHex() + a.toUpperCase(); - }, - + isContainedWithinRect(pointTL, pointBR, absolute, calculate) { + const boundingRect = this.getBoundingRect(absolute, calculate); + return (boundingRect.left >= pointTL.x && + boundingRect.left + boundingRect.width <= pointBR.x && + boundingRect.top >= pointTL.y && + boundingRect.top + boundingRect.height <= pointBR.y); + } /** - * Gets value of alpha channel for this color - * @return {Number} 0-1 + * Checks if point is inside the object + * @param {Point} point Point to check against + * @param {Object} [lines] object returned from @method _getImageLines + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored ones + * @return {Boolean} true if point is inside the object */ - getAlpha: function() { - return this.getSource()[3]; - }, - + containsPoint(point, lines, absolute = false, calculate = false) { + const coords = this._getCoords(absolute, calculate), imageLines = lines || this._getImageLines(coords), xPoints = this._findCrossPoints(point, imageLines); + // if xPoints is odd then point is inside the object + return xPoints !== 0 && xPoints % 2 === 1; + } /** - * Sets value of alpha channel for this color - * @param {Number} alpha Alpha value 0-1 - * @return {fabric.Color} thisArg + * Checks if object is contained within the canvas with current viewportTransform + * the check is done stopping at first point that appears on screen + * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords + * @return {Boolean} true if object is fully or partially contained within canvas */ - setAlpha: function(alpha) { - var source = this.getSource(); - source[3] = alpha; - this.setSource(source); - return this; - }, - - /** - * Transforms color to its grayscale representation - * @return {fabric.Color} thisArg - */ - toGrayscale: function() { - var source = this.getSource(), - average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), - currentAlpha = source[3]; - this.setSource([average, average, average, currentAlpha]); - return this; - }, - + isOnScreen(calculate = false) { + if (!this.canvas) { + return false; + } + const { tl, br } = this.canvas.vptCoords; + const points = this.getCoords(true, calculate); + // if some point is on screen, the object is on screen. + if (points.some((point) => point.x <= br.x && + point.x >= tl.x && + point.y <= br.y && + point.y >= tl.y)) { + return true; + } + // no points on screen, check intersection with absolute coordinates + if (this.intersectsWithRect(tl, br, true, calculate)) { + return true; + } + return this._containsCenterOfCanvas(tl, br, calculate); + } /** - * Transforms color to its black and white representation - * @param {Number} threshold - * @return {fabric.Color} thisArg + * Checks if the object contains the midpoint between canvas extremities + * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen + * @private + * @param {Point} pointTL Top Left point + * @param {Point} pointBR Top Right point + * @param {Boolean} calculate use coordinates of current position instead of stored ones + * @return {Boolean} true if the object contains the point */ - toBlackWhite: function(threshold) { - var source = this.getSource(), - average = (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), - currentAlpha = source[3]; - - threshold = threshold || 127; - - average = (Number(average) < Number(threshold)) ? 0 : 255; - this.setSource([average, average, average, currentAlpha]); - return this; - }, - + _containsCenterOfCanvas(pointTL, pointBR, calculate) { + // worst case scenario the object is so big that contains the screen + const centerPoint = pointTL.midPointFrom(pointBR); + return this.containsPoint(centerPoint, undefined, true, calculate); + } /** - * Overlays color with another color - * @param {String|fabric.Color} otherColor - * @return {fabric.Color} thisArg + * Checks if object is partially contained within the canvas with current viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of stored ones + * @return {Boolean} true if object is partially contained within canvas */ - overlayWith: function(otherColor) { - if (!(otherColor instanceof Color)) { - otherColor = new Color(otherColor); - } - - var result = [], - alpha = this.getAlpha(), - otherAlpha = 0.5, - source = this.getSource(), - otherSource = otherColor.getSource(), i; - - for (i = 0; i < 3; i++) { - result.push(Math.round((source[i] * (1 - otherAlpha)) + (otherSource[i] * otherAlpha))); - } - - result[3] = alpha; - this.setSource(result); - return this; - } - }; - - /** - * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) - * @static - * @field - * @memberOf fabric.Color - */ - // eslint-disable-next-line max-len - fabric.Color.reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; - - /** - * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) - * @static - * @field - * @memberOf fabric.Color - */ - fabric.Color.reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}\%)\s*,\s*(\d{1,3}\%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; - - /** - * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) - * @static - * @field - * @memberOf fabric.Color - */ - fabric.Color.reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; - - /** - * Map of the 148 color names with HEX code - * @static - * @field - * @memberOf fabric.Color - * @see: https://www.w3.org/TR/css3-color/#svg-color - */ - fabric.Color.colorNameMap = { - aliceblue: '#F0F8FF', - antiquewhite: '#FAEBD7', - aqua: '#00FFFF', - aquamarine: '#7FFFD4', - azure: '#F0FFFF', - beige: '#F5F5DC', - bisque: '#FFE4C4', - black: '#000000', - blanchedalmond: '#FFEBCD', - blue: '#0000FF', - blueviolet: '#8A2BE2', - brown: '#A52A2A', - burlywood: '#DEB887', - cadetblue: '#5F9EA0', - chartreuse: '#7FFF00', - chocolate: '#D2691E', - coral: '#FF7F50', - cornflowerblue: '#6495ED', - cornsilk: '#FFF8DC', - crimson: '#DC143C', - cyan: '#00FFFF', - darkblue: '#00008B', - darkcyan: '#008B8B', - darkgoldenrod: '#B8860B', - darkgray: '#A9A9A9', - darkgrey: '#A9A9A9', - darkgreen: '#006400', - darkkhaki: '#BDB76B', - darkmagenta: '#8B008B', - darkolivegreen: '#556B2F', - darkorange: '#FF8C00', - darkorchid: '#9932CC', - darkred: '#8B0000', - darksalmon: '#E9967A', - darkseagreen: '#8FBC8F', - darkslateblue: '#483D8B', - darkslategray: '#2F4F4F', - darkslategrey: '#2F4F4F', - darkturquoise: '#00CED1', - darkviolet: '#9400D3', - deeppink: '#FF1493', - deepskyblue: '#00BFFF', - dimgray: '#696969', - dimgrey: '#696969', - dodgerblue: '#1E90FF', - firebrick: '#B22222', - floralwhite: '#FFFAF0', - forestgreen: '#228B22', - fuchsia: '#FF00FF', - gainsboro: '#DCDCDC', - ghostwhite: '#F8F8FF', - gold: '#FFD700', - goldenrod: '#DAA520', - gray: '#808080', - grey: '#808080', - green: '#008000', - greenyellow: '#ADFF2F', - honeydew: '#F0FFF0', - hotpink: '#FF69B4', - indianred: '#CD5C5C', - indigo: '#4B0082', - ivory: '#FFFFF0', - khaki: '#F0E68C', - lavender: '#E6E6FA', - lavenderblush: '#FFF0F5', - lawngreen: '#7CFC00', - lemonchiffon: '#FFFACD', - lightblue: '#ADD8E6', - lightcoral: '#F08080', - lightcyan: '#E0FFFF', - lightgoldenrodyellow: '#FAFAD2', - lightgray: '#D3D3D3', - lightgrey: '#D3D3D3', - lightgreen: '#90EE90', - lightpink: '#FFB6C1', - lightsalmon: '#FFA07A', - lightseagreen: '#20B2AA', - lightskyblue: '#87CEFA', - lightslategray: '#778899', - lightslategrey: '#778899', - lightsteelblue: '#B0C4DE', - lightyellow: '#FFFFE0', - lime: '#00FF00', - limegreen: '#32CD32', - linen: '#FAF0E6', - magenta: '#FF00FF', - maroon: '#800000', - mediumaquamarine: '#66CDAA', - mediumblue: '#0000CD', - mediumorchid: '#BA55D3', - mediumpurple: '#9370DB', - mediumseagreen: '#3CB371', - mediumslateblue: '#7B68EE', - mediumspringgreen: '#00FA9A', - mediumturquoise: '#48D1CC', - mediumvioletred: '#C71585', - midnightblue: '#191970', - mintcream: '#F5FFFA', - mistyrose: '#FFE4E1', - moccasin: '#FFE4B5', - navajowhite: '#FFDEAD', - navy: '#000080', - oldlace: '#FDF5E6', - olive: '#808000', - olivedrab: '#6B8E23', - orange: '#FFA500', - orangered: '#FF4500', - orchid: '#DA70D6', - palegoldenrod: '#EEE8AA', - palegreen: '#98FB98', - paleturquoise: '#AFEEEE', - palevioletred: '#DB7093', - papayawhip: '#FFEFD5', - peachpuff: '#FFDAB9', - peru: '#CD853F', - pink: '#FFC0CB', - plum: '#DDA0DD', - powderblue: '#B0E0E6', - purple: '#800080', - rebeccapurple: '#663399', - red: '#FF0000', - rosybrown: '#BC8F8F', - royalblue: '#4169E1', - saddlebrown: '#8B4513', - salmon: '#FA8072', - sandybrown: '#F4A460', - seagreen: '#2E8B57', - seashell: '#FFF5EE', - sienna: '#A0522D', - silver: '#C0C0C0', - skyblue: '#87CEEB', - slateblue: '#6A5ACD', - slategray: '#708090', - slategrey: '#708090', - snow: '#FFFAFA', - springgreen: '#00FF7F', - steelblue: '#4682B4', - tan: '#D2B48C', - teal: '#008080', - thistle: '#D8BFD8', - tomato: '#FF6347', - turquoise: '#40E0D0', - violet: '#EE82EE', - wheat: '#F5DEB3', - white: '#FFFFFF', - whitesmoke: '#F5F5F5', - yellow: '#FFFF00', - yellowgreen: '#9ACD32' - }; - - /** - * @private - * @param {Number} p - * @param {Number} q - * @param {Number} t - * @return {Number} - */ - function hue2rgb(p, q, t) { - if (t < 0) { - t += 1; - } - if (t > 1) { - t -= 1; + isPartiallyOnScreen(calculate) { + if (!this.canvas) { + return false; + } + const { tl, br } = this.canvas.vptCoords; + if (this.intersectsWithRect(tl, br, true, calculate)) { + return true; + } + const allPointsAreOutside = this.getCoords(true, calculate).every((point) => (point.x >= br.x || point.x <= tl.x) && + (point.y >= br.y || point.y <= tl.y)); + return (allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)); } - if (t < 1 / 6) { - return p + (q - p) * 6 * t; + /** + * Method that returns an object with the object edges in it, given the coordinates of the corners + * @private + * @param {Object} lineCoords or aCoords Coordinates of the object corners + */ + _getImageLines({ tl, tr, bl, br }) { + const lines = { + topline: { + o: tl, + d: tr, + }, + rightline: { + o: tr, + d: br, + }, + bottomline: { + o: br, + d: bl, + }, + leftline: { + o: bl, + d: tl, + }, + }; + // // debugging + // if (this.canvas.contextTop) { + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + // } + return lines; } - if (t < 1 / 2) { - return q; - } - if (t < 2 / 3) { - return p + (q - p) * (2 / 3 - t) * 6; - } - return p; - } - - /** - * Returns new color object, when given a color in RGB format - * @memberOf fabric.Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255) - * @return {fabric.Color} - */ - fabric.Color.fromRgb = function(color) { - return Color.fromSource(Color.sourceFromRgb(color)); - }; - - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format - * @memberOf fabric.Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) - * @return {Array} source - */ - fabric.Color.sourceFromRgb = function(color) { - var match = color.match(Color.reRGBa); - if (match) { - var r = parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1) * (/%$/.test(match[1]) ? 255 : 1), - g = parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1) * (/%$/.test(match[2]) ? 255 : 1), - b = parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1) * (/%$/.test(match[3]) ? 255 : 1); - - return [ - parseInt(r, 10), - parseInt(g, 10), - parseInt(b, 10), - match[4] ? parseFloat(match[4]) : 1 - ]; - } - }; - - /** - * Returns new color object, when given a color in RGBA format - * @static - * @function - * @memberOf fabric.Color - * @param {String} color - * @return {fabric.Color} - */ - fabric.Color.fromRgba = Color.fromRgb; - - /** - * Returns new color object, when given a color in HSL format - * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) - * @memberOf fabric.Color - * @return {fabric.Color} - */ - fabric.Color.fromHsl = function(color) { - return Color.fromSource(Color.sourceFromHsl(color)); - }; - - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. - * Adapted from https://github.com/mjijackson - * @memberOf fabric.Color - * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) - * @return {Array} source - * @see http://http://www.w3.org/TR/css3-color/#hsl-color - */ - fabric.Color.sourceFromHsl = function(color) { - var match = color.match(Color.reHSLa); - if (!match) { - return; + /** + * Helper method to determine how many cross points are between the 4 object edges + * and the horizontal line determined by a point on canvas + * @private + * @param {Point} point Point to check + * @param {Object} lines Coordinates of the object being evaluated + * @return {number} number of crossPoint + */ + _findCrossPoints(point, lines) { + let xcount = 0; + for (const lineKey in lines) { + let xi; + const iLine = lines[lineKey]; + // optimization 1: line below point. no cross + if (iLine.o.y < point.y && iLine.d.y < point.y) { + continue; + } + // optimization 2: line above point. no cross + if (iLine.o.y >= point.y && iLine.d.y >= point.y) { + continue; + } + // optimization 3: vertical line case + if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) { + xi = iLine.o.x; + } + // calculate the intersection point + else { + const b1 = 0; + const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); + const a1 = point.y - b1 * point.x; + const a2 = iLine.o.y - b2 * iLine.o.x; + xi = -(a1 - a2) / (b1 - b2); + } + // don't count xi < point.x cases + if (xi >= point.x) { + xcount += 1; + } + // optimization 4: specific for square images + if (xcount === 2) { + break; + } + } + return xcount; } - - var h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, - s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), - l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1), - r, g, b; - - if (s === 0) { - r = g = b = l; + /** + * Returns coordinates of object's bounding rectangle (left, top, width, height) + * the box is intended as aligned to axis of canvas. + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords + * @return {Object} Object with left, top, width, height properties + */ + getBoundingRect(absolute, calculate) { + return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate)); } - else { - var 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); + /** + * Returns width of an object's bounding box counting transformations + * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? + * @return {Number} width value + */ + getScaledWidth() { + return this._getTransformedDimensions().x; } - - return [ - Math.round(r * 255), - Math.round(g * 255), - Math.round(b * 255), - match[4] ? parseFloat(match[4]) : 1 - ]; - }; - - /** - * Returns new color object, when given a color in HSLA format - * @static - * @function - * @memberOf fabric.Color - * @param {String} color - * @return {fabric.Color} - */ - fabric.Color.fromHsla = Color.fromHsl; - - /** - * Returns new color object, when given a color in HEX format - * @static - * @memberOf fabric.Color - * @param {String} color Color value ex: FF5555 - * @return {fabric.Color} - */ - fabric.Color.fromHex = function(color) { - return Color.fromSource(Color.sourceFromHex(color)); - }; - - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format - * @static - * @memberOf fabric.Color - * @param {String} color ex: FF5555 or FF5544CC (RGBa) - * @return {Array} source - */ - fabric.Color.sourceFromHex = function(color) { - if (color.match(Color.reHex)) { - var value = color.slice(color.indexOf('#') + 1), - isShortNotation = (value.length === 3 || value.length === 4), - isRGBa = (value.length === 8 || value.length === 4), - r = isShortNotation ? (value.charAt(0) + value.charAt(0)) : value.substring(0, 2), - g = isShortNotation ? (value.charAt(1) + value.charAt(1)) : value.substring(2, 4), - b = isShortNotation ? (value.charAt(2) + value.charAt(2)) : value.substring(4, 6), - a = isRGBa ? (isShortNotation ? (value.charAt(3) + value.charAt(3)) : value.substring(6, 8)) : 'FF'; - - return [ - parseInt(r, 16), - parseInt(g, 16), - parseInt(b, 16), - parseFloat((parseInt(a, 16) / 255).toFixed(2)) - ]; - } - }; - - /** - * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) - * @static - * @memberOf fabric.Color - * @param {Array} source - * @return {fabric.Color} - */ - fabric.Color.fromSource = function(source) { - var oColor = new Color(); - oColor.setSource(source); - return oColor; - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'], - skewMap = ['ns', 'nesw', 'ew', 'nwse'], - controls = {}, - LEFT = 'left', TOP = 'top', RIGHT = 'right', BOTTOM = 'bottom', CENTER = 'center', - opposite = { - top: BOTTOM, - bottom: TOP, - left: RIGHT, - right: LEFT, - center: CENTER, - }, radiansToDegrees = fabric.util.radiansToDegrees, - sign = (Math.sign || function(x) { return ((x > 0) - (x < 0)) || +x; }); - - /** - * Combine control position and object angle to find the control direction compared - * to the object center. - * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls - * @param {fabric.Control} control the control class - * @return {Number} 0 - 7 a quadrant number - */ - function findCornerQuadrant(fabricObject, control) { - var cornerAngle = fabricObject.angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; - return Math.round((cornerAngle % 360) / 45); - } - - function fireEvent(eventName, options) { - var target = options.transform.target, - canvas = target.canvas, - canvasOptions = fabric.util.object.clone(options); - canvasOptions.target = target; - canvas && canvas.fire('object:' + eventName, canvasOptions); - target.fire(eventName, options); - } - - /** - * Inspect event and fabricObject properties to understand if the scaling action - * @param {Event} eventData from the user action - * @param {fabric.Object} fabricObject the fabric object about to scale - * @return {Boolean} true if scale is proportional - */ - function scaleIsProportional(eventData, fabricObject) { - var canvas = fabricObject.canvas, uniScaleKey = canvas.uniScaleKey, - uniformIsToggled = eventData[uniScaleKey]; - return (canvas.uniformScaling && !uniformIsToggled) || - (!canvas.uniformScaling && uniformIsToggled); - } - - /** - * Checks if transform is centered - * @param {Object} transform transform data - * @return {Boolean} true if transform is centered - */ - function isTransformCentered(transform) { - return transform.originX === CENTER && transform.originY === CENTER; - } - - /** - * Inspect fabricObject to understand if the current scaling action is allowed - * @param {fabric.Object} fabricObject the fabric object about to scale - * @param {String} by 'x' or 'y' or '' - * @param {Boolean} scaleProportionally true if we are trying to scale proportionally - * @return {Boolean} true if scaling is not allowed at current conditions - */ - function scalingIsForbidden(fabricObject, by, scaleProportionally) { - var lockX = fabricObject.lockScalingX, lockY = fabricObject.lockScalingY; - if (lockX && lockY) { - return true; + /** + * Returns height of an object bounding box counting transformations + * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? + * @return {Number} height value + */ + getScaledHeight() { + return this._getTransformedDimensions().y; } - if (!by && (lockX || lockY) && scaleProportionally) { - return true; + /** + * Scales an object (equally by x and y) + * @param {Number} value Scale factor + * @return {void} + */ + scale(value) { + this._set('scaleX', value); + this._set('scaleY', value); + this.setCoords(); } - if (lockX && by === 'x') { - return true; + /** + * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New width value + * @param {Boolean} absolute ignore viewport + * @return {void} + */ + scaleToWidth(value, absolute) { + // adjust to bounding rect factor so that rotated shapes would fit as well + const boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); + return this.scale(value / this.width / boundingRectFactor); } - if (lockY && by === 'y') { - return true; + /** + * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New height value + * @param {Boolean} absolute ignore viewport + * @return {void} + */ + scaleToHeight(value, absolute = false) { + // adjust to bounding rect factor so that rotated shapes would fit as well + const boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); + return this.scale(value / this.height / boundingRectFactor); } - return false; - } - - /** - * return the correct cursor style for the scale action - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function scaleCursorStyleHandler(eventData, control, fabricObject) { - var notAllowed = 'not-allowed', - scaleProportionally = scaleIsProportional(eventData, fabricObject), - by = ''; - if (control.x !== 0 && control.y === 0) { - by = 'x'; - } - else if (control.x === 0 && control.y !== 0) { - by = 'y'; + /** + * Returns the object angle relative to canvas counting also the group property + * @returns {TDegree} + */ + getTotalAngle() { + return this.group + ? qrDecompose(this.calcTransformMatrix()).angle + : this.angle; } - if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { - return notAllowed; + /** + * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates + * used for bounding box interactivity with the mouse + * @returns {TCornerPoint} + */ + calcLineCoords() { + const vpt = this.getViewportTransform(), padding = this.padding, angle = degreesToRadians(this.getTotalAngle()), cosP = cos(angle) * padding, sinP = sin(angle) * padding, cosPSinP = cosP + sinP, cosPMinusSinP = cosP - sinP, { tl, tr, bl, br } = this.calcACoords(); + const lineCoords = { + tl: transformPoint(tl, vpt), + tr: transformPoint(tr, vpt), + bl: transformPoint(bl, vpt), + br: transformPoint(br, vpt), + }; + if (padding) { + lineCoords.tl.x -= cosPMinusSinP; + lineCoords.tl.y -= cosPSinP; + lineCoords.tr.x += cosPSinP; + lineCoords.tr.y -= cosPMinusSinP; + lineCoords.bl.x -= cosPSinP; + lineCoords.bl.y += cosPMinusSinP; + lineCoords.br.x += cosPMinusSinP; + lineCoords.br.y += cosPSinP; + } + return lineCoords; } - var n = findCornerQuadrant(fabricObject, control); - return scaleMap[n] + '-resize'; - } - - /** - * return the correct cursor style for the skew action - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function skewCursorStyleHandler(eventData, control, fabricObject) { - var notAllowed = 'not-allowed'; - if (control.x !== 0 && fabricObject.lockSkewingY) { - return notAllowed; - } - if (control.y !== 0 && fabricObject.lockSkewingX) { - return notAllowed; - } - var n = findCornerQuadrant(fabricObject, control) % 4; - return skewMap[n] + '-resize'; - } - - /** - * Combine skew and scale style handlers to cover fabric standard use case - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function scaleSkewCursorStyleHandler(eventData, control, fabricObject) { - if (eventData[fabricObject.canvas.altActionKey]) { - return controls.skewCursorStyleHandler(eventData, control, fabricObject); - } - return controls.scaleCursorStyleHandler(eventData, control, fabricObject); - } - - /** - * Inspect event, control and fabricObject to return the correct action name - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} an action name - */ - function scaleOrSkewActionName(eventData, control, fabricObject) { - var isAlternative = eventData[fabricObject.canvas.altActionKey]; - if (control.x === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewX' : 'scaleY'; + /** + * Retrieves viewportTransform from Object's canvas if possible + * @method getViewportTransform + * @memberOf FabricObject.prototype + * @return {TMat2D} + */ + getViewportTransform() { + var _a; + return ((_a = this.canvas) === null || _a === void 0 ? void 0 : _a.viewportTransform) || iMatrix.concat(); } - if (control.y === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewY' : 'scaleX'; + /** + * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates. + * those never change with zoom or viewport changes. + * @return {TCornerPoint} + */ + calcACoords() { + const rotateMatrix = calcRotateMatrix({ angle: this.angle }), center = this.getRelativeCenterPoint(), translateMatrix = [1, 0, 0, 1, center.x, center.y], finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix), dim = this._getTransformedDimensions(), w = dim.x / 2, h = dim.y / 2; + return { + // corners + tl: transformPoint({ x: -w, y: -h }, finalMatrix), + tr: transformPoint({ x: w, y: -h }, finalMatrix), + bl: transformPoint({ x: -w, y: h }, finalMatrix), + br: transformPoint({ x: w, y: h }, finalMatrix), + }; } - } - - /** - * Find the correct style for the control that is used for rotation. - * this function is very simple and it just take care of not-allowed or standard cursor - * @param {Event} eventData the javascript event that is causing the scale - * @param {fabric.Control} control the control that is interested in the action - * @param {fabric.Object} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ - function rotationStyleHandler(eventData, control, fabricObject) { - if (fabricObject.lockRotation) { - return 'not-allowed'; + /** + * Sets corner and controls position coordinates based on current angle, width and height, left and top. + * aCoords are used to quickly find an object on the canvas + * lineCoords are used to quickly find object during pointer events. + * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} + * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords. + * @return {void} + */ + setCoords() { + this.aCoords = this.calcACoords(); + // in case we are in a group, for how the inner group target check works, + // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. + this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); + } + transformMatrixKey(skipGroup = false) { + const sep = '_'; + let prefix = ''; + if (!skipGroup && this.group) { + prefix = this.group.transformMatrixKey(skipGroup) + sep; + } + return (prefix + + this.top + + sep + + this.left + + sep + + this.scaleX + + sep + + this.scaleY + + sep + + this.skewX + + sep + + this.skewY + + sep + + this.angle + + sep + + this.originX + + sep + + this.originY + + sep + + this.width + + sep + + this.height + + sep + + this.strokeWidth + + this.flipX + + this.flipY); } - return control.cursorStyle; - } - - function commonEventInfo(eventData, transform, x, y) { - return { - e: eventData, - transform: transform, - pointer: { - x: x, - y: y, - } - }; - } - - /** - * Wrap an action handler with saving/restoring object position on the transform. - * this is the code that permits to objects to keep their position while transforming. - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ - function wrapWithFixedAnchor(actionHandler) { - return function(eventData, transform, x, y) { - var target = transform.target, centerPoint = target.getCenterPoint(), - constraint = target.translateToOriginPoint(centerPoint, transform.originX, transform.originY), - actionPerformed = actionHandler(eventData, transform, x, y); - target.setPositionByOrigin(constraint, transform.originX, transform.originY); - return actionPerformed; - }; - } - - /** - * Wrap an action handler with firing an event if the action is performed - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ - function wrapWithFireEvent(eventName, actionHandler) { - return function(eventData, transform, x, y) { - var actionPerformed = actionHandler(eventData, transform, x, y); - if (actionPerformed) { - fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); - } - return actionPerformed; - }; - } - - /** - * Transforms a point described by x and y in a distance from the top left corner of the object - * bounding box. - * @param {Object} transform - * @param {String} originX - * @param {String} originY - * @param {number} x - * @param {number} y - * @return {Fabric.Point} the normalized point - */ - function getLocalPoint(transform, originX, originY, x, y) { - var target = transform.target, - control = target.controls[transform.corner], - zoom = target.canvas.getZoom(), - padding = target.padding / zoom, - localPoint = target.toLocalPoint(new fabric.Point(x, y), originX, originY); - if (localPoint.x >= padding) { - localPoint.x -= padding; + /** + * calculate transform matrix that represents the current transformations from the + * object's properties. + * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations + * There are some situation in which this is useful to avoid the fake rotation. + * @return {TMat2D} transform matrix for the object + */ + calcTransformMatrix(skipGroup = false) { + let matrix = this.calcOwnMatrix(); + if (skipGroup || !this.group) { + return matrix; + } + const key = this.transformMatrixKey(skipGroup), cache = this.matrixCache; + if (cache && cache.key === key) { + return cache.value; + } + if (this.group) { + matrix = multiplyTransformMatrices(this.group.calcTransformMatrix(false), matrix); + } + this.matrixCache = { + key, + value: matrix, + }; + return matrix; } - if (localPoint.x <= -padding) { - localPoint.x += padding; + /** + * calculate transform matrix that represents the current transformations from the + * object's properties, this matrix does not include the group transformation + * @return {TMat2D} transform matrix for the object + */ + calcOwnMatrix() { + const key = this.transformMatrixKey(true), cache = this.ownMatrixCache; + if (cache && cache.key === key) { + return cache.value; + } + const center = this.getRelativeCenterPoint(), options = { + angle: this.angle, + translateX: center.x, + translateY: center.y, + scaleX: this.scaleX, + scaleY: this.scaleY, + skewX: this.skewX, + skewY: this.skewY, + flipX: this.flipX, + flipY: this.flipY, + }, value = composeMatrix(options); + this.ownMatrixCache = { + key, + value, + }; + return value; } - if (localPoint.y >= padding) { - localPoint.y -= padding; + /** + * Calculate object dimensions from its properties + * @private + * @returns {Point} dimensions + */ + _getNonTransformedDimensions() { + return new Point(this.width, this.height).scalarAdd(this.strokeWidth); } - if (localPoint.y <= padding) { - localPoint.y += padding; + /** + * Calculate object dimensions for controls box, including padding and canvas zoom. + * and active selection + * @private + * @param {object} [options] transform options + * @returns {Point} dimensions + */ + _calculateCurrentDimensions(options) { + return this._getTransformedDimensions(options) + .transform(this.getViewportTransform(), true) + .scalarAdd(2 * this.padding); } - localPoint.x -= control.offsetX; - localPoint.y -= control.offsetY; - return localPoint; - } - - /** - * Detect if the fabric object is flipped on one side. - * @param {fabric.Object} target - * @return {Boolean} true if one flip, but not two. - */ - function targetHasOneFlip(target) { - return target.flipX !== target.flipY; - } - - /** - * Utility function to compensate the scale factor when skew is applied on both axes - * @private - */ - function compensateScaleForSkew(target, oppositeSkew, scaleToCompensate, axis, reference) { - if (target[oppositeSkew] !== 0) { - var newDim = target._getTransformedDimensions()[axis]; - var newValue = reference / newDim * target[scaleToCompensate]; - target.set(scaleToCompensate, newValue); - } - } +} - /** - * Action handler for skewing on the X axis - * @private - */ - function skewObjectX(eventData, transform, x, y) { - var target = transform.target, - // find how big the object would be, if there was no skewX. takes in account scaling - dimNoSkew = target._getTransformedDimensions(0, target.skewY), - localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), - // the mouse is in the center of the object, and we want it to stay there. - // so the object will grow twice as much as the mouse. - // this makes the skew growth to localPoint * 2 - dimNoSkew. - totalSkewSize = Math.abs(localPoint.x * 2) - dimNoSkew.x, - currentSkew = target.skewX, newSkew; - if (totalSkewSize < 2) { - // let's make it easy to go back to position 0. - newSkew = 0; +const ALIASING_LIMIT = 2; +/** + * Root object class from which all 2d shape classes inherit from + * @class fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} + * @see {@link fabric.Object#initialize} for constructor definition + * + * @fires added + * @fires removed + * + * @fires selected + * @fires deselected + * @fires modified + * @fires modified + * @fires moved + * @fires scaled + * @fires rotated + * @fires skewed + * + * @fires rotating + * @fires scaling + * @fires moving + * @fires skewing + * + * @fires mousedown + * @fires mouseup + * @fires mouseover + * @fires mouseout + * @fires mousewheel + * @fires mousedblclick + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drop + */ +class FabricObject extends ObjectGeometry { + /** + * Constructor + * @param {Object} [options] Options object + */ + constructor(options) { + super(); + /** + * Quick access for the _cacheCanvas rendering context + * This is part of the objectCaching feature + * since 1.7.0 + * @type boolean + * @default undefined + * @private + */ + this._cacheContext = null; + if (options) { + this.setOptions(options); + } } - else { - newSkew = radiansToDegrees( - Math.atan2((totalSkewSize / target.scaleX), (dimNoSkew.y / target.scaleY)) - ); - // now we have to find the sign of the skew. - // it mostly depend on the origin of transformation. - if (transform.originX === LEFT && transform.originY === BOTTOM) { - newSkew = -newSkew; - } - if (transform.originX === RIGHT && transform.originY === TOP) { - newSkew = -newSkew; - } - if (targetHasOneFlip(target)) { - newSkew = -newSkew; - } - } - var hasSkewed = currentSkew !== newSkew; - if (hasSkewed) { - var dimBeforeSkewing = target._getTransformedDimensions().y; - target.set('skewX', newSkew); - compensateScaleForSkew(target, 'skewY', 'scaleY', 'y', dimBeforeSkewing); - } - return hasSkewed; - } - - /** - * Action handler for skewing on the Y axis - * @private - */ - function skewObjectY(eventData, transform, x, y) { - var target = transform.target, - // find how big the object would be, if there was no skewX. takes in account scaling - dimNoSkew = target._getTransformedDimensions(target.skewX, 0), - localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), - // the mouse is in the center of the object, and we want it to stay there. - // so the object will grow twice as much as the mouse. - // this makes the skew growth to localPoint * 2 - dimNoSkew. - totalSkewSize = Math.abs(localPoint.y * 2) - dimNoSkew.y, - currentSkew = target.skewY, newSkew; - if (totalSkewSize < 2) { - // let's make it easy to go back to position 0. - newSkew = 0; + /** + * Temporary compatibility issue with old classes + * @param {Object} [options] Options object + */ + initialize(options) { + if (options) { + this.setOptions(options); + } } - else { - newSkew = radiansToDegrees( - Math.atan2((totalSkewSize / target.scaleY), (dimNoSkew.x / target.scaleX)) - ); - // now we have to find the sign of the skew. - // it mostly depend on the origin of transformation. - if (transform.originX === LEFT && transform.originY === BOTTOM) { - newSkew = -newSkew; - } - if (transform.originX === RIGHT && transform.originY === TOP) { - newSkew = -newSkew; - } - if (targetHasOneFlip(target)) { - newSkew = -newSkew; - } - } - var hasSkewed = currentSkew !== newSkew; - if (hasSkewed) { - var dimBeforeSkewing = target._getTransformedDimensions().x; - target.set('skewY', newSkew); - compensateScaleForSkew(target, 'skewX', 'scaleX', 'x', dimBeforeSkewing); - } - return hasSkewed; - } - - /** - * Wrapped Action handler for skewing on the Y axis, takes care of the - * skew direction and determine the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function skewHandlerX(eventData, transform, x, y) { - // step1 figure out and change transform origin. - // if skewX > 0 and originY bottom we anchor on right - // if skewX > 0 and originY top we anchor on left - // if skewX < 0 and originY bottom we anchor on left - // if skewX < 0 and originY top we anchor on right - // if skewX is 0, we look for mouse position to understand where are we going. - var target = transform.target, currentSkew = target.skewX, originX, originY = transform.originY; - if (target.lockSkewingX) { - return false; - } - if (currentSkew === 0) { - var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); - if (localPointFromCenter.x > 0) { - // we are pulling right, anchor left; - originX = LEFT; - } - else { - // we are pulling right, anchor right - originX = RIGHT; - } + /** + * Create a the canvas used to keep the cached copy of the object + * @private + */ + _createCacheCanvas() { + this._cacheCanvas = createCanvasElement(); + this._cacheContext = this._cacheCanvas.getContext('2d'); + this._updateCacheCanvas(); + // if canvas gets created, is empty, so dirty. + this.dirty = true; } - else { - if (currentSkew > 0) { - originX = originY === TOP ? LEFT : RIGHT; - } - if (currentSkew < 0) { - originX = originY === TOP ? RIGHT : LEFT; - } - // is the object flipped on one side only? swap the origin. - if (targetHasOneFlip(target)) { - originX = originX === LEFT ? RIGHT : LEFT; - } + /** + * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal + * and each side do not cross fabric.cacheSideLimit + * those numbers are configurable so that you can get as much detail as you want + * making bargain with performances. + * @param {Object} dims + * @param {Object} dims.width width of canvas + * @param {Object} dims.height height of canvas + * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _limitCacheSize(dims) { + const width = dims.width, height = dims.height, max = config.maxCacheSideLimit, min = config.minCacheSideLimit; + if (width <= max && + height <= max && + width * height <= config.perfLimitSizeTotal) { + if (width < min) { + dims.width = min; + } + if (height < min) { + dims.height = min; + } + return dims; + } + const ar = width / height, [limX, limY] = cache.limitDimsByArea(ar), x = capValue(min, limX, max), y = capValue(min, limY, max); + if (width > x) { + dims.zoomX /= width / x; + dims.width = x; + dims.capped = true; + } + if (height > y) { + dims.zoomY /= height / y; + dims.height = y; + dims.capped = true; + } + return dims; } - - // once we have the origin, we find the anchor point - transform.originX = originX; - var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectX)); - return finalHandler(eventData, transform, x, y); - } - - /** - * Wrapped Action handler for skewing on the Y axis, takes care of the - * skew direction and determine the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function skewHandlerY(eventData, transform, x, y) { - // step1 figure out and change transform origin. - // if skewY > 0 and originX left we anchor on top - // if skewY > 0 and originX right we anchor on bottom - // if skewY < 0 and originX left we anchor on bottom - // if skewY < 0 and originX right we anchor on top - // if skewY is 0, we look for mouse position to understand where are we going. - var target = transform.target, currentSkew = target.skewY, originY, originX = transform.originX; - if (target.lockSkewingY) { - return false; - } - if (currentSkew === 0) { - var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); - if (localPointFromCenter.y > 0) { - // we are pulling down, anchor up; - originY = TOP; - } - else { - // we are pulling up, anchor down - originY = BOTTOM; - } + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. + * @private + * @return {Object}.x width of object to be cached + * @return {Object}.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _getCacheCanvasDimensions() { + const objectScale = this.getTotalObjectScaling(), + // calculate dimensions without skewing + dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }), neededX = (dim.x * objectScale.x) / this.scaleX, neededY = (dim.y * objectScale.y) / this.scaleY; + return { + // for sure this ALIASING_LIMIT is slightly creating problem + // in situation in which the cache canvas gets an upper limit + // also objectScale contains already scaleX and scaleY + width: neededX + ALIASING_LIMIT, + height: neededY + ALIASING_LIMIT, + zoomX: objectScale.x, + zoomY: objectScale.y, + x: neededX, + y: neededY, + }; } - else { - if (currentSkew > 0) { - originY = originX === LEFT ? TOP : BOTTOM; - } - if (currentSkew < 0) { - originY = originX === LEFT ? BOTTOM : TOP; - } - // is the object flipped on one side only? swap the origin. - if (targetHasOneFlip(target)) { - originY = originY === TOP ? BOTTOM : TOP; - } + /** + * Update width and height of the canvas for cache + * returns true or false if canvas needed resize. + * @private + * @return {Boolean} true if the canvas has been resized + */ + _updateCacheCanvas() { + const targetCanvas = this.canvas; + if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { + const target = targetCanvas._currentTransform.target, action = targetCanvas._currentTransform.action; + if (this === target && action.slice && action.slice(0, 5) === 'scale') { + return false; + } + } + const canvas = this._cacheCanvas, context = this._cacheContext, dims = this._limitCacheSize(this._getCacheCanvasDimensions()), minCacheSize = config.minCacheSideLimit, width = dims.width, height = dims.height, zoomX = dims.zoomX, zoomY = dims.zoomY, dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY; + if (!canvas || !context) { + return false; + } + let drawingWidth, drawingHeight, shouldRedraw = dimensionsChanged || zoomChanged, additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; + if (dimensionsChanged) { + const canvasWidth = this._cacheCanvas.width, canvasHeight = this._cacheCanvas.height, sizeGrowing = width > canvasWidth || height > canvasHeight, sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && + canvasWidth > minCacheSize && + canvasHeight > minCacheSize; + shouldResizeCanvas = sizeGrowing || sizeShrinking; + if (sizeGrowing && + !dims.capped && + (width > minCacheSize || height > minCacheSize)) { + additionalWidth = width * 0.1; + additionalHeight = height * 0.1; + } + } + if (this instanceof fabric$1.Text && this.path) { + shouldRedraw = true; + shouldResizeCanvas = true; + // IMHO in those lines we are using zoomX and zoomY not the this version. + additionalWidth += this.getHeightOfLine(0) * this.zoomX; + additionalHeight += this.getHeightOfLine(0) * this.zoomY; + } + if (shouldRedraw) { + if (shouldResizeCanvas) { + canvas.width = Math.ceil(width + additionalWidth); + canvas.height = Math.ceil(height + additionalHeight); + } + else { + context.setTransform(1, 0, 0, 1, 0, 0); + context.clearRect(0, 0, canvas.width, canvas.height); + } + drawingWidth = dims.x / 2; + drawingHeight = dims.y / 2; + this.cacheTranslationX = + Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; + this.cacheTranslationY = + Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; + this.cacheWidth = width; + this.cacheHeight = height; + context.translate(this.cacheTranslationX, this.cacheTranslationY); + context.scale(zoomX, zoomY); + this.zoomX = zoomX; + this.zoomY = zoomY; + return true; + } + return false; } - - // once we have the origin, we find the anchor point - transform.originY = originY; - var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectY)); - return finalHandler(eventData, transform, x, y); - } - - /** - * Action handler for rotation and snapping, without anchor point. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - * @private - */ - function rotationWithSnapping(eventData, transform, x, y) { - var t = transform, - target = t.target, - pivotPoint = target.translateToOriginPoint(target.getCenterPoint(), t.originX, t.originY); - - if (target.lockRotation) { - return false; + /** + * Sets object's properties from options + * @param {Object} [options] Options object + */ + setOptions(options = {}) { + this._setOptions(options); } - - var lastAngle = Math.atan2(t.ey - pivotPoint.y, t.ex - pivotPoint.x), - curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x), - angle = radiansToDegrees(curAngle - lastAngle + t.theta), - hasRotated = true; - - if (target.snapAngle > 0) { - var snapAngle = target.snapAngle, - snapThreshold = target.snapThreshold || snapAngle, - rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, - leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; - - if (Math.abs(angle - leftAngleLocked) < snapThreshold) { - angle = leftAngleLocked; - } - else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { - angle = rightAngleLocked; - } - } - - // normalize angle to positive value - if (angle < 0) { - angle = 360 + angle; - } - angle %= 360; - - hasRotated = target.angle !== angle; - target.angle = angle; - return hasRotated; - } - - /** - * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @param {Object} options additional information for scaling - * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling - * @return {Boolean} true if some change happened - * @private - */ - function scaleObject(eventData, transform, x, y, options) { - options = options || {}; - var target = transform.target, - lockScalingX = target.lockScalingX, lockScalingY = target.lockScalingY, - by = options.by, newPoint, scaleX, scaleY, dim, - scaleProportionally = scaleIsProportional(eventData, target), - forbidScaling = scalingIsForbidden(target, by, scaleProportionally), - signX, signY, gestureScale = transform.gestureScale; - - if (forbidScaling) { - return false; - } - if (gestureScale) { - scaleX = transform.scaleX * gestureScale; - scaleY = transform.scaleY * gestureScale; - } - else { - newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); - // use of sign: We use sign to detect change of direction of an action. sign usually change when - // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling - // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily - // cross many time the origin point and flip the object. so we need a way to filter out the noise. - // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. - signX = by !== 'y' ? sign(newPoint.x) : 1; - signY = by !== 'x' ? sign(newPoint.y) : 1; - if (!transform.signX) { - transform.signX = signX; - } - if (!transform.signY) { - transform.signY = signY; - } - - if (target.lockScalingFlip && - (transform.signX !== signX || transform.signY !== signY) - ) { - return false; - } - - dim = target._getTransformedDimensions(); - // missing detection of flip and logic to switch the origin - if (scaleProportionally && !by) { - // uniform scaling - var distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), - original = transform.original, - originalDistance = Math.abs(dim.x * original.scaleX / target.scaleX) + - Math.abs(dim.y * original.scaleY / target.scaleY), - scale = distance / originalDistance; - scaleX = original.scaleX * scale; - scaleY = original.scaleY * scale; - } - else { - scaleX = Math.abs(newPoint.x * target.scaleX / dim.x); - scaleY = Math.abs(newPoint.y * target.scaleY / dim.y); - } - // if we are scaling by center, we need to double the scale - if (isTransformCentered(transform)) { - scaleX *= 2; - scaleY *= 2; - } - if (transform.signX !== signX && by !== 'y') { - transform.originX = opposite[transform.originX]; - scaleX *= -1; - transform.signX = signX; - } - if (transform.signY !== signY && by !== 'x') { - transform.originY = opposite[transform.originY]; - scaleY *= -1; - transform.signY = signY; - } - } - // minScale is taken are in the setter. - var oldScaleX = target.scaleX, oldScaleY = target.scaleY; - if (!by) { - !lockScalingX && target.set('scaleX', scaleX); - !lockScalingY && target.set('scaleY', scaleY); - } - else { - // forbidden cases already handled on top here. - by === 'x' && target.set('scaleX', scaleX); - by === 'y' && target.set('scaleY', scaleY); - } - return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; - } - - /** - * Generic scaling logic, to scale from corners either equally or freely. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scaleObjectFromCorner(eventData, transform, x, y) { - return scaleObject(eventData, transform, x, y); - } - - /** - * Scaling logic for the X axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scaleObjectX(eventData, transform, x, y) { - return scaleObject(eventData, transform, x, y , { by: 'x' }); - } - - /** - * Scaling logic for the Y axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scaleObjectY(eventData, transform, x, y) { - return scaleObject(eventData, transform, x, y , { by: 'y' }); - } - - /** - * Composed action handler to either scale Y or skew X - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scalingYOrSkewingX(eventData, transform, x, y) { - // ok some safety needed here. - if (eventData[transform.target.canvas.altActionKey]) { - return controls.skewHandlerX(eventData, transform, x, y); - } - return controls.scalingY(eventData, transform, x, y); - } - - /** - * Composed action handler to either scale X or skew Y - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function scalingXOrSkewingY(eventData, transform, x, y) { - // ok some safety needed here. - if (eventData[transform.target.canvas.altActionKey]) { - return controls.skewHandlerY(eventData, transform, x, y); - } - return controls.scalingX(eventData, transform, x, y); - } - - /** - * Action handler to change textbox width - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ - function changeWidth(eventData, transform, x, y) { - var target = transform.target, localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), - strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), - multiplier = isTransformCentered(transform) ? 2 : 1, - oldWidth = target.width, - newWidth = Math.abs(localPoint.x * multiplier / target.scaleX) - strokePadding; - target.set('width', Math.max(newWidth, 0)); - return oldWidth !== newWidth; - } - - /** - * Action handler - * @private - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if the translation occurred - */ - function dragHandler(eventData, transform, x, y) { - var target = transform.target, - newLeft = x - transform.offsetX, - newTop = y - transform.offsetY, - moveX = !target.get('lockMovementX') && target.left !== newLeft, - moveY = !target.get('lockMovementY') && target.top !== newTop; - moveX && target.set('left', newLeft); - moveY && target.set('top', newTop); - if (moveX || moveY) { - fireEvent('moving', commonEventInfo(eventData, transform, x, y)); - } - return moveX || moveY; - } - - controls.scaleCursorStyleHandler = scaleCursorStyleHandler; - controls.skewCursorStyleHandler = skewCursorStyleHandler; - controls.scaleSkewCursorStyleHandler = scaleSkewCursorStyleHandler; - controls.rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotationWithSnapping)); - controls.scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor( scaleObjectFromCorner)); - controls.scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); - controls.scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); - controls.scalingYOrSkewingX = scalingYOrSkewingX; - controls.scalingXOrSkewingY = scalingXOrSkewingY; - controls.changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeWidth)); - controls.skewHandlerX = skewHandlerX; - controls.skewHandlerY = skewHandlerY; - controls.dragHandler = dragHandler; - controls.scaleOrSkewActionName = scaleOrSkewActionName; - controls.rotationStyleHandler = rotationStyleHandler; - controls.fireEvent = fireEvent; - controls.wrapWithFixedAnchor = wrapWithFixedAnchor; - controls.wrapWithFireEvent = wrapWithFireEvent; - controls.getLocalPoint = getLocalPoint; - fabric.controlsUtils = controls; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - degreesToRadians = fabric.util.degreesToRadians, - controls = fabric.controlsUtils; - - /** - * Render a round control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for fabric.Object controls style - * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls - */ - function renderCircleControl (ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, - ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, - transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? - styleOverride.transparentCorners : fabricObject.transparentCorners, - methodName = transparentCorners ? 'stroke' : 'fill', - stroke = !transparentCorners && (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), - myLeft = left, - myTop = top, size; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; - ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; - // as soon as fabric react v5, remove ie11, use proper ellipse code. - if (xSize > ySize) { - size = xSize; - ctx.scale(1.0, ySize / xSize); - myTop = top * xSize / ySize; - } - else if (ySize > xSize) { - size = ySize; - ctx.scale(xSize / ySize, 1.0); - myLeft = left * ySize / xSize; - } - else { - size = xSize; - } - // this is still wrong - ctx.lineWidth = 1; - ctx.beginPath(); - ctx.arc(myLeft, myTop, size / 2, 0, 2 * Math.PI, false); - ctx[methodName](); - if (stroke) { - ctx.stroke(); - } - ctx.restore(); - } - - /** - * Render a square control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for fabric.Object controls style - * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls - */ - function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, - ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, - transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? - styleOverride.transparentCorners : fabricObject.transparentCorners, - methodName = transparentCorners ? 'stroke' : 'fill', - stroke = !transparentCorners && ( - styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor - ), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; - ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; - // this is still wrong - ctx.lineWidth = 1; - ctx.translate(left, top); - ctx.rotate(degreesToRadians(fabricObject.angle)); - // this does not work, and fixed with ( && ) does not make sense. - // to have real transparent corners we need the controls on upperCanvas - // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - ctx[methodName + 'Rect'](-xSizeBy2, -ySizeBy2, xSize, ySize); - if (stroke) { - ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - } - ctx.restore(); - } - - controls.renderCircleControl = renderCircleControl; - controls.renderSquareControl = renderSquareControl; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - function Control(options) { - for (var i in options) { - this[i] = options[i]; - } - } - - fabric.Control = Control; - - fabric.Control.prototype = /** @lends fabric.Control.prototype */ { - /** - * keep track of control visibility. - * mainly for backward compatibility. - * if you do not want to see a control, you can remove it - * from the controlset. - * @type {Boolean} - * @default true + * Transforms context when rendering an object + * @param {CanvasRenderingContext2D} ctx Context */ - visible: true, - - /** - * Name of the action that the control will likely execute. - * This is optional. FabricJS uses to identify what the user is doing for some - * extra optimizations. If you are writing a custom control and you want to know - * somewhere else in the code what is going on, you can use this string here. - * you can also provide a custom getActionName if your control run multiple actions - * depending on some external state. - * default to scale since is the most common, used on 4 corners by default - * @type {String} - * @default 'scale' - */ - actionName: 'scale', - + transform(ctx) { + const needFullTransform = (this.group && !this.group._transformDone) || + (this.group && this.canvas && ctx === this.canvas.contextTop); + const m = this.calcTransformMatrix(!needFullTransform); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + } /** - * Drawing angle of the control. - * NOT used for now, but name marked as needed for internal logic - * example: to reuse the same drawing function for different rotated controls - * @type {Number} - * @default 0 + * Returns an object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance */ - angle: 0, - + toObject(propertiesToInclude) { + const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, clipPathData = this.clipPath && !this.clipPath.excludeFromExport + ? Object.assign(Object.assign({}, this.clipPath.toObject(propertiesToInclude)), { inverted: this.clipPath.inverted, absolutePositioned: this.clipPath.absolutePositioned }) : null, object = Object.assign(Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, version: version, originX: this.originX, originY: this.originY, left: toFixed(this.left, NUM_FRACTION_DIGITS), top: toFixed(this.top, NUM_FRACTION_DIGITS), width: toFixed(this.width, NUM_FRACTION_DIGITS), height: toFixed(this.height, NUM_FRACTION_DIGITS), fill: this.fill && this.fill.toObject ? this.fill.toObject() : this.fill, stroke: this.stroke && this.stroke.toObject + ? this.stroke.toObject() + : this.stroke, strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), strokeDashArray: this.strokeDashArray + ? this.strokeDashArray.concat() + : this.strokeDashArray, strokeLineCap: this.strokeLineCap, strokeDashOffset: this.strokeDashOffset, strokeLineJoin: this.strokeLineJoin, strokeUniform: this.strokeUniform, strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), angle: toFixed(this.angle, NUM_FRACTION_DIGITS), flipX: this.flipX, flipY: this.flipY, opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), shadow: this.shadow && this.shadow.toObject + ? this.shadow.toObject() + : this.shadow, visible: this.visible, backgroundColor: this.backgroundColor, fillRule: this.fillRule, paintFirst: this.paintFirst, globalCompositeOperation: this.globalCompositeOperation, skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS) }), (clipPathData ? { clipPath: clipPathData } : null)); + return !this.includeDefaultValues + ? this._removeDefaultValues(object) + : object; + } /** - * Relative position of the control. X - * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 + * Returns (dataless) object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance */ - x: 0, - + toDatalessObject(propertiesToInclude) { + // will be overwritten by subclasses + return this.toObject(propertiesToInclude); + } /** - * Relative position of the control. Y - * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 + * @private + * @param {Object} object */ - y: 0, - - /** - * Horizontal offset of the control from the defined position. In pixels - * Positive offset moves the control to the right, negative to the left. - * It used when you want to have position of control that does not scale with - * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on - * the boundindbox, with an offset of 30 pixels vertically. Those 30 pixels will - * stay 30 pixels no matter how the object is big. Another example is having 2 - * controls in the corner, that stay in the same position when the object scale. - * of the bounding box. - * @type {Number} - * @default 0 - */ - offsetX: 0, - + _removeDefaultValues(object) { + const prototype = fabric$1.util.getKlass(object.type).prototype; + Object.keys(object).forEach(function (prop) { + if (prop === 'left' || prop === 'top' || prop === 'type') { + return; + } + if (object[prop] === prototype[prop]) { + delete object[prop]; + } + // basically a check for [] === [] + if (Array.isArray(object[prop]) && + Array.isArray(prototype[prop]) && + object[prop].length === 0 && + prototype[prop].length === 0) { + delete object[prop]; + } + }); + return object; + } /** - * Vertical offset of the control from the defined position. In pixels - * Positive offset moves the control to the bottom, negative to the top. - * @type {Number} - * @default 0 + * Returns a string representation of an instance + * @return {String} */ - offsetY: 0, - + toString() { + return '#'; + } /** - * Sets the length of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null + * Return the object scale factor counting also the group scaling + * @return {Point} */ - sizeX: null, - + getObjectScaling() { + // if the object is a top level one, on the canvas, we go for simple aritmetic + // otherwise the complex method with angles will return approximations and decimals + // and will likely kill the cache when not needed + // https://github.com/fabricjs/fabric.js/issues/7157 + if (!this.group) { + return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY)); + } + // if we are inside a group total zoom calculation is complex, we defer to generic matrices + const options = qrDecompose(this.calcTransformMatrix()); + return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY)); + } /** - * Sets the height of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null + * Return the object scale factor counting also the group scaling, zoom and retina + * @return {Object} object with scaleX and scaleY properties */ - sizeY: null, - + getTotalObjectScaling() { + const scale = this.getObjectScaling(); + if (this.canvas) { + const zoom = this.canvas.getZoom(); + const retina = this.canvas.getRetinaScaling(); + return scale.scalarMultiply(zoom * retina); + } + return scale; + } /** - * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null + * Return the object opacity counting also the group property + * @return {Number} */ - touchSizeX: null, - + getObjectOpacity() { + let opacity = this.opacity; + if (this.group) { + opacity *= this.group.getObjectOpacity(); + } + return opacity; + } /** - * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null + * Makes sure the scale is valid and modifies it if necessary + * @todo: this is a control action issue, not a geometry one + * @private + * @param {Number} value, unconstrained + * @return {Number} constrained value; */ - touchSizeY: null, - + _constrainScale(value) { + if (Math.abs(value) < this.minScaleLimit) { + if (value < 0) { + return -this.minScaleLimit; + } + else { + return this.minScaleLimit; + } + } + else if (value === 0) { + return 0.0001; + } + return value; + } /** - * Css cursor style to display when the control is hovered. - * if the method `cursorStyleHandler` is provided, this property is ignored. - * @type {String} - * @default 'crosshair' + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Object} thisArg */ - cursorStyle: 'crosshair', - - /** - * If controls has an offsetY or offsetX, draw a line that connects - * the control to the bounding box - * @type {Boolean} - * @default false + _set(key, value) { + const shouldConstrainValue = key === 'scaleX' || key === 'scaleY', isChanged = this[key] !== value; + if (shouldConstrainValue) { + value = this._constrainScale(value); + } + if (key === 'scaleX' && value < 0) { + this.flipX = !this.flipX; + value *= -1; + } + else if (key === 'scaleY' && value < 0) { + this.flipY = !this.flipY; + value *= -1; + } + else if (key === 'shadow' && value && !(value instanceof fabric$1.Shadow)) { + value = new fabric$1.Shadow(value); + } + else if (key === 'dirty' && this.group) { + this.group.set('dirty', value); + } + this[key] = value; + if (isChanged) { + const groupNeedsUpdate = this.group && this.group.isOnACache(); + if (this.cacheProperties.indexOf(key) > -1) { + this.dirty = true; + groupNeedsUpdate && this.group.set('dirty', true); + } + else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { + this.group.set('dirty', true); + } + } + return this; + } + /* + * @private + * return if the object would be visible in rendering + * @memberOf FabricObject.prototype + * @return {Boolean} */ - withConnection: false, - + isNotVisible() { + return (this.opacity === 0 || + (!this.width && !this.height && this.strokeWidth === 0) || + !this.visible); + } /** - * The control actionHandler, provide one to handle action ( control being moved ) - * @param {Event} eventData the native mouse event - * @param {Object} transformData properties of the current transform - * @param {Number} x x position of the cursor - * @param {Number} y y position of the cursor - * @return {Boolean} true if the action/event modified the object + * Renders an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on */ - actionHandler: function(/* eventData, transformData, x, y */) { }, - + render(ctx) { + // do not render if width/height are zeros or object is not visible + if (this.isNotVisible()) { + return; + } + if (this.canvas && + this.canvas.skipOffscreen && + !this.group && + !this.isOnScreen()) { + return; + } + ctx.save(); + this._setupCompositeOperation(ctx); + this.drawSelectionBackground(ctx); + this.transform(ctx); + this._setOpacity(ctx); + this._setShadow(ctx); + if (this.shouldCache()) { + this.renderCache(); + this.drawCacheOnCanvas(ctx); + } + else { + this._removeCacheCanvas(); + this.dirty = false; + this.drawObject(ctx); + if (this.objectCaching && this.statefullCache) { + this.saveState({ propertySet: 'cacheProperties' }); + } + } + ctx.restore(); + } + renderCache(options) { + options = options || {}; + if (!this._cacheCanvas || !this._cacheContext) { + this._createCacheCanvas(); + } + if (this.isCacheDirty() && this._cacheContext) { + this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); + this.drawObject(this._cacheContext, options.forClipping); + this.dirty = false; + } + } /** - * The control handler for mouse down, provide one to handle mouse down on control - * @param {Event} eventData the native mouse event - * @param {Object} transformData properties of the current transform - * @param {Number} x x position of the cursor - * @param {Number} y y position of the cursor - * @return {Boolean} true if the action/event modified the object + * Remove cacheCanvas and its dimensions from the objects */ - mouseDownHandler: function(/* eventData, transformData, x, y */) { }, - + _removeCacheCanvas() { + this._cacheCanvas = undefined; + this._cacheContext = null; + this.cacheWidth = 0; + this.cacheHeight = 0; + } /** - * The control mouseUpHandler, provide one to handle an effect on mouse up. - * @param {Event} eventData the native mouse event - * @param {Object} transformData properties of the current transform - * @param {Number} x x position of the cursor - * @param {Number} y y position of the cursor - * @return {Boolean} true if the action/event modified the object + * return true if the object will draw a stroke + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when stroke happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the stroke is invisible. + * @since 3.0.0 + * @returns Boolean */ - mouseUpHandler: function(/* eventData, transformData, x, y */) { }, - + hasStroke() { + return (this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0); + } /** - * Returns control actionHandler - * @param {Event} eventData the native mouse event - * @param {fabric.Object} fabricObject on which the control is displayed - * @param {fabric.Control} control control for which the action handler is being asked - * @return {Function} the action handler + * return true if the object will draw a fill + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when fill happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the fill is invisible. + * @since 3.0.0 + * @returns Boolean */ - getActionHandler: function(/* eventData, fabricObject, control */) { - return this.actionHandler; - }, - + hasFill() { + return this.fill && this.fill !== 'transparent'; + } /** - * Returns control mouseDown handler - * @param {Event} eventData the native mouse event - * @param {fabric.Object} fabricObject on which the control is displayed - * @param {fabric.Control} control control for which the action handler is being asked - * @return {Function} the action handler + * When set to `true`, force the object to have its own cache, even if it is inside a group + * it may be needed when your object behave in a particular way on the cache and always needs + * its own isolated canvas to render correctly. + * Created to be overridden + * since 1.7.12 + * @returns Boolean */ - getMouseDownHandler: function(/* eventData, fabricObject, control */) { - return this.mouseDownHandler; - }, - + needsItsOwnCache() { + if (this.paintFirst === 'stroke' && + this.hasFill() && + this.hasStroke() && + typeof this.shadow === 'object') { + return true; + } + if (this.clipPath) { + return true; + } + return false; + } /** - * Returns control mouseUp handler - * @param {Event} eventData the native mouse event - * @param {fabric.Object} fabricObject on which the control is displayed - * @param {fabric.Control} control control for which the action handler is being asked - * @return {Function} the action handler + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * Read as: cache if is needed, or if the feature is enabled but we are not already caching. + * @return {Boolean} */ - getMouseUpHandler: function(/* eventData, fabricObject, control */) { - return this.mouseUpHandler; - }, - + shouldCache() { + this.ownCaching = + this.needsItsOwnCache() || + (this.objectCaching && (!this.group || !this.group.isOnACache())); + return this.ownCaching; + } /** - * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate - * function you can pass one in the constructor - * the cursorStyle property - * @param {Event} eventData the native mouse event - * @param {fabric.Control} control the current control ( likely this) - * @param {fabric.Object} object on which the control is displayed - * @return {String} + * Check if this object or a child object will cast a shadow + * used by Group.shouldCache to know if child has a shadow recursively + * @return {Boolean} + * @deprecated */ - cursorStyleHandler: function(eventData, control /* fabricObject */) { - return control.cursorStyle; - }, - + willDrawShadow() { + return (!!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)); + } /** - * Returns the action name. The basic implementation just return the actionName property. - * @param {Event} eventData the native mouse event - * @param {fabric.Control} control the current control ( likely this) - * @param {fabric.Object} object on which the control is displayed - * @return {String} + * Execute the drawing operation for an object clipPath + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Object} clipPath + * todo while converting things, we need a type that is a union of classes that + * represent the fabricObjects. Rect, Circle... */ - getActionName: function(eventData, control /* fabricObject */) { - return control.actionName; - }, - + drawClipPathOnCache(ctx, clipPath) { + ctx.save(); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4 + if (clipPath.inverted) { + ctx.globalCompositeOperation = 'destination-out'; + } + else { + ctx.globalCompositeOperation = 'destination-in'; + } + //ctx.scale(1 / 2, 1 / 2); + if (clipPath.absolutePositioned) { + const m = fabric$1.util.invertTransform(this.calcTransformMatrix()); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + } + clipPath.transform(ctx); + ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); + ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); + ctx.restore(); + } /** - * Returns controls visibility - * @param {fabric.Object} object on which the control is displayed - * @param {String} controlKey key where the control is memorized on the - * @return {Boolean} + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {boolean} forClipping apply clipping styles */ - getVisibility: function(fabricObject, controlKey) { - var objectVisibility = fabricObject._controlsVisibility; - if (objectVisibility && typeof objectVisibility[controlKey] !== 'undefined') { - return objectVisibility[controlKey]; - } - return this.visible; - }, - + drawObject(ctx, forClipping) { + const originalFill = this.fill, originalStroke = this.stroke; + if (forClipping) { + this.fill = 'black'; + this.stroke = ''; + this._setClippingProperties(ctx); + } + else { + this._renderBackground(ctx); + } + this._render(ctx); + this._drawClipPath(ctx, this.clipPath); + this.fill = originalFill; + this.stroke = originalStroke; + } /** - * Sets controls visibility - * @param {Boolean} visibility for the object - * @return {Void} + * Prepare clipPath state and cache and draw it on instance's cache + * @param {CanvasRenderingContext2D} ctx + * @param {fabric.Object} clipPath */ - setVisibility: function(visibility /* name, fabricObject */) { - this.visible = visibility; - }, - - - positionHandler: function(dim, finalMatrix /*, fabricObject, currentControl */) { - var point = fabric.util.transformPoint({ - x: this.x * dim.x + this.offsetX, - y: this.y * dim.y + this.offsetY }, finalMatrix); - return point; - }, - + _drawClipPath(ctx, clipPath) { + if (!clipPath) { + return; + } + // needed to setup a couple of variables + // path canvas gets overridden with this one. + // TODO find a better solution? + clipPath._set('canvas', this.canvas); + clipPath.shouldCache(); + clipPath._transformDone = true; + clipPath.renderCache({ forClipping: true }); + this.drawClipPathOnCache(ctx, clipPath); + } /** - * Returns the coords for this control based on object values. - * @param {Number} objectAngle angle from the fabric object holding the control - * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if - * isTouch is true) - * @param {Number} centerX x coordinate where the control center should be - * @param {Number} centerY y coordinate where the control center should be - * @param {boolean} isTouch true if touch corner, false if normal corner + * Paint the cached copy of the object on the target context. + * @param {CanvasRenderingContext2D} ctx Context to render on */ - calcCornerCoords: function(objectAngle, objectCornerSize, centerX, centerY, isTouch) { - var cosHalfOffset, - sinHalfOffset, - cosHalfOffsetComp, - sinHalfOffsetComp, - xSize = (isTouch) ? this.touchSizeX : this.sizeX, - ySize = (isTouch) ? this.touchSizeY : this.sizeY; - if (xSize && ySize && xSize !== ySize) { - // handle rectangular corners - var controlTriangleAngle = Math.atan2(ySize, xSize); - var cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; - var newTheta = controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); - var newThetaComp = Math.PI / 2 - controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); - cosHalfOffset = cornerHypotenuse * fabric.util.cos(newTheta); - sinHalfOffset = cornerHypotenuse * fabric.util.sin(newTheta); - // use complementary angle for two corners - cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newThetaComp); - sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newThetaComp); - } - else { - // handle square corners - // use default object corner size unless size is defined - var cornerSize = (xSize && ySize) ? xSize : objectCornerSize; - /* 0.7071067812 stands for sqrt(2)/2 */ - cornerHypotenuse = cornerSize * 0.7071067812; - // complementary angles are equal since they're both 45 degrees - var newTheta = fabric.util.degreesToRadians(45 - objectAngle); - cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newTheta); - sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newTheta); - } - - return { - tl: { - x: centerX - sinHalfOffsetComp, - y: centerY - cosHalfOffsetComp, - }, - tr: { - x: centerX + cosHalfOffset, - y: centerY - sinHalfOffset, - }, - bl: { - x: centerX - cosHalfOffset, - y: centerY + sinHalfOffset, - }, - br: { - x: centerX + sinHalfOffsetComp, - y: centerY + cosHalfOffsetComp, - }, - }; - }, - + drawCacheOnCanvas(ctx) { + ctx.scale(1 / this.zoomX, 1 / this.zoomY); + ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); + } /** - * Render function for the control. - * When this function runs the context is unscaled. unrotate. Just retina scaled. - * all the functions will have to translate to the point left,top before starting Drawing - * if they want to draw a control where the position is detected. - * left and top are the result of the positionHandler function - * @param {RenderingContext2D} ctx the context where the control will be drawn - * @param {Number} left position of the canvas where we are about to render the control. - * @param {Number} top position of the canvas where we are about to render the control. - * @param {Object} styleOverride - * @param {fabric.Object} fabricObject the object where the control is about to be rendered - */ - render: function(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { - case 'circle': - fabric.controlsUtils.renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); - break; - default: - fabric.controlsUtils.renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); - } - }, - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - - /* _FROM_SVG_START_ */ - function getColorStop(el, multiplier) { - var style = el.getAttribute('style'), - offset = el.getAttribute('offset') || 0, - color, colorAlpha, opacity, i; - - // convert percents to absolute values - offset = parseFloat(offset) / (/%$/.test(offset) ? 100 : 1); - offset = offset < 0 ? 0 : offset > 1 ? 1 : offset; - if (style) { - var keyValuePairs = style.split(/\s*;\s*/); - - if (keyValuePairs[keyValuePairs.length - 1] === '') { - keyValuePairs.pop(); - } - - for (i = keyValuePairs.length; i--; ) { - - var split = keyValuePairs[i].split(/\s*:\s*/), - key = split[0].trim(), - value = split[1].trim(); - - if (key === 'stop-color') { - color = value; + * Check if cache is dirty + * @param {Boolean} skipCanvas skip canvas checks because this object is painted + * on parent canvas. + */ + isCacheDirty(skipCanvas = false) { + if (this.isNotVisible()) { + return false; } - else if (key === 'stop-opacity') { - opacity = value; + if (this._cacheCanvas && + this._cacheContext && + !skipCanvas && + this._updateCacheCanvas()) { + // in this case the context is already cleared. + return true; } - } - } - - if (!color) { - color = el.getAttribute('stop-color') || 'rgb(0,0,0)'; - } - if (!opacity) { - opacity = el.getAttribute('stop-opacity'); + else { + if (this.dirty || + (this.clipPath && this.clipPath.absolutePositioned) || + (this.statefullCache && this.hasStateChanged('cacheProperties'))) { + if (this._cacheCanvas && this._cacheContext && !skipCanvas) { + const width = this.cacheWidth / this.zoomX; + const height = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-width / 2, -height / 2, width, height); + } + return true; + } + } + return false; } - - color = new fabric.Color(color); - colorAlpha = color.getAlpha(); - opacity = isNaN(parseFloat(opacity)) ? 1 : parseFloat(opacity); - opacity *= colorAlpha * multiplier; - - return { - offset: offset, - color: color.toRgb(), - opacity: opacity - }; - } - - function getLinearCoords(el) { - return { - x1: el.getAttribute('x1') || 0, - y1: el.getAttribute('y1') || 0, - x2: el.getAttribute('x2') || '100%', - y2: el.getAttribute('y2') || 0 - }; - } - - function getRadialCoords(el) { - return { - x1: el.getAttribute('fx') || el.getAttribute('cx') || '50%', - y1: el.getAttribute('fy') || el.getAttribute('cy') || '50%', - r1: 0, - x2: el.getAttribute('cx') || '50%', - y2: el.getAttribute('cy') || '50%', - r2: el.getAttribute('r') || '50%' - }; - } - /* _FROM_SVG_END_ */ - - var clone = fabric.util.object.clone; - - /** - * Gradient class - * @class fabric.Gradient - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} - * @see {@link fabric.Gradient#initialize} for constructor definition - */ - fabric.Gradient = fabric.util.createClass(/** @lends fabric.Gradient.prototype */ { - /** - * Horizontal offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 + * Draws a background for the object big as its untransformed dimensions + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - offsetX: 0, - + _renderBackground(ctx) { + if (!this.backgroundColor) { + return; + } + const dim = this._getNonTransformedDimensions(); + ctx.fillStyle = this.backgroundColor; + ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y); + // if there is background color no other shadows + // should be casted + this._removeShadow(ctx); + } /** - * Vertical offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - offsetY: 0, - + _setOpacity(ctx) { + if (this.group && !this.group._transformDone) { + ctx.globalAlpha = this.getObjectOpacity(); + } + else { + ctx.globalAlpha *= this.opacity; + } + } + _setStrokeStyles(ctx, decl) { + const stroke = decl.stroke; + if (stroke) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = decl.strokeLineCap; + ctx.lineDashOffset = decl.strokeDashOffset; + ctx.lineJoin = decl.strokeLineJoin; + ctx.miterLimit = decl.strokeMiterLimit; + if (stroke.toLive) { + if (stroke.gradientUnits === 'percentage' || + stroke.gradientTransform || + stroke.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + this._applyPatternForTransformedGradient(ctx, stroke); + } + else { + // is a simple gradient or pattern + ctx.strokeStyle = stroke.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, stroke); + } + } + else { + // is a color + ctx.strokeStyle = decl.stroke; + } + } + } + _setFillStyles(ctx, decl) { + const fill = decl.fill; + if (fill) { + if (fill.toLive) { + ctx.fillStyle = fill.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, decl.fill); + } + else { + ctx.fillStyle = fill; + } + } + } + _setClippingProperties(ctx) { + ctx.globalAlpha = 1; + ctx.strokeStyle = 'transparent'; + ctx.fillStyle = '#000000'; + } /** - * 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 + * @private + * Sets line dash + * @param {CanvasRenderingContext2D} ctx Context to set the dash line on + * @param {Array} dashArray array representing dashes */ - gradientTransform: null, - + _setLineDash(ctx, dashArray) { + if (!dashArray || dashArray.length === 0) { + return; + } + // Spec requires the concatenation of two copies the dash list when the number of elements is odd + if (1 & dashArray.length) { + dashArray.push.apply(dashArray, dashArray); + } + ctx.setLineDash(dashArray); + } /** - * 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 String - * @default 'pixels' + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - gradientUnits: 'pixels', - + _setShadow(ctx) { + if (!this.shadow) { + return; + } + let shadow = this.shadow, canvas = this.canvas, multX = (canvas && canvas.viewportTransform[0]) || 1, multY = (canvas && canvas.viewportTransform[3]) || 1, scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling(); + if (canvas && canvas._isRetinaScaling()) { + multX *= config.devicePixelRatio; + multY *= config.devicePixelRatio; + } + ctx.shadowColor = shadow.color; + ctx.shadowBlur = + (shadow.blur * + config.browserShadowBlurConstant * + (multX + multY) * + (scaling.x + scaling.y)) / + 4; + ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x; + ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y; + } /** - * Gradient type linear or radial - * @type String - * @default 'pixels' + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - type: 'linear', - - /** - * Constructor - * @param {Object} options Options object with type, coords, gradientUnits and colorStops - * @param {Object} [options.type] gradient type linear or radial - * @param {Object} [options.gradientUnits] gradient units - * @param {Object} [options.offsetX] SVG import compatibility - * @param {Object} [options.offsetY] SVG import compatibility - * @param {Object[]} options.colorStops contains the colorstops. - * @param {Object} options.coords contains the coords of the gradient - * @param {Number} [options.coords.x1] X coordiante of the first point for linear or of the focal point for radial - * @param {Number} [options.coords.y1] Y coordiante of the first point for linear or of the focal point for radial - * @param {Number} [options.coords.x2] X coordiante of the second point for linear or of the center point for radial - * @param {Number} [options.coords.y2] Y coordiante of the second point for linear or of the center point for radial - * @param {Number} [options.coords.r1] only for radial gradient, radius of the inner circle - * @param {Number} [options.coords.r2] only for radial gradient, radius of the external circle - * @return {fabric.Gradient} thisArg - */ - initialize: function(options) { - options || (options = { }); - options.coords || (options.coords = { }); - - var coords, _this = this; - - // sets everything, then coords and colorstops get sets again - Object.keys(options).forEach(function(option) { - _this[option] = options[option]; - }); - - if (this.id) { - this.id += '_' + fabric.Object.__uid++; - } - else { - this.id = fabric.Object.__uid++; - } - - coords = { - x1: options.coords.x1 || 0, - y1: options.coords.y1 || 0, - x2: options.coords.x2 || 0, - y2: options.coords.y2 || 0 - }; - - if (this.type === 'radial') { - coords.r1 = options.coords.r1 || 0; - coords.r2 = options.coords.r2 || 0; - } - - this.coords = coords; - this.colorStops = options.colorStops.slice(); - }, - - /** - * Adds another colorStop - * @param {Object} colorStop Object with offset and color - * @return {fabric.Gradient} thisArg - */ - addColorStop: function(colorStops) { - for (var position in colorStops) { - var color = new fabric.Color(colorStops[position]); - this.colorStops.push({ - offset: parseFloat(position), - color: color.toRgb(), - opacity: color.getAlpha() - }); - } - return this; - }, - - /** - * Returns object representation of a gradient - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} - */ - toObject: function(propertiesToInclude) { - var object = { - type: this.type, - coords: this.coords, - colorStops: this.colorStops, - offsetX: this.offsetX, - offsetY: this.offsetY, - gradientUnits: this.gradientUnits, - gradientTransform: this.gradientTransform ? this.gradientTransform.concat() : this.gradientTransform - }; - fabric.util.populateWithProperties(this, object, propertiesToInclude); - - return object; - }, - - /* _TO_SVG_START_ */ + _removeShadow(ctx) { + if (!this.shadow) { + return; + } + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + } /** - * Returns SVG representation of an gradient - * @param {Object} object Object to create a gradient for - * @return {String} SVG representation of an gradient (linear/radial) + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} filler fabric.Pattern or fabric.Gradient + * @return {Object} offset.offsetX offset for text rendering + * @return {Object} offset.offsetY offset for text rendering */ - toSVG: function(object, options) { - var coords = clone(this.coords, true), i, len, options = options || {}, - markup, commonAttributes, colorStops = clone(this.colorStops, true), - needsSwap = coords.r1 > coords.r2, - transform = this.gradientTransform ? this.gradientTransform.concat() : fabric.iMatrix.concat(), - offsetX = -this.offsetX, offsetY = -this.offsetY, - withViewport = !!options.additionalTransform, - gradientUnits = this.gradientUnits === 'pixels' ? 'userSpaceOnUse' : 'objectBoundingBox'; - // colorStops must be sorted ascending - colorStops.sort(function(a, b) { - return a.offset - b.offset; - }); - - if (gradientUnits === 'objectBoundingBox') { - offsetX /= object.width; - offsetY /= object.height; - } - else { - offsetX += object.width / 2; - offsetY += object.height / 2; - } - if (object.type === 'path' && this.gradientUnits !== 'percentage') { - offsetX -= object.pathOffset.x; - offsetY -= object.pathOffset.y; - } - - - transform[4] -= offsetX; - transform[5] -= offsetY; - - commonAttributes = 'id="SVGID_' + this.id + - '" gradientUnits="' + gradientUnits + '"'; - commonAttributes += ' gradientTransform="' + (withViewport ? - options.additionalTransform + ' ' : '') + fabric.util.matrixToSVG(transform) + '" '; - - if (this.type === 'linear') { - markup = [ - '\n' - ]; - } - else if (this.type === 'radial') { - // svg radial gradient has just 1 radius. the biggest. - markup = [ - '\n' - ]; - } - - if (this.type === 'radial') { - if (needsSwap) { - // svg goes from internal to external radius. if radius are inverted, swap color stops. - colorStops = colorStops.concat(); - colorStops.reverse(); - for (i = 0, len = colorStops.length; i < len; i++) { - colorStops[i].offset = 1 - colorStops[i].offset; - } - } - var minRadius = Math.min(coords.r1, coords.r2); - if (minRadius > 0) { - // i have to shift all colorStops and add new one in 0. - var maxRadius = Math.max(coords.r1, coords.r2), - percentageShift = minRadius / maxRadius; - for (i = 0, len = colorStops.length; i < len; i++) { - colorStops[i].offset += percentageShift * (1 - colorStops[i].offset); - } - } - } - - for (i = 0, len = colorStops.length; i < len; i++) { - var colorStop = colorStops[i]; - markup.push( - '\n' - ); - } - - markup.push((this.type === 'linear' ? '\n' : '\n')); - - return markup.join(''); - }, - /* _TO_SVG_END_ */ - + _applyPatternGradientTransform(ctx, filler) { + if (!filler || !filler.toLive) { + return { offsetX: 0, offsetY: 0 }; + } + const t = filler.gradientTransform || filler.patternTransform; + const offsetX = -this.width / 2 + filler.offsetX || 0, offsetY = -this.height / 2 + filler.offsetY || 0; + if (filler.gradientUnits === 'percentage') { + ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); + } + else { + ctx.transform(1, 0, 0, 1, offsetX, offsetY); + } + if (t) { + ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); + } + return { offsetX: offsetX, offsetY: offsetY }; + } /** - * Returns an instance of CanvasGradient + * @private * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {CanvasGradient} */ - toLive: function(ctx) { - var gradient, coords = fabric.util.object.clone(this.coords), i, len; - - if (!this.type) { - return; - } - - if (this.type === 'linear') { - gradient = ctx.createLinearGradient( - coords.x1, coords.y1, coords.x2, coords.y2); - } - else if (this.type === 'radial') { - gradient = ctx.createRadialGradient( - coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); - } - - for (i = 0, len = this.colorStops.length; i < len; i++) { - var color = this.colorStops[i].color, - opacity = this.colorStops[i].opacity, - offset = this.colorStops[i].offset; - - if (typeof opacity !== 'undefined') { - color = new fabric.Color(color).setAlpha(opacity).toRgba(); + _renderPaintInOrder(ctx) { + if (this.paintFirst === 'stroke') { + this._renderStroke(ctx); + this._renderFill(ctx); + } + else { + this._renderFill(ctx); + this._renderStroke(ctx); } - gradient.addColorStop(offset, color); - } - - return gradient; } - }); - - fabric.util.object.extend(fabric.Gradient, { - - /* _FROM_SVG_START_ */ /** - * Returns {@link fabric.Gradient} instance from an SVG element - * @static - * @memberOf fabric.Gradient - * @param {SVGGradientElement} el SVG gradient element - * @param {fabric.Object} instance - * @param {String} opacityAttr A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity. - * @param {Object} svgOptions an object containing the size of the SVG in order to parse correctly gradients - * that uses gradientUnits as 'userSpaceOnUse' and percentages. - * @param {Object.number} viewBoxWidth width part of the viewBox attribute on svg - * @param {Object.number} viewBoxHeight height part of the viewBox attribute on svg - * @param {Object.number} width width part of the svg tag if viewBox is not specified - * @param {Object.number} height height part of the svg tag if viewBox is not specified - * @return {fabric.Gradient} Gradient instance - * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement - * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement + * @private + * function that actually render something on the context. + * empty here to allow Obects to work on tests to benchmark fabric functionalites + * not related to rendering + * @param {CanvasRenderingContext2D} ctx Context to render on */ - fromElement: function(el, instance, opacityAttr, svgOptions) { - /** - * @example: - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * - */ - - var multiplier = parseFloat(opacityAttr) / (/%$/.test(opacityAttr) ? 100 : 1); - multiplier = multiplier < 0 ? 0 : multiplier > 1 ? 1 : multiplier; - if (isNaN(multiplier)) { - multiplier = 1; - } - - var colorStopEls = el.getElementsByTagName('stop'), - type, - gradientUnits = el.getAttribute('gradientUnits') === 'userSpaceOnUse' ? - 'pixels' : 'percentage', - gradientTransform = el.getAttribute('gradientTransform') || '', - colorStops = [], - coords, i, offsetX = 0, offsetY = 0, - transformMatrix; - if (el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT') { - type = 'linear'; - coords = getLinearCoords(el); - } - else { - type = 'radial'; - coords = getRadialCoords(el); - } - - for (i = colorStopEls.length; i--; ) { - colorStops.push(getColorStop(colorStopEls[i], multiplier)); - } - - transformMatrix = fabric.parseTransformAttribute(gradientTransform); - - __convertPercentUnitsToValues(instance, coords, svgOptions, gradientUnits); - - if (gradientUnits === 'pixels') { - offsetX = -instance.left; - offsetY = -instance.top; - } - - var gradient = new fabric.Gradient({ - id: el.getAttribute('id'), - type: type, - coords: coords, - colorStops: colorStops, - gradientUnits: gradientUnits, - gradientTransform: transformMatrix, - offsetX: offsetX, - offsetY: offsetY, - }); - - return gradient; + _render(ctx) { + // placeholder to be overridden } - /* _FROM_SVG_END_ */ - }); - - /** - * @private - */ - function __convertPercentUnitsToValues(instance, options, svgOptions, gradientUnits) { - var propValue, finalValue; - Object.keys(options).forEach(function(prop) { - propValue = options[prop]; - if (propValue === 'Infinity') { - finalValue = 1; - } - else if (propValue === '-Infinity') { - finalValue = 0; - } - else { - finalValue = parseFloat(options[prop], 10); - if (typeof propValue === 'string' && /^(\d+\.\d+)%|(\d+)%$/.test(propValue)) { - finalValue *= 0.01; - if (gradientUnits === 'pixels') { - // then we need to fix those percentages here in svg parsing - if (prop === 'x1' || prop === 'x2' || prop === 'r2') { - finalValue *= svgOptions.viewBoxWidth || svgOptions.width; - } - if (prop === 'y1' || prop === 'y2') { - finalValue *= svgOptions.viewBoxHeight || svgOptions.height; - } - } - } - } - options[prop] = finalValue; - }); - } -})(); - - -(function() { - - 'use strict'; - - var toFixed = fabric.util.toFixed; - - /** - * Pattern class - * @class fabric.Pattern - * @see {@link http://fabricjs.com/patterns|Pattern demo} - * @see {@link http://fabricjs.com/dynamic-patterns|DynamicPattern demo} - * @see {@link fabric.Pattern#initialize} for constructor definition - */ - - - fabric.Pattern = fabric.util.createClass(/** @lends fabric.Pattern.prototype */ { - /** - * Repeat property of a pattern (one of repeat, repeat-x, repeat-y or no-repeat) - * @type String - * @default + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - repeat: 'repeat', - + _renderFill(ctx) { + if (!this.fill) { + return; + } + ctx.save(); + this._setFillStyles(ctx, this); + if (this.fillRule === 'evenodd') { + ctx.fill('evenodd'); + } + else { + ctx.fill(); + } + ctx.restore(); + } /** - * Pattern horizontal offset from object's left/top corner - * @type Number - * @default + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - offsetX: 0, - - /** - * Pattern vertical offset from object's left/top corner - * @type Number - * @default - */ - offsetY: 0, - - /** - * crossOrigin value (one of "", "anonymous", "use-credentials") - * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes - * @type String - * @default - */ - crossOrigin: '', - + _renderStroke(ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + ctx.save(); + if (this.strokeUniform) { + const scaling = this.getObjectScaling(); + ctx.scale(1 / scaling.x, 1 / scaling.y); + } + this._setLineDash(ctx, this.strokeDashArray); + this._setStrokeStyles(ctx, this); + ctx.stroke(); + ctx.restore(); + } /** - * transform matrix to change the pattern, imported from svgs. - * @type Array - * @default + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Gradient} filler a fabric gradient instance */ - patternTransform: null, - + _applyPatternForTransformedGradient(ctx, filler) { + const dims = this._limitCacheSize(this._getCacheCanvasDimensions()), pCanvas = fabric$1.util.createCanvasElement(), retinaScaling = this.canvas.getRetinaScaling(), width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; + pCanvas.width = width; + pCanvas.height = height; + const pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); + pCtx.moveTo(0, 0); + pCtx.lineTo(width, 0); + pCtx.lineTo(width, height); + pCtx.lineTo(0, height); + pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.scale(dims.zoomX / this.scaleX / retinaScaling, dims.zoomY / this.scaleY / retinaScaling); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fillStyle = filler.toLive(ctx); + pCtx.fill(); + ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); + ctx.scale((retinaScaling * this.scaleX) / dims.zoomX, (retinaScaling * this.scaleY) / dims.zoomY); + ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); + } /** - * Constructor - * @param {Object} [options] Options object - * @param {Function} [callback] function to invoke after callback init. - * @return {fabric.Pattern} thisArg + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates */ - initialize: function(options, callback) { - options || (options = { }); - - this.id = fabric.Object.__uid++; - this.setOptions(options); - if (!options.source || (options.source && typeof options.source !== 'string')) { - callback && callback(this); - return; - } - else { - // img src string - var _this = this; - this.source = fabric.util.createImage(); - fabric.util.loadImage(options.source, function(img, isError) { - _this.source = img; - callback && callback(_this, isError); - }, null, this.crossOrigin); - } - }, - + _findCenterFromElement() { + return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; + } /** - * Returns object representation of a pattern - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of a pattern instance + * This function is an helper for svg import. it decompose the transformMatrix + * and assign properties to object. + * untransformed coordinates + * @todo move away in the svg import stuff. + * @private */ - toObject: function(propertiesToInclude) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, - source, object; - - // element - if (typeof this.source.src === 'string') { - source = this.source.src; - } - // element - else if (typeof this.source === 'object' && this.source.toDataURL) { - source = this.source.toDataURL(); - } - - object = { - type: 'pattern', - source: source, - repeat: this.repeat, - crossOrigin: this.crossOrigin, - offsetX: toFixed(this.offsetX, NUM_FRACTION_DIGITS), - offsetY: toFixed(this.offsetY, NUM_FRACTION_DIGITS), - patternTransform: this.patternTransform ? this.patternTransform.concat() : null - }; - fabric.util.populateWithProperties(this, object, propertiesToInclude); - - return object; - }, - - /* _TO_SVG_START_ */ - /** - * Returns SVG representation of a pattern - * @param {fabric.Object} object - * @return {String} SVG representation of a pattern - */ - toSVG: function(object) { - var patternSource = typeof this.source === 'function' ? this.source() : this.source, - patternWidth = patternSource.width / object.width, - patternHeight = patternSource.height / object.height, - patternOffsetX = this.offsetX / object.width, - patternOffsetY = this.offsetY / object.height, - patternImgSrc = ''; - if (this.repeat === 'repeat-x' || this.repeat === 'no-repeat') { - patternHeight = 1; - if (patternOffsetY) { - patternHeight += Math.abs(patternOffsetY); - } - } - if (this.repeat === 'repeat-y' || this.repeat === 'no-repeat') { - patternWidth = 1; - if (patternOffsetX) { - patternWidth += Math.abs(patternOffsetX); + _assignTransformMatrixProps() { + if (this.transformMatrix) { + const options = qrDecompose(this.transformMatrix); + this.flipX = false; + this.flipY = false; + this.set('scaleX', options.scaleX); + this.set('scaleY', options.scaleY); + this.angle = options.angle; + this.skewX = options.skewX; + this.skewY = 0; } - - } - if (patternSource.src) { - patternImgSrc = patternSource.src; - } - else if (patternSource.toDataURL) { - patternImgSrc = patternSource.toDataURL(); - } - - return '\n' + - '\n' + - '\n'; - }, - /* _TO_SVG_END_ */ - - setOptions: function(options) { - for (var prop in options) { - this[prop] = options[prop]; - } - }, - + } /** - * Returns an instance of CanvasPattern - * @param {CanvasRenderingContext2D} ctx Context to create pattern - * @return {CanvasPattern} + * This function is an helper for svg import. it removes the transform matrix + * and set to object properties that fabricjs can handle + * @todo move away in the svg import stuff. + * @private + * @param {Object} preserveAspectRatioOptions */ - toLive: function(ctx) { - var source = this.source; - // if the image failed to load, return, and allow rest to continue loading - if (!source) { - return ''; - } - - // if an image - if (typeof source.src !== 'undefined') { - if (!source.complete) { - return ''; + _removeTransformMatrix(preserveAspectRatioOptions) { + let center = this._findCenterFromElement(); + if (this.transformMatrix) { + this._assignTransformMatrixProps(); + center = transformPoint(center, this.transformMatrix); } - if (source.naturalWidth === 0 || source.naturalHeight === 0) { - return ''; + this.transformMatrix = null; + if (preserveAspectRatioOptions) { + this.scaleX *= preserveAspectRatioOptions.scaleX; + this.scaleY *= preserveAspectRatioOptions.scaleY; + this.cropX = preserveAspectRatioOptions.cropX; + this.cropY = preserveAspectRatioOptions.cropY; + center.x += preserveAspectRatioOptions.offsetLeft; + center.y += preserveAspectRatioOptions.offsetTop; + this.width = preserveAspectRatioOptions.width; + this.height = preserveAspectRatioOptions.height; } - } - return ctx.createPattern(source, this.repeat); + this.setPositionByOrigin(center, 'center', 'center'); } - }); -})(); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - toFixed = fabric.util.toFixed; - - if (fabric.Shadow) { - fabric.warn('fabric.Shadow is already defined.'); - return; - } - - /** - * Shadow class - * @class fabric.Shadow - * @see {@link http://fabricjs.com/shadows|Shadow demo} - * @see {@link fabric.Shadow#initialize} for constructor definition - */ - fabric.Shadow = fabric.util.createClass(/** @lends fabric.Shadow.prototype */ { - /** - * Shadow color - * @type String - * @default + * Clones an instance. + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @returns {Promise} */ - color: 'rgb(0,0,0)', - + clone(propertiesToInclude) { + const objectForm = this.toObject(propertiesToInclude); + // todo ok understand this. is static or it isn't? + return this.constructor.fromObject(objectForm); + } /** - * Shadow blur - * @type Number + * Creates an instance of fabric.Image out of an object + * makes use of toCanvasElement. + * Once this method was based on toDataUrl and loadImage, so it also had a quality + * and format option. toCanvasElement is faster and produce no loss of quality. + * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. + * toCanvasElement and then toBlob from the obtained canvas is also a good option. + * @param {Object} [options] for clone as image, passed to toDataURL + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {fabric.Image} Object cloned as image. */ - blur: 0, - + cloneAsImage(options) { + const canvasEl = this.toCanvasElement(options); + return new fabric$1.Image(canvasEl); + } /** - * Shadow horizontal offset - * @type Number - * @default + * Converts an object into a HTMLCanvas element + * @param {Object} options Options object + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object */ - offsetX: 0, - + toCanvasElement(options) { + options || (options = {}); + const utils = fabric$1.util, origParams = utils.saveObjectTransform(this), originalGroup = this.group, originalShadow = this.shadow, abs = Math.abs, retinaScaling = options.enableRetinaScaling + ? Math.max(config.devicePixelRatio, 1) + : 1, multiplier = (options.multiplier || 1) * retinaScaling; + delete this.group; + if (options.withoutTransform) { + utils.resetObjectTransform(this); + } + if (options.withoutShadow) { + this.shadow = null; + } + let el = fabric$1.util.createCanvasElement(), + // skip canvas zoom and calculate with setCoords now. + boundingRect = this.getBoundingRect(true, true), shadow = this.shadow, shadowOffset = { x: 0, y: 0 }, width, height; + if (shadow) { + const shadowBlur = shadow.blur; + const scaling = shadow.nonScaling + ? new Point(1, 1) + : this.getObjectScaling(); + // consider non scaling shadow. + shadowOffset.x = + 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x); + shadowOffset.y = + 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y); + } + width = boundingRect.width + shadowOffset.x; + height = boundingRect.height + shadowOffset.y; + // if the current width/height is not an integer + // we need to make it so. + el.width = Math.ceil(width); + el.height = Math.ceil(height); + let canvas = new fabric$1.StaticCanvas(el, { + enableRetinaScaling: false, + renderOnAddRemove: false, + skipOffscreen: false, + }); + if (options.format === 'jpeg') { + canvas.backgroundColor = '#fff'; + } + this.setPositionByOrigin(new Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); + const originalCanvas = this.canvas; + canvas._objects = [this]; + this.set('canvas', canvas); + this.setCoords(); + const canvasEl = canvas.toCanvasElement(multiplier || 1, options); + this.set('canvas', originalCanvas); + this.shadow = originalShadow; + if (originalGroup) { + this.group = originalGroup; + } + this.set(origParams); + this.setCoords(); + // canvas.dispose will call image.dispose that will nullify the elements + // since this canvas is a simple element for the process, we remove references + // to objects in this way in order to avoid object trashing. + canvas._objects = []; + // since render has settled it is safe to destroy canvas + canvas.destroy(); + canvas = null; + return canvasEl; + } /** - * Shadow vertical offset - * @type Number - * @default + * Converts an object into a data-url-like string + * @param {Object} options Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format */ - offsetY: 0, - + toDataURL(options = {}) { + return fabric$1.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); + } /** - * Whether the shadow should affect stroke operations - * @type Boolean - * @default + * Returns true if specified type is identical to the type of an instance + * @param {String} type Type to check against + * @return {Boolean} */ - affectStroke: false, - + isType(...types) { + return types.includes(this.type); + } /** - * Indicates whether toObject should include default values - * @type Boolean - * @default + * Returns complexity of an instance + * @return {Number} complexity of this instance (is 1 unless subclassed) */ - includeDefaultValues: true, - + complexity() { + return 1; + } /** - * When `false`, the shadow will scale with the object. - * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. - * default to false - * @type Boolean - * @default + * Returns a JSON representation of an instance + * @return {Object} JSON */ - nonScaling: false, - + toJSON() { + // delegate, not alias + return this.toObject(); + } /** - * Constructor - * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") - * @return {fabric.Shadow} thisArg + * Sets "angle" of an instance with centered rotation + * @param {Number} angle Angle value (in degrees) + * @return {fabric.Object} thisArg + * @chainable */ - initialize: function(options) { - - if (typeof options === 'string') { - options = this._parseShadow(options); - } - - for (var prop in options) { - this[prop] = options[prop]; - } - - this.id = fabric.Object.__uid++; - }, - + rotate(angle) { + const shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && + this.centeredRotation; + if (shouldCenterOrigin) { + this._setOriginToCenter(); + } + this.set('angle', angle); + if (shouldCenterOrigin) { + this._resetOrigin(); + } + return this; + } /** - * @private - * @param {String} shadow Shadow value to parse - * @return {Object} Shadow object with color, offsetX, offsetY and blur + * Centers object horizontally on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - _parseShadow: function(shadow) { - var shadowStr = shadow.trim(), - offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], - color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || 'rgb(0,0,0)'; - - return { - color: color.trim(), - offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, - offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, - blur: parseFloat(offsetsAndBlur[3], 10) || 0 - }; - }, - + centerH() { + this.canvas && this.canvas.centerObjectH(this); + return this; + } /** - * Returns a string representation of an instance - * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow - * @return {String} Returns CSS3 text-shadow declaration + * Centers object horizontally on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - toString: function() { - return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); - }, - - /* _TO_SVG_START_ */ + viewportCenterH() { + this.canvas && this.canvas.viewportCenterObjectH(this); + return this; + } /** - * Returns SVG representation of a shadow - * @param {fabric.Object} object - * @return {String} SVG representation of a shadow + * Centers object vertically on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - toSVG: function(object) { - var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, - offset = fabric.util.rotateVector( - { x: this.offsetX, y: this.offsetY }, - fabric.util.degreesToRadians(-object.angle)), - BLUR_BOX = 20, color = new fabric.Color(this.color); - - if (object.width && object.height) { - //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion - // we add some extra space to filter box to contain the blur ( 20 ) - fBoxX = toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; - fBoxY = toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; - } - if (object.flipX) { - offset.x *= -1; - } - if (object.flipY) { - offset.y *= -1; - } - - return ( - '\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\t\n' + - '\t\t\n' + - '\t\n' + - '\n'); - }, - /* _TO_SVG_END_ */ - + centerV() { + this.canvas && this.canvas.centerObjectV(this); + return this; + } /** - * Returns object representation of a shadow - * @return {Object} Object representation of a shadow instance + * Centers object vertically on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - toObject: function() { - if (this.includeDefaultValues) { - return { - color: this.color, - blur: this.blur, - offsetX: this.offsetX, - offsetY: this.offsetY, - affectStroke: this.affectStroke, - nonScaling: this.nonScaling - }; - } - var obj = { }, proto = fabric.Shadow.prototype; - - ['color', 'blur', 'offsetX', 'offsetY', 'affectStroke', 'nonScaling'].forEach(function(prop) { - if (this[prop] !== proto[prop]) { - obj[prop] = this[prop]; - } - }, this); - - return obj; + viewportCenterV() { + this.canvas && this.canvas.viewportCenterObjectV(this); + return this; } - }); - - /** - * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") - * @static - * @field - * @memberOf fabric.Shadow - */ - // eslint-disable-next-line max-len - fabric.Shadow.reOffsetsAndBlur = /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function () { - - 'use strict'; - - if (fabric.StaticCanvas) { - fabric.warn('fabric.StaticCanvas is already defined.'); - return; - } - - // aliases for faster resolution - var extend = fabric.util.object.extend, - getElementOffset = fabric.util.getElementOffset, - removeFromArray = fabric.util.removeFromArray, - toFixed = fabric.util.toFixed, - transformPoint = fabric.util.transformPoint, - invertTransform = fabric.util.invertTransform, - getNodeCanvas = fabric.util.getNodeCanvas, - createCanvasElement = fabric.util.createCanvasElement, - - CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); - - /** - * Static canvas class - * @class fabric.StaticCanvas - * @mixes fabric.Collection - * @mixes fabric.Observable - * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} - * @see {@link fabric.StaticCanvas#initialize} for constructor definition - * @fires before:render - * @fires after:render - * @fires canvas:cleared - * @fires object:added - * @fires object:removed - */ - fabric.StaticCanvas = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.StaticCanvas.prototype */ { - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg + * Centers object vertically and horizontally on canvas to which is was added last + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - initialize: function(el, options) { - options || (options = { }); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - }, - + center() { + this.canvas && this.canvas.centerObject(this); + return this; + } /** - * Background color of canvas instance. - * Should be set via {@link fabric.StaticCanvas#setBackgroundColor}. - * @type {(String|fabric.Pattern)} - * @default + * Centers object on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable */ - backgroundColor: '', - + viewportCenter() { + this.canvas && this.canvas.viewportCenterObject(this); + return this; + } /** - * Background image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as background, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default + * This callback function is called by the parent group of an object every + * time a non-delegated property changes on the group. It is passed the key + * and value as parameters. Not adding in this function's signature to avoid + * Travis build error about unused variables. */ - backgroundImage: null, - + setOnGroup() { + // implemented by sub-classes, as needed. + } /** - * Overlay color of canvas instance. - * Should be set via {@link fabric.StaticCanvas#setOverlayColor} - * @since 1.3.9 - * @type {(String|fabric.Pattern)} - * @default + * Sets canvas globalCompositeOperation for specific object + * custom composition operation for the particular object can be specified using globalCompositeOperation property + * @param {CanvasRenderingContext2D} ctx Rendering canvas context */ - overlayColor: '', - + _setupCompositeOperation(ctx) { + if (this.globalCompositeOperation) { + ctx.globalCompositeOperation = this.globalCompositeOperation; + } + } /** - * Overlay image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as overlay, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default + * cancel instance's running animations + * override if necessary to dispose artifacts such as `clipPath` */ - overlayImage: null, - + dispose() { + // todo verify this. + // runningAnimations is always truthy + if (runningAnimations) { + runningAnimations.cancelByTarget(this); + } + } /** - * Indicates whether toObject/toDatalessObject should include default values - * if set to false, takes precedence over the object value. - * @type Boolean - * @default - */ - includeDefaultValues: true, - + * + * @param {Function} klass + * @param {object} object + * @param {object} [options] + * @param {string} [options.extraParam] property to pass as first argument to the constructor + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + static _fromObject(klass, object, _a = {}) { + var { extraParam } = _a, options = __rest(_a, ["extraParam"]); + return enlivenObjectEnlivables(clone(object, true), options).then((enlivedMap) => { + // from the resulting enlived options, extract options.extraParam to arg0 + // to avoid accidental overrides later + const _a = Object.assign(Object.assign({}, options), enlivedMap), _b = extraParam, arg0 = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]); + return extraParam ? new klass(arg0, rest) : new klass(rest); + }); + } /** - * Indicates whether objects' state should be saved - * @type Boolean - * @default + * + * @static + * @memberOf fabric.Object + * @param {object} object + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} */ - stateful: false, + static fromObject(object, options) { + return FabricObject._fromObject(FabricObject, object, options); + } +} +/** + * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness + * @static + * @memberOf fabric.Object + * @type Number + */ +FabricObject.__uid = 0; +const fabricObjectDefaultValues = { + type: 'object', + originX: 'left', + originY: 'top', + top: 0, + left: 0, + width: 0, + height: 0, + scaleX: 1, + scaleY: 1, + flipX: false, + flipY: false, + opacity: 1, + angle: 0, + skewX: 0, + skewY: 0, + cornerSize: 13, + touchCornerSize: 24, + transparentCorners: true, + hoverCursor: null, + moveCursor: null, + padding: 0, + borderColor: 'rgb(178,204,255)', + borderDashArray: null, + cornerColor: 'rgb(178,204,255)', + cornerStrokeColor: '', + cornerStyle: 'rect', + cornerDashArray: null, + centeredScaling: false, + centeredRotation: true, + fill: 'rgb(0,0,0)', + fillRule: 'nonzero', + globalCompositeOperation: 'source-over', + backgroundColor: '', + selectionBackgroundColor: '', + stroke: null, + strokeWidth: 1, + strokeDashArray: null, + strokeDashOffset: 0, + strokeLineCap: 'butt', + strokeLineJoin: 'miter', + strokeMiterLimit: 4, + shadow: null, + borderOpacityWhenMoving: 0.4, + borderScaleFactor: 1, + minScaleLimit: 0, + selectable: true, + evented: true, + visible: true, + hasControls: true, + hasBorders: true, + perPixelTargetFind: false, + includeDefaultValues: true, + lockMovementX: false, + lockMovementY: false, + lockRotation: false, + lockScalingX: false, + lockScalingY: false, + lockSkewingX: false, + lockSkewingY: false, + lockScalingFlip: false, + excludeFromExport: false, + objectCaching: !fabric$1.isLikelyNode, + statefullCache: false, + noScaleCache: true, + strokeUniform: false, + dirty: true, + __corner: 0, + paintFirst: 'fill', + activeOn: 'down', + stateProperties: ('top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + + 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + + 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + + 'skewX skewY fillRule paintFirst clipPath strokeUniform').split(' '), + cacheProperties: ('fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + + ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath').split(' '), + colorProperties: 'fill stroke backgroundColor'.split(' '), + clipPath: undefined, + inverted: false, + absolutePositioned: false, + controls: {}, +}; +Object.assign(FabricObject.prototype, fabricObjectDefaultValues); +class InteractiveFabricObject extends FabricObject { /** - * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove}, - * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. - * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once - * since the renders are quequed and executed one per frame. - * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) - * Left default to true to do not break documentation and old app, fiddles. - * @type Boolean - * @default + * Constructor + * @param {Object} [options] Options object */ - renderOnAddRemove: true, - - /** - * Indicates whether object controls (borders/controls) are rendered above overlay image - * @type Boolean - * @default + constructor(options) { + super(options); + /** + * Describe object's corner position in canvas element coordinates. + * properties are depending on control keys and padding the main controls. + * each property is an object with x, y and corner. + * The `corner` property contains in a similar manner the 4 points of the + * interactive area of the corner. + * The coordinates depends from the controls positionHandler and are used + * to draw and locate controls + * @memberOf fabric.Object.prototype + */ + this.oCoords = {}; + } + /** + * Temporary compatibility issue with old classes + * @param {Object} [options] Options object */ - controlsAboveOverlay: false, - + initialize(options) { + if (options) { + this.setOptions(options); + } + } /** - * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas - * @type Boolean - * @default + * Determines which corner has been clicked + * @private + * @param {Object} pointer The pointer indicating the mouse position + * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action + * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found */ - allowTouchScrolling: false, - + _findTargetCorner(pointer, forTouch) { + if (!this.hasControls || + !this.canvas || + this.canvas._activeObject !== this) { + return false; + } + this.__corner = 0; + // had to keep the reverse loop because was breaking tests + const cornerEntries = Object.entries(this.oCoords); + for (let i = cornerEntries.length - 1; i >= 0; i--) { + const [cornerKey, corner] = cornerEntries[i]; + if (!this.isControlVisible(cornerKey)) { + continue; + } + const lines = this._getImageLines(forTouch ? corner.touchCorner : corner.corner); + const xPoints = this._findCrossPoints(pointer, lines); + if (xPoints !== 0 && xPoints % 2 === 1) { + this.__corner = cornerKey; + return cornerKey; + } + // // debugging + // + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + } + return false; + } /** - * Indicates whether this canvas will use image smoothing, this is on by default in browsers - * @type Boolean - * @default + * Calculates the coordinates of the center of each control plus the corners of the control itself + * This basically just delegates to each control positionHandler + * WARNING: changing what is passed to positionHandler is a breaking change, since position handler + * is a public api and should be done just if extremely necessary + * @return {Record} */ - imageSmoothingEnabled: true, - + calcOCoords() { + const vpt = this.getViewportTransform(), center = this.getCenterPoint(), tMatrix = [1, 0, 0, 1, center.x, center.y], rMatrix = calcRotateMatrix({ + angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0), + }), positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix), startMatrix = multiplyTransformMatrices(vpt, positionMatrix), finalMatrix = multiplyTransformMatrices(startMatrix, [ + 1 / vpt[0], + 0, + 0, + 1 / vpt[3], + 0, + 0, + ]), transformOptions = this.group + ? qrDecompose(this.calcTransformMatrix()) + : undefined, dim = this._calculateCurrentDimensions(transformOptions), coords = {}; + this.forEachControl((control, key, fabricObject) => { + coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); + }); + // debug code + /* + const canvas = this.canvas; + setTimeout(function () { + if (!canvas) return; + canvas.contextTop.clearRect(0, 0, 700, 700); + canvas.contextTop.fillStyle = 'green'; + Object.keys(coords).forEach(function(key) { + const control = coords[key]; + canvas.contextTop.fillRect(control.x, control.y, 3, 3); + }); + } 50); + */ + return coords; + } /** - * The transformation (a Canvas 2D API transform matrix) which focuses the viewport - * @type Array - * @example Default transform - * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; - * @example Scale by 70% and translate toward bottom-right by 50, without skewing - * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; - * @default + * Sets corner and controls position coordinates based on current angle, width and height, left and top. + * oCoords are used to find the corners + * aCoords are used to quickly find an object on the canvas + * lineCoords are used to quickly find object during pointer events. + * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} + * @return {void} */ - viewportTransform: fabric.iMatrix.concat(), - + setCoords() { + if (this.callSuper) { + ObjectGeometry.prototype.setCoords.call(this); + } + else { + super.setCoords(); + } + // set coordinates of the draggable boxes in the corners used to scale/rotate the image + this.oCoords = this.calcOCoords(); + this._setCornerCoords(); + } /** - * if set to false background image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default + * Calls a function for each control. The function gets called, + * with the control, the control's key and the object that is calling the iterator + * @param {Function} fn function to iterate over the controls over */ - backgroundVpt: true, - + forEachControl(fn) { + for (const i in this.controls) { + fn(this.controls[i], i, this); + } + } /** - * if set to false overlya image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default + * Sets the coordinates that determine the interaction area of each control + * note: if we would switch to ROUND corner area, all of this would disappear. + * everything would resolve to a single point and a pythagorean theorem for the distance + * @todo evaluate simplification of code switching to circle interaction area at runtime + * @private */ - overlayVpt: true, - + _setCornerCoords() { + Object.entries(this.oCoords).forEach(([controlKey, control]) => { + const controlObject = this.controls[controlKey]; + control.corner = controlObject.calcCornerCoords(this.angle, this.cornerSize, control.x, control.y, false); + control.touchCorner = controlObject.calcCornerCoords(this.angle, this.touchCornerSize, control.x, control.y, true); + }); + } /** - * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens - * @type Boolean - * @default + * Draws a colored layer behind the object, inside its selection borders. + * Requires public options: padding, selectionBackgroundColor + * this function is called when the context is transformed + * has checks to be skipped when the object is on a staticCanvas + * @todo evaluate if make this disappear in favor of a pre-render hook for objects + * this was added by Andrea Bogazzi to make possible some feature for work reasons + * it seemed a good option, now is an edge case + * @param {CanvasRenderingContext2D} ctx Context to draw on */ - enableRetinaScaling: true, - + drawSelectionBackground(ctx) { + if (!this.selectionBackgroundColor || + (this.canvas && !this.canvas.interactive) || + (this.canvas && this.canvas._activeObject !== this)) { + return; + } + ctx.save(); + const center = this.getRelativeCenterPoint(), wh = this._calculateCurrentDimensions(), vpt = this.getViewportTransform(); + ctx.translate(center.x, center.y); + ctx.scale(1 / vpt[0], 1 / vpt[3]); + ctx.rotate(degreesToRadians(this.angle)); + ctx.fillStyle = this.selectionBackgroundColor; + ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); + ctx.restore(); + } /** - * Describe canvas element extension over design - * properties are tl,tr,bl,br. - * if canvas is not zoomed/panned those points are the four corner of canvas - * if canvas is viewportTransformed you those points indicate the extension - * of canvas element in plain untrasformed coordinates - * The coordinates get updated with @method calcViewportBoundaries. - * @memberOf fabric.StaticCanvas.prototype + * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style. + * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center + * @param {Point} size the control box size used */ - vptCoords: { }, - + strokeBorders(ctx, size) { + ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y); + } /** - * Based on vptCoords and object.aCoords, skip rendering of objects that - * are not included in current viewport. - * May greatly help in applications with crowded canvas and use of zoom/pan - * If One of the corner of the bounding box of the object is on the canvas - * the objects get rendered. - * @memberOf fabric.StaticCanvas.prototype - * @type Boolean - * @default + * @private + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Point} size + * @param {Object} styleOverride object to override the object style */ - skipOffscreen: true, - + _drawBorders(ctx, size, styleOverride = {}) { + const options = Object.assign({ hasControls: this.hasControls, borderColor: this.borderColor, borderDashArray: this.borderDashArray }, styleOverride); + ctx.save(); + ctx.strokeStyle = options.borderColor; + this._setLineDash(ctx, options.borderDashArray); + this.strokeBorders(ctx, size); + options.hasControls && this.drawControlsConnectingLines(ctx, size); + ctx.restore(); + } /** - * a fabricObject that, without stroke define a clipping area with their shape. filled in black - * the clipPath object gets used when the canvas has rendered, and the context is placed in the - * top left corner of the canvas. - * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true - * @type fabric.Object + * Renders controls and borders for the object + * the context here is not transformed + * @todo move to interactivity + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style */ - clipPath: undefined, - + _renderControls(ctx, styleOverride = {}) { + const { hasBorders, hasControls } = this; + const styleOptions = Object.assign({ hasBorders, + hasControls }, styleOverride); + const vpt = this.getViewportTransform(), shouldDrawBorders = styleOptions.hasBorders, shouldDrawControls = styleOptions.hasControls; + const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix()); + const options = qrDecompose(matrix); + ctx.save(); + ctx.translate(options.translateX, options.translateY); + ctx.lineWidth = 1 * this.borderScaleFactor; + if (!this.group) { + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + } + if (this.flipX) { + options.angle -= 180; + } + ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); + shouldDrawBorders && this.drawBorders(ctx, options, styleOverride); + shouldDrawControls && this.drawControls(ctx, styleOverride); + ctx.restore(); + } /** - * @private - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - */ - _initStatic: function(el, options) { - var cb = this.requestRenderAllBound; - this._objects = []; - this._createLowerCanvas(el); - this._initOptions(options); - // only initialize retina scaling once - if (!this.interactive) { - this._initRetinaScaling(); - } - - if (options.overlayImage) { - this.setOverlayImage(options.overlayImage, cb); - } - if (options.backgroundImage) { - this.setBackgroundImage(options.backgroundImage, cb); - } - if (options.backgroundColor) { - this.setBackgroundColor(options.backgroundColor, cb); - } - if (options.overlayColor) { - this.setOverlayColor(options.overlayColor, cb); - } - this.calcOffset(); - }, - + * Draws borders of an object's bounding box. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {object} options object representing current object parameters + * @param {Object} [styleOverride] object to override the object style + */ + drawBorders(ctx, options, styleOverride) { + let size; + if ((styleOverride && styleOverride.forActiveSelection) || this.group) { + const bbox = sizeAfterTransform(this.width, this.height, options), stroke = (this.strokeUniform + ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1) + : // this is extremely confusing. options comes from the upper function + // and is the qrDecompose of a matrix that takes in account zoom too + new Point(options.scaleX, options.scaleY)).scalarMultiply(this.strokeWidth); + size = bbox.add(stroke).scalarAdd(this.borderScaleFactor); + } + else { + size = this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor); + } + this._drawBorders(ctx, size, styleOverride); + } /** - * @private + * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Point} size object size x = width, y = height */ - _isRetinaScaling: function() { - return (fabric.devicePixelRatio > 1 && this.enableRetinaScaling); - }, - + drawControlsConnectingLines(ctx, size) { + let shouldStroke = false; + ctx.beginPath(); + this.forEachControl(function (control, key, fabricObject) { + // in this moment, the ctx is centered on the object. + // width and height of the above function are the size of the bbox. + if (control.withConnection && control.getVisibility(fabricObject, key)) { + // reset movement for each control + shouldStroke = true; + ctx.moveTo(control.x * size.x, control.y * size.y); + ctx.lineTo(control.x * size.x + control.offsetX, control.y * size.y + control.offsetY); + } + }); + shouldStroke && ctx.stroke(); + } /** - * @private - * @return {Number} retinaScaling if applied, otherwise 1; + * Draws corners of an object's bounding box. + * Requires public properties: width, height + * Requires public options: cornerSize, padding + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Object} styleOverride object to override the object style */ - getRetinaScaling: function() { - return this._isRetinaScaling() ? Math.max(1, fabric.devicePixelRatio) : 1; - }, - + drawControls(ctx, styleOverride = {}) { + ctx.save(); + const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1; + const { cornerStrokeColor, cornerDashArray, cornerColor } = this; + const options = Object.assign({ cornerStrokeColor, + cornerDashArray, + cornerColor }, styleOverride); + ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); + ctx.strokeStyle = ctx.fillStyle = options.cornerColor; + if (!this.transparentCorners) { + ctx.strokeStyle = options.cornerStrokeColor; + } + this._setLineDash(ctx, options.cornerDashArray); + this.setCoords(); + this.forEachControl(function (control, key, fabricObject) { + if (control.getVisibility(fabricObject, key)) { + const p = fabricObject.oCoords[key]; + control.render(ctx, p.x, p.y, options, fabricObject); + } + }); + ctx.restore(); + } /** - * @private + * Returns true if the specified control is visible, false otherwise. + * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr', + * but since the control api allow for any control name, can be any string. + * @returns {boolean} true if the specified control is visible, false otherwise */ - _initRetinaScaling: function() { - if (!this._isRetinaScaling()) { - return; - } - var scaleRatio = fabric.devicePixelRatio; - this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); - if (this.upperCanvasEl) { - this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); - } - }, - - __initRetinaScaling: function(scaleRatio, canvas, context) { - canvas.setAttribute('width', this.width * scaleRatio); - canvas.setAttribute('height', this.height * scaleRatio); - context.scale(scaleRatio, scaleRatio); - }, - - + isControlVisible(controlKey) { + return (this.controls[controlKey] && + this.controls[controlKey].getVisibility(this, controlKey)); + } /** - * Calculates canvas element offset relative to the document - * This method is also attached as "resize" event handler of window - * @return {fabric.Canvas} instance - * @chainable + * Sets the visibility of the specified control. + * please do not use. + * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. + * but since the control api allow for any control name, can be any string. + * @param {Boolean} visible true to set the specified control visible, false otherwise + * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details */ - calcOffset: function () { - this._offset = getElementOffset(this.lowerCanvasEl); - return this; - }, - + setControlVisible(controlKey, visible) { + if (!this._controlsVisibility) { + this._controlsVisibility = {}; + } + this._controlsVisibility[controlKey] = visible; + } /** - * Sets {@link fabric.StaticCanvas#overlayImage|overlay image} for this canvas - * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set overlay to - * @param {Function} callback callback to invoke when image is loaded and set as an overlay - * @param {Object} [options] Optional options to set for the {@link fabric.Image|overlay image}. - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/fabricjs/MnzHT/|jsFiddle demo} - * @example Normal overlayImage with left/top = 0 - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * // Needed to position overlayImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example overlayImage with different properties - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top' - * }); - * @example Stretched overlayImage #1 - width/height correspond to canvas width/height - * fabric.Image.fromURL('http://fabricjs.com/assets/jail_cell_bars.png', function(img, isError) { - * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); - * canvas.setOverlayImage(img, canvas.renderAll.bind(canvas)); - * }); - * @example Stretched overlayImage #2 - width/height correspond to canvas width/height - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * width: canvas.width, - * height: canvas.height, - * // Needed to position overlayImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example overlayImage loaded from cross-origin - * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top', - * crossOrigin: 'anonymous' - * }); + * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible; + * @param {Record} [options] with an optional key per control + * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it */ - setOverlayImage: function (image, callback, options) { - return this.__setBgOverlayImage('overlayImage', image, callback, options); - }, - + setControlsVisibility(options = {}) { + Object.entries(options).forEach(([controlKey, visibility]) => this.setControlVisible(controlKey, visibility)); + } /** - * Sets {@link fabric.StaticCanvas#backgroundImage|background image} for this canvas - * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set background to - * @param {Function} callback Callback to invoke when image is loaded and set as background - * @param {Object} [options] Optional options to set for the {@link fabric.Image|background image}. - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/djnr8o7a/28/|jsFiddle demo} - * @example Normal backgroundImage with left/top = 0 - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * // Needed to position backgroundImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example backgroundImage with different properties - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top' - * }); - * @example Stretched backgroundImage #1 - width/height correspond to canvas width/height - * fabric.Image.fromURL('http://fabricjs.com/assets/honey_im_subtle.png', function(img, isError) { - * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); - * canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas)); - * }); - * @example Stretched backgroundImage #2 - width/height correspond to canvas width/height - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * width: canvas.width, - * height: canvas.height, - * // Needed to position backgroundImage at 0/0 - * originX: 'left', - * originY: 'top' - * }); - * @example backgroundImage loaded from cross-origin - * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { - * opacity: 0.5, - * angle: 45, - * left: 400, - * top: 400, - * originX: 'left', - * originY: 'top', - * crossOrigin: 'anonymous' - * }); + * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box + * that is in the canvas.contextContainer. + * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object. + * Example: blinking cursror text selection, drag effects. + * @todo discuss swapping restoreManually with a renderCallback, but think of async issues + * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else. + * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed + * with the object transformMatrix, or restored to neutral transform */ - // TODO: fix stretched examples - setBackgroundImage: function (image, callback, options) { - return this.__setBgOverlayImage('backgroundImage', image, callback, options); - }, - - /** - * Sets {@link fabric.StaticCanvas#overlayColor|foreground color} for this canvas - * @param {(String|fabric.Pattern)} overlayColor Color or pattern to set foreground color to - * @param {Function} callback Callback to invoke when foreground color is set - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/fabricjs/pB55h/|jsFiddle demo} - * @example Normal overlayColor - color value - * canvas.setOverlayColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as overlayColor - * canvas.setOverlayColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png' - * }, canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as overlayColor with repeat and offset - * canvas.setOverlayColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png', - * repeat: 'repeat', - * offsetX: 200, - * offsetY: 100 - * }, canvas.renderAll.bind(canvas)); - */ - setOverlayColor: function(overlayColor, callback) { - return this.__setBgOverlayColor('overlayColor', overlayColor, callback); - }, - + clearContextTop(restoreManually) { + if (!this.canvas) { + return; + } + const ctx = this.canvas.contextTop; + if (!ctx) { + return; + } + const v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this.transform(ctx); + // we add 4 pixel, to be sure to do not leave any pixel out + const width = this.width + 4, height = this.height + 4; + ctx.clearRect(-width / 2, -height / 2, width, height); + restoreManually || ctx.restore(); + return ctx; + } /** - * Sets {@link fabric.StaticCanvas#backgroundColor|background color} for this canvas - * @param {(String|fabric.Pattern)} backgroundColor Color or pattern to set background color to - * @param {Function} callback Callback to invoke when background color is set - * @return {fabric.Canvas} thisArg - * @chainable - * @see {@link http://jsfiddle.net/fabricjs/hXzvk/|jsFiddle demo} - * @example Normal backgroundColor - color value - * canvas.setBackgroundColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as backgroundColor - * canvas.setBackgroundColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png' - * }, canvas.renderAll.bind(canvas)); - * @example fabric.Pattern used as backgroundColor with repeat and offset - * canvas.setBackgroundColor({ - * source: 'http://fabricjs.com/assets/escheresque_ste.png', - * repeat: 'repeat', - * offsetX: 200, - * offsetY: 100 - * }, canvas.renderAll.bind(canvas)); - */ - setBackgroundColor: function(backgroundColor, callback) { - return this.__setBgOverlayColor('backgroundColor', backgroundColor, callback); - }, - + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to deselect this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event + */ + onDeselect(options) { + // implemented by sub-classes, as needed. + } /** - * @private - * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundImage|backgroundImage} - * or {@link fabric.StaticCanvas#overlayImage|overlayImage}) - * @param {(fabric.Image|String|null)} image fabric.Image instance, URL of an image or null to set background or overlay to - * @param {Function} callback Callback to invoke when image is loaded and set as background or overlay. The first argument is the created image, the second argument is a flag indicating whether an error occurred or not. - * @param {Object} [options] Optional options to set for the {@link fabric.Image|image}. - */ - __setBgOverlayImage: function(property, image, callback, options) { - if (typeof image === 'string') { - fabric.util.loadImage(image, function(img, isError) { - if (img) { - var instance = new fabric.Image(img, options); - this[property] = instance; - instance.canvas = this; - } - callback && callback(img, isError); - }, this, options && options.crossOrigin); - } - else { - options && image.setOptions(options); - this[property] = image; - image && (image.canvas = this); - callback && callback(image, false); - } - - return this; - }, - + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to select this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event + */ + onSelect(options) { + // implemented by sub-classes, as needed. + } /** - * @private - * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundColor|backgroundColor} - * or {@link fabric.StaticCanvas#overlayColor|overlayColor}) - * @param {(Object|String|null)} color Object with pattern information, color value or null - * @param {Function} [callback] Callback is invoked when color is set - */ - __setBgOverlayColor: function(property, color, callback) { - this[property] = color; - this._initGradient(color, property); - this._initPattern(color, property, callback); - return this; - }, - + * Override to customize drag and drop behavior + * return true if the object currently dragged can be dropped on the target + * @public + * @param {DragEvent} e + * @returns {boolean} + */ + canDrop(e) { + return false; + } /** - * @private + * Override to customize drag and drop behavior + * render a specific effect when an object is the source of a drag event + * example: render the selection status for the part of text that is being dragged from a text object + * @public + * @param {DragEvent} e + * @returns {boolean} */ - _createCanvasElement: function() { - var element = createCanvasElement(); - if (!element) { - throw CANVAS_INIT_ERROR; - } - if (!element.style) { - element.style = { }; - } - if (typeof element.getContext === 'undefined') { - throw CANVAS_INIT_ERROR; - } - return element; - }, - + renderDragSourceEffect() { + // for subclasses + } /** - * @private - * @param {Object} [options] Options object + * Override to customize drag and drop behavior + * render a specific effect when an object is the target of a drag event + * used to show that the underly object can receive a drop, or to show how the + * object will change when dropping. example: show the cursor where the text is about to be dropped + * @public + * @param {DragEvent} e + * @returns {boolean} */ - _initOptions: function (options) { - var lowerCanvasEl = this.lowerCanvasEl; - this._setOptions(options); + renderDropTargetEffect(e) { + // for subclasses + } +} - this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; - this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; +(function (global) { + const fabric = global.fabric; + fabric.Object = InteractiveFabricObject; +})(typeof exports !== 'undefined' ? exports : window); - if (!this.lowerCanvasEl.style) { +//@ts-nocheck +/** + * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback + * @static + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @param {Function} callback Callback to call when parsing is finished; + * It's being passed an array of elements (parsed from a document). + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [parsingOptions] options for parsing document + * @param {String} [parsingOptions.crossOrigin] crossOrigin settings + * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + */ +function parseSVGDocument(doc, callback, reviver, parsingOptions) { + if (!doc) { return; - } - - lowerCanvasEl.width = this.width; - lowerCanvasEl.height = this.height; + } + if (parsingOptions && + parsingOptions.signal && + parsingOptions.signal.aborted) { + throw new Error('`options.signal` is in `aborted` state'); + } + parseUseDirectives(doc); + let svgUid = InteractiveFabricObject.__uid++, i, len, options = applyViewboxTransform(doc), descendants = Array.from(doc.getElementsByTagName('*')); + options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; + options.svgUid = svgUid; + options.signal = parsingOptions && parsingOptions.signal; + if (descendants.length === 0 && isLikelyNode) { + // we're likely in node, where "o3-xml" library fails to gEBTN("*") + // https://github.com/ajaxorg/node-o3-xml/issues/21 + descendants = doc.selectNodes('//*[name(.)!="svg"]'); + const arr = []; + for (i = 0, len = descendants.length; i < len; i++) { + arr[i] = descendants[i]; + } + descendants = arr; + } + const elements = descendants.filter(function (el) { + applyViewboxTransform(el); + return (svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && + !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)); // http://www.w3.org/TR/SVG/struct.html#DefsElement + }); + if (!elements || (elements && !elements.length)) { + callback && callback([], {}); + return; + } + const localClipPaths = {}; + descendants + .filter(function (el) { + return el.nodeName.replace('svg:', '') === 'clipPath'; + }) + .forEach(function (el) { + const id = el.getAttribute('id'); + localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(function (el) { + return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); + }); + }); + gradientDefs[svgUid] = getGradientDefs(doc); + cssRules[svgUid] = getCSSRules(doc); + clipPaths[svgUid] = localClipPaths; + // Precedence of rules: style > class > attribute + parseElements(elements, function (instances, elements) { + if (callback) { + callback(instances, options, elements, descendants); + delete gradientDefs[svgUid]; + delete cssRules[svgUid]; + delete clipPaths[svgUid]; + } + }, Object.assign({}, options), reviver, parsingOptions); +} - lowerCanvasEl.style.width = this.width + 'px'; - lowerCanvasEl.style.height = this.height + 'px'; +//@ts-nocheck +/** + * Takes string corresponding to an SVG document, and parses it into a set of fabric objects + * @memberOf fabric + * @param {String} string + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + */ +function loadSVGFromString(string, callback, reviver, options) { + const parser = new fabric$1.window.DOMParser(), doc = parser.parseFromString(string.trim(), 'text/xml'); + parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { + callback(results, _options, elements, allElements); + }, reviver, options); +} - this.viewportTransform = this.viewportTransform.slice(); - }, +//@ts-nocheck +/** + * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. + * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) + * @memberOf fabric + * @param {String} url + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + */ +function loadSVGFromURL(url, callback, reviver, options) { + new request(url.replace(/^\n\s*/, '').trim(), { + method: 'get', + onComplete: onComplete, + signal: options && options.signal, + }); + function onComplete(r) { + const xml = r.responseXML; + if (!xml || !xml.documentElement) { + callback && callback(null); + return false; + } + parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { + callback && callback(results, _options, elements, allElements); + }, reviver, options); + } +} - /** - * Creates a bottom canvas - * @private - * @param {HTMLElement} [canvasEl] - */ - _createLowerCanvas: function (canvasEl) { - // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node - if (canvasEl && canvasEl.getContext) { - this.lowerCanvasEl = canvasEl; - } - else { - this.lowerCanvasEl = fabric.util.getById(canvasEl) || this._createCanvasElement(); - } +//@ts-nocheck +function selectorMatches(element, selector) { + let nodeName = element.nodeName, classNames = element.getAttribute('class'), id = element.getAttribute('id'), matcher, i; + // i check if a selector matches slicing away part from it. + // if i get empty string i should match + matcher = new RegExp('^' + nodeName, 'i'); + selector = selector.replace(matcher, ''); + if (id && selector.length) { + matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); + } + if (classNames && selector.length) { + classNames = classNames.split(' '); + for (i = classNames.length; i--;) { + matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); + } + } + return selector.length === 0; +} - fabric.util.addClass(this.lowerCanvasEl, 'lower-canvas'); - this._originalCanvasStyle = this.lowerCanvasEl.style; - if (this.interactive) { - this._applyCanvasStyle(this.lowerCanvasEl); - } +//@ts-nocheck +function doesSomeParentMatch(element, selectors) { + let selector, parentMatching = true; + while (element.parentNode && + element.parentNode.nodeType === 1 && + selectors.length) { + if (parentMatching) { + selector = selectors.pop(); + } + element = element.parentNode; + parentMatching = selectorMatches(element, selector); + } + return selectors.length === 0; +} - this.contextContainer = this.lowerCanvasEl.getContext('2d'); - }, +//@ts-nocheck +/** + * @private + */ +function elementMatchesRule(element, selectors) { + let firstMatching, parentMatching = true; + //start from rightmost selector. + firstMatching = selectorMatches(element, selectors.pop()); + if (firstMatching && selectors.length) { + parentMatching = doesSomeParentMatch(element, selectors); + } + return firstMatching && parentMatching && selectors.length === 0; +} - /** - * Returns canvas width (in px) - * @return {Number} - */ - getWidth: function () { - return this.width; - }, +//@ts-nocheck +/** + * @private + */ +function getGlobalStylesForElement(element, svgUid) { + const styles = {}; + for (const rule in cssRules[svgUid]) { + if (elementMatchesRule(element, rule.split(' '))) { + for (const property in cssRules[svgUid][rule]) { + styles[property] = cssRules[svgUid][rule][property]; + } + } + } + return styles; +} - /** - * Returns canvas height (in px) - * @return {Number} - */ - getHeight: function () { - return this.height; - }, +//@ts-nocheck +function normalizeAttr(attr) { + // transform attribute names + if (attr in attributesMap) { + return attributesMap[attr]; + } + return attr; +} - /** - * Sets width of this canvas instance - * @param {Number|String} value Value to set width to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setWidth: function (value, options) { - return this.setDimensions({ width: value }, options); - }, +//@ts-nocheck +function rotateMatrix(matrix, args) { + const cosValue = cos(args[0]), sinValue = sin(args[0]); + let x = 0, y = 0; + if (args.length === 3) { + x = args[1]; + y = args[2]; + } + matrix[0] = cosValue; + matrix[1] = sinValue; + matrix[2] = -sinValue; + matrix[3] = cosValue; + matrix[4] = x - (cosValue * x - sinValue * y); + matrix[5] = y - (sinValue * x + cosValue * y); +} - /** - * Sets height of this canvas instance - * @param {Number|String} value Value to set height to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setHeight: function (value, options) { - return this.setDimensions({ height: value }, options); - }, +//@ts-nocheck +function scaleMatrix(matrix, args) { + const multiplierX = args[0], multiplierY = args.length === 2 ? args[1] : args[0]; + matrix[0] = multiplierX; + matrix[3] = multiplierY; +} - /** - * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) - * @param {Object} dimensions Object with width/height properties - * @param {Number|String} [dimensions.width] Width of canvas element - * @param {Number|String} [dimensions.height] Height of canvas element - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} thisArg - * @chainable - */ - setDimensions: function (dimensions, options) { - var cssValue; +//@ts-nocheck +function skewMatrix(matrix, args, pos) { + matrix[pos] = Math.tan(degreesToRadians(args[0])); +} - options = options || {}; +//@ts-nocheck +function translateMatrix(matrix, args) { + matrix[4] = args[0]; + if (args.length === 2) { + matrix[5] = args[1]; + } +} - for (var prop in dimensions) { - cssValue = dimensions[prop]; +//@ts-nocheck +// == begin transform regexp +const number = reNum, skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', rotate = '(?:(rotate)\\s*\\(\\s*(' + + number + + ')(?:' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + '))?\\s*\\))', scale = '(?:(scale)\\s*\\(\\s*(' + + number + + ')(?:' + + commaWsp + + '(' + + number + + '))?\\s*\\))', translate = '(?:(translate)\\s*\\(\\s*(' + + number + + ')(?:' + + commaWsp + + '(' + + number + + '))?\\s*\\))', matrix = '(?:(matrix)\\s*\\(\\s*' + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + commaWsp + + '(' + + number + + ')' + + '\\s*\\))', transform = '(?:' + + matrix + + '|' + + translate + + '|' + + scale + + '|' + + rotate + + '|' + + skewX + + '|' + + skewY + + ')', transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', transformList = '^\\s*(?:' + transforms + '?)\\s*$', +// http://www.w3.org/TR/SVG/coords.html#TransformAttribute +reTransformList = new RegExp(transformList), +// == end transform regexp +reTransform = new RegExp(transform, 'g'); +/** + * Parses "transform" attribute, returning an array of values + * @static + * @function + * @memberOf fabric + * @param {String} attributeValue String containing attribute value + * @return {Array} Array of 6 elements representing transformation matrix + */ +function parseTransformAttribute(attributeValue) { + // start with identity matrix + let matrix = iMatrix.concat(), matrices = []; + // return if no argument was given or + // an argument does not match transform attribute regexp + if (!attributeValue || + (attributeValue && !reTransformList.test(attributeValue))) { + return matrix; + } + attributeValue.replace(reTransform, function (match) { + const m = new RegExp(transform).exec(match).filter(function (match) { + // match !== '' && match != null + return !!match; + }), operation = m[1], args = m.slice(2).map(parseFloat); + switch (operation) { + case 'translate': + translateMatrix(matrix, args); + break; + case 'rotate': + args[0] = degreesToRadians(args[0]); + rotateMatrix(matrix, args); + break; + case 'scale': + scaleMatrix(matrix, args); + break; + case 'skewX': + skewMatrix(matrix, args, 2); + break; + case 'skewY': + skewMatrix(matrix, args, 1); + break; + case 'matrix': + matrix = args; + break; + } + // snapshot current matrix into matrices array + matrices.push(matrix.concat()); + // reset + matrix = iMatrix.concat(); + }); + let combinedMatrix = matrices[0]; + while (matrices.length > 1) { + matrices.shift(); + combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]); + } + return combinedMatrix; +} - if (!options.cssOnly) { - this._setBackstoreDimension(prop, dimensions[prop]); - cssValue += 'px'; - this.hasLostContext = true; +//@ts-nocheck +function normalizeValue(attr, value, parentAttributes, fontSize) { + let isArray = Array.isArray(value), parsed; + if ((attr === 'fill' || attr === 'stroke') && value === 'none') { + value = ''; + } + else if (attr === 'strokeUniform') { + return value === 'non-scaling-stroke'; + } + else if (attr === 'strokeDashArray') { + if (value === 'none') { + value = null; + } + else { + value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); } + } + else if (attr === 'transformMatrix') { + if (parentAttributes && parentAttributes.transformMatrix) { + value = multiplyTransformMatrices(parentAttributes.transformMatrix, parseTransformAttribute(value)); + } + else { + value = parseTransformAttribute(value); + } + } + else if (attr === 'visible') { + value = value !== 'none' && value !== 'hidden'; + // display=none on parent element always takes precedence over child element + if (parentAttributes && parentAttributes.visible === false) { + value = false; + } + } + else if (attr === 'opacity') { + value = parseFloat(value); + if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { + value *= parentAttributes.opacity; + } + } + else if (attr === 'textAnchor' /* text-anchor */) { + value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; + } + else if (attr === 'charSpacing') { + // parseUnit returns px and we convert it to em + parsed = (parseUnit(value, fontSize) / fontSize) * 1000; + } + else if (attr === 'paintFirst') { + const fillIndex = value.indexOf('fill'); + const strokeIndex = value.indexOf('stroke'); + var value = 'fill'; + if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { + value = 'stroke'; + } + else if (fillIndex === -1 && strokeIndex > -1) { + value = 'stroke'; + } + } + else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { + return value; + } + else if (attr === 'imageSmoothing') { + return value === 'optimizeQuality'; + } + else { + parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); + } + return !isArray && isNaN(parsed) ? value : parsed; +} - if (!options.backstoreOnly) { - this._setCssDimension(prop, cssValue); - } - } - if (this._isCurrentlyDrawing) { - this.freeDrawingBrush && this.freeDrawingBrush._setBrushStyles(this.contextTop); - } - this._initRetinaScaling(); - this.calcOffset(); +//@ts-nocheck +/** + * Parses a short font declaration, building adding its properties to a style object + * @static + * @function + * @memberOf fabric + * @param {String} value font declaration + * @param {Object} oStyle definition + */ +function parseFontDeclaration(value, oStyle) { + const match = value.match(reFontDeclaration); + if (!match) { + return; + } + const fontStyle = match[1], + // font variant is not used + // fontVariant = match[2], + fontWeight = match[3], fontSize = match[4], lineHeight = match[5], fontFamily = match[6]; + if (fontStyle) { + oStyle.fontStyle = fontStyle; + } + if (fontWeight) { + oStyle.fontWeight = isNaN(parseFloat(fontWeight)) + ? fontWeight + : parseFloat(fontWeight); + } + if (fontSize) { + oStyle.fontSize = parseUnit(fontSize); + } + if (fontFamily) { + oStyle.fontFamily = fontFamily; + } + if (lineHeight) { + oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; + } +} - if (!options.cssOnly) { - this.requestRenderAll(); - } +//@ts-nocheck +function parseStyleObject(style, oStyle) { + let attr, value; + for (const prop in style) { + if (typeof style[prop] === 'undefined') { + continue; + } + attr = prop.toLowerCase(); + value = style[prop]; + oStyle[attr] = value; + } +} - return this; - }, +//@ts-nocheck +function parseStyleString(style, oStyle) { + let attr, value; + style + .replace(/;\s*$/, '') + .split(';') + .forEach(function (chunk) { + const pair = chunk.split(':'); + attr = pair[0].trim().toLowerCase(); + value = pair[1].trim(); + oStyle[attr] = value; + }); +} - /** - * Helper for setting width/height - * @private - * @param {String} prop property (width|height) - * @param {Number} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setBackstoreDimension: function (prop, value) { - this.lowerCanvasEl[prop] = value; +//@ts-nocheck +/** + * Parses "style" attribute, retuning an object with values + * @static + * @memberOf fabric + * @param {SVGElement} element Element to parse + * @return {Object} Objects with values parsed from style attribute of an element + */ +function parseStyleAttribute(element) { + const oStyle = {}, style = element.getAttribute('style'); + if (!style) { + return oStyle; + } + if (typeof style === 'string') { + parseStyleString(style, oStyle); + } + else { + parseStyleObject(style, oStyle); + } + return oStyle; +} - if (this.upperCanvasEl) { - this.upperCanvasEl[prop] = value; - } +//@ts-nocheck +/** + * @private + * @param {Object} attributes Array of attributes to parse + */ +function setStrokeFillOpacity(attributes) { + for (const attr in colorAttributes) { + if (typeof attributes[colorAttributes[attr]] === 'undefined' || + attributes[attr] === '') { + continue; + } + if (typeof attributes[attr] === 'undefined') { + if (!InteractiveFabricObject.prototype[attr]) { + continue; + } + attributes[attr] = InteractiveFabricObject.prototype[attr]; + } + if (attributes[attr].indexOf('url(') === 0) { + continue; + } + const color = new Color(attributes[attr]); + attributes[attr] = color + .setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)) + .toRgba(); + } + return attributes; +} - if (this.cacheCanvasEl) { - this.cacheCanvasEl[prop] = value; - } +//@ts-nocheck +/** + * Returns an object of attributes' name/value, given element and an array of attribute names; + * Parses parent "g" nodes recursively upwards. + * @param {DOMElement} element Element to parse + * @param {Array} attributes Array of attributes to parse + * @return {Object} object containing parsed attributes' names/values + */ +function parseAttributes(element, attributes, svgUid) { + if (!element) { + return; + } + let value, parentAttributes = {}, fontSize, parentFontSize; + if (typeof svgUid === 'undefined') { + svgUid = element.getAttribute('svgUid'); + } + // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards + if (element.parentNode && + svgValidParentsRegEx.test(element.parentNode.nodeName)) { + parentAttributes = parseAttributes(element.parentNode, attributes, svgUid); + } + let ownAttributes = attributes.reduce(function (memo, attr) { + value = element.getAttribute(attr); + if (value) { + // eslint-disable-line + memo[attr] = value; + } + return memo; + }, {}); + // add values parsed from style, which take precedence over attributes + // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) + const cssAttrs = Object.assign(getGlobalStylesForElement(element, svgUid), parseStyleAttribute(element)); + ownAttributes = Object.assign(ownAttributes, cssAttrs); + if (cssAttrs[cPath]) { + element.setAttribute(cPath, cssAttrs[cPath]); + } + fontSize = parentFontSize = + parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE; + if (ownAttributes[fSize]) { + // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. + ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); + } + let normalizedAttr, normalizedValue, normalizedStyle = {}; + for (const attr in ownAttributes) { + normalizedAttr = normalizeAttr(attr); + normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); + normalizedStyle[normalizedAttr] = normalizedValue; + } + if (normalizedStyle && normalizedStyle.font) { + parseFontDeclaration(normalizedStyle.font, normalizedStyle); + } + const mergedAttrs = Object.assign(parentAttributes, normalizedStyle); + return svgValidParentsRegEx.test(element.nodeName) + ? mergedAttrs + : setStrokeFillOpacity(mergedAttrs); +} - this[prop] = value; +//@ts-nocheck +/** + * Parses "points" attribute, returning an array of values + * @static + * @memberOf fabric + * @param {String} points points attribute string + * @return {Array} array of points + */ +function parsePointsAttribute(points) { + // points attribute is required and must not be empty + if (!points) { + return null; + } + // replace commas with whitespace and remove bookending whitespace + points = points.replace(/,/g, ' ').trim(); + points = points.split(/\s+/); + let parsedPoints = [], i, len; + for (i = 0, len = points.length; i < len; i += 2) { + parsedPoints.push({ + x: parseFloat(points[i]), + y: parseFloat(points[i + 1]), + }); + } + // odd number of points is an error + // if (parsedPoints.length % 2 !== 0) { + // return null; + // } + return parsedPoints; +} - return this; - }, +Object.assign(fabric$1, { + SHARED_ATTRIBUTES, + cssRules, + gradientDefs, + clipPaths, + parseTransformAttribute, + parseSVGDocument, + parseFontDeclaration, + getGradientDefs, + parseAttributes, + parseElements, + parseStyleAttribute, + parsePointsAttribute, + getCSSRules, + loadSVGFromURL, + loadSVGFromString, + ElementsParser, +}); - /** - * Helper for setting css width/height - * @private - * @param {String} prop property (width|height) - * @param {String} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setCssDimension: function (prop, value) { - this.lowerCanvasEl.style[prop] = value; +const linearDefaultCoords = { + x1: 0, + y1: 0, + x2: 0, + y2: 0, +}; +const radialDefaultCoords = Object.assign(Object.assign({}, linearDefaultCoords), { r1: 0, r2: 0 }); - if (this.upperCanvasEl) { - this.upperCanvasEl.style[prop] = value; - } +function parseType(el) { + return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT' + ? 'linear' + : 'radial'; +} +function parseGradientUnits(el) { + return el.getAttribute('gradientUnits') === 'userSpaceOnUse' + ? 'pixels' + : 'percentage'; +} - if (this.wrapperEl) { - this.wrapperEl.style[prop] = value; - } +const RE_PERCENT = /^(\d+\.\d+)%|(\d+)%$/; +function isPercent(value) { + return value && RE_PERCENT.test(value); +} +/** + * + * @param value + * @param valueIfNaN + * @returns ∈ [0, 1] + */ +function parsePercent(value, valueIfNaN) { + const parsed = typeof value === 'number' + ? value + : typeof value === 'string' + ? parseFloat(value) / (isPercent(value) ? 100 : 1) + : NaN; + return capValue(0, ifNaN(parsed, valueIfNaN), 1); +} - return this; - }, +const RE_KEY_VALUE_PAIRS = /\s*;\s*/; +const RE_KEY_VALUE = /\s*:\s*/; +function parseColorStop(el, multiplier) { + let colorValue, opacity; + const style = el.getAttribute('style'); + if (style) { + const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS); + if (keyValuePairs[keyValuePairs.length - 1] === '') { + keyValuePairs.pop(); + } + for (let i = keyValuePairs.length; i--;) { + const [key, value] = keyValuePairs[i] + .split(RE_KEY_VALUE) + .map((s) => s.trim()); + if (key === 'stop-color') { + colorValue = value; + } + else if (key === 'stop-opacity') { + opacity = value; + } + } + } + const color = new Color(colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'); + return { + offset: parsePercent(el.getAttribute('offset'), 0), + color: color.toRgb(), + opacity: ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) * + color.getAlpha() * + multiplier, + }; +} +function parseColorStops(el, opacityAttr) { + const colorStops = [], colorStopEls = el.getElementsByTagName('stop'), multiplier = parsePercent(opacityAttr, 1); + for (let i = colorStopEls.length; i--;) { + colorStops.push(parseColorStop(colorStopEls[i], multiplier)); + } + return colorStops; +} - /** - * Returns canvas zoom level - * @return {Number} - */ - getZoom: function () { - return this.viewportTransform[0]; - }, +function convertPercentUnitsToValues(valuesToConvert, { width, height, gradientUnits }) { + let finalValue; + return Object.keys(valuesToConvert).reduce((acc, prop) => { + const propValue = valuesToConvert[prop]; + if (propValue === 'Infinity') { + finalValue = 1; + } + else if (propValue === '-Infinity') { + finalValue = 0; + } + else { + finalValue = + typeof propValue === 'string' ? parseFloat(propValue) : propValue; + if (typeof propValue === 'string' && isPercent(propValue)) { + finalValue *= 0.01; + if (gradientUnits === 'pixels') { + // then we need to fix those percentages here in svg parsing + if (prop === 'x1' || prop === 'x2' || prop === 'r2') { + finalValue *= width; + } + if (prop === 'y1' || prop === 'y2') { + finalValue *= height; + } + } + } + } + acc[prop] = finalValue; + return acc; + }, {}); +} +function getValue(el, key) { + return el.getAttribute(key); +} +function parseLinearCoords(el) { + return { + x1: getValue(el, 'x1') || 0, + y1: getValue(el, 'y1') || 0, + x2: getValue(el, 'x2') || '100%', + y2: getValue(el, 'y2') || 0, + }; +} +function parseRadialCoords(el) { + return { + x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%', + y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%', + r1: 0, + x2: getValue(el, 'cx') || '50%', + y2: getValue(el, 'cy') || '50%', + r2: getValue(el, 'r') || '50%', + }; +} +function parseCoords(el, size) { + return convertPercentUnitsToValues(parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el), Object.assign(Object.assign({}, size), { gradientUnits: parseGradientUnits(el) })); +} +//@ts-nocheck +/** + * Gradient class + * @class Gradient + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} + */ +class Gradient { + constructor({ type = 'linear', gradientUnits = 'pixels', coords, colorStops = [], offsetX = 0, offsetY = 0, gradientTransform, id, }) { + /** + * Horizontal offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 + */ + this.offsetX = 0; + /** + * Vertical offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 + */ + this.offsetY = 0; + /** + * 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 + */ + this.gradientTransform = null; + const uid = InteractiveFabricObject.__uid++; + this.id = id ? `${id}_${uid}` : uid; + this.type = type; + this.gradientUnits = gradientUnits; + this.gradientTransform = gradientTransform || null; + this.offsetX = offsetX; + this.offsetY = offsetY; + this.coords = Object.assign(Object.assign({}, (this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords)), coords); + this.colorStops = colorStops.slice(); + } + // isType(type: S): this is Gradient { + // return (this.type as GradientType) === type; + // } /** - * Sets viewport transformation of this canvas instance - * @param {Array} vpt a Canvas 2D API transform matrix - * @return {fabric.Canvas} instance - * @chainable true - */ - setViewportTransform: function (vpt) { - var activeObject = this._activeObject, - backgroundObject = this.backgroundImage, - overlayObject = this.overlayImage, - object, i, len; - this.viewportTransform = vpt; - for (i = 0, len = this._objects.length; i < len; i++) { - object = this._objects[i]; - object.group || object.setCoords(true); - } - if (activeObject) { - activeObject.setCoords(); - } - if (backgroundObject) { - backgroundObject.setCoords(true); - } - if (overlayObject) { - overlayObject.setCoords(true); - } - this.calcViewportBoundaries(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - + * Adds another colorStop + * @param {Record} colorStop Object with offset and color + * @return {Gradient} thisArg + */ + addColorStop(colorStops) { + for (const position in colorStops) { + const color = new Color(colorStops[position]); + this.colorStops.push({ + offset: parseFloat(position), + color: color.toRgb(), + opacity: color.getAlpha(), + }); + } + return this; + } /** - * Sets zoom level of this canvas instance, the zoom centered around point - * meaning that following zoom to point with the same point will have the visual - * effect of the zoom originating from that point. The point won't move. - * It has nothing to do with canvas center or visual center of the viewport. - * @param {fabric.Point} point to zoom with respect to - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - zoomToPoint: function (point, value) { - // TODO: just change the scale, preserve other transformations - var before = point, vpt = this.viewportTransform.slice(0); - point = transformPoint(point, invertTransform(this.viewportTransform)); - vpt[0] = value; - vpt[3] = value; - var after = transformPoint(point, vpt); - vpt[4] += before.x - after.x; - vpt[5] += before.y - after.y; - return this.setViewportTransform(vpt); - }, - - /** - * Sets zoom level of this canvas instance - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - setZoom: function (value) { - this.zoomToPoint(new fabric.Point(0, 0), value); - return this; - }, - - /** - * Pan viewport so as to place point at top left corner of canvas - * @param {fabric.Point} point to move to - * @return {fabric.Canvas} instance - * @chainable true - */ - absolutePan: function (point) { - var vpt = this.viewportTransform.slice(0); - vpt[4] = -point.x; - vpt[5] = -point.y; - return this.setViewportTransform(vpt); - }, - - /** - * Pans viewpoint relatively - * @param {fabric.Point} point (position vector) to move by - * @return {fabric.Canvas} instance - * @chainable true - */ - relativePan: function (point) { - return this.absolutePan(new fabric.Point( - -point.x - this.viewportTransform[4], - -point.y - this.viewportTransform[5] - )); - }, - - /** - * Returns <canvas> element corresponding to this instance - * @return {HTMLCanvasElement} - */ - getElement: function () { - return this.lowerCanvasEl; - }, - - /** - * @private - * @param {fabric.Object} obj Object that was added - */ - _onObjectAdded: function(obj) { - this.stateful && obj.setupState(); - obj._set('canvas', this); - obj.setCoords(); - this.fire('object:added', { target: obj }); - obj.fire('added'); - }, - - /** - * @private - * @param {fabric.Object} obj Object that was removed - */ - _onObjectRemoved: function(obj) { - this.fire('object:removed', { target: obj }); - obj.fire('removed'); - delete obj.canvas; - }, - - /** - * Clears specified context of canvas element - * @param {CanvasRenderingContext2D} ctx Context to clear - * @return {fabric.Canvas} thisArg - * @chainable - */ - clearContext: function(ctx) { - ctx.clearRect(0, 0, this.width, this.height); - return this; - }, - - /** - * Returns context of canvas where objects are drawn - * @return {CanvasRenderingContext2D} - */ - getContext: function () { - return this.contextContainer; - }, - - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - this.remove.apply(this, this.getObjects()); - this.backgroundImage = null; - this.overlayImage = null; - this.backgroundColor = ''; - this.overlayColor = ''; - if (this._hasITextHandlers) { - this.off('mouse:up', this._mouseUpITextHandler); - this._iTextInstances = null; - this._hasITextHandlers = false; - } - this.clearContext(this.contextContainer); - this.fire('canvas:cleared'); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Renders the canvas - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - var canvasToDrawOn = this.contextContainer; - this.renderCanvas(canvasToDrawOn, this._objects); - return this; - }, - - /** - * Function created to be instance bound at initialization - * used in requestAnimationFrame rendering - * Let the fabricJS call it. If you call it manually you could have more - * animationFrame stacking on to of each other - * for an imperative rendering, use canvas.renderAll - * @private - * @return {fabric.Canvas} instance - * @chainable - */ - renderAndReset: function() { - this.isRendering = 0; - this.renderAll(); - }, - - /** - * Append a renderAll request to next animation frame. - * unless one is already in progress, in that case nothing is done - * a boolean flag will avoid appending more. - * @return {fabric.Canvas} instance - * @chainable - */ - requestRenderAll: function () { - if (!this.isRendering) { - this.isRendering = fabric.util.requestAnimFrame(this.renderAndResetBound); - } - return this; - }, - - /** - * Calculate the position of the 4 corner of canvas with current viewportTransform. - * helps to determinate when an object is in the current rendering viewport using - * object absolute coordinates ( aCoords ) - * @return {Object} points.tl - * @chainable - */ - calcViewportBoundaries: function() { - var points = { }, width = this.width, height = this.height, - iVpt = invertTransform(this.viewportTransform); - points.tl = transformPoint({ x: 0, y: 0 }, iVpt); - points.br = transformPoint({ x: width, y: height }, iVpt); - points.tr = new fabric.Point(points.br.x, points.tl.y); - points.bl = new fabric.Point(points.tl.x, points.br.y); - this.vptCoords = points; - return points; - }, - - cancelRequestedRender: function() { - if (this.isRendering) { - fabric.util.cancelAnimFrame(this.isRendering); - this.isRendering = 0; - } - }, - - /** - * Renders background, objects, overlay and controls. - * @param {CanvasRenderingContext2D} ctx - * @param {Array} objects to render - * @return {fabric.Canvas} instance - * @chainable - */ - renderCanvas: function(ctx, objects) { - var v = this.viewportTransform, path = this.clipPath; - this.cancelRequestedRender(); - this.calcViewportBoundaries(); - this.clearContext(ctx); - fabric.util.setImageSmoothing(ctx, this.imageSmoothingEnabled); - this.fire('before:render', { ctx: ctx, }); - this._renderBackground(ctx); - - ctx.save(); - //apply viewport transform once for all rendering process - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this._renderObjects(ctx, objects); - ctx.restore(); - if (!this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - if (path) { - path.canvas = this; - // needed to setup a couple of variables - path.shouldCache(); - path._transformDone = true; - path.renderCache({ forClipping: true }); - this.drawClipPathOnCanvas(ctx); - } - this._renderOverlay(ctx); - if (this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - this.fire('after:render', { ctx: ctx, }); - }, - - /** - * Paint the cached clipPath on the lowerCanvasEl - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawClipPathOnCanvas: function(ctx) { - var v = this.viewportTransform, path = this.clipPath; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4; - ctx.globalCompositeOperation = 'destination-in'; - path.transform(ctx); - ctx.scale(1 / path.zoomX, 1 / path.zoomY); - ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} objects to render + * Returns object representation of a gradient + * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {object} */ - _renderObjects: function(ctx, objects) { - var i, len; - for (i = 0, len = objects.length; i < len; ++i) { - objects[i] && objects[i].render(ctx); - } - }, - + toObject(propertiesToInclude) { + return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, coords: this.coords, colorStops: this.colorStops, offsetX: this.offsetX, offsetY: this.offsetY, gradientUnits: this.gradientUnits, gradientTransform: this.gradientTransform + ? this.gradientTransform.concat() + : this.gradientTransform }); + } + /* _TO_SVG_START_ */ /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {string} property 'background' or 'overlay' + * Returns SVG representation of an gradient + * @param {fabric.Object} object Object to create a gradient for + * @return {String} SVG representation of an gradient (linear/radial) */ - _renderBackgroundOrOverlay: function(ctx, property) { - var fill = this[property + 'Color'], object = this[property + 'Image'], - v = this.viewportTransform, needsVpt = this[property + 'Vpt']; - if (!fill && !object) { - return; - } - if (fill) { - ctx.save(); - ctx.beginPath(); - ctx.moveTo(0, 0); - ctx.lineTo(this.width, 0); - ctx.lineTo(this.width, this.height); - ctx.lineTo(0, this.height); - ctx.closePath(); - ctx.fillStyle = fill.toLive - ? fill.toLive(ctx, this) - : fill; - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } - ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); - var m = fill.gradientTransform || fill.patternTransform; - m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - ctx.fill(); - ctx.restore(); - } - if (object) { - ctx.save(); - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + toSVG(object, { additionalTransform: preTransform } = {}) { + const markup = [], transform = (this.gradientTransform + ? this.gradientTransform.concat() + : iMatrix.concat()), gradientUnits = this.gradientUnits === 'pixels' + ? 'userSpaceOnUse' + : 'objectBoundingBox'; + // colorStops must be sorted ascending, and guarded against deep mutations + const colorStops = this.colorStops + .map((colorStop) => (Object.assign({}, colorStop))) + .sort((a, b) => { + return a.offset - b.offset; + }); + let offsetX = -this.offsetX, offsetY = -this.offsetY; + if (gradientUnits === 'objectBoundingBox') { + offsetX /= object.width; + offsetY /= object.height; } - object.render(ctx); - ctx.restore(); - } - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderBackground: function(ctx) { - this._renderBackgroundOrOverlay(ctx, 'background'); - }, - + else { + offsetX += object.width / 2; + offsetY += object.height / 2; + } + if (object.type === 'path' && this.gradientUnits !== 'percentage') { + offsetX -= object.pathOffset.x; + offsetY -= object.pathOffset.y; + } + transform[4] -= offsetX; + transform[5] -= offsetY; + const commonAttributes = [ + `id="SVGID_${this.id}"`, + `gradientUnits="${gradientUnits}"`, + `gradientTransform="${preTransform ? preTransform + ' ' : ''}${matrixToSVG(transform)}"`, + '', + ].join(' '); + if (this.type === 'linear') { + const { x1, y1, x2, y2 } = this.coords; + markup.push('\n'); + } + else if (this.type === 'radial') { + const { x1, y1, x2, y2, r1, r2 } = this + .coords; + const needsSwap = r1 > r2; + // svg radial gradient has just 1 radius. the biggest. + markup.push('\n'); + if (needsSwap) { + // svg goes from internal to external radius. if radius are inverted, swap color stops. + colorStops.reverse(); // mutates array + colorStops.forEach((colorStop) => { + colorStop.offset = 1 - colorStop.offset; + }); + } + const minRadius = Math.min(r1, r2); + if (minRadius > 0) { + // i have to shift all colorStops and add new one in 0. + const maxRadius = Math.max(r1, r2), percentageShift = minRadius / maxRadius; + colorStops.forEach((colorStop) => { + colorStop.offset += percentageShift * (1 - colorStop.offset); + }); + } + } + colorStops.forEach(({ color, offset, opacity }) => { + markup.push('\n'); + }); + markup.push(this.type === 'linear' ? '' : '', '\n'); + return markup.join(''); + } + /* _TO_SVG_END_ */ /** - * @private + * Returns an instance of CanvasGradient * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {CanvasGradient} */ - _renderOverlay: function(ctx) { - this._renderBackgroundOrOverlay(ctx, 'overlay'); - }, - - /** - * Returns coordinates of a center of canvas. - * Returned value is an object with top and left properties - * @return {Object} object with "top" and "left" number values - */ - getCenter: function () { - return { - top: this.height / 2, - left: this.width / 2 - }; - }, - - /** - * Centers object horizontally in the canvas - * @param {fabric.Object} object Object to center horizontally - * @return {fabric.Canvas} thisArg - */ - centerObjectH: function (object) { - return this._centerObject(object, new fabric.Point(this.getCenter().left, object.getCenterPoint().y)); - }, - - /** - * Centers object vertically in the canvas - * @param {fabric.Object} object Object to center vertically - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObjectV: function (object) { - return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, this.getCenter().top)); - }, - - /** - * Centers object vertically and horizontally in the canvas - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObject: function(object) { - var center = this.getCenter(); - - return this._centerObject(object, new fabric.Point(center.left, center.top)); - }, - - /** - * Centers object vertically and horizontally in the viewport - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObject: function(object) { - var vpCenter = this.getVpCenter(); - - return this._centerObject(object, vpCenter); - }, - - /** - * Centers object horizontally in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObjectH: function(object) { - var vpCenter = this.getVpCenter(); - this._centerObject(object, new fabric.Point(vpCenter.x, object.getCenterPoint().y)); - return this; - }, - + toLive(ctx) { + if (!this.type) { + return; + } + const coords = this.coords; + const gradient = this.type === 'linear' + ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2) + : ctx.createRadialGradient(coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); + this.colorStops.forEach(({ color, opacity, offset }) => { + gradient.addColorStop(offset, typeof opacity !== 'undefined' + ? new Color(color).setAlpha(opacity).toRgba() + : color); + }); + return gradient; + } + /* _FROM_SVG_START_ */ /** - * Centers object Vertically in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable + * Returns {@link Gradient} instance from an SVG element + * @static + * @memberOf Gradient + * @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 + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * */ - viewportCenterObjectV: function(object) { - var vpCenter = this.getVpCenter(); - - return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, vpCenter.y)); - }, + static fromElement(el, instance, svgOptions) { + const gradientUnits = parseGradientUnits(el); + return new Gradient(Object.assign({ id: el.getAttribute('id') || undefined, type: parseType(el), coords: parseCoords(el, { + width: svgOptions.viewBoxWidth || svgOptions.width, + height: svgOptions.viewBoxHeight || svgOptions.height, + }), colorStops: parseColorStops(el, svgOptions.opacity), gradientUnits, gradientTransform: parseTransformAttribute(el.getAttribute('gradientTransform') || '') }, (gradientUnits === 'pixels' + ? { + offsetX: -instance.left, + offsetY: -instance.top, + } + : { + offsetX: 0, + offsetY: 0, + }))); + } +} +fabric$1.Gradient = Gradient; +//@ts-nocheck +/** + * @see {@link http://fabricjs.com/patterns demo} + * @see {@link http://fabricjs.com/dynamic-patterns demo} + */ +class Pattern$1 { /** - * Calculate the point in canvas that correspond to the center of actual viewport. - * @return {fabric.Point} vpCenter, viewport center - * @chainable + * Constructor + * @param {Object} [options] Options object + * @param {option.source} [source] the pattern source, eventually empty or a drawable + * @return {fabric.Pattern} thisArg */ - getVpCenter: function() { - var center = this.getCenter(), - iVpt = invertTransform(this.viewportTransform); - return transformPoint({ x: center.left, y: center.top }, iVpt); - }, - + constructor(options = {}) { + this.type = 'pattern'; + /** + * @type TPatternRepeat + * @defaults + */ + this.repeat = 'repeat'; + /** + * Pattern horizontal offset from object's left/top corner + * @type Number + * @default + */ + this.offsetX = 0; + /** + * Pattern vertical offset from object's left/top corner + * @type Number + * @default + */ + this.offsetY = 0; + /** + * @type TCrossOrigin + * @default + */ + this.crossOrigin = ''; + /** + * transform matrix to change the pattern, imported from svgs. + * @type Array + * @default + */ + this.patternTransform = null; + this.id = InteractiveFabricObject.__uid++; + this.setOptions(options); + } + setOptions(options) { + for (const prop in options) { + this[prop] = options[prop]; + } + } /** - * @private - * @param {fabric.Object} object Object to center - * @param {fabric.Point} center Center point - * @return {fabric.Canvas} thisArg - * @chainable + * @returns true if {@link source} is an element */ - _centerObject: function(object, center) { - object.setPositionByOrigin(center, 'center', 'center'); - object.setCoords(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - + isImageSource() { + return typeof this.source.src === 'string'; + } /** - * Returns dataless JSON representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {String} json string + * @returns true if {@link source} is a element */ - toDatalessJSON: function (propertiesToInclude) { - return this.toDatalessObject(propertiesToInclude); - }, - + isCanvasSource() { + return typeof this.source === 'object' && this.source.toDataURL; + } + sourceToString() { + return this.isImageSource() + ? this.source.src + : this.isCanvasSource() + ? this.source.toDataURL() + : ''; + } /** - * Returns object representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * Returns an instance of CanvasPattern + * @param {CanvasRenderingContext2D} ctx Context to create pattern + * @return {CanvasPattern} */ - toObject: function (propertiesToInclude) { - return this._toObjectMethod('toObject', propertiesToInclude); - }, - + toLive(ctx) { + if ( + // if the image failed to load, return, and allow rest to continue loading + !this.source || + // if an image + (this.isImageSource() && + (!this.source.complete || + this.source.naturalWidth === 0 || + this.source.naturalHeight === 0))) { + return ''; + } + return ctx.createPattern(this.source, this.repeat); + } /** - * Returns dataless object representation of canvas + * Returns object representation of a pattern * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function (propertiesToInclude) { - return this._toObjectMethod('toDatalessObject', propertiesToInclude); - }, - - /** - * @private - */ - _toObjectMethod: function (methodName, propertiesToInclude) { - - var clipPath = this.clipPath, data = { - version: fabric.version, - objects: this._toObjects(methodName, propertiesToInclude), - }; - if (clipPath && !clipPath.excludeFromExport) { - data.clipPath = this._toObject(this.clipPath, methodName, propertiesToInclude); - } - extend(data, this.__serializeBgOverlay(methodName, propertiesToInclude)); - - fabric.util.populateWithProperties(this, data, propertiesToInclude); - - return data; - }, - - /** - * @private - */ - _toObjects: function(methodName, propertiesToInclude) { - return this._objects.filter(function(object) { - return !object.excludeFromExport; - }).map(function(instance) { - return this._toObject(instance, methodName, propertiesToInclude); - }, this); - }, - - /** - * @private + * @return {object} Object representation of a pattern instance */ - _toObject: function(instance, methodName, propertiesToInclude) { - var originalValue; - - if (!this.includeDefaultValues) { - originalValue = instance.includeDefaultValues; - instance.includeDefaultValues = false; - } - - var object = instance[methodName](propertiesToInclude); - if (!this.includeDefaultValues) { - instance.includeDefaultValues = originalValue; - } - return object; - }, - - /** - * @private - */ - __serializeBgOverlay: function(methodName, propertiesToInclude) { - var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, - bgColor = this.backgroundColor, overlayColor = this.overlayColor; - - if (bgColor && bgColor.toObject) { - if (!bgColor.excludeFromExport) { - data.background = bgColor.toObject(propertiesToInclude); - } - } - else if (bgColor) { - data.background = bgColor; - } - - if (overlayColor && overlayColor.toObject) { - if (!overlayColor.excludeFromExport) { - data.overlay = overlayColor.toObject(propertiesToInclude); - } - } - else if (overlayColor) { - data.overlay = overlayColor; - } - - if (bgImage && !bgImage.excludeFromExport) { - data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); - } - if (overlayImage && !overlayImage.excludeFromExport) { - data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); - } - - return data; - }, - + toObject(propertiesToInclude) { + return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: 'pattern', source: this.sourceToString(), repeat: this.repeat, crossOrigin: this.crossOrigin, offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS), offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS), patternTransform: this.patternTransform + ? this.patternTransform.concat() + : null }); + } /* _TO_SVG_START_ */ /** - * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, - * a zoomed canvas will then produce zoomed SVG output. - * @type Boolean - * @default - */ - svgViewportTransformation: true, - - /** - * Returns SVG representation of canvas - * @function - * @param {Object} [options] Options object for SVG output - * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included - * @param {Object} [options.viewBox] SVG viewbox object - * @param {Number} [options.viewBox.x] x-coordinate of viewbox - * @param {Number} [options.viewBox.y] y-coordinate of viewbox - * @param {Number} [options.viewBox.width] Width of viewbox - * @param {Number} [options.viewBox.height] Height of viewbox - * @param {String} [options.encoding=UTF-8] Encoding of SVG output - * @param {String} [options.width] desired width of svg with or without units - * @param {String} [options.height] desired height of svg with or without units - * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. - * @return {String} SVG string - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} - * @example Normal SVG output - * var svg = canvas.toSVG(); - * @example SVG output without preamble (without <?xml ../>) - * var svg = canvas.toSVG({suppressPreamble: true}); - * @example SVG output with viewBox attribute - * var svg = canvas.toSVG({ - * viewBox: { - * x: 100, - * y: 100, - * width: 200, - * height: 300 - * } - * }); - * @example SVG output with different encoding (default: UTF-8) - * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); - * @example Modify SVG output with reviver function - * var svg = canvas.toSVG(null, function(svg) { - * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); - * }); - */ - toSVG: function(options, reviver) { - options || (options = { }); - options.reviver = reviver; - var markup = []; - - this._setSVGPreamble(markup, options); - this._setSVGHeader(markup, options); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'background'); - this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); - this._setSVGObjects(markup, reviver); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'overlay'); - this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); - - markup.push(''); - - return markup.join(''); - }, - - /** - * @private + * Returns SVG representation of a pattern */ - _setSVGPreamble: function(markup, options) { - if (options.suppressPreamble) { - return; - } - markup.push( - '\n', - '\n' - ); - }, - - /** - * @private - */ - _setSVGHeader: function(markup, options) { - var width = options.width || this.width, - height = options.height || this.height, - vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', - NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - - if (options.viewBox) { - viewBox = 'viewBox="' + - options.viewBox.x + ' ' + - options.viewBox.y + ' ' + - options.viewBox.width + ' ' + - options.viewBox.height + '" '; - } - else { - if (this.svgViewportTransformation) { - vpt = this.viewportTransform; - viewBox = 'viewBox="' + - toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + ' ' + - toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + ' ' + - toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + ' ' + - toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + '" '; - } - } - - markup.push( - '\n', - 'Created with Fabric.js ', fabric.version, '\n', - '\n', - this.createSVGFontFacesMarkup(), - this.createSVGRefElementsMarkup(), - this.createSVGClipPathMarkup(options), - '\n' - ); - }, - - createSVGClipPathMarkup: function(options) { - var clipPath = this.clipPath; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; - return '\n' + - this.clipPath.toClipPathSVG(options.reviver) + - '\n'; - } - return ''; - }, - - /** - * Creates markup containing SVG referenced elements like patterns, gradients etc. - * @return {String} - */ - createSVGRefElementsMarkup: function() { - var _this = this, - markup = ['background', 'overlay'].map(function(prop) { - var fill = _this[prop + 'Color']; - if (fill && fill.toLive) { - var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, - object = { - width: _this.width / (shouldTransform ? vpt[0] : 1), - height: _this.height / (shouldTransform ? vpt[3] : 1) - }; - return fill.toSVG( - object, - { additionalTransform: shouldTransform ? fabric.util.matrixToSVG(vpt) : '' } - ); - } - }); - return markup.join(''); - }, - - /** - * Creates markup containing SVG font faces, - * font URLs for font faces must be collected by developers - * and are not extracted from the DOM by fabricjs - * @param {Array} objects Array of fabric objects - * @return {String} - */ - createSVGFontFacesMarkup: function() { - var markup = '', fontList = { }, obj, fontFamily, - style, row, rowIndex, _char, charIndex, i, len, - fontPaths = fabric.fontPaths, objects = []; - - this._objects.forEach(function add(object) { - objects.push(object); - if (object._objects) { - object._objects.forEach(add); - } - }); - - for (i = 0, len = objects.length; i < len; i++) { - obj = objects[i]; - fontFamily = obj.fontFamily; - if (obj.type.indexOf('text') === -1 || fontList[fontFamily] || !fontPaths[fontFamily]) { - continue; - } - fontList[fontFamily] = true; - if (!obj.styles) { - continue; - } - style = obj.styles; - for (rowIndex in style) { - row = style[rowIndex]; - for (charIndex in row) { - _char = row[charIndex]; - fontFamily = _char.fontFamily; - if (!fontList[fontFamily] && fontPaths[fontFamily]) { - fontList[fontFamily] = true; - } - } - } - } - - for (var j in fontList) { - markup += [ - '\t\t@font-face {\n', - '\t\t\tfont-family: \'', j, '\';\n', - '\t\t\tsrc: url(\'', fontPaths[j], '\');\n', - '\t\t}\n' - ].join(''); - } - - if (markup) { - markup = [ - '\t\n' - ].join(''); - } - - return markup; - }, - - /** - * @private - */ - _setSVGObjects: function(markup, reviver) { - var instance, i, len, objects = this._objects; - for (i = 0, len = objects.length; i < len; i++) { - instance = objects[i]; - if (instance.excludeFromExport) { - continue; - } - this._setSVGObject(markup, instance, reviver); - } - }, - - /** - * @private - */ - _setSVGObject: function(markup, instance, reviver) { - markup.push(instance.toSVG(reviver)); - }, - - /** - * @private - */ - _setSVGBgOverlayImage: function(markup, property, reviver) { - if (this[property] && !this[property].excludeFromExport && this[property].toSVG) { - markup.push(this[property].toSVG(reviver)); - } - }, - - /** - * @private - */ - _setSVGBgOverlayColor: function(markup, property) { - var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, - finalHeight = this.height; - if (!filler) { - return; - } - if (filler.toLive) { - var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], - additionalTransform = shouldInvert ? fabric.util.matrixToSVG(iVpt) : ''; - markup.push( - '\n' - ); - } - else { - markup.push( - '\n' - ); - } - }, + toSVG({ width, height }) { + const patternSource = this.source, patternOffsetX = ifNaN(this.offsetX / width, 0), patternOffsetY = ifNaN(this.offsetY / height, 0), patternWidth = this.repeat === 'repeat-y' || this.repeat === 'no-repeat' + ? 1 + Math.abs(patternOffsetX || 0) + : ifNaN(patternSource.width / width, 0), patternHeight = this.repeat === 'repeat-x' || this.repeat === 'no-repeat' + ? 1 + Math.abs(patternOffsetY || 0) + : ifNaN(patternSource.height / height, 0); + return [ + ``, + ``, + ``, + '', + ].join('\n'); + } /* _TO_SVG_END_ */ - - /** - * Moves an object or the objects of a multiple selection - * to the bottom of the stack of drawn objects - * @param {fabric.Object} object Object to send to back - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendToBack: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.unshift(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.unshift(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Moves an object or the objects of a multiple selection - * to the top of the stack of drawn objects - * @param {fabric.Object} object Object to send - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringToFront: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.push(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.push(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * Moves an object or a selection down in stack of drawn objects - * An optional parameter, intersecting allows to move the object in behind - * the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendBackwards: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, idx, newIdx, objs, objsMoved = 0; - - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx > 0 + objsMoved) { - newIdx = idx - 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== 0) { - // if object is not on the bottom of stack - newIdx = this._findNewLowerIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * @private - */ - _findNewLowerIndex: function(object, idx, intersecting) { - var newIdx, i; - - if (intersecting) { - newIdx = idx; - - // traverse down the stack looking for the nearest intersecting object - for (i = idx - 1; i >= 0; --i) { - - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx - 1; - } - - return newIdx; - }, - - /** - * Moves an object or a selection up in stack of drawn objects - * An optional parameter, intersecting allows to move the object in front - * of the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringForward: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, - i, obj, idx, newIdx, objs, objsMoved = 0; - - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx < this._objects.length - 1 - objsMoved) { - newIdx = idx + 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== this._objects.length - 1) { - // if object is not on top of stack (last item in an array) - newIdx = this._findNewUpperIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - - /** - * @private - */ - _findNewUpperIndex: function(object, idx, intersecting) { - var newIdx, i, len; - - if (intersecting) { - newIdx = idx; - - // traverse up the stack looking for the nearest intersecting object - for (i = idx + 1, len = this._objects.length; i < len; ++i) { - - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx + 1; - } - - return newIdx; - }, - - /** - * Moves an object to specified level in stack of drawn objects - * @param {fabric.Object} object Object to send - * @param {Number} index Position to move to - * @return {fabric.Canvas} thisArg - * @chainable - */ - moveTo: function (object, index) { - removeFromArray(this._objects, object); - this._objects.splice(index, 0, object); - return this.renderOnAddRemove && this.requestRenderAll(); - }, - - /** - * Clears a canvas element and dispose objects - * @return {fabric.Canvas} thisArg - * @chainable - */ - dispose: function () { - // cancel eventually ongoing renders - if (this.isRendering) { - fabric.util.cancelAnimFrame(this.isRendering); - this.isRendering = 0; - } - this.forEachObject(function(object) { - object.dispose && object.dispose(); - }); - this._objects = []; - if (this.backgroundImage && this.backgroundImage.dispose) { - this.backgroundImage.dispose(); - } - this.backgroundImage = null; - if (this.overlayImage && this.overlayImage.dispose) { - this.overlayImage.dispose(); - } - this.overlayImage = null; - this._iTextInstances = null; - this.contextContainer = null; - // restore canvas style - this.lowerCanvasEl.classList.remove('lower-canvas'); - fabric.util.setStyle(this.lowerCanvasEl, this._originalCanvasStyle); - delete this._originalCanvasStyle; - // restore canvas size to original size in case retina scaling was applied - this.lowerCanvasEl.setAttribute('width', this.width); - this.lowerCanvasEl.setAttribute('height', this.height); - fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); - this.lowerCanvasEl = undefined; - return this; - }, - - /** - * Returns a string representation of an instance - * @return {String} string representation of an instance - */ - toString: function () { - return '#'; + static async fromObject(_a, options) { + var { source } = _a, serialized = __rest(_a, ["source"]); + const img = await loadImage(source, Object.assign(Object.assign({}, options), { crossOrigin: serialized.crossOrigin })); + return new Pattern$1(Object.assign(Object.assign({}, serialized), { source: img })); } - }); - - extend(fabric.StaticCanvas.prototype, fabric.Observable); - extend(fabric.StaticCanvas.prototype, fabric.Collection); - extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); - - extend(fabric.StaticCanvas, /** @lends fabric.StaticCanvas */ { - +} +fabric$1.Pattern = Pattern$1; + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), toFixed = fabric.util.toFixed; + /** + * Shadow class + * @class fabric.Shadow + * @see {@link http://fabricjs.com/shadows|Shadow demo} + * @see {@link fabric.Shadow#initialize} for constructor definition + */ + fabric.Shadow = fabric.util.createClass( + /** @lends fabric.Shadow.prototype */ { + /** + * Shadow color + * @type String + * @default + */ + color: 'rgb(0,0,0)', + /** + * Shadow blur + * @type Number + */ + blur: 0, + /** + * Shadow horizontal offset + * @type Number + * @default + */ + offsetX: 0, + /** + * Shadow vertical offset + * @type Number + * @default + */ + offsetY: 0, + /** + * Whether the shadow should affect stroke operations + * @type Boolean + * @default + */ + affectStroke: false, + /** + * Indicates whether toObject should include default values + * @type Boolean + * @default + */ + includeDefaultValues: true, + /** + * When `false`, the shadow will scale with the object. + * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. + * default to false + * @type Boolean + * @default + */ + nonScaling: false, + /** + * Constructor + * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") + * @return {fabric.Shadow} thisArg + */ + initialize: function (options) { + if (typeof options === 'string') { + options = this._parseShadow(options); + } + for (var prop in options) { + this[prop] = options[prop]; + } + this.id = InteractiveFabricObject.__uid++; + }, + /** + * @private + * @param {String} shadow Shadow value to parse + * @return {Object} Shadow object with color, offsetX, offsetY and blur + */ + _parseShadow: function (shadow) { + var shadowStr = shadow.trim(), offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || + 'rgb(0,0,0)'; + return { + color: color.trim(), + offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, + offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, + blur: parseFloat(offsetsAndBlur[3], 10) || 0, + }; + }, + /** + * Returns a string representation of an instance + * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow + * @return {String} Returns CSS3 text-shadow declaration + */ + toString: function () { + return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); + }, + /* _TO_SVG_START_ */ + /** + * Returns SVG representation of a shadow + * @param {fabric.Object} object + * @return {String} SVG representation of a shadow + */ + toSVG: function (object) { + var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, offset = fabric.util.rotateVector(new Point(this.offsetX, this.offsetY), fabric.util.degreesToRadians(-object.angle)), BLUR_BOX = 20, color = new Color(this.color); + if (object.width && object.height) { + //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion + // we add some extra space to filter box to contain the blur ( 20 ) + fBoxX = + toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * + 100 + + BLUR_BOX; + fBoxY = + toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * + 100 + + BLUR_BOX; + } + if (object.flipX) { + offset.x *= -1; + } + if (object.flipY) { + offset.y *= -1; + } + return ('\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\t\n' + + '\t\t\n' + + '\t\n' + + '\n'); + }, + /* _TO_SVG_END_ */ + /** + * Returns object representation of a shadow + * @return {Object} Object representation of a shadow instance + */ + toObject: function () { + if (this.includeDefaultValues) { + return { + color: this.color, + blur: this.blur, + offsetX: this.offsetX, + offsetY: this.offsetY, + affectStroke: this.affectStroke, + nonScaling: this.nonScaling, + }; + } + var obj = {}, proto = fabric.Shadow.prototype; + [ + 'color', + 'blur', + 'offsetX', + 'offsetY', + 'affectStroke', + 'nonScaling', + ].forEach(function (prop) { + if (this[prop] !== proto[prop]) { + obj[prop] = this[prop]; + } + }, this); + return obj; + }, + }); /** + * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") * @static - * @type String - * @default - */ - EMPTY_JSON: '{"objects": [], "background": "white"}', - - /** - * Provides a way to check support of some of the canvas methods - * (either those of HTMLCanvasElement itself, or rendering context) - * - * @param {String} methodName Method to check support for; - * Could be one of "setLineDash" - * @return {Boolean | null} `true` if method is supported (or at least exists), - * `null` if canvas element or context can not be initialized - */ - supports: function (methodName) { - var el = createCanvasElement(); - - if (!el || !el.getContext) { - return null; - } - - var ctx = el.getContext('2d'); - if (!ctx) { - return null; - } - - switch (methodName) { - - case 'setLineDash': - return typeof ctx.setLineDash !== 'undefined'; - - default: - return null; - } - } - }); - - /** - * Returns Object representation of canvas - * this alias is provided because if you call JSON.stringify on an instance, - * the toJSON object will be invoked if it exists. - * Having a toJSON method means you can do JSON.stringify(myCanvas) - * @function - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} JSON compatible object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} - * @example JSON without additional properties - * var json = canvas.toJSON(); - * @example JSON with additional properties included - * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); - * @example JSON without default values - * canvas.includeDefaultValues = false; - * var json = canvas.toJSON(); - */ - fabric.StaticCanvas.prototype.toJSON = fabric.StaticCanvas.prototype.toObject; - - if (fabric.isLikelyNode) { - fabric.StaticCanvas.prototype.createPNGStream = function() { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createPNGStream(); - }; - fabric.StaticCanvas.prototype.createJPEGStream = function(opts) { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createJPEGStream(opts); - }; - } -})(); - - -/** - * BaseBrush class - * @class fabric.BaseBrush - * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} - */ -fabric.BaseBrush = fabric.util.createClass(/** @lends fabric.BaseBrush.prototype */ { - - /** - * Color of a brush - * @type String - * @default - */ - color: 'rgb(0, 0, 0)', - - /** - * Width of a brush, has to be a Number, no string literals - * @type Number - * @default - */ - width: 1, - - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), - * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 - * @type fabric.Shadow - * @default - */ - shadow: null, - - /** - * Line endings style of a brush (one of "butt", "round", "square") - * @type String - * @default - */ - strokeLineCap: 'round', - - /** - * Corner style of a brush (one of "bevel", "round", "miter") - * @type String - * @default - */ - strokeLineJoin: 'round', - - /** - * Maximum miter length (used for strokeLineJoin = "miter") of a brush's - * @type Number - * @default - */ - strokeMiterLimit: 10, - - /** - * Stroke Dash Array. - * @type Array - * @default - */ - strokeDashArray: null, - - /** - * When `true`, the free drawing is limited to the whiteboard size. Default to false. - * @type Boolean - * @default false - */ - - limitedToCanvasSize: false, - - - /** - * Sets brush styles - * @private - * @param {CanvasRenderingContext2D} ctx - */ - _setBrushStyles: function (ctx) { - ctx.strokeStyle = this.color; - ctx.lineWidth = this.width; - ctx.lineCap = this.strokeLineCap; - ctx.miterLimit = this.strokeMiterLimit; - ctx.lineJoin = this.strokeLineJoin; - ctx.setLineDash(this.strokeDashArray || []); - }, - - /** - * Sets the transformation on given context - * @param {RenderingContext2d} ctx context to render on - * @private - */ - _saveAndTransform: function(ctx) { - var v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - }, - - /** - * Sets brush shadow styles - * @private - */ - _setShadow: function() { - if (!this.shadow) { - return; - } - - var canvas = this.canvas, - shadow = this.shadow, - ctx = canvas.contextTop, - zoom = canvas.getZoom(); - if (canvas && canvas._isRetinaScaling()) { - zoom *= fabric.devicePixelRatio; - } - - ctx.shadowColor = shadow.color; - ctx.shadowBlur = shadow.blur * zoom; - ctx.shadowOffsetX = shadow.offsetX * zoom; - ctx.shadowOffsetY = shadow.offsetY * zoom; - }, - - needsFullRender: function() { - var color = new fabric.Color(this.color); - return color.getAlpha() < 1 || !!this.shadow; - }, - - /** - * Removes brush shadow styles - * @private - */ - _resetShadow: function() { - var ctx = this.canvas.contextTop; - - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - }, - - /** - * Check is pointer is outside canvas boundaries - * @param {Object} pointer - * @private - */ - _isOutSideCanvas: function(pointer) { - return pointer.x < 0 || pointer.x > this.canvas.getWidth() || pointer.y < 0 || pointer.y > this.canvas.getHeight(); - } -}); - - -(function() { - /** - * PencilBrush class - * @class fabric.PencilBrush - * @extends fabric.BaseBrush - */ - fabric.PencilBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.PencilBrush.prototype */ { - - /** - * Discard points that are less than `decimate` pixel distant from each other - * @type Number - * @default 0.4 - */ - decimate: 0.4, - - /** - * Draws a straight line between last recorded point to current pointer - * Used for `shift` functionality - * - * @type boolean - * @default false - */ - drawStraightLine: false, - - /** - * The event modifier key that makes the brush draw a straight line. - * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. - * @type {'altKey' | 'shiftKey' | 'ctrlKey' | 'none' | undefined | null} - */ - straightLineKey: 'shiftKey', - - /** - * Constructor - * @param {fabric.Canvas} canvas - * @return {fabric.PencilBrush} Instance of a pencil brush - */ - initialize: function(canvas) { - this.canvas = canvas; - this._points = []; - }, - - needsFullRender: function () { - return this.callSuper('needsFullRender') || this._hasStraightLine; - }, - - /** - * Invoked inside on mouse down and mouse move - * @param {Object} pointer - */ - _drawSegment: function (ctx, p1, p2) { - var midPoint = p1.midPointFrom(p2); - ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); - return midPoint; - }, - - /** - * Invoked on mouse down - * @param {Object} pointer - */ - onMouseDown: function(pointer, options) { - if (!this.canvas._isMainEvent(options.e)) { - return; - } - this.drawStraightLine = options.e[this.straightLineKey]; - this._prepareForDrawing(pointer); - // capture coordinates immediately - // this allows to draw dots (when movement never occurs) - this._captureDrawingPath(pointer); - this._render(); - }, - - /** - * Invoked on mouse move - * @param {Object} pointer - */ - onMouseMove: function(pointer, options) { - if (!this.canvas._isMainEvent(options.e)) { - return; - } - this.drawStraightLine = options.e[this.straightLineKey]; - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this._captureDrawingPath(pointer) && this._points.length > 1) { - if (this.needsFullRender()) { - // redraw curve - // clear top canvas - this.canvas.clearContext(this.canvas.contextTop); - this._render(); - } - else { - var points = this._points, length = points.length, ctx = this.canvas.contextTop; - // draw the curve update - this._saveAndTransform(ctx); - if (this.oldEnd) { - ctx.beginPath(); - ctx.moveTo(this.oldEnd.x, this.oldEnd.y); - } - this.oldEnd = this._drawSegment(ctx, points[length - 2], points[length - 1], true); - ctx.stroke(); - ctx.restore(); - } - } - }, - - /** - * Invoked on mouse up - */ - onMouseUp: function(options) { - if (!this.canvas._isMainEvent(options.e)) { - return true; - } - this.drawStraightLine = false; - this.oldEnd = undefined; - this._finalizeAndAddPath(); - return false; - }, - - /** - * @private - * @param {Object} pointer Actual mouse position related to the canvas. - */ - _prepareForDrawing: function(pointer) { - - var p = new fabric.Point(pointer.x, pointer.y); - - this._reset(); - this._addPoint(p); - this.canvas.contextTop.moveTo(p.x, p.y); - }, - - /** - * @private - * @param {fabric.Point} point Point to be added to points array - */ - _addPoint: function(point) { - if (this._points.length > 1 && point.eq(this._points[this._points.length - 1])) { - return false; - } - if (this.drawStraightLine && this._points.length > 1) { - this._hasStraightLine = true; - this._points.pop(); - } - this._points.push(point); - return true; - }, - - /** - * Clear points array and set contextTop canvas style. - * @private - */ - _reset: function() { - this._points = []; - this._setBrushStyles(this.canvas.contextTop); - this._setShadow(); - this._hasStraightLine = false; - }, - - /** - * @private - * @param {Object} pointer Actual mouse position related to the canvas. - */ - _captureDrawingPath: function(pointer) { - var pointerPoint = new fabric.Point(pointer.x, pointer.y); - return this._addPoint(pointerPoint); - }, - - /** - * Draw a smooth path on the topCanvas using quadraticCurveTo - * @private - * @param {CanvasRenderingContext2D} [ctx] - */ - _render: function(ctx) { - var i, len, - p1 = this._points[0], - p2 = this._points[1]; - ctx = ctx || this.canvas.contextTop; - this._saveAndTransform(ctx); - ctx.beginPath(); - //if we only have 2 points in the path and they are the same - //it means that the user only clicked the canvas without moving the mouse - //then we should be drawing a dot. A path isn't drawn between two identical dots - //that's why we set them apart a bit - if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { - var width = this.width / 1000; - p1 = new fabric.Point(p1.x, p1.y); - p2 = new fabric.Point(p2.x, p2.y); - p1.x -= width; - p2.x += width; - } - ctx.moveTo(p1.x, p1.y); - - for (i = 1, len = this._points.length; i < len; i++) { - // we pick the point between pi + 1 & pi + 2 as the - // end point and p1 as our control point. - this._drawSegment(ctx, p1, p2); - p1 = this._points[i]; - p2 = this._points[i + 1]; - } - // Draw last line as a straight line while - // we wait for the next point to be able to calculate - // the bezier control point - ctx.lineTo(p1.x, p1.y); - ctx.stroke(); - ctx.restore(); - }, - - /** - * Converts points to SVG path - * @param {Array} points Array of points - * @return {(string|number)[][]} SVG path commands - */ - convertPointsToSVGPath: function (points) { - var correction = this.width / 1000; - return fabric.util.getSmoothPathFromPoints(points, correction); - }, - - /** - * @private - * @param {(string|number)[][]} pathData SVG path commands - * @returns {boolean} - */ - _isEmptySVGPath: function (pathData) { - var pathString = fabric.util.joinPath(pathData); - return pathString === 'M 0 0 Q 0 0 0 0 L 0 0'; - }, - - /** - * Creates fabric.Path object to add on canvas - * @param {(string|number)[][]} pathData Path data - * @return {fabric.Path} Path to add on canvas - */ - createPath: function(pathData) { - var path = new fabric.Path(pathData, { - fill: null, - stroke: this.color, - strokeWidth: this.width, - strokeLineCap: this.strokeLineCap, - strokeMiterLimit: this.strokeMiterLimit, - strokeLineJoin: this.strokeLineJoin, - strokeDashArray: this.strokeDashArray, - }); - if (this.shadow) { - this.shadow.affectStroke = true; - path.shadow = new fabric.Shadow(this.shadow); - } - - return path; - }, - - /** - * Decimate points array with the decimate value - */ - decimatePoints: function(points, distance) { - if (points.length <= 2) { - return points; - } - var zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), - i, l = points.length - 1, lastPoint = points[0], newPoints = [lastPoint], - cDistance; - for (i = 1; i < l - 1; i++) { - cDistance = Math.pow(lastPoint.x - points[i].x, 2) + Math.pow(lastPoint.y - points[i].y, 2); - if (cDistance >= adjustedDistance) { - lastPoint = points[i]; - newPoints.push(lastPoint); - } - } - /** - * Add the last point from the original line to the end of the array. - * This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. - */ - newPoints.push(points[l]); - return newPoints; - }, - - /** - * On mouseup after drawing the path on contextTop canvas - * we use the points captured to create an new fabric path object - * and add it to the fabric canvas. - */ - _finalizeAndAddPath: function() { - var ctx = this.canvas.contextTop; - ctx.closePath(); - if (this.decimate) { - this._points = this.decimatePoints(this._points, this.decimate); - } - var pathData = this.convertPointsToSVGPath(this._points); - if (this._isEmptySVGPath(pathData)) { - // do not create 0 width/height paths, as they are - // rendered inconsistently across browsers - // Firefox 4, for example, renders a dot, - // whereas Chrome 10 renders nothing - this.canvas.requestRenderAll(); - return; - } - - var path = this.createPath(pathData); - this.canvas.clearContext(this.canvas.contextTop); - this.canvas.fire('before:path:created', { path: path }); - this.canvas.add(path); - this.canvas.requestRenderAll(); - path.setCoords(); - this._resetShadow(); - - - // fire event 'path' created - this.canvas.fire('path:created', { path: path }); + * @field + * @memberOf fabric.Shadow + */ + // eslint-disable-next-line max-len + fabric.Shadow.reOffsetsAndBlur = + /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + // aliases for faster resolution + var fabric = global.fabric, extend = fabric.util.object.extend, getElementOffset = fabric.util.getElementOffset, toFixed = fabric.util.toFixed, transformPoint = fabric.util.transformPoint, invertTransform = fabric.util.invertTransform, getNodeCanvas = fabric.util.getNodeCanvas, createCanvasElement = fabric.util.createCanvasElement, CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); + /** + * Static canvas class + * @class fabric.StaticCanvas + * @mixes fabric.Observable + * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} + * @see {@link fabric.StaticCanvas#initialize} for constructor definition + * @fires before:render + * @fires after:render + * @fires canvas:cleared + * @fires object:added + * @fires object:removed + */ + // eslint-disable-next-line max-len + fabric.StaticCanvas = fabric.util.createClass(class extends createCollectionMixin(CommonMethods) { + add(...objects) { + super.add(...objects); + objects.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); + return this; + } + insertAt(index, ...objects) { + super.insertAt(index, ...objects); + objects.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); + return this; + } + remove(...objects) { + const removed = super.remove(...objects); + removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); + return this; + } + _onObjectAdded(obj) { + this.stateful && obj.setupState(); + if (obj.canvas && obj.canvas !== this) { + /* _DEV_MODE_START_ */ + console.warn('fabric.Canvas: trying to add an object that belongs to a different canvas.\n' + + 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'); + /* _DEV_MODE_END_ */ + obj.canvas.remove(obj); + } + obj._set('canvas', this); + obj.setCoords(); + this.fire('object:added', { target: obj }); + obj.fire('added', { target: this }); + } + _onObjectRemoved(obj) { + obj._set('canvas', undefined); + this.fire('object:removed', { target: obj }); + obj.fire('removed', { target: this }); + } + }, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function (el, options) { + options || (options = {}); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + }, + /** + * Background color of canvas instance. + * @type {(String|fabric.Pattern)} + * @default + */ + backgroundColor: '', + /** + * Background image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as background, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default + */ + backgroundImage: null, + /** + * Overlay color of canvas instance. + * @since 1.3.9 + * @type {(String|fabric.Pattern)} + * @default + */ + overlayColor: '', + /** + * Overlay image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as overlay, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default + */ + overlayImage: null, + /** + * Indicates whether toObject/toDatalessObject should include default values + * if set to false, takes precedence over the object value. + * @type Boolean + * @default + */ + includeDefaultValues: true, + /** + * Indicates whether objects' state should be saved + * @type Boolean + * @default + */ + stateful: false, + /** + * Indicates whether {@link add}, {@link insertAt} and {@link remove}, + * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. + * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once + * since the renders are quequed and executed one per frame. + * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) + * Left default to true to do not break documentation and old app, fiddles. + * @type Boolean + * @default + */ + renderOnAddRemove: true, + /** + * Indicates whether object controls (borders/controls) are rendered above overlay image + * @type Boolean + * @default + */ + controlsAboveOverlay: false, + /** + * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas + * @type Boolean + * @default + */ + allowTouchScrolling: false, + /** + * Indicates whether this canvas will use image smoothing, this is on by default in browsers + * @type Boolean + * @default + */ + imageSmoothingEnabled: true, + /** + * The transformation (a Canvas 2D API transform matrix) which focuses the viewport + * @type Array + * @example Default transform + * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; + * @example Scale by 70% and translate toward bottom-right by 50, without skewing + * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; + * @default + */ + viewportTransform: fabric.iMatrix.concat(), + /** + * if set to false background image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default + */ + backgroundVpt: true, + /** + * if set to false overlya image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default + */ + overlayVpt: true, + /** + * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens + * @type Boolean + * @default + */ + enableRetinaScaling: true, + /** + * Describe canvas element extension over design + * properties are tl,tr,bl,br. + * if canvas is not zoomed/panned those points are the four corner of canvas + * if canvas is viewportTransformed you those points indicate the extension + * of canvas element in plain untrasformed coordinates + * The coordinates get updated with @method calcViewportBoundaries. + * @memberOf fabric.StaticCanvas.prototype + */ + vptCoords: {}, + /** + * Based on vptCoords and object.aCoords, skip rendering of objects that + * are not included in current viewport. + * May greatly help in applications with crowded canvas and use of zoom/pan + * If One of the corner of the bounding box of the object is on the canvas + * the objects get rendered. + * @memberOf fabric.StaticCanvas.prototype + * @type Boolean + * @default + */ + skipOffscreen: true, + /** + * a fabricObject that, without stroke define a clipping area with their shape. filled in black + * the clipPath object gets used when the canvas has rendered, and the context is placed in the + * top left corner of the canvas. + * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true + * @type fabric.Object + */ + clipPath: undefined, + /** + * @private + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + */ + _initStatic: function (el, options) { + this._objects = []; + this._createLowerCanvas(el); + this._initOptions(options); + // only initialize retina scaling once + if (!this.interactive) { + this._initRetinaScaling(); + } + this.calcOffset(); + }, + /** + * @private + */ + _isRetinaScaling: function () { + return config.devicePixelRatio > 1 && this.enableRetinaScaling; + }, + /** + * @private + * @return {Number} retinaScaling if applied, otherwise 1; + */ + getRetinaScaling: function () { + return this._isRetinaScaling() + ? Math.max(1, config.devicePixelRatio) + : 1; + }, + /** + * @private + */ + _initRetinaScaling: function () { + if (!this._isRetinaScaling()) { + return; + } + var scaleRatio = config.devicePixelRatio; + this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); + if (this.upperCanvasEl) { + this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); + } + }, + __initRetinaScaling: function (scaleRatio, canvas, context) { + canvas.setAttribute('width', this.width * scaleRatio); + canvas.setAttribute('height', this.height * scaleRatio); + context.scale(scaleRatio, scaleRatio); + }, + /** + * Calculates canvas element offset relative to the document + * This method is also attached as "resize" event handler of window + * @return {fabric.Canvas} instance + * @chainable + */ + calcOffset: function () { + this._offset = getElementOffset(this.lowerCanvasEl); + return this; + }, + /** + * @private + */ + _createCanvasElement: function () { + var element = createCanvasElement(); + if (!element) { + throw CANVAS_INIT_ERROR; + } + if (!element.style) { + element.style = {}; + } + if (typeof element.getContext === 'undefined') { + throw CANVAS_INIT_ERROR; + } + return element; + }, + /** + * @private + * @param {Object} [options] Options object + */ + _initOptions: function (options) { + var lowerCanvasEl = this.lowerCanvasEl; + this.set(options); + this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; + this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; + if (!this.lowerCanvasEl.style) { + return; + } + lowerCanvasEl.width = this.width; + lowerCanvasEl.height = this.height; + lowerCanvasEl.style.width = this.width + 'px'; + lowerCanvasEl.style.height = this.height + 'px'; + this.viewportTransform = this.viewportTransform.slice(); + }, + /** + * Creates a bottom canvas + * @private + * @param {HTMLElement} [canvasEl] + */ + _createLowerCanvas: function (canvasEl) { + // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node + if (canvasEl && canvasEl.getContext) { + this.lowerCanvasEl = canvasEl; + } + else { + this.lowerCanvasEl = + fabric.document.getElementById(canvasEl) || + canvasEl || + this._createCanvasElement(); + } + if (this.lowerCanvasEl.hasAttribute('data-fabric')) { + /* _DEV_MODE_START_ */ + throw new Error('fabric.js: trying to initialize a canvas that has already been initialized'); + /* _DEV_MODE_END_ */ + } + this.lowerCanvasEl.classList.add('lower-canvas'); + this.lowerCanvasEl.setAttribute('data-fabric', 'main'); + if (this.interactive) { + this._originalCanvasStyle = this.lowerCanvasEl.style.cssText; + this._applyCanvasStyle(this.lowerCanvasEl); + } + this.contextContainer = this.lowerCanvasEl.getContext('2d'); + }, + /** + * Returns canvas width (in px) + * @return {Number} + */ + getWidth: function () { + return this.width; + }, + /** + * Returns canvas height (in px) + * @return {Number} + */ + getHeight: function () { + return this.height; + }, + /** + * Sets width of this canvas instance + * @param {Number|String} value Value to set width to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setWidth: function (value, options) { + return this.setDimensions({ width: value }, options); + }, + /** + * Sets height of this canvas instance + * @param {Number|String} value Value to set height to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setHeight: function (value, options) { + return this.setDimensions({ height: value }, options); + }, + /** + * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) + * @param {Object} dimensions Object with width/height properties + * @param {Number|String} [dimensions.width] Width of canvas element + * @param {Number|String} [dimensions.height] Height of canvas element + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} thisArg + * @chainable + */ + setDimensions: function (dimensions, options) { + var cssValue; + options = options || {}; + for (var prop in dimensions) { + cssValue = dimensions[prop]; + if (!options.cssOnly) { + this._setBackstoreDimension(prop, dimensions[prop]); + cssValue += 'px'; + this.hasLostContext = true; + } + if (!options.backstoreOnly) { + this._setCssDimension(prop, cssValue); + } + } + if (this._isCurrentlyDrawing) { + this.freeDrawingBrush && + this.freeDrawingBrush._setBrushStyles(this.contextTop); + } + this._initRetinaScaling(); + this.calcOffset(); + if (!options.cssOnly) { + this.requestRenderAll(); + } + return this; + }, + /** + * Helper for setting width/height + * @private + * @param {String} prop property (width|height) + * @param {Number} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true + */ + _setBackstoreDimension: function (prop, value) { + this.lowerCanvasEl[prop] = value; + if (this.upperCanvasEl) { + this.upperCanvasEl[prop] = value; + } + if (this.cacheCanvasEl) { + this.cacheCanvasEl[prop] = value; + } + this[prop] = value; + return this; + }, + /** + * Helper for setting css width/height + * @private + * @param {String} prop property (width|height) + * @param {String} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true + */ + _setCssDimension: function (prop, value) { + this.lowerCanvasEl.style[prop] = value; + if (this.upperCanvasEl) { + this.upperCanvasEl.style[prop] = value; + } + if (this.wrapperEl) { + this.wrapperEl.style[prop] = value; + } + return this; + }, + /** + * Returns canvas zoom level + * @return {Number} + */ + getZoom: function () { + return this.viewportTransform[0]; + }, + /** + * Sets viewport transformation of this canvas instance + * @param {Array} vpt a Canvas 2D API transform matrix + * @return {fabric.Canvas} instance + * @chainable true + */ + setViewportTransform: function (vpt) { + var activeObject = this._activeObject, backgroundObject = this.backgroundImage, overlayObject = this.overlayImage, object, i, len; + this.viewportTransform = vpt; + for (i = 0, len = this._objects.length; i < len; i++) { + object = this._objects[i]; + object.group || object.setCoords(); + } + if (activeObject) { + activeObject.setCoords(); + } + if (backgroundObject) { + backgroundObject.setCoords(); + } + if (overlayObject) { + overlayObject.setCoords(); + } + this.calcViewportBoundaries(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Sets zoom level of this canvas instance, the zoom centered around point + * meaning that following zoom to point with the same point will have the visual + * effect of the zoom originating from that point. The point won't move. + * It has nothing to do with canvas center or visual center of the viewport. + * @param {Point} point to zoom with respect to + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true + */ + zoomToPoint: function (point, value) { + // TODO: just change the scale, preserve other transformations + var before = point, vpt = this.viewportTransform.slice(0); + point = transformPoint(point, invertTransform(this.viewportTransform)); + vpt[0] = value; + vpt[3] = value; + var after = transformPoint(point, vpt); + vpt[4] += before.x - after.x; + vpt[5] += before.y - after.y; + return this.setViewportTransform(vpt); + }, + /** + * Sets zoom level of this canvas instance + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true + */ + setZoom: function (value) { + this.zoomToPoint(new Point(0, 0), value); + return this; + }, + /** + * Pan viewport so as to place point at top left corner of canvas + * @param {Point} point to move to + * @return {fabric.Canvas} instance + * @chainable true + */ + absolutePan: function (point) { + var vpt = this.viewportTransform.slice(0); + vpt[4] = -point.x; + vpt[5] = -point.y; + return this.setViewportTransform(vpt); + }, + /** + * Pans viewpoint relatively + * @param {Point} point (position vector) to move by + * @return {fabric.Canvas} instance + * @chainable true + */ + relativePan: function (point) { + return this.absolutePan(new Point(-point.x - this.viewportTransform[4], -point.y - this.viewportTransform[5])); + }, + /** + * Returns <canvas> element corresponding to this instance + * @return {HTMLCanvasElement} + */ + getElement: function () { + return this.lowerCanvasEl; + }, + /** + * Clears specified context of canvas element + * @param {CanvasRenderingContext2D} ctx Context to clear + * @return {fabric.Canvas} thisArg + * @chainable + */ + clearContext: function (ctx) { + ctx.clearRect(0, 0, this.width, this.height); + return this; + }, + /** + * Returns context of canvas where objects are drawn + * @return {CanvasRenderingContext2D} + */ + getContext: function () { + return this.contextContainer; + }, + /** + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable + */ + clear: function () { + this.remove.apply(this, this.getObjects()); + this.backgroundImage = null; + this.overlayImage = null; + this.backgroundColor = ''; + this.overlayColor = ''; + if (this._hasITextHandlers) { + this.off('mouse:up', this._mouseUpITextHandler); + this._iTextInstances = null; + this._hasITextHandlers = false; + } + this.clearContext(this.contextContainer); + this.fire('canvas:cleared'); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Renders the canvas + * @return {fabric.Canvas} instance + * @chainable + */ + renderAll: function () { + this.cancelRequestedRender(); + if (this.destroyed) { + return; + } + this.renderCanvas(this.contextContainer, this._objects); + return this; + }, + /** + * Function created to be instance bound at initialization + * used in requestAnimationFrame rendering + * Let the fabricJS call it. If you call it manually you could have more + * animationFrame stacking on to of each other + * for an imperative rendering, use canvas.renderAll + * @private + * @return {fabric.Canvas} instance + * @chainable + */ + renderAndReset: function () { + this.nextRenderHandle = 0; + this.renderAll(); + }, + /** + * Append a renderAll request to next animation frame. + * unless one is already in progress, in that case nothing is done + * a boolean flag will avoid appending more. + * @return {fabric.Canvas} instance + * @chainable + */ + requestRenderAll: function () { + if (!this.nextRenderHandle && !this.disposed && !this.destroyed) { + this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound); + } + return this; + }, + /** + * Calculate the position of the 4 corner of canvas with current viewportTransform. + * helps to determinate when an object is in the current rendering viewport using + * object absolute coordinates ( aCoords ) + * @return {Object} points.tl + * @chainable + */ + calcViewportBoundaries: function () { + var width = this.width, height = this.height, iVpt = invertTransform(this.viewportTransform), a = transformPoint({ x: 0, y: 0 }, iVpt), b = transformPoint({ x: width, y: height }, iVpt), + // we don't support vpt flipping + // but the code is robust enough to mostly work with flipping + min = a.min(b), max = a.max(b); + return (this.vptCoords = { + tl: min, + tr: new Point(max.x, min.y), + bl: new Point(min.x, max.y), + br: max, + }); + }, + cancelRequestedRender: function () { + if (this.nextRenderHandle) { + fabric.util.cancelAnimFrame(this.nextRenderHandle); + this.nextRenderHandle = 0; + } + }, + /** + * Renders background, objects, overlay and controls. + * @param {CanvasRenderingContext2D} ctx + * @param {Array} objects to render + * @return {fabric.Canvas} instance + * @chainable + */ + renderCanvas: function (ctx, objects) { + if (this.destroyed) { + return; + } + var v = this.viewportTransform, path = this.clipPath; + this.calcViewportBoundaries(); + this.clearContext(ctx); + ctx.imageSmoothingEnabled = this.imageSmoothingEnabled; + // node-canvas + ctx.patternQuality = 'best'; + this.fire('before:render', { ctx: ctx }); + this._renderBackground(ctx); + ctx.save(); + //apply viewport transform once for all rendering process + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this._renderObjects(ctx, objects); + ctx.restore(); + if (!this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + if (path) { + path._set('canvas', this); + // needed to setup a couple of variables + path.shouldCache(); + path._transformDone = true; + path.renderCache({ forClipping: true }); + this.drawClipPathOnCanvas(ctx); + } + this._renderOverlay(ctx); + if (this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + this.fire('after:render', { ctx: ctx }); + if (this.__cleanupTask) { + this.__cleanupTask(); + this.__cleanupTask = undefined; + } + }, + /** + * Paint the cached clipPath on the lowerCanvasEl + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawClipPathOnCanvas: function (ctx) { + var v = this.viewportTransform, path = this.clipPath; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4; + ctx.globalCompositeOperation = 'destination-in'; + path.transform(ctx); + ctx.scale(1 / path.zoomX, 1 / path.zoomY); + ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); + ctx.restore(); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} objects to render + */ + _renderObjects: function (ctx, objects) { + var i, len; + for (i = 0, len = objects.length; i < len; ++i) { + objects[i] && objects[i].render(ctx); + } + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {string} property 'background' or 'overlay' + */ + _renderBackgroundOrOverlay: function (ctx, property) { + var fill = this[property + 'Color'], object = this[property + 'Image'], v = this.viewportTransform, needsVpt = this[property + 'Vpt']; + if (!fill && !object) { + return; + } + if (fill) { + ctx.save(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(this.width, 0); + ctx.lineTo(this.width, this.height); + ctx.lineTo(0, this.height); + ctx.closePath(); + ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill; + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } + ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); + var m = fill.gradientTransform || fill.patternTransform; + m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + ctx.fill(); + ctx.restore(); + } + if (object) { + ctx.save(); + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } + object.render(ctx); + ctx.restore(); + } + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderBackground: function (ctx) { + this._renderBackgroundOrOverlay(ctx, 'background'); + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderOverlay: function (ctx) { + this._renderBackgroundOrOverlay(ctx, 'overlay'); + }, + /** + * Returns coordinates of a center of canvas. + * Returned value is an object with top and left properties + * @return {Object} object with "top" and "left" number values + * @deprecated migrate to `getCenterPoint` + */ + getCenter: function () { + return { + top: this.height / 2, + left: this.width / 2, + }; + }, + /** + * Returns coordinates of a center of canvas. + * @return {Point} + */ + getCenterPoint: function () { + return new Point(this.width / 2, this.height / 2); + }, + /** + * Centers object horizontally in the canvas + * @param {fabric.Object} object Object to center horizontally + * @return {fabric.Canvas} thisArg + */ + centerObjectH: function (object) { + return this._centerObject(object, new Point(this.getCenterPoint().x, object.getCenterPoint().y)); + }, + /** + * Centers object vertically in the canvas + * @param {fabric.Object} object Object to center vertically + * @return {fabric.Canvas} thisArg + * @chainable + */ + centerObjectV: function (object) { + return this._centerObject(object, new Point(object.getCenterPoint().x, this.getCenterPoint().y)); + }, + /** + * Centers object vertically and horizontally in the canvas + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + centerObject: function (object) { + var center = this.getCenterPoint(); + return this._centerObject(object, center); + }, + /** + * Centers object vertically and horizontally in the viewport + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObject: function (object) { + var vpCenter = this.getVpCenter(); + return this._centerObject(object, vpCenter); + }, + /** + * Centers object horizontally in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectH: function (object) { + var vpCenter = this.getVpCenter(); + this._centerObject(object, new Point(vpCenter.x, object.getCenterPoint().y)); + return this; + }, + /** + * Centers object Vertically in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectV: function (object) { + var vpCenter = this.getVpCenter(); + return this._centerObject(object, new Point(object.getCenterPoint().x, vpCenter.y)); + }, + /** + * Calculate the point in canvas that correspond to the center of actual viewport. + * @return {Point} vpCenter, viewport center + * @chainable + */ + getVpCenter: function () { + var center = this.getCenterPoint(), iVpt = invertTransform(this.viewportTransform); + return transformPoint(center, iVpt); + }, + /** + * @private + * @param {fabric.Object} object Object to center + * @param {Point} center Center point + * @return {fabric.Canvas} thisArg + * @chainable + */ + _centerObject: function (object, center) { + object.setXY(center, 'center', 'center'); + object.setCoords(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Returns dataless JSON representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {String} json string + */ + toDatalessJSON: function (propertiesToInclude) { + return this.toDatalessObject(propertiesToInclude); + }, + /** + * Returns object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + return this._toObjectMethod('toObject', propertiesToInclude); + }, + /** + * Returns Object representation of canvas + * this alias is provided because if you call JSON.stringify on an instance, + * the toJSON object will be invoked if it exists. + * Having a toJSON method means you can do JSON.stringify(myCanvas) + * @return {Object} JSON compatible object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} + * @example JSON without additional properties + * var json = canvas.toJSON(); + * @example JSON with additional properties included + * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); + * @example JSON without default values + * var json = canvas.toJSON(); + */ + toJSON: function () { + return this.toObject(); + }, + /** + * Returns dataless object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function (propertiesToInclude) { + return this._toObjectMethod('toDatalessObject', propertiesToInclude); + }, + /** + * @private + */ + _toObjectMethod: function (methodName, propertiesToInclude) { + const clipPath = this.clipPath; + const clipPathData = clipPath && !clipPath.excludeFromExport + ? this._toObject(clipPath, methodName, propertiesToInclude) + : null; + return Object.assign(Object.assign(Object.assign(Object.assign({ version: version }, pick(this, propertiesToInclude)), { objects: this._objects + .filter((object) => !object.excludeFromExport) + .map((instance) => this._toObject(instance, methodName, propertiesToInclude)) }), this.__serializeBgOverlay(methodName, propertiesToInclude)), (clipPathData ? { clipPath: clipPathData } : null)); + }, + /** + * @private + */ + _toObject: function (instance, methodName, propertiesToInclude) { + var originalValue; + if (!this.includeDefaultValues) { + originalValue = instance.includeDefaultValues; + instance.includeDefaultValues = false; + } + var object = instance[methodName](propertiesToInclude); + if (!this.includeDefaultValues) { + instance.includeDefaultValues = originalValue; + } + return object; + }, + /** + * @private + */ + __serializeBgOverlay: function (methodName, propertiesToInclude) { + var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, bgColor = this.backgroundColor, overlayColor = this.overlayColor; + if (bgColor && bgColor.toObject) { + if (!bgColor.excludeFromExport) { + data.background = bgColor.toObject(propertiesToInclude); + } + } + else if (bgColor) { + data.background = bgColor; + } + if (overlayColor && overlayColor.toObject) { + if (!overlayColor.excludeFromExport) { + data.overlay = overlayColor.toObject(propertiesToInclude); + } + } + else if (overlayColor) { + data.overlay = overlayColor; + } + if (bgImage && !bgImage.excludeFromExport) { + data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); + } + if (overlayImage && !overlayImage.excludeFromExport) { + data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); + } + return data; + }, + /* _TO_SVG_START_ */ + /** + * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, + * a zoomed canvas will then produce zoomed SVG output. + * @type Boolean + * @default + */ + svgViewportTransformation: true, + /** + * Returns SVG representation of canvas + * @function + * @param {Object} [options] Options object for SVG output + * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included + * @param {Object} [options.viewBox] SVG viewbox object + * @param {Number} [options.viewBox.x] x-coordinate of viewbox + * @param {Number} [options.viewBox.y] y-coordinate of viewbox + * @param {Number} [options.viewBox.width] Width of viewbox + * @param {Number} [options.viewBox.height] Height of viewbox + * @param {String} [options.encoding=UTF-8] Encoding of SVG output + * @param {String} [options.width] desired width of svg with or without units + * @param {String} [options.height] desired height of svg with or without units + * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. + * @return {String} SVG string + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} + * @example Normal SVG output + * var svg = canvas.toSVG(); + * @example SVG output without preamble (without <?xml ../>) + * var svg = canvas.toSVG({suppressPreamble: true}); + * @example SVG output with viewBox attribute + * var svg = canvas.toSVG({ + * viewBox: { + * x: 100, + * y: 100, + * width: 200, + * height: 300 + * } + * }); + * @example SVG output with different encoding (default: UTF-8) + * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); + * @example Modify SVG output with reviver function + * var svg = canvas.toSVG(null, function(svg) { + * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); + * }); + */ + toSVG: function (options, reviver) { + options || (options = {}); + options.reviver = reviver; + var markup = []; + this._setSVGPreamble(markup, options); + this._setSVGHeader(markup, options); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'background'); + this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); + this._setSVGObjects(markup, reviver); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'overlay'); + this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); + markup.push(''); + return markup.join(''); + }, + /** + * @private + */ + _setSVGPreamble: function (markup, options) { + if (options.suppressPreamble) { + return; + } + markup.push('\n', '\n'); + }, + /** + * @private + */ + _setSVGHeader: function (markup, options) { + var width = options.width || this.width, height = options.height || this.height, vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (options.viewBox) { + viewBox = + 'viewBox="' + + options.viewBox.x + + ' ' + + options.viewBox.y + + ' ' + + options.viewBox.width + + ' ' + + options.viewBox.height + + '" '; + } + else { + if (this.svgViewportTransformation) { + vpt = this.viewportTransform; + viewBox = + 'viewBox="' + + toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + + ' ' + + toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + + ' ' + + toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + + ' ' + + toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + + '" '; + } + } + markup.push('\n', 'Created with Fabric.js ', version, '\n', '\n', this.createSVGFontFacesMarkup(), this.createSVGRefElementsMarkup(), this.createSVGClipPathMarkup(options), '\n'); + }, + createSVGClipPathMarkup: function (options) { + var clipPath = this.clipPath; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; + return ('\n' + + this.clipPath.toClipPathSVG(options.reviver) + + '\n'); + } + return ''; + }, + /** + * Creates markup containing SVG referenced elements like patterns, gradients etc. + * @return {String} + */ + createSVGRefElementsMarkup: function () { + var _this = this, markup = ['background', 'overlay'].map(function (prop) { + var fill = _this[prop + 'Color']; + if (fill && fill.toLive) { + var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, object = { + width: _this.width / (shouldTransform ? vpt[0] : 1), + height: _this.height / (shouldTransform ? vpt[3] : 1), + }; + return fill.toSVG(object, { + additionalTransform: shouldTransform + ? fabric.util.matrixToSVG(vpt) + : '', + }); + } + }); + return markup.join(''); + }, + /** + * Creates markup containing SVG font faces, + * font URLs for font faces must be collected by developers + * and are not extracted from the DOM by fabricjs + * @param {Array} objects Array of fabric objects + * @return {String} + */ + createSVGFontFacesMarkup: function () { + var markup = '', fontList = {}, obj, fontFamily, style, row, rowIndex, _char, charIndex, i, len, fontPaths = config.fontPaths, objects = []; + this._objects.forEach(function add(object) { + objects.push(object); + if (object._objects) { + object._objects.forEach(add); + } + }); + for (i = 0, len = objects.length; i < len; i++) { + obj = objects[i]; + fontFamily = obj.fontFamily; + if (obj.type.indexOf('text') === -1 || + fontList[fontFamily] || + !fontPaths[fontFamily]) { + continue; + } + fontList[fontFamily] = true; + if (!obj.styles) { + continue; + } + style = obj.styles; + for (rowIndex in style) { + row = style[rowIndex]; + for (charIndex in row) { + _char = row[charIndex]; + fontFamily = _char.fontFamily; + if (!fontList[fontFamily] && fontPaths[fontFamily]) { + fontList[fontFamily] = true; + } + } + } + } + for (var j in fontList) { + markup += [ + '\t\t@font-face {\n', + "\t\t\tfont-family: '", + j, + "';\n", + "\t\t\tsrc: url('", + fontPaths[j], + "');\n", + '\t\t}\n', + ].join(''); + } + if (markup) { + markup = [ + '\t\n', + ].join(''); + } + return markup; + }, + /** + * @private + */ + _setSVGObjects: function (markup, reviver) { + var instance, i, len, objects = this._objects; + for (i = 0, len = objects.length; i < len; i++) { + instance = objects[i]; + if (instance.excludeFromExport) { + continue; + } + this._setSVGObject(markup, instance, reviver); + } + }, + /** + * @private + */ + _setSVGObject: function (markup, instance, reviver) { + markup.push(instance.toSVG(reviver)); + }, + /** + * @private + */ + _setSVGBgOverlayImage: function (markup, property, reviver) { + if (this[property] && + !this[property].excludeFromExport && + this[property].toSVG) { + markup.push(this[property].toSVG(reviver)); + } + }, + /** + * @private + */ + _setSVGBgOverlayColor: function (markup, property) { + var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, finalHeight = this.height; + if (!filler) { + return; + } + if (filler.toLive) { + var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], additionalTransform = shouldInvert + ? fabric.util.matrixToSVG(iVpt) + : ''; + markup.push('\n'); + } + else { + markup.push('\n'); + } + }, + /* _TO_SVG_END_ */ + /** + * Moves an object or the objects of a multiple selection + * to the bottom of the stack of drawn objects + * @param {fabric.Object} object Object to send to back + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendToBack: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.unshift(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.unshift(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Moves an object or the objects of a multiple selection + * to the top of the stack of drawn objects + * @param {fabric.Object} object Object to send + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringToFront: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.push(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.push(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * Moves an object or a selection down in stack of drawn objects + * An optional parameter, intersecting allows to move the object in behind + * the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendBackwards: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx > 0 + objsMoved) { + newIdx = idx - 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== 0) { + // if object is not on the bottom of stack + newIdx = this._findNewLowerIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * @private + */ + _findNewLowerIndex: function (object, idx, intersecting) { + var newIdx, i; + if (intersecting) { + newIdx = idx; + // traverse down the stack looking for the nearest intersecting object + for (i = idx - 1; i >= 0; --i) { + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx - 1; + } + return newIdx; + }, + /** + * Moves an object or a selection up in stack of drawn objects + * An optional parameter, intersecting allows to move the object in front + * of the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringForward: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx < this._objects.length - 1 - objsMoved) { + newIdx = idx + 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== this._objects.length - 1) { + // if object is not on top of stack (last item in an array) + newIdx = this._findNewUpperIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + /** + * @private + */ + _findNewUpperIndex: function (object, idx, intersecting) { + var newIdx, i, len; + if (intersecting) { + newIdx = idx; + // traverse up the stack looking for the nearest intersecting object + for (i = idx + 1, len = this._objects.length; i < len; ++i) { + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx + 1; + } + return newIdx; + }, + /** + * Moves an object to specified level in stack of drawn objects + * @param {fabric.Object} object Object to send + * @param {Number} index Position to move to + * @return {fabric.Canvas} thisArg + * @chainable + */ + moveTo: function (object, index) { + removeFromArray(this._objects, object); + this._objects.splice(index, 0, object); + return this.renderOnAddRemove && this.requestRenderAll(); + }, + /** + * Waits until rendering has settled to destroy the canvas + * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed + * @throws if aborted by a consequent call + */ + dispose: function () { + this.disposed = true; + return new Promise((resolve, reject) => { + const task = () => { + this.destroy(); + resolve(true); + }; + task.kill = reject; + if (this.__cleanupTask) { + this.__cleanupTask.kill('aborted'); + } + if (this.destroyed) { + resolve(false); + } + else if (this.nextRenderHandle) { + this.__cleanupTask = task; + } + else { + task(); + } + }); + }, + /** + * Clears the canvas element, disposes objects and frees resources + * + * **CAUTION**: + * + * This method is **UNSAFE**. + * You may encounter a race condition using it if there's a requested render. + * Call this method only if you are sure rendering has settled. + * Consider using {@link dispose} as it is **SAFE** + * + * @private + */ + destroy: function () { + this.destroyed = true; + this.cancelRequestedRender(); + this.forEachObject((object) => object.dispose()); + this._objects = []; + if (this.backgroundImage && this.backgroundImage.dispose) { + this.backgroundImage.dispose(); + } + this.backgroundImage = null; + if (this.overlayImage && this.overlayImage.dispose) { + this.overlayImage.dispose(); + } + this.overlayImage = null; + this._iTextInstances = null; + this.contextContainer = null; + // restore canvas style and attributes + this.lowerCanvasEl.classList.remove('lower-canvas'); + this.lowerCanvasEl.removeAttribute('data-fabric'); + if (this.interactive) { + this.lowerCanvasEl.style.cssText = this._originalCanvasStyle; + delete this._originalCanvasStyle; + } + // restore canvas size to original size in case retina scaling was applied + this.lowerCanvasEl.setAttribute('width', this.width); + this.lowerCanvasEl.setAttribute('height', this.height); + fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); + this.lowerCanvasEl = undefined; + }, + /** + * Returns a string representation of an instance + * @return {String} string representation of an instance + */ + toString: function () { + return ('#'); + }, + }); + extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); + extend(fabric.StaticCanvas, + /** @lends fabric.StaticCanvas */ { + /** + * @static + * @type String + * @default + */ + EMPTY_JSON: '{"objects": [], "background": "white"}', + /** + * Provides a way to check support of some of the canvas methods + * (either those of HTMLCanvasElement itself, or rendering context) + * + * @param {String} methodName Method to check support for; + * Could be one of "setLineDash" + * @return {Boolean | null} `true` if method is supported (or at least exists), + * `null` if canvas element or context can not be initialized + */ + supports: function (methodName) { + var el = createCanvasElement(); + if (!el || !el.getContext) { + return null; + } + var ctx = el.getContext('2d'); + if (!ctx) { + return null; + } + switch (methodName) { + case 'setLineDash': + return typeof ctx.setLineDash !== 'undefined'; + default: + return null; + } + }, + }); + if (fabric.isLikelyNode) { + fabric.StaticCanvas.prototype.createPNGStream = function () { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createPNGStream(); + }; + fabric.StaticCanvas.prototype.createJPEGStream = function (opts) { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createJPEGStream(opts); + }; } - }); -})(); - +})(typeof exports !== 'undefined' ? exports : window); +const NOT_ALLOWED_CURSOR = 'not-allowed'; /** - * CircleBrush class - * @class fabric.CircleBrush + * @param {Boolean} alreadySelected true if target is already selected + * @param {String} corner a string representing the corner ml, mr, tl ... + * @param {Event} e Event object + * @param {FabricObject} [target] inserted back to help overriding. Unused */ -fabric.CircleBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.CircleBrush.prototype */ { - - /** - * Width of a brush - * @type Number - * @default - */ - width: 10, - - /** - * Constructor - * @param {fabric.Canvas} canvas - * @return {fabric.CircleBrush} Instance of a circle brush - */ - initialize: function(canvas) { - this.canvas = canvas; - this.points = []; - }, - - /** - * Invoked inside on mouse down and mouse move - * @param {Object} pointer - */ - drawDot: function(pointer) { - var point = this.addPoint(pointer), - ctx = this.canvas.contextTop; - this._saveAndTransform(ctx); - this.dot(ctx, point); - ctx.restore(); - }, - - dot: function(ctx, point) { - ctx.fillStyle = point.fill; - ctx.beginPath(); - ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); - ctx.closePath(); - ctx.fill(); - }, - - /** - * Invoked on mouse down - */ - onMouseDown: function(pointer) { - this.points.length = 0; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - this.drawDot(pointer); - }, - - /** - * Render the full state of the brush - * @private - */ - _render: function() { - var ctx = this.canvas.contextTop, i, len, - points = this.points; - this._saveAndTransform(ctx); - for (i = 0, len = points.length; i < len; i++) { - this.dot(ctx, points[i]); - } - ctx.restore(); - }, - - /** - * Invoked on mouse move - * @param {Object} pointer - */ - onMouseMove: function(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this.needsFullRender()) { - this.canvas.clearContext(this.canvas.contextTop); - this.addPoint(pointer); - this._render(); - } - else { - this.drawDot(pointer); +const getActionFromCorner = (alreadySelected, corner, e, target) => { + if (!corner || !alreadySelected) { + return 'drag'; } - }, - - /** - * Invoked on mouse up - */ - onMouseUp: function() { - var originalRenderOnAddRemove = this.canvas.renderOnAddRemove, i, len; - this.canvas.renderOnAddRemove = false; - - var circles = []; - - for (i = 0, len = this.points.length; i < len; i++) { - var point = this.points[i], - circle = new fabric.Circle({ - radius: point.radius, - left: point.x, - top: point.y, - originX: 'center', - originY: 'center', - fill: point.fill - }); - - this.shadow && (circle.shadow = new fabric.Shadow(this.shadow)); - - circles.push(circle); + const control = target.controls[corner]; + return control.getActionName(e, control, target); +}; +/** + * Checks if transform is centered + * @param {Object} transform transform data + * @return {Boolean} true if transform is centered + */ +function isTransformCentered(transform) { + return transform.originX === 'center' && transform.originY === 'center'; +} +function invertOrigin(origin) { + return -resolveOrigin(origin) + 0.5; +} +const isLocked = (target, lockingKey) => target[lockingKey]; +const commonEventInfo = (eventData, transform, x, y) => { + return { + e: eventData, + transform, + pointer: new Point(x, y), + }; +}; +/** + * Combine control position and object angle to find the control direction compared + * to the object center. + * @param {FabricObject} fabricObject the fabric object for which we are rendering controls + * @param {Control} control the control class + * @return {Number} 0 - 7 a quadrant number + */ +function findCornerQuadrant(fabricObject, control) { + // angle is relative to canvas plane + const angle = fabricObject.getTotalAngle(), cornerAngle = angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; + return Math.round((cornerAngle % 360) / 45); +} +/** + * @returns the normalized point (rotated relative to center) in local coordinates + */ +function normalizePoint(target, point, originX, originY) { + const center = target.getRelativeCenterPoint(), p = typeof originX !== 'undefined' && typeof originY !== 'undefined' + ? target.translateToGivenOrigin(center, 'center', 'center', originX, originY) + : new Point(target.left, target.top), p2 = target.angle + ? point.rotate(-degreesToRadians(target.angle), center) + : point; + return p2.subtract(p); +} +/** + * Transforms a point to the offset from the given origin + * @param {Object} transform + * @param {String} originX + * @param {String} originY + * @param {number} x + * @param {number} y + * @return {Fabric.Point} the normalized point + */ +function getLocalPoint({ target, corner }, originX, originY, x, y) { + var _a; + const control = target.controls[corner], zoom = ((_a = target.canvas) === null || _a === void 0 ? void 0 : _a.getZoom()) || 1, padding = target.padding / zoom, localPoint = normalizePoint(target, new Point(x, y), originX, originY); + if (localPoint.x >= padding) { + localPoint.x -= padding; } - var group = new fabric.Group(circles); - group.canvas = this.canvas; - - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - }, - - /** - * @param {Object} pointer - * @return {fabric.Point} Just added pointer point - */ - addPoint: function(pointer) { - var pointerPoint = new fabric.Point(pointer.x, pointer.y), - - circleRadius = fabric.util.getRandomInt( - Math.max(0, this.width - 20), this.width + 20) / 2, - - circleColor = new fabric.Color(this.color) - .setAlpha(fabric.util.getRandomInt(0, 100) / 100) - .toRgba(); - - pointerPoint.radius = circleRadius; - pointerPoint.fill = circleColor; - - this.points.push(pointerPoint); - - return pointerPoint; - } -}); + if (localPoint.x <= -padding) { + localPoint.x += padding; + } + if (localPoint.y >= padding) { + localPoint.y -= padding; + } + if (localPoint.y <= padding) { + localPoint.y += padding; + } + localPoint.x -= control.offsetX; + localPoint.y -= control.offsetY; + return localPoint; +} +const fireEvent = (eventName, options) => { + var _a; + const { transform: { target }, } = options; + (_a = target.canvas) === null || _a === void 0 ? void 0 : _a.fire(`object:${eventName}`, Object.assign(Object.assign({}, options), { target })); + target.fire(eventName, options); +}; /** - * SprayBrush class - * @class fabric.SprayBrush + * Wrap an action handler with firing an event if the action is performed + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature */ -fabric.SprayBrush = fabric.util.createClass( fabric.BaseBrush, /** @lends fabric.SprayBrush.prototype */ { - - /** - * Width of a spray - * @type Number - * @default - */ - width: 10, - - /** - * Density of a spray (number of dots per chunk) - * @type Number - * @default - */ - density: 20, - - /** - * Width of spray dots - * @type Number - * @default - */ - dotWidth: 1, - - /** - * Width variance of spray dots - * @type Number - * @default - */ - dotWidthVariance: 1, - - /** - * Whether opacity of a dot should be random - * @type Boolean - * @default - */ - randomOpacity: false, - - /** - * Whether overlapping dots (rectangles) should be removed (for performance reasons) - * @type Boolean - * @default - */ - optimizeOverlapping: true, - - /** - * Constructor - * @param {fabric.Canvas} canvas - * @return {fabric.SprayBrush} Instance of a spray brush - */ - initialize: function(canvas) { - this.canvas = canvas; - this.sprayChunks = []; - }, - - /** - * Invoked on mouse down - * @param {Object} pointer - */ - onMouseDown: function(pointer) { - this.sprayChunks.length = 0; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - - this.addSprayChunk(pointer); - this.render(this.sprayChunkPoints); - }, - - /** - * Invoked on mouse move - * @param {Object} pointer - */ - onMouseMove: function(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - this.addSprayChunk(pointer); - this.render(this.sprayChunkPoints); - }, - - /** - * Invoked on mouse up - */ - onMouseUp: function() { - var originalRenderOnAddRemove = this.canvas.renderOnAddRemove; - this.canvas.renderOnAddRemove = false; - - var rects = []; - - for (var i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { - var sprayChunk = this.sprayChunks[i]; +const wrapWithFireEvent = (eventName, actionHandler) => { + return ((eventData, transform, x, y) => { + const actionPerformed = actionHandler(eventData, transform, x, y); + if (actionPerformed) { + fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); + } + return actionPerformed; + }); +}; - for (var j = 0, jlen = sprayChunk.length; j < jlen; j++) { +/** + * Wrap an action handler with saving/restoring object position on the transform. + * this is the code that permits to objects to keep their position while transforming. + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature + */ +function wrapWithFixedAnchor(actionHandler) { + return ((eventData, transform, x, y) => { + const { target, originX, originY } = transform, centerPoint = target.getRelativeCenterPoint(), constraint = target.translateToOriginPoint(centerPoint, originX, originY), actionPerformed = actionHandler(eventData, transform, x, y); + target.setPositionByOrigin(constraint, originX, originY); + return actionPerformed; + }); +} - var rect = new fabric.Rect({ - width: sprayChunk[j].width, - height: sprayChunk[j].width, - left: sprayChunk[j].x + 1, - top: sprayChunk[j].y + 1, - originX: 'center', - originY: 'center', - fill: this.color - }); - rects.push(rect); - } +/** + * Action handler to change object's width + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const changeObjectWidth = (eventData, transform, x, y) => { + const localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); + // make sure the control changes width ONLY from it's side of target + if (transform.originX === 'center' || + (transform.originX === 'right' && localPoint.x < 0) || + (transform.originX === 'left' && localPoint.x > 0)) { + const { target } = transform, strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), multiplier = isTransformCentered(transform) ? 2 : 1, oldWidth = target.width, newWidth = Math.ceil(Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding); + target.set('width', Math.max(newWidth, 0)); + // check against actual target width in case `newWidth` was rejected + return oldWidth !== target.width; } + return false; +}; +const changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeObjectWidth)); - if (this.optimizeOverlapping) { - rects = this._getOptimizedRects(rects); +/** + * Render a round control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for FabricObject controls style + * @param {FabricObject} fabricObject the fabric object for which we are rendering controls + */ +function renderCircleControl(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' + ? styleOverride.transparentCorners + : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && + (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor); + let myLeft = left, myTop = top, size; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; + ctx.strokeStyle = + styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; + // TODO: use proper ellipse code. + if (xSize > ySize) { + size = xSize; + ctx.scale(1.0, ySize / xSize); + myTop = (top * xSize) / ySize; } - - var group = new fabric.Group(rects); - this.shadow && group.set('shadow', new fabric.Shadow(this.shadow)); - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - }, - - /** - * @private - * @param {Array} rects - */ - _getOptimizedRects: function(rects) { - - // avoid creating duplicate rects at the same coordinates - var uniqueRects = { }, key, i, len; - - for (i = 0, len = rects.length; i < len; i++) { - key = rects[i].left + '' + rects[i].top; - if (!uniqueRects[key]) { - uniqueRects[key] = rects[i]; - } + else if (ySize > xSize) { + size = ySize; + ctx.scale(xSize / ySize, 1.0); + myLeft = (left * ySize) / xSize; } - var uniqueRectsArray = []; - for (key in uniqueRects) { - uniqueRectsArray.push(uniqueRects[key]); + else { + size = xSize; } - - return uniqueRectsArray; - }, - - /** - * Render new chunk of spray brush - */ - render: function(sprayChunk) { - var ctx = this.canvas.contextTop, i, len; - ctx.fillStyle = this.color; - - this._saveAndTransform(ctx); - - for (i = 0, len = sprayChunk.length; i < len; i++) { - var point = sprayChunk[i]; - if (typeof point.opacity !== 'undefined') { - ctx.globalAlpha = point.opacity; - } - ctx.fillRect(point.x, point.y, point.width, point.width); + // this is still wrong + ctx.lineWidth = 1; + ctx.beginPath(); + ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false); + ctx[methodName](); + if (stroke) { + ctx.stroke(); } ctx.restore(); - }, - - /** - * Render all spray chunks - */ - _render: function() { - var ctx = this.canvas.contextTop, i, ilen; - ctx.fillStyle = this.color; - - this._saveAndTransform(ctx); - - for (i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { - this.render(this.sprayChunks[i]); +} +/** + * Render a square control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for FabricObject controls style + * @param {FabricObject} fabricObject the fabric object for which we are rendering controls + */ +function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' + ? styleOverride.transparentCorners + : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && + (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; + ctx.strokeStyle = + styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; + // this is still wrong + ctx.lineWidth = 1; + ctx.translate(left, top); + // angle is relative to canvas plane + const angle = fabricObject.getTotalAngle(); + ctx.rotate(degreesToRadians(angle)); + // this does not work, and fixed with ( && ) does not make sense. + // to have real transparent corners we need the controls on upperCanvas + // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); + ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize); + if (stroke) { + ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); } ctx.restore(); - }, - - /** - * @param {Object} pointer - */ - addSprayChunk: function(pointer) { - this.sprayChunkPoints = []; - - var x, y, width, radius = this.width / 2, i; - - for (i = 0; i < this.density; i++) { - - x = fabric.util.getRandomInt(pointer.x - radius, pointer.x + radius); - y = fabric.util.getRandomInt(pointer.y - radius, pointer.y + radius); - - if (this.dotWidthVariance) { - width = fabric.util.getRandomInt( - // bottom clamp width to 1 - Math.max(1, this.dotWidth - this.dotWidthVariance), - this.dotWidth + this.dotWidthVariance); - } - else { - width = this.dotWidth; - } - - var point = new fabric.Point(x, y); - point.width = width; - - if (this.randomOpacity) { - point.opacity = fabric.util.getRandomInt(0, 100) / 100; - } +} - this.sprayChunkPoints.push(point); +/** + * Action handler + * @private + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if the translation occurred + */ +const dragHandler = (eventData, transform, x, y) => { + const { target, offsetX, offsetY } = transform, newLeft = x - offsetX, newTop = y - offsetY, moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft, moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop; + moveX && target.set('left', newLeft); + moveY && target.set('top', newTop); + if (moveX || moveY) { + fireEvent('moving', commonEventInfo(eventData, transform, x, y)); } + return moveX || moveY; +}; - this.sprayChunks.push(this.sprayChunkPoints); - } -}); - - +// @ts-nocheck /** - * PatternBrush class - * @class fabric.PatternBrush - * @extends fabric.BaseBrush + * Find the correct style for the control that is used for rotation. + * this function is very simple and it just take care of not-allowed or standard cursor + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor */ -fabric.PatternBrush = fabric.util.createClass(fabric.PencilBrush, /** @lends fabric.PatternBrush.prototype */ { - - getPatternSrc: function() { - - var dotWidth = 20, - dotDistance = 5, - patternCanvas = fabric.util.createCanvasElement(), - patternCtx = patternCanvas.getContext('2d'); - - patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; - - patternCtx.fillStyle = this.color; - patternCtx.beginPath(); - patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); - patternCtx.closePath(); - patternCtx.fill(); - - return patternCanvas; - }, - - getPatternSrcFunction: function() { - return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); - }, - - /** - * Creates "pattern" instance property - * @param {CanvasRenderingContext2D} ctx - */ - getPattern: function(ctx) { - return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); - }, - - /** - * Sets brush styles - * @param {CanvasRenderingContext2D} ctx - */ - _setBrushStyles: function(ctx) { - this.callSuper('_setBrushStyles', ctx); - ctx.strokeStyle = this.getPattern(ctx); - }, - - /** - * Creates path - */ - createPath: function(pathData) { - var path = this.callSuper('createPath', pathData), - topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); +const rotationStyleHandler = (eventData, control, fabricObject) => { + if (fabricObject.lockRotation) { + return NOT_ALLOWED_CURSOR; + } + return control.cursorStyle; +}; +/** + * Action handler for rotation and snapping, without anchor point. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + * @private + */ +const rotateObjectWithSnapping = (eventData, { target, ex, ey, theta, originX, originY }, x, y) => { + const pivotPoint = target.translateToOriginPoint(target.getRelativeCenterPoint(), originX, originY); + if (isLocked(target, 'lockRotation')) { + return false; + } + const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x), curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x); + let angle = radiansToDegrees(curAngle - lastAngle + theta); + if (target.snapAngle && target.snapAngle > 0) { + const snapAngle = target.snapAngle, snapThreshold = target.snapThreshold || snapAngle, rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; + if (Math.abs(angle - leftAngleLocked) < snapThreshold) { + angle = leftAngleLocked; + } + else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { + angle = rightAngleLocked; + } + } + // normalize angle to positive value + if (angle < 0) { + angle = 360 + angle; + } + angle %= 360; + const hasRotated = target.angle !== angle; + // TODO: why aren't we using set? + target.angle = angle; + return hasRotated; +}; +const rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotateObjectWithSnapping)); - path.stroke = new fabric.Pattern({ - source: this.source || this.getPatternSrcFunction(), - offsetX: -topLeft.x, - offsetY: -topLeft.y - }); - return path; - } -}); +/** + * Inspect event and fabricObject properties to understand if the scaling action + * @param {Event} eventData from the user action + * @param {FabricObject} fabricObject the fabric object about to scale + * @return {Boolean} true if scale is proportional + */ +function scaleIsProportional(eventData, fabricObject) { + const canvas = fabricObject.canvas, uniformIsToggled = eventData[canvas.uniScaleKey]; + return ((canvas.uniformScaling && !uniformIsToggled) || + (!canvas.uniformScaling && uniformIsToggled)); +} +/** + * Inspect fabricObject to understand if the current scaling action is allowed + * @param {FabricObject} fabricObject the fabric object about to scale + * @param {String} by 'x' or 'y' or '' + * @param {Boolean} scaleProportionally true if we are trying to scale proportionally + * @return {Boolean} true if scaling is not allowed at current conditions + */ +function scalingIsForbidden(fabricObject, by, scaleProportionally) { + const lockX = isLocked(fabricObject, 'lockScalingX'), lockY = isLocked(fabricObject, 'lockScalingY'); + if (lockX && lockY) { + return true; + } + if (!by && (lockX || lockY) && scaleProportionally) { + return true; + } + if (lockX && by === 'x') { + return true; + } + if (lockY && by === 'y') { + return true; + } + return false; +} +const scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e']; +/** + * return the correct cursor style for the scale action + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ +const scaleCursorStyleHandler = (eventData, control, fabricObject) => { + const scaleProportionally = scaleIsProportional(eventData, fabricObject), by = control.x !== 0 && control.y === 0 + ? 'x' + : control.x === 0 && control.y !== 0 + ? 'y' + : ''; + if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { + return NOT_ALLOWED_CURSOR; + } + const n = findCornerQuadrant(fabricObject, control); + return `${scaleMap[n]}-resize`; +}; +/** + * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @param {Object} options additional information for scaling + * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling + * @return {Boolean} true if some change happened + * @private + */ +function scaleObject(eventData, transform, x, y, options = {}) { + const target = transform.target, by = options.by, scaleProportionally = scaleIsProportional(eventData, target), forbidScaling = scalingIsForbidden(target, by, scaleProportionally); + let newPoint, scaleX, scaleY, dim, signX, signY; + if (forbidScaling) { + return false; + } + if (transform.gestureScale) { + scaleX = transform.scaleX * transform.gestureScale; + scaleY = transform.scaleY * transform.gestureScale; + } + else { + newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); + // use of sign: We use sign to detect change of direction of an action. sign usually change when + // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling + // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily + // cross many time the origin point and flip the object. so we need a way to filter out the noise. + // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. + signX = by !== 'y' ? Math.sign(newPoint.x) : 1; + signY = by !== 'x' ? Math.sign(newPoint.y) : 1; + if (!transform.signX) { + transform.signX = signX; + } + if (!transform.signY) { + transform.signY = signY; + } + if (isLocked(target, 'lockScalingFlip') && + (transform.signX !== signX || transform.signY !== signY)) { + return false; + } + dim = target._getTransformedDimensions(); + // missing detection of flip and logic to switch the origin + if (scaleProportionally && !by) { + // uniform scaling + const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), { original } = transform, originalDistance = Math.abs((dim.x * original.scaleX) / target.scaleX) + + Math.abs((dim.y * original.scaleY) / target.scaleY), scale = distance / originalDistance; + scaleX = original.scaleX * scale; + scaleY = original.scaleY * scale; + } + else { + scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x); + scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y); + } + // if we are scaling by center, we need to double the scale + if (isTransformCentered(transform)) { + scaleX *= 2; + scaleY *= 2; + } + if (transform.signX !== signX && by !== 'y') { + transform.originX = invertOrigin(transform.originX); + scaleX *= -1; + transform.signX = signX; + } + if (transform.signY !== signY && by !== 'x') { + transform.originY = invertOrigin(transform.originY); + scaleY *= -1; + transform.signY = signY; + } + } + // minScale is taken are in the setter. + const oldScaleX = target.scaleX, oldScaleY = target.scaleY; + if (!by) { + !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX); + !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY); + } + else { + // forbidden cases already handled on top here. + by === 'x' && target.set('scaleX', scaleX); + by === 'y' && target.set('scaleY', scaleY); + } + return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; +} +/** + * Generic scaling logic, to scale from corners either equally or freely. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scaleObjectFromCorner = (eventData, transform, x, y) => { + return scaleObject(eventData, transform, x, y); +}; +/** + * Scaling logic for the X axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scaleObjectX = (eventData, transform, x, y) => { + return scaleObject(eventData, transform, x, y, { by: 'x' }); +}; +/** + * Scaling logic for the Y axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scaleObjectY = (eventData, transform, x, y) => { + return scaleObject(eventData, transform, x, y, { by: 'y' }); +}; +const scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectFromCorner)); +const scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); +const scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); + +const AXIS_KEYS = { + x: { + counterAxis: 'y', + scale: 'scaleX', + skew: 'skewX', + lockSkewing: 'lockSkewingX', + origin: 'originX', + flip: 'flipX', + }, + y: { + counterAxis: 'x', + scale: 'scaleY', + skew: 'skewY', + lockSkewing: 'lockSkewingY', + origin: 'originY', + flip: 'flipY', + }, +}; +const skewMap = ['ns', 'nesw', 'ew', 'nwse']; +/** + * return the correct cursor style for the skew action + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ +const skewCursorStyleHandler = (eventData, control, fabricObject) => { + if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) { + return NOT_ALLOWED_CURSOR; + } + if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) { + return NOT_ALLOWED_CURSOR; + } + const n = findCornerQuadrant(fabricObject, control) % 4; + return `${skewMap[n]}-resize`; +}; +/** + * Since skewing is applied before scaling, calculations are done in a scaleless plane + * @see https://github.com/fabricjs/fabric.js/pull/8380 + */ +function skewObject(axis, _a, pointer) { + var { target, ex, ey, skewingSide } = _a, transform = __rest(_a, ["target", "ex", "ey", "skewingSide"]); + const { skew: skewKey } = AXIS_KEYS[axis], offset = pointer + .subtract(new Point(ex, ey)) + .divide(new Point(target.scaleX, target.scaleY))[axis], skewingBefore = target[skewKey], skewingStart = transform[skewKey], shearingStart = Math.tan(degreesToRadians(skewingStart)), + // let a, b be the size of target + // let a' be the value of a after applying skewing + // then: + // a' = a + b * skewA => skewA = (a' - a) / b + // the value b is tricky since skewY is applied before skewX + b = axis === 'y' + ? target._getTransformedDimensions({ + scaleX: 1, + scaleY: 1, + // since skewY is applied before skewX, b (=width) is not affected by skewX + skewX: 0, + }).x + : target._getTransformedDimensions({ + scaleX: 1, + scaleY: 1, + }).y; + const shearing = (2 * offset * skewingSide) / + // we max out fractions to safeguard from asymptotic behavior + Math.max(b, 1) + + // add starting state + shearingStart; + const skewing = radiansToDegrees(Math.atan(shearing)); + target.set(skewKey, skewing); + const changed = skewingBefore !== target[skewKey]; + if (changed && axis === 'y') { + // we don't want skewing to affect scaleX + // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer + const { skewX, scaleX } = target, dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }), dimAfter = target._getTransformedDimensions(), compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1; + compensationFactor !== 1 && + target.set('scaleX', compensationFactor * scaleX); + } + return changed; +} +/** + * Wrapped Action handler for skewing on a given axis, takes care of the + * skew direction and determines the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +function skewHandler(axis, eventData, transform, x, y) { + const { target } = transform, { counterAxis, origin: originKey, lockSkewing: lockSkewingKey, skew: skewKey, flip: flipKey, } = AXIS_KEYS[axis]; + if (isLocked(target, lockSkewingKey)) { + return false; + } + const { origin: counterOriginKey, flip: counterFlipKey } = AXIS_KEYS[counterAxis], counterOriginFactor = resolveOrigin(transform[counterOriginKey]) * + (target[counterFlipKey] ? -1 : 1), + // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively. + // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively. + // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer, + // so we factor skewing direction by this value. + skewingSide = (-Math.sign(counterOriginFactor) * + (target[flipKey] ? -1 : 1)), skewingDirection = ((target[skewKey] === 0 && + // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing + getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) || + // in case target has skewing we use that as the direction + target[skewKey] > 0 + ? 1 + : -1) * skewingSide, + // anchor to the opposite side of the skewing direction + // normalize value from [-1, 1] to origin value [0, 1] + origin = -skewingDirection * 0.5 + 0.5; + const finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor((eventData, transform, x, y) => skewObject(axis, transform, new Point(x, y)))); + return finalHandler(eventData, Object.assign(Object.assign({}, transform), { [originKey]: origin, skewingSide }), x, y); +} +/** + * Wrapped Action handler for skewing on the X axis, takes care of the + * skew direction and determines the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const skewHandlerX = (eventData, transform, x, y) => { + return skewHandler('x', eventData, transform, x, y); +}; +/** + * Wrapped Action handler for skewing on the Y axis, takes care of the + * skew direction and determines the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const skewHandlerY = (eventData, transform, x, y) => { + return skewHandler('y', eventData, transform, x, y); +}; +function isAltAction(eventData, target) { + var _a; + return eventData[(_a = target.canvas) === null || _a === void 0 ? void 0 : _a.altActionKey]; +} +/** + * Inspect event, control and fabricObject to return the correct action name + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} an action name + */ +const scaleOrSkewActionName = (eventData, control, fabricObject) => { + const isAlternative = isAltAction(eventData, fabricObject); + if (control.x === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewX' : 'scaleY'; + } + if (control.y === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewY' : 'scaleX'; + } +}; +/** + * Combine skew and scale style handlers to cover fabric standard use case + * @param {Event} eventData the javascript event that is causing the scale + * @param {Control} control the control that is interested in the action + * @param {FabricObject} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ +const scaleSkewCursorStyleHandler = (eventData, control, fabricObject) => { + return isAltAction(eventData, fabricObject) + ? skewCursorStyleHandler(eventData, control, fabricObject) + : scaleCursorStyleHandler(eventData, control, fabricObject); +}; +/** + * Composed action handler to either scale X or skew Y + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scalingXOrSkewingY = (eventData, transform, x, y) => { + return isAltAction(eventData, transform.target) + ? skewHandlerY(eventData, transform, x, y) + : scalingX(eventData, transform, x, y); +}; +/** + * Composed action handler to either scale Y or skew X + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ +const scalingYOrSkewingX = (eventData, transform, x, y) => { + return isAltAction(eventData, transform.target) + ? skewHandlerX(eventData, transform, x, y) + : scalingY(eventData, transform, x, y); +}; -(function() { - - var getPointer = fabric.util.getPointer, - degreesToRadians = fabric.util.degreesToRadians, - isTouchEvent = fabric.util.isTouchEvent; - - /** - * Canvas class - * @class fabric.Canvas - * @extends fabric.StaticCanvas - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} - * @see {@link fabric.Canvas#initialize} for constructor definition - * - * @fires object:modified at the end of a transform or any change when statefull is true - * @fires object:rotating while an object is being rotated from the control - * @fires object:scaling while an object is being scaled by controls - * @fires object:moving while an object is being dragged - * @fires object:skewing while an object is being skewed from the controls - * - * @fires before:transform before a transform is is started - * @fires before:selection:cleared - * @fires selection:cleared - * @fires selection:updated - * @fires selection:created - * - * @fires path:created after a drawing operation ends and the path is added - * @fires mouse:down - * @fires mouse:move - * @fires mouse:up - * @fires mouse:down:before on mouse down, before the inner fabric logic runs - * @fires mouse:move:before on mouse move, before the inner fabric logic runs - * @fires mouse:up:before on mouse up, before the inner fabric logic runs - * @fires mouse:over - * @fires mouse:out - * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drop:before before drop event. same native event. This is added to handle edge cases - * @fires drop - * @fires after:render at the end of the render process, receives the context in the callback - * @fires before:render at start the render process, receives the context in the callback - * - */ - fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, /** @lends fabric.Canvas.prototype */ { - - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function(el, options) { - options || (options = { }); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - this._initInteractive(); - this._createCacheCanvas(); - }, - - /** - * When true, objects can be transformed by one side (unproportionally) - * when dragged on the corners that normally would not do that. - * @type Boolean - * @default - * @since fabric 4.0 // changed name and default value - */ - uniformScaling: true, - - /** - * Indicates which key switches uniform scaling. - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * totally wrong named. this sounds like `uniform scaling` - * if Canvas.uniformScaling is true, pressing this will set it to false - * and viceversa. - * @since 1.6.2 - * @type String - * @default - */ - uniScaleKey: 'shiftKey', - - /** - * When true, objects use center point as the origin of scale transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredScaling: false, - - /** - * When true, objects use center point as the origin of rotate transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredRotation: false, - - /** - * Indicates which key enable centered Transform - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type String - * @default - */ - centeredKey: 'altKey', - - /** - * Indicates which key enable alternate action on corner - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type String - * @default - */ - altActionKey: 'shiftKey', - - /** - * Indicates that canvas is interactive. This property should not be changed. - * @type Boolean - * @default - */ - interactive: true, - - /** - * Indicates whether group selection should be enabled - * @type Boolean - * @default - */ - selection: true, - - /** - * Indicates which key or keys enable multiple click selection - * Pass value as a string or array of strings - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or empty or containing any other string that is not a modifier key - * feature is disabled. - * @since 1.6.2 - * @type String|Array - * @default - */ - selectionKey: 'shiftKey', - - /** - * Indicates which key enable alternative selection - * in case of target overlapping with active object - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * For a series of reason that come from the general expectations on how - * things should work, this feature works only for preserveObjectStacking true. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * @since 1.6.5 - * @type null|String - * @default - */ - altSelectionKey: null, - - /** - * Color of selection - * @type String - * @default - */ - selectionColor: 'rgba(100, 100, 255, 0.3)', // blue - - /** - * Default dash array pattern - * If not empty the selection border is dashed - * @type Array - */ - selectionDashArray: [], - - /** - * Color of the border of selection (usually slightly darker than color of selection itself) - * @type String - * @default - */ - selectionBorderColor: 'rgba(255, 255, 255, 0.3)', - - /** - * Width of a line used in object/group selection - * @type Number - * @default - */ - selectionLineWidth: 1, - - /** - * Select only shapes that are fully contained in the dragged selection rectangle. - * @type Boolean - * @default - */ - selectionFullyContained: false, - - /** - * Default cursor value used when hovering over an object on canvas - * @type String - * @default - */ - hoverCursor: 'move', - - /** - * Default cursor value used when moving an object on canvas - * @type String - * @default - */ - moveCursor: 'move', - - /** - * Default cursor value used for the entire canvas - * @type String - * @default - */ - defaultCursor: 'default', - - /** - * Cursor value used during free drawing - * @type String - * @default - */ - freeDrawingCursor: 'crosshair', - - /** - * Cursor value used for disabled elements ( corners with disabled action ) - * @type String - * @since 2.0.0 - * @default - */ - notAllowedCursor: 'not-allowed', - - /** - * Default element class that's given to wrapper (div) element of canvas - * @type String - * @default - */ - containerClass: 'canvas-container', - - /** - * When true, object detection happens on per-pixel basis rather than on per-bounding-box - * @type Boolean - * @default - */ - perPixelTargetFind: false, - - /** - * Number of pixels around target pixel to tolerate (consider active) during object detection - * @type Number - * @default - */ - targetFindTolerance: 0, - - /** - * When true, target detection is skipped. Target detection will return always undefined. - * click selection won't work anymore, events will fire with no targets. - * if something is selected before setting it to true, it will be deselected at the first click. - * area selection will still work. check the `selection` property too. - * if you deactivate both, you should look into staticCanvas. - * @type Boolean - * @default - */ - skipTargetFind: false, - - /** - * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. - * After mousedown, mousemove creates a shape, - * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. - * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} - * @type Boolean - * @default - */ - isDrawingMode: false, - - /** - * Indicates whether objects should remain in current stack position when selected. - * When false objects are brought to top and rendered as part of the selection group - * @type Boolean - * @default - */ - preserveObjectStacking: false, - - /** - * Indicates the angle that an object will lock to while rotating. - * @type Number - * @since 1.6.7 - * @default - */ - snapAngle: 0, - - /** - * Indicates the distance from the snapAngle the rotation will lock to the snapAngle. - * When `null`, the snapThreshold will default to the snapAngle. - * @type null|Number - * @since 1.6.7 - * @default - */ - snapThreshold: null, - - /** - * Indicates if the right click on canvas can output the context menu or not - * @type Boolean - * @since 1.6.5 - * @default - */ - stopContextMenu: false, - - /** - * Indicates if the canvas can fire right click events - * @type Boolean - * @since 1.6.5 - * @default - */ - fireRightClick: false, - - /** - * Indicates if the canvas can fire middle click events - * @type Boolean - * @since 1.7.8 - * @default - */ - fireMiddleClick: false, - - /** - * Keep track of the subTargets for Mouse Events - * @type fabric.Object[] - */ - targets: [], - - /** - * When the option is enabled, PointerEvent is used instead of MouseEvent. - * @type Boolean - * @default - */ - enablePointerEvents: false, - - /** - * Keep track of the hovered target - * @type fabric.Object - * @private - */ - _hoveredTarget: null, - - /** - * hold the list of nested targets hovered - * @type fabric.Object[] - * @private - */ - _hoveredTargets: [], - - /** - * @private - */ - _initInteractive: function() { - this._currentTransform = null; - this._groupSelector = null; - this._initWrapperElement(); - this._createUpperCanvas(); - this._initEventListeners(); - - this._initRetinaScaling(); - - this.freeDrawingBrush = fabric.PencilBrush && new fabric.PencilBrush(this); - - this.calcOffset(); - }, - - /** - * Divides objects in two groups, one to render immediately - * and one to render as activeGroup. - * @return {Array} objects to render immediately and pushes the other in the activeGroup. - */ - _chooseObjectsToRender: function() { - var activeObjects = this.getActiveObjects(), - object, objsToRender, activeGroupObjects; - - if (activeObjects.length > 0 && !this.preserveObjectStacking) { - objsToRender = []; - activeGroupObjects = []; - for (var i = 0, length = this._objects.length; i < length; i++) { - object = this._objects[i]; - if (activeObjects.indexOf(object) === -1 ) { - objsToRender.push(object); - } - else { - activeGroupObjects.push(object); - } - } - if (activeObjects.length > 1) { - this._activeObject._objects = activeGroupObjects; - } - objsToRender.push.apply(objsToRender, activeGroupObjects); - } - else { - objsToRender = this._objects; - } - return objsToRender; - }, - - /** - * Renders both the top canvas and the secondary container canvas. - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - if (this.contextTopDirty && !this._groupSelector && !this.isDrawingMode) { - this.clearContext(this.contextTop); - this.contextTopDirty = false; - } - if (this.hasLostContext) { - this.renderTopLayer(this.contextTop); - this.hasLostContext = false; - } - var canvasToDrawOn = this.contextContainer; - this.renderCanvas(canvasToDrawOn, this._chooseObjectsToRender()); - return this; - }, - - renderTopLayer: function(ctx) { - ctx.save(); - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this.freeDrawingBrush && this.freeDrawingBrush._render(); - this.contextTopDirty = true; - } - // we render the top context - last object - if (this.selection && this._groupSelector) { - this._drawSelection(ctx); - this.contextTopDirty = true; - } - ctx.restore(); - }, - - /** - * Method to render only the top canvas. - * Also used to render the group selection box. - * @return {fabric.Canvas} thisArg - * @chainable - */ - renderTop: function () { - var ctx = this.contextTop; - this.clearContext(ctx); - this.renderTopLayer(ctx); - this.fire('after:render'); - return this; - }, - - /** - * @private - */ - _normalizePointer: function (object, pointer) { - var m = object.calcTransformMatrix(), - invertedM = fabric.util.invertTransform(m), - vptPointer = this.restorePointerVpt(pointer); - return fabric.util.transformPoint(vptPointer, invertedM); - }, - - /** - * Returns true if object is transparent at a certain location - * @param {fabric.Object} target Object to check - * @param {Number} x Left coordinate - * @param {Number} y Top coordinate - * @return {Boolean} - */ - isTargetTransparent: function (target, x, y) { - // in case the target is the activeObject, we cannot execute this optimization - // because we need to draw controls too. - if (target.shouldCache() && target._cacheCanvas && target !== this._activeObject) { - var normalizedPointer = this._normalizePointer(target, {x: x, y: y}), - targetRelativeX = Math.max(target.cacheTranslationX + (normalizedPointer.x * target.zoomX), 0), - targetRelativeY = Math.max(target.cacheTranslationY + (normalizedPointer.y * target.zoomY), 0); - - var isTransparent = fabric.util.isTransparent( - target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); - - return isTransparent; - } - - var ctx = this.contextCache, - originalColor = target.selectionBackgroundColor, v = this.viewportTransform; - - target.selectionBackgroundColor = ''; - - this.clearContext(ctx); - - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - target.render(ctx); - ctx.restore(); - - target.selectionBackgroundColor = originalColor; - - var isTransparent = fabric.util.isTransparent( - ctx, x, y, this.targetFindTolerance); - - return isTransparent; - }, - - /** - * takes an event and determines if selection key has been pressed - * @private - * @param {Event} e Event object - */ - _isSelectionKeyPressed: function(e) { - var selectionKeyPressed = false; - - if (Object.prototype.toString.call(this.selectionKey) === '[object Array]') { - selectionKeyPressed = !!this.selectionKey.find(function(key) { return e[key] === true; }); - } - else { - selectionKeyPressed = e[this.selectionKey]; - } - - return selectionKeyPressed; - }, - - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _shouldClearSelection: function (e, target) { - var activeObjects = this.getActiveObjects(), - activeObject = this._activeObject; - - return ( - !target - || - (target && - activeObject && - activeObjects.length > 1 && - activeObjects.indexOf(target) === -1 && - activeObject !== target && - !this._isSelectionKeyPressed(e)) - || - (target && !target.evented) - || - (target && - !target.selectable && - activeObject && - activeObject !== target) - ); - }, - - /** - * centeredScaling from object can't override centeredScaling from canvas. - * this should be fixed, since object setting should take precedence over canvas. - * also this should be something that will be migrated in the control properties. - * as ability to define the origin of the transformation that the control provide. - * @private - * @param {fabric.Object} target - * @param {String} action - * @param {Boolean} altKey - */ - _shouldCenterTransform: function (target, action, altKey) { - if (!target) { - return; - } - - var centerTransform; - - if (action === 'scale' || action === 'scaleX' || action === 'scaleY' || action === 'resizing') { - centerTransform = this.centeredScaling || target.centeredScaling; - } - else if (action === 'rotate') { - centerTransform = this.centeredRotation || target.centeredRotation; - } - - return centerTransform ? !altKey : altKey; - }, - - /** - * should disappear before release 4.0 - * @private - */ - _getOriginFromCorner: function(target, corner) { - var origin = { - x: target.originX, - y: target.originY - }; - - if (corner === 'ml' || corner === 'tl' || corner === 'bl') { - origin.x = 'right'; - } - else if (corner === 'mr' || corner === 'tr' || corner === 'br') { - origin.x = 'left'; - } - - if (corner === 'tl' || corner === 'mt' || corner === 'tr') { - origin.y = 'bottom'; - } - else if (corner === 'bl' || corner === 'mb' || corner === 'br') { - origin.y = 'top'; - } - return origin; - }, - - /** - * @private - * @param {Boolean} alreadySelected true if target is already selected - * @param {String} corner a string representing the corner ml, mr, tl ... - * @param {Event} e Event object - * @param {fabric.Object} [target] inserted back to help overriding. Unused - */ - _getActionFromCorner: function(alreadySelected, corner, e, target) { - if (!corner || !alreadySelected) { - return 'drag'; - } - var control = target.controls[corner]; - return control.getActionName(e, control, target); - }, +/** + * @todo remove as unused + */ +fabric$1.controlsUtils = { + scaleCursorStyleHandler, + skewCursorStyleHandler, + scaleSkewCursorStyleHandler, + rotationWithSnapping, + scalingEqually, + scalingX, + scalingY, + scalingYOrSkewingX, + scalingXOrSkewingY, + changeWidth, + skewHandlerX, + skewHandlerY, + dragHandler, + scaleOrSkewActionName, + rotationStyleHandler, + wrapWithFixedAnchor, + wrapWithFireEvent, + getLocalPoint, + renderCircleControl, + renderSquareControl, +}; +//@ts-nocheck +(function (global) { + var fabric = global.fabric, getPointer = fabric.util.getPointer, degreesToRadians = fabric.util.degreesToRadians, isTouchEvent = fabric.util.isTouchEvent; /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target + * Canvas class + * @class fabric.Canvas + * @extends fabric.StaticCanvas + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} + * @see {@link fabric.Canvas#initialize} for constructor definition + * + * @fires object:modified at the end of a transform or any change when statefull is true + * @fires object:rotating while an object is being rotated from the control + * @fires object:scaling while an object is being scaled by controls + * @fires object:moving while an object is being dragged + * @fires object:skewing while an object is being skewed from the controls + * + * @fires before:transform before a transform is is started + * @fires before:selection:cleared + * @fires selection:cleared + * @fires selection:updated + * @fires selection:created + * + * @fires path:created after a drawing operation ends and the path is added + * @fires mouse:down + * @fires mouse:move + * @fires mouse:up + * @fires mouse:down:before on mouse down, before the inner fabric logic runs + * @fires mouse:move:before on mouse move, before the inner fabric logic runs + * @fires mouse:up:before on mouse up, before the inner fabric logic runs + * @fires mouse:over + * @fires mouse:out + * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drag:enter object drag enter + * @fires drag:leave object drag leave + * @fires drop:before before drop event. Prepare for the drop event (same native event). + * @fires drop + * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event). + * @example + * let a: fabric.Object, b: fabric.Object; + * let flag = false; + * canvas.add(a, b); + * a.on('drop:before', opt => { + * // we want a to accept the drop even though it's below b in the stack + * flag = this.canDrop(opt.e); + * }); + * b.canDrop = function(e) { + * !flag && this.callSuper('canDrop', e); + * } + * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black')); + * a.on('drop', opt => { + * opt.e.defaultPrevented // drop occured + * opt.didDrop // drop occured on canvas + * opt.target // drop target + * opt.target !== a && a.set('text', 'I lost'); + * }); + * canvas.on('drop:after', opt => { + * // inform user who won + * if(!opt.e.defaultPrevented) { + * // no winners + * } + * else if(!opt.didDrop) { + * // my objects didn't win, some other lucky object + * } + * else { + * // we have a winner it's opt.target!! + * } + * }) + * + * @fires after:render at the end of the render process, receives the context in the callback + * @fires before:render at start the render process, receives the context in the callback + * + * @fires contextmenu:before + * @fires contextmenu + * @example + * let handler; + * targets.forEach(target => { + * target.on('contextmenu:before', opt => { + * // decide which target should handle the event before canvas hijacks it + * if (someCaseHappens && opt.targets.includes(target)) { + * handler = target; + * } + * }); + * target.on('contextmenu', opt => { + * // do something fantastic + * }); + * }); + * canvas.on('contextmenu', opt => { + * if (!handler) { + * // no one takes responsibility, it's always left to me + * // let's show them how it's done! + * } + * }); + * */ - _setupCurrentTransform: function (e, target, alreadySelected) { - if (!target) { - return; - } - - var pointer = this.getPointer(e), corner = target.__corner, - control = target.controls[corner], - actionHandler = (alreadySelected && corner) ? - control.getActionHandler(e, target, control) : fabric.controlsUtils.dragHandler, - action = this._getActionFromCorner(alreadySelected, corner, e, target), - origin = this._getOriginFromCorner(target, corner), - altKey = e[this.centeredKey], - transform = { - target: target, - action: action, - actionHandler: actionHandler, - corner: corner, - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - // used by transation - offsetX: pointer.x - target.left, - offsetY: pointer.y - target.top, - originX: origin.x, - originY: origin.y, - ex: pointer.x, - ey: pointer.y, - lastX: pointer.x, - lastY: pointer.y, - // unsure they are useful anymore. - // left: target.left, - // top: target.top, - theta: degreesToRadians(target.angle), - // end of unsure - width: target.width * target.scaleX, - shiftKey: e.shiftKey, - altKey: altKey, - original: fabric.util.saveObjectTransform(target), - }; - - if (this._shouldCenterTransform(target, action, altKey)) { - transform.originX = 'center'; - transform.originY = 'center'; - } - transform.original.originX = origin.x; - transform.original.originY = origin.y; - this._currentTransform = transform; - this._beforeTransform(e); - }, - - /** - * Set the cursor type of the canvas element - * @param {String} value Cursor type of the canvas element. - * @see http://www.w3.org/TR/css3-ui/#cursor - */ - setCursor: function (value) { - this.upperCanvasEl.style.cursor = value; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx to draw the selection on - */ - _drawSelection: function (ctx) { - var selector = this._groupSelector, - viewportStart = new fabric.Point(selector.ex, selector.ey), - start = fabric.util.transformPoint(viewportStart, this.viewportTransform), - viewportExtent = new fabric.Point(selector.ex + selector.left, selector.ey + selector.top), - extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), - minX = Math.min(start.x, extent.x), - minY = Math.min(start.y, extent.y), - maxX = Math.max(start.x, extent.x), - maxY = Math.max(start.y, extent.y), - strokeOffset = this.selectionLineWidth / 2; - - if (this.selectionColor) { - ctx.fillStyle = this.selectionColor; - ctx.fillRect(minX, minY, maxX - minX, maxY - minY); - } - - if (!this.selectionLineWidth || !this.selectionBorderColor) { - return; - } - ctx.lineWidth = this.selectionLineWidth; - ctx.strokeStyle = this.selectionBorderColor; - - minX += strokeOffset; - minY += strokeOffset; - maxX -= strokeOffset; - maxY -= strokeOffset; - // selection border - fabric.Object.prototype._setLineDash.call(this, ctx, this.selectionDashArray); - ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); - }, - - /** - * Method that determines what object we are clicking on - * the skipGroup parameter is for internal use, is needed for shift+click action - * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target - * or the outside part of the corner. - * @param {Event} e mouse event - * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through - * @return {fabric.Object} the target found - */ - findTarget: function (e, skipGroup) { - if (this.skipTargetFind) { - return; - } - - var ignoreZoom = true, - pointer = this.getPointer(e, ignoreZoom), - activeObject = this._activeObject, - aObjects = this.getActiveObjects(), - activeTarget, activeTargetSubs, - isTouch = isTouchEvent(e), - shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; - - // first check current group (if one exists) - // active group does not check sub targets like normal groups. - // if active group just exits. - this.targets = []; - - // if we hit the corner of an activeObject, let's return that. - if (shouldLookForActive && activeObject._findTargetCorner(pointer, isTouch)) { - return activeObject; - } - if (aObjects.length > 1 && !skipGroup && activeObject === this._searchPossibleTargets([activeObject], pointer)) { - return activeObject; - } - if (aObjects.length === 1 && - activeObject === this._searchPossibleTargets([activeObject], pointer)) { - if (!this.preserveObjectStacking) { - return activeObject; - } - else { - activeTarget = activeObject; - activeTargetSubs = this.targets; - this.targets = []; - } - } - var target = this._searchPossibleTargets(this._objects, pointer); - if (e[this.altSelectionKey] && target && activeTarget && target !== activeTarget) { - target = activeTarget; - this.targets = activeTargetSubs; - } - return target; - }, - - /** - * Checks point is inside the object. - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @param {fabric.Object} obj Object to test against - * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. - * @return {Boolean} true if point is contained within an area of given object - * @private - */ - _checkTarget: function(pointer, obj, globalPointer) { - if (obj && - obj.visible && - obj.evented && - // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html - // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html - obj.containsPoint(pointer) - ) { - if ((this.perPixelTargetFind || obj.perPixelTargetFind) && !obj.isEditing) { - var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); - if (!isTransparent) { - return true; - } - } - else { - return true; - } - } - }, - - /** - * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted - * @param {Array} [objects] objects array to look into - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @return {fabric.Object} object that contains pointer - * @private - */ - _searchPossibleTargets: function(objects, pointer) { - // Cache all targets where their bounding box contains point. - var target, i = objects.length, subTarget; - // Do not check for currently grouped objects, since we check the parent group itself. - // until we call this function specifically to search inside the activeGroup - while (i--) { - var objToCheck = objects[i]; - var pointerToUse = objToCheck.group ? - this._normalizePointer(objToCheck.group, pointer) : pointer; - if (this._checkTarget(pointerToUse, objToCheck, pointer)) { - target = objects[i]; - if (target.subTargetCheck && target instanceof fabric.Group) { - subTarget = this._searchPossibleTargets(target._objects, pointer); - subTarget && this.targets.push(subTarget); - } - break; - } - } - return target; - }, - - /** - * Returns pointer coordinates without the effect of the viewport - * @param {Object} pointer with "x" and "y" number values - * @return {Object} object with "x" and "y" number values - */ - restorePointerVpt: function(pointer) { - return fabric.util.transformPoint( - pointer, - fabric.util.invertTransform(this.viewportTransform) - ); - }, - - /** - * Returns pointer coordinates relative to canvas. - * Can return coordinates with or without viewportTransform. - * ignoreZoom false gives back coordinates that represent - * the point clicked on canvas element. - * ignoreZoom true gives back coordinates after being processed - * by the viewportTransform ( sort of coordinates of what is displayed - * on the canvas where you are clicking. - * ignoreZoom true = HTMLElement coordinates relative to top,left - * ignoreZoom false, default = fabric space coordinates, the same used for shape position - * To interact with your shapes top and left you want to use ignoreZoom true - * most of the time, while ignoreZoom false will give you coordinates - * compatible with the object.oCoords system. - * of the time. - * @param {Event} e - * @param {Boolean} ignoreZoom - * @return {Object} object with "x" and "y" number values - */ - getPointer: function (e, ignoreZoom) { - // return cached values if we are in the event processing chain - if (this._absolutePointer && !ignoreZoom) { - return this._absolutePointer; - } - if (this._pointer && ignoreZoom) { - return this._pointer; - } - - var pointer = getPointer(e), - upperCanvasEl = this.upperCanvasEl, - bounds = upperCanvasEl.getBoundingClientRect(), - boundsWidth = bounds.width || 0, - boundsHeight = bounds.height || 0, - cssScale; - - if (!boundsWidth || !boundsHeight ) { - if ('top' in bounds && 'bottom' in bounds) { - boundsHeight = Math.abs( bounds.top - bounds.bottom ); - } - if ('right' in bounds && 'left' in bounds) { - boundsWidth = Math.abs( bounds.right - bounds.left ); - } - } - - this.calcOffset(); - pointer.x = pointer.x - this._offset.left; - pointer.y = pointer.y - this._offset.top; - if (!ignoreZoom) { - pointer = this.restorePointerVpt(pointer); - } - - var retinaScaling = this.getRetinaScaling(); - if (retinaScaling !== 1) { - pointer.x /= retinaScaling; - pointer.y /= retinaScaling; - } - - if (boundsWidth === 0 || boundsHeight === 0) { - // If bounds are not available (i.e. not visible), do not apply scale. - cssScale = { width: 1, height: 1 }; - } - else { - cssScale = { - width: upperCanvasEl.width / boundsWidth, - height: upperCanvasEl.height / boundsHeight - }; - } - - return { - x: pointer.x * cssScale.width, - y: pointer.y * cssScale.height - }; - }, - - /** - * @private - * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized - */ - _createUpperCanvas: function () { - var lowerCanvasClass = this.lowerCanvasEl.className.replace(/\s*lower-canvas\s*/, ''), - lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; - - // there is no need to create a new upperCanvas element if we have already one. - if (upperCanvasEl) { - upperCanvasEl.className = ''; - } - else { - upperCanvasEl = this._createCanvasElement(); - this.upperCanvasEl = upperCanvasEl; - } - fabric.util.addClass(upperCanvasEl, 'upper-canvas ' + lowerCanvasClass); - - this.wrapperEl.appendChild(upperCanvasEl); - - this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); - this._applyCanvasStyle(upperCanvasEl); - this.contextTop = upperCanvasEl.getContext('2d'); - }, - - /** - * @private - */ - _createCacheCanvas: function () { - this.cacheCanvasEl = this._createCanvasElement(); - this.cacheCanvasEl.setAttribute('width', this.width); - this.cacheCanvasEl.setAttribute('height', this.height); - this.contextCache = this.cacheCanvasEl.getContext('2d'); - }, - - /** - * @private - */ - _initWrapperElement: function () { - this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, 'div', { - 'class': this.containerClass - }); - fabric.util.setStyle(this.wrapperEl, { - width: this.width + 'px', - height: this.height + 'px', - position: 'relative' - }); - fabric.util.makeElementUnselectable(this.wrapperEl); - }, - - /** - * @private - * @param {HTMLElement} element canvas element to apply styles on - */ - _applyCanvasStyle: function (element) { - var width = this.width || element.width, - height = this.height || element.height; - - fabric.util.setStyle(element, { - position: 'absolute', - width: width + 'px', - height: height + 'px', - left: 0, - top: 0, - 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', - '-ms-touch-action': this.allowTouchScrolling ? 'manipulation' : 'none' - }); - element.width = width; - element.height = height; - fabric.util.makeElementUnselectable(element); - }, - - /** - * Copy the entire inline style from one element (fromEl) to another (toEl) - * @private - * @param {Element} fromEl Element style is copied from - * @param {Element} toEl Element copied style is applied to - */ - _copyCanvasStyle: function (fromEl, toEl) { - toEl.style.cssText = fromEl.style.cssText; - }, - - /** - * Returns context of canvas where object selection is drawn - * @return {CanvasRenderingContext2D} - */ - getSelectionContext: function() { - return this.contextTop; - }, - - /** - * Returns <canvas> element on which object selection is drawn - * @return {HTMLCanvasElement} - */ - getSelectionElement: function () { - return this.upperCanvasEl; - }, - - /** - * Returns currently active object - * @return {fabric.Object} active object - */ - getActiveObject: function () { - return this._activeObject; - }, - - /** - * Returns an array with the current selected objects - * @return {fabric.Object} active object - */ - getActiveObjects: function () { - var active = this._activeObject; - if (active) { - if (active.type === 'activeSelection' && active._objects) { - return active._objects.slice(0); - } - else { - return [active]; - } - } - return []; - }, - - /** - * @private - * @param {fabric.Object} obj Object that was removed - */ - _onObjectRemoved: function(obj) { - // removing active object should fire "selection:cleared" events - if (obj === this._activeObject) { - this.fire('before:selection:cleared', { target: obj }); - this._discardActiveObject(); - this.fire('selection:cleared', { target: obj }); - obj.fire('deselected'); - } - if (obj === this._hoveredTarget){ - this._hoveredTarget = null; - this._hoveredTargets = []; - } - this.callSuper('_onObjectRemoved', obj); - }, - - /** - * @private - * Compares the old activeObject with the current one and fires correct events - * @param {fabric.Object} obj old activeObject - */ - _fireSelectionEvents: function(oldObjects, e) { - var somethingChanged = false, objects = this.getActiveObjects(), - added = [], removed = []; - oldObjects.forEach(function(oldObject) { - if (objects.indexOf(oldObject) === -1) { - somethingChanged = true; - oldObject.fire('deselected', { - e: e, - target: oldObject - }); - removed.push(oldObject); - } - }); - objects.forEach(function(object) { - if (oldObjects.indexOf(object) === -1) { - somethingChanged = true; - object.fire('selected', { - e: e, - target: object - }); - added.push(object); - } - }); - if (oldObjects.length > 0 && objects.length > 0) { - somethingChanged && this.fire('selection:updated', { - e: e, - selected: added, - deselected: removed, - }); - } - else if (objects.length > 0) { - this.fire('selection:created', { - e: e, - selected: added, - }); - } - else if (oldObjects.length > 0) { - this.fire('selection:cleared', { - e: e, - deselected: removed, - }); - } - }, - - /** - * Sets given object as the only active object on canvas - * @param {fabric.Object} object Object to set as an active one - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {fabric.Canvas} thisArg - * @chainable - */ - setActiveObject: function (object, e) { - var currentActives = this.getActiveObjects(); - this._setActiveObject(object, e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - - /** - * This is a private method for now. - * This is supposed to be equivalent to setActiveObject but without firing - * any event. There is commitment to have this stay this way. - * This is the functional part of setActiveObject. - * @private - * @param {Object} object to set as active - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {Boolean} true if the selection happened - */ - _setActiveObject: function(object, e) { - if (this._activeObject === object) { - return false; - } - if (!this._discardActiveObject(e, object)) { - return false; - } - if (object.onSelect({ e: e })) { - return false; - } - this._activeObject = object; - return true; - }, - - /** - * This is a private method for now. - * This is supposed to be equivalent to discardActiveObject but without firing - * any events. There is commitment to have this stay this way. - * This is the functional part of discardActiveObject. - * @param {Event} [e] Event (passed along when firing "object:deselected") - * @param {Object} object to set as active - * @return {Boolean} true if the selection happened - * @private - */ - _discardActiveObject: function(e, object) { - var obj = this._activeObject; - if (obj) { - // onDeselect return TRUE to cancel selection; - if (obj.onDeselect({ e: e, object: object })) { - return false; - } - this._activeObject = null; - } - return true; - }, - - /** - * Discards currently active object and fire events. If the function is called by fabric - * as a consequence of a mouse event, the event is passed as a parameter and - * sent to the fire function for the custom events. When used as a method the - * e param does not have any application. - * @param {event} e - * @return {fabric.Canvas} thisArg - * @chainable - */ - discardActiveObject: function (e) { - var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); - if (currentActives.length) { - this.fire('before:selection:cleared', { target: activeObject, e: e }); - } - this._discardActiveObject(e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - - /** - * Clears a canvas element and removes all event listeners - * @return {fabric.Canvas} thisArg - * @chainable - */ - dispose: function () { - var wrapper = this.wrapperEl; - this.removeListeners(); - wrapper.removeChild(this.upperCanvasEl); - wrapper.removeChild(this.lowerCanvasEl); - this.contextCache = null; - this.contextTop = null; - ['upperCanvasEl', 'cacheCanvasEl'].forEach((function(element) { - fabric.util.cleanUpJsdomNode(this[element]); - this[element] = undefined; - }).bind(this)); - if (wrapper.parentNode) { - wrapper.parentNode.replaceChild(this.lowerCanvasEl, this.wrapperEl); - } - delete this.wrapperEl; - fabric.StaticCanvas.prototype.dispose.call(this); - return this; - }, - - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - // this.discardActiveGroup(); - this.discardActiveObject(); - this.clearContext(this.contextTop); - return this.callSuper('clear'); - }, - - /** - * Draws objects' controls (borders/controls) - * @param {CanvasRenderingContext2D} ctx Context to render controls on - */ - drawControls: function(ctx) { - var activeObject = this._activeObject; - - if (activeObject) { - activeObject._renderControls(ctx); - } - }, - - /** - * @private - */ - _toObject: function(instance, methodName, propertiesToInclude) { - //If the object is part of the current selection group, it should - //be transformed appropriately - //i.e. it should be serialised as it would appear if the selection group - //were to be destroyed. - var originalProperties = this._realizeGroupTransformOnObject(instance), - object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); - //Undo the damage we did by changing all of its properties - this._unwindGroupTransformOnObject(instance, originalProperties); - return object; - }, - - /** - * Realises an object's group transformation on it - * @private - * @param {fabric.Object} [instance] the object to transform (gets mutated) - * @returns the original values of instance which were changed - */ - _realizeGroupTransformOnObject: function(instance) { - if (instance.group && instance.group.type === 'activeSelection' && this._activeObject === instance.group) { - var layoutProps = ['angle', 'flipX', 'flipY', 'left', 'scaleX', 'scaleY', 'skewX', 'skewY', 'top']; - //Copy all the positionally relevant properties across now - var originalValues = {}; - layoutProps.forEach(function(prop) { - originalValues[prop] = instance[prop]; - }); - fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); - return originalValues; - } - else { - return null; - } - }, - - /** - * Restores the changed properties of instance - * @private - * @param {fabric.Object} [instance] the object to un-transform (gets mutated) - * @param {Object} [originalValues] the original values of instance, as returned by _realizeGroupTransformOnObject - */ - _unwindGroupTransformOnObject: function(instance, originalValues) { - if (originalValues) { - instance.set(originalValues); - } - }, - - /** - * @private - */ - _setSVGObject: function(markup, instance, reviver) { - //If the object is in a selection group, simulate what would happen to that - //object when the group is deselected - var originalProperties = this._realizeGroupTransformOnObject(instance); - this.callSuper('_setSVGObject', markup, instance, reviver); - this._unwindGroupTransformOnObject(instance, originalProperties); - }, - - setViewportTransform: function (vpt) { - if (this.renderOnAddRemove && this._activeObject && this._activeObject.isEditing) { - this._activeObject.clearContextTop(); - } - fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); - } - }); - - // copying static properties manually to work around Opera's bug, - // where "prototype" property is enumerable and overrides existing prototype - for (var prop in fabric.StaticCanvas) { - if (prop !== 'prototype') { - fabric.Canvas[prop] = fabric.StaticCanvas[prop]; - } - } -})(); - - -(function() { - - var addListener = fabric.util.addListener, - removeListener = fabric.util.removeListener, - RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, - addEventOptions = { passive: false }; - - function checkClick(e, value) { - return e.button && (e.button === value - 1); - } - - fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { - - /** - * Contains the id of the touch event that owns the fabric transform - * @type Number - * @private - */ - mainTouchId: null, - - /** - * Adds mouse listeners to canvas - * @private - */ - _initEventListeners: function () { - // in case we initialized the class twice. This should not happen normally - // but in some kind of applications where the canvas element may be changed - // this is a workaround to having double listeners. - this.removeListeners(); - this._bindEvents(); - this.addOrRemove(addListener, 'add'); - }, - - /** - * return an event prefix pointer or mouse. - * @private - */ - _getEventPrefix: function () { - return this.enablePointerEvents ? 'pointer' : 'mouse'; - }, - - addOrRemove: function(functor, eventjsFunctor) { - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - functor(fabric.window, 'resize', this._onResize); - functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); - functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); - functor(canvasElement, 'wheel', this._onMouseWheel); - functor(canvasElement, 'contextmenu', this._onContextMenu); - functor(canvasElement, 'dblclick', this._onDoubleClick); - functor(canvasElement, 'dragover', this._onDragOver); - functor(canvasElement, 'dragenter', this._onDragEnter); - functor(canvasElement, 'dragleave', this._onDragLeave); - functor(canvasElement, 'drop', this._onDrop); - if (!this.enablePointerEvents) { - functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); - } - if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { - eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); - eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); - eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); - eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); - eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); - } - }, - - /** - * Removes all event listeners - */ - removeListeners: function() { - this.addOrRemove(removeListener, 'remove'); - // if you dispose on a mouseDown, before mouse up, you need to clean document to... - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - }, - - /** - * @private - */ - _bindEvents: function() { - if (this.eventsBound) { - // for any reason we pass here twice we do not want to bind events twice. - return; - } - this._onMouseDown = this._onMouseDown.bind(this); - this._onTouchStart = this._onTouchStart.bind(this); - this._onMouseMove = this._onMouseMove.bind(this); - this._onMouseUp = this._onMouseUp.bind(this); - this._onTouchEnd = this._onTouchEnd.bind(this); - this._onResize = this._onResize.bind(this); - this._onGesture = this._onGesture.bind(this); - this._onDrag = this._onDrag.bind(this); - this._onShake = this._onShake.bind(this); - this._onLongPress = this._onLongPress.bind(this); - this._onOrientationChange = this._onOrientationChange.bind(this); - this._onMouseWheel = this._onMouseWheel.bind(this); - this._onMouseOut = this._onMouseOut.bind(this); - this._onMouseEnter = this._onMouseEnter.bind(this); - this._onContextMenu = this._onContextMenu.bind(this); - this._onDoubleClick = this._onDoubleClick.bind(this); - this._onDragOver = this._onDragOver.bind(this); - this._onDragEnter = this._simpleEventHandler.bind(this, 'dragenter'); - this._onDragLeave = this._simpleEventHandler.bind(this, 'dragleave'); - this._onDrop = this._onDrop.bind(this); - this.eventsBound = true; - }, - - /** - * @private - * @param {Event} [e] Event object fired on Event.js gesture - * @param {Event} [self] Inner Event object - */ - _onGesture: function(e, self) { - this.__onTransformGesture && this.__onTransformGesture(e, self); - }, - - /** - * @private - * @param {Event} [e] Event object fired on Event.js drag - * @param {Event} [self] Inner Event object - */ - _onDrag: function(e, self) { - this.__onDrag && this.__onDrag(e, self); - }, - - /** - * @private - * @param {Event} [e] Event object fired on wheel event - */ - _onMouseWheel: function(e) { - this.__onMouseWheel(e); - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseOut: function(e) { - var target = this._hoveredTarget; - this.fire('mouse:out', { target: target, e: e }); - this._hoveredTarget = null; - target && target.fire('mouseout', { e: e }); - - var _this = this; - this._hoveredTargets.forEach(function(_target){ - _this.fire('mouse:out', { target: target, e: e }); - _target && target.fire('mouseout', { e: e }); - }); - this._hoveredTargets = []; - - if (this._iTextInstances) { - this._iTextInstances.forEach(function(obj) { - if (obj.isEditing) { - obj.hiddenTextarea.focus(); - } - }); - } - }, - - /** - * @private - * @param {Event} e Event object fired on mouseenter - */ - _onMouseEnter: function(e) { - // This find target and consequent 'mouse:over' is used to - // clear old instances on hovered target. - // calling findTarget has the side effect of killing target.__corner. - // as a short term fix we are not firing this if we are currently transforming. - // as a long term fix we need to separate the action of finding a target with the - // side effects we added to it. - if (!this._currentTransform && !this.findTarget(e)) { - this.fire('mouse:over', { target: null, e: e }); - this._hoveredTarget = null; - this._hoveredTargets = []; - } - }, - - /** - * @private - * @param {Event} [e] Event object fired on Event.js orientation change - * @param {Event} [self] Inner Event object - */ - _onOrientationChange: function(e, self) { - this.__onOrientationChange && this.__onOrientationChange(e, self); - }, - - /** - * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object - */ - _onShake: function(e, self) { - this.__onShake && this.__onShake(e, self); - }, - - /** - * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object - */ - _onLongPress: function(e, self) { - this.__onLongPress && this.__onLongPress(e, self); - }, - - /** - * prevent default to allow drop event to be fired - * @private - * @param {Event} [e] Event object fired on Event.js shake - */ - _onDragOver: function(e) { - e.preventDefault(); - var target = this._simpleEventHandler('dragover', e); - this._fireEnterLeaveEvents(target, e); - }, - - /** - * `drop:before` is a an event that allow you to schedule logic - * before the `drop` event. Prefer `drop` event always, but if you need - * to run some drop-disabling logic on an event, since there is no way - * to handle event handlers ordering, use `drop:before` - * @param {Event} e - */ - _onDrop: function (e) { - this._simpleEventHandler('drop:before', e); - return this._simpleEventHandler('drop', e); - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onContextMenu: function (e) { - if (this.stopContextMenu) { - e.stopPropagation(); - e.preventDefault(); - } - return false; - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onDoubleClick: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'dblclick'); - this._resetTransformEventData(e); - }, - - /** - * Return a the id of an event. - * returns either the pointerId or the identifier or 0 for the mouse event - * @private - * @param {Event} evt Event object - */ - getPointerId: function(evt) { - var changedTouches = evt.changedTouches; - - if (changedTouches) { - return changedTouches[0] && changedTouches[0].identifier; - } - - if (this.enablePointerEvents) { - return evt.pointerId; - } - - return -1; - }, - - /** - * Determines if an event has the id of the event that is considered main - * @private - * @param {evt} event Event object - */ - _isMainEvent: function(evt) { - if (evt.isPrimary === true) { - return true; - } - if (evt.isPrimary === false) { - return false; - } - if (evt.type === 'touchend' && evt.touches.length === 0) { - return true; - } - if (evt.changedTouches) { - return evt.changedTouches[0].identifier === this.mainTouchId; - } - return true; - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onTouchStart: function(e) { - e.preventDefault(); - if (this.mainTouchId === null) { - this.mainTouchId = this.getPointerId(e); - } - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - // Unbind mousedown to prevent double triggers from touch devices - removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDown: function (e) { - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onTouchEnd: function(e) { - if (e.touches.length > 0) { - // if there are still touches stop here - return; - } - this.__onMouseUp(e); - this._resetTransformEventData(); - this.mainTouchId = null; - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - var _this = this; - if (this._willAddMouseDown) { - clearTimeout(this._willAddMouseDown); - } - this._willAddMouseDown = setTimeout(function() { - // Wait 400ms before rebinding mousedown to prevent double triggers - // from touch devices - addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); - _this._willAddMouseDown = 0; - }, 400); - }, - - /** - * @private - * @param {Event} e Event object fired on mouseup - */ - _onMouseUp: function (e) { - this.__onMouseUp(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, - eventTypePrefix = this._getEventPrefix(); - if (this._isMainEvent(e)) { - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - } - }, - - /** - * @private - * @param {Event} e Event object fired on mousemove - */ - _onMouseMove: function (e) { - !this.allowTouchScrolling && e.preventDefault && e.preventDefault(); - this.__onMouseMove(e); - }, - - /** - * @private - */ - _onResize: function () { - this.calcOffset(); - }, - - /** - * Decides whether the canvas should be redrawn in mouseup and mousedown events. - * @private - * @param {Object} target - */ - _shouldRender: function(target) { - var activeObject = this._activeObject; - - if ( - !!activeObject !== !!target || - (activeObject && target && (activeObject !== target)) - ) { - // this covers: switch of target, from target to no target, selection of target - // multiSelection with key and mouse - return true; - } - else if (activeObject && activeObject.isEditing) { - // if we mouse up/down over a editing textbox a cursor change, - // there is no need to re render - return false; - } - return false; - }, - - /** - * Method that defines the actions when mouse is released on canvas. - * The method resets the currentTransform parameters, store the image corner - * position in the image object and render the canvas on top. - * @private - * @param {Event} e Event object fired on mouseup - */ - __onMouseUp: function (e) { - var target, transform = this._currentTransform, - groupSelector = this._groupSelector, shouldRender = false, - isClick = (!groupSelector || (groupSelector.left === 0 && groupSelector.top === 0)); - this._cacheTransformEventData(e); - target = this._target; - this._handleEvent(e, 'up:before'); - // if right/middle click just fire events and return - // target undefined will make the _handleEvent search the target - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'up', RIGHT_CLICK, isClick); - } - return; - } - - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); - } - this._resetTransformEventData(); - return; - } - - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this._onMouseUpInDrawingMode(e); - return; - } - - if (!this._isMainEvent(e)) { - return; - } - if (transform) { - this._finalizeCurrentTransform(e); - shouldRender = transform.actionPerformed; - } - if (!isClick) { - var targetWasActive = target === this._activeObject; - this._maybeGroupObjects(e); - if (!shouldRender) { - shouldRender = ( - this._shouldRender(target) || - (!targetWasActive && target === this._activeObject) - ); - } - } - var corner, pointer; - if (target) { - corner = target._findTargetCorner( - this.getPointer(e, true), - fabric.util.isTouchEvent(e) - ); - if (target.selectable && target !== this._activeObject && target.activeOn === 'up') { - this.setActiveObject(target, e); - shouldRender = true; - } - else { - var control = target.controls[corner], - mouseUpHandler = control && control.getMouseUpHandler(e, target, control); - if (mouseUpHandler) { - pointer = this.getPointer(e); - mouseUpHandler(e, transform, pointer.x, pointer.y); - } - } - target.isMoving = false; - } - // if we are ending up a transform on a different control or a new object - // fire the original mouse up from the corner that started the transform - if (transform && (transform.target !== target || transform.corner !== corner)) { - var originalControl = transform.target && transform.target.controls[transform.corner], - originalMouseUpHandler = originalControl && originalControl.getMouseUpHandler(e, target, control); - pointer = pointer || this.getPointer(e); - originalMouseUpHandler && originalMouseUpHandler(e, transform, pointer.x, pointer.y); - } - this._setCursorFromEvent(e, target); - this._handleEvent(e, 'up', LEFT_CLICK, isClick); - this._groupSelector = null; - this._currentTransform = null; - // reset the target information about which corner is selected - target && (target.__corner = 0); - if (shouldRender) { - this.requestRenderAll(); - } - else if (!isClick) { - this.renderTop(); - } - }, - - /** - * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @return {Fabric.Object} target return the the target found, for internal reasons. - */ - _simpleEventHandler: function(eventType, e) { - var target = this.findTarget(e), - targets = this.targets, - options = { - e: e, - target: target, - subTargets: targets, - }; - this.fire(eventType, options); - target && target.fire(eventType, options); - if (!targets) { - return target; - } - for (var i = 0; i < targets.length; i++) { - targets[i].fire(eventType, options); - } - return target; - }, - - /** - * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @param {fabric.Object} targetObj receiving event - * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right - * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. - */ - _handleEvent: function(e, eventType, button, isClick) { - var target = this._target, - targets = this.targets || [], - options = { - e: e, - target: target, - subTargets: targets, - button: button || LEFT_CLICK, - isClick: isClick || false, - pointer: this._pointer, - absolutePointer: this._absolutePointer, - transform: this._currentTransform - }; - if (eventType === 'up') { - options.currentTarget = this.findTarget(e); - options.currentSubTargets = this.targets; - } - this.fire('mouse:' + eventType, options); - target && target.fire('mouse' + eventType, options); - for (var i = 0; i < targets.length; i++) { - targets[i].fire('mouse' + eventType, options); - } - }, - - /** - * @private - * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event - */ - _finalizeCurrentTransform: function(e) { - - var transform = this._currentTransform, - target = transform.target, - options = { - e: e, - target: target, - transform: transform, - action: transform.action, - }; - - if (target._scaling) { - target._scaling = false; - } - - target.setCoords(); - - if (transform.actionPerformed || (this.stateful && target.hasStateChanged())) { - this._fire('modified', options); - } - }, - - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDownInDrawingMode: function(e) { - this._isCurrentlyDrawing = true; - if (this.getActiveObject()) { - this.discardActiveObject(e).requestRenderAll(); - } - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); - this._handleEvent(e, 'down'); - }, - - /** - * @private - * @param {Event} e Event object fired on mousemove - */ - _onMouseMoveInDrawingMode: function(e) { - if (this._isCurrentlyDrawing) { - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseMove(pointer, { e: e, pointer: pointer }); - } - this.setCursor(this.freeDrawingCursor); - this._handleEvent(e, 'move'); - }, - - /** - * @private - * @param {Event} e Event object fired on mouseup - */ - _onMouseUpInDrawingMode: function(e) { - var pointer = this.getPointer(e); - this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ e: e, pointer: pointer }); - this._handleEvent(e, 'up'); - }, - - /** - * Method that defines the actions when mouse is clicked on canvas. - * The method inits the currentTransform parameters and renders all the - * canvas so the current image can be placed on the top canvas and the rest - * in on the container one. - * @private - * @param {Event} e Event object fired on mousedown - */ - __onMouseDown: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'down:before'); - var target = this._target; - // if right click just fire events - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'down', RIGHT_CLICK); - } - return; - } - - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'down', MIDDLE_CLICK); - } - return; - } - - if (this.isDrawingMode) { - this._onMouseDownInDrawingMode(e); - return; - } - - if (!this._isMainEvent(e)) { - return; - } - - // ignore if some object is being transformed at this moment - if (this._currentTransform) { - return; - } - - var pointer = this._pointer; - // save pointer for check in __onMouseUp event - this._previousPointer = pointer; - var shouldRender = this._shouldRender(target), - shouldGroup = this._shouldGroup(e, target); - if (this._shouldClearSelection(e, target)) { - this.discardActiveObject(e); - } - else if (shouldGroup) { - this._handleGrouping(e, target); - target = this._activeObject; - } - - if (this.selection && (!target || - (!target.selectable && !target.isEditing && target !== this._activeObject))) { - this._groupSelector = { - ex: this._absolutePointer.x, - ey: this._absolutePointer.y, - top: 0, - left: 0 - }; - } - - if (target) { - var alreadySelected = target === this._activeObject; - if (target.selectable && target.activeOn === 'down') { - this.setActiveObject(target, e); - } - var corner = target._findTargetCorner( - this.getPointer(e, true), - fabric.util.isTouchEvent(e) - ); - target.__corner = corner; - if (target === this._activeObject && (corner || !shouldGroup)) { - this._setupCurrentTransform(e, target, alreadySelected); - var control = target.controls[corner], - pointer = this.getPointer(e), - mouseDownHandler = control && control.getMouseDownHandler(e, target, control); - if (mouseDownHandler) { - mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); - } - } - } - this._handleEvent(e, 'down'); - // we must renderAll so that we update the visuals - (shouldRender || shouldGroup) && this.requestRenderAll(); - }, - - /** - * reset cache form common information needed during event processing - * @private - */ - _resetTransformEventData: function() { - this._target = null; - this._pointer = null; - this._absolutePointer = null; - }, - - /** - * Cache common information needed during event processing - * @private - * @param {Event} e Event object fired on event - */ - _cacheTransformEventData: function(e) { - // reset in order to avoid stale caching - this._resetTransformEventData(); - this._pointer = this.getPointer(e, true); - this._absolutePointer = this.restorePointerVpt(this._pointer); - this._target = this._currentTransform ? this._currentTransform.target : this.findTarget(e) || null; - }, - - /** - * @private - */ - _beforeTransform: function(e) { - var t = this._currentTransform; - this.stateful && t.target.saveState(); - this.fire('before:transform', { - e: e, - transform: t, - }); - }, - - /** - * Method that defines the actions when mouse is hovering the canvas. - * The currentTransform parameter will define whether the user is rotating/scaling/translating - * an image or neither of them (only hovering). A group selection is also possible and would cancel - * all any other type of action. - * In case of an image transformation only the top canvas will be rendered. - * @private - * @param {Event} e Event object fired on mousemove - */ - __onMouseMove: function (e) { - this._handleEvent(e, 'move:before'); - this._cacheTransformEventData(e); - var target, pointer; - - if (this.isDrawingMode) { - this._onMouseMoveInDrawingMode(e); - return; - } - - if (!this._isMainEvent(e)) { - return; - } - - var groupSelector = this._groupSelector; - - // We initially clicked in an empty area, so we draw a box for multiple selection - if (groupSelector) { - pointer = this._absolutePointer; - - groupSelector.left = pointer.x - groupSelector.ex; - groupSelector.top = pointer.y - groupSelector.ey; - - this.renderTop(); - } - else if (!this._currentTransform) { - target = this.findTarget(e) || null; - this._setCursorFromEvent(e, target); - this._fireOverOutEvents(target, e); - } - else { - this._transformObject(e); - } - this._handleEvent(e, 'move'); - this._resetTransformEventData(); - }, - - /** - * Manage the mouseout, mouseover events for the fabric object on the canvas - * @param {Fabric.Object} target the target where the target from the mousemove event - * @param {Event} e Event object fired on mousemove - * @private - */ - _fireOverOutEvents: function(target, e) { - var _hoveredTarget = this._hoveredTarget, - _hoveredTargets = this._hoveredTargets, targets = this.targets, - length = Math.max(_hoveredTargets.length, targets.length); - - this.fireSyntheticInOutEvents(target, e, { - oldTarget: _hoveredTarget, - evtOut: 'mouseout', - canvasEvtOut: 'mouse:out', - evtIn: 'mouseover', - canvasEvtIn: 'mouse:over', - }); - for (var i = 0; i < length; i++){ - this.fireSyntheticInOutEvents(targets[i], e, { - oldTarget: _hoveredTargets[i], - evtOut: 'mouseout', - evtIn: 'mouseover', - }); - } - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - }, - - /** - * Manage the dragEnter, dragLeave events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the onDrag event - * @param {Event} e Event object fired on ondrag - * @private - */ - _fireEnterLeaveEvents: function(target, e) { - var _draggedoverTarget = this._draggedoverTarget, - _hoveredTargets = this._hoveredTargets, targets = this.targets, - length = Math.max(_hoveredTargets.length, targets.length); - - this.fireSyntheticInOutEvents(target, e, { - oldTarget: _draggedoverTarget, - evtOut: 'dragleave', - evtIn: 'dragenter', - }); - for (var i = 0; i < length; i++) { - this.fireSyntheticInOutEvents(targets[i], e, { - oldTarget: _hoveredTargets[i], - evtOut: 'dragleave', - evtIn: 'dragenter', - }); - } - this._draggedoverTarget = target; - }, - - /** - * Manage the synthetic in/out events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the supported events - * @param {Event} e Event object fired - * @param {Object} config configuration for the function to work - * @param {String} config.targetName property on the canvas where the old target is stored - * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out - * @param {String} config.evtOut name of the event to fire for out - * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in - * @param {String} config.evtIn name of the event to fire for in - * @private - */ - fireSyntheticInOutEvents: function(target, e, config) { - var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, - targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; - if (targetChanged) { - inOpt = { e: e, target: target, previousTarget: oldTarget }; - outOpt = { e: e, target: oldTarget, nextTarget: target }; - } - inFires = target && targetChanged; - outFires = oldTarget && targetChanged; - if (outFires) { - canvasEvtOut && this.fire(canvasEvtOut, outOpt); - oldTarget.fire(config.evtOut, outOpt); - } - if (inFires) { - canvasEvtIn && this.fire(canvasEvtIn, inOpt); - target.fire(config.evtIn, inOpt); - } - }, - - /** - * Method that defines actions when an Event Mouse Wheel - * @param {Event} e Event object fired on mouseup - */ - __onMouseWheel: function(e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'wheel'); - this._resetTransformEventData(); - }, - - /** - * @private - * @param {Event} e Event fired on mousemove - */ - _transformObject: function(e) { - var pointer = this.getPointer(e), - transform = this._currentTransform; - - transform.reset = false; - transform.shiftKey = e.shiftKey; - transform.altKey = e[this.centeredKey]; - - this._performTransformAction(e, transform, pointer); - transform.actionPerformed && this.requestRenderAll(); - }, - - /** - * @private - */ - _performTransformAction: function(e, transform, pointer) { - var x = pointer.x, - y = pointer.y, - action = transform.action, - actionPerformed = false, - actionHandler = transform.actionHandler; - // this object could be created from the function in the control handlers - - - if (actionHandler) { - actionPerformed = actionHandler(e, transform, x, y); - } - if (action === 'drag' && actionPerformed) { - transform.target.isMoving = true; - this.setCursor(transform.target.moveCursor || this.moveCursor); - } - transform.actionPerformed = transform.actionPerformed || actionPerformed; - }, - - /** - * @private - */ - _fire: fabric.controlsUtils.fireEvent, - - /** - * Sets the cursor depending on where the canvas is being hovered. - * Note: very buggy in Opera - * @param {Event} e Event object - * @param {Object} target Object that the mouse is hovering, if so. - */ - _setCursorFromEvent: function (e, target) { - if (!target) { - this.setCursor(this.defaultCursor); - return false; - } - var hoverCursor = target.hoverCursor || this.hoverCursor, - activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' ? - this._activeObject : null, - // only show proper corner when group selection is not active - corner = (!activeSelection || !activeSelection.contains(target)) - // here we call findTargetCorner always with undefined for the touch parameter. - // we assume that if you are using a cursor you do not need to interact with - // the bigger touch area. - && target._findTargetCorner(this.getPointer(e, true)); - - if (!corner) { - if (target.subTargetCheck){ - // hoverCursor should come from top-most subTarget, - // so we walk the array backwards - this.targets.concat().reverse().map(function(_target){ - hoverCursor = _target.hoverCursor || hoverCursor; - }); - } - this.setCursor(hoverCursor); - } - else { - this.setCursor(this.getCornerCursor(corner, target, e)); - } - }, - - /** - * @private - */ - getCornerCursor: function(corner, target, e) { - var control = target.controls[corner]; - return control.cursorStyleHandler(e, control, target); - } - }); -})(); - - -(function() { - - var min = Math.min, - max = Math.max; - - fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { - - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - * @return {Boolean} - */ - _shouldGroup: function(e, target) { - var activeObject = this._activeObject; - return activeObject && this._isSelectionKeyPressed(e) && target && target.selectable && this.selection && - (activeObject !== target || activeObject.type === 'activeSelection') && !target.onSelect({ e: e }); - }, - - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _handleGrouping: function (e, target) { - var activeObject = this._activeObject; - // avoid multi select when shift click on a corner - if (activeObject.__corner) { - return; - } - if (target === activeObject) { - // if it's a group, find target again, using activeGroup objects - target = this.findTarget(e, true); - // if even object is not found or we are on activeObjectCorner, bail out - if (!target || !target.selectable) { - return; - } - } - if (activeObject && activeObject.type === 'activeSelection') { - this._updateActiveSelection(target, e); - } - else { - this._createActiveSelection(target, e); - } - }, - - /** - * @private - */ - _updateActiveSelection: function(target, e) { - var activeSelection = this._activeObject, - currentActiveObjects = activeSelection._objects.slice(0); - if (activeSelection.contains(target)) { - activeSelection.removeWithUpdate(target); - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - if (activeSelection.size() === 1) { - // activate last remaining object - this._setActiveObject(activeSelection.item(0), e); - } - } - else { - activeSelection.addWithUpdate(target); - this._hoveredTarget = activeSelection; - this._hoveredTargets = this.targets.concat(); - } - this._fireSelectionEvents(currentActiveObjects, e); - }, - - /** - * @private - */ - _createActiveSelection: function(target, e) { - var currentActives = this.getActiveObjects(), group = this._createGroup(target); - this._hoveredTarget = group; - // ISSUE 4115: should we consider subTargets here? - // this._hoveredTargets = []; - // this._hoveredTargets = this.targets.concat(); - this._setActiveObject(group, e); - this._fireSelectionEvents(currentActives, e); - }, - - /** - * @private - * @param {Object} target - */ - _createGroup: function(target) { - var objects = this._objects, - isActiveLower = objects.indexOf(this._activeObject) < objects.indexOf(target), - groupObjects = isActiveLower - ? [this._activeObject, target] - : [target, this._activeObject]; - this._activeObject.isEditing && this._activeObject.exitEditing(); - return new fabric.ActiveSelection(groupObjects, { - canvas: this - }); - }, - - /** - * @private - * @param {Event} e mouse event - */ - _groupSelectedObjects: function (e) { - - var group = this._collectObjects(e), - aGroup; - - // do not create group for 1 element only - if (group.length === 1) { - this.setActiveObject(group[0], e); - } - else if (group.length > 1) { - aGroup = new fabric.ActiveSelection(group.reverse(), { - canvas: this - }); - this.setActiveObject(aGroup, e); - } - }, - - /** - * @private - */ - _collectObjects: function(e) { - var group = [], - currentObject, - x1 = this._groupSelector.ex, - y1 = this._groupSelector.ey, - x2 = x1 + this._groupSelector.left, - y2 = y1 + this._groupSelector.top, - selectionX1Y1 = new fabric.Point(min(x1, x2), min(y1, y2)), - selectionX2Y2 = new fabric.Point(max(x1, x2), max(y1, y2)), - allowIntersect = !this.selectionFullyContained, - isClick = x1 === x2 && y1 === y2; - // we iterate reverse order to collect top first in case of click. - for (var i = this._objects.length; i--; ) { - currentObject = this._objects[i]; - - if (!currentObject || !currentObject.selectable || !currentObject.visible) { - continue; - } - - if ((allowIntersect && currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || - currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || - (allowIntersect && currentObject.containsPoint(selectionX1Y1, null, true)) || - (allowIntersect && currentObject.containsPoint(selectionX2Y2, null, true)) - ) { - group.push(currentObject); - // only add one object if it's a click - if (isClick) { - break; - } - } - } - - if (group.length > 1) { - group = group.filter(function(object) { - return !object.onSelect({ e: e }); - }); - } - - return group; - }, - - /** - * @private - */ - _maybeGroupObjects: function(e) { - if (this.selection && this._groupSelector) { - this._groupSelectedObjects(e); - } - this.setCursor(this.defaultCursor); - // clear selection and current transformation - this._groupSelector = null; - } - }); - -})(); - - -(function () { - fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { - - /** - * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately - * @param {Object} [options] Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format - * @see {@link http://jsfiddle.net/fabricjs/NfZVb/|jsFiddle demo} - * @example Generate jpeg dataURL with lower quality - * var dataURL = canvas.toDataURL({ - * format: 'jpeg', - * quality: 0.8 - * }); - * @example Generate cropped png dataURL (clipping of canvas) - * var dataURL = canvas.toDataURL({ - * format: 'png', - * left: 100, - * top: 100, - * width: 200, - * height: 200 - * }); - * @example Generate double scaled png dataURL - * var dataURL = canvas.toDataURL({ - * format: 'png', - * multiplier: 2 - * }); - */ - toDataURL: function (options) { - options || (options = { }); - - var format = options.format || 'png', - quality = options.quality || 1, - multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? this.getRetinaScaling() : 1), - canvasEl = this.toCanvasElement(multiplier, options); - return fabric.util.toDataURL(canvasEl, format, quality); - }, - - /** - * Create a new HTMLCanvas element painted with the current canvas content. - * No need to resize the actual one or repaint it. - * Will transfer object ownership to a new canvas, paint it, and set everything back. - * This is an intermediary step used to get to a dataUrl but also it is useful to - * create quick image copies of a canvas without passing for the dataUrl string - * @param {Number} [multiplier] a zoom factor. - * @param {Object} [cropping] Cropping informations - * @param {Number} [cropping.left] Cropping left offset. - * @param {Number} [cropping.top] Cropping top offset. - * @param {Number} [cropping.width] Cropping width. - * @param {Number} [cropping.height] Cropping height. - */ - toCanvasElement: function(multiplier, cropping) { - multiplier = multiplier || 1; - cropping = cropping || { }; - var scaledWidth = (cropping.width || this.width) * multiplier, - scaledHeight = (cropping.height || this.height) * multiplier, - zoom = this.getZoom(), - originalWidth = this.width, - originalHeight = this.height, - newZoom = zoom * multiplier, - vp = this.viewportTransform, - translateX = (vp[4] - (cropping.left || 0)) * multiplier, - translateY = (vp[5] - (cropping.top || 0)) * multiplier, - originalInteractive = this.interactive, - newVp = [newZoom, 0, 0, newZoom, translateX, translateY], - originalRetina = this.enableRetinaScaling, - canvasEl = fabric.util.createCanvasElement(), - originalContextTop = this.contextTop; - canvasEl.width = scaledWidth; - canvasEl.height = scaledHeight; - this.contextTop = null; - this.enableRetinaScaling = false; - this.interactive = false; - this.viewportTransform = newVp; - this.width = scaledWidth; - this.height = scaledHeight; - this.calcViewportBoundaries(); - this.renderCanvas(canvasEl.getContext('2d'), this._objects); - this.viewportTransform = vp; - this.width = originalWidth; - this.height = originalHeight; - this.calcViewportBoundaries(); - this.interactive = originalInteractive; - this.enableRetinaScaling = originalRetina; - this.contextTop = originalContextTop; - return canvasEl; - }, - }); - -})(); - - -fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { - /** - * Populates canvas with data from the specified JSON. - * JSON format must conform to the one of {@link fabric.Canvas#toJSON} - * @param {String|Object} json JSON string or object - * @param {Function} callback Callback, invoked when json is parsed - * and corresponding objects (e.g: {@link fabric.Image}) - * are initialized - * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. - * @return {fabric.Canvas} instance - * @chainable - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} - * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} - * @example loadFromJSON - * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas)); - * @example loadFromJSON with reviver - * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas), function(o, object) { - * // `o` = json object - * // `object` = fabric.Object instance - * // ... do some stuff ... - * }); - */ - loadFromJSON: function (json, callback, reviver) { - if (!json) { - return; - } - - // serialize if it wasn't already - var serialized = (typeof json === 'string') - ? JSON.parse(json) - : fabric.util.object.clone(json); - - var _this = this, - clipPath = serialized.clipPath, - renderOnAddRemove = this.renderOnAddRemove; - - this.renderOnAddRemove = false; - - delete serialized.clipPath; - - this._enlivenObjects(serialized.objects, function (enlivenedObjects) { - _this.clear(); - _this._setBgOverlay(serialized, function () { - if (clipPath) { - _this._enlivenObjects([clipPath], function (enlivenedCanvasClip) { - _this.clipPath = enlivenedCanvasClip[0]; - _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); - }); - } - else { - _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); - } - }); - }, reviver); - return this; - }, - - /** - * @private - * @param {Object} serialized Object with background and overlay information - * @param {Array} restored canvas objects - * @param {Function} cached renderOnAddRemove callback - * @param {Function} callback Invoked after all background and overlay images/patterns loaded - */ - __setupCanvas: function(serialized, enlivenedObjects, renderOnAddRemove, callback) { - var _this = this; - enlivenedObjects.forEach(function(obj, index) { - // we splice the array just in case some custom classes restored from JSON - // will add more object to canvas at canvas init. - _this.insertAt(obj, index); - }); - this.renderOnAddRemove = renderOnAddRemove; - // remove parts i cannot set as options - delete serialized.objects; - delete serialized.backgroundImage; - delete serialized.overlayImage; - delete serialized.background; - delete serialized.overlay; - // this._initOptions does too many things to just - // call it. Normally loading an Object from JSON - // create the Object instance. Here the Canvas is - // already an instance and we are just loading things over it - this._setOptions(serialized); - this.renderAll(); - callback && callback(); - }, - - /** - * @private - * @param {Object} serialized Object with background and overlay information - * @param {Function} callback Invoked after all background and overlay images/patterns loaded - */ - _setBgOverlay: function(serialized, callback) { - var loaded = { - backgroundColor: false, - overlayColor: false, - backgroundImage: false, - overlayImage: false - }; - - if (!serialized.backgroundImage && !serialized.overlayImage && !serialized.background && !serialized.overlay) { - callback && callback(); - return; - } - - var cbIfLoaded = function () { - if (loaded.backgroundImage && loaded.overlayImage && loaded.backgroundColor && loaded.overlayColor) { - callback && callback(); - } - }; - - this.__setBgOverlay('backgroundImage', serialized.backgroundImage, loaded, cbIfLoaded); - this.__setBgOverlay('overlayImage', serialized.overlayImage, loaded, cbIfLoaded); - this.__setBgOverlay('backgroundColor', serialized.background, loaded, cbIfLoaded); - this.__setBgOverlay('overlayColor', serialized.overlay, loaded, cbIfLoaded); - }, - - /** - * @private - * @param {String} property Property to set (backgroundImage, overlayImage, backgroundColor, overlayColor) - * @param {(Object|String)} value Value to set - * @param {Object} loaded Set loaded property to true if property is set - * @param {Object} callback Callback function to invoke after property is set - */ - __setBgOverlay: function(property, value, loaded, callback) { - var _this = this; - - if (!value) { - loaded[property] = true; - callback && callback(); - return; - } - - if (property === 'backgroundImage' || property === 'overlayImage') { - fabric.util.enlivenObjects([value], function(enlivedObject){ - _this[property] = enlivedObject[0]; - loaded[property] = true; - callback && callback(); - }); - } - else { - this['set' + fabric.util.string.capitalize(property, true)](value, function() { - loaded[property] = true; - callback && callback(); - }); - } - }, - - /** - * @private - * @param {Array} objects - * @param {Function} callback - * @param {Function} [reviver] - */ - _enlivenObjects: function (objects, callback, reviver) { - if (!objects || objects.length === 0) { - callback && callback([]); - return; - } - - fabric.util.enlivenObjects(objects, function(enlivenedObjects) { - callback && callback(enlivenedObjects); - }, null, reviver); - }, - - /** - * @private - * @param {String} format - * @param {Function} callback - */ - _toDataURL: function (format, callback) { - this.clone(function (clone) { - callback(clone.toDataURL(format)); - }); - }, - - /** - * @private - * @param {String} format - * @param {Number} multiplier - * @param {Function} callback - */ - _toDataURLWithMultiplier: function (format, multiplier, callback) { - this.clone(function (clone) { - callback(clone.toDataURLWithMultiplier(format, multiplier)); - }); - }, - - /** - * Clones canvas instance - * @param {Object} [callback] Receives cloned instance as a first argument - * @param {Array} [properties] Array of properties to include in the cloned canvas and children - */ - clone: function (callback, properties) { - var data = JSON.stringify(this.toJSON(properties)); - this.cloneWithoutData(function(clone) { - clone.loadFromJSON(data, function() { - callback && callback(clone); - }); - }); - }, - - /** - * Clones canvas instance without cloning existing data. - * This essentially copies canvas dimensions, clipping properties, etc. - * but leaves data empty (so that you can populate it with your own) - * @param {Object} [callback] Receives cloned instance as a first argument - */ - cloneWithoutData: function(callback) { - var el = fabric.util.createCanvasElement(); - - el.width = this.width; - el.height = this.height; - - var clone = new fabric.Canvas(el); - if (this.backgroundImage) { - clone.setBackgroundImage(this.backgroundImage.src, function() { - clone.renderAll(); - callback && callback(clone); - }); - clone.backgroundImageOpacity = this.backgroundImageOpacity; - clone.backgroundImageStretch = this.backgroundImageStretch; - } - else { - callback && callback(clone); - } - } -}); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - toFixed = fabric.util.toFixed, - capitalize = fabric.util.string.capitalize, - degreesToRadians = fabric.util.degreesToRadians, - objectCaching = !fabric.isLikelyNode, - ALIASING_LIMIT = 2; - - if (fabric.Object) { - return; - } - - /** - * Root object class from which all 2d shape classes inherit from - * @class fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} - * @see {@link fabric.Object#initialize} for constructor definition - * - * @fires added - * @fires removed - * - * @fires selected - * @fires deselected - * @fires modified - * @fires modified - * @fires moved - * @fires scaled - * @fires rotated - * @fires skewed - * - * @fires rotating - * @fires scaling - * @fires moving - * @fires skewing - * - * @fires mousedown - * @fires mouseup - * @fires mouseover - * @fires mouseout - * @fires mousewheel - * @fires mousedblclick - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drop - */ - fabric.Object = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.Object.prototype */ { - - /** - * Type of an object (rect, circle, path, etc.). - * Note that this property is meant to be read-only and not meant to be modified. - * If you modify, certain parts of Fabric (such as JSON loading) won't work correctly. - * @type String - * @default - */ - type: 'object', - - /** - * Horizontal origin of transformation of an object (one of "left", "right", "center") - * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups - * @type String - * @default - */ - originX: 'left', - - /** - * Vertical origin of transformation of an object (one of "top", "bottom", "center") - * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups - * @type String - * @default - */ - originY: 'top', - - /** - * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom} - * @type Number - * @default - */ - top: 0, - - /** - * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right} - * @type Number - * @default - */ - left: 0, - - /** - * Object width - * @type Number - * @default - */ - width: 0, - - /** - * Object height - * @type Number - * @default - */ - height: 0, - - /** - * Object scale factor (horizontal) - * @type Number - * @default - */ - scaleX: 1, - - /** - * Object scale factor (vertical) - * @type Number - * @default - */ - scaleY: 1, - - /** - * When true, an object is rendered as flipped horizontally - * @type Boolean - * @default - */ - flipX: false, - - /** - * When true, an object is rendered as flipped vertically - * @type Boolean - * @default - */ - flipY: false, - - /** - * Opacity of an object - * @type Number - * @default - */ - opacity: 1, - - /** - * Angle of rotation of an object (in degrees) - * @type Number - * @default - */ - angle: 0, - - /** - * Angle of skew on x axes of an object (in degrees) - * @type Number - * @default - */ - skewX: 0, - - /** - * Angle of skew on y axes of an object (in degrees) - * @type Number - * @default - */ - skewY: 0, - - /** - * Size of object's controlling corners (in pixels) - * @type Number - * @default - */ - cornerSize: 13, - - /** - * Size of object's controlling corners when touch interaction is detected - * @type Number - * @default - */ - touchCornerSize: 24, - - /** - * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill) - * @type Boolean - * @default - */ - transparentCorners: true, - - /** - * Default cursor value used when hovering over this object on canvas - * @type String - * @default - */ - hoverCursor: null, - - /** - * Default cursor value used when moving this object on canvas - * @type String - * @default - */ - moveCursor: null, - - /** - * Padding between object and its controlling borders (in pixels) - * @type Number - * @default - */ - padding: 0, - - /** - * Color of controlling borders of an object (when it's active) - * @type String - * @default - */ - borderColor: 'rgb(178,204,255)', - - /** - * Array specifying dash pattern of an object's borders (hasBorder must be true) - * @since 1.6.2 - * @type Array - */ - borderDashArray: null, - - /** - * Color of controlling corners of an object (when it's active) - * @type String - * @default - */ - cornerColor: 'rgb(178,204,255)', - - /** - * Color of controlling corners of an object (when it's active and transparentCorners false) - * @since 1.6.2 - * @type String - * @default - */ - cornerStrokeColor: null, - - /** - * Specify style of control, 'rect' or 'circle' - * @since 1.6.2 - * @type String - */ - cornerStyle: 'rect', - - /** - * Array specifying dash pattern of an object's control (hasBorder must be true) - * @since 1.6.2 - * @type Array - */ - cornerDashArray: null, - - /** - * When true, this object will use center point as the origin of transformation - * when being scaled via the controls. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredScaling: false, - - /** - * When true, this object will use center point as the origin of transformation - * when being rotated via the controls. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredRotation: true, - - /** - * Color of object's fill - * takes css colors https://www.w3.org/TR/css-color-3/ - * @type String - * @default - */ - fill: 'rgb(0,0,0)', - - /** - * Fill rule used to fill an object - * accepted values are nonzero, evenodd - * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead) - * @type String - * @default - */ - fillRule: 'nonzero', - - /** - * Composite rule used for canvas globalCompositeOperation - * @type String - * @default - */ - globalCompositeOperation: 'source-over', - - /** - * Background color of an object. - * takes css colors https://www.w3.org/TR/css-color-3/ - * @type String - * @default - */ - backgroundColor: '', - - /** - * Selection Background color of an object. colored layer behind the object when it is active. - * does not mix good with globalCompositeOperation methods. - * @type String - * @default - */ - selectionBackgroundColor: '', - - /** - * When defined, an object is rendered via stroke and this property specifies its color - * takes css colors https://www.w3.org/TR/css-color-3/ - * @type String - * @default - */ - stroke: null, - - /** - * Width of a stroke used to render this object - * @type Number - * @default - */ - strokeWidth: 1, - - /** - * Array specifying dash pattern of an object's stroke (stroke must be defined) - * @type Array - */ - strokeDashArray: null, - - /** - * Line offset of an object's stroke - * @type Number - * @default - */ - strokeDashOffset: 0, - - /** - * Line endings style of an object's stroke (one of "butt", "round", "square") - * @type String - * @default - */ - strokeLineCap: 'butt', - - /** - * Corner style of an object's stroke (one of "bevel", "round", "miter") - * @type String - * @default - */ - strokeLineJoin: 'miter', - - /** - * Maximum miter length (used for strokeLineJoin = "miter") of an object's stroke - * @type Number - * @default - */ - strokeMiterLimit: 4, - - /** - * Shadow object representing shadow of this shape - * @type fabric.Shadow - * @default - */ - shadow: null, - - /** - * Opacity of object's controlling borders when object is active and moving - * @type Number - * @default - */ - borderOpacityWhenMoving: 0.4, - - /** - * Scale factor of object's controlling borders - * bigger number will make a thicker border - * border is 1, so this is basically a border thickness - * since there is no way to change the border itself. - * @type Number - * @default - */ - borderScaleFactor: 1, - - /** - * Minimum allowed scale value of an object - * @type Number - * @default - */ - minScaleLimit: 0, - - /** - * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection). - * But events still fire on it. - * @type Boolean - * @default - */ - selectable: true, - - /** - * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4 - * @type Boolean - * @default - */ - evented: true, - - /** - * When set to `false`, an object is not rendered on canvas - * @type Boolean - * @default - */ - visible: true, - - /** - * When set to `false`, object's controls are not displayed and can not be used to manipulate object - * @type Boolean - * @default - */ - hasControls: true, - - /** - * When set to `false`, object's controlling borders are not rendered - * @type Boolean - * @default - */ - hasBorders: true, - - /** - * When set to `true`, objects are "found" on canvas on per-pixel basis rather than according to bounding box - * @type Boolean - * @default - */ - perPixelTargetFind: false, - - /** - * When `false`, default object's values are not included in its serialization - * @type Boolean - * @default - */ - includeDefaultValues: true, - - /** - * When `true`, object horizontal movement is locked - * @type Boolean - * @default - */ - lockMovementX: false, - - /** - * When `true`, object vertical movement is locked - * @type Boolean - * @default - */ - lockMovementY: false, - - /** - * When `true`, object rotation is locked - * @type Boolean - * @default - */ - lockRotation: false, - - /** - * When `true`, object horizontal scaling is locked - * @type Boolean - * @default - */ - lockScalingX: false, - - /** - * When `true`, object vertical scaling is locked - * @type Boolean - * @default - */ - lockScalingY: false, - - /** - * When `true`, object horizontal skewing is locked - * @type Boolean - * @default - */ - lockSkewingX: false, - - /** - * When `true`, object vertical skewing is locked - * @type Boolean - * @default - */ - lockSkewingY: false, - - /** - * When `true`, object cannot be flipped by scaling into negative values - * @type Boolean - * @default - */ - lockScalingFlip: false, - - /** - * When `true`, object is not exported in OBJECT/JSON - * @since 1.6.3 - * @type Boolean - * @default - */ - excludeFromExport: false, - - /** - * When `true`, object is cached on an additional canvas. - * When `false`, object is not cached unless necessary ( clipPath ) - * default to true - * @since 1.7.0 - * @type Boolean - * @default true - */ - objectCaching: objectCaching, - - /** - * When `true`, object properties are checked for cache invalidation. In some particular - * situation you may want this to be disabled ( spray brush, very big, groups) - * or if your application does not allow you to modify properties for groups child you want - * to disable it for groups. - * default to false - * since 1.7.0 - * @type Boolean - * @default false - */ - statefullCache: false, - - /** - * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled - * too much and will be redrawn with correct details at the end of scaling. - * this setting is performance and application dependant. - * default to true - * since 1.7.0 - * @type Boolean - * @default true - */ - noScaleCache: true, - - /** - * When `false`, the stoke width will scale with the object. - * When `true`, the stroke will always match the exact pixel size entered for stroke width. - * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods - * default to false - * @since 2.6.0 - * @type Boolean - * @default false - * @type Boolean - * @default false - */ - strokeUniform: false, - - /** - * When set to `true`, object's cache will be rerendered next render call. - * since 1.7.0 - * @type Boolean - * @default true - */ - dirty: true, - - /** - * keeps the value of the last hovered corner during mouse move. - * 0 is no corner, or 'mt', 'ml', 'mtr' etc.. - * It should be private, but there is no harm in using it as - * a read-only property. - * @type number|string|any - * @default 0 - */ - __corner: 0, - - /** - * Determines if the fill or the stroke is drawn first (one of "fill" or "stroke") - * @type String - * @default - */ - paintFirst: 'fill', - - /** - * When 'down', object is set to active on mousedown/touchstart - * When 'up', object is set to active on mouseup/touchend - * Experimental. Let's see if this breaks anything before supporting officially - * @private - * since 4.4.0 - * @type String - * @default 'down' - */ - activeOn: 'down', - - /** - * List of properties to consider when checking if state - * of an object is changed (fabric.Object#hasStateChanged) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: ( - 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + - 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + - 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + - 'skewX skewY fillRule paintFirst clipPath strokeUniform' - ).split(' '), - - /** - * List of properties to consider when checking if cache needs refresh - * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single - * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty - * and refreshed at the next render - * @type Array - */ - cacheProperties: ( - 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + - ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath' - ).split(' '), - - /** - * List of properties to consider for animating colors. - * @type Array - */ - colorProperties: ( - 'fill stroke backgroundColor' - ).split(' '), - - /** - * a fabricObject that, without stroke define a clipping area with their shape. filled in black - * the clipPath object gets used when the object has rendered, and the context is placed in the center - * of the object cacheCanvas. - * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center' - * @type fabric.Object - */ - clipPath: undefined, - - /** - * Meaningful ONLY when the object is used as clipPath. - * if true, the clipPath will make the object clip to the outside of the clipPath - * since 2.4.0 - * @type boolean - * @default false - */ - inverted: false, - - /** - * Meaningful ONLY when the object is used as clipPath. - * if true, the clipPath will have its top and left relative to canvas, and will - * not be influenced by the object transform. This will make the clipPath relative - * to the canvas, but clipping just a particular object. - * WARNING this is beta, this feature may change or be renamed. - * since 2.4.0 - * @type boolean - * @default false - */ - absolutePositioned: false, - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - if (options) { - this.setOptions(options); - } - }, - - /** - * Create a the canvas used to keep the cached copy of the object - * @private - */ - _createCacheCanvas: function() { - this._cacheProperties = {}; - this._cacheCanvas = fabric.util.createCanvasElement(); - this._cacheContext = this._cacheCanvas.getContext('2d'); - this._updateCacheCanvas(); - // if canvas gets created, is empty, so dirty. - this.dirty = true; - }, - - /** - * Limit the cache dimensions so that X * Y do not cross fabric.perfLimitSizeTotal - * and each side do not cross fabric.cacheSideLimit - * those numbers are configurable so that you can get as much detail as you want - * making bargain with performances. - * @param {Object} dims - * @param {Object} dims.width width of canvas - * @param {Object} dims.height height of canvas - * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _limitCacheSize: function(dims) { - var perfLimitSizeTotal = fabric.perfLimitSizeTotal, - width = dims.width, height = dims.height, - max = fabric.maxCacheSideLimit, min = fabric.minCacheSideLimit; - if (width <= max && height <= max && width * height <= perfLimitSizeTotal) { - if (width < min) { - dims.width = min; - } - if (height < min) { - dims.height = min; - } - return dims; - } - var ar = width / height, limitedDims = fabric.util.limitDimsByArea(ar, perfLimitSizeTotal), - capValue = fabric.util.capValue, - x = capValue(min, limitedDims.x, max), - y = capValue(min, limitedDims.y, max); - if (width > x) { - dims.zoomX /= width / x; - dims.width = x; - dims.capped = true; - } - if (height > y) { - dims.zoomY /= height / y; - dims.height = y; - dims.capped = true; - } - return dims; - }, - - /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @return {Object}.x width of object to be cached - * @return {Object}.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _getCacheCanvasDimensions: function() { - var objectScale = this.getTotalObjectScaling(), - // caculate dimensions without skewing - dim = this._getTransformedDimensions(0, 0), - neededX = dim.x * objectScale.scaleX / this.scaleX, - neededY = dim.y * objectScale.scaleY / this.scaleY; - return { - // for sure this ALIASING_LIMIT is slightly creating problem - // in situation in which the cache canvas gets an upper limit - // also objectScale contains already scaleX and scaleY - width: neededX + ALIASING_LIMIT, - height: neededY + ALIASING_LIMIT, - zoomX: objectScale.scaleX, - zoomY: objectScale.scaleY, - x: neededX, - y: neededY - }; - }, - - /** - * Update width and height of the canvas for cache - * returns true or false if canvas needed resize. - * @private - * @return {Boolean} true if the canvas has been resized - */ - _updateCacheCanvas: function() { - var targetCanvas = this.canvas; - if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { - var target = targetCanvas._currentTransform.target, - action = targetCanvas._currentTransform.action; - if (this === target && action.slice && action.slice(0, 5) === 'scale') { - return false; - } - } - var canvas = this._cacheCanvas, - dims = this._limitCacheSize(this._getCacheCanvasDimensions()), - minCacheSize = fabric.minCacheSideLimit, - width = dims.width, height = dims.height, drawingWidth, drawingHeight, - zoomX = dims.zoomX, zoomY = dims.zoomY, - dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, - zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY, - shouldRedraw = dimensionsChanged || zoomChanged, - additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; - if (dimensionsChanged) { - var canvasWidth = this._cacheCanvas.width, - canvasHeight = this._cacheCanvas.height, - sizeGrowing = width > canvasWidth || height > canvasHeight, - sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && - canvasWidth > minCacheSize && canvasHeight > minCacheSize; - shouldResizeCanvas = sizeGrowing || sizeShrinking; - if (sizeGrowing && !dims.capped && (width > minCacheSize || height > minCacheSize)) { - additionalWidth = width * 0.1; - additionalHeight = height * 0.1; - } - } - if (this instanceof fabric.Text && this.path) { - shouldRedraw = true; - shouldResizeCanvas = true; - additionalWidth += this.getHeightOfLine(0) * this.zoomX; - additionalHeight += this.getHeightOfLine(0) * this.zoomY; - } - if (shouldRedraw) { - if (shouldResizeCanvas) { - canvas.width = Math.ceil(width + additionalWidth); - canvas.height = Math.ceil(height + additionalHeight); - } - else { - this._cacheContext.setTransform(1, 0, 0, 1, 0, 0); - this._cacheContext.clearRect(0, 0, canvas.width, canvas.height); - } - drawingWidth = dims.x / 2; - drawingHeight = dims.y / 2; - this.cacheTranslationX = Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; - this.cacheTranslationY = Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; - this.cacheWidth = width; - this.cacheHeight = height; - this._cacheContext.translate(this.cacheTranslationX, this.cacheTranslationY); - this._cacheContext.scale(zoomX, zoomY); - this.zoomX = zoomX; - this.zoomY = zoomY; - return true; - } - return false; - }, - - /** - * Sets object's properties from options - * @param {Object} [options] Options object - */ - setOptions: function(options) { - this._setOptions(options); - this._initGradient(options.fill, 'fill'); - this._initGradient(options.stroke, 'stroke'); - this._initPattern(options.fill, 'fill'); - this._initPattern(options.stroke, 'stroke'); - }, - - /** - * Transforms context when rendering an object - * @param {CanvasRenderingContext2D} ctx Context - */ - transform: function(ctx) { - var needFullTransform = (this.group && !this.group._transformDone) || - (this.group && this.canvas && ctx === this.canvas.contextTop); - var m = this.calcTransformMatrix(!needFullTransform); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - }, - - /** - * Returns an object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function(propertiesToInclude) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, - - object = { - type: this.type, - version: fabric.version, - originX: this.originX, - originY: this.originY, - left: toFixed(this.left, NUM_FRACTION_DIGITS), - top: toFixed(this.top, NUM_FRACTION_DIGITS), - width: toFixed(this.width, NUM_FRACTION_DIGITS), - height: toFixed(this.height, NUM_FRACTION_DIGITS), - fill: (this.fill && this.fill.toObject) ? this.fill.toObject() : this.fill, - stroke: (this.stroke && this.stroke.toObject) ? this.stroke.toObject() : this.stroke, - strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), - strokeDashArray: this.strokeDashArray ? this.strokeDashArray.concat() : this.strokeDashArray, - strokeLineCap: this.strokeLineCap, - strokeDashOffset: this.strokeDashOffset, - strokeLineJoin: this.strokeLineJoin, - strokeUniform: this.strokeUniform, - strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), - scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), - scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), - angle: toFixed(this.angle, NUM_FRACTION_DIGITS), - flipX: this.flipX, - flipY: this.flipY, - opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), - shadow: (this.shadow && this.shadow.toObject) ? this.shadow.toObject() : this.shadow, - visible: this.visible, - backgroundColor: this.backgroundColor, - fillRule: this.fillRule, - paintFirst: this.paintFirst, - globalCompositeOperation: this.globalCompositeOperation, - skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), - skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS), - }; - - if (this.clipPath && !this.clipPath.excludeFromExport) { - object.clipPath = this.clipPath.toObject(propertiesToInclude); - object.clipPath.inverted = this.clipPath.inverted; - object.clipPath.absolutePositioned = this.clipPath.absolutePositioned; - } - - fabric.util.populateWithProperties(this, object, propertiesToInclude); - if (!this.includeDefaultValues) { - object = this._removeDefaultValues(object); - } - - return object; - }, - - /** - * Returns (dataless) object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toDatalessObject: function(propertiesToInclude) { - // will be overwritten by subclasses - return this.toObject(propertiesToInclude); - }, - - /** - * @private - * @param {Object} object - */ - _removeDefaultValues: function(object) { - var prototype = fabric.util.getKlass(object.type).prototype, - stateProperties = prototype.stateProperties; - stateProperties.forEach(function(prop) { - if (prop === 'left' || prop === 'top') { - return; - } - if (object[prop] === prototype[prop]) { - delete object[prop]; - } - var isArray = Object.prototype.toString.call(object[prop]) === '[object Array]' && - Object.prototype.toString.call(prototype[prop]) === '[object Array]'; - - // basically a check for [] === [] - if (isArray && object[prop].length === 0 && prototype[prop].length === 0) { - delete object[prop]; - } - }); - - return object; - }, - - /** - * Returns a string representation of an instance - * @return {String} - */ - toString: function() { - return '#'; - }, - - /** - * Return the object scale factor counting also the group scaling - * @return {Object} object with scaleX and scaleY properties - */ - getObjectScaling: function() { - // if the object is a top level one, on the canvas, we go for simple aritmetic - // otherwise the complex method with angles will return approximations and decimals - // and will likely kill the cache when not needed - // https://github.com/fabricjs/fabric.js/issues/7157 - if (!this.group) { - return { - scaleX: this.scaleX, - scaleY: this.scaleY, - }; - } - // if we are inside a group total zoom calculation is complex, we defer to generic matrices - var options = fabric.util.qrDecompose(this.calcTransformMatrix()); - return { scaleX: Math.abs(options.scaleX), scaleY: Math.abs(options.scaleY) }; - }, - - /** - * Return the object scale factor counting also the group scaling, zoom and retina - * @return {Object} object with scaleX and scaleY properties - */ - getTotalObjectScaling: function() { - var scale = this.getObjectScaling(), scaleX = scale.scaleX, scaleY = scale.scaleY; - if (this.canvas) { - var zoom = this.canvas.getZoom(); - var retina = this.canvas.getRetinaScaling(); - scaleX *= zoom * retina; - scaleY *= zoom * retina; - } - return { scaleX: scaleX, scaleY: scaleY }; - }, - - /** - * Return the object opacity counting also the group property - * @return {Number} - */ - getObjectOpacity: function() { - var opacity = this.opacity; - if (this.group) { - opacity *= this.group.getObjectOpacity(); - } - return opacity; - }, - - /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Object} thisArg - */ - _set: function(key, value) { - var shouldConstrainValue = (key === 'scaleX' || key === 'scaleY'), - isChanged = this[key] !== value, groupNeedsUpdate = false; - - if (shouldConstrainValue) { - value = this._constrainScale(value); - } - if (key === 'scaleX' && value < 0) { - this.flipX = !this.flipX; - value *= -1; - } - else if (key === 'scaleY' && value < 0) { - this.flipY = !this.flipY; - value *= -1; - } - else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) { - value = new fabric.Shadow(value); - } - else if (key === 'dirty' && this.group) { - this.group.set('dirty', value); - } - - this[key] = value; - - if (isChanged) { - groupNeedsUpdate = this.group && this.group.isOnACache(); - if (this.cacheProperties.indexOf(key) > -1) { - this.dirty = true; - groupNeedsUpdate && this.group.set('dirty', true); - } - else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { - this.group.set('dirty', true); - } - } - return this; - }, - - /** - * This callback function is called by the parent group of an object every - * time a non-delegated property changes on the group. It is passed the key - * and value as parameters. Not adding in this function's signature to avoid - * Travis build error about unused variables. - */ - setOnGroup: function() { - // implemented by sub-classes, as needed. - }, - - /** - * Retrieves viewportTransform from Object's canvas if possible - * @method getViewportTransform - * @memberOf fabric.Object.prototype - * @return {Array} - */ - getViewportTransform: function() { - if (this.canvas && this.canvas.viewportTransform) { - return this.canvas.viewportTransform; - } - return fabric.iMatrix.concat(); - }, - - /* - * @private - * return if the object would be visible in rendering - * @memberOf fabric.Object.prototype - * @return {Boolean} - */ - isNotVisible: function() { - return this.opacity === 0 || - (!this.width && !this.height && this.strokeWidth === 0) || - !this.visible; - }, - - /** - * Renders an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render: function(ctx) { - // do not render if width/height are zeros or object is not visible - if (this.isNotVisible()) { - return; - } - if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { - return; - } - ctx.save(); - this._setupCompositeOperation(ctx); - this.drawSelectionBackground(ctx); - this.transform(ctx); - this._setOpacity(ctx); - this._setShadow(ctx, this); - if (this.shouldCache()) { - this.renderCache(); - this.drawCacheOnCanvas(ctx); - } - else { - this._removeCacheCanvas(); - this.dirty = false; - this.drawObject(ctx); - if (this.objectCaching && this.statefullCache) { - this.saveState({ propertySet: 'cacheProperties' }); - } - } - ctx.restore(); - }, - - renderCache: function(options) { - options = options || {}; - if (!this._cacheCanvas) { - this._createCacheCanvas(); - } - if (this.isCacheDirty()) { - this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); - this.drawObject(this._cacheContext, options.forClipping); - this.dirty = false; - } - }, - - /** - * Remove cacheCanvas and its dimensions from the objects - */ - _removeCacheCanvas: function() { - this._cacheCanvas = null; - this.cacheWidth = 0; - this.cacheHeight = 0; - }, - - /** - * return true if the object will draw a stroke - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when stroke happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the stroke is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasStroke: function() { - return this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0; - }, - - /** - * return true if the object will draw a fill - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when fill happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the fill is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasFill: function() { - return this.fill && this.fill !== 'transparent'; - }, - - /** - * When set to `true`, force the object to have its own cache, even if it is inside a group - * it may be needed when your object behave in a particular way on the cache and always needs - * its own isolated canvas to render correctly. - * Created to be overridden - * since 1.7.12 - * @returns Boolean - */ - needsItsOwnCache: function() { - if (this.paintFirst === 'stroke' && - this.hasFill() && this.hasStroke() && typeof this.shadow === 'object') { - return true; - } - if (this.clipPath) { - return true; - } - return false; - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * Read as: cache if is needed, or if the feature is enabled but we are not already caching. - * @return {Boolean} - */ - shouldCache: function() { - this.ownCaching = this.needsItsOwnCache() || ( - this.objectCaching && - (!this.group || !this.group.isOnACache()) - ); - return this.ownCaching; - }, - - /** - * Check if this object or a child object will cast a shadow - * used by Group.shouldCache to know if child has a shadow recursively - * @return {Boolean} - */ - willDrawShadow: function() { - return !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0); - }, - - /** - * Execute the drawing operation for an object clipPath - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Object} clipPath - */ - drawClipPathOnCache: function(ctx, clipPath) { - ctx.save(); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4 - if (clipPath.inverted) { - ctx.globalCompositeOperation = 'destination-out'; - } - else { - ctx.globalCompositeOperation = 'destination-in'; - } - //ctx.scale(1 / 2, 1 / 2); - if (clipPath.absolutePositioned) { - var m = fabric.util.invertTransform(this.calcTransformMatrix()); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - } - clipPath.transform(ctx); - ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); - ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); - ctx.restore(); - }, - - /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawObject: function(ctx, forClipping) { - var originalFill = this.fill, originalStroke = this.stroke; - if (forClipping) { - this.fill = 'black'; - this.stroke = ''; - this._setClippingProperties(ctx); - } - else { - this._renderBackground(ctx); - } - this._render(ctx); - this._drawClipPath(ctx, this.clipPath); - this.fill = originalFill; - this.stroke = originalStroke; - }, - - /** - * Prepare clipPath state and cache and draw it on instance's cache - * @param {CanvasRenderingContext2D} ctx - * @param {fabric.Object} clipPath - */ - _drawClipPath: function (ctx, clipPath) { - if (!clipPath) { return; } - // needed to setup a couple of variables - // path canvas gets overridden with this one. - // TODO find a better solution? - clipPath.canvas = this.canvas; - clipPath.shouldCache(); - clipPath._transformDone = true; - clipPath.renderCache({ forClipping: true }); - this.drawClipPathOnCache(ctx, clipPath); - }, - - /** - * Paint the cached copy of the object on the target context. - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawCacheOnCanvas: function(ctx) { - ctx.scale(1 / this.zoomX, 1 / this.zoomY); - ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); - }, - - /** - * Check if cache is dirty - * @param {Boolean} skipCanvas skip canvas checks because this object is painted - * on parent canvas. - */ - isCacheDirty: function(skipCanvas) { - if (this.isNotVisible()) { - return false; - } - if (this._cacheCanvas && !skipCanvas && this._updateCacheCanvas()) { - // in this case the context is already cleared. - return true; - } - else { - if (this.dirty || - (this.clipPath && this.clipPath.absolutePositioned) || - (this.statefullCache && this.hasStateChanged('cacheProperties')) - ) { - if (this._cacheCanvas && !skipCanvas) { - var width = this.cacheWidth / this.zoomX; - var height = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-width / 2, -height / 2, width, height); - } - return true; - } - } - return false; - }, - - /** - * Draws a background for the object big as its untransformed dimensions - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderBackground: function(ctx) { - if (!this.backgroundColor) { - return; - } - var dim = this._getNonTransformedDimensions(); - ctx.fillStyle = this.backgroundColor; - - ctx.fillRect( - -dim.x / 2, - -dim.y / 2, - dim.x, - dim.y - ); - // if there is background color no other shadows - // should be casted - this._removeShadow(ctx); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _setOpacity: function(ctx) { - if (this.group && !this.group._transformDone) { - ctx.globalAlpha = this.getObjectOpacity(); - } - else { - ctx.globalAlpha *= this.opacity; - } - }, - - _setStrokeStyles: function(ctx, decl) { - var stroke = decl.stroke; - if (stroke) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = decl.strokeLineCap; - ctx.lineDashOffset = decl.strokeDashOffset; - ctx.lineJoin = decl.strokeLineJoin; - ctx.miterLimit = decl.strokeMiterLimit; - if (stroke.toLive) { - if (stroke.gradientUnits === 'percentage' || stroke.gradientTransform || stroke.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - this._applyPatternForTransformedGradient(ctx, stroke); - } - else { - // is a simple gradient or pattern - ctx.strokeStyle = stroke.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, stroke); - } - } - else { - // is a color - ctx.strokeStyle = decl.stroke; - } - } - }, - - _setFillStyles: function(ctx, decl) { - var fill = decl.fill; - if (fill) { - if (fill.toLive) { - ctx.fillStyle = fill.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, decl.fill); - } - else { - ctx.fillStyle = fill; - } - } - }, - - _setClippingProperties: function(ctx) { - ctx.globalAlpha = 1; - ctx.strokeStyle = 'transparent'; - ctx.fillStyle = '#000000'; - }, - - /** - * @private - * Sets line dash - * @param {CanvasRenderingContext2D} ctx Context to set the dash line on - * @param {Array} dashArray array representing dashes - */ - _setLineDash: function(ctx, dashArray) { - if (!dashArray || dashArray.length === 0) { - return; - } - // Spec requires the concatenation of two copies the dash list when the number of elements is odd - if (1 & dashArray.length) { - dashArray.push.apply(dashArray, dashArray); - } - ctx.setLineDash(dashArray); - }, - - /** - * Renders controls and borders for the object - * the context here is not transformed - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style - */ - _renderControls: function(ctx, styleOverride) { - var vpt = this.getViewportTransform(), - matrix = this.calcTransformMatrix(), - options, drawBorders, drawControls; - styleOverride = styleOverride || { }; - drawBorders = typeof styleOverride.hasBorders !== 'undefined' ? styleOverride.hasBorders : this.hasBorders; - drawControls = typeof styleOverride.hasControls !== 'undefined' ? styleOverride.hasControls : this.hasControls; - matrix = fabric.util.multiplyTransformMatrices(vpt, matrix); - options = fabric.util.qrDecompose(matrix); - ctx.save(); - ctx.translate(options.translateX, options.translateY); - ctx.lineWidth = 1 * this.borderScaleFactor; - if (!this.group) { - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - } - if (this.flipX) { - options.angle -= 180; - } - ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); - if (styleOverride.forActiveSelection || this.group) { - drawBorders && this.drawBordersInGroup(ctx, options, styleOverride); - } - else { - drawBorders && this.drawBorders(ctx, styleOverride); - } - drawControls && this.drawControls(ctx, styleOverride); - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _setShadow: function(ctx) { - if (!this.shadow) { - return; - } - - var shadow = this.shadow, canvas = this.canvas, scaling, - multX = (canvas && canvas.viewportTransform[0]) || 1, - multY = (canvas && canvas.viewportTransform[3]) || 1; - if (shadow.nonScaling) { - scaling = { scaleX: 1, scaleY: 1 }; - } - else { - scaling = this.getObjectScaling(); - } - if (canvas && canvas._isRetinaScaling()) { - multX *= fabric.devicePixelRatio; - multY *= fabric.devicePixelRatio; - } - ctx.shadowColor = shadow.color; - ctx.shadowBlur = shadow.blur * fabric.browserShadowBlurConstant * - (multX + multY) * (scaling.scaleX + scaling.scaleY) / 4; - ctx.shadowOffsetX = shadow.offsetX * multX * scaling.scaleX; - ctx.shadowOffsetY = shadow.offsetY * multY * scaling.scaleY; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _removeShadow: function(ctx) { - if (!this.shadow) { - return; - } - - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} filler fabric.Pattern or fabric.Gradient - * @return {Object} offset.offsetX offset for text rendering - * @return {Object} offset.offsetY offset for text rendering - */ - _applyPatternGradientTransform: function(ctx, filler) { - if (!filler || !filler.toLive) { - return { offsetX: 0, offsetY: 0 }; - } - var t = filler.gradientTransform || filler.patternTransform; - var offsetX = -this.width / 2 + filler.offsetX || 0, - offsetY = -this.height / 2 + filler.offsetY || 0; - - if (filler.gradientUnits === 'percentage') { - ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); - } - else { - ctx.transform(1, 0, 0, 1, offsetX, offsetY); - } - if (t) { - ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); - } - return { offsetX: offsetX, offsetY: offsetY }; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderPaintInOrder: function(ctx) { - if (this.paintFirst === 'stroke') { - this._renderStroke(ctx); - this._renderFill(ctx); - } - else { - this._renderFill(ctx); - this._renderStroke(ctx); - } - }, - - /** - * @private - * function that actually render something on the context. - * empty here to allow Obects to work on tests to benchmark fabric functionalites - * not related to rendering - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(/* ctx */) { - - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderFill: function(ctx) { - if (!this.fill) { - return; - } - - ctx.save(); - this._setFillStyles(ctx, this); - if (this.fillRule === 'evenodd') { - ctx.fill('evenodd'); - } - else { - ctx.fill(); - } - ctx.restore(); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderStroke: function(ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - - ctx.save(); - if (this.strokeUniform && this.group) { - var scaling = this.getObjectScaling(); - ctx.scale(1 / scaling.scaleX, 1 / scaling.scaleY); - } - else if (this.strokeUniform) { - ctx.scale(1 / this.scaleX, 1 / this.scaleY); - } - this._setLineDash(ctx, this.strokeDashArray); - this._setStrokeStyles(ctx, this); - ctx.stroke(); - ctx.restore(); - }, - - /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Gradient} filler a fabric gradient instance - */ - _applyPatternForTransformedGradient: function(ctx, filler) { - var dims = this._limitCacheSize(this._getCacheCanvasDimensions()), - pCanvas = fabric.util.createCanvasElement(), pCtx, retinaScaling = this.canvas.getRetinaScaling(), - width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; - pCanvas.width = width; - pCanvas.height = height; - pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); - pCtx.lineTo(0, height); pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.scale( - dims.zoomX / this.scaleX / retinaScaling, - dims.zoomY / this.scaleY / retinaScaling - ); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fillStyle = filler.toLive(ctx); - pCtx.fill(); - ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); - ctx.scale( - retinaScaling * this.scaleX / dims.zoomX, - retinaScaling * this.scaleY / dims.zoomY - ); - ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); - }, - - /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates - */ - _findCenterFromElement: function() { - return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; - }, - - /** - * This function is an helper for svg import. it decompose the transformMatrix - * and assign properties to object. - * untransformed coordinates - * @private - * @chainable - */ - _assignTransformMatrixProps: function() { - if (this.transformMatrix) { - var options = fabric.util.qrDecompose(this.transformMatrix); - this.flipX = false; - this.flipY = false; - this.set('scaleX', options.scaleX); - this.set('scaleY', options.scaleY); - this.angle = options.angle; - this.skewX = options.skewX; - this.skewY = 0; - } - }, - - /** - * This function is an helper for svg import. it removes the transform matrix - * and set to object properties that fabricjs can handle - * @private - * @param {Object} preserveAspectRatioOptions - * @return {thisArg} - */ - _removeTransformMatrix: function(preserveAspectRatioOptions) { - var center = this._findCenterFromElement(); - if (this.transformMatrix) { - this._assignTransformMatrixProps(); - center = fabric.util.transformPoint(center, this.transformMatrix); - } - this.transformMatrix = null; - if (preserveAspectRatioOptions) { - this.scaleX *= preserveAspectRatioOptions.scaleX; - this.scaleY *= preserveAspectRatioOptions.scaleY; - this.cropX = preserveAspectRatioOptions.cropX; - this.cropY = preserveAspectRatioOptions.cropY; - center.x += preserveAspectRatioOptions.offsetLeft; - center.y += preserveAspectRatioOptions.offsetTop; - this.width = preserveAspectRatioOptions.width; - this.height = preserveAspectRatioOptions.height; - } - this.setPositionByOrigin(center, 'center', 'center'); - }, - - /** - * Clones an instance, using a callback method will work for every object. - * @param {Function} callback Callback is invoked with a clone as a first argument - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - */ - clone: function(callback, propertiesToInclude) { - var objectForm = this.toObject(propertiesToInclude); - if (this.constructor.fromObject) { - this.constructor.fromObject(objectForm, callback); - } - else { - fabric.Object._fromObject('Object', objectForm, callback); - } - }, - - /** - * Creates an instance of fabric.Image out of an object - * makes use of toCanvasElement. - * Once this method was based on toDataUrl and loadImage, so it also had a quality - * and format option. toCanvasElement is faster and produce no loss of quality. - * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. - * toCanvasElement and then toBlob from the obtained canvas is also a good option. - * This method is sync now, but still support the callback because we did not want to break. - * When fabricJS 5.0 will be planned, this will probably be changed to not have a callback. - * @param {Function} callback callback, invoked with an instance as a first argument - * @param {Object} [options] for clone as image, passed to toDataURL - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {fabric.Object} thisArg - */ - cloneAsImage: function(callback, options) { - var canvasEl = this.toCanvasElement(options); - if (callback) { - callback(new fabric.Image(canvasEl)); - } - return this; - }, - - /** - * Converts an object into a HTMLCanvas element - * @param {Object} options Options object - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object - */ - toCanvasElement: function(options) { - options || (options = { }); - - var utils = fabric.util, origParams = utils.saveObjectTransform(this), - originalGroup = this.group, - originalShadow = this.shadow, abs = Math.abs, - multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? fabric.devicePixelRatio : 1); - delete this.group; - if (options.withoutTransform) { - utils.resetObjectTransform(this); - } - if (options.withoutShadow) { - this.shadow = null; - } - - var el = fabric.util.createCanvasElement(), - // skip canvas zoom and calculate with setCoords now. - boundingRect = this.getBoundingRect(true, true), - shadow = this.shadow, scaling, - shadowOffset = { x: 0, y: 0 }, shadowBlur, - width, height; - - if (shadow) { - shadowBlur = shadow.blur; - if (shadow.nonScaling) { - scaling = { scaleX: 1, scaleY: 1 }; - } - else { - scaling = this.getObjectScaling(); - } - // consider non scaling shadow. - shadowOffset.x = 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * (abs(scaling.scaleX)); - shadowOffset.y = 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * (abs(scaling.scaleY)); - } - width = boundingRect.width + shadowOffset.x; - height = boundingRect.height + shadowOffset.y; - // if the current width/height is not an integer - // we need to make it so. - el.width = Math.ceil(width); - el.height = Math.ceil(height); - var canvas = new fabric.StaticCanvas(el, { - enableRetinaScaling: false, - renderOnAddRemove: false, - skipOffscreen: false, - }); - if (options.format === 'jpeg') { - canvas.backgroundColor = '#fff'; - } - this.setPositionByOrigin(new fabric.Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); - - var originalCanvas = this.canvas; - canvas.add(this); - var canvasEl = canvas.toCanvasElement(multiplier || 1, options); - this.shadow = originalShadow; - this.set('canvas', originalCanvas); - if (originalGroup) { - this.group = originalGroup; - } - this.set(origParams).setCoords(); - // canvas.dispose will call image.dispose that will nullify the elements - // since this canvas is a simple element for the process, we remove references - // to objects in this way in order to avoid object trashing. - canvas._objects = []; - canvas.dispose(); - canvas = null; - - return canvasEl; - }, - - /** - * Converts an object into a data-url-like string - * @param {Object} options Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format - */ - toDataURL: function(options) { - options || (options = { }); - return fabric.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); - }, - - /** - * Returns true if specified type is identical to the type of an instance - * @param {String} type Type to check against - * @return {Boolean} - */ - isType: function(type) { - return this.type === type; - }, - - /** - * Returns complexity of an instance - * @return {Number} complexity of this instance (is 1 unless subclassed) - */ - complexity: function() { - return 1; - }, - - /** - * Returns a JSON representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} JSON - */ - toJSON: function(propertiesToInclude) { - // delegate, not alias - return this.toObject(propertiesToInclude); - }, - - /** - * Sets "angle" of an instance with centered rotation - * @param {Number} angle Angle value (in degrees) - * @return {fabric.Object} thisArg - * @chainable - */ - rotate: function(angle) { - var shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && this.centeredRotation; - - if (shouldCenterOrigin) { - this._setOriginToCenter(); - } - - this.set('angle', angle); - - if (shouldCenterOrigin) { - this._resetOrigin(); - } - - return this; - }, - - /** - * Centers object horizontally on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - centerH: function () { - this.canvas && this.canvas.centerObjectH(this); - return this; - }, - - /** - * Centers object horizontally on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - viewportCenterH: function () { - this.canvas && this.canvas.viewportCenterObjectH(this); - return this; - }, - - /** - * Centers object vertically on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - centerV: function () { - this.canvas && this.canvas.centerObjectV(this); - return this; - }, - - /** - * Centers object vertically on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - viewportCenterV: function () { - this.canvas && this.canvas.viewportCenterObjectV(this); - return this; - }, - - /** - * Centers object vertically and horizontally on canvas to which is was added last - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - center: function () { - this.canvas && this.canvas.centerObject(this); - return this; - }, - - /** - * Centers object on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable - */ - viewportCenter: function () { - this.canvas && this.canvas.viewportCenterObject(this); - return this; - }, - - /** - * Returns coordinates of a pointer relative to an object - * @param {Event} e Event to operate upon - * @param {Object} [pointer] Pointer to operate upon (instead of event) - * @return {Object} Coordinates of a pointer (x, y) - */ - getLocalPointer: function(e, pointer) { - pointer = pointer || this.canvas.getPointer(e); - var pClicked = new fabric.Point(pointer.x, pointer.y), - objectLeftTop = this._getLeftTopCoords(); - if (this.angle) { - pClicked = fabric.util.rotatePoint( - pClicked, objectLeftTop, degreesToRadians(-this.angle)); - } - return { - x: pClicked.x - objectLeftTop.x, - y: pClicked.y - objectLeftTop.y - }; - }, - - /** - * Sets canvas globalCompositeOperation for specific object - * custom composition operation for the particular object can be specified using globalCompositeOperation property - * @param {CanvasRenderingContext2D} ctx Rendering canvas context - */ - _setupCompositeOperation: function (ctx) { - if (this.globalCompositeOperation) { - ctx.globalCompositeOperation = this.globalCompositeOperation; - } - }, - - /** - * cancel instance's running animations - * override if necessary to dispose artifacts such as `clipPath` - */ - dispose: function () { - if (fabric.runningAnimations) { - fabric.runningAnimations.cancelByTarget(this); - } - } - }); - - fabric.util.createAccessors && fabric.util.createAccessors(fabric.Object); - - extend(fabric.Object.prototype, fabric.Observable); - - /** - * Defines the number of fraction digits to use when serializing object values. - * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. - * @static - * @memberOf fabric.Object - * @constant - * @type Number - */ - fabric.Object.NUM_FRACTION_DIGITS = 2; - - /** - * Defines which properties should be enlivened from the object passed to {@link fabric.Object._fromObject} - * @static - * @memberOf fabric.Object - * @constant - * @type string[] - */ - fabric.Object.ENLIVEN_PROPS = ['clipPath']; - - fabric.Object._fromObject = function(className, object, callback, extraParam) { - var klass = fabric[className]; - object = clone(object, true); - fabric.util.enlivenPatterns([object.fill, object.stroke], function(patterns) { - if (typeof patterns[0] !== 'undefined') { - object.fill = patterns[0]; - } - if (typeof patterns[1] !== 'undefined') { - object.stroke = patterns[1]; - } - fabric.util.enlivenObjectEnlivables(object, object, function () { - var instance = extraParam ? new klass(object[extraParam], object) : new klass(object); - callback && callback(instance); - }); - }); - }; - - /** - * Unique id used internally when creating SVG elements - * @static - * @memberOf fabric.Object - * @type Number - */ - fabric.Object.__uid = 0; -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - - var degreesToRadians = fabric.util.degreesToRadians, - originXOffset = { - left: -0.5, - center: 0, - right: 0.5 - }, - originYOffset = { - top: -0.5, - center: 0, - bottom: 0.5 - }; - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Translates the coordinates from a set of origin to another (based on the object's dimensions) - * @param {fabric.Point} point The point which corresponds to the originX and originY params - * @param {String} fromOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {String} fromOriginY Vertical origin: 'top', 'center' or 'bottom' - * @param {String} toOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {String} toOriginY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - translateToGivenOrigin: function(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { - var x = point.x, - y = point.y, - offsetX, offsetY, dim; - - if (typeof fromOriginX === 'string') { - fromOriginX = originXOffset[fromOriginX]; - } - else { - fromOriginX -= 0.5; - } - - if (typeof toOriginX === 'string') { - toOriginX = originXOffset[toOriginX]; - } - else { - toOriginX -= 0.5; - } - - offsetX = toOriginX - fromOriginX; - - if (typeof fromOriginY === 'string') { - fromOriginY = originYOffset[fromOriginY]; - } - else { - fromOriginY -= 0.5; - } - - if (typeof toOriginY === 'string') { - toOriginY = originYOffset[toOriginY]; - } - else { - toOriginY -= 0.5; - } - - offsetY = toOriginY - fromOriginY; - - if (offsetX || offsetY) { - dim = this._getTransformedDimensions(); - x = point.x + offsetX * dim.x; - y = point.y + offsetY * dim.y; - } - - return new fabric.Point(x, y); - }, - - /** - * Translates the coordinates from origin to center coordinates (based on the object's dimensions) - * @param {fabric.Point} point The point which corresponds to the originX and originY params - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - translateToCenterPoint: function(point, originX, originY) { - var p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); - if (this.angle) { - return fabric.util.rotatePoint(p, point, degreesToRadians(this.angle)); - } - return p; - }, - - /** - * Translates the coordinates from center to origin coordinates (based on the object's dimensions) - * @param {fabric.Point} center The point which corresponds to center of the object - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - translateToOriginPoint: function(center, originX, originY) { - var p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); - if (this.angle) { - return fabric.util.rotatePoint(p, center, degreesToRadians(this.angle)); - } - return p; - }, - - /** - * Returns the real center coordinates of the object - * @return {fabric.Point} - */ - getCenterPoint: function() { - var leftTop = new fabric.Point(this.left, this.top); - return this.translateToCenterPoint(leftTop, this.originX, this.originY); - }, - - /** - * Returns the coordinates of the object based on center coordinates - * @param {fabric.Point} point The point which corresponds to the originX and originY params - * @return {fabric.Point} - */ - // getOriginPoint: function(center) { - // return this.translateToOriginPoint(center, this.originX, this.originY); - // }, - - /** - * Returns the coordinates of the object as if it has a different origin - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - getPointByOrigin: function(originX, originY) { - var center = this.getCenterPoint(); - return this.translateToOriginPoint(center, originX, originY); - }, - - /** - * Returns the point in local coordinates - * @param {fabric.Point} point The point relative to the global coordinate system - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {fabric.Point} - */ - toLocalPoint: function(point, originX, originY) { - var center = this.getCenterPoint(), - p, p2; - - if (typeof originX !== 'undefined' && typeof originY !== 'undefined' ) { - p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); - } - else { - p = new fabric.Point(this.left, this.top); - } - - p2 = new fabric.Point(point.x, point.y); - if (this.angle) { - p2 = fabric.util.rotatePoint(p2, center, -degreesToRadians(this.angle)); - } - return p2.subtractEquals(p); - }, - - /** - * Returns the point in global coordinates - * @param {fabric.Point} The point relative to the local coordinate system - * @return {fabric.Point} - */ - // toGlobalPoint: function(point) { - // return fabric.util.rotatePoint(point, this.getCenterPoint(), degreesToRadians(this.angle)).addEquals(new fabric.Point(this.left, this.top)); - // }, - - /** - * Sets the position of the object taking into consideration the object's origin - * @param {fabric.Point} pos The new position of the object - * @param {String} originX Horizontal origin: 'left', 'center' or 'right' - * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {void} - */ - setPositionByOrigin: function(pos, originX, originY) { - var center = this.translateToCenterPoint(pos, originX, originY), - position = this.translateToOriginPoint(center, this.originX, this.originY); - this.set('left', position.x); - this.set('top', position.y); - }, - - /** - * @param {String} to One of 'left', 'center', 'right' - */ - adjustPosition: function(to) { - var angle = degreesToRadians(this.angle), - hypotFull = this.getScaledWidth(), - xFull = fabric.util.cos(angle) * hypotFull, - yFull = fabric.util.sin(angle) * hypotFull, - offsetFrom, offsetTo; - - //TODO: this function does not consider mixed situation like top, center. - if (typeof this.originX === 'string') { - offsetFrom = originXOffset[this.originX]; - } - else { - offsetFrom = this.originX - 0.5; - } - if (typeof to === 'string') { - offsetTo = originXOffset[to]; - } - else { - offsetTo = to - 0.5; - } - this.left += xFull * (offsetTo - offsetFrom); - this.top += yFull * (offsetTo - offsetFrom); - this.setCoords(); - this.originX = to; - }, - - /** - * Sets the origin/position of the object to it's center point - * @private - * @return {void} - */ - _setOriginToCenter: function() { - this._originalOriginX = this.originX; - this._originalOriginY = this.originY; - - var center = this.getCenterPoint(); - - this.originX = 'center'; - this.originY = 'center'; - - this.left = center.x; - this.top = center.y; - }, - - /** - * Resets the origin/position of the object to it's original origin - * @private - * @return {void} - */ - _resetOrigin: function() { - var originPoint = this.translateToOriginPoint( - this.getCenterPoint(), - this._originalOriginX, - this._originalOriginY); - - this.originX = this._originalOriginX; - this.originY = this._originalOriginY; - - this.left = originPoint.x; - this.top = originPoint.y; - - this._originalOriginX = null; - this._originalOriginY = null; - }, - - /** - * @private - */ - _getLeftTopCoords: function() { - return this.translateToOriginPoint(this.getCenterPoint(), 'left', 'top'); - }, - }); - -})(); - - -(function() { - - function arrayFromCoords(coords) { - return [ - new fabric.Point(coords.tl.x, coords.tl.y), - new fabric.Point(coords.tr.x, coords.tr.y), - new fabric.Point(coords.br.x, coords.br.y), - new fabric.Point(coords.bl.x, coords.bl.y) - ]; - } - - var util = fabric.util, - degreesToRadians = util.degreesToRadians, - multiplyMatrices = util.multiplyTransformMatrices, - transformPoint = util.transformPoint; - - util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Describe object's corner position in canvas element coordinates. - * properties are depending on control keys and padding the main controls. - * each property is an object with x, y and corner. - * The `corner` property contains in a similar manner the 4 points of the - * interactive area of the corner. - * The coordinates depends from the controls positionHandler and are used - * to draw and locate controls - * @memberOf fabric.Object.prototype - */ - oCoords: null, - - /** - * Describe object's corner position in canvas object absolute coordinates - * properties are tl,tr,bl,br and describe the four main corner. - * each property is an object with x, y, instance of Fabric.Point. - * The coordinates depends from this properties: width, height, scaleX, scaleY - * skewX, skewY, angle, strokeWidth, top, left. - * Those coordinates are useful to understand where an object is. They get updated - * with oCoords but they do not need to be updated when zoom or panning change. - * The coordinates get updated with @method setCoords. - * You can calculate them without updating with @method calcACoords(); - * @memberOf fabric.Object.prototype - */ - aCoords: null, - - /** - * Describe object's corner position in canvas element coordinates. - * includes padding. Used of object detection. - * set and refreshed with setCoords. - * @memberOf fabric.Object.prototype - */ - lineCoords: null, - - /** - * storage for object transform matrix - */ - ownMatrixCache: null, - - /** - * storage for object full transform matrix - */ - matrixCache: null, - - /** - * custom controls interface - * controls are added by default_controls.js - */ - controls: { }, - - /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * @param {Boolean} absolute will return aCoords if true or lineCoords - * @return {Object} {tl, tr, br, bl} points - */ - _getCoords: function(absolute, calculate) { - if (calculate) { - return (absolute ? this.calcACoords() : this.calcLineCoords()); - } - if (!this.aCoords || !this.lineCoords) { - this.setCoords(true); - } - return (absolute ? this.aCoords : this.lineCoords); - }, - - /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * The coords are returned in an array. - * @return {Array} [tl, tr, br, bl] of points - */ - getCoords: function(absolute, calculate) { - return arrayFromCoords(this._getCoords(absolute, calculate)); - }, - - /** - * Checks if object intersects with an area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object intersects with an area formed by 2 points - */ - intersectsWithRect: function(pointTL, pointBR, absolute, calculate) { - var coords = this.getCoords(absolute, calculate), - intersection = fabric.Intersection.intersectPolygonRectangle( - coords, - pointTL, - pointBR - ); - return intersection.status === 'Intersection'; - }, - - /** - * Checks if object intersects with another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object intersects with another object - */ - intersectsWithObject: function(other, absolute, calculate) { - var intersection = fabric.Intersection.intersectPolygonPolygon( - this.getCoords(absolute, calculate), - other.getCoords(absolute, calculate) - ); - - return intersection.status === 'Intersection' - || other.isContainedWithinObject(this, absolute, calculate) - || this.isContainedWithinObject(other, absolute, calculate); - }, - - /** - * Checks if object is fully contained within area of another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object is fully contained within area of another object - */ - isContainedWithinObject: function(other, absolute, calculate) { - var points = this.getCoords(absolute, calculate), - otherCoords = absolute ? other.aCoords : other.lineCoords, - i = 0, lines = other._getImageLines(otherCoords); - for (; i < 4; i++) { - if (!other.containsPoint(points[i], lines)) { - return false; - } - } - return true; - }, - - /** - * Checks if object is fully contained within area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object is fully contained within area formed by 2 points - */ - isContainedWithinRect: function(pointTL, pointBR, absolute, calculate) { - var boundingRect = this.getBoundingRect(absolute, calculate); - - return ( - boundingRect.left >= pointTL.x && - boundingRect.left + boundingRect.width <= pointBR.x && - boundingRect.top >= pointTL.y && - boundingRect.top + boundingRect.height <= pointBR.y - ); - }, - - /** - * Checks if point is inside the object - * @param {fabric.Point} point Point to check against - * @param {Object} [lines] object returned from @method _getImageLines - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if point is inside the object - */ - containsPoint: function(point, lines, absolute, calculate) { - var coords = this._getCoords(absolute, calculate), - lines = lines || this._getImageLines(coords), - xPoints = this._findCrossPoints(point, lines); - // if xPoints is odd then point is inside the object - return (xPoints !== 0 && xPoints % 2 === 1); - }, - - /** - * Checks if object is contained within the canvas with current viewportTransform - * the check is done stopping at first point that appears on screen - * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords - * @return {Boolean} true if object is fully or partially contained within canvas - */ - isOnScreen: function(calculate) { - if (!this.canvas) { - return false; - } - var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; - var points = this.getCoords(true, calculate); - // if some point is on screen, the object is on screen. - if (points.some(function(point) { - return point.x <= pointBR.x && point.x >= pointTL.x && - point.y <= pointBR.y && point.y >= pointTL.y; - })) { - return true; - } - // no points on screen, check intersection with absolute coordinates - if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { - return true; - } - return this._containsCenterOfCanvas(pointTL, pointBR, calculate); - }, - - /** - * Checks if the object contains the midpoint between canvas extremities - * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen - * @private - * @param {Fabric.Point} pointTL Top Left point - * @param {Fabric.Point} pointBR Top Right point - * @param {Boolean} calculate use coordinates of current position instead of .oCoords - * @return {Boolean} true if the object contains the point - */ - _containsCenterOfCanvas: function(pointTL, pointBR, calculate) { - // worst case scenario the object is so big that contains the screen - var centerPoint = { x: (pointTL.x + pointBR.x) / 2, y: (pointTL.y + pointBR.y) / 2 }; - if (this.containsPoint(centerPoint, null, true, calculate)) { - return true; - } - return false; - }, - - /** - * Checks if object is partially contained within the canvas with current viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords - * @return {Boolean} true if object is partially contained within canvas - */ - isPartiallyOnScreen: function(calculate) { - if (!this.canvas) { - return false; - } - var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; - if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { - return true; - } - var allPointsAreOutside = this.getCoords(true, calculate).every(function(point) { - return (point.x >= pointBR.x || point.x <= pointTL.x) && - (point.y >= pointBR.y || point.y <= pointTL.y); - }); - return allPointsAreOutside && this._containsCenterOfCanvas(pointTL, pointBR, calculate); - }, - - /** - * Method that returns an object with the object edges in it, given the coordinates of the corners - * @private - * @param {Object} oCoords Coordinates of the object corners - */ - _getImageLines: function(oCoords) { - - var lines = { - topline: { - o: oCoords.tl, - d: oCoords.tr - }, - rightline: { - o: oCoords.tr, - d: oCoords.br - }, - bottomline: { - o: oCoords.br, - d: oCoords.bl - }, - leftline: { - o: oCoords.bl, - d: oCoords.tl - } - }; - - // // debugging - // if (this.canvas.contextTop) { - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - // } - - return lines; - }, - - /** - * Helper method to determine how many cross points are between the 4 object edges - * and the horizontal line determined by a point on canvas - * @private - * @param {fabric.Point} point Point to check - * @param {Object} lines Coordinates of the object being evaluated - */ - // remove yi, not used but left code here just in case. - _findCrossPoints: function(point, lines) { - var b1, b2, a1, a2, xi, // yi, - xcount = 0, - iLine; - - for (var lineKey in lines) { - iLine = lines[lineKey]; - // optimisation 1: line below point. no cross - if ((iLine.o.y < point.y) && (iLine.d.y < point.y)) { - continue; - } - // optimisation 2: line above point. no cross - if ((iLine.o.y >= point.y) && (iLine.d.y >= point.y)) { - continue; - } - // optimisation 3: vertical line case - if ((iLine.o.x === iLine.d.x) && (iLine.o.x >= point.x)) { - xi = iLine.o.x; - // yi = point.y; - } - // calculate the intersection point - else { - b1 = 0; - b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); - a1 = point.y - b1 * point.x; - a2 = iLine.o.y - b2 * iLine.o.x; - - xi = -(a1 - a2) / (b1 - b2); - // yi = a1 + b1 * xi; - } - // dont count xi < point.x cases - if (xi >= point.x) { - xcount += 1; - } - // optimisation 4: specific for square images - if (xcount === 2) { - break; - } - } - return xcount; - }, - - /** - * Returns coordinates of object's bounding rectangle (left, top, width, height) - * the box is intended as aligned to axis of canvas. - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords / .aCoords - * @return {Object} Object with left, top, width, height properties - */ - getBoundingRect: function(absolute, calculate) { - var coords = this.getCoords(absolute, calculate); - return util.makeBoundingBoxFromPoints(coords); - }, - - /** - * Returns width of an object's bounding box counting transformations - * before 2.0 it was named getWidth(); - * @return {Number} width value - */ - getScaledWidth: function() { - return this._getTransformedDimensions().x; - }, - - /** - * Returns height of an object bounding box counting transformations - * before 2.0 it was named getHeight(); - * @return {Number} height value - */ - getScaledHeight: function() { - return this._getTransformedDimensions().y; - }, - - /** - * Makes sure the scale is valid and modifies it if necessary - * @private - * @param {Number} value - * @return {Number} - */ - _constrainScale: function(value) { - if (Math.abs(value) < this.minScaleLimit) { - if (value < 0) { - return -this.minScaleLimit; - } - else { - return this.minScaleLimit; - } - } - else if (value === 0) { - return 0.0001; - } - return value; - }, - - /** - * Scales an object (equally by x and y) - * @param {Number} value Scale factor - * @return {fabric.Object} thisArg - * @chainable - */ - scale: function(value) { - this._set('scaleX', value); - this._set('scaleY', value); - return this.setCoords(); - }, - - /** - * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New width value - * @param {Boolean} absolute ignore viewport - * @return {fabric.Object} thisArg - * @chainable - */ - scaleToWidth: function(value, absolute) { - // adjust to bounding rect factor so that rotated shapes would fit as well - var boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); - return this.scale(value / this.width / boundingRectFactor); - }, - - /** - * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New height value - * @param {Boolean} absolute ignore viewport - * @return {fabric.Object} thisArg - * @chainable - */ - scaleToHeight: function(value, absolute) { - // adjust to bounding rect factor so that rotated shapes would fit as well - var boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); - return this.scale(value / this.height / boundingRectFactor); - }, - - calcLineCoords: function() { - var vpt = this.getViewportTransform(), - padding = this.padding, angle = degreesToRadians(this.angle), - cos = util.cos(angle), sin = util.sin(angle), - cosP = cos * padding, sinP = sin * padding, cosPSinP = cosP + sinP, - cosPMinusSinP = cosP - sinP, aCoords = this.calcACoords(); - - var lineCoords = { - tl: transformPoint(aCoords.tl, vpt), - tr: transformPoint(aCoords.tr, vpt), - bl: transformPoint(aCoords.bl, vpt), - br: transformPoint(aCoords.br, vpt), - }; - - if (padding) { - lineCoords.tl.x -= cosPMinusSinP; - lineCoords.tl.y -= cosPSinP; - lineCoords.tr.x += cosPSinP; - lineCoords.tr.y -= cosPMinusSinP; - lineCoords.bl.x -= cosPSinP; - lineCoords.bl.y += cosPMinusSinP; - lineCoords.br.x += cosPMinusSinP; - lineCoords.br.y += cosPSinP; - } - - return lineCoords; - }, - - calcOCoords: function() { - var rotateMatrix = this._calcRotateMatrix(), - translateMatrix = this._calcTranslateMatrix(), - vpt = this.getViewportTransform(), - startMatrix = multiplyMatrices(vpt, translateMatrix), - finalMatrix = multiplyMatrices(startMatrix, rotateMatrix), - finalMatrix = multiplyMatrices(finalMatrix, [1 / vpt[0], 0, 0, 1 / vpt[3], 0, 0]), - dim = this._calculateCurrentDimensions(), - coords = {}; - this.forEachControl(function(control, key, fabricObject) { - coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); - }); - - // debug code - // var canvas = this.canvas; - // setTimeout(function() { - // canvas.contextTop.clearRect(0, 0, 700, 700); - // canvas.contextTop.fillStyle = 'green'; - // Object.keys(coords).forEach(function(key) { - // var control = coords[key]; - // canvas.contextTop.fillRect(control.x, control.y, 3, 3); - // }); - // }, 50); - return coords; - }, - - calcACoords: function() { - var rotateMatrix = this._calcRotateMatrix(), - translateMatrix = this._calcTranslateMatrix(), - finalMatrix = multiplyMatrices(translateMatrix, rotateMatrix), - dim = this._getTransformedDimensions(), - w = dim.x / 2, h = dim.y / 2; - return { - // corners - tl: transformPoint({ x: -w, y: -h }, finalMatrix), - tr: transformPoint({ x: w, y: -h }, finalMatrix), - bl: transformPoint({ x: -w, y: h }, finalMatrix), - br: transformPoint({ x: w, y: h }, finalMatrix) - }; - }, - - /** - * Sets corner and controls position coordinates based on current angle, width and height, left and top. - * oCoords are used to find the corners - * aCoords are used to quickly find an object on the canvas - * lineCoords are used to quickly find object during pointer events. - * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} - * - * @param {Boolean} [skipCorners] skip calculation of oCoords. - * @return {fabric.Object} thisArg - * @chainable - */ - setCoords: function(skipCorners) { - this.aCoords = this.calcACoords(); - // in case we are in a group, for how the inner group target check works, - // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. - this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); - if (skipCorners) { - return this; - } - // set coordinates of the draggable boxes in the corners used to scale/rotate the image - this.oCoords = this.calcOCoords(); - this._setCornerCoords && this._setCornerCoords(); - return this; - }, - - /** - * calculate rotation matrix of an object - * @return {Array} rotation matrix for the object - */ - _calcRotateMatrix: function() { - return util.calcRotateMatrix(this); - }, - - /** - * calculate the translation matrix for an object transform - * @return {Array} rotation matrix for the object - */ - _calcTranslateMatrix: function() { - var center = this.getCenterPoint(); - return [1, 0, 0, 1, center.x, center.y]; - }, - - transformMatrixKey: function(skipGroup) { - var sep = '_', prefix = ''; - if (!skipGroup && this.group) { - prefix = this.group.transformMatrixKey(skipGroup) + sep; - }; - return prefix + this.top + sep + this.left + sep + this.scaleX + sep + this.scaleY + - sep + this.skewX + sep + this.skewY + sep + this.angle + sep + this.originX + sep + this.originY + - sep + this.width + sep + this.height + sep + this.strokeWidth + this.flipX + this.flipY; - }, - - /** - * calculate transform matrix that represents the current transformations from the - * object's properties. - * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations - * There are some situation in which this is useful to avoid the fake rotation. - * @return {Array} transform matrix for the object - */ - calcTransformMatrix: function(skipGroup) { - var matrix = this.calcOwnMatrix(); - if (skipGroup || !this.group) { - return matrix; - } - var key = this.transformMatrixKey(skipGroup), cache = this.matrixCache || (this.matrixCache = {}); - if (cache.key === key) { - return cache.value; - } - if (this.group) { - matrix = multiplyMatrices(this.group.calcTransformMatrix(false), matrix); - } - cache.key = key; - cache.value = matrix; - return matrix; - }, - - /** - * calculate transform matrix that represents the current transformations from the - * object's properties, this matrix does not include the group transformation - * @return {Array} transform matrix for the object - */ - calcOwnMatrix: function() { - var key = this.transformMatrixKey(true), cache = this.ownMatrixCache || (this.ownMatrixCache = {}); - if (cache.key === key) { - return cache.value; - } - var tMatrix = this._calcTranslateMatrix(), - options = { - angle: this.angle, - translateX: tMatrix[4], - translateY: tMatrix[5], - scaleX: this.scaleX, - scaleY: this.scaleY, - skewX: this.skewX, - skewY: this.skewY, - flipX: this.flipX, - flipY: this.flipY, - }; - cache.key = key; - cache.value = util.composeMatrix(options); - return cache.value; - }, - - /* - * Calculate object dimensions from its properties - * @private - * @return {Object} .x width dimension - * @return {Object} .y height dimension - */ - _getNonTransformedDimensions: function() { - var strokeWidth = this.strokeWidth, - w = this.width + strokeWidth, - h = this.height + strokeWidth; - return { x: w, y: h }; - }, - - /* - * Calculate object bounding box dimensions from its properties scale, skew. - * @param {Number} skewX, a value to override current skewX - * @param {Number} skewY, a value to override current skewY - * @private - * @return {Object} .x width dimension - * @return {Object} .y height dimension - */ - _getTransformedDimensions: function(skewX, skewY) { - if (typeof skewX === 'undefined') { - skewX = this.skewX; - } - if (typeof skewY === 'undefined') { - skewY = this.skewY; - } - var dimensions, dimX, dimY, - noSkew = skewX === 0 && skewY === 0; - - if (this.strokeUniform) { - dimX = this.width; - dimY = this.height; - } - else { - dimensions = this._getNonTransformedDimensions(); - dimX = dimensions.x; - dimY = dimensions.y; - } - if (noSkew) { - return this._finalizeDimensions(dimX * this.scaleX, dimY * this.scaleY); - } - var bbox = util.sizeAfterTransform(dimX, dimY, { - scaleX: this.scaleX, - scaleY: this.scaleY, - skewX: skewX, - skewY: skewY, - }); - return this._finalizeDimensions(bbox.x, bbox.y); - }, - - /* - * Calculate object bounding box dimensions from its properties scale, skew. - * @param Number width width of the bbox - * @param Number height height of the bbox - * @private - * @return {Object} .x finalized width dimension - * @return {Object} .y finalized height dimension - */ - _finalizeDimensions: function(width, height) { - return this.strokeUniform ? - { x: width + this.strokeWidth, y: height + this.strokeWidth } - : - { x: width, y: height }; - }, - - /* - * Calculate object dimensions for controls box, including padding and canvas zoom. - * and active selection - * private - */ - _calculateCurrentDimensions: function() { - var vpt = this.getViewportTransform(), - dim = this._getTransformedDimensions(), - p = transformPoint(dim, vpt, true); - return p.scalarAdd(2 * this.padding); - }, - }); -})(); - - -fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Moves an object to the bottom of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - sendToBack: function() { - if (this.group) { - fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); - } - else if (this.canvas) { - this.canvas.sendToBack(this); - } - return this; - }, - - /** - * Moves an object to the top of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - bringToFront: function() { - if (this.group) { - fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); - } - else if (this.canvas) { - this.canvas.bringToFront(this); - } - return this; - }, - - /** - * Moves an object down in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - sendBackwards: function(intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.sendBackwards(this, intersecting); - } - return this; - }, - - /** - * Moves an object up in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - bringForward: function(intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.bringForward(this, intersecting); - } - return this; - }, - - /** - * Moves an object to specified level in stack of drawn objects - * @param {Number} index New position of object - * @return {fabric.Object} thisArg - * @chainable - */ - moveTo: function(index) { - if (this.group && this.group.type !== 'activeSelection') { - fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); - } - else if (this.canvas) { - this.canvas.moveTo(this, index); - } - return this; - } -}); - - -/* _TO_SVG_START_ */ -(function() { - function getSvgColorString(prop, value) { - if (!value) { - return prop + ': none; '; - } - else if (value.toLive) { - return prop + ': url(#SVGID_' + value.id + '); '; - } - else { - var color = new fabric.Color(value), - str = prop + ': ' + color.toRgb() + '; ', - opacity = color.getAlpha(); - if (opacity !== 1) { - //change the color in rgb + opacity - str += prop + '-opacity: ' + opacity.toString() + '; '; - } - return str; - } - } - - var toFixed = fabric.util.toFixed; - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function(skipShadow) { - - var fillRule = this.fillRule ? this.fillRule : 'nonzero', - strokeWidth = this.strokeWidth ? this.strokeWidth : '0', - strokeDashArray = this.strokeDashArray ? this.strokeDashArray.join(' ') : 'none', - strokeDashOffset = this.strokeDashOffset ? this.strokeDashOffset : '0', - strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', - strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', - strokeMiterLimit = this.strokeMiterLimit ? this.strokeMiterLimit : '4', - opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', - visibility = this.visible ? '' : ' visibility: hidden;', - filter = skipShadow ? '' : this.getSvgFilter(), - fill = getSvgColorString('fill', this.fill), - stroke = getSvgColorString('stroke', this.stroke); - - return [ - stroke, - 'stroke-width: ', strokeWidth, '; ', - 'stroke-dasharray: ', strokeDashArray, '; ', - 'stroke-linecap: ', strokeLineCap, '; ', - 'stroke-dashoffset: ', strokeDashOffset, '; ', - 'stroke-linejoin: ', strokeLineJoin, '; ', - 'stroke-miterlimit: ', strokeMiterLimit, '; ', - fill, - 'fill-rule: ', fillRule, '; ', - 'opacity: ', opacity, ';', - filter, - visibility - ].join(''); - }, - - /** - * Returns styles-string for svg-export - * @param {Object} style the object from which to retrieve style properties - * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. - * @return {String} - */ - getSvgSpanStyles: function(style, useWhiteSpace) { - var term = '; '; - var fontFamily = style.fontFamily ? - 'font-family: ' + (((style.fontFamily.indexOf('\'') === -1 && style.fontFamily.indexOf('"') === -1) ? - '\'' + style.fontFamily + '\'' : style.fontFamily)) + term : ''; - var strokeWidth = style.strokeWidth ? 'stroke-width: ' + style.strokeWidth + term : '', - fontFamily = fontFamily, - fontSize = style.fontSize ? 'font-size: ' + style.fontSize + 'px' + term : '', - fontStyle = style.fontStyle ? 'font-style: ' + style.fontStyle + term : '', - fontWeight = style.fontWeight ? 'font-weight: ' + style.fontWeight + term : '', - fill = style.fill ? getSvgColorString('fill', style.fill) : '', - stroke = style.stroke ? getSvgColorString('stroke', style.stroke) : '', - textDecoration = this.getSvgTextDecoration(style), - deltaY = style.deltaY ? 'baseline-shift: ' + (-style.deltaY) + '; ' : ''; - if (textDecoration) { - textDecoration = 'text-decoration: ' + textDecoration + term; - } - - return [ - stroke, - strokeWidth, - fontFamily, - fontSize, - fontStyle, - fontWeight, - textDecoration, - fill, - deltaY, - useWhiteSpace ? 'white-space: pre; ' : '' - ].join(''); - }, - - /** - * Returns text-decoration property for svg-export - * @param {Object} style the object from which to retrieve style properties - * @return {String} - */ - getSvgTextDecoration: function(style) { - return ['overline', 'underline', 'line-through'].filter(function(decoration) { - return style[decoration.replace('-', '')]; - }).join(' '); - }, - - /** - * Returns filter for svg shadow - * @return {String} - */ - getSvgFilter: function() { - return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; - }, - - /** - * Returns id attribute for svg output - * @return {String} - */ - getSvgCommons: function() { - return [ - this.id ? 'id="' + this.id + '" ' : '', - this.clipPath ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' : '', - ].join(''); - }, - - /** - * Returns transform-string for svg-export - * @param {Boolean} use the full transform or the single object one. - * @return {String} - */ - getSvgTransform: function(full, additionalTransform) { - var transform = full ? this.calcTransformMatrix() : this.calcOwnMatrix(), - svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); - return svgTransform + - (additionalTransform || '') + '" '; - }, - - _setSVGBg: function(textBgRects) { - if (this.backgroundColor) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n'); - } - }, - - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function(reviver) { - return this._createBaseSVGMarkup(this._toSVG(reviver), { reviver: reviver }); - }, - - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function(reviver) { - return '\t' + this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { reviver: reviver }); - }, - - /** - * @private - */ - _createBaseClipPathSVGMarkup: function(objectMarkup, options) { - options = options || {}; - var reviver = options.reviver, - additionalTransform = options.additionalTransform || '', - commonPieces = [ - this.getSvgTransform(true, additionalTransform), - this.getSvgCommons(), - ].join(''), - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'); - objectMarkup[index] = commonPieces; - return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); - }, - - /** - * @private - */ - _createBaseSVGMarkup: function(objectMarkup, options) { - options = options || {}; - var noStyle = options.noStyle, - reviver = options.reviver, - styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', - shadowInfo = options.withShadow ? 'style="' + this.getSvgFilter() + '" ' : '', - clipPath = this.clipPath, - vectorEffect = this.strokeUniform ? 'vector-effect="non-scaling-stroke" ' : '', - absoluteClipPath = clipPath && clipPath.absolutePositioned, - stroke = this.stroke, fill = this.fill, shadow = this.shadow, - commonPieces, markup = [], clipPathMarkup, - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'), - additionalTransform = options.additionalTransform; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; - clipPathMarkup = '\n' + - clipPath.toClipPathSVG(reviver) + - '\n'; - } - if (absoluteClipPath) { - markup.push( - '\n' - ); - } - markup.push( - '\n' - ); - commonPieces = [ - styleInfo, - vectorEffect, - noStyle ? '' : this.addPaintOrder(), ' ', - additionalTransform ? 'transform="' + additionalTransform + '" ' : '', - ].join(''); - objectMarkup[index] = commonPieces; - if (fill && fill.toLive) { - markup.push(fill.toSVG(this)); - } - if (stroke && stroke.toLive) { - markup.push(stroke.toSVG(this)); - } - if (shadow) { - markup.push(shadow.toSVG(this)); - } - if (clipPath) { - markup.push(clipPathMarkup); - } - markup.push(objectMarkup.join('')); - markup.push('\n'); - absoluteClipPath && markup.push('\n'); - return reviver ? reviver(markup.join('')) : markup.join(''); - }, - - addPaintOrder: function() { - return this.paintFirst !== 'fill' ? ' paint-order="' + this.paintFirst + '" ' : ''; - } - }); -})(); -/* _TO_SVG_END_ */ - - -(function() { - - var extend = fabric.util.object.extend, - originalSet = 'stateProperties'; - - /* - Depends on `stateProperties` - */ - function saveProps(origin, destination, props) { - var tmpObj = { }, deep = true; - props.forEach(function(prop) { - tmpObj[prop] = origin[prop]; - }); - - extend(origin[destination], tmpObj, deep); - } - - function _isEqual(origValue, currentValue, firstPass) { - if (origValue === currentValue) { - // if the objects are identical, return - return true; - } - else if (Array.isArray(origValue)) { - if (!Array.isArray(currentValue) || origValue.length !== currentValue.length) { - return false; - } - for (var i = 0, len = origValue.length; i < len; i++) { - if (!_isEqual(origValue[i], currentValue[i])) { - return false; - } - } - return true; - } - else if (origValue && typeof origValue === 'object') { - var keys = Object.keys(origValue), key; - if (!currentValue || - typeof currentValue !== 'object' || - (!firstPass && keys.length !== Object.keys(currentValue).length) - ) { - return false; - } - for (var i = 0, len = keys.length; i < len; i++) { - key = keys[i]; - // since clipPath is in the statefull cache list and the clipPath objects - // would be iterated as an object, this would lead to possible infinite recursion - // we do not want to compare those. - if (key === 'canvas' || key === 'group') { - continue; - } - if (!_isEqual(origValue[key], currentValue[key])) { - return false; - } - } - return true; - } - } - - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * Returns true if object state (one of its state properties) was changed - * @param {String} [propertySet] optional name for the set of property we want to save - * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called - */ - hasStateChanged: function(propertySet) { - propertySet = propertySet || originalSet; - var dashedPropertySet = '_' + propertySet; - if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { - return true; - } - return !_isEqual(this[dashedPropertySet], this, true); - }, - - /** - * Saves state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - saveState: function(options) { - var propertySet = options && options.propertySet || originalSet, - destination = '_' + propertySet; - if (!this[destination]) { - return this.setupState(options); - } - saveProps(this, destination, this[propertySet]); - if (options && options.stateProperties) { - saveProps(this, destination, options.stateProperties); - } - return this; - }, - - /** - * Setups state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - setupState: function(options) { - options = options || { }; - var propertySet = options.propertySet || originalSet; - options.propertySet = propertySet; - this['_' + propertySet] = { }; - this.saveState(options); - return this; - } - }); -})(); - - -(function() { - - var degreesToRadians = fabric.util.degreesToRadians; - - fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - /** - * Determines which corner has been clicked - * @private - * @param {Object} pointer The pointer indicating the mouse position - * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found - */ - _findTargetCorner: function(pointer, forTouch) { - // objects in group, anykind, are not self modificable, - // must not return an hovered corner. - if (!this.hasControls || this.group || (!this.canvas || this.canvas._activeObject !== this)) { - return false; - } - - var ex = pointer.x, - ey = pointer.y, - xPoints, - lines, keys = Object.keys(this.oCoords), - j = keys.length - 1, i; - this.__corner = 0; - - // cycle in reverse order so we pick first the one on top - for (; j >= 0; j--) { - i = keys[j]; - if (!this.isControlVisible(i)) { - continue; - } - - lines = this._getImageLines(forTouch ? this.oCoords[i].touchCorner : this.oCoords[i].corner); - // // debugging - // - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - - xPoints = this._findCrossPoints({ x: ex, y: ey }, lines); - if (xPoints !== 0 && xPoints % 2 === 1) { - this.__corner = i; - return i; - } - } - return false; - }, - - /** - * Calls a function for each control. The function gets called, - * with the control, the object that is calling the iterator and the control's key - * @param {Function} fn function to iterate over the controls over - */ - forEachControl: function(fn) { - for (var i in this.controls) { - fn(this.controls[i], i, this); - }; - }, - - /** - * Sets the coordinates of the draggable boxes in the corners of - * the image used to scale/rotate it. - * note: if we would switch to ROUND corner area, all of this would disappear. - * everything would resolve to a single point and a pythagorean theorem for the distance - * @private - */ - _setCornerCoords: function() { - var coords = this.oCoords; - - for (var control in coords) { - var controlObject = this.controls[control]; - coords[control].corner = controlObject.calcCornerCoords( - this.angle, this.cornerSize, coords[control].x, coords[control].y, false); - coords[control].touchCorner = controlObject.calcCornerCoords( - this.angle, this.touchCornerSize, coords[control].x, coords[control].y, true); - } - }, - - /** - * Draws a colored layer behind the object, inside its selection borders. - * Requires public options: padding, selectionBackgroundColor - * this function is called when the context is transformed - * has checks to be skipped when the object is on a staticCanvas - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @return {fabric.Object} thisArg - * @chainable - */ - drawSelectionBackground: function(ctx) { - if (!this.selectionBackgroundColor || - (this.canvas && !this.canvas.interactive) || - (this.canvas && this.canvas._activeObject !== this) - ) { - return this; - } - ctx.save(); - var center = this.getCenterPoint(), wh = this._calculateCurrentDimensions(), - vpt = this.canvas.viewportTransform; - ctx.translate(center.x, center.y); - ctx.scale(1 / vpt[0], 1 / vpt[3]); - ctx.rotate(degreesToRadians(this.angle)); - ctx.fillStyle = this.selectionBackgroundColor; - ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); - ctx.restore(); - return this; - }, - - /** - * Draws borders of an object's bounding box. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Object} styleOverride object to override the object style - * @return {fabric.Object} thisArg - * @chainable - */ - drawBorders: function(ctx, styleOverride) { - styleOverride = styleOverride || {}; - var wh = this._calculateCurrentDimensions(), - strokeWidth = this.borderScaleFactor, - width = wh.x + strokeWidth, - height = wh.y + strokeWidth, - hasControls = typeof styleOverride.hasControls !== 'undefined' ? - styleOverride.hasControls : this.hasControls, - shouldStroke = false; - - ctx.save(); - ctx.strokeStyle = styleOverride.borderColor || this.borderColor; - this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); - - ctx.strokeRect( - -width / 2, - -height / 2, - width, - height - ); - - if (hasControls) { - ctx.beginPath(); - this.forEachControl(function(control, key, fabricObject) { - // in this moment, the ctx is centered on the object. - // width and height of the above function are the size of the bbox. - if (control.withConnection && control.getVisibility(fabricObject, key)) { - // reset movement for each control - shouldStroke = true; - ctx.moveTo(control.x * width, control.y * height); - ctx.lineTo( - control.x * width + control.offsetX, - control.y * height + control.offsetY - ); - } - }); - if (shouldStroke) { - ctx.stroke(); - } - } - ctx.restore(); - return this; - }, - - /** - * Draws borders of an object's bounding box when it is inside a group. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {object} options object representing current object parameters - * @param {Object} styleOverride object to override the object style - * @return {fabric.Object} thisArg - * @chainable - */ - drawBordersInGroup: function(ctx, options, styleOverride) { - styleOverride = styleOverride || {}; - var bbox = fabric.util.sizeAfterTransform(this.width, this.height, options), - strokeWidth = this.strokeWidth, - strokeUniform = this.strokeUniform, - borderScaleFactor = this.borderScaleFactor, - width = - bbox.x + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleX) + borderScaleFactor, - height = - bbox.y + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleY) + borderScaleFactor; - ctx.save(); - this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); - ctx.strokeStyle = styleOverride.borderColor || this.borderColor; - ctx.strokeRect( - -width / 2, - -height / 2, - width, - height - ); - - ctx.restore(); - return this; - }, - - /** - * Draws corners of an object's bounding box. - * Requires public properties: width, height - * Requires public options: cornerSize, padding - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Object} styleOverride object to override the object style - * @return {fabric.Object} thisArg - * @chainable - */ - drawControls: function(ctx, styleOverride) { - styleOverride = styleOverride || {}; - ctx.save(); - var retinaScaling = this.canvas.getRetinaScaling(), matrix, p; - ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); - ctx.strokeStyle = ctx.fillStyle = styleOverride.cornerColor || this.cornerColor; - if (!this.transparentCorners) { - ctx.strokeStyle = styleOverride.cornerStrokeColor || this.cornerStrokeColor; - } - this._setLineDash(ctx, styleOverride.cornerDashArray || this.cornerDashArray); - this.setCoords(); - if (this.group) { - // fabricJS does not really support drawing controls inside groups, - // this piece of code here helps having at least the control in places. - // If an application needs to show some objects as selected because of some UI state - // can still call Object._renderControls() on any object they desire, independently of groups. - // using no padding, circular controls and hiding the rotating cursor is higly suggested, - matrix = this.group.calcTransformMatrix(); - } - this.forEachControl(function(control, key, fabricObject) { - p = fabricObject.oCoords[key]; - if (control.getVisibility(fabricObject, key)) { - if (matrix) { - p = fabric.util.transformPoint(p, matrix); - } - control.render(ctx, p.x, p.y, styleOverride, fabricObject); - } - }); - ctx.restore(); - - return this; - }, - - /** - * Returns true if the specified control is visible, false otherwise. - * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. - * @returns {Boolean} true if the specified control is visible, false otherwise - */ - isControlVisible: function(controlKey) { - return this.controls[controlKey] && this.controls[controlKey].getVisibility(this, controlKey); - }, - - /** - * Sets the visibility of the specified control. - * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. - * @param {Boolean} visible true to set the specified control visible, false otherwise - * @return {fabric.Object} thisArg - * @chainable - */ - setControlVisible: function(controlKey, visible) { - if (!this._controlsVisibility) { - this._controlsVisibility = {}; - } - this._controlsVisibility[controlKey] = visible; - return this; - }, - - /** - * Sets the visibility state of object controls. - * @param {Object} [options] Options object - * @param {Boolean} [options.bl] true to enable the bottom-left control, false to disable it - * @param {Boolean} [options.br] true to enable the bottom-right control, false to disable it - * @param {Boolean} [options.mb] true to enable the middle-bottom control, false to disable it - * @param {Boolean} [options.ml] true to enable the middle-left control, false to disable it - * @param {Boolean} [options.mr] true to enable the middle-right control, false to disable it - * @param {Boolean} [options.mt] true to enable the middle-top control, false to disable it - * @param {Boolean} [options.tl] true to enable the top-left control, false to disable it - * @param {Boolean} [options.tr] true to enable the top-right control, false to disable it - * @param {Boolean} [options.mtr] true to enable the middle-top-rotate control, false to disable it - * @return {fabric.Object} thisArg - * @chainable - */ - setControlsVisibility: function(options) { - options || (options = { }); - - for (var p in options) { - this.setControlVisible(p, options[p]); - } - return this; - }, - - - /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to deselect this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event - */ - onDeselect: function() { - // implemented by sub-classes, as needed. - }, - - - /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to select this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event - */ - onSelect: function() { - // implemented by sub-classes, as needed. - } - }); -})(); - - -fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { - - /** - * Animation duration (in ms) for fx* methods - * @type Number - * @default - */ - FX_DURATION: 500, - - /** - * Centers object horizontally with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectH: function (object, callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: object.left, - endValue: this.getCenter().left, - duration: this.FX_DURATION, - onChange: function(value) { - object.set('left', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function() { - object.setCoords(); - onComplete(); - } - }); - }, - - /** - * Centers object vertically with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectV: function (object, callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: object.top, - endValue: this.getCenter().top, - duration: this.FX_DURATION, - onChange: function(value) { - object.set('top', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function() { - object.setCoords(); - onComplete(); - } - }); - }, - - /** - * Same as `fabric.Canvas#remove` but animated - * @param {fabric.Object} object Object to remove - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxRemove: function (object, callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: object.opacity, - endValue: 0, - duration: this.FX_DURATION, - onChange: function(value) { - object.set('opacity', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - _this.remove(object); - onComplete(); - } - }); - } -}); - -fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - /** - * Animates object's properties - * @param {String|Object} property Property to animate (if string) or properties to animate (if object) - * @param {Number|Object} value Value to animate property to (if string was given first) or options object - * @return {fabric.Object} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} - * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) - * - * As object — multiple properties - * - * object.animate({ left: ..., top: ... }); - * object.animate({ left: ..., top: ... }, { duration: ... }); - * - * As string — one property - * - * object.animate('left', ...); - * object.animate('left', { duration: ... }); - * - */ - animate: function () { - if (arguments[0] && typeof arguments[0] === 'object') { - var propsToAnimate = [], prop, skipCallbacks, out = []; - for (prop in arguments[0]) { - propsToAnimate.push(prop); - } - for (var i = 0, len = propsToAnimate.length; i < len; i++) { - prop = propsToAnimate[i]; - skipCallbacks = i !== len - 1; - out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); - } - return out; - } - else { - return this._animate.apply(this, arguments); - } - }, - - /** - * @private - * @param {String} property Property to animate - * @param {String} to Value to animate to - * @param {Object} [options] Options object - * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked - */ - _animate: function(property, to, options, skipCallbacks) { - var _this = this, propPair; - - to = to.toString(); - - if (!options) { - options = { }; - } - else { - options = fabric.util.object.clone(options); - } - - if (~property.indexOf('.')) { - propPair = property.split('.'); - } - - var propIsColor = - _this.colorProperties.indexOf(property) > -1 || - (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); - - var currentValue = propPair - ? this.get(propPair[0])[propPair[1]] - : this.get(property); - - if (!('from' in options)) { - options.from = currentValue; - } - - if (!propIsColor) { - if (~to.indexOf('=')) { - to = currentValue + parseFloat(to.replace('=', '')); - } - else { - to = parseFloat(to); - } - } - - var _options = { - target: this, - startValue: options.from, - endValue: to, - byValue: options.by, - easing: options.easing, - duration: options.duration, - abort: options.abort && function(value, valueProgress, timeProgress) { - return options.abort.call(_this, value, valueProgress, timeProgress); - }, - onChange: function (value, valueProgress, timeProgress) { - if (propPair) { - _this[propPair[0]][propPair[1]] = value; - } - else { - _this.set(property, value); - } - if (skipCallbacks) { - return; - } - options.onChange && options.onChange(value, valueProgress, timeProgress); - }, - onComplete: function (value, valueProgress, timeProgress) { - if (skipCallbacks) { - return; - } - - _this.setCoords(); - options.onComplete && options.onComplete(value, valueProgress, timeProgress); - } - }; - - if (propIsColor) { - return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); - } - else { - return fabric.util.animate(_options); - } - } -}); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; - - if (fabric.Line) { - fabric.warn('fabric.Line is already defined'); - return; - } - - /** - * Line class - * @class fabric.Line - * @extends fabric.Object - * @see {@link fabric.Line#initialize} for constructor definition - */ - fabric.Line = fabric.util.createClass(fabric.Object, /** @lends fabric.Line.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'line', - - /** - * x value or first line edge - * @type Number - * @default - */ - x1: 0, - - /** - * y value or first line edge - * @type Number - * @default - */ - y1: 0, - - /** - * x value or second line edge - * @type Number - * @default - */ - x2: 0, - - /** - * y value or second line edge - * @type Number - * @default - */ - y2: 0, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), - - /** - * Constructor - * @param {Array} [points] Array of points - * @param {Object} [options] Options object - * @return {fabric.Line} thisArg - */ - initialize: function(points, options) { - if (!points) { - points = [0, 0, 0, 0]; - } - - this.callSuper('initialize', options); - - this.set('x1', points[0]); - this.set('y1', points[1]); - this.set('x2', points[2]); - this.set('y2', points[3]); - - this._setWidthHeight(options); - }, - - /** - * @private - * @param {Object} [options] Options - */ - _setWidthHeight: function(options) { - options || (options = { }); - - this.width = Math.abs(this.x2 - this.x1); - this.height = Math.abs(this.y2 - this.y1); - - this.left = 'left' in options - ? options.left - : this._getLeftToOriginX(); - - this.top = 'top' in options - ? options.top - : this._getTopToOriginY(); - }, - - /** - * @private - * @param {String} key - * @param {*} value - */ - _set: function(key, value) { - this.callSuper('_set', key, value); - if (typeof coordProps[key] !== 'undefined') { - this._setWidthHeight(); - } - return this; - }, - - /** - * @private - * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. - */ - _getLeftToOriginX: makeEdgeToOriginGetter( - { // property names - origin: 'originX', - axis1: 'x1', - axis2: 'x2', - dimension: 'width' - }, - { // possible values of origin - nearest: 'left', - center: 'center', - farthest: 'right' - } - ), - - /** - * @private - * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line. - */ - _getTopToOriginY: makeEdgeToOriginGetter( - { // property names - origin: 'originY', - axis1: 'y1', - axis2: 'y2', - dimension: 'height' - }, - { // possible values of origin - nearest: 'top', - center: 'center', - farthest: 'bottom' - } - ), - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - ctx.beginPath(); - - - var p = this.calcLinePoints(); - ctx.moveTo(p.x1, p.y1); - ctx.lineTo(p.x2, p.y2); - - ctx.lineWidth = this.strokeWidth; - - // TODO: test this - // make sure setting "fill" changes color of a line - // (by copying fillStyle to strokeStyle, since line is stroked, not filled) - var origStrokeStyle = ctx.strokeStyle; - ctx.strokeStyle = this.stroke || ctx.fillStyle; - this.stroke && this._renderStroke(ctx); - ctx.strokeStyle = origStrokeStyle; - }, - - /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates - */ - _findCenterFromElement: function() { - return { - x: (this.x1 + this.x2) / 2, - y: (this.y1 + this.y2) / 2, - }; - }, - - /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), this.calcLinePoints()); - }, - - /* - * Calculate object dimensions from its properties - * @private - */ - _getNonTransformedDimensions: function() { - var dim = this.callSuper('_getNonTransformedDimensions'); - if (this.strokeLineCap === 'butt') { - if (this.width === 0) { - dim.y -= this.strokeWidth; - } - if (this.height === 0) { - dim.x -= this.strokeWidth; - } - } - return dim; - }, - - /** - * Recalculates line points given width and height - * @private - */ - calcLinePoints: function() { - var xMult = this.x1 <= this.x2 ? -1 : 1, - yMult = this.y1 <= this.y2 ? -1 : 1, - x1 = (xMult * this.width * 0.5), - y1 = (yMult * this.height * 0.5), - x2 = (xMult * this.width * -0.5), - y2 = (yMult * this.height * -0.5); - - return { - x1: x1, - x2: x2, - y1: y1, - y2: y2 - }; - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var p = this.calcLinePoints(); - return [ - '\n' - ]; - }, - /* _TO_SVG_END_ */ - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement}) - * @static - * @memberOf fabric.Line - * @see http://www.w3.org/TR/SVG/shapes.html#LineElement - */ - fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); - - /** - * Returns fabric.Line instance from an SVG element - * @static - * @memberOf fabric.Line - * @param {SVGElement} element Element to parse - * @param {Object} [options] Options object - * @param {Function} [callback] callback function invoked after parsing - */ - fabric.Line.fromElement = function(element, callback, options) { - options = options || { }; - var parsedAttributes = fabric.parseAttributes(element, fabric.Line.ATTRIBUTE_NAMES), - points = [ - parsedAttributes.x1 || 0, - parsedAttributes.y1 || 0, - parsedAttributes.x2 || 0, - parsedAttributes.y2 || 0 - ]; - callback(new fabric.Line(points, extend(parsedAttributes, options))); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Line instance from an object representation - * @static - * @memberOf fabric.Line - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - */ - fabric.Line.fromObject = function(object, callback) { - function _callback(instance) { - delete instance.points; - callback && callback(instance); - }; - var options = clone(object, true); - options.points = [object.x1, object.y1, object.x2, object.y2]; - fabric.Object._fromObject('Line', options, _callback, 'points'); - }; - - /** - * Produces a function that calculates distance from canvas edge to Line origin. - */ - function makeEdgeToOriginGetter(propertyNames, originValues) { - var origin = propertyNames.origin, - axis1 = propertyNames.axis1, - axis2 = propertyNames.axis2, - dimension = propertyNames.dimension, - nearest = originValues.nearest, - center = originValues.center, - farthest = originValues.farthest; - - return function() { - switch (this.get(origin)) { - case nearest: - return Math.min(this.get(axis1), this.get(axis2)); - case center: - return Math.min(this.get(axis1), this.get(axis2)) + (0.5 * this.get(dimension)); - case farthest: - return Math.max(this.get(axis1), this.get(axis2)); - } - }; - - } - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - degreesToRadians = fabric.util.degreesToRadians; - - if (fabric.Circle) { - fabric.warn('fabric.Circle is already defined.'); - return; - } - - /** - * Circle class - * @class fabric.Circle - * @extends fabric.Object - * @see {@link fabric.Circle#initialize} for constructor definition - */ - fabric.Circle = fabric.util.createClass(fabric.Object, /** @lends fabric.Circle.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'circle', - - /** - * Radius of this circle - * @type Number - * @default - */ - radius: 0, - - /** - * degrees of start of the circle. - * probably will change to degrees in next major version - * @type Number 0 - 359 - * @default 0 - */ - startAngle: 0, - - /** - * End angle of the circle - * probably will change to degrees in next major version - * @type Number 1 - 360 - * @default 360 - */ - endAngle: 360, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('radius', 'startAngle', 'endAngle'), - - /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Circle} thisArg - */ - _set: function(key, value) { - this.callSuper('_set', key, value); - - if (key === 'radius') { - this.setRadius(value); - } - - return this; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['radius', 'startAngle', 'endAngle'].concat(propertiesToInclude)); - }, - - /* _TO_SVG_START_ */ - - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var svgString, x = 0, y = 0, - angle = (this.endAngle - this.startAngle) % 360; - - if (angle === 0) { - svgString = [ - '\n' - ]; - } - else { - var start = degreesToRadians(this.startAngle), - end = degreesToRadians(this.endAngle), - radius = this.radius, - startX = fabric.util.cos(start) * radius, - startY = fabric.util.sin(start) * radius, - endX = fabric.util.cos(end) * radius, - endY = fabric.util.sin(end) * radius, - largeFlag = angle > 180 ? '1' : '0'; - svgString = [ - '\n' - ]; - } - return svgString; - }, - /* _TO_SVG_END_ */ - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render on - */ - _render: function(ctx) { - ctx.beginPath(); - ctx.arc( - 0, - 0, - this.radius, - degreesToRadians(this.startAngle), - degreesToRadians(this.endAngle), - false - ); - this._renderPaintInOrder(ctx); - }, - - /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRadiusX: function() { - return this.get('radius') * this.get('scaleX'); - }, - - /** - * Returns vertical radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRadiusY: function() { - return this.get('radius') * this.get('scaleY'); - }, - - /** - * Sets radius of an object (and updates width accordingly) - * @return {fabric.Circle} thisArg - */ - setRadius: function(value) { - this.radius = value; - return this.set('width', value * 2).set('height', value * 2); - }, - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Circle.fromElement}) - * @static - * @memberOf fabric.Circle - * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement - */ - fabric.Circle.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy r'.split(' ')); - - /** - * Returns {@link fabric.Circle} instance from an SVG element - * @static - * @memberOf fabric.Circle - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @param {Object} [options] Options object - * @throws {Error} If value of `r` attribute is missing or invalid - */ - fabric.Circle.fromElement = function(element, callback) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Circle.ATTRIBUTE_NAMES); - - if (!isValidRadius(parsedAttributes)) { - throw new Error('value of `r` attribute is required and can not be negative'); - } - - parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.radius; - parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.radius; - callback(new fabric.Circle(parsedAttributes)); - }; - - /** - * @private - */ - function isValidRadius(attributes) { - return (('radius' in attributes) && (attributes.radius >= 0)); - } - /* _FROM_SVG_END_ */ - - /** - * Returns {@link fabric.Circle} instance from an object representation - * @static - * @memberOf fabric.Circle - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - * @return {void} - */ - fabric.Circle.fromObject = function(object, callback) { - fabric.Object._fromObject('Circle', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.Triangle) { - fabric.warn('fabric.Triangle is already defined'); - return; - } - - /** - * Triangle class - * @class fabric.Triangle - * @extends fabric.Object - * @return {fabric.Triangle} thisArg - * @see {@link fabric.Triangle#initialize} for constructor definition - */ - fabric.Triangle = fabric.util.createClass(fabric.Object, /** @lends fabric.Triangle.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'triangle', - - /** - * Width is set to 100 to compensate the old initialize code that was setting it to 100 - * @type Number - * @default - */ - width: 100, - - /** - * Height is set to 100 to compensate the old initialize code that was setting it to 100 - * @type Number - * @default - */ - height: 100, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - var widthBy2 = this.width / 2, - heightBy2 = this.height / 2; - - ctx.beginPath(); - ctx.moveTo(-widthBy2, heightBy2); - ctx.lineTo(0, -heightBy2); - ctx.lineTo(widthBy2, heightBy2); - ctx.closePath(); - - this._renderPaintInOrder(ctx); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var widthBy2 = this.width / 2, - heightBy2 = this.height / 2, - points = [ - -widthBy2 + ' ' + heightBy2, - '0 ' + -heightBy2, - widthBy2 + ' ' + heightBy2 - ].join(','); - return [ - '' - ]; - }, - /* _TO_SVG_END_ */ - }); - - /** - * Returns {@link fabric.Triangle} instance from an object representation - * @static - * @memberOf fabric.Triangle - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - */ - fabric.Triangle.fromObject = function(object, callback) { - return fabric.Object._fromObject('Triangle', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - piBy2 = Math.PI * 2; - - if (fabric.Ellipse) { - fabric.warn('fabric.Ellipse is already defined.'); - return; - } - - /** - * Ellipse class - * @class fabric.Ellipse - * @extends fabric.Object - * @return {fabric.Ellipse} thisArg - * @see {@link fabric.Ellipse#initialize} for constructor definition - */ - fabric.Ellipse = fabric.util.createClass(fabric.Object, /** @lends fabric.Ellipse.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'ellipse', - - /** - * Horizontal radius - * @type Number - * @default - */ - rx: 0, - - /** - * Vertical radius - * @type Number - * @default - */ - ry: 0, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), - - /** - * Constructor - * @param {Object} [options] Options object - * @return {fabric.Ellipse} thisArg - */ - initialize: function(options) { - this.callSuper('initialize', options); - this.set('rx', options && options.rx || 0); - this.set('ry', options && options.ry || 0); - }, - - /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Ellipse} thisArg - */ - _set: function(key, value) { - this.callSuper('_set', key, value); - switch (key) { - - case 'rx': - this.rx = value; - this.set('width', value * 2); - break; - - case 'ry': - this.ry = value; - this.set('height', value * 2); - break; - - } - return this; - }, - - /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRx: function() { - return this.get('rx') * this.get('scaleX'); - }, - - /** - * Returns Vertical radius of an object (according to how an object is scaled) - * @return {Number} - */ - getRy: function() { - return this.get('ry') * this.get('scaleY'); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - return [ - '\n' - ]; - }, - /* _TO_SVG_END_ */ - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render on - */ - _render: function(ctx) { - ctx.beginPath(); - ctx.save(); - ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); - ctx.arc( - 0, - 0, - this.rx, - 0, - piBy2, - false); - ctx.restore(); - this._renderPaintInOrder(ctx); - }, - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Ellipse.fromElement}) - * @static - * @memberOf fabric.Ellipse - * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement - */ - fabric.Ellipse.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy rx ry'.split(' ')); - - /** - * Returns {@link fabric.Ellipse} instance from an SVG element - * @static - * @memberOf fabric.Ellipse - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @return {fabric.Ellipse} - */ - fabric.Ellipse.fromElement = function(element, callback) { - - var parsedAttributes = fabric.parseAttributes(element, fabric.Ellipse.ATTRIBUTE_NAMES); - - parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; - parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; - callback(new fabric.Ellipse(parsedAttributes)); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns {@link fabric.Ellipse} instance from an object representation - * @static - * @memberOf fabric.Ellipse - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as first argument - * @return {void} - */ - fabric.Ellipse.fromObject = function(object, callback) { - fabric.Object._fromObject('Ellipse', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend; - - if (fabric.Rect) { - fabric.warn('fabric.Rect is already defined'); - return; - } - - /** - * Rectangle class - * @class fabric.Rect - * @extends fabric.Object - * @return {fabric.Rect} thisArg - * @see {@link fabric.Rect#initialize} for constructor definition - */ - fabric.Rect = fabric.util.createClass(fabric.Object, /** @lends fabric.Rect.prototype */ { - - /** - * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric.Object.prototype.stateProperties.concat('rx', 'ry'), - - /** - * Type of an object - * @type String - * @default - */ - type: 'rect', - - /** - * Horizontal border radius - * @type Number - * @default - */ - rx: 0, - - /** - * Vertical border radius - * @type Number - * @default - */ - ry: 0, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), - - /** - * Constructor - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function(options) { - this.callSuper('initialize', options); - this._initRxRy(); - }, - - /** - * Initializes rx/ry attributes - * @private - */ - _initRxRy: function() { - if (this.rx && !this.ry) { - this.ry = this.rx; - } - else if (this.ry && !this.rx) { - this.rx = this.ry; - } - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - - // 1x1 case (used in spray brush) optimization was removed because - // with caching and higher zoom level this makes more damage than help - - var rx = this.rx ? Math.min(this.rx, this.width / 2) : 0, - ry = this.ry ? Math.min(this.ry, this.height / 2) : 0, - w = this.width, - h = this.height, - x = -this.width / 2, - y = -this.height / 2, - isRounded = rx !== 0 || ry !== 0, - /* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ - k = 1 - 0.5522847498; - ctx.beginPath(); - - ctx.moveTo(x + rx, y); - - ctx.lineTo(x + w - rx, y); - isRounded && ctx.bezierCurveTo(x + w - k * rx, y, x + w, y + k * ry, x + w, y + ry); - - ctx.lineTo(x + w, y + h - ry); - isRounded && ctx.bezierCurveTo(x + w, y + h - k * ry, x + w - k * rx, y + h, x + w - rx, y + h); - - ctx.lineTo(x + rx, y + h); - isRounded && ctx.bezierCurveTo(x + k * rx, y + h, x, y + h - k * ry, x, y + h - ry); - - ctx.lineTo(x, y + ry); - isRounded && ctx.bezierCurveTo(x, y + k * ry, x + k * rx, y, x + rx, y); - - ctx.closePath(); - - this._renderPaintInOrder(ctx); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var x = -this.width / 2, y = -this.height / 2; - return [ - '\n' - ]; - }, - /* _TO_SVG_END_ */ - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Rect.fromElement`) - * @static - * @memberOf fabric.Rect - * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement - */ - fabric.Rect.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y rx ry width height'.split(' ')); - - /** - * Returns {@link fabric.Rect} instance from an SVG element - * @static - * @memberOf fabric.Rect - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Rect.fromElement = function(element, callback, options) { - if (!element) { - return callback(null); - } - options = options || { }; - - var parsedAttributes = fabric.parseAttributes(element, fabric.Rect.ATTRIBUTE_NAMES); - parsedAttributes.left = parsedAttributes.left || 0; - parsedAttributes.top = parsedAttributes.top || 0; - parsedAttributes.height = parsedAttributes.height || 0; - parsedAttributes.width = parsedAttributes.width || 0; - var rect = new fabric.Rect(extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); - rect.visible = rect.visible && rect.width > 0 && rect.height > 0; - callback(rect); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns {@link fabric.Rect} instance from an object representation - * @static - * @memberOf fabric.Rect - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Rect instance is created - */ - fabric.Rect.fromObject = function(object, callback) { - return fabric.Object._fromObject('Rect', object, callback); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - min = fabric.util.array.min, - max = fabric.util.array.max, - toFixed = fabric.util.toFixed, - projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; - - if (fabric.Polyline) { - fabric.warn('fabric.Polyline is already defined'); - return; - } - - /** - * Polyline class - * @class fabric.Polyline - * @extends fabric.Object - * @see {@link fabric.Polyline#initialize} for constructor definition - */ - fabric.Polyline = fabric.util.createClass(fabric.Object, /** @lends fabric.Polyline.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'polyline', - - /** - * Points array - * @type Array - * @default - */ - points: null, - - /** - * WARNING: Feature in progress - * Calculate the exact bounding box taking in account strokeWidth on acute angles - * this will be turned to true by default on fabric 6.0 - * maybe will be left in as an optimization since calculations may be slow - * @deprecated - * @type Boolean - * @default false - */ - exactBoundingBox: false, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'), - - /** - * Constructor - * @param {Array} points Array of points (where each point is an object with x and y) - * @param {Object} [options] Options object - * @return {fabric.Polyline} thisArg - * @example - * var poly = new fabric.Polyline([ - * { x: 10, y: 10 }, - * { x: 50, y: 30 }, - * { x: 40, y: 70 }, - * { x: 60, y: 50 }, - * { x: 100, y: 150 }, - * { x: 40, y: 100 } - * ], { - * stroke: 'red', - * left: 100, - * top: 100 - * }); - */ - initialize: function(points, options) { - options = options || {}; - this.points = points || []; - this.callSuper('initialize', options); - this._setPositionDimensions(options); - }, - - /** - * @private - */ - _projectStrokeOnPoints: function () { - return projectStrokeOnPoints(this.points, this, true); - }, - - _setPositionDimensions: function(options) { - var calcDim = this._calcDimensions(options), correctLeftTop, - correctSize = this.exactBoundingBox ? this.strokeWidth : 0; - this.width = calcDim.width - correctSize; - this.height = calcDim.height - correctSize; - if (!options.fromSVG) { - correctLeftTop = this.translateToGivenOrigin( - { - // this looks bad, but is one way to keep it optional for now. - x: calcDim.left - this.strokeWidth / 2 + correctSize / 2, - y: calcDim.top - this.strokeWidth / 2 + correctSize / 2 - }, - 'left', - 'top', - this.originX, - this.originY - ); - } - if (typeof options.left === 'undefined') { - this.left = options.fromSVG ? calcDim.left : correctLeftTop.x; - } - if (typeof options.top === 'undefined') { - this.top = options.fromSVG ? calcDim.top : correctLeftTop.y; - } - this.pathOffset = { - x: calcDim.left + this.width / 2 + correctSize / 2, - y: calcDim.top + this.height / 2 + correctSize / 2 - }; - }, - - /** - * Calculate the polygon min and max point from points array, - * returning an object with left, top, width, height to measure the - * polygon size - * @return {Object} object.left X coordinate of the polygon leftmost point - * @return {Object} object.top Y coordinate of the polygon topmost point - * @return {Object} object.width distance between X coordinates of the polygon leftmost and rightmost point - * @return {Object} object.height distance between Y coordinates of the polygon topmost and bottommost point - * @private - */ - _calcDimensions: function() { - - var points = this.exactBoundingBox ? this._projectStrokeOnPoints() : this.points, - minX = min(points, 'x') || 0, - minY = min(points, 'y') || 0, - maxX = max(points, 'x') || 0, - maxY = max(points, 'y') || 0, - width = (maxX - minX), - height = (maxY - minY); - - return { - left: minX, - top: minY, - width: width, - height: height, - }; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function(propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), { - points: this.points.concat() - }); - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, - NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - - for (var i = 0, len = this.points.length; i < len; i++) { - points.push( - toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', - toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' ' - ); - } - return [ - '<' + this.type + ' ', 'COMMON_PARTS', - 'points="', points.join(''), - '" />\n' - ]; - }, - /* _TO_SVG_END_ */ - - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - commonRender: function(ctx) { - var point, len = this.points.length, - x = this.pathOffset.x, - y = this.pathOffset.y; - - if (!len || isNaN(this.points[len - 1].y)) { - // do not draw if no points or odd points - // NaN comes from parseFloat of a empty string in parser - return false; - } - ctx.beginPath(); - ctx.moveTo(this.points[0].x - x, this.points[0].y - y); - for (var i = 0; i < len; i++) { - point = this.points[i]; - ctx.lineTo(point.x - x, point.y - y); - } - return true; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - if (!this.commonRender(ctx)) { - return; - } - this._renderPaintInOrder(ctx); - }, - - /** - * Returns complexity of an instance - * @return {Number} complexity of this instance - */ - complexity: function() { - return this.get('points').length; - } - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement}) - * @static - * @memberOf fabric.Polyline - * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement - */ - fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); - - /** - * Returns fabric.Polyline instance from an SVG element - * @static - * @memberOf fabric.Polyline - * @param {SVGElement} element Element to parser - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Polyline.fromElementGenerator = function(_class) { - return function(element, callback, options) { - if (!element) { - return callback(null); - } - options || (options = { }); - - var points = fabric.parsePointsAttribute(element.getAttribute('points')), - parsedAttributes = fabric.parseAttributes(element, fabric[_class].ATTRIBUTE_NAMES); - parsedAttributes.fromSVG = true; - callback(new fabric[_class](points, extend(parsedAttributes, options))); - }; - }; - - fabric.Polyline.fromElement = fabric.Polyline.fromElementGenerator('Polyline'); - - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Polyline instance from an object representation - * @static - * @memberOf fabric.Polyline - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created - */ - fabric.Polyline.fromObject = function(object, callback) { - return fabric.Object._fromObject('Polyline', object, callback, 'points'); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = {}), - projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; - - if (fabric.Polygon) { - fabric.warn('fabric.Polygon is already defined'); - return; - } - - /** - * Polygon class - * @class fabric.Polygon - * @extends fabric.Polyline - * @see {@link fabric.Polygon#initialize} for constructor definition - */ - fabric.Polygon = fabric.util.createClass(fabric.Polyline, /** @lends fabric.Polygon.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'polygon', - - /** - * @private - */ - _projectStrokeOnPoints: function () { - return projectStrokeOnPoints(this.points, this); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - if (!this.commonRender(ctx)) { - return; - } - ctx.closePath(); - this._renderPaintInOrder(ctx); - }, - - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`) - * @static - * @memberOf fabric.Polygon - * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement - */ - fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); - - /** - * Returns {@link fabric.Polygon} instance from an SVG element - * @static - * @memberOf fabric.Polygon - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon'); - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Polygon instance from an object representation - * @static - * @memberOf fabric.Polygon - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created - * @return {void} - */ - fabric.Polygon.fromObject = function(object, callback) { - fabric.Object._fromObject('Polygon', object, callback, 'points'); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - min = fabric.util.array.min, - max = fabric.util.array.max, - extend = fabric.util.object.extend, - clone = fabric.util.object.clone, - _toString = Object.prototype.toString, - toFixed = fabric.util.toFixed; - - if (fabric.Path) { - fabric.warn('fabric.Path is already defined'); - return; - } - - /** - * Path class - * @class fabric.Path - * @extends fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup} - * @see {@link fabric.Path#initialize} for constructor definition - */ - fabric.Path = fabric.util.createClass(fabric.Object, /** @lends fabric.Path.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'path', - - /** - * Array of path points - * @type Array - * @default - */ - path: null, - - cacheProperties: fabric.Object.prototype.cacheProperties.concat('path', 'fillRule'), - - stateProperties: fabric.Object.prototype.stateProperties.concat('path'), - - /** - * Constructor - * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) - * @param {Object} [options] Options object - * @return {fabric.Path} thisArg - */ - initialize: function (path, options) { - options = clone(options || {}); - delete options.path; - this.callSuper('initialize', options); - this._setPath(path || [], options); - }, - - /** - * @private - * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) - * @param {Object} [options] Options object - */ - _setPath: function (path, options) { - var fromArray = _toString.call(path) === '[object Array]'; - - this.path = fabric.util.makePathSimpler( - fromArray ? path : fabric.util.parsePath(path) - ); - - fabric.Polyline.prototype._setPositionDimensions.call(this, options || {}); - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _renderPathCommands: function(ctx) { - var current, // current instruction - subpathStartX = 0, - subpathStartY = 0, - x = 0, // current x - y = 0, // current y - controlX = 0, // current control point x - controlY = 0, // current control point y - l = -this.pathOffset.x, - t = -this.pathOffset.y; - - ctx.beginPath(); - - for (var i = 0, len = this.path.length; i < len; ++i) { - - current = this.path[i]; - - switch (current[0]) { // first letter - - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - ctx.lineTo(x + l, y + t); - break; - - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - ctx.moveTo(x + l, y + t); - break; - - case 'C': // bezierCurveTo, absolute - x = current[5]; - y = current[6]; - controlX = current[3]; - controlY = current[4]; - ctx.bezierCurveTo( - current[1] + l, - current[2] + t, - controlX + l, - controlY + t, - x + l, - y + t - ); - break; - - case 'Q': // quadraticCurveTo, absolute - ctx.quadraticCurveTo( - current[1] + l, - current[2] + t, - current[3] + l, - current[4] + t - ); - x = current[3]; - y = current[4]; - controlX = current[1]; - controlY = current[2]; - break; - - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - ctx.closePath(); - break; - } - } - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _render: function(ctx) { - this._renderPathCommands(ctx); - this._renderPaintInOrder(ctx); - }, - - /** - * Returns string representation of an instance - * @return {String} string representation of an instance - */ - toString: function() { - return '#'; - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - return extend(this.callSuper('toObject', propertiesToInclude), { - path: this.path.map(function(item) { return item.slice(); }), - }); - }, - - /** - * Returns dataless object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function(propertiesToInclude) { - var o = this.toObject(['sourcePath'].concat(propertiesToInclude)); - if (o.sourcePath) { - delete o.path; - } - return o; - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var path = fabric.util.joinPath(this.path); - return [ - '\n' - ]; - }, - - _getOffsetTransform: function() { - var digits = fabric.Object.NUM_FRACTION_DIGITS; - return ' translate(' + toFixed(-this.pathOffset.x, digits) + ', ' + - toFixed(-this.pathOffset.y, digits) + ')'; - }, - - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function(reviver) { - var additionalTransform = this._getOffsetTransform(); - return '\t' + this._createBaseClipPathSVGMarkup( - this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform } - ); - }, - - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function(reviver) { - var additionalTransform = this._getOffsetTransform(); - return this._createBaseSVGMarkup(this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform }); - }, - /* _TO_SVG_END_ */ - - /** - * Returns number representation of an instance complexity - * @return {Number} complexity of this instance - */ - complexity: function() { - return this.path.length; - }, - - /** - * @private - */ - _calcDimensions: function() { - - var aX = [], - aY = [], - current, // current instruction - subpathStartX = 0, - subpathStartY = 0, - x = 0, // current x - y = 0, // current y - bounds; - - for (var i = 0, len = this.path.length; i < len; ++i) { - - current = this.path[i]; - - switch (current[0]) { // first letter - - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - bounds = []; - break; - - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - bounds = []; - break; - - case 'C': // bezierCurveTo, absolute - bounds = fabric.util.getBoundsOfCurve(x, y, - current[1], - current[2], - current[3], - current[4], - current[5], - current[6] - ); - x = current[5]; - y = current[6]; - break; - - case 'Q': // quadraticCurveTo, absolute - bounds = fabric.util.getBoundsOfCurve(x, y, - current[1], - current[2], - current[1], - current[2], - current[3], - current[4] - ); - x = current[3]; - y = current[4]; - break; - - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - break; - } - bounds.forEach(function (point) { - aX.push(point.x); - aY.push(point.y); - }); - aX.push(x); - aY.push(y); - } - - var minX = min(aX) || 0, - minY = min(aY) || 0, - maxX = max(aX) || 0, - maxY = max(aY) || 0, - deltaX = maxX - minX, - deltaY = maxY - minY; - - return { - left: minX, - top: minY, - width: deltaX, - height: deltaY - }; - } - }); - - /** - * Creates an instance of fabric.Path from an object - * @static - * @memberOf fabric.Path - * @param {Object} object - * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created - */ - fabric.Path.fromObject = function(object, callback) { - if (typeof object.sourcePath === 'string') { - var pathUrl = object.sourcePath; - fabric.loadSVGFromURL(pathUrl, function (elements) { - var path = elements[0]; - path.setOptions(object); - callback && callback(path); - }); - } - else { - fabric.Object._fromObject('Path', object, callback, 'path'); - } - }; - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`) - * @static - * @memberOf fabric.Path - * @see http://www.w3.org/TR/SVG/paths.html#PathElement - */ - fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']); - - /** - * Creates an instance of fabric.Path from an SVG element - * @static - * @memberOf fabric.Path - * @param {SVGElement} element to parse - * @param {Function} callback Callback to invoke when an fabric.Path instance is created - * @param {Object} [options] Options object - * @param {Function} [callback] Options callback invoked after parsing is finished - */ - fabric.Path.fromElement = function(element, callback, options) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Path.ATTRIBUTE_NAMES); - parsedAttributes.fromSVG = true; - callback(new fabric.Path(parsedAttributes.d, extend(parsedAttributes, options))); - }; - /* _FROM_SVG_END_ */ - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - min = fabric.util.array.min, - max = fabric.util.array.max; - - if (fabric.Group) { - return; - } - - /** - * Group class - * @class fabric.Group - * @extends fabric.Object - * @mixes fabric.Collection - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} - * @see {@link fabric.Group#initialize} for constructor definition - */ - fabric.Group = fabric.util.createClass(fabric.Object, fabric.Collection, /** @lends fabric.Group.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'group', - - /** - * Width of stroke - * @type Number - * @default - */ - strokeWidth: 0, - - /** - * Indicates if click, mouseover, mouseout events & hoverCursor should also check for subtargets - * @type Boolean - * @default - */ - subTargetCheck: false, - - /** - * Groups are container, do not render anything on theyr own, ence no cache properties - * @type Array - * @default - */ - cacheProperties: [], - - /** - * setOnGroup is a method used for TextBox that is no more used since 2.0.0 The behavior is still - * available setting this boolean to true. - * @type Boolean - * @since 2.0.0 - * @default - */ - useSetOnGroup: false, - - /** - * Constructor - * @param {Object} objects Group objects - * @param {Object} [options] Options object - * @param {Boolean} [isAlreadyGrouped] if true, objects have been grouped already. - * @return {Object} thisArg - */ - initialize: function(objects, options, isAlreadyGrouped) { - options = options || {}; - this._objects = []; - // if objects enclosed in a group have been grouped already, - // we cannot change properties of objects. - // Thus we need to set options to group without objects, - isAlreadyGrouped && this.callSuper('initialize', options); - this._objects = objects || []; - for (var i = this._objects.length; i--; ) { - this._objects[i].group = this; - } - - if (!isAlreadyGrouped) { - var center = options && options.centerPoint; - // we want to set origins before calculating the bounding box. - // so that the topleft can be set with that in mind. - // if specific top and left are passed, are overwritten later - // with the callSuper('initialize', options) - if (options.originX !== undefined) { - this.originX = options.originX; - } - if (options.originY !== undefined) { - this.originY = options.originY; - } - // if coming from svg i do not want to calc bounds. - // i assume width and height are passed along options - center || this._calcBounds(); - this._updateObjectsCoords(center); - delete options.centerPoint; - this.callSuper('initialize', options); - } - else { - this._updateObjectsACoords(); - } - - this.setCoords(); - }, - - /** - * @private - */ - _updateObjectsACoords: function() { - var skipControls = true; - for (var i = this._objects.length; i--; ){ - this._objects[i].setCoords(skipControls); - } - }, - - /** - * @private - * @param {Boolean} [skipCoordsChange] if true, coordinates of objects enclosed in a group do not change - */ - _updateObjectsCoords: function(center) { - var center = center || this.getCenterPoint(); - for (var i = this._objects.length; i--; ){ - this._updateObjectCoords(this._objects[i], center); - } - }, - - /** - * @private - * @param {Object} object - * @param {fabric.Point} center, current center of group. - */ - _updateObjectCoords: function(object, center) { - var objectLeft = object.left, - objectTop = object.top, - skipControls = true; - - object.set({ - left: objectLeft - center.x, - top: objectTop - center.y - }); - object.group = this; - object.setCoords(skipControls); - }, - - /** - * Returns string represenation of a group - * @return {String} - */ - toString: function() { - return '#'; - }, - - /** - * Adds an object to a group; Then recalculates group's dimension, position. - * @param {Object} object - * @return {fabric.Group} thisArg - * @chainable - */ - addWithUpdate: function(object) { - var nested = !!this.group; - this._restoreObjectsState(); - fabric.util.resetObjectTransform(this); - if (object) { - if (nested) { - // if this group is inside another group, we need to pre transform the object - fabric.util.removeTransformFromObject(object, this.group.calcTransformMatrix()); - } - this._objects.push(object); - object.group = this; - object._set('canvas', this.canvas); - } - this._calcBounds(); - this._updateObjectsCoords(); - this.dirty = true; - if (nested) { - this.group.addWithUpdate(); - } - else { - this.setCoords(); - } - return this; - }, - - /** - * Removes an object from a group; Then recalculates group's dimension, position. - * @param {Object} object - * @return {fabric.Group} thisArg - * @chainable - */ - removeWithUpdate: function(object) { - this._restoreObjectsState(); - fabric.util.resetObjectTransform(this); - - this.remove(object); - this._calcBounds(); - this._updateObjectsCoords(); - this.setCoords(); - this.dirty = true; - return this; - }, - - /** - * @private - */ - _onObjectAdded: function(object) { - this.dirty = true; - object.group = this; - object._set('canvas', this.canvas); - }, - - /** - * @private - */ - _onObjectRemoved: function(object) { - this.dirty = true; - delete object.group; - }, - - /** - * @private - */ - _set: function(key, value) { - var i = this._objects.length; - if (this.useSetOnGroup) { - while (i--) { - this._objects[i].setOnGroup(key, value); - } - } - if (key === 'canvas') { - while (i--) { - this._objects[i]._set(key, value); - } - } - fabric.Object.prototype._set.call(this, key, value); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function(propertiesToInclude) { - var _includeDefaultValues = this.includeDefaultValues; - var objsToObject = this._objects - .filter(function (obj) { - return !obj.excludeFromExport; - }) - .map(function (obj) { - var originalDefaults = obj.includeDefaultValues; - obj.includeDefaultValues = _includeDefaultValues; - var _obj = obj.toObject(propertiesToInclude); - obj.includeDefaultValues = originalDefaults; - return _obj; - }); - var obj = fabric.Object.prototype.toObject.call(this, propertiesToInclude); - obj.objects = objsToObject; - return obj; - }, - - /** - * Returns object representation of an instance, in dataless mode. - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function(propertiesToInclude) { - var objsToObject, sourcePath = this.sourcePath; - if (sourcePath) { - objsToObject = sourcePath; - } - else { - var _includeDefaultValues = this.includeDefaultValues; - objsToObject = this._objects.map(function(obj) { - var originalDefaults = obj.includeDefaultValues; - obj.includeDefaultValues = _includeDefaultValues; - var _obj = obj.toDatalessObject(propertiesToInclude); - obj.includeDefaultValues = originalDefaults; - return _obj; - }); - } - var obj = fabric.Object.prototype.toDatalessObject.call(this, propertiesToInclude); - obj.objects = objsToObject; - return obj; - }, - - /** - * Renders instance on a given context - * @param {CanvasRenderingContext2D} ctx context to render instance on - */ - render: function(ctx) { - this._transformDone = true; - this.callSuper('render', ctx); - this._transformDone = false; - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group is already cached. - * @return {Boolean} - */ - shouldCache: function() { - var ownCache = fabric.Object.prototype.shouldCache.call(this); - if (ownCache) { - for (var i = 0, len = this._objects.length; i < len; i++) { - if (this._objects[i].willDrawShadow()) { - this.ownCaching = false; - return false; - } - } - } - return ownCache; - }, - - /** - * Check if this object or a child object will cast a shadow - * @return {Boolean} - */ - willDrawShadow: function() { - if (fabric.Object.prototype.willDrawShadow.call(this)) { - return true; - } - for (var i = 0, len = this._objects.length; i < len; i++) { - if (this._objects[i].willDrawShadow()) { - return true; - } - } - return false; - }, - - /** - * Check if this group or its parent group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function() { - return this.ownCaching || (this.group && this.group.isOnACache()); - }, - - /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawObject: function(ctx) { - for (var i = 0, len = this._objects.length; i < len; i++) { - this._objects[i].render(ctx); - } - this._drawClipPath(ctx, this.clipPath); - }, - - /** - * Check if cache is dirty - */ - isCacheDirty: function(skipCanvas) { - if (this.callSuper('isCacheDirty', skipCanvas)) { - return true; - } - if (!this.statefullCache) { - return false; - } - for (var i = 0, len = this._objects.length; i < len; i++) { - if (this._objects[i].isCacheDirty(true)) { - if (this._cacheCanvas) { - // if this group has not a cache canvas there is nothing to clean - var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-x / 2, -y / 2, x, y); - } - return true; - } - } - return false; - }, - - /** - * Restores original state of each of group objects (original state is that which was before group was created). - * if the nested boolean is true, the original state will be restored just for the - * first group and not for all the group chain - * @private - * @param {Boolean} nested tell the function to restore object state up to the parent group and not more - * @return {fabric.Group} thisArg - * @chainable - */ - _restoreObjectsState: function() { - var groupMatrix = this.calcOwnMatrix(); - this._objects.forEach(function(object) { - // instead of using _this = this; - fabric.util.addTransformToObject(object, groupMatrix); - delete object.group; - object.setCoords(); - }); - return this; - }, - - /** - * Destroys a group (restoring state of its objects) - * @return {fabric.Group} thisArg - * @chainable - */ - destroy: function() { - // when group is destroyed objects needs to get a repaint to be eventually - // displayed on canvas. - this._objects.forEach(function(object) { - object.set('dirty', true); - }); - return this._restoreObjectsState(); - }, - - dispose: function () { - this.callSuper('dispose'); - this.forEachObject(function (object) { - object.dispose && object.dispose(); - }); - this._objects = []; - }, - - /** - * make a group an active selection, remove the group from canvas - * the group has to be on canvas for this to work. - * @return {fabric.ActiveSelection} thisArg - * @chainable - */ - toActiveSelection: function() { - if (!this.canvas) { - return; - } - var objects = this._objects, canvas = this.canvas; - this._objects = []; - var options = this.toObject(); - delete options.objects; - var activeSelection = new fabric.ActiveSelection([]); - activeSelection.set(options); - activeSelection.type = 'activeSelection'; - canvas.remove(this); - objects.forEach(function(object) { - object.group = activeSelection; - object.dirty = true; - canvas.add(object); - }); - activeSelection.canvas = canvas; - activeSelection._objects = objects; - canvas._activeObject = activeSelection; - activeSelection.setCoords(); - return activeSelection; - }, - - /** - * Destroys a group (restoring state of its objects) - * @return {fabric.Group} thisArg - * @chainable - */ - ungroupOnCanvas: function() { - return this._restoreObjectsState(); - }, - - /** - * Sets coordinates of all objects inside group - * @return {fabric.Group} thisArg - * @chainable - */ - setObjectsCoords: function() { - var skipControls = true; - this.forEachObject(function(object) { - object.setCoords(skipControls); - }); - return this; - }, - - /** - * @private - */ - _calcBounds: function(onlyWidthHeight) { - var aX = [], - aY = [], - o, prop, coords, - props = ['tr', 'br', 'bl', 'tl'], - i = 0, iLen = this._objects.length, - j, jLen = props.length; - - for ( ; i < iLen; ++i) { - o = this._objects[i]; - coords = o.calcACoords(); - for (j = 0; j < jLen; j++) { - prop = props[j]; - aX.push(coords[prop].x); - aY.push(coords[prop].y); - } - o.aCoords = coords; - } - - this._getBounds(aX, aY, onlyWidthHeight); - }, - - /** - * @private - */ - _getBounds: function(aX, aY, onlyWidthHeight) { - var minXY = new fabric.Point(min(aX), min(aY)), - maxXY = new fabric.Point(max(aX), max(aY)), - top = minXY.y || 0, left = minXY.x || 0, - width = (maxXY.x - minXY.x) || 0, - height = (maxXY.y - minXY.y) || 0; - this.width = width; - this.height = height; - if (!onlyWidthHeight) { - // the bounding box always finds the topleft most corner. - // whatever is the group origin, we set up here the left/top position. - this.setPositionByOrigin({ x: left, y: top }, 'left', 'top'); - } - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG: function(reviver) { - var svgString = ['\n']; - - for (var i = 0, len = this._objects.length; i < len; i++) { - svgString.push('\t\t', this._objects[i].toSVG(reviver)); - } - svgString.push('\n'); - return svgString; - }, - - /** - * Returns styles-string for svg-export, specific version for group - * @return {String} - */ - getSvgStyles: function() { - var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 ? - 'opacity: ' + this.opacity + ';' : '', - visibility = this.visible ? '' : ' visibility: hidden;'; - return [ - opacity, - this.getSvgFilter(), - visibility - ].join(''); - }, - - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function(reviver) { - var svgString = []; - - for (var i = 0, len = this._objects.length; i < len; i++) { - svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); - } - - return this._createBaseClipPathSVGMarkup(svgString, { reviver: reviver }); - }, - /* _TO_SVG_END_ */ - }); - - /** - * Returns {@link fabric.Group} instance from an object representation - * @static - * @memberOf fabric.Group - * @param {Object} object Object to create a group from - * @param {Function} [callback] Callback to invoke when an group instance is created - */ - fabric.Group.fromObject = function(object, callback) { - var objects = object.objects, - options = fabric.util.object.clone(object, true); - delete options.objects; - if (typeof objects === 'string') { - // it has to be an url or something went wrong. - fabric.loadSVGFromURL(objects, function (elements) { - var group = fabric.util.groupSVGElements(elements, object, objects); - group.set(options); - callback && callback(group); - }); - return; - } - fabric.util.enlivenObjects(objects, function (enlivenedObjects) { - var options = fabric.util.object.clone(object, true); - delete options.objects; - fabric.util.enlivenObjectEnlivables(object, options, function () { - callback && callback(new fabric.Group(enlivenedObjects, options, true)); - }); - }); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }); - - if (fabric.ActiveSelection) { - return; - } - - /** - * Group class - * @class fabric.ActiveSelection - * @extends fabric.Group - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} - * @see {@link fabric.ActiveSelection#initialize} for constructor definition - */ - fabric.ActiveSelection = fabric.util.createClass(fabric.Group, /** @lends fabric.ActiveSelection.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'activeSelection', - - /** - * Constructor - * @param {Object} objects ActiveSelection objects - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function(objects, options) { - options = options || {}; - this._objects = objects || []; - for (var i = this._objects.length; i--; ) { - this._objects[i].group = this; - } - - if (options.originX) { - this.originX = options.originX; - } - if (options.originY) { - this.originY = options.originY; - } - this._calcBounds(); - this._updateObjectsCoords(); - fabric.Object.prototype.initialize.call(this, options); - this.setCoords(); - }, - - /** - * Change te activeSelection to a normal group, - * High level function that automatically adds it to canvas as - * active object. no events fired. - * @since 2.0.0 - * @return {fabric.Group} - */ - toGroup: function() { - var objects = this._objects.concat(); - this._objects = []; - var options = fabric.Object.prototype.toObject.call(this); - var newGroup = new fabric.Group([]); - delete options.type; - newGroup.set(options); - objects.forEach(function(object) { - object.canvas.remove(object); - object.group = newGroup; - }); - newGroup._objects = objects; - if (!this.canvas) { - return newGroup; - } - var canvas = this.canvas; - canvas.add(newGroup); - canvas._activeObject = newGroup; - newGroup.setCoords(); - return newGroup; - }, - - /** - * If returns true, deselection is cancelled. - * @since 2.0.0 - * @return {Boolean} [cancel] - */ - onDeselect: function() { - this.destroy(); - return false; - }, - - /** - * Returns string representation of a group - * @return {String} - */ - toString: function() { - return '#'; - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * @return {Boolean} - */ - shouldCache: function() { - return false; - }, - - /** - * Check if this group or its parent group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function() { - return false; - }, - - /** - * Renders controls and borders for the object - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style - * @param {Object} [childrenOverride] properties to override the children overrides - */ - _renderControls: function(ctx, styleOverride, childrenOverride) { - ctx.save(); - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - this.callSuper('_renderControls', ctx, styleOverride); - childrenOverride = childrenOverride || { }; - if (typeof childrenOverride.hasControls === 'undefined') { - childrenOverride.hasControls = false; - } - childrenOverride.forActiveSelection = true; - for (var i = 0, len = this._objects.length; i < len; i++) { - this._objects[i]._renderControls(ctx, childrenOverride); - } - ctx.restore(); - }, - }); - - /** - * Returns {@link fabric.ActiveSelection} instance from an object representation - * @static - * @memberOf fabric.ActiveSelection - * @param {Object} object Object to create a group from - * @param {Function} [callback] Callback to invoke when an ActiveSelection instance is created - */ - fabric.ActiveSelection.fromObject = function(object, callback) { - fabric.util.enlivenObjects(object.objects, function(enlivenedObjects) { - delete object.objects; - callback && callback(new fabric.ActiveSelection(enlivenedObjects, object, true)); - }); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var extend = fabric.util.object.extend; - - if (!global.fabric) { - global.fabric = { }; - } - - if (global.fabric.Image) { - fabric.warn('fabric.Image is already defined.'); - return; - } - - /** - * Image class - * @class fabric.Image - * @extends fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} - * @see {@link fabric.Image#initialize} for constructor definition - */ - fabric.Image = fabric.util.createClass(fabric.Object, /** @lends fabric.Image.prototype */ { - - /** - * Type of an object - * @type String - * @default - */ - type: 'image', - - /** - * Width of a stroke. - * For image quality a stroke multiple of 2 gives better results. - * @type Number - * @default - */ - strokeWidth: 0, - - /** - * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. - * This allows for relative urls as image src. - * @since 2.7.0 - * @type Boolean - * @default - */ - srcFromAttribute: false, - - /** - * private - * contains last value of scaleX to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleX: 1, - - /** - * private - * contains last value of scaleY to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleY: 1, - - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingX: 1, - - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingY: 1, - - /** - * minimum scale factor under which any resizeFilter is triggered to resize the image - * 0 will disable the automatic resize. 1 will trigger automatically always. - * number bigger than 1 are not implemented yet. - * @type Number - */ - minimumScaleTrigger: 0.5, - - /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric.Object.prototype.stateProperties.concat('cropX', 'cropY'), - - /** - * List of properties to consider when checking if cache needs refresh - * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single - * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty - * and refreshed at the next render - * @type Array - */ - cacheProperties: fabric.Object.prototype.cacheProperties.concat('cropX', 'cropY'), - - /** - * key used to retrieve the texture representing this image - * @since 2.0.0 - * @type String - * @default - */ - cacheKey: '', - - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropX: 0, - - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropY: 0, - - /** - * Indicates whether this canvas will use image smoothing when painting this image. - * Also influence if the cacheCanvas for this image uses imageSmoothing - * @since 4.0.0-beta.11 - * @type Boolean - * @default - */ - imageSmoothing: true, - - /** - * Constructor - * Image can be initialized with any canvas drawable or a string. - * The string should be a url and will be loaded as an image. - * Canvas and Image element work out of the box, while videos require extra code to work. - * Please check video element events for seeking. - * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element - * @param {Object} [options] Options object - * @param {function} [callback] callback function to call after eventual filters applied. - * @return {fabric.Image} thisArg - */ - initialize: function(element, options) { - options || (options = { }); - this.filters = []; - this.cacheKey = 'texture' + fabric.Object.__uid++; - this.callSuper('initialize', options); - this._initElement(element, options); - }, - - /** - * Returns image element which this instance if based on - * @return {HTMLImageElement} Image element - */ - getElement: function() { - return this._element || {}; - }, - - /** - * Sets image element for this instance to a specified one. - * If filters defined they are applied to new image. - * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. - * @param {HTMLImageElement} element - * @param {Object} [options] Options object - * @return {fabric.Image} thisArg - * @chainable - */ - setElement: function(element, options) { - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._element = element; - this._originalElement = element; - this._initConfig(options); - if (this.filters.length !== 0) { - this.applyFilters(); - } - // resizeFilters work on the already filtered copy. - // we need to apply resizeFilters AFTER normal filters. - // applyResizeFilters is run more often than normal filters - // and is triggered by user interactions rather than dev code - if (this.resizeFilter) { - this.applyResizeFilters(); - } - return this; - }, - - /** - * Delete a single texture if in webgl mode - */ - removeTexture: function(key) { - var backend = fabric.filterBackend; - if (backend && backend.evictCachesForKey) { - backend.evictCachesForKey(key); - } - }, - - /** - * Delete textures, reference to elements and eventually JSDOM cleanup - */ - dispose: function () { - this.callSuper('dispose'); - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._cacheContext = undefined; - ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach((function(element) { - fabric.util.cleanUpJsdomNode(this[element]); - this[element] = undefined; - }).bind(this)); - }, - - /** - * Get the crossOrigin value (of the corresponding image element) - */ - getCrossOrigin: function() { - return this._originalElement && (this._originalElement.crossOrigin || null); - }, - - /** - * Returns original size of an image - * @return {Object} Object with "width" and "height" properties - */ - getOriginalSize: function() { - var element = this.getElement(); - return { - width: element.naturalWidth || element.width, - height: element.naturalHeight || element.height - }; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _stroke: function(ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - var w = this.width / 2, h = this.height / 2; - ctx.beginPath(); - ctx.moveTo(-w, -h); - ctx.lineTo(w, -h); - ctx.lineTo(w, h); - ctx.lineTo(-w, h); - ctx.lineTo(-w, -h); - ctx.closePath(); - }, - - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function(propertiesToInclude) { - var filters = []; - - this.filters.forEach(function(filterObj) { - if (filterObj) { - filters.push(filterObj.toObject()); - } - }); - var object = extend( - this.callSuper( - 'toObject', - ['cropX', 'cropY'].concat(propertiesToInclude) - ), { - src: this.getSrc(), - crossOrigin: this.getCrossOrigin(), - filters: filters, - }); - if (this.resizeFilter) { - object.resizeFilter = this.resizeFilter.toObject(); - } - return object; - }, - - /** - * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. - * @return {Boolean} - */ - hasCrop: function() { - return this.cropX || this.cropY || this.width < this._element.width || this.height < this._element.height; - }, - - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function() { - var svgString = [], imageMarkup = [], strokeSvg, element = this._element, - x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; - if (!element) { - return []; - } - if (this.hasCrop()) { - var clipPathId = fabric.Object.__uid++; - svgString.push( - '\n', - '\t\n', - '\n' - ); - clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; - } - if (!this.imageSmoothing) { - imageRendering = '" image-rendering="optimizeSpeed'; - } - imageMarkup.push('\t\n'); - - if (this.stroke || this.strokeDashArray) { - var origFill = this.fill; - this.fill = null; - strokeSvg = [ - '\t\n' - ]; - this.fill = origFill; - } - if (this.paintFirst !== 'fill') { - svgString = svgString.concat(strokeSvg, imageMarkup); - } - else { - svgString = svgString.concat(imageMarkup, strokeSvg); - } - return svgString; - }, - /* _TO_SVG_END_ */ - - /** - * Returns source of an image - * @param {Boolean} filtered indicates if the src is needed for svg - * @return {String} Source of an image - */ - getSrc: function(filtered) { - var element = filtered ? this._element : this._originalElement; - if (element) { - if (element.toDataURL) { - return element.toDataURL(); - } - - if (this.srcFromAttribute) { - return element.getAttribute('src'); - } - else { - return element.src; - } - } - else { - return this.src || ''; - } - }, - - /** - * Sets source of an image - * @param {String} src Source string (URL) - * @param {Function} [callback] Callback is invoked when image has been loaded (and all filters have been applied) - * @param {Object} [options] Options object - * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") - * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes - * @return {fabric.Image} thisArg - * @chainable - */ - setSrc: function(src, callback, options) { - fabric.util.loadImage(src, function(img, isError) { - this.setElement(img, options); - this._setWidthHeight(); - callback && callback(this, isError); - }, this, options && options.crossOrigin); - return this; - }, - - /** - * Returns string representation of an instance - * @return {String} String representation of an instance - */ - toString: function() { - return '#'; - }, - - applyResizeFilters: function() { - var filter = this.resizeFilter, - minimumScale = this.minimumScaleTrigger, - objectScale = this.getTotalObjectScaling(), - scaleX = objectScale.scaleX, - scaleY = objectScale.scaleY, - elementToFilter = this._filteredEl || this._originalElement; - if (this.group) { - this.set('dirty', true); - } - if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { - this._element = elementToFilter; - this._filterScalingX = 1; - this._filterScalingY = 1; - this._lastScaleX = scaleX; - this._lastScaleY = scaleY; - return; - } - if (!fabric.filterBackend) { - fabric.filterBackend = fabric.initFilterBackend(); - } - var canvasEl = fabric.util.createCanvasElement(), - cacheKey = this._filteredEl ? (this.cacheKey + '_filtered') : this.cacheKey, - sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._lastScaleX = filter.scaleX = scaleX; - this._lastScaleY = filter.scaleY = scaleY; - fabric.filterBackend.applyFilters( - [filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); - this._filterScalingX = canvasEl.width / this._originalElement.width; - this._filterScalingY = canvasEl.height / this._originalElement.height; - }, - - /** - * Applies filters assigned to this image (from "filters" array) or from filter param - * @method applyFilters - * @param {Array} filters to be applied - * @param {Boolean} forResizing specify if the filter operation is a resize operation - * @return {thisArg} return the fabric.Image object - * @chainable - */ - applyFilters: function(filters) { - - filters = filters || this.filters || []; - filters = filters.filter(function(filter) { return filter && !filter.isNeutralState(); }); - this.set('dirty', true); - - // needs to clear out or WEBGL will not resize correctly - this.removeTexture(this.cacheKey + '_filtered'); - - if (filters.length === 0) { - this._element = this._originalElement; - this._filteredEl = null; - this._filterScalingX = 1; - this._filterScalingY = 1; - return this; - } - - var imgElement = this._originalElement, - sourceWidth = imgElement.naturalWidth || imgElement.width, - sourceHeight = imgElement.naturalHeight || imgElement.height; - - if (this._element === this._originalElement) { - // if the element is the same we need to create a new element - var canvasEl = fabric.util.createCanvasElement(); - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._filteredEl = canvasEl; - } - else { - // clear the existing element to get new filter data - // also dereference the eventual resized _element - this._element = this._filteredEl; - this._filteredEl.getContext('2d').clearRect(0, 0, sourceWidth, sourceHeight); - // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y - this._lastScaleX = 1; - this._lastScaleY = 1; - } - if (!fabric.filterBackend) { - fabric.filterBackend = fabric.initFilterBackend(); - } - fabric.filterBackend.applyFilters( - filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); - if (this._originalElement.width !== this._element.width || - this._originalElement.height !== this._element.height) { - this._filterScalingX = this._element.width / this._originalElement.width; - this._filterScalingY = this._element.height / this._originalElement.height; - } - return this; - }, - - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function(ctx) { - fabric.util.setImageSmoothing(ctx, this.imageSmoothing); - if (this.isMoving !== true && this.resizeFilter && this._needsResize()) { - this.applyResizeFilters(); - } - this._stroke(ctx); - this._renderPaintInOrder(ctx); - }, - - /** - * Paint the cached copy of the object on the target context. - * it will set the imageSmoothing for the draw operation - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawCacheOnCanvas: function(ctx) { - fabric.util.setImageSmoothing(ctx, this.imageSmoothing); - fabric.Object.prototype.drawCacheOnCanvas.call(this, ctx); - }, - - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * This is the special image version where we would like to avoid caching where possible. - * Essentially images do not benefit from caching. They may require caching, and in that - * case we do it. Also caching an image usually ends in a loss of details. - * A full performance audit should be done. - * @return {Boolean} - */ - shouldCache: function() { - return this.needsItsOwnCache(); - }, - - _renderFill: function(ctx) { - var elementToDraw = this._element; - if (!elementToDraw) { - return; - } - var scaleX = this._filterScalingX, scaleY = this._filterScalingY, - w = this.width, h = this.height, min = Math.min, max = Math.max, - // crop values cannot be lesser than 0. - cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), - elWidth = elementToDraw.naturalWidth || elementToDraw.width, - elHeight = elementToDraw.naturalHeight || elementToDraw.height, - sX = cropX * scaleX, - sY = cropY * scaleY, - // the width height cannot exceed element width/height, starting from the crop offset. - sW = min(w * scaleX, elWidth - sX), - sH = min(h * scaleY, elHeight - sY), - x = -w / 2, y = -h / 2, - maxDestW = min(w, elWidth / scaleX - cropX), - maxDestH = min(h, elHeight / scaleY - cropY); - - elementToDraw && ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); - }, - - /** - * needed to check if image needs resize - * @private - */ - _needsResize: function() { - var scale = this.getTotalObjectScaling(); - return (scale.scaleX !== this._lastScaleX || scale.scaleY !== this._lastScaleY); - }, - - /** - * @private - */ - _resetWidthHeight: function() { - this.set(this.getOriginalSize()); - }, - - /** - * The Image class's initialization method. This method is automatically - * called by the constructor. - * @private - * @param {HTMLImageElement|String} element The element representing the image - * @param {Object} [options] Options object - */ - _initElement: function(element, options) { - this.setElement(fabric.util.getById(element), options); - fabric.util.addClass(this.getElement(), fabric.Image.CSS_CANVAS); - }, - - /** - * @private - * @param {Object} [options] Options object - */ - _initConfig: function(options) { - options || (options = { }); - this.setOptions(options); - this._setWidthHeight(options); - }, - - /** - * @private - * @param {Array} filters to be initialized - * @param {Function} callback Callback to invoke when all fabric.Image.filters instances are created - */ - _initFilters: function(filters, callback) { - if (filters && filters.length) { - fabric.util.enlivenObjects(filters, function(enlivenedObjects) { - callback && callback(enlivenedObjects); - }, 'fabric.Image.filters'); - } - else { - callback && callback(); - } - }, - - /** - * @private - * Set the width and the height of the image object, using the element or the - * options. - * @param {Object} [options] Object with width/height properties - */ - _setWidthHeight: function(options) { - options || (options = { }); - var el = this.getElement(); - this.width = options.width || el.naturalWidth || el.width || 0; - this.height = options.height || el.naturalHeight || el.height || 0; - }, - - /** - * Calculate offset for center and scale factor for the image in order to respect - * the preserveAspectRatio attribute - * @private - * @return {Object} - */ - parsePreserveAspectRatioAttribute: function() { - var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), - rWidth = this._element.width, rHeight = this._element.height, - scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, - offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; - if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { - if (pAR.meetOrSlice === 'meet') { - scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); - offset = (pWidth - rWidth * scaleX) / 2; - if (pAR.alignX === 'Min') { - offsetLeft = -offset; - } - if (pAR.alignX === 'Max') { - offsetLeft = offset; - } - offset = (pHeight - rHeight * scaleY) / 2; - if (pAR.alignY === 'Min') { - offsetTop = -offset; - } - if (pAR.alignY === 'Max') { - offsetTop = offset; - } - } - if (pAR.meetOrSlice === 'slice') { - scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); - offset = rWidth - pWidth / scaleX; - if (pAR.alignX === 'Mid') { - cropX = offset / 2; - } - if (pAR.alignX === 'Max') { - cropX = offset; - } - offset = rHeight - pHeight / scaleY; - if (pAR.alignY === 'Mid') { - cropY = offset / 2; - } - if (pAR.alignY === 'Max') { - cropY = offset; - } - rWidth = pWidth / scaleX; - rHeight = pHeight / scaleY; - } - } - else { - scaleX = pWidth / rWidth; - scaleY = pHeight / rHeight; - } - return { - width: rWidth, - height: rHeight, - scaleX: scaleX, - scaleY: scaleY, - offsetLeft: offsetLeft, - offsetTop: offsetTop, - cropX: cropX, - cropY: cropY - }; - } - }); - - /** - * Default CSS class name for canvas - * @static - * @type String - * @default - */ - fabric.Image.CSS_CANVAS = 'canvas-img'; - - /** - * Alias for getSrc - * @static - */ - fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; - - /** - * Creates an instance of fabric.Image from its object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} callback Callback to invoke when an image instance is created - */ - fabric.Image.fromObject = function(_object, callback) { - var object = fabric.util.object.clone(_object); - fabric.util.loadImage(object.src, function(img, isError) { - if (isError) { - callback && callback(null, true); - return; - } - fabric.Image.prototype._initFilters.call(object, object.filters, function(filters) { - object.filters = filters || []; - fabric.Image.prototype._initFilters.call(object, [object.resizeFilter], function(resizeFilters) { - object.resizeFilter = resizeFilters[0]; - fabric.util.enlivenObjectEnlivables(object, object, function () { - var image = new fabric.Image(img, object); - callback(image, false); - }); - }); - }); - }, null, object.crossOrigin); - }; - - /** - * Creates an instance of fabric.Image from an URL string - * @static - * @param {String} url URL to create an image from - * @param {Function} [callback] Callback to invoke when image is created (newly created image is passed as a first argument). Second argument is a boolean indicating if an error occurred or not. - * @param {Object} [imgOptions] Options object - */ - fabric.Image.fromURL = function(url, callback, imgOptions) { - fabric.util.loadImage(url, function(img, isError) { - callback && callback(new fabric.Image(img, imgOptions), isError); - }, null, imgOptions && imgOptions.crossOrigin); - }; - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) - * @static - * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} - */ - fabric.Image.ATTRIBUTE_NAMES = - fabric.SHARED_ATTRIBUTES.concat( - 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ') - ); - - /** - * Returns {@link fabric.Image} instance from an SVG element - * @static - * @param {SVGElement} element Element to parse - * @param {Object} [options] Options object - * @param {Function} callback Callback to execute when fabric.Image object is created - * @return {fabric.Image} Instance of fabric.Image - */ - fabric.Image.fromElement = function(element, callback, options) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); - fabric.Image.fromURL(parsedAttributes['xlink:href'], callback, - extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); - }; - /* _FROM_SVG_END_ */ - -})(typeof exports !== 'undefined' ? exports : this); - - -fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { - - /** - * @private - * @return {Number} angle value - */ - _getAngleValueForStraighten: function() { - var angle = this.angle % 360; - if (angle > 0) { - return Math.round((angle - 1) / 90) * 90; - } - return Math.round(angle / 90) * 90; - }, - - /** - * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) - * @return {fabric.Object} thisArg - * @chainable - */ - straighten: function() { - return this.rotate(this._getAngleValueForStraighten()); - }, - - /** - * Same as {@link fabric.Object.prototype.straighten} but with animation - * @param {Object} callbacks Object with callback functions - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.Object} thisArg - */ - fxStraighten: function(callbacks) { - callbacks = callbacks || { }; - - var empty = function() { }, - onComplete = callbacks.onComplete || empty, - onChange = callbacks.onChange || empty, - _this = this; - - return fabric.util.animate({ - target: this, - startValue: this.get('angle'), - endValue: this._getAngleValueForStraighten(), - duration: this.FX_DURATION, - onChange: function(value) { - _this.rotate(value); - onChange(); - }, - onComplete: function() { - _this.setCoords(); - onComplete(); - }, + fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, + /** @lends fabric.Canvas.prototype */ { + /** + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function (el, options) { + options || (options = {}); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + this._initInteractive(); + this._createCacheCanvas(); + }, + /** + * When true, objects can be transformed by one side (unproportionally) + * when dragged on the corners that normally would not do that. + * @type Boolean + * @default + * @since fabric 4.0 // changed name and default value + */ + uniformScaling: true, + /** + * Indicates which key switches uniform scaling. + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * totally wrong named. this sounds like `uniform scaling` + * if Canvas.uniformScaling is true, pressing this will set it to false + * and viceversa. + * @since 1.6.2 + * @type ModifierKey + * @default + */ + uniScaleKey: 'shiftKey', + /** + * When true, objects use center point as the origin of scale transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredScaling: false, + /** + * When true, objects use center point as the origin of rotate transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredRotation: false, + /** + * Indicates which key enable centered Transform + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type ModifierKey + * @default + */ + centeredKey: 'altKey', + /** + * Indicates which key enable alternate action on corner + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type ModifierKey + * @default + */ + altActionKey: 'shiftKey', + /** + * Indicates that canvas is interactive. This property should not be changed. + * @type Boolean + * @default + */ + interactive: true, + /** + * Indicates whether group selection should be enabled + * @type Boolean + * @default + */ + selection: true, + /** + * Indicates which key or keys enable multiple click selection + * Pass value as a string or array of strings + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or empty or containing any other string that is not a modifier key + * feature is disabled. + * @since 1.6.2 + * @type ModifierKey|ModifierKey[] + * @default + */ + selectionKey: 'shiftKey', + /** + * Indicates which key enable alternative selection + * in case of target overlapping with active object + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * For a series of reason that come from the general expectations on how + * things should work, this feature works only for preserveObjectStacking true. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * @since 1.6.5 + * @type null|ModifierKey + * @default + */ + altSelectionKey: null, + /** + * Color of selection + * @type String + * @default + */ + selectionColor: 'rgba(100, 100, 255, 0.3)', + /** + * Default dash array pattern + * If not empty the selection border is dashed + * @type Array + */ + selectionDashArray: [], + /** + * Color of the border of selection (usually slightly darker than color of selection itself) + * @type String + * @default + */ + selectionBorderColor: 'rgba(255, 255, 255, 0.3)', + /** + * Width of a line used in object/group selection + * @type Number + * @default + */ + selectionLineWidth: 1, + /** + * Select only shapes that are fully contained in the dragged selection rectangle. + * @type Boolean + * @default + */ + selectionFullyContained: false, + /** + * Default cursor value used when hovering over an object on canvas + * @type String + * @default + */ + hoverCursor: 'move', + /** + * Default cursor value used when moving an object on canvas + * @type String + * @default + */ + moveCursor: 'move', + /** + * Default cursor value used for the entire canvas + * @type String + * @default + */ + defaultCursor: 'default', + /** + * Cursor value used during free drawing + * @type String + * @default + */ + freeDrawingCursor: 'crosshair', + /** + * Cursor value used for disabled elements ( corners with disabled action ) + * @type String + * @since 2.0.0 + * @default + */ + notAllowedCursor: 'not-allowed', + /** + * Default element class that's given to wrapper (div) element of canvas + * @type String + * @default + */ + containerClass: 'canvas-container', + /** + * When true, object detection happens on per-pixel basis rather than on per-bounding-box + * @type Boolean + * @default + */ + perPixelTargetFind: false, + /** + * Number of pixels around target pixel to tolerate (consider active) during object detection + * @type Number + * @default + */ + targetFindTolerance: 0, + /** + * When true, target detection is skipped. Target detection will return always undefined. + * click selection won't work anymore, events will fire with no targets. + * if something is selected before setting it to true, it will be deselected at the first click. + * area selection will still work. check the `selection` property too. + * if you deactivate both, you should look into staticCanvas. + * @type Boolean + * @default + */ + skipTargetFind: false, + /** + * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. + * After mousedown, mousemove creates a shape, + * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. + * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} + * @type Boolean + * @default + */ + isDrawingMode: false, + /** + * Indicates whether objects should remain in current stack position when selected. + * When false objects are brought to top and rendered as part of the selection group + * @type Boolean + * @default + */ + preserveObjectStacking: false, + /** + * Indicates if the right click on canvas can output the context menu or not + * @type Boolean + * @since 1.6.5 + * @default + */ + stopContextMenu: false, + /** + * Indicates if the canvas can fire right click events + * @type Boolean + * @since 1.6.5 + * @default + */ + fireRightClick: false, + /** + * Indicates if the canvas can fire middle click events + * @type Boolean + * @since 1.7.8 + * @default + */ + fireMiddleClick: false, + /** + * Keep track of the subTargets for Mouse Events + * @type fabric.Object[] + */ + targets: [], + /** + * When the option is enabled, PointerEvent is used instead of MouseEvent. + * @type Boolean + * @default + */ + enablePointerEvents: false, + /** + * Keep track of the hovered target + * @type fabric.Object + * @private + */ + _hoveredTarget: null, + /** + * hold the list of nested targets hovered + * @type fabric.Object[] + * @private + */ + _hoveredTargets: [], + /** + * hold the list of objects to render + * @type fabric.Object[] + * @private + */ + _objectsToRender: undefined, + /** + * @private + */ + _initInteractive: function () { + this._currentTransform = null; + this._groupSelector = null; + this._initWrapperElement(); + this._createUpperCanvas(); + this._initEventListeners(); + this._initRetinaScaling(); + this.freeDrawingBrush = + fabric.PencilBrush && new fabric.PencilBrush(this); + this.calcOffset(); + }, + /** + * @private + * @param {fabric.Object} obj Object that was added + */ + _onObjectAdded: function (obj) { + this._objectsToRender = undefined; + this.callSuper('_onObjectAdded', obj); + }, + /** + * @private + * @param {fabric.Object} obj Object that was removed + */ + _onObjectRemoved: function (obj) { + this._objectsToRender = undefined; + // removing active object should fire "selection:cleared" events + if (obj === this._activeObject) { + this.fire('before:selection:cleared', { target: obj }); + this._discardActiveObject(); + this.fire('selection:cleared', { target: obj }); + obj.fire('deselected'); + } + if (obj === this._hoveredTarget) { + this._hoveredTarget = null; + this._hoveredTargets = []; + } + this.callSuper('_onObjectRemoved', obj); + }, + /** + * Divides objects in two groups, one to render immediately + * and one to render as activeGroup. + * @return {Array} objects to render immediately and pushes the other in the activeGroup. + */ + _chooseObjectsToRender: function () { + var activeObjects = this.getActiveObjects(), object, objsToRender, activeGroupObjects; + if (!this.preserveObjectStacking && activeObjects.length > 1) { + objsToRender = []; + activeGroupObjects = []; + for (var i = 0, length = this._objects.length; i < length; i++) { + object = this._objects[i]; + if (activeObjects.indexOf(object) === -1) { + objsToRender.push(object); + } + else { + activeGroupObjects.push(object); + } + } + if (activeObjects.length > 1) { + this._activeObject._objects = activeGroupObjects; + } + objsToRender.push.apply(objsToRender, activeGroupObjects); + } + // in case a single object is selected render it's entire parent above the other objects + else if (!this.preserveObjectStacking && activeObjects.length === 1) { + var target = activeObjects[0], ancestors = target.getAncestors(true); + var topAncestor = ancestors.length === 0 ? target : ancestors.pop(); + objsToRender = this._objects.slice(); + var index = objsToRender.indexOf(topAncestor); + index > -1 && + objsToRender.splice(objsToRender.indexOf(topAncestor), 1); + objsToRender.push(topAncestor); + } + else { + objsToRender = this._objects; + } + return objsToRender; + }, + /** + * Renders both the top canvas and the secondary container canvas. + * @return {fabric.Canvas} instance + * @chainable + */ + renderAll: function () { + this.cancelRequestedRender(); + if (this.destroyed) { + return; + } + if (this.contextTopDirty && + !this._groupSelector && + !this.isDrawingMode) { + this.clearContext(this.contextTop); + this.contextTopDirty = false; + } + if (this.hasLostContext) { + this.renderTopLayer(this.contextTop); + this.hasLostContext = false; + } + !this._objectsToRender && + (this._objectsToRender = this._chooseObjectsToRender()); + this.renderCanvas(this.contextContainer, this._objectsToRender); + return this; + }, + renderTopLayer: function (ctx) { + ctx.save(); + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this.freeDrawingBrush && this.freeDrawingBrush._render(); + this.contextTopDirty = true; + } + // we render the top context - last object + if (this.selection && this._groupSelector) { + this._drawSelection(ctx); + this.contextTopDirty = true; + } + ctx.restore(); + }, + /** + * Method to render only the top canvas. + * Also used to render the group selection box. + * @return {fabric.Canvas} thisArg + * @chainable + */ + renderTop: function () { + var ctx = this.contextTop; + this.clearContext(ctx); + this.renderTopLayer(ctx); + this.fire('after:render'); + return this; + }, + /** + * @private + */ + _normalizePointer: function (object, pointer) { + var m = object.calcTransformMatrix(), invertedM = fabric.util.invertTransform(m), vptPointer = this.restorePointerVpt(pointer); + return fabric.util.transformPoint(vptPointer, invertedM); + }, + /** + * Returns true if object is transparent at a certain location + * @param {fabric.Object} target Object to check + * @param {Number} x Left coordinate + * @param {Number} y Top coordinate + * @return {Boolean} + */ + isTargetTransparent: function (target, x, y) { + // in case the target is the activeObject, we cannot execute this optimization + // because we need to draw controls too. + if (target.shouldCache() && + target._cacheCanvas && + target !== this._activeObject) { + var normalizedPointer = this._normalizePointer(target, { + x: x, + y: y, + }), targetRelativeX = Math.max(target.cacheTranslationX + normalizedPointer.x * target.zoomX, 0), targetRelativeY = Math.max(target.cacheTranslationY + normalizedPointer.y * target.zoomY, 0); + var isTransparent = fabric.util.isTransparent(target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); + return isTransparent; + } + var ctx = this.contextCache, originalColor = target.selectionBackgroundColor, v = this.viewportTransform; + target.selectionBackgroundColor = ''; + this.clearContext(ctx); + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + target.render(ctx); + ctx.restore(); + target.selectionBackgroundColor = originalColor; + var isTransparent = fabric.util.isTransparent(ctx, x, y, this.targetFindTolerance); + return isTransparent; + }, + /** + * takes an event and determines if selection key has been pressed + * @private + * @param {Event} e Event object + */ + _isSelectionKeyPressed: function (e) { + var selectionKeyPressed = false; + if (Array.isArray(this.selectionKey)) { + selectionKeyPressed = !!this.selectionKey.find(function (key) { + return e[key] === true; + }); + } + else { + selectionKeyPressed = e[this.selectionKey]; + } + return selectionKeyPressed; + }, + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _shouldClearSelection: function (e, target) { + var activeObjects = this.getActiveObjects(), activeObject = this._activeObject; + return (!target || + (target && + activeObject && + activeObjects.length > 1 && + activeObjects.indexOf(target) === -1 && + activeObject !== target && + !this._isSelectionKeyPressed(e)) || + (target && !target.evented) || + (target && + !target.selectable && + activeObject && + activeObject !== target)); + }, + /** + * centeredScaling from object can't override centeredScaling from canvas. + * this should be fixed, since object setting should take precedence over canvas. + * also this should be something that will be migrated in the control properties. + * as ability to define the origin of the transformation that the control provide. + * @private + * @param {fabric.Object} target + * @param {String} action + * @param {Boolean} altKey + */ + _shouldCenterTransform: function (target, action, altKey) { + if (!target) { + return; + } + var centerTransform; + if (action === 'scale' || + action === 'scaleX' || + action === 'scaleY' || + action === 'resizing') { + centerTransform = this.centeredScaling || target.centeredScaling; + } + else if (action === 'rotate') { + centerTransform = this.centeredRotation || target.centeredRotation; + } + return centerTransform ? !altKey : altKey; + }, + /** + * should disappear before release 4.0 + * @private + */ + _getOriginFromCorner: function (target, corner) { + var origin = { + x: target.originX, + y: target.originY, + }; + if (corner === 'ml' || corner === 'tl' || corner === 'bl') { + origin.x = 'right'; + } + else if (corner === 'mr' || corner === 'tr' || corner === 'br') { + origin.x = 'left'; + } + if (corner === 'tl' || corner === 'mt' || corner === 'tr') { + origin.y = 'bottom'; + } + else if (corner === 'bl' || corner === 'mb' || corner === 'br') { + origin.y = 'top'; + } + return origin; + }, + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _setupCurrentTransform: function (e, target, alreadySelected) { + if (!target) { + return; + } + var pointer = this.getPointer(e); + if (target.group) { + // transform pointer to target's containing coordinate plane + pointer = fabric.util.transformPoint(pointer, fabric.util.invertTransform(target.group.calcTransformMatrix())); + } + var corner = target.__corner, control = target.controls[corner], actionHandler = alreadySelected && corner + ? control.getActionHandler(e, target, control) + : dragHandler, action = getActionFromCorner(alreadySelected, corner, e, target), origin = this._getOriginFromCorner(target, corner), altKey = e[this.centeredKey], + /** + * relative to target's containing coordinate plane + * both agree on every point + **/ + transform = { + target: target, + action: action, + actionHandler: actionHandler, + corner: corner, + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + offsetX: pointer.x - target.left, + offsetY: pointer.y - target.top, + originX: origin.x, + originY: origin.y, + ex: pointer.x, + ey: pointer.y, + lastX: pointer.x, + lastY: pointer.y, + theta: degreesToRadians(target.angle), + width: target.width, + height: target.height, + shiftKey: e.shiftKey, + altKey: altKey, + original: saveObjectTransform(target), + }; + if (this._shouldCenterTransform(target, action, altKey)) { + transform.originX = 'center'; + transform.originY = 'center'; + } + transform.original.originX = origin.x; + transform.original.originY = origin.y; + this._currentTransform = transform; + this._beforeTransform(e); + }, + /** + * Set the cursor type of the canvas element + * @param {String} value Cursor type of the canvas element. + * @see http://www.w3.org/TR/css3-ui/#cursor + */ + setCursor: function (value) { + this.upperCanvasEl.style.cursor = value; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx to draw the selection on + */ + _drawSelection: function (ctx) { + var selector = this._groupSelector, viewportStart = new Point(selector.ex, selector.ey), start = fabric.util.transformPoint(viewportStart, this.viewportTransform), viewportExtent = new Point(selector.ex + selector.left, selector.ey + selector.top), extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), minX = Math.min(start.x, extent.x), minY = Math.min(start.y, extent.y), maxX = Math.max(start.x, extent.x), maxY = Math.max(start.y, extent.y), strokeOffset = this.selectionLineWidth / 2; + if (this.selectionColor) { + ctx.fillStyle = this.selectionColor; + ctx.fillRect(minX, minY, maxX - minX, maxY - minY); + } + if (!this.selectionLineWidth || !this.selectionBorderColor) { + return; + } + ctx.lineWidth = this.selectionLineWidth; + ctx.strokeStyle = this.selectionBorderColor; + minX += strokeOffset; + minY += strokeOffset; + maxX -= strokeOffset; + maxY -= strokeOffset; + // selection border + InteractiveFabricObject.prototype._setLineDash.call(this, ctx, this.selectionDashArray); + ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); + }, + /** + * Method that determines what object we are clicking on + * the skipGroup parameter is for internal use, is needed for shift+click action + * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target + * or the outside part of the corner. + * @param {Event} e mouse event + * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through + * @return {fabric.Object} the target found + */ + findTarget: function (e, skipGroup) { + if (this.skipTargetFind) { + return; + } + var ignoreZoom = true, pointer = this.getPointer(e, ignoreZoom), activeObject = this._activeObject, aObjects = this.getActiveObjects(), activeTarget, activeTargetSubs, isTouch = isTouchEvent(e), shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; + // first check current group (if one exists) + // active group does not check sub targets like normal groups. + // if active group just exits. + this.targets = []; + // if we hit the corner of an activeObject, let's return that. + if (shouldLookForActive && + activeObject._findTargetCorner(pointer, isTouch)) { + return activeObject; + } + if (aObjects.length > 1 && + activeObject.type === 'activeSelection' && + !skipGroup && + this.searchPossibleTargets([activeObject], pointer)) { + return activeObject; + } + if (aObjects.length === 1 && + activeObject === this.searchPossibleTargets([activeObject], pointer)) { + if (!this.preserveObjectStacking) { + return activeObject; + } + else { + activeTarget = activeObject; + activeTargetSubs = this.targets; + this.targets = []; + } + } + var target = this.searchPossibleTargets(this._objects, pointer); + if (e[this.altSelectionKey] && + target && + activeTarget && + target !== activeTarget) { + target = activeTarget; + this.targets = activeTargetSubs; + } + return target; + }, + /** + * Checks point is inside the object. + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @param {fabric.Object} obj Object to test against + * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. + * @return {Boolean} true if point is contained within an area of given object + * @private + */ + _checkTarget: function (pointer, obj, globalPointer) { + if (obj && + obj.visible && + obj.evented && + // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html + // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html + obj.containsPoint(pointer)) { + if ((this.perPixelTargetFind || obj.perPixelTargetFind) && + !obj.isEditing) { + var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); + if (!isTransparent) { + return true; + } + } + else { + return true; + } + } + }, + /** + * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted + * @param {Array} [objects] objects array to look into + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @return {fabric.Object} **top most object from given `objects`** that contains pointer + * @private + */ + _searchPossibleTargets: function (objects, pointer) { + // Cache all targets where their bounding box contains point. + var target, i = objects.length, subTarget; + // Do not check for currently grouped objects, since we check the parent group itself. + // until we call this function specifically to search inside the activeGroup + while (i--) { + var objToCheck = objects[i]; + var pointerToUse = objToCheck.group + ? this._normalizePointer(objToCheck.group, pointer) + : pointer; + if (this._checkTarget(pointerToUse, objToCheck, pointer)) { + target = objects[i]; + if (target.subTargetCheck && Array.isArray(target._objects)) { + subTarget = this._searchPossibleTargets(target._objects, pointer); + subTarget && this.targets.push(subTarget); + } + break; + } + } + return target; + }, + /** + * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted + * @see {@link fabric.Canvas#_searchPossibleTargets} + * @param {Array} [objects] objects array to look into + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @return {fabric.Object} **top most object on screen** that contains pointer + */ + searchPossibleTargets: function (objects, pointer) { + var target = this._searchPossibleTargets(objects, pointer); + return target && target.interactive && this.targets[0] + ? this.targets[0] + : target; + }, + /** + * Returns pointer coordinates without the effect of the viewport + * @param {Object} pointer with "x" and "y" number values + * @return {Object} object with "x" and "y" number values + */ + restorePointerVpt: function (pointer) { + return fabric.util.transformPoint(pointer, fabric.util.invertTransform(this.viewportTransform)); + }, + /** + * Returns pointer coordinates relative to canvas. + * Can return coordinates with or without viewportTransform. + * ignoreVpt false gives back coordinates that represent + * the point clicked on canvas element. + * ignoreVpt true gives back coordinates after being processed + * by the viewportTransform ( sort of coordinates of what is displayed + * on the canvas where you are clicking. + * ignoreVpt true = HTMLElement coordinates relative to top,left + * ignoreVpt false, default = fabric space coordinates, the same used for shape position + * To interact with your shapes top and left you want to use ignoreVpt true + * most of the time, while ignoreVpt false will give you coordinates + * compatible with the object.oCoords system. + * of the time. + * @param {Event} e + * @param {Boolean} ignoreVpt + * @return {Point} + */ + getPointer: function (e, ignoreVpt) { + // return cached values if we are in the event processing chain + if (this._absolutePointer && !ignoreVpt) { + return this._absolutePointer; + } + if (this._pointer && ignoreVpt) { + return this._pointer; + } + var pointer = getPointer(e), upperCanvasEl = this.upperCanvasEl, bounds = upperCanvasEl.getBoundingClientRect(), boundsWidth = bounds.width || 0, boundsHeight = bounds.height || 0, cssScale; + if (!boundsWidth || !boundsHeight) { + if ('top' in bounds && 'bottom' in bounds) { + boundsHeight = Math.abs(bounds.top - bounds.bottom); + } + if ('right' in bounds && 'left' in bounds) { + boundsWidth = Math.abs(bounds.right - bounds.left); + } + } + this.calcOffset(); + pointer.x = pointer.x - this._offset.left; + pointer.y = pointer.y - this._offset.top; + if (!ignoreVpt) { + pointer = this.restorePointerVpt(pointer); + } + var retinaScaling = this.getRetinaScaling(); + if (retinaScaling !== 1) { + pointer.x /= retinaScaling; + pointer.y /= retinaScaling; + } + // If bounds are not available (i.e. not visible), do not apply scale. + cssScale = + boundsWidth === 0 || boundsHeight === 0 + ? new Point(1, 1) + : new Point(upperCanvasEl.width / boundsWidth, upperCanvasEl.height / boundsHeight); + return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y); + }, + /** + * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) + * @param {Object} dimensions Object with width/height properties + * @param {Number|String} [dimensions.width] Width of canvas element + * @param {Number|String} [dimensions.height] Height of canvas element + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} thisArg + * @chainable + */ + setDimensions: function (dimensions, options) { + this._resetTransformEventData(); + return this.callSuper('setDimensions', dimensions, options); + }, + /** + * @private + * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized + */ + _createUpperCanvas: function () { + var lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; + // if there is no upperCanvas (most common case) we create one. + if (!upperCanvasEl) { + upperCanvasEl = this._createCanvasElement(); + this.upperCanvasEl = upperCanvasEl; + } + // we assign the same classname of the lowerCanvas + upperCanvasEl.className = lowerCanvasEl.className; + // but then we remove the lower-canvas specific className + upperCanvasEl.classList.remove('lower-canvas'); + // we add the specific upper-canvas class + upperCanvasEl.classList.add('upper-canvas'); + upperCanvasEl.setAttribute('data-fabric', 'top'); + this.wrapperEl.appendChild(upperCanvasEl); + this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); + this._applyCanvasStyle(upperCanvasEl); + upperCanvasEl.setAttribute('draggable', 'true'); + this.contextTop = upperCanvasEl.getContext('2d'); + }, + /** + * @private + */ + _createCacheCanvas: function () { + this.cacheCanvasEl = this._createCanvasElement(); + this.cacheCanvasEl.setAttribute('width', this.width); + this.cacheCanvasEl.setAttribute('height', this.height); + this.contextCache = this.cacheCanvasEl.getContext('2d'); + }, + /** + * @private + */ + _initWrapperElement: function () { + if (this.wrapperEl) { + return; + } + const container = fabric.document.createElement('div'); + container.classList.add(this.containerClass); + this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container); + this.wrapperEl.setAttribute('data-fabric', 'wrapper'); + fabric.util.setStyle(this.wrapperEl, { + width: this.width + 'px', + height: this.height + 'px', + position: 'relative', + }); + fabric.util.makeElementUnselectable(this.wrapperEl); + }, + /** + * @private + * @param {HTMLElement} element canvas element to apply styles on + */ + _applyCanvasStyle: function (element) { + var width = this.width || element.width, height = this.height || element.height; + fabric.util.setStyle(element, { + position: 'absolute', + width: width + 'px', + height: height + 'px', + left: 0, + top: 0, + 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', + '-ms-touch-action': this.allowTouchScrolling + ? 'manipulation' + : 'none', + }); + element.width = width; + element.height = height; + fabric.util.makeElementUnselectable(element); + }, + /** + * Copy the entire inline style from one element (fromEl) to another (toEl) + * @private + * @param {Element} fromEl Element style is copied from + * @param {Element} toEl Element copied style is applied to + */ + _copyCanvasStyle: function (fromEl, toEl) { + toEl.style.cssText = fromEl.style.cssText; + }, + /** + * Returns context of top canvas where interactions are drawn + * @returns {CanvasRenderingContext2D} + */ + getTopContext: function () { + return this.contextTop; + }, + /** + * Returns context of canvas where object selection is drawn + * @alias + * @return {CanvasRenderingContext2D} + */ + getSelectionContext: function () { + return this.contextTop; + }, + /** + * Returns <canvas> element on which object selection is drawn + * @return {HTMLCanvasElement} + */ + getSelectionElement: function () { + return this.upperCanvasEl; + }, + /** + * Returns currently active object + * @return {fabric.Object} active object + */ + getActiveObject: function () { + return this._activeObject; + }, + /** + * Returns an array with the current selected objects + * @return {fabric.Object} active object + */ + getActiveObjects: function () { + var active = this._activeObject; + if (active) { + if (active.type === 'activeSelection' && active._objects) { + return active._objects.slice(0); + } + else { + return [active]; + } + } + return []; + }, + /** + * @private + * Compares the old activeObject with the current one and fires correct events + * @param {fabric.Object} obj old activeObject + */ + _fireSelectionEvents: function (oldObjects, e) { + var somethingChanged = false, objects = this.getActiveObjects(), added = [], removed = [], invalidate = false; + oldObjects.forEach(function (oldObject) { + if (objects.indexOf(oldObject) === -1) { + somethingChanged = true; + oldObject.fire('deselected', { + e: e, + target: oldObject, + }); + removed.push(oldObject); + } + }); + objects.forEach(function (object) { + if (oldObjects.indexOf(object) === -1) { + somethingChanged = true; + object.fire('selected', { + e: e, + target: object, + }); + added.push(object); + } + }); + if (oldObjects.length > 0 && objects.length > 0) { + invalidate = true; + somethingChanged && + this.fire('selection:updated', { + e: e, + selected: added, + deselected: removed, + }); + } + else if (objects.length > 0) { + invalidate = true; + this.fire('selection:created', { + e: e, + selected: added, + }); + } + else if (oldObjects.length > 0) { + invalidate = true; + this.fire('selection:cleared', { + e: e, + deselected: removed, + }); + } + invalidate && (this._objectsToRender = undefined); + }, + /** + * Sets given object as the only active object on canvas + * @param {fabric.Object} object Object to set as an active one + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {fabric.Canvas} thisArg + * @chainable + */ + setActiveObject: function (object, e) { + var currentActives = this.getActiveObjects(); + this._setActiveObject(object, e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + /** + * This is a private method for now. + * This is supposed to be equivalent to setActiveObject but without firing + * any event. There is commitment to have this stay this way. + * This is the functional part of setActiveObject. + * @private + * @param {Object} object to set as active + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {Boolean} true if the selection happened + */ + _setActiveObject: function (object, e) { + if (this._activeObject === object) { + return false; + } + if (!this._discardActiveObject(e, object)) { + return false; + } + if (object.onSelect({ e: e })) { + return false; + } + this._activeObject = object; + return true; + }, + /** + * This is a private method for now. + * This is supposed to be equivalent to discardActiveObject but without firing + * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way. + * This is the functional part of discardActiveObject. + * @param {Event} [e] Event (passed along when firing "object:deselected") + * @param {Object} object to set as active + * @return {Boolean} true if the selection happened + * @private + */ + _discardActiveObject: function (e, object) { + var obj = this._activeObject; + if (obj) { + // onDeselect return TRUE to cancel selection; + if (obj.onDeselect({ e: e, object: object })) { + return false; + } + if (this._currentTransform && this._currentTransform.target === obj) { + this.endCurrentTransform(e); + } + this._activeObject = null; + } + return true; + }, + /** + * Discards currently active object and fire events. If the function is called by fabric + * as a consequence of a mouse event, the event is passed as a parameter and + * sent to the fire function for the custom events. When used as a method the + * e param does not have any application. + * @param {event} e + * @return {fabric.Canvas} thisArg + * @chainable + */ + discardActiveObject: function (e) { + var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); + if (currentActives.length) { + this.fire('before:selection:cleared', { target: activeObject, e: e }); + } + this._discardActiveObject(e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + /** + * Clears the canvas element, disposes objects, removes all event listeners and frees resources + * + * **CAUTION**: + * + * This method is **UNSAFE**. + * You may encounter a race condition using it if there's a requested render. + * Call this method only if you are sure rendering has settled. + * Consider using {@link dispose} as it is **SAFE** + * + * @private + */ + destroy: function () { + var wrapperEl = this.wrapperEl, lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl, cacheCanvasEl = this.cacheCanvasEl; + this.removeListeners(); + this.callSuper('destroy'); + wrapperEl.removeChild(upperCanvasEl); + wrapperEl.removeChild(lowerCanvasEl); + this.contextCache = null; + this.contextTop = null; + fabric.util.cleanUpJsdomNode(upperCanvasEl); + this.upperCanvasEl = undefined; + fabric.util.cleanUpJsdomNode(cacheCanvasEl); + this.cacheCanvasEl = undefined; + if (wrapperEl.parentNode) { + wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl); + } + delete this.wrapperEl; + return this; + }, + /** + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable + */ + clear: function () { + // this.discardActiveGroup(); + this.discardActiveObject(); + this.clearContext(this.contextTop); + return this.callSuper('clear'); + }, + /** + * Draws objects' controls (borders/controls) + * @param {CanvasRenderingContext2D} ctx Context to render controls on + */ + drawControls: function (ctx) { + var activeObject = this._activeObject; + if (activeObject) { + activeObject._renderControls(ctx); + } + }, + /** + * @private + */ + _toObject: function (instance, methodName, propertiesToInclude) { + //If the object is part of the current selection group, it should + //be transformed appropriately + //i.e. it should be serialised as it would appear if the selection group + //were to be destroyed. + var originalProperties = this._realizeGroupTransformOnObject(instance), object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); + //Undo the damage we did by changing all of its properties + originalProperties && instance.set(originalProperties); + return object; + }, + /** + * Realises an object's group transformation on it + * @private + * @param {fabric.Object} [instance] the object to transform (gets mutated) + * @returns the original values of instance which were changed + */ + _realizeGroupTransformOnObject: function (instance) { + if (instance.group && + instance.group.type === 'activeSelection' && + this._activeObject === instance.group) { + var layoutProps = [ + 'angle', + 'flipX', + 'flipY', + 'left', + 'scaleX', + 'scaleY', + 'skewX', + 'skewY', + 'top', + ]; + //Copy all the positionally relevant properties across now + var originalValues = {}; + layoutProps.forEach(function (prop) { + originalValues[prop] = instance[prop]; + }); + fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); + return originalValues; + } + else { + return null; + } + }, + /** + * @private + */ + _setSVGObject: function (markup, instance, reviver) { + //If the object is in a selection group, simulate what would happen to that + //object when the group is deselected + var originalProperties = this._realizeGroupTransformOnObject(instance); + this.callSuper('_setSVGObject', markup, instance, reviver); + originalProperties && instance.set(originalProperties); + }, + setViewportTransform: function (vpt) { + if (this.renderOnAddRemove && + this._activeObject && + this._activeObject.isEditing) { + this._activeObject.clearContextTop(); + } + fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); + }, }); - } -}); - -fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { - - /** - * Straightens object, then rerenders canvas - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - * @chainable - */ - straightenObject: function (object) { - object.straighten(); - this.requestRenderAll(); - return this; - }, - - /** - * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - */ - fxStraightenObject: function (object) { - return object.fxStraighten({ - onChange: this.requestRenderAllBound + // copying static properties manually to work around Opera's bug, + // where "prototype" property is enumerable and overrides existing prototype + for (var prop in fabric.StaticCanvas) { + if (prop !== 'prototype') { + fabric.Canvas[prop] = fabric.StaticCanvas[prop]; + } + } +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, addListener = fabric.util.addListener, removeListener = fabric.util.removeListener, RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, addEventOptions = { passive: false }; + function checkClick(e, value) { + return e.button && e.button === value - 1; + } + fabric.util.object.extend(fabric.Canvas.prototype, + /** @lends fabric.Canvas.prototype */ { + /** + * Contains the id of the touch event that owns the fabric transform + * @type Number + * @private + */ + mainTouchId: null, + /** + * Adds mouse listeners to canvas + * @private + */ + _initEventListeners: function () { + // in case we initialized the class twice. This should not happen normally + // but in some kind of applications where the canvas element may be changed + // this is a workaround to having double listeners. + this.removeListeners(); + this._bindEvents(); + this.addOrRemove(addListener, 'add'); + }, + /** + * return an event prefix pointer or mouse. + * @private + */ + _getEventPrefix: function () { + return this.enablePointerEvents ? 'pointer' : 'mouse'; + }, + addOrRemove: function (functor, eventjsFunctor) { + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + functor(fabric.window, 'resize', this._onResize); + functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); + functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); + functor(canvasElement, 'wheel', this._onMouseWheel); + functor(canvasElement, 'contextmenu', this._onContextMenu); + functor(canvasElement, 'dblclick', this._onDoubleClick); + functor(canvasElement, 'dragstart', this._onDragStart); + functor(canvasElement, 'dragend', this._onDragEnd); + functor(canvasElement, 'dragover', this._onDragOver); + functor(canvasElement, 'dragenter', this._onDragEnter); + functor(canvasElement, 'dragleave', this._onDragLeave); + functor(canvasElement, 'drop', this._onDrop); + if (!this.enablePointerEvents) { + functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); + } + if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { + eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); + eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); + eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); + eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); + eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); + } + }, + /** + * Removes all event listeners + */ + removeListeners: function () { + this.addOrRemove(removeListener, 'remove'); + // if you dispose on a mouseDown, before mouse up, you need to clean document to... + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + }, + /** + * @private + */ + _bindEvents: function () { + if (this.eventsBound) { + // for any reason we pass here twice we do not want to bind events twice. + return; + } + this._onMouseDown = this._onMouseDown.bind(this); + this._onTouchStart = this._onTouchStart.bind(this); + this._onMouseMove = this._onMouseMove.bind(this); + this._onMouseUp = this._onMouseUp.bind(this); + this._onTouchEnd = this._onTouchEnd.bind(this); + this._onResize = this._onResize.bind(this); + this._onGesture = this._onGesture.bind(this); + this._onDrag = this._onDrag.bind(this); + this._onShake = this._onShake.bind(this); + this._onLongPress = this._onLongPress.bind(this); + this._onOrientationChange = this._onOrientationChange.bind(this); + this._onMouseWheel = this._onMouseWheel.bind(this); + this._onMouseOut = this._onMouseOut.bind(this); + this._onMouseEnter = this._onMouseEnter.bind(this); + this._onContextMenu = this._onContextMenu.bind(this); + this._onDoubleClick = this._onDoubleClick.bind(this); + this._onDragStart = this._onDragStart.bind(this); + this._onDragEnd = this._onDragEnd.bind(this); + this._onDragProgress = this._onDragProgress.bind(this); + this._onDragOver = this._onDragOver.bind(this); + this._onDragEnter = this._onDragEnter.bind(this); + this._onDragLeave = this._onDragLeave.bind(this); + this._onDrop = this._onDrop.bind(this); + this.eventsBound = true; + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js gesture + * @param {Event} [self] Inner Event object + */ + _onGesture: function (e, self) { + this.__onTransformGesture && this.__onTransformGesture(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js drag + * @param {Event} [self] Inner Event object + */ + _onDrag: function (e, self) { + this.__onDrag && this.__onDrag(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on wheel event + */ + _onMouseWheel: function (e) { + this.__onMouseWheel(e); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseOut: function (e) { + var target = this._hoveredTarget; + this.fire('mouse:out', { target: target, e: e }); + this._hoveredTarget = null; + target && target.fire('mouseout', { e: e }); + this._hoveredTargets.forEach(function (nestedTarget) { + this.fire('mouse:out', { target: nestedTarget, e: e }); + nestedTarget && nestedTarget.fire('mouseout', { e: e }); + }, this); + this._hoveredTargets = []; + }, + /** + * @private + * @param {Event} e Event object fired on mouseenter + */ + _onMouseEnter: function (e) { + // This find target and consequent 'mouse:over' is used to + // clear old instances on hovered target. + // calling findTarget has the side effect of killing target.__corner. + // as a short term fix we are not firing this if we are currently transforming. + // as a long term fix we need to separate the action of finding a target with the + // side effects we added to it. + if (!this._currentTransform && !this.findTarget(e)) { + this.fire('mouse:over', { target: null, e: e }); + this._hoveredTarget = null; + this._hoveredTargets = []; + } + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js orientation change + * @param {Event} [self] Inner Event object + */ + _onOrientationChange: function (e, self) { + this.__onOrientationChange && this.__onOrientationChange(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onShake: function (e, self) { + this.__onShake && this.__onShake(e, self); + }, + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onLongPress: function (e, self) { + this.__onLongPress && this.__onLongPress(e, self); + }, + /** + * supports native like text dragging + * @private + * @param {DragEvent} e + */ + _onDragStart: function (e) { + var activeObject = this.getActiveObject(); + if (activeObject && + typeof activeObject.onDragStart === 'function' && + activeObject.onDragStart(e)) { + this._dragSource = activeObject; + var options = { e: e, target: activeObject }; + this.fire('dragstart', options); + activeObject.fire('dragstart', options); + addListener(this.upperCanvasEl, 'drag', this._onDragProgress); + return; + } + stopEvent(e); + }, + /** + * @private + */ + _renderDragEffects: function (e, source, target) { + var ctx = this.contextTop; + if (source) { + source.clearContextTop(true); + source.renderDragSourceEffect(e); + } + if (target) { + if (target !== source) { + ctx.restore(); + ctx.save(); + target.clearContextTop(true); + } + target.renderDropTargetEffect(e); + } + ctx.restore(); + }, + /** + * supports native like text dragging + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {DragEvent} e + */ + _onDragEnd: function (e) { + var didDrop = e.dataTransfer.dropEffect !== 'none', dropTarget = didDrop ? this._activeObject : undefined, options = { + e: e, + target: this._dragSource, + subTargets: this.targets, + dragSource: this._dragSource, + didDrop: didDrop, + dropTarget: dropTarget, + }; + removeListener(this.upperCanvasEl, 'drag', this._onDragProgress); + this.fire('dragend', options); + this._dragSource && this._dragSource.fire('dragend', options); + delete this._dragSource; + // we need to call mouse up synthetically because the browser won't + this._onMouseUp(e); + }, + /** + * fire `drag` event on canvas and drag source + * @private + * @param {DragEvent} e + */ + _onDragProgress: function (e) { + var options = { + e: e, + dragSource: this._dragSource, + dropTarget: this._draggedoverTarget, + }; + this.fire('drag', options); + this._dragSource && this._dragSource.fire('drag', options); + }, + /** + * prevent default to allow drop event to be fired + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragOver: function (e) { + var eventType = 'dragover', target = this.findTarget(e), targets = this.targets, options = { + e: e, + target: target, + subTargets: targets, + dragSource: this._dragSource, + canDrop: false, + dropTarget: undefined, + }, dropTarget; + // fire on canvas + this.fire(eventType, options); + // make sure we fire dragenter events before dragover + // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it + this._fireEnterLeaveEvents(target, options); + if (target) { + // render drag selection before rendering target cursor for correct visuals + if (target.canDrop(e)) { + dropTarget = target; + } + target.fire(eventType, options); + } + // propagate the event to subtargets + for (var i = 0; i < targets.length; i++) { + target = targets[i]; + // accept event only if previous targets didn't + if (!e.defaultPrevented && target.canDrop(e)) { + dropTarget = target; + } + target.fire(eventType, options); + } + // render drag effects now that relations between source and target is clear + this._renderDragEffects(e, this._dragSource, dropTarget); + }, + /** + * fire `dragleave` on `dragover` targets + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragEnter: function (e) { + var target = this.findTarget(e); + var options = { + e: e, + target: target, + subTargets: this.targets, + dragSource: this._dragSource, + }; + this.fire('dragenter', options); + // fire dragenter on targets + this._fireEnterLeaveEvents(target, options); + }, + /** + * fire `dragleave` on `dragover` targets + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragLeave: function (e) { + var options = { + e: e, + target: this._draggedoverTarget, + subTargets: this.targets, + dragSource: this._dragSource, + }; + this.fire('dragleave', options); + // fire dragleave on targets + this._fireEnterLeaveEvents(null, options); + // clear targets + this.targets = []; + this._hoveredTargets = []; + }, + /** + * `drop:before` is a an event that allows you to schedule logic + * before the `drop` event. Prefer `drop` event always, but if you need + * to run some drop-disabling logic on an event, since there is no way + * to handle event handlers ordering, use `drop:before` + * @private + * @param {Event} e + */ + _onDrop: function (e) { + var options = this._simpleEventHandler('drop:before', e, { + dragSource: this._dragSource, + pointer: this.getPointer(e), + }); + // will be set by the drop target + options.didDrop = false; + // will be set by the drop target, used in case options.target refuses the drop + options.dropTarget = undefined; + // fire `drop` + this._basicEventHandler('drop', options); + // inform canvas of the drop + // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it + // use for side effects + this.fire('drop:after', options); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onContextMenu: function (e) { + var options = this._simpleEventHandler('contextmenu:before', e); + if (this.stopContextMenu) { + e.stopPropagation(); + e.preventDefault(); + } + this._basicEventHandler('contextmenu', options); + return false; + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onDoubleClick: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'dblclick'); + this._resetTransformEventData(); + }, + /** + * Return a the id of an event. + * returns either the pointerId or the identifier or 0 for the mouse event + * @private + * @param {Event} evt Event object + */ + getPointerId: function (evt) { + var changedTouches = evt.changedTouches; + if (changedTouches) { + return changedTouches[0] && changedTouches[0].identifier; + } + if (this.enablePointerEvents) { + return evt.pointerId; + } + return -1; + }, + /** + * Determines if an event has the id of the event that is considered main + * @private + * @param {evt} event Event object + */ + _isMainEvent: function (evt) { + if (evt.isPrimary === true) { + return true; + } + if (evt.isPrimary === false) { + return false; + } + if (evt.type === 'touchend' && evt.touches.length === 0) { + return true; + } + if (evt.changedTouches) { + return evt.changedTouches[0].identifier === this.mainTouchId; + } + return true; + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchStart: function (e) { + e.preventDefault(); + if (this.mainTouchId === null) { + this.mainTouchId = this.getPointerId(e); + } + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + // Unbind mousedown to prevent double triggers from touch devices + removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDown: function (e) { + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchEnd: function (e) { + if (e.touches.length > 0) { + // if there are still touches stop here + return; + } + this.__onMouseUp(e); + this._resetTransformEventData(); + this.mainTouchId = null; + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + var _this = this; + if (this._willAddMouseDown) { + clearTimeout(this._willAddMouseDown); + } + this._willAddMouseDown = setTimeout(function () { + // Wait 400ms before rebinding mousedown to prevent double triggers + // from touch devices + addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); + _this._willAddMouseDown = 0; + }, 400); + }, + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUp: function (e) { + this.__onMouseUp(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); + if (this._isMainEvent(e)) { + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + } + }, + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMove: function (e) { + var activeObject = this.getActiveObject(); + !this.allowTouchScrolling && + (!activeObject || !activeObject.__isDragging) && + e.preventDefault && + e.preventDefault(); + this.__onMouseMove(e); + }, + /** + * @private + */ + _onResize: function () { + this.calcOffset(); + this._resetTransformEventData(); + }, + /** + * Decides whether the canvas should be redrawn in mouseup and mousedown events. + * @private + * @param {Object} target + */ + _shouldRender: function (target) { + var activeObject = this._activeObject; + if (!!activeObject !== !!target || + (activeObject && target && activeObject !== target)) { + // this covers: switch of target, from target to no target, selection of target + // multiSelection with key and mouse + return true; + } + else if (activeObject && activeObject.isEditing) { + // if we mouse up/down over a editing textbox a cursor change, + // there is no need to re render + return false; + } + return false; + }, + /** + * Method that defines the actions when mouse is released on canvas. + * The method resets the currentTransform parameters, store the image corner + * position in the image object and render the canvas on top. + * @private + * @param {Event} e Event object fired on mouseup + */ + __onMouseUp: function (e) { + var target, transform = this._currentTransform, groupSelector = this._groupSelector, shouldRender = false, isClick = !groupSelector || + (groupSelector.left === 0 && groupSelector.top === 0); + this._cacheTransformEventData(e); + target = this._target; + this._handleEvent(e, 'up:before'); + // if right/middle click just fire events and return + // target undefined will make the _handleEvent search the target + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'up', RIGHT_CLICK, isClick); + } + return; + } + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); + } + this._resetTransformEventData(); + return; + } + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this._onMouseUpInDrawingMode(e); + return; + } + if (!this._isMainEvent(e)) { + return; + } + if (transform) { + this._finalizeCurrentTransform(e); + shouldRender = transform.actionPerformed; + } + if (!isClick) { + var targetWasActive = target === this._activeObject; + this._maybeGroupObjects(e); + if (!shouldRender) { + shouldRender = + this._shouldRender(target) || + (!targetWasActive && target === this._activeObject); + } + } + var corner, pointer; + if (target) { + corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); + if (target.selectable && + target !== this._activeObject && + target.activeOn === 'up') { + this.setActiveObject(target, e); + shouldRender = true; + } + else { + var control = target.controls[corner], mouseUpHandler = control && control.getMouseUpHandler(e, target, control); + if (mouseUpHandler) { + pointer = this.getPointer(e); + mouseUpHandler(e, transform, pointer.x, pointer.y); + } + } + target.isMoving = false; + } + // if we are ending up a transform on a different control or a new object + // fire the original mouse up from the corner that started the transform + if (transform && + (transform.target !== target || transform.corner !== corner)) { + var originalControl = transform.target && transform.target.controls[transform.corner], originalMouseUpHandler = originalControl && + originalControl.getMouseUpHandler(e, target, control); + pointer = pointer || this.getPointer(e); + originalMouseUpHandler && + originalMouseUpHandler(e, transform, pointer.x, pointer.y); + } + this._setCursorFromEvent(e, target); + this._handleEvent(e, 'up', LEFT_CLICK, isClick); + this._groupSelector = null; + this._currentTransform = null; + // reset the target information about which corner is selected + target && (target.__corner = 0); + if (shouldRender) { + this.requestRenderAll(); + } + else if (!isClick) { + this.renderTop(); + } + }, + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @param {object} [data] event data overrides + * @return {object} options + */ + _simpleEventHandler: function (eventType, e, data) { + var target = this.findTarget(e), subTargets = this.targets || []; + return this._basicEventHandler(eventType, Object.assign({}, { + e: e, + target: target, + subTargets: subTargets, + }, data)); + }, + _basicEventHandler: function (eventType, options) { + var target = options.target, subTargets = options.subTargets; + this.fire(eventType, options); + target && target.fire(eventType, options); + for (var i = 0; i < subTargets.length; i++) { + subTargets[i].fire(eventType, options); + } + return options; + }, + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @param {fabric.Object} targetObj receiving event + * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right + * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. + */ + _handleEvent: function (e, eventType, button, isClick) { + var target = this._target, targets = this.targets || [], options = { + e: e, + target: target, + subTargets: targets, + button: button || LEFT_CLICK, + isClick: isClick || false, + pointer: this._pointer, + absolutePointer: this._absolutePointer, + transform: this._currentTransform, + }; + if (eventType === 'up') { + options.currentTarget = this.findTarget(e); + options.currentSubTargets = this.targets; + } + this.fire('mouse:' + eventType, options); + target && target.fire('mouse' + eventType, options); + for (var i = 0; i < targets.length; i++) { + targets[i].fire('mouse' + eventType, options); + } + }, + /** + * End the current transfrom. + * You don't usually need to call this method unless you are interupting a user initiated transform + * because of some other event ( a press of key combination, or something that block the user UX ) + * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event + */ + endCurrentTransform: function (e) { + var transform = this._currentTransform; + this._finalizeCurrentTransform(e); + if (transform && transform.target) { + // this could probably go inside _finalizeCurrentTransform + transform.target.isMoving = false; + } + this._currentTransform = null; + }, + /** + * @private + * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event + */ + _finalizeCurrentTransform: function (e) { + var transform = this._currentTransform, target = transform.target, options = { + e: e, + target: target, + transform: transform, + action: transform.action, + }; + if (target._scaling) { + target._scaling = false; + } + target.setCoords(); + if (transform.actionPerformed || + (this.stateful && target.hasStateChanged())) { + this._fire('modified', options); + } + }, + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDownInDrawingMode: function (e) { + this._isCurrentlyDrawing = true; + if (this.getActiveObject()) { + this.discardActiveObject(e).requestRenderAll(); + } + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); + this._handleEvent(e, 'down'); + }, + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMoveInDrawingMode: function (e) { + if (this._isCurrentlyDrawing) { + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseMove(pointer, { + e: e, + pointer: pointer, + }); + } + this.setCursor(this.freeDrawingCursor); + this._handleEvent(e, 'move'); + }, + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUpInDrawingMode: function (e) { + var pointer = this.getPointer(e); + this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ + e: e, + pointer: pointer, + }); + this._handleEvent(e, 'up'); + }, + /** + * Method that defines the actions when mouse is clicked on canvas. + * The method inits the currentTransform parameters and renders all the + * canvas so the current image can be placed on the top canvas and the rest + * in on the container one. + * @private + * @param {Event} e Event object fired on mousedown + */ + __onMouseDown: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'down:before'); + var target = this._target; + // if right click just fire events + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'down', RIGHT_CLICK); + } + return; + } + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'down', MIDDLE_CLICK); + } + return; + } + if (this.isDrawingMode) { + this._onMouseDownInDrawingMode(e); + return; + } + if (!this._isMainEvent(e)) { + return; + } + // ignore if some object is being transformed at this moment + if (this._currentTransform) { + return; + } + var pointer = this._pointer; + // save pointer for check in __onMouseUp event + this._previousPointer = pointer; + var shouldRender = this._shouldRender(target), shouldGroup = this._shouldGroup(e, target); + if (this._shouldClearSelection(e, target)) { + this.discardActiveObject(e); + } + else if (shouldGroup) { + this._handleGrouping(e, target); + target = this._activeObject; + } + if (this.selection && + (!target || + (!target.selectable && + !target.isEditing && + target !== this._activeObject))) { + this._groupSelector = { + ex: this._absolutePointer.x, + ey: this._absolutePointer.y, + top: 0, + left: 0, + }; + } + if (target) { + var alreadySelected = target === this._activeObject; + if (target.selectable && target.activeOn === 'down') { + this.setActiveObject(target, e); + } + var corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); + target.__corner = corner; + if (target === this._activeObject && (corner || !shouldGroup)) { + this._setupCurrentTransform(e, target, alreadySelected); + var control = target.controls[corner], pointer = this.getPointer(e), mouseDownHandler = control && control.getMouseDownHandler(e, target, control); + if (mouseDownHandler) { + mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); + } + } + } + var invalidate = shouldRender || shouldGroup; + // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering + // run before firing the `down` event to give the dev a chance to populate it themselves + invalidate && (this._objectsToRender = undefined); + this._handleEvent(e, 'down'); + // we must renderAll so that we update the visuals + invalidate && this.requestRenderAll(); + }, + /** + * reset cache form common information needed during event processing + * @private + */ + _resetTransformEventData: function () { + this._target = null; + this._pointer = null; + this._absolutePointer = null; + }, + /** + * Cache common information needed during event processing + * @private + * @param {Event} e Event object fired on event + */ + _cacheTransformEventData: function (e) { + // reset in order to avoid stale caching + this._resetTransformEventData(); + this._pointer = this.getPointer(e, true); + this._absolutePointer = this.restorePointerVpt(this._pointer); + this._target = this._currentTransform + ? this._currentTransform.target + : this.findTarget(e) || null; + }, + /** + * @private + */ + _beforeTransform: function (e) { + var t = this._currentTransform; + this.stateful && t.target.saveState(); + this.fire('before:transform', { + e: e, + transform: t, + }); + }, + /** + * Method that defines the actions when mouse is hovering the canvas. + * The currentTransform parameter will define whether the user is rotating/scaling/translating + * an image or neither of them (only hovering). A group selection is also possible and would cancel + * all any other type of action. + * In case of an image transformation only the top canvas will be rendered. + * @private + * @param {Event} e Event object fired on mousemove + */ + __onMouseMove: function (e) { + this._handleEvent(e, 'move:before'); + this._cacheTransformEventData(e); + var target, pointer; + if (this.isDrawingMode) { + this._onMouseMoveInDrawingMode(e); + return; + } + if (!this._isMainEvent(e)) { + return; + } + var groupSelector = this._groupSelector; + // We initially clicked in an empty area, so we draw a box for multiple selection + if (groupSelector) { + pointer = this._absolutePointer; + groupSelector.left = pointer.x - groupSelector.ex; + groupSelector.top = pointer.y - groupSelector.ey; + this.renderTop(); + } + else if (!this._currentTransform) { + target = this.findTarget(e) || null; + this._setCursorFromEvent(e, target); + this._fireOverOutEvents(target, e); + } + else { + this._transformObject(e); + } + this._handleEvent(e, 'move'); + this._resetTransformEventData(); + }, + /** + * Manage the mouseout, mouseover events for the fabric object on the canvas + * @param {Fabric.Object} target the target where the target from the mousemove event + * @param {Event} e Event object fired on mousemove + * @private + */ + _fireOverOutEvents: function (target, e) { + var _hoveredTarget = this._hoveredTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); + this.fireSyntheticInOutEvents(target, { e: e }, { + oldTarget: _hoveredTarget, + evtOut: 'mouseout', + canvasEvtOut: 'mouse:out', + evtIn: 'mouseover', + canvasEvtIn: 'mouse:over', + }); + for (var i = 0; i < length; i++) { + this.fireSyntheticInOutEvents(targets[i], { e: e }, { + oldTarget: _hoveredTargets[i], + evtOut: 'mouseout', + evtIn: 'mouseover', + }); + } + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + }, + /** + * Manage the dragEnter, dragLeave events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the onDrag event + * @param {Object} data Event object fired on dragover + * @private + */ + _fireEnterLeaveEvents: function (target, data) { + var _draggedoverTarget = this._draggedoverTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); + this.fireSyntheticInOutEvents(target, data, { + oldTarget: _draggedoverTarget, + evtOut: 'dragleave', + evtIn: 'dragenter', + canvasEvtIn: 'drag:enter', + canvasEvtOut: 'drag:leave', + }); + for (var i = 0; i < length; i++) { + this.fireSyntheticInOutEvents(targets[i], data, { + oldTarget: _hoveredTargets[i], + evtOut: 'dragleave', + evtIn: 'dragenter', + }); + } + this._draggedoverTarget = target; + }, + /** + * Manage the synthetic in/out events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the supported events + * @param {Object} data Event object fired + * @param {Object} config configuration for the function to work + * @param {String} config.targetName property on the canvas where the old target is stored + * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out + * @param {String} config.evtOut name of the event to fire for out + * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in + * @param {String} config.evtIn name of the event to fire for in + * @private + */ + fireSyntheticInOutEvents: function (target, data, config) { + var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; + if (targetChanged) { + inOpt = Object.assign({}, data, { + target: target, + previousTarget: oldTarget, + }); + outOpt = Object.assign({}, data, { + target: oldTarget, + nextTarget: target, + }); + } + inFires = target && targetChanged; + outFires = oldTarget && targetChanged; + if (outFires) { + canvasEvtOut && this.fire(canvasEvtOut, outOpt); + oldTarget.fire(config.evtOut, outOpt); + } + if (inFires) { + canvasEvtIn && this.fire(canvasEvtIn, inOpt); + target.fire(config.evtIn, inOpt); + } + }, + /** + * Method that defines actions when an Event Mouse Wheel + * @param {Event} e Event object fired on mouseup + */ + __onMouseWheel: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'wheel'); + this._resetTransformEventData(); + }, + /** + * @private + * @param {Event} e Event fired on mousemove + */ + _transformObject: function (e) { + var pointer = this.getPointer(e), transform = this._currentTransform, target = transform.target, + // transform pointer to target's containing coordinate plane + // both pointer and object should agree on every point + localPointer = target.group + ? fabric.util.sendPointToPlane(pointer, undefined, target.group.calcTransformMatrix()) + : pointer; + transform.reset = false; + transform.shiftKey = e.shiftKey; + transform.altKey = e[this.centeredKey]; + this._performTransformAction(e, transform, localPointer); + transform.actionPerformed && this.requestRenderAll(); + }, + /** + * @private + */ + _performTransformAction: function (e, transform, pointer) { + var x = pointer.x, y = pointer.y, action = transform.action, actionPerformed = false, actionHandler = transform.actionHandler; + // this object could be created from the function in the control handlers + if (actionHandler) { + actionPerformed = actionHandler(e, transform, x, y); + } + if (action === 'drag' && actionPerformed) { + transform.target.isMoving = true; + this.setCursor(transform.target.moveCursor || this.moveCursor); + } + transform.actionPerformed = + transform.actionPerformed || actionPerformed; + }, + /** + * @private + */ + _fire: function (eventName, options) { + return fireEvent(eventName, options); + }, + /** + * Sets the cursor depending on where the canvas is being hovered. + * Note: very buggy in Opera + * @param {Event} e Event object + * @param {Object} target Object that the mouse is hovering, if so. + */ + _setCursorFromEvent: function (e, target) { + if (!target) { + this.setCursor(this.defaultCursor); + return false; + } + var hoverCursor = target.hoverCursor || this.hoverCursor, activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' + ? this._activeObject + : null, + // only show proper corner when group selection is not active + corner = (!activeSelection || !activeSelection.contains(target)) && + // here we call findTargetCorner always with undefined for the touch parameter. + // we assume that if you are using a cursor you do not need to interact with + // the bigger touch area. + target._findTargetCorner(this.getPointer(e, true)); + if (!corner) { + if (target.subTargetCheck) { + // hoverCursor should come from top-most subTarget, + // so we walk the array backwards + this.targets + .concat() + .reverse() + .map(function (_target) { + hoverCursor = _target.hoverCursor || hoverCursor; + }); + } + this.setCursor(hoverCursor); + } + else { + this.setCursor(this.getCornerCursor(corner, target, e)); + } + }, + /** + * @private + */ + getCornerCursor: function (corner, target, e) { + var control = target.controls[corner]; + return control.cursorStyleHandler(e, control, target); + }, }); - } -}); - - -(function() { - - 'use strict'; - - /** - * Tests if webgl supports certain precision - * @param {WebGL} Canvas WebGL context to test on - * @param {String} Precision to test can be any of following: 'lowp', 'mediump', 'highp' - * @returns {Boolean} Whether the user's browser WebGL supports given precision. - */ - function testPrecision(gl, precision){ - var fragmentSource = 'precision ' + precision + ' float;\nvoid main(){}'; - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { - return false; - } - return true; - } - - /** - * Indicate whether this filtering backend is supported by the user's browser. - * @param {Number} tileSize check if the tileSize is supported - * @returns {Boolean} Whether the user's browser supports WebGL. - */ - fabric.isWebglSupported = function(tileSize) { - if (fabric.isLikelyNode) { - return false; - } - tileSize = tileSize || fabric.WebglFilterBackend.prototype.tileSize; - var canvas = document.createElement('canvas'); - var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); - var isSupported = false; - // eslint-disable-next-line - if (gl) { - fabric.maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); - isSupported = fabric.maxTextureSize >= tileSize; - var precisions = ['highp', 'mediump', 'lowp']; - for (var i = 0; i < 3; i++){ - if (testPrecision(gl, precisions[i])){ - fabric.webGlPrecision = precisions[i]; - break; - }; - } - } - this.isSupported = isSupported; - return isSupported; - }; - - fabric.WebglFilterBackend = WebglFilterBackend; - - /** - * WebGL filter backend. - */ - function WebglFilterBackend(options) { - if (options && options.tileSize) { - this.tileSize = options.tileSize; - } - this.setupGLContext(this.tileSize, this.tileSize); - this.captureGPUInfo(); - }; - - WebglFilterBackend.prototype = /** @lends fabric.WebglFilterBackend.prototype */ { - - tileSize: 2048, - - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - resources: { - - }, - - /** - * Setup a WebGL context suitable for filtering, and bind any needed event handlers. - */ - setupGLContext: function(width, height) { - this.dispose(); - this.createWebGLCanvas(width, height); - // eslint-disable-next-line - this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); - this.chooseFastestCopyGLTo2DMethod(width, height); - }, - - /** - * Pick a method to copy data from GL context to 2d canvas. In some browsers using - * putImageData is faster than drawImage for that specific operation. - */ - chooseFastestCopyGLTo2DMethod: function(width, height) { - var canMeasurePerf = typeof window.performance !== 'undefined', canUseImageData; - try { - new ImageData(1, 1); - canUseImageData = true; - } - catch (e) { - canUseImageData = false; - } - // eslint-disable-next-line no-undef - var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined'; - // eslint-disable-next-line no-undef - var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined'; - - if (!(canMeasurePerf && canUseImageData && canUseArrayBuffer && canUseUint8Clamped)) { - return; - } - - var targetCanvas = fabric.util.createCanvasElement(); - // eslint-disable-next-line no-undef - var imageBuffer = new ArrayBuffer(width * height * 4); - if (fabric.forceGLPutImageData) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - return; - } - var testContext = { - imageBuffer: imageBuffer, - destinationWidth: width, - destinationHeight: height, - targetCanvas: targetCanvas - }; - var startTime, drawImageTime, putImageDataTime; - targetCanvas.width = width; - targetCanvas.height = height; - - startTime = window.performance.now(); - copyGLTo2DDrawImage.call(testContext, this.gl, testContext); - drawImageTime = window.performance.now() - startTime; - - startTime = window.performance.now(); - copyGLTo2DPutImageData.call(testContext, this.gl, testContext); - putImageDataTime = window.performance.now() - startTime; - - if (drawImageTime > putImageDataTime) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - } - else { - this.copyGLTo2D = copyGLTo2DDrawImage; - } - }, - - /** - * Create a canvas element and associated WebGL context and attaches them as - * class properties to the GLFilterBackend class. - */ - createWebGLCanvas: function(width, height) { - var canvas = fabric.util.createCanvasElement(); - canvas.width = width; - canvas.height = height; - var glOptions = { - alpha: true, - premultipliedAlpha: false, - depth: false, - stencil: false, - antialias: false - }, - gl = canvas.getContext('webgl', glOptions); - if (!gl) { - gl = canvas.getContext('experimental-webgl', glOptions); - } - if (!gl) { - return; - } - gl.clearColor(0, 0, 0, 0); - // this canvas can fire webglcontextlost and webglcontextrestored - this.canvas = canvas; - this.gl = gl; - }, - - /** - * Attempts to apply the requested filters to the source provided, drawing the filtered output - * to the provided target canvas. - * - * @param {Array} filters The filters to apply. - * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered. - * @param {Number} width The width of the source input. - * @param {Number} height The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. - * @param {String|undefined} cacheKey A key used to cache resources related to the source. If - * omitted, caching will be skipped. - */ - applyFilters: function(filters, source, width, height, targetCanvas, cacheKey) { - var gl = this.gl; - var cachedTexture; - if (cacheKey) { - cachedTexture = this.getCachedTexture(cacheKey, source); - } - var pipelineState = { - originalWidth: source.width || source.originalWidth, - originalHeight: source.height || source.originalHeight, - sourceWidth: width, - sourceHeight: height, - destinationWidth: width, - destinationHeight: height, - context: gl, - sourceTexture: this.createTexture(gl, width, height, !cachedTexture && source), - targetTexture: this.createTexture(gl, width, height), - originalTexture: cachedTexture || - this.createTexture(gl, width, height, !cachedTexture && source), - passes: filters.length, - webgl: true, - aPosition: this.aPosition, - programCache: this.programCache, - pass: 0, - filterBackend: this, - targetCanvas: targetCanvas - }; - var tempFbo = gl.createFramebuffer(); - gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); - filters.forEach(function(filter) { filter && filter.applyTo(pipelineState); }); - resizeCanvasIfNeeded(pipelineState); - this.copyGLTo2D(gl, pipelineState); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.deleteTexture(pipelineState.sourceTexture); - gl.deleteTexture(pipelineState.targetTexture); - gl.deleteFramebuffer(tempFbo); - targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0); - return pipelineState; - }, - - /** - * Detach event listeners, remove references, and clean up caches. - */ - dispose: function() { - if (this.canvas) { - this.canvas = null; - this.gl = null; - } - this.clearWebGLCaches(); - }, - - /** - * Wipe out WebGL-related caches. - */ - clearWebGLCaches: function() { - this.programCache = {}; - this.textureCache = {}; - }, - - /** - * Create a WebGL texture object. - * - * Accepts specific dimensions to initialize the texture to or a source image. - * - * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. - * @param {Number} width The width to initialize the texture at. - * @param {Number} height The height to initialize the texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. - * @returns {WebGLTexture} - */ - createTexture: function(gl, width, height, textureImageSource) { - var texture = gl.createTexture(); - gl.bindTexture(gl.TEXTURE_2D, texture); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); - if (textureImageSource) { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); - } - else { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); - } - return texture; - }, - - /** - * Can be optionally used to get a texture from the cache array - * - * If an existing texture is not found, a new texture is created and cached. - * - * @param {String} uniqueId A cache key to use to find an existing texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the - * texture cache entry if one does not already exist. - */ - getCachedTexture: function(uniqueId, textureImageSource) { - if (this.textureCache[uniqueId]) { - return this.textureCache[uniqueId]; - } - else { - var texture = this.createTexture( - this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); - this.textureCache[uniqueId] = texture; - return texture; - } - }, - - /** - * Clear out cached resources related to a source image that has been - * filtered previously. - * - * @param {String} cacheKey The cache key provided when the source image was filtered. - */ - evictCachesForKey: function(cacheKey) { - if (this.textureCache[cacheKey]) { - this.gl.deleteTexture(this.textureCache[cacheKey]); - delete this.textureCache[cacheKey]; - } - }, - - copyGLTo2D: copyGLTo2DDrawImage, - - /** - * Attempt to extract GPU information strings from a WebGL context. - * - * Useful information when debugging or blacklisting specific GPUs. - * - * @returns {Object} A GPU info object with renderer and vendor strings. - */ - captureGPUInfo: function() { - if (this.gpuInfo) { - return this.gpuInfo; - } - var gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; - if (!gl) { - return gpuInfo; - } - var ext = gl.getExtension('WEBGL_debug_renderer_info'); - if (ext) { - var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); - var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); - if (renderer) { - gpuInfo.renderer = renderer.toLowerCase(); - } - if (vendor) { - gpuInfo.vendor = vendor.toLowerCase(); - } - } - this.gpuInfo = gpuInfo; - return gpuInfo; - }, - }; -})(); - -function resizeCanvasIfNeeded(pipelineState) { - var targetCanvas = pipelineState.targetCanvas, - width = targetCanvas.width, height = targetCanvas.height, - dWidth = pipelineState.destinationWidth, - dHeight = pipelineState.destinationHeight; - - if (width !== dWidth || height !== dHeight) { - targetCanvas.width = dWidth; - targetCanvas.height = dHeight; - } -} - -/** - * Copy an input WebGL canvas on to an output 2D canvas. - * - * The WebGL canvas is assumed to be upside down, with the top-left pixel of the - * desired output image appearing in the bottom-left corner of the WebGL canvas. - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. - * @param {Object} pipelineState The 2D target canvas to copy on to. - */ -function copyGLTo2DDrawImage(gl, pipelineState) { - var glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, - ctx = targetCanvas.getContext('2d'); - ctx.translate(0, targetCanvas.height); // move it down again - ctx.scale(1, -1); // vertical flip - // where is my image on the big glcanvas? - var sourceY = glCanvas.height - targetCanvas.height; - ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, - targetCanvas.width, targetCanvas.height); -} - -/** - * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData - * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. - * @param {Object} pipelineState The 2D target canvas to copy on to. - */ -function copyGLTo2DPutImageData(gl, pipelineState) { - var targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), - dWidth = pipelineState.destinationWidth, - dHeight = pipelineState.destinationHeight, - numBytes = dWidth * dHeight * 4; - - // eslint-disable-next-line no-undef - var u8 = new Uint8Array(this.imageBuffer, 0, numBytes); - // eslint-disable-next-line no-undef - var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); - - gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); - var imgData = new ImageData(u8Clamped, dWidth, dHeight); - ctx.putImageData(imgData, 0, 0); -} - - -(function() { - - 'use strict'; - - var noop = function() {}; - - fabric.Canvas2dFilterBackend = Canvas2dFilterBackend; - - /** - * Canvas 2D filter backend. - */ - function Canvas2dFilterBackend() {}; - - Canvas2dFilterBackend.prototype = /** @lends fabric.Canvas2dFilterBackend.prototype */ { - evictCachesForKey: noop, - dispose: noop, - clearWebGLCaches: noop, - - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - resources: { - - }, - - /** - * Apply a set of filters against a source image and draw the filtered output - * to the provided destination canvas. - * - * @param {EnhancedFilter} filters The filter to apply. - * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. - * @param {Number} sourceWidth The width of the source input. - * @param {Number} sourceHeight The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. - */ - applyFilters: function(filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { - var ctx = targetCanvas.getContext('2d'); - ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); - var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - var originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - var pipelineState = { - sourceWidth: sourceWidth, - sourceHeight: sourceHeight, - imageData: imageData, - originalEl: sourceElement, - originalImageData: originalImageData, - canvasEl: targetCanvas, - ctx: ctx, - filterBackend: this, - }; - filters.forEach(function(filter) { filter.applyTo(pipelineState); }); - if (pipelineState.imageData.width !== sourceWidth || pipelineState.imageData.height !== sourceHeight) { - targetCanvas.width = pipelineState.imageData.width; - targetCanvas.height = pipelineState.imageData.height; - } - ctx.putImageData(pipelineState.imageData, 0, 0); - return pipelineState; - }, - - }; -})(); - - -/** - * @namespace fabric.Image.filters - * @memberOf fabric.Image - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - */ -fabric.Image = fabric.Image || { }; -fabric.Image.filters = fabric.Image.filters || { }; - -/** - * Root filter class from which all filter classes inherit from - * @class fabric.Image.filters.BaseFilter - * @memberOf fabric.Image.filters - */ -fabric.Image.filters.BaseFilter = fabric.util.createClass(/** @lends fabric.Image.filters.BaseFilter.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'BaseFilter', - - /** - * Array of attributes to send with buffers. do not modify - * @private - */ - - vertexSource: 'attribute vec2 aPosition;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vTexCoord = aPosition;\n' + - 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + - '}', - - fragmentSource: 'precision highp float;\n' + - 'varying vec2 vTexCoord;\n' + - 'uniform sampler2D uTexture;\n' + - 'void main() {\n' + - 'gl_FragColor = texture2D(uTexture, vTexCoord);\n' + - '}', - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - if (options) { - this.setOptions(options); - } - }, - - /** - * Sets filter's properties from options - * @param {Object} [options] Options object - */ - setOptions: function(options) { - for (var prop in options) { - this[prop] = options[prop]; - } - }, - - /** - * Compile this filter's shader program. - * - * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. - * @param {String} fragmentSource fragmentShader source for compilation - * @param {String} vertexSource vertexShader source for compilation - */ - createProgram: function(gl, fragmentSource, vertexSource) { - fragmentSource = fragmentSource || this.fragmentSource; - vertexSource = vertexSource || this.vertexSource; - if (fabric.webGlPrecision !== 'highp'){ - fragmentSource = fragmentSource.replace( - /precision highp float/g, - 'precision ' + fabric.webGlPrecision + ' float' - ); - } - var vertexShader = gl.createShader(gl.VERTEX_SHADER); - gl.shaderSource(vertexShader, vertexSource); - gl.compileShader(vertexShader); - if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Vertex shader compile error for ' + this.type + ': ' + - gl.getShaderInfoLog(vertexShader) - ); - } - - var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Fragment shader compile error for ' + this.type + ': ' + - gl.getShaderInfoLog(fragmentShader) - ); - } - - var program = gl.createProgram(); - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); - gl.linkProgram(program); - if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Shader link error for "${this.type}" ' + - gl.getProgramInfoLog(program) - ); - } - - var attributeLocations = this.getAttributeLocations(gl, program); - var uniformLocations = this.getUniformLocations(gl, program) || { }; - uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); - uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); - return { - program: program, - attributeLocations: attributeLocations, - uniformLocations: uniformLocations - }; - }, - - /** - * Return a map of attribute names to WebGLAttributeLocation objects. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. - * @returns {Object} A map of attribute names to attribute locations. - */ - getAttributeLocations: function(gl, program) { - return { - aPosition: gl.getAttribLocation(program, 'aPosition'), - }; - }, - - /** - * Return a map of uniform names to WebGLUniformLocation objects. - * - * Intended to be overridden by subclasses. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {WebGLShaderProgram} program The shader program from which to take uniform locations. - * @returns {Object} A map of uniform names to uniform locations. - */ - getUniformLocations: function (/* gl, program */) { - // in case i do not need any special uniform i need to return an empty object - return { }; - }, - - /** - * Send attribute data from this filter to its shader program on the GPU. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {Object} attributeLocations A map of shader attribute names to their locations. - */ - sendAttributeData: function(gl, attributeLocations, aPositionData) { - var attributeLocation = attributeLocations.aPosition; - var buffer = gl.createBuffer(); - gl.bindBuffer(gl.ARRAY_BUFFER, buffer); - gl.enableVertexAttribArray(attributeLocation); - gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); - gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); - }, - - _setupFrameBuffer: function(options) { - var gl = options.context, width, height; - if (options.passes > 1) { - width = options.destinationWidth; - height = options.destinationHeight; - if (options.sourceWidth !== width || options.sourceHeight !== height) { - gl.deleteTexture(options.targetTexture); - options.targetTexture = options.filterBackend.createTexture(gl, width, height); - } - gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, - options.targetTexture, 0); - } - else { - // draw last filter on canvas and not to framebuffer. - gl.bindFramebuffer(gl.FRAMEBUFFER, null); - gl.finish(); - } - }, - - _swapTextures: function(options) { - options.passes--; - options.pass++; - var temp = options.targetTexture; - options.targetTexture = options.sourceTexture; - options.sourceTexture = temp; - }, - - /** - * Generic isNeutral implementation for one parameter based filters. - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) - * @param {Object} options - **/ - isNeutralState: function(/* options */) { - var main = this.mainParameter, - _class = fabric.Image.filters[this.type].prototype; - if (main) { - if (Array.isArray(_class[main])) { - for (var i = _class[main].length; i--;) { - if (this[main][i] !== _class[main][i]) { +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, min = Math.min, max = Math.max; + fabric.util.object.extend(fabric.Canvas.prototype, + /** @lends fabric.Canvas.prototype */ { + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + * @return {Boolean} + */ + _shouldGroup: function (e, target) { + var activeObject = this._activeObject; + // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection. + return (!!activeObject && + this._isSelectionKeyPressed(e) && + this.selection && + // on top of that the user also has to hit a target that is selectable. + !!target && + target.selectable && + // if all pre-requisite pass, the target is either something different from the current + // activeObject or if an activeSelection already exists + // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear. + // is a very old condition uncertain if still valid. + (activeObject !== target || + activeObject.type === 'activeSelection') && + // make sure `activeObject` and `target` aren't ancestors of each other + !target.isDescendantOf(activeObject) && + !activeObject.isDescendantOf(target) && + // target accepts selection + !target.onSelect({ e: e })); + }, + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _handleGrouping: function (e, target) { + var activeObject = this._activeObject; + // avoid multi select when shift click on a corner + if (activeObject.__corner) { + return; + } + if (target === activeObject) { + // if it's a group, find target again, using activeGroup objects + target = this.findTarget(e, true); + // if even object is not found or we are on activeObjectCorner, bail out + if (!target || !target.selectable) { + return; + } + } + if (activeObject && activeObject.type === 'activeSelection') { + this._updateActiveSelection(target, e); + } + else { + this._createActiveSelection(target, e); + } + }, + /** + * @private + */ + _updateActiveSelection: function (target, e) { + var activeSelection = this._activeObject, currentActiveObjects = activeSelection._objects.slice(0); + if (target.group === activeSelection) { + activeSelection.remove(target); + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + if (activeSelection.size() === 1) { + // activate last remaining object + this._setActiveObject(activeSelection.item(0), e); + } + } + else { + activeSelection.add(target); + this._hoveredTarget = activeSelection; + this._hoveredTargets = this.targets.concat(); + } + this._fireSelectionEvents(currentActiveObjects, e); + }, + /** + * @private + */ + _createActiveSelection: function (target, e) { + var currentActives = this.getActiveObjects(), group = this._createGroup(target); + this._hoveredTarget = group; + // ISSUE 4115: should we consider subTargets here? + // this._hoveredTargets = []; + // this._hoveredTargets = this.targets.concat(); + this._setActiveObject(group, e); + this._fireSelectionEvents(currentActives, e); + }, + /** + * @private + * @param {Object} target + * @returns {fabric.ActiveSelection} + */ + _createGroup: function (target) { + var activeObject = this._activeObject; + var groupObjects = target.isInFrontOf(activeObject) + ? [activeObject, target] + : [target, activeObject]; + activeObject.isEditing && activeObject.exitEditing(); + // handle case: target is nested + return new fabric.ActiveSelection(groupObjects, { + canvas: this, + }); + }, + /** + * @private + * @param {Event} e mouse event + */ + _groupSelectedObjects: function (e) { + var group = this._collectObjects(e), aGroup; + // do not create group for 1 element only + if (group.length === 1) { + this.setActiveObject(group[0], e); + } + else if (group.length > 1) { + aGroup = new fabric.ActiveSelection(group.reverse(), { + canvas: this, + }); + this.setActiveObject(aGroup, e); + } + }, + /** + * @private + */ + _collectObjects: function (e) { + var group = [], currentObject, x1 = this._groupSelector.ex, y1 = this._groupSelector.ey, x2 = x1 + this._groupSelector.left, y2 = y1 + this._groupSelector.top, selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)), selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)), allowIntersect = !this.selectionFullyContained, isClick = x1 === x2 && y1 === y2; + // we iterate reverse order to collect top first in case of click. + for (var i = this._objects.length; i--;) { + currentObject = this._objects[i]; + if (!currentObject || + !currentObject.selectable || + !currentObject.visible) { + continue; + } + if ((allowIntersect && + currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || + currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || + (allowIntersect && + currentObject.containsPoint(selectionX1Y1, null, true)) || + (allowIntersect && + currentObject.containsPoint(selectionX2Y2, null, true))) { + group.push(currentObject); + // only add one object if it's a click + if (isClick) { + break; + } + } + } + if (group.length > 1) { + group = group.filter(function (object) { + return !object.onSelect({ e: e }); + }); + } + return group; + }, + /** + * @private + */ + _maybeGroupObjects: function (e) { + if (this.selection && this._groupSelector) { + this._groupSelectedObjects(e); + } + this.setCursor(this.defaultCursor); + // clear selection and current transformation + this._groupSelector = null; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately + * @param {Object} [options] Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 + * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + * @see {@link https://jsfiddle.net/xsjua1rd/ demo} + * @example Generate jpeg dataURL with lower quality + * var dataURL = canvas.toDataURL({ + * format: 'jpeg', + * quality: 0.8 + * }); + * @example Generate cropped png dataURL (clipping of canvas) + * var dataURL = canvas.toDataURL({ + * format: 'png', + * left: 100, + * top: 100, + * width: 200, + * height: 200 + * }); + * @example Generate double scaled png dataURL + * var dataURL = canvas.toDataURL({ + * format: 'png', + * multiplier: 2 + * }); + * @example Generate dataURL with objects that overlap a specified object + * var myObject; + * var dataURL = canvas.toDataURL({ + * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject) + * }); + */ + toDataURL: function (options) { + options || (options = {}); + var format = options.format || 'png', quality = options.quality || 1, multiplier = (options.multiplier || 1) * + (options.enableRetinaScaling ? this.getRetinaScaling() : 1), canvasEl = this.toCanvasElement(multiplier, options); + return fabric.util.toDataURL(canvasEl, format, quality); + }, + /** + * Create a new HTMLCanvas element painted with the current canvas content. + * No need to resize the actual one or repaint it. + * Will transfer object ownership to a new canvas, paint it, and set everything back. + * This is an intermediary step used to get to a dataUrl but also it is useful to + * create quick image copies of a canvas without passing for the dataUrl string + * @param {Number} [multiplier] a zoom factor. + * @param {Object} [options] Cropping informations + * @param {Number} [options.left] Cropping left offset. + * @param {Number} [options.top] Cropping top offset. + * @param {Number} [options.width] Cropping width. + * @param {Number} [options.height] Cropping height. + * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. + */ + toCanvasElement: function (multiplier, options) { + multiplier = multiplier || 1; + options = options || {}; + var scaledWidth = (options.width || this.width) * multiplier, scaledHeight = (options.height || this.height) * multiplier, zoom = this.getZoom(), originalWidth = this.width, originalHeight = this.height, newZoom = zoom * multiplier, vp = this.viewportTransform, translateX = (vp[4] - (options.left || 0)) * multiplier, translateY = (vp[5] - (options.top || 0)) * multiplier, originalInteractive = this.interactive, newVp = [newZoom, 0, 0, newZoom, translateX, translateY], originalRetina = this.enableRetinaScaling, canvasEl = fabric.util.createCanvasElement(), originalContextTop = this.contextTop, objectsToRender = options.filter + ? this._objects.filter(options.filter) + : this._objects; + canvasEl.width = scaledWidth; + canvasEl.height = scaledHeight; + this.contextTop = null; + this.enableRetinaScaling = false; + this.interactive = false; + this.viewportTransform = newVp; + this.width = scaledWidth; + this.height = scaledHeight; + this.calcViewportBoundaries(); + this.renderCanvas(canvasEl.getContext('2d'), objectsToRender); + this.viewportTransform = vp; + this.width = originalWidth; + this.height = originalHeight; + this.calcViewportBoundaries(); + this.interactive = originalInteractive; + this.enableRetinaScaling = originalRetina; + this.contextTop = originalContextTop; + return canvasEl; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Populates canvas with data from the specified JSON. + * JSON format must conform to the one of {@link fabric.Canvas#toJSON} + * + * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking + * + * @param {String|Object} json JSON string or object + * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. + * @param {Object} [options] options + * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @return {Promise} instance + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} + * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} + * @example loadFromJSON + * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll()); + * @example loadFromJSON with reviver + * canvas.loadFromJSON(json, function(o, object) { + * // `o` = json object + * // `object` = fabric.Object instance + * // ... do some stuff ... + * }).then((canvas) => { + * ... canvas is restored, add your code. + * }); + * + */ + loadFromJSON: function (json, reviver, options) { + if (!json) { + return Promise.reject(new Error('fabric.js: `json` is undefined')); + } + // serialize if it wasn't already + var serialized = typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json); + var _this = this, renderOnAddRemove = this.renderOnAddRemove; + this.renderOnAddRemove = false; + return Promise.all([ + fabric.util.enlivenObjects(serialized.objects || [], { + reviver: reviver, + signal: options && options.signal, + }), + fabric.util.enlivenObjectEnlivables({ + backgroundImage: serialized.backgroundImage, + backgroundColor: serialized.background, + overlayImage: serialized.overlayImage, + overlayColor: serialized.overlay, + clipPath: serialized.clipPath, + }, { signal: options && options.signal }), + ]).then(function (res) { + var enlived = res[0], enlivedMap = res[1]; + _this.clear(); + _this.__setupCanvas(serialized, enlived); + _this.renderOnAddRemove = renderOnAddRemove; + _this.set(enlivedMap); + return _this; + }); + }, + /** + * @private + * @param {Object} serialized Object with background and overlay information + * @param {Array} enlivenedObjects canvas objects + */ + __setupCanvas: function (serialized, enlivenedObjects) { + enlivenedObjects.forEach((obj, index) => { + // we splice the array just in case some custom classes restored from JSON + // will add more object to canvas at canvas init. + this.insertAt(index, obj); + }); + // remove parts i cannot set as options + delete serialized.objects; + delete serialized.backgroundImage; + delete serialized.overlayImage; + delete serialized.background; + delete serialized.overlay; + // this._initOptions does too many things to just + // call it. Normally loading an Object from JSON + // create the Object instance. Here the Canvas is + // already an instance and we are just loading things over it + this._setOptions(serialized); + }, + /** + * Clones canvas instance + * @param {Array} [properties] Array of properties to include in the cloned canvas and children + * @returns {Promise} + */ + clone: function (properties) { + var data = JSON.stringify(this.toJSON(properties)); + return this.cloneWithoutData().then(function (clone) { + return clone.loadFromJSON(data); + }); + }, + /** + * Clones canvas instance without cloning existing data. + * This essentially copies canvas dimensions, clipping properties, etc. + * but leaves data empty (so that you can populate it with your own) + * @returns {Promise} + */ + cloneWithoutData: function () { + var el = fabric.util.createCanvasElement(); + el.width = this.width; + el.height = this.height; + // this seems wrong. either Canvas or StaticCanvas + var clone = new fabric.Canvas(el); + var data = {}; + if (this.backgroundImage) { + data.backgroundImage = this.backgroundImage.toObject(); + } + if (this.backgroundColor) { + data.background = this.backgroundColor.toObject + ? this.backgroundColor.toObject() + : this.backgroundColor; + } + return clone.loadFromJSON(data); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, degreesToRadians = fabric.util.degreesToRadians, radiansToDegrees = fabric.util.radiansToDegrees; + /** + * Adds support for multi-touch gestures using the Event.js library. + * Fires the following custom events: + * - touch:gesture + * - touch:drag + * - touch:orientation + * - touch:shake + * - touch:longpress + */ + fabric.util.object.extend(fabric.Canvas.prototype, + /** @lends fabric.Canvas.prototype */ { + /** + * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports + * 2 finger gestures. + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onTransformGesture: function (e, self) { + if (this.isDrawingMode || + !e.touches || + e.touches.length !== 2 || + 'gesture' !== self.gesture) { + return; + } + var target = this.findTarget(e); + if ('undefined' !== typeof target) { + this.__gesturesParams = { + e: e, + self: self, + target: target, + }; + this.__gesturesRenderer(); + } + this.fire('touch:gesture', { + target: target, + e: e, + self: self, + }); + }, + __gesturesParams: null, + __gesturesRenderer: function () { + if (this.__gesturesParams === null || this._currentTransform === null) { + return; + } + var self = this.__gesturesParams.self, t = this._currentTransform, e = this.__gesturesParams.e; + t.action = 'scale'; + t.originX = t.originY = 'center'; + this._scaleObjectBy(self.scale, e); + if (self.rotation !== 0) { + t.action = 'rotate'; + this._rotateObjectByAngle(self.rotation, e); + } + this.requestRenderAll(); + t.action = 'drag'; + }, + /** + * Method that defines actions when an Event.js drag is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onDrag: function (e, self) { + this.fire('touch:drag', { + e: e, + self: self, + }); + }, + /** + * Method that defines actions when an Event.js orientation event is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onOrientationChange: function (e, self) { + this.fire('touch:orientation', { + e: e, + self: self, + }); + }, + /** + * Method that defines actions when an Event.js shake event is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onShake: function (e, self) { + this.fire('touch:shake', { + e: e, + self: self, + }); + }, + /** + * Method that defines actions when an Event.js longpress event is detected. + * + * @param {Event} e Event object by Event.js + * @param {Event} self Event proxy object by Event.js + */ + __onLongPress: function (e, self) { + this.fire('touch:longpress', { + e: e, + self: self, + }); + }, + /** + * Scales an object by a factor + * @param {Number} s The scale factor to apply to the current scale level + * @param {Event} e Event object by Event.js + */ + _scaleObjectBy: function (s, e) { + var t = this._currentTransform, target = t.target; + t.gestureScale = s; + target._scaling = true; + return scalingEqually(e, t, 0, 0); + }, + /** + * Rotates object by an angle + * @param {Number} curAngle The angle of rotation in degrees + * @param {Event} e Event object by Event.js + */ + _rotateObjectByAngle: function (curAngle, e) { + var t = this._currentTransform; + if (t.target.get('lockRotation')) { + return; + } + t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta)); + this._fire('rotating', { + target: t.target, + e: e, + transform: t, + }); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Checks if object is decendant of target + * Should be used instead of @link {Group.contains} or @link {StaticCanvas.contains} for performance reasons + * @param {fabric.Object|fabric.StaticCanvas} target + * @returns {boolean} + */ + isDescendantOf: function (target) { + var parent = this.group || this.canvas; + while (parent) { + if (target === parent) { + return true; + } + else if (parent instanceof fabric.StaticCanvas) { + // happens after all parents were traversed through without a match + return false; + } + parent = parent.group || parent.canvas; + } return false; - } - } - return true; - } - else { - return _class[main] === this[main]; - } - } - else { - return false; - } - }, - - /** - * Apply this filter to the input image data provided. - * - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function(options) { - if (options.webgl) { - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - }, - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - if (!options.programCache.hasOwnProperty(this.type)) { - options.programCache[this.type] = this.createProgram(options.context); - } - return options.programCache[this.type]; - }, - - /** - * Apply this filter using webgl. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.originalTexture The texture of the original input image. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyToWebGL: function(options) { - var gl = options.context; - var shader = this.retrieveShader(options); - if (options.pass === 0 && options.originalTexture) { - gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); - } - else { - gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); - } - gl.useProgram(shader.program); - this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); - - gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); - gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); - - this.sendUniformData(gl, shader.uniformLocations); - gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); - gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); - }, - - bindAdditionalTexture: function(gl, texture, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, texture); - // reset active texture to 0 as usual - gl.activeTexture(gl.TEXTURE0); - }, - - unbindAdditionalTexture: function(gl, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.activeTexture(gl.TEXTURE0); - }, - - getMainParameter: function() { - return this[this.mainParameter]; - }, - - setMainParameter: function(value) { - this[this.mainParameter] = value; - }, - - /** - * Send uniform data from this filter to its shader program on the GPU. - * - * Intended to be overridden by subclasses. - * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {Object} uniformLocations A map of shader uniform names to their locations. - */ - sendUniformData: function(/* gl, uniformLocations */) { - // Intentionally left blank. Override me in subclasses. - }, - - /** - * If needed by a 2d filter, this functions can create an helper canvas to be used - * remember that options.targetCanvas is available for use till end of chain. - */ - createHelpLayer: function(options) { - if (!options.helpLayer) { - var helpLayer = document.createElement('canvas'); - helpLayer.width = options.sourceWidth; - helpLayer.height = options.sourceHeight; - options.helpLayer = helpLayer; - } - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function() { - var object = { type: this.type }, mainP = this.mainParameter; - if (mainP) { - object[mainP] = this[mainP]; - } - return object; - }, - - /** - * Returns a JSON representation of an instance - * @return {Object} JSON - */ - toJSON: function() { - // delegate, not alias - return this.toObject(); - } -}); - -fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { - var filter = new fabric.Image.filters[object.type](object); - callback && callback(filter); - return filter; -}; - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Color Matrix filter class - * @class fabric.Image.filters.ColorMatrix - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} - * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} - * @example Kodachrome filter - * var filter = new fabric.Image.filters.ColorMatrix({ - * matrix: [ - 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, - -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, - -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, - 0, 0, 0, 1, 0 - ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.ColorMatrix = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.ColorMatrix.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'ColorMatrix', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'uniform mat4 uColorMatrix;\n' + - 'uniform vec4 uConstants;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color *= uColorMatrix;\n' + - 'color += uConstants;\n' + - 'gl_FragColor = color;\n' + - '}', - - /** - * Colormatrix for pixels. - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: [ - 1, 0, 0, 0, 0, - 0, 1, 0, 0, 0, - 0, 0, 1, 0, 0, - 0, 0, 0, 1, 0 - ], - - mainParameter: 'matrix', - - /** - * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario - * to save some calculation - * @type Boolean - * @default true - */ - colorsOnly: true, - - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function(options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.matrix = this.matrix.slice(0); - }, - - /** - * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, - iLen = data.length, - m = this.matrix, - r, g, b, a, i, colorsOnly = this.colorsOnly; + }, + /** + * + * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors + * + * @param {boolean} [strict] returns only ancestors that are objects (without canvas) + * @returns {Ancestors} ancestors from bottom to top + */ + getAncestors: function (strict) { + var ancestors = []; + var parent = this.group || (strict ? undefined : this.canvas); + while (parent) { + ancestors.push(parent); + parent = parent.group || (strict ? undefined : parent.canvas); + } + return ancestors; + }, + /** + * Returns an object that represent the ancestry situation. + * + * @typedef {object} AncestryComparison + * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`) + * @property {Ancestors} fork ancestors that are of `this` only + * @property {Ancestors} otherFork ancestors that are of `other` only + * + * @param {fabric.Object} other + * @param {boolean} [strict] finds only ancestors that are objects (without canvas) + * @returns {AncestryComparison | undefined} + * + */ + findCommonAncestors: function (other, strict) { + if (this === other) { + return { + fork: [], + otherFork: [], + common: [this].concat(this.getAncestors(strict)), + }; + } + else if (!other) { + // meh, warn and inform, and not my issue. + // the argument is NOT optional, we can't end up here. + return undefined; + } + var ancestors = this.getAncestors(strict); + var otherAncestors = other.getAncestors(strict); + // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case + if (ancestors.length === 0 && + otherAncestors.length > 0 && + this === otherAncestors[otherAncestors.length - 1]) { + return { + fork: [], + otherFork: [other].concat(otherAncestors.slice(0, otherAncestors.length - 1)), + common: [this], + }; + } + // compare ancestors + for (var i = 0, ancestor; i < ancestors.length; i++) { + ancestor = ancestors[i]; + if (ancestor === other) { + return { + fork: [this].concat(ancestors.slice(0, i)), + otherFork: [], + common: ancestors.slice(i), + }; + } + for (var j = 0; j < otherAncestors.length; j++) { + if (this === otherAncestors[j]) { + return { + fork: [], + otherFork: [other].concat(otherAncestors.slice(0, j)), + common: [this].concat(ancestors), + }; + } + if (ancestor === otherAncestors[j]) { + return { + fork: [this].concat(ancestors.slice(0, i)), + otherFork: [other].concat(otherAncestors.slice(0, j)), + common: ancestors.slice(i), + }; + } + } + } + // nothing shared + return { + fork: [this].concat(ancestors), + otherFork: [other].concat(otherAncestors), + common: [], + }; + }, + /** + * + * @param {fabric.Object} other + * @param {boolean} [strict] checks only ancestors that are objects (without canvas) + * @returns {boolean} + */ + hasCommonAncestors: function (other, strict) { + var commonAncestors = this.findCommonAncestors(other, strict); + return commonAncestors && !!commonAncestors.ancestors.length; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Moves an object to the bottom of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + sendToBack: function () { + if (this.group) { + fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); + } + else if (this.canvas) { + this.canvas.sendToBack(this); + } + return this; + }, + /** + * Moves an object to the top of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + bringToFront: function () { + if (this.group) { + fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); + } + else if (this.canvas) { + this.canvas.bringToFront(this); + } + return this; + }, + /** + * Moves an object down in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + sendBackwards: function (intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.sendBackwards(this, intersecting); + } + return this; + }, + /** + * Moves an object up in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + bringForward: function (intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.bringForward(this, intersecting); + } + return this; + }, + /** + * Moves an object to specified level in stack of drawn objects + * @param {Number} index New position of object + * @return {fabric.Object} thisArg + * @chainable + */ + moveTo: function (index) { + if (this.group && this.group.type !== 'activeSelection') { + fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); + } + else if (this.canvas) { + this.canvas.moveTo(this, index); + } + return this; + }, + /** + * + * @param {fabric.Object} other object to compare against + * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined` + */ + isInFrontOf: function (other) { + if (this === other) { + return undefined; + } + var ancestorData = this.findCommonAncestors(other); + if (!ancestorData) { + return undefined; + } + if (ancestorData.fork.includes(other)) { + return true; + } + if (ancestorData.otherFork.includes(this)) { + return false; + } + var firstCommonAncestor = ancestorData.common[0]; + if (!firstCommonAncestor) { + return undefined; + } + var headOfFork = ancestorData.fork.pop(), headOfOtherFork = ancestorData.otherFork.pop(), thisIndex = firstCommonAncestor._objects.indexOf(headOfFork), otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork); + return thisIndex > -1 && thisIndex > otherIndex; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); - for (i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - if (colorsOnly) { - data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; - data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; - data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; +//@ts-nocheck +/* _TO_SVG_START_ */ +(function (global) { + var fabric = global.fabric; + function getSvgColorString(prop, value) { + if (!value) { + return prop + ': none; '; } - else { - a = data[i + 3]; - data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; - data[i + 1] = r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; - data[i + 2] = r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; - data[i + 3] = r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; + else if (value.toLive) { + return prop + ': url(#SVGID_' + value.id + '); '; } - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), - uConstants: gl.getUniformLocation(program, 'uConstants'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var m = this.matrix, - matrix = [ - m[0], m[1], m[2], m[3], - m[5], m[6], m[7], m[8], - m[10], m[11], m[12], m[13], - m[15], m[16], m[17], m[18] - ], - constants = [m[4], m[9], m[14], m[19]]; - gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); - gl.uniform4fv(uniformLocations.uConstants, constants); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] function to invoke after filter creation - * @return {fabric.Image.filters.ColorMatrix} Instance of fabric.Image.filters.ColorMatrix - */ - fabric.Image.filters.ColorMatrix.fromObject = fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Brightness filter class - * @class fabric.Image.filters.Brightness - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Brightness({ - * brightness: 0.05 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Brightness = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Brightness.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Brightness', - - /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uBrightness;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += uBrightness;\n' + - 'gl_FragColor = color;\n' + - '}', - - /** - * Brightness value, from -1 to 1. - * translated to -255 to 255 for 2d - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Number} brightness - * @default - */ - brightness: 0, - - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'brightness', - - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - if (this.brightness === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, i, len = data.length, - brightness = Math.round(this.brightness * 255); - for (i = 0; i < len; i += 4) { - data[i] = data[i] + brightness; - data[i + 1] = data[i + 1] + brightness; - data[i + 2] = data[i + 2] + brightness; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uBrightness: gl.getUniformLocation(program, 'uBrightness'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBrightness, this.brightness); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Brightness} Instance of fabric.Image.filters.Brightness - */ - fabric.Image.filters.Brightness.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Adapted from html5rocks article - * @class fabric.Image.filters.Convolute - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example Sharpen filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 0, -1, 0, - * -1, 5, -1, - * 0, -1, 0 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Blur filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter with opaqueness - * var filter = new fabric.Image.filters.Convolute({ - * opaque: true, - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Convolute = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Convolute.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Convolute', - - /* - * Opaque value (true/false) - */ - opaque: false, + else { + var color = new Color(value), str = prop + ': ' + color.toRgb() + '; ', opacity = color.getAlpha(); + if (opacity !== 1) { + //change the color in rgb + opacity + str += prop + '-opacity: ' + opacity.toString() + '; '; + } + return str; + } + } + var toFixed = (fabric = global.fabric), toFixed = fabric.util.toFixed; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function (skipShadow) { + var fillRule = this.fillRule ? this.fillRule : 'nonzero', strokeWidth = this.strokeWidth ? this.strokeWidth : '0', strokeDashArray = this.strokeDashArray + ? this.strokeDashArray.join(' ') + : 'none', strokeDashOffset = this.strokeDashOffset + ? this.strokeDashOffset + : '0', strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', strokeMiterLimit = this.strokeMiterLimit + ? this.strokeMiterLimit + : '4', opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', visibility = this.visible ? '' : ' visibility: hidden;', filter = skipShadow ? '' : this.getSvgFilter(), fill = getSvgColorString('fill', this.fill), stroke = getSvgColorString('stroke', this.stroke); + return [ + stroke, + 'stroke-width: ', + strokeWidth, + '; ', + 'stroke-dasharray: ', + strokeDashArray, + '; ', + 'stroke-linecap: ', + strokeLineCap, + '; ', + 'stroke-dashoffset: ', + strokeDashOffset, + '; ', + 'stroke-linejoin: ', + strokeLineJoin, + '; ', + 'stroke-miterlimit: ', + strokeMiterLimit, + '; ', + fill, + 'fill-rule: ', + fillRule, + '; ', + 'opacity: ', + opacity, + ';', + filter, + visibility, + ].join(''); + }, + /** + * Returns styles-string for svg-export + * @param {Object} style the object from which to retrieve style properties + * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. + * @return {String} + */ + getSvgSpanStyles: function (style, useWhiteSpace) { + var term = '; '; + var fontFamily = style.fontFamily + ? 'font-family: ' + + (style.fontFamily.indexOf("'") === -1 && + style.fontFamily.indexOf('"') === -1 + ? "'" + style.fontFamily + "'" + : style.fontFamily) + + term + : ''; + var strokeWidth = style.strokeWidth + ? 'stroke-width: ' + style.strokeWidth + term + : '', fontFamily = fontFamily, fontSize = style.fontSize + ? 'font-size: ' + style.fontSize + 'px' + term + : '', fontStyle = style.fontStyle + ? 'font-style: ' + style.fontStyle + term + : '', fontWeight = style.fontWeight + ? 'font-weight: ' + style.fontWeight + term + : '', fill = style.fill ? getSvgColorString('fill', style.fill) : '', stroke = style.stroke + ? getSvgColorString('stroke', style.stroke) + : '', textDecoration = this.getSvgTextDecoration(style), deltaY = style.deltaY + ? 'baseline-shift: ' + -style.deltaY + '; ' + : ''; + if (textDecoration) { + textDecoration = 'text-decoration: ' + textDecoration + term; + } + return [ + stroke, + strokeWidth, + fontFamily, + fontSize, + fontStyle, + fontWeight, + textDecoration, + fill, + deltaY, + useWhiteSpace ? 'white-space: pre; ' : '', + ].join(''); + }, + /** + * Returns text-decoration property for svg-export + * @param {Object} style the object from which to retrieve style properties + * @return {String} + */ + getSvgTextDecoration: function (style) { + return ['overline', 'underline', 'line-through'] + .filter(function (decoration) { + return style[decoration.replace('-', '')]; + }) + .join(' '); + }, + /** + * Returns filter for svg shadow + * @return {String} + */ + getSvgFilter: function () { + return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; + }, + /** + * Returns id attribute for svg output + * @return {String} + */ + getSvgCommons: function () { + return [ + this.id ? 'id="' + this.id + '" ' : '', + this.clipPath + ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' + : '', + ].join(''); + }, + /** + * Returns transform-string for svg-export + * @param {Boolean} use the full transform or the single object one. + * @return {String} + */ + getSvgTransform: function (full, additionalTransform) { + var transform = full + ? this.calcTransformMatrix() + : this.calcOwnMatrix(), svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); + return svgTransform + (additionalTransform || '') + '" '; + }, + _setSVGBg: function (textBgRects) { + if (this.backgroundColor) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push('\t\t\n'); + } + }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function (reviver) { + return this._createBaseSVGMarkup(this._toSVG(reviver), { + reviver: reviver, + }); + }, + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function (reviver) { + return ('\t' + + this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { + reviver: reviver, + })); + }, + /** + * @private + */ + _createBaseClipPathSVGMarkup: function (objectMarkup, options) { + options = options || {}; + var reviver = options.reviver, additionalTransform = options.additionalTransform || '', commonPieces = [ + this.getSvgTransform(true, additionalTransform), + this.getSvgCommons(), + ].join(''), + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'); + objectMarkup[index] = commonPieces; + return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); + }, + /** + * @private + */ + _createBaseSVGMarkup: function (objectMarkup, options) { + options = options || {}; + var noStyle = options.noStyle, reviver = options.reviver, styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', shadowInfo = options.withShadow + ? 'style="' + this.getSvgFilter() + '" ' + : '', clipPath = this.clipPath, vectorEffect = this.strokeUniform + ? 'vector-effect="non-scaling-stroke" ' + : '', absoluteClipPath = clipPath && clipPath.absolutePositioned, stroke = this.stroke, fill = this.fill, shadow = this.shadow, commonPieces, markup = [], clipPathMarkup, + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'), additionalTransform = options.additionalTransform; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; + clipPathMarkup = + '\n' + + clipPath.toClipPathSVG(reviver) + + '\n'; + } + if (absoluteClipPath) { + markup.push('\n'); + } + markup.push('\n'); + commonPieces = [ + styleInfo, + vectorEffect, + noStyle ? '' : this.addPaintOrder(), + ' ', + additionalTransform ? 'transform="' + additionalTransform + '" ' : '', + ].join(''); + objectMarkup[index] = commonPieces; + if (fill && fill.toLive) { + markup.push(fill.toSVG(this)); + } + if (stroke && stroke.toLive) { + markup.push(stroke.toSVG(this)); + } + if (shadow) { + markup.push(shadow.toSVG(this)); + } + if (clipPath) { + markup.push(clipPathMarkup); + } + markup.push(objectMarkup.join('')); + markup.push('\n'); + absoluteClipPath && markup.push('\n'); + return reviver ? reviver(markup.join('')) : markup.join(''); + }, + addPaintOrder: function () { + return this.paintFirst !== 'fill' + ? ' paint-order="' + this.paintFirst + '" ' + : ''; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); +/* _TO_SVG_END_ */ +//@ts-nocheck +(function (global) { + var fabric = global.fabric, extend = fabric.util.object.extend, originalSet = 'stateProperties'; /* - * matrix for the filter, max 9x9 - */ - matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], - - /** - * Fragment source for the brightness program - */ - fragmentSource: { - Convolute_3_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_3_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_5_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_5_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_7_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_7_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_9_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_9_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - }, + Depends on `stateProperties` + */ + function saveProps(origin, destination, props) { + var tmpObj = {}, deep = true; + props.forEach(function (prop) { + tmpObj[prop] = origin[prop]; + }); + extend(origin[destination], tmpObj, deep); + } + function _isEqual(origValue, currentValue, firstPass) { + if (origValue === currentValue) { + // if the objects are identical, return + return true; + } + else if (Array.isArray(origValue)) { + if (!Array.isArray(currentValue) || + origValue.length !== currentValue.length) { + return false; + } + for (var i = 0, len = origValue.length; i < len; i++) { + if (!_isEqual(origValue[i], currentValue[i])) { + return false; + } + } + return true; + } + else if (origValue && typeof origValue === 'object') { + var keys = Object.keys(origValue), key; + if (!currentValue || + typeof currentValue !== 'object' || + (!firstPass && keys.length !== Object.keys(currentValue).length)) { + return false; + } + for (var i = 0, len = keys.length; i < len; i++) { + key = keys[i]; + // since clipPath is in the statefull cache list and the clipPath objects + // would be iterated as an object, this would lead to possible infinite recursion + // we do not want to compare those. + if (key === 'canvas' || key === 'group') { + continue; + } + if (!_isEqual(origValue[key], currentValue[key])) { + return false; + } + } + return true; + } + } + fabric.util.object.extend(fabric.Object.prototype, + /** @lends fabric.Object.prototype */ { + /** + * Returns true if object state (one of its state properties) was changed + * @param {String} [propertySet] optional name for the set of property we want to save + * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called + */ + hasStateChanged: function (propertySet) { + propertySet = propertySet || originalSet; + var dashedPropertySet = '_' + propertySet; + if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { + return true; + } + return !_isEqual(this[dashedPropertySet], this, true); + }, + /** + * Saves state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + saveState: function (options) { + var propertySet = (options && options.propertySet) || originalSet, destination = '_' + propertySet; + if (!this[destination]) { + return this.setupState(options); + } + saveProps(this, destination, this[propertySet]); + if (options && options.stateProperties) { + saveProps(this, destination, options.stateProperties); + } + return this; + }, + /** + * Setups state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + setupState: function (options) { + options = options || {}; + var propertySet = options.propertySet || originalSet; + options.propertySet = propertySet; + this['_' + propertySet] = {}; + this.saveState(options); + return this; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Animation duration (in ms) for fx* methods + * @type Number + * @default + */ + FX_DURATION: 500, + /** + * Centers object horizontally with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectH: function (object, callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: object.getX(), + endValue: this.getCenterPoint().x, + duration: this.FX_DURATION, + onChange: function (value) { + object.setX(value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + object.setCoords(); + onComplete(); + }, + }); + }, + /** + * Centers object vertically with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectV: function (object, callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: object.getY(), + endValue: this.getCenterPoint().y, + duration: this.FX_DURATION, + onChange: function (value) { + object.setY(value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + object.setCoords(); + onComplete(); + }, + }); + }, + /** + * Same as `fabric.Canvas#remove` but animated + * @param {fabric.Object} object Object to remove + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxRemove: function (object, callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: object.opacity, + endValue: 0, + duration: this.FX_DURATION, + onChange: function (value) { + object.set('opacity', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + _this.remove(object); + onComplete(); + }, + }); + }, + }); + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * Animates object's properties + * @param {String|Object} property Property to animate (if string) or properties to animate (if object) + * @param {Number|Object} value Value to animate property to (if string was given first) or options object + * @return {fabric.Object} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} + * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) + * + * As object — multiple properties + * + * object.animate({ left: ..., top: ... }); + * object.animate({ left: ..., top: ... }, { duration: ... }); + * + * As string — one property + * + * object.animate('left', ...); + * object.animate('left', { duration: ... }); + * + */ + animate: function () { + if (arguments[0] && typeof arguments[0] === 'object') { + var propsToAnimate = [], prop, skipCallbacks, out = []; + for (prop in arguments[0]) { + propsToAnimate.push(prop); + } + for (var i = 0, len = propsToAnimate.length; i < len; i++) { + prop = propsToAnimate[i]; + skipCallbacks = i !== len - 1; + out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); + } + return out; + } + else { + return this._animate.apply(this, arguments); + } + }, + /** + * @private + * @param {String} property Property to animate + * @param {String} to Value to animate to + * @param {Object} [options] Options object + * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked + */ + _animate: function (property, to, options, skipCallbacks) { + var _this = this, propPair; + to = to.toString(); + options = Object.assign({}, options); + if (~property.indexOf('.')) { + propPair = property.split('.'); + } + var propIsColor = _this.colorProperties.indexOf(property) > -1 || + (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); + var currentValue = propPair + ? this.get(propPair[0])[propPair[1]] + : this.get(property); + if (!('from' in options)) { + options.from = currentValue; + } + if (!propIsColor) { + if (~to.indexOf('=')) { + to = currentValue + parseFloat(to.replace('=', '')); + } + else { + to = parseFloat(to); + } + } + var _options = { + target: this, + startValue: options.from, + endValue: to, + byValue: options.by, + easing: options.easing, + duration: options.duration, + abort: options.abort && + function (value, valueProgress, timeProgress) { + return options.abort.call(_this, value, valueProgress, timeProgress); + }, + onChange: function (value, valueProgress, timeProgress) { + if (propPair) { + _this[propPair[0]][propPair[1]] = value; + } + else { + _this.set(property, value); + } + if (skipCallbacks) { + return; + } + options.onChange && + options.onChange(value, valueProgress, timeProgress); + }, + onComplete: function (value, valueProgress, timeProgress) { + if (skipCallbacks) { + return; + } + _this.setCoords(); + options.onComplete && + options.onComplete(value, valueProgress, timeProgress); + }, + }; + if (propIsColor) { + return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); + } + else { + return fabric.util.animate(_options); + } + }, + }); +})(typeof exports !== 'undefined' ? exports : window); +// @ts-nocheck +const coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; +class Line extends InteractiveFabricObject { /** * Constructor - * @memberOf fabric.Image.filters.Convolute.prototype + * @param {Array} [points] Array of points * @param {Object} [options] Options object - * @param {Boolean} [options.opaque=false] Opaque value (true/false) - * @param {Array} [options.matrix] Filter matrix - */ - - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - var size = Math.sqrt(this.matrix.length); - var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); - var shaderSource = this.fragmentSource[cacheKey]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, - weights = this.matrix, - side = Math.round(Math.sqrt(weights.length)), - halfSide = Math.floor(side / 2), - sw = imageData.width, - sh = imageData.height, - output = options.ctx.createImageData(sw, sh), - dst = output.data, - // go through the destination image pixels - alphaFac = this.opaque ? 1 : 0, - r, g, b, a, dstOff, - scx, scy, srcOff, wt, - x, y, cx, cy; - - for (y = 0; y < sh; y++) { - for (x = 0; x < sw; x++) { - dstOff = (y * sw + x) * 4; - // calculate the weighed sum of the source image pixels that - // fall under the convolution matrix - r = 0; g = 0; b = 0; a = 0; - - for (cy = 0; cy < side; cy++) { - for (cx = 0; cx < side; cx++) { - scy = y + cy - halfSide; - scx = x + cx - halfSide; - - // eslint-disable-next-line max-depth - if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { - continue; - } - - srcOff = (scy * sw + scx) * 4; - wt = weights[cy * side + cx]; - - r += data[srcOff] * wt; - g += data[srcOff + 1] * wt; - b += data[srcOff + 2] * wt; - // eslint-disable-next-line max-depth - if (!alphaFac) { - a += data[srcOff + 3] * wt; - } - } - } - dst[dstOff] = r; - dst[dstOff + 1] = g; - dst[dstOff + 2] = b; - if (!alphaFac) { - dst[dstOff + 3] = a; - } - else { - dst[dstOff + 3] = data[dstOff + 3]; - } - } - } - options.imageData = output; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uMatrix: gl.getUniformLocation(program, 'uMatrix'), - uOpaque: gl.getUniformLocation(program, 'uOpaque'), - uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), - uSize: gl.getUniformLocation(program, 'uSize'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1fv(uniformLocations.uMatrix, this.matrix); - }, - - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance + * @return {Line} thisArg */ - toObject: function() { - return extend(this.callSuper('toObject'), { - opaque: this.opaque, - matrix: this.matrix - }); + constructor(points, options) { + if (!points) { + points = [0, 0, 0, 0]; + } + super(options); + this.set('x1', points[0]); + this.set('y1', points[1]); + this.set('x2', points[2]); + this.set('y2', points[3]); + this._setWidthHeight(options); } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Convolute} Instance of fabric.Image.filters.Convolute - */ - fabric.Image.filters.Convolute.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Grayscale image filter class - * @class fabric.Image.filters.Grayscale - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Grayscale(); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Grayscale = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Grayscale.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Grayscale', - - fragmentSource: { - average: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float average = (color.r + color.b + color.g) / 3.0;\n' + - 'gl_FragColor = vec4(average, average, average, color.a);\n' + - '}', - lightness: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - luminosity: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - }, - - - /** - * Grayscale mode, between 'average', 'lightness', 'luminosity' - * @param {String} type - * @default - */ - mode: 'average', - - mainParameter: 'mode', - - /** - * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, i, - len = data.length, value, - mode = this.mode; - for (i = 0; i < len; i += 4) { - if (mode === 'average') { - value = (data[i] + data[i + 1] + data[i + 2]) / 3; - } - else if (mode === 'lightness') { - value = (Math.min(data[i], data[i + 1], data[i + 2]) + - Math.max(data[i], data[i + 1], data[i + 2])) / 2; - } - else if (mode === 'luminosity') { - value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; - } - data[i] = value; - data[i + 1] = value; - data[i + 2] = value; - } - }, - - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function(options) { - var cacheKey = this.type + '_' + this.mode; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var shaderSource = this.fragmentSource[this.mode]; - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uMode: gl.getUniformLocation(program, 'uMode'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - // default average mode. - var mode = 1; - gl.uniform1i(uniformLocations.uMode, mode); - }, - - /** - * Grayscale filter isNeutralState implementation - * The filter is never neutral - * on the image - **/ - isNeutralState: function() { - return false; - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Grayscale} Instance of fabric.Image.filters.Grayscale - */ - fabric.Image.filters.Grayscale.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Invert filter class - * @class fabric.Image.filters.Invert - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Invert(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Invert = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Invert.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Invert', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uInvert;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'if (uInvert == 1) {\n' + - 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + - '} else {\n' + - 'gl_FragColor = color;\n' + - '}\n' + - '}', - - /** - * Filter invert. if false, does nothing - * @param {Boolean} invert - * @default - */ - invert: true, - - mainParameter: 'invert', - - /** - * Apply the Invert operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, i, - len = data.length; - for (i = 0; i < len; i += 4) { - data[i] = 255 - data[i]; - data[i + 1] = 255 - data[i + 1]; - data[i + 2] = 255 - data[i + 2]; - } - }, - - /** - * Invert filter isNeutralState implementation - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * @param {Object} options - **/ - isNeutralState: function() { - return !this.invert; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uInvert: gl.getUniformLocation(program, 'uInvert'), - }; - }, - - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1i(uniformLocations.uInvert, this.invert); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Invert} Instance of fabric.Image.filters.Invert - */ - fabric.Image.filters.Invert.fromObject = fabric.Image.filters.BaseFilter.fromObject; - - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Noise filter class - * @class fabric.Image.filters.Noise - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Noise({ - * noise: 700 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Noise = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Noise.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Noise', - - /** - * Fragment source for the noise program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uStepH;\n' + - 'uniform float uNoise;\n' + - 'uniform float uSeed;\n' + - 'varying vec2 vTexCoord;\n' + - 'float rand(vec2 co, float seed, float vScale) {\n' + - 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + - 'gl_FragColor = color;\n' + - '}', - - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default + * @private + * @param {Object} [options] Options */ - mainParameter: 'noise', - + _setWidthHeight(options) { + options || (options = {}); + this.width = Math.abs(this.x2 - this.x1); + this.height = Math.abs(this.y2 - this.y1); + this.left = 'left' in options ? options.left : this._getLeftToOriginX(); + this.top = 'top' in options ? options.top : this._getTopToOriginY(); + } /** - * Noise value, from - * @param {Number} noise - * @default + * @private + * @param {String} key + * @param {*} value */ - noise: 0, - + _set(key, value) { + super._set(key, value); + if (typeof coordProps[key] !== 'undefined') { + this._setWidthHeight(); + } + return this; + } /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - applyTo2d: function(options) { - if (this.noise === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, i, len = data.length, - noise = this.noise, rand; - - for (i = 0, len = data.length; i < len; i += 4) { - - rand = (0.5 - Math.random()) * noise; - - data[i] += rand; - data[i + 1] += rand; - data[i + 2] += rand; - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uNoise: gl.getUniformLocation(program, 'uNoise'), - uSeed: gl.getUniformLocation(program, 'uSeed'), - }; - }, - + _render(ctx) { + ctx.beginPath(); + const p = this.calcLinePoints(); + ctx.moveTo(p.x1, p.y1); + ctx.lineTo(p.x2, p.y2); + ctx.lineWidth = this.strokeWidth; + // TODO: test this + // make sure setting "fill" changes color of a line + // (by copying fillStyle to strokeStyle, since line is stroked, not filled) + const origStrokeStyle = ctx.strokeStyle; + ctx.strokeStyle = this.stroke || ctx.fillStyle; + this.stroke && this._renderStroke(ctx); + ctx.strokeStyle = origStrokeStyle; + } /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uNoise, this.noise / 255); - gl.uniform1f(uniformLocations.uSeed, Math.random()); - }, - + _findCenterFromElement() { + return { + x: (this.x1 + this.x2) / 2, + y: (this.y1 + this.y2) / 2, + }; + } /** * Returns object representation of an instance - * @return {Object} Object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - toObject: function() { - return extend(this.callSuper('toObject'), { - noise: this.noise - }); + toObject(propertiesToInclude) { + return Object.assign(Object.assign({}, super.toObject(propertiesToInclude)), this.calcLinePoints()); } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Noise} Instance of fabric.Image.filters.Noise - */ - fabric.Image.filters.Noise.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Pixelate filter class - * @class fabric.Image.filters.Pixelate - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Pixelate({ - * blocksize: 8 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Pixelate = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Pixelate.prototype */ { - - /** - * Filter type - * @param {String} type - * @default + /* + * Calculate object dimensions from its properties + * @private */ - type: 'Pixelate', - - blocksize: 4, - - mainParameter: 'blocksize', - - /** - * Fragment source for the Pixelate program - */ - fragmentSource: '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 * uStepW;\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' + - '}', - - /** - * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, - iLen = imageData.height, - jLen = imageData.width, - index, i, j, r, g, b, a, - _i, _j, _iLen, _jLen; - - for (i = 0; i < iLen; i += this.blocksize) { - for (j = 0; j < jLen; j += this.blocksize) { - - index = (i * 4) * jLen + (j * 4); - - r = data[index]; - g = data[index + 1]; - b = data[index + 2]; - a = data[index + 3]; - - _iLen = Math.min(i + this.blocksize, iLen); - _jLen = Math.min(j + this.blocksize, jLen); - for (_i = i; _i < _iLen; _i++) { - for (_j = j; _j < _jLen; _j++) { - index = (_i * 4) * jLen + (_j * 4); - data[index] = r; - data[index + 1] = g; - data[index + 2] = b; - data[index + 3] = a; - } - } - } - } - }, - - /** - * Indicate when the filter is not gonna apply changes to the image - **/ - isNeutralState: function() { - return this.blocksize === 1; - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), - uStepW: gl.getUniformLocation(program, 'uStepW'), - uStepH: gl.getUniformLocation(program, 'uStepH'), - }; - }, - + _getNonTransformedDimensions() { + const dim = super._getNonTransformedDimensions(); + if (this.strokeLineCap === 'butt') { + if (this.width === 0) { + dim.y -= this.strokeWidth; + } + if (this.height === 0) { + dim.x -= this.strokeWidth; + } + } + return dim; + } /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * Recalculates line points given width and height + * @private */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Pixelate} Instance of fabric.Image.filters.Pixelate - */ - fabric.Image.filters.Pixelate.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - extend = fabric.util.object.extend, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Remove white filter class - * @class fabric.Image.filters.RemoveColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.RemoveColor({ - * threshold: 0.2, - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.RemoveColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.RemoveColor.prototype */ { - + calcLinePoints() { + const xMult = this.x1 <= this.x2 ? -1 : 1, yMult = this.y1 <= this.y2 ? -1 : 1, x1 = xMult * this.width * 0.5, y1 = yMult * this.height * 0.5, x2 = xMult * this.width * -0.5, y2 = yMult * this.height * -0.5; + return { + x1: x1, + x2: x2, + y1: y1, + y2: y2, + }; + } + makeEdgeToOriginGetter(propertyNames, originValues) { + const origin = propertyNames.origin, axis1 = propertyNames.axis1, axis2 = propertyNames.axis2, dimension = propertyNames.dimension, nearest = originValues.nearest, center = originValues.center, farthest = originValues.farthest; + switch (this.get(origin)) { + case nearest: + return Math.min(this.get(axis1), this.get(axis2)); + case center: + return (Math.min(this.get(axis1), this.get(axis2)) + 0.5 * this.get(dimension)); + case farthest: + return Math.max(this.get(axis1), this.get(axis2)); + } + } /** - * Filter type - * @param {String} type - * @default + * @private + * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. */ - type: 'RemoveColor', - + _getLeftToOriginX() { + return this.makeEdgeToOriginGetter({ + // property names + origin: 'originX', + axis1: 'x1', + axis2: 'x2', + dimension: 'width', + }, { + // possible values of origin + nearest: 'left', + center: 'center', + farthest: 'right', + }); + } /** - * Color to remove, in any format understood by fabric.Color. - * @param {String} type - * @default + * @private + * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. */ - color: '#FFFFFF', - + _getTopToOriginY() { + return this.makeEdgeToOriginGetter({ + // property names + origin: 'originY', + axis1: 'y1', + axis2: 'y2', + dimension: 'height', + }, { + // possible values of origin + nearest: 'top', + center: 'center', + farthest: 'bottom', + }); + } /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uLow;\n' + - 'uniform vec4 uHigh;\n' + - 'varying vec2 vTexCoord;\n' + - 'void 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' + - '}', - + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG() { + const p = this.calcLinePoints(); + return [ + '\n', + ]; + } /** - * distance to actual color, as value up or down from each r,g,b - * between 0 and 1 - **/ - distance: 0.02, - + * Returns Line instance from an SVG element + * @static + * @memberOf Line + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {Function} [callback] callback function invoked after parsing + */ + static fromElement(element, callback, options) { + options = options || {}; + const parsedAttributes = parseAttributes(element, Line.ATTRIBUTE_NAMES), points = [ + parsedAttributes.x1 || 0, + parsedAttributes.y1 || 0, + parsedAttributes.x2 || 0, + parsedAttributes.y2 || 0, + ]; + callback(new Line(points, Object.assign(Object.assign({}, parsedAttributes), options))); + } + /* _FROM_SVG_END_ */ /** - * For color to remove inside distance, use alpha channel for a smoother deletion - * NOT IMPLEMENTED YET - **/ - useAlpha: false, + * Returns Line instance from an object representation + * @static + * @memberOf Line + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + const options = clone(object, true); + options.points = [object.x1, object.y1, object.x2, object.y2]; + return InteractiveFabricObject._fromObject(Line, options, { + extraParam: 'points', + }).then(function (fabricLine) { + delete fabricLine.points; + return fabricLine; + }); + } +} +/* _FROM_SVG_START_ */ +/** + * List of attribute names to account for when parsing SVG element (used by {@link Line.fromElement}) + * @static + * @memberOf Line + * @see http://www.w3.org/TR/SVG/shapes.html#LineElement + */ +Line.ATTRIBUTE_NAMES = SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); +const lineDefaultValues = { + type: 'line', + x1: 0, + y1: 0, + x2: 0, + y2: 0, + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), +}; +Object.assign(Line.prototype, lineDefaultValues); +/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ +fabric$1.Line = Line; +class Circle$1 extends InteractiveFabricObject { /** - * Constructor - * @memberOf fabric.Image.filters.RemoveWhite.prototype - * @param {Object} [options] Options object - * @param {Number} [options.color=#RRGGBB] Threshold value - * @param {Number} [options.distance=10] Distance value + * @private + * @param {String} key + * @param {*} value */ - + _set(key, value) { + super._set(key, value); + if (key === 'radius') { + this.setRadius(value); + } + return this; + } /** - * Applies filter to canvas element - * @param {Object} canvasEl Canvas element to apply filter to - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, i, - distance = this.distance * 255, - r, g, b, - source = new fabric.Color(this.color).getSource(), - lowC = [ - source[0] - distance, - source[1] - distance, - source[2] - distance, - ], - highC = [ - source[0] + distance, - source[1] + distance, - source[2] + distance, - ]; - - - for (i = 0; i < data.length; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - - if (r > lowC[0] && - g > lowC[1] && - b > lowC[2] && - r < highC[0] && - g < highC[1] && - b < highC[2]) { - data[i + 3] = 0; - } - } - }, - + * @private + * @param {CanvasRenderingContext2D} ctx context to render on + */ + _render(ctx) { + ctx.beginPath(); + ctx.arc(0, 0, this.radius, degreesToRadians(this.startAngle), degreesToRadians(this.endAngle), false); + this._renderPaintInOrder(ctx); + } /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uLow: gl.getUniformLocation(program, 'uLow'), - uHigh: gl.getUniformLocation(program, 'uHigh'), - }; - }, - + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRadiusX() { + return this.get('radius') * this.get('scaleX'); + } /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var source = new fabric.Color(this.color).getSource(), - distance = parseFloat(this.distance), - lowC = [ - 0 + source[0] / 255 - distance, - 0 + source[1] / 255 - distance, - 0 + source[2] / 255 - distance, - 1 - ], - highC = [ - source[0] / 255 + distance, - source[1] / 255 + distance, - source[2] / 255 + distance, - 1 - ]; - gl.uniform4fv(uniformLocations.uLow, lowC); - gl.uniform4fv(uniformLocations.uHigh, highC); - }, - + * Returns vertical radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRadiusY() { + return this.get('radius') * this.get('scaleY'); + } + /** + * Sets radius of an object (and updates width accordingly) + */ + setRadius(value) { + this.radius = value; + this.set({ width: value * 2, height: value * 2 }); + } /** * Returns object representation of an instance - * @return {Object} Object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - toObject: function() { - return extend(this.callSuper('toObject'), { - color: this.color, - distance: this.distance - }); + toObject(propertiesToInclude = []) { + return super.toObject([ + 'radius', + 'startAngle', + 'endAngle', + ...propertiesToInclude, + ]); } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.RemoveColor} Instance of fabric.Image.filters.RemoveWhite - */ - fabric.Image.filters.RemoveColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - var matrices = { - Brownie: [ - 0.59970,0.34553,-0.27082,0,0.186, - -0.03770,0.86095,0.15059,0,-0.1449, - 0.24113,-0.07441,0.44972,0,-0.02965, - 0,0,0,1,0 - ], - Vintage: [ - 0.62793,0.32021,-0.03965,0,0.03784, - 0.02578,0.64411,0.03259,0,0.02926, - 0.04660,-0.08512,0.52416,0,0.02023, - 0,0,0,1,0 - ], - Kodachrome: [ - 1.12855,-0.39673,-0.03992,0,0.24991, - -0.16404,1.08352,-0.05498,0,0.09698, - -0.16786,-0.56034,1.60148,0,0.13972, - 0,0,0,1,0 - ], - Technicolor: [ - 1.91252,-0.85453,-0.09155,0,0.04624, - -0.30878,1.76589,-0.10601,0,-0.27589, - -0.23110,-0.75018,1.84759,0,0.12137, - 0,0,0,1,0 - ], - Polaroid: [ - 1.438,-0.062,-0.062,0,0, - -0.122,1.378,-0.122,0,0, - -0.016,-0.016,1.483,0,0, - 0,0,0,1,0 - ], - Sepia: [ - 0.393, 0.769, 0.189, 0, 0, - 0.349, 0.686, 0.168, 0, 0, - 0.272, 0.534, 0.131, 0, 0, - 0, 0, 0, 1, 0 - ], - BlackWhite: [ - 1.5, 1.5, 1.5, 0, -1, - 1.5, 1.5, 1.5, 0, -1, - 1.5, 1.5, 1.5, 0, -1, - 0, 0, 0, 1, 0, - ] - }; - - for (var key in matrices) { - filters[key] = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.Sepia.prototype */ { - - /** - * Filter type - * @param {String} type - * @default - */ - type: key, - - /** - * Colormatrix for the effect - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: matrices[key], - - /** - * Lock the matrix export for this kind of static, parameter less filters. - */ - mainParameter: false, - /** - * Lock the colormatrix on the color part, skipping alpha - */ - colorsOnly: true, - - }); - fabric.Image.filters[key].fromObject = fabric.Image.filters.BaseFilter.fromObject; - } -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - 'use strict'; - - var fabric = global.fabric, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Color Blend filter class - * @class fabric.Image.filter.BlendColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); - * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - - filters.BlendColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blend.prototype */ { - type: 'BlendColor', - + /* _TO_SVG_START_ */ /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - * @type String - * @default - **/ - color: '#F95C63', - + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG() { + const angle = (this.endAngle - this.startAngle) % 360; + if (angle === 0) { + return [ + '\n', + ]; + } + else { + const { radius } = this; + const start = degreesToRadians(this.startAngle), end = degreesToRadians(this.endAngle), startX = cos(start) * radius, startY = sin(start) * radius, endX = cos(end) * radius, endY = sin(end) * radius, largeFlag = angle > 180 ? '1' : '0'; + return [ + `\n', + ]; + } + } + /** + * Returns {@link Circle} instance from an SVG element + * @static + * @memberOf Circle + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @param {Object} [options] Partial Circle object to default missing properties on the element. + * @throws {Error} If value of `r` attribute is missing or invalid + */ + static fromElement(element, callback) { + const _a = parseAttributes(element, Circle$1.ATTRIBUTE_NAMES), { left = 0, top = 0, radius } = _a, otherParsedAttributes = __rest(_a, ["left", "top", "radius"]); + if (!radius || radius < 0) { + throw new Error('value of `r` attribute is required and can not be negative'); + } + // this probably requires to be fixed for default origins not being top/left. + callback(new Circle$1(Object.assign(Object.assign({}, otherParsedAttributes), { radius, left: left - radius, top: top - radius }))); + } + /* _FROM_SVG_END_ */ /** - * Blend mode for the filter: one of multiply, add, diff, screen, subtract, - * darken, lighten, overlay, exclusion, tint. - * @type String - * @default - **/ - mode: 'multiply', + * Returns {@link Circle} instance from an object representation + * @static + * @memberOf Circle + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + return InteractiveFabricObject._fromObject(Circle$1, object); + } +} +/* _TO_SVG_END_ */ +/* _FROM_SVG_START_ */ +/** + * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement}) + * @static + * @memberOf Circle + * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement + */ +Circle$1.ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES]; +const circleDefaultValues = { + type: 'circle', + radius: 0, + startAngle: 0, + endAngle: 360, + stateProperties: fabricObjectDefaultValues.stateProperties.concat('radius', 'startAngle', 'endAngle'), + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('radius', 'startAngle', 'endAngle'), +}; +Object.assign(Circle$1.prototype, circleDefaultValues); +fabric$1.Circle = Circle$1; +class Triangle extends InteractiveFabricObject { /** - * alpha value. represent the strength of the blend color operation. - * @type Number - * @default - **/ - alpha: 1, - + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render(ctx) { + const widthBy2 = this.width / 2, heightBy2 = this.height / 2; + ctx.beginPath(); + ctx.moveTo(-widthBy2, heightBy2); + ctx.lineTo(0, -heightBy2); + ctx.lineTo(widthBy2, heightBy2); + ctx.closePath(); + this._renderPaintInOrder(ctx); + } /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', - screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', - add: 'gl_FragColor.rgb += uColor.rgb;\n', - diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', - subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', - lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', - darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', - exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', - overlay: 'if (uColor.r < 0.5) {\n' + - 'gl_FragColor.r *= 2.0 * uColor.r;\n' + - '} else {\n' + - 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + - '}\n' + - 'if (uColor.g < 0.5) {\n' + - 'gl_FragColor.g *= 2.0 * uColor.g;\n' + - '} else {\n' + - 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + - '}\n' + - 'if (uColor.b < 0.5) {\n' + - 'gl_FragColor.b *= 2.0 * uColor.b;\n' + - '} else {\n' + - 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + - '}\n', - tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + - 'gl_FragColor.rgb += uColor.rgb;\n', - }, - + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG() { + const widthBy2 = this.width / 2, heightBy2 = this.height / 2, points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`; + return ['']; + } /** - * build the fragment source for the filters, joining the common part with - * the specific one. - * @param {String} mode the mode of the filter, a key of this.fragmentSource - * @return {String} the source to be compiled - * @private + * Returns {@link Triangle} instance from an object representation + * @static + * @memberOf Triangle + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - buildSource: function(mode) { - return 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'gl_FragColor = color;\n' + - 'if (color.a > 0.0) {\n' + - this.fragmentSource[mode] + - '}\n' + - '}'; - }, + static fromObject(object) { + return InteractiveFabricObject._fromObject(Triangle, object); + } +} +const triangleDefaultValues = { + type: 'triangle', + width: 100, + height: 100, +}; +Object.assign(Triangle.prototype, triangleDefaultValues); +fabric$1.Triangle = Triangle; +class Ellipse extends InteractiveFabricObject { /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + * Constructor + * @param {Object} [options] Options object + * @return {Ellipse} thisArg */ - retrieveShader: function(options) { - var cacheKey = this.type + '_' + this.mode, shaderSource; - if (!options.programCache.hasOwnProperty(cacheKey)) { - shaderSource = this.buildSource(this.mode); - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - + constructor(options) { + super(options); + this.set('rx', (options && options.rx) || 0); + this.set('ry', (options && options.ry) || 0); + } /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - data = imageData.data, iLen = data.length, - tr, tg, tb, - r, g, b, - source, alpha1 = 1 - this.alpha; - - source = new fabric.Color(this.color).getSource(); - tr = source[0] * this.alpha; - tg = source[1] * this.alpha; - tb = source[2] * this.alpha; - - for (var i = 0; i < iLen; i += 4) { - - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - - switch (this.mode) { - case 'multiply': - data[i] = r * tr / 255; - data[i + 1] = g * tg / 255; - data[i + 2] = b * tb / 255; - break; - case 'screen': - data[i] = 255 - (255 - r) * (255 - tr) / 255; - data[i + 1] = 255 - (255 - g) * (255 - tg) / 255; - data[i + 2] = 255 - (255 - b) * (255 - tb) / 255; - break; - case 'add': - data[i] = r + tr; - data[i + 1] = g + tg; - data[i + 2] = b + tb; - break; - case 'diff': - case 'difference': - data[i] = Math.abs(r - tr); - data[i + 1] = Math.abs(g - tg); - data[i + 2] = Math.abs(b - tb); - break; - case 'subtract': - data[i] = r - tr; - data[i + 1] = g - tg; - data[i + 2] = b - tb; - break; - case 'darken': - data[i] = Math.min(r, tr); - data[i + 1] = Math.min(g, tg); - data[i + 2] = Math.min(b, tb); - break; - case 'lighten': - data[i] = Math.max(r, tr); - data[i + 1] = Math.max(g, tg); - data[i + 2] = Math.max(b, tb); - break; - case 'overlay': - data[i] = tr < 128 ? (2 * r * tr / 255) : (255 - 2 * (255 - r) * (255 - tr) / 255); - data[i + 1] = tg < 128 ? (2 * g * tg / 255) : (255 - 2 * (255 - g) * (255 - tg) / 255); - data[i + 2] = tb < 128 ? (2 * b * tb / 255) : (255 - 2 * (255 - b) * (255 - tb) / 255); - break; - case 'exclusion': - data[i] = tr + r - ((2 * tr * r) / 255); - data[i + 1] = tg + g - ((2 * tg * g) / 255); - data[i + 2] = tb + b - ((2 * tb * b) / 255); - break; - case 'tint': - data[i] = tr + r * alpha1; - data[i + 1] = tg + g * alpha1; - data[i + 2] = tb + b * alpha1; + * @private + * @param {String} key + * @param {*} value + * @return {Ellipse} thisArg + */ + _set(key, value) { + super._set(key, value); + switch (key) { + case 'rx': + this.rx = value; + this.set('width', value * 2); + break; + case 'ry': + this.ry = value; + this.set('height', value * 2); + break; } - } - }, - + return this; + } /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} */ - getUniformLocations: function(gl, program) { - return { - uColor: gl.getUniformLocation(program, 'uColor'), - }; - }, - + getRx() { + return this.get('rx') * this.get('scaleX'); + } /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function(gl, uniformLocations) { - var source = new fabric.Color(this.color).getSource(); - source[0] = this.alpha * source[0] / 255; - source[1] = this.alpha * source[1] / 255; - source[2] = this.alpha * source[2] / 255; - source[3] = this.alpha; - gl.uniform4fv(uniformLocations.uColor, source); - }, - + * Returns Vertical radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRy() { + return this.get('ry') * this.get('scaleY'); + } /** * Returns object representation of an instance - * @return {Object} Object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - toObject: function() { - return { - type: this.type, - color: this.color, - mode: this.mode, - alpha: this.alpha - }; + toObject(propertiesToInclude = []) { + return super.toObject(['rx', 'ry', ...propertiesToInclude]); } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.BlendColor} Instance of fabric.Image.filters.BlendColor - */ - fabric.Image.filters.BlendColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - 'use strict'; - - var fabric = global.fabric, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Image Blend filter class - * @class fabric.Image.filter.BlendImage - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); - * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - - filters.BlendImage = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.BlendImage.prototype */ { - type: 'BlendImage', - /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - **/ - image: null, - + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG() { + return [ + '\n', + ]; + } /** - * Blend mode for the filter (one of "multiply", "mask") - * @type String - * @default - **/ - mode: 'multiply', - + * @private + * @param {CanvasRenderingContext2D} ctx context to render on + */ + _render(ctx) { + ctx.beginPath(); + ctx.save(); + ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); + ctx.arc(0, 0, this.rx, 0, twoMathPi, false); + ctx.restore(); + this._renderPaintInOrder(ctx); + } /** - * alpha value. represent the strength of the blend image operation. - * not implemented. - **/ - alpha: 1, - - vertexSource: 'attribute vec2 aPosition;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'uniform mat3 uTransformMatrix;\n' + - 'void main() {\n' + - 'vTexCoord = aPosition;\n' + - 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + - 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + - '}', - + * Returns {@link Ellipse} instance from an SVG element + * @static + * @memberOf Ellipse + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @return {Ellipse} + */ + static fromElement(element, callback) { + const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES); + parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; + parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; + callback(new Ellipse(parsedAttributes)); + } + /* _FROM_SVG_END_ */ /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.rgba *= color2.rgba;\n' + - 'gl_FragColor = color;\n' + - '}', - mask: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.a = color2.a;\n' + - 'gl_FragColor = color;\n' + - '}', - }, + * Returns {@link Ellipse} instance from an object representation + * @static + * @memberOf Ellipse + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + return InteractiveFabricObject._fromObject(Ellipse, object); + } +} +/* _FROM_SVG_START_ */ +/** + * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement}) + * @static + * @memberOf Ellipse + * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement + */ +Ellipse.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry']; +const ellipseDefaultValues = { + type: 'ellipse', + rx: 0, + ry: 0, + cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'], +}; +Object.assign(Ellipse.prototype, ellipseDefaultValues); +fabric$1.Ellipse = Ellipse; +class Rect$1 extends InteractiveFabricObject { /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + * Constructor + * @param {Object} [options] Options object + * @return {Object} thisArg */ - retrieveShader: function(options) { - var cacheKey = this.type + '_' + this.mode; - var shaderSource = this.fragmentSource[this.mode]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - - applyToWebGL: function(options) { - // load texture to blend. - var gl = options.context, - texture = this.createTexture(options.filterBackend, this.image); - this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); - this.callSuper('applyToWebGL', options); - this.unbindAdditionalTexture(gl, gl.TEXTURE1); - }, - - createTexture: function(backend, image) { - return backend.getCachedTexture(image.cacheKey, image._element); - }, - + constructor(options) { + super(options); + this._initRxRy(); + } /** - * Calculate a transformMatrix to adapt the image to blend over - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + * Initializes rx/ry attributes + * @private */ - calculateMatrix: function() { - var image = this.image, - width = image._element.width, - height = image._element.height; - return [ - 1 / image.scaleX, 0, 0, - 0, 1 / image.scaleY, 0, - -image.left / width, -image.top / height, 1 - ]; - }, - - /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, - resources = options.filterBackend.resources, - data = imageData.data, iLen = data.length, - width = imageData.width, - height = imageData.height, - tr, tg, tb, ta, - r, g, b, a, - canvas1, context, image = this.image, blendData; - - if (!resources.blendImage) { - resources.blendImage = fabric.util.createCanvasElement(); - } - canvas1 = resources.blendImage; - context = canvas1.getContext('2d'); - if (canvas1.width !== width || canvas1.height !== height) { - canvas1.width = width; - canvas1.height = height; - } - else { - context.clearRect(0, 0, width, height); - } - context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); - context.drawImage(image._element, 0, 0, width, height); - blendData = context.getImageData(0, 0, width, height).data; - for (var i = 0; i < iLen; i += 4) { - - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - a = data[i + 3]; - - tr = blendData[i]; - tg = blendData[i + 1]; - tb = blendData[i + 2]; - ta = blendData[i + 3]; - - switch (this.mode) { - case 'multiply': - data[i] = r * tr / 255; - data[i + 1] = g * tg / 255; - data[i + 2] = b * tb / 255; - data[i + 3] = a * ta / 255; - break; - case 'mask': - data[i + 3] = ta; - break; + _initRxRy() { + const { rx, ry } = this; + if (rx && !ry) { + this.ry = rx; } - } - }, - - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), - uImage: gl.getUniformLocation(program, 'uImage'), - }; - }, - + else if (ry && !rx) { + this.rx = ry; + } + } /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - sendUniformData: function(gl, uniformLocations) { - var matrix = this.calculateMatrix(); - gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. - gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); - }, - + _render(ctx) { + const { width: w, height: h } = this; + const x = -w / 2; + const y = -h / 2; + const rx = this.rx ? Math.min(this.rx, w / 2) : 0; + const ry = this.ry ? Math.min(this.ry, h / 2) : 0; + const isRounded = rx !== 0 || ry !== 0; + ctx.beginPath(); + ctx.moveTo(x + rx, y); + ctx.lineTo(x + w - rx, y); + isRounded && + ctx.bezierCurveTo(x + w - kRect * rx, y, x + w, y + kRect * ry, x + w, y + ry); + ctx.lineTo(x + w, y + h - ry); + isRounded && + ctx.bezierCurveTo(x + w, y + h - kRect * ry, x + w - kRect * rx, y + h, x + w - rx, y + h); + ctx.lineTo(x + rx, y + h); + isRounded && + ctx.bezierCurveTo(x + kRect * rx, y + h, x, y + h - kRect * ry, x, y + h - ry); + ctx.lineTo(x, y + ry); + isRounded && + ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y); + ctx.closePath(); + this._renderPaintInOrder(ctx); + } /** * Returns object representation of an instance - * @return {Object} Object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - toObject: function() { - return { - type: this.type, - image: this.image && this.image.toObject(), - mode: this.mode, - alpha: this.alpha - }; + toObject(propertiesToInclude = []) { + return super.toObject(['rx', 'ry', ...propertiesToInclude]); } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} callback to be invoked after filter creation - * @return {fabric.Image.filters.BlendImage} Instance of fabric.Image.filters.BlendImage - */ - fabric.Image.filters.BlendImage.fromObject = function(object, callback) { - fabric.Image.fromObject(object.image, function(image) { - var options = fabric.util.object.clone(object); - options.image = image; - callback(new fabric.Image.filters.BlendImage(options)); - }); - }; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), pow = Math.pow, floor = Math.floor, - sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, - ceil = Math.ceil, - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Resize image filter class - * @class fabric.Image.filters.Resize - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Resize(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Resize = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Resize.prototype */ { - /** - * Filter type - * @param {String} type - * @default + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance */ - type: 'Resize', - + _toSVG() { + const { width, height, rx, ry } = this; + return [ + '\n`, + ]; + } /** - * Resize type - * for webgl resizeType is just lanczos, for canvas2d can be: - * bilinear, hermite, sliceHack, lanczos. - * @param {String} resizeType - * @default + * Returns {@link Rect} instance from an object representation + * @static + * @memberOf Rect + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - resizeType: 'hermite', - + static fromObject(object) { + return InteractiveFabricObject._fromObject(Rect$1, object); + } + /* _FROM_SVG_START_ */ /** - * Scale factor for resizing, x axis - * @param {Number} scaleX - * @default + * Returns {@link Rect} instance from an SVG element + * @static + * @memberOf Rect + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object */ - scaleX: 1, + static fromElement(element, callback, options = {}) { + if (!element) { + return callback(null); + } + const _a = parseAttributes(element, Rect$1.ATTRIBUTE_NAMES), { left = 0, top = 0, width = 0, height = 0, visible = true } = _a, restOfparsedAttributes = __rest(_a, ["left", "top", "width", "height", "visible"]); + const rect = new Rect$1(Object.assign(Object.assign(Object.assign({}, options), restOfparsedAttributes), { left, + top, + width, + height, visible: Boolean(visible && width && height) })); + callback(rect); + } +} +/** + * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`) + * @static + * @memberOf Rect + * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement + */ +Rect$1.ATTRIBUTE_NAMES = [ + ...SHARED_ATTRIBUTES, + 'x', + 'y', + 'rx', + 'ry', + 'width', + 'height', +]; +const rectDefaultValues = { + stateProperties: fabricObjectDefaultValues.stateProperties.concat('rx', 'ry'), + type: 'rect', + rx: 0, + ry: 0, + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('rx', 'ry'), +}; +Object.assign(Rect$1.prototype, rectDefaultValues); +fabric$1.Rect = Rect$1; +function polyFromElement(klass, element, callback, options = {}) { + if (!element) { + return callback(null); + } + const points = parsePointsAttribute(element.getAttribute('points')), + // we omit left and top to instruct the constructor to position the object using the bbox + // eslint-disable-next-line @typescript-eslint/no-unused-vars + _a = parseAttributes(element, klass.ATTRIBUTE_NAMES), + parsedAttributes = __rest(_a, + // we omit left and top to instruct the constructor to position the object using the bbox + // eslint-disable-next-line @typescript-eslint/no-unused-vars + ["left", "top"]); + callback(new klass(points || [], Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { fromSVG: true }))); +} +class Polyline extends InteractiveFabricObject { /** - * Scale factor for resizing, y axis - * @param {Number} scaleY - * @default + * Constructor + * @param {Array} points Array of points (where each point is an object with x and y) + * @param {Object} [options] Options object + * @return {Polyline} thisArg + * @example + * var poly = new Polyline([ + * { x: 10, y: 10 }, + * { x: 50, y: 30 }, + * { x: 40, y: 70 }, + * { x: 60, y: 50 }, + * { x: 100, y: 150 }, + * { x: 40, y: 100 } + * ], { + * stroke: 'red', + * left: 100, + * top: 100 + * }); */ - scaleY: 1, - + constructor(points = [], _a = {}) { + var { left, top } = _a, options = __rest(_a, ["left", "top"]); + super(Object.assign({ points }, options)); + this.initialized = true; + this.setBoundingBox(true); + typeof left === 'number' && this.set('left', left); + typeof top === 'number' && this.set('top', top); + } + isOpen() { + return true; + } + _projectStrokeOnPoints() { + return projectStrokeOnPoints(this.points, this, this.isOpen()); + } /** - * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos - * @param {Number} lanczosLobes - * @default + * Calculate the polygon bounding box + * @private */ - lanczosLobes: 3, - - + _calcDimensions() { + const points = this.exactBoundingBox + ? this._projectStrokeOnPoints().map((projection) => projection.projectedPoint) + : this.points; + if (points.length === 0) { + return { + left: 0, + top: 0, + width: 0, + height: 0, + pathOffset: new Point(), + strokeOffset: new Point(), + }; + } + const bbox = makeBoundingBoxFromPoints(points); + const bboxNoStroke = makeBoundingBoxFromPoints(this.points); + const offsetX = bbox.left + bbox.width / 2, offsetY = bbox.top + bbox.height / 2; + const pathOffsetX = offsetX - offsetY * Math.tan(degreesToRadians(this.skewX)); + const pathOffsetY = offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY)); + // TODO: remove next line + const legacyCorrection = !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0; + return Object.assign(Object.assign({}, bbox), { left: bbox.left - legacyCorrection, top: bbox.top - legacyCorrection, pathOffset: new Point(pathOffsetX, pathOffsetY), strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(new Point(bbox.left, bbox.top)) }); + } + setDimensions() { + this.setBoundingBox(); + } + setBoundingBox(adjustPosition) { + const { left, top, width, height, pathOffset, strokeOffset } = this._calcDimensions(); + this.set({ width, height, pathOffset, strokeOffset }); + adjustPosition && + this.setPositionByOrigin(new Point(left, top), 'left', 'top'); + } /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uDelta: gl.getUniformLocation(program, 'uDelta'), - uTaps: gl.getUniformLocation(program, 'uTaps'), - }; - }, - + * @override stroke is taken in account in size + */ + _getNonTransformedDimensions() { + return this.exactBoundingBox + ? new Point(this.width, this.height) + : super._getNonTransformedDimensions(); + } /** - * Send data from this filter to its shader program's uniforms. + * @override stroke and skewing are taken into account when projecting stroke on points, + * therefore we don't want the default calculation to account for skewing as well * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * @private */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); - gl.uniform1fv(uniformLocations.uTaps, this.taps); - }, - + _getTransformedDimensions(options) { + return this.exactBoundingBox + ? super._getTransformedDimensions(Object.assign(Object.assign({}, (options || {})), { + // disable stroke bbox calculations + strokeWidth: 0, + // disable skewing bbox calculations + skewX: 0, skewY: 0 })) + : super._getTransformedDimensions(options); + } /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + * Recalculates dimensions when changing skew and scale + * @private */ - retrieveShader: function(options) { - var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var fragmentShader = this.generateShader(filterWindow); - options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); - } - return options.programCache[cacheKey]; - }, - - getFilterWindow: function() { - var scale = this.tempScale; - return Math.ceil(this.lanczosLobes / scale); - }, - - getTaps: function() { - var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, - filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); - for (var i = 1; i <= filterWindow; i++) { - taps[i - 1] = lobeFunction(i * scale); - } - return taps; - }, - + _set(key, value) { + const changed = this.initialized && this[key] !== value; + const output = super._set(key, value); + if (changed && + (((key === 'scaleX' || key === 'scaleY') && + this.strokeUniform && + this.strokeBBoxAffectingProperties.includes('strokeUniform') && + this.strokeLineJoin !== 'round') || + this.strokeBBoxAffectingProperties.includes(key))) { + this.setDimensions(); + } + return output; + } /** - * Generate vertex and shader sources from the necessary steps numbers - * @param {Number} filterWindow + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance */ - generateShader: function(filterWindow) { - var offsets = new Array(filterWindow), - fragmentShader = this.fragmentSourceTOP, filterWindow; - - for (var i = 1; i <= filterWindow; i++) { - offsets[i - 1] = i + '.0 * uDelta'; - } - - fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; - fragmentShader += 'void main() {\n'; - fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; - fragmentShader += ' float sum = 1.0;\n'; - - offsets.forEach(function(offset, i) { - fragmentShader += ' color += texture2D(uTexture, vTexCoord + ' + offset + ') * uTaps[' + i + '];\n'; - fragmentShader += ' color += texture2D(uTexture, vTexCoord - ' + offset + ') * uTaps[' + i + '];\n'; - fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; - }); - fragmentShader += ' gl_FragColor = color / sum;\n'; - fragmentShader += '}'; - return fragmentShader; - }, - - fragmentSourceTOP: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n', - + toObject(propertiesToInclude) { + return Object.assign(Object.assign({}, super.toObject(propertiesToInclude)), { points: this.points.concat() }); + } /** - * Apply the resize filter to the image - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance */ - applyTo: function(options) { - if (options.webgl) { - options.passes++; - this.width = options.sourceWidth; - this.horizontal = true; - this.dW = Math.round(this.width * this.scaleX); - this.dH = options.sourceHeight; - this.tempScale = this.dW / this.width; - this.taps = this.getTaps(); - options.destinationWidth = this.dW; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceWidth = options.destinationWidth; - - this.height = options.sourceHeight; - this.horizontal = false; - this.dH = Math.round(this.height * this.scaleY); - this.tempScale = this.dH / this.height; - this.taps = this.getTaps(); - options.destinationHeight = this.dH; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceHeight = options.destinationHeight; - } - else { - this.applyTo2d(options); - } - }, - - isNeutralState: function() { - return this.scaleX === 1 && this.scaleY === 1; - }, - - lanczosCreate: function(lobes) { - return function(x) { - if (x >= lobes || x <= -lobes) { - return 0.0; - } - if (x < 1.19209290E-07 && x > -1.19209290E-07) { - return 1.0; - } - x *= Math.PI; - var xx = x / lobes; - return (sin(x) / x) * sin(xx) / xx; - }; - }, - + _toSVG() { + const points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + for (let i = 0, len = this.points.length; i < len; i++) { + points.push(toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' '); + } + return [ + `<${this.type} `, + 'COMMON_PARTS', + `points="${points.join('')}" />\n`, + ]; + } /** - * Applies filter to canvas element - * @memberOf fabric.Image.filters.Resize.prototype - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} scaleX - * @param {Number} scaleY + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - applyTo2d: function(options) { - var imageData = options.imageData, - scaleX = this.scaleX, - scaleY = this.scaleY; - - this.rcpScaleX = 1 / scaleX; - this.rcpScaleY = 1 / scaleY; - - var oW = imageData.width, oH = imageData.height, - dW = round(oW * scaleX), dH = round(oH * scaleY), - newData; - - if (this.resizeType === 'sliceHack') { - newData = this.sliceByTwo(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'hermite') { - newData = this.hermiteFastResize(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'bilinear') { - newData = this.bilinearFiltering(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'lanczos') { - newData = this.lanczosResize(options, oW, oH, dW, dH); - } - options.imageData = newData; - }, - - /** - * Filter sliceByTwo - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - sliceByTwo: function(options, oW, oH, dW, dH) { - var imageData = options.imageData, - mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, - stepH = oH * mult, resources = fabric.filterBackend.resources, - tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; - if (!resources.sliceByTwo) { - resources.sliceByTwo = document.createElement('canvas'); - } - tmpCanvas = resources.sliceByTwo; - if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { - tmpCanvas.width = oW * 1.5; - tmpCanvas.height = oH; - } - ctx = tmpCanvas.getContext('2d'); - ctx.clearRect(0, 0, oW * 1.5, oH); - ctx.putImageData(imageData, 0, 0); - - dW = floor(dW); - dH = floor(dH); - - while (!doneW || !doneH) { - oW = stepW; - oH = stepH; - if (dW < floor(stepW * mult)) { - stepW = floor(stepW * mult); - } - else { - stepW = dW; - doneW = true; + _render(ctx) { + const len = this.points.length, x = this.pathOffset.x, y = this.pathOffset.y; + if (!len || isNaN(this.points[len - 1].y)) { + // do not draw if no points or odd points + // NaN comes from parseFloat of a empty string in parser + return; } - if (dH < floor(stepH * mult)) { - stepH = floor(stepH * mult); + ctx.beginPath(); + ctx.moveTo(this.points[0].x - x, this.points[0].y - y); + for (let i = 0; i < len; i++) { + const point = this.points[i]; + ctx.lineTo(point.x - x, point.y - y); } - else { - stepH = dH; - doneH = true; - } - ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); - sX = dX; - sY = dY; - dY += stepH; - } - return ctx.getImageData(sX, sY, dW, dH); - }, - + !this.isOpen() && ctx.closePath(); + this._renderPaintInOrder(ctx); + } + /** + * Returns complexity of an instance + * @return {Number} complexity of this instance + */ + complexity() { + return this.points.length; + } /** - * Filter lanczosResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} + * Returns Polyline instance from an SVG element + * @static + * @memberOf Polyline + * @param {SVGElement} element Element to parser + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object */ - lanczosResize: function(options, oW, oH, dW, dH) { - - function process(u) { - var v, i, weight, idx, a, red, green, - blue, alpha, fX, fY; - center.x = (u + 0.5) * ratioX; - icenter.x = floor(center.x); - for (v = 0; v < dH; v++) { - center.y = (v + 0.5) * ratioY; - icenter.y = floor(center.y); - a = 0; red = 0; green = 0; blue = 0; alpha = 0; - for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { - if (i < 0 || i >= oW) { - continue; - } - fX = floor(1000 * abs(i - center.x)); - if (!cacheLanc[fX]) { - cacheLanc[fX] = { }; - } - for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { - if (j < 0 || j >= oH) { - continue; - } - fY = floor(1000 * abs(j - center.y)); - if (!cacheLanc[fX][fY]) { - cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); - } - weight = cacheLanc[fX][fY]; - if (weight > 0) { - idx = (j * oW + i) * 4; - a += weight; - red += weight * srcData[idx]; - green += weight * srcData[idx + 1]; - blue += weight * srcData[idx + 2]; - alpha += weight * srcData[idx + 3]; - } - } - } - idx = (v * dW + u) * 4; - destData[idx] = red / a; - destData[idx + 1] = green / a; - destData[idx + 2] = blue / a; - destData[idx + 3] = alpha / a; - } - - if (++u < dW) { - return process(u); - } - else { - return destImg; - } - } - - var srcData = options.imageData.data, - destImg = options.ctx.createImageData(dW, dH), - destData = destImg.data, - lanczos = this.lanczosCreate(this.lanczosLobes), - ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, - rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, - range2X = ceil(ratioX * this.lanczosLobes / 2), - range2Y = ceil(ratioY * this.lanczosLobes / 2), - cacheLanc = { }, center = { }, icenter = { }; - - return process(0); - }, - + static fromElement(element, callback, options) { + return polyFromElement(Polyline, element, callback, options); + } + /* _FROM_SVG_END_ */ /** - * bilinearFiltering - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - bilinearFiltering: function(options, oW, oH, dW, dH) { - var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, - color, offset = 0, origPix, ratioX = this.rcpScaleX, - ratioY = this.rcpScaleY, - w4 = 4 * (oW - 1), img = options.imageData, - pixels = img.data, destImage = options.ctx.createImageData(dW, dH), - destPixels = destImage.data; - for (i = 0; i < dH; i++) { - for (j = 0; j < dW; j++) { - x = floor(ratioX * j); - y = floor(ratioY * i); - xDiff = ratioX * j - x; - yDiff = ratioY * i - y; - origPix = 4 * (y * oW + x); - - for (chnl = 0; chnl < 4; chnl++) { - a = pixels[origPix + chnl]; - b = pixels[origPix + 4 + chnl]; - c = pixels[origPix + w4 + chnl]; - d = pixels[origPix + w4 + 4 + chnl]; - color = a * (1 - xDiff) * (1 - yDiff) + b * xDiff * (1 - yDiff) + - c * yDiff * (1 - xDiff) + d * xDiff * yDiff; - destPixels[offset++] = color; - } - } - } - return destImage; - }, + * Returns Polyline instance from an object representation + * @static + * @memberOf Polyline + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + return InteractiveFabricObject._fromObject(Polyline, object, { + extraParam: 'points', + }); + } +} +/* _FROM_SVG_START_ */ +/** + * List of attribute names to account for when parsing SVG element (used by {@link Polyline.fromElement}) + * @static + * @memberOf Polyline + * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement + */ +Polyline.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES]; +const polylineDefaultValues = { + type: 'polyline', + exactBoundingBox: false, + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('points'), + strokeBBoxAffectingProperties: [ + 'skewX', + 'skewY', + 'strokeLineCap', + 'strokeLineJoin', + 'strokeMiterLimit', + 'strokeWidth', + 'strokeUniform', + 'points', + ], +}; +Object.assign(Polyline.prototype, polylineDefaultValues); +/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ +fabric$1.Polyline = Polyline; +class Polygon extends Polyline { + isOpen() { + return false; + } + /* _FROM_SVG_START_ */ /** - * hermiteFastResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - hermiteFastResize: function(options, oW, oH, dW, dH) { - var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, - ratioWHalf = ceil(ratioW / 2), - ratioHHalf = ceil(ratioH / 2), - img = options.imageData, data = img.data, - img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; - for (var j = 0; j < dH; j++) { - for (var i = 0; i < dW; i++) { - var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, - gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; - for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { - var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, - centerX = (i + 0.5) * ratioW, w0 = dy * dy; - for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { - var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, - w = sqrt(w0 + dx * dx); - /* eslint-disable max-depth */ - if (w > 1 && w < -1) { - continue; - } - //hermite filter - weight = 2 * w * w * w - 3 * w * w + 1; - if (weight > 0) { - dx = 4 * (xx + yy * oW); - //alpha - gxA += weight * data[dx + 3]; - weightsAlpha += weight; - //colors - if (data[dx + 3] < 255) { - weight = weight * data[dx + 3] / 250; - } - gxR += weight * data[dx]; - gxG += weight * data[dx + 1]; - gxB += weight * data[dx + 2]; - weights += weight; - } - /* eslint-enable max-depth */ - } - } - data2[x2] = gxR / weights; - data2[x2 + 1] = gxG / weights; - data2[x2 + 2] = gxB / weights; - data2[x2 + 3] = gxA / weightsAlpha; - } - } - return img2; - }, + * Returns {@link Polygon} instance from an SVG element + * @static + * @memberOf Polygon + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + static fromElement(element, callback, options) { + return polyFromElement(Polygon, element, callback, options); + } + /* _FROM_SVG_END_ */ + /** + * Returns Polygon instance from an object representation + * @static + * @memberOf Polygon + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + return FabricObject._fromObject(Polygon, object, { + extraParam: 'points', + }); + } +} +const polygonDefaultValues = { + type: 'polygon', +}; +Object.assign(Polygon.prototype, polygonDefaultValues); +/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ +fabric$1.Polygon = Polygon; +//@ts-nocheck +class Path$1 extends InteractiveFabricObject { + /** + * Constructor + * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) + * @param {Object} [options] Options object + * @return {Path} thisArg + */ + constructor(path, _a = {}) { + var { path: _, left, top } = _a, options = __rest(_a, ["path", "left", "top"]); + super(options); + const pathTL = this._setPath(path || []); + const origin = this.translateToGivenOrigin(new Point(left !== null && left !== void 0 ? left : pathTL.x, top !== null && top !== void 0 ? top : pathTL.y), typeof left === 'number' ? this.originX : 'left', typeof top === 'number' ? this.originY : 'top', this.originX, this.originY); + this.setPositionByOrigin(origin, this.originX, this.originY); + } + /** + * @private + * @param {PathData | string} path Path data (sequence of coordinates and corresponding "command" tokens) + * @param {boolean} [adjustPosition] pass true to reposition the object according to the bounding box + * @returns {Point} top left position of the bounding box, useful for complementary positioning + */ + _setPath(path, adjustPosition) { + this.path = makePathSimpler(Array.isArray(path) ? path : parsePath(path)); + return this.setDimensions(); + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on + */ + _renderPathCommands(ctx) { + let current, // current instruction + subpathStartX = 0, subpathStartY = 0, x = 0, // current x + y = 0, // current y + controlX = 0, // current control point x + controlY = 0; // current control point y + const l = -this.pathOffset.x, t = -this.pathOffset.y; + ctx.beginPath(); + for (let i = 0, len = this.path.length; i < len; ++i) { + current = this.path[i]; + switch (current[0] // first letter + ) { + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + ctx.lineTo(x + l, y + t); + break; + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + ctx.moveTo(x + l, y + t); + break; + case 'C': // bezierCurveTo, absolute + x = current[5]; + y = current[6]; + controlX = current[3]; + controlY = current[4]; + ctx.bezierCurveTo(current[1] + l, current[2] + t, controlX + l, controlY + t, x + l, y + t); + break; + case 'Q': // quadraticCurveTo, absolute + ctx.quadraticCurveTo(current[1] + l, current[2] + t, current[3] + l, current[4] + t); + x = current[3]; + y = current[4]; + controlX = current[1]; + controlY = current[2]; + break; + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + ctx.closePath(); + break; + } + } + } /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on */ - toObject: function() { - return { - type: this.type, - scaleX: this.scaleX, - scaleY: this.scaleY, - resizeType: this.resizeType, - lanczosLobes: this.lanczosLobes - }; + _render(ctx) { + this._renderPathCommands(ctx); + this._renderPaintInOrder(ctx); } - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Resize} Instance of fabric.Image.filters.Resize - */ - fabric.Image.filters.Resize.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Contrast filter class - * @class fabric.Image.filters.Contrast - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Contrast({ - * contrast: 0.25 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Contrast = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Contrast.prototype */ { - /** - * Filter type - * @param {String} type - * @default + * Returns string representation of an instance + * @return {String} string representation of an instance */ - type: 'Contrast', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uContrast;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + - 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + - 'gl_FragColor = color;\n' + - '}', - + toString() { + return `#`; + } /** - * contrast value, range from -1 to 1. - * @param {Number} contrast - * @default 0 + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - contrast: 0, - - mainParameter: 'contrast', - + toObject(propertiesToInclude = []) { + return Object.assign(Object.assign({}, super.toObject(propertiesToInclude)), { path: this.path.map((item) => { + return item.slice(); + }) }); + } /** - * Constructor - * @memberOf fabric.Image.filters.Contrast.prototype - * @param {Object} [options] Options object - * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) + * Returns dataless object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance */ - + toDatalessObject(propertiesToInclude = []) { + const o = this.toObject(['sourcePath', ...propertiesToInclude]); + if (o.sourcePath) { + delete o.path; + } + return o; + } /** - * Apply the Contrast operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - if (this.contrast === 0) { - return; - } - var imageData = options.imageData, i, len, - data = imageData.data, len = data.length, - contrast = Math.floor(this.contrast * 255), - contrastF = 259 * (contrast + 255) / (255 * (259 - contrast)); - - for (i = 0; i < len; i += 4) { - data[i] = contrastF * (data[i] - 128) + 128; - data[i + 1] = contrastF * (data[i + 1] - 128) + 128; - data[i + 2] = contrastF * (data[i + 2] - 128) + 128; - } - }, - + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG() { + const path = joinPath(this.path); + return [ + '\n`, + ]; + } + _getOffsetTransform() { + const digits = config.NUM_FRACTION_DIGITS; + return ` translate(${toFixed(-this.pathOffset.x, digits)}, ${toFixed(-this.pathOffset.y, digits)})`; + } /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance */ - getUniformLocations: function(gl, program) { - return { - uContrast: gl.getUniformLocation(program, 'uContrast'), - }; - }, - + toClipPathSVG(reviver) { + const additionalTransform = this._getOffsetTransform(); + return ('\t' + + this._createBaseClipPathSVGMarkup(this._toSVG(), { + reviver: reviver, + additionalTransform: additionalTransform, + })); + } /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uContrast, this.contrast); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Contrast} Instance of fabric.Image.filters.Contrast - */ - fabric.Image.filters.Contrast.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Saturate filter class - * @class fabric.Image.filters.Saturation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Saturation({ - * saturation: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Saturation = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Saturation.prototype */ { - + toSVG(reviver) { + const additionalTransform = this._getOffsetTransform(); + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + additionalTransform: additionalTransform, + }); + } /** - * Filter type - * @param {String} type - * @default + * Returns number representation of an instance complexity + * @return {Number} complexity of this instance */ - type: 'Saturation', - - fragmentSource: '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' + - '}', - + complexity() { + return this.path.length; + } + setDimensions() { + const { left, top, width, height, pathOffset } = this._calcDimensions(); + this.set({ width, height, pathOffset }); + return new Point(left, top); + } + /** + * @private + */ + _calcDimensions() { + const bounds = []; + let subpathStartX = 0, subpathStartY = 0, x = 0, // current x + y = 0; // current y + for (let i = 0; i < this.path.length; ++i) { + const current = this.path[i]; // current instruction + switch (current[0] // first letter + ) { + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + bounds.push(new Point(subpathStartX, subpathStartY), new Point(x, y)); + break; + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + break; + case 'C': // bezierCurveTo, absolute + bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[3], current[4], current[5], current[6])); + x = current[5]; + y = current[6]; + break; + case 'Q': // quadraticCurveTo, absolute + bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[1], current[2], current[3], current[4])); + x = current[3]; + y = current[4]; + break; + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + break; + } + } + const bbox = makeBoundingBoxFromPoints(bounds); + const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2; + return Object.assign(Object.assign({}, bbox), { left: bbox.left - strokeCorrection, top: bbox.top - strokeCorrection, pathOffset: new Point(bbox.left + bbox.width / 2, bbox.top + bbox.height / 2) }); + } /** - * Saturation value, from -1 to 1. - * Increases/decreases the color saturation. - * A value of 0 has no effect. - * - * @param {Number} saturation - * @default + * Creates an instance of Path from an object + * @static + * @memberOf Path + * @param {Object} object + * @returns {Promise} */ - saturation: 0, - - mainParameter: 'saturation', - + static fromObject(object) { + return InteractiveFabricObject._fromObject(Path$1, object, { + extraParam: 'path', + }); + } /** - * Constructor - * @memberOf fabric.Image.filters.Saturate.prototype + * Creates an instance of Path from an SVG element + * @static + * @memberOf Path + * @param {SVGElement} element to parse + * @param {Function} callback Callback to invoke when an Path instance is created * @param {Object} [options] Options object - * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) + * @param {Function} [callback] Options callback invoked after parsing is finished */ + static fromElement(element, callback, options) { + const parsedAttributes = parseAttributes(element, Path$1.ATTRIBUTE_NAMES); + callback(new Path$1(parsedAttributes.d, Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { + // we pass undefined to instruct the constructor to position the object using the bbox + left: undefined, top: undefined, fromSVG: true }))); + } +} +/** + * List of attribute names to account for when parsing SVG element (used by `Path.fromElement`) + * @static + * @memberOf Path + * @see http://www.w3.org/TR/SVG/paths.html#PathElement + */ +Path$1.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'd']; +const pathDefaultValues = { + type: 'path', + path: null, + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('path', 'fillRule'), + stateProperties: fabricObjectDefaultValues.stateProperties.concat('path'), +}; +Object.assign(Path$1.prototype, pathDefaultValues); +/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ +fabric$1.Path = Path$1; +/* _FROM_SVG_START_ */ +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, invertTransform = fabric.util.invertTransform, transformPoint = fabric.util.transformPoint, applyTransformToObject = fabric.util.applyTransformToObject, degreesToRadians = fabric.util.degreesToRadians, clone = fabric.util.object.clone; + /** + * Group class + * @class fabric.Group + * @extends fabric.Object + * @fires layout once layout completes + * @see {@link fabric.Group#initialize} for constructor definition + */ + fabric.Group = fabric.util.createClass(class GroupBase extends createCollectionMixin(InteractiveFabricObject) { + /** + * Checks if object can enter group and logs relevant warnings + * @private + * @param {fabric.Object} object + * @returns + */ + canEnterGroup(object) { + if (object === this || this.isDescendantOf(object)) { + // prevent circular object tree + /* _DEV_MODE_START_ */ + console.error('fabric.Group: circular object trees are not supported, this call has no effect'); + /* _DEV_MODE_END_ */ + return false; + } + else if (this._objects.indexOf(object) !== -1) { + // is already in the objects array + /* _DEV_MODE_START_ */ + console.error('fabric.Group: duplicate objects are not supported inside group, this call has no effect'); + /* _DEV_MODE_END_ */ + return false; + } + return true; + } + /** + * Override this method to enhance performance (for groups with a lot of objects). + * If Overriding, be sure not pass illegal objects to group - it will break your app. + * @private + */ + _filterObjectsBeforeEnteringGroup(objects) { + return objects.filter((object, index, array) => { + // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates) + return this.canEnterGroup(object) && array.indexOf(object) === index; + }); + } + /** + * Add objects + * @param {...FabricObject[]} objects + */ + add(...objects) { + const allowedObjects = this._filterObjectsBeforeEnteringGroup(objects); + super.add(...allowedObjects); + this._onAfterObjectsChange('added', allowedObjects); + } + /** + * Inserts an object into collection at specified index + * @param {FabricObject[]} objects Object to insert + * @param {Number} index Index to insert object at + */ + insertAt(index, ...objects) { + const allowedObjects = this._filterObjectsBeforeEnteringGroup(objects); + super.insertAt(index, ...allowedObjects); + this._onAfterObjectsChange('added', allowedObjects); + } + /** + * Remove objects + * @param {...FabricObject[]} objects + * @returns {FabricObject[]} removed objects + */ + remove(...objects) { + const removed = super.remove(...objects); + this._onAfterObjectsChange('removed', removed); + return removed; + } + _onObjectAdded(object) { + this.enterGroup(object, true); + object.fire('added', { target: this }); + } + _onRelativeObjectAdded(object) { + this.enterGroup(object, false); + object.fire('added', { target: this }); + } + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + _onObjectRemoved(object, removeParentTransform) { + this.exitGroup(object, removeParentTransform); + object.fire('removed', { target: this }); + } + /** + * @private + * @param {'added'|'removed'} type + * @param {fabric.Object[]} targets + */ + _onAfterObjectsChange(type, targets) { + this._applyLayoutStrategy({ + type: type, + targets: targets, + }); + this._set('dirty', true); + } + }, + /** @lends fabric.Group.prototype */ { + /** + * Type of an object + * @type string + * @default + */ + type: 'group', + /** + * Specifies the **layout strategy** for instance + * Used by `getLayoutStrategyResult` to calculate layout + * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box + * @type string + * @default + */ + layout: 'fit-content', + /** + * Width of stroke + * @type Number + */ + strokeWidth: 0, + /** + * List of properties to consider when checking if state + * of an object is changed (fabric.Object#hasStateChanged) + * as well as for history (undo/redo) purposes + * @type string[] + */ + stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('layout'), + /** + * Used to optimize performance + * set to `false` if you don't need contained objects to be targets of events + * @default + * @type boolean + */ + subTargetCheck: false, + /** + * Used to allow targeting of object inside groups. + * set to true if you want to select an object inside a group.\ + * **REQUIRES** `subTargetCheck` set to true + * @default + * @type boolean + */ + interactive: false, + /** + * Used internally to optimize performance + * Once an object is selected, instance is rendered without the selected object. + * This way instance is cached only once for the entire interaction with the selected object. + * @private + */ + _activeObjects: undefined, + /** + * Constructor + * + * @param {fabric.Object[]} [objects] instance objects + * @param {Object} [options] Options object + * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane + * @return {fabric.Group} thisArg + */ + initialize: function (objects, options, objectsRelativeToGroup) { + this._objects = objects || []; + this._activeObjects = []; + this.__objectMonitor = this.__objectMonitor.bind(this); + this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(this, true); + this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(this, false); + this._firstLayoutDone = false; + // setting angle, skewX, skewY must occur after initial layout + this.callSuper('initialize', Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })); + this.forEachObject((object) => { + this.enterGroup(object, false); + }); + this._applyLayoutStrategy({ + type: 'initialization', + options: options, + objectsRelativeToGroup: objectsRelativeToGroup, + }); + }, + /** + * @private + * @param {string} key + * @param {*} value + */ + _set: function (key, value) { + var prev = this[key]; + this.callSuper('_set', key, value); + if (key === 'canvas' && prev !== value) { + this.forEachObject((object) => { + object._set(key, value); + }); + } + if (key === 'layout' && prev !== value) { + this._applyLayoutStrategy({ + type: 'layout_change', + layout: value, + prevLayout: prev, + }); + } + if (key === 'interactive') { + this.forEachObject((object) => this._watchObject(value, object)); + } + return this; + }, + /** + * @private + */ + _shouldSetNestedCoords: function () { + return this.subTargetCheck; + }, + /** + * Remove all objects + * @returns {fabric.Object[]} removed objects + */ + removeAll: function () { + this._activeObjects = []; + return this.remove(...this._objects); + }, + /** + * invalidates layout on object modified + * @private + */ + __objectMonitor: function (opt) { + this._applyLayoutStrategy(Object.assign({}, opt, { + type: 'object_modified', + })); + this._set('dirty', true); + }, + /** + * keeps track of the selected objects + * @private + */ + __objectSelectionMonitor: function (selected, opt) { + var object = opt.target; + if (selected) { + this._activeObjects.push(object); + this._set('dirty', true); + } + else if (this._activeObjects.length > 0) { + var index = this._activeObjects.indexOf(object); + if (index > -1) { + this._activeObjects.splice(index, 1); + this._set('dirty', true); + } + } + }, + /** + * @private + * @param {boolean} watch + * @param {fabric.Object} object + */ + _watchObject: function (watch, object) { + var directive = watch ? 'on' : 'off'; + // make sure we listen only once + watch && this._watchObject(false, object); + object[directive]('changed', this.__objectMonitor); + object[directive]('modified', this.__objectMonitor); + object[directive]('selected', this.__objectSelectionTracker); + object[directive]('deselected', this.__objectSelectionDisposer); + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane + * @returns {boolean} true if object entered group + */ + enterGroup: function (object, removeParentTransform) { + if (object.group) { + object.group.remove(object); + } + this._enterGroup(object, removeParentTransform); + return true; + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane + */ + _enterGroup: function (object, removeParentTransform) { + if (removeParentTransform) { + // can this be converted to utils (sendObjectToPlane)? + applyTransformToObject(object, multiplyTransformMatrices(invertTransform(this.calcTransformMatrix()), object.calcTransformMatrix())); + } + this._shouldSetNestedCoords() && object.setCoords(); + object._set('group', this); + object._set('canvas', this.canvas); + this.interactive && this._watchObject(true, object); + var activeObject = this.canvas && + this.canvas.getActiveObject && + this.canvas.getActiveObject(); + // if we are adding the activeObject in a group + if (activeObject && + (activeObject === object || object.isDescendantOf(activeObject))) { + this._activeObjects.push(object); + } + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + exitGroup: function (object, removeParentTransform) { + this._exitGroup(object, removeParentTransform); + object._set('canvas', undefined); + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + _exitGroup: function (object, removeParentTransform) { + object._set('group', undefined); + if (!removeParentTransform) { + applyTransformToObject(object, multiplyTransformMatrices(this.calcTransformMatrix(), object.calcTransformMatrix())); + object.setCoords(); + } + this._watchObject(false, object); + var index = this._activeObjects.length > 0 + ? this._activeObjects.indexOf(object) + : -1; + if (index > -1) { + this._activeObjects.splice(index, 1); + } + }, + /** + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group is already cached. + * @return {Boolean} + */ + shouldCache: function () { + var ownCache = InteractiveFabricObject.prototype.shouldCache.call(this); + if (ownCache) { + for (var i = 0; i < this._objects.length; i++) { + if (this._objects[i].willDrawShadow()) { + this.ownCaching = false; + return false; + } + } + } + return ownCache; + }, + /** + * Check if this object or a child object will cast a shadow + * @return {Boolean} + */ + willDrawShadow: function () { + if (InteractiveFabricObject.prototype.willDrawShadow.call(this)) { + return true; + } + for (var i = 0; i < this._objects.length; i++) { + if (this._objects[i].willDrawShadow()) { + return true; + } + } + return false; + }, + /** + * Check if instance or its group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function () { + return this.ownCaching || (!!this.group && this.group.isOnACache()); + }, + /** + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawObject: function (ctx) { + this._renderBackground(ctx); + for (var i = 0; i < this._objects.length; i++) { + this._objects[i].render(ctx); + } + this._drawClipPath(ctx, this.clipPath); + }, + /** + * Check if cache is dirty + */ + isCacheDirty: function (skipCanvas) { + if (this.callSuper('isCacheDirty', skipCanvas)) { + return true; + } + if (!this.statefullCache) { + return false; + } + for (var i = 0; i < this._objects.length; i++) { + if (this._objects[i].isCacheDirty(true)) { + if (this._cacheCanvas) { + // if this group has not a cache canvas there is nothing to clean + var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-x / 2, -y / 2, x, y); + } + return true; + } + } + return false; + }, + /** + * @override + * @return {Boolean} + */ + setCoords: function () { + this.callSuper('setCoords'); + this._shouldSetNestedCoords() && + this.forEachObject((object) => object.setCoords()); + }, + /** + * Renders instance on a given context + * @param {CanvasRenderingContext2D} ctx context to render instance on + */ + render: function (ctx) { + // used to inform objects not to double opacity + this._transformDone = true; + this.callSuper('render', ctx); + this._transformDone = false; + }, + /** + * @public + * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations + */ + triggerLayout: function (context) { + if (context && context.layout) { + context.prevLayout = this.layout; + this.layout = context.layout; + } + this._applyLayoutStrategy({ type: 'imperative', context: context }); + }, + /** + * @private + * @param {fabric.Object} object + * @param {Point} diff + */ + _adjustObjectPosition: function (object, diff) { + object.set({ + left: object.left + diff.x, + top: object.top + diff.y, + }); + }, + /** + * initial layout logic: + * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height) + * so it is placed in the center of the bbox received from the constructor + * + * @private + * @param {LayoutContext} context + */ + _applyLayoutStrategy: function (context) { + var isFirstLayout = context.type === 'initialization'; + if (!isFirstLayout && !this._firstLayoutDone) { + // reject layout requests before initialization layout + return; + } + var options = isFirstLayout && context.options; + var initialTransform = options && { + angle: options.angle || 0, + skewX: options.skewX || 0, + skewY: options.skewY || 0, + }; + var center = this.getRelativeCenterPoint(); + var result = this.getLayoutStrategyResult(this.layout, this._objects.concat(), context); + if (result) { + // handle positioning + var newCenter = new Point(result.centerX, result.centerY); + var vector = center + .subtract(newCenter) + .add(new Point(result.correctionX || 0, result.correctionY || 0)); + var diff = transformPoint(vector, invertTransform(this.calcOwnMatrix()), true); + // set dimensions + this.set({ width: result.width, height: result.height }); + // adjust objects to account for new center + !context.objectsRelativeToGroup && + this.forEachObject((object) => { + this._adjustObjectPosition(object, diff); + }); + // clip path as well + !isFirstLayout && + this.layout !== 'clip-path' && + this.clipPath && + !this.clipPath.absolutePositioned && + this._adjustObjectPosition(this.clipPath, diff); + if (!newCenter.eq(center) || initialTransform) { + // set position + this.setPositionByOrigin(newCenter, 'center', 'center'); + initialTransform && this.set(initialTransform); + this.setCoords(); + } + } + else if (isFirstLayout) { + // fill `result` with initial values for the layout hook + result = { + centerX: center.x, + centerY: center.y, + width: this.width, + height: this.height, + }; + initialTransform && this.set(initialTransform); + } + else { + // no `result` so we return + return; + } + // flag for next layouts + this._firstLayoutDone = true; + // fire layout hook and event (event will fire only for layouts after initialization layout) + this.onLayout(context, result); + this.fire('layout', { + context: context, + result: result, + diff: diff, + }); + // recursive up + if (this.group && this.group._applyLayoutStrategy) { + // append the path recursion to context + if (!context.path) { + context.path = []; + } + context.path.push(this); + // all parents should invalidate their layout + this.group._applyLayoutStrategy(context); + } + }, + /** + * Override this method to customize layout. + * If you need to run logic once layout completes use `onLayout` + * @public + * + * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType + * + * @typedef LayoutContext context object with data regarding what triggered the call + * @property {LayoutContextType} type + * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one + * + * @typedef LayoutResult positioning and layout data **relative** to instance's parent + * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`) + * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`) + * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX` + * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY` + * @property {number} width + * @property {number} height + * + * @param {string} layoutDirective + * @param {fabric.Object[]} objects + * @param {LayoutContext} context + * @returns {LayoutResult | undefined} + */ + getLayoutStrategyResult: function (layoutDirective, objects, context) { + // eslint-disable-line no-unused-vars + // `fit-content-lazy` performance enhancement + // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects + if (layoutDirective === 'fit-content-lazy' && + context.type === 'added' && + objects.length > context.targets.length) { + // calculate added objects' bbox with existing bbox + var addedObjects = context.targets.concat(this); + return this.prepareBoundingBox(layoutDirective, addedObjects, context); + } + else if (layoutDirective === 'fit-content' || + layoutDirective === 'fit-content-lazy' || + (layoutDirective === 'fixed' && + (context.type === 'initialization' || + context.type === 'imperative'))) { + return this.prepareBoundingBox(layoutDirective, objects, context); + } + else if (layoutDirective === 'clip-path' && this.clipPath) { + var clipPath = this.clipPath; + var clipPathSizeAfter = clipPath._getTransformedDimensions(); + if (clipPath.absolutePositioned && + (context.type === 'initialization' || + context.type === 'layout_change')) { + // we want the center point to exist in group's containing plane + var clipPathCenter = clipPath.getCenterPoint(); + if (this.group) { + // send point from canvas plane to group's containing plane + var inv = invertTransform(this.group.calcTransformMatrix()); + clipPathCenter = transformPoint(clipPathCenter, inv); + } + return { + centerX: clipPathCenter.x, + centerY: clipPathCenter.y, + width: clipPathSizeAfter.x, + height: clipPathSizeAfter.y, + }; + } + else if (!clipPath.absolutePositioned) { + var center; + var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(), + // we want the center point to exist in group's containing plane, so we send it upwards + clipPathCenter = transformPoint(clipPathRelativeCenter, this.calcOwnMatrix(), true); + if (context.type === 'initialization' || + context.type === 'layout_change') { + var bbox = this.prepareBoundingBox(layoutDirective, objects, context) || + {}; + center = new Point(bbox.centerX || 0, bbox.centerY || 0); + return { + centerX: center.x + clipPathCenter.x, + centerY: center.y + clipPathCenter.y, + correctionX: bbox.correctionX - clipPathCenter.x, + correctionY: bbox.correctionY - clipPathCenter.y, + width: clipPath.width, + height: clipPath.height, + }; + } + else { + center = this.getRelativeCenterPoint(); + return { + centerX: center.x + clipPathCenter.x, + centerY: center.y + clipPathCenter.y, + width: clipPathSizeAfter.x, + height: clipPathSizeAfter.y, + }; + } + } + } + else if (layoutDirective === 'svg' && + context.type === 'initialization') { + var bbox = this.getObjectsBoundingBox(objects, true) || {}; + return Object.assign(bbox, { + correctionX: -bbox.offsetX || 0, + correctionY: -bbox.offsetY || 0, + }); + } + }, + /** + * Override this method to customize layout. + * A wrapper around {@link fabric.Group#getObjectsBoundingBox} + * @public + * @param {string} layoutDirective + * @param {fabric.Object[]} objects + * @param {LayoutContext} context + * @returns {LayoutResult | undefined} + */ + prepareBoundingBox: function (layoutDirective, objects, context) { + if (context.type === 'initialization') { + return this.prepareInitialBoundingBox(layoutDirective, objects, context); + } + else if (context.type === 'imperative' && context.context) { + return Object.assign(this.getObjectsBoundingBox(objects) || {}, context.context); + } + else { + return this.getObjectsBoundingBox(objects); + } + }, + /** + * Calculates center taking into account originX, originY while not being sure that width/height are initialized + * @public + * @param {string} layoutDirective + * @param {fabric.Object[]} objects + * @param {LayoutContext} context + * @returns {LayoutResult | undefined} + */ + prepareInitialBoundingBox: function (layoutDirective, objects, context) { + var options = context.options || {}, hasX = typeof options.left === 'number', hasY = typeof options.top === 'number', hasWidth = typeof options.width === 'number', hasHeight = typeof options.height === 'number'; + // performance enhancement + // skip layout calculation if bbox is defined + if ((hasX && + hasY && + hasWidth && + hasHeight && + context.objectsRelativeToGroup) || + objects.length === 0) { + // return nothing to skip layout + return; + } + var bbox = this.getObjectsBoundingBox(objects) || {}; + var width = hasWidth ? this.width : bbox.width || 0, height = hasHeight ? this.height : bbox.height || 0, calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0), origin = new Point(resolveOrigin(this.originX), resolveOrigin(this.originY)), size = new Point(width, height), strokeWidthVector = this._getTransformedDimensions({ + width: 0, + height: 0, + }), sizeAfter = this._getTransformedDimensions({ + width: width, + height: height, + strokeWidth: 0, + }), bboxSizeAfter = this._getTransformedDimensions({ + width: bbox.width, + height: bbox.height, + strokeWidth: 0, + }), rotationCorrection = new Point(0, 0); + // calculate center and correction + var originT = origin.scalarAdd(0.5); + var originCorrection = sizeAfter.multiply(originT); + var centerCorrection = new Point(hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x, hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y); + var center = new Point(hasX + ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x + : calculatedCenter.x - centerCorrection.x, hasY + ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y + : calculatedCenter.y - centerCorrection.y); + var offsetCorrection = new Point(hasX + ? center.x - + calculatedCenter.x + + bboxSizeAfter.x * (hasWidth ? 0.5 : 0) + : -(hasWidth + ? (sizeAfter.x - strokeWidthVector.x) * 0.5 + : sizeAfter.x * originT.x), hasY + ? center.y - + calculatedCenter.y + + bboxSizeAfter.y * (hasHeight ? 0.5 : 0) + : -(hasHeight + ? (sizeAfter.y - strokeWidthVector.y) * 0.5 + : sizeAfter.y * originT.y)).add(rotationCorrection); + var correction = new Point(hasWidth ? -sizeAfter.x / 2 : 0, hasHeight ? -sizeAfter.y / 2 : 0).add(offsetCorrection); + return { + centerX: center.x, + centerY: center.y, + correctionX: correction.x, + correctionY: correction.y, + width: size.x, + height: size.y, + }; + }, + /** + * Calculate the bbox of objects relative to instance's containing plane + * @public + * @param {fabric.Object[]} objects + * @returns {LayoutResult | null} bounding box + */ + getObjectsBoundingBox: function (objects, ignoreOffset) { + if (objects.length === 0) { + return null; + } + var objCenter, sizeVector, min, max, a, b; + objects.forEach(function (object, i) { + objCenter = object.getRelativeCenterPoint(); + sizeVector = object._getTransformedDimensions().scalarDivide(2); + if (object.angle) { + var rad = degreesToRadians(object.angle), sin = Math.abs(fabric.util.sin(rad)), cos = Math.abs(fabric.util.cos(rad)), rx = sizeVector.x * cos + sizeVector.y * sin, ry = sizeVector.x * sin + sizeVector.y * cos; + sizeVector = new Point(rx, ry); + } + a = objCenter.subtract(sizeVector); + b = objCenter.add(sizeVector); + if (i === 0) { + min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y)); + max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y)); + } + else { + min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y)); + max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y)); + } + }); + var size = max.subtract(min), relativeCenter = ignoreOffset + ? size.scalarDivide(2) + : min.midPointFrom(max), + // we send `relativeCenter` up to group's containing plane + offset = transformPoint(min, this.calcOwnMatrix()), center = transformPoint(relativeCenter, this.calcOwnMatrix()); + return { + offsetX: offset.x, + offsetY: offset.y, + centerX: center.x, + centerY: center.y, + width: size.x, + height: size.y, + }; + }, + /** + * Hook that is called once layout has completed. + * Provided for layout customization, override if necessary. + * Complements `getLayoutStrategyResult`, which is called at the beginning of layout. + * @public + * @param {LayoutContext} context layout context + * @param {LayoutResult} result layout result + */ + onLayout: function ( /* context, result */) { + // override by subclass + }, + /** + * + * @private + * @param {'toObject'|'toDatalessObject'} [method] + * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @returns {fabric.Object[]} serialized objects + */ + __serializeObjects: function (method, propertiesToInclude) { + var _includeDefaultValues = this.includeDefaultValues; + return this._objects + .filter(function (obj) { + return !obj.excludeFromExport; + }) + .map(function (obj) { + var originalDefaults = obj.includeDefaultValues; + obj.includeDefaultValues = _includeDefaultValues; + var data = obj[method || 'toObject'](propertiesToInclude); + obj.includeDefaultValues = originalDefaults; + //delete data.version; + return data; + }); + }, + /** + * Returns object representation of an instance + * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + var obj = this.callSuper('toObject', ['layout', 'subTargetCheck', 'interactive'].concat(propertiesToInclude)); + obj.objects = this.__serializeObjects('toObject', propertiesToInclude); + return obj; + }, + toString: function () { + return '#'; + }, + dispose: function () { + this._activeObjects = []; + this.forEachObject((object) => { + this._watchObject(false, object); + object.dispose(); + }); + this.callSuper('dispose'); + }, + /* _TO_SVG_START_ */ + /** + * @private + */ + _createSVGBgRect: function (reviver) { + if (!this.backgroundColor) { + return ''; + } + var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver); + var commons = fillStroke.indexOf('COMMON_PARTS'); + fillStroke[commons] = 'for="group" '; + return fillStroke.join(''); + }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function (reviver) { + var svgString = ['\n']; + var bg = this._createSVGBgRect(reviver); + bg && svgString.push('\t\t', bg); + for (var i = 0; i < this._objects.length; i++) { + svgString.push('\t\t', this._objects[i].toSVG(reviver)); + } + svgString.push('\n'); + return svgString; + }, + /** + * Returns styles-string for svg-export, specific version for group + * @return {String} + */ + getSvgStyles: function () { + var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 + ? 'opacity: ' + this.opacity + ';' + : '', visibility = this.visible ? '' : ' visibility: hidden;'; + return [opacity, this.getSvgFilter(), visibility].join(''); + }, + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function (reviver) { + var svgString = []; + var bg = this._createSVGBgRect(reviver); + bg && svgString.push('\t', bg); + for (var i = 0; i < this._objects.length; i++) { + svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); + } + return this._createBaseClipPathSVGMarkup(svgString, { + reviver: reviver, + }); + }, + /* _TO_SVG_END_ */ + }); /** - * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function(options) { - if (this.saturation === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, len = data.length, - adjust = -this.saturation, i, max; - - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; - } - }, + * @todo support loading from svg + * @private + * @static + * @memberOf fabric.Group + * @param {Object} object Object to create a group from + * @returns {Promise} + */ + fabric.Group.fromObject = function (object) { + var objects = object.objects || [], options = clone(object, true); + delete options.objects; + return Promise.all([ + fabric.util.enlivenObjects(objects), + fabric.util.enlivenObjectEnlivables(options), + ]).then(function (enlivened) { + return new fabric.Group(enlivened[0], Object.assign(options, enlivened[1]), true); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}); + /** + * Group class + * @class fabric.ActiveSelection + * @extends fabric.Group + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} + * @see {@link fabric.ActiveSelection#initialize} for constructor definition + */ + fabric.ActiveSelection = fabric.util.createClass(fabric.Group, + /** @lends fabric.ActiveSelection.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'activeSelection', + /** + * @override + */ + layout: 'fit-content', + /** + * @override + */ + subTargetCheck: false, + /** + * @override + */ + interactive: false, + /** + * Constructor + * + * @param {fabric.Object[]} [objects] instance objects + * @param {Object} [options] Options object + * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane + * @return {fabric.ActiveSelection} thisArg + */ + initialize: function (objects, options, objectsRelativeToGroup) { + this.callSuper('initialize', objects, options, objectsRelativeToGroup); + this.setCoords(); + }, + /** + * @private + */ + _shouldSetNestedCoords: function () { + return true; + }, + /** + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane + * @returns {boolean} true if object entered group + */ + enterGroup: function (object, removeParentTransform) { + if (object.group) { + // save ref to group for later in order to return to it + var parent = object.group; + parent._exitGroup(object); + object.__owningGroup = parent; + } + this._enterGroup(object, removeParentTransform); + return true; + }, + /** + * we want objects to retain their canvas ref when exiting instance + * @private + * @param {fabric.Object} object + * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it + */ + exitGroup: function (object, removeParentTransform) { + this._exitGroup(object, removeParentTransform); + var parent = object.__owningGroup; + if (parent) { + // return to owning group + parent.enterGroup(object); + delete object.__owningGroup; + } + }, + /** + * @private + * @param {'added'|'removed'} type + * @param {fabric.Object[]} targets + */ + _onAfterObjectsChange: function (type, targets) { + var groups = []; + targets.forEach(function (object) { + object.group && + !groups.includes(object.group) && + groups.push(object.group); + }); + if (type === 'removed') { + // invalidate groups' layout and mark as dirty + groups.forEach(function (group) { + group._onAfterObjectsChange('added', targets); + }); + } + else { + // mark groups as dirty + groups.forEach(function (group) { + group._set('dirty', true); + }); + } + }, + /** + * If returns true, deselection is cancelled. + * @since 2.0.0 + * @return {Boolean} [cancel] + */ + onDeselect: function () { + this.removeAll(); + return false; + }, + /** + * Returns string representation of a group + * @return {String} + */ + toString: function () { + return '#'; + }, + /** + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * @return {Boolean} + */ + shouldCache: function () { + return false; + }, + /** + * Check if this group or its parent group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function () { + return false; + }, + /** + * Renders controls and borders for the object + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style + * @param {Object} [childrenOverride] properties to override the children overrides + */ + _renderControls: function (ctx, styleOverride, childrenOverride) { + ctx.save(); + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + this.callSuper('_renderControls', ctx, styleOverride); + var options = Object.assign({ hasControls: false }, childrenOverride, { + forActiveSelection: true, + }); + for (var i = 0; i < this._objects.length; i++) { + this._objects[i]._renderControls(ctx, options); + } + ctx.restore(); + }, + }); + /** + * Returns {@link fabric.ActiveSelection} instance from an object representation + * @static + * @memberOf fabric.ActiveSelection + * @param {Object} object Object to create a group from + * @returns {Promise} + */ + fabric.ActiveSelection.fromObject = function (object) { + var objects = object.objects, options = fabric.util.object.clone(object, true); + delete options.objects; + return fabric.util + .enlivenObjects(objects) + .then(function (enlivenedObjects) { + return new fabric.ActiveSelection(enlivenedObjects, options, true); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); +class Canvas2dFilterBackend { + constructor() { + /** + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + this.resources = {}; + } /** - * Return WebGL uniform locations for this filter's shader. + * Apply a set of filters against a source image and draw the filtered output + * to the provided destination canvas. * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. + * @param {EnhancedFilter} filters The filter to apply. + * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. + * @param {Number} sourceWidth The width of the source input. + * @param {Number} sourceHeight The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. */ - getUniformLocations: function(gl, program) { - return { - uSaturation: gl.getUniformLocation(program, 'uSaturation'), - }; - }, + applyFilters(filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { + const ctx = targetCanvas.getContext('2d'); + if (!ctx) { + return; + } + ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); + const imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + const originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + const pipelineState = { + sourceWidth, + sourceHeight, + imageData, + originalEl: sourceElement, + originalImageData, + canvasEl: targetCanvas, + ctx, + filterBackend: this, + }; + filters.forEach(function (filter) { + filter.applyTo(pipelineState); + }); + const { imageData: imageDataPostFilter } = pipelineState; + if (imageDataPostFilter.width !== sourceWidth || + imageDataPostFilter.height !== sourceHeight) { + targetCanvas.width = imageDataPostFilter.width; + targetCanvas.height = imageDataPostFilter.height; + } + ctx.putImageData(imageDataPostFilter, 0, 0); + return pipelineState; + } +} +class WebGLFilterBackend { + constructor({ tileSize = config.textureSize } = {}) { + /** + * Define ... + **/ + this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); + /** + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + this.resources = {}; + this.tileSize = tileSize; + this.setupGLContext(tileSize, tileSize); + this.captureGPUInfo(); + } /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * Setup a WebGL context suitable for filtering, and bind any needed event handlers. */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uSaturation, -this.saturation); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Saturation} Instance of fabric.Image.filters.Saturate - */ - fabric.Image.filters.Saturation.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Vibrance filter class - * @class fabric.Image.filters.Vibrance - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Vibrance({ - * vibrance: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Vibrance = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Vibrance.prototype */ { - + setupGLContext(width, height) { + this.dispose(); + this.createWebGLCanvas(width, height); + // eslint-disable-next-line + this.chooseFastestCopyGLTo2DMethod(width, height); + } + /** + * 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. + */ + chooseFastestCopyGLTo2DMethod(width, height) { + const targetCanvas = createCanvasElement(); + // eslint-disable-next-line no-undef + const imageBuffer = new ArrayBuffer(width * height * 4); + if (config.forceGLPutImageData) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + return; + } + const testContext = { + imageBuffer: imageBuffer, + }; + const testPipelineState = { + destinationWidth: width, + destinationHeight: height, + targetCanvas: targetCanvas, + }; + let startTime; + targetCanvas.width = width; + targetCanvas.height = height; + startTime = fabric$1.window.performance.now(); + this.copyGLTo2D.call(testContext, this.gl, testPipelineState); + const drawImageTime = fabric$1.window.performance.now() - startTime; + startTime = fabric$1.window.performance.now(); + copyGLTo2DPutImageData.call(testContext, this.gl, testPipelineState); + const putImageDataTime = fabric$1.window.performance.now() - startTime; + if (drawImageTime > putImageDataTime) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + } + } /** - * Filter type - * @param {String} type - * @default + * Create a canvas element and associated WebGL context and attaches them as + * class properties to the GLFilterBackend class. */ - type: 'Vibrance', - - fragmentSource: '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' + - '}', - + createWebGLCanvas(width, height) { + const canvas = createCanvasElement(); + canvas.width = width; + canvas.height = height; + const glOptions = { + alpha: true, + premultipliedAlpha: false, + depth: false, + stencil: false, + antialias: false, + }, gl = canvas.getContext('webgl', glOptions); + if (!gl) { + return; + } + gl.clearColor(0, 0, 0, 0); + // this canvas can fire webglcontextlost and webglcontextrestored + this.canvas = canvas; + this.gl = gl; + } /** - * Vibrance value, from -1 to 1. - * Increases/decreases the saturation of more muted colors with less effect on saturated colors. - * A value of 0 has no effect. - * - * @param {Number} vibrance - * @default + * Attempts to apply the requested filters to the source provided, drawing the filtered output + * to the provided target canvas. + * + * @param {Array} filters The filters to apply. + * @param {TexImageSource} source The source to be filtered. + * @param {Number} width The width of the source input. + * @param {Number} height The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. + * @param {String|undefined} cacheKey A key used to cache resources related to the source. If + * omitted, caching will be skipped. */ - vibrance: 0, - - mainParameter: 'vibrance', - + applyFilters(filters, source, width, height, targetCanvas, cacheKey) { + const gl = this.gl; + const ctx = targetCanvas.getContext('2d'); + if (!gl || !ctx) { + return; + } + let cachedTexture; + if (cacheKey) { + cachedTexture = this.getCachedTexture(cacheKey, source); + } + const pipelineState = { + // @ts-ignore + originalWidth: source.width || source.originalWidth || 0, + // @ts-ignore + originalHeight: source.height || source.originalHeight || 0, + sourceWidth: width, + sourceHeight: height, + destinationWidth: width, + destinationHeight: height, + context: gl, + sourceTexture: this.createTexture(gl, width, height, !cachedTexture ? source : undefined), + targetTexture: this.createTexture(gl, width, height), + originalTexture: cachedTexture || + this.createTexture(gl, width, height, !cachedTexture ? source : undefined), + passes: filters.length, + webgl: true, + aPosition: this.aPosition, + programCache: this.programCache, + pass: 0, + filterBackend: this, + targetCanvas: targetCanvas, + }; + const tempFbo = gl.createFramebuffer(); + gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); + filters.forEach((filter) => { + filter && filter.applyTo(pipelineState); + }); + resizeCanvasIfNeeded(pipelineState); + this.copyGLTo2D(gl, pipelineState); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.deleteTexture(pipelineState.sourceTexture); + gl.deleteTexture(pipelineState.targetTexture); + gl.deleteFramebuffer(tempFbo); + ctx.setTransform(1, 0, 0, 1, 0, 0); + return pipelineState; + } /** - * Constructor - * @memberOf fabric.Image.filters.Vibrance.prototype - * @param {Object} [options] Options object - * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) + * Detach event listeners, remove references, and clean up caches. */ - + dispose() { + if (this.canvas) { + // we are disposing, we don't care about the fact + // that the canvas shouldn't be null. + // @ts-ignore + this.canvas = null; + // @ts-ignore + this.gl = null; + } + this.clearWebGLCaches(); + } /** - * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + * Wipe out WebGL-related caches. */ - applyTo2d: function(options) { - if (this.vibrance === 0) { - return; - } - var imageData = options.imageData, - data = imageData.data, len = data.length, - adjust = -this.vibrance, i, max, avg, amt; - - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - avg = (data[i] + data[i + 1] + data[i + 2]) / 3; - amt = ((Math.abs(max - avg) * 2 / 255) * adjust); - data[i] += max !== data[i] ? (max - data[i]) * amt : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; - } - }, - + clearWebGLCaches() { + this.programCache = {}; + this.textureCache = {}; + } /** - * Return WebGL uniform locations for this filter's shader. + * Create a WebGL texture object. + * + * Accepts specific dimensions to initialize the texture to or a source image. * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. + * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. + * @param {Number} width The width to initialize the texture at. + * @param {Number} height The height to initialize the texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. + * @returns {WebGLTexture} */ - getUniformLocations: function(gl, program) { - return { - uVibrance: gl.getUniformLocation(program, 'uVibrance'), - }; - }, - + createTexture(gl, width, height, textureImageSource) { + const texture = gl.createTexture(); + gl.bindTexture(gl.TEXTURE_2D, texture); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); + if (textureImageSource) { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); + } + else { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); + } + return texture; + } /** - * Send data from this filter to its shader program's uniforms. + * Can be optionally used to get a texture from the cache array * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * If an existing texture is not found, a new texture is created and cached. + * + * @param {String} uniqueId A cache key to use to find an existing texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the + * texture cache entry if one does not already exist. */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {Function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Vibrance} Instance of fabric.Image.filters.Vibrance - */ - fabric.Image.filters.Vibrance.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Blur filter class - * @class fabric.Image.filters.Blur - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Blur({ - * blur: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Blur = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blur.prototype */ { - - type: 'Blur', - - /* -'gl_FragColor = vec4(0.0);', -'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', -'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', -'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', -'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', -'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', -'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', -'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', -'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', -'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', -'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', -'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', -'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', -'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', -'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', -'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', -*/ - - /* eslint-disable max-len */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n' + - 'const float nSamples = 15.0;\n' + - 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + - 'float random(vec3 scale) {\n' + - /* use the fragment position for a different seed per-pixel */ - 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = vec4(0.0);\n' + - 'float total = 0.0;\n' + - 'float offset = random(v3offset);\n' + - 'for (float t = -nSamples; t <= nSamples; t++) {\n' + - 'float percent = (t + offset - 0.5) / nSamples;\n' + - 'float weight = 1.0 - abs(percent);\n' + - 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + - 'total += weight;\n' + - '}\n' + - 'gl_FragColor = color / total;\n' + - '}', - /* eslint-enable max-len */ - + getCachedTexture(uniqueId, textureImageSource) { + if (this.textureCache[uniqueId]) { + return this.textureCache[uniqueId]; + } + else { + const texture = this.createTexture(this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); + this.textureCache[uniqueId] = texture; + return texture; + } + } /** - * blur value, in percentage of image dimensions. - * specific to keep the image blur constant at different resolutions - * range between 0 and 1. - * @type Number - * @default + * Clear out cached resources related to a source image that has been + * filtered previously. + * + * @param {String} cacheKey The cache key provided when the source image was filtered. */ - blur: 0, - - mainParameter: 'blur', - - applyTo: function(options) { - if (options.webgl) { - // this aspectRatio is used to give the same blur to vertical and horizontal - this.aspectRatio = options.sourceWidth / options.sourceHeight; - options.passes++; - this._setupFrameBuffer(options); - this.horizontal = true; - this.applyToWebGL(options); - this._swapTextures(options); - this._setupFrameBuffer(options); - this.horizontal = false; - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - }, - - applyTo2d: function(options) { - // paint canvasEl with current image data. - //options.ctx.putImageData(options.imageData, 0, 0); - options.imageData = this.simpleBlur(options); - }, - - simpleBlur: function(options) { - var resources = options.filterBackend.resources, canvas1, canvas2, - width = options.imageData.width, - height = options.imageData.height; - - if (!resources.blurLayer1) { - resources.blurLayer1 = fabric.util.createCanvasElement(); - resources.blurLayer2 = fabric.util.createCanvasElement(); - } - canvas1 = resources.blurLayer1; - canvas2 = resources.blurLayer2; - if (canvas1.width !== width || canvas1.height !== height) { - canvas2.width = canvas1.width = width; - canvas2.height = canvas1.height = height; - } - var ctx1 = canvas1.getContext('2d'), - ctx2 = canvas2.getContext('2d'), - nSamples = 15, - random, percent, j, i, - blur = this.blur * 0.06 * 0.5; - - // load first canvas - ctx1.putImageData(options.imageData, 0, 0); - ctx2.clearRect(0, 0, width, height); - - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * width + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, j, random); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * height + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, random, j); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - options.ctx.drawImage(canvas1, 0, 0); - var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); - ctx1.globalAlpha = 1; - ctx1.clearRect(0, 0, canvas1.width, canvas1.height); - return newImageData; - }, - + evictCachesForKey(cacheKey) { + if (this.textureCache[cacheKey]) { + this.gl.deleteTexture(this.textureCache[cacheKey]); + delete this.textureCache[cacheKey]; + } + } /** - * Return WebGL uniform locations for this filter's shader. + * Copy an input WebGL canvas on to an output 2D canvas. * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. + * The WebGL canvas is assumed to be upside down, with the top-left pixel of the + * desired output image appearing in the bottom-left corner of the WebGL canvas. + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {Object} pipelineState The 2D target canvas to copy on to. */ - getUniformLocations: function(gl, program) { - return { - delta: gl.getUniformLocation(program, 'uDelta'), - }; - }, - + copyGLTo2D(gl, pipelineState) { + const glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'); + if (!ctx) { + return; + } + ctx.translate(0, targetCanvas.height); // move it down again + ctx.scale(1, -1); // vertical flip + // where is my image on the big glcanvas? + const sourceY = glCanvas.height - targetCanvas.height; + ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, targetCanvas.width, targetCanvas.height); + } /** - * Send data from this filter to its shader program's uniforms. + * Attempt to extract GPU information strings from a WebGL context. + * + * Useful information when debugging or blacklisting specific GPUs. * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * @returns {Object} A GPU info object with renderer and vendor strings. */ - sendUniformData: function(gl, uniformLocations) { - var delta = this.chooseRightDelta(); - gl.uniform2fv(uniformLocations.delta, delta); - }, - - /** - * choose right value of image percentage to blur with - * @returns {Array} a numeric array with delta values - */ - chooseRightDelta: function() { - var blurScale = 1, delta = [0, 0], blur; - if (this.horizontal) { - if (this.aspectRatio > 1) { - // image is wide, i want to shrink radius horizontal - blurScale = 1 / this.aspectRatio; - } - } - else { - if (this.aspectRatio < 1) { - // image is tall, i want to shrink radius vertical - blurScale = this.aspectRatio; - } - } - blur = blurScale * this.blur * 0.12; - if (this.horizontal) { - delta[0] = blur; - } - else { - delta[1] = blur; - } - return delta; - }, - }); - - /** - * Deserialize a JSON definition of a BlurFilter into a concrete instance. - */ - filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * Gamma filter class - * @class fabric.Image.filters.Gamma - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Gamma({ - * gamma: [1, 0.5, 2.1] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Gamma = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Gamma.prototype */ { + captureGPUInfo() { + if (this.gpuInfo) { + return this.gpuInfo; + } + const gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; + if (!gl) { + return gpuInfo; + } + const ext = gl.getExtension('WEBGL_debug_renderer_info'); + if (ext) { + const renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); + const vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); + if (renderer) { + gpuInfo.renderer = renderer.toLowerCase(); + } + if (vendor) { + gpuInfo.vendor = vendor.toLowerCase(); + } + } + this.gpuInfo = gpuInfo; + return gpuInfo; + } +} +function resizeCanvasIfNeeded(pipelineState) { + const targetCanvas = pipelineState.targetCanvas, width = targetCanvas.width, height = targetCanvas.height, dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight; + if (width !== dWidth || height !== dHeight) { + targetCanvas.width = dWidth; + targetCanvas.height = dHeight; + } +} +/** + * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData + * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. + * @param {Object} pipelineState The 2D target canvas to copy on to. + */ +function copyGLTo2DPutImageData(gl, pipelineState) { + const targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight, numBytes = dWidth * dHeight * 4; + if (!ctx) { + return; + } + const u8 = new Uint8Array(this.imageBuffer, 0, numBytes); + const u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); + gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); + const imgData = new ImageData(u8Clamped, dWidth, dHeight); + ctx.putImageData(imgData, 0, 0); +} +var WebGLPrecision; +(function (WebGLPrecision) { + WebGLPrecision["low"] = "lowp"; + WebGLPrecision["medium"] = "mediump"; + WebGLPrecision["high"] = "highp"; +})(WebGLPrecision || (WebGLPrecision = {})); +/** + * Lazy initialize WebGL contants + */ +class WebGLProbe { /** - * Filter type - * @param {String} type - * @default + * Tests if webgl supports certain precision + * @param {WebGL} Canvas WebGL context to test on + * @param {WebGLPrecision} Precision to test can be any of following + * @returns {Boolean} Whether the user's browser WebGL supports given precision. */ - type: 'Gamma', - - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec3 uGamma;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec3 correction = (1.0 / uGamma);\n' + - 'color.r = pow(color.r, correction.r);\n' + - 'color.g = pow(color.g, correction.g);\n' + - 'color.b = pow(color.b, correction.b);\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.rgb *= color.a;\n' + - '}', - + testPrecision(gl, precision) { + const fragmentSource = `precision ${precision} float;\nvoid main(){}`; + const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + if (!fragmentShader) { + return false; + } + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS); + } /** - * Gamma array value, from 0.01 to 2.2. - * @param {Array} gamma - * @default + * query browser for WebGL + * @returns config object if true */ - gamma: [1, 1, 1], - + queryWebGL() { + if (fabric$1.isLikelyNode) { + return; + } + const canvas = createCanvasElement(); + const gl = canvas.getContext('webgl'); + if (gl) { + this.maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); + this.webGLPrecision = Object.values(WebGLPrecision).find((precision) => this.testPrecision(gl, precision)); + console.log(`fabric: max texture size ${this.maxTextureSize}`); + } + } + isSupported(textureSize) { + return this.maxTextureSize && this.maxTextureSize >= textureSize; + } +} +const webGLProbe = new WebGLProbe(); +function initFilterBackend() { + webGLProbe.queryWebGL(); + if (config.enableGLFiltering && webGLProbe.isSupported(config.textureSize)) { + return new WebGLFilterBackend({ tileSize: config.textureSize }); + } + else { + return new Canvas2dFilterBackend(); + } +} +fabric$1.Canvas2dFilterBackend = Canvas2dFilterBackend; +fabric$1.WebglFilterBackend = WebGLFilterBackend; +fabric$1.initFilterBackend = initFilterBackend; + +//@ts-nocheck +(function (global) { + var fabric = global.fabric, extend = fabric.util.object.extend; + /** + * Image class + * @class fabric.Image + * @extends fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} + * @see {@link fabric.Image#initialize} for constructor definition + */ + fabric.Image = fabric.util.createClass(InteractiveFabricObject, + /** @lends fabric.Image.prototype */ { + /** + * Type of an object + * @type String + * @default + */ + type: 'image', + /** + * Width of a stroke. + * For image quality a stroke multiple of 2 gives better results. + * @type Number + * @default + */ + strokeWidth: 0, + /** + * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. + * This allows for relative urls as image src. + * @since 2.7.0 + * @type Boolean + * @default + */ + srcFromAttribute: false, + /** + * private + * contains last value of scaleX to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleX: 1, + /** + * private + * contains last value of scaleY to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleY: 1, + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingX: 1, + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingY: 1, + /** + * minimum scale factor under which any resizeFilter is triggered to resize the image + * 0 will disable the automatic resize. 1 will trigger automatically always. + * number bigger than 1 are not implemented yet. + * @type Number + */ + minimumScaleTrigger: 0.5, + /** + * List of properties to consider when checking if + * state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('cropX', 'cropY'), + /** + * List of properties to consider when checking if cache needs refresh + * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single + * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty + * and refreshed at the next render + * @type Array + */ + cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat('cropX', 'cropY'), + /** + * key used to retrieve the texture representing this image + * @since 2.0.0 + * @type String + * @default + */ + cacheKey: '', + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropX: 0, + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropY: 0, + /** + * Indicates whether this canvas will use image smoothing when painting this image. + * Also influence if the cacheCanvas for this image uses imageSmoothing + * @since 4.0.0-beta.11 + * @type Boolean + * @default + */ + imageSmoothing: true, + /** + * Constructor + * Image can be initialized with any canvas drawable or a string. + * The string should be a url and will be loaded as an image. + * Canvas and Image element work out of the box, while videos require extra code to work. + * Please check video element events for seeking. + * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element + * @param {Object} [options] Options object + * @return {fabric.Image} thisArg + */ + initialize: function (element, options) { + options || (options = {}); + this.filters = []; + this.cacheKey = 'texture' + InteractiveFabricObject.__uid++; + this.callSuper('initialize', options); + this._initElement(element, options); + }, + /** + * Returns image element which this instance if based on + * @return {HTMLImageElement} Image element + */ + getElement: function () { + return this._element || {}; + }, + /** + * Sets image element for this instance to a specified one. + * If filters defined they are applied to new image. + * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. + * @param {HTMLImageElement} element + * @param {Object} [options] Options object + * @return {fabric.Image} thisArg + * @chainable + */ + setElement: function (element, options) { + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._element = element; + this._originalElement = element; + this._initConfig(options); + element.classList.add(fabric.Image.CSS_CANVAS); + if (this.filters.length !== 0) { + this.applyFilters(); + } + // resizeFilters work on the already filtered copy. + // we need to apply resizeFilters AFTER normal filters. + // applyResizeFilters is run more often than normal filters + // and is triggered by user interactions rather than dev code + if (this.resizeFilter) { + this.applyResizeFilters(); + } + return this; + }, + /** + * Delete a single texture if in webgl mode + */ + removeTexture: function (key) { + var backend = fabric.filterBackend; + if (backend && backend.evictCachesForKey) { + backend.evictCachesForKey(key); + } + }, + /** + * Delete textures, reference to elements and eventually JSDOM cleanup + */ + dispose: function () { + this.callSuper('dispose'); + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._cacheContext = undefined; + ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(function (element) { + fabric.util.cleanUpJsdomNode(this[element]); + this[element] = undefined; + }.bind(this)); + }, + /** + * Get the crossOrigin value (of the corresponding image element) + */ + getCrossOrigin: function () { + return (this._originalElement && (this._originalElement.crossOrigin || null)); + }, + /** + * Returns original size of an image + * @return {Object} Object with "width" and "height" properties + */ + getOriginalSize: function () { + var element = this.getElement(); + return { + width: element.naturalWidth || element.width, + height: element.naturalHeight || element.height, + }; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _stroke: function (ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + var w = this.width / 2, h = this.height / 2; + ctx.beginPath(); + ctx.moveTo(-w, -h); + ctx.lineTo(w, -h); + ctx.lineTo(w, h); + ctx.lineTo(-w, h); + ctx.lineTo(-w, -h); + ctx.closePath(); + }, + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function (propertiesToInclude) { + var filters = []; + this.filters.forEach(function (filterObj) { + if (filterObj) { + filters.push(filterObj.toObject()); + } + }); + var object = extend(this.callSuper('toObject', ['cropX', 'cropY'].concat(propertiesToInclude)), { + src: this.getSrc(), + crossOrigin: this.getCrossOrigin(), + filters: filters, + }); + if (this.resizeFilter) { + object.resizeFilter = this.resizeFilter.toObject(); + } + return object; + }, + /** + * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. + * @return {Boolean} + */ + hasCrop: function () { + return (this.cropX || + this.cropY || + this.width < this._element.width || + this.height < this._element.height); + }, + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function () { + var svgString = [], imageMarkup = [], strokeSvg, element = this._element, x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; + if (!element) { + return []; + } + if (this.hasCrop()) { + var clipPathId = InteractiveFabricObject.__uid++; + svgString.push('\n', '\t\n', '\n'); + clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; + } + if (!this.imageSmoothing) { + imageRendering = '" image-rendering="optimizeSpeed'; + } + imageMarkup.push('\t\n'); + if (this.stroke || this.strokeDashArray) { + var origFill = this.fill; + this.fill = null; + strokeSvg = [ + '\t\n', + ]; + this.fill = origFill; + } + if (this.paintFirst !== 'fill') { + svgString = svgString.concat(strokeSvg, imageMarkup); + } + else { + svgString = svgString.concat(imageMarkup, strokeSvg); + } + return svgString; + }, + /* _TO_SVG_END_ */ + /** + * Returns source of an image + * @param {Boolean} filtered indicates if the src is needed for svg + * @return {String} Source of an image + */ + getSrc: function (filtered) { + var element = filtered ? this._element : this._originalElement; + if (element) { + if (element.toDataURL) { + return element.toDataURL(); + } + if (this.srcFromAttribute) { + return element.getAttribute('src'); + } + else { + return element.src; + } + } + else { + return this.src || ''; + } + }, + /** + * Loads and sets source of an image\ + * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking + * @param {String} src Source string (URL) + * @param {Object} [options] Options object + * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") + * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes + * @return {Promise} thisArg + */ + setSrc: function (src, options) { + var _this = this; + return fabric.util.loadImage(src, options).then(function (img) { + _this.setElement(img, options); + _this._setWidthHeight(); + return _this; + }); + }, + /** + * Returns string representation of an instance + * @return {String} String representation of an instance + */ + toString: function () { + return '#'; + }, + applyResizeFilters: function () { + var filter = this.resizeFilter, minimumScale = this.minimumScaleTrigger, objectScale = this.getTotalObjectScaling(), scaleX = objectScale.x, scaleY = objectScale.y, elementToFilter = this._filteredEl || this._originalElement; + if (this.group) { + this.set('dirty', true); + } + if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { + this._element = elementToFilter; + this._filterScalingX = 1; + this._filterScalingY = 1; + this._lastScaleX = scaleX; + this._lastScaleY = scaleY; + return; + } + if (!fabric.filterBackend) { + fabric.filterBackend = initFilterBackend(); + } + var canvasEl = fabric.util.createCanvasElement(), cacheKey = this._filteredEl + ? this.cacheKey + '_filtered' + : this.cacheKey, sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._lastScaleX = filter.scaleX = scaleX; + this._lastScaleY = filter.scaleY = scaleY; + fabric.filterBackend.applyFilters([filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); + this._filterScalingX = canvasEl.width / this._originalElement.width; + this._filterScalingY = canvasEl.height / this._originalElement.height; + }, + /** + * Applies filters assigned to this image (from "filters" array) or from filter param + * @method applyFilters + * @param {Array} filters to be applied + * @param {Boolean} forResizing specify if the filter operation is a resize operation + * @return {thisArg} return the fabric.Image object + * @chainable + */ + applyFilters: function (filters) { + filters = filters || this.filters || []; + filters = filters.filter(function (filter) { + return filter && !filter.isNeutralState(); + }); + this.set('dirty', true); + // needs to clear out or WEBGL will not resize correctly + this.removeTexture(this.cacheKey + '_filtered'); + if (filters.length === 0) { + this._element = this._originalElement; + this._filteredEl = null; + this._filterScalingX = 1; + this._filterScalingY = 1; + return this; + } + var imgElement = this._originalElement, sourceWidth = imgElement.naturalWidth || imgElement.width, sourceHeight = imgElement.naturalHeight || imgElement.height; + if (this._element === this._originalElement) { + // if the element is the same we need to create a new element + var canvasEl = fabric.util.createCanvasElement(); + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._filteredEl = canvasEl; + } + else { + // clear the existing element to get new filter data + // also dereference the eventual resized _element + this._element = this._filteredEl; + this._filteredEl + .getContext('2d') + .clearRect(0, 0, sourceWidth, sourceHeight); + // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y + this._lastScaleX = 1; + this._lastScaleY = 1; + } + if (!fabric.filterBackend) { + fabric.filterBackend = initFilterBackend(); + } + fabric.filterBackend.applyFilters(filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); + if (this._originalElement.width !== this._element.width || + this._originalElement.height !== this._element.height) { + this._filterScalingX = + this._element.width / this._originalElement.width; + this._filterScalingY = + this._element.height / this._originalElement.height; + } + return this; + }, + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function (ctx) { + ctx.imageSmoothingEnabled = this.imageSmoothing; + if (this.isMoving !== true && + this.resizeFilter && + this._needsResize()) { + this.applyResizeFilters(); + } + this._stroke(ctx); + this._renderPaintInOrder(ctx); + }, + /** + * Paint the cached copy of the object on the target context. + * it will set the imageSmoothing for the draw operation + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawCacheOnCanvas: function (ctx) { + ctx.imageSmoothingEnabled = this.imageSmoothing; + InteractiveFabricObject.prototype.drawCacheOnCanvas.call(this, ctx); + }, + /** + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * This is the special image version where we would like to avoid caching where possible. + * Essentially images do not benefit from caching. They may require caching, and in that + * case we do it. Also caching an image usually ends in a loss of details. + * A full performance audit should be done. + * @return {Boolean} + */ + shouldCache: function () { + return this.needsItsOwnCache(); + }, + _renderFill: function (ctx) { + var elementToDraw = this._element; + if (!elementToDraw) { + return; + } + var scaleX = this._filterScalingX, scaleY = this._filterScalingY, w = this.width, h = this.height, min = Math.min, max = Math.max, + // crop values cannot be lesser than 0. + cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), elWidth = elementToDraw.naturalWidth || elementToDraw.width, elHeight = elementToDraw.naturalHeight || elementToDraw.height, sX = cropX * scaleX, sY = cropY * scaleY, + // the width height cannot exceed element width/height, starting from the crop offset. + sW = min(w * scaleX, elWidth - sX), sH = min(h * scaleY, elHeight - sY), x = -w / 2, y = -h / 2, maxDestW = min(w, elWidth / scaleX - cropX), maxDestH = min(h, elHeight / scaleY - cropY); + elementToDraw && + ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); + }, + /** + * needed to check if image needs resize + * @private + */ + _needsResize: function () { + var scale = this.getTotalObjectScaling(); + return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY; + }, + /** + * @private + */ + _resetWidthHeight: function () { + this.set(this.getOriginalSize()); + }, + /** + * The Image class's initialization method. This method is automatically + * called by the constructor. + * @private + * @param {HTMLImageElement|String} element The element representing the image + * @param {Object} [options] Options object + */ + _initElement: function (element, options) { + this.setElement(fabric.document.getElementById(element) || element, options); + }, + /** + * @private + * @param {Object} [options] Options object + */ + _initConfig: function (options) { + options || (options = {}); + this.setOptions(options); + this._setWidthHeight(options); + }, + /** + * @private + * Set the width and the height of the image object, using the element or the + * options. + * @param {Object} [options] Object with width/height properties + */ + _setWidthHeight: function (options) { + options || (options = {}); + var el = this.getElement(); + this.width = options.width || el.naturalWidth || el.width || 0; + this.height = options.height || el.naturalHeight || el.height || 0; + }, + /** + * Calculate offset for center and scale factor for the image in order to respect + * the preserveAspectRatio attribute + * @private + * @return {Object} + */ + parsePreserveAspectRatioAttribute: function () { + var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), rWidth = this._element.width, rHeight = this._element.height, scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; + if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { + if (pAR.meetOrSlice === 'meet') { + scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); + offset = (pWidth - rWidth * scaleX) / 2; + if (pAR.alignX === 'Min') { + offsetLeft = -offset; + } + if (pAR.alignX === 'Max') { + offsetLeft = offset; + } + offset = (pHeight - rHeight * scaleY) / 2; + if (pAR.alignY === 'Min') { + offsetTop = -offset; + } + if (pAR.alignY === 'Max') { + offsetTop = offset; + } + } + if (pAR.meetOrSlice === 'slice') { + scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); + offset = rWidth - pWidth / scaleX; + if (pAR.alignX === 'Mid') { + cropX = offset / 2; + } + if (pAR.alignX === 'Max') { + cropX = offset; + } + offset = rHeight - pHeight / scaleY; + if (pAR.alignY === 'Mid') { + cropY = offset / 2; + } + if (pAR.alignY === 'Max') { + cropY = offset; + } + rWidth = pWidth / scaleX; + rHeight = pHeight / scaleY; + } + } + else { + scaleX = pWidth / rWidth; + scaleY = pHeight / rHeight; + } + return { + width: rWidth, + height: rHeight, + scaleX: scaleX, + scaleY: scaleY, + offsetLeft: offsetLeft, + offsetTop: offsetTop, + cropX: cropX, + cropY: cropY, + }; + }, + }); /** - * Describe the property that is the filter parameter - * @param {String} m + * Default CSS class name for canvas + * @static + * @type String * @default */ - mainParameter: 'gamma', - + fabric.Image.CSS_CANVAS = 'canvas-img'; /** - * Constructor - * @param {Object} [options] Options object + * Alias for getSrc + * @static */ - initialize: function(options) { - this.gamma = [1, 1, 1]; - filters.BaseFilter.prototype.initialize.call(this, options); - }, - + fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; /** - * Apply the Gamma operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function(options) { - var imageData = options.imageData, data = imageData.data, - gamma = this.gamma, len = data.length, - rInv = 1 / gamma[0], gInv = 1 / gamma[1], - bInv = 1 / gamma[2], i; - - if (!this.rVals) { - // eslint-disable-next-line - this.rVals = new Uint8Array(256); - // eslint-disable-next-line - this.gVals = new Uint8Array(256); - // eslint-disable-next-line - this.bVals = new Uint8Array(256); - } - - // This is an optimization - pre-compute a look-up table for each color channel - // instead of performing these pow calls for each pixel in the image. - for (i = 0, len = 256; i < len; i++) { - this.rVals[i] = Math.pow(i / 255, rInv) * 255; - this.gVals[i] = Math.pow(i / 255, gInv) * 255; - this.bVals[i] = Math.pow(i / 255, bInv) * 255; - } - for (i = 0, len = data.length; i < len; i += 4) { - data[i] = this.rVals[data[i]]; - data[i + 1] = this.gVals[data[i + 1]]; - data[i + 2] = this.bVals[data[i + 2]]; - } - }, - + * Creates an instance of fabric.Image from its object representation + * @static + * @param {Object} object Object to create an instance from + * @param {object} [options] Options object + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.fromObject = function (object, options) { + var _object = Object.assign({}, object), filters = _object.filters, resizeFilter = _object.resizeFilter; + // the generic enliving will fail on filters for now + delete _object.resizeFilter; + delete _object.filters; + var imageOptions = Object.assign({}, options, { + crossOrigin: _object.crossOrigin, + }), filterOptions = Object.assign({}, options, { + namespace: fabric.Image.filters, + }); + return Promise.all([ + fabric.util.loadImage(_object.src, imageOptions), + filters && fabric.util.enlivenObjects(filters, filterOptions), + resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions), + fabric.util.enlivenObjectEnlivables(_object, options), + ]).then(function (imgAndFilters) { + _object.filters = imgAndFilters[1] || []; + _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0]; + return new fabric.Image(imgAndFilters[0], Object.assign(_object, imgAndFilters[3])); + }); + }; /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function(gl, program) { - return { - uGamma: gl.getUniformLocation(program, 'uGamma'), - }; - }, - + * Creates an instance of fabric.Image from an URL string + * @static + * @param {String} url URL to create an image from + * @param {object} [options] Options object + * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.fromURL = function (url, options) { + return fabric.util.loadImage(url, options || {}).then(function (img) { + return new fabric.Image(img, options); + }); + }; + /* _FROM_SVG_START_ */ /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) + * @static + * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} */ - sendUniformData: function(gl, uniformLocations) { - gl.uniform3fv(uniformLocations.uGamma, this.gamma); - }, - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.Gamma} Instance of fabric.Image.filters.Gamma - */ - fabric.Image.filters.Gamma.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * A container class that knows how to apply a sequence of filters to an input image. - */ - filters.Composed = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Composed.prototype */ { - - type: 'Composed', - + fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ')); /** - * A non sparse array of filters to apply - */ - subFilters: [], + * Returns {@link fabric.Image} instance from an SVG element + * @static + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @param {Function} callback Callback to execute when fabric.Image object is created + * @return {fabric.Image} Instance of fabric.Image + */ + fabric.Image.fromElement = function (element, callback, options) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); + fabric.Image.fromURL(parsedAttributes['xlink:href'], Object.assign({}, options || {}, parsedAttributes)).then(function (fabricImage) { + callback(fabricImage); + }); + }; + /* _FROM_SVG_END_ */ +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric; + fabric.util.object.extend(InteractiveFabricObject.prototype, + /** @lends FabricObject.prototype */ { + /** + * @private + * @return {Number} angle value + */ + _getAngleValueForStraighten: function () { + var angle = this.angle % 360; + if (angle > 0) { + return Math.round((angle - 1) / 90) * 90; + } + return Math.round(angle / 90) * 90; + }, + /** + * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) + * @return {fabric.Object} thisArg + * @chainable + */ + straighten: function () { + return this.rotate(this._getAngleValueForStraighten()); + }, + /** + * Same as {@link FabricObject.prototype.straighten} but with animation + * @param {Object} callbacks Object with callback functions + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.Object} thisArg + */ + fxStraighten: function (callbacks) { + callbacks = callbacks || {}; + var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; + return fabric.util.animate({ + target: this, + startValue: this.get('angle'), + endValue: this._getAngleValueForStraighten(), + duration: this.FX_DURATION, + onChange: function (value) { + _this.rotate(value); + onChange(); + }, + onComplete: function () { + _this.setCoords(); + onComplete(); + }, + }); + }, + }); + fabric.util.object.extend(fabric.StaticCanvas.prototype, + /** @lends fabric.StaticCanvas.prototype */ { + /** + * Straightens object, then rerenders canvas + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + * @chainable + */ + straightenObject: function (object) { + object.straighten(); + this.requestRenderAll(); + return this; + }, + /** + * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + */ + fxStraightenObject: function (object) { + return object.fxStraighten({ + onChange: this.requestRenderAllBound, + }); + }, + }); +})(typeof exports !== 'undefined' ? exports : window); + +const isWebGLPipelineState = (options) => { + return options.webgl !== undefined; +}; +/** + * @namespace fabric.Image.filters + * @memberOf fabric.Image + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + */ +const highPsourceCode = `precision ${WebGLPrecision.high} float`; +/** + * Root filter class from which all filter classes inherit from + * @class fabric.Image.filters.BaseFilter + * @memberOf fabric.Image.filters + */ +class BaseFilter { /** * Constructor * @param {Object} [options] Options object */ - initialize: function(options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.subFilters = this.subFilters.slice(0); - }, - + constructor(options = {}) { + /** + * Filter type + * @param {String} type + * @default + */ + this.type = 'BaseFilter'; + this.setOptions(options); + } /** - * Apply this container's filters to the input image provided. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be applied. + * just the compatibility layer until all classes are translated + * @param {Object} [options] Options object */ - applyTo: function(options) { - options.passes += this.subFilters.length - 1; - this.subFilters.forEach(function(filter) { - filter.applyTo(options); - }); - }, - + initialize(options = {}) { + this.setOptions(options); + } /** - * Serialize this filter into JSON. - * - * @returns {Object} A JSON representation of this filter. + * Sets filter's properties from options + * @param {Object} [options] Options object */ - toObject: function() { - return fabric.util.object.extend(this.callSuper('toObject'), { - subFilters: this.subFilters.map(function(filter) { return filter.toObject(); }), - }); - }, - - isNeutralState: function() { - return !this.subFilters.some(function(filter) { return !filter.isNeutralState(); }); + setOptions(options) { + Object.assign(this, options); } - }); - - /** - * Deserialize a JSON definition of a ComposedFilter into a concrete instance. - */ - fabric.Image.filters.Composed.fromObject = function(object, callback) { - var filters = object.subFilters || [], - subFilters = filters.map(function(filter) { - return new fabric.Image.filters[filter.type](filter); - }), - instance = new fabric.Image.filters.Composed({ subFilters: subFilters }); - callback && callback(instance); - return instance; - }; -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - filters = fabric.Image.filters, - createClass = fabric.util.createClass; - - /** - * HueRotation filter class - * @class fabric.Image.filters.HueRotation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.HueRotation({ - * rotation: -0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.HueRotation = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.HueRotation.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'HueRotation', - + * Compile this filter's shader program. + * + * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. + * @param {String} fragmentSource fragmentShader source for compilation + * @param {String} vertexSource vertexShader source for compilation + */ + createProgram(gl, fragmentSource = this.fragmentSource, vertexSource = this.vertexSource) { + if (webGLProbe.webGLPrecision && + webGLProbe.webGLPrecision !== WebGLPrecision.high) { + fragmentSource = fragmentSource.replace(new RegExp(highPsourceCode, 'g'), highPsourceCode.replace(WebGLPrecision.high, webGLProbe.webGLPrecision)); + } + const vertexShader = gl.createShader(gl.VERTEX_SHADER); + const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + const program = gl.createProgram(); + if (!vertexShader || !fragmentShader || !program) { + throw new Error('Vertex, fragment shader or program creation error'); + } + gl.shaderSource(vertexShader, vertexSource); + gl.compileShader(vertexShader); + if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { + throw new Error(`Vertex shader compile error for ${this.type}: ${gl.getShaderInfoLog(vertexShader)}`); + } + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { + throw new Error(`Fragment shader compile error for ${this.type}: ${gl.getShaderInfoLog(fragmentShader)}`); + } + gl.attachShader(program, vertexShader); + gl.attachShader(program, fragmentShader); + gl.linkProgram(program); + if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Shader link error for "${this.type}" ' + gl.getProgramInfoLog(program)); + } + const uniformLocations = this.getUniformLocations(gl, program) || {}; + uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); + uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); + return { + program, + attributeLocations: this.getAttributeLocations(gl, program), + uniformLocations, + }; + } /** - * HueRotation value, from -1 to 1. - * the unit is radians - * @param {Number} myParameter - * @default + * Return a map of attribute names to WebGLAttributeLocation objects. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. + * @returns {Object} A map of attribute names to attribute locations. */ - rotation: 0, - + getAttributeLocations(gl, program) { + return { + aPosition: gl.getAttribLocation(program, 'aPosition'), + }; + } /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'rotation', - - calculateMatrix: function() { - var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), - aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; - this.matrix = [ - 1, 0, 0, 0, 0, - 0, 1, 0, 0, 0, - 0, 0, 1, 0, 0, - 0, 0, 0, 1, 0 - ]; - this.matrix[0] = cos + OneMinusCos / 3; - this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[6] = cos + aThird * OneMinusCos; - this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[12] = cos + aThird * OneMinusCos; - }, - + * Send attribute data from this filter to its shader program on the GPU. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {Object} attributeLocations A map of shader attribute names to their locations. + */ + sendAttributeData(gl, attributeLocations, aPositionData) { + const attributeLocation = attributeLocations.aPosition; + const buffer = gl.createBuffer(); + gl.bindBuffer(gl.ARRAY_BUFFER, buffer); + gl.enableVertexAttribArray(attributeLocation); + gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); + gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); + } + _setupFrameBuffer(options) { + const gl = options.context; + if (options.passes > 1) { + const width = options.destinationWidth; + const height = options.destinationHeight; + if (options.sourceWidth !== width || options.sourceHeight !== height) { + gl.deleteTexture(options.targetTexture); + options.targetTexture = options.filterBackend.createTexture(gl, width, height); + } + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, options.targetTexture, 0); + } + else { + // draw last filter on canvas and not to framebuffer. + gl.bindFramebuffer(gl.FRAMEBUFFER, null); + gl.finish(); + } + } + _swapTextures(options) { + options.passes--; + options.pass++; + const temp = options.targetTexture; + options.targetTexture = options.sourceTexture; + options.sourceTexture = temp; + } /** - * HueRotation isNeutralState implementation + * Generic isNeutral implementation for one parameter based filters. * Used only in image applyFilters to discard filters that will not have an effect * on the image + * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) * @param {Object} options **/ - isNeutralState: function(options) { - this.calculateMatrix(); - return filters.BaseFilter.prototype.isNeutralState.call(this, options); - }, - + isNeutralState( /* options */) { + const main = this.mainParameter, + // @ts-ignore ts you are lying + proto = this.__proto__; + if (main) { + if (Array.isArray(proto[main]) && Array.isArray(this[main])) { + return proto[main].every( + // @ts-ignore requires some kind of dynamic type thing, or delete, or leave it ignored + (value, i) => value === this[main][i]); + } + else { + return proto[main] === this[main]; + } + } + else { + return false; + } + } /** * Apply this filter to the input image data provided. * @@ -25746,417 +18773,3385 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * @param {WebGLRenderingContext} options.context The GL context used for rendering. * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. */ - applyTo: function(options) { - this.calculateMatrix(); - filters.BaseFilter.prototype.applyTo.call(this, options); - }, - - }); - - /** - * Returns filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @param {function} [callback] to be invoked after filter creation - * @return {fabric.Image.filters.HueRotation} Instance of fabric.Image.filters.HueRotation - */ - fabric.Image.filters.HueRotation.fromObject = fabric.Image.filters.BaseFilter.fromObject; - -})(typeof exports !== 'undefined' ? exports : this); - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = { }), - clone = fabric.util.object.clone; - - if (fabric.Text) { - fabric.warn('fabric.Text is already defined'); - return; - } - - var additionalProps = - ('fontFamily fontWeight fontSize text underline overline linethrough' + - ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + - ' direction path pathStartOffset pathSide pathAlign').split(' '); - - /** - * Text class - * @class fabric.Text - * @extends fabric.Object - * @return {fabric.Text} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} - * @see {@link fabric.Text#initialize} for constructor definition - */ - fabric.Text = fabric.util.createClass(fabric.Object, /** @lends fabric.Text.prototype */ { - + applyTo(options) { + if (isWebGLPipelineState(options)) { + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + } + else { + this.applyTo2d(options); + } + } /** - * Properties which when set cause object to change dimensions - * @type Array - * @private + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + * @return {WebGLProgram} the compiled program shader */ - _dimensionAffectingProps: [ - 'fontSize', - 'fontWeight', - 'fontFamily', - 'fontStyle', - 'lineHeight', - 'text', - 'charSpacing', - 'textAlign', - 'styles', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign' - ], - + retrieveShader(options) { + if (!options.programCache[this.type]) { + options.programCache[this.type] = this.createProgram(options.context); + } + return options.programCache[this.type]; + } /** - * @private + * Apply this filter using webgl. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.originalTexture The texture of the original input image. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. */ - _reNewline: /\r?\n/, - + applyToWebGL(options) { + const gl = options.context; + const shader = this.retrieveShader(options); + if (options.pass === 0 && options.originalTexture) { + gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); + } + else { + gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); + } + gl.useProgram(shader.program); + this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); + gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); + gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); + this.sendUniformData(gl, shader.uniformLocations); + gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); + gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); + } + bindAdditionalTexture(gl, texture, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, texture); + // reset active texture to 0 as usual + gl.activeTexture(gl.TEXTURE0); + } + unbindAdditionalTexture(gl, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.activeTexture(gl.TEXTURE0); + } + getMainParameter() { + return this.mainParameter ? this[this.mainParameter] : undefined; + } + setMainParameter(value) { + if (this.mainParameter) { + this[this.mainParameter] = value; + } + } /** - * Use this regular expression to filter for whitespaces that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private + * If needed by a 2d filter, this functions can create an helper canvas to be used + * remember that options.targetCanvas is available for use till end of chain. */ - _reSpacesAndTabs: /[ \t\r]/g, - + createHelpLayer(options) { + if (!options.helpLayer) { + const helpLayer = createCanvasElement(); + helpLayer.width = options.sourceWidth; + helpLayer.height = options.sourceHeight; + options.helpLayer = helpLayer; + } + } /** - * Use this regular expression to filter for whitespace that is not a new line. - * Mostly used when text is 'justify' aligned. - * @private + * Returns object representation of an instance + * @return {Object} Object representation of an instance */ - _reSpaceAndTab: /[ \t\r]/, - + toObject() { + const mainP = this.mainParameter; + return Object.assign({ type: this.type }, (mainP ? { [mainP]: this[mainP] } : {})); + } /** - * Use this regular expression to filter consecutive groups of non spaces. - * Mostly used when text is 'justify' aligned. - * @private + * Returns a JSON representation of an instance + * @return {Object} JSON */ - _reWords: /\S+/g, + toJSON() { + // delegate, not alias + return this.toObject(); + } +} +/** + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ +BaseFilter.fromObject = function (object) { + // todo: the class registry her + return Promise.resolve(new fabric$1.Image.filters[object.type](object)); +}; +Object.assign(BaseFilter.prototype, { + vertexSource: ` + attribute vec2 aPosition; + varying vec2 vTexCoord; + void main() { + vTexCoord = aPosition; + gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0); + }`, + fragmentSource: ` + ${highPsourceCode}; + varying vec2 vTexCoord; + uniform sampler2D uTexture; + void main() { + gl_FragColor = texture2D(uTexture, vTexCoord); + }`, +}); +fabric$1.Image.filters = { + BaseFilter, +}; +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Color Matrix filter class + * @class fabric.Image.filters.ColorMatrix + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} + * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} + * @example Kodachrome filter + * var filter = new fabric.Image.filters.ColorMatrix({ + * matrix: [ + 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, + -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, + -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, + 0, 0, 0, 1, 0 + ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.ColorMatrix = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.ColorMatrix.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'ColorMatrix', + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'uniform mat4 uColorMatrix;\n' + + 'uniform vec4 uConstants;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color *= uColorMatrix;\n' + + 'color += uConstants;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * Colormatrix for pixels. + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Array} matrix array of 20 numbers. + * @default + */ + matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], + mainParameter: 'matrix', + /** + * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario + * to save some calculation + * @type Boolean + * @default true + */ + colorsOnly: true, + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function (options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.matrix = this.matrix.slice(0); + }, + /** + * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, iLen = data.length, m = this.matrix, r, g, b, a, i, colorsOnly = this.colorsOnly; + for (i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + if (colorsOnly) { + data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; + data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; + data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; + } + else { + a = data[i + 3]; + data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; + data[i + 1] = + r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; + data[i + 2] = + r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; + data[i + 3] = + r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), + uConstants: gl.getUniformLocation(program, 'uConstants'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var m = this.matrix, matrix = [ + m[0], + m[1], + m[2], + m[3], + m[5], + m[6], + m[7], + m[8], + m[10], + m[11], + m[12], + m[13], + m[15], + m[16], + m[17], + m[18], + ], constants = [m[4], m[9], m[14], m[19]]; + gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); + gl.uniform4fv(uniformLocations.uConstants, constants); + }, + }); /** - * Type of an object - * @type String - * @default - */ - type: 'text', - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.ColorMatrix.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Brightness filter class + * @class fabric.Image.filters.Brightness + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Brightness({ + * brightness: 0.05 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Brightness = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Brightness.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Brightness', + /** + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uBrightness;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += uBrightness;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * Brightness value, from -1 to 1. + * translated to -255 to 255 for 2d + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Number} brightness + * @default + */ + brightness: 0, + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'brightness', + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.brightness === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, i, len = data.length, brightness = Math.round(this.brightness * 255); + for (i = 0; i < len; i += 4) { + data[i] = data[i] + brightness; + data[i + 1] = data[i + 1] + brightness; + data[i + 2] = data[i + 2] + brightness; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uBrightness: gl.getUniformLocation(program, 'uBrightness'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBrightness, this.brightness); + }, + }); /** - * Font size (in pixels) - * @type Number - * @default - */ - fontSize: 40, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Brightness.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Adapted from html5rocks article + * @class fabric.Image.filters.Convolute + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example Sharpen filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 0, -1, 0, + * -1, 5, -1, + * 0, -1, 0 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Blur filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter with opaqueness + * var filter = new fabric.Image.filters.Convolute({ + * opaque: true, + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Convolute = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Convolute.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Convolute', + /* + * Opaque value (true/false) + */ + opaque: false, + /* + * matrix for the filter, max 9x9 + */ + matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], + /** + * Fragment source for the brightness program + */ + fragmentSource: { + Convolute_3_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_3_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_5_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_5_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_7_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_7_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_9_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_9_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + }, + /** + * Constructor + * @memberOf fabric.Image.filters.Convolute.prototype + * @param {Object} [options] Options object + * @param {Boolean} [options.opaque=false] Opaque value (true/false) + * @param {Array} [options.matrix] Filter matrix + */ + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var size = Math.sqrt(this.matrix.length); + var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); + var shaderSource = this.fragmentSource[cacheKey]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, weights = this.matrix, side = Math.round(Math.sqrt(weights.length)), halfSide = Math.floor(side / 2), sw = imageData.width, sh = imageData.height, output = options.ctx.createImageData(sw, sh), dst = output.data, + // go through the destination image pixels + alphaFac = this.opaque ? 1 : 0, r, g, b, a, dstOff, scx, scy, srcOff, wt, x, y, cx, cy; + for (y = 0; y < sh; y++) { + for (x = 0; x < sw; x++) { + dstOff = (y * sw + x) * 4; + // calculate the weighed sum of the source image pixels that + // fall under the convolution matrix + r = 0; + g = 0; + b = 0; + a = 0; + for (cy = 0; cy < side; cy++) { + for (cx = 0; cx < side; cx++) { + scy = y + cy - halfSide; + scx = x + cx - halfSide; + // eslint-disable-next-line max-depth + if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { + continue; + } + srcOff = (scy * sw + scx) * 4; + wt = weights[cy * side + cx]; + r += data[srcOff] * wt; + g += data[srcOff + 1] * wt; + b += data[srcOff + 2] * wt; + // eslint-disable-next-line max-depth + if (!alphaFac) { + a += data[srcOff + 3] * wt; + } + } + } + dst[dstOff] = r; + dst[dstOff + 1] = g; + dst[dstOff + 2] = b; + if (!alphaFac) { + dst[dstOff + 3] = a; + } + else { + dst[dstOff + 3] = data[dstOff + 3]; + } + } + } + options.imageData = output; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uMatrix: gl.getUniformLocation(program, 'uMatrix'), + uOpaque: gl.getUniformLocation(program, 'uOpaque'), + uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), + uSize: gl.getUniformLocation(program, 'uSize'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1fv(uniformLocations.uMatrix, this.matrix); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return extend(this.callSuper('toObject'), { + opaque: this.opaque, + matrix: this.matrix, + }); + }, + }); /** - * Font weight (e.g. bold, normal, 400, 600, 800) - * @type {(Number|String)} - * @default - */ - fontWeight: 'normal', - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Convolute.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Grayscale image filter class + * @class fabric.Image.filters.Grayscale + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Grayscale(); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Grayscale = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Grayscale.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Grayscale', + fragmentSource: { + average: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float average = (color.r + color.b + color.g) / 3.0;\n' + + 'gl_FragColor = vec4(average, average, average, color.a);\n' + + '}', + lightness: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + luminosity: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + }, + /** + * Grayscale mode, between 'average', 'lightness', 'luminosity' + * @param {String} type + * @default + */ + mode: 'average', + mainParameter: 'mode', + /** + * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, i, len = data.length, value, mode = this.mode; + for (i = 0; i < len; i += 4) { + if (mode === 'average') { + value = (data[i] + data[i + 1] + data[i + 2]) / 3; + } + else if (mode === 'lightness') { + value = + (Math.min(data[i], data[i + 1], data[i + 2]) + + Math.max(data[i], data[i + 1], data[i + 2])) / + 2; + } + else if (mode === 'luminosity') { + value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; + } + data[i] = value; + data[i + 1] = value; + data[i + 2] = value; + } + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var cacheKey = this.type + '_' + this.mode; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var shaderSource = this.fragmentSource[this.mode]; + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uMode: gl.getUniformLocation(program, 'uMode'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + // default average mode. + var mode = 1; + gl.uniform1i(uniformLocations.uMode, mode); + }, + /** + * Grayscale filter isNeutralState implementation + * The filter is never neutral + * on the image + **/ + isNeutralState: function () { + return false; + }, + }); /** - * Font family - * @type String - * @default - */ - fontFamily: 'Times New Roman', - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Grayscale.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Invert filter class + * @class fabric.Image.filters.Invert + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Invert(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Invert = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Invert.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Invert', + /** + * Invert also alpha. + * @param {Boolean} alpha + * @default + **/ + alpha: false, + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uInvert;\n' + + 'uniform int uAlpha;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'if (uInvert == 1) {\n' + + 'if (uAlpha == 1) {\n' + + 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\n' + + '} else {\n' + + 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + + '}\n' + + '} else {\n' + + 'gl_FragColor = color;\n' + + '}\n' + + '}', + /** + * Filter invert. if false, does nothing + * @param {Boolean} invert + * @default + */ + invert: true, + mainParameter: 'invert', + /** + * Apply the Invert operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, i, len = data.length; + for (i = 0; i < len; i += 4) { + data[i] = 255 - data[i]; + data[i + 1] = 255 - data[i + 1]; + data[i + 2] = 255 - data[i + 2]; + if (this.alpha) { + data[i + 3] = 255 - data[i + 3]; + } + } + }, + /** + * Invert filter isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function () { + return !this.invert; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uInvert: gl.getUniformLocation(program, 'uInvert'), + uAlpha: gl.getUniformLocation(program, 'uAlpha'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1i(uniformLocations.uInvert, this.invert); + gl.uniform1i(uniformLocations.uAlpha, this.alpha); + }, + }); /** - * Text decoration underline. - * @type Boolean - * @default - */ - underline: false, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Invert.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Noise filter class + * @class fabric.Image.filters.Noise + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Noise({ + * noise: 700 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Noise = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Noise.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Noise', + /** + * Fragment source for the noise program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uStepH;\n' + + 'uniform float uNoise;\n' + + 'uniform float uSeed;\n' + + 'varying vec2 vTexCoord;\n' + + 'float rand(vec2 co, float seed, float vScale) {\n' + + 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'noise', + /** + * Noise value, from + * @param {Number} noise + * @default + */ + noise: 0, + /** + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.noise === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, i, len = data.length, noise = this.noise, rand; + for (i = 0, len = data.length; i < len; i += 4) { + rand = (0.5 - Math.random()) * noise; + data[i] += rand; + data[i + 1] += rand; + data[i + 2] += rand; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uNoise: gl.getUniformLocation(program, 'uNoise'), + uSeed: gl.getUniformLocation(program, 'uSeed'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uNoise, this.noise / 255); + gl.uniform1f(uniformLocations.uSeed, Math.random()); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return extend(this.callSuper('toObject'), { + noise: this.noise, + }); + }, + }); /** - * Text decoration overline. - * @type Boolean - * @default - */ - overline: false, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Noise.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Pixelate filter class + * @class fabric.Image.filters.Pixelate + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Pixelate({ + * blocksize: 8 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Pixelate = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Pixelate.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Pixelate', + blocksize: 4, + mainParameter: 'blocksize', + /** + * Fragment source for the Pixelate program + */ + fragmentSource: '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 * uStepW;\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' + + '}', + /** + * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, iLen = imageData.height, jLen = imageData.width, index, i, j, r, g, b, a, _i, _j, _iLen, _jLen; + for (i = 0; i < iLen; i += this.blocksize) { + for (j = 0; j < jLen; j += this.blocksize) { + index = i * 4 * jLen + j * 4; + r = data[index]; + g = data[index + 1]; + b = data[index + 2]; + a = data[index + 3]; + _iLen = Math.min(i + this.blocksize, iLen); + _jLen = Math.min(j + this.blocksize, jLen); + for (_i = i; _i < _iLen; _i++) { + for (_j = j; _j < _jLen; _j++) { + index = _i * 4 * jLen + _j * 4; + data[index] = r; + data[index + 1] = g; + data[index + 2] = b; + data[index + 3] = a; + } + } + } + } + }, + /** + * Indicate when the filter is not gonna apply changes to the image + **/ + isNeutralState: function () { + return this.blocksize === 1; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), + uStepW: gl.getUniformLocation(program, 'uStepW'), + uStepH: gl.getUniformLocation(program, 'uStepH'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); + }, + }); /** - * Text decoration linethrough. - * @type Boolean - * @default - */ - linethrough: false, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Pixelate.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Remove white filter class + * @class fabric.Image.filters.RemoveColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.RemoveColor({ + * threshold: 0.2, + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.RemoveColor = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.RemoveColor.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'RemoveColor', + /** + * Color to remove, in any format understood by fabric.Color. + * @param {String} type + * @default + */ + color: '#FFFFFF', + /** + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uLow;\n' + + 'uniform vec4 uHigh;\n' + + 'varying vec2 vTexCoord;\n' + + 'void 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' + + '}', + /** + * distance to actual color, as value up or down from each r,g,b + * between 0 and 1 + **/ + distance: 0.02, + /** + * For color to remove inside distance, use alpha channel for a smoother deletion + * NOT IMPLEMENTED YET + **/ + useAlpha: false, + /** + * Constructor + * @memberOf fabric.Image.filters.RemoveWhite.prototype + * @param {Object} [options] Options object + * @param {Number} [options.color=#RRGGBB] Threshold value + * @param {Number} [options.distance=10] Distance value + */ + /** + * Applies filter to canvas element + * @param {Object} canvasEl Canvas element to apply filter to + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, i, distance = this.distance * 255, r, g, b, source = new Color(this.color).getSource(), lowC = [ + source[0] - distance, + source[1] - distance, + source[2] - distance, + ], highC = [ + source[0] + distance, + source[1] + distance, + source[2] + distance, + ]; + for (i = 0; i < data.length; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + if (r > lowC[0] && + g > lowC[1] && + b > lowC[2] && + r < highC[0] && + g < highC[1] && + b < highC[2]) { + data[i + 3] = 0; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uLow: gl.getUniformLocation(program, 'uLow'), + uHigh: gl.getUniformLocation(program, 'uHigh'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var source = new Color(this.color).getSource(), distance = parseFloat(this.distance), lowC = [ + 0 + source[0] / 255 - distance, + 0 + source[1] / 255 - distance, + 0 + source[2] / 255 - distance, + 1, + ], highC = [ + source[0] / 255 + distance, + source[1] / 255 + distance, + source[2] / 255 + distance, + 1, + ]; + gl.uniform4fv(uniformLocations.uLow, lowC); + gl.uniform4fv(uniformLocations.uHigh, highC); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return extend(this.callSuper('toObject'), { + color: this.color, + distance: this.distance, + }); + }, + }); /** - * Text alignment. Possible values: "left", "center", "right", "justify", - * "justify-left", "justify-center" or "justify-right". - * @type String - * @default - */ - textAlign: 'left', + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.RemoveColor.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + var matrices = { + Brownie: [ + 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, + -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0, + ], + Vintage: [ + 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0, + 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0, + ], + Kodachrome: [ + 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0, + 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0, + ], + Technicolor: [ + 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0, + -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0, + ], + Polaroid: [ + 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016, + 1.483, 0, 0, 0, 0, 0, 1, 0, + ], + Sepia: [ + 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, + 0, 0, 0, 0, 0, 1, 0, + ], + BlackWhite: [ + 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0, + 1, 0, + ], + }; + for (var key in matrices) { + filters[key] = createClass(filters.ColorMatrix, + /** @lends fabric.Image.filters.Sepia.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: key, + /** + * Colormatrix for the effect + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * @param {Array} matrix array of 20 numbers. + * @default + */ + matrix: matrices[key], + /** + * Lock the matrix export for this kind of static, parameter less filters. + */ + mainParameter: false, + /** + * Lock the colormatrix on the color part, skipping alpha + */ + colorsOnly: true, + }); + fabric.Image.filters[key].fromObject = + fabric.Image.filters.BaseFilter.fromObject; + } +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +(function (global) { + var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Font style . Possible values: "", "normal", "italic" or "oblique". - * @type String - * @default - */ - fontStyle: 'normal', - + * Color Blend filter class + * @class fabric.Image.filter.BlendColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' + * }); + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.BlendColor = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Blend.prototype */ { + type: 'BlendColor', + /** + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + * @type String + * @default + **/ + color: '#F95C63', + /** + * Blend mode for the filter: one of multiply, add, diff, screen, subtract, + * darken, lighten, overlay, exclusion, tint. + * @type String + * @default + **/ + mode: 'multiply', + /** + * alpha value. represent the strength of the blend color operation. + * @type Number + * @default + **/ + alpha: 1, + /** + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', + screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', + add: 'gl_FragColor.rgb += uColor.rgb;\n', + diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', + subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', + lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', + darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', + exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', + overlay: 'if (uColor.r < 0.5) {\n' + + 'gl_FragColor.r *= 2.0 * uColor.r;\n' + + '} else {\n' + + 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + + '}\n' + + 'if (uColor.g < 0.5) {\n' + + 'gl_FragColor.g *= 2.0 * uColor.g;\n' + + '} else {\n' + + 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + + '}\n' + + 'if (uColor.b < 0.5) {\n' + + 'gl_FragColor.b *= 2.0 * uColor.b;\n' + + '} else {\n' + + 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + + '}\n', + tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + + 'gl_FragColor.rgb += uColor.rgb;\n', + }, + /** + * build the fragment source for the filters, joining the common part with + * the specific one. + * @param {String} mode the mode of the filter, a key of this.fragmentSource + * @return {String} the source to be compiled + * @private + */ + buildSource: function (mode) { + return ('precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'gl_FragColor = color;\n' + + 'if (color.a > 0.0) {\n' + + this.fragmentSource[mode] + + '}\n' + + '}'); + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var cacheKey = this.type + '_' + this.mode, shaderSource; + if (!options.programCache.hasOwnProperty(cacheKey)) { + shaderSource = this.buildSource(this.mode); + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, iLen = data.length, tr, tg, tb, r, g, b, source, alpha1 = 1 - this.alpha; + source = new Color(this.color).getSource(); + tr = source[0] * this.alpha; + tg = source[1] * this.alpha; + tb = source[2] * this.alpha; + for (var i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + switch (this.mode) { + case 'multiply': + data[i] = (r * tr) / 255; + data[i + 1] = (g * tg) / 255; + data[i + 2] = (b * tb) / 255; + break; + case 'screen': + data[i] = 255 - ((255 - r) * (255 - tr)) / 255; + data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255; + data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255; + break; + case 'add': + data[i] = r + tr; + data[i + 1] = g + tg; + data[i + 2] = b + tb; + break; + case 'diff': + case 'difference': + data[i] = Math.abs(r - tr); + data[i + 1] = Math.abs(g - tg); + data[i + 2] = Math.abs(b - tb); + break; + case 'subtract': + data[i] = r - tr; + data[i + 1] = g - tg; + data[i + 2] = b - tb; + break; + case 'darken': + data[i] = Math.min(r, tr); + data[i + 1] = Math.min(g, tg); + data[i + 2] = Math.min(b, tb); + break; + case 'lighten': + data[i] = Math.max(r, tr); + data[i + 1] = Math.max(g, tg); + data[i + 2] = Math.max(b, tb); + break; + case 'overlay': + data[i] = + tr < 128 + ? (2 * r * tr) / 255 + : 255 - (2 * (255 - r) * (255 - tr)) / 255; + data[i + 1] = + tg < 128 + ? (2 * g * tg) / 255 + : 255 - (2 * (255 - g) * (255 - tg)) / 255; + data[i + 2] = + tb < 128 + ? (2 * b * tb) / 255 + : 255 - (2 * (255 - b) * (255 - tb)) / 255; + break; + case 'exclusion': + data[i] = tr + r - (2 * tr * r) / 255; + data[i + 1] = tg + g - (2 * tg * g) / 255; + data[i + 2] = tb + b - (2 * tb * b) / 255; + break; + case 'tint': + data[i] = tr + r * alpha1; + data[i + 1] = tg + g * alpha1; + data[i + 2] = tb + b * alpha1; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uColor: gl.getUniformLocation(program, 'uColor'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var source = new Color(this.color).getSource(); + source[0] = (this.alpha * source[0]) / 255; + source[1] = (this.alpha * source[1]) / 255; + source[2] = (this.alpha * source[2]) / 255; + source[3] = this.alpha; + gl.uniform4fv(uniformLocations.uColor, source); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return { + type: this.type, + color: this.color, + mode: this.mode, + alpha: this.alpha, + }; + }, + }); /** - * Line height - * @type Number - * @default + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - lineHeight: 1.16, + fabric.Image.filters.BlendColor.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +(function (global) { + var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Superscript schema object (minimum overlap) - * @type {Object} - * @default - */ - superscript: { - size: 0.60, // fontSize factor - baseline: -0.35 // baseline-shift factor (upwards) - }, - + * Image Blend filter class + * @class fabric.Image.filter.BlendImage + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' + * }); + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.BlendImage = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.BlendImage.prototype */ { + type: 'BlendImage', + /** + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + **/ + image: null, + /** + * Blend mode for the filter (one of "multiply", "mask") + * @type String + * @default + **/ + mode: 'multiply', + /** + * alpha value. represent the strength of the blend image operation. + * not implemented. + **/ + alpha: 1, + vertexSource: 'attribute vec2 aPosition;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'uniform mat3 uTransformMatrix;\n' + + 'void main() {\n' + + 'vTexCoord = aPosition;\n' + + 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + + 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + + '}', + /** + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.rgba *= color2.rgba;\n' + + 'gl_FragColor = color;\n' + + '}', + mask: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.a = color2.a;\n' + + 'gl_FragColor = color;\n' + + '}', + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var cacheKey = this.type + '_' + this.mode; + var shaderSource = this.fragmentSource[this.mode]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + applyToWebGL: function (options) { + // load texture to blend. + var gl = options.context, texture = this.createTexture(options.filterBackend, this.image); + this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); + this.callSuper('applyToWebGL', options); + this.unbindAdditionalTexture(gl, gl.TEXTURE1); + }, + createTexture: function (backend, image) { + return backend.getCachedTexture(image.cacheKey, image._element); + }, + /** + * Calculate a transformMatrix to adapt the image to blend over + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + calculateMatrix: function () { + var image = this.image, width = image._element.width, height = image._element.height; + return [ + 1 / image.scaleX, + 0, + 0, + 0, + 1 / image.scaleY, + 0, + -image.left / width, + -image.top / height, + 1, + ]; + }, + /** + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, resources = options.filterBackend.resources, data = imageData.data, iLen = data.length, width = imageData.width, height = imageData.height, tr, tg, tb, ta, r, g, b, a, canvas1, context, image = this.image, blendData; + if (!resources.blendImage) { + resources.blendImage = fabric.util.createCanvasElement(); + } + canvas1 = resources.blendImage; + context = canvas1.getContext('2d'); + if (canvas1.width !== width || canvas1.height !== height) { + canvas1.width = width; + canvas1.height = height; + } + else { + context.clearRect(0, 0, width, height); + } + context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); + context.drawImage(image._element, 0, 0, width, height); + blendData = context.getImageData(0, 0, width, height).data; + for (var i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + a = data[i + 3]; + tr = blendData[i]; + tg = blendData[i + 1]; + tb = blendData[i + 2]; + ta = blendData[i + 3]; + switch (this.mode) { + case 'multiply': + data[i] = (r * tr) / 255; + data[i + 1] = (g * tg) / 255; + data[i + 2] = (b * tb) / 255; + data[i + 3] = (a * ta) / 255; + break; + case 'mask': + data[i + 3] = ta; + break; + } + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), + uImage: gl.getUniformLocation(program, 'uImage'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var matrix = this.calculateMatrix(); + gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. + gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return { + type: this.type, + image: this.image && this.image.toObject(), + mode: this.mode, + alpha: this.alpha, + }; + }, + }); /** - * Subscript schema object (minimum overlap) - * @type {Object} - * @default - */ - subscript: { - size: 0.60, // fontSize factor - baseline: 0.11 // baseline-shift factor (downwards) - }, + * Create filter instance from an object representation + * @static + * @param {object} object Object to create an instance from + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.filters.BlendImage.fromObject = function (object, options) { + return fabric.Image.fromObject(object.image, options).then(function (image) { + return new fabric.Image.filters.BlendImage(Object.assign({}, object, { image: image })); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), pow = Math.pow, floor = Math.floor, sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, ceil = Math.ceil, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Background color of text lines - * @type String - * @default - */ - textBackgroundColor: '', - + * Resize image filter class + * @class fabric.Image.filters.Resize + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Resize(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Resize = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Resize.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Resize', + /** + * Resize type + * for webgl resizeType is just lanczos, for canvas2d can be: + * bilinear, hermite, sliceHack, lanczos. + * @param {String} resizeType + * @default + */ + resizeType: 'hermite', + /** + * Scale factor for resizing, x axis + * @param {Number} scaleX + * @default + */ + scaleX: 1, + /** + * Scale factor for resizing, y axis + * @param {Number} scaleY + * @default + */ + scaleY: 1, + /** + * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos + * @param {Number} lanczosLobes + * @default + */ + lanczosLobes: 3, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uDelta: gl.getUniformLocation(program, 'uDelta'), + uTaps: gl.getUniformLocation(program, 'uTaps'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); + gl.uniform1fv(uniformLocations.uTaps, this.taps); + }, + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function (options) { + var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var fragmentShader = this.generateShader(filterWindow); + options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); + } + return options.programCache[cacheKey]; + }, + getFilterWindow: function () { + var scale = this.tempScale; + return Math.ceil(this.lanczosLobes / scale); + }, + getTaps: function () { + var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); + for (var i = 1; i <= filterWindow; i++) { + taps[i - 1] = lobeFunction(i * scale); + } + return taps; + }, + /** + * Generate vertex and shader sources from the necessary steps numbers + * @param {Number} filterWindow + */ + generateShader: function (filterWindow) { + var offsets = new Array(filterWindow), fragmentShader = this.fragmentSourceTOP, filterWindow; + for (var i = 1; i <= filterWindow; i++) { + offsets[i - 1] = i + '.0 * uDelta'; + } + fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; + fragmentShader += 'void main() {\n'; + fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; + fragmentShader += ' float sum = 1.0;\n'; + offsets.forEach(function (offset, i) { + fragmentShader += + ' color += texture2D(uTexture, vTexCoord + ' + + offset + + ') * uTaps[' + + i + + '];\n'; + fragmentShader += + ' color += texture2D(uTexture, vTexCoord - ' + + offset + + ') * uTaps[' + + i + + '];\n'; + fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; + }); + fragmentShader += ' gl_FragColor = color / sum;\n'; + fragmentShader += '}'; + return fragmentShader; + }, + fragmentSourceTOP: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n', + /** + * Apply the resize filter to the image + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function (options) { + if (options.webgl) { + options.passes++; + this.width = options.sourceWidth; + this.horizontal = true; + this.dW = Math.round(this.width * this.scaleX); + this.dH = options.sourceHeight; + this.tempScale = this.dW / this.width; + this.taps = this.getTaps(); + options.destinationWidth = this.dW; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceWidth = options.destinationWidth; + this.height = options.sourceHeight; + this.horizontal = false; + this.dH = Math.round(this.height * this.scaleY); + this.tempScale = this.dH / this.height; + this.taps = this.getTaps(); + options.destinationHeight = this.dH; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceHeight = options.destinationHeight; + } + else { + this.applyTo2d(options); + } + }, + isNeutralState: function () { + return this.scaleX === 1 && this.scaleY === 1; + }, + lanczosCreate: function (lobes) { + return function (x) { + if (x >= lobes || x <= -lobes) { + return 0.0; + } + if (x < 1.1920929e-7 && x > -1.1920929e-7) { + return 1.0; + } + x *= Math.PI; + var xx = x / lobes; + return ((sin(x) / x) * sin(xx)) / xx; + }; + }, + /** + * Applies filter to canvas element + * @memberOf fabric.Image.filters.Resize.prototype + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} scaleX + * @param {Number} scaleY + */ + applyTo2d: function (options) { + var imageData = options.imageData, scaleX = this.scaleX, scaleY = this.scaleY; + this.rcpScaleX = 1 / scaleX; + this.rcpScaleY = 1 / scaleY; + var oW = imageData.width, oH = imageData.height, dW = round(oW * scaleX), dH = round(oH * scaleY), newData; + if (this.resizeType === 'sliceHack') { + newData = this.sliceByTwo(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'hermite') { + newData = this.hermiteFastResize(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'bilinear') { + newData = this.bilinearFiltering(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'lanczos') { + newData = this.lanczosResize(options, oW, oH, dW, dH); + } + options.imageData = newData; + }, + /** + * Filter sliceByTwo + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + sliceByTwo: function (options, oW, oH, dW, dH) { + var imageData = options.imageData, mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, stepH = oH * mult, resources = fabric.filterBackend.resources, tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; + if (!resources.sliceByTwo) { + resources.sliceByTwo = document.createElement('canvas'); + } + tmpCanvas = resources.sliceByTwo; + if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { + tmpCanvas.width = oW * 1.5; + tmpCanvas.height = oH; + } + ctx = tmpCanvas.getContext('2d'); + ctx.clearRect(0, 0, oW * 1.5, oH); + ctx.putImageData(imageData, 0, 0); + dW = floor(dW); + dH = floor(dH); + while (!doneW || !doneH) { + oW = stepW; + oH = stepH; + if (dW < floor(stepW * mult)) { + stepW = floor(stepW * mult); + } + else { + stepW = dW; + doneW = true; + } + if (dH < floor(stepH * mult)) { + stepH = floor(stepH * mult); + } + else { + stepH = dH; + doneH = true; + } + ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); + sX = dX; + sY = dY; + dY += stepH; + } + return ctx.getImageData(sX, sY, dW, dH); + }, + /** + * Filter lanczosResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + lanczosResize: function (options, oW, oH, dW, dH) { + function process(u) { + var v, i, weight, idx, a, red, green, blue, alpha, fX, fY; + center.x = (u + 0.5) * ratioX; + icenter.x = floor(center.x); + for (v = 0; v < dH; v++) { + center.y = (v + 0.5) * ratioY; + icenter.y = floor(center.y); + a = 0; + red = 0; + green = 0; + blue = 0; + alpha = 0; + for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { + if (i < 0 || i >= oW) { + continue; + } + fX = floor(1000 * abs(i - center.x)); + if (!cacheLanc[fX]) { + cacheLanc[fX] = {}; + } + for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { + if (j < 0 || j >= oH) { + continue; + } + fY = floor(1000 * abs(j - center.y)); + if (!cacheLanc[fX][fY]) { + cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); + } + weight = cacheLanc[fX][fY]; + if (weight > 0) { + idx = (j * oW + i) * 4; + a += weight; + red += weight * srcData[idx]; + green += weight * srcData[idx + 1]; + blue += weight * srcData[idx + 2]; + alpha += weight * srcData[idx + 3]; + } + } + } + idx = (v * dW + u) * 4; + destData[idx] = red / a; + destData[idx + 1] = green / a; + destData[idx + 2] = blue / a; + destData[idx + 3] = alpha / a; + } + if (++u < dW) { + return process(u); + } + else { + return destImg; + } + } + var srcData = options.imageData.data, destImg = options.ctx.createImageData(dW, dH), destData = destImg.data, lanczos = this.lanczosCreate(this.lanczosLobes), ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, range2X = ceil((ratioX * this.lanczosLobes) / 2), range2Y = ceil((ratioY * this.lanczosLobes) / 2), cacheLanc = {}, center = {}, icenter = {}; + return process(0); + }, + /** + * bilinearFiltering + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + bilinearFiltering: function (options, oW, oH, dW, dH) { + var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, color, offset = 0, origPix, ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, w4 = 4 * (oW - 1), img = options.imageData, pixels = img.data, destImage = options.ctx.createImageData(dW, dH), destPixels = destImage.data; + for (i = 0; i < dH; i++) { + for (j = 0; j < dW; j++) { + x = floor(ratioX * j); + y = floor(ratioY * i); + xDiff = ratioX * j - x; + yDiff = ratioY * i - y; + origPix = 4 * (y * oW + x); + for (chnl = 0; chnl < 4; chnl++) { + a = pixels[origPix + chnl]; + b = pixels[origPix + 4 + chnl]; + c = pixels[origPix + w4 + chnl]; + d = pixels[origPix + w4 + 4 + chnl]; + color = + a * (1 - xDiff) * (1 - yDiff) + + b * xDiff * (1 - yDiff) + + c * yDiff * (1 - xDiff) + + d * xDiff * yDiff; + destPixels[offset++] = color; + } + } + } + return destImage; + }, + /** + * hermiteFastResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + hermiteFastResize: function (options, oW, oH, dW, dH) { + var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, ratioWHalf = ceil(ratioW / 2), ratioHHalf = ceil(ratioH / 2), img = options.imageData, data = img.data, img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; + for (var j = 0; j < dH; j++) { + for (var i = 0; i < dW; i++) { + var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; + for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { + var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, centerX = (i + 0.5) * ratioW, w0 = dy * dy; + for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { + var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, w = sqrt(w0 + dx * dx); + /* eslint-disable max-depth */ + if (w > 1 && w < -1) { + continue; + } + //hermite filter + weight = 2 * w * w * w - 3 * w * w + 1; + if (weight > 0) { + dx = 4 * (xx + yy * oW); + //alpha + gxA += weight * data[dx + 3]; + weightsAlpha += weight; + //colors + if (data[dx + 3] < 255) { + weight = (weight * data[dx + 3]) / 250; + } + gxR += weight * data[dx]; + gxG += weight * data[dx + 1]; + gxB += weight * data[dx + 2]; + weights += weight; + } + /* eslint-enable max-depth */ + } + } + data2[x2] = gxR / weights; + data2[x2 + 1] = gxG / weights; + data2[x2 + 2] = gxB / weights; + data2[x2 + 3] = gxA / weightsAlpha; + } + } + return img2; + }, + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function () { + return { + type: this.type, + scaleX: this.scaleX, + scaleY: this.scaleY, + resizeType: this.resizeType, + lanczosLobes: this.lanczosLobes, + }; + }, + }); /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: fabric.Object.prototype.stateProperties.concat(additionalProps), - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Resize.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Contrast filter class + * @class fabric.Image.filters.Contrast + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Contrast({ + * contrast: 0.25 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Contrast = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Contrast.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Contrast', + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uContrast;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + + 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + + 'gl_FragColor = color;\n' + + '}', + /** + * contrast value, range from -1 to 1. + * @param {Number} contrast + * @default 0 + */ + contrast: 0, + mainParameter: 'contrast', + /** + * Constructor + * @memberOf fabric.Image.filters.Contrast.prototype + * @param {Object} [options] Options object + * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) + */ + /** + * Apply the Contrast operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + if (this.contrast === 0) { + return; + } + var imageData = options.imageData, i, len, data = imageData.data, len = data.length, contrast = Math.floor(this.contrast * 255), contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast)); + for (i = 0; i < len; i += 4) { + data[i] = contrastF * (data[i] - 128) + 128; + data[i + 1] = contrastF * (data[i + 1] - 128) + 128; + data[i + 2] = contrastF * (data[i + 2] - 128) + 128; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uContrast: gl.getUniformLocation(program, 'uContrast'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uContrast, this.contrast); + }, + }); /** - * List of properties to consider when checking if cache needs refresh - * @type Array - */ - cacheProperties: fabric.Object.prototype.cacheProperties.concat(additionalProps), - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Contrast.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Saturate filter class + * @class fabric.Image.filters.Saturation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Saturation({ + * saturation: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Saturation = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Saturation.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Saturation', + fragmentSource: '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' + + '}', + /** + * Saturation value, from -1 to 1. + * Increases/decreases the color saturation. + * A value of 0 has no effect. + * + * @param {Number} saturation + * @default + */ + saturation: 0, + mainParameter: 'saturation', + /** + * Constructor + * @memberOf fabric.Image.filters.Saturate.prototype + * @param {Object} [options] Options object + * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) + */ + /** + * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.saturation === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.saturation, i, max; + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uSaturation: gl.getUniformLocation(program, 'uSaturation'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uSaturation, -this.saturation); + }, + }); /** - * When defined, an object is rendered via stroke and this property specifies its color. - * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 - * @type String - * @default - */ - stroke: null, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Saturation.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Vibrance filter class + * @class fabric.Image.filters.Vibrance + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Vibrance({ + * vibrance: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Vibrance = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Vibrance.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Vibrance', + fragmentSource: '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' + + '}', + /** + * Vibrance value, from -1 to 1. + * Increases/decreases the saturation of more muted colors with less effect on saturated colors. + * A value of 0 has no effect. + * + * @param {Number} vibrance + * @default + */ + vibrance: 0, + mainParameter: 'vibrance', + /** + * Constructor + * @memberOf fabric.Image.filters.Vibrance.prototype + * @param {Object} [options] Options object + * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) + */ + /** + * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function (options) { + if (this.vibrance === 0) { + return; + } + var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.vibrance, i, max, avg, amt; + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + avg = (data[i] + data[i + 1] + data[i + 2]) / 3; + amt = ((Math.abs(max - avg) * 2) / 255) * adjust; + data[i] += max !== data[i] ? (max - data[i]) * amt : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uVibrance: gl.getUniformLocation(program, 'uVibrance'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); + }, + }); /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 - * @type fabric.Shadow - * @default - */ - shadow: null, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Vibrance.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Blur filter class + * @class fabric.Image.filters.Blur + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Blur({ + * blur: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Blur = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Blur.prototype */ { + type: 'Blur', + /* + 'gl_FragColor = vec4(0.0);', + 'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', + 'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', + 'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', + 'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', + 'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', + 'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', + 'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', + 'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', + 'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', + 'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', + 'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', + 'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', + 'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', + 'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', + 'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', + */ + /* eslint-disable max-len */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n' + + 'const float nSamples = 15.0;\n' + + 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + + 'float random(vec3 scale) {\n' + + /* use the fragment position for a different seed per-pixel */ + 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = vec4(0.0);\n' + + 'float total = 0.0;\n' + + 'float offset = random(v3offset);\n' + + 'for (float t = -nSamples; t <= nSamples; t++) {\n' + + 'float percent = (t + offset - 0.5) / nSamples;\n' + + 'float weight = 1.0 - abs(percent);\n' + + 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + + 'total += weight;\n' + + '}\n' + + 'gl_FragColor = color / total;\n' + + '}', + /* eslint-enable max-len */ + /** + * blur value, in percentage of image dimensions. + * specific to keep the image blur constant at different resolutions + * range between 0 and 1. + * @type Number + * @default + */ + blur: 0, + mainParameter: 'blur', + applyTo: function (options) { + if (options.webgl) { + // this aspectRatio is used to give the same blur to vertical and horizontal + this.aspectRatio = options.sourceWidth / options.sourceHeight; + options.passes++; + this._setupFrameBuffer(options); + this.horizontal = true; + this.applyToWebGL(options); + this._swapTextures(options); + this._setupFrameBuffer(options); + this.horizontal = false; + this.applyToWebGL(options); + this._swapTextures(options); + } + else { + this.applyTo2d(options); + } + }, + applyTo2d: function (options) { + // paint canvasEl with current image data. + //options.ctx.putImageData(options.imageData, 0, 0); + options.imageData = this.simpleBlur(options); + }, + simpleBlur: function (options) { + var resources = options.filterBackend.resources, canvas1, canvas2, width = options.imageData.width, height = options.imageData.height; + if (!resources.blurLayer1) { + resources.blurLayer1 = fabric.util.createCanvasElement(); + resources.blurLayer2 = fabric.util.createCanvasElement(); + } + canvas1 = resources.blurLayer1; + canvas2 = resources.blurLayer2; + if (canvas1.width !== width || canvas1.height !== height) { + canvas2.width = canvas1.width = width; + canvas2.height = canvas1.height = height; + } + var ctx1 = canvas1.getContext('2d'), ctx2 = canvas2.getContext('2d'), nSamples = 15, random, percent, j, i, blur = this.blur * 0.06 * 0.5; + // load first canvas + ctx1.putImageData(options.imageData, 0, 0); + ctx2.clearRect(0, 0, width, height); + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * width + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, j, random); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * height + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, random, j); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + options.ctx.drawImage(canvas1, 0, 0); + var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); + ctx1.globalAlpha = 1; + ctx1.clearRect(0, 0, canvas1.width, canvas1.height); + return newImageData; + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + delta: gl.getUniformLocation(program, 'uDelta'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + var delta = this.chooseRightDelta(); + gl.uniform2fv(uniformLocations.delta, delta); + }, + /** + * choose right value of image percentage to blur with + * @returns {Array} a numeric array with delta values + */ + chooseRightDelta: function () { + var blurScale = 1, delta = [0, 0], blur; + if (this.horizontal) { + if (this.aspectRatio > 1) { + // image is wide, i want to shrink radius horizontal + blurScale = 1 / this.aspectRatio; + } + } + else { + if (this.aspectRatio < 1) { + // image is tall, i want to shrink radius vertical + blurScale = this.aspectRatio; + } + } + blur = blurScale * this.blur * 0.12; + if (this.horizontal) { + delta[0] = blur; + } + else { + delta[1] = blur; + } + return delta; + }, + }); /** - * fabric.Path that the text should follow. - * since 4.6.0 the path will be drawn automatically. - * if you want to make the path visible, give it a stroke and strokeWidth or fill value - * if you want it to be hidden, assign visible = false to the path. - * This feature is in BETA, and SVG import/export is not yet supported. - * @type fabric.Path + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * Gamma filter class + * @class fabric.Image.filters.Gamma + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} * @example - * var textPath = new fabric.Text('Text on a path', { - * top: 150, - * left: 150, - * textAlign: 'center', - * charSpacing: -50, - * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { - * strokeWidth: 1, - * visible: false - * }), - * pathSide: 'left', - * pathStartOffset: 0 + * var filter = new fabric.Image.filters.Gamma({ + * gamma: [1, 0.5, 2.1] * }); - * @default - */ - path: null, - + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Gamma = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Gamma.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Gamma', + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec3 uGamma;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec3 correction = (1.0 / uGamma);\n' + + 'color.r = pow(color.r, correction.r);\n' + + 'color.g = pow(color.g, correction.g);\n' + + 'color.b = pow(color.b, correction.b);\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.rgb *= color.a;\n' + + '}', + /** + * Gamma array value, from 0.01 to 2.2. + * @param {Array} gamma + * @default + */ + gamma: [1, 1, 1], + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'gamma', + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function (options) { + this.gamma = [1, 1, 1]; + filters.BaseFilter.prototype.initialize.call(this, options); + }, + /** + * Apply the Gamma operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function (options) { + var imageData = options.imageData, data = imageData.data, gamma = this.gamma, len = data.length, rInv = 1 / gamma[0], gInv = 1 / gamma[1], bInv = 1 / gamma[2], i; + if (!this.rVals) { + // eslint-disable-next-line + this.rVals = new Uint8Array(256); + // eslint-disable-next-line + this.gVals = new Uint8Array(256); + // eslint-disable-next-line + this.bVals = new Uint8Array(256); + } + // This is an optimization - pre-compute a look-up table for each color channel + // instead of performing these pow calls for each pixel in the image. + for (i = 0, len = 256; i < len; i++) { + this.rVals[i] = Math.pow(i / 255, rInv) * 255; + this.gVals[i] = Math.pow(i / 255, gInv) * 255; + this.bVals[i] = Math.pow(i / 255, bInv) * 255; + } + for (i = 0, len = data.length; i < len; i += 4) { + data[i] = this.rVals[data[i]]; + data[i + 1] = this.gVals[data[i + 1]]; + data[i + 2] = this.bVals[data[i + 2]]; + } + }, + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function (gl, program) { + return { + uGamma: gl.getUniformLocation(program, 'uGamma'), + }; + }, + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function (gl, uniformLocations) { + gl.uniform3fv(uniformLocations.uGamma, this.gamma); + }, + }); /** - * Offset amount for text path starting position - * Only used when text has a path - * @type Number - * @default - */ - pathStartOffset: 0, - + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + fabric.Image.filters.Gamma.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * A container class that knows how to apply a sequence of filters to an input image. + */ + filters.Composed = createClass(filters.BaseFilter, + /** @lends fabric.Image.filters.Composed.prototype */ { + type: 'Composed', + /** + * A non sparse array of filters to apply + */ + subFilters: [], + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function (options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.subFilters = this.subFilters.slice(0); + }, + /** + * Apply this container's filters to the input image provided. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be applied. + */ + applyTo: function (options) { + options.passes += this.subFilters.length - 1; + this.subFilters.forEach(function (filter) { + filter.applyTo(options); + }); + }, + /** + * Serialize this filter into JSON. + * + * @returns {Object} A JSON representation of this filter. + */ + toObject: function () { + return fabric.util.object.extend(this.callSuper('toObject'), { + subFilters: this.subFilters.map(function (filter) { + return filter.toObject(); + }), + }); + }, + isNeutralState: function () { + return !this.subFilters.some(function (filter) { + return !filter.isNeutralState(); + }); + }, + }); /** - * Which side of the path the text should be drawn on. - * Only used when text has a path - * @type {String} 'left|right' - * @default + * Deserialize a JSON definition of a ComposedFilter into a concrete instance. + * @static + * @param {oject} object Object to create an instance from + * @param {object} [options] + * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal + * @returns {Promise} + */ + fabric.Image.filters.Composed.fromObject = function (object, options) { + var filters = object.subFilters || []; + return Promise.all(filters.map(function (filter) { + return fabric.Image.filters[filter.type].fromObject(filter, options); + })).then(function (enlivedFilters) { + return new fabric.Image.filters.Composed({ subFilters: enlivedFilters }); + }); + }; +})(typeof exports !== 'undefined' ? exports : window); + +//@ts-nocheck +(function (global) { + var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; + /** + * HueRotation filter class + * @class fabric.Image.filters.HueRotation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.HueRotation({ + * rotation: -0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.HueRotation = createClass(filters.ColorMatrix, + /** @lends fabric.Image.filters.HueRotation.prototype */ { + /** + * Filter type + * @param {String} type + * @default + */ + type: 'HueRotation', + /** + * HueRotation value, from -1 to 1. + * the unit is radians + * @param {Number} myParameter + * @default + */ + rotation: 0, + /** + * Describe the property that is the filter parameter + * @param {String} m + * @default + */ + mainParameter: 'rotation', + calculateMatrix: function () { + var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; + this.matrix = [ + 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, + ]; + this.matrix[0] = cos + OneMinusCos / 3; + this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[6] = cos + aThird * OneMinusCos; + this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[12] = cos + aThird * OneMinusCos; + }, + /** + * HueRotation isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function (options) { + this.calculateMatrix(); + return filters.BaseFilter.prototype.isNeutralState.call(this, options); + }, + /** + * Apply this filter to the input image data provided. + * + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function (options) { + this.calculateMatrix(); + filters.BaseFilter.prototype.applyTo.call(this, options); + }, + }); + /** + * Create filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @returns {Promise} */ - pathSide: 'left', + fabric.Image.filters.HueRotation.fromObject = + fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : window); +class TextStyleMixin extends InteractiveFabricObject { /** - * How text is aligned to the path. This property determines - * the perpendicular position of each character relative to the path. - * (one of "baseline", "center", "ascender", "descender") - * This feature is in BETA, and its behavior may change - * @type String - * @default + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} */ - pathAlign: 'baseline', - + isEmptyStyles(lineIndex) { + if (!this.styles) { + return true; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return true; + } + const obj = typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (const p1 in obj) { + for (const p2 in obj[p1]) { + // eslint-disable-next-line no-unused-vars + for (const p3 in obj[p1][p2]) { + return false; + } + } + } + return true; + } /** - * @private + * Returns true if object has a style property or has it ina specified line + * This function is used to detect if a text will use a particular property or not. + * @param {String} property to check for + * @param {Number} lineIndex to check the style on + * @return {Boolean} */ - _fontSizeFraction: 0.222, - + styleHas(property, lineIndex) { + if (!this.styles || !property || property === '') { + return false; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return false; + } + const obj = typeof lineIndex === 'undefined' + ? this.styles + : { 0: this.styles[lineIndex] }; + // eslint-disable-next-line + for (const p1 in obj) { + // eslint-disable-next-line + for (const p2 in obj[p1]) { + if (typeof obj[p1][p2][property] !== 'undefined') { + return true; + } + } + } + return false; + } /** - * @private + * Check if characters in a text have a value for a property + * whose value matches the textbox's value for that property. If so, + * the character-level property is deleted. If the character + * has no other properties, then it is also deleted. Finally, + * if the line containing that character has no other characters + * then it also is deleted. + * + * @param {string} property The property to compare between characters and text. */ - offsets: { - underline: 0.10, - linethrough: -0.315, - overline: -0.88 - }, - + cleanStyle(property) { + if (!this.styles || !property || property === '') { + return false; + } + const obj = this.styles; + let stylesCount = 0, letterCount, stylePropertyValue, allStyleObjectPropertiesMatch = true, graphemeCount = 0; + for (const p1 in obj) { + letterCount = 0; + for (const p2 in obj[p1]) { + const styleObject = obj[p1][p2], + // TODO: this shouldn't be necessary anymore with modern browsers + stylePropertyHasBeenSet = Object.prototype.hasOwnProperty.call(styleObject, property); + stylesCount++; + if (stylePropertyHasBeenSet) { + if (!stylePropertyValue) { + stylePropertyValue = styleObject[property]; + } + else if (styleObject[property] !== stylePropertyValue) { + allStyleObjectPropertiesMatch = false; + } + if (styleObject[property] === this[property]) { + delete styleObject[property]; + } + } + else { + allStyleObjectPropertiesMatch = false; + } + if (Object.keys(styleObject).length !== 0) { + letterCount++; + } + else { + delete obj[p1][p2]; + } + } + if (letterCount === 0) { + delete obj[p1]; + } + } + // if every grapheme has the same style set then + // delete those styles and set it on the parent + for (let i = 0; i < this._textLines.length; i++) { + graphemeCount += this._textLines[i].length; + } + if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { + this[property] = stylePropertyValue; + this.removeStyle(property); + } + } /** - * Text Line proportion to font Size (in pixels) - * @type Number - * @default + * Remove a style property or properties from all individual character styles + * in a text object. Deletes the character style object if it contains no other style + * props. Deletes a line style object if it contains no other character styles. + * + * @param {String} props The property to remove from character styles. */ - _fontSizeMult: 1.13, - + removeStyle(property) { + if (!this.styles || !property || property === '') { + return; + } + const obj = this.styles; + let line, lineNum, charNum; + for (lineNum in obj) { + line = obj[lineNum]; + for (charNum in line) { + delete line[charNum][property]; + if (Object.keys(line[charNum]).length === 0) { + delete line[charNum]; + } + } + if (Object.keys(line).length === 0) { + delete obj[lineNum]; + } + } + } + _extendStyles(index, styles) { + const { lineIndex, charIndex } = this.get2DCursorLocation(index); + if (!this._getLineStyle(lineIndex)) { + this._setLineStyle(lineIndex); + } + if (!this._getStyleDeclaration(lineIndex, charIndex)) { + this._setStyleDeclaration(lineIndex, charIndex, {}); + } + return Object.assign(this._getStyleDeclaration(lineIndex, charIndex) || {}, styles); + } /** - * additional space between characters - * expressed in thousands of em unit - * @type Number - * @default + * Gets style of a current selection/cursor (at the start position) + * @param {Number} startIndex Start index to get styles at + * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects */ - charSpacing: 0, - + getSelectionStyles(startIndex, endIndex, complete) { + const styles = []; + for (let i = startIndex; i < (endIndex || startIndex); i++) { + styles.push(this.getStyleAtPosition(i, complete)); + } + return styles; + } /** - * Object containing character styles - top-level properties -> line numbers, - * 2nd-level properties - character numbers - * @type Object - * @default + * Gets style of a current selection/cursor position + * @param {Number} position to get styles at + * @param {Boolean} [complete] full style if true + * @return {Object} style Style object at a specified index + * @private */ - styles: null, - + getStyleAtPosition(position, complete) { + const { lineIndex, charIndex } = this.get2DCursorLocation(position); + return ((complete + ? this.getCompleteStyleDeclaration(lineIndex, charIndex) + : this._getStyleDeclaration(lineIndex, charIndex)) || {}); + } /** - * Reference to a context to measure text char or couple of chars - * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas - * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every - * text object created. - * @type {CanvasRenderingContext2D} - * @default + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} styles Styles object + * @param {Number} startIndex Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1 */ - _measuringContext: null, - + setSelectionStyles(styles, startIndex, endIndex) { + for (let i = startIndex; i < (endIndex || startIndex); i++) { + this._extendStyles(i, styles); + } + /* not included in _extendStyles to avoid clearing cache more than once */ + this._forceClearCache = true; + } /** - * Baseline shift, styles only, keep at 0 for the main text object - * @type {Number} - * @default + * get the reference, not a clone, of the style object for a given character + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Object} style object */ - deltaY: 0, - + _getStyleDeclaration(lineIndex, charIndex) { + const lineStyle = this.styles && this.styles[lineIndex]; + if (!lineStyle) { + return null; + } + return lineStyle[charIndex]; + } /** - * WARNING: EXPERIMENTAL. NOT SUPPORTED YET - * determine the direction of the text. - * This has to be set manually together with textAlign and originX for proper - * experience. - * some interesting link for the future - * https://www.w3.org/International/questions/qa-bidi-unicode-controls - * @since 4.5.0 - * @type {String} 'ltr|rtl' - * @default + * return a new object that contains all the style property for a character + * the object returned is newly created + * @param {Number} lineIndex of the line where the character is + * @param {Number} charIndex position of the character on the line + * @return {Object} style object */ - direction: 'ltr', - + getCompleteStyleDeclaration(lineIndex, charIndex) { + const style = this._getStyleDeclaration(lineIndex, charIndex) || {}, styleObject = {}; + for (let i = 0; i < this._styleProperties.length; i++) { + const prop = this._styleProperties[i]; + styleObject[prop] = + typeof style[prop] === 'undefined' + ? this[prop] + : style[prop]; + } + return styleObject; + } /** - * Array of properties that define a style unit (of 'styles'). - * @type {Array} - * @default + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private */ - _styleProperties: [ - 'stroke', - 'strokeWidth', - 'fill', - 'fontFamily', - 'fontSize', - 'fontWeight', - 'fontStyle', - 'underline', - 'overline', - 'linethrough', - 'deltaY', - 'textBackgroundColor', - ], - + _setStyleDeclaration(lineIndex, charIndex, style) { + this.styles[lineIndex][charIndex] = style; + } /** - * contains characters bounding boxes + * + * @param {Number} lineIndex + * @param {Number} charIndex + * @private */ - __charBounds: [], - + _deleteStyleDeclaration(lineIndex, charIndex) { + delete this.styles[lineIndex][charIndex]; + } /** - * use this size when measuring text. To avoid IE11 rounding errors - * @type {Number} - * @default - * @readonly + * @param {Number} lineIndex + * @return {Boolean} if the line exists or not * @private */ - CACHE_FONT_SIZE: 400, - + _getLineStyle(lineIndex) { + return !!this.styles[lineIndex]; + } /** - * contains the min text width to avoid getting 0 - * @type {Number} - * @default + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @private */ - MIN_TEXT_WIDTH: 2, - - /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - initialize: function(text, options) { - this.styles = options ? (options.styles || { }) : { }; - this.text = text; - this.__skipDimension = true; - this.callSuper('initialize', options); - if (this.path) { - this.setPathInfo(); - } - this.__skipDimension = false; - this.initDimensions(); - this.setCoords(); - this.setupState({ propertySet: '_dimensionAffectingProps' }); - }, + _setLineStyle(lineIndex) { + this.styles[lineIndex] = {}; + } + _deleteLineStyle(lineIndex) { + delete this.styles[lineIndex]; + } +} +// @ts-nocheck +const additionalProps = [ + 'fontFamily', + 'fontWeight', + 'fontSize', + 'text', + 'underline', + 'overline', + 'linethrough', + 'textAlign', + 'fontStyle', + 'lineHeight', + 'textBackgroundColor', + 'charSpacing', + 'styles', + 'direction', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign', +]; +/** + * Text class + * @class Text + * @extends FabricObject + * @return {Text} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} + * @see {@link Text#initialize} for constructor definition + */ +class Text extends TextStyleMixin { + constructor(text, options) { + super(Object.assign(Object.assign({}, options), { text, styles: (options === null || options === void 0 ? void 0 : options.styles) || {} })); + /** + * Reference to a context to measure text char or couple of chars + * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas + * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every + * text object created. + * @type {CanvasRenderingContext2D} + * @default + */ + this._measuringContext = null; + /** + * contains characters bounding boxes + */ + this.__charBounds = []; + this.initialized = true; + if (this.path) { + this.setPathInfo(); + } + this.initDimensions(); + this.setCoords(); + this.setupState({ propertySet: '_dimensionAffectingProps' }); + } /** * If text has a path, it will add the extra information needed * for path and text calculations - * @return {fabric.Text} thisArg */ - setPathInfo: function() { - var path = this.path; - if (path) { - path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path); - } - }, - + setPathInfo() { + const path = this.path; + if (path) { + path.segmentsInfo = getPathSegmentsInfo(path.path); + } + } /** * Return a context for measurement of text string. * if created it gets stored for reuse @@ -26164,115 +22159,140 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * @private * @param {String} text Text string * @param {Object} [options] Options object - * @return {fabric.Text} thisArg - */ - getMeasuringContext: function() { - // if we did not return we have to measure something. - if (!fabric._measuringContext) { - fabric._measuringContext = this.canvas && this.canvas.contextCache || - fabric.util.createCanvasElement().getContext('2d'); - } - return fabric._measuringContext; - }, - + */ + getMeasuringContext() { + if (!fabric$1._measuringContext) { + fabric$1._measuringContext = + (this.canvas && this.canvas.contextCache) || + createCanvasElement().getContext('2d'); + } + return fabric$1._measuringContext; + } /** * @private * Divides text into lines of text and lines of graphemes. */ - _splitText: function() { - var newLines = this._splitTextIntoLines(this.text); - this.textLines = newLines.lines; - this._textLines = newLines.graphemeLines; - this._unwrappedTextLines = newLines._unwrappedLines; - this._text = newLines.graphemeText; - return newLines; - }, - + _splitText() { + const newLines = this._splitTextIntoLines(this.text); + this.textLines = newLines.lines; + this._textLines = newLines.graphemeLines; + this._unwrappedTextLines = newLines._unwrappedLines; + this._text = newLines.graphemeText; + return newLines; + } /** * Initialize or update text dimensions. * Updates this.width and this.height with the proper values. * Does not return dimensions. */ - initDimensions: function() { - if (this.__skipDimension) { - return; - } - this._splitText(); - this._clearCache(); - if (this.path) { - this.width = this.path.width; - this.height = this.path.height; - } - else { - this.width = this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; - this.height = this.calcTextHeight(); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, - + initDimensions() { + if (this.__skipDimension) { + return; + } + this._splitText(); + this._clearCache(); + if (this.path) { + this.width = this.path.width; + this.height = this.path.height; + } + else { + this.width = + this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; + this.height = this.calcTextHeight(); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + this.saveState({ propertySet: '_dimensionAffectingProps' }); + } /** * Enlarge space boxes and shift the others */ - enlargeSpaces: function() { - var diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (this.textAlign !== 'justify' && (i === len - 1 || this.isEndOfWrapping(i))) { - continue; - } - accumulatedSpace = 0; - line = this._textLines[i]; - currentLineWidth = this.getLineWidth(i); - if (currentLineWidth < this.width && (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { - numberOfSpaces = spaces.length; - diffSpace = (this.width - currentLineWidth) / numberOfSpaces; - for (var j = 0, jlen = line.length; j <= jlen; j++) { - charBound = this.__charBounds[i][j]; - if (this._reSpaceAndTab.test(line[j])) { - charBound.width += diffSpace; - charBound.kernedWidth += diffSpace; - charBound.left += accumulatedSpace; - accumulatedSpace += diffSpace; + enlargeSpaces() { + let diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; + for (let i = 0, len = this._textLines.length; i < len; i++) { + if (this.textAlign !== 'justify' && + (i === len - 1 || this.isEndOfWrapping(i))) { + continue; } - else { - charBound.left += accumulatedSpace; + accumulatedSpace = 0; + line = this._textLines[i]; + currentLineWidth = this.getLineWidth(i); + if (currentLineWidth < this.width && + (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { + numberOfSpaces = spaces.length; + diffSpace = (this.width - currentLineWidth) / numberOfSpaces; + for (let j = 0, jlen = line.length; j <= jlen; j++) { + charBound = this.__charBounds[i][j]; + if (this._reSpaceAndTab.test(line[j])) { + charBound.width += diffSpace; + charBound.kernedWidth += diffSpace; + charBound.left += accumulatedSpace; + accumulatedSpace += diffSpace; + } + else { + charBound.left += accumulatedSpace; + } + } } - } } - } - }, - + } /** * Detect if the text line is ended with an hard break * text and itext do not have wrapping, return false * @return {Boolean} */ - isEndOfWrapping: function(lineIndex) { - return lineIndex === this._textLines.length - 1; - }, - + isEndOfWrapping(lineIndex) { + return lineIndex === this._textLines.length - 1; + } /** * Detect if a line has a linebreak and so we need to account for it when moving * and counting style. * It return always for text and Itext. * @return Number */ - missingNewlineOffset: function() { - return 1; - }, - + // eslint-disable-next-line @typescript-eslint/no-unused-vars + missingNewlineOffset(lineIndex) { + return 1; + } + /** + * Returns 2d representation (lineIndex and charIndex) of cursor + * @param {Number} selectionStart + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + */ + get2DCursorLocation(selectionStart, skipWrapping) { + const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; + let i; + for (i = 0; i < lines.length; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart, + }; + } + selectionStart -= lines[i].length + this.missingNewlineOffset(i); + } + return { + lineIndex: i - 1, + charIndex: lines[i - 1].length < selectionStart + ? lines[i - 1].length + : selectionStart, + }; + } /** * Returns string representation of an instance * @return {String} String representation of text object */ - toString: function() { - return '#'; - }, - + toString() { + return ('#'); + } /** * Return the dimension and the zoom level needed to create a cache canvas * big enough to host the object to be cached. @@ -26284,44 +22304,41 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache */ - _getCacheCanvasDimensions: function() { - var dims = this.callSuper('_getCacheCanvasDimensions'); - var fontSize = this.fontSize; - dims.width += fontSize * dims.zoomX; - dims.height += fontSize * dims.zoomY; - return dims; - }, - + _getCacheCanvasDimensions() { + const dims = super._getCacheCanvasDimensions(); + const fontSize = this.fontSize; + dims.width += fontSize * dims.zoomX; + dims.height += fontSize * dims.zoomY; + return dims; + } /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _render: function(ctx) { - var path = this.path; - path && !path.isNotVisible() && path._render(ctx); - this._setTextStyles(ctx); - this._renderTextLinesBackground(ctx); - this._renderTextDecoration(ctx, 'underline'); - this._renderText(ctx); - this._renderTextDecoration(ctx, 'overline'); - this._renderTextDecoration(ctx, 'linethrough'); - }, - + _render(ctx) { + const path = this.path; + path && !path.isNotVisible() && path._render(ctx); + this._setTextStyles(ctx); + this._renderTextLinesBackground(ctx); + this._renderTextDecoration(ctx, 'underline'); + this._renderText(ctx); + this._renderTextDecoration(ctx, 'overline'); + this._renderTextDecoration(ctx, 'linethrough'); + } /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderText: function(ctx) { - if (this.paintFirst === 'stroke') { - this._renderTextStroke(ctx); - this._renderTextFill(ctx); - } - else { - this._renderTextFill(ctx); - this._renderTextStroke(ctx); - } - }, - + _renderText(ctx) { + if (this.paintFirst === 'stroke') { + this._renderTextStroke(ctx); + this._renderTextFill(ctx); + } + else { + this._renderTextFill(ctx); + this._renderTextStroke(ctx); + } + } /** * Set the font parameter of the context with the object properties or with charStyle * @private @@ -26332,42 +22349,39 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * @param {String} [charStyle.fontWeight] Font weight * @param {String} [charStyle.fontStyle] Font style (italic|normal) */ - _setTextStyles: function(ctx, charStyle, forMeasuring) { - ctx.textBaseline = 'alphabetical'; - if (this.path) { - switch (this.pathAlign) { - case 'center': - ctx.textBaseline = 'middle'; - break; - case 'ascender': - ctx.textBaseline = 'top'; - break; - case 'descender': - ctx.textBaseline = 'bottom'; - break; + _setTextStyles(ctx, charStyle, forMeasuring) { + ctx.textBaseline = 'alphabetical'; + if (this.path) { + switch (this.pathAlign) { + case 'center': + ctx.textBaseline = 'middle'; + break; + case 'ascender': + ctx.textBaseline = 'top'; + break; + case 'descender': + ctx.textBaseline = 'bottom'; + break; + } } - } - ctx.font = this._getFontDeclaration(charStyle, forMeasuring); - }, - + ctx.font = this._getFontDeclaration(charStyle, forMeasuring); + } /** * calculate and return the text Width measuring each line. * @private * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {Number} Maximum width of fabric.Text object - */ - calcTextWidth: function() { - var maxWidth = this.getLineWidth(0); - - for (var i = 1, len = this._textLines.length; i < len; i++) { - var currentLineWidth = this.getLineWidth(i); - if (currentLineWidth > maxWidth) { - maxWidth = currentLineWidth; + * @return {Number} Maximum width of Text object + */ + calcTextWidth() { + let maxWidth = this.getLineWidth(0); + for (let i = 1, len = this._textLines.length; i < len; i++) { + const currentLineWidth = this.getLineWidth(i); + if (currentLineWidth > maxWidth) { + maxWidth = currentLineWidth; + } } - } - return maxWidth; - }, - + return maxWidth; + } /** * @private * @param {String} method Method name ("fillText" or "strokeText") @@ -26377,116 +22391,77 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * @param {Number} top Top position of text * @param {Number} lineIndex Index of a line in a text */ - _renderTextLine: function(method, ctx, line, left, top, lineIndex) { - this._renderChars(method, ctx, line, left, top, lineIndex); - }, - + _renderTextLine(method, ctx, line, left, top, lineIndex) { + this._renderChars(method, ctx, line, left, top, lineIndex); + } /** * Renders the text background for lines, taking care of style * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextLinesBackground: function(ctx) { - if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { - return; - } - var heightOfLine, - lineLeftOffset, originalFill = ctx.fillStyle, - line, lastColor, - leftOffset = this._getLeftOffset(), - lineTopOffset = this._getTopOffset(), - boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, - drawStart; - - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor', i)) { - lineTopOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - lineLeftOffset = this._getLineLeftOffset(i); - boxWidth = 0; - boxStart = 0; - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillStyle = currentColor; - currentColor && ctx.fillRect( - -charBox.width / 2, - -heightOfLine / this.lineHeight * (1 - this._fontSizeFraction), - charBox.width, - heightOfLine / this.lineHeight - ); - ctx.restore(); - } - else if (currentColor !== lastColor) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = lastColor; - lastColor && ctx.fillRect( - drawStart, - lineTopOffset, - boxWidth, - heightOfLine / this.lineHeight - ); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } - } - if (currentColor && !path) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentColor; - ctx.fillRect( - drawStart, - lineTopOffset, - boxWidth, - heightOfLine / this.lineHeight - ); - } - lineTopOffset += heightOfLine; - } - ctx.fillStyle = originalFill; - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - - /** - * @private - * @param {Object} decl style declaration for cache - * @param {String} decl.fontFamily fontFamily - * @param {String} decl.fontStyle fontStyle - * @param {String} decl.fontWeight fontWeight - * @return {Object} reference to cache - */ - getFontCache: function(decl) { - var fontFamily = decl.fontFamily.toLowerCase(); - if (!fabric.charWidthsCache[fontFamily]) { - fabric.charWidthsCache[fontFamily] = { }; - } - var cache = fabric.charWidthsCache[fontFamily], - cacheProp = decl.fontStyle.toLowerCase() + '_' + (decl.fontWeight + '').toLowerCase(); - if (!cache[cacheProp]) { - cache[cacheProp] = { }; - } - return cache[cacheProp]; - }, - + _renderTextLinesBackground(ctx) { + if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { + return; + } + const originalFill = ctx.fillStyle, leftOffset = this._getLeftOffset(); + let lineTopOffset = this._getTopOffset(); + for (let i = 0, len = this._textLines.length; i < len; i++) { + const heightOfLine = this.getHeightOfLine(i); + if (!this.textBackgroundColor && + !this.styleHas('textBackgroundColor', i)) { + lineTopOffset += heightOfLine; + continue; + } + const jlen = this._textLines[i].length; + const lineLeftOffset = this._getLineLeftOffset(i); + let boxWidth = 0; + let boxStart = 0; + let drawStart; + let currentColor; + let lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (let j = 0; j < jlen; j++) { + const charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (this.path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillStyle = currentColor; + currentColor && + ctx.fillRect(-charBox.width / 2, (-heightOfLine / this.lineHeight) * (1 - this._fontSizeFraction), charBox.width, heightOfLine / this.lineHeight); + ctx.restore(); + } + else if (currentColor !== lastColor) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = lastColor; + lastColor && + ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + if (currentColor && !this.path) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentColor; + ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); + } + lineTopOffset += heightOfLine; + } + ctx.fillStyle = originalFill; + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + } /** * measure and return the width of a single character. * possibly overridden to accommodate different measure logic or @@ -26497,298 +22472,264 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * @param {String} [previousChar] previous char * @param {Object} [prevCharStyle] style of previous char */ - _measureChar: function(_char, charStyle, previousChar, prevCharStyle) { - // first i try to return from cache - var fontCache = this.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), - previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, - stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, - fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; - - if (previousChar && fontCache[previousChar] !== undefined) { - previousWidth = fontCache[previousChar]; - } - if (fontCache[_char] !== undefined) { - kernedWidth = width = fontCache[_char]; - } - if (stylesAreEqual && fontCache[couple] !== undefined) { - coupleWidth = fontCache[couple]; - kernedWidth = coupleWidth - previousWidth; - } - if (width === undefined || previousWidth === undefined || coupleWidth === undefined) { - var ctx = this.getMeasuringContext(); - // send a TRUE to specify measuring font size CACHE_FONT_SIZE - this._setTextStyles(ctx, charStyle, true); - } - if (width === undefined) { - kernedWidth = width = ctx.measureText(_char).width; - fontCache[_char] = width; - } - if (previousWidth === undefined && stylesAreEqual && previousChar) { - previousWidth = ctx.measureText(previousChar).width; - fontCache[previousChar] = previousWidth; - } - if (stylesAreEqual && coupleWidth === undefined) { - // we can measure the kerning couple and subtract the width of the previous character - coupleWidth = ctx.measureText(couple).width; - fontCache[couple] = coupleWidth; - kernedWidth = coupleWidth - previousWidth; - } - return { width: width * fontMultiplier, kernedWidth: kernedWidth * fontMultiplier }; - }, - + _measureChar(_char, charStyle, previousChar, prevCharStyle) { + const fontCache = cache.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, stylesAreEqual = fontDeclaration === previousFontDeclaration, fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE; + let width, coupleWidth, previousWidth, kernedWidth, ctx; + if (previousChar && fontCache[previousChar] !== undefined) { + previousWidth = fontCache[previousChar]; + } + if (fontCache[_char] !== undefined) { + kernedWidth = width = fontCache[_char]; + } + if (stylesAreEqual && fontCache[couple] !== undefined) { + coupleWidth = fontCache[couple]; + kernedWidth = coupleWidth - previousWidth; + } + if (width === undefined || + previousWidth === undefined || + coupleWidth === undefined) { + ctx = this.getMeasuringContext(); + // send a TRUE to specify measuring font size CACHE_FONT_SIZE + this._setTextStyles(ctx, charStyle, true); + if (width === undefined) { + kernedWidth = width = ctx.measureText(_char).width; + fontCache[_char] = width; + } + if (previousWidth === undefined && stylesAreEqual && previousChar) { + previousWidth = ctx.measureText(previousChar).width; + fontCache[previousChar] = previousWidth; + } + if (stylesAreEqual && coupleWidth === undefined) { + // we can measure the kerning couple and subtract the width of the previous character + coupleWidth = ctx.measureText(couple).width; + fontCache[couple] = coupleWidth; + kernedWidth = coupleWidth - previousWidth; + } + } + return { + width: width * fontMultiplier, + kernedWidth: kernedWidth * fontMultiplier, + }; + } /** * Computes height of character at given position * @param {Number} line the line index number * @param {Number} _char the character index number * @return {Number} fontSize of the character */ - getHeightOfChar: function(line, _char) { - return this.getValueOfPropertyAt(line, _char, 'fontSize'); - }, - + getHeightOfChar(line, _char) { + return this.getValueOfPropertyAt(line, _char, 'fontSize'); + } /** * measure a text line measuring all characters. * @param {Number} lineIndex line number * @return {Number} Line width */ - measureLine: function(lineIndex) { - var lineInfo = this._measureLine(lineIndex); - if (this.charSpacing !== 0) { - lineInfo.width -= this._getWidthOfCharSpacing(); - } - if (lineInfo.width < 0) { - lineInfo.width = 0; - } - return lineInfo; - }, - + measureLine(lineIndex) { + const lineInfo = this._measureLine(lineIndex); + if (this.charSpacing !== 0) { + lineInfo.width -= this._getWidthOfCharSpacing(); + } + if (lineInfo.width < 0) { + lineInfo.width = 0; + } + return lineInfo; + } /** * measure every grapheme of a line, populating __charBounds * @param {Number} lineIndex * @return {Object} object.width total width of characters - * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs - */ - _measureLine: function(lineIndex) { - var width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, - graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), - positionInPath = 0, startingPoint, totalPathLength, path = this.path, - reverse = this.pathSide === 'right'; - - this.__charBounds[lineIndex] = lineBounds; - for (i = 0; i < line.length; i++) { - grapheme = line[i]; - graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); - lineBounds[i] = graphemeInfo; - width += graphemeInfo.kernedWidth; - prevGrapheme = grapheme; - } - // this latest bound box represent the last character of the line - // to simplify cursor handling in interactive mode. - lineBounds[i] = { - left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, - width: 0, - kernedWidth: 0, - height: this.fontSize - }; - if (path) { - totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; - startingPoint = fabric.util.getPointOnPath(path.path, 0, path.segmentsInfo); - startingPoint.x += path.pathOffset.x; - startingPoint.y += path.pathOffset.y; - switch (this.textAlign) { - case 'left': - positionInPath = reverse ? (totalPathLength - width) : 0; - break; - case 'center': - positionInPath = (totalPathLength - width) / 2; - break; - case 'right': - positionInPath = reverse ? 0 : (totalPathLength - width); - break; - //todo - add support for justify - } - positionInPath += this.pathStartOffset * (reverse ? -1 : 1); - for (i = reverse ? line.length - 1 : 0; - reverse ? i >= 0 : i < line.length; - reverse ? i-- : i++) { - graphemeInfo = lineBounds[i]; - if (positionInPath > totalPathLength) { - positionInPath %= totalPathLength; - } - else if (positionInPath < 0) { - positionInPath += totalPathLength; - } - // it would probably much faster to send all the grapheme position for a line - // and calculate path position/angle at once. - this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); - positionInPath += graphemeInfo.kernedWidth; - } - } - return { width: width, numOfSpaces: numOfSpaces }; - }, - + * @return {Object} object.numOfSpaces length of chars that match this._reSpacesAndTabs + */ + _measureLine(lineIndex) { + let width = 0, prevGrapheme, graphemeInfo; + const reverse = this.pathSide === 'right', path = this.path, line = this._textLines[lineIndex], llength = line.length, lineBounds = new Array(llength); + this.__charBounds[lineIndex] = lineBounds; + for (let i = 0; i < llength; i++) { + const grapheme = line[i]; + graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); + lineBounds[i] = graphemeInfo; + width += graphemeInfo.kernedWidth; + prevGrapheme = grapheme; + } + // this latest bound box represent the last character of the line + // to simplify cursor handling in interactive mode. + lineBounds[llength] = { + left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, + width: 0, + kernedWidth: 0, + height: this.fontSize, + }; + if (path) { + let positionInPath = 0; + const totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; + const startingPoint = getPointOnPath(path.path, 0, path.segmentsInfo); + startingPoint.x += path.pathOffset.x; + startingPoint.y += path.pathOffset.y; + switch (this.textAlign) { + case 'left': + positionInPath = reverse ? totalPathLength - width : 0; + break; + case 'center': + positionInPath = (totalPathLength - width) / 2; + break; + case 'right': + positionInPath = reverse ? 0 : totalPathLength - width; + break; + //todo - add support for justify + } + positionInPath += this.pathStartOffset * (reverse ? -1 : 1); + for (let i = reverse ? llength - 1 : 0; reverse ? i >= 0 : i < llength; reverse ? i-- : i++) { + graphemeInfo = lineBounds[i]; + if (positionInPath > totalPathLength) { + positionInPath %= totalPathLength; + } + else if (positionInPath < 0) { + positionInPath += totalPathLength; + } + // it would probably much faster to send all the grapheme position for a line + // and calculate path position/angle at once. + this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); + positionInPath += graphemeInfo.kernedWidth; + } + } + return { width: width, numOfSpaces: 0 }; + } /** * Calculate the angle and the left,top position of the char that follow a path. * It appends it to graphemeInfo to be reused later at rendering * @private * @param {Number} positionInPath to be measured - * @param {Object} graphemeInfo current grapheme box information + * @param {GraphemeBBox} graphemeInfo current grapheme box information * @param {Object} startingPoint position of the point */ - _setGraphemeOnPath: function(positionInPath, graphemeInfo, startingPoint) { - var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, - path = this.path; - - // we are at currentPositionOnPath. we want to know what point on the path is. - var info = fabric.util.getPointOnPath(path.path, centerPosition, path.segmentsInfo); - graphemeInfo.renderLeft = info.x - startingPoint.x; - graphemeInfo.renderTop = info.y - startingPoint.y; - graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); - }, - + _setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint) { + const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; + // we are at currentPositionOnPath. we want to know what point on the path is. + const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo); + graphemeInfo.renderLeft = info.x - startingPoint.x; + graphemeInfo.renderTop = info.y - startingPoint.y; + graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); + } /** - * Measure and return the info of a single grapheme. - * needs the the info of previous graphemes already filled - * @private + * * @param {String} grapheme to be measured * @param {Number} lineIndex index of the line where the char is * @param {Number} charIndex position in the line * @param {String} [prevGrapheme] character preceding the one to be measured - */ - _getGraphemeBox: function(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { - var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), - prevStyle = prevGrapheme ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) : { }, - info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), - kernedWidth = info.kernedWidth, - width = info.width, charSpacing; - - if (this.charSpacing !== 0) { - charSpacing = this._getWidthOfCharSpacing(); - width += charSpacing; - kernedWidth += charSpacing; - } - - var box = { - width: width, - left: 0, - height: style.fontSize, - kernedWidth: kernedWidth, - deltaY: style.deltaY, - }; - if (charIndex > 0 && !skipLeft) { - var previousBox = this.__charBounds[lineIndex][charIndex - 1]; - box.left = previousBox.left + previousBox.width + info.kernedWidth - info.width; - } - return box; - }, - + * @returns {GraphemeBBox} grapheme bbox + */ + _getGraphemeBox(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { + const style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme + ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) + : {}, info = this._measureChar(grapheme, style, prevGrapheme, prevStyle); + let kernedWidth = info.kernedWidth, width = info.width, charSpacing; + if (this.charSpacing !== 0) { + charSpacing = this._getWidthOfCharSpacing(); + width += charSpacing; + kernedWidth += charSpacing; + } + const box = { + width: width, + left: 0, + height: style.fontSize, + kernedWidth: kernedWidth, + deltaY: style.deltaY, + }; + if (charIndex > 0 && !skipLeft) { + const previousBox = this.__charBounds[lineIndex][charIndex - 1]; + box.left = + previousBox.left + previousBox.width + info.kernedWidth - info.width; + } + return box; + } /** * Calculate height of line at 'lineIndex' * @param {Number} lineIndex index of line to calculate * @return {Number} */ - getHeightOfLine: function(lineIndex) { - if (this.__lineHeights[lineIndex]) { - return this.__lineHeights[lineIndex]; - } - - var line = this._textLines[lineIndex], - // char 0 is measured before the line cycle because it nneds to char - // emptylines - maxHeight = this.getHeightOfChar(lineIndex, 0); - for (var i = 1, len = line.length; i < len; i++) { - maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); - } - - return this.__lineHeights[lineIndex] = maxHeight * this.lineHeight * this._fontSizeMult; - }, - + getHeightOfLine(lineIndex) { + if (this.__lineHeights[lineIndex]) { + return this.__lineHeights[lineIndex]; + } + // char 0 is measured before the line cycle because it nneds to char + // emptylines + let maxHeight = this.getHeightOfChar(lineIndex, 0); + for (let i = 1, len = this._textLines[lineIndex].length; i < len; i++) { + maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); + } + return (this.__lineHeights[lineIndex] = + maxHeight * this.lineHeight * this._fontSizeMult); + } /** * Calculate text box height */ - calcTextHeight: function() { - var lineHeight, height = 0; - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineHeight = this.getHeightOfLine(i); - height += (i === len - 1 ? lineHeight / this.lineHeight : lineHeight); - } - return height; - }, - + calcTextHeight() { + let lineHeight, height = 0; + for (let i = 0, len = this._textLines.length; i < len; i++) { + lineHeight = this.getHeightOfLine(i); + height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; + } + return height; + } /** * @private * @return {Number} Left offset */ - _getLeftOffset: function() { - return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; - }, - + _getLeftOffset() { + return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; + } /** * @private * @return {Number} Top offset */ - _getTopOffset: function() { - return -this.height / 2; - }, - + _getTopOffset() { + return -this.height / 2; + } /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on * @param {String} method Method name ("fillText" or "strokeText") */ - _renderTextCommon: function(ctx, method) { - ctx.save(); - var lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); - for (var i = 0, len = this._textLines.length; i < len; i++) { - var heightOfLine = this.getHeightOfLine(i), - maxHeight = heightOfLine / this.lineHeight, - leftOffset = this._getLineLeftOffset(i); - this._renderTextLine( - method, - ctx, - this._textLines[i], - left + leftOffset, - top + lineHeights + maxHeight, - i - ); - lineHeights += heightOfLine; - } - ctx.restore(); - }, - + _renderTextCommon(ctx, method) { + ctx.save(); + let lineHeights = 0; + const left = this._getLeftOffset(), top = this._getTopOffset(); + for (let i = 0, len = this._textLines.length; i < len; i++) { + const heightOfLine = this.getHeightOfLine(i), maxHeight = heightOfLine / this.lineHeight, leftOffset = this._getLineLeftOffset(i); + this._renderTextLine(method, ctx, this._textLines[i], left + leftOffset, top + lineHeights + maxHeight, i); + lineHeights += heightOfLine; + } + ctx.restore(); + } /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextFill: function(ctx) { - if (!this.fill && !this.styleHas('fill')) { - return; - } - - this._renderTextCommon(ctx, 'fillText'); - }, - + _renderTextFill(ctx) { + if (!this.fill && !this.styleHas('fill')) { + return; + } + this._renderTextCommon(ctx, 'fillText'); + } /** * @private * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextStroke: function(ctx) { - if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { - return; - } - - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - - ctx.save(); - this._setLineDash(ctx, this.strokeDashArray); - ctx.beginPath(); - this._renderTextCommon(ctx, 'strokeText'); - ctx.closePath(); - ctx.restore(); - }, - + _renderTextStroke(ctx) { + if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { + return; + } + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + ctx.save(); + this._setLineDash(ctx, this.strokeDashArray); + ctx.beginPath(); + this._renderTextCommon(ctx, 'strokeText'); + ctx.closePath(); + ctx.restore(); + } /** * @private * @param {String} method fillText or strokeText. @@ -26798,77 +22739,72 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * @param {Number} top * @param {Number} lineIndex */ - _renderChars: function(method, ctx, line, left, top, lineIndex) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, - boxWidth = 0, - timeToRender, - path = this.path, - shortCut = !isJustify && this.charSpacing === 0 && this.isEmptyStyles(lineIndex) && !path, - isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, - drawingLeft, currentDirection = ctx.canvas.getAttribute('dir'); - ctx.save(); - if (currentDirection !== this.direction) { - ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); - ctx.direction = isLtr ? 'ltr' : 'rtl'; - ctx.textAlign = isLtr ? 'left' : 'right'; - } - top -= lineHeight * this._fontSizeFraction / this.lineHeight; - if (shortCut) { - // render all the line in one pass without checking - // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); - this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); - ctx.restore(); - return; - } - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing || path; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - left += sign * (charBox.kernedWidth - charBox.width); - boxWidth += charBox.width; - } - else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } + _renderChars(method, ctx, line, left, top, lineIndex) { + const lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, path = this.path, shortCut = !isJustify && + this.charSpacing === 0 && + this.isEmptyStyles(lineIndex) && + !path, isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, + // this was changed in the PR #7674 + // currentDirection = ctx.canvas.getAttribute('dir'); + currentDirection = ctx.direction; + let actualStyle, nextStyle, charsToRender = '', charBox, boxWidth = 0, timeToRender, drawingLeft; + ctx.save(); + if (currentDirection !== this.direction) { + ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); + ctx.direction = isLtr ? 'ltr' : 'rtl'; + ctx.textAlign = isLtr ? 'left' : 'right'; + } + top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; + if (shortCut) { + // render all the line in one pass without checking + // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); + this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); + ctx.restore(); + return; } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = this._hasStyleChanged(actualStyle, nextStyle); + for (let i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing || path; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + left += sign * (charBox.kernedWidth - charBox.width); + boxWidth += charBox.width; + } + else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = hasStyleChanged(actualStyle, nextStyle, false); + } + if (timeToRender) { + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); + ctx.restore(); + } + else { + drawingLeft = left; + this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); + } + charsToRender = ''; + actualStyle = nextStyle; + left += sign * boxWidth; + boxWidth = 0; + } } - if (timeToRender) { - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); - ctx.restore(); - } - else { - drawingLeft = left; - this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); - } - charsToRender = ''; - actualStyle = nextStyle; - left += sign * boxWidth; - boxWidth = 0; - } - } - ctx.restore(); - }, - + ctx.restore(); + } /** * This function try to patch the missing gradientTransform on canvas gradients. * transforming a context to transform the gradient, is going to transform the stroke too. @@ -26877,4201 +22813,4698 @@ fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size * is limited. * @private - * @param {fabric.Gradient} filler a fabric gradient instance + * @param {TFiller} filler a fabric gradient instance * @return {CanvasPattern} a pattern to use as fill/stroke style */ - _applyPatternGradientTransformText: function(filler) { - var pCanvas = fabric.util.createCanvasElement(), pCtx, - // TODO: verify compatibility with strokeUniform - width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; - pCanvas.width = width; - pCanvas.height = height; - pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); - pCtx.lineTo(0, height); pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.fillStyle = filler.toLive(pCtx); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fill(); - return pCtx.createPattern(pCanvas, 'no-repeat'); - }, - - handleFiller: function(ctx, property, filler) { - var offsetX, offsetY; - if (filler.toLive) { - if (filler.gradientUnits === 'percentage' || filler.gradientTransform || filler.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - offsetX = -this.width / 2; - offsetY = -this.height / 2; - ctx.translate(offsetX, offsetY); - ctx[property] = this._applyPatternGradientTransformText(filler); - return { offsetX: offsetX, offsetY: offsetY }; + _applyPatternGradientTransformText(filler) { + const pCanvas = createCanvasElement(), + // TODO: verify compatibility with strokeUniform + width = this.width + this.strokeWidth, height = this.height + this.strokeWidth, pCtx = pCanvas.getContext('2d'); + pCanvas.width = width; + pCanvas.height = height; + pCtx.beginPath(); + pCtx.moveTo(0, 0); + pCtx.lineTo(width, 0); + pCtx.lineTo(width, height); + pCtx.lineTo(0, height); + pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.fillStyle = filler.toLive(pCtx); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fill(); + return pCtx.createPattern(pCanvas, 'no-repeat'); + } + handleFiller(ctx, property, filler) { + let offsetX, offsetY; + if (filler.toLive) { + if (filler.gradientUnits === 'percentage' || + filler.gradientTransform || + filler.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + offsetX = -this.width / 2; + offsetY = -this.height / 2; + ctx.translate(offsetX, offsetY); + ctx[property] = this._applyPatternGradientTransformText(filler); + return { offsetX: offsetX, offsetY: offsetY }; + } + else { + // is a simple gradient or pattern + ctx[property] = filler.toLive(ctx, this); + return this._applyPatternGradientTransform(ctx, filler); + } + } + else { + // is a color + ctx[property] = filler; + } + return { offsetX: 0, offsetY: 0 }; + } + _setStrokeStyles(ctx, decl) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = this.strokeLineCap; + ctx.lineDashOffset = this.strokeDashOffset; + ctx.lineJoin = this.strokeLineJoin; + ctx.miterLimit = this.strokeMiterLimit; + return this.handleFiller(ctx, 'strokeStyle', decl.stroke); + } + _setFillStyles(ctx, decl) { + return this.handleFiller(ctx, 'fillStyle', decl.fill); + } + /** + * @private + * @param {String} method + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {String} _char + * @param {Number} left Left coordinate + * @param {Number} top Top coordinate + * @param {Number} lineHeight Height of the line + */ + _renderChar(method, ctx, lineIndex, charIndex, _char, left, top) { + const decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth; + let fillOffsets, strokeOffsets; + if (!shouldStroke && !shouldFill) { + return; + } + ctx.save(); + shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); + shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); + ctx.font = this._getFontDeclaration(fullDecl); + if (decl && decl.textBackgroundColor) { + this._removeShadow(ctx); + } + if (decl && decl.deltaY) { + top += decl.deltaY; + } + shouldFill && + ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); + shouldStroke && + ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); + ctx.restore(); + } + /** + * Turns the character into a 'superior figure' (i.e. 'superscript') + * @param {Number} start selection start + * @param {Number} end selection end + */ + setSuperscript(start, end) { + this._setScript(start, end, this.superscript); + } + /** + * Turns the character into an 'inferior figure' (i.e. 'subscript') + * @param {Number} start selection start + * @param {Number} end selection end + */ + setSubscript(start, end) { + this._setScript(start, end, this.subscript); + } + /** + * Applies 'schema' at given position + * @private + * @param {Number} start selection start + * @param {Number} end selection end + * @param {Number} schema + */ + _setScript(start, end, schema) { + const loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), style = { + fontSize: fontSize * schema.size, + deltaY: dy + fontSize * schema.baseline, + }; + this.setSelectionStyles(style, start, end); + } + /** + * @private + * @param {Number} lineIndex index text line + * @return {Number} Line left offset + */ + _getLineLeftOffset(lineIndex) { + const lineWidth = this.getLineWidth(lineIndex), lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, isEndOfWrapping = this.isEndOfWrapping(lineIndex); + let leftOffset = 0; + if (textAlign === 'justify' || + (textAlign === 'justify-center' && !isEndOfWrapping) || + (textAlign === 'justify-right' && !isEndOfWrapping) || + (textAlign === 'justify-left' && !isEndOfWrapping)) { + return 0; + } + if (textAlign === 'center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'right') { + leftOffset = lineDiff; + } + if (textAlign === 'justify-center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'justify-right') { + leftOffset = lineDiff; + } + if (direction === 'rtl') { + if (textAlign === 'right' || + textAlign === 'justify' || + textAlign === 'justify-right') { + leftOffset = 0; + } + else if (textAlign === 'left' || textAlign === 'justify-left') { + leftOffset = -lineDiff; + } + else if (textAlign === 'center' || textAlign === 'justify-center') { + leftOffset = -lineDiff / 2; + } + } + return leftOffset; + } + /** + * @private + */ + _clearCache() { + this.__lineWidths = []; + this.__lineHeights = []; + this.__charBounds = []; + } + /** + * @private + */ + _shouldClearDimensionCache() { + let shouldClear = this._forceClearCache; + shouldClear || + (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); + if (shouldClear) { + this.dirty = true; + this._forceClearCache = false; + } + return shouldClear; + } + /** + * Measure a single line given its index. Used to calculate the initial + * text bounding box. The values are calculated and stored in __lineWidths cache. + * @private + * @param {Number} lineIndex line number + * @return {Number} Line width + */ + getLineWidth(lineIndex) { + if (this.__lineWidths[lineIndex] !== undefined) { + return this.__lineWidths[lineIndex]; + } + const lineInfo = this.measureLine(lineIndex); + const width = lineInfo.width; + this.__lineWidths[lineIndex] = width; + return width; + } + _getWidthOfCharSpacing() { + if (this.charSpacing !== 0) { + return (this.fontSize * this.charSpacing) / 1000; + } + return 0; + } + /** + * Retrieves the value of property at given character position + * @param {Number} lineIndex the line number + * @param {Number} charIndex the character number + * @param {String} property the property name + * @returns the value of 'property' + */ + getValueOfPropertyAt(lineIndex, charIndex, property) { + const charStyle = this._getStyleDeclaration(lineIndex, charIndex); + if (charStyle && typeof charStyle[property] !== 'undefined') { + return charStyle[property]; + } + return this[property]; + } + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderTextDecoration(ctx, type) { + if (!this[type] && !this.styleHas(type)) { + return; + } + let topOffset = this._getTopOffset(); + const leftOffset = this._getLeftOffset(), path = this.path, charSpacing = this._getWidthOfCharSpacing(), offsetY = this.offsets[type]; + for (let i = 0, len = this._textLines.length; i < len; i++) { + const heightOfLine = this.getHeightOfLine(i); + if (!this[type] && !this.styleHas(type, i)) { + topOffset += heightOfLine; + continue; + } + const line = this._textLines[i]; + const maxHeight = heightOfLine / this.lineHeight; + const lineLeftOffset = this._getLineLeftOffset(i); + let boxStart = 0; + let boxWidth = 0; + let lastDecoration = this.getValueOfPropertyAt(i, 0, type); + let lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); + let currentDecoration; + let currentFill; + const top = topOffset + maxHeight * (1 - this._fontSizeFraction); + let size = this.getHeightOfChar(i, 0); + let dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); + for (let j = 0, jlen = line.length; j < jlen; j++) { + const charBox = this.__charBounds[i][j]; + currentDecoration = this.getValueOfPropertyAt(i, j, type); + currentFill = this.getValueOfPropertyAt(i, j, 'fill'); + const currentSize = this.getHeightOfChar(i, j); + const currentDy = this.getValueOfPropertyAt(i, j, 'deltaY'); + if (path && currentDecoration && currentFill) { + ctx.save(); + ctx.fillStyle = lastFill; + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillRect(-charBox.kernedWidth / 2, offsetY * currentSize + currentDy, charBox.kernedWidth, this.fontSize / 15); + ctx.restore(); + } + else if ((currentDecoration !== lastDecoration || + currentFill !== lastFill || + currentSize !== size || + currentDy !== dy) && + boxWidth > 0) { + let drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + if (lastDecoration && lastFill) { + ctx.fillStyle = lastFill; + ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth, this.fontSize / 15); + } + boxStart = charBox.left; + boxWidth = charBox.width; + lastDecoration = currentDecoration; + lastFill = currentFill; + size = currentSize; + dy = currentDy; + } + else { + boxWidth += charBox.kernedWidth; + } + } + let drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentFill; + currentDecoration && + currentFill && + ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth - charSpacing, this.fontSize / 15); + topOffset += heightOfLine; + } + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + } + /** + * return font declaration string for canvas context + * @param {Object} [styleObject] object + * @returns {String} font declaration formatted for canvas context. + */ + _getFontDeclaration(styleObject, forMeasuring) { + const style = styleObject || this, family = this.fontFamily, fontIsGeneric = Text.genericFonts.indexOf(family.toLowerCase()) > -1; + const fontFamily = family === undefined || + family.indexOf("'") > -1 || + family.indexOf(',') > -1 || + family.indexOf('"') > -1 || + fontIsGeneric + ? style.fontFamily + : '"' + style.fontFamily + '"'; + return [ + // node-canvas needs "weight style", while browsers need "style weight" + // verify if this can be fixed in JSDOM + fabric$1.isLikelyNode ? style.fontWeight : style.fontStyle, + fabric$1.isLikelyNode ? style.fontStyle : style.fontWeight, + forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', + fontFamily, + ].join(' '); + } + /** + * Renders text instance on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render(ctx) { + if (!this.visible) { + return; + } + if (this.canvas && + this.canvas.skipOffscreen && + !this.group && + !this.isOnScreen()) { + return; + } + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + } + super.render(ctx); + } + /** + * Override this method to customize grapheme splitting + * @todo the util `graphemeSplit` needs to be injectable in some way. + * is more comfortable to inject the correct util rather than having to override text + * in the middle of the prototype chain + * @param {string} value + * @returns {string[]} array of graphemes + */ + graphemeSplit(value) { + return graphemeSplit(value); + } + /** + * Returns the text as an array of lines. + * @param {String} text text to split + * @returns Lines in the text + */ + _splitTextIntoLines(text) { + const lines = text.split(this._reNewline), newLines = new Array(lines.length), newLine = ['\n']; + let newText = []; + for (let i = 0; i < lines.length; i++) { + newLines[i] = this.graphemeSplit(lines[i]); + newText = newText.concat(newLines[i], newLine); + } + newText.pop(); + return { + _unwrappedLines: newLines, + lines: lines, + graphemeText: newText, + graphemeLines: newLines, + }; + } + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject(propertiesToInclude) { + const allProperties = additionalProps.concat(propertiesToInclude); + const obj = super.toObject(allProperties); + obj.styles = stylesToArray(this.styles, this.text); + if (obj.path) { + obj.path = this.path.toObject(); + } + return obj; + } + set(key, value) { + super.set(key, value); + let needsDims = false; + let isAddingPath = false; + if (typeof key === 'object') { + for (const _key in key) { + if (_key === 'path') { + this.setPathInfo(); + } + needsDims = + needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; + isAddingPath = isAddingPath || _key === 'path'; + } + } + else { + needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; + isAddingPath = key === 'path'; + } + if (isAddingPath) { + this.setPathInfo(); + } + if (needsDims && this.initialized) { + this.initDimensions(); + this.setCoords(); + } + return this; + } + /** + * Returns complexity of an instance + * @return {Number} complexity + */ + complexity() { + return 1; + } + /** + * Returns Text instance from an SVG element (not yet implemented) + * @static + * @memberOf Text + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + static fromElement(element, callback, options) { + if (!element) { + return callback(null); + } + const parsedAttributes = fabric$1.parseAttributes(element, Text.ATTRIBUTE_NAMES), parsedAnchor = parsedAttributes.textAnchor || 'left'; + options = Object.assign({}, options, parsedAttributes); + options.top = options.top || 0; + options.left = options.left || 0; + if (parsedAttributes.textDecoration) { + const textDecoration = parsedAttributes.textDecoration; + if (textDecoration.indexOf('underline') !== -1) { + options.underline = true; + } + if (textDecoration.indexOf('overline') !== -1) { + options.overline = true; + } + if (textDecoration.indexOf('line-through') !== -1) { + options.linethrough = true; + } + delete options.textDecoration; + } + if ('dx' in parsedAttributes) { + options.left += parsedAttributes.dx; + } + if ('dy' in parsedAttributes) { + options.top += parsedAttributes.dy; + } + if (!('fontSize' in options)) { + options.fontSize = DEFAULT_SVG_FONT_SIZE; + } + let textContent = ''; + // The XML is not properly parsed in IE9 so a workaround to get + // textContent is through firstChild.data. Another workaround would be + // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) + if (!('textContent' in element)) { + if ('firstChild' in element && element.firstChild !== null) { + if ('data' in element.firstChild && element.firstChild.data !== null) { + textContent = element.firstChild.data; + } + } } else { - // is a simple gradient or pattern - ctx[property] = filler.toLive(ctx, this); - return this._applyPatternGradientTransform(ctx, filler); - } - } - else { - // is a color - ctx[property] = filler; - } - return { offsetX: 0, offsetY: 0 }; - }, - - _setStrokeStyles: function(ctx, decl) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = this.strokeLineCap; - ctx.lineDashOffset = this.strokeDashOffset; - ctx.lineJoin = this.strokeLineJoin; - ctx.miterLimit = this.strokeMiterLimit; - return this.handleFiller(ctx, 'strokeStyle', decl.stroke); + textContent = element.textContent; + } + textContent = textContent + .replace(/^\s+|\s+$|\n+/g, '') + .replace(/\s+/g, ' '); + const originalStrokeWidth = options.strokeWidth; + options.strokeWidth = 0; + const text = new Text(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, scaledDiff = lineHeightDiff * textHeightScaleFactor, textHeight = text.getScaledHeight() + scaledDiff; + let offX = 0; + /* + Adjust positioning: + x/y attributes in SVG correspond to the bottom-left corner of text bounding box + fabric output by default at top, left. + */ + if (parsedAnchor === 'center') { + offX = text.getScaledWidth() / 2; + } + if (parsedAnchor === 'right') { + offX = text.getScaledWidth(); + } + text.set({ + left: text.left - offX, + top: text.top - + (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / + text.lineHeight, + strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, + }); + callback(text); + } + /* _FROM_SVG_END_ */ + /** + * Returns Text instance from an object representation + * @static + * @memberOf Text + * @param {Object} object plain js Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + const styles = stylesFromArray(object.styles, object.text); + //copy object to prevent mutation + const objCopy = Object.assign({}, object, { styles: styles }); + return InteractiveFabricObject._fromObject(Text, objCopy, { + extraParam: 'text', + }); + } +} +Text.genericFonts = [ + 'sans-serif', + 'serif', + 'cursive', + 'fantasy', + 'monospace', +]; +/* _FROM_SVG_START_ */ +/** + * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement}) + * @static + * @memberOf Text + * @see: http://www.w3.org/TR/SVG/text.html#TextElement + */ +Text.ATTRIBUTE_NAMES = fabric$1.SHARED_ATTRIBUTES.concat('x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); +const textDefaultValues = { + _dimensionAffectingProps: [ + 'fontSize', + 'fontWeight', + 'fontFamily', + 'fontStyle', + 'lineHeight', + 'text', + 'charSpacing', + 'textAlign', + 'styles', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign', + ], + _styleProperties: [ + 'stroke', + 'strokeWidth', + 'fill', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'fontStyle', + 'underline', + 'overline', + 'linethrough', + 'deltaY', + 'textBackgroundColor', + ], + _reNewline: /\r?\n/, + _reSpacesAndTabs: /[ \t\r]/g, + _reSpaceAndTab: /[ \t\r]/, + _reWords: /\S+/g, + type: 'text', + fontSize: 40, + fontWeight: 'normal', + fontFamily: 'Times New Roman', + underline: false, + overline: false, + linethrough: false, + textAlign: 'left', + fontStyle: 'normal', + lineHeight: 1.16, + superscript: { + size: 0.6, + baseline: -0.35, // baseline-shift factor (upwards) }, - - _setFillStyles: function(ctx, decl) { - return this.handleFiller(ctx, 'fillStyle', decl.fill); + subscript: { + size: 0.6, + baseline: 0.11, // baseline-shift factor (downwards) + }, + textBackgroundColor: '', + stateProperties: fabricObjectDefaultValues.stateProperties.concat(additionalProps), + cacheProperties: fabricObjectDefaultValues.cacheProperties.concat(additionalProps), + stroke: null, + shadow: null, + path: null, + pathStartOffset: 0, + pathSide: 'left', + pathAlign: 'baseline', + _fontSizeFraction: 0.222, + offsets: { + underline: 0.1, + linethrough: -0.315, + overline: -0.88, }, + _fontSizeMult: 1.13, + charSpacing: 0, + styles: null, + deltaY: 0, + direction: 'ltr', + CACHE_FONT_SIZE: 400, + MIN_TEXT_WIDTH: 2, +}; +Object.assign(Text.prototype, textDefaultValues); +fabric$1.Text = Text; +// @ts-nocheck +// extend this regex to support non english languages +const reNonWord = /[ \n\.,;!\?\-]/; +class ITextBehaviorMixin extends Text { + constructor() { + super(...arguments); + this.cursorOffsetCache = {}; + } /** - * @private - * @param {String} method - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {String} _char - * @param {Number} left Left coordinate - * @param {Number} top Top coordinate - * @param {Number} lineHeight Height of the line + * Initializes all the interactive behavior of IText */ - _renderChar: function(method, ctx, lineIndex, charIndex, _char, left, top) { - var decl = this._getStyleDeclaration(lineIndex, charIndex), - fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), - shouldFill = method === 'fillText' && fullDecl.fill, - shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, - fillOffsets, strokeOffsets; - - if (!shouldStroke && !shouldFill) { - return; - } - ctx.save(); - - shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); - shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); - - ctx.font = this._getFontDeclaration(fullDecl); - - - if (decl && decl.textBackgroundColor) { - this._removeShadow(ctx); - } - if (decl && decl.deltaY) { - top += decl.deltaY; - } - shouldFill && ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); - shouldStroke && ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); - ctx.restore(); - }, - + initBehavior() { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + this.dragEnterHandler = this.dragEnterHandler.bind(this); + this.dragOverHandler = this.dragOverHandler.bind(this); + this.dragLeaveHandler = this.dragLeaveHandler.bind(this); + this.dragEndHandler = this.dragEndHandler.bind(this); + this.dropHandler = this.dropHandler.bind(this); + this.on('dragenter', this.dragEnterHandler); + this.on('dragover', this.dragOverHandler); + this.on('dragleave', this.dragLeaveHandler); + this.on('dragend', this.dragEndHandler); + this.on('drop', this.dropHandler); + } + onDeselect() { + this.isEditing && this.exitEditing(); + this.selected = false; + } /** - * Turns the character into a 'superior figure' (i.e. 'superscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable + * Initializes "added" event handler */ - setSuperscript: function(start, end) { - return this._setScript(start, end, this.superscript); - }, - + initAddedHandler() { + this.on('added', (opt) => { + // make sure we listen to the canvas added event + const canvas = opt.target; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + this._initCanvasHandlers(canvas); + } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(this); + } + }); + } + initRemovedHandler() { + this.on('removed', (opt) => { + // make sure we listen to the canvas removed event + const canvas = opt.target; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + removeFromArray(canvas._iTextInstances, this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + this._removeCanvasHandlers(canvas); + } + } + }); + } /** - * Turns the character into an 'inferior figure' (i.e. 'subscript') - * @param {Number} start selection start - * @param {Number} end selection end - * @returns {fabric.Text} thisArg - * @chainable + * register canvas event to manage exiting on other instances + * @private */ - setSubscript: function(start, end) { - return this._setScript(start, end, this.subscript); - }, - + _initCanvasHandlers(canvas) { + canvas._mouseUpITextHandler = function () { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach((tObj) => { + tObj.__isMousedown = false; + }); + } + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + } /** - * Applies 'schema' at given position + * remove canvas event to manage exiting on other instances * @private - * @param {Number} start selection start - * @param {Number} end selection end - * @param {Number} schema - * @returns {fabric.Text} thisArg - * @chainable */ - _setScript: function(start, end, schema) { - var loc = this.get2DCursorLocation(start, true), - fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), - dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), - style = { fontSize: fontSize * schema.size, deltaY: dy + fontSize * schema.baseline }; - this.setSelectionStyles(style, start, end); - return this; - }, - + _removeCanvasHandlers(canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + } /** * @private - * @param {Object} prevStyle - * @param {Object} thisStyle - */ - _hasStyleChanged: function(prevStyle, thisStyle) { - return prevStyle.fill !== thisStyle.fill || - prevStyle.stroke !== thisStyle.stroke || - prevStyle.strokeWidth !== thisStyle.strokeWidth || - prevStyle.fontSize !== thisStyle.fontSize || - prevStyle.fontFamily !== thisStyle.fontFamily || - prevStyle.fontWeight !== thisStyle.fontWeight || - prevStyle.fontStyle !== thisStyle.fontStyle || - prevStyle.deltaY !== thisStyle.deltaY; - }, - + */ + _tick() { + this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); + } /** * @private - * @param {Object} prevStyle - * @param {Object} thisStyle - */ - _hasStyleChangedForSvg: function(prevStyle, thisStyle) { - return this._hasStyleChanged(prevStyle, thisStyle) || - prevStyle.overline !== thisStyle.overline || - prevStyle.underline !== thisStyle.underline || - prevStyle.linethrough !== thisStyle.linethrough; - }, - + */ + _animateCursor(obj, targetOpacity, duration, completeMethod) { + const tickState = { + isAborted: false, + abort: function () { + this.isAborted = true; + }, + }; + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function () { + if (!tickState.isAborted) { + obj[completeMethod](); + } + }, + onChange: function () { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); + } + }, + abort: function () { + return tickState.isAborted; + }, + }); + return tickState; + } /** * @private - * @param {Number} lineIndex index text line - * @return {Number} Line left offset */ - _getLineLeftOffset: function(lineIndex) { - var lineWidth = this.getLineWidth(lineIndex), - lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, - isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); - if (textAlign === 'justify' - || (textAlign === 'justify-center' && !isEndOfWrapping) - || (textAlign === 'justify-right' && !isEndOfWrapping) - || (textAlign === 'justify-left' && !isEndOfWrapping) - ) { - return 0; - } - if (textAlign === 'center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'right') { - leftOffset = lineDiff; - } - if (textAlign === 'justify-center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'justify-right') { - leftOffset = lineDiff; - } - if (direction === 'rtl') { - leftOffset -= lineDiff; - } - return leftOffset; - }, - + _onTickComplete() { + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); + } + this._cursorTimeout1 = setTimeout(() => { + this._currentTickCompleteState = this._animateCursor(this, 0, this.cursorDuration / 2, '_tick'); + }, 100); + } /** - * @private + * Initializes delayed cursor */ - _clearCache: function() { - this.__lineWidths = []; - this.__lineHeights = []; - this.__charBounds = []; - }, - + initDelayedCursor(restart) { + const delay = restart ? 0 : this.cursorDelay; + this.abortCursorAnimation(); + if (delay) { + this._cursorTimeout2 = setTimeout(() => { + this._tick(); + }, delay); + } + else { + this._tick(); + } + } /** - * @private + * Aborts cursor animation, clears all timeouts and clear textarea context if necessary */ - _shouldClearDimensionCache: function() { - var shouldClear = this._forceClearCache; - shouldClear || (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); - if (shouldClear) { - this.dirty = true; - this._forceClearCache = false; - } - return shouldClear; - }, - + abortCursorAnimation() { + const shouldClear = this._currentTickState || this._currentTickCompleteState; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && this._currentTickCompleteState.abort(); + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); + this._currentCursorOpacity = 1; + // make sure we clear context even if instance is not editing + if (shouldClear) { + this.clearContextTop(); + } + } + restartCursorIfNeeded() { + if (!this._currentTickState || + this._currentTickState.isAborted || + !this._currentTickCompleteState || + this._currentTickCompleteState.isAborted) { + this.initDelayedCursor(); + } + } /** - * Measure a single line given its index. Used to calculate the initial - * text bounding box. The values are calculated and stored in __lineWidths cache. - * @private - * @param {Number} lineIndex line number - * @return {Number} Line width + * Selects entire text */ - getLineWidth: function(lineIndex) { - if (this.__lineWidths[lineIndex] !== undefined) { - return this.__lineWidths[lineIndex]; - } - - var lineInfo = this.measureLine(lineIndex); - var width = lineInfo.width; - this.__lineWidths[lineIndex] = width; - return width; - }, - - _getWidthOfCharSpacing: function() { - if (this.charSpacing !== 0) { - return this.fontSize * this.charSpacing / 1000; - } - return 0; - }, - + selectAll() { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } /** - * Retrieves the value of property at given character position - * @param {Number} lineIndex the line number - * @param {Number} charIndex the character number - * @param {String} property the property name - * @returns the value of 'property' + * Returns selected text + * @return {String} */ - getValueOfPropertyAt: function(lineIndex, charIndex, property) { - var charStyle = this._getStyleDeclaration(lineIndex, charIndex); - if (charStyle && typeof charStyle[property] !== 'undefined') { - return charStyle[property]; - } - return this[property]; - }, - + getSelectedText() { + return this._text.slice(this.selectionStart, this.selectionEnd).join(''); + } /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index */ - _renderTextDecoration: function(ctx, type) { - if (!this[type] && !this.styleHas(type)) { - return; - } - var heightOfLine, size, _size, - lineLeftOffset, dy, _dy, - line, lastDecoration, - leftOffset = this._getLeftOffset(), - topOffset = this._getTopOffset(), top, - boxStart, boxWidth, charBox, currentDecoration, - maxHeight, currentFill, lastFill, path = this.path, - charSpacing = this._getWidthOfCharSpacing(), - offsetY = this.offsets[type]; - - for (var i = 0, len = this._textLines.length; i < len; i++) { - heightOfLine = this.getHeightOfLine(i); - if (!this[type] && !this.styleHas(type, i)) { - topOffset += heightOfLine; - continue; - } - line = this._textLines[i]; - maxHeight = heightOfLine / this.lineHeight; - lineLeftOffset = this._getLineLeftOffset(i); - boxStart = 0; - boxWidth = 0; - lastDecoration = this.getValueOfPropertyAt(i, 0, type); - lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); - top = topOffset + maxHeight * (1 - this._fontSizeFraction); - size = this.getHeightOfChar(i, 0); - dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentDecoration = this.getValueOfPropertyAt(i, j, type); - currentFill = this.getValueOfPropertyAt(i, j, 'fill'); - _size = this.getHeightOfChar(i, j); - _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); - if (path && currentDecoration && currentFill) { - ctx.save(); - ctx.fillStyle = lastFill; - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillRect( - -charBox.kernedWidth / 2, - offsetY * _size + _dy, - charBox.kernedWidth, - this.fontSize / 15 - ); - ctx.restore(); - } - else if ( - (currentDecoration !== lastDecoration || currentFill !== lastFill || _size !== size || _dy !== dy) - && boxWidth > 0 - ) { - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - if (lastDecoration && lastFill) { - ctx.fillStyle = lastFill; - ctx.fillRect( - drawStart, - top + offsetY * size + dy, - boxWidth, - this.fontSize / 15 - ); - } - boxStart = charBox.left; - boxWidth = charBox.width; - lastDecoration = currentDecoration; - lastFill = currentFill; - size = _size; - dy = _dy; - } - else { - boxWidth += charBox.kernedWidth; - } - } - var drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentFill; - currentDecoration && currentFill && ctx.fillRect( - drawStart, - top + offsetY * size + dy, - boxWidth - charSpacing, - this.fontSize / 15 - ); - topOffset += heightOfLine; - } - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - }, - + findWordBoundaryLeft(startFrom) { + let offset = 0, index = startFrom - 1; + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index--; + } + } + while (/\S/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + return startFrom - offset; + } /** - * return font declaration string for canvas context - * @param {Object} [styleObject] object - * @returns {String} font declaration formatted for canvas context. + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index */ - _getFontDeclaration: function(styleObject, forMeasuring) { - var style = styleObject || this, family = this.fontFamily, - fontIsGeneric = fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1; - var fontFamily = family === undefined || - family.indexOf('\'') > -1 || family.indexOf(',') > -1 || - family.indexOf('"') > -1 || fontIsGeneric - ? style.fontFamily : '"' + style.fontFamily + '"'; - return [ - // node-canvas needs "weight style", while browsers need "style weight" - // verify if this can be fixed in JSDOM - (fabric.isLikelyNode ? style.fontWeight : style.fontStyle), - (fabric.isLikelyNode ? style.fontStyle : style.fontWeight), - forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', - fontFamily - ].join(' '); - }, - + findWordBoundaryRight(startFrom) { + let offset = 0, index = startFrom; + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index++; + } + } + while (/\S/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + return startFrom + offset; + } /** - * Renders text instance on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index */ - render: function(ctx) { - // do not render if object is not visible - if (!this.visible) { - return; - } - if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { - return; - } - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - } - this.callSuper('render', ctx); - }, - + findLineBoundaryLeft(startFrom) { + let offset = 0, index = startFrom - 1; + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + return startFrom - offset; + } /** - * Returns the text as an array of lines. - * @param {String} text text to split - * @returns {Array} Lines in the text - */ - _splitTextIntoLines: function(text) { - var lines = text.split(this._reNewline), - newLines = new Array(lines.length), - newLine = ['\n'], - newText = []; - for (var i = 0; i < lines.length; i++) { - newLines[i] = fabric.util.string.graphemeSplit(lines[i]); - newText = newText.concat(newLines[i], newLine); - } - newText.pop(); - return { _unwrappedLines: newLines, lines: lines, graphemeText: newText, graphemeLines: newLines }; - }, - + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index + */ + findLineBoundaryRight(startFrom) { + let offset = 0, index = startFrom; + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + return startFrom + offset; + } /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word */ - toObject: function(propertiesToInclude) { - var allProperties = additionalProps.concat(propertiesToInclude); - var obj = this.callSuper('toObject', allProperties); - // styles will be overridden with a properly cloned structure - obj.styles = clone(this.styles, true); - if (obj.path) { - obj.path = this.path.toObject(); - } - return obj; - }, - + searchWordBoundary(selectionStart, direction) { + const text = this._text; + let index = this._reSpace.test(text[selectionStart]) + ? selectionStart - 1 + : selectionStart, _char = text[index]; + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + } /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg - * @chainable + * Selects a word based on the index + * @param {Number} selectionStart Index of a character */ - set: function(key, value) { - this.callSuper('set', key, value); - var needsDims = false; - var isAddingPath = false; - if (typeof key === 'object') { - for (var _key in key) { - if (_key === 'path') { - this.setPathInfo(); - } - needsDims = needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; - isAddingPath = isAddingPath || _key === 'path'; - } - } - else { - needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; - isAddingPath = key === 'path'; - } - if (isAddingPath) { - this.setPathInfo(); - } - if (needsDims) { - this.initDimensions(); - this.setCoords(); - } - return this; - }, - + selectWord(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + const newSelectionStart = this.searchWordBoundary(selectionStart, -1) /* search backwards */, newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + /** + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + */ + selectLine(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + const newSelectionStart = this.findLineBoundaryLeft(selectionStart), newSelectionEnd = this.findLineBoundaryRight(selectionStart); + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + } /** - * Returns complexity of an instance - * @return {Number} complexity + * Enters editing state */ - complexity: function() { - return 1; + enterEditing(e) { + if (this.isEditing || !this.editable) { + return; + } + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); + } + this.isEditing = true; + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { + return this; + } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; } - }); - - /* _FROM_SVG_START_ */ - /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement}) - * @static - * @memberOf fabric.Text - * @see: http://www.w3.org/TR/SVG/text.html#TextElement - */ - fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat( - 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); - - /** - * Default SVG font size - * @static - * @memberOf fabric.Text - */ - fabric.Text.DEFAULT_SVG_FONT_SIZE = 16; - - /** - * Returns fabric.Text instance from an SVG element (not yet implemented) - * @static - * @memberOf fabric.Text - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object - */ - fabric.Text.fromElement = function(element, callback, options) { - if (!element) { - return callback(null); + exitEditingOnOthers(canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach((obj) => { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); + } + }); + } } - - var parsedAttributes = fabric.parseAttributes(element, fabric.Text.ATTRIBUTE_NAMES), - parsedAnchor = parsedAttributes.textAnchor || 'left'; - options = fabric.util.object.extend((options ? clone(options) : { }), parsedAttributes); - - options.top = options.top || 0; - options.left = options.left || 0; - if (parsedAttributes.textDecoration) { - var textDecoration = parsedAttributes.textDecoration; - if (textDecoration.indexOf('underline') !== -1) { - options.underline = true; - } - if (textDecoration.indexOf('overline') !== -1) { - options.overline = true; - } - if (textDecoration.indexOf('line-through') !== -1) { - options.linethrough = true; - } - delete options.textDecoration; - } - if ('dx' in parsedAttributes) { - options.left += parsedAttributes.dx; - } - if ('dy' in parsedAttributes) { - options.top += parsedAttributes.dy; - } - if (!('fontSize' in options)) { - options.fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; + /** + * Initializes "mousemove" event handler + */ + initMouseMoveHandler() { + this.canvas.on('mouse:move', this.mouseMoveHandler); } - - var textContent = ''; - - // The XML is not properly parsed in IE9 so a workaround to get - // textContent is through firstChild.data. Another workaround would be - // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) - if (!('textContent' in element)) { - if ('firstChild' in element && element.firstChild !== null) { - if ('data' in element.firstChild && element.firstChild.data !== null) { - textContent = element.firstChild.data; + /** + * @private + */ + mouseMoveHandler(options) { + if (!this.__isMousedown || !this.isEditing) { + return; } - } - } - else { - textContent = element.textContent; + // regain focus + fabric$1.document.activeElement !== this.hiddenTextarea && + this.hiddenTextarea.focus(); + const newSelectionStart = this.getSelectionStartFromPointer(options.e), currentStart = this.selectionStart, currentEnd = this.selectionEnd; + if ((newSelectionStart !== this.__selectionStartOnMouseDown || + currentStart === currentEnd) && + (currentStart === newSelectionStart || currentEnd === newSelectionStart)) { + return; + } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } + else { + this.selectionStart = newSelectionStart; + this.selectionEnd = this.__selectionStartOnMouseDown; + } + if (this.selectionStart !== currentStart || + this.selectionEnd !== currentEnd) { + this.restartCursorIfNeeded(); + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + } + /** + * Override to customize the drag image + * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage + * @param {DragEvent} e + * @param {object} data + * @param {number} data.selectionStart + * @param {number} data.selectionEnd + * @param {string} data.text + * @param {string} data.value selected text + */ + setDragImage(e, data) { + const t = this.calcTransformMatrix(); + const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); + const boundaries = this._getCursorBoundaries(data.selectionStart); + const selectionPosition = new Point(boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset).multiply(flipFactor); + const pos = transformPoint(selectionPosition, t); + const pointer = this.canvas.getPointer(e); + const diff = pointer.subtract(pos); + const enableRetinaScaling = this.canvas._isRetinaScaling(); + const retinaScaling = this.canvas.getRetinaScaling(); + const bbox = this.getBoundingRect(true); + const correction = pos.subtract(new Point(bbox.left, bbox.top)); + const offset = correction.add(diff).scalarMultiply(retinaScaling); + // prepare instance for drag image snapshot by making all non selected text invisible + const bgc = this.backgroundColor; + const styles = object.clone(this.styles, true); + delete this.backgroundColor; + const styleOverride = { + fill: 'transparent', + textBackgroundColor: 'transparent', + }; + this.setSelectionStyles(styleOverride, 0, data.selectionStart); + this.setSelectionStyles(styleOverride, data.selectionEnd, data.text.length); + let dragImage = this.toCanvasElement({ + enableRetinaScaling: enableRetinaScaling, + }); + this.backgroundColor = bgc; + this.styles = styles; + // handle retina scaling + if (enableRetinaScaling && retinaScaling > 1) { + const c = createCanvasElement(); + c.width = dragImage.width / retinaScaling; + c.height = dragImage.height / retinaScaling; + const ctx = c.getContext('2d'); + ctx.scale(1 / retinaScaling, 1 / retinaScaling); + ctx.drawImage(dragImage, 0, 0); + dragImage = c; + } + this.__dragImageDisposer && this.__dragImageDisposer(); + this.__dragImageDisposer = () => { + dragImage.remove(); + }; + // position drag image offsecreen + setStyle(dragImage, { + position: 'absolute', + left: -dragImage.width + 'px', + border: 'none', + }); + fabric$1.document.body.appendChild(dragImage); + e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); + } + /** + * support native like text dragging + * @private + * @param {DragEvent} e + * @returns {boolean} should handle event + */ + onDragStart(e) { + this.__dragStartFired = true; + if (this.__isDragging) { + const selection = (this.__dragStartSelection = { + selectionStart: this.selectionStart, + selectionEnd: this.selectionEnd, + }); + const value = this._text + .slice(selection.selectionStart, selection.selectionEnd) + .join(''); + const data = Object.assign({ text: this.text, value: value }, selection); + e.dataTransfer.setData('text/plain', value); + e.dataTransfer.setData('application/fabric', JSON.stringify({ + value: value, + styles: this.getSelectionStyles(selection.selectionStart, selection.selectionEnd, true), + })); + e.dataTransfer.effectAllowed = 'copyMove'; + this.setDragImage(e, data); + } + this.abortCursorAnimation(); + return this.__isDragging; } - - textContent = textContent.replace(/^\s+|\s+$|\n+/g, '').replace(/\s+/g, ' '); - var originalStrokeWidth = options.strokeWidth; - options.strokeWidth = 0; - - var text = new fabric.Text(textContent, options), - textHeightScaleFactor = text.getScaledHeight() / text.height, - lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, - scaledDiff = lineHeightDiff * textHeightScaleFactor, - textHeight = text.getScaledHeight() + scaledDiff, - offX = 0; - /* - Adjust positioning: - x/y attributes in SVG correspond to the bottom-left corner of text bounding box - fabric output by default at top, left. - */ - if (parsedAnchor === 'center') { - offX = text.getScaledWidth() / 2; + /** + * Override to customize drag and drop behavior + * @public + * @param {DragEvent} e + * @returns {boolean} + */ + canDrop(e) { + if (this.editable && !this.__corner) { + if (this.__isDragging && this.__dragStartSelection) { + // drag source trying to drop over itself + // allow dropping only outside of drag start selection + const index = this.getSelectionStartFromPointer(e); + const dragStartSelection = this.__dragStartSelection; + return (index < dragStartSelection.selectionStart || + index > dragStartSelection.selectionEnd); + } + return true; + } + return false; } - if (parsedAnchor === 'right') { - offX = text.getScaledWidth(); + /** + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e + */ + dragEnterHandler({ e }) { + const canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; + } } - text.set({ - left: text.left - offX, - top: text.top - (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / text.lineHeight, - strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, - }); - callback(text); - }; - /* _FROM_SVG_END_ */ - - /** - * Returns fabric.Text instance from an object representation - * @static - * @memberOf fabric.Text - * @param {Object} object plain js Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Text instance is created - */ - fabric.Text.fromObject = function(object, callback) { - var objectCopy = clone(object), path = object.path; - delete objectCopy.path; - return fabric.Object._fromObject('Text', objectCopy, function(textInstance) { - if (path) { - fabric.Object._fromObject('Path', path, function(pathInstance) { - textInstance.set('path', pathInstance); - callback(textInstance); - }, 'path'); - } - else { - callback(textInstance); - } - }, 'text'); - }; - - fabric.Text.genericFonts = ['sans-serif', 'serif', 'cursive', 'fantasy', 'monospace']; - - fabric.util.createAccessors && fabric.util.createAccessors(fabric.Text); - -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * support native like text dragging + * @private + * @param {object} options + * @param {DragEvent} options.e */ - isEmptyStyles: function(lineIndex) { - if (!this.styles) { - return true; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return true; - } - var obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } + dragOverHandler({ e }) { + const canDrop = !e.defaultPrevented && this.canDrop(e); + if (!this.__isDraggingOver && canDrop) { + this.__isDraggingOver = true; } - } - return true; - }, - + else if (this.__isDraggingOver && !canDrop) { + // drop state has changed + this.__isDraggingOver = false; + } + if (this.__isDraggingOver) { + // can be dropped, inform browser + e.preventDefault(); + // inform event subscribers + options.canDrop = true; + options.dropTarget = this; + // find cursor under the drag part. + } + } /** - * Returns true if object has a style property or has it ina specified line - * This function is used to detect if a text will use a particular property or not. - * @param {String} property to check for - * @param {Number} lineIndex to check the style on - * @return {Boolean} + * support native like text dragging + * @private */ - styleHas: function(property, lineIndex) { - if (!this.styles || !property || property === '') { - return false; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return false; - } - var obj = typeof lineIndex === 'undefined' ? this.styles : { 0: this.styles[lineIndex] }; - // eslint-disable-next-line - for (var p1 in obj) { - // eslint-disable-next-line - for (var p2 in obj[p1]) { - if (typeof obj[p1][p2][property] !== 'undefined') { - return true; - } + dragLeaveHandler() { + if (this.__isDraggingOver || this.__isDragging) { + this.__isDraggingOver = false; } - } - return false; - }, - + } /** - * Check if characters in a text have a value for a property - * whose value matches the textbox's value for that property. If so, - * the character-level property is deleted. If the character - * has no other properties, then it is also deleted. Finally, - * if the line containing that character has no other characters - * then it also is deleted. - * - * @param {string} property The property to compare between characters and text. + * support native like text dragging + * fired only on the drag source + * handle changes to the drag source in case of a drop on another object or a cancellation + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * @private + * @param {object} options + * @param {DragEvent} options.e */ - cleanStyle: function(property) { - if (!this.styles || !property || property === '') { - return false; - } - var obj = this.styles, stylesCount = 0, letterCount, stylePropertyValue, - allStyleObjectPropertiesMatch = true, graphemeCount = 0, styleObject; - // eslint-disable-next-line - for (var p1 in obj) { - letterCount = 0; - // eslint-disable-next-line - for (var p2 in obj[p1]) { - var styleObject = obj[p1][p2], - stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); - - stylesCount++; - - if (stylePropertyHasBeenSet) { - if (!stylePropertyValue) { - stylePropertyValue = styleObject[property]; - } - else if (styleObject[property] !== stylePropertyValue) { - allStyleObjectPropertiesMatch = false; - } - - if (styleObject[property] === this[property]) { - delete styleObject[property]; + dragEndHandler({ e }) { + if (this.__isDragging && this.__dragStartFired) { + // once the drop event finishes we check if we need to change the drag source + // if the drag source received the drop we bail out + if (this.__dragStartSelection) { + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + const dropEffect = e.dataTransfer.dropEffect; + if (dropEffect === 'none') { + this.selectionStart = selectionStart; + this.selectionEnd = selectionEnd; + this._updateTextarea(); + } + else { + this.clearContextTop(); + if (dropEffect === 'move') { + this.insertChars('', null, selectionStart, selectionEnd); + this.selectionStart = this.selectionEnd = selectionStart; + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: selectionStart, + action: 'dragend', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + this.exitEditing(); + // disable mouse up logic + this.__lastSelected = false; + } } - } - else { - allStyleObjectPropertiesMatch = false; - } - - if (Object.keys(styleObject).length !== 0) { - letterCount++; - } - else { - delete obj[p1][p2]; - } } - - if (letterCount === 0) { - delete obj[p1]; - } - } - // if every grapheme has the same style set then - // delete those styles and set it on the parent - for (var i = 0; i < this._textLines.length; i++) { - graphemeCount += this._textLines[i].length; - } - if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; - this.removeStyle(property); - } - }, - + this.__dragImageDisposer && this.__dragImageDisposer(); + delete this.__dragImageDisposer; + delete this.__dragStartSelection; + this.__isDraggingOver = false; + } /** - * Remove a style property or properties from all individual character styles - * in a text object. Deletes the character style object if it contains no other style - * props. Deletes a line style object if it contains no other character styles. + * support native like text dragging * - * @param {String} props The property to remove from character styles. + * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} + * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event + * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop + * @private + * @param {object} options + * @param {DragEvent} options.e */ - removeStyle: function(property) { - if (!this.styles || !property || property === '') { - return; - } - var obj = this.styles, line, lineNum, charNum; - for (lineNum in obj) { - line = obj[lineNum]; - for (charNum in line) { - delete line[charNum][property]; - if (Object.keys(line[charNum]).length === 0) { - delete line[charNum]; - } - } - if (Object.keys(line).length === 0) { - delete obj[lineNum]; - } - } - }, - + dropHandler({ e }) { + const didDrop = e.defaultPrevented; + this.__isDraggingOver = false; + // inform browser that the drop has been accepted + e.preventDefault(); + let insert = e.dataTransfer.getData('text/plain'); + if (insert && !didDrop) { + let insertAt = this.getSelectionStartFromPointer(e); + const data = e.dataTransfer.types.includes('application/fabric') + ? JSON.parse(e.dataTransfer.getData('application/fabric')) + : {}; + const styles = data.styles; + const trailing = insert[Math.max(0, insert.length - 1)]; + const selectionStartOffset = 0; + // drag and drop in same instance + if (this.__dragStartSelection) { + const selectionStart = this.__dragStartSelection.selectionStart; + const selectionEnd = this.__dragStartSelection.selectionEnd; + if (insertAt > selectionStart && insertAt <= selectionEnd) { + insertAt = selectionStart; + } + else if (insertAt > selectionEnd) { + insertAt -= selectionEnd - selectionStart; + } + this.insertChars('', null, selectionStart, selectionEnd); + // prevent `dragend` from handling event + delete this.__dragStartSelection; + } + // remove redundant line break + if (this._reNewline.test(trailing) && + (this._reNewline.test(this._text[insertAt]) || + insertAt === this._text.length)) { + insert = insert.trimEnd(); + } + // inform subscribers + options.didDrop = true; + options.dropTarget = this; + // finalize + this.insertChars(insert, styles, insertAt); + // can this part be moved in an outside event? andrea to check. + this.canvas.setActiveObject(this); + this.enterEditing(); + this.selectionStart = Math.min(insertAt + selectionStartOffset, this._text.length); + this.selectionEnd = Math.min(this.selectionStart + insert.length, this._text.length); + this.hiddenTextarea && (this.hiddenTextarea.value = this.text); + this._updateTextarea(); + this.fire('changed', { + index: insertAt + selectionStartOffset, + action: 'drop', + }); + this.canvas.fire('text:changed', { target: this }); + this.canvas.contextTopDirty = true; + this.canvas.requestRenderAll(); + } + } /** * @private */ - _extendStyles: function(index, styles) { - var loc = this.get2DCursorLocation(index); - - if (!this._getLineStyle(loc.lineIndex)) { - this._setLineStyle(loc.lineIndex); - } - - if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { - this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); - } - - fabric.util.object.extend(this._getStyleDeclaration(loc.lineIndex, loc.charIndex), styles); - }, - + _setEditingProps() { + this.hoverCursor = 'text'; + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; + } + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + } /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + * convert from textarea to grapheme indexes */ - get2DCursorLocation: function(selectionStart, skipWrapping) { - if (typeof selectionStart === 'undefined') { - selectionStart = this.selectionStart; - } - var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, - len = lines.length; - for (var i = 0; i < len; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: lines[i - 1].length < selectionStart ? lines[i - 1].length : selectionStart - }; - }, - + fromStringToGraphemeSelection(start, end, text) { + const smallerTextStart = text.slice(0, start), graphemeStart = this.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + const smallerTextEnd = text.slice(start, end), graphemeEnd = this.graphemeSplit(smallerTextEnd).length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects + * convert from fabric to textarea values */ - getSelectionStyles: function(startIndex, endIndex, complete) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - var styles = []; - for (var i = startIndex; i < endIndex; i++) { - styles.push(this.getStyleAtPosition(i, complete)); - } - return styles; - }, - + fromGraphemeToStringSelection(start, end, _text) { + const smallerTextStart = _text.slice(0, start), graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + const smallerTextEnd = _text.slice(start, end), graphemeEnd = smallerTextEnd.join('').length; + return { + selectionStart: graphemeStart, + selectionEnd: graphemeStart + graphemeEnd, + }; + } /** - * Gets style of a current selection/cursor position - * @param {Number} position to get styles at - * @param {Boolean} [complete] full style if true - * @return {Object} style Style object at a specified index * @private */ - getStyleAtPosition: function(position, complete) { - var loc = this.get2DCursorLocation(position), - style = complete ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) : - this._getStyleDeclaration(loc.lineIndex, loc.charIndex); - return style || {}; - }, - + _updateTextarea() { + this.cursorOffsetCache = {}; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + const newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; + } + this.updateTextareaPosition(); + } /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @return {fabric.IText} thisArg - * @chainable + * @private */ - setSelectionStyles: function(styles, startIndex, endIndex) { - if (typeof startIndex === 'undefined') { - startIndex = this.selectionStart || 0; - } - if (typeof endIndex === 'undefined') { - endIndex = this.selectionEnd || startIndex; - } - for (var i = startIndex; i < endIndex; i++) { - this._extendStyles(i, styles); - } - /* not included in _extendStyles to avoid clearing cache more than once */ - this._forceClearCache = true; - return this; - }, - + updateFromTextArea() { + if (!this.hiddenTextarea) { + return; + } + this.cursorOffsetCache = {}; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + const newSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + } /** - * get the reference, not a clone, of the style object for a given character - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Object} style object + * @private */ - _getStyleDeclaration: function(lineIndex, charIndex) { - var lineStyle = this.styles && this.styles[lineIndex]; - if (!lineStyle) { - return null; - } - return lineStyle[charIndex]; - }, - + updateTextareaPosition() { + if (this.selectionStart === this.selectionEnd) { + const style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + } /** - * return a new object that contains all the style property for a character - * the object returned is newly created - * @param {Number} lineIndex of the line where the character is - * @param {Number} charIndex position of the character on the line - * @return {Object} style object + * @private + * @return {Object} style contains style for hiddenTextarea */ - getCompleteStyleDeclaration: function(lineIndex, charIndex) { - var style = this._getStyleDeclaration(lineIndex, charIndex) || { }, - styleObject = { }, prop; - for (var i = 0; i < this._styleProperties.length; i++) { - prop = this._styleProperties[i]; - styleObject[prop] = typeof style[prop] === 'undefined' ? this[prop] : style[prop]; - } - return styleObject; - }, - + _calcTextareaPosition() { + if (!this.canvas) { + return { left: 1, top: 1 }; + } + const desiredPosition = this.inCompositionMode + ? this.compositionStart + : this.selectionStart, boundaries = this._getCursorBoundaries(desiredPosition), cursorLocation = this.get2DCursorLocation(desiredPosition), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * + this.lineHeight, leftOffset = boundaries.leftOffset, retinaScaling = this.canvas.getRetinaScaling(), upperCanvas = this.canvas.upperCanvasEl, upperCanvasWidth = upperCanvas.width / retinaScaling, upperCanvasHeight = upperCanvas.height / retinaScaling, maxWidth = upperCanvasWidth - charHeight, maxHeight = upperCanvasHeight - charHeight; + const p = new Point(boundaries.left + leftOffset, boundaries.top + boundaries.topOffset + charHeight) + .transform(this.calcTransformMatrix()) + .transform(this.canvas.viewportTransform) + .multiply(new Point(upperCanvas.clientWidth / upperCanvasWidth, upperCanvas.clientHeight / upperCanvasHeight)); + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + return { + left: p.x + 'px', + top: p.y + 'px', + fontSize: charHeight + 'px', + charHeight: charHeight, + }; + } /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style * @private */ - _setStyleDeclaration: function(lineIndex, charIndex, style) { - this.styles[lineIndex][charIndex] = style; - }, - + _saveEditingProps() { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor, + }; + } /** - * - * @param {Number} lineIndex - * @param {Number} charIndex * @private */ - _deleteStyleDeclaration: function(lineIndex, charIndex) { - delete this.styles[lineIndex][charIndex]; - }, - + _restoreEditingProps() { + if (!this._savedProps) { + return; + } + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; + } + delete this._savedProps; + } /** - * @param {Number} lineIndex - * @return {Boolean} if the line exists or not - * @private + * Exits from editing state */ - _getLineStyle: function(lineIndex) { - return !!this.styles[lineIndex]; - }, - + exitEditing() { + const isTextChanged = this._textBeforeEdit !== this.text; + const hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; + this.selectionEnd = this.selectionStart; + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && + hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && this.canvas.fire('object:modified', { target: this }); + } + return this; + } /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex * @private */ - _setLineStyle: function(lineIndex) { - this.styles[lineIndex] = {}; - }, - + _removeExtraneousStyles() { + for (const prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; + } + } + } + /** + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) + */ + removeStyleFromTo(start, end) { + let cursorStart = this.get2DCursorLocation(start, true), cursorEnd = this.get2DCursorLocation(end, true), lineStart = cursorStart.lineIndex, charStart = cursorStart.charIndex, lineEnd = cursorEnd.lineIndex, charEnd = cursorEnd.charIndex, i, styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { + delete this.styles[lineStart][i]; + } + } + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = {}); + this.styles[lineStart][charStart + i - charEnd] = styleObj; + } + } + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; + } + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } + else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + let diff = charEnd - charStart, numericChar, _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; + } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; + } + } + } + } + } /** - * @param {Number} lineIndex - * @private + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? */ - _deleteLineStyle: function(lineIndex) { - delete this.styles[lineIndex]; + shiftLineStyles(lineIndex, offset) { + const clonedStyles = Object.assign({}, this.styles); + for (const line in this.styles) { + const numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; + } + } + } } - }); -})(); - - -(function() { - - function parseDecoration(object) { - if (object.textDecoration) { - object.textDecoration.indexOf('underline') > -1 && (object.underline = true); - object.textDecoration.indexOf('line-through') > -1 && (object.linethrough = true); - object.textDecoration.indexOf('overline') > -1 && (object.overline = true); - delete object.textDecoration; - } - } - - /** - * IText class (introduced in v1.4) Events are also fired with "text:" - * prefix when observing canvas. - * @class fabric.IText - * @extends fabric.Text - * @mixes fabric.Observable - * - * @fires changed - * @fires selection:changed - * @fires editing:entered - * @fires editing:exited - * - * @return {fabric.IText} thisArg - * @see {@link fabric.IText#initialize} for constructor definition - * - *

Supported key combinations:

- * 
-   *   Move cursor:                    left, right, up, down
-   *   Select character:               shift + left, shift + right
-   *   Select text vertically:         shift + up, shift + down
-   *   Move cursor by word:            alt + left, alt + right
-   *   Select words:                   shift + alt + left, shift + alt + right
-   *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
-   *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
-   *   Jump to start/end of text:      cmd + up, cmd + down
-   *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
-   *   Delete character:               backspace
-   *   Delete word:                    alt + backspace
-   *   Delete line:                    cmd + backspace
-   *   Forward delete:                 delete
-   *   Copy text:                      ctrl/cmd + c
-   *   Paste text:                     ctrl/cmd + v
-   *   Cut text:                       ctrl/cmd + x
-   *   Select entire text:             ctrl/cmd + a
-   *   Quit editing                    tab or esc
-   *
- * - *

Supported mouse/touch combination

- * 
-   *   Position cursor:                click/touch
-   *   Create selection:               click/touch & drag
-   *   Create selection:               click & shift + click
-   *   Select word:                    double click
-   *   Select line:                    triple click
-   *
- */ - fabric.IText = fabric.util.createClass(fabric.Text, fabric.Observable, /** @lends fabric.IText.prototype */ { - /** - * Type of an object - * @type String - * @default + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles */ - type: 'i-text', - + insertNewlineStyleObject(lineIndex, charIndex, qty, copiedStyle) { + let currentCharStyle, newLineStyles = {}, somethingAdded = false, isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = + this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (const index in this.styles[lineIndex]) { + const numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; + } + } + } + let styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; + } + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, copiedStyle[qty - 1]), + }; + } + else if (currentCharStyle) { + this.styles[lineIndex + qty] = { + 0: Object.assign({}, currentCharStyle), + }; + } + else { + delete this.styles[lineIndex + qty]; + } + qty--; + } + this._forceClearCache = true; + } /** - * Index where text selection starts (or where cursor is when there is no selection) - * @type Number - * @default + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects */ - selectionStart: 0, - + insertCharStyleObject(lineIndex, charIndex, quantity, copiedStyle) { + if (!this.styles) { + this.styles = {}; + } + const currentLineStyles = this.styles[lineIndex], currentLineStylesCloned = currentLineStyles + ? Object.assign({}, currentLineStyles) + : {}; + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (const index in currentLineStylesCloned) { + const numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = + currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; + } + } + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; + } + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; + } + this.styles[lineIndex][charIndex + quantity] = Object.assign({}, copiedStyle[quantity]); + } + return; + } + if (!currentLineStyles) { + return; + } + const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { + this.styles[lineIndex][charIndex + quantity] = Object.assign({}, newStyle); + } + } /** - * Index where text selection ends - * @type Number - * @default + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. */ - selectionEnd: 0, - + insertNewStyleBlock(insertedText, start, copiedStyle) { + let cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; + } + else { + addedLines[linesLength]++; + } + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && + this.insertNewlineStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); + for (var i = 1; i < linesLength; i++) { + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; + } + } + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + } + // we use i outside the loop to get it like linesLength + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + } /** - * Color of text selection - * @type String - * @default + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 */ - selectionColor: 'rgba(17,119,255,0.3)', - + removeChars(start, end) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } /** - * Indicates whether text is in editing mode - * @type Boolean - * @default - */ - isEditing: false, - + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars(text, style, start, end) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { + this.removeStyleFromTo(start, end); + } + const graphemes = this.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [ + ...this._text.slice(0, start), + ...graphemes, + ...this._text.slice(end), + ]; + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + } /** - * Indicates whether a text can be edited - * @type Boolean - * @default + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. */ - editable: true, + setSelectionStartEndWithShift(start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; + } + else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; + } + this.selectionStart = newSelection; + } + else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { + this.selectionEnd = newSelection; + } + else { + this.selectionStart = newSelection; + } + } + else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } + else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; + } + this.selectionEnd = newSelection; + } + } +} +//@ts-nocheck +class ITextKeyBehaviorMixin extends ITextBehaviorMixin { + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea() { + this.hiddenTextarea = fabric$1.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); + this.hiddenTextarea.setAttribute('wrap', 'off'); + const style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = `position: absolute; top: ${style.top}; left: ${style.left}; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px; padding-top: ${style.fontSize};`; + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } + else { + fabric$1.document.body.appendChild(this.hiddenTextarea); + } + this.hiddenTextarea.addEventListener('blur', this.blur.bind(this)); + this.hiddenTextarea.addEventListener('keydown', this.onKeyDown.bind(this)); + this.hiddenTextarea.addEventListener('keyup', this.onKeyUp.bind(this)); + this.hiddenTextarea.addEventListener('input', this.onInput.bind(this)); + this.hiddenTextarea.addEventListener('copy', this.copy.bind(this)); + this.hiddenTextarea.addEventListener('cut', this.copy.bind(this)); + this.hiddenTextarea.addEventListener('paste', this.paste.bind(this)); + this.hiddenTextarea.addEventListener('compositionstart', this.onCompositionStart.bind(this)); + this.hiddenTextarea.addEventListener('compositionupdate', this.onCompositionUpdate.bind(this)); + this.hiddenTextarea.addEventListener('compositionend', this.onCompositionEnd.bind(this)); + if (!this._clickHandlerInitialized && this.canvas) { + this.canvas.upperCanvasEl.addEventListener('click', this.onClick.bind(this)); + this._clickHandlerInitialized = true; + } + } + onClick() { + this.hiddenTextarea && this.hiddenTextarea.focus(); + } /** - * Border color of text object while it's in editing mode - * @type String - * @default + * Override this method to customize cursor behavior on textbox blur */ - editingBorderColor: 'rgba(102,153,255,0.25)', - + blur() { + this.abortCursorAnimation(); + } /** - * Width of cursor (in px) - * @type Number - * @default + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {KeyboardEvent} e Event object */ - cursorWidth: 2, - + onKeyDown(e) { + if (!this.isEditing) { + return; + } + const keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } + else if (e.keyCode in this.ctrlKeysMapDown && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } + else { + this.canvas && this.canvas.requestRenderAll(); + } + } /** - * Color of text cursor color in editing mode. - * if not set (default) will take color from the text. - * if set to a color value that fabric can understand, it will - * be used instead of the color of the text at the current position. - * @type String - * @default + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {KeyboardEvent} e Event object */ - cursorColor: '', - + onKeyUp(e) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + this.canvas && this.canvas.requestRenderAll(); + } /** - * Delay between cursor blink (in ms) - * @type Number - * @default + * Handles onInput event + * @param {Event} e Event object */ - cursorDelay: 1000, - + onInput(e) { + const fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + const nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, charCount = this._text.length, nextCharCount = nextText.length, selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, selection = selectionStart !== selectionEnd; + let copiedStyle, removedText, charDiff = nextCharCount - charCount, removeFrom, removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = {}; + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + return; + } + const textareaSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); + const backDelete = selectionStart > textareaSelection.selectionStart; + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } + else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); + } + else { + removedText = this._text.slice(selectionStart, selectionStart - charDiff); + } + } + const insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(() => + // this return an array of references, but that is fine since we are + // copying the style later. + copiedStyle[0]); + } + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } + else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } + else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; + } + this.removeStyleFromTo(removeFrom, removeTo); + } + if (insertedText.length) { + if (fromPaste && + insertedText.join('') === fabric$1.copiedText && + !config.disableStyleCopyPaste) { + copiedStyle = fabric$1.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + } /** - * Duration of cursor fadein (in ms) - * @type Number - * @default + * Composition start */ - cursorDuration: 600, - + onCompositionStart() { + this.inCompositionMode = true; + } /** - * Indicates whether internal text char widths can be cached - * @type Boolean - * @default + * Composition end */ - caching: true, - + onCompositionEnd() { + this.inCompositionMode = false; + } + // */ + onCompositionUpdate(e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + } /** - * DOM container to append the hiddenTextarea. - * An alternative to attaching to the document.body. - * Useful to reduce laggish redraw of the full document.body tree and - * also with modals event capturing that won't let the textarea take focus. - * @type HTMLElement - * @default + * Copies selected text */ - hiddenTextareaContainer: null, - + copy() { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; + } + fabric$1.copiedText = this.getSelectedText(); + if (!config.disableStyleCopyPaste) { + fabric$1.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); + } + else { + fabric$1.copiedTextStyle = null; + } + this._copyDone = true; + } /** - * @private + * Pastes text */ - _reSpace: /\s|\n/, - + paste() { + this.fromPaste = true; + } /** + * Finds the width in pixels before the cursor on the same line * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor */ - _currentCursorOpacity: 0, - + _getWidthBeforeCursor(lineIndex, charIndex) { + let widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; + } + return widthBeforeCursor; + } /** - * @private + * Gets start offset of a selection + * @param {TPointerEvent} e Event object + * @param {Boolean} isRight + * @return {Number} */ - _selectionDirection: null, - + getDownCursorOffset(e, isRight) { + const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line + if (lineIndex === this._textLines.length - 1 || + e.metaKey || + e.keyCode === 34) { + // move to the end of a text + return this._text.length - selectionProp; + } + const charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return (textAfterCursor.length + + indexOnOtherLine + + 1 + + this.missingNewlineOffset(lineIndex)); + } /** - * @private + * private + * Helps finding if the offset should be counted from Start or End + * @param {KeyboardEvent} e Event object + * @param {Boolean} isRight + * @return {Number} */ - _abortCursorAnimation: false, - + _getSelectionForOffset(e, isRight) { + if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { + return this.selectionEnd; + } + else { + return this.selectionStart; + } + } /** - * @private + * @param {KeyboardEvent} e Event object + * @param {Boolean} isRight + * @return {Number} */ - __widthOfSpace: [], - + getUpCursorOffset(e, isRight) { + const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + const charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return (-this._textLines[lineIndex - 1].length + + indexOnOtherLine - + textBeforeCursor.length + + (1 - missingNewlineOffset)); + } + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine(lineIndex, width) { + const line = this._textLines[lineIndex], lineLeftOffset = this._getLineLeftOffset(lineIndex); + let widthOfCharsOnLine = lineLeftOffset, indexOnLine = 0, charWidth, foundMatch; + for (let j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + const leftEdge = widthOfCharsOnLine - charWidth, rightEdge = widthOfCharsOnLine, offsetFromLeftEdge = Math.abs(leftEdge - width), offsetFromRightEdge = Math.abs(rightEdge - width); + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; + break; + } + } + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; + } + return indexOnLine; + } /** - * Helps determining when the text is in composition, so that the cursor - * rendering is altered. + * Moves cursor down + * @param {TPointerEvent} e Event object */ - inCompositionMode: false, - + moveCursorDown(e) { + if (this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorUpOrDown('Down', e); + } /** - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {fabric.IText} thisArg + * Moves cursor up + * @param {TPointerEvent} e Event object */ - initialize: function(text, options) { - this.callSuper('initialize', text, options); - this.initBehavior(); - }, - + moveCursorUp(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + } /** - * Sets selection start (left boundary of a selection) - * @param {Number} index Index to set selection start to + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {TPointerEvent} e Event object */ - setSelectionStart: function(index) { - index = Math.max(index, 0); - this._updateAndFire('selectionStart', index); - }, - + _moveCursorUpOrDown(direction, e) { + const action = `get${direction}CursorOffset`, offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); + } + else { + this.moveCursorWithoutShift(offset); + } + if (offset !== 0) { + const max = this.text.length; + this.selectionStart = capValue(0, this.selectionStart, max); + this.selectionEnd = capValue(0, this.selectionEnd, max); + this.abortCursorAnimation(); + this._currentCursorOpacity = 1; + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } /** - * Sets selection end (right boundary of a selection) - * @param {Number} index Index to set selection end to + * Moves cursor with shift + * @param {Number} offset */ - setSelectionEnd: function(index) { - index = Math.min(index, this.text.length); - this._updateAndFire('selectionEnd', index); - }, - + moveCursorWithShift(offset) { + const newSelection = this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); + return offset !== 0; + } /** - * @private - * @param {String} property 'selectionStart' or 'selectionEnd' - * @param {Number} index new position of property + * Moves cursor up without shift + * @param {Number} offset */ - _updateAndFire: function(property, index) { - if (this[property] !== index) { - this._fireSelectionChanged(); - this[property] = index; - } - this._updateTextarea(); - }, - + moveCursorWithoutShift(offset) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; + } + else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; + } + return offset !== 0; + } /** - * Fires the even of selection changed - * @private + * Moves cursor left + * @param {TPointerEvent} e Event object */ - _fireSelectionChanged: function() { - this.fire('selection:changed'); - this.canvas && this.canvas.fire('text:selection:changed', { target: this }); - }, - + moveCursorLeft(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + } /** - * Initialize text dimensions. Render all text on given context - * or on a offscreen canvas to get the text width with measureText. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. * @private + * @return {Boolean} true if a change happened */ - initDimensions: function() { - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this.callSuper('initDimensions'); - }, - + _move(e, prop, direction) { + let newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } + else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { + newValue = this['findLineBoundary' + direction](this[prop]); + } + else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; + } + if (typeof newValue !== 'undefined' && this[prop] !== newValue) { + this[prop] = newValue; + return true; + } + } /** * @private - * @param {CanvasRenderingContext2D} ctx Context to render on */ - render: function(ctx) { - this.clearContextTop(); - this.callSuper('render', ctx); - // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor - // the correct position but not at every cursor animation. - this.cursorOffsetCache = { }; - this.renderCursorOrSelection(); - }, - + _moveLeft(e, prop) { + return this._move(e, prop, 'Left'); + } /** * @private - * @param {CanvasRenderingContext2D} ctx Context to render on */ - _render: function(ctx) { - this.callSuper('_render', ctx); - }, - + _moveRight(e, prop) { + return this._move(e, prop, 'Right'); + } /** - * Prepare and clean the contextTop + * Moves cursor left without keeping selection + * @param {TPointerEvent} e */ - clearContextTop: function(skipRestore) { - if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { - return; - } - var ctx = this.canvas.contextTop, v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this.transform(ctx); - this._clearTextArea(ctx); - skipRestore || ctx.restore(); - }, + moveCursorLeftWithoutShift(e) { + let change = true; + this._selectionDirection = 'left'; + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if (this.selectionEnd === this.selectionStart && + this.selectionStart !== 0) { + change = this._moveLeft(e, 'selectionStart'); + } + this.selectionEnd = this.selectionStart; + return change; + } /** - * Renders cursor or selection (depending on what exists) - * it does on the contextTop. If contextTop is not available, do nothing. + * Moves cursor left while keeping selection + * @param {TPointerEvent} e */ - renderCursorOrSelection: function() { - if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { - return; - } - var boundaries = this._getCursorBoundaries(), - ctx = this.canvas.contextTop; - this.clearContextTop(true); - if (this.selectionStart === this.selectionEnd) { - this.renderCursor(boundaries, ctx); - } - else { - this.renderSelection(boundaries, ctx); - } - ctx.restore(); - }, - - _clearTextArea: function(ctx) { - // we add 4 pixel, to be sure to do not leave any pixel out - var width = this.width + 4, height = this.height + 4; - ctx.clearRect(-width / 2, -height / 2, width, height); - }, - + moveCursorLeftWithShift(e) { + if (this._selectionDirection === 'right' && + this.selectionStart !== this.selectionEnd) { + return this._moveLeft(e, 'selectionEnd'); + } + else if (this.selectionStart !== 0) { + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + } /** - * Returns cursor boundaries (left, top, leftOffset, topOffset) - * @private - * @param {Array} chars Array of characters - * @param {String} typeOfBoundaries + * Moves cursor right + * @param {TPointerEvent} e Event object */ - _getCursorBoundaries: function(position) { - - // left/top are left/top of entire text box - // leftOffset/topOffset are offset from that left/top point of a text box - - if (typeof position === 'undefined') { - position = this.selectionStart; - } - - var left = this._getLeftOffset(), - top = this._getTopOffset(), - offsets = this._getCursorBoundariesOffsets(position); - return { - left: left, - top: top, - leftOffset: offsets.left, - topOffset: offsets.top - }; - }, - + moveCursorRight(e) { + if (this.selectionStart >= this._text.length && + this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorLeftOrRight('Right', e); + } /** - * @private + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {TPointerEvent} e Event object */ - _getCursorBoundariesOffsets: function(position) { - if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { - return this.cursorOffsetCache; - } - var lineLeftOffset, - lineIndex, - charIndex, - topOffset = 0, - leftOffset = 0, - boundaries, - cursorPosition = this.get2DCursorLocation(position); - charIndex = cursorPosition.charIndex; - lineIndex = cursorPosition.lineIndex; - for (var i = 0; i < lineIndex; i++) { - topOffset += this.getHeightOfLine(i); - } - lineLeftOffset = this._getLineLeftOffset(lineIndex); - var bound = this.__charBounds[lineIndex][charIndex]; - bound && (leftOffset = bound.left); - if (this.charSpacing !== 0 && charIndex === this._textLines[lineIndex].length) { - leftOffset -= this._getWidthOfCharSpacing(); - } - boundaries = { - top: topOffset, - left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), - }; - if (this.direction === 'rtl') { - boundaries.left *= -1; - } - this.cursorOffsetCache = boundaries; - return this.cursorOffsetCache; - }, - + _moveCursorLeftOrRight(direction, e) { + let actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; + if (e.shiftKey) { + actionName += 'Shift'; + } + else { + actionName += 'outShift'; + } + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); + } + } /** - * Renders cursor - * @param {Object} boundaries - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * Moves cursor right while keeping selection + * @param {TPointerEvent} e */ - renderCursor: function(boundaries, ctx) { - var cursorLocation = this.get2DCursorLocation(), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, - charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), - multiplier = this.scaleX * this.canvas.getZoom(), - cursorWidth = this.cursorWidth / multiplier, - topOffset = boundaries.topOffset, - dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); - topOffset += (1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex) / this.lineHeight - - charHeight * (1 - this._fontSizeFraction); - - if (this.inCompositionMode) { - this.renderSelection(boundaries, ctx); - } - ctx.fillStyle = this.cursorColor || this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); - ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; - ctx.fillRect( - boundaries.left + boundaries.leftOffset - cursorWidth / 2, - topOffset + boundaries.top + dy, - cursorWidth, - charHeight); - }, - + moveCursorRightWithShift(e) { + if (this._selectionDirection === 'left' && + this.selectionStart !== this.selectionEnd) { + return this._moveRight(e, 'selectionStart'); + } + else if (this.selectionEnd !== this._text.length) { + this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); + } + } /** - * Renders text selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * Moves cursor right without keeping selection + * @param {TPointerEvent} e Event object */ - renderSelection: function(boundaries, ctx) { - - var selectionStart = this.inCompositionMode ? this.hiddenTextarea.selectionStart : this.selectionStart, - selectionEnd = this.inCompositionMode ? this.hiddenTextarea.selectionEnd : this.selectionEnd, - isJustify = this.textAlign.indexOf('justify') !== -1, - start = this.get2DCursorLocation(selectionStart), - end = this.get2DCursorLocation(selectionEnd), - startLine = start.lineIndex, - endLine = end.lineIndex, - startChar = start.charIndex < 0 ? 0 : start.charIndex, - endChar = end.charIndex < 0 ? 0 : end.charIndex; - - for (var i = startLine; i <= endLine; i++) { - var lineOffset = this._getLineLeftOffset(i) || 0, - lineHeight = this.getHeightOfLine(i), - realLineHeight = 0, boxStart = 0, boxEnd = 0; - - if (i === startLine) { - boxStart = this.__charBounds[startLine][startChar].left; - } - if (i >= startLine && i < endLine) { - boxEnd = isJustify && !this.isEndOfWrapping(i) ? this.width : this.getLineWidth(i) || 5; // WTF is this 5? - } - else if (i === endLine) { - if (endChar === 0) { - boxEnd = this.__charBounds[endLine][endChar].left; - } - else { - var charSpacing = this._getWidthOfCharSpacing(); - boxEnd = this.__charBounds[endLine][endChar - 1].left - + this.__charBounds[endLine][endChar - 1].width - charSpacing; - } - } - realLineHeight = lineHeight; - if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { - lineHeight /= this.lineHeight; - } - var drawStart = boundaries.left + lineOffset + boxStart, - drawWidth = boxEnd - boxStart, - drawHeight = lineHeight, extraTop = 0; - if (this.inCompositionMode) { - ctx.fillStyle = this.compositionColor || 'black'; - drawHeight = 1; - extraTop = lineHeight; + moveCursorRightWithoutShift(e) { + let changed = true; + this._selectionDirection = 'right'; + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; } else { - ctx.fillStyle = this.selectionColor; + this.selectionStart = this.selectionEnd; } - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - drawWidth; - } - ctx.fillRect( - drawStart, - boundaries.top + boundaries.topOffset + extraTop, - drawWidth, - drawHeight); - boundaries.topOffset += realLineHeight; - } - }, + return changed; + } +} +//@ts-nocheck +class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { /** - * High level function to know the height of the cursor. - * the currentChar is the one that precedes the cursor - * Returns fontSize of char at the current cursor - * Unused from the library, is for the end user - * @return {Number} Character font size + * Initializes "dbclick" event handler */ - getCurrentCharFontSize: function() { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); - }, - + initDoubleClickSimulation() { + this.__lastClickTime = +new Date(); + // for triple click + this.__lastLastClickTime = +new Date(); + this.__lastPointer = {}; + this.on('mousedown', this.onMouseDown); + } /** - * High level function to know the color of the cursor. - * the currentChar is the one that precedes the cursor - * Returns color (fill) of char at the current cursor - * if the text object has a pattern or gradient for filler, it will return that. - * Unused by the library, is for the end user - * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) + * Default event handler to simulate triple click + * @private */ - getCurrentCharColor: function() { - var cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); - }, - + onMouseDown(options) { + if (!this.canvas) { + return; + } + this.__newClickTime = +new Date(); + const newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastSelected = this.selected; + } + isTripleClick(newPointer) { + return (this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y); + } /** - * Returns the cursor position for the getCurrent.. functions - * @private + * Initializes event handlers related to cursor or selection */ - _getCurrentCharIndex: function() { - var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), - charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; - return { l: cursorPosition.lineIndex, c: charIndex }; + initCursorSelectionHandlers() { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); } - }); - - /** - * Returns fabric.IText instance from an object representation - * @static - * @memberOf fabric.IText - * @param {Object} object Object to create an instance from - * @param {function} [callback] invoked with new instance as argument - */ - fabric.IText.fromObject = function(object, callback) { - parseDecoration(object); - if (object.styles) { - for (var i in object.styles) { - for (var j in object.styles[i]) { - parseDecoration(object.styles[i][j]); - } - } - } - fabric.Object._fromObject('IText', object, callback, 'text'); - }; -})(); - - -(function() { - - var clone = fabric.util.object.clone; - - fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { - /** - * Initializes all the interactive behavior of IText + * Default handler for double click, select a word */ - initBehavior: function() { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - }, - - onDeselect: function() { - this.isEditing && this.exitEditing(); - this.selected = false; - }, - + doubleClickHandler(options) { + if (!this.isEditing) { + return; + } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + } /** - * Initializes "added" event handler + * Default handler for triple click, select a line */ - initAddedHandler: function() { - var _this = this; - this.on('added', function() { - var canvas = _this.canvas; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - _this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(_this); - } - }); - }, - - initRemovedHandler: function() { - var _this = this; - this.on('removed', function() { - var canvas = _this.canvas; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - fabric.util.removeFromArray(canvas._iTextInstances, _this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - _this._removeCanvasHandlers(canvas); - } - } - }); - }, - + tripleClickHandler(options) { + if (!this.isEditing) { + return; + } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + } /** - * register canvas event to manage exiting on other instances - * @private + * Initializes double and triple click event handlers */ - _initCanvasHandlers: function(canvas) { - canvas._mouseUpITextHandler = function() { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function(obj) { - obj.__isMousedown = false; - }); + initClicks() { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + } + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler(options) { + if (!this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1)) { + return; } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - }, - + this.__isMousedown = true; + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); + } + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); + } + this.renderCursorOrSelection(); + } + } /** - * remove canvas event to manage exiting on other instances - * @private + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down */ - _removeCanvasHandlers: function(canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); - }, - + _mouseDownHandlerBefore(options) { + if (!this.canvas || + !this.editable || + (options.e.button && options.e.button !== 1)) { + return; + } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + // text dragging logic + const newSelection = this.getSelectionStartFromPointer(options.e); + this.__isDragging = + this.isEditing && + newSelection >= this.selectionStart && + newSelection <= this.selectionEnd && + this.selectionStart < this.selectionEnd; + } /** - * @private + * Initializes "mousedown" event handler */ - _tick: function() { - this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); - }, - + initMousedownHandler() { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + } /** - * @private + * Initializes "mouseup" event handler */ - _animateCursor: function(obj, targetOpacity, duration, completeMethod) { - - var tickState; - - tickState = { - isAborted: false, - abort: function() { - this.isAborted = true; - }, - }; - - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function() { - if (!tickState.isAborted) { - obj[completeMethod](); - } - }, - onChange: function() { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); - } - }, - abort: function() { - return tickState.isAborted; - } - }); - return tickState; - }, - + initMouseupHandler() { + this.on('mouseup', this.mouseUpHandler); + } /** + * standard handler for mouse up, overridable * @private */ - _onTickComplete: function() { - - var _this = this; - - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); - } - this._cursorTimeout1 = setTimeout(function() { - _this._currentTickCompleteState = _this._animateCursor(_this, 0, this.cursorDuration / 2, '_tick'); - }, 100); - }, - + mouseUpHandler(options) { + this.__isMousedown = false; + if (!this.editable || + (this.group && !this.group.interactive) || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1)) { + return; + } + if (this.canvas) { + const currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit + return; + } + } + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); + } + else { + this.renderCursorOrSelection(); + } + } + else { + this.selected = true; + } + } /** - * Initializes delayed cursor + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {TPointerEvent} e Event object */ - initDelayedCursor: function(restart) { - var _this = this, - delay = restart ? 0 : this.cursorDelay; - - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this._cursorTimeout2 = setTimeout(function() { - _this._tick(); - }, delay); - }, - + setCursorByClick(e) { + const newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } + else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); + } + } /** - * Aborts cursor animation and clears all timeouts + * Returns coordinates of a pointer relative to object's top left corner in object's plane + * @param {TPointerEvent} e Event to operate upon + * @param {IPoint} [pointer] Pointer to operate upon (instead of event) + * @return {Point} Coordinates of a pointer (x, y) */ - abortCursorAnimation: function() { - var shouldClear = this._currentTickState || this._currentTickCompleteState, - canvas = this.canvas; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && this._currentTickCompleteState.abort(); - - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); - - this._currentCursorOpacity = 0; - // to clear just itext area we need to transform the context - // it may not be worth it - if (shouldClear && canvas) { - canvas.clearContext(canvas.contextTop || canvas.contextContainer); - } - - }, - + getLocalPointer(e, pointer) { + const thePointer = pointer || this.canvas.getPointer(e); + return transformPoint(thePointer, invertTransform(this.calcTransformMatrix())).add(new Point(this.width / 2, this.height / 2)); + } /** - * Selects entire text - * @return {fabric.IText} thisArg - * @chainable + * Returns index of a character corresponding to where an object was clicked + * @param {TPointerEvent} e Event object + * @return {Number} Index of a character */ - selectAll: function() { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - + getSelectionStartFromPointer(e) { + const mouseOffset = this.getLocalPointer(e); + let height = 0, charIndex = 0, lineIndex = 0; + for (let i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += + this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); + } + } + else { + break; + } + } + const lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); + let width = lineLeftOffset * this.scaleX; + const jlen = this._textLines[lineIndex].length; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x; + } + let prevWidth = 0; + for (let j = 0; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; + } + else { + break; + } + } + return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); + } /** - * Returns selected text - * @return {String} + * @private */ - getSelectedText: function() { - return this._text.slice(this.selectionStart, this.selectionEnd).join(''); - }, + _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jlen) { + const distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, distanceBtwNextCharAndCursor = width - mouseOffset.x, offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 + ? 0 + : 1; + let newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; + } + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; + } + return newSelectionStart; + } +} +// @ts-nocheck +/** + * IText class (introduced in v1.4) Events are also fired with "text:" + * prefix when observing canvas. + * @class IText + * + * @fires changed + * @fires selection:changed + * @fires editing:entered + * @fires editing:exited + * @fires dragstart + * @fires drag drag event firing on the drag source + * @fires dragend + * @fires copy + * @fires cut + * @fires paste + * + * @return {IText} thisArg + * @see {@link IText#initialize} for constructor definition + * + *

Supported key combinations:

+ * 
+ *   Move cursor:                    left, right, up, down
+ *   Select character:               shift + left, shift + right
+ *   Select text vertically:         shift + up, shift + down
+ *   Move cursor by word:            alt + left, alt + right
+ *   Select words:                   shift + alt + left, shift + alt + right
+ *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
+ *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
+ *   Jump to start/end of text:      cmd + up, cmd + down
+ *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
+ *   Delete character:               backspace
+ *   Delete word:                    alt + backspace
+ *   Delete line:                    cmd + backspace
+ *   Forward delete:                 delete
+ *   Copy text:                      ctrl/cmd + c
+ *   Paste text:                     ctrl/cmd + v
+ *   Cut text:                       ctrl/cmd + x
+ *   Select entire text:             ctrl/cmd + a
+ *   Quit editing                    tab or esc
+ *
+ * + *

Supported mouse/touch combination

+ * 
+ *   Position cursor:                click/touch
+ *   Create selection:               click/touch & drag
+ *   Create selection:               click & shift + click
+ *   Select word:                    double click
+ *   Select line:                    triple click
+ *
+ */ +class IText extends ITextClickBehaviorMixin { /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {IText} thisArg */ - findWordBoundaryLeft: function(startFrom) { - var offset = 0, index = startFrom - 1; - - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index--; - } - } - while (/\S/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - - return startFrom - offset; - }, - + constructor(text, options) { + super(text, options); + this.initBehavior(); + } /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + * While editing handle differently + * @private + * @param {string} key + * @param {*} value */ - findWordBoundaryRight: function(startFrom) { - var offset = 0, index = startFrom; - - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index++; - } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - - return startFrom + offset; - }, - + _set(key, value) { + if (this.isEditing && this._savedProps && key in this._savedProps) { + this._savedProps[key] = value; + } + else { + super._set(key, value); + } + return this; + } /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + * Sets selection start (left boundary of a selection) + * @param {Number} index Index to set selection start to */ - findLineBoundaryLeft: function(startFrom) { - var offset = 0, index = startFrom - 1; - - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - - return startFrom - offset; - }, - + setSelectionStart(index) { + index = Math.max(index, 0); + this._updateAndFire('selectionStart', index); + } + /** + * Sets selection end (right boundary of a selection) + * @param {Number} index Index to set selection end to + */ + setSelectionEnd(index) { + index = Math.min(index, this.text.length); + this._updateAndFire('selectionEnd', index); + } /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + * @private + * @param {String} property 'selectionStart' or 'selectionEnd' + * @param {Number} index new position of property */ - findLineBoundaryRight: function(startFrom) { - var offset = 0, index = startFrom; - - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - - return startFrom + offset; - }, - + _updateAndFire(property, index) { + if (this[property] !== index) { + this._fireSelectionChanged(); + this[property] = index; + } + this._updateTextarea(); + } /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word + * Fires the even of selection changed + * @private */ - searchWordBoundary: function(selectionStart, direction) { - var text = this._text, - index = this._reSpace.test(text[selectionStart]) ? selectionStart - 1 : selectionStart, - _char = text[index], - // wrong - reNonWord = fabric.reNonWord; - - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - }, - + _fireSelectionChanged() { + this.fire('selection:changed'); + this.canvas && this.canvas.fire('text:selection:changed', { target: this }); + } /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character + * Initialize text dimensions. Render all text on given context + * or on a offscreen canvas to get the text width with measureText. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + * @private */ - selectWord: function(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.searchWordBoundary(selectionStart, -1), /* search backwards */ - newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - }, - + initDimensions() { + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + super.initDimensions(); + } /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character - * @return {fabric.IText} thisArg - * @chainable + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} startIndex Start index to get styles at + * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects */ - selectLine: function(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - var newSelectionStart = this.findLineBoundaryLeft(selectionStart), - newSelectionEnd = this.findLineBoundaryRight(selectionStart); - - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - }, - + getSelectionStyles(startIndex = this.selectionStart || 0, endIndex = this.selectionEnd, complete) { + return super.getSelectionStyles(startIndex, endIndex, complete); + } /** - * Enters editing state - * @return {fabric.IText} thisArg - * @chainable + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 */ - enterEditing: function(e) { - if (this.isEditing || !this.editable) { - return; - } - - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); - } - - this.isEditing = true; - - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; - - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); - return this; - }, - - exitEditingOnOthers: function(canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach(function(obj) { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); - } - }); - } - }, - + setSelectionStyles(styles, startIndex = this.selectionStart || 0, endIndex = this.selectionEnd) { + return super.setSelectionStyles(styles, startIndex, endIndex); + } /** - * Initializes "mousemove" event handler + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. */ - initMouseMoveHandler: function() { - this.canvas.on('mouse:move', this.mouseMoveHandler); - }, - + get2DCursorLocation(selectionStart = this.selectionStart, skipWrapping) { + return super.get2DCursorLocation(selectionStart, skipWrapping); + } /** * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - mouseMoveHandler: function(options) { - if (!this.__isMousedown || !this.isEditing) { - return; - } - - var newSelectionStart = this.getSelectionStartFromPointer(options.e), - currentStart = this.selectionStart, - currentEnd = this.selectionEnd; - if ( - (newSelectionStart !== this.__selectionStartOnMouseDown || currentStart === currentEnd) - && - (currentStart === newSelectionStart || currentEnd === newSelectionStart) - ) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } - else { - this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; - } - if (this.selectionStart !== currentStart || this.selectionEnd !== currentEnd) { - this.restartCursorIfNeeded(); - this._fireSelectionChanged(); - this._updateTextarea(); + render(ctx) { + this.clearContextTop(); + super.render(ctx); + // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor + // the correct position but not at every cursor animation. + this.cursorOffsetCache = {}; this.renderCursorOrSelection(); - } - }, - + } /** * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - _setEditingProps: function() { - this.hoverCursor = 'text'; - - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } - - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; - }, - + _render(ctx) { + super._render(ctx); + } /** - * convert from textarea to grapheme indexes + * Renders cursor or selection (depending on what exists) + * it does on the contextTop. If contextTop is not available, do nothing. */ - fromStringToGraphemeSelection: function(start, end, text) { - var smallerTextStart = text.slice(0, start), - graphemeStart = fabric.util.string.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = text.slice(start, end), - graphemeEnd = fabric.util.string.graphemeSplit(smallerTextEnd).length; - return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; - }, - + renderCursorOrSelection() { + if (!this.isEditing) { + return; + } + const ctx = this.clearContextTop(true); + if (!ctx) { + return; + } + const boundaries = this._getCursorBoundaries(); + if (this.selectionStart === this.selectionEnd) { + this.renderCursor(ctx, boundaries); + } + else { + this.renderSelection(ctx, boundaries); + } + ctx.restore(); + } /** - * convert from fabric to textarea values + * Renders cursor on context Top, outside the animation cycle, on request + * Used for the drag/drop effect. + * If contextTop is not available, do nothing. */ - fromGraphemeToStringSelection: function(start, end, _text) { - var smallerTextStart = _text.slice(0, start), - graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - var smallerTextEnd = _text.slice(start, end), - graphemeEnd = smallerTextEnd.join('').length; - return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; - }, - + renderCursorAt(selectionStart) { + const boundaries = this._getCursorBoundaries(selectionStart, true); + this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); + } /** + * Returns cursor boundaries (left, top, leftOffset, topOffset) + * left/top are left/top of entire text box + * leftOffset/topOffset are offset from that left/top point of a text box * @private + * @param {number} [index] index from start + * @param {boolean} [skipCaching] */ - _updateTextarea: function() { - this.cursorOffsetCache = { }; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - var newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); - }, - + _getCursorBoundaries(index, skipCaching) { + if (typeof index === 'undefined') { + index = this.selectionStart; + } + const left = this._getLeftOffset(), top = this._getTopOffset(), offsets = this._getCursorBoundariesOffsets(index, skipCaching); + return { + left: left, + top: top, + leftOffset: offsets.left, + topOffset: offsets.top, + }; + } /** + * Caches and returns cursor left/top offset relative to instance's center point * @private + * @param {number} index index from start + * @param {boolean} [skipCaching] */ - updateFromTextArea: function() { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = { }; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - var newSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); - }, - + _getCursorBoundariesOffsets(index, skipCaching) { + if (skipCaching) { + return this.__getCursorBoundariesOffsets(index); + } + if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { + return this.cursorOffsetCache; + } + return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index)); + } /** + * Calculates cursor left/top offset relative to instance's center point * @private + * @param {number} index index from start */ - updateTextareaPosition: function() { - if (this.selectionStart === this.selectionEnd) { - var style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } - }, - + __getCursorBoundariesOffsets(index) { + let topOffset = 0, leftOffset = 0; + const { charIndex, lineIndex } = this.get2DCursorLocation(index); + for (let i = 0; i < lineIndex; i++) { + topOffset += this.getHeightOfLine(i); + } + const lineLeftOffset = this._getLineLeftOffset(lineIndex); + const bound = this.__charBounds[lineIndex][charIndex]; + bound && (leftOffset = bound.left); + if (this.charSpacing !== 0 && + charIndex === this._textLines[lineIndex].length) { + leftOffset -= this._getWidthOfCharSpacing(); + } + const boundaries = { + top: topOffset, + left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), + }; + if (this.direction === 'rtl') { + if (this.textAlign === 'right' || + this.textAlign === 'justify' || + this.textAlign === 'justify-right') { + boundaries.left *= -1; + } + else if (this.textAlign === 'left' || + this.textAlign === 'justify-left') { + boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } + else if (this.textAlign === 'center' || + this.textAlign === 'justify-center') { + boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); + } + } + return boundaries; + } /** - * @private - * @return {Object} style contains style for hiddenTextarea + * Renders cursor + * @param {Object} boundaries + * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - _calcTextareaPosition: function() { - if (!this.canvas) { - return { x: 1, y: 1 }; - } - var desiredPosition = this.inCompositionMode ? this.compositionStart : this.selectionStart, - boundaries = this._getCursorBoundaries(desiredPosition), - cursorLocation = this.get2DCursorLocation(desiredPosition), - lineIndex = cursorLocation.lineIndex, - charIndex = cursorLocation.charIndex, - charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * this.lineHeight, - leftOffset = boundaries.leftOffset, - m = this.calcTransformMatrix(), - p = { - x: boundaries.left + leftOffset, - y: boundaries.top + boundaries.topOffset + charHeight - }, - retinaScaling = this.canvas.getRetinaScaling(), - upperCanvas = this.canvas.upperCanvasEl, - upperCanvasWidth = upperCanvas.width / retinaScaling, - upperCanvasHeight = upperCanvas.height / retinaScaling, - maxWidth = upperCanvasWidth - charHeight, - maxHeight = upperCanvasHeight - charHeight, - scaleX = upperCanvas.clientWidth / upperCanvasWidth, - scaleY = upperCanvas.clientHeight / upperCanvasHeight; - - p = fabric.util.transformPoint(p, m); - p = fabric.util.transformPoint(p, this.canvas.viewportTransform); - p.x *= scaleX; - p.y *= scaleY; - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } - - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - - return { left: p.x + 'px', top: p.y + 'px', fontSize: charHeight + 'px', charHeight: charHeight }; - }, - + renderCursor(ctx, boundaries) { + this._renderCursor(ctx, boundaries, this.selectionStart); + } + _renderCursor(ctx, boundaries, selectionStart) { + const cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'), topOffset = boundaries.topOffset + + ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / + this.lineHeight - + charHeight * (1 - this._fontSizeFraction); + if (this.inCompositionMode) { + // TODO: investigate why there isn't a return inside the if, + // and why can't happen at the top of the function + this.renderSelection(ctx, boundaries); + } + ctx.fillStyle = + this.cursorColor || + this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); + ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; + ctx.fillRect(boundaries.left + boundaries.leftOffset - cursorWidth / 2, topOffset + boundaries.top + dy, cursorWidth, charHeight); + } /** - * @private + * Renders text selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - _saveEditingProps: function() { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor - }; - }, - + renderSelection(ctx, boundaries) { + const selection = { + selectionStart: this.inCompositionMode + ? this.hiddenTextarea.selectionStart + : this.selectionStart, + selectionEnd: this.inCompositionMode + ? this.hiddenTextarea.selectionEnd + : this.selectionEnd, + }; + this._renderSelection(ctx, selection, boundaries); + } + /** + * Renders drag start text selection + */ + renderDragSourceEffect() { + if (this.__isDragging && + this.__dragStartSelection && + this.__dragStartSelection) { + this._renderSelection(this.canvas.contextTop, this.__dragStartSelection, this._getCursorBoundaries(this.__dragStartSelection.selectionStart, true)); + } + } + renderDropTargetEffect(e) { + const dragSelection = this.getSelectionStartFromPointer(e); + this.renderCursorAt(dragSelection); + } /** + * Renders text selection * @private + * @param {{ selectionStart: number, selectionEnd: number }} selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - _restoreEditingProps: function() { - if (!this._savedProps) { - return; - } - - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; - - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } - }, - + _renderSelection(ctx, selection, boundaries) { + const selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, start = this.get2DCursorLocation(selectionStart), end = this.get2DCursorLocation(selectionEnd), startLine = start.lineIndex, endLine = end.lineIndex, startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex; + for (let i = startLine; i <= endLine; i++) { + const lineOffset = this._getLineLeftOffset(i) || 0; + let lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0; + if (i === startLine) { + boxStart = this.__charBounds[startLine][startChar].left; + } + if (i >= startLine && i < endLine) { + boxEnd = + isJustify && !this.isEndOfWrapping(i) + ? this.width + : this.getLineWidth(i) || 5; // WTF is this 5? + } + else if (i === endLine) { + if (endChar === 0) { + boxEnd = this.__charBounds[endLine][endChar].left; + } + else { + const charSpacing = this._getWidthOfCharSpacing(); + boxEnd = + this.__charBounds[endLine][endChar - 1].left + + this.__charBounds[endLine][endChar - 1].width - + charSpacing; + } + } + realLineHeight = lineHeight; + if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { + lineHeight /= this.lineHeight; + } + let drawStart = boundaries.left + lineOffset + boxStart, drawHeight = lineHeight, extraTop = 0; + const drawWidth = boxEnd - boxStart; + if (this.inCompositionMode) { + ctx.fillStyle = this.compositionColor || 'black'; + drawHeight = 1; + extraTop = lineHeight; + } + else { + ctx.fillStyle = this.selectionColor; + } + if (this.direction === 'rtl') { + if (this.textAlign === 'right' || + this.textAlign === 'justify' || + this.textAlign === 'justify-right') { + drawStart = this.width - drawStart - drawWidth; + } + else if (this.textAlign === 'left' || + this.textAlign === 'justify-left') { + drawStart = boundaries.left + lineOffset - boxEnd; + } + else if (this.textAlign === 'center' || + this.textAlign === 'justify-center') { + drawStart = boundaries.left + lineOffset - boxEnd; + } + } + ctx.fillRect(drawStart, boundaries.top + boundaries.topOffset + extraTop, drawWidth, drawHeight); + boundaries.topOffset += realLineHeight; + } + } /** - * Exits from editing state - * @return {fabric.IText} thisArg - * @chainable + * High level function to know the height of the cursor. + * the currentChar is the one that precedes the cursor + * Returns fontSize of char at the current cursor + * Unused from the library, is for the end user + * @return {Number} Character font size */ - exitEditing: function() { - var isTextChanged = (this._textBeforeEdit !== this.text); - var hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; - - this.selectionEnd = this.selectionStart; + getCurrentCharFontSize() { + const cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); + } + /** + * High level function to know the color of the cursor. + * the currentChar is the one that precedes the cursor + * Returns color (fill) of char at the current cursor + * if the text object has a pattern or gradient for filler, it will return that. + * Unused by the library, is for the end user + * @return {String | TFiller} Character color (fill) + */ + getCurrentCharColor() { + const cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); + } + /** + * Returns the cursor position for the getCurrent.. functions + * @private + */ + _getCurrentCharIndex() { + const cursorPosition = this.get2DCursorLocation(this.selectionStart, true), charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; + return { l: cursorPosition.lineIndex, c: charIndex }; + } + /** + * Returns IText instance from an object representation + * @static + * @memberOf IText + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + const styles = stylesFromArray(object.styles, object.text); + //copy object to prevent mutation + const objCopy = Object.assign({}, object, { styles: styles }); + return InteractiveFabricObject._fromObject(IText, objCopy, { + extraParam: 'text', + }); + } +} +const iTextDefaultValues = { + type: 'i-text', + selectionStart: 0, + selectionEnd: 0, + selectionColor: 'rgba(17,119,255,0.3)', + isEditing: false, + editable: true, + editingBorderColor: 'rgba(102,153,255,0.25)', + cursorWidth: 2, + cursorColor: '', + cursorDelay: 1000, + cursorDuration: 600, + caching: true, + hiddenTextareaContainer: null, + _reSpace: /\s|\n/, + _currentCursorOpacity: 1, + _selectionDirection: null, + inCompositionMode: false, +}; +Object.assign(IText.prototype, iTextDefaultValues); +fabric$1.IText = IText; - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - this._currentCursorOpacity = 0; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && this.canvas.fire('object:modified', { target: this }); - } - return this; - }, +//@ts-nocheck +/* _TO_SVG_START_ */ +(function (global) { + var fabric = global.fabric, toFixed = fabric.util.toFixed, multipleSpacesRegex = / +/g; + fabric.util.object.extend(fabric.Text.prototype, + /** @lends fabric.Text.prototype */ { + /** + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function () { + var offsets = this._getSVGLeftTopOffsets(), textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + }, + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function (reviver) { + return this._createBaseSVGMarkup(this._toSVG(), { + reviver: reviver, + noStyle: true, + withShadow: true, + }); + }, + /** + * @private + */ + _getSVGLeftTopOffsets: function () { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0), + }; + }, + /** + * @private + */ + _wrapSVGTextAndBg: function (textAndBg) { + var noShadow = true, textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n', + ]; + }, + /** + * @private + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { + var textSpans = [], textBgRects = [], height = textTopOffset, lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.direction === 'rtl') { + lineOffset += this.width; + } + if (this.textBackgroundColor || + this.styleHas('textBackgroundColor', i)) { + this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); + } + this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); + height += this.getHeightOfLine(i); + } + return { + textSpans: textSpans, + textBgRects: textBgRects, + }; + }, + /** + * @private + */ + _createTextCharSpan: function (_char, styleDecl, left, top) { + var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), fillStyles = styleProps ? 'style="' + styleProps + '"' : '', dy = styleDecl.deltaY, dySpan = '', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + fabric.util.string.escapeXml(_char), + '', + ].join(''); + }, + _setSVGTextLineText: function (textSpans, lineIndex, textLeftOffset, textTopOffset) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, style, boxWidth = 0, line = this._textLines[lineIndex], timeToRender; + textTopOffset += + (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } + else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = + actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = fabric.util.hasStyleChanged(actualStyle, nextStyle, true); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || {}; + textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); + charsToRender = ''; + actualStyle = nextStyle; + if (this.direction === 'rtl') { + textLeftOffset -= boxWidth; + } + else { + textLeftOffset += boxWidth; + } + boxWidth = 0; + } + } + }, + _pushTextBgRect: function (textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; + textBgRects.push('\t\t\n'); + }, + _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], heightOfLine = this.getHeightOfLine(i) / this.lineHeight, boxWidth = 0, boxStart = 0, charBox, currentColor, lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && + this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + currentColor && + this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); + }, + /** + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} + */ + _getFillAttributes: function (value) { + var fillColor = value && typeof value === 'string' ? new Color(value) : ''; + if (!fillColor || + !fillColor.getSource() || + fillColor.getAlpha() === 1) { + return 'fill="' + value + '"'; + } + return ('opacity="' + + fillColor.getAlpha() + + '" fill="' + + fillColor.setAlpha(1).toRgb() + + '"'); + }, + /** + * @private + */ + _getSVGLineTopOffset: function (lineIndex) { + var lineTopOffset = 0, lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / + (this.lineHeight * this._fontSizeMult), + }; + }, + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function (skipShadow) { + var svgStyle = InteractiveFabricObject.prototype.getSvgStyles.call(this, skipShadow); + return svgStyle + ' white-space: pre;'; + }, + }); +})(typeof exports !== 'undefined' ? exports : window); +/* _TO_SVG_END_ */ +// @ts-nocheck +/** + * Textbox class, based on IText, allows the user to resize the text rectangle + * and wraps lines automatically. Textboxes have their Y scaling locked, the + * user can only change width. Height is adjusted automatically based on the + * wrapping of lines. + */ +class Textbox extends IText { + constructor() { + super(...arguments); + /** + * Cached array of text wrapping. + * @type Array + */ + this.__cachedLines = null; + } /** + * Unlike superclass's version of this function, Textbox does not update + * its width. * @private + * @override */ - _removeExtraneousStyles: function() { - for (var prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; + initDimensions() { + if (!this.initialized) { + return; } - } - }, - + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this._clearCache(); + // clear dynamicMinWidth as it will be different after we re-wrap line + this.dynamicMinWidth = 0; + // wrap lines + this._styleMap = this._generateStyleMap(this._splitText()); + // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap + if (this.dynamicMinWidth > this.width) { + this._set('width', this.dynamicMinWidth); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + // clear cache and re-calculate height + this.height = this.calcTextHeight(); + this.saveState({ propertySet: '_dimensionAffectingProps' }); + } /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) + * Generate an object that translates the style object so that it is + * broken up by visual lines (new lines and automatic wrapping). + * The original text styles object is broken up by actual lines (new lines only), + * which is only sufficient for Text / IText + * @private */ - removeStyleFromTo: function(start, end) { - var cursorStart = this.get2DCursorLocation(start, true), - cursorEnd = this.get2DCursorLocation(end, true), - lineStart = cursorStart.lineIndex, - charStart = cursorStart.charIndex, - lineEnd = cursorEnd.lineIndex, - charEnd = cursorEnd.charIndex, - i, styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { - delete this.styles[lineStart][i]; - } - } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = { }); - this.styles[lineStart][charStart + i - charEnd] = styleObj; - } - } - } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; - } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } - else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - var diff = charEnd - charStart, numericChar, _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; - } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; - } - } - } - } - }, - + _generateStyleMap(textInfo) { + let realLineCount = 0, realLineCharCount = 0, charCount = 0; + const map = {}; + for (let i = 0; i < textInfo.graphemeLines.length; i++) { + if (textInfo.graphemeText[charCount] === '\n' && i > 0) { + realLineCharCount = 0; + charCount++; + realLineCount++; + } + else if (!this.splitByGrapheme && + this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && + i > 0) { + // this case deals with space's that are removed from end of lines when wrapping + realLineCharCount++; + charCount++; + } + map[i] = { line: realLineCount, offset: realLineCharCount }; + charCount += textInfo.graphemeLines[i].length; + realLineCharCount += textInfo.graphemeLines[i].length; + } + return map; + } /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? + * Returns true if object has a style property or has it on a specified line + * @param {Number} lineIndex + * @return {Boolean} */ - shiftLineStyles: function(lineIndex, offset) { - // shift all line styles by offset upward or downward - // do not clone deep. we need new array, not new style objects - var clonedStyles = clone(this.styles); - for (var line in this.styles) { - var numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; - } - } - } - }, - - restartCursorIfNeeded: function() { - if (!this._currentTickState || this._currentTickState.isAborted - || !this._currentTickCompleteState || this._currentTickCompleteState.isAborted - ) { - this.initDelayedCursor(); - } - }, - + styleHas(property, lineIndex) { + if (this._styleMap && !this.isWrapping) { + const map = this._styleMap[lineIndex]; + if (map) { + lineIndex = map.line; + } + } + return super.styleHas(property, lineIndex); + } /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} */ - insertNewlineStyleObject: function(lineIndex, charIndex, qty, copiedStyle) { - var currentCharStyle, - newLineStyles = {}, - somethingAdded = false, - isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; - - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (var index in this.styles[lineIndex]) { - var numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; - } - } - } - var styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; - } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { 0: clone(copiedStyle[qty - 1]) }; - } - else if (currentCharStyle) { - this.styles[lineIndex + qty] = { 0: clone(currentCharStyle) }; + isEmptyStyles(lineIndex) { + if (!this.styles) { + return true; } - else { - delete this.styles[lineIndex + qty]; + let offset = 0, nextLineIndex = lineIndex + 1, nextOffset, shouldLimit = false; + const map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; + if (map) { + lineIndex = map.line; + offset = map.offset; + } + if (mapNextLine) { + nextLineIndex = mapNextLine.line; + shouldLimit = nextLineIndex === lineIndex; + nextOffset = mapNextLine.offset; + } + const obj = typeof lineIndex === 'undefined' + ? this.styles + : { line: this.styles[lineIndex] }; + for (const p1 in obj) { + for (const p2 in obj[p1]) { + if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { + // eslint-disable-next-line no-unused-vars + for (const p3 in obj[p1][p2]) { + return false; + } + } + } } - qty--; - } - this._forceClearCache = true; - }, - + return true; + } /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects + * @param {Number} lineIndex + * @param {Number} charIndex + * @private */ - insertCharStyleObject: function(lineIndex, charIndex, quantity, copiedStyle) { - if (!this.styles) { - this.styles = {}; - } - var currentLineStyles = this.styles[lineIndex], - currentLineStylesCloned = currentLineStyles ? clone(currentLineStyles) : {}; - - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (var index in currentLineStylesCloned) { - var numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; - } - } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; - } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; - } - this.styles[lineIndex][charIndex + quantity] = clone(copiedStyle[quantity]); + _getStyleDeclaration(lineIndex, charIndex) { + if (this._styleMap && !this.isWrapping) { + const map = this._styleMap[lineIndex]; + if (!map) { + return null; + } + lineIndex = map.line; + charIndex = map.offset + charIndex; } - return; - } - if (!currentLineStyles) { - return; - } - var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { - this.styles[lineIndex][charIndex + quantity] = clone(newStyle); - } - }, - + return super._getStyleDeclaration(lineIndex, charIndex); + } /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private */ - insertNewStyleBlock: function(insertedText, start, copiedStyle) { - var cursorLoc = this.get2DCursorLocation(start, true), - addedLines = [0], linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } - else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && this.insertNewlineStyleObject( - cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); - for (var i = 1; i < linesLength; i++) { - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); - } - else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } - } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); - } - // we use i outside the loop to get it like linesLength - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); - } - }, - + _setStyleDeclaration(lineIndex, charIndex, style) { + const map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + this.styles[lineIndex][charIndex] = style; + } /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. + * @param {Number} lineIndex + * @param {Number} charIndex + * @private */ - setSelectionStartEndWithShift: function(start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } - else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; - } - this.selectionStart = newSelection; - } - else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } - else { - this.selectionStart = newSelection; - } - } - else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; - } - else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; - } - this.selectionEnd = newSelection; - } - }, - - setSelectionInBoundaries: function() { - var length = this.text.length; - if (this.selectionStart > length) { - this.selectionStart = length; - } - else if (this.selectionStart < 0) { - this.selectionStart = 0; - } - if (this.selectionEnd > length) { - this.selectionEnd = length; - } - else if (this.selectionEnd < 0) { - this.selectionEnd = 0; - } - } - }); -})(); - - -fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { - /** - * Initializes "dbclick" event handler - */ - initDoubleClickSimulation: function() { - - // for double click - this.__lastClickTime = +new Date(); - - // for triple click - this.__lastLastClickTime = +new Date(); - - this.__lastPointer = { }; - - this.on('mousedown', this.onMouseDown); - }, - - /** - * Default event handler to simulate triple click - * @private - */ - onMouseDown: function(options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - var newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - this._stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastIsEditing = this.isEditing; - this.__lastSelected = this.selected; - }, - - isTripleClick: function(newPointer) { - return this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y; - }, - - /** - * @private - */ - _stopEvent: function(e) { - e.preventDefault && e.preventDefault(); - e.stopPropagation && e.stopPropagation(); - }, - - /** - * Initializes event handlers related to cursor or selection - */ - initCursorSelectionHandlers: function() { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); - }, - - /** - * Default handler for double click, select a word - */ - doubleClickHandler: function(options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); - }, - - /** - * Default handler for triple click, select a line - */ - tripleClickHandler: function(options) { - if (!this.isEditing) { - return; - } - this.selectLine(this.getSelectionStartFromPointer(options.e)); - }, - - /** - * Initializes double and triple click event handlers - */ - initClicks: function() { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); - }, - - /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. - */ - _mouseDownHandler: function(options) { - if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { - return; - } - - this.__isMousedown = true; - - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } - - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); - } - this.renderCursorOrSelection(); - } - }, - - /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down - */ - _mouseDownHandlerBefore: function(options) { - if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { - return; - } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - }, - - /** - * Initializes "mousedown" event handler - */ - initMousedownHandler: function() { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); - }, - - /** - * Initializes "mouseup" event handler - */ - initMouseupHandler: function() { - this.on('mouseup', this.mouseUpHandler); - }, - - /** - * standard handler for mouse up, overridable - * @private - */ - mouseUpHandler: function(options) { - this.__isMousedown = false; - if (!this.editable || this.group || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1)) { - return; - } - - if (this.canvas) { - var currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit - return; - } - } - - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); - } - else { - this.renderCursorOrSelection(); - } - } - else { - this.selected = true; - } - }, - - /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {Event} e Event object - */ - setCursorByClick: function(e) { - var newSelection = this.getSelectionStartFromPointer(e), - start = this.selectionStart, end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); - } - else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); - } - }, - - /** - * Returns index of a character corresponding to where an object was clicked - * @param {Event} e Event object - * @return {Number} Index of a character - */ - getSelectionStartFromPointer: function(e) { - var mouseOffset = this.getLocalPointer(e), - prevWidth = 0, - width = 0, - height = 0, - charIndex = 0, - lineIndex = 0, - lineLeftOffset, - line; - for (var i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); - } - } - else { - break; - } - } - lineLeftOffset = this._getLineLeftOffset(lineIndex); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. - if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x + width; - } - for (var j = 0, jlen = line.length; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } - else { - break; - } - } - return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); - }, - - /** - * @private - */ - _getNewSelectionStartFromOffset: function(mouseOffset, prevWidth, width, index, jlen) { - // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 - var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, - distanceBtwNextCharAndCursor = width - mouseOffset.x, - offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 ? 0 : 1, - newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } - - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } - - return newSelectionStart; - } -}); - - -fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { - - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea: function() { - this.hiddenTextarea = fabric.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric-hiddentextarea', ''); - this.hiddenTextarea.setAttribute('wrap', 'off'); - var style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = 'position: absolute; top: ' + style.top + - '; left: ' + style.left + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + - ' paddingｰtop: ' + style.fontSize + ';'; - - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } - else { - fabric.document.body.appendChild(this.hiddenTextarea); - } - - fabric.util.addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); - fabric.util.addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); - - if (!this._clickHandlerInitialized && this.canvas) { - fabric.util.addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); - this._clickHandlerInitialized = true; - } - }, - - /** - * For functionalities on keyDown - * Map a special key to a function of the instance/prototype - * If you need different behaviour for ESC or TAB or arrows, you have to change - * this map setting the name of a function that you build on the fabric.Itext or - * your prototype. - * the map change will affect all Instances unless you need for only some text Instances - * in that case you have to clone this object and assign your Instance. - * this.keysMap = fabric.util.object.clone(this.keysMap); - * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] - */ - keysMap: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorRight', - 36: 'moveCursorLeft', - 37: 'moveCursorLeft', - 38: 'moveCursorUp', - 39: 'moveCursorRight', - 40: 'moveCursorDown', - }, - - keysMapRtl: { - 9: 'exitEditing', - 27: 'exitEditing', - 33: 'moveCursorUp', - 34: 'moveCursorDown', - 35: 'moveCursorLeft', - 36: 'moveCursorRight', - 37: 'moveCursorRight', - 38: 'moveCursorUp', - 39: 'moveCursorLeft', - 40: 'moveCursorDown', - }, - - /** - * For functionalities on keyUp + ctrl || cmd - */ - ctrlKeysMapUp: { - 67: 'copy', - 88: 'cut' - }, - - /** - * For functionalities on keyDown + ctrl || cmd - */ - ctrlKeysMapDown: { - 65: 'selectAll' - }, - - onClick: function() { - // No need to trigger click event here, focus is enough to have the keyboard appear on Android - this.hiddenTextarea && this.hiddenTextarea.focus(); - }, - - /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {Event} e Event object - */ - onKeyDown: function(e) { - if (!this.isEditing) { - return; - } - var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } - else if ((e.keyCode in this.ctrlKeysMapDown) && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } - else { - this.canvas && this.canvas.requestRenderAll(); - } - }, - - /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {Event} e Event object - */ - onKeyUp: function(e) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if ((e.keyCode in this.ctrlKeysMapUp) && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - this.canvas && this.canvas.requestRenderAll(); - }, - - /** - * Handles onInput event - * @param {Event} e Event object - */ - onInput: function(e) { - var fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - var nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, - charCount = this._text.length, - nextCharCount = nextText.length, - removedText, insertedText, - charDiff = nextCharCount - charCount, - selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, - selection = selectionStart !== selectionEnd, - copiedStyle, removeFrom, removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = { }; - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - return; - } - - var textareaSelection = this.fromStringToGraphemeSelection( - this.hiddenTextarea.selectionStart, - this.hiddenTextarea.selectionEnd, - this.hiddenTextarea.value - ); - var backDelete = selectionStart > textareaSelection.selectionStart; - - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } - else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); - } - else { - removedText = this._text.slice(selectionStart, selectionStart - charDiff); - } - } - insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(function() { - // this return an array of references, but that is fine since we are - // copying the style later. - return copiedStyle[0]; - }); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } - else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; - } - else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; - } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { - if (fromPaste && insertedText.join('') === fabric.copiedText && !fabric.disableStyleCopyPaste) { - copiedStyle = fabric.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - }, - /** - * Composition start - */ - onCompositionStart: function() { - this.inCompositionMode = true; - }, - - /** - * Composition end - */ - onCompositionEnd: function() { - this.inCompositionMode = false; - }, - - // /** - // * Composition update - // */ - onCompositionUpdate: function(e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - }, - - /** - * Copies selected text - * @param {Event} e Event object - */ - copy: function() { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } - - fabric.copiedText = this.getSelectedText(); - if (!fabric.disableStyleCopyPaste) { - fabric.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); - } - else { - fabric.copiedTextStyle = null; - } - this._copyDone = true; - }, - - /** - * Pastes text - * @param {Event} e Event object - */ - paste: function() { - this.fromPaste = true; - }, - - /** - * @private - * @param {Event} e Event object - * @return {Object} Clipboard data object - */ - _getClipboardData: function(e) { - return (e && e.clipboardData) || fabric.window.clipboardData; - }, - - /** - * Finds the width in pixels before the cursor on the same line - * @private - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor - */ - _getWidthBeforeCursor: function(lineIndex, charIndex) { - var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; - - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; - } - return widthBeforeCursor; - }, - - /** - * Gets start offset of a selection - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getDownCursorOffset: function(e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if (lineIndex === this._textLines.length - 1 || e.metaKey || e.keyCode === 34) { - // move to the end of a text - return this._text.length - selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), - textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return textAfterCursor.length + indexOnOtherLine + 1 + this.missingNewlineOffset(lineIndex); - }, - - /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - _getSelectionForOffset: function(e, isRight) { - if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { - return this.selectionEnd; - } - else { - return this.selectionStart; + _deleteStyleDeclaration(lineIndex, charIndex) { + const map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + delete this.styles[lineIndex][charIndex]; } - }, - - /** - * @param {Event} e Event object - * @param {Boolean} isRight - * @return {Number} - */ - getUpCursorOffset: function(e, isRight) { - var selectionProp = this._getSelectionForOffset(e, isRight), - cursorLocation = this.get2DCursorLocation(selectionProp), - lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; - } - var charIndex = cursorLocation.charIndex, - widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), - indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), - textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), - missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return -this._textLines[lineIndex - 1].length - + indexOnOtherLine - textBeforeCursor.length + (1 - missingNewlineOffset); - }, - - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine: function(lineIndex, width) { - - var line = this._textLines[lineIndex], - lineLeftOffset = this._getLineLeftOffset(lineIndex), - widthOfCharsOnLine = lineLeftOffset, - indexOnLine = 0, charWidth, foundMatch; - - for (var j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - var leftEdge = widthOfCharsOnLine - charWidth, - rightEdge = widthOfCharsOnLine, - offsetFromLeftEdge = Math.abs(leftEdge - width), - offsetFromRightEdge = Math.abs(rightEdge - width); - - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : (j - 1); - break; - } + /** + * probably broken need a fix + * Returns the real style line that correspond to the wrapped lineIndex line + * Used just to verify if the line does exist or not. + * @param {Number} lineIndex + * @returns {Boolean} if the line exists or not + * @private + */ + _getLineStyle(lineIndex) { + const map = this._styleMap[lineIndex]; + return !!this.styles[map.line]; } - - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; + /** + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @param {Object} style + * @private + */ + _setLineStyle(lineIndex) { + const map = this._styleMap[lineIndex]; + this.styles[map.line] = {}; } - - return indexOnLine; - }, - - - /** - * Moves cursor down - * @param {Event} e Event object - */ - moveCursorDown: function(e) { - if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorUpOrDown('Down', e); - }, - - /** - * Moves cursor up - * @param {Event} e Event object - */ - moveCursorUp: function(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - }, - - /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {Event} e Event object - */ - _moveCursorUpOrDown: function(direction, e) { - // getUpCursorOffset - // getDownCursorOffset - var action = 'get' + direction + 'CursorOffset', - offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); + /** + * Wraps text using the 'width' property of Textbox. First this function + * splits text on newlines, so we preserve newlines entered by the user. + * Then it wraps each line using the width of the Textbox by calling + * _wrapLine(). + * @param {Array} lines The string array of text that is split into lines + * @param {Number} desiredWidth width you want to wrap to + * @returns {Array} Array of lines + */ + _wrapText(lines, desiredWidth) { + const wrapped = []; + this.isWrapping = true; + for (let i = 0; i < lines.length; i++) { + wrapped.push(...this._wrapLine(lines[i], i, desiredWidth)); + } + this.isWrapping = false; + return wrapped; } - else { - this.moveCursorWithoutShift(offset); + /** + * Helper function to measure a string of text, given its lineIndex and charIndex offset + * It gets called when charBounds are not available yet. + * Override if necessary + * Use with {@link Textbox#wordSplit} + * + * @param {CanvasRenderingContext2D} ctx + * @param {String} text + * @param {number} lineIndex + * @param {number} charOffset + * @returns {number} + */ + _measureWord(word, lineIndex, charOffset = 0) { + let width = 0, prevGrapheme; + const skipLeft = true; + for (let i = 0, len = word.length; i < len; i++) { + const box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); + width += box.kernedWidth; + prevGrapheme = word[i]; + } + return width; } - if (offset !== 0) { - this.setSelectionInBoundaries(); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); + /** + * Override this method to customize word splitting + * Use with {@link Textbox#_measureWord} + * @param {string} value + * @returns {string[]} array of words + */ + wordSplit(value) { + return value.split(this._wordJoiners); } - }, - - /** - * Moves cursor with shift - * @param {Number} offset - */ - moveCursorWithShift: function(offset) { - var newSelection = this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); - return offset !== 0; - }, - - /** - * Moves cursor up without shift - * @param {Number} offset - */ - moveCursorWithoutShift: function(offset) { - if (offset < 0) { - this.selectionStart += offset; - this.selectionEnd = this.selectionStart; + /** + * Wraps a line of text using the width of the Textbox and a context. + * @param {Array} line The grapheme array that represent the line + * @param {Number} lineIndex + * @param {Number} desiredWidth width you want to wrap the line to + * @param {Number} reservedSpace space to remove from wrapping for custom functionalities + * @returns {Array} Array of line(s) into which the given text is wrapped + * to. + */ + _wrapLine(_line, lineIndex, desiredWidth, reservedSpace = 0) { + const additionalSpace = this._getWidthOfCharSpacing(), splitByGrapheme = this.splitByGrapheme, graphemeLines = [], words = splitByGrapheme + ? this.graphemeSplit(_line) + : this.wordSplit(_line), infix = splitByGrapheme ? '' : ' '; + let lineWidth = 0, line = [], + // spaces in different languages? + offset = 0, infixWidth = 0, largestWordWidth = 0, lineJustStarted = true; + // fix a difference between split and graphemeSplit + if (words.length === 0) { + words.push([]); + } + desiredWidth -= reservedSpace; + // measure words + const data = words.map((word) => { + // if using splitByGrapheme words are already in graphemes. + word = splitByGrapheme ? word : this.graphemeSplit(word); + const width = this._measureWord(word, lineIndex, offset); + largestWordWidth = Math.max(width, largestWordWidth); + offset += word.length + 1; + return { word: word, width: width }; + }); + const maxWidth = Math.max(desiredWidth, largestWordWidth, this.dynamicMinWidth); + // layout words + offset = 0; + let i; + for (i = 0; i < words.length; i++) { + const word = data[i].word; + const wordWidth = data[i].width; + offset += word.length; + lineWidth += infixWidth + wordWidth - additionalSpace; + if (lineWidth > maxWidth && !lineJustStarted) { + graphemeLines.push(line); + line = []; + lineWidth = wordWidth; + lineJustStarted = true; + } + else { + lineWidth += additionalSpace; + } + if (!lineJustStarted && !splitByGrapheme) { + line.push(infix); + } + line = line.concat(word); + infixWidth = splitByGrapheme + ? 0 + : this._measureWord([infix], lineIndex, offset); + offset++; + lineJustStarted = false; + } + i && graphemeLines.push(line); + if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { + this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; + } + return graphemeLines; } - else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @param {Number} lineIndex text to split + * @return {Boolean} + */ + isEndOfWrapping(lineIndex) { + if (!this._styleMap[lineIndex + 1]) { + // is last line, return true; + return true; + } + if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { + // this is last line before a line break, return true; + return true; + } + return false; } - return offset !== 0; - }, - - /** - * Moves cursor left - * @param {Event} e Event object - */ - moveCursorLeft: function(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - }, - - /** - * @private - * @return {Boolean} true if a change happened - */ - _move: function(e, prop, direction) { - var newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } - else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36 ) { - newValue = this['findLineBoundary' + direction](this[prop]); + /** + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * @return Number + */ + missingNewlineOffset(lineIndex) { + if (this.splitByGrapheme) { + return this.isEndOfWrapping(lineIndex) ? 1 : 0; + } + return 1; } - else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; + /** + * Gets lines of text to render in the Textbox. This function calculates + * text wrapping on the fly every time it is called. + * @param {String} text text to split + * @returns {Array} Array of lines in the Textbox. + * @override + */ + _splitTextIntoLines(text) { + const newText = super._splitTextIntoLines(text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); + for (let i = 0; i < graphemeLines.length; i++) { + lines[i] = graphemeLines[i].join(''); + } + newText.lines = lines; + newText.graphemeLines = graphemeLines; + return newText; } - if (typeof newValue !== undefined && this[prop] !== newValue) { - this[prop] = newValue; - return true; + getMinWidth() { + return Math.max(this.minWidth, this.dynamicMinWidth); } - }, - - /** - * @private - */ - _moveLeft: function(e, prop) { - return this._move(e, prop, 'Left'); - }, - - /** - * @private - */ - _moveRight: function(e, prop) { - return this._move(e, prop, 'Right'); - }, - - /** - * Moves cursor left without keeping selection - * @param {Event} e - */ - moveCursorLeftWithoutShift: function(e) { - var change = true; - this._selectionDirection = 'left'; - - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if (this.selectionEnd === this.selectionStart && this.selectionStart !== 0) { - change = this._moveLeft(e, 'selectionStart'); - + _removeExtraneousStyles() { + const linesToKeep = {}; + for (const prop in this._styleMap) { + if (this._textLines[prop]) { + linesToKeep[this._styleMap[prop].line] = 1; + } + } + for (const prop in this.styles) { + if (!linesToKeep[prop]) { + delete this.styles[prop]; + } + } } - this.selectionEnd = this.selectionStart; - return change; - }, - - /** - * Moves cursor left while keeping selection - * @param {Event} e - */ - moveCursorLeftWithShift: function(e) { - if (this._selectionDirection === 'right' && this.selectionStart !== this.selectionEnd) { - return this._moveLeft(e, 'selectionEnd'); - } - else if (this.selectionStart !== 0){ - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } - }, - - /** - * Moves cursor right - * @param {Event} e Event object - */ - moveCursorRight: function(e) { - if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorLeftOrRight('Right', e); - }, - - /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {Event} e Event object - */ - _moveCursorLeftOrRight: function(direction, e) { - var actionName = 'moveCursor' + direction + 'With'; - this._currentCursorOpacity = 1; - - if (e.shiftKey) { - actionName += 'Shift'; + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject(propertiesToInclude) { + return super.toObject(['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); } - else { - actionName += 'outShift'; + /** + * Returns Textbox instance from an object representation + * @static + * @memberOf Textbox + * @param {Object} object Object to create an instance from + * @returns {Promise} + */ + static fromObject(object) { + const styles = stylesFromArray(object.styles, object.text); + //copy object to prevent mutation + const objCopy = Object.assign({}, object, { styles: styles }); + return FabricObject._fromObject(Textbox, objCopy, { + extraParam: 'text', + }); } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); +} +const textboxDefaultValues = { + type: 'textbox', + minWidth: 20, + dynamicMinWidth: 2, + lockScalingFlip: true, + noScaleCache: false, + _dimensionAffectingProps: textDefaultValues._dimensionAffectingProps.concat('width'), + _wordJoiners: /[ \t\r]/, + splitByGrapheme: false, +}; +Object.assign(Textbox.prototype, textboxDefaultValues); +fabric$1.Textbox = Textbox; + +/* eslint-disable @typescript-eslint/no-unused-vars */ +class Control { + constructor(options) { + /** + * keep track of control visibility. + * mainly for backward compatibility. + * if you do not want to see a control, you can remove it + * from the control set. + * @type {Boolean} + * @default true + */ + this.visible = true; + /** + * Name of the action that the control will likely execute. + * This is optional. FabricJS uses to identify what the user is doing for some + * extra optimizations. If you are writing a custom control and you want to know + * somewhere else in the code what is going on, you can use this string here. + * you can also provide a custom getActionName if your control run multiple actions + * depending on some external state. + * default to scale since is the most common, used on 4 corners by default + * @type {String} + * @default 'scale' + */ + this.actionName = 'scale'; + /** + * Drawing angle of the control. + * NOT used for now, but name marked as needed for internal logic + * example: to reuse the same drawing function for different rotated controls + * @type {Number} + * @default 0 + */ + this.angle = 0; + /** + * Relative position of the control. X + * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 + */ + this.x = 0; + /** + * Relative position of the control. Y + * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 + */ + this.y = 0; + /** + * Horizontal offset of the control from the defined position. In pixels + * Positive offset moves the control to the right, negative to the left. + * It used when you want to have position of control that does not scale with + * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on + * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will + * stay 30 pixels no matter how the object is big. Another example is having 2 + * controls in the corner, that stay in the same position when the object scale. + * of the bounding box. + * @type {Number} + * @default 0 + */ + this.offsetX = 0; + /** + * Vertical offset of the control from the defined position. In pixels + * Positive offset moves the control to the bottom, negative to the top. + * @type {Number} + * @default 0 + */ + this.offsetY = 0; + /** + * Sets the length of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null + */ + this.sizeX = null; + /** + * Sets the height of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null + */ + this.sizeY = null; + /** + * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null + */ + this.touchSizeX = null; + /** + * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null + */ + this.touchSizeY = null; + /** + * Css cursor style to display when the control is hovered. + * if the method `cursorStyleHandler` is provided, this property is ignored. + * @type {String} + * @default 'crosshair' + */ + this.cursorStyle = 'crosshair'; + /** + * If controls has an offsetY or offsetX, draw a line that connects + * the control to the bounding box + * @type {Boolean} + * @default false + */ + this.withConnection = false; + Object.assign(this, options); } - }, - - /** - * Moves cursor right while keeping selection - * @param {Event} e - */ - moveCursorRightWithShift: function(e) { - if (this._selectionDirection === 'left' && this.selectionStart !== this.selectionEnd) { - return this._moveRight(e, 'selectionStart'); - } - else if (this.selectionEnd !== this._text.length) { - this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } - }, - - /** - * Moves cursor right without keeping selection - * @param {Event} e Event object - */ - moveCursorRightWithoutShift: function(e) { - var changed = true; - this._selectionDirection = 'right'; - - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; + /** + * Returns control actionHandler + * @param {Event} eventData the native mouse event + * @param {FabricObject} fabricObject on which the control is displayed + * @param {Control} control control for which the action handler is being asked + * @return {Function} the action handler + */ + getActionHandler(eventData, fabricObject, control) { + return this.actionHandler; } - else { - this.selectionStart = this.selectionEnd; + /** + * Returns control mouseDown handler + * @param {Event} eventData the native mouse event + * @param {FabricObject} fabricObject on which the control is displayed + * @param {Control} control control for which the action handler is being asked + * @return {Function} the action handler + */ + getMouseDownHandler(eventData, fabricObject, control) { + return this.mouseDownHandler; } - return changed; - }, - - /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 - */ - removeChars: function(start, end) { - if (typeof end === 'undefined') { - end = start + 1; - } - this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, - - /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars: function(text, style, start, end) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - var graphemes = fabric.util.string.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [].concat(this._text.slice(0, start), graphemes, this._text.slice(end)); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this._removeExtraneousStyles(); - }, - -}); - - -/* _TO_SVG_START_ */ -(function() { - var toFixed = fabric.util.toFixed, - multipleSpacesRegex = / +/g; - - fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance + * Returns control mouseUp handler + * @param {Event} eventData the native mouse event + * @param {FabricObject} fabricObject on which the control is displayed + * @param {Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - _toSVG: function() { - var offsets = this._getSVGLeftTopOffsets(), - textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - }, - + getMouseUpHandler(eventData, fabricObject, control) { + return this.mouseUpHandler; + } /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance + * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate + * function you can pass one in the constructor + * the cursorStyle property + * @param {Event} eventData the native mouse event + * @param {Control} control the current control ( likely this) + * @param {FabricObject} object on which the control is displayed + * @return {String} */ - toSVG: function(reviver) { - return this._createBaseSVGMarkup( - this._toSVG(), - { reviver: reviver, noStyle: true, withShadow: true } - ); - }, - + cursorStyleHandler(eventData, control, fabricObject) { + return control.cursorStyle; + } /** - * @private + * Returns the action name. The basic implementation just return the actionName property. + * @param {Event} eventData the native mouse event + * @param {Control} control the current control ( likely this) + * @param {FabricObject} object on which the control is displayed + * @return {String} */ - _getSVGLeftTopOffsets: function() { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0) - }; - }, - + getActionName(eventData, control, fabricObject) { + return control.actionName; + } /** - * @private + * Returns controls visibility + * @param {FabricObject} object on which the control is displayed + * @param {String} controlKey key where the control is memorized on the + * @return {Boolean} */ - _wrapSVGTextAndBg: function(textAndBg) { - var noShadow = true, - textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n' - ]; - }, - + getVisibility(fabricObject, controlKey) { + var _a, _b; + // @ts-expect-error TODO remove directive once fixed + return (_b = (_a = fabricObject._controlsVisibility) === null || _a === void 0 ? void 0 : _a[controlKey]) !== null && _b !== void 0 ? _b : this.visible; + } /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg: function(textTopOffset, textLeftOffset) { - var textSpans = [], - textBgRects = [], - height = textTopOffset, lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); - - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.textBackgroundColor || this.styleHas('textBackgroundColor', i)) { - this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); - } - this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); - height += this.getHeightOfLine(i); - } - - return { - textSpans: textSpans, - textBgRects: textBgRects - }; - }, - + * Sets controls visibility + * @param {Boolean} visibility for the object + * @return {Void} + */ + setVisibility(visibility, name, fabricObject) { + this.visible = visibility; + } + positionHandler(dim, finalMatrix, fabricObject, currentControl) { + return new Point(this.x * dim.x + this.offsetX, this.y * dim.y + this.offsetY).transform(finalMatrix); + } /** - * @private + * Returns the coords for this control based on object values. + * @param {Number} objectAngle angle from the fabric object holding the control + * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if + * isTouch is true) + * @param {Number} centerX x coordinate where the control center should be + * @param {Number} centerY y coordinate where the control center should be + * @param {boolean} isTouch true if touch corner, false if normal corner */ - _createTextCharSpan: function(_char, styleDecl, left, top) { - var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), - styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), - fillStyles = styleProps ? 'style="' + styleProps + '"' : '', - dy = styleDecl.deltaY, dySpan = '', - NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - fabric.util.string.escapeXml(_char), - '' - ].join(''); - }, - - _setSVGTextLineText: function(textSpans, lineIndex, textLeftOffset, textTopOffset) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), - isJustify = this.textAlign.indexOf('justify') !== -1, - actualStyle, - nextStyle, - charsToRender = '', - charBox, style, - boxWidth = 0, - line = this._textLines[lineIndex], - timeToRender; - - textTopOffset += lineHeight * (1 - this._fontSizeFraction) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; + calcCornerCoords(objectAngle, objectCornerSize, centerX, centerY, isTouch) { + let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp; + const xSize = isTouch ? this.touchSizeX : this.sizeX, ySize = isTouch ? this.touchSizeY : this.sizeY; + if (xSize && ySize && xSize !== ySize) { + // handle rectangular corners + const controlTriangleAngle = Math.atan2(ySize, xSize); + const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; + const newTheta = controlTriangleAngle - degreesToRadians(objectAngle); + const newThetaComp = halfPI - controlTriangleAngle - degreesToRadians(objectAngle); + cosHalfOffset = cornerHypotenuse * cos(newTheta); + sinHalfOffset = cornerHypotenuse * sin(newTheta); + // use complementary angle for two corners + cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp); + sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp); } else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = this._hasStyleChangedForSvg(actualStyle, nextStyle); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || { }; - textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); - charsToRender = ''; - actualStyle = nextStyle; - textLeftOffset += boxWidth; - boxWidth = 0; - } - } - }, - - _pushTextBgRect: function(textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; - textBgRects.push( - '\t\t\n'); - }, - - _setSVGTextLineBg: function(textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], - heightOfLine = this.getHeightOfLine(i) / this.lineHeight, - boxWidth = 0, - boxStart = 0, - charBox, currentColor, - lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, - textTopOffset, boxWidth, heightOfLine); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; + // handle square corners + // use default object corner size unless size is defined + const cornerSize = xSize && ySize ? xSize : objectCornerSize; + const cornerHypotenuse = cornerSize * Math.SQRT1_2; + // complementary angles are equal since they're both 45 degrees + const newTheta = degreesToRadians(45 - objectAngle); + cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta); + sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta); } - else { - boxWidth += charBox.kernedWidth; - } - } - currentColor && this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, - textTopOffset, boxWidth, heightOfLine); - }, - + return { + tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp), + tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset), + bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset), + br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp), + }; + } /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} + * Render function for the control. + * When this function runs the context is unscaled. unrotate. Just retina scaled. + * all the functions will have to translate to the point left,top before starting Drawing + * if they want to draw a control where the position is detected. + * left and top are the result of the positionHandler function + * @param {RenderingContext2D} ctx the context where the control will be drawn + * @param {Number} left position of the canvas where we are about to render the control. + * @param {Number} top position of the canvas where we are about to render the control. + * @param {Object} styleOverride + * @param {FabricObject} fabricObject the object where the control is about to be rendered */ - _getFillAttributes: function(value) { - var fillColor = (value && typeof value === 'string') ? new fabric.Color(value) : ''; - if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { - return 'fill="' + value + '"'; - } - return 'opacity="' + fillColor.getAlpha() + '" fill="' + fillColor.setAlpha(1).toRgb() + '"'; - }, + render(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { + case 'circle': + renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); + break; + default: + renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); + } + } +} +fabric$1.Control = Control; + +// @ts-nocheck +const defaultControls = { + ml: new Control({ + x: -0.5, + y: 0, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }), + mr: new Control({ + x: 0.5, + y: 0, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }), + mb: new Control({ + x: 0, + y: 0.5, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }), + mt: new Control({ + x: 0, + y: -0.5, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }), + tl: new Control({ + x: -0.5, + y: -0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + tr: new Control({ + x: 0.5, + y: -0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + bl: new Control({ + x: -0.5, + y: 0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + br: new Control({ + x: 0.5, + y: 0.5, + cursorStyleHandler: scaleCursorStyleHandler, + actionHandler: scalingEqually, + }), + mtr: new Control({ + x: 0, + y: -0.5, + actionHandler: rotationWithSnapping, + cursorStyleHandler: rotationStyleHandler, + offsetY: -40, + withConnection: true, + actionName: 'rotate', + }), +}; +const textboxDefaultControls = Object.assign(Object.assign({}, defaultControls), { mr: new Control({ + x: 0.5, + y: 0, + actionHandler: changeWidth, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionName: 'resizing', + }), ml: new Control({ + x: -0.5, + y: 0, + actionHandler: changeWidth, + cursorStyleHandler: scaleSkewCursorStyleHandler, + actionName: 'resizing', + }) }); +InteractiveFabricObject.prototype.controls = Object.assign(Object.assign({}, (InteractiveFabricObject.prototype.controls || {})), defaultControls); +if (fabric$1.Textbox) { + // this is breaking the prototype inheritance, no time / ideas to fix it. + // is important to document that if you want to have all objects to have a + // specific custom control, you have to add it to Object prototype and to Textbox + // prototype. The controls are shared as references. So changes to control `tr` + // can still apply to all objects if needed. + fabric$1.Textbox.prototype.controls = Object.assign(Object.assign({}, (fabric$1.Textbox.prototype.controls || {})), textboxDefaultControls); +} - /** +/** + * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} + */ +class BaseBrush { + constructor(canvas) { + /** + * Color of a brush + * @type String + * @default + */ + this.color = 'rgb(0, 0, 0)'; + /** + * Width of a brush, has to be a Number, no string literals + * @type Number + * @default + */ + this.width = 1; + /** + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), + * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 + * @type Shadow + * @default + */ + this.shadow = null; + /** + * Line endings style of a brush (one of "butt", "round", "square") + * @type String + * @default + */ + this.strokeLineCap = 'round'; + /** + * Corner style of a brush (one of "bevel", "round", "miter") + * @type String + * @default + */ + this.strokeLineJoin = 'round'; + /** + * Maximum miter length (used for strokeLineJoin = "miter") of a brush's + * @type Number + * @default + */ + this.strokeMiterLimit = 10; + /** + * Stroke Dash Array. + * @type Array + * @default + */ + this.strokeDashArray = null; + /** + * When `true`, the free drawing is limited to the whiteboard size. Default to false. + * @type Boolean + * @default false + */ + this.limitedToCanvasSize = false; + this.canvas = canvas; + } + /** + * Sets brush styles * @private + * @param {CanvasRenderingContext2D} ctx */ - _getSVGLineTopOffset: function(lineIndex) { - var lineTopOffset = 0, lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: (this._fontSizeMult - this._fontSizeFraction) * lastHeight / (this.lineHeight * this._fontSizeMult) - }; - }, - + _setBrushStyles(ctx) { + ctx.strokeStyle = this.color; + ctx.lineWidth = this.width; + ctx.lineCap = this.strokeLineCap; + ctx.miterLimit = this.strokeMiterLimit; + ctx.lineJoin = this.strokeLineJoin; + ctx.setLineDash(this.strokeDashArray || []); + } /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} + * Sets the transformation on given context + * @param {CanvasRenderingContext2D} ctx context to render on + * @private */ - getSvgStyles: function(skipShadow) { - var svgStyle = fabric.Object.prototype.getSvgStyles.call(this, skipShadow); - return svgStyle + ' white-space: pre;'; - }, - }); -})(); -/* _TO_SVG_END_ */ - - -(function(global) { - - 'use strict'; - - var fabric = global.fabric || (global.fabric = {}); - - /** - * Textbox class, based on IText, allows the user to resize the text rectangle - * and wraps lines automatically. Textboxes have their Y scaling locked, the - * user can only change width. Height is adjusted automatically based on the - * wrapping of lines. - * @class fabric.Textbox - * @extends fabric.IText - * @mixes fabric.Observable - * @return {fabric.Textbox} thisArg - * @see {@link fabric.Textbox#initialize} for constructor definition - */ - fabric.Textbox = fabric.util.createClass(fabric.IText, fabric.Observable, { - + _saveAndTransform(ctx) { + const v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } /** - * Type of an object - * @type String - * @default + * Sets brush shadow styles + * @private */ - type: 'textbox', - + _setShadow() { + if (!this.shadow || !this.canvas) { + return; + } + const canvas = this.canvas, shadow = this.shadow, ctx = canvas.contextTop, zoom = canvas.getZoom() * canvas.getRetinaScaling(); + ctx.shadowColor = shadow.color; + ctx.shadowBlur = shadow.blur * zoom; + ctx.shadowOffsetX = shadow.offsetX * zoom; + ctx.shadowOffsetY = shadow.offsetY * zoom; + } + needsFullRender() { + const color = new Color(this.color); + return color.getAlpha() < 1 || !!this.shadow; + } /** - * Minimum width of textbox, in pixels. - * @type Number - * @default + * Removes brush shadow styles + * @private */ - minWidth: 20, - + _resetShadow() { + const ctx = this.canvas.contextTop; + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + } /** - * Minimum calculated width of a textbox, in pixels. - * fixed to 2 so that an empty textbox cannot go to 0 - * and is still selectable without text. - * @type Number - * @default + * Check is pointer is outside canvas boundaries + * @param {Object} pointer + * @private */ - dynamicMinWidth: 2, + _isOutSideCanvas(pointer) { + return (pointer.x < 0 || + pointer.x > this.canvas.getWidth() || + pointer.y < 0 || + pointer.y > this.canvas.getHeight()); + } +} +fabric$1.BaseBrush = BaseBrush; +/** + * @todo remove transient + */ +const { Circle, Group: Group$1, Shadow: Shadow$2 } = fabric$1; +class CircleBrush extends BaseBrush { + constructor(canvas) { + super(canvas); + /** + * Width of a brush + * @type Number + * @default + */ + this.width = 10; + this.points = []; + } /** - * Cached array of text wrapping. - * @type Array + * Invoked inside on mouse down and mouse move + * @param {Point} pointer */ - __cachedLines: null, - + drawDot(pointer) { + const point = this.addPoint(pointer), ctx = this.canvas.contextTop; + this._saveAndTransform(ctx); + this.dot(ctx, point); + ctx.restore(); + } + dot(ctx, point) { + ctx.fillStyle = point.fill; + ctx.beginPath(); + ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); + ctx.closePath(); + ctx.fill(); + } /** - * Override standard Object class values + * Invoked on mouse down */ - lockScalingFlip: true, - + onMouseDown(pointer) { + this.points = []; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + this.drawDot(pointer); + } /** - * Override standard Object class values - * Textbox needs this on false + * Render the full state of the brush + * @private */ - noScaleCache: false, - + _render() { + const ctx = this.canvas.contextTop, points = this.points; + this._saveAndTransform(ctx); + for (let i = 0; i < points.length; i++) { + this.dot(ctx, points[i]); + } + ctx.restore(); + } /** - * Properties which when set cause object to change dimensions - * @type Object - * @private + * Invoked on mouse move + * @param {Point} pointer */ - _dimensionAffectingProps: fabric.Text.prototype._dimensionAffectingProps.concat('width'), - + onMouseMove(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + if (this.needsFullRender()) { + this.canvas.clearContext(this.canvas.contextTop); + this.addPoint(pointer); + this._render(); + } + else { + this.drawDot(pointer); + } + } /** - * Use this regular expression to split strings in breakable lines - * @private + * Invoked on mouse up */ - _wordJoiners: /[ \t\r]/, - + onMouseUp() { + const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; + this.canvas.renderOnAddRemove = false; + const circles = []; + for (let i = 0; i < this.points.length; i++) { + const point = this.points[i], circle = new Circle({ + radius: point.radius, + left: point.x, + top: point.y, + originX: 'center', + originY: 'center', + fill: point.fill, + }); + this.shadow && (circle.shadow = new Shadow$2(this.shadow)); + circles.push(circle); + } + const group = new Group$1(circles, { canvas: this.canvas }); + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + } /** - * Use this boolean property in order to split strings that have no white space concept. - * this is a cheap way to help with chinese/japanese - * @type Boolean - * @since 2.6.0 - */ - splitByGrapheme: false, + * @param {Object} pointer + * @return {Point} Just added pointer point + */ + addPoint({ x, y }) { + const pointerPoint = { + x, + y, + radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2, + fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(), + }; + this.points.push(pointerPoint); + return pointerPoint; + } +} +fabric$1.CircleBrush = CircleBrush; +/** + * @todo remove transient + */ +const { Path, Shadow: Shadow$1 } = fabric$1; +/** + * @private + * @param {PathData} pathData SVG path commands + * @returns {boolean} + */ +function isEmptySVGPath(pathData) { + return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0'; +} +class PencilBrush extends BaseBrush { + constructor(canvas) { + super(canvas); + /** + * Discard points that are less than `decimate` pixel distant from each other + * @type Number + * @default 0.4 + */ + this.decimate = 0.4; + /** + * Draws a straight line between last recorded point to current pointer + * Used for `shift` functionality + * + * @type boolean + * @default false + */ + this.drawStraightLine = false; + /** + * The event modifier key that makes the brush draw a straight line. + * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. + * @type {ModifierKey | undefined | null} + */ + this.straightLineKey = 'shiftKey'; + this._points = []; + this._hasStraightLine = false; + } + needsFullRender() { + return super.needsFullRender() || this._hasStraightLine; + } + static drawSegment(ctx, p1, p2) { + const midPoint = p1.midPointFrom(p2); + ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); + return midPoint; + } /** - * Unlike superclass's version of this function, Textbox does not update - * its width. - * @private - * @override + * Invoked on mouse down + * @param {Point} pointer */ - initDimensions: function() { - if (this.__skipDimension) { - return; - } - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this._clearCache(); - // clear dynamicMinWidth as it will be different after we re-wrap line - this.dynamicMinWidth = 0; - // wrap lines - this._styleMap = this._generateStyleMap(this._splitText()); - // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap - if (this.dynamicMinWidth > this.width) { - this._set('width', this.dynamicMinWidth); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - // clear cache and re-calculate height - this.height = this.calcTextHeight(); - this.saveState({ propertySet: '_dimensionAffectingProps' }); - }, - + onMouseDown(pointer, { e }) { + if (!this.canvas._isMainEvent(e)) { + return; + } + this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; + this._prepareForDrawing(pointer); + // capture coordinates immediately + // this allows to draw dots (when movement never occurs) + this._addPoint(pointer); + this._render(); + } /** - * Generate an object that translates the style object so that it is - * broken up by visual lines (new lines and automatic wrapping). - * The original text styles object is broken up by actual lines (new lines only), - * which is only sufficient for Text / IText - * @private + * Invoked on mouse move + * @param {Point} pointer */ - _generateStyleMap: function(textInfo) { - var realLineCount = 0, - realLineCharCount = 0, - charCount = 0, - map = {}; - - for (var i = 0; i < textInfo.graphemeLines.length; i++) { - if (textInfo.graphemeText[charCount] === '\n' && i > 0) { - realLineCharCount = 0; - charCount++; - realLineCount++; + onMouseMove(pointer, { e }) { + if (!this.canvas._isMainEvent(e)) { + return; } - else if (!this.splitByGrapheme && this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && i > 0) { - // this case deals with space's that are removed from end of lines when wrapping - realLineCharCount++; - charCount++; + this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; } - - map[i] = { line: realLineCount, offset: realLineCharCount }; - - charCount += textInfo.graphemeLines[i].length; - realLineCharCount += textInfo.graphemeLines[i].length; - } - - return map; - }, - + if (this._addPoint(pointer) && this._points.length > 1) { + if (this.needsFullRender()) { + // redraw curve + // clear top canvas + this.canvas.clearContext(this.canvas.contextTop); + this._render(); + } + else { + const points = this._points, length = points.length, ctx = this.canvas.contextTop; + // draw the curve update + this._saveAndTransform(ctx); + if (this.oldEnd) { + ctx.beginPath(); + ctx.moveTo(this.oldEnd.x, this.oldEnd.y); + } + this.oldEnd = PencilBrush.drawSegment(ctx, points[length - 2], points[length - 1]); + ctx.stroke(); + ctx.restore(); + } + } + } /** - * Returns true if object has a style property or has it on a specified line - * @param {Number} lineIndex - * @return {Boolean} + * Invoked on mouse up */ - styleHas: function(property, lineIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (map) { - lineIndex = map.line; + onMouseUp({ e }) { + if (!this.canvas._isMainEvent(e)) { + return true; } - } - return fabric.Text.prototype.styleHas.call(this, property, lineIndex); - }, - + this.drawStraightLine = false; + this.oldEnd = undefined; + this._finalizeAndAddPath(); + return false; + } /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * @private + * @param {Point} pointer Actual mouse position related to the canvas. */ - isEmptyStyles: function(lineIndex) { - if (!this.styles) { - return true; - } - var offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, - map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; - if (map) { - lineIndex = map.line; - offset = map.offset; - } - if (mapNextLine) { - nextLineIndex = mapNextLine.line; - shouldLimit = nextLineIndex === lineIndex; - nextOffset = mapNextLine.offset; - } - obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; - for (var p1 in obj) { - for (var p2 in obj[p1]) { - if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { - // eslint-disable-next-line no-unused-vars - for (var p3 in obj[p1][p2]) { - return false; - } - } - } - } - return true; - }, - + _prepareForDrawing(pointer) { + this._reset(); + this._addPoint(pointer); + this.canvas.contextTop.moveTo(pointer.x, pointer.y); + } /** - * @param {Number} lineIndex - * @param {Number} charIndex * @private + * @param {Point} point Point to be added to points array */ - _getStyleDeclaration: function(lineIndex, charIndex) { - if (this._styleMap && !this.isWrapping) { - var map = this._styleMap[lineIndex]; - if (!map) { - return null; + _addPoint(point) { + if (this._points.length > 1 && + point.eq(this._points[this._points.length - 1])) { + return false; } - lineIndex = map.line; - charIndex = map.offset + charIndex; - } - return this.callSuper('_getStyleDeclaration', lineIndex, charIndex); - }, - + if (this.drawStraightLine && this._points.length > 1) { + this._hasStraightLine = true; + this._points.pop(); + } + this._points.push(point); + return true; + } /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style + * Clear points array and set contextTop canvas style. * @private */ - _setStyleDeclaration: function(lineIndex, charIndex, style) { - var map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - - this.styles[lineIndex][charIndex] = style; - }, - + _reset() { + this._points = []; + this._setBrushStyles(this.canvas.contextTop); + this._setShadow(); + this._hasStraightLine = false; + } /** - * @param {Number} lineIndex - * @param {Number} charIndex + * Draw a smooth path on the topCanvas using quadraticCurveTo * @private + * @param {CanvasRenderingContext2D} [ctx] */ - _deleteStyleDeclaration: function(lineIndex, charIndex) { - var map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - delete this.styles[lineIndex][charIndex]; - }, - + _render(ctx = this.canvas.contextTop) { + let p1 = this._points[0], p2 = this._points[1]; + this._saveAndTransform(ctx); + ctx.beginPath(); + //if we only have 2 points in the path and they are the same + //it means that the user only clicked the canvas without moving the mouse + //then we should be drawing a dot. A path isn't drawn between two identical dots + //that's why we set them apart a bit + if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { + const width = this.width / 1000; + p1.x -= width; + p2.x += width; + } + ctx.moveTo(p1.x, p1.y); + for (let i = 1; i < this._points.length; i++) { + // we pick the point between pi + 1 & pi + 2 as the + // end point and p1 as our control point. + PencilBrush.drawSegment(ctx, p1, p2); + p1 = this._points[i]; + p2 = this._points[i + 1]; + } + // Draw last line as a straight line while + // we wait for the next point to be able to calculate + // the bezier control point + ctx.lineTo(p1.x, p1.y); + ctx.stroke(); + ctx.restore(); + } /** - * probably broken need a fix - * Returns the real style line that correspond to the wrapped lineIndex line - * Used just to verify if the line does exist or not. - * @param {Number} lineIndex - * @returns {Boolean} if the line exists or not - * @private + * Converts points to SVG path + * @param {Array} points Array of points + * @return {PathData} SVG path commands + */ + convertPointsToSVGPath(points) { + const correction = this.width / 1000; + return getSmoothPathFromPoints(points, correction); + } + /** + * Creates a Path object to add on canvas + * @param {PathData} pathData Path data + * @return {Path} Path to add on canvas + */ + createPath(pathData) { + const path = new Path(pathData, { + fill: null, + stroke: this.color, + strokeWidth: this.width, + strokeLineCap: this.strokeLineCap, + strokeMiterLimit: this.strokeMiterLimit, + strokeLineJoin: this.strokeLineJoin, + strokeDashArray: this.strokeDashArray, + }); + if (this.shadow) { + this.shadow.affectStroke = true; + path.shadow = new Shadow$1(this.shadow); + } + return path; + } + /** + * Decimate points array with the decimate value */ - _getLineStyle: function(lineIndex) { - var map = this._styleMap[lineIndex]; - return !!this.styles[map.line]; - }, - + decimatePoints(points, distance) { + if (points.length <= 2) { + return points; + } + let lastPoint = points[0], cDistance; + const zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), l = points.length - 1, newPoints = [lastPoint]; + for (let i = 1; i < l - 1; i++) { + cDistance = + Math.pow(lastPoint.x - points[i].x, 2) + + Math.pow(lastPoint.y - points[i].y, 2); + if (cDistance >= adjustedDistance) { + lastPoint = points[i]; + newPoints.push(lastPoint); + } + } + // Add the last point from the original line to the end of the array. + // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. + newPoints.push(points[l]); + return newPoints; + } /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @param {Object} style - * @private + * On mouseup after drawing the path on contextTop canvas + * we use the points captured to create an new Path object + * and add it to the canvas. */ - _setLineStyle: function(lineIndex) { - var map = this._styleMap[lineIndex]; - this.styles[map.line] = {}; - }, + _finalizeAndAddPath() { + const ctx = this.canvas.contextTop; + ctx.closePath(); + if (this.decimate) { + this._points = this.decimatePoints(this._points, this.decimate); + } + const pathData = this.convertPointsToSVGPath(this._points); + if (isEmptySVGPath(pathData)) { + // do not create 0 width/height paths, as they are + // rendered inconsistently across browsers + // Firefox 4, for example, renders a dot, + // whereas Chrome 10 renders nothing + this.canvas.requestRenderAll(); + return; + } + const path = this.createPath(pathData); + this.canvas.clearContext(this.canvas.contextTop); + this.canvas.fire('before:path:created', { path: path }); + this.canvas.add(path); + this.canvas.requestRenderAll(); + path.setCoords(); + this._resetShadow(); + // fire event 'path' created + this.canvas.fire('path:created', { path: path }); + } +} +fabric$1.PencilBrush = PencilBrush; +/** + * @todo remove transient + */ +const { Pattern } = fabric$1; +class PatternBrush extends PencilBrush { + constructor(canvas) { + super(canvas); + } + getPatternSrc() { + const dotWidth = 20, dotDistance = 5, patternCanvas = createCanvasElement(), patternCtx = patternCanvas.getContext('2d'); + patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; + if (patternCtx) { + patternCtx.fillStyle = this.color; + patternCtx.beginPath(); + patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); + patternCtx.closePath(); + patternCtx.fill(); + } + return patternCanvas; + } + getPatternSrcFunction() { + return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); + } /** - * Wraps text using the 'width' property of Textbox. First this function - * splits text on newlines, so we preserve newlines entered by the user. - * Then it wraps each line using the width of the Textbox by calling - * _wrapLine(). - * @param {Array} lines The string array of text that is split into lines - * @param {Number} desiredWidth width you want to wrap to - * @returns {Array} Array of lines + * Creates "pattern" instance property + * @param {CanvasRenderingContext2D} ctx */ - _wrapText: function(lines, desiredWidth) { - var wrapped = [], i; - this.isWrapping = true; - for (i = 0; i < lines.length; i++) { - wrapped = wrapped.concat(this._wrapLine(lines[i], i, desiredWidth)); - } - this.isWrapping = false; - return wrapped; - }, - + getPattern(ctx) { + return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); + } /** - * Helper function to measure a string of text, given its lineIndex and charIndex offset - * it gets called when charBounds are not available yet. + * Sets brush styles * @param {CanvasRenderingContext2D} ctx - * @param {String} text - * @param {number} lineIndex - * @param {number} charOffset - * @returns {number} - * @private */ - _measureWord: function(word, lineIndex, charOffset) { - var width = 0, prevGrapheme, skipLeft = true; - charOffset = charOffset || 0; - for (var i = 0, len = word.length; i < len; i++) { - var box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); - width += box.kernedWidth; - prevGrapheme = word[i]; - } - return width; - }, - + _setBrushStyles(ctx) { + super._setBrushStyles(ctx); + const pattern = this.getPattern(ctx); + pattern && (ctx.strokeStyle = pattern); + } /** - * Wraps a line of text using the width of the Textbox and a context. - * @param {Array} line The grapheme array that represent the line - * @param {Number} lineIndex - * @param {Number} desiredWidth width you want to wrap the line to - * @param {Number} reservedSpace space to remove from wrapping for custom functionalities - * @returns {Array} Array of line(s) into which the given text is wrapped - * to. + * Creates path */ - _wrapLine: function(_line, lineIndex, desiredWidth, reservedSpace) { - var lineWidth = 0, - splitByGrapheme = this.splitByGrapheme, - graphemeLines = [], - line = [], - // spaces in different languages? - words = splitByGrapheme ? fabric.util.string.graphemeSplit(_line) : _line.split(this._wordJoiners), - word = '', - offset = 0, - infix = splitByGrapheme ? '' : ' ', - wordWidth = 0, - infixWidth = 0, - largestWordWidth = 0, - lineJustStarted = true, - additionalSpace = this._getWidthOfCharSpacing(), - reservedSpace = reservedSpace || 0; - // fix a difference between split and graphemeSplit - if (words.length === 0) { - words.push([]); - } - desiredWidth -= reservedSpace; - for (var i = 0; i < words.length; i++) { - // if using splitByGrapheme words are already in graphemes. - word = splitByGrapheme ? words[i] : fabric.util.string.graphemeSplit(words[i]); - wordWidth = this._measureWord(word, lineIndex, offset); - offset += word.length; - - lineWidth += infixWidth + wordWidth - additionalSpace; - if (lineWidth > desiredWidth && !lineJustStarted) { - graphemeLines.push(line); - line = []; - lineWidth = wordWidth; - lineJustStarted = true; - } - else { - lineWidth += additionalSpace; - } + createPath(pathData) { + const path = super.createPath(pathData), topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); + path.stroke = new Pattern({ + source: this.source || this.getPatternSrcFunction(), + offsetX: -topLeft.x, + offsetY: -topLeft.y, + }); + return path; + } +} +fabric$1.PatternBrush = PatternBrush; - if (!lineJustStarted && !splitByGrapheme) { - line.push(infix); +/** + * @todo remove transient + */ +const { Group, Rect, Shadow } = fabric$1; +/** + * + * @param rects + * @returns + */ +function getUniqueRects(rects) { + const uniqueRects = {}; + const uniqueRectsArray = []; + for (let i = 0, key; i < rects.length; i++) { + key = `${rects[i].left}${rects[i].top}`; + if (!uniqueRects[key]) { + uniqueRects[key] = true; + uniqueRectsArray.push(rects[i]); } - line = line.concat(word); - - infixWidth = splitByGrapheme ? 0 : this._measureWord([infix], lineIndex, offset); - offset++; - lineJustStarted = false; - // keep track of largest word - if (wordWidth > largestWordWidth) { - largestWordWidth = wordWidth; - } - } - - i && graphemeLines.push(line); - - if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { - this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; - } - return graphemeLines; - }, - + } + return uniqueRectsArray; +} +class SprayBrush extends BaseBrush { /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @param {Number} lineIndex text to split - * @return {Boolean} + * Constructor + * @param {Canvas} canvas + * @return {SprayBrush} Instance of a spray brush + */ + constructor(canvas) { + super(canvas); + /** + * Width of a spray + * @type Number + * @default + */ + this.width = 10; + /** + * Density of a spray (number of dots per chunk) + * @type Number + * @default + */ + this.density = 20; + /** + * Width of spray dots + * @type Number + * @default + */ + this.dotWidth = 1; + /** + * Width variance of spray dots + * @type Number + * @default + */ + this.dotWidthVariance = 1; + /** + * Whether opacity of a dot should be random + * @type Boolean + * @default + */ + this.randomOpacity = false; + /** + * Whether overlapping dots (rectangles) should be removed (for performance reasons) + * @type Boolean + * @default + */ + this.optimizeOverlapping = true; + this.sprayChunks = []; + this.sprayChunk = []; + } + /** + * Invoked on mouse down + * @param {Point} pointer */ - isEndOfWrapping: function(lineIndex) { - if (!this._styleMap[lineIndex + 1]) { - // is last line, return true; - return true; - } - if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { - // this is last line before a line break, return true; - return true; - } - return false; - }, - + onMouseDown(pointer) { + this.sprayChunks = []; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + this.addSprayChunk(pointer); + this.renderChunck(this.sprayChunk); + } /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * @return Number + * Invoked on mouse move + * @param {Point} pointer */ - missingNewlineOffset: function(lineIndex) { - if (this.splitByGrapheme) { - return this.isEndOfWrapping(lineIndex) ? 1 : 0; - } - return 1; - }, - + onMouseMove(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + this.addSprayChunk(pointer); + this.renderChunck(this.sprayChunk); + } /** - * Gets lines of text to render in the Textbox. This function calculates - * text wrapping on the fly every time it is called. - * @param {String} text text to split - * @returns {Array} Array of lines in the Textbox. - * @override - */ - _splitTextIntoLines: function(text) { - var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), - graphemeLines = this._wrapText(newText.lines, this.width), - lines = new Array(graphemeLines.length); - for (var i = 0; i < graphemeLines.length; i++) { - lines[i] = graphemeLines[i].join(''); - } - newText.lines = lines; - newText.graphemeLines = graphemeLines; - return newText; - }, - - getMinWidth: function() { - return Math.max(this.minWidth, this.dynamicMinWidth); - }, - - _removeExtraneousStyles: function() { - var linesToKeep = {}; - for (var prop in this._styleMap) { - if (this._textLines[prop]) { - linesToKeep[this._styleMap[prop].line] = 1; - } - } - for (var prop in this.styles) { - if (!linesToKeep[prop]) { - delete this.styles[prop]; - } - } - }, - + * Invoked on mouse up + */ + onMouseUp() { + const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; + this.canvas.renderOnAddRemove = false; + const rects = []; + for (let i = 0; i < this.sprayChunks.length; i++) { + const sprayChunk = this.sprayChunks[i]; + for (let j = 0; j < sprayChunk.length; j++) { + const chunck = sprayChunk[j]; + const rect = new Rect({ + width: chunck.width, + height: chunck.width, + left: chunck.x + 1, + top: chunck.y + 1, + originX: 'center', + originY: 'center', + fill: this.color, + }); + rects.push(rect); + } + } + const group = new Group(this.optimizeOverlapping ? getUniqueRects(rects) : rects, { + objectCaching: true, + layout: 'fixed', + subTargetCheck: false, + interactive: false, + }); + this.shadow && group.set('shadow', new Shadow(this.shadow)); + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + } + renderChunck(sprayChunck) { + const ctx = this.canvas.contextTop; + ctx.fillStyle = this.color; + this._saveAndTransform(ctx); + for (let i = 0; i < sprayChunck.length; i++) { + const point = sprayChunck[i]; + ctx.globalAlpha = point.opacity; + ctx.fillRect(point.x, point.y, point.width, point.width); + } + ctx.restore(); + } /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * Render all spray chunks */ - toObject: function(propertiesToInclude) { - return this.callSuper('toObject', ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); + _render() { + const ctx = this.canvas.contextTop; + ctx.fillStyle = this.color; + this._saveAndTransform(ctx); + for (let i = 0; i < this.sprayChunks.length; i++) { + this.renderChunck(this.sprayChunks[i]); + } + ctx.restore(); } - }); - - /** - * Returns fabric.Textbox instance from an object representation - * @static - * @memberOf fabric.Textbox - * @param {Object} object Object to create an instance from - * @param {Function} [callback] Callback to invoke when an fabric.Textbox instance is created - */ - fabric.Textbox.fromObject = function(object, callback) { - return fabric.Object._fromObject('Textbox', object, callback, 'text'); - }; -})(typeof exports !== 'undefined' ? exports : this); - - -(function() { - - var controlsUtils = fabric.controlsUtils, - scaleSkewStyleHandler = controlsUtils.scaleSkewCursorStyleHandler, - scaleStyleHandler = controlsUtils.scaleCursorStyleHandler, - scalingEqually = controlsUtils.scalingEqually, - scalingYOrSkewingX = controlsUtils.scalingYOrSkewingX, - scalingXOrSkewingY = controlsUtils.scalingXOrSkewingY, - scaleOrSkewActionName = controlsUtils.scaleOrSkewActionName, - objectControls = fabric.Object.prototype.controls; - - objectControls.ml = new fabric.Control({ - x: -0.5, - y: 0, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }); - - objectControls.mr = new fabric.Control({ - x: 0.5, - y: 0, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }); - - objectControls.mb = new fabric.Control({ - x: 0, - y: 0.5, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }); - - objectControls.mt = new fabric.Control({ - x: 0, - y: -0.5, - cursorStyleHandler: scaleSkewStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }); - - objectControls.tl = new fabric.Control({ - x: -0.5, - y: -0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.tr = new fabric.Control({ - x: 0.5, - y: -0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.bl = new fabric.Control({ - x: -0.5, - y: 0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.br = new fabric.Control({ - x: 0.5, - y: 0.5, - cursorStyleHandler: scaleStyleHandler, - actionHandler: scalingEqually - }); - - objectControls.mtr = new fabric.Control({ - x: 0, - y: -0.5, - actionHandler: controlsUtils.rotationWithSnapping, - cursorStyleHandler: controlsUtils.rotationStyleHandler, - offsetY: -40, - withConnection: true, - actionName: 'rotate', - }); - - if (fabric.Textbox) { - // this is breaking the prototype inheritance, no time / ideas to fix it. - // is important to document that if you want to have all objects to have a - // specific custom control, you have to add it to Object prototype and to Textbox - // prototype. The controls are shared as references. So changes to control `tr` - // can still apply to all objects if needed. - var textBoxControls = fabric.Textbox.prototype.controls = { }; - - textBoxControls.mtr = objectControls.mtr; - textBoxControls.tr = objectControls.tr; - textBoxControls.br = objectControls.br; - textBoxControls.tl = objectControls.tl; - textBoxControls.bl = objectControls.bl; - textBoxControls.mt = objectControls.mt; - textBoxControls.mb = objectControls.mb; - - textBoxControls.mr = new fabric.Control({ - x: 0.5, - y: 0, - actionHandler: controlsUtils.changeWidth, - cursorStyleHandler: scaleSkewStyleHandler, - actionName: 'resizing', - }); - - textBoxControls.ml = new fabric.Control({ - x: -0.5, - y: 0, - actionHandler: controlsUtils.changeWidth, - cursorStyleHandler: scaleSkewStyleHandler, - actionName: 'resizing', - }); - } -})(); - + /** + * @param {Point} pointer + */ + addSprayChunk(pointer) { + this.sprayChunk = []; + const radius = this.width / 2; + for (let i = 0; i < this.density; i++) { + this.sprayChunk.push({ + x: getRandomInt(pointer.x - radius, pointer.x + radius), + y: getRandomInt(pointer.y - radius, pointer.y + radius), + width: this.dotWidthVariance + ? getRandomInt( + // bottom clamp width to 1 + Math.max(1, this.dotWidth - this.dotWidthVariance), this.dotWidth + this.dotWidthVariance) + : this.dotWidth, + opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1, + }); + } + this.sprayChunks.push(this.sprayChunk); + } +} +fabric$1.SprayBrush = SprayBrush; +//# sourceMappingURL=fabric.js.map diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index f3cf24d6642..79cc45405fa 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -243,14 +243,10 @@ export abstract class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { * @return {Number} Index of a character */ getSelectionStartFromPointer(e: TPointerEvent): number { - let mouseOffset = this.getLocalPointer(e), - prevWidth = 0, - width = 0, - height = 0, + const mouseOffset = this.getLocalPointer(e); + let height = 0, charIndex = 0, - lineIndex = 0, - lineLeftOffset, - line; + lineIndex = 0; for (let i = 0, len = this._textLines.length; i < len; i++) { if (height <= mouseOffset.y) { height += this.getHeightOfLine(i) * this.scaleY; @@ -263,9 +259,9 @@ export abstract class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { break; } } - lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); - width = lineLeftOffset * this.scaleX; - line = this._textLines[lineIndex]; + const lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); + let width = lineLeftOffset * this.scaleX; + const jlen = this._textLines[lineIndex].length // handling of RTL: in order to get things work correctly, // we assume RTL writing is mirrored compared to LTR writing. // so in position detection we mirror the X offset, and when is time @@ -273,7 +269,8 @@ export abstract class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { if (this.direction === 'rtl') { mouseOffset.x = this.width * this.scaleX - mouseOffset.x; } - for (var j = 0, jlen = line.length; j < jlen; j++) { + let prevWidth = 0; + for (let j = 0; j < jlen; j++) { prevWidth = width; // i removed something about flipX here, check. width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; From b48dddcc93a24cfd9971e419e309b139599efeff Mon Sep 17 00:00:00 2001 From: Andrea Bogazzi Date: Sun, 20 Nov 2022 14:29:07 +0100 Subject: [PATCH 57/58] var let const --- dist/fabric.js | 55409 +++++++++++++++++++++++++---------------------- 1 file changed, 29488 insertions(+), 25921 deletions(-) diff --git a/dist/fabric.js b/dist/fabric.js index def70b8ac89..9b7bf655d2a 100644 --- a/dist/fabric.js +++ b/dist/fabric.js @@ -1,4987 +1,4896 @@ -'use strict'; - -class BaseConfiguration { - constructor() { - /** - * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, - * which is unitless and not rendered equally across browsers. - * - * Values that work quite well (as of October 2017) are: - * - Chrome: 1.5 - * - Edge: 1.75 - * - Firefox: 0.9 - * - Safari: 0.95 - * - * @since 2.0.0 - * @type Number - * @default 1 - */ - this.browserShadowBlurConstant = 1; - /** - * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. - */ - this.DPI = 96; - /** - * Device Pixel Ratio - * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html - */ - this.devicePixelRatio = 1; - /** - * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. - * @since 1.7.14 - * @type Number - * @default - */ - this.perfLimitSizeTotal = 2097152; - /** - * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 - * @since 1.7.14 - * @type Number - * @default - */ - this.maxCacheSideLimit = 4096; - /** - * Lowest pixel limit for cache canvases, set at 256PX - * @since 1.7.14 - * @type Number - * @default - */ - this.minCacheSideLimit = 256; - /** - * When 'true', style information is not retained when copy/pasting text, making - * pasted text use destination style. - * Defaults to 'false'. - * @type Boolean - * @default - * @deprecated - */ - this.disableStyleCopyPaste = false; - /** - * Enable webgl for filtering picture is available - * A filtering backend will be initialized, this will both take memory and - * time since a default 2048x2048 canvas will be created for the gl context - * @since 2.0.0 - * @type Boolean - * @default - */ - this.enableGLFiltering = true; - /** - * if webgl is enabled and available, textureSize will determine the size - * of the canvas backend - * - * In order to support old hardware set to `2048` to avoid OOM - * - * @since 2.0.0 - * @type Number - * @default - */ - this.textureSize = 4096; - /** - * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on - * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true - * this has to be set before instantiating the filtering backend ( before filtering the first image ) - * @type Boolean - * @default false - */ - this.forceGLPutImageData = false; - /** - * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better - * @default true - */ - this.cachesBoundsOfCurve = true; - /** - * Map of font files - * Map of font files - */ - this.fontPaths = {}; - /** - * Defines the number of fraction digits to use when serializing object values. - * Used in exporting methods (`toObject`, `toJSON`, `toSVG`) - * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. - */ - this.NUM_FRACTION_DIGITS = 4; - } -} -class Configuration extends BaseConfiguration { - constructor(config) { - super(); - this.configure(config); - } - configure(config = {}) { - Object.assign(this, config); - } - /** - * Map of font files - */ - addFonts(paths = {}) { - this.fontPaths = Object.assign(Object.assign({}, this.fontPaths), paths); - } - removeFonts(fontFamilys = []) { - fontFamilys.forEach((fontFamily) => { - delete this.fontPaths[fontFamily]; - }); - } - clearFonts() { - this.fontPaths = {}; - } - restoreDefaults(keys) { - const defaults = new BaseConfiguration(); - const config = (keys === null || keys === void 0 ? void 0 : keys.reduce((acc, key) => { - acc[key] = defaults[key]; - return acc; - }, {})) || defaults; - this.configure(config); - } -} -const config = new Configuration(); - -class Cache { - constructor() { - /** - * Cache of widths of chars in text rendering. - */ - this.charWidthsCache = {}; - /** - * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. - * It was an internal variable, is accessible since version 2.3.4 - */ - this.arcToSegmentsCache = {}; - /** - * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. - * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing - * you do not get any speed benefit and you get a big object in memory. - * The object was a private variable before, while now is appended to the lib so that you have access to it and you - * can eventually clear it. - * It was an internal variable, is accessible since version 2.3.4 - */ - this.boundsOfCurveCache = {}; - } - /** - * @return {Object} reference to cache - */ - getFontCache({ fontFamily, fontStyle, fontWeight, }) { - fontFamily = fontFamily.toLowerCase(); - if (!this.charWidthsCache[fontFamily]) { - this.charWidthsCache[fontFamily] = {}; - } - const fontCache = this.charWidthsCache[fontFamily]; - const cacheKey = `${fontStyle.toLowerCase()}_${(fontWeight + '').toLowerCase()}`; - if (!fontCache[cacheKey]) { - fontCache[cacheKey] = {}; - } - return fontCache[cacheKey]; - } - /** - * Clear char widths cache for the given font family or all the cache if no - * fontFamily is specified. - * Use it if you know you are loading fonts in a lazy way and you are not waiting - * for custom fonts to load properly when adding text objects to the canvas. - * If a text object is added when its own font is not loaded yet, you will get wrong - * measurement and so wrong bounding boxes. - * After the font cache is cleared, either change the textObject text content or call - * initDimensions() to trigger a recalculation - * @memberOf fabric.util - * @param {String} [fontFamily] font family to clear - */ - clearFontCache(fontFamily) { - fontFamily = (fontFamily || '').toLowerCase(); - if (!fontFamily) { - this.charWidthsCache = {}; - } - else if (this.charWidthsCache[fontFamily]) { - delete this.charWidthsCache[fontFamily]; - } - } - /** - * Given current aspect ratio, determines the max width and height that can - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {number} ar aspect ratio - * @return {number[]} Limited dimensions X and Y - */ - limitDimsByArea(ar) { - const { perfLimitSizeTotal } = config; - const roughWidth = Math.sqrt(perfLimitSizeTotal * ar); - // we are not returning a point on purpose, to avoid circular dependencies - // this is an internal utility - return [ - Math.floor(roughWidth), - Math.floor(perfLimitSizeTotal / roughWidth), - ]; - } -} -const cache = new Cache(); - -var version = "5.1.0"; - -// TODO: consider using https://github.com/swiing/rollup-plugin-import-assertions so we can import json in node and have rollup build pass -function noop() { } -const halfPI = Math.PI / 2; -const twoMathPi = Math.PI * 2; -const PiBy180 = Math.PI / 180; -const iMatrix = Object.freeze([1, 0, 0, 1, 0, 0]); -const DEFAULT_SVG_FONT_SIZE = 16; -/* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ -const kRect = 1 - 0.5522847498; - -var fabric$1 = fabric$1 || { - version: version, - config, - cache, - iMatrix, -}; +/* build: `node build.js modules=ALL exclude=gestures,accessors,erasing requirejs minifier=uglifyjs` */ +/*! Fabric.js Copyright 2008-2015, Printio (Juriy Zaytsev, Maxim Chernyak) */ + +var fabric = fabric || { version: '5.1.0' }; if (typeof exports !== 'undefined') { - exports.fabric = fabric$1; + exports.fabric = fabric; } +/* _AMD_START_ */ else if (typeof define === 'function' && define.amd) { - /* _AMD_START_ */ - define([], function () { - return fabric$1; - }); + define([], function() { return fabric; }); } /* _AMD_END_ */ if (typeof document !== 'undefined' && typeof window !== 'undefined') { - if (document instanceof - (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { - fabric$1.document = document; - } - else { - fabric$1.document = document.implementation.createHTMLDocument(''); - } - fabric$1.window = window; - window.fabric = fabric$1; + if (document instanceof (typeof HTMLDocument !== 'undefined' ? HTMLDocument : Document)) { + fabric.document = document; + } + else { + fabric.document = document.implementation.createHTMLDocument(''); + } + fabric.window = window; } else { - // assume we're running under node.js when document/window are not present - var jsdom = require('jsdom'); - var virtualWindow = new jsdom.JSDOM(decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), { - features: { - FetchExternalResources: ['img'], - }, - resources: 'usable', + // assume we're running under node.js when document/window are not present + var jsdom = require('jsdom'); + var virtualWindow = new jsdom.JSDOM( + decodeURIComponent('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E'), + { + features: { + FetchExternalResources: ['img'] + }, + resources: 'usable' }).window; - fabric$1.document = virtualWindow.document; - fabric$1.jsdomImplForWrapper = - require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; - fabric$1.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; - fabric$1.window = virtualWindow; - global.DOMParser = fabric$1.window.DOMParser; + fabric.document = virtualWindow.document; + fabric.jsdomImplForWrapper = require('jsdom/lib/jsdom/living/generated/utils').implForWrapper; + fabric.nodeCanvas = require('jsdom/lib/jsdom/utils').Canvas; + fabric.window = virtualWindow; + DOMParser = fabric.window.DOMParser; } + /** * True when in environment that supports touch events * @type boolean */ -fabric$1.isTouchSupported = - 'ontouchstart' in fabric$1.window || - 'ontouchstart' in fabric$1.document || - (fabric$1.window && - fabric$1.window.navigator && - fabric$1.window.navigator.maxTouchPoints > 0); +fabric.isTouchSupported = 'ontouchstart' in fabric.window || 'ontouchstart' in fabric.document || + (fabric.window && fabric.window.navigator && fabric.window.navigator.maxTouchPoints > 0); + /** * True when in environment that's probably Node.js * @type boolean */ -fabric$1.isLikelyNode = - typeof Buffer !== 'undefined' && typeof window === 'undefined'; +fabric.isLikelyNode = typeof Buffer !== 'undefined' && + typeof window === 'undefined'; + +/* _FROM_SVG_START_ */ /** - * @todo move to config when window is exported + * Attributes parsed from all SVG elements + * @type array */ -config.configure({ - devicePixelRatio: fabric$1.window.devicePixelRatio || - fabric$1.window.webkitDevicePixelRatio || - fabric$1.window.mozDevicePixelRatio || - 1, -}); +fabric.SHARED_ATTRIBUTES = [ + 'display', + 'transform', + 'fill', 'fill-opacity', 'fill-rule', + 'opacity', + 'stroke', 'stroke-dasharray', 'stroke-linecap', 'stroke-dashoffset', + 'stroke-linejoin', 'stroke-miterlimit', + 'stroke-opacity', 'stroke-width', + 'id', 'paint-order', 'vector-effect', + 'instantiated_by_use', 'clip-path', +]; +/* _FROM_SVG_END_ */ -function createCollectionMixin(Klass) { - return class Collection extends Klass { - constructor() { - super(...arguments); - /** - * @type {FabricObject[]} - */ - this._objects = []; - } - // eslint-disable-next-line @typescript-eslint/no-unused-vars - _onObjectAdded(object) { - // subclasses should override this method - } - // eslint-disable-next-line @typescript-eslint/no-unused-vars - _onObjectRemoved(object) { - // subclasses should override this method - } - /** - * Adds objects to collection - * Objects should be instances of (or inherit from) FabricObject - * @param {...FabricObject[]} objects to add - * @returns {number} new array length - */ - add(...objects) { - const size = this._objects.push(...objects); - objects.forEach((object) => this._onObjectAdded(object)); - return size; - } - /** - * Inserts an object into collection at specified index - * @param {number} index Index to insert object at - * @param {...FabricObject[]} objects Object(s) to insert - * @returns {number} new array length - */ - insertAt(index, ...objects) { - this._objects.splice(index, 0, ...objects); - objects.forEach((object) => this._onObjectAdded(object)); - return this._objects.length; - } - /** - * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) - * @private - * @param {...FabricObject[]} objects objects to remove - * @returns {FabricObject[]} removed objects - */ - remove(...objects) { - const array = this._objects, removed = []; - objects.forEach((object) => { - const index = array.indexOf(object); - // only call onObjectRemoved if an object was actually removed - if (index !== -1) { - array.splice(index, 1); - removed.push(object); - this._onObjectRemoved(object); - } - }); - return removed; - } - /** - * Executes given function for each object in this group - * A simple shortcut for getObjects().forEach, before es6 was more complicated, - * now is just a shortcut. - * @param {Function} callback - * Callback invoked with current object as first argument, - * index - as second and an array of all objects - as third. - */ - forEachObject(callback) { - this.getObjects().forEach((object, index, objects) => callback(object, index, objects)); - } - /** - * Returns an array of children objects of this instance - * @param {...String} [types] When specified, only objects of these types are returned - * @return {Array} - */ - getObjects(...types) { - if (types.length === 0) { - return [...this._objects]; - } - return this._objects.filter((o) => types.includes(o.type)); - } - /** - * Returns object at specified index - * @param {Number} index - * @return {Object} object at index - */ - item(index) { - return this._objects[index]; - } - /** - * Returns true if collection contains no objects - * @return {Boolean} true if collection is empty - */ - isEmpty() { - return this._objects.length === 0; - } - /** - * Returns a size of a collection (i.e: length of an array containing its objects) - * @return {Number} Collection size - */ - size() { - return this._objects.length; - } - /** - * Returns true if collection contains an object.\ - * **Prefer using {@link `FabricObject#isDescendantOf`} for performance reasons** - * instead of a.contains(b) use b.isDescendantOf(a) - * @param {Object} object Object to check against - * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` - * @return {Boolean} `true` if collection contains an object - */ - contains(object, deep) { - if (this._objects.includes(object)) { - return true; - } - else if (deep) { - return this._objects.some((obj) => obj instanceof Collection && obj.contains(object, true)); - } - return false; - } - /** - * Returns number representation of a collection complexity - * @return {Number} complexity - */ - complexity() { - return this._objects.reduce((memo, current) => { - memo += current.complexity ? current.complexity() : 0; - return memo; - }, 0); - } - }; -} -fabric$1.createCollectionMixin = createCollectionMixin; +/** + * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion. + */ +fabric.DPI = 96; +fabric.reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; +fabric.commaWsp = '(?:\\s+,?\\s*|,\\s*)'; +fabric.rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/ig; +fabric.reNonWord = /[ \n\.,;!\?\-]/; +fabric.fontPaths = { }; +fabric.iMatrix = [1, 0, 0, 1, 0, 0]; +fabric.svgNS = 'http://www.w3.org/2000/svg'; /** - * Calculate the cos of an angle, avoiding returning floats for known results - * This function is here just to avoid getting 0.999999999999999 when dealing - * with numbers that are really 1 or 0. - * @static - * @memberOf fabric.util - * @param {TRadian} angle the angle - * @return {Number} the cosin value for angle. + * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine. + * @since 1.7.14 + * @type Number + * @default */ -const cos = (angle) => { - if (angle === 0) { - return 1; - } - const angleSlice = Math.abs(angle) / halfPI; - switch (angleSlice) { - case 1: - case 3: - return 0; - case 2: - return -1; - } - return Math.cos(angle); -}; +fabric.perfLimitSizeTotal = 2097152; /** - * Calculate the cos of an angle, avoiding returning floats for known results - * This function is here just to avoid getting 0.999999999999999 when dealing - * with numbers that are really 1 or 0. - * @static - * @memberOf fabric.util - * @param {TRadian} angle the angle - * @return {Number} the sin value for angle. + * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000 + * @since 1.7.14 + * @type Number + * @default */ -const sin = (angle) => { - if (angle === 0) { - return 0; - } - const angleSlice = angle / halfPI; - const value = Math.sign(angle); - switch (angleSlice) { - case 1: - return value; - case 2: - return 0; - case 3: - return -value; - } - return Math.sin(angle); -}; +fabric.maxCacheSideLimit = 4096; /** - * Adaptation of work of Kevin Lindsey(kevin@kevlindev.com) + * Lowest pixel limit for cache canvases, set at 256PX + * @since 1.7.14 + * @type Number + * @default */ -class Point { - constructor(arg0 = 0, y = 0) { - if (typeof arg0 === 'object') { - this.x = arg0.x; - this.y = arg0.y; - } - else { - this.x = arg0; - this.y = y; - } +fabric.minCacheSideLimit = 256; + +/** + * Cache Object for widths of chars in text rendering. + */ +fabric.charWidthsCache = { }; + +/** + * if webgl is enabled and available, textureSize will determine the size + * of the canvas backend + * @since 2.0.0 + * @type Number + * @default + */ +fabric.textureSize = 2048; + +/** + * When 'true', style information is not retained when copy/pasting text, making + * pasted text use destination style. + * Defaults to 'false'. + * @type Boolean + * @default + */ +fabric.disableStyleCopyPaste = false; + +/** + * Enable webgl for filtering picture is available + * A filtering backend will be initialized, this will both take memory and + * time since a default 2048x2048 canvas will be created for the gl context + * @since 2.0.0 + * @type Boolean + * @default + */ +fabric.enableGLFiltering = true; + +/** + * Device Pixel Ratio + * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html + */ +fabric.devicePixelRatio = fabric.window.devicePixelRatio || + fabric.window.webkitDevicePixelRatio || + fabric.window.mozDevicePixelRatio || + 1; +/** + * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value, + * which is unitless and not rendered equally across browsers. + * + * Values that work quite well (as of October 2017) are: + * - Chrome: 1.5 + * - Edge: 1.75 + * - Firefox: 0.9 + * - Safari: 0.95 + * + * @since 2.0.0 + * @type Number + * @default 1 + */ +fabric.browserShadowBlurConstant = 1; + +/** + * This object contains the result of arc to bezier conversion for faster retrieving if the same arc needs to be converted again. + * It was an internal variable, is accessible since version 2.3.4 + */ +fabric.arcToSegmentsCache = { }; + +/** + * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it. + * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing + * you do not get any speed benefit and you get a big object in memory. + * The object was a private variable before, while now is appended to the lib so that you have access to it and you + * can eventually clear it. + * It was an internal variable, is accessible since version 2.3.4 + */ +fabric.boundsOfCurveCache = { }; + +/** + * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better + * @default true + */ +fabric.cachesBoundsOfCurve = true; + +/** + * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on + * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true + * this has to be set before instantiating the filtering backend ( before filtering the first image ) + * @type Boolean + * @default false + */ +fabric.forceGLPutImageData = false; + +fabric.initFilterBackend = function() { + if (fabric.enableGLFiltering && fabric.isWebglSupported && fabric.isWebglSupported(fabric.textureSize)) { + console.log('max texture size: ' + fabric.maxTextureSize); + return (new fabric.WebglFilterBackend({ tileSize: fabric.textureSize })); + } + else if (fabric.Canvas2dFilterBackend) { + return (new fabric.Canvas2dFilterBackend()); + } +}; + + +if (typeof document !== 'undefined' && typeof window !== 'undefined') { + // ensure globality even if entire library were function wrapped (as in Meteor.js packaging system) + window.fabric = fabric; +} + + +(function() { + + /** + * @private + * @param {String} eventName + * @param {Function} handler + */ + function _removeEventListener(eventName, handler) { + if (!this.__eventListeners[eventName]) { + return; + } + var eventListener = this.__eventListeners[eventName]; + if (handler) { + eventListener[eventListener.indexOf(handler)] = false; } - /** - * Adds another point to this one and returns another one - * @param {Point} that - * @return {Point} new Point instance with added values - */ - add(that) { - return new Point(this.x + that.x, this.y + that.y); + else { + fabric.util.array.fill(eventListener, false); } - /** - * Adds another point to this one - * @param {Point} that - * @return {Point} thisArg - * @chainable - * @deprecated - */ - addEquals(that) { - this.x += that.x; - this.y += that.y; - return this; + } + + /** + * Observes specified event + * @memberOf fabric.Observable + * @alias on + * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) + * @param {Function} handler Function that receives a notification when an event of the specified type occurs + * @return {Self} thisArg + * @chainable + */ + function on(eventName, handler) { + if (!this.__eventListeners) { + this.__eventListeners = { }; + } + // one object with key/value pairs was passed + if (arguments.length === 1) { + for (var prop in eventName) { + this.on(prop, eventName[prop]); + } } - /** - * Adds value to this point and returns a new one - * @param {Number} scalar - * @return {Point} new Point with added value - */ - scalarAdd(scalar) { - return new Point(this.x + scalar, this.y + scalar); + else { + if (!this.__eventListeners[eventName]) { + this.__eventListeners[eventName] = []; + } + this.__eventListeners[eventName].push(handler); } - /** - * Adds value to this point - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarAddEquals(scalar) { - this.x += scalar; - this.y += scalar; - return this; + return this; + } + + function _once(eventName, handler) { + var _handler = function () { + handler.apply(this, arguments); + this.off(eventName, _handler); + }.bind(this); + this.on(eventName, _handler); + } + + function once(eventName, handler) { + // one object with key/value pairs was passed + if (arguments.length === 1) { + for (var prop in eventName) { + _once.call(this, prop, eventName[prop]); + } } - /** - * Subtracts another point from this point and returns a new one - * @param {Point} that - * @return {Point} new Point object with subtracted values - */ - subtract(that) { - return new Point(this.x - that.x, this.y - that.y); + else { + _once.call(this, eventName, handler); } - /** - * Subtracts another point from this point - * @param {Point} that - * @return {Point} thisArg - * @chainable - * @deprecated - */ - subtractEquals(that) { - this.x -= that.x; - this.y -= that.y; - return this; + return this; + } + + /** + * Stops event observing for a particular event handler. Calling this method + * without arguments removes all handlers for all events + * @memberOf fabric.Observable + * @alias off + * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler}) + * @param {Function} handler Function to be deleted from EventListeners + * @return {Self} thisArg + * @chainable + */ + function off(eventName, handler) { + if (!this.__eventListeners) { + return this; } - /** - * Subtracts value from this point and returns a new one - * @param {Number} scalar - * @return {Point} - */ - scalarSubtract(scalar) { - return new Point(this.x - scalar, this.y - scalar); + + // remove all key/value pairs (event name -> event handler) + if (arguments.length === 0) { + for (eventName in this.__eventListeners) { + _removeEventListener.call(this, eventName); + } + } + // one object with key/value pairs was passed + else if (arguments.length === 1 && typeof arguments[0] === 'object') { + for (var prop in eventName) { + _removeEventListener.call(this, prop, eventName[prop]); + } } - /** - * Subtracts value from this point - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarSubtractEquals(scalar) { - this.x -= scalar; - this.y -= scalar; - return this; + else { + _removeEventListener.call(this, eventName, handler); } - /** - * Multiplies this point by another value and returns a new one - * @param {Point} that - * @return {Point} - */ - multiply(that) { - return new Point(this.x * that.x, this.y * that.y); + return this; + } + + /** + * Fires event with an optional options object + * @memberOf fabric.Observable + * @param {String} eventName Event name to fire + * @param {Object} [options] Options object + * @return {Self} thisArg + * @chainable + */ + function fire(eventName, options) { + if (!this.__eventListeners) { + return this; } - /** - * Multiplies this point by a value and returns a new one - * @param {Number} scalar - * @return {Point} - */ - scalarMultiply(scalar) { - return new Point(this.x * scalar, this.y * scalar); + + var listenersForEvent = this.__eventListeners[eventName]; + if (!listenersForEvent) { + return this; } - /** - * Multiplies this point by a value - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarMultiplyEquals(scalar) { - this.x *= scalar; - this.y *= scalar; - return this; + + for (var i = 0, len = listenersForEvent.length; i < len; i++) { + listenersForEvent[i] && listenersForEvent[i].call(this, options || { }); } - /** - * Divides this point by another and returns a new one - * @param {Point} that - * @return {Point} - */ - divide(that) { - return new Point(this.x / that.x, this.y / that.y); + this.__eventListeners[eventName] = listenersForEvent.filter(function(value) { + return value !== false; + }); + return this; + } + + /** + * @namespace fabric.Observable + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} + * @see {@link http://fabricjs.com/events|Events demo} + */ + fabric.Observable = { + fire: fire, + on: on, + once: once, + off: off, + }; +})(); + + +/** + * @namespace fabric.Collection + */ +fabric.Collection = { + + _objects: [], + + /** + * Adds objects to collection, Canvas or Group, then renders canvas + * (if `renderOnAddRemove` is not `false`). + * in case of Group no changes to bounding box are made. + * Objects should be instances of (or inherit from) fabric.Object + * Use of this function is highly discouraged for groups. + * you can add a bunch of objects with the add method but then you NEED + * to run a addWithUpdate call for the Group class or position/bbox will be wrong. + * @param {...fabric.Object} object Zero or more fabric instances + * @return {Self} thisArg + * @chainable + */ + add: function () { + this._objects.push.apply(this._objects, arguments); + if (this._onObjectAdded) { + for (var i = 0, length = arguments.length; i < length; i++) { + this._onObjectAdded(arguments[i]); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Inserts an object into collection at specified index, then renders canvas (if `renderOnAddRemove` is not `false`) + * An object should be an instance of (or inherit from) fabric.Object + * Use of this function is highly discouraged for groups. + * you can add a bunch of objects with the insertAt method but then you NEED + * to run a addWithUpdate call for the Group class or position/bbox will be wrong. + * @param {Object} object Object to insert + * @param {Number} index Index to insert object at + * @param {Boolean} nonSplicing When `true`, no splicing (shifting) of objects occurs + * @return {Self} thisArg + * @chainable + */ + insertAt: function (object, index, nonSplicing) { + var objects = this._objects; + if (nonSplicing) { + objects[index] = object; } - /** - * Divides this point by a value and returns a new one - * @param {Number} scalar - * @return {Point} - */ - scalarDivide(scalar) { - return new Point(this.x / scalar, this.y / scalar); + else { + objects.splice(index, 0, object); } - /** - * Divides this point by a value - * @param {Number} scalar - * @return {Point} thisArg - * @chainable - * @deprecated - */ - scalarDivideEquals(scalar) { - this.x /= scalar; - this.y /= scalar; - return this; + this._onObjectAdded && this._onObjectAdded(object); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Removes objects from a collection, then renders canvas (if `renderOnAddRemove` is not `false`) + * @param {...fabric.Object} object Zero or more fabric instances + * @return {Self} thisArg + * @chainable + */ + remove: function() { + var objects = this._objects, + index, somethingRemoved = false; + + for (var i = 0, length = arguments.length; i < length; i++) { + index = objects.indexOf(arguments[i]); + + // only call onObjectRemoved if an object was actually removed + if (index !== -1) { + somethingRemoved = true; + objects.splice(index, 1); + this._onObjectRemoved && this._onObjectRemoved(arguments[i]); + } } - /** - * Returns true if this point is equal to another one - * @param {Point} that - * @return {Boolean} - */ - eq(that) { - return this.x === that.x && this.y === that.y; + + this.renderOnAddRemove && somethingRemoved && this.requestRenderAll(); + return this; + }, + + /** + * Executes given function for each object in this group + * @param {Function} callback + * Callback invoked with current object as first argument, + * index - as second and an array of all objects - as third. + * Callback is invoked in a context of Global Object (e.g. `window`) + * when no `context` argument is given + * + * @param {Object} context Context (aka thisObject) + * @return {Self} thisArg + * @chainable + */ + forEachObject: function(callback, context) { + var objects = this.getObjects(); + for (var i = 0, len = objects.length; i < len; i++) { + callback.call(context, objects[i], i, objects); + } + return this; + }, + + /** + * Returns an array of children objects of this instance + * Type parameter introduced in 1.3.10 + * since 2.3.5 this method return always a COPY of the array; + * @param {String} [type] When specified, only objects of this type are returned + * @return {Array} + */ + getObjects: function(type) { + if (typeof type === 'undefined') { + return this._objects.concat(); + } + return this._objects.filter(function(o) { + return o.type === type; + }); + }, + + /** + * Returns object at specified index + * @param {Number} index + * @return {Self} thisArg + */ + item: function (index) { + return this._objects[index]; + }, + + /** + * Returns true if collection contains no objects + * @return {Boolean} true if collection is empty + */ + isEmpty: function () { + return this._objects.length === 0; + }, + + /** + * Returns a size of a collection (i.e: length of an array containing its objects) + * @return {Number} Collection size + */ + size: function() { + return this._objects.length; + }, + + /** + * Returns true if collection contains an object + * @param {Object} object Object to check against + * @param {Boolean} [deep=false] `true` to check all descendants, `false` to check only `_objects` + * @return {Boolean} `true` if collection contains an object + */ + contains: function (object, deep) { + if (this._objects.indexOf(object) > -1) { + return true; + } + else if (deep) { + return this._objects.some(function (obj) { + return typeof obj.contains === 'function' && obj.contains(object, true); + }); } - /** - * Returns true if this point is less than another one - * @param {Point} that - * @return {Boolean} - */ - lt(that) { - return this.x < that.x && this.y < that.y; + return false; + }, + + /** + * Returns number representation of a collection complexity + * @return {Number} complexity + */ + complexity: function () { + return this._objects.reduce(function (memo, current) { + memo += current.complexity ? current.complexity() : 0; + return memo; + }, 0); + } +}; + + +/** + * @namespace fabric.CommonMethods + */ +fabric.CommonMethods = { + + /** + * Sets object's properties from options + * @param {Object} [options] Options object + */ + _setOptions: function(options) { + for (var prop in options) { + this.set(prop, options[prop]); + } + }, + + /** + * @private + * @param {Object} [filler] Options object + * @param {String} [property] property to set the Gradient to + */ + _initGradient: function(filler, property) { + if (filler && filler.colorStops && !(filler instanceof fabric.Gradient)) { + this.set(property, new fabric.Gradient(filler)); + } + }, + + /** + * @private + * @param {Object} [filler] Options object + * @param {String} [property] property to set the Pattern to + * @param {Function} [callback] callback to invoke after pattern load + */ + _initPattern: function(filler, property, callback) { + if (filler && filler.source && !(filler instanceof fabric.Pattern)) { + this.set(property, new fabric.Pattern(filler, callback)); } - /** - * Returns true if this point is less than or equal to another one - * @param {Point} that - * @return {Boolean} - */ - lte(that) { - return this.x <= that.x && this.y <= that.y; + else { + callback && callback(); } - /** - - * Returns true if this point is greater another one - * @param {Point} that - * @return {Boolean} - */ - gt(that) { - return this.x > that.x && this.y > that.y; + }, + + /** + * @private + */ + _setObject: function(obj) { + for (var prop in obj) { + this._set(prop, obj[prop]); + } + }, + + /** + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {fabric.Object} thisArg + * @chainable + */ + set: function(key, value) { + if (typeof key === 'object') { + this._setObject(key); } - /** - * Returns true if this point is greater than or equal to another one - * @param {Point} that - * @return {Boolean} - */ - gte(that) { - return this.x >= that.x && this.y >= that.y; - } - /** - * Returns new point which is the result of linear interpolation with this one and another one - * @param {Point} that - * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 - * @return {Point} - */ - lerp(that, t = 0.5) { - t = Math.max(Math.min(1, t), 0); - return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); + else { + this._set(key, value); } + return this; + }, + + _set: function(key, value) { + this[key] = value; + }, + + /** + * Toggles specified property from `true` to `false` or from `false` to `true` + * @param {String} property Property to toggle + * @return {fabric.Object} thisArg + * @chainable + */ + toggle: function(property) { + var value = this.get(property); + if (typeof value === 'boolean') { + this.set(property, !value); + } + return this; + }, + + /** + * Basic getter + * @param {String} property Property name + * @return {*} value of a property + */ + get: function(property) { + return this[property]; + } +}; + + +(function(global) { + + var sqrt = Math.sqrt, + atan2 = Math.atan2, + pow = Math.pow, + PiBy180 = Math.PI / 180, + PiBy2 = Math.PI / 2; + + /** + * @namespace fabric.util + */ + fabric.util = { + /** - * Returns distance from this point and another one - * @param {Point} that + * Calculate the cos of an angle, avoiding returning floats for known results + * @static + * @memberOf fabric.util + * @param {Number} angle the angle in radians or in degree * @return {Number} */ - distanceFrom(that) { - const dx = this.x - that.x, dy = this.y - that.y; - return Math.sqrt(dx * dx + dy * dy); - } + cos: function(angle) { + if (angle === 0) { return 1; } + if (angle < 0) { + // cos(a) = cos(-a) + angle = -angle; + } + var angleSlice = angle / PiBy2; + switch (angleSlice) { + case 1: case 3: return 0; + case 2: return -1; + } + return Math.cos(angle); + }, + /** - * Returns the point between this point and another one - * @param {Point} that - * @return {Point} + * Calculate the sin of an angle, avoiding returning floats for known results + * @static + * @memberOf fabric.util + * @param {Number} angle the angle in radians or in degree + * @return {Number} */ - midPointFrom(that) { - return this.lerp(that); - } + sin: function(angle) { + if (angle === 0) { return 0; } + var angleSlice = angle / PiBy2, sign = 1; + if (angle < 0) { + // sin(-a) = -sin(a) + sign = -1; + } + switch (angleSlice) { + case 1: return sign; + case 2: return 0; + case 3: return -sign; + } + return Math.sin(angle); + }, + /** - * Returns a new point which is the min of this and another one - * @param {Point} that - * @return {Point} + * Removes value from an array. + * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` + * @static + * @memberOf fabric.util + * @param {Array} array + * @param {*} value + * @return {Array} original array */ - min(that) { - return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); - } + removeFromArray: function(array, value) { + var idx = array.indexOf(value); + if (idx !== -1) { + array.splice(idx, 1); + } + return array; + }, + /** - * Returns a new point which is the max of this and another one - * @param {Point} that - * @return {Point} + * Returns random number between 2 specified ones. + * @static + * @memberOf fabric.util + * @param {Number} min lower limit + * @param {Number} max upper limit + * @return {Number} random value (between min and max) */ - max(that) { - return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); - } + getRandomInt: function(min, max) { + return Math.floor(Math.random() * (max - min + 1)) + min; + }, + /** - * Returns string representation of this point - * @return {String} + * Transforms degrees to radians. + * @static + * @memberOf fabric.util + * @param {Number} degrees value in degrees + * @return {Number} value in radians */ - toString() { - return this.x + ',' + this.y; - } + degreesToRadians: function(degrees) { + return degrees * PiBy180; + }, + /** - * Sets x/y of this point - * @param {Number} x - * @param {Number} y - * @chainable + * Transforms radians to degrees. + * @static + * @memberOf fabric.util + * @param {Number} radians value in radians + * @return {Number} value in degrees */ - setXY(x, y) { - this.x = x; - this.y = y; - return this; - } + radiansToDegrees: function(radians) { + return radians / PiBy180; + }, + /** - * Sets x of this point - * @param {Number} x - * @chainable - */ - setX(x) { - this.x = x; - return this; - } + * Rotates `point` around `origin` with `radians` + * @static + * @memberOf fabric.util + * @param {fabric.Point} point The point to rotate + * @param {fabric.Point} origin The origin of the rotation + * @param {Number} radians The radians of the angle for the rotation + * @return {fabric.Point} The new rotated point + */ + rotatePoint: function(point, origin, radians) { + var newPoint = new fabric.Point(point.x - origin.x, point.y - origin.y), + v = fabric.util.rotateVector(newPoint, radians); + return new fabric.Point(v.x, v.y).addEquals(origin); + }, + /** - * Sets y of this point - * @param {Number} y - * @chainable - */ - setY(y) { - this.y = y; - return this; - } + * Rotates `vector` with `radians` + * @static + * @memberOf fabric.util + * @param {Object} vector The vector to rotate (x and y) + * @param {Number} radians The radians of the angle for the rotation + * @return {Object} The new rotated point + */ + rotateVector: function(vector, radians) { + var sin = fabric.util.sin(radians), + cos = fabric.util.cos(radians), + rx = vector.x * cos - vector.y * sin, + ry = vector.x * sin + vector.y * cos; + return { + x: rx, + y: ry + }; + }, + /** - * Sets x/y of this point from another point - * @param {Point} that - * @chainable + * Creates a vetor from points represented as a point + * @static + * @memberOf fabric.util + * + * @typedef {Object} Point + * @property {number} x + * @property {number} y + * + * @param {Point} from + * @param {Point} to + * @returns {Point} vector */ - setFromPoint(that) { - this.x = that.x; - this.y = that.y; - return this; - } + createVector: function (from, to) { + return new fabric.Point(to.x - from.x, to.y - from.y); + }, + /** - * Swaps x/y of this point and another point - * @param {Point} that + * Calculates angle between 2 vectors using dot product + * @static + * @memberOf fabric.util + * @param {Point} a + * @param {Point} b + * @returns the angle in radian between the vectors */ - swap(that) { - const x = this.x, y = this.y; - this.x = that.x; - this.y = that.y; - that.x = x; - that.y = y; - } + calcAngleBetweenVectors: function (a, b) { + return Math.acos((a.x * b.x + a.y * b.y) / (Math.hypot(a.x, a.y) * Math.hypot(b.x, b.y))); + }, + /** - * return a cloned instance of the point - * @return {Point} + * @static + * @memberOf fabric.util + * @param {Point} v + * @returns {Point} vector representing the unit vector of pointing to the direction of `v` */ - clone() { - return new Point(this.x, this.y); - } + getHatVector: function (v) { + return new fabric.Point(v.x, v.y).multiply(1 / Math.hypot(v.x, v.y)); + }, + /** - * Rotates `point` around `origin` with `radians` * @static * @memberOf fabric.util - * @param {Point} origin The origin of the rotation - * @param {TRadian} radians The radians of the angle for the rotation - * @return {Point} The new rotated point - */ - rotate(radians, origin = originZero) { - // TODO benchmark and verify the add and subtract how much cost - // and then in case early return if no origin is passed - const sinus = sin(radians), cosinus = cos(radians); - const p = this.subtract(origin); - const rotated = new Point(p.x * cosinus - p.y * sinus, p.x * sinus + p.y * cosinus); - return rotated.add(origin); - } + * @param {Point} A + * @param {Point} B + * @param {Point} C + * @returns {{ vector: Point, angle: number }} vector representing the bisector of A and A's angle + */ + getBisector: function (A, B, C) { + var AB = fabric.util.createVector(A, B), AC = fabric.util.createVector(A, C); + var alpha = fabric.util.calcAngleBetweenVectors(AB, AC); + // check if alpha is relative to AB->BC + var ro = fabric.util.calcAngleBetweenVectors(fabric.util.rotateVector(AB, alpha), AC); + var phi = alpha * (ro === 0 ? 1 : -1) / 2; + return { + vector: fabric.util.getHatVector(fabric.util.rotateVector(AB, phi)), + angle: alpha + }; + }, + + /** + * Project stroke width on points returning 2 projections for each point as follows: + * - `miter`: 2 points corresponding to the outer boundary and the inner boundary of stroke. + * - `bevel`: 2 points corresponding to the bevel boundaries, tangent to the bisector. + * - `round`: same as `bevel` + * Used to calculate object's bounding box + * @static + * @memberOf fabric.util + * @param {Point[]} points + * @param {Object} options + * @param {number} options.strokeWidth + * @param {'miter'|'bevel'|'round'} options.strokeLineJoin + * @param {number} options.strokeMiterLimit https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit + * @param {boolean} options.strokeUniform + * @param {number} options.scaleX + * @param {number} options.scaleY + * @param {boolean} [openPath] whether the shape is open or not, affects the calculations of the first and last points + * @returns {fabric.Point[]} array of size 2n/4n of all suspected points + */ + projectStrokeOnPoints: function (points, options, openPath) { + var coords = [], s = options.strokeWidth / 2, + strokeUniformScalar = options.strokeUniform ? + new fabric.Point(1 / options.scaleX, 1 / options.scaleY) : new fabric.Point(1, 1), + getStrokeHatVector = function (v) { + var scalar = s / (Math.hypot(v.x, v.y)); + return new fabric.Point(v.x * scalar * strokeUniformScalar.x, v.y * scalar * strokeUniformScalar.y); + }; + if (points.length <= 1) {return coords;} + points.forEach(function (p, index) { + var A = new fabric.Point(p.x, p.y), B, C; + if (index === 0) { + C = points[index + 1]; + B = openPath ? getStrokeHatVector(fabric.util.createVector(C, A)).addEquals(A) : points[points.length - 1]; + } + else if (index === points.length - 1) { + B = points[index - 1]; + C = openPath ? getStrokeHatVector(fabric.util.createVector(B, A)).addEquals(A) : points[0]; + } + else { + B = points[index - 1]; + C = points[index + 1]; + } + var bisector = fabric.util.getBisector(A, B, C), + bisectorVector = bisector.vector, + alpha = bisector.angle, + scalar, + miterVector; + if (options.strokeLineJoin === 'miter') { + scalar = -s / Math.sin(alpha / 2); + miterVector = new fabric.Point( + bisectorVector.x * scalar * strokeUniformScalar.x, + bisectorVector.y * scalar * strokeUniformScalar.y + ); + if (Math.hypot(miterVector.x, miterVector.y) / s <= options.strokeMiterLimit) { + coords.push(A.add(miterVector)); + coords.push(A.subtract(miterVector)); + return; + } + } + scalar = -s * Math.SQRT2; + miterVector = new fabric.Point( + bisectorVector.x * scalar * strokeUniformScalar.x, + bisectorVector.y * scalar * strokeUniformScalar.y + ); + coords.push(A.add(miterVector)); + coords.push(A.subtract(miterVector)); + }); + return coords; + }, + /** * Apply transform t to point p * @static * @memberOf fabric.util - * @param {TMat2D} t The transform + * @param {fabric.Point} p The point to transform + * @param {Array} t The transform * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied - * @return {Point} The transformed point + * @return {fabric.Point} The transformed point + */ + transformPoint: function(p, t, ignoreOffset) { + if (ignoreOffset) { + return new fabric.Point( + t[0] * p.x + t[2] * p.y, + t[1] * p.x + t[3] * p.y + ); + } + return new fabric.Point( + t[0] * p.x + t[2] * p.y + t[4], + t[1] * p.x + t[3] * p.y + t[5] + ); + }, + + /** + * Returns coordinates of points's bounding rectangle (left, top, width, height) + * @param {Array} points 4 points array + * @param {Array} [transform] an array of 6 numbers representing a 2x3 transform matrix + * @return {Object} Object with left, top, width, height properties */ - transform(t, ignoreOffset = false) { - return new Point(t[0] * this.x + t[2] * this.y + (ignoreOffset ? 0 : t[4]), t[1] * this.x + t[3] * this.y + (ignoreOffset ? 0 : t[5])); - } -} -const originZero = new Point(0, 0); -fabric$1.Point = Point; + makeBoundingBoxFromPoints: function(points, transform) { + if (transform) { + for (var i = 0; i < points.length; i++) { + points[i] = fabric.util.transformPoint(points[i], transform); + } + } + var xPoints = [points[0].x, points[1].x, points[2].x, points[3].x], + minX = fabric.util.array.min(xPoints), + maxX = fabric.util.array.max(xPoints), + width = maxX - minX, + yPoints = [points[0].y, points[1].y, points[2].y, points[3].y], + minY = fabric.util.array.min(yPoints), + maxY = fabric.util.array.max(yPoints), + height = maxY - minY; -const unitVectorX = new Point(1, 0); -/** - * Rotates `vector` with `radians` - * @static - * @memberOf fabric.util - * @param {Point} vector The vector to rotate (x and y) - * @param {Number} radians The radians of the angle for the rotation - * @return {Point} The new rotated point - */ -const rotateVector = (vector, radians) => vector.rotate(radians); -/** - * Creates a vector from points represented as a point - * @static - * @memberOf fabric.util - * - * @param {Point} from - * @param {Point} to - * @returns {Point} vector - */ -const createVector = (from, to) => new Point(to).subtract(from); -/** - * return the magnitude of a vector - * @return {number} - */ -const magnitude = (point) => point.distanceFrom(new Point()); -/** - * Calculates the angle between 2 vectors - * @param {Point} a - * @param {Point} b - * @returns the angle in radians from `a` to `b` - */ -const calcAngleBetweenVectors = (a, b) => { - const dot = a.x * b.x + a.y * b.y, det = a.x * b.y - a.y * b.x; - return Math.atan2(det, dot); -}; -/** - * Calculates the angle between the x axis and the vector - * @param {Point} v - * @returns the angle in radians of `v` - */ -const calcVectorRotation = (v) => calcAngleBetweenVectors(unitVectorX, v); -/** - * @param {Point} v - * @returns {Point} vector representing the unit vector pointing to the direction of `v` - */ -const getUnitVector = (v) => v.scalarDivide(magnitude(v)); -/** - * @param {Point} A - * @param {Point} B - * @param {Point} C - * @returns {{ vector: Point, angle: TRadian}} vector representing the bisector of A and A's angle - */ -const getBisector = (A, B, C) => { - const AB = createVector(A, B), AC = createVector(A, C), alpha = calcAngleBetweenVectors(AB, AC); - return { - vector: getUnitVector(rotateVector(AB, alpha / 2)), - angle: alpha, - }; -}; -/** - * @param {Point} v - * @param {Boolean} [counterClockwise] the direction of the orthogonal vector, defaults to `true` - * @returns {Point} the unit orthogonal vector - */ -const getOrthonormalVector = (v, counterClockwise = true) => getUnitVector(new Point(-v.y, v.x).scalarMultiply(counterClockwise ? 1 : -1)); + return { + left: minX, + top: minY, + width: width, + height: height + }; + }, -/** - * Transforms degrees to radians. - * @static - * @memberOf fabric.util - * @param {TDegree} degrees value in degrees - * @return {TRadian} value in radians - */ -const degreesToRadians = (degrees) => (degrees * PiBy180); -/** - * Transforms radians to degrees. - * @static - * @memberOf fabric.util - * @param {TRadian} radians value in radians - * @return {TDegree} value in degrees - */ -const radiansToDegrees = (radians) => (radians / PiBy180); + /** + * Invert transformation t + * @static + * @memberOf fabric.util + * @param {Array} t The transform + * @return {Array} The inverted transform + */ + invertTransform: function(t) { + var a = 1 / (t[0] * t[3] - t[1] * t[2]), + r = [a * t[3], -a * t[1], -a * t[2], a * t[0]], + o = fabric.util.transformPoint({ x: t[4], y: t[5] }, r, true); + r[4] = -o.x; + r[5] = -o.y; + return r; + }, -/** - * Rotates `point` around `origin` with `radians` - * @static - * @deprecated use the Point.rotate - * @memberOf fabric.util - * @param {Point} origin The origin of the rotation - * @param {Point} origin The origin of the rotation - * @param {TRadian} radians The radians of the angle for the rotation - * @return {Point} The new rotated point - */ -const rotatePoint = (point, origin, radians) => point.rotate(radians, origin); + /** + * A wrapper around Number#toFixed, which contrary to native method returns number, not string. + * @static + * @memberOf fabric.util + * @param {Number|String} number number to operate on + * @param {Number} fractionDigits number of fraction digits to "leave" + * @return {Number} + */ + toFixed: function(number, fractionDigits) { + return parseFloat(Number(number).toFixed(fractionDigits)); + }, -/** - * Returns random number between 2 specified ones. - * @static - * @memberOf fabric.util - * @param {Number} min lower limit - * @param {Number} max upper limit - * @return {Number} random value (between min and max) - */ -const getRandomInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; + /** + * Converts from attribute value to pixel value if applicable. + * Returns converted pixels or original value not converted. + * @param {Number|String} value number to operate on + * @param {Number} fontSize + * @return {Number|String} + */ + parseUnit: function(value, fontSize) { + var unit = /\D{0,2}$/.exec(value), + number = parseFloat(value); + if (!fontSize) { + fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; + } + switch (unit[0]) { + case 'mm': + return number * fabric.DPI / 25.4; -/** - * - * @param value value to check if NaN - * @param [valueIfNaN] - * @returns `fallback` is `value is NaN - */ -const ifNaN = (value, valueIfNaN) => { - return isNaN(value) && typeof valueIfNaN === 'number' ? valueIfNaN : value; -}; + case 'cm': + return number * fabric.DPI / 2.54; -/** - * Removes value from an array. - * Presence of value (and its position in an array) is determined via `Array.prototype.indexOf` - * @static - * @memberOf fabric.util - * @param {Array} array - * @param {*} value - * @return {Array} original array - */ -const removeFromArray = (array, value) => { - const idx = array.indexOf(value); - if (idx !== -1) { - array.splice(idx, 1); - } - return array; -}; + case 'in': + return number * fabric.DPI; + + case 'pt': + return number * fabric.DPI / 72; // or * 4 / 3 + + case 'pc': + return number * fabric.DPI / 72 * 12; // or * 16 + + case 'em': + return number * fontSize; + + default: + return number; + } + }, -/** - * @see https://github.com/fabricjs/fabric.js/pull/8344 - */ -class StrokeProjectionsBase { - constructor(options) { - this.options = options; - this.strokeProjectionMagnitude = this.options.strokeWidth / 2; - this.scale = new Point(this.options.scaleX, this.options.scaleY); - this.strokeUniformScalar = this.options.strokeUniform - ? new Point(1 / this.options.scaleX, 1 / this.options.scaleY) - : new Point(1, 1); - } - static getAcuteAngleFactor(vector1, vector2) { - const angle = vector2 - ? calcAngleBetweenVectors(vector1, vector2) - : calcVectorRotation(vector1); - return Math.abs(angle) < halfPI ? -1 : 1; - } /** - * When the stroke is uniform, scaling affects the arrangement of points. So we must take it into account. + * Function which always returns `false`. + * @static + * @memberOf fabric.util + * @return {Boolean} */ - createSideVector(from, to) { - const v = createVector(from, to); - return this.options.strokeUniform ? v.multiply(this.scale) : v; - } - projectOrthogonally(from, to, magnitude) { - return this.applySkew(from.add(this.calcOrthogonalProjection(from, to, magnitude))); - } - isSkewed() { - return this.options.skewX !== 0 || this.options.skewY !== 0; - } - applySkew(point) { - const p = new Point(point); - // skewY must be applied before skewX as this distortion affects skewX calculation - p.y += p.x * Math.tan(degreesToRadians(this.options.skewY)); - p.x += p.y * Math.tan(degreesToRadians(this.options.skewX)); - return p; - } - scaleUnitVector(unitVector, scalar) { - return unitVector.multiply(this.strokeUniformScalar).scalarMultiply(scalar); - } -} + falseFunction: function() { + return false; + }, -/** - * class in charge of finding projections for each type of line join - * @see {@link [Closed path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#2-closed-path)} - * - * - MDN: - * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin - * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin - * - Spec: https://svgwg.org/svg2-draft/painting.html#StrokeLinejoinProperty - * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html - * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js - * - */ -class StrokeLineJoinProjections extends StrokeProjectionsBase { - constructor(A, B, C, options) { - super(options); - this.A = new Point(A); - this.B = new Point(B); - this.C = new Point(C); - // First we calculate the bisector between the points. Used in `round` and `miter` cases - // When the stroke is uniform, scaling changes the arrangement of the points, so we have to take it into account - this.bisector = this.options.strokeUniform - ? getBisector(this.A.multiply(this.scale), this.B.multiply(this.scale), this.C.multiply(this.scale)) - : getBisector(this.A, this.B, this.C); - } - get bisectorVector() { - return this.bisector.vector; - } - get bisectorAngle() { - return this.bisector.angle; - } - calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { - const vector = this.createSideVector(from, to); - const orthogonalProjection = getOrthonormalVector(vector); - const correctSide = StrokeProjectionsBase.getAcuteAngleFactor(orthogonalProjection, this.bisectorVector); - return this.scaleUnitVector(orthogonalProjection, magnitude * correctSide); - } - /** - * BEVEL - * Calculation: the projection points are formed by the vector orthogonal to the vertex. - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-2-bevel - */ - projectBevel() { - return [this.B, this.C].map((to) => this.projectOrthogonally(this.A, to)); - } /** - * MITER - * Calculation: the corner is formed by extending the outer edges of the stroke - * at the tangents of the path segments until they intersect. - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-1-miter - */ - projectMiter() { - const alpha = Math.abs(this.bisectorAngle), hypotUnitScalar = 1 / Math.sin(alpha / 2), miterVector = this.scaleUnitVector(this.bisectorVector, -this.strokeProjectionMagnitude * hypotUnitScalar); - // When two line segments meet at a sharp angle, it is possible for the join to extend, - // far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes - // a limit on the extent of the line join. - // MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit - // When the stroke is uniform, scaling changes the arrangement of points, this changes the miter-limit - const strokeMiterLimit = this.options.strokeUniform - ? hypotUnitScalar - : this.options.strokeMiterLimit; - if (magnitude(miterVector) / this.strokeProjectionMagnitude <= - strokeMiterLimit) { - return [this.applySkew(this.A.add(miterVector))]; - } - else { - // when the miter-limit is reached, the stroke line join becomes of type bevel - return this.projectBevel(); - } - } + * Returns klass "Class" object of given namespace + * @memberOf fabric.util + * @param {String} type Type of object (eg. 'circle') + * @param {String} namespace Namespace to get klass "Class" object from + * @return {Object} klass "Class" + */ + getKlass: function(type, namespace) { + // capitalize first letter only + type = fabric.util.string.camelize(type.charAt(0).toUpperCase() + type.slice(1)); + return fabric.util.resolveNamespace(namespace)[type]; + }, + /** - * ROUND (without skew) - * Calculation: the projections are the two vectors parallel to X and Y axes - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-1-round-without-skew - */ - projectRoundNoSkew() { - // correctSide is used to only consider projecting for the outer side - const correctSide = new Point(StrokeProjectionsBase.getAcuteAngleFactor(this.bisectorVector), StrokeProjectionsBase.getAcuteAngleFactor(new Point(this.bisectorVector.y, this.bisectorVector.x))), radiusOnAxisX = new Point(1, 0) - .scalarMultiply(this.strokeProjectionMagnitude) - .multiply(this.strokeUniformScalar) - .multiply(correctSide), radiusOnAxisY = new Point(0, 1) - .scalarMultiply(this.strokeProjectionMagnitude) - .multiply(this.strokeUniformScalar) - .multiply(correctSide); - return [this.A.add(radiusOnAxisX), this.A.add(radiusOnAxisY)]; - } - /** - * ROUND (with skew) - * Calculation: the projections are the points furthest from the vertex in - * the direction of the X and Y axes after distortion. - * - * @todo TODO: - * - Consider only projections that are inside the beginning and end of the circle segment - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#2-3-2-round-skew - */ - projectRoundWithSkew() { - const projections = []; - // The start and end points of the circle segment - [this.B, this.C].forEach((to) => projections.push(this.projectOrthogonally(this.A, to))); - const { skewX, skewY } = this.options; - // The points furthest from the vertex in the direction of the X and Y axes after distortion - const circleRadius = new Point() - .scalarAdd(this.strokeProjectionMagnitude) - .multiply(this.strokeUniformScalar), newY = circleRadius.y / Math.sqrt(1 + Math.tan(degreesToRadians(skewY)) ** 2), furthestY = new Point(Math.sqrt(circleRadius.x ** 2 - ((newY * circleRadius.x) / circleRadius.y) ** 2), newY), newX = circleRadius.x / Math.sqrt(1 + Math.tan(degreesToRadians(skewX)) ** 2), furthestX = new Point(newX, Math.sqrt(newY ** 2 - ((newX * newY) / circleRadius.x) ** 2)); - [furthestX, furthestY].forEach((vector) => { - projections.push(this.applySkew(this.A.add(vector)), this.applySkew(this.A.subtract(vector))); - }); - return projections; - } - projectRound() { - if (!this.isSkewed()) { - return this.projectRoundNoSkew(); - } - else { - return this.projectRoundWithSkew(); - } - } + * Returns array of attributes for given svg that fabric parses + * @memberOf fabric.util + * @param {String} type Type of svg element (eg. 'circle') + * @return {Array} string names of supported attributes + */ + getSvgAttributes: function(type) { + var attributes = [ + 'instantiated_by_use', + 'style', + 'id', + 'class' + ]; + switch (type) { + case 'linearGradient': + attributes = attributes.concat(['x1', 'y1', 'x2', 'y2', 'gradientUnits', 'gradientTransform']); + break; + case 'radialGradient': + attributes = attributes.concat(['gradientUnits', 'gradientTransform', 'cx', 'cy', 'r', 'fx', 'fy', 'fr']); + break; + case 'stop': + attributes = attributes.concat(['offset', 'stop-color', 'stop-opacity']); + break; + } + return attributes; + }, + /** - * Project stroke width on points returning projections for each point as follows: - * - `miter`: 1 point corresponding to the outer boundary. If the miter limit is exceeded, it will be 2 points (becomes bevel) - * - `bevel`: 2 points corresponding to the bevel possible boundaries, orthogonal to the stroke. - * - `round`: same as `bevel` when it has no skew, with skew are 4 points. + * Returns object of given namespace + * @memberOf fabric.util + * @param {String} namespace Namespace string e.g. 'fabric.Image.filter' or 'fabric' + * @return {Object} Object for given namespace (default fabric) */ - projectPoints() { - switch (this.options.strokeLineJoin) { - case 'miter': - return this.projectMiter(); - case 'round': - return this.projectRound(); - default: - return this.projectBevel(); - } - } - project() { - return this.projectPoints().map((point) => ({ - originPoint: this.A, - projectedPoint: point, - bisector: this.bisector, - })); - } -} + resolveNamespace: function(namespace) { + if (!namespace) { + return fabric; + } + + var parts = namespace.split('.'), + len = parts.length, i, + obj = global || fabric.window; + + for (i = 0; i < len; ++i) { + obj = obj[parts[i]]; + } + + return obj; + }, -/** - * class in charge of finding projections for each type of line cap for start/end of an open path - * @see {@link [Open path projections at #8344](https://github.com/fabricjs/fabric.js/pull/8344#1-open-path)} - * - * Reference: - * - MDN: - * - https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap - * - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap - * - Spec: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-linecap-dev - * - Playground to understand how the line joins works: https://hypertolosana.github.io/efficient-webgl-stroking/index.html - * - View the calculated projections for each of the control points: https://codesandbox.io/s/project-stroke-points-with-context-to-trace-b8jc4j?file=/src/index.js - */ -class StrokeLineCapProjections extends StrokeProjectionsBase { - constructor(A, T, options) { - super(options); - this.A = new Point(A); - this.T = new Point(T); - } - calcOrthogonalProjection(from, to, magnitude = this.strokeProjectionMagnitude) { - const vector = this.createSideVector(from, to); - return this.scaleUnitVector(getOrthonormalVector(vector), magnitude); - } /** - * OPEN PATH START/END - Line cap: Butt - * Calculation: to find the projections, just find the points orthogonal to the stroke - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#1-1-butt - */ - projectButt() { - return [ - this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude), - this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude), - ]; - } + * Loads image element from given url and passes it to a callback + * @memberOf fabric.util + * @param {String} url URL representing an image + * @param {Function} callback Callback; invoked with loaded image + * @param {*} [context] Context to invoke callback in + * @param {Object} [crossOrigin] crossOrigin value to set image element to + */ + loadImage: function(url, callback, context, crossOrigin) { + if (!url) { + callback && callback.call(context, url); + return; + } + + var img = fabric.util.createImage(); + + /** @ignore */ + var onLoadCallback = function () { + callback && callback.call(context, img, false); + img = img.onload = img.onerror = null; + }; + + img.onload = onLoadCallback; + /** @ignore */ + img.onerror = function() { + fabric.log('Error loading ' + img.src); + callback && callback.call(context, null, true); + img = img.onload = img.onerror = null; + }; + + // data-urls appear to be buggy with crossOrigin + // https://github.com/kangax/fabric.js/commit/d0abb90f1cd5c5ef9d2a94d3fb21a22330da3e0a#commitcomment-4513767 + // see https://code.google.com/p/chromium/issues/detail?id=315152 + // https://bugzilla.mozilla.org/show_bug.cgi?id=935069 + // crossOrigin null is the same as not set. + if (url.indexOf('data') !== 0 && + crossOrigin !== undefined && + crossOrigin !== null) { + img.crossOrigin = crossOrigin; + } + + // IE10 / IE11-Fix: SVG contents from data: URI + // will only be available if the IMG is present + // in the DOM (and visible) + if (url.substring(0,14) === 'data:image/svg') { + img.onload = null; + fabric.util.loadImageInDom(img, onLoadCallback); + } + + img.src = url; + }, + /** - * OPEN PATH START/END - Line cap: Round - * Calculation: same as stroke line join `round` - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#1-2-round - */ - projectRound() { - return new StrokeLineJoinProjections(this.A, this.T, this.T, this.options).projectRound(); - } + * Attaches SVG image with data: URL to the dom + * @memberOf fabric.util + * @param {Object} img Image object with data:image/svg src + * @param {Function} callback Callback; invoked with loaded image + * @return {Object} DOM element (div containing the SVG image) + */ + loadImageInDom: function(img, onLoadCallback) { + var div = fabric.document.createElement('div'); + div.style.width = div.style.height = '1px'; + div.style.left = div.style.top = '-100%'; + div.style.position = 'absolute'; + div.appendChild(img); + fabric.document.querySelector('body').appendChild(div); + /** + * Wrap in function to: + * 1. Call existing callback + * 2. Cleanup DOM + */ + img.onload = function () { + onLoadCallback(); + div.parentNode.removeChild(div); + div = null; + }; + }, + /** - * OPEN PATH START/END - Line cap: Square - * Calculation: project a rectangle of points on the stroke in the opposite direction of the vector `AT` - * - * @see https://github.com/fabricjs/fabric.js/pull/8344#1-3-square - */ - projectSquare() { - const orthogonalProjection = this.calcOrthogonalProjection(this.A, this.T, this.strokeProjectionMagnitude); - const strokePointingOut = this.scaleUnitVector(getUnitVector(createVector(this.A, this.T)), -this.strokeProjectionMagnitude); - const projectedA = this.A.add(strokePointingOut); - return [ - projectedA.add(orthogonalProjection), - projectedA.subtract(orthogonalProjection), - ].map((p) => this.applySkew(p)); - } - projectPoints() { - switch (this.options.strokeLineCap) { - case 'round': - return this.projectRound(); - case 'square': - return this.projectSquare(); - default: - return this.projectButt(); - } - } - project() { - return this.projectPoints().map((point) => ({ - originPoint: this.A, - projectedPoint: point, - })); - } -} + * Creates corresponding fabric instances from their object representations + * @static + * @memberOf fabric.util + * @param {Array} objects Objects to enliven + * @param {Function} callback Callback to invoke when all objects are created + * @param {String} namespace Namespace to get klass "Class" object from + * @param {Function} reviver Method for further parsing of object elements, + * called after each fabric object created. + */ + enlivenObjects: function(objects, callback, namespace, reviver) { + objects = objects || []; -/** - * - * Used to calculate object's bounding box - * - * @see https://github.com/fabricjs/fabric.js/pull/8344 - * - */ -const projectStrokeOnPoints = (points, options, openPath = false) => { - const projections = []; - if (points.length <= 1) { - return projections; - } - points.forEach((A, index) => { - let B, C; - if (index === 0) { - C = points[1]; - B = openPath ? A : points[points.length - 1]; + var enlivenedObjects = [], + numLoadedObjects = 0, + numTotalObjects = objects.length; + + function onLoaded() { + if (++numLoadedObjects === numTotalObjects) { + callback && callback(enlivenedObjects.filter(function(obj) { + // filter out undefined objects (objects that gave error) + return obj; + })); } - else if (index === points.length - 1) { - B = points[index - 1]; - C = openPath ? A : points[0]; + } + + if (!numTotalObjects) { + callback && callback(enlivenedObjects); + return; + } + + objects.forEach(function (o, index) { + // if sparse array + if (!o || !o.type) { + onLoaded(); + return; + } + var klass = fabric.util.getKlass(o.type, namespace); + klass.fromObject(o, function (obj, error) { + error || (enlivenedObjects[index] = obj); + reviver && reviver(o, obj, error); + onLoaded(); + }); + }); + }, + + /** + * Creates corresponding fabric instances residing in an object, e.g. `clipPath` + * @see {@link fabric.Object.ENLIVEN_PROPS} + * @param {Object} object + * @param {Object} [context] assign enlived props to this object (pass null to skip this) + * @param {(objects:fabric.Object[]) => void} callback + */ + enlivenObjectEnlivables: function (object, context, callback) { + var enlivenProps = fabric.Object.ENLIVEN_PROPS.filter(function (key) { return !!object[key]; }); + fabric.util.enlivenObjects(enlivenProps.map(function (key) { return object[key]; }), function (enlivedProps) { + var objects = {}; + enlivenProps.forEach(function (key, index) { + objects[key] = enlivedProps[index]; + context && (context[key] = enlivedProps[index]); + }); + callback && callback(objects); + }); + }, + + /** + * Create and wait for loading of patterns + * @static + * @memberOf fabric.util + * @param {Array} patterns Objects to enliven + * @param {Function} callback Callback to invoke when all objects are created + * called after each fabric object created. + */ + enlivenPatterns: function(patterns, callback) { + patterns = patterns || []; + + function onLoaded() { + if (++numLoadedPatterns === numPatterns) { + callback && callback(enlivenedPatterns); + } + } + + var enlivenedPatterns = [], + numLoadedPatterns = 0, + numPatterns = patterns.length; + + if (!numPatterns) { + callback && callback(enlivenedPatterns); + return; + } + + patterns.forEach(function (p, index) { + if (p && p.source) { + new fabric.Pattern(p, function(pattern) { + enlivenedPatterns[index] = pattern; + onLoaded(); + }); } else { - B = points[index - 1]; - C = points[index + 1]; + enlivenedPatterns[index] = p; + onLoaded(); } - if (openPath && (index === 0 || index === points.length - 1)) { - projections.push(...new StrokeLineCapProjections(A, index === 0 ? C : B, options).project()); + }); + }, + + /** + * Groups SVG elements (usually those retrieved from SVG document) + * @static + * @memberOf fabric.util + * @param {Array} elements SVG elements to group + * @param {Object} [options] Options object + * @param {String} path Value to set sourcePath to + * @return {fabric.Object|fabric.Group} + */ + groupSVGElements: function(elements, options, path) { + var object; + if (elements && elements.length === 1) { + return elements[0]; + } + if (options) { + if (options.width && options.height) { + options.centerPoint = { + x: options.width / 2, + y: options.height / 2 + }; } else { - projections.push(...new StrokeLineJoinProjections(A, B, C, options).project()); - } - }); - return projections; -}; + delete options.width; + delete options.height; + } + } + object = new fabric.Group(elements, options); + if (typeof path !== 'undefined') { + object.sourcePath = path; + } + return object; + }, -/*! ***************************************************************************** -Copyright (c) Microsoft Corporation. - -Permission to use, copy, modify, and/or distribute this software for any -purpose with or without fee is hereby granted. - -THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH -REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY -AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, -INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM -LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR -OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR -PERFORMANCE OF THIS SOFTWARE. -***************************************************************************** */ -function __rest(s, e) { - var t = {}; - for (var p in s) - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) - t[p] = s[p]; - if (s != null && typeof Object.getOwnPropertySymbols === "function") - for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) - t[p[i]] = s[p[i]]; - } - return t; -} + /** + * Populates an object with properties of another object + * @static + * @memberOf fabric.util + * @param {Object} source Source object + * @param {Object} destination Destination object + * @return {Array} properties Properties names to include + */ + populateWithProperties: function(source, destination, properties) { + if (properties && Object.prototype.toString.call(properties) === '[object Array]') { + for (var i = 0, len = properties.length; i < len; i++) { + if (properties[i] in source) { + destination[properties[i]] = source[properties[i]]; + } + } + } + }, -/** - * Apply transform t to point p - * @static - * @memberOf fabric.util - * @param {Point | IPoint} p The point to transform - * @param {Array} t The transform - * @param {Boolean} [ignoreOffset] Indicates that the offset should not be applied - * @return {Point} The transformed point - */ -const transformPoint = (p, t, ignoreOffset) => new Point(p).transform(t, ignoreOffset); -/** - * Invert transformation t - * @static - * @memberOf fabric.util - * @param {Array} t The transform - * @return {Array} The inverted transform - */ -const invertTransform = (t) => { - const a = 1 / (t[0] * t[3] - t[1] * t[2]), r = [a * t[3], -a * t[1], -a * t[2], a * t[0], 0, 0], { x, y } = transformPoint(new Point(t[4], t[5]), r, true); - r[4] = -x; - r[5] = -y; - return r; -}; -/** - * Multiply matrix A by matrix B to nest transformations - * @static - * @memberOf fabric.util - * @param {TMat2D} a First transformMatrix - * @param {TMat2D} b Second transformMatrix - * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices - * @return {TMat2D} The product of the two transform matrices - */ -const multiplyTransformMatrices = (a, b, is2x2) => [ - a[0] * b[0] + a[2] * b[1], - a[1] * b[0] + a[3] * b[1], - a[0] * b[2] + a[2] * b[3], - a[1] * b[2] + a[3] * b[3], - is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], - is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5], -]; -/** - * Decomposes standard 2x3 matrix into transform components - * @static - * @memberOf fabric.util - * @param {TMat2D} a transformMatrix - * @return {Object} Components of transform - */ -const qrDecompose = (a) => { - const angle = Math.atan2(a[1], a[0]), denom = Math.pow(a[0], 2) + Math.pow(a[1], 2), scaleX = Math.sqrt(denom), scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom); - return { - angle: radiansToDegrees(angle), - scaleX, - scaleY, - skewX: radiansToDegrees(skewX), + /** + * Creates canvas element + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ + createCanvasElement: function() { + return fabric.document.createElement('canvas'); + }, + + /** + * Creates a canvas element that is a copy of another and is also painted + * @param {CanvasElement} canvas to copy size and content of + * @static + * @memberOf fabric.util + * @return {CanvasElement} initialized canvas element + */ + copyCanvasElement: function(canvas) { + var newCanvas = fabric.util.createCanvasElement(); + newCanvas.width = canvas.width; + newCanvas.height = canvas.height; + newCanvas.getContext('2d').drawImage(canvas, 0, 0); + return newCanvas; + }, + + /** + * since 2.6.0 moved from canvas instance to utility. + * @param {CanvasElement} canvasEl to copy size and content of + * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too + * @param {Number} quality <= 1 and > 0 + * @static + * @memberOf fabric.util + * @return {String} data url + */ + toDataURL: function(canvasEl, format, quality) { + return canvasEl.toDataURL('image/' + format, quality); + }, + + /** + * Creates image element (works on client and node) + * @static + * @memberOf fabric.util + * @return {HTMLImageElement} HTML image element + */ + createImage: function() { + return fabric.document.createElement('img'); + }, + + /** + * Multiply matrix A by matrix B to nest transformations + * @static + * @memberOf fabric.util + * @param {Array} a First transformMatrix + * @param {Array} b Second transformMatrix + * @param {Boolean} is2x2 flag to multiply matrices as 2x2 matrices + * @return {Array} The product of the two transform matrices + */ + multiplyTransformMatrices: function(a, b, is2x2) { + // Matrix multiply a * b + return [ + a[0] * b[0] + a[2] * b[1], + a[1] * b[0] + a[3] * b[1], + a[0] * b[2] + a[2] * b[3], + a[1] * b[2] + a[3] * b[3], + is2x2 ? 0 : a[0] * b[4] + a[2] * b[5] + a[4], + is2x2 ? 0 : a[1] * b[4] + a[3] * b[5] + a[5] + ]; + }, + + /** + * Decomposes standard 2x3 matrix into transform components + * @static + * @memberOf fabric.util + * @param {Array} a transformMatrix + * @return {Object} Components of transform + */ + qrDecompose: function(a) { + var angle = atan2(a[1], a[0]), + denom = pow(a[0], 2) + pow(a[1], 2), + scaleX = sqrt(denom), + scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX, + skewX = atan2(a[0] * a[2] + a[1] * a [3], denom); + return { + angle: angle / PiBy180, + scaleX: scaleX, + scaleY: scaleY, + skewX: skewX / PiBy180, skewY: 0, - translateX: a[4] || 0, - translateY: a[5] || 0, - }; -}; -/** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] angle in degrees - * @return {TMat2D} transform matrix - */ -const calcRotateMatrix = ({ angle }) => { - if (!angle) { - return iMatrix; - } - const theta = degreesToRadians(angle), cosin = cos(theta), sinus = sin(theta); - return [cosin, sinus, -sinus, cosin, 0, 0]; -}; -/** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet. - * is called DimensionsTransformMatrix because those properties are the one that influence - * the size of the resulting box of the object. - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @return {Number[]} transform matrix - */ -const calcDimensionsMatrix = ({ scaleX = 1, scaleY = 1, flipX = false, flipY = false, skewX = 0, skewY = 0, }) => { - let scaleMatrix = iMatrix; - if (scaleX !== 1 || scaleY !== 1 || flipX || flipY) { - scaleMatrix = [ - flipX ? -scaleX : scaleX, - 0, + translateX: a[4], + translateY: a[5] + }; + }, + + /** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] angle in degrees + * @return {Number[]} transform matrix + */ + calcRotateMatrix: function(options) { + if (!options.angle) { + return fabric.iMatrix.concat(); + } + var theta = fabric.util.degreesToRadians(options.angle), + cos = fabric.util.cos(theta), + sin = fabric.util.sin(theta); + return [cos, sin, -sin, cos, 0, 0]; + }, + + /** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet. + * is called DimensionsTransformMatrix because those properties are the one that influence + * the size of the resulting box of the object. + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewY] + * @return {Number[]} transform matrix + */ + calcDimensionsMatrix: function(options) { + var scaleX = typeof options.scaleX === 'undefined' ? 1 : options.scaleX, + scaleY = typeof options.scaleY === 'undefined' ? 1 : options.scaleY, + scaleMatrix = [ + options.flipX ? -scaleX : scaleX, 0, - flipY ? -scaleY : scaleY, 0, + options.flipY ? -scaleY : scaleY, 0, - ]; - } - if (skewX) { - scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, 0, Math.tan(degreesToRadians(skewX)), 1], true); - } - if (skewY) { - scaleMatrix = multiplyTransformMatrices(scaleMatrix, [1, Math.tan(degreesToRadians(skewY)), 0, 1], true); - } - return scaleMatrix; -}; -/** - * Returns a transform matrix starting from an object of the same kind of - * the one returned from qrDecompose, useful also if you want to calculate some - * transformations from an object that is not enlived yet - * @static - * @memberOf fabric.util - * @param {Object} options - * @param {Number} [options.angle] - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Boolean} [options.flipX] - * @param {Boolean} [options.flipY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @param {Number} [options.translateX] - * @param {Number} [options.translateY] - * @return {Number[]} transform matrix - */ -const composeMatrix = (_a) => { - var { translateX = 0, translateY = 0, angle = 0 } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "angle"]); - let matrix = [1, 0, 0, 1, translateX, translateY]; - if (angle) { - matrix = multiplyTransformMatrices(matrix, calcRotateMatrix({ angle })); - } - const scaleMatrix = calcDimensionsMatrix(otherOptions); - if (scaleMatrix !== iMatrix) { - matrix = multiplyTransformMatrices(matrix, scaleMatrix); - } - return matrix; -}; + 0], + multiply = fabric.util.multiplyTransformMatrices, + degreesToRadians = fabric.util.degreesToRadians; + if (options.skewX) { + scaleMatrix = multiply( + scaleMatrix, + [1, 0, Math.tan(degreesToRadians(options.skewX)), 1], + true); + } + if (options.skewY) { + scaleMatrix = multiply( + scaleMatrix, + [1, Math.tan(degreesToRadians(options.skewY)), 0, 1], + true); + } + return scaleMatrix; + }, -//@ts-nocheck -/** - * Copies all enumerable properties of one js object to another - * this does not and cannot compete with generic utils. - * Does not clone or extend fabric.Object subclasses. - * This is mostly for internal use and has extra handling for fabricJS objects - * it skips the canvas and group properties in deep cloning. - * @memberOf fabric.util.object - * @param {Object} destination Where to copy to - * @param {Object} source Where to copy from - * @param {Boolean} [deep] Whether to extend nested objects - * @return {Object} - */ -const extend = (destination, source, deep) => { - // the deep clone is for internal use, is not meant to avoid - // javascript traps or cloning html element or self referenced objects. - if (deep) { - if (!fabric$1.isLikelyNode && source instanceof Element) { - // avoid cloning deep images, canvases, - destination = source; - } - else if (Array.isArray(source)) { - destination = []; - for (let i = 0, len = source.length; i < len; i++) { - destination[i] = extend({}, source[i], deep); - } - } - else if (source && typeof source === 'object') { - for (const property in source) { - if (property === 'canvas' || property === 'group') { - // we do not want to clone this props at all. - // we want to keep the keys in the copy - destination[property] = null; - } - else if (Object.prototype.hasOwnProperty.call(source, property)) { - destination[property] = extend({}, source[property], deep); - } - } + /** + * Returns a transform matrix starting from an object of the same kind of + * the one returned from qrDecompose, useful also if you want to calculate some + * transformations from an object that is not enlived yet + * @static + * @memberOf fabric.util + * @param {Object} options + * @param {Number} [options.angle] + * @param {Number} [options.scaleX] + * @param {Number} [options.scaleY] + * @param {Boolean} [options.flipX] + * @param {Boolean} [options.flipY] + * @param {Number} [options.skewX] + * @param {Number} [options.skewX] + * @param {Number} [options.translateX] + * @param {Number} [options.translateY] + * @return {Number[]} transform matrix + */ + composeMatrix: function(options) { + var matrix = [1, 0, 0, 1, options.translateX || 0, options.translateY || 0], + multiply = fabric.util.multiplyTransformMatrices; + if (options.angle) { + matrix = multiply(matrix, fabric.util.calcRotateMatrix(options)); + } + if (options.scaleX !== 1 || options.scaleY !== 1 || + options.skewX || options.skewY || options.flipX || options.flipY) { + matrix = multiply(matrix, fabric.util.calcDimensionsMatrix(options)); + } + return matrix; + }, + + /** + * reset an object transform state to neutral. Top and left are not accounted for + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to transform + */ + resetObjectTransform: function (target) { + target.scaleX = 1; + target.scaleY = 1; + target.skewX = 0; + target.skewY = 0; + target.flipX = false; + target.flipY = false; + target.rotate(0); + }, + + /** + * Extract Object transform values + * @static + * @memberOf fabric.util + * @param {fabric.Object} target object to read from + * @return {Object} Components of transform + */ + saveObjectTransform: function (target) { + return { + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + angle: target.angle, + left: target.left, + flipX: target.flipX, + flipY: target.flipY, + top: target.top + }; + }, + + /** + * Returns true if context has transparent pixel + * at specified location (taking tolerance into account) + * @param {CanvasRenderingContext2D} ctx context + * @param {Number} x x coordinate + * @param {Number} y y coordinate + * @param {Number} tolerance Tolerance + */ + isTransparent: function(ctx, x, y, tolerance) { + + // If tolerance is > 0 adjust start coords to take into account. + // If moves off Canvas fix to 0 + if (tolerance > 0) { + if (x > tolerance) { + x -= tolerance; } else { - // this sounds odd for an extend but is ok for recursive use - destination = source; - } - } - else { - for (const property in source) { - destination[property] = source[property]; - } - } - return destination; -}; -/** - * Creates an empty object and copies all enumerable properties of another object to it - * This method is mostly for internal use, and not intended for duplicating shapes in canvas. - * @memberOf fabric.util.object - * @param {Object} object Object to clone - * @param {Boolean} [deep] Whether to clone nested objects - * @return {Object} - */ -//TODO: this function return an empty object if you try to clone null -const clone = (object, deep) => deep ? extend({}, object, deep) : Object.assign({}, object); - -/** - * @memberOf fabric.util - * @param {Object} prevStyle first style to compare - * @param {Object} thisStyle second style to compare - * @param {boolean} forTextSpans whether to check overline, underline, and line-through properties - * @return {boolean} true if the style changed - */ -const hasStyleChanged = (prevStyle, thisStyle, forTextSpans = false) => prevStyle.fill !== thisStyle.fill || - prevStyle.stroke !== thisStyle.stroke || - prevStyle.strokeWidth !== thisStyle.strokeWidth || - prevStyle.fontSize !== thisStyle.fontSize || - prevStyle.fontFamily !== thisStyle.fontFamily || - prevStyle.fontWeight !== thisStyle.fontWeight || - prevStyle.fontStyle !== thisStyle.fontStyle || - prevStyle.textBackgroundColor !== thisStyle.textBackgroundColor || - prevStyle.deltaY !== thisStyle.deltaY || - (forTextSpans && - (prevStyle.overline !== thisStyle.overline || - prevStyle.underline !== thisStyle.underline || - prevStyle.linethrough !== thisStyle.linethrough)); -/** - * Returns the array form of a text object's inline styles property with styles grouped in ranges - * rather than per character. This format is less verbose, and is better suited for storage - * so it is used in serialization (not during runtime). - * @memberOf fabric.util - * @param {object} styles per character styles for a text object - * @param {String} text the text string that the styles are applied to - * @return {{start: number, end: number, style: object}[]} - */ -const stylesToArray = (styles, text) => { - const textLines = text.split('\n'), stylesArray = []; - let charIndex = -1, prevStyle = {}; - // clone style structure to prevent mutation - styles = clone(styles, true); - //loop through each textLine - for (let i = 0; i < textLines.length; i++) { - if (!styles[i]) { - //no styles exist for this line, so add the line's length to the charIndex total - charIndex += textLines[i].length; - continue; + x = 0; } - //loop through each character of the current line - for (let c = 0; c < textLines[i].length; c++) { - charIndex++; - const thisStyle = styles[i][c]; - //check if style exists for this character - if (thisStyle && Object.keys(thisStyle).length > 0) { - if (hasStyleChanged(prevStyle, thisStyle, true)) { - stylesArray.push({ - start: charIndex, - end: charIndex + 1, - style: thisStyle, - }); - } - else { - //if style is the same as previous character, increase end index - stylesArray[stylesArray.length - 1].end++; - } - } - prevStyle = thisStyle || {}; + if (y > tolerance) { + y -= tolerance; } - } - return stylesArray; -}; -/** - * Returns the object form of the styles property with styles that are assigned per - * character rather than grouped by range. This format is more verbose, and is - * only used during runtime (not for serialization/storage) - * @memberOf fabric.util - * @param {Array} styles the serialized form of a text object's styles - * @param {String} text the text string that the styles are applied to - * @return {Object} - */ -const stylesFromArray = (styles, text) => { - if (!Array.isArray(styles)) { - return styles; - } - const textLines = text.split('\n'), stylesObject = {}; - let charIndex = -1, styleIndex = 0; - //loop through each textLine - for (let i = 0; i < textLines.length; i++) { - //loop through each character of the current line - for (let c = 0; c < textLines[i].length; c++) { - charIndex++; - //check if there's a style collection that includes the current character - if (styles[styleIndex] && - styles[styleIndex].start <= charIndex && - charIndex < styles[styleIndex].end) { - //create object for line index if it doesn't exist - stylesObject[i] = stylesObject[i] || {}; - //assign a style at this character's index - stylesObject[i][c] = Object.assign({}, styles[styleIndex].style); - //if character is at the end of the current style collection, move to the next - if (charIndex === styles[styleIndex].end - 1) { - styleIndex++; - } - } + else { + y = 0; } - } - return stylesObject; -}; - -/** - * Creates canvas element - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element - */ -const createCanvasElement = () => fabric$1.document.createElement('canvas'); -/** - * Creates image element (works on client and node) - * @static - * @memberOf fabric.util - * @return {HTMLImageElement} HTML image element - */ -const createImage = () => fabric$1.document.createElement('img'); -/** - * Creates a canvas element that is a copy of another and is also painted - * @param {CanvasElement} canvas to copy size and content of - * @static - * @memberOf fabric.util - * @return {CanvasElement} initialized canvas element - */ -const copyCanvasElement = (canvas) => { - var _a; - const newCanvas = createCanvasElement(); - newCanvas.width = canvas.width; - newCanvas.height = canvas.height; - (_a = newCanvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(canvas, 0, 0); - return newCanvas; -}; -/** - * since 2.6.0 moved from canvas instance to utility. - * possibly useless - * @param {CanvasElement} canvasEl to copy size and content of - * @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too - * @param {Number} quality <= 1 and > 0 - * @static - * @memberOf fabric.util - * @return {String} data url - */ -const toDataURL = (canvasEl, format, quality) => canvasEl.toDataURL(`image/${format}`, quality); + } -/** - * A wrapper around Number#toFixed, which contrary to native method returns number, not string. - * @static - * @memberOf fabric.util - * @param {number|string} number number to operate on - * @param {number} fractionDigits number of fraction digits to "leave" - * @return {number} - */ -const toFixed = (number, fractionDigits) => parseFloat(Number(number).toFixed(fractionDigits)); + var _isTransparent = true, i, temp, + imageData = ctx.getImageData(x, y, (tolerance * 2) || 1, (tolerance * 2) || 1), + l = imageData.data.length; -/** - * Returns array of attributes for given svg that fabric parses - * @memberOf fabric.util - * @param {SVGElementName} type Type of svg element (eg. 'circle') - * @return {Array} string names of supported attributes - */ -const getSvgAttributes = (type) => { - const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class']; - switch (type) { - case "linearGradient" /* SVGElementName.linearGradient */: - return commonAttributes.concat([ - 'x1', - 'y1', - 'x2', - 'y2', - 'gradientUnits', - 'gradientTransform', - ]); - case 'radialGradient': - return commonAttributes.concat([ - 'gradientUnits', - 'gradientTransform', - 'cx', - 'cy', - 'r', - 'fx', - 'fy', - 'fr', - ]); - case 'stop': - return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']); - } - return commonAttributes; -}; -/** - * Converts from attribute value to pixel value if applicable. - * Returns converted pixels or original value not converted. - * @param {string} value number to operate on - * @param {number} fontSize - * @return {number} - */ -const parseUnit = (value, fontSize) => { - const unit = /\D{0,2}$/.exec(value), number = parseFloat(value); - if (!fontSize) { - fontSize = DEFAULT_SVG_FONT_SIZE; - } - const dpi = config.DPI; - switch (unit === null || unit === void 0 ? void 0 : unit[0]) { - case "mm" /* SupportedSVGUnit.mm */: - return (number * dpi) / 25.4; - case "cm" /* SupportedSVGUnit.cm */: - return (number * dpi) / 2.54; - case "in" /* SupportedSVGUnit.in */: - return number * dpi; - case "pt" /* SupportedSVGUnit.pt */: - return (number * dpi) / 72; // or * 4 / 3 - case "pc" /* SupportedSVGUnit.pc */: - return ((number * dpi) / 72) * 12; // or * 16 - case "em" /* SupportedSVGUnit.em */: - return number * fontSize; - default: - return number; - } -}; -/** - * Groups SVG elements (usually those retrieved from SVG document) - * @static - * @memberOf fabric.util - * @param {Array} elements fabric.Object(s) parsed from svg, to group - * @return {fabric.Object|fabric.Group} - */ -const groupSVGElements = (elements) => { - if (elements && elements.length === 1) { - return elements[0]; - } - return new fabric$1.Group(elements); -}; -// align can be either none or undefined or a combination of mid/max -const parseAlign = (align) => { - //divide align in alignX and alignY - if (align && align !== "none" /* MinMidMax.none */) { - return [align.slice(1, 4), align.slice(5, 8)]; - } - else if (align === "none" /* MinMidMax.none */) { - return [align, align]; - } - return ["Mid" /* MinMidMax.mid */, "Mid" /* MinMidMax.mid */]; -}; -/** - * Parse preserveAspectRatio attribute from element - * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio - * @param {string} attribute to be parsed - * @return {Object} an object containing align and meetOrSlice attribute - */ -const parsePreserveAspectRatioAttribute = (attribute) => { - const [firstPart, secondPart] = attribute.trim().split(' '); - const [alignX, alignY] = parseAlign(firstPart); - return { - meetOrSlice: secondPart || "meet" /* MeetOrSlice.meet */, - alignX, - alignY, - }; -}; -/** - * given an array of 6 number returns something like `"matrix(...numbers)"` - * @memberOf fabric.util - * @param {TMat2D} transform an array with 6 numbers - * @return {String} transform matrix for svg - */ -const matrixToSVG = (transform) => 'matrix(' + - transform - .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS)) - .join(' ') + - ')'; + // Split image data - for tolerance > 1, pixelDataSize = 4; + for (i = 3; i < l; i += 4) { + temp = imageData.data[i]; + _isTransparent = temp <= 0; + if (_isTransparent === false) { + break; // Stop if colour found + } + } -/** - * Finds the scale for the object source to fit inside the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to fit into destination - */ -const findScaleToFit = (source, destination) => Math.min(destination.width / source.width, destination.height / source.height); -/** - * Finds the scale for the object source to cover entirely the object destination, - * keeping aspect ratio intact. - * respect the total allowed area for the cache. - * @memberOf fabric.util - * @param {Object | fabric.Object} source - * @param {Number} source.height natural unscaled height of the object - * @param {Number} source.width natural unscaled width of the object - * @param {Object | fabric.Object} destination - * @param {Number} destination.height natural unscaled height of the object - * @param {Number} destination.width natural unscaled width of the object - * @return {Number} scale factor to apply to source to cover destination - */ -const findScaleToCover = (source, destination) => Math.max(destination.width / source.width, destination.height / source.height); + imageData = null; -const capValue = (min, value, max) => Math.max(min, Math.min(value, max)); + return _isTransparent; + }, -/** - * Calculates bounding box (left, top, width, height) from given `points` - * @static - * @memberOf fabric.util - * @param {IPoint[]} points - * @return {Object} Object with left, top, width, height properties - */ -const makeBoundingBoxFromPoints = (points) => { - if (points.length === 0) { - return { - left: 0, - top: 0, - width: 0, - height: 0, - }; - } - const { min, max } = points.reduce(({ min, max }, curr) => { - return { - min: min.min(curr), - max: max.max(curr), - }; - }, { min: new Point(points[0]), max: new Point(points[0]) }); - const size = max.subtract(min); - return { - left: min.x, - top: min.y, - width: size.x, - height: size.y, - }; -}; + /** + * Parse preserveAspectRatio attribute from element + * @param {string} attribute to be parsed + * @return {Object} an object containing align and meetOrSlice attribute + */ + parsePreserveAspectRatioAttribute: function(attribute) { + var meetOrSlice = 'meet', alignX = 'Mid', alignY = 'Mid', + aspectRatioAttrs = attribute.split(' '), align; -/** - * given an object and a transform, apply the inverse transform to the object, - * this is equivalent to remove from that object that transformation, so that - * added in a space with the removed transform, the object will be the same as before. - * Removing from an object a transform that scale by 2 is like scaling it by 1/2. - * Removing from an object a transform that rotate by 30deg is like rotating by 30deg - * in the opposite direction. - * This util is used to add objects inside transformed groups or nested groups. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ -const removeTransformFromObject = (object, transform) => { - const inverted = invertTransform(transform), finalTransform = multiplyTransformMatrices(inverted, object.calcOwnMatrix()); - applyTransformToObject(object, finalTransform); -}; -/** - * given an object and a transform, apply the transform to the object. - * this is equivalent to change the space where the object is drawn. - * Adding to an object a transform that scale by 2 is like scaling it by 2. - * This is used when removing an object from an active selection for example. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ -const addTransformToObject = (object, transform) => applyTransformToObject(object, multiplyTransformMatrices(transform, object.calcOwnMatrix())); -/** - * discard an object transform state and apply the one from the matrix. - * @memberOf fabric.util - * @param {fabric.Object} object the object you want to transform - * @param {Array} transform the destination transform - */ -const applyTransformToObject = (object, transform) => { - const _a = qrDecompose(transform), { translateX, translateY, scaleX, scaleY } = _a, otherOptions = __rest(_a, ["translateX", "translateY", "scaleX", "scaleY"]), center = new Point(translateX, translateY); - object.flipX = false; - object.flipY = false; - Object.assign(object, otherOptions); - object.set({ scaleX, scaleY }); - object.setPositionByOrigin(center, 'center', 'center'); -}; -/** - * reset an object transform state to neutral. Top and left are not accounted for - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to transform - */ -const resetObjectTransform = (target) => { - target.scaleX = 1; - target.scaleY = 1; - target.skewX = 0; - target.skewY = 0; - target.flipX = false; - target.flipY = false; - target.rotate(0); -}; -/** - * Extract Object transform values - * @static - * @memberOf fabric.util - * @param {fabric.Object} target object to read from - * @return {Object} Components of transform - */ -const saveObjectTransform = (target) => ({ - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - angle: target.angle, - left: target.left, - flipX: target.flipX, - flipY: target.flipY, - top: target.top, -}); -/** - * given a width and height, return the size of the bounding box - * that can contains the box with width/height with applied transform - * described in options. - * Use to calculate the boxes around objects for controls. - * @memberOf fabric.util - * @param {Number} width - * @param {Number} height - * @param {Object} options - * @param {Number} options.scaleX - * @param {Number} options.scaleY - * @param {Number} options.skewX - * @param {Number} options.skewY - * @returns {Point} size - */ -const sizeAfterTransform = (width, height, options) => { - const dimX = width / 2, dimY = height / 2, transformMatrix = calcDimensionsMatrix(options), points = [ - new Point(-dimX, -dimY), - new Point(dimX, -dimY), - new Point(-dimX, dimY), - new Point(dimX, dimY), - ].map((p) => p.transform(transformMatrix)), bbox = makeBoundingBoxFromPoints(points); - return new Point(bbox.width, bbox.height); -}; + if (aspectRatioAttrs && aspectRatioAttrs.length) { + meetOrSlice = aspectRatioAttrs.pop(); + if (meetOrSlice !== 'meet' && meetOrSlice !== 'slice') { + align = meetOrSlice; + meetOrSlice = 'meet'; + } + else if (aspectRatioAttrs.length) { + align = aspectRatioAttrs.pop(); + } + } + //divide align in alignX and alignY + alignX = align !== 'none' ? align.slice(1, 4) : 'none'; + alignY = align !== 'none' ? align.slice(5, 8) : 'none'; + return { + meetOrSlice: meetOrSlice, + alignX: alignX, + alignY: alignY + }; + }, -/** - * We are actually looking for the transformation from the destination plane to the source plane (change of basis matrix)\ - * The object will exist on the destination plane and we want it to seem unchanged by it so we invert the destination matrix (`to`) and then apply the source matrix (`from`) - * @param [from] - * @param [to] - * @returns - */ -const calcPlaneChangeMatrix = (from = iMatrix, to = iMatrix) => multiplyTransformMatrices(invertTransform(to), from); -/** - * Sends a point from the source coordinate plane to the destination coordinate plane.\ - * From the canvas/viewer's perspective the point remains unchanged. - * - * @example Send point from canvas plane to group plane - * var obj = new fabric.Rect({ left: 20, top: 20, width: 60, height: 60, strokeWidth: 0 }); - * var group = new fabric.Group([obj], { strokeWidth: 0 }); - * var sentPoint1 = fabric.util.sendPointToPlane(new Point(50, 50), undefined, group.calcTransformMatrix()); - * var sentPoint2 = fabric.util.sendPointToPlane(new Point(50, 50), fabric.iMatrix, group.calcTransformMatrix()); - * console.log(sentPoint1, sentPoint2) // both points print (0,0) which is the center of group - * - * @static - * @memberOf fabric.util - * @see {fabric.util.transformPointRelativeToCanvas} for transforming relative to canvas - * @param {Point} point - * @param {TMat2D} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `point` exists in the canvas coordinate plane. - * @param {TMat2D} [to] destination plane matrix to contain object. Passing `undefined` means `point` should be sent to the canvas coordinate plane. - * @returns {Point} transformed point - */ -const sendPointToPlane = (point, from = iMatrix, to = iMatrix) => -// we are actually looking for the transformation from the destination plane to the source plane (which is a linear mapping) -// the object will exist on the destination plane and we want it to seem unchanged by it so we reverse the destination matrix (to) and then apply the source matrix (from) -point.transform(calcPlaneChangeMatrix(from, to)); -/** - * Transform point relative to canvas. - * From the viewport/viewer's perspective the point remains unchanged. - * - * `child` relation means `point` exists in the coordinate plane created by `canvas`. - * In other words point is measured acoording to canvas' top left corner - * meaning that if `point` is equal to (0,0) it is positioned at canvas' top left corner. - * - * `sibling` relation means `point` exists in the same coordinate plane as canvas. - * In other words they both relate to the same (0,0) and agree on every point, which is how an event relates to canvas. - * - * @static - * @memberOf fabric.util - * @param {Point} point - * @param {fabric.StaticCanvas} canvas - * @param {'sibling'|'child'} relationBefore current relation of point to canvas - * @param {'sibling'|'child'} relationAfter desired relation of point to canvas - * @returns {Point} transformed point - */ -const transformPointRelativeToCanvas = (point, canvas, relationBefore, relationAfter) => { - // is this still needed with TS? - if (relationBefore !== "child" /* ObjectRelation.child */ && - relationBefore !== "sibling" /* ObjectRelation.sibling */) { - throw new Error('fabric.js: received bad argument ' + relationBefore); - } - if (relationAfter !== "child" /* ObjectRelation.child */ && - relationAfter !== "sibling" /* ObjectRelation.sibling */) { - throw new Error('fabric.js: received bad argument ' + relationAfter); - } - if (relationBefore === relationAfter) { - return point; - } - const t = canvas.viewportTransform; - return point.transform(relationAfter === 'child' ? invertTransform(t) : t); -}; -/** - * - * A util that abstracts applying transform to objects.\ - * Sends `object` to the destination coordinate plane by applying the relevant transformations.\ - * Changes the space/plane where `object` is drawn.\ - * From the canvas/viewer's perspective `object` remains unchanged. - * - * @example Move clip path from one object to another while preserving it's appearance as viewed by canvas/viewer - * let obj, obj2; - * let clipPath = new fabric.Circle({ radius: 50 }); - * obj.clipPath = clipPath; - * // render - * fabric.util.sendObjectToPlane(clipPath, obj.calcTransformMatrix(), obj2.calcTransformMatrix()); - * obj.clipPath = undefined; - * obj2.clipPath = clipPath; - * // render, clipPath now clips obj2 but seems unchanged from the eyes of the viewer - * - * @example Clip an object's clip path with an existing object - * let obj, existingObj; - * let clipPath = new fabric.Circle({ radius: 50 }); - * obj.clipPath = clipPath; - * let transformTo = fabric.util.multiplyTransformMatrices(obj.calcTransformMatrix(), clipPath.calcTransformMatrix()); - * fabric.util.sendObjectToPlane(existingObj, existingObj.group?.calcTransformMatrix(), transformTo); - * clipPath.clipPath = existingObj; - * - * @static - * @memberof fabric.util - * @param {fabric.Object} object - * @param {Matrix} [from] plane matrix containing object. Passing `undefined` is equivalent to passing the identity matrix, which means `object` is a direct child of canvas. - * @param {Matrix} [to] destination plane matrix to contain object. Passing `undefined` means `object` should be sent to the canvas coordinate plane. - * @returns {Matrix} the transform matrix that was applied to `object` - */ -const sendObjectToPlane = (object, from, to) => { - const t = calcPlaneChangeMatrix(from, to); - applyTransformToObject(object, multiplyTransformMatrices(t, object.calcOwnMatrix())); - return t; -}; + /** + * Clear char widths cache for the given font family or all the cache if no + * fontFamily is specified. + * Use it if you know you are loading fonts in a lazy way and you are not waiting + * for custom fonts to load properly when adding text objects to the canvas. + * If a text object is added when its own font is not loaded yet, you will get wrong + * measurement and so wrong bounding boxes. + * After the font cache is cleared, either change the textObject text content or call + * initDimensions() to trigger a recalculation + * @memberOf fabric.util + * @param {String} [fontFamily] font family to clear + */ + clearFabricFontCache: function(fontFamily) { + fontFamily = (fontFamily || '').toLowerCase(); + if (!fontFamily) { + fabric.charWidthsCache = { }; + } + else if (fabric.charWidthsCache[fontFamily]) { + delete fabric.charWidthsCache[fontFamily]; + } + }, -/** - * Camelizes a string - * @memberOf fabric.util.string - * @param {String} string String to camelize - * @return {String} Camelized version of a string - */ -const camelize = (string) => string.replace(/-+(.)?/g, function (match, character) { - return character ? character.toUpperCase() : ''; -}); -/** - * Capitalizes a string - * @memberOf fabric.util.string - * @param {String} string String to capitalize - * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized - * and other letters stay untouched, if false first letter is capitalized - * and other letters are converted to lowercase. - * @return {String} Capitalized version of a string - */ -const capitalize = (string, firstLetterOnly = false) => `${string.charAt(0).toUpperCase()}${firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()}`; -/** - * Escapes XML in a string - * @memberOf fabric.util.string - * @param {String} string String to escape - * @return {String} Escaped version of a string - */ -const escapeXml = (string) => string - .replace(/&/g, '&') - .replace(/"/g, '"') - .replace(/'/g, ''') - .replace(//g, '>'); -/** - * Divide a string in the user perceived single units - * @memberOf fabric.util.string - * @param {String} textstring String to escape - * @return {Array} array containing the graphemes - */ -const graphemeSplit = (textstring) => { - const graphemes = []; - for (let i = 0, chr; i < textstring.length; i++) { - if ((chr = getWholeChar(textstring, i)) === false) { - continue; - } - graphemes.push(chr); - } - return graphemes; -}; -// taken from mdn in the charAt doc page. -const getWholeChar = (str, i) => { - const code = str.charCodeAt(i); - if (isNaN(code)) { - return ''; // Position not found - } - if (code < 0xd800 || code > 0xdfff) { - return str.charAt(i); - } - // High surrogate (could change last hex to 0xDB7F to treat high private - // surrogates as single characters) - if (0xd800 <= code && code <= 0xdbff) { - if (str.length <= i + 1) { - throw 'High surrogate without following low surrogate'; - } - const next = str.charCodeAt(i + 1); - if (0xdc00 > next || next > 0xdfff) { - throw 'High surrogate without following low surrogate'; - } - return str.charAt(i) + str.charAt(i + 1); - } - // Low surrogate (0xDC00 <= code && code <= 0xDFFF) - if (i === 0) { - throw 'Low surrogate without preceding high surrogate'; - } - const prev = str.charCodeAt(i - 1); - // (could change last hex to 0xDB7F to treat high private - // surrogates as single characters) - if (0xd800 > prev || prev > 0xdbff) { - throw 'Low surrogate without preceding high surrogate'; - } - // We can pass over low surrogates now as the second component - // in a pair which we have already processed - return false; -}; + /** + * Given current aspect ratio, determines the max width and height that can + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Number} ar aspect ratio + * @param {Number} maximumArea Maximum area you want to achieve + * @return {Object.x} Limited dimensions by X + * @return {Object.y} Limited dimensions by Y + */ + limitDimsByArea: function(ar, maximumArea) { + var roughWidth = Math.sqrt(maximumArea * ar), + perfLimitSizeY = Math.floor(maximumArea / roughWidth); + return { x: Math.floor(roughWidth), y: perfLimitSizeY }; + }, -/** - * Returns klass "Class" object of given namespace - * @memberOf fabric.util - * @param {String} type Type of object (eg. 'circle') - * @param {object} namespace Namespace to get klass "Class" object from - * @return {Object} klass "Class" - */ -const getKlass = (type, namespace = fabric$1) => namespace[capitalize(camelize(type), true)]; -/** - * Loads image element from given url and resolve it, or catch. - * @memberOf fabric.util - * @param {String} url URL representing an image - * @param {Object} [options] image loading options - * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {Promise} img the loaded image. - */ -const loadImage = (url, { signal, crossOrigin = null } = {}) => new Promise(function (resolve, reject) { - if (signal && signal.aborted) { - return reject(new Error('`options.signal` is in `aborted` state')); - } - const img = createImage(); - let abort; - if (signal) { - abort = function (err) { - img.src = ''; - reject(err); - }; - signal.addEventListener('abort', abort, { once: true }); - } - const done = function () { - img.onload = img.onerror = null; - abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); - resolve(img); - }; - if (!url) { - done(); - return; - } - img.onload = done; - img.onerror = function () { - abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort)); - reject(new Error('Error loading ' + img.src)); - }; - crossOrigin && (img.crossOrigin = crossOrigin); - img.src = url; -}); -/** - * Creates corresponding fabric instances from their object representations - * @static - * @memberOf fabric.util - * @param {Object[]} objects Objects to enliven - * @param {object} [options] - * @param {object} [options.namespace] Namespace to get klass "Class" object from - * @param {(serializedObj: object, instance: fabric.Object) => any} [options.reviver] Method for further parsing of object elements, - * called after each fabric object created. - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ -const enlivenObjects = (objects, { signal, reviver = noop, namespace = fabric$1 } = {}) => new Promise((resolve, reject) => { - const instances = []; - signal && signal.addEventListener('abort', reject, { once: true }); - Promise.all(objects.map((obj) => getKlass(obj.type, namespace) - .fromObject(obj, { - signal, - reviver, - namespace, - }) - .then((fabricInstance) => { - reviver(obj, fabricInstance); - instances.push(fabricInstance); - return fabricInstance; - }))) - .then(resolve) - .catch((error) => { - // cleanup - instances.forEach(function (instance) { - instance.dispose && instance.dispose(); - }); - reject(error); - }) - .finally(() => { - signal && signal.removeEventListener('abort', reject); - }); -}); -/** - * Creates corresponding fabric instances residing in an object, e.g. `clipPath` - * @static - * @memberOf fabric.util - * @param {Object} object with properties to enlive ( fill, stroke, clipPath, path ) - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise<{[key:string]:fabric.Object|fabric.Pattern|fabric.Gradient|null}>} the input object with enlived values - */ -const enlivenObjectEnlivables = (serializedObject, { signal } = {}) => new Promise((resolve, reject) => { - const instances = []; - signal && signal.addEventListener('abort', reject, { once: true }); - // enlive every possible property - const promises = Object.values(serializedObject).map((value) => { - if (!value) { - return value; - } - // gradient - if (value.colorStops) { - return new fabric$1.Gradient(value); - } - // clipPath - if (value.type) { - return enlivenObjects([value], { signal }).then(([enlived]) => { - instances.push(enlived); - return enlived; - }); - } - // pattern - if (value.source) { - return fabric$1.Pattern.fromObject(value, { signal }).then((pattern) => { - instances.push(pattern); - return pattern; - }); - } - return value; - }); - const keys = Object.keys(serializedObject); - Promise.all(promises) - .then((enlived) => { - return enlived.reduce(function (acc, instance, index) { - acc[keys[index]] = instance; - return acc; - }, {}); - }) - .then(resolve) - .catch(function (error) { - // cleanup - instances.forEach((instance) => { - instance.dispose && instance.dispose(); - }); - reject(error); - }) - .finally(function () { - signal && signal.removeEventListener('abort', reject); - }); -}); + capValue: function(min, value, max) { + return Math.max(min, Math.min(value, max)); + }, -/** - * Populates an object with properties of another object - * @param {Object} source Source object - * @param {string[]} properties Properties names to include - * @returns object populated with the picked keys - */ -const pick = (source, keys = []) => { - return keys.reduce((o, key) => { - if (key in source) { - o[key] = source[key]; - } - return o; - }, {}); -}; + /** + * Finds the scale for the object source to fit inside the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to fit into destination + */ + findScaleToFit: function(source, destination) { + return Math.min(destination.width / source.width, destination.height / source.height); + }, -//@ts-nocheck -function getSvgRegex(arr) { - return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); -} + /** + * Finds the scale for the object source to cover entirely the object destination, + * keeping aspect ratio intact. + * respect the total allowed area for the cache. + * @memberOf fabric.util + * @param {Object | fabric.Object} source + * @param {Number} source.height natural unscaled height of the object + * @param {Number} source.width natural unscaled width of the object + * @param {Object | fabric.Object} destination + * @param {Number} destination.height natural unscaled height of the object + * @param {Number} destination.width natural unscaled width of the object + * @return {Number} scale factor to apply to source to cover destination + */ + findScaleToCover: function(source, destination) { + return Math.max(destination.width / source.width, destination.height / source.height); + }, + + /** + * given an array of 6 number returns something like `"matrix(...numbers)"` + * @memberOf fabric.util + * @param {Array} transform an array with 6 numbers + * @return {String} transform matrix for svg + * @return {Object.y} Limited dimensions by Y + */ + matrixToSVG: function(transform) { + return 'matrix(' + transform.map(function(value) { + return fabric.util.toFixed(value, fabric.Object.NUM_FRACTION_DIGITS); + }).join(' ') + ')'; + }, + + /** + * given an object and a transform, apply the inverse transform to the object, + * this is equivalent to remove from that object that transformation, so that + * added in a space with the removed transform, the object will be the same as before. + * Removing from an object a transform that scale by 2 is like scaling it by 1/2. + * Removing from an object a transfrom that rotate by 30deg is like rotating by 30deg + * in the opposite direction. + * This util is used to add objects inside transformed groups or nested groups. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ + removeTransformFromObject: function(object, transform) { + var inverted = fabric.util.invertTransform(transform), + finalTransform = fabric.util.multiplyTransformMatrices(inverted, object.calcOwnMatrix()); + fabric.util.applyTransformToObject(object, finalTransform); + }, + + /** + * given an object and a transform, apply the transform to the object. + * this is equivalent to change the space where the object is drawn. + * Adding to an object a transform that scale by 2 is like scaling it by 2. + * This is used when removing an object from an active selection for example. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ + addTransformToObject: function(object, transform) { + fabric.util.applyTransformToObject( + object, + fabric.util.multiplyTransformMatrices(transform, object.calcOwnMatrix()) + ); + }, + + /** + * discard an object transform state and apply the one from the matrix. + * @memberOf fabric.util + * @param {fabric.Object} object the object you want to transform + * @param {Array} transform the destination transform + */ + applyTransformToObject: function(object, transform) { + var options = fabric.util.qrDecompose(transform), + center = new fabric.Point(options.translateX, options.translateY); + object.flipX = false; + object.flipY = false; + object.set('scaleX', options.scaleX); + object.set('scaleY', options.scaleY); + object.skewX = options.skewX; + object.skewY = options.skewY; + object.angle = options.angle; + object.setPositionByOrigin(center, 'center', 'center'); + }, + + /** + * given a width and height, return the size of the bounding box + * that can contains the box with width/height with applied transform + * described in options. + * Use to calculate the boxes around objects for controls. + * @memberOf fabric.util + * @param {Number} width + * @param {Number} height + * @param {Object} options + * @param {Number} options.scaleX + * @param {Number} options.scaleY + * @param {Number} options.skewX + * @param {Number} options.skewY + * @return {Object.x} width of containing + * @return {Object.y} height of containing + */ + sizeAfterTransform: function(width, height, options) { + var dimX = width / 2, dimY = height / 2, + points = [ + { + x: -dimX, + y: -dimY + }, + { + x: dimX, + y: -dimY + }, + { + x: -dimX, + y: dimY + }, + { + x: dimX, + y: dimY + }], + transformMatrix = fabric.util.calcDimensionsMatrix(options), + bbox = fabric.util.makeBoundingBoxFromPoints(points, transformMatrix); + return { + x: bbox.width, + y: bbox.height, + }; + }, + + /** + * Merges 2 clip paths into one visually equal clip path + * + * **IMPORTANT**:\ + * Does **NOT** clone the arguments, clone them proir if necessary. + * + * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. + * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. + * + * In order to handle the `inverted` property we follow logic described in the following cases:\ + * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ + * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ + * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. + * + * @memberOf fabric.util + * @param {fabric.Object} c1 + * @param {fabric.Object} c2 + * @returns {fabric.Object} merged clip path + */ + mergeClipPaths: function (c1, c2) { + var a = c1, b = c2; + if (a.inverted && !b.inverted) { + // case (2) + a = c2; + b = c1; + } + // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane + fabric.util.applyTransformToObject( + b, + fabric.util.multiplyTransformMatrices( + fabric.util.invertTransform(a.calcTransformMatrix()), + b.calcTransformMatrix() + ) + ); + // assign the `inverted` prop to the wrapping group + var inverted = a.inverted && b.inverted; + if (inverted) { + // case (1) + a.inverted = b.inverted = false; + } + return new fabric.Group([a], { clipPath: b, inverted: inverted }); + }, + }; +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + var _join = Array.prototype.join, + commandLengths = { + m: 2, + l: 2, + h: 1, + v: 1, + c: 6, + s: 4, + q: 4, + t: 2, + a: 7 + }, + repeatedCommands = { + m: 'l', + M: 'L' + }; + function segmentToBezier(th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) { + var costh2 = fabric.util.cos(th2), + sinth2 = fabric.util.sin(th2), + costh3 = fabric.util.cos(th3), + sinth3 = fabric.util.sin(th3), + toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, + toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, + cp1X = fromX + mT * ( -cosTh * rx * sinth2 - sinTh * ry * costh2), + cp1Y = fromY + mT * ( -sinTh * rx * sinth2 + cosTh * ry * costh2), + cp2X = toX + mT * ( cosTh * rx * sinth3 + sinTh * ry * costh3), + cp2Y = toY + mT * ( sinTh * rx * sinth3 - cosTh * ry * costh3); + + return ['C', + cp1X, cp1Y, + cp2X, cp2Y, + toX, toY + ]; + } + + /* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp + * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here + * http://mozilla.org/MPL/2.0/ + */ + function arcToSegments(toX, toY, rx, ry, large, sweep, rotateX) { + var PI = Math.PI, th = rotateX * PI / 180, + sinTh = fabric.util.sin(th), + cosTh = fabric.util.cos(th), + fromX = 0, fromY = 0; + + rx = Math.abs(rx); + ry = Math.abs(ry); + + var px = -cosTh * toX * 0.5 - sinTh * toY * 0.5, + py = -cosTh * toY * 0.5 + sinTh * toX * 0.5, + rx2 = rx * rx, ry2 = ry * ry, py2 = py * py, px2 = px * px, + pl = rx2 * ry2 - rx2 * py2 - ry2 * px2, + root = 0; -//@ts-nocheck -const cssRules = {}; -const gradientDefs = {}; -const clipPaths = {}; -const reNum = '(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)'; -const svgNS = 'http://www.w3.org/2000/svg'; -const commaWsp = '(?:\\s+,?\\s*|,\\s*)'; -const rePathCommand = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/gi; -const reFontDeclaration = new RegExp('(normal|italic)?\\s*(normal|small-caps)?\\s*' + - '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + - reNum + - '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + - reNum + - '))?\\s+(.*)'); -const svgValidTagNames = [ - 'path', - 'circle', - 'polygon', - 'polyline', - 'ellipse', - 'rect', - 'line', - 'image', - 'text', -], svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], svgInvalidAncestors = [ - 'pattern', - 'defs', - 'symbol', - 'metadata', - 'clipPath', - 'mask', - 'desc', -], svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], attributesMap = { - cx: 'left', - x: 'left', - r: 'radius', - cy: 'top', - y: 'top', - display: 'visible', - visibility: 'visible', - transform: 'transformMatrix', - 'fill-opacity': 'fillOpacity', - 'fill-rule': 'fillRule', - 'font-family': 'fontFamily', - 'font-size': 'fontSize', - 'font-style': 'fontStyle', - 'font-weight': 'fontWeight', - 'letter-spacing': 'charSpacing', - 'paint-order': 'paintFirst', - 'stroke-dasharray': 'strokeDashArray', - 'stroke-dashoffset': 'strokeDashOffset', - 'stroke-linecap': 'strokeLineCap', - 'stroke-linejoin': 'strokeLineJoin', - 'stroke-miterlimit': 'strokeMiterLimit', - 'stroke-opacity': 'strokeOpacity', - 'stroke-width': 'strokeWidth', - 'text-decoration': 'textDecoration', - 'text-anchor': 'textAnchor', - opacity: 'opacity', - 'clip-path': 'clipPath', - 'clip-rule': 'clipRule', - 'vector-effect': 'strokeUniform', - 'image-rendering': 'imageSmoothing', -}, colorAttributes = { - stroke: 'strokeOpacity', - fill: 'fillOpacity', -}, fSize = 'font-size', cPath = 'clip-path'; -const svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); -const svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); -const svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); -const svgValidParentsRegEx = getSvgRegex(svgValidParents); -// http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute -// matches, e.g.: +14.56e-12, etc. -const reViewBoxAttrValue = new RegExp('^' + - '\\s*(' + - reNum + - '+)\\s*,?' + - '\\s*(' + - reNum + - '+)\\s*,?' + - '\\s*(' + - reNum + - '+)\\s*,?' + - '\\s*(' + - reNum + - '+)\\s*' + - '$'); - -//@ts-nocheck -const commandLengths = { - m: 2, - l: 2, - h: 1, - v: 1, - c: 6, - s: 4, - q: 4, - t: 2, - a: 7, -}; -const repeatedCommands = { - m: 'l', - M: 'L', -}; -const segmentToBezier = (th2, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY) => { - const costh2 = cos(th2), sinth2 = sin(th2), costh3 = cos(th3), sinth3 = sin(th3), toX = cosTh * rx * costh3 - sinTh * ry * sinth3 + cx1, toY = sinTh * rx * costh3 + cosTh * ry * sinth3 + cy1, cp1X = fromX + mT * (-cosTh * rx * sinth2 - sinTh * ry * costh2), cp1Y = fromY + mT * (-sinTh * rx * sinth2 + cosTh * ry * costh2), cp2X = toX + mT * (cosTh * rx * sinth3 + sinTh * ry * costh3), cp2Y = toY + mT * (sinTh * rx * sinth3 - cosTh * ry * costh3); - return ['C', cp1X, cp1Y, cp2X, cp2Y, toX, toY]; -}; -/* Adapted from http://dxr.mozilla.org/mozilla-central/source/content/svg/content/src/nsSVGPathDataParser.cpp - * by Andrea Bogazzi code is under MPL. if you don't have a copy of the license you can take it here - * http://mozilla.org/MPL/2.0/ - */ -const arcToSegments = (toX, toY, rx, ry, large, sweep, rotateX) => { - let fromX = 0, fromY = 0, root = 0; - const PI = Math.PI, th = rotateX * PiBy180, sinTh = sin(th), cosTh = cos(th), px = 0.5 * (-cosTh * toX - sinTh * toY), py = 0.5 * (-cosTh * toY + sinTh * toX), rx2 = rx ** 2, ry2 = ry ** 2, py2 = py ** 2, px2 = px ** 2, pl = rx2 * ry2 - rx2 * py2 - ry2 * px2; - let _rx = Math.abs(rx); - let _ry = Math.abs(ry); if (pl < 0) { - const s = Math.sqrt(1 - pl / (rx2 * ry2)); - _rx *= s; - _ry *= s; + var s = Math.sqrt(1 - pl / (rx2 * ry2)); + rx *= s; + ry *= s; } else { - root = - (large === sweep ? -1.0 : 1.0) * Math.sqrt(pl / (rx2 * py2 + ry2 * px2)); + root = (large === sweep ? -1.0 : 1.0) * + Math.sqrt( pl / (rx2 * py2 + ry2 * px2)); } - const cx = (root * _rx * py) / _ry, cy = (-root * _ry * px) / _rx, cx1 = cosTh * cx - sinTh * cy + toX * 0.5, cy1 = sinTh * cx + cosTh * cy + toY * 0.5; - let mTheta = calcVectorAngle(1, 0, (px - cx) / _rx, (py - cy) / _ry); - let dtheta = calcVectorAngle((px - cx) / _rx, (py - cy) / _ry, (-px - cx) / _rx, (-py - cy) / _ry); + + var cx = root * rx * py / ry, + cy = -root * ry * px / rx, + cx1 = cosTh * cx - sinTh * cy + toX * 0.5, + cy1 = sinTh * cx + cosTh * cy + toY * 0.5, + mTheta = calcVectorAngle(1, 0, (px - cx) / rx, (py - cy) / ry), + dtheta = calcVectorAngle((px - cx) / rx, (py - cy) / ry, (-px - cx) / rx, (-py - cy) / ry); + if (sweep === 0 && dtheta > 0) { - dtheta -= 2 * PI; + dtheta -= 2 * PI; } else if (sweep === 1 && dtheta < 0) { - dtheta += 2 * PI; + dtheta += 2 * PI; } + // Convert into cubic bezier segments <= 90deg - const segments = Math.ceil(Math.abs((dtheta / PI) * 2)), result = new Array(segments), mDelta = dtheta / segments, mT = ((8 / 3) * Math.sin(mDelta / 4) * Math.sin(mDelta / 4)) / - Math.sin(mDelta / 2); - let th3 = mTheta + mDelta; - for (let i = 0; i < segments; i++) { - result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, _rx, _ry, cx1, cy1, mT, fromX, fromY); - fromX = result[i][5]; - fromY = result[i][6]; - mTheta = th3; - th3 += mDelta; + var segments = Math.ceil(Math.abs(dtheta / PI * 2)), + result = [], mDelta = dtheta / segments, + mT = 8 / 3 * Math.sin(mDelta / 4) * Math.sin(mDelta / 4) / Math.sin(mDelta / 2), + th3 = mTheta + mDelta; + + for (var i = 0; i < segments; i++) { + result[i] = segmentToBezier(mTheta, th3, cosTh, sinTh, rx, ry, cx1, cy1, mT, fromX, fromY); + fromX = result[i][5]; + fromY = result[i][6]; + mTheta = th3; + th3 += mDelta; } return result; -}; -/* - * Private - */ -const calcVectorAngle = (ux, uy, vx, vy) => { - const ta = Math.atan2(uy, ux), tb = Math.atan2(vy, vx); + } + + /* + * Private + */ + function calcVectorAngle(ux, uy, vx, vy) { + var ta = Math.atan2(uy, ux), + tb = Math.atan2(vy, vx); if (tb >= ta) { - return tb - ta; + return tb - ta; } else { - return 2 * Math.PI - (ta - tb); + return 2 * Math.PI - (ta - tb); } -}; -// functions for the Cubic beizer -// taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 -const CB1 = (t) => t ** 3; -const CB2 = (t) => 3 * t ** 2 * (1 - t); -const CB3 = (t) => 3 * t * (1 - t) ** 2; -const CB4 = (t) => (1 - t) ** 3; -/** - * Calculate bounding box of a beziercurve - * @param {Number} x0 starting point - * @param {Number} y0 - * @param {Number} x1 first control point - * @param {Number} y1 - * @param {Number} x2 secondo control point - * @param {Number} y2 - * @param {Number} x3 end of bezier - * @param {Number} y3 - */ -// taken from http://jsbin.com/ivomiq/56/edit no credits available for that. -// TODO: can we normalize this with the starting points set at 0 and then translated the bbox? -function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { - let argsString; - if (config.cachesBoundsOfCurve) { - // eslint-disable-next-line - argsString = [...arguments].join(); - if (cache.boundsOfCurveCache[argsString]) { - return cache.boundsOfCurveCache[argsString]; - } + } + + /** + * Calculate bounding box of a beziercurve + * @param {Number} x0 starting point + * @param {Number} y0 + * @param {Number} x1 first control point + * @param {Number} y1 + * @param {Number} x2 secondo control point + * @param {Number} y2 + * @param {Number} x3 end of bezier + * @param {Number} y3 + */ + // taken from http://jsbin.com/ivomiq/56/edit no credits available for that. + // TODO: can we normalize this with the starting points set at 0 and then translated the bbox? + function getBoundsOfCurve(x0, y0, x1, y1, x2, y2, x3, y3) { + var argsString; + if (fabric.cachesBoundsOfCurve) { + argsString = _join.call(arguments); + if (fabric.boundsOfCurveCache[argsString]) { + return fabric.boundsOfCurveCache[argsString]; + } } - const sqrt = Math.sqrt, abs = Math.abs, tvalues = [], bounds = [[], []]; - let b = 6 * x0 - 12 * x1 + 6 * x2; - let a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; - let c = 3 * x1 - 3 * x0; - for (let i = 0; i < 2; ++i) { - if (i > 0) { - b = 6 * y0 - 12 * y1 + 6 * y2; - a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; - c = 3 * y1 - 3 * y0; - } - if (abs(a) < 1e-12) { - if (abs(b) < 1e-12) { - continue; - } - const t = -c / b; - if (0 < t && t < 1) { - tvalues.push(t); - } - continue; - } - const b2ac = b * b - 4 * c * a; - if (b2ac < 0) { - continue; - } - const sqrtb2ac = sqrt(b2ac); - const t1 = (-b + sqrtb2ac) / (2 * a); - if (0 < t1 && t1 < 1) { - tvalues.push(t1); - } - const t2 = (-b - sqrtb2ac) / (2 * a); - if (0 < t2 && t2 < 1) { - tvalues.push(t2); - } + + var sqrt = Math.sqrt, + min = Math.min, max = Math.max, + abs = Math.abs, tvalues = [], + bounds = [[], []], + a, b, c, t, t1, t2, b2ac, sqrtb2ac; + + b = 6 * x0 - 12 * x1 + 6 * x2; + a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3; + c = 3 * x1 - 3 * x0; + + for (var i = 0; i < 2; ++i) { + if (i > 0) { + b = 6 * y0 - 12 * y1 + 6 * y2; + a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3; + c = 3 * y1 - 3 * y0; + } + + if (abs(a) < 1e-12) { + if (abs(b) < 1e-12) { + continue; + } + t = -c / b; + if (0 < t && t < 1) { + tvalues.push(t); + } + continue; + } + b2ac = b * b - 4 * c * a; + if (b2ac < 0) { + continue; + } + sqrtb2ac = sqrt(b2ac); + t1 = (-b + sqrtb2ac) / (2 * a); + if (0 < t1 && t1 < 1) { + tvalues.push(t1); + } + t2 = (-b - sqrtb2ac) / (2 * a); + if (0 < t2 && t2 < 1) { + tvalues.push(t2); + } } - let j = tvalues.length; - const jlen = j; - const iterator = getPointOnCubicBezierIterator(x0, y0, x1, y1, x2, y2, x3, y3); + + var x, y, j = tvalues.length, jlen = j, mt; while (j--) { - const { x, y } = iterator(tvalues[j]); - bounds[0][j] = x; - bounds[1][j] = y; + t = tvalues[j]; + mt = 1 - t; + x = (mt * mt * mt * x0) + (3 * mt * mt * t * x1) + (3 * mt * t * t * x2) + (t * t * t * x3); + bounds[0][j] = x; + + y = (mt * mt * mt * y0) + (3 * mt * mt * t * y1) + (3 * mt * t * t * y2) + (t * t * t * y3); + bounds[1][j] = y; } + bounds[0][jlen] = x0; bounds[1][jlen] = y0; bounds[0][jlen + 1] = x3; bounds[1][jlen + 1] = y3; - const result = [ - new Point(Math.min(...bounds[0]), Math.min(...bounds[1])), - new Point(Math.max(...bounds[0]), Math.max(...bounds[1])), + var result = [ + { + x: min.apply(null, bounds[0]), + y: min.apply(null, bounds[1]) + }, + { + x: max.apply(null, bounds[0]), + y: max.apply(null, bounds[1]) + } ]; - if (config.cachesBoundsOfCurve) { - cache.boundsOfCurveCache[argsString] = result; + if (fabric.cachesBoundsOfCurve) { + fabric.boundsOfCurveCache[argsString] = result; } return result; -} -/** - * Converts arc to a bunch of bezier curves - * @param {Number} fx starting point x - * @param {Number} fy starting point y - * @param {Array} coords Arc command - */ -const fromArcToBeziers = (fx, fy, [_, rx, ry, rot, large, sweep, tx, ty] = []) => { - const segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); - for (let i = 0, len = segsNorm.length; i < len; i++) { - segsNorm[i][1] += fx; - segsNorm[i][2] += fy; - segsNorm[i][3] += fx; - segsNorm[i][4] += fy; - segsNorm[i][5] += fx; - segsNorm[i][6] += fy; + } + + /** + * Converts arc to a bunch of bezier curves + * @param {Number} fx starting point x + * @param {Number} fy starting point y + * @param {Array} coords Arc command + */ + function fromArcToBeziers(fx, fy, coords) { + var rx = coords[1], + ry = coords[2], + rot = coords[3], + large = coords[4], + sweep = coords[5], + tx = coords[6], + ty = coords[7], + segsNorm = arcToSegments(tx - fx, ty - fy, rx, ry, large, sweep, rot); + + for (var i = 0, len = segsNorm.length; i < len; i++) { + segsNorm[i][1] += fx; + segsNorm[i][2] += fy; + segsNorm[i][3] += fx; + segsNorm[i][4] += fy; + segsNorm[i][5] += fx; + segsNorm[i][6] += fy; } return segsNorm; -}; -/** - * This function take a parsed SVG path and make it simpler for fabricJS logic. - * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) - * S converted in C, T converted in Q, A converted in C. - * @param {Array} path the array of commands of a parsed svg path for fabric.Path - * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path - */ -const makePathSimpler = (path) => { + }; + + /** + * This function take a parsed SVG path and make it simpler for fabricJS logic. + * simplification consist of: only UPPERCASE absolute commands ( relative converted to absolute ) + * S converted in C, T converted in Q, A converted in C. + * @param {Array} path the array of commands of a parsed svg path for fabric.Path + * @return {Array} the simplified array of commands of a parsed svg path for fabric.Path + */ + function makePathSimpler(path) { // x and y represent the last point of the path. the previous command point. // we add them to each relative command to make it an absolute comment. // we also swap the v V h H with L, because are easier to transform. - let x = 0, y = 0; - const len = path.length; - // x1 and y1 represent the last point of the subpath. the subpath is started with - // m or M command. When a z or Z command is drawn, x and y need to be resetted to - // the last x1 and y1. - let x1 = 0, y1 = 0; - // previous will host the letter of the previous command, to handle S and T. - // controlX and controlY will host the previous reflected control point - let destinationPath = [], previous, controlX, controlY; - for (let i = 0; i < len; ++i) { - let converted = false; - const current = path[i].slice(0); - switch (current[0] // first letter - ) { - case 'l': // lineto, relative - current[0] = 'L'; - current[1] += x; - current[2] += y; - // falls through - case 'L': - x = current[1]; - y = current[2]; - break; - case 'h': // horizontal lineto, relative - current[1] += x; - // falls through - case 'H': - current[0] = 'L'; - current[2] = y; - x = current[1]; - break; - case 'v': // vertical lineto, relative - current[1] += y; - // falls through - case 'V': - current[0] = 'L'; - y = current[1]; - current[1] = x; - current[2] = y; - break; - case 'm': // moveTo, relative - current[0] = 'M'; - current[1] += x; - current[2] += y; - // falls through - case 'M': - x = current[1]; - y = current[2]; - x1 = current[1]; - y1 = current[2]; - break; - case 'c': // bezierCurveTo, relative - current[0] = 'C'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - current[5] += x; - current[6] += y; - // falls through - case 'C': - controlX = current[3]; - controlY = current[4]; - x = current[5]; - y = current[6]; - break; - case 's': // shorthand cubic bezierCurveTo, relative - current[0] = 'S'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'S': - // would be sScC but since we are swapping sSc for C, we check just that. - if (previous === 'C') { - // calculate reflection of previous control points - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a C, c, S, or s, - // the control point is coincident with the current point - controlX = x; - controlY = y; - } - x = current[3]; - y = current[4]; - current[0] = 'C'; - current[5] = current[3]; - current[6] = current[4]; - current[3] = current[1]; - current[4] = current[2]; - current[1] = controlX; - current[2] = controlY; - // current[3] and current[4] are NOW the second control point. - // we keep it for the next reflection. - controlX = current[3]; - controlY = current[4]; - break; - case 'q': // quadraticCurveTo, relative - current[0] = 'Q'; - current[1] += x; - current[2] += y; - current[3] += x; - current[4] += y; - // falls through - case 'Q': - controlX = current[1]; - controlY = current[2]; - x = current[3]; - y = current[4]; - break; - case 't': // shorthand quadraticCurveTo, relative - current[0] = 'T'; - current[1] += x; - current[2] += y; - // falls through - case 'T': - if (previous === 'Q') { - // calculate reflection of previous control point - controlX = 2 * x - controlX; - controlY = 2 * y - controlY; - } - else { - // If there is no previous command or if the previous command was not a Q, q, T or t, - // assume the control point is coincident with the current point - controlX = x; - controlY = y; - } - current[0] = 'Q'; - x = current[1]; - y = current[2]; - current[1] = controlX; - current[2] = controlY; - current[3] = x; - current[4] = y; - break; - case 'a': - current[0] = 'A'; - current[6] += x; - current[7] += y; - // falls through - case 'A': - converted = true; - destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); - x = current[6]; - y = current[7]; - break; - case 'z': - case 'Z': - x = x1; - y = y1; - break; - } - if (!converted) { - destinationPath.push(current); - } - previous = current[0]; + var x = 0, y = 0, len = path.length, + // x1 and y1 represent the last point of the subpath. the subpath is started with + // m or M command. When a z or Z command is drawn, x and y need to be resetted to + // the last x1 and y1. + x1 = 0, y1 = 0, current, i, converted, + // previous will host the letter of the previous command, to handle S and T. + // controlX and controlY will host the previous reflected control point + destinationPath = [], previous, controlX, controlY; + for (i = 0; i < len; ++i) { + converted = false; + current = path[i].slice(0); + switch (current[0]) { // first letter + case 'l': // lineto, relative + current[0] = 'L'; + current[1] += x; + current[2] += y; + // falls through + case 'L': + x = current[1]; + y = current[2]; + break; + case 'h': // horizontal lineto, relative + current[1] += x; + // falls through + case 'H': + current[0] = 'L'; + current[2] = y; + x = current[1]; + break; + case 'v': // vertical lineto, relative + current[1] += y; + // falls through + case 'V': + current[0] = 'L'; + y = current[1]; + current[1] = x; + current[2] = y; + break; + case 'm': // moveTo, relative + current[0] = 'M'; + current[1] += x; + current[2] += y; + // falls through + case 'M': + x = current[1]; + y = current[2]; + x1 = current[1]; + y1 = current[2]; + break; + case 'c': // bezierCurveTo, relative + current[0] = 'C'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + current[5] += x; + current[6] += y; + // falls through + case 'C': + controlX = current[3]; + controlY = current[4]; + x = current[5]; + y = current[6]; + break; + case 's': // shorthand cubic bezierCurveTo, relative + current[0] = 'S'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'S': + // would be sScC but since we are swapping sSc for C, we check just that. + if (previous === 'C') { + // calculate reflection of previous control points + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a C, c, S, or s, + // the control point is coincident with the current point + controlX = x; + controlY = y; + } + x = current[3]; + y = current[4]; + current[0] = 'C'; + current[5] = current[3]; + current[6] = current[4]; + current[3] = current[1]; + current[4] = current[2]; + current[1] = controlX; + current[2] = controlY; + // current[3] and current[4] are NOW the second control point. + // we keep it for the next reflection. + controlX = current[3]; + controlY = current[4]; + break; + case 'q': // quadraticCurveTo, relative + current[0] = 'Q'; + current[1] += x; + current[2] += y; + current[3] += x; + current[4] += y; + // falls through + case 'Q': + controlX = current[1]; + controlY = current[2]; + x = current[3]; + y = current[4]; + break; + case 't': // shorthand quadraticCurveTo, relative + current[0] = 'T'; + current[1] += x; + current[2] += y; + // falls through + case 'T': + if (previous === 'Q') { + // calculate reflection of previous control point + controlX = 2 * x - controlX; + controlY = 2 * y - controlY; + } + else { + // If there is no previous command or if the previous command was not a Q, q, T or t, + // assume the control point is coincident with the current point + controlX = x; + controlY = y; + } + current[0] = 'Q'; + x = current[1]; + y = current[2]; + current[1] = controlX; + current[2] = controlY; + current[3] = x; + current[4] = y; + break; + case 'a': + current[0] = 'A'; + current[6] += x; + current[7] += y; + // falls through + case 'A': + converted = true; + destinationPath = destinationPath.concat(fromArcToBeziers(x, y, current)); + x = current[6]; + y = current[7]; + break; + case 'z': + case 'Z': + x = x1; + y = y1; + break; + default: + } + if (!converted) { + destinationPath.push(current); + } + previous = current[0]; } return destinationPath; -}; -// todo verify if we can just use the point class here -/** - * Calc length from point x1,y1 to x2,y2 - * @param {Number} x1 starting point x - * @param {Number} y1 starting point y - * @param {Number} x2 starting point x - * @param {Number} y2 starting point y - * @return {Number} length of segment - */ -const calcLineLength = (x1, y1, x2, y2) => Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2); -const getPointOnCubicBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { - const c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); - return { + }; + + /** + * Calc length from point x1,y1 to x2,y2 + * @param {Number} x1 starting point x + * @param {Number} y1 starting point y + * @param {Number} x2 starting point x + * @param {Number} y2 starting point y + * @return {Number} length of segment + */ + function calcLineLength(x1, y1, x2, y2) { + return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)); + } + + // functions for the Cubic beizer + // taken from: https://github.com/konvajs/konva/blob/7.0.5/src/shapes/Path.ts#L350 + function CB1(t) { + return t * t * t; + } + function CB2(t) { + return 3 * t * t * (1 - t); + } + function CB3(t) { + return 3 * t * (1 - t) * (1 - t); + } + function CB4(t) { + return (1 - t) * (1 - t) * (1 - t); + } + + function getPointOnCubicBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { + return function(pct) { + var c1 = CB1(pct), c2 = CB2(pct), c3 = CB3(pct), c4 = CB4(pct); + return { x: p4x * c1 + p3x * c2 + p2x * c3 + p1x * c4, - y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4, + y: p4y * c1 + p3y * c2 + p2y * c3 + p1y * c4 + }; }; -}; -const QB1 = (t) => t ** 2; -const QB2 = (t) => 2 * t * (1 - t); -const QB3 = (t) => (1 - t) ** 2; -const getTangentCubicIterator = (p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) => (pct) => { - const qb1 = QB1(pct), qb2 = QB2(pct), qb3 = QB3(pct), tangentX = 3 * (qb3 * (p2x - p1x) + qb2 * (p3x - p2x) + qb1 * (p4x - p3x)), tangentY = 3 * (qb3 * (p2y - p1y) + qb2 * (p3y - p2y) + qb1 * (p4y - p3y)); - return Math.atan2(tangentY, tangentX); -}; -const getPointOnQuadraticBezierIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { - const c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); - return { + } + + function getTangentCubicIterator(p1x, p1y, p2x, p2y, p3x, p3y, p4x, p4y) { + return function (pct) { + var invT = 1 - pct, + tangentX = (3 * invT * invT * (p2x - p1x)) + (6 * invT * pct * (p3x - p2x)) + + (3 * pct * pct * (p4x - p3x)), + tangentY = (3 * invT * invT * (p2y - p1y)) + (6 * invT * pct * (p3y - p2y)) + + (3 * pct * pct * (p4y - p3y)); + return Math.atan2(tangentY, tangentX); + }; + } + + function QB1(t) { + return t * t; + } + + function QB2(t) { + return 2 * t * (1 - t); + } + + function QB3(t) { + return (1 - t) * (1 - t); + } + + function getPointOnQuadraticBezierIterator(p1x, p1y, p2x, p2y, p3x, p3y) { + return function(pct) { + var c1 = QB1(pct), c2 = QB2(pct), c3 = QB3(pct); + return { x: p3x * c1 + p2x * c2 + p1x * c3, - y: p3y * c1 + p2y * c2 + p1y * c3, + y: p3y * c1 + p2y * c2 + p1y * c3 + }; }; -}; -const getTangentQuadraticIterator = (p1x, p1y, p2x, p2y, p3x, p3y) => (pct) => { - const invT = 1 - pct, tangentX = 2 * (invT * (p2x - p1x) + pct * (p3x - p2x)), tangentY = 2 * (invT * (p2y - p1y) + pct * (p3y - p2y)); - return Math.atan2(tangentY, tangentX); -}; -// this will run over a path segment ( a cubic or quadratic segment) and approximate it -// with 100 segemnts. This will good enough to calculate the length of the curve -const pathIterator = (iterator, x1, y1) => { - let tempP = { x: x1, y: y1 }, tmpLen = 0; - for (let perc = 1; perc <= 100; perc += 1) { - const p = iterator(perc / 100); - tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); - tempP = p; + } + + function getTangentQuadraticIterator(p1x, p1y, p2x, p2y, p3x, p3y) { + return function (pct) { + var invT = 1 - pct, + tangentX = (2 * invT * (p2x - p1x)) + (2 * pct * (p3x - p2x)), + tangentY = (2 * invT * (p2y - p1y)) + (2 * pct * (p3y - p2y)); + return Math.atan2(tangentY, tangentX); + }; + } + + + // this will run over a path segment ( a cubic or quadratic segment) and approximate it + // with 100 segemnts. This will good enough to calculate the length of the curve + function pathIterator(iterator, x1, y1) { + var tempP = { x: x1, y: y1 }, p, tmpLen = 0, perc; + for (perc = 1; perc <= 100; perc += 1) { + p = iterator(perc / 100); + tmpLen += calcLineLength(tempP.x, tempP.y, p.x, p.y); + tempP = p; } return tmpLen; -}; -/** - * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 - * that correspond to that pixels run over the path. - * The percentage will be then used to find the correct point on the canvas for the path. - * @param {Array} segInfo fabricJS collection of information on a parsed path - * @param {Number} distance from starting point, in pixels. - * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; - */ -const findPercentageForDistance = (segInfo, distance) => { - let perc = 0, tmpLen = 0, tempP = { x: segInfo.x, y: segInfo.y }, p, nextLen, nextStep = 0.01, lastPerc; + } + + /** + * Given a pathInfo, and a distance in pixels, find the percentage from 0 to 1 + * that correspond to that pixels run over the path. + * The percentage will be then used to find the correct point on the canvas for the path. + * @param {Array} segInfo fabricJS collection of information on a parsed path + * @param {Number} distance from starting point, in pixels. + * @return {Object} info object with x and y ( the point on canvas ) and angle, the tangent on that point; + */ + function findPercentageForDistance(segInfo, distance) { + var perc = 0, tmpLen = 0, iterator = segInfo.iterator, tempP = { x: segInfo.x, y: segInfo.y }, + p, nextLen, nextStep = 0.01, angleFinder = segInfo.angleFinder, lastPerc; // nextStep > 0.0001 covers 0.00015625 that 1/64th of 1/100 // the path - const iterator = segInfo.iterator, angleFinder = segInfo.angleFinder; while (tmpLen < distance && nextStep > 0.0001) { - p = iterator(perc); - lastPerc = perc; - nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); - // compare tmpLen each cycle with distance, decide next perc to test. - if (nextLen + tmpLen > distance) { - // we discard this step and we make smaller steps. - perc -= nextStep; - nextStep /= 2; - } - else { - tempP = p; - perc += nextStep; - tmpLen += nextLen; - } + p = iterator(perc); + lastPerc = perc; + nextLen = calcLineLength(tempP.x, tempP.y, p.x, p.y); + // compare tmpLen each cycle with distance, decide next perc to test. + if ((nextLen + tmpLen) > distance) { + // we discard this step and we make smaller steps. + perc -= nextStep; + nextStep /= 2; + } + else { + tempP = p; + perc += nextStep; + tmpLen += nextLen; + } } p.angle = angleFinder(lastPerc); return p; -}; -/** - * Run over a parsed and simplifed path and extract some informations. - * informations are length of each command and starting point - * @param {Array} path fabricJS parsed path commands - * @return {Array} path commands informations - */ -const getPathSegmentsInfo = (path) => { - let totalLength = 0, current, - //x2 and y2 are the coords of segment start - //x1 and y1 are the coords of the current point - x1 = 0, y1 = 0, x2 = 0, y2 = 0, iterator, tempInfo, angleFinder; - const len = path.length, info = []; - for (let i = 0; i < len; i++) { - current = path[i]; - tempInfo = { - x: x1, - y: y1, - command: current[0], - }; - switch (current[0] //first letter - ) { - case 'M': - tempInfo.length = 0; - x2 = x1 = current[1]; - y2 = y1 = current[2]; - break; - case 'L': - tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); - x1 = current[1]; - y1 = current[2]; - break; - case 'C': - iterator = getPointOnCubicBezierIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); - angleFinder = getTangentCubicIterator(x1, y1, current[1], current[2], current[3], current[4], current[5], current[6]); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[5]; - y1 = current[6]; - break; - case 'Q': - iterator = getPointOnQuadraticBezierIterator(x1, y1, current[1], current[2], current[3], current[4]); - angleFinder = getTangentQuadraticIterator(x1, y1, current[1], current[2], current[3], current[4]); - tempInfo.iterator = iterator; - tempInfo.angleFinder = angleFinder; - tempInfo.length = pathIterator(iterator, x1, y1); - x1 = current[3]; - y1 = current[4]; - break; - case 'Z': - case 'z': - // we add those in order to ease calculations later - tempInfo.destX = x2; - tempInfo.destY = y2; - tempInfo.length = calcLineLength(x1, y1, x2, y2); - x1 = x2; - y1 = y2; - break; - } - totalLength += tempInfo.length; - info.push(tempInfo); + } + + /** + * Run over a parsed and simplifed path and extrac some informations. + * informations are length of each command and starting point + * @param {Array} path fabricJS parsed path commands + * @return {Array} path commands informations + */ + function getPathSegmentsInfo(path) { + var totalLength = 0, len = path.length, current, + //x2 and y2 are the coords of segment start + //x1 and y1 are the coords of the current point + x1 = 0, y1 = 0, x2 = 0, y2 = 0, info = [], iterator, tempInfo, angleFinder; + for (var i = 0; i < len; i++) { + current = path[i]; + tempInfo = { + x: x1, + y: y1, + command: current[0], + }; + switch (current[0]) { //first letter + case 'M': + tempInfo.length = 0; + x2 = x1 = current[1]; + y2 = y1 = current[2]; + break; + case 'L': + tempInfo.length = calcLineLength(x1, y1, current[1], current[2]); + x1 = current[1]; + y1 = current[2]; + break; + case 'C': + iterator = getPointOnCubicBezierIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4], + current[5], + current[6] + ); + angleFinder = getTangentCubicIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4], + current[5], + current[6] + ); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[5]; + y1 = current[6]; + break; + case 'Q': + iterator = getPointOnQuadraticBezierIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4] + ); + angleFinder = getTangentQuadraticIterator( + x1, + y1, + current[1], + current[2], + current[3], + current[4] + ); + tempInfo.iterator = iterator; + tempInfo.angleFinder = angleFinder; + tempInfo.length = pathIterator(iterator, x1, y1); + x1 = current[3]; + y1 = current[4]; + break; + case 'Z': + case 'z': + // we add those in order to ease calculations later + tempInfo.destX = x2; + tempInfo.destY = y2; + tempInfo.length = calcLineLength(x1, y1, x2, y2); + x1 = x2; + y1 = y2; + break; + } + totalLength += tempInfo.length; + info.push(tempInfo); } info.push({ length: totalLength, x: x1, y: y1 }); return info; -}; -const getPointOnPath = (path, distance, infos) => { + } + + function getPointOnPath(path, distance, infos) { if (!infos) { - infos = getPathSegmentsInfo(path); + infos = getPathSegmentsInfo(path); } - let i = 0; - while (distance - infos[i].length > 0 && i < infos.length - 2) { - distance -= infos[i].length; - i++; + var i = 0; + while ((distance - infos[i].length > 0) && i < (infos.length - 2)) { + distance -= infos[i].length; + i++; } // var distance = infos[infos.length - 1] * perc; - const segInfo = infos[i], segPercent = distance / segInfo.length, command = segInfo.command, segment = path[i]; - let info; + var segInfo = infos[i], segPercent = distance / segInfo.length, + command = segInfo.command, segment = path[i], info; + switch (command) { - case 'M': - return { x: segInfo.x, y: segInfo.y, angle: 0 }; - case 'Z': - case 'z': - info = new Point(segInfo.x, segInfo.y).lerp(new Point(segInfo.destX, segInfo.destY), segPercent); - info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); - return info; - case 'L': - info = new Point(segInfo.x, segInfo.y).lerp(new Point(segment[1], segment[2]), segPercent); - info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); - return info; - case 'C': - return findPercentageForDistance(segInfo, distance); - case 'Q': - return findPercentageForDistance(segInfo, distance); - } -}; -/** - * - * @param {string} pathString - * @return {(string|number)[][]} An array of SVG path commands - * @example Usage - * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ - * ['M', 3, 4], - * ['Q', 3, 5, 2, 1, 4, 0], - * ['Q', 9, 12, 2, 1, 4, 0], - * ]; - * - */ -const parsePath = (pathString) => { - // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) - const re = rePathCommand, rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', rNumberCommaWsp = `(${rNumber})${commaWsp}`, rFlagCommaWsp = `([01])${commaWsp}?`, rArcSeq = `${rNumberCommaWsp}?${rNumberCommaWsp}?${rNumberCommaWsp}${rFlagCommaWsp}${rFlagCommaWsp}${rNumberCommaWsp}?(${rNumber})`, regArcArgumentSequence = new RegExp(rArcSeq, 'g'), result = []; + case 'M': + return { x: segInfo.x, y: segInfo.y, angle: 0 }; + case 'Z': + case 'z': + info = new fabric.Point(segInfo.x, segInfo.y).lerp( + new fabric.Point(segInfo.destX, segInfo.destY), + segPercent + ); + info.angle = Math.atan2(segInfo.destY - segInfo.y, segInfo.destX - segInfo.x); + return info; + case 'L': + info = new fabric.Point(segInfo.x, segInfo.y).lerp( + new fabric.Point(segment[1], segment[2]), + segPercent + ); + info.angle = Math.atan2(segment[2] - segInfo.y, segment[1] - segInfo.x); + return info; + case 'C': + return findPercentageForDistance(segInfo, distance); + case 'Q': + return findPercentageForDistance(segInfo, distance); + } + } + + /** + * + * @param {string} pathString + * @return {(string|number)[][]} An array of SVG path commands + * @example Usage + * parsePath('M 3 4 Q 3 5 2 1 4 0 Q 9 12 2 1 4 0') === [ + * ['M', 3, 4], + * ['Q', 3, 5, 2, 1, 4, 0], + * ['Q', 9, 12, 2, 1, 4, 0], + * ]; + * + */ + function parsePath(pathString) { + var result = [], + coords = [], + currentPath, + parsed, + re = fabric.rePathCommand, + rNumber = '[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?\\s*', + rNumberCommaWsp = '(' + rNumber + ')' + fabric.commaWsp, + rFlagCommaWsp = '([01])' + fabric.commaWsp + '?', + rArcSeq = rNumberCommaWsp + '?' + rNumberCommaWsp + '?' + rNumberCommaWsp + rFlagCommaWsp + rFlagCommaWsp + + rNumberCommaWsp + '?(' + rNumber + ')', + regArcArgumentSequence = new RegExp(rArcSeq, 'g'), + match, + coordsStr, + // one of commands (m,M,l,L,q,Q,c,C,etc.) followed by non-command characters (i.e. command values) + path; if (!pathString || !pathString.match) { - return result; - } - const path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); - for (let i = 0, len = path.length; i < len; i++) { - const currentPath = path[i]; - const coordsStr = currentPath.slice(1).trim(); - const coords = []; - let command = currentPath.charAt(0); - const coordsParsed = [command]; - if (command.toLowerCase() === 'a') { - // arcs have special flags that apparently don't require spaces so handle special - for (let args; (args = regArcArgumentSequence.exec(coordsStr));) { - for (let j = 1; j < args.length; j++) { - coords.push(args[j]); - } - } - } - else { - let match; - while ((match = re.exec(coordsStr))) { - coords.push(match[0]); - } - } - for (let j = 0, jlen = coords.length; j < jlen; j++) { - const parsed = parseFloat(coords[j]); - if (!isNaN(parsed)) { - coordsParsed.push(parsed); - } - } - const commandLength = commandLengths[command.toLowerCase()], repeatedCommand = repeatedCommands[command] || command; - if (coordsParsed.length - 1 > commandLength) { - for (let k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { - result.push([command].concat(coordsParsed.slice(k, k + commandLength))); - command = repeatedCommand; - } + return result; + } + path = pathString.match(/[mzlhvcsqta][^mzlhvcsqta]*/gi); + + for (var i = 0, coordsParsed, len = path.length; i < len; i++) { + currentPath = path[i]; + + coordsStr = currentPath.slice(1).trim(); + coords.length = 0; + + var command = currentPath.charAt(0); + coordsParsed = [command]; + + if (command.toLowerCase() === 'a') { + // arcs have special flags that apparently don't require spaces so handle special + for (var args; (args = regArcArgumentSequence.exec(coordsStr));) { + for (var j = 1; j < args.length; j++) { + coords.push(args[j]); + } + } + } + else { + while ((match = re.exec(coordsStr))) { + coords.push(match[0]); + } + } + + for (var j = 0, jlen = coords.length; j < jlen; j++) { + parsed = parseFloat(coords[j]); + if (!isNaN(parsed)) { + coordsParsed.push(parsed); } - else { - result.push(coordsParsed); + } + + var commandLength = commandLengths[command.toLowerCase()], + repeatedCommand = repeatedCommands[command] || command; + + if (coordsParsed.length - 1 > commandLength) { + for (var k = 1, klen = coordsParsed.length; k < klen; k += commandLength) { + result.push([command].concat(coordsParsed.slice(k, k + commandLength))); + command = repeatedCommand; } + } + else { + result.push(coordsParsed); + } } + return result; -}; -/** - * - * Converts points to a smooth SVG path - * @param {{ x: number,y: number }[]} points Array of points - * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. - * @return {(string|number)[][]} An array of SVG path commands - */ -const getSmoothPathFromPoints = (points, correction = 0) => { - let p1 = new Point(points[0]), p2 = new Point(points[1]), multSignX = 1, multSignY = 0; - const path = [], len = points.length, manyPoints = len > 2; + }; + + /** + * + * Converts points to a smooth SVG path + * @param {{ x: number,y: number }[]} points Array of points + * @param {number} [correction] Apply a correction to the path (usually we use `width / 1000`). If value is undefined 0 is used as the correction value. + * @return {(string|number)[][]} An array of SVG path commands + */ + function getSmoothPathFromPoints(points, correction) { + var path = [], i, + p1 = new fabric.Point(points[0].x, points[0].y), + p2 = new fabric.Point(points[1].x, points[1].y), + len = points.length, multSignX = 1, multSignY = 0, manyPoints = len > 2; + correction = correction || 0; + if (manyPoints) { - multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; - multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; - } - path.push([ - 'M', - p1.x - multSignX * correction, - p1.y - multSignY * correction, - ]); - let i; + multSignX = points[2].x < p2.x ? -1 : points[2].x === p2.x ? 0 : 1; + multSignY = points[2].y < p2.y ? -1 : points[2].y === p2.y ? 0 : 1; + } + path.push(['M', p1.x - multSignX * correction, p1.y - multSignY * correction]); for (i = 1; i < len; i++) { - if (!p1.eq(p2)) { - const midPoint = p1.midPointFrom(p2); - // p1 is our bezier control point - // midpoint is our endpoint - // start point is p(i-1) value. - path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); - } - p1 = points[i]; - if (i + 1 < points.length) { - p2 = points[i + 1]; - } + if (!p1.eq(p2)) { + var midPoint = p1.midPointFrom(p2); + // p1 is our bezier control point + // midpoint is our endpoint + // start point is p(i-1) value. + path.push(['Q', p1.x, p1.y, midPoint.x, midPoint.y]); + } + p1 = points[i]; + if ((i + 1) < points.length) { + p2 = points[i + 1]; + } } if (manyPoints) { - multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; - multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; - } - path.push([ - 'L', - p1.x + multSignX * correction, - p1.y + multSignY * correction, - ]); + multSignX = p1.x > points[i - 2].x ? 1 : p1.x === points[i - 2].x ? 0 : -1; + multSignY = p1.y > points[i - 2].y ? 1 : p1.y === points[i - 2].y ? 0 : -1; + } + path.push(['L', p1.x + multSignX * correction, p1.y + multSignY * correction]); return path; -}; -/** - * Transform a path by transforming each segment. - * it has to be a simplified path or it won't work. - * WARNING: this depends from pathOffset for correct operation - * @param {Array} path fabricJS parsed and simplified path commands - * @param {Array} transform matrix that represent the transformation - * @param {Object} [pathOffset] the fabric.Path pathOffset - * @param {Number} pathOffset.x - * @param {Number} pathOffset.y - * @returns {Array} the transformed path - */ -const transformPath = (path, transform, pathOffset) => { + } + /** + * Transform a path by transforming each segment. + * it has to be a simplified path or it won't work. + * WARNING: this depends from pathOffset for correct operation + * @param {Array} path fabricJS parsed and simplified path commands + * @param {Array} transform matrix that represent the transformation + * @param {Object} [pathOffset] the fabric.Path pathOffset + * @param {Number} pathOffset.x + * @param {Number} pathOffset.y + * @returns {Array} the transformed path + */ + function transformPath(path, transform, pathOffset) { if (pathOffset) { - transform = multiplyTransformMatrices(transform, [ - 1, - 0, - 0, - 1, - -pathOffset.x, - -pathOffset.y, - ]); - } - return path.map((pathSegment) => { - const newSegment = pathSegment.slice(0); - for (let i = 1; i < pathSegment.length - 1; i += 2) { - const { x, y } = transformPoint({ - x: pathSegment[i], - y: pathSegment[i + 1], - }, transform); - newSegment[i] = x; - newSegment[i + 1] = y; - } - return newSegment; + transform = fabric.util.multiplyTransformMatrices( + transform, + [1, 0, 0, 1, -pathOffset.x, -pathOffset.y] + ); + } + return path.map(function(pathSegment) { + var newSegment = pathSegment.slice(0), point = {}; + for (var i = 1; i < pathSegment.length - 1; i += 2) { + point.x = pathSegment[i]; + point.y = pathSegment[i + 1]; + point = fabric.util.transformPoint(point, transform); + newSegment[i] = point.x; + newSegment[i + 1] = point.y; + } + return newSegment; }); -}; -/** - * Returns an array of path commands to create a regular polygon - * @param {number} radius - * @param {number} numVertexes - * @returns {(string|number)[][]} An array of SVG path commands - */ -const getRegularPolygonPath = (numVertexes, radius) => { - const interiorAngle = (Math.PI * 2) / numVertexes; - // rotationAdjustment rotates the path by 1/2 the interior angle so that the polygon always has a flat side on the bottom - // This isn't strictly necessary, but it's how we tend to think of and expect polygons to be drawn - let rotationAdjustment = -halfPI; - if (numVertexes % 2 === 0) { - rotationAdjustment += interiorAngle / 2; - } - const d = new Array(numVertexes + 1); - for (let i = 0; i < numVertexes; i++) { - const rad = i * interiorAngle + rotationAdjustment; - const { x, y } = new Point(cos(rad), sin(rad)).scalarMultiply(radius); - d[i] = [i === 0 ? 'M' : 'L', x, y]; - } - d[numVertexes] = ['Z']; - return d; -}; -/** - * Join path commands to go back to svg format - * @param {Array} pathData fabricJS parsed path commands - * @return {String} joined path 'M 0 0 L 20 30' - */ -const joinPath = (pathData) => pathData.map((segment) => segment.join(' ')).join(' '); + } -//@ts-nocheck -// TODO this file needs to go away, cross browser style support is not fabricjs domain. -/** - * wrapper for setting element's style - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {Object | string} styles - */ -function setStyle(element, styles) { - const elementStyle = element.style; - if (!elementStyle) { - return; + /** + * Join path commands to go back to svg format + * @param {Array} pathData fabricJS parsed path commands + * @return {String} joined path 'M 0 0 L 20 30' + */ + fabric.util.joinPath = function(pathData) { + return pathData.map(function (segment) { return segment.join(' '); }).join(' '); + }; + fabric.util.parsePath = parsePath; + fabric.util.makePathSimpler = makePathSimpler; + fabric.util.getSmoothPathFromPoints = getSmoothPathFromPoints; + fabric.util.getPathSegmentsInfo = getPathSegmentsInfo; + fabric.util.getBoundsOfCurve = getBoundsOfCurve; + fabric.util.getPointOnPath = getPointOnPath; + fabric.util.transformPath = transformPath; +})(); + + +(function() { + + var slice = Array.prototype.slice; + + /** + * Invokes method on all items in a given array + * @memberOf fabric.util.array + * @param {Array} array Array to iterate over + * @param {String} method Name of a method to invoke + * @return {Array} + */ + function invoke(array, method) { + var args = slice.call(arguments, 2), result = []; + for (var i = 0, len = array.length; i < len; i++) { + result[i] = args.length ? array[i][method].apply(array[i], args) : array[i][method].call(array[i]); + } + return result; + } + + /** + * Finds maximum value in array (not necessarily "first" one) + * @memberOf fabric.util.array + * @param {Array} array Array to iterate over + * @param {String} byProperty + * @return {*} + */ + function max(array, byProperty) { + return find(array, byProperty, function(value1, value2) { + return value1 >= value2; + }); + } + + /** + * Finds minimum value in array (not necessarily "first" one) + * @memberOf fabric.util.array + * @param {Array} array Array to iterate over + * @param {String} byProperty + * @return {*} + */ + function min(array, byProperty) { + return find(array, byProperty, function(value1, value2) { + return value1 < value2; + }); + } + + /** + * @private + */ + function fill(array, value) { + var k = array.length; + while (k--) { + array[k] = value; + } + return array; + } + + /** + * @private + */ + function find(array, byProperty, condition) { + if (!array || array.length === 0) { + return; } - else if (typeof styles === 'string') { - element.style.cssText += ';' + styles; + + var i = array.length - 1, + result = byProperty ? array[i][byProperty] : array[i]; + if (byProperty) { + while (i--) { + if (condition(array[i][byProperty], result)) { + result = array[i][byProperty]; + } + } } else { - Object.entries(styles).forEach(([property, value]) => elementStyle.setProperty(property, value)); + while (i--) { + if (condition(array[i], result)) { + result = array[i]; + } + } } -} + return result; + } -//@ts-nocheck -/** - * Cross-browser abstraction for sending XMLHttpRequest - * @memberOf fabric.util - * @deprecated this has to go away, we can use a modern browser method to do the same. - * @param {String} url URL to send XMLHttpRequest to - * @param {Object} [options] Options object - * @param {String} [options.method="GET"] - * @param {Record} [options.parameters] parameters to append to url in GET or in body - * @param {String} [options.body] body to send with POST or PUT request - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {Function} options.onComplete Callback to invoke when request is completed - * @return {XMLHttpRequest} request - */ -function request(url, options = {}) { - const method = options.method ? options.method.toUpperCase() : 'GET', onComplete = options.onComplete || noop, xhr = new fabric.window.XMLHttpRequest(), body = options.body || options.parameters, signal = options.signal, abort = function () { - xhr.abort(); - }, removeListener = function () { - signal && signal.removeEventListener('abort', abort); - xhr.onerror = xhr.ontimeout = noop; - }; - if (signal && signal.aborted) { - throw new Error('`options.signal` is in `aborted` state'); + /** + * @namespace fabric.util.array + */ + fabric.util.array = { + fill: fill, + invoke: invoke, + min: min, + max: max + }; + +})(); + + +(function() { + /** + * Copies all enumerable properties of one js object to another + * this does not and cannot compete with generic utils. + * Does not clone or extend fabric.Object subclasses. + * This is mostly for internal use and has extra handling for fabricJS objects + * it skips the canvas and group properties in deep cloning. + * @memberOf fabric.util.object + * @param {Object} destination Where to copy to + * @param {Object} source Where to copy from + * @param {Boolean} [deep] Whether to extend nested objects + * @return {Object} + */ + + function extend(destination, source, deep) { + // JScript DontEnum bug is not taken care of + // the deep clone is for internal use, is not meant to avoid + // javascript traps or cloning html element or self referenced objects. + if (deep) { + if (!fabric.isLikelyNode && source instanceof Element) { + // avoid cloning deep images, canvases, + destination = source; + } + else if (source instanceof Array) { + destination = []; + for (var i = 0, len = source.length; i < len; i++) { + destination[i] = extend({ }, source[i], deep); + } + } + else if (source && typeof source === 'object') { + for (var property in source) { + if (property === 'canvas' || property === 'group') { + // we do not want to clone this props at all. + // we want to keep the keys in the copy + destination[property] = null; + } + else if (source.hasOwnProperty(property)) { + destination[property] = extend({ }, source[property], deep); + } + } + } + else { + // this sounds odd for an extend but is ok for recursive use + destination = source; + } } - else if (signal) { - signal.addEventListener('abort', abort, { once: true }); + else { + for (var property in source) { + destination[property] = source[property]; + } } - /** @ignore */ - xhr.onreadystatechange = function () { - if (xhr.readyState === 4) { - removeListener(); - onComplete(xhr); - xhr.onreadystatechange = noop; + return destination; + } + + /** + * Creates an empty object and copies all enumerable properties of another object to it + * This method is mostly for internal use, and not intended for duplicating shapes in canvas. + * @memberOf fabric.util.object + * @param {Object} object Object to clone + * @param {Boolean} [deep] Whether to clone nested objects + * @return {Object} + */ + + //TODO: this function return an empty object if you try to clone null + function clone(object, deep) { + return extend({ }, object, deep); + } + + /** @namespace fabric.util.object */ + fabric.util.object = { + extend: extend, + clone: clone + }; + fabric.util.object.extend(fabric.util, fabric.Observable); +})(); + + +(function() { + + /** + * Camelizes a string + * @memberOf fabric.util.string + * @param {String} string String to camelize + * @return {String} Camelized version of a string + */ + function camelize(string) { + return string.replace(/-+(.)?/g, function(match, character) { + return character ? character.toUpperCase() : ''; + }); + } + + /** + * Capitalizes a string + * @memberOf fabric.util.string + * @param {String} string String to capitalize + * @param {Boolean} [firstLetterOnly] If true only first letter is capitalized + * and other letters stay untouched, if false first letter is capitalized + * and other letters are converted to lowercase. + * @return {String} Capitalized version of a string + */ + function capitalize(string, firstLetterOnly) { + return string.charAt(0).toUpperCase() + + (firstLetterOnly ? string.slice(1) : string.slice(1).toLowerCase()); + } + + /** + * Escapes XML in a string + * @memberOf fabric.util.string + * @param {String} string String to escape + * @return {String} Escaped version of a string + */ + function escapeXml(string) { + return string.replace(/&/g, '&') + .replace(/"/g, '"') + .replace(/'/g, ''') + .replace(//g, '>'); + } + + /** + * Divide a string in the user perceived single units + * @memberOf fabric.util.string + * @param {String} textstring String to escape + * @return {Array} array containing the graphemes + */ + function graphemeSplit(textstring) { + var i = 0, chr, graphemes = []; + for (i = 0, chr; i < textstring.length; i++) { + if ((chr = getWholeChar(textstring, i)) === false) { + continue; + } + graphemes.push(chr); + } + return graphemes; + } + + // taken from mdn in the charAt doc page. + function getWholeChar(str, i) { + var code = str.charCodeAt(i); + + if (isNaN(code)) { + return ''; // Position not found + } + if (code < 0xD800 || code > 0xDFFF) { + return str.charAt(i); + } + + // High surrogate (could change last hex to 0xDB7F to treat high private + // surrogates as single characters) + if (0xD800 <= code && code <= 0xDBFF) { + if (str.length <= (i + 1)) { + throw 'High surrogate without following low surrogate'; + } + var next = str.charCodeAt(i + 1); + if (0xDC00 > next || next > 0xDFFF) { + throw 'High surrogate without following low surrogate'; + } + return str.charAt(i) + str.charAt(i + 1); + } + // Low surrogate (0xDC00 <= code && code <= 0xDFFF) + if (i === 0) { + throw 'Low surrogate without preceding high surrogate'; + } + var prev = str.charCodeAt(i - 1); + + // (could change last hex to 0xDB7F to treat high private + // surrogates as single characters) + if (0xD800 > prev || prev > 0xDBFF) { + throw 'Low surrogate without preceding high surrogate'; + } + // We can pass over low surrogates now as the second component + // in a pair which we have already processed + return false; + } + + + /** + * String utilities + * @namespace fabric.util.string + */ + fabric.util.string = { + camelize: camelize, + capitalize: capitalize, + escapeXml: escapeXml, + graphemeSplit: graphemeSplit + }; +})(); + + +(function() { + + var slice = Array.prototype.slice, emptyFunction = function() { }, + + IS_DONTENUM_BUGGY = (function() { + for (var p in { toString: 1 }) { + if (p === 'toString') { + return false; + } } - }; - xhr.onerror = xhr.ontimeout = removeListener; - if (method === 'GET' && options.parameters) { - const { origin, pathname, searchParams } = new URL(url); - url = `${origin}${pathname}?${new URLSearchParams([ - ...Array.from(searchParams.entries()), - ...Object.entries(options.parameters), - ])}`; + return true; + })(), + + /** @ignore */ + addMethods = function(klass, source, parent) { + for (var property in source) { + + if (property in klass.prototype && + typeof klass.prototype[property] === 'function' && + (source[property] + '').indexOf('callSuper') > -1) { + + klass.prototype[property] = (function(property) { + return function() { + + var superclass = this.constructor.superclass; + this.constructor.superclass = parent; + var returnValue = source[property].apply(this, arguments); + this.constructor.superclass = superclass; + + if (property !== 'initialize') { + return returnValue; + } + }; + })(property); + } + else { + klass.prototype[property] = source[property]; + } + + if (IS_DONTENUM_BUGGY) { + if (source.toString !== Object.prototype.toString) { + klass.prototype.toString = source.toString; + } + if (source.valueOf !== Object.prototype.valueOf) { + klass.prototype.valueOf = source.valueOf; + } + } + } + }; + + function Subclass() { } + + function callSuper(methodName) { + var parentMethod = null, + _this = this; + + // climb prototype chain to find method not equal to callee's method + while (_this.constructor.superclass) { + var superClassMethod = _this.constructor.superclass.prototype[methodName]; + if (_this[methodName] !== superClassMethod) { + parentMethod = superClassMethod; + break; + } + // eslint-disable-next-line + _this = _this.constructor.superclass.prototype; } - xhr.open(method, url, true); - if (method === 'POST' || method === 'PUT') { - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + + if (!parentMethod) { + return console.log('tried to callSuper ' + methodName + ', method not found in prototype chain', this); } - xhr.send(method === 'GET' ? null : body); - return xhr; -} -//@ts-nocheck -const touchEvents = ['touchstart', 'touchmove', 'touchend']; -/** - * Adds an event listener to an element - * @function - * @deprecated - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ -const addListener = (element, eventName, handler, options) => element && element.addEventListener(eventName, handler, options); -/** - * Removes an event listener from an element - * @function - * @deprecated - * @memberOf fabric.util - * @param {HTMLElement} element - * @param {String} eventName - * @param {Function} handler - */ -const removeListener = (element, eventName, handler, options) => element && element.removeEventListener(eventName, handler, options); -function getTouchInfo(event) { - const touchProp = event.changedTouches; + return (arguments.length > 1) + ? parentMethod.apply(this, slice.call(arguments, 1)) + : parentMethod.call(this); + } + + /** + * Helper for creation of "classes". + * @memberOf fabric.util + * @param {Function} [parent] optional "Class" to inherit from + * @param {Object} [properties] Properties shared by all instances of this class + * (be careful modifying objects defined here as this would affect all instances) + */ + function createClass() { + var parent = null, + properties = slice.call(arguments, 0); + + if (typeof properties[0] === 'function') { + parent = properties.shift(); + } + function klass() { + this.initialize.apply(this, arguments); + } + + klass.superclass = parent; + klass.subclasses = []; + + if (parent) { + Subclass.prototype = parent.prototype; + klass.prototype = new Subclass(); + parent.subclasses.push(klass); + } + for (var i = 0, length = properties.length; i < length; i++) { + addMethods(klass, properties[i], parent); + } + if (!klass.prototype.initialize) { + klass.prototype.initialize = emptyFunction; + } + klass.prototype.constructor = klass; + klass.prototype.callSuper = callSuper; + return klass; + } + + fabric.util.createClass = createClass; +})(); + + +(function () { + // since ie11 can use addEventListener but they do not support options, i need to check + var couldUseAttachEvent = !!fabric.document.createElement('div').attachEvent, + touchEvents = ['touchstart', 'touchmove', 'touchend']; + /** + * Adds an event listener to an element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ + fabric.util.addListener = function(element, eventName, handler, options) { + element && element.addEventListener(eventName, handler, couldUseAttachEvent ? false : options); + }; + + /** + * Removes an event listener from an element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {String} eventName + * @param {Function} handler + */ + fabric.util.removeListener = function(element, eventName, handler, options) { + element && element.removeEventListener(eventName, handler, couldUseAttachEvent ? false : options); + }; + + function getTouchInfo(event) { + var touchProp = event.changedTouches; if (touchProp && touchProp[0]) { - return touchProp[0]; + return touchProp[0]; } return event; -} -const getPointer = (event) => { - const element = event.target, scroll = fabric.util.getScrollLeftTop(element), _evt = getTouchInfo(event); - return new Point(_evt.clientX + scroll.left, _evt.clientY + scroll.top); -}; -const isTouchEvent = (event) => touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; -const stopEvent = (e) => { - e.preventDefault(); - e.stopPropagation(); -}; + } -//@ts-nocheck -/** - * Wraps element with another element - * @memberOf fabric.util - * @param {HTMLElement} element Element to wrap - * @param {HTMLElement|String} wrapper Element to wrap with - * @param {Object} [attributes] Attributes to set on a wrapper - * @return {HTMLElement} wrapper - */ -function wrapElement(element, wrapper) { + fabric.util.getPointer = function(event) { + var element = event.target, + scroll = fabric.util.getScrollLeftTop(element), + _evt = getTouchInfo(event); + return { + x: _evt.clientX + scroll.left, + y: _evt.clientY + scroll.top + }; + }; + + fabric.util.isTouchEvent = function(event) { + return touchEvents.indexOf(event.type) > -1 || event.pointerType === 'touch'; + }; +})(); + + +(function () { + + /** + * Cross-browser wrapper for setting element's style + * @memberOf fabric.util + * @param {HTMLElement} element + * @param {Object} styles + * @return {HTMLElement} Element that was passed as a first argument + */ + function setStyle(element, styles) { + var elementStyle = element.style; + if (!elementStyle) { + return element; + } + if (typeof styles === 'string') { + element.style.cssText += ';' + styles; + return styles.indexOf('opacity') > -1 + ? setOpacity(element, styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) + : element; + } + for (var property in styles) { + if (property === 'opacity') { + setOpacity(element, styles[property]); + } + else { + var normalizedProperty = (property === 'float' || property === 'cssFloat') + ? (typeof elementStyle.styleFloat === 'undefined' ? 'cssFloat' : 'styleFloat') + : property; + elementStyle[normalizedProperty] = styles[property]; + } + } + return element; + } + + var parseEl = fabric.document.createElement('div'), + supportsOpacity = typeof parseEl.style.opacity === 'string', + supportsFilters = typeof parseEl.style.filter === 'string', + reOpacity = /alpha\s*\(\s*opacity\s*=\s*([^\)]+)\)/, + + /** @ignore */ + setOpacity = function (element) { return element; }; + + if (supportsOpacity) { + /** @ignore */ + setOpacity = function(element, value) { + element.style.opacity = value; + return element; + }; + } + else if (supportsFilters) { + /** @ignore */ + setOpacity = function(element, value) { + var es = element.style; + if (element.currentStyle && !element.currentStyle.hasLayout) { + es.zoom = 1; + } + if (reOpacity.test(es.filter)) { + value = value >= 0.9999 ? '' : ('alpha(opacity=' + (value * 100) + ')'); + es.filter = es.filter.replace(reOpacity, value); + } + else { + es.filter += ' alpha(opacity=' + (value * 100) + ')'; + } + return element; + }; + } + + fabric.util.setStyle = setStyle; + +})(); + + +(function() { + + var _slice = Array.prototype.slice; + + /** + * Takes id and returns an element with that id (if one exists in a document) + * @memberOf fabric.util + * @param {String|HTMLElement} id + * @return {HTMLElement|null} + */ + function getById(id) { + return typeof id === 'string' ? fabric.document.getElementById(id) : id; + } + + var sliceCanConvertNodelists, + /** + * Converts an array-like object (e.g. arguments or NodeList) to an array + * @memberOf fabric.util + * @param {Object} arrayLike + * @return {Array} + */ + toArray = function(arrayLike) { + return _slice.call(arrayLike, 0); + }; + + try { + sliceCanConvertNodelists = toArray(fabric.document.childNodes) instanceof Array; + } + catch (err) { } + + if (!sliceCanConvertNodelists) { + toArray = function(arrayLike) { + var arr = new Array(arrayLike.length), i = arrayLike.length; + while (i--) { + arr[i] = arrayLike[i]; + } + return arr; + }; + } + + /** + * Creates specified element with specified attributes + * @memberOf fabric.util + * @param {String} tagName Type of an element to create + * @param {Object} [attributes] Attributes to set on an element + * @return {HTMLElement} Newly created element + */ + function makeElement(tagName, attributes) { + var el = fabric.document.createElement(tagName); + for (var prop in attributes) { + if (prop === 'class') { + el.className = attributes[prop]; + } + else if (prop === 'for') { + el.htmlFor = attributes[prop]; + } + else { + el.setAttribute(prop, attributes[prop]); + } + } + return el; + } + + /** + * Adds class to an element + * @memberOf fabric.util + * @param {HTMLElement} element Element to add class to + * @param {String} className Class to add to an element + */ + function addClass(element, className) { + if (element && (' ' + element.className + ' ').indexOf(' ' + className + ' ') === -1) { + element.className += (element.className ? ' ' : '') + className; + } + } + + /** + * Wraps element with another element + * @memberOf fabric.util + * @param {HTMLElement} element Element to wrap + * @param {HTMLElement|String} wrapper Element to wrap with + * @param {Object} [attributes] Attributes to set on a wrapper + * @return {HTMLElement} wrapper + */ + function wrapElement(element, wrapper, attributes) { + if (typeof wrapper === 'string') { + wrapper = makeElement(wrapper, attributes); + } if (element.parentNode) { - element.parentNode.replaceChild(wrapper, element); + element.parentNode.replaceChild(wrapper, element); } wrapper.appendChild(element); return wrapper; -} -/** - * Returns element scroll offsets - * @memberOf fabric.util - * @param {HTMLElement} element Element to operate on - * @return {Object} Object with left/top values - */ -function getScrollLeftTop(element) { - let left = 0, top = 0; - const docElement = fabric$1.document.documentElement, body = fabric$1.document.body || { - scrollLeft: 0, - scrollTop: 0, - }; + } + + /** + * Returns element scroll offsets + * @memberOf fabric.util + * @param {HTMLElement} element Element to operate on + * @return {Object} Object with left/top values + */ + function getScrollLeftTop(element) { + + var left = 0, + top = 0, + docElement = fabric.document.documentElement, + body = fabric.document.body || { + scrollLeft: 0, scrollTop: 0 + }; + // While loop checks (and then sets element to) .parentNode OR .host // to account for ShadowDOM. We still want to traverse up out of ShadowDOM, // but the .parentNode of a root ShadowDOM node will always be null, instead // it should be accessed through .host. See http://stackoverflow.com/a/24765528/4383938 while (element && (element.parentNode || element.host)) { - // Set element to element parent, or 'host' in case of ShadowDOM - element = element.parentNode || element.host; - if (element === fabric$1.document) { - left = body.scrollLeft || docElement.scrollLeft || 0; - top = body.scrollTop || docElement.scrollTop || 0; - } - else { - left += element.scrollLeft || 0; - top += element.scrollTop || 0; - } - if (element.nodeType === 1 && element.style.position === 'fixed') { - break; - } + + // Set element to element parent, or 'host' in case of ShadowDOM + element = element.parentNode || element.host; + + if (element === fabric.document) { + left = body.scrollLeft || docElement.scrollLeft || 0; + top = body.scrollTop || docElement.scrollTop || 0; + } + else { + left += element.scrollLeft || 0; + top += element.scrollTop || 0; + } + + if (element.nodeType === 1 && element.style.position === 'fixed') { + break; + } } - return { left, top }; -} -/** - * Returns offset for a given element - * @function - * @memberOf fabric.util - * @param {HTMLElement} element Element to get offset for - * @return {Object} Object with "left" and "top" properties - */ -function getElementOffset(element) { - let box = { left: 0, top: 0 }; - const doc = element && element.ownerDocument, offset = { left: 0, top: 0 }, offsetAttributes = { - borderLeftWidth: 'left', - borderTopWidth: 'top', - paddingLeft: 'left', - paddingTop: 'top', - }; + + return { left: left, top: top }; + } + + /** + * Returns offset for a given element + * @function + * @memberOf fabric.util + * @param {HTMLElement} element Element to get offset for + * @return {Object} Object with "left" and "top" properties + */ + function getElementOffset(element) { + var docElem, + doc = element && element.ownerDocument, + box = { left: 0, top: 0 }, + offset = { left: 0, top: 0 }, + scrollLeftTop, + offsetAttributes = { + borderLeftWidth: 'left', + borderTopWidth: 'top', + paddingLeft: 'left', + paddingTop: 'top' + }; + if (!doc) { - return offset; + return offset; } - const elemStyle = fabric$1.document.defaultView.getComputedStyle(element, null); - for (const attr in offsetAttributes) { - offset[offsetAttributes[attr]] += parseInt(elemStyle[attr], 10) || 0; + + for (var attr in offsetAttributes) { + offset[offsetAttributes[attr]] += parseInt(getElementStyle(element, attr), 10) || 0; } - const docElem = doc.documentElement; - if (typeof element.getBoundingClientRect !== 'undefined') { - box = element.getBoundingClientRect(); + + docElem = doc.documentElement; + if ( typeof element.getBoundingClientRect !== 'undefined' ) { + box = element.getBoundingClientRect(); } - const scrollLeftTop = getScrollLeftTop(element); + + scrollLeftTop = getScrollLeftTop(element); + return { - left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, - top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top, + left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left, + top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top }; -} -/** - * Makes element unselectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make unselectable - * @return {HTMLElement} Element that was passed in - */ -function makeElementUnselectable(element) { - if (typeof element.onselectstart !== 'undefined') { - element.onselectstart = () => false; + } + + /** + * Returns style attribute value of a given element + * @memberOf fabric.util + * @param {HTMLElement} element Element to get style attribute for + * @param {String} attr Style attribute to get for element + * @return {String} Style attribute value of the given element. + */ + var getElementStyle; + if (fabric.document.defaultView && fabric.document.defaultView.getComputedStyle) { + getElementStyle = function(element, attr) { + var style = fabric.document.defaultView.getComputedStyle(element, null); + return style ? style[attr] : undefined; + }; + } + else { + getElementStyle = function(element, attr) { + var value = element.style[attr]; + if (!value && element.currentStyle) { + value = element.currentStyle[attr]; + } + return value; + }; + } + + (function () { + var style = fabric.document.documentElement.style, + selectProp = 'userSelect' in style + ? 'userSelect' + : 'MozUserSelect' in style + ? 'MozUserSelect' + : 'WebkitUserSelect' in style + ? 'WebkitUserSelect' + : 'KhtmlUserSelect' in style + ? 'KhtmlUserSelect' + : ''; + + /** + * Makes element unselectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make unselectable + * @return {HTMLElement} Element that was passed in + */ + function makeElementUnselectable(element) { + if (typeof element.onselectstart !== 'undefined') { + element.onselectstart = fabric.util.falseFunction; + } + if (selectProp) { + element.style[selectProp] = 'none'; + } + else if (typeof element.unselectable === 'string') { + element.unselectable = 'on'; + } + return element; } - element.style.userSelect = 'none'; - return element; -} -/** - * Makes element selectable - * @memberOf fabric.util - * @param {HTMLElement} element Element to make selectable - * @return {HTMLElement} Element that was passed in - */ -function makeElementSelectable(element) { - if (typeof element.onselectstart !== 'undefined') { + + /** + * Makes element selectable + * @memberOf fabric.util + * @param {HTMLElement} element Element to make selectable + * @return {HTMLElement} Element that was passed in + */ + function makeElementSelectable(element) { + if (typeof element.onselectstart !== 'undefined') { element.onselectstart = null; + } + if (selectProp) { + element.style[selectProp] = ''; + } + else if (typeof element.unselectable === 'string') { + element.unselectable = ''; + } + return element; } - element.style.userSelect = ''; - return element; -} -function getNodeCanvas(element) { - const impl = fabric$1.jsdomImplForWrapper(element); + + fabric.util.makeElementUnselectable = makeElementUnselectable; + fabric.util.makeElementSelectable = makeElementSelectable; + })(); + + function getNodeCanvas(element) { + var impl = fabric.jsdomImplForWrapper(element); return impl._canvas || impl._image; -} -function cleanUpJsdomNode(element) { - if (!fabric$1.isLikelyNode) { - return; + }; + + function cleanUpJsdomNode(element) { + if (!fabric.isLikelyNode) { + return; } - const impl = fabric$1.jsdomImplForWrapper(element); + var impl = fabric.jsdomImplForWrapper(element); if (impl) { - impl._image = null; - impl._canvas = null; - // unsure if necessary - impl._currentSrc = null; - impl._attributes = null; - impl._classList = null; + impl._image = null; + impl._canvas = null; + // unsure if necessary + impl._currentSrc = null; + impl._attributes = null; + impl._classList = null; + } + } + + function setImageSmoothing(ctx, value) { + ctx.imageSmoothingEnabled = ctx.imageSmoothingEnabled || ctx.webkitImageSmoothingEnabled + || ctx.mozImageSmoothingEnabled || ctx.msImageSmoothingEnabled || ctx.oImageSmoothingEnabled; + ctx.imageSmoothingEnabled = value; + } + + /** + * setImageSmoothing sets the context imageSmoothingEnabled property. + * Used by canvas and by ImageObject. + * @memberOf fabric.util + * @since 4.0.0 + * @param {HTMLRenderingContext2D} ctx to set on + * @param {Boolean} value true or false + */ + fabric.util.setImageSmoothing = setImageSmoothing; + fabric.util.getById = getById; + fabric.util.toArray = toArray; + fabric.util.addClass = addClass; + fabric.util.makeElement = makeElement; + fabric.util.wrapElement = wrapElement; + fabric.util.getScrollLeftTop = getScrollLeftTop; + fabric.util.getElementOffset = getElementOffset; + fabric.util.getNodeCanvas = getNodeCanvas; + fabric.util.cleanUpJsdomNode = cleanUpJsdomNode; + +})(); + + +(function() { + + function addParamToUrl(url, param) { + return url + (/\?/.test(url) ? '&' : '?') + param; + } + + function emptyFn() { } + + /** + * Cross-browser abstraction for sending XMLHttpRequest + * @memberOf fabric.util + * @param {String} url URL to send XMLHttpRequest to + * @param {Object} [options] Options object + * @param {String} [options.method="GET"] + * @param {String} [options.parameters] parameters to append to url in GET or in body + * @param {String} [options.body] body to send with POST or PUT request + * @param {Function} options.onComplete Callback to invoke when request is completed + * @return {XMLHttpRequest} request + */ + function request(url, options) { + options || (options = { }); + + var method = options.method ? options.method.toUpperCase() : 'GET', + onComplete = options.onComplete || function() { }, + xhr = new fabric.window.XMLHttpRequest(), + body = options.body || options.parameters; + + /** @ignore */ + xhr.onreadystatechange = function() { + if (xhr.readyState === 4) { + onComplete(xhr); + xhr.onreadystatechange = emptyFn; + } + }; + + if (method === 'GET') { + body = null; + if (typeof options.parameters === 'string') { + url = addParamToUrl(url, options.parameters); + } } -} -/** - * Returns true if context has transparent pixel - * at specified location (taking tolerance into account) - * @param {CanvasRenderingContext2D} ctx context - * @param {Number} x x coordinate in canvasElementCoordinate, not fabric space - * @param {Number} y y coordinate in canvasElementCoordinate, not fabric space - * @param {Number} tolerance Tolerance pixels around the point, not alpha tolerance - * @return {boolean} true if transparent - */ -const isTransparent = (ctx, x, y, tolerance) => { - // If tolerance is > 0 adjust start coords to take into account. - // If moves off Canvas fix to 0 - if (tolerance > 0) { - if (x > tolerance) { - x -= tolerance; - } - else { - x = 0; - } - if (y > tolerance) { - y -= tolerance; - } - else { - y = 0; - } - } - let _isTransparent = true; - const { data } = ctx.getImageData(x, y, tolerance * 2 || 1, tolerance * 2 || 1); - const l = data.length; - // Split image data - for tolerance > 1, pixelDataSize = 4; - for (let i = 3; i < l; i += 4) { - const alphaChannel = data[i]; - if (alphaChannel > 0) { - // Stop if colour found - _isTransparent = false; - break; - } + xhr.open(method, url, true); + + if (method === 'POST' || method === 'PUT') { + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); } - return _isTransparent; -}; + + xhr.send(body); + return xhr; + } + + fabric.util.request = request; +})(); + /** - * Merges 2 clip paths into one visually equal clip path - * - * **IMPORTANT**:\ - * Does **NOT** clone the arguments, clone them proir if necessary. - * - * Creates a wrapper (group) that contains one clip path and is clipped by the other so content is kept where both overlap. - * Use this method if both the clip paths may have nested clip paths of their own, so assigning one to the other's clip path property is not possible. - * - * In order to handle the `inverted` property we follow logic described in the following cases:\ - * **(1)** both clip paths are inverted - the clip paths pass the inverted prop to the wrapper and loose it themselves.\ - * **(2)** one is inverted and the other isn't - the wrapper shouldn't become inverted and the inverted clip path must clip the non inverted one to produce an identical visual effect.\ - * **(3)** both clip paths are not inverted - wrapper and clip paths remain unchanged. - * - * @memberOf fabric.util - * @param {fabric.Object} c1 - * @param {fabric.Object} c2 - * @returns {fabric.Object} merged clip path + * Wrapper around `console.log` (when available) + * @param {*} [values] Values to log */ -const mergeClipPaths = (c1, c2) => { - var _a; - let a = c1, b = c2; - if (a.inverted && !b.inverted) { - // case (2) - a = c2; - b = c1; - } - // `b` becomes `a`'s clip path so we transform `b` to `a` coordinate plane - sendObjectToPlane(b, (_a = b.group) === null || _a === void 0 ? void 0 : _a.calcTransformMatrix(), a.calcTransformMatrix()); - // assign the `inverted` prop to the wrapping group - const inverted = a.inverted && b.inverted; - if (inverted) { - // case (1) - a.inverted = b.inverted = false; - } - return new fabric$1.Group([a], { clipPath: b, inverted }); -}; +fabric.log = console.log; /** - * Easing functions - * See Easing Equations by Robert Penner - * @namespace fabric.util.ease + * Wrapper around `console.warn` (when available) + * @param {*} [values] Values to log as a warning */ -const normalize = (a, c, p, s) => { - if (a < Math.abs(c)) { - a = c; - s = p / 4; +fabric.warn = console.warn; + + +(function () { + + var extend = fabric.util.object.extend, + clone = fabric.util.object.clone; + + /** + * @typedef {Object} AnimationOptions + * Animation of a value or list of values. + * When using lists, think of something like this: + * fabric.util.animate({ + * startValue: [1, 2, 3], + * endValue: [2, 4, 6], + * onChange: function([a, b, c]) { + * canvas.zoomToPoint({x: b, y: c}, a) + * canvas.renderAll() + * } + * }); + * @example + * @property {Function} [onChange] Callback; invoked on every value change + * @property {Function} [onComplete] Callback; invoked when value change is completed + * @example + * // Note: startValue, endValue, and byValue must match the type + * var animationOptions = { startValue: 0, endValue: 1, byValue: 0.25 } + * var animationOptions = { startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] } + * @property {number | number[]} [startValue=0] Starting value + * @property {number | number[]} [endValue=100] Ending value + * @property {number | number[]} [byValue=100] Value to modify the property by + * @property {Function} [easing] Easing function + * @property {Number} [duration=500] Duration of change (in ms) + * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. + * + * @typedef {() => void} CancelFunction + * + * @typedef {Object} AnimationCurrentState + * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] + * @property {number} completionRate value in range [0, 1] + * @property {number} durationRate value in range [0, 1] + * + * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext + */ + + /** + * Array holding all running animations + * @memberof fabric + * @type {AnimationContext[]} + */ + var RUNNING_ANIMATIONS = []; + fabric.util.object.extend(RUNNING_ANIMATIONS, { + + /** + * cancel all running animations at the next requestAnimFrame + * @returns {AnimationContext[]} + */ + cancelAll: function () { + var animations = this.splice(0); + animations.forEach(function (animation) { + animation.cancel(); + }); + return animations; + }, + + /** + * cancel all running animations attached to canvas at the next requestAnimFrame + * @param {fabric.Canvas} canvas + * @returns {AnimationContext[]} + */ + cancelByCanvas: function (canvas) { + if (!canvas) { + return []; + } + var cancelled = this.filter(function (animation) { + return typeof animation.target === 'object' && animation.target.canvas === canvas; + }); + cancelled.forEach(function (animation) { + animation.cancel(); + }); + return cancelled; + }, + + /** + * cancel all running animations for target at the next requestAnimFrame + * @param {*} target + * @returns {AnimationContext[]} + */ + cancelByTarget: function (target) { + var cancelled = this.findAnimationsByTarget(target); + cancelled.forEach(function (animation) { + animation.cancel(); + }); + return cancelled; + }, + + /** + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {number} + */ + findAnimationIndex: function (cancelFunc) { + return this.indexOf(this.findAnimation(cancelFunc)); + }, + + /** + * + * @param {CancelFunction} cancelFunc the function returned by animate + * @returns {AnimationContext | undefined} animation's options object + */ + findAnimation: function (cancelFunc) { + return this.find(function (animation) { + return animation.cancel === cancelFunc; + }); + }, + + /** + * + * @param {*} target the object that is assigned to the target property of the animation context + * @returns {AnimationContext[]} array of animation options object associated with target + */ + findAnimationsByTarget: function (target) { + if (!target) { + return []; + } + return this.filter(function (animation) { + return animation.target === target; + }); } - else { - //handle the 0/0 case: - if (c === 0 && a === 0) { - s = (p / twoMathPi) * Math.asin(1); + }); + + function noop() { + return false; + } + + function defaultEasing(t, b, c, d) { + return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; + } + + /** + * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {AnimationOptions} [options] Animation options + * @example + * // Note: startValue, endValue, and byValue must match the type + * fabric.util.animate({ startValue: 0, endValue: 1, byValue: 0.25 }) + * fabric.util.animate({ startValue: [0, 1], endValue: [1, 2], byValue: [0.25, 0.25] }) + * @returns {CancelFunction} cancel function + */ + function animate(options) { + options || (options = {}); + var cancel = false, + context, + removeFromRegistry = function () { + var index = fabric.runningAnimations.indexOf(context); + return index > -1 && fabric.runningAnimations.splice(index, 1)[0]; + }; + + context = extend(clone(options), { + cancel: function () { + cancel = true; + return removeFromRegistry(); + }, + currentValue: 'startValue' in options ? options.startValue : 0, + completionRate: 0, + durationRate: 0 + }); + fabric.runningAnimations.push(context); + + requestAnimFrame(function(timestamp) { + var start = timestamp || +new Date(), + duration = options.duration || 500, + finish = start + duration, time, + onChange = options.onChange || noop, + abort = options.abort || noop, + onComplete = options.onComplete || noop, + easing = options.easing || defaultEasing, + isMany = 'startValue' in options ? options.startValue.length > 0 : false, + startValue = 'startValue' in options ? options.startValue : 0, + endValue = 'endValue' in options ? options.endValue : 100, + byValue = options.byValue || (isMany ? startValue.map(function(value, i) { + return endValue[i] - startValue[i]; + }) : endValue - startValue); + + options.onStart && options.onStart(); + + (function tick(ticktime) { + time = ticktime || +new Date(); + var currentTime = time > finish ? duration : (time - start), + timePerc = currentTime / duration, + current = isMany ? startValue.map(function(_value, i) { + return easing(currentTime, startValue[i], byValue[i], duration); + }) : easing(currentTime, startValue, byValue, duration), + valuePerc = isMany ? Math.abs((current[0] - startValue[0]) / byValue[0]) + : Math.abs((current - startValue) / byValue); + // update context + context.currentValue = isMany ? current.slice() : current; + context.completionRate = valuePerc; + context.durationRate = timePerc; + if (cancel) { + return; + } + if (abort(current, valuePerc, timePerc)) { + removeFromRegistry(); + return; + } + if (time > finish) { + // update context + context.currentValue = isMany ? endValue.slice() : endValue; + context.completionRate = 1; + context.durationRate = 1; + // execute callbacks + onChange(isMany ? endValue.slice() : endValue, 1, 1); + onComplete(endValue, 1, 1); + removeFromRegistry(); + return; } else { - s = (p / twoMathPi) * Math.asin(c / a); + onChange(current, valuePerc, timePerc); + requestAnimFrame(tick); } + })(start); + }); + + return context.cancel; + } + + var _requestAnimFrame = fabric.window.requestAnimationFrame || + fabric.window.webkitRequestAnimationFrame || + fabric.window.mozRequestAnimationFrame || + fabric.window.oRequestAnimationFrame || + fabric.window.msRequestAnimationFrame || + function(callback) { + return fabric.window.setTimeout(callback, 1000 / 60); + }; + + var _cancelAnimFrame = fabric.window.cancelAnimationFrame || fabric.window.clearTimeout; + + /** + * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ + * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method + * @memberOf fabric.util + * @param {Function} callback Callback to invoke + * @param {DOMElement} element optional Element to associate with animation + */ + function requestAnimFrame() { + return _requestAnimFrame.apply(fabric.window, arguments); + } + + function cancelAnimFrame() { + return _cancelAnimFrame.apply(fabric.window, arguments); + } + + fabric.util.animate = animate; + fabric.util.requestAnimFrame = requestAnimFrame; + fabric.util.cancelAnimFrame = cancelAnimFrame; + fabric.runningAnimations = RUNNING_ANIMATIONS; +})(); + + +(function() { + // Calculate an in-between color. Returns a "rgba()" string. + // Credit: Edwin Martin + // http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js + function calculateColor(begin, end, pos) { + var color = 'rgba(' + + parseInt((begin[0] + pos * (end[0] - begin[0])), 10) + ',' + + parseInt((begin[1] + pos * (end[1] - begin[1])), 10) + ',' + + parseInt((begin[2] + pos * (end[2] - begin[2])), 10); + + color += ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); + color += ')'; + return color; + } + + /** + * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. + * @memberOf fabric.util + * @param {String} fromColor The starting color in hex or rgb(a) format. + * @param {String} toColor The starting color in hex or rgb(a) format. + * @param {Number} [duration] Duration of change (in ms). + * @param {Object} [options] Animation options + * @param {Function} [options.onChange] Callback; invoked on every value change + * @param {Function} [options.onComplete] Callback; invoked when value change is completed + * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. + * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. + * @returns {Function} abort function + */ + function animateColor(fromColor, toColor, duration, options) { + var startColor = new fabric.Color(fromColor).getSource(), + endColor = new fabric.Color(toColor).getSource(), + originalOnComplete = options.onComplete, + originalOnChange = options.onChange; + options = options || {}; + + return fabric.util.animate(fabric.util.object.extend(options, { + duration: duration || 500, + startValue: startColor, + endValue: endColor, + byValue: endColor, + easing: function (currentTime, startValue, byValue, duration) { + var posValue = options.colorEasing + ? options.colorEasing(currentTime, duration) + : 1 - Math.cos(currentTime / duration * (Math.PI / 2)); + return calculateColor(startValue, byValue, posValue); + }, + // has to take in account for color restoring; + onComplete: function(current, valuePerc, timePerc) { + if (originalOnComplete) { + return originalOnComplete( + calculateColor(endColor, endColor, 0), + valuePerc, + timePerc + ); + } + }, + onChange: function(current, valuePerc, timePerc) { + if (originalOnChange) { + if (Array.isArray(current)) { + return originalOnChange( + calculateColor(current, current, 0), + valuePerc, + timePerc + ); + } + originalOnChange(current, valuePerc, timePerc); + } + } + })); + } + + fabric.util.animateColor = animateColor; + +})(); + + +(function() { + + function normalize(a, c, p, s) { + if (a < Math.abs(c)) { + a = c; + s = p / 4; } - return { a, c, p, s }; -}; -const elastic = (a, s, p, t, d) => a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p); -/** - * Cubic easing out - * @memberOf fabric.util.ease - */ -const easeOutCubic = (t, b, c, d) => c * ((t /= d - 1) * t ** 2 + 1) + b; -/** - * Cubic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutCubic = (t, b, c, d) => { + else { + //handle the 0/0 case: + if (c === 0 && a === 0) { + s = p / (2 * Math.PI) * Math.asin(1); + } + else { + s = p / (2 * Math.PI) * Math.asin(c / a); + } + } + return { a: a, c: c, p: p, s: s }; + } + + function elastic(opts, t, d) { + return opts.a * + Math.pow(2, 10 * (t -= 1)) * + Math.sin( (t * d - opts.s) * (2 * Math.PI) / opts.p ); + } + + /** + * Cubic easing out + * @memberOf fabric.util.ease + */ + function easeOutCubic(t, b, c, d) { + return c * ((t = t / d - 1) * t * t + 1) + b; + } + + /** + * Cubic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutCubic(t, b, c, d) { t /= d / 2; if (t < 1) { - return (c / 2) * t ** 3 + b; + return c / 2 * t * t * t + b; } - return (c / 2) * ((t -= 2) * t ** 2 + 2) + b; -}; -/** - * Quartic easing in - * @memberOf fabric.util.ease - */ -const easeInQuart = (t, b, c, d) => c * (t /= d) * t ** 3 + b; -/** - * Quartic easing out - * @memberOf fabric.util.ease - */ -const easeOutQuart = (t, b, c, d) => -c * ((t = t / d - 1) * t ** 3 - 1) + b; -/** - * Quartic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutQuart = (t, b, c, d) => { + return c / 2 * ((t -= 2) * t * t + 2) + b; + } + + /** + * Quartic easing in + * @memberOf fabric.util.ease + */ + function easeInQuart(t, b, c, d) { + return c * (t /= d) * t * t * t + b; + } + + /** + * Quartic easing out + * @memberOf fabric.util.ease + */ + function easeOutQuart(t, b, c, d) { + return -c * ((t = t / d - 1) * t * t * t - 1) + b; + } + + /** + * Quartic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutQuart(t, b, c, d) { t /= d / 2; if (t < 1) { - return (c / 2) * t ** 4 + b; + return c / 2 * t * t * t * t + b; } - return (-c / 2) * ((t -= 2) * t ** 3 - 2) + b; -}; -/** - * Quintic easing in - * @memberOf fabric.util.ease - */ -const easeInQuint = (t, b, c, d) => c * (t /= d) * t ** 4 + b; -/** - * Quintic easing out - * @memberOf fabric.util.ease - */ -const easeOutQuint = (t, b, c, d) => c * ((t /= d - 1) * t ** 4 + 1) + b; -/** - * Quintic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutQuint = (t, b, c, d) => { + return -c / 2 * ((t -= 2) * t * t * t - 2) + b; + } + + /** + * Quintic easing in + * @memberOf fabric.util.ease + */ + function easeInQuint(t, b, c, d) { + return c * (t /= d) * t * t * t * t + b; + } + + /** + * Quintic easing out + * @memberOf fabric.util.ease + */ + function easeOutQuint(t, b, c, d) { + return c * ((t = t / d - 1) * t * t * t * t + 1) + b; + } + + /** + * Quintic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutQuint(t, b, c, d) { t /= d / 2; if (t < 1) { - return (c / 2) * t ** 5 + b; + return c / 2 * t * t * t * t * t + b; } - return (c / 2) * ((t -= 2) * t ** 4 + 2) + b; -}; -/** - * Sinusoidal easing in - * @memberOf fabric.util.ease - */ -const easeInSine = (t, b, c, d) => -c * Math.cos((t / d) * halfPI) + c + b; -/** - * Sinusoidal easing out - * @memberOf fabric.util.ease - */ -const easeOutSine = (t, b, c, d) => c * Math.sin((t / d) * halfPI) + b; -/** - * Sinusoidal easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutSine = (t, b, c, d) => (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b; -/** - * Exponential easing in - * @memberOf fabric.util.ease - */ -const easeInExpo = (t, b, c, d) => t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b; -/** - * Exponential easing out - * @memberOf fabric.util.ease - */ -const easeOutExpo = (t, b, c, d) => t === d ? b + c : c * -(2 ** ((-10 * t) / d) + 1) + b; -/** - * Exponential easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutExpo = (t, b, c, d) => { + return c / 2 * ((t -= 2) * t * t * t * t + 2) + b; + } + + /** + * Sinusoidal easing in + * @memberOf fabric.util.ease + */ + function easeInSine(t, b, c, d) { + return -c * Math.cos(t / d * (Math.PI / 2)) + c + b; + } + + /** + * Sinusoidal easing out + * @memberOf fabric.util.ease + */ + function easeOutSine(t, b, c, d) { + return c * Math.sin(t / d * (Math.PI / 2)) + b; + } + + /** + * Sinusoidal easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutSine(t, b, c, d) { + return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b; + } + + /** + * Exponential easing in + * @memberOf fabric.util.ease + */ + function easeInExpo(t, b, c, d) { + return (t === 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b; + } + + /** + * Exponential easing out + * @memberOf fabric.util.ease + */ + function easeOutExpo(t, b, c, d) { + return (t === d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b; + } + + /** + * Exponential easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutExpo(t, b, c, d) { if (t === 0) { - return b; + return b; } if (t === d) { - return b + c; + return b + c; } t /= d / 2; if (t < 1) { - return (c / 2) * 2 ** (10 * (t - 1)) + b; + return c / 2 * Math.pow(2, 10 * (t - 1)) + b; } - return (c / 2) * -(2 ** (-10 * --t) + 2) + b; -}; -/** - * Circular easing in - * @memberOf fabric.util.ease - */ -const easeInCirc = (t, b, c, d) => -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; -/** - * Circular easing out - * @memberOf fabric.util.ease - */ -const easeOutCirc = (t, b, c, d) => c * Math.sqrt(1 - (t = t / d - 1) * t) + b; -/** - * Circular easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutCirc = (t, b, c, d) => { + return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b; + } + + /** + * Circular easing in + * @memberOf fabric.util.ease + */ + function easeInCirc(t, b, c, d) { + return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; + } + + /** + * Circular easing out + * @memberOf fabric.util.ease + */ + function easeOutCirc(t, b, c, d) { + return c * Math.sqrt(1 - (t = t / d - 1) * t) + b; + } + + /** + * Circular easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutCirc(t, b, c, d) { t /= d / 2; if (t < 1) { - return (-c / 2) * (Math.sqrt(1 - t ** 2) - 1) + b; + return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b; } - return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; -}; -/** - * Elastic easing in - * @memberOf fabric.util.ease - */ -const easeInElastic = (t, b, c, d) => { - const s = 1.70158, a = c; - let p = 0; + return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; + } + + /** + * Elastic easing in + * @memberOf fabric.util.ease + */ + function easeInElastic(t, b, c, d) { + var s = 1.70158, p = 0, a = c; if (t === 0) { - return b; + return b; } t /= d; if (t === 1) { - return b + c; + return b + c; } if (!p) { - p = d * 0.3; + p = d * 0.3; } - const { a: normA, s: normS, p: normP } = normalize(a, c, p, s); - return -elastic(normA, normS, normP, t, d) + b; -}; -/** - * Elastic easing out - * @memberOf fabric.util.ease - */ -const easeOutElastic = (t, b, c, d) => { - const s = 1.70158, a = c; - let p = 0; + var opts = normalize(a, c, p, s); + return -elastic(opts, t, d) + b; + } + + /** + * Elastic easing out + * @memberOf fabric.util.ease + */ + function easeOutElastic(t, b, c, d) { + var s = 1.70158, p = 0, a = c; if (t === 0) { - return b; + return b; } t /= d; if (t === 1) { - return b + c; + return b + c; } if (!p) { - p = d * 0.3; + p = d * 0.3; } - const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); - return (normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) + - normC + - b); -}; -/** - * Elastic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutElastic = (t, b, c, d) => { - const s = 1.70158, a = c; - let p = 0; + var opts = normalize(a, c, p, s); + return opts.a * Math.pow(2, -10 * t) * Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) + opts.c + b; + } + + /** + * Elastic easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutElastic(t, b, c, d) { + var s = 1.70158, p = 0, a = c; if (t === 0) { - return b; + return b; } t /= d / 2; if (t === 2) { - return b + c; + return b + c; } if (!p) { - p = d * (0.3 * 1.5); + p = d * (0.3 * 1.5); } - const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); + var opts = normalize(a, c, p, s); if (t < 1) { - return -0.5 * elastic(normA, normS, normP, t, d) + b; - } - return (normA * - Math.pow(2, -10 * (t -= 1)) * - Math.sin(((t * d - normS) * twoMathPi) / normP) * - 0.5 + - normC + - b); -}; -/** - * Backwards easing in - * @memberOf fabric.util.ease - */ -const easeInBack = (t, b, c, d, s = 1.70158) => c * (t /= d) * t * ((s + 1) * t - s) + b; -/** - * Backwards easing out - * @memberOf fabric.util.ease - */ -const easeOutBack = (t, b, c, d, s = 1.70158) => c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; -/** - * Backwards easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutBack = (t, b, c, d, s = 1.70158) => { + return -0.5 * elastic(opts, t, d) + b; + } + return opts.a * Math.pow(2, -10 * (t -= 1)) * + Math.sin((t * d - opts.s) * (2 * Math.PI) / opts.p ) * 0.5 + opts.c + b; + } + + /** + * Backwards easing in + * @memberOf fabric.util.ease + */ + function easeInBack(t, b, c, d, s) { + if (s === undefined) { + s = 1.70158; + } + return c * (t /= d) * t * ((s + 1) * t - s) + b; + } + + /** + * Backwards easing out + * @memberOf fabric.util.ease + */ + function easeOutBack(t, b, c, d, s) { + if (s === undefined) { + s = 1.70158; + } + return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; + } + + /** + * Backwards easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutBack(t, b, c, d, s) { + if (s === undefined) { + s = 1.70158; + } t /= d / 2; if (t < 1) { - return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b; + return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b; } - return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b; -}; -/** - * Bouncing easing out - * @memberOf fabric.util.ease - */ -const easeOutBounce = (t, b, c, d) => { - if ((t /= d) < 1 / 2.75) { - return c * (7.5625 * t * t) + b; + return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b; + } + + /** + * Bouncing easing in + * @memberOf fabric.util.ease + */ + function easeInBounce(t, b, c, d) { + return c - easeOutBounce (d - t, 0, c, d) + b; + } + + /** + * Bouncing easing out + * @memberOf fabric.util.ease + */ + function easeOutBounce(t, b, c, d) { + if ((t /= d) < (1 / 2.75)) { + return c * (7.5625 * t * t) + b; } - else if (t < 2 / 2.75) { - return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b; + else if (t < (2 / 2.75)) { + return c * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75) + b; } - else if (t < 2.5 / 2.75) { - return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b; + else if (t < (2.5 / 2.75)) { + return c * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375) + b; } else { - return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b; + return c * (7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375) + b; } -}; -/** - * Bouncing easing in - * @memberOf fabric.util.ease - */ -const easeInBounce = (t, b, c, d) => c - easeOutBounce(d - t, 0, c, d) + b; -/** - * Bouncing easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutBounce = (t, b, c, d) => t < d / 2 - ? easeInBounce(t * 2, 0, c, d) * 0.5 + b - : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; -/** - * Quadratic easing in - * @memberOf fabric.util.ease - */ -const easeInQuad = (t, b, c, d) => c * (t /= d) * t + b; -/** - * Quadratic easing out - * @memberOf fabric.util.ease - */ -const easeOutQuad = (t, b, c, d) => -c * (t /= d) * (t - 2) + b; -/** - * Quadratic easing in and out - * @memberOf fabric.util.ease - */ -const easeInOutQuad = (t, b, c, d) => { - t /= d / 2; - if (t < 1) { - return (c / 2) * t ** 2 + b; - } - return (-c / 2) * (--t * (t - 2) - 1) + b; -}; -/** - * Cubic easing in - * @memberOf fabric.util.ease - */ -const easeInCubic = (t, b, c, d) => c * (t /= d) * t * t + b; - -var ease = /*#__PURE__*/Object.freeze({ - __proto__: null, - easeOutCubic: easeOutCubic, - easeInOutCubic: easeInOutCubic, - easeInQuart: easeInQuart, - easeOutQuart: easeOutQuart, - easeInOutQuart: easeInOutQuart, - easeInQuint: easeInQuint, - easeOutQuint: easeOutQuint, - easeInOutQuint: easeInOutQuint, - easeInSine: easeInSine, - easeOutSine: easeOutSine, - easeInOutSine: easeInOutSine, - easeInExpo: easeInExpo, - easeOutExpo: easeOutExpo, - easeInOutExpo: easeInOutExpo, - easeInCirc: easeInCirc, - easeOutCirc: easeOutCirc, - easeInOutCirc: easeInOutCirc, - easeInElastic: easeInElastic, - easeOutElastic: easeOutElastic, - easeInOutElastic: easeInOutElastic, - easeInBack: easeInBack, - easeOutBack: easeOutBack, - easeInOutBack: easeInOutBack, - easeOutBounce: easeOutBounce, - easeInBounce: easeInBounce, - easeInOutBounce: easeInOutBounce, - easeInQuad: easeInQuad, - easeOutQuad: easeOutQuad, - easeInOutQuad: easeInOutQuad, - easeInCubic: easeInCubic -}); + } -/** - * Map of the 148 color names with HEX code - * @see: https://www.w3.org/TR/css3-color/#svg-color - */ -const ColorNameMap = { - aliceblue: '#F0F8FF', - antiquewhite: '#FAEBD7', - aqua: '#00FFFF', - aquamarine: '#7FFFD4', - azure: '#F0FFFF', - beige: '#F5F5DC', - bisque: '#FFE4C4', - black: '#000000', - blanchedalmond: '#FFEBCD', - blue: '#0000FF', - blueviolet: '#8A2BE2', - brown: '#A52A2A', - burlywood: '#DEB887', - cadetblue: '#5F9EA0', - chartreuse: '#7FFF00', - chocolate: '#D2691E', - coral: '#FF7F50', - cornflowerblue: '#6495ED', - cornsilk: '#FFF8DC', - crimson: '#DC143C', - cyan: '#00FFFF', - darkblue: '#00008B', - darkcyan: '#008B8B', - darkgoldenrod: '#B8860B', - darkgray: '#A9A9A9', - darkgrey: '#A9A9A9', - darkgreen: '#006400', - darkkhaki: '#BDB76B', - darkmagenta: '#8B008B', - darkolivegreen: '#556B2F', - darkorange: '#FF8C00', - darkorchid: '#9932CC', - darkred: '#8B0000', - darksalmon: '#E9967A', - darkseagreen: '#8FBC8F', - darkslateblue: '#483D8B', - darkslategray: '#2F4F4F', - darkslategrey: '#2F4F4F', - darkturquoise: '#00CED1', - darkviolet: '#9400D3', - deeppink: '#FF1493', - deepskyblue: '#00BFFF', - dimgray: '#696969', - dimgrey: '#696969', - dodgerblue: '#1E90FF', - firebrick: '#B22222', - floralwhite: '#FFFAF0', - forestgreen: '#228B22', - fuchsia: '#FF00FF', - gainsboro: '#DCDCDC', - ghostwhite: '#F8F8FF', - gold: '#FFD700', - goldenrod: '#DAA520', - gray: '#808080', - grey: '#808080', - green: '#008000', - greenyellow: '#ADFF2F', - honeydew: '#F0FFF0', - hotpink: '#FF69B4', - indianred: '#CD5C5C', - indigo: '#4B0082', - ivory: '#FFFFF0', - khaki: '#F0E68C', - lavender: '#E6E6FA', - lavenderblush: '#FFF0F5', - lawngreen: '#7CFC00', - lemonchiffon: '#FFFACD', - lightblue: '#ADD8E6', - lightcoral: '#F08080', - lightcyan: '#E0FFFF', - lightgoldenrodyellow: '#FAFAD2', - lightgray: '#D3D3D3', - lightgrey: '#D3D3D3', - lightgreen: '#90EE90', - lightpink: '#FFB6C1', - lightsalmon: '#FFA07A', - lightseagreen: '#20B2AA', - lightskyblue: '#87CEFA', - lightslategray: '#778899', - lightslategrey: '#778899', - lightsteelblue: '#B0C4DE', - lightyellow: '#FFFFE0', - lime: '#00FF00', - limegreen: '#32CD32', - linen: '#FAF0E6', - magenta: '#FF00FF', - maroon: '#800000', - mediumaquamarine: '#66CDAA', - mediumblue: '#0000CD', - mediumorchid: '#BA55D3', - mediumpurple: '#9370DB', - mediumseagreen: '#3CB371', - mediumslateblue: '#7B68EE', - mediumspringgreen: '#00FA9A', - mediumturquoise: '#48D1CC', - mediumvioletred: '#C71585', - midnightblue: '#191970', - mintcream: '#F5FFFA', - mistyrose: '#FFE4E1', - moccasin: '#FFE4B5', - navajowhite: '#FFDEAD', - navy: '#000080', - oldlace: '#FDF5E6', - olive: '#808000', - olivedrab: '#6B8E23', - orange: '#FFA500', - orangered: '#FF4500', - orchid: '#DA70D6', - palegoldenrod: '#EEE8AA', - palegreen: '#98FB98', - paleturquoise: '#AFEEEE', - palevioletred: '#DB7093', - papayawhip: '#FFEFD5', - peachpuff: '#FFDAB9', - peru: '#CD853F', - pink: '#FFC0CB', - plum: '#DDA0DD', - powderblue: '#B0E0E6', - purple: '#800080', - rebeccapurple: '#663399', - red: '#FF0000', - rosybrown: '#BC8F8F', - royalblue: '#4169E1', - saddlebrown: '#8B4513', - salmon: '#FA8072', - sandybrown: '#F4A460', - seagreen: '#2E8B57', - seashell: '#FFF5EE', - sienna: '#A0522D', - silver: '#C0C0C0', - skyblue: '#87CEEB', - slateblue: '#6A5ACD', - slategray: '#708090', - slategrey: '#708090', - snow: '#FFFAFA', - springgreen: '#00FF7F', - steelblue: '#4682B4', - tan: '#D2B48C', - teal: '#008080', - thistle: '#D8BFD8', - tomato: '#FF6347', - turquoise: '#40E0D0', - violet: '#EE82EE', - wheat: '#F5DEB3', - white: '#FFFFFF', - whitesmoke: '#F5F5F5', - yellow: '#FFFF00', - yellowgreen: '#9ACD32', -}; + /** + * Bouncing easing in and out + * @memberOf fabric.util.ease + */ + function easeInOutBounce(t, b, c, d) { + if (t < d / 2) { + return easeInBounce (t * 2, 0, c, d) * 0.5 + b; + } + return easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b; + } -/** - * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) - * @static - * @field - * @memberOf Color - */ -// eslint-disable-next-line max-len -const reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*,\s*(\d{1,3}(?:\.\d+)?%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; -/** - * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) - * @static - * @field - * @memberOf Color - */ -const reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}%)\s*,\s*(\d{1,3}%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; -/** - * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) - * @static - * @field - * @memberOf Color - */ -const reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; + /** + * Easing functions + * See Easing Equations by Robert Penner + * @namespace fabric.util.ease + */ + fabric.util.ease = { -/** - * @private - * @param {Number} p - * @param {Number} q - * @param {Number} t - * @return {Number} - */ -function hue2rgb(p, q, t) { - if (t < 0) { - t += 1; - } - if (t > 1) { - t -= 1; - } - if (t < 1 / 6) { - return p + (q - p) * 6 * t; - } - if (t < 1 / 2) { - return q; - } - if (t < 2 / 3) { - return p + (q - p) * (2 / 3 - t) * 6; - } - return p; -} -/** - * Convert a [0, 255] value to hex - * @param value - * @returns - */ -function hexify(value) { - const hexValue = value.toString(16).toUpperCase(); - return hexValue.length === 1 ? `0${hexValue}` : hexValue; -} - -//@ts-nocheck -/** - * @class Color common color operations - * @tutorial {@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) { - if (!color) { - this.setSource([0, 0, 0, 1]); - } - else { - this._tryParsingColor(color); - } - } - /** - * @private - * @param {string} [color] Color value to parse + * Quadratic easing in + * @memberOf fabric.util.ease */ - _tryParsingColor(color) { - if (color in ColorNameMap) { - color = ColorNameMap[color]; - } - const source = color === 'transparent' - ? [255, 255, 255, 0] - : Color.sourceFromHex(color) || - Color.sourceFromRgb(color) || - Color.sourceFromHsl(color) || [0, 0, 0, 1]; // color is not recognize let's default to black as canvas does - if (source) { - this.setSource(source); - } - } - /** - * Adapted from {@link https://gist.github.com/mjackson/5311256 https://gist.github.com/mjackson} - * @private - * @param {Number} r Red color value - * @param {Number} g Green color value - * @param {Number} b Blue color value - * @return {TColorSource} Hsl color - */ - _rgbToHsl(r, g, b) { - r /= 255; - g /= 255; - b /= 255; - const maxValue = Math.max(r, g, b), minValue = Math.min(r, g, b); - let h, s; - const l = (maxValue + minValue) / 2; - if (maxValue === minValue) { - h = s = 0; // achromatic - } - else { - const d = maxValue - minValue; - s = l > 0.5 ? d / (2 - maxValue - minValue) : d / (maxValue + minValue); - switch (maxValue) { - case r: - h = (g - b) / d + (g < b ? 6 : 0); - break; - case g: - h = (b - r) / d + 2; - break; - case b: - h = (r - g) / d + 4; - break; - } - h /= 6; - } - return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)]; - } + easeInQuad: function(t, b, c, d) { + return c * (t /= d) * t + b; + }, + /** - * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @return {TColorAlphaSource} + * Quadratic easing out + * @memberOf fabric.util.ease */ - getSource() { - return this._source; - } + easeOutQuad: function(t, b, c, d) { + return -c * (t /= d) * (t - 2) + b; + }, + /** - * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) - * @param {TColorAlphaSource} source + * Quadratic easing in and out + * @memberOf fabric.util.ease */ - setSource(source) { - this._source = source; - } + easeInOutQuad: function(t, b, c, d) { + t /= (d / 2); + if (t < 1) { + return c / 2 * t * t + b; + } + return -c / 2 * ((--t) * (t - 2) - 1) + b; + }, + /** - * Returns color representation in RGB format - * @return {String} ex: rgb(0-255,0-255,0-255) + * Cubic easing in + * @memberOf fabric.util.ease */ - toRgb() { - const source = this.getSource(); - return `rgb(${source[0]},${source[1]},${source[2]})`; + easeInCubic: function(t, b, c, d) { + return c * (t /= d) * t * t + b; + }, + + easeOutCubic: easeOutCubic, + easeInOutCubic: easeInOutCubic, + easeInQuart: easeInQuart, + easeOutQuart: easeOutQuart, + easeInOutQuart: easeInOutQuart, + easeInQuint: easeInQuint, + easeOutQuint: easeOutQuint, + easeInOutQuint: easeInOutQuint, + easeInSine: easeInSine, + easeOutSine: easeOutSine, + easeInOutSine: easeInOutSine, + easeInExpo: easeInExpo, + easeOutExpo: easeOutExpo, + easeInOutExpo: easeInOutExpo, + easeInCirc: easeInCirc, + easeOutCirc: easeOutCirc, + easeInOutCirc: easeInOutCirc, + easeInElastic: easeInElastic, + easeOutElastic: easeOutElastic, + easeInOutElastic: easeInOutElastic, + easeInBack: easeInBack, + easeOutBack: easeOutBack, + easeInOutBack: easeInOutBack, + easeInBounce: easeInBounce, + easeOutBounce: easeOutBounce, + easeInOutBounce: easeInOutBounce + }; + +})(); + + +(function(global) { + + 'use strict'; + + /** + * @name fabric + * @namespace + */ + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + toFixed = fabric.util.toFixed, + parseUnit = fabric.util.parseUnit, + multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, + + svgValidTagNames = ['path', 'circle', 'polygon', 'polyline', 'ellipse', 'rect', 'line', + 'image', 'text'], + svgViewBoxElements = ['symbol', 'image', 'marker', 'pattern', 'view', 'svg'], + svgInvalidAncestors = ['pattern', 'defs', 'symbol', 'metadata', 'clipPath', 'mask', 'desc'], + svgValidParents = ['symbol', 'g', 'a', 'svg', 'clipPath', 'defs'], + + attributesMap = { + cx: 'left', + x: 'left', + r: 'radius', + cy: 'top', + y: 'top', + display: 'visible', + visibility: 'visible', + transform: 'transformMatrix', + 'fill-opacity': 'fillOpacity', + 'fill-rule': 'fillRule', + 'font-family': 'fontFamily', + 'font-size': 'fontSize', + 'font-style': 'fontStyle', + 'font-weight': 'fontWeight', + 'letter-spacing': 'charSpacing', + 'paint-order': 'paintFirst', + 'stroke-dasharray': 'strokeDashArray', + 'stroke-dashoffset': 'strokeDashOffset', + 'stroke-linecap': 'strokeLineCap', + 'stroke-linejoin': 'strokeLineJoin', + 'stroke-miterlimit': 'strokeMiterLimit', + 'stroke-opacity': 'strokeOpacity', + 'stroke-width': 'strokeWidth', + 'text-decoration': 'textDecoration', + 'text-anchor': 'textAnchor', + opacity: 'opacity', + 'clip-path': 'clipPath', + 'clip-rule': 'clipRule', + 'vector-effect': 'strokeUniform', + 'image-rendering': 'imageSmoothing', + }, + + colorAttributes = { + stroke: 'strokeOpacity', + fill: 'fillOpacity' + }, + + fSize = 'font-size', cPath = 'clip-path'; + + fabric.svgValidTagNamesRegEx = getSvgRegex(svgValidTagNames); + fabric.svgViewBoxElementsRegEx = getSvgRegex(svgViewBoxElements); + fabric.svgInvalidAncestorsRegEx = getSvgRegex(svgInvalidAncestors); + fabric.svgValidParentsRegEx = getSvgRegex(svgValidParents); + + fabric.cssRules = { }; + fabric.gradientDefs = { }; + fabric.clipPaths = { }; + + function normalizeAttr(attr) { + // transform attribute names + if (attr in attributesMap) { + return attributesMap[attr]; } - /** - * Returns color representation in RGBA format - * @return {String} ex: rgba(0-255,0-255,0-255,0-1) - */ - toRgba() { - const source = this.getSource(); - return `rgba(${source[0]},${source[1]},${source[2]},${source[3]})`; + return attr; + } + + function normalizeValue(attr, value, parentAttributes, fontSize) { + var isArray = Object.prototype.toString.call(value) === '[object Array]', + parsed; + + if ((attr === 'fill' || attr === 'stroke') && value === 'none') { + value = ''; } - /** - * Returns color representation in HSL format - * @return {String} ex: hsl(0-360,0%-100%,0%-100%) - */ - toHsl() { - const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); - return `hsl(${hsl[0]},${hsl[1]}%,${hsl[2]}%)`; + else if (attr === 'strokeUniform') { + return (value === 'non-scaling-stroke'); } - /** - * Returns color representation in HSLA format - * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) - */ - toHsla() { - const source = this.getSource(), hsl = this._rgbToHsl(source[0], source[1], source[2]); - return `hsla(${hsl[0]},${hsl[1]}%,${hsl[2]}%,${source[3]})`; + else if (attr === 'strokeDashArray') { + if (value === 'none') { + value = null; + } + else { + value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); + } } - /** - * Returns color representation in HEX format - * @return {String} ex: FF5555 - */ - toHex() { - const [r, g, b] = this.getSource(); - return `${hexify(r)}${hexify(g)}${hexify(b)}`; + else if (attr === 'transformMatrix') { + if (parentAttributes && parentAttributes.transformMatrix) { + value = multiplyTransformMatrices( + parentAttributes.transformMatrix, fabric.parseTransformAttribute(value)); + } + else { + value = fabric.parseTransformAttribute(value); + } } - /** - * Returns color representation in HEXA format - * @return {String} ex: FF5555CC - */ - toHexa() { - const source = this.getSource(); - return `${this.toHex()}${hexify(Math.round(source[3] * 255))}`; + else if (attr === 'visible') { + value = value !== 'none' && value !== 'hidden'; + // display=none on parent element always takes precedence over child element + if (parentAttributes && parentAttributes.visible === false) { + value = false; + } } - /** - * Gets value of alpha channel for this color - * @return {Number} 0-1 - */ - getAlpha() { - return this.getSource()[3]; + else if (attr === 'opacity') { + value = parseFloat(value); + if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { + value *= parentAttributes.opacity; + } } - /** - * Sets value of alpha channel for this color - * @param {Number} alpha Alpha value 0-1 - * @return {Color} thisArg - */ - setAlpha(alpha) { - const source = this.getSource(); - source[3] = alpha; - this.setSource(source); - return this; + else if (attr === 'textAnchor' /* text-anchor */) { + value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; } - /** - * Transforms color to its grayscale representation - * @return {Color} thisArg - */ - toGrayscale() { - const source = this.getSource(), average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), currentAlpha = source[3]; - this.setSource([average, average, average, currentAlpha]); - return this; + else if (attr === 'charSpacing') { + // parseUnit returns px and we convert it to em + parsed = parseUnit(value, fontSize) / fontSize * 1000; } - /** - * Transforms color to its black and white representation - * @param {Number} threshold - * @return {Color} thisArg - */ - toBlackWhite(threshold) { - const source = this.getSource(), currentAlpha = source[3]; - let average = Math.round(source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11); - average = average < (threshold || 127) ? 0 : 255; - this.setSource([average, average, average, currentAlpha]); - return this; + else if (attr === 'paintFirst') { + var fillIndex = value.indexOf('fill'); + var strokeIndex = value.indexOf('stroke'); + var value = 'fill'; + if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { + value = 'stroke'; + } + else if (fillIndex === -1 && strokeIndex > -1) { + value = 'stroke'; + } } - /** - * Overlays color with another color - * @param {String|Color} otherColor - * @return {Color} thisArg - */ - overlayWith(otherColor) { - if (!(otherColor instanceof Color)) { - otherColor = new Color(otherColor); - } - const result = [], alpha = this.getAlpha(), otherAlpha = 0.5, source = this.getSource(), otherSource = otherColor.getSource(); - for (let i = 0; i < 3; i++) { - result.push(Math.round(source[i] * (1 - otherAlpha) + otherSource[i] * otherAlpha)); - } - result[3] = alpha; - this.setSource(result); - return this; + else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { + return value; } - /** - * Returns new color object, when given a color in RGB format - * @memberOf Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255) - * @return {Color} - */ - static fromRgb(color) { - return Color.fromRgba(color); + else if (attr === 'imageSmoothing') { + return (value === 'optimizeQuality'); } - /** - * Returns new color object, when given a color in RGBA format - * @static - * @function - * @memberOf Color - * @param {String} color - * @return {Color} - */ - static fromRgba(color) { - return Color.fromSource(Color.sourceFromRgb(color)); + else { + parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); } - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format - * @memberOf Color - * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) - * @return {TColorAlphaSource | undefined} source - */ - static sourceFromRgb(color) { - const match = color.match(reRGBa); - if (match) { - const r = (parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1)) * - (/%$/.test(match[1]) ? 255 : 1), g = (parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1)) * - (/%$/.test(match[2]) ? 255 : 1), b = (parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1)) * - (/%$/.test(match[3]) ? 255 : 1); - return [ - parseInt(r, 10), - parseInt(g, 10), - parseInt(b, 10), - match[4] ? parseFloat(match[4]) : 1, - ]; + + return (!isArray && isNaN(parsed) ? value : parsed); + } + + /** + * @private + */ + function getSvgRegex(arr) { + return new RegExp('^(' + arr.join('|') + ')\\b', 'i'); + } + + /** + * @private + * @param {Object} attributes Array of attributes to parse + */ + function _setStrokeFillOpacity(attributes) { + for (var attr in colorAttributes) { + + if (typeof attributes[colorAttributes[attr]] === 'undefined' || attributes[attr] === '') { + continue; + } + + if (typeof attributes[attr] === 'undefined') { + if (!fabric.Object.prototype[attr]) { + continue; } + attributes[attr] = fabric.Object.prototype[attr]; + } + + if (attributes[attr].indexOf('url(') === 0) { + continue; + } + + var color = new fabric.Color(attributes[attr]); + attributes[attr] = color.setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)).toRgba(); } - /** - * Returns new color object, when given a color in HSL format - * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) - * @memberOf Color - * @return {Color} - */ - static fromHsl(color) { - return Color.fromHsla(color); + return attributes; + } + + /** + * @private + */ + function _getMultipleNodes(doc, nodeNames) { + var nodeName, nodeArray = [], nodeList, i, len; + for (i = 0, len = nodeNames.length; i < len; i++) { + nodeName = nodeNames[i]; + nodeList = doc.getElementsByTagName(nodeName); + nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); } - /** - * Returns new color object, when given a color in HSLA format - * @static - * @function - * @memberOf Color - * @param {String} color - * @return {Color} - */ - static fromHsla(color) { - return Color.fromSource(Color.sourceFromHsl(color)); + return nodeArray; + } + + /** + * Parses "transform" attribute, returning an array of values + * @static + * @function + * @memberOf fabric + * @param {String} attributeValue String containing attribute value + * @return {Array} Array of 6 elements representing transformation matrix + */ + fabric.parseTransformAttribute = (function() { + function rotateMatrix(matrix, args) { + var cos = fabric.util.cos(args[0]), sin = fabric.util.sin(args[0]), + x = 0, y = 0; + if (args.length === 3) { + x = args[1]; + y = args[2]; + } + + matrix[0] = cos; + matrix[1] = sin; + matrix[2] = -sin; + matrix[3] = cos; + matrix[4] = x - (cos * x - sin * y); + matrix[5] = y - (sin * x + cos * y); } - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. - * Adapted from https://github.com/mjijackson - * @memberOf Color - * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) - * @return {TColorAlphaSource | 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 h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1); - 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), - match[4] ? parseFloat(match[4]) : 1, - ]; + + function scaleMatrix(matrix, args) { + var multiplierX = args[0], + multiplierY = (args.length === 2) ? args[1] : args[0]; + + matrix[0] = multiplierX; + matrix[3] = multiplierY; } - /** - * Returns new color object, when given a color in HEX format - * @static - * @memberOf Color - * @param {String} color Color value ex: FF5555 - * @return {Color} - */ - static fromHex(color) { - return Color.fromSource(Color.sourceFromHex(color)); + + function skewMatrix(matrix, args, pos) { + matrix[pos] = Math.tan(fabric.util.degreesToRadians(args[0])); } - /** - * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format - * @static - * @memberOf Color - * @param {String} color ex: FF5555 or FF5544CC (RGBa) - * @return {TColorAlphaSource | undefined} source - */ - static sourceFromHex(color) { - if (color.match(reHex)) { - const value = color.slice(color.indexOf('#') + 1), isShortNotation = value.length === 3 || value.length === 4, isRGBa = value.length === 8 || value.length === 4, r = isShortNotation - ? value.charAt(0) + value.charAt(0) - : value.substring(0, 2), g = isShortNotation - ? value.charAt(1) + value.charAt(1) - : value.substring(2, 4), b = isShortNotation - ? value.charAt(2) + value.charAt(2) - : value.substring(4, 6), a = isRGBa - ? isShortNotation - ? value.charAt(3) + value.charAt(3) - : value.substring(6, 8) - : 'FF'; - return [ - parseInt(r, 16), - parseInt(g, 16), - parseInt(b, 16), - parseFloat((parseInt(a, 16) / 255).toFixed(2)), - ]; - } - } - /** - * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) - * @static - * @memberOf Color - * @param {TColorSource | TColorAlphaSource} source - * @return {Color} - */ - static fromSource(source) { - const oColor = new Color(); - oColor.setSource(source); - return oColor; + + function translateMatrix(matrix, args) { + matrix[4] = args[0]; + if (args.length === 2) { + matrix[5] = args[1]; + } } -} -fabric$1.Color = Color; + // identity matrix + var iMatrix = fabric.iMatrix, -//@ts-nocheck -/** - * Array holding all running animations - * @memberof fabric - * @type {AnimationContext[]} - */ -class RunningAnimations extends Array { - /** - * cancel all running animations at the next requestAnimFrame - * @returns {AnimationContext[]} - */ - cancelAll() { - const animations = this.splice(0); - animations.forEach((animation) => animation.cancel()); - return animations; - } - /** - * cancel all running animations attached to canvas at the next requestAnimFrame - * @param {fabric.Canvas} canvas - * @returns {AnimationContext[]} - */ - cancelByCanvas(canvas) { - if (!canvas) { - return []; + // == begin transform regexp + number = fabric.reNum, + + commaWsp = fabric.commaWsp, + + skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', + + skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', + + rotate = '(?:(rotate)\\s*\\(\\s*(' + number + ')(?:' + + commaWsp + '(' + number + ')' + + commaWsp + '(' + number + '))?\\s*\\))', + + scale = '(?:(scale)\\s*\\(\\s*(' + number + ')(?:' + + commaWsp + '(' + number + '))?\\s*\\))', + + translate = '(?:(translate)\\s*\\(\\s*(' + number + ')(?:' + + commaWsp + '(' + number + '))?\\s*\\))', + + matrix = '(?:(matrix)\\s*\\(\\s*' + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + commaWsp + + '(' + number + ')' + + '\\s*\\))', + + transform = '(?:' + + matrix + '|' + + translate + '|' + + scale + '|' + + rotate + '|' + + skewX + '|' + + skewY + + ')', + + transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', + + transformList = '^\\s*(?:' + transforms + '?)\\s*$', + + // http://www.w3.org/TR/SVG/coords.html#TransformAttribute + reTransformList = new RegExp(transformList), + // == end transform regexp + + reTransform = new RegExp(transform, 'g'); + + return function(attributeValue) { + + // start with identity matrix + var matrix = iMatrix.concat(), + matrices = []; + + // return if no argument was given or + // an argument does not match transform attribute regexp + if (!attributeValue || (attributeValue && !reTransformList.test(attributeValue))) { + return matrix; + } + + attributeValue.replace(reTransform, function(match) { + + var m = new RegExp(transform).exec(match).filter(function (match) { + // match !== '' && match != null + return (!!match); + }), + operation = m[1], + args = m.slice(2).map(parseFloat); + + switch (operation) { + case 'translate': + translateMatrix(matrix, args); + break; + case 'rotate': + args[0] = fabric.util.degreesToRadians(args[0]); + rotateMatrix(matrix, args); + break; + case 'scale': + scaleMatrix(matrix, args); + break; + case 'skewX': + skewMatrix(matrix, args, 2); + break; + case 'skewY': + skewMatrix(matrix, args, 1); + break; + case 'matrix': + matrix = args; + break; } - const cancelled = this.filter((animation) => typeof animation.target === 'object' && - animation.target.canvas === canvas); - cancelled.forEach((animation) => animation.cancel()); - return cancelled; + + // snapshot current matrix into matrices array + matrices.push(matrix.concat()); + // reset + matrix = iMatrix.concat(); + }); + + var combinedMatrix = matrices[0]; + while (matrices.length > 1) { + matrices.shift(); + combinedMatrix = fabric.util.multiplyTransformMatrices(combinedMatrix, matrices[0]); + } + return combinedMatrix; + }; + })(); + + /** + * @private + */ + function parseStyleString(style, oStyle) { + var attr, value; + style.replace(/;\s*$/, '').split(';').forEach(function (chunk) { + var pair = chunk.split(':'); + + attr = pair[0].trim().toLowerCase(); + value = pair[1].trim(); + + oStyle[attr] = value; + }); + } + + /** + * @private + */ + function parseStyleObject(style, oStyle) { + var attr, value; + for (var prop in style) { + if (typeof style[prop] === 'undefined') { + continue; + } + + attr = prop.toLowerCase(); + value = style[prop]; + + oStyle[attr] = value; } - /** - * cancel all running animations for target at the next requestAnimFrame - * @param {*} target - * @returns {AnimationContext[]} - */ - cancelByTarget(target) { - const cancelled = this.findAnimationsByTarget(target); - cancelled.forEach((animation) => animation.cancel()); - return cancelled; + } + + /** + * @private + */ + function getGlobalStylesForElement(element, svgUid) { + var styles = { }; + for (var rule in fabric.cssRules[svgUid]) { + if (elementMatchesRule(element, rule.split(' '))) { + for (var property in fabric.cssRules[svgUid][rule]) { + styles[property] = fabric.cssRules[svgUid][rule][property]; + } + } } - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {number} - */ - findAnimationIndex(cancelFunc) { - return this.indexOf(this.findAnimation(cancelFunc)); + return styles; + } + + /** + * @private + */ + function elementMatchesRule(element, selectors) { + var firstMatching, parentMatching = true; + //start from rightmost selector. + firstMatching = selectorMatches(element, selectors.pop()); + if (firstMatching && selectors.length) { + parentMatching = doesSomeParentMatch(element, selectors); } - /** - * - * @param {CancelFunction} cancelFunc the function returned by animate - * @returns {AnimationContext | undefined} animation's options object - */ - findAnimation(cancelFunc) { - return this.find((animation) => animation.cancel === cancelFunc); + return firstMatching && parentMatching && (selectors.length === 0); + } + + function doesSomeParentMatch(element, selectors) { + var selector, parentMatching = true; + while (element.parentNode && element.parentNode.nodeType === 1 && selectors.length) { + if (parentMatching) { + selector = selectors.pop(); + } + element = element.parentNode; + parentMatching = selectorMatches(element, selector); } - /** - * - * @param {*} target the object that is assigned to the target property of the animation context - * @returns {AnimationContext[]} array of animation options object associated with target - */ - findAnimationsByTarget(target) { - if (!target) { - return []; - } - return this.filter((animation) => animation.target === target); - } -} -const runningAnimations = new RunningAnimations(); -fabric$1.runningAnimations = runningAnimations; + return selectors.length === 0; + } -//@ts-nocheck -/** - * - * @typedef {Object} AnimationOptions - * Animation of a value or list of values. - * @property {Function} [onChange] Callback; invoked on every value change - * @property {Function} [onComplete] Callback; invoked when value change is completed - * @property {number | number[]} [startValue=0] Starting value - * @property {number | number[]} [endValue=100] Ending value - * @property {number | number[]} [byValue=100] Value to modify the property by - * @property {Function} [easing] Easing function - * @property {number} [duration=500] Duration of change (in ms) - * @property {Function} [abort] Additional function with logic. If returns true, animation aborts. - * @property {number} [delay] Delay of animation start (in ms) - * - * @typedef {() => void} CancelFunction - * - * @typedef {Object} AnimationCurrentState - * @property {number | number[]} currentValue value in range [`startValue`, `endValue`] - * @property {number} completionRate value in range [0, 1] - * @property {number} durationRate value in range [0, 1] - * - * @typedef {(AnimationOptions & AnimationCurrentState & { cancel: CancelFunction }} AnimationContext - */ -const defaultEasing = (t, b, c, d) => -c * Math.cos((t / d) * (Math.PI / 2)) + c + b; -/** - * Changes value from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {AnimationOptions} [options] Animation options - * When using lists, think of something like this: - * @example - * fabric.util.animate({ - * startValue: [1, 2, 3], - * endValue: [2, 4, 6], - * onChange: function([x, y, zoom]) { - * canvas.zoomToPoint(new Point(x, y), zoom); - * canvas.requestRenderAll(); - * } - * }); - * - * @example - * fabric.util.animate({ - * startValue: 1, - * endValue: 0, - * onChange: function(v) { - * obj.set('opacity', v); - * canvas.requestRenderAll(); - * } - * }); - * - * @returns {CancelFunction} cancel function - */ -function animate(options = {}) { - let cancel = false; - const { startValue = 0, duration = 500, easing = defaultEasing, onChange = noop, abort = noop, onComplete = noop, endValue = 100, delay = 0, } = options; - const context = Object.assign(Object.assign({}, options), { currentValue: startValue, completionRate: 0, durationRate: 0 }); - const removeFromRegistry = () => { - const index = runningAnimations.indexOf(context); - return index > -1 && runningAnimations.splice(index, 1)[0]; - }; - context.cancel = function () { - cancel = true; - return removeFromRegistry(); - }; - runningAnimations.push(context); - const runner = function (timestamp) { - const start = timestamp || +new Date(), finish = start + duration, isMany = Array.isArray(startValue), byValue = options.byValue || - (isMany - ? startValue.map((value, i) => endValue[i] - value) - : endValue - startValue); - options.onStart && options.onStart(); - (function tick(ticktime) { - const time = ticktime || +new Date(); - const currentTime = time > finish ? duration : time - start, timePerc = currentTime / duration, current = isMany - ? startValue.map((_value, i) => easing(currentTime, _value, byValue[i], duration)) - : easing(currentTime, startValue, byValue, duration), valuePerc = isMany - ? Math.abs((current[0] - startValue[0]) / byValue[0]) - : Math.abs((current - startValue) / byValue); - // update context - context.currentValue = isMany ? current.slice() : current; - context.completionRate = valuePerc; - context.durationRate = timePerc; - if (cancel) { - return; - } - if (abort(current, valuePerc, timePerc)) { - removeFromRegistry(); - return; - } - if (time > finish) { - // update context - context.currentValue = isMany ? endValue.slice() : endValue; - context.completionRate = 1; - context.durationRate = 1; - // execute callbacks - onChange(isMany ? endValue.slice() : endValue, 1, 1); - onComplete(endValue, 1, 1); - removeFromRegistry(); - return; - } - else { - onChange(current, valuePerc, timePerc); - requestAnimFrame(tick); - } - })(start); - }; - if (delay > 0) { - setTimeout(() => requestAnimFrame(runner), delay); + /** + * @private + */ + function selectorMatches(element, selector) { + var nodeName = element.nodeName, + classNames = element.getAttribute('class'), + id = element.getAttribute('id'), matcher, i; + // i check if a selector matches slicing away part from it. + // if i get empty string i should match + matcher = new RegExp('^' + nodeName, 'i'); + selector = selector.replace(matcher, ''); + if (id && selector.length) { + matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); } - else { - requestAnimFrame(runner); + if (classNames && selector.length) { + classNames = classNames.split(' '); + for (i = classNames.length; i--;) { + matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); + selector = selector.replace(matcher, ''); + } } - return context.cancel; -} -const _requestAnimFrame = fabric$1.window.requestAnimationFrame || - function (callback) { - return fabric$1.window.setTimeout(callback, 1000 / 60); - }; -const _cancelAnimFrame = fabric$1.window.cancelAnimationFrame || fabric$1.window.clearTimeout; -/** - * requestAnimationFrame polyfill based on http://paulirish.com/2011/requestanimationframe-for-smart-animating/ - * In order to get a precise start time, `requestAnimFrame` should be called as an entry into the method - * @memberOf fabric.util - * @param {Function} callback Callback to invoke - * @param {DOMElement} element optional Element to associate with animation - */ -function requestAnimFrame(...args) { - return _requestAnimFrame.apply(fabric$1.window, args); -} -function cancelAnimFrame(...args) { - return _cancelAnimFrame.apply(fabric$1.window, args); -} - -// Calculate an in-between color. Returns a "rgba()" string. -// Credit: Edwin Martin -// http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js -// const calculateColor = (begin: number[], end: number[], pos) => { -// const [r, g, b, _a] = begin.map((beg, index) => beg + pos * (end[index] - beg)); -// const a = begin && end ? parseFloat(_a) : 1; -// return `rgba(${parseInt(r, 10)},${parseInt(g, 10)},${parseInt(b, 10)},${a})`; -// } -// color animation is broken. This function pass the tests for some reasons -// but begin and end aren't array anymore since we improved animate function -// to handler arrays internally. -function calculateColor(begin, end, pos) { - let color = 'rgba(' + - parseInt(begin[0] + pos * (end[0] - begin[0]), 10) + - ',' + - parseInt(begin[1] + pos * (end[1] - begin[1]), 10) + - ',' + - parseInt(begin[2] + pos * (end[2] - begin[2]), 10); - color += - ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1); - color += ')'; - return color; -} -const defaultColorEasing = (currentTime, duration) => 1 - Math.cos((currentTime / duration) * (Math.PI / 2)); -/** - * Changes the color from one to another within certain period of time, invoking callbacks as value is being changed. - * @memberOf fabric.util - * @param {String} fromColor The starting color in hex or rgb(a) format. - * @param {String} toColor The starting color in hex or rgb(a) format. - * @param {Number} [duration] Duration of change (in ms). - * @param {Object} [options] Animation options - * @param {Function} [options.onChange] Callback; invoked on every value change - * @param {Function} [options.onComplete] Callback; invoked when value change is completed - * @param {Function} [options.colorEasing] Easing function. Note that this function only take two arguments (currentTime, duration). Thus the regular animation easing functions cannot be used. - * @param {Function} [options.abort] Additional function with logic. If returns true, onComplete is called. - * @returns {Function} abort function - */ -function animateColor(fromColor, toColor, duration = 500, _a = {}) { - var { colorEasing = defaultColorEasing, onComplete, onChange } = _a, restOfOptions = __rest(_a, ["colorEasing", "onComplete", "onChange"]); - const startColor = new Color(fromColor).getSource(), endColor = new Color(toColor).getSource(); - return animate(Object.assign(Object.assign({}, restOfOptions), { duration, startValue: startColor, endValue: endColor, byValue: endColor, easing: (currentTime, startValue, byValue, duration) => calculateColor(startValue, byValue, colorEasing(currentTime, duration)), - // has to take in account for color restoring; - onComplete: (current, valuePerc, timePerc) => onComplete === null || onComplete === void 0 ? void 0 : onComplete(calculateColor(endColor, endColor, 0), valuePerc, timePerc), onChange: (current, valuePerc, timePerc) => { - if (onChange) { - if (Array.isArray(current)) { - return onChange(calculateColor(current, current, 0), valuePerc, timePerc); - } - onChange(current, valuePerc, timePerc); - } - } })); -} + return selector.length === 0; + } -//@ts-nocheck -function addMethods(klass, source, parent) { - for (var property in source) { - if (property in klass.prototype && - typeof klass.prototype[property] === 'function' && - (source[property] + '').indexOf('callSuper') > -1) { - klass.prototype[property] = (function (property) { - return function (...args) { - var superclass = this.constructor.superclass; - this.constructor.superclass = parent; - var returnValue = source[property].call(this, ...args); - this.constructor.superclass = superclass; - if (property !== 'initialize') { - return returnValue; - } - }; - })(property); - } - else { - klass.prototype[property] = source[property]; - } - } -} -function Subclass() { } -function callSuper(methodName, ...args) { - var parentMethod = null, _this = this; - // climb prototype chain to find method not equal to callee's method - while (_this.constructor.superclass) { - var superClassMethod = _this.constructor.superclass.prototype[methodName]; - if (_this[methodName] !== superClassMethod) { - parentMethod = superClassMethod; - break; - } - // eslint-disable-next-line - _this = _this.constructor.superclass.prototype; - } - if (!parentMethod) { - return console.log('tried to callSuper ' + - methodName + - ', method not found in prototype chain', this); - } - return parentMethod.call(this, ...args); -} -/** - * Helper for creation of "classes". - * @memberOf fabric.util - * @param {Function} [parent] optional "Class" to inherit from - * @param {Object} [properties] Properties shared by all instances of this class - * (be careful modifying objects defined here as this would affect all instances) - */ -function createClass(...args) { - var parent = null, properties = [...args]; - if (typeof args[0] === 'function') { - parent = properties.shift(); - } - function klass(...klassArgs) { - this.initialize.call(this, ...klassArgs); - } - klass.superclass = parent; - if (parent) { - Subclass.prototype = parent.prototype; - klass.prototype = new Subclass(); - } - for (var i = 0, length = properties.length; i < length; i++) { - addMethods(klass, properties[i], parent); + /** + * @private + * to support IE8 missing getElementById on SVGdocument and on node xmlDOM + */ + function elementById(doc, id) { + var el; + doc.getElementById && (el = doc.getElementById(id)); + if (el) { + return el; } - if (!klass.prototype.initialize) { - klass.prototype.initialize = noop; + var node, i, len, nodelist = doc.getElementsByTagName('*'); + for (i = 0, len = nodelist.length; i < len; i++) { + node = nodelist[i]; + if (id === node.getAttribute('id')) { + return node; + } } - klass.prototype.constructor = klass; - klass.prototype.callSuper = callSuper; - return klass; -} - -/** - * @namespace fabric.util - */ -fabric$1.util = { - cos, - sin, - rotateVector, - createVector, - calcAngleBetweenVectors, - getUnitVector, - getBisector, - degreesToRadians, - radiansToDegrees, - rotatePoint, - // probably we should stop exposing this from the interface - getRandomInt, - removeFromArray, - projectStrokeOnPoints, - // matrix.ts file - transformPoint, - invertTransform, - composeMatrix, - qrDecompose, - calcDimensionsMatrix, - calcRotateMatrix, - multiplyTransformMatrices, - // textStyles.ts file - stylesFromArray, - stylesToArray, - hasStyleChanged, - object: { - clone, - extend, - }, - createCanvasElement, - createImage, - copyCanvasElement, - toDataURL, - toFixed, - matrixToSVG, - parsePreserveAspectRatioAttribute, - groupSVGElements, - parseUnit, - getSvgAttributes, - findScaleToFit, - findScaleToCover, - capValue, - saveObjectTransform, - resetObjectTransform, - addTransformToObject, - applyTransformToObject, - removeTransformFromObject, - makeBoundingBoxFromPoints, - calcPlaneChangeMatrix, - sendPointToPlane, - transformPointRelativeToCanvas, - sendObjectToPlane, - string: { - camelize, - capitalize, - escapeXml, - graphemeSplit, - }, - getKlass, - loadImage, - enlivenObjects, - enlivenObjectEnlivables, - pick, - joinPath, - parsePath, - makePathSimpler, - getSmoothPathFromPoints, - getPathSegmentsInfo, - getBoundsOfCurve, - getPointOnPath, - transformPath, - getRegularPolygonPath, - request, - setStyle, - isTouchEvent, - getPointer, - removeListener, - addListener, - wrapElement, - getScrollLeftTop, - getElementOffset, - getNodeCanvas, - cleanUpJsdomNode, - makeElementUnselectable, - makeElementSelectable, - isTransparent, - sizeAfterTransform, - mergeClipPaths, - ease, - animateColor, - animate, - requestAnimFrame, - cancelAnimFrame, - createClass, -}; + } -/** - * Attributes parsed from all SVG elements - * @type array - */ -const SHARED_ATTRIBUTES = [ - 'display', - 'transform', - 'fill', - 'fill-opacity', - 'fill-rule', - 'opacity', - 'stroke', - 'stroke-dasharray', - 'stroke-linecap', - 'stroke-dashoffset', - 'stroke-linejoin', - 'stroke-miterlimit', - 'stroke-opacity', - 'stroke-width', - 'id', - 'paint-order', - 'vector-effect', - 'instantiated_by_use', - 'clip-path', -]; + /** + * @private + */ + function parseUseDirectives(doc) { + var nodelist = _getMultipleNodes(doc, ['use', 'svg:use']), i = 0; + while (nodelist.length && i < nodelist.length) { + var el = nodelist[i], + xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); -//@ts-nocheck -const ElementsParser = function (elements, callback, options, reviver, parsingOptions, doc) { - this.elements = elements; - this.callback = callback; - this.options = options; - this.reviver = reviver; - this.svgUid = (options && options.svgUid) || 0; - this.parsingOptions = parsingOptions; - this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; - this.doc = doc; -}; -(function (proto) { - proto.parse = function () { - this.instances = new Array(this.elements.length); - this.numElements = this.elements.length; - this.createObjects(); - }; - proto.createObjects = function () { - this.elements.forEach((element, i) => { - element.setAttribute('svgUid', this.svgUid); - this.createObject(element, i); - }); - }; - proto.findTag = function (el) { - return fabric$1[capitalize(el.tagName.replace('svg:', ''))]; - }; - proto.createObject = function (el, index) { - const klass = this.findTag(el); - if (klass && klass.fromElement) { - try { - klass.fromElement(el, this.createCallback(index, el), this.options); - } - catch (err) { - console.log(err); - } - } - else { - this.checkIfDone(); - } - }; - proto.createCallback = function (index, el) { - const _this = this; - return function (obj) { - let _options; - _this.resolveGradient(obj, el, 'fill'); - _this.resolveGradient(obj, el, 'stroke'); - if (obj instanceof fabric$1.Image && obj._originalElement) { - _options = obj.parsePreserveAspectRatioAttribute(el); - } - obj._removeTransformMatrix(_options); - _this.resolveClipPath(obj, el); - _this.reviver && _this.reviver(el, obj); - _this.instances[index] = obj; - _this.checkIfDone(); - }; - }; - proto.extractPropertyDefinition = function (obj, property, storage) { - const value = obj[property], regex = this.regexUrl; - if (!regex.test(value)) { - return; - } - regex.lastIndex = 0; - const id = regex.exec(value)[1]; - regex.lastIndex = 0; - return fabric$1[storage][this.svgUid][id]; - }; - proto.resolveGradient = function (obj, el, property) { - const gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); - if (gradientDef) { - const opacityAttr = el.getAttribute(property + '-opacity'); - const gradient = fabric$1.Gradient.fromElement(gradientDef, obj, Object.assign(Object.assign({}, this.options), { opacity: opacityAttr })); - obj.set(property, gradient); - } - }; - proto.createClipPathCallback = function (obj, container) { - return function (_newObj) { - _newObj._removeTransformMatrix(); - _newObj.fillRule = _newObj.clipRule; - container.push(_newObj); - }; - }; - proto.resolveClipPath = function (obj, usingElement) { - var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), element, klass, objTransformInv, container, gTransform; - if (clipPath) { - container = []; - objTransformInv = invertTransform(obj.calcTransformMatrix()); - // move the clipPath tag as sibling to the real element that is using it - const clipPathTag = clipPath[0].parentNode; - let clipPathOwner = usingElement; - while (clipPathOwner.parentNode && - clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { - clipPathOwner = clipPathOwner.parentNode; - } - clipPathOwner.parentNode.appendChild(clipPathTag); - for (let i = 0; i < clipPath.length; i++) { - element = clipPath[i]; - klass = this.findTag(element); - klass.fromElement(element, this.createClipPathCallback(obj, container), this.options); - } - if (container.length === 1) { - clipPath = container[0]; - } - else { - clipPath = new fabric$1.Group(container); - } - gTransform = multiplyTransformMatrices(objTransformInv, clipPath.calcTransformMatrix()); - if (clipPath.clipPath) { - this.resolveClipPath(clipPath, clipPathOwner); - } - const options = qrDecompose(gTransform); - clipPath.flipX = false; - clipPath.flipY = false; - clipPath.set('scaleX', options.scaleX); - clipPath.set('scaleY', options.scaleY); - clipPath.angle = options.angle; - clipPath.skewX = options.skewX; - clipPath.skewY = 0; - clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); - obj.clipPath = clipPath; - } - else { - // if clip-path does not resolve to any element, delete the property. - delete obj.clipPath; - } - }; - proto.checkIfDone = function () { - if (--this.numElements === 0) { - this.instances = this.instances.filter(function (el) { - // eslint-disable-next-line no-eq-null, eqeqeq - return el != null; - }); - this.callback(this.instances, this.elements); - } - }; -})(ElementsParser.prototype); + if (xlinkAttribute === null) { + return; + } -//@ts-nocheck -/** - * Returns CSS rules for a given SVG document - * @param {SVGDocument} doc SVG document to parse - * @return {Object} CSS rules of this document - */ -function getCSSRules(doc) { - let styles = doc.getElementsByTagName('style'), i, len, allRules = {}, rules; - // very crude parsing of style contents - for (i = 0, len = styles.length; i < len; i++) { - let styleContents = styles[i].textContent; - // remove comments - styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); - if (styleContents.trim() === '') { - continue; - } - // recovers all the rule in this form `body { style code... }` - // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); - rules = styleContents.split('}'); - // remove empty rules. - rules = rules.filter(function (rule) { - return rule.trim(); - }); - // at this point we have hopefully an array of rules `body { style code... ` - // eslint-disable-next-line no-loop-func - rules.forEach(function (rule) { - const match = rule.split('{'), ruleObj = {}, declaration = match[1].trim(), propertyValuePairs = declaration.split(';').filter(function (pair) { - return pair.trim(); - }); - for (i = 0, len = propertyValuePairs.length; i < len; i++) { - const pair = propertyValuePairs[i].split(':'), property = pair[0].trim(), value = pair[1].trim(); - ruleObj[property] = value; - } - rule = match[0].trim(); - rule.split(',').forEach(function (_rule) { - _rule = _rule.replace(/^svg/i, '').trim(); - if (_rule === '') { - return; - } - if (allRules[_rule]) { - Object.assign(allRules[_rule], ruleObj); - } - else { - allRules[_rule] = Object.assign({}, ruleObj); - } - }); - }); - } - return allRules; -} + var xlink = xlinkAttribute.substr(1), + x = el.getAttribute('x') || 0, + y = el.getAttribute('y') || 0, + el2 = elementById(doc, xlink).cloneNode(true), + currentTrans = (el2.getAttribute('transform') || '') + ' translate(' + x + ', ' + y + ')', + parentNode, + oldLength = nodelist.length, attr, + j, + attrs, + len, + namespace = fabric.svgNS; -//@ts-nocheck -function getMultipleNodes(doc, nodeNames) { - let nodeName, nodeArray = [], nodeList, i, len; - for (i = 0, len = nodeNames.length; i < len; i++) { - nodeName = nodeNames[i]; - nodeList = doc.getElementsByTagName(nodeName); - nodeArray = nodeArray.concat(Array.prototype.slice.call(nodeList)); - } - return nodeArray; -} + applyViewboxTransform(el2); + if (/^svg$/i.test(el2.nodeName)) { + var el3 = el2.ownerDocument.createElementNS(namespace, 'g'); + for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); + } + // el2.firstChild != null + while (el2.firstChild) { + el3.appendChild(el2.firstChild); + } + el2 = el3; + } -//@ts-nocheck -/** - * @private - * to support IE8 missing getElementById on SVGdocument and on node xmlDOM - */ -function elementById(doc, id) { - let el; - doc.getElementById && (el = doc.getElementById(id)); - if (el) { - return el; - } - let node, i, len, nodelist = doc.getElementsByTagName('*'); - for (i = 0, len = nodelist.length; i < len; i++) { - node = nodelist[i]; - if (id === node.getAttribute('id')) { - return node; + for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { + attr = attrs.item(j); + if (attr.nodeName === 'x' || attr.nodeName === 'y' || + attr.nodeName === 'xlink:href' || attr.nodeName === 'href') { + continue; } - } -} -//@ts-nocheck -const gradientsAttrs = [ - 'gradientTransform', - 'x1', - 'x2', - 'y1', - 'y2', - 'gradientUnits', - 'cx', - 'cy', - 'r', - 'fx', - 'fy', -]; -const xlinkAttr = 'xlink:href'; -function recursivelyParseGradientsXlink(doc, gradient) { - const xLink = gradient.getAttribute(xlinkAttr).slice(1), referencedGradient = elementById(doc, xLink); - if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { - recursivelyParseGradientsXlink(doc, referencedGradient); - } - gradientsAttrs.forEach(function (attr) { - if (referencedGradient && - !gradient.hasAttribute(attr) && - referencedGradient.hasAttribute(attr)) { - gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); + if (attr.nodeName === 'transform') { + currentTrans = attr.nodeValue + ' ' + currentTrans; } - }); - if (!gradient.children.length) { - const referenceClone = referencedGradient.cloneNode(true); - while (referenceClone.firstChild) { - gradient.appendChild(referenceClone.firstChild); + else { + el2.setAttribute(attr.nodeName, attr.nodeValue); } - } - gradient.removeAttribute(xlinkAttr); -} + } -//@ts-nocheck -const tagArray = [ - 'linearGradient', - 'radialGradient', - 'svg:linearGradient', - 'svg:radialGradient', -]; -/** - * Parses an SVG document, returning all of the gradient declarations found in it - * @param {SVGDocument} doc SVG document to parse - * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element - */ -function getGradientDefs(doc) { - let elList = getMultipleNodes(doc, tagArray), el, j = 0, gradientDefs = {}; - j = elList.length; - while (j--) { - el = elList[j]; - if (el.getAttribute('xlink:href')) { - recursivelyParseGradientsXlink(doc, el); - } - gradientDefs[el.getAttribute('id')] = el; + el2.setAttribute('transform', currentTrans); + el2.setAttribute('instantiated_by_use', '1'); + el2.removeAttribute('id'); + parentNode = el.parentNode; + parentNode.replaceChild(el2, el); + // some browsers do not shorten nodelist after replaceChild (IE8) + if (nodelist.length === oldLength) { + i++; + } } - return gradientDefs; -} + } + + // http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute + // matches, e.g.: +14.56e-12, etc. + var reViewBoxAttrValue = new RegExp( + '^' + + '\\s*(' + fabric.reNum + '+)\\s*,?' + + '\\s*(' + fabric.reNum + '+)\\s*,?' + + '\\s*(' + fabric.reNum + '+)\\s*,?' + + '\\s*(' + fabric.reNum + '+)\\s*' + + '$' + ); + + /** + * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements + */ + function applyViewboxTransform(element) { + if (!fabric.svgViewBoxElementsRegEx.test(element.nodeName)) { + return {}; + } + var viewBoxAttr = element.getAttribute('viewBox'), + scaleX = 1, + scaleY = 1, + minX = 0, + minY = 0, + viewBoxWidth, viewBoxHeight, matrix, el, + widthAttr = element.getAttribute('width'), + heightAttr = element.getAttribute('height'), + x = element.getAttribute('x') || 0, + y = element.getAttribute('y') || 0, + preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', + missingViewBox = (!viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue))), + missingDimAttr = (!widthAttr || !heightAttr || widthAttr === '100%' || heightAttr === '100%'), + toBeParsed = missingViewBox && missingDimAttr, + parsedDim = { }, translateMatrix = '', widthDiff = 0, heightDiff = 0; -//@ts-nocheck -/** - * Add a element that envelop all child elements and makes the viewbox transformMatrix descend on all elements - */ -function applyViewboxTransform(element) { - if (!svgViewBoxElementsRegEx.test(element.nodeName)) { - return {}; - } - let viewBoxAttr = element.getAttribute('viewBox'), scaleX = 1, scaleY = 1, minX = 0, minY = 0, viewBoxWidth, viewBoxHeight, matrix, el, widthAttr = element.getAttribute('width'), heightAttr = element.getAttribute('height'), x = element.getAttribute('x') || 0, y = element.getAttribute('y') || 0, preserveAspectRatio = element.getAttribute('preserveAspectRatio') || '', missingViewBox = !viewBoxAttr || !(viewBoxAttr = viewBoxAttr.match(reViewBoxAttrValue)), missingDimAttr = !widthAttr || - !heightAttr || - widthAttr === '100%' || - heightAttr === '100%', toBeParsed = missingViewBox && missingDimAttr, parsedDim = {}, translateMatrix = '', widthDiff = 0, heightDiff = 0; parsedDim.width = 0; parsedDim.height = 0; parsedDim.toBeParsed = toBeParsed; + if (missingViewBox) { - if ((x || y) && - element.parentNode && - element.parentNode.nodeName !== '#document') { - translateMatrix = - ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; - matrix = (element.getAttribute('transform') || '') + translateMatrix; - element.setAttribute('transform', matrix); - element.removeAttribute('x'); - element.removeAttribute('y'); - } + if (((x || y) && element.parentNode && element.parentNode.nodeName !== '#document')) { + translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + matrix = (element.getAttribute('transform') || '') + translateMatrix; + element.setAttribute('transform', matrix); + element.removeAttribute('x'); + element.removeAttribute('y'); + } } + if (toBeParsed) { - return parsedDim; + return parsedDim; } + if (missingViewBox) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - // set a transform for elements that have x y and are inner(only) SVGs - return parsedDim; + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + // set a transform for elements that have x y and are inner(only) SVGs + return parsedDim; } minX = -parseFloat(viewBoxAttr[1]); minY = -parseFloat(viewBoxAttr[2]); @@ -4992,22519 +4901,26177 @@ function applyViewboxTransform(element) { parsedDim.viewBoxWidth = viewBoxWidth; parsedDim.viewBoxHeight = viewBoxHeight; if (!missingDimAttr) { - parsedDim.width = parseUnit(widthAttr); - parsedDim.height = parseUnit(heightAttr); - scaleX = parsedDim.width / viewBoxWidth; - scaleY = parsedDim.height / viewBoxHeight; + parsedDim.width = parseUnit(widthAttr); + parsedDim.height = parseUnit(heightAttr); + scaleX = parsedDim.width / viewBoxWidth; + scaleY = parsedDim.height / viewBoxHeight; } else { - parsedDim.width = viewBoxWidth; - parsedDim.height = viewBoxHeight; + parsedDim.width = viewBoxWidth; + parsedDim.height = viewBoxHeight; } + // default is to preserve aspect ratio - preserveAspectRatio = parsePreserveAspectRatioAttribute(preserveAspectRatio); + preserveAspectRatio = fabric.util.parsePreserveAspectRatioAttribute(preserveAspectRatio); if (preserveAspectRatio.alignX !== 'none') { - //translate all container for the effect of Mid, Min, Max - if (preserveAspectRatio.meetOrSlice === 'meet') { - scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX; - // calculate additional translation to move the viewbox - } - if (preserveAspectRatio.meetOrSlice === 'slice') { - scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY; - // calculate additional translation to move the viewbox - } - widthDiff = parsedDim.width - viewBoxWidth * scaleX; - heightDiff = parsedDim.height - viewBoxHeight * scaleX; - if (preserveAspectRatio.alignX === 'Mid') { - widthDiff /= 2; - } - if (preserveAspectRatio.alignY === 'Mid') { - heightDiff /= 2; - } - if (preserveAspectRatio.alignX === 'Min') { - widthDiff = 0; - } - if (preserveAspectRatio.alignY === 'Min') { - heightDiff = 0; - } + //translate all container for the effect of Mid, Min, Max + if (preserveAspectRatio.meetOrSlice === 'meet') { + scaleY = scaleX = (scaleX > scaleY ? scaleY : scaleX); + // calculate additional translation to move the viewbox + } + if (preserveAspectRatio.meetOrSlice === 'slice') { + scaleY = scaleX = (scaleX > scaleY ? scaleX : scaleY); + // calculate additional translation to move the viewbox + } + widthDiff = parsedDim.width - viewBoxWidth * scaleX; + heightDiff = parsedDim.height - viewBoxHeight * scaleX; + if (preserveAspectRatio.alignX === 'Mid') { + widthDiff /= 2; + } + if (preserveAspectRatio.alignY === 'Mid') { + heightDiff /= 2; + } + if (preserveAspectRatio.alignX === 'Min') { + widthDiff = 0; + } + if (preserveAspectRatio.alignY === 'Min') { + heightDiff = 0; + } } - if (scaleX === 1 && - scaleY === 1 && - minX === 0 && - minY === 0 && - x === 0 && - y === 0) { - return parsedDim; + + if (scaleX === 1 && scaleY === 1 && minX === 0 && minY === 0 && x === 0 && y === 0) { + return parsedDim; } if ((x || y) && element.parentNode.nodeName !== '#document') { - translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; + translateMatrix = ' translate(' + parseUnit(x) + ' ' + parseUnit(y) + ') '; } - matrix = - translateMatrix + - ' matrix(' + - scaleX + - ' 0' + - ' 0 ' + - scaleY + - ' ' + - (minX * scaleX + widthDiff) + - ' ' + - (minY * scaleY + heightDiff) + - ') '; + + matrix = translateMatrix + ' matrix(' + scaleX + + ' 0' + + ' 0 ' + + scaleY + ' ' + + (minX * scaleX + widthDiff) + ' ' + + (minY * scaleY + heightDiff) + ') '; // seems unused. - // parsedDim.viewboxTransform = parseTransformAttribute(matrix); + // parsedDim.viewboxTransform = fabric.parseTransformAttribute(matrix); if (element.nodeName === 'svg') { - el = element.ownerDocument.createElementNS(svgNS, 'g'); - // element.firstChild != null - while (element.firstChild) { - el.appendChild(element.firstChild); - } - element.appendChild(el); + el = element.ownerDocument.createElementNS(fabric.svgNS, 'g'); + // element.firstChild != null + while (element.firstChild) { + el.appendChild(element.firstChild); + } + element.appendChild(el); } else { - el = element; - el.removeAttribute('x'); - el.removeAttribute('y'); - matrix = el.getAttribute('transform') + matrix; + el = element; + el.removeAttribute('x'); + el.removeAttribute('y'); + matrix = el.getAttribute('transform') + matrix; } el.setAttribute('transform', matrix); return parsedDim; -} + } -//@ts-nocheck -function hasAncestorWithNodeName(element, nodeName) { + function hasAncestorWithNodeName(element, nodeName) { while (element && (element = element.parentNode)) { - if (element.nodeName && - nodeName.test(element.nodeName.replace('svg:', '')) && - !element.getAttribute('instantiated_by_use')) { - return true; - } + if (element.nodeName && nodeName.test(element.nodeName.replace('svg:', '')) + && !element.getAttribute('instantiated_by_use')) { + return true; + } } return false; -} - -//@ts-nocheck -/** - * Transforms an array of svg elements to corresponding fabric.* instances - * @static - * @memberOf fabric - * @param {Array} elements Array of elements to parse - * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) - * @param {Object} [options] Options object - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - */ -function parseElements(elements, callback, options, reviver, parsingOptions) { - new ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); -} + } -//@ts-nocheck -function parseUseDirectives(doc) { - let nodelist = getMultipleNodes(doc, ['use', 'svg:use']), i = 0; - while (nodelist.length && i < nodelist.length) { - const el = nodelist[i], xlinkAttribute = el.getAttribute('xlink:href') || el.getAttribute('href'); - if (xlinkAttribute === null) { - return; - } - var xlink = xlinkAttribute.slice(1), x = el.getAttribute('x') || 0, y = el.getAttribute('y') || 0, el2 = elementById(doc, xlink).cloneNode(true), currentTrans = (el2.getAttribute('transform') || '') + - ' translate(' + - x + - ', ' + - y + - ')', parentNode, oldLength = nodelist.length, attr, j, attrs, len, namespace = svgNS; - applyViewboxTransform(el2); - if (/^svg$/i.test(el2.nodeName)) { - const el3 = el2.ownerDocument.createElementNS(namespace, 'g'); - for (j = 0, attrs = el2.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - el3.setAttributeNS(namespace, attr.nodeName, attr.nodeValue); - } - // el2.firstChild != null - while (el2.firstChild) { - el3.appendChild(el2.firstChild); - } - el2 = el3; - } - for (j = 0, attrs = el.attributes, len = attrs.length; j < len; j++) { - attr = attrs.item(j); - if (attr.nodeName === 'x' || - attr.nodeName === 'y' || - attr.nodeName === 'xlink:href' || - attr.nodeName === 'href') { - continue; - } - if (attr.nodeName === 'transform') { - currentTrans = attr.nodeValue + ' ' + currentTrans; - } - else { - el2.setAttribute(attr.nodeName, attr.nodeValue); - } - } - el2.setAttribute('transform', currentTrans); - el2.setAttribute('instantiated_by_use', '1'); - el2.removeAttribute('id'); - parentNode = el.parentNode; - parentNode.replaceChild(el2, el); - // some browsers do not shorten nodelist after replaceChild (IE8) - if (nodelist.length === oldLength) { - i++; - } + /** + * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback + * @static + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @param {Function} callback Callback to call when parsing is finished; + * It's being passed an array of elements (parsed from a document). + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [parsingOptions] options for parsing document + * @param {String} [parsingOptions.crossOrigin] crossOrigin settings + */ + fabric.parseSVGDocument = function(doc, callback, reviver, parsingOptions) { + if (!doc) { + return; } -} -//@ts-nocheck -/** - * **Assuming `T`, `A`, `B` are points on the same line**, - * check if `T` is contained in `[A, B]` by comparing the direction of the vectors from `T` to `A` and `B` - * @param T - * @param A - * @param B - * @returns true if `T` is contained - */ -const isContainedInInterval = (T, A, B) => { - const TA = new Point(T).subtract(A); - const TB = new Point(T).subtract(B); - return (Math.sign(TA.x) !== Math.sign(TB.x) || Math.sign(TA.y) !== Math.sign(TB.y)); -}; -class Intersection { - constructor(status) { - this.status = status; - this.points = []; + parseUseDirectives(doc); + + var svgUid = fabric.Object.__uid++, i, len, + options = applyViewboxTransform(doc), + descendants = fabric.util.toArray(doc.getElementsByTagName('*')); + options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; + options.svgUid = svgUid; + + if (descendants.length === 0 && fabric.isLikelyNode) { + // we're likely in node, where "o3-xml" library fails to gEBTN("*") + // https://github.com/ajaxorg/node-o3-xml/issues/21 + descendants = doc.selectNodes('//*[name(.)!="svg"]'); + var arr = []; + for (i = 0, len = descendants.length; i < len; i++) { + arr[i] = descendants[i]; + } + descendants = arr; } - /** - * - * @param {Point} point - * @returns - */ - contains(point) { - return this.points.some((p) => p.eq(point)); + + var elements = descendants.filter(function(el) { + applyViewboxTransform(el); + return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && + !hasAncestorWithNodeName(el, fabric.svgInvalidAncestorsRegEx); // http://www.w3.org/TR/SVG/struct.html#DefsElement + }); + if (!elements || (elements && !elements.length)) { + callback && callback([], {}); + return; + } + var clipPaths = { }; + descendants.filter(function(el) { + return el.nodeName.replace('svg:', '') === 'clipPath'; + }).forEach(function(el) { + var id = el.getAttribute('id'); + clipPaths[id] = fabric.util.toArray(el.getElementsByTagName('*')).filter(function(el) { + return fabric.svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); + }); + }); + fabric.gradientDefs[svgUid] = fabric.getGradientDefs(doc); + fabric.cssRules[svgUid] = fabric.getCSSRules(doc); + fabric.clipPaths[svgUid] = clipPaths; + // Precedence of rules: style > class > attribute + fabric.parseElements(elements, function(instances, elements) { + if (callback) { + callback(instances, options, elements, descendants); + delete fabric.gradientDefs[svgUid]; + delete fabric.cssRules[svgUid]; + delete fabric.clipPaths[svgUid]; + } + }, clone(options), reviver, parsingOptions); + }; + + function recursivelyParseGradientsXlink(doc, gradient) { + var gradientsAttrs = ['gradientTransform', 'x1', 'x2', 'y1', 'y2', 'gradientUnits', 'cx', 'cy', 'r', 'fx', 'fy'], + xlinkAttr = 'xlink:href', + xLink = gradient.getAttribute(xlinkAttr).substr(1), + referencedGradient = elementById(doc, xLink); + if (referencedGradient && referencedGradient.getAttribute(xlinkAttr)) { + recursivelyParseGradientsXlink(doc, referencedGradient); } - /** - * Appends points of intersection - * @param {...Point[]} points - * @return {Intersection} thisArg - * @chainable - */ - append(...points) { - this.points = this.points.concat(points.filter((point) => { - return !this.contains(point); - })); - return this; + gradientsAttrs.forEach(function(attr) { + if (referencedGradient && !gradient.hasAttribute(attr) && referencedGradient.hasAttribute(attr)) { + gradient.setAttribute(attr, referencedGradient.getAttribute(attr)); + } + }); + if (!gradient.children.length) { + var referenceClone = referencedGradient.cloneNode(true); + while (referenceClone.firstChild) { + gradient.appendChild(referenceClone.firstChild); + } } + gradient.removeAttribute(xlinkAttr); + } + + var reFontDeclaration = new RegExp( + '(normal|italic)?\\s*(normal|small-caps)?\\s*' + + '(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(' + + fabric.reNum + + '(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|' + fabric.reNum + '))?\\s+(.*)'); + + extend(fabric, { /** - * Checks if a line intersects another + * Parses a short font declaration, building adding its properties to a style object * @static - * @param {Point} a1 - * @param {Point} a2 - * @param {Point} b1 - * @param {Point} b2 - * @param {boolean} [aInfinite=true] check segment intersection by passing `false` - * @param {boolean} [bInfinite=true] check segment intersection by passing `false` - * @return {Intersection} - */ - static intersectLineLine(a1, a2, b1, b2, aInfinite = true, bInfinite = true) { - let result; - const uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); - if (uB !== 0) { - const ua = uaT / uB, ub = ubT / uB; - if ((aInfinite || (0 <= ua && ua <= 1)) && - (bInfinite || (0 <= ub && ub <= 1))) { - result = new Intersection('Intersection'); - result.append(new Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); - } - else { - result = new Intersection(); - } - } - else { - if (uaT === 0 || ubT === 0) { - const segmentsCoincide = aInfinite || - bInfinite || - isContainedInInterval(a1, b1, b2) || - isContainedInInterval(a2, b1, b2) || - isContainedInInterval(b1, a1, a2) || - isContainedInInterval(b2, a1, a2); - result = new Intersection(segmentsCoincide ? 'Coincident' : undefined); - } - else { - result = new Intersection('Parallel'); - } + * @function + * @memberOf fabric + * @param {String} value font declaration + * @param {Object} oStyle definition + */ + parseFontDeclaration: function(value, oStyle) { + var match = value.match(reFontDeclaration); + + if (!match) { + return; + } + var fontStyle = match[1], + // font variant is not used + // fontVariant = match[2], + fontWeight = match[3], + fontSize = match[4], + lineHeight = match[5], + fontFamily = match[6]; + + if (fontStyle) { + oStyle.fontStyle = fontStyle; + } + if (fontWeight) { + oStyle.fontWeight = isNaN(parseFloat(fontWeight)) ? fontWeight : parseFloat(fontWeight); + } + if (fontSize) { + oStyle.fontSize = parseUnit(fontSize); + } + if (fontFamily) { + oStyle.fontFamily = fontFamily; + } + if (lineHeight) { + oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; + } + }, + + /** + * Parses an SVG document, returning all of the gradient declarations found in it + * @static + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element + */ + getGradientDefs: function(doc) { + var tagArray = [ + 'linearGradient', + 'radialGradient', + 'svg:linearGradient', + 'svg:radialGradient'], + elList = _getMultipleNodes(doc, tagArray), + el, j = 0, gradientDefs = { }; + j = elList.length; + while (j--) { + el = elList[j]; + if (el.getAttribute('xlink:href')) { + recursivelyParseGradientsXlink(doc, el); } - return result; - } + gradientDefs[el.getAttribute('id')] = el; + } + return gradientDefs; + }, + /** - * Checks if a segment intersects a line - * @see {@link intersectLineLine} for line intersection + * Returns an object of attributes' name/value, given element and an array of attribute names; + * Parses parent "g" nodes recursively upwards. * @static - * @param {Point} s1 boundary point of segment - * @param {Point} s2 other boundary point of segment - * @param {Point} l1 point on line - * @param {Point} l2 other point on line - * @return {Intersection} + * @memberOf fabric + * @param {DOMElement} element Element to parse + * @param {Array} attributes Array of attributes to parse + * @return {Object} object containing parsed attributes' names/values */ - static intersectSegmentLine(s1, s2, l1, l2) { - return Intersection.intersectLineLine(s1, s2, l1, l2, false, true); - } + parseAttributes: function(element, attributes, svgUid) { + + if (!element) { + return; + } + + var value, + parentAttributes = { }, + fontSize, parentFontSize; + + if (typeof svgUid === 'undefined') { + svgUid = element.getAttribute('svgUid'); + } + // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards + if (element.parentNode && fabric.svgValidParentsRegEx.test(element.parentNode.nodeName)) { + parentAttributes = fabric.parseAttributes(element.parentNode, attributes, svgUid); + } + + var ownAttributes = attributes.reduce(function(memo, attr) { + value = element.getAttribute(attr); + if (value) { // eslint-disable-line + memo[attr] = value; + } + return memo; + }, { }); + // add values parsed from style, which take precedence over attributes + // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) + var cssAttrs = extend( + getGlobalStylesForElement(element, svgUid), + fabric.parseStyleAttribute(element) + ); + ownAttributes = extend( + ownAttributes, + cssAttrs + ); + if (cssAttrs[cPath]) { + element.setAttribute(cPath, cssAttrs[cPath]); + } + fontSize = parentFontSize = parentAttributes.fontSize || fabric.Text.DEFAULT_SVG_FONT_SIZE; + if (ownAttributes[fSize]) { + // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. + ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); + } + + var normalizedAttr, normalizedValue, normalizedStyle = {}; + for (var attr in ownAttributes) { + normalizedAttr = normalizeAttr(attr); + normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); + normalizedStyle[normalizedAttr] = normalizedValue; + } + if (normalizedStyle && normalizedStyle.font) { + fabric.parseFontDeclaration(normalizedStyle.font, normalizedStyle); + } + var mergedAttrs = extend(parentAttributes, normalizedStyle); + return fabric.svgValidParentsRegEx.test(element.nodeName) ? mergedAttrs : _setStrokeFillOpacity(mergedAttrs); + }, + /** - * Checks if a segment intersects another - * @see {@link intersectLineLine} for line intersection + * Transforms an array of svg elements to corresponding fabric.* instances * @static - * @param {Point} a1 boundary point of segment - * @param {Point} a2 other boundary point of segment - * @param {Point} b1 boundary point of segment - * @param {Point} b2 other boundary point of segment - * @return {Intersection} + * @memberOf fabric + * @param {Array} elements Array of elements to parse + * @param {Function} callback Being passed an array of fabric instances (transformed from SVG elements) + * @param {Object} [options] Options object + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. */ - static intersectSegmentSegment(a1, a2, b1, b2) { - return Intersection.intersectLineLine(a1, a2, b1, b2, false, false); - } + parseElements: function(elements, callback, options, reviver, parsingOptions) { + new fabric.ElementsParser(elements, callback, options, reviver, parsingOptions).parse(); + }, + /** - * Checks if line intersects polygon - * - * @todo account for stroke - * + * Parses "style" attribute, retuning an object with values * @static - * @see {@link intersectSegmentPolygon} for segment intersection - * @param {Point} a1 point on line - * @param {Point} a2 other point on line - * @param {Point[]} points polygon points - * @param {boolean} [infinite=true] check segment intersection by passing `false` - * @return {Intersection} - */ - static intersectLinePolygon(a1, a2, points, infinite = true) { - const result = new Intersection(); - const length = points.length; - for (let i = 0, b1, b2, inter; i < length; i++) { - b1 = points[i]; - b2 = points[(i + 1) % length]; - inter = Intersection.intersectLineLine(a1, a2, b1, b2, infinite, false); - if (inter.status === 'Coincident') { - return inter; - } - result.append(...inter.points); - } - if (result.points.length > 0) { - result.status = 'Intersection'; - } - return result; - } + * @memberOf fabric + * @param {SVGElement} element Element to parse + * @return {Object} Objects with values parsed from style attribute of an element + */ + parseStyleAttribute: function(element) { + var oStyle = { }, + style = element.getAttribute('style'); + + if (!style) { + return oStyle; + } + + if (typeof style === 'string') { + parseStyleString(style, oStyle); + } + else { + parseStyleObject(style, oStyle); + } + + return oStyle; + }, + /** - * Checks if segment intersects polygon + * Parses "points" attribute, returning an array of values * @static - * @see {@link intersectLinePolygon} for line intersection - * @param {Point} a1 boundary point of segment - * @param {Point} a2 other boundary point of segment - * @param {Point[]} points polygon points - * @return {Intersection} + * @memberOf fabric + * @param {String} points points attribute string + * @return {Array} array of points */ - static intersectSegmentPolygon(a1, a2, points) { - return Intersection.intersectLinePolygon(a1, a2, points, false); - } + parsePointsAttribute: function(points) { + + // points attribute is required and must not be empty + if (!points) { + return null; + } + + // replace commas with whitespace and remove bookending whitespace + points = points.replace(/,/g, ' ').trim(); + + points = points.split(/\s+/); + var parsedPoints = [], i, len; + + for (i = 0, len = points.length; i < len; i += 2) { + parsedPoints.push({ + x: parseFloat(points[i]), + y: parseFloat(points[i + 1]) + }); + } + + // odd number of points is an error + // if (parsedPoints.length % 2 !== 0) { + // return null; + // } + + return parsedPoints; + }, + /** - * Checks if polygon intersects another polygon - * - * @todo account for stroke - * + * Returns CSS rules for a given SVG document * @static - * @param {Point[]} points1 - * @param {Point[]} points2 - * @return {Intersection} - */ - static intersectPolygonPolygon(points1, points2) { - const result = new Intersection(), length = points1.length; - const coincidences = []; - for (let i = 0; i < length; i++) { - const a1 = points1[i], a2 = points1[(i + 1) % length], inter = Intersection.intersectSegmentPolygon(a1, a2, points2); - if (inter.status === 'Coincident') { - coincidences.push(inter); - result.append(a1, a2); + * @function + * @memberOf fabric + * @param {SVGDocument} doc SVG document to parse + * @return {Object} CSS rules of this document + */ + getCSSRules: function(doc) { + var styles = doc.getElementsByTagName('style'), i, len, + allRules = { }, rules; + + // very crude parsing of style contents + for (i = 0, len = styles.length; i < len; i++) { + var styleContents = styles[i].textContent; + + // remove comments + styleContents = styleContents.replace(/\/\*[\s\S]*?\*\//g, ''); + if (styleContents.trim() === '') { + continue; + } + // recovers all the rule in this form `body { style code... }` + // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g); + rules = styleContents.split('}'); + // remove empty rules. + rules = rules.filter(function(rule) { return rule.trim(); }); + // at this point we have hopefully an array of rules `body { style code... ` + // eslint-disable-next-line no-loop-func + rules.forEach(function(rule) { + + var match = rule.split('{'), + ruleObj = { }, declaration = match[1].trim(), + propertyValuePairs = declaration.split(';').filter(function(pair) { return pair.trim(); }); + + for (i = 0, len = propertyValuePairs.length; i < len; i++) { + var pair = propertyValuePairs[i].split(':'), + property = pair[0].trim(), + value = pair[1].trim(); + ruleObj[property] = value; + } + rule = match[0].trim(); + rule.split(',').forEach(function(_rule) { + _rule = _rule.replace(/^svg/i, '').trim(); + if (_rule === '') { + return; + } + if (allRules[_rule]) { + fabric.util.object.extend(allRules[_rule], ruleObj); } else { - result.append(...inter.points); + allRules[_rule] = fabric.util.object.clone(ruleObj); } + }); + }); + } + return allRules; + }, + + /** + * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. + * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) + * @memberOf fabric + * @param {String} url + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + */ + loadSVGFromURL: function(url, callback, reviver, options) { + + url = url.replace(/^\n\s*/, '').trim(); + new fabric.util.request(url, { + method: 'get', + onComplete: onComplete + }); + + function onComplete(r) { + + var xml = r.responseXML; + if (!xml || !xml.documentElement) { + callback && callback(null); + return false; } - if (coincidences.length > 0 && coincidences.length === points1.length) { - return new Intersection('Coincident'); - } - else if (result.points.length > 0) { - result.status = 'Intersection'; - } - return result; - } + + fabric.parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { + callback && callback(results, _options, elements, allElements); + }, reviver, options); + } + }, + /** - * Checks if polygon intersects rectangle - * @static - * @see {@link intersectPolygonPolygon} for polygon intersection - * @param {Point[]} points polygon points - * @param {Point} r1 top left point of rect - * @param {Point} r2 bottom right point of rect - * @return {Intersection} - */ - static intersectPolygonRectangle(points, r1, r2) { - const min = r1.min(r2), max = r1.max(r2), topRight = new Point(max.x, min.y), bottomLeft = new Point(min.x, max.y); - return Intersection.intersectPolygonPolygon(points, [ - min, - topRight, - max, - bottomLeft, - ]); + * Takes string corresponding to an SVG document, and parses it into a set of fabric objects + * @memberOf fabric + * @param {String} string + * @param {Function} callback + * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. + * @param {Object} [options] Object containing options for parsing + * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources + */ + loadSVGFromString: function(string, callback, reviver, options) { + var parser = new fabric.window.DOMParser(), + doc = parser.parseFromString(string.trim(), 'text/xml'); + fabric.parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { + callback(results, _options, elements, allElements); + }, reviver, options); } -} -fabric$1.Intersection = Intersection; + }); -//@ts-nocheck -/** - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events} - * @see {@link http://fabricjs.com/events|Events demo} - */ -class Observable { - constructor() { - this.__eventListeners = {}; - } - on(arg0, handler) { - if (!this.__eventListeners) { - this.__eventListeners = {}; - } - if (typeof arg0 === 'object') { - // one object with key/value pairs was passed - for (const eventName in arg0) { - this.on(eventName, arg0[eventName]); - } - return () => this.off(arg0); - } - else if (handler) { - const eventName = arg0; - if (!this.__eventListeners[eventName]) { - this.__eventListeners[eventName] = []; - } - this.__eventListeners[eventName].push(handler); - return () => this.off(eventName, handler); - } - else { - // noop - return () => false; - } +})(typeof exports !== 'undefined' ? exports : this); + + +fabric.ElementsParser = function(elements, callback, options, reviver, parsingOptions, doc) { + this.elements = elements; + this.callback = callback; + this.options = options; + this.reviver = reviver; + this.svgUid = (options && options.svgUid) || 0; + this.parsingOptions = parsingOptions; + this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g; + this.doc = doc; +}; + +(function(proto) { + proto.parse = function() { + this.instances = new Array(this.elements.length); + this.numElements = this.elements.length; + this.createObjects(); + }; + + proto.createObjects = function() { + var _this = this; + this.elements.forEach(function(element, i) { + element.setAttribute('svgUid', _this.svgUid); + _this.createObject(element, i); + }); + }; + + proto.findTag = function(el) { + return fabric[fabric.util.string.capitalize(el.tagName.replace('svg:', ''))]; + }; + + proto.createObject = function(el, index) { + var klass = this.findTag(el); + if (klass && klass.fromElement) { + try { + klass.fromElement(el, this.createCallback(index, el), this.options); + } + catch (err) { + fabric.log(err); + } } - once(arg0, handler) { - if (typeof arg0 === 'object') { - // one object with key/value pairs was passed - const disposers = []; - for (const eventName in arg0) { - disposers.push(this.once(eventName, arg0[eventName])); - } - return () => disposers.forEach((d) => d()); - } - else if (handler) { - const disposer = this.on(arg0, (...args) => { - handler(...args); - disposer(); - }); - return disposer; - } - else { - // noop - return () => false; - } + else { + this.checkIfDone(); } - /** - * @private - * @param {string} eventName - * @param {Function} [handler] - */ - _removeEventListener(eventName, handler) { - if (!this.__eventListeners[eventName]) { - return; - } - if (handler) { - const eventListener = this.__eventListeners[eventName]; - const index = eventListener.indexOf(handler); - index > -1 && eventListener.splice(index, 1); - } - else { - this.__eventListeners[eventName] = []; - } + }; + + proto.createCallback = function(index, el) { + var _this = this; + return function(obj) { + var _options; + _this.resolveGradient(obj, el, 'fill'); + _this.resolveGradient(obj, el, 'stroke'); + if (obj instanceof fabric.Image && obj._originalElement) { + _options = obj.parsePreserveAspectRatioAttribute(el); + } + obj._removeTransformMatrix(_options); + _this.resolveClipPath(obj, el); + _this.reviver && _this.reviver(el, obj); + _this.instances[index] = obj; + _this.checkIfDone(); + }; + }; + + proto.extractPropertyDefinition = function(obj, property, storage) { + var value = obj[property], regex = this.regexUrl; + if (!regex.test(value)) { + return; + } + regex.lastIndex = 0; + var id = regex.exec(value)[1]; + regex.lastIndex = 0; + return fabric[storage][this.svgUid][id]; + }; + + proto.resolveGradient = function(obj, el, property) { + var gradientDef = this.extractPropertyDefinition(obj, property, 'gradientDefs'); + if (gradientDef) { + var opacityAttr = el.getAttribute(property + '-opacity'); + var gradient = fabric.Gradient.fromElement(gradientDef, obj, opacityAttr, this.options); + obj.set(property, gradient); + } + }; + + proto.createClipPathCallback = function(obj, container) { + return function(_newObj) { + _newObj._removeTransformMatrix(); + _newObj.fillRule = _newObj.clipRule; + container.push(_newObj); + }; + }; + + proto.resolveClipPath = function(obj, usingElement) { + var clipPath = this.extractPropertyDefinition(obj, 'clipPath', 'clipPaths'), + element, klass, objTransformInv, container, gTransform, options; + if (clipPath) { + container = []; + objTransformInv = fabric.util.invertTransform(obj.calcTransformMatrix()); + // move the clipPath tag as sibling to the real element that is using it + var clipPathTag = clipPath[0].parentNode; + var clipPathOwner = usingElement; + while (clipPathOwner.parentNode && clipPathOwner.getAttribute('clip-path') !== obj.clipPath) { + clipPathOwner = clipPathOwner.parentNode; + } + clipPathOwner.parentNode.appendChild(clipPathTag); + for (var i = 0; i < clipPath.length; i++) { + element = clipPath[i]; + klass = this.findTag(element); + klass.fromElement( + element, + this.createClipPathCallback(obj, container), + this.options + ); + } + if (container.length === 1) { + clipPath = container[0]; + } + else { + clipPath = new fabric.Group(container); + } + gTransform = fabric.util.multiplyTransformMatrices( + objTransformInv, + clipPath.calcTransformMatrix() + ); + if (clipPath.clipPath) { + this.resolveClipPath(clipPath, clipPathOwner); + } + var options = fabric.util.qrDecompose(gTransform); + clipPath.flipX = false; + clipPath.flipY = false; + clipPath.set('scaleX', options.scaleX); + clipPath.set('scaleY', options.scaleY); + clipPath.angle = options.angle; + clipPath.skewX = options.skewX; + clipPath.skewY = 0; + clipPath.setPositionByOrigin({ x: options.translateX, y: options.translateY }, 'center', 'center'); + obj.clipPath = clipPath; } - off(arg0, handler) { - if (!this.__eventListeners) { - return; - } - // remove all key/value pairs (event name -> event handler) - if (typeof arg0 === 'undefined') { - for (const eventName in this.__eventListeners) { - this._removeEventListener(eventName); - } - } - // one object with key/value pairs was passed - else if (typeof arg0 === 'object') { - for (const eventName in arg0) { - this._removeEventListener(eventName, arg0[eventName]); - } - } - else { - this._removeEventListener(arg0, handler); - } + else { + // if clip-path does not resolve to any element, delete the property. + delete obj.clipPath; } + }; + + proto.checkIfDone = function() { + if (--this.numElements === 0) { + this.instances = this.instances.filter(function(el) { + // eslint-disable-next-line no-eq-null, eqeqeq + return el != null; + }); + this.callback(this.instances, this.elements); + } + }; +})(fabric.ElementsParser.prototype); + + +(function(global) { + + 'use strict'; + + /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Point) { + fabric.warn('fabric.Point is already defined'); + return; + } + + fabric.Point = Point; + + /** + * Point class + * @class fabric.Point + * @memberOf fabric + * @constructor + * @param {Number} x + * @param {Number} y + * @return {fabric.Point} thisArg + */ + function Point(x, y) { + this.x = x; + this.y = y; + } + + Point.prototype = /** @lends fabric.Point.prototype */ { + + type: 'point', + + constructor: Point, + /** - * Fires event with an optional options object - * @param {String} eventName Event name to fire - * @param {Object} [options] Options object + * Adds another point to this one and returns another one + * @param {fabric.Point} that + * @return {fabric.Point} new Point instance with added values */ - fire(eventName, options) { - var _a; - if (!this.__eventListeners) { - return; - } - const listenersForEvent = (_a = this.__eventListeners[eventName]) === null || _a === void 0 ? void 0 : _a.concat(); - if (listenersForEvent) { - for (let i = 0; i < listenersForEvent.length; i++) { - listenersForEvent[i].call(this, options || {}); - } - } - } -} -fabric$1.Observable = Observable; + add: function (that) { + return new Point(this.x + that.x, this.y + that.y); + }, -//@ts-nocheck -class CommonMethods extends Observable { /** - * Sets object's properties from options - * @param {Object} [options] Options object + * Adds another point to this one + * @param {fabric.Point} that + * @return {fabric.Point} thisArg + * @chainable */ - _setOptions(options) { - for (const prop in options) { - this.set(prop, options[prop]); - } - } + addEquals: function (that) { + this.x += that.x; + this.y += that.y; + return this; + }, + /** - * @private + * Adds value to this point and returns a new one + * @param {Number} scalar + * @return {fabric.Point} new Point with added value */ - _setObject(obj) { - for (const prop in obj) { - this._set(prop, obj[prop]); - } - } + scalarAdd: function (scalar) { + return new Point(this.x + scalar, this.y + scalar); + }, + /** - * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. - * @param {String|Object} key Property name or object (if object, iterate over the object properties) - * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) - * @return {fabric.Object} thisArg + * Adds value to this point + * @param {Number} scalar + * @return {fabric.Point} thisArg * @chainable */ - set(key, value) { - if (typeof key === 'object') { - this._setObject(key); - } - else { - this._set(key, value); - } - return this; - } - _set(key, value) { - this[key] = value; - } + scalarAddEquals: function (scalar) { + this.x += scalar; + this.y += scalar; + return this; + }, + /** - * Toggles specified property from `true` to `false` or from `false` to `true` - * @param {String} property Property to toggle - * @return {fabric.Object} thisArg - * @chainable + * Subtracts another point from this point and returns a new one + * @param {fabric.Point} that + * @return {fabric.Point} new Point object with subtracted values */ - toggle(property) { - const value = this.get(property); - if (typeof value === 'boolean') { - this.set(property, !value); - } - return this; - } + subtract: function (that) { + return new Point(this.x - that.x, this.y - that.y); + }, + /** - * Basic getter - * @param {String} property Property name - * @return {*} value of a property + * Subtracts another point from this point + * @param {fabric.Point} that + * @return {fabric.Point} thisArg + * @chainable */ - get(property) { - return this[property]; - } -} + subtractEquals: function (that) { + this.x -= that.x; + this.y -= that.y; + return this; + }, -const originOffset = { - left: -0.5, - top: -0.5, - center: 0, - bottom: 0.5, - right: 0.5, -}; -/** - * Resolves origin value relative to center - * @private - * @param {TOriginX | TOriginY} originValue originX / originY - * @returns number - */ -const resolveOrigin = (originValue) => typeof originValue === 'string' - ? originOffset[originValue] - : originValue - 0.5; -class ObjectOrigin extends CommonMethods { /** - * Calculate object bounding box dimensions from its properties scale, skew. - * @param {Object} [options] - * @param {Number} [options.scaleX] - * @param {Number} [options.scaleY] - * @param {Number} [options.skewX] - * @param {Number} [options.skewY] - * @private - * @returns {Point} dimensions - */ - _getTransformedDimensions(options = {}) { - const dimOptions = Object.assign({ scaleX: this.scaleX, scaleY: this.scaleY, skewX: this.skewX, skewY: this.skewY, width: this.width, height: this.height, strokeWidth: this.strokeWidth }, options); - // stroke is applied before/after transformations are applied according to `strokeUniform` - const strokeWidth = dimOptions.strokeWidth; - let preScalingStrokeValue = strokeWidth, postScalingStrokeValue = 0; - if (this.strokeUniform) { - preScalingStrokeValue = 0; - postScalingStrokeValue = strokeWidth; - } - const dimX = dimOptions.width + preScalingStrokeValue, dimY = dimOptions.height + preScalingStrokeValue, noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0; - let finalDimensions; - if (noSkew) { - finalDimensions = new Point(dimX * dimOptions.scaleX, dimY * dimOptions.scaleY); - } - else { - finalDimensions = sizeAfterTransform(dimX, dimY, dimOptions); - } - return finalDimensions.scalarAdd(postScalingStrokeValue); - } - /** - * Translates the coordinates from a set of origin to another (based on the object's dimensions) - * @param {Point} point The point which corresponds to the originX and originY params - * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom' - * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} + * Subtracts value from this point and returns a new one + * @param {Number} scalar + * @return {fabric.Point} */ - translateToGivenOrigin(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { - let x = point.x, y = point.y; - const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX), offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY); - if (offsetX || offsetY) { - const dim = this._getTransformedDimensions(); - x += offsetX * dim.x; - y += offsetY * dim.y; - } - return new Point(x, y); - } + scalarSubtract: function (scalar) { + return new Point(this.x - scalar, this.y - scalar); + }, + /** - * Translates the coordinates from origin to center coordinates (based on the object's dimensions) - * @param {Point} point The point which corresponds to the originX and originY params - * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} + * Subtracts value from this point + * @param {Number} scalar + * @return {fabric.Point} thisArg + * @chainable */ - translateToCenterPoint(point, originX, originY) { - const p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); - if (this.angle) { - return p.rotate(degreesToRadians(this.angle), point); - } - return p; - } + scalarSubtractEquals: function (scalar) { + this.x -= scalar; + this.y -= scalar; + return this; + }, + /** - * Translates the coordinates from center to origin coordinates (based on the object's dimensions) - * @param {Point} center The point which corresponds to center of the object - * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} + * Multiplies this point by a value and returns a new one + * TODO: rename in scalarMultiply in 2.0 + * @param {Number} scalar + * @return {fabric.Point} */ - translateToOriginPoint(center, originX, originY) { - const p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); - if (this.angle) { - return p.rotate(degreesToRadians(this.angle), center); - } - return p; - } + multiply: function (scalar) { + return new Point(this.x * scalar, this.y * scalar); + }, + /** - * Returns the center coordinates of the object relative to canvas - * @return {Point} + * Multiplies this point by a value + * TODO: rename in scalarMultiplyEquals in 2.0 + * @param {Number} scalar + * @return {fabric.Point} thisArg + * @chainable */ - getCenterPoint() { - const relCenter = this.getRelativeCenterPoint(); - return this.group - ? transformPoint(relCenter, this.group.calcTransformMatrix()) - : relCenter; - } + multiplyEquals: function (scalar) { + this.x *= scalar; + this.y *= scalar; + return this; + }, + /** - * Returns the center coordinates of the object relative to it's parent - * @return {Point} + * Divides this point by a value and returns a new one + * TODO: rename in scalarDivide in 2.0 + * @param {Number} scalar + * @return {fabric.Point} */ - getRelativeCenterPoint() { - return this.translateToCenterPoint(new Point(this.left, this.top), this.originX, this.originY); - } + divide: function (scalar) { + return new Point(this.x / scalar, this.y / scalar); + }, + /** - * Returns the coordinates of the object as if it has a different origin - * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {Point} + * Divides this point by a value + * TODO: rename in scalarDivideEquals in 2.0 + * @param {Number} scalar + * @return {fabric.Point} thisArg + * @chainable */ - getPointByOrigin(originX, originY) { - return this.translateToOriginPoint(this.getRelativeCenterPoint(), originX, originY); - } + divideEquals: function (scalar) { + this.x /= scalar; + this.y /= scalar; + return this; + }, + /** - * Sets the position of the object taking into consideration the object's origin - * @param {Point} pos The new position of the object - * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom' - * @return {void} + * Returns true if this point is equal to another one + * @param {fabric.Point} that + * @return {Boolean} */ - setPositionByOrigin(pos, originX, originY) { - const center = this.translateToCenterPoint(pos, originX, originY), position = this.translateToOriginPoint(center, this.originX, this.originY); - this.set({ left: position.x, top: position.y }); - } + eq: function (that) { + return (this.x === that.x && this.y === that.y); + }, + /** - * Sets the origin/position of the object to it's center point - * @private - * @return {void} + * Returns true if this point is less than another one + * @param {fabric.Point} that + * @return {Boolean} */ - _setOriginToCenter() { - this._originalOriginX = this.originX; - this._originalOriginY = this.originY; - const center = this.getRelativeCenterPoint(); - this.originX = 'center'; - this.originY = 'center'; - this.left = center.x; - this.top = center.y; - } + lt: function (that) { + return (this.x < that.x && this.y < that.y); + }, + /** - * Resets the origin/position of the object to it's original origin - * @private - * @return {void} + * Returns true if this point is less than or equal to another one + * @param {fabric.Point} that + * @return {Boolean} */ - _resetOrigin() { - if (this._originalOriginX !== undefined && - this._originalOriginY !== undefined) { - const originPoint = this.translateToOriginPoint(this.getRelativeCenterPoint(), this._originalOriginX, this._originalOriginY); - this.left = originPoint.x; - this.top = originPoint.y; - this.originX = this._originalOriginX; - this.originY = this._originalOriginY; - this._originalOriginX = undefined; - this._originalOriginY = undefined; - } - } + lte: function (that) { + return (this.x <= that.x && this.y <= that.y); + }, + /** - * @private + + * Returns true if this point is greater another one + * @param {fabric.Point} that + * @return {Boolean} */ - _getLeftTopCoords() { - return this.translateToOriginPoint(this.getRelativeCenterPoint(), 'left', 'top'); - } -} + gt: function (that) { + return (this.x > that.x && this.y > that.y); + }, -class ObjectGeometry extends ObjectOrigin { /** - * @returns {number} x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane + * Returns true if this point is greater than or equal to another one + * @param {fabric.Point} that + * @return {Boolean} */ - getX() { - return this.getXY().x; - } + gte: function (that) { + return (this.x >= that.x && this.y >= that.y); + }, + /** - * @param {number} value x position according to object's {@link fabric.Object#originX} property in canvas coordinate plane - */ - setX(value) { - this.setXY(this.getXY().setX(value)); - } + * Returns new point which is the result of linear interpolation with this one and another one + * @param {fabric.Point} that + * @param {Number} t , position of interpolation, between 0 and 1 default 0.5 + * @return {fabric.Point} + */ + lerp: function (that, t) { + if (typeof t === 'undefined') { + t = 0.5; + } + t = Math.max(Math.min(1, t), 0); + return new Point(this.x + (that.x - this.x) * t, this.y + (that.y - this.y) * t); + }, + /** - * @returns {number} y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane + * Returns distance from this point and another one + * @param {fabric.Point} that + * @return {Number} */ - getY() { - return this.getXY().y; - } + distanceFrom: function (that) { + var dx = this.x - that.x, + dy = this.y - that.y; + return Math.sqrt(dx * dx + dy * dy); + }, + /** - * @param {number} value y position according to object's {@link fabric.Object#originY} property in canvas coordinate plane + * Returns the point between this point and another one + * @param {fabric.Point} that + * @return {fabric.Point} */ - setY(value) { - this.setXY(this.getXY().setY(value)); - } + midPointFrom: function (that) { + return this.lerp(that); + }, + /** - * @returns {number} x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ - * if parent is canvas then this property is identical to {@link fabric.Object#getX} + * Returns a new point which is the min of this and another one + * @param {fabric.Point} that + * @return {fabric.Point} */ - getRelativeX() { - return this.left; - } + min: function (that) { + return new Point(Math.min(this.x, that.x), Math.min(this.y, that.y)); + }, + /** - * @param {number} value x position according to object's {@link fabric.Object#originX} property in parent's coordinate plane\ - * if parent is canvas then this method is identical to {@link fabric.Object#setX} + * Returns a new point which is the max of this and another one + * @param {fabric.Point} that + * @return {fabric.Point} */ - setRelativeX(value) { - this.left = value; - } + max: function (that) { + return new Point(Math.max(this.x, that.x), Math.max(this.y, that.y)); + }, + /** - * @returns {number} y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ - * if parent is canvas then this property is identical to {@link fabric.Object#getY} + * Returns string representation of this point + * @return {String} */ - getRelativeY() { - return this.top; - } + toString: function () { + return this.x + ',' + this.y; + }, + /** - * @param {number} value y position according to object's {@link fabric.Object#originY} property in parent's coordinate plane\ - * if parent is canvas then this property is identical to {@link fabric.Object#setY} + * Sets x/y of this point + * @param {Number} x + * @param {Number} y + * @chainable */ - setRelativeY(value) { - this.top = value; - } + setXY: function (x, y) { + this.x = x; + this.y = y; + return this; + }, + /** - * @returns {Point} x position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in canvas coordinate plane + * Sets x of this point + * @param {Number} x + * @chainable */ - getXY() { - const relativePosition = this.getRelativeXY(); - return this.group - ? transformPoint(relativePosition, this.group.calcTransformMatrix()) - : relativePosition; - } + setX: function (x) { + this.x = x; + return this; + }, + /** - * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate. - * You can specify {@link fabric.Object#originX} and {@link fabric.Object#originY} values, - * that otherwise are the object's current values. - * @example Set object's bottom left corner to point (5,5) on canvas - * object.setXY(new Point(5, 5), 'left', 'bottom'). - * @param {Point} point position in canvas coordinate plane - * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' + * Sets y of this point + * @param {Number} y + * @chainable */ - setXY(point, originX, originY) { - if (this.group) { - point = transformPoint(point, invertTransform(this.group.calcTransformMatrix())); - } - this.setRelativeXY(point, originX, originY); - } + setY: function (y) { + this.y = y; + return this; + }, + /** - * @returns {Point} x,y position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane + * Sets x/y of this point from another point + * @param {fabric.Point} that + * @chainable */ - getRelativeXY() { - return new Point(this.left, this.top); - } + setFromPoint: function (that) { + this.x = that.x; + this.y = that.y; + return this; + }, + /** - * As {@link fabric.Object#setXY}, but in current parent's coordinate plane ( the current group if any or the canvas) - * @param {Point} point position according to object's {@link fabric.Object#originX} {@link fabric.Object#originY} properties in parent's coordinate plane - * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right' - * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom' - */ - setRelativeXY(point, originX, originY) { - this.setPositionByOrigin(point, originX || this.originX, originY || this.originY); - } + * Swaps x/y of this point and another point + * @param {fabric.Point} that + */ + swap: function (that) { + var x = this.x, + y = this.y; + this.x = that.x; + this.y = that.y; + that.x = x; + that.y = y; + }, + /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * @param {boolean} absolute will return aCoords if true or lineCoords - * @param {boolean} calculate will calculate the coords or use the one - * that are attached to the object instance - * @return {Object} {tl, tr, br, bl} points + * return a cloned instance of the point + * @return {fabric.Point} */ - _getCoords(absolute = false, calculate = false) { - if (calculate) { - return absolute ? this.calcACoords() : this.calcLineCoords(); - } - // swapped this double if in place of setCoords(); - if (!this.aCoords) { - this.aCoords = this.calcACoords(); - } - if (!this.lineCoords) { - this.lineCoords = this.calcLineCoords(); - } - return absolute ? this.aCoords : this.lineCoords; + clone: function () { + return new Point(this.x, this.y); } + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */ + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Intersection) { + fabric.warn('fabric.Intersection is already defined'); + return; + } + + /** + * Intersection class + * @class fabric.Intersection + * @memberOf fabric + * @constructor + */ + function Intersection(status) { + this.status = status; + this.points = []; + } + + fabric.Intersection = Intersection; + + fabric.Intersection.prototype = /** @lends fabric.Intersection.prototype */ { + + constructor: Intersection, + /** - * return correct set of coordinates for intersection - * this will return either aCoords or lineCoords. - * The coords are returned in an array. - * @param {boolean} absolute will return aCoords if true or lineCoords - * @param {boolean} calculate will return aCoords if true or lineCoords - * @return {Array} [tl, tr, br, bl] of points + * Appends a point to intersection + * @param {fabric.Point} point + * @return {fabric.Intersection} thisArg + * @chainable */ - getCoords(absolute = false, calculate = false) { - const { tl, tr, br, bl } = this._getCoords(absolute, calculate); - const coords = [tl, tr, br, bl]; - if (this.group) { - const t = this.group.calcTransformMatrix(); - return coords.map((p) => transformPoint(p, t)); - } - return coords; - } + appendPoint: function (point) { + this.points.push(point); + return this; + }, + /** - * Checks if object intersects with an area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored one - * @return {Boolean} true if object intersects with an area formed by 2 points + * Appends points to intersection + * @param {Array} points + * @return {fabric.Intersection} thisArg + * @chainable */ - intersectsWithRect(pointTL, pointBR, absolute, calculate) { - const coords = this.getCoords(absolute, calculate), intersection = Intersection.intersectPolygonRectangle(coords, pointTL, pointBR); - return intersection.status === 'Intersection'; + appendPoints: function (points) { + this.points = this.points.concat(points); + return this; + } + }; + + /** + * Checks if one line intersects another + * TODO: rename in intersectSegmentSegment + * @static + * @param {fabric.Point} a1 + * @param {fabric.Point} a2 + * @param {fabric.Point} b1 + * @param {fabric.Point} b2 + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectLineLine = function (a1, a2, b1, b2) { + var result, + uaT = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x), + ubT = (a2.x - a1.x) * (a1.y - b1.y) - (a2.y - a1.y) * (a1.x - b1.x), + uB = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y); + if (uB !== 0) { + var ua = uaT / uB, + ub = ubT / uB; + if (0 <= ua && ua <= 1 && 0 <= ub && ub <= 1) { + result = new Intersection('Intersection'); + result.appendPoint(new fabric.Point(a1.x + ua * (a2.x - a1.x), a1.y + ua * (a2.y - a1.y))); + } + else { + result = new Intersection(); + } + } + else { + if (uaT === 0 || ubT === 0) { + result = new Intersection('Coincident'); + } + else { + result = new Intersection('Parallel'); + } + } + return result; + }; + + /** + * Checks if line intersects polygon + * TODO: rename in intersectSegmentPolygon + * fix detection of coincident + * @static + * @param {fabric.Point} a1 + * @param {fabric.Point} a2 + * @param {Array} points + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectLinePolygon = function(a1, a2, points) { + var result = new Intersection(), + length = points.length, + b1, b2, inter, i; + + for (i = 0; i < length; i++) { + b1 = points[i]; + b2 = points[(i + 1) % length]; + inter = Intersection.intersectLineLine(a1, a2, b1, b2); + + result.appendPoints(inter.points); + } + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + }; + + /** + * Checks if polygon intersects another polygon + * @static + * @param {Array} points1 + * @param {Array} points2 + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectPolygonPolygon = function (points1, points2) { + var result = new Intersection(), + length = points1.length, i; + + for (i = 0; i < length; i++) { + var a1 = points1[i], + a2 = points1[(i + 1) % length], + inter = Intersection.intersectLinePolygon(a1, a2, points2); + + result.appendPoints(inter.points); + } + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + }; + + /** + * Checks if polygon intersects rectangle + * @static + * @param {Array} points + * @param {fabric.Point} r1 + * @param {fabric.Point} r2 + * @return {fabric.Intersection} + */ + fabric.Intersection.intersectPolygonRectangle = function (points, r1, r2) { + var min = r1.min(r2), + max = r1.max(r2), + topRight = new fabric.Point(max.x, min.y), + bottomLeft = new fabric.Point(min.x, max.y), + inter1 = Intersection.intersectLinePolygon(min, topRight, points), + inter2 = Intersection.intersectLinePolygon(topRight, max, points), + inter3 = Intersection.intersectLinePolygon(max, bottomLeft, points), + inter4 = Intersection.intersectLinePolygon(bottomLeft, min, points), + result = new Intersection(); + + result.appendPoints(inter1.points); + result.appendPoints(inter2.points); + result.appendPoints(inter3.points); + result.appendPoints(inter4.points); + + if (result.points.length > 0) { + result.status = 'Intersection'; + } + return result; + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Color) { + fabric.warn('fabric.Color is already defined.'); + return; + } + + /** + * Color class + * The purpose of {@link fabric.Color} is to abstract and encapsulate common color operations; + * {@link fabric.Color} is a constructor and creates instances of {@link fabric.Color} objects. + * + * @class fabric.Color + * @param {String} color optional in hex or rgb(a) or hsl format or from known color list + * @return {fabric.Color} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2/#colors} + */ + function Color(color) { + if (!color) { + this.setSource([0, 0, 0, 1]); + } + else { + this._tryParsingColor(color); } + } + + fabric.Color = Color; + + fabric.Color.prototype = /** @lends fabric.Color.prototype */ { + /** - * Checks if object intersects with another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of calculating them - * @return {Boolean} true if object intersects with another object + * @private + * @param {String|Array} color Color value to parse */ - intersectsWithObject(other, absolute, calculate) { - const intersection = Intersection.intersectPolygonPolygon(this.getCoords(absolute, calculate), other.getCoords(absolute, calculate)); - return (intersection.status === 'Intersection' || - intersection.status === 'Coincident' || - other.isContainedWithinObject(this, absolute, calculate) || - this.isContainedWithinObject(other, absolute, calculate)); - } + _tryParsingColor: function(color) { + var source; + + if (color in Color.colorNameMap) { + color = Color.colorNameMap[color]; + } + + if (color === 'transparent') { + source = [255, 255, 255, 0]; + } + + if (!source) { + source = Color.sourceFromHex(color); + } + if (!source) { + source = Color.sourceFromRgb(color); + } + if (!source) { + source = Color.sourceFromHsl(color); + } + if (!source) { + //if color is not recognize let's make black as canvas does + source = [0, 0, 0, 1]; + } + if (source) { + this.setSource(source); + } + }, + /** - * Checks if object is fully contained within area of another object - * @param {Object} other Object to test - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of store ones - * @return {Boolean} true if object is fully contained within area of another object + * Adapted from https://github.com/mjijackson + * @private + * @param {Number} r Red color value + * @param {Number} g Green color value + * @param {Number} b Blue color value + * @return {Array} Hsl color */ - isContainedWithinObject(other, absolute, calculate) { - const points = this.getCoords(absolute, calculate), otherCoords = absolute ? other.aCoords : other.lineCoords, lines = other._getImageLines(otherCoords); - for (let i = 0; i < 4; i++) { - if (!other.containsPoint(points[i], lines)) { - return false; - } + _rgbToHsl: function(r, g, b) { + r /= 255; g /= 255; b /= 255; + + var h, s, l, + max = fabric.util.array.max([r, g, b]), + min = fabric.util.array.min([r, g, b]); + + l = (max + min) / 2; + + if (max === min) { + h = s = 0; // achromatic + } + else { + var d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + switch (max) { + case r: + h = (g - b) / d + (g < b ? 6 : 0); + break; + case g: + h = (b - r) / d + 2; + break; + case b: + h = (r - g) / d + 4; + break; } - return true; - } + h /= 6; + } + + return [ + Math.round(h * 360), + Math.round(s * 100), + Math.round(l * 100) + ]; + }, + /** - * Checks if object is fully contained within area formed by 2 points - * @param {Object} pointTL top-left point of area - * @param {Object} pointBR bottom-right point of area - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored one - * @return {Boolean} true if object is fully contained within area formed by 2 points + * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @return {Array} */ - isContainedWithinRect(pointTL, pointBR, absolute, calculate) { - const boundingRect = this.getBoundingRect(absolute, calculate); - return (boundingRect.left >= pointTL.x && - boundingRect.left + boundingRect.width <= pointBR.x && - boundingRect.top >= pointTL.y && - boundingRect.top + boundingRect.height <= pointBR.y); - } + getSource: function() { + return this._source; + }, + /** - * Checks if point is inside the object - * @param {Point} point Point to check against - * @param {Object} [lines] object returned from @method _getImageLines - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored ones - * @return {Boolean} true if point is inside the object + * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1]) + * @param {Array} source */ - containsPoint(point, lines, absolute = false, calculate = false) { - const coords = this._getCoords(absolute, calculate), imageLines = lines || this._getImageLines(coords), xPoints = this._findCrossPoints(point, imageLines); - // if xPoints is odd then point is inside the object - return xPoints !== 0 && xPoints % 2 === 1; - } + setSource: function(source) { + this._source = source; + }, + /** - * Checks if object is contained within the canvas with current viewportTransform - * the check is done stopping at first point that appears on screen - * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords - * @return {Boolean} true if object is fully or partially contained within canvas + * Returns color representation in RGB format + * @return {String} ex: rgb(0-255,0-255,0-255) */ - isOnScreen(calculate = false) { - if (!this.canvas) { - return false; - } - const { tl, br } = this.canvas.vptCoords; - const points = this.getCoords(true, calculate); - // if some point is on screen, the object is on screen. - if (points.some((point) => point.x <= br.x && - point.x >= tl.x && - point.y <= br.y && - point.y >= tl.y)) { - return true; - } - // no points on screen, check intersection with absolute coordinates - if (this.intersectsWithRect(tl, br, true, calculate)) { - return true; - } - return this._containsCenterOfCanvas(tl, br, calculate); - } + toRgb: function() { + var source = this.getSource(); + return 'rgb(' + source[0] + ',' + source[1] + ',' + source[2] + ')'; + }, + /** - * Checks if the object contains the midpoint between canvas extremities - * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen - * @private - * @param {Point} pointTL Top Left point - * @param {Point} pointBR Top Right point - * @param {Boolean} calculate use coordinates of current position instead of stored ones - * @return {Boolean} true if the object contains the point + * Returns color representation in RGBA format + * @return {String} ex: rgba(0-255,0-255,0-255,0-1) */ - _containsCenterOfCanvas(pointTL, pointBR, calculate) { - // worst case scenario the object is so big that contains the screen - const centerPoint = pointTL.midPointFrom(pointBR); - return this.containsPoint(centerPoint, undefined, true, calculate); - } + toRgba: function() { + var source = this.getSource(); + return 'rgba(' + source[0] + ',' + source[1] + ',' + source[2] + ',' + source[3] + ')'; + }, + /** - * Checks if object is partially contained within the canvas with current viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of stored ones - * @return {Boolean} true if object is partially contained within canvas + * Returns color representation in HSL format + * @return {String} ex: hsl(0-360,0%-100%,0%-100%) */ - isPartiallyOnScreen(calculate) { - if (!this.canvas) { - return false; - } - const { tl, br } = this.canvas.vptCoords; - if (this.intersectsWithRect(tl, br, true, calculate)) { - return true; - } - const allPointsAreOutside = this.getCoords(true, calculate).every((point) => (point.x >= br.x || point.x <= tl.x) && - (point.y >= br.y || point.y <= tl.y)); - return (allPointsAreOutside && this._containsCenterOfCanvas(tl, br, calculate)); - } + toHsl: function() { + var source = this.getSource(), + hsl = this._rgbToHsl(source[0], source[1], source[2]); + + return 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%)'; + }, + /** - * Method that returns an object with the object edges in it, given the coordinates of the corners - * @private - * @param {Object} lineCoords or aCoords Coordinates of the object corners + * Returns color representation in HSLA format + * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1) */ - _getImageLines({ tl, tr, bl, br }) { - const lines = { - topline: { - o: tl, - d: tr, - }, - rightline: { - o: tr, - d: br, - }, - bottomline: { - o: br, - d: bl, - }, - leftline: { - o: bl, - d: tl, - }, - }; - // // debugging - // if (this.canvas.contextTop) { - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - // } - return lines; - } - /** - * Helper method to determine how many cross points are between the 4 object edges - * and the horizontal line determined by a point on canvas - * @private - * @param {Point} point Point to check - * @param {Object} lines Coordinates of the object being evaluated - * @return {number} number of crossPoint - */ - _findCrossPoints(point, lines) { - let xcount = 0; - for (const lineKey in lines) { - let xi; - const iLine = lines[lineKey]; - // optimization 1: line below point. no cross - if (iLine.o.y < point.y && iLine.d.y < point.y) { - continue; - } - // optimization 2: line above point. no cross - if (iLine.o.y >= point.y && iLine.d.y >= point.y) { - continue; - } - // optimization 3: vertical line case - if (iLine.o.x === iLine.d.x && iLine.o.x >= point.x) { - xi = iLine.o.x; - } - // calculate the intersection point - else { - const b1 = 0; - const b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); - const a1 = point.y - b1 * point.x; - const a2 = iLine.o.y - b2 * iLine.o.x; - xi = -(a1 - a2) / (b1 - b2); - } - // don't count xi < point.x cases - if (xi >= point.x) { - xcount += 1; - } - // optimization 4: specific for square images - if (xcount === 2) { - break; - } - } - return xcount; - } + toHsla: function() { + var source = this.getSource(), + hsl = this._rgbToHsl(source[0], source[1], source[2]); + + return 'hsla(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%,' + source[3] + ')'; + }, + /** - * Returns coordinates of object's bounding rectangle (left, top, width, height) - * the box is intended as aligned to axis of canvas. - * @param {Boolean} [absolute] use coordinates without viewportTransform - * @param {Boolean} [calculate] use coordinates of current position instead of .lineCoords / .aCoords - * @return {Object} Object with left, top, width, height properties + * Returns color representation in HEX format + * @return {String} ex: FF5555 */ - getBoundingRect(absolute, calculate) { - return makeBoundingBoxFromPoints(this.getCoords(absolute, calculate)); - } + toHex: function() { + var source = this.getSource(), r, g, b; + + r = source[0].toString(16); + r = (r.length === 1) ? ('0' + r) : r; + + g = source[1].toString(16); + g = (g.length === 1) ? ('0' + g) : g; + + b = source[2].toString(16); + b = (b.length === 1) ? ('0' + b) : b; + + return r.toUpperCase() + g.toUpperCase() + b.toUpperCase(); + }, + /** - * Returns width of an object's bounding box counting transformations - * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? - * @return {Number} width value + * Returns color representation in HEXA format + * @return {String} ex: FF5555CC */ - getScaledWidth() { - return this._getTransformedDimensions().x; - } + toHexa: function() { + var source = this.getSource(), a; + + a = Math.round(source[3] * 255); + a = a.toString(16); + a = (a.length === 1) ? ('0' + a) : a; + + return this.toHex() + a.toUpperCase(); + }, + /** - * Returns height of an object bounding box counting transformations - * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane? - * @return {Number} height value + * Gets value of alpha channel for this color + * @return {Number} 0-1 */ - getScaledHeight() { - return this._getTransformedDimensions().y; - } + getAlpha: function() { + return this.getSource()[3]; + }, + /** - * Scales an object (equally by x and y) - * @param {Number} value Scale factor - * @return {void} + * Sets value of alpha channel for this color + * @param {Number} alpha Alpha value 0-1 + * @return {fabric.Color} thisArg */ - scale(value) { - this._set('scaleX', value); - this._set('scaleY', value); - this.setCoords(); - } + setAlpha: function(alpha) { + var source = this.getSource(); + source[3] = alpha; + this.setSource(source); + return this; + }, + /** - * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New width value - * @param {Boolean} absolute ignore viewport - * @return {void} - */ - scaleToWidth(value, absolute) { - // adjust to bounding rect factor so that rotated shapes would fit as well - const boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); - return this.scale(value / this.width / boundingRectFactor); - } + * Transforms color to its grayscale representation + * @return {fabric.Color} thisArg + */ + toGrayscale: function() { + var source = this.getSource(), + average = parseInt((source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), 10), + currentAlpha = source[3]; + this.setSource([average, average, average, currentAlpha]); + return this; + }, + /** - * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) - * @param {Number} value New height value - * @param {Boolean} absolute ignore viewport - * @return {void} + * Transforms color to its black and white representation + * @param {Number} threshold + * @return {fabric.Color} thisArg */ - scaleToHeight(value, absolute = false) { - // adjust to bounding rect factor so that rotated shapes would fit as well - const boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); - return this.scale(value / this.height / boundingRectFactor); - } + toBlackWhite: function(threshold) { + var source = this.getSource(), + average = (source[0] * 0.3 + source[1] * 0.59 + source[2] * 0.11).toFixed(0), + currentAlpha = source[3]; + + threshold = threshold || 127; + + average = (Number(average) < Number(threshold)) ? 0 : 255; + this.setSource([average, average, average, currentAlpha]); + return this; + }, + /** - * Returns the object angle relative to canvas counting also the group property - * @returns {TDegree} + * Overlays color with another color + * @param {String|fabric.Color} otherColor + * @return {fabric.Color} thisArg */ - getTotalAngle() { - return this.group - ? qrDecompose(this.calcTransformMatrix()).angle - : this.angle; + overlayWith: function(otherColor) { + if (!(otherColor instanceof Color)) { + otherColor = new Color(otherColor); + } + + var result = [], + alpha = this.getAlpha(), + otherAlpha = 0.5, + source = this.getSource(), + otherSource = otherColor.getSource(), i; + + for (i = 0; i < 3; i++) { + result.push(Math.round((source[i] * (1 - otherAlpha)) + (otherSource[i] * otherAlpha))); + } + + result[3] = alpha; + this.setSource(result); + return this; } - /** - * return the coordinate of the 4 corners of the bounding box in HTMLCanvasElement coordinates - * used for bounding box interactivity with the mouse - * @returns {TCornerPoint} - */ - calcLineCoords() { - const vpt = this.getViewportTransform(), padding = this.padding, angle = degreesToRadians(this.getTotalAngle()), cosP = cos(angle) * padding, sinP = sin(angle) * padding, cosPSinP = cosP + sinP, cosPMinusSinP = cosP - sinP, { tl, tr, bl, br } = this.calcACoords(); - const lineCoords = { - tl: transformPoint(tl, vpt), - tr: transformPoint(tr, vpt), - bl: transformPoint(bl, vpt), - br: transformPoint(br, vpt), - }; - if (padding) { - lineCoords.tl.x -= cosPMinusSinP; - lineCoords.tl.y -= cosPSinP; - lineCoords.tr.x += cosPSinP; - lineCoords.tr.y -= cosPMinusSinP; - lineCoords.bl.x -= cosPSinP; - lineCoords.bl.y += cosPMinusSinP; - lineCoords.br.x += cosPMinusSinP; - lineCoords.br.y += cosPSinP; - } - return lineCoords; + }; + + /** + * Regex matching color in RGB or RGBA formats (ex: rgb(0, 0, 0), rgba(255, 100, 10, 0.5), rgba( 255 , 100 , 10 , 0.5 ), rgb(1,1,1), rgba(100%, 60%, 10%, 0.5)) + * @static + * @field + * @memberOf fabric.Color + */ + // eslint-disable-next-line max-len + fabric.Color.reRGBa = /^rgba?\(\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*,\s*(\d{1,3}(?:\.\d+)?\%?)\s*(?:\s*,\s*((?:\d*\.?\d+)?)\s*)?\)$/i; + + /** + * Regex matching color in HSL or HSLA formats (ex: hsl(200, 80%, 10%), hsla(300, 50%, 80%, 0.5), hsla( 300 , 50% , 80% , 0.5 )) + * @static + * @field + * @memberOf fabric.Color + */ + fabric.Color.reHSLa = /^hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3}\%)\s*,\s*(\d{1,3}\%)\s*(?:\s*,\s*(\d+(?:\.\d+)?)\s*)?\)$/i; + + /** + * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff) + * @static + * @field + * @memberOf fabric.Color + */ + fabric.Color.reHex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i; + + /** + * Map of the 148 color names with HEX code + * @static + * @field + * @memberOf fabric.Color + * @see: https://www.w3.org/TR/css3-color/#svg-color + */ + fabric.Color.colorNameMap = { + aliceblue: '#F0F8FF', + antiquewhite: '#FAEBD7', + aqua: '#00FFFF', + aquamarine: '#7FFFD4', + azure: '#F0FFFF', + beige: '#F5F5DC', + bisque: '#FFE4C4', + black: '#000000', + blanchedalmond: '#FFEBCD', + blue: '#0000FF', + blueviolet: '#8A2BE2', + brown: '#A52A2A', + burlywood: '#DEB887', + cadetblue: '#5F9EA0', + chartreuse: '#7FFF00', + chocolate: '#D2691E', + coral: '#FF7F50', + cornflowerblue: '#6495ED', + cornsilk: '#FFF8DC', + crimson: '#DC143C', + cyan: '#00FFFF', + darkblue: '#00008B', + darkcyan: '#008B8B', + darkgoldenrod: '#B8860B', + darkgray: '#A9A9A9', + darkgrey: '#A9A9A9', + darkgreen: '#006400', + darkkhaki: '#BDB76B', + darkmagenta: '#8B008B', + darkolivegreen: '#556B2F', + darkorange: '#FF8C00', + darkorchid: '#9932CC', + darkred: '#8B0000', + darksalmon: '#E9967A', + darkseagreen: '#8FBC8F', + darkslateblue: '#483D8B', + darkslategray: '#2F4F4F', + darkslategrey: '#2F4F4F', + darkturquoise: '#00CED1', + darkviolet: '#9400D3', + deeppink: '#FF1493', + deepskyblue: '#00BFFF', + dimgray: '#696969', + dimgrey: '#696969', + dodgerblue: '#1E90FF', + firebrick: '#B22222', + floralwhite: '#FFFAF0', + forestgreen: '#228B22', + fuchsia: '#FF00FF', + gainsboro: '#DCDCDC', + ghostwhite: '#F8F8FF', + gold: '#FFD700', + goldenrod: '#DAA520', + gray: '#808080', + grey: '#808080', + green: '#008000', + greenyellow: '#ADFF2F', + honeydew: '#F0FFF0', + hotpink: '#FF69B4', + indianred: '#CD5C5C', + indigo: '#4B0082', + ivory: '#FFFFF0', + khaki: '#F0E68C', + lavender: '#E6E6FA', + lavenderblush: '#FFF0F5', + lawngreen: '#7CFC00', + lemonchiffon: '#FFFACD', + lightblue: '#ADD8E6', + lightcoral: '#F08080', + lightcyan: '#E0FFFF', + lightgoldenrodyellow: '#FAFAD2', + lightgray: '#D3D3D3', + lightgrey: '#D3D3D3', + lightgreen: '#90EE90', + lightpink: '#FFB6C1', + lightsalmon: '#FFA07A', + lightseagreen: '#20B2AA', + lightskyblue: '#87CEFA', + lightslategray: '#778899', + lightslategrey: '#778899', + lightsteelblue: '#B0C4DE', + lightyellow: '#FFFFE0', + lime: '#00FF00', + limegreen: '#32CD32', + linen: '#FAF0E6', + magenta: '#FF00FF', + maroon: '#800000', + mediumaquamarine: '#66CDAA', + mediumblue: '#0000CD', + mediumorchid: '#BA55D3', + mediumpurple: '#9370DB', + mediumseagreen: '#3CB371', + mediumslateblue: '#7B68EE', + mediumspringgreen: '#00FA9A', + mediumturquoise: '#48D1CC', + mediumvioletred: '#C71585', + midnightblue: '#191970', + mintcream: '#F5FFFA', + mistyrose: '#FFE4E1', + moccasin: '#FFE4B5', + navajowhite: '#FFDEAD', + navy: '#000080', + oldlace: '#FDF5E6', + olive: '#808000', + olivedrab: '#6B8E23', + orange: '#FFA500', + orangered: '#FF4500', + orchid: '#DA70D6', + palegoldenrod: '#EEE8AA', + palegreen: '#98FB98', + paleturquoise: '#AFEEEE', + palevioletred: '#DB7093', + papayawhip: '#FFEFD5', + peachpuff: '#FFDAB9', + peru: '#CD853F', + pink: '#FFC0CB', + plum: '#DDA0DD', + powderblue: '#B0E0E6', + purple: '#800080', + rebeccapurple: '#663399', + red: '#FF0000', + rosybrown: '#BC8F8F', + royalblue: '#4169E1', + saddlebrown: '#8B4513', + salmon: '#FA8072', + sandybrown: '#F4A460', + seagreen: '#2E8B57', + seashell: '#FFF5EE', + sienna: '#A0522D', + silver: '#C0C0C0', + skyblue: '#87CEEB', + slateblue: '#6A5ACD', + slategray: '#708090', + slategrey: '#708090', + snow: '#FFFAFA', + springgreen: '#00FF7F', + steelblue: '#4682B4', + tan: '#D2B48C', + teal: '#008080', + thistle: '#D8BFD8', + tomato: '#FF6347', + turquoise: '#40E0D0', + violet: '#EE82EE', + wheat: '#F5DEB3', + white: '#FFFFFF', + whitesmoke: '#F5F5F5', + yellow: '#FFFF00', + yellowgreen: '#9ACD32' + }; + + /** + * @private + * @param {Number} p + * @param {Number} q + * @param {Number} t + * @return {Number} + */ + function hue2rgb(p, q, t) { + if (t < 0) { + t += 1; } - /** - * Retrieves viewportTransform from Object's canvas if possible - * @method getViewportTransform - * @memberOf FabricObject.prototype - * @return {TMat2D} - */ - getViewportTransform() { - var _a; - return ((_a = this.canvas) === null || _a === void 0 ? void 0 : _a.viewportTransform) || iMatrix.concat(); + if (t > 1) { + t -= 1; } - /** - * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates. - * those never change with zoom or viewport changes. - * @return {TCornerPoint} - */ - calcACoords() { - const rotateMatrix = calcRotateMatrix({ angle: this.angle }), center = this.getRelativeCenterPoint(), translateMatrix = [1, 0, 0, 1, center.x, center.y], finalMatrix = multiplyTransformMatrices(translateMatrix, rotateMatrix), dim = this._getTransformedDimensions(), w = dim.x / 2, h = dim.y / 2; - return { - // corners - tl: transformPoint({ x: -w, y: -h }, finalMatrix), - tr: transformPoint({ x: w, y: -h }, finalMatrix), - bl: transformPoint({ x: -w, y: h }, finalMatrix), - br: transformPoint({ x: w, y: h }, finalMatrix), - }; + if (t < 1 / 6) { + return p + (q - p) * 6 * t; } - /** - * Sets corner and controls position coordinates based on current angle, width and height, left and top. - * aCoords are used to quickly find an object on the canvas - * lineCoords are used to quickly find object during pointer events. - * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} - * @param {Boolean} [skipCorners] skip calculation of aCoord, lineCoords. - * @return {void} - */ - setCoords() { - this.aCoords = this.calcACoords(); - // in case we are in a group, for how the inner group target check works, - // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. - this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); - } - transformMatrixKey(skipGroup = false) { - const sep = '_'; - let prefix = ''; - if (!skipGroup && this.group) { - prefix = this.group.transformMatrixKey(skipGroup) + sep; - } - return (prefix + - this.top + - sep + - this.left + - sep + - this.scaleX + - sep + - this.scaleY + - sep + - this.skewX + - sep + - this.skewY + - sep + - this.angle + - sep + - this.originX + - sep + - this.originY + - sep + - this.width + - sep + - this.height + - sep + - this.strokeWidth + - this.flipX + - this.flipY); + if (t < 1 / 2) { + return q; } - /** - * calculate transform matrix that represents the current transformations from the - * object's properties. - * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations - * There are some situation in which this is useful to avoid the fake rotation. - * @return {TMat2D} transform matrix for the object - */ - calcTransformMatrix(skipGroup = false) { - let matrix = this.calcOwnMatrix(); - if (skipGroup || !this.group) { - return matrix; - } - const key = this.transformMatrixKey(skipGroup), cache = this.matrixCache; - if (cache && cache.key === key) { - return cache.value; - } - if (this.group) { - matrix = multiplyTransformMatrices(this.group.calcTransformMatrix(false), matrix); - } - this.matrixCache = { - key, - value: matrix, - }; - return matrix; + if (t < 2 / 3) { + return p + (q - p) * (2 / 3 - t) * 6; } - /** - * calculate transform matrix that represents the current transformations from the - * object's properties, this matrix does not include the group transformation - * @return {TMat2D} transform matrix for the object - */ - calcOwnMatrix() { - const key = this.transformMatrixKey(true), cache = this.ownMatrixCache; - if (cache && cache.key === key) { - return cache.value; - } - const center = this.getRelativeCenterPoint(), options = { - angle: this.angle, - translateX: center.x, - translateY: center.y, - scaleX: this.scaleX, - scaleY: this.scaleY, - skewX: this.skewX, - skewY: this.skewY, - flipX: this.flipX, - flipY: this.flipY, - }, value = composeMatrix(options); - this.ownMatrixCache = { - key, - value, - }; - return value; + return p; + } + + /** + * Returns new color object, when given a color in RGB format + * @memberOf fabric.Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255) + * @return {fabric.Color} + */ + fabric.Color.fromRgb = function(color) { + return Color.fromSource(Color.sourceFromRgb(color)); + }; + + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format + * @memberOf fabric.Color + * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%) + * @return {Array} source + */ + fabric.Color.sourceFromRgb = function(color) { + var match = color.match(Color.reRGBa); + if (match) { + var r = parseInt(match[1], 10) / (/%$/.test(match[1]) ? 100 : 1) * (/%$/.test(match[1]) ? 255 : 1), + g = parseInt(match[2], 10) / (/%$/.test(match[2]) ? 100 : 1) * (/%$/.test(match[2]) ? 255 : 1), + b = parseInt(match[3], 10) / (/%$/.test(match[3]) ? 100 : 1) * (/%$/.test(match[3]) ? 255 : 1); + + return [ + parseInt(r, 10), + parseInt(g, 10), + parseInt(b, 10), + match[4] ? parseFloat(match[4]) : 1 + ]; + } + }; + + /** + * Returns new color object, when given a color in RGBA format + * @static + * @function + * @memberOf fabric.Color + * @param {String} color + * @return {fabric.Color} + */ + fabric.Color.fromRgba = Color.fromRgb; + + /** + * Returns new color object, when given a color in HSL format + * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%) + * @memberOf fabric.Color + * @return {fabric.Color} + */ + fabric.Color.fromHsl = function(color) { + return Color.fromSource(Color.sourceFromHsl(color)); + }; + + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format. + * Adapted from https://github.com/mjijackson + * @memberOf fabric.Color + * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1) + * @return {Array} source + * @see http://http://www.w3.org/TR/css3-color/#hsl-color + */ + fabric.Color.sourceFromHsl = function(color) { + var match = color.match(Color.reHSLa); + if (!match) { + return; } - /** - * Calculate object dimensions from its properties - * @private - * @returns {Point} dimensions - */ - _getNonTransformedDimensions() { - return new Point(this.width, this.height).scalarAdd(this.strokeWidth); + + var h = (((parseFloat(match[1]) % 360) + 360) % 360) / 360, + s = parseFloat(match[2]) / (/%$/.test(match[2]) ? 100 : 1), + l = parseFloat(match[3]) / (/%$/.test(match[3]) ? 100 : 1), + r, g, b; + + if (s === 0) { + r = g = b = l; } - /** - * Calculate object dimensions for controls box, including padding and canvas zoom. - * and active selection - * @private - * @param {object} [options] transform options - * @returns {Point} dimensions - */ - _calculateCurrentDimensions(options) { - return this._getTransformedDimensions(options) - .transform(this.getViewportTransform(), true) - .scalarAdd(2 * this.padding); + else { + var 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); } -} -const ALIASING_LIMIT = 2; -/** - * Root object class from which all 2d shape classes inherit from - * @class fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} - * @see {@link fabric.Object#initialize} for constructor definition - * - * @fires added - * @fires removed - * - * @fires selected - * @fires deselected - * @fires modified - * @fires modified - * @fires moved - * @fires scaled - * @fires rotated - * @fires skewed - * - * @fires rotating - * @fires scaling - * @fires moving - * @fires skewing - * - * @fires mousedown - * @fires mouseup - * @fires mouseover - * @fires mouseout - * @fires mousewheel - * @fires mousedblclick - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drop - */ -class FabricObject extends ObjectGeometry { - /** - * Constructor - * @param {Object} [options] Options object - */ - constructor(options) { - super(); - /** - * Quick access for the _cacheCanvas rendering context - * This is part of the objectCaching feature - * since 1.7.0 - * @type boolean - * @default undefined - * @private - */ - this._cacheContext = null; - if (options) { - this.setOptions(options); - } + return [ + Math.round(r * 255), + Math.round(g * 255), + Math.round(b * 255), + match[4] ? parseFloat(match[4]) : 1 + ]; + }; + + /** + * Returns new color object, when given a color in HSLA format + * @static + * @function + * @memberOf fabric.Color + * @param {String} color + * @return {fabric.Color} + */ + fabric.Color.fromHsla = Color.fromHsl; + + /** + * Returns new color object, when given a color in HEX format + * @static + * @memberOf fabric.Color + * @param {String} color Color value ex: FF5555 + * @return {fabric.Color} + */ + fabric.Color.fromHex = function(color) { + return Color.fromSource(Color.sourceFromHex(color)); + }; + + /** + * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format + * @static + * @memberOf fabric.Color + * @param {String} color ex: FF5555 or FF5544CC (RGBa) + * @return {Array} source + */ + fabric.Color.sourceFromHex = function(color) { + if (color.match(Color.reHex)) { + var value = color.slice(color.indexOf('#') + 1), + isShortNotation = (value.length === 3 || value.length === 4), + isRGBa = (value.length === 8 || value.length === 4), + r = isShortNotation ? (value.charAt(0) + value.charAt(0)) : value.substring(0, 2), + g = isShortNotation ? (value.charAt(1) + value.charAt(1)) : value.substring(2, 4), + b = isShortNotation ? (value.charAt(2) + value.charAt(2)) : value.substring(4, 6), + a = isRGBa ? (isShortNotation ? (value.charAt(3) + value.charAt(3)) : value.substring(6, 8)) : 'FF'; + + return [ + parseInt(r, 16), + parseInt(g, 16), + parseInt(b, 16), + parseFloat((parseInt(a, 16) / 255).toFixed(2)) + ]; + } + }; + + /** + * Returns new color object, when given color in array representation (ex: [200, 100, 100, 0.5]) + * @static + * @memberOf fabric.Color + * @param {Array} source + * @return {fabric.Color} + */ + fabric.Color.fromSource = function(source) { + var oColor = new Color(); + oColor.setSource(source); + return oColor; + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'], + skewMap = ['ns', 'nesw', 'ew', 'nwse'], + controls = {}, + LEFT = 'left', TOP = 'top', RIGHT = 'right', BOTTOM = 'bottom', CENTER = 'center', + opposite = { + top: BOTTOM, + bottom: TOP, + left: RIGHT, + right: LEFT, + center: CENTER, + }, radiansToDegrees = fabric.util.radiansToDegrees, + sign = (Math.sign || function(x) { return ((x > 0) - (x < 0)) || +x; }); + + /** + * Combine control position and object angle to find the control direction compared + * to the object center. + * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls + * @param {fabric.Control} control the control class + * @return {Number} 0 - 7 a quadrant number + */ + function findCornerQuadrant(fabricObject, control) { + var cornerAngle = fabricObject.angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; + return Math.round((cornerAngle % 360) / 45); + } + + function fireEvent(eventName, options) { + var target = options.transform.target, + canvas = target.canvas, + canvasOptions = fabric.util.object.clone(options); + canvasOptions.target = target; + canvas && canvas.fire('object:' + eventName, canvasOptions); + target.fire(eventName, options); + } + + /** + * Inspect event and fabricObject properties to understand if the scaling action + * @param {Event} eventData from the user action + * @param {fabric.Object} fabricObject the fabric object about to scale + * @return {Boolean} true if scale is proportional + */ + function scaleIsProportional(eventData, fabricObject) { + var canvas = fabricObject.canvas, uniScaleKey = canvas.uniScaleKey, + uniformIsToggled = eventData[uniScaleKey]; + return (canvas.uniformScaling && !uniformIsToggled) || + (!canvas.uniformScaling && uniformIsToggled); + } + + /** + * Checks if transform is centered + * @param {Object} transform transform data + * @return {Boolean} true if transform is centered + */ + function isTransformCentered(transform) { + return transform.originX === CENTER && transform.originY === CENTER; + } + + /** + * Inspect fabricObject to understand if the current scaling action is allowed + * @param {fabric.Object} fabricObject the fabric object about to scale + * @param {String} by 'x' or 'y' or '' + * @param {Boolean} scaleProportionally true if we are trying to scale proportionally + * @return {Boolean} true if scaling is not allowed at current conditions + */ + function scalingIsForbidden(fabricObject, by, scaleProportionally) { + var lockX = fabricObject.lockScalingX, lockY = fabricObject.lockScalingY; + if (lockX && lockY) { + return true; } - /** - * Temporary compatibility issue with old classes - * @param {Object} [options] Options object - */ - initialize(options) { - if (options) { - this.setOptions(options); - } + if (!by && (lockX || lockY) && scaleProportionally) { + return true; } - /** - * Create a the canvas used to keep the cached copy of the object - * @private - */ - _createCacheCanvas() { - this._cacheCanvas = createCanvasElement(); - this._cacheContext = this._cacheCanvas.getContext('2d'); - this._updateCacheCanvas(); - // if canvas gets created, is empty, so dirty. - this.dirty = true; + if (lockX && by === 'x') { + return true; } - /** - * Limit the cache dimensions so that X * Y do not cross config.perfLimitSizeTotal - * and each side do not cross fabric.cacheSideLimit - * those numbers are configurable so that you can get as much detail as you want - * making bargain with performances. - * @param {Object} dims - * @param {Object} dims.width width of canvas - * @param {Object} dims.height height of canvas - * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _limitCacheSize(dims) { - const width = dims.width, height = dims.height, max = config.maxCacheSideLimit, min = config.minCacheSideLimit; - if (width <= max && - height <= max && - width * height <= config.perfLimitSizeTotal) { - if (width < min) { - dims.width = min; - } - if (height < min) { - dims.height = min; - } - return dims; - } - const ar = width / height, [limX, limY] = cache.limitDimsByArea(ar), x = capValue(min, limX, max), y = capValue(min, limY, max); - if (width > x) { - dims.zoomX /= width / x; - dims.width = x; - dims.capped = true; - } - if (height > y) { - dims.zoomY /= height / y; - dims.height = y; - dims.capped = true; - } - return dims; + if (lockY && by === 'y') { + return true; } - /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. - * @private - * @return {Object}.x width of object to be cached - * @return {Object}.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache - */ - _getCacheCanvasDimensions() { - const objectScale = this.getTotalObjectScaling(), - // calculate dimensions without skewing - dim = this._getTransformedDimensions({ skewX: 0, skewY: 0 }), neededX = (dim.x * objectScale.x) / this.scaleX, neededY = (dim.y * objectScale.y) / this.scaleY; - return { - // for sure this ALIASING_LIMIT is slightly creating problem - // in situation in which the cache canvas gets an upper limit - // also objectScale contains already scaleX and scaleY - width: neededX + ALIASING_LIMIT, - height: neededY + ALIASING_LIMIT, - zoomX: objectScale.x, - zoomY: objectScale.y, - x: neededX, - y: neededY, - }; + return false; + } + + /** + * return the correct cursor style for the scale action + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function scaleCursorStyleHandler(eventData, control, fabricObject) { + var notAllowed = 'not-allowed', + scaleProportionally = scaleIsProportional(eventData, fabricObject), + by = ''; + if (control.x !== 0 && control.y === 0) { + by = 'x'; + } + else if (control.x === 0 && control.y !== 0) { + by = 'y'; } - /** - * Update width and height of the canvas for cache - * returns true or false if canvas needed resize. - * @private - * @return {Boolean} true if the canvas has been resized - */ - _updateCacheCanvas() { - const targetCanvas = this.canvas; - if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { - const target = targetCanvas._currentTransform.target, action = targetCanvas._currentTransform.action; - if (this === target && action.slice && action.slice(0, 5) === 'scale') { - return false; - } - } - const canvas = this._cacheCanvas, context = this._cacheContext, dims = this._limitCacheSize(this._getCacheCanvasDimensions()), minCacheSize = config.minCacheSideLimit, width = dims.width, height = dims.height, zoomX = dims.zoomX, zoomY = dims.zoomY, dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY; - if (!canvas || !context) { - return false; - } - let drawingWidth, drawingHeight, shouldRedraw = dimensionsChanged || zoomChanged, additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; - if (dimensionsChanged) { - const canvasWidth = this._cacheCanvas.width, canvasHeight = this._cacheCanvas.height, sizeGrowing = width > canvasWidth || height > canvasHeight, sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && - canvasWidth > minCacheSize && - canvasHeight > minCacheSize; - shouldResizeCanvas = sizeGrowing || sizeShrinking; - if (sizeGrowing && - !dims.capped && - (width > minCacheSize || height > minCacheSize)) { - additionalWidth = width * 0.1; - additionalHeight = height * 0.1; - } - } - if (this instanceof fabric$1.Text && this.path) { - shouldRedraw = true; - shouldResizeCanvas = true; - // IMHO in those lines we are using zoomX and zoomY not the this version. - additionalWidth += this.getHeightOfLine(0) * this.zoomX; - additionalHeight += this.getHeightOfLine(0) * this.zoomY; - } - if (shouldRedraw) { - if (shouldResizeCanvas) { - canvas.width = Math.ceil(width + additionalWidth); - canvas.height = Math.ceil(height + additionalHeight); - } - else { - context.setTransform(1, 0, 0, 1, 0, 0); - context.clearRect(0, 0, canvas.width, canvas.height); - } - drawingWidth = dims.x / 2; - drawingHeight = dims.y / 2; - this.cacheTranslationX = - Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; - this.cacheTranslationY = - Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; - this.cacheWidth = width; - this.cacheHeight = height; - context.translate(this.cacheTranslationX, this.cacheTranslationY); - context.scale(zoomX, zoomY); - this.zoomX = zoomX; - this.zoomY = zoomY; - return true; - } + if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { + return notAllowed; + } + var n = findCornerQuadrant(fabricObject, control); + return scaleMap[n] + '-resize'; + } + + /** + * return the correct cursor style for the skew action + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function skewCursorStyleHandler(eventData, control, fabricObject) { + var notAllowed = 'not-allowed'; + if (control.x !== 0 && fabricObject.lockSkewingY) { + return notAllowed; + } + if (control.y !== 0 && fabricObject.lockSkewingX) { + return notAllowed; + } + var n = findCornerQuadrant(fabricObject, control) % 4; + return skewMap[n] + '-resize'; + } + + /** + * Combine skew and scale style handlers to cover fabric standard use case + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function scaleSkewCursorStyleHandler(eventData, control, fabricObject) { + if (eventData[fabricObject.canvas.altActionKey]) { + return controls.skewCursorStyleHandler(eventData, control, fabricObject); + } + return controls.scaleCursorStyleHandler(eventData, control, fabricObject); + } + + /** + * Inspect event, control and fabricObject to return the correct action name + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} an action name + */ + function scaleOrSkewActionName(eventData, control, fabricObject) { + var isAlternative = eventData[fabricObject.canvas.altActionKey]; + if (control.x === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewX' : 'scaleY'; + } + if (control.y === 0) { + // then is scaleY or skewX + return isAlternative ? 'skewY' : 'scaleX'; + } + } + + /** + * Find the correct style for the control that is used for rotation. + * this function is very simple and it just take care of not-allowed or standard cursor + * @param {Event} eventData the javascript event that is causing the scale + * @param {fabric.Control} control the control that is interested in the action + * @param {fabric.Object} fabricObject the fabric object that is interested in the action + * @return {String} a valid css string for the cursor + */ + function rotationStyleHandler(eventData, control, fabricObject) { + if (fabricObject.lockRotation) { + return 'not-allowed'; + } + return control.cursorStyle; + } + + function commonEventInfo(eventData, transform, x, y) { + return { + e: eventData, + transform: transform, + pointer: { + x: x, + y: y, + } + }; + } + + /** + * Wrap an action handler with saving/restoring object position on the transform. + * this is the code that permits to objects to keep their position while transforming. + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature + */ + function wrapWithFixedAnchor(actionHandler) { + return function(eventData, transform, x, y) { + var target = transform.target, centerPoint = target.getCenterPoint(), + constraint = target.translateToOriginPoint(centerPoint, transform.originX, transform.originY), + actionPerformed = actionHandler(eventData, transform, x, y); + target.setPositionByOrigin(constraint, transform.originX, transform.originY); + return actionPerformed; + }; + } + + /** + * Wrap an action handler with firing an event if the action is performed + * @param {Function} actionHandler the function to wrap + * @return {Function} a function with an action handler signature + */ + function wrapWithFireEvent(eventName, actionHandler) { + return function(eventData, transform, x, y) { + var actionPerformed = actionHandler(eventData, transform, x, y); + if (actionPerformed) { + fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); + } + return actionPerformed; + }; + } + + /** + * Transforms a point described by x and y in a distance from the top left corner of the object + * bounding box. + * @param {Object} transform + * @param {String} originX + * @param {String} originY + * @param {number} x + * @param {number} y + * @return {Fabric.Point} the normalized point + */ + function getLocalPoint(transform, originX, originY, x, y) { + var target = transform.target, + control = target.controls[transform.corner], + zoom = target.canvas.getZoom(), + padding = target.padding / zoom, + localPoint = target.toLocalPoint(new fabric.Point(x, y), originX, originY); + if (localPoint.x >= padding) { + localPoint.x -= padding; + } + if (localPoint.x <= -padding) { + localPoint.x += padding; + } + if (localPoint.y >= padding) { + localPoint.y -= padding; + } + if (localPoint.y <= padding) { + localPoint.y += padding; + } + localPoint.x -= control.offsetX; + localPoint.y -= control.offsetY; + return localPoint; + } + + /** + * Detect if the fabric object is flipped on one side. + * @param {fabric.Object} target + * @return {Boolean} true if one flip, but not two. + */ + function targetHasOneFlip(target) { + return target.flipX !== target.flipY; + } + + /** + * Utility function to compensate the scale factor when skew is applied on both axes + * @private + */ + function compensateScaleForSkew(target, oppositeSkew, scaleToCompensate, axis, reference) { + if (target[oppositeSkew] !== 0) { + var newDim = target._getTransformedDimensions()[axis]; + var newValue = reference / newDim * target[scaleToCompensate]; + target.set(scaleToCompensate, newValue); + } + } + + /** + * Action handler for skewing on the X axis + * @private + */ + function skewObjectX(eventData, transform, x, y) { + var target = transform.target, + // find how big the object would be, if there was no skewX. takes in account scaling + dimNoSkew = target._getTransformedDimensions(0, target.skewY), + localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), + // the mouse is in the center of the object, and we want it to stay there. + // so the object will grow twice as much as the mouse. + // this makes the skew growth to localPoint * 2 - dimNoSkew. + totalSkewSize = Math.abs(localPoint.x * 2) - dimNoSkew.x, + currentSkew = target.skewX, newSkew; + if (totalSkewSize < 2) { + // let's make it easy to go back to position 0. + newSkew = 0; + } + else { + newSkew = radiansToDegrees( + Math.atan2((totalSkewSize / target.scaleX), (dimNoSkew.y / target.scaleY)) + ); + // now we have to find the sign of the skew. + // it mostly depend on the origin of transformation. + if (transform.originX === LEFT && transform.originY === BOTTOM) { + newSkew = -newSkew; + } + if (transform.originX === RIGHT && transform.originY === TOP) { + newSkew = -newSkew; + } + if (targetHasOneFlip(target)) { + newSkew = -newSkew; + } + } + var hasSkewed = currentSkew !== newSkew; + if (hasSkewed) { + var dimBeforeSkewing = target._getTransformedDimensions().y; + target.set('skewX', newSkew); + compensateScaleForSkew(target, 'skewY', 'scaleY', 'y', dimBeforeSkewing); + } + return hasSkewed; + } + + /** + * Action handler for skewing on the Y axis + * @private + */ + function skewObjectY(eventData, transform, x, y) { + var target = transform.target, + // find how big the object would be, if there was no skewX. takes in account scaling + dimNoSkew = target._getTransformedDimensions(target.skewX, 0), + localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), + // the mouse is in the center of the object, and we want it to stay there. + // so the object will grow twice as much as the mouse. + // this makes the skew growth to localPoint * 2 - dimNoSkew. + totalSkewSize = Math.abs(localPoint.y * 2) - dimNoSkew.y, + currentSkew = target.skewY, newSkew; + if (totalSkewSize < 2) { + // let's make it easy to go back to position 0. + newSkew = 0; + } + else { + newSkew = radiansToDegrees( + Math.atan2((totalSkewSize / target.scaleY), (dimNoSkew.x / target.scaleX)) + ); + // now we have to find the sign of the skew. + // it mostly depend on the origin of transformation. + if (transform.originX === LEFT && transform.originY === BOTTOM) { + newSkew = -newSkew; + } + if (transform.originX === RIGHT && transform.originY === TOP) { + newSkew = -newSkew; + } + if (targetHasOneFlip(target)) { + newSkew = -newSkew; + } + } + var hasSkewed = currentSkew !== newSkew; + if (hasSkewed) { + var dimBeforeSkewing = target._getTransformedDimensions().x; + target.set('skewY', newSkew); + compensateScaleForSkew(target, 'skewX', 'scaleX', 'x', dimBeforeSkewing); + } + return hasSkewed; + } + + /** + * Wrapped Action handler for skewing on the Y axis, takes care of the + * skew direction and determine the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function skewHandlerX(eventData, transform, x, y) { + // step1 figure out and change transform origin. + // if skewX > 0 and originY bottom we anchor on right + // if skewX > 0 and originY top we anchor on left + // if skewX < 0 and originY bottom we anchor on left + // if skewX < 0 and originY top we anchor on right + // if skewX is 0, we look for mouse position to understand where are we going. + var target = transform.target, currentSkew = target.skewX, originX, originY = transform.originY; + if (target.lockSkewingX) { + return false; + } + if (currentSkew === 0) { + var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); + if (localPointFromCenter.x > 0) { + // we are pulling right, anchor left; + originX = LEFT; + } + else { + // we are pulling right, anchor right + originX = RIGHT; + } + } + else { + if (currentSkew > 0) { + originX = originY === TOP ? LEFT : RIGHT; + } + if (currentSkew < 0) { + originX = originY === TOP ? RIGHT : LEFT; + } + // is the object flipped on one side only? swap the origin. + if (targetHasOneFlip(target)) { + originX = originX === LEFT ? RIGHT : LEFT; + } + } + + // once we have the origin, we find the anchor point + transform.originX = originX; + var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectX)); + return finalHandler(eventData, transform, x, y); + } + + /** + * Wrapped Action handler for skewing on the Y axis, takes care of the + * skew direction and determine the correct transform origin for the anchor point + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function skewHandlerY(eventData, transform, x, y) { + // step1 figure out and change transform origin. + // if skewY > 0 and originX left we anchor on top + // if skewY > 0 and originX right we anchor on bottom + // if skewY < 0 and originX left we anchor on bottom + // if skewY < 0 and originX right we anchor on top + // if skewY is 0, we look for mouse position to understand where are we going. + var target = transform.target, currentSkew = target.skewY, originY, originX = transform.originX; + if (target.lockSkewingY) { + return false; + } + if (currentSkew === 0) { + var localPointFromCenter = getLocalPoint(transform, CENTER, CENTER, x, y); + if (localPointFromCenter.y > 0) { + // we are pulling down, anchor up; + originY = TOP; + } + else { + // we are pulling up, anchor down + originY = BOTTOM; + } + } + else { + if (currentSkew > 0) { + originY = originX === LEFT ? TOP : BOTTOM; + } + if (currentSkew < 0) { + originY = originX === LEFT ? BOTTOM : TOP; + } + // is the object flipped on one side only? swap the origin. + if (targetHasOneFlip(target)) { + originY = originY === TOP ? BOTTOM : TOP; + } + } + + // once we have the origin, we find the anchor point + transform.originY = originY; + var finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor(skewObjectY)); + return finalHandler(eventData, transform, x, y); + } + + /** + * Action handler for rotation and snapping, without anchor point. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + * @private + */ + function rotationWithSnapping(eventData, transform, x, y) { + var t = transform, + target = t.target, + pivotPoint = target.translateToOriginPoint(target.getCenterPoint(), t.originX, t.originY); + + if (target.lockRotation) { + return false; + } + + var lastAngle = Math.atan2(t.ey - pivotPoint.y, t.ex - pivotPoint.x), + curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x), + angle = radiansToDegrees(curAngle - lastAngle + t.theta), + hasRotated = true; + + if (target.snapAngle > 0) { + var snapAngle = target.snapAngle, + snapThreshold = target.snapThreshold || snapAngle, + rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, + leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; + + if (Math.abs(angle - leftAngleLocked) < snapThreshold) { + angle = leftAngleLocked; + } + else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { + angle = rightAngleLocked; + } + } + + // normalize angle to positive value + if (angle < 0) { + angle = 360 + angle; + } + angle %= 360; + + hasRotated = target.angle !== angle; + target.angle = angle; + return hasRotated; + } + + /** + * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @param {Object} options additional information for scaling + * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling + * @return {Boolean} true if some change happened + * @private + */ + function scaleObject(eventData, transform, x, y, options) { + options = options || {}; + var target = transform.target, + lockScalingX = target.lockScalingX, lockScalingY = target.lockScalingY, + by = options.by, newPoint, scaleX, scaleY, dim, + scaleProportionally = scaleIsProportional(eventData, target), + forbidScaling = scalingIsForbidden(target, by, scaleProportionally), + signX, signY, gestureScale = transform.gestureScale; + + if (forbidScaling) { + return false; + } + if (gestureScale) { + scaleX = transform.scaleX * gestureScale; + scaleY = transform.scaleY * gestureScale; + } + else { + newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); + // use of sign: We use sign to detect change of direction of an action. sign usually change when + // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling + // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily + // cross many time the origin point and flip the object. so we need a way to filter out the noise. + // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. + signX = by !== 'y' ? sign(newPoint.x) : 1; + signY = by !== 'x' ? sign(newPoint.y) : 1; + if (!transform.signX) { + transform.signX = signX; + } + if (!transform.signY) { + transform.signY = signY; + } + + if (target.lockScalingFlip && + (transform.signX !== signX || transform.signY !== signY) + ) { return false; + } + + dim = target._getTransformedDimensions(); + // missing detection of flip and logic to switch the origin + if (scaleProportionally && !by) { + // uniform scaling + var distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), + original = transform.original, + originalDistance = Math.abs(dim.x * original.scaleX / target.scaleX) + + Math.abs(dim.y * original.scaleY / target.scaleY), + scale = distance / originalDistance; + scaleX = original.scaleX * scale; + scaleY = original.scaleY * scale; + } + else { + scaleX = Math.abs(newPoint.x * target.scaleX / dim.x); + scaleY = Math.abs(newPoint.y * target.scaleY / dim.y); + } + // if we are scaling by center, we need to double the scale + if (isTransformCentered(transform)) { + scaleX *= 2; + scaleY *= 2; + } + if (transform.signX !== signX && by !== 'y') { + transform.originX = opposite[transform.originX]; + scaleX *= -1; + transform.signX = signX; + } + if (transform.signY !== signY && by !== 'x') { + transform.originY = opposite[transform.originY]; + scaleY *= -1; + transform.signY = signY; + } } - /** - * Sets object's properties from options - * @param {Object} [options] Options object - */ - setOptions(options = {}) { - this._setOptions(options); + // minScale is taken are in the setter. + var oldScaleX = target.scaleX, oldScaleY = target.scaleY; + if (!by) { + !lockScalingX && target.set('scaleX', scaleX); + !lockScalingY && target.set('scaleY', scaleY); + } + else { + // forbidden cases already handled on top here. + by === 'x' && target.set('scaleX', scaleX); + by === 'y' && target.set('scaleY', scaleY); + } + return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; + } + + /** + * Generic scaling logic, to scale from corners either equally or freely. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scaleObjectFromCorner(eventData, transform, x, y) { + return scaleObject(eventData, transform, x, y); + } + + /** + * Scaling logic for the X axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scaleObjectX(eventData, transform, x, y) { + return scaleObject(eventData, transform, x, y , { by: 'x' }); + } + + /** + * Scaling logic for the Y axis. + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scaleObjectY(eventData, transform, x, y) { + return scaleObject(eventData, transform, x, y , { by: 'y' }); + } + + /** + * Composed action handler to either scale Y or skew X + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scalingYOrSkewingX(eventData, transform, x, y) { + // ok some safety needed here. + if (eventData[transform.target.canvas.altActionKey]) { + return controls.skewHandlerX(eventData, transform, x, y); + } + return controls.scalingY(eventData, transform, x, y); + } + + /** + * Composed action handler to either scale X or skew Y + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function scalingXOrSkewingY(eventData, transform, x, y) { + // ok some safety needed here. + if (eventData[transform.target.canvas.altActionKey]) { + return controls.skewHandlerY(eventData, transform, x, y); + } + return controls.scalingX(eventData, transform, x, y); + } + + /** + * Action handler to change textbox width + * Needs to be wrapped with `wrapWithFixedAnchor` to be effective + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if some change happened + */ + function changeWidth(eventData, transform, x, y) { + var target = transform.target, localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y), + strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), + multiplier = isTransformCentered(transform) ? 2 : 1, + oldWidth = target.width, + newWidth = Math.abs(localPoint.x * multiplier / target.scaleX) - strokePadding; + target.set('width', Math.max(newWidth, 0)); + return oldWidth !== newWidth; + } + + /** + * Action handler + * @private + * @param {Event} eventData javascript event that is doing the transform + * @param {Object} transform javascript object containing a series of information around the current transform + * @param {number} x current mouse x position, canvas normalized + * @param {number} y current mouse y position, canvas normalized + * @return {Boolean} true if the translation occurred + */ + function dragHandler(eventData, transform, x, y) { + var target = transform.target, + newLeft = x - transform.offsetX, + newTop = y - transform.offsetY, + moveX = !target.get('lockMovementX') && target.left !== newLeft, + moveY = !target.get('lockMovementY') && target.top !== newTop; + moveX && target.set('left', newLeft); + moveY && target.set('top', newTop); + if (moveX || moveY) { + fireEvent('moving', commonEventInfo(eventData, transform, x, y)); + } + return moveX || moveY; + } + + controls.scaleCursorStyleHandler = scaleCursorStyleHandler; + controls.skewCursorStyleHandler = skewCursorStyleHandler; + controls.scaleSkewCursorStyleHandler = scaleSkewCursorStyleHandler; + controls.rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotationWithSnapping)); + controls.scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor( scaleObjectFromCorner)); + controls.scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); + controls.scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); + controls.scalingYOrSkewingX = scalingYOrSkewingX; + controls.scalingXOrSkewingY = scalingXOrSkewingY; + controls.changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeWidth)); + controls.skewHandlerX = skewHandlerX; + controls.skewHandlerY = skewHandlerY; + controls.dragHandler = dragHandler; + controls.scaleOrSkewActionName = scaleOrSkewActionName; + controls.rotationStyleHandler = rotationStyleHandler; + controls.fireEvent = fireEvent; + controls.wrapWithFixedAnchor = wrapWithFixedAnchor; + controls.wrapWithFireEvent = wrapWithFireEvent; + controls.getLocalPoint = getLocalPoint; + fabric.controlsUtils = controls; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + degreesToRadians = fabric.util.degreesToRadians, + controls = fabric.controlsUtils; + + /** + * Render a round control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for fabric.Object controls style + * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls + */ + function renderCircleControl (ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, + ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, + transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? + styleOverride.transparentCorners : fabricObject.transparentCorners, + methodName = transparentCorners ? 'stroke' : 'fill', + stroke = !transparentCorners && (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), + myLeft = left, + myTop = top, size; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; + ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; + // as soon as fabric react v5, remove ie11, use proper ellipse code. + if (xSize > ySize) { + size = xSize; + ctx.scale(1.0, ySize / xSize); + myTop = top * xSize / ySize; + } + else if (ySize > xSize) { + size = ySize; + ctx.scale(xSize / ySize, 1.0); + myLeft = left * ySize / xSize; + } + else { + size = xSize; + } + // this is still wrong + ctx.lineWidth = 1; + ctx.beginPath(); + ctx.arc(myLeft, myTop, size / 2, 0, 2 * Math.PI, false); + ctx[methodName](); + if (stroke) { + ctx.stroke(); + } + ctx.restore(); + } + + /** + * Render a square control, as per fabric features. + * This function is written to respect object properties like transparentCorners, cornerSize + * cornerColor, cornerStrokeColor + * plus the addition of offsetY and offsetX. + * @param {CanvasRenderingContext2D} ctx context to render on + * @param {Number} left x coordinate where the control center should be + * @param {Number} top y coordinate where the control center should be + * @param {Object} styleOverride override for fabric.Object controls style + * @param {fabric.Object} fabricObject the fabric object for which we are rendering controls + */ + function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + var xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, + ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, + transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? + styleOverride.transparentCorners : fabricObject.transparentCorners, + methodName = transparentCorners ? 'stroke' : 'fill', + stroke = !transparentCorners && ( + styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor + ), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; + ctx.save(); + ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor; + ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor; + // this is still wrong + ctx.lineWidth = 1; + ctx.translate(left, top); + ctx.rotate(degreesToRadians(fabricObject.angle)); + // this does not work, and fixed with ( && ) does not make sense. + // to have real transparent corners we need the controls on upperCanvas + // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); + ctx[methodName + 'Rect'](-xSizeBy2, -ySizeBy2, xSize, ySize); + if (stroke) { + ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); } + ctx.restore(); + } + + controls.renderCircleControl = renderCircleControl; + controls.renderSquareControl = renderSquareControl; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + function Control(options) { + for (var i in options) { + this[i] = options[i]; + } + } + + fabric.Control = Control; + + fabric.Control.prototype = /** @lends fabric.Control.prototype */ { + /** - * Transforms context when rendering an object - * @param {CanvasRenderingContext2D} ctx Context + * keep track of control visibility. + * mainly for backward compatibility. + * if you do not want to see a control, you can remove it + * from the controlset. + * @type {Boolean} + * @default true */ - transform(ctx) { - const needFullTransform = (this.group && !this.group._transformDone) || - (this.group && this.canvas && ctx === this.canvas.contextTop); - const m = this.calcTransformMatrix(!needFullTransform); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - } + visible: true, + /** - * Returns an object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance + * Name of the action that the control will likely execute. + * This is optional. FabricJS uses to identify what the user is doing for some + * extra optimizations. If you are writing a custom control and you want to know + * somewhere else in the code what is going on, you can use this string here. + * you can also provide a custom getActionName if your control run multiple actions + * depending on some external state. + * default to scale since is the most common, used on 4 corners by default + * @type {String} + * @default 'scale' + */ + actionName: 'scale', + + /** + * Drawing angle of the control. + * NOT used for now, but name marked as needed for internal logic + * example: to reuse the same drawing function for different rotated controls + * @type {Number} + * @default 0 */ - toObject(propertiesToInclude) { - const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, clipPathData = this.clipPath && !this.clipPath.excludeFromExport - ? Object.assign(Object.assign({}, this.clipPath.toObject(propertiesToInclude)), { inverted: this.clipPath.inverted, absolutePositioned: this.clipPath.absolutePositioned }) : null, object = Object.assign(Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, version: version, originX: this.originX, originY: this.originY, left: toFixed(this.left, NUM_FRACTION_DIGITS), top: toFixed(this.top, NUM_FRACTION_DIGITS), width: toFixed(this.width, NUM_FRACTION_DIGITS), height: toFixed(this.height, NUM_FRACTION_DIGITS), fill: this.fill && this.fill.toObject ? this.fill.toObject() : this.fill, stroke: this.stroke && this.stroke.toObject - ? this.stroke.toObject() - : this.stroke, strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), strokeDashArray: this.strokeDashArray - ? this.strokeDashArray.concat() - : this.strokeDashArray, strokeLineCap: this.strokeLineCap, strokeDashOffset: this.strokeDashOffset, strokeLineJoin: this.strokeLineJoin, strokeUniform: this.strokeUniform, strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), angle: toFixed(this.angle, NUM_FRACTION_DIGITS), flipX: this.flipX, flipY: this.flipY, opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), shadow: this.shadow && this.shadow.toObject - ? this.shadow.toObject() - : this.shadow, visible: this.visible, backgroundColor: this.backgroundColor, fillRule: this.fillRule, paintFirst: this.paintFirst, globalCompositeOperation: this.globalCompositeOperation, skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS) }), (clipPathData ? { clipPath: clipPathData } : null)); - return !this.includeDefaultValues - ? this._removeDefaultValues(object) - : object; - } + angle: 0, + /** - * Returns (dataless) object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance + * Relative position of the control. X + * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 */ - toDatalessObject(propertiesToInclude) { - // will be overwritten by subclasses - return this.toObject(propertiesToInclude); - } + x: 0, + /** - * @private - * @param {Object} object + * Relative position of the control. Y + * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities + * of the bounding box. + * @type {Number} + * @default 0 */ - _removeDefaultValues(object) { - const prototype = fabric$1.util.getKlass(object.type).prototype; - Object.keys(object).forEach(function (prop) { - if (prop === 'left' || prop === 'top' || prop === 'type') { - return; - } - if (object[prop] === prototype[prop]) { - delete object[prop]; - } - // basically a check for [] === [] - if (Array.isArray(object[prop]) && - Array.isArray(prototype[prop]) && - object[prop].length === 0 && - prototype[prop].length === 0) { - delete object[prop]; - } - }); - return object; - } + y: 0, + /** - * Returns a string representation of an instance - * @return {String} + * Horizontal offset of the control from the defined position. In pixels + * Positive offset moves the control to the right, negative to the left. + * It used when you want to have position of control that does not scale with + * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on + * the boundindbox, with an offset of 30 pixels vertically. Those 30 pixels will + * stay 30 pixels no matter how the object is big. Another example is having 2 + * controls in the corner, that stay in the same position when the object scale. + * of the bounding box. + * @type {Number} + * @default 0 + */ + offsetX: 0, + + /** + * Vertical offset of the control from the defined position. In pixels + * Positive offset moves the control to the bottom, negative to the top. + * @type {Number} + * @default 0 */ - toString() { - return '#'; - } + offsetY: 0, + /** - * Return the object scale factor counting also the group scaling - * @return {Point} + * Sets the length of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null */ - getObjectScaling() { - // if the object is a top level one, on the canvas, we go for simple aritmetic - // otherwise the complex method with angles will return approximations and decimals - // and will likely kill the cache when not needed - // https://github.com/fabricjs/fabric.js/issues/7157 - if (!this.group) { - return new Point(Math.abs(this.scaleX), Math.abs(this.scaleY)); - } - // if we are inside a group total zoom calculation is complex, we defer to generic matrices - const options = qrDecompose(this.calcTransformMatrix()); - return new Point(Math.abs(options.scaleX), Math.abs(options.scaleY)); - } + sizeX: null, + /** - * Return the object scale factor counting also the group scaling, zoom and retina - * @return {Object} object with scaleX and scaleY properties + * Sets the height of the control. If null, defaults to object's cornerSize. + * Expects both sizeX and sizeY to be set when set. + * @type {?Number} + * @default null */ - getTotalObjectScaling() { - const scale = this.getObjectScaling(); - if (this.canvas) { - const zoom = this.canvas.getZoom(); - const retina = this.canvas.getRetinaScaling(); - return scale.scalarMultiply(zoom * retina); - } - return scale; - } + sizeY: null, + /** - * Return the object opacity counting also the group property - * @return {Number} + * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null */ - getObjectOpacity() { - let opacity = this.opacity; - if (this.group) { - opacity *= this.group.getObjectOpacity(); - } - return opacity; - } + touchSizeX: null, + /** - * Makes sure the scale is valid and modifies it if necessary - * @todo: this is a control action issue, not a geometry one - * @private - * @param {Number} value, unconstrained - * @return {Number} constrained value; + * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. + * Expects both touchSizeX and touchSizeY to be set when set. + * @type {?Number} + * @default null */ - _constrainScale(value) { - if (Math.abs(value) < this.minScaleLimit) { - if (value < 0) { - return -this.minScaleLimit; - } - else { - return this.minScaleLimit; - } - } - else if (value === 0) { - return 0.0001; - } - return value; - } + touchSizeY: null, + /** - * @private - * @param {String} key - * @param {*} value - * @return {fabric.Object} thisArg + * Css cursor style to display when the control is hovered. + * if the method `cursorStyleHandler` is provided, this property is ignored. + * @type {String} + * @default 'crosshair' */ - _set(key, value) { - const shouldConstrainValue = key === 'scaleX' || key === 'scaleY', isChanged = this[key] !== value; - if (shouldConstrainValue) { - value = this._constrainScale(value); - } - if (key === 'scaleX' && value < 0) { - this.flipX = !this.flipX; - value *= -1; - } - else if (key === 'scaleY' && value < 0) { - this.flipY = !this.flipY; - value *= -1; - } - else if (key === 'shadow' && value && !(value instanceof fabric$1.Shadow)) { - value = new fabric$1.Shadow(value); - } - else if (key === 'dirty' && this.group) { - this.group.set('dirty', value); - } - this[key] = value; - if (isChanged) { - const groupNeedsUpdate = this.group && this.group.isOnACache(); - if (this.cacheProperties.indexOf(key) > -1) { - this.dirty = true; - groupNeedsUpdate && this.group.set('dirty', true); - } - else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { - this.group.set('dirty', true); - } - } - return this; - } - /* - * @private - * return if the object would be visible in rendering - * @memberOf FabricObject.prototype - * @return {Boolean} + cursorStyle: 'crosshair', + + /** + * If controls has an offsetY or offsetX, draw a line that connects + * the control to the bounding box + * @type {Boolean} + * @default false */ - isNotVisible() { - return (this.opacity === 0 || - (!this.width && !this.height && this.strokeWidth === 0) || - !this.visible); - } + withConnection: false, + /** - * Renders an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on + * The control actionHandler, provide one to handle action ( control being moved ) + * @param {Event} eventData the native mouse event + * @param {Object} transformData properties of the current transform + * @param {Number} x x position of the cursor + * @param {Number} y y position of the cursor + * @return {Boolean} true if the action/event modified the object */ - render(ctx) { - // do not render if width/height are zeros or object is not visible - if (this.isNotVisible()) { - return; - } - if (this.canvas && - this.canvas.skipOffscreen && - !this.group && - !this.isOnScreen()) { - return; - } - ctx.save(); - this._setupCompositeOperation(ctx); - this.drawSelectionBackground(ctx); - this.transform(ctx); - this._setOpacity(ctx); - this._setShadow(ctx); - if (this.shouldCache()) { - this.renderCache(); - this.drawCacheOnCanvas(ctx); - } - else { - this._removeCacheCanvas(); - this.dirty = false; - this.drawObject(ctx); - if (this.objectCaching && this.statefullCache) { - this.saveState({ propertySet: 'cacheProperties' }); - } - } - ctx.restore(); - } - renderCache(options) { - options = options || {}; - if (!this._cacheCanvas || !this._cacheContext) { - this._createCacheCanvas(); - } - if (this.isCacheDirty() && this._cacheContext) { - this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); - this.drawObject(this._cacheContext, options.forClipping); - this.dirty = false; - } - } + actionHandler: function(/* eventData, transformData, x, y */) { }, + /** - * Remove cacheCanvas and its dimensions from the objects + * The control handler for mouse down, provide one to handle mouse down on control + * @param {Event} eventData the native mouse event + * @param {Object} transformData properties of the current transform + * @param {Number} x x position of the cursor + * @param {Number} y y position of the cursor + * @return {Boolean} true if the action/event modified the object */ - _removeCacheCanvas() { - this._cacheCanvas = undefined; - this._cacheContext = null; - this.cacheWidth = 0; - this.cacheHeight = 0; - } + mouseDownHandler: function(/* eventData, transformData, x, y */) { }, + /** - * return true if the object will draw a stroke - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when stroke happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the stroke is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasStroke() { - return (this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0); - } - /** - * return true if the object will draw a fill - * Does not consider text styles. This is just a shortcut used at rendering time - * We want it to be an approximation and be fast. - * wrote to avoid extra caching, it has to return true when fill happens, - * can guess when it will not happen at 100% chance, does not matter if it misses - * some use case where the fill is invisible. - * @since 3.0.0 - * @returns Boolean - */ - hasFill() { - return this.fill && this.fill !== 'transparent'; - } - /** - * When set to `true`, force the object to have its own cache, even if it is inside a group - * it may be needed when your object behave in a particular way on the cache and always needs - * its own isolated canvas to render correctly. - * Created to be overridden - * since 1.7.12 - * @returns Boolean + * The control mouseUpHandler, provide one to handle an effect on mouse up. + * @param {Event} eventData the native mouse event + * @param {Object} transformData properties of the current transform + * @param {Number} x x position of the cursor + * @param {Number} y y position of the cursor + * @return {Boolean} true if the action/event modified the object */ - needsItsOwnCache() { - if (this.paintFirst === 'stroke' && - this.hasFill() && - this.hasStroke() && - typeof this.shadow === 'object') { - return true; - } - if (this.clipPath) { - return true; - } - return false; - } + mouseUpHandler: function(/* eventData, transformData, x, y */) { }, + /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * Read as: cache if is needed, or if the feature is enabled but we are not already caching. - * @return {Boolean} + * Returns control actionHandler + * @param {Event} eventData the native mouse event + * @param {fabric.Object} fabricObject on which the control is displayed + * @param {fabric.Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - shouldCache() { - this.ownCaching = - this.needsItsOwnCache() || - (this.objectCaching && (!this.group || !this.group.isOnACache())); - return this.ownCaching; - } + getActionHandler: function(/* eventData, fabricObject, control */) { + return this.actionHandler; + }, + /** - * Check if this object or a child object will cast a shadow - * used by Group.shouldCache to know if child has a shadow recursively - * @return {Boolean} - * @deprecated + * Returns control mouseDown handler + * @param {Event} eventData the native mouse event + * @param {fabric.Object} fabricObject on which the control is displayed + * @param {fabric.Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - willDrawShadow() { - return (!!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0)); - } + getMouseDownHandler: function(/* eventData, fabricObject, control */) { + return this.mouseDownHandler; + }, + /** - * Execute the drawing operation for an object clipPath - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Object} clipPath - * todo while converting things, we need a type that is a union of classes that - * represent the fabricObjects. Rect, Circle... + * Returns control mouseUp handler + * @param {Event} eventData the native mouse event + * @param {fabric.Object} fabricObject on which the control is displayed + * @param {fabric.Control} control control for which the action handler is being asked + * @return {Function} the action handler */ - drawClipPathOnCache(ctx, clipPath) { - ctx.save(); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4 - if (clipPath.inverted) { - ctx.globalCompositeOperation = 'destination-out'; - } - else { - ctx.globalCompositeOperation = 'destination-in'; - } - //ctx.scale(1 / 2, 1 / 2); - if (clipPath.absolutePositioned) { - const m = fabric$1.util.invertTransform(this.calcTransformMatrix()); - ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - } - clipPath.transform(ctx); - ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); - ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); - ctx.restore(); - } + getMouseUpHandler: function(/* eventData, fabricObject, control */) { + return this.mouseUpHandler; + }, + /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {boolean} forClipping apply clipping styles + * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate + * function you can pass one in the constructor + * the cursorStyle property + * @param {Event} eventData the native mouse event + * @param {fabric.Control} control the current control ( likely this) + * @param {fabric.Object} object on which the control is displayed + * @return {String} */ - drawObject(ctx, forClipping) { - const originalFill = this.fill, originalStroke = this.stroke; - if (forClipping) { - this.fill = 'black'; - this.stroke = ''; - this._setClippingProperties(ctx); - } - else { - this._renderBackground(ctx); - } - this._render(ctx); - this._drawClipPath(ctx, this.clipPath); - this.fill = originalFill; - this.stroke = originalStroke; - } + cursorStyleHandler: function(eventData, control /* fabricObject */) { + return control.cursorStyle; + }, + /** - * Prepare clipPath state and cache and draw it on instance's cache - * @param {CanvasRenderingContext2D} ctx - * @param {fabric.Object} clipPath + * Returns the action name. The basic implementation just return the actionName property. + * @param {Event} eventData the native mouse event + * @param {fabric.Control} control the current control ( likely this) + * @param {fabric.Object} object on which the control is displayed + * @return {String} */ - _drawClipPath(ctx, clipPath) { - if (!clipPath) { - return; - } - // needed to setup a couple of variables - // path canvas gets overridden with this one. - // TODO find a better solution? - clipPath._set('canvas', this.canvas); - clipPath.shouldCache(); - clipPath._transformDone = true; - clipPath.renderCache({ forClipping: true }); - this.drawClipPathOnCache(ctx, clipPath); - } + getActionName: function(eventData, control /* fabricObject */) { + return control.actionName; + }, + /** - * Paint the cached copy of the object on the target context. - * @param {CanvasRenderingContext2D} ctx Context to render on + * Returns controls visibility + * @param {fabric.Object} object on which the control is displayed + * @param {String} controlKey key where the control is memorized on the + * @return {Boolean} */ - drawCacheOnCanvas(ctx) { - ctx.scale(1 / this.zoomX, 1 / this.zoomY); - ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); - } + getVisibility: function(fabricObject, controlKey) { + var objectVisibility = fabricObject._controlsVisibility; + if (objectVisibility && typeof objectVisibility[controlKey] !== 'undefined') { + return objectVisibility[controlKey]; + } + return this.visible; + }, + /** - * Check if cache is dirty - * @param {Boolean} skipCanvas skip canvas checks because this object is painted - * on parent canvas. + * Sets controls visibility + * @param {Boolean} visibility for the object + * @return {Void} */ - isCacheDirty(skipCanvas = false) { - if (this.isNotVisible()) { - return false; - } - if (this._cacheCanvas && - this._cacheContext && - !skipCanvas && - this._updateCacheCanvas()) { - // in this case the context is already cleared. - return true; - } - else { - if (this.dirty || - (this.clipPath && this.clipPath.absolutePositioned) || - (this.statefullCache && this.hasStateChanged('cacheProperties'))) { - if (this._cacheCanvas && this._cacheContext && !skipCanvas) { - const width = this.cacheWidth / this.zoomX; - const height = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-width / 2, -height / 2, width, height); - } - return true; - } - } - return false; - } + setVisibility: function(visibility /* name, fabricObject */) { + this.visible = visibility; + }, + + + positionHandler: function(dim, finalMatrix /*, fabricObject, currentControl */) { + var point = fabric.util.transformPoint({ + x: this.x * dim.x + this.offsetX, + y: this.y * dim.y + this.offsetY }, finalMatrix); + return point; + }, + /** - * Draws a background for the object big as its untransformed dimensions - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Returns the coords for this control based on object values. + * @param {Number} objectAngle angle from the fabric object holding the control + * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if + * isTouch is true) + * @param {Number} centerX x coordinate where the control center should be + * @param {Number} centerY y coordinate where the control center should be + * @param {boolean} isTouch true if touch corner, false if normal corner */ - _renderBackground(ctx) { - if (!this.backgroundColor) { - return; - } - const dim = this._getNonTransformedDimensions(); - ctx.fillStyle = this.backgroundColor; - ctx.fillRect(-dim.x / 2, -dim.y / 2, dim.x, dim.y); - // if there is background color no other shadows - // should be casted - this._removeShadow(ctx); - } + calcCornerCoords: function(objectAngle, objectCornerSize, centerX, centerY, isTouch) { + var cosHalfOffset, + sinHalfOffset, + cosHalfOffsetComp, + sinHalfOffsetComp, + xSize = (isTouch) ? this.touchSizeX : this.sizeX, + ySize = (isTouch) ? this.touchSizeY : this.sizeY; + if (xSize && ySize && xSize !== ySize) { + // handle rectangular corners + var controlTriangleAngle = Math.atan2(ySize, xSize); + var cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; + var newTheta = controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); + var newThetaComp = Math.PI / 2 - controlTriangleAngle - fabric.util.degreesToRadians(objectAngle); + cosHalfOffset = cornerHypotenuse * fabric.util.cos(newTheta); + sinHalfOffset = cornerHypotenuse * fabric.util.sin(newTheta); + // use complementary angle for two corners + cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newThetaComp); + sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newThetaComp); + } + else { + // handle square corners + // use default object corner size unless size is defined + var cornerSize = (xSize && ySize) ? xSize : objectCornerSize; + /* 0.7071067812 stands for sqrt(2)/2 */ + cornerHypotenuse = cornerSize * 0.7071067812; + // complementary angles are equal since they're both 45 degrees + var newTheta = fabric.util.degreesToRadians(45 - objectAngle); + cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * fabric.util.cos(newTheta); + sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * fabric.util.sin(newTheta); + } + + return { + tl: { + x: centerX - sinHalfOffsetComp, + y: centerY - cosHalfOffsetComp, + }, + tr: { + x: centerX + cosHalfOffset, + y: centerY - sinHalfOffset, + }, + bl: { + x: centerX - cosHalfOffset, + y: centerY + sinHalfOffset, + }, + br: { + x: centerX + sinHalfOffsetComp, + y: centerY + cosHalfOffsetComp, + }, + }; + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _setOpacity(ctx) { - if (this.group && !this.group._transformDone) { - ctx.globalAlpha = this.getObjectOpacity(); + * Render function for the control. + * When this function runs the context is unscaled. unrotate. Just retina scaled. + * all the functions will have to translate to the point left,top before starting Drawing + * if they want to draw a control where the position is detected. + * left and top are the result of the positionHandler function + * @param {RenderingContext2D} ctx the context where the control will be drawn + * @param {Number} left position of the canvas where we are about to render the control. + * @param {Number} top position of the canvas where we are about to render the control. + * @param {Object} styleOverride + * @param {fabric.Object} fabricObject the object where the control is about to be rendered + */ + render: function(ctx, left, top, styleOverride, fabricObject) { + styleOverride = styleOverride || {}; + switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { + case 'circle': + fabric.controlsUtils.renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); + break; + default: + fabric.controlsUtils.renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); + } + }, + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + + /* _FROM_SVG_START_ */ + function getColorStop(el, multiplier) { + var style = el.getAttribute('style'), + offset = el.getAttribute('offset') || 0, + color, colorAlpha, opacity, i; + + // convert percents to absolute values + offset = parseFloat(offset) / (/%$/.test(offset) ? 100 : 1); + offset = offset < 0 ? 0 : offset > 1 ? 1 : offset; + if (style) { + var keyValuePairs = style.split(/\s*;\s*/); + + if (keyValuePairs[keyValuePairs.length - 1] === '') { + keyValuePairs.pop(); + } + + for (i = keyValuePairs.length; i--; ) { + + var split = keyValuePairs[i].split(/\s*:\s*/), + key = split[0].trim(), + value = split[1].trim(); + + if (key === 'stop-color') { + color = value; } - else { - ctx.globalAlpha *= this.opacity; - } - } - _setStrokeStyles(ctx, decl) { - const stroke = decl.stroke; - if (stroke) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = decl.strokeLineCap; - ctx.lineDashOffset = decl.strokeDashOffset; - ctx.lineJoin = decl.strokeLineJoin; - ctx.miterLimit = decl.strokeMiterLimit; - if (stroke.toLive) { - if (stroke.gradientUnits === 'percentage' || - stroke.gradientTransform || - stroke.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - this._applyPatternForTransformedGradient(ctx, stroke); - } - else { - // is a simple gradient or pattern - ctx.strokeStyle = stroke.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, stroke); - } - } - else { - // is a color - ctx.strokeStyle = decl.stroke; - } + else if (key === 'stop-opacity') { + opacity = value; } + } } - _setFillStyles(ctx, decl) { - const fill = decl.fill; - if (fill) { - if (fill.toLive) { - ctx.fillStyle = fill.toLive(ctx, this); - this._applyPatternGradientTransform(ctx, decl.fill); - } - else { - ctx.fillStyle = fill; - } - } + + if (!color) { + color = el.getAttribute('stop-color') || 'rgb(0,0,0)'; } - _setClippingProperties(ctx) { - ctx.globalAlpha = 1; - ctx.strokeStyle = 'transparent'; - ctx.fillStyle = '#000000'; + if (!opacity) { + opacity = el.getAttribute('stop-opacity'); } + + color = new fabric.Color(color); + colorAlpha = color.getAlpha(); + opacity = isNaN(parseFloat(opacity)) ? 1 : parseFloat(opacity); + opacity *= colorAlpha * multiplier; + + return { + offset: offset, + color: color.toRgb(), + opacity: opacity + }; + } + + function getLinearCoords(el) { + return { + x1: el.getAttribute('x1') || 0, + y1: el.getAttribute('y1') || 0, + x2: el.getAttribute('x2') || '100%', + y2: el.getAttribute('y2') || 0 + }; + } + + function getRadialCoords(el) { + return { + x1: el.getAttribute('fx') || el.getAttribute('cx') || '50%', + y1: el.getAttribute('fy') || el.getAttribute('cy') || '50%', + r1: 0, + x2: el.getAttribute('cx') || '50%', + y2: el.getAttribute('cy') || '50%', + r2: el.getAttribute('r') || '50%' + }; + } + /* _FROM_SVG_END_ */ + + var clone = fabric.util.object.clone; + + /** + * Gradient class + * @class fabric.Gradient + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} + * @see {@link fabric.Gradient#initialize} for constructor definition + */ + fabric.Gradient = fabric.util.createClass(/** @lends fabric.Gradient.prototype */ { + /** - * @private - * Sets line dash - * @param {CanvasRenderingContext2D} ctx Context to set the dash line on - * @param {Array} dashArray array representing dashes + * Horizontal offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 */ - _setLineDash(ctx, dashArray) { - if (!dashArray || dashArray.length === 0) { - return; - } - // Spec requires the concatenation of two copies the dash list when the number of elements is odd - if (1 & dashArray.length) { - dashArray.push.apply(dashArray, dashArray); - } - ctx.setLineDash(dashArray); - } + offsetX: 0, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Vertical offset for aligning gradients coming from SVG when outside pathgroups + * @type Number + * @default 0 */ - _setShadow(ctx) { - if (!this.shadow) { - return; - } - let shadow = this.shadow, canvas = this.canvas, multX = (canvas && canvas.viewportTransform[0]) || 1, multY = (canvas && canvas.viewportTransform[3]) || 1, scaling = shadow.nonScaling ? new Point(1, 1) : this.getObjectScaling(); - if (canvas && canvas._isRetinaScaling()) { - multX *= config.devicePixelRatio; - multY *= config.devicePixelRatio; - } - ctx.shadowColor = shadow.color; - ctx.shadowBlur = - (shadow.blur * - config.browserShadowBlurConstant * - (multX + multY) * - (scaling.x + scaling.y)) / - 4; - ctx.shadowOffsetX = shadow.offsetX * multX * scaling.x; - ctx.shadowOffsetY = shadow.offsetY * multY * scaling.y; - } + offsetY: 0, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * 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 */ - _removeShadow(ctx) { - if (!this.shadow) { - return; - } - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - } + gradientTransform: null, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} filler fabric.Pattern or fabric.Gradient - * @return {Object} offset.offsetX offset for text rendering - * @return {Object} offset.offsetY offset for text rendering + * 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 String + * @default 'pixels' */ - _applyPatternGradientTransform(ctx, filler) { - if (!filler || !filler.toLive) { - return { offsetX: 0, offsetY: 0 }; - } - const t = filler.gradientTransform || filler.patternTransform; - const offsetX = -this.width / 2 + filler.offsetX || 0, offsetY = -this.height / 2 + filler.offsetY || 0; - if (filler.gradientUnits === 'percentage') { - ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); - } - else { - ctx.transform(1, 0, 0, 1, offsetX, offsetY); - } - if (t) { - ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); - } - return { offsetX: offsetX, offsetY: offsetY }; - } + gradientUnits: 'pixels', + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Gradient type linear or radial + * @type String + * @default 'pixels' */ - _renderPaintInOrder(ctx) { - if (this.paintFirst === 'stroke') { - this._renderStroke(ctx); - this._renderFill(ctx); - } - else { - this._renderFill(ctx); - this._renderStroke(ctx); - } - } + type: 'linear', + /** - * @private - * function that actually render something on the context. - * empty here to allow Obects to work on tests to benchmark fabric functionalites - * not related to rendering - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render(ctx) { - // placeholder to be overridden - } + * Constructor + * @param {Object} options Options object with type, coords, gradientUnits and colorStops + * @param {Object} [options.type] gradient type linear or radial + * @param {Object} [options.gradientUnits] gradient units + * @param {Object} [options.offsetX] SVG import compatibility + * @param {Object} [options.offsetY] SVG import compatibility + * @param {Object[]} options.colorStops contains the colorstops. + * @param {Object} options.coords contains the coords of the gradient + * @param {Number} [options.coords.x1] X coordiante of the first point for linear or of the focal point for radial + * @param {Number} [options.coords.y1] Y coordiante of the first point for linear or of the focal point for radial + * @param {Number} [options.coords.x2] X coordiante of the second point for linear or of the center point for radial + * @param {Number} [options.coords.y2] Y coordiante of the second point for linear or of the center point for radial + * @param {Number} [options.coords.r1] only for radial gradient, radius of the inner circle + * @param {Number} [options.coords.r2] only for radial gradient, radius of the external circle + * @return {fabric.Gradient} thisArg + */ + initialize: function(options) { + options || (options = { }); + options.coords || (options.coords = { }); + + var coords, _this = this; + + // sets everything, then coords and colorstops get sets again + Object.keys(options).forEach(function(option) { + _this[option] = options[option]; + }); + + if (this.id) { + this.id += '_' + fabric.Object.__uid++; + } + else { + this.id = fabric.Object.__uid++; + } + + coords = { + x1: options.coords.x1 || 0, + y1: options.coords.y1 || 0, + x2: options.coords.x2 || 0, + y2: options.coords.y2 || 0 + }; + + if (this.type === 'radial') { + coords.r1 = options.coords.r1 || 0; + coords.r2 = options.coords.r2 || 0; + } + + this.coords = coords; + this.colorStops = options.colorStops.slice(); + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderFill(ctx) { - if (!this.fill) { - return; - } - ctx.save(); - this._setFillStyles(ctx, this); - if (this.fillRule === 'evenodd') { - ctx.fill('evenodd'); - } - else { - ctx.fill(); - } - ctx.restore(); - } - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderStroke(ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - ctx.save(); - if (this.strokeUniform) { - const scaling = this.getObjectScaling(); - ctx.scale(1 / scaling.x, 1 / scaling.y); - } - this._setLineDash(ctx, this.strokeDashArray); - this._setStrokeStyles(ctx, this); - ctx.stroke(); - ctx.restore(); - } + * Adds another colorStop + * @param {Object} colorStop Object with offset and color + * @return {fabric.Gradient} thisArg + */ + addColorStop: function(colorStops) { + for (var position in colorStops) { + var color = new fabric.Color(colorStops[position]); + this.colorStops.push({ + offset: parseFloat(position), + color: color.toRgb(), + opacity: color.getAlpha() + }); + } + return this; + }, + /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {fabric.Gradient} filler a fabric gradient instance - */ - _applyPatternForTransformedGradient(ctx, filler) { - const dims = this._limitCacheSize(this._getCacheCanvasDimensions()), pCanvas = fabric$1.util.createCanvasElement(), retinaScaling = this.canvas.getRetinaScaling(), width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; - pCanvas.width = width; - pCanvas.height = height; - const pCtx = pCanvas.getContext('2d'); - pCtx.beginPath(); - pCtx.moveTo(0, 0); - pCtx.lineTo(width, 0); - pCtx.lineTo(width, height); - pCtx.lineTo(0, height); - pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.scale(dims.zoomX / this.scaleX / retinaScaling, dims.zoomY / this.scaleY / retinaScaling); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fillStyle = filler.toLive(ctx); - pCtx.fill(); - ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); - ctx.scale((retinaScaling * this.scaleX) / dims.zoomX, (retinaScaling * this.scaleY) / dims.zoomY); - ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); - } + * Returns object representation of a gradient + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} + */ + toObject: function(propertiesToInclude) { + var object = { + type: this.type, + coords: this.coords, + colorStops: this.colorStops, + offsetX: this.offsetX, + offsetY: this.offsetY, + gradientUnits: this.gradientUnits, + gradientTransform: this.gradientTransform ? this.gradientTransform.concat() : this.gradientTransform + }; + fabric.util.populateWithProperties(this, object, propertiesToInclude); + + return object; + }, + + /* _TO_SVG_START_ */ /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates + * Returns SVG representation of an gradient + * @param {Object} object Object to create a gradient for + * @return {String} SVG representation of an gradient (linear/radial) */ - _findCenterFromElement() { - return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; - } + toSVG: function(object, options) { + var coords = clone(this.coords, true), i, len, options = options || {}, + markup, commonAttributes, colorStops = clone(this.colorStops, true), + needsSwap = coords.r1 > coords.r2, + transform = this.gradientTransform ? this.gradientTransform.concat() : fabric.iMatrix.concat(), + offsetX = -this.offsetX, offsetY = -this.offsetY, + withViewport = !!options.additionalTransform, + gradientUnits = this.gradientUnits === 'pixels' ? 'userSpaceOnUse' : 'objectBoundingBox'; + // colorStops must be sorted ascending + colorStops.sort(function(a, b) { + return a.offset - b.offset; + }); + + if (gradientUnits === 'objectBoundingBox') { + offsetX /= object.width; + offsetY /= object.height; + } + else { + offsetX += object.width / 2; + offsetY += object.height / 2; + } + if (object.type === 'path' && this.gradientUnits !== 'percentage') { + offsetX -= object.pathOffset.x; + offsetY -= object.pathOffset.y; + } + + + transform[4] -= offsetX; + transform[5] -= offsetY; + + commonAttributes = 'id="SVGID_' + this.id + + '" gradientUnits="' + gradientUnits + '"'; + commonAttributes += ' gradientTransform="' + (withViewport ? + options.additionalTransform + ' ' : '') + fabric.util.matrixToSVG(transform) + '" '; + + if (this.type === 'linear') { + markup = [ + '\n' + ]; + } + else if (this.type === 'radial') { + // svg radial gradient has just 1 radius. the biggest. + markup = [ + '\n' + ]; + } + + if (this.type === 'radial') { + if (needsSwap) { + // svg goes from internal to external radius. if radius are inverted, swap color stops. + colorStops = colorStops.concat(); + colorStops.reverse(); + for (i = 0, len = colorStops.length; i < len; i++) { + colorStops[i].offset = 1 - colorStops[i].offset; + } + } + var minRadius = Math.min(coords.r1, coords.r2); + if (minRadius > 0) { + // i have to shift all colorStops and add new one in 0. + var maxRadius = Math.max(coords.r1, coords.r2), + percentageShift = minRadius / maxRadius; + for (i = 0, len = colorStops.length; i < len; i++) { + colorStops[i].offset += percentageShift * (1 - colorStops[i].offset); + } + } + } + + for (i = 0, len = colorStops.length; i < len; i++) { + var colorStop = colorStops[i]; + markup.push( + '\n' + ); + } + + markup.push((this.type === 'linear' ? '\n' : '\n')); + + return markup.join(''); + }, + /* _TO_SVG_END_ */ + /** - * This function is an helper for svg import. it decompose the transformMatrix - * and assign properties to object. - * untransformed coordinates - * @todo move away in the svg import stuff. - * @private + * Returns an instance of CanvasGradient + * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {CanvasGradient} */ - _assignTransformMatrixProps() { - if (this.transformMatrix) { - const options = qrDecompose(this.transformMatrix); - this.flipX = false; - this.flipY = false; - this.set('scaleX', options.scaleX); - this.set('scaleY', options.scaleY); - this.angle = options.angle; - this.skewX = options.skewX; - this.skewY = 0; + toLive: function(ctx) { + var gradient, coords = fabric.util.object.clone(this.coords), i, len; + + if (!this.type) { + return; + } + + if (this.type === 'linear') { + gradient = ctx.createLinearGradient( + coords.x1, coords.y1, coords.x2, coords.y2); + } + else if (this.type === 'radial') { + gradient = ctx.createRadialGradient( + coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); + } + + for (i = 0, len = this.colorStops.length; i < len; i++) { + var color = this.colorStops[i].color, + opacity = this.colorStops[i].opacity, + offset = this.colorStops[i].offset; + + if (typeof opacity !== 'undefined') { + color = new fabric.Color(color).setAlpha(opacity).toRgba(); } + gradient.addColorStop(offset, color); + } + + return gradient; } + }); + + fabric.util.object.extend(fabric.Gradient, { + + /* _FROM_SVG_START_ */ /** - * This function is an helper for svg import. it removes the transform matrix - * and set to object properties that fabricjs can handle - * @todo move away in the svg import stuff. - * @private - * @param {Object} preserveAspectRatioOptions + * Returns {@link fabric.Gradient} instance from an SVG element + * @static + * @memberOf fabric.Gradient + * @param {SVGGradientElement} el SVG gradient element + * @param {fabric.Object} instance + * @param {String} opacityAttr A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity. + * @param {Object} svgOptions an object containing the size of the SVG in order to parse correctly gradients + * that uses gradientUnits as 'userSpaceOnUse' and percentages. + * @param {Object.number} viewBoxWidth width part of the viewBox attribute on svg + * @param {Object.number} viewBoxHeight height part of the viewBox attribute on svg + * @param {Object.number} width width part of the svg tag if viewBox is not specified + * @param {Object.number} height height part of the svg tag if viewBox is not specified + * @return {fabric.Gradient} Gradient instance + * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement + * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement */ - _removeTransformMatrix(preserveAspectRatioOptions) { - let center = this._findCenterFromElement(); - if (this.transformMatrix) { - this._assignTransformMatrixProps(); - center = transformPoint(center, this.transformMatrix); - } - this.transformMatrix = null; - if (preserveAspectRatioOptions) { - this.scaleX *= preserveAspectRatioOptions.scaleX; - this.scaleY *= preserveAspectRatioOptions.scaleY; - this.cropX = preserveAspectRatioOptions.cropX; - this.cropY = preserveAspectRatioOptions.cropY; - center.x += preserveAspectRatioOptions.offsetLeft; - center.y += preserveAspectRatioOptions.offsetTop; - this.width = preserveAspectRatioOptions.width; - this.height = preserveAspectRatioOptions.height; - } - this.setPositionByOrigin(center, 'center', 'center'); + fromElement: function(el, instance, opacityAttr, svgOptions) { + /** + * @example: + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * + * OR + * + * + * + * + * + * + * + */ + + var multiplier = parseFloat(opacityAttr) / (/%$/.test(opacityAttr) ? 100 : 1); + multiplier = multiplier < 0 ? 0 : multiplier > 1 ? 1 : multiplier; + if (isNaN(multiplier)) { + multiplier = 1; + } + + var colorStopEls = el.getElementsByTagName('stop'), + type, + gradientUnits = el.getAttribute('gradientUnits') === 'userSpaceOnUse' ? + 'pixels' : 'percentage', + gradientTransform = el.getAttribute('gradientTransform') || '', + colorStops = [], + coords, i, offsetX = 0, offsetY = 0, + transformMatrix; + if (el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT') { + type = 'linear'; + coords = getLinearCoords(el); + } + else { + type = 'radial'; + coords = getRadialCoords(el); + } + + for (i = colorStopEls.length; i--; ) { + colorStops.push(getColorStop(colorStopEls[i], multiplier)); + } + + transformMatrix = fabric.parseTransformAttribute(gradientTransform); + + __convertPercentUnitsToValues(instance, coords, svgOptions, gradientUnits); + + if (gradientUnits === 'pixels') { + offsetX = -instance.left; + offsetY = -instance.top; + } + + var gradient = new fabric.Gradient({ + id: el.getAttribute('id'), + type: type, + coords: coords, + colorStops: colorStops, + gradientUnits: gradientUnits, + gradientTransform: transformMatrix, + offsetX: offsetX, + offsetY: offsetY, + }); + + return gradient; } + /* _FROM_SVG_END_ */ + }); + + /** + * @private + */ + function __convertPercentUnitsToValues(instance, options, svgOptions, gradientUnits) { + var propValue, finalValue; + Object.keys(options).forEach(function(prop) { + propValue = options[prop]; + if (propValue === 'Infinity') { + finalValue = 1; + } + else if (propValue === '-Infinity') { + finalValue = 0; + } + else { + finalValue = parseFloat(options[prop], 10); + if (typeof propValue === 'string' && /^(\d+\.\d+)%|(\d+)%$/.test(propValue)) { + finalValue *= 0.01; + if (gradientUnits === 'pixels') { + // then we need to fix those percentages here in svg parsing + if (prop === 'x1' || prop === 'x2' || prop === 'r2') { + finalValue *= svgOptions.viewBoxWidth || svgOptions.width; + } + if (prop === 'y1' || prop === 'y2') { + finalValue *= svgOptions.viewBoxHeight || svgOptions.height; + } + } + } + } + options[prop] = finalValue; + }); + } +})(); + + +(function() { + + 'use strict'; + + var toFixed = fabric.util.toFixed; + + /** + * Pattern class + * @class fabric.Pattern + * @see {@link http://fabricjs.com/patterns|Pattern demo} + * @see {@link http://fabricjs.com/dynamic-patterns|DynamicPattern demo} + * @see {@link fabric.Pattern#initialize} for constructor definition + */ + + + fabric.Pattern = fabric.util.createClass(/** @lends fabric.Pattern.prototype */ { + /** - * Clones an instance. - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @returns {Promise} + * Repeat property of a pattern (one of repeat, repeat-x, repeat-y or no-repeat) + * @type String + * @default */ - clone(propertiesToInclude) { - const objectForm = this.toObject(propertiesToInclude); - // todo ok understand this. is static or it isn't? - return this.constructor.fromObject(objectForm); - } + repeat: 'repeat', + /** - * Creates an instance of fabric.Image out of an object - * makes use of toCanvasElement. - * Once this method was based on toDataUrl and loadImage, so it also had a quality - * and format option. toCanvasElement is faster and produce no loss of quality. - * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. - * toCanvasElement and then toBlob from the obtained canvas is also a good option. - * @param {Object} [options] for clone as image, passed to toDataURL - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {fabric.Image} Object cloned as image. + * Pattern horizontal offset from object's left/top corner + * @type Number + * @default */ - cloneAsImage(options) { - const canvasEl = this.toCanvasElement(options); - return new fabric$1.Image(canvasEl); - } + offsetX: 0, + /** - * Converts an object into a HTMLCanvas element - * @param {Object} options Options object - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object + * Pattern vertical offset from object's left/top corner + * @type Number + * @default */ - toCanvasElement(options) { - options || (options = {}); - const utils = fabric$1.util, origParams = utils.saveObjectTransform(this), originalGroup = this.group, originalShadow = this.shadow, abs = Math.abs, retinaScaling = options.enableRetinaScaling - ? Math.max(config.devicePixelRatio, 1) - : 1, multiplier = (options.multiplier || 1) * retinaScaling; - delete this.group; - if (options.withoutTransform) { - utils.resetObjectTransform(this); - } - if (options.withoutShadow) { - this.shadow = null; - } - let el = fabric$1.util.createCanvasElement(), - // skip canvas zoom and calculate with setCoords now. - boundingRect = this.getBoundingRect(true, true), shadow = this.shadow, shadowOffset = { x: 0, y: 0 }, width, height; - if (shadow) { - const shadowBlur = shadow.blur; - const scaling = shadow.nonScaling - ? new Point(1, 1) - : this.getObjectScaling(); - // consider non scaling shadow. - shadowOffset.x = - 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * abs(scaling.x); - shadowOffset.y = - 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * abs(scaling.y); - } - width = boundingRect.width + shadowOffset.x; - height = boundingRect.height + shadowOffset.y; - // if the current width/height is not an integer - // we need to make it so. - el.width = Math.ceil(width); - el.height = Math.ceil(height); - let canvas = new fabric$1.StaticCanvas(el, { - enableRetinaScaling: false, - renderOnAddRemove: false, - skipOffscreen: false, - }); - if (options.format === 'jpeg') { - canvas.backgroundColor = '#fff'; - } - this.setPositionByOrigin(new Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); - const originalCanvas = this.canvas; - canvas._objects = [this]; - this.set('canvas', canvas); - this.setCoords(); - const canvasEl = canvas.toCanvasElement(multiplier || 1, options); - this.set('canvas', originalCanvas); - this.shadow = originalShadow; - if (originalGroup) { - this.group = originalGroup; - } - this.set(origParams); - this.setCoords(); - // canvas.dispose will call image.dispose that will nullify the elements - // since this canvas is a simple element for the process, we remove references - // to objects in this way in order to avoid object trashing. - canvas._objects = []; - // since render has settled it is safe to destroy canvas - canvas.destroy(); - canvas = null; - return canvasEl; - } + offsetY: 0, + /** - * Converts an object into a data-url-like string - * @param {Object} options Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 - * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 - * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + * crossOrigin value (one of "", "anonymous", "use-credentials") + * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes + * @type String + * @default */ - toDataURL(options = {}) { - return fabric$1.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); - } + crossOrigin: '', + /** - * Returns true if specified type is identical to the type of an instance - * @param {String} type Type to check against - * @return {Boolean} + * transform matrix to change the pattern, imported from svgs. + * @type Array + * @default */ - isType(...types) { - return types.includes(this.type); - } + patternTransform: null, + /** - * Returns complexity of an instance - * @return {Number} complexity of this instance (is 1 unless subclassed) + * Constructor + * @param {Object} [options] Options object + * @param {Function} [callback] function to invoke after callback init. + * @return {fabric.Pattern} thisArg */ - complexity() { - return 1; - } + initialize: function(options, callback) { + options || (options = { }); + + this.id = fabric.Object.__uid++; + this.setOptions(options); + if (!options.source || (options.source && typeof options.source !== 'string')) { + callback && callback(this); + return; + } + else { + // img src string + var _this = this; + this.source = fabric.util.createImage(); + fabric.util.loadImage(options.source, function(img, isError) { + _this.source = img; + callback && callback(_this, isError); + }, null, this.crossOrigin); + } + }, + /** - * Returns a JSON representation of an instance - * @return {Object} JSON + * Returns object representation of a pattern + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of a pattern instance */ - toJSON() { - // delegate, not alias - return this.toObject(); - } + toObject: function(propertiesToInclude) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, + source, object; + + // element + if (typeof this.source.src === 'string') { + source = this.source.src; + } + // element + else if (typeof this.source === 'object' && this.source.toDataURL) { + source = this.source.toDataURL(); + } + + object = { + type: 'pattern', + source: source, + repeat: this.repeat, + crossOrigin: this.crossOrigin, + offsetX: toFixed(this.offsetX, NUM_FRACTION_DIGITS), + offsetY: toFixed(this.offsetY, NUM_FRACTION_DIGITS), + patternTransform: this.patternTransform ? this.patternTransform.concat() : null + }; + fabric.util.populateWithProperties(this, object, propertiesToInclude); + + return object; + }, + + /* _TO_SVG_START_ */ /** - * Sets "angle" of an instance with centered rotation - * @param {Number} angle Angle value (in degrees) - * @return {fabric.Object} thisArg - * @chainable + * Returns SVG representation of a pattern + * @param {fabric.Object} object + * @return {String} SVG representation of a pattern + */ + toSVG: function(object) { + var patternSource = typeof this.source === 'function' ? this.source() : this.source, + patternWidth = patternSource.width / object.width, + patternHeight = patternSource.height / object.height, + patternOffsetX = this.offsetX / object.width, + patternOffsetY = this.offsetY / object.height, + patternImgSrc = ''; + if (this.repeat === 'repeat-x' || this.repeat === 'no-repeat') { + patternHeight = 1; + if (patternOffsetY) { + patternHeight += Math.abs(patternOffsetY); + } + } + if (this.repeat === 'repeat-y' || this.repeat === 'no-repeat') { + patternWidth = 1; + if (patternOffsetX) { + patternWidth += Math.abs(patternOffsetX); + } + + } + if (patternSource.src) { + patternImgSrc = patternSource.src; + } + else if (patternSource.toDataURL) { + patternImgSrc = patternSource.toDataURL(); + } + + return '\n' + + '\n' + + '\n'; + }, + /* _TO_SVG_END_ */ + + setOptions: function(options) { + for (var prop in options) { + this[prop] = options[prop]; + } + }, + + /** + * Returns an instance of CanvasPattern + * @param {CanvasRenderingContext2D} ctx Context to create pattern + * @return {CanvasPattern} */ - rotate(angle) { - const shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && - this.centeredRotation; - if (shouldCenterOrigin) { - this._setOriginToCenter(); + toLive: function(ctx) { + var source = this.source; + // if the image failed to load, return, and allow rest to continue loading + if (!source) { + return ''; + } + + // if an image + if (typeof source.src !== 'undefined') { + if (!source.complete) { + return ''; } - this.set('angle', angle); - if (shouldCenterOrigin) { - this._resetOrigin(); + if (source.naturalWidth === 0 || source.naturalHeight === 0) { + return ''; } - return this; + } + return ctx.createPattern(source, this.repeat); } + }); +})(); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + toFixed = fabric.util.toFixed; + + if (fabric.Shadow) { + fabric.warn('fabric.Shadow is already defined.'); + return; + } + + /** + * Shadow class + * @class fabric.Shadow + * @see {@link http://fabricjs.com/shadows|Shadow demo} + * @see {@link fabric.Shadow#initialize} for constructor definition + */ + fabric.Shadow = fabric.util.createClass(/** @lends fabric.Shadow.prototype */ { + /** - * Centers object horizontally on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Shadow color + * @type String + * @default */ - centerH() { - this.canvas && this.canvas.centerObjectH(this); - return this; - } + color: 'rgb(0,0,0)', + /** - * Centers object horizontally on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Shadow blur + * @type Number */ - viewportCenterH() { - this.canvas && this.canvas.viewportCenterObjectH(this); - return this; - } + blur: 0, + /** - * Centers object vertically on canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Shadow horizontal offset + * @type Number + * @default */ - centerV() { - this.canvas && this.canvas.centerObjectV(this); - return this; - } + offsetX: 0, + /** - * Centers object vertically on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Shadow vertical offset + * @type Number + * @default */ - viewportCenterV() { - this.canvas && this.canvas.viewportCenterObjectV(this); - return this; - } + offsetY: 0, + /** - * Centers object vertically and horizontally on canvas to which is was added last - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Whether the shadow should affect stroke operations + * @type Boolean + * @default */ - center() { - this.canvas && this.canvas.centerObject(this); - return this; - } + affectStroke: false, + /** - * Centers object on current viewport of canvas to which it was added last. - * You might need to call `setCoords` on an object after centering, to update controls area. - * @return {fabric.Object} thisArg - * @chainable + * Indicates whether toObject should include default values + * @type Boolean + * @default */ - viewportCenter() { - this.canvas && this.canvas.viewportCenterObject(this); - return this; - } + includeDefaultValues: true, + /** - * This callback function is called by the parent group of an object every - * time a non-delegated property changes on the group. It is passed the key - * and value as parameters. Not adding in this function's signature to avoid - * Travis build error about unused variables. + * When `false`, the shadow will scale with the object. + * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. + * default to false + * @type Boolean + * @default */ - setOnGroup() { - // implemented by sub-classes, as needed. - } + nonScaling: false, + /** - * Sets canvas globalCompositeOperation for specific object - * custom composition operation for the particular object can be specified using globalCompositeOperation property - * @param {CanvasRenderingContext2D} ctx Rendering canvas context + * Constructor + * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") + * @return {fabric.Shadow} thisArg */ - _setupCompositeOperation(ctx) { - if (this.globalCompositeOperation) { - ctx.globalCompositeOperation = this.globalCompositeOperation; - } - } + initialize: function(options) { + + if (typeof options === 'string') { + options = this._parseShadow(options); + } + + for (var prop in options) { + this[prop] = options[prop]; + } + + this.id = fabric.Object.__uid++; + }, + /** - * cancel instance's running animations - * override if necessary to dispose artifacts such as `clipPath` + * @private + * @param {String} shadow Shadow value to parse + * @return {Object} Shadow object with color, offsetX, offsetY and blur */ - dispose() { - // todo verify this. - // runningAnimations is always truthy - if (runningAnimations) { - runningAnimations.cancelByTarget(this); - } - } - /** - * - * @param {Function} klass - * @param {object} object - * @param {object} [options] - * @param {string} [options.extraParam] property to pass as first argument to the constructor - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - static _fromObject(klass, object, _a = {}) { - var { extraParam } = _a, options = __rest(_a, ["extraParam"]); - return enlivenObjectEnlivables(clone(object, true), options).then((enlivedMap) => { - // from the resulting enlived options, extract options.extraParam to arg0 - // to avoid accidental overrides later - const _a = Object.assign(Object.assign({}, options), enlivedMap), _b = extraParam, arg0 = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]); - return extraParam ? new klass(arg0, rest) : new klass(rest); - }); - } + _parseShadow: function(shadow) { + var shadowStr = shadow.trim(), + offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], + color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || 'rgb(0,0,0)'; + + return { + color: color.trim(), + offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, + offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, + blur: parseFloat(offsetsAndBlur[3], 10) || 0 + }; + }, + /** - * - * @static - * @memberOf fabric.Object - * @param {object} object - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} + * Returns a string representation of an instance + * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow + * @return {String} Returns CSS3 text-shadow declaration */ - static fromObject(object, options) { - return FabricObject._fromObject(FabricObject, object, options); - } -} -/** - * translation of the cacheCanvas away from the center, for subpixel accuracy and crispness - * @static - * @memberOf fabric.Object - * @type Number - */ -FabricObject.__uid = 0; -const fabricObjectDefaultValues = { - type: 'object', - originX: 'left', - originY: 'top', - top: 0, - left: 0, - width: 0, - height: 0, - scaleX: 1, - scaleY: 1, - flipX: false, - flipY: false, - opacity: 1, - angle: 0, - skewX: 0, - skewY: 0, - cornerSize: 13, - touchCornerSize: 24, - transparentCorners: true, - hoverCursor: null, - moveCursor: null, - padding: 0, - borderColor: 'rgb(178,204,255)', - borderDashArray: null, - cornerColor: 'rgb(178,204,255)', - cornerStrokeColor: '', - cornerStyle: 'rect', - cornerDashArray: null, - centeredScaling: false, - centeredRotation: true, - fill: 'rgb(0,0,0)', - fillRule: 'nonzero', - globalCompositeOperation: 'source-over', - backgroundColor: '', - selectionBackgroundColor: '', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeDashOffset: 0, - strokeLineCap: 'butt', - strokeLineJoin: 'miter', - strokeMiterLimit: 4, - shadow: null, - borderOpacityWhenMoving: 0.4, - borderScaleFactor: 1, - minScaleLimit: 0, - selectable: true, - evented: true, - visible: true, - hasControls: true, - hasBorders: true, - perPixelTargetFind: false, - includeDefaultValues: true, - lockMovementX: false, - lockMovementY: false, - lockRotation: false, - lockScalingX: false, - lockScalingY: false, - lockSkewingX: false, - lockSkewingY: false, - lockScalingFlip: false, - excludeFromExport: false, - objectCaching: !fabric$1.isLikelyNode, - statefullCache: false, - noScaleCache: true, - strokeUniform: false, - dirty: true, - __corner: 0, - paintFirst: 'fill', - activeOn: 'down', - stateProperties: ('top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + - 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + - 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + - 'skewX skewY fillRule paintFirst clipPath strokeUniform').split(' '), - cacheProperties: ('fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + - ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath').split(' '), - colorProperties: 'fill stroke backgroundColor'.split(' '), - clipPath: undefined, - inverted: false, - absolutePositioned: false, - controls: {}, -}; -Object.assign(FabricObject.prototype, fabricObjectDefaultValues); + toString: function() { + return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); + }, -class InteractiveFabricObject extends FabricObject { + /* _TO_SVG_START_ */ /** - * Constructor - * @param {Object} [options] Options object + * Returns SVG representation of a shadow + * @param {fabric.Object} object + * @return {String} SVG representation of a shadow */ - constructor(options) { - super(options); - /** - * Describe object's corner position in canvas element coordinates. - * properties are depending on control keys and padding the main controls. - * each property is an object with x, y and corner. - * The `corner` property contains in a similar manner the 4 points of the - * interactive area of the corner. - * The coordinates depends from the controls positionHandler and are used - * to draw and locate controls - * @memberOf fabric.Object.prototype - */ - this.oCoords = {}; - } - /** - * Temporary compatibility issue with old classes - * @param {Object} [options] Options object + toSVG: function(object) { + var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, + offset = fabric.util.rotateVector( + { x: this.offsetX, y: this.offsetY }, + fabric.util.degreesToRadians(-object.angle)), + BLUR_BOX = 20, color = new fabric.Color(this.color); + + if (object.width && object.height) { + //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion + // we add some extra space to filter box to contain the blur ( 20 ) + fBoxX = toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; + fBoxY = toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * 100 + BLUR_BOX; + } + if (object.flipX) { + offset.x *= -1; + } + if (object.flipY) { + offset.y *= -1; + } + + return ( + '\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\n' + + '\t\t\n' + + '\t\t\n' + + '\t\n' + + '\n'); + }, + /* _TO_SVG_END_ */ + + /** + * Returns object representation of a shadow + * @return {Object} Object representation of a shadow instance */ - initialize(options) { - if (options) { - this.setOptions(options); + toObject: function() { + if (this.includeDefaultValues) { + return { + color: this.color, + blur: this.blur, + offsetX: this.offsetX, + offsetY: this.offsetY, + affectStroke: this.affectStroke, + nonScaling: this.nonScaling + }; + } + var obj = { }, proto = fabric.Shadow.prototype; + + ['color', 'blur', 'offsetX', 'offsetY', 'affectStroke', 'nonScaling'].forEach(function(prop) { + if (this[prop] !== proto[prop]) { + obj[prop] = this[prop]; } + }, this); + + return obj; } + }); + + /** + * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") + * @static + * @field + * @memberOf fabric.Shadow + */ + // eslint-disable-next-line max-len + fabric.Shadow.reOffsetsAndBlur = /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function () { + + 'use strict'; + + if (fabric.StaticCanvas) { + fabric.warn('fabric.StaticCanvas is already defined.'); + return; + } + + // aliases for faster resolution + var extend = fabric.util.object.extend, + getElementOffset = fabric.util.getElementOffset, + removeFromArray = fabric.util.removeFromArray, + toFixed = fabric.util.toFixed, + transformPoint = fabric.util.transformPoint, + invertTransform = fabric.util.invertTransform, + getNodeCanvas = fabric.util.getNodeCanvas, + createCanvasElement = fabric.util.createCanvasElement, + + CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); + + /** + * Static canvas class + * @class fabric.StaticCanvas + * @mixes fabric.Collection + * @mixes fabric.Observable + * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} + * @see {@link fabric.StaticCanvas#initialize} for constructor definition + * @fires before:render + * @fires after:render + * @fires canvas:cleared + * @fires object:added + * @fires object:removed + */ + fabric.StaticCanvas = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.StaticCanvas.prototype */ { + /** - * Determines which corner has been clicked - * @private - * @param {Object} pointer The pointer indicating the mouse position - * @param {boolean} forTouch indicates if we are looking for interactin area with a touch action - * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg */ - _findTargetCorner(pointer, forTouch) { - if (!this.hasControls || - !this.canvas || - this.canvas._activeObject !== this) { - return false; - } - this.__corner = 0; - // had to keep the reverse loop because was breaking tests - const cornerEntries = Object.entries(this.oCoords); - for (let i = cornerEntries.length - 1; i >= 0; i--) { - const [cornerKey, corner] = cornerEntries[i]; - if (!this.isControlVisible(cornerKey)) { - continue; - } - const lines = this._getImageLines(forTouch ? corner.touchCorner : corner.corner); - const xPoints = this._findCrossPoints(pointer, lines); - if (xPoints !== 0 && xPoints % 2 === 1) { - this.__corner = cornerKey; - return cornerKey; - } - // // debugging - // - // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); - // - // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); - // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); - } - return false; - } + initialize: function(el, options) { + options || (options = { }); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + }, + /** - * Calculates the coordinates of the center of each control plus the corners of the control itself - * This basically just delegates to each control positionHandler - * WARNING: changing what is passed to positionHandler is a breaking change, since position handler - * is a public api and should be done just if extremely necessary - * @return {Record} + * Background color of canvas instance. + * Should be set via {@link fabric.StaticCanvas#setBackgroundColor}. + * @type {(String|fabric.Pattern)} + * @default */ - calcOCoords() { - const vpt = this.getViewportTransform(), center = this.getCenterPoint(), tMatrix = [1, 0, 0, 1, center.x, center.y], rMatrix = calcRotateMatrix({ - angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0), - }), positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix), startMatrix = multiplyTransformMatrices(vpt, positionMatrix), finalMatrix = multiplyTransformMatrices(startMatrix, [ - 1 / vpt[0], - 0, - 0, - 1 / vpt[3], - 0, - 0, - ]), transformOptions = this.group - ? qrDecompose(this.calcTransformMatrix()) - : undefined, dim = this._calculateCurrentDimensions(transformOptions), coords = {}; - this.forEachControl((control, key, fabricObject) => { - coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); - }); - // debug code - /* - const canvas = this.canvas; - setTimeout(function () { - if (!canvas) return; - canvas.contextTop.clearRect(0, 0, 700, 700); - canvas.contextTop.fillStyle = 'green'; - Object.keys(coords).forEach(function(key) { - const control = coords[key]; - canvas.contextTop.fillRect(control.x, control.y, 3, 3); - }); - } 50); - */ - return coords; - } + backgroundColor: '', + /** - * Sets corner and controls position coordinates based on current angle, width and height, left and top. - * oCoords are used to find the corners - * aCoords are used to quickly find an object on the canvas - * lineCoords are used to quickly find object during pointer events. - * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} - * @return {void} + * Background image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as background, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default */ - setCoords() { - if (this.callSuper) { - ObjectGeometry.prototype.setCoords.call(this); - } - else { - super.setCoords(); - } - // set coordinates of the draggable boxes in the corners used to scale/rotate the image - this.oCoords = this.calcOCoords(); - this._setCornerCoords(); - } + backgroundImage: null, + /** - * Calls a function for each control. The function gets called, - * with the control, the control's key and the object that is calling the iterator - * @param {Function} fn function to iterate over the controls over + * Overlay color of canvas instance. + * Should be set via {@link fabric.StaticCanvas#setOverlayColor} + * @since 1.3.9 + * @type {(String|fabric.Pattern)} + * @default */ - forEachControl(fn) { - for (const i in this.controls) { - fn(this.controls[i], i, this); - } - } + overlayColor: '', + /** - * Sets the coordinates that determine the interaction area of each control - * note: if we would switch to ROUND corner area, all of this would disappear. - * everything would resolve to a single point and a pythagorean theorem for the distance - * @todo evaluate simplification of code switching to circle interaction area at runtime - * @private + * Overlay image of canvas instance. + * since 2.4.0 image caching is active, please when putting an image as overlay, add to the + * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom + * vale. As an alternative you can disable image objectCaching + * @type fabric.Image + * @default */ - _setCornerCoords() { - Object.entries(this.oCoords).forEach(([controlKey, control]) => { - const controlObject = this.controls[controlKey]; - control.corner = controlObject.calcCornerCoords(this.angle, this.cornerSize, control.x, control.y, false); - control.touchCorner = controlObject.calcCornerCoords(this.angle, this.touchCornerSize, control.x, control.y, true); - }); - } + overlayImage: null, + /** - * Draws a colored layer behind the object, inside its selection borders. - * Requires public options: padding, selectionBackgroundColor - * this function is called when the context is transformed - * has checks to be skipped when the object is on a staticCanvas - * @todo evaluate if make this disappear in favor of a pre-render hook for objects - * this was added by Andrea Bogazzi to make possible some feature for work reasons - * it seemed a good option, now is an edge case - * @param {CanvasRenderingContext2D} ctx Context to draw on + * Indicates whether toObject/toDatalessObject should include default values + * if set to false, takes precedence over the object value. + * @type Boolean + * @default */ - drawSelectionBackground(ctx) { - if (!this.selectionBackgroundColor || - (this.canvas && !this.canvas.interactive) || - (this.canvas && this.canvas._activeObject !== this)) { - return; - } - ctx.save(); - const center = this.getRelativeCenterPoint(), wh = this._calculateCurrentDimensions(), vpt = this.getViewportTransform(); - ctx.translate(center.x, center.y); - ctx.scale(1 / vpt[0], 1 / vpt[3]); - ctx.rotate(degreesToRadians(this.angle)); - ctx.fillStyle = this.selectionBackgroundColor; - ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); - ctx.restore(); - } + includeDefaultValues: true, + /** - * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style. - * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center - * @param {Point} size the control box size used + * Indicates whether objects' state should be saved + * @type Boolean + * @default */ - strokeBorders(ctx, size) { - ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y); - } + stateful: false, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Point} size - * @param {Object} styleOverride object to override the object style + * Indicates whether {@link fabric.Collection.add}, {@link fabric.Collection.insertAt} and {@link fabric.Collection.remove}, + * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. + * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once + * since the renders are quequed and executed one per frame. + * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) + * Left default to true to do not break documentation and old app, fiddles. + * @type Boolean + * @default */ - _drawBorders(ctx, size, styleOverride = {}) { - const options = Object.assign({ hasControls: this.hasControls, borderColor: this.borderColor, borderDashArray: this.borderDashArray }, styleOverride); - ctx.save(); - ctx.strokeStyle = options.borderColor; - this._setLineDash(ctx, options.borderDashArray); - this.strokeBorders(ctx, size); - options.hasControls && this.drawControlsConnectingLines(ctx, size); - ctx.restore(); - } + renderOnAddRemove: true, + /** - * Renders controls and borders for the object - * the context here is not transformed - * @todo move to interactivity - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style + * Indicates whether object controls (borders/controls) are rendered above overlay image + * @type Boolean + * @default */ - _renderControls(ctx, styleOverride = {}) { - const { hasBorders, hasControls } = this; - const styleOptions = Object.assign({ hasBorders, - hasControls }, styleOverride); - const vpt = this.getViewportTransform(), shouldDrawBorders = styleOptions.hasBorders, shouldDrawControls = styleOptions.hasControls; - const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix()); - const options = qrDecompose(matrix); - ctx.save(); - ctx.translate(options.translateX, options.translateY); - ctx.lineWidth = 1 * this.borderScaleFactor; - if (!this.group) { - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - } - if (this.flipX) { - options.angle -= 180; - } - ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); - shouldDrawBorders && this.drawBorders(ctx, options, styleOverride); - shouldDrawControls && this.drawControls(ctx, styleOverride); - ctx.restore(); - } + controlsAboveOverlay: false, + /** - * Draws borders of an object's bounding box. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {object} options object representing current object parameters - * @param {Object} [styleOverride] object to override the object style - */ - drawBorders(ctx, options, styleOverride) { - let size; - if ((styleOverride && styleOverride.forActiveSelection) || this.group) { - const bbox = sizeAfterTransform(this.width, this.height, options), stroke = (this.strokeUniform - ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1) - : // this is extremely confusing. options comes from the upper function - // and is the qrDecompose of a matrix that takes in account zoom too - new Point(options.scaleX, options.scaleY)).scalarMultiply(this.strokeWidth); - size = bbox.add(stroke).scalarAdd(this.borderScaleFactor); - } - else { - size = this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor); - } - this._drawBorders(ctx, size, styleOverride); - } + * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas + * @type Boolean + * @default + */ + allowTouchScrolling: false, + /** - * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set. - * Requires public properties: width, height - * Requires public options: padding, borderColor - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Point} size object size x = width, y = height + * Indicates whether this canvas will use image smoothing, this is on by default in browsers + * @type Boolean + * @default */ - drawControlsConnectingLines(ctx, size) { - let shouldStroke = false; - ctx.beginPath(); - this.forEachControl(function (control, key, fabricObject) { - // in this moment, the ctx is centered on the object. - // width and height of the above function are the size of the bbox. - if (control.withConnection && control.getVisibility(fabricObject, key)) { - // reset movement for each control - shouldStroke = true; - ctx.moveTo(control.x * size.x, control.y * size.y); - ctx.lineTo(control.x * size.x + control.offsetX, control.y * size.y + control.offsetY); - } - }); - shouldStroke && ctx.stroke(); - } + imageSmoothingEnabled: true, + /** - * Draws corners of an object's bounding box. - * Requires public properties: width, height - * Requires public options: cornerSize, padding - * @param {CanvasRenderingContext2D} ctx Context to draw on - * @param {Object} styleOverride object to override the object style + * The transformation (a Canvas 2D API transform matrix) which focuses the viewport + * @type Array + * @example Default transform + * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; + * @example Scale by 70% and translate toward bottom-right by 50, without skewing + * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; + * @default */ - drawControls(ctx, styleOverride = {}) { - ctx.save(); - const retinaScaling = this.canvas ? this.canvas.getRetinaScaling() : 1; - const { cornerStrokeColor, cornerDashArray, cornerColor } = this; - const options = Object.assign({ cornerStrokeColor, - cornerDashArray, - cornerColor }, styleOverride); - ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); - ctx.strokeStyle = ctx.fillStyle = options.cornerColor; - if (!this.transparentCorners) { - ctx.strokeStyle = options.cornerStrokeColor; - } - this._setLineDash(ctx, options.cornerDashArray); - this.setCoords(); - this.forEachControl(function (control, key, fabricObject) { - if (control.getVisibility(fabricObject, key)) { - const p = fabricObject.oCoords[key]; - control.render(ctx, p.x, p.y, options, fabricObject); - } - }); - ctx.restore(); - } + viewportTransform: fabric.iMatrix.concat(), + /** - * Returns true if the specified control is visible, false otherwise. - * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr', - * but since the control api allow for any control name, can be any string. - * @returns {boolean} true if the specified control is visible, false otherwise + * if set to false background image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default */ - isControlVisible(controlKey) { - return (this.controls[controlKey] && - this.controls[controlKey].getVisibility(this, controlKey)); - } + backgroundVpt: true, + /** - * Sets the visibility of the specified control. - * please do not use. - * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. - * but since the control api allow for any control name, can be any string. - * @param {Boolean} visible true to set the specified control visible, false otherwise - * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details + * if set to false overlya image is not affected by viewport transform + * @since 1.6.3 + * @type Boolean + * @default */ - setControlVisible(controlKey, visible) { - if (!this._controlsVisibility) { - this._controlsVisibility = {}; - } - this._controlsVisibility[controlKey] = visible; - } + overlayVpt: true, + /** - * Sets the visibility state of object controls, this is hust a bulk option for setControlVisible; - * @param {Record} [options] with an optional key per control - * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it + * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens + * @type Boolean + * @default */ - setControlsVisibility(options = {}) { - Object.entries(options).forEach(([controlKey, visibility]) => this.setControlVisible(controlKey, visibility)); - } + enableRetinaScaling: true, + /** - * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box - * that is in the canvas.contextContainer. - * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object. - * Example: blinking cursror text selection, drag effects. - * @todo discuss swapping restoreManually with a renderCallback, but think of async issues - * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else. - * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed - * with the object transformMatrix, or restored to neutral transform + * Describe canvas element extension over design + * properties are tl,tr,bl,br. + * if canvas is not zoomed/panned those points are the four corner of canvas + * if canvas is viewportTransformed you those points indicate the extension + * of canvas element in plain untrasformed coordinates + * The coordinates get updated with @method calcViewportBoundaries. + * @memberOf fabric.StaticCanvas.prototype */ - clearContextTop(restoreManually) { - if (!this.canvas) { - return; - } - const ctx = this.canvas.contextTop; - if (!ctx) { - return; - } - const v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this.transform(ctx); - // we add 4 pixel, to be sure to do not leave any pixel out - const width = this.width + 4, height = this.height + 4; - ctx.clearRect(-width / 2, -height / 2, width, height); - restoreManually || ctx.restore(); - return ctx; - } + vptCoords: { }, + /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to deselect this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event + * Based on vptCoords and object.aCoords, skip rendering of objects that + * are not included in current viewport. + * May greatly help in applications with crowded canvas and use of zoom/pan + * If One of the corner of the bounding box of the object is on the canvas + * the objects get rendered. + * @memberOf fabric.StaticCanvas.prototype + * @type Boolean + * @default */ - onDeselect(options) { - // implemented by sub-classes, as needed. - } + skipOffscreen: true, + /** - * This callback function is called every time _discardActiveObject or _setActiveObject - * try to to select this object. If the function returns true, the process is cancelled - * @param {Object} [options] options sent from the upper functions - * @param {Event} [options.e] event if the process is generated by an event + * a fabricObject that, without stroke define a clipping area with their shape. filled in black + * the clipPath object gets used when the canvas has rendered, and the context is placed in the + * top left corner of the canvas. + * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true + * @type fabric.Object */ - onSelect(options) { - // implemented by sub-classes, as needed. - } + clipPath: undefined, + /** - * Override to customize drag and drop behavior - * return true if the object currently dragged can be dropped on the target - * @public - * @param {DragEvent} e - * @returns {boolean} + * @private + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object */ - canDrop(e) { - return false; - } + _initStatic: function(el, options) { + var cb = this.requestRenderAllBound; + this._objects = []; + this._createLowerCanvas(el); + this._initOptions(options); + // only initialize retina scaling once + if (!this.interactive) { + this._initRetinaScaling(); + } + + if (options.overlayImage) { + this.setOverlayImage(options.overlayImage, cb); + } + if (options.backgroundImage) { + this.setBackgroundImage(options.backgroundImage, cb); + } + if (options.backgroundColor) { + this.setBackgroundColor(options.backgroundColor, cb); + } + if (options.overlayColor) { + this.setOverlayColor(options.overlayColor, cb); + } + this.calcOffset(); + }, + /** - * Override to customize drag and drop behavior - * render a specific effect when an object is the source of a drag event - * example: render the selection status for the part of text that is being dragged from a text object - * @public - * @param {DragEvent} e - * @returns {boolean} + * @private */ - renderDragSourceEffect() { - // for subclasses - } + _isRetinaScaling: function() { + return (fabric.devicePixelRatio > 1 && this.enableRetinaScaling); + }, + /** - * Override to customize drag and drop behavior - * render a specific effect when an object is the target of a drag event - * used to show that the underly object can receive a drop, or to show how the - * object will change when dropping. example: show the cursor where the text is about to be dropped - * @public - * @param {DragEvent} e - * @returns {boolean} + * @private + * @return {Number} retinaScaling if applied, otherwise 1; */ - renderDropTargetEffect(e) { - // for subclasses - } -} + getRetinaScaling: function() { + return this._isRetinaScaling() ? Math.max(1, fabric.devicePixelRatio) : 1; + }, -(function (global) { - const fabric = global.fabric; - fabric.Object = InteractiveFabricObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -/** - * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback - * @static - * @function - * @memberOf fabric - * @param {SVGDocument} doc SVG document to parse - * @param {Function} callback Callback to call when parsing is finished; - * It's being passed an array of elements (parsed from a document). - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [parsingOptions] options for parsing document - * @param {String} [parsingOptions.crossOrigin] crossOrigin settings - * @param {AbortSignal} [parsingOptions.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - */ -function parseSVGDocument(doc, callback, reviver, parsingOptions) { - if (!doc) { - return; - } - if (parsingOptions && - parsingOptions.signal && - parsingOptions.signal.aborted) { - throw new Error('`options.signal` is in `aborted` state'); - } - parseUseDirectives(doc); - let svgUid = InteractiveFabricObject.__uid++, i, len, options = applyViewboxTransform(doc), descendants = Array.from(doc.getElementsByTagName('*')); - options.crossOrigin = parsingOptions && parsingOptions.crossOrigin; - options.svgUid = svgUid; - options.signal = parsingOptions && parsingOptions.signal; - if (descendants.length === 0 && isLikelyNode) { - // we're likely in node, where "o3-xml" library fails to gEBTN("*") - // https://github.com/ajaxorg/node-o3-xml/issues/21 - descendants = doc.selectNodes('//*[name(.)!="svg"]'); - const arr = []; - for (i = 0, len = descendants.length; i < len; i++) { - arr[i] = descendants[i]; - } - descendants = arr; - } - const elements = descendants.filter(function (el) { - applyViewboxTransform(el); - return (svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')) && - !hasAncestorWithNodeName(el, svgInvalidAncestorsRegEx)); // http://www.w3.org/TR/SVG/struct.html#DefsElement - }); - if (!elements || (elements && !elements.length)) { - callback && callback([], {}); + /** + * @private + */ + _initRetinaScaling: function() { + if (!this._isRetinaScaling()) { return; - } - const localClipPaths = {}; - descendants - .filter(function (el) { - return el.nodeName.replace('svg:', '') === 'clipPath'; - }) - .forEach(function (el) { - const id = el.getAttribute('id'); - localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(function (el) { - return svgValidTagNamesRegEx.test(el.nodeName.replace('svg:', '')); - }); - }); - gradientDefs[svgUid] = getGradientDefs(doc); - cssRules[svgUid] = getCSSRules(doc); - clipPaths[svgUid] = localClipPaths; - // Precedence of rules: style > class > attribute - parseElements(elements, function (instances, elements) { - if (callback) { - callback(instances, options, elements, descendants); - delete gradientDefs[svgUid]; - delete cssRules[svgUid]; - delete clipPaths[svgUid]; - } - }, Object.assign({}, options), reviver, parsingOptions); -} + } + var scaleRatio = fabric.devicePixelRatio; + this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); + if (this.upperCanvasEl) { + this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); + } + }, -//@ts-nocheck -/** - * Takes string corresponding to an SVG document, and parses it into a set of fabric objects - * @memberOf fabric - * @param {String} string - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - */ -function loadSVGFromString(string, callback, reviver, options) { - const parser = new fabric$1.window.DOMParser(), doc = parser.parseFromString(string.trim(), 'text/xml'); - parseSVGDocument(doc.documentElement, function (results, _options, elements, allElements) { - callback(results, _options, elements, allElements); - }, reviver, options); -} + __initRetinaScaling: function(scaleRatio, canvas, context) { + canvas.setAttribute('width', this.width * scaleRatio); + canvas.setAttribute('height', this.height * scaleRatio); + context.scale(scaleRatio, scaleRatio); + }, -//@ts-nocheck -/** - * Takes url corresponding to an SVG document, and parses it into a set of fabric objects. - * Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy) - * @memberOf fabric - * @param {String} url - * @param {Function} callback - * @param {Function} [reviver] Method for further parsing of SVG elements, called after each fabric object created. - * @param {Object} [options] Object containing options for parsing - * @param {String} [options.crossOrigin] crossOrigin crossOrigin setting to use for external resources - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - */ -function loadSVGFromURL(url, callback, reviver, options) { - new request(url.replace(/^\n\s*/, '').trim(), { - method: 'get', - onComplete: onComplete, - signal: options && options.signal, - }); - function onComplete(r) { - const xml = r.responseXML; - if (!xml || !xml.documentElement) { - callback && callback(null); - return false; - } - parseSVGDocument(xml.documentElement, function (results, _options, elements, allElements) { - callback && callback(results, _options, elements, allElements); - }, reviver, options); - } -} -//@ts-nocheck -function selectorMatches(element, selector) { - let nodeName = element.nodeName, classNames = element.getAttribute('class'), id = element.getAttribute('id'), matcher, i; - // i check if a selector matches slicing away part from it. - // if i get empty string i should match - matcher = new RegExp('^' + nodeName, 'i'); - selector = selector.replace(matcher, ''); - if (id && selector.length) { - matcher = new RegExp('#' + id + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); - } - if (classNames && selector.length) { - classNames = classNames.split(' '); - for (i = classNames.length; i--;) { - matcher = new RegExp('\\.' + classNames[i] + '(?![a-zA-Z\\-]+)', 'i'); - selector = selector.replace(matcher, ''); - } - } - return selector.length === 0; -} + /** + * Calculates canvas element offset relative to the document + * This method is also attached as "resize" event handler of window + * @return {fabric.Canvas} instance + * @chainable + */ + calcOffset: function () { + this._offset = getElementOffset(this.lowerCanvasEl); + return this; + }, -//@ts-nocheck -function doesSomeParentMatch(element, selectors) { - let selector, parentMatching = true; - while (element.parentNode && - element.parentNode.nodeType === 1 && - selectors.length) { - if (parentMatching) { - selector = selectors.pop(); - } - element = element.parentNode; - parentMatching = selectorMatches(element, selector); - } - return selectors.length === 0; -} + /** + * Sets {@link fabric.StaticCanvas#overlayImage|overlay image} for this canvas + * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set overlay to + * @param {Function} callback callback to invoke when image is loaded and set as an overlay + * @param {Object} [options] Optional options to set for the {@link fabric.Image|overlay image}. + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/fabricjs/MnzHT/|jsFiddle demo} + * @example Normal overlayImage with left/top = 0 + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * // Needed to position overlayImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example overlayImage with different properties + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top' + * }); + * @example Stretched overlayImage #1 - width/height correspond to canvas width/height + * fabric.Image.fromURL('http://fabricjs.com/assets/jail_cell_bars.png', function(img, isError) { + * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); + * canvas.setOverlayImage(img, canvas.renderAll.bind(canvas)); + * }); + * @example Stretched overlayImage #2 - width/height correspond to canvas width/height + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * width: canvas.width, + * height: canvas.height, + * // Needed to position overlayImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example overlayImage loaded from cross-origin + * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top', + * crossOrigin: 'anonymous' + * }); + */ + setOverlayImage: function (image, callback, options) { + return this.__setBgOverlayImage('overlayImage', image, callback, options); + }, -//@ts-nocheck -/** - * @private - */ -function elementMatchesRule(element, selectors) { - let firstMatching, parentMatching = true; - //start from rightmost selector. - firstMatching = selectorMatches(element, selectors.pop()); - if (firstMatching && selectors.length) { - parentMatching = doesSomeParentMatch(element, selectors); - } - return firstMatching && parentMatching && selectors.length === 0; -} + /** + * Sets {@link fabric.StaticCanvas#backgroundImage|background image} for this canvas + * @param {(fabric.Image|String)} image fabric.Image instance or URL of an image to set background to + * @param {Function} callback Callback to invoke when image is loaded and set as background + * @param {Object} [options] Optional options to set for the {@link fabric.Image|background image}. + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/djnr8o7a/28/|jsFiddle demo} + * @example Normal backgroundImage with left/top = 0 + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * // Needed to position backgroundImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example backgroundImage with different properties + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top' + * }); + * @example Stretched backgroundImage #1 - width/height correspond to canvas width/height + * fabric.Image.fromURL('http://fabricjs.com/assets/honey_im_subtle.png', function(img, isError) { + * img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'}); + * canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas)); + * }); + * @example Stretched backgroundImage #2 - width/height correspond to canvas width/height + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * width: canvas.width, + * height: canvas.height, + * // Needed to position backgroundImage at 0/0 + * originX: 'left', + * originY: 'top' + * }); + * @example backgroundImage loaded from cross-origin + * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), { + * opacity: 0.5, + * angle: 45, + * left: 400, + * top: 400, + * originX: 'left', + * originY: 'top', + * crossOrigin: 'anonymous' + * }); + */ + // TODO: fix stretched examples + setBackgroundImage: function (image, callback, options) { + return this.__setBgOverlayImage('backgroundImage', image, callback, options); + }, -//@ts-nocheck -/** - * @private - */ -function getGlobalStylesForElement(element, svgUid) { - const styles = {}; - for (const rule in cssRules[svgUid]) { - if (elementMatchesRule(element, rule.split(' '))) { - for (const property in cssRules[svgUid][rule]) { - styles[property] = cssRules[svgUid][rule][property]; - } - } - } - return styles; -} + /** + * Sets {@link fabric.StaticCanvas#overlayColor|foreground color} for this canvas + * @param {(String|fabric.Pattern)} overlayColor Color or pattern to set foreground color to + * @param {Function} callback Callback to invoke when foreground color is set + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/fabricjs/pB55h/|jsFiddle demo} + * @example Normal overlayColor - color value + * canvas.setOverlayColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as overlayColor + * canvas.setOverlayColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png' + * }, canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as overlayColor with repeat and offset + * canvas.setOverlayColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png', + * repeat: 'repeat', + * offsetX: 200, + * offsetY: 100 + * }, canvas.renderAll.bind(canvas)); + */ + setOverlayColor: function(overlayColor, callback) { + return this.__setBgOverlayColor('overlayColor', overlayColor, callback); + }, -//@ts-nocheck -function normalizeAttr(attr) { - // transform attribute names - if (attr in attributesMap) { - return attributesMap[attr]; - } - return attr; -} + /** + * Sets {@link fabric.StaticCanvas#backgroundColor|background color} for this canvas + * @param {(String|fabric.Pattern)} backgroundColor Color or pattern to set background color to + * @param {Function} callback Callback to invoke when background color is set + * @return {fabric.Canvas} thisArg + * @chainable + * @see {@link http://jsfiddle.net/fabricjs/hXzvk/|jsFiddle demo} + * @example Normal backgroundColor - color value + * canvas.setBackgroundColor('rgba(255, 73, 64, 0.6)', canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as backgroundColor + * canvas.setBackgroundColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png' + * }, canvas.renderAll.bind(canvas)); + * @example fabric.Pattern used as backgroundColor with repeat and offset + * canvas.setBackgroundColor({ + * source: 'http://fabricjs.com/assets/escheresque_ste.png', + * repeat: 'repeat', + * offsetX: 200, + * offsetY: 100 + * }, canvas.renderAll.bind(canvas)); + */ + setBackgroundColor: function(backgroundColor, callback) { + return this.__setBgOverlayColor('backgroundColor', backgroundColor, callback); + }, -//@ts-nocheck -function rotateMatrix(matrix, args) { - const cosValue = cos(args[0]), sinValue = sin(args[0]); - let x = 0, y = 0; - if (args.length === 3) { - x = args[1]; - y = args[2]; - } - matrix[0] = cosValue; - matrix[1] = sinValue; - matrix[2] = -sinValue; - matrix[3] = cosValue; - matrix[4] = x - (cosValue * x - sinValue * y); - matrix[5] = y - (sinValue * x + cosValue * y); -} + /** + * @private + * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundImage|backgroundImage} + * or {@link fabric.StaticCanvas#overlayImage|overlayImage}) + * @param {(fabric.Image|String|null)} image fabric.Image instance, URL of an image or null to set background or overlay to + * @param {Function} callback Callback to invoke when image is loaded and set as background or overlay. The first argument is the created image, the second argument is a flag indicating whether an error occurred or not. + * @param {Object} [options] Optional options to set for the {@link fabric.Image|image}. + */ + __setBgOverlayImage: function(property, image, callback, options) { + if (typeof image === 'string') { + fabric.util.loadImage(image, function(img, isError) { + if (img) { + var instance = new fabric.Image(img, options); + this[property] = instance; + instance.canvas = this; + } + callback && callback(img, isError); + }, this, options && options.crossOrigin); + } + else { + options && image.setOptions(options); + this[property] = image; + image && (image.canvas = this); + callback && callback(image, false); + } -//@ts-nocheck -function scaleMatrix(matrix, args) { - const multiplierX = args[0], multiplierY = args.length === 2 ? args[1] : args[0]; - matrix[0] = multiplierX; - matrix[3] = multiplierY; -} + return this; + }, -//@ts-nocheck -function skewMatrix(matrix, args, pos) { - matrix[pos] = Math.tan(degreesToRadians(args[0])); -} + /** + * @private + * @param {String} property Property to set ({@link fabric.StaticCanvas#backgroundColor|backgroundColor} + * or {@link fabric.StaticCanvas#overlayColor|overlayColor}) + * @param {(Object|String|null)} color Object with pattern information, color value or null + * @param {Function} [callback] Callback is invoked when color is set + */ + __setBgOverlayColor: function(property, color, callback) { + this[property] = color; + this._initGradient(color, property); + this._initPattern(color, property, callback); + return this; + }, -//@ts-nocheck -function translateMatrix(matrix, args) { - matrix[4] = args[0]; - if (args.length === 2) { - matrix[5] = args[1]; - } -} + /** + * @private + */ + _createCanvasElement: function() { + var element = createCanvasElement(); + if (!element) { + throw CANVAS_INIT_ERROR; + } + if (!element.style) { + element.style = { }; + } + if (typeof element.getContext === 'undefined') { + throw CANVAS_INIT_ERROR; + } + return element; + }, -//@ts-nocheck -// == begin transform regexp -const number = reNum, skewX = '(?:(skewX)\\s*\\(\\s*(' + number + ')\\s*\\))', skewY = '(?:(skewY)\\s*\\(\\s*(' + number + ')\\s*\\))', rotate = '(?:(rotate)\\s*\\(\\s*(' + - number + - ')(?:' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - '))?\\s*\\))', scale = '(?:(scale)\\s*\\(\\s*(' + - number + - ')(?:' + - commaWsp + - '(' + - number + - '))?\\s*\\))', translate = '(?:(translate)\\s*\\(\\s*(' + - number + - ')(?:' + - commaWsp + - '(' + - number + - '))?\\s*\\))', matrix = '(?:(matrix)\\s*\\(\\s*' + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - commaWsp + - '(' + - number + - ')' + - '\\s*\\))', transform = '(?:' + - matrix + - '|' + - translate + - '|' + - scale + - '|' + - rotate + - '|' + - skewX + - '|' + - skewY + - ')', transforms = '(?:' + transform + '(?:' + commaWsp + '*' + transform + ')*' + ')', transformList = '^\\s*(?:' + transforms + '?)\\s*$', -// http://www.w3.org/TR/SVG/coords.html#TransformAttribute -reTransformList = new RegExp(transformList), -// == end transform regexp -reTransform = new RegExp(transform, 'g'); -/** - * Parses "transform" attribute, returning an array of values - * @static - * @function - * @memberOf fabric - * @param {String} attributeValue String containing attribute value - * @return {Array} Array of 6 elements representing transformation matrix - */ -function parseTransformAttribute(attributeValue) { - // start with identity matrix - let matrix = iMatrix.concat(), matrices = []; - // return if no argument was given or - // an argument does not match transform attribute regexp - if (!attributeValue || - (attributeValue && !reTransformList.test(attributeValue))) { - return matrix; - } - attributeValue.replace(reTransform, function (match) { - const m = new RegExp(transform).exec(match).filter(function (match) { - // match !== '' && match != null - return !!match; - }), operation = m[1], args = m.slice(2).map(parseFloat); - switch (operation) { - case 'translate': - translateMatrix(matrix, args); - break; - case 'rotate': - args[0] = degreesToRadians(args[0]); - rotateMatrix(matrix, args); - break; - case 'scale': - scaleMatrix(matrix, args); - break; - case 'skewX': - skewMatrix(matrix, args, 2); - break; - case 'skewY': - skewMatrix(matrix, args, 1); - break; - case 'matrix': - matrix = args; - break; - } - // snapshot current matrix into matrices array - matrices.push(matrix.concat()); - // reset - matrix = iMatrix.concat(); - }); - let combinedMatrix = matrices[0]; - while (matrices.length > 1) { - matrices.shift(); - combinedMatrix = multiplyTransformMatrices(combinedMatrix, matrices[0]); - } - return combinedMatrix; -} + /** + * @private + * @param {Object} [options] Options object + */ + _initOptions: function (options) { + var lowerCanvasEl = this.lowerCanvasEl; + this._setOptions(options); -//@ts-nocheck -function normalizeValue(attr, value, parentAttributes, fontSize) { - let isArray = Array.isArray(value), parsed; - if ((attr === 'fill' || attr === 'stroke') && value === 'none') { - value = ''; - } - else if (attr === 'strokeUniform') { - return value === 'non-scaling-stroke'; - } - else if (attr === 'strokeDashArray') { - if (value === 'none') { - value = null; - } - else { - value = value.replace(/,/g, ' ').split(/\s+/).map(parseFloat); - } - } - else if (attr === 'transformMatrix') { - if (parentAttributes && parentAttributes.transformMatrix) { - value = multiplyTransformMatrices(parentAttributes.transformMatrix, parseTransformAttribute(value)); - } - else { - value = parseTransformAttribute(value); - } - } - else if (attr === 'visible') { - value = value !== 'none' && value !== 'hidden'; - // display=none on parent element always takes precedence over child element - if (parentAttributes && parentAttributes.visible === false) { - value = false; - } - } - else if (attr === 'opacity') { - value = parseFloat(value); - if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') { - value *= parentAttributes.opacity; - } - } - else if (attr === 'textAnchor' /* text-anchor */) { - value = value === 'start' ? 'left' : value === 'end' ? 'right' : 'center'; - } - else if (attr === 'charSpacing') { - // parseUnit returns px and we convert it to em - parsed = (parseUnit(value, fontSize) / fontSize) * 1000; - } - else if (attr === 'paintFirst') { - const fillIndex = value.indexOf('fill'); - const strokeIndex = value.indexOf('stroke'); - var value = 'fill'; - if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) { - value = 'stroke'; - } - else if (fillIndex === -1 && strokeIndex > -1) { - value = 'stroke'; - } - } - else if (attr === 'href' || attr === 'xlink:href' || attr === 'font') { - return value; - } - else if (attr === 'imageSmoothing') { - return value === 'optimizeQuality'; - } - else { - parsed = isArray ? value.map(parseUnit) : parseUnit(value, fontSize); - } - return !isArray && isNaN(parsed) ? value : parsed; -} + this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; + this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; -//@ts-nocheck -/** - * Parses a short font declaration, building adding its properties to a style object - * @static - * @function - * @memberOf fabric - * @param {String} value font declaration - * @param {Object} oStyle definition - */ -function parseFontDeclaration(value, oStyle) { - const match = value.match(reFontDeclaration); - if (!match) { + if (!this.lowerCanvasEl.style) { return; - } - const fontStyle = match[1], - // font variant is not used - // fontVariant = match[2], - fontWeight = match[3], fontSize = match[4], lineHeight = match[5], fontFamily = match[6]; - if (fontStyle) { - oStyle.fontStyle = fontStyle; - } - if (fontWeight) { - oStyle.fontWeight = isNaN(parseFloat(fontWeight)) - ? fontWeight - : parseFloat(fontWeight); - } - if (fontSize) { - oStyle.fontSize = parseUnit(fontSize); - } - if (fontFamily) { - oStyle.fontFamily = fontFamily; - } - if (lineHeight) { - oStyle.lineHeight = lineHeight === 'normal' ? 1 : lineHeight; - } -} + } -//@ts-nocheck -function parseStyleObject(style, oStyle) { - let attr, value; - for (const prop in style) { - if (typeof style[prop] === 'undefined') { - continue; - } - attr = prop.toLowerCase(); - value = style[prop]; - oStyle[attr] = value; - } -} + lowerCanvasEl.width = this.width; + lowerCanvasEl.height = this.height; -//@ts-nocheck -function parseStyleString(style, oStyle) { - let attr, value; - style - .replace(/;\s*$/, '') - .split(';') - .forEach(function (chunk) { - const pair = chunk.split(':'); - attr = pair[0].trim().toLowerCase(); - value = pair[1].trim(); - oStyle[attr] = value; - }); -} + lowerCanvasEl.style.width = this.width + 'px'; + lowerCanvasEl.style.height = this.height + 'px'; -//@ts-nocheck -/** - * Parses "style" attribute, retuning an object with values - * @static - * @memberOf fabric - * @param {SVGElement} element Element to parse - * @return {Object} Objects with values parsed from style attribute of an element - */ -function parseStyleAttribute(element) { - const oStyle = {}, style = element.getAttribute('style'); - if (!style) { - return oStyle; - } - if (typeof style === 'string') { - parseStyleString(style, oStyle); - } - else { - parseStyleObject(style, oStyle); - } - return oStyle; -} + this.viewportTransform = this.viewportTransform.slice(); + }, -//@ts-nocheck -/** - * @private - * @param {Object} attributes Array of attributes to parse - */ -function setStrokeFillOpacity(attributes) { - for (const attr in colorAttributes) { - if (typeof attributes[colorAttributes[attr]] === 'undefined' || - attributes[attr] === '') { - continue; - } - if (typeof attributes[attr] === 'undefined') { - if (!InteractiveFabricObject.prototype[attr]) { - continue; - } - attributes[attr] = InteractiveFabricObject.prototype[attr]; - } - if (attributes[attr].indexOf('url(') === 0) { - continue; - } - const color = new Color(attributes[attr]); - attributes[attr] = color - .setAlpha(toFixed(color.getAlpha() * attributes[colorAttributes[attr]], 2)) - .toRgba(); - } - return attributes; -} + /** + * Creates a bottom canvas + * @private + * @param {HTMLElement} [canvasEl] + */ + _createLowerCanvas: function (canvasEl) { + // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node + if (canvasEl && canvasEl.getContext) { + this.lowerCanvasEl = canvasEl; + } + else { + this.lowerCanvasEl = fabric.util.getById(canvasEl) || this._createCanvasElement(); + } -//@ts-nocheck -/** - * Returns an object of attributes' name/value, given element and an array of attribute names; - * Parses parent "g" nodes recursively upwards. - * @param {DOMElement} element Element to parse - * @param {Array} attributes Array of attributes to parse - * @return {Object} object containing parsed attributes' names/values - */ -function parseAttributes(element, attributes, svgUid) { - if (!element) { - return; - } - let value, parentAttributes = {}, fontSize, parentFontSize; - if (typeof svgUid === 'undefined') { - svgUid = element.getAttribute('svgUid'); - } - // if there's a parent container (`g` or `a` or `symbol` node), parse its attributes recursively upwards - if (element.parentNode && - svgValidParentsRegEx.test(element.parentNode.nodeName)) { - parentAttributes = parseAttributes(element.parentNode, attributes, svgUid); - } - let ownAttributes = attributes.reduce(function (memo, attr) { - value = element.getAttribute(attr); - if (value) { - // eslint-disable-line - memo[attr] = value; - } - return memo; - }, {}); - // add values parsed from style, which take precedence over attributes - // (see: http://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes) - const cssAttrs = Object.assign(getGlobalStylesForElement(element, svgUid), parseStyleAttribute(element)); - ownAttributes = Object.assign(ownAttributes, cssAttrs); - if (cssAttrs[cPath]) { - element.setAttribute(cPath, cssAttrs[cPath]); - } - fontSize = parentFontSize = - parentAttributes.fontSize || DEFAULT_SVG_FONT_SIZE; - if (ownAttributes[fSize]) { - // looks like the minimum should be 9px when dealing with ems. this is what looks like in browsers. - ownAttributes[fSize] = fontSize = parseUnit(ownAttributes[fSize], parentFontSize); - } - let normalizedAttr, normalizedValue, normalizedStyle = {}; - for (const attr in ownAttributes) { - normalizedAttr = normalizeAttr(attr); - normalizedValue = normalizeValue(normalizedAttr, ownAttributes[attr], parentAttributes, fontSize); - normalizedStyle[normalizedAttr] = normalizedValue; - } - if (normalizedStyle && normalizedStyle.font) { - parseFontDeclaration(normalizedStyle.font, normalizedStyle); - } - const mergedAttrs = Object.assign(parentAttributes, normalizedStyle); - return svgValidParentsRegEx.test(element.nodeName) - ? mergedAttrs - : setStrokeFillOpacity(mergedAttrs); -} + fabric.util.addClass(this.lowerCanvasEl, 'lower-canvas'); + this._originalCanvasStyle = this.lowerCanvasEl.style; + if (this.interactive) { + this._applyCanvasStyle(this.lowerCanvasEl); + } -//@ts-nocheck -/** - * Parses "points" attribute, returning an array of values - * @static - * @memberOf fabric - * @param {String} points points attribute string - * @return {Array} array of points - */ -function parsePointsAttribute(points) { - // points attribute is required and must not be empty - if (!points) { - return null; - } - // replace commas with whitespace and remove bookending whitespace - points = points.replace(/,/g, ' ').trim(); - points = points.split(/\s+/); - let parsedPoints = [], i, len; - for (i = 0, len = points.length; i < len; i += 2) { - parsedPoints.push({ - x: parseFloat(points[i]), - y: parseFloat(points[i + 1]), - }); - } - // odd number of points is an error - // if (parsedPoints.length % 2 !== 0) { - // return null; - // } - return parsedPoints; -} + this.contextContainer = this.lowerCanvasEl.getContext('2d'); + }, -Object.assign(fabric$1, { - SHARED_ATTRIBUTES, - cssRules, - gradientDefs, - clipPaths, - parseTransformAttribute, - parseSVGDocument, - parseFontDeclaration, - getGradientDefs, - parseAttributes, - parseElements, - parseStyleAttribute, - parsePointsAttribute, - getCSSRules, - loadSVGFromURL, - loadSVGFromString, - ElementsParser, -}); + /** + * Returns canvas width (in px) + * @return {Number} + */ + getWidth: function () { + return this.width; + }, -const linearDefaultCoords = { - x1: 0, - y1: 0, - x2: 0, - y2: 0, -}; -const radialDefaultCoords = Object.assign(Object.assign({}, linearDefaultCoords), { r1: 0, r2: 0 }); + /** + * Returns canvas height (in px) + * @return {Number} + */ + getHeight: function () { + return this.height; + }, -function parseType(el) { - return el.nodeName === 'linearGradient' || el.nodeName === 'LINEARGRADIENT' - ? 'linear' - : 'radial'; -} -function parseGradientUnits(el) { - return el.getAttribute('gradientUnits') === 'userSpaceOnUse' - ? 'pixels' - : 'percentage'; -} + /** + * Sets width of this canvas instance + * @param {Number|String} value Value to set width to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setWidth: function (value, options) { + return this.setDimensions({ width: value }, options); + }, -const RE_PERCENT = /^(\d+\.\d+)%|(\d+)%$/; -function isPercent(value) { - return value && RE_PERCENT.test(value); -} -/** - * - * @param value - * @param valueIfNaN - * @returns ∈ [0, 1] - */ -function parsePercent(value, valueIfNaN) { - const parsed = typeof value === 'number' - ? value - : typeof value === 'string' - ? parseFloat(value) / (isPercent(value) ? 100 : 1) - : NaN; - return capValue(0, ifNaN(parsed, valueIfNaN), 1); -} + /** + * Sets height of this canvas instance + * @param {Number|String} value Value to set height to + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} instance + * @chainable true + */ + setHeight: function (value, options) { + return this.setDimensions({ height: value }, options); + }, -const RE_KEY_VALUE_PAIRS = /\s*;\s*/; -const RE_KEY_VALUE = /\s*:\s*/; -function parseColorStop(el, multiplier) { - let colorValue, opacity; - const style = el.getAttribute('style'); - if (style) { - const keyValuePairs = style.split(RE_KEY_VALUE_PAIRS); - if (keyValuePairs[keyValuePairs.length - 1] === '') { - keyValuePairs.pop(); - } - for (let i = keyValuePairs.length; i--;) { - const [key, value] = keyValuePairs[i] - .split(RE_KEY_VALUE) - .map((s) => s.trim()); - if (key === 'stop-color') { - colorValue = value; - } - else if (key === 'stop-opacity') { - opacity = value; - } - } - } - const color = new Color(colorValue || el.getAttribute('stop-color') || 'rgb(0,0,0)'); - return { - offset: parsePercent(el.getAttribute('offset'), 0), - color: color.toRgb(), - opacity: ifNaN(parseFloat(opacity || el.getAttribute('stop-opacity') || ''), 1) * - color.getAlpha() * - multiplier, - }; -} -function parseColorStops(el, opacityAttr) { - const colorStops = [], colorStopEls = el.getElementsByTagName('stop'), multiplier = parsePercent(opacityAttr, 1); - for (let i = colorStopEls.length; i--;) { - colorStops.push(parseColorStop(colorStopEls[i], multiplier)); - } - return colorStops; -} + /** + * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) + * @param {Object} dimensions Object with width/height properties + * @param {Number|String} [dimensions.width] Width of canvas element + * @param {Number|String} [dimensions.height] Height of canvas element + * @param {Object} [options] Options object + * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions + * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions + * @return {fabric.Canvas} thisArg + * @chainable + */ + setDimensions: function (dimensions, options) { + var cssValue; -function convertPercentUnitsToValues(valuesToConvert, { width, height, gradientUnits }) { - let finalValue; - return Object.keys(valuesToConvert).reduce((acc, prop) => { - const propValue = valuesToConvert[prop]; - if (propValue === 'Infinity') { - finalValue = 1; - } - else if (propValue === '-Infinity') { - finalValue = 0; - } - else { - finalValue = - typeof propValue === 'string' ? parseFloat(propValue) : propValue; - if (typeof propValue === 'string' && isPercent(propValue)) { - finalValue *= 0.01; - if (gradientUnits === 'pixels') { - // then we need to fix those percentages here in svg parsing - if (prop === 'x1' || prop === 'x2' || prop === 'r2') { - finalValue *= width; - } - if (prop === 'y1' || prop === 'y2') { - finalValue *= height; - } - } - } + options = options || {}; + + for (var prop in dimensions) { + cssValue = dimensions[prop]; + + if (!options.cssOnly) { + this._setBackstoreDimension(prop, dimensions[prop]); + cssValue += 'px'; + this.hasLostContext = true; } - acc[prop] = finalValue; - return acc; - }, {}); -} -function getValue(el, key) { - return el.getAttribute(key); -} -function parseLinearCoords(el) { - return { - x1: getValue(el, 'x1') || 0, - y1: getValue(el, 'y1') || 0, - x2: getValue(el, 'x2') || '100%', - y2: getValue(el, 'y2') || 0, - }; -} -function parseRadialCoords(el) { - return { - x1: getValue(el, 'fx') || getValue(el, 'cx') || '50%', - y1: getValue(el, 'fy') || getValue(el, 'cy') || '50%', - r1: 0, - x2: getValue(el, 'cx') || '50%', - y2: getValue(el, 'cy') || '50%', - r2: getValue(el, 'r') || '50%', - }; -} -function parseCoords(el, size) { - return convertPercentUnitsToValues(parseType(el) === 'linear' ? parseLinearCoords(el) : parseRadialCoords(el), Object.assign(Object.assign({}, size), { gradientUnits: parseGradientUnits(el) })); -} -//@ts-nocheck -/** - * Gradient class - * @class Gradient - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#gradients} - */ -class Gradient { - constructor({ type = 'linear', gradientUnits = 'pixels', coords, colorStops = [], offsetX = 0, offsetY = 0, gradientTransform, id, }) { - /** - * Horizontal offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 - */ - this.offsetX = 0; - /** - * Vertical offset for aligning gradients coming from SVG when outside pathgroups - * @type Number - * @default 0 - */ - this.offsetY = 0; - /** - * 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 - */ - this.gradientTransform = null; - const uid = InteractiveFabricObject.__uid++; - this.id = id ? `${id}_${uid}` : uid; - this.type = type; - this.gradientUnits = gradientUnits; - this.gradientTransform = gradientTransform || null; - this.offsetX = offsetX; - this.offsetY = offsetY; - this.coords = Object.assign(Object.assign({}, (this.type === 'radial' ? radialDefaultCoords : linearDefaultCoords)), coords); - this.colorStops = colorStops.slice(); - } - // isType(type: S): this is Gradient { - // return (this.type as GradientType) === type; - // } + if (!options.backstoreOnly) { + this._setCssDimension(prop, cssValue); + } + } + if (this._isCurrentlyDrawing) { + this.freeDrawingBrush && this.freeDrawingBrush._setBrushStyles(this.contextTop); + } + this._initRetinaScaling(); + this.calcOffset(); + + if (!options.cssOnly) { + this.requestRenderAll(); + } + + return this; + }, + /** - * Adds another colorStop - * @param {Record} colorStop Object with offset and color - * @return {Gradient} thisArg - */ - addColorStop(colorStops) { - for (const position in colorStops) { - const color = new Color(colorStops[position]); - this.colorStops.push({ - offset: parseFloat(position), - color: color.toRgb(), - opacity: color.getAlpha(), - }); - } - return this; - } + * Helper for setting width/height + * @private + * @param {String} prop property (width|height) + * @param {Number} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true + */ + _setBackstoreDimension: function (prop, value) { + this.lowerCanvasEl[prop] = value; + + if (this.upperCanvasEl) { + this.upperCanvasEl[prop] = value; + } + + if (this.cacheCanvasEl) { + this.cacheCanvasEl[prop] = value; + } + + this[prop] = value; + + return this; + }, + /** - * Returns object representation of a gradient - * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {object} + * Helper for setting css width/height + * @private + * @param {String} prop property (width|height) + * @param {String} value value to set property to + * @return {fabric.Canvas} instance + * @chainable true */ - toObject(propertiesToInclude) { - return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: this.type, coords: this.coords, colorStops: this.colorStops, offsetX: this.offsetX, offsetY: this.offsetY, gradientUnits: this.gradientUnits, gradientTransform: this.gradientTransform - ? this.gradientTransform.concat() - : this.gradientTransform }); - } - /* _TO_SVG_START_ */ + _setCssDimension: function (prop, value) { + this.lowerCanvasEl.style[prop] = value; + + if (this.upperCanvasEl) { + this.upperCanvasEl.style[prop] = value; + } + + if (this.wrapperEl) { + this.wrapperEl.style[prop] = value; + } + + return this; + }, + /** - * Returns SVG representation of an gradient - * @param {fabric.Object} object Object to create a gradient for - * @return {String} SVG representation of an gradient (linear/radial) + * Returns canvas zoom level + * @return {Number} */ - toSVG(object, { additionalTransform: preTransform } = {}) { - const markup = [], transform = (this.gradientTransform - ? this.gradientTransform.concat() - : iMatrix.concat()), gradientUnits = this.gradientUnits === 'pixels' - ? 'userSpaceOnUse' - : 'objectBoundingBox'; - // colorStops must be sorted ascending, and guarded against deep mutations - const colorStops = this.colorStops - .map((colorStop) => (Object.assign({}, colorStop))) - .sort((a, b) => { - return a.offset - b.offset; - }); - let offsetX = -this.offsetX, offsetY = -this.offsetY; - if (gradientUnits === 'objectBoundingBox') { - offsetX /= object.width; - offsetY /= object.height; - } - else { - offsetX += object.width / 2; - offsetY += object.height / 2; - } - if (object.type === 'path' && this.gradientUnits !== 'percentage') { - offsetX -= object.pathOffset.x; - offsetY -= object.pathOffset.y; - } - transform[4] -= offsetX; - transform[5] -= offsetY; - const commonAttributes = [ - `id="SVGID_${this.id}"`, - `gradientUnits="${gradientUnits}"`, - `gradientTransform="${preTransform ? preTransform + ' ' : ''}${matrixToSVG(transform)}"`, - '', - ].join(' '); - if (this.type === 'linear') { - const { x1, y1, x2, y2 } = this.coords; - markup.push('\n'); - } - else if (this.type === 'radial') { - const { x1, y1, x2, y2, r1, r2 } = this - .coords; - const needsSwap = r1 > r2; - // svg radial gradient has just 1 radius. the biggest. - markup.push('\n'); - if (needsSwap) { - // svg goes from internal to external radius. if radius are inverted, swap color stops. - colorStops.reverse(); // mutates array - colorStops.forEach((colorStop) => { - colorStop.offset = 1 - colorStop.offset; - }); - } - const minRadius = Math.min(r1, r2); - if (minRadius > 0) { - // i have to shift all colorStops and add new one in 0. - const maxRadius = Math.max(r1, r2), percentageShift = minRadius / maxRadius; - colorStops.forEach((colorStop) => { - colorStop.offset += percentageShift * (1 - colorStop.offset); - }); - } - } - colorStops.forEach(({ color, offset, opacity }) => { - markup.push('\n'); - }); - markup.push(this.type === 'linear' ? '' : '', '\n'); - return markup.join(''); - } - /* _TO_SVG_END_ */ + getZoom: function () { + return this.viewportTransform[0]; + }, + /** - * Returns an instance of CanvasGradient - * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {CanvasGradient} + * Sets viewport transformation of this canvas instance + * @param {Array} vpt a Canvas 2D API transform matrix + * @return {fabric.Canvas} instance + * @chainable true + */ + setViewportTransform: function (vpt) { + var activeObject = this._activeObject, + backgroundObject = this.backgroundImage, + overlayObject = this.overlayImage, + object, i, len; + this.viewportTransform = vpt; + for (i = 0, len = this._objects.length; i < len; i++) { + object = this._objects[i]; + object.group || object.setCoords(true); + } + if (activeObject) { + activeObject.setCoords(); + } + if (backgroundObject) { + backgroundObject.setCoords(true); + } + if (overlayObject) { + overlayObject.setCoords(true); + } + this.calcViewportBoundaries(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Sets zoom level of this canvas instance, the zoom centered around point + * meaning that following zoom to point with the same point will have the visual + * effect of the zoom originating from that point. The point won't move. + * It has nothing to do with canvas center or visual center of the viewport. + * @param {fabric.Point} point to zoom with respect to + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true + */ + zoomToPoint: function (point, value) { + // TODO: just change the scale, preserve other transformations + var before = point, vpt = this.viewportTransform.slice(0); + point = transformPoint(point, invertTransform(this.viewportTransform)); + vpt[0] = value; + vpt[3] = value; + var after = transformPoint(point, vpt); + vpt[4] += before.x - after.x; + vpt[5] += before.y - after.y; + return this.setViewportTransform(vpt); + }, + + /** + * Sets zoom level of this canvas instance + * @param {Number} value to set zoom to, less than 1 zooms out + * @return {fabric.Canvas} instance + * @chainable true */ - toLive(ctx) { - if (!this.type) { - return; - } - const coords = this.coords; - const gradient = this.type === 'linear' - ? ctx.createLinearGradient(coords.x1, coords.y1, coords.x2, coords.y2) - : ctx.createRadialGradient(coords.x1, coords.y1, coords.r1, coords.x2, coords.y2, coords.r2); - this.colorStops.forEach(({ color, opacity, offset }) => { - gradient.addColorStop(offset, typeof opacity !== 'undefined' - ? new Color(color).setAlpha(opacity).toRgba() - : color); - }); - return gradient; - } - /* _FROM_SVG_START_ */ + setZoom: function (value) { + this.zoomToPoint(new fabric.Point(0, 0), value); + return this; + }, + /** - * Returns {@link Gradient} instance from an SVG element - * @static - * @memberOf Gradient - * @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 - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * - * OR - * - * - * - * - * - * - * + * Pan viewport so as to place point at top left corner of canvas + * @param {fabric.Point} point to move to + * @return {fabric.Canvas} instance + * @chainable true */ - static fromElement(el, instance, svgOptions) { - const gradientUnits = parseGradientUnits(el); - return new Gradient(Object.assign({ id: el.getAttribute('id') || undefined, type: parseType(el), coords: parseCoords(el, { - width: svgOptions.viewBoxWidth || svgOptions.width, - height: svgOptions.viewBoxHeight || svgOptions.height, - }), colorStops: parseColorStops(el, svgOptions.opacity), gradientUnits, gradientTransform: parseTransformAttribute(el.getAttribute('gradientTransform') || '') }, (gradientUnits === 'pixels' - ? { - offsetX: -instance.left, - offsetY: -instance.top, - } - : { - offsetX: 0, - offsetY: 0, - }))); - } -} -fabric$1.Gradient = Gradient; + absolutePan: function (point) { + var vpt = this.viewportTransform.slice(0); + vpt[4] = -point.x; + vpt[5] = -point.y; + return this.setViewportTransform(vpt); + }, -//@ts-nocheck -/** - * @see {@link http://fabricjs.com/patterns demo} - * @see {@link http://fabricjs.com/dynamic-patterns demo} - */ -class Pattern$1 { /** - * Constructor - * @param {Object} [options] Options object - * @param {option.source} [source] the pattern source, eventually empty or a drawable - * @return {fabric.Pattern} thisArg + * Pans viewpoint relatively + * @param {fabric.Point} point (position vector) to move by + * @return {fabric.Canvas} instance + * @chainable true */ - constructor(options = {}) { - this.type = 'pattern'; - /** - * @type TPatternRepeat - * @defaults - */ - this.repeat = 'repeat'; - /** - * Pattern horizontal offset from object's left/top corner - * @type Number - * @default - */ - this.offsetX = 0; - /** - * Pattern vertical offset from object's left/top corner - * @type Number - * @default - */ - this.offsetY = 0; - /** - * @type TCrossOrigin - * @default - */ - this.crossOrigin = ''; - /** - * transform matrix to change the pattern, imported from svgs. - * @type Array - * @default - */ - this.patternTransform = null; - this.id = InteractiveFabricObject.__uid++; - this.setOptions(options); - } - setOptions(options) { - for (const prop in options) { - this[prop] = options[prop]; - } - } + relativePan: function (point) { + return this.absolutePan(new fabric.Point( + -point.x - this.viewportTransform[4], + -point.y - this.viewportTransform[5] + )); + }, + /** - * @returns true if {@link source} is an element + * Returns <canvas> element corresponding to this instance + * @return {HTMLCanvasElement} */ - isImageSource() { - return typeof this.source.src === 'string'; - } + getElement: function () { + return this.lowerCanvasEl; + }, + /** - * @returns true if {@link source} is a element + * @private + * @param {fabric.Object} obj Object that was added + */ + _onObjectAdded: function(obj) { + this.stateful && obj.setupState(); + obj._set('canvas', this); + obj.setCoords(); + this.fire('object:added', { target: obj }); + obj.fire('added'); + }, + + /** + * @private + * @param {fabric.Object} obj Object that was removed */ - isCanvasSource() { - return typeof this.source === 'object' && this.source.toDataURL; - } - sourceToString() { - return this.isImageSource() - ? this.source.src - : this.isCanvasSource() - ? this.source.toDataURL() - : ''; - } + _onObjectRemoved: function(obj) { + this.fire('object:removed', { target: obj }); + obj.fire('removed'); + delete obj.canvas; + }, + /** - * Returns an instance of CanvasPattern - * @param {CanvasRenderingContext2D} ctx Context to create pattern - * @return {CanvasPattern} + * Clears specified context of canvas element + * @param {CanvasRenderingContext2D} ctx Context to clear + * @return {fabric.Canvas} thisArg + * @chainable + */ + clearContext: function(ctx) { + ctx.clearRect(0, 0, this.width, this.height); + return this; + }, + + /** + * Returns context of canvas where objects are drawn + * @return {CanvasRenderingContext2D} + */ + getContext: function () { + return this.contextContainer; + }, + + /** + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable + */ + clear: function () { + this.remove.apply(this, this.getObjects()); + this.backgroundImage = null; + this.overlayImage = null; + this.backgroundColor = ''; + this.overlayColor = ''; + if (this._hasITextHandlers) { + this.off('mouse:up', this._mouseUpITextHandler); + this._iTextInstances = null; + this._hasITextHandlers = false; + } + this.clearContext(this.contextContainer); + this.fire('canvas:cleared'); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Renders the canvas + * @return {fabric.Canvas} instance + * @chainable + */ + renderAll: function () { + var canvasToDrawOn = this.contextContainer; + this.renderCanvas(canvasToDrawOn, this._objects); + return this; + }, + + /** + * Function created to be instance bound at initialization + * used in requestAnimationFrame rendering + * Let the fabricJS call it. If you call it manually you could have more + * animationFrame stacking on to of each other + * for an imperative rendering, use canvas.renderAll + * @private + * @return {fabric.Canvas} instance + * @chainable + */ + renderAndReset: function() { + this.isRendering = 0; + this.renderAll(); + }, + + /** + * Append a renderAll request to next animation frame. + * unless one is already in progress, in that case nothing is done + * a boolean flag will avoid appending more. + * @return {fabric.Canvas} instance + * @chainable + */ + requestRenderAll: function () { + if (!this.isRendering) { + this.isRendering = fabric.util.requestAnimFrame(this.renderAndResetBound); + } + return this; + }, + + /** + * Calculate the position of the 4 corner of canvas with current viewportTransform. + * helps to determinate when an object is in the current rendering viewport using + * object absolute coordinates ( aCoords ) + * @return {Object} points.tl + * @chainable + */ + calcViewportBoundaries: function() { + var points = { }, width = this.width, height = this.height, + iVpt = invertTransform(this.viewportTransform); + points.tl = transformPoint({ x: 0, y: 0 }, iVpt); + points.br = transformPoint({ x: width, y: height }, iVpt); + points.tr = new fabric.Point(points.br.x, points.tl.y); + points.bl = new fabric.Point(points.tl.x, points.br.y); + this.vptCoords = points; + return points; + }, + + cancelRequestedRender: function() { + if (this.isRendering) { + fabric.util.cancelAnimFrame(this.isRendering); + this.isRendering = 0; + } + }, + + /** + * Renders background, objects, overlay and controls. + * @param {CanvasRenderingContext2D} ctx + * @param {Array} objects to render + * @return {fabric.Canvas} instance + * @chainable + */ + renderCanvas: function(ctx, objects) { + var v = this.viewportTransform, path = this.clipPath; + this.cancelRequestedRender(); + this.calcViewportBoundaries(); + this.clearContext(ctx); + fabric.util.setImageSmoothing(ctx, this.imageSmoothingEnabled); + this.fire('before:render', { ctx: ctx, }); + this._renderBackground(ctx); + + ctx.save(); + //apply viewport transform once for all rendering process + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this._renderObjects(ctx, objects); + ctx.restore(); + if (!this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + if (path) { + path.canvas = this; + // needed to setup a couple of variables + path.shouldCache(); + path._transformDone = true; + path.renderCache({ forClipping: true }); + this.drawClipPathOnCanvas(ctx); + } + this._renderOverlay(ctx); + if (this.controlsAboveOverlay && this.interactive) { + this.drawControls(ctx); + } + this.fire('after:render', { ctx: ctx, }); + }, + + /** + * Paint the cached clipPath on the lowerCanvasEl + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawClipPathOnCanvas: function(ctx) { + var v = this.viewportTransform, path = this.clipPath; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4; + ctx.globalCompositeOperation = 'destination-in'; + path.transform(ctx); + ctx.scale(1 / path.zoomX, 1 / path.zoomY); + ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); + ctx.restore(); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} objects to render + */ + _renderObjects: function(ctx, objects) { + var i, len; + for (i = 0, len = objects.length; i < len; ++i) { + objects[i] && objects[i].render(ctx); + } + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {string} property 'background' or 'overlay' */ - toLive(ctx) { - if ( - // if the image failed to load, return, and allow rest to continue loading - !this.source || - // if an image - (this.isImageSource() && - (!this.source.complete || - this.source.naturalWidth === 0 || - this.source.naturalHeight === 0))) { - return ''; + _renderBackgroundOrOverlay: function(ctx, property) { + var fill = this[property + 'Color'], object = this[property + 'Image'], + v = this.viewportTransform, needsVpt = this[property + 'Vpt']; + if (!fill && !object) { + return; + } + if (fill) { + ctx.save(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(this.width, 0); + ctx.lineTo(this.width, this.height); + ctx.lineTo(0, this.height); + ctx.closePath(); + ctx.fillStyle = fill.toLive + ? fill.toLive(ctx, this) + : fill; + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + } + ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); + var m = fill.gradientTransform || fill.patternTransform; + m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + ctx.fill(); + ctx.restore(); + } + if (object) { + ctx.save(); + if (needsVpt) { + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); } - return ctx.createPattern(this.source, this.repeat); - } + object.render(ctx); + ctx.restore(); + } + }, + /** - * Returns object representation of a pattern - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {object} Object representation of a pattern instance + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - toObject(propertiesToInclude) { - return Object.assign(Object.assign({}, pick(this, propertiesToInclude)), { type: 'pattern', source: this.sourceToString(), repeat: this.repeat, crossOrigin: this.crossOrigin, offsetX: toFixed(this.offsetX, config.NUM_FRACTION_DIGITS), offsetY: toFixed(this.offsetY, config.NUM_FRACTION_DIGITS), patternTransform: this.patternTransform - ? this.patternTransform.concat() - : null }); - } - /* _TO_SVG_START_ */ + _renderBackground: function(ctx) { + this._renderBackgroundOrOverlay(ctx, 'background'); + }, + /** - * Returns SVG representation of a pattern + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - toSVG({ width, height }) { - const patternSource = this.source, patternOffsetX = ifNaN(this.offsetX / width, 0), patternOffsetY = ifNaN(this.offsetY / height, 0), patternWidth = this.repeat === 'repeat-y' || this.repeat === 'no-repeat' - ? 1 + Math.abs(patternOffsetX || 0) - : ifNaN(patternSource.width / width, 0), patternHeight = this.repeat === 'repeat-x' || this.repeat === 'no-repeat' - ? 1 + Math.abs(patternOffsetY || 0) - : ifNaN(patternSource.height / height, 0); - return [ - ``, - ``, - ``, - '', - ].join('\n'); - } - /* _TO_SVG_END_ */ - static async fromObject(_a, options) { - var { source } = _a, serialized = __rest(_a, ["source"]); - const img = await loadImage(source, Object.assign(Object.assign({}, options), { crossOrigin: serialized.crossOrigin })); - return new Pattern$1(Object.assign(Object.assign({}, serialized), { source: img })); - } -} -fabric$1.Pattern = Pattern$1; - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), toFixed = fabric.util.toFixed; - /** - * Shadow class - * @class fabric.Shadow - * @see {@link http://fabricjs.com/shadows|Shadow demo} - * @see {@link fabric.Shadow#initialize} for constructor definition - */ - fabric.Shadow = fabric.util.createClass( - /** @lends fabric.Shadow.prototype */ { - /** - * Shadow color - * @type String - * @default - */ - color: 'rgb(0,0,0)', - /** - * Shadow blur - * @type Number - */ - blur: 0, - /** - * Shadow horizontal offset - * @type Number - * @default - */ - offsetX: 0, - /** - * Shadow vertical offset - * @type Number - * @default - */ - offsetY: 0, - /** - * Whether the shadow should affect stroke operations - * @type Boolean - * @default - */ - affectStroke: false, - /** - * Indicates whether toObject should include default values - * @type Boolean - * @default - */ - includeDefaultValues: true, - /** - * When `false`, the shadow will scale with the object. - * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale. - * default to false - * @type Boolean - * @default - */ - nonScaling: false, - /** - * Constructor - * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px") - * @return {fabric.Shadow} thisArg - */ - initialize: function (options) { - if (typeof options === 'string') { - options = this._parseShadow(options); - } - for (var prop in options) { - this[prop] = options[prop]; - } - this.id = InteractiveFabricObject.__uid++; - }, - /** - * @private - * @param {String} shadow Shadow value to parse - * @return {Object} Shadow object with color, offsetX, offsetY and blur - */ - _parseShadow: function (shadow) { - var shadowStr = shadow.trim(), offsetsAndBlur = fabric.Shadow.reOffsetsAndBlur.exec(shadowStr) || [], color = shadowStr.replace(fabric.Shadow.reOffsetsAndBlur, '') || - 'rgb(0,0,0)'; - return { - color: color.trim(), - offsetX: parseFloat(offsetsAndBlur[1], 10) || 0, - offsetY: parseFloat(offsetsAndBlur[2], 10) || 0, - blur: parseFloat(offsetsAndBlur[3], 10) || 0, - }; - }, - /** - * Returns a string representation of an instance - * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow - * @return {String} Returns CSS3 text-shadow declaration - */ - toString: function () { - return [this.offsetX, this.offsetY, this.blur, this.color].join('px '); - }, - /* _TO_SVG_START_ */ - /** - * Returns SVG representation of a shadow - * @param {fabric.Object} object - * @return {String} SVG representation of a shadow - */ - toSVG: function (object) { - var fBoxX = 40, fBoxY = 40, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS, offset = fabric.util.rotateVector(new Point(this.offsetX, this.offsetY), fabric.util.degreesToRadians(-object.angle)), BLUR_BOX = 20, color = new Color(this.color); - if (object.width && object.height) { - //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion - // we add some extra space to filter box to contain the blur ( 20 ) - fBoxX = - toFixed((Math.abs(offset.x) + this.blur) / object.width, NUM_FRACTION_DIGITS) * - 100 + - BLUR_BOX; - fBoxY = - toFixed((Math.abs(offset.y) + this.blur) / object.height, NUM_FRACTION_DIGITS) * - 100 + - BLUR_BOX; - } - if (object.flipX) { - offset.x *= -1; - } - if (object.flipY) { - offset.y *= -1; - } - return ('\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\n' + - '\t\t\n' + - '\t\t\n' + - '\t\n' + - '\n'); - }, - /* _TO_SVG_END_ */ - /** - * Returns object representation of a shadow - * @return {Object} Object representation of a shadow instance - */ - toObject: function () { - if (this.includeDefaultValues) { - return { - color: this.color, - blur: this.blur, - offsetX: this.offsetX, - offsetY: this.offsetY, - affectStroke: this.affectStroke, - nonScaling: this.nonScaling, - }; - } - var obj = {}, proto = fabric.Shadow.prototype; - [ - 'color', - 'blur', - 'offsetX', - 'offsetY', - 'affectStroke', - 'nonScaling', - ].forEach(function (prop) { - if (this[prop] !== proto[prop]) { - obj[prop] = this[prop]; - } - }, this); - return obj; - }, - }); + _renderOverlay: function(ctx) { + this._renderBackgroundOrOverlay(ctx, 'overlay'); + }, + /** - * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px") - * @static - * @field - * @memberOf fabric.Shadow - */ - // eslint-disable-next-line max-len - fabric.Shadow.reOffsetsAndBlur = - /(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - // aliases for faster resolution - var fabric = global.fabric, extend = fabric.util.object.extend, getElementOffset = fabric.util.getElementOffset, toFixed = fabric.util.toFixed, transformPoint = fabric.util.transformPoint, invertTransform = fabric.util.invertTransform, getNodeCanvas = fabric.util.getNodeCanvas, createCanvasElement = fabric.util.createCanvasElement, CANVAS_INIT_ERROR = new Error('Could not initialize `canvas` element'); - /** - * Static canvas class - * @class fabric.StaticCanvas - * @mixes fabric.Observable - * @see {@link http://fabricjs.com/static_canvas|StaticCanvas demo} - * @see {@link fabric.StaticCanvas#initialize} for constructor definition - * @fires before:render - * @fires after:render - * @fires canvas:cleared - * @fires object:added - * @fires object:removed - */ - // eslint-disable-next-line max-len - fabric.StaticCanvas = fabric.util.createClass(class extends createCollectionMixin(CommonMethods) { - add(...objects) { - super.add(...objects); - objects.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); - return this; - } - insertAt(index, ...objects) { - super.insertAt(index, ...objects); - objects.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); - return this; - } - remove(...objects) { - const removed = super.remove(...objects); - removed.length > 0 && this.renderOnAddRemove && this.requestRenderAll(); - return this; - } - _onObjectAdded(obj) { - this.stateful && obj.setupState(); - if (obj.canvas && obj.canvas !== this) { - /* _DEV_MODE_START_ */ - console.warn('fabric.Canvas: trying to add an object that belongs to a different canvas.\n' + - 'Resulting to default behavior: removing object from previous canvas and adding to new canvas'); - /* _DEV_MODE_END_ */ - obj.canvas.remove(obj); - } - obj._set('canvas', this); - obj.setCoords(); - this.fire('object:added', { target: obj }); - obj.fire('added', { target: this }); - } - _onObjectRemoved(obj) { - obj._set('canvas', undefined); - this.fire('object:removed', { target: obj }); - obj.fire('removed', { target: this }); - } - }, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function (el, options) { - options || (options = {}); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - }, - /** - * Background color of canvas instance. - * @type {(String|fabric.Pattern)} - * @default - */ - backgroundColor: '', - /** - * Background image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as background, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default - */ - backgroundImage: null, - /** - * Overlay color of canvas instance. - * @since 1.3.9 - * @type {(String|fabric.Pattern)} - * @default - */ - overlayColor: '', - /** - * Overlay image of canvas instance. - * since 2.4.0 image caching is active, please when putting an image as overlay, add to the - * canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom - * vale. As an alternative you can disable image objectCaching - * @type fabric.Image - * @default - */ - overlayImage: null, - /** - * Indicates whether toObject/toDatalessObject should include default values - * if set to false, takes precedence over the object value. - * @type Boolean - * @default - */ - includeDefaultValues: true, - /** - * Indicates whether objects' state should be saved - * @type Boolean - * @default - */ - stateful: false, - /** - * Indicates whether {@link add}, {@link insertAt} and {@link remove}, - * {@link fabric.StaticCanvas.moveTo}, {@link fabric.StaticCanvas.clear} and many more, should also re-render canvas. - * Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once - * since the renders are quequed and executed one per frame. - * Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) - * Left default to true to do not break documentation and old app, fiddles. - * @type Boolean - * @default - */ - renderOnAddRemove: true, - /** - * Indicates whether object controls (borders/controls) are rendered above overlay image - * @type Boolean - * @default - */ - controlsAboveOverlay: false, - /** - * Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas - * @type Boolean - * @default - */ - allowTouchScrolling: false, - /** - * Indicates whether this canvas will use image smoothing, this is on by default in browsers - * @type Boolean - * @default - */ - imageSmoothingEnabled: true, - /** - * The transformation (a Canvas 2D API transform matrix) which focuses the viewport - * @type Array - * @example Default transform - * canvas.viewportTransform = [1, 0, 0, 1, 0, 0]; - * @example Scale by 70% and translate toward bottom-right by 50, without skewing - * canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50]; - * @default - */ - viewportTransform: fabric.iMatrix.concat(), - /** - * if set to false background image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default - */ - backgroundVpt: true, - /** - * if set to false overlya image is not affected by viewport transform - * @since 1.6.3 - * @type Boolean - * @default - */ - overlayVpt: true, - /** - * When true, canvas is scaled by devicePixelRatio for better rendering on retina screens - * @type Boolean - * @default - */ - enableRetinaScaling: true, - /** - * Describe canvas element extension over design - * properties are tl,tr,bl,br. - * if canvas is not zoomed/panned those points are the four corner of canvas - * if canvas is viewportTransformed you those points indicate the extension - * of canvas element in plain untrasformed coordinates - * The coordinates get updated with @method calcViewportBoundaries. - * @memberOf fabric.StaticCanvas.prototype - */ - vptCoords: {}, - /** - * Based on vptCoords and object.aCoords, skip rendering of objects that - * are not included in current viewport. - * May greatly help in applications with crowded canvas and use of zoom/pan - * If One of the corner of the bounding box of the object is on the canvas - * the objects get rendered. - * @memberOf fabric.StaticCanvas.prototype - * @type Boolean - * @default - */ - skipOffscreen: true, - /** - * a fabricObject that, without stroke define a clipping area with their shape. filled in black - * the clipPath object gets used when the canvas has rendered, and the context is placed in the - * top left corner of the canvas. - * clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true - * @type fabric.Object - */ - clipPath: undefined, - /** - * @private - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - */ - _initStatic: function (el, options) { - this._objects = []; - this._createLowerCanvas(el); - this._initOptions(options); - // only initialize retina scaling once - if (!this.interactive) { - this._initRetinaScaling(); - } - this.calcOffset(); - }, - /** - * @private - */ - _isRetinaScaling: function () { - return config.devicePixelRatio > 1 && this.enableRetinaScaling; - }, - /** - * @private - * @return {Number} retinaScaling if applied, otherwise 1; - */ - getRetinaScaling: function () { - return this._isRetinaScaling() - ? Math.max(1, config.devicePixelRatio) - : 1; - }, - /** - * @private - */ - _initRetinaScaling: function () { - if (!this._isRetinaScaling()) { - return; - } - var scaleRatio = config.devicePixelRatio; - this.__initRetinaScaling(scaleRatio, this.lowerCanvasEl, this.contextContainer); - if (this.upperCanvasEl) { - this.__initRetinaScaling(scaleRatio, this.upperCanvasEl, this.contextTop); - } - }, - __initRetinaScaling: function (scaleRatio, canvas, context) { - canvas.setAttribute('width', this.width * scaleRatio); - canvas.setAttribute('height', this.height * scaleRatio); - context.scale(scaleRatio, scaleRatio); - }, - /** - * Calculates canvas element offset relative to the document - * This method is also attached as "resize" event handler of window - * @return {fabric.Canvas} instance - * @chainable - */ - calcOffset: function () { - this._offset = getElementOffset(this.lowerCanvasEl); - return this; - }, - /** - * @private - */ - _createCanvasElement: function () { - var element = createCanvasElement(); - if (!element) { - throw CANVAS_INIT_ERROR; - } - if (!element.style) { - element.style = {}; - } - if (typeof element.getContext === 'undefined') { - throw CANVAS_INIT_ERROR; - } - return element; - }, - /** - * @private - * @param {Object} [options] Options object - */ - _initOptions: function (options) { - var lowerCanvasEl = this.lowerCanvasEl; - this.set(options); - this.width = this.width || parseInt(lowerCanvasEl.width, 10) || 0; - this.height = this.height || parseInt(lowerCanvasEl.height, 10) || 0; - if (!this.lowerCanvasEl.style) { - return; - } - lowerCanvasEl.width = this.width; - lowerCanvasEl.height = this.height; - lowerCanvasEl.style.width = this.width + 'px'; - lowerCanvasEl.style.height = this.height + 'px'; - this.viewportTransform = this.viewportTransform.slice(); - }, - /** - * Creates a bottom canvas - * @private - * @param {HTMLElement} [canvasEl] - */ - _createLowerCanvas: function (canvasEl) { - // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node - if (canvasEl && canvasEl.getContext) { - this.lowerCanvasEl = canvasEl; - } - else { - this.lowerCanvasEl = - fabric.document.getElementById(canvasEl) || - canvasEl || - this._createCanvasElement(); - } - if (this.lowerCanvasEl.hasAttribute('data-fabric')) { - /* _DEV_MODE_START_ */ - throw new Error('fabric.js: trying to initialize a canvas that has already been initialized'); - /* _DEV_MODE_END_ */ - } - this.lowerCanvasEl.classList.add('lower-canvas'); - this.lowerCanvasEl.setAttribute('data-fabric', 'main'); - if (this.interactive) { - this._originalCanvasStyle = this.lowerCanvasEl.style.cssText; - this._applyCanvasStyle(this.lowerCanvasEl); - } - this.contextContainer = this.lowerCanvasEl.getContext('2d'); - }, - /** - * Returns canvas width (in px) - * @return {Number} - */ - getWidth: function () { - return this.width; - }, - /** - * Returns canvas height (in px) - * @return {Number} - */ - getHeight: function () { - return this.height; - }, - /** - * Sets width of this canvas instance - * @param {Number|String} value Value to set width to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setWidth: function (value, options) { - return this.setDimensions({ width: value }, options); - }, - /** - * Sets height of this canvas instance - * @param {Number|String} value Value to set height to - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} instance - * @chainable true - */ - setHeight: function (value, options) { - return this.setDimensions({ height: value }, options); - }, - /** - * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) - * @param {Object} dimensions Object with width/height properties - * @param {Number|String} [dimensions.width] Width of canvas element - * @param {Number|String} [dimensions.height] Height of canvas element - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} thisArg - * @chainable - */ - setDimensions: function (dimensions, options) { - var cssValue; - options = options || {}; - for (var prop in dimensions) { - cssValue = dimensions[prop]; - if (!options.cssOnly) { - this._setBackstoreDimension(prop, dimensions[prop]); - cssValue += 'px'; - this.hasLostContext = true; - } - if (!options.backstoreOnly) { - this._setCssDimension(prop, cssValue); - } - } - if (this._isCurrentlyDrawing) { - this.freeDrawingBrush && - this.freeDrawingBrush._setBrushStyles(this.contextTop); - } - this._initRetinaScaling(); - this.calcOffset(); - if (!options.cssOnly) { - this.requestRenderAll(); - } - return this; - }, - /** - * Helper for setting width/height - * @private - * @param {String} prop property (width|height) - * @param {Number} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setBackstoreDimension: function (prop, value) { - this.lowerCanvasEl[prop] = value; - if (this.upperCanvasEl) { - this.upperCanvasEl[prop] = value; - } - if (this.cacheCanvasEl) { - this.cacheCanvasEl[prop] = value; - } - this[prop] = value; - return this; - }, - /** - * Helper for setting css width/height - * @private - * @param {String} prop property (width|height) - * @param {String} value value to set property to - * @return {fabric.Canvas} instance - * @chainable true - */ - _setCssDimension: function (prop, value) { - this.lowerCanvasEl.style[prop] = value; - if (this.upperCanvasEl) { - this.upperCanvasEl.style[prop] = value; - } - if (this.wrapperEl) { - this.wrapperEl.style[prop] = value; - } - return this; - }, - /** - * Returns canvas zoom level - * @return {Number} - */ - getZoom: function () { - return this.viewportTransform[0]; - }, - /** - * Sets viewport transformation of this canvas instance - * @param {Array} vpt a Canvas 2D API transform matrix - * @return {fabric.Canvas} instance - * @chainable true - */ - setViewportTransform: function (vpt) { - var activeObject = this._activeObject, backgroundObject = this.backgroundImage, overlayObject = this.overlayImage, object, i, len; - this.viewportTransform = vpt; - for (i = 0, len = this._objects.length; i < len; i++) { - object = this._objects[i]; - object.group || object.setCoords(); - } - if (activeObject) { - activeObject.setCoords(); - } - if (backgroundObject) { - backgroundObject.setCoords(); - } - if (overlayObject) { - overlayObject.setCoords(); - } - this.calcViewportBoundaries(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Sets zoom level of this canvas instance, the zoom centered around point - * meaning that following zoom to point with the same point will have the visual - * effect of the zoom originating from that point. The point won't move. - * It has nothing to do with canvas center or visual center of the viewport. - * @param {Point} point to zoom with respect to - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - zoomToPoint: function (point, value) { - // TODO: just change the scale, preserve other transformations - var before = point, vpt = this.viewportTransform.slice(0); - point = transformPoint(point, invertTransform(this.viewportTransform)); - vpt[0] = value; - vpt[3] = value; - var after = transformPoint(point, vpt); - vpt[4] += before.x - after.x; - vpt[5] += before.y - after.y; - return this.setViewportTransform(vpt); - }, - /** - * Sets zoom level of this canvas instance - * @param {Number} value to set zoom to, less than 1 zooms out - * @return {fabric.Canvas} instance - * @chainable true - */ - setZoom: function (value) { - this.zoomToPoint(new Point(0, 0), value); - return this; - }, - /** - * Pan viewport so as to place point at top left corner of canvas - * @param {Point} point to move to - * @return {fabric.Canvas} instance - * @chainable true - */ - absolutePan: function (point) { - var vpt = this.viewportTransform.slice(0); - vpt[4] = -point.x; - vpt[5] = -point.y; - return this.setViewportTransform(vpt); - }, - /** - * Pans viewpoint relatively - * @param {Point} point (position vector) to move by - * @return {fabric.Canvas} instance - * @chainable true - */ - relativePan: function (point) { - return this.absolutePan(new Point(-point.x - this.viewportTransform[4], -point.y - this.viewportTransform[5])); - }, - /** - * Returns <canvas> element corresponding to this instance - * @return {HTMLCanvasElement} - */ - getElement: function () { - return this.lowerCanvasEl; - }, - /** - * Clears specified context of canvas element - * @param {CanvasRenderingContext2D} ctx Context to clear - * @return {fabric.Canvas} thisArg - * @chainable - */ - clearContext: function (ctx) { - ctx.clearRect(0, 0, this.width, this.height); - return this; - }, - /** - * Returns context of canvas where objects are drawn - * @return {CanvasRenderingContext2D} - */ - getContext: function () { - return this.contextContainer; - }, - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - this.remove.apply(this, this.getObjects()); - this.backgroundImage = null; - this.overlayImage = null; - this.backgroundColor = ''; - this.overlayColor = ''; - if (this._hasITextHandlers) { - this.off('mouse:up', this._mouseUpITextHandler); - this._iTextInstances = null; - this._hasITextHandlers = false; - } - this.clearContext(this.contextContainer); - this.fire('canvas:cleared'); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Renders the canvas - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - this.cancelRequestedRender(); - if (this.destroyed) { - return; - } - this.renderCanvas(this.contextContainer, this._objects); - return this; - }, - /** - * Function created to be instance bound at initialization - * used in requestAnimationFrame rendering - * Let the fabricJS call it. If you call it manually you could have more - * animationFrame stacking on to of each other - * for an imperative rendering, use canvas.renderAll - * @private - * @return {fabric.Canvas} instance - * @chainable - */ - renderAndReset: function () { - this.nextRenderHandle = 0; - this.renderAll(); - }, - /** - * Append a renderAll request to next animation frame. - * unless one is already in progress, in that case nothing is done - * a boolean flag will avoid appending more. - * @return {fabric.Canvas} instance - * @chainable - */ - requestRenderAll: function () { - if (!this.nextRenderHandle && !this.disposed && !this.destroyed) { - this.nextRenderHandle = requestAnimFrame(this.renderAndResetBound); - } - return this; - }, - /** - * Calculate the position of the 4 corner of canvas with current viewportTransform. - * helps to determinate when an object is in the current rendering viewport using - * object absolute coordinates ( aCoords ) - * @return {Object} points.tl - * @chainable - */ - calcViewportBoundaries: function () { - var width = this.width, height = this.height, iVpt = invertTransform(this.viewportTransform), a = transformPoint({ x: 0, y: 0 }, iVpt), b = transformPoint({ x: width, y: height }, iVpt), - // we don't support vpt flipping - // but the code is robust enough to mostly work with flipping - min = a.min(b), max = a.max(b); - return (this.vptCoords = { - tl: min, - tr: new Point(max.x, min.y), - bl: new Point(min.x, max.y), - br: max, - }); - }, - cancelRequestedRender: function () { - if (this.nextRenderHandle) { - fabric.util.cancelAnimFrame(this.nextRenderHandle); - this.nextRenderHandle = 0; - } - }, - /** - * Renders background, objects, overlay and controls. - * @param {CanvasRenderingContext2D} ctx - * @param {Array} objects to render - * @return {fabric.Canvas} instance - * @chainable - */ - renderCanvas: function (ctx, objects) { - if (this.destroyed) { - return; - } - var v = this.viewportTransform, path = this.clipPath; - this.calcViewportBoundaries(); - this.clearContext(ctx); - ctx.imageSmoothingEnabled = this.imageSmoothingEnabled; - // node-canvas - ctx.patternQuality = 'best'; - this.fire('before:render', { ctx: ctx }); - this._renderBackground(ctx); - ctx.save(); - //apply viewport transform once for all rendering process - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - this._renderObjects(ctx, objects); - ctx.restore(); - if (!this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - if (path) { - path._set('canvas', this); - // needed to setup a couple of variables - path.shouldCache(); - path._transformDone = true; - path.renderCache({ forClipping: true }); - this.drawClipPathOnCanvas(ctx); - } - this._renderOverlay(ctx); - if (this.controlsAboveOverlay && this.interactive) { - this.drawControls(ctx); - } - this.fire('after:render', { ctx: ctx }); - if (this.__cleanupTask) { - this.__cleanupTask(); - this.__cleanupTask = undefined; - } - }, - /** - * Paint the cached clipPath on the lowerCanvasEl - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawClipPathOnCanvas: function (ctx) { - var v = this.viewportTransform, path = this.clipPath; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - // DEBUG: uncomment this line, comment the following - // ctx.globalAlpha = 0.4; - ctx.globalCompositeOperation = 'destination-in'; - path.transform(ctx); - ctx.scale(1 / path.zoomX, 1 / path.zoomY); - ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.cacheTranslationY); - ctx.restore(); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} objects to render - */ - _renderObjects: function (ctx, objects) { - var i, len; - for (i = 0, len = objects.length; i < len; ++i) { - objects[i] && objects[i].render(ctx); - } - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {string} property 'background' or 'overlay' - */ - _renderBackgroundOrOverlay: function (ctx, property) { - var fill = this[property + 'Color'], object = this[property + 'Image'], v = this.viewportTransform, needsVpt = this[property + 'Vpt']; - if (!fill && !object) { - return; - } - if (fill) { - ctx.save(); - ctx.beginPath(); - ctx.moveTo(0, 0); - ctx.lineTo(this.width, 0); - ctx.lineTo(this.width, this.height); - ctx.lineTo(0, this.height); - ctx.closePath(); - ctx.fillStyle = fill.toLive ? fill.toLive(ctx, this) : fill; - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } - ctx.transform(1, 0, 0, 1, fill.offsetX || 0, fill.offsetY || 0); - var m = fill.gradientTransform || fill.patternTransform; - m && ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); - ctx.fill(); - ctx.restore(); - } - if (object) { - ctx.save(); - if (needsVpt) { - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } - object.render(ctx); - ctx.restore(); - } - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderBackground: function (ctx) { - this._renderBackgroundOrOverlay(ctx, 'background'); - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _renderOverlay: function (ctx) { - this._renderBackgroundOrOverlay(ctx, 'overlay'); - }, - /** - * Returns coordinates of a center of canvas. - * Returned value is an object with top and left properties - * @return {Object} object with "top" and "left" number values - * @deprecated migrate to `getCenterPoint` - */ - getCenter: function () { - return { - top: this.height / 2, - left: this.width / 2, - }; - }, - /** - * Returns coordinates of a center of canvas. - * @return {Point} - */ - getCenterPoint: function () { - return new Point(this.width / 2, this.height / 2); - }, - /** - * Centers object horizontally in the canvas - * @param {fabric.Object} object Object to center horizontally - * @return {fabric.Canvas} thisArg - */ - centerObjectH: function (object) { - return this._centerObject(object, new Point(this.getCenterPoint().x, object.getCenterPoint().y)); - }, - /** - * Centers object vertically in the canvas - * @param {fabric.Object} object Object to center vertically - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObjectV: function (object) { - return this._centerObject(object, new Point(object.getCenterPoint().x, this.getCenterPoint().y)); - }, - /** - * Centers object vertically and horizontally in the canvas - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - centerObject: function (object) { - var center = this.getCenterPoint(); - return this._centerObject(object, center); - }, - /** - * Centers object vertically and horizontally in the viewport - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObject: function (object) { - var vpCenter = this.getVpCenter(); - return this._centerObject(object, vpCenter); - }, - /** - * Centers object horizontally in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObjectH: function (object) { - var vpCenter = this.getVpCenter(); - this._centerObject(object, new Point(vpCenter.x, object.getCenterPoint().y)); - return this; - }, - /** - * Centers object Vertically in the viewport, object.top is unchanged - * @param {fabric.Object} object Object to center vertically and horizontally - * @return {fabric.Canvas} thisArg - * @chainable - */ - viewportCenterObjectV: function (object) { - var vpCenter = this.getVpCenter(); - return this._centerObject(object, new Point(object.getCenterPoint().x, vpCenter.y)); - }, - /** - * Calculate the point in canvas that correspond to the center of actual viewport. - * @return {Point} vpCenter, viewport center - * @chainable - */ - getVpCenter: function () { - var center = this.getCenterPoint(), iVpt = invertTransform(this.viewportTransform); - return transformPoint(center, iVpt); - }, - /** - * @private - * @param {fabric.Object} object Object to center - * @param {Point} center Center point - * @return {fabric.Canvas} thisArg - * @chainable - */ - _centerObject: function (object, center) { - object.setXY(center, 'center', 'center'); - object.setCoords(); - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Returns dataless JSON representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {String} json string - */ - toDatalessJSON: function (propertiesToInclude) { - return this.toDatalessObject(propertiesToInclude); - }, - /** - * Returns object representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - return this._toObjectMethod('toObject', propertiesToInclude); - }, - /** - * Returns Object representation of canvas - * this alias is provided because if you call JSON.stringify on an instance, - * the toJSON object will be invoked if it exists. - * Having a toJSON method means you can do JSON.stringify(myCanvas) - * @return {Object} JSON compatible object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} - * @example JSON without additional properties - * var json = canvas.toJSON(); - * @example JSON with additional properties included - * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); - * @example JSON without default values - * var json = canvas.toJSON(); - */ - toJSON: function () { - return this.toObject(); - }, - /** - * Returns dataless object representation of canvas - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toDatalessObject: function (propertiesToInclude) { - return this._toObjectMethod('toDatalessObject', propertiesToInclude); - }, - /** - * @private - */ - _toObjectMethod: function (methodName, propertiesToInclude) { - const clipPath = this.clipPath; - const clipPathData = clipPath && !clipPath.excludeFromExport - ? this._toObject(clipPath, methodName, propertiesToInclude) - : null; - return Object.assign(Object.assign(Object.assign(Object.assign({ version: version }, pick(this, propertiesToInclude)), { objects: this._objects - .filter((object) => !object.excludeFromExport) - .map((instance) => this._toObject(instance, methodName, propertiesToInclude)) }), this.__serializeBgOverlay(methodName, propertiesToInclude)), (clipPathData ? { clipPath: clipPathData } : null)); - }, - /** - * @private - */ - _toObject: function (instance, methodName, propertiesToInclude) { - var originalValue; - if (!this.includeDefaultValues) { - originalValue = instance.includeDefaultValues; - instance.includeDefaultValues = false; - } - var object = instance[methodName](propertiesToInclude); - if (!this.includeDefaultValues) { - instance.includeDefaultValues = originalValue; - } - return object; - }, - /** - * @private - */ - __serializeBgOverlay: function (methodName, propertiesToInclude) { - var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, bgColor = this.backgroundColor, overlayColor = this.overlayColor; - if (bgColor && bgColor.toObject) { - if (!bgColor.excludeFromExport) { - data.background = bgColor.toObject(propertiesToInclude); - } - } - else if (bgColor) { - data.background = bgColor; - } - if (overlayColor && overlayColor.toObject) { - if (!overlayColor.excludeFromExport) { - data.overlay = overlayColor.toObject(propertiesToInclude); - } - } - else if (overlayColor) { - data.overlay = overlayColor; - } - if (bgImage && !bgImage.excludeFromExport) { - data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); - } - if (overlayImage && !overlayImage.excludeFromExport) { - data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); - } - return data; - }, - /* _TO_SVG_START_ */ - /** - * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, - * a zoomed canvas will then produce zoomed SVG output. - * @type Boolean - * @default - */ - svgViewportTransformation: true, - /** - * Returns SVG representation of canvas - * @function - * @param {Object} [options] Options object for SVG output - * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included - * @param {Object} [options.viewBox] SVG viewbox object - * @param {Number} [options.viewBox.x] x-coordinate of viewbox - * @param {Number} [options.viewBox.y] y-coordinate of viewbox - * @param {Number} [options.viewBox.width] Width of viewbox - * @param {Number} [options.viewBox.height] Height of viewbox - * @param {String} [options.encoding=UTF-8] Encoding of SVG output - * @param {String} [options.width] desired width of svg with or without units - * @param {String} [options.height] desired height of svg with or without units - * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. - * @return {String} SVG string - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} - * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} - * @example Normal SVG output - * var svg = canvas.toSVG(); - * @example SVG output without preamble (without <?xml ../>) - * var svg = canvas.toSVG({suppressPreamble: true}); - * @example SVG output with viewBox attribute - * var svg = canvas.toSVG({ - * viewBox: { - * x: 100, - * y: 100, - * width: 200, - * height: 300 - * } - * }); - * @example SVG output with different encoding (default: UTF-8) - * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); - * @example Modify SVG output with reviver function - * var svg = canvas.toSVG(null, function(svg) { - * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); - * }); - */ - toSVG: function (options, reviver) { - options || (options = {}); - options.reviver = reviver; - var markup = []; - this._setSVGPreamble(markup, options); - this._setSVGHeader(markup, options); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'background'); - this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); - this._setSVGObjects(markup, reviver); - if (this.clipPath) { - markup.push('\n'); - } - this._setSVGBgOverlayColor(markup, 'overlay'); - this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); - markup.push(''); - return markup.join(''); - }, - /** - * @private - */ - _setSVGPreamble: function (markup, options) { - if (options.suppressPreamble) { - return; - } - markup.push('\n', '\n'); - }, - /** - * @private - */ - _setSVGHeader: function (markup, options) { - var width = options.width || this.width, height = options.height || this.height, vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (options.viewBox) { - viewBox = - 'viewBox="' + - options.viewBox.x + - ' ' + - options.viewBox.y + - ' ' + - options.viewBox.width + - ' ' + - options.viewBox.height + - '" '; - } - else { - if (this.svgViewportTransformation) { - vpt = this.viewportTransform; - viewBox = - 'viewBox="' + - toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + - ' ' + - toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + - ' ' + - toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + - ' ' + - toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + - '" '; - } - } - markup.push('\n', 'Created with Fabric.js ', version, '\n', '\n', this.createSVGFontFacesMarkup(), this.createSVGRefElementsMarkup(), this.createSVGClipPathMarkup(options), '\n'); - }, - createSVGClipPathMarkup: function (options) { - var clipPath = this.clipPath; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; - return ('\n' + - this.clipPath.toClipPathSVG(options.reviver) + - '\n'); - } - return ''; - }, - /** - * Creates markup containing SVG referenced elements like patterns, gradients etc. - * @return {String} - */ - createSVGRefElementsMarkup: function () { - var _this = this, markup = ['background', 'overlay'].map(function (prop) { - var fill = _this[prop + 'Color']; - if (fill && fill.toLive) { - var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, object = { - width: _this.width / (shouldTransform ? vpt[0] : 1), - height: _this.height / (shouldTransform ? vpt[3] : 1), - }; - return fill.toSVG(object, { - additionalTransform: shouldTransform - ? fabric.util.matrixToSVG(vpt) - : '', - }); - } - }); - return markup.join(''); - }, - /** - * Creates markup containing SVG font faces, - * font URLs for font faces must be collected by developers - * and are not extracted from the DOM by fabricjs - * @param {Array} objects Array of fabric objects - * @return {String} - */ - createSVGFontFacesMarkup: function () { - var markup = '', fontList = {}, obj, fontFamily, style, row, rowIndex, _char, charIndex, i, len, fontPaths = config.fontPaths, objects = []; - this._objects.forEach(function add(object) { - objects.push(object); - if (object._objects) { - object._objects.forEach(add); - } - }); - for (i = 0, len = objects.length; i < len; i++) { - obj = objects[i]; - fontFamily = obj.fontFamily; - if (obj.type.indexOf('text') === -1 || - fontList[fontFamily] || - !fontPaths[fontFamily]) { - continue; - } - fontList[fontFamily] = true; - if (!obj.styles) { - continue; - } - style = obj.styles; - for (rowIndex in style) { - row = style[rowIndex]; - for (charIndex in row) { - _char = row[charIndex]; - fontFamily = _char.fontFamily; - if (!fontList[fontFamily] && fontPaths[fontFamily]) { - fontList[fontFamily] = true; - } - } - } - } - for (var j in fontList) { - markup += [ - '\t\t@font-face {\n', - "\t\t\tfont-family: '", - j, - "';\n", - "\t\t\tsrc: url('", - fontPaths[j], - "');\n", - '\t\t}\n', - ].join(''); - } - if (markup) { - markup = [ - '\t\n', - ].join(''); - } - return markup; - }, - /** - * @private - */ - _setSVGObjects: function (markup, reviver) { - var instance, i, len, objects = this._objects; - for (i = 0, len = objects.length; i < len; i++) { - instance = objects[i]; - if (instance.excludeFromExport) { - continue; - } - this._setSVGObject(markup, instance, reviver); - } - }, - /** - * @private - */ - _setSVGObject: function (markup, instance, reviver) { - markup.push(instance.toSVG(reviver)); - }, - /** - * @private - */ - _setSVGBgOverlayImage: function (markup, property, reviver) { - if (this[property] && - !this[property].excludeFromExport && - this[property].toSVG) { - markup.push(this[property].toSVG(reviver)); - } - }, - /** - * @private - */ - _setSVGBgOverlayColor: function (markup, property) { - var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, finalHeight = this.height; - if (!filler) { - return; - } - if (filler.toLive) { - var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], additionalTransform = shouldInvert - ? fabric.util.matrixToSVG(iVpt) - : ''; - markup.push('\n'); - } - else { - markup.push('\n'); - } - }, - /* _TO_SVG_END_ */ - /** - * Moves an object or the objects of a multiple selection - * to the bottom of the stack of drawn objects - * @param {fabric.Object} object Object to send to back - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendToBack: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.unshift(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.unshift(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Moves an object or the objects of a multiple selection - * to the top of the stack of drawn objects - * @param {fabric.Object} object Object to send - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringToFront: function (object) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, objs; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - removeFromArray(this._objects, obj); - this._objects.push(obj); - } - } - else { - removeFromArray(this._objects, object); - this._objects.push(object); - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * Moves an object or a selection down in stack of drawn objects - * An optional parameter, intersecting allows to move the object in behind - * the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - sendBackwards: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = 0; i < objs.length; i++) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx > 0 + objsMoved) { - newIdx = idx - 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== 0) { - // if object is not on the bottom of stack - newIdx = this._findNewLowerIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * @private - */ - _findNewLowerIndex: function (object, idx, intersecting) { - var newIdx, i; - if (intersecting) { - newIdx = idx; - // traverse down the stack looking for the nearest intersecting object - for (i = idx - 1; i >= 0; --i) { - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx - 1; - } - return newIdx; - }, - /** - * Moves an object or a selection up in stack of drawn objects - * An optional parameter, intersecting allows to move the object in front - * of the first intersecting object. Where intersection is calculated with - * bounding box. If no intersection is found, there will not be change in the - * stack. - * @param {fabric.Object} object Object to send - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Canvas} thisArg - * @chainable - */ - bringForward: function (object, intersecting) { - if (!object) { - return this; - } - var activeSelection = this._activeObject, i, obj, idx, newIdx, objs, objsMoved = 0; - if (object === activeSelection && object.type === 'activeSelection') { - objs = activeSelection._objects; - for (i = objs.length; i--;) { - obj = objs[i]; - idx = this._objects.indexOf(obj); - if (idx < this._objects.length - 1 - objsMoved) { - newIdx = idx + 1; - removeFromArray(this._objects, obj); - this._objects.splice(newIdx, 0, obj); - } - objsMoved++; - } - } - else { - idx = this._objects.indexOf(object); - if (idx !== this._objects.length - 1) { - // if object is not on top of stack (last item in an array) - newIdx = this._findNewUpperIndex(object, idx, intersecting); - removeFromArray(this._objects, object); - this._objects.splice(newIdx, 0, object); - } - } - this.renderOnAddRemove && this.requestRenderAll(); - return this; - }, - /** - * @private - */ - _findNewUpperIndex: function (object, idx, intersecting) { - var newIdx, i, len; - if (intersecting) { - newIdx = idx; - // traverse up the stack looking for the nearest intersecting object - for (i = idx + 1, len = this._objects.length; i < len; ++i) { - var isIntersecting = object.intersectsWithObject(this._objects[i]) || - object.isContainedWithinObject(this._objects[i]) || - this._objects[i].isContainedWithinObject(object); - if (isIntersecting) { - newIdx = i; - break; - } - } - } - else { - newIdx = idx + 1; - } - return newIdx; - }, - /** - * Moves an object to specified level in stack of drawn objects - * @param {fabric.Object} object Object to send - * @param {Number} index Position to move to - * @return {fabric.Canvas} thisArg - * @chainable - */ - moveTo: function (object, index) { - removeFromArray(this._objects, object); - this._objects.splice(index, 0, object); - return this.renderOnAddRemove && this.requestRenderAll(); - }, - /** - * Waits until rendering has settled to destroy the canvas - * @returns {Promise} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed - * @throws if aborted by a consequent call - */ - dispose: function () { - this.disposed = true; - return new Promise((resolve, reject) => { - const task = () => { - this.destroy(); - resolve(true); - }; - task.kill = reject; - if (this.__cleanupTask) { - this.__cleanupTask.kill('aborted'); - } - if (this.destroyed) { - resolve(false); - } - else if (this.nextRenderHandle) { - this.__cleanupTask = task; - } - else { - task(); - } - }); - }, - /** - * Clears the canvas element, disposes objects and frees resources - * - * **CAUTION**: - * - * This method is **UNSAFE**. - * You may encounter a race condition using it if there's a requested render. - * Call this method only if you are sure rendering has settled. - * Consider using {@link dispose} as it is **SAFE** - * - * @private - */ - destroy: function () { - this.destroyed = true; - this.cancelRequestedRender(); - this.forEachObject((object) => object.dispose()); - this._objects = []; - if (this.backgroundImage && this.backgroundImage.dispose) { - this.backgroundImage.dispose(); - } - this.backgroundImage = null; - if (this.overlayImage && this.overlayImage.dispose) { - this.overlayImage.dispose(); - } - this.overlayImage = null; - this._iTextInstances = null; - this.contextContainer = null; - // restore canvas style and attributes - this.lowerCanvasEl.classList.remove('lower-canvas'); - this.lowerCanvasEl.removeAttribute('data-fabric'); - if (this.interactive) { - this.lowerCanvasEl.style.cssText = this._originalCanvasStyle; - delete this._originalCanvasStyle; - } - // restore canvas size to original size in case retina scaling was applied - this.lowerCanvasEl.setAttribute('width', this.width); - this.lowerCanvasEl.setAttribute('height', this.height); - fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); - this.lowerCanvasEl = undefined; - }, - /** - * Returns a string representation of an instance - * @return {String} string representation of an instance - */ - toString: function () { - return ('#'); - }, - }); - extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); - extend(fabric.StaticCanvas, - /** @lends fabric.StaticCanvas */ { - /** - * @static - * @type String - * @default - */ - EMPTY_JSON: '{"objects": [], "background": "white"}', - /** - * Provides a way to check support of some of the canvas methods - * (either those of HTMLCanvasElement itself, or rendering context) - * - * @param {String} methodName Method to check support for; - * Could be one of "setLineDash" - * @return {Boolean | null} `true` if method is supported (or at least exists), - * `null` if canvas element or context can not be initialized - */ - supports: function (methodName) { - var el = createCanvasElement(); - if (!el || !el.getContext) { - return null; - } - var ctx = el.getContext('2d'); - if (!ctx) { - return null; - } - switch (methodName) { - case 'setLineDash': - return typeof ctx.setLineDash !== 'undefined'; - default: - return null; - } - }, - }); - if (fabric.isLikelyNode) { - fabric.StaticCanvas.prototype.createPNGStream = function () { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createPNGStream(); - }; - fabric.StaticCanvas.prototype.createJPEGStream = function (opts) { - var impl = getNodeCanvas(this.lowerCanvasEl); - return impl && impl.createJPEGStream(opts); - }; - } -})(typeof exports !== 'undefined' ? exports : window); + * Returns coordinates of a center of canvas. + * Returned value is an object with top and left properties + * @return {Object} object with "top" and "left" number values + */ + getCenter: function () { + return { + top: this.height / 2, + left: this.width / 2 + }; + }, -const NOT_ALLOWED_CURSOR = 'not-allowed'; -/** - * @param {Boolean} alreadySelected true if target is already selected - * @param {String} corner a string representing the corner ml, mr, tl ... - * @param {Event} e Event object - * @param {FabricObject} [target] inserted back to help overriding. Unused - */ -const getActionFromCorner = (alreadySelected, corner, e, target) => { - if (!corner || !alreadySelected) { - return 'drag'; - } - const control = target.controls[corner]; - return control.getActionName(e, control, target); -}; -/** - * Checks if transform is centered - * @param {Object} transform transform data - * @return {Boolean} true if transform is centered - */ -function isTransformCentered(transform) { - return transform.originX === 'center' && transform.originY === 'center'; -} -function invertOrigin(origin) { - return -resolveOrigin(origin) + 0.5; -} -const isLocked = (target, lockingKey) => target[lockingKey]; -const commonEventInfo = (eventData, transform, x, y) => { - return { - e: eventData, - transform, - pointer: new Point(x, y), - }; -}; -/** - * Combine control position and object angle to find the control direction compared - * to the object center. - * @param {FabricObject} fabricObject the fabric object for which we are rendering controls - * @param {Control} control the control class - * @return {Number} 0 - 7 a quadrant number - */ -function findCornerQuadrant(fabricObject, control) { - // angle is relative to canvas plane - const angle = fabricObject.getTotalAngle(), cornerAngle = angle + radiansToDegrees(Math.atan2(control.y, control.x)) + 360; - return Math.round((cornerAngle % 360) / 45); -} -/** - * @returns the normalized point (rotated relative to center) in local coordinates - */ -function normalizePoint(target, point, originX, originY) { - const center = target.getRelativeCenterPoint(), p = typeof originX !== 'undefined' && typeof originY !== 'undefined' - ? target.translateToGivenOrigin(center, 'center', 'center', originX, originY) - : new Point(target.left, target.top), p2 = target.angle - ? point.rotate(-degreesToRadians(target.angle), center) - : point; - return p2.subtract(p); -} -/** - * Transforms a point to the offset from the given origin - * @param {Object} transform - * @param {String} originX - * @param {String} originY - * @param {number} x - * @param {number} y - * @return {Fabric.Point} the normalized point - */ -function getLocalPoint({ target, corner }, originX, originY, x, y) { - var _a; - const control = target.controls[corner], zoom = ((_a = target.canvas) === null || _a === void 0 ? void 0 : _a.getZoom()) || 1, padding = target.padding / zoom, localPoint = normalizePoint(target, new Point(x, y), originX, originY); - if (localPoint.x >= padding) { - localPoint.x -= padding; - } - if (localPoint.x <= -padding) { - localPoint.x += padding; - } - if (localPoint.y >= padding) { - localPoint.y -= padding; - } - if (localPoint.y <= padding) { - localPoint.y += padding; - } - localPoint.x -= control.offsetX; - localPoint.y -= control.offsetY; - return localPoint; -} + /** + * Centers object horizontally in the canvas + * @param {fabric.Object} object Object to center horizontally + * @return {fabric.Canvas} thisArg + */ + centerObjectH: function (object) { + return this._centerObject(object, new fabric.Point(this.getCenter().left, object.getCenterPoint().y)); + }, -const fireEvent = (eventName, options) => { - var _a; - const { transform: { target }, } = options; - (_a = target.canvas) === null || _a === void 0 ? void 0 : _a.fire(`object:${eventName}`, Object.assign(Object.assign({}, options), { target })); - target.fire(eventName, options); -}; + /** + * Centers object vertically in the canvas + * @param {fabric.Object} object Object to center vertically + * @return {fabric.Canvas} thisArg + * @chainable + */ + centerObjectV: function (object) { + return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, this.getCenter().top)); + }, -/** - * Wrap an action handler with firing an event if the action is performed - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ -const wrapWithFireEvent = (eventName, actionHandler) => { - return ((eventData, transform, x, y) => { - const actionPerformed = actionHandler(eventData, transform, x, y); - if (actionPerformed) { - fireEvent(eventName, commonEventInfo(eventData, transform, x, y)); - } - return actionPerformed; - }); -}; + /** + * Centers object vertically and horizontally in the canvas + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + centerObject: function(object) { + var center = this.getCenter(); -/** - * Wrap an action handler with saving/restoring object position on the transform. - * this is the code that permits to objects to keep their position while transforming. - * @param {Function} actionHandler the function to wrap - * @return {Function} a function with an action handler signature - */ -function wrapWithFixedAnchor(actionHandler) { - return ((eventData, transform, x, y) => { - const { target, originX, originY } = transform, centerPoint = target.getRelativeCenterPoint(), constraint = target.translateToOriginPoint(centerPoint, originX, originY), actionPerformed = actionHandler(eventData, transform, x, y); - target.setPositionByOrigin(constraint, originX, originY); - return actionPerformed; - }); -} + return this._centerObject(object, new fabric.Point(center.left, center.top)); + }, -/** - * Action handler to change object's width - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const changeObjectWidth = (eventData, transform, x, y) => { - const localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); - // make sure the control changes width ONLY from it's side of target - if (transform.originX === 'center' || - (transform.originX === 'right' && localPoint.x < 0) || - (transform.originX === 'left' && localPoint.x > 0)) { - const { target } = transform, strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1), multiplier = isTransformCentered(transform) ? 2 : 1, oldWidth = target.width, newWidth = Math.ceil(Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding); - target.set('width', Math.max(newWidth, 0)); - // check against actual target width in case `newWidth` was rejected - return oldWidth !== target.width; - } - return false; -}; -const changeWidth = wrapWithFireEvent('resizing', wrapWithFixedAnchor(changeObjectWidth)); + /** + * Centers object vertically and horizontally in the viewport + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObject: function(object) { + var vpCenter = this.getVpCenter(); -/** - * Render a round control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for FabricObject controls style - * @param {FabricObject} fabricObject the fabric object for which we are rendering controls - */ -function renderCircleControl(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' - ? styleOverride.transparentCorners - : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && - (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor); - let myLeft = left, myTop = top, size; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; - ctx.strokeStyle = - styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; - // TODO: use proper ellipse code. - if (xSize > ySize) { - size = xSize; - ctx.scale(1.0, ySize / xSize); - myTop = (top * xSize) / ySize; - } - else if (ySize > xSize) { - size = ySize; - ctx.scale(xSize / ySize, 1.0); - myLeft = (left * ySize) / xSize; - } - else { - size = xSize; - } - // this is still wrong - ctx.lineWidth = 1; - ctx.beginPath(); - ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false); - ctx[methodName](); - if (stroke) { - ctx.stroke(); - } - ctx.restore(); -} -/** - * Render a square control, as per fabric features. - * This function is written to respect object properties like transparentCorners, cornerSize - * cornerColor, cornerStrokeColor - * plus the addition of offsetY and offsetX. - * @param {CanvasRenderingContext2D} ctx context to render on - * @param {Number} left x coordinate where the control center should be - * @param {Number} top y coordinate where the control center should be - * @param {Object} styleOverride override for FabricObject controls style - * @param {FabricObject} fabricObject the fabric object for which we are rendering controls - */ -function renderSquareControl(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize, ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize, transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' - ? styleOverride.transparentCorners - : fabricObject.transparentCorners, methodName = transparentCorners ? 'stroke' : 'fill', stroke = !transparentCorners && - (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2; - ctx.save(); - ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || ''; - ctx.strokeStyle = - styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || ''; - // this is still wrong - ctx.lineWidth = 1; - ctx.translate(left, top); - // angle is relative to canvas plane - const angle = fabricObject.getTotalAngle(); - ctx.rotate(degreesToRadians(angle)); - // this does not work, and fixed with ( && ) does not make sense. - // to have real transparent corners we need the controls on upperCanvas - // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize); - if (stroke) { - ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize); - } - ctx.restore(); -} + return this._centerObject(object, vpCenter); + }, -/** - * Action handler - * @private - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if the translation occurred - */ -const dragHandler = (eventData, transform, x, y) => { - const { target, offsetX, offsetY } = transform, newLeft = x - offsetX, newTop = y - offsetY, moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft, moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop; - moveX && target.set('left', newLeft); - moveY && target.set('top', newTop); - if (moveX || moveY) { - fireEvent('moving', commonEventInfo(eventData, transform, x, y)); - } - return moveX || moveY; -}; + /** + * Centers object horizontally in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectH: function(object) { + var vpCenter = this.getVpCenter(); + this._centerObject(object, new fabric.Point(vpCenter.x, object.getCenterPoint().y)); + return this; + }, -// @ts-nocheck -/** - * Find the correct style for the control that is used for rotation. - * this function is very simple and it just take care of not-allowed or standard cursor - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const rotationStyleHandler = (eventData, control, fabricObject) => { - if (fabricObject.lockRotation) { - return NOT_ALLOWED_CURSOR; - } - return control.cursorStyle; -}; -/** - * Action handler for rotation and snapping, without anchor point. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - * @private - */ -const rotateObjectWithSnapping = (eventData, { target, ex, ey, theta, originX, originY }, x, y) => { - const pivotPoint = target.translateToOriginPoint(target.getRelativeCenterPoint(), originX, originY); - if (isLocked(target, 'lockRotation')) { - return false; - } - const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x), curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x); - let angle = radiansToDegrees(curAngle - lastAngle + theta); - if (target.snapAngle && target.snapAngle > 0) { - const snapAngle = target.snapAngle, snapThreshold = target.snapThreshold || snapAngle, rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle; - if (Math.abs(angle - leftAngleLocked) < snapThreshold) { - angle = leftAngleLocked; - } - else if (Math.abs(angle - rightAngleLocked) < snapThreshold) { - angle = rightAngleLocked; - } - } - // normalize angle to positive value - if (angle < 0) { - angle = 360 + angle; - } - angle %= 360; - const hasRotated = target.angle !== angle; - // TODO: why aren't we using set? - target.angle = angle; - return hasRotated; -}; -const rotationWithSnapping = wrapWithFireEvent('rotating', wrapWithFixedAnchor(rotateObjectWithSnapping)); + /** + * Centers object Vertically in the viewport, object.top is unchanged + * @param {fabric.Object} object Object to center vertically and horizontally + * @return {fabric.Canvas} thisArg + * @chainable + */ + viewportCenterObjectV: function(object) { + var vpCenter = this.getVpCenter(); -/** - * Inspect event and fabricObject properties to understand if the scaling action - * @param {Event} eventData from the user action - * @param {FabricObject} fabricObject the fabric object about to scale - * @return {Boolean} true if scale is proportional - */ -function scaleIsProportional(eventData, fabricObject) { - const canvas = fabricObject.canvas, uniformIsToggled = eventData[canvas.uniScaleKey]; - return ((canvas.uniformScaling && !uniformIsToggled) || - (!canvas.uniformScaling && uniformIsToggled)); -} -/** - * Inspect fabricObject to understand if the current scaling action is allowed - * @param {FabricObject} fabricObject the fabric object about to scale - * @param {String} by 'x' or 'y' or '' - * @param {Boolean} scaleProportionally true if we are trying to scale proportionally - * @return {Boolean} true if scaling is not allowed at current conditions - */ -function scalingIsForbidden(fabricObject, by, scaleProportionally) { - const lockX = isLocked(fabricObject, 'lockScalingX'), lockY = isLocked(fabricObject, 'lockScalingY'); - if (lockX && lockY) { - return true; - } - if (!by && (lockX || lockY) && scaleProportionally) { - return true; - } - if (lockX && by === 'x') { - return true; - } - if (lockY && by === 'y') { - return true; - } - return false; -} -const scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e']; -/** - * return the correct cursor style for the scale action - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const scaleCursorStyleHandler = (eventData, control, fabricObject) => { - const scaleProportionally = scaleIsProportional(eventData, fabricObject), by = control.x !== 0 && control.y === 0 - ? 'x' - : control.x === 0 && control.y !== 0 - ? 'y' - : ''; - if (scalingIsForbidden(fabricObject, by, scaleProportionally)) { - return NOT_ALLOWED_CURSOR; - } - const n = findCornerQuadrant(fabricObject, control); - return `${scaleMap[n]}-resize`; -}; -/** - * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @param {Object} options additional information for scaling - * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling - * @return {Boolean} true if some change happened - * @private - */ -function scaleObject(eventData, transform, x, y, options = {}) { - const target = transform.target, by = options.by, scaleProportionally = scaleIsProportional(eventData, target), forbidScaling = scalingIsForbidden(target, by, scaleProportionally); - let newPoint, scaleX, scaleY, dim, signX, signY; - if (forbidScaling) { - return false; - } - if (transform.gestureScale) { - scaleX = transform.scaleX * transform.gestureScale; - scaleY = transform.scaleY * transform.gestureScale; - } - else { - newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y); - // use of sign: We use sign to detect change of direction of an action. sign usually change when - // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling - // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily - // cross many time the origin point and flip the object. so we need a way to filter out the noise. - // This ternary here should be ok to filter out X scaling when we want Y only and vice versa. - signX = by !== 'y' ? Math.sign(newPoint.x) : 1; - signY = by !== 'x' ? Math.sign(newPoint.y) : 1; - if (!transform.signX) { - transform.signX = signX; - } - if (!transform.signY) { - transform.signY = signY; - } - if (isLocked(target, 'lockScalingFlip') && - (transform.signX !== signX || transform.signY !== signY)) { - return false; - } - dim = target._getTransformedDimensions(); - // missing detection of flip and logic to switch the origin - if (scaleProportionally && !by) { - // uniform scaling - const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), { original } = transform, originalDistance = Math.abs((dim.x * original.scaleX) / target.scaleX) + - Math.abs((dim.y * original.scaleY) / target.scaleY), scale = distance / originalDistance; - scaleX = original.scaleX * scale; - scaleY = original.scaleY * scale; - } - else { - scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x); - scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y); - } - // if we are scaling by center, we need to double the scale - if (isTransformCentered(transform)) { - scaleX *= 2; - scaleY *= 2; - } - if (transform.signX !== signX && by !== 'y') { - transform.originX = invertOrigin(transform.originX); - scaleX *= -1; - transform.signX = signX; - } - if (transform.signY !== signY && by !== 'x') { - transform.originY = invertOrigin(transform.originY); - scaleY *= -1; - transform.signY = signY; - } - } - // minScale is taken are in the setter. - const oldScaleX = target.scaleX, oldScaleY = target.scaleY; - if (!by) { - !isLocked(target, 'lockScalingX') && target.set('scaleX', scaleX); - !isLocked(target, 'lockScalingY') && target.set('scaleY', scaleY); - } - else { - // forbidden cases already handled on top here. - by === 'x' && target.set('scaleX', scaleX); - by === 'y' && target.set('scaleY', scaleY); - } - return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY; -} -/** - * Generic scaling logic, to scale from corners either equally or freely. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scaleObjectFromCorner = (eventData, transform, x, y) => { - return scaleObject(eventData, transform, x, y); -}; -/** - * Scaling logic for the X axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scaleObjectX = (eventData, transform, x, y) => { - return scaleObject(eventData, transform, x, y, { by: 'x' }); -}; -/** - * Scaling logic for the Y axis. - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scaleObjectY = (eventData, transform, x, y) => { - return scaleObject(eventData, transform, x, y, { by: 'y' }); -}; -const scalingEqually = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectFromCorner)); -const scalingX = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectX)); -const scalingY = wrapWithFireEvent('scaling', wrapWithFixedAnchor(scaleObjectY)); - -const AXIS_KEYS = { - x: { - counterAxis: 'y', - scale: 'scaleX', - skew: 'skewX', - lockSkewing: 'lockSkewingX', - origin: 'originX', - flip: 'flipX', + return this._centerObject(object, new fabric.Point(object.getCenterPoint().x, vpCenter.y)); }, - y: { - counterAxis: 'x', - scale: 'scaleY', - skew: 'skewY', - lockSkewing: 'lockSkewingY', - origin: 'originY', - flip: 'flipY', + + /** + * Calculate the point in canvas that correspond to the center of actual viewport. + * @return {fabric.Point} vpCenter, viewport center + * @chainable + */ + getVpCenter: function() { + var center = this.getCenter(), + iVpt = invertTransform(this.viewportTransform); + return transformPoint({ x: center.left, y: center.top }, iVpt); }, -}; -const skewMap = ['ns', 'nesw', 'ew', 'nwse']; -/** - * return the correct cursor style for the skew action - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const skewCursorStyleHandler = (eventData, control, fabricObject) => { - if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) { - return NOT_ALLOWED_CURSOR; - } - if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) { - return NOT_ALLOWED_CURSOR; - } - const n = findCornerQuadrant(fabricObject, control) % 4; - return `${skewMap[n]}-resize`; -}; -/** - * Since skewing is applied before scaling, calculations are done in a scaleless plane - * @see https://github.com/fabricjs/fabric.js/pull/8380 - */ -function skewObject(axis, _a, pointer) { - var { target, ex, ey, skewingSide } = _a, transform = __rest(_a, ["target", "ex", "ey", "skewingSide"]); - const { skew: skewKey } = AXIS_KEYS[axis], offset = pointer - .subtract(new Point(ex, ey)) - .divide(new Point(target.scaleX, target.scaleY))[axis], skewingBefore = target[skewKey], skewingStart = transform[skewKey], shearingStart = Math.tan(degreesToRadians(skewingStart)), - // let a, b be the size of target - // let a' be the value of a after applying skewing - // then: - // a' = a + b * skewA => skewA = (a' - a) / b - // the value b is tricky since skewY is applied before skewX - b = axis === 'y' - ? target._getTransformedDimensions({ - scaleX: 1, - scaleY: 1, - // since skewY is applied before skewX, b (=width) is not affected by skewX - skewX: 0, - }).x - : target._getTransformedDimensions({ - scaleX: 1, - scaleY: 1, - }).y; - const shearing = (2 * offset * skewingSide) / - // we max out fractions to safeguard from asymptotic behavior - Math.max(b, 1) + - // add starting state - shearingStart; - const skewing = radiansToDegrees(Math.atan(shearing)); - target.set(skewKey, skewing); - const changed = skewingBefore !== target[skewKey]; - if (changed && axis === 'y') { - // we don't want skewing to affect scaleX - // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer - const { skewX, scaleX } = target, dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }), dimAfter = target._getTransformedDimensions(), compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1; - compensationFactor !== 1 && - target.set('scaleX', compensationFactor * scaleX); - } - return changed; -} -/** - * Wrapped Action handler for skewing on a given axis, takes care of the - * skew direction and determines the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -function skewHandler(axis, eventData, transform, x, y) { - const { target } = transform, { counterAxis, origin: originKey, lockSkewing: lockSkewingKey, skew: skewKey, flip: flipKey, } = AXIS_KEYS[axis]; - if (isLocked(target, lockSkewingKey)) { - return false; - } - const { origin: counterOriginKey, flip: counterFlipKey } = AXIS_KEYS[counterAxis], counterOriginFactor = resolveOrigin(transform[counterOriginKey]) * - (target[counterFlipKey] ? -1 : 1), - // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively. - // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively. - // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer, - // so we factor skewing direction by this value. - skewingSide = (-Math.sign(counterOriginFactor) * - (target[flipKey] ? -1 : 1)), skewingDirection = ((target[skewKey] === 0 && - // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing - getLocalPoint(transform, 'center', 'center', x, y)[axis] > 0) || - // in case target has skewing we use that as the direction - target[skewKey] > 0 - ? 1 - : -1) * skewingSide, - // anchor to the opposite side of the skewing direction - // normalize value from [-1, 1] to origin value [0, 1] - origin = -skewingDirection * 0.5 + 0.5; - const finalHandler = wrapWithFireEvent('skewing', wrapWithFixedAnchor((eventData, transform, x, y) => skewObject(axis, transform, new Point(x, y)))); - return finalHandler(eventData, Object.assign(Object.assign({}, transform), { [originKey]: origin, skewingSide }), x, y); -} -/** - * Wrapped Action handler for skewing on the X axis, takes care of the - * skew direction and determines the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const skewHandlerX = (eventData, transform, x, y) => { - return skewHandler('x', eventData, transform, x, y); -}; -/** - * Wrapped Action handler for skewing on the Y axis, takes care of the - * skew direction and determines the correct transform origin for the anchor point - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const skewHandlerY = (eventData, transform, x, y) => { - return skewHandler('y', eventData, transform, x, y); -}; -function isAltAction(eventData, target) { - var _a; - return eventData[(_a = target.canvas) === null || _a === void 0 ? void 0 : _a.altActionKey]; -} -/** - * Inspect event, control and fabricObject to return the correct action name - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} an action name - */ -const scaleOrSkewActionName = (eventData, control, fabricObject) => { - const isAlternative = isAltAction(eventData, fabricObject); - if (control.x === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewX' : 'scaleY'; - } - if (control.y === 0) { - // then is scaleY or skewX - return isAlternative ? 'skewY' : 'scaleX'; - } -}; -/** - * Combine skew and scale style handlers to cover fabric standard use case - * @param {Event} eventData the javascript event that is causing the scale - * @param {Control} control the control that is interested in the action - * @param {FabricObject} fabricObject the fabric object that is interested in the action - * @return {String} a valid css string for the cursor - */ -const scaleSkewCursorStyleHandler = (eventData, control, fabricObject) => { - return isAltAction(eventData, fabricObject) - ? skewCursorStyleHandler(eventData, control, fabricObject) - : scaleCursorStyleHandler(eventData, control, fabricObject); -}; -/** - * Composed action handler to either scale X or skew Y - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scalingXOrSkewingY = (eventData, transform, x, y) => { - return isAltAction(eventData, transform.target) - ? skewHandlerY(eventData, transform, x, y) - : scalingX(eventData, transform, x, y); -}; -/** - * Composed action handler to either scale Y or skew X - * Needs to be wrapped with `wrapWithFixedAnchor` to be effective - * @param {Event} eventData javascript event that is doing the transform - * @param {Object} transform javascript object containing a series of information around the current transform - * @param {number} x current mouse x position, canvas normalized - * @param {number} y current mouse y position, canvas normalized - * @return {Boolean} true if some change happened - */ -const scalingYOrSkewingX = (eventData, transform, x, y) => { - return isAltAction(eventData, transform.target) - ? skewHandlerX(eventData, transform, x, y) - : scalingY(eventData, transform, x, y); -}; + /** + * @private + * @param {fabric.Object} object Object to center + * @param {fabric.Point} center Center point + * @return {fabric.Canvas} thisArg + * @chainable + */ + _centerObject: function(object, center) { + object.setPositionByOrigin(center, 'center', 'center'); + object.setCoords(); + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, -/** - * @todo remove as unused - */ -fabric$1.controlsUtils = { - scaleCursorStyleHandler, - skewCursorStyleHandler, - scaleSkewCursorStyleHandler, - rotationWithSnapping, - scalingEqually, - scalingX, - scalingY, - scalingYOrSkewingX, - scalingXOrSkewingY, - changeWidth, - skewHandlerX, - skewHandlerY, - dragHandler, - scaleOrSkewActionName, - rotationStyleHandler, - wrapWithFixedAnchor, - wrapWithFireEvent, - getLocalPoint, - renderCircleControl, - renderSquareControl, -}; + /** + * Returns dataless JSON representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {String} json string + */ + toDatalessJSON: function (propertiesToInclude) { + return this.toDatalessObject(propertiesToInclude); + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, getPointer = fabric.util.getPointer, degreesToRadians = fabric.util.degreesToRadians, isTouchEvent = fabric.util.isTouchEvent; /** - * Canvas class - * @class fabric.Canvas - * @extends fabric.StaticCanvas - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} - * @see {@link fabric.Canvas#initialize} for constructor definition - * - * @fires object:modified at the end of a transform or any change when statefull is true - * @fires object:rotating while an object is being rotated from the control - * @fires object:scaling while an object is being scaled by controls - * @fires object:moving while an object is being dragged - * @fires object:skewing while an object is being skewed from the controls - * - * @fires before:transform before a transform is is started - * @fires before:selection:cleared - * @fires selection:cleared - * @fires selection:updated - * @fires selection:created - * - * @fires path:created after a drawing operation ends and the path is added - * @fires mouse:down - * @fires mouse:move - * @fires mouse:up - * @fires mouse:down:before on mouse down, before the inner fabric logic runs - * @fires mouse:move:before on mouse move, before the inner fabric logic runs - * @fires mouse:up:before on mouse up, before the inner fabric logic runs - * @fires mouse:over - * @fires mouse:out - * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. - * - * @fires dragover - * @fires dragenter - * @fires dragleave - * @fires drag:enter object drag enter - * @fires drag:leave object drag leave - * @fires drop:before before drop event. Prepare for the drop event (same native event). - * @fires drop - * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event). - * @example - * let a: fabric.Object, b: fabric.Object; - * let flag = false; - * canvas.add(a, b); - * a.on('drop:before', opt => { - * // we want a to accept the drop even though it's below b in the stack - * flag = this.canDrop(opt.e); - * }); - * b.canDrop = function(e) { - * !flag && this.callSuper('canDrop', e); - * } - * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black')); - * a.on('drop', opt => { - * opt.e.defaultPrevented // drop occured - * opt.didDrop // drop occured on canvas - * opt.target // drop target - * opt.target !== a && a.set('text', 'I lost'); - * }); - * canvas.on('drop:after', opt => { - * // inform user who won - * if(!opt.e.defaultPrevented) { - * // no winners - * } - * else if(!opt.didDrop) { - * // my objects didn't win, some other lucky object - * } - * else { - * // we have a winner it's opt.target!! - * } - * }) - * - * @fires after:render at the end of the render process, receives the context in the callback - * @fires before:render at start the render process, receives the context in the callback - * - * @fires contextmenu:before - * @fires contextmenu - * @example - * let handler; - * targets.forEach(target => { - * target.on('contextmenu:before', opt => { - * // decide which target should handle the event before canvas hijacks it - * if (someCaseHappens && opt.targets.includes(target)) { - * handler = target; - * } - * }); - * target.on('contextmenu', opt => { - * // do something fantastic - * }); - * }); - * canvas.on('contextmenu', opt => { - * if (!handler) { - * // no one takes responsibility, it's always left to me - * // let's show them how it's done! + * Returns object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function (propertiesToInclude) { + return this._toObjectMethod('toObject', propertiesToInclude); + }, + + /** + * Returns dataless object representation of canvas + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function (propertiesToInclude) { + return this._toObjectMethod('toDatalessObject', propertiesToInclude); + }, + + /** + * @private + */ + _toObjectMethod: function (methodName, propertiesToInclude) { + + var clipPath = this.clipPath, data = { + version: fabric.version, + objects: this._toObjects(methodName, propertiesToInclude), + }; + if (clipPath && !clipPath.excludeFromExport) { + data.clipPath = this._toObject(this.clipPath, methodName, propertiesToInclude); + } + extend(data, this.__serializeBgOverlay(methodName, propertiesToInclude)); + + fabric.util.populateWithProperties(this, data, propertiesToInclude); + + return data; + }, + + /** + * @private + */ + _toObjects: function(methodName, propertiesToInclude) { + return this._objects.filter(function(object) { + return !object.excludeFromExport; + }).map(function(instance) { + return this._toObject(instance, methodName, propertiesToInclude); + }, this); + }, + + /** + * @private + */ + _toObject: function(instance, methodName, propertiesToInclude) { + var originalValue; + + if (!this.includeDefaultValues) { + originalValue = instance.includeDefaultValues; + instance.includeDefaultValues = false; + } + + var object = instance[methodName](propertiesToInclude); + if (!this.includeDefaultValues) { + instance.includeDefaultValues = originalValue; + } + return object; + }, + + /** + * @private + */ + __serializeBgOverlay: function(methodName, propertiesToInclude) { + var data = {}, bgImage = this.backgroundImage, overlayImage = this.overlayImage, + bgColor = this.backgroundColor, overlayColor = this.overlayColor; + + if (bgColor && bgColor.toObject) { + if (!bgColor.excludeFromExport) { + data.background = bgColor.toObject(propertiesToInclude); + } + } + else if (bgColor) { + data.background = bgColor; + } + + if (overlayColor && overlayColor.toObject) { + if (!overlayColor.excludeFromExport) { + data.overlay = overlayColor.toObject(propertiesToInclude); + } + } + else if (overlayColor) { + data.overlay = overlayColor; + } + + if (bgImage && !bgImage.excludeFromExport) { + data.backgroundImage = this._toObject(bgImage, methodName, propertiesToInclude); + } + if (overlayImage && !overlayImage.excludeFromExport) { + data.overlayImage = this._toObject(overlayImage, methodName, propertiesToInclude); + } + + return data; + }, + + /* _TO_SVG_START_ */ + /** + * When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, + * a zoomed canvas will then produce zoomed SVG output. + * @type Boolean + * @default + */ + svgViewportTransformation: true, + + /** + * Returns SVG representation of canvas + * @function + * @param {Object} [options] Options object for SVG output + * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included + * @param {Object} [options.viewBox] SVG viewbox object + * @param {Number} [options.viewBox.x] x-coordinate of viewbox + * @param {Number} [options.viewBox.y] y-coordinate of viewbox + * @param {Number} [options.viewBox.width] Width of viewbox + * @param {Number} [options.viewBox.height] Height of viewbox + * @param {String} [options.encoding=UTF-8] Encoding of SVG output + * @param {String} [options.width] desired width of svg with or without units + * @param {String} [options.height] desired height of svg with or without units + * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation. + * @return {String} SVG string + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo} + * @example Normal SVG output + * var svg = canvas.toSVG(); + * @example SVG output without preamble (without <?xml ../>) + * var svg = canvas.toSVG({suppressPreamble: true}); + * @example SVG output with viewBox attribute + * var svg = canvas.toSVG({ + * viewBox: { + * x: 100, + * y: 100, + * width: 200, + * height: 300 * } * }); - * + * @example SVG output with different encoding (default: UTF-8) + * var svg = canvas.toSVG({encoding: 'ISO-8859-1'}); + * @example Modify SVG output with reviver function + * var svg = canvas.toSVG(null, function(svg) { + * return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); + * }); */ - fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, - /** @lends fabric.Canvas.prototype */ { - /** - * Constructor - * @param {HTMLElement | String} el <canvas> element to initialize instance on - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - initialize: function (el, options) { - options || (options = {}); - this.renderAndResetBound = this.renderAndReset.bind(this); - this.requestRenderAllBound = this.requestRenderAll.bind(this); - this._initStatic(el, options); - this._initInteractive(); - this._createCacheCanvas(); - }, - /** - * When true, objects can be transformed by one side (unproportionally) - * when dragged on the corners that normally would not do that. - * @type Boolean - * @default - * @since fabric 4.0 // changed name and default value - */ - uniformScaling: true, - /** - * Indicates which key switches uniform scaling. - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * totally wrong named. this sounds like `uniform scaling` - * if Canvas.uniformScaling is true, pressing this will set it to false - * and viceversa. - * @since 1.6.2 - * @type ModifierKey - * @default - */ - uniScaleKey: 'shiftKey', - /** - * When true, objects use center point as the origin of scale transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredScaling: false, - /** - * When true, objects use center point as the origin of rotate transformation. - * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). - * @since 1.3.4 - * @type Boolean - * @default - */ - centeredRotation: false, - /** - * Indicates which key enable centered Transform - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type ModifierKey - * @default - */ - centeredKey: 'altKey', - /** - * Indicates which key enable alternate action on corner - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled feature disabled. - * @since 1.6.2 - * @type ModifierKey - * @default - */ - altActionKey: 'shiftKey', - /** - * Indicates that canvas is interactive. This property should not be changed. - * @type Boolean - * @default - */ - interactive: true, - /** - * Indicates whether group selection should be enabled - * @type Boolean - * @default - */ - selection: true, - /** - * Indicates which key or keys enable multiple click selection - * Pass value as a string or array of strings - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * If `null` or empty or containing any other string that is not a modifier key - * feature is disabled. - * @since 1.6.2 - * @type ModifierKey|ModifierKey[] - * @default - */ - selectionKey: 'shiftKey', - /** - * Indicates which key enable alternative selection - * in case of target overlapping with active object - * values: 'altKey', 'shiftKey', 'ctrlKey'. - * For a series of reason that come from the general expectations on how - * things should work, this feature works only for preserveObjectStacking true. - * If `null` or 'none' or any other string that is not a modifier key - * feature is disabled. - * @since 1.6.5 - * @type null|ModifierKey - * @default - */ - altSelectionKey: null, - /** - * Color of selection - * @type String - * @default - */ - selectionColor: 'rgba(100, 100, 255, 0.3)', - /** - * Default dash array pattern - * If not empty the selection border is dashed - * @type Array - */ - selectionDashArray: [], - /** - * Color of the border of selection (usually slightly darker than color of selection itself) - * @type String - * @default - */ - selectionBorderColor: 'rgba(255, 255, 255, 0.3)', - /** - * Width of a line used in object/group selection - * @type Number - * @default - */ - selectionLineWidth: 1, - /** - * Select only shapes that are fully contained in the dragged selection rectangle. - * @type Boolean - * @default - */ - selectionFullyContained: false, - /** - * Default cursor value used when hovering over an object on canvas - * @type String - * @default - */ - hoverCursor: 'move', - /** - * Default cursor value used when moving an object on canvas - * @type String - * @default - */ - moveCursor: 'move', - /** - * Default cursor value used for the entire canvas - * @type String - * @default - */ - defaultCursor: 'default', - /** - * Cursor value used during free drawing - * @type String - * @default - */ - freeDrawingCursor: 'crosshair', - /** - * Cursor value used for disabled elements ( corners with disabled action ) - * @type String - * @since 2.0.0 - * @default - */ - notAllowedCursor: 'not-allowed', - /** - * Default element class that's given to wrapper (div) element of canvas - * @type String - * @default - */ - containerClass: 'canvas-container', - /** - * When true, object detection happens on per-pixel basis rather than on per-bounding-box - * @type Boolean - * @default - */ - perPixelTargetFind: false, - /** - * Number of pixels around target pixel to tolerate (consider active) during object detection - * @type Number - * @default - */ - targetFindTolerance: 0, - /** - * When true, target detection is skipped. Target detection will return always undefined. - * click selection won't work anymore, events will fire with no targets. - * if something is selected before setting it to true, it will be deselected at the first click. - * area selection will still work. check the `selection` property too. - * if you deactivate both, you should look into staticCanvas. - * @type Boolean - * @default - */ - skipTargetFind: false, - /** - * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. - * After mousedown, mousemove creates a shape, - * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. - * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} - * @type Boolean - * @default - */ - isDrawingMode: false, - /** - * Indicates whether objects should remain in current stack position when selected. - * When false objects are brought to top and rendered as part of the selection group - * @type Boolean - * @default - */ - preserveObjectStacking: false, - /** - * Indicates if the right click on canvas can output the context menu or not - * @type Boolean - * @since 1.6.5 - * @default - */ - stopContextMenu: false, - /** - * Indicates if the canvas can fire right click events - * @type Boolean - * @since 1.6.5 - * @default - */ - fireRightClick: false, - /** - * Indicates if the canvas can fire middle click events - * @type Boolean - * @since 1.7.8 - * @default - */ - fireMiddleClick: false, - /** - * Keep track of the subTargets for Mouse Events - * @type fabric.Object[] - */ - targets: [], - /** - * When the option is enabled, PointerEvent is used instead of MouseEvent. - * @type Boolean - * @default - */ - enablePointerEvents: false, - /** - * Keep track of the hovered target - * @type fabric.Object - * @private - */ - _hoveredTarget: null, - /** - * hold the list of nested targets hovered - * @type fabric.Object[] - * @private - */ - _hoveredTargets: [], - /** - * hold the list of objects to render - * @type fabric.Object[] - * @private - */ - _objectsToRender: undefined, - /** - * @private - */ - _initInteractive: function () { - this._currentTransform = null; - this._groupSelector = null; - this._initWrapperElement(); - this._createUpperCanvas(); - this._initEventListeners(); - this._initRetinaScaling(); - this.freeDrawingBrush = - fabric.PencilBrush && new fabric.PencilBrush(this); - this.calcOffset(); - }, - /** - * @private - * @param {fabric.Object} obj Object that was added - */ - _onObjectAdded: function (obj) { - this._objectsToRender = undefined; - this.callSuper('_onObjectAdded', obj); - }, - /** - * @private - * @param {fabric.Object} obj Object that was removed - */ - _onObjectRemoved: function (obj) { - this._objectsToRender = undefined; - // removing active object should fire "selection:cleared" events - if (obj === this._activeObject) { - this.fire('before:selection:cleared', { target: obj }); - this._discardActiveObject(); - this.fire('selection:cleared', { target: obj }); - obj.fire('deselected'); - } - if (obj === this._hoveredTarget) { - this._hoveredTarget = null; - this._hoveredTargets = []; - } - this.callSuper('_onObjectRemoved', obj); - }, - /** - * Divides objects in two groups, one to render immediately - * and one to render as activeGroup. - * @return {Array} objects to render immediately and pushes the other in the activeGroup. - */ - _chooseObjectsToRender: function () { - var activeObjects = this.getActiveObjects(), object, objsToRender, activeGroupObjects; - if (!this.preserveObjectStacking && activeObjects.length > 1) { - objsToRender = []; - activeGroupObjects = []; - for (var i = 0, length = this._objects.length; i < length; i++) { - object = this._objects[i]; - if (activeObjects.indexOf(object) === -1) { - objsToRender.push(object); - } - else { - activeGroupObjects.push(object); - } - } - if (activeObjects.length > 1) { - this._activeObject._objects = activeGroupObjects; - } - objsToRender.push.apply(objsToRender, activeGroupObjects); - } - // in case a single object is selected render it's entire parent above the other objects - else if (!this.preserveObjectStacking && activeObjects.length === 1) { - var target = activeObjects[0], ancestors = target.getAncestors(true); - var topAncestor = ancestors.length === 0 ? target : ancestors.pop(); - objsToRender = this._objects.slice(); - var index = objsToRender.indexOf(topAncestor); - index > -1 && - objsToRender.splice(objsToRender.indexOf(topAncestor), 1); - objsToRender.push(topAncestor); - } - else { - objsToRender = this._objects; - } - return objsToRender; - }, - /** - * Renders both the top canvas and the secondary container canvas. - * @return {fabric.Canvas} instance - * @chainable - */ - renderAll: function () { - this.cancelRequestedRender(); - if (this.destroyed) { - return; - } - if (this.contextTopDirty && - !this._groupSelector && - !this.isDrawingMode) { - this.clearContext(this.contextTop); - this.contextTopDirty = false; - } - if (this.hasLostContext) { - this.renderTopLayer(this.contextTop); - this.hasLostContext = false; - } - !this._objectsToRender && - (this._objectsToRender = this._chooseObjectsToRender()); - this.renderCanvas(this.contextContainer, this._objectsToRender); - return this; - }, - renderTopLayer: function (ctx) { - ctx.save(); - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this.freeDrawingBrush && this.freeDrawingBrush._render(); - this.contextTopDirty = true; - } - // we render the top context - last object - if (this.selection && this._groupSelector) { - this._drawSelection(ctx); - this.contextTopDirty = true; - } - ctx.restore(); - }, - /** - * Method to render only the top canvas. - * Also used to render the group selection box. - * @return {fabric.Canvas} thisArg - * @chainable - */ - renderTop: function () { - var ctx = this.contextTop; - this.clearContext(ctx); - this.renderTopLayer(ctx); - this.fire('after:render'); - return this; - }, - /** - * @private - */ - _normalizePointer: function (object, pointer) { - var m = object.calcTransformMatrix(), invertedM = fabric.util.invertTransform(m), vptPointer = this.restorePointerVpt(pointer); - return fabric.util.transformPoint(vptPointer, invertedM); - }, - /** - * Returns true if object is transparent at a certain location - * @param {fabric.Object} target Object to check - * @param {Number} x Left coordinate - * @param {Number} y Top coordinate - * @return {Boolean} - */ - isTargetTransparent: function (target, x, y) { - // in case the target is the activeObject, we cannot execute this optimization - // because we need to draw controls too. - if (target.shouldCache() && - target._cacheCanvas && - target !== this._activeObject) { - var normalizedPointer = this._normalizePointer(target, { - x: x, - y: y, - }), targetRelativeX = Math.max(target.cacheTranslationX + normalizedPointer.x * target.zoomX, 0), targetRelativeY = Math.max(target.cacheTranslationY + normalizedPointer.y * target.zoomY, 0); - var isTransparent = fabric.util.isTransparent(target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); - return isTransparent; - } - var ctx = this.contextCache, originalColor = target.selectionBackgroundColor, v = this.viewportTransform; - target.selectionBackgroundColor = ''; - this.clearContext(ctx); - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - target.render(ctx); - ctx.restore(); - target.selectionBackgroundColor = originalColor; - var isTransparent = fabric.util.isTransparent(ctx, x, y, this.targetFindTolerance); - return isTransparent; - }, - /** - * takes an event and determines if selection key has been pressed - * @private - * @param {Event} e Event object - */ - _isSelectionKeyPressed: function (e) { - var selectionKeyPressed = false; - if (Array.isArray(this.selectionKey)) { - selectionKeyPressed = !!this.selectionKey.find(function (key) { - return e[key] === true; - }); - } - else { - selectionKeyPressed = e[this.selectionKey]; - } - return selectionKeyPressed; - }, - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _shouldClearSelection: function (e, target) { - var activeObjects = this.getActiveObjects(), activeObject = this._activeObject; - return (!target || - (target && - activeObject && - activeObjects.length > 1 && - activeObjects.indexOf(target) === -1 && - activeObject !== target && - !this._isSelectionKeyPressed(e)) || - (target && !target.evented) || - (target && - !target.selectable && - activeObject && - activeObject !== target)); - }, - /** - * centeredScaling from object can't override centeredScaling from canvas. - * this should be fixed, since object setting should take precedence over canvas. - * also this should be something that will be migrated in the control properties. - * as ability to define the origin of the transformation that the control provide. - * @private - * @param {fabric.Object} target - * @param {String} action - * @param {Boolean} altKey - */ - _shouldCenterTransform: function (target, action, altKey) { - if (!target) { - return; - } - var centerTransform; - if (action === 'scale' || - action === 'scaleX' || - action === 'scaleY' || - action === 'resizing') { - centerTransform = this.centeredScaling || target.centeredScaling; - } - else if (action === 'rotate') { - centerTransform = this.centeredRotation || target.centeredRotation; - } - return centerTransform ? !altKey : altKey; - }, - /** - * should disappear before release 4.0 - * @private - */ - _getOriginFromCorner: function (target, corner) { - var origin = { - x: target.originX, - y: target.originY, - }; - if (corner === 'ml' || corner === 'tl' || corner === 'bl') { - origin.x = 'right'; - } - else if (corner === 'mr' || corner === 'tr' || corner === 'br') { - origin.x = 'left'; - } - if (corner === 'tl' || corner === 'mt' || corner === 'tr') { - origin.y = 'bottom'; - } - else if (corner === 'bl' || corner === 'mb' || corner === 'br') { - origin.y = 'top'; - } - return origin; - }, - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _setupCurrentTransform: function (e, target, alreadySelected) { - if (!target) { - return; - } - var pointer = this.getPointer(e); - if (target.group) { - // transform pointer to target's containing coordinate plane - pointer = fabric.util.transformPoint(pointer, fabric.util.invertTransform(target.group.calcTransformMatrix())); - } - var corner = target.__corner, control = target.controls[corner], actionHandler = alreadySelected && corner - ? control.getActionHandler(e, target, control) - : dragHandler, action = getActionFromCorner(alreadySelected, corner, e, target), origin = this._getOriginFromCorner(target, corner), altKey = e[this.centeredKey], - /** - * relative to target's containing coordinate plane - * both agree on every point - **/ - transform = { - target: target, - action: action, - actionHandler: actionHandler, - corner: corner, - scaleX: target.scaleX, - scaleY: target.scaleY, - skewX: target.skewX, - skewY: target.skewY, - offsetX: pointer.x - target.left, - offsetY: pointer.y - target.top, - originX: origin.x, - originY: origin.y, - ex: pointer.x, - ey: pointer.y, - lastX: pointer.x, - lastY: pointer.y, - theta: degreesToRadians(target.angle), - width: target.width, - height: target.height, - shiftKey: e.shiftKey, - altKey: altKey, - original: saveObjectTransform(target), - }; - if (this._shouldCenterTransform(target, action, altKey)) { - transform.originX = 'center'; - transform.originY = 'center'; - } - transform.original.originX = origin.x; - transform.original.originY = origin.y; - this._currentTransform = transform; - this._beforeTransform(e); - }, - /** - * Set the cursor type of the canvas element - * @param {String} value Cursor type of the canvas element. - * @see http://www.w3.org/TR/css3-ui/#cursor - */ - setCursor: function (value) { - this.upperCanvasEl.style.cursor = value; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx to draw the selection on - */ - _drawSelection: function (ctx) { - var selector = this._groupSelector, viewportStart = new Point(selector.ex, selector.ey), start = fabric.util.transformPoint(viewportStart, this.viewportTransform), viewportExtent = new Point(selector.ex + selector.left, selector.ey + selector.top), extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), minX = Math.min(start.x, extent.x), minY = Math.min(start.y, extent.y), maxX = Math.max(start.x, extent.x), maxY = Math.max(start.y, extent.y), strokeOffset = this.selectionLineWidth / 2; - if (this.selectionColor) { - ctx.fillStyle = this.selectionColor; - ctx.fillRect(minX, minY, maxX - minX, maxY - minY); - } - if (!this.selectionLineWidth || !this.selectionBorderColor) { - return; - } - ctx.lineWidth = this.selectionLineWidth; - ctx.strokeStyle = this.selectionBorderColor; - minX += strokeOffset; - minY += strokeOffset; - maxX -= strokeOffset; - maxY -= strokeOffset; - // selection border - InteractiveFabricObject.prototype._setLineDash.call(this, ctx, this.selectionDashArray); - ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); - }, - /** - * Method that determines what object we are clicking on - * the skipGroup parameter is for internal use, is needed for shift+click action - * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target - * or the outside part of the corner. - * @param {Event} e mouse event - * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through - * @return {fabric.Object} the target found - */ - findTarget: function (e, skipGroup) { - if (this.skipTargetFind) { - return; - } - var ignoreZoom = true, pointer = this.getPointer(e, ignoreZoom), activeObject = this._activeObject, aObjects = this.getActiveObjects(), activeTarget, activeTargetSubs, isTouch = isTouchEvent(e), shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; - // first check current group (if one exists) - // active group does not check sub targets like normal groups. - // if active group just exits. - this.targets = []; - // if we hit the corner of an activeObject, let's return that. - if (shouldLookForActive && - activeObject._findTargetCorner(pointer, isTouch)) { - return activeObject; - } - if (aObjects.length > 1 && - activeObject.type === 'activeSelection' && - !skipGroup && - this.searchPossibleTargets([activeObject], pointer)) { - return activeObject; - } - if (aObjects.length === 1 && - activeObject === this.searchPossibleTargets([activeObject], pointer)) { - if (!this.preserveObjectStacking) { - return activeObject; - } - else { - activeTarget = activeObject; - activeTargetSubs = this.targets; - this.targets = []; - } - } - var target = this.searchPossibleTargets(this._objects, pointer); - if (e[this.altSelectionKey] && - target && - activeTarget && - target !== activeTarget) { - target = activeTarget; - this.targets = activeTargetSubs; - } - return target; - }, - /** - * Checks point is inside the object. - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @param {fabric.Object} obj Object to test against - * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. - * @return {Boolean} true if point is contained within an area of given object - * @private - */ - _checkTarget: function (pointer, obj, globalPointer) { - if (obj && - obj.visible && - obj.evented && - // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html - // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html - obj.containsPoint(pointer)) { - if ((this.perPixelTargetFind || obj.perPixelTargetFind) && - !obj.isEditing) { - var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); - if (!isTransparent) { - return true; - } - } - else { - return true; - } - } - }, - /** - * Internal Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted - * @param {Array} [objects] objects array to look into - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @return {fabric.Object} **top most object from given `objects`** that contains pointer - * @private - */ - _searchPossibleTargets: function (objects, pointer) { - // Cache all targets where their bounding box contains point. - var target, i = objects.length, subTarget; - // Do not check for currently grouped objects, since we check the parent group itself. - // until we call this function specifically to search inside the activeGroup - while (i--) { - var objToCheck = objects[i]; - var pointerToUse = objToCheck.group - ? this._normalizePointer(objToCheck.group, pointer) - : pointer; - if (this._checkTarget(pointerToUse, objToCheck, pointer)) { - target = objects[i]; - if (target.subTargetCheck && Array.isArray(target._objects)) { - subTarget = this._searchPossibleTargets(target._objects, pointer); - subTarget && this.targets.push(subTarget); - } - break; - } - } - return target; - }, - /** - * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted - * @see {@link fabric.Canvas#_searchPossibleTargets} - * @param {Array} [objects] objects array to look into - * @param {Object} [pointer] x,y object of point coordinates we want to check. - * @return {fabric.Object} **top most object on screen** that contains pointer - */ - searchPossibleTargets: function (objects, pointer) { - var target = this._searchPossibleTargets(objects, pointer); - return target && target.interactive && this.targets[0] - ? this.targets[0] - : target; - }, - /** - * Returns pointer coordinates without the effect of the viewport - * @param {Object} pointer with "x" and "y" number values - * @return {Object} object with "x" and "y" number values - */ - restorePointerVpt: function (pointer) { - return fabric.util.transformPoint(pointer, fabric.util.invertTransform(this.viewportTransform)); - }, - /** - * Returns pointer coordinates relative to canvas. - * Can return coordinates with or without viewportTransform. - * ignoreVpt false gives back coordinates that represent - * the point clicked on canvas element. - * ignoreVpt true gives back coordinates after being processed - * by the viewportTransform ( sort of coordinates of what is displayed - * on the canvas where you are clicking. - * ignoreVpt true = HTMLElement coordinates relative to top,left - * ignoreVpt false, default = fabric space coordinates, the same used for shape position - * To interact with your shapes top and left you want to use ignoreVpt true - * most of the time, while ignoreVpt false will give you coordinates - * compatible with the object.oCoords system. - * of the time. - * @param {Event} e - * @param {Boolean} ignoreVpt - * @return {Point} - */ - getPointer: function (e, ignoreVpt) { - // return cached values if we are in the event processing chain - if (this._absolutePointer && !ignoreVpt) { - return this._absolutePointer; - } - if (this._pointer && ignoreVpt) { - return this._pointer; - } - var pointer = getPointer(e), upperCanvasEl = this.upperCanvasEl, bounds = upperCanvasEl.getBoundingClientRect(), boundsWidth = bounds.width || 0, boundsHeight = bounds.height || 0, cssScale; - if (!boundsWidth || !boundsHeight) { - if ('top' in bounds && 'bottom' in bounds) { - boundsHeight = Math.abs(bounds.top - bounds.bottom); - } - if ('right' in bounds && 'left' in bounds) { - boundsWidth = Math.abs(bounds.right - bounds.left); - } - } - this.calcOffset(); - pointer.x = pointer.x - this._offset.left; - pointer.y = pointer.y - this._offset.top; - if (!ignoreVpt) { - pointer = this.restorePointerVpt(pointer); - } - var retinaScaling = this.getRetinaScaling(); - if (retinaScaling !== 1) { - pointer.x /= retinaScaling; - pointer.y /= retinaScaling; - } - // If bounds are not available (i.e. not visible), do not apply scale. - cssScale = - boundsWidth === 0 || boundsHeight === 0 - ? new Point(1, 1) - : new Point(upperCanvasEl.width / boundsWidth, upperCanvasEl.height / boundsHeight); - return new Point(pointer.x * cssScale.x, pointer.y * cssScale.y); - }, - /** - * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em) - * @param {Object} dimensions Object with width/height properties - * @param {Number|String} [dimensions.width] Width of canvas element - * @param {Number|String} [dimensions.height] Height of canvas element - * @param {Object} [options] Options object - * @param {Boolean} [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions - * @param {Boolean} [options.cssOnly=false] Set the given dimensions only as css dimensions - * @return {fabric.Canvas} thisArg - * @chainable - */ - setDimensions: function (dimensions, options) { - this._resetTransformEventData(); - return this.callSuper('setDimensions', dimensions, options); - }, - /** - * @private - * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized - */ - _createUpperCanvas: function () { - var lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; - // if there is no upperCanvas (most common case) we create one. - if (!upperCanvasEl) { - upperCanvasEl = this._createCanvasElement(); - this.upperCanvasEl = upperCanvasEl; - } - // we assign the same classname of the lowerCanvas - upperCanvasEl.className = lowerCanvasEl.className; - // but then we remove the lower-canvas specific className - upperCanvasEl.classList.remove('lower-canvas'); - // we add the specific upper-canvas class - upperCanvasEl.classList.add('upper-canvas'); - upperCanvasEl.setAttribute('data-fabric', 'top'); - this.wrapperEl.appendChild(upperCanvasEl); - this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); - this._applyCanvasStyle(upperCanvasEl); - upperCanvasEl.setAttribute('draggable', 'true'); - this.contextTop = upperCanvasEl.getContext('2d'); - }, - /** - * @private - */ - _createCacheCanvas: function () { - this.cacheCanvasEl = this._createCanvasElement(); - this.cacheCanvasEl.setAttribute('width', this.width); - this.cacheCanvasEl.setAttribute('height', this.height); - this.contextCache = this.cacheCanvasEl.getContext('2d'); - }, - /** - * @private - */ - _initWrapperElement: function () { - if (this.wrapperEl) { - return; - } - const container = fabric.document.createElement('div'); - container.classList.add(this.containerClass); - this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, container); - this.wrapperEl.setAttribute('data-fabric', 'wrapper'); - fabric.util.setStyle(this.wrapperEl, { - width: this.width + 'px', - height: this.height + 'px', - position: 'relative', - }); - fabric.util.makeElementUnselectable(this.wrapperEl); - }, - /** - * @private - * @param {HTMLElement} element canvas element to apply styles on - */ - _applyCanvasStyle: function (element) { - var width = this.width || element.width, height = this.height || element.height; - fabric.util.setStyle(element, { - position: 'absolute', - width: width + 'px', - height: height + 'px', - left: 0, - top: 0, - 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', - '-ms-touch-action': this.allowTouchScrolling - ? 'manipulation' - : 'none', - }); - element.width = width; - element.height = height; - fabric.util.makeElementUnselectable(element); - }, - /** - * Copy the entire inline style from one element (fromEl) to another (toEl) - * @private - * @param {Element} fromEl Element style is copied from - * @param {Element} toEl Element copied style is applied to - */ - _copyCanvasStyle: function (fromEl, toEl) { - toEl.style.cssText = fromEl.style.cssText; - }, - /** - * Returns context of top canvas where interactions are drawn - * @returns {CanvasRenderingContext2D} - */ - getTopContext: function () { - return this.contextTop; - }, - /** - * Returns context of canvas where object selection is drawn - * @alias - * @return {CanvasRenderingContext2D} - */ - getSelectionContext: function () { - return this.contextTop; - }, - /** - * Returns <canvas> element on which object selection is drawn - * @return {HTMLCanvasElement} - */ - getSelectionElement: function () { - return this.upperCanvasEl; - }, - /** - * Returns currently active object - * @return {fabric.Object} active object - */ - getActiveObject: function () { - return this._activeObject; - }, - /** - * Returns an array with the current selected objects - * @return {fabric.Object} active object - */ - getActiveObjects: function () { - var active = this._activeObject; - if (active) { - if (active.type === 'activeSelection' && active._objects) { - return active._objects.slice(0); - } - else { - return [active]; - } - } - return []; - }, - /** - * @private - * Compares the old activeObject with the current one and fires correct events - * @param {fabric.Object} obj old activeObject - */ - _fireSelectionEvents: function (oldObjects, e) { - var somethingChanged = false, objects = this.getActiveObjects(), added = [], removed = [], invalidate = false; - oldObjects.forEach(function (oldObject) { - if (objects.indexOf(oldObject) === -1) { - somethingChanged = true; - oldObject.fire('deselected', { - e: e, - target: oldObject, - }); - removed.push(oldObject); - } - }); - objects.forEach(function (object) { - if (oldObjects.indexOf(object) === -1) { - somethingChanged = true; - object.fire('selected', { - e: e, - target: object, - }); - added.push(object); - } - }); - if (oldObjects.length > 0 && objects.length > 0) { - invalidate = true; - somethingChanged && - this.fire('selection:updated', { - e: e, - selected: added, - deselected: removed, - }); - } - else if (objects.length > 0) { - invalidate = true; - this.fire('selection:created', { - e: e, - selected: added, - }); - } - else if (oldObjects.length > 0) { - invalidate = true; - this.fire('selection:cleared', { - e: e, - deselected: removed, - }); - } - invalidate && (this._objectsToRender = undefined); - }, - /** - * Sets given object as the only active object on canvas - * @param {fabric.Object} object Object to set as an active one - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {fabric.Canvas} thisArg - * @chainable - */ - setActiveObject: function (object, e) { - var currentActives = this.getActiveObjects(); - this._setActiveObject(object, e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - /** - * This is a private method for now. - * This is supposed to be equivalent to setActiveObject but without firing - * any event. There is commitment to have this stay this way. - * This is the functional part of setActiveObject. - * @private - * @param {Object} object to set as active - * @param {Event} [e] Event (passed along when firing "object:selected") - * @return {Boolean} true if the selection happened - */ - _setActiveObject: function (object, e) { - if (this._activeObject === object) { - return false; - } - if (!this._discardActiveObject(e, object)) { - return false; - } - if (object.onSelect({ e: e })) { - return false; - } - this._activeObject = object; - return true; - }, - /** - * This is a private method for now. - * This is supposed to be equivalent to discardActiveObject but without firing - * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way. - * This is the functional part of discardActiveObject. - * @param {Event} [e] Event (passed along when firing "object:deselected") - * @param {Object} object to set as active - * @return {Boolean} true if the selection happened - * @private - */ - _discardActiveObject: function (e, object) { - var obj = this._activeObject; - if (obj) { - // onDeselect return TRUE to cancel selection; - if (obj.onDeselect({ e: e, object: object })) { - return false; - } - if (this._currentTransform && this._currentTransform.target === obj) { - this.endCurrentTransform(e); - } - this._activeObject = null; - } + toSVG: function(options, reviver) { + options || (options = { }); + options.reviver = reviver; + var markup = []; + + this._setSVGPreamble(markup, options); + this._setSVGHeader(markup, options); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'background'); + this._setSVGBgOverlayImage(markup, 'backgroundImage', reviver); + this._setSVGObjects(markup, reviver); + if (this.clipPath) { + markup.push('\n'); + } + this._setSVGBgOverlayColor(markup, 'overlay'); + this._setSVGBgOverlayImage(markup, 'overlayImage', reviver); + + markup.push(''); + + return markup.join(''); + }, + + /** + * @private + */ + _setSVGPreamble: function(markup, options) { + if (options.suppressPreamble) { + return; + } + markup.push( + '\n', + '\n' + ); + }, + + /** + * @private + */ + _setSVGHeader: function(markup, options) { + var width = options.width || this.width, + height = options.height || this.height, + vpt, viewBox = 'viewBox="0 0 ' + this.width + ' ' + this.height + '" ', + NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + + if (options.viewBox) { + viewBox = 'viewBox="' + + options.viewBox.x + ' ' + + options.viewBox.y + ' ' + + options.viewBox.width + ' ' + + options.viewBox.height + '" '; + } + else { + if (this.svgViewportTransformation) { + vpt = this.viewportTransform; + viewBox = 'viewBox="' + + toFixed(-vpt[4] / vpt[0], NUM_FRACTION_DIGITS) + ' ' + + toFixed(-vpt[5] / vpt[3], NUM_FRACTION_DIGITS) + ' ' + + toFixed(this.width / vpt[0], NUM_FRACTION_DIGITS) + ' ' + + toFixed(this.height / vpt[3], NUM_FRACTION_DIGITS) + '" '; + } + } + + markup.push( + '\n', + 'Created with Fabric.js ', fabric.version, '\n', + '\n', + this.createSVGFontFacesMarkup(), + this.createSVGRefElementsMarkup(), + this.createSVGClipPathMarkup(options), + '\n' + ); + }, + + createSVGClipPathMarkup: function(options) { + var clipPath = this.clipPath; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; + return '\n' + + this.clipPath.toClipPathSVG(options.reviver) + + '\n'; + } + return ''; + }, + + /** + * Creates markup containing SVG referenced elements like patterns, gradients etc. + * @return {String} + */ + createSVGRefElementsMarkup: function() { + var _this = this, + markup = ['background', 'overlay'].map(function(prop) { + var fill = _this[prop + 'Color']; + if (fill && fill.toLive) { + var shouldTransform = _this[prop + 'Vpt'], vpt = _this.viewportTransform, + object = { + width: _this.width / (shouldTransform ? vpt[0] : 1), + height: _this.height / (shouldTransform ? vpt[3] : 1) + }; + return fill.toSVG( + object, + { additionalTransform: shouldTransform ? fabric.util.matrixToSVG(vpt) : '' } + ); + } + }); + return markup.join(''); + }, + + /** + * Creates markup containing SVG font faces, + * font URLs for font faces must be collected by developers + * and are not extracted from the DOM by fabricjs + * @param {Array} objects Array of fabric objects + * @return {String} + */ + createSVGFontFacesMarkup: function() { + var markup = '', fontList = { }, obj, fontFamily, + style, row, rowIndex, _char, charIndex, i, len, + fontPaths = fabric.fontPaths, objects = []; + + this._objects.forEach(function add(object) { + objects.push(object); + if (object._objects) { + object._objects.forEach(add); + } + }); + + for (i = 0, len = objects.length; i < len; i++) { + obj = objects[i]; + fontFamily = obj.fontFamily; + if (obj.type.indexOf('text') === -1 || fontList[fontFamily] || !fontPaths[fontFamily]) { + continue; + } + fontList[fontFamily] = true; + if (!obj.styles) { + continue; + } + style = obj.styles; + for (rowIndex in style) { + row = style[rowIndex]; + for (charIndex in row) { + _char = row[charIndex]; + fontFamily = _char.fontFamily; + if (!fontList[fontFamily] && fontPaths[fontFamily]) { + fontList[fontFamily] = true; + } + } + } + } + + for (var j in fontList) { + markup += [ + '\t\t@font-face {\n', + '\t\t\tfont-family: \'', j, '\';\n', + '\t\t\tsrc: url(\'', fontPaths[j], '\');\n', + '\t\t}\n' + ].join(''); + } + + if (markup) { + markup = [ + '\t\n' + ].join(''); + } + + return markup; + }, + + /** + * @private + */ + _setSVGObjects: function(markup, reviver) { + var instance, i, len, objects = this._objects; + for (i = 0, len = objects.length; i < len; i++) { + instance = objects[i]; + if (instance.excludeFromExport) { + continue; + } + this._setSVGObject(markup, instance, reviver); + } + }, + + /** + * @private + */ + _setSVGObject: function(markup, instance, reviver) { + markup.push(instance.toSVG(reviver)); + }, + + /** + * @private + */ + _setSVGBgOverlayImage: function(markup, property, reviver) { + if (this[property] && !this[property].excludeFromExport && this[property].toSVG) { + markup.push(this[property].toSVG(reviver)); + } + }, + + /** + * @private + */ + _setSVGBgOverlayColor: function(markup, property) { + var filler = this[property + 'Color'], vpt = this.viewportTransform, finalWidth = this.width, + finalHeight = this.height; + if (!filler) { + return; + } + if (filler.toLive) { + var repeat = filler.repeat, iVpt = fabric.util.invertTransform(vpt), shouldInvert = this[property + 'Vpt'], + additionalTransform = shouldInvert ? fabric.util.matrixToSVG(iVpt) : ''; + markup.push( + '\n' + ); + } + else { + markup.push( + '\n' + ); + } + }, + /* _TO_SVG_END_ */ + + /** + * Moves an object or the objects of a multiple selection + * to the bottom of the stack of drawn objects + * @param {fabric.Object} object Object to send to back + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendToBack: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.unshift(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.unshift(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Moves an object or the objects of a multiple selection + * to the top of the stack of drawn objects + * @param {fabric.Object} object Object to send + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringToFront: function (object) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, objs; + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + removeFromArray(this._objects, obj); + this._objects.push(obj); + } + } + else { + removeFromArray(this._objects, object); + this._objects.push(object); + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * Moves an object or a selection down in stack of drawn objects + * An optional parameter, intersecting allows to move the object in behind + * the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + sendBackwards: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, idx, newIdx, objs, objsMoved = 0; + + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = 0; i < objs.length; i++) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx > 0 + objsMoved) { + newIdx = idx - 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== 0) { + // if object is not on the bottom of stack + newIdx = this._findNewLowerIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * @private + */ + _findNewLowerIndex: function(object, idx, intersecting) { + var newIdx, i; + + if (intersecting) { + newIdx = idx; + + // traverse down the stack looking for the nearest intersecting object + for (i = idx - 1; i >= 0; --i) { + + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx - 1; + } + + return newIdx; + }, + + /** + * Moves an object or a selection up in stack of drawn objects + * An optional parameter, intersecting allows to move the object in front + * of the first intersecting object. Where intersection is calculated with + * bounding box. If no intersection is found, there will not be change in the + * stack. + * @param {fabric.Object} object Object to send + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Canvas} thisArg + * @chainable + */ + bringForward: function (object, intersecting) { + if (!object) { + return this; + } + var activeSelection = this._activeObject, + i, obj, idx, newIdx, objs, objsMoved = 0; + + if (object === activeSelection && object.type === 'activeSelection') { + objs = activeSelection._objects; + for (i = objs.length; i--;) { + obj = objs[i]; + idx = this._objects.indexOf(obj); + if (idx < this._objects.length - 1 - objsMoved) { + newIdx = idx + 1; + removeFromArray(this._objects, obj); + this._objects.splice(newIdx, 0, obj); + } + objsMoved++; + } + } + else { + idx = this._objects.indexOf(object); + if (idx !== this._objects.length - 1) { + // if object is not on top of stack (last item in an array) + newIdx = this._findNewUpperIndex(object, idx, intersecting); + removeFromArray(this._objects, object); + this._objects.splice(newIdx, 0, object); + } + } + this.renderOnAddRemove && this.requestRenderAll(); + return this; + }, + + /** + * @private + */ + _findNewUpperIndex: function(object, idx, intersecting) { + var newIdx, i, len; + + if (intersecting) { + newIdx = idx; + + // traverse up the stack looking for the nearest intersecting object + for (i = idx + 1, len = this._objects.length; i < len; ++i) { + + var isIntersecting = object.intersectsWithObject(this._objects[i]) || + object.isContainedWithinObject(this._objects[i]) || + this._objects[i].isContainedWithinObject(object); + + if (isIntersecting) { + newIdx = i; + break; + } + } + } + else { + newIdx = idx + 1; + } + + return newIdx; + }, + + /** + * Moves an object to specified level in stack of drawn objects + * @param {fabric.Object} object Object to send + * @param {Number} index Position to move to + * @return {fabric.Canvas} thisArg + * @chainable + */ + moveTo: function (object, index) { + removeFromArray(this._objects, object); + this._objects.splice(index, 0, object); + return this.renderOnAddRemove && this.requestRenderAll(); + }, + + /** + * Clears a canvas element and dispose objects + * @return {fabric.Canvas} thisArg + * @chainable + */ + dispose: function () { + // cancel eventually ongoing renders + if (this.isRendering) { + fabric.util.cancelAnimFrame(this.isRendering); + this.isRendering = 0; + } + this.forEachObject(function(object) { + object.dispose && object.dispose(); + }); + this._objects = []; + if (this.backgroundImage && this.backgroundImage.dispose) { + this.backgroundImage.dispose(); + } + this.backgroundImage = null; + if (this.overlayImage && this.overlayImage.dispose) { + this.overlayImage.dispose(); + } + this.overlayImage = null; + this._iTextInstances = null; + this.contextContainer = null; + // restore canvas style + this.lowerCanvasEl.classList.remove('lower-canvas'); + fabric.util.setStyle(this.lowerCanvasEl, this._originalCanvasStyle); + delete this._originalCanvasStyle; + // restore canvas size to original size in case retina scaling was applied + this.lowerCanvasEl.setAttribute('width', this.width); + this.lowerCanvasEl.setAttribute('height', this.height); + fabric.util.cleanUpJsdomNode(this.lowerCanvasEl); + this.lowerCanvasEl = undefined; + return this; + }, + + /** + * Returns a string representation of an instance + * @return {String} string representation of an instance + */ + toString: function () { + return '#'; + } + }); + + extend(fabric.StaticCanvas.prototype, fabric.Observable); + extend(fabric.StaticCanvas.prototype, fabric.Collection); + extend(fabric.StaticCanvas.prototype, fabric.DataURLExporter); + + extend(fabric.StaticCanvas, /** @lends fabric.StaticCanvas */ { + + /** + * @static + * @type String + * @default + */ + EMPTY_JSON: '{"objects": [], "background": "white"}', + + /** + * Provides a way to check support of some of the canvas methods + * (either those of HTMLCanvasElement itself, or rendering context) + * + * @param {String} methodName Method to check support for; + * Could be one of "setLineDash" + * @return {Boolean | null} `true` if method is supported (or at least exists), + * `null` if canvas element or context can not be initialized + */ + supports: function (methodName) { + var el = createCanvasElement(); + + if (!el || !el.getContext) { + return null; + } + + var ctx = el.getContext('2d'); + if (!ctx) { + return null; + } + + switch (methodName) { + + case 'setLineDash': + return typeof ctx.setLineDash !== 'undefined'; + + default: + return null; + } + } + }); + + /** + * Returns Object representation of canvas + * this alias is provided because if you call JSON.stringify on an instance, + * the toJSON object will be invoked if it exists. + * Having a toJSON method means you can do JSON.stringify(myCanvas) + * @function + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} JSON compatible object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#serialization} + * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo} + * @example JSON without additional properties + * var json = canvas.toJSON(); + * @example JSON with additional properties included + * var json = canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY']); + * @example JSON without default values + * canvas.includeDefaultValues = false; + * var json = canvas.toJSON(); + */ + fabric.StaticCanvas.prototype.toJSON = fabric.StaticCanvas.prototype.toObject; + + if (fabric.isLikelyNode) { + fabric.StaticCanvas.prototype.createPNGStream = function() { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createPNGStream(); + }; + fabric.StaticCanvas.prototype.createJPEGStream = function(opts) { + var impl = getNodeCanvas(this.lowerCanvasEl); + return impl && impl.createJPEGStream(opts); + }; + } +})(); + + +/** + * BaseBrush class + * @class fabric.BaseBrush + * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} + */ +fabric.BaseBrush = fabric.util.createClass(/** @lends fabric.BaseBrush.prototype */ { + + /** + * Color of a brush + * @type String + * @default + */ + color: 'rgb(0, 0, 0)', + + /** + * Width of a brush, has to be a Number, no string literals + * @type Number + * @default + */ + width: 1, + + /** + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), + * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 + * @type fabric.Shadow + * @default + */ + shadow: null, + + /** + * Line endings style of a brush (one of "butt", "round", "square") + * @type String + * @default + */ + strokeLineCap: 'round', + + /** + * Corner style of a brush (one of "bevel", "round", "miter") + * @type String + * @default + */ + strokeLineJoin: 'round', + + /** + * Maximum miter length (used for strokeLineJoin = "miter") of a brush's + * @type Number + * @default + */ + strokeMiterLimit: 10, + + /** + * Stroke Dash Array. + * @type Array + * @default + */ + strokeDashArray: null, + + /** + * When `true`, the free drawing is limited to the whiteboard size. Default to false. + * @type Boolean + * @default false + */ + + limitedToCanvasSize: false, + + + /** + * Sets brush styles + * @private + * @param {CanvasRenderingContext2D} ctx + */ + _setBrushStyles: function (ctx) { + ctx.strokeStyle = this.color; + ctx.lineWidth = this.width; + ctx.lineCap = this.strokeLineCap; + ctx.miterLimit = this.strokeMiterLimit; + ctx.lineJoin = this.strokeLineJoin; + ctx.setLineDash(this.strokeDashArray || []); + }, + + /** + * Sets the transformation on given context + * @param {RenderingContext2d} ctx context to render on + * @private + */ + _saveAndTransform: function(ctx) { + var v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + }, + + /** + * Sets brush shadow styles + * @private + */ + _setShadow: function() { + if (!this.shadow) { + return; + } + + var canvas = this.canvas, + shadow = this.shadow, + ctx = canvas.contextTop, + zoom = canvas.getZoom(); + if (canvas && canvas._isRetinaScaling()) { + zoom *= fabric.devicePixelRatio; + } + + ctx.shadowColor = shadow.color; + ctx.shadowBlur = shadow.blur * zoom; + ctx.shadowOffsetX = shadow.offsetX * zoom; + ctx.shadowOffsetY = shadow.offsetY * zoom; + }, + + needsFullRender: function() { + var color = new fabric.Color(this.color); + return color.getAlpha() < 1 || !!this.shadow; + }, + + /** + * Removes brush shadow styles + * @private + */ + _resetShadow: function() { + var ctx = this.canvas.contextTop; + + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + }, + + /** + * Check is pointer is outside canvas boundaries + * @param {Object} pointer + * @private + */ + _isOutSideCanvas: function(pointer) { + return pointer.x < 0 || pointer.x > this.canvas.getWidth() || pointer.y < 0 || pointer.y > this.canvas.getHeight(); + } +}); + + +(function() { + /** + * PencilBrush class + * @class fabric.PencilBrush + * @extends fabric.BaseBrush + */ + fabric.PencilBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.PencilBrush.prototype */ { + + /** + * Discard points that are less than `decimate` pixel distant from each other + * @type Number + * @default 0.4 + */ + decimate: 0.4, + + /** + * Draws a straight line between last recorded point to current pointer + * Used for `shift` functionality + * + * @type boolean + * @default false + */ + drawStraightLine: false, + + /** + * The event modifier key that makes the brush draw a straight line. + * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. + * @type {'altKey' | 'shiftKey' | 'ctrlKey' | 'none' | undefined | null} + */ + straightLineKey: 'shiftKey', + + /** + * Constructor + * @param {fabric.Canvas} canvas + * @return {fabric.PencilBrush} Instance of a pencil brush + */ + initialize: function(canvas) { + this.canvas = canvas; + this._points = []; + }, + + needsFullRender: function () { + return this.callSuper('needsFullRender') || this._hasStraightLine; + }, + + /** + * Invoked inside on mouse down and mouse move + * @param {Object} pointer + */ + _drawSegment: function (ctx, p1, p2) { + var midPoint = p1.midPointFrom(p2); + ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); + return midPoint; + }, + + /** + * Invoked on mouse down + * @param {Object} pointer + */ + onMouseDown: function(pointer, options) { + if (!this.canvas._isMainEvent(options.e)) { + return; + } + this.drawStraightLine = options.e[this.straightLineKey]; + this._prepareForDrawing(pointer); + // capture coordinates immediately + // this allows to draw dots (when movement never occurs) + this._captureDrawingPath(pointer); + this._render(); + }, + + /** + * Invoked on mouse move + * @param {Object} pointer + */ + onMouseMove: function(pointer, options) { + if (!this.canvas._isMainEvent(options.e)) { + return; + } + this.drawStraightLine = options.e[this.straightLineKey]; + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + if (this._captureDrawingPath(pointer) && this._points.length > 1) { + if (this.needsFullRender()) { + // redraw curve + // clear top canvas + this.canvas.clearContext(this.canvas.contextTop); + this._render(); + } + else { + var points = this._points, length = points.length, ctx = this.canvas.contextTop; + // draw the curve update + this._saveAndTransform(ctx); + if (this.oldEnd) { + ctx.beginPath(); + ctx.moveTo(this.oldEnd.x, this.oldEnd.y); + } + this.oldEnd = this._drawSegment(ctx, points[length - 2], points[length - 1], true); + ctx.stroke(); + ctx.restore(); + } + } + }, + + /** + * Invoked on mouse up + */ + onMouseUp: function(options) { + if (!this.canvas._isMainEvent(options.e)) { + return true; + } + this.drawStraightLine = false; + this.oldEnd = undefined; + this._finalizeAndAddPath(); + return false; + }, + + /** + * @private + * @param {Object} pointer Actual mouse position related to the canvas. + */ + _prepareForDrawing: function(pointer) { + + var p = new fabric.Point(pointer.x, pointer.y); + + this._reset(); + this._addPoint(p); + this.canvas.contextTop.moveTo(p.x, p.y); + }, + + /** + * @private + * @param {fabric.Point} point Point to be added to points array + */ + _addPoint: function(point) { + if (this._points.length > 1 && point.eq(this._points[this._points.length - 1])) { + return false; + } + if (this.drawStraightLine && this._points.length > 1) { + this._hasStraightLine = true; + this._points.pop(); + } + this._points.push(point); + return true; + }, + + /** + * Clear points array and set contextTop canvas style. + * @private + */ + _reset: function() { + this._points = []; + this._setBrushStyles(this.canvas.contextTop); + this._setShadow(); + this._hasStraightLine = false; + }, + + /** + * @private + * @param {Object} pointer Actual mouse position related to the canvas. + */ + _captureDrawingPath: function(pointer) { + var pointerPoint = new fabric.Point(pointer.x, pointer.y); + return this._addPoint(pointerPoint); + }, + + /** + * Draw a smooth path on the topCanvas using quadraticCurveTo + * @private + * @param {CanvasRenderingContext2D} [ctx] + */ + _render: function(ctx) { + var i, len, + p1 = this._points[0], + p2 = this._points[1]; + ctx = ctx || this.canvas.contextTop; + this._saveAndTransform(ctx); + ctx.beginPath(); + //if we only have 2 points in the path and they are the same + //it means that the user only clicked the canvas without moving the mouse + //then we should be drawing a dot. A path isn't drawn between two identical dots + //that's why we set them apart a bit + if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { + var width = this.width / 1000; + p1 = new fabric.Point(p1.x, p1.y); + p2 = new fabric.Point(p2.x, p2.y); + p1.x -= width; + p2.x += width; + } + ctx.moveTo(p1.x, p1.y); + + for (i = 1, len = this._points.length; i < len; i++) { + // we pick the point between pi + 1 & pi + 2 as the + // end point and p1 as our control point. + this._drawSegment(ctx, p1, p2); + p1 = this._points[i]; + p2 = this._points[i + 1]; + } + // Draw last line as a straight line while + // we wait for the next point to be able to calculate + // the bezier control point + ctx.lineTo(p1.x, p1.y); + ctx.stroke(); + ctx.restore(); + }, + + /** + * Converts points to SVG path + * @param {Array} points Array of points + * @return {(string|number)[][]} SVG path commands + */ + convertPointsToSVGPath: function (points) { + var correction = this.width / 1000; + return fabric.util.getSmoothPathFromPoints(points, correction); + }, + + /** + * @private + * @param {(string|number)[][]} pathData SVG path commands + * @returns {boolean} + */ + _isEmptySVGPath: function (pathData) { + var pathString = fabric.util.joinPath(pathData); + return pathString === 'M 0 0 Q 0 0 0 0 L 0 0'; + }, + + /** + * Creates fabric.Path object to add on canvas + * @param {(string|number)[][]} pathData Path data + * @return {fabric.Path} Path to add on canvas + */ + createPath: function(pathData) { + var path = new fabric.Path(pathData, { + fill: null, + stroke: this.color, + strokeWidth: this.width, + strokeLineCap: this.strokeLineCap, + strokeMiterLimit: this.strokeMiterLimit, + strokeLineJoin: this.strokeLineJoin, + strokeDashArray: this.strokeDashArray, + }); + if (this.shadow) { + this.shadow.affectStroke = true; + path.shadow = new fabric.Shadow(this.shadow); + } + + return path; + }, + + /** + * Decimate points array with the decimate value + */ + decimatePoints: function(points, distance) { + if (points.length <= 2) { + return points; + } + var zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), + i, l = points.length - 1, lastPoint = points[0], newPoints = [lastPoint], + cDistance; + for (i = 1; i < l - 1; i++) { + cDistance = Math.pow(lastPoint.x - points[i].x, 2) + Math.pow(lastPoint.y - points[i].y, 2); + if (cDistance >= adjustedDistance) { + lastPoint = points[i]; + newPoints.push(lastPoint); + } + } + /** + * Add the last point from the original line to the end of the array. + * This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. + */ + newPoints.push(points[l]); + return newPoints; + }, + + /** + * On mouseup after drawing the path on contextTop canvas + * we use the points captured to create an new fabric path object + * and add it to the fabric canvas. + */ + _finalizeAndAddPath: function() { + var ctx = this.canvas.contextTop; + ctx.closePath(); + if (this.decimate) { + this._points = this.decimatePoints(this._points, this.decimate); + } + var pathData = this.convertPointsToSVGPath(this._points); + if (this._isEmptySVGPath(pathData)) { + // do not create 0 width/height paths, as they are + // rendered inconsistently across browsers + // Firefox 4, for example, renders a dot, + // whereas Chrome 10 renders nothing + this.canvas.requestRenderAll(); + return; + } + + var path = this.createPath(pathData); + this.canvas.clearContext(this.canvas.contextTop); + this.canvas.fire('before:path:created', { path: path }); + this.canvas.add(path); + this.canvas.requestRenderAll(); + path.setCoords(); + this._resetShadow(); + + + // fire event 'path' created + this.canvas.fire('path:created', { path: path }); + } + }); +})(); + + +/** + * CircleBrush class + * @class fabric.CircleBrush + */ +fabric.CircleBrush = fabric.util.createClass(fabric.BaseBrush, /** @lends fabric.CircleBrush.prototype */ { + + /** + * Width of a brush + * @type Number + * @default + */ + width: 10, + + /** + * Constructor + * @param {fabric.Canvas} canvas + * @return {fabric.CircleBrush} Instance of a circle brush + */ + initialize: function(canvas) { + this.canvas = canvas; + this.points = []; + }, + + /** + * Invoked inside on mouse down and mouse move + * @param {Object} pointer + */ + drawDot: function(pointer) { + var point = this.addPoint(pointer), + ctx = this.canvas.contextTop; + this._saveAndTransform(ctx); + this.dot(ctx, point); + ctx.restore(); + }, + + dot: function(ctx, point) { + ctx.fillStyle = point.fill; + ctx.beginPath(); + ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); + ctx.closePath(); + ctx.fill(); + }, + + /** + * Invoked on mouse down + */ + onMouseDown: function(pointer) { + this.points.length = 0; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + this.drawDot(pointer); + }, + + /** + * Render the full state of the brush + * @private + */ + _render: function() { + var ctx = this.canvas.contextTop, i, len, + points = this.points; + this._saveAndTransform(ctx); + for (i = 0, len = points.length; i < len; i++) { + this.dot(ctx, points[i]); + } + ctx.restore(); + }, + + /** + * Invoked on mouse move + * @param {Object} pointer + */ + onMouseMove: function(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + if (this.needsFullRender()) { + this.canvas.clearContext(this.canvas.contextTop); + this.addPoint(pointer); + this._render(); + } + else { + this.drawDot(pointer); + } + }, + + /** + * Invoked on mouse up + */ + onMouseUp: function() { + var originalRenderOnAddRemove = this.canvas.renderOnAddRemove, i, len; + this.canvas.renderOnAddRemove = false; + + var circles = []; + + for (i = 0, len = this.points.length; i < len; i++) { + var point = this.points[i], + circle = new fabric.Circle({ + radius: point.radius, + left: point.x, + top: point.y, + originX: 'center', + originY: 'center', + fill: point.fill + }); + + this.shadow && (circle.shadow = new fabric.Shadow(this.shadow)); + + circles.push(circle); + } + var group = new fabric.Group(circles); + group.canvas = this.canvas; + + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + }, + + /** + * @param {Object} pointer + * @return {fabric.Point} Just added pointer point + */ + addPoint: function(pointer) { + var pointerPoint = new fabric.Point(pointer.x, pointer.y), + + circleRadius = fabric.util.getRandomInt( + Math.max(0, this.width - 20), this.width + 20) / 2, + + circleColor = new fabric.Color(this.color) + .setAlpha(fabric.util.getRandomInt(0, 100) / 100) + .toRgba(); + + pointerPoint.radius = circleRadius; + pointerPoint.fill = circleColor; + + this.points.push(pointerPoint); + + return pointerPoint; + } +}); + + +/** + * SprayBrush class + * @class fabric.SprayBrush + */ +fabric.SprayBrush = fabric.util.createClass( fabric.BaseBrush, /** @lends fabric.SprayBrush.prototype */ { + + /** + * Width of a spray + * @type Number + * @default + */ + width: 10, + + /** + * Density of a spray (number of dots per chunk) + * @type Number + * @default + */ + density: 20, + + /** + * Width of spray dots + * @type Number + * @default + */ + dotWidth: 1, + + /** + * Width variance of spray dots + * @type Number + * @default + */ + dotWidthVariance: 1, + + /** + * Whether opacity of a dot should be random + * @type Boolean + * @default + */ + randomOpacity: false, + + /** + * Whether overlapping dots (rectangles) should be removed (for performance reasons) + * @type Boolean + * @default + */ + optimizeOverlapping: true, + + /** + * Constructor + * @param {fabric.Canvas} canvas + * @return {fabric.SprayBrush} Instance of a spray brush + */ + initialize: function(canvas) { + this.canvas = canvas; + this.sprayChunks = []; + }, + + /** + * Invoked on mouse down + * @param {Object} pointer + */ + onMouseDown: function(pointer) { + this.sprayChunks.length = 0; + this.canvas.clearContext(this.canvas.contextTop); + this._setShadow(); + + this.addSprayChunk(pointer); + this.render(this.sprayChunkPoints); + }, + + /** + * Invoked on mouse move + * @param {Object} pointer + */ + onMouseMove: function(pointer) { + if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { + return; + } + this.addSprayChunk(pointer); + this.render(this.sprayChunkPoints); + }, + + /** + * Invoked on mouse up + */ + onMouseUp: function() { + var originalRenderOnAddRemove = this.canvas.renderOnAddRemove; + this.canvas.renderOnAddRemove = false; + + var rects = []; + + for (var i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { + var sprayChunk = this.sprayChunks[i]; + + for (var j = 0, jlen = sprayChunk.length; j < jlen; j++) { + + var rect = new fabric.Rect({ + width: sprayChunk[j].width, + height: sprayChunk[j].width, + left: sprayChunk[j].x + 1, + top: sprayChunk[j].y + 1, + originX: 'center', + originY: 'center', + fill: this.color + }); + rects.push(rect); + } + } + + if (this.optimizeOverlapping) { + rects = this._getOptimizedRects(rects); + } + + var group = new fabric.Group(rects); + this.shadow && group.set('shadow', new fabric.Shadow(this.shadow)); + this.canvas.fire('before:path:created', { path: group }); + this.canvas.add(group); + this.canvas.fire('path:created', { path: group }); + + this.canvas.clearContext(this.canvas.contextTop); + this._resetShadow(); + this.canvas.renderOnAddRemove = originalRenderOnAddRemove; + this.canvas.requestRenderAll(); + }, + + /** + * @private + * @param {Array} rects + */ + _getOptimizedRects: function(rects) { + + // avoid creating duplicate rects at the same coordinates + var uniqueRects = { }, key, i, len; + + for (i = 0, len = rects.length; i < len; i++) { + key = rects[i].left + '' + rects[i].top; + if (!uniqueRects[key]) { + uniqueRects[key] = rects[i]; + } + } + var uniqueRectsArray = []; + for (key in uniqueRects) { + uniqueRectsArray.push(uniqueRects[key]); + } + + return uniqueRectsArray; + }, + + /** + * Render new chunk of spray brush + */ + render: function(sprayChunk) { + var ctx = this.canvas.contextTop, i, len; + ctx.fillStyle = this.color; + + this._saveAndTransform(ctx); + + for (i = 0, len = sprayChunk.length; i < len; i++) { + var point = sprayChunk[i]; + if (typeof point.opacity !== 'undefined') { + ctx.globalAlpha = point.opacity; + } + ctx.fillRect(point.x, point.y, point.width, point.width); + } + ctx.restore(); + }, + + /** + * Render all spray chunks + */ + _render: function() { + var ctx = this.canvas.contextTop, i, ilen; + ctx.fillStyle = this.color; + + this._saveAndTransform(ctx); + + for (i = 0, ilen = this.sprayChunks.length; i < ilen; i++) { + this.render(this.sprayChunks[i]); + } + ctx.restore(); + }, + + /** + * @param {Object} pointer + */ + addSprayChunk: function(pointer) { + this.sprayChunkPoints = []; + + var x, y, width, radius = this.width / 2, i; + + for (i = 0; i < this.density; i++) { + + x = fabric.util.getRandomInt(pointer.x - radius, pointer.x + radius); + y = fabric.util.getRandomInt(pointer.y - radius, pointer.y + radius); + + if (this.dotWidthVariance) { + width = fabric.util.getRandomInt( + // bottom clamp width to 1 + Math.max(1, this.dotWidth - this.dotWidthVariance), + this.dotWidth + this.dotWidthVariance); + } + else { + width = this.dotWidth; + } + + var point = new fabric.Point(x, y); + point.width = width; + + if (this.randomOpacity) { + point.opacity = fabric.util.getRandomInt(0, 100) / 100; + } + + this.sprayChunkPoints.push(point); + } + + this.sprayChunks.push(this.sprayChunkPoints); + } +}); + + +/** + * PatternBrush class + * @class fabric.PatternBrush + * @extends fabric.BaseBrush + */ +fabric.PatternBrush = fabric.util.createClass(fabric.PencilBrush, /** @lends fabric.PatternBrush.prototype */ { + + getPatternSrc: function() { + + var dotWidth = 20, + dotDistance = 5, + patternCanvas = fabric.util.createCanvasElement(), + patternCtx = patternCanvas.getContext('2d'); + + patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; + + patternCtx.fillStyle = this.color; + patternCtx.beginPath(); + patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); + patternCtx.closePath(); + patternCtx.fill(); + + return patternCanvas; + }, + + getPatternSrcFunction: function() { + return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); + }, + + /** + * Creates "pattern" instance property + * @param {CanvasRenderingContext2D} ctx + */ + getPattern: function(ctx) { + return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); + }, + + /** + * Sets brush styles + * @param {CanvasRenderingContext2D} ctx + */ + _setBrushStyles: function(ctx) { + this.callSuper('_setBrushStyles', ctx); + ctx.strokeStyle = this.getPattern(ctx); + }, + + /** + * Creates path + */ + createPath: function(pathData) { + var path = this.callSuper('createPath', pathData), + topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); + + path.stroke = new fabric.Pattern({ + source: this.source || this.getPatternSrcFunction(), + offsetX: -topLeft.x, + offsetY: -topLeft.y + }); + return path; + } +}); + + +(function() { + + var getPointer = fabric.util.getPointer, + degreesToRadians = fabric.util.degreesToRadians, + isTouchEvent = fabric.util.isTouchEvent; + + /** + * Canvas class + * @class fabric.Canvas + * @extends fabric.StaticCanvas + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#canvas} + * @see {@link fabric.Canvas#initialize} for constructor definition + * + * @fires object:modified at the end of a transform or any change when statefull is true + * @fires object:rotating while an object is being rotated from the control + * @fires object:scaling while an object is being scaled by controls + * @fires object:moving while an object is being dragged + * @fires object:skewing while an object is being skewed from the controls + * + * @fires before:transform before a transform is is started + * @fires before:selection:cleared + * @fires selection:cleared + * @fires selection:updated + * @fires selection:created + * + * @fires path:created after a drawing operation ends and the path is added + * @fires mouse:down + * @fires mouse:move + * @fires mouse:up + * @fires mouse:down:before on mouse down, before the inner fabric logic runs + * @fires mouse:move:before on mouse move, before the inner fabric logic runs + * @fires mouse:up:before on mouse up, before the inner fabric logic runs + * @fires mouse:over + * @fires mouse:out + * @fires mouse:dblclick whenever a native dbl click event fires on the canvas. + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drop:before before drop event. same native event. This is added to handle edge cases + * @fires drop + * @fires after:render at the end of the render process, receives the context in the callback + * @fires before:render at start the render process, receives the context in the callback + * + */ + fabric.Canvas = fabric.util.createClass(fabric.StaticCanvas, /** @lends fabric.Canvas.prototype */ { + + /** + * Constructor + * @param {HTMLElement | String} el <canvas> element to initialize instance on + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function(el, options) { + options || (options = { }); + this.renderAndResetBound = this.renderAndReset.bind(this); + this.requestRenderAllBound = this.requestRenderAll.bind(this); + this._initStatic(el, options); + this._initInteractive(); + this._createCacheCanvas(); + }, + + /** + * When true, objects can be transformed by one side (unproportionally) + * when dragged on the corners that normally would not do that. + * @type Boolean + * @default + * @since fabric 4.0 // changed name and default value + */ + uniformScaling: true, + + /** + * Indicates which key switches uniform scaling. + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * totally wrong named. this sounds like `uniform scaling` + * if Canvas.uniformScaling is true, pressing this will set it to false + * and viceversa. + * @since 1.6.2 + * @type String + * @default + */ + uniScaleKey: 'shiftKey', + + /** + * When true, objects use center point as the origin of scale transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredScaling: false, + + /** + * When true, objects use center point as the origin of rotate transformation. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredRotation: false, + + /** + * Indicates which key enable centered Transform + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type String + * @default + */ + centeredKey: 'altKey', + + /** + * Indicates which key enable alternate action on corner + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled feature disabled. + * @since 1.6.2 + * @type String + * @default + */ + altActionKey: 'shiftKey', + + /** + * Indicates that canvas is interactive. This property should not be changed. + * @type Boolean + * @default + */ + interactive: true, + + /** + * Indicates whether group selection should be enabled + * @type Boolean + * @default + */ + selection: true, + + /** + * Indicates which key or keys enable multiple click selection + * Pass value as a string or array of strings + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * If `null` or empty or containing any other string that is not a modifier key + * feature is disabled. + * @since 1.6.2 + * @type String|Array + * @default + */ + selectionKey: 'shiftKey', + + /** + * Indicates which key enable alternative selection + * in case of target overlapping with active object + * values: 'altKey', 'shiftKey', 'ctrlKey'. + * For a series of reason that come from the general expectations on how + * things should work, this feature works only for preserveObjectStacking true. + * If `null` or 'none' or any other string that is not a modifier key + * feature is disabled. + * @since 1.6.5 + * @type null|String + * @default + */ + altSelectionKey: null, + + /** + * Color of selection + * @type String + * @default + */ + selectionColor: 'rgba(100, 100, 255, 0.3)', // blue + + /** + * Default dash array pattern + * If not empty the selection border is dashed + * @type Array + */ + selectionDashArray: [], + + /** + * Color of the border of selection (usually slightly darker than color of selection itself) + * @type String + * @default + */ + selectionBorderColor: 'rgba(255, 255, 255, 0.3)', + + /** + * Width of a line used in object/group selection + * @type Number + * @default + */ + selectionLineWidth: 1, + + /** + * Select only shapes that are fully contained in the dragged selection rectangle. + * @type Boolean + * @default + */ + selectionFullyContained: false, + + /** + * Default cursor value used when hovering over an object on canvas + * @type String + * @default + */ + hoverCursor: 'move', + + /** + * Default cursor value used when moving an object on canvas + * @type String + * @default + */ + moveCursor: 'move', + + /** + * Default cursor value used for the entire canvas + * @type String + * @default + */ + defaultCursor: 'default', + + /** + * Cursor value used during free drawing + * @type String + * @default + */ + freeDrawingCursor: 'crosshair', + + /** + * Cursor value used for disabled elements ( corners with disabled action ) + * @type String + * @since 2.0.0 + * @default + */ + notAllowedCursor: 'not-allowed', + + /** + * Default element class that's given to wrapper (div) element of canvas + * @type String + * @default + */ + containerClass: 'canvas-container', + + /** + * When true, object detection happens on per-pixel basis rather than on per-bounding-box + * @type Boolean + * @default + */ + perPixelTargetFind: false, + + /** + * Number of pixels around target pixel to tolerate (consider active) during object detection + * @type Number + * @default + */ + targetFindTolerance: 0, + + /** + * When true, target detection is skipped. Target detection will return always undefined. + * click selection won't work anymore, events will fire with no targets. + * if something is selected before setting it to true, it will be deselected at the first click. + * area selection will still work. check the `selection` property too. + * if you deactivate both, you should look into staticCanvas. + * @type Boolean + * @default + */ + skipTargetFind: false, + + /** + * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing. + * After mousedown, mousemove creates a shape, + * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas. + * @tutorial {@link http://fabricjs.com/fabric-intro-part-4#free_drawing} + * @type Boolean + * @default + */ + isDrawingMode: false, + + /** + * Indicates whether objects should remain in current stack position when selected. + * When false objects are brought to top and rendered as part of the selection group + * @type Boolean + * @default + */ + preserveObjectStacking: false, + + /** + * Indicates the angle that an object will lock to while rotating. + * @type Number + * @since 1.6.7 + * @default + */ + snapAngle: 0, + + /** + * Indicates the distance from the snapAngle the rotation will lock to the snapAngle. + * When `null`, the snapThreshold will default to the snapAngle. + * @type null|Number + * @since 1.6.7 + * @default + */ + snapThreshold: null, + + /** + * Indicates if the right click on canvas can output the context menu or not + * @type Boolean + * @since 1.6.5 + * @default + */ + stopContextMenu: false, + + /** + * Indicates if the canvas can fire right click events + * @type Boolean + * @since 1.6.5 + * @default + */ + fireRightClick: false, + + /** + * Indicates if the canvas can fire middle click events + * @type Boolean + * @since 1.7.8 + * @default + */ + fireMiddleClick: false, + + /** + * Keep track of the subTargets for Mouse Events + * @type fabric.Object[] + */ + targets: [], + + /** + * When the option is enabled, PointerEvent is used instead of MouseEvent. + * @type Boolean + * @default + */ + enablePointerEvents: false, + + /** + * Keep track of the hovered target + * @type fabric.Object + * @private + */ + _hoveredTarget: null, + + /** + * hold the list of nested targets hovered + * @type fabric.Object[] + * @private + */ + _hoveredTargets: [], + + /** + * @private + */ + _initInteractive: function() { + this._currentTransform = null; + this._groupSelector = null; + this._initWrapperElement(); + this._createUpperCanvas(); + this._initEventListeners(); + + this._initRetinaScaling(); + + this.freeDrawingBrush = fabric.PencilBrush && new fabric.PencilBrush(this); + + this.calcOffset(); + }, + + /** + * Divides objects in two groups, one to render immediately + * and one to render as activeGroup. + * @return {Array} objects to render immediately and pushes the other in the activeGroup. + */ + _chooseObjectsToRender: function() { + var activeObjects = this.getActiveObjects(), + object, objsToRender, activeGroupObjects; + + if (activeObjects.length > 0 && !this.preserveObjectStacking) { + objsToRender = []; + activeGroupObjects = []; + for (var i = 0, length = this._objects.length; i < length; i++) { + object = this._objects[i]; + if (activeObjects.indexOf(object) === -1 ) { + objsToRender.push(object); + } + else { + activeGroupObjects.push(object); + } + } + if (activeObjects.length > 1) { + this._activeObject._objects = activeGroupObjects; + } + objsToRender.push.apply(objsToRender, activeGroupObjects); + } + else { + objsToRender = this._objects; + } + return objsToRender; + }, + + /** + * Renders both the top canvas and the secondary container canvas. + * @return {fabric.Canvas} instance + * @chainable + */ + renderAll: function () { + if (this.contextTopDirty && !this._groupSelector && !this.isDrawingMode) { + this.clearContext(this.contextTop); + this.contextTopDirty = false; + } + if (this.hasLostContext) { + this.renderTopLayer(this.contextTop); + this.hasLostContext = false; + } + var canvasToDrawOn = this.contextContainer; + this.renderCanvas(canvasToDrawOn, this._chooseObjectsToRender()); + return this; + }, + + renderTopLayer: function(ctx) { + ctx.save(); + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this.freeDrawingBrush && this.freeDrawingBrush._render(); + this.contextTopDirty = true; + } + // we render the top context - last object + if (this.selection && this._groupSelector) { + this._drawSelection(ctx); + this.contextTopDirty = true; + } + ctx.restore(); + }, + + /** + * Method to render only the top canvas. + * Also used to render the group selection box. + * @return {fabric.Canvas} thisArg + * @chainable + */ + renderTop: function () { + var ctx = this.contextTop; + this.clearContext(ctx); + this.renderTopLayer(ctx); + this.fire('after:render'); + return this; + }, + + /** + * @private + */ + _normalizePointer: function (object, pointer) { + var m = object.calcTransformMatrix(), + invertedM = fabric.util.invertTransform(m), + vptPointer = this.restorePointerVpt(pointer); + return fabric.util.transformPoint(vptPointer, invertedM); + }, + + /** + * Returns true if object is transparent at a certain location + * @param {fabric.Object} target Object to check + * @param {Number} x Left coordinate + * @param {Number} y Top coordinate + * @return {Boolean} + */ + isTargetTransparent: function (target, x, y) { + // in case the target is the activeObject, we cannot execute this optimization + // because we need to draw controls too. + if (target.shouldCache() && target._cacheCanvas && target !== this._activeObject) { + var normalizedPointer = this._normalizePointer(target, {x: x, y: y}), + targetRelativeX = Math.max(target.cacheTranslationX + (normalizedPointer.x * target.zoomX), 0), + targetRelativeY = Math.max(target.cacheTranslationY + (normalizedPointer.y * target.zoomY), 0); + + var isTransparent = fabric.util.isTransparent( + target._cacheContext, Math.round(targetRelativeX), Math.round(targetRelativeY), this.targetFindTolerance); + + return isTransparent; + } + + var ctx = this.contextCache, + originalColor = target.selectionBackgroundColor, v = this.viewportTransform; + + target.selectionBackgroundColor = ''; + + this.clearContext(ctx); + + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + target.render(ctx); + ctx.restore(); + + target.selectionBackgroundColor = originalColor; + + var isTransparent = fabric.util.isTransparent( + ctx, x, y, this.targetFindTolerance); + + return isTransparent; + }, + + /** + * takes an event and determines if selection key has been pressed + * @private + * @param {Event} e Event object + */ + _isSelectionKeyPressed: function(e) { + var selectionKeyPressed = false; + + if (Object.prototype.toString.call(this.selectionKey) === '[object Array]') { + selectionKeyPressed = !!this.selectionKey.find(function(key) { return e[key] === true; }); + } + else { + selectionKeyPressed = e[this.selectionKey]; + } + + return selectionKeyPressed; + }, + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _shouldClearSelection: function (e, target) { + var activeObjects = this.getActiveObjects(), + activeObject = this._activeObject; + + return ( + !target + || + (target && + activeObject && + activeObjects.length > 1 && + activeObjects.indexOf(target) === -1 && + activeObject !== target && + !this._isSelectionKeyPressed(e)) + || + (target && !target.evented) + || + (target && + !target.selectable && + activeObject && + activeObject !== target) + ); + }, + + /** + * centeredScaling from object can't override centeredScaling from canvas. + * this should be fixed, since object setting should take precedence over canvas. + * also this should be something that will be migrated in the control properties. + * as ability to define the origin of the transformation that the control provide. + * @private + * @param {fabric.Object} target + * @param {String} action + * @param {Boolean} altKey + */ + _shouldCenterTransform: function (target, action, altKey) { + if (!target) { + return; + } + + var centerTransform; + + if (action === 'scale' || action === 'scaleX' || action === 'scaleY' || action === 'resizing') { + centerTransform = this.centeredScaling || target.centeredScaling; + } + else if (action === 'rotate') { + centerTransform = this.centeredRotation || target.centeredRotation; + } + + return centerTransform ? !altKey : altKey; + }, + + /** + * should disappear before release 4.0 + * @private + */ + _getOriginFromCorner: function(target, corner) { + var origin = { + x: target.originX, + y: target.originY + }; + + if (corner === 'ml' || corner === 'tl' || corner === 'bl') { + origin.x = 'right'; + } + else if (corner === 'mr' || corner === 'tr' || corner === 'br') { + origin.x = 'left'; + } + + if (corner === 'tl' || corner === 'mt' || corner === 'tr') { + origin.y = 'bottom'; + } + else if (corner === 'bl' || corner === 'mb' || corner === 'br') { + origin.y = 'top'; + } + return origin; + }, + + /** + * @private + * @param {Boolean} alreadySelected true if target is already selected + * @param {String} corner a string representing the corner ml, mr, tl ... + * @param {Event} e Event object + * @param {fabric.Object} [target] inserted back to help overriding. Unused + */ + _getActionFromCorner: function(alreadySelected, corner, e, target) { + if (!corner || !alreadySelected) { + return 'drag'; + } + var control = target.controls[corner]; + return control.getActionName(e, control, target); + }, + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _setupCurrentTransform: function (e, target, alreadySelected) { + if (!target) { + return; + } + + var pointer = this.getPointer(e), corner = target.__corner, + control = target.controls[corner], + actionHandler = (alreadySelected && corner) ? + control.getActionHandler(e, target, control) : fabric.controlsUtils.dragHandler, + action = this._getActionFromCorner(alreadySelected, corner, e, target), + origin = this._getOriginFromCorner(target, corner), + altKey = e[this.centeredKey], + transform = { + target: target, + action: action, + actionHandler: actionHandler, + corner: corner, + scaleX: target.scaleX, + scaleY: target.scaleY, + skewX: target.skewX, + skewY: target.skewY, + // used by transation + offsetX: pointer.x - target.left, + offsetY: pointer.y - target.top, + originX: origin.x, + originY: origin.y, + ex: pointer.x, + ey: pointer.y, + lastX: pointer.x, + lastY: pointer.y, + // unsure they are useful anymore. + // left: target.left, + // top: target.top, + theta: degreesToRadians(target.angle), + // end of unsure + width: target.width * target.scaleX, + shiftKey: e.shiftKey, + altKey: altKey, + original: fabric.util.saveObjectTransform(target), + }; + + if (this._shouldCenterTransform(target, action, altKey)) { + transform.originX = 'center'; + transform.originY = 'center'; + } + transform.original.originX = origin.x; + transform.original.originY = origin.y; + this._currentTransform = transform; + this._beforeTransform(e); + }, + + /** + * Set the cursor type of the canvas element + * @param {String} value Cursor type of the canvas element. + * @see http://www.w3.org/TR/css3-ui/#cursor + */ + setCursor: function (value) { + this.upperCanvasEl.style.cursor = value; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx to draw the selection on + */ + _drawSelection: function (ctx) { + var selector = this._groupSelector, + viewportStart = new fabric.Point(selector.ex, selector.ey), + start = fabric.util.transformPoint(viewportStart, this.viewportTransform), + viewportExtent = new fabric.Point(selector.ex + selector.left, selector.ey + selector.top), + extent = fabric.util.transformPoint(viewportExtent, this.viewportTransform), + minX = Math.min(start.x, extent.x), + minY = Math.min(start.y, extent.y), + maxX = Math.max(start.x, extent.x), + maxY = Math.max(start.y, extent.y), + strokeOffset = this.selectionLineWidth / 2; + + if (this.selectionColor) { + ctx.fillStyle = this.selectionColor; + ctx.fillRect(minX, minY, maxX - minX, maxY - minY); + } + + if (!this.selectionLineWidth || !this.selectionBorderColor) { + return; + } + ctx.lineWidth = this.selectionLineWidth; + ctx.strokeStyle = this.selectionBorderColor; + + minX += strokeOffset; + minY += strokeOffset; + maxX -= strokeOffset; + maxY -= strokeOffset; + // selection border + fabric.Object.prototype._setLineDash.call(this, ctx, this.selectionDashArray); + ctx.strokeRect(minX, minY, maxX - minX, maxY - minY); + }, + + /** + * Method that determines what object we are clicking on + * the skipGroup parameter is for internal use, is needed for shift+click action + * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target + * or the outside part of the corner. + * @param {Event} e mouse event + * @param {Boolean} skipGroup when true, activeGroup is skipped and only objects are traversed through + * @return {fabric.Object} the target found + */ + findTarget: function (e, skipGroup) { + if (this.skipTargetFind) { + return; + } + + var ignoreZoom = true, + pointer = this.getPointer(e, ignoreZoom), + activeObject = this._activeObject, + aObjects = this.getActiveObjects(), + activeTarget, activeTargetSubs, + isTouch = isTouchEvent(e), + shouldLookForActive = (aObjects.length > 1 && !skipGroup) || aObjects.length === 1; + + // first check current group (if one exists) + // active group does not check sub targets like normal groups. + // if active group just exits. + this.targets = []; + + // if we hit the corner of an activeObject, let's return that. + if (shouldLookForActive && activeObject._findTargetCorner(pointer, isTouch)) { + return activeObject; + } + if (aObjects.length > 1 && !skipGroup && activeObject === this._searchPossibleTargets([activeObject], pointer)) { + return activeObject; + } + if (aObjects.length === 1 && + activeObject === this._searchPossibleTargets([activeObject], pointer)) { + if (!this.preserveObjectStacking) { + return activeObject; + } + else { + activeTarget = activeObject; + activeTargetSubs = this.targets; + this.targets = []; + } + } + var target = this._searchPossibleTargets(this._objects, pointer); + if (e[this.altSelectionKey] && target && activeTarget && target !== activeTarget) { + target = activeTarget; + this.targets = activeTargetSubs; + } + return target; + }, + + /** + * Checks point is inside the object. + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @param {fabric.Object} obj Object to test against + * @param {Object} [globalPointer] x,y object of point coordinates relative to canvas used to search per pixel target. + * @return {Boolean} true if point is contained within an area of given object + * @private + */ + _checkTarget: function(pointer, obj, globalPointer) { + if (obj && + obj.visible && + obj.evented && + // http://www.geog.ubc.ca/courses/klink/gis.notes/ncgia/u32.html + // http://idav.ucdavis.edu/~okreylos/TAship/Spring2000/PointInPolygon.html + obj.containsPoint(pointer) + ) { + if ((this.perPixelTargetFind || obj.perPixelTargetFind) && !obj.isEditing) { + var isTransparent = this.isTargetTransparent(obj, globalPointer.x, globalPointer.y); + if (!isTransparent) { return true; - }, - /** - * Discards currently active object and fire events. If the function is called by fabric - * as a consequence of a mouse event, the event is passed as a parameter and - * sent to the fire function for the custom events. When used as a method the - * e param does not have any application. - * @param {event} e - * @return {fabric.Canvas} thisArg - * @chainable - */ - discardActiveObject: function (e) { - var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); - if (currentActives.length) { - this.fire('before:selection:cleared', { target: activeObject, e: e }); - } - this._discardActiveObject(e); - this._fireSelectionEvents(currentActives, e); - return this; - }, - /** - * Clears the canvas element, disposes objects, removes all event listeners and frees resources - * - * **CAUTION**: - * - * This method is **UNSAFE**. - * You may encounter a race condition using it if there's a requested render. - * Call this method only if you are sure rendering has settled. - * Consider using {@link dispose} as it is **SAFE** - * - * @private - */ - destroy: function () { - var wrapperEl = this.wrapperEl, lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl, cacheCanvasEl = this.cacheCanvasEl; - this.removeListeners(); - this.callSuper('destroy'); - wrapperEl.removeChild(upperCanvasEl); - wrapperEl.removeChild(lowerCanvasEl); - this.contextCache = null; - this.contextTop = null; - fabric.util.cleanUpJsdomNode(upperCanvasEl); - this.upperCanvasEl = undefined; - fabric.util.cleanUpJsdomNode(cacheCanvasEl); - this.cacheCanvasEl = undefined; - if (wrapperEl.parentNode) { - wrapperEl.parentNode.replaceChild(lowerCanvasEl, wrapperEl); - } - delete this.wrapperEl; - return this; - }, - /** - * Clears all contexts (background, main, top) of an instance - * @return {fabric.Canvas} thisArg - * @chainable - */ - clear: function () { - // this.discardActiveGroup(); - this.discardActiveObject(); - this.clearContext(this.contextTop); - return this.callSuper('clear'); - }, - /** - * Draws objects' controls (borders/controls) - * @param {CanvasRenderingContext2D} ctx Context to render controls on - */ - drawControls: function (ctx) { - var activeObject = this._activeObject; - if (activeObject) { - activeObject._renderControls(ctx); - } - }, - /** - * @private - */ - _toObject: function (instance, methodName, propertiesToInclude) { - //If the object is part of the current selection group, it should - //be transformed appropriately - //i.e. it should be serialised as it would appear if the selection group - //were to be destroyed. - var originalProperties = this._realizeGroupTransformOnObject(instance), object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); - //Undo the damage we did by changing all of its properties - originalProperties && instance.set(originalProperties); - return object; - }, - /** - * Realises an object's group transformation on it - * @private - * @param {fabric.Object} [instance] the object to transform (gets mutated) - * @returns the original values of instance which were changed - */ - _realizeGroupTransformOnObject: function (instance) { - if (instance.group && - instance.group.type === 'activeSelection' && - this._activeObject === instance.group) { - var layoutProps = [ - 'angle', - 'flipX', - 'flipY', - 'left', - 'scaleX', - 'scaleY', - 'skewX', - 'skewY', - 'top', - ]; - //Copy all the positionally relevant properties across now - var originalValues = {}; - layoutProps.forEach(function (prop) { - originalValues[prop] = instance[prop]; - }); - fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); - return originalValues; - } - else { - return null; - } - }, - /** - * @private - */ - _setSVGObject: function (markup, instance, reviver) { - //If the object is in a selection group, simulate what would happen to that - //object when the group is deselected - var originalProperties = this._realizeGroupTransformOnObject(instance); - this.callSuper('_setSVGObject', markup, instance, reviver); - originalProperties && instance.set(originalProperties); - }, - setViewportTransform: function (vpt) { - if (this.renderOnAddRemove && - this._activeObject && - this._activeObject.isEditing) { - this._activeObject.clearContextTop(); - } - fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); - }, + } + } + else { + return true; + } + } + }, + + /** + * Function used to search inside objects an object that contains pointer in bounding box or that contains pointerOnCanvas when painted + * @param {Array} [objects] objects array to look into + * @param {Object} [pointer] x,y object of point coordinates we want to check. + * @return {fabric.Object} object that contains pointer + * @private + */ + _searchPossibleTargets: function(objects, pointer) { + // Cache all targets where their bounding box contains point. + var target, i = objects.length, subTarget; + // Do not check for currently grouped objects, since we check the parent group itself. + // until we call this function specifically to search inside the activeGroup + while (i--) { + var objToCheck = objects[i]; + var pointerToUse = objToCheck.group ? + this._normalizePointer(objToCheck.group, pointer) : pointer; + if (this._checkTarget(pointerToUse, objToCheck, pointer)) { + target = objects[i]; + if (target.subTargetCheck && target instanceof fabric.Group) { + subTarget = this._searchPossibleTargets(target._objects, pointer); + subTarget && this.targets.push(subTarget); + } + break; + } + } + return target; + }, + + /** + * Returns pointer coordinates without the effect of the viewport + * @param {Object} pointer with "x" and "y" number values + * @return {Object} object with "x" and "y" number values + */ + restorePointerVpt: function(pointer) { + return fabric.util.transformPoint( + pointer, + fabric.util.invertTransform(this.viewportTransform) + ); + }, + + /** + * Returns pointer coordinates relative to canvas. + * Can return coordinates with or without viewportTransform. + * ignoreZoom false gives back coordinates that represent + * the point clicked on canvas element. + * ignoreZoom true gives back coordinates after being processed + * by the viewportTransform ( sort of coordinates of what is displayed + * on the canvas where you are clicking. + * ignoreZoom true = HTMLElement coordinates relative to top,left + * ignoreZoom false, default = fabric space coordinates, the same used for shape position + * To interact with your shapes top and left you want to use ignoreZoom true + * most of the time, while ignoreZoom false will give you coordinates + * compatible with the object.oCoords system. + * of the time. + * @param {Event} e + * @param {Boolean} ignoreZoom + * @return {Object} object with "x" and "y" number values + */ + getPointer: function (e, ignoreZoom) { + // return cached values if we are in the event processing chain + if (this._absolutePointer && !ignoreZoom) { + return this._absolutePointer; + } + if (this._pointer && ignoreZoom) { + return this._pointer; + } + + var pointer = getPointer(e), + upperCanvasEl = this.upperCanvasEl, + bounds = upperCanvasEl.getBoundingClientRect(), + boundsWidth = bounds.width || 0, + boundsHeight = bounds.height || 0, + cssScale; + + if (!boundsWidth || !boundsHeight ) { + if ('top' in bounds && 'bottom' in bounds) { + boundsHeight = Math.abs( bounds.top - bounds.bottom ); + } + if ('right' in bounds && 'left' in bounds) { + boundsWidth = Math.abs( bounds.right - bounds.left ); + } + } + + this.calcOffset(); + pointer.x = pointer.x - this._offset.left; + pointer.y = pointer.y - this._offset.top; + if (!ignoreZoom) { + pointer = this.restorePointerVpt(pointer); + } + + var retinaScaling = this.getRetinaScaling(); + if (retinaScaling !== 1) { + pointer.x /= retinaScaling; + pointer.y /= retinaScaling; + } + + if (boundsWidth === 0 || boundsHeight === 0) { + // If bounds are not available (i.e. not visible), do not apply scale. + cssScale = { width: 1, height: 1 }; + } + else { + cssScale = { + width: upperCanvasEl.width / boundsWidth, + height: upperCanvasEl.height / boundsHeight + }; + } + + return { + x: pointer.x * cssScale.width, + y: pointer.y * cssScale.height + }; + }, + + /** + * @private + * @throws {CANVAS_INIT_ERROR} If canvas can not be initialized + */ + _createUpperCanvas: function () { + var lowerCanvasClass = this.lowerCanvasEl.className.replace(/\s*lower-canvas\s*/, ''), + lowerCanvasEl = this.lowerCanvasEl, upperCanvasEl = this.upperCanvasEl; + + // there is no need to create a new upperCanvas element if we have already one. + if (upperCanvasEl) { + upperCanvasEl.className = ''; + } + else { + upperCanvasEl = this._createCanvasElement(); + this.upperCanvasEl = upperCanvasEl; + } + fabric.util.addClass(upperCanvasEl, 'upper-canvas ' + lowerCanvasClass); + + this.wrapperEl.appendChild(upperCanvasEl); + + this._copyCanvasStyle(lowerCanvasEl, upperCanvasEl); + this._applyCanvasStyle(upperCanvasEl); + this.contextTop = upperCanvasEl.getContext('2d'); + }, + + /** + * @private + */ + _createCacheCanvas: function () { + this.cacheCanvasEl = this._createCanvasElement(); + this.cacheCanvasEl.setAttribute('width', this.width); + this.cacheCanvasEl.setAttribute('height', this.height); + this.contextCache = this.cacheCanvasEl.getContext('2d'); + }, + + /** + * @private + */ + _initWrapperElement: function () { + this.wrapperEl = fabric.util.wrapElement(this.lowerCanvasEl, 'div', { + 'class': this.containerClass + }); + fabric.util.setStyle(this.wrapperEl, { + width: this.width + 'px', + height: this.height + 'px', + position: 'relative' + }); + fabric.util.makeElementUnselectable(this.wrapperEl); + }, + + /** + * @private + * @param {HTMLElement} element canvas element to apply styles on + */ + _applyCanvasStyle: function (element) { + var width = this.width || element.width, + height = this.height || element.height; + + fabric.util.setStyle(element, { + position: 'absolute', + width: width + 'px', + height: height + 'px', + left: 0, + top: 0, + 'touch-action': this.allowTouchScrolling ? 'manipulation' : 'none', + '-ms-touch-action': this.allowTouchScrolling ? 'manipulation' : 'none' + }); + element.width = width; + element.height = height; + fabric.util.makeElementUnselectable(element); + }, + + /** + * Copy the entire inline style from one element (fromEl) to another (toEl) + * @private + * @param {Element} fromEl Element style is copied from + * @param {Element} toEl Element copied style is applied to + */ + _copyCanvasStyle: function (fromEl, toEl) { + toEl.style.cssText = fromEl.style.cssText; + }, + + /** + * Returns context of canvas where object selection is drawn + * @return {CanvasRenderingContext2D} + */ + getSelectionContext: function() { + return this.contextTop; + }, + + /** + * Returns <canvas> element on which object selection is drawn + * @return {HTMLCanvasElement} + */ + getSelectionElement: function () { + return this.upperCanvasEl; + }, + + /** + * Returns currently active object + * @return {fabric.Object} active object + */ + getActiveObject: function () { + return this._activeObject; + }, + + /** + * Returns an array with the current selected objects + * @return {fabric.Object} active object + */ + getActiveObjects: function () { + var active = this._activeObject; + if (active) { + if (active.type === 'activeSelection' && active._objects) { + return active._objects.slice(0); + } + else { + return [active]; + } + } + return []; + }, + + /** + * @private + * @param {fabric.Object} obj Object that was removed + */ + _onObjectRemoved: function(obj) { + // removing active object should fire "selection:cleared" events + if (obj === this._activeObject) { + this.fire('before:selection:cleared', { target: obj }); + this._discardActiveObject(); + this.fire('selection:cleared', { target: obj }); + obj.fire('deselected'); + } + if (obj === this._hoveredTarget){ + this._hoveredTarget = null; + this._hoveredTargets = []; + } + this.callSuper('_onObjectRemoved', obj); + }, + + /** + * @private + * Compares the old activeObject with the current one and fires correct events + * @param {fabric.Object} obj old activeObject + */ + _fireSelectionEvents: function(oldObjects, e) { + var somethingChanged = false, objects = this.getActiveObjects(), + added = [], removed = []; + oldObjects.forEach(function(oldObject) { + if (objects.indexOf(oldObject) === -1) { + somethingChanged = true; + oldObject.fire('deselected', { + e: e, + target: oldObject + }); + removed.push(oldObject); + } + }); + objects.forEach(function(object) { + if (oldObjects.indexOf(object) === -1) { + somethingChanged = true; + object.fire('selected', { + e: e, + target: object + }); + added.push(object); + } + }); + if (oldObjects.length > 0 && objects.length > 0) { + somethingChanged && this.fire('selection:updated', { + e: e, + selected: added, + deselected: removed, + }); + } + else if (objects.length > 0) { + this.fire('selection:created', { + e: e, + selected: added, + }); + } + else if (oldObjects.length > 0) { + this.fire('selection:cleared', { + e: e, + deselected: removed, + }); + } + }, + + /** + * Sets given object as the only active object on canvas + * @param {fabric.Object} object Object to set as an active one + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {fabric.Canvas} thisArg + * @chainable + */ + setActiveObject: function (object, e) { + var currentActives = this.getActiveObjects(); + this._setActiveObject(object, e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + + /** + * This is a private method for now. + * This is supposed to be equivalent to setActiveObject but without firing + * any event. There is commitment to have this stay this way. + * This is the functional part of setActiveObject. + * @private + * @param {Object} object to set as active + * @param {Event} [e] Event (passed along when firing "object:selected") + * @return {Boolean} true if the selection happened + */ + _setActiveObject: function(object, e) { + if (this._activeObject === object) { + return false; + } + if (!this._discardActiveObject(e, object)) { + return false; + } + if (object.onSelect({ e: e })) { + return false; + } + this._activeObject = object; + return true; + }, + + /** + * This is a private method for now. + * This is supposed to be equivalent to discardActiveObject but without firing + * any events. There is commitment to have this stay this way. + * This is the functional part of discardActiveObject. + * @param {Event} [e] Event (passed along when firing "object:deselected") + * @param {Object} object to set as active + * @return {Boolean} true if the selection happened + * @private + */ + _discardActiveObject: function(e, object) { + var obj = this._activeObject; + if (obj) { + // onDeselect return TRUE to cancel selection; + if (obj.onDeselect({ e: e, object: object })) { + return false; + } + this._activeObject = null; + } + return true; + }, + + /** + * Discards currently active object and fire events. If the function is called by fabric + * as a consequence of a mouse event, the event is passed as a parameter and + * sent to the fire function for the custom events. When used as a method the + * e param does not have any application. + * @param {event} e + * @return {fabric.Canvas} thisArg + * @chainable + */ + discardActiveObject: function (e) { + var currentActives = this.getActiveObjects(), activeObject = this.getActiveObject(); + if (currentActives.length) { + this.fire('before:selection:cleared', { target: activeObject, e: e }); + } + this._discardActiveObject(e); + this._fireSelectionEvents(currentActives, e); + return this; + }, + + /** + * Clears a canvas element and removes all event listeners + * @return {fabric.Canvas} thisArg + * @chainable + */ + dispose: function () { + var wrapper = this.wrapperEl; + this.removeListeners(); + wrapper.removeChild(this.upperCanvasEl); + wrapper.removeChild(this.lowerCanvasEl); + this.contextCache = null; + this.contextTop = null; + ['upperCanvasEl', 'cacheCanvasEl'].forEach((function(element) { + fabric.util.cleanUpJsdomNode(this[element]); + this[element] = undefined; + }).bind(this)); + if (wrapper.parentNode) { + wrapper.parentNode.replaceChild(this.lowerCanvasEl, this.wrapperEl); + } + delete this.wrapperEl; + fabric.StaticCanvas.prototype.dispose.call(this); + return this; + }, + + /** + * Clears all contexts (background, main, top) of an instance + * @return {fabric.Canvas} thisArg + * @chainable + */ + clear: function () { + // this.discardActiveGroup(); + this.discardActiveObject(); + this.clearContext(this.contextTop); + return this.callSuper('clear'); + }, + + /** + * Draws objects' controls (borders/controls) + * @param {CanvasRenderingContext2D} ctx Context to render controls on + */ + drawControls: function(ctx) { + var activeObject = this._activeObject; + + if (activeObject) { + activeObject._renderControls(ctx); + } + }, + + /** + * @private + */ + _toObject: function(instance, methodName, propertiesToInclude) { + //If the object is part of the current selection group, it should + //be transformed appropriately + //i.e. it should be serialised as it would appear if the selection group + //were to be destroyed. + var originalProperties = this._realizeGroupTransformOnObject(instance), + object = this.callSuper('_toObject', instance, methodName, propertiesToInclude); + //Undo the damage we did by changing all of its properties + this._unwindGroupTransformOnObject(instance, originalProperties); + return object; + }, + + /** + * Realises an object's group transformation on it + * @private + * @param {fabric.Object} [instance] the object to transform (gets mutated) + * @returns the original values of instance which were changed + */ + _realizeGroupTransformOnObject: function(instance) { + if (instance.group && instance.group.type === 'activeSelection' && this._activeObject === instance.group) { + var layoutProps = ['angle', 'flipX', 'flipY', 'left', 'scaleX', 'scaleY', 'skewX', 'skewY', 'top']; + //Copy all the positionally relevant properties across now + var originalValues = {}; + layoutProps.forEach(function(prop) { + originalValues[prop] = instance[prop]; + }); + fabric.util.addTransformToObject(instance, this._activeObject.calcOwnMatrix()); + return originalValues; + } + else { + return null; + } + }, + + /** + * Restores the changed properties of instance + * @private + * @param {fabric.Object} [instance] the object to un-transform (gets mutated) + * @param {Object} [originalValues] the original values of instance, as returned by _realizeGroupTransformOnObject + */ + _unwindGroupTransformOnObject: function(instance, originalValues) { + if (originalValues) { + instance.set(originalValues); + } + }, + + /** + * @private + */ + _setSVGObject: function(markup, instance, reviver) { + //If the object is in a selection group, simulate what would happen to that + //object when the group is deselected + var originalProperties = this._realizeGroupTransformOnObject(instance); + this.callSuper('_setSVGObject', markup, instance, reviver); + this._unwindGroupTransformOnObject(instance, originalProperties); + }, + + setViewportTransform: function (vpt) { + if (this.renderOnAddRemove && this._activeObject && this._activeObject.isEditing) { + this._activeObject.clearContextTop(); + } + fabric.StaticCanvas.prototype.setViewportTransform.call(this, vpt); + } + }); + + // copying static properties manually to work around Opera's bug, + // where "prototype" property is enumerable and overrides existing prototype + for (var prop in fabric.StaticCanvas) { + if (prop !== 'prototype') { + fabric.Canvas[prop] = fabric.StaticCanvas[prop]; + } + } +})(); + + +(function() { + + var addListener = fabric.util.addListener, + removeListener = fabric.util.removeListener, + RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, + addEventOptions = { passive: false }; + + function checkClick(e, value) { + return e.button && (e.button === value - 1); + } + + fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { + + /** + * Contains the id of the touch event that owns the fabric transform + * @type Number + * @private + */ + mainTouchId: null, + + /** + * Adds mouse listeners to canvas + * @private + */ + _initEventListeners: function () { + // in case we initialized the class twice. This should not happen normally + // but in some kind of applications where the canvas element may be changed + // this is a workaround to having double listeners. + this.removeListeners(); + this._bindEvents(); + this.addOrRemove(addListener, 'add'); + }, + + /** + * return an event prefix pointer or mouse. + * @private + */ + _getEventPrefix: function () { + return this.enablePointerEvents ? 'pointer' : 'mouse'; + }, + + addOrRemove: function(functor, eventjsFunctor) { + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + functor(fabric.window, 'resize', this._onResize); + functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); + functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); + functor(canvasElement, 'wheel', this._onMouseWheel); + functor(canvasElement, 'contextmenu', this._onContextMenu); + functor(canvasElement, 'dblclick', this._onDoubleClick); + functor(canvasElement, 'dragover', this._onDragOver); + functor(canvasElement, 'dragenter', this._onDragEnter); + functor(canvasElement, 'dragleave', this._onDragLeave); + functor(canvasElement, 'drop', this._onDrop); + if (!this.enablePointerEvents) { + functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); + } + if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { + eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); + eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); + eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); + eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); + eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); + } + }, + + /** + * Removes all event listeners + */ + removeListeners: function() { + this.addOrRemove(removeListener, 'remove'); + // if you dispose on a mouseDown, before mouse up, you need to clean document to... + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + }, + + /** + * @private + */ + _bindEvents: function() { + if (this.eventsBound) { + // for any reason we pass here twice we do not want to bind events twice. + return; + } + this._onMouseDown = this._onMouseDown.bind(this); + this._onTouchStart = this._onTouchStart.bind(this); + this._onMouseMove = this._onMouseMove.bind(this); + this._onMouseUp = this._onMouseUp.bind(this); + this._onTouchEnd = this._onTouchEnd.bind(this); + this._onResize = this._onResize.bind(this); + this._onGesture = this._onGesture.bind(this); + this._onDrag = this._onDrag.bind(this); + this._onShake = this._onShake.bind(this); + this._onLongPress = this._onLongPress.bind(this); + this._onOrientationChange = this._onOrientationChange.bind(this); + this._onMouseWheel = this._onMouseWheel.bind(this); + this._onMouseOut = this._onMouseOut.bind(this); + this._onMouseEnter = this._onMouseEnter.bind(this); + this._onContextMenu = this._onContextMenu.bind(this); + this._onDoubleClick = this._onDoubleClick.bind(this); + this._onDragOver = this._onDragOver.bind(this); + this._onDragEnter = this._simpleEventHandler.bind(this, 'dragenter'); + this._onDragLeave = this._simpleEventHandler.bind(this, 'dragleave'); + this._onDrop = this._onDrop.bind(this); + this.eventsBound = true; + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js gesture + * @param {Event} [self] Inner Event object + */ + _onGesture: function(e, self) { + this.__onTransformGesture && this.__onTransformGesture(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js drag + * @param {Event} [self] Inner Event object + */ + _onDrag: function(e, self) { + this.__onDrag && this.__onDrag(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on wheel event + */ + _onMouseWheel: function(e) { + this.__onMouseWheel(e); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseOut: function(e) { + var target = this._hoveredTarget; + this.fire('mouse:out', { target: target, e: e }); + this._hoveredTarget = null; + target && target.fire('mouseout', { e: e }); + + var _this = this; + this._hoveredTargets.forEach(function(_target){ + _this.fire('mouse:out', { target: target, e: e }); + _target && target.fire('mouseout', { e: e }); + }); + this._hoveredTargets = []; + + if (this._iTextInstances) { + this._iTextInstances.forEach(function(obj) { + if (obj.isEditing) { + obj.hiddenTextarea.focus(); + } + }); + } + }, + + /** + * @private + * @param {Event} e Event object fired on mouseenter + */ + _onMouseEnter: function(e) { + // This find target and consequent 'mouse:over' is used to + // clear old instances on hovered target. + // calling findTarget has the side effect of killing target.__corner. + // as a short term fix we are not firing this if we are currently transforming. + // as a long term fix we need to separate the action of finding a target with the + // side effects we added to it. + if (!this._currentTransform && !this.findTarget(e)) { + this.fire('mouse:over', { target: null, e: e }); + this._hoveredTarget = null; + this._hoveredTargets = []; + } + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js orientation change + * @param {Event} [self] Inner Event object + */ + _onOrientationChange: function(e, self) { + this.__onOrientationChange && this.__onOrientationChange(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onShake: function(e, self) { + this.__onShake && this.__onShake(e, self); + }, + + /** + * @private + * @param {Event} [e] Event object fired on Event.js shake + * @param {Event} [self] Inner Event object + */ + _onLongPress: function(e, self) { + this.__onLongPress && this.__onLongPress(e, self); + }, + + /** + * prevent default to allow drop event to be fired + * @private + * @param {Event} [e] Event object fired on Event.js shake + */ + _onDragOver: function(e) { + e.preventDefault(); + var target = this._simpleEventHandler('dragover', e); + this._fireEnterLeaveEvents(target, e); + }, + + /** + * `drop:before` is a an event that allow you to schedule logic + * before the `drop` event. Prefer `drop` event always, but if you need + * to run some drop-disabling logic on an event, since there is no way + * to handle event handlers ordering, use `drop:before` + * @param {Event} e + */ + _onDrop: function (e) { + this._simpleEventHandler('drop:before', e); + return this._simpleEventHandler('drop', e); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onContextMenu: function (e) { + if (this.stopContextMenu) { + e.stopPropagation(); + e.preventDefault(); + } + return false; + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onDoubleClick: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'dblclick'); + this._resetTransformEventData(e); + }, + + /** + * Return a the id of an event. + * returns either the pointerId or the identifier or 0 for the mouse event + * @private + * @param {Event} evt Event object + */ + getPointerId: function(evt) { + var changedTouches = evt.changedTouches; + + if (changedTouches) { + return changedTouches[0] && changedTouches[0].identifier; + } + + if (this.enablePointerEvents) { + return evt.pointerId; + } + + return -1; + }, + + /** + * Determines if an event has the id of the event that is considered main + * @private + * @param {evt} event Event object + */ + _isMainEvent: function(evt) { + if (evt.isPrimary === true) { + return true; + } + if (evt.isPrimary === false) { + return false; + } + if (evt.type === 'touchend' && evt.touches.length === 0) { + return true; + } + if (evt.changedTouches) { + return evt.changedTouches[0].identifier === this.mainTouchId; + } + return true; + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchStart: function(e) { + e.preventDefault(); + if (this.mainTouchId === null) { + this.mainTouchId = this.getPointerId(e); + } + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + // Unbind mousedown to prevent double triggers from touch devices + removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDown: function (e) { + this.__onMouseDown(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onTouchEnd: function(e) { + if (e.touches.length > 0) { + // if there are still touches stop here + return; + } + this.__onMouseUp(e); + this._resetTransformEventData(); + this.mainTouchId = null; + var eventTypePrefix = this._getEventPrefix(); + removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); + removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); + var _this = this; + if (this._willAddMouseDown) { + clearTimeout(this._willAddMouseDown); + } + this._willAddMouseDown = setTimeout(function() { + // Wait 400ms before rebinding mousedown to prevent double triggers + // from touch devices + addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); + _this._willAddMouseDown = 0; + }, 400); + }, + + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUp: function (e) { + this.__onMouseUp(e); + this._resetTransformEventData(); + var canvasElement = this.upperCanvasEl, + eventTypePrefix = this._getEventPrefix(); + if (this._isMainEvent(e)) { + removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); + removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); + } + }, + + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMove: function (e) { + !this.allowTouchScrolling && e.preventDefault && e.preventDefault(); + this.__onMouseMove(e); + }, + + /** + * @private + */ + _onResize: function () { + this.calcOffset(); + }, + + /** + * Decides whether the canvas should be redrawn in mouseup and mousedown events. + * @private + * @param {Object} target + */ + _shouldRender: function(target) { + var activeObject = this._activeObject; + + if ( + !!activeObject !== !!target || + (activeObject && target && (activeObject !== target)) + ) { + // this covers: switch of target, from target to no target, selection of target + // multiSelection with key and mouse + return true; + } + else if (activeObject && activeObject.isEditing) { + // if we mouse up/down over a editing textbox a cursor change, + // there is no need to re render + return false; + } + return false; + }, + + /** + * Method that defines the actions when mouse is released on canvas. + * The method resets the currentTransform parameters, store the image corner + * position in the image object and render the canvas on top. + * @private + * @param {Event} e Event object fired on mouseup + */ + __onMouseUp: function (e) { + var target, transform = this._currentTransform, + groupSelector = this._groupSelector, shouldRender = false, + isClick = (!groupSelector || (groupSelector.left === 0 && groupSelector.top === 0)); + this._cacheTransformEventData(e); + target = this._target; + this._handleEvent(e, 'up:before'); + // if right/middle click just fire events and return + // target undefined will make the _handleEvent search the target + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'up', RIGHT_CLICK, isClick); + } + return; + } + + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); + } + this._resetTransformEventData(); + return; + } + + if (this.isDrawingMode && this._isCurrentlyDrawing) { + this._onMouseUpInDrawingMode(e); + return; + } + + if (!this._isMainEvent(e)) { + return; + } + if (transform) { + this._finalizeCurrentTransform(e); + shouldRender = transform.actionPerformed; + } + if (!isClick) { + var targetWasActive = target === this._activeObject; + this._maybeGroupObjects(e); + if (!shouldRender) { + shouldRender = ( + this._shouldRender(target) || + (!targetWasActive && target === this._activeObject) + ); + } + } + var corner, pointer; + if (target) { + corner = target._findTargetCorner( + this.getPointer(e, true), + fabric.util.isTouchEvent(e) + ); + if (target.selectable && target !== this._activeObject && target.activeOn === 'up') { + this.setActiveObject(target, e); + shouldRender = true; + } + else { + var control = target.controls[corner], + mouseUpHandler = control && control.getMouseUpHandler(e, target, control); + if (mouseUpHandler) { + pointer = this.getPointer(e); + mouseUpHandler(e, transform, pointer.x, pointer.y); + } + } + target.isMoving = false; + } + // if we are ending up a transform on a different control or a new object + // fire the original mouse up from the corner that started the transform + if (transform && (transform.target !== target || transform.corner !== corner)) { + var originalControl = transform.target && transform.target.controls[transform.corner], + originalMouseUpHandler = originalControl && originalControl.getMouseUpHandler(e, target, control); + pointer = pointer || this.getPointer(e); + originalMouseUpHandler && originalMouseUpHandler(e, transform, pointer.x, pointer.y); + } + this._setCursorFromEvent(e, target); + this._handleEvent(e, 'up', LEFT_CLICK, isClick); + this._groupSelector = null; + this._currentTransform = null; + // reset the target information about which corner is selected + target && (target.__corner = 0); + if (shouldRender) { + this.requestRenderAll(); + } + else if (!isClick) { + this.renderTop(); + } + }, + + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @return {Fabric.Object} target return the the target found, for internal reasons. + */ + _simpleEventHandler: function(eventType, e) { + var target = this.findTarget(e), + targets = this.targets, + options = { + e: e, + target: target, + subTargets: targets, + }; + this.fire(eventType, options); + target && target.fire(eventType, options); + if (!targets) { + return target; + } + for (var i = 0; i < targets.length; i++) { + targets[i].fire(eventType, options); + } + return target; + }, + + /** + * @private + * Handle event firing for target and subtargets + * @param {Event} e event from mouse + * @param {String} eventType event to fire (up, down or move) + * @param {fabric.Object} targetObj receiving event + * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right + * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. + */ + _handleEvent: function(e, eventType, button, isClick) { + var target = this._target, + targets = this.targets || [], + options = { + e: e, + target: target, + subTargets: targets, + button: button || LEFT_CLICK, + isClick: isClick || false, + pointer: this._pointer, + absolutePointer: this._absolutePointer, + transform: this._currentTransform + }; + if (eventType === 'up') { + options.currentTarget = this.findTarget(e); + options.currentSubTargets = this.targets; + } + this.fire('mouse:' + eventType, options); + target && target.fire('mouse' + eventType, options); + for (var i = 0; i < targets.length; i++) { + targets[i].fire('mouse' + eventType, options); + } + }, + + /** + * @private + * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event + */ + _finalizeCurrentTransform: function(e) { + + var transform = this._currentTransform, + target = transform.target, + options = { + e: e, + target: target, + transform: transform, + action: transform.action, + }; + + if (target._scaling) { + target._scaling = false; + } + + target.setCoords(); + + if (transform.actionPerformed || (this.stateful && target.hasStateChanged())) { + this._fire('modified', options); + } + }, + + /** + * @private + * @param {Event} e Event object fired on mousedown + */ + _onMouseDownInDrawingMode: function(e) { + this._isCurrentlyDrawing = true; + if (this.getActiveObject()) { + this.discardActiveObject(e).requestRenderAll(); + } + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); + this._handleEvent(e, 'down'); + }, + + /** + * @private + * @param {Event} e Event object fired on mousemove + */ + _onMouseMoveInDrawingMode: function(e) { + if (this._isCurrentlyDrawing) { + var pointer = this.getPointer(e); + this.freeDrawingBrush.onMouseMove(pointer, { e: e, pointer: pointer }); + } + this.setCursor(this.freeDrawingCursor); + this._handleEvent(e, 'move'); + }, + + /** + * @private + * @param {Event} e Event object fired on mouseup + */ + _onMouseUpInDrawingMode: function(e) { + var pointer = this.getPointer(e); + this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ e: e, pointer: pointer }); + this._handleEvent(e, 'up'); + }, + + /** + * Method that defines the actions when mouse is clicked on canvas. + * The method inits the currentTransform parameters and renders all the + * canvas so the current image can be placed on the top canvas and the rest + * in on the container one. + * @private + * @param {Event} e Event object fired on mousedown + */ + __onMouseDown: function (e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'down:before'); + var target = this._target; + // if right click just fire events + if (checkClick(e, RIGHT_CLICK)) { + if (this.fireRightClick) { + this._handleEvent(e, 'down', RIGHT_CLICK); + } + return; + } + + if (checkClick(e, MIDDLE_CLICK)) { + if (this.fireMiddleClick) { + this._handleEvent(e, 'down', MIDDLE_CLICK); + } + return; + } + + if (this.isDrawingMode) { + this._onMouseDownInDrawingMode(e); + return; + } + + if (!this._isMainEvent(e)) { + return; + } + + // ignore if some object is being transformed at this moment + if (this._currentTransform) { + return; + } + + var pointer = this._pointer; + // save pointer for check in __onMouseUp event + this._previousPointer = pointer; + var shouldRender = this._shouldRender(target), + shouldGroup = this._shouldGroup(e, target); + if (this._shouldClearSelection(e, target)) { + this.discardActiveObject(e); + } + else if (shouldGroup) { + this._handleGrouping(e, target); + target = this._activeObject; + } + + if (this.selection && (!target || + (!target.selectable && !target.isEditing && target !== this._activeObject))) { + this._groupSelector = { + ex: this._absolutePointer.x, + ey: this._absolutePointer.y, + top: 0, + left: 0 + }; + } + + if (target) { + var alreadySelected = target === this._activeObject; + if (target.selectable && target.activeOn === 'down') { + this.setActiveObject(target, e); + } + var corner = target._findTargetCorner( + this.getPointer(e, true), + fabric.util.isTouchEvent(e) + ); + target.__corner = corner; + if (target === this._activeObject && (corner || !shouldGroup)) { + this._setupCurrentTransform(e, target, alreadySelected); + var control = target.controls[corner], + pointer = this.getPointer(e), + mouseDownHandler = control && control.getMouseDownHandler(e, target, control); + if (mouseDownHandler) { + mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); + } + } + } + this._handleEvent(e, 'down'); + // we must renderAll so that we update the visuals + (shouldRender || shouldGroup) && this.requestRenderAll(); + }, + + /** + * reset cache form common information needed during event processing + * @private + */ + _resetTransformEventData: function() { + this._target = null; + this._pointer = null; + this._absolutePointer = null; + }, + + /** + * Cache common information needed during event processing + * @private + * @param {Event} e Event object fired on event + */ + _cacheTransformEventData: function(e) { + // reset in order to avoid stale caching + this._resetTransformEventData(); + this._pointer = this.getPointer(e, true); + this._absolutePointer = this.restorePointerVpt(this._pointer); + this._target = this._currentTransform ? this._currentTransform.target : this.findTarget(e) || null; + }, + + /** + * @private + */ + _beforeTransform: function(e) { + var t = this._currentTransform; + this.stateful && t.target.saveState(); + this.fire('before:transform', { + e: e, + transform: t, + }); + }, + + /** + * Method that defines the actions when mouse is hovering the canvas. + * The currentTransform parameter will define whether the user is rotating/scaling/translating + * an image or neither of them (only hovering). A group selection is also possible and would cancel + * all any other type of action. + * In case of an image transformation only the top canvas will be rendered. + * @private + * @param {Event} e Event object fired on mousemove + */ + __onMouseMove: function (e) { + this._handleEvent(e, 'move:before'); + this._cacheTransformEventData(e); + var target, pointer; + + if (this.isDrawingMode) { + this._onMouseMoveInDrawingMode(e); + return; + } + + if (!this._isMainEvent(e)) { + return; + } + + var groupSelector = this._groupSelector; + + // We initially clicked in an empty area, so we draw a box for multiple selection + if (groupSelector) { + pointer = this._absolutePointer; + + groupSelector.left = pointer.x - groupSelector.ex; + groupSelector.top = pointer.y - groupSelector.ey; + + this.renderTop(); + } + else if (!this._currentTransform) { + target = this.findTarget(e) || null; + this._setCursorFromEvent(e, target); + this._fireOverOutEvents(target, e); + } + else { + this._transformObject(e); + } + this._handleEvent(e, 'move'); + this._resetTransformEventData(); + }, + + /** + * Manage the mouseout, mouseover events for the fabric object on the canvas + * @param {Fabric.Object} target the target where the target from the mousemove event + * @param {Event} e Event object fired on mousemove + * @private + */ + _fireOverOutEvents: function(target, e) { + var _hoveredTarget = this._hoveredTarget, + _hoveredTargets = this._hoveredTargets, targets = this.targets, + length = Math.max(_hoveredTargets.length, targets.length); + + this.fireSyntheticInOutEvents(target, e, { + oldTarget: _hoveredTarget, + evtOut: 'mouseout', + canvasEvtOut: 'mouse:out', + evtIn: 'mouseover', + canvasEvtIn: 'mouse:over', + }); + for (var i = 0; i < length; i++){ + this.fireSyntheticInOutEvents(targets[i], e, { + oldTarget: _hoveredTargets[i], + evtOut: 'mouseout', + evtIn: 'mouseover', + }); + } + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + }, + + /** + * Manage the dragEnter, dragLeave events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the onDrag event + * @param {Event} e Event object fired on ondrag + * @private + */ + _fireEnterLeaveEvents: function(target, e) { + var _draggedoverTarget = this._draggedoverTarget, + _hoveredTargets = this._hoveredTargets, targets = this.targets, + length = Math.max(_hoveredTargets.length, targets.length); + + this.fireSyntheticInOutEvents(target, e, { + oldTarget: _draggedoverTarget, + evtOut: 'dragleave', + evtIn: 'dragenter', + }); + for (var i = 0; i < length; i++) { + this.fireSyntheticInOutEvents(targets[i], e, { + oldTarget: _hoveredTargets[i], + evtOut: 'dragleave', + evtIn: 'dragenter', + }); + } + this._draggedoverTarget = target; + }, + + /** + * Manage the synthetic in/out events for the fabric objects on the canvas + * @param {Fabric.Object} target the target where the target from the supported events + * @param {Event} e Event object fired + * @param {Object} config configuration for the function to work + * @param {String} config.targetName property on the canvas where the old target is stored + * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out + * @param {String} config.evtOut name of the event to fire for out + * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in + * @param {String} config.evtIn name of the event to fire for in + * @private + */ + fireSyntheticInOutEvents: function(target, e, config) { + var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, + targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; + if (targetChanged) { + inOpt = { e: e, target: target, previousTarget: oldTarget }; + outOpt = { e: e, target: oldTarget, nextTarget: target }; + } + inFires = target && targetChanged; + outFires = oldTarget && targetChanged; + if (outFires) { + canvasEvtOut && this.fire(canvasEvtOut, outOpt); + oldTarget.fire(config.evtOut, outOpt); + } + if (inFires) { + canvasEvtIn && this.fire(canvasEvtIn, inOpt); + target.fire(config.evtIn, inOpt); + } + }, + + /** + * Method that defines actions when an Event Mouse Wheel + * @param {Event} e Event object fired on mouseup + */ + __onMouseWheel: function(e) { + this._cacheTransformEventData(e); + this._handleEvent(e, 'wheel'); + this._resetTransformEventData(); + }, + + /** + * @private + * @param {Event} e Event fired on mousemove + */ + _transformObject: function(e) { + var pointer = this.getPointer(e), + transform = this._currentTransform; + + transform.reset = false; + transform.shiftKey = e.shiftKey; + transform.altKey = e[this.centeredKey]; + + this._performTransformAction(e, transform, pointer); + transform.actionPerformed && this.requestRenderAll(); + }, + + /** + * @private + */ + _performTransformAction: function(e, transform, pointer) { + var x = pointer.x, + y = pointer.y, + action = transform.action, + actionPerformed = false, + actionHandler = transform.actionHandler; + // this object could be created from the function in the control handlers + + + if (actionHandler) { + actionPerformed = actionHandler(e, transform, x, y); + } + if (action === 'drag' && actionPerformed) { + transform.target.isMoving = true; + this.setCursor(transform.target.moveCursor || this.moveCursor); + } + transform.actionPerformed = transform.actionPerformed || actionPerformed; + }, + + /** + * @private + */ + _fire: fabric.controlsUtils.fireEvent, + + /** + * Sets the cursor depending on where the canvas is being hovered. + * Note: very buggy in Opera + * @param {Event} e Event object + * @param {Object} target Object that the mouse is hovering, if so. + */ + _setCursorFromEvent: function (e, target) { + if (!target) { + this.setCursor(this.defaultCursor); + return false; + } + var hoverCursor = target.hoverCursor || this.hoverCursor, + activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' ? + this._activeObject : null, + // only show proper corner when group selection is not active + corner = (!activeSelection || !activeSelection.contains(target)) + // here we call findTargetCorner always with undefined for the touch parameter. + // we assume that if you are using a cursor you do not need to interact with + // the bigger touch area. + && target._findTargetCorner(this.getPointer(e, true)); + + if (!corner) { + if (target.subTargetCheck){ + // hoverCursor should come from top-most subTarget, + // so we walk the array backwards + this.targets.concat().reverse().map(function(_target){ + hoverCursor = _target.hoverCursor || hoverCursor; + }); + } + this.setCursor(hoverCursor); + } + else { + this.setCursor(this.getCornerCursor(corner, target, e)); + } + }, + + /** + * @private + */ + getCornerCursor: function(corner, target, e) { + var control = target.controls[corner]; + return control.cursorStyleHandler(e, control, target); + } + }); +})(); + + +(function() { + + var min = Math.min, + max = Math.max; + + fabric.util.object.extend(fabric.Canvas.prototype, /** @lends fabric.Canvas.prototype */ { + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + * @return {Boolean} + */ + _shouldGroup: function(e, target) { + var activeObject = this._activeObject; + return activeObject && this._isSelectionKeyPressed(e) && target && target.selectable && this.selection && + (activeObject !== target || activeObject.type === 'activeSelection') && !target.onSelect({ e: e }); + }, + + /** + * @private + * @param {Event} e Event object + * @param {fabric.Object} target + */ + _handleGrouping: function (e, target) { + var activeObject = this._activeObject; + // avoid multi select when shift click on a corner + if (activeObject.__corner) { + return; + } + if (target === activeObject) { + // if it's a group, find target again, using activeGroup objects + target = this.findTarget(e, true); + // if even object is not found or we are on activeObjectCorner, bail out + if (!target || !target.selectable) { + return; + } + } + if (activeObject && activeObject.type === 'activeSelection') { + this._updateActiveSelection(target, e); + } + else { + this._createActiveSelection(target, e); + } + }, + + /** + * @private + */ + _updateActiveSelection: function(target, e) { + var activeSelection = this._activeObject, + currentActiveObjects = activeSelection._objects.slice(0); + if (activeSelection.contains(target)) { + activeSelection.removeWithUpdate(target); + this._hoveredTarget = target; + this._hoveredTargets = this.targets.concat(); + if (activeSelection.size() === 1) { + // activate last remaining object + this._setActiveObject(activeSelection.item(0), e); + } + } + else { + activeSelection.addWithUpdate(target); + this._hoveredTarget = activeSelection; + this._hoveredTargets = this.targets.concat(); + } + this._fireSelectionEvents(currentActiveObjects, e); + }, + + /** + * @private + */ + _createActiveSelection: function(target, e) { + var currentActives = this.getActiveObjects(), group = this._createGroup(target); + this._hoveredTarget = group; + // ISSUE 4115: should we consider subTargets here? + // this._hoveredTargets = []; + // this._hoveredTargets = this.targets.concat(); + this._setActiveObject(group, e); + this._fireSelectionEvents(currentActives, e); + }, + + /** + * @private + * @param {Object} target + */ + _createGroup: function(target) { + var objects = this._objects, + isActiveLower = objects.indexOf(this._activeObject) < objects.indexOf(target), + groupObjects = isActiveLower + ? [this._activeObject, target] + : [target, this._activeObject]; + this._activeObject.isEditing && this._activeObject.exitEditing(); + return new fabric.ActiveSelection(groupObjects, { + canvas: this + }); + }, + + /** + * @private + * @param {Event} e mouse event + */ + _groupSelectedObjects: function (e) { + + var group = this._collectObjects(e), + aGroup; + + // do not create group for 1 element only + if (group.length === 1) { + this.setActiveObject(group[0], e); + } + else if (group.length > 1) { + aGroup = new fabric.ActiveSelection(group.reverse(), { + canvas: this + }); + this.setActiveObject(aGroup, e); + } + }, + + /** + * @private + */ + _collectObjects: function(e) { + var group = [], + currentObject, + x1 = this._groupSelector.ex, + y1 = this._groupSelector.ey, + x2 = x1 + this._groupSelector.left, + y2 = y1 + this._groupSelector.top, + selectionX1Y1 = new fabric.Point(min(x1, x2), min(y1, y2)), + selectionX2Y2 = new fabric.Point(max(x1, x2), max(y1, y2)), + allowIntersect = !this.selectionFullyContained, + isClick = x1 === x2 && y1 === y2; + // we iterate reverse order to collect top first in case of click. + for (var i = this._objects.length; i--; ) { + currentObject = this._objects[i]; + + if (!currentObject || !currentObject.selectable || !currentObject.visible) { + continue; + } + + if ((allowIntersect && currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || + currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || + (allowIntersect && currentObject.containsPoint(selectionX1Y1, null, true)) || + (allowIntersect && currentObject.containsPoint(selectionX2Y2, null, true)) + ) { + group.push(currentObject); + // only add one object if it's a click + if (isClick) { + break; + } + } + } + + if (group.length > 1) { + group = group.filter(function(object) { + return !object.onSelect({ e: e }); + }); + } + + return group; + }, + + /** + * @private + */ + _maybeGroupObjects: function(e) { + if (this.selection && this._groupSelector) { + this._groupSelectedObjects(e); + } + this.setCursor(this.defaultCursor); + // clear selection and current transformation + this._groupSelector = null; + } + }); + +})(); + + +(function () { + fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + + /** + * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately + * @param {Object} [options] Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + * @see {@link http://jsfiddle.net/fabricjs/NfZVb/|jsFiddle demo} + * @example Generate jpeg dataURL with lower quality + * var dataURL = canvas.toDataURL({ + * format: 'jpeg', + * quality: 0.8 + * }); + * @example Generate cropped png dataURL (clipping of canvas) + * var dataURL = canvas.toDataURL({ + * format: 'png', + * left: 100, + * top: 100, + * width: 200, + * height: 200 + * }); + * @example Generate double scaled png dataURL + * var dataURL = canvas.toDataURL({ + * format: 'png', + * multiplier: 2 + * }); + */ + toDataURL: function (options) { + options || (options = { }); + + var format = options.format || 'png', + quality = options.quality || 1, + multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? this.getRetinaScaling() : 1), + canvasEl = this.toCanvasElement(multiplier, options); + return fabric.util.toDataURL(canvasEl, format, quality); + }, + + /** + * Create a new HTMLCanvas element painted with the current canvas content. + * No need to resize the actual one or repaint it. + * Will transfer object ownership to a new canvas, paint it, and set everything back. + * This is an intermediary step used to get to a dataUrl but also it is useful to + * create quick image copies of a canvas without passing for the dataUrl string + * @param {Number} [multiplier] a zoom factor. + * @param {Object} [cropping] Cropping informations + * @param {Number} [cropping.left] Cropping left offset. + * @param {Number} [cropping.top] Cropping top offset. + * @param {Number} [cropping.width] Cropping width. + * @param {Number} [cropping.height] Cropping height. + */ + toCanvasElement: function(multiplier, cropping) { + multiplier = multiplier || 1; + cropping = cropping || { }; + var scaledWidth = (cropping.width || this.width) * multiplier, + scaledHeight = (cropping.height || this.height) * multiplier, + zoom = this.getZoom(), + originalWidth = this.width, + originalHeight = this.height, + newZoom = zoom * multiplier, + vp = this.viewportTransform, + translateX = (vp[4] - (cropping.left || 0)) * multiplier, + translateY = (vp[5] - (cropping.top || 0)) * multiplier, + originalInteractive = this.interactive, + newVp = [newZoom, 0, 0, newZoom, translateX, translateY], + originalRetina = this.enableRetinaScaling, + canvasEl = fabric.util.createCanvasElement(), + originalContextTop = this.contextTop; + canvasEl.width = scaledWidth; + canvasEl.height = scaledHeight; + this.contextTop = null; + this.enableRetinaScaling = false; + this.interactive = false; + this.viewportTransform = newVp; + this.width = scaledWidth; + this.height = scaledHeight; + this.calcViewportBoundaries(); + this.renderCanvas(canvasEl.getContext('2d'), this._objects); + this.viewportTransform = vp; + this.width = originalWidth; + this.height = originalHeight; + this.calcViewportBoundaries(); + this.interactive = originalInteractive; + this.enableRetinaScaling = originalRetina; + this.contextTop = originalContextTop; + return canvasEl; + }, + }); + +})(); + + +fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + /** + * Populates canvas with data from the specified JSON. + * JSON format must conform to the one of {@link fabric.Canvas#toJSON} + * @param {String|Object} json JSON string or object + * @param {Function} callback Callback, invoked when json is parsed + * and corresponding objects (e.g: {@link fabric.Image}) + * are initialized + * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. + * @return {fabric.Canvas} instance + * @chainable + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} + * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} + * @example loadFromJSON + * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas)); + * @example loadFromJSON with reviver + * canvas.loadFromJSON(json, canvas.renderAll.bind(canvas), function(o, object) { + * // `o` = json object + * // `object` = fabric.Object instance + * // ... do some stuff ... + * }); + */ + loadFromJSON: function (json, callback, reviver) { + if (!json) { + return; + } + + // serialize if it wasn't already + var serialized = (typeof json === 'string') + ? JSON.parse(json) + : fabric.util.object.clone(json); + + var _this = this, + clipPath = serialized.clipPath, + renderOnAddRemove = this.renderOnAddRemove; + + this.renderOnAddRemove = false; + + delete serialized.clipPath; + + this._enlivenObjects(serialized.objects, function (enlivenedObjects) { + _this.clear(); + _this._setBgOverlay(serialized, function () { + if (clipPath) { + _this._enlivenObjects([clipPath], function (enlivenedCanvasClip) { + _this.clipPath = enlivenedCanvasClip[0]; + _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); + }); + } + else { + _this.__setupCanvas.call(_this, serialized, enlivenedObjects, renderOnAddRemove, callback); + } + }); + }, reviver); + return this; + }, + + /** + * @private + * @param {Object} serialized Object with background and overlay information + * @param {Array} restored canvas objects + * @param {Function} cached renderOnAddRemove callback + * @param {Function} callback Invoked after all background and overlay images/patterns loaded + */ + __setupCanvas: function(serialized, enlivenedObjects, renderOnAddRemove, callback) { + var _this = this; + enlivenedObjects.forEach(function(obj, index) { + // we splice the array just in case some custom classes restored from JSON + // will add more object to canvas at canvas init. + _this.insertAt(obj, index); + }); + this.renderOnAddRemove = renderOnAddRemove; + // remove parts i cannot set as options + delete serialized.objects; + delete serialized.backgroundImage; + delete serialized.overlayImage; + delete serialized.background; + delete serialized.overlay; + // this._initOptions does too many things to just + // call it. Normally loading an Object from JSON + // create the Object instance. Here the Canvas is + // already an instance and we are just loading things over it + this._setOptions(serialized); + this.renderAll(); + callback && callback(); + }, + + /** + * @private + * @param {Object} serialized Object with background and overlay information + * @param {Function} callback Invoked after all background and overlay images/patterns loaded + */ + _setBgOverlay: function(serialized, callback) { + var loaded = { + backgroundColor: false, + overlayColor: false, + backgroundImage: false, + overlayImage: false + }; + + if (!serialized.backgroundImage && !serialized.overlayImage && !serialized.background && !serialized.overlay) { + callback && callback(); + return; + } + + var cbIfLoaded = function () { + if (loaded.backgroundImage && loaded.overlayImage && loaded.backgroundColor && loaded.overlayColor) { + callback && callback(); + } + }; + + this.__setBgOverlay('backgroundImage', serialized.backgroundImage, loaded, cbIfLoaded); + this.__setBgOverlay('overlayImage', serialized.overlayImage, loaded, cbIfLoaded); + this.__setBgOverlay('backgroundColor', serialized.background, loaded, cbIfLoaded); + this.__setBgOverlay('overlayColor', serialized.overlay, loaded, cbIfLoaded); + }, + + /** + * @private + * @param {String} property Property to set (backgroundImage, overlayImage, backgroundColor, overlayColor) + * @param {(Object|String)} value Value to set + * @param {Object} loaded Set loaded property to true if property is set + * @param {Object} callback Callback function to invoke after property is set + */ + __setBgOverlay: function(property, value, loaded, callback) { + var _this = this; + + if (!value) { + loaded[property] = true; + callback && callback(); + return; + } + + if (property === 'backgroundImage' || property === 'overlayImage') { + fabric.util.enlivenObjects([value], function(enlivedObject){ + _this[property] = enlivedObject[0]; + loaded[property] = true; + callback && callback(); + }); + } + else { + this['set' + fabric.util.string.capitalize(property, true)](value, function() { + loaded[property] = true; + callback && callback(); + }); + } + }, + + /** + * @private + * @param {Array} objects + * @param {Function} callback + * @param {Function} [reviver] + */ + _enlivenObjects: function (objects, callback, reviver) { + if (!objects || objects.length === 0) { + callback && callback([]); + return; + } + + fabric.util.enlivenObjects(objects, function(enlivenedObjects) { + callback && callback(enlivenedObjects); + }, null, reviver); + }, + + /** + * @private + * @param {String} format + * @param {Function} callback + */ + _toDataURL: function (format, callback) { + this.clone(function (clone) { + callback(clone.toDataURL(format)); }); - // copying static properties manually to work around Opera's bug, - // where "prototype" property is enumerable and overrides existing prototype - for (var prop in fabric.StaticCanvas) { - if (prop !== 'prototype') { - fabric.Canvas[prop] = fabric.StaticCanvas[prop]; - } - } -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, addListener = fabric.util.addListener, removeListener = fabric.util.removeListener, RIGHT_CLICK = 3, MIDDLE_CLICK = 2, LEFT_CLICK = 1, addEventOptions = { passive: false }; - function checkClick(e, value) { - return e.button && e.button === value - 1; - } - fabric.util.object.extend(fabric.Canvas.prototype, - /** @lends fabric.Canvas.prototype */ { - /** - * Contains the id of the touch event that owns the fabric transform - * @type Number - * @private - */ - mainTouchId: null, - /** - * Adds mouse listeners to canvas - * @private - */ - _initEventListeners: function () { - // in case we initialized the class twice. This should not happen normally - // but in some kind of applications where the canvas element may be changed - // this is a workaround to having double listeners. - this.removeListeners(); - this._bindEvents(); - this.addOrRemove(addListener, 'add'); - }, - /** - * return an event prefix pointer or mouse. - * @private - */ - _getEventPrefix: function () { - return this.enablePointerEvents ? 'pointer' : 'mouse'; - }, - addOrRemove: function (functor, eventjsFunctor) { - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - functor(fabric.window, 'resize', this._onResize); - functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - functor(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - functor(canvasElement, eventTypePrefix + 'out', this._onMouseOut); - functor(canvasElement, eventTypePrefix + 'enter', this._onMouseEnter); - functor(canvasElement, 'wheel', this._onMouseWheel); - functor(canvasElement, 'contextmenu', this._onContextMenu); - functor(canvasElement, 'dblclick', this._onDoubleClick); - functor(canvasElement, 'dragstart', this._onDragStart); - functor(canvasElement, 'dragend', this._onDragEnd); - functor(canvasElement, 'dragover', this._onDragOver); - functor(canvasElement, 'dragenter', this._onDragEnter); - functor(canvasElement, 'dragleave', this._onDragLeave); - functor(canvasElement, 'drop', this._onDrop); - if (!this.enablePointerEvents) { - functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions); - } - if (typeof eventjs !== 'undefined' && eventjsFunctor in eventjs) { - eventjs[eventjsFunctor](canvasElement, 'gesture', this._onGesture); - eventjs[eventjsFunctor](canvasElement, 'drag', this._onDrag); - eventjs[eventjsFunctor](canvasElement, 'orientation', this._onOrientationChange); - eventjs[eventjsFunctor](canvasElement, 'shake', this._onShake); - eventjs[eventjsFunctor](canvasElement, 'longpress', this._onLongPress); - } - }, - /** - * Removes all event listeners - */ - removeListeners: function () { - this.addOrRemove(removeListener, 'remove'); - // if you dispose on a mouseDown, before mouse up, you need to clean document to... - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - }, - /** - * @private - */ - _bindEvents: function () { - if (this.eventsBound) { - // for any reason we pass here twice we do not want to bind events twice. - return; - } - this._onMouseDown = this._onMouseDown.bind(this); - this._onTouchStart = this._onTouchStart.bind(this); - this._onMouseMove = this._onMouseMove.bind(this); - this._onMouseUp = this._onMouseUp.bind(this); - this._onTouchEnd = this._onTouchEnd.bind(this); - this._onResize = this._onResize.bind(this); - this._onGesture = this._onGesture.bind(this); - this._onDrag = this._onDrag.bind(this); - this._onShake = this._onShake.bind(this); - this._onLongPress = this._onLongPress.bind(this); - this._onOrientationChange = this._onOrientationChange.bind(this); - this._onMouseWheel = this._onMouseWheel.bind(this); - this._onMouseOut = this._onMouseOut.bind(this); - this._onMouseEnter = this._onMouseEnter.bind(this); - this._onContextMenu = this._onContextMenu.bind(this); - this._onDoubleClick = this._onDoubleClick.bind(this); - this._onDragStart = this._onDragStart.bind(this); - this._onDragEnd = this._onDragEnd.bind(this); - this._onDragProgress = this._onDragProgress.bind(this); - this._onDragOver = this._onDragOver.bind(this); - this._onDragEnter = this._onDragEnter.bind(this); - this._onDragLeave = this._onDragLeave.bind(this); - this._onDrop = this._onDrop.bind(this); - this.eventsBound = true; - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js gesture - * @param {Event} [self] Inner Event object - */ - _onGesture: function (e, self) { - this.__onTransformGesture && this.__onTransformGesture(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js drag - * @param {Event} [self] Inner Event object - */ - _onDrag: function (e, self) { - this.__onDrag && this.__onDrag(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on wheel event - */ - _onMouseWheel: function (e) { - this.__onMouseWheel(e); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseOut: function (e) { - var target = this._hoveredTarget; - this.fire('mouse:out', { target: target, e: e }); - this._hoveredTarget = null; - target && target.fire('mouseout', { e: e }); - this._hoveredTargets.forEach(function (nestedTarget) { - this.fire('mouse:out', { target: nestedTarget, e: e }); - nestedTarget && nestedTarget.fire('mouseout', { e: e }); - }, this); - this._hoveredTargets = []; - }, - /** - * @private - * @param {Event} e Event object fired on mouseenter - */ - _onMouseEnter: function (e) { - // This find target and consequent 'mouse:over' is used to - // clear old instances on hovered target. - // calling findTarget has the side effect of killing target.__corner. - // as a short term fix we are not firing this if we are currently transforming. - // as a long term fix we need to separate the action of finding a target with the - // side effects we added to it. - if (!this._currentTransform && !this.findTarget(e)) { - this.fire('mouse:over', { target: null, e: e }); - this._hoveredTarget = null; - this._hoveredTargets = []; - } - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js orientation change - * @param {Event} [self] Inner Event object - */ - _onOrientationChange: function (e, self) { - this.__onOrientationChange && this.__onOrientationChange(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object - */ - _onShake: function (e, self) { - this.__onShake && this.__onShake(e, self); - }, - /** - * @private - * @param {Event} [e] Event object fired on Event.js shake - * @param {Event} [self] Inner Event object - */ - _onLongPress: function (e, self) { - this.__onLongPress && this.__onLongPress(e, self); - }, - /** - * supports native like text dragging - * @private - * @param {DragEvent} e - */ - _onDragStart: function (e) { - var activeObject = this.getActiveObject(); - if (activeObject && - typeof activeObject.onDragStart === 'function' && - activeObject.onDragStart(e)) { - this._dragSource = activeObject; - var options = { e: e, target: activeObject }; - this.fire('dragstart', options); - activeObject.fire('dragstart', options); - addListener(this.upperCanvasEl, 'drag', this._onDragProgress); - return; - } - stopEvent(e); - }, - /** - * @private - */ - _renderDragEffects: function (e, source, target) { - var ctx = this.contextTop; - if (source) { - source.clearContextTop(true); - source.renderDragSourceEffect(e); - } - if (target) { - if (target !== source) { - ctx.restore(); - ctx.save(); - target.clearContextTop(true); - } - target.renderDropTargetEffect(e); - } - ctx.restore(); - }, - /** - * supports native like text dragging - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag - * @private - * @param {DragEvent} e - */ - _onDragEnd: function (e) { - var didDrop = e.dataTransfer.dropEffect !== 'none', dropTarget = didDrop ? this._activeObject : undefined, options = { - e: e, - target: this._dragSource, - subTargets: this.targets, - dragSource: this._dragSource, - didDrop: didDrop, - dropTarget: dropTarget, - }; - removeListener(this.upperCanvasEl, 'drag', this._onDragProgress); - this.fire('dragend', options); - this._dragSource && this._dragSource.fire('dragend', options); - delete this._dragSource; - // we need to call mouse up synthetically because the browser won't - this._onMouseUp(e); - }, - /** - * fire `drag` event on canvas and drag source - * @private - * @param {DragEvent} e - */ - _onDragProgress: function (e) { - var options = { - e: e, - dragSource: this._dragSource, - dropTarget: this._draggedoverTarget, - }; - this.fire('drag', options); - this._dragSource && this._dragSource.fire('drag', options); - }, - /** - * prevent default to allow drop event to be fired - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets - * @private - * @param {Event} [e] Event object fired on Event.js shake - */ - _onDragOver: function (e) { - var eventType = 'dragover', target = this.findTarget(e), targets = this.targets, options = { - e: e, - target: target, - subTargets: targets, - dragSource: this._dragSource, - canDrop: false, - dropTarget: undefined, - }, dropTarget; - // fire on canvas - this.fire(eventType, options); - // make sure we fire dragenter events before dragover - // if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it - this._fireEnterLeaveEvents(target, options); - if (target) { - // render drag selection before rendering target cursor for correct visuals - if (target.canDrop(e)) { - dropTarget = target; - } - target.fire(eventType, options); - } - // propagate the event to subtargets - for (var i = 0; i < targets.length; i++) { - target = targets[i]; - // accept event only if previous targets didn't - if (!e.defaultPrevented && target.canDrop(e)) { - dropTarget = target; - } - target.fire(eventType, options); - } - // render drag effects now that relations between source and target is clear - this._renderDragEffects(e, this._dragSource, dropTarget); - }, - /** - * fire `dragleave` on `dragover` targets - * @private - * @param {Event} [e] Event object fired on Event.js shake - */ - _onDragEnter: function (e) { - var target = this.findTarget(e); - var options = { - e: e, - target: target, - subTargets: this.targets, - dragSource: this._dragSource, - }; - this.fire('dragenter', options); - // fire dragenter on targets - this._fireEnterLeaveEvents(target, options); - }, - /** - * fire `dragleave` on `dragover` targets - * @private - * @param {Event} [e] Event object fired on Event.js shake - */ - _onDragLeave: function (e) { - var options = { - e: e, - target: this._draggedoverTarget, - subTargets: this.targets, - dragSource: this._dragSource, - }; - this.fire('dragleave', options); - // fire dragleave on targets - this._fireEnterLeaveEvents(null, options); - // clear targets - this.targets = []; - this._hoveredTargets = []; - }, - /** - * `drop:before` is a an event that allows you to schedule logic - * before the `drop` event. Prefer `drop` event always, but if you need - * to run some drop-disabling logic on an event, since there is no way - * to handle event handlers ordering, use `drop:before` - * @private - * @param {Event} e - */ - _onDrop: function (e) { - var options = this._simpleEventHandler('drop:before', e, { - dragSource: this._dragSource, - pointer: this.getPointer(e), - }); - // will be set by the drop target - options.didDrop = false; - // will be set by the drop target, used in case options.target refuses the drop - options.dropTarget = undefined; - // fire `drop` - this._basicEventHandler('drop', options); - // inform canvas of the drop - // we do this because canvas was unaware of what happened at the time the `drop` event was fired on it - // use for side effects - this.fire('drop:after', options); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onContextMenu: function (e) { - var options = this._simpleEventHandler('contextmenu:before', e); - if (this.stopContextMenu) { - e.stopPropagation(); - e.preventDefault(); - } - this._basicEventHandler('contextmenu', options); - return false; - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onDoubleClick: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'dblclick'); - this._resetTransformEventData(); - }, - /** - * Return a the id of an event. - * returns either the pointerId or the identifier or 0 for the mouse event - * @private - * @param {Event} evt Event object - */ - getPointerId: function (evt) { - var changedTouches = evt.changedTouches; - if (changedTouches) { - return changedTouches[0] && changedTouches[0].identifier; - } - if (this.enablePointerEvents) { - return evt.pointerId; - } - return -1; - }, - /** - * Determines if an event has the id of the event that is considered main - * @private - * @param {evt} event Event object - */ - _isMainEvent: function (evt) { - if (evt.isPrimary === true) { - return true; - } - if (evt.isPrimary === false) { - return false; - } - if (evt.type === 'touchend' && evt.touches.length === 0) { - return true; - } - if (evt.changedTouches) { - return evt.changedTouches[0].identifier === this.mainTouchId; - } - return true; - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onTouchStart: function (e) { - e.preventDefault(); - if (this.mainTouchId === null) { - this.mainTouchId = this.getPointerId(e); - } - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - addListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - addListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - // Unbind mousedown to prevent double triggers from touch devices - removeListener(canvasElement, eventTypePrefix + 'down', this._onMouseDown); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDown: function (e) { - this.__onMouseDown(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - removeListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - addListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onTouchEnd: function (e) { - if (e.touches.length > 0) { - // if there are still touches stop here - return; - } - this.__onMouseUp(e); - this._resetTransformEventData(); - this.mainTouchId = null; - var eventTypePrefix = this._getEventPrefix(); - removeListener(fabric.document, 'touchend', this._onTouchEnd, addEventOptions); - removeListener(fabric.document, 'touchmove', this._onMouseMove, addEventOptions); - var _this = this; - if (this._willAddMouseDown) { - clearTimeout(this._willAddMouseDown); - } - this._willAddMouseDown = setTimeout(function () { - // Wait 400ms before rebinding mousedown to prevent double triggers - // from touch devices - addListener(_this.upperCanvasEl, eventTypePrefix + 'down', _this._onMouseDown); - _this._willAddMouseDown = 0; - }, 400); - }, - /** - * @private - * @param {Event} e Event object fired on mouseup - */ - _onMouseUp: function (e) { - this.__onMouseUp(e); - this._resetTransformEventData(); - var canvasElement = this.upperCanvasEl, eventTypePrefix = this._getEventPrefix(); - if (this._isMainEvent(e)) { - removeListener(fabric.document, eventTypePrefix + 'up', this._onMouseUp); - removeListener(fabric.document, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - addListener(canvasElement, eventTypePrefix + 'move', this._onMouseMove, addEventOptions); - } - }, - /** - * @private - * @param {Event} e Event object fired on mousemove - */ - _onMouseMove: function (e) { - var activeObject = this.getActiveObject(); - !this.allowTouchScrolling && - (!activeObject || !activeObject.__isDragging) && - e.preventDefault && - e.preventDefault(); - this.__onMouseMove(e); - }, - /** - * @private - */ - _onResize: function () { - this.calcOffset(); - this._resetTransformEventData(); - }, - /** - * Decides whether the canvas should be redrawn in mouseup and mousedown events. - * @private - * @param {Object} target - */ - _shouldRender: function (target) { - var activeObject = this._activeObject; - if (!!activeObject !== !!target || - (activeObject && target && activeObject !== target)) { - // this covers: switch of target, from target to no target, selection of target - // multiSelection with key and mouse - return true; - } - else if (activeObject && activeObject.isEditing) { - // if we mouse up/down over a editing textbox a cursor change, - // there is no need to re render - return false; - } - return false; - }, - /** - * Method that defines the actions when mouse is released on canvas. - * The method resets the currentTransform parameters, store the image corner - * position in the image object and render the canvas on top. - * @private - * @param {Event} e Event object fired on mouseup - */ - __onMouseUp: function (e) { - var target, transform = this._currentTransform, groupSelector = this._groupSelector, shouldRender = false, isClick = !groupSelector || - (groupSelector.left === 0 && groupSelector.top === 0); - this._cacheTransformEventData(e); - target = this._target; - this._handleEvent(e, 'up:before'); - // if right/middle click just fire events and return - // target undefined will make the _handleEvent search the target - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'up', RIGHT_CLICK, isClick); - } - return; - } - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'up', MIDDLE_CLICK, isClick); - } - this._resetTransformEventData(); - return; - } - if (this.isDrawingMode && this._isCurrentlyDrawing) { - this._onMouseUpInDrawingMode(e); - return; - } - if (!this._isMainEvent(e)) { - return; - } - if (transform) { - this._finalizeCurrentTransform(e); - shouldRender = transform.actionPerformed; - } - if (!isClick) { - var targetWasActive = target === this._activeObject; - this._maybeGroupObjects(e); - if (!shouldRender) { - shouldRender = - this._shouldRender(target) || - (!targetWasActive && target === this._activeObject); - } - } - var corner, pointer; - if (target) { - corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); - if (target.selectable && - target !== this._activeObject && - target.activeOn === 'up') { - this.setActiveObject(target, e); - shouldRender = true; - } - else { - var control = target.controls[corner], mouseUpHandler = control && control.getMouseUpHandler(e, target, control); - if (mouseUpHandler) { - pointer = this.getPointer(e); - mouseUpHandler(e, transform, pointer.x, pointer.y); - } - } - target.isMoving = false; - } - // if we are ending up a transform on a different control or a new object - // fire the original mouse up from the corner that started the transform - if (transform && - (transform.target !== target || transform.corner !== corner)) { - var originalControl = transform.target && transform.target.controls[transform.corner], originalMouseUpHandler = originalControl && - originalControl.getMouseUpHandler(e, target, control); - pointer = pointer || this.getPointer(e); - originalMouseUpHandler && - originalMouseUpHandler(e, transform, pointer.x, pointer.y); - } - this._setCursorFromEvent(e, target); - this._handleEvent(e, 'up', LEFT_CLICK, isClick); - this._groupSelector = null; - this._currentTransform = null; - // reset the target information about which corner is selected - target && (target.__corner = 0); - if (shouldRender) { - this.requestRenderAll(); - } - else if (!isClick) { - this.renderTop(); - } - }, - /** - * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @param {object} [data] event data overrides - * @return {object} options - */ - _simpleEventHandler: function (eventType, e, data) { - var target = this.findTarget(e), subTargets = this.targets || []; - return this._basicEventHandler(eventType, Object.assign({}, { - e: e, - target: target, - subTargets: subTargets, - }, data)); - }, - _basicEventHandler: function (eventType, options) { - var target = options.target, subTargets = options.subTargets; - this.fire(eventType, options); - target && target.fire(eventType, options); - for (var i = 0; i < subTargets.length; i++) { - subTargets[i].fire(eventType, options); - } - return options; - }, - /** - * @private - * Handle event firing for target and subtargets - * @param {Event} e event from mouse - * @param {String} eventType event to fire (up, down or move) - * @param {fabric.Object} targetObj receiving event - * @param {Number} [button] button used in the event 1 = left, 2 = middle, 3 = right - * @param {Boolean} isClick for left button only, indicates that the mouse up happened without move. - */ - _handleEvent: function (e, eventType, button, isClick) { - var target = this._target, targets = this.targets || [], options = { - e: e, - target: target, - subTargets: targets, - button: button || LEFT_CLICK, - isClick: isClick || false, - pointer: this._pointer, - absolutePointer: this._absolutePointer, - transform: this._currentTransform, - }; - if (eventType === 'up') { - options.currentTarget = this.findTarget(e); - options.currentSubTargets = this.targets; - } - this.fire('mouse:' + eventType, options); - target && target.fire('mouse' + eventType, options); - for (var i = 0; i < targets.length; i++) { - targets[i].fire('mouse' + eventType, options); - } - }, - /** - * End the current transfrom. - * You don't usually need to call this method unless you are interupting a user initiated transform - * because of some other event ( a press of key combination, or something that block the user UX ) - * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event - */ - endCurrentTransform: function (e) { - var transform = this._currentTransform; - this._finalizeCurrentTransform(e); - if (transform && transform.target) { - // this could probably go inside _finalizeCurrentTransform - transform.target.isMoving = false; - } - this._currentTransform = null; - }, - /** - * @private - * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event - */ - _finalizeCurrentTransform: function (e) { - var transform = this._currentTransform, target = transform.target, options = { - e: e, - target: target, - transform: transform, - action: transform.action, - }; - if (target._scaling) { - target._scaling = false; - } - target.setCoords(); - if (transform.actionPerformed || - (this.stateful && target.hasStateChanged())) { - this._fire('modified', options); - } - }, - /** - * @private - * @param {Event} e Event object fired on mousedown - */ - _onMouseDownInDrawingMode: function (e) { - this._isCurrentlyDrawing = true; - if (this.getActiveObject()) { - this.discardActiveObject(e).requestRenderAll(); - } - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseDown(pointer, { e: e, pointer: pointer }); - this._handleEvent(e, 'down'); - }, - /** - * @private - * @param {Event} e Event object fired on mousemove - */ - _onMouseMoveInDrawingMode: function (e) { - if (this._isCurrentlyDrawing) { - var pointer = this.getPointer(e); - this.freeDrawingBrush.onMouseMove(pointer, { - e: e, - pointer: pointer, - }); - } - this.setCursor(this.freeDrawingCursor); - this._handleEvent(e, 'move'); - }, - /** - * @private - * @param {Event} e Event object fired on mouseup - */ - _onMouseUpInDrawingMode: function (e) { - var pointer = this.getPointer(e); - this._isCurrentlyDrawing = this.freeDrawingBrush.onMouseUp({ - e: e, - pointer: pointer, - }); - this._handleEvent(e, 'up'); - }, - /** - * Method that defines the actions when mouse is clicked on canvas. - * The method inits the currentTransform parameters and renders all the - * canvas so the current image can be placed on the top canvas and the rest - * in on the container one. - * @private - * @param {Event} e Event object fired on mousedown - */ - __onMouseDown: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'down:before'); - var target = this._target; - // if right click just fire events - if (checkClick(e, RIGHT_CLICK)) { - if (this.fireRightClick) { - this._handleEvent(e, 'down', RIGHT_CLICK); - } - return; - } - if (checkClick(e, MIDDLE_CLICK)) { - if (this.fireMiddleClick) { - this._handleEvent(e, 'down', MIDDLE_CLICK); - } - return; - } - if (this.isDrawingMode) { - this._onMouseDownInDrawingMode(e); - return; - } - if (!this._isMainEvent(e)) { - return; - } - // ignore if some object is being transformed at this moment - if (this._currentTransform) { - return; - } - var pointer = this._pointer; - // save pointer for check in __onMouseUp event - this._previousPointer = pointer; - var shouldRender = this._shouldRender(target), shouldGroup = this._shouldGroup(e, target); - if (this._shouldClearSelection(e, target)) { - this.discardActiveObject(e); - } - else if (shouldGroup) { - this._handleGrouping(e, target); - target = this._activeObject; - } - if (this.selection && - (!target || - (!target.selectable && - !target.isEditing && - target !== this._activeObject))) { - this._groupSelector = { - ex: this._absolutePointer.x, - ey: this._absolutePointer.y, - top: 0, - left: 0, - }; - } - if (target) { - var alreadySelected = target === this._activeObject; - if (target.selectable && target.activeOn === 'down') { - this.setActiveObject(target, e); - } - var corner = target._findTargetCorner(this.getPointer(e, true), fabric.util.isTouchEvent(e)); - target.__corner = corner; - if (target === this._activeObject && (corner || !shouldGroup)) { - this._setupCurrentTransform(e, target, alreadySelected); - var control = target.controls[corner], pointer = this.getPointer(e), mouseDownHandler = control && control.getMouseDownHandler(e, target, control); - if (mouseDownHandler) { - mouseDownHandler(e, this._currentTransform, pointer.x, pointer.y); - } - } - } - var invalidate = shouldRender || shouldGroup; - // we clear `_objectsToRender` in case of a change in order to repopulate it at rendering - // run before firing the `down` event to give the dev a chance to populate it themselves - invalidate && (this._objectsToRender = undefined); - this._handleEvent(e, 'down'); - // we must renderAll so that we update the visuals - invalidate && this.requestRenderAll(); - }, - /** - * reset cache form common information needed during event processing - * @private - */ - _resetTransformEventData: function () { - this._target = null; - this._pointer = null; - this._absolutePointer = null; - }, - /** - * Cache common information needed during event processing - * @private - * @param {Event} e Event object fired on event - */ - _cacheTransformEventData: function (e) { - // reset in order to avoid stale caching - this._resetTransformEventData(); - this._pointer = this.getPointer(e, true); - this._absolutePointer = this.restorePointerVpt(this._pointer); - this._target = this._currentTransform - ? this._currentTransform.target - : this.findTarget(e) || null; - }, - /** - * @private - */ - _beforeTransform: function (e) { - var t = this._currentTransform; - this.stateful && t.target.saveState(); - this.fire('before:transform', { - e: e, - transform: t, - }); - }, - /** - * Method that defines the actions when mouse is hovering the canvas. - * The currentTransform parameter will define whether the user is rotating/scaling/translating - * an image or neither of them (only hovering). A group selection is also possible and would cancel - * all any other type of action. - * In case of an image transformation only the top canvas will be rendered. - * @private - * @param {Event} e Event object fired on mousemove - */ - __onMouseMove: function (e) { - this._handleEvent(e, 'move:before'); - this._cacheTransformEventData(e); - var target, pointer; - if (this.isDrawingMode) { - this._onMouseMoveInDrawingMode(e); - return; - } - if (!this._isMainEvent(e)) { - return; - } - var groupSelector = this._groupSelector; - // We initially clicked in an empty area, so we draw a box for multiple selection - if (groupSelector) { - pointer = this._absolutePointer; - groupSelector.left = pointer.x - groupSelector.ex; - groupSelector.top = pointer.y - groupSelector.ey; - this.renderTop(); - } - else if (!this._currentTransform) { - target = this.findTarget(e) || null; - this._setCursorFromEvent(e, target); - this._fireOverOutEvents(target, e); - } - else { - this._transformObject(e); - } - this._handleEvent(e, 'move'); - this._resetTransformEventData(); - }, - /** - * Manage the mouseout, mouseover events for the fabric object on the canvas - * @param {Fabric.Object} target the target where the target from the mousemove event - * @param {Event} e Event object fired on mousemove - * @private - */ - _fireOverOutEvents: function (target, e) { - var _hoveredTarget = this._hoveredTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); - this.fireSyntheticInOutEvents(target, { e: e }, { - oldTarget: _hoveredTarget, - evtOut: 'mouseout', - canvasEvtOut: 'mouse:out', - evtIn: 'mouseover', - canvasEvtIn: 'mouse:over', - }); - for (var i = 0; i < length; i++) { - this.fireSyntheticInOutEvents(targets[i], { e: e }, { - oldTarget: _hoveredTargets[i], - evtOut: 'mouseout', - evtIn: 'mouseover', - }); - } - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - }, - /** - * Manage the dragEnter, dragLeave events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the onDrag event - * @param {Object} data Event object fired on dragover - * @private - */ - _fireEnterLeaveEvents: function (target, data) { - var _draggedoverTarget = this._draggedoverTarget, _hoveredTargets = this._hoveredTargets, targets = this.targets, length = Math.max(_hoveredTargets.length, targets.length); - this.fireSyntheticInOutEvents(target, data, { - oldTarget: _draggedoverTarget, - evtOut: 'dragleave', - evtIn: 'dragenter', - canvasEvtIn: 'drag:enter', - canvasEvtOut: 'drag:leave', - }); - for (var i = 0; i < length; i++) { - this.fireSyntheticInOutEvents(targets[i], data, { - oldTarget: _hoveredTargets[i], - evtOut: 'dragleave', - evtIn: 'dragenter', - }); - } - this._draggedoverTarget = target; - }, - /** - * Manage the synthetic in/out events for the fabric objects on the canvas - * @param {Fabric.Object} target the target where the target from the supported events - * @param {Object} data Event object fired - * @param {Object} config configuration for the function to work - * @param {String} config.targetName property on the canvas where the old target is stored - * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out - * @param {String} config.evtOut name of the event to fire for out - * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in - * @param {String} config.evtIn name of the event to fire for in - * @private - */ - fireSyntheticInOutEvents: function (target, data, config) { - var inOpt, outOpt, oldTarget = config.oldTarget, outFires, inFires, targetChanged = oldTarget !== target, canvasEvtIn = config.canvasEvtIn, canvasEvtOut = config.canvasEvtOut; - if (targetChanged) { - inOpt = Object.assign({}, data, { - target: target, - previousTarget: oldTarget, - }); - outOpt = Object.assign({}, data, { - target: oldTarget, - nextTarget: target, - }); - } - inFires = target && targetChanged; - outFires = oldTarget && targetChanged; - if (outFires) { - canvasEvtOut && this.fire(canvasEvtOut, outOpt); - oldTarget.fire(config.evtOut, outOpt); - } - if (inFires) { - canvasEvtIn && this.fire(canvasEvtIn, inOpt); - target.fire(config.evtIn, inOpt); - } - }, - /** - * Method that defines actions when an Event Mouse Wheel - * @param {Event} e Event object fired on mouseup - */ - __onMouseWheel: function (e) { - this._cacheTransformEventData(e); - this._handleEvent(e, 'wheel'); - this._resetTransformEventData(); - }, - /** - * @private - * @param {Event} e Event fired on mousemove - */ - _transformObject: function (e) { - var pointer = this.getPointer(e), transform = this._currentTransform, target = transform.target, - // transform pointer to target's containing coordinate plane - // both pointer and object should agree on every point - localPointer = target.group - ? fabric.util.sendPointToPlane(pointer, undefined, target.group.calcTransformMatrix()) - : pointer; - transform.reset = false; - transform.shiftKey = e.shiftKey; - transform.altKey = e[this.centeredKey]; - this._performTransformAction(e, transform, localPointer); - transform.actionPerformed && this.requestRenderAll(); - }, - /** - * @private - */ - _performTransformAction: function (e, transform, pointer) { - var x = pointer.x, y = pointer.y, action = transform.action, actionPerformed = false, actionHandler = transform.actionHandler; - // this object could be created from the function in the control handlers - if (actionHandler) { - actionPerformed = actionHandler(e, transform, x, y); - } - if (action === 'drag' && actionPerformed) { - transform.target.isMoving = true; - this.setCursor(transform.target.moveCursor || this.moveCursor); - } - transform.actionPerformed = - transform.actionPerformed || actionPerformed; - }, - /** - * @private - */ - _fire: function (eventName, options) { - return fireEvent(eventName, options); - }, - /** - * Sets the cursor depending on where the canvas is being hovered. - * Note: very buggy in Opera - * @param {Event} e Event object - * @param {Object} target Object that the mouse is hovering, if so. - */ - _setCursorFromEvent: function (e, target) { - if (!target) { - this.setCursor(this.defaultCursor); - return false; - } - var hoverCursor = target.hoverCursor || this.hoverCursor, activeSelection = this._activeObject && this._activeObject.type === 'activeSelection' - ? this._activeObject - : null, - // only show proper corner when group selection is not active - corner = (!activeSelection || !activeSelection.contains(target)) && - // here we call findTargetCorner always with undefined for the touch parameter. - // we assume that if you are using a cursor you do not need to interact with - // the bigger touch area. - target._findTargetCorner(this.getPointer(e, true)); - if (!corner) { - if (target.subTargetCheck) { - // hoverCursor should come from top-most subTarget, - // so we walk the array backwards - this.targets - .concat() - .reverse() - .map(function (_target) { - hoverCursor = _target.hoverCursor || hoverCursor; - }); - } - this.setCursor(hoverCursor); - } - else { - this.setCursor(this.getCornerCursor(corner, target, e)); - } - }, - /** - * @private - */ - getCornerCursor: function (corner, target, e) { - var control = target.controls[corner]; - return control.cursorStyleHandler(e, control, target); - }, + }, + + /** + * @private + * @param {String} format + * @param {Number} multiplier + * @param {Function} callback + */ + _toDataURLWithMultiplier: function (format, multiplier, callback) { + this.clone(function (clone) { + callback(clone.toDataURLWithMultiplier(format, multiplier)); }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, min = Math.min, max = Math.max; - fabric.util.object.extend(fabric.Canvas.prototype, - /** @lends fabric.Canvas.prototype */ { - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - * @return {Boolean} - */ - _shouldGroup: function (e, target) { - var activeObject = this._activeObject; - // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection. - return (!!activeObject && - this._isSelectionKeyPressed(e) && - this.selection && - // on top of that the user also has to hit a target that is selectable. - !!target && - target.selectable && - // if all pre-requisite pass, the target is either something different from the current - // activeObject or if an activeSelection already exists - // TODO at time of writing why `activeObject.type === 'activeSelection'` matter is unclear. - // is a very old condition uncertain if still valid. - (activeObject !== target || - activeObject.type === 'activeSelection') && - // make sure `activeObject` and `target` aren't ancestors of each other - !target.isDescendantOf(activeObject) && - !activeObject.isDescendantOf(target) && - // target accepts selection - !target.onSelect({ e: e })); - }, - /** - * @private - * @param {Event} e Event object - * @param {fabric.Object} target - */ - _handleGrouping: function (e, target) { - var activeObject = this._activeObject; - // avoid multi select when shift click on a corner - if (activeObject.__corner) { - return; - } - if (target === activeObject) { - // if it's a group, find target again, using activeGroup objects - target = this.findTarget(e, true); - // if even object is not found or we are on activeObjectCorner, bail out - if (!target || !target.selectable) { - return; - } - } - if (activeObject && activeObject.type === 'activeSelection') { - this._updateActiveSelection(target, e); - } - else { - this._createActiveSelection(target, e); - } - }, - /** - * @private - */ - _updateActiveSelection: function (target, e) { - var activeSelection = this._activeObject, currentActiveObjects = activeSelection._objects.slice(0); - if (target.group === activeSelection) { - activeSelection.remove(target); - this._hoveredTarget = target; - this._hoveredTargets = this.targets.concat(); - if (activeSelection.size() === 1) { - // activate last remaining object - this._setActiveObject(activeSelection.item(0), e); - } - } - else { - activeSelection.add(target); - this._hoveredTarget = activeSelection; - this._hoveredTargets = this.targets.concat(); - } - this._fireSelectionEvents(currentActiveObjects, e); - }, - /** - * @private - */ - _createActiveSelection: function (target, e) { - var currentActives = this.getActiveObjects(), group = this._createGroup(target); - this._hoveredTarget = group; - // ISSUE 4115: should we consider subTargets here? - // this._hoveredTargets = []; - // this._hoveredTargets = this.targets.concat(); - this._setActiveObject(group, e); - this._fireSelectionEvents(currentActives, e); - }, - /** - * @private - * @param {Object} target - * @returns {fabric.ActiveSelection} - */ - _createGroup: function (target) { - var activeObject = this._activeObject; - var groupObjects = target.isInFrontOf(activeObject) - ? [activeObject, target] - : [target, activeObject]; - activeObject.isEditing && activeObject.exitEditing(); - // handle case: target is nested - return new fabric.ActiveSelection(groupObjects, { - canvas: this, - }); - }, - /** - * @private - * @param {Event} e mouse event - */ - _groupSelectedObjects: function (e) { - var group = this._collectObjects(e), aGroup; - // do not create group for 1 element only - if (group.length === 1) { - this.setActiveObject(group[0], e); - } - else if (group.length > 1) { - aGroup = new fabric.ActiveSelection(group.reverse(), { - canvas: this, - }); - this.setActiveObject(aGroup, e); - } - }, - /** - * @private - */ - _collectObjects: function (e) { - var group = [], currentObject, x1 = this._groupSelector.ex, y1 = this._groupSelector.ey, x2 = x1 + this._groupSelector.left, y2 = y1 + this._groupSelector.top, selectionX1Y1 = new Point(min(x1, x2), min(y1, y2)), selectionX2Y2 = new Point(max(x1, x2), max(y1, y2)), allowIntersect = !this.selectionFullyContained, isClick = x1 === x2 && y1 === y2; - // we iterate reverse order to collect top first in case of click. - for (var i = this._objects.length; i--;) { - currentObject = this._objects[i]; - if (!currentObject || - !currentObject.selectable || - !currentObject.visible) { - continue; - } - if ((allowIntersect && - currentObject.intersectsWithRect(selectionX1Y1, selectionX2Y2, true)) || - currentObject.isContainedWithinRect(selectionX1Y1, selectionX2Y2, true) || - (allowIntersect && - currentObject.containsPoint(selectionX1Y1, null, true)) || - (allowIntersect && - currentObject.containsPoint(selectionX2Y2, null, true))) { - group.push(currentObject); - // only add one object if it's a click - if (isClick) { - break; - } - } - } - if (group.length > 1) { - group = group.filter(function (object) { - return !object.onSelect({ e: e }); - }); - } - return group; - }, - /** - * @private - */ - _maybeGroupObjects: function (e) { - if (this.selection && this._groupSelector) { - this._groupSelectedObjects(e); - } - this.setCursor(this.defaultCursor); - // clear selection and current transformation - this._groupSelector = null; - }, + }, + + /** + * Clones canvas instance + * @param {Object} [callback] Receives cloned instance as a first argument + * @param {Array} [properties] Array of properties to include in the cloned canvas and children + */ + clone: function (callback, properties) { + var data = JSON.stringify(this.toJSON(properties)); + this.cloneWithoutData(function(clone) { + clone.loadFromJSON(data, function() { + callback && callback(clone); + }); }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately - * @param {Object} [options] Options object - * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" - * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. - * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent - * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 - * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 - * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 - * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 - * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0 - * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. - * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format - * @see {@link https://jsfiddle.net/xsjua1rd/ demo} - * @example Generate jpeg dataURL with lower quality - * var dataURL = canvas.toDataURL({ - * format: 'jpeg', - * quality: 0.8 - * }); - * @example Generate cropped png dataURL (clipping of canvas) - * var dataURL = canvas.toDataURL({ - * format: 'png', - * left: 100, - * top: 100, - * width: 200, - * height: 200 - * }); - * @example Generate double scaled png dataURL - * var dataURL = canvas.toDataURL({ - * format: 'png', - * multiplier: 2 - * }); - * @example Generate dataURL with objects that overlap a specified object - * var myObject; - * var dataURL = canvas.toDataURL({ - * filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject) - * }); - */ - toDataURL: function (options) { - options || (options = {}); - var format = options.format || 'png', quality = options.quality || 1, multiplier = (options.multiplier || 1) * - (options.enableRetinaScaling ? this.getRetinaScaling() : 1), canvasEl = this.toCanvasElement(multiplier, options); - return fabric.util.toDataURL(canvasEl, format, quality); - }, - /** - * Create a new HTMLCanvas element painted with the current canvas content. - * No need to resize the actual one or repaint it. - * Will transfer object ownership to a new canvas, paint it, and set everything back. - * This is an intermediary step used to get to a dataUrl but also it is useful to - * create quick image copies of a canvas without passing for the dataUrl string - * @param {Number} [multiplier] a zoom factor. - * @param {Object} [options] Cropping informations - * @param {Number} [options.left] Cropping left offset. - * @param {Number} [options.top] Cropping top offset. - * @param {Number} [options.width] Cropping width. - * @param {Number} [options.height] Cropping height. - * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects. - */ - toCanvasElement: function (multiplier, options) { - multiplier = multiplier || 1; - options = options || {}; - var scaledWidth = (options.width || this.width) * multiplier, scaledHeight = (options.height || this.height) * multiplier, zoom = this.getZoom(), originalWidth = this.width, originalHeight = this.height, newZoom = zoom * multiplier, vp = this.viewportTransform, translateX = (vp[4] - (options.left || 0)) * multiplier, translateY = (vp[5] - (options.top || 0)) * multiplier, originalInteractive = this.interactive, newVp = [newZoom, 0, 0, newZoom, translateX, translateY], originalRetina = this.enableRetinaScaling, canvasEl = fabric.util.createCanvasElement(), originalContextTop = this.contextTop, objectsToRender = options.filter - ? this._objects.filter(options.filter) - : this._objects; - canvasEl.width = scaledWidth; - canvasEl.height = scaledHeight; - this.contextTop = null; - this.enableRetinaScaling = false; - this.interactive = false; - this.viewportTransform = newVp; - this.width = scaledWidth; - this.height = scaledHeight; - this.calcViewportBoundaries(); - this.renderCanvas(canvasEl.getContext('2d'), objectsToRender); - this.viewportTransform = vp; - this.width = originalWidth; - this.height = originalHeight; - this.calcViewportBoundaries(); - this.interactive = originalInteractive; - this.enableRetinaScaling = originalRetina; - this.contextTop = originalContextTop; - return canvasEl; - }, + }, + + /** + * Clones canvas instance without cloning existing data. + * This essentially copies canvas dimensions, clipping properties, etc. + * but leaves data empty (so that you can populate it with your own) + * @param {Object} [callback] Receives cloned instance as a first argument + */ + cloneWithoutData: function(callback) { + var el = fabric.util.createCanvasElement(); + + el.width = this.width; + el.height = this.height; + + var clone = new fabric.Canvas(el); + if (this.backgroundImage) { + clone.setBackgroundImage(this.backgroundImage.src, function() { + clone.renderAll(); + callback && callback(clone); + }); + clone.backgroundImageOpacity = this.backgroundImageOpacity; + clone.backgroundImageStretch = this.backgroundImageStretch; + } + else { + callback && callback(clone); + } + } +}); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + toFixed = fabric.util.toFixed, + capitalize = fabric.util.string.capitalize, + degreesToRadians = fabric.util.degreesToRadians, + objectCaching = !fabric.isLikelyNode, + ALIASING_LIMIT = 2; + + if (fabric.Object) { + return; + } + + /** + * Root object class from which all 2d shape classes inherit from + * @class fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#objects} + * @see {@link fabric.Object#initialize} for constructor definition + * + * @fires added + * @fires removed + * + * @fires selected + * @fires deselected + * @fires modified + * @fires modified + * @fires moved + * @fires scaled + * @fires rotated + * @fires skewed + * + * @fires rotating + * @fires scaling + * @fires moving + * @fires skewing + * + * @fires mousedown + * @fires mouseup + * @fires mouseover + * @fires mouseout + * @fires mousewheel + * @fires mousedblclick + * + * @fires dragover + * @fires dragenter + * @fires dragleave + * @fires drop + */ + fabric.Object = fabric.util.createClass(fabric.CommonMethods, /** @lends fabric.Object.prototype */ { + + /** + * Type of an object (rect, circle, path, etc.). + * Note that this property is meant to be read-only and not meant to be modified. + * If you modify, certain parts of Fabric (such as JSON loading) won't work correctly. + * @type String + * @default + */ + type: 'object', + + /** + * Horizontal origin of transformation of an object (one of "left", "right", "center") + * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups + * @type String + * @default + */ + originX: 'left', + + /** + * Vertical origin of transformation of an object (one of "top", "bottom", "center") + * See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups + * @type String + * @default + */ + originY: 'top', + + /** + * Top position of an object. Note that by default it's relative to object top. You can change this by setting originY={top/center/bottom} + * @type Number + * @default + */ + top: 0, + + /** + * Left position of an object. Note that by default it's relative to object left. You can change this by setting originX={left/center/right} + * @type Number + * @default + */ + left: 0, + + /** + * Object width + * @type Number + * @default + */ + width: 0, + + /** + * Object height + * @type Number + * @default + */ + height: 0, + + /** + * Object scale factor (horizontal) + * @type Number + * @default + */ + scaleX: 1, + + /** + * Object scale factor (vertical) + * @type Number + * @default + */ + scaleY: 1, + + /** + * When true, an object is rendered as flipped horizontally + * @type Boolean + * @default + */ + flipX: false, + + /** + * When true, an object is rendered as flipped vertically + * @type Boolean + * @default + */ + flipY: false, + + /** + * Opacity of an object + * @type Number + * @default + */ + opacity: 1, + + /** + * Angle of rotation of an object (in degrees) + * @type Number + * @default + */ + angle: 0, + + /** + * Angle of skew on x axes of an object (in degrees) + * @type Number + * @default + */ + skewX: 0, + + /** + * Angle of skew on y axes of an object (in degrees) + * @type Number + * @default + */ + skewY: 0, + + /** + * Size of object's controlling corners (in pixels) + * @type Number + * @default + */ + cornerSize: 13, + + /** + * Size of object's controlling corners when touch interaction is detected + * @type Number + * @default + */ + touchCornerSize: 24, + + /** + * When true, object's controlling corners are rendered as transparent inside (i.e. stroke instead of fill) + * @type Boolean + * @default + */ + transparentCorners: true, + + /** + * Default cursor value used when hovering over this object on canvas + * @type String + * @default + */ + hoverCursor: null, + + /** + * Default cursor value used when moving this object on canvas + * @type String + * @default + */ + moveCursor: null, + + /** + * Padding between object and its controlling borders (in pixels) + * @type Number + * @default + */ + padding: 0, + + /** + * Color of controlling borders of an object (when it's active) + * @type String + * @default + */ + borderColor: 'rgb(178,204,255)', + + /** + * Array specifying dash pattern of an object's borders (hasBorder must be true) + * @since 1.6.2 + * @type Array + */ + borderDashArray: null, + + /** + * Color of controlling corners of an object (when it's active) + * @type String + * @default + */ + cornerColor: 'rgb(178,204,255)', + + /** + * Color of controlling corners of an object (when it's active and transparentCorners false) + * @since 1.6.2 + * @type String + * @default + */ + cornerStrokeColor: null, + + /** + * Specify style of control, 'rect' or 'circle' + * @since 1.6.2 + * @type String + */ + cornerStyle: 'rect', + + /** + * Array specifying dash pattern of an object's control (hasBorder must be true) + * @since 1.6.2 + * @type Array + */ + cornerDashArray: null, + + /** + * When true, this object will use center point as the origin of transformation + * when being scaled via the controls. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredScaling: false, + + /** + * When true, this object will use center point as the origin of transformation + * when being rotated via the controls. + * Backwards incompatibility note: This property replaces "centerTransform" (Boolean). + * @since 1.3.4 + * @type Boolean + * @default + */ + centeredRotation: true, + + /** + * Color of object's fill + * takes css colors https://www.w3.org/TR/css-color-3/ + * @type String + * @default + */ + fill: 'rgb(0,0,0)', + + /** + * Fill rule used to fill an object + * accepted values are nonzero, evenodd + * Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use `fabric.Object#globalCompositeOperation` instead) + * @type String + * @default + */ + fillRule: 'nonzero', + + /** + * Composite rule used for canvas globalCompositeOperation + * @type String + * @default + */ + globalCompositeOperation: 'source-over', + + /** + * Background color of an object. + * takes css colors https://www.w3.org/TR/css-color-3/ + * @type String + * @default + */ + backgroundColor: '', + + /** + * Selection Background color of an object. colored layer behind the object when it is active. + * does not mix good with globalCompositeOperation methods. + * @type String + * @default + */ + selectionBackgroundColor: '', + + /** + * When defined, an object is rendered via stroke and this property specifies its color + * takes css colors https://www.w3.org/TR/css-color-3/ + * @type String + * @default + */ + stroke: null, + + /** + * Width of a stroke used to render this object + * @type Number + * @default + */ + strokeWidth: 1, + + /** + * Array specifying dash pattern of an object's stroke (stroke must be defined) + * @type Array + */ + strokeDashArray: null, + + /** + * Line offset of an object's stroke + * @type Number + * @default + */ + strokeDashOffset: 0, + + /** + * Line endings style of an object's stroke (one of "butt", "round", "square") + * @type String + * @default + */ + strokeLineCap: 'butt', + + /** + * Corner style of an object's stroke (one of "bevel", "round", "miter") + * @type String + * @default + */ + strokeLineJoin: 'miter', + + /** + * Maximum miter length (used for strokeLineJoin = "miter") of an object's stroke + * @type Number + * @default + */ + strokeMiterLimit: 4, + + /** + * Shadow object representing shadow of this shape + * @type fabric.Shadow + * @default + */ + shadow: null, + + /** + * Opacity of object's controlling borders when object is active and moving + * @type Number + * @default + */ + borderOpacityWhenMoving: 0.4, + + /** + * Scale factor of object's controlling borders + * bigger number will make a thicker border + * border is 1, so this is basically a border thickness + * since there is no way to change the border itself. + * @type Number + * @default + */ + borderScaleFactor: 1, + + /** + * Minimum allowed scale value of an object + * @type Number + * @default + */ + minScaleLimit: 0, + + /** + * When set to `false`, an object can not be selected for modification (using either point-click-based or group-based selection). + * But events still fire on it. + * @type Boolean + * @default + */ + selectable: true, + + /** + * When set to `false`, an object can not be a target of events. All events propagate through it. Introduced in v1.3.4 + * @type Boolean + * @default + */ + evented: true, + + /** + * When set to `false`, an object is not rendered on canvas + * @type Boolean + * @default + */ + visible: true, + + /** + * When set to `false`, object's controls are not displayed and can not be used to manipulate object + * @type Boolean + * @default + */ + hasControls: true, + + /** + * When set to `false`, object's controlling borders are not rendered + * @type Boolean + * @default + */ + hasBorders: true, + + /** + * When set to `true`, objects are "found" on canvas on per-pixel basis rather than according to bounding box + * @type Boolean + * @default + */ + perPixelTargetFind: false, + + /** + * When `false`, default object's values are not included in its serialization + * @type Boolean + * @default + */ + includeDefaultValues: true, + + /** + * When `true`, object horizontal movement is locked + * @type Boolean + * @default + */ + lockMovementX: false, + + /** + * When `true`, object vertical movement is locked + * @type Boolean + * @default + */ + lockMovementY: false, + + /** + * When `true`, object rotation is locked + * @type Boolean + * @default + */ + lockRotation: false, + + /** + * When `true`, object horizontal scaling is locked + * @type Boolean + * @default + */ + lockScalingX: false, + + /** + * When `true`, object vertical scaling is locked + * @type Boolean + * @default + */ + lockScalingY: false, + + /** + * When `true`, object horizontal skewing is locked + * @type Boolean + * @default + */ + lockSkewingX: false, + + /** + * When `true`, object vertical skewing is locked + * @type Boolean + * @default + */ + lockSkewingY: false, + + /** + * When `true`, object cannot be flipped by scaling into negative values + * @type Boolean + * @default + */ + lockScalingFlip: false, + + /** + * When `true`, object is not exported in OBJECT/JSON + * @since 1.6.3 + * @type Boolean + * @default + */ + excludeFromExport: false, + + /** + * When `true`, object is cached on an additional canvas. + * When `false`, object is not cached unless necessary ( clipPath ) + * default to true + * @since 1.7.0 + * @type Boolean + * @default true + */ + objectCaching: objectCaching, + + /** + * When `true`, object properties are checked for cache invalidation. In some particular + * situation you may want this to be disabled ( spray brush, very big, groups) + * or if your application does not allow you to modify properties for groups child you want + * to disable it for groups. + * default to false + * since 1.7.0 + * @type Boolean + * @default false + */ + statefullCache: false, + + /** + * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled + * too much and will be redrawn with correct details at the end of scaling. + * this setting is performance and application dependant. + * default to true + * since 1.7.0 + * @type Boolean + * @default true + */ + noScaleCache: true, + + /** + * When `false`, the stoke width will scale with the object. + * When `true`, the stroke will always match the exact pixel size entered for stroke width. + * this Property does not work on Text classes or drawing call that uses strokeText,fillText methods + * default to false + * @since 2.6.0 + * @type Boolean + * @default false + * @type Boolean + * @default false + */ + strokeUniform: false, + + /** + * When set to `true`, object's cache will be rerendered next render call. + * since 1.7.0 + * @type Boolean + * @default true + */ + dirty: true, + + /** + * keeps the value of the last hovered corner during mouse move. + * 0 is no corner, or 'mt', 'ml', 'mtr' etc.. + * It should be private, but there is no harm in using it as + * a read-only property. + * @type number|string|any + * @default 0 + */ + __corner: 0, + + /** + * Determines if the fill or the stroke is drawn first (one of "fill" or "stroke") + * @type String + * @default + */ + paintFirst: 'fill', + + /** + * When 'down', object is set to active on mousedown/touchstart + * When 'up', object is set to active on mouseup/touchend + * Experimental. Let's see if this breaks anything before supporting officially + * @private + * since 4.4.0 + * @type String + * @default 'down' + */ + activeOn: 'down', + + /** + * List of properties to consider when checking if state + * of an object is changed (fabric.Object#hasStateChanged) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: ( + 'top left width height scaleX scaleY flipX flipY originX originY transformMatrix ' + + 'stroke strokeWidth strokeDashArray strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit ' + + 'angle opacity fill globalCompositeOperation shadow visible backgroundColor ' + + 'skewX skewY fillRule paintFirst clipPath strokeUniform' + ).split(' '), + + /** + * List of properties to consider when checking if cache needs refresh + * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single + * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty + * and refreshed at the next render + * @type Array + */ + cacheProperties: ( + 'fill stroke strokeWidth strokeDashArray width height paintFirst strokeUniform' + + ' strokeLineCap strokeDashOffset strokeLineJoin strokeMiterLimit backgroundColor clipPath' + ).split(' '), + + /** + * List of properties to consider for animating colors. + * @type Array + */ + colorProperties: ( + 'fill stroke backgroundColor' + ).split(' '), + + /** + * a fabricObject that, without stroke define a clipping area with their shape. filled in black + * the clipPath object gets used when the object has rendered, and the context is placed in the center + * of the object cacheCanvas. + * If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to 'center' + * @type fabric.Object + */ + clipPath: undefined, + + /** + * Meaningful ONLY when the object is used as clipPath. + * if true, the clipPath will make the object clip to the outside of the clipPath + * since 2.4.0 + * @type boolean + * @default false + */ + inverted: false, + + /** + * Meaningful ONLY when the object is used as clipPath. + * if true, the clipPath will have its top and left relative to canvas, and will + * not be influenced by the object transform. This will make the clipPath relative + * to the canvas, but clipping just a particular object. + * WARNING this is beta, this feature may change or be renamed. + * since 2.4.0 + * @type boolean + * @default false + */ + absolutePositioned: false, + + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function(options) { + if (options) { + this.setOptions(options); + } + }, + + /** + * Create a the canvas used to keep the cached copy of the object + * @private + */ + _createCacheCanvas: function() { + this._cacheProperties = {}; + this._cacheCanvas = fabric.util.createCanvasElement(); + this._cacheContext = this._cacheCanvas.getContext('2d'); + this._updateCacheCanvas(); + // if canvas gets created, is empty, so dirty. + this.dirty = true; + }, + + /** + * Limit the cache dimensions so that X * Y do not cross fabric.perfLimitSizeTotal + * and each side do not cross fabric.cacheSideLimit + * those numbers are configurable so that you can get as much detail as you want + * making bargain with performances. + * @param {Object} dims + * @param {Object} dims.width width of canvas + * @param {Object} dims.height height of canvas + * @param {Object} dims.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @param {Object} dims.zoomY zoomY zoom value to unscale the canvas before drawing cache + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _limitCacheSize: function(dims) { + var perfLimitSizeTotal = fabric.perfLimitSizeTotal, + width = dims.width, height = dims.height, + max = fabric.maxCacheSideLimit, min = fabric.minCacheSideLimit; + if (width <= max && height <= max && width * height <= perfLimitSizeTotal) { + if (width < min) { + dims.width = min; + } + if (height < min) { + dims.height = min; + } + return dims; + } + var ar = width / height, limitedDims = fabric.util.limitDimsByArea(ar, perfLimitSizeTotal), + capValue = fabric.util.capValue, + x = capValue(min, limitedDims.x, max), + y = capValue(min, limitedDims.y, max); + if (width > x) { + dims.zoomX /= width / x; + dims.width = x; + dims.capped = true; + } + if (height > y) { + dims.zoomY /= height / y; + dims.height = y; + dims.capped = true; + } + return dims; + }, + + /** + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. + * @private + * @return {Object}.x width of object to be cached + * @return {Object}.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache + */ + _getCacheCanvasDimensions: function() { + var objectScale = this.getTotalObjectScaling(), + // caculate dimensions without skewing + dim = this._getTransformedDimensions(0, 0), + neededX = dim.x * objectScale.scaleX / this.scaleX, + neededY = dim.y * objectScale.scaleY / this.scaleY; + return { + // for sure this ALIASING_LIMIT is slightly creating problem + // in situation in which the cache canvas gets an upper limit + // also objectScale contains already scaleX and scaleY + width: neededX + ALIASING_LIMIT, + height: neededY + ALIASING_LIMIT, + zoomX: objectScale.scaleX, + zoomY: objectScale.scaleY, + x: neededX, + y: neededY + }; + }, + + /** + * Update width and height of the canvas for cache + * returns true or false if canvas needed resize. + * @private + * @return {Boolean} true if the canvas has been resized + */ + _updateCacheCanvas: function() { + var targetCanvas = this.canvas; + if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) { + var target = targetCanvas._currentTransform.target, + action = targetCanvas._currentTransform.action; + if (this === target && action.slice && action.slice(0, 5) === 'scale') { + return false; + } + } + var canvas = this._cacheCanvas, + dims = this._limitCacheSize(this._getCacheCanvasDimensions()), + minCacheSize = fabric.minCacheSideLimit, + width = dims.width, height = dims.height, drawingWidth, drawingHeight, + zoomX = dims.zoomX, zoomY = dims.zoomY, + dimensionsChanged = width !== this.cacheWidth || height !== this.cacheHeight, + zoomChanged = this.zoomX !== zoomX || this.zoomY !== zoomY, + shouldRedraw = dimensionsChanged || zoomChanged, + additionalWidth = 0, additionalHeight = 0, shouldResizeCanvas = false; + if (dimensionsChanged) { + var canvasWidth = this._cacheCanvas.width, + canvasHeight = this._cacheCanvas.height, + sizeGrowing = width > canvasWidth || height > canvasHeight, + sizeShrinking = (width < canvasWidth * 0.9 || height < canvasHeight * 0.9) && + canvasWidth > minCacheSize && canvasHeight > minCacheSize; + shouldResizeCanvas = sizeGrowing || sizeShrinking; + if (sizeGrowing && !dims.capped && (width > minCacheSize || height > minCacheSize)) { + additionalWidth = width * 0.1; + additionalHeight = height * 0.1; + } + } + if (this instanceof fabric.Text && this.path) { + shouldRedraw = true; + shouldResizeCanvas = true; + additionalWidth += this.getHeightOfLine(0) * this.zoomX; + additionalHeight += this.getHeightOfLine(0) * this.zoomY; + } + if (shouldRedraw) { + if (shouldResizeCanvas) { + canvas.width = Math.ceil(width + additionalWidth); + canvas.height = Math.ceil(height + additionalHeight); + } + else { + this._cacheContext.setTransform(1, 0, 0, 1, 0, 0); + this._cacheContext.clearRect(0, 0, canvas.width, canvas.height); + } + drawingWidth = dims.x / 2; + drawingHeight = dims.y / 2; + this.cacheTranslationX = Math.round(canvas.width / 2 - drawingWidth) + drawingWidth; + this.cacheTranslationY = Math.round(canvas.height / 2 - drawingHeight) + drawingHeight; + this.cacheWidth = width; + this.cacheHeight = height; + this._cacheContext.translate(this.cacheTranslationX, this.cacheTranslationY); + this._cacheContext.scale(zoomX, zoomY); + this.zoomX = zoomX; + this.zoomY = zoomY; + return true; + } + return false; + }, + + /** + * Sets object's properties from options + * @param {Object} [options] Options object + */ + setOptions: function(options) { + this._setOptions(options); + this._initGradient(options.fill, 'fill'); + this._initGradient(options.stroke, 'stroke'); + this._initPattern(options.fill, 'fill'); + this._initPattern(options.stroke, 'stroke'); + }, + + /** + * Transforms context when rendering an object + * @param {CanvasRenderingContext2D} ctx Context + */ + transform: function(ctx) { + var needFullTransform = (this.group && !this.group._transformDone) || + (this.group && this.canvas && ctx === this.canvas.contextTop); + var m = this.calcTransformMatrix(!needFullTransform); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + }, + + /** + * Returns an object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function(propertiesToInclude) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS, + + object = { + type: this.type, + version: fabric.version, + originX: this.originX, + originY: this.originY, + left: toFixed(this.left, NUM_FRACTION_DIGITS), + top: toFixed(this.top, NUM_FRACTION_DIGITS), + width: toFixed(this.width, NUM_FRACTION_DIGITS), + height: toFixed(this.height, NUM_FRACTION_DIGITS), + fill: (this.fill && this.fill.toObject) ? this.fill.toObject() : this.fill, + stroke: (this.stroke && this.stroke.toObject) ? this.stroke.toObject() : this.stroke, + strokeWidth: toFixed(this.strokeWidth, NUM_FRACTION_DIGITS), + strokeDashArray: this.strokeDashArray ? this.strokeDashArray.concat() : this.strokeDashArray, + strokeLineCap: this.strokeLineCap, + strokeDashOffset: this.strokeDashOffset, + strokeLineJoin: this.strokeLineJoin, + strokeUniform: this.strokeUniform, + strokeMiterLimit: toFixed(this.strokeMiterLimit, NUM_FRACTION_DIGITS), + scaleX: toFixed(this.scaleX, NUM_FRACTION_DIGITS), + scaleY: toFixed(this.scaleY, NUM_FRACTION_DIGITS), + angle: toFixed(this.angle, NUM_FRACTION_DIGITS), + flipX: this.flipX, + flipY: this.flipY, + opacity: toFixed(this.opacity, NUM_FRACTION_DIGITS), + shadow: (this.shadow && this.shadow.toObject) ? this.shadow.toObject() : this.shadow, + visible: this.visible, + backgroundColor: this.backgroundColor, + fillRule: this.fillRule, + paintFirst: this.paintFirst, + globalCompositeOperation: this.globalCompositeOperation, + skewX: toFixed(this.skewX, NUM_FRACTION_DIGITS), + skewY: toFixed(this.skewY, NUM_FRACTION_DIGITS), + }; + + if (this.clipPath && !this.clipPath.excludeFromExport) { + object.clipPath = this.clipPath.toObject(propertiesToInclude); + object.clipPath.inverted = this.clipPath.inverted; + object.clipPath.absolutePositioned = this.clipPath.absolutePositioned; + } + + fabric.util.populateWithProperties(this, object, propertiesToInclude); + if (!this.includeDefaultValues) { + object = this._removeDefaultValues(object); + } + + return object; + }, + + /** + * Returns (dataless) object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toDatalessObject: function(propertiesToInclude) { + // will be overwritten by subclasses + return this.toObject(propertiesToInclude); + }, + + /** + * @private + * @param {Object} object + */ + _removeDefaultValues: function(object) { + var prototype = fabric.util.getKlass(object.type).prototype, + stateProperties = prototype.stateProperties; + stateProperties.forEach(function(prop) { + if (prop === 'left' || prop === 'top') { + return; + } + if (object[prop] === prototype[prop]) { + delete object[prop]; + } + var isArray = Object.prototype.toString.call(object[prop]) === '[object Array]' && + Object.prototype.toString.call(prototype[prop]) === '[object Array]'; + + // basically a check for [] === [] + if (isArray && object[prop].length === 0 && prototype[prop].length === 0) { + delete object[prop]; + } + }); + + return object; + }, + + /** + * Returns a string representation of an instance + * @return {String} + */ + toString: function() { + return '#'; + }, + + /** + * Return the object scale factor counting also the group scaling + * @return {Object} object with scaleX and scaleY properties + */ + getObjectScaling: function() { + // if the object is a top level one, on the canvas, we go for simple aritmetic + // otherwise the complex method with angles will return approximations and decimals + // and will likely kill the cache when not needed + // https://github.com/fabricjs/fabric.js/issues/7157 + if (!this.group) { + return { + scaleX: this.scaleX, + scaleY: this.scaleY, + }; + } + // if we are inside a group total zoom calculation is complex, we defer to generic matrices + var options = fabric.util.qrDecompose(this.calcTransformMatrix()); + return { scaleX: Math.abs(options.scaleX), scaleY: Math.abs(options.scaleY) }; + }, + + /** + * Return the object scale factor counting also the group scaling, zoom and retina + * @return {Object} object with scaleX and scaleY properties + */ + getTotalObjectScaling: function() { + var scale = this.getObjectScaling(), scaleX = scale.scaleX, scaleY = scale.scaleY; + if (this.canvas) { + var zoom = this.canvas.getZoom(); + var retina = this.canvas.getRetinaScaling(); + scaleX *= zoom * retina; + scaleY *= zoom * retina; + } + return { scaleX: scaleX, scaleY: scaleY }; + }, + + /** + * Return the object opacity counting also the group property + * @return {Number} + */ + getObjectOpacity: function() { + var opacity = this.opacity; + if (this.group) { + opacity *= this.group.getObjectOpacity(); + } + return opacity; + }, + + /** + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Object} thisArg + */ + _set: function(key, value) { + var shouldConstrainValue = (key === 'scaleX' || key === 'scaleY'), + isChanged = this[key] !== value, groupNeedsUpdate = false; + + if (shouldConstrainValue) { + value = this._constrainScale(value); + } + if (key === 'scaleX' && value < 0) { + this.flipX = !this.flipX; + value *= -1; + } + else if (key === 'scaleY' && value < 0) { + this.flipY = !this.flipY; + value *= -1; + } + else if (key === 'shadow' && value && !(value instanceof fabric.Shadow)) { + value = new fabric.Shadow(value); + } + else if (key === 'dirty' && this.group) { + this.group.set('dirty', value); + } + + this[key] = value; + + if (isChanged) { + groupNeedsUpdate = this.group && this.group.isOnACache(); + if (this.cacheProperties.indexOf(key) > -1) { + this.dirty = true; + groupNeedsUpdate && this.group.set('dirty', true); + } + else if (groupNeedsUpdate && this.stateProperties.indexOf(key) > -1) { + this.group.set('dirty', true); + } + } + return this; + }, + + /** + * This callback function is called by the parent group of an object every + * time a non-delegated property changes on the group. It is passed the key + * and value as parameters. Not adding in this function's signature to avoid + * Travis build error about unused variables. + */ + setOnGroup: function() { + // implemented by sub-classes, as needed. + }, + + /** + * Retrieves viewportTransform from Object's canvas if possible + * @method getViewportTransform + * @memberOf fabric.Object.prototype + * @return {Array} + */ + getViewportTransform: function() { + if (this.canvas && this.canvas.viewportTransform) { + return this.canvas.viewportTransform; + } + return fabric.iMatrix.concat(); + }, + + /* + * @private + * return if the object would be visible in rendering + * @memberOf fabric.Object.prototype + * @return {Boolean} + */ + isNotVisible: function() { + return this.opacity === 0 || + (!this.width && !this.height && this.strokeWidth === 0) || + !this.visible; + }, + + /** + * Renders an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + render: function(ctx) { + // do not render if width/height are zeros or object is not visible + if (this.isNotVisible()) { + return; + } + if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { + return; + } + ctx.save(); + this._setupCompositeOperation(ctx); + this.drawSelectionBackground(ctx); + this.transform(ctx); + this._setOpacity(ctx); + this._setShadow(ctx, this); + if (this.shouldCache()) { + this.renderCache(); + this.drawCacheOnCanvas(ctx); + } + else { + this._removeCacheCanvas(); + this.dirty = false; + this.drawObject(ctx); + if (this.objectCaching && this.statefullCache) { + this.saveState({ propertySet: 'cacheProperties' }); + } + } + ctx.restore(); + }, + + renderCache: function(options) { + options = options || {}; + if (!this._cacheCanvas) { + this._createCacheCanvas(); + } + if (this.isCacheDirty()) { + this.statefullCache && this.saveState({ propertySet: 'cacheProperties' }); + this.drawObject(this._cacheContext, options.forClipping); + this.dirty = false; + } + }, + + /** + * Remove cacheCanvas and its dimensions from the objects + */ + _removeCacheCanvas: function() { + this._cacheCanvas = null; + this.cacheWidth = 0; + this.cacheHeight = 0; + }, + + /** + * return true if the object will draw a stroke + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when stroke happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the stroke is invisible. + * @since 3.0.0 + * @returns Boolean + */ + hasStroke: function() { + return this.stroke && this.stroke !== 'transparent' && this.strokeWidth !== 0; + }, + + /** + * return true if the object will draw a fill + * Does not consider text styles. This is just a shortcut used at rendering time + * We want it to be an approximation and be fast. + * wrote to avoid extra caching, it has to return true when fill happens, + * can guess when it will not happen at 100% chance, does not matter if it misses + * some use case where the fill is invisible. + * @since 3.0.0 + * @returns Boolean + */ + hasFill: function() { + return this.fill && this.fill !== 'transparent'; + }, + + /** + * When set to `true`, force the object to have its own cache, even if it is inside a group + * it may be needed when your object behave in a particular way on the cache and always needs + * its own isolated canvas to render correctly. + * Created to be overridden + * since 1.7.12 + * @returns Boolean + */ + needsItsOwnCache: function() { + if (this.paintFirst === 'stroke' && + this.hasFill() && this.hasStroke() && typeof this.shadow === 'object') { + return true; + } + if (this.clipPath) { + return true; + } + return false; + }, + + /** + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * Read as: cache if is needed, or if the feature is enabled but we are not already caching. + * @return {Boolean} + */ + shouldCache: function() { + this.ownCaching = this.needsItsOwnCache() || ( + this.objectCaching && + (!this.group || !this.group.isOnACache()) + ); + return this.ownCaching; + }, + + /** + * Check if this object or a child object will cast a shadow + * used by Group.shouldCache to know if child has a shadow recursively + * @return {Boolean} + */ + willDrawShadow: function() { + return !!this.shadow && (this.shadow.offsetX !== 0 || this.shadow.offsetY !== 0); + }, + + /** + * Execute the drawing operation for an object clipPath + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Object} clipPath + */ + drawClipPathOnCache: function(ctx, clipPath) { + ctx.save(); + // DEBUG: uncomment this line, comment the following + // ctx.globalAlpha = 0.4 + if (clipPath.inverted) { + ctx.globalCompositeOperation = 'destination-out'; + } + else { + ctx.globalCompositeOperation = 'destination-in'; + } + //ctx.scale(1 / 2, 1 / 2); + if (clipPath.absolutePositioned) { + var m = fabric.util.invertTransform(this.calcTransformMatrix()); + ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]); + } + clipPath.transform(ctx); + ctx.scale(1 / clipPath.zoomX, 1 / clipPath.zoomY); + ctx.drawImage(clipPath._cacheCanvas, -clipPath.cacheTranslationX, -clipPath.cacheTranslationY); + ctx.restore(); + }, + + /** + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawObject: function(ctx, forClipping) { + var originalFill = this.fill, originalStroke = this.stroke; + if (forClipping) { + this.fill = 'black'; + this.stroke = ''; + this._setClippingProperties(ctx); + } + else { + this._renderBackground(ctx); + } + this._render(ctx); + this._drawClipPath(ctx, this.clipPath); + this.fill = originalFill; + this.stroke = originalStroke; + }, + + /** + * Prepare clipPath state and cache and draw it on instance's cache + * @param {CanvasRenderingContext2D} ctx + * @param {fabric.Object} clipPath + */ + _drawClipPath: function (ctx, clipPath) { + if (!clipPath) { return; } + // needed to setup a couple of variables + // path canvas gets overridden with this one. + // TODO find a better solution? + clipPath.canvas = this.canvas; + clipPath.shouldCache(); + clipPath._transformDone = true; + clipPath.renderCache({ forClipping: true }); + this.drawClipPathOnCache(ctx, clipPath); + }, + + /** + * Paint the cached copy of the object on the target context. + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawCacheOnCanvas: function(ctx) { + ctx.scale(1 / this.zoomX, 1 / this.zoomY); + ctx.drawImage(this._cacheCanvas, -this.cacheTranslationX, -this.cacheTranslationY); + }, + + /** + * Check if cache is dirty + * @param {Boolean} skipCanvas skip canvas checks because this object is painted + * on parent canvas. + */ + isCacheDirty: function(skipCanvas) { + if (this.isNotVisible()) { + return false; + } + if (this._cacheCanvas && !skipCanvas && this._updateCacheCanvas()) { + // in this case the context is already cleared. + return true; + } + else { + if (this.dirty || + (this.clipPath && this.clipPath.absolutePositioned) || + (this.statefullCache && this.hasStateChanged('cacheProperties')) + ) { + if (this._cacheCanvas && !skipCanvas) { + var width = this.cacheWidth / this.zoomX; + var height = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-width / 2, -height / 2, width, height); + } + return true; + } + } + return false; + }, + + /** + * Draws a background for the object big as its untransformed dimensions + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderBackground: function(ctx) { + if (!this.backgroundColor) { + return; + } + var dim = this._getNonTransformedDimensions(); + ctx.fillStyle = this.backgroundColor; + + ctx.fillRect( + -dim.x / 2, + -dim.y / 2, + dim.x, + dim.y + ); + // if there is background color no other shadows + // should be casted + this._removeShadow(ctx); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _setOpacity: function(ctx) { + if (this.group && !this.group._transformDone) { + ctx.globalAlpha = this.getObjectOpacity(); + } + else { + ctx.globalAlpha *= this.opacity; + } + }, + + _setStrokeStyles: function(ctx, decl) { + var stroke = decl.stroke; + if (stroke) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = decl.strokeLineCap; + ctx.lineDashOffset = decl.strokeDashOffset; + ctx.lineJoin = decl.strokeLineJoin; + ctx.miterLimit = decl.strokeMiterLimit; + if (stroke.toLive) { + if (stroke.gradientUnits === 'percentage' || stroke.gradientTransform || stroke.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + this._applyPatternForTransformedGradient(ctx, stroke); + } + else { + // is a simple gradient or pattern + ctx.strokeStyle = stroke.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, stroke); + } + } + else { + // is a color + ctx.strokeStyle = decl.stroke; + } + } + }, + + _setFillStyles: function(ctx, decl) { + var fill = decl.fill; + if (fill) { + if (fill.toLive) { + ctx.fillStyle = fill.toLive(ctx, this); + this._applyPatternGradientTransform(ctx, decl.fill); + } + else { + ctx.fillStyle = fill; + } + } + }, + + _setClippingProperties: function(ctx) { + ctx.globalAlpha = 1; + ctx.strokeStyle = 'transparent'; + ctx.fillStyle = '#000000'; + }, + + /** + * @private + * Sets line dash + * @param {CanvasRenderingContext2D} ctx Context to set the dash line on + * @param {Array} dashArray array representing dashes + */ + _setLineDash: function(ctx, dashArray) { + if (!dashArray || dashArray.length === 0) { + return; + } + // Spec requires the concatenation of two copies the dash list when the number of elements is odd + if (1 & dashArray.length) { + dashArray.push.apply(dashArray, dashArray); + } + ctx.setLineDash(dashArray); + }, + + /** + * Renders controls and borders for the object + * the context here is not transformed + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style + */ + _renderControls: function(ctx, styleOverride) { + var vpt = this.getViewportTransform(), + matrix = this.calcTransformMatrix(), + options, drawBorders, drawControls; + styleOverride = styleOverride || { }; + drawBorders = typeof styleOverride.hasBorders !== 'undefined' ? styleOverride.hasBorders : this.hasBorders; + drawControls = typeof styleOverride.hasControls !== 'undefined' ? styleOverride.hasControls : this.hasControls; + matrix = fabric.util.multiplyTransformMatrices(vpt, matrix); + options = fabric.util.qrDecompose(matrix); + ctx.save(); + ctx.translate(options.translateX, options.translateY); + ctx.lineWidth = 1 * this.borderScaleFactor; + if (!this.group) { + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + } + if (this.flipX) { + options.angle -= 180; + } + ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle)); + if (styleOverride.forActiveSelection || this.group) { + drawBorders && this.drawBordersInGroup(ctx, options, styleOverride); + } + else { + drawBorders && this.drawBorders(ctx, styleOverride); + } + drawControls && this.drawControls(ctx, styleOverride); + ctx.restore(); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _setShadow: function(ctx) { + if (!this.shadow) { + return; + } + + var shadow = this.shadow, canvas = this.canvas, scaling, + multX = (canvas && canvas.viewportTransform[0]) || 1, + multY = (canvas && canvas.viewportTransform[3]) || 1; + if (shadow.nonScaling) { + scaling = { scaleX: 1, scaleY: 1 }; + } + else { + scaling = this.getObjectScaling(); + } + if (canvas && canvas._isRetinaScaling()) { + multX *= fabric.devicePixelRatio; + multY *= fabric.devicePixelRatio; + } + ctx.shadowColor = shadow.color; + ctx.shadowBlur = shadow.blur * fabric.browserShadowBlurConstant * + (multX + multY) * (scaling.scaleX + scaling.scaleY) / 4; + ctx.shadowOffsetX = shadow.offsetX * multX * scaling.scaleX; + ctx.shadowOffsetY = shadow.offsetY * multY * scaling.scaleY; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _removeShadow: function(ctx) { + if (!this.shadow) { + return; + } + + ctx.shadowColor = ''; + ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} filler fabric.Pattern or fabric.Gradient + * @return {Object} offset.offsetX offset for text rendering + * @return {Object} offset.offsetY offset for text rendering + */ + _applyPatternGradientTransform: function(ctx, filler) { + if (!filler || !filler.toLive) { + return { offsetX: 0, offsetY: 0 }; + } + var t = filler.gradientTransform || filler.patternTransform; + var offsetX = -this.width / 2 + filler.offsetX || 0, + offsetY = -this.height / 2 + filler.offsetY || 0; + + if (filler.gradientUnits === 'percentage') { + ctx.transform(this.width, 0, 0, this.height, offsetX, offsetY); + } + else { + ctx.transform(1, 0, 0, 1, offsetX, offsetY); + } + if (t) { + ctx.transform(t[0], t[1], t[2], t[3], t[4], t[5]); + } + return { offsetX: offsetX, offsetY: offsetY }; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderPaintInOrder: function(ctx) { + if (this.paintFirst === 'stroke') { + this._renderStroke(ctx); + this._renderFill(ctx); + } + else { + this._renderFill(ctx); + this._renderStroke(ctx); + } + }, + + /** + * @private + * function that actually render something on the context. + * empty here to allow Obects to work on tests to benchmark fabric functionalites + * not related to rendering + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(/* ctx */) { + + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderFill: function(ctx) { + if (!this.fill) { + return; + } + + ctx.save(); + this._setFillStyles(ctx, this); + if (this.fillRule === 'evenodd') { + ctx.fill('evenodd'); + } + else { + ctx.fill(); + } + ctx.restore(); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _renderStroke: function(ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + + ctx.save(); + if (this.strokeUniform && this.group) { + var scaling = this.getObjectScaling(); + ctx.scale(1 / scaling.scaleX, 1 / scaling.scaleY); + } + else if (this.strokeUniform) { + ctx.scale(1 / this.scaleX, 1 / this.scaleY); + } + this._setLineDash(ctx, this.strokeDashArray); + this._setStrokeStyles(ctx, this); + ctx.stroke(); + ctx.restore(); + }, + + /** + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drwabacks: is slow, is in low resolution, needs a patch for when the size + * is limited. + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {fabric.Gradient} filler a fabric gradient instance + */ + _applyPatternForTransformedGradient: function(ctx, filler) { + var dims = this._limitCacheSize(this._getCacheCanvasDimensions()), + pCanvas = fabric.util.createCanvasElement(), pCtx, retinaScaling = this.canvas.getRetinaScaling(), + width = dims.x / this.scaleX / retinaScaling, height = dims.y / this.scaleY / retinaScaling; + pCanvas.width = width; + pCanvas.height = height; + pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); + pCtx.lineTo(0, height); pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.scale( + dims.zoomX / this.scaleX / retinaScaling, + dims.zoomY / this.scaleY / retinaScaling + ); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fillStyle = filler.toLive(ctx); + pCtx.fill(); + ctx.translate(-this.width / 2 - this.strokeWidth / 2, -this.height / 2 - this.strokeWidth / 2); + ctx.scale( + retinaScaling * this.scaleX / dims.zoomX, + retinaScaling * this.scaleY / dims.zoomY + ); + ctx.strokeStyle = pCtx.createPattern(pCanvas, 'no-repeat'); + }, + + /** + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates + */ + _findCenterFromElement: function() { + return { x: this.left + this.width / 2, y: this.top + this.height / 2 }; + }, + + /** + * This function is an helper for svg import. it decompose the transformMatrix + * and assign properties to object. + * untransformed coordinates + * @private + * @chainable + */ + _assignTransformMatrixProps: function() { + if (this.transformMatrix) { + var options = fabric.util.qrDecompose(this.transformMatrix); + this.flipX = false; + this.flipY = false; + this.set('scaleX', options.scaleX); + this.set('scaleY', options.scaleY); + this.angle = options.angle; + this.skewX = options.skewX; + this.skewY = 0; + } + }, + + /** + * This function is an helper for svg import. it removes the transform matrix + * and set to object properties that fabricjs can handle + * @private + * @param {Object} preserveAspectRatioOptions + * @return {thisArg} + */ + _removeTransformMatrix: function(preserveAspectRatioOptions) { + var center = this._findCenterFromElement(); + if (this.transformMatrix) { + this._assignTransformMatrixProps(); + center = fabric.util.transformPoint(center, this.transformMatrix); + } + this.transformMatrix = null; + if (preserveAspectRatioOptions) { + this.scaleX *= preserveAspectRatioOptions.scaleX; + this.scaleY *= preserveAspectRatioOptions.scaleY; + this.cropX = preserveAspectRatioOptions.cropX; + this.cropY = preserveAspectRatioOptions.cropY; + center.x += preserveAspectRatioOptions.offsetLeft; + center.y += preserveAspectRatioOptions.offsetTop; + this.width = preserveAspectRatioOptions.width; + this.height = preserveAspectRatioOptions.height; + } + this.setPositionByOrigin(center, 'center', 'center'); + }, + + /** + * Clones an instance, using a callback method will work for every object. + * @param {Function} callback Callback is invoked with a clone as a first argument + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + */ + clone: function(callback, propertiesToInclude) { + var objectForm = this.toObject(propertiesToInclude); + if (this.constructor.fromObject) { + this.constructor.fromObject(objectForm, callback); + } + else { + fabric.Object._fromObject('Object', objectForm, callback); + } + }, + + /** + * Creates an instance of fabric.Image out of an object + * makes use of toCanvasElement. + * Once this method was based on toDataUrl and loadImage, so it also had a quality + * and format option. toCanvasElement is faster and produce no loss of quality. + * If you need to get a real Jpeg or Png from an object, using toDataURL is the right way to do it. + * toCanvasElement and then toBlob from the obtained canvas is also a good option. + * This method is sync now, but still support the callback because we did not want to break. + * When fabricJS 5.0 will be planned, this will probably be changed to not have a callback. + * @param {Function} callback callback, invoked with an instance as a first argument + * @param {Object} [options] for clone as image, passed to toDataURL + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {fabric.Object} thisArg + */ + cloneAsImage: function(callback, options) { + var canvasEl = this.toCanvasElement(options); + if (callback) { + callback(new fabric.Image(canvasEl)); + } + return this; + }, + + /** + * Converts an object into a HTMLCanvas element + * @param {Object} options Options object + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {HTMLCanvasElement} Returns DOM element with the fabric.Object + */ + toCanvasElement: function(options) { + options || (options = { }); + + var utils = fabric.util, origParams = utils.saveObjectTransform(this), + originalGroup = this.group, + originalShadow = this.shadow, abs = Math.abs, + multiplier = (options.multiplier || 1) * (options.enableRetinaScaling ? fabric.devicePixelRatio : 1); + delete this.group; + if (options.withoutTransform) { + utils.resetObjectTransform(this); + } + if (options.withoutShadow) { + this.shadow = null; + } + + var el = fabric.util.createCanvasElement(), + // skip canvas zoom and calculate with setCoords now. + boundingRect = this.getBoundingRect(true, true), + shadow = this.shadow, scaling, + shadowOffset = { x: 0, y: 0 }, shadowBlur, + width, height; + + if (shadow) { + shadowBlur = shadow.blur; + if (shadow.nonScaling) { + scaling = { scaleX: 1, scaleY: 1 }; + } + else { + scaling = this.getObjectScaling(); + } + // consider non scaling shadow. + shadowOffset.x = 2 * Math.round(abs(shadow.offsetX) + shadowBlur) * (abs(scaling.scaleX)); + shadowOffset.y = 2 * Math.round(abs(shadow.offsetY) + shadowBlur) * (abs(scaling.scaleY)); + } + width = boundingRect.width + shadowOffset.x; + height = boundingRect.height + shadowOffset.y; + // if the current width/height is not an integer + // we need to make it so. + el.width = Math.ceil(width); + el.height = Math.ceil(height); + var canvas = new fabric.StaticCanvas(el, { + enableRetinaScaling: false, + renderOnAddRemove: false, + skipOffscreen: false, + }); + if (options.format === 'jpeg') { + canvas.backgroundColor = '#fff'; + } + this.setPositionByOrigin(new fabric.Point(canvas.width / 2, canvas.height / 2), 'center', 'center'); + + var originalCanvas = this.canvas; + canvas.add(this); + var canvasEl = canvas.toCanvasElement(multiplier || 1, options); + this.shadow = originalShadow; + this.set('canvas', originalCanvas); + if (originalGroup) { + this.group = originalGroup; + } + this.set(origParams).setCoords(); + // canvas.dispose will call image.dispose that will nullify the elements + // since this canvas is a simple element for the process, we remove references + // to objects in this way in order to avoid object trashing. + canvas._objects = []; + canvas.dispose(); + canvas = null; + + return canvasEl; + }, + + /** + * Converts an object into a data-url-like string + * @param {Object} options Options object + * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png" + * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg. + * @param {Number} [options.multiplier=1] Multiplier to scale by + * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14 + * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14 + * @param {Number} [options.width] Cropping width. Introduced in v1.2.14 + * @param {Number} [options.height] Cropping height. Introduced in v1.2.14 + * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 1.6.4 + * @param {Boolean} [options.withoutTransform] Remove current object transform ( no scale , no angle, no flip, no skew ). Introduced in 2.3.4 + * @param {Boolean} [options.withoutShadow] Remove current object shadow. Introduced in 2.4.2 + * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format + */ + toDataURL: function(options) { + options || (options = { }); + return fabric.util.toDataURL(this.toCanvasElement(options), options.format || 'png', options.quality || 1); + }, + + /** + * Returns true if specified type is identical to the type of an instance + * @param {String} type Type to check against + * @return {Boolean} + */ + isType: function(type) { + return this.type === type; + }, + + /** + * Returns complexity of an instance + * @return {Number} complexity of this instance (is 1 unless subclassed) + */ + complexity: function() { + return 1; + }, + + /** + * Returns a JSON representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} JSON + */ + toJSON: function(propertiesToInclude) { + // delegate, not alias + return this.toObject(propertiesToInclude); + }, + + /** + * Sets "angle" of an instance with centered rotation + * @param {Number} angle Angle value (in degrees) + * @return {fabric.Object} thisArg + * @chainable + */ + rotate: function(angle) { + var shouldCenterOrigin = (this.originX !== 'center' || this.originY !== 'center') && this.centeredRotation; + + if (shouldCenterOrigin) { + this._setOriginToCenter(); + } + + this.set('angle', angle); + + if (shouldCenterOrigin) { + this._resetOrigin(); + } + + return this; + }, + + /** + * Centers object horizontally on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + centerH: function () { + this.canvas && this.canvas.centerObjectH(this); + return this; + }, + + /** + * Centers object horizontally on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + viewportCenterH: function () { + this.canvas && this.canvas.viewportCenterObjectH(this); + return this; + }, + + /** + * Centers object vertically on canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + centerV: function () { + this.canvas && this.canvas.centerObjectV(this); + return this; + }, + + /** + * Centers object vertically on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + viewportCenterV: function () { + this.canvas && this.canvas.viewportCenterObjectV(this); + return this; + }, + + /** + * Centers object vertically and horizontally on canvas to which is was added last + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + center: function () { + this.canvas && this.canvas.centerObject(this); + return this; + }, + + /** + * Centers object on current viewport of canvas to which it was added last. + * You might need to call `setCoords` on an object after centering, to update controls area. + * @return {fabric.Object} thisArg + * @chainable + */ + viewportCenter: function () { + this.canvas && this.canvas.viewportCenterObject(this); + return this; + }, + + /** + * Returns coordinates of a pointer relative to an object + * @param {Event} e Event to operate upon + * @param {Object} [pointer] Pointer to operate upon (instead of event) + * @return {Object} Coordinates of a pointer (x, y) + */ + getLocalPointer: function(e, pointer) { + pointer = pointer || this.canvas.getPointer(e); + var pClicked = new fabric.Point(pointer.x, pointer.y), + objectLeftTop = this._getLeftTopCoords(); + if (this.angle) { + pClicked = fabric.util.rotatePoint( + pClicked, objectLeftTop, degreesToRadians(-this.angle)); + } + return { + x: pClicked.x - objectLeftTop.x, + y: pClicked.y - objectLeftTop.y + }; + }, + + /** + * Sets canvas globalCompositeOperation for specific object + * custom composition operation for the particular object can be specified using globalCompositeOperation property + * @param {CanvasRenderingContext2D} ctx Rendering canvas context + */ + _setupCompositeOperation: function (ctx) { + if (this.globalCompositeOperation) { + ctx.globalCompositeOperation = this.globalCompositeOperation; + } + }, + + /** + * cancel instance's running animations + * override if necessary to dispose artifacts such as `clipPath` + */ + dispose: function () { + if (fabric.runningAnimations) { + fabric.runningAnimations.cancelByTarget(this); + } + } + }); + + fabric.util.createAccessors && fabric.util.createAccessors(fabric.Object); + + extend(fabric.Object.prototype, fabric.Observable); + + /** + * Defines the number of fraction digits to use when serializing object values. + * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc. + * @static + * @memberOf fabric.Object + * @constant + * @type Number + */ + fabric.Object.NUM_FRACTION_DIGITS = 2; + + /** + * Defines which properties should be enlivened from the object passed to {@link fabric.Object._fromObject} + * @static + * @memberOf fabric.Object + * @constant + * @type string[] + */ + fabric.Object.ENLIVEN_PROPS = ['clipPath']; + + fabric.Object._fromObject = function(className, object, callback, extraParam) { + var klass = fabric[className]; + object = clone(object, true); + fabric.util.enlivenPatterns([object.fill, object.stroke], function(patterns) { + if (typeof patterns[0] !== 'undefined') { + object.fill = patterns[0]; + } + if (typeof patterns[1] !== 'undefined') { + object.stroke = patterns[1]; + } + fabric.util.enlivenObjectEnlivables(object, object, function () { + var instance = extraParam ? new klass(object[extraParam], object) : new klass(object); + callback && callback(instance); + }); }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Populates canvas with data from the specified JSON. - * JSON format must conform to the one of {@link fabric.Canvas#toJSON} - * - * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking - * - * @param {String|Object} json JSON string or object - * @param {Function} [reviver] Method for further parsing of JSON elements, called after each fabric object created. - * @param {Object} [options] options - * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @return {Promise} instance - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#deserialization} - * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo} - * @example loadFromJSON - * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll()); - * @example loadFromJSON with reviver - * canvas.loadFromJSON(json, function(o, object) { - * // `o` = json object - * // `object` = fabric.Object instance - * // ... do some stuff ... - * }).then((canvas) => { - * ... canvas is restored, add your code. - * }); - * - */ - loadFromJSON: function (json, reviver, options) { - if (!json) { - return Promise.reject(new Error('fabric.js: `json` is undefined')); - } - // serialize if it wasn't already - var serialized = typeof json === 'string' ? JSON.parse(json) : Object.assign({}, json); - var _this = this, renderOnAddRemove = this.renderOnAddRemove; - this.renderOnAddRemove = false; - return Promise.all([ - fabric.util.enlivenObjects(serialized.objects || [], { - reviver: reviver, - signal: options && options.signal, - }), - fabric.util.enlivenObjectEnlivables({ - backgroundImage: serialized.backgroundImage, - backgroundColor: serialized.background, - overlayImage: serialized.overlayImage, - overlayColor: serialized.overlay, - clipPath: serialized.clipPath, - }, { signal: options && options.signal }), - ]).then(function (res) { - var enlived = res[0], enlivedMap = res[1]; - _this.clear(); - _this.__setupCanvas(serialized, enlived); - _this.renderOnAddRemove = renderOnAddRemove; - _this.set(enlivedMap); - return _this; - }); - }, - /** - * @private - * @param {Object} serialized Object with background and overlay information - * @param {Array} enlivenedObjects canvas objects - */ - __setupCanvas: function (serialized, enlivenedObjects) { - enlivenedObjects.forEach((obj, index) => { - // we splice the array just in case some custom classes restored from JSON - // will add more object to canvas at canvas init. - this.insertAt(index, obj); - }); - // remove parts i cannot set as options - delete serialized.objects; - delete serialized.backgroundImage; - delete serialized.overlayImage; - delete serialized.background; - delete serialized.overlay; - // this._initOptions does too many things to just - // call it. Normally loading an Object from JSON - // create the Object instance. Here the Canvas is - // already an instance and we are just loading things over it - this._setOptions(serialized); + }; + + /** + * Unique id used internally when creating SVG elements + * @static + * @memberOf fabric.Object + * @type Number + */ + fabric.Object.__uid = 0; +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + + var degreesToRadians = fabric.util.degreesToRadians, + originXOffset = { + left: -0.5, + center: 0, + right: 0.5 + }, + originYOffset = { + top: -0.5, + center: 0, + bottom: 0.5 + }; + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Translates the coordinates from a set of origin to another (based on the object's dimensions) + * @param {fabric.Point} point The point which corresponds to the originX and originY params + * @param {String} fromOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {String} fromOriginY Vertical origin: 'top', 'center' or 'bottom' + * @param {String} toOriginX Horizontal origin: 'left', 'center' or 'right' + * @param {String} toOriginY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + translateToGivenOrigin: function(point, fromOriginX, fromOriginY, toOriginX, toOriginY) { + var x = point.x, + y = point.y, + offsetX, offsetY, dim; + + if (typeof fromOriginX === 'string') { + fromOriginX = originXOffset[fromOriginX]; + } + else { + fromOriginX -= 0.5; + } + + if (typeof toOriginX === 'string') { + toOriginX = originXOffset[toOriginX]; + } + else { + toOriginX -= 0.5; + } + + offsetX = toOriginX - fromOriginX; + + if (typeof fromOriginY === 'string') { + fromOriginY = originYOffset[fromOriginY]; + } + else { + fromOriginY -= 0.5; + } + + if (typeof toOriginY === 'string') { + toOriginY = originYOffset[toOriginY]; + } + else { + toOriginY -= 0.5; + } + + offsetY = toOriginY - fromOriginY; + + if (offsetX || offsetY) { + dim = this._getTransformedDimensions(); + x = point.x + offsetX * dim.x; + y = point.y + offsetY * dim.y; + } + + return new fabric.Point(x, y); + }, + + /** + * Translates the coordinates from origin to center coordinates (based on the object's dimensions) + * @param {fabric.Point} point The point which corresponds to the originX and originY params + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + translateToCenterPoint: function(point, originX, originY) { + var p = this.translateToGivenOrigin(point, originX, originY, 'center', 'center'); + if (this.angle) { + return fabric.util.rotatePoint(p, point, degreesToRadians(this.angle)); + } + return p; + }, + + /** + * Translates the coordinates from center to origin coordinates (based on the object's dimensions) + * @param {fabric.Point} center The point which corresponds to center of the object + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + translateToOriginPoint: function(center, originX, originY) { + var p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); + if (this.angle) { + return fabric.util.rotatePoint(p, center, degreesToRadians(this.angle)); + } + return p; + }, + + /** + * Returns the real center coordinates of the object + * @return {fabric.Point} + */ + getCenterPoint: function() { + var leftTop = new fabric.Point(this.left, this.top); + return this.translateToCenterPoint(leftTop, this.originX, this.originY); + }, + + /** + * Returns the coordinates of the object based on center coordinates + * @param {fabric.Point} point The point which corresponds to the originX and originY params + * @return {fabric.Point} + */ + // getOriginPoint: function(center) { + // return this.translateToOriginPoint(center, this.originX, this.originY); + // }, + + /** + * Returns the coordinates of the object as if it has a different origin + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + getPointByOrigin: function(originX, originY) { + var center = this.getCenterPoint(); + return this.translateToOriginPoint(center, originX, originY); + }, + + /** + * Returns the point in local coordinates + * @param {fabric.Point} point The point relative to the global coordinate system + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {fabric.Point} + */ + toLocalPoint: function(point, originX, originY) { + var center = this.getCenterPoint(), + p, p2; + + if (typeof originX !== 'undefined' && typeof originY !== 'undefined' ) { + p = this.translateToGivenOrigin(center, 'center', 'center', originX, originY); + } + else { + p = new fabric.Point(this.left, this.top); + } + + p2 = new fabric.Point(point.x, point.y); + if (this.angle) { + p2 = fabric.util.rotatePoint(p2, center, -degreesToRadians(this.angle)); + } + return p2.subtractEquals(p); + }, + + /** + * Returns the point in global coordinates + * @param {fabric.Point} The point relative to the local coordinate system + * @return {fabric.Point} + */ + // toGlobalPoint: function(point) { + // return fabric.util.rotatePoint(point, this.getCenterPoint(), degreesToRadians(this.angle)).addEquals(new fabric.Point(this.left, this.top)); + // }, + + /** + * Sets the position of the object taking into consideration the object's origin + * @param {fabric.Point} pos The new position of the object + * @param {String} originX Horizontal origin: 'left', 'center' or 'right' + * @param {String} originY Vertical origin: 'top', 'center' or 'bottom' + * @return {void} + */ + setPositionByOrigin: function(pos, originX, originY) { + var center = this.translateToCenterPoint(pos, originX, originY), + position = this.translateToOriginPoint(center, this.originX, this.originY); + this.set('left', position.x); + this.set('top', position.y); + }, + + /** + * @param {String} to One of 'left', 'center', 'right' + */ + adjustPosition: function(to) { + var angle = degreesToRadians(this.angle), + hypotFull = this.getScaledWidth(), + xFull = fabric.util.cos(angle) * hypotFull, + yFull = fabric.util.sin(angle) * hypotFull, + offsetFrom, offsetTo; + + //TODO: this function does not consider mixed situation like top, center. + if (typeof this.originX === 'string') { + offsetFrom = originXOffset[this.originX]; + } + else { + offsetFrom = this.originX - 0.5; + } + if (typeof to === 'string') { + offsetTo = originXOffset[to]; + } + else { + offsetTo = to - 0.5; + } + this.left += xFull * (offsetTo - offsetFrom); + this.top += yFull * (offsetTo - offsetFrom); + this.setCoords(); + this.originX = to; + }, + + /** + * Sets the origin/position of the object to it's center point + * @private + * @return {void} + */ + _setOriginToCenter: function() { + this._originalOriginX = this.originX; + this._originalOriginY = this.originY; + + var center = this.getCenterPoint(); + + this.originX = 'center'; + this.originY = 'center'; + + this.left = center.x; + this.top = center.y; + }, + + /** + * Resets the origin/position of the object to it's original origin + * @private + * @return {void} + */ + _resetOrigin: function() { + var originPoint = this.translateToOriginPoint( + this.getCenterPoint(), + this._originalOriginX, + this._originalOriginY); + + this.originX = this._originalOriginX; + this.originY = this._originalOriginY; + + this.left = originPoint.x; + this.top = originPoint.y; + + this._originalOriginX = null; + this._originalOriginY = null; + }, + + /** + * @private + */ + _getLeftTopCoords: function() { + return this.translateToOriginPoint(this.getCenterPoint(), 'left', 'top'); + }, + }); + +})(); + + +(function() { + + function arrayFromCoords(coords) { + return [ + new fabric.Point(coords.tl.x, coords.tl.y), + new fabric.Point(coords.tr.x, coords.tr.y), + new fabric.Point(coords.br.x, coords.br.y), + new fabric.Point(coords.bl.x, coords.bl.y) + ]; + } + + var util = fabric.util, + degreesToRadians = util.degreesToRadians, + multiplyMatrices = util.multiplyTransformMatrices, + transformPoint = util.transformPoint; + + util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Describe object's corner position in canvas element coordinates. + * properties are depending on control keys and padding the main controls. + * each property is an object with x, y and corner. + * The `corner` property contains in a similar manner the 4 points of the + * interactive area of the corner. + * The coordinates depends from the controls positionHandler and are used + * to draw and locate controls + * @memberOf fabric.Object.prototype + */ + oCoords: null, + + /** + * Describe object's corner position in canvas object absolute coordinates + * properties are tl,tr,bl,br and describe the four main corner. + * each property is an object with x, y, instance of Fabric.Point. + * The coordinates depends from this properties: width, height, scaleX, scaleY + * skewX, skewY, angle, strokeWidth, top, left. + * Those coordinates are useful to understand where an object is. They get updated + * with oCoords but they do not need to be updated when zoom or panning change. + * The coordinates get updated with @method setCoords. + * You can calculate them without updating with @method calcACoords(); + * @memberOf fabric.Object.prototype + */ + aCoords: null, + + /** + * Describe object's corner position in canvas element coordinates. + * includes padding. Used of object detection. + * set and refreshed with setCoords. + * @memberOf fabric.Object.prototype + */ + lineCoords: null, + + /** + * storage for object transform matrix + */ + ownMatrixCache: null, + + /** + * storage for object full transform matrix + */ + matrixCache: null, + + /** + * custom controls interface + * controls are added by default_controls.js + */ + controls: { }, + + /** + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * @param {Boolean} absolute will return aCoords if true or lineCoords + * @return {Object} {tl, tr, br, bl} points + */ + _getCoords: function(absolute, calculate) { + if (calculate) { + return (absolute ? this.calcACoords() : this.calcLineCoords()); + } + if (!this.aCoords || !this.lineCoords) { + this.setCoords(true); + } + return (absolute ? this.aCoords : this.lineCoords); + }, + + /** + * return correct set of coordinates for intersection + * this will return either aCoords or lineCoords. + * The coords are returned in an array. + * @return {Array} [tl, tr, br, bl] of points + */ + getCoords: function(absolute, calculate) { + return arrayFromCoords(this._getCoords(absolute, calculate)); + }, + + /** + * Checks if object intersects with an area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object intersects with an area formed by 2 points + */ + intersectsWithRect: function(pointTL, pointBR, absolute, calculate) { + var coords = this.getCoords(absolute, calculate), + intersection = fabric.Intersection.intersectPolygonRectangle( + coords, + pointTL, + pointBR + ); + return intersection.status === 'Intersection'; + }, + + /** + * Checks if object intersects with another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object intersects with another object + */ + intersectsWithObject: function(other, absolute, calculate) { + var intersection = fabric.Intersection.intersectPolygonPolygon( + this.getCoords(absolute, calculate), + other.getCoords(absolute, calculate) + ); + + return intersection.status === 'Intersection' + || other.isContainedWithinObject(this, absolute, calculate) + || this.isContainedWithinObject(other, absolute, calculate); + }, + + /** + * Checks if object is fully contained within area of another object + * @param {Object} other Object to test + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object is fully contained within area of another object + */ + isContainedWithinObject: function(other, absolute, calculate) { + var points = this.getCoords(absolute, calculate), + otherCoords = absolute ? other.aCoords : other.lineCoords, + i = 0, lines = other._getImageLines(otherCoords); + for (; i < 4; i++) { + if (!other.containsPoint(points[i], lines)) { + return false; + } + } + return true; + }, + + /** + * Checks if object is fully contained within area formed by 2 points + * @param {Object} pointTL top-left point of area + * @param {Object} pointBR bottom-right point of area + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object is fully contained within area formed by 2 points + */ + isContainedWithinRect: function(pointTL, pointBR, absolute, calculate) { + var boundingRect = this.getBoundingRect(absolute, calculate); + + return ( + boundingRect.left >= pointTL.x && + boundingRect.left + boundingRect.width <= pointBR.x && + boundingRect.top >= pointTL.y && + boundingRect.top + boundingRect.height <= pointBR.y + ); + }, + + /** + * Checks if point is inside the object + * @param {fabric.Point} point Point to check against + * @param {Object} [lines] object returned from @method _getImageLines + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if point is inside the object + */ + containsPoint: function(point, lines, absolute, calculate) { + var coords = this._getCoords(absolute, calculate), + lines = lines || this._getImageLines(coords), + xPoints = this._findCrossPoints(point, lines); + // if xPoints is odd then point is inside the object + return (xPoints !== 0 && xPoints % 2 === 1); + }, + + /** + * Checks if object is contained within the canvas with current viewportTransform + * the check is done stopping at first point that appears on screen + * @param {Boolean} [calculate] use coordinates of current position instead of .aCoords + * @return {Boolean} true if object is fully or partially contained within canvas + */ + isOnScreen: function(calculate) { + if (!this.canvas) { + return false; + } + var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; + var points = this.getCoords(true, calculate); + // if some point is on screen, the object is on screen. + if (points.some(function(point) { + return point.x <= pointBR.x && point.x >= pointTL.x && + point.y <= pointBR.y && point.y >= pointTL.y; + })) { + return true; + } + // no points on screen, check intersection with absolute coordinates + if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { + return true; + } + return this._containsCenterOfCanvas(pointTL, pointBR, calculate); + }, + + /** + * Checks if the object contains the midpoint between canvas extremities + * Does not make sense outside the context of isOnScreen and isPartiallyOnScreen + * @private + * @param {Fabric.Point} pointTL Top Left point + * @param {Fabric.Point} pointBR Top Right point + * @param {Boolean} calculate use coordinates of current position instead of .oCoords + * @return {Boolean} true if the object contains the point + */ + _containsCenterOfCanvas: function(pointTL, pointBR, calculate) { + // worst case scenario the object is so big that contains the screen + var centerPoint = { x: (pointTL.x + pointBR.x) / 2, y: (pointTL.y + pointBR.y) / 2 }; + if (this.containsPoint(centerPoint, null, true, calculate)) { + return true; + } + return false; + }, + + /** + * Checks if object is partially contained within the canvas with current viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords + * @return {Boolean} true if object is partially contained within canvas + */ + isPartiallyOnScreen: function(calculate) { + if (!this.canvas) { + return false; + } + var pointTL = this.canvas.vptCoords.tl, pointBR = this.canvas.vptCoords.br; + if (this.intersectsWithRect(pointTL, pointBR, true, calculate)) { + return true; + } + var allPointsAreOutside = this.getCoords(true, calculate).every(function(point) { + return (point.x >= pointBR.x || point.x <= pointTL.x) && + (point.y >= pointBR.y || point.y <= pointTL.y); + }); + return allPointsAreOutside && this._containsCenterOfCanvas(pointTL, pointBR, calculate); + }, + + /** + * Method that returns an object with the object edges in it, given the coordinates of the corners + * @private + * @param {Object} oCoords Coordinates of the object corners + */ + _getImageLines: function(oCoords) { + + var lines = { + topline: { + o: oCoords.tl, + d: oCoords.tr }, - /** - * Clones canvas instance - * @param {Array} [properties] Array of properties to include in the cloned canvas and children - * @returns {Promise} - */ - clone: function (properties) { - var data = JSON.stringify(this.toJSON(properties)); - return this.cloneWithoutData().then(function (clone) { - return clone.loadFromJSON(data); - }); + rightline: { + o: oCoords.tr, + d: oCoords.br }, - /** - * Clones canvas instance without cloning existing data. - * This essentially copies canvas dimensions, clipping properties, etc. - * but leaves data empty (so that you can populate it with your own) - * @returns {Promise} - */ - cloneWithoutData: function () { - var el = fabric.util.createCanvasElement(); - el.width = this.width; - el.height = this.height; - // this seems wrong. either Canvas or StaticCanvas - var clone = new fabric.Canvas(el); - var data = {}; - if (this.backgroundImage) { - data.backgroundImage = this.backgroundImage.toObject(); - } - if (this.backgroundColor) { - data.background = this.backgroundColor.toObject - ? this.backgroundColor.toObject() - : this.backgroundColor; - } - return clone.loadFromJSON(data); + bottomline: { + o: oCoords.br, + d: oCoords.bl }, + leftline: { + o: oCoords.bl, + d: oCoords.tl + } + }; + + // // debugging + // if (this.canvas.contextTop) { + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + // } + + return lines; + }, + + /** + * Helper method to determine how many cross points are between the 4 object edges + * and the horizontal line determined by a point on canvas + * @private + * @param {fabric.Point} point Point to check + * @param {Object} lines Coordinates of the object being evaluated + */ + // remove yi, not used but left code here just in case. + _findCrossPoints: function(point, lines) { + var b1, b2, a1, a2, xi, // yi, + xcount = 0, + iLine; + + for (var lineKey in lines) { + iLine = lines[lineKey]; + // optimisation 1: line below point. no cross + if ((iLine.o.y < point.y) && (iLine.d.y < point.y)) { + continue; + } + // optimisation 2: line above point. no cross + if ((iLine.o.y >= point.y) && (iLine.d.y >= point.y)) { + continue; + } + // optimisation 3: vertical line case + if ((iLine.o.x === iLine.d.x) && (iLine.o.x >= point.x)) { + xi = iLine.o.x; + // yi = point.y; + } + // calculate the intersection point + else { + b1 = 0; + b2 = (iLine.d.y - iLine.o.y) / (iLine.d.x - iLine.o.x); + a1 = point.y - b1 * point.x; + a2 = iLine.o.y - b2 * iLine.o.x; + + xi = -(a1 - a2) / (b1 - b2); + // yi = a1 + b1 * xi; + } + // dont count xi < point.x cases + if (xi >= point.x) { + xcount += 1; + } + // optimisation 4: specific for square images + if (xcount === 2) { + break; + } + } + return xcount; + }, + + /** + * Returns coordinates of object's bounding rectangle (left, top, width, height) + * the box is intended as aligned to axis of canvas. + * @param {Boolean} [absolute] use coordinates without viewportTransform + * @param {Boolean} [calculate] use coordinates of current position instead of .oCoords / .aCoords + * @return {Object} Object with left, top, width, height properties + */ + getBoundingRect: function(absolute, calculate) { + var coords = this.getCoords(absolute, calculate); + return util.makeBoundingBoxFromPoints(coords); + }, + + /** + * Returns width of an object's bounding box counting transformations + * before 2.0 it was named getWidth(); + * @return {Number} width value + */ + getScaledWidth: function() { + return this._getTransformedDimensions().x; + }, + + /** + * Returns height of an object bounding box counting transformations + * before 2.0 it was named getHeight(); + * @return {Number} height value + */ + getScaledHeight: function() { + return this._getTransformedDimensions().y; + }, + + /** + * Makes sure the scale is valid and modifies it if necessary + * @private + * @param {Number} value + * @return {Number} + */ + _constrainScale: function(value) { + if (Math.abs(value) < this.minScaleLimit) { + if (value < 0) { + return -this.minScaleLimit; + } + else { + return this.minScaleLimit; + } + } + else if (value === 0) { + return 0.0001; + } + return value; + }, + + /** + * Scales an object (equally by x and y) + * @param {Number} value Scale factor + * @return {fabric.Object} thisArg + * @chainable + */ + scale: function(value) { + this._set('scaleX', value); + this._set('scaleY', value); + return this.setCoords(); + }, + + /** + * Scales an object to a given width, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New width value + * @param {Boolean} absolute ignore viewport + * @return {fabric.Object} thisArg + * @chainable + */ + scaleToWidth: function(value, absolute) { + // adjust to bounding rect factor so that rotated shapes would fit as well + var boundingRectFactor = this.getBoundingRect(absolute).width / this.getScaledWidth(); + return this.scale(value / this.width / boundingRectFactor); + }, + + /** + * Scales an object to a given height, with respect to bounding box (scaling by x/y equally) + * @param {Number} value New height value + * @param {Boolean} absolute ignore viewport + * @return {fabric.Object} thisArg + * @chainable + */ + scaleToHeight: function(value, absolute) { + // adjust to bounding rect factor so that rotated shapes would fit as well + var boundingRectFactor = this.getBoundingRect(absolute).height / this.getScaledHeight(); + return this.scale(value / this.height / boundingRectFactor); + }, + + calcLineCoords: function() { + var vpt = this.getViewportTransform(), + padding = this.padding, angle = degreesToRadians(this.angle), + cos = util.cos(angle), sin = util.sin(angle), + cosP = cos * padding, sinP = sin * padding, cosPSinP = cosP + sinP, + cosPMinusSinP = cosP - sinP, aCoords = this.calcACoords(); + + var lineCoords = { + tl: transformPoint(aCoords.tl, vpt), + tr: transformPoint(aCoords.tr, vpt), + bl: transformPoint(aCoords.bl, vpt), + br: transformPoint(aCoords.br, vpt), + }; + + if (padding) { + lineCoords.tl.x -= cosPMinusSinP; + lineCoords.tl.y -= cosPSinP; + lineCoords.tr.x += cosPSinP; + lineCoords.tr.y -= cosPMinusSinP; + lineCoords.bl.x -= cosPSinP; + lineCoords.bl.y += cosPMinusSinP; + lineCoords.br.x += cosPMinusSinP; + lineCoords.br.y += cosPSinP; + } + + return lineCoords; + }, + + calcOCoords: function() { + var rotateMatrix = this._calcRotateMatrix(), + translateMatrix = this._calcTranslateMatrix(), + vpt = this.getViewportTransform(), + startMatrix = multiplyMatrices(vpt, translateMatrix), + finalMatrix = multiplyMatrices(startMatrix, rotateMatrix), + finalMatrix = multiplyMatrices(finalMatrix, [1 / vpt[0], 0, 0, 1 / vpt[3], 0, 0]), + dim = this._calculateCurrentDimensions(), + coords = {}; + this.forEachControl(function(control, key, fabricObject) { + coords[key] = control.positionHandler(dim, finalMatrix, fabricObject); + }); + + // debug code + // var canvas = this.canvas; + // setTimeout(function() { + // canvas.contextTop.clearRect(0, 0, 700, 700); + // canvas.contextTop.fillStyle = 'green'; + // Object.keys(coords).forEach(function(key) { + // var control = coords[key]; + // canvas.contextTop.fillRect(control.x, control.y, 3, 3); + // }); + // }, 50); + return coords; + }, + + calcACoords: function() { + var rotateMatrix = this._calcRotateMatrix(), + translateMatrix = this._calcTranslateMatrix(), + finalMatrix = multiplyMatrices(translateMatrix, rotateMatrix), + dim = this._getTransformedDimensions(), + w = dim.x / 2, h = dim.y / 2; + return { + // corners + tl: transformPoint({ x: -w, y: -h }, finalMatrix), + tr: transformPoint({ x: w, y: -h }, finalMatrix), + bl: transformPoint({ x: -w, y: h }, finalMatrix), + br: transformPoint({ x: w, y: h }, finalMatrix) + }; + }, + + /** + * Sets corner and controls position coordinates based on current angle, width and height, left and top. + * oCoords are used to find the corners + * aCoords are used to quickly find an object on the canvas + * lineCoords are used to quickly find object during pointer events. + * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas} + * + * @param {Boolean} [skipCorners] skip calculation of oCoords. + * @return {fabric.Object} thisArg + * @chainable + */ + setCoords: function(skipCorners) { + this.aCoords = this.calcACoords(); + // in case we are in a group, for how the inner group target check works, + // lineCoords are exactly aCoords. Since the vpt gets absorbed by the normalized pointer. + this.lineCoords = this.group ? this.aCoords : this.calcLineCoords(); + if (skipCorners) { + return this; + } + // set coordinates of the draggable boxes in the corners used to scale/rotate the image + this.oCoords = this.calcOCoords(); + this._setCornerCoords && this._setCornerCoords(); + return this; + }, + + /** + * calculate rotation matrix of an object + * @return {Array} rotation matrix for the object + */ + _calcRotateMatrix: function() { + return util.calcRotateMatrix(this); + }, + + /** + * calculate the translation matrix for an object transform + * @return {Array} rotation matrix for the object + */ + _calcTranslateMatrix: function() { + var center = this.getCenterPoint(); + return [1, 0, 0, 1, center.x, center.y]; + }, + + transformMatrixKey: function(skipGroup) { + var sep = '_', prefix = ''; + if (!skipGroup && this.group) { + prefix = this.group.transformMatrixKey(skipGroup) + sep; + }; + return prefix + this.top + sep + this.left + sep + this.scaleX + sep + this.scaleY + + sep + this.skewX + sep + this.skewY + sep + this.angle + sep + this.originX + sep + this.originY + + sep + this.width + sep + this.height + sep + this.strokeWidth + this.flipX + this.flipY; + }, + + /** + * calculate transform matrix that represents the current transformations from the + * object's properties. + * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations + * There are some situation in which this is useful to avoid the fake rotation. + * @return {Array} transform matrix for the object + */ + calcTransformMatrix: function(skipGroup) { + var matrix = this.calcOwnMatrix(); + if (skipGroup || !this.group) { + return matrix; + } + var key = this.transformMatrixKey(skipGroup), cache = this.matrixCache || (this.matrixCache = {}); + if (cache.key === key) { + return cache.value; + } + if (this.group) { + matrix = multiplyMatrices(this.group.calcTransformMatrix(false), matrix); + } + cache.key = key; + cache.value = matrix; + return matrix; + }, + + /** + * calculate transform matrix that represents the current transformations from the + * object's properties, this matrix does not include the group transformation + * @return {Array} transform matrix for the object + */ + calcOwnMatrix: function() { + var key = this.transformMatrixKey(true), cache = this.ownMatrixCache || (this.ownMatrixCache = {}); + if (cache.key === key) { + return cache.value; + } + var tMatrix = this._calcTranslateMatrix(), + options = { + angle: this.angle, + translateX: tMatrix[4], + translateY: tMatrix[5], + scaleX: this.scaleX, + scaleY: this.scaleY, + skewX: this.skewX, + skewY: this.skewY, + flipX: this.flipX, + flipY: this.flipY, + }; + cache.key = key; + cache.value = util.composeMatrix(options); + return cache.value; + }, + + /* + * Calculate object dimensions from its properties + * @private + * @return {Object} .x width dimension + * @return {Object} .y height dimension + */ + _getNonTransformedDimensions: function() { + var strokeWidth = this.strokeWidth, + w = this.width + strokeWidth, + h = this.height + strokeWidth; + return { x: w, y: h }; + }, + + /* + * Calculate object bounding box dimensions from its properties scale, skew. + * @param {Number} skewX, a value to override current skewX + * @param {Number} skewY, a value to override current skewY + * @private + * @return {Object} .x width dimension + * @return {Object} .y height dimension + */ + _getTransformedDimensions: function(skewX, skewY) { + if (typeof skewX === 'undefined') { + skewX = this.skewX; + } + if (typeof skewY === 'undefined') { + skewY = this.skewY; + } + var dimensions, dimX, dimY, + noSkew = skewX === 0 && skewY === 0; + + if (this.strokeUniform) { + dimX = this.width; + dimY = this.height; + } + else { + dimensions = this._getNonTransformedDimensions(); + dimX = dimensions.x; + dimY = dimensions.y; + } + if (noSkew) { + return this._finalizeDimensions(dimX * this.scaleX, dimY * this.scaleY); + } + var bbox = util.sizeAfterTransform(dimX, dimY, { + scaleX: this.scaleX, + scaleY: this.scaleY, + skewX: skewX, + skewY: skewY, + }); + return this._finalizeDimensions(bbox.x, bbox.y); + }, + + /* + * Calculate object bounding box dimensions from its properties scale, skew. + * @param Number width width of the bbox + * @param Number height height of the bbox + * @private + * @return {Object} .x finalized width dimension + * @return {Object} .y finalized height dimension + */ + _finalizeDimensions: function(width, height) { + return this.strokeUniform ? + { x: width + this.strokeWidth, y: height + this.strokeWidth } + : + { x: width, y: height }; + }, + + /* + * Calculate object dimensions for controls box, including padding and canvas zoom. + * and active selection + * private + */ + _calculateCurrentDimensions: function() { + var vpt = this.getViewportTransform(), + dim = this._getTransformedDimensions(), + p = transformPoint(dim, vpt, true); + return p.scalarAdd(2 * this.padding); + }, + }); +})(); + + +fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Moves an object to the bottom of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + sendToBack: function() { + if (this.group) { + fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); + } + else if (this.canvas) { + this.canvas.sendToBack(this); + } + return this; + }, + + /** + * Moves an object to the top of the stack of drawn objects + * @return {fabric.Object} thisArg + * @chainable + */ + bringToFront: function() { + if (this.group) { + fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); + } + else if (this.canvas) { + this.canvas.bringToFront(this); + } + return this; + }, + + /** + * Moves an object down in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + sendBackwards: function(intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.sendBackwards(this, intersecting); + } + return this; + }, + + /** + * Moves an object up in stack of drawn objects + * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object + * @return {fabric.Object} thisArg + * @chainable + */ + bringForward: function(intersecting) { + if (this.group) { + fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); + } + else if (this.canvas) { + this.canvas.bringForward(this, intersecting); + } + return this; + }, + + /** + * Moves an object to specified level in stack of drawn objects + * @param {Number} index New position of object + * @return {fabric.Object} thisArg + * @chainable + */ + moveTo: function(index) { + if (this.group && this.group.type !== 'activeSelection') { + fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); + } + else if (this.canvas) { + this.canvas.moveTo(this, index); + } + return this; + } +}); + + +/* _TO_SVG_START_ */ +(function() { + function getSvgColorString(prop, value) { + if (!value) { + return prop + ': none; '; + } + else if (value.toLive) { + return prop + ': url(#SVGID_' + value.id + '); '; + } + else { + var color = new fabric.Color(value), + str = prop + ': ' + color.toRgb() + '; ', + opacity = color.getAlpha(); + if (opacity !== 1) { + //change the color in rgb + opacity + str += prop + '-opacity: ' + opacity.toString() + '; '; + } + return str; + } + } + + var toFixed = fabric.util.toFixed; + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + /** + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} + */ + getSvgStyles: function(skipShadow) { + + var fillRule = this.fillRule ? this.fillRule : 'nonzero', + strokeWidth = this.strokeWidth ? this.strokeWidth : '0', + strokeDashArray = this.strokeDashArray ? this.strokeDashArray.join(' ') : 'none', + strokeDashOffset = this.strokeDashOffset ? this.strokeDashOffset : '0', + strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', + strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', + strokeMiterLimit = this.strokeMiterLimit ? this.strokeMiterLimit : '4', + opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', + visibility = this.visible ? '' : ' visibility: hidden;', + filter = skipShadow ? '' : this.getSvgFilter(), + fill = getSvgColorString('fill', this.fill), + stroke = getSvgColorString('stroke', this.stroke); + + return [ + stroke, + 'stroke-width: ', strokeWidth, '; ', + 'stroke-dasharray: ', strokeDashArray, '; ', + 'stroke-linecap: ', strokeLineCap, '; ', + 'stroke-dashoffset: ', strokeDashOffset, '; ', + 'stroke-linejoin: ', strokeLineJoin, '; ', + 'stroke-miterlimit: ', strokeMiterLimit, '; ', + fill, + 'fill-rule: ', fillRule, '; ', + 'opacity: ', opacity, ';', + filter, + visibility + ].join(''); + }, + + /** + * Returns styles-string for svg-export + * @param {Object} style the object from which to retrieve style properties + * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. + * @return {String} + */ + getSvgSpanStyles: function(style, useWhiteSpace) { + var term = '; '; + var fontFamily = style.fontFamily ? + 'font-family: ' + (((style.fontFamily.indexOf('\'') === -1 && style.fontFamily.indexOf('"') === -1) ? + '\'' + style.fontFamily + '\'' : style.fontFamily)) + term : ''; + var strokeWidth = style.strokeWidth ? 'stroke-width: ' + style.strokeWidth + term : '', + fontFamily = fontFamily, + fontSize = style.fontSize ? 'font-size: ' + style.fontSize + 'px' + term : '', + fontStyle = style.fontStyle ? 'font-style: ' + style.fontStyle + term : '', + fontWeight = style.fontWeight ? 'font-weight: ' + style.fontWeight + term : '', + fill = style.fill ? getSvgColorString('fill', style.fill) : '', + stroke = style.stroke ? getSvgColorString('stroke', style.stroke) : '', + textDecoration = this.getSvgTextDecoration(style), + deltaY = style.deltaY ? 'baseline-shift: ' + (-style.deltaY) + '; ' : ''; + if (textDecoration) { + textDecoration = 'text-decoration: ' + textDecoration + term; + } + + return [ + stroke, + strokeWidth, + fontFamily, + fontSize, + fontStyle, + fontWeight, + textDecoration, + fill, + deltaY, + useWhiteSpace ? 'white-space: pre; ' : '' + ].join(''); + }, + + /** + * Returns text-decoration property for svg-export + * @param {Object} style the object from which to retrieve style properties + * @return {String} + */ + getSvgTextDecoration: function(style) { + return ['overline', 'underline', 'line-through'].filter(function(decoration) { + return style[decoration.replace('-', '')]; + }).join(' '); + }, + + /** + * Returns filter for svg shadow + * @return {String} + */ + getSvgFilter: function() { + return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; + }, + + /** + * Returns id attribute for svg output + * @return {String} + */ + getSvgCommons: function() { + return [ + this.id ? 'id="' + this.id + '" ' : '', + this.clipPath ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' : '', + ].join(''); + }, + + /** + * Returns transform-string for svg-export + * @param {Boolean} use the full transform or the single object one. + * @return {String} + */ + getSvgTransform: function(full, additionalTransform) { + var transform = full ? this.calcTransformMatrix() : this.calcOwnMatrix(), + svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); + return svgTransform + + (additionalTransform || '') + '" '; + }, + + _setSVGBg: function(textBgRects) { + if (this.backgroundColor) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n'); + } + }, + + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function(reviver) { + return this._createBaseSVGMarkup(this._toSVG(reviver), { reviver: reviver }); + }, + + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function(reviver) { + return '\t' + this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { reviver: reviver }); + }, + + /** + * @private + */ + _createBaseClipPathSVGMarkup: function(objectMarkup, options) { + options = options || {}; + var reviver = options.reviver, + additionalTransform = options.additionalTransform || '', + commonPieces = [ + this.getSvgTransform(true, additionalTransform), + this.getSvgCommons(), + ].join(''), + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'); + objectMarkup[index] = commonPieces; + return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); + }, + + /** + * @private + */ + _createBaseSVGMarkup: function(objectMarkup, options) { + options = options || {}; + var noStyle = options.noStyle, + reviver = options.reviver, + styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', + shadowInfo = options.withShadow ? 'style="' + this.getSvgFilter() + '" ' : '', + clipPath = this.clipPath, + vectorEffect = this.strokeUniform ? 'vector-effect="non-scaling-stroke" ' : '', + absoluteClipPath = clipPath && clipPath.absolutePositioned, + stroke = this.stroke, fill = this.fill, shadow = this.shadow, + commonPieces, markup = [], clipPathMarkup, + // insert commons in the markup, style and svgCommons + index = objectMarkup.indexOf('COMMON_PARTS'), + additionalTransform = options.additionalTransform; + if (clipPath) { + clipPath.clipPathId = 'CLIPPATH_' + fabric.Object.__uid++; + clipPathMarkup = '\n' + + clipPath.toClipPathSVG(reviver) + + '\n'; + } + if (absoluteClipPath) { + markup.push( + '\n' + ); + } + markup.push( + '\n' + ); + commonPieces = [ + styleInfo, + vectorEffect, + noStyle ? '' : this.addPaintOrder(), ' ', + additionalTransform ? 'transform="' + additionalTransform + '" ' : '', + ].join(''); + objectMarkup[index] = commonPieces; + if (fill && fill.toLive) { + markup.push(fill.toSVG(this)); + } + if (stroke && stroke.toLive) { + markup.push(stroke.toSVG(this)); + } + if (shadow) { + markup.push(shadow.toSVG(this)); + } + if (clipPath) { + markup.push(clipPathMarkup); + } + markup.push(objectMarkup.join('')); + markup.push('\n'); + absoluteClipPath && markup.push('\n'); + return reviver ? reviver(markup.join('')) : markup.join(''); + }, + + addPaintOrder: function() { + return this.paintFirst !== 'fill' ? ' paint-order="' + this.paintFirst + '" ' : ''; + } + }); +})(); +/* _TO_SVG_END_ */ + + +(function() { + + var extend = fabric.util.object.extend, + originalSet = 'stateProperties'; + + /* + Depends on `stateProperties` + */ + function saveProps(origin, destination, props) { + var tmpObj = { }, deep = true; + props.forEach(function(prop) { + tmpObj[prop] = origin[prop]; }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, degreesToRadians = fabric.util.degreesToRadians, radiansToDegrees = fabric.util.radiansToDegrees; - /** - * Adds support for multi-touch gestures using the Event.js library. - * Fires the following custom events: - * - touch:gesture - * - touch:drag - * - touch:orientation - * - touch:shake - * - touch:longpress - */ - fabric.util.object.extend(fabric.Canvas.prototype, - /** @lends fabric.Canvas.prototype */ { - /** - * Method that defines actions when an Event.js gesture is detected on an object. Currently only supports - * 2 finger gestures. - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onTransformGesture: function (e, self) { - if (this.isDrawingMode || - !e.touches || - e.touches.length !== 2 || - 'gesture' !== self.gesture) { - return; - } - var target = this.findTarget(e); - if ('undefined' !== typeof target) { - this.__gesturesParams = { - e: e, - self: self, - target: target, - }; - this.__gesturesRenderer(); - } - this.fire('touch:gesture', { - target: target, - e: e, - self: self, - }); - }, - __gesturesParams: null, - __gesturesRenderer: function () { - if (this.__gesturesParams === null || this._currentTransform === null) { - return; - } - var self = this.__gesturesParams.self, t = this._currentTransform, e = this.__gesturesParams.e; - t.action = 'scale'; - t.originX = t.originY = 'center'; - this._scaleObjectBy(self.scale, e); - if (self.rotation !== 0) { - t.action = 'rotate'; - this._rotateObjectByAngle(self.rotation, e); - } - this.requestRenderAll(); - t.action = 'drag'; - }, - /** - * Method that defines actions when an Event.js drag is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onDrag: function (e, self) { - this.fire('touch:drag', { - e: e, - self: self, - }); - }, - /** - * Method that defines actions when an Event.js orientation event is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onOrientationChange: function (e, self) { - this.fire('touch:orientation', { - e: e, - self: self, - }); - }, - /** - * Method that defines actions when an Event.js shake event is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onShake: function (e, self) { - this.fire('touch:shake', { - e: e, - self: self, - }); - }, - /** - * Method that defines actions when an Event.js longpress event is detected. - * - * @param {Event} e Event object by Event.js - * @param {Event} self Event proxy object by Event.js - */ - __onLongPress: function (e, self) { - this.fire('touch:longpress', { - e: e, - self: self, - }); - }, - /** - * Scales an object by a factor - * @param {Number} s The scale factor to apply to the current scale level - * @param {Event} e Event object by Event.js - */ - _scaleObjectBy: function (s, e) { - var t = this._currentTransform, target = t.target; - t.gestureScale = s; - target._scaling = true; - return scalingEqually(e, t, 0, 0); - }, - /** - * Rotates object by an angle - * @param {Number} curAngle The angle of rotation in degrees - * @param {Event} e Event object by Event.js - */ - _rotateObjectByAngle: function (curAngle, e) { - var t = this._currentTransform; - if (t.target.get('lockRotation')) { - return; - } - t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta)); - this._fire('rotating', { - target: t.target, - e: e, - transform: t, - }); - }, + + extend(origin[destination], tmpObj, deep); + } + + function _isEqual(origValue, currentValue, firstPass) { + if (origValue === currentValue) { + // if the objects are identical, return + return true; + } + else if (Array.isArray(origValue)) { + if (!Array.isArray(currentValue) || origValue.length !== currentValue.length) { + return false; + } + for (var i = 0, len = origValue.length; i < len; i++) { + if (!_isEqual(origValue[i], currentValue[i])) { + return false; + } + } + return true; + } + else if (origValue && typeof origValue === 'object') { + var keys = Object.keys(origValue), key; + if (!currentValue || + typeof currentValue !== 'object' || + (!firstPass && keys.length !== Object.keys(currentValue).length) + ) { + return false; + } + for (var i = 0, len = keys.length; i < len; i++) { + key = keys[i]; + // since clipPath is in the statefull cache list and the clipPath objects + // would be iterated as an object, this would lead to possible infinite recursion + // we do not want to compare those. + if (key === 'canvas' || key === 'group') { + continue; + } + if (!_isEqual(origValue[key], currentValue[key])) { + return false; + } + } + return true; + } + } + + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * Returns true if object state (one of its state properties) was changed + * @param {String} [propertySet] optional name for the set of property we want to save + * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called + */ + hasStateChanged: function(propertySet) { + propertySet = propertySet || originalSet; + var dashedPropertySet = '_' + propertySet; + if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { + return true; + } + return !_isEqual(this[dashedPropertySet], this, true); + }, + + /** + * Saves state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + saveState: function(options) { + var propertySet = options && options.propertySet || originalSet, + destination = '_' + propertySet; + if (!this[destination]) { + return this.setupState(options); + } + saveProps(this, destination, this[propertySet]); + if (options && options.stateProperties) { + saveProps(this, destination, options.stateProperties); + } + return this; + }, + + /** + * Setups state of an object + * @param {Object} [options] Object with additional `stateProperties` array to include when saving state + * @return {fabric.Object} thisArg + */ + setupState: function(options) { + options = options || { }; + var propertySet = options.propertySet || originalSet; + options.propertySet = propertySet; + this['_' + propertySet] = { }; + this.saveState(options); + return this; + } + }); +})(); + + +(function() { + + var degreesToRadians = fabric.util.degreesToRadians; + + fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + /** + * Determines which corner has been clicked + * @private + * @param {Object} pointer The pointer indicating the mouse position + * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or false if nothing is found + */ + _findTargetCorner: function(pointer, forTouch) { + // objects in group, anykind, are not self modificable, + // must not return an hovered corner. + if (!this.hasControls || this.group || (!this.canvas || this.canvas._activeObject !== this)) { + return false; + } + + var ex = pointer.x, + ey = pointer.y, + xPoints, + lines, keys = Object.keys(this.oCoords), + j = keys.length - 1, i; + this.__corner = 0; + + // cycle in reverse order so we pick first the one on top + for (; j >= 0; j--) { + i = keys[j]; + if (!this.isControlVisible(i)) { + continue; + } + + lines = this._getImageLines(forTouch ? this.oCoords[i].touchCorner : this.oCoords[i].corner); + // // debugging + // + // this.canvas.contextTop.fillRect(lines.bottomline.d.x, lines.bottomline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.bottomline.o.x, lines.bottomline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.leftline.d.x, lines.leftline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.leftline.o.x, lines.leftline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.topline.d.x, lines.topline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.topline.o.x, lines.topline.o.y, 2, 2); + // + // this.canvas.contextTop.fillRect(lines.rightline.d.x, lines.rightline.d.y, 2, 2); + // this.canvas.contextTop.fillRect(lines.rightline.o.x, lines.rightline.o.y, 2, 2); + + xPoints = this._findCrossPoints({ x: ex, y: ey }, lines); + if (xPoints !== 0 && xPoints % 2 === 1) { + this.__corner = i; + return i; + } + } + return false; + }, + + /** + * Calls a function for each control. The function gets called, + * with the control, the object that is calling the iterator and the control's key + * @param {Function} fn function to iterate over the controls over + */ + forEachControl: function(fn) { + for (var i in this.controls) { + fn(this.controls[i], i, this); + }; + }, + + /** + * Sets the coordinates of the draggable boxes in the corners of + * the image used to scale/rotate it. + * note: if we would switch to ROUND corner area, all of this would disappear. + * everything would resolve to a single point and a pythagorean theorem for the distance + * @private + */ + _setCornerCoords: function() { + var coords = this.oCoords; + + for (var control in coords) { + var controlObject = this.controls[control]; + coords[control].corner = controlObject.calcCornerCoords( + this.angle, this.cornerSize, coords[control].x, coords[control].y, false); + coords[control].touchCorner = controlObject.calcCornerCoords( + this.angle, this.touchCornerSize, coords[control].x, coords[control].y, true); + } + }, + + /** + * Draws a colored layer behind the object, inside its selection borders. + * Requires public options: padding, selectionBackgroundColor + * this function is called when the context is transformed + * has checks to be skipped when the object is on a staticCanvas + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @return {fabric.Object} thisArg + * @chainable + */ + drawSelectionBackground: function(ctx) { + if (!this.selectionBackgroundColor || + (this.canvas && !this.canvas.interactive) || + (this.canvas && this.canvas._activeObject !== this) + ) { + return this; + } + ctx.save(); + var center = this.getCenterPoint(), wh = this._calculateCurrentDimensions(), + vpt = this.canvas.viewportTransform; + ctx.translate(center.x, center.y); + ctx.scale(1 / vpt[0], 1 / vpt[3]); + ctx.rotate(degreesToRadians(this.angle)); + ctx.fillStyle = this.selectionBackgroundColor; + ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y); + ctx.restore(); + return this; + }, + + /** + * Draws borders of an object's bounding box. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Object} styleOverride object to override the object style + * @return {fabric.Object} thisArg + * @chainable + */ + drawBorders: function(ctx, styleOverride) { + styleOverride = styleOverride || {}; + var wh = this._calculateCurrentDimensions(), + strokeWidth = this.borderScaleFactor, + width = wh.x + strokeWidth, + height = wh.y + strokeWidth, + hasControls = typeof styleOverride.hasControls !== 'undefined' ? + styleOverride.hasControls : this.hasControls, + shouldStroke = false; + + ctx.save(); + ctx.strokeStyle = styleOverride.borderColor || this.borderColor; + this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); + + ctx.strokeRect( + -width / 2, + -height / 2, + width, + height + ); + + if (hasControls) { + ctx.beginPath(); + this.forEachControl(function(control, key, fabricObject) { + // in this moment, the ctx is centered on the object. + // width and height of the above function are the size of the bbox. + if (control.withConnection && control.getVisibility(fabricObject, key)) { + // reset movement for each control + shouldStroke = true; + ctx.moveTo(control.x * width, control.y * height); + ctx.lineTo( + control.x * width + control.offsetX, + control.y * height + control.offsetY + ); + } + }); + if (shouldStroke) { + ctx.stroke(); + } + } + ctx.restore(); + return this; + }, + + /** + * Draws borders of an object's bounding box when it is inside a group. + * Requires public properties: width, height + * Requires public options: padding, borderColor + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {object} options object representing current object parameters + * @param {Object} styleOverride object to override the object style + * @return {fabric.Object} thisArg + * @chainable + */ + drawBordersInGroup: function(ctx, options, styleOverride) { + styleOverride = styleOverride || {}; + var bbox = fabric.util.sizeAfterTransform(this.width, this.height, options), + strokeWidth = this.strokeWidth, + strokeUniform = this.strokeUniform, + borderScaleFactor = this.borderScaleFactor, + width = + bbox.x + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleX) + borderScaleFactor, + height = + bbox.y + strokeWidth * (strokeUniform ? this.canvas.getZoom() : options.scaleY) + borderScaleFactor; + ctx.save(); + this._setLineDash(ctx, styleOverride.borderDashArray || this.borderDashArray); + ctx.strokeStyle = styleOverride.borderColor || this.borderColor; + ctx.strokeRect( + -width / 2, + -height / 2, + width, + height + ); + + ctx.restore(); + return this; + }, + + /** + * Draws corners of an object's bounding box. + * Requires public properties: width, height + * Requires public options: cornerSize, padding + * @param {CanvasRenderingContext2D} ctx Context to draw on + * @param {Object} styleOverride object to override the object style + * @return {fabric.Object} thisArg + * @chainable + */ + drawControls: function(ctx, styleOverride) { + styleOverride = styleOverride || {}; + ctx.save(); + var retinaScaling = this.canvas.getRetinaScaling(), matrix, p; + ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0); + ctx.strokeStyle = ctx.fillStyle = styleOverride.cornerColor || this.cornerColor; + if (!this.transparentCorners) { + ctx.strokeStyle = styleOverride.cornerStrokeColor || this.cornerStrokeColor; + } + this._setLineDash(ctx, styleOverride.cornerDashArray || this.cornerDashArray); + this.setCoords(); + if (this.group) { + // fabricJS does not really support drawing controls inside groups, + // this piece of code here helps having at least the control in places. + // If an application needs to show some objects as selected because of some UI state + // can still call Object._renderControls() on any object they desire, independently of groups. + // using no padding, circular controls and hiding the rotating cursor is higly suggested, + matrix = this.group.calcTransformMatrix(); + } + this.forEachControl(function(control, key, fabricObject) { + p = fabricObject.oCoords[key]; + if (control.getVisibility(fabricObject, key)) { + if (matrix) { + p = fabric.util.transformPoint(p, matrix); + } + control.render(ctx, p.x, p.y, styleOverride, fabricObject); + } + }); + ctx.restore(); + + return this; + }, + + /** + * Returns true if the specified control is visible, false otherwise. + * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. + * @returns {Boolean} true if the specified control is visible, false otherwise + */ + isControlVisible: function(controlKey) { + return this.controls[controlKey] && this.controls[controlKey].getVisibility(this, controlKey); + }, + + /** + * Sets the visibility of the specified control. + * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'. + * @param {Boolean} visible true to set the specified control visible, false otherwise + * @return {fabric.Object} thisArg + * @chainable + */ + setControlVisible: function(controlKey, visible) { + if (!this._controlsVisibility) { + this._controlsVisibility = {}; + } + this._controlsVisibility[controlKey] = visible; + return this; + }, + + /** + * Sets the visibility state of object controls. + * @param {Object} [options] Options object + * @param {Boolean} [options.bl] true to enable the bottom-left control, false to disable it + * @param {Boolean} [options.br] true to enable the bottom-right control, false to disable it + * @param {Boolean} [options.mb] true to enable the middle-bottom control, false to disable it + * @param {Boolean} [options.ml] true to enable the middle-left control, false to disable it + * @param {Boolean} [options.mr] true to enable the middle-right control, false to disable it + * @param {Boolean} [options.mt] true to enable the middle-top control, false to disable it + * @param {Boolean} [options.tl] true to enable the top-left control, false to disable it + * @param {Boolean} [options.tr] true to enable the top-right control, false to disable it + * @param {Boolean} [options.mtr] true to enable the middle-top-rotate control, false to disable it + * @return {fabric.Object} thisArg + * @chainable + */ + setControlsVisibility: function(options) { + options || (options = { }); + + for (var p in options) { + this.setControlVisible(p, options[p]); + } + return this; + }, + + + /** + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to deselect this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event + */ + onDeselect: function() { + // implemented by sub-classes, as needed. + }, + + + /** + * This callback function is called every time _discardActiveObject or _setActiveObject + * try to to select this object. If the function returns true, the process is cancelled + * @param {Object} [options] options sent from the upper functions + * @param {Event} [options.e] event if the process is generated by an event + */ + onSelect: function() { + // implemented by sub-classes, as needed. + } + }); +})(); + + +fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + + /** + * Animation duration (in ms) for fx* methods + * @type Number + * @default + */ + FX_DURATION: 500, + + /** + * Centers object horizontally with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectH: function (object, callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: object.left, + endValue: this.getCenter().left, + duration: this.FX_DURATION, + onChange: function(value) { + object.set('left', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function() { + object.setCoords(); + onComplete(); + } }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Checks if object is decendant of target - * Should be used instead of @link {Group.contains} or @link {StaticCanvas.contains} for performance reasons - * @param {fabric.Object|fabric.StaticCanvas} target - * @returns {boolean} - */ - isDescendantOf: function (target) { - var parent = this.group || this.canvas; - while (parent) { - if (target === parent) { - return true; - } - else if (parent instanceof fabric.StaticCanvas) { - // happens after all parents were traversed through without a match - return false; - } - parent = parent.group || parent.canvas; - } - return false; - }, - /** - * - * @typedef {fabric.Object[] | [...fabric.Object[], fabric.StaticCanvas]} Ancestors - * - * @param {boolean} [strict] returns only ancestors that are objects (without canvas) - * @returns {Ancestors} ancestors from bottom to top - */ - getAncestors: function (strict) { - var ancestors = []; - var parent = this.group || (strict ? undefined : this.canvas); - while (parent) { - ancestors.push(parent); - parent = parent.group || (strict ? undefined : parent.canvas); - } - return ancestors; - }, - /** - * Returns an object that represent the ancestry situation. - * - * @typedef {object} AncestryComparison - * @property {Ancestors} common ancestors of `this` and `other` (may include `this` | `other`) - * @property {Ancestors} fork ancestors that are of `this` only - * @property {Ancestors} otherFork ancestors that are of `other` only - * - * @param {fabric.Object} other - * @param {boolean} [strict] finds only ancestors that are objects (without canvas) - * @returns {AncestryComparison | undefined} - * - */ - findCommonAncestors: function (other, strict) { - if (this === other) { - return { - fork: [], - otherFork: [], - common: [this].concat(this.getAncestors(strict)), - }; - } - else if (!other) { - // meh, warn and inform, and not my issue. - // the argument is NOT optional, we can't end up here. - return undefined; - } - var ancestors = this.getAncestors(strict); - var otherAncestors = other.getAncestors(strict); - // if `this` has no ancestors and `this` is top ancestor of `other` we must handle the following case - if (ancestors.length === 0 && - otherAncestors.length > 0 && - this === otherAncestors[otherAncestors.length - 1]) { - return { - fork: [], - otherFork: [other].concat(otherAncestors.slice(0, otherAncestors.length - 1)), - common: [this], - }; - } - // compare ancestors - for (var i = 0, ancestor; i < ancestors.length; i++) { - ancestor = ancestors[i]; - if (ancestor === other) { - return { - fork: [this].concat(ancestors.slice(0, i)), - otherFork: [], - common: ancestors.slice(i), - }; - } - for (var j = 0; j < otherAncestors.length; j++) { - if (this === otherAncestors[j]) { - return { - fork: [], - otherFork: [other].concat(otherAncestors.slice(0, j)), - common: [this].concat(ancestors), - }; - } - if (ancestor === otherAncestors[j]) { - return { - fork: [this].concat(ancestors.slice(0, i)), - otherFork: [other].concat(otherAncestors.slice(0, j)), - common: ancestors.slice(i), - }; - } - } - } - // nothing shared - return { - fork: [this].concat(ancestors), - otherFork: [other].concat(otherAncestors), - common: [], - }; - }, - /** - * - * @param {fabric.Object} other - * @param {boolean} [strict] checks only ancestors that are objects (without canvas) - * @returns {boolean} - */ - hasCommonAncestors: function (other, strict) { - var commonAncestors = this.findCommonAncestors(other, strict); - return commonAncestors && !!commonAncestors.ancestors.length; - }, + }, + + /** + * Centers object vertically with animation. + * @param {fabric.Object} object Object to center + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxCenterObjectV: function (object, callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: object.top, + endValue: this.getCenter().top, + duration: this.FX_DURATION, + onChange: function(value) { + object.set('top', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function() { + object.setCoords(); + onComplete(); + } }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Moves an object to the bottom of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - sendToBack: function () { - if (this.group) { - fabric.StaticCanvas.prototype.sendToBack.call(this.group, this); - } - else if (this.canvas) { - this.canvas.sendToBack(this); - } - return this; - }, - /** - * Moves an object to the top of the stack of drawn objects - * @return {fabric.Object} thisArg - * @chainable - */ - bringToFront: function () { - if (this.group) { - fabric.StaticCanvas.prototype.bringToFront.call(this.group, this); - } - else if (this.canvas) { - this.canvas.bringToFront(this); - } - return this; - }, - /** - * Moves an object down in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object behind next lower intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - sendBackwards: function (intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.sendBackwards.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.sendBackwards(this, intersecting); - } - return this; - }, - /** - * Moves an object up in stack of drawn objects - * @param {Boolean} [intersecting] If `true`, send object in front of next upper intersecting object - * @return {fabric.Object} thisArg - * @chainable - */ - bringForward: function (intersecting) { - if (this.group) { - fabric.StaticCanvas.prototype.bringForward.call(this.group, this, intersecting); - } - else if (this.canvas) { - this.canvas.bringForward(this, intersecting); - } - return this; - }, - /** - * Moves an object to specified level in stack of drawn objects - * @param {Number} index New position of object - * @return {fabric.Object} thisArg - * @chainable - */ - moveTo: function (index) { - if (this.group && this.group.type !== 'activeSelection') { - fabric.StaticCanvas.prototype.moveTo.call(this.group, this, index); - } - else if (this.canvas) { - this.canvas.moveTo(this, index); - } - return this; - }, - /** - * - * @param {fabric.Object} other object to compare against - * @returns {boolean | undefined} if objects do not share a common ancestor or they are strictly equal it is impossible to determine which is in front of the other; in such cases the function returns `undefined` - */ - isInFrontOf: function (other) { - if (this === other) { - return undefined; - } - var ancestorData = this.findCommonAncestors(other); - if (!ancestorData) { - return undefined; - } - if (ancestorData.fork.includes(other)) { - return true; - } - if (ancestorData.otherFork.includes(this)) { - return false; - } - var firstCommonAncestor = ancestorData.common[0]; - if (!firstCommonAncestor) { - return undefined; - } - var headOfFork = ancestorData.fork.pop(), headOfOtherFork = ancestorData.otherFork.pop(), thisIndex = firstCommonAncestor._objects.indexOf(headOfFork), otherIndex = firstCommonAncestor._objects.indexOf(headOfOtherFork); - return thisIndex > -1 && thisIndex > otherIndex; - }, + }, + + /** + * Same as `fabric.Canvas#remove` but animated + * @param {fabric.Object} object Object to remove + * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.AnimationContext} context + */ + fxRemove: function (object, callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: object.opacity, + endValue: 0, + duration: this.FX_DURATION, + onChange: function(value) { + object.set('opacity', value); + _this.requestRenderAll(); + onChange(); + }, + onComplete: function () { + _this.remove(object); + onComplete(); + } }); -})(typeof exports !== 'undefined' ? exports : window); + } +}); + +fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + /** + * Animates object's properties + * @param {String|Object} property Property to animate (if string) or properties to animate (if object) + * @param {Number|Object} value Value to animate property to (if string was given first) or options object + * @return {fabric.Object} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} + * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) + * + * As object — multiple properties + * + * object.animate({ left: ..., top: ... }); + * object.animate({ left: ..., top: ... }, { duration: ... }); + * + * As string — one property + * + * object.animate('left', ...); + * object.animate('left', { duration: ... }); + * + */ + animate: function () { + if (arguments[0] && typeof arguments[0] === 'object') { + var propsToAnimate = [], prop, skipCallbacks, out = []; + for (prop in arguments[0]) { + propsToAnimate.push(prop); + } + for (var i = 0, len = propsToAnimate.length; i < len; i++) { + prop = propsToAnimate[i]; + skipCallbacks = i !== len - 1; + out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); + } + return out; + } + else { + return this._animate.apply(this, arguments); + } + }, + + /** + * @private + * @param {String} property Property to animate + * @param {String} to Value to animate to + * @param {Object} [options] Options object + * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked + */ + _animate: function(property, to, options, skipCallbacks) { + var _this = this, propPair; + + to = to.toString(); + + if (!options) { + options = { }; + } + else { + options = fabric.util.object.clone(options); + } + + if (~property.indexOf('.')) { + propPair = property.split('.'); + } + + var propIsColor = + _this.colorProperties.indexOf(property) > -1 || + (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); + + var currentValue = propPair + ? this.get(propPair[0])[propPair[1]] + : this.get(property); + + if (!('from' in options)) { + options.from = currentValue; + } + + if (!propIsColor) { + if (~to.indexOf('=')) { + to = currentValue + parseFloat(to.replace('=', '')); + } + else { + to = parseFloat(to); + } + } + + var _options = { + target: this, + startValue: options.from, + endValue: to, + byValue: options.by, + easing: options.easing, + duration: options.duration, + abort: options.abort && function(value, valueProgress, timeProgress) { + return options.abort.call(_this, value, valueProgress, timeProgress); + }, + onChange: function (value, valueProgress, timeProgress) { + if (propPair) { + _this[propPair[0]][propPair[1]] = value; + } + else { + _this.set(property, value); + } + if (skipCallbacks) { + return; + } + options.onChange && options.onChange(value, valueProgress, timeProgress); + }, + onComplete: function (value, valueProgress, timeProgress) { + if (skipCallbacks) { + return; + } + + _this.setCoords(); + options.onComplete && options.onComplete(value, valueProgress, timeProgress); + } + }; + + if (propIsColor) { + return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); + } + else { + return fabric.util.animate(_options); + } + } +}); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; + + if (fabric.Line) { + fabric.warn('fabric.Line is already defined'); + return; + } + + /** + * Line class + * @class fabric.Line + * @extends fabric.Object + * @see {@link fabric.Line#initialize} for constructor definition + */ + fabric.Line = fabric.util.createClass(fabric.Object, /** @lends fabric.Line.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'line', + + /** + * x value or first line edge + * @type Number + * @default + */ + x1: 0, + + /** + * y value or first line edge + * @type Number + * @default + */ + y1: 0, + + /** + * x value or second line edge + * @type Number + * @default + */ + x2: 0, + + /** + * y value or second line edge + * @type Number + * @default + */ + y2: 0, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), + + /** + * Constructor + * @param {Array} [points] Array of points + * @param {Object} [options] Options object + * @return {fabric.Line} thisArg + */ + initialize: function(points, options) { + if (!points) { + points = [0, 0, 0, 0]; + } + + this.callSuper('initialize', options); + + this.set('x1', points[0]); + this.set('y1', points[1]); + this.set('x2', points[2]); + this.set('y2', points[3]); + + this._setWidthHeight(options); + }, + + /** + * @private + * @param {Object} [options] Options + */ + _setWidthHeight: function(options) { + options || (options = { }); + + this.width = Math.abs(this.x2 - this.x1); + this.height = Math.abs(this.y2 - this.y1); + + this.left = 'left' in options + ? options.left + : this._getLeftToOriginX(); + + this.top = 'top' in options + ? options.top + : this._getTopToOriginY(); + }, + + /** + * @private + * @param {String} key + * @param {*} value + */ + _set: function(key, value) { + this.callSuper('_set', key, value); + if (typeof coordProps[key] !== 'undefined') { + this._setWidthHeight(); + } + return this; + }, + + /** + * @private + * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. + */ + _getLeftToOriginX: makeEdgeToOriginGetter( + { // property names + origin: 'originX', + axis1: 'x1', + axis2: 'x2', + dimension: 'width' + }, + { // possible values of origin + nearest: 'left', + center: 'center', + farthest: 'right' + } + ), + + /** + * @private + * @return {Number} topToOriginY Distance from top edge of canvas to originY of Line. + */ + _getTopToOriginY: makeEdgeToOriginGetter( + { // property names + origin: 'originY', + axis1: 'y1', + axis2: 'y2', + dimension: 'height' + }, + { // possible values of origin + nearest: 'top', + center: 'center', + farthest: 'bottom' + } + ), + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + ctx.beginPath(); + + + var p = this.calcLinePoints(); + ctx.moveTo(p.x1, p.y1); + ctx.lineTo(p.x2, p.y2); + + ctx.lineWidth = this.strokeWidth; + + // TODO: test this + // make sure setting "fill" changes color of a line + // (by copying fillStyle to strokeStyle, since line is stroked, not filled) + var origStrokeStyle = ctx.strokeStyle; + ctx.strokeStyle = this.stroke || ctx.fillStyle; + this.stroke && this._renderStroke(ctx); + ctx.strokeStyle = origStrokeStyle; + }, + + /** + * This function is an helper for svg import. it returns the center of the object in the svg + * untransformed coordinates + * @private + * @return {Object} center point from element coordinates + */ + _findCenterFromElement: function() { + return { + x: (this.x1 + this.x2) / 2, + y: (this.y1 + this.y2) / 2, + }; + }, + + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), this.calcLinePoints()); + }, + + /* + * Calculate object dimensions from its properties + * @private + */ + _getNonTransformedDimensions: function() { + var dim = this.callSuper('_getNonTransformedDimensions'); + if (this.strokeLineCap === 'butt') { + if (this.width === 0) { + dim.y -= this.strokeWidth; + } + if (this.height === 0) { + dim.x -= this.strokeWidth; + } + } + return dim; + }, + + /** + * Recalculates line points given width and height + * @private + */ + calcLinePoints: function() { + var xMult = this.x1 <= this.x2 ? -1 : 1, + yMult = this.y1 <= this.y2 ? -1 : 1, + x1 = (xMult * this.width * 0.5), + y1 = (yMult * this.height * 0.5), + x2 = (xMult * this.width * -0.5), + y2 = (yMult * this.height * -0.5); + + return { + x1: x1, + x2: x2, + y1: y1, + y2: y2 + }; + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var p = this.calcLinePoints(); + return [ + '\n' + ]; + }, + /* _TO_SVG_END_ */ + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Line.fromElement}) + * @static + * @memberOf fabric.Line + * @see http://www.w3.org/TR/SVG/shapes.html#LineElement + */ + fabric.Line.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); + + /** + * Returns fabric.Line instance from an SVG element + * @static + * @memberOf fabric.Line + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {Function} [callback] callback function invoked after parsing + */ + fabric.Line.fromElement = function(element, callback, options) { + options = options || { }; + var parsedAttributes = fabric.parseAttributes(element, fabric.Line.ATTRIBUTE_NAMES), + points = [ + parsedAttributes.x1 || 0, + parsedAttributes.y1 || 0, + parsedAttributes.x2 || 0, + parsedAttributes.y2 || 0 + ]; + callback(new fabric.Line(points, extend(parsedAttributes, options))); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Line instance from an object representation + * @static + * @memberOf fabric.Line + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + */ + fabric.Line.fromObject = function(object, callback) { + function _callback(instance) { + delete instance.points; + callback && callback(instance); + }; + var options = clone(object, true); + options.points = [object.x1, object.y1, object.x2, object.y2]; + fabric.Object._fromObject('Line', options, _callback, 'points'); + }; + + /** + * Produces a function that calculates distance from canvas edge to Line origin. + */ + function makeEdgeToOriginGetter(propertyNames, originValues) { + var origin = propertyNames.origin, + axis1 = propertyNames.axis1, + axis2 = propertyNames.axis2, + dimension = propertyNames.dimension, + nearest = originValues.nearest, + center = originValues.center, + farthest = originValues.farthest; + + return function() { + switch (this.get(origin)) { + case nearest: + return Math.min(this.get(axis1), this.get(axis2)); + case center: + return Math.min(this.get(axis1), this.get(axis2)) + (0.5 * this.get(dimension)); + case farthest: + return Math.max(this.get(axis1), this.get(axis2)); + } + }; + + } + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + degreesToRadians = fabric.util.degreesToRadians; + + if (fabric.Circle) { + fabric.warn('fabric.Circle is already defined.'); + return; + } + + /** + * Circle class + * @class fabric.Circle + * @extends fabric.Object + * @see {@link fabric.Circle#initialize} for constructor definition + */ + fabric.Circle = fabric.util.createClass(fabric.Object, /** @lends fabric.Circle.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'circle', + + /** + * Radius of this circle + * @type Number + * @default + */ + radius: 0, + + /** + * degrees of start of the circle. + * probably will change to degrees in next major version + * @type Number 0 - 359 + * @default 0 + */ + startAngle: 0, + + /** + * End angle of the circle + * probably will change to degrees in next major version + * @type Number 1 - 360 + * @default 360 + */ + endAngle: 360, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('radius', 'startAngle', 'endAngle'), + + /** + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Circle} thisArg + */ + _set: function(key, value) { + this.callSuper('_set', key, value); + + if (key === 'radius') { + this.setRadius(value); + } + + return this; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['radius', 'startAngle', 'endAngle'].concat(propertiesToInclude)); + }, + + /* _TO_SVG_START_ */ + + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var svgString, x = 0, y = 0, + angle = (this.endAngle - this.startAngle) % 360; + + if (angle === 0) { + svgString = [ + '\n' + ]; + } + else { + var start = degreesToRadians(this.startAngle), + end = degreesToRadians(this.endAngle), + radius = this.radius, + startX = fabric.util.cos(start) * radius, + startY = fabric.util.sin(start) * radius, + endX = fabric.util.cos(end) * radius, + endY = fabric.util.sin(end) * radius, + largeFlag = angle > 180 ? '1' : '0'; + svgString = [ + '\n' + ]; + } + return svgString; + }, + /* _TO_SVG_END_ */ + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render on + */ + _render: function(ctx) { + ctx.beginPath(); + ctx.arc( + 0, + 0, + this.radius, + degreesToRadians(this.startAngle), + degreesToRadians(this.endAngle), + false + ); + this._renderPaintInOrder(ctx); + }, + + /** + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRadiusX: function() { + return this.get('radius') * this.get('scaleX'); + }, + + /** + * Returns vertical radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRadiusY: function() { + return this.get('radius') * this.get('scaleY'); + }, + + /** + * Sets radius of an object (and updates width accordingly) + * @return {fabric.Circle} thisArg + */ + setRadius: function(value) { + this.radius = value; + return this.set('width', value * 2).set('height', value * 2); + }, + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Circle.fromElement}) + * @static + * @memberOf fabric.Circle + * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement + */ + fabric.Circle.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy r'.split(' ')); + + /** + * Returns {@link fabric.Circle} instance from an SVG element + * @static + * @memberOf fabric.Circle + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @param {Object} [options] Options object + * @throws {Error} If value of `r` attribute is missing or invalid + */ + fabric.Circle.fromElement = function(element, callback) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Circle.ATTRIBUTE_NAMES); + + if (!isValidRadius(parsedAttributes)) { + throw new Error('value of `r` attribute is required and can not be negative'); + } + + parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.radius; + parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.radius; + callback(new fabric.Circle(parsedAttributes)); + }; + + /** + * @private + */ + function isValidRadius(attributes) { + return (('radius' in attributes) && (attributes.radius >= 0)); + } + /* _FROM_SVG_END_ */ + + /** + * Returns {@link fabric.Circle} instance from an object representation + * @static + * @memberOf fabric.Circle + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + * @return {void} + */ + fabric.Circle.fromObject = function(object, callback) { + fabric.Object._fromObject('Circle', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.Triangle) { + fabric.warn('fabric.Triangle is already defined'); + return; + } + + /** + * Triangle class + * @class fabric.Triangle + * @extends fabric.Object + * @return {fabric.Triangle} thisArg + * @see {@link fabric.Triangle#initialize} for constructor definition + */ + fabric.Triangle = fabric.util.createClass(fabric.Object, /** @lends fabric.Triangle.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'triangle', + + /** + * Width is set to 100 to compensate the old initialize code that was setting it to 100 + * @type Number + * @default + */ + width: 100, + + /** + * Height is set to 100 to compensate the old initialize code that was setting it to 100 + * @type Number + * @default + */ + height: 100, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + var widthBy2 = this.width / 2, + heightBy2 = this.height / 2; + + ctx.beginPath(); + ctx.moveTo(-widthBy2, heightBy2); + ctx.lineTo(0, -heightBy2); + ctx.lineTo(widthBy2, heightBy2); + ctx.closePath(); + + this._renderPaintInOrder(ctx); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var widthBy2 = this.width / 2, + heightBy2 = this.height / 2, + points = [ + -widthBy2 + ' ' + heightBy2, + '0 ' + -heightBy2, + widthBy2 + ' ' + heightBy2 + ].join(','); + return [ + '' + ]; + }, + /* _TO_SVG_END_ */ + }); + + /** + * Returns {@link fabric.Triangle} instance from an object representation + * @static + * @memberOf fabric.Triangle + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + */ + fabric.Triangle.fromObject = function(object, callback) { + return fabric.Object._fromObject('Triangle', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + piBy2 = Math.PI * 2; + + if (fabric.Ellipse) { + fabric.warn('fabric.Ellipse is already defined.'); + return; + } + + /** + * Ellipse class + * @class fabric.Ellipse + * @extends fabric.Object + * @return {fabric.Ellipse} thisArg + * @see {@link fabric.Ellipse#initialize} for constructor definition + */ + fabric.Ellipse = fabric.util.createClass(fabric.Object, /** @lends fabric.Ellipse.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'ellipse', + + /** + * Horizontal radius + * @type Number + * @default + */ + rx: 0, + + /** + * Vertical radius + * @type Number + * @default + */ + ry: 0, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), + + /** + * Constructor + * @param {Object} [options] Options object + * @return {fabric.Ellipse} thisArg + */ + initialize: function(options) { + this.callSuper('initialize', options); + this.set('rx', options && options.rx || 0); + this.set('ry', options && options.ry || 0); + }, + + /** + * @private + * @param {String} key + * @param {*} value + * @return {fabric.Ellipse} thisArg + */ + _set: function(key, value) { + this.callSuper('_set', key, value); + switch (key) { + + case 'rx': + this.rx = value; + this.set('width', value * 2); + break; + + case 'ry': + this.ry = value; + this.set('height', value * 2); + break; + + } + return this; + }, + + /** + * Returns horizontal radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRx: function() { + return this.get('rx') * this.get('scaleX'); + }, + + /** + * Returns Vertical radius of an object (according to how an object is scaled) + * @return {Number} + */ + getRy: function() { + return this.get('ry') * this.get('scaleY'); + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + return [ + '\n' + ]; + }, + /* _TO_SVG_END_ */ + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render on + */ + _render: function(ctx) { + ctx.beginPath(); + ctx.save(); + ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); + ctx.arc( + 0, + 0, + this.rx, + 0, + piBy2, + false); + ctx.restore(); + this._renderPaintInOrder(ctx); + }, + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Ellipse.fromElement}) + * @static + * @memberOf fabric.Ellipse + * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement + */ + fabric.Ellipse.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('cx cy rx ry'.split(' ')); + + /** + * Returns {@link fabric.Ellipse} instance from an SVG element + * @static + * @memberOf fabric.Ellipse + * @param {SVGElement} element Element to parse + * @param {Function} [callback] Options callback invoked after parsing is finished + * @return {fabric.Ellipse} + */ + fabric.Ellipse.fromElement = function(element, callback) { + + var parsedAttributes = fabric.parseAttributes(element, fabric.Ellipse.ATTRIBUTE_NAMES); + + parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; + parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; + callback(new fabric.Ellipse(parsedAttributes)); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns {@link fabric.Ellipse} instance from an object representation + * @static + * @memberOf fabric.Ellipse + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as first argument + * @return {void} + */ + fabric.Ellipse.fromObject = function(object, callback) { + fabric.Object._fromObject('Ellipse', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend; + + if (fabric.Rect) { + fabric.warn('fabric.Rect is already defined'); + return; + } + + /** + * Rectangle class + * @class fabric.Rect + * @extends fabric.Object + * @return {fabric.Rect} thisArg + * @see {@link fabric.Rect#initialize} for constructor definition + */ + fabric.Rect = fabric.util.createClass(fabric.Object, /** @lends fabric.Rect.prototype */ { + + /** + * List of properties to consider when checking if state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: fabric.Object.prototype.stateProperties.concat('rx', 'ry'), + + /** + * Type of an object + * @type String + * @default + */ + type: 'rect', + + /** + * Horizontal border radius + * @type Number + * @default + */ + rx: 0, + + /** + * Vertical border radius + * @type Number + * @default + */ + ry: 0, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('rx', 'ry'), + + /** + * Constructor + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function(options) { + this.callSuper('initialize', options); + this._initRxRy(); + }, + + /** + * Initializes rx/ry attributes + * @private + */ + _initRxRy: function() { + if (this.rx && !this.ry) { + this.ry = this.rx; + } + else if (this.ry && !this.rx) { + this.rx = this.ry; + } + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + + // 1x1 case (used in spray brush) optimization was removed because + // with caching and higher zoom level this makes more damage than help + + var rx = this.rx ? Math.min(this.rx, this.width / 2) : 0, + ry = this.ry ? Math.min(this.ry, this.height / 2) : 0, + w = this.width, + h = this.height, + x = -this.width / 2, + y = -this.height / 2, + isRounded = rx !== 0 || ry !== 0, + /* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */ + k = 1 - 0.5522847498; + ctx.beginPath(); + + ctx.moveTo(x + rx, y); + + ctx.lineTo(x + w - rx, y); + isRounded && ctx.bezierCurveTo(x + w - k * rx, y, x + w, y + k * ry, x + w, y + ry); + + ctx.lineTo(x + w, y + h - ry); + isRounded && ctx.bezierCurveTo(x + w, y + h - k * ry, x + w - k * rx, y + h, x + w - rx, y + h); + + ctx.lineTo(x + rx, y + h); + isRounded && ctx.bezierCurveTo(x + k * rx, y + h, x, y + h - k * ry, x, y + h - ry); + + ctx.lineTo(x, y + ry); + isRounded && ctx.bezierCurveTo(x, y + k * ry, x + k * rx, y, x + rx, y); + + ctx.closePath(); + + this._renderPaintInOrder(ctx); + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['rx', 'ry'].concat(propertiesToInclude)); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var x = -this.width / 2, y = -this.height / 2; + return [ + '\n' + ]; + }, + /* _TO_SVG_END_ */ + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by `fabric.Rect.fromElement`) + * @static + * @memberOf fabric.Rect + * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement + */ + fabric.Rect.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y rx ry width height'.split(' ')); + + /** + * Returns {@link fabric.Rect} instance from an SVG element + * @static + * @memberOf fabric.Rect + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Rect.fromElement = function(element, callback, options) { + if (!element) { + return callback(null); + } + options = options || { }; + + var parsedAttributes = fabric.parseAttributes(element, fabric.Rect.ATTRIBUTE_NAMES); + parsedAttributes.left = parsedAttributes.left || 0; + parsedAttributes.top = parsedAttributes.top || 0; + parsedAttributes.height = parsedAttributes.height || 0; + parsedAttributes.width = parsedAttributes.width || 0; + var rect = new fabric.Rect(extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); + rect.visible = rect.visible && rect.width > 0 && rect.height > 0; + callback(rect); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns {@link fabric.Rect} instance from an object representation + * @static + * @memberOf fabric.Rect + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Rect instance is created + */ + fabric.Rect.fromObject = function(object, callback) { + return fabric.Object._fromObject('Rect', object, callback); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + min = fabric.util.array.min, + max = fabric.util.array.max, + toFixed = fabric.util.toFixed, + projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; + + if (fabric.Polyline) { + fabric.warn('fabric.Polyline is already defined'); + return; + } + + /** + * Polyline class + * @class fabric.Polyline + * @extends fabric.Object + * @see {@link fabric.Polyline#initialize} for constructor definition + */ + fabric.Polyline = fabric.util.createClass(fabric.Object, /** @lends fabric.Polyline.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'polyline', + + /** + * Points array + * @type Array + * @default + */ + points: null, + + /** + * WARNING: Feature in progress + * Calculate the exact bounding box taking in account strokeWidth on acute angles + * this will be turned to true by default on fabric 6.0 + * maybe will be left in as an optimization since calculations may be slow + * @deprecated + * @type Boolean + * @default false + */ + exactBoundingBox: false, + + cacheProperties: fabric.Object.prototype.cacheProperties.concat('points'), + + /** + * Constructor + * @param {Array} points Array of points (where each point is an object with x and y) + * @param {Object} [options] Options object + * @return {fabric.Polyline} thisArg + * @example + * var poly = new fabric.Polyline([ + * { x: 10, y: 10 }, + * { x: 50, y: 30 }, + * { x: 40, y: 70 }, + * { x: 60, y: 50 }, + * { x: 100, y: 150 }, + * { x: 40, y: 100 } + * ], { + * stroke: 'red', + * left: 100, + * top: 100 + * }); + */ + initialize: function(points, options) { + options = options || {}; + this.points = points || []; + this.callSuper('initialize', options); + this._setPositionDimensions(options); + }, + + /** + * @private + */ + _projectStrokeOnPoints: function () { + return projectStrokeOnPoints(this.points, this, true); + }, + + _setPositionDimensions: function(options) { + var calcDim = this._calcDimensions(options), correctLeftTop, + correctSize = this.exactBoundingBox ? this.strokeWidth : 0; + this.width = calcDim.width - correctSize; + this.height = calcDim.height - correctSize; + if (!options.fromSVG) { + correctLeftTop = this.translateToGivenOrigin( + { + // this looks bad, but is one way to keep it optional for now. + x: calcDim.left - this.strokeWidth / 2 + correctSize / 2, + y: calcDim.top - this.strokeWidth / 2 + correctSize / 2 + }, + 'left', + 'top', + this.originX, + this.originY + ); + } + if (typeof options.left === 'undefined') { + this.left = options.fromSVG ? calcDim.left : correctLeftTop.x; + } + if (typeof options.top === 'undefined') { + this.top = options.fromSVG ? calcDim.top : correctLeftTop.y; + } + this.pathOffset = { + x: calcDim.left + this.width / 2 + correctSize / 2, + y: calcDim.top + this.height / 2 + correctSize / 2 + }; + }, + + /** + * Calculate the polygon min and max point from points array, + * returning an object with left, top, width, height to measure the + * polygon size + * @return {Object} object.left X coordinate of the polygon leftmost point + * @return {Object} object.top Y coordinate of the polygon topmost point + * @return {Object} object.width distance between X coordinates of the polygon leftmost and rightmost point + * @return {Object} object.height distance between Y coordinates of the polygon topmost and bottommost point + * @private + */ + _calcDimensions: function() { + + var points = this.exactBoundingBox ? this._projectStrokeOnPoints() : this.points, + minX = min(points, 'x') || 0, + minY = min(points, 'y') || 0, + maxX = max(points, 'x') || 0, + maxY = max(points, 'y') || 0, + width = (maxX - minX), + height = (maxY - minY); + + return { + left: minX, + top: minY, + width: width, + height: height, + }; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance + */ + toObject: function(propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), { + points: this.points.concat() + }); + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, + NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + + for (var i = 0, len = this.points.length; i < len; i++) { + points.push( + toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', + toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' ' + ); + } + return [ + '<' + this.type + ' ', 'COMMON_PARTS', + 'points="', points.join(''), + '" />\n' + ]; + }, + /* _TO_SVG_END_ */ + + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + commonRender: function(ctx) { + var point, len = this.points.length, + x = this.pathOffset.x, + y = this.pathOffset.y; + + if (!len || isNaN(this.points[len - 1].y)) { + // do not draw if no points or odd points + // NaN comes from parseFloat of a empty string in parser + return false; + } + ctx.beginPath(); + ctx.moveTo(this.points[0].x - x, this.points[0].y - y); + for (var i = 0; i < len; i++) { + point = this.points[i]; + ctx.lineTo(point.x - x, point.y - y); + } + return true; + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + if (!this.commonRender(ctx)) { + return; + } + this._renderPaintInOrder(ctx); + }, + + /** + * Returns complexity of an instance + * @return {Number} complexity of this instance + */ + complexity: function() { + return this.get('points').length; + } + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Polyline.fromElement}) + * @static + * @memberOf fabric.Polyline + * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement + */ + fabric.Polyline.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); + + /** + * Returns fabric.Polyline instance from an SVG element + * @static + * @memberOf fabric.Polyline + * @param {SVGElement} element Element to parser + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Polyline.fromElementGenerator = function(_class) { + return function(element, callback, options) { + if (!element) { + return callback(null); + } + options || (options = { }); + + var points = fabric.parsePointsAttribute(element.getAttribute('points')), + parsedAttributes = fabric.parseAttributes(element, fabric[_class].ATTRIBUTE_NAMES); + parsedAttributes.fromSVG = true; + callback(new fabric[_class](points, extend(parsedAttributes, options))); + }; + }; + + fabric.Polyline.fromElement = fabric.Polyline.fromElementGenerator('Polyline'); + + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Polyline instance from an object representation + * @static + * @memberOf fabric.Polyline + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created + */ + fabric.Polyline.fromObject = function(object, callback) { + return fabric.Object._fromObject('Polyline', object, callback, 'points'); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = {}), + projectStrokeOnPoints = fabric.util.projectStrokeOnPoints; + + if (fabric.Polygon) { + fabric.warn('fabric.Polygon is already defined'); + return; + } + + /** + * Polygon class + * @class fabric.Polygon + * @extends fabric.Polyline + * @see {@link fabric.Polygon#initialize} for constructor definition + */ + fabric.Polygon = fabric.util.createClass(fabric.Polyline, /** @lends fabric.Polygon.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'polygon', + + /** + * @private + */ + _projectStrokeOnPoints: function () { + return projectStrokeOnPoints(this.points, this); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + _render: function(ctx) { + if (!this.commonRender(ctx)) { + return; + } + ctx.closePath(); + this._renderPaintInOrder(ctx); + }, + + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`) + * @static + * @memberOf fabric.Polygon + * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement + */ + fabric.Polygon.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(); + + /** + * Returns {@link fabric.Polygon} instance from an SVG element + * @static + * @memberOf fabric.Polygon + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Polygon.fromElement = fabric.Polyline.fromElementGenerator('Polygon'); + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Polygon instance from an object representation + * @static + * @memberOf fabric.Polygon + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created + * @return {void} + */ + fabric.Polygon.fromObject = function(object, callback) { + fabric.Object._fromObject('Polygon', object, callback, 'points'); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + min = fabric.util.array.min, + max = fabric.util.array.max, + extend = fabric.util.object.extend, + clone = fabric.util.object.clone, + _toString = Object.prototype.toString, + toFixed = fabric.util.toFixed; + + if (fabric.Path) { + fabric.warn('fabric.Path is already defined'); + return; + } + + /** + * Path class + * @class fabric.Path + * @extends fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#path_and_pathgroup} + * @see {@link fabric.Path#initialize} for constructor definition + */ + fabric.Path = fabric.util.createClass(fabric.Object, /** @lends fabric.Path.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'path', + + /** + * Array of path points + * @type Array + * @default + */ + path: null, -//@ts-nocheck -/* _TO_SVG_START_ */ -(function (global) { - var fabric = global.fabric; - function getSvgColorString(prop, value) { - if (!value) { - return prop + ': none; '; + cacheProperties: fabric.Object.prototype.cacheProperties.concat('path', 'fillRule'), + + stateProperties: fabric.Object.prototype.stateProperties.concat('path'), + + /** + * Constructor + * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) + * @param {Object} [options] Options object + * @return {fabric.Path} thisArg + */ + initialize: function (path, options) { + options = clone(options || {}); + delete options.path; + this.callSuper('initialize', options); + this._setPath(path || [], options); + }, + + /** + * @private + * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) + * @param {Object} [options] Options object + */ + _setPath: function (path, options) { + var fromArray = _toString.call(path) === '[object Array]'; + + this.path = fabric.util.makePathSimpler( + fromArray ? path : fabric.util.parsePath(path) + ); + + fabric.Polyline.prototype._setPositionDimensions.call(this, options || {}); + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on + */ + _renderPathCommands: function(ctx) { + var current, // current instruction + subpathStartX = 0, + subpathStartY = 0, + x = 0, // current x + y = 0, // current y + controlX = 0, // current control point x + controlY = 0, // current control point y + l = -this.pathOffset.x, + t = -this.pathOffset.y; + + ctx.beginPath(); + + for (var i = 0, len = this.path.length; i < len; ++i) { + + current = this.path[i]; + + switch (current[0]) { // first letter + + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + ctx.lineTo(x + l, y + t); + break; + + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + ctx.moveTo(x + l, y + t); + break; + + case 'C': // bezierCurveTo, absolute + x = current[5]; + y = current[6]; + controlX = current[3]; + controlY = current[4]; + ctx.bezierCurveTo( + current[1] + l, + current[2] + t, + controlX + l, + controlY + t, + x + l, + y + t + ); + break; + + case 'Q': // quadraticCurveTo, absolute + ctx.quadraticCurveTo( + current[1] + l, + current[2] + t, + current[3] + l, + current[4] + t + ); + x = current[3]; + y = current[4]; + controlX = current[1]; + controlY = current[2]; + break; + + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + ctx.closePath(); + break; } - else if (value.toLive) { - return prop + ': url(#SVGID_' + value.id + '); '; + } + }, + + /** + * @private + * @param {CanvasRenderingContext2D} ctx context to render path on + */ + _render: function(ctx) { + this._renderPathCommands(ctx); + this._renderPaintInOrder(ctx); + }, + + /** + * Returns string representation of an instance + * @return {String} string representation of an instance + */ + toString: function() { + return '#'; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return extend(this.callSuper('toObject', propertiesToInclude), { + path: this.path.map(function(item) { return item.slice(); }), + }); + }, + + /** + * Returns dataless object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function(propertiesToInclude) { + var o = this.toObject(['sourcePath'].concat(propertiesToInclude)); + if (o.sourcePath) { + delete o.path; + } + return o; + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @return {Array} an array of strings with the specific svg representation + * of the instance + */ + _toSVG: function() { + var path = fabric.util.joinPath(this.path); + return [ + '\n' + ]; + }, + + _getOffsetTransform: function() { + var digits = fabric.Object.NUM_FRACTION_DIGITS; + return ' translate(' + toFixed(-this.pathOffset.x, digits) + ', ' + + toFixed(-this.pathOffset.y, digits) + ')'; + }, + + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function(reviver) { + var additionalTransform = this._getOffsetTransform(); + return '\t' + this._createBaseClipPathSVGMarkup( + this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform } + ); + }, + + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toSVG: function(reviver) { + var additionalTransform = this._getOffsetTransform(); + return this._createBaseSVGMarkup(this._toSVG(), { reviver: reviver, additionalTransform: additionalTransform }); + }, + /* _TO_SVG_END_ */ + + /** + * Returns number representation of an instance complexity + * @return {Number} complexity of this instance + */ + complexity: function() { + return this.path.length; + }, + + /** + * @private + */ + _calcDimensions: function() { + + var aX = [], + aY = [], + current, // current instruction + subpathStartX = 0, + subpathStartY = 0, + x = 0, // current x + y = 0, // current y + bounds; + + for (var i = 0, len = this.path.length; i < len; ++i) { + + current = this.path[i]; + + switch (current[0]) { // first letter + + case 'L': // lineto, absolute + x = current[1]; + y = current[2]; + bounds = []; + break; + + case 'M': // moveTo, absolute + x = current[1]; + y = current[2]; + subpathStartX = x; + subpathStartY = y; + bounds = []; + break; + + case 'C': // bezierCurveTo, absolute + bounds = fabric.util.getBoundsOfCurve(x, y, + current[1], + current[2], + current[3], + current[4], + current[5], + current[6] + ); + x = current[5]; + y = current[6]; + break; + + case 'Q': // quadraticCurveTo, absolute + bounds = fabric.util.getBoundsOfCurve(x, y, + current[1], + current[2], + current[1], + current[2], + current[3], + current[4] + ); + x = current[3]; + y = current[4]; + break; + + case 'z': + case 'Z': + x = subpathStartX; + y = subpathStartY; + break; } - else { - var color = new Color(value), str = prop + ': ' + color.toRgb() + '; ', opacity = color.getAlpha(); - if (opacity !== 1) { - //change the color in rgb + opacity - str += prop + '-opacity: ' + opacity.toString() + '; '; - } - return str; - } - } - var toFixed = (fabric = global.fabric), toFixed = fabric.util.toFixed; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function (skipShadow) { - var fillRule = this.fillRule ? this.fillRule : 'nonzero', strokeWidth = this.strokeWidth ? this.strokeWidth : '0', strokeDashArray = this.strokeDashArray - ? this.strokeDashArray.join(' ') - : 'none', strokeDashOffset = this.strokeDashOffset - ? this.strokeDashOffset - : '0', strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt', strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter', strokeMiterLimit = this.strokeMiterLimit - ? this.strokeMiterLimit - : '4', opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1', visibility = this.visible ? '' : ' visibility: hidden;', filter = skipShadow ? '' : this.getSvgFilter(), fill = getSvgColorString('fill', this.fill), stroke = getSvgColorString('stroke', this.stroke); - return [ - stroke, - 'stroke-width: ', - strokeWidth, - '; ', - 'stroke-dasharray: ', - strokeDashArray, - '; ', - 'stroke-linecap: ', - strokeLineCap, - '; ', - 'stroke-dashoffset: ', - strokeDashOffset, - '; ', - 'stroke-linejoin: ', - strokeLineJoin, - '; ', - 'stroke-miterlimit: ', - strokeMiterLimit, - '; ', - fill, - 'fill-rule: ', - fillRule, - '; ', - 'opacity: ', - opacity, - ';', - filter, - visibility, - ].join(''); - }, - /** - * Returns styles-string for svg-export - * @param {Object} style the object from which to retrieve style properties - * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style. - * @return {String} - */ - getSvgSpanStyles: function (style, useWhiteSpace) { - var term = '; '; - var fontFamily = style.fontFamily - ? 'font-family: ' + - (style.fontFamily.indexOf("'") === -1 && - style.fontFamily.indexOf('"') === -1 - ? "'" + style.fontFamily + "'" - : style.fontFamily) + - term - : ''; - var strokeWidth = style.strokeWidth - ? 'stroke-width: ' + style.strokeWidth + term - : '', fontFamily = fontFamily, fontSize = style.fontSize - ? 'font-size: ' + style.fontSize + 'px' + term - : '', fontStyle = style.fontStyle - ? 'font-style: ' + style.fontStyle + term - : '', fontWeight = style.fontWeight - ? 'font-weight: ' + style.fontWeight + term - : '', fill = style.fill ? getSvgColorString('fill', style.fill) : '', stroke = style.stroke - ? getSvgColorString('stroke', style.stroke) - : '', textDecoration = this.getSvgTextDecoration(style), deltaY = style.deltaY - ? 'baseline-shift: ' + -style.deltaY + '; ' - : ''; - if (textDecoration) { - textDecoration = 'text-decoration: ' + textDecoration + term; - } - return [ - stroke, - strokeWidth, - fontFamily, - fontSize, - fontStyle, - fontWeight, - textDecoration, - fill, - deltaY, - useWhiteSpace ? 'white-space: pre; ' : '', - ].join(''); - }, - /** - * Returns text-decoration property for svg-export - * @param {Object} style the object from which to retrieve style properties - * @return {String} - */ - getSvgTextDecoration: function (style) { - return ['overline', 'underline', 'line-through'] - .filter(function (decoration) { - return style[decoration.replace('-', '')]; - }) - .join(' '); - }, - /** - * Returns filter for svg shadow - * @return {String} - */ - getSvgFilter: function () { - return this.shadow ? 'filter: url(#SVGID_' + this.shadow.id + ');' : ''; - }, - /** - * Returns id attribute for svg output - * @return {String} - */ - getSvgCommons: function () { - return [ - this.id ? 'id="' + this.id + '" ' : '', - this.clipPath - ? 'clip-path="url(#' + this.clipPath.clipPathId + ')" ' - : '', - ].join(''); - }, - /** - * Returns transform-string for svg-export - * @param {Boolean} use the full transform or the single object one. - * @return {String} - */ - getSvgTransform: function (full, additionalTransform) { - var transform = full - ? this.calcTransformMatrix() - : this.calcOwnMatrix(), svgTransform = 'transform="' + fabric.util.matrixToSVG(transform); - return svgTransform + (additionalTransform || '') + '" '; - }, - _setSVGBg: function (textBgRects) { - if (this.backgroundColor) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push('\t\t\n'); - } - }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function (reviver) { - return this._createBaseSVGMarkup(this._toSVG(reviver), { - reviver: reviver, - }); - }, - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function (reviver) { - return ('\t' + - this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { - reviver: reviver, - })); - }, - /** - * @private - */ - _createBaseClipPathSVGMarkup: function (objectMarkup, options) { - options = options || {}; - var reviver = options.reviver, additionalTransform = options.additionalTransform || '', commonPieces = [ - this.getSvgTransform(true, additionalTransform), - this.getSvgCommons(), - ].join(''), - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'); - objectMarkup[index] = commonPieces; - return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join(''); - }, - /** - * @private - */ - _createBaseSVGMarkup: function (objectMarkup, options) { - options = options || {}; - var noStyle = options.noStyle, reviver = options.reviver, styleInfo = noStyle ? '' : 'style="' + this.getSvgStyles() + '" ', shadowInfo = options.withShadow - ? 'style="' + this.getSvgFilter() + '" ' - : '', clipPath = this.clipPath, vectorEffect = this.strokeUniform - ? 'vector-effect="non-scaling-stroke" ' - : '', absoluteClipPath = clipPath && clipPath.absolutePositioned, stroke = this.stroke, fill = this.fill, shadow = this.shadow, commonPieces, markup = [], clipPathMarkup, - // insert commons in the markup, style and svgCommons - index = objectMarkup.indexOf('COMMON_PARTS'), additionalTransform = options.additionalTransform; - if (clipPath) { - clipPath.clipPathId = 'CLIPPATH_' + InteractiveFabricObject.__uid++; - clipPathMarkup = - '\n' + - clipPath.toClipPathSVG(reviver) + - '\n'; - } - if (absoluteClipPath) { - markup.push('\n'); - } - markup.push('\n'); - commonPieces = [ - styleInfo, - vectorEffect, - noStyle ? '' : this.addPaintOrder(), - ' ', - additionalTransform ? 'transform="' + additionalTransform + '" ' : '', - ].join(''); - objectMarkup[index] = commonPieces; - if (fill && fill.toLive) { - markup.push(fill.toSVG(this)); - } - if (stroke && stroke.toLive) { - markup.push(stroke.toSVG(this)); - } - if (shadow) { - markup.push(shadow.toSVG(this)); - } - if (clipPath) { - markup.push(clipPathMarkup); - } - markup.push(objectMarkup.join('')); - markup.push('\n'); - absoluteClipPath && markup.push('\n'); - return reviver ? reviver(markup.join('')) : markup.join(''); - }, - addPaintOrder: function () { - return this.paintFirst !== 'fill' - ? ' paint-order="' + this.paintFirst + '" ' - : ''; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); -/* _TO_SVG_END_ */ + bounds.forEach(function (point) { + aX.push(point.x); + aY.push(point.y); + }); + aX.push(x); + aY.push(y); + } + + var minX = min(aX) || 0, + minY = min(aY) || 0, + maxX = max(aX) || 0, + maxY = max(aY) || 0, + deltaX = maxX - minX, + deltaY = maxY - minY; + + return { + left: minX, + top: minY, + width: deltaX, + height: deltaY + }; + } + }); + + /** + * Creates an instance of fabric.Path from an object + * @static + * @memberOf fabric.Path + * @param {Object} object + * @param {Function} [callback] Callback to invoke when an fabric.Path instance is created + */ + fabric.Path.fromObject = function(object, callback) { + if (typeof object.sourcePath === 'string') { + var pathUrl = object.sourcePath; + fabric.loadSVGFromURL(pathUrl, function (elements) { + var path = elements[0]; + path.setOptions(object); + callback && callback(path); + }); + } + else { + fabric.Object._fromObject('Path', object, callback, 'path'); + } + }; + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by `fabric.Path.fromElement`) + * @static + * @memberOf fabric.Path + * @see http://www.w3.org/TR/SVG/paths.html#PathElement + */ + fabric.Path.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat(['d']); + + /** + * Creates an instance of fabric.Path from an SVG element + * @static + * @memberOf fabric.Path + * @param {SVGElement} element to parse + * @param {Function} callback Callback to invoke when an fabric.Path instance is created + * @param {Object} [options] Options object + * @param {Function} [callback] Options callback invoked after parsing is finished + */ + fabric.Path.fromElement = function(element, callback, options) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Path.ATTRIBUTE_NAMES); + parsedAttributes.fromSVG = true; + callback(new fabric.Path(parsedAttributes.d, extend(parsedAttributes, options))); + }; + /* _FROM_SVG_END_ */ + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + min = fabric.util.array.min, + max = fabric.util.array.max; + + if (fabric.Group) { + return; + } + + /** + * Group class + * @class fabric.Group + * @extends fabric.Object + * @mixes fabric.Collection + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} + * @see {@link fabric.Group#initialize} for constructor definition + */ + fabric.Group = fabric.util.createClass(fabric.Object, fabric.Collection, /** @lends fabric.Group.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'group', + + /** + * Width of stroke + * @type Number + * @default + */ + strokeWidth: 0, + + /** + * Indicates if click, mouseover, mouseout events & hoverCursor should also check for subtargets + * @type Boolean + * @default + */ + subTargetCheck: false, + + /** + * Groups are container, do not render anything on theyr own, ence no cache properties + * @type Array + * @default + */ + cacheProperties: [], + + /** + * setOnGroup is a method used for TextBox that is no more used since 2.0.0 The behavior is still + * available setting this boolean to true. + * @type Boolean + * @since 2.0.0 + * @default + */ + useSetOnGroup: false, + + /** + * Constructor + * @param {Object} objects Group objects + * @param {Object} [options] Options object + * @param {Boolean} [isAlreadyGrouped] if true, objects have been grouped already. + * @return {Object} thisArg + */ + initialize: function(objects, options, isAlreadyGrouped) { + options = options || {}; + this._objects = []; + // if objects enclosed in a group have been grouped already, + // we cannot change properties of objects. + // Thus we need to set options to group without objects, + isAlreadyGrouped && this.callSuper('initialize', options); + this._objects = objects || []; + for (var i = this._objects.length; i--; ) { + this._objects[i].group = this; + } + + if (!isAlreadyGrouped) { + var center = options && options.centerPoint; + // we want to set origins before calculating the bounding box. + // so that the topleft can be set with that in mind. + // if specific top and left are passed, are overwritten later + // with the callSuper('initialize', options) + if (options.originX !== undefined) { + this.originX = options.originX; + } + if (options.originY !== undefined) { + this.originY = options.originY; + } + // if coming from svg i do not want to calc bounds. + // i assume width and height are passed along options + center || this._calcBounds(); + this._updateObjectsCoords(center); + delete options.centerPoint; + this.callSuper('initialize', options); + } + else { + this._updateObjectsACoords(); + } + + this.setCoords(); + }, + + /** + * @private + */ + _updateObjectsACoords: function() { + var skipControls = true; + for (var i = this._objects.length; i--; ){ + this._objects[i].setCoords(skipControls); + } + }, + + /** + * @private + * @param {Boolean} [skipCoordsChange] if true, coordinates of objects enclosed in a group do not change + */ + _updateObjectsCoords: function(center) { + var center = center || this.getCenterPoint(); + for (var i = this._objects.length; i--; ){ + this._updateObjectCoords(this._objects[i], center); + } + }, + + /** + * @private + * @param {Object} object + * @param {fabric.Point} center, current center of group. + */ + _updateObjectCoords: function(object, center) { + var objectLeft = object.left, + objectTop = object.top, + skipControls = true; + + object.set({ + left: objectLeft - center.x, + top: objectTop - center.y + }); + object.group = this; + object.setCoords(skipControls); + }, + + /** + * Returns string represenation of a group + * @return {String} + */ + toString: function() { + return '#'; + }, + + /** + * Adds an object to a group; Then recalculates group's dimension, position. + * @param {Object} object + * @return {fabric.Group} thisArg + * @chainable + */ + addWithUpdate: function(object) { + var nested = !!this.group; + this._restoreObjectsState(); + fabric.util.resetObjectTransform(this); + if (object) { + if (nested) { + // if this group is inside another group, we need to pre transform the object + fabric.util.removeTransformFromObject(object, this.group.calcTransformMatrix()); + } + this._objects.push(object); + object.group = this; + object._set('canvas', this.canvas); + } + this._calcBounds(); + this._updateObjectsCoords(); + this.dirty = true; + if (nested) { + this.group.addWithUpdate(); + } + else { + this.setCoords(); + } + return this; + }, + + /** + * Removes an object from a group; Then recalculates group's dimension, position. + * @param {Object} object + * @return {fabric.Group} thisArg + * @chainable + */ + removeWithUpdate: function(object) { + this._restoreObjectsState(); + fabric.util.resetObjectTransform(this); + + this.remove(object); + this._calcBounds(); + this._updateObjectsCoords(); + this.setCoords(); + this.dirty = true; + return this; + }, + + /** + * @private + */ + _onObjectAdded: function(object) { + this.dirty = true; + object.group = this; + object._set('canvas', this.canvas); + }, + + /** + * @private + */ + _onObjectRemoved: function(object) { + this.dirty = true; + delete object.group; + }, + + /** + * @private + */ + _set: function(key, value) { + var i = this._objects.length; + if (this.useSetOnGroup) { + while (i--) { + this._objects[i].setOnGroup(key, value); + } + } + if (key === 'canvas') { + while (i--) { + this._objects[i]._set(key, value); + } + } + fabric.Object.prototype._set.call(this, key, value); + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + var _includeDefaultValues = this.includeDefaultValues; + var objsToObject = this._objects + .filter(function (obj) { + return !obj.excludeFromExport; + }) + .map(function (obj) { + var originalDefaults = obj.includeDefaultValues; + obj.includeDefaultValues = _includeDefaultValues; + var _obj = obj.toObject(propertiesToInclude); + obj.includeDefaultValues = originalDefaults; + return _obj; + }); + var obj = fabric.Object.prototype.toObject.call(this, propertiesToInclude); + obj.objects = objsToObject; + return obj; + }, + + /** + * Returns object representation of an instance, in dataless mode. + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toDatalessObject: function(propertiesToInclude) { + var objsToObject, sourcePath = this.sourcePath; + if (sourcePath) { + objsToObject = sourcePath; + } + else { + var _includeDefaultValues = this.includeDefaultValues; + objsToObject = this._objects.map(function(obj) { + var originalDefaults = obj.includeDefaultValues; + obj.includeDefaultValues = _includeDefaultValues; + var _obj = obj.toDatalessObject(propertiesToInclude); + obj.includeDefaultValues = originalDefaults; + return _obj; + }); + } + var obj = fabric.Object.prototype.toDatalessObject.call(this, propertiesToInclude); + obj.objects = objsToObject; + return obj; + }, + + /** + * Renders instance on a given context + * @param {CanvasRenderingContext2D} ctx context to render instance on + */ + render: function(ctx) { + this._transformDone = true; + this.callSuper('render', ctx); + this._transformDone = false; + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, extend = fabric.util.object.extend, originalSet = 'stateProperties'; - /* - Depends on `stateProperties` - */ - function saveProps(origin, destination, props) { - var tmpObj = {}, deep = true; - props.forEach(function (prop) { - tmpObj[prop] = origin[prop]; - }); - extend(origin[destination], tmpObj, deep); - } - function _isEqual(origValue, currentValue, firstPass) { - if (origValue === currentValue) { - // if the objects are identical, return - return true; - } - else if (Array.isArray(origValue)) { - if (!Array.isArray(currentValue) || - origValue.length !== currentValue.length) { - return false; - } - for (var i = 0, len = origValue.length; i < len; i++) { - if (!_isEqual(origValue[i], currentValue[i])) { - return false; - } - } - return true; + /** + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group is already cached. + * @return {Boolean} + */ + shouldCache: function() { + var ownCache = fabric.Object.prototype.shouldCache.call(this); + if (ownCache) { + for (var i = 0, len = this._objects.length; i < len; i++) { + if (this._objects[i].willDrawShadow()) { + this.ownCaching = false; + return false; + } } - else if (origValue && typeof origValue === 'object') { - var keys = Object.keys(origValue), key; - if (!currentValue || - typeof currentValue !== 'object' || - (!firstPass && keys.length !== Object.keys(currentValue).length)) { - return false; - } - for (var i = 0, len = keys.length; i < len; i++) { - key = keys[i]; - // since clipPath is in the statefull cache list and the clipPath objects - // would be iterated as an object, this would lead to possible infinite recursion - // we do not want to compare those. - if (key === 'canvas' || key === 'group') { - continue; - } - if (!_isEqual(origValue[key], currentValue[key])) { - return false; - } - } - return true; + } + return ownCache; + }, + + /** + * Check if this object or a child object will cast a shadow + * @return {Boolean} + */ + willDrawShadow: function() { + if (fabric.Object.prototype.willDrawShadow.call(this)) { + return true; + } + for (var i = 0, len = this._objects.length; i < len; i++) { + if (this._objects[i].willDrawShadow()) { + return true; } - } - fabric.util.object.extend(fabric.Object.prototype, - /** @lends fabric.Object.prototype */ { - /** - * Returns true if object state (one of its state properties) was changed - * @param {String} [propertySet] optional name for the set of property we want to save - * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called - */ - hasStateChanged: function (propertySet) { - propertySet = propertySet || originalSet; - var dashedPropertySet = '_' + propertySet; - if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) { - return true; - } - return !_isEqual(this[dashedPropertySet], this, true); - }, - /** - * Saves state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - saveState: function (options) { - var propertySet = (options && options.propertySet) || originalSet, destination = '_' + propertySet; - if (!this[destination]) { - return this.setupState(options); - } - saveProps(this, destination, this[propertySet]); - if (options && options.stateProperties) { - saveProps(this, destination, options.stateProperties); - } - return this; - }, - /** - * Setups state of an object - * @param {Object} [options] Object with additional `stateProperties` array to include when saving state - * @return {fabric.Object} thisArg - */ - setupState: function (options) { - options = options || {}; - var propertySet = options.propertySet || originalSet; - options.propertySet = propertySet; - this['_' + propertySet] = {}; - this.saveState(options); - return this; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Animation duration (in ms) for fx* methods - * @type Number - * @default - */ - FX_DURATION: 500, - /** - * Centers object horizontally with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectH: function (object, callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: object.getX(), - endValue: this.getCenterPoint().x, - duration: this.FX_DURATION, - onChange: function (value) { - object.setX(value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - object.setCoords(); - onComplete(); - }, - }); - }, - /** - * Centers object vertically with animation. - * @param {fabric.Object} object Object to center - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxCenterObjectV: function (object, callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: object.getY(), - endValue: this.getCenterPoint().y, - duration: this.FX_DURATION, - onChange: function (value) { - object.setY(value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - object.setCoords(); - onComplete(); - }, - }); - }, - /** - * Same as `fabric.Canvas#remove` but animated - * @param {fabric.Object} object Object to remove - * @param {Object} [callbacks] Callbacks object with optional "onComplete" and/or "onChange" properties - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.AnimationContext} context - */ - fxRemove: function (object, callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: object.opacity, - endValue: 0, - duration: this.FX_DURATION, - onChange: function (value) { - object.set('opacity', value); - _this.requestRenderAll(); - onChange(); - }, - onComplete: function () { - _this.remove(object); - onComplete(); - }, - }); - }, + } + return false; + }, + + /** + * Check if this group or its parent group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function() { + return this.ownCaching || (this.group && this.group.isOnACache()); + }, + + /** + * Execute the drawing operation for an object on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on + */ + drawObject: function(ctx) { + for (var i = 0, len = this._objects.length; i < len; i++) { + this._objects[i].render(ctx); + } + this._drawClipPath(ctx, this.clipPath); + }, + + /** + * Check if cache is dirty + */ + isCacheDirty: function(skipCanvas) { + if (this.callSuper('isCacheDirty', skipCanvas)) { + return true; + } + if (!this.statefullCache) { + return false; + } + for (var i = 0, len = this._objects.length; i < len; i++) { + if (this._objects[i].isCacheDirty(true)) { + if (this._cacheCanvas) { + // if this group has not a cache canvas there is nothing to clean + var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; + this._cacheContext.clearRect(-x / 2, -y / 2, x, y); + } + return true; + } + } + return false; + }, + + /** + * Restores original state of each of group objects (original state is that which was before group was created). + * if the nested boolean is true, the original state will be restored just for the + * first group and not for all the group chain + * @private + * @param {Boolean} nested tell the function to restore object state up to the parent group and not more + * @return {fabric.Group} thisArg + * @chainable + */ + _restoreObjectsState: function() { + var groupMatrix = this.calcOwnMatrix(); + this._objects.forEach(function(object) { + // instead of using _this = this; + fabric.util.addTransformToObject(object, groupMatrix); + delete object.group; + object.setCoords(); + }); + return this; + }, + + /** + * Destroys a group (restoring state of its objects) + * @return {fabric.Group} thisArg + * @chainable + */ + destroy: function() { + // when group is destroyed objects needs to get a repaint to be eventually + // displayed on canvas. + this._objects.forEach(function(object) { + object.set('dirty', true); + }); + return this._restoreObjectsState(); + }, + + dispose: function () { + this.callSuper('dispose'); + this.forEachObject(function (object) { + object.dispose && object.dispose(); + }); + this._objects = []; + }, + + /** + * make a group an active selection, remove the group from canvas + * the group has to be on canvas for this to work. + * @return {fabric.ActiveSelection} thisArg + * @chainable + */ + toActiveSelection: function() { + if (!this.canvas) { + return; + } + var objects = this._objects, canvas = this.canvas; + this._objects = []; + var options = this.toObject(); + delete options.objects; + var activeSelection = new fabric.ActiveSelection([]); + activeSelection.set(options); + activeSelection.type = 'activeSelection'; + canvas.remove(this); + objects.forEach(function(object) { + object.group = activeSelection; + object.dirty = true; + canvas.add(object); + }); + activeSelection.canvas = canvas; + activeSelection._objects = objects; + canvas._activeObject = activeSelection; + activeSelection.setCoords(); + return activeSelection; + }, + + /** + * Destroys a group (restoring state of its objects) + * @return {fabric.Group} thisArg + * @chainable + */ + ungroupOnCanvas: function() { + return this._restoreObjectsState(); + }, + + /** + * Sets coordinates of all objects inside group + * @return {fabric.Group} thisArg + * @chainable + */ + setObjectsCoords: function() { + var skipControls = true; + this.forEachObject(function(object) { + object.setCoords(skipControls); + }); + return this; + }, + + /** + * @private + */ + _calcBounds: function(onlyWidthHeight) { + var aX = [], + aY = [], + o, prop, coords, + props = ['tr', 'br', 'bl', 'tl'], + i = 0, iLen = this._objects.length, + j, jLen = props.length; + + for ( ; i < iLen; ++i) { + o = this._objects[i]; + coords = o.calcACoords(); + for (j = 0; j < jLen; j++) { + prop = props[j]; + aX.push(coords[prop].x); + aY.push(coords[prop].y); + } + o.aCoords = coords; + } + + this._getBounds(aX, aY, onlyWidthHeight); + }, + + /** + * @private + */ + _getBounds: function(aX, aY, onlyWidthHeight) { + var minXY = new fabric.Point(min(aX), min(aY)), + maxXY = new fabric.Point(max(aX), max(aY)), + top = minXY.y || 0, left = minXY.x || 0, + width = (maxXY.x - minXY.x) || 0, + height = (maxXY.y - minXY.y) || 0; + this.width = width; + this.height = height; + if (!onlyWidthHeight) { + // the bounding box always finds the topleft most corner. + // whatever is the group origin, we set up here the left/top position. + this.setPositionByOrigin({ x: left, y: top }, 'left', 'top'); + } + }, + + /* _TO_SVG_START_ */ + /** + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + _toSVG: function(reviver) { + var svgString = ['\n']; + + for (var i = 0, len = this._objects.length; i < len; i++) { + svgString.push('\t\t', this._objects[i].toSVG(reviver)); + } + svgString.push('\n'); + return svgString; + }, + + /** + * Returns styles-string for svg-export, specific version for group + * @return {String} + */ + getSvgStyles: function() { + var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 ? + 'opacity: ' + this.opacity + ';' : '', + visibility = this.visible ? '' : ' visibility: hidden;'; + return [ + opacity, + this.getSvgFilter(), + visibility + ].join(''); + }, + + /** + * Returns svg clipPath representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance + */ + toClipPathSVG: function(reviver) { + var svgString = []; + + for (var i = 0, len = this._objects.length; i < len; i++) { + svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); + } + + return this._createBaseClipPathSVGMarkup(svgString, { reviver: reviver }); + }, + /* _TO_SVG_END_ */ + }); + + /** + * Returns {@link fabric.Group} instance from an object representation + * @static + * @memberOf fabric.Group + * @param {Object} object Object to create a group from + * @param {Function} [callback] Callback to invoke when an group instance is created + */ + fabric.Group.fromObject = function(object, callback) { + var objects = object.objects, + options = fabric.util.object.clone(object, true); + delete options.objects; + if (typeof objects === 'string') { + // it has to be an url or something went wrong. + fabric.loadSVGFromURL(objects, function (elements) { + var group = fabric.util.groupSVGElements(elements, object, objects); + group.set(options); + callback && callback(group); + }); + return; + } + fabric.util.enlivenObjects(objects, function (enlivenedObjects) { + var options = fabric.util.object.clone(object, true); + delete options.objects; + fabric.util.enlivenObjectEnlivables(object, options, function () { + callback && callback(new fabric.Group(enlivenedObjects, options, true)); + }); }); - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * Animates object's properties - * @param {String|Object} property Property to animate (if string) or properties to animate (if object) - * @param {Number|Object} value Value to animate property to (if string was given first) or options object - * @return {fabric.Object} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation} - * @return {fabric.AnimationContext | fabric.AnimationContext[]} animation context (or an array if passed multiple properties) - * - * As object — multiple properties - * - * object.animate({ left: ..., top: ... }); - * object.animate({ left: ..., top: ... }, { duration: ... }); - * - * As string — one property - * - * object.animate('left', ...); - * object.animate('left', { duration: ... }); - * - */ - animate: function () { - if (arguments[0] && typeof arguments[0] === 'object') { - var propsToAnimate = [], prop, skipCallbacks, out = []; - for (prop in arguments[0]) { - propsToAnimate.push(prop); - } - for (var i = 0, len = propsToAnimate.length; i < len; i++) { - prop = propsToAnimate[i]; - skipCallbacks = i !== len - 1; - out.push(this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks)); - } - return out; - } - else { - return this._animate.apply(this, arguments); - } - }, - /** - * @private - * @param {String} property Property to animate - * @param {String} to Value to animate to - * @param {Object} [options] Options object - * @param {Boolean} [skipCallbacks] When true, callbacks like onchange and oncomplete are not invoked - */ - _animate: function (property, to, options, skipCallbacks) { - var _this = this, propPair; - to = to.toString(); - options = Object.assign({}, options); - if (~property.indexOf('.')) { - propPair = property.split('.'); - } - var propIsColor = _this.colorProperties.indexOf(property) > -1 || - (propPair && _this.colorProperties.indexOf(propPair[1]) > -1); - var currentValue = propPair - ? this.get(propPair[0])[propPair[1]] - : this.get(property); - if (!('from' in options)) { - options.from = currentValue; - } - if (!propIsColor) { - if (~to.indexOf('=')) { - to = currentValue + parseFloat(to.replace('=', '')); - } - else { - to = parseFloat(to); - } - } - var _options = { - target: this, - startValue: options.from, - endValue: to, - byValue: options.by, - easing: options.easing, - duration: options.duration, - abort: options.abort && - function (value, valueProgress, timeProgress) { - return options.abort.call(_this, value, valueProgress, timeProgress); - }, - onChange: function (value, valueProgress, timeProgress) { - if (propPair) { - _this[propPair[0]][propPair[1]] = value; - } - else { - _this.set(property, value); - } - if (skipCallbacks) { - return; - } - options.onChange && - options.onChange(value, valueProgress, timeProgress); - }, - onComplete: function (value, valueProgress, timeProgress) { - if (skipCallbacks) { - return; - } - _this.setCoords(); - options.onComplete && - options.onComplete(value, valueProgress, timeProgress); - }, - }; - if (propIsColor) { - return fabric.util.animateColor(_options.startValue, _options.endValue, _options.duration, _options); - } - else { - return fabric.util.animate(_options); - } - }, + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }); + + if (fabric.ActiveSelection) { + return; + } + + /** + * Group class + * @class fabric.ActiveSelection + * @extends fabric.Group + * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} + * @see {@link fabric.ActiveSelection#initialize} for constructor definition + */ + fabric.ActiveSelection = fabric.util.createClass(fabric.Group, /** @lends fabric.ActiveSelection.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'activeSelection', + + /** + * Constructor + * @param {Object} objects ActiveSelection objects + * @param {Object} [options] Options object + * @return {Object} thisArg + */ + initialize: function(objects, options) { + options = options || {}; + this._objects = objects || []; + for (var i = this._objects.length; i--; ) { + this._objects[i].group = this; + } + + if (options.originX) { + this.originX = options.originX; + } + if (options.originY) { + this.originY = options.originY; + } + this._calcBounds(); + this._updateObjectsCoords(); + fabric.Object.prototype.initialize.call(this, options); + this.setCoords(); + }, + + /** + * Change te activeSelection to a normal group, + * High level function that automatically adds it to canvas as + * active object. no events fired. + * @since 2.0.0 + * @return {fabric.Group} + */ + toGroup: function() { + var objects = this._objects.concat(); + this._objects = []; + var options = fabric.Object.prototype.toObject.call(this); + var newGroup = new fabric.Group([]); + delete options.type; + newGroup.set(options); + objects.forEach(function(object) { + object.canvas.remove(object); + object.group = newGroup; + }); + newGroup._objects = objects; + if (!this.canvas) { + return newGroup; + } + var canvas = this.canvas; + canvas.add(newGroup); + canvas._activeObject = newGroup; + newGroup.setCoords(); + return newGroup; + }, + + /** + * If returns true, deselection is cancelled. + * @since 2.0.0 + * @return {Boolean} [cancel] + */ + onDeselect: function() { + this.destroy(); + return false; + }, + + /** + * Returns string representation of a group + * @return {String} + */ + toString: function() { + return '#'; + }, + + /** + * Decide if the object should cache or not. Create its own cache level + * objectCaching is a global flag, wins over everything + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * @return {Boolean} + */ + shouldCache: function() { + return false; + }, + + /** + * Check if this group or its parent group are caching, recursively up + * @return {Boolean} + */ + isOnACache: function() { + return false; + }, + + /** + * Renders controls and borders for the object + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [styleOverride] properties to override the object style + * @param {Object} [childrenOverride] properties to override the children overrides + */ + _renderControls: function(ctx, styleOverride, childrenOverride) { + ctx.save(); + ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; + this.callSuper('_renderControls', ctx, styleOverride); + childrenOverride = childrenOverride || { }; + if (typeof childrenOverride.hasControls === 'undefined') { + childrenOverride.hasControls = false; + } + childrenOverride.forActiveSelection = true; + for (var i = 0, len = this._objects.length; i < len; i++) { + this._objects[i]._renderControls(ctx, childrenOverride); + } + ctx.restore(); + }, + }); + + /** + * Returns {@link fabric.ActiveSelection} instance from an object representation + * @static + * @memberOf fabric.ActiveSelection + * @param {Object} object Object to create a group from + * @param {Function} [callback] Callback to invoke when an ActiveSelection instance is created + */ + fabric.ActiveSelection.fromObject = function(object, callback) { + fabric.util.enlivenObjects(object.objects, function(enlivenedObjects) { + delete object.objects; + callback && callback(new fabric.ActiveSelection(enlivenedObjects, object, true)); }); -})(typeof exports !== 'undefined' ? exports : window); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var extend = fabric.util.object.extend; + + if (!global.fabric) { + global.fabric = { }; + } + + if (global.fabric.Image) { + fabric.warn('fabric.Image is already defined.'); + return; + } + + /** + * Image class + * @class fabric.Image + * @extends fabric.Object + * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} + * @see {@link fabric.Image#initialize} for constructor definition + */ + fabric.Image = fabric.util.createClass(fabric.Object, /** @lends fabric.Image.prototype */ { + + /** + * Type of an object + * @type String + * @default + */ + type: 'image', + + /** + * Width of a stroke. + * For image quality a stroke multiple of 2 gives better results. + * @type Number + * @default + */ + strokeWidth: 0, + + /** + * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. + * This allows for relative urls as image src. + * @since 2.7.0 + * @type Boolean + * @default + */ + srcFromAttribute: false, + + /** + * private + * contains last value of scaleX to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleX: 1, + + /** + * private + * contains last value of scaleY to detect + * if the Image got resized after the last Render + * @type Number + */ + _lastScaleY: 1, + + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingX: 1, + + /** + * private + * contains last value of scaling applied by the apply filter chain + * @type Number + */ + _filterScalingY: 1, + + /** + * minimum scale factor under which any resizeFilter is triggered to resize the image + * 0 will disable the automatic resize. 1 will trigger automatically always. + * number bigger than 1 are not implemented yet. + * @type Number + */ + minimumScaleTrigger: 0.5, + + /** + * List of properties to consider when checking if + * state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array + */ + stateProperties: fabric.Object.prototype.stateProperties.concat('cropX', 'cropY'), + + /** + * List of properties to consider when checking if cache needs refresh + * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single + * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty + * and refreshed at the next render + * @type Array + */ + cacheProperties: fabric.Object.prototype.cacheProperties.concat('cropX', 'cropY'), + + /** + * key used to retrieve the texture representing this image + * @since 2.0.0 + * @type String + * @default + */ + cacheKey: '', + + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropX: 0, + + /** + * Image crop in pixels from original image size. + * @since 2.0.0 + * @type Number + * @default + */ + cropY: 0, + + /** + * Indicates whether this canvas will use image smoothing when painting this image. + * Also influence if the cacheCanvas for this image uses imageSmoothing + * @since 4.0.0-beta.11 + * @type Boolean + * @default + */ + imageSmoothing: true, -// @ts-nocheck -const coordProps = { x1: 1, x2: 1, y1: 1, y2: 1 }; -class Line extends InteractiveFabricObject { /** * Constructor - * @param {Array} [points] Array of points + * Image can be initialized with any canvas drawable or a string. + * The string should be a url and will be loaded as an image. + * Canvas and Image element work out of the box, while videos require extra code to work. + * Please check video element events for seeking. + * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element * @param {Object} [options] Options object - * @return {Line} thisArg - */ - constructor(points, options) { - if (!points) { - points = [0, 0, 0, 0]; - } - super(options); - this.set('x1', points[0]); - this.set('y1', points[1]); - this.set('x2', points[2]); - this.set('y2', points[3]); - this._setWidthHeight(options); - } + * @param {function} [callback] callback function to call after eventual filters applied. + * @return {fabric.Image} thisArg + */ + initialize: function(element, options) { + options || (options = { }); + this.filters = []; + this.cacheKey = 'texture' + fabric.Object.__uid++; + this.callSuper('initialize', options); + this._initElement(element, options); + }, + /** - * @private - * @param {Object} [options] Options + * Returns image element which this instance if based on + * @return {HTMLImageElement} Image element */ - _setWidthHeight(options) { - options || (options = {}); - this.width = Math.abs(this.x2 - this.x1); - this.height = Math.abs(this.y2 - this.y1); - this.left = 'left' in options ? options.left : this._getLeftToOriginX(); - this.top = 'top' in options ? options.top : this._getTopToOriginY(); - } + getElement: function() { + return this._element || {}; + }, + /** - * @private - * @param {String} key - * @param {*} value + * Sets image element for this instance to a specified one. + * If filters defined they are applied to new image. + * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. + * @param {HTMLImageElement} element + * @param {Object} [options] Options object + * @return {fabric.Image} thisArg + * @chainable */ - _set(key, value) { - super._set(key, value); - if (typeof coordProps[key] !== 'undefined') { - this._setWidthHeight(); - } - return this; - } + setElement: function(element, options) { + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._element = element; + this._originalElement = element; + this._initConfig(options); + if (this.filters.length !== 0) { + this.applyFilters(); + } + // resizeFilters work on the already filtered copy. + // we need to apply resizeFilters AFTER normal filters. + // applyResizeFilters is run more often than normal filters + // and is triggered by user interactions rather than dev code + if (this.resizeFilter) { + this.applyResizeFilters(); + } + return this; + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Delete a single texture if in webgl mode */ - _render(ctx) { - ctx.beginPath(); - const p = this.calcLinePoints(); - ctx.moveTo(p.x1, p.y1); - ctx.lineTo(p.x2, p.y2); - ctx.lineWidth = this.strokeWidth; - // TODO: test this - // make sure setting "fill" changes color of a line - // (by copying fillStyle to strokeStyle, since line is stroked, not filled) - const origStrokeStyle = ctx.strokeStyle; - ctx.strokeStyle = this.stroke || ctx.fillStyle; - this.stroke && this._renderStroke(ctx); - ctx.strokeStyle = origStrokeStyle; - } + removeTexture: function(key) { + var backend = fabric.filterBackend; + if (backend && backend.evictCachesForKey) { + backend.evictCachesForKey(key); + } + }, + /** - * This function is an helper for svg import. it returns the center of the object in the svg - * untransformed coordinates - * @private - * @return {Object} center point from element coordinates - */ - _findCenterFromElement() { - return { - x: (this.x1 + this.x2) / 2, - y: (this.y1 + this.y2) / 2, - }; - } + * Delete textures, reference to elements and eventually JSDOM cleanup + */ + dispose: function () { + this.callSuper('dispose'); + this.removeTexture(this.cacheKey); + this.removeTexture(this.cacheKey + '_filtered'); + this._cacheContext = undefined; + ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach((function(element) { + fabric.util.cleanUpJsdomNode(this[element]); + this[element] = undefined; + }).bind(this)); + }, + /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * Get the crossOrigin value (of the corresponding image element) */ - toObject(propertiesToInclude) { - return Object.assign(Object.assign({}, super.toObject(propertiesToInclude)), this.calcLinePoints()); - } - /* - * Calculate object dimensions from its properties - * @private + getCrossOrigin: function() { + return this._originalElement && (this._originalElement.crossOrigin || null); + }, + + /** + * Returns original size of an image + * @return {Object} Object with "width" and "height" properties */ - _getNonTransformedDimensions() { - const dim = super._getNonTransformedDimensions(); - if (this.strokeLineCap === 'butt') { - if (this.width === 0) { - dim.y -= this.strokeWidth; - } - if (this.height === 0) { - dim.x -= this.strokeWidth; - } - } - return dim; - } + getOriginalSize: function() { + var element = this.getElement(); + return { + width: element.naturalWidth || element.width, + height: element.naturalHeight || element.height + }; + }, + /** - * Recalculates line points given width and height * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - calcLinePoints() { - const xMult = this.x1 <= this.x2 ? -1 : 1, yMult = this.y1 <= this.y2 ? -1 : 1, x1 = xMult * this.width * 0.5, y1 = yMult * this.height * 0.5, x2 = xMult * this.width * -0.5, y2 = yMult * this.height * -0.5; - return { - x1: x1, - x2: x2, - y1: y1, - y2: y2, - }; - } - makeEdgeToOriginGetter(propertyNames, originValues) { - const origin = propertyNames.origin, axis1 = propertyNames.axis1, axis2 = propertyNames.axis2, dimension = propertyNames.dimension, nearest = originValues.nearest, center = originValues.center, farthest = originValues.farthest; - switch (this.get(origin)) { - case nearest: - return Math.min(this.get(axis1), this.get(axis2)); - case center: - return (Math.min(this.get(axis1), this.get(axis2)) + 0.5 * this.get(dimension)); - case farthest: - return Math.max(this.get(axis1), this.get(axis2)); - } - } + _stroke: function(ctx) { + if (!this.stroke || this.strokeWidth === 0) { + return; + } + var w = this.width / 2, h = this.height / 2; + ctx.beginPath(); + ctx.moveTo(-w, -h); + ctx.lineTo(w, -h); + ctx.lineTo(w, h); + ctx.lineTo(-w, h); + ctx.lineTo(-w, -h); + ctx.closePath(); + }, + /** - * @private - * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance */ - _getLeftToOriginX() { - return this.makeEdgeToOriginGetter({ - // property names - origin: 'originX', - axis1: 'x1', - axis2: 'x2', - dimension: 'width', - }, { - // possible values of origin - nearest: 'left', - center: 'center', - farthest: 'right', + toObject: function(propertiesToInclude) { + var filters = []; + + this.filters.forEach(function(filterObj) { + if (filterObj) { + filters.push(filterObj.toObject()); + } + }); + var object = extend( + this.callSuper( + 'toObject', + ['cropX', 'cropY'].concat(propertiesToInclude) + ), { + src: this.getSrc(), + crossOrigin: this.getCrossOrigin(), + filters: filters, }); - } + if (this.resizeFilter) { + object.resizeFilter = this.resizeFilter.toObject(); + } + return object; + }, + /** - * @private - * @return {Number} leftToOriginX Distance from left edge of canvas to originX of Line. + * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. + * @return {Boolean} */ - _getTopToOriginY() { - return this.makeEdgeToOriginGetter({ - // property names - origin: 'originY', - axis1: 'y1', - axis2: 'y2', - dimension: 'height', - }, { - // possible values of origin - nearest: 'top', - center: 'center', - farthest: 'bottom', - }); - } + hasCrop: function() { + return this.cropX || this.cropY || this.width < this._element.width || this.height < this._element.height; + }, + + /* _TO_SVG_START_ */ /** * Returns svg representation of an instance * @return {Array} an array of strings with the specific svg representation * of the instance */ - _toSVG() { - const p = this.calcLinePoints(); - return [ - '\n', + _toSVG: function() { + var svgString = [], imageMarkup = [], strokeSvg, element = this._element, + x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; + if (!element) { + return []; + } + if (this.hasCrop()) { + var clipPathId = fabric.Object.__uid++; + svgString.push( + '\n', + '\t\n', + '\n' + ); + clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; + } + if (!this.imageSmoothing) { + imageRendering = '" image-rendering="optimizeSpeed'; + } + imageMarkup.push('\t\n'); + + if (this.stroke || this.strokeDashArray) { + var origFill = this.fill; + this.fill = null; + strokeSvg = [ + '\t\n' ]; - } + this.fill = origFill; + } + if (this.paintFirst !== 'fill') { + svgString = svgString.concat(strokeSvg, imageMarkup); + } + else { + svgString = svgString.concat(imageMarkup, strokeSvg); + } + return svgString; + }, + /* _TO_SVG_END_ */ + /** - * Returns Line instance from an SVG element - * @static - * @memberOf Line - * @param {SVGElement} element Element to parse + * Returns source of an image + * @param {Boolean} filtered indicates if the src is needed for svg + * @return {String} Source of an image + */ + getSrc: function(filtered) { + var element = filtered ? this._element : this._originalElement; + if (element) { + if (element.toDataURL) { + return element.toDataURL(); + } + + if (this.srcFromAttribute) { + return element.getAttribute('src'); + } + else { + return element.src; + } + } + else { + return this.src || ''; + } + }, + + /** + * Sets source of an image + * @param {String} src Source string (URL) + * @param {Function} [callback] Callback is invoked when image has been loaded (and all filters have been applied) * @param {Object} [options] Options object - * @param {Function} [callback] callback function invoked after parsing - */ - static fromElement(element, callback, options) { - options = options || {}; - const parsedAttributes = parseAttributes(element, Line.ATTRIBUTE_NAMES), points = [ - parsedAttributes.x1 || 0, - parsedAttributes.y1 || 0, - parsedAttributes.x2 || 0, - parsedAttributes.y2 || 0, - ]; - callback(new Line(points, Object.assign(Object.assign({}, parsedAttributes), options))); - } - /* _FROM_SVG_END_ */ + * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") + * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes + * @return {fabric.Image} thisArg + * @chainable + */ + setSrc: function(src, callback, options) { + fabric.util.loadImage(src, function(img, isError) { + this.setElement(img, options); + this._setWidthHeight(); + callback && callback(this, isError); + }, this, options && options.crossOrigin); + return this; + }, + /** - * Returns Line instance from an object representation - * @static - * @memberOf Line - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - const options = clone(object, true); - options.points = [object.x1, object.y1, object.x2, object.y2]; - return InteractiveFabricObject._fromObject(Line, options, { - extraParam: 'points', - }).then(function (fabricLine) { - delete fabricLine.points; - return fabricLine; - }); - } -} -/* _FROM_SVG_START_ */ -/** - * List of attribute names to account for when parsing SVG element (used by {@link Line.fromElement}) - * @static - * @memberOf Line - * @see http://www.w3.org/TR/SVG/shapes.html#LineElement - */ -Line.ATTRIBUTE_NAMES = SHARED_ATTRIBUTES.concat('x1 y1 x2 y2'.split(' ')); -const lineDefaultValues = { - type: 'line', - x1: 0, - y1: 0, - x2: 0, - y2: 0, - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('x1', 'x2', 'y1', 'y2'), -}; -Object.assign(Line.prototype, lineDefaultValues); -/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ -fabric$1.Line = Line; + * Returns string representation of an instance + * @return {String} String representation of an instance + */ + toString: function() { + return '#'; + }, + + applyResizeFilters: function() { + var filter = this.resizeFilter, + minimumScale = this.minimumScaleTrigger, + objectScale = this.getTotalObjectScaling(), + scaleX = objectScale.scaleX, + scaleY = objectScale.scaleY, + elementToFilter = this._filteredEl || this._originalElement; + if (this.group) { + this.set('dirty', true); + } + if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { + this._element = elementToFilter; + this._filterScalingX = 1; + this._filterScalingY = 1; + this._lastScaleX = scaleX; + this._lastScaleY = scaleY; + return; + } + if (!fabric.filterBackend) { + fabric.filterBackend = fabric.initFilterBackend(); + } + var canvasEl = fabric.util.createCanvasElement(), + cacheKey = this._filteredEl ? (this.cacheKey + '_filtered') : this.cacheKey, + sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._lastScaleX = filter.scaleX = scaleX; + this._lastScaleY = filter.scaleY = scaleY; + fabric.filterBackend.applyFilters( + [filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); + this._filterScalingX = canvasEl.width / this._originalElement.width; + this._filterScalingY = canvasEl.height / this._originalElement.height; + }, -class Circle$1 extends InteractiveFabricObject { /** - * @private - * @param {String} key - * @param {*} value + * Applies filters assigned to this image (from "filters" array) or from filter param + * @method applyFilters + * @param {Array} filters to be applied + * @param {Boolean} forResizing specify if the filter operation is a resize operation + * @return {thisArg} return the fabric.Image object + * @chainable */ - _set(key, value) { - super._set(key, value); - if (key === 'radius') { - this.setRadius(value); - } + applyFilters: function(filters) { + + filters = filters || this.filters || []; + filters = filters.filter(function(filter) { return filter && !filter.isNeutralState(); }); + this.set('dirty', true); + + // needs to clear out or WEBGL will not resize correctly + this.removeTexture(this.cacheKey + '_filtered'); + + if (filters.length === 0) { + this._element = this._originalElement; + this._filteredEl = null; + this._filterScalingX = 1; + this._filterScalingY = 1; return this; - } + } + + var imgElement = this._originalElement, + sourceWidth = imgElement.naturalWidth || imgElement.width, + sourceHeight = imgElement.naturalHeight || imgElement.height; + + if (this._element === this._originalElement) { + // if the element is the same we need to create a new element + var canvasEl = fabric.util.createCanvasElement(); + canvasEl.width = sourceWidth; + canvasEl.height = sourceHeight; + this._element = canvasEl; + this._filteredEl = canvasEl; + } + else { + // clear the existing element to get new filter data + // also dereference the eventual resized _element + this._element = this._filteredEl; + this._filteredEl.getContext('2d').clearRect(0, 0, sourceWidth, sourceHeight); + // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y + this._lastScaleX = 1; + this._lastScaleY = 1; + } + if (!fabric.filterBackend) { + fabric.filterBackend = fabric.initFilterBackend(); + } + fabric.filterBackend.applyFilters( + filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); + if (this._originalElement.width !== this._element.width || + this._originalElement.height !== this._element.height) { + this._filterScalingX = this._element.width / this._originalElement.width; + this._filterScalingY = this._element.height / this._originalElement.height; + } + return this; + }, + /** * @private - * @param {CanvasRenderingContext2D} ctx context to render on + * @param {CanvasRenderingContext2D} ctx Context to render on */ - _render(ctx) { - ctx.beginPath(); - ctx.arc(0, 0, this.radius, degreesToRadians(this.startAngle), degreesToRadians(this.endAngle), false); - this._renderPaintInOrder(ctx); - } + _render: function(ctx) { + fabric.util.setImageSmoothing(ctx, this.imageSmoothing); + if (this.isMoving !== true && this.resizeFilter && this._needsResize()) { + this.applyResizeFilters(); + } + this._stroke(ctx); + this._renderPaintInOrder(ctx); + }, + /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} + * Paint the cached copy of the object on the target context. + * it will set the imageSmoothing for the draw operation + * @param {CanvasRenderingContext2D} ctx Context to render on */ - getRadiusX() { - return this.get('radius') * this.get('scaleX'); - } + drawCacheOnCanvas: function(ctx) { + fabric.util.setImageSmoothing(ctx, this.imageSmoothing); + fabric.Object.prototype.drawCacheOnCanvas.call(this, ctx); + }, + /** - * Returns vertical radius of an object (according to how an object is scaled) - * @return {Number} + * Decide if the object should cache or not. Create its own cache level + * needsItsOwnCache should be used when the object drawing method requires + * a cache step. None of the fabric classes requires it. + * Generally you do not cache objects in groups because the group outside is cached. + * This is the special image version where we would like to avoid caching where possible. + * Essentially images do not benefit from caching. They may require caching, and in that + * case we do it. Also caching an image usually ends in a loss of details. + * A full performance audit should be done. + * @return {Boolean} */ - getRadiusY() { - return this.get('radius') * this.get('scaleY'); - } + shouldCache: function() { + return this.needsItsOwnCache(); + }, + + _renderFill: function(ctx) { + var elementToDraw = this._element; + if (!elementToDraw) { + return; + } + var scaleX = this._filterScalingX, scaleY = this._filterScalingY, + w = this.width, h = this.height, min = Math.min, max = Math.max, + // crop values cannot be lesser than 0. + cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), + elWidth = elementToDraw.naturalWidth || elementToDraw.width, + elHeight = elementToDraw.naturalHeight || elementToDraw.height, + sX = cropX * scaleX, + sY = cropY * scaleY, + // the width height cannot exceed element width/height, starting from the crop offset. + sW = min(w * scaleX, elWidth - sX), + sH = min(h * scaleY, elHeight - sY), + x = -w / 2, y = -h / 2, + maxDestW = min(w, elWidth / scaleX - cropX), + maxDestH = min(h, elHeight / scaleY - cropY); + + elementToDraw && ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); + }, + /** - * Sets radius of an object (and updates width accordingly) + * needed to check if image needs resize + * @private */ - setRadius(value) { - this.radius = value; - this.set({ width: value * 2, height: value * 2 }); - } + _needsResize: function() { + var scale = this.getTotalObjectScaling(); + return (scale.scaleX !== this._lastScaleX || scale.scaleY !== this._lastScaleY); + }, + /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * @private */ - toObject(propertiesToInclude = []) { - return super.toObject([ - 'radius', - 'startAngle', - 'endAngle', - ...propertiesToInclude, - ]); - } - /* _TO_SVG_START_ */ + _resetWidthHeight: function() { + this.set(this.getOriginalSize()); + }, + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG() { - const angle = (this.endAngle - this.startAngle) % 360; - if (angle === 0) { - return [ - '\n', - ]; - } - else { - const { radius } = this; - const start = degreesToRadians(this.startAngle), end = degreesToRadians(this.endAngle), startX = cos(start) * radius, startY = sin(start) * radius, endX = cos(end) * radius, endY = sin(end) * radius, largeFlag = angle > 180 ? '1' : '0'; - return [ - `\n', - ]; - } - } - /** - * Returns {@link Circle} instance from an SVG element - * @static - * @memberOf Circle - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @param {Object} [options] Partial Circle object to default missing properties on the element. - * @throws {Error} If value of `r` attribute is missing or invalid + * The Image class's initialization method. This method is automatically + * called by the constructor. + * @private + * @param {HTMLImageElement|String} element The element representing the image + * @param {Object} [options] Options object */ - static fromElement(element, callback) { - const _a = parseAttributes(element, Circle$1.ATTRIBUTE_NAMES), { left = 0, top = 0, radius } = _a, otherParsedAttributes = __rest(_a, ["left", "top", "radius"]); - if (!radius || radius < 0) { - throw new Error('value of `r` attribute is required and can not be negative'); - } - // this probably requires to be fixed for default origins not being top/left. - callback(new Circle$1(Object.assign(Object.assign({}, otherParsedAttributes), { radius, left: left - radius, top: top - radius }))); - } - /* _FROM_SVG_END_ */ + _initElement: function(element, options) { + this.setElement(fabric.util.getById(element), options); + fabric.util.addClass(this.getElement(), fabric.Image.CSS_CANVAS); + }, + /** - * Returns {@link Circle} instance from an object representation - * @static - * @memberOf Circle - * @param {Object} object Object to create an instance from - * @returns {Promise} + * @private + * @param {Object} [options] Options object */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Circle$1, object); - } -} -/* _TO_SVG_END_ */ -/* _FROM_SVG_START_ */ -/** - * List of attribute names to account for when parsing SVG element (used by {@link Circle.fromElement}) - * @static - * @memberOf Circle - * @see: http://www.w3.org/TR/SVG/shapes.html#CircleElement - */ -Circle$1.ATTRIBUTE_NAMES = ['cx', 'cy', 'r', ...SHARED_ATTRIBUTES]; -const circleDefaultValues = { - type: 'circle', - radius: 0, - startAngle: 0, - endAngle: 360, - stateProperties: fabricObjectDefaultValues.stateProperties.concat('radius', 'startAngle', 'endAngle'), - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('radius', 'startAngle', 'endAngle'), -}; -Object.assign(Circle$1.prototype, circleDefaultValues); -fabric$1.Circle = Circle$1; + _initConfig: function(options) { + options || (options = { }); + this.setOptions(options); + this._setWidthHeight(options); + }, -class Triangle extends InteractiveFabricObject { /** * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render(ctx) { - const widthBy2 = this.width / 2, heightBy2 = this.height / 2; - ctx.beginPath(); - ctx.moveTo(-widthBy2, heightBy2); - ctx.lineTo(0, -heightBy2); - ctx.lineTo(widthBy2, heightBy2); - ctx.closePath(); - this._renderPaintInOrder(ctx); + * @param {Array} filters to be initialized + * @param {Function} callback Callback to invoke when all fabric.Image.filters instances are created + */ + _initFilters: function(filters, callback) { + if (filters && filters.length) { + fabric.util.enlivenObjects(filters, function(enlivenedObjects) { + callback && callback(enlivenedObjects); + }, 'fabric.Image.filters'); + } + else { + callback && callback(); + } + }, + + /** + * @private + * Set the width and the height of the image object, using the element or the + * options. + * @param {Object} [options] Object with width/height properties + */ + _setWidthHeight: function(options) { + options || (options = { }); + var el = this.getElement(); + this.width = options.width || el.naturalWidth || el.width || 0; + this.height = options.height || el.naturalHeight || el.height || 0; + }, + + /** + * Calculate offset for center and scale factor for the image in order to respect + * the preserveAspectRatio attribute + * @private + * @return {Object} + */ + parsePreserveAspectRatioAttribute: function() { + var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), + rWidth = this._element.width, rHeight = this._element.height, + scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, + offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; + if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { + if (pAR.meetOrSlice === 'meet') { + scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); + offset = (pWidth - rWidth * scaleX) / 2; + if (pAR.alignX === 'Min') { + offsetLeft = -offset; + } + if (pAR.alignX === 'Max') { + offsetLeft = offset; + } + offset = (pHeight - rHeight * scaleY) / 2; + if (pAR.alignY === 'Min') { + offsetTop = -offset; + } + if (pAR.alignY === 'Max') { + offsetTop = offset; + } + } + if (pAR.meetOrSlice === 'slice') { + scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); + offset = rWidth - pWidth / scaleX; + if (pAR.alignX === 'Mid') { + cropX = offset / 2; + } + if (pAR.alignX === 'Max') { + cropX = offset; + } + offset = rHeight - pHeight / scaleY; + if (pAR.alignY === 'Mid') { + cropY = offset / 2; + } + if (pAR.alignY === 'Max') { + cropY = offset; + } + rWidth = pWidth / scaleX; + rHeight = pHeight / scaleY; + } + } + else { + scaleX = pWidth / rWidth; + scaleY = pHeight / rHeight; + } + return { + width: rWidth, + height: rHeight, + scaleX: scaleX, + scaleY: scaleY, + offsetLeft: offsetLeft, + offsetTop: offsetTop, + cropX: cropX, + cropY: cropY + }; + } + }); + + /** + * Default CSS class name for canvas + * @static + * @type String + * @default + */ + fabric.Image.CSS_CANVAS = 'canvas-img'; + + /** + * Alias for getSrc + * @static + */ + fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; + + /** + * Creates an instance of fabric.Image from its object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} callback Callback to invoke when an image instance is created + */ + fabric.Image.fromObject = function(_object, callback) { + var object = fabric.util.object.clone(_object); + fabric.util.loadImage(object.src, function(img, isError) { + if (isError) { + callback && callback(null, true); + return; + } + fabric.Image.prototype._initFilters.call(object, object.filters, function(filters) { + object.filters = filters || []; + fabric.Image.prototype._initFilters.call(object, [object.resizeFilter], function(resizeFilters) { + object.resizeFilter = resizeFilters[0]; + fabric.util.enlivenObjectEnlivables(object, object, function () { + var image = new fabric.Image(img, object); + callback(image, false); + }); + }); + }); + }, null, object.crossOrigin); + }; + + /** + * Creates an instance of fabric.Image from an URL string + * @static + * @param {String} url URL to create an image from + * @param {Function} [callback] Callback to invoke when image is created (newly created image is passed as a first argument). Second argument is a boolean indicating if an error occurred or not. + * @param {Object} [imgOptions] Options object + */ + fabric.Image.fromURL = function(url, callback, imgOptions) { + fabric.util.loadImage(url, function(img, isError) { + callback && callback(new fabric.Image(img, imgOptions), isError); + }, null, imgOptions && imgOptions.crossOrigin); + }; + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) + * @static + * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} + */ + fabric.Image.ATTRIBUTE_NAMES = + fabric.SHARED_ATTRIBUTES.concat( + 'x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ') + ); + + /** + * Returns {@link fabric.Image} instance from an SVG element + * @static + * @param {SVGElement} element Element to parse + * @param {Object} [options] Options object + * @param {Function} callback Callback to execute when fabric.Image object is created + * @return {fabric.Image} Instance of fabric.Image + */ + fabric.Image.fromElement = function(element, callback, options) { + var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); + fabric.Image.fromURL(parsedAttributes['xlink:href'], callback, + extend((options ? fabric.util.object.clone(options) : { }), parsedAttributes)); + }; + /* _FROM_SVG_END_ */ + +})(typeof exports !== 'undefined' ? exports : this); + + +fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ { + + /** + * @private + * @return {Number} angle value + */ + _getAngleValueForStraighten: function() { + var angle = this.angle % 360; + if (angle > 0) { + return Math.round((angle - 1) / 90) * 90; + } + return Math.round(angle / 90) * 90; + }, + + /** + * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) + * @return {fabric.Object} thisArg + * @chainable + */ + straighten: function() { + return this.rotate(this._getAngleValueForStraighten()); + }, + + /** + * Same as {@link fabric.Object.prototype.straighten} but with animation + * @param {Object} callbacks Object with callback functions + * @param {Function} [callbacks.onComplete] Invoked on completion + * @param {Function} [callbacks.onChange] Invoked on every step of animation + * @return {fabric.Object} thisArg + */ + fxStraighten: function(callbacks) { + callbacks = callbacks || { }; + + var empty = function() { }, + onComplete = callbacks.onComplete || empty, + onChange = callbacks.onChange || empty, + _this = this; + + return fabric.util.animate({ + target: this, + startValue: this.get('angle'), + endValue: this._getAngleValueForStraighten(), + duration: this.FX_DURATION, + onChange: function(value) { + _this.rotate(value); + onChange(); + }, + onComplete: function() { + _this.setCoords(); + onComplete(); + }, + }); + } +}); + +fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ { + + /** + * Straightens object, then rerenders canvas + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + * @chainable + */ + straightenObject: function (object) { + object.straighten(); + this.requestRenderAll(); + return this; + }, + + /** + * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated + * @param {fabric.Object} object Object to straighten + * @return {fabric.Canvas} thisArg + */ + fxStraightenObject: function (object) { + return object.fxStraighten({ + onChange: this.requestRenderAllBound + }); + } +}); + + +(function() { + + 'use strict'; + + /** + * Tests if webgl supports certain precision + * @param {WebGL} Canvas WebGL context to test on + * @param {String} Precision to test can be any of following: 'lowp', 'mediump', 'highp' + * @returns {Boolean} Whether the user's browser WebGL supports given precision. + */ + function testPrecision(gl, precision){ + var fragmentSource = 'precision ' + precision + ' float;\nvoid main(){}'; + var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { + return false; + } + return true; + } + + /** + * Indicate whether this filtering backend is supported by the user's browser. + * @param {Number} tileSize check if the tileSize is supported + * @returns {Boolean} Whether the user's browser supports WebGL. + */ + fabric.isWebglSupported = function(tileSize) { + if (fabric.isLikelyNode) { + return false; + } + tileSize = tileSize || fabric.WebglFilterBackend.prototype.tileSize; + var canvas = document.createElement('canvas'); + var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); + var isSupported = false; + // eslint-disable-next-line + if (gl) { + fabric.maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); + isSupported = fabric.maxTextureSize >= tileSize; + var precisions = ['highp', 'mediump', 'lowp']; + for (var i = 0; i < 3; i++){ + if (testPrecision(gl, precisions[i])){ + fabric.webGlPrecision = precisions[i]; + break; + }; + } } + this.isSupported = isSupported; + return isSupported; + }; + + fabric.WebglFilterBackend = WebglFilterBackend; + + /** + * WebGL filter backend. + */ + function WebglFilterBackend(options) { + if (options && options.tileSize) { + this.tileSize = options.tileSize; + } + this.setupGLContext(this.tileSize, this.tileSize); + this.captureGPUInfo(); + }; + + WebglFilterBackend.prototype = /** @lends fabric.WebglFilterBackend.prototype */ { + + tileSize: 2048, + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG() { - const widthBy2 = this.width / 2, heightBy2 = this.height / 2, points = `${-widthBy2} ${heightBy2},0 ${-heightBy2},${widthBy2} ${heightBy2}`; - return ['']; - } + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + resources: { + + }, + /** - * Returns {@link Triangle} instance from an object representation - * @static - * @memberOf Triangle - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Setup a WebGL context suitable for filtering, and bind any needed event handlers. */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Triangle, object); - } -} -const triangleDefaultValues = { - type: 'triangle', - width: 100, - height: 100, -}; -Object.assign(Triangle.prototype, triangleDefaultValues); -fabric$1.Triangle = Triangle; + setupGLContext: function(width, height) { + this.dispose(); + this.createWebGLCanvas(width, height); + // eslint-disable-next-line + this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); + this.chooseFastestCopyGLTo2DMethod(width, height); + }, -class Ellipse extends InteractiveFabricObject { /** - * Constructor - * @param {Object} [options] Options object - * @return {Ellipse} thisArg + * Pick a method to copy data from GL context to 2d canvas. In some browsers using + * putImageData is faster than drawImage for that specific operation. */ - constructor(options) { - super(options); - this.set('rx', (options && options.rx) || 0); - this.set('ry', (options && options.ry) || 0); - } + chooseFastestCopyGLTo2DMethod: function(width, height) { + var canMeasurePerf = typeof window.performance !== 'undefined', canUseImageData; + try { + new ImageData(1, 1); + canUseImageData = true; + } + catch (e) { + canUseImageData = false; + } + // eslint-disable-next-line no-undef + var canUseArrayBuffer = typeof ArrayBuffer !== 'undefined'; + // eslint-disable-next-line no-undef + var canUseUint8Clamped = typeof Uint8ClampedArray !== 'undefined'; + + if (!(canMeasurePerf && canUseImageData && canUseArrayBuffer && canUseUint8Clamped)) { + return; + } + + var targetCanvas = fabric.util.createCanvasElement(); + // eslint-disable-next-line no-undef + var imageBuffer = new ArrayBuffer(width * height * 4); + if (fabric.forceGLPutImageData) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + return; + } + var testContext = { + imageBuffer: imageBuffer, + destinationWidth: width, + destinationHeight: height, + targetCanvas: targetCanvas + }; + var startTime, drawImageTime, putImageDataTime; + targetCanvas.width = width; + targetCanvas.height = height; + + startTime = window.performance.now(); + copyGLTo2DDrawImage.call(testContext, this.gl, testContext); + drawImageTime = window.performance.now() - startTime; + + startTime = window.performance.now(); + copyGLTo2DPutImageData.call(testContext, this.gl, testContext); + putImageDataTime = window.performance.now() - startTime; + + if (drawImageTime > putImageDataTime) { + this.imageBuffer = imageBuffer; + this.copyGLTo2D = copyGLTo2DPutImageData; + } + else { + this.copyGLTo2D = copyGLTo2DDrawImage; + } + }, + /** - * @private - * @param {String} key - * @param {*} value - * @return {Ellipse} thisArg - */ - _set(key, value) { - super._set(key, value); - switch (key) { - case 'rx': - this.rx = value; - this.set('width', value * 2); - break; - case 'ry': - this.ry = value; - this.set('height', value * 2); - break; - } - return this; - } + * Create a canvas element and associated WebGL context and attaches them as + * class properties to the GLFilterBackend class. + */ + createWebGLCanvas: function(width, height) { + var canvas = fabric.util.createCanvasElement(); + canvas.width = width; + canvas.height = height; + var glOptions = { + alpha: true, + premultipliedAlpha: false, + depth: false, + stencil: false, + antialias: false + }, + gl = canvas.getContext('webgl', glOptions); + if (!gl) { + gl = canvas.getContext('experimental-webgl', glOptions); + } + if (!gl) { + return; + } + gl.clearColor(0, 0, 0, 0); + // this canvas can fire webglcontextlost and webglcontextrestored + this.canvas = canvas; + this.gl = gl; + }, + /** - * Returns horizontal radius of an object (according to how an object is scaled) - * @return {Number} + * Attempts to apply the requested filters to the source provided, drawing the filtered output + * to the provided target canvas. + * + * @param {Array} filters The filters to apply. + * @param {HTMLImageElement|HTMLCanvasElement} source The source to be filtered. + * @param {Number} width The width of the source input. + * @param {Number} height The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. + * @param {String|undefined} cacheKey A key used to cache resources related to the source. If + * omitted, caching will be skipped. */ - getRx() { - return this.get('rx') * this.get('scaleX'); - } + applyFilters: function(filters, source, width, height, targetCanvas, cacheKey) { + var gl = this.gl; + var cachedTexture; + if (cacheKey) { + cachedTexture = this.getCachedTexture(cacheKey, source); + } + var pipelineState = { + originalWidth: source.width || source.originalWidth, + originalHeight: source.height || source.originalHeight, + sourceWidth: width, + sourceHeight: height, + destinationWidth: width, + destinationHeight: height, + context: gl, + sourceTexture: this.createTexture(gl, width, height, !cachedTexture && source), + targetTexture: this.createTexture(gl, width, height), + originalTexture: cachedTexture || + this.createTexture(gl, width, height, !cachedTexture && source), + passes: filters.length, + webgl: true, + aPosition: this.aPosition, + programCache: this.programCache, + pass: 0, + filterBackend: this, + targetCanvas: targetCanvas + }; + var tempFbo = gl.createFramebuffer(); + gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); + filters.forEach(function(filter) { filter && filter.applyTo(pipelineState); }); + resizeCanvasIfNeeded(pipelineState); + this.copyGLTo2D(gl, pipelineState); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.deleteTexture(pipelineState.sourceTexture); + gl.deleteTexture(pipelineState.targetTexture); + gl.deleteFramebuffer(tempFbo); + targetCanvas.getContext('2d').setTransform(1, 0, 0, 1, 0, 0); + return pipelineState; + }, + /** - * Returns Vertical radius of an object (according to how an object is scaled) - * @return {Number} + * Detach event listeners, remove references, and clean up caches. */ - getRy() { - return this.get('ry') * this.get('scaleY'); - } + dispose: function() { + if (this.canvas) { + this.canvas = null; + this.gl = null; + } + this.clearWebGLCaches(); + }, + /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * Wipe out WebGL-related caches. */ - toObject(propertiesToInclude = []) { - return super.toObject(['rx', 'ry', ...propertiesToInclude]); - } + clearWebGLCaches: function() { + this.programCache = {}; + this.textureCache = {}; + }, + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance + * Create a WebGL texture object. + * + * Accepts specific dimensions to initialize the texture to or a source image. + * + * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. + * @param {Number} width The width to initialize the texture at. + * @param {Number} height The height to initialize the texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. + * @returns {WebGLTexture} */ - _toSVG() { - return [ - '\n', - ]; - } + createTexture: function(gl, width, height, textureImageSource) { + var texture = gl.createTexture(); + gl.bindTexture(gl.TEXTURE_2D, texture); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); + gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); + if (textureImageSource) { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); + } + else { + gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); + } + return texture; + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render on + * Can be optionally used to get a texture from the cache array + * + * If an existing texture is not found, a new texture is created and cached. + * + * @param {String} uniqueId A cache key to use to find an existing texture. + * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the + * texture cache entry if one does not already exist. */ - _render(ctx) { - ctx.beginPath(); - ctx.save(); - ctx.transform(1, 0, 0, this.ry / this.rx, 0, 0); - ctx.arc(0, 0, this.rx, 0, twoMathPi, false); - ctx.restore(); - this._renderPaintInOrder(ctx); - } + getCachedTexture: function(uniqueId, textureImageSource) { + if (this.textureCache[uniqueId]) { + return this.textureCache[uniqueId]; + } + else { + var texture = this.createTexture( + this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); + this.textureCache[uniqueId] = texture; + return texture; + } + }, + /** - * Returns {@link Ellipse} instance from an SVG element - * @static - * @memberOf Ellipse - * @param {SVGElement} element Element to parse - * @param {Function} [callback] Options callback invoked after parsing is finished - * @return {Ellipse} + * Clear out cached resources related to a source image that has been + * filtered previously. + * + * @param {String} cacheKey The cache key provided when the source image was filtered. */ - static fromElement(element, callback) { - const parsedAttributes = parseAttributes(element, Ellipse.ATTRIBUTE_NAMES); - parsedAttributes.left = (parsedAttributes.left || 0) - parsedAttributes.rx; - parsedAttributes.top = (parsedAttributes.top || 0) - parsedAttributes.ry; - callback(new Ellipse(parsedAttributes)); - } - /* _FROM_SVG_END_ */ + evictCachesForKey: function(cacheKey) { + if (this.textureCache[cacheKey]) { + this.gl.deleteTexture(this.textureCache[cacheKey]); + delete this.textureCache[cacheKey]; + } + }, + + copyGLTo2D: copyGLTo2DDrawImage, + /** - * Returns {@link Ellipse} instance from an object representation - * @static - * @memberOf Ellipse - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Attempt to extract GPU information strings from a WebGL context. + * + * Useful information when debugging or blacklisting specific GPUs. + * + * @returns {Object} A GPU info object with renderer and vendor strings. */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Ellipse, object); - } + captureGPUInfo: function() { + if (this.gpuInfo) { + return this.gpuInfo; + } + var gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; + if (!gl) { + return gpuInfo; + } + var ext = gl.getExtension('WEBGL_debug_renderer_info'); + if (ext) { + var renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); + var vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); + if (renderer) { + gpuInfo.renderer = renderer.toLowerCase(); + } + if (vendor) { + gpuInfo.vendor = vendor.toLowerCase(); + } + } + this.gpuInfo = gpuInfo; + return gpuInfo; + }, + }; +})(); + +function resizeCanvasIfNeeded(pipelineState) { + var targetCanvas = pipelineState.targetCanvas, + width = targetCanvas.width, height = targetCanvas.height, + dWidth = pipelineState.destinationWidth, + dHeight = pipelineState.destinationHeight; + + if (width !== dWidth || height !== dHeight) { + targetCanvas.width = dWidth; + targetCanvas.height = dHeight; + } } -/* _FROM_SVG_START_ */ + /** - * List of attribute names to account for when parsing SVG element (used by {@link Ellipse.fromElement}) - * @static - * @memberOf Ellipse - * @see http://www.w3.org/TR/SVG/shapes.html#EllipseElement + * Copy an input WebGL canvas on to an output 2D canvas. + * + * The WebGL canvas is assumed to be upside down, with the top-left pixel of the + * desired output image appearing in the bottom-left corner of the WebGL canvas. + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. + * @param {Object} pipelineState The 2D target canvas to copy on to. */ -Ellipse.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'cx', 'cy', 'rx', 'ry']; -const ellipseDefaultValues = { - type: 'ellipse', - rx: 0, - ry: 0, - cacheProperties: [...fabricObjectDefaultValues.cacheProperties, 'rx', 'ry'], -}; -Object.assign(Ellipse.prototype, ellipseDefaultValues); -fabric$1.Ellipse = Ellipse; +function copyGLTo2DDrawImage(gl, pipelineState) { + var glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, + ctx = targetCanvas.getContext('2d'); + ctx.translate(0, targetCanvas.height); // move it down again + ctx.scale(1, -1); // vertical flip + // where is my image on the big glcanvas? + var sourceY = glCanvas.height - targetCanvas.height; + ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, + targetCanvas.width, targetCanvas.height); +} + +/** + * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData + * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). + * + * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. + * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. + * @param {Object} pipelineState The 2D target canvas to copy on to. + */ +function copyGLTo2DPutImageData(gl, pipelineState) { + var targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), + dWidth = pipelineState.destinationWidth, + dHeight = pipelineState.destinationHeight, + numBytes = dWidth * dHeight * 4; + + // eslint-disable-next-line no-undef + var u8 = new Uint8Array(this.imageBuffer, 0, numBytes); + // eslint-disable-next-line no-undef + var u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); + + gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); + var imgData = new ImageData(u8Clamped, dWidth, dHeight); + ctx.putImageData(imgData, 0, 0); +} + + +(function() { + + 'use strict'; + + var noop = function() {}; + + fabric.Canvas2dFilterBackend = Canvas2dFilterBackend; + + /** + * Canvas 2D filter backend. + */ + function Canvas2dFilterBackend() {}; + + Canvas2dFilterBackend.prototype = /** @lends fabric.Canvas2dFilterBackend.prototype */ { + evictCachesForKey: noop, + dispose: noop, + clearWebGLCaches: noop, -class Rect$1 extends InteractiveFabricObject { /** - * Constructor - * @param {Object} [options] Options object - * @return {Object} thisArg - */ - constructor(options) { - super(options); - this._initRxRy(); - } + * Experimental. This object is a sort of repository of help layers used to avoid + * of recreating them during frequent filtering. If you are previewing a filter with + * a slider you probably do not want to create help layers every filter step. + * in this object there will be appended some canvases, created once, resized sometimes + * cleared never. Clearing is left to the developer. + **/ + resources: { + + }, + /** - * Initializes rx/ry attributes - * @private + * Apply a set of filters against a source image and draw the filtered output + * to the provided destination canvas. + * + * @param {EnhancedFilter} filters The filter to apply. + * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. + * @param {Number} sourceWidth The width of the source input. + * @param {Number} sourceHeight The height of the source input. + * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. */ - _initRxRy() { - const { rx, ry } = this; - if (rx && !ry) { - this.ry = rx; - } - else if (ry && !rx) { - this.rx = ry; + applyFilters: function(filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { + var ctx = targetCanvas.getContext('2d'); + ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); + var imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + var originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); + var pipelineState = { + sourceWidth: sourceWidth, + sourceHeight: sourceHeight, + imageData: imageData, + originalEl: sourceElement, + originalImageData: originalImageData, + canvasEl: targetCanvas, + ctx: ctx, + filterBackend: this, + }; + filters.forEach(function(filter) { filter.applyTo(pipelineState); }); + if (pipelineState.imageData.width !== sourceWidth || pipelineState.imageData.height !== sourceHeight) { + targetCanvas.width = pipelineState.imageData.width; + targetCanvas.height = pipelineState.imageData.height; + } + ctx.putImageData(pipelineState.imageData, 0, 0); + return pipelineState; + }, + + }; +})(); + + +/** + * @namespace fabric.Image.filters + * @memberOf fabric.Image + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + */ +fabric.Image = fabric.Image || { }; +fabric.Image.filters = fabric.Image.filters || { }; + +/** + * Root filter class from which all filter classes inherit from + * @class fabric.Image.filters.BaseFilter + * @memberOf fabric.Image.filters + */ +fabric.Image.filters.BaseFilter = fabric.util.createClass(/** @lends fabric.Image.filters.BaseFilter.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: 'BaseFilter', + + /** + * Array of attributes to send with buffers. do not modify + * @private + */ + + vertexSource: 'attribute vec2 aPosition;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vTexCoord = aPosition;\n' + + 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + + '}', + + fragmentSource: 'precision highp float;\n' + + 'varying vec2 vTexCoord;\n' + + 'uniform sampler2D uTexture;\n' + + 'void main() {\n' + + 'gl_FragColor = texture2D(uTexture, vTexCoord);\n' + + '}', + + /** + * Constructor + * @param {Object} [options] Options object + */ + initialize: function(options) { + if (options) { + this.setOptions(options); + } + }, + + /** + * Sets filter's properties from options + * @param {Object} [options] Options object + */ + setOptions: function(options) { + for (var prop in options) { + this[prop] = options[prop]; + } + }, + + /** + * Compile this filter's shader program. + * + * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. + * @param {String} fragmentSource fragmentShader source for compilation + * @param {String} vertexSource vertexShader source for compilation + */ + createProgram: function(gl, fragmentSource, vertexSource) { + fragmentSource = fragmentSource || this.fragmentSource; + vertexSource = vertexSource || this.vertexSource; + if (fabric.webGlPrecision !== 'highp'){ + fragmentSource = fragmentSource.replace( + /precision highp float/g, + 'precision ' + fabric.webGlPrecision + ' float' + ); + } + var vertexShader = gl.createShader(gl.VERTEX_SHADER); + gl.shaderSource(vertexShader, vertexSource); + gl.compileShader(vertexShader); + if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Vertex shader compile error for ' + this.type + ': ' + + gl.getShaderInfoLog(vertexShader) + ); + } + + var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); + gl.shaderSource(fragmentShader, fragmentSource); + gl.compileShader(fragmentShader); + if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Fragment shader compile error for ' + this.type + ': ' + + gl.getShaderInfoLog(fragmentShader) + ); + } + + var program = gl.createProgram(); + gl.attachShader(program, vertexShader); + gl.attachShader(program, fragmentShader); + gl.linkProgram(program); + if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { + throw new Error( + // eslint-disable-next-line prefer-template + 'Shader link error for "${this.type}" ' + + gl.getProgramInfoLog(program) + ); + } + + var attributeLocations = this.getAttributeLocations(gl, program); + var uniformLocations = this.getUniformLocations(gl, program) || { }; + uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); + uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); + return { + program: program, + attributeLocations: attributeLocations, + uniformLocations: uniformLocations + }; + }, + + /** + * Return a map of attribute names to WebGLAttributeLocation objects. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. + * @returns {Object} A map of attribute names to attribute locations. + */ + getAttributeLocations: function(gl, program) { + return { + aPosition: gl.getAttribLocation(program, 'aPosition'), + }; + }, + + /** + * Return a map of uniform names to WebGLUniformLocation objects. + * + * Intended to be overridden by subclasses. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {WebGLShaderProgram} program The shader program from which to take uniform locations. + * @returns {Object} A map of uniform names to uniform locations. + */ + getUniformLocations: function (/* gl, program */) { + // in case i do not need any special uniform i need to return an empty object + return { }; + }, + + /** + * Send attribute data from this filter to its shader program on the GPU. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {Object} attributeLocations A map of shader attribute names to their locations. + */ + sendAttributeData: function(gl, attributeLocations, aPositionData) { + var attributeLocation = attributeLocations.aPosition; + var buffer = gl.createBuffer(); + gl.bindBuffer(gl.ARRAY_BUFFER, buffer); + gl.enableVertexAttribArray(attributeLocation); + gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); + gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); + }, + + _setupFrameBuffer: function(options) { + var gl = options.context, width, height; + if (options.passes > 1) { + width = options.destinationWidth; + height = options.destinationHeight; + if (options.sourceWidth !== width || options.sourceHeight !== height) { + gl.deleteTexture(options.targetTexture); + options.targetTexture = options.filterBackend.createTexture(gl, width, height); + } + gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, + options.targetTexture, 0); + } + else { + // draw last filter on canvas and not to framebuffer. + gl.bindFramebuffer(gl.FRAMEBUFFER, null); + gl.finish(); + } + }, + + _swapTextures: function(options) { + options.passes--; + options.pass++; + var temp = options.targetTexture; + options.targetTexture = options.sourceTexture; + options.sourceTexture = temp; + }, + + /** + * Generic isNeutral implementation for one parameter based filters. + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) + * @param {Object} options + **/ + isNeutralState: function(/* options */) { + var main = this.mainParameter, + _class = fabric.Image.filters[this.type].prototype; + if (main) { + if (Array.isArray(_class[main])) { + for (var i = _class[main].length; i--;) { + if (this[main][i] !== _class[main][i]) { + return false; + } } + return true; + } + else { + return _class[main] === this[main]; + } } - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render(ctx) { - const { width: w, height: h } = this; - const x = -w / 2; - const y = -h / 2; - const rx = this.rx ? Math.min(this.rx, w / 2) : 0; - const ry = this.ry ? Math.min(this.ry, h / 2) : 0; - const isRounded = rx !== 0 || ry !== 0; - ctx.beginPath(); - ctx.moveTo(x + rx, y); - ctx.lineTo(x + w - rx, y); - isRounded && - ctx.bezierCurveTo(x + w - kRect * rx, y, x + w, y + kRect * ry, x + w, y + ry); - ctx.lineTo(x + w, y + h - ry); - isRounded && - ctx.bezierCurveTo(x + w, y + h - kRect * ry, x + w - kRect * rx, y + h, x + w - rx, y + h); - ctx.lineTo(x + rx, y + h); - isRounded && - ctx.bezierCurveTo(x + kRect * rx, y + h, x, y + h - kRect * ry, x, y + h - ry); - ctx.lineTo(x, y + ry); - isRounded && - ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y); - ctx.closePath(); - this._renderPaintInOrder(ctx); + else { + return false; } - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject(propertiesToInclude = []) { - return super.toObject(['rx', 'ry', ...propertiesToInclude]); + }, + + /** + * Apply this filter to the input image data provided. + * + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyTo: function(options) { + if (options.webgl) { + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + } + else { + this.applyTo2d(options); + } + }, + + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + if (!options.programCache.hasOwnProperty(this.type)) { + options.programCache[this.type] = this.createProgram(options.context); + } + return options.programCache[this.type]; + }, + + /** + * Apply this filter using webgl. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.originalTexture The texture of the original input image. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + applyToWebGL: function(options) { + var gl = options.context; + var shader = this.retrieveShader(options); + if (options.pass === 0 && options.originalTexture) { + gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); + } + else { + gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); } + gl.useProgram(shader.program); + this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); + + gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); + gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); + + this.sendUniformData(gl, shader.uniformLocations); + gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); + gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); + }, + + bindAdditionalTexture: function(gl, texture, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, texture); + // reset active texture to 0 as usual + gl.activeTexture(gl.TEXTURE0); + }, + + unbindAdditionalTexture: function(gl, textureUnit) { + gl.activeTexture(textureUnit); + gl.bindTexture(gl.TEXTURE_2D, null); + gl.activeTexture(gl.TEXTURE0); + }, + + getMainParameter: function() { + return this[this.mainParameter]; + }, + + setMainParameter: function(value) { + this[this.mainParameter] = value; + }, + + /** + * Send uniform data from this filter to its shader program on the GPU. + * + * Intended to be overridden by subclasses. + * + * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. + * @param {Object} uniformLocations A map of shader uniform names to their locations. + */ + sendUniformData: function(/* gl, uniformLocations */) { + // Intentionally left blank. Override me in subclasses. + }, + + /** + * If needed by a 2d filter, this functions can create an helper canvas to be used + * remember that options.targetCanvas is available for use till end of chain. + */ + createHelpLayer: function(options) { + if (!options.helpLayer) { + var helpLayer = document.createElement('canvas'); + helpLayer.width = options.sourceWidth; + helpLayer.height = options.sourceHeight; + options.helpLayer = helpLayer; + } + }, + + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + var object = { type: this.type }, mainP = this.mainParameter; + if (mainP) { + object[mainP] = this[mainP]; + } + return object; + }, + + /** + * Returns a JSON representation of an instance + * @return {Object} JSON + */ + toJSON: function() { + // delegate, not alias + return this.toObject(); + } +}); + +fabric.Image.filters.BaseFilter.fromObject = function(object, callback) { + var filter = new fabric.Image.filters[object.type](object); + callback && callback(filter); + return filter; +}; + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Color Matrix filter class + * @class fabric.Image.filters.ColorMatrix + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} + * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} + * @example Kodachrome filter + * var filter = new fabric.Image.filters.ColorMatrix({ + * matrix: [ + 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, + -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, + -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, + 0, 0, 0, 1, 0 + ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.ColorMatrix = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.ColorMatrix.prototype */ { + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance + * Filter type + * @param {String} type + * @default */ - _toSVG() { - const { width, height, rx, ry } = this; - return [ - '\n`, - ]; - } + type: 'ColorMatrix', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'uniform mat4 uColorMatrix;\n' + + 'uniform vec4 uConstants;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color *= uColorMatrix;\n' + + 'color += uConstants;\n' + + 'gl_FragColor = color;\n' + + '}', + /** - * Returns {@link Rect} instance from an object representation - * @static - * @memberOf Rect - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Colormatrix for pixels. + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Array} matrix array of 20 numbers. + * @default */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Rect$1, object); - } - /* _FROM_SVG_START_ */ + matrix: [ + 1, 0, 0, 0, 0, + 0, 1, 0, 0, 0, + 0, 0, 1, 0, 0, + 0, 0, 0, 1, 0 + ], + + mainParameter: 'matrix', + /** - * Returns {@link Rect} instance from an SVG element - * @static - * @memberOf Rect - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object + * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario + * to save some calculation + * @type Boolean + * @default true */ - static fromElement(element, callback, options = {}) { - if (!element) { - return callback(null); - } - const _a = parseAttributes(element, Rect$1.ATTRIBUTE_NAMES), { left = 0, top = 0, width = 0, height = 0, visible = true } = _a, restOfparsedAttributes = __rest(_a, ["left", "top", "width", "height", "visible"]); - const rect = new Rect$1(Object.assign(Object.assign(Object.assign({}, options), restOfparsedAttributes), { left, - top, - width, - height, visible: Boolean(visible && width && height) })); - callback(rect); - } -} -/** - * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`) - * @static - * @memberOf Rect - * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement - */ -Rect$1.ATTRIBUTE_NAMES = [ - ...SHARED_ATTRIBUTES, - 'x', - 'y', - 'rx', - 'ry', - 'width', - 'height', -]; -const rectDefaultValues = { - stateProperties: fabricObjectDefaultValues.stateProperties.concat('rx', 'ry'), - type: 'rect', - rx: 0, - ry: 0, - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('rx', 'ry'), -}; -Object.assign(Rect$1.prototype, rectDefaultValues); -fabric$1.Rect = Rect$1; + colorsOnly: true, -function polyFromElement(klass, element, callback, options = {}) { - if (!element) { - return callback(null); - } - const points = parsePointsAttribute(element.getAttribute('points')), - // we omit left and top to instruct the constructor to position the object using the bbox - // eslint-disable-next-line @typescript-eslint/no-unused-vars - _a = parseAttributes(element, klass.ATTRIBUTE_NAMES), - parsedAttributes = __rest(_a, - // we omit left and top to instruct the constructor to position the object using the bbox - // eslint-disable-next-line @typescript-eslint/no-unused-vars - ["left", "top"]); - callback(new klass(points || [], Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { fromSVG: true }))); -} -class Polyline extends InteractiveFabricObject { /** * Constructor - * @param {Array} points Array of points (where each point is an object with x and y) * @param {Object} [options] Options object - * @return {Polyline} thisArg - * @example - * var poly = new Polyline([ - * { x: 10, y: 10 }, - * { x: 50, y: 30 }, - * { x: 40, y: 70 }, - * { x: 60, y: 50 }, - * { x: 100, y: 150 }, - * { x: 40, y: 100 } - * ], { - * stroke: 'red', - * left: 100, - * top: 100 - * }); */ - constructor(points = [], _a = {}) { - var { left, top } = _a, options = __rest(_a, ["left", "top"]); - super(Object.assign({ points }, options)); - this.initialized = true; - this.setBoundingBox(true); - typeof left === 'number' && this.set('left', left); - typeof top === 'number' && this.set('top', top); - } - isOpen() { - return true; - } - _projectStrokeOnPoints() { - return projectStrokeOnPoints(this.points, this, this.isOpen()); - } + initialize: function(options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.matrix = this.matrix.slice(0); + }, + /** - * Calculate the polygon bounding box - * @private - */ - _calcDimensions() { - const points = this.exactBoundingBox - ? this._projectStrokeOnPoints().map((projection) => projection.projectedPoint) - : this.points; - if (points.length === 0) { - return { - left: 0, - top: 0, - width: 0, - height: 0, - pathOffset: new Point(), - strokeOffset: new Point(), - }; + * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, + iLen = data.length, + m = this.matrix, + r, g, b, a, i, colorsOnly = this.colorsOnly; + + for (i = 0; i < iLen; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + if (colorsOnly) { + data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; + data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; + data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; } - const bbox = makeBoundingBoxFromPoints(points); - const bboxNoStroke = makeBoundingBoxFromPoints(this.points); - const offsetX = bbox.left + bbox.width / 2, offsetY = bbox.top + bbox.height / 2; - const pathOffsetX = offsetX - offsetY * Math.tan(degreesToRadians(this.skewX)); - const pathOffsetY = offsetY - pathOffsetX * Math.tan(degreesToRadians(this.skewY)); - // TODO: remove next line - const legacyCorrection = !this.fromSVG && !this.exactBoundingBox ? this.strokeWidth / 2 : 0; - return Object.assign(Object.assign({}, bbox), { left: bbox.left - legacyCorrection, top: bbox.top - legacyCorrection, pathOffset: new Point(pathOffsetX, pathOffsetY), strokeOffset: new Point(bboxNoStroke.left, bboxNoStroke.top).subtract(new Point(bbox.left, bbox.top)) }); - } - setDimensions() { - this.setBoundingBox(); - } - setBoundingBox(adjustPosition) { - const { left, top, width, height, pathOffset, strokeOffset } = this._calcDimensions(); - this.set({ width, height, pathOffset, strokeOffset }); - adjustPosition && - this.setPositionByOrigin(new Point(left, top), 'left', 'top'); - } + else { + a = data[i + 3]; + data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; + data[i + 1] = r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; + data[i + 2] = r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; + data[i + 3] = r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; + } + } + }, + /** - * @override stroke is taken in account in size - */ - _getNonTransformedDimensions() { - return this.exactBoundingBox - ? new Point(this.width, this.height) - : super._getNonTransformedDimensions(); - } + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), + uConstants: gl.getUniformLocation(program, 'uConstants'), + }; + }, + /** - * @override stroke and skewing are taken into account when projecting stroke on points, - * therefore we don't want the default calculation to account for skewing as well + * Send data from this filter to its shader program's uniforms. * - * @private - */ - _getTransformedDimensions(options) { - return this.exactBoundingBox - ? super._getTransformedDimensions(Object.assign(Object.assign({}, (options || {})), { - // disable stroke bbox calculations - strokeWidth: 0, - // disable skewing bbox calculations - skewX: 0, skewY: 0 })) - : super._getTransformedDimensions(options); - } + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var m = this.matrix, + matrix = [ + m[0], m[1], m[2], m[3], + m[5], m[6], m[7], m[8], + m[10], m[11], m[12], m[13], + m[15], m[16], m[17], m[18] + ], + constants = [m[4], m[9], m[14], m[19]]; + gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); + gl.uniform4fv(uniformLocations.uConstants, constants); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] function to invoke after filter creation + * @return {fabric.Image.filters.ColorMatrix} Instance of fabric.Image.filters.ColorMatrix + */ + fabric.Image.filters.ColorMatrix.fromObject = fabric.Image.filters.BaseFilter.fromObject; +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Brightness filter class + * @class fabric.Image.filters.Brightness + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Brightness({ + * brightness: 0.05 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Brightness = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Brightness.prototype */ { + /** - * Recalculates dimensions when changing skew and scale - * @private + * Filter type + * @param {String} type + * @default */ - _set(key, value) { - const changed = this.initialized && this[key] !== value; - const output = super._set(key, value); - if (changed && - (((key === 'scaleX' || key === 'scaleY') && - this.strokeUniform && - this.strokeBBoxAffectingProperties.includes('strokeUniform') && - this.strokeLineJoin !== 'round') || - this.strokeBBoxAffectingProperties.includes(key))) { - this.setDimensions(); - } - return output; - } + type: 'Brightness', + /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject(propertiesToInclude) { - return Object.assign(Object.assign({}, super.toObject(propertiesToInclude)), { points: this.points.concat() }); - } + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uBrightness;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += uBrightness;\n' + + 'gl_FragColor = color;\n' + + '}', + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance + * Brightness value, from -1 to 1. + * translated to -255 to 255 for 2d + * 0.0039215686 is the part of 1 that get translated to 1 in 2d + * @param {Number} brightness + * @default */ - _toSVG() { - const points = [], diffX = this.pathOffset.x, diffY = this.pathOffset.y, NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - for (let i = 0, len = this.points.length; i < len; i++) { - points.push(toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS), ',', toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS), ' '); - } - return [ - `<${this.type} `, - 'COMMON_PARTS', - `points="${points.join('')}" />\n`, - ]; - } + brightness: 0, + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Describe the property that is the filter parameter + * @param {String} m + * @default */ - _render(ctx) { - const len = this.points.length, x = this.pathOffset.x, y = this.pathOffset.y; - if (!len || isNaN(this.points[len - 1].y)) { - // do not draw if no points or odd points - // NaN comes from parseFloat of a empty string in parser - return; - } - ctx.beginPath(); - ctx.moveTo(this.points[0].x - x, this.points[0].y - y); - for (let i = 0; i < len; i++) { - const point = this.points[i]; - ctx.lineTo(point.x - x, point.y - y); - } - !this.isOpen() && ctx.closePath(); - this._renderPaintInOrder(ctx); - } + mainParameter: 'brightness', + /** - * Returns complexity of an instance - * @return {Number} complexity of this instance - */ - complexity() { - return this.points.length; - } + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + if (this.brightness === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, i, len = data.length, + brightness = Math.round(this.brightness * 255); + for (i = 0; i < len; i += 4) { + data[i] = data[i] + brightness; + data[i + 1] = data[i + 1] + brightness; + data[i + 2] = data[i + 2] + brightness; + } + }, + /** - * Returns Polyline instance from an SVG element - * @static - * @memberOf Polyline - * @param {SVGElement} element Element to parser - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - static fromElement(element, callback, options) { - return polyFromElement(Polyline, element, callback, options); - } - /* _FROM_SVG_END_ */ + getUniformLocations: function(gl, program) { + return { + uBrightness: gl.getUniformLocation(program, 'uBrightness'), + }; + }, + /** - * Returns Polyline instance from an object representation - * @static - * @memberOf Polyline - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Polyline, object, { - extraParam: 'points', - }); - } -} -/* _FROM_SVG_START_ */ -/** - * List of attribute names to account for when parsing SVG element (used by {@link Polyline.fromElement}) - * @static - * @memberOf Polyline - * @see: http://www.w3.org/TR/SVG/shapes.html#PolylineElement - */ -Polyline.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES]; -const polylineDefaultValues = { - type: 'polyline', - exactBoundingBox: false, - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('points'), - strokeBBoxAffectingProperties: [ - 'skewX', - 'skewY', - 'strokeLineCap', - 'strokeLineJoin', - 'strokeMiterLimit', - 'strokeWidth', - 'strokeUniform', - 'points', - ], -}; -Object.assign(Polyline.prototype, polylineDefaultValues); -/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ -fabric$1.Polyline = Polyline; + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBrightness, this.brightness); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Brightness} Instance of fabric.Image.filters.Brightness + */ + fabric.Image.filters.Brightness.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Adapted from html5rocks article + * @class fabric.Image.filters.Convolute + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example Sharpen filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 0, -1, 0, + * -1, 5, -1, + * 0, -1, 0 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Blur filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9, + * 1/9, 1/9, 1/9 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter + * var filter = new fabric.Image.filters.Convolute({ + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + * @example Emboss filter with opaqueness + * var filter = new fabric.Image.filters.Convolute({ + * opaque: true, + * matrix: [ 1, 1, 1, + * 1, 0.7, -1, + * -1, -1, -1 ] + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Convolute = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Convolute.prototype */ { -class Polygon extends Polyline { - isOpen() { - return false; - } - /* _FROM_SVG_START_ */ /** - * Returns {@link Polygon} instance from an SVG element - * @static - * @memberOf Polygon - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object + * Filter type + * @param {String} type + * @default */ - static fromElement(element, callback, options) { - return polyFromElement(Polygon, element, callback, options); - } - /* _FROM_SVG_END_ */ - /** - * Returns Polygon instance from an object representation - * @static - * @memberOf Polygon - * @param {Object} object Object to create an instance from - * @returns {Promise} + type: 'Convolute', + + /* + * Opaque value (true/false) */ - static fromObject(object) { - return FabricObject._fromObject(Polygon, object, { - extraParam: 'points', - }); - } -} -const polygonDefaultValues = { - type: 'polygon', -}; -Object.assign(Polygon.prototype, polygonDefaultValues); -/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ -fabric$1.Polygon = Polygon; + opaque: false, + + /* + * matrix for the filter, max 9x9 + */ + matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], + + /** + * Fragment source for the brightness program + */ + fragmentSource: { + Convolute_3_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_3_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[9];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_5_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_5_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[25];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_7_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_7_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[49];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + Convolute_9_1: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 0);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'gl_FragColor = color;\n' + + '}', + Convolute_9_0: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uMatrix[81];\n' + + 'uniform float uStepW;\n' + + 'uniform float uStepH;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = vec4(0, 0, 0, 1);\n' + + 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + + 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + + 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + + 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + + '}\n' + + '}\n' + + 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.a = alpha;\n' + + '}', + }, -//@ts-nocheck -class Path$1 extends InteractiveFabricObject { /** * Constructor - * @param {Array|String} path Path data (sequence of coordinates and corresponding "command" tokens) + * @memberOf fabric.Image.filters.Convolute.prototype * @param {Object} [options] Options object - * @return {Path} thisArg + * @param {Boolean} [options.opaque=false] Opaque value (true/false) + * @param {Array} [options.matrix] Filter matrix */ - constructor(path, _a = {}) { - var { path: _, left, top } = _a, options = __rest(_a, ["path", "left", "top"]); - super(options); - const pathTL = this._setPath(path || []); - const origin = this.translateToGivenOrigin(new Point(left !== null && left !== void 0 ? left : pathTL.x, top !== null && top !== void 0 ? top : pathTL.y), typeof left === 'number' ? this.originX : 'left', typeof top === 'number' ? this.originY : 'top', this.originX, this.originY); - this.setPositionByOrigin(origin, this.originX, this.originY); - } + + /** - * @private - * @param {PathData | string} path Path data (sequence of coordinates and corresponding "command" tokens) - * @param {boolean} [adjustPosition] pass true to reposition the object according to the bounding box - * @returns {Point} top left position of the bounding box, useful for complementary positioning - */ - _setPath(path, adjustPosition) { - this.path = makePathSimpler(Array.isArray(path) ? path : parsePath(path)); - return this.setDimensions(); - } + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + retrieveShader: function(options) { + var size = Math.sqrt(this.matrix.length); + var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); + var shaderSource = this.fragmentSource[cacheKey]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _renderPathCommands(ctx) { - let current, // current instruction - subpathStartX = 0, subpathStartY = 0, x = 0, // current x - y = 0, // current y - controlX = 0, // current control point x - controlY = 0; // current control point y - const l = -this.pathOffset.x, t = -this.pathOffset.y; - ctx.beginPath(); - for (let i = 0, len = this.path.length; i < len; ++i) { - current = this.path[i]; - switch (current[0] // first letter - ) { - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - ctx.lineTo(x + l, y + t); - break; - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - ctx.moveTo(x + l, y + t); - break; - case 'C': // bezierCurveTo, absolute - x = current[5]; - y = current[6]; - controlX = current[3]; - controlY = current[4]; - ctx.bezierCurveTo(current[1] + l, current[2] + t, controlX + l, controlY + t, x + l, y + t); - break; - case 'Q': // quadraticCurveTo, absolute - ctx.quadraticCurveTo(current[1] + l, current[2] + t, current[3] + l, current[4] + t); - x = current[3]; - y = current[4]; - controlX = current[1]; - controlY = current[2]; - break; - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - ctx.closePath(); - break; - } - } - } + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, + weights = this.matrix, + side = Math.round(Math.sqrt(weights.length)), + halfSide = Math.floor(side / 2), + sw = imageData.width, + sh = imageData.height, + output = options.ctx.createImageData(sw, sh), + dst = output.data, + // go through the destination image pixels + alphaFac = this.opaque ? 1 : 0, + r, g, b, a, dstOff, + scx, scy, srcOff, wt, + x, y, cx, cy; + + for (y = 0; y < sh; y++) { + for (x = 0; x < sw; x++) { + dstOff = (y * sw + x) * 4; + // calculate the weighed sum of the source image pixels that + // fall under the convolution matrix + r = 0; g = 0; b = 0; a = 0; + + for (cy = 0; cy < side; cy++) { + for (cx = 0; cx < side; cx++) { + scy = y + cy - halfSide; + scx = x + cx - halfSide; + + // eslint-disable-next-line max-depth + if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { + continue; + } + + srcOff = (scy * sw + scx) * 4; + wt = weights[cy * side + cx]; + + r += data[srcOff] * wt; + g += data[srcOff + 1] * wt; + b += data[srcOff + 2] * wt; + // eslint-disable-next-line max-depth + if (!alphaFac) { + a += data[srcOff + 3] * wt; + } + } + } + dst[dstOff] = r; + dst[dstOff + 1] = g; + dst[dstOff + 2] = b; + if (!alphaFac) { + dst[dstOff + 3] = a; + } + else { + dst[dstOff + 3] = data[dstOff + 3]; + } + } + } + options.imageData = output; + }, + /** - * @private - * @param {CanvasRenderingContext2D} ctx context to render path on - */ - _render(ctx) { - this._renderPathCommands(ctx); - this._renderPaintInOrder(ctx); - } + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uMatrix: gl.getUniformLocation(program, 'uMatrix'), + uOpaque: gl.getUniformLocation(program, 'uOpaque'), + uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), + uSize: gl.getUniformLocation(program, 'uSize'), + }; + }, + /** - * Returns string representation of an instance - * @return {String} string representation of an instance + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - toString() { - return `#`; - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform1fv(uniformLocations.uMatrix, this.matrix); + }, + /** * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * @return {Object} Object representation of an instance */ - toObject(propertiesToInclude = []) { - return Object.assign(Object.assign({}, super.toObject(propertiesToInclude)), { path: this.path.map((item) => { - return item.slice(); - }) }); + toObject: function() { + return extend(this.callSuper('toObject'), { + opaque: this.opaque, + matrix: this.matrix + }); } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Convolute} Instance of fabric.Image.filters.Convolute + */ + fabric.Image.filters.Convolute.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Grayscale image filter class + * @class fabric.Image.filters.Grayscale + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Grayscale(); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Grayscale = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Grayscale.prototype */ { + /** - * Returns dataless object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance + * Filter type + * @param {String} type + * @default */ - toDatalessObject(propertiesToInclude = []) { - const o = this.toObject(['sourcePath', ...propertiesToInclude]); - if (o.sourcePath) { - delete o.path; - } - return o; - } + type: 'Grayscale', + + fragmentSource: { + average: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float average = (color.r + color.b + color.g) / 3.0;\n' + + 'gl_FragColor = vec4(average, average, average, color.a);\n' + + '}', + lightness: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + luminosity: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uMode;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 col = texture2D(uTexture, vTexCoord);\n' + + 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + + 'gl_FragColor = vec4(average, average, average, col.a);\n' + + '}', + }, + + /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance + * Grayscale mode, between 'average', 'lightness', 'luminosity' + * @param {String} type + * @default */ - _toSVG() { - const path = joinPath(this.path); - return [ - '\n`, - ]; - } - _getOffsetTransform() { - const digits = config.NUM_FRACTION_DIGITS; - return ` translate(${toFixed(-this.pathOffset.x, digits)}, ${toFixed(-this.pathOffset.y, digits)})`; - } + mode: 'average', + + mainParameter: 'mode', + /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance + * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, i, + len = data.length, value, + mode = this.mode; + for (i = 0; i < len; i += 4) { + if (mode === 'average') { + value = (data[i] + data[i + 1] + data[i + 2]) / 3; + } + else if (mode === 'lightness') { + value = (Math.min(data[i], data[i + 1], data[i + 2]) + + Math.max(data[i], data[i + 1], data[i + 2])) / 2; + } + else if (mode === 'luminosity') { + value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; + } + data[i] = value; + data[i + 1] = value; + data[i + 2] = value; + } + }, + + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. */ - toClipPathSVG(reviver) { - const additionalTransform = this._getOffsetTransform(); - return ('\t' + - this._createBaseClipPathSVGMarkup(this._toSVG(), { - reviver: reviver, - additionalTransform: additionalTransform, - })); - } + retrieveShader: function(options) { + var cacheKey = this.type + '_' + this.mode; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var shaderSource = this.fragmentSource[this.mode]; + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - toSVG(reviver) { - const additionalTransform = this._getOffsetTransform(); - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - additionalTransform: additionalTransform, - }); - } + getUniformLocations: function(gl, program) { + return { + uMode: gl.getUniformLocation(program, 'uMode'), + }; + }, + /** - * Returns number representation of an instance complexity - * @return {Number} complexity of this instance + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - complexity() { - return this.path.length; - } - setDimensions() { - const { left, top, width, height, pathOffset } = this._calcDimensions(); - this.set({ width, height, pathOffset }); - return new Point(left, top); - } - /** - * @private - */ - _calcDimensions() { - const bounds = []; - let subpathStartX = 0, subpathStartY = 0, x = 0, // current x - y = 0; // current y - for (let i = 0; i < this.path.length; ++i) { - const current = this.path[i]; // current instruction - switch (current[0] // first letter - ) { - case 'L': // lineto, absolute - x = current[1]; - y = current[2]; - bounds.push(new Point(subpathStartX, subpathStartY), new Point(x, y)); - break; - case 'M': // moveTo, absolute - x = current[1]; - y = current[2]; - subpathStartX = x; - subpathStartY = y; - break; - case 'C': // bezierCurveTo, absolute - bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[3], current[4], current[5], current[6])); - x = current[5]; - y = current[6]; - break; - case 'Q': // quadraticCurveTo, absolute - bounds.push(...getBoundsOfCurve(x, y, current[1], current[2], current[1], current[2], current[3], current[4])); - x = current[3]; - y = current[4]; - break; - case 'z': - case 'Z': - x = subpathStartX; - y = subpathStartY; - break; - } - } - const bbox = makeBoundingBoxFromPoints(bounds); - const strokeCorrection = this.fromSVG ? 0 : this.strokeWidth / 2; - return Object.assign(Object.assign({}, bbox), { left: bbox.left - strokeCorrection, top: bbox.top - strokeCorrection, pathOffset: new Point(bbox.left + bbox.width / 2, bbox.top + bbox.height / 2) }); - } + sendUniformData: function(gl, uniformLocations) { + // default average mode. + var mode = 1; + gl.uniform1i(uniformLocations.uMode, mode); + }, + /** - * Creates an instance of Path from an object - * @static - * @memberOf Path - * @param {Object} object - * @returns {Promise} + * Grayscale filter isNeutralState implementation + * The filter is never neutral + * on the image + **/ + isNeutralState: function() { + return false; + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Grayscale} Instance of fabric.Image.filters.Grayscale + */ + fabric.Image.filters.Grayscale.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Invert filter class + * @class fabric.Image.filters.Invert + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Invert(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Invert = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Invert.prototype */ { + + /** + * Filter type + * @param {String} type + * @default */ - static fromObject(object) { - return InteractiveFabricObject._fromObject(Path$1, object, { - extraParam: 'path', - }); - } + type: 'Invert', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform int uInvert;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'if (uInvert == 1) {\n' + + 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + + '} else {\n' + + 'gl_FragColor = color;\n' + + '}\n' + + '}', + /** - * Creates an instance of Path from an SVG element - * @static - * @memberOf Path - * @param {SVGElement} element to parse - * @param {Function} callback Callback to invoke when an Path instance is created - * @param {Object} [options] Options object - * @param {Function} [callback] Options callback invoked after parsing is finished + * Filter invert. if false, does nothing + * @param {Boolean} invert + * @default */ - static fromElement(element, callback, options) { - const parsedAttributes = parseAttributes(element, Path$1.ATTRIBUTE_NAMES); - callback(new Path$1(parsedAttributes.d, Object.assign(Object.assign(Object.assign({}, parsedAttributes), options), { - // we pass undefined to instruct the constructor to position the object using the bbox - left: undefined, top: undefined, fromSVG: true }))); - } -} -/** - * List of attribute names to account for when parsing SVG element (used by `Path.fromElement`) - * @static - * @memberOf Path - * @see http://www.w3.org/TR/SVG/paths.html#PathElement - */ -Path$1.ATTRIBUTE_NAMES = [...SHARED_ATTRIBUTES, 'd']; -const pathDefaultValues = { - type: 'path', - path: null, - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat('path', 'fillRule'), - stateProperties: fabricObjectDefaultValues.stateProperties.concat('path'), -}; -Object.assign(Path$1.prototype, pathDefaultValues); -/** @todo TODO_JS_MIGRATION remove next line after refactoring build */ -fabric$1.Path = Path$1; -/* _FROM_SVG_START_ */ + invert: true, + + mainParameter: 'invert', -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), multiplyTransformMatrices = fabric.util.multiplyTransformMatrices, invertTransform = fabric.util.invertTransform, transformPoint = fabric.util.transformPoint, applyTransformToObject = fabric.util.applyTransformToObject, degreesToRadians = fabric.util.degreesToRadians, clone = fabric.util.object.clone; - /** - * Group class - * @class fabric.Group - * @extends fabric.Object - * @fires layout once layout completes - * @see {@link fabric.Group#initialize} for constructor definition - */ - fabric.Group = fabric.util.createClass(class GroupBase extends createCollectionMixin(InteractiveFabricObject) { - /** - * Checks if object can enter group and logs relevant warnings - * @private - * @param {fabric.Object} object - * @returns - */ - canEnterGroup(object) { - if (object === this || this.isDescendantOf(object)) { - // prevent circular object tree - /* _DEV_MODE_START_ */ - console.error('fabric.Group: circular object trees are not supported, this call has no effect'); - /* _DEV_MODE_END_ */ - return false; - } - else if (this._objects.indexOf(object) !== -1) { - // is already in the objects array - /* _DEV_MODE_START_ */ - console.error('fabric.Group: duplicate objects are not supported inside group, this call has no effect'); - /* _DEV_MODE_END_ */ - return false; - } - return true; - } - /** - * Override this method to enhance performance (for groups with a lot of objects). - * If Overriding, be sure not pass illegal objects to group - it will break your app. - * @private - */ - _filterObjectsBeforeEnteringGroup(objects) { - return objects.filter((object, index, array) => { - // can enter AND is the first occurrence of the object in the passed args (to prevent adding duplicates) - return this.canEnterGroup(object) && array.indexOf(object) === index; - }); - } - /** - * Add objects - * @param {...FabricObject[]} objects - */ - add(...objects) { - const allowedObjects = this._filterObjectsBeforeEnteringGroup(objects); - super.add(...allowedObjects); - this._onAfterObjectsChange('added', allowedObjects); - } - /** - * Inserts an object into collection at specified index - * @param {FabricObject[]} objects Object to insert - * @param {Number} index Index to insert object at - */ - insertAt(index, ...objects) { - const allowedObjects = this._filterObjectsBeforeEnteringGroup(objects); - super.insertAt(index, ...allowedObjects); - this._onAfterObjectsChange('added', allowedObjects); - } - /** - * Remove objects - * @param {...FabricObject[]} objects - * @returns {FabricObject[]} removed objects - */ - remove(...objects) { - const removed = super.remove(...objects); - this._onAfterObjectsChange('removed', removed); - return removed; - } - _onObjectAdded(object) { - this.enterGroup(object, true); - object.fire('added', { target: this }); - } - _onRelativeObjectAdded(object) { - this.enterGroup(object, false); - object.fire('added', { target: this }); - } - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - _onObjectRemoved(object, removeParentTransform) { - this.exitGroup(object, removeParentTransform); - object.fire('removed', { target: this }); - } - /** - * @private - * @param {'added'|'removed'} type - * @param {fabric.Object[]} targets - */ - _onAfterObjectsChange(type, targets) { - this._applyLayoutStrategy({ - type: type, - targets: targets, - }); - this._set('dirty', true); - } - }, - /** @lends fabric.Group.prototype */ { - /** - * Type of an object - * @type string - * @default - */ - type: 'group', - /** - * Specifies the **layout strategy** for instance - * Used by `getLayoutStrategyResult` to calculate layout - * `fit-content`, `fit-content-lazy`, `fixed`, `clip-path` are supported out of the box - * @type string - * @default - */ - layout: 'fit-content', - /** - * Width of stroke - * @type Number - */ - strokeWidth: 0, - /** - * List of properties to consider when checking if state - * of an object is changed (fabric.Object#hasStateChanged) - * as well as for history (undo/redo) purposes - * @type string[] - */ - stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('layout'), - /** - * Used to optimize performance - * set to `false` if you don't need contained objects to be targets of events - * @default - * @type boolean - */ - subTargetCheck: false, - /** - * Used to allow targeting of object inside groups. - * set to true if you want to select an object inside a group.\ - * **REQUIRES** `subTargetCheck` set to true - * @default - * @type boolean - */ - interactive: false, - /** - * Used internally to optimize performance - * Once an object is selected, instance is rendered without the selected object. - * This way instance is cached only once for the entire interaction with the selected object. - * @private - */ - _activeObjects: undefined, - /** - * Constructor - * - * @param {fabric.Object[]} [objects] instance objects - * @param {Object} [options] Options object - * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane - * @return {fabric.Group} thisArg - */ - initialize: function (objects, options, objectsRelativeToGroup) { - this._objects = objects || []; - this._activeObjects = []; - this.__objectMonitor = this.__objectMonitor.bind(this); - this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(this, true); - this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(this, false); - this._firstLayoutDone = false; - // setting angle, skewX, skewY must occur after initial layout - this.callSuper('initialize', Object.assign({}, options, { angle: 0, skewX: 0, skewY: 0 })); - this.forEachObject((object) => { - this.enterGroup(object, false); - }); - this._applyLayoutStrategy({ - type: 'initialization', - options: options, - objectsRelativeToGroup: objectsRelativeToGroup, - }); - }, - /** - * @private - * @param {string} key - * @param {*} value - */ - _set: function (key, value) { - var prev = this[key]; - this.callSuper('_set', key, value); - if (key === 'canvas' && prev !== value) { - this.forEachObject((object) => { - object._set(key, value); - }); - } - if (key === 'layout' && prev !== value) { - this._applyLayoutStrategy({ - type: 'layout_change', - layout: value, - prevLayout: prev, - }); - } - if (key === 'interactive') { - this.forEachObject((object) => this._watchObject(value, object)); - } - return this; - }, - /** - * @private - */ - _shouldSetNestedCoords: function () { - return this.subTargetCheck; - }, - /** - * Remove all objects - * @returns {fabric.Object[]} removed objects - */ - removeAll: function () { - this._activeObjects = []; - return this.remove(...this._objects); - }, - /** - * invalidates layout on object modified - * @private - */ - __objectMonitor: function (opt) { - this._applyLayoutStrategy(Object.assign({}, opt, { - type: 'object_modified', - })); - this._set('dirty', true); - }, - /** - * keeps track of the selected objects - * @private - */ - __objectSelectionMonitor: function (selected, opt) { - var object = opt.target; - if (selected) { - this._activeObjects.push(object); - this._set('dirty', true); - } - else if (this._activeObjects.length > 0) { - var index = this._activeObjects.indexOf(object); - if (index > -1) { - this._activeObjects.splice(index, 1); - this._set('dirty', true); - } - } - }, - /** - * @private - * @param {boolean} watch - * @param {fabric.Object} object - */ - _watchObject: function (watch, object) { - var directive = watch ? 'on' : 'off'; - // make sure we listen only once - watch && this._watchObject(false, object); - object[directive]('changed', this.__objectMonitor); - object[directive]('modified', this.__objectMonitor); - object[directive]('selected', this.__objectSelectionTracker); - object[directive]('deselected', this.__objectSelectionDisposer); - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane - * @returns {boolean} true if object entered group - */ - enterGroup: function (object, removeParentTransform) { - if (object.group) { - object.group.remove(object); - } - this._enterGroup(object, removeParentTransform); - return true; - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane - */ - _enterGroup: function (object, removeParentTransform) { - if (removeParentTransform) { - // can this be converted to utils (sendObjectToPlane)? - applyTransformToObject(object, multiplyTransformMatrices(invertTransform(this.calcTransformMatrix()), object.calcTransformMatrix())); - } - this._shouldSetNestedCoords() && object.setCoords(); - object._set('group', this); - object._set('canvas', this.canvas); - this.interactive && this._watchObject(true, object); - var activeObject = this.canvas && - this.canvas.getActiveObject && - this.canvas.getActiveObject(); - // if we are adding the activeObject in a group - if (activeObject && - (activeObject === object || object.isDescendantOf(activeObject))) { - this._activeObjects.push(object); - } - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - exitGroup: function (object, removeParentTransform) { - this._exitGroup(object, removeParentTransform); - object._set('canvas', undefined); - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - _exitGroup: function (object, removeParentTransform) { - object._set('group', undefined); - if (!removeParentTransform) { - applyTransformToObject(object, multiplyTransformMatrices(this.calcTransformMatrix(), object.calcTransformMatrix())); - object.setCoords(); - } - this._watchObject(false, object); - var index = this._activeObjects.length > 0 - ? this._activeObjects.indexOf(object) - : -1; - if (index > -1) { - this._activeObjects.splice(index, 1); - } - }, - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group is already cached. - * @return {Boolean} - */ - shouldCache: function () { - var ownCache = InteractiveFabricObject.prototype.shouldCache.call(this); - if (ownCache) { - for (var i = 0; i < this._objects.length; i++) { - if (this._objects[i].willDrawShadow()) { - this.ownCaching = false; - return false; - } - } - } - return ownCache; - }, - /** - * Check if this object or a child object will cast a shadow - * @return {Boolean} - */ - willDrawShadow: function () { - if (InteractiveFabricObject.prototype.willDrawShadow.call(this)) { - return true; - } - for (var i = 0; i < this._objects.length; i++) { - if (this._objects[i].willDrawShadow()) { - return true; - } - } - return false; - }, - /** - * Check if instance or its group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function () { - return this.ownCaching || (!!this.group && this.group.isOnACache()); - }, - /** - * Execute the drawing operation for an object on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawObject: function (ctx) { - this._renderBackground(ctx); - for (var i = 0; i < this._objects.length; i++) { - this._objects[i].render(ctx); - } - this._drawClipPath(ctx, this.clipPath); - }, - /** - * Check if cache is dirty - */ - isCacheDirty: function (skipCanvas) { - if (this.callSuper('isCacheDirty', skipCanvas)) { - return true; - } - if (!this.statefullCache) { - return false; - } - for (var i = 0; i < this._objects.length; i++) { - if (this._objects[i].isCacheDirty(true)) { - if (this._cacheCanvas) { - // if this group has not a cache canvas there is nothing to clean - var x = this.cacheWidth / this.zoomX, y = this.cacheHeight / this.zoomY; - this._cacheContext.clearRect(-x / 2, -y / 2, x, y); - } - return true; - } - } - return false; - }, - /** - * @override - * @return {Boolean} - */ - setCoords: function () { - this.callSuper('setCoords'); - this._shouldSetNestedCoords() && - this.forEachObject((object) => object.setCoords()); - }, - /** - * Renders instance on a given context - * @param {CanvasRenderingContext2D} ctx context to render instance on - */ - render: function (ctx) { - // used to inform objects not to double opacity - this._transformDone = true; - this.callSuper('render', ctx); - this._transformDone = false; - }, - /** - * @public - * @param {Partial & { layout?: string }} [context] pass values to use for layout calculations - */ - triggerLayout: function (context) { - if (context && context.layout) { - context.prevLayout = this.layout; - this.layout = context.layout; - } - this._applyLayoutStrategy({ type: 'imperative', context: context }); - }, - /** - * @private - * @param {fabric.Object} object - * @param {Point} diff - */ - _adjustObjectPosition: function (object, diff) { - object.set({ - left: object.left + diff.x, - top: object.top + diff.y, - }); - }, - /** - * initial layout logic: - * calculate bbox of objects (if necessary) and translate it according to options received from the constructor (left, top, width, height) - * so it is placed in the center of the bbox received from the constructor - * - * @private - * @param {LayoutContext} context - */ - _applyLayoutStrategy: function (context) { - var isFirstLayout = context.type === 'initialization'; - if (!isFirstLayout && !this._firstLayoutDone) { - // reject layout requests before initialization layout - return; - } - var options = isFirstLayout && context.options; - var initialTransform = options && { - angle: options.angle || 0, - skewX: options.skewX || 0, - skewY: options.skewY || 0, - }; - var center = this.getRelativeCenterPoint(); - var result = this.getLayoutStrategyResult(this.layout, this._objects.concat(), context); - if (result) { - // handle positioning - var newCenter = new Point(result.centerX, result.centerY); - var vector = center - .subtract(newCenter) - .add(new Point(result.correctionX || 0, result.correctionY || 0)); - var diff = transformPoint(vector, invertTransform(this.calcOwnMatrix()), true); - // set dimensions - this.set({ width: result.width, height: result.height }); - // adjust objects to account for new center - !context.objectsRelativeToGroup && - this.forEachObject((object) => { - this._adjustObjectPosition(object, diff); - }); - // clip path as well - !isFirstLayout && - this.layout !== 'clip-path' && - this.clipPath && - !this.clipPath.absolutePositioned && - this._adjustObjectPosition(this.clipPath, diff); - if (!newCenter.eq(center) || initialTransform) { - // set position - this.setPositionByOrigin(newCenter, 'center', 'center'); - initialTransform && this.set(initialTransform); - this.setCoords(); - } - } - else if (isFirstLayout) { - // fill `result` with initial values for the layout hook - result = { - centerX: center.x, - centerY: center.y, - width: this.width, - height: this.height, - }; - initialTransform && this.set(initialTransform); - } - else { - // no `result` so we return - return; - } - // flag for next layouts - this._firstLayoutDone = true; - // fire layout hook and event (event will fire only for layouts after initialization layout) - this.onLayout(context, result); - this.fire('layout', { - context: context, - result: result, - diff: diff, - }); - // recursive up - if (this.group && this.group._applyLayoutStrategy) { - // append the path recursion to context - if (!context.path) { - context.path = []; - } - context.path.push(this); - // all parents should invalidate their layout - this.group._applyLayoutStrategy(context); - } - }, - /** - * Override this method to customize layout. - * If you need to run logic once layout completes use `onLayout` - * @public - * - * @typedef {'initialization'|'object_modified'|'added'|'removed'|'layout_change'|'imperative'} LayoutContextType - * - * @typedef LayoutContext context object with data regarding what triggered the call - * @property {LayoutContextType} type - * @property {fabric.Object[]} [path] array of objects starting from the object that triggered the call to the current one - * - * @typedef LayoutResult positioning and layout data **relative** to instance's parent - * @property {number} centerX new centerX as measured by the containing plane (same as `left` with `originX` set to `center`) - * @property {number} centerY new centerY as measured by the containing plane (same as `top` with `originY` set to `center`) - * @property {number} [correctionX] correctionX to translate objects by, measured as `centerX` - * @property {number} [correctionY] correctionY to translate objects by, measured as `centerY` - * @property {number} width - * @property {number} height - * - * @param {string} layoutDirective - * @param {fabric.Object[]} objects - * @param {LayoutContext} context - * @returns {LayoutResult | undefined} - */ - getLayoutStrategyResult: function (layoutDirective, objects, context) { - // eslint-disable-line no-unused-vars - // `fit-content-lazy` performance enhancement - // skip if instance had no objects before the `added` event because it may have kept layout after removing all previous objects - if (layoutDirective === 'fit-content-lazy' && - context.type === 'added' && - objects.length > context.targets.length) { - // calculate added objects' bbox with existing bbox - var addedObjects = context.targets.concat(this); - return this.prepareBoundingBox(layoutDirective, addedObjects, context); - } - else if (layoutDirective === 'fit-content' || - layoutDirective === 'fit-content-lazy' || - (layoutDirective === 'fixed' && - (context.type === 'initialization' || - context.type === 'imperative'))) { - return this.prepareBoundingBox(layoutDirective, objects, context); - } - else if (layoutDirective === 'clip-path' && this.clipPath) { - var clipPath = this.clipPath; - var clipPathSizeAfter = clipPath._getTransformedDimensions(); - if (clipPath.absolutePositioned && - (context.type === 'initialization' || - context.type === 'layout_change')) { - // we want the center point to exist in group's containing plane - var clipPathCenter = clipPath.getCenterPoint(); - if (this.group) { - // send point from canvas plane to group's containing plane - var inv = invertTransform(this.group.calcTransformMatrix()); - clipPathCenter = transformPoint(clipPathCenter, inv); - } - return { - centerX: clipPathCenter.x, - centerY: clipPathCenter.y, - width: clipPathSizeAfter.x, - height: clipPathSizeAfter.y, - }; - } - else if (!clipPath.absolutePositioned) { - var center; - var clipPathRelativeCenter = clipPath.getRelativeCenterPoint(), - // we want the center point to exist in group's containing plane, so we send it upwards - clipPathCenter = transformPoint(clipPathRelativeCenter, this.calcOwnMatrix(), true); - if (context.type === 'initialization' || - context.type === 'layout_change') { - var bbox = this.prepareBoundingBox(layoutDirective, objects, context) || - {}; - center = new Point(bbox.centerX || 0, bbox.centerY || 0); - return { - centerX: center.x + clipPathCenter.x, - centerY: center.y + clipPathCenter.y, - correctionX: bbox.correctionX - clipPathCenter.x, - correctionY: bbox.correctionY - clipPathCenter.y, - width: clipPath.width, - height: clipPath.height, - }; - } - else { - center = this.getRelativeCenterPoint(); - return { - centerX: center.x + clipPathCenter.x, - centerY: center.y + clipPathCenter.y, - width: clipPathSizeAfter.x, - height: clipPathSizeAfter.y, - }; - } - } - } - else if (layoutDirective === 'svg' && - context.type === 'initialization') { - var bbox = this.getObjectsBoundingBox(objects, true) || {}; - return Object.assign(bbox, { - correctionX: -bbox.offsetX || 0, - correctionY: -bbox.offsetY || 0, - }); - } - }, - /** - * Override this method to customize layout. - * A wrapper around {@link fabric.Group#getObjectsBoundingBox} - * @public - * @param {string} layoutDirective - * @param {fabric.Object[]} objects - * @param {LayoutContext} context - * @returns {LayoutResult | undefined} - */ - prepareBoundingBox: function (layoutDirective, objects, context) { - if (context.type === 'initialization') { - return this.prepareInitialBoundingBox(layoutDirective, objects, context); - } - else if (context.type === 'imperative' && context.context) { - return Object.assign(this.getObjectsBoundingBox(objects) || {}, context.context); - } - else { - return this.getObjectsBoundingBox(objects); - } - }, - /** - * Calculates center taking into account originX, originY while not being sure that width/height are initialized - * @public - * @param {string} layoutDirective - * @param {fabric.Object[]} objects - * @param {LayoutContext} context - * @returns {LayoutResult | undefined} - */ - prepareInitialBoundingBox: function (layoutDirective, objects, context) { - var options = context.options || {}, hasX = typeof options.left === 'number', hasY = typeof options.top === 'number', hasWidth = typeof options.width === 'number', hasHeight = typeof options.height === 'number'; - // performance enhancement - // skip layout calculation if bbox is defined - if ((hasX && - hasY && - hasWidth && - hasHeight && - context.objectsRelativeToGroup) || - objects.length === 0) { - // return nothing to skip layout - return; - } - var bbox = this.getObjectsBoundingBox(objects) || {}; - var width = hasWidth ? this.width : bbox.width || 0, height = hasHeight ? this.height : bbox.height || 0, calculatedCenter = new Point(bbox.centerX || 0, bbox.centerY || 0), origin = new Point(resolveOrigin(this.originX), resolveOrigin(this.originY)), size = new Point(width, height), strokeWidthVector = this._getTransformedDimensions({ - width: 0, - height: 0, - }), sizeAfter = this._getTransformedDimensions({ - width: width, - height: height, - strokeWidth: 0, - }), bboxSizeAfter = this._getTransformedDimensions({ - width: bbox.width, - height: bbox.height, - strokeWidth: 0, - }), rotationCorrection = new Point(0, 0); - // calculate center and correction - var originT = origin.scalarAdd(0.5); - var originCorrection = sizeAfter.multiply(originT); - var centerCorrection = new Point(hasWidth ? bboxSizeAfter.x / 2 : originCorrection.x, hasHeight ? bboxSizeAfter.y / 2 : originCorrection.y); - var center = new Point(hasX - ? this.left - (sizeAfter.x + strokeWidthVector.x) * origin.x - : calculatedCenter.x - centerCorrection.x, hasY - ? this.top - (sizeAfter.y + strokeWidthVector.y) * origin.y - : calculatedCenter.y - centerCorrection.y); - var offsetCorrection = new Point(hasX - ? center.x - - calculatedCenter.x + - bboxSizeAfter.x * (hasWidth ? 0.5 : 0) - : -(hasWidth - ? (sizeAfter.x - strokeWidthVector.x) * 0.5 - : sizeAfter.x * originT.x), hasY - ? center.y - - calculatedCenter.y + - bboxSizeAfter.y * (hasHeight ? 0.5 : 0) - : -(hasHeight - ? (sizeAfter.y - strokeWidthVector.y) * 0.5 - : sizeAfter.y * originT.y)).add(rotationCorrection); - var correction = new Point(hasWidth ? -sizeAfter.x / 2 : 0, hasHeight ? -sizeAfter.y / 2 : 0).add(offsetCorrection); - return { - centerX: center.x, - centerY: center.y, - correctionX: correction.x, - correctionY: correction.y, - width: size.x, - height: size.y, - }; - }, - /** - * Calculate the bbox of objects relative to instance's containing plane - * @public - * @param {fabric.Object[]} objects - * @returns {LayoutResult | null} bounding box - */ - getObjectsBoundingBox: function (objects, ignoreOffset) { - if (objects.length === 0) { - return null; - } - var objCenter, sizeVector, min, max, a, b; - objects.forEach(function (object, i) { - objCenter = object.getRelativeCenterPoint(); - sizeVector = object._getTransformedDimensions().scalarDivide(2); - if (object.angle) { - var rad = degreesToRadians(object.angle), sin = Math.abs(fabric.util.sin(rad)), cos = Math.abs(fabric.util.cos(rad)), rx = sizeVector.x * cos + sizeVector.y * sin, ry = sizeVector.x * sin + sizeVector.y * cos; - sizeVector = new Point(rx, ry); - } - a = objCenter.subtract(sizeVector); - b = objCenter.add(sizeVector); - if (i === 0) { - min = new Point(Math.min(a.x, b.x), Math.min(a.y, b.y)); - max = new Point(Math.max(a.x, b.x), Math.max(a.y, b.y)); - } - else { - min.setXY(Math.min(min.x, a.x, b.x), Math.min(min.y, a.y, b.y)); - max.setXY(Math.max(max.x, a.x, b.x), Math.max(max.y, a.y, b.y)); - } - }); - var size = max.subtract(min), relativeCenter = ignoreOffset - ? size.scalarDivide(2) - : min.midPointFrom(max), - // we send `relativeCenter` up to group's containing plane - offset = transformPoint(min, this.calcOwnMatrix()), center = transformPoint(relativeCenter, this.calcOwnMatrix()); - return { - offsetX: offset.x, - offsetY: offset.y, - centerX: center.x, - centerY: center.y, - width: size.x, - height: size.y, - }; - }, - /** - * Hook that is called once layout has completed. - * Provided for layout customization, override if necessary. - * Complements `getLayoutStrategyResult`, which is called at the beginning of layout. - * @public - * @param {LayoutContext} context layout context - * @param {LayoutResult} result layout result - */ - onLayout: function ( /* context, result */) { - // override by subclass - }, - /** - * - * @private - * @param {'toObject'|'toDatalessObject'} [method] - * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @returns {fabric.Object[]} serialized objects - */ - __serializeObjects: function (method, propertiesToInclude) { - var _includeDefaultValues = this.includeDefaultValues; - return this._objects - .filter(function (obj) { - return !obj.excludeFromExport; - }) - .map(function (obj) { - var originalDefaults = obj.includeDefaultValues; - obj.includeDefaultValues = _includeDefaultValues; - var data = obj[method || 'toObject'](propertiesToInclude); - obj.includeDefaultValues = originalDefaults; - //delete data.version; - return data; - }); - }, - /** - * Returns object representation of an instance - * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject: function (propertiesToInclude) { - var obj = this.callSuper('toObject', ['layout', 'subTargetCheck', 'interactive'].concat(propertiesToInclude)); - obj.objects = this.__serializeObjects('toObject', propertiesToInclude); - return obj; - }, - toString: function () { - return '#'; - }, - dispose: function () { - this._activeObjects = []; - this.forEachObject((object) => { - this._watchObject(false, object); - object.dispose(); - }); - this.callSuper('dispose'); - }, - /* _TO_SVG_START_ */ - /** - * @private - */ - _createSVGBgRect: function (reviver) { - if (!this.backgroundColor) { - return ''; - } - var fillStroke = fabric.Rect.prototype._toSVG.call(this, reviver); - var commons = fillStroke.indexOf('COMMON_PARTS'); - fillStroke[commons] = 'for="group" '; - return fillStroke.join(''); - }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG: function (reviver) { - var svgString = ['\n']; - var bg = this._createSVGBgRect(reviver); - bg && svgString.push('\t\t', bg); - for (var i = 0; i < this._objects.length; i++) { - svgString.push('\t\t', this._objects[i].toSVG(reviver)); - } - svgString.push('\n'); - return svgString; - }, - /** - * Returns styles-string for svg-export, specific version for group - * @return {String} - */ - getSvgStyles: function () { - var opacity = typeof this.opacity !== 'undefined' && this.opacity !== 1 - ? 'opacity: ' + this.opacity + ';' - : '', visibility = this.visible ? '' : ' visibility: hidden;'; - return [opacity, this.getSvgFilter(), visibility].join(''); - }, - /** - * Returns svg clipPath representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toClipPathSVG: function (reviver) { - var svgString = []; - var bg = this._createSVGBgRect(reviver); - bg && svgString.push('\t', bg); - for (var i = 0; i < this._objects.length; i++) { - svgString.push('\t', this._objects[i].toClipPathSVG(reviver)); - } - return this._createBaseClipPathSVGMarkup(svgString, { - reviver: reviver, - }); - }, - /* _TO_SVG_END_ */ - }); /** - * @todo support loading from svg - * @private - * @static - * @memberOf fabric.Group - * @param {Object} object Object to create a group from - * @returns {Promise} - */ - fabric.Group.fromObject = function (object) { - var objects = object.objects || [], options = clone(object, true); - delete options.objects; - return Promise.all([ - fabric.util.enlivenObjects(objects), - fabric.util.enlivenObjectEnlivables(options), - ]).then(function (enlivened) { - return new fabric.Group(enlivened[0], Object.assign(options, enlivened[1]), true); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}); - /** - * Group class - * @class fabric.ActiveSelection - * @extends fabric.Group - * @tutorial {@link http://fabricjs.com/fabric-intro-part-3#groups} - * @see {@link fabric.ActiveSelection#initialize} for constructor definition - */ - fabric.ActiveSelection = fabric.util.createClass(fabric.Group, - /** @lends fabric.ActiveSelection.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'activeSelection', - /** - * @override - */ - layout: 'fit-content', - /** - * @override - */ - subTargetCheck: false, - /** - * @override - */ - interactive: false, - /** - * Constructor - * - * @param {fabric.Object[]} [objects] instance objects - * @param {Object} [options] Options object - * @param {boolean} [objectsRelativeToGroup] true if objects exist in group coordinate plane - * @return {fabric.ActiveSelection} thisArg - */ - initialize: function (objects, options, objectsRelativeToGroup) { - this.callSuper('initialize', objects, options, objectsRelativeToGroup); - this.setCoords(); - }, - /** - * @private - */ - _shouldSetNestedCoords: function () { - return true; - }, - /** - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object is in canvas coordinate plane - * @returns {boolean} true if object entered group - */ - enterGroup: function (object, removeParentTransform) { - if (object.group) { - // save ref to group for later in order to return to it - var parent = object.group; - parent._exitGroup(object); - object.__owningGroup = parent; - } - this._enterGroup(object, removeParentTransform); - return true; - }, - /** - * we want objects to retain their canvas ref when exiting instance - * @private - * @param {fabric.Object} object - * @param {boolean} [removeParentTransform] true if object should exit group without applying group's transform to it - */ - exitGroup: function (object, removeParentTransform) { - this._exitGroup(object, removeParentTransform); - var parent = object.__owningGroup; - if (parent) { - // return to owning group - parent.enterGroup(object); - delete object.__owningGroup; - } - }, - /** - * @private - * @param {'added'|'removed'} type - * @param {fabric.Object[]} targets - */ - _onAfterObjectsChange: function (type, targets) { - var groups = []; - targets.forEach(function (object) { - object.group && - !groups.includes(object.group) && - groups.push(object.group); - }); - if (type === 'removed') { - // invalidate groups' layout and mark as dirty - groups.forEach(function (group) { - group._onAfterObjectsChange('added', targets); - }); - } - else { - // mark groups as dirty - groups.forEach(function (group) { - group._set('dirty', true); - }); - } - }, - /** - * If returns true, deselection is cancelled. - * @since 2.0.0 - * @return {Boolean} [cancel] - */ - onDeselect: function () { - this.removeAll(); - return false; - }, - /** - * Returns string representation of a group - * @return {String} - */ - toString: function () { - return '#'; - }, - /** - * Decide if the object should cache or not. Create its own cache level - * objectCaching is a global flag, wins over everything - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * @return {Boolean} - */ - shouldCache: function () { - return false; - }, - /** - * Check if this group or its parent group are caching, recursively up - * @return {Boolean} - */ - isOnACache: function () { - return false; - }, - /** - * Renders controls and borders for the object - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [styleOverride] properties to override the object style - * @param {Object} [childrenOverride] properties to override the children overrides - */ - _renderControls: function (ctx, styleOverride, childrenOverride) { - ctx.save(); - ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1; - this.callSuper('_renderControls', ctx, styleOverride); - var options = Object.assign({ hasControls: false }, childrenOverride, { - forActiveSelection: true, - }); - for (var i = 0; i < this._objects.length; i++) { - this._objects[i]._renderControls(ctx, options); - } - ctx.restore(); - }, - }); + * Apply the Invert operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, i, + len = data.length; + for (i = 0; i < len; i += 4) { + data[i] = 255 - data[i]; + data[i + 1] = 255 - data[i + 1]; + data[i + 2] = 255 - data[i + 2]; + } + }, + /** - * Returns {@link fabric.ActiveSelection} instance from an object representation - * @static - * @memberOf fabric.ActiveSelection - * @param {Object} object Object to create a group from - * @returns {Promise} - */ - fabric.ActiveSelection.fromObject = function (object) { - var objects = object.objects, options = fabric.util.object.clone(object, true); - delete options.objects; - return fabric.util - .enlivenObjects(objects) - .then(function (enlivenedObjects) { - return new fabric.ActiveSelection(enlivenedObjects, options, true); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); + * Invert filter isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function() { + return !this.invert; + }, -class Canvas2dFilterBackend { - constructor() { - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - this.resources = {}; - } /** - * Apply a set of filters against a source image and draw the filtered output - * to the provided destination canvas. + * Return WebGL uniform locations for this filter's shader. * - * @param {EnhancedFilter} filters The filter to apply. - * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered. - * @param {Number} sourceWidth The width of the source input. - * @param {Number} sourceHeight The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - applyFilters(filters, sourceElement, sourceWidth, sourceHeight, targetCanvas) { - const ctx = targetCanvas.getContext('2d'); - if (!ctx) { - return; - } - ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight); - const imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - const originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight); - const pipelineState = { - sourceWidth, - sourceHeight, - imageData, - originalEl: sourceElement, - originalImageData, - canvasEl: targetCanvas, - ctx, - filterBackend: this, - }; - filters.forEach(function (filter) { - filter.applyTo(pipelineState); - }); - const { imageData: imageDataPostFilter } = pipelineState; - if (imageDataPostFilter.width !== sourceWidth || - imageDataPostFilter.height !== sourceHeight) { - targetCanvas.width = imageDataPostFilter.width; - targetCanvas.height = imageDataPostFilter.height; - } - ctx.putImageData(imageDataPostFilter, 0, 0); - return pipelineState; - } -} + getUniformLocations: function(gl, program) { + return { + uInvert: gl.getUniformLocation(program, 'uInvert'), + }; + }, -class WebGLFilterBackend { - constructor({ tileSize = config.textureSize } = {}) { - /** - * Define ... - **/ - this.aPosition = new Float32Array([0, 0, 0, 1, 1, 0, 1, 1]); - /** - * Experimental. This object is a sort of repository of help layers used to avoid - * of recreating them during frequent filtering. If you are previewing a filter with - * a slider you probably do not want to create help layers every filter step. - * in this object there will be appended some canvases, created once, resized sometimes - * cleared never. Clearing is left to the developer. - **/ - this.resources = {}; - this.tileSize = tileSize; - this.setupGLContext(tileSize, tileSize); - this.captureGPUInfo(); - } - /** - * Setup a WebGL context suitable for filtering, and bind any needed event handlers. - */ - setupGLContext(width, height) { - this.dispose(); - this.createWebGLCanvas(width, height); - // eslint-disable-next-line - this.chooseFastestCopyGLTo2DMethod(width, height); - } /** - * 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. + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - chooseFastestCopyGLTo2DMethod(width, height) { - const targetCanvas = createCanvasElement(); - // eslint-disable-next-line no-undef - const imageBuffer = new ArrayBuffer(width * height * 4); - if (config.forceGLPutImageData) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - return; - } - const testContext = { - imageBuffer: imageBuffer, - }; - const testPipelineState = { - destinationWidth: width, - destinationHeight: height, - targetCanvas: targetCanvas, - }; - let startTime; - targetCanvas.width = width; - targetCanvas.height = height; - startTime = fabric$1.window.performance.now(); - this.copyGLTo2D.call(testContext, this.gl, testPipelineState); - const drawImageTime = fabric$1.window.performance.now() - startTime; - startTime = fabric$1.window.performance.now(); - copyGLTo2DPutImageData.call(testContext, this.gl, testPipelineState); - const putImageDataTime = fabric$1.window.performance.now() - startTime; - if (drawImageTime > putImageDataTime) { - this.imageBuffer = imageBuffer; - this.copyGLTo2D = copyGLTo2DPutImageData; - } - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform1i(uniformLocations.uInvert, this.invert); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Invert} Instance of fabric.Image.filters.Invert + */ + fabric.Image.filters.Invert.fromObject = fabric.Image.filters.BaseFilter.fromObject; + + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Noise filter class + * @class fabric.Image.filters.Noise + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Noise({ + * noise: 700 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Noise = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Noise.prototype */ { + /** - * Create a canvas element and associated WebGL context and attaches them as - * class properties to the GLFilterBackend class. + * Filter type + * @param {String} type + * @default */ - createWebGLCanvas(width, height) { - const canvas = createCanvasElement(); - canvas.width = width; - canvas.height = height; - const glOptions = { - alpha: true, - premultipliedAlpha: false, - depth: false, - stencil: false, - antialias: false, - }, gl = canvas.getContext('webgl', glOptions); - if (!gl) { - return; - } - gl.clearColor(0, 0, 0, 0); - // this canvas can fire webglcontextlost and webglcontextrestored - this.canvas = canvas; - this.gl = gl; - } + type: 'Noise', + /** - * Attempts to apply the requested filters to the source provided, drawing the filtered output - * to the provided target canvas. - * - * @param {Array} filters The filters to apply. - * @param {TexImageSource} source The source to be filtered. - * @param {Number} width The width of the source input. - * @param {Number} height The height of the source input. - * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn. - * @param {String|undefined} cacheKey A key used to cache resources related to the source. If - * omitted, caching will be skipped. - */ - applyFilters(filters, source, width, height, targetCanvas, cacheKey) { - const gl = this.gl; - const ctx = targetCanvas.getContext('2d'); - if (!gl || !ctx) { - return; - } - let cachedTexture; - if (cacheKey) { - cachedTexture = this.getCachedTexture(cacheKey, source); - } - const pipelineState = { - // @ts-ignore - originalWidth: source.width || source.originalWidth || 0, - // @ts-ignore - originalHeight: source.height || source.originalHeight || 0, - sourceWidth: width, - sourceHeight: height, - destinationWidth: width, - destinationHeight: height, - context: gl, - sourceTexture: this.createTexture(gl, width, height, !cachedTexture ? source : undefined), - targetTexture: this.createTexture(gl, width, height), - originalTexture: cachedTexture || - this.createTexture(gl, width, height, !cachedTexture ? source : undefined), - passes: filters.length, - webgl: true, - aPosition: this.aPosition, - programCache: this.programCache, - pass: 0, - filterBackend: this, - targetCanvas: targetCanvas, - }; - const tempFbo = gl.createFramebuffer(); - gl.bindFramebuffer(gl.FRAMEBUFFER, tempFbo); - filters.forEach((filter) => { - filter && filter.applyTo(pipelineState); - }); - resizeCanvasIfNeeded(pipelineState); - this.copyGLTo2D(gl, pipelineState); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.deleteTexture(pipelineState.sourceTexture); - gl.deleteTexture(pipelineState.targetTexture); - gl.deleteFramebuffer(tempFbo); - ctx.setTransform(1, 0, 0, 1, 0, 0); - return pipelineState; - } + * Fragment source for the noise program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uStepH;\n' + + 'uniform float uNoise;\n' + + 'uniform float uSeed;\n' + + 'varying vec2 vTexCoord;\n' + + 'float rand(vec2 co, float seed, float vScale) {\n' + + 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + + 'gl_FragColor = color;\n' + + '}', + /** - * Detach event listeners, remove references, and clean up caches. + * Describe the property that is the filter parameter + * @param {String} m + * @default */ - dispose() { - if (this.canvas) { - // we are disposing, we don't care about the fact - // that the canvas shouldn't be null. - // @ts-ignore - this.canvas = null; - // @ts-ignore - this.gl = null; - } - this.clearWebGLCaches(); - } + mainParameter: 'noise', + /** - * Wipe out WebGL-related caches. + * Noise value, from + * @param {Number} noise + * @default */ - clearWebGLCaches() { - this.programCache = {}; - this.textureCache = {}; - } + noise: 0, + /** - * Create a WebGL texture object. + * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. * - * Accepts specific dimensions to initialize the texture to or a source image. - * - * @param {WebGLRenderingContext} gl The GL context to use for creating the texture. - * @param {Number} width The width to initialize the texture at. - * @param {Number} height The height to initialize the texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source for the texture data. - * @returns {WebGLTexture} + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. */ - createTexture(gl, width, height, textureImageSource) { - const texture = gl.createTexture(); - gl.bindTexture(gl.TEXTURE_2D, texture); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); - if (textureImageSource) { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImageSource); - } - else { - gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null); - } - return texture; - } + applyTo2d: function(options) { + if (this.noise === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, i, len = data.length, + noise = this.noise, rand; + + for (i = 0, len = data.length; i < len; i += 4) { + + rand = (0.5 - Math.random()) * noise; + + data[i] += rand; + data[i + 1] += rand; + data[i + 2] += rand; + } + }, + /** - * Can be optionally used to get a texture from the cache array + * Return WebGL uniform locations for this filter's shader. * - * If an existing texture is not found, a new texture is created and cached. + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uNoise: gl.getUniformLocation(program, 'uNoise'), + uSeed: gl.getUniformLocation(program, 'uSeed'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. * - * @param {String} uniqueId A cache key to use to find an existing texture. - * @param {HTMLImageElement|HTMLCanvasElement} textureImageSource A source to use to create the - * texture cache entry if one does not already exist. + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - getCachedTexture(uniqueId, textureImageSource) { - if (this.textureCache[uniqueId]) { - return this.textureCache[uniqueId]; - } - else { - const texture = this.createTexture(this.gl, textureImageSource.width, textureImageSource.height, textureImageSource); - this.textureCache[uniqueId] = texture; - return texture; - } - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uNoise, this.noise / 255); + gl.uniform1f(uniformLocations.uSeed, Math.random()); + }, + /** - * Clear out cached resources related to a source image that has been - * filtered previously. - * - * @param {String} cacheKey The cache key provided when the source image was filtered. + * Returns object representation of an instance + * @return {Object} Object representation of an instance */ - evictCachesForKey(cacheKey) { - if (this.textureCache[cacheKey]) { - this.gl.deleteTexture(this.textureCache[cacheKey]); - delete this.textureCache[cacheKey]; - } + toObject: function() { + return extend(this.callSuper('toObject'), { + noise: this.noise + }); } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Noise} Instance of fabric.Image.filters.Noise + */ + fabric.Image.filters.Noise.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Pixelate filter class + * @class fabric.Image.filters.Pixelate + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Pixelate({ + * blocksize: 8 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Pixelate = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Pixelate.prototype */ { + /** - * Copy an input WebGL canvas on to an output 2D canvas. - * - * The WebGL canvas is assumed to be upside down, with the top-left pixel of the - * desired output image appearing in the bottom-left corner of the WebGL canvas. - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {Object} pipelineState The 2D target canvas to copy on to. + * Filter type + * @param {String} type + * @default */ - copyGLTo2D(gl, pipelineState) { - const glCanvas = gl.canvas, targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'); - if (!ctx) { - return; - } - ctx.translate(0, targetCanvas.height); // move it down again - ctx.scale(1, -1); // vertical flip - // where is my image on the big glcanvas? - const sourceY = glCanvas.height - targetCanvas.height; - ctx.drawImage(glCanvas, 0, sourceY, targetCanvas.width, targetCanvas.height, 0, 0, targetCanvas.width, targetCanvas.height); - } + type: 'Pixelate', + + blocksize: 4, + + mainParameter: 'blocksize', + /** - * Attempt to extract GPU information strings from a WebGL context. + * Fragment source for the Pixelate program + */ + fragmentSource: '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 * uStepW;\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' + + '}', + + /** + * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. * - * Useful information when debugging or blacklisting specific GPUs. + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, + iLen = imageData.height, + jLen = imageData.width, + index, i, j, r, g, b, a, + _i, _j, _iLen, _jLen; + + for (i = 0; i < iLen; i += this.blocksize) { + for (j = 0; j < jLen; j += this.blocksize) { + + index = (i * 4) * jLen + (j * 4); + + r = data[index]; + g = data[index + 1]; + b = data[index + 2]; + a = data[index + 3]; + + _iLen = Math.min(i + this.blocksize, iLen); + _jLen = Math.min(j + this.blocksize, jLen); + for (_i = i; _i < _iLen; _i++) { + for (_j = j; _j < _jLen; _j++) { + index = (_i * 4) * jLen + (_j * 4); + data[index] = r; + data[index + 1] = g; + data[index + 2] = b; + data[index + 3] = a; + } + } + } + } + }, + + /** + * Indicate when the filter is not gonna apply changes to the image + **/ + isNeutralState: function() { + return this.blocksize === 1; + }, + + /** + * Return WebGL uniform locations for this filter's shader. * - * @returns {Object} A GPU info object with renderer and vendor strings. + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), + uStepW: gl.getUniformLocation(program, 'uStepW'), + uStepH: gl.getUniformLocation(program, 'uStepH'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - captureGPUInfo() { - if (this.gpuInfo) { - return this.gpuInfo; - } - const gl = this.gl, gpuInfo = { renderer: '', vendor: '' }; - if (!gl) { - return gpuInfo; - } - const ext = gl.getExtension('WEBGL_debug_renderer_info'); - if (ext) { - const renderer = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL); - const vendor = gl.getParameter(ext.UNMASKED_VENDOR_WEBGL); - if (renderer) { - gpuInfo.renderer = renderer.toLowerCase(); - } - if (vendor) { - gpuInfo.vendor = vendor.toLowerCase(); - } - } - this.gpuInfo = gpuInfo; - return gpuInfo; - } -} -function resizeCanvasIfNeeded(pipelineState) { - const targetCanvas = pipelineState.targetCanvas, width = targetCanvas.width, height = targetCanvas.height, dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight; - if (width !== dWidth || height !== dHeight) { - targetCanvas.width = dWidth; - targetCanvas.height = dHeight; - } -} -/** - * Copy an input WebGL canvas on to an output 2D canvas using 2d canvas' putImageData - * API. Measurably faster than using ctx.drawImage in Firefox (version 54 on OSX Sierra). - * - * @param {WebGLRenderingContext} sourceContext The WebGL context to copy from. - * @param {HTMLCanvasElement} targetCanvas The 2D target canvas to copy on to. - * @param {Object} pipelineState The 2D target canvas to copy on to. - */ -function copyGLTo2DPutImageData(gl, pipelineState) { - const targetCanvas = pipelineState.targetCanvas, ctx = targetCanvas.getContext('2d'), dWidth = pipelineState.destinationWidth, dHeight = pipelineState.destinationHeight, numBytes = dWidth * dHeight * 4; - if (!ctx) { - return; - } - const u8 = new Uint8Array(this.imageBuffer, 0, numBytes); - const u8Clamped = new Uint8ClampedArray(this.imageBuffer, 0, numBytes); - gl.readPixels(0, 0, dWidth, dHeight, gl.RGBA, gl.UNSIGNED_BYTE, u8); - const imgData = new ImageData(u8Clamped, dWidth, dHeight); - ctx.putImageData(imgData, 0, 0); -} + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Pixelate} Instance of fabric.Image.filters.Pixelate + */ + fabric.Image.filters.Pixelate.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + extend = fabric.util.object.extend, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Remove white filter class + * @class fabric.Image.filters.RemoveColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.RemoveColor({ + * threshold: 0.2, + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.RemoveColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.RemoveColor.prototype */ { -var WebGLPrecision; -(function (WebGLPrecision) { - WebGLPrecision["low"] = "lowp"; - WebGLPrecision["medium"] = "mediump"; - WebGLPrecision["high"] = "highp"; -})(WebGLPrecision || (WebGLPrecision = {})); -/** - * Lazy initialize WebGL contants - */ -class WebGLProbe { /** - * Tests if webgl supports certain precision - * @param {WebGL} Canvas WebGL context to test on - * @param {WebGLPrecision} Precision to test can be any of following - * @returns {Boolean} Whether the user's browser WebGL supports given precision. + * Filter type + * @param {String} type + * @default */ - testPrecision(gl, precision) { - const fragmentSource = `precision ${precision} float;\nvoid main(){}`; - const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - if (!fragmentShader) { - return false; - } - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - return !!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS); - } + type: 'RemoveColor', + /** - * query browser for WebGL - * @returns config object if true + * Color to remove, in any format understood by fabric.Color. + * @param {String} type + * @default */ - queryWebGL() { - if (fabric$1.isLikelyNode) { - return; - } - const canvas = createCanvasElement(); - const gl = canvas.getContext('webgl'); - if (gl) { - this.maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); - this.webGLPrecision = Object.values(WebGLPrecision).find((precision) => this.testPrecision(gl, precision)); - console.log(`fabric: max texture size ${this.maxTextureSize}`); - } - } - isSupported(textureSize) { - return this.maxTextureSize && this.maxTextureSize >= textureSize; - } -} -const webGLProbe = new WebGLProbe(); -function initFilterBackend() { - webGLProbe.queryWebGL(); - if (config.enableGLFiltering && webGLProbe.isSupported(config.textureSize)) { - return new WebGLFilterBackend({ tileSize: config.textureSize }); - } - else { - return new Canvas2dFilterBackend(); + color: '#FFFFFF', + + /** + * Fragment source for the brightness program + */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uLow;\n' + + 'uniform vec4 uHigh;\n' + + 'varying vec2 vTexCoord;\n' + + 'void 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' + + '}', + + /** + * distance to actual color, as value up or down from each r,g,b + * between 0 and 1 + **/ + distance: 0.02, + + /** + * For color to remove inside distance, use alpha channel for a smoother deletion + * NOT IMPLEMENTED YET + **/ + useAlpha: false, + + /** + * Constructor + * @memberOf fabric.Image.filters.RemoveWhite.prototype + * @param {Object} [options] Options object + * @param {Number} [options.color=#RRGGBB] Threshold value + * @param {Number} [options.distance=10] Distance value + */ + + /** + * Applies filter to canvas element + * @param {Object} canvasEl Canvas element to apply filter to + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, i, + distance = this.distance * 255, + r, g, b, + source = new fabric.Color(this.color).getSource(), + lowC = [ + source[0] - distance, + source[1] - distance, + source[2] - distance, + ], + highC = [ + source[0] + distance, + source[1] + distance, + source[2] + distance, + ]; + + + for (i = 0; i < data.length; i += 4) { + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + + if (r > lowC[0] && + g > lowC[1] && + b > lowC[2] && + r < highC[0] && + g < highC[1] && + b < highC[2]) { + data[i + 3] = 0; + } + } + }, + + /** + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uLow: gl.getUniformLocation(program, 'uLow'), + uHigh: gl.getUniformLocation(program, 'uHigh'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var source = new fabric.Color(this.color).getSource(), + distance = parseFloat(this.distance), + lowC = [ + 0 + source[0] / 255 - distance, + 0 + source[1] / 255 - distance, + 0 + source[2] / 255 - distance, + 1 + ], + highC = [ + source[0] / 255 + distance, + source[1] / 255 + distance, + source[2] / 255 + distance, + 1 + ]; + gl.uniform4fv(uniformLocations.uLow, lowC); + gl.uniform4fv(uniformLocations.uHigh, highC); + }, + + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + return extend(this.callSuper('toObject'), { + color: this.color, + distance: this.distance + }); } -} -fabric$1.Canvas2dFilterBackend = Canvas2dFilterBackend; -fabric$1.WebglFilterBackend = WebGLFilterBackend; -fabric$1.initFilterBackend = initFilterBackend; - -//@ts-nocheck -(function (global) { - var fabric = global.fabric, extend = fabric.util.object.extend; - /** - * Image class - * @class fabric.Image - * @extends fabric.Object - * @tutorial {@link http://fabricjs.com/fabric-intro-part-1#images} - * @see {@link fabric.Image#initialize} for constructor definition - */ - fabric.Image = fabric.util.createClass(InteractiveFabricObject, - /** @lends fabric.Image.prototype */ { - /** - * Type of an object - * @type String - * @default - */ - type: 'image', - /** - * Width of a stroke. - * For image quality a stroke multiple of 2 gives better results. - * @type Number - * @default - */ - strokeWidth: 0, - /** - * When calling {@link fabric.Image.getSrc}, return value from element src with `element.getAttribute('src')`. - * This allows for relative urls as image src. - * @since 2.7.0 - * @type Boolean - * @default - */ - srcFromAttribute: false, - /** - * private - * contains last value of scaleX to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleX: 1, - /** - * private - * contains last value of scaleY to detect - * if the Image got resized after the last Render - * @type Number - */ - _lastScaleY: 1, - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingX: 1, - /** - * private - * contains last value of scaling applied by the apply filter chain - * @type Number - */ - _filterScalingY: 1, - /** - * minimum scale factor under which any resizeFilter is triggered to resize the image - * 0 will disable the automatic resize. 1 will trigger automatically always. - * number bigger than 1 are not implemented yet. - * @type Number - */ - minimumScaleTrigger: 0.5, - /** - * List of properties to consider when checking if - * state of an object is changed ({@link fabric.Object#hasStateChanged}) - * as well as for history (undo/redo) purposes - * @type Array - */ - stateProperties: InteractiveFabricObject.prototype.stateProperties.concat('cropX', 'cropY'), - /** - * List of properties to consider when checking if cache needs refresh - * Those properties are checked by statefullCache ON ( or lazy mode if we want ) or from single - * calls to Object.set(key, value). If the key is in this list, the object is marked as dirty - * and refreshed at the next render - * @type Array - */ - cacheProperties: InteractiveFabricObject.prototype.cacheProperties.concat('cropX', 'cropY'), - /** - * key used to retrieve the texture representing this image - * @since 2.0.0 - * @type String - * @default - */ - cacheKey: '', - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropX: 0, - /** - * Image crop in pixels from original image size. - * @since 2.0.0 - * @type Number - * @default - */ - cropY: 0, - /** - * Indicates whether this canvas will use image smoothing when painting this image. - * Also influence if the cacheCanvas for this image uses imageSmoothing - * @since 4.0.0-beta.11 - * @type Boolean - * @default - */ - imageSmoothing: true, - /** - * Constructor - * Image can be initialized with any canvas drawable or a string. - * The string should be a url and will be loaded as an image. - * Canvas and Image element work out of the box, while videos require extra code to work. - * Please check video element events for seeking. - * @param {HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String} element Image element - * @param {Object} [options] Options object - * @return {fabric.Image} thisArg - */ - initialize: function (element, options) { - options || (options = {}); - this.filters = []; - this.cacheKey = 'texture' + InteractiveFabricObject.__uid++; - this.callSuper('initialize', options); - this._initElement(element, options); - }, - /** - * Returns image element which this instance if based on - * @return {HTMLImageElement} Image element - */ - getElement: function () { - return this._element || {}; - }, - /** - * Sets image element for this instance to a specified one. - * If filters defined they are applied to new image. - * You might need to call `canvas.renderAll` and `object.setCoords` after replacing, to render new image and update controls area. - * @param {HTMLImageElement} element - * @param {Object} [options] Options object - * @return {fabric.Image} thisArg - * @chainable - */ - setElement: function (element, options) { - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._element = element; - this._originalElement = element; - this._initConfig(options); - element.classList.add(fabric.Image.CSS_CANVAS); - if (this.filters.length !== 0) { - this.applyFilters(); - } - // resizeFilters work on the already filtered copy. - // we need to apply resizeFilters AFTER normal filters. - // applyResizeFilters is run more often than normal filters - // and is triggered by user interactions rather than dev code - if (this.resizeFilter) { - this.applyResizeFilters(); - } - return this; - }, - /** - * Delete a single texture if in webgl mode - */ - removeTexture: function (key) { - var backend = fabric.filterBackend; - if (backend && backend.evictCachesForKey) { - backend.evictCachesForKey(key); - } - }, - /** - * Delete textures, reference to elements and eventually JSDOM cleanup - */ - dispose: function () { - this.callSuper('dispose'); - this.removeTexture(this.cacheKey); - this.removeTexture(this.cacheKey + '_filtered'); - this._cacheContext = undefined; - ['_originalElement', '_element', '_filteredEl', '_cacheCanvas'].forEach(function (element) { - fabric.util.cleanUpJsdomNode(this[element]); - this[element] = undefined; - }.bind(this)); - }, - /** - * Get the crossOrigin value (of the corresponding image element) - */ - getCrossOrigin: function () { - return (this._originalElement && (this._originalElement.crossOrigin || null)); - }, - /** - * Returns original size of an image - * @return {Object} Object with "width" and "height" properties - */ - getOriginalSize: function () { - var element = this.getElement(); - return { - width: element.naturalWidth || element.width, - height: element.naturalHeight || element.height, - }; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _stroke: function (ctx) { - if (!this.stroke || this.strokeWidth === 0) { - return; - } - var w = this.width / 2, h = this.height / 2; - ctx.beginPath(); - ctx.moveTo(-w, -h); - ctx.lineTo(w, -h); - ctx.lineTo(w, h); - ctx.lineTo(-w, h); - ctx.lineTo(-w, -h); - ctx.closePath(); - }, - /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance - */ - toObject: function (propertiesToInclude) { - var filters = []; - this.filters.forEach(function (filterObj) { - if (filterObj) { - filters.push(filterObj.toObject()); - } - }); - var object = extend(this.callSuper('toObject', ['cropX', 'cropY'].concat(propertiesToInclude)), { - src: this.getSrc(), - crossOrigin: this.getCrossOrigin(), - filters: filters, - }); - if (this.resizeFilter) { - object.resizeFilter = this.resizeFilter.toObject(); - } - return object; - }, - /** - * Returns true if an image has crop applied, inspecting values of cropX,cropY,width,height. - * @return {Boolean} - */ - hasCrop: function () { - return (this.cropX || - this.cropY || - this.width < this._element.width || - this.height < this._element.height); - }, - /* _TO_SVG_START_ */ - /** - * Returns svg representation of an instance - * @return {Array} an array of strings with the specific svg representation - * of the instance - */ - _toSVG: function () { - var svgString = [], imageMarkup = [], strokeSvg, element = this._element, x = -this.width / 2, y = -this.height / 2, clipPath = '', imageRendering = ''; - if (!element) { - return []; - } - if (this.hasCrop()) { - var clipPathId = InteractiveFabricObject.__uid++; - svgString.push('\n', '\t\n', '\n'); - clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" '; - } - if (!this.imageSmoothing) { - imageRendering = '" image-rendering="optimizeSpeed'; - } - imageMarkup.push('\t\n'); - if (this.stroke || this.strokeDashArray) { - var origFill = this.fill; - this.fill = null; - strokeSvg = [ - '\t\n', - ]; - this.fill = origFill; - } - if (this.paintFirst !== 'fill') { - svgString = svgString.concat(strokeSvg, imageMarkup); - } - else { - svgString = svgString.concat(imageMarkup, strokeSvg); - } - return svgString; - }, - /* _TO_SVG_END_ */ - /** - * Returns source of an image - * @param {Boolean} filtered indicates if the src is needed for svg - * @return {String} Source of an image - */ - getSrc: function (filtered) { - var element = filtered ? this._element : this._originalElement; - if (element) { - if (element.toDataURL) { - return element.toDataURL(); - } - if (this.srcFromAttribute) { - return element.getAttribute('src'); - } - else { - return element.src; - } - } - else { - return this.src || ''; - } - }, - /** - * Loads and sets source of an image\ - * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking - * @param {String} src Source string (URL) - * @param {Object} [options] Options object - * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {String} [options.crossOrigin] crossOrigin value (one of "", "anonymous", "use-credentials") - * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes - * @return {Promise} thisArg - */ - setSrc: function (src, options) { - var _this = this; - return fabric.util.loadImage(src, options).then(function (img) { - _this.setElement(img, options); - _this._setWidthHeight(); - return _this; - }); - }, - /** - * Returns string representation of an instance - * @return {String} String representation of an instance - */ - toString: function () { - return '#'; - }, - applyResizeFilters: function () { - var filter = this.resizeFilter, minimumScale = this.minimumScaleTrigger, objectScale = this.getTotalObjectScaling(), scaleX = objectScale.x, scaleY = objectScale.y, elementToFilter = this._filteredEl || this._originalElement; - if (this.group) { - this.set('dirty', true); - } - if (!filter || (scaleX > minimumScale && scaleY > minimumScale)) { - this._element = elementToFilter; - this._filterScalingX = 1; - this._filterScalingY = 1; - this._lastScaleX = scaleX; - this._lastScaleY = scaleY; - return; - } - if (!fabric.filterBackend) { - fabric.filterBackend = initFilterBackend(); - } - var canvasEl = fabric.util.createCanvasElement(), cacheKey = this._filteredEl - ? this.cacheKey + '_filtered' - : this.cacheKey, sourceWidth = elementToFilter.width, sourceHeight = elementToFilter.height; - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._lastScaleX = filter.scaleX = scaleX; - this._lastScaleY = filter.scaleY = scaleY; - fabric.filterBackend.applyFilters([filter], elementToFilter, sourceWidth, sourceHeight, this._element, cacheKey); - this._filterScalingX = canvasEl.width / this._originalElement.width; - this._filterScalingY = canvasEl.height / this._originalElement.height; - }, - /** - * Applies filters assigned to this image (from "filters" array) or from filter param - * @method applyFilters - * @param {Array} filters to be applied - * @param {Boolean} forResizing specify if the filter operation is a resize operation - * @return {thisArg} return the fabric.Image object - * @chainable - */ - applyFilters: function (filters) { - filters = filters || this.filters || []; - filters = filters.filter(function (filter) { - return filter && !filter.isNeutralState(); - }); - this.set('dirty', true); - // needs to clear out or WEBGL will not resize correctly - this.removeTexture(this.cacheKey + '_filtered'); - if (filters.length === 0) { - this._element = this._originalElement; - this._filteredEl = null; - this._filterScalingX = 1; - this._filterScalingY = 1; - return this; - } - var imgElement = this._originalElement, sourceWidth = imgElement.naturalWidth || imgElement.width, sourceHeight = imgElement.naturalHeight || imgElement.height; - if (this._element === this._originalElement) { - // if the element is the same we need to create a new element - var canvasEl = fabric.util.createCanvasElement(); - canvasEl.width = sourceWidth; - canvasEl.height = sourceHeight; - this._element = canvasEl; - this._filteredEl = canvasEl; - } - else { - // clear the existing element to get new filter data - // also dereference the eventual resized _element - this._element = this._filteredEl; - this._filteredEl - .getContext('2d') - .clearRect(0, 0, sourceWidth, sourceHeight); - // we also need to resize again at next renderAll, so remove saved _lastScaleX/Y - this._lastScaleX = 1; - this._lastScaleY = 1; - } - if (!fabric.filterBackend) { - fabric.filterBackend = initFilterBackend(); - } - fabric.filterBackend.applyFilters(filters, this._originalElement, sourceWidth, sourceHeight, this._element, this.cacheKey); - if (this._originalElement.width !== this._element.width || - this._originalElement.height !== this._element.height) { - this._filterScalingX = - this._element.width / this._originalElement.width; - this._filterScalingY = - this._element.height / this._originalElement.height; - } - return this; - }, - /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - _render: function (ctx) { - ctx.imageSmoothingEnabled = this.imageSmoothing; - if (this.isMoving !== true && - this.resizeFilter && - this._needsResize()) { - this.applyResizeFilters(); - } - this._stroke(ctx); - this._renderPaintInOrder(ctx); - }, - /** - * Paint the cached copy of the object on the target context. - * it will set the imageSmoothing for the draw operation - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - drawCacheOnCanvas: function (ctx) { - ctx.imageSmoothingEnabled = this.imageSmoothing; - InteractiveFabricObject.prototype.drawCacheOnCanvas.call(this, ctx); - }, - /** - * Decide if the object should cache or not. Create its own cache level - * needsItsOwnCache should be used when the object drawing method requires - * a cache step. None of the fabric classes requires it. - * Generally you do not cache objects in groups because the group outside is cached. - * This is the special image version where we would like to avoid caching where possible. - * Essentially images do not benefit from caching. They may require caching, and in that - * case we do it. Also caching an image usually ends in a loss of details. - * A full performance audit should be done. - * @return {Boolean} - */ - shouldCache: function () { - return this.needsItsOwnCache(); - }, - _renderFill: function (ctx) { - var elementToDraw = this._element; - if (!elementToDraw) { - return; - } - var scaleX = this._filterScalingX, scaleY = this._filterScalingY, w = this.width, h = this.height, min = Math.min, max = Math.max, - // crop values cannot be lesser than 0. - cropX = max(this.cropX, 0), cropY = max(this.cropY, 0), elWidth = elementToDraw.naturalWidth || elementToDraw.width, elHeight = elementToDraw.naturalHeight || elementToDraw.height, sX = cropX * scaleX, sY = cropY * scaleY, - // the width height cannot exceed element width/height, starting from the crop offset. - sW = min(w * scaleX, elWidth - sX), sH = min(h * scaleY, elHeight - sY), x = -w / 2, y = -h / 2, maxDestW = min(w, elWidth / scaleX - cropX), maxDestH = min(h, elHeight / scaleY - cropY); - elementToDraw && - ctx.drawImage(elementToDraw, sX, sY, sW, sH, x, y, maxDestW, maxDestH); - }, - /** - * needed to check if image needs resize - * @private - */ - _needsResize: function () { - var scale = this.getTotalObjectScaling(); - return scale.x !== this._lastScaleX || scale.y !== this._lastScaleY; - }, - /** - * @private - */ - _resetWidthHeight: function () { - this.set(this.getOriginalSize()); - }, - /** - * The Image class's initialization method. This method is automatically - * called by the constructor. - * @private - * @param {HTMLImageElement|String} element The element representing the image - * @param {Object} [options] Options object - */ - _initElement: function (element, options) { - this.setElement(fabric.document.getElementById(element) || element, options); - }, - /** - * @private - * @param {Object} [options] Options object - */ - _initConfig: function (options) { - options || (options = {}); - this.setOptions(options); - this._setWidthHeight(options); - }, - /** - * @private - * Set the width and the height of the image object, using the element or the - * options. - * @param {Object} [options] Object with width/height properties - */ - _setWidthHeight: function (options) { - options || (options = {}); - var el = this.getElement(); - this.width = options.width || el.naturalWidth || el.width || 0; - this.height = options.height || el.naturalHeight || el.height || 0; - }, - /** - * Calculate offset for center and scale factor for the image in order to respect - * the preserveAspectRatio attribute - * @private - * @return {Object} - */ - parsePreserveAspectRatioAttribute: function () { - var pAR = fabric.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio || ''), rWidth = this._element.width, rHeight = this._element.height, scaleX = 1, scaleY = 1, offsetLeft = 0, offsetTop = 0, cropX = 0, cropY = 0, offset, pWidth = this.width, pHeight = this.height, parsedAttributes = { width: pWidth, height: pHeight }; - if (pAR && (pAR.alignX !== 'none' || pAR.alignY !== 'none')) { - if (pAR.meetOrSlice === 'meet') { - scaleX = scaleY = fabric.util.findScaleToFit(this._element, parsedAttributes); - offset = (pWidth - rWidth * scaleX) / 2; - if (pAR.alignX === 'Min') { - offsetLeft = -offset; - } - if (pAR.alignX === 'Max') { - offsetLeft = offset; - } - offset = (pHeight - rHeight * scaleY) / 2; - if (pAR.alignY === 'Min') { - offsetTop = -offset; - } - if (pAR.alignY === 'Max') { - offsetTop = offset; - } - } - if (pAR.meetOrSlice === 'slice') { - scaleX = scaleY = fabric.util.findScaleToCover(this._element, parsedAttributes); - offset = rWidth - pWidth / scaleX; - if (pAR.alignX === 'Mid') { - cropX = offset / 2; - } - if (pAR.alignX === 'Max') { - cropX = offset; - } - offset = rHeight - pHeight / scaleY; - if (pAR.alignY === 'Mid') { - cropY = offset / 2; - } - if (pAR.alignY === 'Max') { - cropY = offset; - } - rWidth = pWidth / scaleX; - rHeight = pHeight / scaleY; - } - } - else { - scaleX = pWidth / rWidth; - scaleY = pHeight / rHeight; - } - return { - width: rWidth, - height: rHeight, - scaleX: scaleX, - scaleY: scaleY, - offsetLeft: offsetLeft, - offsetTop: offsetTop, - cropX: cropX, - cropY: cropY, - }; - }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.RemoveColor} Instance of fabric.Image.filters.RemoveWhite + */ + fabric.Image.filters.RemoveColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + var matrices = { + Brownie: [ + 0.59970,0.34553,-0.27082,0,0.186, + -0.03770,0.86095,0.15059,0,-0.1449, + 0.24113,-0.07441,0.44972,0,-0.02965, + 0,0,0,1,0 + ], + Vintage: [ + 0.62793,0.32021,-0.03965,0,0.03784, + 0.02578,0.64411,0.03259,0,0.02926, + 0.04660,-0.08512,0.52416,0,0.02023, + 0,0,0,1,0 + ], + Kodachrome: [ + 1.12855,-0.39673,-0.03992,0,0.24991, + -0.16404,1.08352,-0.05498,0,0.09698, + -0.16786,-0.56034,1.60148,0,0.13972, + 0,0,0,1,0 + ], + Technicolor: [ + 1.91252,-0.85453,-0.09155,0,0.04624, + -0.30878,1.76589,-0.10601,0,-0.27589, + -0.23110,-0.75018,1.84759,0,0.12137, + 0,0,0,1,0 + ], + Polaroid: [ + 1.438,-0.062,-0.062,0,0, + -0.122,1.378,-0.122,0,0, + -0.016,-0.016,1.483,0,0, + 0,0,0,1,0 + ], + Sepia: [ + 0.393, 0.769, 0.189, 0, 0, + 0.349, 0.686, 0.168, 0, 0, + 0.272, 0.534, 0.131, 0, 0, + 0, 0, 0, 1, 0 + ], + BlackWhite: [ + 1.5, 1.5, 1.5, 0, -1, + 1.5, 1.5, 1.5, 0, -1, + 1.5, 1.5, 1.5, 0, -1, + 0, 0, 0, 1, 0, + ] + }; + + for (var key in matrices) { + filters[key] = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.Sepia.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: key, + + /** + * Colormatrix for the effect + * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning + * outside the -1, 1 range. + * @param {Array} matrix array of 20 numbers. + * @default + */ + matrix: matrices[key], + + /** + * Lock the matrix export for this kind of static, parameter less filters. + */ + mainParameter: false, + /** + * Lock the colormatrix on the color part, skipping alpha + */ + colorsOnly: true, + }); + fabric.Image.filters[key].fromObject = fabric.Image.filters.BaseFilter.fromObject; + } +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + 'use strict'; + + var fabric = global.fabric, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Color Blend filter class + * @class fabric.Image.filter.BlendColor + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' + * }); + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + + filters.BlendColor = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blend.prototype */ { + type: 'BlendColor', + + /** + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + * @type String + * @default + **/ + color: '#F95C63', + /** - * Default CSS class name for canvas - * @static + * Blend mode for the filter: one of multiply, add, diff, screen, subtract, + * darken, lighten, overlay, exclusion, tint. * @type String * @default - */ - fabric.Image.CSS_CANVAS = 'canvas-img'; + **/ + mode: 'multiply', + /** - * Alias for getSrc - * @static - */ - fabric.Image.prototype.getSvgSrc = fabric.Image.prototype.getSrc; + * alpha value. represent the strength of the blend color operation. + * @type Number + * @default + **/ + alpha: 1, + /** - * Creates an instance of fabric.Image from its object representation - * @static - * @param {Object} object Object to create an instance from - * @param {object} [options] Options object - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.fromObject = function (object, options) { - var _object = Object.assign({}, object), filters = _object.filters, resizeFilter = _object.resizeFilter; - // the generic enliving will fail on filters for now - delete _object.resizeFilter; - delete _object.filters; - var imageOptions = Object.assign({}, options, { - crossOrigin: _object.crossOrigin, - }), filterOptions = Object.assign({}, options, { - namespace: fabric.Image.filters, - }); - return Promise.all([ - fabric.util.loadImage(_object.src, imageOptions), - filters && fabric.util.enlivenObjects(filters, filterOptions), - resizeFilter && fabric.util.enlivenObjects([resizeFilter], filterOptions), - fabric.util.enlivenObjectEnlivables(_object, options), - ]).then(function (imgAndFilters) { - _object.filters = imgAndFilters[1] || []; - _object.resizeFilter = imgAndFilters[2] && imgAndFilters[2][0]; - return new fabric.Image(imgAndFilters[0], Object.assign(_object, imgAndFilters[3])); - }); - }; + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', + screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', + add: 'gl_FragColor.rgb += uColor.rgb;\n', + diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', + subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', + lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', + darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', + exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', + overlay: 'if (uColor.r < 0.5) {\n' + + 'gl_FragColor.r *= 2.0 * uColor.r;\n' + + '} else {\n' + + 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + + '}\n' + + 'if (uColor.g < 0.5) {\n' + + 'gl_FragColor.g *= 2.0 * uColor.g;\n' + + '} else {\n' + + 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + + '}\n' + + 'if (uColor.b < 0.5) {\n' + + 'gl_FragColor.b *= 2.0 * uColor.b;\n' + + '} else {\n' + + 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + + '}\n', + tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + + 'gl_FragColor.rgb += uColor.rgb;\n', + }, + /** - * Creates an instance of fabric.Image from an URL string - * @static - * @param {String} url URL to create an image from - * @param {object} [options] Options object - * @param {string} [options.crossOrigin] cors value for the image loading, default to anonymous - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.fromURL = function (url, options) { - return fabric.util.loadImage(url, options || {}).then(function (img) { - return new fabric.Image(img, options); - }); - }; - /* _FROM_SVG_START_ */ + * build the fragment source for the filters, joining the common part with + * the specific one. + * @param {String} mode the mode of the filter, a key of this.fragmentSource + * @return {String} the source to be compiled + * @private + */ + buildSource: function(mode) { + return 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'gl_FragColor = color;\n' + + 'if (color.a > 0.0) {\n' + + this.fragmentSource[mode] + + '}\n' + + '}'; + }, + /** - * List of attribute names to account for when parsing SVG element (used by {@link fabric.Image.fromElement}) - * @static - * @see {@link http://www.w3.org/TR/SVG/struct.html#ImageElement} + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. */ - fabric.Image.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat('x y width height preserveAspectRatio xlink:href crossOrigin image-rendering'.split(' ')); + retrieveShader: function(options) { + var cacheKey = this.type + '_' + this.mode, shaderSource; + if (!options.programCache.hasOwnProperty(cacheKey)) { + shaderSource = this.buildSource(this.mode); + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + /** - * Returns {@link fabric.Image} instance from an SVG element - * @static - * @param {SVGElement} element Element to parse - * @param {Object} [options] Options object - * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @param {Function} callback Callback to execute when fabric.Image object is created - * @return {fabric.Image} Instance of fabric.Image - */ - fabric.Image.fromElement = function (element, callback, options) { - var parsedAttributes = fabric.parseAttributes(element, fabric.Image.ATTRIBUTE_NAMES); - fabric.Image.fromURL(parsedAttributes['xlink:href'], Object.assign({}, options || {}, parsedAttributes)).then(function (fabricImage) { - callback(fabricImage); - }); - }; - /* _FROM_SVG_END_ */ -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric; - fabric.util.object.extend(InteractiveFabricObject.prototype, - /** @lends FabricObject.prototype */ { - /** - * @private - * @return {Number} angle value - */ - _getAngleValueForStraighten: function () { - var angle = this.angle % 360; - if (angle > 0) { - return Math.round((angle - 1) / 90) * 90; - } - return Math.round(angle / 90) * 90; - }, - /** - * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer) - * @return {fabric.Object} thisArg - * @chainable - */ - straighten: function () { - return this.rotate(this._getAngleValueForStraighten()); - }, - /** - * Same as {@link FabricObject.prototype.straighten} but with animation - * @param {Object} callbacks Object with callback functions - * @param {Function} [callbacks.onComplete] Invoked on completion - * @param {Function} [callbacks.onChange] Invoked on every step of animation - * @return {fabric.Object} thisArg - */ - fxStraighten: function (callbacks) { - callbacks = callbacks || {}; - var empty = function () { }, onComplete = callbacks.onComplete || empty, onChange = callbacks.onChange || empty, _this = this; - return fabric.util.animate({ - target: this, - startValue: this.get('angle'), - endValue: this._getAngleValueForStraighten(), - duration: this.FX_DURATION, - onChange: function (value) { - _this.rotate(value); - onChange(); - }, - onComplete: function () { - _this.setCoords(); - onComplete(); - }, - }); - }, - }); - fabric.util.object.extend(fabric.StaticCanvas.prototype, - /** @lends fabric.StaticCanvas.prototype */ { - /** - * Straightens object, then rerenders canvas - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - * @chainable - */ - straightenObject: function (object) { - object.straighten(); - this.requestRenderAll(); - return this; - }, - /** - * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated - * @param {fabric.Object} object Object to straighten - * @return {fabric.Canvas} thisArg - */ - fxStraightenObject: function (object) { - return object.fxStraighten({ - onChange: this.requestRenderAllBound, - }); - }, - }); -})(typeof exports !== 'undefined' ? exports : window); + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + data = imageData.data, iLen = data.length, + tr, tg, tb, + r, g, b, + source, alpha1 = 1 - this.alpha; -const isWebGLPipelineState = (options) => { - return options.webgl !== undefined; -}; + source = new fabric.Color(this.color).getSource(); + tr = source[0] * this.alpha; + tg = source[1] * this.alpha; + tb = source[2] * this.alpha; + + for (var i = 0; i < iLen; i += 4) { + + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + + switch (this.mode) { + case 'multiply': + data[i] = r * tr / 255; + data[i + 1] = g * tg / 255; + data[i + 2] = b * tb / 255; + break; + case 'screen': + data[i] = 255 - (255 - r) * (255 - tr) / 255; + data[i + 1] = 255 - (255 - g) * (255 - tg) / 255; + data[i + 2] = 255 - (255 - b) * (255 - tb) / 255; + break; + case 'add': + data[i] = r + tr; + data[i + 1] = g + tg; + data[i + 2] = b + tb; + break; + case 'diff': + case 'difference': + data[i] = Math.abs(r - tr); + data[i + 1] = Math.abs(g - tg); + data[i + 2] = Math.abs(b - tb); + break; + case 'subtract': + data[i] = r - tr; + data[i + 1] = g - tg; + data[i + 2] = b - tb; + break; + case 'darken': + data[i] = Math.min(r, tr); + data[i + 1] = Math.min(g, tg); + data[i + 2] = Math.min(b, tb); + break; + case 'lighten': + data[i] = Math.max(r, tr); + data[i + 1] = Math.max(g, tg); + data[i + 2] = Math.max(b, tb); + break; + case 'overlay': + data[i] = tr < 128 ? (2 * r * tr / 255) : (255 - 2 * (255 - r) * (255 - tr) / 255); + data[i + 1] = tg < 128 ? (2 * g * tg / 255) : (255 - 2 * (255 - g) * (255 - tg) / 255); + data[i + 2] = tb < 128 ? (2 * b * tb / 255) : (255 - 2 * (255 - b) * (255 - tb) / 255); + break; + case 'exclusion': + data[i] = tr + r - ((2 * tr * r) / 255); + data[i + 1] = tg + g - ((2 * tg * g) / 255); + data[i + 2] = tb + b - ((2 * tb * b) / 255); + break; + case 'tint': + data[i] = tr + r * alpha1; + data[i + 1] = tg + g * alpha1; + data[i + 2] = tb + b * alpha1; + } + } + }, -/** - * @namespace fabric.Image.filters - * @memberOf fabric.Image - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#image_filters} - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - */ -const highPsourceCode = `precision ${WebGLPrecision.high} float`; -/** - * Root filter class from which all filter classes inherit from - * @class fabric.Image.filters.BaseFilter - * @memberOf fabric.Image.filters - */ -class BaseFilter { /** - * Constructor - * @param {Object} [options] Options object + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - constructor(options = {}) { - /** - * Filter type - * @param {String} type - * @default - */ - this.type = 'BaseFilter'; - this.setOptions(options); - } + getUniformLocations: function(gl, program) { + return { + uColor: gl.getUniformLocation(program, 'uColor'), + }; + }, + /** - * just the compatibility layer until all classes are translated - * @param {Object} [options] Options object + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var source = new fabric.Color(this.color).getSource(); + source[0] = this.alpha * source[0] / 255; + source[1] = this.alpha * source[1] / 255; + source[2] = this.alpha * source[2] / 255; + source[3] = this.alpha; + gl.uniform4fv(uniformLocations.uColor, source); + }, + + /** + * Returns object representation of an instance + * @return {Object} Object representation of an instance */ - initialize(options = {}) { - this.setOptions(options); + toObject: function() { + return { + type: this.type, + color: this.color, + mode: this.mode, + alpha: this.alpha + }; } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.BlendColor} Instance of fabric.Image.filters.BlendColor + */ + fabric.Image.filters.BlendColor.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + 'use strict'; + + var fabric = global.fabric, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Image Blend filter class + * @class fabric.Image.filter.BlendImage + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @example + * var filter = new fabric.Image.filters.BlendColor({ + * color: '#000', + * mode: 'multiply' + * }); + * + * var filter = new fabric.Image.filters.BlendImage({ + * image: fabricImageObject, + * mode: 'multiply', + * alpha: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + + filters.BlendImage = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.BlendImage.prototype */ { + type: 'BlendImage', + /** - * Sets filter's properties from options - * @param {Object} [options] Options object + * Color to make the blend operation with. default to a reddish color since black or white + * gives always strong result. + **/ + image: null, + + /** + * Blend mode for the filter (one of "multiply", "mask") + * @type String + * @default + **/ + mode: 'multiply', + + /** + * alpha value. represent the strength of the blend image operation. + * not implemented. + **/ + alpha: 1, + + vertexSource: 'attribute vec2 aPosition;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'uniform mat3 uTransformMatrix;\n' + + 'void main() {\n' + + 'vTexCoord = aPosition;\n' + + 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + + 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + + '}', + + /** + * Fragment source for the Multiply program + */ + fragmentSource: { + multiply: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.rgba *= color2.rgba;\n' + + 'gl_FragColor = color;\n' + + '}', + mask: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform sampler2D uImage;\n' + + 'uniform vec4 uColor;\n' + + 'varying vec2 vTexCoord;\n' + + 'varying vec2 vTexCoord2;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + + 'color.a = color2.a;\n' + + 'gl_FragColor = color;\n' + + '}', + }, + + /** + * Retrieves the cached shader. + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. */ - setOptions(options) { - Object.assign(this, options); - } + retrieveShader: function(options) { + var cacheKey = this.type + '_' + this.mode; + var shaderSource = this.fragmentSource[this.mode]; + if (!options.programCache.hasOwnProperty(cacheKey)) { + options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); + } + return options.programCache[cacheKey]; + }, + + applyToWebGL: function(options) { + // load texture to blend. + var gl = options.context, + texture = this.createTexture(options.filterBackend, this.image); + this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); + this.callSuper('applyToWebGL', options); + this.unbindAdditionalTexture(gl, gl.TEXTURE1); + }, + + createTexture: function(backend, image) { + return backend.getCachedTexture(image.cacheKey, image._element); + }, + + /** + * Calculate a transformMatrix to adapt the image to blend over + * @param {Object} options + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + */ + calculateMatrix: function() { + var image = this.image, + width = image._element.width, + height = image._element.height; + return [ + 1 / image.scaleX, 0, 0, + 0, 1 / image.scaleY, 0, + -image.left / width, -image.top / height, 1 + ]; + }, + /** - * Compile this filter's shader program. + * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. * - * @param {WebGLRenderingContext} gl The GL canvas context to use for shader compilation. - * @param {String} fragmentSource fragmentShader source for compilation - * @param {String} vertexSource vertexShader source for compilation - */ - createProgram(gl, fragmentSource = this.fragmentSource, vertexSource = this.vertexSource) { - if (webGLProbe.webGLPrecision && - webGLProbe.webGLPrecision !== WebGLPrecision.high) { - fragmentSource = fragmentSource.replace(new RegExp(highPsourceCode, 'g'), highPsourceCode.replace(WebGLPrecision.high, webGLProbe.webGLPrecision)); - } - const vertexShader = gl.createShader(gl.VERTEX_SHADER); - const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); - const program = gl.createProgram(); - if (!vertexShader || !fragmentShader || !program) { - throw new Error('Vertex, fragment shader or program creation error'); - } - gl.shaderSource(vertexShader, vertexSource); - gl.compileShader(vertexShader); - if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) { - throw new Error(`Vertex shader compile error for ${this.type}: ${gl.getShaderInfoLog(vertexShader)}`); - } - gl.shaderSource(fragmentShader, fragmentSource); - gl.compileShader(fragmentShader); - if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) { - throw new Error(`Fragment shader compile error for ${this.type}: ${gl.getShaderInfoLog(fragmentShader)}`); - } - gl.attachShader(program, vertexShader); - gl.attachShader(program, fragmentShader); - gl.linkProgram(program); - if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { - throw new Error( - // eslint-disable-next-line prefer-template - 'Shader link error for "${this.type}" ' + gl.getProgramInfoLog(program)); - } - const uniformLocations = this.getUniformLocations(gl, program) || {}; - uniformLocations.uStepW = gl.getUniformLocation(program, 'uStepW'); - uniformLocations.uStepH = gl.getUniformLocation(program, 'uStepH'); - return { - program, - attributeLocations: this.getAttributeLocations(gl, program), - uniformLocations, - }; - } + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + var imageData = options.imageData, + resources = options.filterBackend.resources, + data = imageData.data, iLen = data.length, + width = imageData.width, + height = imageData.height, + tr, tg, tb, ta, + r, g, b, a, + canvas1, context, image = this.image, blendData; + + if (!resources.blendImage) { + resources.blendImage = fabric.util.createCanvasElement(); + } + canvas1 = resources.blendImage; + context = canvas1.getContext('2d'); + if (canvas1.width !== width || canvas1.height !== height) { + canvas1.width = width; + canvas1.height = height; + } + else { + context.clearRect(0, 0, width, height); + } + context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); + context.drawImage(image._element, 0, 0, width, height); + blendData = context.getImageData(0, 0, width, height).data; + for (var i = 0; i < iLen; i += 4) { + + r = data[i]; + g = data[i + 1]; + b = data[i + 2]; + a = data[i + 3]; + + tr = blendData[i]; + tg = blendData[i + 1]; + tb = blendData[i + 2]; + ta = blendData[i + 3]; + + switch (this.mode) { + case 'multiply': + data[i] = r * tr / 255; + data[i + 1] = g * tg / 255; + data[i + 2] = b * tb / 255; + data[i + 3] = a * ta / 255; + break; + case 'mask': + data[i + 3] = ta; + break; + } + } + }, + /** - * Return a map of attribute names to WebGLAttributeLocation objects. + * Return WebGL uniform locations for this filter's shader. * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {WebGLShaderProgram} program The shader program from which to take attribute locations. - * @returns {Object} A map of attribute names to attribute locations. - */ - getAttributeLocations(gl, program) { - return { - aPosition: gl.getAttribLocation(program, 'aPosition'), - }; - } + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), + uImage: gl.getUniformLocation(program, 'uImage'), + }; + }, + /** - * Send attribute data from this filter to its shader program on the GPU. + * Send data from this filter to its shader program's uniforms. * - * @param {WebGLRenderingContext} gl The canvas context used to compile the shader program. - * @param {Object} attributeLocations A map of shader attribute names to their locations. - */ - sendAttributeData(gl, attributeLocations, aPositionData) { - const attributeLocation = attributeLocations.aPosition; - const buffer = gl.createBuffer(); - gl.bindBuffer(gl.ARRAY_BUFFER, buffer); - gl.enableVertexAttribArray(attributeLocation); - gl.vertexAttribPointer(attributeLocation, 2, gl.FLOAT, false, 0, 0); - gl.bufferData(gl.ARRAY_BUFFER, aPositionData, gl.STATIC_DRAW); - } - _setupFrameBuffer(options) { - const gl = options.context; - if (options.passes > 1) { - const width = options.destinationWidth; - const height = options.destinationHeight; - if (options.sourceWidth !== width || options.sourceHeight !== height) { - gl.deleteTexture(options.targetTexture); - options.targetTexture = options.filterBackend.createTexture(gl, width, height); - } - gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, options.targetTexture, 0); - } - else { - // draw last filter on canvas and not to framebuffer. - gl.bindFramebuffer(gl.FRAMEBUFFER, null); - gl.finish(); - } - } - _swapTextures(options) { - options.passes--; - options.pass++; - const temp = options.targetTexture; - options.targetTexture = options.sourceTexture; - options.sourceTexture = temp; - } + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var matrix = this.calculateMatrix(); + gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. + gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); + }, + /** - * Generic isNeutral implementation for one parameter based filters. - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) - * @param {Object} options - **/ - isNeutralState( /* options */) { - const main = this.mainParameter, - // @ts-ignore ts you are lying - proto = this.__proto__; - if (main) { - if (Array.isArray(proto[main]) && Array.isArray(this[main])) { - return proto[main].every( - // @ts-ignore requires some kind of dynamic type thing, or delete, or leave it ignored - (value, i) => value === this[main][i]); - } - else { - return proto[main] === this[main]; - } - } - else { - return false; - } + * Returns object representation of an instance + * @return {Object} Object representation of an instance + */ + toObject: function() { + return { + type: this.type, + image: this.image && this.image.toObject(), + mode: this.mode, + alpha: this.alpha + }; } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} callback to be invoked after filter creation + * @return {fabric.Image.filters.BlendImage} Instance of fabric.Image.filters.BlendImage + */ + fabric.Image.filters.BlendImage.fromObject = function(object, callback) { + fabric.Image.fromObject(object.image, function(image) { + var options = fabric.util.object.clone(object); + options.image = image; + callback(new fabric.Image.filters.BlendImage(options)); + }); + }; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), pow = Math.pow, floor = Math.floor, + sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, + ceil = Math.ceil, + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Resize image filter class + * @class fabric.Image.filters.Resize + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Resize(); + * object.filters.push(filter); + * object.applyFilters(canvas.renderAll.bind(canvas)); + */ + filters.Resize = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Resize.prototype */ { + /** - * Apply this filter to the input image data provided. + * Filter type + * @param {String} type + * @default + */ + type: 'Resize', + + /** + * Resize type + * for webgl resizeType is just lanczos, for canvas2d can be: + * bilinear, hermite, sliceHack, lanczos. + * @param {String} resizeType + * @default + */ + resizeType: 'hermite', + + /** + * Scale factor for resizing, x axis + * @param {Number} scaleX + * @default + */ + scaleX: 1, + + /** + * Scale factor for resizing, y axis + * @param {Number} scaleY + * @default + */ + scaleY: 1, + + /** + * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos + * @param {Number} lanczosLobes + * @default + */ + lanczosLobes: 3, + + + /** + * Return WebGL uniform locations for this filter's shader. * - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uDelta: gl.getUniformLocation(program, 'uDelta'), + uTaps: gl.getUniformLocation(program, 'uTaps'), + }; + }, + + /** + * Send data from this filter to its shader program's uniforms. * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - applyTo(options) { - if (isWebGLPipelineState(options)) { - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); + gl.uniform1fv(uniformLocations.uTaps, this.taps); + }, + /** * Retrieves the cached shader. * @param {Object} options * @param {WebGLRenderingContext} options.context The GL context used for rendering. * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - * @return {WebGLProgram} the compiled program shader */ - retrieveShader(options) { - if (!options.programCache[this.type]) { - options.programCache[this.type] = this.createProgram(options.context); - } - return options.programCache[this.type]; - } + retrieveShader: function(options) { + var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; + if (!options.programCache.hasOwnProperty(cacheKey)) { + var fragmentShader = this.generateShader(filterWindow); + options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); + } + return options.programCache[cacheKey]; + }, + + getFilterWindow: function() { + var scale = this.tempScale; + return Math.ceil(this.lanczosLobes / scale); + }, + + getTaps: function() { + var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, + filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); + for (var i = 1; i <= filterWindow; i++) { + taps[i - 1] = lobeFunction(i * scale); + } + return taps; + }, + + /** + * Generate vertex and shader sources from the necessary steps numbers + * @param {Number} filterWindow + */ + generateShader: function(filterWindow) { + var offsets = new Array(filterWindow), + fragmentShader = this.fragmentSourceTOP, filterWindow; + + for (var i = 1; i <= filterWindow; i++) { + offsets[i - 1] = i + '.0 * uDelta'; + } + + fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; + fragmentShader += 'void main() {\n'; + fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; + fragmentShader += ' float sum = 1.0;\n'; + + offsets.forEach(function(offset, i) { + fragmentShader += ' color += texture2D(uTexture, vTexCoord + ' + offset + ') * uTaps[' + i + '];\n'; + fragmentShader += ' color += texture2D(uTexture, vTexCoord - ' + offset + ') * uTaps[' + i + '];\n'; + fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; + }); + fragmentShader += ' gl_FragColor = color / sum;\n'; + fragmentShader += '}'; + return fragmentShader; + }, + + fragmentSourceTOP: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n', + /** - * Apply this filter using webgl. + * Apply the resize filter to the image + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. * * @param {Object} options * @param {Number} options.passes The number of filters remaining to be executed * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.originalTexture The texture of the original input image. * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. * @param {WebGLRenderingContext} options.context The GL context used for rendering. * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. */ - applyToWebGL(options) { - const gl = options.context; - const shader = this.retrieveShader(options); - if (options.pass === 0 && options.originalTexture) { - gl.bindTexture(gl.TEXTURE_2D, options.originalTexture); + applyTo: function(options) { + if (options.webgl) { + options.passes++; + this.width = options.sourceWidth; + this.horizontal = true; + this.dW = Math.round(this.width * this.scaleX); + this.dH = options.sourceHeight; + this.tempScale = this.dW / this.width; + this.taps = this.getTaps(); + options.destinationWidth = this.dW; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceWidth = options.destinationWidth; + + this.height = options.sourceHeight; + this.horizontal = false; + this.dH = Math.round(this.height * this.scaleY); + this.tempScale = this.dH / this.height; + this.taps = this.getTaps(); + options.destinationHeight = this.dH; + this._setupFrameBuffer(options); + this.applyToWebGL(options); + this._swapTextures(options); + options.sourceHeight = options.destinationHeight; + } + else { + this.applyTo2d(options); + } + }, + + isNeutralState: function() { + return this.scaleX === 1 && this.scaleY === 1; + }, + + lanczosCreate: function(lobes) { + return function(x) { + if (x >= lobes || x <= -lobes) { + return 0.0; + } + if (x < 1.19209290E-07 && x > -1.19209290E-07) { + return 1.0; + } + x *= Math.PI; + var xx = x / lobes; + return (sin(x) / x) * sin(xx) / xx; + }; + }, + + /** + * Applies filter to canvas element + * @memberOf fabric.Image.filters.Resize.prototype + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} scaleX + * @param {Number} scaleY + */ + applyTo2d: function(options) { + var imageData = options.imageData, + scaleX = this.scaleX, + scaleY = this.scaleY; + + this.rcpScaleX = 1 / scaleX; + this.rcpScaleY = 1 / scaleY; + + var oW = imageData.width, oH = imageData.height, + dW = round(oW * scaleX), dH = round(oH * scaleY), + newData; + + if (this.resizeType === 'sliceHack') { + newData = this.sliceByTwo(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'hermite') { + newData = this.hermiteFastResize(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'bilinear') { + newData = this.bilinearFiltering(options, oW, oH, dW, dH); + } + else if (this.resizeType === 'lanczos') { + newData = this.lanczosResize(options, oW, oH, dW, dH); + } + options.imageData = newData; + }, + + /** + * Filter sliceByTwo + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + sliceByTwo: function(options, oW, oH, dW, dH) { + var imageData = options.imageData, + mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, + stepH = oH * mult, resources = fabric.filterBackend.resources, + tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; + if (!resources.sliceByTwo) { + resources.sliceByTwo = document.createElement('canvas'); + } + tmpCanvas = resources.sliceByTwo; + if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { + tmpCanvas.width = oW * 1.5; + tmpCanvas.height = oH; + } + ctx = tmpCanvas.getContext('2d'); + ctx.clearRect(0, 0, oW * 1.5, oH); + ctx.putImageData(imageData, 0, 0); + + dW = floor(dW); + dH = floor(dH); + + while (!doneW || !doneH) { + oW = stepW; + oH = stepH; + if (dW < floor(stepW * mult)) { + stepW = floor(stepW * mult); } else { - gl.bindTexture(gl.TEXTURE_2D, options.sourceTexture); + stepW = dW; + doneW = true; } - gl.useProgram(shader.program); - this.sendAttributeData(gl, shader.attributeLocations, options.aPosition); - gl.uniform1f(shader.uniformLocations.uStepW, 1 / options.sourceWidth); - gl.uniform1f(shader.uniformLocations.uStepH, 1 / options.sourceHeight); - this.sendUniformData(gl, shader.uniformLocations); - gl.viewport(0, 0, options.destinationWidth, options.destinationHeight); - gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); - } - bindAdditionalTexture(gl, texture, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, texture); - // reset active texture to 0 as usual - gl.activeTexture(gl.TEXTURE0); - } - unbindAdditionalTexture(gl, textureUnit) { - gl.activeTexture(textureUnit); - gl.bindTexture(gl.TEXTURE_2D, null); - gl.activeTexture(gl.TEXTURE0); - } - getMainParameter() { - return this.mainParameter ? this[this.mainParameter] : undefined; - } - setMainParameter(value) { - if (this.mainParameter) { - this[this.mainParameter] = value; + if (dH < floor(stepH * mult)) { + stepH = floor(stepH * mult); } - } + else { + stepH = dH; + doneH = true; + } + ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); + sX = dX; + sY = dY; + dY += stepH; + } + return ctx.getImageData(sX, sY, dW, dH); + }, + /** - * If needed by a 2d filter, this functions can create an helper canvas to be used - * remember that options.targetCanvas is available for use till end of chain. + * Filter lanczosResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} */ - createHelpLayer(options) { - if (!options.helpLayer) { - const helpLayer = createCanvasElement(); - helpLayer.width = options.sourceWidth; - helpLayer.height = options.sourceHeight; - options.helpLayer = helpLayer; + lanczosResize: function(options, oW, oH, dW, dH) { + + function process(u) { + var v, i, weight, idx, a, red, green, + blue, alpha, fX, fY; + center.x = (u + 0.5) * ratioX; + icenter.x = floor(center.x); + for (v = 0; v < dH; v++) { + center.y = (v + 0.5) * ratioY; + icenter.y = floor(center.y); + a = 0; red = 0; green = 0; blue = 0; alpha = 0; + for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { + if (i < 0 || i >= oW) { + continue; + } + fX = floor(1000 * abs(i - center.x)); + if (!cacheLanc[fX]) { + cacheLanc[fX] = { }; + } + for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { + if (j < 0 || j >= oH) { + continue; + } + fY = floor(1000 * abs(j - center.y)); + if (!cacheLanc[fX][fY]) { + cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); + } + weight = cacheLanc[fX][fY]; + if (weight > 0) { + idx = (j * oW + i) * 4; + a += weight; + red += weight * srcData[idx]; + green += weight * srcData[idx + 1]; + blue += weight * srcData[idx + 2]; + alpha += weight * srcData[idx + 3]; + } + } + } + idx = (v * dW + u) * 4; + destData[idx] = red / a; + destData[idx + 1] = green / a; + destData[idx + 2] = blue / a; + destData[idx + 3] = alpha / a; } - } + + if (++u < dW) { + return process(u); + } + else { + return destImg; + } + } + + var srcData = options.imageData.data, + destImg = options.ctx.createImageData(dW, dH), + destData = destImg.data, + lanczos = this.lanczosCreate(this.lanczosLobes), + ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, + rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, + range2X = ceil(ratioX * this.lanczosLobes / 2), + range2Y = ceil(ratioY * this.lanczosLobes / 2), + cacheLanc = { }, center = { }, icenter = { }; + + return process(0); + }, + + /** + * bilinearFiltering + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + bilinearFiltering: function(options, oW, oH, dW, dH) { + var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, + color, offset = 0, origPix, ratioX = this.rcpScaleX, + ratioY = this.rcpScaleY, + w4 = 4 * (oW - 1), img = options.imageData, + pixels = img.data, destImage = options.ctx.createImageData(dW, dH), + destPixels = destImage.data; + for (i = 0; i < dH; i++) { + for (j = 0; j < dW; j++) { + x = floor(ratioX * j); + y = floor(ratioY * i); + xDiff = ratioX * j - x; + yDiff = ratioY * i - y; + origPix = 4 * (y * oW + x); + + for (chnl = 0; chnl < 4; chnl++) { + a = pixels[origPix + chnl]; + b = pixels[origPix + 4 + chnl]; + c = pixels[origPix + w4 + chnl]; + d = pixels[origPix + w4 + 4 + chnl]; + color = a * (1 - xDiff) * (1 - yDiff) + b * xDiff * (1 - yDiff) + + c * yDiff * (1 - xDiff) + d * xDiff * yDiff; + destPixels[offset++] = color; + } + } + } + return destImage; + }, + + /** + * hermiteFastResize + * @param {Object} canvasEl Canvas element to apply filter to + * @param {Number} oW Original Width + * @param {Number} oH Original Height + * @param {Number} dW Destination Width + * @param {Number} dH Destination Height + * @returns {ImageData} + */ + hermiteFastResize: function(options, oW, oH, dW, dH) { + var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, + ratioWHalf = ceil(ratioW / 2), + ratioHHalf = ceil(ratioH / 2), + img = options.imageData, data = img.data, + img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; + for (var j = 0; j < dH; j++) { + for (var i = 0; i < dW; i++) { + var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, + gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; + for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { + var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, + centerX = (i + 0.5) * ratioW, w0 = dy * dy; + for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { + var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, + w = sqrt(w0 + dx * dx); + /* eslint-disable max-depth */ + if (w > 1 && w < -1) { + continue; + } + //hermite filter + weight = 2 * w * w * w - 3 * w * w + 1; + if (weight > 0) { + dx = 4 * (xx + yy * oW); + //alpha + gxA += weight * data[dx + 3]; + weightsAlpha += weight; + //colors + if (data[dx + 3] < 255) { + weight = weight * data[dx + 3] / 250; + } + gxR += weight * data[dx]; + gxG += weight * data[dx + 1]; + gxB += weight * data[dx + 2]; + weights += weight; + } + /* eslint-enable max-depth */ + } + } + data2[x2] = gxR / weights; + data2[x2 + 1] = gxG / weights; + data2[x2 + 2] = gxB / weights; + data2[x2 + 3] = gxA / weightsAlpha; + } + } + return img2; + }, + /** * Returns object representation of an instance * @return {Object} Object representation of an instance */ - toObject() { - const mainP = this.mainParameter; - return Object.assign({ type: this.type }, (mainP ? { [mainP]: this[mainP] } : {})); + toObject: function() { + return { + type: this.type, + scaleX: this.scaleX, + scaleY: this.scaleY, + resizeType: this.resizeType, + lanczosLobes: this.lanczosLobes + }; } + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Resize} Instance of fabric.Image.filters.Resize + */ + fabric.Image.filters.Resize.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Contrast filter class + * @class fabric.Image.filters.Contrast + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Contrast({ + * contrast: 0.25 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Contrast = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Contrast.prototype */ { + /** - * Returns a JSON representation of an instance - * @return {Object} JSON + * Filter type + * @param {String} type + * @default */ - toJSON() { - // delegate, not alias - return this.toObject(); - } -} -/** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ -BaseFilter.fromObject = function (object) { - // todo: the class registry her - return Promise.resolve(new fabric$1.Image.filters[object.type](object)); -}; -Object.assign(BaseFilter.prototype, { - vertexSource: ` - attribute vec2 aPosition; - varying vec2 vTexCoord; - void main() { - vTexCoord = aPosition; - gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0); - }`, - fragmentSource: ` - ${highPsourceCode}; - varying vec2 vTexCoord; - uniform sampler2D uTexture; - void main() { - gl_FragColor = texture2D(uTexture, vTexCoord); - }`, -}); -fabric$1.Image.filters = { - BaseFilter, -}; + type: 'Contrast', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform float uContrast;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + + 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + + 'gl_FragColor = color;\n' + + '}', -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Color Matrix filter class - * @class fabric.Image.filters.ColorMatrix - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php} - * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl} - * @example Kodachrome filter - * var filter = new fabric.Image.filters.ColorMatrix({ - * matrix: [ - 1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502, - -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203, - -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946, - 0, 0, 0, 1, 0 - ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.ColorMatrix = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.ColorMatrix.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'ColorMatrix', - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'uniform mat4 uColorMatrix;\n' + - 'uniform vec4 uConstants;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color *= uColorMatrix;\n' + - 'color += uConstants;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * Colormatrix for pixels. - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], - mainParameter: 'matrix', - /** - * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario - * to save some calculation - * @type Boolean - * @default true - */ - colorsOnly: true, - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function (options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.matrix = this.matrix.slice(0); - }, - /** - * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, iLen = data.length, m = this.matrix, r, g, b, a, i, colorsOnly = this.colorsOnly; - for (i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - if (colorsOnly) { - data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255; - data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255; - data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255; - } - else { - a = data[i + 3]; - data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255; - data[i + 1] = - r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255; - data[i + 2] = - r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255; - data[i + 3] = - r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'), - uConstants: gl.getUniformLocation(program, 'uConstants'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var m = this.matrix, matrix = [ - m[0], - m[1], - m[2], - m[3], - m[5], - m[6], - m[7], - m[8], - m[10], - m[11], - m[12], - m[13], - m[15], - m[16], - m[17], - m[18], - ], constants = [m[4], m[9], m[14], m[19]]; - gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix); - gl.uniform4fv(uniformLocations.uConstants, constants); - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.ColorMatrix.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Brightness filter class - * @class fabric.Image.filters.Brightness - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Brightness#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Brightness({ - * brightness: 0.05 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Brightness = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Brightness.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Brightness', - /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uBrightness;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += uBrightness;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * Brightness value, from -1 to 1. - * translated to -255 to 255 for 2d - * 0.0039215686 is the part of 1 that get translated to 1 in 2d - * @param {Number} brightness - * @default - */ - brightness: 0, - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'brightness', - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.brightness === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, i, len = data.length, brightness = Math.round(this.brightness * 255); - for (i = 0; i < len; i += 4) { - data[i] = data[i] + brightness; - data[i + 1] = data[i + 1] + brightness; - data[i + 2] = data[i + 2] + brightness; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uBrightness: gl.getUniformLocation(program, 'uBrightness'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBrightness, this.brightness); - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Brightness.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Adapted from html5rocks article - * @class fabric.Image.filters.Convolute - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example Sharpen filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 0, -1, 0, - * -1, 5, -1, - * 0, -1, 0 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Blur filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9, - * 1/9, 1/9, 1/9 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter - * var filter = new fabric.Image.filters.Convolute({ - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - * @example Emboss filter with opaqueness - * var filter = new fabric.Image.filters.Convolute({ - * opaque: true, - * matrix: [ 1, 1, 1, - * 1, 0.7, -1, - * -1, -1, -1 ] - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Convolute = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Convolute.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Convolute', - /* - * Opaque value (true/false) - */ - opaque: false, - /* - * matrix for the filter, max 9x9 - */ - matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0], - /** - * Fragment source for the brightness program - */ - fragmentSource: { - Convolute_3_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_3_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[9];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 3.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 3.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_5_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_5_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[25];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 5.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 5.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_7_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_7_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[49];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 7.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 7.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - Convolute_9_1: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 0);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'gl_FragColor = color;\n' + - '}', - Convolute_9_0: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uMatrix[81];\n' + - 'uniform float uStepW;\n' + - 'uniform float uStepH;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = vec4(0, 0, 0, 1);\n' + - 'for (float h = 0.0; h < 9.0; h+=1.0) {\n' + - 'for (float w = 0.0; w < 9.0; w+=1.0) {\n' + - 'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' + - 'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' + - '}\n' + - '}\n' + - 'float alpha = texture2D(uTexture, vTexCoord).a;\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.a = alpha;\n' + - '}', - }, - /** - * Constructor - * @memberOf fabric.Image.filters.Convolute.prototype - * @param {Object} [options] Options object - * @param {Boolean} [options.opaque=false] Opaque value (true/false) - * @param {Array} [options.matrix] Filter matrix - */ - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var size = Math.sqrt(this.matrix.length); - var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0); - var shaderSource = this.fragmentSource[cacheKey]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, weights = this.matrix, side = Math.round(Math.sqrt(weights.length)), halfSide = Math.floor(side / 2), sw = imageData.width, sh = imageData.height, output = options.ctx.createImageData(sw, sh), dst = output.data, - // go through the destination image pixels - alphaFac = this.opaque ? 1 : 0, r, g, b, a, dstOff, scx, scy, srcOff, wt, x, y, cx, cy; - for (y = 0; y < sh; y++) { - for (x = 0; x < sw; x++) { - dstOff = (y * sw + x) * 4; - // calculate the weighed sum of the source image pixels that - // fall under the convolution matrix - r = 0; - g = 0; - b = 0; - a = 0; - for (cy = 0; cy < side; cy++) { - for (cx = 0; cx < side; cx++) { - scy = y + cy - halfSide; - scx = x + cx - halfSide; - // eslint-disable-next-line max-depth - if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) { - continue; - } - srcOff = (scy * sw + scx) * 4; - wt = weights[cy * side + cx]; - r += data[srcOff] * wt; - g += data[srcOff + 1] * wt; - b += data[srcOff + 2] * wt; - // eslint-disable-next-line max-depth - if (!alphaFac) { - a += data[srcOff + 3] * wt; - } - } - } - dst[dstOff] = r; - dst[dstOff + 1] = g; - dst[dstOff + 2] = b; - if (!alphaFac) { - dst[dstOff + 3] = a; - } - else { - dst[dstOff + 3] = data[dstOff + 3]; - } - } - } - options.imageData = output; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uMatrix: gl.getUniformLocation(program, 'uMatrix'), - uOpaque: gl.getUniformLocation(program, 'uOpaque'), - uHalfSize: gl.getUniformLocation(program, 'uHalfSize'), - uSize: gl.getUniformLocation(program, 'uSize'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1fv(uniformLocations.uMatrix, this.matrix); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return extend(this.callSuper('toObject'), { - opaque: this.opaque, - matrix: this.matrix, - }); - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Convolute.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Grayscale image filter class - * @class fabric.Image.filters.Grayscale - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Grayscale(); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Grayscale = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Grayscale.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Grayscale', - fragmentSource: { - average: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float average = (color.r + color.b + color.g) / 3.0;\n' + - 'gl_FragColor = vec4(average, average, average, color.a);\n' + - '}', - lightness: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - luminosity: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uMode;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 col = texture2D(uTexture, vTexCoord);\n' + - 'float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n' + - 'gl_FragColor = vec4(average, average, average, col.a);\n' + - '}', - }, - /** - * Grayscale mode, between 'average', 'lightness', 'luminosity' - * @param {String} type - * @default - */ - mode: 'average', - mainParameter: 'mode', - /** - * Apply the Grayscale operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, i, len = data.length, value, mode = this.mode; - for (i = 0; i < len; i += 4) { - if (mode === 'average') { - value = (data[i] + data[i + 1] + data[i + 2]) / 3; - } - else if (mode === 'lightness') { - value = - (Math.min(data[i], data[i + 1], data[i + 2]) + - Math.max(data[i], data[i + 1], data[i + 2])) / - 2; - } - else if (mode === 'luminosity') { - value = 0.21 * data[i] + 0.72 * data[i + 1] + 0.07 * data[i + 2]; - } - data[i] = value; - data[i + 1] = value; - data[i + 2] = value; - } - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var cacheKey = this.type + '_' + this.mode; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var shaderSource = this.fragmentSource[this.mode]; - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uMode: gl.getUniformLocation(program, 'uMode'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - // default average mode. - var mode = 1; - gl.uniform1i(uniformLocations.uMode, mode); - }, - /** - * Grayscale filter isNeutralState implementation - * The filter is never neutral - * on the image - **/ - isNeutralState: function () { - return false; - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Grayscale.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Invert filter class - * @class fabric.Image.filters.Invert - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Invert(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Invert = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Invert.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Invert', - /** - * Invert also alpha. - * @param {Boolean} alpha - * @default - **/ - alpha: false, - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform int uInvert;\n' + - 'uniform int uAlpha;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'if (uInvert == 1) {\n' + - 'if (uAlpha == 1) {\n' + - 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);\n' + - '} else {\n' + - 'gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);\n' + - '}\n' + - '} else {\n' + - 'gl_FragColor = color;\n' + - '}\n' + - '}', - /** - * Filter invert. if false, does nothing - * @param {Boolean} invert - * @default - */ - invert: true, - mainParameter: 'invert', - /** - * Apply the Invert operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, i, len = data.length; - for (i = 0; i < len; i += 4) { - data[i] = 255 - data[i]; - data[i + 1] = 255 - data[i + 1]; - data[i + 2] = 255 - data[i + 2]; - if (this.alpha) { - data[i + 3] = 255 - data[i + 3]; - } - } - }, - /** - * Invert filter isNeutralState implementation - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * @param {Object} options - **/ - isNeutralState: function () { - return !this.invert; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uInvert: gl.getUniformLocation(program, 'uInvert'), - uAlpha: gl.getUniformLocation(program, 'uAlpha'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1i(uniformLocations.uInvert, this.invert); - gl.uniform1i(uniformLocations.uAlpha, this.alpha); - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Invert.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Noise filter class - * @class fabric.Image.filters.Noise - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Noise#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Noise({ - * noise: 700 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Noise = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Noise.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Noise', - /** - * Fragment source for the noise program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uStepH;\n' + - 'uniform float uNoise;\n' + - 'uniform float uSeed;\n' + - 'varying vec2 vTexCoord;\n' + - 'float rand(vec2 co, float seed, float vScale) {\n' + - 'return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'noise', - /** - * Noise value, from - * @param {Number} noise - * @default - */ - noise: 0, - /** - * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.noise === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, i, len = data.length, noise = this.noise, rand; - for (i = 0, len = data.length; i < len; i += 4) { - rand = (0.5 - Math.random()) * noise; - data[i] += rand; - data[i + 1] += rand; - data[i + 2] += rand; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uNoise: gl.getUniformLocation(program, 'uNoise'), - uSeed: gl.getUniformLocation(program, 'uSeed'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uNoise, this.noise / 255); - gl.uniform1f(uniformLocations.uSeed, Math.random()); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return extend(this.callSuper('toObject'), { - noise: this.noise, - }); - }, - }); /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Noise.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Pixelate filter class - * @class fabric.Image.filters.Pixelate - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Pixelate#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Pixelate({ - * blocksize: 8 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Pixelate = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Pixelate.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Pixelate', - blocksize: 4, - mainParameter: 'blocksize', - /** - * Fragment source for the Pixelate program - */ - fragmentSource: '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 * uStepW;\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' + - '}', - /** - * Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, iLen = imageData.height, jLen = imageData.width, index, i, j, r, g, b, a, _i, _j, _iLen, _jLen; - for (i = 0; i < iLen; i += this.blocksize) { - for (j = 0; j < jLen; j += this.blocksize) { - index = i * 4 * jLen + j * 4; - r = data[index]; - g = data[index + 1]; - b = data[index + 2]; - a = data[index + 3]; - _iLen = Math.min(i + this.blocksize, iLen); - _jLen = Math.min(j + this.blocksize, jLen); - for (_i = i; _i < _iLen; _i++) { - for (_j = j; _j < _jLen; _j++) { - index = _i * 4 * jLen + _j * 4; - data[index] = r; - data[index + 1] = g; - data[index + 2] = b; - data[index + 3] = a; - } - } - } - } - }, - /** - * Indicate when the filter is not gonna apply changes to the image - **/ - isNeutralState: function () { - return this.blocksize === 1; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uBlocksize: gl.getUniformLocation(program, 'uBlocksize'), - uStepW: gl.getUniformLocation(program, 'uStepW'), - uStepH: gl.getUniformLocation(program, 'uStepH'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uBlocksize, this.blocksize); - }, - }); + * contrast value, range from -1 to 1. + * @param {Number} contrast + * @default 0 + */ + contrast: 0, + + mainParameter: 'contrast', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Pixelate.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Remove white filter class - * @class fabric.Image.filters.RemoveColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.RemoveColor#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.RemoveColor({ - * threshold: 0.2, - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.RemoveColor = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.RemoveColor.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'RemoveColor', - /** - * Color to remove, in any format understood by fabric.Color. - * @param {String} type - * @default - */ - color: '#FFFFFF', - /** - * Fragment source for the brightness program - */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uLow;\n' + - 'uniform vec4 uHigh;\n' + - 'varying vec2 vTexCoord;\n' + - 'void 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' + - '}', - /** - * distance to actual color, as value up or down from each r,g,b - * between 0 and 1 - **/ - distance: 0.02, - /** - * For color to remove inside distance, use alpha channel for a smoother deletion - * NOT IMPLEMENTED YET - **/ - useAlpha: false, - /** - * Constructor - * @memberOf fabric.Image.filters.RemoveWhite.prototype - * @param {Object} [options] Options object - * @param {Number} [options.color=#RRGGBB] Threshold value - * @param {Number} [options.distance=10] Distance value - */ - /** - * Applies filter to canvas element - * @param {Object} canvasEl Canvas element to apply filter to - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, i, distance = this.distance * 255, r, g, b, source = new Color(this.color).getSource(), lowC = [ - source[0] - distance, - source[1] - distance, - source[2] - distance, - ], highC = [ - source[0] + distance, - source[1] + distance, - source[2] + distance, - ]; - for (i = 0; i < data.length; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - if (r > lowC[0] && - g > lowC[1] && - b > lowC[2] && - r < highC[0] && - g < highC[1] && - b < highC[2]) { - data[i + 3] = 0; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uLow: gl.getUniformLocation(program, 'uLow'), - uHigh: gl.getUniformLocation(program, 'uHigh'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var source = new Color(this.color).getSource(), distance = parseFloat(this.distance), lowC = [ - 0 + source[0] / 255 - distance, - 0 + source[1] / 255 - distance, - 0 + source[2] / 255 - distance, - 1, - ], highC = [ - source[0] / 255 + distance, - source[1] / 255 + distance, - source[2] / 255 + distance, - 1, - ]; - gl.uniform4fv(uniformLocations.uLow, lowC); - gl.uniform4fv(uniformLocations.uHigh, highC); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return extend(this.callSuper('toObject'), { - color: this.color, - distance: this.distance, - }); - }, - }); + * Constructor + * @memberOf fabric.Image.filters.Contrast.prototype + * @param {Object} [options] Options object + * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) + */ + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.RemoveColor.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - var matrices = { - Brownie: [ - 0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, - -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0, - ], - Vintage: [ - 0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0, - 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0, - ], - Kodachrome: [ - 1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0, - 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0, - ], - Technicolor: [ - 1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0, - -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0, - ], - Polaroid: [ - 1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016, - 1.483, 0, 0, 0, 0, 0, 1, 0, - ], - Sepia: [ - 0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, - 0, 0, 0, 0, 0, 1, 0, - ], - BlackWhite: [ - 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0, - 1, 0, - ], - }; - for (var key in matrices) { - filters[key] = createClass(filters.ColorMatrix, - /** @lends fabric.Image.filters.Sepia.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: key, - /** - * Colormatrix for the effect - * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning - * outside the -1, 1 range. - * @param {Array} matrix array of 20 numbers. - * @default - */ - matrix: matrices[key], - /** - * Lock the matrix export for this kind of static, parameter less filters. - */ - mainParameter: false, - /** - * Lock the colormatrix on the color part, skipping alpha - */ - colorsOnly: true, - }); - fabric.Image.filters[key].fromObject = - fabric.Image.filters.BaseFilter.fromObject; - } -})(typeof exports !== 'undefined' ? exports : window); + * Apply the Contrast operation to a Uint8Array representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. + */ + applyTo2d: function(options) { + if (this.contrast === 0) { + return; + } + var imageData = options.imageData, i, len, + data = imageData.data, len = data.length, + contrast = Math.floor(this.contrast * 255), + contrastF = 259 * (contrast + 255) / (255 * (259 - contrast)); + + for (i = 0; i < len; i += 4) { + data[i] = contrastF * (data[i] - 128) + 128; + data[i + 1] = contrastF * (data[i + 1] - 128) + 128; + data[i + 2] = contrastF * (data[i + 2] - 128) + 128; + } + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Color Blend filter class - * @class fabric.Image.filter.BlendColor - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); + * Return WebGL uniform locations for this filter's shader. * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.BlendColor = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Blend.prototype */ { - type: 'BlendColor', - /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - * @type String - * @default - **/ - color: '#F95C63', - /** - * Blend mode for the filter: one of multiply, add, diff, screen, subtract, - * darken, lighten, overlay, exclusion, tint. - * @type String - * @default - **/ - mode: 'multiply', - /** - * alpha value. represent the strength of the blend color operation. - * @type Number - * @default - **/ - alpha: 1, - /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'gl_FragColor.rgb *= uColor.rgb;\n', - screen: 'gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n', - add: 'gl_FragColor.rgb += uColor.rgb;\n', - diff: 'gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n', - subtract: 'gl_FragColor.rgb -= uColor.rgb;\n', - lighten: 'gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n', - darken: 'gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n', - exclusion: 'gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n', - overlay: 'if (uColor.r < 0.5) {\n' + - 'gl_FragColor.r *= 2.0 * uColor.r;\n' + - '} else {\n' + - 'gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n' + - '}\n' + - 'if (uColor.g < 0.5) {\n' + - 'gl_FragColor.g *= 2.0 * uColor.g;\n' + - '} else {\n' + - 'gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n' + - '}\n' + - 'if (uColor.b < 0.5) {\n' + - 'gl_FragColor.b *= 2.0 * uColor.b;\n' + - '} else {\n' + - 'gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n' + - '}\n', - tint: 'gl_FragColor.rgb *= (1.0 - uColor.a);\n' + - 'gl_FragColor.rgb += uColor.rgb;\n', - }, - /** - * build the fragment source for the filters, joining the common part with - * the specific one. - * @param {String} mode the mode of the filter, a key of this.fragmentSource - * @return {String} the source to be compiled - * @private - */ - buildSource: function (mode) { - return ('precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'gl_FragColor = color;\n' + - 'if (color.a > 0.0) {\n' + - this.fragmentSource[mode] + - '}\n' + - '}'); - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var cacheKey = this.type + '_' + this.mode, shaderSource; - if (!options.programCache.hasOwnProperty(cacheKey)) { - shaderSource = this.buildSource(this.mode); - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, iLen = data.length, tr, tg, tb, r, g, b, source, alpha1 = 1 - this.alpha; - source = new Color(this.color).getSource(); - tr = source[0] * this.alpha; - tg = source[1] * this.alpha; - tb = source[2] * this.alpha; - for (var i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - switch (this.mode) { - case 'multiply': - data[i] = (r * tr) / 255; - data[i + 1] = (g * tg) / 255; - data[i + 2] = (b * tb) / 255; - break; - case 'screen': - data[i] = 255 - ((255 - r) * (255 - tr)) / 255; - data[i + 1] = 255 - ((255 - g) * (255 - tg)) / 255; - data[i + 2] = 255 - ((255 - b) * (255 - tb)) / 255; - break; - case 'add': - data[i] = r + tr; - data[i + 1] = g + tg; - data[i + 2] = b + tb; - break; - case 'diff': - case 'difference': - data[i] = Math.abs(r - tr); - data[i + 1] = Math.abs(g - tg); - data[i + 2] = Math.abs(b - tb); - break; - case 'subtract': - data[i] = r - tr; - data[i + 1] = g - tg; - data[i + 2] = b - tb; - break; - case 'darken': - data[i] = Math.min(r, tr); - data[i + 1] = Math.min(g, tg); - data[i + 2] = Math.min(b, tb); - break; - case 'lighten': - data[i] = Math.max(r, tr); - data[i + 1] = Math.max(g, tg); - data[i + 2] = Math.max(b, tb); - break; - case 'overlay': - data[i] = - tr < 128 - ? (2 * r * tr) / 255 - : 255 - (2 * (255 - r) * (255 - tr)) / 255; - data[i + 1] = - tg < 128 - ? (2 * g * tg) / 255 - : 255 - (2 * (255 - g) * (255 - tg)) / 255; - data[i + 2] = - tb < 128 - ? (2 * b * tb) / 255 - : 255 - (2 * (255 - b) * (255 - tb)) / 255; - break; - case 'exclusion': - data[i] = tr + r - (2 * tr * r) / 255; - data[i + 1] = tg + g - (2 * tg * g) / 255; - data[i + 2] = tb + b - (2 * tb * b) / 255; - break; - case 'tint': - data[i] = tr + r * alpha1; - data[i + 1] = tg + g * alpha1; - data[i + 2] = tb + b * alpha1; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uColor: gl.getUniformLocation(program, 'uColor'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var source = new Color(this.color).getSource(); - source[0] = (this.alpha * source[0]) / 255; - source[1] = (this.alpha * source[1]) / 255; - source[2] = (this.alpha * source[2]) / 255; - source[3] = this.alpha; - gl.uniform4fv(uniformLocations.uColor, source); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return { - type: this.type, - color: this.color, - mode: this.mode, - alpha: this.alpha, - }; - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - fabric.Image.filters.BlendColor.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); + getUniformLocations: function(gl, program) { + return { + uContrast: gl.getUniformLocation(program, 'uContrast'), + }; + }, -//@ts-nocheck -(function (global) { - var fabric = global.fabric, filters = fabric.Image.filters, createClass = fabric.util.createClass; /** - * Image Blend filter class - * @class fabric.Image.filter.BlendImage - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @example - * var filter = new fabric.Image.filters.BlendColor({ - * color: '#000', - * mode: 'multiply' - * }); + * Send data from this filter to its shader program's uniforms. * - * var filter = new fabric.Image.filters.BlendImage({ - * image: fabricImageObject, - * mode: 'multiply', - * alpha: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.BlendImage = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.BlendImage.prototype */ { - type: 'BlendImage', - /** - * Color to make the blend operation with. default to a reddish color since black or white - * gives always strong result. - **/ - image: null, - /** - * Blend mode for the filter (one of "multiply", "mask") - * @type String - * @default - **/ - mode: 'multiply', - /** - * alpha value. represent the strength of the blend image operation. - * not implemented. - **/ - alpha: 1, - vertexSource: 'attribute vec2 aPosition;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'uniform mat3 uTransformMatrix;\n' + - 'void main() {\n' + - 'vTexCoord = aPosition;\n' + - 'vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n' + - 'gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n' + - '}', - /** - * Fragment source for the Multiply program - */ - fragmentSource: { - multiply: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.rgba *= color2.rgba;\n' + - 'gl_FragColor = color;\n' + - '}', - mask: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform sampler2D uImage;\n' + - 'uniform vec4 uColor;\n' + - 'varying vec2 vTexCoord;\n' + - 'varying vec2 vTexCoord2;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec4 color2 = texture2D(uImage, vTexCoord2);\n' + - 'color.a = color2.a;\n' + - 'gl_FragColor = color;\n' + - '}', - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var cacheKey = this.type + '_' + this.mode; - var shaderSource = this.fragmentSource[this.mode]; - if (!options.programCache.hasOwnProperty(cacheKey)) { - options.programCache[cacheKey] = this.createProgram(options.context, shaderSource); - } - return options.programCache[cacheKey]; - }, - applyToWebGL: function (options) { - // load texture to blend. - var gl = options.context, texture = this.createTexture(options.filterBackend, this.image); - this.bindAdditionalTexture(gl, texture, gl.TEXTURE1); - this.callSuper('applyToWebGL', options); - this.unbindAdditionalTexture(gl, gl.TEXTURE1); - }, - createTexture: function (backend, image) { - return backend.getCachedTexture(image.cacheKey, image._element); - }, - /** - * Calculate a transformMatrix to adapt the image to blend over - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - calculateMatrix: function () { - var image = this.image, width = image._element.width, height = image._element.height; - return [ - 1 / image.scaleX, - 0, - 0, - 0, - 1 / image.scaleY, - 0, - -image.left / width, - -image.top / height, - 1, - ]; - }, - /** - * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, resources = options.filterBackend.resources, data = imageData.data, iLen = data.length, width = imageData.width, height = imageData.height, tr, tg, tb, ta, r, g, b, a, canvas1, context, image = this.image, blendData; - if (!resources.blendImage) { - resources.blendImage = fabric.util.createCanvasElement(); - } - canvas1 = resources.blendImage; - context = canvas1.getContext('2d'); - if (canvas1.width !== width || canvas1.height !== height) { - canvas1.width = width; - canvas1.height = height; - } - else { - context.clearRect(0, 0, width, height); - } - context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top); - context.drawImage(image._element, 0, 0, width, height); - blendData = context.getImageData(0, 0, width, height).data; - for (var i = 0; i < iLen; i += 4) { - r = data[i]; - g = data[i + 1]; - b = data[i + 2]; - a = data[i + 3]; - tr = blendData[i]; - tg = blendData[i + 1]; - tb = blendData[i + 2]; - ta = blendData[i + 3]; - switch (this.mode) { - case 'multiply': - data[i] = (r * tr) / 255; - data[i + 1] = (g * tg) / 255; - data[i + 2] = (b * tb) / 255; - data[i + 3] = (a * ta) / 255; - break; - case 'mask': - data[i + 3] = ta; - break; - } - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uTransformMatrix: gl.getUniformLocation(program, 'uTransformMatrix'), - uImage: gl.getUniformLocation(program, 'uImage'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var matrix = this.calculateMatrix(); - gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1. - gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix); - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return { - type: this.type, - image: this.image && this.image.toObject(), - mode: this.mode, - alpha: this.alpha, - }; - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {object} object Object to create an instance from - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.filters.BlendImage.fromObject = function (object, options) { - return fabric.Image.fromObject(object.image, options).then(function (image) { - return new fabric.Image.filters.BlendImage(Object.assign({}, object, { image: image })); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uContrast, this.contrast); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Contrast} Instance of fabric.Image.filters.Contrast + */ + fabric.Image.filters.Contrast.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Saturate filter class + * @class fabric.Image.filters.Saturation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Saturation({ + * saturation: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Saturation = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Saturation.prototype */ { -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), pow = Math.pow, floor = Math.floor, sqrt = Math.sqrt, abs = Math.abs, round = Math.round, sin = Math.sin, ceil = Math.ceil, filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Resize image filter class - * @class fabric.Image.filters.Resize - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Resize(); - * object.filters.push(filter); - * object.applyFilters(canvas.renderAll.bind(canvas)); - */ - filters.Resize = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Resize.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Resize', - /** - * Resize type - * for webgl resizeType is just lanczos, for canvas2d can be: - * bilinear, hermite, sliceHack, lanczos. - * @param {String} resizeType - * @default - */ - resizeType: 'hermite', - /** - * Scale factor for resizing, x axis - * @param {Number} scaleX - * @default - */ - scaleX: 1, - /** - * Scale factor for resizing, y axis - * @param {Number} scaleY - * @default - */ - scaleY: 1, - /** - * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos - * @param {Number} lanczosLobes - * @default - */ - lanczosLobes: 3, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uDelta: gl.getUniformLocation(program, 'uDelta'), - uTaps: gl.getUniformLocation(program, 'uTaps'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]); - gl.uniform1fv(uniformLocations.uTaps, this.taps); - }, - /** - * Retrieves the cached shader. - * @param {Object} options - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - retrieveShader: function (options) { - var filterWindow = this.getFilterWindow(), cacheKey = this.type + '_' + filterWindow; - if (!options.programCache.hasOwnProperty(cacheKey)) { - var fragmentShader = this.generateShader(filterWindow); - options.programCache[cacheKey] = this.createProgram(options.context, fragmentShader); - } - return options.programCache[cacheKey]; - }, - getFilterWindow: function () { - var scale = this.tempScale; - return Math.ceil(this.lanczosLobes / scale); - }, - getTaps: function () { - var lobeFunction = this.lanczosCreate(this.lanczosLobes), scale = this.tempScale, filterWindow = this.getFilterWindow(), taps = new Array(filterWindow); - for (var i = 1; i <= filterWindow; i++) { - taps[i - 1] = lobeFunction(i * scale); - } - return taps; - }, - /** - * Generate vertex and shader sources from the necessary steps numbers - * @param {Number} filterWindow - */ - generateShader: function (filterWindow) { - var offsets = new Array(filterWindow), fragmentShader = this.fragmentSourceTOP, filterWindow; - for (var i = 1; i <= filterWindow; i++) { - offsets[i - 1] = i + '.0 * uDelta'; - } - fragmentShader += 'uniform float uTaps[' + filterWindow + '];\n'; - fragmentShader += 'void main() {\n'; - fragmentShader += ' vec4 color = texture2D(uTexture, vTexCoord);\n'; - fragmentShader += ' float sum = 1.0;\n'; - offsets.forEach(function (offset, i) { - fragmentShader += - ' color += texture2D(uTexture, vTexCoord + ' + - offset + - ') * uTaps[' + - i + - '];\n'; - fragmentShader += - ' color += texture2D(uTexture, vTexCoord - ' + - offset + - ') * uTaps[' + - i + - '];\n'; - fragmentShader += ' sum += 2.0 * uTaps[' + i + '];\n'; - }); - fragmentShader += ' gl_FragColor = color / sum;\n'; - fragmentShader += '}'; - return fragmentShader; - }, - fragmentSourceTOP: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n', - /** - * Apply the resize filter to the image - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function (options) { - if (options.webgl) { - options.passes++; - this.width = options.sourceWidth; - this.horizontal = true; - this.dW = Math.round(this.width * this.scaleX); - this.dH = options.sourceHeight; - this.tempScale = this.dW / this.width; - this.taps = this.getTaps(); - options.destinationWidth = this.dW; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceWidth = options.destinationWidth; - this.height = options.sourceHeight; - this.horizontal = false; - this.dH = Math.round(this.height * this.scaleY); - this.tempScale = this.dH / this.height; - this.taps = this.getTaps(); - options.destinationHeight = this.dH; - this._setupFrameBuffer(options); - this.applyToWebGL(options); - this._swapTextures(options); - options.sourceHeight = options.destinationHeight; - } - else { - this.applyTo2d(options); - } - }, - isNeutralState: function () { - return this.scaleX === 1 && this.scaleY === 1; - }, - lanczosCreate: function (lobes) { - return function (x) { - if (x >= lobes || x <= -lobes) { - return 0.0; - } - if (x < 1.1920929e-7 && x > -1.1920929e-7) { - return 1.0; - } - x *= Math.PI; - var xx = x / lobes; - return ((sin(x) / x) * sin(xx)) / xx; - }; - }, - /** - * Applies filter to canvas element - * @memberOf fabric.Image.filters.Resize.prototype - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} scaleX - * @param {Number} scaleY - */ - applyTo2d: function (options) { - var imageData = options.imageData, scaleX = this.scaleX, scaleY = this.scaleY; - this.rcpScaleX = 1 / scaleX; - this.rcpScaleY = 1 / scaleY; - var oW = imageData.width, oH = imageData.height, dW = round(oW * scaleX), dH = round(oH * scaleY), newData; - if (this.resizeType === 'sliceHack') { - newData = this.sliceByTwo(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'hermite') { - newData = this.hermiteFastResize(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'bilinear') { - newData = this.bilinearFiltering(options, oW, oH, dW, dH); - } - else if (this.resizeType === 'lanczos') { - newData = this.lanczosResize(options, oW, oH, dW, dH); - } - options.imageData = newData; - }, - /** - * Filter sliceByTwo - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - sliceByTwo: function (options, oW, oH, dW, dH) { - var imageData = options.imageData, mult = 0.5, doneW = false, doneH = false, stepW = oW * mult, stepH = oH * mult, resources = fabric.filterBackend.resources, tmpCanvas, ctx, sX = 0, sY = 0, dX = oW, dY = 0; - if (!resources.sliceByTwo) { - resources.sliceByTwo = document.createElement('canvas'); - } - tmpCanvas = resources.sliceByTwo; - if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) { - tmpCanvas.width = oW * 1.5; - tmpCanvas.height = oH; - } - ctx = tmpCanvas.getContext('2d'); - ctx.clearRect(0, 0, oW * 1.5, oH); - ctx.putImageData(imageData, 0, 0); - dW = floor(dW); - dH = floor(dH); - while (!doneW || !doneH) { - oW = stepW; - oH = stepH; - if (dW < floor(stepW * mult)) { - stepW = floor(stepW * mult); - } - else { - stepW = dW; - doneW = true; - } - if (dH < floor(stepH * mult)) { - stepH = floor(stepH * mult); - } - else { - stepH = dH; - doneH = true; - } - ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH); - sX = dX; - sY = dY; - dY += stepH; - } - return ctx.getImageData(sX, sY, dW, dH); - }, - /** - * Filter lanczosResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - lanczosResize: function (options, oW, oH, dW, dH) { - function process(u) { - var v, i, weight, idx, a, red, green, blue, alpha, fX, fY; - center.x = (u + 0.5) * ratioX; - icenter.x = floor(center.x); - for (v = 0; v < dH; v++) { - center.y = (v + 0.5) * ratioY; - icenter.y = floor(center.y); - a = 0; - red = 0; - green = 0; - blue = 0; - alpha = 0; - for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) { - if (i < 0 || i >= oW) { - continue; - } - fX = floor(1000 * abs(i - center.x)); - if (!cacheLanc[fX]) { - cacheLanc[fX] = {}; - } - for (var j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) { - if (j < 0 || j >= oH) { - continue; - } - fY = floor(1000 * abs(j - center.y)); - if (!cacheLanc[fX][fY]) { - cacheLanc[fX][fY] = lanczos(sqrt(pow(fX * rcpRatioX, 2) + pow(fY * rcpRatioY, 2)) / 1000); - } - weight = cacheLanc[fX][fY]; - if (weight > 0) { - idx = (j * oW + i) * 4; - a += weight; - red += weight * srcData[idx]; - green += weight * srcData[idx + 1]; - blue += weight * srcData[idx + 2]; - alpha += weight * srcData[idx + 3]; - } - } - } - idx = (v * dW + u) * 4; - destData[idx] = red / a; - destData[idx + 1] = green / a; - destData[idx + 2] = blue / a; - destData[idx + 3] = alpha / a; - } - if (++u < dW) { - return process(u); - } - else { - return destImg; - } - } - var srcData = options.imageData.data, destImg = options.ctx.createImageData(dW, dH), destData = destImg.data, lanczos = this.lanczosCreate(this.lanczosLobes), ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, rcpRatioX = 2 / this.rcpScaleX, rcpRatioY = 2 / this.rcpScaleY, range2X = ceil((ratioX * this.lanczosLobes) / 2), range2Y = ceil((ratioY * this.lanczosLobes) / 2), cacheLanc = {}, center = {}, icenter = {}; - return process(0); - }, - /** - * bilinearFiltering - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - bilinearFiltering: function (options, oW, oH, dW, dH) { - var a, b, c, d, x, y, i, j, xDiff, yDiff, chnl, color, offset = 0, origPix, ratioX = this.rcpScaleX, ratioY = this.rcpScaleY, w4 = 4 * (oW - 1), img = options.imageData, pixels = img.data, destImage = options.ctx.createImageData(dW, dH), destPixels = destImage.data; - for (i = 0; i < dH; i++) { - for (j = 0; j < dW; j++) { - x = floor(ratioX * j); - y = floor(ratioY * i); - xDiff = ratioX * j - x; - yDiff = ratioY * i - y; - origPix = 4 * (y * oW + x); - for (chnl = 0; chnl < 4; chnl++) { - a = pixels[origPix + chnl]; - b = pixels[origPix + 4 + chnl]; - c = pixels[origPix + w4 + chnl]; - d = pixels[origPix + w4 + 4 + chnl]; - color = - a * (1 - xDiff) * (1 - yDiff) + - b * xDiff * (1 - yDiff) + - c * yDiff * (1 - xDiff) + - d * xDiff * yDiff; - destPixels[offset++] = color; - } - } - } - return destImage; - }, - /** - * hermiteFastResize - * @param {Object} canvasEl Canvas element to apply filter to - * @param {Number} oW Original Width - * @param {Number} oH Original Height - * @param {Number} dW Destination Width - * @param {Number} dH Destination Height - * @returns {ImageData} - */ - hermiteFastResize: function (options, oW, oH, dW, dH) { - var ratioW = this.rcpScaleX, ratioH = this.rcpScaleY, ratioWHalf = ceil(ratioW / 2), ratioHHalf = ceil(ratioH / 2), img = options.imageData, data = img.data, img2 = options.ctx.createImageData(dW, dH), data2 = img2.data; - for (var j = 0; j < dH; j++) { - for (var i = 0; i < dW; i++) { - var x2 = (i + j * dW) * 4, weight = 0, weights = 0, weightsAlpha = 0, gxR = 0, gxG = 0, gxB = 0, gxA = 0, centerY = (j + 0.5) * ratioH; - for (var yy = floor(j * ratioH); yy < (j + 1) * ratioH; yy++) { - var dy = abs(centerY - (yy + 0.5)) / ratioHHalf, centerX = (i + 0.5) * ratioW, w0 = dy * dy; - for (var xx = floor(i * ratioW); xx < (i + 1) * ratioW; xx++) { - var dx = abs(centerX - (xx + 0.5)) / ratioWHalf, w = sqrt(w0 + dx * dx); - /* eslint-disable max-depth */ - if (w > 1 && w < -1) { - continue; - } - //hermite filter - weight = 2 * w * w * w - 3 * w * w + 1; - if (weight > 0) { - dx = 4 * (xx + yy * oW); - //alpha - gxA += weight * data[dx + 3]; - weightsAlpha += weight; - //colors - if (data[dx + 3] < 255) { - weight = (weight * data[dx + 3]) / 250; - } - gxR += weight * data[dx]; - gxG += weight * data[dx + 1]; - gxB += weight * data[dx + 2]; - weights += weight; - } - /* eslint-enable max-depth */ - } - } - data2[x2] = gxR / weights; - data2[x2 + 1] = gxG / weights; - data2[x2 + 2] = gxB / weights; - data2[x2 + 3] = gxA / weightsAlpha; - } - } - return img2; - }, - /** - * Returns object representation of an instance - * @return {Object} Object representation of an instance - */ - toObject: function () { - return { - type: this.type, - scaleX: this.scaleX, - scaleY: this.scaleY, - resizeType: this.resizeType, - lanczosLobes: this.lanczosLobes, - }; - }, - }); - /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Resize.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Contrast filter class - * @class fabric.Image.filters.Contrast - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Contrast({ - * contrast: 0.25 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Contrast = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Contrast.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Contrast', - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform float uContrast;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' + - 'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' + - 'gl_FragColor = color;\n' + - '}', - /** - * contrast value, range from -1 to 1. - * @param {Number} contrast - * @default 0 - */ - contrast: 0, - mainParameter: 'contrast', - /** - * Constructor - * @memberOf fabric.Image.filters.Contrast.prototype - * @param {Object} [options] Options object - * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1) - */ - /** - * Apply the Contrast operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - if (this.contrast === 0) { - return; - } - var imageData = options.imageData, i, len, data = imageData.data, len = data.length, contrast = Math.floor(this.contrast * 255), contrastF = (259 * (contrast + 255)) / (255 * (259 - contrast)); - for (i = 0; i < len; i += 4) { - data[i] = contrastF * (data[i] - 128) + 128; - data[i + 1] = contrastF * (data[i + 1] - 128) + 128; - data[i + 2] = contrastF * (data[i + 2] - 128) + 128; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uContrast: gl.getUniformLocation(program, 'uContrast'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uContrast, this.contrast); - }, - }); /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Contrast.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Saturate filter class - * @class fabric.Image.filters.Saturation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Saturation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Saturation({ - * saturation: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Saturation = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Saturation.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Saturation', - fragmentSource: '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' + - '}', - /** - * Saturation value, from -1 to 1. - * Increases/decreases the color saturation. - * A value of 0 has no effect. - * - * @param {Number} saturation - * @default - */ - saturation: 0, - mainParameter: 'saturation', - /** - * Constructor - * @memberOf fabric.Image.filters.Saturate.prototype - * @param {Object} [options] Options object - * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) - */ - /** - * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.saturation === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.saturation, i, max; - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uSaturation: gl.getUniformLocation(program, 'uSaturation'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uSaturation, -this.saturation); - }, - }); + * Filter type + * @param {String} type + * @default + */ + type: 'Saturation', + + fragmentSource: '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' + + '}', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Saturation.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Vibrance filter class - * @class fabric.Image.filters.Vibrance - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Vibrance({ - * vibrance: 1 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Vibrance = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Vibrance.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Vibrance', - fragmentSource: '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' + - '}', - /** - * Vibrance value, from -1 to 1. - * Increases/decreases the saturation of more muted colors with less effect on saturated colors. - * A value of 0 has no effect. - * - * @param {Number} vibrance - * @default - */ - vibrance: 0, - mainParameter: 'vibrance', - /** - * Constructor - * @memberOf fabric.Image.filters.Vibrance.prototype - * @param {Object} [options] Options object - * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) - */ - /** - * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. - */ - applyTo2d: function (options) { - if (this.vibrance === 0) { - return; - } - var imageData = options.imageData, data = imageData.data, len = data.length, adjust = -this.vibrance, i, max, avg, amt; - for (i = 0; i < len; i += 4) { - max = Math.max(data[i], data[i + 1], data[i + 2]); - avg = (data[i] + data[i + 1] + data[i + 2]) / 3; - amt = ((Math.abs(max - avg) * 2) / 255) * adjust; - data[i] += max !== data[i] ? (max - data[i]) * amt : 0; - data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; - data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uVibrance: gl.getUniformLocation(program, 'uVibrance'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); - }, - }); + * Saturation value, from -1 to 1. + * Increases/decreases the color saturation. + * A value of 0 has no effect. + * + * @param {Number} saturation + * @default + */ + saturation: 0, + + mainParameter: 'saturation', + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Vibrance.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Blur filter class - * @class fabric.Image.filters.Blur - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Blur({ - * blur: 0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - * canvas.renderAll(); - */ - filters.Blur = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Blur.prototype */ { - type: 'Blur', - /* - 'gl_FragColor = vec4(0.0);', - 'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', - 'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', - 'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', - 'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', - 'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', - 'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', - 'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', - 'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', - 'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', - 'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', - 'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', - 'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', - 'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', - 'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', - 'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', - */ - /* eslint-disable max-len */ - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec2 uDelta;\n' + - 'varying vec2 vTexCoord;\n' + - 'const float nSamples = 15.0;\n' + - 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + - 'float random(vec3 scale) {\n' + - /* use the fragment position for a different seed per-pixel */ - 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + - '}\n' + - 'void main() {\n' + - 'vec4 color = vec4(0.0);\n' + - 'float total = 0.0;\n' + - 'float offset = random(v3offset);\n' + - 'for (float t = -nSamples; t <= nSamples; t++) {\n' + - 'float percent = (t + offset - 0.5) / nSamples;\n' + - 'float weight = 1.0 - abs(percent);\n' + - 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + - 'total += weight;\n' + - '}\n' + - 'gl_FragColor = color / total;\n' + - '}', - /* eslint-enable max-len */ - /** - * blur value, in percentage of image dimensions. - * specific to keep the image blur constant at different resolutions - * range between 0 and 1. - * @type Number - * @default - */ - blur: 0, - mainParameter: 'blur', - applyTo: function (options) { - if (options.webgl) { - // this aspectRatio is used to give the same blur to vertical and horizontal - this.aspectRatio = options.sourceWidth / options.sourceHeight; - options.passes++; - this._setupFrameBuffer(options); - this.horizontal = true; - this.applyToWebGL(options); - this._swapTextures(options); - this._setupFrameBuffer(options); - this.horizontal = false; - this.applyToWebGL(options); - this._swapTextures(options); - } - else { - this.applyTo2d(options); - } - }, - applyTo2d: function (options) { - // paint canvasEl with current image data. - //options.ctx.putImageData(options.imageData, 0, 0); - options.imageData = this.simpleBlur(options); - }, - simpleBlur: function (options) { - var resources = options.filterBackend.resources, canvas1, canvas2, width = options.imageData.width, height = options.imageData.height; - if (!resources.blurLayer1) { - resources.blurLayer1 = fabric.util.createCanvasElement(); - resources.blurLayer2 = fabric.util.createCanvasElement(); - } - canvas1 = resources.blurLayer1; - canvas2 = resources.blurLayer2; - if (canvas1.width !== width || canvas1.height !== height) { - canvas2.width = canvas1.width = width; - canvas2.height = canvas1.height = height; - } - var ctx1 = canvas1.getContext('2d'), ctx2 = canvas2.getContext('2d'), nSamples = 15, random, percent, j, i, blur = this.blur * 0.06 * 0.5; - // load first canvas - ctx1.putImageData(options.imageData, 0, 0); - ctx2.clearRect(0, 0, width, height); - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * width + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, j, random); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - for (i = -nSamples; i <= nSamples; i++) { - random = (Math.random() - 0.5) / 4; - percent = i / nSamples; - j = blur * percent * height + random; - ctx2.globalAlpha = 1 - Math.abs(percent); - ctx2.drawImage(canvas1, random, j); - ctx1.drawImage(canvas2, 0, 0); - ctx2.globalAlpha = 1; - ctx2.clearRect(0, 0, canvas2.width, canvas2.height); - } - options.ctx.drawImage(canvas1, 0, 0); - var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); - ctx1.globalAlpha = 1; - ctx1.clearRect(0, 0, canvas1.width, canvas1.height); - return newImageData; - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - delta: gl.getUniformLocation(program, 'uDelta'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - var delta = this.chooseRightDelta(); - gl.uniform2fv(uniformLocations.delta, delta); - }, - /** - * choose right value of image percentage to blur with - * @returns {Array} a numeric array with delta values - */ - chooseRightDelta: function () { - var blurScale = 1, delta = [0, 0], blur; - if (this.horizontal) { - if (this.aspectRatio > 1) { - // image is wide, i want to shrink radius horizontal - blurScale = 1 / this.aspectRatio; - } - } - else { - if (this.aspectRatio < 1) { - // image is tall, i want to shrink radius vertical - blurScale = this.aspectRatio; - } - } - blur = blurScale * this.blur * 0.12; - if (this.horizontal) { - delta[0] = blur; - } - else { - delta[1] = blur; - } - return delta; - }, - }); + * Constructor + * @memberOf fabric.Image.filters.Saturate.prototype + * @param {Object} [options] Options object + * @param {Number} [options.saturate=0] Value to saturate the image (-1...1) + */ + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * Gamma filter class - * @class fabric.Image.filters.Gamma - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.Gamma({ - * gamma: [1, 0.5, 2.1] - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.Gamma = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Gamma.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'Gamma', - fragmentSource: 'precision highp float;\n' + - 'uniform sampler2D uTexture;\n' + - 'uniform vec3 uGamma;\n' + - 'varying vec2 vTexCoord;\n' + - 'void main() {\n' + - 'vec4 color = texture2D(uTexture, vTexCoord);\n' + - 'vec3 correction = (1.0 / uGamma);\n' + - 'color.r = pow(color.r, correction.r);\n' + - 'color.g = pow(color.g, correction.g);\n' + - 'color.b = pow(color.b, correction.b);\n' + - 'gl_FragColor = color;\n' + - 'gl_FragColor.rgb *= color.a;\n' + - '}', - /** - * Gamma array value, from 0.01 to 2.2. - * @param {Array} gamma - * @default - */ - gamma: [1, 1, 1], - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'gamma', - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function (options) { - this.gamma = [1, 1, 1]; - filters.BaseFilter.prototype.initialize.call(this, options); - }, - /** - * Apply the Gamma operation to a Uint8Array representing the pixels of an image. - * - * @param {Object} options - * @param {ImageData} options.imageData The Uint8Array to be filtered. - */ - applyTo2d: function (options) { - var imageData = options.imageData, data = imageData.data, gamma = this.gamma, len = data.length, rInv = 1 / gamma[0], gInv = 1 / gamma[1], bInv = 1 / gamma[2], i; - if (!this.rVals) { - // eslint-disable-next-line - this.rVals = new Uint8Array(256); - // eslint-disable-next-line - this.gVals = new Uint8Array(256); - // eslint-disable-next-line - this.bVals = new Uint8Array(256); - } - // This is an optimization - pre-compute a look-up table for each color channel - // instead of performing these pow calls for each pixel in the image. - for (i = 0, len = 256; i < len; i++) { - this.rVals[i] = Math.pow(i / 255, rInv) * 255; - this.gVals[i] = Math.pow(i / 255, gInv) * 255; - this.bVals[i] = Math.pow(i / 255, bInv) * 255; - } - for (i = 0, len = data.length; i < len; i += 4) { - data[i] = this.rVals[data[i]]; - data[i + 1] = this.gVals[data[i + 1]]; - data[i + 2] = this.bVals[data[i + 2]]; - } - }, - /** - * Return WebGL uniform locations for this filter's shader. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {WebGLShaderProgram} program This filter's compiled shader program. - */ - getUniformLocations: function (gl, program) { - return { - uGamma: gl.getUniformLocation(program, 'uGamma'), - }; - }, - /** - * Send data from this filter to its shader program's uniforms. - * - * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. - * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects - */ - sendUniformData: function (gl, uniformLocations) { - gl.uniform3fv(uniformLocations.uGamma, this.gamma); - }, - }); + * Apply the Saturation operation to a Uint8ClampedArray representing the pixels of an image. + * + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. + */ + applyTo2d: function(options) { + if (this.saturation === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, len = data.length, + adjust = -this.saturation, i, max; + + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + data[i] += max !== data[i] ? (max - data[i]) * adjust : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * adjust : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * adjust : 0; + } + }, + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - fabric.Image.filters.Gamma.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * A container class that knows how to apply a sequence of filters to an input image. - */ - filters.Composed = createClass(filters.BaseFilter, - /** @lends fabric.Image.filters.Composed.prototype */ { - type: 'Composed', - /** - * A non sparse array of filters to apply - */ - subFilters: [], - /** - * Constructor - * @param {Object} [options] Options object - */ - initialize: function (options) { - this.callSuper('initialize', options); - // create a new array instead mutating the prototype with push - this.subFilters = this.subFilters.slice(0); - }, - /** - * Apply this container's filters to the input image provided. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be applied. - */ - applyTo: function (options) { - options.passes += this.subFilters.length - 1; - this.subFilters.forEach(function (filter) { - filter.applyTo(options); - }); - }, - /** - * Serialize this filter into JSON. - * - * @returns {Object} A JSON representation of this filter. - */ - toObject: function () { - return fabric.util.object.extend(this.callSuper('toObject'), { - subFilters: this.subFilters.map(function (filter) { - return filter.toObject(); - }), - }); - }, - isNeutralState: function () { - return !this.subFilters.some(function (filter) { - return !filter.isNeutralState(); - }); - }, - }); + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. + */ + getUniformLocations: function(gl, program) { + return { + uSaturation: gl.getUniformLocation(program, 'uSaturation'), + }; + }, + /** - * Deserialize a JSON definition of a ComposedFilter into a concrete instance. - * @static - * @param {oject} object Object to create an instance from - * @param {object} [options] - * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal - * @returns {Promise} - */ - fabric.Image.filters.Composed.fromObject = function (object, options) { - var filters = object.subFilters || []; - return Promise.all(filters.map(function (filter) { - return fabric.Image.filters[filter.type].fromObject(filter, options); - })).then(function (enlivedFilters) { - return new fabric.Image.filters.Composed({ subFilters: enlivedFilters }); - }); - }; -})(typeof exports !== 'undefined' ? exports : window); - -//@ts-nocheck -(function (global) { - var fabric = global.fabric || (global.fabric = {}), filters = fabric.Image.filters, createClass = fabric.util.createClass; - /** - * HueRotation filter class - * @class fabric.Image.filters.HueRotation - * @memberOf fabric.Image.filters - * @extends fabric.Image.filters.BaseFilter - * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition - * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} - * @example - * var filter = new fabric.Image.filters.HueRotation({ - * rotation: -0.5 - * }); - * object.filters.push(filter); - * object.applyFilters(); - */ - filters.HueRotation = createClass(filters.ColorMatrix, - /** @lends fabric.Image.filters.HueRotation.prototype */ { - /** - * Filter type - * @param {String} type - * @default - */ - type: 'HueRotation', - /** - * HueRotation value, from -1 to 1. - * the unit is radians - * @param {Number} myParameter - * @default - */ - rotation: 0, - /** - * Describe the property that is the filter parameter - * @param {String} m - * @default - */ - mainParameter: 'rotation', - calculateMatrix: function () { - var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; - this.matrix = [ - 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, - ]; - this.matrix[0] = cos + OneMinusCos / 3; - this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[6] = cos + aThird * OneMinusCos; - this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; - this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; - this.matrix[12] = cos + aThird * OneMinusCos; - }, - /** - * HueRotation isNeutralState implementation - * Used only in image applyFilters to discard filters that will not have an effect - * on the image - * @param {Object} options - **/ - isNeutralState: function (options) { - this.calculateMatrix(); - return filters.BaseFilter.prototype.isNeutralState.call(this, options); - }, - /** - * Apply this filter to the input image data provided. - * - * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. - * - * @param {Object} options - * @param {Number} options.passes The number of filters remaining to be executed - * @param {Boolean} options.webgl Whether to use webgl to render the filter. - * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. - * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. - * @param {WebGLRenderingContext} options.context The GL context used for rendering. - * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. - */ - applyTo: function (options) { - this.calculateMatrix(); - filters.BaseFilter.prototype.applyTo.call(this, options); - }, - }); + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uSaturation, -this.saturation); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Saturation} Instance of fabric.Image.filters.Saturate + */ + fabric.Image.filters.Saturation.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Vibrance filter class + * @class fabric.Image.filters.Vibrance + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Vibrance#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Vibrance({ + * vibrance: 1 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Vibrance = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Vibrance.prototype */ { + /** - * Create filter instance from an object representation - * @static - * @param {Object} object Object to create an instance from - * @returns {Promise} + * Filter type + * @param {String} type + * @default */ - fabric.Image.filters.HueRotation.fromObject = - fabric.Image.filters.BaseFilter.fromObject; -})(typeof exports !== 'undefined' ? exports : window); + type: 'Vibrance', + + fragmentSource: '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' + + '}', -class TextStyleMixin extends InteractiveFabricObject { /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * Vibrance value, from -1 to 1. + * Increases/decreases the saturation of more muted colors with less effect on saturated colors. + * A value of 0 has no effect. + * + * @param {Number} vibrance + * @default */ - isEmptyStyles(lineIndex) { - if (!this.styles) { - return true; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return true; - } - const obj = typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (const p1 in obj) { - for (const p2 in obj[p1]) { - // eslint-disable-next-line no-unused-vars - for (const p3 in obj[p1][p2]) { - return false; - } - } - } - return true; - } + vibrance: 0, + + mainParameter: 'vibrance', + /** - * Returns true if object has a style property or has it ina specified line - * This function is used to detect if a text will use a particular property or not. - * @param {String} property to check for - * @param {Number} lineIndex to check the style on - * @return {Boolean} + * Constructor + * @memberOf fabric.Image.filters.Vibrance.prototype + * @param {Object} [options] Options object + * @param {Number} [options.vibrance=0] Vibrance value for the image (between -1 and 1) */ - styleHas(property, lineIndex) { - if (!this.styles || !property || property === '') { - return false; - } - if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { - return false; - } - const obj = typeof lineIndex === 'undefined' - ? this.styles - : { 0: this.styles[lineIndex] }; - // eslint-disable-next-line - for (const p1 in obj) { - // eslint-disable-next-line - for (const p2 in obj[p1]) { - if (typeof obj[p1][p2][property] !== 'undefined') { - return true; - } - } - } - return false; - } + /** - * Check if characters in a text have a value for a property - * whose value matches the textbox's value for that property. If so, - * the character-level property is deleted. If the character - * has no other properties, then it is also deleted. Finally, - * if the line containing that character has no other characters - * then it also is deleted. + * Apply the Vibrance operation to a Uint8ClampedArray representing the pixels of an image. * - * @param {string} property The property to compare between characters and text. + * @param {Object} options + * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered. */ - cleanStyle(property) { - if (!this.styles || !property || property === '') { - return false; - } - const obj = this.styles; - let stylesCount = 0, letterCount, stylePropertyValue, allStyleObjectPropertiesMatch = true, graphemeCount = 0; - for (const p1 in obj) { - letterCount = 0; - for (const p2 in obj[p1]) { - const styleObject = obj[p1][p2], - // TODO: this shouldn't be necessary anymore with modern browsers - stylePropertyHasBeenSet = Object.prototype.hasOwnProperty.call(styleObject, property); - stylesCount++; - if (stylePropertyHasBeenSet) { - if (!stylePropertyValue) { - stylePropertyValue = styleObject[property]; - } - else if (styleObject[property] !== stylePropertyValue) { - allStyleObjectPropertiesMatch = false; - } - if (styleObject[property] === this[property]) { - delete styleObject[property]; - } - } - else { - allStyleObjectPropertiesMatch = false; - } - if (Object.keys(styleObject).length !== 0) { - letterCount++; - } - else { - delete obj[p1][p2]; - } - } - if (letterCount === 0) { - delete obj[p1]; - } - } - // if every grapheme has the same style set then - // delete those styles and set it on the parent - for (let i = 0; i < this._textLines.length; i++) { - graphemeCount += this._textLines[i].length; - } - if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { - this[property] = stylePropertyValue; - this.removeStyle(property); - } - } + applyTo2d: function(options) { + if (this.vibrance === 0) { + return; + } + var imageData = options.imageData, + data = imageData.data, len = data.length, + adjust = -this.vibrance, i, max, avg, amt; + + for (i = 0; i < len; i += 4) { + max = Math.max(data[i], data[i + 1], data[i + 2]); + avg = (data[i] + data[i + 1] + data[i + 2]) / 3; + amt = ((Math.abs(max - avg) * 2 / 255) * adjust); + data[i] += max !== data[i] ? (max - data[i]) * amt : 0; + data[i + 1] += max !== data[i + 1] ? (max - data[i + 1]) * amt : 0; + data[i + 2] += max !== data[i + 2] ? (max - data[i + 2]) * amt : 0; + } + }, + /** - * Remove a style property or properties from all individual character styles - * in a text object. Deletes the character style object if it contains no other style - * props. Deletes a line style object if it contains no other character styles. + * Return WebGL uniform locations for this filter's shader. * - * @param {String} props The property to remove from character styles. + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - removeStyle(property) { - if (!this.styles || !property || property === '') { - return; - } - const obj = this.styles; - let line, lineNum, charNum; - for (lineNum in obj) { - line = obj[lineNum]; - for (charNum in line) { - delete line[charNum][property]; - if (Object.keys(line[charNum]).length === 0) { - delete line[charNum]; - } - } - if (Object.keys(line).length === 0) { - delete obj[lineNum]; - } - } - } - _extendStyles(index, styles) { - const { lineIndex, charIndex } = this.get2DCursorLocation(index); - if (!this._getLineStyle(lineIndex)) { - this._setLineStyle(lineIndex); - } - if (!this._getStyleDeclaration(lineIndex, charIndex)) { - this._setStyleDeclaration(lineIndex, charIndex, {}); - } - return Object.assign(this._getStyleDeclaration(lineIndex, charIndex) || {}, styles); - } + getUniformLocations: function(gl, program) { + return { + uVibrance: gl.getUniformLocation(program, 'uVibrance'), + }; + }, + /** - * Gets style of a current selection/cursor (at the start position) - * @param {Number} startIndex Start index to get styles at - * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - getSelectionStyles(startIndex, endIndex, complete) { - const styles = []; - for (let i = startIndex; i < (endIndex || startIndex); i++) { - styles.push(this.getStyleAtPosition(i, complete)); - } - return styles; - } + sendUniformData: function(gl, uniformLocations) { + gl.uniform1f(uniformLocations.uVibrance, -this.vibrance); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {Function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Vibrance} Instance of fabric.Image.filters.Vibrance + */ + fabric.Image.filters.Vibrance.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Blur filter class + * @class fabric.Image.filters.Blur + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Blur#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Blur({ + * blur: 0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + * canvas.renderAll(); + */ + filters.Blur = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Blur.prototype */ { + + type: 'Blur', + + /* +'gl_FragColor = vec4(0.0);', +'gl_FragColor += texture2D(texture, vTexCoord + -7 * uDelta)*0.0044299121055113265;', +'gl_FragColor += texture2D(texture, vTexCoord + -6 * uDelta)*0.00895781211794;', +'gl_FragColor += texture2D(texture, vTexCoord + -5 * uDelta)*0.0215963866053;', +'gl_FragColor += texture2D(texture, vTexCoord + -4 * uDelta)*0.0443683338718;', +'gl_FragColor += texture2D(texture, vTexCoord + -3 * uDelta)*0.0776744219933;', +'gl_FragColor += texture2D(texture, vTexCoord + -2 * uDelta)*0.115876621105;', +'gl_FragColor += texture2D(texture, vTexCoord + -1 * uDelta)*0.147308056121;', +'gl_FragColor += texture2D(texture, vTexCoord )*0.159576912161;', +'gl_FragColor += texture2D(texture, vTexCoord + 1 * uDelta)*0.147308056121;', +'gl_FragColor += texture2D(texture, vTexCoord + 2 * uDelta)*0.115876621105;', +'gl_FragColor += texture2D(texture, vTexCoord + 3 * uDelta)*0.0776744219933;', +'gl_FragColor += texture2D(texture, vTexCoord + 4 * uDelta)*0.0443683338718;', +'gl_FragColor += texture2D(texture, vTexCoord + 5 * uDelta)*0.0215963866053;', +'gl_FragColor += texture2D(texture, vTexCoord + 6 * uDelta)*0.00895781211794;', +'gl_FragColor += texture2D(texture, vTexCoord + 7 * uDelta)*0.0044299121055113265;', +*/ + + /* eslint-disable max-len */ + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec2 uDelta;\n' + + 'varying vec2 vTexCoord;\n' + + 'const float nSamples = 15.0;\n' + + 'vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n' + + 'float random(vec3 scale) {\n' + + /* use the fragment position for a different seed per-pixel */ + 'return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n' + + '}\n' + + 'void main() {\n' + + 'vec4 color = vec4(0.0);\n' + + 'float total = 0.0;\n' + + 'float offset = random(v3offset);\n' + + 'for (float t = -nSamples; t <= nSamples; t++) {\n' + + 'float percent = (t + offset - 0.5) / nSamples;\n' + + 'float weight = 1.0 - abs(percent);\n' + + 'color += texture2D(uTexture, vTexCoord + uDelta * percent) * weight;\n' + + 'total += weight;\n' + + '}\n' + + 'gl_FragColor = color / total;\n' + + '}', + /* eslint-enable max-len */ + /** - * Gets style of a current selection/cursor position - * @param {Number} position to get styles at - * @param {Boolean} [complete] full style if true - * @return {Object} style Style object at a specified index - * @private + * blur value, in percentage of image dimensions. + * specific to keep the image blur constant at different resolutions + * range between 0 and 1. + * @type Number + * @default */ - getStyleAtPosition(position, complete) { - const { lineIndex, charIndex } = this.get2DCursorLocation(position); - return ((complete - ? this.getCompleteStyleDeclaration(lineIndex, charIndex) - : this._getStyleDeclaration(lineIndex, charIndex)) || {}); - } + blur: 0, + + mainParameter: 'blur', + + applyTo: function(options) { + if (options.webgl) { + // this aspectRatio is used to give the same blur to vertical and horizontal + this.aspectRatio = options.sourceWidth / options.sourceHeight; + options.passes++; + this._setupFrameBuffer(options); + this.horizontal = true; + this.applyToWebGL(options); + this._swapTextures(options); + this._setupFrameBuffer(options); + this.horizontal = false; + this.applyToWebGL(options); + this._swapTextures(options); + } + else { + this.applyTo2d(options); + } + }, + + applyTo2d: function(options) { + // paint canvasEl with current image data. + //options.ctx.putImageData(options.imageData, 0, 0); + options.imageData = this.simpleBlur(options); + }, + + simpleBlur: function(options) { + var resources = options.filterBackend.resources, canvas1, canvas2, + width = options.imageData.width, + height = options.imageData.height; + + if (!resources.blurLayer1) { + resources.blurLayer1 = fabric.util.createCanvasElement(); + resources.blurLayer2 = fabric.util.createCanvasElement(); + } + canvas1 = resources.blurLayer1; + canvas2 = resources.blurLayer2; + if (canvas1.width !== width || canvas1.height !== height) { + canvas2.width = canvas1.width = width; + canvas2.height = canvas1.height = height; + } + var ctx1 = canvas1.getContext('2d'), + ctx2 = canvas2.getContext('2d'), + nSamples = 15, + random, percent, j, i, + blur = this.blur * 0.06 * 0.5; + + // load first canvas + ctx1.putImageData(options.imageData, 0, 0); + ctx2.clearRect(0, 0, width, height); + + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * width + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, j, random); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + for (i = -nSamples; i <= nSamples; i++) { + random = (Math.random() - 0.5) / 4; + percent = i / nSamples; + j = blur * percent * height + random; + ctx2.globalAlpha = 1 - Math.abs(percent); + ctx2.drawImage(canvas1, random, j); + ctx1.drawImage(canvas2, 0, 0); + ctx2.globalAlpha = 1; + ctx2.clearRect(0, 0, canvas2.width, canvas2.height); + } + options.ctx.drawImage(canvas1, 0, 0); + var newImageData = options.ctx.getImageData(0, 0, canvas1.width, canvas1.height); + ctx1.globalAlpha = 1; + ctx1.clearRect(0, 0, canvas1.width, canvas1.height); + return newImageData; + }, + /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} styles Styles object - * @param {Number} startIndex Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1 + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - setSelectionStyles(styles, startIndex, endIndex) { - for (let i = startIndex; i < (endIndex || startIndex); i++) { - this._extendStyles(i, styles); - } - /* not included in _extendStyles to avoid clearing cache more than once */ - this._forceClearCache = true; - } + getUniformLocations: function(gl, program) { + return { + delta: gl.getUniformLocation(program, 'uDelta'), + }; + }, + /** - * get the reference, not a clone, of the style object for a given character - * @param {Number} lineIndex - * @param {Number} charIndex - * @return {Object} style object + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects + */ + sendUniformData: function(gl, uniformLocations) { + var delta = this.chooseRightDelta(); + gl.uniform2fv(uniformLocations.delta, delta); + }, + + /** + * choose right value of image percentage to blur with + * @returns {Array} a numeric array with delta values + */ + chooseRightDelta: function() { + var blurScale = 1, delta = [0, 0], blur; + if (this.horizontal) { + if (this.aspectRatio > 1) { + // image is wide, i want to shrink radius horizontal + blurScale = 1 / this.aspectRatio; + } + } + else { + if (this.aspectRatio < 1) { + // image is tall, i want to shrink radius vertical + blurScale = this.aspectRatio; + } + } + blur = blurScale * this.blur * 0.12; + if (this.horizontal) { + delta[0] = blur; + } + else { + delta[1] = blur; + } + return delta; + }, + }); + + /** + * Deserialize a JSON definition of a BlurFilter into a concrete instance. + */ + filters.Blur.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * Gamma filter class + * @class fabric.Image.filters.Gamma + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.Gamma#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.Gamma({ + * gamma: [1, 0.5, 2.1] + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.Gamma = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Gamma.prototype */ { + + /** + * Filter type + * @param {String} type + * @default + */ + type: 'Gamma', + + fragmentSource: 'precision highp float;\n' + + 'uniform sampler2D uTexture;\n' + + 'uniform vec3 uGamma;\n' + + 'varying vec2 vTexCoord;\n' + + 'void main() {\n' + + 'vec4 color = texture2D(uTexture, vTexCoord);\n' + + 'vec3 correction = (1.0 / uGamma);\n' + + 'color.r = pow(color.r, correction.r);\n' + + 'color.g = pow(color.g, correction.g);\n' + + 'color.b = pow(color.b, correction.b);\n' + + 'gl_FragColor = color;\n' + + 'gl_FragColor.rgb *= color.a;\n' + + '}', + + /** + * Gamma array value, from 0.01 to 2.2. + * @param {Array} gamma + * @default */ - _getStyleDeclaration(lineIndex, charIndex) { - const lineStyle = this.styles && this.styles[lineIndex]; - if (!lineStyle) { - return null; - } - return lineStyle[charIndex]; - } + gamma: [1, 1, 1], + /** - * return a new object that contains all the style property for a character - * the object returned is newly created - * @param {Number} lineIndex of the line where the character is - * @param {Number} charIndex position of the character on the line - * @return {Object} style object + * Describe the property that is the filter parameter + * @param {String} m + * @default */ - getCompleteStyleDeclaration(lineIndex, charIndex) { - const style = this._getStyleDeclaration(lineIndex, charIndex) || {}, styleObject = {}; - for (let i = 0; i < this._styleProperties.length; i++) { - const prop = this._styleProperties[i]; - styleObject[prop] = - typeof style[prop] === 'undefined' - ? this[prop] - : style[prop]; - } - return styleObject; - } + mainParameter: 'gamma', + /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style - * @private + * Constructor + * @param {Object} [options] Options object */ - _setStyleDeclaration(lineIndex, charIndex, style) { - this.styles[lineIndex][charIndex] = style; - } + initialize: function(options) { + this.gamma = [1, 1, 1]; + filters.BaseFilter.prototype.initialize.call(this, options); + }, + /** + * Apply the Gamma operation to a Uint8Array representing the pixels of an image. * - * @param {Number} lineIndex - * @param {Number} charIndex - * @private + * @param {Object} options + * @param {ImageData} options.imageData The Uint8Array to be filtered. */ - _deleteStyleDeclaration(lineIndex, charIndex) { - delete this.styles[lineIndex][charIndex]; - } + applyTo2d: function(options) { + var imageData = options.imageData, data = imageData.data, + gamma = this.gamma, len = data.length, + rInv = 1 / gamma[0], gInv = 1 / gamma[1], + bInv = 1 / gamma[2], i; + + if (!this.rVals) { + // eslint-disable-next-line + this.rVals = new Uint8Array(256); + // eslint-disable-next-line + this.gVals = new Uint8Array(256); + // eslint-disable-next-line + this.bVals = new Uint8Array(256); + } + + // This is an optimization - pre-compute a look-up table for each color channel + // instead of performing these pow calls for each pixel in the image. + for (i = 0, len = 256; i < len; i++) { + this.rVals[i] = Math.pow(i / 255, rInv) * 255; + this.gVals[i] = Math.pow(i / 255, gInv) * 255; + this.bVals[i] = Math.pow(i / 255, bInv) * 255; + } + for (i = 0, len = data.length; i < len; i += 4) { + data[i] = this.rVals[data[i]]; + data[i + 1] = this.gVals[data[i + 1]]; + data[i + 2] = this.bVals[data[i + 2]]; + } + }, + /** - * @param {Number} lineIndex - * @return {Boolean} if the line exists or not - * @private + * Return WebGL uniform locations for this filter's shader. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {WebGLShaderProgram} program This filter's compiled shader program. */ - _getLineStyle(lineIndex) { - return !!this.styles[lineIndex]; - } + getUniformLocations: function(gl, program) { + return { + uGamma: gl.getUniformLocation(program, 'uGamma'), + }; + }, + /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @private + * Send data from this filter to its shader program's uniforms. + * + * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader. + * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects */ - _setLineStyle(lineIndex) { - this.styles[lineIndex] = {}; - } - _deleteLineStyle(lineIndex) { - delete this.styles[lineIndex]; - } -} + sendUniformData: function(gl, uniformLocations) { + gl.uniform3fv(uniformLocations.uGamma, this.gamma); + }, + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.Gamma} Instance of fabric.Image.filters.Gamma + */ + fabric.Image.filters.Gamma.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * A container class that knows how to apply a sequence of filters to an input image. + */ + filters.Composed = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Composed.prototype */ { + + type: 'Composed', -// @ts-nocheck -const additionalProps = [ - 'fontFamily', - 'fontWeight', - 'fontSize', - 'text', - 'underline', - 'overline', - 'linethrough', - 'textAlign', - 'fontStyle', - 'lineHeight', - 'textBackgroundColor', - 'charSpacing', - 'styles', - 'direction', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign', -]; -/** - * Text class - * @class Text - * @extends FabricObject - * @return {Text} thisArg - * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} - * @see {@link Text#initialize} for constructor definition - */ -class Text extends TextStyleMixin { - constructor(text, options) { - super(Object.assign(Object.assign({}, options), { text, styles: (options === null || options === void 0 ? void 0 : options.styles) || {} })); - /** - * Reference to a context to measure text char or couple of chars - * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas - * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every - * text object created. - * @type {CanvasRenderingContext2D} - * @default - */ - this._measuringContext = null; - /** - * contains characters bounding boxes - */ - this.__charBounds = []; - this.initialized = true; - if (this.path) { - this.setPathInfo(); - } - this.initDimensions(); - this.setCoords(); - this.setupState({ propertySet: '_dimensionAffectingProps' }); - } /** - * If text has a path, it will add the extra information needed - * for path and text calculations + * A non sparse array of filters to apply */ - setPathInfo() { - const path = this.path; - if (path) { - path.segmentsInfo = getPathSegmentsInfo(path.path); - } - } + subFilters: [], + /** - * Return a context for measurement of text string. - * if created it gets stored for reuse - * this is for internal use, please do not use it - * @private - * @param {String} text Text string + * Constructor * @param {Object} [options] Options object */ - getMeasuringContext() { - if (!fabric$1._measuringContext) { - fabric$1._measuringContext = - (this.canvas && this.canvas.contextCache) || - createCanvasElement().getContext('2d'); - } - return fabric$1._measuringContext; - } + initialize: function(options) { + this.callSuper('initialize', options); + // create a new array instead mutating the prototype with push + this.subFilters = this.subFilters.slice(0); + }, + /** - * @private - * Divides text into lines of text and lines of graphemes. + * Apply this container's filters to the input image provided. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be applied. */ - _splitText() { - const newLines = this._splitTextIntoLines(this.text); - this.textLines = newLines.lines; - this._textLines = newLines.graphemeLines; - this._unwrappedTextLines = newLines._unwrappedLines; - this._text = newLines.graphemeText; - return newLines; - } + applyTo: function(options) { + options.passes += this.subFilters.length - 1; + this.subFilters.forEach(function(filter) { + filter.applyTo(options); + }); + }, + /** - * Initialize or update text dimensions. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. + * Serialize this filter into JSON. + * + * @returns {Object} A JSON representation of this filter. */ - initDimensions() { - if (this.__skipDimension) { - return; - } - this._splitText(); - this._clearCache(); - if (this.path) { - this.width = this.path.width; - this.height = this.path.height; - } - else { - this.width = - this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; - this.height = this.calcTextHeight(); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - this.saveState({ propertySet: '_dimensionAffectingProps' }); + toObject: function() { + return fabric.util.object.extend(this.callSuper('toObject'), { + subFilters: this.subFilters.map(function(filter) { return filter.toObject(); }), + }); + }, + + isNeutralState: function() { + return !this.subFilters.some(function(filter) { return !filter.isNeutralState(); }); } + }); + + /** + * Deserialize a JSON definition of a ComposedFilter into a concrete instance. + */ + fabric.Image.filters.Composed.fromObject = function(object, callback) { + var filters = object.subFilters || [], + subFilters = filters.map(function(filter) { + return new fabric.Image.filters[filter.type](filter); + }), + instance = new fabric.Image.filters.Composed({ subFilters: subFilters }); + callback && callback(instance); + return instance; + }; +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + filters = fabric.Image.filters, + createClass = fabric.util.createClass; + + /** + * HueRotation filter class + * @class fabric.Image.filters.HueRotation + * @memberOf fabric.Image.filters + * @extends fabric.Image.filters.BaseFilter + * @see {@link fabric.Image.filters.HueRotation#initialize} for constructor definition + * @see {@link http://fabricjs.com/image-filters|ImageFilters demo} + * @example + * var filter = new fabric.Image.filters.HueRotation({ + * rotation: -0.5 + * }); + * object.filters.push(filter); + * object.applyFilters(); + */ + filters.HueRotation = createClass(filters.ColorMatrix, /** @lends fabric.Image.filters.HueRotation.prototype */ { + /** - * Enlarge space boxes and shift the others + * Filter type + * @param {String} type + * @default */ - enlargeSpaces() { - let diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; - for (let i = 0, len = this._textLines.length; i < len; i++) { - if (this.textAlign !== 'justify' && - (i === len - 1 || this.isEndOfWrapping(i))) { - continue; - } - accumulatedSpace = 0; - line = this._textLines[i]; - currentLineWidth = this.getLineWidth(i); - if (currentLineWidth < this.width && - (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { - numberOfSpaces = spaces.length; - diffSpace = (this.width - currentLineWidth) / numberOfSpaces; - for (let j = 0, jlen = line.length; j <= jlen; j++) { - charBound = this.__charBounds[i][j]; - if (this._reSpaceAndTab.test(line[j])) { - charBound.width += diffSpace; - charBound.kernedWidth += diffSpace; - charBound.left += accumulatedSpace; - accumulatedSpace += diffSpace; - } - else { - charBound.left += accumulatedSpace; - } - } - } - } - } + type: 'HueRotation', + /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @return {Boolean} + * HueRotation value, from -1 to 1. + * the unit is radians + * @param {Number} myParameter + * @default */ - isEndOfWrapping(lineIndex) { - return lineIndex === this._textLines.length - 1; - } + rotation: 0, + /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * It return always for text and Itext. - * @return Number + * Describe the property that is the filter parameter + * @param {String} m + * @default */ - // eslint-disable-next-line @typescript-eslint/no-unused-vars - missingNewlineOffset(lineIndex) { - return 1; - } + mainParameter: 'rotation', + + calculateMatrix: function() { + var rad = this.rotation * Math.PI, cos = fabric.util.cos(rad), sin = fabric.util.sin(rad), + aThird = 1 / 3, aThirdSqtSin = Math.sqrt(aThird) * sin, OneMinusCos = 1 - cos; + this.matrix = [ + 1, 0, 0, 0, 0, + 0, 1, 0, 0, 0, + 0, 0, 1, 0, 0, + 0, 0, 0, 1, 0 + ]; + this.matrix[0] = cos + OneMinusCos / 3; + this.matrix[1] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[2] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[5] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[6] = cos + aThird * OneMinusCos; + this.matrix[7] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[10] = aThird * OneMinusCos - aThirdSqtSin; + this.matrix[11] = aThird * OneMinusCos + aThirdSqtSin; + this.matrix[12] = cos + aThird * OneMinusCos; + }, + /** - * Returns 2d representation (lineIndex and charIndex) of cursor - * @param {Number} selectionStart - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. - */ - get2DCursorLocation(selectionStart, skipWrapping) { - const lines = skipWrapping ? this._unwrappedTextLines : this._textLines; - let i; - for (i = 0; i < lines.length; i++) { - if (selectionStart <= lines[i].length) { - return { - lineIndex: i, - charIndex: selectionStart, - }; - } - selectionStart -= lines[i].length + this.missingNewlineOffset(i); - } - return { - lineIndex: i - 1, - charIndex: lines[i - 1].length < selectionStart - ? lines[i - 1].length - : selectionStart, - }; - } + * HueRotation isNeutralState implementation + * Used only in image applyFilters to discard filters that will not have an effect + * on the image + * @param {Object} options + **/ + isNeutralState: function(options) { + this.calculateMatrix(); + return filters.BaseFilter.prototype.isNeutralState.call(this, options); + }, + /** - * Returns string representation of an instance - * @return {String} String representation of text object + * Apply this filter to the input image data provided. + * + * Determines whether to use WebGL or Canvas2D based on the options.webgl flag. + * + * @param {Object} options + * @param {Number} options.passes The number of filters remaining to be executed + * @param {Boolean} options.webgl Whether to use webgl to render the filter. + * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered. + * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn. + * @param {WebGLRenderingContext} options.context The GL context used for rendering. + * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type. */ - toString() { - return ('#'); - } + applyTo: function(options) { + this.calculateMatrix(); + filters.BaseFilter.prototype.applyTo.call(this, options); + }, + + }); + + /** + * Returns filter instance from an object representation + * @static + * @param {Object} object Object to create an instance from + * @param {function} [callback] to be invoked after filter creation + * @return {fabric.Image.filters.HueRotation} Instance of fabric.Image.filters.HueRotation + */ + fabric.Image.filters.HueRotation.fromObject = fabric.Image.filters.BaseFilter.fromObject; + +})(typeof exports !== 'undefined' ? exports : this); + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = { }), + clone = fabric.util.object.clone; + + if (fabric.Text) { + fabric.warn('fabric.Text is already defined'); + return; + } + + var additionalProps = + ('fontFamily fontWeight fontSize text underline overline linethrough' + + ' textAlign fontStyle lineHeight textBackgroundColor charSpacing styles' + + ' direction path pathStartOffset pathSide pathAlign').split(' '); + + /** + * Text class + * @class fabric.Text + * @extends fabric.Object + * @return {fabric.Text} thisArg + * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#text} + * @see {@link fabric.Text#initialize} for constructor definition + */ + fabric.Text = fabric.util.createClass(fabric.Object, /** @lends fabric.Text.prototype */ { + /** - * Return the dimension and the zoom level needed to create a cache canvas - * big enough to host the object to be cached. + * Properties which when set cause object to change dimensions + * @type Array * @private - * @param {Object} dim.x width of object to be cached - * @param {Object} dim.y height of object to be cached - * @return {Object}.width width of canvas - * @return {Object}.height height of canvas - * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache - * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache */ - _getCacheCanvasDimensions() { - const dims = super._getCacheCanvasDimensions(); - const fontSize = this.fontSize; - dims.width += fontSize * dims.zoomX; - dims.height += fontSize * dims.zoomY; - return dims; - } + _dimensionAffectingProps: [ + 'fontSize', + 'fontWeight', + 'fontFamily', + 'fontStyle', + 'lineHeight', + 'text', + 'charSpacing', + 'textAlign', + 'styles', + 'path', + 'pathStartOffset', + 'pathSide', + 'pathAlign' + ], + /** * @private - * @param {CanvasRenderingContext2D} ctx Context to render on */ - _render(ctx) { - const path = this.path; - path && !path.isNotVisible() && path._render(ctx); - this._setTextStyles(ctx); - this._renderTextLinesBackground(ctx); - this._renderTextDecoration(ctx, 'underline'); - this._renderText(ctx); - this._renderTextDecoration(ctx, 'overline'); - this._renderTextDecoration(ctx, 'linethrough'); - } + _reNewline: /\r?\n/, + /** + * Use this regular expression to filter for whitespaces that is not a new line. + * Mostly used when text is 'justify' aligned. * @private - * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderText(ctx) { - if (this.paintFirst === 'stroke') { - this._renderTextStroke(ctx); - this._renderTextFill(ctx); - } - else { - this._renderTextFill(ctx); - this._renderTextStroke(ctx); - } - } + _reSpacesAndTabs: /[ \t\r]/g, + /** - * Set the font parameter of the context with the object properties or with charStyle + * Use this regular expression to filter for whitespace that is not a new line. + * Mostly used when text is 'justify' aligned. * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Object} [charStyle] object with font style properties - * @param {String} [charStyle.fontFamily] Font Family - * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) - * @param {String} [charStyle.fontWeight] Font weight - * @param {String} [charStyle.fontStyle] Font style (italic|normal) */ - _setTextStyles(ctx, charStyle, forMeasuring) { - ctx.textBaseline = 'alphabetical'; - if (this.path) { - switch (this.pathAlign) { - case 'center': - ctx.textBaseline = 'middle'; - break; - case 'ascender': - ctx.textBaseline = 'top'; - break; - case 'descender': - ctx.textBaseline = 'bottom'; - break; - } - } - ctx.font = this._getFontDeclaration(charStyle, forMeasuring); - } + _reSpaceAndTab: /[ \t\r]/, + /** - * calculate and return the text Width measuring each line. + * Use this regular expression to filter consecutive groups of non spaces. + * Mostly used when text is 'justify' aligned. * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @return {Number} Maximum width of Text object - */ - calcTextWidth() { - let maxWidth = this.getLineWidth(0); - for (let i = 1, len = this._textLines.length; i < len; i++) { - const currentLineWidth = this.getLineWidth(i); - if (currentLineWidth > maxWidth) { - maxWidth = currentLineWidth; - } - } - return maxWidth; - } + */ + _reWords: /\S+/g, + /** - * @private - * @param {String} method Method name ("fillText" or "strokeText") - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} line Text to render - * @param {Number} left Left position of text - * @param {Number} top Top position of text - * @param {Number} lineIndex Index of a line in a text + * Type of an object + * @type String + * @default */ - _renderTextLine(method, ctx, line, left, top, lineIndex) { - this._renderChars(method, ctx, line, left, top, lineIndex); - } + type: 'text', + /** - * Renders the text background for lines, taking care of style - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * Font size (in pixels) + * @type Number + * @default */ - _renderTextLinesBackground(ctx) { - if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { - return; - } - const originalFill = ctx.fillStyle, leftOffset = this._getLeftOffset(); - let lineTopOffset = this._getTopOffset(); - for (let i = 0, len = this._textLines.length; i < len; i++) { - const heightOfLine = this.getHeightOfLine(i); - if (!this.textBackgroundColor && - !this.styleHas('textBackgroundColor', i)) { - lineTopOffset += heightOfLine; - continue; - } - const jlen = this._textLines[i].length; - const lineLeftOffset = this._getLineLeftOffset(i); - let boxWidth = 0; - let boxStart = 0; - let drawStart; - let currentColor; - let lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (let j = 0; j < jlen; j++) { - const charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (this.path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillStyle = currentColor; - currentColor && - ctx.fillRect(-charBox.width / 2, (-heightOfLine / this.lineHeight) * (1 - this._fontSizeFraction), charBox.width, heightOfLine / this.lineHeight); - ctx.restore(); - } - else if (currentColor !== lastColor) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = lastColor; - lastColor && - ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } - } - if (currentColor && !this.path) { - drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentColor; - ctx.fillRect(drawStart, lineTopOffset, boxWidth, heightOfLine / this.lineHeight); - } - lineTopOffset += heightOfLine; - } - ctx.fillStyle = originalFill; - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - } + fontSize: 40, + /** - * measure and return the width of a single character. - * possibly overridden to accommodate different measure logic or - * to hook some external lib for character measurement - * @private - * @param {String} _char, char to be measured - * @param {Object} charStyle style of char to be measured - * @param {String} [previousChar] previous char - * @param {Object} [prevCharStyle] style of previous char + * Font weight (e.g. bold, normal, 400, 600, 800) + * @type {(Number|String)} + * @default + */ + fontWeight: 'normal', + + /** + * Font family + * @type String + * @default */ - _measureChar(_char, charStyle, previousChar, prevCharStyle) { - const fontCache = cache.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, stylesAreEqual = fontDeclaration === previousFontDeclaration, fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE; - let width, coupleWidth, previousWidth, kernedWidth, ctx; - if (previousChar && fontCache[previousChar] !== undefined) { - previousWidth = fontCache[previousChar]; - } - if (fontCache[_char] !== undefined) { - kernedWidth = width = fontCache[_char]; - } - if (stylesAreEqual && fontCache[couple] !== undefined) { - coupleWidth = fontCache[couple]; - kernedWidth = coupleWidth - previousWidth; - } - if (width === undefined || - previousWidth === undefined || - coupleWidth === undefined) { - ctx = this.getMeasuringContext(); - // send a TRUE to specify measuring font size CACHE_FONT_SIZE - this._setTextStyles(ctx, charStyle, true); - if (width === undefined) { - kernedWidth = width = ctx.measureText(_char).width; - fontCache[_char] = width; - } - if (previousWidth === undefined && stylesAreEqual && previousChar) { - previousWidth = ctx.measureText(previousChar).width; - fontCache[previousChar] = previousWidth; - } - if (stylesAreEqual && coupleWidth === undefined) { - // we can measure the kerning couple and subtract the width of the previous character - coupleWidth = ctx.measureText(couple).width; - fontCache[couple] = coupleWidth; - kernedWidth = coupleWidth - previousWidth; - } - } - return { - width: width * fontMultiplier, - kernedWidth: kernedWidth * fontMultiplier, - }; - } + fontFamily: 'Times New Roman', + /** - * Computes height of character at given position - * @param {Number} line the line index number - * @param {Number} _char the character index number - * @return {Number} fontSize of the character + * Text decoration underline. + * @type Boolean + * @default */ - getHeightOfChar(line, _char) { - return this.getValueOfPropertyAt(line, _char, 'fontSize'); - } + underline: false, + /** - * measure a text line measuring all characters. - * @param {Number} lineIndex line number - * @return {Number} Line width + * Text decoration overline. + * @type Boolean + * @default */ - measureLine(lineIndex) { - const lineInfo = this._measureLine(lineIndex); - if (this.charSpacing !== 0) { - lineInfo.width -= this._getWidthOfCharSpacing(); - } - if (lineInfo.width < 0) { - lineInfo.width = 0; - } - return lineInfo; - } + overline: false, + /** - * measure every grapheme of a line, populating __charBounds - * @param {Number} lineIndex - * @return {Object} object.width total width of characters - * @return {Object} object.numOfSpaces length of chars that match this._reSpacesAndTabs - */ - _measureLine(lineIndex) { - let width = 0, prevGrapheme, graphemeInfo; - const reverse = this.pathSide === 'right', path = this.path, line = this._textLines[lineIndex], llength = line.length, lineBounds = new Array(llength); - this.__charBounds[lineIndex] = lineBounds; - for (let i = 0; i < llength; i++) { - const grapheme = line[i]; - graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); - lineBounds[i] = graphemeInfo; - width += graphemeInfo.kernedWidth; - prevGrapheme = grapheme; - } - // this latest bound box represent the last character of the line - // to simplify cursor handling in interactive mode. - lineBounds[llength] = { - left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, - width: 0, - kernedWidth: 0, - height: this.fontSize, - }; - if (path) { - let positionInPath = 0; - const totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; - const startingPoint = getPointOnPath(path.path, 0, path.segmentsInfo); - startingPoint.x += path.pathOffset.x; - startingPoint.y += path.pathOffset.y; - switch (this.textAlign) { - case 'left': - positionInPath = reverse ? totalPathLength - width : 0; - break; - case 'center': - positionInPath = (totalPathLength - width) / 2; - break; - case 'right': - positionInPath = reverse ? 0 : totalPathLength - width; - break; - //todo - add support for justify - } - positionInPath += this.pathStartOffset * (reverse ? -1 : 1); - for (let i = reverse ? llength - 1 : 0; reverse ? i >= 0 : i < llength; reverse ? i-- : i++) { - graphemeInfo = lineBounds[i]; - if (positionInPath > totalPathLength) { - positionInPath %= totalPathLength; - } - else if (positionInPath < 0) { - positionInPath += totalPathLength; - } - // it would probably much faster to send all the grapheme position for a line - // and calculate path position/angle at once. - this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); - positionInPath += graphemeInfo.kernedWidth; - } - } - return { width: width, numOfSpaces: 0 }; - } + * Text decoration linethrough. + * @type Boolean + * @default + */ + linethrough: false, + /** - * Calculate the angle and the left,top position of the char that follow a path. - * It appends it to graphemeInfo to be reused later at rendering - * @private - * @param {Number} positionInPath to be measured - * @param {GraphemeBBox} graphemeInfo current grapheme box information - * @param {Object} startingPoint position of the point + * Text alignment. Possible values: "left", "center", "right", "justify", + * "justify-left", "justify-center" or "justify-right". + * @type String + * @default */ - _setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint) { - const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, path = this.path; - // we are at currentPositionOnPath. we want to know what point on the path is. - const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo); - graphemeInfo.renderLeft = info.x - startingPoint.x; - graphemeInfo.renderTop = info.y - startingPoint.y; - graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); - } + textAlign: 'left', + /** - * - * @param {String} grapheme to be measured - * @param {Number} lineIndex index of the line where the char is - * @param {Number} charIndex position in the line - * @param {String} [prevGrapheme] character preceding the one to be measured - * @returns {GraphemeBBox} grapheme bbox - */ - _getGraphemeBox(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { - const style = this.getCompleteStyleDeclaration(lineIndex, charIndex), prevStyle = prevGrapheme - ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) - : {}, info = this._measureChar(grapheme, style, prevGrapheme, prevStyle); - let kernedWidth = info.kernedWidth, width = info.width, charSpacing; - if (this.charSpacing !== 0) { - charSpacing = this._getWidthOfCharSpacing(); - width += charSpacing; - kernedWidth += charSpacing; - } - const box = { - width: width, - left: 0, - height: style.fontSize, - kernedWidth: kernedWidth, - deltaY: style.deltaY, - }; - if (charIndex > 0 && !skipLeft) { - const previousBox = this.__charBounds[lineIndex][charIndex - 1]; - box.left = - previousBox.left + previousBox.width + info.kernedWidth - info.width; - } - return box; - } + * Font style . Possible values: "", "normal", "italic" or "oblique". + * @type String + * @default + */ + fontStyle: 'normal', + /** - * Calculate height of line at 'lineIndex' - * @param {Number} lineIndex index of line to calculate - * @return {Number} + * Line height + * @type Number + * @default */ - getHeightOfLine(lineIndex) { - if (this.__lineHeights[lineIndex]) { - return this.__lineHeights[lineIndex]; - } - // char 0 is measured before the line cycle because it nneds to char - // emptylines - let maxHeight = this.getHeightOfChar(lineIndex, 0); - for (let i = 1, len = this._textLines[lineIndex].length; i < len; i++) { - maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); - } - return (this.__lineHeights[lineIndex] = - maxHeight * this.lineHeight * this._fontSizeMult); - } + lineHeight: 1.16, + /** - * Calculate text box height + * Superscript schema object (minimum overlap) + * @type {Object} + * @default */ - calcTextHeight() { - let lineHeight, height = 0; - for (let i = 0, len = this._textLines.length; i < len; i++) { - lineHeight = this.getHeightOfLine(i); - height += i === len - 1 ? lineHeight / this.lineHeight : lineHeight; - } - return height; - } + superscript: { + size: 0.60, // fontSize factor + baseline: -0.35 // baseline-shift factor (upwards) + }, + /** - * @private - * @return {Number} Left offset + * Subscript schema object (minimum overlap) + * @type {Object} + * @default */ - _getLeftOffset() { - return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; - } + subscript: { + size: 0.60, // fontSize factor + baseline: 0.11 // baseline-shift factor (downwards) + }, + /** - * @private - * @return {Number} Top offset + * Background color of text lines + * @type String + * @default */ - _getTopOffset() { - return -this.height / 2; - } + textBackgroundColor: '', + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {String} method Method name ("fillText" or "strokeText") + * List of properties to consider when checking if + * state of an object is changed ({@link fabric.Object#hasStateChanged}) + * as well as for history (undo/redo) purposes + * @type Array */ - _renderTextCommon(ctx, method) { - ctx.save(); - let lineHeights = 0; - const left = this._getLeftOffset(), top = this._getTopOffset(); - for (let i = 0, len = this._textLines.length; i < len; i++) { - const heightOfLine = this.getHeightOfLine(i), maxHeight = heightOfLine / this.lineHeight, leftOffset = this._getLineLeftOffset(i); - this._renderTextLine(method, ctx, this._textLines[i], left + leftOffset, top + lineHeights + maxHeight, i); - lineHeights += heightOfLine; - } - ctx.restore(); - } + stateProperties: fabric.Object.prototype.stateProperties.concat(additionalProps), + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * List of properties to consider when checking if cache needs refresh + * @type Array */ - _renderTextFill(ctx) { - if (!this.fill && !this.styleHas('fill')) { - return; - } - this._renderTextCommon(ctx, 'fillText'); - } + cacheProperties: fabric.Object.prototype.cacheProperties.concat(additionalProps), + /** - * @private - * @param {CanvasRenderingContext2D} ctx Context to render on + * When defined, an object is rendered via stroke and this property specifies its color. + * Backwards incompatibility note: This property was named "strokeStyle" until v1.1.6 + * @type String + * @default */ - _renderTextStroke(ctx) { - if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { - return; - } - if (this.shadow && !this.shadow.affectStroke) { - this._removeShadow(ctx); - } - ctx.save(); - this._setLineDash(ctx, this.strokeDashArray); - ctx.beginPath(); - this._renderTextCommon(ctx, 'strokeText'); - ctx.closePath(); - ctx.restore(); - } + stroke: null, + /** - * @private - * @param {String} method fillText or strokeText. - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Array} line Content of the line, splitted in an array by grapheme - * @param {Number} left - * @param {Number} top - * @param {Number} lineIndex + * Shadow object representing shadow of this shape. + * Backwards incompatibility note: This property was named "textShadow" (String) until v1.2.11 + * @type fabric.Shadow + * @default */ - _renderChars(method, ctx, line, left, top, lineIndex) { - const lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, path = this.path, shortCut = !isJustify && - this.charSpacing === 0 && - this.isEmptyStyles(lineIndex) && - !path, isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, - // this was changed in the PR #7674 - // currentDirection = ctx.canvas.getAttribute('dir'); - currentDirection = ctx.direction; - let actualStyle, nextStyle, charsToRender = '', charBox, boxWidth = 0, timeToRender, drawingLeft; - ctx.save(); - if (currentDirection !== this.direction) { - ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); - ctx.direction = isLtr ? 'ltr' : 'rtl'; - ctx.textAlign = isLtr ? 'left' : 'right'; - } - top -= (lineHeight * this._fontSizeFraction) / this.lineHeight; - if (shortCut) { - // render all the line in one pass without checking - // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); - this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); - ctx.restore(); - return; - } - for (let i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing || path; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - left += sign * (charBox.kernedWidth - charBox.width); - boxWidth += charBox.width; - } - else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = hasStyleChanged(actualStyle, nextStyle, false); - } - if (timeToRender) { - if (path) { - ctx.save(); - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); - ctx.restore(); - } - else { - drawingLeft = left; - this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); - } - charsToRender = ''; - actualStyle = nextStyle; - left += sign * boxWidth; - boxWidth = 0; - } - } - ctx.restore(); - } + shadow: null, + /** - * This function try to patch the missing gradientTransform on canvas gradients. - * transforming a context to transform the gradient, is going to transform the stroke too. - * we want to transform the gradient but not the stroke operation, so we create - * a transformed gradient on a pattern and then we use the pattern instead of the gradient. - * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size - * is limited. - * @private - * @param {TFiller} filler a fabric gradient instance - * @return {CanvasPattern} a pattern to use as fill/stroke style + * fabric.Path that the text should follow. + * since 4.6.0 the path will be drawn automatically. + * if you want to make the path visible, give it a stroke and strokeWidth or fill value + * if you want it to be hidden, assign visible = false to the path. + * This feature is in BETA, and SVG import/export is not yet supported. + * @type fabric.Path + * @example + * var textPath = new fabric.Text('Text on a path', { + * top: 150, + * left: 150, + * textAlign: 'center', + * charSpacing: -50, + * path: new fabric.Path('M 0 0 C 50 -100 150 -100 200 0', { + * strokeWidth: 1, + * visible: false + * }), + * pathSide: 'left', + * pathStartOffset: 0 + * }); + * @default */ - _applyPatternGradientTransformText(filler) { - const pCanvas = createCanvasElement(), - // TODO: verify compatibility with strokeUniform - width = this.width + this.strokeWidth, height = this.height + this.strokeWidth, pCtx = pCanvas.getContext('2d'); - pCanvas.width = width; - pCanvas.height = height; - pCtx.beginPath(); - pCtx.moveTo(0, 0); - pCtx.lineTo(width, 0); - pCtx.lineTo(width, height); - pCtx.lineTo(0, height); - pCtx.closePath(); - pCtx.translate(width / 2, height / 2); - pCtx.fillStyle = filler.toLive(pCtx); - this._applyPatternGradientTransform(pCtx, filler); - pCtx.fill(); - return pCtx.createPattern(pCanvas, 'no-repeat'); - } - handleFiller(ctx, property, filler) { - let offsetX, offsetY; - if (filler.toLive) { - if (filler.gradientUnits === 'percentage' || - filler.gradientTransform || - filler.patternTransform) { - // need to transform gradient in a pattern. - // this is a slow process. If you are hitting this codepath, and the object - // is not using caching, you should consider switching it on. - // we need a canvas as big as the current object caching canvas. - offsetX = -this.width / 2; - offsetY = -this.height / 2; - ctx.translate(offsetX, offsetY); - ctx[property] = this._applyPatternGradientTransformText(filler); - return { offsetX: offsetX, offsetY: offsetY }; - } - else { - // is a simple gradient or pattern - ctx[property] = filler.toLive(ctx, this); - return this._applyPatternGradientTransform(ctx, filler); - } - } - else { - // is a color - ctx[property] = filler; - } - return { offsetX: 0, offsetY: 0 }; - } - _setStrokeStyles(ctx, decl) { - ctx.lineWidth = decl.strokeWidth; - ctx.lineCap = this.strokeLineCap; - ctx.lineDashOffset = this.strokeDashOffset; - ctx.lineJoin = this.strokeLineJoin; - ctx.miterLimit = this.strokeMiterLimit; - return this.handleFiller(ctx, 'strokeStyle', decl.stroke); - } - _setFillStyles(ctx, decl) { - return this.handleFiller(ctx, 'fillStyle', decl.fill); - } + path: null, + /** - * @private - * @param {String} method - * @param {CanvasRenderingContext2D} ctx Context to render on - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {String} _char - * @param {Number} left Left coordinate - * @param {Number} top Top coordinate - * @param {Number} lineHeight Height of the line + * Offset amount for text path starting position + * Only used when text has a path + * @type Number + * @default */ - _renderChar(method, ctx, lineIndex, charIndex, _char, left, top) { - const decl = this._getStyleDeclaration(lineIndex, charIndex), fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), shouldFill = method === 'fillText' && fullDecl.fill, shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth; - let fillOffsets, strokeOffsets; - if (!shouldStroke && !shouldFill) { - return; - } - ctx.save(); - shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); - shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); - ctx.font = this._getFontDeclaration(fullDecl); - if (decl && decl.textBackgroundColor) { - this._removeShadow(ctx); - } - if (decl && decl.deltaY) { - top += decl.deltaY; - } - shouldFill && - ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); - shouldStroke && - ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); - ctx.restore(); - } + pathStartOffset: 0, + /** - * Turns the character into a 'superior figure' (i.e. 'superscript') - * @param {Number} start selection start - * @param {Number} end selection end + * Which side of the path the text should be drawn on. + * Only used when text has a path + * @type {String} 'left|right' + * @default */ - setSuperscript(start, end) { - this._setScript(start, end, this.superscript); - } + pathSide: 'left', + /** - * Turns the character into an 'inferior figure' (i.e. 'subscript') - * @param {Number} start selection start - * @param {Number} end selection end + * How text is aligned to the path. This property determines + * the perpendicular position of each character relative to the path. + * (one of "baseline", "center", "ascender", "descender") + * This feature is in BETA, and its behavior may change + * @type String + * @default */ - setSubscript(start, end) { - this._setScript(start, end, this.subscript); - } + pathAlign: 'baseline', + /** - * Applies 'schema' at given position * @private - * @param {Number} start selection start - * @param {Number} end selection end - * @param {Number} schema */ - _setScript(start, end, schema) { - const loc = this.get2DCursorLocation(start, true), fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), style = { - fontSize: fontSize * schema.size, - deltaY: dy + fontSize * schema.baseline, - }; - this.setSelectionStyles(style, start, end); - } + _fontSizeFraction: 0.222, + /** * @private - * @param {Number} lineIndex index text line - * @return {Number} Line left offset */ - _getLineLeftOffset(lineIndex) { - const lineWidth = this.getLineWidth(lineIndex), lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, isEndOfWrapping = this.isEndOfWrapping(lineIndex); - let leftOffset = 0; - if (textAlign === 'justify' || - (textAlign === 'justify-center' && !isEndOfWrapping) || - (textAlign === 'justify-right' && !isEndOfWrapping) || - (textAlign === 'justify-left' && !isEndOfWrapping)) { - return 0; - } - if (textAlign === 'center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'right') { - leftOffset = lineDiff; - } - if (textAlign === 'justify-center') { - leftOffset = lineDiff / 2; - } - if (textAlign === 'justify-right') { - leftOffset = lineDiff; - } - if (direction === 'rtl') { - if (textAlign === 'right' || - textAlign === 'justify' || - textAlign === 'justify-right') { - leftOffset = 0; - } - else if (textAlign === 'left' || textAlign === 'justify-left') { - leftOffset = -lineDiff; - } - else if (textAlign === 'center' || textAlign === 'justify-center') { - leftOffset = -lineDiff / 2; - } - } - return leftOffset; - } + offsets: { + underline: 0.10, + linethrough: -0.315, + overline: -0.88 + }, + /** - * @private + * Text Line proportion to font Size (in pixels) + * @type Number + * @default */ - _clearCache() { - this.__lineWidths = []; - this.__lineHeights = []; - this.__charBounds = []; - } + _fontSizeMult: 1.13, + /** - * @private + * additional space between characters + * expressed in thousands of em unit + * @type Number + * @default */ - _shouldClearDimensionCache() { - let shouldClear = this._forceClearCache; - shouldClear || - (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); - if (shouldClear) { - this.dirty = true; - this._forceClearCache = false; - } - return shouldClear; - } + charSpacing: 0, + /** - * Measure a single line given its index. Used to calculate the initial - * text bounding box. The values are calculated and stored in __lineWidths cache. - * @private - * @param {Number} lineIndex line number - * @return {Number} Line width + * Object containing character styles - top-level properties -> line numbers, + * 2nd-level properties - character numbers + * @type Object + * @default */ - getLineWidth(lineIndex) { - if (this.__lineWidths[lineIndex] !== undefined) { - return this.__lineWidths[lineIndex]; - } - const lineInfo = this.measureLine(lineIndex); - const width = lineInfo.width; - this.__lineWidths[lineIndex] = width; - return width; - } - _getWidthOfCharSpacing() { - if (this.charSpacing !== 0) { - return (this.fontSize * this.charSpacing) / 1000; - } - return 0; - } + styles: null, + /** - * Retrieves the value of property at given character position - * @param {Number} lineIndex the line number - * @param {Number} charIndex the character number - * @param {String} property the property name - * @returns the value of 'property' + * Reference to a context to measure text char or couple of chars + * the cacheContext of the canvas will be used or a freshly created one if the object is not on canvas + * once created it will be referenced on fabric._measuringContext to avoid creating a canvas for every + * text object created. + * @type {CanvasRenderingContext2D} + * @default + */ + _measuringContext: null, + + /** + * Baseline shift, styles only, keep at 0 for the main text object + * @type {Number} + * @default + */ + deltaY: 0, + + /** + * WARNING: EXPERIMENTAL. NOT SUPPORTED YET + * determine the direction of the text. + * This has to be set manually together with textAlign and originX for proper + * experience. + * some interesting link for the future + * https://www.w3.org/International/questions/qa-bidi-unicode-controls + * @since 4.5.0 + * @type {String} 'ltr|rtl' + * @default + */ + direction: 'ltr', + + /** + * Array of properties that define a style unit (of 'styles'). + * @type {Array} + * @default + */ + _styleProperties: [ + 'stroke', + 'strokeWidth', + 'fill', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'fontStyle', + 'underline', + 'overline', + 'linethrough', + 'deltaY', + 'textBackgroundColor', + ], + + /** + * contains characters bounding boxes */ - getValueOfPropertyAt(lineIndex, charIndex, property) { - const charStyle = this._getStyleDeclaration(lineIndex, charIndex); - if (charStyle && typeof charStyle[property] !== 'undefined') { - return charStyle[property]; - } - return this[property]; - } + __charBounds: [], + /** + * use this size when measuring text. To avoid IE11 rounding errors + * @type {Number} + * @default + * @readonly * @private - * @param {CanvasRenderingContext2D} ctx Context to render on */ - _renderTextDecoration(ctx, type) { - if (!this[type] && !this.styleHas(type)) { - return; - } - let topOffset = this._getTopOffset(); - const leftOffset = this._getLeftOffset(), path = this.path, charSpacing = this._getWidthOfCharSpacing(), offsetY = this.offsets[type]; - for (let i = 0, len = this._textLines.length; i < len; i++) { - const heightOfLine = this.getHeightOfLine(i); - if (!this[type] && !this.styleHas(type, i)) { - topOffset += heightOfLine; - continue; - } - const line = this._textLines[i]; - const maxHeight = heightOfLine / this.lineHeight; - const lineLeftOffset = this._getLineLeftOffset(i); - let boxStart = 0; - let boxWidth = 0; - let lastDecoration = this.getValueOfPropertyAt(i, 0, type); - let lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); - let currentDecoration; - let currentFill; - const top = topOffset + maxHeight * (1 - this._fontSizeFraction); - let size = this.getHeightOfChar(i, 0); - let dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); - for (let j = 0, jlen = line.length; j < jlen; j++) { - const charBox = this.__charBounds[i][j]; - currentDecoration = this.getValueOfPropertyAt(i, j, type); - currentFill = this.getValueOfPropertyAt(i, j, 'fill'); - const currentSize = this.getHeightOfChar(i, j); - const currentDy = this.getValueOfPropertyAt(i, j, 'deltaY'); - if (path && currentDecoration && currentFill) { - ctx.save(); - ctx.fillStyle = lastFill; - ctx.translate(charBox.renderLeft, charBox.renderTop); - ctx.rotate(charBox.angle); - ctx.fillRect(-charBox.kernedWidth / 2, offsetY * currentSize + currentDy, charBox.kernedWidth, this.fontSize / 15); - ctx.restore(); - } - else if ((currentDecoration !== lastDecoration || - currentFill !== lastFill || - currentSize !== size || - currentDy !== dy) && - boxWidth > 0) { - let drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - if (lastDecoration && lastFill) { - ctx.fillStyle = lastFill; - ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth, this.fontSize / 15); - } - boxStart = charBox.left; - boxWidth = charBox.width; - lastDecoration = currentDecoration; - lastFill = currentFill; - size = currentSize; - dy = currentDy; - } - else { - boxWidth += charBox.kernedWidth; - } - } - let drawStart = leftOffset + lineLeftOffset + boxStart; - if (this.direction === 'rtl') { - drawStart = this.width - drawStart - boxWidth; - } - ctx.fillStyle = currentFill; - currentDecoration && - currentFill && - ctx.fillRect(drawStart, top + offsetY * size + dy, boxWidth - charSpacing, this.fontSize / 15); - topOffset += heightOfLine; - } - // if there is text background color no - // other shadows should be casted - this._removeShadow(ctx); - } + CACHE_FONT_SIZE: 400, + /** - * return font declaration string for canvas context - * @param {Object} [styleObject] object - * @returns {String} font declaration formatted for canvas context. + * contains the min text width to avoid getting 0 + * @type {Number} + * @default */ - _getFontDeclaration(styleObject, forMeasuring) { - const style = styleObject || this, family = this.fontFamily, fontIsGeneric = Text.genericFonts.indexOf(family.toLowerCase()) > -1; - const fontFamily = family === undefined || - family.indexOf("'") > -1 || - family.indexOf(',') > -1 || - family.indexOf('"') > -1 || - fontIsGeneric - ? style.fontFamily - : '"' + style.fontFamily + '"'; - return [ - // node-canvas needs "weight style", while browsers need "style weight" - // verify if this can be fixed in JSDOM - fabric$1.isLikelyNode ? style.fontWeight : style.fontStyle, - fabric$1.isLikelyNode ? style.fontStyle : style.fontWeight, - forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', - fontFamily, - ].join(' '); - } + MIN_TEXT_WIDTH: 2, + /** - * Renders text instance on a specified context - * @param {CanvasRenderingContext2D} ctx Context to render on - */ - render(ctx) { - if (!this.visible) { - return; - } - if (this.canvas && - this.canvas.skipOffscreen && - !this.group && - !this.isOnScreen()) { - return; - } - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - } - super.render(ctx); - } + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.Text} thisArg + */ + initialize: function(text, options) { + this.styles = options ? (options.styles || { }) : { }; + this.text = text; + this.__skipDimension = true; + this.callSuper('initialize', options); + if (this.path) { + this.setPathInfo(); + } + this.__skipDimension = false; + this.initDimensions(); + this.setCoords(); + this.setupState({ propertySet: '_dimensionAffectingProps' }); + }, + /** - * Override this method to customize grapheme splitting - * @todo the util `graphemeSplit` needs to be injectable in some way. - * is more comfortable to inject the correct util rather than having to override text - * in the middle of the prototype chain - * @param {string} value - * @returns {string[]} array of graphemes + * If text has a path, it will add the extra information needed + * for path and text calculations + * @return {fabric.Text} thisArg */ - graphemeSplit(value) { - return graphemeSplit(value); - } + setPathInfo: function() { + var path = this.path; + if (path) { + path.segmentsInfo = fabric.util.getPathSegmentsInfo(path.path); + } + }, + /** - * Returns the text as an array of lines. - * @param {String} text text to split - * @returns Lines in the text - */ - _splitTextIntoLines(text) { - const lines = text.split(this._reNewline), newLines = new Array(lines.length), newLine = ['\n']; - let newText = []; - for (let i = 0; i < lines.length; i++) { - newLines[i] = this.graphemeSplit(lines[i]); - newText = newText.concat(newLines[i], newLine); - } - newText.pop(); - return { - _unwrappedLines: newLines, - lines: lines, - graphemeText: newText, - graphemeLines: newLines, - }; - } + * Return a context for measurement of text string. + * if created it gets stored for reuse + * this is for internal use, please do not use it + * @private + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.Text} thisArg + */ + getMeasuringContext: function() { + // if we did not return we have to measure something. + if (!fabric._measuringContext) { + fabric._measuringContext = this.canvas && this.canvas.contextCache || + fabric.util.createCanvasElement().getContext('2d'); + } + return fabric._measuringContext; + }, + /** - * Returns object representation of an instance - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} Object representation of an instance + * @private + * Divides text into lines of text and lines of graphemes. */ - toObject(propertiesToInclude) { - const allProperties = additionalProps.concat(propertiesToInclude); - const obj = super.toObject(allProperties); - obj.styles = stylesToArray(this.styles, this.text); - if (obj.path) { - obj.path = this.path.toObject(); - } - return obj; - } - set(key, value) { - super.set(key, value); - let needsDims = false; - let isAddingPath = false; - if (typeof key === 'object') { - for (const _key in key) { - if (_key === 'path') { - this.setPathInfo(); - } - needsDims = - needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; - isAddingPath = isAddingPath || _key === 'path'; - } - } - else { - needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; - isAddingPath = key === 'path'; - } - if (isAddingPath) { - this.setPathInfo(); - } - if (needsDims && this.initialized) { - this.initDimensions(); - this.setCoords(); - } - return this; - } + _splitText: function() { + var newLines = this._splitTextIntoLines(this.text); + this.textLines = newLines.lines; + this._textLines = newLines.graphemeLines; + this._unwrappedTextLines = newLines._unwrappedLines; + this._text = newLines.graphemeText; + return newLines; + }, + /** - * Returns complexity of an instance - * @return {Number} complexity + * Initialize or update text dimensions. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. */ - complexity() { - return 1; - } + initDimensions: function() { + if (this.__skipDimension) { + return; + } + this._splitText(); + this._clearCache(); + if (this.path) { + this.width = this.path.width; + this.height = this.path.height; + } + else { + this.width = this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH; + this.height = this.calcTextHeight(); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + this.saveState({ propertySet: '_dimensionAffectingProps' }); + }, + /** - * Returns Text instance from an SVG element (not yet implemented) - * @static - * @memberOf Text - * @param {SVGElement} element Element to parse - * @param {Function} callback callback function invoked after parsing - * @param {Object} [options] Options object + * Enlarge space boxes and shift the others */ - static fromElement(element, callback, options) { - if (!element) { - return callback(null); - } - const parsedAttributes = fabric$1.parseAttributes(element, Text.ATTRIBUTE_NAMES), parsedAnchor = parsedAttributes.textAnchor || 'left'; - options = Object.assign({}, options, parsedAttributes); - options.top = options.top || 0; - options.left = options.left || 0; - if (parsedAttributes.textDecoration) { - const textDecoration = parsedAttributes.textDecoration; - if (textDecoration.indexOf('underline') !== -1) { - options.underline = true; - } - if (textDecoration.indexOf('overline') !== -1) { - options.overline = true; - } - if (textDecoration.indexOf('line-through') !== -1) { - options.linethrough = true; + enlargeSpaces: function() { + var diffSpace, currentLineWidth, numberOfSpaces, accumulatedSpace, line, charBound, spaces; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (this.textAlign !== 'justify' && (i === len - 1 || this.isEndOfWrapping(i))) { + continue; + } + accumulatedSpace = 0; + line = this._textLines[i]; + currentLineWidth = this.getLineWidth(i); + if (currentLineWidth < this.width && (spaces = this.textLines[i].match(this._reSpacesAndTabs))) { + numberOfSpaces = spaces.length; + diffSpace = (this.width - currentLineWidth) / numberOfSpaces; + for (var j = 0, jlen = line.length; j <= jlen; j++) { + charBound = this.__charBounds[i][j]; + if (this._reSpaceAndTab.test(line[j])) { + charBound.width += diffSpace; + charBound.kernedWidth += diffSpace; + charBound.left += accumulatedSpace; + accumulatedSpace += diffSpace; } - delete options.textDecoration; - } - if ('dx' in parsedAttributes) { - options.left += parsedAttributes.dx; - } - if ('dy' in parsedAttributes) { - options.top += parsedAttributes.dy; - } - if (!('fontSize' in options)) { - options.fontSize = DEFAULT_SVG_FONT_SIZE; - } - let textContent = ''; - // The XML is not properly parsed in IE9 so a workaround to get - // textContent is through firstChild.data. Another workaround would be - // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) - if (!('textContent' in element)) { - if ('firstChild' in element && element.firstChild !== null) { - if ('data' in element.firstChild && element.firstChild.data !== null) { - textContent = element.firstChild.data; - } + else { + charBound.left += accumulatedSpace; } + } } - else { - textContent = element.textContent; - } - textContent = textContent - .replace(/^\s+|\s+$|\n+/g, '') - .replace(/\s+/g, ' '); - const originalStrokeWidth = options.strokeWidth; - options.strokeWidth = 0; - const text = new Text(textContent, options), textHeightScaleFactor = text.getScaledHeight() / text.height, lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, scaledDiff = lineHeightDiff * textHeightScaleFactor, textHeight = text.getScaledHeight() + scaledDiff; - let offX = 0; - /* - Adjust positioning: - x/y attributes in SVG correspond to the bottom-left corner of text bounding box - fabric output by default at top, left. - */ - if (parsedAnchor === 'center') { - offX = text.getScaledWidth() / 2; - } - if (parsedAnchor === 'right') { - offX = text.getScaledWidth(); - } - text.set({ - left: text.left - offX, - top: text.top - - (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / - text.lineHeight, - strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, - }); - callback(text); - } - /* _FROM_SVG_END_ */ - /** - * Returns Text instance from an object representation - * @static - * @memberOf Text - * @param {Object} object plain js Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - const styles = stylesFromArray(object.styles, object.text); - //copy object to prevent mutation - const objCopy = Object.assign({}, object, { styles: styles }); - return InteractiveFabricObject._fromObject(Text, objCopy, { - extraParam: 'text', - }); - } -} -Text.genericFonts = [ - 'sans-serif', - 'serif', - 'cursive', - 'fantasy', - 'monospace', -]; -/* _FROM_SVG_START_ */ -/** - * List of attribute names to account for when parsing SVG element (used by {@link Text.fromElement}) - * @static - * @memberOf Text - * @see: http://www.w3.org/TR/SVG/text.html#TextElement - */ -Text.ATTRIBUTE_NAMES = fabric$1.SHARED_ATTRIBUTES.concat('x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); -const textDefaultValues = { - _dimensionAffectingProps: [ - 'fontSize', - 'fontWeight', - 'fontFamily', - 'fontStyle', - 'lineHeight', - 'text', - 'charSpacing', - 'textAlign', - 'styles', - 'path', - 'pathStartOffset', - 'pathSide', - 'pathAlign', - ], - _styleProperties: [ - 'stroke', - 'strokeWidth', - 'fill', - 'fontFamily', - 'fontSize', - 'fontWeight', - 'fontStyle', - 'underline', - 'overline', - 'linethrough', - 'deltaY', - 'textBackgroundColor', - ], - _reNewline: /\r?\n/, - _reSpacesAndTabs: /[ \t\r]/g, - _reSpaceAndTab: /[ \t\r]/, - _reWords: /\S+/g, - type: 'text', - fontSize: 40, - fontWeight: 'normal', - fontFamily: 'Times New Roman', - underline: false, - overline: false, - linethrough: false, - textAlign: 'left', - fontStyle: 'normal', - lineHeight: 1.16, - superscript: { - size: 0.6, - baseline: -0.35, // baseline-shift factor (upwards) + } }, - subscript: { - size: 0.6, - baseline: 0.11, // baseline-shift factor (downwards) - }, - textBackgroundColor: '', - stateProperties: fabricObjectDefaultValues.stateProperties.concat(additionalProps), - cacheProperties: fabricObjectDefaultValues.cacheProperties.concat(additionalProps), - stroke: null, - shadow: null, - path: null, - pathStartOffset: 0, - pathSide: 'left', - pathAlign: 'baseline', - _fontSizeFraction: 0.222, - offsets: { - underline: 0.1, - linethrough: -0.315, - overline: -0.88, + + /** + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @return {Boolean} + */ + isEndOfWrapping: function(lineIndex) { + return lineIndex === this._textLines.length - 1; }, - _fontSizeMult: 1.13, - charSpacing: 0, - styles: null, - deltaY: 0, - direction: 'ltr', - CACHE_FONT_SIZE: 400, - MIN_TEXT_WIDTH: 2, -}; -Object.assign(Text.prototype, textDefaultValues); -fabric$1.Text = Text; -// @ts-nocheck -// extend this regex to support non english languages -const reNonWord = /[ \n\.,;!\?\-]/; -class ITextBehaviorMixin extends Text { - constructor() { - super(...arguments); - this.cursorOffsetCache = {}; - } /** - * Initializes all the interactive behavior of IText + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * It return always for text and Itext. + * @return Number */ - initBehavior() { - this.initAddedHandler(); - this.initRemovedHandler(); - this.initCursorSelectionHandlers(); - this.initDoubleClickSimulation(); - this.mouseMoveHandler = this.mouseMoveHandler.bind(this); - this.dragEnterHandler = this.dragEnterHandler.bind(this); - this.dragOverHandler = this.dragOverHandler.bind(this); - this.dragLeaveHandler = this.dragLeaveHandler.bind(this); - this.dragEndHandler = this.dragEndHandler.bind(this); - this.dropHandler = this.dropHandler.bind(this); - this.on('dragenter', this.dragEnterHandler); - this.on('dragover', this.dragOverHandler); - this.on('dragleave', this.dragLeaveHandler); - this.on('dragend', this.dragEndHandler); - this.on('drop', this.dropHandler); - } - onDeselect() { - this.isEditing && this.exitEditing(); - this.selected = false; - } + missingNewlineOffset: function() { + return 1; + }, + /** - * Initializes "added" event handler + * Returns string representation of an instance + * @return {String} String representation of text object */ - initAddedHandler() { - this.on('added', (opt) => { - // make sure we listen to the canvas added event - const canvas = opt.target; - if (canvas) { - if (!canvas._hasITextHandlers) { - canvas._hasITextHandlers = true; - this._initCanvasHandlers(canvas); - } - canvas._iTextInstances = canvas._iTextInstances || []; - canvas._iTextInstances.push(this); - } - }); - } - initRemovedHandler() { - this.on('removed', (opt) => { - // make sure we listen to the canvas removed event - const canvas = opt.target; - if (canvas) { - canvas._iTextInstances = canvas._iTextInstances || []; - removeFromArray(canvas._iTextInstances, this); - if (canvas._iTextInstances.length === 0) { - canvas._hasITextHandlers = false; - this._removeCanvasHandlers(canvas); - } - } - }); - } + toString: function() { + return '#'; + }, + /** - * register canvas event to manage exiting on other instances + * Return the dimension and the zoom level needed to create a cache canvas + * big enough to host the object to be cached. * @private + * @param {Object} dim.x width of object to be cached + * @param {Object} dim.y height of object to be cached + * @return {Object}.width width of canvas + * @return {Object}.height height of canvas + * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache + * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache */ - _initCanvasHandlers(canvas) { - canvas._mouseUpITextHandler = function () { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach((tObj) => { - tObj.__isMousedown = false; - }); - } - }; - canvas.on('mouse:up', canvas._mouseUpITextHandler); - } + _getCacheCanvasDimensions: function() { + var dims = this.callSuper('_getCacheCanvasDimensions'); + var fontSize = this.fontSize; + dims.width += fontSize * dims.zoomX; + dims.height += fontSize * dims.zoomY; + return dims; + }, + /** - * remove canvas event to manage exiting on other instances * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - _removeCanvasHandlers(canvas) { - canvas.off('mouse:up', canvas._mouseUpITextHandler); - } + _render: function(ctx) { + var path = this.path; + path && !path.isNotVisible() && path._render(ctx); + this._setTextStyles(ctx); + this._renderTextLinesBackground(ctx); + this._renderTextDecoration(ctx, 'underline'); + this._renderText(ctx); + this._renderTextDecoration(ctx, 'overline'); + this._renderTextDecoration(ctx, 'linethrough'); + }, + /** * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - _tick() { - this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); - } + _renderText: function(ctx) { + if (this.paintFirst === 'stroke') { + this._renderTextStroke(ctx); + this._renderTextFill(ctx); + } + else { + this._renderTextFill(ctx); + this._renderTextStroke(ctx); + } + }, + /** + * Set the font parameter of the context with the object properties or with charStyle * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Object} [charStyle] object with font style properties + * @param {String} [charStyle.fontFamily] Font Family + * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix ) + * @param {String} [charStyle.fontWeight] Font weight + * @param {String} [charStyle.fontStyle] Font style (italic|normal) */ - _animateCursor(obj, targetOpacity, duration, completeMethod) { - const tickState = { - isAborted: false, - abort: function () { - this.isAborted = true; - }, - }; - obj.animate('_currentCursorOpacity', targetOpacity, { - duration: duration, - onComplete: function () { - if (!tickState.isAborted) { - obj[completeMethod](); - } - }, - onChange: function () { - // we do not want to animate a selection, only cursor - if (obj.canvas && obj.selectionStart === obj.selectionEnd) { - obj.renderCursorOrSelection(); - } - }, - abort: function () { - return tickState.isAborted; - }, - }); - return tickState; - } + _setTextStyles: function(ctx, charStyle, forMeasuring) { + ctx.textBaseline = 'alphabetical'; + if (this.path) { + switch (this.pathAlign) { + case 'center': + ctx.textBaseline = 'middle'; + break; + case 'ascender': + ctx.textBaseline = 'top'; + break; + case 'descender': + ctx.textBaseline = 'bottom'; + break; + } + } + ctx.font = this._getFontDeclaration(charStyle, forMeasuring); + }, + /** + * calculate and return the text Width measuring each line. * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @return {Number} Maximum width of fabric.Text object */ - _onTickComplete() { - if (this._cursorTimeout1) { - clearTimeout(this._cursorTimeout1); + calcTextWidth: function() { + var maxWidth = this.getLineWidth(0); + + for (var i = 1, len = this._textLines.length; i < len; i++) { + var currentLineWidth = this.getLineWidth(i); + if (currentLineWidth > maxWidth) { + maxWidth = currentLineWidth; } - this._cursorTimeout1 = setTimeout(() => { - this._currentTickCompleteState = this._animateCursor(this, 0, this.cursorDuration / 2, '_tick'); - }, 100); - } + } + return maxWidth; + }, + /** - * Initializes delayed cursor + * @private + * @param {String} method Method name ("fillText" or "strokeText") + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} line Text to render + * @param {Number} left Left position of text + * @param {Number} top Top position of text + * @param {Number} lineIndex Index of a line in a text */ - initDelayedCursor(restart) { - const delay = restart ? 0 : this.cursorDelay; - this.abortCursorAnimation(); - if (delay) { - this._cursorTimeout2 = setTimeout(() => { - this._tick(); - }, delay); - } - else { - this._tick(); - } - } + _renderTextLine: function(method, ctx, line, left, top, lineIndex) { + this._renderChars(method, ctx, line, left, top, lineIndex); + }, + /** - * Aborts cursor animation, clears all timeouts and clear textarea context if necessary + * Renders the text background for lines, taking care of style + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - abortCursorAnimation() { - const shouldClear = this._currentTickState || this._currentTickCompleteState; - this._currentTickState && this._currentTickState.abort(); - this._currentTickCompleteState && this._currentTickCompleteState.abort(); - clearTimeout(this._cursorTimeout1); - clearTimeout(this._cursorTimeout2); - this._currentCursorOpacity = 1; - // make sure we clear context even if instance is not editing - if (shouldClear) { - this.clearContextTop(); - } - } - restartCursorIfNeeded() { - if (!this._currentTickState || - this._currentTickState.isAborted || - !this._currentTickCompleteState || - this._currentTickCompleteState.isAborted) { - this.initDelayedCursor(); - } - } + _renderTextLinesBackground: function(ctx) { + if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) { + return; + } + var heightOfLine, + lineLeftOffset, originalFill = ctx.fillStyle, + line, lastColor, + leftOffset = this._getLeftOffset(), + lineTopOffset = this._getTopOffset(), + boxStart = 0, boxWidth = 0, charBox, currentColor, path = this.path, + drawStart; + + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor', i)) { + lineTopOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + lineLeftOffset = this._getLineLeftOffset(i); + boxWidth = 0; + boxStart = 0; + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillStyle = currentColor; + currentColor && ctx.fillRect( + -charBox.width / 2, + -heightOfLine / this.lineHeight * (1 - this._fontSizeFraction), + charBox.width, + heightOfLine / this.lineHeight + ); + ctx.restore(); + } + else if (currentColor !== lastColor) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = lastColor; + lastColor && ctx.fillRect( + drawStart, + lineTopOffset, + boxWidth, + heightOfLine / this.lineHeight + ); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + if (currentColor && !path) { + drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentColor; + ctx.fillRect( + drawStart, + lineTopOffset, + boxWidth, + heightOfLine / this.lineHeight + ); + } + lineTopOffset += heightOfLine; + } + ctx.fillStyle = originalFill; + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + }, + /** - * Selects entire text + * @private + * @param {Object} decl style declaration for cache + * @param {String} decl.fontFamily fontFamily + * @param {String} decl.fontStyle fontStyle + * @param {String} decl.fontWeight fontWeight + * @return {Object} reference to cache */ - selectAll() { - this.selectionStart = 0; - this.selectionEnd = this._text.length; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - } + getFontCache: function(decl) { + var fontFamily = decl.fontFamily.toLowerCase(); + if (!fabric.charWidthsCache[fontFamily]) { + fabric.charWidthsCache[fontFamily] = { }; + } + var cache = fabric.charWidthsCache[fontFamily], + cacheProp = decl.fontStyle.toLowerCase() + '_' + (decl.fontWeight + '').toLowerCase(); + if (!cache[cacheProp]) { + cache[cacheProp] = { }; + } + return cache[cacheProp]; + }, + /** - * Returns selected text - * @return {String} + * measure and return the width of a single character. + * possibly overridden to accommodate different measure logic or + * to hook some external lib for character measurement + * @private + * @param {String} _char, char to be measured + * @param {Object} charStyle style of char to be measured + * @param {String} [previousChar] previous char + * @param {Object} [prevCharStyle] style of previous char */ - getSelectedText() { - return this._text.slice(this.selectionStart, this.selectionEnd).join(''); - } + _measureChar: function(_char, charStyle, previousChar, prevCharStyle) { + // first i try to return from cache + var fontCache = this.getFontCache(charStyle), fontDeclaration = this._getFontDeclaration(charStyle), + previousFontDeclaration = this._getFontDeclaration(prevCharStyle), couple = previousChar + _char, + stylesAreEqual = fontDeclaration === previousFontDeclaration, width, coupleWidth, previousWidth, + fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE, kernedWidth; + + if (previousChar && fontCache[previousChar] !== undefined) { + previousWidth = fontCache[previousChar]; + } + if (fontCache[_char] !== undefined) { + kernedWidth = width = fontCache[_char]; + } + if (stylesAreEqual && fontCache[couple] !== undefined) { + coupleWidth = fontCache[couple]; + kernedWidth = coupleWidth - previousWidth; + } + if (width === undefined || previousWidth === undefined || coupleWidth === undefined) { + var ctx = this.getMeasuringContext(); + // send a TRUE to specify measuring font size CACHE_FONT_SIZE + this._setTextStyles(ctx, charStyle, true); + } + if (width === undefined) { + kernedWidth = width = ctx.measureText(_char).width; + fontCache[_char] = width; + } + if (previousWidth === undefined && stylesAreEqual && previousChar) { + previousWidth = ctx.measureText(previousChar).width; + fontCache[previousChar] = previousWidth; + } + if (stylesAreEqual && coupleWidth === undefined) { + // we can measure the kerning couple and subtract the width of the previous character + coupleWidth = ctx.measureText(couple).width; + fontCache[couple] = coupleWidth; + kernedWidth = coupleWidth - previousWidth; + } + return { width: width * fontMultiplier, kernedWidth: kernedWidth * fontMultiplier }; + }, + /** - * Find new selection index representing start of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + * Computes height of character at given position + * @param {Number} line the line index number + * @param {Number} _char the character index number + * @return {Number} fontSize of the character */ - findWordBoundaryLeft(startFrom) { - let offset = 0, index = startFrom - 1; - // remove space before cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index--; - } - } - while (/\S/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - return startFrom - offset; - } + getHeightOfChar: function(line, _char) { + return this.getValueOfPropertyAt(line, _char, 'fontSize'); + }, + /** - * Find new selection index representing end of current word according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + * measure a text line measuring all characters. + * @param {Number} lineIndex line number + * @return {Number} Line width */ - findWordBoundaryRight(startFrom) { - let offset = 0, index = startFrom; - // remove space after cursor first - if (this._reSpace.test(this._text[index])) { - while (this._reSpace.test(this._text[index])) { - offset++; - index++; - } - } - while (/\S/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - return startFrom + offset; - } + measureLine: function(lineIndex) { + var lineInfo = this._measureLine(lineIndex); + if (this.charSpacing !== 0) { + lineInfo.width -= this._getWidthOfCharSpacing(); + } + if (lineInfo.width < 0) { + lineInfo.width = 0; + } + return lineInfo; + }, + /** - * Find new selection index representing start of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + * measure every grapheme of a line, populating __charBounds + * @param {Number} lineIndex + * @return {Object} object.width total width of characters + * @return {Object} object.widthOfSpaces length of chars that match this._reSpacesAndTabs */ - findLineBoundaryLeft(startFrom) { - let offset = 0, index = startFrom - 1; - while (!/\n/.test(this._text[index]) && index > -1) { - offset++; - index--; - } - return startFrom - offset; - } + _measureLine: function(lineIndex) { + var width = 0, i, grapheme, line = this._textLines[lineIndex], prevGrapheme, + graphemeInfo, numOfSpaces = 0, lineBounds = new Array(line.length), + positionInPath = 0, startingPoint, totalPathLength, path = this.path, + reverse = this.pathSide === 'right'; + + this.__charBounds[lineIndex] = lineBounds; + for (i = 0; i < line.length; i++) { + grapheme = line[i]; + graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme); + lineBounds[i] = graphemeInfo; + width += graphemeInfo.kernedWidth; + prevGrapheme = grapheme; + } + // this latest bound box represent the last character of the line + // to simplify cursor handling in interactive mode. + lineBounds[i] = { + left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0, + width: 0, + kernedWidth: 0, + height: this.fontSize + }; + if (path) { + totalPathLength = path.segmentsInfo[path.segmentsInfo.length - 1].length; + startingPoint = fabric.util.getPointOnPath(path.path, 0, path.segmentsInfo); + startingPoint.x += path.pathOffset.x; + startingPoint.y += path.pathOffset.y; + switch (this.textAlign) { + case 'left': + positionInPath = reverse ? (totalPathLength - width) : 0; + break; + case 'center': + positionInPath = (totalPathLength - width) / 2; + break; + case 'right': + positionInPath = reverse ? 0 : (totalPathLength - width); + break; + //todo - add support for justify + } + positionInPath += this.pathStartOffset * (reverse ? -1 : 1); + for (i = reverse ? line.length - 1 : 0; + reverse ? i >= 0 : i < line.length; + reverse ? i-- : i++) { + graphemeInfo = lineBounds[i]; + if (positionInPath > totalPathLength) { + positionInPath %= totalPathLength; + } + else if (positionInPath < 0) { + positionInPath += totalPathLength; + } + // it would probably much faster to send all the grapheme position for a line + // and calculate path position/angle at once. + this._setGraphemeOnPath(positionInPath, graphemeInfo, startingPoint); + positionInPath += graphemeInfo.kernedWidth; + } + } + return { width: width, numOfSpaces: numOfSpaces }; + }, + /** - * Find new selection index representing end of current line according to current selection index - * @param {Number} startFrom Current selection index - * @return {Number} New selection index + * Calculate the angle and the left,top position of the char that follow a path. + * It appends it to graphemeInfo to be reused later at rendering + * @private + * @param {Number} positionInPath to be measured + * @param {Object} graphemeInfo current grapheme box information + * @param {Object} startingPoint position of the point */ - findLineBoundaryRight(startFrom) { - let offset = 0, index = startFrom; - while (!/\n/.test(this._text[index]) && index < this._text.length) { - offset++; - index++; - } - return startFrom + offset; - } + _setGraphemeOnPath: function(positionInPath, graphemeInfo, startingPoint) { + var centerPosition = positionInPath + graphemeInfo.kernedWidth / 2, + path = this.path; + + // we are at currentPositionOnPath. we want to know what point on the path is. + var info = fabric.util.getPointOnPath(path.path, centerPosition, path.segmentsInfo); + graphemeInfo.renderLeft = info.x - startingPoint.x; + graphemeInfo.renderTop = info.y - startingPoint.y; + graphemeInfo.angle = info.angle + (this.pathSide === 'right' ? Math.PI : 0); + }, + /** - * Finds index corresponding to beginning or end of a word - * @param {Number} selectionStart Index of a character - * @param {Number} direction 1 or -1 - * @return {Number} Index of the beginning or end of a word + * Measure and return the info of a single grapheme. + * needs the the info of previous graphemes already filled + * @private + * @param {String} grapheme to be measured + * @param {Number} lineIndex index of the line where the char is + * @param {Number} charIndex position in the line + * @param {String} [prevGrapheme] character preceding the one to be measured */ - searchWordBoundary(selectionStart, direction) { - const text = this._text; - let index = this._reSpace.test(text[selectionStart]) - ? selectionStart - 1 - : selectionStart, _char = text[index]; - while (!reNonWord.test(_char) && index > 0 && index < text.length) { - index += direction; - _char = text[index]; - } - if (reNonWord.test(_char)) { - index += direction === 1 ? 0 : 1; - } - return index; - } + _getGraphemeBox: function(grapheme, lineIndex, charIndex, prevGrapheme, skipLeft) { + var style = this.getCompleteStyleDeclaration(lineIndex, charIndex), + prevStyle = prevGrapheme ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1) : { }, + info = this._measureChar(grapheme, style, prevGrapheme, prevStyle), + kernedWidth = info.kernedWidth, + width = info.width, charSpacing; + + if (this.charSpacing !== 0) { + charSpacing = this._getWidthOfCharSpacing(); + width += charSpacing; + kernedWidth += charSpacing; + } + + var box = { + width: width, + left: 0, + height: style.fontSize, + kernedWidth: kernedWidth, + deltaY: style.deltaY, + }; + if (charIndex > 0 && !skipLeft) { + var previousBox = this.__charBounds[lineIndex][charIndex - 1]; + box.left = previousBox.left + previousBox.width + info.kernedWidth - info.width; + } + return box; + }, + /** - * Selects a word based on the index - * @param {Number} selectionStart Index of a character + * Calculate height of line at 'lineIndex' + * @param {Number} lineIndex index of line to calculate + * @return {Number} */ - selectWord(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.searchWordBoundary(selectionStart, -1) /* search backwards */, newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } + getHeightOfLine: function(lineIndex) { + if (this.__lineHeights[lineIndex]) { + return this.__lineHeights[lineIndex]; + } + + var line = this._textLines[lineIndex], + // char 0 is measured before the line cycle because it nneds to char + // emptylines + maxHeight = this.getHeightOfChar(lineIndex, 0); + for (var i = 1, len = line.length; i < len; i++) { + maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight); + } + + return this.__lineHeights[lineIndex] = maxHeight * this.lineHeight * this._fontSizeMult; + }, + /** - * Selects a line based on the index - * @param {Number} selectionStart Index of a character + * Calculate text box height */ - selectLine(selectionStart) { - selectionStart = selectionStart || this.selectionStart; - const newSelectionStart = this.findLineBoundaryLeft(selectionStart), newSelectionEnd = this.findLineBoundaryRight(selectionStart); - this.selectionStart = newSelectionStart; - this.selectionEnd = newSelectionEnd; - this._fireSelectionChanged(); - this._updateTextarea(); - return this; - } + calcTextHeight: function() { + var lineHeight, height = 0; + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineHeight = this.getHeightOfLine(i); + height += (i === len - 1 ? lineHeight / this.lineHeight : lineHeight); + } + return height; + }, + /** - * Enters editing state + * @private + * @return {Number} Left offset */ - enterEditing(e) { - if (this.isEditing || !this.editable) { - return; - } - if (this.canvas) { - this.canvas.calcOffset(); - this.exitEditingOnOthers(this.canvas); - } - this.isEditing = true; - this.initHiddenTextarea(e); - this.hiddenTextarea.focus(); - this.hiddenTextarea.value = this.text; - this._updateTextarea(); - this._saveEditingProps(); - this._setEditingProps(); - this._textBeforeEdit = this.text; - this._tick(); - this.fire('editing:entered'); - this._fireSelectionChanged(); - if (!this.canvas) { - return this; - } - this.canvas.fire('text:editing:entered', { target: this }); - this.initMouseMoveHandler(); - this.canvas.requestRenderAll(); - return this; - } - exitEditingOnOthers(canvas) { - if (canvas._iTextInstances) { - canvas._iTextInstances.forEach((obj) => { - obj.selected = false; - if (obj.isEditing) { - obj.exitEditing(); - } - }); - } - } + _getLeftOffset: function() { + return this.direction === 'ltr' ? -this.width / 2 : this.width / 2; + }, + /** - * Initializes "mousemove" event handler + * @private + * @return {Number} Top offset */ - initMouseMoveHandler() { - this.canvas.on('mouse:move', this.mouseMoveHandler); - } + _getTopOffset: function() { + return -this.height / 2; + }, + /** * @private + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {String} method Method name ("fillText" or "strokeText") */ - mouseMoveHandler(options) { - if (!this.__isMousedown || !this.isEditing) { - return; - } - // regain focus - fabric$1.document.activeElement !== this.hiddenTextarea && - this.hiddenTextarea.focus(); - const newSelectionStart = this.getSelectionStartFromPointer(options.e), currentStart = this.selectionStart, currentEnd = this.selectionEnd; - if ((newSelectionStart !== this.__selectionStartOnMouseDown || - currentStart === currentEnd) && - (currentStart === newSelectionStart || currentEnd === newSelectionStart)) { - return; - } - if (newSelectionStart > this.__selectionStartOnMouseDown) { - this.selectionStart = this.__selectionStartOnMouseDown; - this.selectionEnd = newSelectionStart; - } - else { - this.selectionStart = newSelectionStart; - this.selectionEnd = this.__selectionStartOnMouseDown; - } - if (this.selectionStart !== currentStart || - this.selectionEnd !== currentEnd) { - this.restartCursorIfNeeded(); - this._fireSelectionChanged(); - this._updateTextarea(); - this.renderCursorOrSelection(); - } - } - /** - * Override to customize the drag image - * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage - * @param {DragEvent} e - * @param {object} data - * @param {number} data.selectionStart - * @param {number} data.selectionEnd - * @param {string} data.text - * @param {string} data.value selected text - */ - setDragImage(e, data) { - const t = this.calcTransformMatrix(); - const flipFactor = new Point(this.flipX ? -1 : 1, this.flipY ? -1 : 1); - const boundaries = this._getCursorBoundaries(data.selectionStart); - const selectionPosition = new Point(boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset).multiply(flipFactor); - const pos = transformPoint(selectionPosition, t); - const pointer = this.canvas.getPointer(e); - const diff = pointer.subtract(pos); - const enableRetinaScaling = this.canvas._isRetinaScaling(); - const retinaScaling = this.canvas.getRetinaScaling(); - const bbox = this.getBoundingRect(true); - const correction = pos.subtract(new Point(bbox.left, bbox.top)); - const offset = correction.add(diff).scalarMultiply(retinaScaling); - // prepare instance for drag image snapshot by making all non selected text invisible - const bgc = this.backgroundColor; - const styles = object.clone(this.styles, true); - delete this.backgroundColor; - const styleOverride = { - fill: 'transparent', - textBackgroundColor: 'transparent', - }; - this.setSelectionStyles(styleOverride, 0, data.selectionStart); - this.setSelectionStyles(styleOverride, data.selectionEnd, data.text.length); - let dragImage = this.toCanvasElement({ - enableRetinaScaling: enableRetinaScaling, - }); - this.backgroundColor = bgc; - this.styles = styles; - // handle retina scaling - if (enableRetinaScaling && retinaScaling > 1) { - const c = createCanvasElement(); - c.width = dragImage.width / retinaScaling; - c.height = dragImage.height / retinaScaling; - const ctx = c.getContext('2d'); - ctx.scale(1 / retinaScaling, 1 / retinaScaling); - ctx.drawImage(dragImage, 0, 0); - dragImage = c; - } - this.__dragImageDisposer && this.__dragImageDisposer(); - this.__dragImageDisposer = () => { - dragImage.remove(); - }; - // position drag image offsecreen - setStyle(dragImage, { - position: 'absolute', - left: -dragImage.width + 'px', - border: 'none', - }); - fabric$1.document.body.appendChild(dragImage); - e.dataTransfer.setDragImage(dragImage, offset.x, offset.y); - } - /** - * support native like text dragging - * @private - * @param {DragEvent} e - * @returns {boolean} should handle event - */ - onDragStart(e) { - this.__dragStartFired = true; - if (this.__isDragging) { - const selection = (this.__dragStartSelection = { - selectionStart: this.selectionStart, - selectionEnd: this.selectionEnd, - }); - const value = this._text - .slice(selection.selectionStart, selection.selectionEnd) - .join(''); - const data = Object.assign({ text: this.text, value: value }, selection); - e.dataTransfer.setData('text/plain', value); - e.dataTransfer.setData('application/fabric', JSON.stringify({ - value: value, - styles: this.getSelectionStyles(selection.selectionStart, selection.selectionEnd, true), - })); - e.dataTransfer.effectAllowed = 'copyMove'; - this.setDragImage(e, data); - } - this.abortCursorAnimation(); - return this.__isDragging; - } + _renderTextCommon: function(ctx, method) { + ctx.save(); + var lineHeights = 0, left = this._getLeftOffset(), top = this._getTopOffset(); + for (var i = 0, len = this._textLines.length; i < len; i++) { + var heightOfLine = this.getHeightOfLine(i), + maxHeight = heightOfLine / this.lineHeight, + leftOffset = this._getLineLeftOffset(i); + this._renderTextLine( + method, + ctx, + this._textLines[i], + left + leftOffset, + top + lineHeights + maxHeight, + i + ); + lineHeights += heightOfLine; + } + ctx.restore(); + }, + /** - * Override to customize drag and drop behavior - * @public - * @param {DragEvent} e - * @returns {boolean} + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - canDrop(e) { - if (this.editable && !this.__corner) { - if (this.__isDragging && this.__dragStartSelection) { - // drag source trying to drop over itself - // allow dropping only outside of drag start selection - const index = this.getSelectionStartFromPointer(e); - const dragStartSelection = this.__dragStartSelection; - return (index < dragStartSelection.selectionStart || - index > dragStartSelection.selectionEnd); - } - return true; - } - return false; - } + _renderTextFill: function(ctx) { + if (!this.fill && !this.styleHas('fill')) { + return; + } + + this._renderTextCommon(ctx, 'fillText'); + }, + /** - * support native like text dragging * @private - * @param {object} options - * @param {DragEvent} options.e + * @param {CanvasRenderingContext2D} ctx Context to render on */ - dragEnterHandler({ e }) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; - } - } + _renderTextStroke: function(ctx) { + if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) { + return; + } + + if (this.shadow && !this.shadow.affectStroke) { + this._removeShadow(ctx); + } + + ctx.save(); + this._setLineDash(ctx, this.strokeDashArray); + ctx.beginPath(); + this._renderTextCommon(ctx, 'strokeText'); + ctx.closePath(); + ctx.restore(); + }, + /** - * support native like text dragging * @private - * @param {object} options - * @param {DragEvent} options.e + * @param {String} method fillText or strokeText. + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Array} line Content of the line, splitted in an array by grapheme + * @param {Number} left + * @param {Number} top + * @param {Number} lineIndex */ - dragOverHandler({ e }) { - const canDrop = !e.defaultPrevented && this.canDrop(e); - if (!this.__isDraggingOver && canDrop) { - this.__isDraggingOver = true; + _renderChars: function(method, ctx, line, left, top, lineIndex) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, + boxWidth = 0, + timeToRender, + path = this.path, + shortCut = !isJustify && this.charSpacing === 0 && this.isEmptyStyles(lineIndex) && !path, + isLtr = this.direction === 'ltr', sign = this.direction === 'ltr' ? 1 : -1, + drawingLeft, currentDirection = ctx.canvas.getAttribute('dir'); + ctx.save(); + if (currentDirection !== this.direction) { + ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl'); + ctx.direction = isLtr ? 'ltr' : 'rtl'; + ctx.textAlign = isLtr ? 'left' : 'right'; + } + top -= lineHeight * this._fontSizeFraction / this.lineHeight; + if (shortCut) { + // render all the line in one pass without checking + // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex); + this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top, lineHeight); + ctx.restore(); + return; + } + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing || path; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + left += sign * (charBox.kernedWidth - charBox.width); + boxWidth += charBox.width; } - else if (this.__isDraggingOver && !canDrop) { - // drop state has changed - this.__isDraggingOver = false; + else { + boxWidth += charBox.kernedWidth; } - if (this.__isDraggingOver) { - // can be dropped, inform browser - e.preventDefault(); - // inform event subscribers - options.canDrop = true; - options.dropTarget = this; - // find cursor under the drag part. + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } } - } - /** - * support native like text dragging - * @private - */ - dragLeaveHandler() { - if (this.__isDraggingOver || this.__isDragging) { - this.__isDraggingOver = false; + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = this._hasStyleChanged(actualStyle, nextStyle); } - } + if (timeToRender) { + if (path) { + ctx.save(); + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + this._renderChar(method, ctx, lineIndex, i, charsToRender, -boxWidth / 2, 0, lineHeight); + ctx.restore(); + } + else { + drawingLeft = left; + this._renderChar(method, ctx, lineIndex, i, charsToRender, drawingLeft, top, lineHeight); + } + charsToRender = ''; + actualStyle = nextStyle; + left += sign * boxWidth; + boxWidth = 0; + } + } + ctx.restore(); + }, + /** - * support native like text dragging - * fired only on the drag source - * handle changes to the drag source in case of a drop on another object or a cancellation - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag + * This function try to patch the missing gradientTransform on canvas gradients. + * transforming a context to transform the gradient, is going to transform the stroke too. + * we want to transform the gradient but not the stroke operation, so we create + * a transformed gradient on a pattern and then we use the pattern instead of the gradient. + * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size + * is limited. * @private - * @param {object} options - * @param {DragEvent} options.e + * @param {fabric.Gradient} filler a fabric gradient instance + * @return {CanvasPattern} a pattern to use as fill/stroke style */ - dragEndHandler({ e }) { - if (this.__isDragging && this.__dragStartFired) { - // once the drop event finishes we check if we need to change the drag source - // if the drag source received the drop we bail out - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - const dropEffect = e.dataTransfer.dropEffect; - if (dropEffect === 'none') { - this.selectionStart = selectionStart; - this.selectionEnd = selectionEnd; - this._updateTextarea(); - } - else { - this.clearContextTop(); - if (dropEffect === 'move') { - this.insertChars('', null, selectionStart, selectionEnd); - this.selectionStart = this.selectionEnd = selectionStart; - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: selectionStart, - action: 'dragend', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - this.exitEditing(); - // disable mouse up logic - this.__lastSelected = false; - } - } + _applyPatternGradientTransformText: function(filler) { + var pCanvas = fabric.util.createCanvasElement(), pCtx, + // TODO: verify compatibility with strokeUniform + width = this.width + this.strokeWidth, height = this.height + this.strokeWidth; + pCanvas.width = width; + pCanvas.height = height; + pCtx = pCanvas.getContext('2d'); + pCtx.beginPath(); pCtx.moveTo(0, 0); pCtx.lineTo(width, 0); pCtx.lineTo(width, height); + pCtx.lineTo(0, height); pCtx.closePath(); + pCtx.translate(width / 2, height / 2); + pCtx.fillStyle = filler.toLive(pCtx); + this._applyPatternGradientTransform(pCtx, filler); + pCtx.fill(); + return pCtx.createPattern(pCanvas, 'no-repeat'); + }, + + handleFiller: function(ctx, property, filler) { + var offsetX, offsetY; + if (filler.toLive) { + if (filler.gradientUnits === 'percentage' || filler.gradientTransform || filler.patternTransform) { + // need to transform gradient in a pattern. + // this is a slow process. If you are hitting this codepath, and the object + // is not using caching, you should consider switching it on. + // we need a canvas as big as the current object caching canvas. + offsetX = -this.width / 2; + offsetY = -this.height / 2; + ctx.translate(offsetX, offsetY); + ctx[property] = this._applyPatternGradientTransformText(filler); + return { offsetX: offsetX, offsetY: offsetY }; } - this.__dragImageDisposer && this.__dragImageDisposer(); - delete this.__dragImageDisposer; - delete this.__dragStartSelection; - this.__isDraggingOver = false; - } + else { + // is a simple gradient or pattern + ctx[property] = filler.toLive(ctx, this); + return this._applyPatternGradientTransform(ctx, filler); + } + } + else { + // is a color + ctx[property] = filler; + } + return { offsetX: 0, offsetY: 0 }; + }, + + _setStrokeStyles: function(ctx, decl) { + ctx.lineWidth = decl.strokeWidth; + ctx.lineCap = this.strokeLineCap; + ctx.lineDashOffset = this.strokeDashOffset; + ctx.lineJoin = this.strokeLineJoin; + ctx.miterLimit = this.strokeMiterLimit; + return this.handleFiller(ctx, 'strokeStyle', decl.stroke); + }, + + _setFillStyles: function(ctx, decl) { + return this.handleFiller(ctx, 'fillStyle', decl.fill); + }, + /** - * support native like text dragging - * - * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer} - * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event - * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop * @private - * @param {object} options - * @param {DragEvent} options.e + * @param {String} method + * @param {CanvasRenderingContext2D} ctx Context to render on + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {String} _char + * @param {Number} left Left coordinate + * @param {Number} top Top coordinate + * @param {Number} lineHeight Height of the line */ - dropHandler({ e }) { - const didDrop = e.defaultPrevented; - this.__isDraggingOver = false; - // inform browser that the drop has been accepted - e.preventDefault(); - let insert = e.dataTransfer.getData('text/plain'); - if (insert && !didDrop) { - let insertAt = this.getSelectionStartFromPointer(e); - const data = e.dataTransfer.types.includes('application/fabric') - ? JSON.parse(e.dataTransfer.getData('application/fabric')) - : {}; - const styles = data.styles; - const trailing = insert[Math.max(0, insert.length - 1)]; - const selectionStartOffset = 0; - // drag and drop in same instance - if (this.__dragStartSelection) { - const selectionStart = this.__dragStartSelection.selectionStart; - const selectionEnd = this.__dragStartSelection.selectionEnd; - if (insertAt > selectionStart && insertAt <= selectionEnd) { - insertAt = selectionStart; - } - else if (insertAt > selectionEnd) { - insertAt -= selectionEnd - selectionStart; - } - this.insertChars('', null, selectionStart, selectionEnd); - // prevent `dragend` from handling event - delete this.__dragStartSelection; - } - // remove redundant line break - if (this._reNewline.test(trailing) && - (this._reNewline.test(this._text[insertAt]) || - insertAt === this._text.length)) { - insert = insert.trimEnd(); - } - // inform subscribers - options.didDrop = true; - options.dropTarget = this; - // finalize - this.insertChars(insert, styles, insertAt); - // can this part be moved in an outside event? andrea to check. - this.canvas.setActiveObject(this); - this.enterEditing(); - this.selectionStart = Math.min(insertAt + selectionStartOffset, this._text.length); - this.selectionEnd = Math.min(this.selectionStart + insert.length, this._text.length); - this.hiddenTextarea && (this.hiddenTextarea.value = this.text); - this._updateTextarea(); - this.fire('changed', { - index: insertAt + selectionStartOffset, - action: 'drop', - }); - this.canvas.fire('text:changed', { target: this }); - this.canvas.contextTopDirty = true; - this.canvas.requestRenderAll(); - } - } + _renderChar: function(method, ctx, lineIndex, charIndex, _char, left, top) { + var decl = this._getStyleDeclaration(lineIndex, charIndex), + fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex), + shouldFill = method === 'fillText' && fullDecl.fill, + shouldStroke = method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth, + fillOffsets, strokeOffsets; + + if (!shouldStroke && !shouldFill) { + return; + } + ctx.save(); + + shouldFill && (fillOffsets = this._setFillStyles(ctx, fullDecl)); + shouldStroke && (strokeOffsets = this._setStrokeStyles(ctx, fullDecl)); + + ctx.font = this._getFontDeclaration(fullDecl); + + + if (decl && decl.textBackgroundColor) { + this._removeShadow(ctx); + } + if (decl && decl.deltaY) { + top += decl.deltaY; + } + shouldFill && ctx.fillText(_char, left - fillOffsets.offsetX, top - fillOffsets.offsetY); + shouldStroke && ctx.strokeText(_char, left - strokeOffsets.offsetX, top - strokeOffsets.offsetY); + ctx.restore(); + }, + /** - * @private + * Turns the character into a 'superior figure' (i.e. 'superscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {fabric.Text} thisArg + * @chainable */ - _setEditingProps() { - this.hoverCursor = 'text'; - if (this.canvas) { - this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; - } - this.borderColor = this.editingBorderColor; - this.hasControls = this.selectable = false; - this.lockMovementX = this.lockMovementY = true; - } + setSuperscript: function(start, end) { + return this._setScript(start, end, this.superscript); + }, + /** - * convert from textarea to grapheme indexes + * Turns the character into an 'inferior figure' (i.e. 'subscript') + * @param {Number} start selection start + * @param {Number} end selection end + * @returns {fabric.Text} thisArg + * @chainable */ - fromStringToGraphemeSelection(start, end, text) { - const smallerTextStart = text.slice(0, start), graphemeStart = this.graphemeSplit(smallerTextStart).length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = text.slice(start, end), graphemeEnd = this.graphemeSplit(smallerTextEnd).length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } + setSubscript: function(start, end) { + return this._setScript(start, end, this.subscript); + }, + /** - * convert from fabric to textarea values + * Applies 'schema' at given position + * @private + * @param {Number} start selection start + * @param {Number} end selection end + * @param {Number} schema + * @returns {fabric.Text} thisArg + * @chainable */ - fromGraphemeToStringSelection(start, end, _text) { - const smallerTextStart = _text.slice(0, start), graphemeStart = smallerTextStart.join('').length; - if (start === end) { - return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; - } - const smallerTextEnd = _text.slice(start, end), graphemeEnd = smallerTextEnd.join('').length; - return { - selectionStart: graphemeStart, - selectionEnd: graphemeStart + graphemeEnd, - }; - } + _setScript: function(start, end, schema) { + var loc = this.get2DCursorLocation(start, true), + fontSize = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'fontSize'), + dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'), + style = { fontSize: fontSize * schema.size, deltaY: dy + fontSize * schema.baseline }; + this.setSelectionStyles(style, start, end); + return this; + }, + /** * @private - */ - _updateTextarea() { - this.cursorOffsetCache = {}; - if (!this.hiddenTextarea) { - return; - } - if (!this.inCompositionMode) { - const newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); - this.hiddenTextarea.selectionStart = newSelection.selectionStart; - this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; - } - this.updateTextareaPosition(); - } + * @param {Object} prevStyle + * @param {Object} thisStyle + */ + _hasStyleChanged: function(prevStyle, thisStyle) { + return prevStyle.fill !== thisStyle.fill || + prevStyle.stroke !== thisStyle.stroke || + prevStyle.strokeWidth !== thisStyle.strokeWidth || + prevStyle.fontSize !== thisStyle.fontSize || + prevStyle.fontFamily !== thisStyle.fontFamily || + prevStyle.fontWeight !== thisStyle.fontWeight || + prevStyle.fontStyle !== thisStyle.fontStyle || + prevStyle.deltaY !== thisStyle.deltaY; + }, + /** * @private - */ - updateFromTextArea() { - if (!this.hiddenTextarea) { - return; - } - this.cursorOffsetCache = {}; - this.text = this.hiddenTextarea.value; - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - const newSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); - this.selectionEnd = this.selectionStart = newSelection.selectionEnd; - if (!this.inCompositionMode) { - this.selectionStart = newSelection.selectionStart; - } - this.updateTextareaPosition(); - } + * @param {Object} prevStyle + * @param {Object} thisStyle + */ + _hasStyleChangedForSvg: function(prevStyle, thisStyle) { + return this._hasStyleChanged(prevStyle, thisStyle) || + prevStyle.overline !== thisStyle.overline || + prevStyle.underline !== thisStyle.underline || + prevStyle.linethrough !== thisStyle.linethrough; + }, + /** * @private + * @param {Number} lineIndex index text line + * @return {Number} Line left offset */ - updateTextareaPosition() { - if (this.selectionStart === this.selectionEnd) { - const style = this._calcTextareaPosition(); - this.hiddenTextarea.style.left = style.left; - this.hiddenTextarea.style.top = style.top; - } - } + _getLineLeftOffset: function(lineIndex) { + var lineWidth = this.getLineWidth(lineIndex), + lineDiff = this.width - lineWidth, textAlign = this.textAlign, direction = this.direction, + isEndOfWrapping, leftOffset = 0, isEndOfWrapping = this.isEndOfWrapping(lineIndex); + if (textAlign === 'justify' + || (textAlign === 'justify-center' && !isEndOfWrapping) + || (textAlign === 'justify-right' && !isEndOfWrapping) + || (textAlign === 'justify-left' && !isEndOfWrapping) + ) { + return 0; + } + if (textAlign === 'center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'right') { + leftOffset = lineDiff; + } + if (textAlign === 'justify-center') { + leftOffset = lineDiff / 2; + } + if (textAlign === 'justify-right') { + leftOffset = lineDiff; + } + if (direction === 'rtl') { + leftOffset -= lineDiff; + } + return leftOffset; + }, + /** * @private - * @return {Object} style contains style for hiddenTextarea */ - _calcTextareaPosition() { - if (!this.canvas) { - return { left: 1, top: 1 }; - } - const desiredPosition = this.inCompositionMode - ? this.compositionStart - : this.selectionStart, boundaries = this._getCursorBoundaries(desiredPosition), cursorLocation = this.get2DCursorLocation(desiredPosition), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * - this.lineHeight, leftOffset = boundaries.leftOffset, retinaScaling = this.canvas.getRetinaScaling(), upperCanvas = this.canvas.upperCanvasEl, upperCanvasWidth = upperCanvas.width / retinaScaling, upperCanvasHeight = upperCanvas.height / retinaScaling, maxWidth = upperCanvasWidth - charHeight, maxHeight = upperCanvasHeight - charHeight; - const p = new Point(boundaries.left + leftOffset, boundaries.top + boundaries.topOffset + charHeight) - .transform(this.calcTransformMatrix()) - .transform(this.canvas.viewportTransform) - .multiply(new Point(upperCanvas.clientWidth / upperCanvasWidth, upperCanvas.clientHeight / upperCanvasHeight)); - if (p.x < 0) { - p.x = 0; - } - if (p.x > maxWidth) { - p.x = maxWidth; - } - if (p.y < 0) { - p.y = 0; - } - if (p.y > maxHeight) { - p.y = maxHeight; - } - // add canvas offset on document - p.x += this.canvas._offset.left; - p.y += this.canvas._offset.top; - return { - left: p.x + 'px', - top: p.y + 'px', - fontSize: charHeight + 'px', - charHeight: charHeight, - }; - } + _clearCache: function() { + this.__lineWidths = []; + this.__lineHeights = []; + this.__charBounds = []; + }, + /** * @private */ - _saveEditingProps() { - this._savedProps = { - hasControls: this.hasControls, - borderColor: this.borderColor, - lockMovementX: this.lockMovementX, - lockMovementY: this.lockMovementY, - hoverCursor: this.hoverCursor, - selectable: this.selectable, - defaultCursor: this.canvas && this.canvas.defaultCursor, - moveCursor: this.canvas && this.canvas.moveCursor, - }; - } + _shouldClearDimensionCache: function() { + var shouldClear = this._forceClearCache; + shouldClear || (shouldClear = this.hasStateChanged('_dimensionAffectingProps')); + if (shouldClear) { + this.dirty = true; + this._forceClearCache = false; + } + return shouldClear; + }, + /** + * Measure a single line given its index. Used to calculate the initial + * text bounding box. The values are calculated and stored in __lineWidths cache. * @private + * @param {Number} lineIndex line number + * @return {Number} Line width */ - _restoreEditingProps() { - if (!this._savedProps) { - return; - } - this.hoverCursor = this._savedProps.hoverCursor; - this.hasControls = this._savedProps.hasControls; - this.borderColor = this._savedProps.borderColor; - this.selectable = this._savedProps.selectable; - this.lockMovementX = this._savedProps.lockMovementX; - this.lockMovementY = this._savedProps.lockMovementY; - if (this.canvas) { - this.canvas.defaultCursor = this._savedProps.defaultCursor; - this.canvas.moveCursor = this._savedProps.moveCursor; - } - delete this._savedProps; - } + getLineWidth: function(lineIndex) { + if (this.__lineWidths[lineIndex] !== undefined) { + return this.__lineWidths[lineIndex]; + } + + var lineInfo = this.measureLine(lineIndex); + var width = lineInfo.width; + this.__lineWidths[lineIndex] = width; + return width; + }, + + _getWidthOfCharSpacing: function() { + if (this.charSpacing !== 0) { + return this.fontSize * this.charSpacing / 1000; + } + return 0; + }, + /** - * Exits from editing state + * Retrieves the value of property at given character position + * @param {Number} lineIndex the line number + * @param {Number} charIndex the character number + * @param {String} property the property name + * @returns the value of 'property' */ - exitEditing() { - const isTextChanged = this._textBeforeEdit !== this.text; - const hiddenTextarea = this.hiddenTextarea; - this.selected = false; - this.isEditing = false; - this.selectionEnd = this.selectionStart; - if (hiddenTextarea) { - hiddenTextarea.blur && hiddenTextarea.blur(); - hiddenTextarea.parentNode && - hiddenTextarea.parentNode.removeChild(hiddenTextarea); - } - this.hiddenTextarea = null; - this.abortCursorAnimation(); - this._restoreEditingProps(); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); - } - this.fire('editing:exited'); - isTextChanged && this.fire('modified'); - if (this.canvas) { - this.canvas.off('mouse:move', this.mouseMoveHandler); - this.canvas.fire('text:editing:exited', { target: this }); - isTextChanged && this.canvas.fire('object:modified', { target: this }); - } - return this; - } + getValueOfPropertyAt: function(lineIndex, charIndex, property) { + var charStyle = this._getStyleDeclaration(lineIndex, charIndex); + if (charStyle && typeof charStyle[property] !== 'undefined') { + return charStyle[property]; + } + return this[property]; + }, + /** * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - _removeExtraneousStyles() { - for (const prop in this.styles) { - if (!this._textLines[prop]) { - delete this.styles[prop]; - } - } - } + _renderTextDecoration: function(ctx, type) { + if (!this[type] && !this.styleHas(type)) { + return; + } + var heightOfLine, size, _size, + lineLeftOffset, dy, _dy, + line, lastDecoration, + leftOffset = this._getLeftOffset(), + topOffset = this._getTopOffset(), top, + boxStart, boxWidth, charBox, currentDecoration, + maxHeight, currentFill, lastFill, path = this.path, + charSpacing = this._getWidthOfCharSpacing(), + offsetY = this.offsets[type]; + + for (var i = 0, len = this._textLines.length; i < len; i++) { + heightOfLine = this.getHeightOfLine(i); + if (!this[type] && !this.styleHas(type, i)) { + topOffset += heightOfLine; + continue; + } + line = this._textLines[i]; + maxHeight = heightOfLine / this.lineHeight; + lineLeftOffset = this._getLineLeftOffset(i); + boxStart = 0; + boxWidth = 0; + lastDecoration = this.getValueOfPropertyAt(i, 0, type); + lastFill = this.getValueOfPropertyAt(i, 0, 'fill'); + top = topOffset + maxHeight * (1 - this._fontSizeFraction); + size = this.getHeightOfChar(i, 0); + dy = this.getValueOfPropertyAt(i, 0, 'deltaY'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentDecoration = this.getValueOfPropertyAt(i, j, type); + currentFill = this.getValueOfPropertyAt(i, j, 'fill'); + _size = this.getHeightOfChar(i, j); + _dy = this.getValueOfPropertyAt(i, j, 'deltaY'); + if (path && currentDecoration && currentFill) { + ctx.save(); + ctx.fillStyle = lastFill; + ctx.translate(charBox.renderLeft, charBox.renderTop); + ctx.rotate(charBox.angle); + ctx.fillRect( + -charBox.kernedWidth / 2, + offsetY * _size + _dy, + charBox.kernedWidth, + this.fontSize / 15 + ); + ctx.restore(); + } + else if ( + (currentDecoration !== lastDecoration || currentFill !== lastFill || _size !== size || _dy !== dy) + && boxWidth > 0 + ) { + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + if (lastDecoration && lastFill) { + ctx.fillStyle = lastFill; + ctx.fillRect( + drawStart, + top + offsetY * size + dy, + boxWidth, + this.fontSize / 15 + ); + } + boxStart = charBox.left; + boxWidth = charBox.width; + lastDecoration = currentDecoration; + lastFill = currentFill; + size = _size; + dy = _dy; + } + else { + boxWidth += charBox.kernedWidth; + } + } + var drawStart = leftOffset + lineLeftOffset + boxStart; + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - boxWidth; + } + ctx.fillStyle = currentFill; + currentDecoration && currentFill && ctx.fillRect( + drawStart, + top + offsetY * size + dy, + boxWidth - charSpacing, + this.fontSize / 15 + ); + topOffset += heightOfLine; + } + // if there is text background color no + // other shadows should be casted + this._removeShadow(ctx); + }, + /** - * remove and reflow a style block from start to end. - * @param {Number} start linear start position for removal (included in removal) - * @param {Number} end linear end position for removal ( excluded from removal ) + * return font declaration string for canvas context + * @param {Object} [styleObject] object + * @returns {String} font declaration formatted for canvas context. */ - removeStyleFromTo(start, end) { - let cursorStart = this.get2DCursorLocation(start, true), cursorEnd = this.get2DCursorLocation(end, true), lineStart = cursorStart.lineIndex, charStart = cursorStart.charIndex, lineEnd = cursorEnd.lineIndex, charEnd = cursorEnd.charIndex, i, styleObj; - if (lineStart !== lineEnd) { - // step1 remove the trailing of lineStart - if (this.styles[lineStart]) { - for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { - delete this.styles[lineStart][i]; - } - } - // step2 move the trailing of lineEnd to lineStart if needed - if (this.styles[lineEnd]) { - for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { - styleObj = this.styles[lineEnd][i]; - if (styleObj) { - this.styles[lineStart] || (this.styles[lineStart] = {}); - this.styles[lineStart][charStart + i - charEnd] = styleObj; - } - } - } - // step3 detects lines will be completely removed. - for (i = lineStart + 1; i <= lineEnd; i++) { - delete this.styles[i]; - } - // step4 shift remaining lines. - this.shiftLineStyles(lineEnd, lineStart - lineEnd); - } - else { - // remove and shift left on the same line - if (this.styles[lineStart]) { - styleObj = this.styles[lineStart]; - let diff = charEnd - charStart, numericChar, _char; - for (i = charStart; i < charEnd; i++) { - delete styleObj[i]; - } - for (_char in this.styles[lineStart]) { - numericChar = parseInt(_char, 10); - if (numericChar >= charEnd) { - styleObj[numericChar - diff] = styleObj[_char]; - delete styleObj[_char]; - } - } - } - } - } + _getFontDeclaration: function(styleObject, forMeasuring) { + var style = styleObject || this, family = this.fontFamily, + fontIsGeneric = fabric.Text.genericFonts.indexOf(family.toLowerCase()) > -1; + var fontFamily = family === undefined || + family.indexOf('\'') > -1 || family.indexOf(',') > -1 || + family.indexOf('"') > -1 || fontIsGeneric + ? style.fontFamily : '"' + style.fontFamily + '"'; + return [ + // node-canvas needs "weight style", while browsers need "style weight" + // verify if this can be fixed in JSDOM + (fabric.isLikelyNode ? style.fontWeight : style.fontStyle), + (fabric.isLikelyNode ? style.fontStyle : style.fontWeight), + forMeasuring ? this.CACHE_FONT_SIZE + 'px' : style.fontSize + 'px', + fontFamily + ].join(' '); + }, + /** - * Shifts line styles up or down - * @param {Number} lineIndex Index of a line - * @param {Number} offset Can any number? + * Renders text instance on a specified context + * @param {CanvasRenderingContext2D} ctx Context to render on */ - shiftLineStyles(lineIndex, offset) { - const clonedStyles = Object.assign({}, this.styles); - for (const line in this.styles) { - const numericLine = parseInt(line, 10); - if (numericLine > lineIndex) { - this.styles[numericLine + offset] = clonedStyles[numericLine]; - if (!clonedStyles[numericLine - offset]) { - delete this.styles[numericLine]; - } - } - } - } + render: function(ctx) { + // do not render if object is not visible + if (!this.visible) { + return; + } + if (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen()) { + return; + } + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + } + this.callSuper('render', ctx); + }, + /** - * Handle insertion of more consecutive style lines for when one or more - * newlines gets added to the text. Since current style needs to be shifted - * first we shift the current style of the number lines needed, then we add - * new lines from the last to the first. - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} qty number of lines to add - * @param {Array} copiedStyle Array of objects styles + * Returns the text as an array of lines. + * @param {String} text text to split + * @returns {Array} Lines in the text + */ + _splitTextIntoLines: function(text) { + var lines = text.split(this._reNewline), + newLines = new Array(lines.length), + newLine = ['\n'], + newText = []; + for (var i = 0; i < lines.length; i++) { + newLines[i] = fabric.util.string.graphemeSplit(lines[i]); + newText = newText.concat(newLines[i], newLine); + } + newText.pop(); + return { _unwrappedLines: newLines, lines: lines, graphemeText: newText, graphemeLines: newLines }; + }, + + /** + * Returns object representation of an instance + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} Object representation of an instance */ - insertNewlineStyleObject(lineIndex, charIndex, qty, copiedStyle) { - let currentCharStyle, newLineStyles = {}, somethingAdded = false, isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; - qty || (qty = 1); - this.shiftLineStyles(lineIndex, qty); - if (this.styles[lineIndex]) { - currentCharStyle = - this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; - } - // we clone styles of all chars - // after cursor onto the current line - for (const index in this.styles[lineIndex]) { - const numIndex = parseInt(index, 10); - if (numIndex >= charIndex) { - somethingAdded = true; - newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; - // remove lines from the previous line since they're on a new line now - if (!(isEndOfLine && charIndex === 0)) { - delete this.styles[lineIndex][index]; - } - } - } - let styleCarriedOver = false; - if (somethingAdded && !isEndOfLine) { - // if is end of line, the extra style we copied - // is probably not something we want - this.styles[lineIndex + qty] = newLineStyles; - styleCarriedOver = true; - } - if (styleCarriedOver) { - // skip the last line of since we already prepared it. - qty--; - } - // for the all the lines or all the other lines - // we clone current char style onto the next (otherwise empty) line - while (qty > 0) { - if (copiedStyle && copiedStyle[qty - 1]) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, copiedStyle[qty - 1]), - }; - } - else if (currentCharStyle) { - this.styles[lineIndex + qty] = { - 0: Object.assign({}, currentCharStyle), - }; - } - else { - delete this.styles[lineIndex + qty]; - } - qty--; - } - this._forceClearCache = true; - } + toObject: function(propertiesToInclude) { + var allProperties = additionalProps.concat(propertiesToInclude); + var obj = this.callSuper('toObject', allProperties); + // styles will be overridden with a properly cloned structure + obj.styles = clone(this.styles, true); + if (obj.path) { + obj.path = this.path.toObject(); + } + return obj; + }, + /** - * Inserts style object for a given line/char index - * @param {Number} lineIndex Index of a line - * @param {Number} charIndex Index of a char - * @param {Number} quantity number Style object to insert, if given - * @param {Array} copiedStyle array of style objects + * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`. + * @param {String|Object} key Property name or object (if object, iterate over the object properties) + * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one) + * @return {fabric.Object} thisArg + * @chainable */ - insertCharStyleObject(lineIndex, charIndex, quantity, copiedStyle) { - if (!this.styles) { - this.styles = {}; - } - const currentLineStyles = this.styles[lineIndex], currentLineStylesCloned = currentLineStyles - ? Object.assign({}, currentLineStyles) - : {}; - quantity || (quantity = 1); - // shift all char styles by quantity forward - // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 - for (const index in currentLineStylesCloned) { - const numericIndex = parseInt(index, 10); - if (numericIndex >= charIndex) { - currentLineStyles[numericIndex + quantity] = - currentLineStylesCloned[numericIndex]; - // only delete the style if there was nothing moved there - if (!currentLineStylesCloned[numericIndex - quantity]) { - delete currentLineStyles[numericIndex]; - } - } - } - this._forceClearCache = true; - if (copiedStyle) { - while (quantity--) { - if (!Object.keys(copiedStyle[quantity]).length) { - continue; - } - if (!this.styles[lineIndex]) { - this.styles[lineIndex] = {}; - } - this.styles[lineIndex][charIndex + quantity] = Object.assign({}, copiedStyle[quantity]); - } - return; - } - if (!currentLineStyles) { - return; - } - const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; - while (newStyle && quantity--) { - this.styles[lineIndex][charIndex + quantity] = Object.assign({}, newStyle); - } - } + set: function(key, value) { + this.callSuper('set', key, value); + var needsDims = false; + var isAddingPath = false; + if (typeof key === 'object') { + for (var _key in key) { + if (_key === 'path') { + this.setPathInfo(); + } + needsDims = needsDims || this._dimensionAffectingProps.indexOf(_key) !== -1; + isAddingPath = isAddingPath || _key === 'path'; + } + } + else { + needsDims = this._dimensionAffectingProps.indexOf(key) !== -1; + isAddingPath = key === 'path'; + } + if (isAddingPath) { + this.setPathInfo(); + } + if (needsDims) { + this.initDimensions(); + this.setCoords(); + } + return this; + }, + /** - * Inserts style object(s) - * @param {Array} insertedText Characters at the location where style is inserted - * @param {Number} start cursor index for inserting style - * @param {Array} [copiedStyle] array of style objects to insert. + * Returns complexity of an instance + * @return {Number} complexity */ - insertNewStyleBlock(insertedText, start, copiedStyle) { - let cursorLoc = this.get2DCursorLocation(start, true), addedLines = [0], linesLength = 0; - // get an array of how many char per lines are being added. - for (var i = 0; i < insertedText.length; i++) { - if (insertedText[i] === '\n') { - linesLength++; - addedLines[linesLength] = 0; - } - else { - addedLines[linesLength]++; - } - } - // for the first line copy the style from the current char position. - if (addedLines[0] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); - } - linesLength && - this.insertNewlineStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); - for (var i = 1; i < linesLength; i++) { - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); - } - else if (copiedStyle) { - // this test is required in order to close #6841 - // when a pasted buffer begins with a newline then - // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] - // may be undefined for some reason - if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { - this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; - } - } - copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); - } - // we use i outside the loop to get it like linesLength - if (addedLines[i] > 0) { - this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + complexity: function() { + return 1; + } + }); + + /* _FROM_SVG_START_ */ + /** + * List of attribute names to account for when parsing SVG element (used by {@link fabric.Text.fromElement}) + * @static + * @memberOf fabric.Text + * @see: http://www.w3.org/TR/SVG/text.html#TextElement + */ + fabric.Text.ATTRIBUTE_NAMES = fabric.SHARED_ATTRIBUTES.concat( + 'x y dx dy font-family font-style font-weight font-size letter-spacing text-decoration text-anchor'.split(' ')); + + /** + * Default SVG font size + * @static + * @memberOf fabric.Text + */ + fabric.Text.DEFAULT_SVG_FONT_SIZE = 16; + + /** + * Returns fabric.Text instance from an SVG element (not yet implemented) + * @static + * @memberOf fabric.Text + * @param {SVGElement} element Element to parse + * @param {Function} callback callback function invoked after parsing + * @param {Object} [options] Options object + */ + fabric.Text.fromElement = function(element, callback, options) { + if (!element) { + return callback(null); + } + + var parsedAttributes = fabric.parseAttributes(element, fabric.Text.ATTRIBUTE_NAMES), + parsedAnchor = parsedAttributes.textAnchor || 'left'; + options = fabric.util.object.extend((options ? clone(options) : { }), parsedAttributes); + + options.top = options.top || 0; + options.left = options.left || 0; + if (parsedAttributes.textDecoration) { + var textDecoration = parsedAttributes.textDecoration; + if (textDecoration.indexOf('underline') !== -1) { + options.underline = true; + } + if (textDecoration.indexOf('overline') !== -1) { + options.overline = true; + } + if (textDecoration.indexOf('line-through') !== -1) { + options.linethrough = true; + } + delete options.textDecoration; + } + if ('dx' in parsedAttributes) { + options.left += parsedAttributes.dx; + } + if ('dy' in parsedAttributes) { + options.top += parsedAttributes.dy; + } + if (!('fontSize' in options)) { + options.fontSize = fabric.Text.DEFAULT_SVG_FONT_SIZE; + } + + var textContent = ''; + + // The XML is not properly parsed in IE9 so a workaround to get + // textContent is through firstChild.data. Another workaround would be + // to convert XML loaded from a file to be converted using DOMParser (same way loadSVGFromString() does) + if (!('textContent' in element)) { + if ('firstChild' in element && element.firstChild !== null) { + if ('data' in element.firstChild && element.firstChild.data !== null) { + textContent = element.firstChild.data; } + } + } + else { + textContent = element.textContent; + } + + textContent = textContent.replace(/^\s+|\s+$|\n+/g, '').replace(/\s+/g, ' '); + var originalStrokeWidth = options.strokeWidth; + options.strokeWidth = 0; + + var text = new fabric.Text(textContent, options), + textHeightScaleFactor = text.getScaledHeight() / text.height, + lineHeightDiff = (text.height + text.strokeWidth) * text.lineHeight - text.height, + scaledDiff = lineHeightDiff * textHeightScaleFactor, + textHeight = text.getScaledHeight() + scaledDiff, + offX = 0; + /* + Adjust positioning: + x/y attributes in SVG correspond to the bottom-left corner of text bounding box + fabric output by default at top, left. + */ + if (parsedAnchor === 'center') { + offX = text.getScaledWidth() / 2; } + if (parsedAnchor === 'right') { + offX = text.getScaledWidth(); + } + text.set({ + left: text.left - offX, + top: text.top - (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) / text.lineHeight, + strokeWidth: typeof originalStrokeWidth !== 'undefined' ? originalStrokeWidth : 1, + }); + callback(text); + }; + /* _FROM_SVG_END_ */ + + /** + * Returns fabric.Text instance from an object representation + * @static + * @memberOf fabric.Text + * @param {Object} object plain js Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Text instance is created + */ + fabric.Text.fromObject = function(object, callback) { + var objectCopy = clone(object), path = object.path; + delete objectCopy.path; + return fabric.Object._fromObject('Text', objectCopy, function(textInstance) { + if (path) { + fabric.Object._fromObject('Path', path, function(pathInstance) { + textInstance.set('path', pathInstance); + callback(textInstance); + }, 'path'); + } + else { + callback(textInstance); + } + }, 'text'); + }; + + fabric.Text.genericFonts = ['sans-serif', 'serif', 'cursive', 'fantasy', 'monospace']; + + fabric.util.createAccessors && fabric.util.createAccessors(fabric.Text); + +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { /** - * Removes characters from start/end - * start/end ar per grapheme position in _text array. - * - * @param {Number} start - * @param {Number} end default to start + 1 + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} */ - removeChars(start, end) { - if (typeof end === 'undefined') { - end = start + 1; - } - this.removeStyleFromTo(start, end); - this._text.splice(start, end - start); - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); + isEmptyStyles: function(lineIndex) { + if (!this.styles) { + return true; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return true; + } + var obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; + } } - this._removeExtraneousStyles(); - } + } + return true; + }, + /** - * insert characters at start position, before start position. - * start equal 1 it means the text get inserted between actual grapheme 0 and 1 - * if style array is provided, it must be as the same length of text in graphemes - * if end is provided and is bigger than start, old text is replaced. - * start/end ar per grapheme position in _text array. - * - * @param {String} text text to insert - * @param {Array} style array of style objects - * @param {Number} start - * @param {Number} end default to start + 1 - */ - insertChars(text, style, start, end) { - if (typeof end === 'undefined') { - end = start; - } - if (end > start) { - this.removeStyleFromTo(start, end); - } - const graphemes = this.graphemeSplit(text); - this.insertNewStyleBlock(graphemes, start, style); - this._text = [ - ...this._text.slice(0, start), - ...graphemes, - ...this._text.slice(end), - ]; - this.text = this._text.join(''); - this.set('dirty', true); - if (this._shouldClearDimensionCache()) { - this.initDimensions(); - this.setCoords(); + * Returns true if object has a style property or has it ina specified line + * This function is used to detect if a text will use a particular property or not. + * @param {String} property to check for + * @param {Number} lineIndex to check the style on + * @return {Boolean} + */ + styleHas: function(property, lineIndex) { + if (!this.styles || !property || property === '') { + return false; + } + if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) { + return false; + } + var obj = typeof lineIndex === 'undefined' ? this.styles : { 0: this.styles[lineIndex] }; + // eslint-disable-next-line + for (var p1 in obj) { + // eslint-disable-next-line + for (var p2 in obj[p1]) { + if (typeof obj[p1][p2][property] !== 'undefined') { + return true; + } } - this._removeExtraneousStyles(); - } + } + return false; + }, + /** - * Set the selectionStart and selectionEnd according to the new position of cursor - * mimic the key - mouse navigation when shift is pressed. + * Check if characters in a text have a value for a property + * whose value matches the textbox's value for that property. If so, + * the character-level property is deleted. If the character + * has no other properties, then it is also deleted. Finally, + * if the line containing that character has no other characters + * then it also is deleted. + * + * @param {string} property The property to compare between characters and text. */ - setSelectionStartEndWithShift(start, end, newSelection) { - if (newSelection <= start) { - if (end === start) { - this._selectionDirection = 'left'; - } - else if (this._selectionDirection === 'right') { - this._selectionDirection = 'left'; - this.selectionEnd = start; - } - this.selectionStart = newSelection; - } - else if (newSelection > start && newSelection < end) { - if (this._selectionDirection === 'right') { - this.selectionEnd = newSelection; - } - else { - this.selectionStart = newSelection; + cleanStyle: function(property) { + if (!this.styles || !property || property === '') { + return false; + } + var obj = this.styles, stylesCount = 0, letterCount, stylePropertyValue, + allStyleObjectPropertiesMatch = true, graphemeCount = 0, styleObject; + // eslint-disable-next-line + for (var p1 in obj) { + letterCount = 0; + // eslint-disable-next-line + for (var p2 in obj[p1]) { + var styleObject = obj[p1][p2], + stylePropertyHasBeenSet = styleObject.hasOwnProperty(property); + + stylesCount++; + + if (stylePropertyHasBeenSet) { + if (!stylePropertyValue) { + stylePropertyValue = styleObject[property]; } - } - else { - // newSelection is > selection start and end - if (end === start) { - this._selectionDirection = 'right'; + else if (styleObject[property] !== stylePropertyValue) { + allStyleObjectPropertiesMatch = false; } - else if (this._selectionDirection === 'left') { - this._selectionDirection = 'right'; - this.selectionStart = end; + + if (styleObject[property] === this[property]) { + delete styleObject[property]; } - this.selectionEnd = newSelection; - } - } -} + } + else { + allStyleObjectPropertiesMatch = false; + } -//@ts-nocheck -class ITextKeyBehaviorMixin extends ITextBehaviorMixin { - /** - * Initializes hidden textarea (needed to bring up keyboard in iOS) - */ - initHiddenTextarea() { - this.hiddenTextarea = fabric$1.document.createElement('textarea'); - this.hiddenTextarea.setAttribute('autocapitalize', 'off'); - this.hiddenTextarea.setAttribute('autocorrect', 'off'); - this.hiddenTextarea.setAttribute('autocomplete', 'off'); - this.hiddenTextarea.setAttribute('spellcheck', 'false'); - this.hiddenTextarea.setAttribute('data-fabric', 'textarea'); - this.hiddenTextarea.setAttribute('wrap', 'off'); - const style = this._calcTextareaPosition(); - // line-height: 1px; was removed from the style to fix this: - // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 - this.hiddenTextarea.style.cssText = `position: absolute; top: ${style.top}; left: ${style.left}; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px; padding-top: ${style.fontSize};`; - if (this.hiddenTextareaContainer) { - this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); - } - else { - fabric$1.document.body.appendChild(this.hiddenTextarea); - } - this.hiddenTextarea.addEventListener('blur', this.blur.bind(this)); - this.hiddenTextarea.addEventListener('keydown', this.onKeyDown.bind(this)); - this.hiddenTextarea.addEventListener('keyup', this.onKeyUp.bind(this)); - this.hiddenTextarea.addEventListener('input', this.onInput.bind(this)); - this.hiddenTextarea.addEventListener('copy', this.copy.bind(this)); - this.hiddenTextarea.addEventListener('cut', this.copy.bind(this)); - this.hiddenTextarea.addEventListener('paste', this.paste.bind(this)); - this.hiddenTextarea.addEventListener('compositionstart', this.onCompositionStart.bind(this)); - this.hiddenTextarea.addEventListener('compositionupdate', this.onCompositionUpdate.bind(this)); - this.hiddenTextarea.addEventListener('compositionend', this.onCompositionEnd.bind(this)); - if (!this._clickHandlerInitialized && this.canvas) { - this.canvas.upperCanvasEl.addEventListener('click', this.onClick.bind(this)); - this._clickHandlerInitialized = true; + if (Object.keys(styleObject).length !== 0) { + letterCount++; + } + else { + delete obj[p1][p2]; + } } - } - onClick() { - this.hiddenTextarea && this.hiddenTextarea.focus(); - } + + if (letterCount === 0) { + delete obj[p1]; + } + } + // if every grapheme has the same style set then + // delete those styles and set it on the parent + for (var i = 0; i < this._textLines.length; i++) { + graphemeCount += this._textLines[i].length; + } + if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) { + this[property] = stylePropertyValue; + this.removeStyle(property); + } + }, + /** - * Override this method to customize cursor behavior on textbox blur + * Remove a style property or properties from all individual character styles + * in a text object. Deletes the character style object if it contains no other style + * props. Deletes a line style object if it contains no other character styles. + * + * @param {String} props The property to remove from character styles. */ - blur() { - this.abortCursorAnimation(); - } + removeStyle: function(property) { + if (!this.styles || !property || property === '') { + return; + } + var obj = this.styles, line, lineNum, charNum; + for (lineNum in obj) { + line = obj[lineNum]; + for (charNum in line) { + delete line[charNum][property]; + if (Object.keys(line[charNum]).length === 0) { + delete line[charNum]; + } + } + if (Object.keys(line).length === 0) { + delete obj[lineNum]; + } + } + }, + /** - * Handles keydown event - * only used for arrows and combination of modifier keys. - * @param {KeyboardEvent} e Event object + * @private */ - onKeyDown(e) { - if (!this.isEditing) { - return; - } - const keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; - if (e.keyCode in keyMap) { - this[keyMap[e.keyCode]](e); - } - else if (e.keyCode in this.ctrlKeysMapDown && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapDown[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - if (e.keyCode >= 33 && e.keyCode <= 40) { - // if i press an arrow key just update selection - this.inCompositionMode = false; - this.clearContextTop(); - this.renderCursorOrSelection(); - } - else { - this.canvas && this.canvas.requestRenderAll(); - } - } + _extendStyles: function(index, styles) { + var loc = this.get2DCursorLocation(index); + + if (!this._getLineStyle(loc.lineIndex)) { + this._setLineStyle(loc.lineIndex); + } + + if (!this._getStyleDeclaration(loc.lineIndex, loc.charIndex)) { + this._setStyleDeclaration(loc.lineIndex, loc.charIndex, {}); + } + + fabric.util.object.extend(this._getStyleDeclaration(loc.lineIndex, loc.charIndex), styles); + }, + /** - * Handles keyup event - * We handle KeyUp because ie11 and edge have difficulties copy/pasting - * if a copy/cut event fired, keyup is dismissed - * @param {KeyboardEvent} e Event object + * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) + * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. + * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. */ - onKeyUp(e) { - if (!this.isEditing || this._copyDone || this.inCompositionMode) { - this._copyDone = false; - return; - } - if (e.keyCode in this.ctrlKeysMapUp && (e.ctrlKey || e.metaKey)) { - this[this.ctrlKeysMapUp[e.keyCode]](e); - } - else { - return; - } - e.stopImmediatePropagation(); - e.preventDefault(); - this.canvas && this.canvas.requestRenderAll(); - } + get2DCursorLocation: function(selectionStart, skipWrapping) { + if (typeof selectionStart === 'undefined') { + selectionStart = this.selectionStart; + } + var lines = skipWrapping ? this._unwrappedTextLines : this._textLines, + len = lines.length; + for (var i = 0; i < len; i++) { + if (selectionStart <= lines[i].length) { + return { + lineIndex: i, + charIndex: selectionStart + }; + } + selectionStart -= lines[i].length + this.missingNewlineOffset(i); + } + return { + lineIndex: i - 1, + charIndex: lines[i - 1].length < selectionStart ? lines[i - 1].length : selectionStart + }; + }, + /** - * Handles onInput event - * @param {Event} e Event object + * Gets style of a current selection/cursor (at the start position) + * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @param {Boolean} [complete] get full style or not + * @return {Array} styles an array with one, zero or more Style objects */ - onInput(e) { - const fromPaste = this.fromPaste; - this.fromPaste = false; - e && e.stopPropagation(); - if (!this.isEditing) { - return; - } - // decisions about style changes. - const nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, charCount = this._text.length, nextCharCount = nextText.length, selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, selection = selectionStart !== selectionEnd; - let copiedStyle, removedText, charDiff = nextCharCount - charCount, removeFrom, removeTo; - if (this.hiddenTextarea.value === '') { - this.styles = {}; - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - return; - } - const textareaSelection = this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); - const backDelete = selectionStart > textareaSelection.selectionStart; - if (selection) { - removedText = this._text.slice(selectionStart, selectionEnd); - charDiff += selectionEnd - selectionStart; - } - else if (nextCharCount < charCount) { - if (backDelete) { - removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); - } - else { - removedText = this._text.slice(selectionStart, selectionStart - charDiff); - } - } - const insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); - if (removedText && removedText.length) { - if (insertedText.length) { - // let's copy some style before deleting. - // we want to copy the style before the cursor OR the style at the cursor if selection - // is bigger than 0. - copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); - // now duplicate the style one for each inserted text. - copiedStyle = insertedText.map(() => - // this return an array of references, but that is fine since we are - // copying the style later. - copiedStyle[0]); - } - if (selection) { - removeFrom = selectionStart; - removeTo = selectionEnd; - } - else if (backDelete) { - // detect differences between forwardDelete and backDelete - removeFrom = selectionEnd - removedText.length; - removeTo = selectionEnd; - } - else { - removeFrom = selectionEnd; - removeTo = selectionEnd + removedText.length; - } - this.removeStyleFromTo(removeFrom, removeTo); - } - if (insertedText.length) { - if (fromPaste && - insertedText.join('') === fabric$1.copiedText && - !config.disableStyleCopyPaste) { - copiedStyle = fabric$1.copiedTextStyle; - } - this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); - } - this.updateFromTextArea(); - this.fire('changed'); - if (this.canvas) { - this.canvas.fire('text:changed', { target: this }); - this.canvas.requestRenderAll(); - } - } + getSelectionStyles: function(startIndex, endIndex, complete) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + var styles = []; + for (var i = startIndex; i < endIndex; i++) { + styles.push(this.getStyleAtPosition(i, complete)); + } + return styles; + }, + /** - * Composition start + * Gets style of a current selection/cursor position + * @param {Number} position to get styles at + * @param {Boolean} [complete] full style if true + * @return {Object} style Style object at a specified index + * @private */ - onCompositionStart() { - this.inCompositionMode = true; - } + getStyleAtPosition: function(position, complete) { + var loc = this.get2DCursorLocation(position), + style = complete ? this.getCompleteStyleDeclaration(loc.lineIndex, loc.charIndex) : + this._getStyleDeclaration(loc.lineIndex, loc.charIndex); + return style || {}; + }, + /** - * Composition end + * Sets style of a current selection, if no selection exist, do not set anything. + * @param {Object} [styles] Styles object + * @param {Number} [startIndex] Start index to get styles at + * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * @return {fabric.IText} thisArg + * @chainable */ - onCompositionEnd() { - this.inCompositionMode = false; - } - // */ - onCompositionUpdate(e) { - this.compositionStart = e.target.selectionStart; - this.compositionEnd = e.target.selectionEnd; - this.updateTextareaPosition(); - } + setSelectionStyles: function(styles, startIndex, endIndex) { + if (typeof startIndex === 'undefined') { + startIndex = this.selectionStart || 0; + } + if (typeof endIndex === 'undefined') { + endIndex = this.selectionEnd || startIndex; + } + for (var i = startIndex; i < endIndex; i++) { + this._extendStyles(i, styles); + } + /* not included in _extendStyles to avoid clearing cache more than once */ + this._forceClearCache = true; + return this; + }, + /** - * Copies selected text + * get the reference, not a clone, of the style object for a given character + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Object} style object */ - copy() { - if (this.selectionStart === this.selectionEnd) { - //do not cut-copy if no selection - return; - } - fabric$1.copiedText = this.getSelectedText(); - if (!config.disableStyleCopyPaste) { - fabric$1.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); - } - else { - fabric$1.copiedTextStyle = null; - } - this._copyDone = true; - } + _getStyleDeclaration: function(lineIndex, charIndex) { + var lineStyle = this.styles && this.styles[lineIndex]; + if (!lineStyle) { + return null; + } + return lineStyle[charIndex]; + }, + /** - * Pastes text + * return a new object that contains all the style property for a character + * the object returned is newly created + * @param {Number} lineIndex of the line where the character is + * @param {Number} charIndex position of the character on the line + * @return {Object} style object */ - paste() { - this.fromPaste = true; - } + getCompleteStyleDeclaration: function(lineIndex, charIndex) { + var style = this._getStyleDeclaration(lineIndex, charIndex) || { }, + styleObject = { }, prop; + for (var i = 0; i < this._styleProperties.length; i++) { + prop = this._styleProperties[i]; + styleObject[prop] = typeof style[prop] === 'undefined' ? this[prop] : style[prop]; + } + return styleObject; + }, + /** - * Finds the width in pixels before the cursor on the same line + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style * @private + */ + _setStyleDeclaration: function(lineIndex, charIndex, style) { + this.styles[lineIndex][charIndex] = style; + }, + + /** + * * @param {Number} lineIndex * @param {Number} charIndex - * @return {Number} widthBeforeCursor width before cursor + * @private */ - _getWidthBeforeCursor(lineIndex, charIndex) { - let widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; - if (charIndex > 0) { - bound = this.__charBounds[lineIndex][charIndex - 1]; - widthBeforeCursor += bound.left + bound.width; - } - return widthBeforeCursor; - } + _deleteStyleDeclaration: function(lineIndex, charIndex) { + delete this.styles[lineIndex][charIndex]; + }, + /** - * Gets start offset of a selection - * @param {TPointerEvent} e Event object - * @param {Boolean} isRight - * @return {Number} + * @param {Number} lineIndex + * @return {Boolean} if the line exists or not + * @private */ - getDownCursorOffset(e, isRight) { - const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; - // if on last line, down cursor goes to end of line - if (lineIndex === this._textLines.length - 1 || - e.metaKey || - e.keyCode === 34) { - // move to the end of a text - return this._text.length - selectionProp; - } - const charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), textAfterCursor = this._textLines[lineIndex].slice(charIndex); - return (textAfterCursor.length + - indexOnOtherLine + - 1 + - this.missingNewlineOffset(lineIndex)); - } + _getLineStyle: function(lineIndex) { + return !!this.styles[lineIndex]; + }, + /** - * private - * Helps finding if the offset should be counted from Start or End - * @param {KeyboardEvent} e Event object - * @param {Boolean} isRight - * @return {Number} + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @private */ - _getSelectionForOffset(e, isRight) { - if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { - return this.selectionEnd; - } - else { - return this.selectionStart; - } - } + _setLineStyle: function(lineIndex) { + this.styles[lineIndex] = {}; + }, + /** - * @param {KeyboardEvent} e Event object - * @param {Boolean} isRight - * @return {Number} + * @param {Number} lineIndex + * @private */ - getUpCursorOffset(e, isRight) { - const selectionProp = this._getSelectionForOffset(e, isRight), cursorLocation = this.get2DCursorLocation(selectionProp), lineIndex = cursorLocation.lineIndex; - if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { - // if on first line, up cursor goes to start of line - return -selectionProp; - } - const charIndex = cursorLocation.charIndex, widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); - // return a negative offset - return (-this._textLines[lineIndex - 1].length + - indexOnOtherLine - - textBeforeCursor.length + - (1 - missingNewlineOffset)); - } - /** - * for a given width it founds the matching character. - * @private - */ - _getIndexOnLine(lineIndex, width) { - const line = this._textLines[lineIndex], lineLeftOffset = this._getLineLeftOffset(lineIndex); - let widthOfCharsOnLine = lineLeftOffset, indexOnLine = 0, charWidth, foundMatch; - for (let j = 0, jlen = line.length; j < jlen; j++) { - charWidth = this.__charBounds[lineIndex][j].width; - widthOfCharsOnLine += charWidth; - if (widthOfCharsOnLine > width) { - foundMatch = true; - const leftEdge = widthOfCharsOnLine - charWidth, rightEdge = widthOfCharsOnLine, offsetFromLeftEdge = Math.abs(leftEdge - width), offsetFromRightEdge = Math.abs(rightEdge - width); - indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : j - 1; - break; - } - } - // reached end - if (!foundMatch) { - indexOnLine = line.length - 1; - } - return indexOnLine; + _deleteLineStyle: function(lineIndex) { + delete this.styles[lineIndex]; } + }); +})(); + + +(function() { + + function parseDecoration(object) { + if (object.textDecoration) { + object.textDecoration.indexOf('underline') > -1 && (object.underline = true); + object.textDecoration.indexOf('line-through') > -1 && (object.linethrough = true); + object.textDecoration.indexOf('overline') > -1 && (object.overline = true); + delete object.textDecoration; + } + } + + /** + * IText class (introduced in v1.4) Events are also fired with "text:" + * prefix when observing canvas. + * @class fabric.IText + * @extends fabric.Text + * @mixes fabric.Observable + * + * @fires changed + * @fires selection:changed + * @fires editing:entered + * @fires editing:exited + * + * @return {fabric.IText} thisArg + * @see {@link fabric.IText#initialize} for constructor definition + * + *

Supported key combinations:

+ * 
+   *   Move cursor:                    left, right, up, down
+   *   Select character:               shift + left, shift + right
+   *   Select text vertically:         shift + up, shift + down
+   *   Move cursor by word:            alt + left, alt + right
+   *   Select words:                   shift + alt + left, shift + alt + right
+   *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
+   *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
+   *   Jump to start/end of text:      cmd + up, cmd + down
+   *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
+   *   Delete character:               backspace
+   *   Delete word:                    alt + backspace
+   *   Delete line:                    cmd + backspace
+   *   Forward delete:                 delete
+   *   Copy text:                      ctrl/cmd + c
+   *   Paste text:                     ctrl/cmd + v
+   *   Cut text:                       ctrl/cmd + x
+   *   Select entire text:             ctrl/cmd + a
+   *   Quit editing                    tab or esc
+   *
+ * + *

Supported mouse/touch combination

+ * 
+   *   Position cursor:                click/touch
+   *   Create selection:               click/touch & drag
+   *   Create selection:               click & shift + click
+   *   Select word:                    double click
+   *   Select line:                    triple click
+   *
+ */ + fabric.IText = fabric.util.createClass(fabric.Text, fabric.Observable, /** @lends fabric.IText.prototype */ { + /** - * Moves cursor down - * @param {TPointerEvent} e Event object + * Type of an object + * @type String + * @default */ - moveCursorDown(e) { - if (this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorUpOrDown('Down', e); - } + type: 'i-text', + /** - * Moves cursor up - * @param {TPointerEvent} e Event object + * Index where text selection starts (or where cursor is when there is no selection) + * @type Number + * @default */ - moveCursorUp(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorUpOrDown('Up', e); - } + selectionStart: 0, + /** - * Moves cursor up or down, fires the events - * @param {String} direction 'Up' or 'Down' - * @param {TPointerEvent} e Event object + * Index where text selection ends + * @type Number + * @default */ - _moveCursorUpOrDown(direction, e) { - const action = `get${direction}CursorOffset`, offset = this[action](e, this._selectionDirection === 'right'); - if (e.shiftKey) { - this.moveCursorWithShift(offset); - } - else { - this.moveCursorWithoutShift(offset); - } - if (offset !== 0) { - const max = this.text.length; - this.selectionStart = capValue(0, this.selectionStart, max); - this.selectionEnd = capValue(0, this.selectionEnd, max); - this.abortCursorAnimation(); - this._currentCursorOpacity = 1; - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - } + selectionEnd: 0, + /** - * Moves cursor with shift - * @param {Number} offset + * Color of text selection + * @type String + * @default */ - moveCursorWithShift(offset) { - const newSelection = this._selectionDirection === 'left' - ? this.selectionStart + offset - : this.selectionEnd + offset; - this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); - return offset !== 0; - } + selectionColor: 'rgba(17,119,255,0.3)', + /** - * Moves cursor up without shift - * @param {Number} offset + * Indicates whether text is in editing mode + * @type Boolean + * @default */ - moveCursorWithoutShift(offset) { - if (offset < 0) { - this.selectionStart += offset; - this.selectionEnd = this.selectionStart; - } - else { - this.selectionEnd += offset; - this.selectionStart = this.selectionEnd; - } - return offset !== 0; - } + isEditing: false, + /** - * Moves cursor left - * @param {TPointerEvent} e Event object + * Indicates whether a text can be edited + * @type Boolean + * @default */ - moveCursorLeft(e) { - if (this.selectionStart === 0 && this.selectionEnd === 0) { - return; - } - this._moveCursorLeftOrRight('Left', e); - } + editable: true, + /** - * @private - * @return {Boolean} true if a change happened + * Border color of text object while it's in editing mode + * @type String + * @default */ - _move(e, prop, direction) { - let newValue; - if (e.altKey) { - newValue = this['findWordBoundary' + direction](this[prop]); - } - else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36) { - newValue = this['findLineBoundary' + direction](this[prop]); - } - else { - this[prop] += direction === 'Left' ? -1 : 1; - return true; - } - if (typeof newValue !== 'undefined' && this[prop] !== newValue) { - this[prop] = newValue; - return true; - } - } + editingBorderColor: 'rgba(102,153,255,0.25)', + /** - * @private + * Width of cursor (in px) + * @type Number + * @default */ - _moveLeft(e, prop) { - return this._move(e, prop, 'Left'); - } + cursorWidth: 2, + /** - * @private + * Color of text cursor color in editing mode. + * if not set (default) will take color from the text. + * if set to a color value that fabric can understand, it will + * be used instead of the color of the text at the current position. + * @type String + * @default */ - _moveRight(e, prop) { - return this._move(e, prop, 'Right'); - } + cursorColor: '', + /** - * Moves cursor left without keeping selection - * @param {TPointerEvent} e + * Delay between cursor blink (in ms) + * @type Number + * @default */ - moveCursorLeftWithoutShift(e) { - let change = true; - this._selectionDirection = 'left'; - // only move cursor when there is no selection, - // otherwise we discard it, and leave cursor on same place - if (this.selectionEnd === this.selectionStart && - this.selectionStart !== 0) { - change = this._moveLeft(e, 'selectionStart'); - } - this.selectionEnd = this.selectionStart; - return change; - } + cursorDelay: 1000, + /** - * Moves cursor left while keeping selection - * @param {TPointerEvent} e + * Duration of cursor fadein (in ms) + * @type Number + * @default */ - moveCursorLeftWithShift(e) { - if (this._selectionDirection === 'right' && - this.selectionStart !== this.selectionEnd) { - return this._moveLeft(e, 'selectionEnd'); - } - else if (this.selectionStart !== 0) { - this._selectionDirection = 'left'; - return this._moveLeft(e, 'selectionStart'); - } - } + cursorDuration: 600, + /** - * Moves cursor right - * @param {TPointerEvent} e Event object + * Indicates whether internal text char widths can be cached + * @type Boolean + * @default */ - moveCursorRight(e) { - if (this.selectionStart >= this._text.length && - this.selectionEnd >= this._text.length) { - return; - } - this._moveCursorLeftOrRight('Right', e); - } + caching: true, + /** - * Moves cursor right or Left, fires event - * @param {String} direction 'Left', 'Right' - * @param {TPointerEvent} e Event object + * DOM container to append the hiddenTextarea. + * An alternative to attaching to the document.body. + * Useful to reduce laggish redraw of the full document.body tree and + * also with modals event capturing that won't let the textarea take focus. + * @type HTMLElement + * @default */ - _moveCursorLeftOrRight(direction, e) { - let actionName = 'moveCursor' + direction + 'With'; - this._currentCursorOpacity = 1; - if (e.shiftKey) { - actionName += 'Shift'; - } - else { - actionName += 'outShift'; - } - if (this[actionName](e)) { - this.abortCursorAnimation(); - this.initDelayedCursor(); - this._fireSelectionChanged(); - this._updateTextarea(); - } - } + hiddenTextareaContainer: null, + + /** + * @private + */ + _reSpace: /\s|\n/, + /** - * Moves cursor right while keeping selection - * @param {TPointerEvent} e + * @private */ - moveCursorRightWithShift(e) { - if (this._selectionDirection === 'left' && - this.selectionStart !== this.selectionEnd) { - return this._moveRight(e, 'selectionStart'); - } - else if (this.selectionEnd !== this._text.length) { - this._selectionDirection = 'right'; - return this._moveRight(e, 'selectionEnd'); - } - } + _currentCursorOpacity: 0, + /** - * Moves cursor right without keeping selection - * @param {TPointerEvent} e Event object + * @private */ - moveCursorRightWithoutShift(e) { - let changed = true; - this._selectionDirection = 'right'; - if (this.selectionStart === this.selectionEnd) { - changed = this._moveRight(e, 'selectionStart'); - this.selectionEnd = this.selectionStart; - } - else { - this.selectionStart = this.selectionEnd; - } - return changed; - } -} + _selectionDirection: null, -//@ts-nocheck -class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { /** - * Initializes "dbclick" event handler + * @private */ - initDoubleClickSimulation() { - this.__lastClickTime = +new Date(); - // for triple click - this.__lastLastClickTime = +new Date(); - this.__lastPointer = {}; - this.on('mousedown', this.onMouseDown); - } + _abortCursorAnimation: false, + /** - * Default event handler to simulate triple click * @private */ - onMouseDown(options) { - if (!this.canvas) { - return; - } - this.__newClickTime = +new Date(); - const newPointer = options.pointer; - if (this.isTripleClick(newPointer)) { - this.fire('tripleclick', options); - stopEvent(options.e); - } - this.__lastLastClickTime = this.__lastClickTime; - this.__lastClickTime = this.__newClickTime; - this.__lastPointer = newPointer; - this.__lastSelected = this.selected; - } - isTripleClick(newPointer) { - return (this.__newClickTime - this.__lastClickTime < 500 && - this.__lastClickTime - this.__lastLastClickTime < 500 && - this.__lastPointer.x === newPointer.x && - this.__lastPointer.y === newPointer.y); - } + __widthOfSpace: [], + /** - * Initializes event handlers related to cursor or selection + * Helps determining when the text is in composition, so that the cursor + * rendering is altered. */ - initCursorSelectionHandlers() { - this.initMousedownHandler(); - this.initMouseupHandler(); - this.initClicks(); - } + inCompositionMode: false, + /** - * Default handler for double click, select a word + * Constructor + * @param {String} text Text string + * @param {Object} [options] Options object + * @return {fabric.IText} thisArg */ - doubleClickHandler(options) { - if (!this.isEditing) { - return; - } - this.selectWord(this.getSelectionStartFromPointer(options.e)); - } + initialize: function(text, options) { + this.callSuper('initialize', text, options); + this.initBehavior(); + }, + /** - * Default handler for triple click, select a line + * Sets selection start (left boundary of a selection) + * @param {Number} index Index to set selection start to */ - tripleClickHandler(options) { - if (!this.isEditing) { - return; - } - this.selectLine(this.getSelectionStartFromPointer(options.e)); - } + setSelectionStart: function(index) { + index = Math.max(index, 0); + this._updateAndFire('selectionStart', index); + }, + /** - * Initializes double and triple click event handlers + * Sets selection end (right boundary of a selection) + * @param {Number} index Index to set selection end to */ - initClicks() { - this.on('mousedblclick', this.doubleClickHandler); - this.on('tripleclick', this.tripleClickHandler); - } + setSelectionEnd: function(index) { + index = Math.min(index, this.text.length); + this._updateAndFire('selectionEnd', index); + }, + /** - * Default event handler for the basic functionalities needed on _mouseDown - * can be overridden to do something different. - * Scope of this implementation is: find the click position, set selectionStart - * find selectionEnd, initialize the drawing of either cursor or selection area - * initializing a mousedDown on a text area will cancel fabricjs knowledge of - * current compositionMode. It will be set to false. + * @private + * @param {String} property 'selectionStart' or 'selectionEnd' + * @param {Number} index new position of property */ - _mouseDownHandler(options) { - if (!this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1)) { - return; - } - this.__isMousedown = true; - if (this.selected) { - this.inCompositionMode = false; - this.setCursorByClick(options.e); - } - if (this.isEditing) { - this.__selectionStartOnMouseDown = this.selectionStart; - if (this.selectionStart === this.selectionEnd) { - this.abortCursorAnimation(); - } - this.renderCursorOrSelection(); - } - } + _updateAndFire: function(property, index) { + if (this[property] !== index) { + this._fireSelectionChanged(); + this[property] = index; + } + this._updateTextarea(); + }, + /** - * Default event handler for the basic functionalities needed on mousedown:before - * can be overridden to do something different. - * Scope of this implementation is: verify the object is already selected when mousing down + * Fires the even of selection changed + * @private */ - _mouseDownHandlerBefore(options) { - if (!this.canvas || - !this.editable || - (options.e.button && options.e.button !== 1)) { - return; - } - // we want to avoid that an object that was selected and then becomes unselectable, - // may trigger editing mode in some way. - this.selected = this === this.canvas._activeObject; - // text dragging logic - const newSelection = this.getSelectionStartFromPointer(options.e); - this.__isDragging = - this.isEditing && - newSelection >= this.selectionStart && - newSelection <= this.selectionEnd && - this.selectionStart < this.selectionEnd; - } + _fireSelectionChanged: function() { + this.fire('selection:changed'); + this.canvas && this.canvas.fire('text:selection:changed', { target: this }); + }, + /** - * Initializes "mousedown" event handler + * Initialize text dimensions. Render all text on given context + * or on a offscreen canvas to get the text width with measureText. + * Updates this.width and this.height with the proper values. + * Does not return dimensions. + * @private */ - initMousedownHandler() { - this.on('mousedown', this._mouseDownHandler); - this.on('mousedown:before', this._mouseDownHandlerBefore); - } + initDimensions: function() { + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this.callSuper('initDimensions'); + }, + /** - * Initializes "mouseup" event handler + * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - initMouseupHandler() { - this.on('mouseup', this.mouseUpHandler); - } + render: function(ctx) { + this.clearContextTop(); + this.callSuper('render', ctx); + // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor + // the correct position but not at every cursor animation. + this.cursorOffsetCache = { }; + this.renderCursorOrSelection(); + }, + /** - * standard handler for mouse up, overridable * @private + * @param {CanvasRenderingContext2D} ctx Context to render on */ - mouseUpHandler(options) { - this.__isMousedown = false; - if (!this.editable || - (this.group && !this.group.interactive) || - (options.transform && options.transform.actionPerformed) || - (options.e.button && options.e.button !== 1)) { - return; - } - if (this.canvas) { - const currentActive = this.canvas._activeObject; - if (currentActive && currentActive !== this) { - // avoid running this logic when there is an active object - // this because is possible with shift click and fast clicks, - // to rapidly deselect and reselect this object and trigger an enterEdit - return; - } - } - if (this.__lastSelected && !this.__corner) { - this.selected = false; - this.__lastSelected = false; - this.enterEditing(options.e); - if (this.selectionStart === this.selectionEnd) { - this.initDelayedCursor(true); - } - else { - this.renderCursorOrSelection(); - } - } - else { - this.selected = true; - } - } + _render: function(ctx) { + this.callSuper('_render', ctx); + }, + /** - * Changes cursor location in a text depending on passed pointer (x/y) object - * @param {TPointerEvent} e Event object + * Prepare and clean the contextTop */ - setCursorByClick(e) { - const newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd; - if (e.shiftKey) { - this.setSelectionStartEndWithShift(start, end, newSelection); - } - else { - this.selectionStart = newSelection; - this.selectionEnd = newSelection; - } - if (this.isEditing) { - this._fireSelectionChanged(); - this._updateTextarea(); - } - } + clearContextTop: function(skipRestore) { + if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { + return; + } + var ctx = this.canvas.contextTop, v = this.canvas.viewportTransform; + ctx.save(); + ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); + this.transform(ctx); + this._clearTextArea(ctx); + skipRestore || ctx.restore(); + }, /** - * Returns coordinates of a pointer relative to object's top left corner in object's plane - * @param {TPointerEvent} e Event to operate upon - * @param {IPoint} [pointer] Pointer to operate upon (instead of event) - * @return {Point} Coordinates of a pointer (x, y) + * Renders cursor or selection (depending on what exists) + * it does on the contextTop. If contextTop is not available, do nothing. */ - getLocalPointer(e, pointer) { - const thePointer = pointer || this.canvas.getPointer(e); - return transformPoint(thePointer, invertTransform(this.calcTransformMatrix())).add(new Point(this.width / 2, this.height / 2)); - } + renderCursorOrSelection: function() { + if (!this.isEditing || !this.canvas || !this.canvas.contextTop) { + return; + } + var boundaries = this._getCursorBoundaries(), + ctx = this.canvas.contextTop; + this.clearContextTop(true); + if (this.selectionStart === this.selectionEnd) { + this.renderCursor(boundaries, ctx); + } + else { + this.renderSelection(boundaries, ctx); + } + ctx.restore(); + }, + + _clearTextArea: function(ctx) { + // we add 4 pixel, to be sure to do not leave any pixel out + var width = this.width + 4, height = this.height + 4; + ctx.clearRect(-width / 2, -height / 2, width, height); + }, + /** - * Returns index of a character corresponding to where an object was clicked - * @param {TPointerEvent} e Event object - * @return {Number} Index of a character + * Returns cursor boundaries (left, top, leftOffset, topOffset) + * @private + * @param {Array} chars Array of characters + * @param {String} typeOfBoundaries */ - getSelectionStartFromPointer(e) { - const mouseOffset = this.getLocalPointer(e); - let height = 0, charIndex = 0, lineIndex = 0; - for (let i = 0, len = this._textLines.length; i < len; i++) { - if (height <= mouseOffset.y) { - height += this.getHeightOfLine(i) * this.scaleY; - lineIndex = i; - if (i > 0) { - charIndex += - this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); - } - } - else { - break; - } - } - const lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); - let width = lineLeftOffset * this.scaleX; - const jlen = this._textLines[lineIndex].length; - // handling of RTL: in order to get things work correctly, - // we assume RTL writing is mirrored compared to LTR writing. - // so in position detection we mirror the X offset, and when is time - // of rendering it, we mirror it again. - if (this.direction === 'rtl') { - mouseOffset.x = this.width * this.scaleX - mouseOffset.x; - } - let prevWidth = 0; - for (let j = 0; j < jlen; j++) { - prevWidth = width; - // i removed something about flipX here, check. - width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; - if (width <= mouseOffset.x) { - charIndex++; - } - else { - break; - } - } - return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); - } + _getCursorBoundaries: function(position) { + + // left/top are left/top of entire text box + // leftOffset/topOffset are offset from that left/top point of a text box + + if (typeof position === 'undefined') { + position = this.selectionStart; + } + + var left = this._getLeftOffset(), + top = this._getTopOffset(), + offsets = this._getCursorBoundariesOffsets(position); + return { + left: left, + top: top, + leftOffset: offsets.left, + topOffset: offsets.top + }; + }, + /** * @private */ - _getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, index, jlen) { - const distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, distanceBtwNextCharAndCursor = width - mouseOffset.x, offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || - distanceBtwNextCharAndCursor < 0 - ? 0 - : 1; - let newSelectionStart = index + offset; - // if object is horizontally flipped, mirror cursor location from the end - if (this.flipX) { - newSelectionStart = jlen - newSelectionStart; - } - if (newSelectionStart > this._text.length) { - newSelectionStart = this._text.length; - } - return newSelectionStart; - } -} + _getCursorBoundariesOffsets: function(position) { + if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { + return this.cursorOffsetCache; + } + var lineLeftOffset, + lineIndex, + charIndex, + topOffset = 0, + leftOffset = 0, + boundaries, + cursorPosition = this.get2DCursorLocation(position); + charIndex = cursorPosition.charIndex; + lineIndex = cursorPosition.lineIndex; + for (var i = 0; i < lineIndex; i++) { + topOffset += this.getHeightOfLine(i); + } + lineLeftOffset = this._getLineLeftOffset(lineIndex); + var bound = this.__charBounds[lineIndex][charIndex]; + bound && (leftOffset = bound.left); + if (this.charSpacing !== 0 && charIndex === this._textLines[lineIndex].length) { + leftOffset -= this._getWidthOfCharSpacing(); + } + boundaries = { + top: topOffset, + left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), + }; + if (this.direction === 'rtl') { + boundaries.left *= -1; + } + this.cursorOffsetCache = boundaries; + return this.cursorOffsetCache; + }, -// @ts-nocheck -/** - * IText class (introduced in v1.4) Events are also fired with "text:" - * prefix when observing canvas. - * @class IText - * - * @fires changed - * @fires selection:changed - * @fires editing:entered - * @fires editing:exited - * @fires dragstart - * @fires drag drag event firing on the drag source - * @fires dragend - * @fires copy - * @fires cut - * @fires paste - * - * @return {IText} thisArg - * @see {@link IText#initialize} for constructor definition - * - *

Supported key combinations:

- * 
- *   Move cursor:                    left, right, up, down
- *   Select character:               shift + left, shift + right
- *   Select text vertically:         shift + up, shift + down
- *   Move cursor by word:            alt + left, alt + right
- *   Select words:                   shift + alt + left, shift + alt + right
- *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
- *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
- *   Jump to start/end of text:      cmd + up, cmd + down
- *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
- *   Delete character:               backspace
- *   Delete word:                    alt + backspace
- *   Delete line:                    cmd + backspace
- *   Forward delete:                 delete
- *   Copy text:                      ctrl/cmd + c
- *   Paste text:                     ctrl/cmd + v
- *   Cut text:                       ctrl/cmd + x
- *   Select entire text:             ctrl/cmd + a
- *   Quit editing                    tab or esc
- *
- * - *

Supported mouse/touch combination

- * 
- *   Position cursor:                click/touch
- *   Create selection:               click/touch & drag
- *   Create selection:               click & shift + click
- *   Select word:                    double click
- *   Select line:                    triple click
- *
- */ -class IText extends ITextClickBehaviorMixin { /** - - * Constructor - * @param {String} text Text string - * @param {Object} [options] Options object - * @return {IText} thisArg + * Renders cursor + * @param {Object} boundaries + * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - constructor(text, options) { - super(text, options); - this.initBehavior(); - } + renderCursor: function(boundaries, ctx) { + var cursorLocation = this.get2DCursorLocation(), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, + charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), + multiplier = this.scaleX * this.canvas.getZoom(), + cursorWidth = this.cursorWidth / multiplier, + topOffset = boundaries.topOffset, + dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'); + topOffset += (1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex) / this.lineHeight + - charHeight * (1 - this._fontSizeFraction); + + if (this.inCompositionMode) { + this.renderSelection(boundaries, ctx); + } + ctx.fillStyle = this.cursorColor || this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); + ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; + ctx.fillRect( + boundaries.left + boundaries.leftOffset - cursorWidth / 2, + topOffset + boundaries.top + dy, + cursorWidth, + charHeight); + }, + /** - * While editing handle differently - * @private - * @param {string} key - * @param {*} value + * Renders text selection + * @param {Object} boundaries Object with left/top/leftOffset/topOffset + * @param {CanvasRenderingContext2D} ctx transformed context to draw on */ - _set(key, value) { - if (this.isEditing && this._savedProps && key in this._savedProps) { - this._savedProps[key] = value; + renderSelection: function(boundaries, ctx) { + + var selectionStart = this.inCompositionMode ? this.hiddenTextarea.selectionStart : this.selectionStart, + selectionEnd = this.inCompositionMode ? this.hiddenTextarea.selectionEnd : this.selectionEnd, + isJustify = this.textAlign.indexOf('justify') !== -1, + start = this.get2DCursorLocation(selectionStart), + end = this.get2DCursorLocation(selectionEnd), + startLine = start.lineIndex, + endLine = end.lineIndex, + startChar = start.charIndex < 0 ? 0 : start.charIndex, + endChar = end.charIndex < 0 ? 0 : end.charIndex; + + for (var i = startLine; i <= endLine; i++) { + var lineOffset = this._getLineLeftOffset(i) || 0, + lineHeight = this.getHeightOfLine(i), + realLineHeight = 0, boxStart = 0, boxEnd = 0; + + if (i === startLine) { + boxStart = this.__charBounds[startLine][startChar].left; + } + if (i >= startLine && i < endLine) { + boxEnd = isJustify && !this.isEndOfWrapping(i) ? this.width : this.getLineWidth(i) || 5; // WTF is this 5? + } + else if (i === endLine) { + if (endChar === 0) { + boxEnd = this.__charBounds[endLine][endChar].left; + } + else { + var charSpacing = this._getWidthOfCharSpacing(); + boxEnd = this.__charBounds[endLine][endChar - 1].left + + this.__charBounds[endLine][endChar - 1].width - charSpacing; + } + } + realLineHeight = lineHeight; + if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { + lineHeight /= this.lineHeight; + } + var drawStart = boundaries.left + lineOffset + boxStart, + drawWidth = boxEnd - boxStart, + drawHeight = lineHeight, extraTop = 0; + if (this.inCompositionMode) { + ctx.fillStyle = this.compositionColor || 'black'; + drawHeight = 1; + extraTop = lineHeight; } else { - super._set(key, value); + ctx.fillStyle = this.selectionColor; } - return this; - } + if (this.direction === 'rtl') { + drawStart = this.width - drawStart - drawWidth; + } + ctx.fillRect( + drawStart, + boundaries.top + boundaries.topOffset + extraTop, + drawWidth, + drawHeight); + boundaries.topOffset += realLineHeight; + } + }, + /** - * Sets selection start (left boundary of a selection) - * @param {Number} index Index to set selection start to + * High level function to know the height of the cursor. + * the currentChar is the one that precedes the cursor + * Returns fontSize of char at the current cursor + * Unused from the library, is for the end user + * @return {Number} Character font size */ - setSelectionStart(index) { - index = Math.max(index, 0); - this._updateAndFire('selectionStart', index); - } + getCurrentCharFontSize: function() { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); + }, + /** - * Sets selection end (right boundary of a selection) - * @param {Number} index Index to set selection end to + * High level function to know the color of the cursor. + * the currentChar is the one that precedes the cursor + * Returns color (fill) of char at the current cursor + * if the text object has a pattern or gradient for filler, it will return that. + * Unused by the library, is for the end user + * @return {String | fabric.Gradient | fabric.Pattern} Character color (fill) */ - setSelectionEnd(index) { - index = Math.min(index, this.text.length); - this._updateAndFire('selectionEnd', index); - } + getCurrentCharColor: function() { + var cp = this._getCurrentCharIndex(); + return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); + }, + /** + * Returns the cursor position for the getCurrent.. functions * @private - * @param {String} property 'selectionStart' or 'selectionEnd' - * @param {Number} index new position of property */ - _updateAndFire(property, index) { - if (this[property] !== index) { - this._fireSelectionChanged(); - this[property] = index; - } - this._updateTextarea(); + _getCurrentCharIndex: function() { + var cursorPosition = this.get2DCursorLocation(this.selectionStart, true), + charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; + return { l: cursorPosition.lineIndex, c: charIndex }; } + }); + + /** + * Returns fabric.IText instance from an object representation + * @static + * @memberOf fabric.IText + * @param {Object} object Object to create an instance from + * @param {function} [callback] invoked with new instance as argument + */ + fabric.IText.fromObject = function(object, callback) { + parseDecoration(object); + if (object.styles) { + for (var i in object.styles) { + for (var j in object.styles[i]) { + parseDecoration(object.styles[i][j]); + } + } + } + fabric.Object._fromObject('IText', object, callback, 'text'); + }; +})(); + + +(function() { + + var clone = fabric.util.object.clone; + + fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { + /** - * Fires the even of selection changed - * @private + * Initializes all the interactive behavior of IText */ - _fireSelectionChanged() { - this.fire('selection:changed'); - this.canvas && this.canvas.fire('text:selection:changed', { target: this }); - } + initBehavior: function() { + this.initAddedHandler(); + this.initRemovedHandler(); + this.initCursorSelectionHandlers(); + this.initDoubleClickSimulation(); + this.mouseMoveHandler = this.mouseMoveHandler.bind(this); + }, + + onDeselect: function() { + this.isEditing && this.exitEditing(); + this.selected = false; + }, + /** - * Initialize text dimensions. Render all text on given context - * or on a offscreen canvas to get the text width with measureText. - * Updates this.width and this.height with the proper values. - * Does not return dimensions. - * @private + * Initializes "added" event handler */ - initDimensions() { - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - super.initDimensions(); - } + initAddedHandler: function() { + var _this = this; + this.on('added', function() { + var canvas = _this.canvas; + if (canvas) { + if (!canvas._hasITextHandlers) { + canvas._hasITextHandlers = true; + _this._initCanvasHandlers(canvas); + } + canvas._iTextInstances = canvas._iTextInstances || []; + canvas._iTextInstances.push(_this); + } + }); + }, + + initRemovedHandler: function() { + var _this = this; + this.on('removed', function() { + var canvas = _this.canvas; + if (canvas) { + canvas._iTextInstances = canvas._iTextInstances || []; + fabric.util.removeFromArray(canvas._iTextInstances, _this); + if (canvas._iTextInstances.length === 0) { + canvas._hasITextHandlers = false; + _this._removeCanvasHandlers(canvas); + } + } + }); + }, + /** - * Gets style of a current selection/cursor (at the start position) - * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used. - * @param {Number} startIndex Start index to get styles at - * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1 - * @param {Boolean} [complete] get full style or not - * @return {Array} styles an array with one, zero or more Style objects + * register canvas event to manage exiting on other instances + * @private */ - getSelectionStyles(startIndex = this.selectionStart || 0, endIndex = this.selectionEnd, complete) { - return super.getSelectionStyles(startIndex, endIndex, complete); - } + _initCanvasHandlers: function(canvas) { + canvas._mouseUpITextHandler = function() { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function(obj) { + obj.__isMousedown = false; + }); + } + }; + canvas.on('mouse:up', canvas._mouseUpITextHandler); + }, + /** - * Sets style of a current selection, if no selection exist, do not set anything. - * @param {Object} [styles] Styles object - * @param {Number} [startIndex] Start index to get styles at - * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1 + * remove canvas event to manage exiting on other instances + * @private */ - setSelectionStyles(styles, startIndex = this.selectionStart || 0, endIndex = this.selectionEnd) { - return super.setSelectionStyles(styles, startIndex, endIndex); - } + _removeCanvasHandlers: function(canvas) { + canvas.off('mouse:up', canvas._mouseUpITextHandler); + }, + /** - * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start) - * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used. - * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles. + * @private */ - get2DCursorLocation(selectionStart = this.selectionStart, skipWrapping) { - return super.get2DCursorLocation(selectionStart, skipWrapping); - } + _tick: function() { + this._currentTickState = this._animateCursor(this, 1, this.cursorDuration, '_onTickComplete'); + }, + /** * @private - * @param {CanvasRenderingContext2D} ctx Context to render on */ - render(ctx) { - this.clearContextTop(); - super.render(ctx); - // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor - // the correct position but not at every cursor animation. - this.cursorOffsetCache = {}; - this.renderCursorOrSelection(); - } + _animateCursor: function(obj, targetOpacity, duration, completeMethod) { + + var tickState; + + tickState = { + isAborted: false, + abort: function() { + this.isAborted = true; + }, + }; + + obj.animate('_currentCursorOpacity', targetOpacity, { + duration: duration, + onComplete: function() { + if (!tickState.isAborted) { + obj[completeMethod](); + } + }, + onChange: function() { + // we do not want to animate a selection, only cursor + if (obj.canvas && obj.selectionStart === obj.selectionEnd) { + obj.renderCursorOrSelection(); + } + }, + abort: function() { + return tickState.isAborted; + } + }); + return tickState; + }, + /** * @private - * @param {CanvasRenderingContext2D} ctx Context to render on */ - _render(ctx) { - super._render(ctx); - } + _onTickComplete: function() { + + var _this = this; + + if (this._cursorTimeout1) { + clearTimeout(this._cursorTimeout1); + } + this._cursorTimeout1 = setTimeout(function() { + _this._currentTickCompleteState = _this._animateCursor(_this, 0, this.cursorDuration / 2, '_tick'); + }, 100); + }, + + /** + * Initializes delayed cursor + */ + initDelayedCursor: function(restart) { + var _this = this, + delay = restart ? 0 : this.cursorDelay; + + this.abortCursorAnimation(); + this._currentCursorOpacity = 1; + this._cursorTimeout2 = setTimeout(function() { + _this._tick(); + }, delay); + }, + + /** + * Aborts cursor animation and clears all timeouts + */ + abortCursorAnimation: function() { + var shouldClear = this._currentTickState || this._currentTickCompleteState, + canvas = this.canvas; + this._currentTickState && this._currentTickState.abort(); + this._currentTickCompleteState && this._currentTickCompleteState.abort(); + + clearTimeout(this._cursorTimeout1); + clearTimeout(this._cursorTimeout2); + + this._currentCursorOpacity = 0; + // to clear just itext area we need to transform the context + // it may not be worth it + if (shouldClear && canvas) { + canvas.clearContext(canvas.contextTop || canvas.contextContainer); + } + + }, + /** - * Renders cursor or selection (depending on what exists) - * it does on the contextTop. If contextTop is not available, do nothing. + * Selects entire text + * @return {fabric.IText} thisArg + * @chainable */ - renderCursorOrSelection() { - if (!this.isEditing) { - return; - } - const ctx = this.clearContextTop(true); - if (!ctx) { - return; - } - const boundaries = this._getCursorBoundaries(); - if (this.selectionStart === this.selectionEnd) { - this.renderCursor(ctx, boundaries); - } - else { - this.renderSelection(ctx, boundaries); - } - ctx.restore(); - } + selectAll: function() { + this.selectionStart = 0; + this.selectionEnd = this._text.length; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + /** - * Renders cursor on context Top, outside the animation cycle, on request - * Used for the drag/drop effect. - * If contextTop is not available, do nothing. + * Returns selected text + * @return {String} */ - renderCursorAt(selectionStart) { - const boundaries = this._getCursorBoundaries(selectionStart, true); - this._renderCursor(this.canvas.contextTop, boundaries, selectionStart); - } + getSelectedText: function() { + return this._text.slice(this.selectionStart, this.selectionEnd).join(''); + }, + /** - * Returns cursor boundaries (left, top, leftOffset, topOffset) - * left/top are left/top of entire text box - * leftOffset/topOffset are offset from that left/top point of a text box - * @private - * @param {number} [index] index from start - * @param {boolean} [skipCaching] + * Find new selection index representing start of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index */ - _getCursorBoundaries(index, skipCaching) { - if (typeof index === 'undefined') { - index = this.selectionStart; - } - const left = this._getLeftOffset(), top = this._getTopOffset(), offsets = this._getCursorBoundariesOffsets(index, skipCaching); - return { - left: left, - top: top, - leftOffset: offsets.left, - topOffset: offsets.top, - }; - } + findWordBoundaryLeft: function(startFrom) { + var offset = 0, index = startFrom - 1; + + // remove space before cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index--; + } + } + while (/\S/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + + return startFrom - offset; + }, + /** - * Caches and returns cursor left/top offset relative to instance's center point - * @private - * @param {number} index index from start - * @param {boolean} [skipCaching] + * Find new selection index representing end of current word according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index */ - _getCursorBoundariesOffsets(index, skipCaching) { - if (skipCaching) { - return this.__getCursorBoundariesOffsets(index); - } - if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) { - return this.cursorOffsetCache; - } - return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index)); - } + findWordBoundaryRight: function(startFrom) { + var offset = 0, index = startFrom; + + // remove space after cursor first + if (this._reSpace.test(this._text[index])) { + while (this._reSpace.test(this._text[index])) { + offset++; + index++; + } + } + while (/\S/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + + return startFrom + offset; + }, + /** - * Calculates cursor left/top offset relative to instance's center point - * @private - * @param {number} index index from start + * Find new selection index representing start of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index */ - __getCursorBoundariesOffsets(index) { - let topOffset = 0, leftOffset = 0; - const { charIndex, lineIndex } = this.get2DCursorLocation(index); - for (let i = 0; i < lineIndex; i++) { - topOffset += this.getHeightOfLine(i); - } - const lineLeftOffset = this._getLineLeftOffset(lineIndex); - const bound = this.__charBounds[lineIndex][charIndex]; - bound && (leftOffset = bound.left); - if (this.charSpacing !== 0 && - charIndex === this._textLines[lineIndex].length) { - leftOffset -= this._getWidthOfCharSpacing(); - } - const boundaries = { - top: topOffset, - left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0), - }; - if (this.direction === 'rtl') { - if (this.textAlign === 'right' || - this.textAlign === 'justify' || - this.textAlign === 'justify-right') { - boundaries.left *= -1; - } - else if (this.textAlign === 'left' || - this.textAlign === 'justify-left') { - boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); - } - else if (this.textAlign === 'center' || - this.textAlign === 'justify-center') { - boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0); - } - } - return boundaries; - } + findLineBoundaryLeft: function(startFrom) { + var offset = 0, index = startFrom - 1; + + while (!/\n/.test(this._text[index]) && index > -1) { + offset++; + index--; + } + + return startFrom - offset; + }, + /** - * Renders cursor - * @param {Object} boundaries - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * Find new selection index representing end of current line according to current selection index + * @param {Number} startFrom Current selection index + * @return {Number} New selection index */ - renderCursor(ctx, boundaries) { - this._renderCursor(ctx, boundaries, this.selectionStart); - } - _renderCursor(ctx, boundaries, selectionStart) { - const cursorLocation = this.get2DCursorLocation(selectionStart), lineIndex = cursorLocation.lineIndex, charIndex = cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0, charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'), multiplier = this.scaleX * this.canvas.getZoom(), cursorWidth = this.cursorWidth / multiplier, dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'), topOffset = boundaries.topOffset + - ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) / - this.lineHeight - - charHeight * (1 - this._fontSizeFraction); - if (this.inCompositionMode) { - // TODO: investigate why there isn't a return inside the if, - // and why can't happen at the top of the function - this.renderSelection(ctx, boundaries); - } - ctx.fillStyle = - this.cursorColor || - this.getValueOfPropertyAt(lineIndex, charIndex, 'fill'); - ctx.globalAlpha = this.__isMousedown ? 1 : this._currentCursorOpacity; - ctx.fillRect(boundaries.left + boundaries.leftOffset - cursorWidth / 2, topOffset + boundaries.top + dy, cursorWidth, charHeight); - } + findLineBoundaryRight: function(startFrom) { + var offset = 0, index = startFrom; + + while (!/\n/.test(this._text[index]) && index < this._text.length) { + offset++; + index++; + } + + return startFrom + offset; + }, + /** - * Renders text selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * Finds index corresponding to beginning or end of a word + * @param {Number} selectionStart Index of a character + * @param {Number} direction 1 or -1 + * @return {Number} Index of the beginning or end of a word */ - renderSelection(ctx, boundaries) { - const selection = { - selectionStart: this.inCompositionMode - ? this.hiddenTextarea.selectionStart - : this.selectionStart, - selectionEnd: this.inCompositionMode - ? this.hiddenTextarea.selectionEnd - : this.selectionEnd, - }; - this._renderSelection(ctx, selection, boundaries); - } + searchWordBoundary: function(selectionStart, direction) { + var text = this._text, + index = this._reSpace.test(text[selectionStart]) ? selectionStart - 1 : selectionStart, + _char = text[index], + // wrong + reNonWord = fabric.reNonWord; + + while (!reNonWord.test(_char) && index > 0 && index < text.length) { + index += direction; + _char = text[index]; + } + if (reNonWord.test(_char)) { + index += direction === 1 ? 0 : 1; + } + return index; + }, + /** - * Renders drag start text selection + * Selects a word based on the index + * @param {Number} selectionStart Index of a character */ - renderDragSourceEffect() { - if (this.__isDragging && - this.__dragStartSelection && - this.__dragStartSelection) { - this._renderSelection(this.canvas.contextTop, this.__dragStartSelection, this._getCursorBoundaries(this.__dragStartSelection.selectionStart, true)); - } - } - renderDropTargetEffect(e) { - const dragSelection = this.getSelectionStartFromPointer(e); - this.renderCursorAt(dragSelection); - } + selectWord: function(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.searchWordBoundary(selectionStart, -1), /* search backwards */ + newSelectionEnd = this.searchWordBoundary(selectionStart, 1); /* search forward */ + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + }, + /** - * Renders text selection - * @private - * @param {{ selectionStart: number, selectionEnd: number }} selection - * @param {Object} boundaries Object with left/top/leftOffset/topOffset - * @param {CanvasRenderingContext2D} ctx transformed context to draw on + * Selects a line based on the index + * @param {Number} selectionStart Index of a character + * @return {fabric.IText} thisArg + * @chainable */ - _renderSelection(ctx, selection, boundaries) { - const selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = this.textAlign.indexOf('justify') !== -1, start = this.get2DCursorLocation(selectionStart), end = this.get2DCursorLocation(selectionEnd), startLine = start.lineIndex, endLine = end.lineIndex, startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex; - for (let i = startLine; i <= endLine; i++) { - const lineOffset = this._getLineLeftOffset(i) || 0; - let lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0; - if (i === startLine) { - boxStart = this.__charBounds[startLine][startChar].left; - } - if (i >= startLine && i < endLine) { - boxEnd = - isJustify && !this.isEndOfWrapping(i) - ? this.width - : this.getLineWidth(i) || 5; // WTF is this 5? - } - else if (i === endLine) { - if (endChar === 0) { - boxEnd = this.__charBounds[endLine][endChar].left; - } - else { - const charSpacing = this._getWidthOfCharSpacing(); - boxEnd = - this.__charBounds[endLine][endChar - 1].left + - this.__charBounds[endLine][endChar - 1].width - - charSpacing; - } - } - realLineHeight = lineHeight; - if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) { - lineHeight /= this.lineHeight; - } - let drawStart = boundaries.left + lineOffset + boxStart, drawHeight = lineHeight, extraTop = 0; - const drawWidth = boxEnd - boxStart; - if (this.inCompositionMode) { - ctx.fillStyle = this.compositionColor || 'black'; - drawHeight = 1; - extraTop = lineHeight; - } - else { - ctx.fillStyle = this.selectionColor; - } - if (this.direction === 'rtl') { - if (this.textAlign === 'right' || - this.textAlign === 'justify' || - this.textAlign === 'justify-right') { - drawStart = this.width - drawStart - drawWidth; - } - else if (this.textAlign === 'left' || - this.textAlign === 'justify-left') { - drawStart = boundaries.left + lineOffset - boxEnd; - } - else if (this.textAlign === 'center' || - this.textAlign === 'justify-center') { - drawStart = boundaries.left + lineOffset - boxEnd; - } - } - ctx.fillRect(drawStart, boundaries.top + boundaries.topOffset + extraTop, drawWidth, drawHeight); - boundaries.topOffset += realLineHeight; - } - } + selectLine: function(selectionStart) { + selectionStart = selectionStart || this.selectionStart; + var newSelectionStart = this.findLineBoundaryLeft(selectionStart), + newSelectionEnd = this.findLineBoundaryRight(selectionStart); + + this.selectionStart = newSelectionStart; + this.selectionEnd = newSelectionEnd; + this._fireSelectionChanged(); + this._updateTextarea(); + return this; + }, + /** - * High level function to know the height of the cursor. - * the currentChar is the one that precedes the cursor - * Returns fontSize of char at the current cursor - * Unused from the library, is for the end user - * @return {Number} Character font size + * Enters editing state + * @return {fabric.IText} thisArg + * @chainable */ - getCurrentCharFontSize() { - const cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize'); - } + enterEditing: function(e) { + if (this.isEditing || !this.editable) { + return; + } + + if (this.canvas) { + this.canvas.calcOffset(); + this.exitEditingOnOthers(this.canvas); + } + + this.isEditing = true; + + this.initHiddenTextarea(e); + this.hiddenTextarea.focus(); + this.hiddenTextarea.value = this.text; + this._updateTextarea(); + this._saveEditingProps(); + this._setEditingProps(); + this._textBeforeEdit = this.text; + + this._tick(); + this.fire('editing:entered'); + this._fireSelectionChanged(); + if (!this.canvas) { + return this; + } + this.canvas.fire('text:editing:entered', { target: this }); + this.initMouseMoveHandler(); + this.canvas.requestRenderAll(); + return this; + }, + + exitEditingOnOthers: function(canvas) { + if (canvas._iTextInstances) { + canvas._iTextInstances.forEach(function(obj) { + obj.selected = false; + if (obj.isEditing) { + obj.exitEditing(); + } + }); + } + }, + /** - * High level function to know the color of the cursor. - * the currentChar is the one that precedes the cursor - * Returns color (fill) of char at the current cursor - * if the text object has a pattern or gradient for filler, it will return that. - * Unused by the library, is for the end user - * @return {String | TFiller} Character color (fill) + * Initializes "mousemove" event handler */ - getCurrentCharColor() { - const cp = this._getCurrentCharIndex(); - return this.getValueOfPropertyAt(cp.l, cp.c, 'fill'); - } + initMouseMoveHandler: function() { + this.canvas.on('mouse:move', this.mouseMoveHandler); + }, + /** - * Returns the cursor position for the getCurrent.. functions * @private */ - _getCurrentCharIndex() { - const cursorPosition = this.get2DCursorLocation(this.selectionStart, true), charIndex = cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0; - return { l: cursorPosition.lineIndex, c: charIndex }; - } - /** - * Returns IText instance from an object representation - * @static - * @memberOf IText - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - const styles = stylesFromArray(object.styles, object.text); - //copy object to prevent mutation - const objCopy = Object.assign({}, object, { styles: styles }); - return InteractiveFabricObject._fromObject(IText, objCopy, { - extraParam: 'text', - }); - } -} -const iTextDefaultValues = { - type: 'i-text', - selectionStart: 0, - selectionEnd: 0, - selectionColor: 'rgba(17,119,255,0.3)', - isEditing: false, - editable: true, - editingBorderColor: 'rgba(102,153,255,0.25)', - cursorWidth: 2, - cursorColor: '', - cursorDelay: 1000, - cursorDuration: 600, - caching: true, - hiddenTextareaContainer: null, - _reSpace: /\s|\n/, - _currentCursorOpacity: 1, - _selectionDirection: null, - inCompositionMode: false, -}; -Object.assign(IText.prototype, iTextDefaultValues); -fabric$1.IText = IText; + mouseMoveHandler: function(options) { + if (!this.__isMousedown || !this.isEditing) { + return; + } -//@ts-nocheck -/* _TO_SVG_START_ */ -(function (global) { - var fabric = global.fabric, toFixed = fabric.util.toFixed, multipleSpacesRegex = / +/g; - fabric.util.object.extend(fabric.Text.prototype, - /** @lends fabric.Text.prototype */ { - /** - * Returns SVG representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - _toSVG: function () { - var offsets = this._getSVGLeftTopOffsets(), textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); - return this._wrapSVGTextAndBg(textAndBg); - }, - /** - * Returns svg representation of an instance - * @param {Function} [reviver] Method for further parsing of svg representation. - * @return {String} svg representation of an instance - */ - toSVG: function (reviver) { - return this._createBaseSVGMarkup(this._toSVG(), { - reviver: reviver, - noStyle: true, - withShadow: true, - }); - }, - /** - * @private - */ - _getSVGLeftTopOffsets: function () { - return { - textLeft: -this.width / 2, - textTop: -this.height / 2, - lineTop: this.getHeightOfLine(0), - }; - }, - /** - * @private - */ - _wrapSVGTextAndBg: function (textAndBg) { - var noShadow = true, textDecoration = this.getSvgTextDecoration(this); - return [ - textAndBg.textBgRects.join(''), - '\t\t', - textAndBg.textSpans.join(''), - '\n', - ]; - }, - /** - * @private - * @param {Number} textTopOffset Text top offset - * @param {Number} textLeftOffset Text left offset - * @return {Object} - */ - _getSVGTextAndBg: function (textTopOffset, textLeftOffset) { - var textSpans = [], textBgRects = [], height = textTopOffset, lineOffset; - // bounding-box background - this._setSVGBg(textBgRects); - // text and text-background - for (var i = 0, len = this._textLines.length; i < len; i++) { - lineOffset = this._getLineLeftOffset(i); - if (this.direction === 'rtl') { - lineOffset += this.width; - } - if (this.textBackgroundColor || - this.styleHas('textBackgroundColor', i)) { - this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); - } - this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); - height += this.getHeightOfLine(i); - } - return { - textSpans: textSpans, - textBgRects: textBgRects, - }; - }, - /** - * @private - */ - _createTextCharSpan: function (_char, styleDecl, left, top) { - var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), fillStyles = styleProps ? 'style="' + styleProps + '"' : '', dy = styleDecl.deltaY, dySpan = '', NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - if (dy) { - dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; - } - return [ - '', - fabric.util.string.escapeXml(_char), - '', - ].join(''); - }, - _setSVGTextLineText: function (textSpans, lineIndex, textLeftOffset, textTopOffset) { - // set proper line offset - var lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.indexOf('justify') !== -1, actualStyle, nextStyle, charsToRender = '', charBox, style, boxWidth = 0, line = this._textLines[lineIndex], timeToRender; - textTopOffset += - (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight; - for (var i = 0, len = line.length - 1; i <= len; i++) { - timeToRender = i === len || this.charSpacing; - charsToRender += line[i]; - charBox = this.__charBounds[lineIndex][i]; - if (boxWidth === 0) { - textLeftOffset += charBox.kernedWidth - charBox.width; - boxWidth += charBox.width; - } - else { - boxWidth += charBox.kernedWidth; - } - if (isJustify && !timeToRender) { - if (this._reSpaceAndTab.test(line[i])) { - timeToRender = true; - } - } - if (!timeToRender) { - // if we have charSpacing, we render char by char - actualStyle = - actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); - nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); - timeToRender = fabric.util.hasStyleChanged(actualStyle, nextStyle, true); - } - if (timeToRender) { - style = this._getStyleDeclaration(lineIndex, i) || {}; - textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); - charsToRender = ''; - actualStyle = nextStyle; - if (this.direction === 'rtl') { - textLeftOffset -= boxWidth; - } - else { - textLeftOffset += boxWidth; - } - boxWidth = 0; - } - } - }, - _pushTextBgRect: function (textBgRects, color, left, top, width, height) { - var NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS; - textBgRects.push('\t\t\n'); - }, - _setSVGTextLineBg: function (textBgRects, i, leftOffset, textTopOffset) { - var line = this._textLines[i], heightOfLine = this.getHeightOfLine(i) / this.lineHeight, boxWidth = 0, boxStart = 0, charBox, currentColor, lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); - for (var j = 0, jlen = line.length; j < jlen; j++) { - charBox = this.__charBounds[i][j]; - currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); - if (currentColor !== lastColor) { - lastColor && - this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); - boxStart = charBox.left; - boxWidth = charBox.width; - lastColor = currentColor; - } - else { - boxWidth += charBox.kernedWidth; - } - } - currentColor && - this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine); - }, - /** - * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values - * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 - * - * @private - * @param {*} value - * @return {String} - */ - _getFillAttributes: function (value) { - var fillColor = value && typeof value === 'string' ? new Color(value) : ''; - if (!fillColor || - !fillColor.getSource() || - fillColor.getAlpha() === 1) { - return 'fill="' + value + '"'; - } - return ('opacity="' + - fillColor.getAlpha() + - '" fill="' + - fillColor.setAlpha(1).toRgb() + - '"'); - }, - /** - * @private - */ - _getSVGLineTopOffset: function (lineIndex) { - var lineTopOffset = 0, lastHeight = 0; - for (var j = 0; j < lineIndex; j++) { - lineTopOffset += this.getHeightOfLine(j); - } - lastHeight = this.getHeightOfLine(j); - return { - lineTop: lineTopOffset, - offset: ((this._fontSizeMult - this._fontSizeFraction) * lastHeight) / - (this.lineHeight * this._fontSizeMult), - }; - }, - /** - * Returns styles-string for svg-export - * @param {Boolean} skipShadow a boolean to skip shadow filter output - * @return {String} - */ - getSvgStyles: function (skipShadow) { - var svgStyle = InteractiveFabricObject.prototype.getSvgStyles.call(this, skipShadow); - return svgStyle + ' white-space: pre;'; - }, - }); -})(typeof exports !== 'undefined' ? exports : window); -/* _TO_SVG_END_ */ + var newSelectionStart = this.getSelectionStartFromPointer(options.e), + currentStart = this.selectionStart, + currentEnd = this.selectionEnd; + if ( + (newSelectionStart !== this.__selectionStartOnMouseDown || currentStart === currentEnd) + && + (currentStart === newSelectionStart || currentEnd === newSelectionStart) + ) { + return; + } + if (newSelectionStart > this.__selectionStartOnMouseDown) { + this.selectionStart = this.__selectionStartOnMouseDown; + this.selectionEnd = newSelectionStart; + } + else { + this.selectionStart = newSelectionStart; + this.selectionEnd = this.__selectionStartOnMouseDown; + } + if (this.selectionStart !== currentStart || this.selectionEnd !== currentEnd) { + this.restartCursorIfNeeded(); + this._fireSelectionChanged(); + this._updateTextarea(); + this.renderCursorOrSelection(); + } + }, -// @ts-nocheck -/** - * Textbox class, based on IText, allows the user to resize the text rectangle - * and wraps lines automatically. Textboxes have their Y scaling locked, the - * user can only change width. Height is adjusted automatically based on the - * wrapping of lines. - */ -class Textbox extends IText { - constructor() { - super(...arguments); - /** - * Cached array of text wrapping. - * @type Array - */ - this.__cachedLines = null; - } /** - * Unlike superclass's version of this function, Textbox does not update - * its width. * @private - * @override */ - initDimensions() { - if (!this.initialized) { - return; - } - this.isEditing && this.initDelayedCursor(); - this.clearContextTop(); - this._clearCache(); - // clear dynamicMinWidth as it will be different after we re-wrap line - this.dynamicMinWidth = 0; - // wrap lines - this._styleMap = this._generateStyleMap(this._splitText()); - // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap - if (this.dynamicMinWidth > this.width) { - this._set('width', this.dynamicMinWidth); - } - if (this.textAlign.indexOf('justify') !== -1) { - // once text is measured we need to make space fatter to make justified text. - this.enlargeSpaces(); - } - // clear cache and re-calculate height - this.height = this.calcTextHeight(); - this.saveState({ propertySet: '_dimensionAffectingProps' }); - } + _setEditingProps: function() { + this.hoverCursor = 'text'; + + if (this.canvas) { + this.canvas.defaultCursor = this.canvas.moveCursor = 'text'; + } + + this.borderColor = this.editingBorderColor; + this.hasControls = this.selectable = false; + this.lockMovementX = this.lockMovementY = true; + }, + /** - * Generate an object that translates the style object so that it is - * broken up by visual lines (new lines and automatic wrapping). - * The original text styles object is broken up by actual lines (new lines only), - * which is only sufficient for Text / IText - * @private + * convert from textarea to grapheme indexes */ - _generateStyleMap(textInfo) { - let realLineCount = 0, realLineCharCount = 0, charCount = 0; - const map = {}; - for (let i = 0; i < textInfo.graphemeLines.length; i++) { - if (textInfo.graphemeText[charCount] === '\n' && i > 0) { - realLineCharCount = 0; - charCount++; - realLineCount++; - } - else if (!this.splitByGrapheme && - this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && - i > 0) { - // this case deals with space's that are removed from end of lines when wrapping - realLineCharCount++; - charCount++; - } - map[i] = { line: realLineCount, offset: realLineCharCount }; - charCount += textInfo.graphemeLines[i].length; - realLineCharCount += textInfo.graphemeLines[i].length; - } - return map; - } + fromStringToGraphemeSelection: function(start, end, text) { + var smallerTextStart = text.slice(0, start), + graphemeStart = fabric.util.string.graphemeSplit(smallerTextStart).length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = text.slice(start, end), + graphemeEnd = fabric.util.string.graphemeSplit(smallerTextEnd).length; + return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; + }, + /** - * Returns true if object has a style property or has it on a specified line - * @param {Number} lineIndex - * @return {Boolean} + * convert from fabric to textarea values */ - styleHas(property, lineIndex) { - if (this._styleMap && !this.isWrapping) { - const map = this._styleMap[lineIndex]; - if (map) { - lineIndex = map.line; - } - } - return super.styleHas(property, lineIndex); - } + fromGraphemeToStringSelection: function(start, end, _text) { + var smallerTextStart = _text.slice(0, start), + graphemeStart = smallerTextStart.join('').length; + if (start === end) { + return { selectionStart: graphemeStart, selectionEnd: graphemeStart }; + } + var smallerTextEnd = _text.slice(start, end), + graphemeEnd = smallerTextEnd.join('').length; + return { selectionStart: graphemeStart, selectionEnd: graphemeStart + graphemeEnd }; + }, + /** - * Returns true if object has no styling or no styling in a line - * @param {Number} lineIndex , lineIndex is on wrapped lines. - * @return {Boolean} + * @private */ - isEmptyStyles(lineIndex) { - if (!this.styles) { - return true; - } - let offset = 0, nextLineIndex = lineIndex + 1, nextOffset, shouldLimit = false; - const map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; - if (map) { - lineIndex = map.line; - offset = map.offset; - } - if (mapNextLine) { - nextLineIndex = mapNextLine.line; - shouldLimit = nextLineIndex === lineIndex; - nextOffset = mapNextLine.offset; - } - const obj = typeof lineIndex === 'undefined' - ? this.styles - : { line: this.styles[lineIndex] }; - for (const p1 in obj) { - for (const p2 in obj[p1]) { - if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { - // eslint-disable-next-line no-unused-vars - for (const p3 in obj[p1][p2]) { - return false; - } - } - } - } - return true; - } + _updateTextarea: function() { + this.cursorOffsetCache = { }; + if (!this.hiddenTextarea) { + return; + } + if (!this.inCompositionMode) { + var newSelection = this.fromGraphemeToStringSelection(this.selectionStart, this.selectionEnd, this._text); + this.hiddenTextarea.selectionStart = newSelection.selectionStart; + this.hiddenTextarea.selectionEnd = newSelection.selectionEnd; + } + this.updateTextareaPosition(); + }, + /** - * @param {Number} lineIndex - * @param {Number} charIndex * @private */ - _getStyleDeclaration(lineIndex, charIndex) { - if (this._styleMap && !this.isWrapping) { - const map = this._styleMap[lineIndex]; - if (!map) { - return null; - } - lineIndex = map.line; - charIndex = map.offset + charIndex; - } - return super._getStyleDeclaration(lineIndex, charIndex); - } + updateFromTextArea: function() { + if (!this.hiddenTextarea) { + return; + } + this.cursorOffsetCache = { }; + this.text = this.hiddenTextarea.value; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + var newSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, this.hiddenTextarea.selectionEnd, this.hiddenTextarea.value); + this.selectionEnd = this.selectionStart = newSelection.selectionEnd; + if (!this.inCompositionMode) { + this.selectionStart = newSelection.selectionStart; + } + this.updateTextareaPosition(); + }, + /** - * @param {Number} lineIndex - * @param {Number} charIndex - * @param {Object} style * @private */ - _setStyleDeclaration(lineIndex, charIndex, style) { - const map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - this.styles[lineIndex][charIndex] = style; - } + updateTextareaPosition: function() { + if (this.selectionStart === this.selectionEnd) { + var style = this._calcTextareaPosition(); + this.hiddenTextarea.style.left = style.left; + this.hiddenTextarea.style.top = style.top; + } + }, + /** - * @param {Number} lineIndex - * @param {Number} charIndex * @private + * @return {Object} style contains style for hiddenTextarea */ - _deleteStyleDeclaration(lineIndex, charIndex) { - const map = this._styleMap[lineIndex]; - lineIndex = map.line; - charIndex = map.offset + charIndex; - delete this.styles[lineIndex][charIndex]; - } + _calcTextareaPosition: function() { + if (!this.canvas) { + return { x: 1, y: 1 }; + } + var desiredPosition = this.inCompositionMode ? this.compositionStart : this.selectionStart, + boundaries = this._getCursorBoundaries(desiredPosition), + cursorLocation = this.get2DCursorLocation(desiredPosition), + lineIndex = cursorLocation.lineIndex, + charIndex = cursorLocation.charIndex, + charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') * this.lineHeight, + leftOffset = boundaries.leftOffset, + m = this.calcTransformMatrix(), + p = { + x: boundaries.left + leftOffset, + y: boundaries.top + boundaries.topOffset + charHeight + }, + retinaScaling = this.canvas.getRetinaScaling(), + upperCanvas = this.canvas.upperCanvasEl, + upperCanvasWidth = upperCanvas.width / retinaScaling, + upperCanvasHeight = upperCanvas.height / retinaScaling, + maxWidth = upperCanvasWidth - charHeight, + maxHeight = upperCanvasHeight - charHeight, + scaleX = upperCanvas.clientWidth / upperCanvasWidth, + scaleY = upperCanvas.clientHeight / upperCanvasHeight; + + p = fabric.util.transformPoint(p, m); + p = fabric.util.transformPoint(p, this.canvas.viewportTransform); + p.x *= scaleX; + p.y *= scaleY; + if (p.x < 0) { + p.x = 0; + } + if (p.x > maxWidth) { + p.x = maxWidth; + } + if (p.y < 0) { + p.y = 0; + } + if (p.y > maxHeight) { + p.y = maxHeight; + } + + // add canvas offset on document + p.x += this.canvas._offset.left; + p.y += this.canvas._offset.top; + + return { left: p.x + 'px', top: p.y + 'px', fontSize: charHeight + 'px', charHeight: charHeight }; + }, + /** - * probably broken need a fix - * Returns the real style line that correspond to the wrapped lineIndex line - * Used just to verify if the line does exist or not. - * @param {Number} lineIndex - * @returns {Boolean} if the line exists or not * @private */ - _getLineStyle(lineIndex) { - const map = this._styleMap[lineIndex]; - return !!this.styles[map.line]; - } + _saveEditingProps: function() { + this._savedProps = { + hasControls: this.hasControls, + borderColor: this.borderColor, + lockMovementX: this.lockMovementX, + lockMovementY: this.lockMovementY, + hoverCursor: this.hoverCursor, + selectable: this.selectable, + defaultCursor: this.canvas && this.canvas.defaultCursor, + moveCursor: this.canvas && this.canvas.moveCursor + }; + }, + /** - * Set the line style to an empty object so that is initialized - * @param {Number} lineIndex - * @param {Object} style * @private */ - _setLineStyle(lineIndex) { - const map = this._styleMap[lineIndex]; - this.styles[map.line] = {}; - } + _restoreEditingProps: function() { + if (!this._savedProps) { + return; + } + + this.hoverCursor = this._savedProps.hoverCursor; + this.hasControls = this._savedProps.hasControls; + this.borderColor = this._savedProps.borderColor; + this.selectable = this._savedProps.selectable; + this.lockMovementX = this._savedProps.lockMovementX; + this.lockMovementY = this._savedProps.lockMovementY; + + if (this.canvas) { + this.canvas.defaultCursor = this._savedProps.defaultCursor; + this.canvas.moveCursor = this._savedProps.moveCursor; + } + }, + /** - * Wraps text using the 'width' property of Textbox. First this function - * splits text on newlines, so we preserve newlines entered by the user. - * Then it wraps each line using the width of the Textbox by calling - * _wrapLine(). - * @param {Array} lines The string array of text that is split into lines - * @param {Number} desiredWidth width you want to wrap to - * @returns {Array} Array of lines + * Exits from editing state + * @return {fabric.IText} thisArg + * @chainable */ - _wrapText(lines, desiredWidth) { - const wrapped = []; - this.isWrapping = true; - for (let i = 0; i < lines.length; i++) { - wrapped.push(...this._wrapLine(lines[i], i, desiredWidth)); - } - this.isWrapping = false; - return wrapped; - } + exitEditing: function() { + var isTextChanged = (this._textBeforeEdit !== this.text); + var hiddenTextarea = this.hiddenTextarea; + this.selected = false; + this.isEditing = false; + + this.selectionEnd = this.selectionStart; + + if (hiddenTextarea) { + hiddenTextarea.blur && hiddenTextarea.blur(); + hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea); + } + this.hiddenTextarea = null; + this.abortCursorAnimation(); + this._restoreEditingProps(); + this._currentCursorOpacity = 0; + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this.fire('editing:exited'); + isTextChanged && this.fire('modified'); + if (this.canvas) { + this.canvas.off('mouse:move', this.mouseMoveHandler); + this.canvas.fire('text:editing:exited', { target: this }); + isTextChanged && this.canvas.fire('object:modified', { target: this }); + } + return this; + }, + /** - * Helper function to measure a string of text, given its lineIndex and charIndex offset - * It gets called when charBounds are not available yet. - * Override if necessary - * Use with {@link Textbox#wordSplit} - * - * @param {CanvasRenderingContext2D} ctx - * @param {String} text - * @param {number} lineIndex - * @param {number} charOffset - * @returns {number} + * @private */ - _measureWord(word, lineIndex, charOffset = 0) { - let width = 0, prevGrapheme; - const skipLeft = true; - for (let i = 0, len = word.length; i < len; i++) { - const box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); - width += box.kernedWidth; - prevGrapheme = word[i]; + _removeExtraneousStyles: function() { + for (var prop in this.styles) { + if (!this._textLines[prop]) { + delete this.styles[prop]; } - return width; - } + } + }, + /** - * Override this method to customize word splitting - * Use with {@link Textbox#_measureWord} - * @param {string} value - * @returns {string[]} array of words + * remove and reflow a style block from start to end. + * @param {Number} start linear start position for removal (included in removal) + * @param {Number} end linear end position for removal ( excluded from removal ) */ - wordSplit(value) { - return value.split(this._wordJoiners); - } + removeStyleFromTo: function(start, end) { + var cursorStart = this.get2DCursorLocation(start, true), + cursorEnd = this.get2DCursorLocation(end, true), + lineStart = cursorStart.lineIndex, + charStart = cursorStart.charIndex, + lineEnd = cursorEnd.lineIndex, + charEnd = cursorEnd.charIndex, + i, styleObj; + if (lineStart !== lineEnd) { + // step1 remove the trailing of lineStart + if (this.styles[lineStart]) { + for (i = charStart; i < this._unwrappedTextLines[lineStart].length; i++) { + delete this.styles[lineStart][i]; + } + } + // step2 move the trailing of lineEnd to lineStart if needed + if (this.styles[lineEnd]) { + for (i = charEnd; i < this._unwrappedTextLines[lineEnd].length; i++) { + styleObj = this.styles[lineEnd][i]; + if (styleObj) { + this.styles[lineStart] || (this.styles[lineStart] = { }); + this.styles[lineStart][charStart + i - charEnd] = styleObj; + } + } + } + // step3 detects lines will be completely removed. + for (i = lineStart + 1; i <= lineEnd; i++) { + delete this.styles[i]; + } + // step4 shift remaining lines. + this.shiftLineStyles(lineEnd, lineStart - lineEnd); + } + else { + // remove and shift left on the same line + if (this.styles[lineStart]) { + styleObj = this.styles[lineStart]; + var diff = charEnd - charStart, numericChar, _char; + for (i = charStart; i < charEnd; i++) { + delete styleObj[i]; + } + for (_char in this.styles[lineStart]) { + numericChar = parseInt(_char, 10); + if (numericChar >= charEnd) { + styleObj[numericChar - diff] = styleObj[_char]; + delete styleObj[_char]; + } + } + } + } + }, + /** - * Wraps a line of text using the width of the Textbox and a context. - * @param {Array} line The grapheme array that represent the line - * @param {Number} lineIndex - * @param {Number} desiredWidth width you want to wrap the line to - * @param {Number} reservedSpace space to remove from wrapping for custom functionalities - * @returns {Array} Array of line(s) into which the given text is wrapped - * to. + * Shifts line styles up or down + * @param {Number} lineIndex Index of a line + * @param {Number} offset Can any number? */ - _wrapLine(_line, lineIndex, desiredWidth, reservedSpace = 0) { - const additionalSpace = this._getWidthOfCharSpacing(), splitByGrapheme = this.splitByGrapheme, graphemeLines = [], words = splitByGrapheme - ? this.graphemeSplit(_line) - : this.wordSplit(_line), infix = splitByGrapheme ? '' : ' '; - let lineWidth = 0, line = [], - // spaces in different languages? - offset = 0, infixWidth = 0, largestWordWidth = 0, lineJustStarted = true; - // fix a difference between split and graphemeSplit - if (words.length === 0) { - words.push([]); - } - desiredWidth -= reservedSpace; - // measure words - const data = words.map((word) => { - // if using splitByGrapheme words are already in graphemes. - word = splitByGrapheme ? word : this.graphemeSplit(word); - const width = this._measureWord(word, lineIndex, offset); - largestWordWidth = Math.max(width, largestWordWidth); - offset += word.length + 1; - return { word: word, width: width }; - }); - const maxWidth = Math.max(desiredWidth, largestWordWidth, this.dynamicMinWidth); - // layout words - offset = 0; - let i; - for (i = 0; i < words.length; i++) { - const word = data[i].word; - const wordWidth = data[i].width; - offset += word.length; - lineWidth += infixWidth + wordWidth - additionalSpace; - if (lineWidth > maxWidth && !lineJustStarted) { - graphemeLines.push(line); - line = []; - lineWidth = wordWidth; - lineJustStarted = true; - } - else { - lineWidth += additionalSpace; - } - if (!lineJustStarted && !splitByGrapheme) { - line.push(infix); - } - line = line.concat(word); - infixWidth = splitByGrapheme - ? 0 - : this._measureWord([infix], lineIndex, offset); - offset++; - lineJustStarted = false; + shiftLineStyles: function(lineIndex, offset) { + // shift all line styles by offset upward or downward + // do not clone deep. we need new array, not new style objects + var clonedStyles = clone(this.styles); + for (var line in this.styles) { + var numericLine = parseInt(line, 10); + if (numericLine > lineIndex) { + this.styles[numericLine + offset] = clonedStyles[numericLine]; + if (!clonedStyles[numericLine - offset]) { + delete this.styles[numericLine]; + } + } + } + }, + + restartCursorIfNeeded: function() { + if (!this._currentTickState || this._currentTickState.isAborted + || !this._currentTickCompleteState || this._currentTickCompleteState.isAborted + ) { + this.initDelayedCursor(); + } + }, + + /** + * Handle insertion of more consecutive style lines for when one or more + * newlines gets added to the text. Since current style needs to be shifted + * first we shift the current style of the number lines needed, then we add + * new lines from the last to the first. + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} qty number of lines to add + * @param {Array} copiedStyle Array of objects styles + */ + insertNewlineStyleObject: function(lineIndex, charIndex, qty, copiedStyle) { + var currentCharStyle, + newLineStyles = {}, + somethingAdded = false, + isEndOfLine = this._unwrappedTextLines[lineIndex].length === charIndex; + + qty || (qty = 1); + this.shiftLineStyles(lineIndex, qty); + if (this.styles[lineIndex]) { + currentCharStyle = this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]; + } + // we clone styles of all chars + // after cursor onto the current line + for (var index in this.styles[lineIndex]) { + var numIndex = parseInt(index, 10); + if (numIndex >= charIndex) { + somethingAdded = true; + newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index]; + // remove lines from the previous line since they're on a new line now + if (!(isEndOfLine && charIndex === 0)) { + delete this.styles[lineIndex][index]; + } + } + } + var styleCarriedOver = false; + if (somethingAdded && !isEndOfLine) { + // if is end of line, the extra style we copied + // is probably not something we want + this.styles[lineIndex + qty] = newLineStyles; + styleCarriedOver = true; + } + if (styleCarriedOver) { + // skip the last line of since we already prepared it. + qty--; + } + // for the all the lines or all the other lines + // we clone current char style onto the next (otherwise empty) line + while (qty > 0) { + if (copiedStyle && copiedStyle[qty - 1]) { + this.styles[lineIndex + qty] = { 0: clone(copiedStyle[qty - 1]) }; + } + else if (currentCharStyle) { + this.styles[lineIndex + qty] = { 0: clone(currentCharStyle) }; } - i && graphemeLines.push(line); - if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { - this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; + else { + delete this.styles[lineIndex + qty]; } - return graphemeLines; - } + qty--; + } + this._forceClearCache = true; + }, + /** - * Detect if the text line is ended with an hard break - * text and itext do not have wrapping, return false - * @param {Number} lineIndex text to split - * @return {Boolean} + * Inserts style object for a given line/char index + * @param {Number} lineIndex Index of a line + * @param {Number} charIndex Index of a char + * @param {Number} quantity number Style object to insert, if given + * @param {Array} copiedStyle array of style objects */ - isEndOfWrapping(lineIndex) { - if (!this._styleMap[lineIndex + 1]) { - // is last line, return true; - return true; + insertCharStyleObject: function(lineIndex, charIndex, quantity, copiedStyle) { + if (!this.styles) { + this.styles = {}; + } + var currentLineStyles = this.styles[lineIndex], + currentLineStylesCloned = currentLineStyles ? clone(currentLineStyles) : {}; + + quantity || (quantity = 1); + // shift all char styles by quantity forward + // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4 + for (var index in currentLineStylesCloned) { + var numericIndex = parseInt(index, 10); + if (numericIndex >= charIndex) { + currentLineStyles[numericIndex + quantity] = currentLineStylesCloned[numericIndex]; + // only delete the style if there was nothing moved there + if (!currentLineStylesCloned[numericIndex - quantity]) { + delete currentLineStyles[numericIndex]; + } + } + } + this._forceClearCache = true; + if (copiedStyle) { + while (quantity--) { + if (!Object.keys(copiedStyle[quantity]).length) { + continue; + } + if (!this.styles[lineIndex]) { + this.styles[lineIndex] = {}; + } + this.styles[lineIndex][charIndex + quantity] = clone(copiedStyle[quantity]); } - if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { - // this is last line before a line break, return true; - return true; + return; + } + if (!currentLineStyles) { + return; + } + var newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1]; + while (newStyle && quantity--) { + this.styles[lineIndex][charIndex + quantity] = clone(newStyle); + } + }, + + /** + * Inserts style object(s) + * @param {Array} insertedText Characters at the location where style is inserted + * @param {Number} start cursor index for inserting style + * @param {Array} [copiedStyle] array of style objects to insert. + */ + insertNewStyleBlock: function(insertedText, start, copiedStyle) { + var cursorLoc = this.get2DCursorLocation(start, true), + addedLines = [0], linesLength = 0; + // get an array of how many char per lines are being added. + for (var i = 0; i < insertedText.length; i++) { + if (insertedText[i] === '\n') { + linesLength++; + addedLines[linesLength] = 0; } - return false; + else { + addedLines[linesLength]++; + } + } + // for the first line copy the style from the current char position. + if (addedLines[0] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex, cursorLoc.charIndex, addedLines[0], copiedStyle); + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1); + } + linesLength && this.insertNewlineStyleObject( + cursorLoc.lineIndex, cursorLoc.charIndex + addedLines[0], linesLength); + for (var i = 1; i < linesLength; i++) { + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + else if (copiedStyle) { + // this test is required in order to close #6841 + // when a pasted buffer begins with a newline then + // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0] + // may be undefined for some reason + if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) { + this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0]; + } + } + copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1); + } + // we use i outside the loop to get it like linesLength + if (addedLines[i] > 0) { + this.insertCharStyleObject(cursorLoc.lineIndex + i, 0, addedLines[i], copiedStyle); + } + }, + + /** + * Set the selectionStart and selectionEnd according to the new position of cursor + * mimic the key - mouse navigation when shift is pressed. + */ + setSelectionStartEndWithShift: function(start, end, newSelection) { + if (newSelection <= start) { + if (end === start) { + this._selectionDirection = 'left'; + } + else if (this._selectionDirection === 'right') { + this._selectionDirection = 'left'; + this.selectionEnd = start; + } + this.selectionStart = newSelection; + } + else if (newSelection > start && newSelection < end) { + if (this._selectionDirection === 'right') { + this.selectionEnd = newSelection; + } + else { + this.selectionStart = newSelection; + } + } + else { + // newSelection is > selection start and end + if (end === start) { + this._selectionDirection = 'right'; + } + else if (this._selectionDirection === 'left') { + this._selectionDirection = 'right'; + this.selectionStart = end; + } + this.selectionEnd = newSelection; + } + }, + + setSelectionInBoundaries: function() { + var length = this.text.length; + if (this.selectionStart > length) { + this.selectionStart = length; + } + else if (this.selectionStart < 0) { + this.selectionStart = 0; + } + if (this.selectionEnd > length) { + this.selectionEnd = length; + } + else if (this.selectionEnd < 0) { + this.selectionEnd = 0; + } + } + }); +})(); + + +fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { + /** + * Initializes "dbclick" event handler + */ + initDoubleClickSimulation: function() { + + // for double click + this.__lastClickTime = +new Date(); + + // for triple click + this.__lastLastClickTime = +new Date(); + + this.__lastPointer = { }; + + this.on('mousedown', this.onMouseDown); + }, + + /** + * Default event handler to simulate triple click + * @private + */ + onMouseDown: function(options) { + if (!this.canvas) { + return; + } + this.__newClickTime = +new Date(); + var newPointer = options.pointer; + if (this.isTripleClick(newPointer)) { + this.fire('tripleclick', options); + this._stopEvent(options.e); + } + this.__lastLastClickTime = this.__lastClickTime; + this.__lastClickTime = this.__newClickTime; + this.__lastPointer = newPointer; + this.__lastIsEditing = this.isEditing; + this.__lastSelected = this.selected; + }, + + isTripleClick: function(newPointer) { + return this.__newClickTime - this.__lastClickTime < 500 && + this.__lastClickTime - this.__lastLastClickTime < 500 && + this.__lastPointer.x === newPointer.x && + this.__lastPointer.y === newPointer.y; + }, + + /** + * @private + */ + _stopEvent: function(e) { + e.preventDefault && e.preventDefault(); + e.stopPropagation && e.stopPropagation(); + }, + + /** + * Initializes event handlers related to cursor or selection + */ + initCursorSelectionHandlers: function() { + this.initMousedownHandler(); + this.initMouseupHandler(); + this.initClicks(); + }, + + /** + * Default handler for double click, select a word + */ + doubleClickHandler: function(options) { + if (!this.isEditing) { + return; + } + this.selectWord(this.getSelectionStartFromPointer(options.e)); + }, + + /** + * Default handler for triple click, select a line + */ + tripleClickHandler: function(options) { + if (!this.isEditing) { + return; + } + this.selectLine(this.getSelectionStartFromPointer(options.e)); + }, + + /** + * Initializes double and triple click event handlers + */ + initClicks: function() { + this.on('mousedblclick', this.doubleClickHandler); + this.on('tripleclick', this.tripleClickHandler); + }, + + /** + * Default event handler for the basic functionalities needed on _mouseDown + * can be overridden to do something different. + * Scope of this implementation is: find the click position, set selectionStart + * find selectionEnd, initialize the drawing of either cursor or selection area + * initializing a mousedDown on a text area will cancel fabricjs knowledge of + * current compositionMode. It will be set to false. + */ + _mouseDownHandler: function(options) { + if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { + return; + } + + this.__isMousedown = true; + + if (this.selected) { + this.inCompositionMode = false; + this.setCursorByClick(options.e); + } + + if (this.isEditing) { + this.__selectionStartOnMouseDown = this.selectionStart; + if (this.selectionStart === this.selectionEnd) { + this.abortCursorAnimation(); + } + this.renderCursorOrSelection(); + } + }, + + /** + * Default event handler for the basic functionalities needed on mousedown:before + * can be overridden to do something different. + * Scope of this implementation is: verify the object is already selected when mousing down + */ + _mouseDownHandlerBefore: function(options) { + if (!this.canvas || !this.editable || (options.e.button && options.e.button !== 1)) { + return; + } + // we want to avoid that an object that was selected and then becomes unselectable, + // may trigger editing mode in some way. + this.selected = this === this.canvas._activeObject; + }, + + /** + * Initializes "mousedown" event handler + */ + initMousedownHandler: function() { + this.on('mousedown', this._mouseDownHandler); + this.on('mousedown:before', this._mouseDownHandlerBefore); + }, + + /** + * Initializes "mouseup" event handler + */ + initMouseupHandler: function() { + this.on('mouseup', this.mouseUpHandler); + }, + + /** + * standard handler for mouse up, overridable + * @private + */ + mouseUpHandler: function(options) { + this.__isMousedown = false; + if (!this.editable || this.group || + (options.transform && options.transform.actionPerformed) || + (options.e.button && options.e.button !== 1)) { + return; + } + + if (this.canvas) { + var currentActive = this.canvas._activeObject; + if (currentActive && currentActive !== this) { + // avoid running this logic when there is an active object + // this because is possible with shift click and fast clicks, + // to rapidly deselect and reselect this object and trigger an enterEdit + return; + } + } + + if (this.__lastSelected && !this.__corner) { + this.selected = false; + this.__lastSelected = false; + this.enterEditing(options.e); + if (this.selectionStart === this.selectionEnd) { + this.initDelayedCursor(true); + } + else { + this.renderCursorOrSelection(); + } + } + else { + this.selected = true; + } + }, + + /** + * Changes cursor location in a text depending on passed pointer (x/y) object + * @param {Event} e Event object + */ + setCursorByClick: function(e) { + var newSelection = this.getSelectionStartFromPointer(e), + start = this.selectionStart, end = this.selectionEnd; + if (e.shiftKey) { + this.setSelectionStartEndWithShift(start, end, newSelection); + } + else { + this.selectionStart = newSelection; + this.selectionEnd = newSelection; + } + if (this.isEditing) { + this._fireSelectionChanged(); + this._updateTextarea(); + } + }, + + /** + * Returns index of a character corresponding to where an object was clicked + * @param {Event} e Event object + * @return {Number} Index of a character + */ + getSelectionStartFromPointer: function(e) { + var mouseOffset = this.getLocalPointer(e), + prevWidth = 0, + width = 0, + height = 0, + charIndex = 0, + lineIndex = 0, + lineLeftOffset, + line; + for (var i = 0, len = this._textLines.length; i < len; i++) { + if (height <= mouseOffset.y) { + height += this.getHeightOfLine(i) * this.scaleY; + lineIndex = i; + if (i > 0) { + charIndex += this._textLines[i - 1].length + this.missingNewlineOffset(i - 1); + } + } + else { + break; + } + } + lineLeftOffset = this._getLineLeftOffset(lineIndex); + width = lineLeftOffset * this.scaleX; + line = this._textLines[lineIndex]; + // handling of RTL: in order to get things work correctly, + // we assume RTL writing is mirrored compared to LTR writing. + // so in position detection we mirror the X offset, and when is time + // of rendering it, we mirror it again. + if (this.direction === 'rtl') { + mouseOffset.x = this.width * this.scaleX - mouseOffset.x + width; + } + for (var j = 0, jlen = line.length; j < jlen; j++) { + prevWidth = width; + // i removed something about flipX here, check. + width += this.__charBounds[lineIndex][j].kernedWidth * this.scaleX; + if (width <= mouseOffset.x) { + charIndex++; + } + else { + break; + } + } + return this._getNewSelectionStartFromOffset(mouseOffset, prevWidth, width, charIndex, jlen); + }, + + /** + * @private + */ + _getNewSelectionStartFromOffset: function(mouseOffset, prevWidth, width, index, jlen) { + // we need Math.abs because when width is after the last char, the offset is given as 1, while is 0 + var distanceBtwLastCharAndCursor = mouseOffset.x - prevWidth, + distanceBtwNextCharAndCursor = width - mouseOffset.x, + offset = distanceBtwNextCharAndCursor > distanceBtwLastCharAndCursor || + distanceBtwNextCharAndCursor < 0 ? 0 : 1, + newSelectionStart = index + offset; + // if object is horizontally flipped, mirror cursor location from the end + if (this.flipX) { + newSelectionStart = jlen - newSelectionStart; + } + + if (newSelectionStart > this._text.length) { + newSelectionStart = this._text.length; + } + + return newSelectionStart; + } +}); + + +fabric.util.object.extend(fabric.IText.prototype, /** @lends fabric.IText.prototype */ { + + /** + * Initializes hidden textarea (needed to bring up keyboard in iOS) + */ + initHiddenTextarea: function() { + this.hiddenTextarea = fabric.document.createElement('textarea'); + this.hiddenTextarea.setAttribute('autocapitalize', 'off'); + this.hiddenTextarea.setAttribute('autocorrect', 'off'); + this.hiddenTextarea.setAttribute('autocomplete', 'off'); + this.hiddenTextarea.setAttribute('spellcheck', 'false'); + this.hiddenTextarea.setAttribute('data-fabric-hiddentextarea', ''); + this.hiddenTextarea.setAttribute('wrap', 'off'); + var style = this._calcTextareaPosition(); + // line-height: 1px; was removed from the style to fix this: + // https://bugs.chromium.org/p/chromium/issues/detail?id=870966 + this.hiddenTextarea.style.cssText = 'position: absolute; top: ' + style.top + + '; left: ' + style.left + '; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px;' + + ' paddingï½°top: ' + style.fontSize + ';'; + + if (this.hiddenTextareaContainer) { + this.hiddenTextareaContainer.appendChild(this.hiddenTextarea); + } + else { + fabric.document.body.appendChild(this.hiddenTextarea); + } + + fabric.util.addListener(this.hiddenTextarea, 'keydown', this.onKeyDown.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'keyup', this.onKeyUp.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'input', this.onInput.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'copy', this.copy.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'cut', this.copy.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'paste', this.paste.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionstart', this.onCompositionStart.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionupdate', this.onCompositionUpdate.bind(this)); + fabric.util.addListener(this.hiddenTextarea, 'compositionend', this.onCompositionEnd.bind(this)); + + if (!this._clickHandlerInitialized && this.canvas) { + fabric.util.addListener(this.canvas.upperCanvasEl, 'click', this.onClick.bind(this)); + this._clickHandlerInitialized = true; + } + }, + + /** + * For functionalities on keyDown + * Map a special key to a function of the instance/prototype + * If you need different behaviour for ESC or TAB or arrows, you have to change + * this map setting the name of a function that you build on the fabric.Itext or + * your prototype. + * the map change will affect all Instances unless you need for only some text Instances + * in that case you have to clone this object and assign your Instance. + * this.keysMap = fabric.util.object.clone(this.keysMap); + * The function must be in fabric.Itext.prototype.myFunction And will receive event as args[0] + */ + keysMap: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorRight', + 36: 'moveCursorLeft', + 37: 'moveCursorLeft', + 38: 'moveCursorUp', + 39: 'moveCursorRight', + 40: 'moveCursorDown', + }, + + keysMapRtl: { + 9: 'exitEditing', + 27: 'exitEditing', + 33: 'moveCursorUp', + 34: 'moveCursorDown', + 35: 'moveCursorLeft', + 36: 'moveCursorRight', + 37: 'moveCursorRight', + 38: 'moveCursorUp', + 39: 'moveCursorLeft', + 40: 'moveCursorDown', + }, + + /** + * For functionalities on keyUp + ctrl || cmd + */ + ctrlKeysMapUp: { + 67: 'copy', + 88: 'cut' + }, + + /** + * For functionalities on keyDown + ctrl || cmd + */ + ctrlKeysMapDown: { + 65: 'selectAll' + }, + + onClick: function() { + // No need to trigger click event here, focus is enough to have the keyboard appear on Android + this.hiddenTextarea && this.hiddenTextarea.focus(); + }, + + /** + * Handles keydown event + * only used for arrows and combination of modifier keys. + * @param {Event} e Event object + */ + onKeyDown: function(e) { + if (!this.isEditing) { + return; + } + var keyMap = this.direction === 'rtl' ? this.keysMapRtl : this.keysMap; + if (e.keyCode in keyMap) { + this[keyMap[e.keyCode]](e); + } + else if ((e.keyCode in this.ctrlKeysMapDown) && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapDown[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + if (e.keyCode >= 33 && e.keyCode <= 40) { + // if i press an arrow key just update selection + this.inCompositionMode = false; + this.clearContextTop(); + this.renderCursorOrSelection(); + } + else { + this.canvas && this.canvas.requestRenderAll(); + } + }, + + /** + * Handles keyup event + * We handle KeyUp because ie11 and edge have difficulties copy/pasting + * if a copy/cut event fired, keyup is dismissed + * @param {Event} e Event object + */ + onKeyUp: function(e) { + if (!this.isEditing || this._copyDone || this.inCompositionMode) { + this._copyDone = false; + return; + } + if ((e.keyCode in this.ctrlKeysMapUp) && (e.ctrlKey || e.metaKey)) { + this[this.ctrlKeysMapUp[e.keyCode]](e); + } + else { + return; + } + e.stopImmediatePropagation(); + e.preventDefault(); + this.canvas && this.canvas.requestRenderAll(); + }, + + /** + * Handles onInput event + * @param {Event} e Event object + */ + onInput: function(e) { + var fromPaste = this.fromPaste; + this.fromPaste = false; + e && e.stopPropagation(); + if (!this.isEditing) { + return; + } + // decisions about style changes. + var nextText = this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText, + charCount = this._text.length, + nextCharCount = nextText.length, + removedText, insertedText, + charDiff = nextCharCount - charCount, + selectionStart = this.selectionStart, selectionEnd = this.selectionEnd, + selection = selectionStart !== selectionEnd, + copiedStyle, removeFrom, removeTo; + if (this.hiddenTextarea.value === '') { + this.styles = { }; + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + return; + } + + var textareaSelection = this.fromStringToGraphemeSelection( + this.hiddenTextarea.selectionStart, + this.hiddenTextarea.selectionEnd, + this.hiddenTextarea.value + ); + var backDelete = selectionStart > textareaSelection.selectionStart; + + if (selection) { + removedText = this._text.slice(selectionStart, selectionEnd); + charDiff += selectionEnd - selectionStart; + } + else if (nextCharCount < charCount) { + if (backDelete) { + removedText = this._text.slice(selectionEnd + charDiff, selectionEnd); + } + else { + removedText = this._text.slice(selectionStart, selectionStart - charDiff); + } + } + insertedText = nextText.slice(textareaSelection.selectionEnd - charDiff, textareaSelection.selectionEnd); + if (removedText && removedText.length) { + if (insertedText.length) { + // let's copy some style before deleting. + // we want to copy the style before the cursor OR the style at the cursor if selection + // is bigger than 0. + copiedStyle = this.getSelectionStyles(selectionStart, selectionStart + 1, false); + // now duplicate the style one for each inserted text. + copiedStyle = insertedText.map(function() { + // this return an array of references, but that is fine since we are + // copying the style later. + return copiedStyle[0]; + }); + } + if (selection) { + removeFrom = selectionStart; + removeTo = selectionEnd; + } + else if (backDelete) { + // detect differences between forwardDelete and backDelete + removeFrom = selectionEnd - removedText.length; + removeTo = selectionEnd; + } + else { + removeFrom = selectionEnd; + removeTo = selectionEnd + removedText.length; + } + this.removeStyleFromTo(removeFrom, removeTo); + } + if (insertedText.length) { + if (fromPaste && insertedText.join('') === fabric.copiedText && !fabric.disableStyleCopyPaste) { + copiedStyle = fabric.copiedTextStyle; + } + this.insertNewStyleBlock(insertedText, selectionStart, copiedStyle); + } + this.updateFromTextArea(); + this.fire('changed'); + if (this.canvas) { + this.canvas.fire('text:changed', { target: this }); + this.canvas.requestRenderAll(); + } + }, + /** + * Composition start + */ + onCompositionStart: function() { + this.inCompositionMode = true; + }, + + /** + * Composition end + */ + onCompositionEnd: function() { + this.inCompositionMode = false; + }, + + // /** + // * Composition update + // */ + onCompositionUpdate: function(e) { + this.compositionStart = e.target.selectionStart; + this.compositionEnd = e.target.selectionEnd; + this.updateTextareaPosition(); + }, + + /** + * Copies selected text + * @param {Event} e Event object + */ + copy: function() { + if (this.selectionStart === this.selectionEnd) { + //do not cut-copy if no selection + return; + } + + fabric.copiedText = this.getSelectedText(); + if (!fabric.disableStyleCopyPaste) { + fabric.copiedTextStyle = this.getSelectionStyles(this.selectionStart, this.selectionEnd, true); + } + else { + fabric.copiedTextStyle = null; + } + this._copyDone = true; + }, + + /** + * Pastes text + * @param {Event} e Event object + */ + paste: function() { + this.fromPaste = true; + }, + + /** + * @private + * @param {Event} e Event object + * @return {Object} Clipboard data object + */ + _getClipboardData: function(e) { + return (e && e.clipboardData) || fabric.window.clipboardData; + }, + + /** + * Finds the width in pixels before the cursor on the same line + * @private + * @param {Number} lineIndex + * @param {Number} charIndex + * @return {Number} widthBeforeCursor width before cursor + */ + _getWidthBeforeCursor: function(lineIndex, charIndex) { + var widthBeforeCursor = this._getLineLeftOffset(lineIndex), bound; + + if (charIndex > 0) { + bound = this.__charBounds[lineIndex][charIndex - 1]; + widthBeforeCursor += bound.left + bound.width; } - /** - * Detect if a line has a linebreak and so we need to account for it when moving - * and counting style. - * @return Number - */ - missingNewlineOffset(lineIndex) { - if (this.splitByGrapheme) { - return this.isEndOfWrapping(lineIndex) ? 1 : 0; - } - return 1; + return widthBeforeCursor; + }, + + /** + * Gets start offset of a selection + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getDownCursorOffset: function(e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + // if on last line, down cursor goes to end of line + if (lineIndex === this._textLines.length - 1 || e.metaKey || e.keyCode === 34) { + // move to the end of a text + return this._text.length - selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine(lineIndex + 1, widthBeforeCursor), + textAfterCursor = this._textLines[lineIndex].slice(charIndex); + return textAfterCursor.length + indexOnOtherLine + 1 + this.missingNewlineOffset(lineIndex); + }, + + /** + * private + * Helps finding if the offset should be counted from Start or End + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + _getSelectionForOffset: function(e, isRight) { + if (e.shiftKey && this.selectionStart !== this.selectionEnd && isRight) { + return this.selectionEnd; } - /** - * Gets lines of text to render in the Textbox. This function calculates - * text wrapping on the fly every time it is called. - * @param {String} text text to split - * @returns {Array} Array of lines in the Textbox. - * @override - */ - _splitTextIntoLines(text) { - const newText = super._splitTextIntoLines(text), graphemeLines = this._wrapText(newText.lines, this.width), lines = new Array(graphemeLines.length); - for (let i = 0; i < graphemeLines.length; i++) { - lines[i] = graphemeLines[i].join(''); - } - newText.lines = lines; - newText.graphemeLines = graphemeLines; - return newText; + else { + return this.selectionStart; } - getMinWidth() { - return Math.max(this.minWidth, this.dynamicMinWidth); + }, + + /** + * @param {Event} e Event object + * @param {Boolean} isRight + * @return {Number} + */ + getUpCursorOffset: function(e, isRight) { + var selectionProp = this._getSelectionForOffset(e, isRight), + cursorLocation = this.get2DCursorLocation(selectionProp), + lineIndex = cursorLocation.lineIndex; + if (lineIndex === 0 || e.metaKey || e.keyCode === 33) { + // if on first line, up cursor goes to start of line + return -selectionProp; + } + var charIndex = cursorLocation.charIndex, + widthBeforeCursor = this._getWidthBeforeCursor(lineIndex, charIndex), + indexOnOtherLine = this._getIndexOnLine(lineIndex - 1, widthBeforeCursor), + textBeforeCursor = this._textLines[lineIndex].slice(0, charIndex), + missingNewlineOffset = this.missingNewlineOffset(lineIndex - 1); + // return a negative offset + return -this._textLines[lineIndex - 1].length + + indexOnOtherLine - textBeforeCursor.length + (1 - missingNewlineOffset); + }, + + /** + * for a given width it founds the matching character. + * @private + */ + _getIndexOnLine: function(lineIndex, width) { + + var line = this._textLines[lineIndex], + lineLeftOffset = this._getLineLeftOffset(lineIndex), + widthOfCharsOnLine = lineLeftOffset, + indexOnLine = 0, charWidth, foundMatch; + + for (var j = 0, jlen = line.length; j < jlen; j++) { + charWidth = this.__charBounds[lineIndex][j].width; + widthOfCharsOnLine += charWidth; + if (widthOfCharsOnLine > width) { + foundMatch = true; + var leftEdge = widthOfCharsOnLine - charWidth, + rightEdge = widthOfCharsOnLine, + offsetFromLeftEdge = Math.abs(leftEdge - width), + offsetFromRightEdge = Math.abs(rightEdge - width); + + indexOnLine = offsetFromRightEdge < offsetFromLeftEdge ? j : (j - 1); + break; + } } - _removeExtraneousStyles() { - const linesToKeep = {}; - for (const prop in this._styleMap) { - if (this._textLines[prop]) { - linesToKeep[this._styleMap[prop].line] = 1; - } - } - for (const prop in this.styles) { - if (!linesToKeep[prop]) { - delete this.styles[prop]; - } - } + + // reached end + if (!foundMatch) { + indexOnLine = line.length - 1; } - /** - * Returns object representation of an instance - * @method toObject - * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output - * @return {Object} object representation of an instance - */ - toObject(propertiesToInclude) { - return super.toObject(['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); + + return indexOnLine; + }, + + + /** + * Moves cursor down + * @param {Event} e Event object + */ + moveCursorDown: function(e) { + if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorUpOrDown('Down', e); + }, + + /** + * Moves cursor up + * @param {Event} e Event object + */ + moveCursorUp: function(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorUpOrDown('Up', e); + }, + + /** + * Moves cursor up or down, fires the events + * @param {String} direction 'Up' or 'Down' + * @param {Event} e Event object + */ + _moveCursorUpOrDown: function(direction, e) { + // getUpCursorOffset + // getDownCursorOffset + var action = 'get' + direction + 'CursorOffset', + offset = this[action](e, this._selectionDirection === 'right'); + if (e.shiftKey) { + this.moveCursorWithShift(offset); } - /** - * Returns Textbox instance from an object representation - * @static - * @memberOf Textbox - * @param {Object} object Object to create an instance from - * @returns {Promise} - */ - static fromObject(object) { - const styles = stylesFromArray(object.styles, object.text); - //copy object to prevent mutation - const objCopy = Object.assign({}, object, { styles: styles }); - return FabricObject._fromObject(Textbox, objCopy, { - extraParam: 'text', - }); + else { + this.moveCursorWithoutShift(offset); } -} -const textboxDefaultValues = { - type: 'textbox', - minWidth: 20, - dynamicMinWidth: 2, - lockScalingFlip: true, - noScaleCache: false, - _dimensionAffectingProps: textDefaultValues._dimensionAffectingProps.concat('width'), - _wordJoiners: /[ \t\r]/, - splitByGrapheme: false, -}; -Object.assign(Textbox.prototype, textboxDefaultValues); -fabric$1.Textbox = Textbox; - -/* eslint-disable @typescript-eslint/no-unused-vars */ -class Control { - constructor(options) { - /** - * keep track of control visibility. - * mainly for backward compatibility. - * if you do not want to see a control, you can remove it - * from the control set. - * @type {Boolean} - * @default true - */ - this.visible = true; - /** - * Name of the action that the control will likely execute. - * This is optional. FabricJS uses to identify what the user is doing for some - * extra optimizations. If you are writing a custom control and you want to know - * somewhere else in the code what is going on, you can use this string here. - * you can also provide a custom getActionName if your control run multiple actions - * depending on some external state. - * default to scale since is the most common, used on 4 corners by default - * @type {String} - * @default 'scale' - */ - this.actionName = 'scale'; - /** - * Drawing angle of the control. - * NOT used for now, but name marked as needed for internal logic - * example: to reuse the same drawing function for different rotated controls - * @type {Number} - * @default 0 - */ - this.angle = 0; - /** - * Relative position of the control. X - * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 - */ - this.x = 0; - /** - * Relative position of the control. Y - * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities - * of the bounding box. - * @type {Number} - * @default 0 - */ - this.y = 0; - /** - * Horizontal offset of the control from the defined position. In pixels - * Positive offset moves the control to the right, negative to the left. - * It used when you want to have position of control that does not scale with - * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on - * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will - * stay 30 pixels no matter how the object is big. Another example is having 2 - * controls in the corner, that stay in the same position when the object scale. - * of the bounding box. - * @type {Number} - * @default 0 - */ - this.offsetX = 0; - /** - * Vertical offset of the control from the defined position. In pixels - * Positive offset moves the control to the bottom, negative to the top. - * @type {Number} - * @default 0 - */ - this.offsetY = 0; - /** - * Sets the length of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null - */ - this.sizeX = null; - /** - * Sets the height of the control. If null, defaults to object's cornerSize. - * Expects both sizeX and sizeY to be set when set. - * @type {?Number} - * @default null - */ - this.sizeY = null; - /** - * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null - */ - this.touchSizeX = null; - /** - * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize. - * Expects both touchSizeX and touchSizeY to be set when set. - * @type {?Number} - * @default null - */ - this.touchSizeY = null; - /** - * Css cursor style to display when the control is hovered. - * if the method `cursorStyleHandler` is provided, this property is ignored. - * @type {String} - * @default 'crosshair' - */ - this.cursorStyle = 'crosshair'; - /** - * If controls has an offsetY or offsetX, draw a line that connects - * the control to the bounding box - * @type {Boolean} - * @default false - */ - this.withConnection = false; - Object.assign(this, options); + if (offset !== 0) { + this.setSelectionInBoundaries(); + this.abortCursorAnimation(); + this._currentCursorOpacity = 1; + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); } - /** - * Returns control actionHandler - * @param {Event} eventData the native mouse event - * @param {FabricObject} fabricObject on which the control is displayed - * @param {Control} control control for which the action handler is being asked - * @return {Function} the action handler - */ - getActionHandler(eventData, fabricObject, control) { - return this.actionHandler; + }, + + /** + * Moves cursor with shift + * @param {Number} offset + */ + moveCursorWithShift: function(offset) { + var newSelection = this._selectionDirection === 'left' + ? this.selectionStart + offset + : this.selectionEnd + offset; + this.setSelectionStartEndWithShift(this.selectionStart, this.selectionEnd, newSelection); + return offset !== 0; + }, + + /** + * Moves cursor up without shift + * @param {Number} offset + */ + moveCursorWithoutShift: function(offset) { + if (offset < 0) { + this.selectionStart += offset; + this.selectionEnd = this.selectionStart; } - /** - * Returns control mouseDown handler - * @param {Event} eventData the native mouse event - * @param {FabricObject} fabricObject on which the control is displayed - * @param {Control} control control for which the action handler is being asked - * @return {Function} the action handler - */ - getMouseDownHandler(eventData, fabricObject, control) { - return this.mouseDownHandler; + else { + this.selectionEnd += offset; + this.selectionStart = this.selectionEnd; } - /** - * Returns control mouseUp handler - * @param {Event} eventData the native mouse event - * @param {FabricObject} fabricObject on which the control is displayed - * @param {Control} control control for which the action handler is being asked - * @return {Function} the action handler - */ - getMouseUpHandler(eventData, fabricObject, control) { - return this.mouseUpHandler; + return offset !== 0; + }, + + /** + * Moves cursor left + * @param {Event} e Event object + */ + moveCursorLeft: function(e) { + if (this.selectionStart === 0 && this.selectionEnd === 0) { + return; + } + this._moveCursorLeftOrRight('Left', e); + }, + + /** + * @private + * @return {Boolean} true if a change happened + */ + _move: function(e, prop, direction) { + var newValue; + if (e.altKey) { + newValue = this['findWordBoundary' + direction](this[prop]); + } + else if (e.metaKey || e.keyCode === 35 || e.keyCode === 36 ) { + newValue = this['findLineBoundary' + direction](this[prop]); } - /** - * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate - * function you can pass one in the constructor - * the cursorStyle property - * @param {Event} eventData the native mouse event - * @param {Control} control the current control ( likely this) - * @param {FabricObject} object on which the control is displayed - * @return {String} - */ - cursorStyleHandler(eventData, control, fabricObject) { - return control.cursorStyle; + else { + this[prop] += direction === 'Left' ? -1 : 1; + return true; } - /** - * Returns the action name. The basic implementation just return the actionName property. - * @param {Event} eventData the native mouse event - * @param {Control} control the current control ( likely this) - * @param {FabricObject} object on which the control is displayed - * @return {String} - */ - getActionName(eventData, control, fabricObject) { - return control.actionName; + if (typeof newValue !== undefined && this[prop] !== newValue) { + this[prop] = newValue; + return true; } - /** - * Returns controls visibility - * @param {FabricObject} object on which the control is displayed - * @param {String} controlKey key where the control is memorized on the - * @return {Boolean} - */ - getVisibility(fabricObject, controlKey) { - var _a, _b; - // @ts-expect-error TODO remove directive once fixed - return (_b = (_a = fabricObject._controlsVisibility) === null || _a === void 0 ? void 0 : _a[controlKey]) !== null && _b !== void 0 ? _b : this.visible; + }, + + /** + * @private + */ + _moveLeft: function(e, prop) { + return this._move(e, prop, 'Left'); + }, + + /** + * @private + */ + _moveRight: function(e, prop) { + return this._move(e, prop, 'Right'); + }, + + /** + * Moves cursor left without keeping selection + * @param {Event} e + */ + moveCursorLeftWithoutShift: function(e) { + var change = true; + this._selectionDirection = 'left'; + + // only move cursor when there is no selection, + // otherwise we discard it, and leave cursor on same place + if (this.selectionEnd === this.selectionStart && this.selectionStart !== 0) { + change = this._moveLeft(e, 'selectionStart'); + } - /** - * Sets controls visibility - * @param {Boolean} visibility for the object - * @return {Void} - */ - setVisibility(visibility, name, fabricObject) { - this.visible = visibility; + this.selectionEnd = this.selectionStart; + return change; + }, + + /** + * Moves cursor left while keeping selection + * @param {Event} e + */ + moveCursorLeftWithShift: function(e) { + if (this._selectionDirection === 'right' && this.selectionStart !== this.selectionEnd) { + return this._moveLeft(e, 'selectionEnd'); + } + else if (this.selectionStart !== 0){ + this._selectionDirection = 'left'; + return this._moveLeft(e, 'selectionStart'); + } + }, + + /** + * Moves cursor right + * @param {Event} e Event object + */ + moveCursorRight: function(e) { + if (this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length) { + return; + } + this._moveCursorLeftOrRight('Right', e); + }, + + /** + * Moves cursor right or Left, fires event + * @param {String} direction 'Left', 'Right' + * @param {Event} e Event object + */ + _moveCursorLeftOrRight: function(direction, e) { + var actionName = 'moveCursor' + direction + 'With'; + this._currentCursorOpacity = 1; + + if (e.shiftKey) { + actionName += 'Shift'; } - positionHandler(dim, finalMatrix, fabricObject, currentControl) { - return new Point(this.x * dim.x + this.offsetX, this.y * dim.y + this.offsetY).transform(finalMatrix); + else { + actionName += 'outShift'; } - /** - * Returns the coords for this control based on object values. - * @param {Number} objectAngle angle from the fabric object holding the control - * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if - * isTouch is true) - * @param {Number} centerX x coordinate where the control center should be - * @param {Number} centerY y coordinate where the control center should be - * @param {boolean} isTouch true if touch corner, false if normal corner - */ - calcCornerCoords(objectAngle, objectCornerSize, centerX, centerY, isTouch) { - let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp; - const xSize = isTouch ? this.touchSizeX : this.sizeX, ySize = isTouch ? this.touchSizeY : this.sizeY; - if (xSize && ySize && xSize !== ySize) { - // handle rectangular corners - const controlTriangleAngle = Math.atan2(ySize, xSize); - const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2; - const newTheta = controlTriangleAngle - degreesToRadians(objectAngle); - const newThetaComp = halfPI - controlTriangleAngle - degreesToRadians(objectAngle); - cosHalfOffset = cornerHypotenuse * cos(newTheta); - sinHalfOffset = cornerHypotenuse * sin(newTheta); - // use complementary angle for two corners - cosHalfOffsetComp = cornerHypotenuse * cos(newThetaComp); - sinHalfOffsetComp = cornerHypotenuse * sin(newThetaComp); - } - else { - // handle square corners - // use default object corner size unless size is defined - const cornerSize = xSize && ySize ? xSize : objectCornerSize; - const cornerHypotenuse = cornerSize * Math.SQRT1_2; - // complementary angles are equal since they're both 45 degrees - const newTheta = degreesToRadians(45 - objectAngle); - cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * cos(newTheta); - sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * sin(newTheta); - } - return { - tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp), - tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset), - bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset), - br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp), - }; + if (this[actionName](e)) { + this.abortCursorAnimation(); + this.initDelayedCursor(); + this._fireSelectionChanged(); + this._updateTextarea(); } - /** - * Render function for the control. - * When this function runs the context is unscaled. unrotate. Just retina scaled. - * all the functions will have to translate to the point left,top before starting Drawing - * if they want to draw a control where the position is detected. - * left and top are the result of the positionHandler function - * @param {RenderingContext2D} ctx the context where the control will be drawn - * @param {Number} left position of the canvas where we are about to render the control. - * @param {Number} top position of the canvas where we are about to render the control. - * @param {Object} styleOverride - * @param {FabricObject} fabricObject the object where the control is about to be rendered - */ - render(ctx, left, top, styleOverride, fabricObject) { - styleOverride = styleOverride || {}; - switch (styleOverride.cornerStyle || fabricObject.cornerStyle) { - case 'circle': - renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject); - break; - default: - renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject); - } + }, + + /** + * Moves cursor right while keeping selection + * @param {Event} e + */ + moveCursorRightWithShift: function(e) { + if (this._selectionDirection === 'left' && this.selectionStart !== this.selectionEnd) { + return this._moveRight(e, 'selectionStart'); + } + else if (this.selectionEnd !== this._text.length) { + this._selectionDirection = 'right'; + return this._moveRight(e, 'selectionEnd'); + } + }, + + /** + * Moves cursor right without keeping selection + * @param {Event} e Event object + */ + moveCursorRightWithoutShift: function(e) { + var changed = true; + this._selectionDirection = 'right'; + + if (this.selectionStart === this.selectionEnd) { + changed = this._moveRight(e, 'selectionStart'); + this.selectionEnd = this.selectionStart; } -} -fabric$1.Control = Control; - -// @ts-nocheck -const defaultControls = { - ml: new Control({ - x: -0.5, - y: 0, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }), - mr: new Control({ - x: 0.5, - y: 0, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingXOrSkewingY, - getActionName: scaleOrSkewActionName, - }), - mb: new Control({ - x: 0, - y: 0.5, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }), - mt: new Control({ - x: 0, - y: -0.5, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionHandler: scalingYOrSkewingX, - getActionName: scaleOrSkewActionName, - }), - tl: new Control({ - x: -0.5, - y: -0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - tr: new Control({ - x: 0.5, - y: -0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - bl: new Control({ - x: -0.5, - y: 0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - br: new Control({ - x: 0.5, - y: 0.5, - cursorStyleHandler: scaleCursorStyleHandler, - actionHandler: scalingEqually, - }), - mtr: new Control({ - x: 0, - y: -0.5, - actionHandler: rotationWithSnapping, - cursorStyleHandler: rotationStyleHandler, - offsetY: -40, - withConnection: true, - actionName: 'rotate', - }), -}; -const textboxDefaultControls = Object.assign(Object.assign({}, defaultControls), { mr: new Control({ - x: 0.5, - y: 0, - actionHandler: changeWidth, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionName: 'resizing', - }), ml: new Control({ - x: -0.5, - y: 0, - actionHandler: changeWidth, - cursorStyleHandler: scaleSkewCursorStyleHandler, - actionName: 'resizing', - }) }); -InteractiveFabricObject.prototype.controls = Object.assign(Object.assign({}, (InteractiveFabricObject.prototype.controls || {})), defaultControls); -if (fabric$1.Textbox) { - // this is breaking the prototype inheritance, no time / ideas to fix it. - // is important to document that if you want to have all objects to have a - // specific custom control, you have to add it to Object prototype and to Textbox - // prototype. The controls are shared as references. So changes to control `tr` - // can still apply to all objects if needed. - fabric$1.Textbox.prototype.controls = Object.assign(Object.assign({}, (fabric$1.Textbox.prototype.controls || {})), textboxDefaultControls); -} + else { + this.selectionStart = this.selectionEnd; + } + return changed; + }, -/** - * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} - */ -class BaseBrush { - constructor(canvas) { - /** - * Color of a brush - * @type String - * @default - */ - this.color = 'rgb(0, 0, 0)'; - /** - * Width of a brush, has to be a Number, no string literals - * @type Number - * @default - */ - this.width = 1; - /** - * Shadow object representing shadow of this shape. - * Backwards incompatibility note: This property replaces "shadowColor" (String), "shadowOffsetX" (Number), - * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 - * @type Shadow - * @default - */ - this.shadow = null; - /** - * Line endings style of a brush (one of "butt", "round", "square") - * @type String - * @default - */ - this.strokeLineCap = 'round'; - /** - * Corner style of a brush (one of "bevel", "round", "miter") - * @type String - * @default - */ - this.strokeLineJoin = 'round'; - /** - * Maximum miter length (used for strokeLineJoin = "miter") of a brush's - * @type Number - * @default - */ - this.strokeMiterLimit = 10; - /** - * Stroke Dash Array. - * @type Array - * @default - */ - this.strokeDashArray = null; - /** - * When `true`, the free drawing is limited to the whiteboard size. Default to false. - * @type Boolean - * @default false - */ - this.limitedToCanvasSize = false; - this.canvas = canvas; - } - /** - * Sets brush styles - * @private - * @param {CanvasRenderingContext2D} ctx + /** + * Removes characters from start/end + * start/end ar per grapheme position in _text array. + * + * @param {Number} start + * @param {Number} end default to start + 1 + */ + removeChars: function(start, end) { + if (typeof end === 'undefined') { + end = start + 1; + } + this.removeStyleFromTo(start, end); + this._text.splice(start, end - start); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, + + /** + * insert characters at start position, before start position. + * start equal 1 it means the text get inserted between actual grapheme 0 and 1 + * if style array is provided, it must be as the same length of text in graphemes + * if end is provided and is bigger than start, old text is replaced. + * start/end ar per grapheme position in _text array. + * + * @param {String} text text to insert + * @param {Array} style array of style objects + * @param {Number} start + * @param {Number} end default to start + 1 + */ + insertChars: function(text, style, start, end) { + if (typeof end === 'undefined') { + end = start; + } + if (end > start) { + this.removeStyleFromTo(start, end); + } + var graphemes = fabric.util.string.graphemeSplit(text); + this.insertNewStyleBlock(graphemes, start, style); + this._text = [].concat(this._text.slice(0, start), graphemes, this._text.slice(end)); + this.text = this._text.join(''); + this.set('dirty', true); + if (this._shouldClearDimensionCache()) { + this.initDimensions(); + this.setCoords(); + } + this._removeExtraneousStyles(); + }, + +}); + + +/* _TO_SVG_START_ */ +(function() { + var toFixed = fabric.util.toFixed, + multipleSpacesRegex = / +/g; + + fabric.util.object.extend(fabric.Text.prototype, /** @lends fabric.Text.prototype */ { + + /** + * Returns SVG representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance */ - _setBrushStyles(ctx) { - ctx.strokeStyle = this.color; - ctx.lineWidth = this.width; - ctx.lineCap = this.strokeLineCap; - ctx.miterLimit = this.strokeMiterLimit; - ctx.lineJoin = this.strokeLineJoin; - ctx.setLineDash(this.strokeDashArray || []); - } + _toSVG: function() { + var offsets = this._getSVGLeftTopOffsets(), + textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft); + return this._wrapSVGTextAndBg(textAndBg); + }, + /** - * Sets the transformation on given context - * @param {CanvasRenderingContext2D} ctx context to render on - * @private + * Returns svg representation of an instance + * @param {Function} [reviver] Method for further parsing of svg representation. + * @return {String} svg representation of an instance */ - _saveAndTransform(ctx) { - const v = this.canvas.viewportTransform; - ctx.save(); - ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); - } + toSVG: function(reviver) { + return this._createBaseSVGMarkup( + this._toSVG(), + { reviver: reviver, noStyle: true, withShadow: true } + ); + }, + /** - * Sets brush shadow styles * @private */ - _setShadow() { - if (!this.shadow || !this.canvas) { - return; - } - const canvas = this.canvas, shadow = this.shadow, ctx = canvas.contextTop, zoom = canvas.getZoom() * canvas.getRetinaScaling(); - ctx.shadowColor = shadow.color; - ctx.shadowBlur = shadow.blur * zoom; - ctx.shadowOffsetX = shadow.offsetX * zoom; - ctx.shadowOffsetY = shadow.offsetY * zoom; - } - needsFullRender() { - const color = new Color(this.color); - return color.getAlpha() < 1 || !!this.shadow; - } + _getSVGLeftTopOffsets: function() { + return { + textLeft: -this.width / 2, + textTop: -this.height / 2, + lineTop: this.getHeightOfLine(0) + }; + }, + /** - * Removes brush shadow styles * @private */ - _resetShadow() { - const ctx = this.canvas.contextTop; - ctx.shadowColor = ''; - ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; - } + _wrapSVGTextAndBg: function(textAndBg) { + var noShadow = true, + textDecoration = this.getSvgTextDecoration(this); + return [ + textAndBg.textBgRects.join(''), + '\t\t', + textAndBg.textSpans.join(''), + '\n' + ]; + }, + /** - * Check is pointer is outside canvas boundaries - * @param {Object} pointer * @private - */ - _isOutSideCanvas(pointer) { - return (pointer.x < 0 || - pointer.x > this.canvas.getWidth() || - pointer.y < 0 || - pointer.y > this.canvas.getHeight()); - } -} -fabric$1.BaseBrush = BaseBrush; + * @param {Number} textTopOffset Text top offset + * @param {Number} textLeftOffset Text left offset + * @return {Object} + */ + _getSVGTextAndBg: function(textTopOffset, textLeftOffset) { + var textSpans = [], + textBgRects = [], + height = textTopOffset, lineOffset; + // bounding-box background + this._setSVGBg(textBgRects); + + // text and text-background + for (var i = 0, len = this._textLines.length; i < len; i++) { + lineOffset = this._getLineLeftOffset(i); + if (this.textBackgroundColor || this.styleHas('textBackgroundColor', i)) { + this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height); + } + this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height); + height += this.getHeightOfLine(i); + } + + return { + textSpans: textSpans, + textBgRects: textBgRects + }; + }, -/** - * @todo remove transient - */ -const { Circle, Group: Group$1, Shadow: Shadow$2 } = fabric$1; -class CircleBrush extends BaseBrush { - constructor(canvas) { - super(canvas); - /** - * Width of a brush - * @type Number - * @default - */ - this.width = 10; - this.points = []; - } /** - * Invoked inside on mouse down and mouse move - * @param {Point} pointer + * @private */ - drawDot(pointer) { - const point = this.addPoint(pointer), ctx = this.canvas.contextTop; - this._saveAndTransform(ctx); - this.dot(ctx, point); - ctx.restore(); - } - dot(ctx, point) { - ctx.fillStyle = point.fill; - ctx.beginPath(); - ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false); - ctx.closePath(); - ctx.fill(); - } + _createTextCharSpan: function(_char, styleDecl, left, top) { + var shouldUseWhitespace = _char !== _char.trim() || _char.match(multipleSpacesRegex), + styleProps = this.getSvgSpanStyles(styleDecl, shouldUseWhitespace), + fillStyles = styleProps ? 'style="' + styleProps + '"' : '', + dy = styleDecl.deltaY, dySpan = '', + NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + if (dy) { + dySpan = ' dy="' + toFixed(dy, NUM_FRACTION_DIGITS) + '" '; + } + return [ + '', + fabric.util.string.escapeXml(_char), + '' + ].join(''); + }, + + _setSVGTextLineText: function(textSpans, lineIndex, textLeftOffset, textTopOffset) { + // set proper line offset + var lineHeight = this.getHeightOfLine(lineIndex), + isJustify = this.textAlign.indexOf('justify') !== -1, + actualStyle, + nextStyle, + charsToRender = '', + charBox, style, + boxWidth = 0, + line = this._textLines[lineIndex], + timeToRender; + + textTopOffset += lineHeight * (1 - this._fontSizeFraction) / this.lineHeight; + for (var i = 0, len = line.length - 1; i <= len; i++) { + timeToRender = i === len || this.charSpacing; + charsToRender += line[i]; + charBox = this.__charBounds[lineIndex][i]; + if (boxWidth === 0) { + textLeftOffset += charBox.kernedWidth - charBox.width; + boxWidth += charBox.width; + } + else { + boxWidth += charBox.kernedWidth; + } + if (isJustify && !timeToRender) { + if (this._reSpaceAndTab.test(line[i])) { + timeToRender = true; + } + } + if (!timeToRender) { + // if we have charSpacing, we render char by char + actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i); + nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1); + timeToRender = this._hasStyleChangedForSvg(actualStyle, nextStyle); + } + if (timeToRender) { + style = this._getStyleDeclaration(lineIndex, i) || { }; + textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset)); + charsToRender = ''; + actualStyle = nextStyle; + textLeftOffset += boxWidth; + boxWidth = 0; + } + } + }, + + _pushTextBgRect: function(textBgRects, color, left, top, width, height) { + var NUM_FRACTION_DIGITS = fabric.Object.NUM_FRACTION_DIGITS; + textBgRects.push( + '\t\t\n'); + }, + + _setSVGTextLineBg: function(textBgRects, i, leftOffset, textTopOffset) { + var line = this._textLines[i], + heightOfLine = this.getHeightOfLine(i) / this.lineHeight, + boxWidth = 0, + boxStart = 0, + charBox, currentColor, + lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor'); + for (var j = 0, jlen = line.length; j < jlen; j++) { + charBox = this.__charBounds[i][j]; + currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor'); + if (currentColor !== lastColor) { + lastColor && this._pushTextBgRect(textBgRects, lastColor, leftOffset + boxStart, + textTopOffset, boxWidth, heightOfLine); + boxStart = charBox.left; + boxWidth = charBox.width; + lastColor = currentColor; + } + else { + boxWidth += charBox.kernedWidth; + } + } + currentColor && this._pushTextBgRect(textBgRects, currentColor, leftOffset + boxStart, + textTopOffset, boxWidth, heightOfLine); + }, + /** - * Invoked on mouse down + * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values + * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1 + * + * @private + * @param {*} value + * @return {String} */ - onMouseDown(pointer) { - this.points = []; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - this.drawDot(pointer); - } + _getFillAttributes: function(value) { + var fillColor = (value && typeof value === 'string') ? new fabric.Color(value) : ''; + if (!fillColor || !fillColor.getSource() || fillColor.getAlpha() === 1) { + return 'fill="' + value + '"'; + } + return 'opacity="' + fillColor.getAlpha() + '" fill="' + fillColor.setAlpha(1).toRgb() + '"'; + }, + /** - * Render the full state of the brush * @private */ - _render() { - const ctx = this.canvas.contextTop, points = this.points; - this._saveAndTransform(ctx); - for (let i = 0; i < points.length; i++) { - this.dot(ctx, points[i]); - } - ctx.restore(); - } + _getSVGLineTopOffset: function(lineIndex) { + var lineTopOffset = 0, lastHeight = 0; + for (var j = 0; j < lineIndex; j++) { + lineTopOffset += this.getHeightOfLine(j); + } + lastHeight = this.getHeightOfLine(j); + return { + lineTop: lineTopOffset, + offset: (this._fontSizeMult - this._fontSizeFraction) * lastHeight / (this.lineHeight * this._fontSizeMult) + }; + }, + /** - * Invoked on mouse move - * @param {Point} pointer + * Returns styles-string for svg-export + * @param {Boolean} skipShadow a boolean to skip shadow filter output + * @return {String} */ - onMouseMove(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this.needsFullRender()) { - this.canvas.clearContext(this.canvas.contextTop); - this.addPoint(pointer); - this._render(); - } - else { - this.drawDot(pointer); - } - } + getSvgStyles: function(skipShadow) { + var svgStyle = fabric.Object.prototype.getSvgStyles.call(this, skipShadow); + return svgStyle + ' white-space: pre;'; + }, + }); +})(); +/* _TO_SVG_END_ */ + + +(function(global) { + + 'use strict'; + + var fabric = global.fabric || (global.fabric = {}); + + /** + * Textbox class, based on IText, allows the user to resize the text rectangle + * and wraps lines automatically. Textboxes have their Y scaling locked, the + * user can only change width. Height is adjusted automatically based on the + * wrapping of lines. + * @class fabric.Textbox + * @extends fabric.IText + * @mixes fabric.Observable + * @return {fabric.Textbox} thisArg + * @see {@link fabric.Textbox#initialize} for constructor definition + */ + fabric.Textbox = fabric.util.createClass(fabric.IText, fabric.Observable, { + /** - * Invoked on mouse up + * Type of an object + * @type String + * @default */ - onMouseUp() { - const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; - this.canvas.renderOnAddRemove = false; - const circles = []; - for (let i = 0; i < this.points.length; i++) { - const point = this.points[i], circle = new Circle({ - radius: point.radius, - left: point.x, - top: point.y, - originX: 'center', - originY: 'center', - fill: point.fill, - }); - this.shadow && (circle.shadow = new Shadow$2(this.shadow)); - circles.push(circle); - } - const group = new Group$1(circles, { canvas: this.canvas }); - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - } + type: 'textbox', + /** - * @param {Object} pointer - * @return {Point} Just added pointer point - */ - addPoint({ x, y }) { - const pointerPoint = { - x, - y, - radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2, - fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(), - }; - this.points.push(pointerPoint); - return pointerPoint; - } -} -fabric$1.CircleBrush = CircleBrush; + * Minimum width of textbox, in pixels. + * @type Number + * @default + */ + minWidth: 20, -/** - * @todo remove transient - */ -const { Path, Shadow: Shadow$1 } = fabric$1; -/** - * @private - * @param {PathData} pathData SVG path commands - * @returns {boolean} - */ -function isEmptySVGPath(pathData) { - return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0'; -} -class PencilBrush extends BaseBrush { - constructor(canvas) { - super(canvas); - /** - * Discard points that are less than `decimate` pixel distant from each other - * @type Number - * @default 0.4 - */ - this.decimate = 0.4; - /** - * Draws a straight line between last recorded point to current pointer - * Used for `shift` functionality - * - * @type boolean - * @default false - */ - this.drawStraightLine = false; - /** - * The event modifier key that makes the brush draw a straight line. - * If `null` or 'none' or any other string that is not a modifier key the feature is disabled. - * @type {ModifierKey | undefined | null} - */ - this.straightLineKey = 'shiftKey'; - this._points = []; - this._hasStraightLine = false; - } - needsFullRender() { - return super.needsFullRender() || this._hasStraightLine; - } - static drawSegment(ctx, p1, p2) { - const midPoint = p1.midPointFrom(p2); - ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y); - return midPoint; - } /** - * Invoked on mouse down - * @param {Point} pointer + * Minimum calculated width of a textbox, in pixels. + * fixed to 2 so that an empty textbox cannot go to 0 + * and is still selectable without text. + * @type Number + * @default */ - onMouseDown(pointer, { e }) { - if (!this.canvas._isMainEvent(e)) { - return; - } - this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; - this._prepareForDrawing(pointer); - // capture coordinates immediately - // this allows to draw dots (when movement never occurs) - this._addPoint(pointer); - this._render(); - } + dynamicMinWidth: 2, + /** - * Invoked on mouse move - * @param {Point} pointer + * Cached array of text wrapping. + * @type Array */ - onMouseMove(pointer, { e }) { - if (!this.canvas._isMainEvent(e)) { - return; - } - this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey]; - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - if (this._addPoint(pointer) && this._points.length > 1) { - if (this.needsFullRender()) { - // redraw curve - // clear top canvas - this.canvas.clearContext(this.canvas.contextTop); - this._render(); - } - else { - const points = this._points, length = points.length, ctx = this.canvas.contextTop; - // draw the curve update - this._saveAndTransform(ctx); - if (this.oldEnd) { - ctx.beginPath(); - ctx.moveTo(this.oldEnd.x, this.oldEnd.y); - } - this.oldEnd = PencilBrush.drawSegment(ctx, points[length - 2], points[length - 1]); - ctx.stroke(); - ctx.restore(); - } - } - } + __cachedLines: null, + /** - * Invoked on mouse up + * Override standard Object class values */ - onMouseUp({ e }) { - if (!this.canvas._isMainEvent(e)) { - return true; - } - this.drawStraightLine = false; - this.oldEnd = undefined; - this._finalizeAndAddPath(); - return false; - } + lockScalingFlip: true, + /** - * @private - * @param {Point} pointer Actual mouse position related to the canvas. + * Override standard Object class values + * Textbox needs this on false */ - _prepareForDrawing(pointer) { - this._reset(); - this._addPoint(pointer); - this.canvas.contextTop.moveTo(pointer.x, pointer.y); - } + noScaleCache: false, + /** + * Properties which when set cause object to change dimensions + * @type Object * @private - * @param {Point} point Point to be added to points array */ - _addPoint(point) { - if (this._points.length > 1 && - point.eq(this._points[this._points.length - 1])) { - return false; - } - if (this.drawStraightLine && this._points.length > 1) { - this._hasStraightLine = true; - this._points.pop(); - } - this._points.push(point); - return true; - } + _dimensionAffectingProps: fabric.Text.prototype._dimensionAffectingProps.concat('width'), + /** - * Clear points array and set contextTop canvas style. + * Use this regular expression to split strings in breakable lines * @private */ - _reset() { - this._points = []; - this._setBrushStyles(this.canvas.contextTop); - this._setShadow(); - this._hasStraightLine = false; - } + _wordJoiners: /[ \t\r]/, + /** - * Draw a smooth path on the topCanvas using quadraticCurveTo + * Use this boolean property in order to split strings that have no white space concept. + * this is a cheap way to help with chinese/japanese + * @type Boolean + * @since 2.6.0 + */ + splitByGrapheme: false, + + /** + * Unlike superclass's version of this function, Textbox does not update + * its width. * @private - * @param {CanvasRenderingContext2D} [ctx] + * @override */ - _render(ctx = this.canvas.contextTop) { - let p1 = this._points[0], p2 = this._points[1]; - this._saveAndTransform(ctx); - ctx.beginPath(); - //if we only have 2 points in the path and they are the same - //it means that the user only clicked the canvas without moving the mouse - //then we should be drawing a dot. A path isn't drawn between two identical dots - //that's why we set them apart a bit - if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) { - const width = this.width / 1000; - p1.x -= width; - p2.x += width; - } - ctx.moveTo(p1.x, p1.y); - for (let i = 1; i < this._points.length; i++) { - // we pick the point between pi + 1 & pi + 2 as the - // end point and p1 as our control point. - PencilBrush.drawSegment(ctx, p1, p2); - p1 = this._points[i]; - p2 = this._points[i + 1]; - } - // Draw last line as a straight line while - // we wait for the next point to be able to calculate - // the bezier control point - ctx.lineTo(p1.x, p1.y); - ctx.stroke(); - ctx.restore(); - } + initDimensions: function() { + if (this.__skipDimension) { + return; + } + this.isEditing && this.initDelayedCursor(); + this.clearContextTop(); + this._clearCache(); + // clear dynamicMinWidth as it will be different after we re-wrap line + this.dynamicMinWidth = 0; + // wrap lines + this._styleMap = this._generateStyleMap(this._splitText()); + // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap + if (this.dynamicMinWidth > this.width) { + this._set('width', this.dynamicMinWidth); + } + if (this.textAlign.indexOf('justify') !== -1) { + // once text is measured we need to make space fatter to make justified text. + this.enlargeSpaces(); + } + // clear cache and re-calculate height + this.height = this.calcTextHeight(); + this.saveState({ propertySet: '_dimensionAffectingProps' }); + }, + /** - * Converts points to SVG path - * @param {Array} points Array of points - * @return {PathData} SVG path commands - */ - convertPointsToSVGPath(points) { - const correction = this.width / 1000; - return getSmoothPathFromPoints(points, correction); - } - /** - * Creates a Path object to add on canvas - * @param {PathData} pathData Path data - * @return {Path} Path to add on canvas - */ - createPath(pathData) { - const path = new Path(pathData, { - fill: null, - stroke: this.color, - strokeWidth: this.width, - strokeLineCap: this.strokeLineCap, - strokeMiterLimit: this.strokeMiterLimit, - strokeLineJoin: this.strokeLineJoin, - strokeDashArray: this.strokeDashArray, - }); - if (this.shadow) { - this.shadow.affectStroke = true; - path.shadow = new Shadow$1(this.shadow); + * Generate an object that translates the style object so that it is + * broken up by visual lines (new lines and automatic wrapping). + * The original text styles object is broken up by actual lines (new lines only), + * which is only sufficient for Text / IText + * @private + */ + _generateStyleMap: function(textInfo) { + var realLineCount = 0, + realLineCharCount = 0, + charCount = 0, + map = {}; + + for (var i = 0; i < textInfo.graphemeLines.length; i++) { + if (textInfo.graphemeText[charCount] === '\n' && i > 0) { + realLineCharCount = 0; + charCount++; + realLineCount++; } - return path; - } + else if (!this.splitByGrapheme && this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) && i > 0) { + // this case deals with space's that are removed from end of lines when wrapping + realLineCharCount++; + charCount++; + } + + map[i] = { line: realLineCount, offset: realLineCharCount }; + + charCount += textInfo.graphemeLines[i].length; + realLineCharCount += textInfo.graphemeLines[i].length; + } + + return map; + }, + /** - * Decimate points array with the decimate value + * Returns true if object has a style property or has it on a specified line + * @param {Number} lineIndex + * @return {Boolean} */ - decimatePoints(points, distance) { - if (points.length <= 2) { - return points; - } - let lastPoint = points[0], cDistance; - const zoom = this.canvas.getZoom(), adjustedDistance = Math.pow(distance / zoom, 2), l = points.length - 1, newPoints = [lastPoint]; - for (let i = 1; i < l - 1; i++) { - cDistance = - Math.pow(lastPoint.x - points[i].x, 2) + - Math.pow(lastPoint.y - points[i].y, 2); - if (cDistance >= adjustedDistance) { - lastPoint = points[i]; - newPoints.push(lastPoint); - } + styleHas: function(property, lineIndex) { + if (this._styleMap && !this.isWrapping) { + var map = this._styleMap[lineIndex]; + if (map) { + lineIndex = map.line; } - // Add the last point from the original line to the end of the array. - // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point. - newPoints.push(points[l]); - return newPoints; - } + } + return fabric.Text.prototype.styleHas.call(this, property, lineIndex); + }, + /** - * On mouseup after drawing the path on contextTop canvas - * we use the points captured to create an new Path object - * and add it to the canvas. + * Returns true if object has no styling or no styling in a line + * @param {Number} lineIndex , lineIndex is on wrapped lines. + * @return {Boolean} */ - _finalizeAndAddPath() { - const ctx = this.canvas.contextTop; - ctx.closePath(); - if (this.decimate) { - this._points = this.decimatePoints(this._points, this.decimate); - } - const pathData = this.convertPointsToSVGPath(this._points); - if (isEmptySVGPath(pathData)) { - // do not create 0 width/height paths, as they are - // rendered inconsistently across browsers - // Firefox 4, for example, renders a dot, - // whereas Chrome 10 renders nothing - this.canvas.requestRenderAll(); - return; - } - const path = this.createPath(pathData); - this.canvas.clearContext(this.canvas.contextTop); - this.canvas.fire('before:path:created', { path: path }); - this.canvas.add(path); - this.canvas.requestRenderAll(); - path.setCoords(); - this._resetShadow(); - // fire event 'path' created - this.canvas.fire('path:created', { path: path }); - } -} -fabric$1.PencilBrush = PencilBrush; + isEmptyStyles: function(lineIndex) { + if (!this.styles) { + return true; + } + var offset = 0, nextLineIndex = lineIndex + 1, nextOffset, obj, shouldLimit = false, + map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1]; + if (map) { + lineIndex = map.line; + offset = map.offset; + } + if (mapNextLine) { + nextLineIndex = mapNextLine.line; + shouldLimit = nextLineIndex === lineIndex; + nextOffset = mapNextLine.offset; + } + obj = typeof lineIndex === 'undefined' ? this.styles : { line: this.styles[lineIndex] }; + for (var p1 in obj) { + for (var p2 in obj[p1]) { + if (p2 >= offset && (!shouldLimit || p2 < nextOffset)) { + // eslint-disable-next-line no-unused-vars + for (var p3 in obj[p1][p2]) { + return false; + } + } + } + } + return true; + }, -/** - * @todo remove transient - */ -const { Pattern } = fabric$1; -class PatternBrush extends PencilBrush { - constructor(canvas) { - super(canvas); - } - getPatternSrc() { - const dotWidth = 20, dotDistance = 5, patternCanvas = createCanvasElement(), patternCtx = patternCanvas.getContext('2d'); - patternCanvas.width = patternCanvas.height = dotWidth + dotDistance; - if (patternCtx) { - patternCtx.fillStyle = this.color; - patternCtx.beginPath(); - patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false); - patternCtx.closePath(); - patternCtx.fill(); + /** + * @param {Number} lineIndex + * @param {Number} charIndex + * @private + */ + _getStyleDeclaration: function(lineIndex, charIndex) { + if (this._styleMap && !this.isWrapping) { + var map = this._styleMap[lineIndex]; + if (!map) { + return null; } - return patternCanvas; - } - getPatternSrcFunction() { - return String(this.getPatternSrc).replace('this.color', '"' + this.color + '"'); - } + lineIndex = map.line; + charIndex = map.offset + charIndex; + } + return this.callSuper('_getStyleDeclaration', lineIndex, charIndex); + }, + /** - * Creates "pattern" instance property - * @param {CanvasRenderingContext2D} ctx + * @param {Number} lineIndex + * @param {Number} charIndex + * @param {Object} style + * @private */ - getPattern(ctx) { - return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat'); - } + _setStyleDeclaration: function(lineIndex, charIndex, style) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + + this.styles[lineIndex][charIndex] = style; + }, + /** - * Sets brush styles - * @param {CanvasRenderingContext2D} ctx + * @param {Number} lineIndex + * @param {Number} charIndex + * @private */ - _setBrushStyles(ctx) { - super._setBrushStyles(ctx); - const pattern = this.getPattern(ctx); - pattern && (ctx.strokeStyle = pattern); - } + _deleteStyleDeclaration: function(lineIndex, charIndex) { + var map = this._styleMap[lineIndex]; + lineIndex = map.line; + charIndex = map.offset + charIndex; + delete this.styles[lineIndex][charIndex]; + }, + /** - * Creates path + * probably broken need a fix + * Returns the real style line that correspond to the wrapped lineIndex line + * Used just to verify if the line does exist or not. + * @param {Number} lineIndex + * @returns {Boolean} if the line exists or not + * @private */ - createPath(pathData) { - const path = super.createPath(pathData), topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2); - path.stroke = new Pattern({ - source: this.source || this.getPatternSrcFunction(), - offsetX: -topLeft.x, - offsetY: -topLeft.y, - }); - return path; - } -} -fabric$1.PatternBrush = PatternBrush; + _getLineStyle: function(lineIndex) { + var map = this._styleMap[lineIndex]; + return !!this.styles[map.line]; + }, -/** - * @todo remove transient - */ -const { Group, Rect, Shadow } = fabric$1; -/** - * - * @param rects - * @returns - */ -function getUniqueRects(rects) { - const uniqueRects = {}; - const uniqueRectsArray = []; - for (let i = 0, key; i < rects.length; i++) { - key = `${rects[i].left}${rects[i].top}`; - if (!uniqueRects[key]) { - uniqueRects[key] = true; - uniqueRectsArray.push(rects[i]); - } - } - return uniqueRectsArray; -} -class SprayBrush extends BaseBrush { /** - * Constructor - * @param {Canvas} canvas - * @return {SprayBrush} Instance of a spray brush - */ - constructor(canvas) { - super(canvas); - /** - * Width of a spray - * @type Number - * @default - */ - this.width = 10; - /** - * Density of a spray (number of dots per chunk) - * @type Number - * @default - */ - this.density = 20; - /** - * Width of spray dots - * @type Number - * @default - */ - this.dotWidth = 1; - /** - * Width variance of spray dots - * @type Number - * @default - */ - this.dotWidthVariance = 1; - /** - * Whether opacity of a dot should be random - * @type Boolean - * @default - */ - this.randomOpacity = false; - /** - * Whether overlapping dots (rectangles) should be removed (for performance reasons) - * @type Boolean - * @default - */ - this.optimizeOverlapping = true; - this.sprayChunks = []; - this.sprayChunk = []; - } + * Set the line style to an empty object so that is initialized + * @param {Number} lineIndex + * @param {Object} style + * @private + */ + _setLineStyle: function(lineIndex) { + var map = this._styleMap[lineIndex]; + this.styles[map.line] = {}; + }, + /** - * Invoked on mouse down - * @param {Point} pointer + * Wraps text using the 'width' property of Textbox. First this function + * splits text on newlines, so we preserve newlines entered by the user. + * Then it wraps each line using the width of the Textbox by calling + * _wrapLine(). + * @param {Array} lines The string array of text that is split into lines + * @param {Number} desiredWidth width you want to wrap to + * @returns {Array} Array of lines */ - onMouseDown(pointer) { - this.sprayChunks = []; - this.canvas.clearContext(this.canvas.contextTop); - this._setShadow(); - this.addSprayChunk(pointer); - this.renderChunck(this.sprayChunk); - } + _wrapText: function(lines, desiredWidth) { + var wrapped = [], i; + this.isWrapping = true; + for (i = 0; i < lines.length; i++) { + wrapped = wrapped.concat(this._wrapLine(lines[i], i, desiredWidth)); + } + this.isWrapping = false; + return wrapped; + }, + /** - * Invoked on mouse move - * @param {Point} pointer + * Helper function to measure a string of text, given its lineIndex and charIndex offset + * it gets called when charBounds are not available yet. + * @param {CanvasRenderingContext2D} ctx + * @param {String} text + * @param {number} lineIndex + * @param {number} charOffset + * @returns {number} + * @private */ - onMouseMove(pointer) { - if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) { - return; - } - this.addSprayChunk(pointer); - this.renderChunck(this.sprayChunk); - } + _measureWord: function(word, lineIndex, charOffset) { + var width = 0, prevGrapheme, skipLeft = true; + charOffset = charOffset || 0; + for (var i = 0, len = word.length; i < len; i++) { + var box = this._getGraphemeBox(word[i], lineIndex, i + charOffset, prevGrapheme, skipLeft); + width += box.kernedWidth; + prevGrapheme = word[i]; + } + return width; + }, + /** - * Invoked on mouse up + * Wraps a line of text using the width of the Textbox and a context. + * @param {Array} line The grapheme array that represent the line + * @param {Number} lineIndex + * @param {Number} desiredWidth width you want to wrap the line to + * @param {Number} reservedSpace space to remove from wrapping for custom functionalities + * @returns {Array} Array of line(s) into which the given text is wrapped + * to. */ - onMouseUp() { - const originalRenderOnAddRemove = this.canvas.renderOnAddRemove; - this.canvas.renderOnAddRemove = false; - const rects = []; - for (let i = 0; i < this.sprayChunks.length; i++) { - const sprayChunk = this.sprayChunks[i]; - for (let j = 0; j < sprayChunk.length; j++) { - const chunck = sprayChunk[j]; - const rect = new Rect({ - width: chunck.width, - height: chunck.width, - left: chunck.x + 1, - top: chunck.y + 1, - originX: 'center', - originY: 'center', - fill: this.color, - }); - rects.push(rect); - } + _wrapLine: function(_line, lineIndex, desiredWidth, reservedSpace) { + var lineWidth = 0, + splitByGrapheme = this.splitByGrapheme, + graphemeLines = [], + line = [], + // spaces in different languages? + words = splitByGrapheme ? fabric.util.string.graphemeSplit(_line) : _line.split(this._wordJoiners), + word = '', + offset = 0, + infix = splitByGrapheme ? '' : ' ', + wordWidth = 0, + infixWidth = 0, + largestWordWidth = 0, + lineJustStarted = true, + additionalSpace = this._getWidthOfCharSpacing(), + reservedSpace = reservedSpace || 0; + // fix a difference between split and graphemeSplit + if (words.length === 0) { + words.push([]); + } + desiredWidth -= reservedSpace; + for (var i = 0; i < words.length; i++) { + // if using splitByGrapheme words are already in graphemes. + word = splitByGrapheme ? words[i] : fabric.util.string.graphemeSplit(words[i]); + wordWidth = this._measureWord(word, lineIndex, offset); + offset += word.length; + + lineWidth += infixWidth + wordWidth - additionalSpace; + if (lineWidth > desiredWidth && !lineJustStarted) { + graphemeLines.push(line); + line = []; + lineWidth = wordWidth; + lineJustStarted = true; } - const group = new Group(this.optimizeOverlapping ? getUniqueRects(rects) : rects, { - objectCaching: true, - layout: 'fixed', - subTargetCheck: false, - interactive: false, - }); - this.shadow && group.set('shadow', new Shadow(this.shadow)); - this.canvas.fire('before:path:created', { path: group }); - this.canvas.add(group); - this.canvas.fire('path:created', { path: group }); - this.canvas.clearContext(this.canvas.contextTop); - this._resetShadow(); - this.canvas.renderOnAddRemove = originalRenderOnAddRemove; - this.canvas.requestRenderAll(); - } - renderChunck(sprayChunck) { - const ctx = this.canvas.contextTop; - ctx.fillStyle = this.color; - this._saveAndTransform(ctx); - for (let i = 0; i < sprayChunck.length; i++) { - const point = sprayChunck[i]; - ctx.globalAlpha = point.opacity; - ctx.fillRect(point.x, point.y, point.width, point.width); + else { + lineWidth += additionalSpace; } - ctx.restore(); - } + + if (!lineJustStarted && !splitByGrapheme) { + line.push(infix); + } + line = line.concat(word); + + infixWidth = splitByGrapheme ? 0 : this._measureWord([infix], lineIndex, offset); + offset++; + lineJustStarted = false; + // keep track of largest word + if (wordWidth > largestWordWidth) { + largestWordWidth = wordWidth; + } + } + + i && graphemeLines.push(line); + + if (largestWordWidth + reservedSpace > this.dynamicMinWidth) { + this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace; + } + return graphemeLines; + }, + /** - * Render all spray chunks + * Detect if the text line is ended with an hard break + * text and itext do not have wrapping, return false + * @param {Number} lineIndex text to split + * @return {Boolean} */ - _render() { - const ctx = this.canvas.contextTop; - ctx.fillStyle = this.color; - this._saveAndTransform(ctx); - for (let i = 0; i < this.sprayChunks.length; i++) { - this.renderChunck(this.sprayChunks[i]); - } - ctx.restore(); - } + isEndOfWrapping: function(lineIndex) { + if (!this._styleMap[lineIndex + 1]) { + // is last line, return true; + return true; + } + if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) { + // this is last line before a line break, return true; + return true; + } + return false; + }, + /** - * @param {Point} pointer + * Detect if a line has a linebreak and so we need to account for it when moving + * and counting style. + * @return Number */ - addSprayChunk(pointer) { - this.sprayChunk = []; - const radius = this.width / 2; - for (let i = 0; i < this.density; i++) { - this.sprayChunk.push({ - x: getRandomInt(pointer.x - radius, pointer.x + radius), - y: getRandomInt(pointer.y - radius, pointer.y + radius), - width: this.dotWidthVariance - ? getRandomInt( - // bottom clamp width to 1 - Math.max(1, this.dotWidth - this.dotWidthVariance), this.dotWidth + this.dotWidthVariance) - : this.dotWidth, - opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1, - }); - } - this.sprayChunks.push(this.sprayChunk); + missingNewlineOffset: function(lineIndex) { + if (this.splitByGrapheme) { + return this.isEndOfWrapping(lineIndex) ? 1 : 0; + } + return 1; + }, + + /** + * Gets lines of text to render in the Textbox. This function calculates + * text wrapping on the fly every time it is called. + * @param {String} text text to split + * @returns {Array} Array of lines in the Textbox. + * @override + */ + _splitTextIntoLines: function(text) { + var newText = fabric.Text.prototype._splitTextIntoLines.call(this, text), + graphemeLines = this._wrapText(newText.lines, this.width), + lines = new Array(graphemeLines.length); + for (var i = 0; i < graphemeLines.length; i++) { + lines[i] = graphemeLines[i].join(''); + } + newText.lines = lines; + newText.graphemeLines = graphemeLines; + return newText; + }, + + getMinWidth: function() { + return Math.max(this.minWidth, this.dynamicMinWidth); + }, + + _removeExtraneousStyles: function() { + var linesToKeep = {}; + for (var prop in this._styleMap) { + if (this._textLines[prop]) { + linesToKeep[this._styleMap[prop].line] = 1; + } + } + for (var prop in this.styles) { + if (!linesToKeep[prop]) { + delete this.styles[prop]; + } + } + }, + + /** + * Returns object representation of an instance + * @method toObject + * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output + * @return {Object} object representation of an instance + */ + toObject: function(propertiesToInclude) { + return this.callSuper('toObject', ['minWidth', 'splitByGrapheme'].concat(propertiesToInclude)); } -} -fabric$1.SprayBrush = SprayBrush; -//# sourceMappingURL=fabric.js.map + }); + + /** + * Returns fabric.Textbox instance from an object representation + * @static + * @memberOf fabric.Textbox + * @param {Object} object Object to create an instance from + * @param {Function} [callback] Callback to invoke when an fabric.Textbox instance is created + */ + fabric.Textbox.fromObject = function(object, callback) { + return fabric.Object._fromObject('Textbox', object, callback, 'text'); + }; +})(typeof exports !== 'undefined' ? exports : this); + + +(function() { + + var controlsUtils = fabric.controlsUtils, + scaleSkewStyleHandler = controlsUtils.scaleSkewCursorStyleHandler, + scaleStyleHandler = controlsUtils.scaleCursorStyleHandler, + scalingEqually = controlsUtils.scalingEqually, + scalingYOrSkewingX = controlsUtils.scalingYOrSkewingX, + scalingXOrSkewingY = controlsUtils.scalingXOrSkewingY, + scaleOrSkewActionName = controlsUtils.scaleOrSkewActionName, + objectControls = fabric.Object.prototype.controls; + + objectControls.ml = new fabric.Control({ + x: -0.5, + y: 0, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }); + + objectControls.mr = new fabric.Control({ + x: 0.5, + y: 0, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingXOrSkewingY, + getActionName: scaleOrSkewActionName, + }); + + objectControls.mb = new fabric.Control({ + x: 0, + y: 0.5, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }); + + objectControls.mt = new fabric.Control({ + x: 0, + y: -0.5, + cursorStyleHandler: scaleSkewStyleHandler, + actionHandler: scalingYOrSkewingX, + getActionName: scaleOrSkewActionName, + }); + + objectControls.tl = new fabric.Control({ + x: -0.5, + y: -0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.tr = new fabric.Control({ + x: 0.5, + y: -0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.bl = new fabric.Control({ + x: -0.5, + y: 0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.br = new fabric.Control({ + x: 0.5, + y: 0.5, + cursorStyleHandler: scaleStyleHandler, + actionHandler: scalingEqually + }); + + objectControls.mtr = new fabric.Control({ + x: 0, + y: -0.5, + actionHandler: controlsUtils.rotationWithSnapping, + cursorStyleHandler: controlsUtils.rotationStyleHandler, + offsetY: -40, + withConnection: true, + actionName: 'rotate', + }); + + if (fabric.Textbox) { + // this is breaking the prototype inheritance, no time / ideas to fix it. + // is important to document that if you want to have all objects to have a + // specific custom control, you have to add it to Object prototype and to Textbox + // prototype. The controls are shared as references. So changes to control `tr` + // can still apply to all objects if needed. + var textBoxControls = fabric.Textbox.prototype.controls = { }; + + textBoxControls.mtr = objectControls.mtr; + textBoxControls.tr = objectControls.tr; + textBoxControls.br = objectControls.br; + textBoxControls.tl = objectControls.tl; + textBoxControls.bl = objectControls.bl; + textBoxControls.mt = objectControls.mt; + textBoxControls.mb = objectControls.mb; + + textBoxControls.mr = new fabric.Control({ + x: 0.5, + y: 0, + actionHandler: controlsUtils.changeWidth, + cursorStyleHandler: scaleSkewStyleHandler, + actionName: 'resizing', + }); + + textBoxControls.ml = new fabric.Control({ + x: -0.5, + y: 0, + actionHandler: controlsUtils.changeWidth, + cursorStyleHandler: scaleSkewStyleHandler, + actionName: 'resizing', + }); + } +})(); + From 5bb099671f1cd704638af63ab6b3a51ac504aecd Mon Sep 17 00:00:00 2001 From: Andrea Bogazzi Date: Sun, 20 Nov 2022 15:00:18 +0100 Subject: [PATCH 58/58] forgot ; --- src/mixins/itext_click_behavior.mixin.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/mixins/itext_click_behavior.mixin.ts b/src/mixins/itext_click_behavior.mixin.ts index 79cc45405fa..cddac63bafd 100644 --- a/src/mixins/itext_click_behavior.mixin.ts +++ b/src/mixins/itext_click_behavior.mixin.ts @@ -261,7 +261,7 @@ export abstract class ITextClickBehaviorMixin extends ITextKeyBehaviorMixin { } const lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex)); let width = lineLeftOffset * this.scaleX; - const jlen = this._textLines[lineIndex].length + const jlen = this._textLines[lineIndex].length; // handling of RTL: in order to get things work correctly, // we assume RTL writing is mirrored compared to LTR writing. // so in position detection we mirror the X offset, and when is time